@charset "utf-8"; 
@font-face { 
 font-family: 'S-CoreDream-7Bold'; 
 src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7Bold.woff') format('woff'); 
 font-weight: normal; 
 font-style: normal; 
 } 

/*메인공통*/
@media all and (max-width:1200px) { 
#fp-nav { display: none; } 
 } 
/*메인*/
/*메인슬라이드*/
#section1 { overflow: hidden; } 
#section1 img { object-position: center; object-fit: cover; width: 100%; height: 100%; } 
#section1 .title-wr { position: absolute; top: 18.4rem; left: var(--inner-pd); z-index: 1; } 
#section1 .title-wr h3 { font-family: 'S-Core Dream'; font-size: 5.8rem; letter-spacing: -4.64px; line-height: 1.2; transform: translateY(64px); } 
#section1 .title-wr .s-tit { display: block; margin-bottom: 3.2rem; transform: translateY(29px); } 
#section1 .title-wr .t-box { overflow: hidden; } 
#section1 .title-wr .t-box.ts-box { height: 30px; margin-bottom:30px; overflow: hidden; } 
#section1 .swiper { position: relative; } 
#section1 .swiper,
#section1 .swiper-wrapper,
#section1 .swiper-slide { height: 100vh; } 
#section1 .swiper-slide { position: relative; } 
#section1 .swiper-slide-active img { animation: img-ani 3s both; } 
#section1 .swiper-slide-active .title-wr .t-box .s-tit { animation: txt-ani 2s 0.4s both; } 
#section1 .swiper-slide-active .title-wr .t-box h3 { animation: txt-ani 2s 0.8s both; } 
#section1 .swiper-slide-active .title-wr .t-box h3.h3-2 { animation: txt-ani 2s 1.2s both; } 

#section1 .swiper-bar-wr { position: absolute; top: 45.3rem; left: var(--inner-pd); } 
#section1 .swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction { position:absolute; top:628px; text-align: center; } 
#section1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin :0; margin-right: 20px; } 
#section1 .swiper-pagination-bullet { position: relative; z-index: 1; width: auto; height: auto; text-align: left; border-radius: 0; opacity: 1; margin-right: 12px; background-color: transparent; } 
#section1 em { font-size: 2rem; letter-spacing: -0.38px; font-style: normal; } 
#section1 i,
#section1 b { position: absolute; bottom: 11px; left:32px; height: 6px; border-radius: 10px; } 
#section1 i { z-index: 1; width: 276px; background-color:rgba(255, 255, 255, 0.81); } 
#section1 b { z-index: 2; width: 0%; background-color:var(--color-point); animation-name: countingBar; animation-duration: 5s; animation-timing-function: ease-in; animation-iteration-count:1; animation-direction:alternate; animation-fill-mode:forwards; } 
#section1 .swiper-pagination-bullet-active { background-color: transparent; } 
#section1 .swiper-pagination-bullet-active em { color: var(--color-point); } 
#section1 .swiper-pagination-bullet.swiper-pagination-bullet-active { margin-right: 296px; } 
#section1 .swiper-pagination-bullet i,.swiper-pagination-bullet b { display: none; } 
#section1 .swiper-pagination-bullet.swiper-pagination-bullet-active i,.swiper-pagination-bullet.swiper-pagination-bullet-active b { display: block; } 
#section1 .swiper-pagination-bullet.swiper-pagination-bullet-active, .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 156px; } 

@media all and (max-width:1600px) { 
 #section1 .title-wr h3 { font-size: 4.8rem; } 
 #section1 .swiper-bar-wr { top: 42.3rem; } 
 
 } 
 @media all and (max-width:1440px) { 
 #section1 .title-wr h3 { font-size: 4.8rem; } 
 #section1 .swiper-bar-wr { top: 39.3rem; } 
 #section1 .title-wr .t-box.ts-box { margin-bottom: 1em; } 
 #section1 i { width: 180px; } 
 #section1 .swiper-pagination-bullet.swiper-pagination-bullet-active { margin-right: 203px; } 
 
 } 
@media all and (max-width:1200px) { 
/*1024 까지*/
#section1 .title-wr h3 { font-size: 3.8rem; } 
#section1 .title-wr .s-tit { margin-bottom: 2.2rem; } 
#section1 .swiper-bar-wr { top: 36.3rem; } 
 } 

 @media all and (max-width:1024px) { 
 /*900 까지*/
 #section1 .title-wr h3 { font-size: 4.8rem; line-height: 1.3; } 
 #section1 .swiper-bar-wr { top: 40.3rem; } 
 #section1 .pc-img { display: none; } 
 #section1 .m-img { display: block; } 
 #section1 img { object-position: bottom; } 
 } 
 
 @media all and (max-width:500px) { 
 #section1 .title-wr { top: 12.4rem; } 
 #section1 .title-wr h3 { font-size: 3.8rem; letter-spacing: -0.09em; transform: translateY(42px);}  
 #section1 .swiper-bar-wr { top: 28.3rem; } 
 #section1 i, #section1 b { bottom: 9px; } 
 #section1 i { width: 74px; } 
 #section1 .swiper-pagination-bullet.swiper-pagination-bullet-active { margin-right: 100px; } 
 } 
 

/*서비스한눈에보기*/
#section2 { text-align: center; } 
#section2 .inner { padding: 0 var(--inner-cont-pd); } 
#section2 .all-see-wr { width: 100%; margin-top: 4.1rem; border-left: 1px solid var(--color-border); border-top: 1px solid var(--color-border); } 
#section2 .all-see-wr .item-wr { justify-content: center; border-right: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); background: #FFF; } 
#section2 .all-see-wr .item-wr .item { flex-direction: column; padding: 6.2rem 4rem 4rem; transition: .3s; } 
#section2 .all-see-wr .item-wr .item span { margin-top: 2.1rem; margin-bottom: 1.1rem; font-size: 2rem; font-weight: 600; } 
#section2 .all-see-wr .item-wr .item:hover { background: #f7fdfd; filter: drop-shadow(0.3em 0.3em 0.2em rgba(71, 98, 94, 0.2)); } 

@media all and (max-width:1440px) { 
 #section2 .all-see-wr .item-wr .item { padding: 5.2rem 3rem 3rem; } 
 #section2 .all-see-wr .item-wr .item span { font-size: 1.8rem; } 
 #section2 .all-see-wr .item-wr .item .icon-all { width: 80px; } 
 } 
@media all and (max-width:1024px) { 
 /*900*/
 #section2 .inner { padding: var(--inner-cont-pd); } 

 } 
 @media all and (max-width:900px) { 
 /*768*/
 #section2 .m768-grid-2 { grid-gap:0; } 
 
 } 
 @media all and (max-width:500px) { 
 #section2 .inner { padding: calc(var(--inner-pd)*4) var(--inner-cont-pd); } 
 #section2 .all-see-wr .item-wr .item { padding: 3.2rem 1rem 3rem; } 
 #section2 .all-see-wr .item-wr .item .icon-all { width: 60px; } 
 #section2 .all-see-wr .item-wr .item .icon-plus { display: none; } 
 #section2 .all-see-wr .item-wr .item span { margin-top: 1.1rem; font-size: 1.6rem; } 
 
 } 


/*건강검진센터*/
#section3 { position: relative; background: #f9f9f9; /*url(../img/bg_health.jpg)no-repeat center / cover; */ text-align: center; overflow: hidden; } 
#section3 .b-tit { font-size: 6rem; } 
#section3 .tag-wr { justify-content: center; flex-wrap: wrap; width: 500px; margin: 4.1rem auto 7.4rem; } 
#section3 .tag { display: inline-block; padding:0.250em 0.950em; margin: 0.35rem; border-radius: 5rem; background: var(--color-point); color: #fff; font-size: 2rem; } 
#section3 .rolling-wr { position: absolute; top: 0; width: auto; border-radius: var(--bo-radius); } 
#section3 .rolling-wr img { width: auto; margin: 1em 0; border-radius: var(--bo-radius); } 
#section3 .rolling-wr.left { left: calc(var(--inner-pd) * 1.5); } 
#section3 .rolling-wr.left .rolling-1 { transform: translateY(0%); animation: rolling-left-1 50s linear infinite; } 
#section3 .rolling-wr.left .rolling-2 { transform: translateY(-200%); animation: rolling-left-2 50s linear infinite; } 
#section3 .rolling-wr.right { right:calc(var(--inner-pd) * 1.5); } 
#section3 .rolling-wr.right .rolling-1 { transform: translateY(-200%); animation: rolling-right-1 50s linear infinite; } 
#section3 .rolling-wr.right .rolling-2 { transform: translateY(0%); animation: rolling-right-2 50s linear infinite; } 
#section3 .btn-more { background: #ff8300; } 
#section3 .rolling-wr-m { position: relative; display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } 
#section3 .rolling-wr-m .rolling-wr { display: block; width: 1800px; white-space: nowrap; } 
#section3 .rolling-wr-m .rolling-wr .rolling span { margin-right: 1em; } 
#section3 .rolling-wr-m .rolling-wr .rolling img { width: 250px; margin:0; } 
#section3 .rolling-wr-m .rolling-wr.top { top: var(--inner-pd); } 
#section3 .rolling-wr-m .rolling-wr.top .rolling-1 { display: inline-flex; animation: rolling-top-1 50s linear infinite; } 
#section3 .rolling-wr-m .rolling-wr.top .rolling-2 { display: inline-flex; animation: rolling-top-2 50s linear infinite; } 
#section3 .rolling-wr-m .rolling-wr.bottom { top: auto; bottom:var(--inner-pd); } 
#section3 .rolling-wr-m .rolling-wr.bottom .rolling-1 { display: inline-flex; animation: rolling-bottom-1 50s linear infinite; } 
#section3 .rolling-wr-m .rolling-wr.bottom .rolling-2 { display: inline-flex; animation: rolling-bottom-2 50s linear infinite; } 


@media all and (max-width:1600px) { 
 #section3 .b-tit { font-size: 5rem; } 
 #section3 .tag { font-size: 1.8rem; } 
 } 
 @media all and (max-width:1440px) { 
 #section3 .b-tit { font-size: 3.8rem; } 
 #section3 .tag-wr { width: 438px; } 
 #section3 .rolling-wr img { width: 185px; } 
 } 
 @media all and (max-width:1200px) { 
 #section3 .tag-wr { width: 373px; } 
 } 
@media all and (max-width:1024px) { 
 /*900*/
 #section3 .rolling-wr-pc { display: none; } 
 #section3 .rolling-wr-m { display: block; } 
 #section3 .tag { font-size: 1.6rem; } 
 #section3 .tag-wr { margin: 2.1rem auto 4.4rem; } 
 } 
 @media all and (max-width:900px) { 
 /*768*/
 #section3 .tag-wr { width: 314px; } 
 
 } 
 @media all and (max-width:500px) { 
 #section3 { height: 110vh !important; } 
 #section3 .rolling-wr-m .rolling-wr .rolling img { width: 159px; } 
 } 


/*서비스소개*/
#section4 .service-wr { height: 100%; } 
#section4 .service { position: relative; width: 25%; height: 100%; background-color: #000; text-align: center; transition: .3s; } 
#section4 .service:not(:last-child) { border-right: 1px solid rgba(255,255,255,0.66); } 
#section4 .service .tit-wr { position: relative; margin-top: 22.5rem; z-index: 2; } 
#section4 .service .tit-wr * { color: #fff; } 
#section4 .service .tit-wr .s-tit { font-size: 1.6rem; font-weight: 600; } 
#section4 .service .tit-wr .txt { font-weight: 200; margin-top: 0.5em; visibility: hidden; opacity: 0; transition: .3s; } 
#section4 .service .btn-wr { position: relative; justify-items: center; margin-top: 5rem; z-index: 2; visibility: hidden; opacity: 0; transition: .3s; } 
#section4 .service .btn-wr .btn-more { display: inline-flex; justify-content: center; align-items: center; width: 242px; margin: 0.75rem 0; padding: 0.944em 1.278em; font-size: 1.7rem; } 
#section4 .service .btn-wr .btn-more .icon { margin-right: 0.4em; } 
#section4 .service::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; transition: .3s; } 
#section4 .service.service-01::after { background: url(../img/service_01.png)no-repeat center / cover; } 
#section4 .service.service-02::after { background: url(../img/service_02.png)no-repeat center / cover; } 
#section4 .service.service-03::after { background: url(../img/service_03.png)no-repeat center / cover; } 
#section4 .service.service-04::after { background: url(../img/service_04.png)no-repeat center / cover; } 

@media (hover:hover) and (pointer:fine) { 
 #section4 .service:hover { width:50%; background-color: var(--color-point); } 
 #section4 .service:hover::after { opacity: .4; } 
 #section4 .service:hover .tit-wr .txt,
 #section4 .service:hover .btn-wr { visibility: visible; opacity: 1; } 
 } 
 @media (hover:hover) and (pointer:fine) and (max-width:1200px) { 
 #section4 .service:hover { width: 100%; } 
 #section4 .service:hover .btn-wr { display: block; } 
 } 

 @media all and (max-width:1600px) { 
 #section4 .service .tit-wr .b-tit { font-size: 3.5rem; } 
 
 } 

 @media all and (max-width:1440px) { 
 #section4 .service .tit-wr .s-tit { font-weight: 500; } 
 #section4 .service .tit-wr .b-tit { font-size: 3rem; font-weight: 600; } 
 #section4 .service .tit-wr { margin-top: 27.5rem; } 
 
 } 
 @media all and (max-width:1200px) { 
 #section4 .service-wr { display: grid; grid-template-columns: repeat(2, 1fr); } 
 #section4 .service { width: 100%; height: 300px; } 
 #section4 .service .tit-wr { margin-top: 0; } 
 #section4 .service .tit-wr .txt { display: none; } 
 #section4 .service .btn-wr { margin-top: 3rem; } 
 #section4 .service .btn-wr .btn-more { font-size: 1.6rem; } 
 #section4 .service .ser-box-wr { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; } 
 #section4 .service.service-01 .btn-more { padding: 0.444em 1.278em; } 
 #section4 .service:nth-child(2) { border-right: 0; } 
 #section4 .service:nth-child(1),
 #section4 .service:nth-child(2) { border-bottom: 1px solid rgba(255,255,255,0.66); } 
 #section4 .service .btn-wr { display: none; } 
 #section4 .service .tit-wr .b-tit { white-space: pre; } 
 } 
 @media all and (max-width:1024px) { 
 /*900*/
 #section4 .service-wr { grid-template-columns: repeat(1, 1fr); } 
 #section4 .service .tit-wr { text-align: left; } 
 #section4 .service .btn-wr { display: block; visibility: visible; margin-top: 0; opacity: 1; } 
 #section4 .service .btn-wr .btn-more { width: 217px; margin: 0; } 
 #section4 .service .ser-box-wr { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 0 var(--inner-cont-pd); } 
 #section4 .service.service-01 .btn-wr { display: grid; gap: 0.5em; } 
 
 } 
 @media all and (max-width:768px) { 
 /*500*/
 #section4 .service .tit-wr { text-align: center; } 
 #section4 .service .ser-box-wr { flex-direction: column; } 
 #section4 .service .tit-wr .b-tit { margin-top: 0.5rem; margin-bottom: 1.5rem; } 
 
 } 
 
 @media all and (max-width:500px) { 
 #section4 .service { height: 380px; } 
 } 

/*병원소식*/
#section5 .inner { padding: 0 var(--inner-cont-pd); } 
#section5 .tit-wr { position: relative; } 
#section5 .tit-wr .more { position: absolute; bottom: 0; right: 0; } 
#section5 .tit-wr .more { font-size: 1.8rem; } 
#section5 .news-wr { grid-gap: 1.6rem; margin-top: 3.1rem; } 
#section5 .news-wr .news { overflow: hidden; } 
#section5 .news-wr .news .subject { display: block; margin-top: 1.4rem; font-size: 2rem; font-weight: 600; } 
#section5 .news-wr .news .txt { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 1.2rem 0 1.9rem; font-size: 1.8rem; overflow: hidden; } 
#section5 .news-wr .news .date { color: #A5A5A5; font-size: 1.5rem; } 

@media all and (max-width:1440px) { 
 
#section5 .news-wr .news .subject { font-size: 1.8rem; } 
#section5 .news-wr .news .txt { font-size: 1.6rem; } 

 } 

 @media all and (max-width:1024px) { 
 /*900*/
 #section5 { padding-top: var(--inner-cont-pd); padding-bottom: var(--inner-cont-pd); } 
 #section5.fp-section.fp-table,
 #section5 .fp-tableCell { height: auto !important; } 
 } 
 @media all and (max-width:500px) { 
 #section5 { padding-top: calc(var(--inner-pd)*4); padding-bottom: calc(var(--inner-pd)*4); } 
 #section5 .tit-wr .more { position: relative; justify-content: flex-end; margin-top: 2em; } 
 #section5 .news-wr { grid-gap: 4.6rem; margin-top: 1rem; } 
 #section5 .news-wr .news .txt { margin: 1.2rem 0 1rem; } 
 } 
/**/