/* BASIC css start */
.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: 20px 0 40px 0; color:#8d8d8d }
.bbs-table-view hr { display: block; }

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

.list-link { padding:10px 15px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; }
.list-link li { padding:10px 0px }
.list-link li a { color:#828282 }
.list-link span.arrow { padding: 0px 5px 0px 15px; color: #828282; font-weight:bold }
.list-link span.arrow.prev { background: url(/images/d3/modern_simple/common/icon_prev_arrow.gif) no-repeat left 1px }
.list-link span.arrow.next { background: url(/images/d3/modern_simple/common/icon_next_arrow.gif) no-repeat left 1px }

.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; }

.com-wrt-box .wrt_write .CSSbuttonBlack {vertical-align:top;}

/* 관련 상품 목록 */
.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; }

.comment-box .reporting {padding: 5px 0;}
.comment-box .reporting span {display: inline-block; padding-left: 15px; background: url(/images/d3/modern_simple/ico_reciew_reporting_h17_pc.png) left 3px no-repeat; color: #808080; font-size: 11px; background-size:10px 10px;}
.comment-box .reporting a {display: inline-block; padding: 0; font-size: 11px; color: #999999;}

.score-write { border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; }
.score-write .sco-wrt-box { padding: 20px 0 27px; }
.score-write .sco-wrt-box .sco-wrt-des { padding-bottom: 20px; font-size: 12px; color: #1c1c1c; font-weight: bold; }
.score-write .sco-wrt-box .sco-wrt-des label { display: inline-block; margin-left: 20px; cursor: pointer; }
.score-write .sco-wrt-box .sco-wrt-des label input { width: 18px; height: 18px; margin-top: -2px; margin-right: 3px; cursor: pointer; }
.score-write .sco-wrt-box .sco-wrt-txtr textarea { width: 974px; height: 78px; padding: 1px 0; border: 1px solid #ddd; }
.score-write .sco-wrt-box .sco-wrt-txtr .CSSbuttonBlack { width: 118px; height: 80px; line-height: 80px; font-size: 16px; }

.score-list { border-top: 1px solid #e9e9e9; }
.score-list .sco-lst-box { padding: 20px 0 27px; }
.score-list .sco-lst-box .sco-lst-des { padding-bottom: 20px; font-size: 12px; color: #1c1c1c; font-weight: bold; }
.score-list .sco-lst-box .sco-lst-txtr { padding: 30px 20px; background: #f6f6f6; }
.score-list .sco-lst-box .sco-lst-txtr .sco-date { display: flex; justify-content: space-between; }
.score-list .sco-lst-box .sco-lst-txtr .sco-date span { color: #757575; letter-spacing: 0.5px; }
.score-list .sco-lst-box .sco-lst-txtr .sco-txt { margin-top: 25px; }



/* 이전css */
.xans-board-title p.imgArea {
    margin: 0 0 20px;
}

.ec-base-box + #BoardDelForm .ec-base-table {
    border-top: 0;
}

.xans-board-read .ec-base-table .head {
    padding: 20px 0;
    border-bottom: 1px solid #eee;
}

.xans-board-read .ec-base-table .description {
    margin: 15px 0 0;
}

.xans-board-read .ec-base-table .description .name {
    display: inline-block;
    margin-right: 8px;
}

.xans-board-read .ec-base-table .description .name img {
    vertical-align: middle;
}

.xans-board-read .ec-base-table .etcArea {
    display: inline-block;
}

.xans-board-read .ec-base-table .etcArea li {
    display: inline-block;
    padding: 0 8px;
    vertical-align: middle;
    color: #6d6d6d;
    line-height: 20px;
}

.xans-board-read .ec-base-table .etcArea li a {
    text-decoration: none;
}

.xans-board-read .ec-base-table .etcArea li span {
}

.xans-board-read .ec-base-table .etcArea .txtNum {
    font-size: 13px;
    color: #6d6d6d;
}

.xans-board-read .ec-base-table .detail {
    word-break: break-all;
    line-height: normal;
}

.xans-board-read .ec-base-table .detail ol,.xans-board-read .ec-base-table .detail ul {
    margin: 15px 0;
    padding: 0 0 0 40px;
}

.xans-board-read .ec-base-table .detail ol li {
    list-style: decimal;
}

.xans-board-read .ec-base-table .detail ul li {
    list-style: disc;
}

.xans-board-read .ec-base-table .detail img {
    max-width: 100%;
    height: auto !important;
}

.xans-board-read .ec-base-table .attach {
    position: relative;
    padding: 10px 0;
}

.xans-board-read .ec-base-table .attach a {
    padding: 0 0 0 12px;
    color: #6d6d6d;
}

.xans-board-read .ec-base-table .attach a:hover {
    text-decoration: underline;
}

.xans-board-read .ec-base-table .attach a:first-child {
    padding-left: 20px;
    background: url("//img.echosting.cafe24.com/skin/skin/board/icon-file.svg") no-repeat 0 0;
    background-size: 13px auto;
}

.displaynone {
    display: none !important;
}

@media all and (min-width: 1025px) {
    .xans-board-read .ec-base-table .head h3 {
        font-size:18px;
        font-weight: normal;
    }

    .xans-board-read .ec-base-table .detail {
        padding: 30px 0px;
    }

    .xans-board-modify-9 #subject {
        width: 526px;
    }

    .xans-board-modify-9 #email1,.xans-board-modify-9 #email2 {
        width: 138px;
    }

    .xans-board-modify-9 #email3 {
        width: 138px;
        margin: 0 0 0 10px;
    }

    .xans-board-modify-9 #captcha {
        width: 200px;
        margin: 0 20px 0 10px;
    }

    .xans-board-read .ec-base-button.gBottom {
        border-top: 1px solid #eee;
        padding: 10px 0;
        margin: 10px 0 0;
    }

    .xans-board-read .ec-base-button.gBottom [class^='btn'] + [class^='btn'] {
    }

    .xans-board-read .ec-base-button.config {
        clear: both;
        float: none;
        display: block;
        border: 0;
        margin: 10px 0 0;
        padding: 0;
        text-align: left;
    }

    .xans-board-read .ec-base-button.config [class^='btn'] {
        margin: 0;
    }
}

@media all and (max-width: 1024px) {
    .xans-board-read .ec-base-table .head {
        padding:1rem 0;
    }

    .xans-board-read .ec-base-table .head h3 {
        font-size: 1.1rem;
        font-weight: normal;
    }

    .xans-board-read .ec-base-table .detail {
        padding: 1rem 0;
    }

    .xans-board-read .ec-base-table .etcArea li:first-child {
        padding-left: 0;
    }

    .xans-board-read .ec-base-button.config {
        clear: both;
        float: none;
        display: block;
        border: 0;
        margin: 10px 0 0;
        padding: 0;
        text-align: left;
    }

    .xans-board-read .ec-base-button.config [class^='btn'] {
        max-width: 7rem;
        min-width: 0;
        margin: 0;
    }

    .xans-board-read .password {
        margin: 20px 0;
    }

    .xans-board-read .ec-base-button.gBottom {
        margin: 0 0;
    }
}


.xans-board-movement li {
    overflow: hidden;
    padding: 0 20px 0 0;
    border-bottom: 1px solid #e9e9e9;
    line-height: 140%;
    color: #353535;
}

.xans-board-movement li strong,.xans-board-movement li a {
    float: left;
    padding: 15px 0 15px 15px;
    box-sizing: border-box;
}

.xans-board-movement li strong i {
    margin-left: 10px;
    margin-bottom: -3px;
}

.xans-board-movement li.next strong i {
    margin-bottom: 3px
}

@media all and (min-width: 1025px) {
    .xans-board-movement {
        margin:20px 0;
        border: 1px solid #e9e9e9;
        border-bottom: 0;
    }

    .xans-board-movement li a {
        text-decoration: none;
        width: calc(100% - 120px);
        border-left: 1px solid #e9e9e9;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .xans-board-movement li strong {
        width: 120px;
    }

    .xans-board-listsgroup h4 {
        margin: 0 0 20px 0;
    }
}

@media all and (max-width: 1024px) {
    .xans-board-movement {
        margin:20px 0;
        border-top: 1px solid #e9e9e9;
        border-bottom: 0;
    }

    .xans-board-movement li {
        padding: 0;
        font-size: 0.9rem;
    }

    .xans-board-movement li a {
        text-decoration: none;
        width: calc(100% - 7rem);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding-left: 0;
    }

    .xans-board-movement li strong {
        width: 7rem;
        padding-left: 0;
    }

    .xans-board-listsgroup h4 {
        margin: 0;
        padding: 10px 0;
    }
}

/* BASIC css end */