/*basic_bbs_list*/
.basic_bbs_list,.basic_bbs_list th,.basic_bbs_list td{border:0}
.basic_bbs_list{width:100%; border-top:2px solid #222; border-bottom:1px solid #ddd; }
.basic_bbs_list tr:hover{background:#fafafa; }
.basic_bbs_list tr.tbl_th:hover{background:none; }
.basic_bbs_list th{padding:18px 0; text-align:center; border-bottom:1px solid #ddd; color:#222; word-break:keep-all;}
.basic_bbs_list td{padding:18px 0; border-bottom:none; border-top:none; text-align:center; line-height:18px; color:#555; border-bottom:1px solid #ddd; word-break:keep-all;}
.basic_bbs_list td img {margin-left:5px;}
.basic_bbs_list .left {text-align:left; padding-left:25px;}


/* search */
.bbs_search {margin:0 auto; padding:15px 0; border:1px solid #ddd; background:#fafafa;}
.bbs_search fieldset {text-align:center; }
.bbs_search input {vertical-align:middle;}
.bbs_search .input_txt {width:124px; height:30px; padding:4px 12px; vertical-align:middle; border:1px solid #d0d0d0; font-size:14px;}
.bbs_search select {overflow:visible; color:#555;min-width:120px; height:30px; padding:4px 8px; vertical-align:middle; border:1px solid #d0d0d0; font-size:14px; line-height:24px; zoom:1;}
.bbs_search select:focus {border:1px solid #da0b85;}
.bbs_search select.disabled {border:1px solid #d0d0d0; background-color:#e9e9e9; color:#909090;}
.btn {display:inline-block; margin:0; padding:0; background:none; text-align:center; vertical-align:middle; border:none; white-space:nowrap; cursor:pointer;}
.btn_sm {min-width:88px; height:30px; padding:2px 15px; background-color:#555; border:1px solid #555; color:#fff; font-size:14px;font-weight:bold;}
/*bbs_view*/
.bbs_view,.bbs_view th,.bbs_view td{border:0}
.bbs_view{width:100%; border-top:2px solid #222; border-bottom:1px solid #ddd; }
.bbs_view th{padding:18px 5px; border-bottom:1px solid #ddd; color:#222; word-break:keep-all; overflow:hidden; position:relative; }
.bbs_view td{padding:24px 5px; border-bottom:none; border-top:none; line-height:18px; color:#555; border-bottom:1px solid #ddd; word-break:keep-all;}
/* .bbs_view .left {float:left; padding-right:95px; padding-left:15px;} */
.bbs_view .left {float:left; padding-right:95px; padding-left:15px;max-width:100%;}
/* .bbs_view .left .title {font-size:18px; text-align:left;} */
.bbs_view .left .title {font-size:18px; text-align:left;overflow:hidden;text-overflow:ellipsis;}
.bbs_view .left .con {font-size:14px; text-align:left; color:#555; font-weight:normal; margin-top:10px;}
.bbs_view .right {border-left:1px solid #ddd; width:80px; text-align:center; position:absolute; right:0; top:18px; }
.bbs_view .right .title {font-size:14px; color:#555;padding-top:3px;}
.bbs_view .right .con {font-size:24px; color:#f22e36; font-weight:normal; margin-top:2px;}
/*reply*/
.reply {}
.reply .title {color:#444; font-weight:bold;}
.reply .title span {color:#f22e36; }
.bbs_reply,.bbs_reply th,.bbs_reply td{border:0}
.bbs_reply{width:100%; border-top:1px solid #222; border-bottom:1px solid #222; }
.bbs_reply th{padding:18px 0px; border-top:1px solid #ccc; color:#222; word-break:keep-all; overflow:hidden; text-align:left;  font-weight:normal;}
.bbs_reply td{padding:18px 0px; background: #fafafa url(/images/sub/reply_arrow.png) 30px 18px no-repeat; line-height:18px; color:#555; border-top:1px solid #222; border-bottom:1px solid #ccc; word-break:keep-all;}
.bbs_reply .con p em {color:#222;  font-weight:bold; display:inline-block; margin-right:10px;}
.bbs_reply .con p span {font-size:13px; color:#777; display:inline-block; margin-left:10px;}
.bbs_reply .admin {overflow:hidden; background:#ddd; border:1px solid #ddd; padding:20px 30px; }
.bbs_reply .admin p {float:left; color:#222;  font-weight:bold; }
.bbs_reply .admin textarea {float:left; margin-left:30px; border:1px solid #ddd;}
.bbs_reply .admin p.btn {width:85px; height:64px; line-height:64px; color:#fff; background:#444; font-sizE:13px; margin-lefT:10px;}
.reply .people {padding:20px 30px; background:#ddd; color:#222; font-weight:bold;}
.reply .people input {height:30px; border:1px solid #ddd; margin-lefT:30px;}
.reply .people .con {overflow:hidden;margin-top:20px; }
.reply .people .con p { float:left;}
.reply .people .con p textarea { width:750px; vertical-align:top; border:1px solid #ddd; margin-lefT:42px;}
.reply .people .con p.btn {width:85px; height:64px; line-height:64px; color:#fff; background:#444; font-sizE:13px; margin-lefT:10px;}
/*prev_next*/
.prev_next,.prev_next th,.prev_next td{border:0}
.prev_next{width:100%; border-top:1px solid #222; border-bottom:1px solid #222; }
.prev_next th{padding:18px 5px; border-bottom:1px solid #ddd; color:#222; word-break:keep-all; overflow:hidden;}
.prev_next td{padding:18px 5px; border-bottom:none; border-top:none; line-height:18px; color:#555; border-bottom:1px solid #ddd; word-break:keep-all;}
.prev_next .none {border:none;}
.prev_next span {padding-left:15px; border-left:1px solid #999;}
/*bbs_writing*/
.bbs_writing,.bbs_writing th,.bbs_writing td{border:0}
.bbs_writing{width:100%; border-top:2px solid #222; border-bottom:1px solid #222; }
.bbs_writing th{padding:15px 5px; border-bottom:1px solid #ddd; color:#222; word-break:keep-all; overflow:hidden; background:#f1f1f1;}
.bbs_writing td{padding:15px 20px; border-bottom:none; border-top:none; line-height:18px; color:#555; border-bottom:1px solid #ddd; word-break:keep-all;}
.bbs_writing input {height:30px; border:1px solid #ddd;}
/*btn*/
.admin_btn {overflow:hidden; width:100%;}
.admin_btn .btn_center{ width:190px;margin:0 auto;}
.admin_btn .btn01 {float:left; border:1px solid #777; height:35px; font-size:13px; color:#444; font-weight:bold; width:90px; text-align:center; line-height:34px;}
.admin_btn .btn02 {float:right; border:1px solid #777; height:35px; font-size:13px; color:#444; font-weight:bold; width:90px; text-align:center; line-height:34px;}
.admin_btn .btn03 {float:right; height:35px; font-size:13px; color:#fff; background:#444; font-weight:bold; width:90px; text-align:center; line-height:34px;}
.admin_btn .btn04 {float:left; height:35px; font-size:13px; color:#fff; background:#444; font-weight:bold; width:90px; text-align:center; line-height:34px;}
/*basic_qna*/
.tbl_common3 {width:100%; border-top:1px solid #000;}
.tbl_common3 th {font-size:15px; color:#444; line-height:26px; padding:15px; background:#F9FAFA; border-bottom:1px dashed #dddddd; text-align: center; }
.tbl_common3 td {font-size:15px; color:#444; line-height:26px; padding:15px; border-bottom:1px dashed #dddddd; text-align: left; padding-left: 22px; border-right:1px solid #ddd;}
.tbl_common3 td:last-child {border-right:none;}
input.input_form{border:1px solid #ddd; height:40px; line-height: 38px; width:90%; color: #444;}
.btn_new_Wrap{width: 100%; overflow: hidden; margin: 70px auto 0; text-align: center;}
.btn_black{width:100%; overflow:hidden; width:130px; height:45px; line-height:45px; background:#000; text-align:center; display: inline-block; font-size:15px; color:#fff; cursor: pointer;}
.btn_black a {display:block; width:100%; height:100%; font-size:15px; color:#fff; }
.btn_white {width:100%; overflow:hidden; width:130px; height:45px; line-height:45px; border:1px solid #333; text-align:center; display: inline-block; font-size:15px; color:#000; cursor: pointer;}
.btn_white a {display:block; width:100%; height:100%; font-size:15px; color:#000;}


.board_search{height:50px; background:#efefef; border:1px solid #ccc; padding:10px 0; }
.board_search select{height:28px; box-sizing:border-box; font-size:13px; border:1px solid #ccc; vertical-align:middle;}
.board_search input{height:28px; box-sizing:border-box; font-size:13px; vertical-align:middle;}
.board_search .board_search_area{width:230px; border:1px solid #ccc; text-indent:10px; margin:0 5px; }
.board_search .board_btn_seach{width:80px; background:#888; border:1px solid #666; color:#fff; font-weight:bold; vertical-align:middle;}


.bbs_view{table-layout: fixed}
#DivContents{ width: 100%; min-height: 0 !important; padding: 0 !important; }
#DivContents img{width: auto; height: auto; max-width: 100%;}
#DivContents p img{width: auto; height: auto; max-width: 100%;}

/* product_list */
.product_list li{width:24%; float:left; margin-right: 1.33%; margin-top:20px;}
.product_list li:nth-child(4n){margin-right:0;}
.product_list li:nth-child(-n+4){margin-top:0;}
.product_list li a{display:block; width:100%; height:100%;}
.product_list li a > dl dt{width:100%;}
.product_list li a > dl dt span{position:relative; display:block; border: 1px solid #ddd; width:100%; height:0; padding-bottom:62.5%; overflow:hidden; }
.product_list li a > dl dt span img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%; width:auto; height:auto;}
.product_list li a > dl dd{width:100%; padding:20px 20px; border-top:0; }
.product_list li a > dl dd h5{font-size:18px; margin-bottom: 10px; color:#000; line-height:1; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-weight:400;}
.product_list li a > dl dd em{display:block; font-size:14px; color:#555; line-height:1;}

.faq_wrapper{}
.faq_wrapper .faq_contet{border-top:2px solid #2d2d2d;}
.faq_wrapper .faq_contet li{border-bottom:1px solid #ddd; background-color:#fff;}
.faq_wrapper .fre{cursor:pointer; position:relative; padding:20px 100px 25px;}
.faq_wrapper .fre:after{content:''; background: url(http://img.dokkebi.com/images/sub/icon_faq.png) 0 0 no-repeat; width:20px; height:20px; position:absolute; right:40px; top:50%; margin-top:-10px;}
.faq_wrapper .fre .q{position:absolute; left:35px; top:50%; margin-top:-15px; color:#fff; font-weight:normal; font-size:15px; width:30px; height:30px; line-height: 26px; padding-top:1px; box-sizing:border-box; background-color:#2d2d2d; text-align:center; border-radius:15px;}
.faq_wrapper .fre strong{display:block; color:#555; font-size:15px; font-weight:500;}
.faq_wrapper .ask{position:relative; padding:0 100px; overflow:hidden;}
.faq_wrapper .ask .ask_text{position:relative; padding:18px 0 22px; border-top:1px solid #ddd; color:#555; line-height:1.6; font-size:15px; opacity:0;}
.faq_wrapper .ask .a{position:absolute; left:35px; top:21px; color:#fff; font-weight:normal; font-size:15px; width:30px; height:30px; line-height: 26px; padding-top:1px; box-sizing:border-box; background-color:#ef3d3b; text-align:center; border-radius:15px;}
.faq_wrapper .faq_contet li,.faq_wrapper .fre:after,.faq_wrapper .ask .ask_text{transition-duration:0.4s}
.faq_wrapper .faq_contet li.open{background-color:#f8f8f8}
.faq_wrapper .faq_contet li.open .fre strong{color:#222; font-weight:500;}
.faq_wrapper .faq_contet li.open .fre:after{transform: rotate(135deg);}
.faq_wrapper .faq_contet li.open .ask_text{opacity:1;}
.qna_tabcon {width:100%; margin-bottom:30px; background: #f5f5f5; padding:7px;}
.qna_tabcon li {float:left; height:45px; line-height:43px; margin:0 20px; transition:all 0.2s ease-in-out;}
.qna_tabcon li a {display:block; width:100%; height:100%; color:#222; transition:all 0.2s ease-in-out;}
.qna_tabcon li.on {color:#f05852;}
.qna_tabcon li.on a {color:#f05852;}
.qna_tabcon li:hover {color: #f05852;}
.qna_tabcon li:hover a {color:#f05852;}
.qna_category img {height:35px;}



@media screen and (max-width:1024px) {
.product_list li{width:32.44%; float:left; margin-right: 1.33%; margin-top:20px;}
.product_list li:nth-child(4n) {margin-right:1.33%;}
.product_list li:nth-child(-n+4) {margin-top:20px;}
.product_list li:nth-child(3n) {margin-right:0;}
.product_list li:nth-child(-n+3) {margin-top:0;}
.product_list li a{display:block; width:100%; height:100%;}
.product_list li a > dl dt{width:100%;}
.product_list li a > dl dt span{position:relative; display:block; border: 1px solid #ddd; width:100%; height:0; padding-bottom:62.5%; overflow:hidden;}
.product_list li a > dl dt span img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%; width:auto; height:auto;}
.product_list li a > dl dd{width:100%; padding:20px 20px; border-top:0;}
.product_list li a > dl dd h5{font-size:16px; margin-bottom: 10px; color:#000; line-height:1; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-weight:400;}
.product_list li a > dl dd em{display:block; font-size:14px; color:#555; line-height:1;}
}

@media screen and (max-width: 767px) {
.bbs_view th{padding:10px 5px; border-bottom:1px solid #ddd; color:#222; word-break:keep-all; overflow:hidden; position:relative;}
.bbs_view .left {width: calc( 100% - 80px ); padding-right:0;}
.bbs_view .left .title {font-size:14px}
.bbs_view .left .con {font-size:12px; text-align:left; color:#555; font-weight:normal; margin-top:5px;} 
.bbs_view .right {width:80px; text-align:center; position:absolute; right:0; top:0; height:100%;}
.bbs_view .right .title {font-size:13px; padding-top:10px;}
.bbs_view .right .con {font-size:20px; color:#f22e36; font-weight:normal; margin-top: 5px; line-height: 1;}
.bbs_view td {padding:10px 5px;}
.admin_btn {text-align:right;}
.admin_btn .btn01 {float:none; display:inline-block; width:80px; height:30px; font-size:13px; line-height:30px; margin:2.5px !important;}
.admin_btn .btn02 {float:none; display:inline-block; width:80px; height:30px; font-size:13px; line-height:30px; margin:2.5px !important;}
.admin_btn .btn03 {float:none; display:inline-block; width:80px; height:30px; font-size:13px; line-height:30px; margin:2.5px !important;}
.bbs_search select {min-width:90px; font-size:12px; padding:4px 8px;}
.bbs_search .input_txt {width:140px !important; font-size:12px;}
.btn_sm {min-width:50px; padding:2px 10px; font-size:12px;}

.product_list li{width:48.5%; float:left; margin-right: 3%; margin-top:10px;}
.product_list li:nth-child(4n) {margin-right:3%;}
.product_list li:nth-child(-n+4) {margin-top:10px;}
.product_list li:nth-child(3n) {margin-right:3%;}
.product_list li:nth-child(-n+3) {margin-top:10px}
.product_list li:nth-child(2n) {margin-right:0;}
.product_list li:nth-child(-n+2) {margin-top:0;}
.product_list li a{display:block; width:100%; height:100%;}
.product_list li a > dl dt{width:100%;}
.product_list li a > dl dt span{position:relative; display:block; border: 1px solid #ddd; width:100%; height:0; padding-bottom:62.5%; overflow:hidden;}
.product_list li a > dl dt span img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%; width:auto; height:auto;}
.product_list li a > dl dd{width:100%; padding:10px 10px; border-top:0;}
.product_list li a > dl dd h5{font-size:14px; margin-bottom: 10px; color:#000; line-height:1; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-weight:400;}
.product_list li a > dl dd em{display:block; font-size:12px; color:#555; line-height:1;}


.faq_wrapper{}
.faq_wrapper .faq_contet{border-top:2px solid #2d2d2d;}
.faq_wrapper .faq_contet li{border-bottom:1px solid #ddd; background-color:#fff;}
.faq_wrapper .fre{cursor:pointer; position:relative; padding:15px 25px 20px 75px;}
.faq_wrapper .fre:after{content:''; background: url(http://img.dokkebi.com/images/sub/icon_faq.png) 0 0 no-repeat; width:20px; height:20px; position:absolute; right:40px; top:50%; margin-top:-10px;}
.faq_wrapper .fre .q{position:absolute; left:20px; top:50%; margin-top:-16px; color:#fff; font-weight:normal; font-size:15px; width:30px; height:30px; line-height: 26px; padding-top:1px; box-sizing:border-box; background-color:#2d2d2d; text-align:center; border-radius:15px;}
.faq_wrapper .fre strong{display:block; color:#555; font-size:14px; font-weight:500;}
.faq_wrapper .ask{position:relative; padding:0 25px 0 75px; overflow:hidden;}
.faq_wrapper .ask .ask_text{position:relative; padding:18px 0 22px; border-top:1px solid #ddd; color:#555; line-height:1.6; font-size:15px; opacity:0;}
.faq_wrapper .ask .a{position:absolute; left:20px; top:21px; color:#fff; font-weight:normal; font-size:15px; width:30px; height:30px; line-height: 26px; padding-top:1px; box-sizing:border-box; background-color:#ef3d3b; text-align:center; border-radius:15px;}
.faq_wrapper .faq_contet li,.faq_wrapper .fre:after,.faq_wrapper .ask .ask_text{transition-duration:0.4s}
.faq_wrapper .faq_contet li.open{background-color:#f8f8f8}
.faq_wrapper .faq_contet li.open .fre strong{color:#222; font-weight:500;}
.faq_wrapper .faq_contet li.open .fre:after{transform: rotate(135deg);}
.faq_wrapper .faq_contet li.open .ask_text{opacity:1;}
.qna_tabcon {width:100%; margin-bottom:30px; background: #f5f5f5; padding:7px;}
.qna_tabcon li {float:left; height:45px; line-height:43px; margin:0 20px; transition:all 0.2s ease-in-out;}
.qna_tabcon li a {display:block; width:100%; height:100%; color:#222; transition:all 0.2s ease-in-out;}
.qna_tabcon li.on {color:#f05852;}
.qna_tabcon li.on a {color:#f05852;}
.qna_tabcon li:hover {color: #f05852;}
.qna_tabcon li:hover a {color:#f05852;}
.qna_category img {height:35px;}


}