@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean");
/*@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:700&display=swap&subset=korean');*/

.skip{position:fixed; top:-10000px; z-index:100; padding:20px 0; width:100%; height:50px; text-align:center; color:#000; background:#ccc;}
.skip:focus{top:0;}
.inner{position:relative; margin:0 auto; width:80%;}
.inner:after{content:""; display:block; clear:both;}
.blind{position:absolute; top:-99999px; text-indent:-9999px; font-size:0 !important;}
.clear:after{display:block; content:""; clear:both;}
.abbr{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:1.3}
.taL{text-align:left !important;}
.taR{text-align:right !important;}
.taC{text-align:center !important;}
.onlyWeb{display:block;}
.onlyMob{display:none;}
.onlyPhone{display:none;}
.imgAddTxt {display:block; margin-top:35px; font-size:16px; line-height:26px; color:#888888; text-align:right; font-weight:300;}
.overF {overflow:hidden}

header{position:relative; top:0; z-index:10; width:100%; display:inline-block; transition:all 0.2s ease-out;}
header .hide{top:0;}
header .gnb_wrap{width:1200px; margin:0 auto;}
 
header nav{width:100%; }
header nav > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} 
header nav .oneDep .gnb_1dli{position:relative; float:left;}	  
header nav .oneDep .gnb_1da {display:block; line-height:70px; padding:0 100px 0 5px; color:#333; font-size:1.3em; font-weight:400;}
header nav .oneDep .gnb_1dli > a.on{border-bottom:2px solid #00529c;}
header nav .oneDep .gnb_1dli:hover > a.gnb_1da{border-bottom:2px solid #00529c; color:#00529c;}
header nav .twoDep{display:none; opacity:0; position:absolute; top:0; width:100%; height:183px; }
header nav .twoDep a{display:block; padding:5px 0 5px 10px; text-align:left; font-size:0.9em; color:#555; font-weight:300;}
header nav .twoDep ul li:first-child{padding-top:20px;}
header nav .twoDep a.on{color:#00529c; font-weight:700;}
header nav .twoDep a:hover{color:#00529c; font-weight:700;}
header nav .oneDep .gnb_1dli:hover > .gnb_2dul {background:#f9f9f9;}
header nav:after{display:block; content:""; clear:both;}

header.bgType{border-bottom:1px solid #ddd; background:#fff;}
header.bgType .logo{background:url("/jn/theme/mice/img/logo.png") no-repeat;}
header.bgType nav .oneDep .gnb_1da {color:#333;}
header.bgType .rUtils .language .sw span{color:#333; /*background:url("/common/images/headerLang_arrowDown_black.png") no-repeat right center;*/}
header.bgType .rUtils .allMenuBtn span{background:#000;}
header.hover{border-bottom:1px solid #ddd; background:#fff;}
header.hover .logo{background:url("/jn/theme/mice/img/logo.png") left 28px  no-repeat;}
header.hover nav .oneDep .gnb_1da {color:#333;}
header.hover .rUtils .language .sw span{color:#333; /*background:url("/common/images/headerLang_arrowDown_black.png") no-repeat right center;*/}
header.hover .rUtils .allMenuBtn span{background:#000;}
.headerBg{position:fixed; top:0; z-index:9; width:100%; height:0; box-shadow:11px 0px 24px 6px rgba(0,0,0,0.1); background:#fff;}


.gnb_mem {float:left;}
.gnb_mem a {color:#fff;}
header nav .oneDep .gnb_1da_mam {display:block; padding:55px 20px 48px; color:#fff; font-size:13px; font-weight:700;}
header.hover nav .oneDep .gnb_1da_mam {color:#333;}
header.bgType nav .oneDep .gnb_1da_mam {color:#333;}


#allMenu {position:fixed; top:0; left:100%; width:100%; height:100%; overflow-y:auto; overflow-x:hidden; background:rgba(0, 0, 0, 0.9); backface-visibility:hidden; z-index:11;}
#allMenu .allMenuLogo {position:absolute; top:46px; left:70px; width:207px; height:25px; background:url("/jn/theme/mice/img/logo.png") no-repeat 0 0}
#allMenu .lang {display:none;}
#allMenu .allMenuXbtn {position:absolute; top:50px; right:50px; width:30px; height:30px; background:url("/jn/theme/mice/img/allmenu_xbtn.png") no-repeat 0 0}
#allMenu .allinner {position:relative;left:50%; width:1200px; height:auto; padding:170px 0 85px 0; transform:translate(-50%,0); }
#allMenu .navigation {overflow:hidden;}
#allMenu .navigation .oneD {width:20%; float:left; text-align:Center;}
#allMenu .navigation .oneD > a {position:relative; font-size:1.3em; color:#fff; font-weight:700}
#allMenu .navigation .oneD .twoD {margin-top:20px;}
#allMenu .navigation .oneD .twoD > a {display:block; font-size:1.1em; line-height:50px; color:#fff; font-weight:300}
#allMenu .navigation .oneD .twoD .thrD {margin:15px 0; padding-left:16px; border-left:1px solid #3375b0 }
#allMenu .navigation .oneD .twoD .thrD > a {display:block; margin-top:20px; font-size:18px; line-height:1; color:#fff; opacity:0.6; font-weight:300}
#allMenu .navigation .oneD .twoD .thrD > a:first-child {margin-top:0;}

.subBg{background:#ccc; height:300px; /*background:url('/www/theme/nr/img/sub_bg.png') top center no-repeat;*/}
.sVisualArea{position:relative;width:100%; overflow:hidden; }
.sVisualArea .inner{height:100%;}
.sVisualArea .title{font-size:5em; color:#fff; font-weight:700; margin-top:180px;letter-spacing:-3px; opacity:0;}
.sVisualArea .title span{position:relative; opacity:0;}

@media screen and (max-width:1200px) {
header .gnb_wrap{width:95%; margin:0 auto;}

#allMenu .allinner {position:relative;left:50%; width:80%;  }
#allMenu .navigation .oneD {width:50%; float:left; margin:50px 0 30px;}
#allMenu .navigation .oneD .twoD {margin-top:10px;}
#allMenu .navigation .oneD .twoD > a { line-height:30px; }

.sVisualArea .title{font-size:3em;
}

@media screen and (max-width:960px) {
header .logo{height:70px; }
header .rUtils{ margin-top:20px;}

#allMenu .navigation .oneD > a {font-size:20px;}
#allMenu .navigation .oneD .twoD .thrD > a {font-size:12px;}
}