@charset "utf-8";

.mentor_banner img {width:100%;height:auto}

/* 서브 배너 슬라이드 */
.slide_bn {margin:30px 0 10px;padding:0}
.slide_bn .splide {margin:0 auto;max-width:420px;padding:0}
.slide_bn .splide img {width:100%;height:auto}
.slide_bn .splide__pagination {
    position: absolute;
    z-index: 1;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0;
}
.slide_bn .splide__pagination__page.is-active {
    transform: scale(1);
    background: #ffa800;
}
.slide_bn .splide__pagination__page {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 100%;
    margin: 5px;
    padding: 0;
    transition: transform .2s linear;
    border: none;
    opacity: .7;
}

/* 서브 슬라이드 배너 */
.sub_banner {margin:0}

/* 선생님 슬라이드 공통 */
.mentor_contnet {position:relative;padding:7px;width:220px;background:#fff;border:1px solid #0d17d9}
.mentor_contnet:after {display:block;visibility:hidden;clear:both;content:""}
.mentor_contnet .mentor_img {}
.mentor_contnet .mentor_img img {margin:0 auto;width:100% !important;height:auto}
.mentor_info {padding:12px 8px 0;text-align:left}
.mentor_info .mt_type {}
.mentor_info .mt_type img {display:inline-block;height:16px;width:auto;vertical-align:middle}
.mentor_info .mt_type span {display:inline-block;margin-left:5px;font-size:14px;color:#e45c5c;vertical-align:middle;font-weight:bold}
.mentor_info .mt_name {padding:5px 0 0;font-size:16px;color:#000;font-weight:bold;letter-spacing:-1px}
.mentor_info .mt_cont {padding:10px 0 0;height:47px;line-height:15px;font-size:12px;color:#888;letter-spacing:-1px}
.mentor_info .mt_cost {padding:12px 0 10px;font-size:20px;font-weight:bold;line-height:20px;text-align:right;border-top:1px solid #eee}
.mentor_info .mt_cost span {margin-right:10px;font-size:15px;font-weight:normal}
.mentor_info .mt_stats {padding:5px 0 10px;font-size:12px}
.mentor_info .mt_vote {color:#888}
.mentor_info .mt_vote i {color:#ecaf44}
.mentor_info .mt_review {margin-left:5px;color:#888}
.mentor_info .mt_view {color:#ff6600}
.mentor_info .mt_new {color:#f2b139;font-weight:bold;margin:0 5px}
.more_mentor {position:absolute;right:18px;bottom:0;z-index:9}

/* 예약하기 */
.reserve_mt_pic {padding:0;text-align:center;background:#eee}
.reserve_mt_pic img {width:100%;height:auto}
.reserve_mt_pic .mt_image {width:100%;height:auto}
.reserve_mt_pic .no_image {padding:49px;width:71.5%;height:auto}

#shop_frm {padding:30px 20px 20px;border-bottom: 1px solid #eee;}
#shop_frm .shop_product {padding:0 0 10px;font-size:20px;font-weight:700}
#shop_frm .shop_price {padding:0 0 15px;font-size:18px;color:#B50005;font-weight:500}
#shop_frm .shop_mentor {padding:0 0 10px;font-size:16px;font-weight:500}

/* 부가상품 정보 */
#item_infor {padding:30px 0 30px;border-bottom:1px solid #eee}
.mt_it_title h2 {position:relative;padding-left:20px;font-size:16px;font-weight:700;color:#000;line-height:24px}
.mt_it_con {padding:30px 20px 10px;width:100%;font-size:15px;line-height:1.7em;word-break:break-all;overflow:hidden}
.mt_it_con img {max-width:100%;height:auto}

/* 부가상품 취소 및 환불규정 */
.refund_con {padding:30px 20px 50px;font-size:15px}
.refund_ul_1 {}
.refund_ul_1 li {position:relative;margin:0 0 5px;padding-left:12px;line-height:24px}
.refund_ul_1 li:before{position: absolute;top:9px;left:0px;width:3px;height:3px;background:#888;content:'';border-radius:50%}
.refund_ul_2 {margin:0;padding-left:28px}
.refund_ul_2 li {position:relative;margin:0 0 5px;padding-left:0px;line-height:24px;list-style-type:decimal;}

#reserve_frm {padding:30px 20px 50px;text-align:left}
#reserve_frm .rv_tit {font-size:16px;font-weight:700}
#reserve_frm .rv_tit_sub {margin:5px 0 0;font-size:13px;color:#a1a5a6;line-height:19px}
#reserve_frm .rv_tit_sub span {color:#ff0000;letter-spacing:-1px}
#reserve_frm .rv_tit_sub strong {color:#1400ff;letter-spacing:-1px;font-weight:normal}
#reserve_frm .reserve_name {padding:0 0 10px;font-size:20px;font-weight:700}
#reserve_frm .reserve_guide {padding:0 0 25px;font-size:16px;color:#B50005;font-weight:500}
#reserve_frm .reserve_type {padding:17px 0;border-bottom:1px solid #eee}
#reserve_frm .reserve_time {padding:17px 0;border-bottom:0px solid #eee}
#reserve_frm .reserve_people {padding:17px 0;border-bottom:1px solid #eee}
#reserve_frm .reserve_cash {margin:20px 0;font-size:20px;text-align:center;color:#B50005;font-weight:600}
#reserve_frm .reserve_cash strong {display:inline-block;width:100px;margin-left:10px}
#reserve_frm .rv_select {padding:15px 0 0;margin-right:-2%}
#reserve_frm .rv_select:after {display:block;visibility:hidden;clear:both;content:""}
#reserve_frm .rv_select input[type=radio]{display:none;}
#reserve_frm .rv_select input[type=radio]+label{
	float:left;
	width:48%;
	margin-right:2%;
	cursor:pointer;
	padding:10px;
	font-size:16px;
	font-weight:600;
	text-align:center;
	border:1px solid #B50005;
	border-radius: 8px;
}

#reserve_frm .rv_select input[type=radio]+label{background:#fff;color:#B50005}
#reserve_frm .rv_select input[type=radio]:checked+label{background:#B50005;color:#fff}
#reserve_frm .type_num1 .rv_select input[type=radio]+label{width:98%;margin-right:2%}
#reserve_frm .type_num2 .rv_select input[type=radio]+label{width:48%;margin-right:2%}
#reserve_frm .type_num3 .rv_select input[type=radio]+label{width:31.3333333333%;margin-right:2%}
#reserve_frm .reserve_people .rv_select input[type=radio]+label{width:23%}
#reserve_frm #rv_sample input[type=radio]+label{width:98% !important}

#reserve_frm .od_refuse {padding:30px 20px 0;text-align:center}
#reserve_frm .od_refuse strong {font-size:16px;color:#B50005;letter-spacing:-1px}
#reserve_frm .od_refuse p {margin:0 0 20px;font-size:14px;line-height:22px}
#reserve_frm .refuse_btn {margin:40px 0 0}
#reserve_frm .refuse_btn a {display:block;height:50px;font-size:16px;color:#fff;background:#B50005;border-radius:12px;display:flex;align-items:center;justify-content:center;}

#reserve_od_tit {padding:30px 20px 0px;text-align:left}
#reserve_od_tit .od_tit_name {padding:0 0 10px;font-size:20px;font-weight:700}
#reserve_od_tit .od_tit_guide {font-size:16px;color:#B50005;font-weight:500}

/* 마이페이지 상세 */
#mysub_totals {padding:15px 0;line-height:20px;font-size:15px;color:#fff;font-weight:bold;text-align:center;background:#9196f2}

.mtbasic_cont {position:relative;position:relative;margin:20px;padding:0;background:#fff;border:1px solid #e2e2e2}
.mtbasic_cont .mentor_img {margin:0 0 10px;background:#f8f8f8}
.mtbasic_cont .mentor_img img {width:100%;height:auto}
.mtbasic_cont .mentor_info {position:relative;padding:7px 20px 20px}
.mtbasic_cont .mt_type {position:absolute;right:15px;top:7px}
.mtbasic_cont .mt_type img {display:inline-block;vertical-align:middle}
.mtbasic_cont .mt_type span {display:inline-block;margin-left:5px;font-size:14px;color:#e45c5c;vertical-align:middle;font-weight:bold}
.mtbasic_cont .mt_name {padding:0;font-size:19px;font-weight:bold;letter-spacing:-1px;color:#3e445a}
.mtbasic_cont .mt_cont {padding:7px 0 5px;height:40px;color:#888}
.mtbasic_cont .mt_cost {padding:12px 0 0;font-size:20px;font-weight:bold;line-height:20px}
.mtbasic_cont .mt_stats {font-size:12px}
.mtbasic_cont .mt_vote {color:#888}
.mtbasic_cont .mt_vote i {color:#ecaf44}
.mtbasic_cont .mt_review {margin-left:5px;color:#888}


/* 리뷰작성 */
#check_div {padding:0 0 30px}
#check_div:after {display:block;visibility:hidden;clear:both;content:""}
#check_div label {position:relative;display:block;padding:0 0 0 40px;height:43px;line-height:40px;font-size:15px;color:#777;font-weight:bold;text-align:left;border:1px solid #e3e5e8;border-radius:30px;cursor:pointer;-webkit-tap-highlight-color: rgba(0,0,0,0);}
#check_div label i {position:absolute;left:17px;height:43px;line-height:40px;color:#ededed}
#check_div input:checked + label {border:1px solid #9196f2;background:#9196f2;color:#fff;transition:all 0.3s ease-out;}
#check_div input:checked + label i {color:#fff}
#check_div input[type="radio"] {display:none}
#check_div .first-div label {text-align:center;padding:0;font-size:22px;height:40px;line-height:37px}
#check_div .first-div i {position:relative;left:0;margin:0 4px;color:#dadada;height:40px;line-height:37px}
#check_div .first-div input:checked + label {border:1px solid #e83e3e;background:#fff;color:#e83e3e;transition:all 0.3s ease-out;}
#check_div .first-div input:checked + label i.fa-star {color:#e83e3e}
#check_div .first-div .fa-star-o {color:#eee}
#check_div .next-div {display:none;}

.survey_show {}
.survey_hd {margin:30px 20px 0;padding:0 0 20px;font-size:18px;font-weight:700;color:#333;line-height:25px;letter-spacing:-1px}
.survey_hd span {font-size:19px;color:#6666d8}
.survey_hd strong {font-size:19px;color:#000}
.survey_ul {margin:0 20px 0}
.survey_ul:after {display:block;visibility:hidden;clear:both;content:""}
.survey_ul li {margin-bottom:10px}
.survey_ul li textarea {padding:10px 15px;width:100%;height:200px;font-size:14px;line-height:22px;border:0;background:#f3f3f3;border-radius:15px}
.survey_memo {margin:0;padding:0 20px}
.survey_memo textarea {padding:10px 15px;width:100%;height:200px;font-size:14px;line-height:22px;border:0;background:#f3f3f3;border-radius:15px}
.survey_memo_btm {margin:0 30px 20px;padding:10px 20px 15px;font-size:13px;text-align:center;color:#e83e3e;line-height:19px;letter-spacing:-1px;border-bottom:1px solid #eee}
.survey_point {margin:0 50px;padding:13px 0;line-height:20px;font-size:16px;font-weight:bold;text-align:center;background:#e9f1ff;border-radius:25px}
.survey_point span {display:block;padding:3px 0 0;font-size:15px;color:#0c0ebb}

.textLengthWrap {padding:2px 0 0;font-size:13px;text-align:center;color:#888}
.text_fill {color:#ff0000}
.textCount {font-weight:bold}

#ft_button .ft_review {position:relative}
#ft_button .ft_review button {width:100%;height:50px;border:0;font-size:15px;color:#fff;font-weight:bold;background: linear-gradient(to bottom, #d9d9d9, #bbb);border-radius:8px}
#ft_button .ft_review div {display:block;width:100%;height:50px;line-height:50px;font-size:15px;color:#fff;font-weight:bold;text-align:center;background: linear-gradient(to bottom, #d9d9d9, #bbb);border-radius:8px;cursor:pointer}
/* 리뷰작성 여기까지*/