@charset "UTF-8";
/*-------------------------------------------------
last date : 2019. 04. 18.
-------------------------------------------------*/
* { box-sizing: border-box;}
body {font-size: 16px; font-family: NotoR, "맑은 고딕", Malgun Gothic, "돋움", Dotum, "굴림", Gulim, Tahoma, Verdana, AppleGothic, UnDotum, sans-serif;}
#wrap {min-width: 1300px;}
#banner_zone{height:auto;}

#gnavigation{clear:both;position:relative;width:100%;}
#gnavigation > li > a:focus + .depth2,#gnavigation .depth2.active{display:block!important;opacity:1;visibility:visible;}
#gnavigation li:hover a{text-decoration:none;}
#gnavigation>li{position:relative;float:left;}
#gnavigation>li .depth2{box-shadow:1px 2px 10px rgba(0,0,0,.1);opacity:0;visibility:hidden;position:absolute;top:63px;left:50%;width:200px;margin-left:-95px;background:#fff;border:1px solid #dee2ea;box-sizing:border-box;line-height:1.3;letter-spacing:-.05em;font-size: 0.867em; font-family:"맑은 고딕", Malgun Gothic;overflow:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;}
#gnavigation>li .depth2 a{display:block;min-height:50px;color:#313131;line-height:1.1;position:relative;box-sizing:border-box;padding:17px 20px;}
#gnavigation>li .depth2 a::after{content:"";width:7px;height:7px;position:absolute;top:20px;right:12px;transform:rotate(45deg);-webkit-transform:rotate(45deg);border-color:#333;border-style:solid;border-width:1px 1px 0 0;}
#gnavigation>li .depth2 a:hover,#gnavigation>li .depth2 a:focus{color:#517cd4;}
#gnavigation>li .depth2 a:hover::after{border-color:#517cd4;}
#gnavigation>li .depth2>li{border-top:1px solid #dee2ea;}
#gnavigation>li .depth2>li:first-child{margin-top:0;border-top:0;}
#gnavigation>li:hover .depth2{opacity:1;visibility:visible;}
#gnavigation>li>a{position:relative;display:block;text-align:center;line-height:1.2;font-size:22px;font-family:Square;font-weight:700;padding:8px 31px 28px;}
#gnavigation>li>a.active:after,#gnavigation>li:hover>a:after{opacity:1;-webkit-transform:translateX(-50%) scale(1) rotate(180deg);transform:translateX(-50%) scale(1) rotate(180deg);}
#gnavigation>li>a[href^="http"]{padding-right:14px;background:url(../../images/common/icon/icon_newlayer.gif) no-repeat right 5px;}

#openBtn{width:55px;height:44px;margin-top:2px; color: transparent;  background:url(../../images/ghk/layout/i_search.gif) center center no-repeat; overflow:hidden;}
#searchBtn{width:55px;height:44px; margin-top:2px;color: transparent; background:url(../../images/ghk/layout/i_search.gif) center center no-repeat;overflow:hidden;}
#closeBtn{position:absolute;top: 10px; right: 15px; width: 30px; height: 30px; color:#737477;font-size: 25px; z-index:20;}

.all_nav{position:relative;width:1260px;height:0;background:url(../../images/kps/layout/allmenu_bg.png) no-repeat right bottom;overflow:hidden;transition:height .4s;margin:auto;}
.all_nav .depth2{margin-top:31px;font-size:.933em;}
.all_nav .depth2 a{display:block;color:#313131;line-height:inherit;box-sizing:border-box;padding:3px 6px;}
.all_nav .depth2 a:hover{background:#fc6719;color:#fff;text-decoration:none;}
.all_nav .depth2>li{margin-top:7px;}
.all_nav a{color:#313131;}
.all_nav>li{float:left;position:relative;width:20%;height:100%;box-sizing:border-box;overflow:hidden;padding:0 20px;}
.all_nav>li:before,.all_nav>li:last-child:after{position:absolute;top:0;left:0;width:1px;height:100%;background:#ddd;content:'';}
.all_nav>li:hover{background:#fdfdfd;transition:all .3s ease;-webkit-transition:all .3s ease;}
.all_nav>li:last-child:after{left:inherit;right:0;}
.all_nav>li>a{display:block;line-height:1;font:normal 1.333em NotoM;margin:43px 0 0 5px;}
.allmenu{width:55px;height:45px;color:transparent;overflow:hidden; padding: 5px 10px;}
.allmenu span.bar1,.all_nav .depth2>li:first-child{margin-top:0;}
.allmenu span.bar2{width:75%;position:relative;}
.allmenu span.bar2::after{content:"";display:block;width:6px;height:3px;background-color:#f15f3a;position:absolute;left:0;top:0;border-right:4px solid #fff;-webkit-transition:all .3s ease;transition:all .3s ease;}
.allmenu span[class*="bar"]{display:block;width:100%;height:3px;margin-top:7px;background:#605957;border-radius:1px;transition:all 600ms cubic-bezier(0.68,-0.55,0.265,1.55);-webkit-transition:all 600ms cubic-bezier(0.68,-0.55,0.265,1.55);transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);backface-visibility:hidden;-webkit-backface-visibility:hidden;-o-backface-visibility:hidden;}
.allmenu:hover .bar1,.allmenu:hover .bar3{width:75%;}
.allmenu:hover .bar2{width:40%;}
.allmenu:hover .bar2::after{width:100%;left:100%;border-right:0;border-left:4px solid #fff;}
.allmenu_close{visibility:hidden;width:1260px;height:54px;text-align:right;opacity:0;transition:opacity 0 ease .4s;margin:-54px auto 0;}
.allmenu_close button{float:right;display:block;width:54px;height:54px;background:#434555;text-indent:100%;overflow:hidden;}
.allmenu_close span.horizon{top:26px;left:12px;width:30px;height:2px;}
.allmenu_close span.vertical{top:12px;left:26px;width:2px;height:30px;}
.allmenu_layer{position:absolute;top:141px;left:0;width:100%;height:0;z-index:90;transition:height .4s;display:none;}
.allmenu_layer.active .allmenu_close{visibility:visible;opacity:1;}
.allmenu_layer.active,.allmenu_layer.active .all_nav{height:465px;}
.allmenu_layer.active:before{border-bottom:2px solid #434555;}
.allmenu_layer:before{position:absolute;left:-5000%;top:0;width:9999%;height:100%;background:#fff;content:'';}
.fixTitle{display:none;position:absolute;top:73px;left:238px;width:460px;color:#313131;font:normal 1.333em NotoM;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;z-index:95;}
.gnavigation-until-wrap{float:right;}
.header_wrap .search{float:right;width:55px;height:44px;font-size:30px;text-align:center;margin-top:5px;}
.header_wrap nav{float:left;margin:3px 2px 0 0;}
.header_wrap nav a{color:#333;}
.logo{float:left;height:40px;margin-top:5px;}
.logo a > span{border:0;clip:rect(0000);height:1px;overflow:hidden;position:absolute;width:1px;margin:-1px;padding:0;}
.logo a:first-child{display:inline-block;width:135px;height:100%;text-indent:-9999px;background:url(/resources/images/ghk/layout/logo.png) no-repeat 0 0;}
.logo img{vertical-align:middle;}
.logo span{display:inline-block;margin-top:-1px;color:#313131;letter-spacing:-.08em;font:normal 1.067em NotoM;vertical-align:middle;}
.searchLayer{position:relative;}
.searchLayer #searchForm{position:absolute!important;top:0;right:0;background:#fff;width:622px;z-index:10;height:50px;border:1px solid #e3e6e8;}
.searchLayer #searchFormSub{position:absolute!important;top:0;right:0;background:#fff;width:1000px;z-index:10;height:50px;border:1px solid #e3e6e8;}
.searchLayer #searchKeyword{border:none;width: 90%;height: 100%;box-sizing:border-box;padding:10px 15px; vertical-align: top;}
.sns_link{background:url(/resources/images/ghk/layout/icon_sns2.gif) no-repeat 0 0!important;width:72px;margin-left:100px;}

#aside {	position: absolute;	top: 150px;	right: 0;	}
.snb_title {background:url(/resources/images/ghk/layout/snb_bg.gif) no-repeat 0 0;}	
#snavigation > li.on{background-color:#00a1a6;}
#snavigation .depth3 li.on > a {color:#517cd4; font-weight: 700;}
#snavigation .depth3 > li.on::before{background-color: #517cd4;}
#snavigation .depth4 > li, #snavigation .depth4 > li.on {background: none;}
#snavigation .depth4 > li {padding-left: 10px;}
#snavigation .depth4 > li.on > a {font-weight: 200; text-decoration: underline;}
#snavigation .depth4 > li::before {width: 5px; height: 1px;}