@charset "euc-kr";
/* CSS Document */


/* LAYOUT */
#tmArea{width:100%; height:20px; background:rgba(0,0,0,0.8); z-index:50; position:fixed; top:0; left:0; display:none;}
.tmAreaOn{display:block !important; height:220px !important;}

#tmArea{-webkit-transition-property:all ;
		-moz-transition-property: 	all ;
		transition-property: 		all ;
		-webkit-transition-duration: 0.3s, 0.3s;
		-moz-transition-duration: 0.3s, 0.3s;
		transition-duration: 0.3s, 0.3s; 
		-webkit-transition-timing function: linear, ease-in-out;
		-moz-transition-timing function: linear, ease-in-out; 
		transition-timing function: linear, ease-in-out;
		transition:0.5s;
		-moz-transition:0.5s;
		-webkit-transition:0.5s;
		}

.tmAreaOn{-webkit-transition-property:all ;
		-moz-transition-property: 	all ;
		transition-property: 		all ;
		-webkit-transition-duration: 0.3s, 0.3s;
		-moz-transition-duration: 0.3s, 0.3s;
		transition-duration: 0.3s, 0.3s; 
		-webkit-transition-timing function: linear, ease-in-out;
		-moz-transition-timing function: linear, ease-in-out; 
		transition-timing function: linear, ease-in-out;
		transition:0.5s;
		-moz-transition:0.5s;
		-webkit-transition:0.5s;
		}

#topWrap{width:100%; height:80px; border-bottom:none; position:fixed; top:0; left:0; z-index:100; font-size:18px; background:#ffffff;}
#topWrap .top{width:90%; margin:0 auto; max-width:1200px; height:80px; position:relative; padding:10px 0; z-index:120; display:flex;}
#topWrap .top .logo{width:190px; height:100%; background:url(../images/logo.png) no-repeat; background-size:100% auto; background-position:left center; position:relative; z-index:200;}
#topWrap .top .logo a{display:inline-block; width:100%; height:100%; position:relative; z-index:999999; }
#topWrap .top .gnbWrap{width:70%; position:relative; z-index:200; text-align:center; padding-left:50px; box-sizing:border-box; text-align:center; display:flex;}

#topWrap .top .gnbWrap .mGnbNav{width:20%; height:60px; position:relative; padding:10px 0;}
#topWrap .top .gnbWrap .mGnbNav .mGnb{width:100%; height:100%; position:relative; z-index:1; overflow:hidden; box-sizing:border-box; padding:0; text-align:center;}
#topWrap .top .gnbWrap .mGnbNav .mGnb a{display:inline-block; width:100%; color:#010101; font-size:1.2rem; font-weight:600; line-height:40px;}
#topWrap .top .gnbWrap .mGnbNav .mGnb a span{display:inline-block; width:100%;}
#topWrap .top .gnbWrap .mGnbNav .mGnb a span.off{color:#010101;}
#topWrap .top .gnbWrap .mGnbNav .mGnb a span.on{color:#2e8884;}

#topWrap .top .gnbWrap .mGnbNav .mGnb a:hover span.off{margin-top:-80px;}
#topWrap .top .gnbWrap .mGnbOn .mGnb a span.off{margin-top:-80px;}


#topWrap .top .gnbWrap .mGnbNav .mGnb a.pcGnb{display:inline-block;}
#topWrap .top .gnbWrap .mGnbNav .mGnb a.moGnb{display:none;}



#topWrap .top .gnbWrap .mGnbNav .mGnbSub{width:100%; position:absolute; z-index:2; overflow:hidden; box-sizing:border-box; padding:10px 0; text-align:center; top:-100px; left:0%;  display:none;}
#topWrap .top .gnbWrap .mGnbNav .mGnbSub li{width:100%; padding:10px 0; text-align:center; position:relative; background:rgba(0,0,0,0);}
#topWrap .top .gnbWrap .mGnbNav .mGnbSub li a{color:#ffffff; font-size:1rem; line-height:1rem;}
#topWrap .top .gnbWrap .mGnbNav .mGnbSub li a:hover{color:#2ec6a7;}
#topWrap .top .gnbWrap .mGnbNav .mGnbSub li.on a{color:#2ec6a7;}
#topWrap .top .gnbWrap .mGnbNav .mGnbSub li:first-child:before{content:''; width:90%; height:2px; background:#2e8884; position:absolute; left:5%; top:-2px;}



#topWrap .top .gnbWrap .mGnbSub{-webkit-transition-property:all ;
		-moz-transition-property: 	all ;
		transition-property: 		all ;
		-webkit-transition-duration: 0.3s, 0.3s;
		-moz-transition-duration: 0.3s, 0.3s;
		transition-duration: 0.3s, 0.3s; 
		-webkit-transition-timing function: linear, ease-in-out;
		-moz-transition-timing function: linear, ease-in-out; 
		transition-timing function: linear, ease-in-out;
		transition:0.5s;
		-moz-transition:0.5s;
		-webkit-transition:0.5s;
		}



#topWrap .top .gnbWrap .selected .mGnbSub{display:block !important; top:60px;}
#topWrap .top .gnbWrap .selected .mGnb a span.off{margin-top:-80px;}



#topWrap .top .lang{display:inline-block; border-radius:16px; position:absolute; top:20px; right:0px; z-index:200; border:1px solid #0f97c9; overflow:hidden; margin-top:28.5px; display:none;}
#topWrap .top .lang a{display:inline-block; float:left; line-height:20px; font-size:0.88em; font-weight:400; color:#6a6a6a; padding:5px 20px; position:relative;}
#topWrap .top .lang a:hover{color:#0f97c9; text-decoration:none !important;}
#topWrap .top .lang a.on{background:#0f97c9; color:#ffffff;}


#topWrap .topScroll .logo{}
#topWrap .topScroll .gnbWrap>ul>li>a{color:#000000;}

#topWrap .topScroll .extraLink>a{ color:#000000;0}
#topWrap .topScroll .extraLink>a.mall::before {background:#000000; content:'';}

#topWrap .topScroll .lang a::after{background:#292929;}
#topWrap .topScroll .lang .other a{color:#292929;}
#topWrap .topScroll .lang .other a:hover{color:#4d4d4d;}

.topWrapOn{background:#ffffff;}
#topWrap .topOn .logo{}
#topWrap .topOn .gnbWrap>ul>li>a{color:#000000;}

#topWrap .topOn .extraLink>a{ color:#000000;0}
#topWrap .topOn .extraLink>a.mall::before {background:#000000; content:'';}

#topWrap .topOn .lang{}
#topWrap .topOn .lang a{}
#topWrap .topOn .lang a::after{background:#292929;}
#topWrap .topOn .lang .other a{color:#292929;}
#topWrap .topOn .lang .other a:hover{color:#4d4d4d;}



.topBg{width:100%; height:80px; background:#fff; position:absolute; top:-80px; left:0; z-index:10;}



.center{width:1200px; margin:0 auto;}
.hide{display:none;}

#footWrap{width:100%; float:left; background:#e5e5e5; padding-top:50px; padding-bottom:50px; font-size:1rem;}

.foot{width:100%; position:relative; float:left; padding:20px 0; text-align:left;}
.foot .fSubWrap{width:100%; text-align:center;}
.foot .fSubWrap .center{position:relative;}
.foot .fSubWrap .address{padding:10px 0; border-top:1px dotted #999999; color:#303030; font-size:0.9rem; line-height:1.2rem; font-weight:400;}
.foot .fSubWrap .address:first-child{border-top:none;}
.foot .fSubWrap .address span{font-weight:600; display:inline-block; padding-right:20px; position:relative; padding-left:10px;}
.foot .fSubWrap .address span::after{display:inline-block; content:''; width:1px; height:12px; position:absolute; right:10px; top:50%; margin-top:-6px; background:#666;}
.foot .fSubWrap .copyright{color:#6b6b6b; font-size:0.85rem; font-weight:400; line-height:1.2rem; padding-top:10px;}



.foot .fSns{position:absolute; top:0px; right:0; padding:0; text-align:right; padding-bottom:50px;}
.foot .fSns a{display:inline-block; line-height:65px; font-size:12px; color:#303339; margin-left:30px; float:right;}


#wrap{width:100%; height:100%; }



.pcVer{display:inline-block;}
.moVer{display:none;}




@media screen and (max-width:1000px){
	
	.pcVer{display:none;}
    .moVer{display:inline-block;}
	.moVer img{max-width:850px;}

}