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

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

/* ---------- scroll img ---------- */
/* 꽃잎 */
.floral01{position:absolute;top:105px;left:50%;margin-left:-110px;width:59px;height:40px;}/*작은 꽃잎 좌표*/
.floral02{position:absolute;top:114px;left:50%;margin-left:-349px;width:124px;height:96px;}/*큰 꽃잎 좌표*/
.floral03{position:absolute;top:331px;left:50%;margin-left:-598px;width:86px;height:75px;}/*중간 꽃잎 좌표*/
/* 물방울 */
.water01{position:absolute;top:356px;left:50%;margin-left:-513px;width:64px;height:79px;}/*왼쪽첫번째 좌표*/
.water02{position:absolute;top:491px;left:50%;margin-left:-648px;width:42px;height:61px;}/*왼쪽두번째 좌표*/
.water03{position:absolute;top:560px;left:50%;margin-left:-619px;width:57px;height:85px;}/*왼쪽세번째 좌표*/
.water04{position:absolute;top:462px;left:50%;margin-left:512px;width:47px;height:47px;}/*오른쪽첫번째 좌표*/
.water05{position:absolute;top:618px;left:50%;margin-left:566px;width:27px;height:34px;}/*오른쪽두번째 좌표*/
.water06{position:absolute;top:621px;left:50%;margin-left:595px;width:58px;height:85px;}/*오른쪽세번째 좌표*/


/* ---------- Header ---------- */
#header {position:fixed;top:0;width:100%;height:84px;border-bottom:3px #87B02E solid;background:#fff;z-index:1000;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 */
#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: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 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;}
/* 내려오는 배너 */
#layerPopup {display:none;position:absolute;top:87px;margin:0 auto;width:100%;height:200px;background-color:#1b5eaa;z-index:90;}
#layerPopup h2{padding-top:20px;font-size:36px;color:#fffc00;font-weight:bold;line-height:40px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis;}
#layerPopup ul.banner_list{padding:15px 0 0 10px;}
#layerPopup ul.banner_list li{font-size:16px;color:#fff;line-height:24px;}
#layerPopup .btn_go{position:absolute;right:220px;top:45px;}
#layerPopup .close_pop{position:absolute;right:20px;top:135px;font-size:16px;color:#fff;}
#layerPopup .close_pop a.close{position:relative;top:10px;}
#layerPopup .close_pop input[type=checkbox]{position:relative;top:2px;}
 

/* ---------- Content ---------- */
#content {min-height:700px;height:100%;margin-top:87px;}


/* ---------- Index Page ---------- */
/* 1 page */
#pg1 {line-height:1.4em;text-align:center;}
#pg1 h2 {display:block;margin:140px 0;font-size:50px;font-weight:bold;color:#fff;text-shadow:1px 3px 3px #888;}
#pg1 a {display:block;width:150px;padding:2px;margin:0 auto;box-shadow:2px 2px 2px #666;}
#pg1 a span {display:block;height:30px;font-size:13px;color:#fff;line-height:30px;border-top:1px #f6f6f6 solid;}
/* 2 page */
#pg2 {font-size:13px;color:#888;line-height:1.4em;text-align:center;}
#pg2 h2 {display:block;margin:100px 0 50px 0;font-size:18px;font-weight:bold;color:#333;}
#pg2 a {display:block;width:150px;padding:2px;margin:0 auto;}
#pg2 a span {display:block;height:30px;font-size:13px;color:#87B02E;line-height:30px;border-top:1px #87B02E solid;border-bottom:1px #87B02E solid;}
/* 3 page */
#pg3_shadow {display:block;position:absolute;left:0;width:100%;height:550px;background:#000;}
#pg3 {padding-top:70px;font-size:13px;color:#fff;line-height:1.4em;text-align:center;}
#pg3 h2 {display:block;margin:50px 0;font-size:28px;color:#fff;line-height:1.4em;}
#pg3 .line {display:inline-block;margin:50px 0 0 0;width:110px;height:1px;font-size:1px;border-bottom:1px #87B02E solid;}
#pg3 ul {display:block;text-align:center;}
#pg3 ul li {
	display:inline-block;
	margin:0 30px;
}
#pg3 ul li a {
	display:block;
	width:130px;
	height:130px;
	font-size:15px;
	color:#333;
	line-height:1.5em;
	-webkit-border-radius:70px;
	-moz-border-radius:70px;
	border-radius:70px;
	background:#fff;
}
#pg3 ul li a:hover,
#pg3 ul li a:active {background:#87B02E;color:#fff;}
/* 4 page */
#pg4 {font-size:13px;color:#fff;line-height:1.4em;}
#pg4 h4 {display:inline-block;padding-bottom:10px;margin-bottom:15px;font-size:16px;color:#888;line-height:1.4em;border-bottom:1px #87B02E solid;}
#pg4 ul {display:block;margin-top:40px;}
#pg4 ul li {
	display:block;
	float:left;
	margin:50px 80px 50px 5px;
	width:265px;
	height:140px;
	font-size:13px;
	color:#888;
	line-height:1.4em;
}
#pg4 ul li a {display:block;margin-top:5px;font-size:12px;text-align:right;color:#87B02E;}
#pg4 .last {margin:50px 0 50px 5px;}


/* 5 page */
#pg5_shadow {display:block;position:absolute;left:0;width:100%;height:550px;background:#000;}
#pg5 {padding-top:70px;font-size:13px;color:#fff;line-height:1.4em;text-align:center;}
#pg5 h2 {display:block;margin:50px 0;font-size:28px;color:#fff;line-height:1.4em;}
#pg5 .line {display:inline-block;margin:50px 0 0 0;width:110px;height:1px;font-size:1px;border-bottom:1px #87B02E solid;}
#pg5 ul {display:block;text-align:center;}
#pg5 ul li {
	display:inline-block;
	margin:0 30px;
}
#pg5 ul li a {
	display:block;
	width:130px;
	height:130px;
	font-size:15px;
	color:#333;
	line-height:1.5em;
	-webkit-border-radius:70px;
	-moz-border-radius:70px;
	border-radius:70px;
	background:#fff;
}
#pg5 ul li a:hover,
#pg5 ul li a:active {background:#87B02E;color:#fff;}

/* 6 page */
#pg6 {font-size:13px;color:#888;line-height:1.4em;text-align:center;}
#pg6 h2 {display:block;margin:100px 0 50px 0;font-size:18px;font-weight:bold;color:#333;}
#pg6 a {display:block;width:150px;padding:2px;margin:0 auto;}
#pg6 a span {display:block;height:30px;font-size:13px;color:#87B02E;line-height:30px;border-top:1px #87B02E solid;border-bottom:1px #87B02E solid;}
#pg6 a span {color: #0038c7 !important;border-color: #0038c7 !important;}

/* 7 page */
#pg7_shadow {display:block;position:absolute;left:0;width:100%;height:550px;background:#000;}
#pg7 {padding-top:70px;font-size:13px;color:#fff;line-height:1.4em;text-align:center;}
#pg7 h2 {display:block;margin:50px 0;font-size:28px;color:#fff;line-height:1.4em;}
#pg7 .line {display:inline-block;margin:50px 0 0 0;width:110px;height:1px;font-size:1px;border-bottom:1px #87B02E solid;}
#pg7 ul {display:block;text-align:center;}
#pg7 ul li {
	display:inline-flex;
	margin:0 20px;
}
#pg7 ul li a {
	display:block;
	width:130px;
	height:130px;
	font-size:15px;
	color:#333;
	line-height:1.5em;
	-webkit-border-radius:70px;
	-moz-border-radius:70px;
	border-radius:70px;
	background:#fff;
}
#pg7 ul li a:hover,
#pg7 ul li a:active {background:#87B02E;color:hsl(0, 0%, 100%);}
#pg7 a {display:block;width:150px;padding:2px;margin:0 auto;box-shadow:2px 2px 2px #666;}
#pg7 a span {display:block;height:30px;font-size:13px;color:#fff;line-height:30px;border-top:1px #f6f6f6 solid;}
#pg7 h2 {display:block;margin:50px 0;font-size:28px;color:#fff;line-height:1.4em;}

/* 8 page */
#pg8 {font-size:13px;color:#888;line-height:1.4em;text-align:center;}
#pg8 h2 {display:block;margin:100px 0 50px 0;font-size:18px;font-weight:bold;color:#333;}
#pg8 a {display:block;width:150px;padding:2px;margin:0 auto;}
#pg8 a span {display:block;height:30px;font-size:13px;color:#87B02E;line-height:30px;border-top:1px #87B02E solid;border-bottom:1px #87B02E solid;}
#pg8 a span {color: #0038c7 !important;border-color: #0038c7 !important;}

/* 9 page */
#pg9 {line-height:1.4em;text-align:center;}
#pg9 h2 {display:block;margin:140px 0;font-size:50px;font-weight:bold;color:#fff;text-shadow:1px 3px 3px #888;}
#pg9 a {display:block;width:150px;padding:2px;margin:0 auto;box-shadow:2px 2px 2px #666;}
#pg9 a span {display:block;height:30px;font-size:13px;color:#fff;line-height:30px;border-top:1px #f6f6f6 solid;}
#pg9 p {display:inline-block;width:auto;padding:10px 40px;font-size:14px;color:#fff;line-height:22px;text-align:left;background:#3c3c3c;opacity:0.8;}




/* 10 page */
#pg10 {font-size:13px;color:#888;line-height:1.4em;text-align:center;margin-bottom:40px;}
#pg10 h2 {display:block;margin:100px 0 50px 0;font-size:18px;font-weight:bold;color:#333;}
#pg10 a {display:block;width:150px;padding:2px;margin:0 auto;}
#pg10 a span {display:block;height:30px;font-size:13px;color:#87B02E;line-height:30px;border-top:1px #87B02E solid;border-bottom:1px #87B02E solid;}
#pg10 a span {color: #0038c7 !important;border-color: #0038c7 !important;}



/* Slide Page */
.link_holder_parallax{position:fixed;right:10px;top:50%;width:13px;z-index:500;}
.touch .link_holder_parallax{border:1px solid #e4e4e4;}
.link_holder_parallax a{
	display:block;
	width:13px;
	height:13px;
	position:relative;
	margin:0px 0px 8px 0px;
	background:#bbb;
	overflow:hidden;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	-moz-box-shadow:inset 0 2px 3px 0 #555;
	-webkit-box-shadow:inset 0 3px 3px 0 #555;
	box-shadow:inset 0 2px 3px 0 #555;
}
.link_holder_parallax a:hover,
.link_holder_parallax a.active{background-color:#87B02E;}
.tooltip{margin:-4px 0 0 10px;padding:0px 10px;width:100px;height:22px;line-height:22px;color:#fff;background-color:#87B02E;z-index:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.parallax section{padding:1px 10px;background-repeat:no-repeat;background-color:transparent;background-attachment:fixed;background-position:center 0px;overflow:hidden;}

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