@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");

.blind{position:absolute; top:-99999px; text-indent:-9999px; font-size:0 !important;}

header{position:fixed; top:0; z-index:1000; padding:0; width:100%; background:#fff; border-top:2px solid #464646; transition:all 0.2s ease-out;}
header .gnb_wrap{width:1200px; margin:0 auto; }
header .hide{top:-120px;}
header .logo{position:absolute; top:23px; width:224px; height:54px; background:url("/reeltech/theme/reel/img/logo.png") no-repeat 0 0;}
header nav{margin-left:350px;}
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; padding:35px 30px; color:#333; font-size:1.3em; font-weight:700;}
header nav .oneDep .gnb_1dli:hover > a.gnb_1da{color:#004ea2;}
header nav .twoDep{display:none; opacity:0; position:absolute; top:0; width:100%;}
header nav .twoDep a{display:block; padding:8px 0; text-align:center; font-size:1.1em; letter-spacing:-1px; color:#555; font-weight:300;}
header nav .twoDep ul li:first-child{padding-top:20px;}
header nav .twoDep a.on{color:#004ea2; font-weight:700;}
header nav .twoDep a:hover{color:#004ea2; font-weight:700;}
header nav:after{display:block; content:""; clear:both;}

header .rUtils{display:block; margin-top:-60px; float:right;}
header .rUtils .allMenuBtn{display:inline-block; position:relative; float:left; width:26px; height:20px;}
header .rUtils .allMenuBtn span{display:inline-block; position:absolute; background:#333;}
header .rUtils .allMenuBtn span:nth-child(2){top:0; right:0; width:26px; height:2px; }
header .rUtils .allMenuBtn span:nth-child(3){top:9px; right:0; width:18px; height:2px;}
header .rUtils .allMenuBtn span:nth-child(4){top:18px; right:0; width:26px; height:2px;}
header .rUtils:after{display:block; content:""; clear:both;}

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

header nav > #gnb_1dul > li:hover > ul,
header nav > #gnb_1dul > li:focus ,
header nav > #gnb_1dul > li:focus-within  { display: block;     outline: 3px solid #aaa;}
/*
#gnb_1dul>.bar{
    width:110px;
    height:3px;
    background-color:coral;
    position:absolute;
    top:94px;
    transition:0.5s;
	margin:0 auto;
	margin-left:-1000px;
}
#gnb_1dul>li.gnb_1dli:first-child:hover~.bar{margin-left:5px;}
#gnb_1dul>li.gnb_1dli:nth-child(2):hover~.bar{margin-left:130px;}
#gnb_1dul>li.gnb_1dli:nth-child(3):hover~.bar{margin-left:253px;}
#gnb_1dul>li.gnb_1dli:nth-child(4):hover~.bar{margin-left:373px;}
#gnb_1dul>li.gnb_1dli:nth-child(5):hover~.bar{margin-left:497px;}
#gnb_1dul>li.gnb_1dli:nth-child(6):hover~.bar{margin-left:620px;}
#gnb_1dul>li.gnb_1dli:nth-child(7):hover~.bar{margin-left:742px;}
*/


.gnb_lang , .gnb_mem {float:left;}
.gnb_mem a {color:#fff;}
header nav .oneDep .gnb_1da_mam {display:block; padding:40px 4px; color:#333; 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:1001;}
#allMenu .allMenu_top {display:block; position:relative; margin:50px auto;width:1180px; height:50px; }
#allMenu .allMenuLogo {float:left; width:263px; height:50px; /*background:url("/theme/sh/img/logo.png") no-repeat 0 0*/}
#allMenu .allMenulogin {float:right; right:0;}
#allMenu .allMenulogin a {display:inline-block; padding:10px;color:#fff;}
#allMenu .lang {display:none;}
#allMenu .allMenuXbtn {position:absolute; top:50px; right:50px; width:30px; height:30px; background:url("/reeltech/theme/reel/img/allmenu_xbtn.png") no-repeat 0 0}
#allMenu .allinner {position:relative;left:50%; width:1180px; height:auto; padding:100px 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.2em; color:#fff; font-weight:700; letter-spacing:-1px;}
#allMenu .navigation .oneD .twoD {margin-top:20px;}
#allMenu .navigation .oneD .twoD > a {display:block; line-height:30px; 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('/reeltech/theme/reel/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 {padding:0 20px;}
header .gnb_wrap {width:100%;}
header nav {display:none;}
header .rUtils {display:block; margin-top:35px;}
header.bgType{height:85px;}

#allMenu .allinner {position:relative;left:50%; width:95%; padding:20px 0 0 0; }
#allMenu .navigation .oneD {width:33%; float:left; margin:30px 0 10px; text-align:Center; height:160px;}
#allMenu .navigation .oneD > a {font-size:0.8em;}
#allMenu .navigation .oneD .twoD {margin-top:10px;}
#allMenu .navigation .oneD .twoD > a { line-height:15px; font-size:0.8em;}



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

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

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

#allMenu .allMenu_top {position:relative;width:95%;}
#allMenu .allMenuLogo {float:none; }
#allMenu .allMenulogin {float:none; left:0; display:block;}


}