/* BASIC css start */
#contentWrapper {background:#f2f2f2;}
#ftWrap {margin:0 !important;}
#bbsData { padding:50px 10px 150px; max-width:1220px; margin:0 auto;}

#content .tit-page {text-align:center;font-size:32px;line-height:36px;border:0;padding-bottom:30px}

#bbsData .page-body { width:100%;padding:70px 90px;border:1px solid #8a8d98;background:#fff;box-sizing:border-box; }
#bbsData .bbs-hd {display:none;}

#bbsData .com-wrt-box .wrt textarea {width:85%;}

.bbs-table-view > table * { font-family:"Nanum Gothic"; }
.bbs-table-list table td { font-family:"Nanum Gothic"; }
.bbs-table-list thead th {padding:0;font-size:13px;}

.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:#666; font-size:14px;line-height:1.5; }

.bbs-table-view hr { display: block; }
.bbs-table-view .cont-sub-des,
.bbs-table-view .cont-sub-des span ,
.bbs-table-view .cont-sub-des span em {font-size:14px;line-height:1.4;}

.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;}
/* 상품 상단 정보 */
.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; }

/*
========================================================================
반응형 - 게시판 보기
========================================================================
*/
@media (max-width: 1250px) {
    #bbsData .page-body {padding:40px;}
}
@media (max-width: 768px) {
    #contentWrapper {background:#fff;}
    #content {padding:0;}
    #bbsData {width:100%;padding:10vw 3vw;box-sizing:border-box;}
    #bbsData .page-body {border:0;padding:0;margin:0;background:#fff;}
    #bbsData .hits {width:0;line-height:0;overflow:hidden;}
    .view-link a {width:20%;}
    
    #bbsData .bbs-table-list {display:block;border-top:1px solid #e9e9e9;}
    #bbsData .bbs-table-list colgroup,
    #bbsData .bbs-table-list col,
    #bbsData .bbs-table-list thead {display:none;}
    #bbsData .bbs-table-list tbody {display:block;}
    #bbsData .bbs-table-list tbody tr {display:block;border-bottom:1px solid #e9e9e9;padding:15px 0;}
    #bbsData .bbs-table-list tbody tr.pnotice {background:#fafafa;}
    #bbsData .bbs-table-list tbody th {display:block;}
    #bbsData .bbs-table-list tbody td {display:block;padding:0;border:0;}
    #bbsData .bbs-table-list tbody td.psubject img {display:none;}
    #bbsData .bbs-table-list tbody td.pdate {display:inline;color:#999;line-height:20px;}
    #bbsData .bbs-table-list tbody td.pdate .tb-center {text-align:left;}
    #bbsData .bbs-table-list .pwrite,
    #bbsData .bbs-table-list .hits {display:none}
    
}

@media (max-width: 480px) {
	#bbsData {padding:15px 5px;}
    .com-wrt-box .input-style {width:35%;}
    #bbsData .com-wrt-box .wrt textarea {width:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;}
    .com-wrt-box .wrt_write .CSSbuttonWhite {width:100%;height:40px;line-height:40px;margin:0;border-top-left-radius:0;border-top-right-radius:0;}
    
}

/* BASIC css end */