@charset "utf-8";



p,a,h1,h2,h3,h4,h5,h6,span{ font-family:"Noto Sans Korean Medium"; font-weight:500;}


/*header*/

@media all and (min-width: 1460px) {
	.header .logo {width:240px;}
}


@media all and (max-width: 1459px) {
	.header .logo {width:180px;}
	.header .logo img {width:280px;}
}

.header{width:100%; position:fixed; top:0; left:0; z-index:100; padding:30px 0; border-bottom:1px solid rgba(255,255,255,0.2); transition:all .2s;}
.section-inner{display:flex; justify-content:space-between; align-items:center; width:100%; min-width:1200px; margin:0 auto; padding:0 50px;}
.header-menu ul li{display:inline-block; position:relative;}
.header-menu ul li a{display:block; color:#fff; font-size:18px; font-family:"Noto Sans Korean Medium"; margin:0 15px; }

@media all and (max-width:1280px) {
	.header-menu ul li a{display:block; color:#fff; font-size:17px; font-family:"Noto Sans Korean Medium"; margin:0 8px; }
}
.header-menu ul li ol{display:none; width:170px;position:absolute; top:65px; left:50%; transform:translateX(-50%);
	/*background-image: linear-gradient(335deg, #d9ef64 0, #c8e85a 25%, #b7df4f 50%, #a5d644 75%, #94cf3b 100%);*/
	background-color:#84a728;
	padding:10px 0;
}
.header-menu ul li ol li{width:100%; text-align:center;}
.header-menu ul li ol li a{display:block; padding:11px 0; font-size:15px; margin:0;}

.online-order{ width:179px; height:53px; line-height:53px; border-radius:30px; text-align:center;  background:#84a728; }
.online-order a{display: flex; align-items: center; justify-content: center;}
.online-order span{color:#fff; font-size:16px; font-family:"Noto Sans Korean Medium"; padding-left:7px;}
 
.main-banner .swiper-slide{height:100vh;}
.main-banner .slide-txt h3{font-family: 'Playfair Display'; font-weight:400; color:#fff; font-size:80px; line-height:85px; margin:250px 0 0 0;}
.main-banner .slide-txt p{font-size:18px; color:#fff;font-family: 'Noto Sans KR', sans-serif; line-height:32px; padding-top:50px; font-weight:400;}

.paging{width:100%; position:absolute; left:0; bottom:130px;}
.paging .swiper-pagination-bullet{width:76px; height:3px; background:rgba(255,255,255,0.5); border-radius:inherit; margin-right:5px;}
.paging .swiper-pagination-bullet-active{background:#fff;}



.header.on{background:#fff; border-bottom:1px solid rgba(0,0,0,.1); transition:all .2s;}
.header.on ul > li > a{color:#000;}
.header-menu ul li ol li:hover a{background:rgba(0,0,0,.3);}


/*header end*/


.subject{background:#f9f9f9;height:100vh}
.subject-inner{position:relative; width:1560px; float:right;}
.mini-banner{width:1100px; position:absolute;top:-70px; right:0; z-index:10; box-shadow:0px 8px 17px rgb(0 0 0 / 30%);}
.mini-banner ul{display:flex;}
.mini-banner ul li{display:flex; flex-flow: column; width:25%; height:200px; text-align:center; align-items:center; justify-content:center; background:#fff; border-right:1px solid #e5e5e5; cursor:pointer;}
.mini-banner ul li:hover {background-color:#f5f5f5; transition:all .2s;}
.mini-banner ul li p{display:inline-block; font-family:"Noto Sans Korean Medium"; font-size:21px; padding-top:20px; color:#000;}
.mini-banner ul li.banner-order{background:#84a728; border-right:none;}
.mini-banner ul li.banner-order:hover {background-color:#68851c; transition:all .2s;}
.mini-banner ul li.banner-order p{ color:#fff;}

.mini-banner-call{display:flex; flex-flow:row; align-items:center; padding-top:60px; padding-bottom:140px;}
.mini-banner-call p{color:#000; font-family:"Noto Sans Korean Medium"; font-size:21px; margin-right:45px;}
.mini-banner-call h3{font-family: 'GmarketSansBold'; color:#84a728; font-size:27px;}
.mini-banner-call h3 img{padding-right:7px;}


/*진료과목 슬라이드*/
.subject-banner{position:relative;}
.subject-banner-txt{float:left;}
.subject-banner-txt h1{font-size:45px; color:#000; font-family:'NanumMyeongjo'; font-weight:500; }
.subject-banner-txt p{color:rgba(0,0,0,0.3); font-size:18px; line-height:30px; padding-bottom:260px; padding-top:30px; font-family:"Noto Sans Korean Medium";}

.subject-slide {width:1100px; float:right;}
.subject-banner .swiper-button-prev{ width:63px; height:63px; border-radius:50%; border:1px solid #aeaeae;  background-image:none; left:0;}
.subject-banner .swiper-button-prev:after{content:"\f177"; font-family:'FONT AWESOME 6 PRO'; font-size:25px; font-weight:300; color:#aeaeae; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.subject-banner .swiper-button-prev:hover{border:1px solid #84a728;}
.subject-banner .swiper-button-prev:hover:after{color:#84a728;}

.subject-banner .swiper-button-next{ width:63px; height:63px; border-radius:50%; border:1px solid #aeaeae;  left:80px;background-image:none;}
.subject-banner .swiper-button-next:after{content:"\f178"; font-family:'FONT AWESOME 6 PRO'; font-size:25px; font-weight:300; color:#aeaeae; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.subject-banner .swiper-button-next:hover{border:1px solid #84a728;}
.subject-banner .swiper-button-next:hover:after{color:#84a728;}
.subject-banner .swiper-button-prev, .subject-banner .swiper-button-next{top:inherit; bottom:95px;}



.subject-slide .swiper-slide{cursor:pointer;}

.subject-slide .img{width:100%; height:261px;}
.subject-slide .img img{width:100%; height:100%;}
.subject-slide .img-hover{ display: flex;  align-items: center; justify-content: center; flex-flow: column; width:100%; height:261px; background:rgba(0,0,0,0.7); position:absolute; top:0; left:0; opacity:0; transition:ease all 0.5s;}
.subject-slide .img-hover p{color:#fff; font-size:17px; line-height:25px; text-align:center; padding-top:20px;}
.subject-slide .subject-btn{display:flex; justify-content:space-between; align-items: center; margin-top:30px;}
.subject-slide .subject-btn p{font-size:25px; color:#000; font-family:"Noto Sans Korean Medium"; }
.subject-slide .subject-btn a{font-size:13px; font-family: 'GmarketSansBold'; color:#84a728; border:1px solid #84a728; border-radius:20px; width:73px; height:37px; line-height:42px; text-align:center;}

.subject-slide .swiper-slide:hover .img-hover{opacity:1;}
.subject-slide .swiper-slide:hover .subject-btn a{background:#84a728; color:#fff;}



.section03{text-align:center;padding-top:200px;}
.section03-title{padding:105px 0 70px;}
.section03-title h2{font-size:45px;  color:#000; font-family:'NanumMyeongjo'; font-weight:500; padding-bottom:35px;}
.section03-title p{color:rgba(0,0,0,0.4); font-size:18px; font-family:"Noto Sans Korean Medium"; }
.section03 ul li{display:inline-block; width:390px; height:380px; margin-right:10px; position:relative;}
.section03 ul li:last-child{margin-right:0;}
.section03 .img{width:390px; height:380px; position:absolute; top:0; right:0; }
.section03 .img h3{font-size:30px; color:#fff;  font-family:"Noto Sans Korean Medium"; font-weight:500;  padding-bottom:15px; padding-top:300px; letter-spacing:-3px; transition:ease all 0.5s;}
.section03 .img p{color:rgba(255,255,255,0.5); font-size:13px; font-family: 'GmarketSansBold'; letter-spacing:2px; transition:ease all 0.5s;}
.section03 .img-hover{opacity:0; position:absolute; top:0; left:0; width:390px; height:380px; background:rgba(132,167,40,0.7); padding:0 47px;transition:ease all 0.3s; }
.section03 .img-hover h2{font-size:30px; color:#fff;  font-family:"Noto Sans Korean Medium"; font-weight:500; padding-bottom:15px; padding-top:55px; letter-spacing:-3px;}
.section03 .img-hover h3{color:rgba(255,255,255,0.5); font-size:13px; font-family: 'GmarketSansBold'; letter-spacing:2px; padding-bottom:40px;}
.section03 .img-hover p{font-family:"Noto Sans Korean Medium"; line-height:25px; font-weight:500; color:#fff; font-size:17px; padding-bottom:45px;}
.section03 .img-hover a{display:block; width:100%; height:60px; line-height:60px; border-radius:30px; border:1px solid #fff; text-align:center; font-size:18px; color:#fff; font-family:"Noto Sans Korean Medium"; font-weight:500;}

/*
.section03 ul li:hover .img h3,.section03 ul li:hover .img p{display:none;}
.section03 ul li:hover .img-hover{opacity:1;}
*/

.section04{width:100%;height:100vh;background:url(/sub/img2024/main-sec4-bg.jpg) 100% bottom no-repeat ; padding-top:200px;}
.section04 h2{font-size:45px; color:#fff; font-family:'NanumMyeongjo'; font-weight:500; padding-bottom:45px; line-height:55px;}
.section04 p{font-size:18px; font-family:"Noto Sans Korean Medium";  font-weight:500; color:rgba(255,255,255,0.6); line-height:30px; padding-bottom:60px;}
.section04 a{display:block; width:260px; height:60px; line-height:60px; border:1px solid #fff; color:#fff; border-radius:30px; text-align:center;font-family:"Noto Sans Korean Medium"; font-size:18px;}

.section05 {height:100vh;padding-top:200px;}
.section05 .notice-title{float:left; width:30%;}
.section05 .notice-title h3{font-size:45px; color:#000; font-family:'NanumMyeongjo'; font-weight:500; line-height:60px; padding-bottom:65px;}
.section05 .notice-title a{display:block; width:260px; height:60px; line-height:60px; border:1px solid #84a728; color:#84a728; text-align:center;  border-radius:30px;  font-family:"Noto Sans Korean Medium"; font-weight:500; font-size:18px; }
.section05 ul{width:70%; height:340px; overflow:hidden; float:right; }
.section05 ul li{float:left; width:30%; margin-right:5%; padding-bottom:50px;}
.section05 ul li:nth-child(3) {margin-right:0;}
.section05 ul li a{display:block;}
.section05 ul li a h4{ font-family:"Noto Sans Korean Medium"; font-size:22px; height:60px; line-height:30px; font-weight:500;  color:#000; margin-bottom:30px;}
.section05 ul li a p{font-size:16px; color:rgba(0,0,0,0.5);font-family:"Noto Sans Korean Medium"; line-height:25px; margin-bottom:50px;}



.footer{background-color:#3f3f3f; padding:45px 0 65px;    position: relative;}
.footer .section-inner{display:block; }
.footer .footer-menu li{display:inline-block; margin-right:15px; margin-bottom:20px; }
.footer .footer-menu li a{font-size:15px; color:#fff; }
.footer ol {width:calc(100% - 800px);}
.footer ol li{display:inline-block; font-size:13px; color:rgba(255,255,255,0.5); margin-right:10px;margin-bottom:10px;}
.footer .copy{font-size:13px; color:rgba(255,255,255,0.3);}
.contact-box{width:790px; height:200px; background-color:#84a728; position:Absolute; right:0; bottom:75px; padding:0 115px 0 45px; box-sizing:border-box;display: flex; align-items: center;justify-content: space-between; color:#fff;  }
.contact-box .call-box p{font-size:21px; color:#fff; font-weight:600; }
.contact-box .call-box h5{font-size:33px; color:#fff; margin-top:25px;  font-family: 'GmarketSansBold'; }
.contact-box .call-box h5 img{margin-right:5px; }
.contact-box ul {width:50%; }
.contact-box ul li:after{content:""; display:block; clear:both; }
.contact-box ul li{width:100%; line-height:34px; }
.contact-box ul li p{width:40%; float:left; font-size:17px; color:#fff ; opacity:0.7}
.contact-box ul li p:nth-of-type(1){text-align:right; padding-right:20px;}
.contact-box ul li p:nth-of-type(2){width:60%; opacity:1}