@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{max-width:1920px;  border:0px 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:0px !important; width:100%; height:120px; 
	box-sizing:border-box;
	z-index:300;}

.top1{width:100%; position:relative; height:120px; border:0px solid red;}


#logo { width:275px; height:120px;  font-size:0; text-indent:-9999px; border:0px solid red;}
#logo a {display:block; width:100%; height:100%;background:url(/images/main25/logo.png); background-size:cover; }

#pcGnb { width:1350px; float:left; text-align:center; padding-left:0px; }
#pcGnb > ul > li {float:left;  display:inline-block; vertical-align:top; text-align:center; position:relative; border:0px solid red;}
#pcGnb > ul > li > a {display:block; font-size:1.3em; color:#000; font-weight:400; line-height:120px; letter-spacing:-0.08em; position:relative; 
	padding:0 55px;}
#pcGnb > ul > li > ul {display:none; width:100%; background:#7d544b; border-top-left-radius:25px;
border-bottom-right-radius:25px; 
	overflow:hidden;}
#pcGnb > ul > li > ul > li > a {display:block; width:100%; font-size:1em; 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:sandybrown !important;}

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

.sitemap{position:absolute;text-align:center;  right:0px; top:0px; width:120px; height:120px; background:#ffff;}
.sitemap img{padding-top:45px;}
.memmenu{position:absolute;   margin:0 auto; text-align:right; right:140px; top:40px; z-index:301; }
.memmenu ul {float:right; width:auto; border:0px solid #ccc; border-radius:25px; padding:7px;}
.memmenu ul li:first-child{bordeR-right:0px solid #ccc; }
.memmenu ul li{display:inline-block; float:left; padding:0px 20px;} 
/*.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{
	
	border-radius:0px;
	border:0px solid #999;
	display:inline-block;
	cursor:pointer;
	color:#000;
	line-heigth:20px;
	font-size:17px;
	text-decoration:none;

}
.topButton1{
	
	border-radius:0px;
	border:0px solid #999;
	display:inline-block;
	cursor:pointer;
	color:#000;
		font-size:17px;
		line-heigth:20px;
	text-decoration:none;

}
.topButton2{
	
	border-radius:0px;
	border:0px solid #999;
	display:inline-block;
	cursor:pointer;
	color:#000;
	font-size:16px;
	line-height:40px;
  margin-right:25px;
	text-decoration:none;

}

.menuToggle {display:none; float:right; width:26px; height:19px; position:relative; margin: 32px 2% 0px 15px; 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:1300px){	
	#logo {left:2%;}
	#pcGnb {text-align:right;}
	#pcGnb {display:none;}
	.menuToggle {float:right; display:block !important; margin: 32px 2% 0px 15px;}
	#header{top:0px; height:80px;}
	.content{margin-top:0px; border:px solid red;  position:relative !important;  }
	.top{width:100% !important;}
	.top1{height:80px;}
	.sitemap{display:none;}
	.memmenu{ display:none;}
	.topButton{padding:7px;}
	.topButton1{padding:7px 10px;}
	.topButton2{padding:7px 10px;}
	.logo{display:block; position:absolute; top:-3px; left:0px;}
}

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



/* Footer */

#footerWrap1{width:100%;
max-width:1300px; margin:0 auto;
 overflow:hidden; background:#;   padding:40px 50px; box-size:border-box; border-top:1px solid rgba(0,0,0,0.2)}
#footerWrap1 .footer{width:100%; margin:0 auto;  overflow:hidden; }
#footerWrap1 .logo1{width:30%; float:left;  }
#footerWrap1 .copy{float:left; width:70%;  text-align:left; margin-top:25px; font-size:16px; }
#footerWrap1 .copy span{padding:0px 15px;}
#footerWrap1 .copymenu{float:right; width:100%; text-align:center;}
.pr35{padding-right:35px;}


.mobileshow{display: none;}

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


}



@media screen and (max-width:1024px){
#footerWrap1{padding:20px; margin-top:0px;}
#footerWrap1 .logo1{width:100%;text-align:center;}
#footerWrap1 .copy{float:left; text-align: center; width:100%; font-size:15px;}
#footerWrap1 .copymenu{float:left; width:100%; text-align:center; margin-top:20px;}
#footerWrap1 .copy span{padding:0px 0px;}

.mobileshow{display:block;}
}




.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;
	margin:0% 0.5%;
	
}
.myButton:hover {
	background-color:#222222;
	color:#fff;
}
.myButton:active {
	position:relative;
	top:1px;
}

     
@media screen and (max-width:989px){
.myButton {padding:7px; font-size:13px; margin:0.5%;}
}

.font-roboto{font-family: 'Roboto Condensed', sans-serif;}
.font-roboto *{font-family: 'Roboto Condensed', sans-serif;}
.font-mont{font-family: 'Montserrat', sans-serif;}