/********** 컨텐츠 타이틀 & 기본 텍스트 **********/

h2, h3, h4, h5, h6 { color:#111; }
h2 { font-size:42px; line-height:120%; font-weight:800; }
h3 { font-size:32px; line-height:130%; font-weight:800; }
h4 { font-size:25px; font-weight:700; }
h5 { font-size:20px; font-weight:700; }

h4, h5, h6 { line-height:140%; }

.cont { font-size:18px; line-height:180%; font-weight:400; color:#444; text-align:left; }
.det { font-size:16px; line-height:150%; font-weight:400; color:#222; }
.eng .cont { line-height:170%; }


@media (max-width:1660px) {
	.cont { line-height:170%; }
	.eng .cont { line-height:160%; }
}
@media (max-width:1024px) {
	h3, h4, h5 { line-height:130%; }
}
@media (max-width:767px) {
	.cont { line-height:160%; }
	.eng .cont { line-height:150%; }
}



/*인사말*/
.overview h5 { font-size:17px; }
.overview h4 { font-size:22px; font-family:var(--mice_g); }

.s_ceo dl {display: flex; justify-content: space-between; flex-wrap: wrap; }
.s_ceo dt {width: 40%;}
.s_ceo dd {width: 53%;}
.s_ceo dd h2 {font-size: 40px; line-height: 1.3; font-weight: 700; font-family:var(--roboto); }
.s_ceo dd .line {border-top: 2px solid var(--mc);}
.s_ceo dd .writer {text-align: right; font-size: 17px; line-height: 1.6; font-weight: 500; color:#333; }

@media (max-width:1023px) {
    .s_ceo dd {width: 52%;}
}

@media (max-width:767px) {
	.intro dl { flex-direction:column-reverse; }
    .s_ceo dt {width: 100%; margin-top: calc(24px + 3vw);}
    .s_ceo dt .img { text-align:right; }
    .s_ceo dt .img img { width:calc(100px + 42vw); }
    .s_ceo dd {width: 100%; }
    .s_ceo dd .line {border-width: 1px;}
}


/*연혁*/
.sub_history dl {display: flex; flex-wrap: wrap; justify-content: space-between;}
.sub_history dl dt {width: 38%;}
.sub_history dl dt .stk { position:sticky; top:100px; }
.sub_history dl dt .img {width: 100%; padding-bottom: 65%; background: no-repeat center/cover; }
.sub_history dl dt h2 {font-size: 50px; font-family: 'play', 'pretendard', sans-serif; font-weight: 700;}
.sub_history dl dd {width: 53%;}

.sub_history .year_list > li { width:100%; display:flex; justify-content: flex-end; }
.sub_history .year_list > li .year { width:10%; font-size: 28px; font-family: 'play', 'pretendard', sans-serif; font-weight: 700; transform: translateY(-4px); }

.sub_history .year_list > li .cir_line { width:14%; position: relative; transform: translateY(12px); overflow: hidden;}
.sub_history .year_list > li .cir_line .cir { position: relative; width: 7px; height: 7px; border-radius: 50px; margin: 0 auto; background-color:var(--sc); }
.sub_history .year_list > li .cir_line .line { border-left:1px solid #e0e0e0; width: 1px; height: 100%; margin: 0 auto;}

.sub_history .year_list > li p { width:76%; font-size: 18px; font-weight: 400; line-height:150%; padding-bottom:35px;}
.sub_history .year_list > li:last-of-type .cir_line .line { display:none; }
.sub_history .year_list > li:last-of-type p { padding-bottom: 0;}

@media (min-width:1025px) {
    .sub_history dl dt .img.appear {transform: translateX(20%);}
    .sub_history dl dt .img.play {transform: translateX(0);}
	.sub_history dl dt .txt.appear {transform: translateY(20%);}
    .sub_history dl dt .txt.play {transform: translateY(0);}
}

@media (max-width: 1660px) {
    .sub_history .year_list > li .cir_line {transform: translateY(10px);}
    .sub_history .year_list > li p {padding-bottom: calc(20px + 0.9vw);}
}
@media (max-width: 1440px) {
    .sub_history .year_list > li .cir_line {transform: translateY(9px);}
}
@media (max-width: 1024px) {
    .sub_history .year_list > li .cir_line {transform: translateY(7px);}
    .sub_history .year_list > li .cir_line .cir { width: 5px; height: 5px;}
}
@media (max-width: 767px) {
    .sub_history dl dt .img.appear {opacity: 1;}
    .sub_history dl dt {width: 100%;}
    .sub_history dl dt h3 br {display: none;}
    .sub_history dl dd {width: 100%; margin-top: calc(20px + 3vw);}
    .sub_history .year_list > li .year { width:13.5%; }
    .sub_history .year_list > li .cir_line { width:10%; }

}
@media (max-width: 450px) {
    .sub_history dl dt h3 br {display: block;}
    .sub_history .year_list > li .cir_line {transform: translateY(6px);}
}





/* 오시는길 */

.location h3 { margin-bottom:30px; }

.location_map {	width:100% !important;	}
.location_map, .location_map .wrap_map { height:600px !important; }
.location_map.google { margin-bottom:-2px; }

.location_map .cont { display:none !important; }


.map_table:before { border-color:#ddd; }
.map_table tr td { padding-top:30px; padding-bottom:30px; border-left:0; border-right:0; border-color:#ccc; }
.map_table tr td.map_icon { width:5%; padding-right:10px; }
.map_table tr td.td_l { width:45%; }

.map_icon div { width:60px;	height:26px; background-repeat:no-repeat; background-position:left; border-right:1px solid #ddd; }
.map_icon .map_loc { background-image:url('/images/mapicon_loc.png'); }
.map_icon .map_tel { background-image:url('/images/mapicon_tel.png'); }
.map_icon .map_mail { background-image:url('/images/mapicon_mail.png'); }
.map_icon .map_fax { background-image:url('/images/mapicon_fax.png'); }

#loc_guide .map_icon2 { width:110px; }
#loc_guide .map_icon2 div { width:80px; height:80px; border-radius:50%; background-repeat:no-repeat; background-position:center; }
#loc_guide .map_icon2 .map_car {  background-image:url('/images/map_car.png'); background-size:36px 27px; }
#loc_guide .map_icon2 .map_subway {  background-image:url('/images/map_subway.png'); background-size:31px 38px; }
#loc_guide .map_icon2 .map_bus {  background-image:url('/images/map_bus.png'); background-size:29px 34px; }

#loc_guide h3 { line-height:100%; }
#loc_guide tr:nth-of-type(n+2) td { padding-top:40px; }

@media (max-width:1660px) {
	.location_map, .location_map .wrap_map { height:calc(240px + 20vw) !important;  }
	#loc_guide tr:nth-of-type(n+2) td { padding-top:calc(23px + 1vw); }
}
@media (max-width:1250px) {
	.map_table tr td { padding-top:20px; padding-bottom:20px; }
	.map_table tr td.map_icon { width:80px; }
}
@media screen and (max-width:1000px) {
	.map_table tr td.map_icon { width:50px; }
	.map_table tr td:nth-of-type(2).td_l { width:60%; }
	.map_icon div { width:50px; }
}
@media screen and (max-width:800px) {
	.map_table tr td.td_l { width:auto !important; }
}
@media screen and (max-width:768px) {
	.map_table tr td.map_icon { width:40px; }
	.map_icon div { width:40px; background-size:20px; }
}

@media screen and (max-width:650px) {
	.map_table tr td { padding-top:15px; padding-bottom:15px; }
	#loc_guide .map_icon2 { width:70px; }
	#loc_guide .map_icon2 div { width:50px; height:50px; }
	#loc_guide .map_icon2 .map_car { background-size:28px 21px; }
	#loc_guide .map_icon2 .map_subway { background-size:23px 28px; }
	#loc_guide .map_icon2 .map_bus { background-size:22px 26px; }
}
@media screen and (max-width:540px){
	.map_icon div { width:30px; height:20px; background-size:17px; }
	.map_table tr td.map_icon { padding-right:0; }
}


/* 조직도 */

@media (max-width:767px) {
	.organ img { width:calc(340px + 20vw); }
}



/* 인증서 */

.certi .tab_btn01 > li.tabon { color:var(--mc); border-color:var(--mc); }

.certi_list { display:flex; flex-wrap:wrap; }
.certi_list li { width:33.33%; text-align:center; }
.certi_list .img { width:360px; box-shadow: 0 0 25px 0px rgba(0, 0, 0, .1); margin:0 auto; }
.certi_list picture {  padding-bottom:142%; background-size:cover; background-position:center; background-repeat:no-repeat; }
.certi_list p { font-size:16.5px; line-height:1.4; padding:0 10px; }
.certi_list li:nth-of-type(n+4) { margin-top:calc(20px + 4%); }

@media (max-width: 1660px){
	.certi_list .img { width:calc(80px + 17vw); }
}
@media (max-width: 767px){
	.certi_list { max-width:520px; margin-left:auto; margin-right:auto; justify-content:space-between; }
	.certi_list li { width:47%; }
	.certi_list li:nth-of-type(n+3) { margin-top:calc(20px + 4%); }
}
@media (max-width: 550px){
    .certi_list .img { width: auto; }
}


/* 주요 거래처 */
.client h3 { margin-bottom:30px; }
/*
.client .tit { display:flex; flex-wrap: wrap; justify-content:space-between; margin-bottom:80px; }
.client .tit h5 { font-weight:500; color:#555; }
.client .tit > dt { width: 35%; }
.client .tit > dd { width: 60%; }

@media (max-width:800px){
	.client .tit > dt { width:100%; }
	.client .tit > dd { width:100%; margin-top:calc(10px + 2%); }
}
*/

.client .client_list { display:flex; flex-wrap:wrap; margin:-1%; }
.client .client_list > li { width:25%; padding:1%; }

.client .client_list > li .logo_img { height:200px; border:1px solid #ddd; display:table; width:100%; }
.client .client_list > li .logo_img picture { display:table-cell; vertical-align:middle; text-align:center; padding:30px; }
.client .client_list > li .logo_img picture img { zoom:.8; }

@media (max-width:1660px) {
	.client .client_list > li .logo_img { height:calc(60px + 8vw); }
	.client .client_list > li .logo_img picture img { zoom:.75; }
}
@media (max-width:1023px) {
	.client .client_list > li .logo_img picture img { zoom:.65; }
}
@media (max-width:840px) {
	.client .client_list > li { width:33.33%; }
	.client .client_list > li .logo_img picture img { zoom:.55; }
}
@media (max-width:440px) {
	.client .client_list > li .logo_img { height:20vw; }
	.client .client_list > li .logo_img picture img { zoom:.45; }
}





/* 주요 사업 */


.business_div.top_tit p { width:800px; max-width:100%; text-align:center; }
@media (max-width:767px){
	.business_div.top_tit p { text-align:left; }
}

.biz_list .col2con { display:flex; flex-wrap: wrap; justify-content:space-between; }
.biz_list .col2list.zig .col2con:nth-of-type(even) { flex-direction:row-reverse; }
.biz_list .col2list .col2con:nth-of-type(n+2) { margin-top:calc(30px + 7%); }
.biz_list .col2con > dt { width: 44%; }
.biz_list .col2con > dt picture { padding-bottom:63%; background:no-repeat center; background-size:cover; }
.biz_list .col2con > dd { width: 49%; transform:}
.biz_list .col2con > dd .num {font-size: 20px; font-weight: 700; color:var(--sc); display: block; }
.biz_list .col2con > dd h3 {font-size: 40px; font-weight:800; }
.eng .biz_list .col2con > dd h3 {font-size: 30px; font-weight:700; font-family:var(--roboto); }
.biz_list .col2con > dd .bul .list_icon { color:var(--mc);  }

.biz_list .col2con > dd .btn_i { background-color:var(--mc); transition:background .4s; }
.biz_list .col2con > dd .btn_i:hover { background-color:var(--sc); }
.biz_list .col2con > dd .btn_i p { font-size:13.5px; }
.biz_list .col2con > dd .btn_i i { font-size:14px; }


@media (min-width:1280px) {
	.biz_list .col2con .appear { opacity:0; }
	.biz_list .col2con .play { opacity:1; }
	.biz_list .col2con > dt.appear {transform: translateX(20%); }
	.biz_list .col2con > dt.play {transform: translateY(0); }
	.biz_list .col2list.zig .col2con:nth-of-type(even) > dt.appear {transform: translateX(-20%);}
	.biz_list .col2list.zig .col2con:nth-of-type(even) > dt.play {transform: translateX(0%);}
	.biz_list .col2con > dd.appear {transform: translateY(20%);}
	.biz_list .col2con > dd.play {transform: translateX(0); transition-delay: .3s;}
}
@media (max-width:1279px) {
    .biz_list .col2con > dt.appear, .biz_list .col2con > dd.appear { opacity: 1;}
}

@media (max-width:767px){
	.biz_list .col2con > dt { width:440px; max-width:100%; margin:0 auto; }
	.biz_list .col2con > dd { width:100%; margin-top:calc(10px + 3%); }
	.biz_list .col2con > dd .btns_e { text-align:center; }
}







/* 사업별 상세 */


.business.top_intro dl { display:flex; flex-wrap:wrap; justify-content:space-between; }
.business.top_intro dl dt { width: 42%; }
.business.top_intro dl dt picture { height:360px; }
.business.top_intro dl dd { width: 52%; }

@media (max-width:1660px){
	.business.top_intro dl dt picture { height:calc(200px + 10vw); }
}
@media (max-width:800px){
	.business.top_intro dl dt { width:100%; }
	.business.top_intro dl dd { width:100%; margin-top:calc(20px + 3%); }
}

/*
.business.spe { background-color:var(--mc); }
.business.spe .swrap { position:relative; }
.business.spe .img { position:absolute; top:0; right:0; width:30%; height:260px; transform:translateY(-20%); }

.business.spe .con { padding:80px 0; }
.business.spe .con * { color:#fff; }
.business.spe .con h2 { font-size:120px; font-family:var(--gmarket); }
.business.spe .con h2 .sub_tit { font-size:26px; }
.business.spe .con h4 { font-size:24px; font-weight:500; line-height:150%; }

@media (max-width:1660px){
	.business.spe .img { width:calc(60px + 27%); height:calc(60px + 12vw); }
}
@media (max-width:767px){
	.business.spe .con h4 br { display:none; }
}
*/

.business.spe { position:relative; }
.business.spe:before { display:block; content:''; position:absolute; width:calc(1360px + (100% - 1360px)/2); height:100%; background-color:var(--lc); z-index:-1; }

.business.spe dl { display:flex; flex-wrap:wrap; justify-content:space-between; }
.business.spe dl dt { width: 36%; /* border-left:2px solid #fff; */ }
.business.spe dl dt picture { height:100%; }
.business.spe dl dd { width: 58%; padding:70px 0; }

.business.spe .con h2 { font-size:92px; font-family:var(--gmarket); }
.business.spe .con h2.small { font-size:78px; }
.business.spe .con h2 .sub_tit { font-size:28px; }
.business.spe .con h4 { font-size:20px; font-weight:500; line-height:150%; }

@media (max-width:1600px){
	.business.spe:before { width:96%; }
}
@media (max-width:1100px){
	.business.spe .con h4 br { display:none; }
}
@media (max-width:540px){
	.business.spe dl dt { width: 100%; /* border-top:2px solid #fff; */ }
	.business.spe dl dt picture { height:160px; }
	.business.spe dl dd { width: 90%; padding:40px 0 26px; }
}


.business.detail dl { display:flex; flex-wrap:wrap; justify-content:space-between; }
.business.detail dl dt { width: 25%; }

.business.detail dl dt h3 { font-size:34px; line-height:1.2; font-weight:800; }
.business.detail dl dt h5 { font-size:20px; line-height:1.4; font-weight:600; color:var(--sc); }
.eng .business.detail dl dt h3 { font-family:var(--roboto); font-size:36px; line-height:1.2; font-weight:900; }
.eng .business.detail dl dt h5 { font-family:var(--roboto); font-size:20px; line-height:1.3; font-weight:500; color:var(--sc); }


.business.detail dl dd { width: 67%; }
.business.detail .bul .list_icon { color:var(--mc); font-size:16px; }

.business.detail .biz_img_list { display:flex; flex-wrap:wrap; justify-content:space-between; }
.business.detail .biz_img_list.col2 { width:740px; max-width:100%; }
.business.detail .biz_img_list.col3 li { width:31.4%; }
.business.detail .biz_img_list.col2 li { width:47.5%; }
.business.detail .biz_img_list li picture { height:190px; background-size:cover; background-position:center; background-repeat:no-repeat; }
.business.detail .biz_img_list.col2 li picture { height:210px; }

.business.detail .biz_img_list.topo li { width:23.6%; }
.business.detail .biz_img_list.topo li picture { height:264px; }
.business.detail.orthophoto picture img { width:800px; }

.bs100 picture { background-size:100% 100% !important; }
.bod picture { border:1px solid #ddd; }

@media (max-width:1660px){
	.business.detail .biz_img_list li picture { height:13vw; }
	.business.detail .biz_img_list.topo li picture { height:18vw; }
}
@media (max-width:1023px){
	.business.detail dl dt { width: 100%; }
	.business.detail dl dd { width: 100%; margin-top:calc(10px + 2%); }
	.business.detail .biz_img_list li picture { height:18vw; }
	.business.detail .biz_img_list.topo li picture { height:26vw; }
}
@media (max-width:767px){
	.business.detail .organ_type img { width:calc(180px + 30vw); }
}
@media (max-width:640px){
	.business.detail .biz_img_list { margin-left:auto; margin-right:auto; }
	.business.detail .biz_img_list.col2, .business.detail .biz_img_list.col3 { width:calc(180px + 30vw); }
	.business.detail .biz_img_list.col2 li, .business.detail .biz_img_list.col3 li { width:100%; }
	.business.detail .biz_img_list.col2 li:nth-of-type(n+2), .business.detail .biz_img_list.col3 li:nth-of-type(n+2) { margin-top:3%; }

	.business.detail .biz_img_list li picture { height:44vw; }
	.business.detail .biz_img_list.col2 li picture { height:190px; }

	.business.detail .biz_img_list.topo { width:calc(300px + 24vw); max-width:100%; }
	.business.detail .biz_img_list.topo li { width:48.5%; }
	.business.detail .biz_img_list.topo li:nth-of-type(n+3) { margin-top:3%; }
	.business.detail .biz_img_list.topo li picture { height:53vw; }
}









/* 보유 장비 */

.equip .equip_list > li { padding:50px; box-shadow: 0 0 30px 0 rgba(0, 0, 0, .07); border:1px solid var(--mc); }
.equip .equip_list > li:nth-of-type(n+2) { margin-top:calc(30px + 3%); }

.equip .equip_list > li dl { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; }
.equip .equip_list > li dl dt { width:50%; padding:20px; border:1px solid #e5e5e5; }
.equip .equip_list > li dl dt picture { text-align:center; }
.equip .equip_list > li dl dd { width:46%; }
.equip .equip_list > li dl dd h3 { font-size:30px; }

.equip .equip_list .spec_list { border-top:2px solid var(--mc); position:relative; }
.equip .equip_list .spec_list:before { display:block; content:''; position:absolute; width:30%; height:100%; background:var(--lc); z-index:-1; }

.equip .equip_list .spec_list > li { padding:16px 0; display:flex; align-items:center; border-bottom:1px solid #ddd; }
.equip .equip_list .spec_list > li h5 { width:30%; font-size:16px; line-height:1.2; font-weight:400; text-align:center; padding:0 10px; }
.equip .equip_list .spec_list > li .txt { width:70%; font-size:16px; line-height:1.5; color:#555; padding-left:20px;  }
.equip .equip_list .spec_list > li .bul p { color:#555; }

.eng .equip .equip_list .spec_list > li h5,
.eng .equip .equip_list .spec_list > li .txt,
.eng .equip .equip_list .spec_list > li .bul p { font-size:15px; }


@media screen and (max-width:1660px){
	.equip .equip_list .spec_list > li { padding:12px 0; }
	.equip .equip_list .spec_list > li .txt { padding-left:16px; }
}
@media screen and (max-width:1000px){
	.equip .equip_list > li dl dt { width:44%; }
	.equip .equip_list > li dl dd { width:52%; }
	.equip .equip_list .spec_list > li { padding:10px 0; }
	.equip .equip_list .spec_list > li .txt { padding-left:13px; }
}
@media screen and (max-width:767px){
	.equip .equip_list > li dl dt { width:100%; }
	.equip .equip_list > li dl dd { width:100%; margin-top:calc(10px + 3%); }
	.equip .equip_list .spec_list:before { width:35%; }
	.equip .equip_list .spec_list > li h5 { width:35%; }
	.equip .equip_list .spec_list > li .txt { width:65%; }
}





/* 인재상 */

.people h2, .people h3, .people h4 { font-family:var(--mice_g); font-weight:700; }

.people h2 { font-size:37px; }
.people .pret { font-style:normal; font-family:var(--pretendard); }
.people h3 { font-size:28px; }
.people h4 { font-size:20px; }

.people .ment_box { padding:40px; background-color:var(--lc); }

.people h3 .name { font-size:16px; font-family:var(--pretendard); color:#444; }


.people dl { display:flex; flex-wrap: wrap; justify-content:space-between; }
.people dl > dt { width: 45%; }
.people dl > dd { width: 50%; }

@media (max-width:860px){
	.people dl > dd { width:100%; }
	.people dl > dt { width:100%; margin-top:calc(20px + 3%); }
}