@charset "utf-8";

.inner {position:relative; width:auto; margin:0 auto; }

#wrap_bg {background:none;}

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;text-shadow:none;}
h1 a:hover,
h1 a:active {color:#fff;}
h1 #web_logo {display:none;}
h1 #mobile_logo {display:block;}
#header {position:relative;height:auto;border:0px none;background:none;z-index:1000;box-shadow:none;}
#top_menu {display:none;}

#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;margin-left:0;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;
	text-align:left;
	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;
	opacity:1;filter:alpha(100%);
}
#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;}
.type_c {display:none !important;}

/* 내려오는 배너 */
#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;}

/* Footer */
#footer {position:relative;}
#footer #footer-logo {display:none;}
#footer #footer-logotxt {display:none;}
#footer #copyright {font-size:0.8em;margin:0 0 0 20px;}

/* Skin */
/* content */
#content {position:relative;width:720px;background:none;}
#content dl {margin:0 10px;}
#content dl dd {margin:30px 10px 0 10px;height:150px;overflow:hidden;}
#content dl dd.last {margin-top:30px;}
#content dl dd.tpl-gallery {width:700px;height:200px;}
#content dl dd.tpl-gallery ul li a {width:150px;}
#content dl dd.tpl-gallery ul li a img {width:100%;height:auto;}
#content dl dd.tpl-info {float:right;width:288px;}
#content dl dd.tpl-latest {width:288px;}
#content dl dd.tpl-latest ol li a span.latest_text{max-width:270px;}
#content dl dd.tpl-latest ol li a span.latest_text.add_newicon{max-width:250px;}
#content dl dd.tpl-latest ol li a span.datestr{color:#c0c0c0;}

#content dl dd.tpl-img-pc {display:none;}
#content dl dd.tpl-img-mobile {display:block;}
/* ---------- Slide ---------- */
.touchslider {position:relative;margin-top:22px;height:350px;overflow:hidden;}
.touchslider .touchslider-item .desc, .touchslider .touchslider-item h2, .touchslider .touchslider-item p {margin-right:20px;}
.touchslider .touchslider-nav {display:none;}
/* ---------- Footer ---------- */
#footer {position:relative;}