/* BASIC css start */
#bbsData { width:100%; overflow:hidden; padding-top:120px; padding-bottom:150px; }
#bbsData .page-body { width: 1060px; margin:0 auto; box-sizing: border-box;}


.bbs-link { font-size:0 }
.bbs-link a { margin:0 2px }
.bbs-link a.delete { padding: 0 3px 0 5px; }
.bbs-link a.reply { padding: 0; }

.bbs-table-view .data-bd-cont {padding: 0; padding:80px 0; color:#000; border-bottom:1px solid #e7e7e7;font-size: 18px; font-weight:400; line-height:1.6;}
.bbs-table-view .data-bd-cont h1 { font-size:24px; font-weight:700; margin-bottom:10px; }
.bbs-table-view .data-bd-cont img { max-width:100%; margin: 15px 0; }
.bbs-table-view hr { display: block; }

.input-style2 { width: 120px; margin: 0px 5px; }

.list-link {padding: 0;border-top: 2px solid #000;margin-top: 90px;}
.list-link li {padding: 28px 0;border-bottom: 1px solid #e7e7e7;}
.list-link li a {color: #000;font-size: 16px;font-weight: 400;vertical-align: top;}
.list-link span.arrow {padding: 0;padding-right: 18px;color: #000; font-weight:bold;font-size: 16px;margin-right: 50px;}
.list-link span.arrow.prev {background: url(/design/duolab/PC/before_list.svg) no-repeat right 50%;}
.list-link span.arrow.next { background: url(/design/duolab/PC/after_list.svg) no-repeat right 50%; }

.data-bd-cont .add_info { float: left; border: 1px solid #e5e5e5; 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 #e5e5e5;}
.list-tit { padding-left:7px; color:#9d9d9d; background: url('/images/d3/modern_simple/common/bull_join_required.gif') no-repeat 0 50%;}
.fixed-img-collist ul { padding:15px 11px 0;}
.fixed-img-collist ul li { float:left; padding:0 10px 15px; text-align:center;}
.fixed-img-collist ul li a { display:block; width:150px; font-size:11px; color:#9d9d9d;}
.fixed-img-collist ul li a span.prd img { width:142px; height:142px; margin-bottom:8px; padding:3px; border:1px solid #d8d8d8;}
.fixed-img-collist ul li p { padding:1px; font-size:11px; color:#666; font-weight:bold;}
/* »óÇ° »ó´Ü Á¤º¸ */
.prd-tinfo { margin-top:10px; zoom: 1; overflow: hidden; padding:20px 0 20px 107px; border:1px solid #e4e4e5 }
.prd-tinfo dt,
.prd-tinfo dd { position: relative; float: left; }
.prd-tinfo dt { left: -87px; margin-right: -87px; width:70px; height:70px }
.prd-tinfo dt img {  width: 100%; height: 100%; }
.prd-tinfo dd { width: 100%;  }
.prd-tinfo dd ul {  }
.prd-tinfo dd ul li { padding-top:14px }
.prd-tinfo dd ul li .tit { 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% !important; padding:0; margin:0; border-spacing:0; border-collapse:collapse; border-top: 1px solid #dadada; border-left: 1px solid #dadada; }
.privercy-contract .tbl caption { display:none; }
.privercy-contract .tbl th { line-height:32px; color: #3b3b3b; font-size:12px; font-weight:bold; background: #f0f0f0; text-align:center; }
.privercy-contract .tbl th,
.privercy-contract .tbl td { height:32px; padding:0; margin:0; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; letter-spacing:-1px }
.privercy-contract .tbl td .txt-l { padding:5px 3px; margin:0; text-align:left; }

.bbs-table-view .btn-report { display:block; text-align:right; color:#9d9d9d; font-size:11px; }
.writer .btn-member-declare {display:inline-block; width:12px; height:13px; margin:-4px 0 0 5px; text-indent:-9999px; background:url(/images/d3/modern_simple/btn_declare_icon_pc.png) 0 0 no-repeat;}


#overlay { z-index:101!important; }
#review-board-type .reply-write tbody td, #review-board-type .reply-write tbody th {
    font-size: 13px;
    color: #000;
    font-weight: 400;
    overflow: hidden;
    padding: 0;
}

#review-board-type .reply-write tbody td input {
    height: 48px;
    border: none;
    line-height: 32px;
    vertical-align: top;
    padding-left: 12px;
    font-size: 14px;
    color: #000;
}

#review-board-type .reply-write tbody td input::placeholder, #review-board-type .reply-write tbody td textarea::placeholder { color:#888; }


.url_box {
    position: relative;
    margin-top: 40px;
}

.url_box>div {
    width: 260px;
    height: 40px;
    border: 1px solid #000;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    line-height: 36px;
    padding-left: 10px;
    text-align: left;
    font-size: 13px;
    color: #000;
    font-weight: 400;
    float: left;
}

.url_box>a {
    float: left;
    width: calc(100% - 260px);
    text-align: center;
    height: 40px;
    line-height: 40px;
    background: #000;
    color: #fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 13px;
}


.btn_list i{margin-right: 4px;}
.view_box {
    padding: 7px 9px 5px;
    background: #fafafa;
    border-radius: 6px;
    float: right;
}

.view_box ul {
    overflow: hidden;
}

.view_box ul li {
    float: left;
    width: auto!important;
    margin-right: 16px!important;
    margin-bottom: 0!important;
    text-align: center;
}

.view_box ul li:last-of-type {margin-right: 0!important;}

.view_box ul li img {
    width: 13px;
    margin-right: 4px;
    vertical-align: middle;
    margin-top: -2px;
}

.view_box ul li span {
    font-size: 12px;
    color: #888;
    font-weight: 500;
}

.count_box {
    overflow: hidden;
    padding: 0 19px;
}
#review-board-type .left_btn_li .rb_gray_btn {
    border: none;
    margin: 0;
    margin-right: 20px;
    padding-right: 20px;
    position: relative;
}

#review-board-type .left_btn_li .rb_gray_btn:last-of-type img {
    width: 23px;
    margin-top: -2px;
}
#review-board-type .left_btn_li .rb_gray_btn:first-of-type:after {
    content: '';
    width: 1px;
    height: 28px;
    background: #eaeaea;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
.pw_div {
    display: inline-block;
    border-radius: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: hidden;
    line-height: 40px;
    float: left;
}

.id_div {
    display: inline-block;
    line-height: 40px;
    font-size: 13px;
    color: #000;
    font-weight: 400;
    margin-right: 15px;
    padding-right: 15px;
    position: relative;
    float: left;
}
.sub-reviews {
    padding: 0 19px;
}
a.recom_btn img {
    width: 12px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 1px;
}
span.comment_date {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 13px;
    color: #888;
}

.layer-pop .txt>div:first-of-type {
    width: 48.5%;
    height: 50px!important;
    line-height: 50px!important;
    float: left;
    border: 1px solid #ddd!important;
    border-radius: 6px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: hidden;
    margin-right: 3%;
}



.event_bottom_content {
    width: 100%;
    margin: 0 auto;
}

.bbs-table-view thead th { text-align:left; border-top:none; border-bottom:2px solid #000; padding:0; padding-bottom:40px; position:relative;  }  
.bbs-table-view thead th .subject_box {font-size: 30px; color:#000; font-weight:700; margin-bottom:35px;}
.bbs-table-view thead th .date_box { font-size:16px; color:#000; font-weight:700; }
.list_btn { width:576px; margin:0 auto; margin-top:80px; text-align:center; border:2px solid #000; box-sizing:border-box; }
.list_btn a { display:block; width:100%; height:72px; line-height:72px; font-size:18px; color:#000; font-weight:700; }
.bbs-table-view thead th .share_open {
    position: absolute;
    right: 0;
    bottom: 40px;
}



.sns_back, .place_back {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2);
    z-index: 99999;
    top: 0;
    left: 0;
    display:none;
}

.url_copy_box {display: block;width: 100%;overflow: hidden;height: 48px;line-height: 48px;box-sizing: border-box;-webkit-box-sizing: border-box;margin-top: 30px;}

.url_copy_box input, .url_copy_box a {float: left;}

.share_div .share_inner .url_copy_box a {width: 64px!important;vertical-align: middle;margin: 0;padding: 0;background: none;line-height: 50px;height: 48px;text-align: center;background: #000;color: #fff;font-size: 14px;font-weight: 700;}

.url_copy_box input {outline:none;font-size: 13px!important;color: #000;width: calc(100% - 64px);/* margin-right: 15px; */border: none;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;height: 48px;line-height: 48px;padding-left: 16px;box-sizing: border-box;border: 1px solid #e7e7e7;border-right: 0;}

.share_div .share_inner .url_copy_box a img {margin-top: -4px;height: 20px;vertical-align: middle;}


.share_div, .place_div {
    position: fixed;
    top: 50%;
    left: 50%;
    background: #fff;
    padding: 24px;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    width: 384px;
    overflow:
    hidden;
    z-index: 20;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    filter: drop-shadow(10.607px 10.607px 7.5px rgba(0,0,0,0.12));

    }
.place_div { height:263px; }
.share_div .share_inner {
    text-align: center;
    font-size: 0;
    }

.share_div .share_inner a {
    width: 56px;
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
    margin-right: 24px;
    /* margin-bottom: 12px; */
    cursor:
    pointer;
    }

.share_div .share_inner a:nth-of-type(3n) { margin-right:0; }
.share_div .share_inner a img {
    height: 56px;
    }


.op_head {
    margin-bottom: 30px;
    position: relative;
    font-size: 13px;
    font-weight: 500;
    color: #1c1b1b;
    font-size: 16px;
    color: #000;
    font-weight: 500;
    letter-spacing: -1px;
}

.op_head a { position:absolute; right:0; top: 0;          height: 14px; cursor:pointer;  }
.op_head a img { height:100%; }


/* BASIC css end */

