@charset "utf-8";


/* mobile gnb ani */
@-webkit-keyframes fade {
  0% { opacity: 0;}
  100% { opacity: 1;}
}
@keyframes fade {
  0% { opacity: 0;}
  100% { opacity: 1;}
}


/* layout */
html.no-scroll {left:0; top:0;}
#wrap{	position:relative;	 width:100%; }
.inner {	width:1300px;	position:relative;	margin-left:auto;	margin-right:auto;}
.s-inner {	width:1300px;	position:relative;	margin-left:auto;	margin-right:auto;}
.s-inner1 {	width:1200px;	position:relative;	margin-left:auto;	margin-right:auto;}

.content{margin-top:138px; border:px solid red;  position:relative !important;  }

/* Ÿ��� ���� */
@media all and (max-width:1399px) {
.inner {width:100%;}
.s-inner {width:100%;}
.s-inner1 {width:100%;}
}

@media all and (max-width:976px) {
	#wrap { font-size: 15px; }
}

/* Ÿ��� ���� �̸� ~ ����� */
@media all and (max-width:767px) {
	#wrap { font-size: 14px; }
}

@media screen and (max-width:480px) {
	#wrap { font-size: 13px; }
}


/* header */
#header {position:absolute; left:0; top:40px; width:100%; height:100px; box-sizing:border-box; border-bottom:1px solid rgba(0,0,0,0.3); z-index:300;}

.top{width:100%; border-bottom:1px solid #ccc;}

#logo { width:166px; height:80px; background:url(../images/logo.png); background-size:cover; font-size:0; text-indent:-9999px;}
#logo a {display:block; width:100%; height:100%;}

#pcGnb {width:1250px; margin:0 auto; text-align:center; padding-left:0px; }
#pcGnb > ul > li {display:inline-block; vertical-align:top; text-align:center; position:relative; border:0px solid red;}
#pcGnb > ul > li > a {display:block; font-size:1.15em; color:#000; font-weight:500; line-height:100px; letter-spacing:-0.08em; position:relative; padding:0 55px;}
#pcGnb > ul > li > ul {display:none; width:100%; background:#016394; overflow:hidden;}
#pcGnb > ul > li > ul > li > a {display:block; width:100%; font-size:0.9em; color:rgba(255,255,255,0.9); padding:12px 0; border-bottom:1px solid rgba(255,255,255,0.1)}
#pcGnb > ul > li > ul > li > a:hover{color:#93f6fc !important;}

#pcGnb > ul > li a:hover {color:#036d9d !important;}


.memmenu{position:relative; width:1250px; margin:0 auto; text-align:right;}
.memmenu ul {float:right; width:auto;}
.memmenu ul li{display:inline-block; float:left;} 
/*.memButton {
	background-color:#858585;
	border-radius:0px;
	border:1px solid #999;
	display:inline-block;
	cursor:pointer;
	color:#fff;

	font-size:14px;
	padding:10px 20px;
	text-decoration:none;
	
}
.memButton1 {
	background-color:#333;
	border-radius:0px;
	border:1px solid #999;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	floaT:left;
	font-size:14px;
	padding:10px 20px;
	text-decoration:none;
	
	
}*/
.topButton{
	background-color:#858585;
	border-radius:0px;
	border:0px solid #999;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-size:14px;
	padding:10px 20px;
	text-decoration:none;

}
.topButton1{
	background-color:#333;
	border-radius:0px;
	border:0px solid #999;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-size:14px;
	padding:10px 20px;
	text-decoration:none;

}
.topButton2{
	background-color:#025b88;
	border-radius:0px;
	border:0px solid #999;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-size:14px;
	padding:10px 20px;
	text-decoration:none;

}

.menuToggle {display:none; float:right; width:26px; height:19px; position:relative; margin:21px 5% 0 0; cursor:pointer;}
.menuToggle span {display:block; width:100%; height:2px; background:#000; position:absolute; left:0; transition:all 0.5s}
.menuToggle span.t {top:0;}
.menuToggle span.m {top:50%; margin-top:-1px;}
.menuToggle span.b {bottom:0;}


#moGnb {display:none; position:fixed; top:80px; left:0; width:100%; height:100%; background:rgba(22,29,44,0.9); overflow-y:scroll; padding-bottom:100px; -ms-overflow-style:none;}
#moGnb > ul > li > a {display:block; width:100%; font-size:1.05em; color:#fff; line-height:48px; border-bottom:1px solid rgba(255,255,255,0.2); box-sizing:border-box; padding:0 2%; position:relative;}
#moGnb > ul > li > a:after {content:''; display:block; width:11px; height:1px; background:#fff; position:absolute; right:10px; top:50%; margin-top:-1px;}
#moGnb > ul > li > a:before {content:''; display:block; width:1px; height:11px; background:#fff; position:absolute; right:15px; top:50%; margin-top:-6px; transition:all 0.5s;}
#moGnb > ul > li > ul {display:none;}
#moGnb > ul > li > ul > li > a {display:block; width:100%; font-size:1em; color:#fff; line-height:45px; border-bottom:1px solid rgba(255,255,255,0.1); background:#1a263f; box-sizing:border-box; padding:0 2%;}

#moGnb > ul > li > a.active:before {transform:rotate(90deg)}

#moGnb .mem1{width:100%; padding:15px; box-sizing:border-box; }
.memButton2 {	background-color:#021436;
	border-radius:0px;
	border:0px solid #999;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-size:14px;
	padding:10px 20px;
	text-decoration:none;

}
.memButton3 {	background-color:#021436;
	border-radius:0px;
	border:0px solid #999;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-size:14px;
	padding:10px 20px;
	text-decoration:none;

}


#header.mo_on {background:#fff; border-bottom:1px solid rgba(0,0,0,0.1)}
#header.mo_on #logo {background-image:url(/kor/nimg/logo.png)}

#header.mo_on .menuToggle span {background:#222;}
#header.mo_on .menuToggle span.t {transform:translateY(8.5px) rotate(45deg)}
#header.mo_on .menuToggle span.m {width:0;}
#header.mo_on .menuToggle span.b {transform:translateY(-8.5px) rotate(-45deg)}

#header.mo_on #moGnb {display:block;}
.logo{display:none;}
@media screen and (max-width:1289px){
	
	#logo {left:2%;}

	#pcGnb {text-align:right;}
	#pcGnb {display:none;}
	.menuToggle {float:right; display:block !important;  margin:42px 2% 0px 25px;}
	#header{top:0px;}
	.content{margin-top:100px; border:px solid red;  position:relative !important;  }
	.top{width:100% !important;}
	.memmenu{width:100%; display:none;}
	.topButton{padding:7px;}
	.topButton1{padding:7px 10px;}
	.topButton2{padding:7px 10px;}
	.logo{display:block; position:absolute; top:5px; left:10px;}
}

@media screen and (max-width:1024px){
	#content{margin-top:80px;}
	#header {height:80px; }
	.menuToggle {float:right; display:block !important;  margin:32px 2% 0px 15px;}
	#logo {top:-7px; width:260px; height:80px;}
  .content{margin-top:80px; border:0px solid red;  position:relative !important;  }
}



/* Footer */

#footerWrap1{width:100%; overflow:hidden; background:#fff;  margin-top:35px;padding:40px; box-size:border-box; border-top:1px solid rgba(0,0,0,0.2)}
#footerWrap1 .footer{width:1250px; margin:0 auto; }
#footerWrap1 .copy{float:left; width:50%;}
#footerWrap1 .copymenu{float:right; width:40%; text-align:right;}
.pr35{padding-right:35px;}

@media screen and (max-width:1249px){
#footerWrap1 .footer{width:100%; margin:0 auto; }


}



@media screen and (max-width:989px){
#footerWrap1{padding:20px; margin-top:45px;}
#footerWrap1 .copy{float:left; width:100%;}
#footerWrap1 .copymenu{float:left; width:100%; text-align:left; margin-top:20px;}
}


.myButton {
	background-color:#fff;
	border-radius:5px;
	border:1px solid #999;
	display:inline-block;
	cursor:pointer;
	color:#000;

	font-size:14px;
	padding:10px 20px;
	text-decoration:none;
	
}
.myButton:hover {
	background-color:#222222;
	color:#fff;
}
.myButton:active {
	position:relative;
	top:1px;
}

     
@media screen and (max-width:989px){
.myButton {padding:5px; font-size:12px;}
}