@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:180px;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:14px;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;}
.sub-item .pagearea{font-size:9pt;color:#666666;line-height:130%;}
/* data table */
table.green1 {
width:100%;
border-top:2px solid #a0ca77;
border-left:1px solid #C4DFB0;
}
table.green1 tbody td {
font-weight:normal;
padding:3px 3px 3px 3px;
text-align:left;
line-height:130%;
border-left:0; border-top:0;
border-right:1px solid #C4DFB0; border-bottom:1px solid #C4DFB0;
}
table.green2 {
border-top:2px solid #2B9713;
border-left:0px solid #cccccc;
}
table.green2 tbody td {
font-weight:normal;
padding:10px 10px 10px 10px;
line-height:130%;
border-left:0; border-top:0;
border-right:0px solid #cccccc; border-bottom:1px solid #cccccc;
}
table.green3 {
width:100%;
border-top:2px solid #a0ca77;
border-left:1px solid #C4DFB0;
}
table.green3 tbody td {
font-weight:normal;
padding:3px 3px 3px 3px;
line-height:130%;
border-left:0; border-top:0;
border-right:1px solid #C4DFB0; border-bottom:1px solid #C4DFB0;
}
table.blue {
border-top:2px solid #80A8D0;
border-left:1px solid #AEC7E1;
}
table.blue tbody td {
font-weight:normal;
padding:3px 3px 3px 3px;
line-height:130%;
border-left:0; border-top:0;
border-right:1px solid #AEC7E1; border-bottom:1px solid #AEC7E1;
}
table.gray1 {
border-top:2px solid #aaaaaa;
border-left:1px solid #cccccc;
}
table.gray1 tbody td {
font-weight:normal;
padding:3px 3px 3px 3px;
line-height:130%;
border-left:0; border-top:0;
border-right:1px solid #cccccc; border-bottom:1px solid #cccccc;
}
table.gray2 {
border-top:2px solid #307C22;
border-left:1px solid #ACDD99;
}
table.gray2 tbody td {
font-weight:normal;
padding:5px 5px 5px 5px;
border-left:0; border-top:0;
border-right:1px solid #ACDD99; border-bottom:1px solid #ACDD99;
}
table.dotted tbody td {
color: #ffffff;
font-weight: bold;
border-color:#000000;
border-style:dotted;
border-width:1px;
letter-spacing:2px;
text-align:center;
}
/* FAQ List */
*html .faqlist .cl516 { width: 516px;}
*html .faqlist .cl633 { width: 633px;}
.faqlist .cl516 { width: 496px;}
.faqlist .cl633 { width: 613px;}
.faqlist a:link, .faqlist a:visited { color: #403A3A;}
.faqlist a:hover, .faqlist a:active { color: #0D8892;text-decoration: none;}
.faqlist a.cblue { color: #0D8892;text-decoration: none;}
.faqlist table { width: 693px;table-layout: fixed;word-break: break-all;color: #403A3A;}
.faqlist table td { padding: 10px 0 10px 0;border-bottom: 1px solid #D4D4D4;text-align: center;}
.faqlist table td.lft { text-align: left;padding: 11px 10px 8px 10px;}
.faqlist .answer { margin-top: -1px;}
.faqlist .answer td { border-top: 1px solid #D4D4D4; background-color: #E5EBEB;
font-size: 11px;color: #437680;}
/* but */
.but {
float: right;
color: #fff;
background: #6B78A5 url(/member/images/but_bg2.gif) top right no-repeat;
}
.but a {
text-decoration: none;
color:#fff;
list-style: none;
}
.b1 {
margin: 0;
padding: 2px 2px 2px 20px;
background:url(/member/images/but_bg1.gif) top left no-repeat;
}
.b1 a {
text-decoration: none;
color:#fff;
list-style: none;
}
.but2 {
float: left;
margin-left: 5px;
color: #fff;
background: #6B78A5 url(/member/images/but_bg2.gif) top right no-repeat;
}
.but3 {
float: left;
margin-left: 125px;
color: #fff;
background: #6B78A5 url(/member/images/but_bg2.gif) top right no-repeat;
}
/* text */
.hp {
color: 000000;
}
.hp1 {
color: #666666;
font-weight: bold;
filter : shadow(color=000000,strength=1);/*그림자*/
}
.hp2 {
letter-spacing:3pt;
border-width:1px;
border-bottom-style:dotted;/*점선*/
}
.hp3 {
background-color:#000000;
filter:alpha(opacity=50);/*반투명*/
}
.hp4 {
line-height:150%;
height:20px;
filter : glow(color=ff3300,strength=1);/*번지게*/
}
/*
{text-transform: #}
#=none, capitalize, uppercase, lowercase
{text-transform:none} 글씨효과없음
{text-transform:capitalize} 첫글자 대문자효과
{text-transform:uppercase} 모두 대문자효과
{text-transform:lowercase} 모두 소문자효과
Letter Spacing {letter-spacing: # } 자간넓게
#=normal, length (px, pt, in, cm, em)
Word Spacing {word-spacing: # } 띄어쓰기넓게
#=normal, length (px, pt, in, cm, em)
{font-style: # }
#=normal, italic
{font-variant: # }
#=normal, small-caps
Text Alignment
Text Alignment {text-align: #}
#=left, center, right
#=justify 칸에 자동으로 자간 맞추기
Subscript and Superscript
{vertical-align: #} #=sub, super
글씨아래로내리기
글씨위로올리기
*/
/* 테이블 css참고 http://icant.co.uk/csstablegallery/index.php?css=101#r101*/
.tday1 {
font-size: 30px;
font-weight: bold;
color: #26691A;
}
.tday2 {
font-size: 20px;
font-weight: bold;
color: #666666;
}
.tday3 {
font-size: 25px;
font-weight: bold;
color: #26691A;
}
.tday4 {
font-size: 13px;
font-weight: bold;
color: #666666;
}
.tday5 {
font-size: 20px;
font-weight: bold;
color: #26691A;
}
.tday6 {
font-size: 15px;
font-weight: bold;
color: #666666;
}
.tday7 {
color: #4E4E4E;
font-weight: bold;
font-size: 14pt;
font-family: Arial, Helvetica, sans-serif;
}
.tday8 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11pt;
}
.tit1 {
color: #307C22;
}
.tit2 {
color: #333333;
}