@charset "utf-8";

/* base */
html {overflow-y:scroll}
body {font-family:'NanumGothic',Dotum,AppleGothic,Arial,sans-serif; font-size:12px}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0}
h1,h2,h3,h4,h5,h6 {font-weight:bold; font-size:100%}
input, select, textarea, button, label {font-size:100%; vertical-align:middle}
input, select {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box}
fieldset, img, iframe {border:0 none}
img {vertical-align:middle}
textarea {resize:none}
th, td {text-align:left}
em, address {font-style:normal}
a {text-decoration:none; color:#000;}
a:hover,a:active,a:focus{text-decoration:underline}
menu,li {list-style:none}
button {padding:0; margin:0; border:0; cursor:pointer; vertical-align:middle; background:none}
caption {width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden}
hr {display:none}
i,em,address{font-style:normal}
label {cursor:pointer}
table {border-spacing:0; border-collapse:collapse}
/* class */
.hidden {visibility:hidden; position:absolute; left:-9999em; width:1px; height:1px; margin:0; padding:0; background:none; font-size:0; line-height:0; text-indent:-9999em}
/* default class */
.hide{display:none !important}
.show{display:block !important}
.invisible{visibility:hidden}
.hidden{display:none !important;visibility:hidden !important}
.blind,.access-hide,legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
.bd-none{border:none !important}
.bg-none{background:none !important}
.text-hide{border:0;background-color:transparent;font:0/0 a;color:transparent;text-shadow:none}
.tc,.text-center{text-align:center !important}
.tl,.text-left{text-align:left !important}
.tr,.text-right{text-align:right !important}
.text-justify{text-align:justify !important}
.text-nowrap{white-space:nowrap !important}
.fl,.float-left{float:left !important}
.fr,.float-right{float:right !important}
.clear{clear:both !important}
.img-responsive,.thumbnail > img,
.thumbnail a > img,
.board-detail-content img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img{display:block;max-width:100%;height:auto}
/* nav skip */
.skip_navi a{position:absolute; top:-9999em; width:100%; background:#ff7800; font:bold 18px; text-align:center; font-weight:bold}
.skip_navi a:hover , .skip_navi a:active , .skip_navi a:focus {padding:12px 0; top:0;  color:#000}

@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 400;
  src: local('../font/NanumGothic'), local(※);
  src: url('../font/NanumGothic.eot');
  src: url('../font/NanumGothic.eot?#iefix') format('embedded-opentype'),
       url('../font/NanumGothic.woff') format('woff')
}

/* 반응형 visible/hidden 정의 - customized Bootstrap
 * Bootstrap v3.3.2 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * phone    : ~ 767px
 * tablet   : 768px ~ 991px
 * desktop  : 992px ~ 1199px
 * large    : 1200px ~  */
@-ms-viewport{
width:device-width}
.visible-phone,.visible-tablet,.visible-desktop,.visible-large{display:none !important}
.visible-phone-block,.visible-phone-inline,.visible-phone-inline-block,.visible-tablet-block,.visible-tablet-inline,.visible-tablet-inline-block,.visible-desktop-block,.visible-desktop-inline,.visible-desktop-inline-block,.visible-large-block,.visible-large-inline,.visible-large-inline-block{display:none !important}
@media (max-width: 767px){
    .visible-phone{display:block !important}
    table.visible-phone{display:table}
    tr.visible-phone{display:table-row !important}
    th.visible-phone,td.visible-phone{display:table-cell !important}
    .visible-phone-block{display:block !important}
    .visible-phone-inline{display:inline !important}
    .visible-phone-inline-block{display:inline-block !important}
}
@media (min-width: 768px) and (max-width: 991px){
    .visible-tablet{display:block !important}
    table.visible-tablet{display:table}
    tr.visible-tablet{display:table-row !important}
    th.visible-tablet,td.visible-tablet{display:table-cell !important}
    .visible-tablet-block{display:block !important}
    .visible-tablet-inline{display:inline !important}
    .visible-tablet-inline-block{display:inline-block !important}
}
@media (min-width: 992px) and (max-width: 1199px){
    .visible-desktop{display:block !important}
    table.visible-desktop{display:table}
    tr.visible-desktop{display:table-row !important}
    th.visible-desktop,td.visible-desktop{display:table-cell !important}
    .visible-desktop-block{display:block !important}
    .visible-desktop-inline{display:inline !important}
    .visible-desktop-inline-block{display:inline-block !important}
}
@media (min-width: 1200px){
    .visible-large{display:block !important}
    table.visible-large{display:table}
    tr.visible-large{display:table-row !important}
    th.visible-large,td.visible-large{display:table-cell !important}
    .visible-large-block{display:block !important}
    .visible-large-inline{display:inline !important}
    .visible-large-inline-block{display:inline-block !important}
}
@media (max-width: 767px){
    .hidden-phone{display:none !important}
}
@media (min-width: 768px) and (max-width: 991px){
    .hidden-tablet{display:none !important}
}
@media (min-width: 992px) and (max-width: 1199px){
    .hidden-desktop{display:none !important}
}
@media (min-width: 1200px){
    .hidden-large{display:none !important}
}

/* skip navi to content */
.skip-nav a{position:absolute;top:-9999em;z-index:9999;width:100%;background:#475470;font:bold 1.3em;font-weight:bold;color:#fff;text-align:center}
.skip-nav a:hover,.skip-nav a:active,.skip-nav a:focus{top:0;padding:12px 0;color:#fff}

/* typography */
.nanum400{font-family:NanumGothic,'Nanum Gothic';font-weight:400}
.nanum700{font-family:NanumGothic,'Nanum Gothic';font-weight:700}
.nanum800{font-family:NanumGothic,'Nanum Gothic';font-weight:800}
.b{font-weight:700;font-weight:bold}
.bb{font-weight:800}