@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:26px;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_type_a */
/* nav */
#nav {display:block;width:auto;float:right;margin:20px 0 0 0;}
#nav ul {}
#nav ul li {display:block;float:left;width:145px;}
#nav ul li a {display:inline-block;height:64px;font-size:15px;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:90px;}
#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 7px 0;}
#nav-sub ul li a {font-size:11px;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:0;bottom:0;cursor:pointer;}
/* nav-mobile */
#nav-mobile {display:none;}
#nav-mobile .empty_menu {display:none;}

/* nav_type_b */
.type_b {display:none;position:absolute;margin:0 0 0 -20px;padding:0 12px;border:2px #87B02E solid;border-top:0px none;background:#fff;z-index:1000;}
.type_b a {display:inline-block;padding:0 8px;height:30px !important;font-size:12px !important;line-height:28px !important;}
.last .type_b {right:0;}

/* nav_type_c */
.type_c {display:block;position:absolute;margin:0 0 0 -20px;width:100px;height:0px;border:3px #87B02E solid;border-top:0px none;background:#fff;overflow:hidden;z-index:1000;}
.type_c ul {display:block;}
.type_c ul li {display:block;width:100px !important;}
.type_c ul li a {display:inline-block;margin-left:20px;height:25px !important;font-size:12px !important;line-height:25px !important;}


/* ---------- Content ---------- */
#content {position:relative;min-height:700px;padding-top:47px;}


/* ---------- 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;}
#left-banner {display:block;margin:40px 0 0 10px;font-size:12px;line-height:1.4em;color:#666;}
#left-banner img {max-width:170px;}
#custom {display:block;margin:40px 0 0 15px;font-size:14px;line-height:1.3em;}
#custom h4 {display:block;margin-bottom:10px;font-size:18px;}
/* Main */
#content-view {float:right;width:710px;}
.sub-title {display:block;margin:45px 0 0 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;}
/* nav-tab-b */
ul#nav-tab-b {display:block;margin:20px 0 0 0;}
ul#nav-tab-b li {display:inline-block;margin-right:5px;padding:1px 0 0 1px;background:#63db63;}
ul#nav-tab-b li a {display:block;padding:0 15px;height:22px;font-size:13px;font-weight:bold;color:#fff;line-height:22px;background:#63db63;border:0px none;border-top:1px rgba(255,255,255,0.7) solid;border-left:1px rgba(255,255,255,0.7) solid;}
/* Page Content */
.sub-item {display:block;clear:both;margin:40px 0 50px 0;}


/* ---------- Footer ---------- */
#footer {display:block;position:absolute;width:100%;background:#fff;border:0px none;z-index:100;overflow:hidden;}
#footer #footer-menu {display:block;width:100%;height:28px;background:#999;}
#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:28px;font-size:12px;color:#fff;line-height:28px;}
#footer #footer-menu ul li a.curr {font-weight:bold;}
#footer #footer-logo {display:block;position:absolute;top:25%;min-width:160px;height:45px;font-size:20px;font-weight:bold;color:#cfcfcf;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:#cfcfcf;line-height:45px;}
#footer #copyright {display:block;margin:0 0 0 200px;padding:20px 0 25px 0;font-size:12px;color:#b2b2b2;line-height:1.4em;}
#footer #copyright a {color:#dcdcdc;}


table.tb_form01 {clear:both; border-top:2px solid #c7c9cb; border-spacing:0px;}
table.tb_form01 tbody td {height:32px; border-bottom:1px solid #ddd;}
table.tb_form01 tbody td.td_tit {background-color:#f5f5f5; color:#282828; border-right:1px solid #ddd; padding-left:12px; font-size:9pt; font-weight:bold;}
table.tb_form01 tbody td.td_tit2 {background-color:#f5f5f5; color:#282828; border-left:1px solid #ddd; border-right:1px solid #C3C4C4; padding-left:12px; font-size:9pt; font-weight:bold;}
table.tb_form01 tbody td.td_ct {background-color:#FFF; color:#424241; padding-left:8px;}
table.tb_form01 tbody td .input_text {height:14px; _height/**/:23px; padding:3px 4px; background:#fff; border:1px solid #c8c8c8; font-size:12px; line-height:14px;}

/* custom_sms */
#custom_sms {position:fixed;top:300px;left:50%;margin-left:500px;width:213px;height:233px;text-align:center;background:url(/template/images/sms/sms_form_bg.png);z-index:1000;}
#custom_sms > p {display:block;margin:135px 0 0 0;}
#custom_sms > p > input {height:20px;font-size:11px;line-height:20px;letter-spacing:-1px;border:1px #aaa solid;}
#custom_sms > span {display:inline-block;margin-top:8px;cursor:pointer;}