﻿/************ main 공통 ************/
.main_title{padding:0 1.5rem;text-align:center;}
.main_title span{display:block;margin-bottom:0.5rem;font-size:2.3rem;color:#111;font-weight:700;}
.main_title .more{margin-bottom:2rem;text-align:right;}
.main_title .more a{position:relative;display:inline-block;padding-right:1.8rem;font-size:1.4rem;color:#111;font-weight:700;}
.main_title .more a:after{position:absolute;content:'';display:block;right:0;top:50%;margin-top:-0.5rem;width:1.1rem;height:1.1rem;background:url("../img/main_more_btn.png") no-repeat center;background-size:100% auto;}
.main_guide{padding:0 1.5rem;}



/* main_visual */
.main_visual_wrap{ padding:4rem 0 3rem;background:url("../img/main_visual01.jpg") no-repeat center;background-size:cover}
.main_visual_wrap .main_visual_area{width:100%;height:100%;position:relative;}
.main_visual_wrap .main_visual_inner{width:100%;position:relative;}
.main_visual_wrap .slick-slide{position:relative;}
.main_visual_wrap .slick-list{height:100%;}
.main_visual_wrap .slick-list .slick-track{height:100%;z-index:10;}
.main_visual_wrap .mv_txt{_position:absolute;width:100%;height:auto;text-align:left;display:block;line-height:3.25rem;padding:0 1.5rem;box-sizing:border-box;}
.main_visual_wrap .mv_txt .mv_title{color:#fff;font-size:2.7rem;font-weight:700;line-height:3.6rem;letter-spacing:-0.05em;}
.main_visual_wrap .mv_txt .mv_title span{display:block;margin-bottom:1.8rem;font-size:1.4rem;font-weight:400;letter-spacing:-0.03em;line-height:2rem;}
.main_visual_wrap .mv_txt .bg_vid {margin-top: 2.5rem;}
.main_visual_wrap .mv_txt .bg_vid img {width: 100%;}
.main_visual_wrap video{width:100%;height:auto;border-radius: 1.3rem;overflow: hidden;}


/* CHA STORY */
.slide_title {font-size: 2.2rem;font-weight: 700;color: #fff;margin-top: 3rem;}
.slide_title strong {font-weight: 800;}
.main_slider {margin-top: 1.2rem;margin-left: -1rem;}
.slide_list {width: auto;height: auto;border-radius: 1.3rem;overflow: hidden;background: #fff;margin-left: 1rem;box-sizing: border-box;}
/* .slide_list:first-child {margin-left: 0 !important;} */
.slide_list a > img {width: 100%;border-radius: 1.3rem;overflow: hidden;}
.slide_list .text_box {margin-top: 1.1rem;padding: 0 1rem 1.3rem;}
.slide_list .text_box p {font-size: 1.2rem;line-height: 1.6rem;padding-top: 0.9rem;font-weight: 700;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;color: #111;min-height: 41px;}
.slide_list .text_box .category > img {height: 15px;width: auto;}

.main_slider .slick-dots{position:absolute;top: -4rem;right:0;font-size:0;}
.main_slider .slick-dots li{display:inline-block;}
.main_slider .slick-dots li button{display:block;padding:0;border:none;font-size:0;width:100%;height:100%;background-color:#fff;opacity:0.8;cursor:pointer;border-radius: 50%;width:10px;height:10px;margin-right: 10px;}
.main_slider .slick-dots li.slick-active button{background-color:#955be6;opacity:1;width: 26px;border-radius: 5px;}

.notice_list {width: 100%;height: auto;margin-top: 1.5rem;background: rgba(0, 0, 0, 0.2);backdrop-filter: blur(10px);box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);border-radius: 1.3rem;padding: 1.2rem 1.5rem;box-sizing: border-box;color: #fff;}
.notice_list li a {display: flex;justify-content: space-between;align-items: center;color: #fff;}
.notice_list li a span {width: 80%;font-size: 1.3rem;font-weight: 700;line-height: 3.3rem;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.notice_list a em {margin-left: 1.5rem;font-size: 1.2rem;font-weight: 400;}



/* 진료과별 의료진 */
.cha_medical_wrap{padding:4rem 0 6rem;background:url("../img/medical_team_bg.jpg") no-repeat center;background-size:cover}
.cha_medical_wrap .main_guide {position: relative;}

.team_detail .detail {position: relative;top: 0;left: 0;height: 0;transition: all 0.3s ease;display: none;}
.team_detail .detail.top {display:block;height: auto;}
.team_detail .detail > img {display: block;margin: auto;}
.team_detail strong {font-size: 2.3rem;font-weight: 800;}
.team_detail em {margin-left: 1rem;font-size: 1.4rem;font-weight: 700;}
.team_detail p {margin-top: 2rem;font-size: 1.3rem;line-height: 2.2rem;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word;}
.team_detail p span {font-size: 1.4rem;font-weight: 700;display: block;margin-bottom: 0.5rem;}
.team_detail .btn { margin-top: 3rem; font-size: 0;display: flex;flex-direction: row;}
.team_detail .btn li { display: inline-block; margin-left: 1rem; vertical-align: middle; text-align: center;width: 50%;}
.team_detail .btn li:first-child { margin-left: 0; }
.team_detail .btn li a { display: block; width: 100%; line-height: 4rem; text-align: center; color: #955be6; font-size: 1.5rem; font-weight: 800; border-radius: 60px; border: 1px solid #955be6; box-sizing: border-box; transition: all 0.3s; }
.team_detail .btn li a.reserve { background-color: #F7F3FF; }

.team_list{padding:0 0.7rem;margin-top:4rem;font-size:0;}
.team_list .list{display:inline-block;margin-bottom:2rem;padding:0 0.7rem;width:33%;text-align:center;}
.team_list .list a{display:block;}
.team_list .list img{width:100%;}
.team_list .list .name{font-size:1.4rem;margin-top:1rem;font-weight: 700;}
.team_list .slick-dots{text-align:center;margin-top: 2rem;}
.team_list .slick-dots li{margin:0 0.4rem;display:inline-block;vertical-align:middle;}
.team_list .slick-dots li button{width:1rem;height:1rem;font-size:0;padding:0;border:none;background-color:#d8d8d8;border-radius:30px;}
.team_list .slick-dots li.slick-active button{width:2rem;background-color:#955be6;}

/*
.team_list .slick-arrow { position: absolute; bottom: 0; left: 50%; margin-left: -8.5rem; padding: 0; width: 4rem; height: 4rem; border: 0; font-size: 0; line-height: 0; cursor: pointer; background: no-repeat center center; background-size: contain; }
.team_list .slick-arrow.slick-prev { background: url("../img/staff_prev_off.png"); }
.team_list .slick-arrow.slick-next { margin-left: 5rem; background: url("../img/staff_next_on.png"); }
.team_list .slick-dots li.slick-active button { width: 20px; border-radius: 20px; background-color: #955be6; }
.m_count{position:absolute;bottom:00;left:50%;transform: translateX(-50%);color:#A3A3A3;font-weight: 700;line-height: 4rem;}
.m_count .num{font-size:1.4rem;color:#929292;font-weight:700;}
.m_count .current{color:#955be6;font-weight: 800;} */

/* 다음 슬라이드가 있을 때 */
.team_list .slick-prev:not(.slick-disabled) {background: url("../img/staff_prev_on.png");background-size: contain;}
.team_list .slick-next:not(.slick-disabled) {background: url("../img/staff_next_on.png");background-size: contain;}

/* 다음 슬라이드가 없을 때 (비활성화) → 회색 & 투명도 적용 */
.team_list .slick-prev.slick-disabled {cursor: default !important;background: url("../img/staff_prev_off.png");background-size: contain;}
.team_list .slick-next.slick-disabled {cursor: default !important;background: url("../img/staff_next_off.png");background-size: contain;}
