/* BASIC css start */
/* view custom */
.bbs-table-view {}
.bbs-table-view thead th { border-bottom:0 ;border-top:0}
.bbs-table-view thead th .viewTitle {font-family: 'Noto Sans KR', sans-serif !important;text-align:left !important;  color: #0F0F12;letter-spacing: -0.03em; font-weight: 600;font-size: 34px;line-height: 34px;}
.bbs-table-view tbody td.line { display:none }
.bbs-table-view thead th .viewTitle .winfo{position:relative;display:inline-block; margin-top:11.5px; float:right;color: #787878;font-weight: normal;font-size: 14px;line-height: 14px;letter-spacing: -0.02em;}
.bbs-table-view thead th .viewTitle .winfo span:first-child{position:relative;margin-right:14px;}
.winfo .w1::before{position:absolute;top:5px;right:-9px ;content:'';width:1px;height:11px;background-color:#eee;}

.bbsThmbArea { margin:150px auto 100px; position:relative; width:910px }
.bbsThmbArea li { text-align:center }
.bbsThmbArea li img { max-width:100% }
.bbsThmbArea .bx-pager { padding-top:24px; font-size:0; text-align:center }
.bbsThmbArea .bx-pager .bx-pager-item { display:inline-block; margin:0 4px }
.bbsThmbArea .bx-pager .bx-pager-item a { display:block; width:8px; height:8px; text-indent:-9999em; border-radius:100%; background:#999 }
.bbsThmbArea .bx-pager .bx-pager-item a.active { background:#000 }
.bbsThmbArea .bx-controls-direction { margin-top:-27px; position:absolute; top:50%; left:0; right:0 }
.bbsThmbArea .bx-controls-direction a { display:block; position:absolute; top:0; width:33px; height:55px; font-size:24px; color:#fff; text-align:center; line-height:57px; background:rgba(0,0,0,0.4); transition:all 0.3s ease; -webkit-transition:all 0.3s ease }
.bbsThmbArea .bx-controls-direction a:hover { background:rgba(0,0,0,0.8) }
.bbsThmbArea .bx-controls-direction a.bx-prev { left:0; letter-spacing:5px }
.bbsThmbArea .bx-controls-direction a.bx-next { right:0 }

.loginBeforeArea { padding:26px 26px 26px 50px; border:1px solid #d6d6d6; background:#f7f7f7 }
.loginBeforeArea dl { *zoom:1 }
.loginBeforeArea dl:after { display:block; clear:both; content:'' }
.loginBeforeArea dt { float:left; font-size:14px; line-height:38px }
.loginBeforeArea dt i { margin-right:10px; font-size:20px; line-height:37px; vertical-align:top }
.loginBeforeArea dd { float:right }
.loginBeforeArea dd a { display:inline-block; width:102px; height:38px; font-size:14px; color:#000; text-align:center; line-height:38px; border:1px solid #d6d6d6; background:#fff }

.bbs-table-view td.com-wrt-box {border-top:1px solid #0F0F12; border-right:1px solid #d6d6d6;border-left:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6; padding:30px 0 !important;}

.commentArea { margin-top:20px; }
.commentArea .commentTitle {display:none; padding-bottom:7px; font-size:14px; font-weight:700 }
.commentArea .commentTitle i { margin-right:10px; font-size:20px; line-height:17px; vertical-align:top }
.commentArea .paging { padding-top:40px }
.commentArea .noComment { padding:30px 0; font-size:14px; color:#000; text-align:center }
.CSSbuttonBlackB{position:absolute;right:50px; display:inline-block; width:173px;height:90px;margin:20px 0; text-align:center; background: #0F0F12;color:#fff;font-weight: normal;font-size: 15px;line-height:90px; letter-spacing: -0.01em;
 }
/****************************************************************************************/
.bbs-link a.delete { padding: 0 3px 0 5px; }
.bbs-link a.reply { padding: 0; }
.bbs-table-view .data-bd-cont { padding: 55px 0 40px 0; }
.bbs-table-view hr { display: block; }
.wrt { padding: 0 30px;box-sizing:border-box; }
.wrt span { margin: 0px 10px; }
.wrt textarea { width: 100% !Important; height:130px !important;padding:20px 225px 0 17px !important; margin-right: 0;border:none !important;background: #F8F8FA;outline:none;box-sizing:border-box;font-weight: normal;font-size: 14px;
line-height: 14px;letter-spacing: -0.01em;  resize: none;}

.view-link { padding:40px 0 50px; text-align:right; border-top:1px solid #d6d6d6 }
.view-link .con-link { position: absolute; left: 0; }
.view-link a.CSSbuttonWhite { width:73px; font-size:14px }
.view-link a.CSSbuttonBlack { width:102px; font-size:14px }
.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: 15px 0px;font-family:dotum;border-bottom: 1px solid #e9e9e9;}
.list-link li a { font-family:dotum; 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 }

.add_info {display:none;  }
.add_title { width: 30%; font-weight: bold; }
.add_content { padding-top:20px; font-size:18px; color:#999 }
.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 { zoom: 1; overflow: hidden; padding: 10px 0 10px 80px; border: 3px solid #e0e0e0; margin-top: 20px; }
.prd-tinfo dt,
.prd-tinfo dd { position: relative; float: left; }
.prd-tinfo dt { left: -70px; margin-right: -70px; width: 60px; height: 60px; }
.prd-tinfo dt img {  width: 100%; height: 100%; }
.prd-tinfo dd { width: 100%;  }
.prd-tinfo dd ul { padding: 15px 0 0 10px; min-height: 45px; _height: 45px; border-left: 1px solid #e0e0e0; }
.prd-tinfo dd ul li { padding: 1px 0; }
.prd-tinfo dd ul li .tit { display: inline-block;  width: 55px; }
.prd-tinfo dd ul li.name .tit { letter-spacing: 1px; }
/* 개인정보보호정책 동의 */
.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: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; }


/*동영상 프레임*/
.video-container {position:relative;padding-bottom:53.20%;padding-top:30px;height:0;overflow: hidden;} 
.video-container iframe,.video-container object,.video-container embed {position:absolute;top: 0;left:0;width:100%;height:100%;}


/*위브*/
#content{width: 1280px; margin: 0 auto;margin-bottom:170px;}
.page-body{}
.viewTitle p{display:inline-block;}
.viewTitle p:nth-child(1){font-weight:bold;font-size: 34px;letter-spacing: -0.03em;}
.viewTitle p:nth-child(2){float:right;margin-top:10px;font-weight: normal;font-size: 14px;color: #787878;letter-spacing: -0.02em;}
.viewTitle p:nth-child(2) b{font-weight: normal;margin-right:7px;padding-right:7px;border-right:1px solid #eee;}

thead{}
.viewTitle{padding:70px 0 52px;border-bottom:2px solid #0f0f12;}
a.listgo{display:block; width:210px;height:50px;margin:0 auto; text-align:center;color: #FFFFFF;font-weight: 600;font-size: 15px;line-height: 50px;background: #0F0F12;}

.CSSbuttonLogW{display:block;width:210px !Important;height:50px !Important;margin:0 auto; background-color:#0f0f12;color:#fff;text-align:center;font-weight: 600;font-size: 15px !Important;line-height: 50px !Important;}
.com-wrt-box .wrt span,.com-wrt-box .input-style{display: inline-block;width:300px;height:45px;margin: 0 !important;padding:0;line-height:45px; background-color:transparent;color:#787878 !important;border:none !important;font-weight: normal;font-size:14px;letter-spacing: -0.01em;}
.com-wrt-box .wrt span{margin: 0 10px 0 0 !important;background-color:#F8F8FA;padding:0 0 0 13px}
.com-wrt-box .wrt span[type='password']{padding:0}
.com-wrt-box .wrt:first-child{margin-top: 0px !important;}

.com-wrt-box .wrt:last-child{margin-top: 15px !important;}
.commentb{float:right; display:inline-block;width:15%; height:130px;background: #F8F8FA;}


.com-wrt-box label{display:none;}
.comment-box .com-cont{margin-bottom:13.5px;padding-top:0!important; font-weight: normal;font-size: 14px;color: #0F0F12;}
.comment-box .coinfo span{font-weight: normal;font-size: 13px;color: #787878;}
.comment-box .coinfo span:first-child{position:relative; margin-right:20px; }
.comment-box .coinfo span:first-child::after{position:absolute;top:4px;right:-13px;content:'';width:1px;height:11px;background:#eee}
.bbs-table-view tbody td{padding: 25px 0 !important;}
.bbs-table-view .comment-box td {border-bottom:1px solid #E9E9E9;}

a.delete {display:inline-block;width:53px;height:33px; border: 1px solid #E9E9E9;font-size: 12px;line-height: 33px;text-align:center;box-sizing: border-box;color: #363636;letter-spacing: -0.02em;}
/* BASIC css end */