#main { position: relative; } 
#section1 { overflow: hidden; } 
.msec1 { position: relative; } 
.msec1 .swiper-slide { overflow:hidden } 
.msec1 .swiper-slide .slogan { position:absolute; z-index:10; top:30%; left:50%; transform: translateX(-50%); width:100%; padding:0 2rem; max-width:var(--container); } 
.msec1 .swiper-slide .slogan p { color:#fff; font-weight: bold; position: relative; text-shadow: 0 0 0.5rem rgba(0,0,0,0.1); } 
.msec1 .swiper-slide .slogan .text1 { top:0; opacity:0; font-size: 5rem; transition:0.5s 0.5s }
.msec1 .swiper-slide .slogan .text2 { top:5rem; opacity:0; filter: blur(10px); font-size:2rem; transition:0.5s 1s } 
.msec1 .swiper-slide .slogan .text3 { top:0px; opacity:0; filter: blur(10px); font-size:2rem; transition:0.5s 1s } 


.msec1 .swiper-slide .bg { transform:scale(1.1); transition:10s; height:110rem; position: relative; } 
.msec1 .swiper-slide .bg::before { content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.3); position: absolute; top: 0; left: 0; } 
.msec1 .swiper-slide .bg img { width:100%; height: 100%; object-fit: cover; } 

.msec1 .swiper-slide-active .bg { transform:scale(1) } 
.msec1 .swiper-slide-active .slogan .text1 { top:0; opacity:1; letter-spacing:normal; } 
.msec1 .swiper-slide-active .slogan .text2 { top:5rem; opacity:1; filter:blur(0) } 
.msec1 .swiper-slide-active .slogan .text3 { top:-3rem; opacity:1; filter:blur(0) } 

/*swiper*/

.swiper_navi{max-width: 1500px; width: 100%; left: 50%; transform: translateX(-50%); bottom: 30rem; z-index: 9; position: absolute; display: flex; justify-content: space-between;}
.msec1 .swiper-button-prev,
.msec1 .swiper-button-next { width: 5rem; height: 5rem; color:#fff; background: none; bottom:0; top:auto; font-size: 5rem; } 

.msec1 .swiper-button-prev { left:auto; left:0; } 
.msec1 .swiper-button-next { left:auto; left:18rem; right:0 } 
.msec1 .swiper-pagination { max-width:var(--container); font-weight: bold; padding:0 2rem; color:#fff; text-align: left; position: absolute; left: 50%; transform: translate(-50%); bottom: 10rem; } 

.swiper_navi ul{display: flex; gap:2rem}
.swiper_navi ul li a{display: flex; align-items: center; gap:1rem; width: 32rem; padding: 1rem 0 1rem 2.8rem; background:rgba(255,255,255,0.3); border-radius:1rem; font-weight: bold; backdrop-filter:blur(10px); color:#fff;}
.swiper_navi ul li:last-child a{background-color: rgba(58,187,28,0.5);}

.msec1 .swiper-progress-bar { position: absolute; left:0; display: block; z-index: 1; height:.5rem; } 
.msec1 .swiper-progress-bar .slide_progress-bar { position: absolute; height: .3rem; background:#fff; width:12rem; clear: both; opacity:1; bottom: 0; left: 3rem; top: 3.5rem; } 
.msec1 .swiper-progress-bar .slide_progress-bar:after { position: absolute; top: 0; left: 0; background:var(--sub_color); height: 100%; width: 0; content: ""; transition: 0.1s width linear; } 
.msec1 .swiper-progress-bar.active .slide_progress-bar { opacity: 1; } 
.msec1 .swiper-progress-bar.animate .slide_progress-bar:after { transition: width linear; transition-delay: unset; width: 100%; transition-duration: 5s; } 


.main_yerim{background: var(--main_color); border-top-right-radius: 10rem; margin-top: -10rem; position: relative; z-index: 9; padding:15rem 0 35rem 0; color:#fff;}
.main_yerim::before{content: 'Yerim care'; text-transform: uppercase; font-weight: bold; color:rgba(255,255,255,0.05); font-size:20rem; position: absolute; bottom: 3rem; right: 0;}
.yerim_title{display: flex; gap:9.8rem}
.yerim_tit{font-weight: bold; font-size: 4.5rem;}
.yerim_tit span{color:var(--point_color); font-size:1.6rem; display: block; text-transform: uppercase;}
.yerim_text{margin-top: 3rem; font-size: 2rem; font-weight: bold;}
.yerim_link{margin-top: 11rem;}
.yerim_link a{color:rgba(255,255,255,0.7); font-weight: bold; font-size:1.6rem; display: flex; align-items: center; gap:1rem}

.yerim_photo{margin-top: 15rem;}
.yerim_photo ul{display: flex; justify-content: space-between; gap:5rem}
.yerim_photo ul li{flex:1; position: relative; }
.yerim_photo ul li:nth-child(2){margin-top: -6rem;}

.yerim_photo ul li p{border-radius: 2rem; overflow: hidden; position: relative; box-shadow: 0 0 5rem rgba(0,0,0,0.3);}
.yerim_photo ul li p::before{content: ''; width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0;}
.yerim_photo ul li dl{position: absolute; bottom: 4rem; left: 4rem; color:#fff;}
.yerim_photo ul li dl dt{font-weight: bold; font-size: 2.8rem; margin-bottom: 2rem;}
.yerim_photo ul li dl dd{font-size:2rem}
.yerim_photo ul li:nth-child(2) dl{bottom: 10rem;}

.why{border-top-left-radius: 10rem; background: #Fff; margin-top: -10rem; position: relative; padding:20rem 0; z-index: 9;}
.why h2{text-align: center; font-weight: bold; font-size: 4.5rem; margin-bottom: 6rem;}
.why h2 span{display: block; color:var(--point_color); text-transform: uppercase; font-size: 1.6rem;}

.why_slide{position: relative;}
.why_slide p{overflow: hidden; border-radius: 2rem; position: relative;  box-shadow: 0 0 2rem rgba(0,0,0,0.2); }
.why_slide p::before{content: ''; width: 100%; height: 100%; background:linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 50%);; position: absolute; top: 0; left:0}

.why_slide dl{position: absolute; bottom: 5rem; left: 50%; transform: translateX(-50%); text-align: center; color:#fff; width: 100%; display: none;}
.why_slide dl dt{font-weight: bold; font-size: 3rem; margin-bottom: 3rem;}
.why_slide dl dd{font-size: 1.6rem;}

.why_slide .swiper-slide{position: relative; transform: scale(0.9);overflow: hidden;}
.why_slide .swiper-slide-active{position: relative; transform: scale(1.1);}
.why_slide .swiper-slide-active dl{display: block;}

.why_slide .why_swiper-button-next,
.why_slide .why_swiper-button-prev{width:17rem; height: 17rem; background: none;}

.why_slide .why_swiper-button-next{right:25%}
.why_slide .why_swiper-button-prev{left:25%}

.why_slide .why_swiper-pagination {
    position: absolute;
    bottom:-50px;
    text-align: center;
    transform: translateZ(0);
    transition: opacity .3s;
    z-index: 10;
}

.why_slide .swiper-pagination-bullet-active {
    opacity: 1;
    background: #3ABB1C;
}

.story{padding: 10rem 0;}
.story h2{text-align: center; font-weight: bold; font-size: 4.5rem; margin-bottom: 6rem;}
.story h2 span{display: block; color:var(--point_color); text-transform: uppercase; font-size: 1.6rem;}
.story_list{display: flex; gap:3rem; margin-right: -3rem;}
.story_list li{width: calc(33% - 3rem);}
.story_list li p{overflow: hidden; border-radius: 2rem; margin-bottom: 3rem; height: 30rem;}
.story_list li p img{width:100%; height: 100%; object-fit: cover;}
.story_list li dl dt{font-weight: bold; color:var(--point_color); font-size: 1.6rem;}
.story_list li dl dd{font-size: 2.2rem;}

.admission{background: url(../images/main/admission_bg.jpg) no-repeat top center; position: relative; border-radius: 10rem 10rem 0 0; color:#fff; padding: 15rem 0;}
.admission::before{content: ''; width: 100%; height: 100%; background: rgba(23,61,100,0.8); position: absolute; top: 0; left: 0; border-radius: 10rem 10rem 0 0;}
.admission .inner{display: flex;}
.admission_left{position: relative; width: 50%; padding:0 8rem 0 0}
.admission_tit dt{font-size: 1.6rem; font-weight: bold; color:var(--point_color);}
.admission_tit dd{font-size: 4.5rem; font-weight: bold;}

.admission_left h3{font-size: 1.6rem; font-weight: bold; color:var(--point_color); margin-top: 5.3rem; margin-bottom: 2.2rem;}
.admission_left ul{font-weight: bold;}
.admission_left ul li{display: flex; gap:2rem; background: rgb(255,255,255,0.5); backdrop-filter: blur(10px); border-radius: 1rem; padding: 1rem 2rem; margin-bottom: 1.5rem;}
.admission_left ul li dl{display: flex; gap:3.4rem; width: 100%;}
.admission_left ul li dl dt{width: 40%;}
.admission_left ul li dl dd{width: 60%;}

.admission_right{width: 50%; position: relative;}
.admission_right h2{font-weight: bold; font-size: 3rem; margin-bottom: 3rem;}
.admission_right h2 span{font-weight: normal; font-size: 2rem; display: inline-block; margin-left: 2.6rem;}
.bottom_address dt{font-size: 1.6rem; font-weight: bold;}
.bottom_address dd{font-size: 2.2rem; font-weight: bold; margin-bottom: 3.7rem;}
.bottom_call{display: flex; gap:3rem; margin-bottom: 4.3rem;}
.bottom_call dl dt{font-size: 1.6rem; font-weight: bold;}
.bottom_call dl dd{font-size: 2.2rem; font-weight: bold;}
.bottom_call dl dd span{display: block; font-size: 1.4rem;}

.admission_right p{font-size: 2rem; margin-bottom: 4.3rem;}
.admission_right ul{display: flex; gap:2.7rem}
.admission_right ul li a{width: 32rem; display: flex; justify-content: space-between; padding: 1rem 2rem; border-radius: 1rem; background: rgba(58,187,28,0.5); color:#fff; font-weight: bold;}
.admission_right ul li:last-child a{background: rgba(0,0,0,0.5);}