@charset "utf-8";

/* 상단 슬라이드 배너 */
.slide_bn {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: 10px;
    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;
}
.bn_text_wrap {position: absolute;bottom:50px;left:15px;color:#fff}
.bn_text_wrap span {display:block;font-weight:bold}
.bn_text_1 {font-size:28px;letter-spacing:-1px}
.bn_text_2 {margin:8px 0 0;font-size:15px}

#splide_interview .splide__pagination {
    bottom: -15px;
}

#splide_interview .splide__pagination__page.is-active {
    background: #ffa800;
}

#splide_interview .splide__pagination__page {
    background: #c0c0c0;
}

/* 상단 배너 */
#main_slide {margin-bottom:-3px}
#main_ad {position:relative;height:55px;line-height:55px;font-size:15px;text-align:center;color:#fff;background:#ff9511}
#main_ad span {display:inline-block;margin-left:5px;width:30px;height:30px;line-height:30px;font-weight:bold;color:#ff9511;background:#fff;border-radius:50%}

/* 중간 배너 */
#main_banner {position:relative;margin:0 0 60px}
#main_banner:after{position:absolute;bottom:11px;left:0;width:100%;background:#fff;content:''}
.slide_banner img {width:100%;height:auto}
.slide_banner .slick-dots {bottom:8px}
.slide_banner .slick-dots li {margin:0}
.slide_banner .slick-dots li button:before {font-size:11px;color:#fff}
.slide_banner .slick-dots li.slick-active button:before {opacity:1.0;color:#fff}

/* 선생님 검색 */
#main_sch_wr {padding:30px 40px}
#main_sch {position:relative;border-bottom:2px solid #6c748b}
#main_sch:after {display:block;visibility:hidden;clear:both;content:""}
#main_sch #sch_stx {padding:0 40px 0 10px;width:100%;height:45px;border:0;font-size:14px;color:#6c748b;letter-spacing:-1px;outline:none}
#main_sch input::-webkit-input-placeholder {color:#6c748b}
#main_sch input:-ms-input-placeholder {color:#6c748b}
#main_sch #sch_submit {position:absolute;right:10px;height:45px;border:0;font-size:22px;color:#6c748b;background:#fff;cursor:pointer}

#main_category {margin:20px 0 60px;text-align:center}
#main_category li {display:inline-block;margin:0 7px;text-align:center;border-radius:50%;box-shadow:1px 2px 5px 0 #ccc}
#main_category li a {display:block;padding:14px 0 0;width:80px;height:80px}
#main_category li img {height:30px;width:auto}
#main_category li span {display:block;padding:5px 0 0;font-size:13px;color:#333;font-weight:bold;letter-spacing:-1px}

/* 내가 조회한 선생님 리스트 */
#main_sch_log {margin:0 0 60px;text-align:center}
#main_sch_log:after {display:block;visibility:hidden;clear:both;content:""}
#main_sch_log h2 {font-size:18px;letter-spacing:-1px}
#main_sch_log li a {display:block;margin:0 10px}
.today_log {margin:10px 0 0}
.today_log .slick-track {left:20px}
.today_log .log_contnet {position:relative;max-width:110px;border-radius:12px;background:#fff;}
.today_log .log_contnet img {margin:0 auto;width:110px;height:auto;border-radius:100%;box-shadow:1px 2px 5px 0 #bbb}
.today_log .log_contnet span {display:block;padding:10px 0 0;font-size:13px;font-weight:bold;color:#333;letter-spacing:-1px}

/* 오늘의 예약 랭킹 TOP 10 */
#lat_top10 {position:relative;margin:0 0 40px;padding:0 15px 20px;text-align:center}
#lat_top10 h2 {font-size:21px}
#lat_top10 h2 strong {display:block;color:#ff0b04}
#top10_lt {position:relative;overflow:hidden;margin-top:10px}
#top10_ul {margin:0;padding:0;list-style:none;zoom:1}
#top10_ul:after {display:block;visibility:hidden;clear:both;content:""}
#top10_ul li {margin-bottom:15px}
#top10_ul .top10_content {position:relative;margin:7px;padding:20px 10px;border-radius:12px;background:#fff;box-shadow:1px 2px 5px #ddd}
.top10_rank {position:absolute;left:12px;top:38px;font-size:14px;color:#ff0b04;font-weight:bold;border-bottom:2px solid #ff0b04}
.top10_img {position:absolute;left:45px;width:70px}
.top10_img img {width:100%;height:auto;border-radius:100%}
.top10_info {padding-left:115px;text-align:left}
.top10_type {display:inline-block;margin-left:7px;font-size:13px;color:#e45c5c;vertical-align:middle}
.top10_name {padding:0;font-size:16px;letter-spacing:-1px;color:#000}
.top10_cont {padding:5px 0 5px;font-size:12px;line-height:15px;color:#888}
.top10_cost_wr:after {display:block;visibility:hidden;clear:both;content:""}
.top10_cost {float:left;padding:0;font-size:18px;font-weight:bold;line-height:20px}
.top10_stats {float:left;margin:4px 0 0 10px;font-size:12px}
.top10_stats .cnt_vote {color:#888}
.top10_stats .cnt_vote i {color:#ecaf44}
.top10_stats .cnt_review {margin:0 5px;color:#888}

/* 에스크 멘토님 인터뷰 */
#lat_interview {position:relative;margin:0 0 40px;padding:0 10px 20px;text-align:center}
#lat_interview:after{position:absolute;bottom:11px;left:0;width:100%;background:#fff;content:''}
#lat_interview h2 {font-size:21px}
#lat_interview h2 span {position:relative;border-bottom:5px solid #f2f5e1;border-radius:3px}
#lat_interview .interview_name {display:inline-block;margin:15px 0 0;padding:0 30px;height:35px;line-height:35px;font-size:14px;color:#222;letter-spacing:-1px;background:#f2f5e1;box-shadow:1px 2px 5px #ccc;border-radius:35px}
#lat_interview .splide__track {padding-bottom:20px}
.mov_interview {position:relative;padding:20px 20px}
.mov_interview img {width:100%;height:auto}
.mov_interview i {z-index:7;position: absolute;top:32%;left:47%;font-size:40px;color:rgba(255, 255, 255, 0.9)}

/* 에스크 멘토 후기 */
#lat_review {position:relative;margin:0 0 60px;padding:0 0 20px;text-align:center}
#lat_review:after{position:absolute;bottom:11px;left:0;width:100%;height:190px;background:#fff;content:''}
#lat_review h2 {font-size:21px}
#lat_review h2 span {position:relative;border-bottom:5px solid #f2f5e0;border-radius:3px}
.mentor_review {z-index:99;padding:20px 0 0}
.mentor_review:after {display:block;visibility:hidden;clear:both;content:""}
.mentor_review .slick-slide {margin:10px 0;opacity:1}
.mentor_review .review_list {position:relative;background:#fafbfc}
.mentor_review .review_list:after {display:block;visibility:hidden;clear:both;content:""}
.mentor_review .rv_img {float:left;width:35%;padding:20px 10px;height:200px;background:#f2f5e0}
.mentor_review .rv_img .rv_mentor_img img {margin:0 auto;width:90px;height:auto;border-radius:100%}
.mentor_review .rv_stats {margin:10px 0 0;font-size:13px;color:#000;text-align:center}
.mentor_review .rv_stats strong {display:block;margin:0 0 10px;font-weight:normal;letter-spacing:-1px;line-height:18px}
.mentor_review .rv_stats .cnt_vote img {margin:0 auto}
.mentor_review .rv_info {float:left;width:65%}
.mentor_review .rv_info .rv_name {padding:15px 0 0;font-size:17px;font-weight:bold;letter-spacing:-1px;color:#000;letter-spacing:2px}
.mentor_review .rv_info .rv_date {padding:2px 0 0;font-size:13px;color:#999}
.mentor_review .rv_info .rv_cont {margin:10px 15px 0;padding:12px;height:120px;overflow:hidden;font-size:13px;line-height:18px;color:#222;background:#fff;text-align:left;border-radius:7px;box-shadow:1px 2px 5px #eee}
.mentor_review .slick-dots {bottom:-20px}
.mentor_review .slick-dots li {margin:0}
.mentor_review .slick-dots li button:before {font-size:11px;color:#000}
.mentor_review .slick-dots li.slick-active button:before {opacity:1.0;color:#000}

/* 선생님 슬라이드 공통 */
.mentor_contnet {position:relative;padding:15px 15px;max-width:210px;border-radius:12px;background:#fff;box-shadow:rgb(200 160 85 / 50%) 1px 2px 5px}
.mentor_contnet .mentor_img {padding:0 12px 10px}
.mentor_contnet .mentor_img img {margin:0 auto;width:80% !important;height:auto;border-radius:100%}
.mentor_info {text-align:center}
.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}
.mentor_info .mt_name {padding:5px 0 0;font-size:16px;color:#000;letter-spacing:-1px}
.mentor_info .mt_cont {padding:7px 0 5px;font-size:12px;line-height:15px;color:#888;letter-spacing:-1px}
.mentor_info .mt_cost {padding:10px 0 5px;font-size:18px;font-weight:bold;line-height:20px}
.mentor_info .mt_stats {font-size:12px}
.mentor_info .mt_vote {color:#888}
.mentor_info .mt_vote i {color:#ecaf44}
.mentor_info .mt_review {margin:0 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:20px;bottom:10px;z-index:9}

/* 3분 맛보기 선생님 */
#lat_3min {position:relative;margin:20px 0 60px;padding:0 0 20px;text-align:center}
#lat_3min:after{position:absolute;bottom:0;left:0;width:100%;height:190px;background:#f2c6c5;content:''}
#lat_3min h2 {font-size:21px}
#lat_3min h2 span {position:relative;border-bottom:5px solid #f2c6c5;border-radius:3px}
.mentor_3min {z-index:2;padding:20px 0}
.mentor_3min:after {display:block;visibility:hidden;clear:both;content:""}
.mentor_3min .mt_sample {padding:3px 0 0;font-size:14px;color:#c78d8c}
.mentor_3min .mentor_contnet {box-shadow:rgb(172 128 128 / 50%) 1px 2px 5px}

/* 새로운 선생님 */
#lat_new {position:relative;margin:20px 0 60px;padding:0 0 20px;text-align:center}
#lat_new:after{position:absolute;bottom:0;left:0;width:100%;height:190px;background:#fbdea8;content:''}
#lat_new h2 {font-size:21px}
#lat_new h2 span {position:relative;border-bottom:5px solid #fbdea8;border-radius:3px}
.mentor_new {z-index:2;padding:20px 0}
.mentor_new:after {display:block;visibility:hidden;clear:both;content:""}

#mentor_lt {position:relative;overflow:hidden;margin-top:30px}
#mentor_ul {margin:0 -2px 0;padding:0;list-style:none;zoom:1}
#mentor_ul:after {display:block;visibility:hidden;clear:both;content:""}
#mentor_ul li {margin-bottom:15px}
#mentor_ul .mt_content {position:relative;position:relative;margin:5px;padding:15px 20px;max-width:200px;border-radius:12px;background:#fff;box-shadow:1px 2px 5px #ccc}
#mentor_ul .mt-box-2, #mentor_ul .mt_lt_row {position:relative;min-height:1px;padding-left:2px;*padding-left:0;padding-right:2px;*padding-right:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0}
#mentor_ul .mt-box-2 {width:50%}
#mentor_ul .mt_lt_row .box_clear {clear:both}
#mentor_ul .mt_li:nth-child(2n+1) {clear:both}
.mt_content .mentor_img {padding:0 0 10px}
.mt_content .mentor_img img {width:100%;height:auto;border-radius:100%}
.mt_content .mentor_info {}
.mt_content .mt_type {}
.mt_content .mt_type img {display:inline-block;vertical-align:middle}
.mt_content .mt_type span {display:inline-block;margin-left:5px;font-size:14px;color:#e45c5c;vertical-align:middle}
.mt_content .mt_name {padding:5px 0 0;font-size:16px;letter-spacing:-1px;color:#000}
.mt_content .mt_cont {padding:7px 0 5px;font-size:12px;line-height:15px;color:#888}
.mt_content .mt_cost {padding:10px 0 0;font-size:18px;font-weight:bold;line-height:20px}
.mt_content .mt_stats {font-size:12px}
.mt_content .mt_vote {color:#888}
.mt_content .mt_vote i {color:#ecaf44}
.mt_content .mt_review {margin:0 5px;color:#888}
.mt_content .mt_view {color:#ff6600}
.mt_content .mt_new {color:#f2b139;font-weight:bold;margin:0 5px}

/* 에스크 멘토 선생님 */
#lat_basic {position:relative;margin:0 0 40px;padding:0 15px 20px;text-align:center}
#lat_basic:after{position:absolute;bottom:11px;left:0;width:100%;background:#fff;content:''}
#lat_basic h2 {font-size:21px}
#lat_basic h2 span {position:relative;border-bottom:5px solid #fdf3a2;border-radius:3px}

#mtbasic_lt {position:relative;overflow:hidden;margin-top:30px}
#mtbasic_ul {margin:0 -2px 0;padding:0;list-style:none;zoom:1}
#mtbasic_ul:after {display:block;visibility:hidden;clear:both;content:""}
#mtbasic_ul li {margin-bottom:15px}
#mtbasic_ul .mtbasic_cont {position:relative;position:relative;margin:10px;padding:0;border-radius:12px;background:#fff;box-shadow:1px 2px 5px #ccc}
#mtbasic_ul .mt-box-1, #mtbasic_ul .mt_lt_row {position:relative;min-height:1px;padding-left:2px;*padding-left:0;padding-right:2px;*padding-right:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0}
#mtbasic_ul .mt-box-1 {width:100%}
#mtbasic_ul .mt_lt_row .box_clear {clear:both}
#mtbasic_ul .mt_li:nth-child(2n+1) {clear:both}
.mtbasic_cont .mentor_img {margin:0 0 10px;background:#f8f8f8}
.mtbasic_cont .mentor_img img {width:100%;height:auto;border-top-left-radius:12px;border-top-right-radius:12px}
.mtbasic_cont .mentor_info {position:relative;padding:5px 20px 18px}
.mtbasic_cont .mt_type {position:absolute;left:10px;top:5px}
.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}
.mtbasic_cont .mt_name {padding:0;font-size:17px;font-weight:bold;letter-spacing:-1px;color:#000}
.mtbasic_cont .mt_cont {padding:7px 0 5px;font-size:13px;line-height:18px;color:#888}
.mtbasic_cont .mt_cost {padding:10px 0 0;font-size:20px;font-weight:bold;line-height:20px}
.mtbasic_cont .mt_stats {position:absolute;right:10px;bottom:19px;font-size:12px}
.mtbasic_cont .mt_vote {color:#888}
.mtbasic_cont .mt_vote i {color:#ecaf44}
.mtbasic_cont .mt_review {margin:0 5px;color:#888}
.mtbasic_cont .mt_view {color:#ff6600}
.mtbasic_cont .mt_new {color:#f2b139;font-weight:bold;margin:0 5px}

/* 회사 정보 */
#main_ft {padding:30px 15px 60px;background:#f6ebd9}
#main_ft .ft_logo {text-align:center}
#main_ft .ft_logo img {width:70px;height:auto}
#main_ft .ft_link {margin:30px 0;text-align:center}
#main_ft .ft_link li {display:inline-block;margin:5px 10px;text-align:center;}
#main_ft .ft_link li a {font-size:14px}
#main_ft .ft_sns {margin:30px 0;text-align:center}
#main_ft .ft_sns li {display:inline-block;margin:0 10px;width:40px;height:40px;text-align:center;border:1px solid #707070;border-radius:50%}
#main_ft .ft_sns li img {margin:9px 0 0;height:20px;width:auto}
#main_ft .ft_sns li i {font-size:23px;padding:7px 0 0;color:#707070}
#main_ft .ft_sns li a {height:38px;display:block}
#main_ft .ft_company {padding:30px 15px 0;font-size:13px;color:#202020;line-height:21px;border-top:1px solid #d1c7b7}
#main_ft .ft_company .corp_info {}
#main_ft .ft_company .corp_info:after {display:block;visibility:hidden;clear:both;content:""}
#main_ft .ft_company .corp_con {float:left;width:50%}
#main_ft .ft_company .corp_num {padding:20px 0 0}
#main_ft .ft_company .corp_num span {letter-spacing:-1px}