@charset "utf-8";

/* 다국어 옵션 */
a.btn_lang_view {cursor:pointer}
a.btn_lang_view svg {margin-top:-3px}
.lang_opt {display:none;position:absolute;top:43px;right:-17px;width:240px;background:#fff;border:1px solid #e0e0e0;border-radius:5px;z-index:999}
.lang_opt:before {content:"";position:absolute;top:-8px;right:23px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #e0e0e0 transparent}
.lang_opt:after {content:"";position:absolute;top:-6px;right:23px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.lang_opt li {position:relative;float:inherit;margin:0;border-bottom:1px solid #f1f1f1;text-align:left}
.lang_opt li a {display:block;padding:13px 20px;font-size:14px;color:#222;font-weight:500;letter-spacing:-0.5px}
.lang_opt li a:hover {background:#f8f8f8}
.lang_opt li img {margin-right:7px;width:20px;height:20px}
.lang_opt li span {display:block;padding:3px 0 0;font-size:12px;color:#999}
.lang_opt li label {position:absolute;right:15px;top:5px}
.lang_opt li:last-child {border-bottom:0}
.lang_opt li i {float:right;line-height:20px}
/* 다국어 옵션 */

/* 선생님 목록 (상담신청 팝업 레이어 포함) */
#mto_lt {position:relative;overflow:hidden;margin-top:25px}
#mto_ul {margin:0;padding:0}
#mto_ul:after {display:block;visibility:hidden;clear:both;content:""}
#mto_ul li {position:relative;margin-bottom:28px;border-bottom:2px solid #f3f5f9}
#mto_ul li:last-child {margin-bottom:0px;border-bottom:0px solid #f3f5f9}
#mto_ul .mto_content {position:relative;margin:0 0 17px}
#mto_ul .mto_content:after {display:block;visibility:hidden;clear:both;content:""}
#mto_ul .no_image {padding:10px;height:160px !important;background:#f7f7f7}
.mto_img {position:absolute;width:132px;height:160px;z-index:2}
.mto_img .mto_pic img {width:100%;height:148px;border-radius:5px}
.mto_img .mto_coin {position:absolute;left:8px;top:8px}
.mto_img .mto_coin span {float:left;display:inline-block;margin-right:5px;line-height:20px;width:30px;text-align:center;font-size:10px;color:#fff;font-weight:500;background:#e53544;border-radius:3px}
.mto_info {float:left;position:relative;padding:0 0 0 145px;width:100%;height:160px;overflow:hidden;margin-top: -7px;}
.mto_type {margin-top:8px}
.mto_type:after {display:block;visibility:hidden;clear:both;content:""}
.mto_type span {float:left;display:inline-block;margin-right:5px;line-height:20px;width:45px;text-align:center;font-size:10px;color:#0360FF;font-weight:500;background:#DDE8FC;border-radius:3px}
.mto_title {position:relative;margin:9px 0 0;width:100%;height:20px;display:flex;align-items:center;}
.mto_title:after {display:block;visibility:hidden;clear:both;content:""}
.mto_title .mto_cate {position:absolute;left:0;top:0}
.mto_title .mto_cate span {display:inline-block;display:flex;justify-content:center;align-items:center;padding:0 7px;min-width:37px;height:20px;text-align:center;font-size:10px;color:#fff;font-weight:400}
.mto_title .type_basic {background:#C557FF;border-radius:3px}
.mto_title .type_saju {background:#1C3D5A;border-radius:3px}
.mto_title .type_taro {background:#6B4C9A;border-radius:3px}
.mto_title .type_sin {background:#00796B;border-radius:3px}
.mto_title .mto_name {float:left;padding:0 0 0 42px;display:block;font-size:21px;font-weight:bold;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mto_basic {padding:6px 0 0;font-size:14px;line-height:15px;color:#000;font-weight:500;text-align:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mto_price {margin:10px 0 0;line-height:20px}
.mto_price:after {display:block;visibility:hidden;clear:both;content:""}
.mto_price .mto_time {float:left;width:35px;font-size:12px;color:#888}
.mto_price .mto_cost {float:left;font-size:18px;font-weight:bold}
.mto_review {margin:8px 0;color:#383838}
.mto_review:after {display:block;visibility:hidden;clear:both;content:""}
.mto_review .mto_star {float:left;font-size:12px;line-height:13px}
.mto_review .mto_star img {float:left;margin-right:4px;height:12px}
.mto_review .mto_rev_cnt {float:left;margin-left:10px;line-height:13px}
.mto_review .mto_rev_cnt img {float:left;margin-top:-1px;margin-right:4px}
.mt_stats .mt_vote {color:#888}
.mt_stats .mt_vote i {color:#ecaf44}
.mt_stats .mt_review {margin-left:5px;color:#888}
.mto_ad {position:absolute;bottom:0;padding:0 0 0}
.mto_ad:after {display:block;visibility:hidden;clear:both;content:""}
.mto_ad .mto_adtext {float:left;padding:2px 0 0;font-size:12px}
.mto_ad .mto_adtext span {float:left;display:inline-block;margin-right:5px;padding:5px 10px;text-align:center;font-size:12px;color:#FF5722;font-weight:500;border-radius:20px}
.mto_submit {}
.mto_submit_btn {display:block;padding:12px 0;width:100%;text-align:center;font-size:16px;color:#fff;font-weight:500;border-radius:8px}
.mto_submit_btn img {margin-top:-3px;margin-right:3px}
.mto_submit .btn_call {background:#035ffe}
.mto_submit .btn_quick {background:#FF6600;}
.mto_submit .btn_reserv {padding:10px 0;background:#fff;border:2px solid #000;color:#000}
.mto_submit .btn_reserv img {width:18px;height:18px}
.mto_submit .btn_empty {background:#cccccc}
.mto_more {font-size:16px;color:#666;text-align:center}
.mto_more img {margin-top:-3px;height:15px}

.call_pop_wrap {margin:0 10px;padding:15px;background:#fff;border:solid 1px #ccc;border-radius:12px}
.call_pop_hd {height:25px;font-size:18px;font-weight:bold;text-align:left}
.call_pop_hd img {margin-top:-2px;margin-right:3px}
.call_select {}
.call_select_title {padding:15px 0 20px;font-size:16px;color:#696969;text-align:center}
.call_pop_button {text-align:center}
.call_pop_button .call_pop_btn {display:block;padding:15px 0;width:100%;text-align:center;font-size:16px;color:#fff;font-weight:500;border-radius:8px;cursor:pointer}
.call_pop_button .btn_call {background:#0360FF}
.call_pop_button .btn_cancel {background:#D5D5D5;margin-top:10px}

/* 상담신청 팝업 레이어 */
#call_layer {
	display:none;
	position: fixed;
	z-index:999999;
	margin-top:-40px;
    margin-left: 0%;
	width:100%;
    max-width:420px;
}

#modal {
  position:fixed;
  display: none;
  z-index: 99999;
  top: 0;
  left: 0;
  width:100%;
  height:100%;
  background:rgba(0, 0, 0, 0.5);
}

.call_select {margin-top:20px;padding-top:10px;border-top:2px solid #f3f5f9}
.call_select li {margin-top:10px}
.call_select li input[type="radio"] {margin-top:0px;margin-right:5px;width:15px;height:15px}
.call_select .call_item {border:1px solid #ddd;padding:15px;font-size:14px;font-weight:bold;border-radius:8px;cursor:pointer;}
.call_select .call_item:after {display:block;visibility:hidden;clear:both;content:""}
.call_select .call_item_cost {float:right}


/* 하단 메뉴 */
#ft {position:relative;margin:0 auto;max-width:420px}
#ft_nav {position:fixed;bottom:0;width:100%;max-width:420px;background:#fff;box-shadow: rgb(203 203 203 / 26%) 0px -3px 6px 0px;z-index:999}
#ft_nav:after {display:block;visibility:hidden;clear:both;content:""}
#ft_nav li {position:relative;float:left;width:25%;text-align:center}
#ft_nav li a {display:block;height:70px;padding:11px 0 0}
#ft_nav li img {width:27px;height:27px}
#ft_nav li span {position:absolute;bottom:11px;display:block;width:100%;padding:4px 0 0;font-size:12px;font-weight:500;letter-spacing:-1px}
#ft_nav .ft_gnb span {color:#000}
#ft_nav .gnb_on span {color:#FF5722 !important}
#ft_nav .chat-new{color:#ff0000}
#ft_nav .chat-none{color:#888}

/* 하단 버튼 */
#ft_sub {position:relative;margin:0 auto;max-width:420px}
#ft_sub .reserve_btn {padding-left:52px}
#ft_button {position:fixed;bottom:0;width:100%;max-width:420px;background:#fff;border-top:1px solid #eee;box-shadow: rgb(203 203 203 / 26%) 0px -3px 6px 0px;z-index:999}
#ft_button:after {display:block;visibility:hidden;clear:both;content:""}
#ft_button .ft_submit {position:relative;margin:10px auto;padding:0 20px}
#ft_button .ft_submit button {width:100%;height:55px;border:0;font-size:18px;color:#fff;font-weight:500;background: linear-gradient(to bottom, #000, #000);border-radius:8px;}
#ft_button .ft_submit a {display:block;width:100%;height:55px;line-height:53px;font-size:18px;color:#fff;font-weight:500;text-align:center;background: linear-gradient(to bottom, #000, #000);border-radius:8px;}
#ft_button .ft_submit input[type="button"] {width:100%;height:55px;border:0;font-size:18px;color:#fff;font-weight:500;background: linear-gradient(to bottom, #000, #000);border-radius:8px;cursor:pointer}
#ft_button .ft_submit img {margin-right:2px;width:25px;}
#ft_button .submit_close button {background: linear-gradient(to bottom, #d9d9d9, #bbb) !important;cursor:default;}
#ft_button .absence_msg span {display:inline-block;margin-top:4px;font-size:12px}
#ft_button .mt_scrap {position:absolute;left:20px;top:10px}
#ft_button .mt_scrap a {display:block;padding:10px;width:55px;height:55px;line-height:1px;text-align:center;border:1px solid #ddd;border-radius:8px;cursor:pointer}
#ft_button .mt_scrap a strong {line-height:18px;font-size:14px;font-weight:400;color:#000}
#ft_button .mt_scrap svg {width:20px;height:20px}
#ft_button .submit_reserve button {background: linear-gradient(to bottom, #d9d9d9, #bbb);}

/* 바로 상담하기 */
#ft_sub .realtime_btn {padding-left:52px;padding-left:120px}
#ft_button .mt_realtime {position:absolute;left:80px;top:10px}
#ft_button .mt_realtime a {display:block;padding:10px;width:55px;height:55px;line-height:1px;text-align:center;border:1px solid #ddd;border-radius:8px;cursor:pointer}
#ft_button .mt_realtime a img {width:100%;height:auto}
#ft_button .mt_realtime svg {width:20px;height:20px}
#ft_button .mt_realtime a strong {line-height:18px;font-size:14px;font-weight:500;color:#000}
#ft_button a.btn_quick {background:#FF6600 !important}
#ft_button a.btn_call {background:#0360FF !important}
#ft_button a.btn_reserv {background:#fff;border:2px solid #000;color:#000}


.mto_card_wrap {
    display: flex;
    align-items: flex-start;
    gap: 16px;

    border: 1px solid #e5e5e5;   /* 전체 얇은 선 */
    border-radius: 12px;         /* 둥근 모서리 */
    padding: 16px;
    background: #fff;
}

.mto_photo img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 8px;
    display: block;
}

.mto_info {
    flex: 1;
}