@charset "utf-8";

/* 
	Copyright(c) 2019 Onlinepowers
	http://www.onlinepowers.com
*/


/* ============================ common ============================ */
.customer_wrap {
	margin-top: 3.5rem;
}

.customer_wrap .tab_tit3 {
	margin-top: 30px;
}





/* ============================ q&a ============================ */
.review_list .review_item {
	display: flex;
	margin-bottom: 1.5rem;
}
.review_list .review_item .img_area {
	width: 68px;
	height: 68px;
	background-color: #e2e2e2;
}
.review_list .review_item .txt_area {
	display: flex;
	padding: 0 16px;
	width: calc(100% - 68px);
	background: #fbfbfb;
	align-items: center;
}
.review_list .review_item .txt_area .title {
	display: -webkit-box;
	max-height: 3.2rem;
	font-weight: 500;
	font-size: 1.2rem;
	line-height: 1.6rem;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}





/* ============================ 이용후기 ============================ */
.review_contents .tab-content {
	margin-top: 30px;
}

.review_list .review_write {
	margin-top: 60px;
}
.review_list .review_write .form_wrap_box {
	margin-top: 2rem;
}





/* ============================ 공지사항 ============================ */
.notice_list {
	margin-top: 30px;
	border-top: 1px solid #e2e2e2;
}
.notice_list .list_area {
	margin: 0 -20px;
	padding: 0 20px;
	cursor: pointer;
}
.notice_list .list_in {
	padding: 30px 0;
	border-bottom: 1px solid #e2e2e2;
}
.notice_list .tit_area .title {
	font-weight: 500;
	font-size: 1.3rem;
	line-height: 2.2rem;
	color: #333;
	flex: 1;
}
.notice_list .tit_area .date {
	margin-top: 10px;
	font-size: 1.2rem;
	line-height: 1.6rem;
	font-weight: 300;
	color: #959595;
}

.notice_list .hide_area {
	display: none;
	margin-top: 30px;
}
.notice_list .img {
	margin-bottom: 20px;
	text-align: center;
}
.notice_list .txt {
	font-size: 1.3rem;
	line-height: 2.4rem;
	color: #333;
}

/* event */
.notice_list .list_area.on {
	position: relative;
	top: -1px;
	border-top: 1px solid #e2e2e2;
	background: #f5f5f5;
}
.notice_list .list_area.on .list_in {
	border: 0;
}





/* ============================ faq ============================ */
.faq_contents .faq_list .category {
	margin-bottom: 10px;
}





/* ============================ 입점문의 ============================ */
.apply_contents .form_wrap_box {
	margin-top: 30px;
}









/* ======================================== tablet ======================================== */
@media (min-width: 768px) {
	/* ============ q&a ============ */
	.review_list .review_item .img_area {
		width: 125px;
		height: 125px;
	}
	.review_list .review_item .txt_area {
		width: calc(100% - 125px);
		padding: 0 30px;
	}





	/* ============ 공지사항 ============ */
	.notice_list .list_area {
		margin: 0;
		padding-right: 0;
		padding-left: 0;
	}
	.notice_list .list_in {
		padding-left: 30px;
		padding-right: 30px;
	}
	.notice_list .tit_area {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.notice_list .tit_area .date {
		margin: 0 0 0 10px;
	}
}





/* ================= 추가  ===================================================================================== */
.review_contents .total_top .total_area {margin-bottom:45px;padding-bottom:15px;border-bottom:solid 4px #000;}
.review_contents .grade {
	display: flex;
	/*min-height:24px;
	margin-top: 37px;*/
	justify-content: center;
	align-items: center;
	font-size:2rem;color:#999;
}
.review_contents .grade .txt {font-size:1.6rem;font-weight:500;color:#000;}
.review_contents .grade .rating_star{margin:0 20px 0 30px;}
.review_contents .grade .rating_star span {width:36px;height:36px;}
.review_contents .grade .num > b {display:inline-block;font-size:3rem;font-weight:700;color:#000;vertical-align:text-bottom;}

.review_contents .list_wrap {border-top:solid 1px #686868;}
.review_contents .review_list .list_top_sel {padding-bottom:15px;border-bottom:solid 1px #e2e2e2;text-align:center;}
.review_contents .review_list .list_top_sel .btn_my_filter {
	display:inline-block;position:relative;min-width:340px;margin:0 auto;padding:0 20px;font-size:1.6rem;font-weight:500;color:#2684FF;line-height:60px;vertical-align:top;
}
.review_contents .review_list .list_top_sel .btn_my_filter:after {
	content:"";display:inline-block;width:20px;height:60px;margin-left:10px;background:url(/static/images/icon/ico_my_ft.png) no-repeat center center;vertical-align:top;
}
.review_contents .review_list .list_top_sel .btn_my_filter:before {
	content:"";position:absolute;left:10px;top:5px;width:calc(100% - 20px);height:calc(100% - 10px);border:solid 1px #2684FF;transition:all 0.4s;
}
.review_contents .review_list .list_top_sel .btn_my_filter:hover:before {left:0;top:0;width:100%;height:100%;border:solid 2px #2684FF;}
.review_contents .review_list .list_top_sel .custom-select {float:right;width:auto;height:3rem;margin-top:30px;padding-right:20px;border-bottom:none;font-size:1.4rem;}

.review_contents .rv_prd_sec {padding:30px;background:#fff;}
.review_contents .rv_prd {display:table;width:100%;table-layout:fixed;}
.review_contents .rv_prd .img {display:table-cell;width:125px;border:solid 1px #fbfbfb;vertical-align:middle;transition:border 0.4s;}
.review_contents .rv_prd .img:hover {border:solid 1px #000;}
.review_contents .rv_prd .tit {display:table-cell;padding:35px;background:#fbfbfb;vertical-align:middle;}
.review_contents .rv_prd .tit > a {font-size:1.5rem;font-weight:500;color:#333;}
.review_contents .rv_prd .tit > a:hover {text-decoration:underline;}

.review_contents .rv_my_info {display:none;margin:25px 0 20px;padding:20px;background:#fff;border:solid 1px #e3e3e3;}
.review_contents .rv_my_info > li {position:relative;padding-left:120px;font-size:1.3rem;color:#000;line-height:28px;}
.review_contents .rv_my_info > li .cate {position:absolute;left:0;top:0;font-weight:500;}
.review_contents .rv_my_info > li > p {display:inline-block;margin-right:30px;vertical-align:top;}
.review_contents .rv_my_info > li > p:last-child {margin:0;}
.review_contents .rv_my_info > li > p > span {display:inline-block;margin-right:10px;color:#999;vertical-align:top;}
.review_contents .review_origin {display: flex;}
.review_contents .review_origin .txt_area {width: calc(100% - 68px);padding-right: 10px;}
.review_contents .review_origin .txt_area .title {
	display: -webkit-box;
	max-height: 6.6rem;
	font-size: 1.3rem;
	line-height: 2.2rem;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}
.review_contents .review_origin .img_area {position: relative;width: 68px;height: 68px;}
.review_contents .review_origin .img_more {
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	justify-content: center;
	align-items: center;
}
.review_contents .review_origin .img_more span {
	font-weight: 700;
	font-size: 1.5rem;
	color: #fff;
}
.review_contents .review_img .img_area {margin-top: 2rem;}
.review_contents .list_area.on .review_origin .img_area {display: none;}
.review_contents .list_area.on .review_origin .txt_area {width: 100%;padding: 0;}
.review_contents .list_area.on .review_origin .txt_area .title {display: block;max-height: 100%;}

.review_contents .review_img {display:none;}
.review_contents .rv_btm {display:flex;margin-top:20px;font-size:1.2rem;line-height:30px;flex-wrap:wrap;justify-content:space-between;}
.review_contents .rv_btm > dt {font-weight:400;color:#999;opacity:1;transition:opacity 0.4s;}
.review_contents .rv_btm > dd {color:#000;text-align:right;}
.review_contents .rv_btm .btn_good {display:inline-block;position:relative;min-width:76px;padding:0 15px;margin-left:10px;background:#fff;border:solid 1px #e2e2e2;border-radius:50px;font-size:1.4rem;color:#2684ff;text-align:center;line-height:28px;vertical-align:top;}
.review_contents .rv_btm .btn_good:before {content:"\e8dc";display:inline-block;margin-right:5px;font-family:"Material Icons";font-size:1.6rem;vertical-align:top;transition:font-size 0.4s;}
.review_contents .rv_btm .btn_good:after {content:"";position:absolute;left:-2px;right:-2px;top:-2px;bottom:-2px;border:solid 1px #fff;border-radius:50px;transition:all 0.4s;}
.review_contents .rv_btm .btn_good > span {display:inline-block;position:relative;margin-top:8px;font-weight:700;line-height:1;vertical-align:top;z-index:1;transition:color 0.4s;}
.review_contents .rv_btm .btn_good:hover:before {font-size:2.3rem;}
.review_contents .rv_btm .btn_good:hover:after {left:-5px;right:-5px;top:-5px;bottom:-5px;border:solid 5px #2684ff;opacity:0.3;}
.review_contents .rv_btm .btn_good.chk {background:#2684ff;border:solid 1px #2684ff;color:#fff;}
.review_contents .rv_btm .btn_good.chk:after {display:none;}
.review_contents .rv_comment {display:none;position:relative;margin-top:25px;padding:20px;background:#fff;border:solid 1px #e3e3e3;font-size:1.3rem;color:#666;line-height:22px;}
.review_contents .rv_comment:before {content:"";position:absolute;left:-1px;top:-11px;width:10px;height:11px;background:url(/static/images/icon/blt_rv_comment.png) no-repeat center center;}
.review_contents .rv_comment > dt {font-size:1.4rem;font-weight:500;color:#000;}
.review_contents .rv_comment > dt:before {content:"";display:inline-block;margin-right:5px;width:15px;height:22px;background:url(/static/images/icon/ico_rv_commnet.png) no-repeat left 3px;vertical-align:top;}

.review_contents .list_area.on .rv_btm > dt {opacity:0;}



@media (max-width:991px){
	.review_contents .total_top .total_area {margin-bottom:30px;}
	.review_contents .list_wrap {margin-top:50px;}
	.review_contents .review_list .list_top_sel .btn_my_filter {font-size:1.4rem;line-height:50px;}
	.review_contents .review_list .list_top_sel .btn_my_filter:after {height:50px;}
	.review_contents .review_list .list_top_sel .custom-select {margin-top:20px;font-size:1.2rem;}

	.review_contents .rv_prd .tit {padding:30px;}
	.review_contents .rv_prd .tit > a {font-size:1.3rem;}
}


@media (max-width:767px) {
	.review_contents .total_top .total_area {padding-bottom:0;border:none;}
	.review_contents .grade {font-size:1.6rem;}
	.review_contents .grade .rating_star {margin:0 20px;}
	.review_contents .grade .rating_star span {width:24px;height:24px;}
	.review_contents .grade .num > b {font-size:2.4rem;}
	.review_contents .list_wrap {margin-top:30px;}
	.review_contents .review_list .list_top_sel {padding-top:30px;border-top:solid 1px #f5f5f5;}
	.review_contents .review_list .list_top_sel .btn_my_filter {display:block;width:100%;font-size:1.6rem;}
	.review_contents .review_list .list_top_sel .btn_my_filter:before {left:0;top:0;width:100%;height:100%;}
	.review_contents .review_list .list_top_sel .custom-select {float:none;width:60px;margin-left:calc(100% - 60px);font-size:1.4rem;}

	.review_contents .rv_prd_sec {padding:30px 0 0;}
	.review_contents .rv_prd .tit {padding:20px;}

	.review_contents .list_wrap .list_area.on {border-top:none;}
	.review_contents .list_wrap .list_area.on .rv_prd_sec {margin:0 -20px;padding:30px 20px;}
}