@charset "UTF-8";

@media screen and (max-width: 1600px){ 
.header .header_inner .gnb_cont_area {padding: 0 60px;}
}

@media screen and (max-width: 1500px){ 
.header .header_inner .gnb_cont_area {padding: 0 50px;}
}

@media screen and (max-width: 1400px){ 
.header .header_inner .gnb_cont_area {padding: 0 40px;}
}

@media screen and (max-width: 1280px){
.header .header_inner .gnb_cont_area {padding: 0 30px;}
.header .header_inner .gnb_cont_area .logo_area {width: 180px;}
.header .header_inner .gnb_cont_area .gnb_area {width: calc(100% - 323px);}
.header .header_inner .gnb_cont_area .gnb_area #gnb > li .sitemap_tit {height: 80px;}
.header .header_inner .gnb_cont_area .gnb_area #gnb > li .sitemap_tit > .text {font-size: 17px; line-height: 25px;} 
.header .header_inner .gnb_cont_area .gnb_area #gnb > li .sub_gnb_area .sub_gnb > li > a {height: 48px;}
.header .header_inner .gnb_cont_area .gnb_area #gnb > li .sub_gnb_area .sub_gnb > li > a .text {font-size: 14px; line-height: 21px;}
.header .header_inner .gnb_cont_area .gnb_area #gnb > li .sub_gnb_area .sub_gnb > li:focus a .text,
.header .header_inner .gnb_cont_area .gnb_area #gnb > li .sub_gnb_area .sub_gnb > li:hover a .text {padding: 0 3px;}
.header .header_inner .gnb_cont_area .gnb_area #gnb > li .sub_gnb_area .sub_gnb > li:focus a .text::before,
.header .header_inner .gnb_cont_area .gnb_area #gnb > li .sub_gnb_area .sub_gnb > li:hover a .text::before {right: -3px; left: -3px; width: calc(100% + 6px); height: 12px;}
.header .header_inner .gnb_cont_area .head_btn_area {width: 143px;}
.header .header_inner .gnb_cont_area .head_btn_area .sitemap_btn {margin: 0 0 0 30px;}

/* sitemap (10/10) */ 
.sitemap_wrap .container .con_top_area { margin: 0 0 60px 0;}
.sitemap_wrap .container .con_top_area > .inner_box .logo_area { width: 204px; margin: 0 15px 0 0;}
.sitemap_wrap .container .con_top_area > .inner_box .title { font-size: 46px; line-height:69px;}
.sitemap_wrap .container .sitemap > li {width: calc(33.3333% - 13.3333px); margin: 0 20px 20px 0;}
.sitemap_wrap .container .sitemap > li:nth-last-child(-n+3) {margin: 0 20px 20px 0;}
.sitemap_wrap .container .sitemap > li:nth-child(3n) {margin: 0 0 20px;}
.sitemap_wrap .container .sitemap > li > a {height: 50px;}
.sitemap_wrap .container .sitemap > li > a .text {font-size: 18px; line-height: 27px;}
.sitemap_wrap .container .sitemap > li > .sub_gnb_area .sitemap_sub_gnb {padding: 0 0 0 30px;}
.sitemap_wrap .container .sitemap_close { top: 95px; width: 30px; height: 30px;}

}

@media screen and (max-width: 1080px){
	.header .header_inner .header_top_cont {display: none;}
	.header .header_inner .header_top_cont2 {display: none;}
	.header .header_inner .header_top_cont3 {display: none;}

	.header .header_inner .gnb_cont_area {border-bottom: 1px solid #eeeeee; padding: 20px 5px;}
	.header .header_inner .gnb_cont_area .gnb_area {display: none;}
	.header .header_inner .gnb_cont_area .logo_area {width: 102px;}
	.header .header_inner .gnb_cont_area .head_btn_area {width: auto;}
	.header .header_inner .gnb_cont_area .head_btn_area .sch_btn {display: none;}
	.header .header_inner .gnb_cont_area .head_btn_area .sitemap_btn {display: none;}
	.header .header_inner .gnb_cont_area .head_btn_area .lang_change_box {display: none;}
	.header .header_inner .gnb_cont_area .head_btn_area .m_gnb_btn {display: block; width: 30px;}

}

@media screen and (max-width:767px){
	.header .m_gnb_wrap .m_gnb .item_list > li > a .text {font-weight: 700; font-size: 18px; line-height: 50px; color: #212121;}
	.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb > li > a {position: relative; padding: 0 10px 0 15px; font-size: 16px; line-height: 24px;}
	.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb > li > a.on {color: #03a05a;}
	.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb > li > a:before {width: 7px; height: 7px;} 
	.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb > li > a.on:before {width: 9px; height: 10px;}
}

@media screen and (max-width:480px){
	.header .header_inner .gnb_cont_area {padding: 10px 5px;}
	.header .header_inner .gnb_cont_area .head_btn_area .m_gnb_btn {width: 20px;}

	.header .header_inner .gnb_cont_area2 {padding: 10px 0;}
	.header .header_inner .gnb_cont_area2 .container .head_btn_area {width: 20px;}
	.header .header_inner .gnb_cont_area2 .container .head_btn_area .m_gnb_btn {width: 20px;}

	.header .header_inner .gnb_cont_area3 {padding: 10px 0;}
	.header .header_inner .gnb_cont_area3 .container .head_btn_area {width: 20px;}
	.header .header_inner .gnb_cont_area3 .container .head_btn_area .m_gnb_btn {width: 20px;}

	.header .m_gnb_wrap .m_gnb_top {padding: 10px;}
	.header .m_gnb_wrap .m_gnb_top .m_gnb_close {width: 11px; height: 11px;}
	.header .m_gnb_wrap .m_gnb .item_list > li > a {padding: 0 20px 0 10px;}
	.header .m_gnb_wrap .m_gnb .item_list > li > a:after {right: 5px;}
	.header .m_gnb_wrap .m_gnb .item_list > li > a .text {font-size: 16px; line-height: 40px;}
	.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb {padding: 10px;}
	.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb > li > a {padding: 0 8px; font-size: 14px; line-height: 24px;}
	.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb > li > a:before {width: 4px; height: 4px;} 
	.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb > li > a.has_depth3 {padding: 0 15px 0 8px;}
	.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb > li > a.has_depth3 .plus {width: 8px ; height: 8px;}
	.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb > li > a.has_depth3 .plus .one {width: 1px; height: 8px;}
	.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb > li > a.has_depth3 .plus .two {width: 8px; height: 1px;}

	.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb > li > .depth3 {padding: 10px;}
	.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb > li > .depth3 > li > a {font-size: 12px; line-height: 21px;}
	
	.head_popzon .popzon_box .slide_zon #head_slide li a .title {height: 21px; font-size: 14px; line-height: 21px;}
}
