/* BASIC css start */
.bbs-table-view .data-bd-cont { padding:60px 0 }
.bbs-table-view .data-bd-cont img{max-width:100%}
.input-style2 { width: 120px; margin: 0px 5px; }
.list-link { padding: 6px 0; border-top: 1px solid #C9C9C9; border-bottom: 1px solid #C9C9C9; }
.list-link li{margin:20px 0;}
.list-link li a{letter-spacing:-0.03em;font-size:14px;color:#767676;}
.list-link span.arrow { padding: 0px 25px 0px 19px; font-size: 14px; color: #C9C9C9; }
.list-link span.arrow.prev { background: url(/design/happyprinc/wib/img/icon_prev_arrow.svg) no-repeat left center; }
.list-link span.arrow.next { background: url(/design/happyprinc/wib/img/icon_next_arrow.svg) no-repeat left center; }
.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 { width:265px; height:350px; float:left; padding:0 7px 80px; text-align:center;}
.fixed-img-collist ul li a { display:block; width:265px; font-size:11px; color:#9d9d9d;}
.fixed-img-collist ul li a span.prd img { width:265px; height:350px; margin-bottom:8px; padding:3px; border:1px solid #9d9d9d;}
.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%; 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 .comment-box tr {margin-top:15px; margin-bottom:0;}
.bbs-table-view .comment-box tr .bbs-link{float:right;}
.bbs-link span{font-size:12px;color:#767676}
.bbs-link a.delete { padding: 0 17px 0 0px;display:inline-block;background:url('/design/happyprinc/wib/img/comment_x.png')no-repeat center right;font-size:12px;color:#767676 }
.bbs-link a.reply { padding: 0;display:none }
.view-link { text-align: right;padding:60px 0 30px }
.view-link .con-link { position: absolute; left: 0; }
.view-link .go_list{display:inline-block;width:136px;height:48px;border:1px solid #424242;font-size:15px;color:#424242;letter-spacing:-0.03em;font-weight:500;text-align:center;line-height:48px;background:#fff;padding:0}
.input-style2 { width: 120px; margin: 0px 5px; }
.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 { width:265px; height:350px; float:left; padding:0 7px 80px; text-align:center;}
.fixed-img-collist ul li a { display:block; width:265px; font-size:11px; color:#9d9d9d;}
.fixed-img-collist ul li a span.prd img { width:265px; height:350px; 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; }


.comment-box1 {background-color:#F8F8F8 ; }
.comment-box{margin-bottom:30px}
.comment-box ,
.comment-box tbody,
.comment-box tr,
.comment-box td{display:block; }
.bbs-table-view .comment-box tr{border:1px solid #C9C9C9;padding:20px;margin-bottom:15px;}
.bbs-table-view .comment-box td {  vertical-align:top;}
.bbs-table-view .comment-box td .com-name{font-size:12px;color:#424242;font-weight:500;}
.bbs-table-view .comment-box td .com-date{font-size:12px;color:#767676;font-weight:400;margin-left:5px}
.bbs-table-view .comment-box td div{font-size:16px;color:#424242;letter-spacing:-0.03em}
.bbs-table-view .comment-box td.tb-left{padding:0 0 15px}
.bbs-table-view .comment-box td.tb-left:after{content:"";display:block;clear:both; }
.comment-box1 .com-name { margin-right:8px; padding:0 8px;font-weight:bold; color:#c5c5c5;}
.bbs-table-view td .com-wrt-box { border:0;}
.com-wrt-box {padding:20px;}
.com-wrt-box label { padding-left:0px; color:#9d9d9d; }
.com-wrt-box .input-style { margin:0 10px 0 7px; padding:2px; height:14px; line-height:14px; border:1px solid #EDEDED;}
.com-wrt-box .wrt{position: relative;}
.com-wrt-box .wrt > b{display:none}
.com-wrt-box .wrt label{display:none}
.com-wrt-box .wrt span:last-child{margin-left:10px}
.com-wrt-box .wrt span input{width:300px;border:0;height:47px;font-size:14px;color:#424242;padding:0 20px;margin:0;letter-spacing:-0.03em}
.com-wrt-box .wrt span input::placeholder,.com-wrt-box .wrt textarea::placeholder{color:#C9C9C9}
.com-wrt-box .wrt:last-child{margin-top:14px}
.com-wrt-box .wrt textarea{border:0;padding:20px;font-size:14px;color:#424242;width:100%;height:100px;box-sizing: border-box;}
.com-wrt-box .wrt a{position: absolute;bottom:0;right:0}

/*위브추가*/
#bbsData{padding-top:60px}
#content.w1100{width:1100px;margin:0 auto;float:none}
/*위브추가 공통 css-js
#bbtitle{width:100%;margin-bottom:60px}
#bbtitle ul{font-size:0}
#bbtitle ul li{float:none;display:inline-block;width:calc(14.28% - 1px);border:1px solid #C9C9C9;background:#fff;transition:all 0.3s;margin-left:-1px;text-align:center}
#bbtitle ul li a{display:block;font-size:14px;color:#767676;transition:all 0.3s;line-height:45px}
#bbtitle ul li.sel,#bbtitle ul li:hover{background:#767676;border-color:#767676}
#bbtitle ul li.sel a,#bbtitle ul li:hover a{color:#fff;font-weight:500}
*/
#bbsData .titbox{margin-bottom:30px}
#bbsData .titbox .title{height:auto;width:100%;text-align:left}
#bbsData .titbox .title span{font-size:20px;color:#424242;letter-spacing:0.03em;}
.bbs-table-view thead th{border-top:1px solid #424242;border-bottom:1px solid #C9C9C9}
.bbs-table-view thead th div{padding:18px 0 19px;font-size:16px;color:#424242;letter-spacing:-0.03em;font-weight:500;text-align:left}
#comment_password{width:331px !important}


/* 첨부파일 등록 */
.img-comment-file img { display: inline-block; width: 200px; height: auto; margin-bottom: 10px; }
.comment-file { padding-top:10px; }
.comment-file .file-info { position: relative; display: none; width: 80px; }
.comment-file .file-info img { width: 80px; height: 53px; }
.comment-file .file-info .btn-del { position: absolute; right: -10px; top: -5px; width: 20px; height: 20px; background: url(/images/d3/modern_simple/btn_comment_file_del.png) right top / 20px no-repeat; font-size: 0; text-indent: -9999px; border: 0; }
.comment-file .flex-box { display: flex; align-items: center; margin-top: 5px; }
.comment-file .file-upload { padding-left: 22px; background: none; font-size: 12px; color: #3d3d3d; letter-spacing: -0.8px; background: url(/images/d3/m_powerpack/ico_comment_file_mo.png) left center / 16px auto no-repeat; cursor: pointer; }
.comment-file input[type="file"] { display: none; }


.com-wrt-box .comBox { width:100%; }
.com-wrt-box .wrt_write { margin-top: 14px; }
.com-wrt-box .flex-box span { margin-left:10px; margin-top:5px; font-size:11px; }

.bbs-table-view .comment-box td .reporting span {display: inline-block; padding-left: 15px; background: url(/images/d3/modern_simple/ico_reciew_reporting_h17_pc.png) left 1px no-repeat; color: #808080; font-size: 11px; background-size:10px 10px;}
.bbs-table-view .comment-box td .reporting a {display: inline-block; padding: 0; font-size: 11px; font-weight: bold ;color: #555555;}


/* 니트기획전 */

.landing { max-width:850px; margin:0 auto; overflow:hidden; }
.landing img { max-width:100%; }


.knit_sld.swiper-container { }
.knit_sld.swiper-container .swiper-wrapper { -webkit-transition-timing-function:linear !important; transition-timing-function:linear !important; }
.knit_sld.swiper-container .swiper-slide { transition-property: transform; width:auto; }
.knit_sld.swiper-container .swiper-slide img { width:auto; height:795px; }


.Knit .aciton_cont { position:relative; }

.Knit .aciton_cont .animation { position: absolute; opacity: 0; transition: all 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.Knit .aciton_cont .fadeRight { transform: translateX(30px); }
.Knit .aciton_cont .fadeLeft { transform: translateX(-30px); }
.Knit .aciton_cont .fadeIn { transition: 0.3s; }

.Knit .aciton_cont .action { transform: translateX(0); opacity: 1; }


.Knit .aciton_cont .pic01 { right:0; bottom:0; text-align:right; }
.Knit .aciton_cont .pic01 img { width:90%; }

.Knit .aciton_cont .pic02 { left:0; top:0; text-align:left; transform: }
.Knit .aciton_cont .pic02 img { width:70%; }

.Knit .aciton_cont .pic03 { right:5vw; bottom:5vw; text-align:right; }
.Knit .aciton_cont .pic03 img { width:50%; }

.Knit .aciton_cont .pictxt { right:5vw; top:17.5vw; text-align:right; }
.Knit .aciton_cont .pictxt img { width:50%; }


@media only screen and (min-width: 850px) {
    .Knit .aciton_cont .pic01 img { width:100%; }
    .Knit .aciton_cont .pic02 img { width:100%; }
    .Knit .aciton_cont .pic03 { right:33px; bottom:20px; }
    .Knit .aciton_cont .pic03 img { width:100%; }
    .Knit .aciton_cont .pictxt { right:33px; top:149px; }
    .Knit .aciton_cont .pictxt img { width:100%; }
}


/* 리뉴얼(2025)이벤트 */
.renew2025 .sld_box { position:relative; }

.renew2025 .sld_box .renew_sld { position:absolute; left:50%; top:0; -webkit-transform:translateX(-50%); transform:translateX(-50%); max-width:683px; width:80%; }
.renew2025 .sld_box .swiper-button { position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); z-index:30; cursor:pointer; }
.renew2025 .sld_box .swiper-button.-prev { left:0; max-width:53px; }
.renew2025 .sld_box .swiper-button.-next { right:0; text-align:right; }
.renew2025 .sld_box .swiper-button img {}

@media all and (max-width:480px) {
    .renew2025 .sld_box .swiper-button img { max-width:50%; }
}
@media all and (min-width:481px) and (max-width:619px) {
    .renew2025 .sld_box .swiper-button img { max-width:80%; }
}
@media all and (min-width: 620px) {
    .renew2025 .sld_box .swiper-button img { max-width:100%; }
}


/* BASIC css end */