/* BASIC css start */
#bbsData .bbs-link { position: relative; }
#bbsData .bbs-link-top { margin-top: 10px; margin-bottom: -40px; margin-right: 400px; text-align: left; margin-left: 18px; }
#bbsData .bbs-link-btm { margin-top: 10px; margin-bottom: -40px; text-align: right; }

.bbs-table-list }
.bbs-table-list td a { font-weight:bold }

.fixed-img-collist {}     
.fixed-img-collist ul li {cursor:pointer; margin-right: 30px;float: left; padding: 0; width: 277px;position:relative;}
.fixed-img-collist ul li:after{
    content: "-";
    border: 1px solid #e9e9e9;
    position: absolute;
    left: 0;
    top: 0;
    width: 274px;
    height: 425px;
    font-size: 0;}
    
    
/* 롤오버효과 */
.fixed-img-collist ul li .line span.l1:before{display:block; content:""; width:0; height:2px; background:#0080ff; position:absolute; left:0; top:0; transition:all 0s; z-index:1;}
.fixed-img-collist ul li .line span.l1:after{display:block; content:""; width:2px; height:0; background:#0080ff; position:absolute; right:0; top:0; transition:all 0s; z-index:1;}
.fixed-img-collist ul li .line span.l2:before{display:block; content:""; width:0; height:2px; background:#0080ff; position:absolute; right:0; bottom:0; transition:all 0s; z-index:1;}
.fixed-img-collist ul li .line span.l2:after{display:block; content:""; width:2px; height:0; background:#0080ff; position:absolute; left:0; bottom:0; transition:all 0s; z-index:1;}

.fixed-img-collist ul li:hover .line span.l1:before{width:100%; height:2px; transition:all 0.2s linear;}
.fixed-img-collist ul li:hover .line span.l1:after{width:2px; height:100%; transition:all 0.2s 0.05s linear;}
.fixed-img-collist ul li:hover .line span.l2:before{width:100%; height:2px; transition:all 0.2s 0.1s linear;}
.fixed-img-collist ul li:hover .line span.l2:after{width:2px; height:100%; transition:all 0.2s 0.15s linear;}




.fixed-img-collist ul li:nth-child(4n){ margin-right: 0 !important;}
.fixed-img-collist ul li a { display: block;}
.fixed-img-collist ul li a > span { display: block;  width:276px;}
.fixed-img-collist ul li a span img{opacity: 0;}
.fixed-img-collist ul li a strong { color:#343434; }
.fixed-img-collist ul li a .info{
    background: #f9f9f9;
    width: 236px;
    height: 110px;
    padding: 20px;}
.fixed-img-collist ul li a .info p{font-size: 17px; padding-bottom: 6px;}
.fixed-img-collist ul li a .info p span.tit{display: inline-block; vertical-align: top; width: 55px; font-weight: 300; padding-right: 5px;}
.fixed-img-collist ul li a .info p span.txt{display: inline-block; vertical-align: top;}
.fixed-img-collist ul li a .info p.title{font-size: 20px; padding-bottom: 15px !important}
.fixed-img-collist ul li a .info p.brand{}
.fixed-img-collist ul li a .info p.prd-name{}
.fixed-img-collist ul li a .info p.date{
    font-size: 12px;
    font-weight: 300;
    color: #777777;
    padding-top: 4px !IMPORTANT;}

/* noimage */
.fixed-img-collist ul li a span.noimg{ display: block; width:252px; height:252px; text-align: center; font-size:18px; color:#f2f2f2; font-weight:bold; line-height:254px; border:1px solid #e9e9e9 }

/* class-list */
.class-list{
    margin-top: 75px;
    margin-bottom: 40px;
    text-align: center;}
.class-list ul { *zoom:1 }
.class-list ul:after { display:block; clear:both; content:'' }
.class-list ul li {display: inline-block; vertical-align: top;}
.class-list ul li a { display:block; font-size: 32px; color: #a7a7a7;}
.class-list ul li a:after{
    content: "|";
    width: 1px;
    height: 20px;
    background: #cfcfcf;
    font-size: 0;
    margin: 0 22px;
    display: inline-block;
    vertical-align: inherit;
    margin-top: -4px;}
.class-list ul li:nth-last-child(1) a:after{opacity:0}

.class-list ul li.on a{color:#0080ff}
.class-list ul li a:hover{color:#0080ff}

.type{
    margin-bottom: 40px;
    justify-content: center;
    display:flex}

.type li{
    width: 138px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    margin-right: 10px;
    display: table;
    overflow: hidden;}
    
.type li a{
    display: table-cell;
    font-weight: 300;
    color: #272727;
    font-size: 20px;}
    
    
.type li:hover,.type li.on{border:1px solid #0080ff}
.type li a:hover,.type li.on a{color:#fff; background:#0080ff}


.comment{
    border-radius: 30px;
    text-align: center;
    background: #f7faff;
    padding: 45px 115px;}

.comment p{font-size:16px; font-weight:300;color:#000;line-height:28px}

.bbstotal{
    padding: 50px 0 25px 0;
    font-size: 18px;
    font-family: Inter;}
    
.ex{font-size:20px; font-weight:300;color:#5d5d5d}

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

.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; }
/* 관련 상품 목록 */
.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;}
/* 개인정보보호정책 동의 */
.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 .data-bd-cont {position: relative;}
.bbs-table-view .data-bd-cont .btn-report {display:inline-block; font-size:11px; color:#9d9d9d; position:absolute; right:10px; bottom:10px;}
.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;}
/* BASIC css end */