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

header{position:fixed; top:0; z-index:10; padding:0 ; width:100%; background:#fff; transition:all 0.2s ease-out;}
header .hide{top:0;}
header .hd_wrap {position:relative; width:1200px; margin:0 auto;}
header .logo{display:block; width:312px; height:90px; background:url("/theme/kdg/img/logo.png") no-repeat 0 center;}
header .gnb_wrap{width:100%; border:1px solid #e8e8e8; border-left:0; border-right:0;}
header nav {width:1200px; margin:0 auto;}
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:20px 51px; color:#333; font-size:1.2em; letter-spacing:-1px;}
header nav .oneDep .gnb_1dli:first-child {background:none;}
header nav .oneDep .gnb_1dli:hover > a.gnb_1da{color:coral;}
header nav .twoDep{display:none; opacity:0; position:absolute; top:60px; width:100%;}
header nav .twoDep a{display:block; padding:8px 0; text-align:center; font-size:1.1em; letter-spacing:-1px; color:#555; }
header nav .twoDep ul li:first-child{padding-top:20px;}
header nav .twoDep a.on{color:coral; font-weight:700;}
header nav .twoDep a:hover{color:coral; font-weight:700;}
header nav:after{display:block; content:""; clear:both;}

header .rUtils{display:block; margin-top:-45px; 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{background:#fff;}
header.bgType .logo{background:url("/theme/kdg/img/logo.png") no-repeat 0 center;}
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{ background:#fff;}
header.hover .logo{background:url("/theme/kdg/img/logo.png") no-repeat 0 center;}
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:90px; z-index:9; width:100%; height:0; /*box-shadow:11px 0px 24px 6px rgba(0,0,0,0.1);*/  border-bottom:1px solid #e8e8e8; 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_mem {float:left;}
.gnb_mem a {color:#fff;}
header nav .oneDep .gnb_1da_mam {display:block; padding:39px 20px; 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 .allMenu_top {display:block; position:relative; margin:50px auto;width:1180px; height:50px; }
#allMenu .allMenuLogo {float:left; width:157px; height:62px; background:url("/theme/kdg/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("/theme/kdg/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.5em; color:#fff; font-weight:700; letter-spacing:-1px;}
#allMenu .navigation .oneD ul {margin-top:15px;}
#allMenu .navigation .oneD .twoD {margin:5px 0;}
#allMenu .navigation .oneD .twoD > a {display:block; color:#fff; padding:10px 0;}
#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:1.3em; line-height:1; color:#fff; opacity:0.6; font-weight:300}
#allMenu .navigation .oneD .twoD .thrD > a:first-child {margin-top:0;}

.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:1199px) {
header {padding:0 20px;}
header .gnb_wrap {width:100%;}
header nav , header .tnb {display:none;}
header .logo{top:10px;}
header .rUtils {display:block; margin-top:25px;}
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:200px;}
#allMenu .navigation .oneD > a {}
#allMenu .navigation .oneD .twoD {margin-top:10px;}
#allMenu .navigation .oneD .twoD > a { line-height:15px;}



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

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

#allMenu .navigation .oneD > a {font-size:1em;}
#allMenu .navigation .oneD .twoD .thrD > a {font-size:1em;}

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

@media screen and (max-width:500px) {
header .logo{top:15px; width:260px; height:50px; background-size:contain;}
header.bgType .logo{background-size:contain;}
#allMenu .allMenu_top {margin-top:35px; width:90%;}
#allMenu .allMenuLogo {width:260px; height:50px; background-size:contain;}

}