@charset "utf-8";
/* CSS Document */

/* 영문페이지에서 변경 or 추가되는 스타일만 작성하세요!_! */

body{font-family:'LatoWeb',sans-serif; font-weight:normal;}

#header .gnb_area .gnb .dp1 { padding:0 30px; }
#header .gnb_area .gnb .dp2 { width:190px; margin-left:-95px; }



/* main*/
.main_visual .project > li .tt { box-sizing:border-box; padding:0 10%; }
.main_visual .project > li .tt .b_t { padding-top:0; margin-bottom:0; line-height:1.2; }
.main_visual .project > li.in .tt .b_t { margin:10px 0; }
.main_visual .project > li .tt .b_t:hover { text-decoration:underline; }

.chart_wrap .group:after { bottom:333px; }
.chart_wrap .group .wrap1 > p { width:190px; }
.chart_wrap .group .wrap2.st1:before { height:137px; top:-114px; }
.chart_wrap .group .wrap2.st2:before { height:193px; top:-170px; }
.chart_wrap .group .wrap2 > ul { width:250px; }
.chart_wrap .group .wrap2 > ul li { box-sizing:border-box; width:100%; float:none; }

.greet_area .mes .tt1 { margin:0 0 20px; font-size:1.875em; }
.greet_area .mes .tt1 strong { display:block; font-size:2rem; }
.greet_area .mes .txt { line-height:1.6; }


.mddCon_wrap .cate_Depth3 .gnb .dp3 > li { width:33.33%; }
.mddCon_wrap .cate_Depth3 .gnb .dp3 > li > a { padding:12px 5px; letter-spacing:-0.5px; }

.mddCon_wrap .cate_Depth4 .category .dp4 > li { width:33.33%; }
.mddCon_wrap .cate_Depth4 .category .dp4 > li > a { padding:5px 0; margin-right:5px; letter-spacing:-0.3px; }

.bn_wrap .bn > li > p .btn { width:auto; padding:10px 20px; }




@media screen and (max-width: 1600px) {
#header .gnb_area .gnb .dp1 { padding:0 20px; }	
#header .utilMenu .menu > li > a { padding:0 10px; }

.main_visual .project > li .tt .b_t { line-height:1.2; }
.main_visual .project > li.in .tt .b_t { margin:5px 0; }
}


@media screen and (max-width: 1300px) {
.main_visual .project > li .tt { padding:0; }
.main_visual .project > li .tt .b_t { line-height:1.2; margin:10px 0; }
}

@media screen and (max-width: 1200px) {
.map_info1 { text-align:right; }
.map_info1 .t1 { text-align:left; float:none; }
.map_info1 .t1 span { display:block; }
.map_info1 .map_btn { float:none; }
.map_box { height:350px; }
.map_info2 > li .info { margin:0 0 0 160px; }

.greet_area .mes .tt1 strong { font-size:1em; }


}

@media screen and (max-width: 1100px) {
.chart_wrap .group:after { bottom:383px; }
.chart_wrap .group .wrap2 > p { width:190px; }
.chart_wrap .group .wrap2 > ul { margin:0 0 20px 220px; width:200px; }
.chart_wrap .group .wrap2 > ul li:before { top:5px; }
}

@media screen and (max-width: 1024px) {
.chart_wrap .group:after { bottom:356px; }
.mddCon_wrap .cate_Depth4 .category .dp4 > li { width:50%; }
}

@media screen and (max-width: 880px) {
.map_info2 > li .info { margin:0; }

.mddCon_wrap .cate_Depth3 .gnb .dp3 > li { width:50%; }
.mddCon_wrap .cate_Depth3 .gnb .dp3 > li > a { padding:10px 2px; }
.mddCon_wrap .cate_Depth4 { padding:12px 0; }
.mddCon_wrap .cate_Depth4 .category .dp4 > li > a { padding:4px 0; }
}

@media screen and (max-width: 768px) {
#footer .footer_wrap .copy > li { line-height:1.3; }
#footer .footer_wrap .copy_en { top:77px; }

.chart_wrap .group:after { bottom:456px; }
.chart_wrap .group .wrap1 > p,
.chart_wrap .group .wrap2 > p { width:170px; }
.chart_wrap .group .wrap2 > ul { margin:0 0 20px 0; width:153px; }

.mddCon_wrap .cate_Depth4 .category .dp4 > li { float:none; width:100%; }
}

@media screen and (max-width: 550px) {
#footer .footer_wrap .copy_en { top:83%; }

.chart_wrap .group:after { bottom:401px; }
.chart_wrap .group .wrap2 > ul { width:153px; margin:0 0 15px 0; padding:10px 5px 0 10px; }

.map_box { height:250px; }

.mddCon_wrap .cate_Depth3 .gnb .dp3 > li { width:100%; }
.mddCon_wrap .cate_Depth3 .gnb .dp3 > li > a { padding:8px 2px; }

}