@charset "utf-8";

.skip_snb_menu {display:none;}

#fs_container_wrap {}

/* 비주얼 */
.fs_main_visual {padding:0 4rem;position:relative;}
.fs_main_visual .mvis_img {height:calc(100vh - 16rem);margin-bottom:4rem;border-radius:2rem;overflow:hidden;}
.fs_main_visual .mvis_img li {height:100%;background:no-repeat center;background-size:cover;}
.fs_main_visual .fixed {position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:10;width:100%;}
.fs_main_visual .mvis_text span {display:block;font-weight:700;}
.fs_main_visual .mvis_text .sta {font-size:2rem;opacity:.3;margin-bottom:2rem;}
.fs_main_visual .mvis_text .stb {font-size:5.2rem;color:#4a4a4a;}
.fs_main_visual .mvis_text .stb em {display:inline-block;margin-right:.3rem;padding:1rem;background:#62d491;border-radius:2rem;font-weight:800;color:#000;line-height:1;}
.fs_main_visual .mvis_text .stc {font-size:2.4rem;color:#4a4a4a;margin-top:2.5rem;}
    @media only screen and (max-width:1399px){
        .fs_main_visual {padding:2rem;}
    }
    @media only screen and (max-width:1023px) {
        .fs_main_visual .mvis_img {height:calc(100vh - 20rem);}
    }
    @media only screen and (max-width:575px) {
        .fs_main_visual .mvis_img {height:calc(100vh - 23rem);}
    }

/* 컨트롤 */
.fs_main_visual .mvis_ctrl {display:flex;align-items:center;margin-top:7rem;}
.fs_main_visual .mvis_ctrl a {display:flex;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;text-decoration:none;}
.fs_main_visual .mvis_ctrl .mvis_btn {opacity:.5;}
.fs_main_visual .mvis_ctrl .mvis_btn:is(:hover,:focus,:active) {opacity:1;}
.fs_main_visual .mvis_ctrl .mvis_pager {display:flex;align-items:center;width:auto;}
.fs_main_visual .mvis_ctrl .swiper-pagination-bullet {width:2.4rem;height:2.4rem;background:transparent;position:relative;opacity:1;}
.fs_main_visual .mvis_ctrl .swiper-pagination-bullet::before {width:4px;height:4px;border-radius:50%;background:rgba(0,0,0,.5);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);content:"";}
.fs_main_visual .mvis_ctrl .swiper-pagination-bullet-active {width:2.7rem;height:2.4rem;background:url("../../images/fs/main/emblem.svg") no-repeat center/cover;border-radius:0;}

/* 컨텐츠 시작 */
.fs_main_contents {}
.con_box {padding:15rem 0;}
.con_box .con_title {margin-bottom:8rem;}
.con_box .con_title .tit {font-family:"Jal_Haru";font-weight:normal;font-size:4.5rem;}
.con_box .con_title .sub_tit {font-size:2rem;color:#4a4a4a;}
    @media only screen and (max-width:1023px){
        .con_box {padding:10rem 0;}
        .con_box .con_title {margin-bottom:6rem;}
    }
    @media only screen and (max-width:767px){
        .con_box {padding:9rem 0;}
        .con_box .con_title {margin-bottom:5rem;}
    }

/*********** 소식안내 ***********/
#news {padding-top:11rem;background:url("../../images/fs/main/news_bg.png") no-repeat left top;}
#news .con_body {position:relative;}
#news .news_img {border:1px solid #8ea6ce;border-radius:2rem;aspect-ratio:1/1;overflow:hidden;display:flex;justify-content:center;align-items:center;background:#fff;}
#news .news_img img {max-width:100%;}
#news .news_img.no_img img {width:60%;}
#news .news_tit {margin-top:1.5rem;font-weight:700;text-align:center;}
#news .news_btn {width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:0 4px 5px 1px rgba(0, 0, 0, 0.25);display:flex;justify-content:center;align-items:center;font-size:2.5rem;color:#000;position:absolute;top:50%;transform:translateY(-50%);z-index:10;cursor:pointer;}
#news .news_prev {left:-1.4rem;}
#news .news_next {right:-1.4rem;}
    @media only screen and (max-width:767px){
        #news .news_btn {display:none;}
    }


/*********** 진료과목 ***********/
#treatment {background:url("../../images/fs/main/treatment_bg.png") no-repeat center/cover;}
#treatment .treatment_item a {display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:4.5rem 2rem;border:1px solid #e5e5e5;border-radius:2rem;}
#treatment .treatment_item.item1 a {background:#e6d4e6;}
#treatment .treatment_item.item2 a {background:#b0c4de;}
#treatment .treatment_item.item3 a {background:#ffe066;}
#treatment .treatment_item.item4 a {background:#c2e5c0;}
#treatment .treatment_item.item5 a {background:#f7f5e6;}
#treatment .treatment_item.item6 a {background:#e4f1f3;}
#treatment .treatment_item .image {aspect-ratio:1/1;text-align:center;}
#treatment .treatment_item .image img {max-height:30rem;object-fit:contain;}
#treatment .treatment_item .subject {font-weight:800;font-size:2.4rem;color:rgba(0,0,0,.7);}
#treatment .treatment_item a:is(:hover,:focus,:active) .subject {text-decoration:none;color:#000;}
    @media only screen and (max-width:1399px){
        #treatment .treatment_item .image img {max-height:20rem;}
    }
    @media only screen and (max-width:1199px){
        #treatment .treatment_item .subject {font-size:2.2rem;}
    }
    @media only screen and (max-width:575px){
        #treatment .con_body {max-width:96%;margin:0 auto;}
    }

/* 모달 */
body.popup_overlay {overflow:hidden;height:100%;touch-action:none;}
#treatment #modal_bg {display:none;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.5);z-index:9999;}
.treatment_modal .modal_con {display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;max-width:96rem;max-height:80vh;padding:6rem 10rem;z-index:9999;background-color:#fff;border-radius:2rem;}
.treatment_modal .modal_con .close {display:block;position:absolute;top:3rem;right:3rem;width:4.5rem;height:4.5rem;border-radius:50%;font-size:2rem;line-height:1;border:2px dotted #ddd;display:flex;align-items:center;justify-content:center;}
.treatment_modal .modal_con .con {display:flex;flex-direction:column;align-items:center;gap:4rem;}
.treatment_modal .modal_image {transition:0.5s;overflow:hidden;}
.treatment_modal .modal_image img {display:block;width:100%;}
.treatment_modal .modal_text {width:100%;}
.treatment_modal .modal_text .modal_subject {width:100%;font-size:2.3rem;line-height:1.4;color:#5171a6;word-break:keep-all;font-weight:800;margin-bottom:1.5rem;}
    @media only screen and (max-width:1023px){
        .treatment_modal .modal_con {min-width:90vw;padding:6rem 5rem;}
        .treatment_modal .modal_con .con {max-height:50rem;}
        .treatment_modal .modal_text {overflow:auto;}
    }
    @media only screen and (max-width:767px){
        .treatment_modal .modal_con {padding:10rem 4rem 6rem;}
        .treatment_modal .modal_image {display:none;}
    }


/*********** 의료진소개 ***********/
#doctor {padding-bottom:7.5rem;}
#doctor .doctor_item {display:flex;align-items:flex-start;}
#doctor .doctor_item:nth-child(even) {flex-direction:row-reverse;}
#doctor .doctor_item .pic {width:50%;position:sticky;top:8rem;height:calc(100vh - 8rem);display:flex;align-items:center;justify-content:center;overflow:hidden;}
#doctor .doctor_item .pic img {width:100%;height:100%;object-fit:cover;}
#doctor .doctor_item .txt {padding:8rem;max-width:50%;}
#doctor .doctor_item .tit {font-weight:700;font-size:3rem;margin-bottom:2rem;}
#doctor .doctor_item .txt .slogan {font-weight:800;font-size:3.4rem;color:#8ea6ce;padding-bottom:4rem;margin-bottom:4rem;border-bottom:3px solid #e1e8f6;}
#doctor .doctor_item .name_box {display:flex;align-items:flex-end;gap:2rem;}
#doctor .doctor_item .name_box .name {font-weight:600;font-size:2rem;color:#4a4a4a;line-height:1;}
#doctor .doctor_item .name_box .name strong {font-weight:800;font-size:3rem;color:#000;}
#doctor .doctor_item .name_box a {display:inline-block;padding:0 2rem;line-height:2.7rem;border-radius:2rem;background:#8ea6ce;font-weight:600;font-size:1.7rem;color:#e1e8f6;}
#doctor .doctor_item .name_box a:is(:hover,:focus,:active) {color:#fff;text-decoration:none;}
#doctor .doctor_item .intro_box {margin-top:8rem;}
#doctor .doctor_item .time_box {margin-top:6rem;}
#doctor .doctor_item .table_box {border-radius:1rem;border:1px solid #8ea6ce;overflow:hidden;}
.time_table {text-align:center;}
.time_table thead th {background:#8ea6ce;font-weight:700;color:#fff;padding:.8rem 3rem;}
.time_table tbody tr td {border-bottom:1px solid #8ea6ce;padding:.8rem 3rem;}
.time_table tbody tr:last-child td {border-bottom:none;}
.time_table tbody tr td img {width:2.9rem;}
    @media only screen and (max-width:1399px){
        #doctor .doctor_item .pic img {width:auto;}
        #doctor .doctor_item .txt {padding:8rem 6rem;}
        .time_table {width:100%;table-layout:fixed;}
        .time_table thead th, .time_table tbody tr td {padding:.8rem .5rem;}
    }
    @media only screen and (max-width:767px){
        #doctor .doctor_item {flex-direction:column !important;}
        #doctor .doctor_item .pic {position:static;width:100%;}
        #doctor .doctor_item .txt {max-width:none;}
        #doctor .doctor_item:last-child .txt {padding-bottom:0;}
    }

/* 모달 */
#doctor #modal_bg1 {display:none;position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.5);z-index:9999;}
.doctor_modal .modal_con {display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;min-width:96rem;max-height:80vh;padding:6rem 10rem;z-index:9999;background-color:#fff;border-radius:2rem;}
.doctor_modal .modal_con .close {display:block;position:absolute;top:3rem;right:3rem;width:4.5rem;height:4.5rem;border-radius:50%;font-size:2rem;line-height:1;border:2px dotted #ddd;display:flex;align-items:center;justify-content:center;}
.doctor_modal .modal_con .con {display:flex;flex-direction:column;align-items:center;gap:4rem;}
.doctor_modal .modal_text {width:100%;}
.doctor_modal .modal_text .modal_subject {width:100%;font-size:2.3rem;line-height:1.4;color:#5171a6;word-break:keep-all;font-weight:800;margin-bottom:1.5rem;}
    @media only screen and (max-width:1023px){
        .doctor_modal .modal_con {min-width:90vw;padding:6rem 5rem;}
        .doctor_modal .modal_text {max-height:50rem;overflow:auto;}
    }
    @media only screen and (max-width:767px){
        .doctor_modal .modal_con {padding:10rem 4rem 6rem;}
    }


/*********** 검사치료프로그램 ***********/
#program {padding-top:7.5rem;position:relative;}
#program::after {position:absolute;left:0;right:0;bottom:-1.1rem;z-index:-1;content:"ALL TODAY PSYCHIATRIY CLINIC";font-weight:900;font-size:9.5rem;line-height:1;color:#faf8ed;}
#program .tab_menu.depth1 {text-align:center;}
#program .tab_panel.depth1.active {display:grid;grid-template-columns:3fr 5fr;gap:1rem;margin-top:6rem;}
#program .tab_menu.depth1 .ul{display:inline-flex;gap:0 1rem;background:#f2f0e1;border-radius:4rem;padding:1rem;}
#program .tab_menu.depth1 .anchor{display:flex;flex-flow:wrap row;justify-content:center;align-items:center;width:33rem;height:5rem;color:#4a4a4a;font-weight:700;font-size:2rem;border-radius:3rem;}
#program .tab_menu.depth1 .li.active .anchor{background-color:#f4da24;color:#000;}
#program .tab_panel.depth1{display:none;}
#program .tab_panel.depth1 .group{position:relative;height:100%;}
#program .tab_menu.depth2 .li + .li{margin-top:2rem;}
#program .tab_menu.depth2 .anchor{display:block;position:relative;padding-left:1.5rem;color:#b7b7b7;font-size:2rem;line-height:1.3;font-weight:600;}
#program .tab_menu.depth2 .anchor::before{display:block;position:absolute;top:.5rem;left:0;width:.5rem;height:1.7rem;background-color:#b7b7b7;border-radius:0 5px 5px 0;content:'';}
#program .tab_menu.depth2 .li.active .anchor {color:#000;}
#program .tab_menu.depth2 .li.active .anchor::before{background-color:#8ea6ce;}
#program .tab_panel.depth2{display:none;}
#program .tab_panel.depth2 .title{font-size:3rem;font-weight:700;}
#program .tab_panel.depth2 .text{position:relative;margin-top:2rem;line-height:3rem;word-break:keep-all;}
#program .tab_panel.depth2 .ul{position:relative;margin-top:4rem;}
#program .tab_panel.depth2 .li + li{margin-top:4rem;}
#program .tab_panel.depth2 .subject {font-weight:600;font-size:2rem;}
#program .tab_panel.depth2 .subject i {font-weight:normal;color:#8ea6ce;margin-right:.7rem;}
#program .tab_panel.depth2.active{display:block;}
    @media only screen and (max-width:767px){
        #program::after {font-size:6.5rem;}
        #program .tab_menu.depth1 .ul {display:flex;}
        #program .tab_menu.depth1 .ul li {flex:1;}
        #program .tab_menu.depth1 .anchor {width:100%;}
        #program .tab_panel.depth1.active {display:flex;flex-direction:column;gap:4rem;}
    }


/*********** 둘러보기 ***********/
#interior {background:url("../../images/fs/main/interior_bg.png") no-repeat left bottom #faf8ed;}
#interior .wrap {position:relative;}
#interior .interior_slide_box {position:relative;margin-top:-18rem;}
#interior .interior_slide_box .swiper-wrapper {align-items:center;}
#interior .interior_slide_box .swiper-slide {overflow:hidden;flex-grow: 1;display:flex;align-items:center;padding:0 1.2rem;}
#interior .interior_slide_box .swiper-slide-next {flex-grow:2;}
#interior .interior_slide_box .swiper-slide a {position:relative;display:block;cursor:default;border-radius:2rem;overflow:hidden;}
#interior .interior_slide_box .swiper-slide .img_box {display:block;aspect-ratio:1.5/1;}
#interior .interior_slide_box .swiper-slide img {width:100%;max-height:100%;object-fit:cover;}
#interior .interior_slide_box .swiper-slide .text {display:none;width:100%;position:absolute;bottom:0;left:0;background:#f4da24;padding:2rem 6rem;font-size:3rem;line-height:1;}
#interior .interior_slide_box .swiper-slide-next .text {display:flex;align-items:center;}
#interior .interior_slide_box .swiper-slide-next .img_box {aspect-ratio:4/3;}
#interior .interior_slide_box .swiper-slide-visible {width:25% !important;}
#interior .interior_slide_box .swiper-slide-next.swiper-slide-visible {width:50% !important;}
/* 컨트롤 */
#interior .interior_ctrl_box {display:inline-flex;position:absolute;bottom:3rem;right:18rem;z-index:10;width:100%;animation:mvis_controll_box 2s ease-in-out 0s 1 normal forwards;align-items:center;justify-content:center;}
#interior .interior_ctrl_box > div {display:flex;align-items:center;height:45px;color:#555555;position:relative;}
#interior .interior_ctrl_box a {display:flex;}
#interior .interior_ctrl_box a img {}
#interior .interior_ctrl_box .swiper-pagination {display:flex;align-items:flex-end;position:static;gap:10px;line-height:0.6;transform:translate(0,0);font-size:1.2rem;}
#interior .interior_ctrl_box .swiper-pagination .swiper-pagination-current {font-size:2.5rem;color:#555555;}
#interior .interior_ctrl_box a.interior_btn {width:15px;height:16px;border-radius:100%;}
#interior .interior_ctrl_box a.interior_btn img {filter:brightness(0) saturate(100%) invert(31%) sepia(9%) saturate(10%) hue-rotate(323deg) brightness(98%) contrast(89%);opacity:0.3;}
#interior .interior_ctrl_box a.interior_btn:is(:hover,:focus,:active) img {opacity:1;}
#interior .interior_ctrl_box .swiper-pagination {position:static;transform:translate(0,0);padding:0 2.5rem;font-size:2.5rem;color:#c6c6c6;cursor:default;}
#interior .interior_ctrl_box .swiper-pagination:is(:hover,:focus,:active) {text-decoration:none;}
#interior .interior_ctrl_box .swiper-pagination .swiper-pagination-bullet {opacity:1;width:10px;height:10px;background:transparent;border:1px solid #fff;transition:0.3s;}
#interior .interior_ctrl_box .swiper-pagination .swiper-pagination-bullet-active {width:20px;background:#fff;border-radius:50px;}
#interior .interior_ctrl_box a.playStopButton {width:40px;height:40px;position:absolute;top:3px;left:0;z-index:99;background-repeat:no-repeat;background-position:center center;font-size:0;}
#interior .interior_ctrl_box a.playStopButton.play {background-image:url("../../images/fs/main/stop.png");filter:brightness(0) saturate(100%) invert(31%) sepia(9%) saturate(10%) hue-rotate(323deg) brightness(98%) contrast(89%);}
#interior .interior_ctrl_box a.playStopButton.stop {background-image:url("../../images/fs/main/play.png");filter:brightness(0) saturate(100%) invert(31%) sepia(9%) saturate(10%) hue-rotate(323deg) brightness(98%) contrast(89%);}
#interior .interior_ctrl_box .controls {margin-right:5rem;}
#interior .circle .autoplay-progress {width:40px;height:40px;position:relative;}
#interior .circle .autoplay-progress svg {--progress:0;z-index:10;width:100%;height:100%;stroke-width:3px;stroke:#555555;fill:none;stroke-dashoffset:calc(125.6 * (1 - var(--progress)));stroke-dasharray:125.6;transform:rotate(-90deg);width:42px;height:42px;position:absolute;top:0;left:0;}
#interior .circle .autoplay-progress .bg{position:absolute;width:40px;height:40px;border-radius:50%;border:3px solid #d9d9d9;}
    @media only screen and (max-width:1199px){
        #interior .interior_slide_box {margin-top:-16rem;}
    }
    @media only screen and (max-width:767px){
        #interior .con_title {text-align:center;}
        #interior .interior_slide_box {margin-top:0;}
        #interior .interior_slide_box .swiper-slide-visible {width:100% !important;}
        #interior .interior_slide_box .swiper-slide-next.swiper-slide-visible {width:100% !important;}
        #interior .interior_slide_box .swiper-slide-active .text {position:static;display:flex;align-items:center;}
        #interior .interior_ctrl_box {position:unset;margin-top:2rem;}
    }

/*********** 오시는길 ***********/
#map_info {padding-bottom:7.5rem;background:#fff4c9;}
#map_info .wrap {display:flex;justify-content:space-between;gap:2.4rem;}
#map_info .wrap > div {flex:1;}
#map_info .left_box {display:flex;flex-direction:column;justify-content:space-between;}
#map_info .left_box .map_text li {display:flex;}
#map_info .left_box .map_text > li:not(:last-child) {margin-bottom:5.5rem;}
#map_info .left_box .map_text li em {min-width:8.5rem;font-weight:700;}
#map_info .left_box .map_text .address_box span {display:block;}
#map_info .left_box .map_text .address_box .address {font-weight:700;margin-bottom:.5rem;}
#map_info .left_box .map_text .address_box .address_noti {font-size:1.6rem;margin-bottom:1.5rem;}
#map_info .left_box .map_text .address_box .reser_btn {display:inline-flex;align-items:center;gap:1rem;background:#03c75a;border-radius:1rem;padding:0 2rem;height:3.8rem;line-height:3.8rem;color:#fff;font-weight:500;}
#map_info .left_box .map_text .address_box .reser_btn img {height:2.4rem;}
#map_info .left_box .map_text .tel_box a {font-weight:900;font-size:4.5rem;line-height:1;}
#map_info .left_box .map_text .time_box ul {display:grid;grid-template-columns:1fr 1.5fr;gap:.3rem 3.5rem;width:100%;}
#map_info .left_box .map_text .time_box ul li:nth-child(odd) .day {min-width:7.5rem;}
#map_info .left_box .map_text .time_box ul li:nth-child(even) .day {min-width:5.5rem;}
#map_info .left_box .map_text .time_box ul .time {font-weight:700;}
#map_info .left_box .map_text .time_box ul .time span {font-size:1.6rem;}
#map_info .left_box .map_text .time_box .time_noti {font-size:1.6rem;}
#map_info .right_box .root_daum_roughmap {width:100%;border-radius:2rem;overflow:hidden;}
#map_info .right_box .root_daum_roughmap .border1, .border3, .border4 {display:none;}
    @media only screen and (max-width:1399px){
        #map_info .left_box .map_text .time_box ul {grid-template-columns:none;grid-template-rows:repeat(5,1fr);}
        #map_info .left_box .map_text .time_box ul li .day {min-width:7.5rem !important;}
        #map_info .right_box {display:flex;align-items:center;}
    }
    @media only screen and (max-width:767px){
        #map_info .wrap {flex-direction:column;}
        #map_info .left_box .con_title {text-align:center;}
    }