@charset "utf-8";

/* Font */
@font-face {
    font-family:'NanumGothic';
    src: url('/tpl/webfont/NanumGothic.eot');
    src: url('/tpl/webfont/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('/tpl/webfont/NanumGothic.woff') format('woff'),
         url('/tpl/webfont/NanumGothic.ttf') format('truetype');   
}


/*Defalut */
* {margin:0; padding:0}
body, td, th, div, span, input, select, textarea {font-family:'Noto Sans KR', sans-serif; font-size:15px; letter-spacing:-0.02em; color:#7c7b7b; line-height:18px; }
body { height:100%; overflow-y:scroll; *overflow-y:; -webkit-text-size-adjust:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,span,table,th,td,textarea {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
ul,ol,dl,dd,dt,li {list-style-type:none;}
img,th,td,fieldset,iframe { border:0; }
img {border:0;vertical-align:top;outline:none}
table,tbody,tfoot,thead,tr,th,td {border-collapse:collapse;}
textarea { border:1px solid #d1d1d1; height:120px; }
input,select,label { vertical-align:middle; }

/* Link */
a:link    { color:#7d7d7d; text-decoration: none; }
a:visited { text-decoration: none; }
a:hover   { color:#0b96d4; text-decoration: underline;  }
a:active  { color:#0b96d4; text-decoration: none;}

/* Layout */
#wrap {width:100%; min-width:980px; background:#fff;}
#sub_container{position:relative;width:980px; margin:30px auto 50px;}
#sub_container:after {content:"";display:block;clear:both;}
#footer {width:100%; padding:30px 0; border-top:1px solid #dbdfdf; background:#fff;}
#footer > div {width:980px;margin:0 auto;}
#footer > div:after {content:"";display:block;clear:both;}

/* Header */
#header {position:relative;margin:0 auto;width:980px;height:132px;}
#header #lnb{position:absolute;top:20px;right:0;}
#lnb ul:after{content:"";display:block;clear:both;}
#lnb li{float:left;margin-left:15px;}
#lnb li:first-child{margin-left:0;}
#header #logo{position:absolute;top:25px;left:0; }
#header #gnb{position:absolute;top:60px;right:0;}

.visual{width:100%; height:191px; text-align:center; background:url("/images/kor01-14-0032/sub/sub_top_bg.jpg") 0 24px repeat-x;}
.visual h2{width:1280px; margin:0 auto;}

/* Sub */
#container:after{content:"";display:block;clear:both;}

#contents {float:right; width:724px;}
#contents .con_title{position:relative; border-bottom:1px solid #333; margin-bottom:40px;}
#contents .con_title p{position:absolute; top:3px; right:10px; font-size:13px; margin-bottom:20px;}
#contents .con_title p strong{font-weight:700; color:#555;}
#contents .con_title h3{font-size:28px; letter-spacing:-1px; color:#333; padding-bottom:20px; font-weight:600;}
.contents .con_title p{position:absolute; top:3px; right:10px; font-size:13px; margin-bottom:20px;}
.contents .con_title p strong{font-weight:700; color:#555;}
#quick{position:absolute;right:-30px; top:0;}

/*left menu*/
#left_menu {float:left; width:191px;}
#left_menu .leftbanner {margin-top:20px;}
.submenu{position:relative; top:-5px;}
.submenu ul li{font-size:15px; padding:14px 10px;border-bottom:1px solid #e2e2e2}
.submenu ul li a{color:#484848;text-decoration:none}
.submenu ul li._on a{color:#2993e5; font-weight:700;}
.submenu h2{width:191px;color:#2993e5;padding:0 0 25px;font-size:28px;font-weight:600;border-bottom:4px solid #2993e5}
.left_banner{position:relative}
.left_banner li{margin-bottom:20px}