@charset "utf-8";

/* h */
h1 {display:block;float:none;margin:0 0 22px 0;background:#87B02E;}
h1 a {display:block;padding:0 0 0 10px;height:56px;font-size:24px;color:#fff;line-height:56px;text-align:left;letter-spacing:0;}
h1 a:hover,
h1 a:active {color:#fff;}
h1 #web_logo {display:none;}
h1 #mobile_logo {display:block;}

/* layout */
.inner {position:relative; width:100%; margin:0 auto; }

/* Header */
#header {position:relative;height:auto;border:0px none;background:none;z-index:1000;box-shadow:none;}
#top_menu {display:none;}

/* layout */
.inner {width:auto;margin:0 auto;}

/* ---------- scroll img ---------- */
/* 물방울 */
.water01{position:absolute;top:356px;left:50%;margin-left:-213px;width:64px;height:79px;}/*왼쪽첫번째 좌표*/
.water02{position:absolute;top:491px;left:50%;margin-left:-348px;width:42px;height:61px;}/*왼쪽두번째 좌표*/
.water03{position:absolute;top:560px;left:50%;margin-left:-319px;width:57px;height:85px;}/*왼쪽세번째 좌표*/
.water04{position:absolute;top:462px;left:50%;margin-left:212px;width:47px;height:47px;}/*오른쪽첫번째 좌표*/
.water05{position:absolute;top:618px;left:50%;margin-left:266px;width:27px;height:34px;}/*오른쪽두번째 좌표*/
.water06{position:absolute;top:621px;left:50%;margin-left:295px;width:58px;height:85px;}/*오른쪽세번째 좌표*/

/* nav */
#nav {display:block;float:none;margin:0;background:none;border:0px none;}
#nav ul {display:block;border-top:1px solid #E0E0E0;border-left:1px solid #E0E0E0;}
#nav ul li {display:block;float:left;width:50%;height:auto;color:#333;}
#nav ul li a {
	display:block;
	padding:0 0 0 25px;
	height:68px;
	font-size:20px;
	font-weight:normal;
	line-height:68px;
	color:#222;
	background:#ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{global-active-background-start}*/), to( #f6f6f6 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkidt-linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/);
	border-right:1px solid #E0E0E0;
	border-bottom:1px solid #E0E0E0;
}
#nav ul li a:hover {
	color:#222;
	background:#ffffff;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #ffffff /*{global-active-background-start}*/), to( #f6f6f6 /*{global-active-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkidt-linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #ffffff /*{global-active-background-start}*/, #f6f6f6 /*{global-active-background-end}*/);
}
#nav ul li a span {display:block;position:absolute;width:46%;margin:0 0 0 -25px;font-size:16px;color:#9A9A9A;text-align:right;}
#nav ul li a:hover span {color:#9A9A9A;}
#nav .last {float:left;width:50%; /*text-align:left;*/ }
#nav .empty_menu {display:block;text-align:center;}
#nav-sub {display:none;}


/* 내려오는 배너 */
#layerPopup {display:none;position:relative;top:auto;margin:0 auto;padding:0 20px 0 30px;width:auto;height:200px;background-color:#1b5eaa;}
#layerPopup h2 {font-size:25px;color:#fffc00;font-weight:bold;padding-top:20px;line-height:100%;line-height:30px;}
#layerPopup .btn_go {position:absolute;right:20px;top:20px;}
#layerPopup .close_pop {position:absolute;right:20px;bottom:20px;font-size:16px;color:#fff;}

/* content */
#content {margin-top:22px;}
.link_holder_parallax {display:none;}
.parallax section{background-attachment:scroll;}

section {background-size:cover;}
#pg1 h2 {margin:70px 0;font-size:40px;}
#pg2 {font-size:14px;}
#pg2 h2 {margin:50px 0 40px 0;font-size:22px;}
#pg3_shadow {display:block;position:absolute;left:0;width:100%;height:300px;background:#000;opacity:0.5;}
#pg3 {padding-top:20px;font-size:12px;}
#pg3 h2 {margin:15px 0;font-size:22px;}
#pg3 .line {margin:15px 0 0 0;}
#pg3 ul {display:block;text-align:center;}
#pg3 ul li {
	display:inline-block;
	margin:0 10px;
}
#pg3 ul li a {
	display:block;
	width:115px;
	height:115px;
	font-size:14px;
	color:#333;
	line-height:1.5em;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	border-radius:60px;
	background:#fff;
}
#pg3 ul li a:hover,
#pg3 ul li a:active {background:#9FB62E;color:#fff;}
#pg4 {font-size:13px;color:#fff;line-height:1.4em;}
#pg4 h4 {display:inline-block;padding-bottom:6px;margin-bottom:8px;font-size:14px;color:#333;line-height:1.4em;border-bottom:1px #9FB62E solid;}
#pg4 ul {display:block;margin-top:30px;}
#pg4 ul li {
	display:block;
	position:relative;
	float:left;
	margin:10px 8px 0 6px;
	width:220px;
	height:140px;
	font-size:12px;
	letter-spacing:-1px;
	color:#888;
	line-height:1.4em;
}
#pg4 ul li a {display:block;position:absolute;bottom:0;right:0;font-size:12px;color:#9FB62E;}
#pg4 .last {margin:10px 0 0 8px;}
#pg5_shadow {display:block;position:absolute;left:0;width:100%;height:300px;background:#000;opacity:0.5;}
#pg5 {padding-top:20px;font-size:12px;}
#pg5 h2 {margin:15px 0;font-size:22px;}
#pg5 .line {margin:15px 0 0 0;}
#pg5 ul {display:block;text-align:center;}
#pg5 ul li {
	display:inline-block;
	margin:0 10px;
}
#pg5 ul li a {
	display:block;
	width:115px;
	height:115px;
	font-size:14px;
	color:#333;
	line-height:1.5em;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	border-radius:60px;
	background:#fff;
}
#pg5 ul li a:hover,
#pg5 ul li a:active {background:#9FB62E;color:#fff;}
#pg6 h2 {margin:60px 0 40px 0;font-size:30px;}
#pg7_shadow {display:block;position:absolute;left:0;width:100%;height:300px;background:#000;opacity:0.5;}
#pg7 {padding-top:20px;font-size:12px;}
#pg7 h2 {margin:15px 0;font-size:22px;}
#pg7 .line {margin:15px 0 0 0;}
#pg7 ul {display:inline-flex;text-align:center;}
#pg7 ul li {
	display:inline-flex;
	margin:0 10px;
}
#pg7 ul li a {
	display:block;
	width:115px;
	height:115px;
	font-size:14px;
	color:#333;
	line-height:1.5em;
	-webkit-border-radius:60px;
	-moz-border-radius:60px;
	border-radius:60px;
	background:#fff;
}
#pg7 ul li a:hover,
#pg7 ul li a:active {background:#9FB62E;color:#fff;}
#pg8 h2 {margin:60px 0 40px 0;font-size:30px;}
#pg9 h2 {margin:60px 0 40px 0;font-size:30px;}
#pg10 h2 {margin:60px 0 40px 0;font-size:30px;}

/* Footer */
#footer #footer-logo {display:none;}
#footer #footer-logotxt {display:none;}
#footer #footer-menu #footer-menu-pc {display:none;}
#footer #footer-menu #footer-menu-mobile {display:block;}
#footer #copyright {margin:0 0 0 20px;}