@charset "utf-8";

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

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

/* 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-depth ul li {display:block;float:left;border-right:1px rgba(255,255,255,0.5) solid;}
#header #top-depth ul li a {
	display:block;
	width:120px;
	height:54px;
	font-size:16px;
	line-height:54px;
	text-align:center;
	color:#fff;
	background:#87B02E;
	background-image: -webkit-gradient(linear, left top, left bottom, from( rgba(255,255,255,0.5) /*{global-active-background-start}*/), to( #87B02E /*{global-active-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkidt-linear-gradient( rgba(255,255,255,0.5) /*{global-active-background-start}*/, #87B02E /*{global-active-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( rgba(255,255,255,0.5) /*{global-active-background-start}*/, #87B02E /*{global-active-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( rgba(255,255,255,0.5) /*{global-active-background-start}*/, #87B02E /*{global-active-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( rgba(255,255,255,0.5) /*{global-active-background-start}*/, #87B02E /*{global-active-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( rgba(255,255,255,0.5) /*{global-active-background-start}*/, #87B02E /*{global-active-background-end}*/);
	background-color:transparent;
	border:0px none;
	border-right:1px #87B02E solid;
}
#header #top-depth ul li img {vertical-align:middle;}
#header #top-depth .home-icon {width:60px;}
#header #top-nav {display:none;}

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


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

/* content */
#content {margin:22px 0 30px 0;padding-top:0px;min-height:640px;height:100%;}
#content-view {position:relative;float:none;width:100%;}
.sub-item {display:block;margin:40px 10px 0 10px;line-height:24px;}
.sub-title {display:block;margin:45px 10px 0 10px;padding-bottom:10px;height:45px;border-bottom:1px #d6d6d6 solid;}

/* 구형 안드로이드의 임의 너비값 조정에 대한 CSS */
.sub-item p, .sub-item h2, .sub-item h3, .sub-item h4 {display:block;background:url();}
.sub-item img {max-width:700px;}

/* Footer */
#footer #footer-logo {display:none;}
#footer #footer-logotxt {display:none;}
#footer #copyright {margin:0 0 0 40px;}