@charset "utf-8";

/* 상단 슬라이드 배너 */
.slide_bn {padding:15px 15px}
.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: 7px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0;
}
.slide_bn .splide__pagination__page.is-active {
    transform: scale(1);
    background: #000;
}
.slide_bn .splide__pagination__page {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 100%;
    margin: 5px;
    padding: 0;
    transition: transform .2s linear;
    border: none;
    opacity: .7;
}
.bn_text_wrap {position: absolute;bottom:40px;left:20px;color:#fff}
.bn_text_wrap span {display:block;font-weight:bold; filter: drop-shadow(2px 2px 4px #707070);}
.bn_text_1 {font-size:27px;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 .slide_bn .splide img {border-radius:12px}

/* 상단메뉴 */
#main_nav ul {padding-left:1px;zoom:1}
#main_nav ul:after {display:block;visibility:hidden;clear:both;content:""}
#main_nav li {float:left;width:25%;margin-bottom:-1px}
#main_nav a {display:block;position:relative;margin-left:-1px;height:44px;line-height:44px;border:1px solid #E5E5EC;background:#fff;font-size:14px;font-weight:600;color:#000;text-align:center;letter-spacing:-0.3px}
#main_nav li:nth-child(1) a {border-left:1px solid #fff}
#main_nav li:nth-child(4) a {border-right:1px solid #fff}
#main_nav li:nth-child(5) a {border-left:1px solid #fff}
#main_nav li:nth-child(8) a {border-right:1px solid #fff}

/* 메인분류 */
#main_category {padding:20px 15px 30px;text-align:center}
#main_ca_ul {margin:0 -2px;padding:0;list-style:none;zoom:1}
#main_ca_ul:after {display:block;visibility:hidden;clear:both;content:""}
#main_ca_ul li {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}
#main_ca_ul li {width:33.33333333%;margin-bottom:25px}
#main_ca_ul li div {}
#main_ca_ul li img {width:100%;height:100%;max-width:43px;max-height:57px}
#main_ca_ul li strong {display:block;padding:10px 0 0;font-size:13px;color:#3e445a;font-weight:bold;letter-spacing:-1px}
#main_ca_ul .box_clear {clear:both}
#main_ca_ul li:nth-child(1) {border-right:1px solid #ddd}
#main_ca_ul li:nth-child(2) {border-right:1px solid #ddd}

/*최신글 타이틀*/
.lat_title {padding-left:15px}
.lat_title h2 {font-size:20px;font-weight:700;color:#000;line-height:28px;letter-spacing:-0.5px}
.lat_title_sub {position:relative;font-size:14px;font-weight:400;color:#767676;line-height:20px;letter-spacing:-1px}
.lat_title_sub span {position:absolute;right:12px;bottom:0;font-weight:500}
.lat_title_sub span a {color:#B50005}

/* 선생님 슬라이드 공통 */
.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;height:25px;font-size:16px;color:#000;font-weight:bold;letter-spacing:-1px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.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}

/* 영상, 실시간 표시 */
.label_type {position:absolute;left:6px;top:8px}
.label_type span {display:inline-block;margin:0 2px;padding:5px 10px;font-size:11px;color:#fff;vertical-align:middle;font-weight:700;background:#000;border-radius:5px}
.label_type .label_video {background:#ff0b04}
.label_type .label_realtime {background:#6666d8}
.label_type .label_sample {background:#41c545}
.label_type .label_timedeal {background:#db3647}
.label_best {position:absolute;left:8px;bottom:8px}
.label_best img {width:50px;height:auto}
.label_type .s_type_icon1 {background:#EC0007}
.label_type .s_type_icon2 {background:#481372}
.label_type .s_type_icon3 {background:#fff;color:#000}
.label_close {position:absolute;bottom:0px;left:0px;width:100%}
.label_close span {display:inline-block;width:100%;padding:7px 10px;font-size:12px;color:#fff;text-align:center;font-weight:700;background:#777;border-bottom-left-radius:8px;border-bottom-right-radius:8px}

/* 최근 본 선생님 */
#main_myview {position:relative;margin:0 0 50px}

/* 전화상담 선생님 */
#main_sin {position:relative;margin:0 0 50px}

/* 인기 정통사주 */
#main_saju {position:relative;margin:0 0 30px}

/* 전화타로 선생님 */
#main_taro {position:relative;margin:0 0 50px}

/* 궁합 인기운세 */
#main_luck {position:relative;margin:0 0 30px}

/* 가장 인기많은 운세 */
#main_popular {position:relative;margin:0 0 30px}

/* 성인 운세 */
#main_adult {position:relative;margin:0 0 30px}

/* 사주 잘 보는 용한 선생님 */
#main_realsaju {position:relative;margin:0 0 50px}

/* 인기 무료운세 */
#main_free {position:relative;margin:0 0 30px}

/* 상담 후기 */
#main_review {position:relative;margin:30px 0 50px;padding:50px 0 30px;background:#D09AFF}
#main_review .lat_title h2 {color:#fff}

/* 상담 TOP3 */
#best_mentor_top3 {position:relative;margin:0 0 50px}
#best_mentor {position:relative;padding:20px 15px 0}
#best_mentor .tab__cate {margin-bottom:18px}
#best_mentor .tab__cate:after {display:block;visibility:hidden;clear:both;content:""}
#best_mentor .tab__cate li {float:left;margin-right:20px}
#best_mentor .tab__cate li:last-child {margin-right:0}
#best_mentor .tab__item a {font-size:16px;color:#D5D5D5;font-weight:700}
#best_mentor .tab__item a span {display:inline-block}
#best_mentor .tab__item.active a span {color:#B50005}
#best_mentor .tab__content {display:none;}
#best_mentor .tab__content.active {display:block;}
#best_mentor .tab__item:nth-child(2).active a span {color:#007AFF}
#best_mentor .tab__item:nth-child(3).active a span {color:#04B014}

#mto_top3 li {position:relative}
#mto_top3 .mto_rank {position:absolute;left:0;top:0}
#mto_top3 .mto_rank span {font-size:16px;color:#B50005;font-weight:700}
#mto_top3 #tab12 .mto_rank span {color:#007AFF !important}
#mto_top3 #tab13 .mto_rank span {color:#04B014 !important}
#mto_top3 .mto_content {position:relative;margin:0 0 0 20px;height:80px}
#mto_top3 .mto_content:after {display:block;visibility:hidden;clear:both;content:""}
#mto_top3 .mto_title {position:relative}
#mto_top3 .mto_img {position:absolute;z-index:2}
#mto_top3 .mto_img .mto_pic img {width:100%;height:auto;border-radius:7px}
#mto_top3 .mto_info {position:relative;padding:0 0 0 100px}
#mto_top3 .mto_name {font-size:14px;font-weight:600;line-height:20px;letter-spacing:-0.5px;}
#mto_top3 .mto_basic {margin:2px 0 4px;font-size:12px;font-weight:500;color:#505050;line-height:18px;}
#mto_top3 .mto_cost {font-size:14px;font-weight:600;line-height:20px;}

/* 갤러리형 최신글 X2 */
#gall_lt {position:relative;overflow:hidden;margin-top:15px;padding:0 15px}
#gall_lt_ul {margin:0 -4px 0;padding:0;list-style:none;zoom:1}
#gall_lt_ul:after {display:block;visibility:hidden;clear:both;content:""}
#gall_lt_ul li {float:left;margin-bottom:20px}
#gall_lt_ul .gall_li, #gall_lt_ul .gall_li_row {position:relative;min-height:1px;padding-left:4px;*padding-left:0;padding-right:4px;*padding-right:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0}
#gall_lt_ul .gall_li {width:50%}
.gall_li_box .lt_image {position:relative;}
.gall_li_box .lt_pic img {margin:0 auto;width:100% !important;height:auto;border-radius: 8px 8px 0px 0px;}
.gall_li_info {padding:10px 10px;border:1px solid #eee}
.gall_li_info .lt_name {margin:0 0 2px;font-size:15px;color:#000;font-weight:600;line-height:20px;letter-spacing:-0.5px}
.gall_li_info .lt_memo {font-size:12px;color:#505050;font-weight:500;line-height:18px;letter-spacing:-0.3px}
.gall_li_info .lt_cost {margin:6px 0 0;font-size:15px;color:#000;font-weight:600;line-height:20px;}

/* 갤러리형 최신글 X3 */
#gall2_lt {position:relative;overflow:hidden;margin-top:15px;padding:0 15px}
#gall2_lt_ul {margin:0 -4px 0;padding:0;list-style:none;zoom:1}
#gall2_lt_ul:after {display:block;visibility:hidden;clear:both;content:""}
#gall2_lt_ul li {float:left;margin-bottom:20px}
#gall2_lt_ul .gall2_li, #gall2_lt_ul .gall2_li_row {position:relative;min-height:1px;padding-left:4px;*padding-left:0;padding-right:4px;*padding-right:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0}
#gall2_lt_ul .gall2_li {width:33.33333333%}
.gall2_li_box .lt_image {position:relative;}
.gall2_li_box .lt_pic img {margin:0 auto;width:100% !important;height:auto;border-radius: 8px 8px 0px 0px;}
.gall2_li_info {padding:10px 10px;border:1px solid #eee;text-align:center}
.gall2_li_info .lt_name {margin:0 0 2px;font-size:14px;color:#000;font-weight:600;line-height:20px;letter-spacing:-0.5px}
.gall2_li_info .lt_memo {font-size:12px;color:#505050;font-weight:500;line-height:18px;letter-spacing:-0.3px}
.gall2_li_info .lt_cost {font-size:13px;color:#000;font-weight:600;line-height:18px;}

/* 인기 무료운세*/
#free_lt {position:relative;overflow:hidden;margin-top:15px;padding:0 15px}
#free_lt_ul {margin:0 -10px 0;padding:0;list-style:none;zoom:1}
#free_lt_ul:after {display:block;visibility:hidden;clear:both;content:""}
#free_lt_ul li {float:left;margin-bottom:20px}
#free_lt_ul .free_li, #free_lt_ul .free_li_row {position:relative;min-height:1px;padding-left:10px;*padding-left:0;padding-right:10px;*padding-right:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0}
#free_lt_ul .free_li {width:25%}
.free_box .lt_image {position:relative;}
.free_box .lt_pic img {margin:0 auto;width:95%;height:auto}
.free_info {padding:10px 0;text-align:center}
.free_info .lt_name {margin:0 0 2px;font-size:14px;color:#000;font-weight:600;line-height:20px;letter-spacing:-1px}
.free_info .lt_memo {font-size:12px;color:#505050;font-weight:500;line-height:18px;letter-spacing:-0.3px}
.free_info .lt_cost {font-size:13px;color:#000;font-weight:600;line-height:18px;}

/* 중간 배너*/
#main_banner {position:relative;margin:0 0 50px}
#main_banner:after {display:block;visibility:hidden;clear:both;content:""}

/* 회사 정보 */
#main_ft {margin:0;padding:0 15px 50px;background:#fff}
#main_ft .ft_copy {font-size:14px;color:#767676}
#main_ft .ft_link {margin:10px 0 20px;text-align:left}
#main_ft .ft_link li {display:inline-block;margin:5px 10px 5px 0}
#main_ft .ft_link li a {font-size:14px;color:#767676}
#main_ft .ft_sns {text-align:left}
#main_ft .ft_sns li {display:inline-block;margin-right:15px}
#main_ft .ft_sns li:last-child {margin-right:0px}
.ft_company {color:#363636;padding:10px 0 0}
.ft_company .ft_logo {position:relative;margin:0 0 10px;font-size:16px;font-weight:600;color:#000;cursor:pointer}
.ft_company .ft_logo {background:url('/images/faq_arrow_show.png') no-repeat left 176px center;}
.ft_company .ft_logo.on {background:url('/images/faq_arrow_hide.png') no-repeat left 176px center;}
.ft_company .ft_corp {display:block;margin:0 0 20px;font-size:14px;color:#767676;line-height:23px;letter-spacing:-0.5px}