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

/* main color : #31357b;
   sub Color : #272a60;
   sub2 color : #ebea43;
*/

/* LAYOUT */
#tmArea{width:100%; height:360px; background:rgba(0,0,0,0.8); z-index:50; position:fixed; top:0; left:0; display:none;}
.tmAreaOn{display:block !important; height:360px !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:160px; border-bottom:none; position:fixed; top:0; left:0; z-index:100; font-size:18px; background:#ffffff; border-bottom:1px solid #31357b;}
#topWrap .topArea{width:100%;}
#topWrap .topArea02{width:100%; background:#31357b;}

#topWrap .top{width:90%; margin:0 auto; max-width:1400px; height:80px; position:relative; padding:10px 0; z-index:120; display:flex; flex-wrap:wrap; justify-content:space-between; align-items: center;}
#topWrap .top .logo{width:190px; height:60px; 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 .d-day{display:none;}
#topWrap .top .d-day span{padding:5px 20px; border-radius: 20px; border:#31357b;}
#topWrap .top .d-day span.dDay{font-weight: bold; font-size:1.2rem; color:#31357b;}
#topWrap .top .topLink{padding:5px 20px;}
#topWrap .top .topLink a{display:inline-block; padding:5px 20px; font-size:0.9rem;}
#topWrap .top .topLink a.kgs{border-radius: 20px; background:#272a60; color:#ffffff;}

#topWrap .top .gnbWrap{width:100%; position:relative; z-index:200; text-align:center; box-sizing:border-box; text-align:center; display:flex; justify-content:space-between;}
#topWrap .top .gnbWrap .mGnbNav{width:auto; height:60px; position:relative; padding:0px;}
#topWrap .top .gnbWrap .mGnbNavWide{}
#topWrap .top .gnbWrap .mGnbNavWide02{}
#topWrap .top .gnbWrap .mGnbNav .mGnb{width:100%; height:100%; position:relative; z-index:1; box-sizing:border-box; padding:0; text-align:center;}
#topWrap .top .gnbWrap .mGnbNav .mGnb a{display:inline-block; width:100%; color:#ffffff; font-size:1rem; height:60px; line-height:40px; position:relative; padding:10px 20;}
#topWrap .top .gnbWrap .mGnbNav .mGnb a.mGnbNavWide{line-height: 20px;}
#topWrap .top .gnbWrap .mGnbNav .mGnb a.mGnbNavWide02{line-height: 40px;}
#topWrap .top .gnbWrap .mGnbNav .mGnb a.mGnbNavWide03{line-height: 17px;}
#topWrap .top .gnbWrap .mGnbNav .mGnb a::before{display:inline-block; width:1px; content: ''; height:3px; background:#ebea43; position:absolute; left:50%; bottom:-10px; transform:translateX(-50%);opacity:0;}
#topWrap .top .gnbWrap .mGnbNav .mGnb a:hover::before{width:100%; opacity: 1;}
#topWrap .top .gnbWrap .selected .mGnb a::before{width:100%; opacity: 1;}

#topWrap .top .gnbWrap .mGnbNav .mGnb a::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.5s;
		-moz-transition:0.5s;
		-webkit-transition:0.5s;	
}


#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:0.9rem; line-height:1rem;}
#topWrap .top .gnbWrap .mGnbNav .mGnbSub li a:hover{color:#ebea43;}
#topWrap .top .gnbWrap .mGnbNav .mGnbSub li.on a{color:#ebea43;}
/*#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 .topScroll .logo{}
#topWrap .topScroll .gnbWrap>ul>li>a{color:#000000;}



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


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

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






#footWrap{width:100%; float:left; background:#272a60; 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%; display:flex;justify-content: space-between;}
.foot .fSubWrap .fLogo{width:20%;max-width:200px;}
.foot .fSubWrap .fLogo img{width:80%; max-width:190px;}
.foot .fSubWrap .addressWrap{padding:0 10px; width:70%;}
.foot .fSubWrap .snsWrap{padding:0 10px;}

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



.foot .fSns{display:flex; text-align: right; display:none;}
.foot .fSns a{display:inline-block; font-size:12px; color:#303339; margin:0 5px;}
.foot .fSns a img{width:40px;}


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



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


/* Go Top */

.goTopButton{width:40px; height:50px; position:fixed; bottom:10%; left:50%; margin-left:700px; cursor:pointer; opacity:0; z-index:200; overflow:hidden;}
.goTopButton .goTopBarWrap{width:100%; height:100%; position:relative; display:inline-block; position:relative; display:inline-block; background:#31357b; border:1px solid #ffffff; box-sizing:border-box; border-radius:20px; overflow:hidden;}
.goTopButton .goTopBarWrap .goTopBarBox{width:100%; height:100%; position:relative; overflow:hidden;}


.goTopButton .goTopBarWrap .goTopBarBox::before{width:15px; height:15px; content:''; display:inline-block; position:absolute; top:0%; /*left:50%;*/
                                             border-left:1px solid #ebea43; border-bottom:1px solid #ffffff; transform:rotate(135deg) translate(-50%,-50%);}
.goTopButton .goTopBarWrap .goTopBarBox::after{width:15px; height:15px; content:''; display:inline-block; position:absolute; top:50%; /*left:50%;*/
                                             border-left:1px solid #ebea43; border-bottom:1px solid #ffffff; transform:rotate(135deg) translate(-50%,-50%);}
											 
.goTopButton .goTopBarWrap:hover{border:1px solid #ffffff; background:#272a60;}
.goTopButton .goTopBarWrap:hover::before{background:#ffffff; }
.goTopButton .goTopBarWrap:hover .goTopBarBox::before{border-left:1px solid #ffffff; border-bottom:1px solid #ffffff;}
.goTopButton .goTopBarWrap:hover .goTopBarBox::after{border-left:1px solid #ffffff; border-bottom:1px solid #ffffff;}




.goTopButton .goTopBarWrap .goTopBarBox::before{
         animation-name:goTopBtn01;
		 animation-duration:2s;
		 animation-timing-function:linear;
		 animation-delay:0s;
		 animation-iteration-count:infinite;
		 

}


.goTopButton .goTopBarWrap .goTopBarBox::after{
         animation-name:goTopBtn02;
		 animation-duration:2s;
		 animation-timing-function:linear;
		 animation-delay:1.5s;
		 animation-iteration-count:infinite;
}



@keyframes goTopBtn01{

   from{
	   top:40px;
	   opacity:0;
	   }
   to{
	  top:-40px; 
	  opacity:1;
	   }	
	
}



@keyframes goTopBtn02{

   from{
	   top:40px;
	   opacity:0;
	   }
   to{
	  top:-40px; 
	  opacity:1;
	   }	
	
}

@media screen and (max-width:1200px){
	
	.goTopButton{left:auto; right:20px; margin-left:0;}
}



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

}

@media screen and (max-width:850px){
	
	.foot .fSubWrap{flex-wrap:wrap;}
	.foot .fSubWrap .fLogo{width:100%;}
	
	.foot .fSubWrap .addressWrap{padding:10px; width:100%;}
    .foot .fSubWrap .snsWrap{padding:0 10px; width:100%;}

}