@charset "utf-8";

/* ==================================================
	공통사항
================================================== */
::-moz-selection {
	background: #74BB2A;
	color: #fff;
}

::selection {
	background: #74BB2A;
	color: #fff;
}

.cont_inner {
	width: 100%;
	margin-top: var(--rem-60);
}

.img100 {
	width: 100%;
}

.mt0{
	margin-top: 0 !important;
}

/* 모바일CSS */
@media screen and (max-width:1100px) {
}
/* ==================================================
	아이콘
================================================== */
.con_title {
	position: relative;
	font-size: var(--rem-26);
	font-family: 'JalnanGothic';
	font-weight: normal;
	color: #343434;
	display: inline-block;
	border-radius: 50px;
	margin-top: var(--rem-60);
	margin-bottom: var(--rem-20);
}

.con_title:before {
	content: "";
	position: absolute;
	top: 10px;
	right: -20px;
	width: 12px;
	height: 12px;
	border-radius: 50px;
	background: #74BB2A;
}

.l-list01 {
	line-height: 1.4;
	font-size:var(--rem-18);
}

.l-list01>li {
    position: relative;
    padding-left: var(--rem-13);
    margin-top: 1rem;
}

.l-list01>li:first-child {
	margin-top: 0;
}

.l-list01>li:before {
    content: '';
    position: absolute;
    top: 1rem;
    left: 3px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: var(--color-gray6);
}

.l-list01>li span {
	font-weight: 700;
}

/* 모바일CSS */
@media screen and (max-width:1023px) {
	.con_title {
		font-size: 2.5rem;
	}


	.l-list01 {
		font-size: 1.7rem;
	}

	.l-list01>li:before {
		top: 9px;
	}
}

@media screen and (max-width:640px) {
	.con_title {
		font-size: 1.8rem;
	}

	.con_title::before {
		top: 3px;
	}

	.l-list01 {
		font-size: 1.6rem;
	}

	.l-list01>li:before {
		top: 8.5px;
	}

	.l-list01>li {
		margin-top: 5px;
	}
}

/* ==================================================
	배열
================================================== */
.grid {
    width: 100%;
    display: -ms-grid;
    display: grid;
}
.grid_col02 {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
}
.grid_col03 {
    -ms-grid-columns: (1fr) [3];
    grid-template-columns: repeat(3, 1fr);
}
.grid_col04 {
    -ms-grid-columns: (1fr) [4];
    grid-template-columns: repeat(4, 1fr);
}


.flex{
	display: flex;
}

.flex .width66{
    flex-basis: 66.666666%;
    width: 66.666666%;
}

.flex .width33 {
    flex-basis: 33.333333%;
}

/* 모바일CSS */
@media (max-width: 1100px) {
	.grid_col04 {
		-ms-grid-columns: (1fr) [2];
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 800px) {
	.grid_col02 {
		-ms-grid-columns: (1fr) [1];
		grid-template-columns: repeat(1, 1fr);
	}
	.grid_col03 {
		-ms-grid-columns: (1fr) [1];
		grid-template-columns: repeat(1, 1fr);
	}
	.grid_col04 {
		-ms-grid-columns: (1fr) [1];
		grid-template-columns: repeat(1, 1fr);
	}

	/* flex */
	.flex{
        flex-direction: column;
    }

	.flex .width66{
		flex-basis: 100%;
		width: 100%;
	}
	
	.flex .width33 {
		flex-basis: 100%;
	}
}


/* ==================================================
	표
================================================== */
.table {
	width: 100%;
	position: relative;
	background: #fff;
	text-align: center;
	border-top: solid 2px var(--color-gray9);
}

.table table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
}

.table table tr {
	border-bottom: 1px solid var(--color-gray2);
}

.table table th,
.table table td {
	padding: 16px 5px;
	border-right: 1px solid var(--color-gray2);
	word-break: keep-all;
	word-wrap: break-word;
}

.table table th {
	border-right: 1px solid var(--color-white);
	background: var(--color-gray2);
}

.table table tr th:last-child,
.table table tr td:last-child {
	border-right: 0;
}

/* col */
.col01 {
	width: 20%;
}

.col02 {
	width: 40%;
}

.col04 {
	width: 25%;
}


/* ==================================================
	반응형 테이블 스크롤
================================================== */
.msg_touch_help {
	display: none;
}

/* 모바일CSS */
@media screen and (max-width:720px) {
	.con_table_wrap {
		overflow-x: auto;
	}

	.con_table_wrap {
		position: relative;
	}

	.table_scroll {
		width: 200%;
	}

	.msg_touch_help {
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -40px;
		margin-top: -40px;
		display: block;
	}

	.msg_touch_help img {
		width: 100px;
		height: 100px;
	}
}

/* ==================================================
	이미지 움직이는 효과
================================================== */
.over-cover {
	overflow: hidden;
	position: relative;
	display: inline-block;
	border: 1px solid #dbdbdb;
	line-height: 0;
}

.over-cover img {
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.5s linear;
	transition: all 0.5s linear;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

.over-cover:hover img {
	-webkit-transform: scale3d(1.2, 1.2, 1);
	transform: scale3d(1.2, 1.2, 1);
}

/* ==================================================
	회사소개 -회사개요
================================================== */
/* 회사개요표 */
.infoarea table {
	width: 100%;
	border-top: 2px solid #333;
	line-height: 1.5;
}

.infoarea table img {
	max-width: 100%;
	width: 30px;
}

.infoarea table th {
	padding: 17.5px 2rem;
	border-bottom: 1px solid #ddd;
	font-size: 1.8rem;
	font-weight: 700;
	color: #1B2F67;
}

.infoarea table th .tl {
	display: flex;
	gap: 1.6rem;
	align-items: center;
}

.infoarea table th .tl span {
	font-family: 'JalnanGothic';
	font-weight: normal;
}

.infoarea table td {
	padding: 15px 0;
	border-bottom: 1px solid #ddd;
	font-size: 1.8rem;
	font-weight: 500;
	vertical-align: middle;
	word-break: keep-all;
}

.ovtb_width01 {
	min-width: 150px;
	width:15%;
}

.ovtb_width02 {
	width:35%;
}

.over_table {
/*	display: flex;
	margin-top: 4rem;
	gap: 4rem;*/
}

.table_fl>img {
	width: 100%;
	border-radius: 0 50px 0 0;
}


/* 실적 */
.overview .install{
	margin-top: var(--rem-60);
	padding: var(--rem-60);
	background: url('../images/about/over_install.png') center no-repeat ;
	background-color: var(--color-gray1) ;
	background-size: cover;
	border-radius: 1rem;
}

.overview .install p{
	font-size: var(--rem-26);	
	font-family: var(--font-Elice);
	font-weight: var(--font-md);
}

.overview .install b.b_tit{
	font-size: var(--rem-30);	
	color: var(--color-navy);
}

.overview .install .l-list01{
	margin-top: var(--rem-30);
}

.overview .install .l-list01>li{
	font-weight: var(--font-rg);
	color: var(--color-black);
}

/*모바일css*/
@media screen and (max-width:1200px) {
	
	.infoarea table th {
		padding: 15px 8px;
		font-size: 1.7rem;
	}
	.infoarea table th .tl {
		gap: 1.0rem;
	}
	
	.infoarea table td {
		font-size: 1.7rem;
	}
	

	.ovtb_width01 {
		width: 146px;
	}
}

@media screen and (max-width:1000px) {
	.over_table {
		flex-direction: column;
	}

	.table_fl>img {
		width: 60%;
	}

	.table_fl {
		text-align: center;
	}

}

@media screen and (max-width:600px) {

	/* 회사개요표 */
	.infoarea table {
		font-size: 1.6rem;
	}

	.infoarea table tr th {
		display: block;
		font-size: 1.6rem;
	    padding: 12px;
	}

	.infoarea table img {
		width: 26px;
	}
	
	.infoarea table th .tl {
		align-items: flex-start;
	}
	
	.infoarea table th .tl span {
		padding-top: 3px;
	}

	.infoarea table tr td {
		display: block;
		font-size: 1.6rem;
	    padding: 12px;
	}

	.ovtb_width01 {
		display: block;
		width: 100%;
	}

	.ovtb_width02 {
		display: block;
		width: 100%;
	}

	.table_fl>img {
		width: 80%;
	}
}


/* ==================================================
	회사소개 - 영업개요
================================================== */

.structure{
	margin-top: var(--rem-60);
	padding: var(--rem-40);
	background: url('../images/about/structure_bg.jpg')  no-repeat;
	background-size: 100%;
	border-radius: 1rem;
}
.structure img{
	display: block;
	width: 100%;
}

/* 솔루션 */
.business .solution {
    margin-top: var(--rem-60);
	gap: var(--rem-60);
	padding: var(--rem-40) var(--rem-60);
	background-color: var(--color-gray1) ;
}

.business .solution .b_tit{
	position: relative;
    font-size: var(--rem-26);
    font-family: 'JalnanGothic';
    font-weight: normal;
	line-height: 1.5;
}

.business .solution .b_tit:after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: var(--color-gray3);
}

.business .solution .b_tit span{
	display: block;
   color: var(--color-green);
}

.business .solution .l-list01>li b {
    color: var(--color-navy);
}

/* 표 */
.business .solution_table{
	margin-top: var(--rem-60);
/*	padding: var(--rem-40);*/
/*	background: var(--color-gray1);*/
	border: 0;
	border-radius: 4rem;
}
.business .solution_table .b_tit{
    /* display: inline-block; */
    /* width: 60%; */
    padding: 14px;
    font-size: var(--rem-26);
    font-weight: var(--font-bd);
    color: var(--color-white);
    background-color: var(--color-navy);
    border-radius: 2rem 2rem 0 0;
}

.business .solution_table table thead th,
.business .solution_table table tbody td {
	padding: 14px;
	background: var(--color-white);
}

.business .solution_table table thead th {
	position: relative;
	color: var(--color-white);
	background: var(--color-gray6);
	border: 0;
}

.business .solution_table table thead th:after {
    content: "\e93e";
    position: absolute;
    top: calc(50% - 1rem);
    left: -1rem;
    width: 2rem;
    height: 2rem;
    color: var(--color-white);
    font-family: xeicon;
}
.business .solution_table table thead th:first-child:after {
    display: none;
}

.business .solution_table table tbody tr td{
    vertical-align: bottom;
}

.business .solution_table table p{
	padding: 14px 5px;
	background-color: var(--color-gray3);
	border-radius: var(--rem-30);
}

.business .solution_table table img{
	display: block;
	width: 100%;
	margin-top: 10px;
}

/* col */
.business .solution_table .col01 {
	width: 20%;
}

.business .solution_table .point{
	background-image: url('../images/icon/check.png');
	background-repeat: no-repeat;
	background-position-x: var(--rem-30);
	background-position-y: center;
}
.business .solution_table table .blue{
	color: #FFF;
	background-color: #4dabf7;
}

/*모바일css*/
@media screen and (max-width:1100px) {
	.business .solution .b_tit:after {
		top: 130%;
		width: 100%;
		height: 1px;
	}
}

@media screen and (max-width:600px) {
	.business .solution {
		padding: var(--rem-50) var(--rem-45);
	}
}



/* ==================================================
	회사소개 - 인사말
================================================== */
.ceo_con {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row-reverse;
	position: relative;
	gap: var(--rem-50);
}

.ceo_txt {
	width: 49%;
}

.ceo_txt>h3 {
	word-break: keep-all;
	font-size: var(--rem-33);
	font-family: var(--font-Jalnan);
	font-weight: normal;
	padding-bottom: 20px;
	line-height: 1.5;
}

.ceo_txt>h3>em {
	color: var(--color-green);
}

.ceo_txt p {
	word-break: keep-all;
	font-size: var(--rem-20);
	padding-top: 15px;
	line-height: 1.5;
	position: relative;
}

.ceo_txt p::before {
	position: absolute;
	bottom: 00px;
	left: -600px;
	background: #ECF7FA;
	width: 3500px;
	height: 100%;
	content: "";
	z-index: -99;
}

.ceo_txt>.p_bg>p:first-child {
	padding-top: 35px;
}

.ceo_txt>.p_bg>p:last-child {
	padding-bottom: 35px;
}

.ceo_txt>.thankyou {
	padding-bottom: 15px;
}

.ceo_txt>.name {
	font-size: var(--rem-22);
	text-align: right;
	padding-top: 25px;
	font-weight: 400;
}

.ceo_img {
	width: 45%;
}

.ceo_img>img {
	width: 100%;
	border-radius: 50px 0 0 0;
}

/* 모바일CSS */
@media screen and (max-width:1400px) {
	.ceo_img {
		width: 50%;
	}
}

@media screen and (max-width:1100px) {
	.ceo_img {
		width: 55%;
	}
}
@media screen and (max-width:800px) {
	.ceo_con {
		display: block;
	}

	.ceo_txt {
		width: 100%;
	}

	.ceo_img {
		margin: auto;
		padding-left: 0;
	}

	.ceo_txt>h3 {
		font-size: var(--rem-30);
		text-align: center;
		padding-top: 40px;
	}
}

@media screen and (max-width:600px) {
	.ceo_img {
		width: 70%;
	}

	.ceo_txt>h3 {
		font-size: var(--rem-26);
		padding-top: 35px;
		padding-bottom: 15px;
	}
}

@media screen and (max-width:450px) {
	.ceo_img {
		width: 80%;
	}

	.ceo_txt>h3 {
		font-size: var(--rem-24);
		padding-top: 25px;
	}

	.ceo_txt>h3 {
		font-size: var(--rem-21);
		padding-top: 25px;
	}

	.ceo_txt p {
		font-size: var(--rem-15);
	}

	.ceo_txt>.name {
		font-size: var(--rem-18);
		padding-top: 17px;
	}
}

/* ==================================================
	회사소개 - 비전
================================================== */
.vision_circle ul{
	display:flex; justify-content:space-between; position:relative; align-items:center;
	width: 96%; margin:0 auto;
	gap: var(--rem-40);
}

.vision_circle ul:after{
	content:''; 
	width:100%; height:1px; 
	border-top:1px dashed #1B2F67; 
	position:absolute; left:0; top:50%; 
	z-index:-2;
}  

.vision_circle ul li{
	width:22%; padding-bottom:22%; height:0; 
	border-radius:50%; border:2px solid #1B2F67; 
	position:relative; background:#fff;
}

.vision_circle ul li > div{
	width:100%;   
	position:absolute; left:0; top:50%; 
	margin-top:-80px; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; 
	text-align:center; 
}

.vision_circle ul li h3{
	width: 82%; font-size:24px; 
	margin: 20px 0 10px;
}

.vision_circle ul li img{
    max-width: 80px; max-height: 80px;
	width: auto;	height: auto;
} 

.vision_circle ul li p{
	font-size: var(--rem-16);
} 

.vision_circle ul li.vs-logo{
	background:#1B2F67; box-shadow:4px 4px 8px rgba(27, 47, 103, 0.35); 
	position:relative; margin-right:0%; 
	width: 18%; padding-bottom: 18%;
}

.vision_circle ul li.vs-logo:after{
	content:''; 
	width:calc(100% + 80px); height:calc(100% + 80px); 
	background:#e2e9ff; 
	position:absolute; left:-40px; top:-40px; z-index:-1; 
	border-radius:50%;
}

.vision_circle ul li.vs-logo > div{
	position:absolute; left:0; top:0; 
	margin-top:0; width:100%; height:100%;  
	display:flex; align-items:center; justify-content:center; 
}

.vision_circle ul li.vs-logo img{
	width: 70%;
	max-width: unset;
}

/* 서언서 */
.v_card {
	display: flex;
	gap: var(--rem-30);
	margin-top: 60px;
}

.card {
	position: relative;
	z-index: 1;
}

.card img {
    max-width: 50px;
    max-height: 50px;
    width: auto;
    height: auto;
}

.card h2 {
	font-size: 2.4rem;
	margin: 20px 0 10px;
}
.card p {
    word-break: keep-all;
	font-size: 1.7rem;
	line-height: 1.5;
	color: #333;
}
.card .heading {
	font-size: 48px;
	color: rgba(0, 0, 0, 0.1);
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: -1;
}
.card-wrapper {
	position: relative;
	width:48%;	
	border-radius: 10px;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
	padding: var(--rem-40);
	box-sizing: border-box;
	background-color: white;
}
.card+.heading {
	text-align: right;
	font-size: var(--rem-45);
	font-weight:800;
	color: #E9ECEF;
	position: absolute;
	top: var(--rem-40);
	right: var(--rem-40);
	z-index: 0;
}

.vision_box{
	text-align:center;margin-bottom: 6rem;
}

.vision_box h3{font-size: var(--rem-33);}

.vision_box p{
	margin-top: var(--rem-16);
	font-size:var(--rem-26);
}

.vision_box>p>span {
    color: var(--color-green);
	font-weight: bold;
}

/* 모바일CSS */
@media (max-width:1100px){ 
	
	.vision_box h3 {
		font-size: var(--rem-30);
	}

	.vision_box p {
		margin-top: var(--rem-14);
		font-size: var(--rem-22);
	}
	
	.vision_circle ul {
		padding-left: 2%;
		gap: unset;
	}

	.vision_circle ul li > div {
		margin-top: -60px;
	}

	.vision_circle ul li.vs-logo:after {
		width: calc(100% + 50px);
		height: calc(100% + 50px);
		left: -25px;
		top: -25px;
	}
	
	.vision_circle ul li img {
		max-width: 60px;
		max-height: 60px;
	}
	
	.vision_circle ul li h3 {
		font-size: var(--rem-20);
		margin: 18px 0 8px;
	}


	.card+.heading {
		font-size: var(--rem-30);
		top: var(--rem-40);
		right: var(--rem-30);
		width: 170px;
	}
}

@media (max-width:800px){ 

	.v_card{flex-direction: column;gap:var(--rem-30);}

	.card-wrapper{width:100%;}

	.vision_box p {
		font-size: 1.9rem;
	}

	.vision_box h3 {
		font-size: 2.4rem;
	}
	
	.vision_circle ul{
		max-width:200px;
        flex-direction: column;
		gap: 2rem;
		padding-left: 0;
	}

	.vision_circle ul li{width:100%; padding-bottom:100%; }

	.vision_circle ul li.vs-logo{
		width:90%; 
		padding-bottom:90%; 
		margin-right:0;
	} 

	.vision_circle ul li.vs-logo:after{
		width: calc(100% + 50px);  height: calc(100% + 50px);   
		left: -25px;  top: -25px;
	}

	.vision_circle ul:after{
		border-top:0; border-left:1px dashed #1B2F67; 
		width:1px; height:100%; 
		top:0; left:50%;
	}

	.vision_circle ul li h3{
		font-size:18px;
	} 
}

/* ==================================================
	회사소개 - 연혁
================================================== */
.history {
	background: url(../images/about/histoy_img01.jpg) 100% / 100% no-repeat;
	display: flex;
	padding: var(--re-45);
}

.history .list {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	width: 100%;
	max-width: 350px;
	height: 250px;
	padding: 45px 50px;
	margin-left: 10rem;
	background-color: #74BB2A;
	border-radius: 0 5rem;
	transform: translateY(165px);
}

.history .list h4 {
	position: relative;
	padding-bottom: 20px;
	font-size: 5rem;
	color: #fff;
	line-height: 1.2;
	font-weight: 800;
	font-family: 'JalnanGothic';
}

.history .list h4::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: -50px;
	width: 300px;
	height: 1px;
	opacity: .2;
	background-color: #fff;
}

.history .list h4::before {
	content: "GOLD TECH";
	position: absolute;
	top: -30%;
	right: -20%;
	width: 300px;
	height: 1px;
	font-size: 1.5rem;
	font-weight: normal;
	color: #ffffff45;
}

.history .list p {
	margin-top: 15px;
	font-size: 17px;
	font-weight: 500;
	color: rgba(255, 255, 255, .8);
	line-height: 1.5em;
}

.history .list p span {
	display: block;
}

.history .list2 {
	margin-left: 50px;
}

.list2 {
	display: flex;
}

.list2::before {
	content: "";
	display: inline-block;
	width: 100%;
	max-width: 350px;
	margin: 0 50px;
}

.list2 .list2_inner2 {
	position: relative;
	margin: 0 0 0 10rem;
}

.list2 .list2_inner2::before {
	content: "";
	position: absolute;
	top: 0;
	left: 165px;
	height: 100%;
	border-right: 1px dashed #c1c1c1;
	transform: translateX(-50%);
}

.list2 .list2_inner2 .list2_inner2_item {
	display: flex;
	margin-top: 70px;
}

.list2 .list2_inner2li:first-child {
	margin-top: 0;
}

.list2 .list2_inner2 .list2_inner2_item .year {
	flex-shrink: 0;
	position: relative;
	width: 165px;
	font-weight: 800;
	font-size: 4rem;
	font-weight: normal;
	line-height: 1;
	font-family: 'JalnanGothic';
}

.list2 .list2_inner2 .list2_inner2_item .year::before {
	content: "";
	position: absolute;
	top: 10px;
	right: 0;
	width: 23px;
	height: 23px;
	background: url(../images/about/histoy_icon.jpg) no-repeat center center / cover;
	transform: translateX(50%);
}

.list2 .list2_inner3 {
	position: relative;
	margin: 5px 0 0 60px;
}


.list2 .list2_inner3 .list2_inner3_item {
	display: flex;
	margin-top: 15px;
}

.list2 .list2_inner3 .list2_inner3_item:first-child {
	margin-top: 0;
}

.list2 .list2_inner3 .list2_inner3_item .title {
	font-size: var(--rem-18);
	color: #74BB2A;
	font-weight: 900;
	word-break: keep-all;
	line-height: 1.5em;
	width: 30px;
}

.list2 .list2_inner3 .list2_inner3_item .title_contents {
	align-self: center;
	position: relative;
	padding-left: 1rem;
	margin-top: 15px;
	margin-left: 35px;
	font-weight: 400;
	line-height: 1.5;
	font-size: var(--rem-20);
	word-break: keep-all;
}

.list2 .list2_inner3 .list2_inner3_item .title_contents:first-child {
	margin-top: 0;
}

.list2 .list2_inner3 .list2_inner3_item .title_contents::before {
	content: "";
	position: absolute;
	top: 12px;
	left: 0;
	width: 3px;
	height: 3px;
	background-color: var(--color-gray01);
}


/* 모바일CSS */
@media all and (max-width:1270px) {
	.history .list {
		margin: 0;
	}

	.list2 .list2_inner2 {
		margin: 0 50px;
	}
}

@media screen and (max-width:1200px) {
	.history {
		padding: 10px;
	}

	.history .list {
		justify-content: center;
		align-items: center;
		max-width: none;
		height: 100%;
		padding: 50px;
		text-align: center;
		border-radius: 0 !important;
		background-color: transparent;
		transform: none;
	}

	.list2 .list2_inner2 .list2_inner2_item .year {
		font-size: 40px;
	}

	.list2::before {
		content: none;
	}

	.list2 .list2_inner2 {
		padding: 0;
		margin: 0;
	}
}

@media all and (max-width:800px) {
	.list2 .list2_inner2 .list2_inner2_item {
		margin-top: 45px;
	}

	.list2 .list2_inner3 {
		margin: 5px 0 0 45px;
	}

	.list2 .list2_inner3 .list2_inner3_item .title_contents {
		margin-left: 25px;
	}
}

@media all and (max-width:640px) {
	.history .list {
		padding: 20px;
		background-color: none;
	}

	.history .list h4 {
		font-size: 1.5em;
		padding-bottom: 10px;
	}

	.list2 .list2_inner2 .list2_inner2_item {
		margin-top: 35px;
	}

	.list2 .list2_inner2 .list2_inner2_item .year {
		width: 100px;
		font-size: 2.5rem;
	}

	.list2 .list2_inner2::before {
		left: 100px;
	}

	.list2 .list2_inner3 .list2_inner3_item .title {
		font-size: 1.6rem;
	}

	.list2 .list2_inner3 .list2_inner3_item .title_contents {
		margin-left: 20px;
		font-size: 1.8rem;
	}

	.list2 .list2_inner2 .list2_inner2_item .year::before {
		top: 2px;
	}

	.list2 .list2_inner3 {
		margin: 5px 0 0 35px;
	}
}

@media all and (max-width:450px) {
	.history {
		padding: 0;
	}

	.history .list h4 {
		font-size: 1.6rem;
	}

	.history .list p {
		margin-top: 0;
		font-size: 1.5rem;
	}

	.list2 .list2_inner2 .list2_inner2_item {
		margin-top: 20px;
	}

	.list2 .list2_inner2 .list2_inner2_item .year {
		font-size: 1.8rem;
		width: 60px;
	}

	.list2 .list2_inner2::before {
		left: 60px;
	}

	.list2 .list2_inner2 .list2_inner2_item .year::before {
		width: 12px;
		height: 12px;
	}

	.list2 .list2_inner3 .list2_inner3_item .title {
		font-size: 1.6rem;
	}

	.list2 .list2_inner3 {
		margin: 0 0 0 25px;
	}

	.list2 .list2_inner3 .list2_inner3_item .title_contents {
		font-size: 1.5rem;
	}

	.list2 .list2_inner3 .list2_inner3_item .title_contents {
		margin-left: 15px;
	}
}

/* ==================================================
	회사소개 - 오시는 길
================================================== */
.loc_con {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

/* 상단이미지 */
.loc_left {
	flex-basis: 45%;
	padding-right: 3%;
}

.loc_left img {
	width: 100%;
	border-radius: 2rem;
}

/* 주소정보 */
.loc_right>h1 {
	font-family: var(--font-Elice);
	font-size: 2.8rem;
	font-weight: 600;
	margin-bottom: 2.5rem;
}

.loc_right>ul>li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 1.5rem;
}

.loc_right>ul>li:first-child {
	margin-top: 0;
}

.loc_right>ul>li .icon i {
	color: var(--color-white);
	font-size: 2.3rem;
}

.loc_right>ul>li .icon {
	width: 4rem;
	height: 4rem;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	background: var(--color-navy);
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.loc_right>ul>li b,
.loc_right>ul>li p {
	color: var(--color-black);
}

.loc_right>ul>li b {
	display: inline-block;
	font-size: 1.9rem;
	font-weight: var(--font-bd);
	margin: 0 2.5rem 0 1.5rem;
}

.loc_right>ul>li p {
	font-size: 1.7rem;
}

/* 지도 */
.loc_detail {
	width: 100%;
	max-width: var(--px-base);
	margin-right: auto;
	margin-left: auto;
	margin-top: 4rem;
}

/* 모바일CSS */
@media screen and (max-width: 800px) {
	.loc_con {
		display: block;
	}

	.loc_right {
		margin-top: 2.5rem;
	}
}

@media screen and (max-width: 640px) {

	/* 주소정보 */
	.loc_right>ul>li b {
		width: 6rem;
	}
}

/* ==================================================
	태양광 발전사업 - 지붕 태양광 발전
================================================== */
.roof .flow{
	gap: var(--rem-60);
}

.roof .flow .flow_top {
	position: relative;
	gap: 10rem;
}

.roof .flow .flow_top::after {
	content: '';
	position: absolute;
	top: 0;
	left: calc(50% - 4.5rem);
	width: 9rem;
	height: 100%;
	background: url('../images/solar/roof_flow_top_img.png') center no-repeat;
    background-size: contain;
}

.roof .flow .flow_top div{
	padding: var(--rem-24) var(--rem-30);
	border:solid 2px var(--color-gray3)
}

.roof .flow .top_img{
    display: block;
    margin: 0 auto 2rem;
    height: 4rem;
	max-width: 70%;
	width: auto;
    text-align: center;
}

.roof .flow .flow_top li{
    display: flex;
    align-items: center;
    gap: 1rem;
}

.roof .flow .flow_top li img{
    vertical-align: middle;
    max-width: 50px;
    height: var(--rem-26);
    width: auto;
}

/* R&R 임대기업 지원사업 시행 */
.roof .flow .flow_btm{
	margin-top: var(--rem-40);
}

.roof .flow .flow_btm .b_tit{
	font-size: var(--rem-20);
	font-weight: bold;
}

.roof .flow .flow_btm .b_tit span{
	color: var(--color-navy);
}

.roof .flow .flow_btm .con_box{
	margin-top: var(--rem-20);
	border:solid 2px var(--color-gray3);
}

.roof .flow .flow_btm .con_box div{
	padding: var(--rem-24) var(--rem-30);
}

.roof .flow .flow_btm .con_box div:last-child{
	border-left: solid 2px var(--color-gray3)
}

.roof .flow .flow_btm li{
    margin-top: 0.5rem;
}

/* Detail */
.roof .flow_right .detail_info {
	border-top: solid 2px var(--color-gray2);
	border-bottom: solid 2px var(--color-gray2);
}

.roof .flow_right .detail_info .info_line {
	display: grid;
	grid-template-columns: 120px auto;
	gap: var(--rem-20);
	padding: var(--rem-20);
	align-items: center;
}

.roof .flow_right .detail_info .info_line:nth-child(2){
	background: var(--color-gray1);
}

.roof .flow_right .detail_info .info_line .info_circle {
	border-radius: 50%;
	background: var(--color-sky);
	width: 120px;
	height: 120px;
	position: relative;
}

.roof .flow_right .detail_info .info_line .info_circle img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 60%;
	text-align: center;
}

.roof .flow_right .detail_info .info_line li.b_tit {
	padding: 0;
	font-size: var(--rem-20);
	font-weight: var(--font-bd);
	color: var(--color-navy);
}

.roof .flow_right .detail_info .info_line li.b_tit::before {
	display: none;
}

/*** 사업 절차 ***/
.step_list {
	gap: var(--rem-20);
}

.step_list>li {
	display: inline-block;
	background: var(--color-gray1);
	padding: var(--rem-30) var(--rem-24);
	border-radius: var(--rem-20);
}

.step_list>li .step_list_tit {
	border-bottom: 1px solid #d8d8d8;
	text-align: center;
}

.step_list>li .step_list_tit .step_list_icon{
	width: 10rem;
	height: 10rem;
    background: var(--color-navy);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.step_list>li .step_list_tit p {
	display: table;
	width: 100%;
	height: 80px;
	font-weight: 500;
	font-size: var(--rem-26);
	color: #000;
	line-height: 1.4;
	word-break: keep-all
}

.step_list>li .step_list_tit p strong {
	display: table-cell;
	vertical-align: middle
}

.step_list>li .step_list_explain {
	padding-top: var(--rem-20);
}

.step_list_wrap .step_list_btm{
	margin-top: var(--rem-30);
}

.step .table{
	margin-top: var(--rem-30);
}

/* 모바일CSS */
@media screen and (max-width: 800px) {

	.roof .grid_col02 {
		-ms-grid-columns: (1fr) [1];
		grid-template-columns: repeat(1, 1fr);
	}
	.roof .flow .flow_top,
	.roof .flow .flow_btm .grid_col02{
		-ms-grid-columns: (1fr) [2];
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width: 480px) {
	.roof .flow_right .detail_info .info_line {
		grid-template-columns: 80px auto;
	}

	.roof .flow_right .detail_info .info_line .info_circle {
		width: 80px;
		height: 80px;
	}
}


/* ==================================================
	태양광 발전사업 - 수상 태양광 발전
================================================== */
.water .water_point img{
	display: block;
}
.water .water_point ul{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--rem-20);
    padding: 0 4rem;
    background: var(--color-gray9);
}
.water .water_point li{
	color: var(--color-white);
}

.water .water_point .num{
    display: inline-block;
    width: var(--rem-40);
    margin-right: var(--rem-16);
    font-weight: var(--font-bd);
    font-size: var(--rem-16);
    line-height: var(--rem-40);
    color: var(--color-black);
    text-align: center;
    background-color: #ffd800;
    border-radius: 50%;
}

.water .point{
	margin-top: var(--rem-40);
    border: solid 1px var(--color-gray3);
}

.water .point li{
	padding: var(--rem-40);
    border-left: solid 1px var(--color-gray3);
}
.water .point li:first-child{
    border-left: 0;
}

.water .point .b_tit{
	position: relative;
	padding: 1rem 0 8px;
	font-weight: var( --font-bd);
	font-size: var(--rem-20);
}

.water .point .b_tit::after{
	content: '';
	position: absolute;
	top: 0;left: 0;
	width: var(--rem-20);
	height: 2px;
	background: var(--color-black);
}

.water .point .r_tit{
	font-weight: var( --font-md);
    color: var(--color-red);
}

/* 시화호 실증설치 */
.water .install{
	position: relative;
}

.water .install .tbox{
    position: absolute;
    top: var(--rem-40);
    left: var(--rem-50);
}

.water .install .bold{
    font-weight: var(--font-bd);
    font-size: var(--rem-25);
    border-bottom: solid;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
}

.water .install .sub_bold{
    margin-top: 2rem;
    padding-bottom: 1rem;
    font-weight: var(--font-bd);
    font-size: var(--rem-20);
}

/* 모바일CSS */
@media screen and (max-width: 800px) {
	.water .water_point img {
		flex-basis: 100%;
		width: 100%;
	}

	.water .water_point ul {
		padding: 4rem;
	}

	.water .point li {
		padding: var(--rem-40);
		border-top: solid 1px var(--color-gray3);
		border-left: 0;
	}
	.water .point li:first-child {
		border-top: 0;
	}

	/* 시화호 실증설치 */
	.water .install .tbox{
		top: var(--rem-30);
		left: var(--rem-30);
		padding: var(--rem-40);
		color: var(--color-white);
		background-color: rgba(33, 37, 41, 0.6);
		border-radius: 8px;
	}

	.water .install .sub_bold {
		margin-top: 1.8rem;
		font-size: var(--rem-18);
	}

	.water .install .l-list01>li:before{
		background: var(--color-white);
	}
}

@media screen and (max-width: 600px) {

	/* 시화호 실증설치 */
	.water .install .tbox{
		position: relative;
		top: 0;
        margin-top: -8rem;
        width: calc(100% - 6rem);
	}
	.water .install .bold {
        border: 0;
    }
}


/* ==================================================
	생산제품 - C형광/Z형광
================================================== */
.type_cz .grid{
	gap: var(--rem-60);
	padding: 8rem 0;
	word-break: keep-all;
}

.type_cz .grid .con_title {
	margin-top: var(--rem-14);
}

.type_cz .grid .txt {
	margin-bottom: var(--rem-24);
	line-height: 1.5;
}

.type_cz .grid .l-list01{
	padding-top:  var(--rem-24);
	border-top: solid 2px var(--color-gray3);
}

.type_cz .type_z {
    margin: 0;
	padding-top: 0;
}

.type_cz .type_c {
    position: relative;
}

.type_cz .type_c::before {
    position: absolute;
    left: -580px;
    background: #E9EFF4;
    width: 3500px;
    height: 100%;
    content: "";
    z-index: -99;
}

/* ==================================================
	기술 자료 - 그라우팅 파일공법
================================================== */
.grouting .table {
	width: 100%;
	position: relative;
	background: #fff;
	text-align: center;
	border-top: solid 2px var(--color-gray9);
}

.grouting .table table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
}

.grouting .table table tbody tr {
	border-bottom: 1px solid #ddd;
}

.grouting .table table thead th,
.grouting .table table tbody td {
	padding: 16px 5px;
	border-left: 1px solid #ddd;
	word-break: keep-all;
	word-wrap: break-word;
}

.grouting .table table thead th {
	background: var(--color-gray1);
}

.grouting .table table thead tr th:first-child,
.grouting .table table tbody tr td:first-child {
	border-left: 0;
}

/* 사례 */
.grouting .install{
	gap: var(--rem-40);
}

.grouting .install li{
	border: solid 1px var(--color-gray3);
	text-align: center;
}

.grouting .install img{
	display: block;
	width: 100%;
}

.grouting .install .r_tit{
	padding: 1.4rem 0;
	background-color: var(--color-gray1);
}
/* 모바일CSS */
@media all and (max-width:800px) {
	.grouting .table table thead th, .grouting .table table tbody td {
		font-size: var(--rem-16);
	}

/* 사례 */
	.grouting .install .r_tit {
		font-size: var(--rem-16);
	}
}

/* ==================================================
	기술 자료 - 고정식/계절가변형
================================================== */
.season_fixe {
	margin-top: 25px;
	position: relative;
}

.season_fixe .type{
	position: relative;
	border: solid 1px var(--color-gray3);
}

.season_fixe .type img{
	width: 100%;
	display: block;
	position: relative;
}

.season_fixe .type div{
    position: absolute;
    top: 0;
    left: calc(50% - 6rem);
    width: 15rem;
    padding: 3rem 0;
    text-align: center;
    color: #FFF;
    background-color: rgba(27, 47, 103, 0.7);
}

.season_fixe .flex{
	display: flex;
}


.season_fixe .flex{
	display: flex;
}

.season_fixe .flex .width66{
    flex-basis: 66.666666%;
    width: 66.666666%;
}

.season_fixe .flex .width33 {
    display: flex;
    flex-basis: 33.333333%;
}


/* ==================================================
	시공 실적
================================================== */
.result{
    margin-bottom: 4rem;
    padding: 2rem 0;
    border-radius: 10px;
    /* border: solid 3px #1B2F67; */
    color: var(--color-black);
    display: flex;
    gap: 5rem;
    justify-content: center;
    background: var(--color-gray2);
    align-items: center;
    font-weight: var(--font-md);
}
.result .result_tit{
    font-weight: var(--font-md);
    font-size: var(--rem-30);
}

.result .result_number{
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: var(--rem-26);
}
.result .result_number .b_tit{
    font-weight: var(--font-md);
}
.result .result_number .r_tit{color: #1B2F67;font-size: var(--rem-18);font-weight: var(--font-bd);}
.result .result_number .r_tit span{
    font-weight: var(--font-bd);
    font-size: var(--rem-35);
    margin-right: 5px;
}

@media all and (max-width:480px) {
	.result {
		padding: 2.4rem 0;
		flex-direction: column;
		gap: 1rem;
	}

	.result .result_tit {
		font-size: var(--rem-24);
	}

	.result .result_number {
		gap: 8px;
		font-size: var(--rem-20);
	}
	.result .result_number .r_tit span {
		font-size: var(--rem-30);
	}
}



/* ==================================================
	커뮤니티 - contact us
================================================== */
.contact {
	width: 100%;
	background: url('../images/community/contact_bg01.jpg') center center no-repeat #e8ecef;
	background-size: cover;
/*	border-radius: 10px;*/
	/* box-shadow: 0 0 15px rgba(0,0,0,0.2); */
}

.contact .txt {
	padding: 10rem 8rem 10rem 58%;
	line-height: 1.6;
}

.contact h2 {
	font-size: 3.6rem;
	color: #000;
}

.contact .txt1 {
	width: 100%;
	font-size: 2rem;
	color: #333;
	padding: 1rem 0 4rem;
	border-bottom: 1px solid #808080;
}

.contact .txt2 {
	margin: 4rem 0 1rem;
}

.contact .txt2 li {
	font-size: 1.8rem;
	color: #333;
	line-height: 50px;
	padding-left: 46px;
}

.contact .txt2 li.tel {
	background: url('../images/icon/ic_tel.svg') 0 50% no-repeat;
}

.contact .txt2 li.fax {
	background: url('../images/icon/ic_fax.svg') 0 50% no-repeat;
}

.contact .txt2 li.email {
	background: url('../images/icon/ic_email.svg') 0 50% no-repeat;
}

.contact .txt2 li.tel,
.contact .txt2 li.fax,
.contact .txt2 li.email{
	background-size: 40px;
}

.contact .txt2 li.email a {
	color: #333;
}

.contact .txt3 {
	color: #333;
}

/* 모바일CSS */
@media screen and (max-width:1400px) {

	.contact .txt {
		padding: 10rem 6rem 10rem 50%;
	}
}
@media screen and (max-width:1100px) {

	.contact .txt {
		padding: 10rem 6rem 8rem 50%;
	}
	
	.contact .txt1 {
		padding: 1rem 0 3rem;
	}
	
	.contact .txt2 {
		margin: 3rem 0 1rem;
	}
	.contact .txt2 li {
		padding-left: 40px;
		line-height: 40px;
	}

	.contact .txt2 li.tel,
	.contact .txt2 li.fax,
	.contact .txt2 li.email{
		background-size: 30px;
	}

}
@media screen and (max-width:800px) {

	.contact {
		background-image: none;
	}

	.contact .txt {
		padding: 6rem;
	}
	
	.contact .txt1 {
		border-bottom: 1px solid #aaaaac;
	}

    .contact .txt2 {
        margin: 2rem 0 1rem;
    }

	.contact .txt2 li {
		line-height: 36px;
		padding-left: 36px;
	}
	
	.contact .txt2 li.tel,
	.contact .txt2 li.fax,
	.contact .txt2 li.email{
		background-size: 26px;
	}
}

@media screen and (max-width:480px) {

	.contact h2 {
		font-size: 3.0rem;
	}

	.contact .txt {
		padding: 4rem 2rem;
	}

	.txt p {
		margin-top: 1rem;
		font-size: 1.5rem;
	}

	.contact .txt1 {
		padding: 0 0 2rem;
	}
}

/* ==================================================
	사이트맵
================================================== */
.sitemap {
	display: flex;
    gap: 2%;
}

.sitemap:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.sitemap .depth01 {
	width: 100%;
	padding-top: 10px;
	border-top: 2px solid #000;
	line-height: 1.5;
}

.sitemap div.depth01 {
	font-size: 1.8rem;
	color: #000;
	font-weight: 600;
}

.sitemap .sub {
	border-top: 1px solid #ccc;
	margin-top: 10px;
	margin-bottom: 25px;
}

.sitemap ul.sub2 {
	padding-left: 14px;
}

.sitemap li.depth02 {
	padding: 8px 0;
	border-bottom: 1px dashed #ccc;
}

.sitemap li.depth02 a {
	font-size: 1.7rem;
	color: #222;
}

.sitemap .sub_m {
	padding-top: 4px;
}

.sitemap .sub_m li {
	background: url('../images/icon/ico_grayDot.png') no-repeat 0 13px;
	background-size: 3px;
	padding-left: 10px;
}

.sitemap .sub_m li a {
	font-size: 1.6rem;
	font-weight: normal;
	color: #949494;
	line-height: 160%;
}

.sitemap .sub_m .model {
	padding-left: 13px;
}

/* 모바일CSS */
@media screen and (max-width:750px) {
	.sitemap .depth01 {
		width: 96%;
		margin: 5px 0 0 0;
	}

	.sitemap div.m01 {
		margin-top: 0 !important;
	}
}