@charset "utf-8";

#wrap{background:#f3f1ed; overflow:hidden;}

#visual{width:calc(100% - 80px); max-width:1920px; height:840px; position:relative; -webkit-transition:all 0.1s; -o-transition:all 0.1s; transition:all 0.1s; position:relative; margin:80px auto 0 auto;}
#visual .slogan{display:flex; flex-wrap:wrap; align-content:flex-start; justify-content:center; width:100%; position:absolute; top:50%; left:0; transform:translateY(-50%); z-index:10;}
#visual .slogan img{display:block; margin-bottom:-20px;}
#visual .slogan h2{width:100%; font-size:22px; font-weight:700; letter-spacing:-0.025em; line-height:1.472; color:#fff; text-align:center;}
#visual .visualBg{width:100%; height:100%;}
#visual .visualBox{width:100%; height:100%; position:relative; overflow:hidden; border-radius:15px;}
#visual .visualBox .visualSlide{width:100%; height:100%;}
#visual .visualBox .visualSlide .slideItem{width:100%; height:100%; position:relative; overflow:hidden;}
#visual .visualBox .visualSlide .slideItem .visualImg{width:100%; height:100%; background-repeat:no-repeat; background-position:center top; background-size:cover; position:absolute; top:50%; left:50%; z-index:1;  transform:translate(-50%, -50%) scale(1.1); -webkit-transition:all 0.45s linear; -o-transition:all 0.45s linear; transition:all 0.75s linear;}
#visual .visualBox .visualSlide .slideItem .visualImg.visual1{background-image:url("/html/resource/img/main/visual01.jpg");}
#visual .visualBox .visualSlide .slideItem .visualImg.visual2{background-image:url("/html/resource/img/main/visual02.jpg");}
#visual .visualBox .visualSlide .slideItem .inBox{width:calc(100% - 50px); max-width:1440px; height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:left; z-index:2; padding:0 50px;}
#visual .visualBox .visualSlide .slideItem .inBox .visualText{color:#fff; width:100%; height:auto; padding:0 25px; text-align:center;}
#visual .visualBox .visualSlide .slideItem .inBox .visualText .smallText{font-size:30px; font-weight:700; letter-spacing:-0.025em; line-height:1; margin-bottom:30px; opacity:0; -webkit-transform:translateY(-30px); -ms-transform:translateY(-30px); transform:translateY(-30px);}
#visual .visualBox .visualSlide .slideItem .inBox .visualText .bigText{display:block; font-size:60px; font-weight:700; letter-spacing:-0.025em; line-height:1.3; opacity:0; -webkit-transform:translateY(-30px); -ms-transform:translateY(-30px); transform:translateY(-30px);}
#visual .visualBox .visualSlide .slideItem.swiper-slide-active .visualImg{-webkit-transform:translate(-50%, -50%) scale(1.0); -ms-transform:translate(-50%, -50%) scale(1.0); transform:translate(-50%, -50%) scale(1.0);}
#visual .visualBox .visualSlide .slideItem.swiper-slide-active .inBox .visualText .smallText{-webkit-animation-name:textmove; animation-name:textmove; -webkit-animation-duration:.75s; animation-duration:.75s; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-animation-fill-mode:both; animation-fill-mode:both;}
#visual .visualBox .visualSlide .slideItem.swiper-slide-active .inBox .visualText .bigText{-webkit-animation-name:textmove; animation-name:textmove; -webkit-animation-duration:.75s; animation-duration:.75s; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-delay:.5s; animation-delay:.5s;}
#visual .visualPager{display:flex; flex-wrap:wrap; align-content:flex-start; width:20px; height:auto; position:absolute; top:50%; left:50px; transform:translateY(-50%); z-index:5; bottom:unset;}
#visual .visualPager span{display:block; width:unset; height:unset; border-radius:0; background:none; opacity:0.4; font-size:18px; font-weight:700; letter-spacing:-0.05em; line-height:1; color:#fff; margin:0;}
#visual .visualPager span + span{margin-top:45px;}
#visual .visualPager span.swiper-pagination-bullet-active{text-decoration:underline; text-underline-offset:6px; opacity:1;}
#visual .slideScroll{position:absolute; bottom:30px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); z-index:2; -webkit-animation-name:scroll; animation-name:scroll; -webkit-animation-duration:.5s; animation-duration:.5s; -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; -webkit-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-animation-direction:alternate; animation-direction:alternate; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;}
#visual .btnBg{display:inline-block; position:absolute; bottom:0; right:0; z-index:5;}
#visual .kakaoBtn{display:inline-block; width:396px; position:relative; border-radius:45px 0 0 0; padding-left:25px; background-color:#f3f1ed; text-decoration:none; box-sizing:border-box;}
#visual .kakaoBtn::before{content:""; position:absolute; right:0; top:-15px; width:15px; height:15px; background:radial-gradient(circle at top right, transparent 14.5px, #f3f1ed 15px); transform:rotate(270deg);}
#visual .kakaoBtn::after{content:""; position:absolute; left:-40px; bottom:0; width:40px; height:40px; background:radial-gradient(circle at bottom left, transparent 39.5px, #f3f1ed 40px); transform:rotate(90deg);}
#visual .kakaoBtn .btnContent{display:flex; align-items:center; height:90px; color:#3b1f1e;}
#visual .kakaoBtn .btnContent img{display:inline-block; width:59px; height:59px; margin-right:10px;}
#visual .kakaoBtn .btnContent .text{font-size:22px; font-weight:600; letter-spacing:-0.05em; line-height:1;}
#visual .kakaoBtn .btnContent .arrow{margin-left:30px; font-size:26px; font-weight:300; letter-spacing:-0.05em; line-height:1;}


@-webkit-keyframes scroll {
    0% {bottom:30px;}
    100% {bottom:50px;}
	0% {bottom:30px;}
}

@keyframes scroll {
     0% {bottom:30px;}
    100% {bottom:50px;}
	0% {bottom:30px;}
}

.mainSection{width:100%; overflow:hidden;}
.mainSection.mainBg1{padding-top:150px; padding-bottom:180px;}
.mainSection.mainBg2{padding-top:100px; padding-bottom:100px; background:#efe9e1;}
.mainSection.mainBg3{padding-top:180px; padding-bottom:180px;}
.mainSection .inContentBox{width:calc(100% - 50px); max-width:1540px; margin:0 auto;}

.titleBox{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; text-align:left; color:#403836; margin-bottom:85px;}
.titleBox .engText{display:block; font-size:18px; font-weight:400; letter-spacing:-0.01em; line-height:1; margin-bottom:20px;}
.titleBox h2{width:100%; font-size:50px; font-weight:700; letter-spacing:-0.05em; line-height:1.25;}
.titleBox a{display:inline-flex; justify-content:center; align-items:center; width:130px; height:42px; border-radius:21px; box-sizing:border-box; border:1px solid #231815; font-size:13px; font-weight:300; letter-spacing:0; line-height:1; position:absolute; top:50%; right:0; transform:translateY(-50%); color:#403836;}
.titleBox a span{display:inline-block; margin-left:8px; font-family: 'GmarketSans'; color:#231815;}

.department{display:flex; flex-wrap:wrap; justify-content:center; align-content:flex-start; width:100%; gap:30px;}
.department li{display:inline-block; width:284px; height:284px; border-radius:20px; background:#fff; overflow:hidden;}
.department li a{display:flex; flex-wrap:wrap; align-content:flex-start; justify-content:flex-end; width:100%; height:100%; padding:40px; box-sizing:border-box;}
.department li .text{width:100%; margin-bottom:50px;}
.department li .text p{font-size:18px; font-weight:500; letter-spacing:-0.05em; line-height:1; color:#291513;}
.department li .text strong{display:block; font-size:30px; font-weight:700; letter-spacing:-0.05em; line-height:1; color:#b35137; margin-top:15px;}
.department li .img{display:inline-flex; height:98px; overflow:hidden;}
.department li:hover{background:#291513;}
.department li:hover .text p{color:#fff;}
.department li:hover .text strong{color:#d6af8e;}
.department li:hover .img{filter:drop-shadow(0px 500px 0 #f3f1ed); transform:translateY(-500px);}

.doctorBox{display:flex; align-items:center; justify-content:space-between; width:100%;}
.doctorBox .nameBox{display:inline-flex; flex-shrink:0; flex-wrap:wrap; align-content:flex-start; width:165px !important; position:relative; left:unset; bottom:unset; gap:40px;}
.doctorBox .nameBox::before{content:""; display:block; width:1px; height:calc(100% - 20px); background:#c9c5c1; position:absolute; top:50%; left:3px; transform:translateY(-50%); z-index:1;}
.doctorBox .nameBox > span{display:flex; align-items:center; width:100%; background:none; border-radius:0; height:auto; opacity:1; margin:unset !important; position:relative; z-index:2;}
.doctorBox .nameBox > span .bullet{display:inline-block; width:7px; height:7px; border-radius:50%; background:#909090; margin-right:14px;}
.doctorBox .nameBox > span .text{display:inline-block; font-size:20px; font-weight:600; letter-spacing:-0.025em; line-height:1; color:#909090;}
.doctorBox .nameBox > span.swiper-pagination-bullet-active .bullet{background:#b35137;}
.doctorBox .nameBox > span.swiper-pagination-bullet-active .text{color:#b35137; text-decoration:underline; text-underline-offset:6px;}
.doctorBox .doctorProfile{display:inline-block; width:1220px; overflow:hidden;}
.doctorBox .doctorProfile .doctorSlide{width:100%;}
.doctorBox .doctorProfile .swiper-wrapper{width:100%;}
.doctorBox .doctorProfile .swiper-wrapper > li{display:inline-flex; align-items:center;}
.doctorBox .doctorProfile .swiper-wrapper > li .thumb{display:inline-block; flex-shrink:0; width:448px; overflow:hidden; margin-right:60px; opacity:0.3; transform:scale(0.45); transition:opacity 0.3s ease-in-out, transform 1s ease; transform-origin:left;}
.doctorBox .doctorProfile .swiper-wrapper > li .textBox{display:inline-flex; flex-wrap:wrap; align-content:center; opacity:0; transform:translateX(100px); transition:opacity 0.8s ease-in-out, transform 0.8s ease;}
.doctorBox .doctorProfile .swiper-wrapper > li .textBox .special{display:inline-flex; justify-content:center; align-items:center; width:120px; height:45px; border-radius:10px; background:#f3dbc7; font-size:18px; font-weight:600; letter-spacing:-0.025em; line-height:1; color:#b35137; margin-bottom:20px;}
.doctorBox .doctorProfile .swiper-wrapper > li .textBox .name{width:100%; font-size:36px; font-weight:700; letter-spacing:-0.025em; line-height:1; color:#403836; margin-bottom:35px;}
.doctorBox .doctorProfile .swiper-wrapper > li .textBox ul{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; gap:8px;}
.doctorBox .doctorProfile .swiper-wrapper > li .textBox ul li{display:flex; align-items:flex-start; width:100%; font-size:18px; font-weight:400; letter-spacing:-0.05em; line-height:1.3; color:#403836;}
.doctorBox .doctorProfile .swiper-wrapper > li .textBox ul li span{display:inline-block; flex-shrink:0; margin-right:0.25em;}
.doctorBox .doctorProfile .swiper-wrapper > li .textBox ul li p{display:inline-block;}
.doctorBox .doctorProfile .swiper-wrapper > li.swiper-slide-active .thumb{opacity:1; transform:scale(1);}
.doctorBox .doctorProfile .swiper-wrapper > li.swiper-slide-active .textBox{opacity:1; transform:translateX(0);}

.noticeList{display:flex; width:100%; gap:30px;}
.noticeList .listItem{display:inline-block; width:calc((100% - 60px) / 3); background:#fff; border-radius:18px; text-align:left;}
.noticeList .listItem a{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; padding:45px 40px 33px 40px; box-sizing:border-box;}
.noticeList .listItem .title{width:100%; font-size:24px; font-weight:600; letter-spacing:-0.05em; line-height:1.4; color:#403836; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:10px;}
.noticeList .listItem .date{display:inline-block; font-size:15px; font-weight:300; letter-spacing:-0.05em; line-height:1; color:#a3a3a3; margin-bottom:30px;}
.noticeList .listItem .text{width:100%; height:2.888em; font-size:18px; font-weight:400; letter-spacing:-0.05em; line-height:1.444; color:#403836; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; word-wrap:break-word; overflow:hidden;}
.noticeList .listItem .more{display:flex; justify-content:flex-end; width:100%; margin-top:43px;}
.noticeList .listItem .more span{display:inline-block; font-size:15px; font-weight:300; letter-spacing:-0.05em; line-height:1; color:#e1ac80;}
.noticeList .noContent{display:flex; justify-content:center; align-items:center; width:100%; height:300px; border-radius:18px; text-align:center; background:#fff; font-size:24px; font-weight:600; letter-spacing:-0.05em; line-height:1.4; padding:0 1em;}

.colonoscopy{display:flex; align-items:center; width:100%; height:365px; background:url("/html/resource/img/main/colonoscopy.jpg") no-repeat center center/cover; padding:50px 80px; text-align:left; margin-top:30px; border-radius:18px;}
.colonoscopy .textBox{display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; padding-right:100px;}
.colonoscopy .textBox div{display:flex; align-items:center; width:100%;}
.colonoscopy .textBox div h2{display:inline-block; font-size:48px; font-weight:700; letter-spacing:-0.05em; line-height:1.25; color:#403836; margin-right:78px;}
.colonoscopy .textBox div h2 span{color:#b35137;}
.colonoscopy .textBox div dl{display:inline-block; padding-left:30px; border-left:1px solid #8f8b88; color:#403836;}
.colonoscopy .textBox div dl dt{font-size:26px; font-weight:700; letter-spacing:-0.05em; line-height:1;}
.colonoscopy .textBox div dl dd{font-size:20px; font-weight:400; letter-spacing:-0.05em; line-height:1.3; margin-top:17px;}
.colonoscopy .textBox a{display:inline-flex; justify-content:center; align-items:center; width:130px; height:42px; border-radius:21px; background:#291513; font-size:15px; font-weight:300; letter-spacing:0; line-height:1; color:#fff; margin-top:35px;}
.colonoscopy .textBox a span{display:inline-block; margin-left:15px; font-family: 'GmarketSans'; font-weight:300;}

.tourBox{width:100%; height:auto; margin-top:200px;}
.tourBox ul{display:flex; align-items:center;}
.tourBox ul li{display:inline-flex; justify-content:center; align-items:center; width:960px; overflow:hidden;}
.tourBox ul li img{width:100%; height:auto; object-fit:cover; transform: scale(0.80208); opacity:0.5; transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.5s ease; border-radius:18px;}
.tourBox ul li.swiper-slide-active img{opacity:1; transform: scale(1);}

.mainPop{position:absolute; z-index:9999;}
.mainPop .popContent{width:100%; height:auto;}
.mainPop .popBottom{width:100%; height:40px; padding:0 10px; background-color:#101010; color:#fff; font-size:0;}
.mainPop .popBottom input[type="checkbox"]{display:inline-block; vertical-align:top; width:20px; height:20px; margin:10px 10px 10px 0;}
.mainPop .popBottom .bottomText{display:inline-block; font-size:18px; letter-spacing:-0.05em; line-height:40px;}
.mainPop .popBottom .bottomText button{display:inline-block; margin-left:10px; font-size:1em; line-height:40px; color:#fff;}

.popupBg2{display:inline-block; position:absolute; z-index:9999; max-width:90%;}
.popupBg2 .mainPop2{display:flex; flex-wrap:wrap; align-content:flex-start; width:725px; height:auto;}
.popupBg2 .mainPop2 .popContentBox{display:inline-block; width:500px; overflow:hidden;}
.popupBg2 .mainPop2 .popContentBox .popSlide{width:100%; height:auto;}
.popupBg2 .mainPop2 .popContentBox .slideItem{width:100%; height:auto;}
.popupBg2 .mainPop2 .popContentBox .slideItem a{display:block; width:100%; height:auto;}
.popupBg2 .mainPop2 .popContentBox .slideItem img{width:100% !important; height:auto !important;}
.popupBg2 .mainPop2 .popTabs{display:inline-flex; flex-wrap:wrap; align-content:flex-start; width:225px; background:#fff; border-top:1px solid #e1e1e1;}
.popupBg2 .mainPop2 .popTabs button{display:inline-flex; justify-content:center; flex-basis:100%; flex-grow:1; height:50px; text-align:center; font-size:16px; font-weight:400; letter-spacing:-0.025em; line-height:1.2; position:relative; color:#333; border-bottom:1px solid #e1e1e1; background:#fff;}
.popupBg2 .mainPop2 .popTabs button.on{background:#0d326f; color:#fff; font-weight:700;}
.popupBg2 .mainPop2 .popTabs button span{display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
.popupBg2 .mainPop2 .popBottom{display:flex; width:100%;}
.popupBg2 .mainPop2 .popBottom .bottomItem{display:inline-flex; width:50%; height:40px; justify-content:center; align-items:center; background:#333; color:#fff;}
.popupBg2 .mainPop2 .popBottom .bottomItem + .bottomItem{position:relative; border-left:1px solid #737373;}
.popupBg2 .mainPop2 .popBottom .bottomItem button{width:100%; height:100%; text-align:center; font-size:15px; font-weight:400; letter-spacing:-0.025em; line-height:40px; color:#fff;}
.popupBg2 .mainPop2 .popBottom .bottomItem .popCount{display:inline-flex; justify-content:center; align-items:center; width:auto; height:25px; border-radius:12.5px; padding:0 15px; font-size:16px; font-weight:400; letter-spacing:0; line-height:1; color:#fff; background:#000; position:absolute; top:50%; right:10px; transform:translateY(-50%); z-index:2;}

@media (max-width:1550px) {
}

@media (max-width:1400px) {
}

@media (max-width:1280px) {
	.doctorBox .nameBox{display:none;}
	.doctorBox .doctorProfile .swiper-wrapper > li .thumb{margin-right:40px;}
}

@media (max-width:1180px) {
}

@media (max-width:1000px) {
	#visual{width:calc(100% - 80px); height:calc(100vh - 100px); height:calc((var(--vh, 1vh) * 100) - 100px); margin:100px auto 0 auto;}
	#visual .slogan img{width:58.6vw; margin-bottom:-20px;}
	#visual .slogan h2{font-size:26px;}
	#visual .visualBox{border-radius:15px;}
	#visual .visualPager{width:25px; left:30px;}
	#visual .visualPager span{font-size:22px;}
	#visual .visualPager span + span{margin-top:35px;}
	#visual .visualPager span.swiper-pagination-bullet-active{text-underline-offset:6px;}
	#visual .slideScroll{bottom:100px;}
	#visual .kakaoBtn{width:360px; border-radius:45px 0 0 0; padding-left:25px;}
	#visual .kakaoBtn::before{top:-15px; width:15px; height:15px; background:radial-gradient(circle at top right, transparent 14.5px, #f3f1ed 15px);}
	#visual .kakaoBtn::after{left:-40px; width:40px; height:40px; background:radial-gradient(circle at bottom left, transparent 39.5px, #f3f1ed 40px);}
	#visual .kakaoBtn .btnContent{height:90px;}
	#visual .kakaoBtn .btnContent img{width:59px; height:59px; margin-right:10px;}
	#visual .kakaoBtn .btnContent .text{font-size:26px;}
	#visual .kakaoBtn .btnContent .arrow{margin-left:30px; font-size:30px;}


	@-webkit-keyframes scroll {
		0% {bottom:100px;}
		100% {bottom:120px;}
		0% {bottom:100px;}
	}

	@keyframes scroll {
		 0% {bottom:100px;}
		100% {bottom:120px;}
		0% {bottom:100px;}
	}
	
	.titleBox{margin-bottom:85px;}
	.titleBox .engText{font-size:22px; margin-bottom:20px;}
	.titleBox h2{font-size:54px;}
	.titleBox a{width:160px; height:46px; border-radius:23px; font-size:17px; position:static; top:unset; right:unset; transform:unset; margin:15px auto 0 auto;}
	.titleBox a span{margin-left:8px;}
	
	.department{gap:30px;}
	.department li{width:calc(50% - 15px); height:auto; border-radius:20px;}
	.department li a{padding:40px;}
	.department li .text{margin-bottom:50px;}
	.department li .text p{font-size:22px;}
	.department li .text strong{font-size:34px; margin-top:15px;}
	.department li .img{display:inline-flex; height:98px; overflow:hidden;}
	.department li:hover .img{filter:drop-shadow(0px 500px 0 #f3f1ed); transform:translateY(-500px);}

	.doctorBox .doctorProfile{width:100%;}
	.doctorBox .doctorProfile .swiper-wrapper > li{display:inline-flex; justify-content:center; flex-wrap:wrap; align-content:flex-start;}
	.doctorBox .doctorProfile .swiper-wrapper > li .thumb{flex-shrink:unset; width:100%; margin-right:0; transform:scale(0.8); margin-bottom:50px;}
	.doctorBox .doctorProfile .swiper-wrapper > li .thumb img{width:100%;}
	.doctorBox .doctorProfile .swiper-wrapper > li .textBox{width:100%; opacity:0.3; transform:unset; transition:opacity 0.8s ease-in-out;}
	.doctorBox .doctorProfile .swiper-wrapper > li .textBox .special{width:150px; height:50px; border-radius:10px; font-size:22px; margin-bottom:20px;}
	.doctorBox .doctorProfile .swiper-wrapper > li .textBox .name{font-size:40px; margin-bottom:35px;}
	.doctorBox .doctorProfile .swiper-wrapper > li .textBox ul{gap:8px;}
	.doctorBox .doctorProfile .swiper-wrapper > li .textBox ul li{font-size:22px;}
	.doctorBox .doctorProfile .swiper-wrapper > li.swiper-slide-active .thumb{opacity:1; transform:scale(1);}
	.doctorBox .doctorProfile .swiper-wrapper > li.swiper-slide-active .textBox{opacity:1; transform:unset;}
	
	.noticeList{flex-wrap:wrap; align-content:flex-start; gap:30px;}
	.noticeList .listItem{width:calc((100% - 30px) / 2); border-radius:18px;}
	.noticeList .listItem a{padding:45px 40px 33px 40px;}
	.noticeList .listItem .title{font-size:28px; margin-bottom:10px;}
	.noticeList .listItem .date{font-size:19px; margin-bottom:30px;}
	.noticeList .listItem .text{font-size:22px;}
	.noticeList .listItem .more{margin-top:43px;}
	.noticeList .listItem .more span{font-size:19px;}
	.noticeList .listItem:last-child{width:100%;}
	.noticeList .noContent{height:300px; border-radius:18px; font-size:28px;}
	
	.colonoscopy{height:auto; padding:50px; margin-top:30px; border-radius:18px;}
	.colonoscopy .textBox{padding-right:0;}
	.colonoscopy .textBox div h2{font-size:52px; margin-right:40px;}
	.colonoscopy .textBox div dl{padding-left:25px;}
	.colonoscopy .textBox div dl dt{font-size:30px;}
	.colonoscopy .textBox div dl dd{font-size:24px; margin-top:17px;}
	.colonoscopy .textBox a{width:160px; height:46px; border-radius:23px; font-size:19px; margin-top:35px;}
	.colonoscopy .textBox a span{margin-left:15px;}

	.tourBox{margin-top:200px;}
	.tourBox ul li{width:85vw;}
	.tourBox ul li img{border-radius:18px;}

	.popupBg{position:fixed; width:100%; height:0; top:96px; left:0; z-index:9999;}
	.popupBg .mainPop{position:absolute; max-width:90%; left:50% !important; top:0 !important; transform:translateX(-50%);}

	.popupBg2{max-width:90%; left:50% !important; top:100px !important; transform:translateX(-50%);}
	.popupBg2 .mainPop2{width:100%;}
	.popupBg2 .mainPop2 .popTabs{display:flex; width:100%; border-top:0;}
	.popupBg2 .mainPop2 .popTabs button{flex-basis:50%; height:40px; font-size:14px; border-top:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-bottom:0;}
	.popupBg2 .mainPop2 .popTabs button:nth-child(2n){border-right:1px solid #e1e1e1;}
	.popupBg2 .mainPop2 .popBottom .bottomItem button{font-size:14px; line-height:40px;}
	.popupBg2 .mainPop2 .popBottom .bottomItem .popCount{height:25px; border-radius:12.5px; padding:0 15px; font-size:16px; right:10px;}
}

@media (max-width:768px) {	
	#visual{width:calc(100% - 10.41667vw); height:calc(100vh - 13.02083vw); height:calc((var(--vh, 1vh) * 100) - 13.02083vw); margin:13.02083vw auto 0 auto;}
	#visual .slogan img{width:58.6vw; margin-bottom:-2.60417vw;}
	#visual .slogan h2{font-size:4.42708vw;}
	#visual .visualBox{border-radius:1.95313vw;}
	#visual .visualPager{width:3.90625vw; left:3.90625vw;}
	#visual .visualPager span{font-size:3.38542vw;}
	#visual .visualPager span + span{margin-top:4.55729vw;}
	#visual .visualPager span.swiper-pagination-bullet-active{text-underline-offset:0.78125vw;}
	#visual .slideScroll{width:4.55729vw; height:auto; bottom:13.02083vw;}
	#visual .kakaoBtn{width:46.87500vw; border-radius:5.85938vw 0 0 0; padding-left:3.25521vw;}
	#visual .kakaoBtn::before{top:-1.95313vw; width:1.95313vw; height:1.95313vw; background:radial-gradient(circle at top right, transparent 1.88802vw, #f3f1ed 1.95313vw);}
	#visual .kakaoBtn::after{left:-5.1vw; width:5.20833vw; height:5.20833vw; background:radial-gradient(circle at bottom left, transparent 5.14323vw, #f3f1ed 5.20833vw);}
	#visual .kakaoBtn .btnContent{height:11.71875vw;}
	#visual .kakaoBtn .btnContent img{width:7.68229vw; height:7.68229vw; margin-right:1.30208vw;}
	#visual .kakaoBtn .btnContent .text{font-size:3.90625vw;}
	#visual .kakaoBtn .btnContent .arrow{margin-left:3.25521vw; font-size:4.42708vw;}


	@-webkit-keyframes scroll {
		0% {bottom:13.02083vw;}
		100% {bottom:15.62500vw;}
		0% {bottom:13.02083vw;}
	}

	@keyframes scroll {
		 0% {bottom:13.02083vw;}
		100% {bottom:15.62500vw;}
		0% {bottom:13.02083vw;}
	}

	.mainSection.mainBg1{padding-top:19.53125vw; padding-bottom:23.43750vw;}
	.mainSection.mainBg2{padding-top:13.02083vw; padding-bottom:13.02083vw;}
	.mainSection.mainBg3{padding-top:23.43750vw; padding-bottom:23.43750vw;}
	.mainSection .inContentBox{width:calc(100% - 6.51042vw);}
	
	.titleBox{margin-bottom:11.06771vw;}
	.titleBox .engText{font-size:3.38542vw; margin-bottom:2.60417vw;}
	.titleBox h2{font-size:7.55208vw;}
	.titleBox a{width:22.78646vw; height:6.51042vw; border-radius:3.25521vw; font-size:2.73438vw; margin:1.95313vw auto 0 auto;}
	.titleBox a span{margin-left:1.04167vw;}
	
	.department{gap:3.90625vw;}
	.department li{width:calc(50% - 1.95313vw); border-radius:2.60417vw;}
	.department li a{padding:5.20833vw;}
	.department li .text{margin-bottom:6.51042vw;}
	.department li .text p{font-size:3.38542vw;}
	.department li .text strong{font-size:4.94792vw; margin-top:1.95313vw;}
	.department li .img{height:12.76042vw;}
	.department li:hover .img{filter:drop-shadow(0.00000vw 65.10417vw 0 #f3f1ed); transform:translateY(-65.10417vw);}
	.department li .img img{width:auto; height:100%;}

	.doctorBox .doctorProfile .swiper-wrapper > li .thumb{margin-bottom:6.51042vw;}
	.doctorBox .doctorProfile .swiper-wrapper > li .textBox .special{width:22.78646vw; height:7.03125vw; border-radius:1.56250vw; font-size:3.38542vw; margin-bottom:2.60417vw;}
	.doctorBox .doctorProfile .swiper-wrapper > li .textBox .name{font-size:5.72917vw; margin-bottom:4.55729vw;}
	.doctorBox .doctorProfile .swiper-wrapper > li .textBox ul{gap:1.04167vw;}
	.doctorBox .doctorProfile .swiper-wrapper > li .textBox ul li{font-size:3.38542vw;}
	
	.noticeList{gap:3.90625vw;}
	.noticeList .listItem{width:calc((100% - 3.90625vw) / 2); border-radius:2.34375vw;}
	.noticeList .listItem a{padding:5.85938vw 5.20833vw 4.29688vw 5.20833vw;}
	.noticeList .listItem .title{font-size:4.16667vw; margin-bottom:1.30208vw;}
	.noticeList .listItem .date{font-size:2.99479vw; margin-bottom:3.90625vw;}
	.noticeList .listItem .text{font-size:3.38542vw;}
	.noticeList .listItem .more{margin-top:5.59896vw;}
	.noticeList .listItem .more span{font-size:2.99479vw;}
	.noticeList .listItem:last-child{width:100%;}
	.noticeList .noContent{height:39.06250vw; border-radius:2.34375vw; font-size:4.16667vw;}
	
	.colonoscopy{padding:6.51042vw; margin-top:3.90625vw; border-radius:2.34375vw;}
	.colonoscopy .textBox div h2{font-size:7.03125vw; margin-right:4.55729vw;}
	.colonoscopy .textBox div dl{padding-left:3.25521vw;}
	.colonoscopy .textBox div dl dt{font-size:4.42708vw;}
	.colonoscopy .textBox div dl dd{font-size:3.64583vw; margin-top:2.21354vw;}
	.colonoscopy .textBox a{width:22.78646vw; height:6.51042vw; border-radius:3.25521vw; font-size:2.99479vw; margin-top:4.55729vw;}
	.colonoscopy .textBox a span{margin-left:1.95313vw;}

	.tourBox{margin-top:26.04167vw;}
	.tourBox ul li img{border-radius:2.34375vw;}
	
	.popupBg{top:12.50000vw;}

	.popupBg2{top:13.02083vw !important;}
	.popupBg2 .mainPop2 .popBottom .bottomItem .popCount{right:1.30208vw;}
}

@media (max-width:450px) {
	.popupBg2 .mainPop2 .popTabs button{height:40px; font-size:14px;}
	.popupBg2 .mainPop2 .popBottom .bottomItem{height:35px;}
	.popupBg2 .mainPop2 .popBottom .bottomItem button{font-size:14px; line-height:35px;}
	.popupBg2 .mainPop2 .popBottom .bottomItem .popCount{height:22.5px; border-radius:11.25px; padding:0 12.5px; font-size:14px;}
}

@media (max-width:340px) {
	.popupBg2 .mainPop2 .popTabs button{height:13.23529vw; font-size:4.11765vw;}
	.popupBg2 .mainPop2 .popBottom .bottomItem{height:13.23529vw;}
	.popupBg2 .mainPop2 .popBottom .bottomItem button{font-size:4.11765vw; line-height:13.23529vw; letter-spacing:-0.035em;}
	.popupBg2 .mainPop2 .popBottom .bottomItem .popCount{height:6.61765vw; border-radius:3.30882vw; padding:0 3.67647vw; font-size:4.11765vw;}
}