@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* -----------------------------------------------------
- default
----------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, hr{margin: 0; padding: 0; border: 0; vertical-align: inherit; font-size:inherit; color:inherit;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
body, html{width:100%; height:100%; color:#555; vertical-align:middle;}
body {line-height: 150%; font-family:'Nanum Gothic', '나눔고딕', 'Dotum'; overflow-y:scroll; font-size:12px;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
a, a:hover, a:link, a:focus{text-decoration: none; color:inherit;}

input[type=text], input[type=password], input[type=file], select, textarea, button{min-height:22px; padding:0 4px; margin:1px; padding:0; border: 1px solid #c5c5c5; vertical-align:middle; line-height:20px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
input, img{vertical-align:middle;}
textarea{height:100px;}


/* -----------------------------------------------------
- common
----------------------------------------------------- */
.vwrap{width:1024px; margin:0 auto;}
.vwrap2{padding-top:20px;}
.vwrap2 #contents{padding-top:0;}
.vwrap2 #lnb{padding-top:0;}
.vwrap2 #lnb h1{border-bottom:1px solid #ddd;}
#wrap{width:100%; height:100%;}
#contents:after,
#lnb:after,
#container:after{content:' '; display:block; height:20px; clear:both;}
#lnb{float:left; width:200px; padding-top:170px; padding-bottom:20px;}
#contents{position:relative; float:right; width:800px; min-width:320px; padding:170px 0 0 24px;}
#header div.logo{height:103px; padding-top:10px; background:url('/img/common/bg01.gif') no-repeat center top;}
#header div.logo span{display:block; text-align:center;}
#header div.logo span.ci{position:relative; z-index:2; width:100px; margin:0 auto; padding-bottom:10px;}
#header div.logo span.ci img{width:100%;}

#gnb{position:absolute; top:0; left:50%; z-index:1; margin-left:-512px; padding-top:55px; text-align:right;}
#gnb > div{overflow:visible !important;}
#gnb ul{position:absolute; top:0; right:0; z-index:1; font-size:0;}
#gnb ul li{display:inline-block; font-size:12px; color:black;}
#gnb ul li:before{display:inline-block; content:'|'; padding:0 6px; color:#999;}
#gnb ul li:first-child:before{content:'';}

#tnb{position:relative; border:1px solid #ddd; border-width:1px 0;}
#tnb ul{display:table; height:44px;}
#tnb ul > li{position:relative; display:table-cell; font-size:15px; font-weight:bold;}
#tnb ul > li > a{position:relative; display:block; height:100%; line-height:44px; text-align:center;}
#tnb ol{display:none;}
#tnb ul > li.on > a{color:#203053;}
#tnb ul > li.on > a:after{content:' '; position:absolute; top:100%; left:0; display:block; width:100%; height:1px; overflow:hidden; background:#203053;}
#tnb ul > li{display:table-cell; font-size:15px; font-weight:bold;}
*#tnb.tnb_on:after{background:white;} /* ie 8 */
#tnb.tnb_on:after{content:' '; position:absolute; top:45px; left:0; z-index:2; width:100%; height:230px; border-bottom:2px solid #aaa; background:rgba(255,255,255, 0.9);}
#tnb.tnb_on ol{position:absolute; top:45px; left:0; z-index:3; display:block; width:100%; height:230px;}
#tnb.tnb_on ol li a{display:block; height:25px; line-height:25px; color:#555; font-size:12px; text-align:center;}
#tnb.tnb_on ol li a:hover{color:white; font-weight:bold; background:url('/img/common/bg02.gif');}
#btn_show_tnb{display:none;}

#footer{border-top:1px solid #ddd;}
#footer_wrap{position:relative; padding:25px 0 60px 170px; font-size:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
#footer_wrap span.logo{position:absolute; top:25px; left:0; display:block;}
#footer_wrap p{display:inline-block; font-weight:bold; color:#777; font-size:12px;}
#footer_wrap p span{display:block; padding-top:5px;color:#aaa;}
#footer_wrap p span strong{color:#777;}

#lnb h1{padding-bottom:10px;}
#lnb ul{border-top:1px solid #d8d8d8;}
#lnb ul li{height:31px; padding-left:20px; border-bottom:1px solid #e4e4e4; line-height:31px; color:#666; font-size:13px;}
#lnb ul li.on{color:#203053; font-weight:bold; background:url('/img/contents/icon_lnb01.gif') no-repeat 10px center;}
#lnb .cs{padding:20px 0 0 20px;}
#contents h1{height:30px; border-bottom:1px solid #ddd;}
#contents div.location{height:27px; margin-bottom:-31px; text-align:right; color:#888;}