#main { position: relative; } 
#section1 { overflow: hidden; } 
.msec1 { position: relative; } 
.msec1 .swiper-slide { overflow:hidden } 
.msec1 .swiper-slide .slogan { position:absolute; z-index:10; top:20%; left:50%; transform: translateX(-50%); width:100%; padding:0 2rem; max-width:var(--container); } 
.msec1 .swiper-slide .slogan p { color:#fff; font-weight: bold; text-align: center; 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:3rem;   transition:0.5s 0.5s } 
.msec1 .swiper-slide .slogan .text2 { top:10px; opacity:0; filter: blur(10px); font-size:5rem; letter-spacing: -5px;  font-weight: bold; font-family:'S-CoreDream', sans-serif !important;  margin-bottom: 3rem; transition:0.5s 1s } 
.msec1 .swiper-slide .slogan .text3 { top:10px; opacity:0; filter: blur(10px); font-size:2.6rem; font-weight: bold; transition:0.5s 1s } 


.msec1 .swiper-slide .bg { transform:scale(1.1); transition:10s; height:76rem; 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:0; opacity:1; filter:blur(0) } 
.msec1 .swiper-slide-active .slogan .text3 { top:0; opacity:1; filter:blur(0) } 

/*swiper*/
.msec1 .swiper-button-prev,
.msec1 .swiper-button-next { width: 5rem; height: 5rem; color:#fff; background: none; bottom:10rem; top:auto; font-size: 5rem; } 

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

.msec1 .swiper-progress-bar { position: absolute; left: 50%; transform: translate(-50%);; width:100%; max-width: var(--container); display: block; z-index: 1; height:.5rem; } 
.msec1 .swiper-progress-bar .slide_progress-bar { position: absolute; height: .3rem; background:#fff; width:50rem; clear: both; opacity:1; bottom: 15rem; left: 50%; transform: translateX(-50%); right: 0; } 
.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; } 


/* pagenation */

/*.msec1 .swiper-pagination-bullet { opacity: 0.5; width: 15px; height: 15px; background: #fff; box-shadow: 0px 0px 3px #fff; } 
.msec1 .swiper-pagination-bullet-active { background:#fff; opacity: 1; } 
*/


.msec1 .swiper-pagination-bullet { 
 background: transparent; width: 4rem; height: 4rem; 
 } 
 .msec1 .swiper-pagination-bullet-active .path { 
 display: inline-block !important; 
 stroke-dasharray: 1000; 
 stroke-dashoffset: 0; 
 -webkit-animation: dash linear 120s; 
 animation: dash linear 120s; 
 -webkit-animation-iteration-count: unset; 
 animation-iteration-count: unset; 
 } 
 .path { 
 display: none; 
 } 
 @-webkit-keyframes dash { 
 from { 
 stroke-dashoffset: 1000; 
 } 
 to { 
 stroke-dashoffset: 0; 
 } 
 } 
 @keyframes dash { 
 from { 
 stroke-dashoffset: 1000; 
 } 
 to { 
 stroke-dashoffset: 0; 
 } 
 } 

 /* 중간 박스 */
 .main_box{padding: 10rem 0;}
 .main_box h2{font-weight: bold; font-size: 2rem; text-align: center; margin-bottom: 6rem;} 
 .main_box h2 span{display: block; font-family:'S-CoreDream', sans-serif !important; font-size: 4rem; font-weight:500; letter-spacing: -3px; margin-bottom: 2rem;}
.box_wrap{display: flex; color:#fff;}
.box_large{width: 50%;height: 40rem; background: url(../images/main/box_large.jpg) no-repeat; position: relative;}
.box_large::before{content:''; width: 100%; height:100%; background: rgba(0,0,0,0.5); position: absolute; top: 0; left:0}
.box_large a{display: block; color:#fff}
.box_large dl{position: relative; padding: 7.5rem 5rem;}
.box_large dl dt{font-weight: bold; font-size: 3.2rem;}
.box_small{width: 25%; position: relative;}
.box_small a{display: block;  height: 40rem; background: var(--point_color); color:#fff; transition: .5s;}
.box_small:last-child a{background: var(--sub_color);}
.box_small a:hover{background: #333;}
.box_small dl{padding: 7.5rem 0 0 5rem ;}
.box_small dl dt{font-weight: bold; font-size: 3.2rem;}
.box_small p{position: absolute; bottom: 5rem; right: 5rem;}

/* 사진 스와이퍼 */
.main_photo{padding-bottom: 10rem;}
.main_photo_slide{position: relative; text-align: center;}
.main_photo_slide p{overflow: hidden; margin-bottom: 1rem; height: 30rem;}
.main_photo_slide p img{transition: .5s; width: 100%; height: 100%; object-fit: cover;}
.main_photo_slide p img:hover{transform: scale(1.2);}
.main_photo_slide .swiper-pagination{position: relative; padding:2rem 0}

/* 패밀리 사이트 */
.main_family{padding-bottom: 10rem; overflow: hidden; position: relative;}
.family_slide{overflow: hidden;}
.family_slide p{border: 1px solid #ccc; text-align: center;}