@charset "utf-8";


/*** board.css ***/

.wrap-bbs-search {zoom:1;overflow:hidden;width:100%;}
.wrap-bbs-search:after {content:""; display:block; clear:both;}
.wrap-bbs-search .total {float:left; margin-top:10px; font-size:14px;}
.wrap-bbs-search .total .division {display:inline-block; margin-left:15px; padding-left:15px; border-left:1px solid #e3e3e3;}

.table-search {float:right;margin:0 0 20px;text-align:right;}
.table-search select,
.table-search input {float:left;margin-left:6px;}
.table-search select {height:36px;}
.table-search .sbHolder {text-align:left;vertical-align:middle;}
.table-search .sbSelector {line-height:34px;}
.table-search .sbToggle {top:50%;right:10px;width:8px;height:4px;background-position:-200px -70px;}
.table-search input[type="text"] {width:179px; height: 36px; line-height:34px;padding:0 0 0 19px;border:1px solid #e8e8e8;vertical-align:middle;}
.table-search .btn-type11 {border-radius:0; background:#757575; vertical-align:middle;}

.tab-nav {margin:0 0 50px;border:1px solid #e3e3e3;}
.tab-nav ul {margin:0 0 -1px;}
.tab-nav ul:after {content:"";display:block;clear:both;}
.tab-nav li {float:left;width:20%;border-bottom:1px solid #e3e3e3;}
.tab-nav a {display:block; width:calc(100% + 2px); box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:relative; height:47px; border-right:1px solid #e3e3e3; line-height:46px; text-align:center; font-size:14px;}
.tab-nav a.active {overflow:hidden;line-height:44px;border:2px solid #4bbeff;color:#4bbeff;z-index:2;}

.wrap-board .btn-area {text-align:right;}

.list-table {width:100%;}
.list-table th {height:50px;background:#f9f9f9;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;color:#202020;font-size:14px;font-weight:bold;}
.list-table th:first-child {border-left:1px solid #e3e3e3;}
.list-table th:last-child {border-right:1px solid #e3e3e3;}
.list-table td {padding:15px 0;border-bottom:1px solid #e3e3e3;font-size:14px;text-align:center;color:#6e6e6e;}
.list-table .subject {text-align:left;}
.list-table .subject .nobr{display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; margin-left: 10px; overflow: hidden; text-overflow: ellipsis; line-height: 1.5;}
.list-table .subject a {display:inline-block; color:#6e6e6e;}
.list-table .img img {width:100px;height:100px;}
.list-table [class*="set-point"] {position:relative;display:block;width:80px;height:14px;margin:0 auto 3px;background:url('https://relaket.gcdn.ntruss.com/minishop_templet/assets/images/sprite.png') no-repeat -690px -20px;font:0/0 a !important}
.list-table [class*="set-point"]:after {content:"";position:absolute;top:0;left:0;height:14px;background:url('https://relaket.gcdn.ntruss.com/minishop_templet/assets/images/sprite.png') no-repeat -690px -40px;}
.list-table .set-point5:after {width:80px;}
.list-table .set-point4:after {width:65px;}
.list-table .set-point3:after {width:48px;}
.list-table .set-point2:after {width:32px;}
.list-table .set-point1:after {width:15px;}
.list-table .set-point0:after {width:0;}
.list-table .btn [class*="btn-type"] {width:80px;margin:5px 0;}

/* .goods-after-list {margin-right: -20px;} */
.goods-after-list {margin: 0 20px;}
.goods-after-list li {width: 245px; float:left; margin: 0 10px 20px 10px; border:1px solid #f1f0f1; font-weight:600; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.goods-after-list .thumb {display:block; position:relative; width:100%; height:auto;}
.goods-after-list .thumb img{width:100%;}
.goods-after-list .thumb .more-piece {position:absolute; bottom:8px; right:8px; width:24px; height:24px; background:url("https://relaket.gcdn.ntruss.com/minishop_templet/assets/images/sprite.png") no-repeat -312px -460px;}
.goods-after-list .information {position:relative; display:block; padding:12px; word-break:break-all;text-align: left;}
.goods-after-list .wrap-review-star-score {margin:0 0 10px; font-size:15px; line-height:16px;}
.goods-after-list .review-star-score {width:84px; height:16px; margin-right:8px;}
.goods-after-list .time {position:absolute; top:17px; right:15px; color:#9e9e9e; line-height:1;}
.goods-after-list .mem-info {display:block; position:relative; margin-top:15px;}
.goods-after-list .mem-info i {overflow:hidden; display:block; width:92px; height:20px; padding-left:28px; line-height:20px; white-space:nowrap; text-overflow:ellipsis;}
.goods-after-list .mem-info i:before {content:''; display:block; position:absolute; top:0; left:0; width:26px; height:20px; background:url("https://relaket.gcdn.ntruss.com/minishop_templet/assets/images/sprite.png") no-repeat;}
.goods-after-list .mem-info i.korean:before {background-position:-199px -459px;}
.goods-after-list .mem-info i.chinese:before {background-position:-227px -459px;}
.goods-after-list .mem-info i.english:before {background-position:-255px -459px;}
.goods-after-list .mem-info i.japan:before {background-position:-283px -459px;}
.goods-after-list .mem-info .shop-name {overflow:hidden; display:block; position:absolute; top:4px; right:0; width:95px; border-bottom:1px solid #b9b9b9; color:#9e9e9e; line-height:1; white-space:nowrap; text-overflow:ellipsis;}
.goods-after-list .btm {display:block; position:relative; margin-top:14px; padding-top:12px; border-top:1px solid #eee; line-height:19px;}
.goods-after-list .btm i.recomm {display: inline-block; height:19px; font-size:14px; font-weight:600; line-height:21px; cursor: pointer;}
.goods-after-list .btm i.recomm:before {content:''; display:inline-block; width:19px; height:19px; margin-right:6px; background-image: url("https://relaket.gcdn.ntruss.com/minishop_templet/assets/images/ico_like.svg"); background-repeat: no-repeat; vertical-align: top;}
/* .goods-after-list .btm i.recomm.active:before {background-position:-339px -438px;} */
.goods-after-list .btm a {position:absolute; top:6px; right:0; color:#9e9e9e;}

.after-image-place {position:relative; width:800px; height:800px;}
.after-image-place .slides li i {display:table-cell; width:800px; height:800px; background:#f9f9f9; text-align:center; vertical-align:middle;}
.after-image-place .slides li i img {width:auto; height:auto; max-width:800px; max-height:800px;}
.after-image-place .flex-prev,
.after-image-place .flex-next {display:block; position:absolute; top:50%; width:54px; height:54px; background:url("https://relaket.gcdn.ntruss.com/minishop_templet/assets/images/sprite.png") no-repeat -306px -502px; font:0/0 a;}
.after-image-place .flex-prev {left:13px;}
.after-image-place .flex-next {right:13px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.after-image-place .flex-control-nav {position:absolute; bottom:20px; left:0; width:100%; font-size:0; text-align:center;}
.after-image-place .flex-control-nav li {display:inline-block; margin:0 5px; vertical-align:top;}
.after-image-place .flex-control-nav li a {display:block; width:20px; height:4px; background:#fff;}
.after-image-place .flex-control-nav li a.flex-active {background:#4bbeff;}

.after-goods{display:table; width:100%; cursor:pointer;}
.after-goods dt{display:table-cell; width:65px; height:80px; padding-left:15px; vertical-align: middle;}
.after-goods dd{display:table-cell; height:80px; padding-right:15px; vertical-align: middle;}
.after-goods dd span{display:block;}

.goods-after-list .user-id{line-height:39px; font-size:14px; color:#666666; background:#f7f7f7; text-indent: 15px;}

/* premium-after */
.wrap-premium-after h3 {margin-bottom:20px; color:#000; font-size:18px; font-weight:600;}
.wrap-premium-after .common-table {width:100%; font-size:14px;}
.wrap-premium-after .common-table thead {background:#f9f9f9; border:1px solid #e3e3e3; color:#202020; font-weight:600;}
.wrap-premium-after .common-table thead th {padding:15px 10px;}
.wrap-premium-after .common-table th,
.wrap-premium-after .common-table td {padding:10px; border-bottom:1px solid #ddd}
.wrap-premium-after .common-table .no-content {padding:50px 0; text-align:center; color:#999;}
.wrap-premium-after .common-table .no-content:before {content:""; display:block; width:60px; height:60px; margin:0 auto 30px; background:url("https://relaket.gcdn.ntruss.com/minishop_templet/assets/images/sprite.png") no-repeat -610px -240px;}
.wrap-premium-after .btn-area {margin:20px 0; text-align:right;}

.wrapper-review-star-score {width:100%;padding:50px 0;margin-bottom:30px;color:#444;background: #f9f9f9;text-align: center;}
.wrapper-review-star-score .wrap-review-star-score {vertical-align: middle;}
.wrapper-review-star-score .review-star-score{width:188px;height:32px;}
.wrapper-review-star-score .review-star-score [class*='score']{height:32px;background-size:188px 32px;}
.wrapper-review-star-score em{margin-left:10px; font-family: 'Roboto', sans-serif; font-size:34px; font-weight:600; color:#444444;}
.wrapper-review-star-score .result {display:inline-block; margin-top:18px; font-size:18px; line-height:1.2;}
.wrapper-review-star-score .result i {font-weight:600;}

.review-regist-area {position:relative; /* margin-top:60px; */ padding:20px; border:1px solid #ddd;}
.review-regist-area textarea {width:100%; height: 90px; background:transparent; font-size:14px; line-height:18px;padding:0;outline:0;}
.review-regist-area ::-webkit-input-placeholder {color:#666;}
.review-regist-area ::-moz-placeholder {color:#666;}
.review-regist-area :-ms-input-placeholder {color:#666;}
.review-regist-area :-moz-placeholder {color:#666;}

.review-regist-area .upload-list {display:none; margin-top:35px;}
.review-regist-area .upload-list li {float:left; position:relative; width:57px; height:57px; background:url('https://relaket.gcdn.ntruss.com/minishop_templet/assets/images/sprite.png') no-repeat -247px -491px;}
.review-regist-area .upload-list li + li {margin-left:15px;}
.review-regist-area .upload-list li input[type="file"] {width:57px; height:57px; opacity:0.01; cursor: pointer;}
.review-regist-area .upload-list li span {display:block; position:absolute; top:0; right:0; bottom:0; left:0; z-index:2; padding:2px; border:1px solid #ddd; background:#fff;}
.review-regist-area .upload-list li span img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); width:auto;  height:auto; max-width:100%; max-height:100%;}
.review-regist-area .upload-list li span .delete {display:block; position:absolute; top:-10px; right:-10px; width:24px; height:24px; background:url('https://relaket.gcdn.ntruss.com/minishop_templet/assets/images/sprite.png') no-repeat -0 -568px; font-size:0;}

.review-regist-area .check-submit {display:none; position:absolute; bottom:20px; right:20px;}
.review-regist-area .check-submit i {margin-right:10px; color:#9e9e9e; font-size:14px; line-height:1; vertical-align:bottom;}
.review-regist-area .check-submit i span {line-height:1; }

.review-regist-area .btn-big_type2 {width:auto; height:40px; margin:0; padding:0 28px; border:0; line-height:40px; vertical-align:bottom;}

.wrap-review-star-score {display:block; line-height:1;}

.review-star-score {display:inline-block; width:82px; height:14px; background:url("https://relaket.gcdn.ntruss.com/minishop_templet/assets/images/svg/ic_grade.svg") left top no-repeat; vertical-align:top; text-align:left;}
.review-star-score [class*='score'] {display:inline-block; height:14px; /*background:url("https://relaket.gcdn.ntruss.com/minishop_templet/assets/images/svg/ic_grade5.svg") left top no-repeat;*/ background-repeat: no-repeat; background-position: left top; background-size: 82px 14px; vertical-align:top;}

.score-1 {width:20%;}
.score-2 {width:40%;}
.score-3 {width:60%;}
.score-4 {width:80%;}
.score-5 {width:100%;}

.star-score-select {display:none; position:relative; height:57px; margin-top:35px; margin-left:25px; padding-left:30px; border-left:1px dotted #ddd; font-size:28px; font-weight:600; line-height:26px; vertical-align:top;}

.star-score-select strong {display:block; margin-bottom:15px; color:#666; font-size:16px; line-height:1;}

.star-score-select .star-score {display:inline-block; width:151px; height:26px; margin-right:8px; background:url("https://relaket.gcdn.ntruss.com/minishop_templet/assets/images/svg/ic_grade.svg") no-repeat; vertical-align:top;}
.star-score-select .star-score i {display:inline-block; height:26px; background:url("https://relaket.gcdn.ntruss.com/minishop_templet/assets/images/svg/ic_grade.svg") no-repeat; background-size: 151px 26px; vertical-align:top;}

.star-score-select .score-check {overflow:hidden; position:absolute; top:31px; left:31px; width:155px; height:26px;}
.star-score-select .score-check label {display:block;position:absolute; top:0; z-index:2; width:27px; height:26px; cursor: pointer;}
.star-score-select .score-check label:nth-child(2) {left:32px;}
.star-score-select .score-check label:nth-child(3) {left:64px;}
.star-score-select .score-check label:nth-child(4) {left:96px;}
.star-score-select .score-check label:nth-child(5) {left:128px;}
.star-score-select .score-check label input {width:100%; height:100%; display: none;}

.review-regist-area.active {background:#fff; text-align:left;}
.review-regist-area.active .check-submit {display:block;}
.review-regist-area.active .upload-list {display:inline-block; vertical-align:top;}
.review-regist-area.active .star-score-select {display:inline-block;}

/* table common */
.common-table {width:100%;}
.common-table th {border-bottom:1px solid #ddd; font-size:13px; color:#666; line-height:43px; background:#f7f7f7;}
.common-table .table-header {width:100%;}
.common-table th .thead {border:0 !important; font-size:12px;}
.common-table td {font-size:13px; line-height:1.6; text-align:center;}

.common-table .num {height:35px;}
.common-table .content-txt {position:relative; padding-left:50px; text-align:left;}
.common-table .review-premium .thumb {display:table-cell; width:66px; height:66px; font:0/0 a; text-align:center; vertical-align:middle;}
.common-table .review-premium .thumb img {width:66px; height:66px;}
.common-table .option-info {display:block; font-size:12px; text-align:left;}

.common-table .review-premium .review-info {display:table-cell; padding-left:20px;}
.common-table .review-premium .review-info .status {display:block; width:660px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.common-table .review-premium .review-info .review {display:block; margin-top:10px; width:660px; height:40px; overflow:hidden; word-break:break-all; white-space:pre-line;}

.common-table .count span {display:inline-block; width:30px; text-align:left;}
.common-table .star {font-size:14px;}

.common-table .content-review {cursor:pointer;}
.common-table .content-review > td {padding:13px 0; border-bottom:1px solid #ddd;}
.common-table .content-review .inner-btn {position:relative; text-align:left;}

.common-table .hidden-reply td {padding:15px 0; text-align:left; border-bottom:1px solid #ddd;}

.common-table .hidden-reply-area {position:relative; text-align:left;}
.common-table .hidden-reply-area .img {font:0/0 a;}
.common-table .hidden-reply-area .reply-txt {padding: 25px 0; padding-right: 85px;}
.common-table .hidden-reply-area .message {color:#555; font-size:13px;}
.common-table .hidden-reply-area .recomm {color:#7b7b7b;}
.common-table .hidden-reply-area .score {display:block;}
.common-table .hidden-reply-area .score .space {margin-left:20px;}

.common-table .content-txt.secret:before {content:''; display:inline-block; width:19px; height:22px; margin-right:10px; background:url('https://relaket.gcdn.ntruss.com/minishop_templet/assets/images/sprite.png') no-repeat -442px -633px; vertical-align:top;}

.common-table .txt-secret {font-size:14px; text-align:center;}

.common-table .answer td {height:50px; padding:15px 0; text-align:left; border-bottom:1px solid #ddd; background:#f9f9f9;}

.common-table .hidden-reply-area {padding-left:138px; line-height:1.42;}
.common-table .hidden-reply-area .question,
.common-table .hidden-reply-area .answer {position:relative; min-height:37px; padding: 7px 50px 0 93px;}
.common-table .hidden-reply-area .answer {padding:0 50px 0 117px;}

/* .common-table .hidden-reply-area .question:before,
.common-table .hidden-reply-area .answer:before {content:''; display:block; position:absolute; top:3px; left:0; width:33px; height:33px; background:url('https://relaket.gcdn.ntruss.com/minishop_templet/assets/images/sprite.png') no-repeat -398px -657px;} */

/* .common-table .hidden-reply-area .answer:before {background-position:-432px -657px;} */


/* .common-table .hidden-reply-area .question:before {}

.common-table .hidden-reply-area .answer:before {} */



.common-table .hidden-reply-area .question:before,
.common-table .hidden-reply-area .answer:before {content:'Q'; display:flex; align-items: center; justify-content: center; position:absolute; top:.9rem; left:.9rem; width: 30px; height: 30px; background:#999999; border-radius:50% 50% 10% 50%; color:#fff;}

.common-table .hidden-reply-area .answer:before {content:'A'; background:#4abdff;}





.common-table .hidden-reply-area .question {color:#333; word-break:break-all; white-space: pre-line;}
.common-table .hidden-reply-area .question .btn{white-space: normal; display: block; position: absolute; top: 0px; right: 15px; line-height: 1;}
.common-table .hidden-reply-area .answer {margin-top:40px; word-break:break-all;}
.common-table .hidden-reply-area .btn {display:block; position:absolute; top:0; right:25px; line-height:1;}
.common-table .hidden-reply-area .btn a {display:inline-block; margin:0;}
.common-table .hidden-reply-area .btn a + a:before {content:''; display:inline-block; width:1px; height:13px; margin:0 13px; background:#ddd; vertical-align:top;}
.common-table .hidden-reply-area .answer .date {display:block; position:relative; margin-bottom:10px; line-height:1;}
.common-table .hidden-reply-area .answer .date:before {content:''; display:block; position:absolute; top:2px; left:-26px; width:7px; height:7px; border:1px solid #ddd; border-width:0 0 1px 1px;}

/* 제품상세 상품문의 */
.wrap-goods-qna .goods-qna-top {padding:20px; background:#f9f9f9;}
.wrap-goods-qna .goods-qna-top p {padding-top:7px; color:#444; font-size:18px; line-height:1;}
.wrap-goods-qna .goods-qna-top ul {margin-top:30px; padding-top:15px; border-top:1px solid #ddd;}
.wrap-goods-qna .goods-qna-top li {color:#444; line-height:1.2;}
.wrap-goods-qna .goods-qna-top .btn-area {display:block; position:absolute; top: 0; right:20px; font-size:0;}
.wrap-goods-qna .goods-qna-top .btn-area a {margin:0; color:#fff; font-size:13px; line-height:31px;}
.wrap-goods-qna .goods-qna-top .btn-area a + a {margin-left:10px; border-color:#444; background:#fff; color:#444;}

.wrap-goods-qna .common-table {margin-top:18px;border-top:1px solid #999;}
.wrap-goods-qna .common-table th,
.wrap-goods-qna .common-table td {font-size:14px;}
.wrap-goods-qna .common-table th {color:#333; font-size:14px; line-height:49px;}
.wrap-goods-qna .common-table td.content-txt .ico-lock{display:inline-block;margin-right:12px;width:17px;height:20px;background:url(https://relaket.gcdn.ntruss.com/minishop_templet/assets/images/sprite.png) no-repeat -443px -634px;vertical-align:middle;}
.wrap-goods-qna .common-table tr .no-content{padding:40px 0; display:table-cell;}

.list-table .ico-lock {display:none;margin-right:12px;width:17px;height:20px;background:url(https://relaket.gcdn.ntruss.com/minishop_templet/assets/images/sprite.png) no-repeat -443px -634px;vertical-align:middle;}