@charset "utf-8";

/*********************** 공통 ***********************/
#fs_container_wrap {}
.fs_main_contents {}
.con_box {padding:14rem 0;}
.con_box .sec_tit span{color:var(--main_gold); letter-spacing:0; word-break:keep-all;}
.con_box .sec_tit h2,
.con_box .sec_tit h3 {font-size:4.8rem;line-height:1.35;color:var(--main_blue);margin-top:1rem;}
.con_box .sec_con {position:relative;}
	@media only screen and (max-width:1199px){
		.con_box {padding:12rem 0;}
	}
	@media only screen and (max-width:1023px){
		.con_box {padding:11rem 0;}
	}
	@media only screen and (max-width:767px){
		.con_box {padding:10rem 0;}
		.con_box .sec_tit h2,
		.con_box .sec_tit h3 {font-size:3.2rem;max-width:100%;overflow-wrap:anywhere;}
	}

/* 슬라이드 ctrl */
.ctrl_slide button {width:4.8rem;height:4.8rem;border-radius:50%;background:var(--gray);display:flex;justify-content:center;align-items:center;font-size:4rem;color:var(--main_blue);position:absolute;top:40%;transform:translateY(-50%);z-index:10;}
.ctrl_slide .ctrl_prev {left:-2.4rem;}
.ctrl_slide .ctrl_next {right:-2.4rem;}
	@media only screen and (max-width:1199px){
		.ctrl_slide .ctrl_prev {left:-2.2rem;}
		.ctrl_slide .ctrl_next {right:-2.2rem;}
	}
	@media only screen and (max-width:1023px){
		.ctrl_slide button {top:40%;}
		.ctrl_slide .ctrl_prev {left:0;}
		.ctrl_slide .ctrl_next {right:0;}
	}


/*********************** 메인비주얼 ***********************/
.fs_main_visual .swiper-slide {height:100vh;background:no-repeat center/cover;}
.fs_main_visual .swiper-slide .main_visual_text {display:flex;flex-direction:column;justify-content:flex-end;gap:2.4rem;height:100%;padding-bottom:14rem;line-height:1.3;color:#fff;}
.fs_main_visual .swiper-slide .main_visual_text .sta {font-weight:700;font-size:5rem;}
.fs_main_visual .swiper-slide .main_visual_text .stb {font-size:2.2rem;}
	@media only screen and (max-width:767px){
		.fs_main_visual .swiper-slide{height:80vh;}
	}
	@media only screen and (max-width:425px){
		.fs_main_visual .swiper-slide .main_visual_text {padding-bottom:20rem;}
	}


/*********************** 01_Since 1901 ***********************/
#history {background:var(--sub_blue);}

/* 타이틀 */
#history .history_tit {display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:flex-end;line-height:1.1;color:var(--beige);}
#history .history_tit h2,
#history .history_tit h3 {font-weight:300;font-size:12rem;}
#history .history_tit span {font-size:3rem;opacity:.5;}
	@media only screen and (max-width:767px){
		#history .history_tit {flex-direction:column;align-items:flex-start;}
		#history .history_tit h2,
		#history .history_tit h3 {font-size:10rem;}
		#history .history_tit span {font-size:2rem;}
	}

/* 탭버튼_역대원장 */
#history .history_con .tab_btn {display:flex;width:100%;margin-top:6rem;}
#history .history_con .tab_btn li {flex:1 1 0;text-align:center;position:relative;}
#history .history_con .tab_btn li::before {position:absolute;top:.4rem;left:0;/*z-index:1;*/content:"";width:100%;height:1px;background:var(--beige);opacity:.5;}
#history .history_con .tab_btn li button {padding-top:3.5rem;font-weight:500;font-size:2rem;color:var(--sub_gold);opacity:.5;}
#history .history_con .tab_btn li button::after {position:absolute;top:0;left:50%;transform:translateX(-50%);content:"";width:.9rem;height:.9rem;border-radius:50%;background:var(--sub_gold);}
#history .history_con .tab_btn li.on button {opacity:1;}
#history .history_con .tab_btn li.on button::before {position:absolute;top:-.8rem;left:50%;transform:translateX(-50%);content:"";width:2.5rem;height:2.5rem;border-radius:50%;background:var(--sub_gold);opacity:.5;animation:pulse 2s ease-out infinite;}
@keyframes pulse {
		0% {
			transform:translateX(-50%) scale(0.6);
			opacity:0.5;
		}
		70% {
			transform:translateX(-50%) scale(1.2);
			opacity:0;
		}
		100% {
			transform:translateX(-50%) scale(0.6);
			opacity:0.1;
		}
	}

/* 탭컨텐츠_역대원장 */
#history .con_tbox {display:grid;grid-template-columns:repeat(2,1fr);gap:3.6rem;margin-top:9rem;}
#history .con_tbox > div {max-width:100%;}
#history .con_tbox .info .name {font-size:3.2rem;color:var(--sub_gold);text-wrap:balance;}
#history .con_tbox .info .name .hanja {font-family:"Gyeonggi Batang";font-weight:300;}
#history .con_tbox .info p {/*font-size:1.7rem;line-height:1.7;*/color:var(--beige);margin-top:3.5rem;}
#history .con_tbox .info p .hanja{font-family:"Gyeonggi Batang";}
#history .con_tbox .history_pic li {display:flex;justify-content:center;align-items:center;}

#history .con_tbox.type1 .history_pic img,
#history .con_tbox.type2 .history_pic img{filter: grayscale(100%);}
/*#history .tab_cbox .tab_content:nth-of-type(1) .history_pic ul li:nth-child(2) img {filter: grayscale(100%);}
#history .tab_cbox .tab_content:nth-of-type(2) .history_pic ul li:nth-child(2) img {filter: grayscale(100%);}*/

@media only screen and (max-width:1023px){
	#history .con_tbox {display:flex;flex-direction:column;}
	#history .con_tbox .history_pic ul {align-items:center;}
}


/*********************** 02_의료진 소개 ***********************/
#doctor {overflow-x:hidden;max-width:100%;}
/* 탭버튼_의료진 목록 */
/*#doctor {text-align:center;} !* 탭기능 사용시 활성화 *!*/
#doctor .tab_btn {display:inline-flex;gap:1rem;background:var(--gray);border-radius:4rem;padding:1rem;margin-bottom:6rem;max-width:100%;box-sizing:border-box;}
#doctor .tab_btn li {display:flex;flex-flow:wrap row;justify-content:center;align-items:center;width:33rem;height:5.5rem;font-size:2rem;color:#4a4a4a;border-radius:3rem;box-sizing:border-box;}
#doctor .tab_btn li button {font-weight:inherit;color:inherit;width:100%;}
#doctor .tab_btn li.on {font-weight:500;color:var(--gray);background:var(--main_blue);}
	@media only screen and (max-width:1199px){
		#doctor .tab_btn {display:flex;width:100%;justify-content:stretch;flex-wrap:nowrap;gap:.6rem;padding:.8rem;}
		#doctor .tab_btn li {width:auto;flex:1 1 0;min-width:0;max-width:none;height:auto;min-height:4.8rem;padding:.6rem .4rem;font-size:1.4rem;}
		#doctor .tab_btn li button {white-space:normal;line-height:1.25;font-size:inherit;}
	}
	@media only screen and (max-width:767px){
		#doctor .tab_btn {gap:.4rem;padding:.6rem;border-radius:1.6rem;}
		#doctor .tab_btn li {min-height:4.2rem;padding:.5rem .2rem;font-size:1.2rem;border-radius:1.2rem;}
	}

/* 탭컨텐츠_의료진 소개 */
#doctor .doctor_item {display:grid;grid-template-columns:repeat(12,1fr);gap:3.6rem;}
#doctor .doctor_item .pic_box {grid-column:1/6;position:sticky;top:10rem;height:calc(100vh - 10rem);display:flex;align-items:center;justify-content:center;overflow:hidden;max-width:100%;}
#doctor .doctor_item .pic_box .pic {position:relative;overflow:hidden;height:100%;}
#doctor .doctor_item .pic_box .pic::before {position:absolute;top:1.5rem;left:1.5rem;content:"";width:calc(100% - 3rem);height:calc(100% - 3rem);border:2px solid #fff;}
#doctor .doctor_item .pic_box .pic .greeting {position:absolute;bottom:6rem;right:6rem;width:12.5rem;height:12.5rem;border-radius:50%;display:flex;justify-content:center;align-items:center;background:var(--main_blue);font-weight:500;font-size:2rem;line-height:1.2;color:var(--beige);}
#doctor .doctor_item .pic_box .pic img {max-width:none;width:100%;height:100%;object-fit:cover;object-position:center;}
#doctor .doctor_item .pic_box .pic.pic_empty {width:100%;min-height:56rem;background:var(--beige);border:1px solid #d9d3c8;display:flex;align-items:center;justify-content:center;}
#doctor .doctor_item .pic_box .pic.pic_empty .pic_empty_label {position:relative;z-index:1;font-size:2rem;font-weight:700;color:var(--main_blue);letter-spacing:.04em;}
#doctor .doctor_item .resume_box {grid-column:7/13;}
#doctor .doctor_item .resume_box .tit {font-weight:500;font-size:3.4rem;color:var(--main_blue);margin:2.5rem 0 .5rem;}
#doctor .sec_tit br{display:none;}
	@media only screen and (max-width:1199px){
		#doctor .doctor_item {gap:7.2rem;}
		#doctor .doctor_item .pic_box {grid-column:1/7;}
	}
	@media only screen and (max-width:1023px){
		#doctor .doctor_item {display:flex;flex-direction:column;gap:1.8rem;}
		#doctor .doctor_item .pic_box {position:static;}
	}
	@media only screen and (max-width:767px){
		#doctor .doctor_item .pic_box {height:calc(70vh - 10rem);}
		#doctor .sec_tit br{display:block;}
	}

/* 모달 */
#fs_wrap.bg::after {position:fixed;width:100%;height:100%;content:"";top:0;left:0;background:rgba(0,0,0,0.5);z-index:150;}
.doctor_modal .modal_con {display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;min-width:96rem;max-width:calc(100vw - 2rem);max-height:80vh;padding:6rem 10rem;z-index:9999;background-color:#fff;border-radius:2rem;box-sizing:border-box;}
.doctor_modal .modal_con .close {position:absolute;top:3rem;right:3rem;width:5rem;height:5rem;font-size:2rem;line-height:1;border:2px dotted var(--sub_blue);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.8rem;line-height:1.4;color:var(--main_blue);word-break:keep-all;font-weight:800;margin-bottom:2rem;}
	@media only screen and (max-width:1023px){
		.doctor_modal .modal_con {width:92vw;min-width:0;max-width:92vw;padding:9rem 5rem 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;}
	}


/*********************** 03_진료과목 ***********************/
#department {background:var(--beige);overflow:hidden;position:relative;max-width:100%;}
#department::before {position:absolute;top:0;left:0;content:"365 KYUNGHEE FOURTH GENERATION KOREAN MEDICINE CLINIC - 365 KYUNGHEE FOURTH GENERATION KOREAN MEDICINE CLINIC - 365 KYUNGHEE FOURTH GENERATION KOREAN MEDICINE CLINIC - 365 KYUNGHEE FOURTH GENERATION KOREAN MEDICINE CLINIC";font-weight:700;font-size:12rem;line-height:.85;color:rgba(237,226,205,.5);white-space:nowrap;animation:scroll-left 180s linear infinite;max-width:none;pointer-events:none;}
@keyframes scroll-left {
	0% {
		transform:translateX(-20%) translateZ(0);
	}
	100% {
		transform:translateX(-120%) translateZ(0);
	}
}

/* 타이틀 */
#department .department_tit {display:grid;grid-template-columns:1fr 1fr;gap:3.6rem;}
#department .department_tit h2,
#department .department_tit h3 {color:#000;}
	@media only screen and (max-width:767px){
		#department .department_tit {display:flex;flex-direction:column;}
	}

/* 리스트 */
.department_list > ul {display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:3.6rem;perspective:100rem;}
.department_list > ul > .department_item {position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .4s ease;overflow:hidden;}
.department_list > ul > .department_item > div {padding:6rem 2.5rem 0;color:#fff;min-height:44rem;cursor:grab;}
.department_list > ul > .department_item > div em {display:block;font-weight:500;font-size:2.5rem;margin-bottom:2rem;text-align:center;}
.department_list .dept_more {display:inline-block;margin-top:1.2rem;padding:.6rem 1.2rem;border:1px solid rgba(255,255,255,.7);color:#fff;font-size:1.4rem;font-weight:700;text-decoration:none;}
.department_list .dept_more:hover {background:rgba(255,255,255,.15);}
#department .ctrl_slide {display: none;}
	@media only screen and (max-width:1199px){
		.department_list > ul > .department_item > div {padding:5rem 2.5rem 0;}
	}
	@media only screen and (max-width:1023px){
		.department_list {display:block;width:100%;max-width:100%;overflow:hidden;}
		.department_list > ul {grid-template-columns:1fr 1fr;grid-template-rows:none;gap:1.6rem;perspective:none;width:100%;max-width:100%;}
	}
	@media only screen and (max-width:767px){
		.department_list > ul {grid-template-columns:1fr;}
		.department_list > ul > .department_item > div {min-height:36rem;padding:4rem 2rem 0;}
	}

/* 앞면 */
.department_item .flip-front {width:100%;height:100%;background:no-repeat center bottom var(--main_gold);background-size:cover;text-align:center;}
.department_item:nth-child(1) .flip-front {background-image:url("../../images/fs/main/department_bg01.png");}
.department_item:nth-child(2) .flip-front {background-image:url("../../images/fs/main/department_bg02.png");}
.department_item:nth-child(3) .flip-front {background-image:url("../../images/fs/main/department_bg03.png");}
.department_item:nth-child(4) .flip-front {background-image:url("../../images/fs/main/department_bg04.png");}
.department_item:nth-child(5) .flip-front {background-image:url("../../images/fs/main/department_bg05.png");}
.department_item:nth-child(6) .flip-front {background-image:url("../../images/fs/main/department_bg06.png");}
.department_item:nth-child(7) .flip-front {background-image:url("../../images/fs/main/department_bg07.png");}
.department_item:nth-child(8) .flip-front {background-image:url("../../images/fs/main/department_bg08.png");}
.department_item .flip-front p {text-wrap:balance;}


/* 뒷면 */
.flip-back {position:absolute;top:0;left:0;width:100%;height:100%;background:url("../../images/fs/main/emblem.png") no-repeat right bottom var(--main_blue);background-size: 152px auto;opacity:0;transition:opacity .3s ease;}
.department_item:hover .flip-back {opacity:1;}
.flip-back .list1 > li:after {background:#fff;}


/*********************** 04_의료기기 ***********************/
#device .wrap {display:grid;grid-template-columns:repeat(12,1fr);gap:3.6rem;}
#device .sec_tit {grid-column:1/5;}
#device .sec_con {grid-column:6/13;margin-top:0;}
#device .sec_con .device_slide li {border:1px solid #ddd;}
#device .sec_con .device_slide li .device_pic {height:50rem;display:flex;justify-content:center;align-items:center;padding:1rem;}
#device .sec_con .device_slide li .device_pic img {height:48rem;object-fit:cover;}
#device .sec_con .device_slide li .device_txt {background:var(--main_blue);color:#fff;padding:3rem;text-align:center;min-height:16rem;}
#device .sec_con .device_slide li .device_txt em {font-weight:500;font-size:2.2rem;}
#device .sec_con .device_slide li .device_txt p {opacity:.5;text-wrap:balance;margin-top:1rem;}
	@media only screen and (max-width:1199px){
		#device .sec_tit {grid-column:1/6;}
	}
	@media only screen and (max-width:1023px){
		#device .wrap {display:flex;flex-direction:column;gap:0;}
		#device .sec_tit {text-align:center;}
		#device .sec_tit .sec_desc {margin:3.6rem 0 1.8rem;text-wrap:balance;}
		#device .sec_tit .sec_desc br {display:none;}
	}
	@media only screen and (max-width:767px){

	}


/*********************** 05_둘러보기 ***********************/
#interior {background:url("../../images/fs/main/interior_bg.png") no-repeat right bottom var(--sub_blue);background-size: 372px auto;}
#interior h2,
#interior h3,
#interior .sec_desc {color:#fff;}
#interior .swiper-slide {max-height:60rem;display:flex;justify-content:center;align-items:center;}
#interior .swiper-slide img {object-fit:cover;object-position:center;}
@media only screen and (max-width:1023px){
	#interior {background-size: 272px auto;}
	#interior .ctrl_slide button {top:35%;}
}
@media only screen and (max-width:639px){
	#interior {background-size: 172px auto;}
	#interior .ctrl_slide button {top:30%;}
}
@media only screen and (max-width:479px){
	#interior .ctrl_slide button {top:22%;}
}


/*********************** 06_공지사항 ***********************/
#notice{background-color:#f9f9f9;}
#notice .noti_img {border:5px solid var(--main_blue);aspect-ratio:1/1;overflow:hidden;display:flex;justify-content:center;align-items:center;}
#notice .noti_img.no_img {background:#fff;}
#notice .noti_img.no_img img {width:60%;}
#notice .noti_tit {margin-top:1.5rem;font-weight:500;text-align:center;}

/**/
#notice.min .swiper-wrapper{justify-content:center;}
#notice.min .ctrl_slide .ctrl_prev,
#notice.min .ctrl_slide .ctrl_next{opacity:0.5;}



/*********************** 07_진료안내 ***********************/
#info {padding-top:0;}

/* 상단 */
/*
.info_top {background:url("../../images/fs/main/map_top_bg.png") no-repeat center/cover;padding:7rem 0;}
.info_top .wrap {display:grid;grid-template-columns:1fr 1fr;}
.info_top .info_pic {overflow:hidden;}
.info_top .info_pic img {max-width:none;width:100%;height:100%;object-fit:cover;object-position:center;}
.info_top .info_intro {display:flex;flex-direction:column;justify-content:center;background:var(--beige2);padding:2rem 9rem 2rem 2rem;text-align:right;}
.info_top .info_intro h4 {font-weight:700;font-size:3.4rem;line-height:1.2;color:var(--sub_gold);margin-bottom:4.5rem;}
.info_top .info_intro .intro_txt p {color:var(--beige);}
.info_top .info_intro .intro_txt p:not(:last-child) {margin-bottom:1.5rem;}
.info_top .info_intro .intro_txt p .emoji {font-weight:400;font-family:"Noto Color Emoji";}
	@media only screen and (max-width:1499px){
		.info_top .info_intro {padding:5rem 5rem 5rem 2.5rem;}
	}
	@media only screen and (max-width:1199px){
		.info_top .info_intro {padding:4rem 4rem 4rem 2.5rem;}
	}
	@media only screen and (max-width:767px){
		.info_top .wrap {display:block;}
		.info_top .info_pic {display:none;}
	}
*/
/* 하단 */
.info_bottom {padding-top:14rem;}
.info_bottom .address_wrap strong {font-size:3.4rem;margin-bottom:1.5rem;}
.info_bottom .address_wrap p{margin-top:1rem;}
.info_bottom .address_wrap .emoji{font-family:"Noto Color Emoji"; font-weight:300;}
.map_wrap {display:grid;grid-template-columns:repeat(12,1fr);gap:3.6rem; margin-top:4rem;}
	@media only screen and (max-width:1199px){
		.info_bottom {padding-top:12rem;}
	}
	@media only screen and (max-width:1023px){
		.info_bottom {padding-top:11rem;}
	}
	@media only screen and (max-width:767px){
		.info_bottom {padding-top:10rem;}
		.map_wrap {display:flex;flex-direction:column;gap:3.6rem;}
	}

/* 지도 — 높이 확장, 하단 주소·전화 숨김 */
.map_wrap {align-items:stretch;}
.map_wrap .map_box {grid-column:1/7;font-family:inherit;min-height:52rem;}
.map_wrap .map_box .root_daum_roughmap {
	width:100%;
	height:52rem;
	overflow:hidden; /* 하단 주소·전화 영역 잘라냄 */
	position:relative;
}
.map_wrap .map_box .root_daum_roughmap .wrap_map {
	height:52rem !important;
	margin:0 auto;
}
.map_wrap .map_box .root_daum_roughmap .map_border {display:none !important;}
/* 지도(.wrap_map) 제외한 하단 UI(주소·전화·컨트롤러) 숨김 */
.map_wrap .map_box .root_daum_roughmap > div:not(.wrap_map) {display:none !important;height:0 !important;margin:0 !important;padding:0 !important;overflow:hidden !important;}
.map_wrap .map_box .root_daum_roughmap .wrap_controllers,
.map_wrap .map_box .root_daum_roughmap .wrap_btn_additional,
.map_wrap .map_box .root_daum_roughmap .cont {display:none !important;}
.map_wrap .map_box .root_daum_roughmap .roughmap_maker_label .roughmap_lebel_text {font-weight:500;letter-spacing:0;}
	@media only screen and (max-width:1199px){
		.map_wrap .map_box {min-height:46rem;}
		.map_wrap .map_box .root_daum_roughmap {height:46rem;}
		.map_wrap .map_box .root_daum_roughmap .wrap_map {height:46rem !important;}
	}
	@media only screen and (max-width:767px){
		.map_wrap .map_box {min-height:36rem;}
		.map_wrap .map_box .root_daum_roughmap {height:36rem;}
		.map_wrap .map_box .root_daum_roughmap .wrap_map {height:36rem !important;}
	}

/* 안내 */
.map_wrap .info_box {grid-column:8/13;align-self:center;font-size:2rem;}
.map_wrap .info_box > li {display:flex;gap:3.6rem;}
.map_wrap .info_box > li > em {width:9.6rem;font-weight:500;font-size:2.6rem;}
.map_wrap .info_box .flag{margin-right:0.5rem; padding:0.5rem 1rem; border-radius:2rem; color:#fff; font-size:1.6rem;}
.map_wrap .info_box .flag.type1{background-color:#6f99d0;}
.map_wrap .info_box .flag.type2{background-color:#3366cc;}
.map_wrap .info_box .flag.type3{background-color:#5bb025;}
.map_wrap .traffic,
.map_wrap .time{margin-top:1.5rem;}

.traffic div{position:relative;}
/*.traffic div::before {width:1.6rem;height:1.6rem;background:#769dcf;border-radius:50%;position:absolute;top:.5rem;left:0;content:"";}*/
.time div em {display:block;font-weight:500;color:var(--main_blue);margin-top:1rem;}
.time div li:nth-child(1) em {margin-top:0;}
.time div .time_noti em {font-size:2.4rem;}
	@media only screen and (max-width:1199px){
		.map_wrap .info_box {grid-column:7/13;}
	}
	@media only screen and (max-width:767px){
		.map_wrap .info_box {align-self: normal;}
		.map_wrap .info_box > li {gap:1.8rem;}
	}