@charset "utf-8";
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(../../admin/css/NanumGothic-Bold.eot);
  src: url(../../admin/css/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(../../admin/css/NanumGothic-Bold.woff2) format('woff2'),
       url(../../admin/css/NanumGothic-Bold.woff) format('woff');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(../../admin/css/NanumGothic-Regular.eot);
  src: url(../../admin/css/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(../../admin/css/NanumGothic-Regular.woff2) format('woff2'),
       url(../../admin/css/NanumGothic-Regular.woff) format('woff');
}
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 700;
  src: url(../../admin/css/NanumGothic-Bold.eot);
  src: url(../../admin/css/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(../../admin/css/NanumGothic-Bold.woff2) format('woff2'),
       url(../../admin/css/NanumGothic-Bold.woff) format('woff');
}
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 400;
  src: url(../../admin/css/NanumGothic-Regular.eot);
  src: url(../../admin/css/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(../../admin/css/NanumGothic-Regular.woff2) format('woff2'),
       url(../../admin/css/NanumGothic-Regular.woff) format('woff');
}

/* base */
* {-webkit-text-size-adjust:none;}
html{background:transparent;border:0;margin:0;padding:0;vertical-align:baseline;outline:none;overflow-y:scroll;overflow-x:hidden;}
body {font-size:14px;line-height:1.25em;color:#666;background-color:#ffffff;overflow:hidden;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,div{margin:0;padding:0;font-family:Nanum Gothic,Helvetica,sans-serif;line-height:140%;-webkit-text-size-adjust:100%;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:100%;}
ul, ol, li {list-style:none;}
fieldset, img {border:none;}
hr, button img {display:none;}
form, fieldset, legend, label {margin:0; padding:0;}
fieldset{border:0 none;}
fieldset legend {position:absolute; visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font:0/0 Arial;}
em,address{font-style:normal;}
input,textarea,select,button,table{font-size:inherit;font-family:inherit;line-height:inherit;color:#666;}
label { cursor:pointer; }
/* cross */ * html input {margin:-1px 0;} *:first-child+html input {margin:-1px 0;} input.checkbox {width:13px; height:13px; margin-top:-4px; vertical-align:middle;}
/* a-style */a {text-decoration:none;outline:none;}
/* html5 */ address, article, aside, figure, footer, header, hgroup, menu, nav, section {display:block;}
/* clear */ .clearfix{zoom:1;} .clearfix:after{content:"";display:block;clear:both;}
/* layout */ .inner {position:relative; width:960px; margin:0 auto; }

/* Gnu */
a:link, a:visited, a:active { text-decoration:none; color:#333; }
a:hover { text-decoration:none; }

#wrap_bg {display:none;}

/* Header */
#header {height:135px;background:url(../images/index/bg_sub.jpg) top center no-repeat;border-bottom:4px #a9a9a9 solid;z-index:1000;}
h1 {display:block;float:left;}
h1 a {display:inline-block;min-width:200px;height:80px;line-height:80px;font-size:24px;font-weight:800;color:#333;text-align:center;letter-spacing:-1px;text-shadow:0 0 10px #fff;}
h1 a img {max-width:200px;max-height:80px;}
h1 a:hover,
h1 a:active {color:#333;}
h1 #web_logo {display:block;}
h1 #mobile_logo {display:none;}
#header #top_menu ul {position:absolute;top:5px;right:0;padding:3px 10px;background:#222;opacity:0.7;filter:alpha(70%);}
#header #top_menu ul li {display:block;float:left;font-size:11px;letter-spacing:-0.5px;}
#header #top_menu ul li a {color:#eee;}
#header #top_menu ul li span {display:inline-block;padding:0 8px;font-size:10px;font-weight:normal;color:#aaa;}
#header h2 {display:none;}
#header #top-depth {display:none;}
#header #sub-desc {display:block;position:absolute;top:130px;left:30px;font-size:18px;font-weight:bold;color:#fff;text-shadow:0 1px 1px #bbb;}
#nav {display:block;width:auto;float:right;margin:40px 0 0 0;}
#nav ul {}
#nav ul li {display:block;float:left;margin-left:1px;width:120px;}
#nav ul li a {display:block;height:30px;font-size:12px;color:#fff;line-height:30px;text-align:center;background:#222;opacity:0.8;filter:alpha(80%);}
#nav ul li a span {display:none;}
#nav .empty_menu {display:none;}
#nav-mobile {display:none;}
#nav-mobile .empty_menu {display:none;}
.type_c {display:none;position:absolute;margin:3px 0 0 0;padding:10px 0;width:120px;background:#222;opacity:0.8;filter:alpha(80%);z-index:1000;}
.type_c li {display:block;margin-left:0px !important;}
.type_c li a {display:block;padding:0 0 0 5px;height:26px !important;font-size:11px !important;line-height:26px !important;text-align:left !important;opacity:1 !important;filter:alpha(100%) !important;border-bottom:1px #222 solid;}
.type_c li a span {display:inline !important;font-size:14px;font-weight:bold;vertical-align:middle;}
.type_c li a:hover {margin-left:-3px;padding-left:8px;width:118px;border-bottom:1px #000 solid;}
.type_c li a:hover span {color:#ff0000 !important;}

/* nav-left */
#nav-left {position:absolute;width:210px;min-height:700px;height:100%;border-right:1px solid #E0E0E0;box-shadow:8px 0 16px #ddd;overflow:hidden;z-index:80;}
#nav-left h3 {display:block;margin:15px 0 0 10px;padding-left:15px;height:50px;font-size:14px;font-weight:bold;color:#aaa;border-left:7px #87B02E solid;}
#nav-left h3 span {display:block;padding-top:5px;height:24px;font-size:24px;color:#333;}
#nav-left ul {display:block;width:170px;margin:30px 0 0 10px;}
#nav-left ul li {display:block;}
#nav-left ul li a {display:block;margin:10px 0;height:32px;font-size:14px;color:#333;line-height:32px;border-bottom:1px solid #d6d6d6;}
#nav-left ul li a:hover {color:#87B02E;}
#nav-left ul li div {display:none;height:0px;padding:0 0 5px 5px;overflow:hidden;}
#nav-left ul li div a {display:block;margin:0px;height:22px;font-size:12px;color:#666 !important;line-height:22px;border:0px none;}
#nav-left ul li div a:hover {font-weight:bold;color:#86B12E !important;background:url(../images/common/icon_sub_curr.jpg) no-repeat right;}
#nav-left .curr {display:block;}
#nav-left .curr a {color:#fff;}
#nav-left .holder {color:#87B02E;}
#nav-left .holder a {color:#87B02E;}
#left-banner {display:block;margin:40px 0 0 10px;font-size:13px;line-height:160%;color:#666;}
#left-banner img {max-width:170px;}

/* Content */
#content {position:relative;min-height:700px;}
#content-view {float:right;width:710px;}
.sub-title {display:block;margin:82px 0 20px 0;height:45px;border-bottom:1px #d6d6d6 solid;}
.sub-title h2 {display:block;float:left;width:auto;font-size:30px;color:#666;}
.sub-title .depth {display:block;margin-top:20px;float:right;font-size:14px;color:#b9b9b9;}
.sub-title .depth a {color:#b9b9b9;}
.sub-item {display:block;clear:both;margin:40px 0 50px 0;}

/* 3th tabmenu */
div.tabline1_box{margin-top:40px;}
ul.tabline1 {display:block;margin-bottom:25px;height:30px;border-bottom:1px #ccc solid;}
ul.tabline1 li {display:block;position:relative;float:left;height:30px;margin-right:-1px;}
ul.tabline1 li a {display:block;padding:0 20px;height:29px;font-size:12px;color:#888;line-height:29px;text-align:center;border:1px #ccc solid;background:#f5f5f5;z-index:1;}
ul.tabline1 li.curr a {font-size:13px;font-weight:bold;color:#333;border:1px #ccc solid;border-bottom:1px #fff solid;background:#fff;z-index:100;}
ul.tabbox1 {display:block;margin-bottom:25px;padding:10px 10px 5px 10px;background:#fcfcfc;border:1px #ddd solid;}
ul.tabbox1 li {display:block;float:left;margin:0 5px 5px 5px;padding:0 8px 0 0;border-right:1px #eee solid;}

/* Footer */
#footer {display:block;position:absolute;width:100%;border:0px none;background:#333;z-index:100;overflow:hidden;}
#footer #footer-logo {display:block;position:absolute;top:25%;min-width:160px;height:45px;font-size:20px;font-weight:bold;color:#999;line-height:45px;}
#footer #footer-logo img {max-width:160px;max-height:45px;vertical-align:middle;}
#footer #footer-logotxt {display:block;position:absolute;top:25%;min-width:160px;height:45px;font-size:20px;font-weight:bold;color:#999;line-height:45px;}
#footer #copyright {display:block;margin:0 200px;padding:20px 0 25px 0;font-size:12px;color:#777;line-height:1.4em;}
#footer #copyright-btn {display:block;position:absolute;top:25px;right:0;}
#footer #footer-menu {display:block;padding:10px 0 0 0;width:100%;height:24px;background:none;border-top:1px #535353 solid;}
#footer #footer-menu ul {display:block;margin:0 0 0 20px;}
#footer #footer-menu ul li {display:block;float:right;}
#footer #footer-menu ul li a {display:block;padding:0 10px;height:24px;font-size:12px;color:#939393;line-height:24px;}
#footer #footer-menu ul li a.curr {font-weight:bold;}

#footer #footer-menu ul .bar {display:inline-block;padding:0 10px;font-size:10px;color:#777;}