@charset "utf-8";
/* CSS Document */


/* MOBILE MENU*/


/* mobile Menu */
#topWrap .mobileMenu{display:inline-block; position:absolute; top:15px; right:0; z-index:200; width:45px; height:45px; border:1px solid #2e8884; background:none; border-radius:5px; display:none;}
#topWrap .mobileMenu .mBtn{width:100%; height:100%; text-align:center; color:#2e8884; font-size:40px; line-height:40px; font-weight:200; cursor:pointer; position:relative;}
#topWrap .mobileMenu .mBtnShow{display:inline-block; position:relative;}
#topWrap .mobileMenu .mBtnShow::before{content:''; width:70%; height:2px; background:#2e8884; position:absolute; top:30%; left:15%; transform:rotate(0deg); transform-origin:center center; }
#topWrap .mobileMenu .mBtnShow::after{content:''; width:70%; height:2px; background:#2e8884; position:absolute; bottom:30%; left:15%; transform:rotate(0deg); transform-origin:center center;}

#topWrap .mobileMenu .mBtnShow:hover::before{top:50%; transform:rotate(90deg); transform-origin:center center;  }
#topWrap .mobileMenu .mBtnShow:hover::after{transform:rotate(0deg); transform-origin:center center; top:50%;}


#topWrap .mobileMenu .mBtnClose::before{ top:50%; left:10%; transform:rotate(45deg); transform-origin:center center; }
#topWrap .mobileMenu .mBtnClose::after{top:50%; left:10%; transform:rotate(-45deg); transform-origin:center center; }

#topWrap .mobileMenu .mBtnClose:hover::before{ top:50%; left:10%; transform:rotate(45deg); transform-origin:center center; }
#topWrap .mobileMenu .mBtnClose:hover::after{top:50%; left:10%; transform:rotate(-45deg); transform-origin:center center; }

#topWrap .mobileMenu .mBtnShow::before{-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.3s;
		-moz-transition:0.3s;
		-webkit-transition:0.3s;
		box-sizing:border-box;}
		
#topWrap .mobileMenu .mBtnShow::after{-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.3s;
		-moz-transition:0.3s;
		-webkit-transition:0.3s;
		box-sizing:border-box;
		
		}




.moSubWrap{width:100%; height:100%; background:rgba(255,255,255,.8); float:left; position:fixed; padding-top:80px; display:none; top:0; left:0; z-index:30;}
.moSubWrap .moNavBox{width:50%; height:100%; background:#ffffff; position:absolute; right:0;}


.moSubWrap .moNavBox{-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.3s;
		-moz-transition:0.3s;
		-webkit-transition:0.3s;
		box-sizing:border-box;}



.moSubTop{width:100%; padding:10px; border-bottom:1px solid #333333; background:#f1f1f1; float:left; display:none;}
.moSubTop .lang{width:100%; float:left;}
.moSubTop .lang a{display:inline-block; padding:5px 10px; font-size:18px; color:#292929; position:relative; float:left;}
.moSubTop .lang a.on{color:#0c6c9c;}
.moSubTop .lang a.on::after{display:inline-block; width:1px; height:12px; background:#666666; content:''; position:absolute; top:10px; right:1px;}
.moSubTop .lang a.ir{border-radius:10px; background:#0c6c9c; color:#ffffff;}


.moSubNav .mGnbNav{width:100%; position:relative; padding:5px 2%;}
.moSubNav .mGnbNav .mGnb{width:100%; position:relative; z-index:1; overflow:hidden; box-sizing:border-box; text-align:left;}
.moSubNav .mGnbNav .mGnb a{display:inline-block; width:100%; color:#010101; font-size:1.2rem; font-weight:600; line-height:40px; cursor:pointer;}
.moSubNav .mGnbNav .mGnb a.pcGnb{display:none;}
.moSubNav .mGnbNav .mGnb a.moGnb{display:inline-block;}
.moSubNav .selected .mGnb a{color:#2e8884;}


.moSubNav .mGnbNav .mGnbSub{width:100%; position:relative; z-index:2; overflow:hidden; box-sizing:border-box; padding:10px 0; text-align:left; display:none;}
.moSubNav .mGnbNav .mGnbSub li{width:100%; padding:12px 5%; text-align:left; position:relative; background:#f3f3f3;}
.moSubNav .mGnbNav .mGnbSub li a{color:#010101; font-size:1rem; line-height:1rem;}
.moSubNav .mGnbNav .mGnbSub li a:hover{color:#2e8884;}
.moSubNav .mGnbNav .mGnbSub li.on a{color:#2e8884;}
.moSubNav .mGnbNav .mGnbSub li:first-child:before{content:''; width:100%; height:2px; background:#2e8884; position:absolute; left:0; top:-2px;}

.moSubNav .noSub .mGnbSub{display:none;}


/* LAYOUT */


#topWrap .moSubWrapOn{display:none;}
.moSubWrap .moNavBoxOn{right:0;}

@media screen and (max-width:1400px){
	
	#topWrap .mobileMenu{display:inline-block;}
	#topWrap .moSubWrapOn{display:block;}
	
	#topWrap .top .lang{display:none;}
	#topWrap .top .gnbWrap{display:none;}
	.subGnbOn{display:none;}
	
}


@media screen and (max-width:1200px){
	
	.center{width:90%;}
	.moSubWrap .moNavBox{width:45%;}

	
}

@media screen and (max-width:1000px){
	
	
	
}


@media screen and (max-width:850px){
	
	.moSubWrap .moNavBox{width:80%;}	

	
}


@media screen and (max-width:640px){
	
	.moSubWrap .moNavBox{width:100%;}
	#topWrap .mobileMenu{top:10px; width:40px; height:40px;}
	
	
	.center{width:96%;}	
	.topBg {height:60px;}
	
	#topWrap{height:60px; }
    #topWrap .top{width:96%; height:60px; padding:10px 0; }
    #topWrap .top .logo{height:40px; top:0px;}
	
	#topWrap .mobileMenu{top:10px; margin-top:0;}
	.moSubWrap{padding-top:60px;}
	
	
	.foot .fSubWrap .address .moBr{display:block;}
	.foot .fSubWrap{text-align:left;}

	
}


@media screen and (max-width:480px){



}