@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');   
}
/* 본고딕 */
@font-face {
    font-family:'NotoSansKR';
    src: url('/tpl/webfont/NotoSansKR-Regular.eot');
    src: url('/tpl/webfont/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'),
         url('/tpl/webfont/NotoSansKR-Regular.woff') format('woff'),
         url('/tpl/webfont/NotoSansKR-Regular.ttf') format('truetype');  
}
@font-face {
    font-family:'NotoSansKR';
	font-weight:100;
    src: url('/tpl/webfont/NotoSansKR-Thin.eot');
    src: url('/tpl/webfont/NotoSansKR-Thin.eot?#iefix') format('embedded-opentype'),
         url('/tpl/webfont/NotoSansKR-Thin.woff') format('woff'),
         url('/tpl/webfont/NotoSansKR-Thin.ttf') format('truetype');  
}
@font-face {
    font-family:'NotoSansKR';
	font-weight:300;
    src: url('/tpl/webfont/NotoSansKR-Light.eot');
    src: url('/tpl/webfont/NotoSansKR-Light.eot?#iefix') format('embedded-opentype'),
         url('/tpl/webfont/NotoSansKR-Light.woff') format('woff'),
         url('/tpl/webfont/NotoSansKR-Light.ttf') format('truetype');  
}
@font-face {
    font-family:'NotoSansKR';
	font-weight:500;
    src: url('/tpl/webfont/NotoSansKR-Medium.eot');
    src: url('/tpl/webfont/NotoSansKR-Medium.eot?#iefix') format('embedded-opentype'),
         url('/tpl/webfont/NotoSansKR-Medium.woff') format('woff'),
         url('/tpl/webfont/NotoSansKR-Medium.ttf') format('truetype');  
}

@font-face {		 
    font-family:'NotoSansKR';
	font-weight:700;
    src: url('/tpl/webfont/NotoSansKR-Bold.eot');
    src: url('/tpl/webfont/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype'),
         url('/tpl/webfont/NotoSansKR-Bold.woff') format('woff'),
         url('/tpl/webfont/NotoSansKR-Bold.ttf') format('truetype');  
}
@font-face {		 
    font-family:'NotoSansKR';
	font-weight:900;
    src: url('/tpl/webfont/NotoSansKR-Black.eot');
    src: url('/tpl/webfont/NotoSansKR-Black.eot?#iefix') format('embedded-opentype'),
         url('/tpl/webfont/NotoSansKR-Black.woff') format('woff'),
         url('/tpl/webfont/NotoSansKR-Black.ttf') format('truetype');
}

/*Defalut */
* {margin:0; padding:0}
body, td, th, div, span, input, select, textarea { font-family: 'NotoSansKR', sans-serif; font-size: 14px;color:#666; line-height:22px; }
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;}
#lnb{position:absolute; right:0; top:20px;}
#lnb ul:after{content:"";display:block;clear:both;}
#lnb li{float:left;margin-left:15px;}
#lnb li:first-child{margin-left: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 */
#left_menu{width:191px;float:left;position:relative;}
#left_menu .leftbanner {margin-top:40px;}
.submenu .sub-title{height:77px; width:191px; border-bottom:5px solid #2993e5;}
.submenu .sub-title span{font-size:12px; color:#888; margin-bottom:8px; font-weight:400; display:block; text-transform:uppercase;}
.submenu .sub-title h2{font-size:30px; color:#2993e5; font-weight:500;}
.submenu ul li{font-size:15px; padding:10px 0; width:191px;  border-bottom:1px solid #e2e2e2 }
.submenu ul li a{color:#888; font-weight:500; display:inline-block; width:191px; text-decoration:none; text-indent:15px;}
.submenu ul li._on{border-bottom:1px solid #2993e5; }
.submenu ul li._on a{color:#2993e5; }

.submenu ul .depth03 > li{position:relative; font-size:14px; padding:7px 0; text-indent:12px;  border-bottom:1px solid #d7d7d7; background:#f8f8f8;}
.submenu ul .depth03 > li:before{position: absolute;  left:15px; top:18px; content: ''; display: inline-block; width:5px; height:1px; background:#888;}
.submenu ul .depth03 > li a{color:#888;  font-weight:normal; width:176px;}
.submenu ul .depth03 > li._on a{color:#666;}
.submenu ul .depth03 > li._on{ background-color:#ede6ca;}
.submenu ul .depth03 > li._on:before{background:#666;}

#container:after{content:"";display:block;clear:both;}
#contents {float:right; width:724px;}
#contents .con_title p{margin-bottom:20px; font-size:12px; color:#888;}
#contents .con_title p strong{font-weight:normal; color:#000;}
#contents .con_title h3{font-size:32px; color:#333; font-weight:500; margin-bottom:20px;}
#contents .con_title h3 span{font-size:14px; color:#777; font-weight:normal; margin-left:10px; text-transform:uppercase;}

#quick{position:absolute;right:-30px; top:0;}
.contents .con_title p{font-size:12px;}
.contents .con_title p strong{font-weight:500;}

/* 게시판공통 */

.con_txt .contents_sub .board th{font-weight:normal;}
.con_txt .contents_sub .board .btn_mod{font-size:12px; padding:3px 5px; border:1px solid #cecece; border-radius:3px;}
.con_txt .contents_sub .board_view th{font-weight:normal;}
.con_txt .contents_sub .next_data_area .b, .con_txt .contents_sub .prev_data_area .b{font-weight:normal;}



