@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; }
/* Default */
.fs75{font-size:.75em;}.fs76{font-size:.76em;}.fs78{font-size:.78em;}.fs80{font-size:.80em;}.fs80{font-size:.80em;}.fs85{font-size:.85em;}.fs90{font-size:.90em;}.fs95{font-size:.95em;}.fs100{font-size:1em;}.fs11{font-size:11px;}.fs12{font-size:12px;}.fs13{font-size:13px;}.fs14{font-size:14px;}.fs15{font-size:15px;}.fs16{font-size:16px;}.fs20{font-size:20px;}
.fl-l {display:block;width:auto;float:left;} .fl-r {display:block;width:auto;float:right;}
.le-pa-1{letter-spacing:-1px;} 
.al-l{text-align:left;}.al-r{text-align:right;}.al-c{text-align:center;}
.fw-b{font-weight:bold;}.fw-n{font-weight:normal;}
.fc-b{color:#bbb;}.fc-c{color:#ccc;}.fc-d{color:#ddd;}.fc-2{color:#222}.fc-3{color:#333}.fc-4{color:#444}.fc-5{color:#555}.fc-6{color:#666}.fc-7{color:#777}.fc-8{color:#888}
.li-h12{line-height:1.2em;}.li-h15{line-height:1.5em;}.li-h16{line-height:1.6em;}.li-h18{line-height:1.8em;}
.w20 {width:20%;}.w25 {width:25%;}.w33 {width:33%;}.w50 {width:50%;}.w49 {width:49%;}
.underline {text-decoration:underline;}.cutstr{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}.content-holder {display:inline-block;width:1100px;text-align:left;}.clearboth {clear:both;width:0;height:0;margin:0;padding:0;font-size:1px;line-height:0;}
/* 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 {color:#666;text-decoration:none;outline:none;}
a:hover, a:active {color:#666;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:970px; margin:0 auto; }


/* h */
h1 {display:block;float:left;margin:20px 0 0 0;}
h1 a {display:inline-block;min-width:200px;height:64px;line-height:64px;font-size:28px;font-weight:bold;color:#343434;text-align:center;letter-spacing:-1px;}
h1 a img {max-width:200px;max-height:55px;}
h1 a:hover,
h1 a:active {color:#333;}
#mobile_logo {display:none;}


/* ---------- Header ---------- */
#header {display:block;top:0;width:100%;height:84px;border-bottom:3px #87B02E solid;background:#fff;z-index:1000;box-shadow:0 4px 4px #999;}
#header #top_menu ul {position:absolute;top:8px;right:0;}
#header #top_menu ul li {display:block;float:left;font-size:11px;letter-spacing:-0.5px;}
#header #top_menu ul li a {color:#999;}
#header #top_menu ul li a:hover,
#header #top_menu ul li a:active {color:#999;}
#header #top_menu ul li span {display:inline-block;padding:0 7px;font-size:10px;font-weight:normal;color:#aaa;}
#header h2 {display:none;}
#header #top-depth {display:none;}
/* nav */
#nav {display:block;width:auto;float:right;margin:20px 0 0 0; text-align: center;}
#nav ul {}
#nav ul li {display:block;float:left;/*width:145px;*/}
#nav ul li a {display:inline-block;height:64px;font-size:16px;color:#333;line-height:64px;}
#nav ul li a:hover,
#nav ul li a:active {color:#87B02E;}
#nav ul li a span {display:none;}
#nav .holder {color:#87B02E;}
#nav .last {width:89px;}
#nav .empty_menu {display:none;}
/* nav-sub */
#nav-sub {display:none;position:absolute;width:100%;height:0px;overflow:hidden;border-bottom:3px #87B02E solid;background:#fff;box-shadow:0 4px 4px #aaa;z-index:9999;}
#nav-sub #nav-img {display:block;float:left;}
#nav-sub #nav-sub-holder {display:block;width:auto;float:right;}
#nav-sub ul {display:block;float:left;margin:0 0 0 5px;width:140px;height:150px;}
#nav-sub ul li {display:block;margin:0 0 10px 0; text-align: center;}
#nav-sub ul li a {font-size:12px;color:#777;letter-spacing:-1px;}
#nav-sub ul li a:hover,
#nav-sub ul li a:active {font-weight:bold;color:#87B02E;}
#nav-sub .first {margin:25px 0 0 0;}
#nav-sub .last {width:85px;}
#nav-sub .close-btn {display:block;position:absolute;right:-70px;bottom:0;cursor:pointer;}
/* nav-mobile */
#nav-mobile {display:none;}
#nav-mobile .empty_menu {display:none;}


/* ---------- Sub Page ---------- */
/* ment */
#ment {display:block;position:absolute;top:0;width:100%;font-size:13px;color:#eee;background:#ccc;z-index:90;}
#ment h3 {display:block;float:left;margin-left:10px;width:210px;height:47px;font-size:20px;color:#fff;line-height:47px;}
#ment p {display:block;float:left;margin-left:10px;height:47px;font-size:14px;color:#eee;line-height:47px;}
/* 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 ul {display:block;width:170px;margin:60px 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:#86B12E;}
#nav-left .holder a {color:#86B12E;}
#nav-left .nospace {height: inherit !important;line-height: inherit !important;}
#nav-left .nospace_ul {margin:0 0 0 10px !important;}
#nav-left .nospace_a {margin:0px 0 none !important;}
#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;padding-top:47px;}
#content-view {float:right;width:710px;}
.sub-title {display:block;margin:45px 0 20px 0;height:45px;border-bottom:1px #d6d6d6 solid;}
.sub-title h2 {display:block;float:left;width:auto;font-size:32px;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%;background:#b1b1b1;border:0px none;z-index:100;overflow:hidden;}
#footer #footer-menu {display:block;width:100%;background:#999;border-bottom:1px #868686 solid;}
#footer #footer-menu #footer-menu-pc {display:block;}
#footer #footer-menu #footer-menu-mobile {display:none;}
#footer #footer-menu .inner {height:30px;}
#footer #footer-menu ul {display:block;margin-left:20px;}
#footer #footer-menu ul li {display:block;float:left;}
#footer #footer-menu ul li a {display:block;padding:0 10px 0 20px;height:30px;font-size:12px;color:#fff;line-height:30px;}
#footer #footer-menu ul li a.curr {font-weight:bold;}
#footer #footer-copyright {border-top:1px #bfbfbf solid;}
#footer #footer-logo {display:block;position:absolute;top:25%;min-width:160px;height:45px;font-size:20px;font-weight:bold;color:#e0e0e0;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:#e0e0e0;line-height:45px;}
#footer #copyright {display:block;margin:0 0 0 200px;padding:20px 0 25px 0;font-size:12px;color:#e9e9e9;line-height:1.4em;}
#footer #copyright a {color:#cecece;}