@charset "UTF-8";

@media screen and (max-width: 1720px){
	.header .header_inner .gnb_cont_area {padding:0 2%}
	.header .header_inner .gnb_cont_area .logo_area {width:175px;height:38px}
	.header .header_inner .gnb_cont_area .gnb_area {width:61%;min-width:inherit}
	.main_header .header .header_inner .gnb_cont_area .head_btn_area .sch_btn {width:25px;height:25px}
	.header .header_inner .gnb_cont_area .head_btn_area .sitemap_btn {width:25px;height:23px}
	.header .header_inner .gnb_cont_area .head_btn_area .sitemap_btn .icon::before {top:10px}
	.header .header_inner .gnb_cont_area .head_btn_area .sitemap_btn .icon::after {top:20px}

	.header .header_inner .gnb_cont_area .gnb_area #gnb > li .sub_gnb_area .sub_gnb > li > a {font-size:1rem}
	
	.sitemap_wrap {padding-left:30vw}
	.sitemap_wrap::before {max-width:30vw}
	.sitemap_wrap .logo_area {left:12vw}
}

@media screen and (max-width: 1400px){
	.header .header_inner .gnb_cont_area {}
	.header .header_inner .gnb_cont_area .gnb_area #gnb > li .sitemap_tit .text {font-size:1.0625rem}

	.header .header_inner .gnb_cont_area .head_btn_area {gap:20px}
	.header .header_inner .gnb_cont_area .head_btn_area .member_list {gap:13px}
	
	.sitemap_wrap {padding-left:25vw}
	.sitemap_wrap::before {max-width:25vw}
	.sitemap_wrap .sitemap {padding-left:15px}
	.sitemap_wrap .sitemap > li {padding:23px 0}
	.sitemap_wrap .sitemap > li > a {width:200px}
	.sitemap_wrap .sitemap > li > a .text {font-size:2rem}
	.sitemap_wrap .sitemap > li > .sub_gnb_area {width:calc(100% - 200px)}
	.sitemap_wrap .logo_area {width:172px;height:37px;top:75px;left:12vw;transform:translateX(-50%)}
	.sitemap_wrap .logo_area .logo {background-size:cover}
	.sitemap_wrap .sitemap_close {top:33px;right:17px}
}

@media screen and (max-width: 1280px){
	.header .header_inner .gnb_cont_area {padding:0 1.5%}
	.header .header_inner .header_top_cont2 .container {padding: 10px 5px;}
	.header .header_inner .gnb_cont_area .logo_area {width:162px;height:35px;margin-right:0}
	.header .header_inner .gnb_cont_area .head_btn_area {gap:17px}
	.header .header_inner .gnb_cont_area .head_btn_area .member_list {gap:10px}
	.header .header_inner .gnb_cont_area .head_btn_area .sitemap_btn img {width:23px}
	.header .header_inner .gnb_cont_area .gnb_area #gnb > li .sitemap_tit .text {line-height:70px;font-size:1rem}
	
	.header .header_inner .com_head_gnb.head_style2 .gnb_area #gnb > li .sub_gnb_area .container {padding: 0 0 0 280px;}
	.header .header_inner .com_head_gnb.head_style2 .gnb_area #gnb > li .sub_gnb_area .container .title_area {right: calc(100% - 280px); padding: 20px 15px 0 5px;}
	.header .header_inner .com_head_gnb.head_style2 .gnb_area #gnb > li .sub_gnb_area .container .title_area .title_cont {max-width: 280px;}
	.header .header_inner .com_head_gnb.head_style2 .gnb_area #gnb > li .sub_gnb_area .container .title_area .title_cont .title {margin: 0 0 5px; line-height: 1.35;}
	.header .header_inner .com_head_gnb.head_style2 .gnb_area #gnb > li .sub_gnb_area .container .title_area .title_cont .text {line-height: 21px;}
	.header .header_inner .com_head_gnb.head_style2 .gnb_area #gnb > li .sub_gnb_area .container .sub_gnb {padding: 30px;}
	.header .header_inner .com_head_gnb.head_style2 .gnb_area #gnb > li .sub_gnb_area .container .sub_gnb > li {width: calc(33.3333% - 26.6666px); margin: 20px 20px 0 0;}
	.header .header_inner .com_head_gnb.head_style2 .gnb_area #gnb > li .sub_gnb_area .container .sub_gnb > li:nth-child(-n+3) {margin: 0 20px 0 0;}
	.header .header_inner .com_head_gnb.head_style2 .gnb_area #gnb > li .sub_gnb_area .container .sub_gnb > li > a {margin: 0 0 10px; padding: 0 15px; line-height: 45px;}
	.header .header_inner .com_head_gnb.head_style2 .gnb_area #gnb > li .sub_gnb_area .container .sub_gnb > li > .depth3 > li > a {padding: 0 0 0 10px; line-height: 24px;}
	.header .header_inner .com_head_gnb.head_style2 .gnb_area #gnb > li .sub_gnb_area .container .sub_gnb > li > .depth3 > li > a:before {top: 11px; width: 4px; height: 4px;}

	.header .header_inner .gnb_cont_area .head_btn_area .member_list .link > a {font-size:0.875rem}
	
	.sitemap_wrap .sitemap > li > a {width:185px}	
	.sitemap_wrap .sitemap > li > a .text {font-size:1.75rem}
	.sitemap_wrap .sitemap > li > .sub_gnb_area {width:calc(100% - 185px)}
}

@media screen and (max-width: 1080px){
	.header .header_inner .header_top_cont {display: none;}
	.header .header_inner .gnb_cont_area {padding-right:0}
	.header .header_inner .gnb_cont_area .gnb_area {display: none;}
	.header .header_inner .gnb_cont_area .logo_area {}
	.header .header_inner .gnb_cont_area .head_btn_area {width: auto;gap:0}
	.header .header_inner .gnb_cont_area .head_btn_area .member_list {display:none}
	.header .header_inner .gnb_cont_area .head_btn_area .sch_btn {width:22px;height:22px}
	.header .header_inner .gnb_cont_area .head_btn_area .sitemap_btn {display: none;}
	.header .header_inner .gnb_cont_area .head_btn_area .m_gnb_btn {display: block;height:calc(100% + 1px);padding:22px 19px;border-left:1px solid rgba(255,255,255,0.4)}
	header:not(.main_header) .header_inner .gnb_cont_area .head_btn_area .m_gnb_btn {background-color:#ed1c24}
	header:not(.main_header) .header_inner .gnb_cont_area .head_btn_area .sch_btn {margin-right:17px}
	
	.main_header .header .header_inner .gnb_cont_area {border-bottom-color:rgba(255,255,255,0.4)}
	.main_header .header .header_inner .gnb_cont_area .head_btn_area .sch_btn {width:auto;padding:0;padding:32px 31.5px;background-position:center;background-size:22px;border-left:1px solid rgba(255,255,255,0.4)}
	
	.header .m_gnb_wrap::before {display:block;height:100%;content:"";background-color:rgba(0,0,0,0.3);position:fixed;left:0;top:0;z-index:-1;animation:m_gnb_wrap_bg 0.3s 1 forwards}
	.header .m_gnb_wrap .m_gnb_top .member_list_area {display:block}
	
	@keyframes m_gnb_wrap_bg{
		0 {width:0;min-width:0}
		100% {width:calc(100% - 480px);min-width:8%}
	}

	/* ==================== 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; 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; line-height: 27px;}
	.head_popzon .popzon_box .slide_zon #head_slide li a .text {height: 21px; 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 {}
	/* ==================== POPZON ==================== */
}

@media screen and (max-width:767px){
	.header .header_inner .gnb_cont_area .logo_area {width:150px;height:32px}
	.header .header_inner .gnb_cont_area .head_btn_area {}
	.header .header_inner .gnb_cont_area .head_btn_area .m_gnb_btn {}
	.header .header_inner .gnb_cont_area .head_btn_area .m_gnb_btn img {}
	.header .m_gnb_wrap .m_gnb_top {}
	.header .m_gnb_wrap .m_gnb_top .m_gnb_close {}
	.header .m_gnb_wrap .m_gnb .item_list > li > a .text {font-size:1.0625rem}
	.header .m_gnb_wrap .m_gnb .item_list > li .sub_gnb_area .m_sub_gnb > li > a {}

	/* ==================== 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; 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; line-height: 24px;}
	.head_popzon .popzon_box .slide_zon #head_slide li a .text {height: 18px; 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 {}
	.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 .header_inner .gnb_cont_area {}
	.header .header_inner .gnb_cont_area .logo_area {}
	.header .header_inner .gnb_cont_area .head_btn_area {}
	.header .header_inner .gnb_cont_area .head_btn_area .m_gnb_btn {}

	.header .m_gnb_wrap .m_gnb_top {padding:21px 45px 21px 20px;background-size:124px}
	.header .m_gnb_wrap .m_gnb_top .m_gnb_close {width:18px;height:18px}
	.header .m_gnb_wrap .m_gnb_top .member_list_area > .list > li .btn .text {font-size:0.9375rem}
	.header .m_gnb_wrap .m_gnb .item_list > li > a {}
	.header .m_gnb_wrap .m_gnb .item_list > li > a:after {}
	.header .m_gnb_wrap .m_gnb .item_list > li > a .text {line-height:54px;font-size:1rem}
	.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-left:12px;font-size:0.9375rem}
	.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 {line-height: 21px;}

	.head_popzon .popzon_box .slide_zon #head_slide li a .title {height: 21px; line-height: 21px;}
}