@charset "UTF-8";

@media screen and (max-width: 1700px){
	.header .gnb_cont_area .logo_area {width:300px;height:32px}
	.header .gnb_cont_area #gnb .sitemap_tit .text {font-size:19px}
	.header .gnb_cont_area #gnb .sub_gnb_area .title_area::before {background-position:left bottom}
	.header .gnb_cont_area #gnb .sub_gnb_area .title_area.bg1::before {background-size:278px}
	.header .gnb_cont_area #gnb .sub_gnb_area .title_area.bg2::before {background-size:275px}
	.header .gnb_cont_area #gnb .sub_gnb_area .title_area.bg3::before {background-size:262px}
	.header .gnb_cont_area #gnb .sub_gnb_area .title_area.bg4::before {background-size:275px}
	.header .gnb_cont_area #gnb .sub_gnb_area .title_area.bg5::before {background-size:262px}
	.header .gnb_cont_area #gnb .sub_gnb_area .title_area.bg6::before {background-size:330px}
	.header .head_btn_area {column-gap:18px}
	.header .head_btn_area .head_quick .head_btn {padding:0 13px;font-size:15px;line-height:30px;border-radius:30px}
}

@media screen and (max-width: 1500px){
    .header .container.inner { padding: 0 20px; }
	.header .gnb_cont_area #gnb .sub_gnb_area .title_area {width:345px;padding-left:25px;left:0}
	.header .gnb_cont_area #gnb .sub_gnb_area .title_area::before {width:100%;left:0} 
	.header .gnb_cont_area #gnb .sub_gnb_area .container {max-width:inherit;margin-left:0;margin-right:0}
	.header .gnb_cont_area #gnb .sub_gnb_area .sub_gnb {padding:40px 30px}
	.header .head_btn_area .head_quick .head_btn.btn1 {display:none}
}

@media screen and (max-width: 1400px){
	.header .gnb_cont_area .logo_area {width:284px;height:31px}
	.header .gnb_cont_area #gnb .sitemap_tit .text {font-size:18px}
	.header .gnb_cont_area #gnb .sub_gnb_area .title_area.bg1::before {background-size:238px}
	.header .gnb_cont_area #gnb .sub_gnb_area .title_area.bg2::before {background-size:245px}
	.header .gnb_cont_area #gnb .sub_gnb_area .title_area.bg3::before {background-size:232px}
	.header .gnb_cont_area #gnb .sub_gnb_area .title_area.bg4::before {background-size:235px}
	.header .gnb_cont_area #gnb .sub_gnb_area .title_area.bg5::before {background-size:232px}
	.header .gnb_cont_area #gnb .sub_gnb_area .title_area.bg6::before {background-size:290px}
	.header .gnb_cont_area #gnb .sub_gnb_area .title_area .title {font-size:28px;line-height:38px}
	.header .gnb_cont_area #gnb .sub_gnb_area .title_area .text {font-size:15px}
	.header .gnb_cont_area #gnb .sub_gnb_area .sub_gnb > li > a {font-size:18px}
	.header .gnb_cont_area #gnb .sub_gnb_area .sub_gnb .depth3 > li > a {font-size:1em}
	.header .head_btn_area .head_quick .head_btn {padding:0 11px;font-size:14px;line-height:28px;border-radius:28px}
	
	.sitemap_wrap {background-size:300px}
	.sitemap_wrap .logo {display:none}
	.sitemap_wrap .sitemap > li > a {font-size:28px}
	.sitemap_wrap .sitemap > li > a > .text::after {width:26px;height:24px}
	.sitemap_wrap .sub_gnb_area .sitemap_sub_gnb > li {padding:0 18px}
	.sitemap_wrap .sub_gnb_area .sitemap_sub_gnb > li > a {padding:13px 0;font-size:18px}
	.sitemap_wrap .sub_gnb_area .sitemap_sub_gnb .depth3 > li > a {padding:13px 10px 13px 14px;font-size:16px}
	.sitemap_wrap .sub_gnb_area .sitemap_sub_gnb .depth3 > li > a::before {top:23px}
	.sitemap_wrap .sub_gnb_area .sitemap_sub_gnb .depth4 {padding:12px 19px}
	.sitemap_wrap .sub_gnb_area .sitemap_sub_gnb .depth4 > li > a {font-size:1em}
}

@media screen and (max-width: 1280px){
	.header .gnb_cont_area .logo_area {width:270px;height:29px}
	.header .gnb_cont_area #gnb .sitemap_tit {padding:0 8px}
	.header .gnb_cont_area #gnb .sitemap_tit .text {font-size:17px}
	.header .gnb_cont_area #gnb .sub_gnb_area .title_area {width:300px;padding-top:35px}
/* 	.header .gnb_cont_area #gnb .sub_gnb_area .title_area::before {background-size:180px} */
	.header .gnb_cont_area #gnb .sub_gnb_area .title_area.bg1::before {background-size:208px}
	.header .gnb_cont_area #gnb .sub_gnb_area .title_area.bg2::before {background-size:210px}
	.header .gnb_cont_area #gnb .sub_gnb_area .title_area.bg3::before {background-size:202px}
	.header .gnb_cont_area #gnb .sub_gnb_area .title_area.bg4::before {background-size:205px}
	.header .gnb_cont_area #gnb .sub_gnb_area .title_area.bg5::before {background-size:202px}
	.header .gnb_cont_area #gnb .sub_gnb_area .title_area.bg6::before {background-size:250px}
	.header .gnb_cont_area #gnb .sub_gnb_area .title_area .title {font-size:25px;line-height:35px}
	.header .gnb_cont_area #gnb .sub_gnb_area .title_area .text {font-size:14px}
	.header .gnb_cont_area #gnb .sub_gnb_area .container {min-height:340px}
	.header .gnb_cont_area #gnb .sub_gnb_area .sub_gnb {gap:24px 12px;padding:35px 25px}
	.header .gnb_cont_area #gnb .sub_gnb_area .sub_gnb > li > a {font-size:17px}
	.header .head_btn_area {column-gap:13px}
	.header .head_btn_area .sch_btn {line-height:24px}
	.header .head_btn_area .head_quick .head_btn {padding:0 8px;font-size:13px;line-height:24px;border-radius:24px}
	
	.sitemap_wrap .sitemap {grid-template-columns:1fr 1fr 1fr}
}

@media screen and (max-width: 1080px){
    .header .tnb-wrap { border-bottom: 0; }
    .header .tnb-wrap .logo_area { width: 240px; }
	.header .gnb_cont_area {padding:20px 1.5%}
	.header .gnb-wrap,
	.header .head_btn_area .ic_menu.sitemap_btn {display:none}
	.header .head_btn_area {column-gap:16px}
	.header .head_btn_area .ic_menu.m_gnb_btn {display:inline-flex}
	.header .head_btn_area .head_quick .head_btn.btn1 {display:inline-block}
}

@media screen and (max-width:767px){
    .header .container.inner { padding: 0 15px; }
	.header .gnb_cont_area {padding:18px 15px}
	.header .gnb_cont_area .logo_area {width:250px;height:27px}
	.header .head_btn_area {column-gap:18px}
	.header .head_btn_area .head_quick {display:none}
	
	.header .m_gnb_wrap {width:92%}
	.header .m_gnb_wrap .m_gnb_top {height:66px;padding-left:15px}
	.header .m_gnb_wrap .m_gnb_top .m_gnb_close {width:66px;height:65px}
	.header .m_gnb_wrap .m_gnb .item_list > li > a {padding:16px;font-size:1.25em}
	.header .m_gnb_wrap .sub_gnb_area .m_sub_gnb > li > a {padding-left:31px;font-size:1.15em}
	.header .m_gnb_wrap .sub_gnb_area .m_sub_gnb > li > a::before {left:16px;top:24px}
	.header .m_gnb_wrap .sub_gnb_area .m_sub_gnb .depth3 > li > a {padding-left:31px;font-size:1.1em}
	.header .m_gnb_wrap .sub_gnb_area .m_sub_gnb > li.m_atv > a::before {font-size:14px;left:14px;top:17px}
	
	.header .m_gnb_wrap .depth3_item_list > li > a {padding:14px 15px 14px 34px;font-size:1.25em}
	.header .m_gnb_wrap .depth3_item_list > li > a::before {font-size:0.92em;left:10px}
	.header .m_gnb_wrap .depth3_item_list .depth4 > li > a {padding-left:31px;font-size:1.15em}
	.header .m_gnb_wrap .depth3_item_list .depth4 > li > a::before {left:16px;top:24px}
		
	/* ==================== POPZON ==================== */
	.head_popzon .popzon_box {padding: 8px 5px;}
	.head_popzon .popzon_box .nav_box {position: inherit; top: inherit; left: inherit; margin: 0;}
	.head_popzon .popzon_box .nav_box.pc {display: none;}
	.head_popzon .popzon_box .nav_box.m {display: inline-block; }
	.head_popzon .popzon_box .nav_box .nav {width: 17px; height: 17px;}
	.head_popzon .popzon_box .nav_box .nav:last-child {margin:	0;}
	.head_popzon .popzon_box .nav_box .num {margin: 0 0 0 10px; font-size: 12px; line-height: 18px;}
	.head_popzon .popzon_box .slide_zon #head_slide li a {padding: 0 0 8px;}
	.head_popzon .popzon_box .slide_zon #head_slide li a .title {height: 24px; font-size: 16px; line-height: 24px;}
	.head_popzon .popzon_box .slide_zon #head_slide li a .text {height: 18px; font-size: 12px; line-height: 18px;}
	.head_popzon .popzon_box .chk_each {display: inline-block; position: inherit; bottom: inherit; right: inherit; margin: 0 0 0 10px; vertical-align: middle;}
	.head_popzon .popzon_box .chk_each .chk_inp {}
	.head_popzon .popzon_box .chk_each label .text {font-size: 12px;}
	.head_popzon .popzon_box .head_popzon_close {position: inherit; top: inherit; right: inherit; margin: 0 0 0 10px; vertical-align: middle;}
	/* ==================== POPZON ==================== */
	
	/* 메인팝업 */
	.header .head_popzon_cont .head_popzon_area {max-width: 575px;}
	.header .head_popzon_cont .head_popzon_area .title_area .title {font-size: 36px; line-height: 54px;}
	.header .head_popzon_cont .head_popzon_area .popzon_slide_area #head_popzon_slide {padding: 0 50px;}
	.header .head_popzon_cont .head_popzon_area .popzon_slide_area #head_popzon_slide .slick-arrow {width: 19px; height: 30px;}
	.header .head_popzon_cont .head_popzon_area > .inner_box {max-width: 475px;}
	.header .head_popzon_cont .head_popzon_area > .inner_box .chk_each {padding: 0 0 0 25px;}
	.header .head_popzon_cont .head_popzon_area > .inner_box .chk_each .chk_inp {width: 16px; height: 16px;}
	.header .head_popzon_cont .head_popzon_area > .inner_box .chk_each label .text {font-size: 14px; line-height: 21px;}
	.header .head_popzon_cont .head_popzon_area > .inner_box .slide_num {font-size: 16px; line-height: 21px;}
	.header .head_popzon_cont .head_popzon_area > .inner_box .btn_area .colse_btn {padding: 0 20px;}
	.header .head_popzon_cont .head_popzon_area > .inner_box .btn_area .colse_btn .text {padding: 0 23px 0 0; font-size: 14px; line-height: 36px;}
	/* 메인팝업 */
}

@media screen and (max-width:480px){
    .header .container.inner { padding: 0 10px; }
	.header .gnb_cont_area {padding:17px 10px}
	.header .gnb_cont_area .logo_area {width:220px;height:24px}
	.header .head_btn_area {column-gap:15px}
	.header .head_btn_area .sch_btn {width:23px;font-size:25px}
	.header .head_btn_area .ic_menu {width:23px;height:19px}
	.header .head_btn_area .ic_menu .icon {top:8px}
	
	.header .m_gnb_wrap {width:100%}
	.header .m_gnb_wrap .m_gnb_top {height:63px}
	.header .m_gnb_wrap .m_gnb_top .m_gnb_close {width:63px;height:62px;font-size:22px}
	.header .m_gnb_wrap .head_quick .head_btn {padding:0 12px;font-size:13px;line-height:26px;border-radius:26px}
	.header .m_gnb_wrap .sub_gnb_area .m_sub_gnb > li > a::before {top:23px}
	.header .m_gnb_wrap .sub_gnb_area .m_sub_gnb > li.m_atv > a::before {font-size:13px}
	
	/* 메인팝업 */
	.header .head_popzon_cont .head_popzon_area .title_area .title {font-size: 28px; line-height: 42px;}
	.header .head_popzon_cont .head_popzon_area .popzon_slide_area #head_popzon_slide .slick-arrow.slick-prev { left: 10px;}
	.header .head_popzon_cont .head_popzon_area .popzon_slide_area #head_popzon_slide .slick-arrow.slick-next { right: 10px;}
	/* 메인팝업 */
}