@charset "utf-8";

/* Hide */
h1-, 
#nav, 
#nav-sub, 
#nav-left, 
#top_menu,
#ment {display:none;}

/* layout */
.inner {position:relative; width:100%; margin:0 auto; }
#wrap.wrap_bg{background-position:center 0px;}
#wrap.wrap_bg.wrap_bg-3{/*background-position:-800px 30px;*/}

/* Header */
#header {width:100%;min-width:inherit;/*margin-bottom:22px;height:56px;*/border:0px none;/* background:#87B02E; */box-shadow:none; }
#header h2 {display:block;padding:1px auto;height:54px;font-size:18px;line-height:54px;color:#fff;text-align:center;}
#header #top-depth {display:block;/*padding:1px 0 0 0;float:left;*/}
#header #top-nav {display:none;}
#header.scrolled{height:56px;background-color:#B0B0B0;}

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


/* nav */
#nav {
	display:none;float:none;margin:0;background:none;border:0px none;
	position:fixed;top:56px;width:100%;padding-top:4px;background-color:#FFFFFF;
}
#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-mobile */
#nav-mobile {display:block;}
#nav-mobile ul {display:block;margin:30px 0 0 0;border-top:1px solid #E0E0E0;border-left:1px solid #E0E0E0;}
#nav-mobile ul li {display:block;float:left;width:50%;color:#333;}
#nav-mobile ul li a {
	display:block;
	padding:0 0 0 25px;
	height:68px;
	font-size:20px;
	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-mobile 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-mobile ul li a span {display:block;position:absolute;width:46%;margin:0 0 0 -25px;font-size:16px;color:#9A9A9A;text-align:right;}
#nav-mobile ul li a:hover span {color:#9A9A9A;}
#nav-mobile .empty_menu {display:block;text-align:center;}


.logo {/*background:#ffffff; box-shadow: 0 6px 20px 0 rgba(48,54,77,0.07);*/}

/* content */
#content {margin:0px 0 30px 0;/* margin:22px 0 30px 0;*/ /*padding-top:0px;*/ /*min-height:640px*/;height:100%; padding-top:0px;}

#content_div {margin:0px 20px 0px 20px;}
/*
#content_div span{font-size:1.3em!important;}
#content_div p{font-size:1.3em!important;}
#content_div h3{font-size:1.8em!important;}
*/

.sub-title .sub-title-overimg.overimg-1 {top: 0px!important;}


#content-view {position:relative;float:none;width:100%;}

.sub-item {display:block;margin:200px 10px 0 10px;line-height:24px;}
.sub-title {display:block;margin:45px 10px 0 10px;padding-bottom:10px;height:45px;border-bottom:0px #d6d6d6 solid;}
.sub-title .sub-title-overimg{margin-top:59px;width:250px;background-size:contain;right:auto;left:60%;}
.sub-title .sub-title-overimg.overimg-1{top:31px;}
.sub-title .sub-title-overimg.overimg-2{
	width:425px;left:335px;height:300px;top:60px;
/* top:132px;width:400px;left:340px; */
}
.sub-title .sub-title-overimg.overimg-4{top:49px;}
.sub-title h2 {font-size: 36px;}

/* 구형 안드로이드의 임의 너비값 조정에 대한 CSS */
.sub-item p, .sub-item h2, .sub-item h3, .sub-item h4 {display:block;background:url();}
.sub-item img {max-width:700px;}
/* 내려오는 배너 */
#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:1.6em;color:#fff;}

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

section {background-size:cover;}
#1 {margin-top: 56px;}
#pg1 h2 {margin:70px 0;font-size:40px;}
#pg2 {font-size:14px;}
#pg2 h2 {margin:50px 0 40px 0;font-size:22px;}
#pg2 .centerbox{padding:0px 5vw;text-align:left;}
#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;width:423px;}
#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:relative;margin-top:0px;}
#pg4- .last {margin:10px 0 0 8px;}

#pg4-.iconbox{}
#pg4-.iconbox ul{}
#pg4-.iconbox ul>li{}
#pg4-.iconbox ul>li.item1{margin-left:0px;width:255px;}
#pg4-.iconbox ul>li.item2{width:220px;}
#pg4-.iconbox ul>li.item3{width:183px;}
#pg4-.iconbox .iconbox_wrap{}
#pg4-.iconbox .iconbox_wrap.icon1{}
#pg4-.iconbox .iconbox_wrap.icon2{}
#pg4-.iconbox .iconbox_wrap.icon3{}
#pg4-.iconbox .iconbox_wrap h4{}

#pg5 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 auto 0;width:465px;}