@charset "UTF-8";

@media screen and (max-width: 1500px){
	.header .gnb_cont_area {width:97%;max-width:inherit}
}

@media screen and (max-width: 1400px){
	.header .gnb_cont_area #gnb .sitemap_tit {padding:0 20px}
	.header .gnb_cont_area #gnb .sitemap_tit .text {font-size:18px}
	.header .head_btn_area > .list {column-gap:15px}
	.header .head_btn_area > .list > li {width:32px;height:32px}
	.header .head_btn_area > .list .btn {font-size:29px}
	.header .head_btn_area > .list .btn img {width:25px}
	.header .head_btn_area > .list .btn .notify {right:-5px;top:-6px}
	.header .head_btn_area > .list .btn_inner_menu {top:45px}
	.header .head_btn_area > .list .btn_inner_menu .link {padding:10px 21px}
	.header .head_btn_area > .list .sitemap_btn .icon {width:100%}
	.header .head_btn_area > .list .sitemap_btn .icon::before {top:-10px}
	.header .head_btn_area > .list .sitemap_btn .icon::after {bottom:-10px}
	.header .head_btn_area > .list .sitemap_btn:hover .icon, 
	.header .head_btn_area > .list .sitemap_btn:hover .icon::before, 
	.header .head_btn_area > .list .sitemap_btn:hover .icon::after {animation:none}
	.header .head_etc_btn_area > .list > li .btn {padding:10px 14px;font-size:1em}
	.header .head_etc_btn_area > .list > li .btn.bg2 {padding-top:9px;padding-bottom:9px}

	.header .gnb_cont_area #gnb .sub_gnb_area .container {padding-left:320px}
	.header .gnb_cont_area #gnb .title_area {padding:30px;right:calc(100% - 320px)}
	.header .gnb_cont_area #gnb .title_area::before {width:320px}
	.header .gnb_cont_area #gnb .title_cont .title {font-size:27px;line-height:1}
	
	/* 내부 바로가기 추가 */
	#gnb_inner_btn {width:280px;height:135px;right:-30px;bottom:-30px}
	#gnb_inner_btn .btn_more {background-size:200px;background-position:right bottom -23px}
	#gnb_inner_btn .btn_tit {width:114px;height:42px}

	.header .gnb_cont_area #gnb .sub_gnb {min-height:120px;padding:30px 20px;gap:20px 30px}
	.header .gnb_cont_area #gnb .sub_gnb > li {width:calc(100% / 3 - 20px)}
	.header .gnb_cont_area #gnb .sub_gnb > li > a {height:50px;padding:0 18px;font-size:17px}
	
	.sitemap_wrap .sitemap {padding-bottom:85px}
	.sitemap_wrap .sitemap > li {padding-top:62px}
	.sitemap_wrap .sitemap > li:nth-child(-n+4) {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_close {width:70px;height:70px}
}

@media screen and (max-width: 1280px){
	.header .gnb_cont_area .logo_area {width:195px}
	.header .gnb_cont_area #gnb .sitemap_tit {padding:0 15px}
	.header .gnb_cont_area #gnb .sitemap_tit .text {font-size:17px}

	/* 내부 바로가기 추가 */
	#gnb_inner_btn .btn_more {background-size:180px;background-position:right bottom -21px}

	.header .head_etc_btn_area > .list > li .btn {padding:9px 12px}
	.header .head_etc_btn_area > .list > li .btn.bg2 {padding-top:8px;padding-bottom:8px}
	.header .head_btn_area > .list {column-gap:12px}
	.header .head_btn_area > .list > li {width:28px;height:28px}
	.header .head_btn_area > .list .sitemap_btn .icon::before {top:-9px}
	.header .head_btn_area > .list .sitemap_btn .icon::after {bottom:-9px}
	
	.sitemap_wrap .sitemap {padding-bottom:6dvw}
	.sitemap_wrap .sitemap > li {padding-top:5dvw}
	.sitemap_wrap .sitemap > li:nth-child(-n+4) {padding-top:11dvw}
	.sitemap_wrap .sitemap .sitemap_tit {padding-left:15px;font-size:22px}
	.sitemap_wrap .sitemap .sitemap_tit::before {width:3px}
	.sitemap_wrap .sitemap_sub_gnb {margin-left:15px}
	.sitemap_wrap .sitemap_sub_gnb > li > a {padding-left:15px;font-size:16px}
	.sitemap_wrap .sitemap_sub_gnb > li > a::before {width:5px;height:5px}

	.sitemap_wrap .sitemap > li.on .sitemap_tit::before {width:6px}
}

@media screen and (max-width: 1080px){
	/* ==================== POPZON ==================== */
	.head_popzon .popzon_box {padding: 0 150px 0;}
	.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 ==================== */

	.gnb_header {padding:17px 0}
	.header .gnb_cont_area {width:94%}
	.header .gnb_cont_area .gnb_area {display:none}
	
	/* 내부 바로가기 추가 */
	#gnb_inner_btn {width:100%;height:auto;padding:15px;background-color:#E2F2FF;position:relative;right:auto;bottom:auto}
	#gnb_inner_btn .btn_more {padding:20px;background-color:#BEDEF8;background-image:url(/images/home/kor/user/header/head_etc_icon01.png), url(/images/home/kor/user/header/gnb_inner_btn_bg.png);background-position:right top, right 20px bottom;background-size:220px, 150px;border-radius:8px}
	#gnb_inner_btn .s_txt .icon_box {width:15px;height:15px;font-size:12px;line-height:14px;vertical-align:text-bottom}

	.header .head_btn_area > .list {column-gap:15px}
	.header .head_btn_area > .list .btn .notify {height:16px;padding:0 4px;font-size:12px;top:-6px;right:-2px}

	.sitemap_wrap {background-image:none;background-color:rgba(0,0,0,0.6)}
	.sitemap_wrap::after {display:block;height:0;content:'';clear:both;visibility:hidden}
	.sitemap_wrap .container {height:calc(100% - 70px);margin:0 auto;overflow-y:auto}
	.sitemap_wrap .sitemap_obj {float:right;width:90%;max-width:400px;height:100%;background-color:var(--colorWhite)}
	.sitemap_wrap .sitemap_obj .head_etc_btn_area {width:100%;padding:17px 15px;border-bottom:1px solid var(--colorBorderGray)}
	.sitemap_wrap .sitemap_obj .head_etc_btn_area > .list {display:block}
	.sitemap_wrap .sitemap_obj .head_etc_btn_area > .list > li {margin:0}
	.sitemap_wrap .sitemap_obj .head_etc_btn_area > .list > li:first-child {margin-left:0}
	.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+4) {padding-top:0}
	.sitemap_wrap .sitemap .sitemap_tit {display:block;margin-bottom:0;padding:22px 15px;font-size:1.25em}
	.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;height:auto !important}
	.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 {background-color:#d9d9d9;left:15px;top:22px}
	.sitemap_wrap .sitemap_sub_gnb > li.s2 > a::after {font-family:'xeicon';content:'\e913';color:#B1B8BE;position:absolute;right:22px;top:50%;transform:translateY(-50%)}
	.sitemap_wrap .sitemap_sub_gnb .depth3 {display:none;height:auto !important;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;background-color:#E6E8EA}
	.sitemap_wrap .sitemap_sub_gnb .depth3 > li > a:hover {text-decoration:none;color:var(--colorWhite);background-color:var(--colorMain)}
	
	.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 {color:var(--colorWhite);background-color:var(--colorSub)}
	.sitemap_wrap .sitemap_sub_gnb > li.on > a::before {background-color:var(--colorWhite)}
	.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 {color:var(--colorBlack);background-color:transparent}
	.sitemap_wrap .sitemap_close:hover, 
	.sitemap_wrap .sitemap_close:focus {color:var(--colorMain);background-color:transparent}
}

@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 ==================== */

	.gnb_header {padding:15px 0}
	.header .head_etc_btn_area {display:none}
	.header .gnb_cont_area .logo_area {width:175px}
	.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 .head_etc_btn_area > .list > li .btn {padding:7px 10px;font-size:0.9375em}
	.header .head_etc_btn_area > .list > li .btn.bg2 {padding-top:5px;padding-bottom:7px}
}