@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 .mt_image {width:100%;height:auto}
.reserve_mt_pic .no_image {padding:49px;width:71.5%;height:auto}

#reserve_frm {padding:30px 30px 100px;text-align:center}
#reserve_frm .rv_tit {font-size:16px;font-weight:bold}
#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 17px;font-size:20px;font-weight:bold;border-bottom:1px solid #eee}
#reserve_frm .reserve_type {padding:17px 0;border-bottom:1px solid #eee}
#reserve_frm .reserve_video {padding:17px 0;border-bottom:1px solid #eee}
#reserve_frm .reserve_time {padding:17px 0;border-bottom:1px solid #eee}
#reserve_frm .reserve_people {padding:17px 0;border-bottom:1px solid #eee}
#reserve_frm .reserve_calendar {padding:17px 0;border-bottom:1px solid #eee}
#reserve_frm .reserve_cash {margin:20px 0;font-size:20px}
#reserve_frm .reserve_cash strong {display:inline-block;width:100px;margin-left:10px}
#reserve_frm .rv_vat {margin:6px 0 0;font-size:14px}
#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:bold;
	text-align:center;
	border:1px solid #D5D5D5;
}

#reserve_frm .rv_select input[type=radio]+label{background:#fff;color:#000}
#reserve_frm .rv_select input[type=radio]:checked+label{background:#EBF2FF;color:#0360FF;border:1px solid #0160FF}
#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 .reserve_calendar .rv_select {padding:5px 0 0}
#reserve_frm .reserve_calendar .rv_select input[type=radio]+label{width:23%;margin-bottom:2%;color:#0360FF;font-weight:normal;background:#eff3ff;border:1px solid #96BDFF}
#reserve_frm .reserve_calendar .rv_select input[type=radio]:checked+label{color:#fff;background:#0360FF;border:1px solid #0360FF}
#reserve_frm #rv_sample input[type=radio]+label{width:98% !important}

#reserve_frm .rv_video {padding:15px 0 5px;width:100%;margin-right:1px}
#reserve_frm .rv_video:after {display:block;visibility:hidden;clear:both;content:""}
#reserve_frm .rv_video .frm_input {padding:0 10px;font-size:15px;font-weight:bold;border:1px solid #D5D5D5}
#reserve_frm .video_date {float:left;width:50%;margin-right:2%}
#reserve_frm .video_time {float:left;width:24%;font-size:15px}
#reserve_frm .video_time select {padding:0 3px;height:45px;font-size:15px}

.rv_calendar {border-bottom:1px solid #eee}
.rv_calendar img {max-width:100%;height:auto}
.rv_tit_date {position:relative;margin:15px 0;padding:0 0 30px 30px;height:40px;font-size:18px;color:#000;font-weight:bold;text-align:left;border-bottom:1px solid #eee}
.rv_tit_date img {position:absolute;left:0;top:0}
.rv_tit_time {position:relative;margin:15px 0;padding:0 0 30px 30px;height:40px;font-size:18px;color:#000;font-weight:bold;text-align:left;border-bottom:1px solid #eee}
.rv_tit_time img {position:absolute;left:0;top:0}
.rv_time_type {padding:10px 0 0;font-size:15px;color:#777;font-weight:bold;text-align:left}
.rv_datetime {padding:20px 0 5px;font-size:16px;font-weight:bold}

.od_refuse {padding:30px 0 0;font-size:14px;text-align:center;line-height:22px}
.od_refuse strong {font-size:16px;color:#ff5722;letter-spacing:-1px}
.od_refuse p {margin:0 0 20px}
.od_refuse .btn_hp {display:block;margin:30px 30px;background:#ff5722;color:#fff;border-radius:3px;padding:10px}

/* 마이페이지 상세 */
#mysub_totals {padding:12px 0 12px 20px;line-height:20px;font-size:14px;color:#696969;font-weight:500;border-top:2px solid #e4e4e4;background:#F2F3F4}
#zzim_lt {position:relative;overflow:hidden;margin:30px 0 40px;padding:0 15px 20px;}
#zzim_lt .mt_content {padding:15px 20px 20px}
#zzim_lt .no_image {padding:20px;background:#f7f7f7}

#zzim_lt {position:relative;overflow:hidden;margin-top:30px}
#zzim_lt {margin:0 -2px 0;padding:0;list-style:none;zoom:1}
#zzim_lt:after {display:block;visibility:hidden;clear:both;content:""}
#zzim_lt .no_image {padding:30px 0;height:200px !important;background:#f7f7f7}
#zzim_lt li {width:100%;margin-bottom:15px}
.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 50px}
#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 #ddd;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:24px;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:35px 30px 0;padding:0 0 25px;font-size:18px;font-weight:bold;text-align:center;color:#333;line-height:26px;border-bottom:1px solid #eee;letter-spacing:-1px}
.survey_hd span {font-size:19px;color:#6666d8}
.survey_hd strong {font-size:19px;color:#000}
.survey_ul {margin:25px 30px 20px;padding:0 20px 15px;border-bottom:1px solid #eee}
.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:20px 0 0;padding:0 30px}
.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;margin:10px auto;padding:0 20px}
#ft_button .ft_review button {width:100%;height:45px;border:0;font-size:15px;color:#fff;font-weight:bold;background: linear-gradient(to bottom, #d9d9d9, #bbb);border-radius:10px}
#ft_button .ft_review div {display:block;width:100%;height:45px;line-height:46px;font-size:15px;color:#fff;font-weight:bold;text-align:center;background: linear-gradient(to bottom, #d9d9d9, #bbb);border-radius:10px;cursor:pointer}
/* 리뷰작성 여기까지*/

/* 스크랩 */
#scrap_mentor #mto_lt {padding:0 15px 120px}
#scrap_mentor .scrap_del_btn {position:absolute;right:0;z-index:2}
#scrap_mentor .scrap_del_btn svg {width:20px;height:20px;color:#888}
#scrap_none {position:relative;width:100%;height:100%}
.scrap_none_inner {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;text-align:center}
.scrap_none_img {margin:0 0 30px}
.scrap_none_img img {width:45px;height:auto}
.scrap_none_text {font-size:20px;font-weight:500}
.scrap_add_link {padding:50px 20px 20px}
.scrap_add_link a {display:block;padding:18px;width:100%;font-size:18px;color:#fff;background:#0360FF;border-radius:12px}

/* 추천 선생님 페이지 */
#mentor_best {margin:0 0 40px}
#mentor_best #mto_lt {padding:0 15px}

/* 인기 선생님 페이지 */
#mentor_popular {margin:0 0 40px}
#mentor_popular #mto_lt {padding:0 15px}

/* 나의후기 */
#mentor_myreview {margin:5px 0 50px}
#myreview_ul {padding:0 15px 10px}
#myreview_ul li {padding:20px 0;border-bottom:1px solid #e7ebf3}
.myreview_mt {position:relative;padding:6px;display:flex;align-items:center;background:#E5EEFF;border-radius:10px}
.myreview_mt:after {display:block;visibility:hidden;clear:both;content:""}
.myr_mtimg {float:left}
.myr_mtimg img {width:35px;height:35px;border-radius:100%}
.myr_mtname {margin-left:10px;font-size:15px;font-weight:600}
.myr_date {position:absolute;right:15px;top:17px;font-size:12px;color:#BCBCBC}
.myr_review {position:absolute;right:15px;font-size:14px;color:#696969;font-weight:500}
.myr_review .myr_star {font-size:12px;line-height:13px}
.myr_review .myr_star img {float:left;margin-right:4px;height:12px}
.myr_content {padding:15px 0;font-size:15px;color:#696969;font-weight:400;line-height:21px}
.myr_content p {text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.myr_button {}
.myr_button:after {display:block;visibility:hidden;clear:both;content:""}
.myr_button a {float:left;padding:10px 0;width:49%;font-size:14px;text-align:center;color:#5D5D5D}
.myr_button a:last-child {float:right}
.myr_button .myr_btn {border:1px solid #C8CDD5;border-radius:4px}
.myr_empty {font-size:14px;text-align:center;line-height:100px}

/* 나의후기 수정 팝업 */
.ajax_review {position:relative;margin:0;padding:20px 20px 15px;text-align:center;background:#fff;border-radius:10px}
.ajax_review h2 {padding:0 0 15px;font-size:20px;font-weight:600;color:#0360FF;border-bottom:1px solid #eee}
.ajax_review .mfp-close {width:60px;height:50px;line-height:50px;font-size:35px;color:#000 !important}
.ajax_review textarea {margin:0 0 10px;width:100%;height:200px;border:1px solid #d0d3db;font-size:14px;line-height:21px;padding:10px;outline:none}
.ajax_review_content {margin:0;padding:10px 0 0}
.ajax_review_button button {width:100%;height:45px;border:0;font-size:15px;color:#fff;font-weight:bold;background: linear-gradient(to bottom, #0360FF, #0360FF);}

@media all and (max-width:420px) {
	.ajax_review {margin:0 10px}
	.ajax_review h2 {font-size:18px}
}