/* skipNav*/
.skip{width:100%; position:relative; height:1px; margin:-1px;}
.skipNav { position: absolute; top:-10.5em; left:0; margin: 0 auto; z-index:999; }
.skipNav a:active, .skipNav a:focus {position: absolute; top: 10.5em; left: 30px; width: 150px; height:17px; padding-top:3px; text-align: center; color: #fff; background: #333; border: 2px solid #000; outline: 0; font-weight:bold;}


#header{position: relative;background:var(--white);padding-top:24px;}
#header .header_wrap{position: relative;}
#header .header_ad{position: absolute;right: 0;top: -12px;z-index:99;}
#header .logo{width: max-content;}
#header .logo a{display:flex;display: -ms-flexbox;column-gap:10px;}
#header .logo svg{width: 100%;height:100%;}
#header .logo .text{width: 195px;} 
#header .logo .symbol{width: 41px;}
#header .logo .text svg{fill:var(--black);}
#header .logo .symbol svg{fill:var(--primary);}
#hdnav{display:flex;margin-top: 8px;border-bottom: 2px solid var(--primary);padding-top:8px;padding-bottom:8px;align-items: center;justify-content: space-between;}
#hdnav .nav{display:flex;display: -ms-flexbox;align-items: center;}
#hdnav .nav a{display:flex;display: -ms-flexbox;padding:8px 0;align-items: center;}
#hdnav .nav a strong{font-size: 16px;letter-spacing: -.5px;}
#header .nav_side{padding-right: 20px;}
#header .nav_side>ul{display:flex;display: -ms-flexbox;column-gap:16px;}
#header .nav_side>ul>li{display: flex;align-items: center;justify-content: center;}
#header .myinfo{position: relative;}
#header .myinfo>div{display:none;background: var(--white);position: absolute;left: 50%;margin-left:-62px;bottom: -96px;width: 124px;z-index:99999;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);}
#header .myinfo>div ul{width: 100%;}
#header .myinfo>div li>a{width: 100%;display: flex;font-size: 16px;font-weight: 500;padding-top: 12px;padding-bottom: 12px;justify-content: center;align-items: center;}
#header .myinfo>div li>a:hover{background: var(--bg_ivory);}
.nav_sentence{width: 191px;}
#header.hd_fix{position: fixed;z-index:999;width: 100%;top: 0;left: 0;}

/*Æ˾÷¸Þ´º*/
.nav_overlay{display:none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index:9999;}
.nav_pop{display:none;position: absolute;left: 0;top:/*42px*/55px;width: 100%;z-index:99999;}
.nav_pop .mnu_h{font-size: 16px;font-weight: 700;line-height: 1.5;color: var(--f_color);}
.nav_pop ul li{font-size: 14px;font-weight: 400;line-height: 1.5;}	
.nav_pop ul li a{display:flex;}
#header .nav_pop .myinfo>div{bottom:-112px;}
.pc_nav{background: var(--white);}
.pc_nav .mnu_h .mnu_eco{display: block;margin:2px 0 14px;}
.pc_nav .nav_topwrap .col{flex-basis:10%;max-width:10%;}
.pc_nav .nav_topwrap .col:not(:first-child):before{content:'';position: absolute;top: 0;left: 0;width: 1px;height: 100%;background:var(--border_light);}
.pc_nav .nav_topwrap .col:last-child:before{background:var(--primary);}
.pc_nav .nav_topwrap .col .mnu_h{margin-bottom: 8px;}
.pc_nav .nav_topwrap .col ul{display:flex;row-gap:16px;flex-direction: column;}
.pc_nav :not(.nav_topwrap) .col{display:flex;}
.pc_nav :not(.nav_topwrap) .col:not(:first-child) .mnu_h{margin-bottom: 8px;}
.pc_nav :not(.nav_topwrap) .col:nth-child(2){column-gap:16px;}
.pc_nav :not(.nav_topwrap) .col:nth-child(2)>div{position: relative;padding-left:16px;}
.pc_nav :not(.nav_topwrap) .col:nth-child(2)>div:before{content:'';position: absolute;top: 0;left: 0;width: 1px;height: 100%;background:var(--primary);}				
.pc_nav :not(.nav_topwrap) .col:first-child{column-gap:16px;}
.pc_nav :not(.nav_topwrap) .col ul{display:flex;column-gap:16px;}
#header.hd_fix .nav_pop{top: 0;}
/*»ó´Ü°Ë»ö*/
.pop_searchform{background: var(--white);position: absolute;width: 100%;left: 0;padding:24px 20px;z-index:99;display:none;}
.pop_searchform .searchform_ibox{flex:0 0 calc(100% - 40px);max-width:calc(100% - 40px);padding:10px 16px}
.btn_srch_close{flex:0 0 24px;}
.pop_searchform .input_search{flex:1 0 calc(100% - 40px);max-width:calc(100% - 40px);outline:0;border:0;font-size: 16px;line-height: 1.5;font-weight: 500;}
.pop_searchform .btn_search{flex: 0 0 24px;}
.pop_searchform .input_search::-ms-input-placeholder,.input_search::placeholder{color: var(--gray500);font-size: 16px;}

/* sitemap footer*/

#footer .mn_inner{border-top:1px solid var(--border_light);display:flex;gap:20px;justify-content: space-between;}
#footer .mn_inner:after{content:unset !important;clear: unset !important;display:none !important;}
#footer .sitemap_h,#footer .sitemap_h a{font-size: 16px;font-weight: 700;color: var(--f_color);line-height: 1.28;}
#footer .fmnu li{position: relative;}
#footer .fmnu li:before{content:'';position: absolute;width: 1px;height: 100%;right: 0;top: 0;background: var(--border_light);}
#footer .fmnu li:last-child:before{background: none;}
#footer .fmnu li a{padding-right:12px;font-size: 14px;line-height: 1.28;color: var(--f_color);font-weight: 500;}
#footer .fmnu li:last-child a{padding-right: 0;}
#footer .copy li{font-size: 14px;line-height: 1.5;font-weight: 400;color: var(--f_color);}
#footer .copy p{font-size: 12px;line-height: 1.28;color: var(--gray500);font-weight: 500;}
#footer .copy p em{font-style: normal;}
#footer .footer_logo{display:flex;column-gap:4px;}
#footer .footer_logo span:first-child{width: 90px;}
#footer .footer_logo span:last-child{width: 20px;}
#footer .footer_logo svg{width: 100%;fill:var(--gray400);}

@media screen and (min-width:1201px) {
	#main{width: 1200px;margin-left:auto;margin-right:auto;padding:0;}
	#header,#footer .mn_inner,#footer .ft_inner{width:1200px;margin-left:auto;margin-right:auto;}
	#header.hd_fix .header_wrap,.hd_fix .pc_nav{width: 1200px;margin:0 auto;}	
	.pc_nav>div{padding:20px 16px;}	
	.pc_nav>div:not(.nav_topwrap){justify-content: space-between;}
	.pc_nav .nav_topwrap:before{content:'';position: absolute;bottom: 0;left: 16px;height: 1px;width: calc(100% - 32px);background:var(--border_light);}
}

@media screen and (max-width:1200px){
	#header .header_wrap, #main {padding-left:20px;padding-right: 20px;}
	#hdnav .nav_side{padding-right: 0;}

	/*PC Æ˾÷¸Þ´º*/
	.pc_nav{padding-left:20px;padding-right:20px;}
	.pc_nav>div{margin-left: 0;margin-right: 0;padding:20px 0px;}		
	.pc_nav .nav_topwrap:before{content:'';position: absolute;bottom: 0;left: 0px;height: 1px;width: 100%;background:var(--border_light);}
	/* footer */
	#footer{width: 100%;}
	#footer .mn_inner,#footer .ft_inner{padding-left:20px;padding-right: 20px;}

}
@media screen and (min-width:992px) and (max-width:1200px) {
	#hdnav .nav_sentence{width: 160px;}
	.pc_nav>div:not(.nav_topwrap) .col:first-child{flex-basis:30%;flex-wrap: wrap;}
	.pc_nav>div:not(.nav_topwrap) .col:last-child{flex-basis:70%;}
	
}
@media screen and (min-width:1062.02px) and (max-width:1130px) {
	#hdnav .nav{column-gap:16px;}
}
@media screen and (min-width:992px) and (max-width:1062px) {
	#hdnav .nav{column-gap:10px;}
}
@media screen and (min-width:992px) {
	#header.hd_fix{padding-top: 0;}
	#header.hd_fix #hdnav{margin-top: 0;}
	#header.hd_fix .logo,#header.hd_fix .header_rgt{display:none;}
	#footer .mn_inner>div{display:flex;flex-direction: column;}
	#footer .mn_inner>:not(div:first-child){row-gap: 32px;}
	#footer .mn_inner>div ul{display:flex;flex-direction: column;columns:auto 1;}
	#footer .sitemap{border-bottom:1px solid var(--border_dark);}
	#footer .sitemap_item{display:flex;flex-direction: column;row-gap:10px}
	#footer .sitemap_item ul{row-gap:10px}
	#footer .sitemap_item li,#footer .sitemap_item li a{font-size: 14px;color:var(--f_color);line-height: 1.5;}
}

@media screen and (max-width:991.98px){
	/*overflow
	.mdovh{overflow: hidden;}*/
	#header{padding-top:8px;z-index:99999;}	
	#hdnav{display:block;overflow-x:auto;overflow-y:hidden;}		
	#hdnav .nav{width:max-content;}
	#hdnav .nav_side{position: absolute;right: 20px;top: 3px;}
	/*nav gradient*/
	#hdnav .nav{padding-right: 20px;}
	#hdnav:after{content: '';display: block;position: absolute;right: 20px;bottom: 2px;width: 20px;height: 44px;background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #FFF 80%);}
	/*¸ð¹ÙÀÏÆ˾÷¸Þ´º*/
	.nav_overlay{background: rgba(0,0,0,.5);}
	.nav_pop{position: fixed;top:0;width: 320px;height: 100%;}
	.mo_nav{height: 100%;background: var(--white);animation:mo_nav .3s ease-in-out;}
		@keyframes mo_nav {
		  0% {
			transform: translate(-320px,0);
		  }
		  100% {
			transform: translate(0,0);
		  }
		}
	.mo_nav .nav_sentence{width: 191px;}
	.mo_nav .nav_cont{padding:0 16px 16px;overflow-y: scroll;overflow-x: hidden;height:100vh;}
	.mo_nav .nav_cont>div{padding:20px 0;}
	.mo_nav .mnu_h{display:flex;justify-content: space-between;}
	.mo_nav .mnu_wrap ul{row-gap:16px;flex-direction: column;opacity: 0;height: 0;overflow: hidden;transition: all ease .35s .0s;}
	.mo_nav .mnu_wrap.on ul{display:flex;margin-top: 8px;opacity: 1;overflow: auto;transform: translate(0,0);height: auto;}
	.mo_nav .mnu_wrap.on i.ico_arr_down{transform: rotate(180deg);}

	#footer .ft_inner{position: relative;background: var(--bg_darkgray);display: -ms-flexbox;flex-wrap: wrap;column-gap: 24px;row-gap: 16px;padding: 0;}
	#footer .mn_inner{width: auto;margin:0px auto 0;padding:0;border-top:1px solid var(--border_light);gap:0;flex-wrap: wrap;flex-direction: row;justify-content:flex-start}
	#footer .mn_inner:after{content:unset !important;clear: unset !important;display:none !important;}
	#footer .sitemap_h:before{content:'';position: absolute;width: 1px;height: 100%;right: 0;top: 0;background: var(--border_light);}
	#footer .sitemap_h:after{content:'';position: absolute;width: 100%;height: 1px;right: 0;bottom: 0;background: var(--border_light);}
	#footer .sitemap_h,#footer .sitemap_h a{position: relative;}
	#footer .sitemap_h a{padding:16px 8px;width: 100%;display:flex;align-content: center; justify-content: center;}
	#footer .mn_inner>div{display:flex;flex-direction: row;flex-wrap: wrap;flex:0 0 33.33333%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	#footer .mn_inner>div:nth-child(3n+3):before{background: none;}
	#footer .sns_wrap i{width: 36px;height: 36px;}
	#footer .copy_area{color: var(--white)}
	#footer .copy_area li a{color:var(--gray300);padding:0 16px;}
	#footer .btn_top{position: absolute;right: 8px;bottom: 88px;}
	#footer .btn_top a{display:flex;background:var(--white);width: 48px;height: 48px;border-radius:50%;align-items: center; justify-content: center;box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .2);}
	#footer .btn_top i{width: 48px;height: 48px;}

}
@media screen and (min-width:768.02px) {
	#header.hd_fix .header_ad{display:none;}	
}

@media screen and (max-width:768px){
	#header .logo .text{width: 144px;}		
}

@media screen and (max-width:575.98px){
	#hdnav{margin-top: 0px;padding-top: 4px;padding-bottom: 4px;}
	#header .nav_side{padding-right: 0;}
	#header.hd_fix{padding-top: 0;}
	#header.hd_fix .logo{display:none;}	

}

/* 250812 header fixed */
#wrap:has(#header.hd_fix) {padding-top: 137px;}
@media (max-width:991.98px) and (min-width:768.02px){
	#wrap:has(#header.hd_fix){padding-top: 108px;}
}
@media (max-width:768px) and (min-width:576px){
	#wrap:has(#header.hd_fix){padding-top: 97px;}
}
@media (max-width:575.98px){
	#wrap:has(#header.hd_fix) {padding-top: 121px;}
}