@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; }

/* 기본 클래스들 */
/* 폰트 사이즈	*/ .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;}
/* div 위치		*/ .fl-l {display:block;width:auto;float:left;} .fl-r {display:block;width:auto;float:right;}
/* 글자간격-1px */.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;}
/* width		*/ .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;}

/* 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;}
h1 #web_logo {display:block;}
h1 #mobile_logo {display:none;}

/* layout */
.inner {position:relative; width:970px; margin:0 auto; }


/* ---------- Header ---------- */
#header {position:relative;width:100%;height:84px;border-bottom:3px #87B02E solid;background:#fff;/*box-shadow:0 4px 4px #aaa;*/}
#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;}

/* 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:100;}
#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_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 {margin-top:57px;}
#content_pc {display:block;height:454px;}
#content_mobile {display:none;margin-top:22px;}

#content dl {display:block;margin:0 20px;}
#content dl dd {display:block;float:left;padding:3px 15px 0 0;margin:30px 20px 0 0;width:204px;height:175px;border-right:1px #ddd solid;}
#content dl dd a {color:#444;}
#content dl dd.tpl-img {text-align:center;}
#content dl dd.tpl-img img {width:100%;max-height:175px;}
#content dl dd.tpl-img .tpl-img-mobile {display:none;}
#content dl dd.tpl-txt {}
#content dl dd.tpl-txt .title {display:block;margin-bottom:8px;font-size:15px;font-weight:bold;}
#content dl dd.tpl-txt p {display:block;margin-bottom:10px;font-size:11px;line-height:20px;height:40px;overflow:hidden;}
#content dl dd.tpl-txt img {width:100%;}
#content dl dd.tpl-icon {}
#content dl dd.tpl-icon .title {display:block;padding-bottom:8px;font-size:15px;font-weight:bold;border-bottom:2px #aaa solid;}
#content dl dd.tpl-icon p {display:block;font-size:12px;line-height:20px;height:40px;overflow:hidden;}
#content dl dd.tpl-icon img {display:block;margin:15px auto;height:70px;}
#content dl dd.tpl-info {}
#content dl dd.tpl-info .title {display:block;padding-bottom:8px;font-size:15px;font-weight:bold;border-bottom:2px #aaa solid;}
#content dl dd.tpl-info .desc {display:block;margin:20px 0 0 0;font-size:12px;}
#content dl dd.tpl-info .bold {display:block;margin:20px 0;font-size:30px;font-weight:bold;letter-spacing:-1px;}
#content dl dd.tpl-info p {display:block;font-size:12px;line-height:20px;height:40px;overflow:hidden;}
#content dl dd.tpl-latest {}
#content dl dd.tpl-latest .title {display:block;margin-bottom:8px;font-size:15px;font-weight:bold;}
#content dl dd.tpl-latest ol {}
#content dl dd.tpl-latest ol li {display:block;font-size:11px;}
#content dl dd.tpl-latest ol li a {display:block;padding:2px 0;font-size:11px;color:#666;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis;}
#content dl dd.last {padding:0;margin:30px 0 0 0;border-right:0px none;}

/* ---------- gallery_type_e ---------- */
.mainVisualWrap {width:100%;height:454px;}
.mainVisualWrap .btnArea {position:relative;width:930px;margin:0 auto;z-index:25;}
.mainVisualWrap .btnArea a.btnPrev {position:absolute;top:170px;left:-43px;opacity:1;cursor:pointer;}
.mainVisualWrap .btnArea a.btnNext {position:absolute;top:170px;right:-43px;opacity:1;cursor:pointer;}
.mainVisualWrap .visual {position:relative;width:930px;height:454px;margin:0 auto;}
.mainVisualWrap .visual ul {position:absolute;top:0;left:0;height:454px;}
.mainVisualWrap .visual ul li {position:absolute;z-index:3;top:0px;left:0px;}
.mainVisualWrap .visual ul li a img {position:absolute;z-index:1;opacity:1;height:454px;width:930px;}

/* ---------- Footer ---------- */
#footer {display:block;position:relative;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;}

/* ---------- latest ---------- */
#latest .icon_new {margin-left:5px;vertical-align:middle;}
#latest .date {display:;}

/* 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;}