@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');

#wrapper ul {list-style: disc;}

/*------------PC------------*
/* 탑배너 */
.top_banner_section {overflow: hidden; position: relative;}
.top_banner_section .top_banner_title {position: absolute; top: 70%; left: 50%; transform: translate(-50%,-50%); transition: all 3s; opacity: 0;}
.top_banner_section.fade-in .top_banner_title{top:50%; opacity: 1; text-align: center;}
.top_banner_section .top_banner_title span,
.top_banner_section .top_banner_title h4 {font-family: 'Noto Serif KR'; color: #fff;}
.top_banner_section .top_banner_title span {font-size: 2rem;}
.top_banner_section .top_banner_title h4 {font-size: 2.5rem; font-weight: 400; margin-top: 20px;}
.top_banner_section .top_banner_title p {font-size: 1.2rem; margin-top: 20px; color: #fff;}

.mouse-scroll {position: absolute; left: 0; right: 0; bottom: 7%; text-align: center; z-index: 5; display: block;}
.mouse-scroll .mouse {position: relative; width: 16px; height: 25px; margin: 0 auto; border: 2px solid #ffffff; border-radius: 2rem;}
.mouse-scroll .mouse::after {content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: -0.03rem; margin: auto; background-color: #ffffff; width: 5px; height: 5px; border-radius: 100%; animation: bounce 5s linear infinite;}
/* .mouse-scroll span img {filter: brightness(0);} */
@keyframes bounce {
    0% {
		opacity: 1;
		transform: scale(1) translateY(-2px);
	}

	6% {
		opacity: 1;
		transform: scale(0.5) translateY(5px);
	}

	14% {
		opacity: 0;
		transform: scale(0.2) translateY(40px);
	}

	15%,
	19% {
		opacity: 0;
		transform: scale(0.2) translateY(-2px);
	}

	28%,
	29.99% {
		opacity: 1;
		transform: scale(1) translateY(-2px);
	}

	30% {
		opacity: 1;
		transform: scale(1) translateY(-2px);
	}

	36% {
		opacity: 1;
		transform: scale(0.5) translateY(5px);
	}

	44% {
		opacity: 0;
		transform: scale(0.2) translateY(40px);
	}

	45%,
	49% {
		opacity: 0;
		transform: scale(0.2) translateY(-2px);
	}

	58%,
	59.99% {
		opacity: 1;
		transform: scale(1) translateY(-2px);
	}

	60% {
		opacity: 1;
		transform: scale(1) translateY(-2px);
	}

	66% {
		opacity: 1;
		transform: scale(0.5) translateY(5px);
	}

	74% {
		opacity: 0;
		transform: scale(0.2) translateY(40px);
	}

	75%,
	79% {
		opacity: 0;
		transform: scale(0.2) translateY(-2px);
	}

	88%,
	100% {
		opacity: 1;
		transform: scale(1) translateY(-2px);
	}
}
.mouse-scroll span {display: inline-block; width: 16px;}

/* 인트로 섹션(introduce.php) */
.intro_section {text-align:center; margin-top: 100px; padding: 100px 0;}
.intro_section .intro_tit {height: 200px;}
.intro_section .intro_tit .intro_logo {width:50px; margin: 0 auto; filter: invert(44%) sepia(18%) saturate(704%) hue-rotate(347deg) brightness(94%) contrast(87%);}
.intro_section .intro_tit .intro_logo img {width:0; transition:all 2s; opacity:0;}
.intro_section .intro_tit.fade-in .intro_logo img{width:100%; opacity:1;}
.intro_section .intro_tit .intro_txt {width: 480px; margin: 0 auto; margin-top: 50px; transition: 2s all 0.4s; opacity: 0;}
.intro_section .intro_tit.fade-in .intro_txt {opacity:1;}
.intro_section .intro_box {display:flex; gap:6vw; justify-content:center; padding: 120px 0;}
.intro_section .intro_1 .intro_desc {width: 40%; max-width: 550px; text-align:left; display: flex; flex-direction: column; justify-content: center;  position: relative;}
.intro_section .intro_box .intro_desc h3 {display: block; font-family: "Noto Serif KR", serif; font-size: 30px; font-weight: 300; line-height: 1.3; color: #3b3b3b;}
.intro_section .intro_box .intro_desc p {width: 100%; font-size: 20px; font-weight: 300; font-family: 'Noto Sans KR'; line-height:30px; color:#8c8c8c; margin-bottom: 0; letter-spacing: -1px; word-break: keep-all;}
.intro_section .intro_box .intro_img {width: 40%; box-shadow: -3px 3px 8px rgb(0 0 0 / 9%);}
.intro_section .intro_1 .intro_desc h3 {transform: translateX(-30px); transition: all 2s ease; opacity: 0;}
.intro_section .intro_1 .intro_desc p {margin-top: 30px; transform: translateY(30px); transition: all 2s ease; opacity: 0;}
.intro_section .intro_1.fade-in .intro_desc h3{transform: translateX(0); opacity: 1;}
.intro_section .intro_1.fade-in .intro_desc p{transform: translateY(0); opacity: 1;}
.intro_section .intro_2 .intro_desc {width: 40%; max-width: 550px;text-align:right; display: flex; flex-direction: column; justify-content: center; align-items: end; position: relative;}
.intro_section .intro_2 .intro_desc h3 {transform: translateX(-30px); transition: all 2s ease; opacity: 0;}
.intro_section .intro_2 .intro_desc p {margin-top: 30px; transform: translateY(30px); transition: all 2s ease; opacity: 0;}
.intro_section .intro_2.fade-in .intro_desc h3{transform: translateX(0); opacity: 1;}
.intro_section .intro_2.fade-in .intro_desc p{transform: translateY(0); opacity: 1;}

.intro_section2 .intro_box{margin: 0;}


/*------의료진소개------*/
.doctor_section {padding: 100px 0;}
.doctor_section .doctor_intro {display: flex; justify-content: center; padding-top:60px;}
.doctor_section .doctor_intro .doctor_left {margin-right: 4vw;}
.doctor_section .doctor_intro .doctor_left .txt1 {margin-top: 30px;}
.doctor_section .doctor_intro .doctor_left .txt1 span {font-size: 22px; font-family: 'Noto Serif KR'; font-weight: 500; color: #63450c;}
.doctor_section .doctor_intro .doctor_left .txt1 h2 {font-size: 38px; font-family: 'Noto Serif KR'; margin-top: 30px;}
.doctor_section .doctor_intro .doctor_left .txt1 p {margin-top: 30px; line-height: 22px; }
.doctor_section .doctor_intro .doctor_left .txt2 {margin-top: 50px;}
.doctor_section .doctor_intro .doctor_left .txt2 h5 {font-size: 19px;}
.doctor_section .doctor_intro .doctor_left .txt2 p {margin-top: 30px; line-height: 25px;}

/* 주차안내섹션 */
#parking_section {background-color: #f7f7f7;}
#parking_section .parking_box {max-width: 1200px; width: 100%; margin: 0px auto; display: flex; flex-direction: column; align-items: start; justify-content: center; gap: 40px;}
#parking_section .parking_box .parking_tit {width: 100%; text-align: left; display: flex; flex-direction: column;}
#parking_section .parking_box .parking_tit span {display: inline-block; font-size: 20px; line-height: 28px;}
#parking_section .parking_box .parking_tit h2 {font-family:'Noto Serif KR'; display: inline-block; font-size: 36px; line-height: 48px; font-weight: 400; margin-top: 14px;}
#parking_section .parking_box .parking_list {width: 100%;}
#parking_section .parking_box .parking_list ul {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 4vw;}
#parking_section .parking_box .parking_list ul li {width: 100%;}
#parking_section .parking_box .parking_list ul li .li_tit {margin-top: 30px; border-top: 1px solid #000; padding-top: 30px;}
#parking_section .parking_box .parking_list ul li .li_tit p {color: #444;}
#parking_section .parking_box .parking_list ul li .li_img {position: relative; overflow: hidden;}


/*------------인테리어------------*/
#interior_section {background-color: #f7f7f7;}
#interior_section .interior_box {max-width: 1200px; width: 100%; margin: 0px auto; display: flex; flex-direction: column; align-items: start; justify-content: center; gap: 10px;}
#interior_section .interior_box .interior_tit {width: 100%; text-align: left; display: flex; flex-direction: column;}
#interior_section .interior_box .interior_tit span {display: inline-block; font-size: 20px; line-height: 28px;}
#interior_section .interior_box .interior_tit h2 {font-family:'Noto Serif KR'; display: inline-block; font-size: 36px; line-height: 48px; font-weight: 400; margin-top: 14px;}
#interior_section .interior_wrap {width: 100%;}
#interior_section .interior_wrap .swiper-slide {width: 100%; height: auto;}
#interior_section .interior_swiper2 {height: 630px;}
#interior_section .interior_contain .swiper-slide img {width: 100%;}
#interior_section .interior_imgBox {display: inline-block; width: 100%; margin-top: 52px; vertical-align: top; text-align: left;}
#interior_section .interior_imgBox img {height: inherit;}
#interior_section .interior_img {float: left; position: relative; width: 960px;}
#interior_section .interior_thumbs {float: right; position: relative; width: 220px; height: 630px; border: 1px solid #bfb1a4; padding: 20px 20px 0; background: #fff;}
#interior_section .interior_thumbs .interior_swiper {height: 590px;}
#interior_section .interior_thumbs .interior_swiper .swiper-slide {height: 118px;}
#interior_section .interior_thumbs .swiper-button-next, .interior_thumbs .swiper-button-prev {left: 50%; width: 44px; height: 44px; margin: -22px; transition: all 0.4s; background: url('../images/common/arrow_btn.png') no-repeat center;}
#interior_section .interior_thumbs .swiper-button-prev {top: 0;}
#interior_section .interior_thumbs .swiper-button-next {top: 101%; right: auto; transform: rotate(180deg);}
#interior_section .interior_thumbs .swiper-button-next::after, .interior_thumbs .swiper-button-prev::after {font-size: 0;}
#interior_section .interior_thumbs .swiper-button-next, .interior_thumbs .swiper-button-prev {opacity: 1;}
#interior_section .interior_thumbs .swiper-button-disabled {opacity: 0.3 !important;}


/* 스크롤배경섹션 */
.scroll_section {display: flex; justify-content: center; position: relative; text-align: center; height: 460px; overflow: hidden;}
.scroll_section .bg_wrap {clip: rect(0, auto, auto, 0); position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.scroll_section1 .bg_wrap .bg {background: url("../images/sub/lifting/scroll_bg1.jpg") no-repeat; background-size: cover; position: fixed; top: 0; left: 0; width: 100%; height: 100vh;}
.scroll_section2 .bg_wrap .bg {background: url("../images/sub/lifting/scroll_bg2.jpg") no-repeat; background-size: cover; position: fixed; top: 0; left: 0; width: 100%; height: 100vh;}
.scroll_section .scroll_bg_txt {display: flex; flex-direction: column; justify-content: center; width: 90%; transition: all 2s; transform: translateY(100px); opacity: 0;}
.scroll_section.fade-in .scroll_bg_txt {transform: translateY(0); opacity: 1;}
.scroll_section .scroll_bg_txt .txt1 {padding: 35px 0px;}
.scroll_section .scroll_bg_txt .txt1 span {font-family: "Noto Serif KR", serif; color: #fff; font-size: 20px;}
.scroll_section .scroll_bg_txt .txt1 h4 {font-family: "Noto Serif KR", serif; font-weight: 500; color: #fff; font-size: 32px; margin-top: 6px;}
.scroll_section .scroll_bg_txt .txt2 {position: relative; width: 90%; padding: 35px 0px; margin: 0 auto; word-break: keep-all;}
.scroll_section .scroll_bg_txt .txt2 p {width: 900px; margin: 0 auto; color: #fff; font-family: "Noto Sans KR"; font-size: 18px; font-weight: 400; word-break: keep-all; line-height: 24px;}
.scroll_section .scroll_bg_txt .txt2::after {display: block; content: ""; clear: both; width: 100%; height: 1px; background-color: #fff; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%);}


/* 메인내용 */
.main_list {text-align:center; overflow: hidden;}
.main_list .main_box {display:flex; justify-content:center; padding: 200px 0; position: relative;}
.main_list .main_box .main_img {box-shadow: 3px 3px 8px rgb(0 0 0 / 9%); margin-right: 50px; opacity: 0; transition: all 2s;}
.main_list .main_box .main_img.fade-in {opacity: 1;}
.main_list .main_box .main_desc {width: 30%; margin-left:80px; text-align:left; display: flex; flex-direction: column; justify-content: center;  position: relative;}
.main_list .main_box .main_desc .desc1 {transform: translateX(200px); transition: all 2s; opacity: 0; padding-bottom: 30px; border-bottom: 1px solid #d3d3d3;}
.main_list .main_box .main_desc.fade-in .desc1 {transform: translateX(0); opacity: 1;}
.main_list .main_box .main_desc .desc2 li:nth-child(1) {transition: all 2s 0.2s;}
.main_list .main_box .main_desc .desc2 li:nth-child(2) {transition: all 2s 0.3s;}
.main_list .main_box .main_desc .desc2 li:nth-child(3) {transition: all 2s 0.4s;}
.main_list .main_box .main_desc .desc2 li:nth-child(4) {transition: all 2s 0.5s;}
.main_list .main_box .main_desc .desc2 li:nth-child(5) {transition: all 2s 0.6s;}
.main_list .main_box .main_desc .desc2 li:nth-child(6) {transition: all 2s 0.7s;}
.main_list .main_box .main_desc.fade-in .desc2 li {transform: translateX(0); opacity: 1;}
.main_list .main_box .main_desc .desc2 a {display: block; transform: translateX(200px); opacity: 0; transition: all 2s 1s;}
.main_list .main_box .main_desc.fade-in .desc2 a {transform: translateX(0); opacity: 1;}
.main_list .main_box::after {display: block; content:""; clear:both; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 70%; height: 1px; background-color: #d3d3d3;}
.main_list .main_box:nth-last-child(1)::after {display: none;}
.main_list .main_box .main_desc h3 {display: block; font-family: "Noto Serif KR", serif; font-size: 32px; font-weight: 500; line-height: 38px; color: #866c54;}
.main_list .main_box .main_desc p {width: 500px; word-break: keep-all; font-size: 19px; font-weight: 400; font-family: 'Noto Sans KR'; line-height:30px; color:#050505; margin-top: 30px; margin-bottom: 0; letter-spacing: -1.2px;}
.main_list .main_box .main_desc span {display: block; padding-top: 20px; letter-spacing: -0.5px;}
.main_list .main_box .main_desc > div {margin-top: 20px;}
.main_list .main_box .main_desc > div li {background-color: #866c54; border-radius: 30px; color: #fff; text-align: center; font-size: 17px; font-weight: 300; padding: 5px 0; margin-bottom: 10px; transform: translateX(200px); opacity: 0;}

/* 체크섹션 */
.check_section {text-align: center; padding: 160px 0; background-color: #f5f2f0;}
.check_section .check_tit {transform: translateY(-100px); transition: all 2s; opacity: 0;}
.check_section.fade-in .check_tit {transform: translateY(0); opacity: 1;}
.check_section .check_tit .check_tit_img {width:575px; margin: 0 auto;}
.check_section .check_tit h3 {font-size: 20px; margin-top: 30px;}
.check_section .check_list {margin-top: 80px;}
.check_section .check_list ul {width: 100%; max-width: 1300px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr;}
.check_section .check_list li {display: inline-block; width: 100%;     padding: 50px 20px;
    transform: translateY(100px); transition: all 2s 0.8s; opacity: 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.check_section .check_list.fade-in li {transform: translateY(0); opacity: 1;}
.check_section .check_list.fade-in li:nth-child(odd) {border-right: 1px solid #ddd;}/* 오른쪽 선 */
.check_section .check_list.fade-in li:nth-child(-n+2) {border-bottom: 1px solid #ddd;}/* 위쪽 줄 선 */
.check_section .check_list li > img {width: 22px;}
.check_section .check_list li h4 {font-family: "Noto Serif KR", serif; margin-top: 10px; letter-spacing: -1px; font-size: 24px;}
.check_section .check_list li p {word-break: keep-all; line-height: 1.5; font-size: 17px;}
.check_section .check_list .check_icon {width: 130px; margin: 30px auto;}

/* 4분할섹션 */
.cell_section {text-align: center; padding: 150px 0; background-color: #f5f2f0; position: relative;}
.cell_section .cell_tit {transform: translateY(-100px); transition: all 2s; opacity: 0;}
.cell_section.fade-in .cell_tit {transform: translateY(0); opacity: 1;}
.cell_section .cell_tit .cell_tit_img {width:655px; margin: 0 auto;}
.cell_section .cell_tit h3 {font-size: 20px; margin-top: 30px;}
.cell_section .cell_list {margin-top: 110px;}
.cell_section .cell_list ul {width: 100%; max-width: 1300px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 60px 0;}
.cell_section .cell_list li {display: inline-block; transform: translateY(100px); transition: all 2s 0.8s; opacity: 0; border: 1px solid; width: 200px; height: 200px; margin: 0 auto; border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.cell_section .cell_list.fade-in li {transform: translateY(0); opacity: 1;}
.cell_section .cell_list li > img {width: 22px;}
.cell_section .cell_list li h4 {font-family: "Noto Serif KR", serif; letter-spacing: -1px;font-size: 21px;}
.cell_section .center_img {width: 300px; position: absolute; top: 62%; left: 50%; transform: translate(-50%, -50%);}



/* 카테고리섹션 */
.category_section {padding: 100px 0; position: relative;}
.category_section::after{display: block; content: ""; clear: both; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 70%; height: 1px; background-color: #d3d3d3;}
.category_btn {text-align: center;}
.tab {display: none;}
.tab.on {display: block!important;}
/* .tab:target {display: block;} */
.tab-nav li {display: inline-block; margin-right: 10px; background-color: #e5e5e5; border-radius: 10px; overflow: hidden; cursor: pointer;}
.tab-nav li .list {display: block; padding: 20px 35px; font-size: 1.25rem; font-weight: 500;}
.tab-nav li .list.on {background-color: #85705b; color: #ffffff;}
/* 카테고리 메인내용 */
.category_desc {text-align:center; overflow: hidden;}
.category_desc .main_box {display:flex; justify-content:center; padding: 100px 0; position: relative;}
.category_desc .main_box .main_img {opacity: 0; transition: all 2s;}
.category_desc .main_box .main_img.fade-in {opacity: 1;}
.category_desc .main_box .main_img img {box-shadow: 3px 3px 8px rgb(0 0 0 / 9%);}
.category_desc .main_box .main_desc {width: 30%; margin-left:80px; text-align:left; display: flex; flex-direction: column; justify-content: center;  position: relative;}
.category_desc .main_box .main_desc .desc1 {transform: translateX(200px); transition: all 2s; opacity: 0; border-bottom: 1px solid #d3d3d3; padding-bottom: 30px;}
.category_desc .main_box .main_desc.fade-in .desc1 {transform: translateX(0); opacity: 1;}
.category_desc .main_box .main_desc .desc2 li {transform: translateX(200px); opacity: 0;}
.category_desc .main_box .main_desc .desc2 li:nth-child(1) {transition: all 2s 0.2s;}
.category_desc .main_box .main_desc .desc2 li:nth-child(2) {transition: all 2s 0.3s;}
.category_desc .main_box .main_desc .desc2 li:nth-child(3) {transition: all 2s 0.4s;}
.category_desc .main_box .main_desc .desc2 li:nth-child(4) {transition: all 2s 0.5s;}
.category_desc .main_box .main_desc.fade-in .desc2 li {transform: translateX(0); opacity: 1;}
.category_desc .main_box::after {display: block; content:""; clear:both; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 70%; height: 1px; background-color: #d3d3d3;}
.category_desc .main_box:nth-last-child(1)::after {display: none;}
.category_desc .main_box .main_desc h3 {display: block; font-family: "Noto Serif KR", serif; font-size: 32px; font-weight: 600; color: #85705b; line-height: 1.2;}
.category_desc .main_box .main_desc p {font-size: 19px; font-weight: 400; font-family: 'Noto Sans KR'; line-height:30px; color:#050505; margin-top: 20px; margin-bottom: 0; letter-spacing: -1.2px; word-break: keep-all;}
.category_desc .main_box .main_desc > div {margin-top: 30px;}
.category_desc .main_box .main_desc > div li {background-color: #85705b; border-radius: 30px; color: #fff; text-align: center; font-size: 17px; font-weight: 300; padding: 5px 0; margin-bottom: 10px;}


/* 리뷰섹션 */
.review_section {padding: 160px 0; text-align: center; background-color: #f5f1ea;}
.review_section .review_tit {transform: translateY(-100px); transition: all 2s; opacity: 0;}
.review_section .review_tit.fade-in {transform: translateY(0); opacity: 1;}
.review_section .review_tit span {color: #85705B; font-family: "Noto Serif KR", serif; letter-spacing: 4px;}
.review_section .review_tit h3 {font-family: "Noto Serif KR", serif; font-size: 28px; font-weight: 500; color: #212529; margin-top: 20px; line-height: 1.5;}
.review_section .review_img {width: 900px; margin: 100px auto 0; position: relative; color: #fff;}
.review_section .review_img2 {margin-top: 100px;}

.review_section .review_img .hover_area .hover_img {cursor: pointer; color: #212529;}
.review_section .review_img .hover_area .hover_img::after {display: block; content: "+"; clear: both; color: #fff; line-height: 1; background-color: #85705B; width: 20px; height: 20px; border-radius: 100%; position: absolute; top: 20px; left: -25px; animation: bounce2 2s ease infinite;padding-top: 1px;}
.review_section .review_img .hover_area .hover_img .img {position: absolute; bottom: 78px; left: 50%; width: 500px; transform: translateX(-50%); transition: all 0.3s; z-index: 9; opacity: 0; visibility: hidden;}
.review_section .review_img .hover_area .hover_img:hover > .img {opacity: 1; visibility: visible;}

.review_section .review_img1 .hover_img1 {position: absolute; top: 40px; left: 116px;}
.review_section .review_img2 .hover_img1 {position: absolute; top: 74px; left: 155px;}
.review_section .review_img1 .hover_img1 ~ .img {position: absolute; top: -103%; left: 18%; width: 500px; transform: translateX(-50%); transition: all 0.3s; z-index: 9; opacity: 0; visibility: hidden;}
.review_section .review_img2 .hover_img1 ~ .img {position: absolute; top: -84%; left: 20%; width: 500px; transform: translateX(-50%); transition: all 0.3s; z-index: 9; opacity: 0; visibility: hidden;}
.review_section .review_img .hover_img1:hover ~ .img {opacity: 1; visibility: visible;}


@keyframes bounce2 {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-15px);
    }
    60% {
        transform: translateY(-10px);
    }
}



/* 추천대상 */
.whos_section {padding: 160px 0; text-align: center;}
.whos_section .whos_tit {transform: translateY(-100px); transition: all 2s; opacity: 0;}
.whos_section .whos_tit.fade-in {transform: translateY(0); opacity: 1;}
.whos_section .whos_tit h3 {color: #85705B; font-family: "Noto Serif KR", serif; font-size: 25px;}
.whos_section .whos_tit h2 {font-size: 40px; padding-top: 5px;}
.whos_section .whos_list {margin-top: 34px;}
.whos_section .whos_list ul {width: 100vw; max-width: 1040px; margin: 0 auto; font-size: 0;}
.whos_section .whos_list ul li {display: inline-block; width: calc(100% / 2 - 30px); opacity: 0; transform: translateY(100px); border: 1px solid #85705B; background-color: #f1f1f1; height: 100px; margin: 15px; border-radius: 10px;}
.whos_section .whos_list.fade-in ul li {transform: translateY(0); opacity: 1;}
.whos_section .whos_list ul li:nth-child(1),
.whos_section .whos_list ul li:nth-child(2) {transition: all 2s 0.3s;}
.whos_section .whos_list ul li:nth-child(3),
.whos_section .whos_list ul li:nth-child(4) {transition: all 2s 1s;}
.whos_section .whos_list ul li .list_txt {display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; width: 100%; justify-self: center;}
.whos_section .whos_list ul li span {color: #85705B; font-size: 40px; font-weight: 600; font-family: 'GmarketSans';}
.whos_section .whos_list ul li p {width: 80%; font-size: 20px; line-height: 1.5; word-break: keep-all;}
.whos_section .whos_list ul li p strong {vertical-align: baseline;}


/* 게시판-공통 */
#container_title {display: none;}



/*------------태블릿------------*/
@media all and (max-width: 1024px){

	.top_banner_section {height: 500px;}
	.top_banner_section .top_banner_bg img {transform: translateX(-30%); width: 245%;}
	.top_banner_section.fade-in .top_banner_title {width: 100%;}


	/* 주차안내 */
	#parking_section .parking_box {width: 95%;}

	/* 인테리어 */
	#interior_section {padding: 60px 0;}
	#interior_section .interior_box {width: 95%;}
	#interior_section .interior_box .interior_tit h2 {font-size: 30px; margin-top: 0;}
    #interior_section .interior_contain {width: 100%;}
	#interior_section .interior_imgBox {margin-top: 10px;}
    #interior_section .interior_img {width: 100%;}
    #interior_section .interior_swiper2 {height: 75vw;}
    #interior_section .swiper-wrapper {height: 270px;}
    #interior_section .swiper-pagination {bottom: -4px; left: 50%; transform: translateX(-50%);}
    #interior_section .swiper-pagination span {width: 9px !important;}
    #interior_section .swiper-pagination-bullet-active {background: #85705b!important;}
	
	.intro_section {margin-top: 60px; padding-bottom: 0;}
	.intro_section .intro_tit .intro_logo {width: 50px;}
	.intro_section .intro_tit.fade-in .intro_txt {top: 100px;}

	.sub_title_img {height: 370px;}
	.intro_box {margin: 0;}
    .intro_1, .intro_3 {flex-direction: column;}
    .intro_2 {flex-direction: column-reverse;}
	.intro_1 .intro_desc {align-items: initial;}
	.intro_section .intro_box {padding: 60px 0;}
    .intro_section .intro_box .intro_img {width: 95%; margin: 0 auto;}
	.intro_section .intro_1 .intro_desc {width: 95%; max-width: initial; margin: 0 auto;}
    .intro_section .intro_2 .intro_desc {width: 95%; max-width: initial; text-align: left; margin: 0 auto; align-items: start;}
    .intro_box .intro_desc h3 {letter-spacing: -1px;}
    .intro_box .intro_desc.fade-in h3 {left: 0; right: initial;}
    .intro_box .intro_desc p {width: auto;}


	/* 공지사항 페이지 */
	#bo_list {width: auto!important;}

	.scroll_section {margin-top: 50px;}
	.scroll_section .bg_wrap .bg {position: absolute; width: 100%; height: 100%;}
	.scroll_section .scroll_bg_txt .txt2 {width: 100%;}
    .scroll_section .scroll_bg_txt .txt2 p {width: 100%;}
	#skin .scroll_section {margin-top: 60px; }

	.main_list .main_box {flex-direction: column; padding: 60px 0;}
    .main_list .main_box .main_img {width: 90%; margin: 0 auto;}
    .main_list .main_box .main_desc {width: 90%; margin: 30px auto 0;}
	.main_list .main_box .main_desc h3 {font-size: 26px;}
    .main_list .main_box .main_desc p {width: auto; font-size: 16px; letter-spacing: -2px;}
    .main_list .main_box .main_desc > div li {font-size: 15px; letter-spacing: -2px;}
	.main_list .main_box .main_desc span {font-size: 13px;}
    .main_list .main_box::after {width: 80%; bottom: 10px;}
	.main_list .main_box .main_img img {height: initial;}

    .category_section::after{width: 80%; bottom: 10px;}

    .check_section {padding: 120px 0;}
    .check_section .check_tit .check_tit_img {width: 95%; transition: all 2s 0.5s;}
    .check_section .check_tit h3 {font-size: 16px;}
    .check_section .check_list li {width: 100%;}
    .check_section .check_list li:nth-child(2n)::after,
    .check_section .check_list li:nth-child(3)::before,
    .check_section .check_list li:nth-child(4)::before {display: none;}


    .whos_section {padding: 120px 0}
    .whos_section .whos_tit h3 {font-size: 21px;}
    .whos_section .whos_tit h2 {font-size: 32px;}
    .whos_section .whos_list ul li {width: 90%;}
    .whos_section .whos_list.fade-in ul li p {font-size: 15px;}

}


/*------ 모바일 ------*/
@media all and (max-width: 767px) {
	.top_banner_section .top_banner_title span {font-size: 20px;}
	.top_banner_section .top_banner_title h4 {font-size: 26px;}
	.top_banner_section .top_banner_title p {font-size: 16px; line-height: 23px;}

	/* 주차안내 */
	#parking_section .parking_box .parking_tit h2{font-size: 30px; margin-top: 0;}
	#parking_section .parking_box .parking_list ul {gap: 14vw 4vw; grid-template-columns: 1fr 1fr;}
	#parking_section .parking_box .parking_list ul li .li_tit {margin-top: 20px; padding-top: 20px;}

	.intro_section .intro_tit .intro_txt {width: 90%;}
	.intro_section .intro_box .intro_desc h3 {font-size: 24px;}
	.intro_section .intro_box .intro_desc p {font-size: 16px;}

	.scroll_section .scroll_bg_txt .txt1 {padding: 25px 0px;}
    .scroll_section .scroll_bg_txt .txt1 span {font-size: 16px;}
    .scroll_section .scroll_bg_txt .txt1 h4 {font-size: 26px;}
	.scroll_section .scroll_bg_txt .txt2 {padding: 25px 0px;}
    .scroll_section .scroll_bg_txt .txt2 p {font-size: 15px; letter-spacing: -2px;}

	.doctor_section {padding: 60px 0;}
	.doctor_section .doctor_intro {flex-direction: column-reverse; width: 90%; margin: 0 auto; padding-top: 20px;}
	.doctor_section .doctor_intro .doctor_left .txt1 span {font-size: 20px;}
	.doctor_section .doctor_intro .doctor_left .txt1 h2 {font-size: 32px; margin-top: 12px;}

	.category_section {padding: 60px 0 0;}
	.tab-nav li {margin-top: 10px;}
	.tab-nav li .list {padding: 12px 24px; font-size: 1rem;}
	.category_section .main_box {flex-direction: column; padding: 50px 0;}
    .category_section .main_box .main_img {width: 90%; margin: 0 auto;}
    .category_section .main_box .main_desc {width: 90%; margin: 30px auto 0;}
	.category_section .main_box .main_desc h3 {font-size: 26px;}
    .category_section .main_box .main_desc p {width: auto; font-size: 16px; letter-spacing: -2px;}
    .category_section .main_box .main_desc > div li {font-size: 15px;}
	.category_section .main_box .main_desc span {font-size: 13px;}
    .category_section .main_box::after {display: none;}

	.check_section .check_list {margin-top: 40px;}
	.check_section .check_list ul {grid-template-columns: 1fr;}
	.check_section .check_list.fade-in li:nth-child(-n+2),.check_section .check_list.fade-in li:nth-child(odd) {border: none;}
	.check_section .check_list li {padding: 30px 0;}
	.check_section .check_list li h4 {font-size: 22px;}
	.check_section .check_list .check_icon {width: 100px; margin: 20px auto}
	.check_section .check_list li p {font-size: 16px;}

	.cell_section {padding: 100px 0;}
	.cell_section .cell_tit .cell_tit_img {width: 90%;}
	.cell_section .cell_list {margin-top: 50px;}
	.cell_section .cell_tit h3 {font-size: 16px;}
	.cell_section .cell_list ul {gap: 100px 0;}
	.cell_section .cell_list li {width: 160px; height: 160px;}
	.cell_section .cell_list li h4 {font-size: 18px;}
	.cell_section .center_img {width: 136px; top: 59%}


	.review_section .review_tit h3 {font-size: 22px;}
	.review_section .review_img {width: 95%;}
    .review_section .review_img > p {margin-top: 20px;}
    .review_section .review_img .hover_area .hover_img span,
    .review_section .review_img .hover_area .hover_img p {font-size: 14px;}
    .review_section .review_img .hover_area .hover_img::after {line-height: 0.7; width: 15px; height: 15px; top: -10px; left: 40%;}
	.review_section .review_img {margin-top: 50px;}
	.review_section .review_img1 .hover_img1 {top: 56%; left: 3%;}
    .review_section .review_img2 .hover_img1 {top: 62%; left: 8%;}
    .review_section .review_img1 .hover_img1 ~ .img {width: 100%; top: -132px; left: 50%;}
    .review_section .review_img2 .hover_img1 ~ .img {width: 100%; top: -132px; left: 50%;}
}