/* BASIC css start */
/* view custom */
.bbs-table-view { margin-top:50px }
.bbs-table-view thead th { padding-top:20px; border-top:2px solid #000; border-bottom:0 }
.bbs-table-view thead th .viewTitle { padding-top:20px; font-size:30px; color:#000; font-weight:700 }
.bbs-table-view tbody td.line { display:none }

.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:1px solid #d6d6d6; background:#f7f7f7 }

.commentArea { margin-top:15px; padding:45px 45px 30px 47px; border:1px solid #d6d6d6; background:#f7f7f7; margin-bottom:20px }
.commentArea .commentTitle { 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:20px }
.commentArea .noComment { padding:30px 0; font-size:14px; color:#000; text-align:center }
.CSSbuttonBlackB{ margin:16px 0 !important;  box-sizing:border-box;}
/****************************************************************************************/
.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; }
.bbs-table-view .data-bd-cont img{ max-width:1300px }

.bbs-table-view hr { display: block; }
.wrt { padding-left: 24px; }
.wrt span { margin: 0px 10px; }
.wrt textarea { width: 86%; height: 50px; margin-right: 5px; }

.view-link { padding-bottom: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 {  }
.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; }


/*위브 */
#content{width:1280px;margin:0 auto 150px;}
.bbs-hd{display:none;}
.bbs-tit{margin:70px 0 0;padding-bottom:30px;border-bottom:2px solid #0F0F12}
.bbs-tit>div{margin-bottom:10px;}
.bbs-tit h3{font-style: italic;font-weight: bold;font-size: 34px;line-height: 34px;}
.bbs-tit h3 .top_title{margin-bottom:12px; color: #787878;font-weight: normal;font-size: 15px;font-style: normal;}

#MS_WritenBySEB center{margin-bottom:30px;}
#MS_WritenBySEB .swiper01{margin-bottom:50px;}
#MS_WritenBySEB .swiper01,#MS_WritenBySEB .swiper02{height:100%; padding-bottom:50px}
#MS_WritenBySEB .swiper01 img{display:inline-block; width:100%;}
#MS_WritenBySEB .swiper02 img{display:inline-block; width:100%;}
.view-link{text-align:center;padding:80px 0 !important;}
.view-link a{display:block; width:210px;height:50px;line-height:50px;margin:0 auto; background: #0F0F12;color:#fff;font-weight:600;font-size:15px;letter-spacing: -0.01em;}


#comment_form{}
.bbs-table-view td.com-wrt-box { border:1px solid #d6d6d6;border-top:1px solid #0F0F12; padding:30px !important;}
.com-wrt-box .wrt span,.com-wrt-box .input-style{display: inline-block;width:300px;height:45px;margin: 0 !important;padding:0 13px;line-height:45px; background-color:#F8F8FA;color:#787878 !important;border:none !important;font-weight: normal;font-size:14px;letter-spacing: -0.01em;}
.com-wrt-box .wrt span:nth-child(2){margin-right:20px !important}
.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;}
.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;
    resize: none;
}
.wrt { 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; }
.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; }
.commentTitle{display:none;}


/*내부 슬라이드*/


body .swiper01 {position:relative;margin:0 80px; height: 800px;overflow: hidden;box-sizing:border-box; }
body .swiper-slide {text-align: center; font-size: 18px; background: #fff;}
body .swiper-button-next,body .swiper-button-prev{width:30px;height:55px;}
body .swiper-button-next{ background:url('/design/akiiikr/wib/pc/img/look_n.png')no-repeat center / 30px !important;}
body .swiper-button-prev { background:url('/design/akiiikr/wib/pc/img/look_p.png')no-repeat  center/ 30px !important;} 
/*버튼원본소스
body .swiper01 + .swiper-button-next,body .swiper01 +.swiper-button-next + .swiper-button-prev{top:35% !important;}
*/
body .swiper01 + .swiper-button-next,body .swiper01 +.swiper-button-next + .swiper-button-prev{top:45% !important;}
body .swiper02 .swiper-button-next,body .swiper02 .swiper-button-prev{top:45% !Important;}
body .swiper-button-next::after,.swiper-button-prev::after { display: none;}

body .swiper-pagination{bottom:0;}
body .swiper-pagination-bullet{width: 50px !important; height: 3px !important; border-radius: 0 !important;background: #D9DDE1 !important;}
body .swiper-pagination-bullet-active{background: #0F0F12 !important;}


body .swiper02 {position:relative; width: 100%; height: 800px;overflow: hidden;padding:0 80px;box-sizing:border-box; }


.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:40px 0 !important;}
.bbs-table-view .comment-box td {border-bottom:1px solid #E9E9E9;background:#fff}
.paging{padding-top:40px;}

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 */