@charset "utf-8";

/******************************/
/* 공통 */
/******************************/
.skip_snb_menu {display:none;}

    @media only screen and (max-width:767px){
        #fs_container_wrap {overflow:hidden;}
	}


/* 공통 타이틀 */
.title h4 {font-size:4.5rem;color:#000;font-weight:400;font-family: 'Gyeonggi_Batang';}
.title h4 span {font-weight:600;font-family: 'Gyeonggi_Batang';}
.title p {font-size:2rem;margin-top:1.5rem;line-height:1.2;font-weight:400;}
    @media only screen and (max-width:1399px){

	}
    @media only screen and (max-width:1199px){

	}
    @media only screen and (max-width:767px){
        .title h4 {font-size:4rem;}
        .title p {font-size:1.8rem;}
	}

/******************************/
/* 비주얼 영역 */
/******************************/
/* 비주얼 */
.fs_main_visual {height:calc(100vh - 16rem);position:relative;margin-top:16rem;padding-left:15rem;}
.fs_main_visual .swiper-wrapper {}
.fs_main_visual li {background:no-repeat center/cover;}
.fs_main_visual .main_visual_text {position:absolute;top:0;left:15rem;height:100%;display:flex;align-items:center;}
.fs_main_visual .main_visual_text img {opacity:0;transform:translateY(-30px);transition:2s;}
.fs_main_visual .main_visual_text p.sta {font-size:2.5rem;opacity:0;transform:translateY(-30px);transition:2s;font-family: 'Gyeonggi_Batang';color:#fff;transition-delay:0.3s;margin-top:3rem;}
.fs_main_visual .main_visual_text p.stb {width:100%;font-size:8rem;font-weight:600;color:#fff;opacity:0;transform:translateY(-30px);transition:2s;transition-delay:0.5s;font-family: 'Gyeonggi_Batang';}
.fs_main_visual .main_visual_text p.stc {width:100%;font-size:1.8rem;font-weight:300;color:#fff;margin-top:2rem;opacity:0;transform:translateY(-30px);transition:2s;transition-delay:1s;padding-top:2rem;line-height:1.5;position:relative;}
.fs_main_visual .main_visual_text p.stc:before {content:"";position:absolute;left:0;top:0;width:4rem;height:2px;background:#fff;}
.fs_main_visual .swiper-slide-active .main_visual_text img {opacity:1;transform:translateY(0);}
.fs_main_visual .swiper-slide-active .main_visual_text p.sta {opacity:0.5;transform:translateY(0);}
.fs_main_visual .swiper-slide-active .main_visual_text p.stb {opacity:1;transform:translateY(0);}
.fs_main_visual .swiper-slide-active .main_visual_text p.stc {opacity:1;transform:translateY(0);}
/* 컨트롤 */
.mvis_ctrl_box {position:absolute;bottom:-1rem;left:6.5rem;z-index:9;}
.mvis_ctrl_box .swiper-pagination {}
.mvis_ctrl_box .swiper-pagination .swiper-pagination-bullet {border:2px solid #63889f;width:15px;height:15px;background:none;margin:2rem 0 0 0;opacity:1;transition:all .4s;-webkit-transition:all .4s;}
.mvis_ctrl_box .swiper-pagination .swiper-pagination-bullet-active {border:none;background:#4bd0eb;height:8rem;border-radius:30px;}

    @media only screen and (max-width:1619px){
        .fs_main_visual {padding-left:5%;} 
        .mvis_ctrl_box {left:2%;}
	}
    @media only screen and (max-width:1199px){
        .fs_main_visual {height:calc(100vh - 10rem);margin-top:10rem;}
	}
    @media only screen and (max-width:1023px){
        .fs_main_visual .main_visual_text {left:10rem;}
	}
	@media only screen and (max-width:767px){
        .fs_main_visual .main_visual_text {left:10%;padding-right:5%;}
        .fs_main_visual .main_visual_text p.sta {font-size:2rem;}
        .fs_main_visual .main_visual_text p.stb {font-size:6rem;}
        .fs_main_visual .main_visual_text p.stc {font-size:1.6rem;}
        .fs_main_visual .main_visual_text p.stc br {display:none;}
        
        .mvis_ctrl_box {left:15%;bottom:4rem;width:100%;}
        .mvis_ctrl_box .swiper-pagination {display:flex;align-items:center;gap:0 1rem;}
        .mvis_ctrl_box .swiper-pagination .swiper-pagination-bullet-active {width:60px;height:15px;}
	}

/* 원내소식 */
.con1_area {padding:15rem 0;position:relative;}
.con1_area:before {content:"";position:absolute;left:0;top:18rem;width:100%;height:1px;background:#ddd;z-index:-1;}
.news_flex {display:flex;flex-wrap:wrap;gap:0 12rem;}
.news_flex .news {flex:1 1 0;}
.news_flex .news .title {display:flex;align-items:center;justify-content:space-between;}
.news_flex .news .title h4 {background:#fff;padding:0 2rem;margin-left:-2rem;}
.news_flex .news .title a {background:#174e70;width:59px;height:59px;display:flex;align-items:center;justify-content:center;border-radius:100%;}
.news_flex .news .title a:is(:hover,:active,:focus) {transform:rotate(180deg);border-radius:2rem;}
.news_flex .news ul {display:flex;flex-wrap:wrap;gap:1rem;margin-top:3rem;}
.news_flex .news ul li {flex:1 1 100%;}
.news_flex .news ul li a {height:10rem;border-radius:2rem;padding:0 4rem;background:#edf4f8;display:flex;align-items:center;justify-content:space-between;text-decoration:none;}
.news_flex .news ul li a:is(:hover,:active,:focus) {background:#dbeaf0;}
.news_flex .news ul li p {width:calc(100% - 10rem);font-size:1.8rem;font-weight:600;}
.news_flex .news ul li span {width:10rem;opacity:0.5;text-align:right;}
.news_flex .sejong_news ul li a {background:#faeded;}
.news_flex .sejong_news ul li a:is(:hover,:active,:focus) {background:#f4d9da;}
.news_flex .sejong_news .title a {background:#b60005;}
    @media only screen and (max-width:1199px){
        .con1_area {padding:12rem 0;}
        .con1_area:before {top:15rem;}
	}
    @media only screen and (max-width:1023px){
        .con1_area:before {display:none;}
        .news_flex {gap:6rem 0;}
        .news_flex .news {flex:1 1 100%;}
	}
	@media only screen and (max-width:767px){
        .news_flex .news .title a {width:5.5rem;height:5.5rem;}
        .news_flex .news ul li a {padding:0 3rem;}
	}

/* 클리닉 */
.con2_area {position:relative;padding-bottom:15rem;}
.con2_area .title h4 {font-weight:600;font-size:6rem;letter-spacing:-0.3rem;}
.con2_area:before {content:"";position:absolute;left:0;bottom:0;width:100%;height:80%;background:url("../../images/fs/main/clinic_bg.png") no-repeat center bottom;z-index:-1;background-size:cover;}
.clinic {}
.clinic .tap_btn {display:flex;gap:0 1rem;position:absolute;top:-7rem;left:50%;}
.clinic .tap_btn li {padding:0 3rem;border:2px solid transparent;font-weight:500;height:5rem;display:flex;align-items:center;justify-content:center;font-size:2rem;cursor:pointer;transition:all .4s;-webkit-transition:all .4s;border-radius:5rem;}
.clinic .tap_btn li:is(:hover,:focus,:active) {background:#edf4f8;color:#174e70;}
.clinic .tap_btn li.on {color:#174e70;border:2px solid #174e70;font-weight:600;}
.clinic .tab_content {display:none;}
.clinic_content {display:flex;flex-wrap:wrap;margin-top:2rem;}
.clinic_content h5 {font-family:'Gyeonggi_Batang';color:#fff;font-size:4rem;font-weight:500;text-align:right;}
.clinic_content .clinic_txt {width:50%;padding-right:8rem;padding-top:18rem;}
.clinic_content .clinic_txt ul {display:flex;flex-wrap:wrap;margin-top:5rem;justify-content:end;gap:2rem 0;}
.clinic_content .clinic_txt ul li {text-align:center;width:25%;}
.clinic_content .clinic_txt ul.flex_5 li {width:20%;}
.clinic_content .clinic_txt ul li .icon {width:10rem;height:10rem;border-radius:100%;border:2px solid #fff;display:flex;justify-content:center;align-items:center;margin:0 auto;}
.clinic_content .clinic_txt ul li .txt {margin-top:1rem;}
.clinic_content .clinic_txt ul li .txt p {color:#fff;text-align:center;font-size:1.5rem;font-weight:400;}
.clinic_content .clinic_img {width:50%;box-shadow:3rem 3rem 3rem 0 rgba(0, 0, 0, 0.2);overflow:hidden;border-radius:2rem;position:relative;height:60rem;}
.clinic_content .clinic_img img {height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
    @media only screen and (max-width:1799px){
        .clinic .tap_btn li {padding:0 2.5rem;}
    }
    @media only screen and (max-width:1699px){
        .con2_area:before {height:75%;}
        
        .clinic .tap_btn {position:absolute;top:2rem;left:0;width:60%;flex-wrap:wrap;}
        .clinic .tap_btn li {font-size:1.8rem;padding:0 2rem;}
        
        .clinic_content .clinic_txt {padding-right:6rem;width:60%;padding-top:15rem;}
        .clinic_content .clinic_img {width:40%;}
	}
    @media only screen and (max-width:1199px){
        .con2_area {padding-bottom:12rem;}
	}
    @media only screen and (max-width:1023px){
        .con2_area:before {height:83%;}
        .clinic .tap_btn {position:static;width:100%;margin-top:6rem;}
        .clinic_content .clinic_txt {padding-right:0;width:100%;padding-top:6rem;}
        .clinic_content .clinic_txt ul {justify-content:normal;height:30rem;}
        .clinic_content .clinic_txt ul li .txt p br {display:none;}
        .clinic_content h5 {text-align:left;}
        .clinic_content .clinic_img {width:100%;margin-top:4rem;}
        .clinic_content .clinic_img img {height:auto;width:100%;}
	}
	@media only screen and (max-width:767px){
        .con2_area {padding-bottom:0;}
        .con2_area:before {display:none;}
        .con2_area .title h4 {font-size:4.5rem;}
        
        .clinic .tap_btn {margin-top:4rem;justify-content:center;gap:0;}
        .clinic .tap_btn li {width:33.33%;}
        
        .clinic_content {position:relative;padding-bottom:10rem;}
        .clinic_content:before {content:"";position:absolute;left:-10%;bottom:0;width:120%;height:100%;background:url("../../images/fs/main/clinic_bg.png") no-repeat center bottom;z-index:-1;background-size:cover;}
        .clinic_content h5 {font-size:3rem;}
        .clinic_content .clinic_txt ul {margin-top:3rem;height:auto;}
        .clinic_content .clinic_txt ul li {width:33.33%;}
        .clinic_content .clinic_txt ul.flex_5 li {width:33.33%;}
        .clinic_content .clinic_img {height:30rem;}
	}

/* 병원안내 */
.con3_area {padding:15rem 0;position:relative;padding-bottom:15rem;background:url("../../images/fs/main/hospital_bg.png") no-repeat center;background-size:cover;}
.con3_area .title {text-align:center;}
.con3_area .title > span {font-size:3rem;font-family:'Gyeonggi_Batang';}
.con3_area .title h4 {font-size:6rem;font-weight:600;}
.con3_area h5 {font-size:4rem;font-family:'Gyeonggi_Batang';font-weight:600;}
.cont_box {display:flex;flex-wrap:wrap;gap:0 14rem;width:100%;justify-content:space-between;margin-top:5rem;position:relative;}
.cont_box:before {content:"";position:absolute;left:calc(50% - 1px);top:0;width:2px;height:100%;background:#dddddd;}
.cont_box .cont {width:calc(50% - 7rem);text-align:left;margin-top:9rem;}
.cont_box .cont .notice {position:relative;}
.cont_box .cont .title {display:flex;flex-wrap:wrap;width:100%;justify-content:space-between;align-items:center;margin-bottom:2rem;}
.cont_box .cont .title .btn_box {display:flex;flex-wrap:wrap;gap:0.5rem 1rem;}
.cont_box .cont .swiper {box-shadow:2rem 2rem 2rem 0 rgba(0, 0, 0, 0.1);border-radius:2rem;}
.cont_box .cont .swiper .swiper-slide {overflow:hidden;}
.cont_box .cont .swiper .swiper-slide a {border-radius:2rem;height:55rem;display:block;position:relative;background:#f3f4f4;}
.cont_box .cont .swiper .swiper-slide a img {position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);max-height:100%;}
.cont_box .ctrl_box {position:absolute;top:50%;z-index:1;margin-top:-2.2rem;display:flex;justify-content:space-between;width:100%;}
.cont_box .ctrl_box button i {font-size:6rem;}
    @media only screen and (max-width:1919px){
        .cont_box .cont .title .btn_box {margin-top:2rem;width:100%;}
        .cont_box .cont .title .btn_box a {flex:1 1 45%;}
		.cont_box .cont .swiper .swiper-slide a {height:35rem;}
	}
    @media only screen and (max-width:1199px){
        .con3_area {padding:12rem 0;}
		.cont_box .cont .swiper .swiper-slide a {height:30rem;}
	}
    @media only screen and (max-width:1023px){
        .cont_box {gap:8rem 0;margin-top:8rem;}
        .cont_box:before {display:none;}
        .cont_box .cont {width:100%;margin-top:0;}
		.cont_box .cont .swiper .swiper-slide a {height:50rem;}
	}
	@media only screen and (max-width:767px){
        .con3_area .title > span {font-size:2.5rem;}
        .con3_area .title h4 {font-size:5rem;}
        
        .cont_box {margin-top:6rem;gap:6rem 0;}
        .cont_box .cont .title h5 {font-size:3.5rem;}
		.cont_box .cont .swiper .swiper-slide a {height:40rem;}
	}