
/* Common */
body {
    color: #000;
    padding: 0px;
    margin: 0px;
    -webkit-text-size-adjust: none;
}

/* 헤더 메뉴 */
.cs-container { position:relative; padding:0px; margin:0px auto; }
.cs-box { position:relative; padding:0px; margin:0px auto; }

/* Head */
#cs-head {

}

#cs-head.on { border:none;background:#fff;border-bottom:1px solid #ddd;}
#cs-head.on .header-gnb .gnb_menu > li > a { color:#000; }
#cs-head.on .header-gnb .gnb_menu > li > a:hover { color:#053676; }
#cs-head.on .nav_top {border-bottom:1px solid #eee;}
#cs-head.on .allmenu_trigger span{background-color: #000;}
#cs-head.on #cs-header .header-logo a{background: url(../img/logo_on.png) center center no-repeat;}
#cs-head.on #cs-header .header-logo a img{display: none;}




/* LNB */

#cs-header { position:relative; display:block;  padding:15px 0px 0px;border:0px solid #333 }
#cs-header .header-wrap, #cs-header .header-box, #cs-header .header { position:relative;  }
#cs-header .header-logo { position:relative; z-index:5; display:inline-block; padding:3px 20px 5px 40px; text-align: center  }
#cs-header .header-logo a { color:#000; text-decoration:none; }
#cs-header .header-logo a:hover { color:#000; }
#cs-header .header-logo img {}
#cs-header .header-desc {display:block; font-size:11px; letter-spacing:-1px; color:#333; margin:4px 0px 15px 30px; text-align:left;}

#cs-header .header-search {  position:relative; z-index:5; display:inline-block; padding:0px; border:5px solid #ff6600;width:500px;height:52px; margin-top:10px; margin-left:50px; border-radius:10px;}
#cs-header .header-search form { display:inline; padding:0px; margin:0px; }
#cs-header .header-search input[type="text"] { width:400px; height: 42px; color:#000; padding-left:15px; border:none; font-size:16px; font-weight:500;margin-left:10px;}
#cs-header .header-search input:focus {outline: none}
#cs-header .header-search button[type="submit"] { position:absolute;right:0px;width:60px; height: 43px; border: none; border-left:1px solid #ff3300; border-top-right-radius-:5px; border-bottom-right-radius-:5px;color:#fff; font-weight:bold; font-size:16px; background-color:#ff6600; cursor: pointer; }
#cs-header .header-search button i { display:none; }

#cs-header .header-banner {}
#cs-header .header-bg { display:none;  }
#cs-header .header-bg-full { position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:1; }

#cs-lnb { position:relative; display:block; background: rgb(247, 247, 247); border-bottom:1px solid #dfdfdf; margin:0px 0px 0px 0px;height:40px }
#cs-lnb ul { list-style:none; padding:0px; margin:0px; }
#cs-lnb ul li { float:left; display:inline-block; min-width:30px;text-align:center; padding:0px; }
#cs-lnb ul li:first-child { border-left:0px solid #ddd; }
#cs-lnb ul li a { display:inline-block; font-size: 14px; padding: 5px 14px 5px 14px; display: block; color: #555; line-height:22px}
#cs-lnb ul li a:hover { color:#000; }
#cs-lnb .lnb-wrap, #cs-lnb .lnb-box, #cs-lnb .lnb { position:relative; overflow:hidden; z-index:5;  }
#cs-lnb .lnb-left { float:left; }
#cs-lnb .lnb-left li a {margin-top:3px; margin-right:5px;padding: 5px 25px 5px 25px; font-size:14px; border: 1px solid #dfdfdf; background:#fff; border-radius:15px}
#cs-lnb .lnb-right li a {margin-top:5px; margin-right:5px;padding: 5px 10px 5px 10px; font-size:12px;}
#cs-lnb .lnb-right { float:right; }
#cs-lnb .lnb-bg { display:none; }
#cs-lnb .lnb-bg-full { background-color:#fff; position:absolute; top:0px; left:0px;  height:100%; z-index:1; }


/* Menu */
#cs-menu { position:relative; display:block;border:1px solid #ff6600; background:url('../img/gnm/bg_gnm.png');}
#cs-menu .menu-wrap, #cs-menu .menu-box { position:relative; height:50px; z-index:5; }
#cs-menu .menu { position:relative; left:0; top:0; z-index:5; margin:0px; padding:0px; /*border:0px solid #ff6600; background:url('/images/gnm/bg_gnm.png');*/height:50px;}
#cs-menu .menu ul { margin: 0px; padding: 0px; list-style-type: none; }
#cs-menu .menu ul li { float: left; display: inline; position: relative; height:50px; border-right: 0px solid #24242a; font-weight:bold; z-index:100; padding:0px;margin:0px;width:calc(100% / 6); }

#cs-menu .menu ul span.dv { background:#40a1ff url('../img/gnm/bg_gnm_dv.png') no-repeat 0px 0px; width:1px; display:inline-block;position:absolute;top:8px;right:0px;height:12px;}

#cs-menu .menu ul li:hover { background-color:#ff6600;}
/*
#cs-menu .menu ul li:first-child a {padding:0px 18px 0 17px;margin-top:15px}
*/
#cs-menu .menu ul li a {position:relative; margin-top:8px;font-size:16px; letter-spacing: -0.5px; font-weight:500; color:#fff; text-shadow:2px 2px 2px rgba(255,54,0,1); padding:0px 30px 0px 46px; text-decoration:none; display:block; overflow:hidden; text-align:center }
#cs-menu .menu ul li a:hover  {color:#ffff00 !important;}
#cs-menu .menu ul li a > span.subtext {text-align:center;font-size:9px;text-shadow:none;font-weight:300;color:#fed59f;display:block;margin:-2px;padding:0px;letter-spacing:0px}
#cs-menu .menu ul li a > span.icon {display:inline-block;margin:0px;padding:0px;left:25px;position:absolute;}
*html #cs-menu .menu ul li a { display: inline-block; }



#cs-menu .menu-sub { position:relative; left:0; top:1px; z-index:5; margin:0px; padding:0px; border:1px solid #dfdfdf; border-top:none; height:40px; background:#fafafa}
#cs-menu .menu-sub ul { margin: 0px; padding: 0px; list-style-type: none; }
#cs-menu .menu-sub ul li { float: left; display: inline; position: relative; height:40px; border-right: 0px solid #24242a; z-index:100; padding:0px;margin:0px }

#cs-menu .menu-sub ul li  span.dv { background:#fafafa url('/images/gnm/bg_gray_dv.png') no-repeat 0px 14px; width:1px;height:38px;display:block }

#cs-menu .menu-sub ul li:hover { }

#cs-menu .menu-sub ul li a {position:relative; font-size:14px; color:#555; line-height:40px; padding:0px 20px; text-decoration:none; display:block; overflow:hidden; text-align:center }
#cs-menu .menu-sub ul li a:hover  {color:#ff5500 !important;}

*html #cs-menu .menu-sub ul li a { display: inline-block; }





#cs-menu .menu a.on { background:#2f4d98; color:#fff; border:1px solid #23418d; border-bottom:none}
#cs-menu .menu span.new { background: url('./img/new_icon.png') no-repeat center right; padding-right:15px; }
#cs-menu .menu span.old { }
#cs-menu .menu span.old:hover { }
#cs-menu .menu .downarrowclass, #cs-menu .menu .rightarrowclass { display: none; }
#cs-menu .menu-bg { display:none; }
#cs-menu .menu-bg-full { background:#fff; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:1; }


#cs-menu .top-search { float:right; position:relative; z-index:5; display:inline-block; padding-top:6px; }
#cs-menu .top-search form { display:inline; padding:0px; margin:0px; }
#cs-menu .top-search button[type="submit"] { width:50px; height: 28px; border:1px solid #000; color:#fff; background-color:#333; cursor: pointer; border-radius:5px; }
#cs-menu .top-search button i { display:none; }
#cs-menu .top-search input[type="text"] { display: inline-block; width:180px;height: 25px; padding: 3px 6px; font-size: 12px; color: #555555; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; vertical-align: middle; height: 20px; *margin-top: 4px; border: 1px solid #cccccc; background-color: #ffffff; }
#cs-menu .top-search input[type="text"]{ background-color: #ffffff; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear .2s, box-shadow linear .2s;  -moz-transition: border linear .2s, box-shadow linear .2s;  -o-transition: border linear .2s, box-shadow linear .2s;  transition: border linear .2s, box-shadow linear .2s; }
#cs-menu .top-search input[type="text"]:focus{ border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); }
#cs-menu .top-search a.submit {display: inline-block; *display: inline; *zoom: 1; padding: 2px 8px; height:20px; margin: 0; text-align: center; vertical-align: middle; cursor: pointer; color: #fff; border:1px solid #000;background-color: #111; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:14px}
#cs-menu .top-search a.submit:hover {background:#e71818;border:1px solid #b01515;color:#fff}


/* Content */
#cs-body { position:relative; display:block;}
#cs-body .body-wrap { padding:15px 0px 15px 0px; }
#cs-body .body-box-right,
#cs-body .content-box-right { padding:0px; margin:0px; overflow:hidden; }
#cs-body .body-box-left,
#cs-body .content-box-left { padding:0px; margin:0px; overflow:hidden; margin-right:20px;}
#cs-body .body-box,
#cs-body .content-box {  padding:0px; margin-left:0px; overflow:hidden; }
#cs-body .body-left { padding:0px; margin:0px; margin-right:15px; }
#cs-body .body-content { padding:0px; margin:0px; }
#cs-body .body-right { padding:0px; margin:0px; margin-left:15px; }
#cs-body .content-left { padding:0px; margin:0px; margin-right:25px; }
#cs-body .content-center { padding:0px; margin:0px; }
#cs-body .content-right { padding:0px; margin:0px; margin-left:15px; }


/* Foot */
#cs-tail { border-bottom:0px; }

/* Map */
#cs-map { position:relative; display:block;  border-top:1px solid #141c27; border-bottom:1px solid #141c27; margin-top:5px }
#cs-map ul { list-style:none; padding:0px; margin:0px; }
#cs-map ul li { float:left; display:inline-block; line-height:40px; height:40px; text-align:center; border-right:1px solid #141c27; }
#cs-map ul li:first-child { border-left:1px solid #141c27; }
#cs-map ul li.map-icon { width:40px; padding:0px; }
#cs-map ul li a { display:inline-block; color:#dfdfdf; }
#cs-map ul li a:hover { color:#fff; }
#cs-map ul li span { font-size:12px;letter-spacing:-1px; }
#cs-map ul li b { font-size:16px; }
#cs-map .map-left ul li { padding:0px 15px; }
#cs-map .map-right ul li { padding:0px; width:40px; }
#cs-map .map-wrap, #cs-map .map-box, #cs-map .map { position:relative; overflow:hidden; z-index:5; }
#cs-map .map-left { float:left; }
#cs-map .map-right { float:right; }
#cs-map .map-bg { display:none; }
#cs-map .map-bg-full { background-color:#202d3e; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:1; }

/* Footer */
#cs-footer { position:relative; display:block; }
#cs-footer .footer-wrap, #cs-footer .footer-box, #cs-footer .footer { position:relative; overflow:hidden; z-index:5; }
#cs-footer .footer { border-left:0px solid #ddd; border-right:0px solid #ddd; padding:15px 0px; }
#cs-footer .footer table { width:100%; border:0px; padding:0px; margin:0px; }
#cs-footer .footer th { width:65px; border:0px; padding:0px; margin:0px; text-align:left; background:#fff}
#cs-footer .footer td { border:0px; padding:0px; margin:0px; background:#fff }
#cs-footer .footer-logo { width:220px; text-align:left;}
#cs-footer .footer-info { }
#cs-footer .footer-info ul { list-style:none; padding:0px; margin:0px; font-size:12px; line-height: 18px; border-left:0px solid #dfdfdf; }
#cs-footer .footer-info ul li { padding:0px; margin:0px; padding-left:20px; color:#888; font-size:12px; line-height: 20px; letter-spacing:-.05em}
#cs-footer .footer-info ul li a { color:blue; text-decoration:none; }
#cs-footer .footer-info ul li a:hover { color:#000; }
#cs-footer .footer-info ul li span { }
#cs-footer .footer-info .copyright { font-family:tahoma; font-weight:bold; font-size:10px }
#cs-footer .footer-info .copyright span {font-family:tahoma;}
#cs-footer .footer-bg { display:none; }
#cs-footer .footer-bg-full { background-color:#fff; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:1; }

.all_menu{position:fixed;left:0;right:0;top:172px;z-index:1010;width:1025px;margin:0 auto;background:rgba(1,1,1,.9);display: none;}

.all_menu .in h3 {margin:30px 0px 0px; text-align: center;color:#fff;font-size: 20px;font-weight: 700;}
.all_menu .in {width:1025px;margin:0 auto;position:relative; }
.all_menu .in > ul{ overflow:hidden;padding: 60px 105px;}
.all_menu .in > ul > li{overflow: hidden;}
.all_menu .in > ul > li:not(:last-child){ margin-bottom:25px;}
.all_menu .in > ul > li > a{color:#fff;font-size: 20px;font-weight: 500;float:left;width: 150px;text-align: right;position: relative;}
.all_menu .in > ul > li > a:after{content:url('../img/main_popup_acc.png');position: absolute;top:-7px;right:-50px;color:#666;}
.all_menu .in > ul > li > ul{overflow: hidden;float:left;padding-left:75px;}
.all_menu .in > ul > li > ul li{float:left;min-width: 90px; margin-right:10px; text-align: center}
/* .all_menu .in > ul > li > ul li:after{ content:""; display:block;border:3px solid #fff;position:absolute;left:0;top:50%;margin-top:-4px; } */
.all_menu .in > ul > li > ul li a{ position:relative;color:#fff;font-size:16px;font-weight: 300;}
.all_menu .in > ul > li > ul li a:hover{color:#f3b819;}
/* .all_menu .in > ul > li:first-child + li + li + li + li > a,
.all_menu .in > ul > li:first-child + li + li + li > a,
.all_menu .in > ul > li:first-child > a{ padding-right:100px; } */
/* .all_menu .in > ul > li:first-child + li + li > a{ padding-right:30px; } */
.all_menu .in > button{border:none; background:none;position:absolute;right:30px;top:0px;}
.hide{position: absolute;left: -10000px;top: auto;width: 1px;height: 1px;overflow: hidden;}

