@charset "utf-8";

/* 선생님 슬라이드 최신글 */
#mentor_ss {position:relative;margin-top:15px}
#mentor_ss .swiper-slide {width:auto}
.mentor_ss_list {white-space:nowrap;overflow:hidden}
.mentor_ss_list ul:after {display:block;visibility:hidden;clear:both;content:""}
.mentor_ss_list li {margin-right:8px}
.mentor_ss_list li:first-child {margin-left:15px}
.mentor_ss_box {position:relative;width:150px}
.mentor_ss_box:after {display:block;visibility:hidden;clear:both;content:""}
.mentor_ss_box .mt_image {position:relative;}
.mentor_ss_box .mt_pic img {margin:0 auto;width:100% !important;height:auto;border-radius:8px}
.mentor_ss_info {padding:12px 0 0}
.mentor_ss_info .mt_type img {display:inline-block;height:16px;width:auto;vertical-align:middle}
.mentor_ss_info .mt_type {margin-right:2px;font-size:12px;color:#e45c5c;}
.mentor_ss_info .mt_name {margin:0 0 2px;font-size:15px;color:#000;font-weight:600;line-height:20px;letter-spacing:-0.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mentor_ss_info .mt_memo {font-size:12px;color:#505050;font-weight:500;line-height:18px;letter-spacing:-0.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mentor_ss_info .mt_cost {margin:6px 0 0;font-size:15px;color:#000;font-weight:600;line-height:20px;}
.mentor_ss_info .mt_cost span {margin-left:5px;font-size:13px;font-weight:normal}

#mto_ul {margin:0;padding:0}
#mto_ul:after {display:block;visibility:hidden;clear:both;content:""}
#mto_ul li {position:relative;margin-bottom:15px}
#mto_ul li:last-child {margin-bottom:0}
#mto_ul .mto_content {position:relative;padding:12px 10px;border:1px solid #F1F1F5;border-radius:12px;}
#mto_ul .mto_content:after {display:block;visibility:hidden;clear:both;content:""}
#mto_ul .mto_img {position:absolute;width:120px;z-index:2}
#mto_ul .mto_img img {width:100%;height:auto;border-radius:7px}
#mto_ul .mto_info {position:relative;padding:2px 0 0 130px;height:90px}
#mto_ul .mto_name {margin:0 0 5px;font-size:15px;font-weight:700;line-height:20px;letter-spacing:-0.5px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
#mto_ul .mto_basic {font-size:13px;font-weight:500;color:#767676;line-height:17px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
#mto_ul .mto_cost {position:absolute;bottom:3px;font-size:14px;font-weight:600;line-height:20px;}
.mto_submit {position:relative;margin-top:15px;padding-left:130px;}
.mto_submit a {display:block;height:32px;text-align:center;font-size:14px;font-weight:500;border-radius:8px;display:flex;align-items:center;justify-content:center;}
.mto_submit .btn_mto_del {position:absolute;left:0;width:120px;color:#505050;background:#E5E5EC}
.mto_submit .btn_mto_link {width:100%;color:#fff;background:#f57641;}

/* 하단 메뉴 */
#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 3px 0px;z-index:999}
#ft_nav:after {display:block;visibility:hidden;clear:both;content:""}
#ft_nav li {position:relative;float:left;width:20%;text-align:center}
#ft_nav li a {display:block;height:70px;padding:10px 0 0}
#ft_nav li img {width:32px;height:32px}
#ft_nav li span {position:absolute;bottom:13px;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:#742E99 !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 .ft_mentor_btn {padding-left:70px}
#ft_button {position:fixed;bottom:0;padding:10px 15px 0 15px;width:100%;max-width:420px;height:70px;background:#fff;box-shadow: rgb(203 203 203 / 26%) 0px -3px 3px 0px;z-index:999}
#ft_button:after {display:block;visibility:hidden;clear:both;content:""}
#ft_button .ft_submit {float:right;width:55%}
#ft_button .ft_submit button {width:100%;height:50px;display:flex;align-items:center;justify-content:center;;border:0;font-size:16px;color:#fff;font-weight:bold;background:#742e99;border-radius:8px}
#ft_button .ft_submit a {display:block;width:100%;height:50px;display:flex;align-items:center;justify-content:center;;font-size:16px;color:#fff;font-weight:bold;text-align:center;background:#742e99;border-radius:8px}
#ft_button .submit_close button {background:#c2c6c9;cursor:default;}
#ft_button .submit_close img {margin-left:3px;width:20px;height:auto}
#ft_button .submit_close .alim-up {cursor:pointer;}
#ft_button .absence_msg span {display:inline-block;margin-top:4px;font-size:12px}
#ft_button .mt_scrap {position:absolute;left:15px;top:14px;text-align:center;z-index:3}
#ft_button .mt_scrap a.btn_scrap {}
#ft_button .mt_scrap i {margin:0 0 3px;width:45px;text-align:center;font-size:23px}
#ft_button .mt_scrap span {display:block;font-size:12px;color:#767676;cursor:pointer}
.fa-heart-o {color:#848D9C}
.fa-heart {color:#ff0b04}
#ft_button .ft_chat {position:relative;float:left;width:42%}
#ft_button .ft_chat a,
#ft_button .ft_chat span {display:block;width:100%;height:50px;line-height:50px;font-size:16px;color:#742e99;font-weight:600;text-align:center;letter-spacing:-1px;background:#fff;border:1px solid #742e99;border-radius:8px;;cursor:pointer;z-index:2}