@charset "utf-8";


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

@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Belleza&display=swap');


/* layout */
html.no-scroll {position:fixed; left:0; top:0;}
.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;}

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

@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:0; width:100%; height:90px; 
background:rgba(0,0,0,0.18);

box-sizing:border-box; border-bottom:0px solid rgba(255,255,255,0.3); z-index:300;}

#logo {position:absolute; left:40px; top:30px; height:32px; width:173px; background:url(/n_img/logo.png) no-repeat center center; background-size:cover; font-size:0; text-indent:-9999px;}
#logo a {display:block; width:100%; height:100%;}

#pcGnb {width:100%; text-align:center;}
#pcGnb > ul{float:right; margin-right:320px;}
#pcGnb > ul > li {display:inline-block; vertical-align:top; text-align:center; position:relative; }
#pcGnb > ul > li > a {display:block; font-size:1.3em; color:#fff; line-height:90px; letter-spacing:-0.04em; position:relative; padding:0 45px; font-family: 'Crimson Text', serif;}
#pcGnb > ul > li > ul {display:none; width:100%;background:rgba(151,95,48,0.3) !important; overflow:hidden;}
#pcGnb > ul > li > ul > li > a {display:block; width:100%; font-size:0.85em; color:rgba(255,255,255,0.9); padding:12px 0; border-bottom:0px solid rgba(255,255,255,0.1);}
#pcGnb > ul > li > ul > li:last-child > a {border-bottom:0;}

#pcGnb > ul > li:hover { background:rgba(0,0,0,0.6);}

.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:#fff; 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;}


.membermenu{z-index:55555;font-size:0.9em;text-align:center;  color:rgba(250,250,250,0.3);  position:absolute; top:0px; right:140px; height:90px; width:220px; line-height:90px; border:0px solid rgba(255,255,255,0.2); }
.membermenu a{color:#000;}
.membermenu span{padding-right:15px;}
.englang {display:inline-block; color:red !important; font-weight:500;}

.membermenu1{z-index:55555;font-size:0.9em;  color:rgba(250,250,250,0.3);  position:absolute; top:28px; right:0px; height:30px; width:150px; line-height:30px; border-left:0px solid rgba(255,255,255,0.2); }




#moGnb {display:none; position:fixed; top:60px; left:0; width:100%; height:100%; background:#c79c67; 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:#b98a50; box-sizing:border-box; padding:0 2%;}

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


#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;}


.member_m{border:0px solid red; padding:10px; }
.member_m ul li{display:inline-block; margin:1%; width:47%; border:1px solid rgba(250,250,250,0.5);  text-align:center;}
.member_m ul li a{ color:#fff; padding:10px; display:block;}
.member_m ul li a:hover{background:#af8046; }

@media screen and (max-width:1199px){
	#logo {left:2%;}

	#pcGnb {text-align:right;}
}

@media screen and (max-width:1024px){
	#header {height:60px; background:rgba(0,0,0,0.4); }

	#logo {top:15px; left:20px;width:163px; height:30px;}

	#pcGnb {display:none;}

	.menuToggle {display:block !important;}
	.membermenu1{display:none;}
	.membermenu1_1{ position:relative;  border:0px solid red; height:55px;}
}


/* quick */
#Quick {position:fixed; top:220px; right:0; width:90px; border-radius:45px; background:#1e1c1a; text-align:center; z-index:30; padding:25px 0 15px;}
#Quick li:after {content:''; display:block; width:90%; height:1px; margin:15px auto; background:rgba(255,255,255,0.1)}
#Quick li p {font-size:0.85em; color:rgba(255,255,255,0.6); font-weight:bold;}
#Quick .go_top {display:inline-block; width:50px; line-height:50px; border-radius:50%; background:#caa56b; text-align:center; font-size:0.9em; color:#fff; font-weight:bold; cursor:pointer;}

@media screen and (max-width:1599px){
	#Quick {display:none;}
}


/* footer */
#footer {background:#161d2c; text-align:center; padding:65px 2%; box-sizing:border-box;}
.footerTop {margin:20px 0;}
.footerTop li {display:inline-block;}
.footerTop li:before {content:''; display:inline-block; width:1px; height:14px; background:rgba(255,255,255,0.1); vertical-align:middle; margin:0 15px;}
.footerTop li:first-child:before {display:none;}
.footerTop li a {font-size:0.95em; color:rgba(255,255,255,0.3);}
.footerInfo li {display:inline-block; margin:0 5px; font-size:0.95em; color:rgba(255,255,255,0.2)}
.footerInfo li.copy {font-size:0.9em; font-weight:500; font-family:'Roboto';}

@media screen and (max-width:767px){
	#footer {padding:6% 2%}
	#f_logo {height:28px;}
	#f_logo img {height:100%}
	.footerTop {margin:3% 0}
}





/* Footer */
#footerWrap{width:100%; overflow:hidden; background:#fff;  border-top:1px solid rgba(0,0,0,0.1); }
#footerWrap .copymenu{ 	position:relative;	border:0px solid red;
width:1400px; margin: 0 auto;  height:55px; line-height:55px; text-align:center;}
.pr35{padding-right:35px;}
.snslink{right:0px; top:0px; z-index:5; position:absolute; }

.copyinfo{ border-top:1px solid rgba(0,0,0,0.1); background:#f7f7f7; text-align:center;
padding:50px 0px; line-height:28px; color:#666666; font-size:0.9em; font-weight:600;}
.copyinfott{font-weight:400; color:rgba(0,0,0,0.7); padding-left:3px;  font-size:0.9em;}
.mobileshow{display:none;}

@media all and (max-width:1200px){
#footerWrap{width:100%; overflow:hidden; background:#fff; padding:0px;}
#footerWrap .copymenu{width:100%;}
}


@media all and (max-width:750px){

.mobileshow{display:block;}

	/* Footer */
.copy1{width:100%;  margin:0 auto; }
#footerWrap{width:100%; overflow:hidden; background:#fff; padding:0px;}
#footerWrap #copyrightWrap .copyInner>*{}
#footerWrap .copyInner .f_logo{margin-right:25px}
#footerWrap .copyInner .copymenu{margin-top:0px;   border-bottom:1px solid #4b515e; padding:10px 0px 10px;}
#footerWrap .copyInner .copymenu li{color:#fff; font-size:13px;}
#footerWrap .copyInner .copymenu span{display:inline-block; margin-right:30px; color:#fff;}

#footerWrap .copyInner .copy{margin-top:15px; width:100%; border:0px solid #4b515e;  background:url(/images/common/copy_logo1.png)no-repeat right;}
#footerWrap .copyInner .copy li{color:#949495; font-size:13px;line-height:20px; }
#footerWrap .copyInner .copy span{display:inline-block; margin-right:20px; color:#666666;}
.copyright{color:#fff !important; padding-top:15px;}

.copyinfo{line-height:23px; font-size:0.9em; padding:30px 0px;}
.pr35{padding-right:20px;}
.snslink{display:none;}

}




/* Footer */
.copy1{width:1200px;  margin:0 auto; }
#footerWrap1{width:100%; overflow:hidden; background:#fff; padding:40px 0 40px;}
#footerWrap1 #copyrightWrap .copyInner>*{}
#footerWrap1 .copyInner .f_logo{margin-right:25px}
#footerWrap1 .copyInner .copymenu{margin-top:5px;   border-bottom:1px solid #999999; padding:15px 0px 15px;}
#footerWrap1 .copyInner .copymenu li{color:#999; font-size:15px;}
#footerWrap1 .copyInner .copymenu span{display:inline-block; margin-right:30px; color:#fff;}

#footerWrap1 .copyInner .copy{margin-top:15px; width:1200px; border:0px solid #4b515e;  background:url(/images/common/copy_logo.png)no-repeat right;}
#footerWrap1 .copyInner .copy li{color:#949495; font-size:14px;line-height:25px; }
#footerWrap1 .copyInner .copy span{display:inline-block; margin-right:20px; color:#666666;}
.copyright{color:#fff !important; padding-top:25px;}

@media all and (max-width:1200px){

#footerWrap1{width:100%; overflow:hidden; background:#151c2d; padding:10px 10px 10px 10px;}

}


@media all and (max-width:750px){
	/* Footer */
.copy1{width:100%;  margin:0 auto; }
#footerWrap1{width:100%; overflow:hidden; background:#151c2d; padding:10px 10px 10px 10px;}
#footerWrap1 #copyrightWrap .copyInner>*{}
#footerWrap1 .copyInner .f_logo{margin-right:25px}
#footerWrap1 .copyInner .copymenu{margin-top:0px;   border-bottom:1px solid #4b515e; padding:10px 0px 10px;}
#footerWrap1 .copyInner .copymenu li{color:#fff; font-size:13px;}
#footerWrap1 .copyInner .copymenu span{display:inline-block; margin-right:30px; color:#fff;}

#footerWrap1 .copyInner .copy{margin-top:15px; width:100%; border:0px solid #4b515e;  background:url(/images/common/copy_logo1.png)no-repeat right;}
#footerWrap1 .copyInner .copy li{color:#949495; font-size:13px;line-height:20px; }
#footerWrap1 .copyInner .copy span{display:inline-block; margin-right:20px; color:#666666;}
.copyright{color:#fff !important; padding-top:15px;}
}








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




.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:#fff;    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:900px; padding:110px 50px 130px 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:30px 30px 30px 30px; 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;  padding:110px 20px 20px 20px; }
.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;}
}