@charset "utf-8";
/********************
메인페이지 및 서브페이지 동시 적용.
가장 마지막에 불러오는 CSS 파일입니다.
※ 공통영역 CSS에서 부분별 개별 적용시 사용하시면 됩니다.
********************/

body.main {padding-top: 193px;}
body.sub {padding-top: 450px;}

@media screen and (max-width: 1024px) {
	body.main {padding-top: 114px;}
}

.main ._contentBuilder .container {max-width: 1400px;}

@media screen and (max-width: 1420px) {
	.main ._contentBuilder .container {padding: 0 20px;}
}

/*구조변경*/
@media screen and (min-width:1025px){
	.wrap_header:before{content:"";display:block;width:100%;height:1px;background:#e5e5e5;position:absolute;left:0;top:90px;}
	.wrap_header{border-bottom:1px solid #e5e5e5;}
	.wrap_header .container{flex-wrap:wrap;height:auto;}
	.container {margin: 0 auto;}
	.wrap_header .head_logo{width:100%;justify-content:center;padding:15px 0;}
	.wrap_header .head_navi{width:100%;}
	.wrap_header .head_logo a span{margin-top:-7px;font-size:20px;}
	.wrap_header .head_navi nav .li_1{width:100%;background:url(../../images/common/gnb_dot.png) no-repeat left center;}
	.wrap_header .head_navi nav .li_1:first-child{background:none;}
	.wrap_header .head_navi nav .a_1{padding:18px 0;}
	.wrap_header .head_navi nav .a_1:before{margin-top:-37px;}
	.wrap_header .head_navi nav .a_1:after{margin-top:31px;}
	.wrap_header .head_navi nav .div_2{padding-top:0;}
}

.wrap_header .head_util button{background:url(../../images/common/openM.png) no-repeat center;}

.wrap_page_func {top: 390px;}

/*서브비주얼****************************************/
.wrap_sub_visual {height: 450px;}
.wrap_sub_visual .container {padding-top: 270px;}
.wrap_sub_visual.eQ01:before{background:url(/sites/style_guide/images/sub/sub_visual_1.jpg) no-repeat center top;}
.wrap_sub_visual.eQ02:before{background:url(/sites/style_guide/images/sub/sub_visual_2.jpg) no-repeat center top;}
.wrap_sub_visual.eQ03:before{background:url(/sites/style_guide/images/sub/sub_visual_8.jpg) no-repeat center top;}
.wrap_sub_visual.eQ04:before{background:url(/sites/style_guide/images/sub/sub_visual_13.jpg) no-repeat center top;}
.wrap_sub_visual.eQ05:before{background:url(/sites/style_guide/images/sub/sub_visual_9.jpg) no-repeat center top;}

@media screen and (max-width: 1024px) {
	.wrap_sub_visual .container {padding-top: 240px;}
}

@media screen and (max-width: 768px) {
	body.sub {padding-top: 315px;}
	.wrap_sub_visual {height: 300px;}
	.wrap_sub_visual .container {padding-top: 190px;}
	.wrap_page_func {top: 270px;}
}