@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:100px; 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:45px; width:100%; height:100px; box-sizing:border-box;  z-index:15;}

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

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

/*#pcGnb {width:1350px; margin:0 auto; text-align:center; padding-left:0px; position:relative; }*/
#pcGnb {width:1280px; margin:0 auto; text-align:center; padding-left:0px; position:relative; }
#pcGnb > ul {  }
#pcGnb > ul > li { position:relative;display:inline-block; vertical-align:top; text-align:center;}
#pcGnb > ul > li:first-child{margin-right:2%; width:280px; float:left; }
#pcGnb > ul > li > a {display:block; font-size:1.2em; color:#000; font-weight:500; line-height:100px;
	letter-spacing:-0.08em; position:relative; padding:0 47px;}
#pcGnb > ul > li > ul {display:none; width:100%; background:#5c2710; overflow:hidden; border:0px solid #793415;
 box-shadow: 9px 12px 15px rgba(0,0,0,0.12);
}
#pcGnb > ul > li > ul > li > a {display:block; width:100%; font-size:1em; color:#fff; padding:12px 0; letter-spacing:-0.08em;
 border-bottom:1px solid #8c4b2d;}
#pcGnb > ul > li > ul > li > a:hover{color:#e8b59e !important;}
#pcGnb > ul > li > ul > li:last-child{border-bottom:0px solid rgba(255,255,255,0);}
#pcGnb > ul > li a:hover { color:#793415 !important; font-weight:600;}



.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:#fff;
	border-radius:0px;
	border-left:1px solid #cccccc;
	display:inline-block;
	cursor:pointer;
	color:#000;
	font-size:14px;
	padding:12px 20px;
	text-decoration:none;

}
.topButton1{
	background-color:#fff;
	border-radius:0px;
	border-left:1px solid #cccccc;
	display:inline-block;
	cursor:pointer;
	color:#000;

	font-size:14px;
	padding:12px 25px;
	text-decoration:none;

}
.topButton2{
	background-color:#333333;
	border-radius:0px;
	border:0px solid #999;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-size:14px;
	padding:12px 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;}
	.top{border-bottom:none;}
	.menuToggle {float:right; display:block !important;  margin:42px 2% 0px 25px;}
	#header{top:0px;}
	.content{margin-top:50px; border:0px 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:40px;}
	#header {height:80px; }
	.menuToggle {float:right; display:block !important;  margin:32px 2% 0px 15px;}
	#logo {top:-7px; width:260px; height:80px;}
  .content{margin-top:40px; border:0px solid red;  position:relative !important;  }
}




/* Footer */

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

#footerWrap1 .copy1{float:left; width:100%;  text-align:center; margin-top:10px; font-size:14px; }
#footerWrap1 .copy1 span{color:#000; font-weight:500;}


.mobileshow{display: none;}

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

}



@media screen and (max-width:989px){
#footerWrap1{padding:20px; margin-top:0px; overflow:hidden;}
#footerWrap1 .copy{float:left; width:100%;}
#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;
	
}
.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;}
}




/* **************************************** *
 * window
 * **************************************** */

.allmenu{z-index:55555; position:absolute; 
	/*top:38px; right:15px; height:90px; width:100px; line-height:90px; border-left:0px solid rgba(255,255,255,0.2); }*/
	top:38px; right:0px; height:90px; width:100px; line-height:90px; border-left:0px solid rgba(255,255,255,0.2); }



.window {
    display: none;
	box-sizing:border-box; padding:50px 30px 30px 30px; background:#fff;
	border-color:#ddd #aaa #888 #ddd; 
	box-shadow:2px 5px 17px rgba(0, 0, 0, 0.7);  width:90% ;max-width:860px;
	
	}



.window .sm div {display:none;}
.window li {width:100%; overflow:hidden;  border-bottom:1px solid #ddd; padding:11px 15px; box-sizing:border-box;}
.window li  br {display:none;}
.window li:last-child {border-bottom:none;}

.window li  a{float:left; width:200px; font-size:20px; line-height:61px;  color:#fff;  
background:#e02b31;
padding:10px 20px; 
box-sizing:border-box; font-weight:600; text-align:center; }

.window .sub_menu  { overflow:hidden; width:100%; }
	.window .sub_menu li{overflow:hidden; box-sizing:border-box;  float:left; border:none !important;  width: auto !important; padding:12px 7px !important;}
	.window .sub_menu li a{display:block; font-size:17px;  width:auto !important; padding:0px 2px !important; 
	line-height:61px; font-weight:300; color:#333;  width: auto !important; background:#fff; border:none;}

.window .sm {overflow:hidden;float:right; width:540px; box-sizing:border-box; padding: 0px 10px ;}

.window .btn_close {position:absolute; top:30px; right:30px; overflow:hidden; box-sizing:border-box; }


.window .btn_close {top:25px; right:30px;   font-size:27px; line-height:30px; transform:scale(1,0.7);  font-weight:300;}



.allmenubg .btn_close {top:30px; right:30px; position:absolute; background:rgba(0,0,0,0.3); border-radius:50%;display:inline-block;
 text-align:center; font-weight:300; width:50px; height:50px; }
.allmenubg .btn_close a {color:#fff; font-size:16px;   line-height:50px;  transform:scale(1,0.6); text-decoration:none;}

.allmenubg {background:#08182c;    height:auto !impotrant;
margin:0px !important; top:50%; transform:translate(-50%,-50%); left:50%;
	box-sizing:border-box;  border-top-right-radius:30px;  border-bottom-left-radius:30px; 
	border-color:#ddd #aaa #888 #ddd;  width:1200px; padding:100px 50px 110px 50px; 
	box-shadow:2px 5px 17px rgba(0, 0, 0, 0.4); display: none; }

.allmenubg .dept01 {display:none;}
.allmenubg  >  ul >  li{ border-top:1px solid rgba(250,250,250,0.1); overflow:hidden;
 padding:20px 20px 20px 20px; box-sizing:border-box;}
.allmenubg  >  ul >  li:first-child {border-top:none;}

.allmenubg  >  ul >  li  > .sm {overflow:hidden; position:relative;}
.allmenubg  .sm div{position:absolute; font-weight:500; font-family:'Noto Sans Korean',sans-serif;
top:5px; left:0px; font-size:1.5rem; line-height:25px;  color:#fff;}

.allmenubg     .sub_menu {float:right; width:76%; padding:10px 0px; overflow:hidden;}
.allmenubg     .sub_menu  li {display:inline-block; }
.allmenubg     .sub_menu  li  a {font-size:17px; padding:0px 8px;line-height:22px; color:rgba(255,255,255,0.8);}



.allmenubg1 .btn_close {top:30px; right:30px; position:absolute; background:rgba(0,0,0,0.3); border-radius:50%;display:inline-block;
 text-align:center; font-weight:300; width:50px; height:50px;}
.allmenubg1 .btn_close a {color:#fff; font-size:16px;   line-height:50px;  transform:scale(1,0.6); text-decoration:none;}

.allmenubg1 {background:#fff;    height:auto !impotrant;
margin:0px !important; top:50%; transform:translate(-50%,-50%); left:50%;
	box-sizing:border-box;  border-radius:30px; 
	border-color:#ddd #aaa #888 #ddd;  width:900px;padding:110px 50px 130px 50px; 
	box-shadow:2px 5px 17px rgba(0, 0, 0, 0.4); display: none;}

.allmenubg1 .dept01 {display:none;}
.allmenubg1  >  ul >  li{ border-top:1px solid rgba(0,0,0,0.1); overflow:hidden; padding:30px 30px 30px 30px; box-sizing:border-box;}
.allmenubg1  >  ul >  li:first-child {border-top:none;}

.allmenubg1  >  ul >  li  > .sm {overflow:hidden; position:relative;}
.allmenubg1  .sm div{position:absolute; font-family:'PHCB', sans-serif;
top:5px; left:0px; font-size:26px; line-height:25px; color:#fff;}

.allmenubg1    .sub_menu {float:right; width:76%; padding:10px 0px; overflow:hidden;}
.allmenubg1     .sub_menu  li {display:inline-block; }
.allmenubg1     .sub_menu  li  a {font-size:17px; padding:0px 8px;line-height:22px; color:rgba(255,255,255,0.6);}




/*웹*/
	@media (min-width: 1024px) {


	 	}





	/*패드와 모바일*/
@media (max-width:1023px)  {



.allmenubg {width:90%; max-height:90vh; overflow-y: scroll !important; }
.allmenubg  >  ul >  li{ border-top:1px solid rgba(0,0,0,0.1); overflow:hidden; padding:11px 20px 10px 20px; box-sizing:border-box;}

.allmenubg  >  ul >  li  > .sm {overflow:hidden; position:relative; padding-top:30px;}
.allmenubg  .sm div{
top:5px; left:20; font-size:16px; line-height:23px;}

.allmenubg     .sub_menu { width:100%; }
.allmenubg     .sub_menu  li  a {font-size:12px; padding:0px 3px;}
}


#top_btn {border-radius:30px; position: fixed; bottom: 30px; right: 30px; width: 60px; height: 60px;  line-height: 56px; border: 0; background: #cc0000; color: #FFF; text-align: center; font-size:1em; z-index: 99999999999999999999; }
#top_btn:hover{background-color:#cc0000;}


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

#top_btn{width:40px; height:40px;  bottom:15px; right:15px;  line-height:40px;}
}