/* BASIC css start */
html.none-scroll {
    overflow: hidden;
}
.modal-item{display : none;}
.modal-bg{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 999;
}
.modal__box {
    margin: 0px auto 80px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
}
.modal__box>i {
    font-size: 40px;
    float: right;
    color: rgb(255, 255, 255);
    margin-bottom: 20px;
    cursor: pointer;
}

ul.board-category {
    font-size: 0;
    text-align: center;
    margin-bottom: 60px;
}
ul.board-category>li>a {
    display: inline-block;
    text-align: center;
    line-height: 40px;
    width: 120px;
    height: 40px;
    border-radius: 20px;
    color: #000;
    font-size: 16px;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    transition: all 0s;
    background-color : #f5f5f5;
}
ul.board-category>li.now>a {
    background-color: #d8001c;
    color: #fff;
}
ul.board-category>li {
    display: inline-block;
    margin-right: 10px;
}

ul.board-category>li:last-of-type {
    margin-right: 0;
}

.page-body { margin-top: 77.5px; margin-bottom : 150px }
.event_cate { box-shadow: rgb(237, 28, 36) 0px 2px 0px 0px inset; }
.bbs-table-view { margin-top: 0px; border: none; border-radius: 0px; overflow: inherit; margin-bottom: 0px; }
.list-link a { font-size: 14px; vertical-align: middle; }
.event_cate a { color: rgb(237, 28, 36) !important; }
.bbs-link a.delete { padding: 0px 3px 0px 5px; }
.bbs-link a.reply { padding: 0px; }
.bbs-table-view .data-bd-cont { padding: 0px 0px 70px; text-align: center; font-size: inherit; color: inherit; }
.comment-write .wrt { margin-bottom: 20px; }
.wrt span { }
span { }
.comment-write .wrt textarea { font-size: 14px; color: rgb(153, 153, 153); height: 100px; border-radius: 5px; background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); resize: none; outline: none; padding: 20px; width: calc(100% - 110px); box-sizing: border-box; margin-right: 10px; }
.view-link { text-align: right; margin-bottom: 30px; }
.view-link .con-link { position: absolute; left: 0px; }
.input-style2 { width: 120px; margin: 0px 5px; }
.list-link { padding: 6px 14px; border-top: 1px solid rgb(237, 237, 237); }
.list-link li { padding: 4px 0px; }
.list-link span.arrow { padding: 0px 10px 0px 15px; font-size: 14px; color: rgb(157, 157, 157); vertical-align: middle; }
.list-link span.arrow.prev { background: url("/images/d3/modern_simple/common/icon_prev_arrow.gif") left center no-repeat; }
.list-link span.arrow.next { background: url("/images/d3/modern_simple/common/icon_next_arrow.gif") left center no-repeat; }
.data-bd-cont .add_info { float: left; border: 1px solid rgb(229, 229, 229); width: 97%; padding: 5px 10px; line-height: 150%; margin-bottom: 10px; }
.data-bd-cont .add_title { float: left; width: 30%; font-weight: bold; }
.data-bd-cont .add_content { float: left; width: 70%; }
.data-bd-cont .attach { text-align: center; margin-bottom: 10px; }
.fixed-img-collist { margin-top: 10px; padding-top: 10px; border-top: 1px solid rgb(229, 229, 229); }
.list-tit { padding-left: 7px; color: rgb(157, 157, 157); background: url("/images/d3/modern_simple/common/bull_join_required.gif") 0px 50% no-repeat; }
.fixed-img-collist ul { padding: 15px 11px 0px; }
.fixed-img-collist ul li { float: left; padding: 0px 10px 15px; text-align: center; }
.fixed-img-collist ul li a { display: block; width: 150px; font-size: 11px; color: rgb(157, 157, 157); }
.fixed-img-collist ul li a span.prd img { width: 142px; height: 142px; margin-bottom: 8px; padding: 3px; border: 1px solid rgb(216, 216, 216); }
.fixed-img-collist ul li p { padding: 1px; font-size: 11px; color: rgb(102, 102, 102); font-weight: bold; }
.privercy-contract textarea { height: 60px; width: 660px; }
.privercy-contract-tap { height: 30px; }
.privercy-contract-tap li a { padding: 7px 10px; }
.privercy-contract .tbl { width: 100%; padding: 0px; margin: 0px; border-spacing: 0px; border-collapse: collapse; border-top: 1px solid rgb(218, 218, 218); border-left: 1px solid rgb(218, 218, 218); }
.privercy-contract .tbl caption { display: none; }
.privercy-contract .tbl th { line-height: 32px; color: rgb(59, 59, 59); font-size: 12px; font-weight: bold; background: rgb(240, 240, 240); text-align: center; }
.privercy-contract .tbl th, .privercy-contract .tbl td { height: 32px; padding: 0px; margin: 0px; border-right: 1px solid rgb(218, 218, 218); border-bottom: 1px solid rgb(218, 218, 218); letter-spacing: -1px; }
.privercy-contract .tbl td .txt-l { padding: 5px 3px; margin: 0px; text-align: left; }
.gnbArea .gnb > .nav5 { background: rgb(123, 191, 21); }
.gnbArea .gnb > .nav5 > a { color: rgb(255, 255, 255); }
.tb-center { font-size: 16px; }
.write { background: rgb(123, 191, 21); font-size: 15px; color: rgb(255, 255, 255); padding: 15px 30px !important; }
.banner-slider { width: 1200px; margin: 0px auto; overflow: hidden; }
.banner-slider__wrap { width: 1160px; margin: 0px auto 130px; position: relative; min-height: 160px; }
.board-title > h2 {font-size: 36px;color: rgb(0, 0, 0);font-weight: 500;}
.board-title {text-align: center;margin-bottom: 35px;}
.board-title > p { font-size: 16px; line-height: 22px; color: rgb(216, 0, 28); }
.bbs-table-view .data-bd-cont > img {  }
.comment-write { height: 230px; border-radius: 10px; background-color: rgb(248, 248, 248); padding: 30px 40px; box-sizing: border-box; }
.comment-write label { font-size: 16px; color: rgb(0, 0, 0); margin-right: 20px; }
.comment-write input.MS_input_txt { width: 210px; height: 50px; border-radius: 5px; background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); margin-right: 20px; box-sizing: border-box; line-height: 48px; padding: 0px 20px; }
.comment-write input.MS_input_txt::placeholder { display: none; visibility: hidden; }
a.write-btn { display: inline-block; width: 100px; height: 100px; border-radius: 5px; background-color: rgb(0, 0, 0); text-align: center; line-height: 98px; color: rgb(255, 255, 255); font-size: 16px; border: 1px solid rgb(0, 0, 0); box-sizing: border-box; }
a.write-btn:hover { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); }
span.name { width: 210px; height: 50px; border-radius: 5px; background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); margin-right: 20px; box-sizing: border-box; line-height: 48px; padding: 0px 20px; font-size: 14px; color: rgb(153, 153, 153); display: inline-block; }
.comment-list {margin-top: 40px;border-radius: 10px;
background-color: #f8f8f8;padding: 0 40px;}
.comment-list__name {font-size: 16px;color: rgb(102, 102, 102);margin-bottom: 10px;position: relative;}
.comment-list .comment-list__item { padding: 45px 0px; border-bottom: 1px solid rgb(221, 221, 221); }
.comment-list .comment-list__item:last-of-type { border-bottom: none; }
.comment-list__name > .date { font-size: 14px; margin-left: 5px; }
.comment-list__desc { font-size: 16px; color: rgb(0, 0, 0); line-height: 1.8; }
.comment-list__item.comment-list__item--depth0 {
    border-bottom: 0;
    padding-bottom: 0;
}

.comment-list__item.comment-list__item--depth1 {
    padding-top: 35px;
    padding-left: 30px;
}

.comment-list__name>img {
    position: absolute;
    left: -27px;
    top: 3px;
}



.scrap__list {
    display: flex;
    justify-content: center;
    margin-bottom: 0px;
}
.scrap__list>li {
    margin: 0 15px;
    cursor : pointer;
}
/* BASIC css end */