@charset "UTF-8";

@media screen and (max-width: 1600px){
	.header .logo_area {width:198px;height:43px}
	.header .gnb_cont_area {padding-left:25px}
	.header .head_btn_area .bundle.line_s {margin-right:20px}
	.header .head_btn_area .bundle.line_s::after {right:-11px}
	.header .head_btn_area .btn_txt {font-size:15px}
	.header .head_btn_area .btn_icon {width:72px;font-size:26px}
	.header .head_btn_area .sitemap_btn .icon::before {top:9px}
	.header .head_btn_area .sitemap_btn .icon::after {top:18px}
}

@media screen and (max-width: 1400px){
	.header .logo_area {width:170px;height:37px}
	.header .gnb_area {width:auto;min-width:inherit}
	.header .gnb_cont_area {padding-left:10px}
	.header .gnb_cont_area #gnb {}
	.header .gnb_cont_area #gnb .sitemap_tit {padding:0 15px}
	.header .gnb_cont_area #gnb .sitemap_tit .text {font-size:18px}
	.header .gnb_cont_area #gnb .sub_gnb {column-gap:30px;min-height:200px;padding:30px}
	.header .gnb_cont_area #gnb .sub_gnb_area .container {padding-left:320px}
	.header .gnb_cont_area #gnb .title_area {width:calc(320px + 1.5%);padding:30px;left:calc(-1.5% - 2px);transform:translateX(0)}
	.header .gnb_cont_area #gnb .title_cont .title {font-size:28px;line-height:38px}
	.header .gnb_cont_area #gnb .title_cont .text {margin-top:15px;font-size:15px}
	.header .gnb_cont_area #gnb .sub_gnb > li {width:calc(100% / 3 - 20px)}
	.header .gnb_cont_area #gnb .sub_gnb > li.exists > a::after {width:20px;height:20px;font-size:10px;line-height:23px;right:11px}
	.header .head_btn_area .btn_icon {width:62px}

	.sitemap_wrap .sitemap {padding-bottom:85px}
	.sitemap_wrap .sitemap > li {padding-top:62px}
	.sitemap_wrap .sitemap > li:nth-child(-n+3) {padding-top:115px}
	.sitemap_wrap .sitemap .sitemap_tit {margin-bottom:25px;font-size:25px}
	.sitemap_wrap .sitemap_sub_gnb > li > a {font-size:17px}
	.sitemap_wrap .sitemap_sub_gnb > li > a::before {top:9px}
	.sitemap_wrap .sitemap_close {width:70px;height:70px}
}

@media screen and (max-width: 1280px){
	.header .gnb_cont_area {height:75px}
	.header .gnb_cont_area #gnb {column-gap:20px}
	.header .gnb_cont_area #gnb .sitemap_tit {height:75px;padding:0 10px}
	.header .gnb_cont_area #gnb .sitemap_tit .text {font-size:17px}
	.header .gnb_cont_area #gnb .sub_gnb {column-gap:20px}
	.header .gnb_cont_area #gnb .sub_gnb > li {width:calc(100% / 2 - 10px)}
	.header .gnb_cont_area #gnb .sub_gnb .depth3 {margin-top:14px}
	.header .head_btn_area .bundle.line_s {margin-right:17px}
	.header .head_btn_area .bundle.line_s::after {right:-9px}
	.header .head_btn_area .btn_icon {width:55px}
	.header .sitemap_wrap .logo_area {width:139px;height:30px}
}

@media screen and (max-width: 1080px){
	/* ==================== POPZON ==================== */
	.head_popzon .popzon_box {padding: 0 150px 100px;}
	.head_popzon .popzon_box .nav_box {margin: -13px 0 0;}
	.head_popzon .popzon_box .nav_box .nav {width: 17px; height: 17px;}
	.head_popzon .popzon_box .nav_box .num {margin: 0 0 0 10px; font-size: 14px; line-height: 21px;}
	.head_popzon .popzon_box .slide_zon #head_slide li a {padding: 15px 0;}
	.head_popzon .popzon_box .slide_zon #head_slide li a .title {height: 27px; font-size: 18px; line-height: 27px;}
	.head_popzon .popzon_box .slide_zon #head_slide li a .text {height: 21px; font-size: 14px; line-height: 21px;}
	.head_popzon .popzon_box .head_popzon_close {top: 5px; width: 12px; height: 12px;}
	.head_popzon .popzon_box .chk_each {bottom: 5px;}
	.head_popzon .popzon_box .chk_each label .text {font-size: 12px}
	/* ==================== POPZON ==================== */
	
	.header .gnb_area {display:none}
	.header .head_btn_area .btn_icon {width:75px}
	
	.sitemap_wrap {background-color:rgba(0,0,0,0.6)}
	.sitemap_wrap::after {display:block;height:0;content:'';clear:both;visibility:hidden}
	.sitemap_wrap .logo_area .logo {}
	.sitemap_wrap .head_top_box {display:flex !important;align-items:center;justify-content:space-between;width:calc(100% - 70px);height:70px;padding:0 14px 0 17px;border-bottom:1px solid var(--colorBorderGray)}
	.sitemap_wrap .head_top_box .btn_list {}
	.sitemap_wrap .head_top_box .btn_list > li {}
	.sitemap_wrap .head_top_box .btn_list .btn {}
	.sitemap_wrap .container {margin:0 auto;padding:0;overflow-y:auto}
	.sitemap_wrap .sitemap_obj {float:right;width:90%;max-width:400px;height:100%;background-color:var(--colorWhite)}
	.sitemap_wrap .sitemap {display:block;height:auto;padding-bottom:0}
	.sitemap_wrap .sitemap a {color:var(--colorBlack)}
	.sitemap_wrap .sitemap > li {width:auto;padding:0;border-bottom:1px solid var(--colorBorderGray)}
	.sitemap_wrap .sitemap > li:nth-child(-n+3) {padding-top:0}
	.sitemap_wrap .sitemap .sitemap_tit {display:block;margin-bottom:0;padding:22px 15px;font-size:1.25em;color:var(--colorGray90)}
	.sitemap_wrap .sitemap .sitemap_tit::before {display:none}
	.sitemap_wrap .sitemap .sitemap_tit::after {font-family:'xeicon';content:'\e943';color:#6D7882;position:absolute;right:22px;top:50%;transform:translateY(-50%)}
	.sitemap_wrap .sitemap .sub_gnb_area {display:none}
	.sitemap_wrap .sitemap_sub_gnb {margin-left:0}
	.sitemap_wrap .sitemap_sub_gnb > li {margin-bottom:0;border-top:1px solid var(--colorBorderGray)}
	.sitemap_wrap .sitemap_sub_gnb > li > a {padding:12px 5px 12px 28px;font-size:1.05em;background-color:var(--colorBgGray)}
	.sitemap_wrap .sitemap_sub_gnb > li > a::before {width:5px;height:5px;background-color:#ccc;left:15px;top:21px}
	.sitemap_wrap .sitemap_sub_gnb > li.s2 > a::after {font-family:'xeicon';content:'\e913';color:#999;position:absolute;right:22px;top:50%;transform:translateY(-50%)}
	.sitemap_wrap .sitemap_sub_gnb .depth3 {display:none;margin:0}
	.sitemap_wrap .sitemap_sub_gnb .depth3 > li {margin-bottom:0;border-top:1px solid var(--colorBorderGray)}
	.sitemap_wrap .sitemap_sub_gnb .depth3 > li > a {display:block;padding:10px 30px;font-weight:500;background-color:#E6E8EA}
	.sitemap_wrap .sitemap_sub_gnb .depth3 > li > a::before {width:6px;height:2px;background-color:#adadad;left:20px;top:20px;opacity:1 !important}
	.sitemap_wrap .sitemap_sub_gnb .depth3 > li > a::after {display:none}
	.sitemap_wrap .sitemap_sub_gnb .depth3 > li > a:hover {padding-left:34px;text-decoration:none;color:var(--colorWhite);background-color:var(--colorMain)}
	.sitemap_wrap .sitemap_sub_gnb .depth3 > li > a:hover::before,
	.sitemap_wrap .sitemap_sub_gnb .depth3 > li > a:focus::before {background-color:rgba(255,255,255,0.4)}

	.sitemap_wrap .sitemap > li.on {}
	.sitemap_wrap .sitemap > li.on .sitemap_tit {color:var(--colorMain);background-color:#E2F2FF}
	.sitemap_wrap .sitemap > li.on .sitemap_tit::after {content:'\e946'}
	.sitemap_wrap .sitemap_sub_gnb > li.on > a {padding-left:33px;text-decoration:none;color:var(--colorWhite);background-color:var(--colorSub);background-size:12px;background-position:left 14px top 18px}
	.sitemap_wrap .sitemap_sub_gnb > li.on > a::before {display:none}
	.sitemap_wrap .sitemap_sub_gnb > li.s2.on > a::after {content:'\e91a';color:var(--colorWhite)}
	.sitemap_wrap .sitemap_sub_gnb .depth3 > li > a:hover, 
	.sitemap_wrap .sitemap_sub_gnb .depth3 > li > a:focus {color:var(--colorWhite);background-color:var(--colorMain)}
	
	.sitemap_wrap .sitemap_close {background-color:var(--colorMain)}
	.sitemap_wrap .sitemap_close:hover, 
	.sitemap_wrap .sitemap_close:focus {background-color:var(--colorSub)}
	.sitemap_wrap .sitemap_close:hover .icon, 
	.sitemap_wrap .sitemap_close:focus .icon {transform:rotate(0)}
}

@media screen and (max-width:767px){
	/* ==================== 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_etc_btn_area {display:none}*/
	.header .gnb_cont_area {height:69px}
	.header .logo_area {width:160px;height:34px}
	.header .head_btn_area .btn_icon {width:70px;font-size:24px}
	.header .head_btn_area .sitemap_btn .icon {width:23px}
	.header .head_btn_area .sitemap_btn .icon::before {top:8px}
	.header .head_btn_area .sitemap_btn .icon::after {top:16px}

	.sitemap_wrap .sitemap .sitemap_tit {padding:20px 15px;font-size:1.15em}

}

@media screen and (max-width:480px){
	.head_popzon .popzon_box .slide_zon #head_slide li a .title {height: 21px; font-size: 14px; line-height: 21px;}
	
	.header .gnb_cont_area {height:62px}
	.header .logo_area {width:147px;height:32px}
	.header .head_btn_area .btn_icon {width:62px}

	.header .logo_area {width:129px;height:28px}
	.header .sitemap_wrap .head_top_box {padding:0 12px}
	
	.sitemap_wrap .head_top_box {height:63px}
	.sitemap_wrap .sitemap_close {width:63px;height:63px;font-size:1.5em}
}