/* 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 .bbs-link{float:right;}
.bbs-link span{font-size:12px;color:#767676}
.bbs-link a{font-size:15px;color:#424242;font-weight:15px;border:1px solid #424242;display:inline-block;letter-spacing:-0.03em;line-height:50px;text-align:center;width:138px}
.bbs-link a:last-child{background:#767676;color:#fff;border-color:#767676;margin-left:10px}
.bbs-link a:nth-child(2){margin-left:10px}
.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; display:none}
/* °³ÀÎÁ¤º¸º¸È£Á¤Ã¥ µ¿ÀÇ */
.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}
.cont-sub-des{line-height:25px;padding:15px 0}
/*À§ºêÃß°¡*/
.cont-sub-des span em{font-size:14px;color:#c9c9c9}
.cont-sub-des span{font-size:14px;color:#424242}
#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;padding:0}
.bbs-table-view thead th div{padding:18px 0 19px;font-size:14px;color:#424242;letter-spacing:-0.03em;font-weight:500;text-align:left}
.bbs-table-view thead th div.tb-center{padding:18px 0 19px;font-size:14px;color:#424242;letter-spacing:-0.03em;font-weight:500;text-align:center}
.bbs-table-list tbody td{padding:17px 0}
#comment_password{width:331px !important}
.tb-center{font-size:14px;color:#424242}
/* BASIC css end */

