/* .main1{height: 100vh; background: url(../images/main_1.jpg) center / cover no-repeat;}
.main1 div{position: absolute; right: 280px; top: 400px;}
.main1 div p{letter-spacing: -.1rem; word-spacing: -.2rem; line-height: 1.1;}
.main1 div p:nth-of-type(1){font-size: 3rem; font-weight: 300; color: #5e0099;}
.main1 div p:nth-of-type(2){font-size: 4.8rem; font-weight: 600; color: #5e0099;left: 50px;} */

.video_wrap{width: 100%; max-height: 970px; overflow: hidden; background: url(/images/video_bg.jpg) no-repeat; background-size: cover;}
.video_wrap iframe{position: absolute; top: 0; left:0; width: 100%; height: 100%;}
#video01{height: 0; padding-top:56.25%;}
/*.aega_video_popup{position: fixed; top: 0; width: 100%; height: 100vh; z-index: 99999; background: #000000d7;}
.aega_video_popup img{cursor: pointer; position: absolute; right: 5%; top: 5%;}
.aega_video_popup .video_wrap{width: 100%; height: 100%; max-width: 1300px; position: absolute; left: 50%; transform:translateX(-50%); background: none; overflow: hidden;}*/

/* .main2{height: 100vh;} */
.main2 {
    position: relative;  /* 아이콘 위치 기준 */
}
.main2>img{position: absolute; top: 220px; right: 150px; z-index: 999; opacity: .4;}
.main2 .main2_slider{width: 100%; height: 100%;}
.main2 .main2_slider .swiper-wrapper > div{background: #5C5445;}

/* 공통 슬라이드 이미지 영역 */
.main2 .main2_slider .swiper-slide .slide-image {
    width: 100%;
    height: 550px;               /* PC 기준 슬라이드 높이 */
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    transition: 3s;
}

/* 슬라이드별 백그라운드 이미지 */
.main2 .main2_slider1 .slide-image {
    background-image: url(../images/slider_1.jpg);
}
.main2 .main2_slider2 .slide-image {
    background-image: url(../images/slider_2.jpg);
}
.main2 .main2_slider3 .slide-image {
    background-image: url(../images/slider_3.jpg);
}

/*.main2 .main2_slider .swiper-wrapper > div >div:nth-of-type(2){width: 100%; height: 550px; background-position-y: 80%; transition: 3s;}*/
/*.main2 .main2_slider .swiper-slide.swiper-slide-visible.swiper-slide-active >div:nth-of-type(2){background-position-y: 80%;}*/
.main2 .swiper-pagination{bottom: auto; top: 165px !important; width: auto !important; left: auto !important; right: 460px !important;}
.main2 .swiper-pagination span{display: block; margin-top: 20px !important;}
.main2 .swiper-pagination > span:nth-of-type(1).swiper-pagination-bullet-active{background: #D4BD9D;}
.main2 .swiper-pagination > span:nth-of-type(2).swiper-pagination-bullet-active{background: #D4BD9D;}
.main2 .swiper-pagination > span:nth-of-type(3).swiper-pagination-bullet-active{background: #D4BD9D;}

/*.main2 .main2_slider .main2_slider1 >div:nth-of-type(2){background: url(../images/slider_1.jpg) center / cover no-repeat;}
.main2 .main2_slider .main2_slider2 >div:nth-of-type(2){background: url(../images/slider_2.jpg) center / cover no-repeat;}
.main2 .main2_slider .main2_slider3 >div:nth-of-type(2){background: url(../images/slider_3.jpg) center / cover no-repeat;}*/
.main2 .main2_slider .swiper-slide>div:nth-of-type(1){
    margin: 0 auto;
    margin-top: 120px;
    margin-bottom: 120px;
    width: 1400px;

    /* ✅ 여기부터 추가 (슬라이드마다 높이 동일하게) */
    min-height: 220px;              /* 필요하면 200~260 사이로 숫자만 조절 */
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.main2 .main2_slider .swiper-slide div > p{color: #fff; font-size: 3.0rem; font-weight: 300; letter-spacing: -0.02em;; word-spacing: 0.05rem; line-height: 1.3;}            
.main2 .main2_slider .swiper-slide div > p:nth-of-type(1){font-weight: 700; color: #D4BD9D;}
.main2 .main2_slider .main2_slider2 div > p:nth-of-type(1){color: #D4BD9D;}
.main2 .main2_slider .main2_slider3 div > p:nth-of-type(1){color: #D4BD9D;}
.main2 .main2_slider .swiper-slide div > p:nth-of-type(3){font-size: 1.5rem; font-weight: 300; margin-top: 50px;word-spacing: 0; letter-spacing: -.01rem; color: #fff;}
.prev_next{opacity: 1; width: 100%; position: absolute; top: 50%; z-index: 1;}
.prev_next img{cursor: pointer; position: absolute;}
.prev_next img:nth-child(1){left: 50px;}
.prev_next img:nth-child(2){right: 50px;}

/* 슬라이드 한 장 안에서 "이미지 + 강아지" 묶음 */
.main2 .main2_slider .swiper-slide .slide-visual {
  position: relative;   /* 아이콘의 기준이 되는 상자 */
  width: 100%;
}

/* 기존 이미지 영역 그대로 사용 */
.main2 .main2_slider .swiper-slide .slide-image {
  width: 100%;
  height: 550px;               /* PC 기준 높이 */
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  transition: 3s;
}

/* 라인 강아지 아이콘 – 항상 이미지 바로 위에 붙기 */
.msg-dog-icon {
  position: absolute;
  right: 10%;
  bottom: 100%;               /* ✅ slide-visual의 윗선에 딱 붙음 */
  transform: translateY(2px);/* 살짝 내려서 이미지랑 겹치게 (값은 취향대로 20~40px 조절) */
  width: 204px;
  height: auto;
  z-index: 5;
  pointer-events: none;
}

.msg-dog-icon img {
  width: 100%;
  height: auto;
  display: block;
}

.main3{background: #A19687;}
.main3 .inner>div{text-align: center; margin: 50px 0;}
.main3 .inner>div>p:nth-of-type(1){font-size: 1.3em; font-weight: 500; letter-spacing: -.05rem; word-spacing: -.05rem;color: #fff;}
.main3 .inner>div>p:nth-of-type(2){font-size: 2.5rem; font-weight: 800; letter-spacing: -.05rem; word-spacing: -.05rem; color: #fff;}
.main3 .inner>ul{display: flex; width: 100%; justify-content: space-between; margin-top: 60px;}
.main3 .inner>ul li{width: 23.5%; height: 380px; top: 0;/*transition: width .5s, height .5s;*/ transition: .5s; background: #4A4337; overflow: hidden; box-shadow: rgba(100,100,111,0.1) 0px 7px 29px 0px;}
.main3 .inner>ul li:hover{top: -10px;}
.main3 .inner>ul li p{color: #fff; font-size: 1.2rem; top: 28px; text-align: center; font-weight: 400;}
.main3 .inner>ul li a{position: absolute; top: 0; width: 100%; height: 100%;}

.main3 .inner>ul li>div{width: 100%; height: 300px; top: 0;}
.main3 .inner>ul li>div:after{position: absolute; content: ""; width: 100%; height: 100%; top: 0; background: #270c0448; transition: .5s;}
.main3 .inner>ul li:hover >div:after{opacity: 0;}
.main3 .inner>ul li:nth-of-type(1)>div{background: url(../images/main3_img1.jpg) center / cover no-repeat;}
.main3 .inner>ul li:nth-of-type(2)>div{background: url(../images/main3_img2.jpg) center / cover no-repeat;}
.main3 .inner>ul li:nth-of-type(3)>div{background: url(../images/main3_img3.jpg) center / cover no-repeat;}
.main3 .inner>ul li:nth-of-type(4)>div{background: url(../images/main3_img4.jpg) center / cover no-repeat;}


.main4{background: #f7f7f7;}
.main4 >div{padding: 0; height: 260px;  background: #1b4229; margin-top: 60px;}
.main4 >div>.inner{height: 100%; display: flex; align-items: center; padding: 0;}
.main4 >div>.inner>div{width: 32%;}
.main4 .inner>div>p:nth-of-type(1){font-size: 2.5rem; font-weight: 700; letter-spacing: -.05rem; word-spacing: -.2rem; color: #fff;}
.main4 .inner>div>p:nth-of-type(2){font-size: 1.5rem; font-weight: 300; letter-spacing: -.02rem; word-spacing: -.1rem; color: #ffffffa8;}

.main4>div>.inner>ul{width: 65%; height: 65%; display: flex; align-items: center; justify-content: space-between; background: #fdfdfd; border-top-right-radius: 30px; border-bottom-left-radius: 30px;}
.main4>div>.inner>ul li{width: calc(100% / 3); height: 50%; display: flex; align-items: center; flex-direction: column; justify-content: center;  font-size: 1.2rem; cursor: pointer; border-right: 1px solid #dfdfdf;}
.main4>div>.inner>ul li:last-child{border: 0;}
.main4>div>.inner>ul li p{margin-top: 25px;}
.main4>div>.inner>ul li a{position: absolute; top: 0; width: 100%; height: 100%;}
.main4 img:nth-of-type(2){margin-top: 50px;}


/* .main3 .inner>ul li:nth-of-type(1){top: 0; left: 0;}
.main3 .inner>ul li:nth-of-type(2){top: 0; right: 0;}
.main3 .inner>ul li:nth-of-type(3){bottom: 0; left: 0;}
.main3 .inner>ul li:nth-of-type(4){bottom: 0; right: 0;} 
.main3 .inner>ul li.active{z-index: 2;}*/