@charset "UTF-8";

@media screen and (max-width: 1700px){
	.header .gnb_cont_area {padding-left:1%}
	.header .gnb_cont_area .logo_area {width:197px;height:46px}
	.header .gnb_cont_area .gnb_area {width:62vw;min-width:inherit}
	.header .gnb_cont_area .gnb_area #gnb > li .sitemap_tit .text {font-size:1.125rem}
	.header .gnb_cont_area .head_btn_area {padding-right:1%}
	.header .gnb_cont_area .head_btn_area .member_list_area {margin-right:12px}
	.header .gnb_cont_area .head_btn_area .member_list_area .list {gap:20px}
	.header .gnb_cont_area .head_btn_area .member_list_area li::after {right:-11px}
	.header .gnb_cont_area .head_btn_area .sch_btn {margin-right:17px}

	.sitemap_wrap {padding-left:27vw}
	.sitemap_wrap::before {max-width:27vw}
	.sitemap_wrap .logo_area {max-width:27vw}
	.sitemap_wrap .sitemap {padding-right:7vw;padding-left:45px}
}

@media screen and (max-width: 1400px){
	.header .gnb_cont_area .logo_area {width:178px;height:42px}
	.header .gnb_cont_area .gnb_area {}
	.header .gnb_cont_area .head_btn_area .member_list_area {margin-right:0}
	.header .gnb_cont_area .head_btn_area .member_list_area .list {gap:16px}
	.header .gnb_cont_area .head_btn_area .member_list_area li {flex:1}
	.header .gnb_cont_area .head_btn_area .member_list_area li::after {right:-8px}
	.header .gnb_cont_area .head_btn_area .sch_btn {margin-right:12px;font-size:1.75rem}
	.header .gnb_cont_area .head_btn_area .sitemap_btn {font-size:2rem}

	.sitemap_wrap {padding-left:300px}
	.sitemap_wrap::before {max-width:300px}
	.sitemap_wrap .sitemap_close {top:40px;right:45px}
	.sitemap_wrap .logo_area {max-width:300px}
	.sitemap_wrap .logo_area .logo_cont {padding-top:96px;text-align:center}
	.sitemap_wrap .logo_area .logo_cont img {width:139px}
	.sitemap_wrap .container {margin:0 auto}
	.sitemap_wrap .sitemap {padding:90px 65px 40px 30px}
	.sitemap_wrap .sitemap > li {padding:13px 0}
	.sitemap_wrap .sitemap > li:first-child {padding:0 0 13px 0}
	.sitemap_wrap .sitemap > li > a {padding-right:35px}
	.sitemap_wrap .sitemap > li > a .text {font-size:24px}
	.sitemap_wrap .sitemap > li > .sub_gnb_area .sitemap_sub_gnb > li {margin-right:13px;padding-right:17px}
}

@media screen and (max-width: 1280px){
	.header .gnb_cont_area .logo_area {width:158px;height:35px}
	.header .gnb_cont_area .gnb_area #gnb > li .sitemap_tit .text {font-size:1.0625rem}
	.header .gnb_cont_area .gnb_area #gnb > li .sub_gnb_area {padding:17px 0}
	.header .gnb_cont_area .gnb_area #gnb > li .sub_gnb_area .sub_gnb > li > a {font-size:1rem}
	
	.sitemap_wrap {padding-left:270px}
	.sitemap_wrap::before {max-width:270px}
	.sitemap_wrap .logo_area {max-width:270px}
	.sitemap_wrap .logo_area .logo_cont img {width:133px}
	.sitemap_wrap .sitemap > li {padding:10px 0}
	.sitemap_wrap .sitemap > li:first-child {padding:0 0 10px 0}
	.sitemap_wrap .sitemap > li > a {padding-right:28px}
	.sitemap_wrap .sitemap > li > a .text {font-size:21px}
}

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

	.header .gnb_cont_area {padding:11px 1.5%}
	.header .gnb_cont_area .head_btn_area {padding-right:0}
	.header .gnb_cont_area .gnb_area {display: none;}
	.header .gnb_cont_area .logo_area {}
	.header .gnb_cont_area .head_btn_area {width: auto}
	.header .gnb_cont_area .head_btn_area .sch_btn .icon {vertical-align:middle;transform:translateY(-3px)}
	.header .gnb_cont_area .head_btn_area .sitemap_btn {display: none;}
	.header .gnb_cont_area .head_btn_area .m_gnb_btn {display:block;font-size:2.1875rem}
	.main_header .header .gnb_cont_area .head_btn_area .m_gnb_btn {color:var(--colorBlack)}
	.header .gnb_cont_area .head_btn_area .m_gnb_btn .icon {vertical-align:middle;transform:translateY(-3px)}

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

@media screen and (max-width:767px){
	.header .gnb_cont_area .head_btn_area .member_list_area {display:none}
	.header .m_gnb_wrap .m_gnb_top {max-height:60px}
	.header .m_gnb_wrap .m_gnb_top .member_list_area {margin-left:150px;transform:translateY(calc(-50% + 4px))}

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

@media screen and (max-width:480px){
	.header .gnb_cont_area .logo_area {width:140px;height:34px}
	
	.header .m_gnb_wrap .m_gnb_top {padding:20px 0 20px 1.5%;background-size:95px}
	.header .m_gnb_wrap .m_gnb_top .member_list_area {margin-left:102px;margin-right:52px;transform:translateY(calc(-50% + 8px))}
	.header .m_gnb_wrap .m_gnb_top .member_list_area > .list > li {margin-right:2px;padding-right:7px}
	.header .m_gnb_wrap .m_gnb_top .m_gnb_close {width:47px;background-size:15px}
	.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: 15px}
	.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;font-weight:300}
	.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;}
}