@charset "utf-8";
@font-face { 
 font-family:'NanumGothic';
 src: url('../font/NanumGothic.eot'); /* IE 4-8 */
 src: url('../font/NanumGothic.eot?') format('eot'), /* IE 9 */ 
 url('../font/NanumGothic.woff') format('woff'); /* IE 9, Firefox 3.6+, Chrome 6+ */
}

@font-face { 
 font-family:'NanumGothic';
 src: url('../font/NanumGothic-Bold.eot'); 
 src: url('../font/NanumGothic-Bold.woff') format('woff');
 font-weight:bold; 
} 

/* 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:NanumGothic,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;vertical-align:middle;}
hr, button img {display:none;vertical-align:middle;}
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; }
/* 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 {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;}		
/* layout */ .inner {position:relative; width:960px; margin:0 auto; }

/* Header */
#header {height:100px;z-index:1000;}
h1 {display:block;float:left;}
h1 a {display:inline-block;min-width:200px;height:80px;line-height:80px;font-size:24px;font-weight:800;color:#343434;text-align:center;letter-spacing:-1px;text-shadow:0 0 10px #fff;}
h1 a img {max-width:200px;max-height:80px;vertical-align:middle;}
h1 a:hover,
h1 a:active {color:#333;}
h1 #web_logo {display:block;}
h1 #mobile_logo {display:none;}
#header #top_menu ul {position:absolute;top:5px;right:0;padding:3px 10px;background:#003b77;opacity:0.8;filter:alpha(80%);}
#header #top_menu ul li {display:block;float:left;font-size:11px;letter-spacing:-0.5px;}
#header #top_menu ul li a {color:#eee;}
#header #top_menu ul li span {display:inline-block;padding:0 8px;font-size:10px;font-weight:normal;color:#aaa;}
#header #sub-desc {display:none;}
#nav {display:block;width:auto;float:right;margin:40px 0 0 0;}
#nav ul {}
#nav ul li {display:block;float:left;margin-left:1px;width:120px;}
#nav ul li a {display:block;height:30px;font-size:12px;color:#fff;line-height:30px;text-align:center;background:#003b77;opacity:0.8;filter:alpha(80%);}
#nav ul li a span {display:none;}
#nav .empty_menu {display:none;}
.type_c {display:none;position:absolute;margin:3px 0 0 0;padding:10px 0;width:120px;background:#003b77;opacity:0.8;filter:alpha(80%);z-index:1000;}
.type_c li {display:block;margin-left:0px !important;}
.type_c li a {display:block;padding:0 0 0 5px;height:26px !important;font-size:11px !important;line-height:26px !important;text-align:left !important;opacity:1 !important;filter:alpha(100%) !important;border-bottom:1px #222 solid;}
.type_c li a span {display:inline !important;font-size:14px;font-weight:bold;vertical-align:middle;}
.type_c li a:hover {margin-left:-3px;padding-left:8px;width:118px;border-bottom:1px #000 solid;}
.type_c li a:hover span {color:#ff0000 !important;}
 
/* Content */
#content-index {height:400px;}
#content-index .inner {padding:60px 0 0 100px;}
#content-index .desc {display:inline-block;padding-bottom:5px;font-size:14px;font-weight:bold;color:#fff;border-bottom:2px #CB0402 solid;}
#content-index h2 {display:block;height:55px;font-size:36px;font-weight:800;color:#fff;line-height:50px;z-index:99;text-shadow:0 3px 3px #bbb;}
#content-index p {display:block;font-size:18px;font-weight:800;color:#fff;line-height:24px;z-index:99;opacity:0.7;filter:alpha(70%);}
#content-bg {
	position:absolute;
	width:100%;
	height:150px;
    background-image:-webkit-gradient(linear, left top, left bottom, from( rgba(255,255,255,0) ), to( #FFFFFF ));
    background-image:-webkidt-linear-gradient( rgba(255,255,255,0) , #FFFFFF );
    background-image:-moz-linear-gradient( rgba(255,255,255,0) , #FFFFFF );
    background-image:-ms-linear-gradient( rgba(255,255,255,0) , #FFFFFF );
    background-image:-o-linear-gradient( rgba(255,255,255,0) , #FFFFFF );
    background-image:linear-gradient( rgba(255,255,255,0) , #FFFFFF );
    background-color:transparent;
	z-index:10;
}
#content .inner {min-height:300px;background:#fff;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;z-index:20;}
#content dl {display:block;margin:0 20px;}
#content dl dd {display:block;float:left;padding:3px 15px 0 0;margin:30px 15px 0 0;width:204px;height:175px;border-right:1px #ddd solid;}
#content dl dd a {color:#444;}

#content dl dd.tpl-img {text-align:center;}
#content dl dd.tpl-img img {width:100%;max-height:175px;vertical-align:middle;}
#content dl dd.tpl-img .tpl-img-mobile {display:none;}

#content dl dd.tpl-txt {}
#content dl dd.tpl-txt .title {display:block;margin-bottom:8px;font-size:15px;font-weight:bold;}
#content dl dd.tpl-txt p {display:block;margin-bottom:10px;font-size:11px;line-height:20px;height:40px;overflow:hidden;}
#content dl dd.tpl-txt img {width:100%;vertical-align:middle;}

#content dl dd.tpl-icon {}
#content dl dd.tpl-icon .title {display:block;padding-bottom:8px;font-size:15px;font-weight:bold;border-bottom:2px #aaa solid;}
#content dl dd.tpl-icon p {display:block;font-size:12px;line-height:20px;height:40px;overflow:hidden;}
#content dl dd.tpl-icon img {display:block;margin:15px auto;height:70px;vertical-align:middle;}

#content dl dd.tpl-info {}
#content dl dd.tpl-info .title {display:block;padding-bottom:8px;font-size:15px;font-weight:bold;border-bottom:2px #aaa solid;}
#content dl dd.tpl-info .desc {display:block;margin:20px 0 0 0;font-size:12px;}
#content dl dd.tpl-info .bold {display:block;margin:20px 0;font-size:30px;font-weight:bold;letter-spacing:-1px;}
#content dl dd.tpl-info p {display:block;font-size:12px;line-height:20px;height:40px;overflow:hidden;}

#content dl dd.tpl-latest {}
#content dl dd.tpl-latest .title {display:block;margin-bottom:8px;font-size:15px;font-weight:bold;}
#content dl dd.tpl-latest ol {}
#content dl dd.tpl-latest ol li {display:block;font-size:11px;}
#content dl dd.tpl-latest ol li a {display:block;padding:2px 0;font-size:11px;color:#666;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis;}

#content dl dd.last {padding:0;margin:30px 0 0 0;border-right:0px none;}

/* ---------- Footer ---------- */
#footer {display:block;position:absolute;width:100%;background:#eeefef;border:0px none;z-index:100;overflow:hidden;}
#footer #footer-menu {display:block;width:100%;background:#999;border-bottom:1px #bfbfbf solid;}
#footer #footer-menu .inner {height:30px;border-bottom:1px #868686 solid;}
#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:#444242;line-height:30px;}
#footer #footer-menu ul li a.curr {font-weight:bold;}
#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:#444242;line-height:1.4em;}
#footer #copyright a {color:#444242;}