/* BASIC css start */
.pwd-link { margin-top:15px; text-align:center; }

#contentWrapper { background-color:#f5f6f8; }
#content { padding-bottom:60px; }



.CSSbuttonBlack { font-size:14px; width:114px !important; height:50px !important; line-height:50px !important; border-radius:50px; display:inline-block; color:#fff; text-align:center; border:1px solid #0d277d; background: #0d277d; -webkit-transition:all 0.3s ease; transition:all 0.3s ease }
.CSSbuttonBlack:hover { color:#fff; background:#0d277d; opacity:.5; }
.CSSbuttonBlack:active { position:relative; top:1px }

.CSSbuttonWhite { margin-left:10px;  font-size:14px; width:114px !important; height:50px !important; line-height:50px !important; border-radius:50px; display:inline-block;  color:#fff; text-align:center;  border:1px solid #c8c8c8; background:#c8c8c8; -webkit-transition:all 0.3s ease; transition:all 0.3s ease }
.CSSbuttonWhite:hover { color:#c8c8c8; background:#222; opacity:.5; }
.CSSbuttonWhite:active { position: relative; top: 1px }




.page-body { min-height:500px; }
.bbsWrap { width:100%; padding:60px; border:0px 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:#f9f8f7; border-radius:50px; }
.bbs-table-list > table > thead > tr > td {  border-radius:50px; }

.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:#f9f8f7; }

.cont-sub-des { width:100%; }
.cont-sub-des > div:first-child { float:left; }
.cont-sub-des > div:last-child { float:right; }






/* 탭메뉴 */
.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:20%;
    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:240px 0 0 0 rgba(0,0,0,0.25) inset,
              -240px 0 0 0 rgba(0,0,0,0.25) inset;
    color:#fff;
}

.tab_menu ul li.active a{
    box-shadow:240px 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:240;
    clear:both;
    margin:30px 0;
}

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

/* BASIC css end */