/* BASIC css start */
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css?family=Montserrat+Alternates');

* { word-spacing:-0.09em; }
#contentWrapper { background-color:#f5f6f8; }
#content { padding-bottom:60px; }

.page-body { min-height:500px; }
.bbsWrap { width:100%; padding:60px; border:1px solid #e5e5e5; background-color:#fff; box-sizing:border-box; overflow:hidden; box-shadow:10px 15px 20px rgba(0,0,0,0.04); }
.bbs-hd01 { width:100%; padding:60px 0; }
.bbs-hd01 h3 { font-size:27px; font-weight:600; margin-bottom:5px; color:#222; text-align:center; }
.bbs-hd01 h3 span { color:#3ba0ec; }
.bbs-hd01 h4 { font-size:16px; font-weight:300; margin-bottom:30px; color:#3ba0ec; text-align:center; }
.bbs-hd01 .link01 { width:100%; text-align:center; font-size:0; }
.bbs-hd01 .link01 li { display:inline-block; }
.bbs-hd01 .link01 li a { display:block; width:198px; height:43px; font-size:14px; font-weight:400; color:#e5e5e5; text-align:center; line-height:43px; border:1px solid #e5e5e5; border-right:none; }
.bbs-hd01 .link01 li:last-child a { border-right:1px solid #e5e5e5; }

.bbs-hd01 .link01 li a:hover{	background-color:#777; color:#fff; }

.bbs-hd01 .link01 li a.lets { background-color:#e5e5e5; color:#fff; }

.bbs-tit { margin-top:0 !important; }
.bbs-tit > h3 { font-size:17px !important; font-weight:600; color:#222; line-height:40px; }

.bbs-table-list > table { background-color:#fff; }
.bbs-table-list > table > thead > tr > th { padding:15px 0 !important; background-color:#f5f6f8; }

.bbs-btm { padding:50px 0 0 !important; }
.bbs-btm .paging { padding:0 !important; }
.bbs-btm .paging a { width:40px; height:40px; font-size:14px; text-align:center; line-height:40px; color:#222; border:0px solid #fff; padding:0 !important; margin:0 6px !important; background-color:#fff; }
.bbs-btm .paging a.now { border-bottom:1px solid #0083cb; background-color:#fff; color:#0083cb; }
.bbs-btm .paging a.now2 { border:0px solid #fff; background-color:#fff; color:#0083cb; }
.bbs-btm .paging a:hover { border-bottom:1px solid #0083cb; }

.bbs-sch .key-wrap a { display:inline-block; width:38px; height:38px; border:1px solid #777; background-color:#777; text-align:center; line-height:38px; color:#fff; font-size:14px; }
.bbs-sch .key-wrap .MS_input_txt { width:198px !important; height:38px !important; border:1px solid #777; }

th { background-color:#f5f6f8; }



/* 탭메뉴 */
.tab_menu{
    width:100%;
    margin-top:150px;
    margin-bottom:50px;
    background:none;
    background-color#fff;
}

.tab_menu ul{
    width:100%;
    margin-bottom:0px;
    overflow:hidden;
}

.tab_menu ul li{
    width:33%;
    height:60px;
    float:left;
}

.tab_menu ul li a{
    display:block;
    width:100%;
    height:100%;
    line-height:60px;
    text-align:center;
    font-family:'Noto Sans KR', sans-serif;
    font-size:16px;
    font-weight:100;
    color:#b4b4b4;
    background-color:#fff;
    border:1px solid #e2e2e2;
    border-left:none;
    box-sizing:border-box;
    transition:all 0.8s;
}
.tab_menu ul li:nth-child(1) a{
    border-left:1px solid #e2e2e2;
}

.tab_menu ul li:hover a{
    box-shadow:600px 0 0 0 rgba(0,0,0,0.25) inset,
              -600px 0 0 0 rgba(0,0,0,0.25) inset;
    color:#fff;
}

.tab_menu ul li.active a{
    box-shadow:600px 0 0 0 rgba(0,0,0,0.45) inset;
    color:#fff;
}
    
.tab_menu h1{
    font-family:'Noto Sans KR', sans-serf;
    font-size:40px;
    color:#222;
    font-weight:600;
    clear:both;
    margin:30px 0;
}

.tab_menu h1 span{
    font-size:16px;
    font-weight:400;
    color:#333;
}


/* 본문 */
.container { width:100%; padding-top:0px; border:1px solid #e5e5e5; background-color:#fff; box-sizing:border-box; overflow:hidden; box-shadow:10px 0px 20px rgba(0,0,0,0.04); align:center; }
.container .img {display:block; float:left; position:relative; !important }


/* BASIC css end */