@media screen and (max-width: 1700px){
	.sitemap_wrap {padding-left:310px}
	.sitemap_wrap::before {max-width:310px}
	.sitemap_wrap .logo_area {max-width:310px;padding-right:50px}
	.sitemap_wrap .sitemap {gap:70px 28px;padding:100px 85px 100px 54px}
}

@media screen and (max-width: 1500px){
	.header .gnb_cont_area .gnb_area {margin:0 1.5%}

	.sitemap_wrap .container {margin:0}
}

@media screen and (max-width: 1400px){
	.header .header_top .right_btn_group {column-gap:20px}
	.header .header_top .right_btn_group .btn_li {font-size:1em}

	.sitemap_wrap {padding-left:290px}
	.sitemap_wrap::before {max-width:290px}
	.sitemap_wrap .logo_area {max-width:290px}
	.sitemap_wrap .logo_area .logo img {padding-top:78px}
	.sitemap_wrap .sitemap {gap:62px 24px;padding:84px 75px 84px 50px}
	.sitemap_wrap .sitemap > li > a {padding-left:19px}
	.sitemap_wrap .sitemap > li > a::before {width:7px}
	.sitemap_wrap .sitemap > li > a .text {font-size:28px}
	.sitemap_wrap .sitemap_sub_gnb {margin-top:18px;padding-left:21px}
	.sitemap_wrap .sitemap_sub_gnb > li {margin-bottom:14px}
	.sitemap_wrap .sitemap_sub_gnb > li > a {font-size:19px}
	.sitemap_wrap .sitemap_sub_gnb .depth3 {margin:8px 0 0 10px}
	.sitemap_wrap .sitemap_sub_gnb .depth3 > li > a {padding-left:12px}
	.sitemap_wrap .sitemap_close {width:70px;height:70px;font-size:28px}
}

@media screen and (max-width: 1280px){
	.header .header_top .container {padding:17px 0}
	.header .header_top .logo_area .logo {width:199px;height:43px}
	.header .header_top .right_btn_group {column-gap:16px}
	.header .header_top .right_btn_group .sns_list {gap:8px;margin-right:10px}
	.header .gnb_cont_area #gnb > li {height:58px}
	.header .gnb_cont_area #gnb > li .title_area .title_cont {padding-right:18px}
	.header .gnb_cont_area #gnb > li .title_area .title {font-size:25px}
	.header .gnb_cont_area #gnb > li .sub_gnb {gap:18px}
	.header .gnb_cont_area #gnb > li .sub_gnb > li {width:calc(100% / 3 - 12px)}
	.header .gnb_cont_area #gnb > li .sub_gnb > li > a {height:46px;padding:0 32px 0 18px;font-size:17px}
	.header .gnb_cont_area #gnb > li .sub_gnb > li > a::after {font-size:13px;right:12px}
	.header .gnb_cont_area #gnb > li .depth3 > li > a {padding-left:11px;font-size:15px}
	.header .gnb_cont_area #gnb > li .depth3 > li > a::before {top:8px}
	
	.header.scrolled .header_top .logo_area .logo {width:179px;height:39px}

	.sitemap_wrap {padding-left:270px}
	.sitemap_wrap::before {max-width:270px}
	.sitemap_wrap .logo_area {max-width:270px;padding-right:45px}
	.sitemap_wrap .logo_area .logo img {max-width:164px}
	.sitemap_wrap .sitemap {grid-template-columns:1fr 1fr}
	.sitemap_wrap .sitemap > li > a::before {height:calc(100% - 14px)}
	.sitemap_wrap .sitemap > li > a .text {font-size:26px}
}

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

	.header .header_top .container {padding:13px 0}
	.header .header_top .logo_area .logo {width:189px;height:41px}
	.header .header_top .right_btn_group {column-gap:18px;align-items:center}
	.header .header_top .right_btn_group .sns_list {gap:7px;margin-right:5px}
	.header .header_top .right_btn_group .btn_li.b1 {order:1}
	.header .header_top .right_btn_group .btn_li.b2 {order:2}
	.header .header_top .right_btn_group .btn_li.b3 {order:3}
	.header .header_top .right_btn_group .btn_li.b4 {order:4}
	.header .header_top .right_btn_group .btn_li .btn {display:block;text-align:center}
	.header .header_top .right_btn_group .btn_li .btn .text {display:block;margin-top:3px}
	
	.header .gnb_cont_area {display:none}

	.sitemap_wrap {padding-left:0;background-image:none;background-color:rgba(0,0,0,0.6)}
	.sitemap_wrap::before {display:none}
	.sitemap_wrap::after {display:block;height:0;content:'';clear:both;visibility:hidden}
	.sitemap_wrap .logo_area {display:flex;align-items:center;width:calc(100% - 60px);max-width:inherit;height:60px;padding:15px;text-align:right;color:#fff;background-color:#fff;background-image:url(/images/common/logo2.png);background-repeat:no-repeat;background-position:left 15px center;background-size:160px;position:relative;top:auto;left:auto}
	.sitemap_wrap .logo_area .logo {padding-left:170px}
	.sitemap_wrap .logo_area .logo img {display:none}
	.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:#fff}
	.sitemap_wrap .sitemap_obj .head_etc_btn_area {width:100%;padding:12px 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:0}
	.sitemap_wrap .sitemap a {color:var(--colorBlack)}
	.sitemap_wrap .sitemap > li {width:auto;padding:0 !important;border-bottom:1px solid var(--colorBorderGray)}
	.sitemap_wrap .sitemap > li:nth-child(-n+4) {padding-top:0}
	.sitemap_wrap .sitemap > li > a .text {display:block;padding:0;font-size:inherit;line-height:1.4}
	.sitemap_wrap .sitemap > li > a .text::before {display:none}
	.sitemap_wrap .sitemap .sitemap_tit {display:block;margin:0;padding:17px 24px;font-size:18px;text-align:left}
	.sitemap_wrap .sitemap .sitemap_tit::before {display:none}
	.sitemap_wrap .sitemap .sitemap_tit::after {font-family:'xeicon';content:'\e941';color:#6D7882;font-size:16px;position:absolute;right:22px;top:50%;transform:translateY(-50%)}
	.sitemap_wrap .sitemap .sub_gnb_area {display:none;width:100%;max-width:inherit !important;margin-top:0;padding-top:0;border-top:0}
	.sitemap_wrap .sitemap_sub_gnb {display:block;margin:0;padding-left:0}
	.sitemap_wrap .sitemap_sub_gnb > li {display:block;width:auto;margin:0;padding:0;text-align:left}
	.sitemap_wrap .sitemap_sub_gnb > li::after {display:none}
	.sitemap_wrap .sitemap_sub_gnb > li > a {display:block;padding:12px 32px;font-size:16px;font-weight:500;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.on > a, 
	.sitemap_wrap .sitemap_sub_gnb > li > a:hover, 
	.sitemap_wrap .sitemap_sub_gnb > li > a:focus-within {padding-left:32px;color:var(--colorMain);font-weight:700;background-color:#fff;background-image:none;border-radius:0}
	.sitemap_wrap .sitemap_sub_gnb > li.s2 > a::after {font-family:'xeicon';content:'\e913';color:#8A949E;position:absolute;right:22px;top:12px}
	.sitemap_wrap .sitemap_sub_gnb .depth3 {display:none;margin:8px 24px 8px 38px}
	.sitemap_wrap .sitemap_sub_gnb .depth3 > li > a {padding:5px 0 5px 12px}
	.sitemap_wrap .sitemap_sub_gnb .depth3 > li > a::before {top:14px}
	.sitemap_wrap .sitemap > li.on {}
	.sitemap_wrap .sitemap > li.on .sitemap_tit {color:#fff;background-color:var(--colorMain)}
	.sitemap_wrap .sitemap > li.on .sitemap_tit::after {content:'\e944';color:#fff}
	.sitemap_wrap .sitemap_sub_gnb > li.on > a {color:#fff;background-color:var(--colorSub)}
	.sitemap_wrap .sitemap_sub_gnb > li.on > a::before {background-color:#fff}
	.sitemap_wrap .sitemap_sub_gnb > li.s2.on > a::after {content:'\e91a';color:#fff}
	.sitemap_wrap .sitemap_sub_gnb .depth3 > li > a:hover, 
	.sitemap_wrap .sitemap_sub_gnb .depth3 > li > a:focus-within {color:var(--colorMain);background-color:#fff} 
	.sitemap_wrap .sitemap_close {width:60px;height:60px;font-size:25px;color:var(--colorBlack);background-color:transparent;right:0;top:0}
	.sitemap_wrap .sitemap_close:hover, 
	.sitemap_wrap .sitemap_close:focus-within {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 ==================== */
	
	.header .header_top .container, 
	.header.scrolled .header_top .container {padding:10px 0}
	.header .header_top .logo_area .logo,  
	.header.scrolled .header_top .logo_area .logo {width:170px;height:37px}
	.header .header_top .right_btn_group {column-gap:12px}
	.header .header_top .right_btn_group .sns_list {gap:6px}
	.header .header_top .right_btn_group .btn_sns {width:26px;height:26px}
	.header .header_top .right_btn_group .btn_li .btn {font-size:14px}

}

@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 .header_top .logo_area .logo,  
	.header.scrolled .header_top .logo_area .logo {width:154px;height:33px}

	.header .header_top .container {flex-direction:column;row-gap:15px;align-items:flex-start;padding-bottom:0}
	.header .header_top .right_btn_group {display:flex;width:100vw;column-gap:0;position:relative;left:50%;transform:translateX(-50%)}
	.header .header_top .right_btn_group::before {display:block;width:100vw;height:1px;content:'';background-color:var(--colorBorderGray);position:absolute;left:50%;top:0;z-index:0;transform:translateX(-50%)}
	.header .header_top .right_btn_group .btn_li {flex:1;border-left:0}
	.header .header_top .right_btn_group .btn_li ~ .btn_li {border-left: 1px solid var(--colorBorderGray)}
	.header .header_top .right_btn_group .btn_li .btn {display:flex;align-items:center;justify-content:center;column-gap:4px;padding:8px 2px;font-size:13px}
	.header .header_top .right_btn_group .btn_li .btn .icon {font-size:16px;transform:translateY(-1px)}
	.header .header_top .right_btn_group .btn_li .btn .text {margin-top:0}
	.header .header_top .right_btn_group .sns_list {position:absolute;right:0;top:-43px}

	.header.scrolled .header_top .container {padding-bottom:0}

	.sitemap_wrap .sitemap_obj {max-width:inherit;width:100%}
	.sitemap_wrap .logo_area {width:calc(100% - 68px);height:68px;text-align:left;background-position:left 15px top 13px}
	.sitemap_wrap .logo_area .logo {padding:24px 0 0 28px}
	.sitemap_wrap .logo_area .logo_text {font-size:14px}
	.sitemap_wrap .sitemap .sitemap_tit {padding:17px 18px;font-size:17px}
	.sitemap_wrap .sitemap_sub_gnb > li > a  {padding:10px 28px;font-size:15px}
	.sitemap_wrap .sitemap_sub_gnb > li.on > a, 
	.sitemap_wrap .sitemap_sub_gnb > li > a:hover, 
	.sitemap_wrap .sitemap_sub_gnb > li > a:focus-within {padding-left:28px}
	.sitemap_wrap .sitemap_sub_gnb > li.s2 > a::after {right:16px}
	.sitemap_wrap .sitemap_sub_gnb .depth3 {margin-left:34px}
	.sitemap_wrap .sitemap_sub_gnb .depth3 > li > a {padding-left:10px;font-size:15px}
	.sitemap_wrap .sitemap_close {width:68px;height:68px;font-size:24px}
	.sitemap_wrap .sitemap .sitemap_tit::after {font-size:14px;right:15px}
}