@charset "utf-8";
@font-face {font-family: '나눔고딕';src: url("../fonts/NanumGothic.eot");}
@font-face {font-family: '나눔고딕';src: url("../fonts/NanumGothic.woff");}
/* extend bootstrap */
.nav-tabs>li>a{border-top:2px solid transparent;padding:12px 90px;font-weight:bold;font-family:'나눔고딕';font-size:13px;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{border-top:2px solid #ef792a;border-bottom:1px solid #f2f3f5;background:#f2f3f5;background:linear-gradient( to bottom, #fff, #f2f3f5);color:#ef792a;}

.table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td{padding:8px;line-height:1.6em;text-align:justify;}
.panel{box-shadow:none;}
.panel-heading{border-radius:0;padding:15px;}
.text-info{color:#505b84}
.btn{transition:.3s;}
.btn-info{background:#d9e0ec;border-color:#cbd1dd;color:#8d96b5}
.btn-xs{font-size:11px;font-family:dotum;letter-spacing:-1px;padding:3px 8px 2px;}
.badge{font-weight:normal;}
.img-responsive{margin-top:6px;}

/* Common */body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,figure,figcaption{margin:0;padding:0}

body,input,textarea,select,button,table,p{font-family:'나눔고딕';font-size:13px;line-height:1.9em;color:#777;}
img{border:0}
strong, strong a{color:#901c49;}
header,hgroup,article,nav,footer,figure,figcaption,canvas,section,time{display:block}
.blind,caption{overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;text-indent:-9999px}
a{color:#666;text-decoration:none}
a:hover,a:active{color:#444;text-decoration:none;}
.hide{display:none}
.clr{clear:both}
.f_left{float:left !important}
.f_right{float:right !important}
.txt_align_l{text-align:left !important}
.txt_align_c{text-align:center !important}
.txt_align_r{text-align:right !important}
.margin_up{margin-top:-18px;}
.gap{clear:both;height:40px;}
.gap_small{height:10px;font-size:10px;clear:both;}
.gap_line{clear:both;height:40px;margin-bottom:40px;border-bottom:1px dotted #d9d9d9}
.small{font-size:11px;padding:3px;}
.txt_en{font-family:arial !important;letter-spacing:normal !important;}
#backtotop {background: #333 url("../img/sprite.png") 0 -60px no-repeat;border-radius: 3px 3px;bottom: 10px;display: none;filter: alpha(opacity=50);height: 30px;opacity: 0.5;position: fixed;right: 10px;transition: 0.3s;width: 30px;text-indent:-9999px;}
#backtotop:hover {background-color: #000;filter: alpha(opacity=100);opacity: 1;}
/* 텍스트 숨김 */
.screen_out{display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px}

/* main *//* main *//* main *//* main *//* main *//* main *//* main */
/*layout*/
body{padding:70px 0;}
#wrap_main{width:850px;margin:0 auto;text-align:left;}
#main_header {position:relative; height:251px; background:url(../images/header_bg.jpg) top center no-repeat;}
#main_header #logo {padding-top:35px; padding-left:40px;}
#main_header #date {padding-top:35px; padding-left:40px;}
#main_header #text {padding-top:25px; padding-left:40px;}
#main_footer{}

/* sub *//* sub *//* sub *//* sub *//* sub *//* sub *//* sub *//* sub */
/* layout */
body.subpage{padding-right:208px;}
#side {position:fixed; left:50%; margin-left:310px; width:188px;top:96px;}
#wrap {margin:0 auto;width:850px;text-align:left;}
#header {position:relative; height:249px; background:url(images/banner.jpg) left bottom no-repeat; }
#content {position:relative; overflow:hidden;}
#footer {background:#fff;}
/* style */
#side > ul {list-style:none; width:190px;}
#side > ul li:first-child {border-top:1px solid #989898;}
#side > ul li {line-height:1.9em;border-bottom:1px solid #989898; transition:.2s; overflow:hidden;}
#side > ul li a {display:block; height:100%; padding:20px 10px;}
#side > ul li.on, #side > ul li {background-position:left center;}
#side > ul li.on, #side > ul li:hover {background:#b2e6e5 url(../images/hv_icon.png) 7px center no-repeat;}

#header > a {float:right; margin-top:-30px; margin-bottom:10px;}
#header .banner {position:relative; background:url(../images/sub_banner.jpg) left bottom no-repeat; height:223px; clear:both;}
#header .banner h3 {position:absolute; top:43px; left:50px;}
#header .banner p.date {position:absolute; right:20px; top:10px;}
#header .banner p.txt {position:absolute; right:20px; bottom:20px;}
#header .banner .btn_box a:first-child img {margin-right:20px;}
		
#content h1 {padding-bottom:30px;}
#content h3 {margin-bottom:20px;}
#content h4 {line-height:1.5em;font-size:18px;marign-bottom:20px;}
#content p {text-align:justify;}
#content a.link_go {display:block; margin-top:5px;}
#content .img_caption {font-size:11px;font-family:dotum; line-height:1.5em; margin-top:10px; text-align:center;letter-spacign:-1px;}
#content .row {margin-bottom:10px;}

.panel-book{border-bottom:1px dashed #ccc;margin-bottom:10px;padding:30px 20px;background:#fcfcfc;border:2px solid #fcfcfc;transition:.3s;}
.panel-book:hover{border-color:#7AA4E5;background:#fff;}
img.img-book{width:160px;border:1px solid #ddd;box-shadow:5px 5px 1px rgba(0,0,0,.05);}
.small-indent{padding-left:15px;font-size:11px;font-family:doutum;letter-spacing:-1px;color:#888;}
.text-indent{padding-left:15px;}