@charset "utf-8";

@font-face {
font-family: 'Paperlogy-8ExtraBold';
src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'Pretendard-Regular';
src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'ELAND_Nice_M';
src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts-20-12@1.0/ELAND_Nice_M.woff') format('woff');
font-weight: normal;
font-style: normal;
}

/* 기본 스타일 */
.main{font-family:'Pretendard-Regular';}
.wbk{word-break:keep-all;}
.fwb{font-weight:bold;}
.ccolor_p{color:#f7868f;}
.pc-only { display:block;}
.tb-only { display:none;}
.mo-only { display:none;}
.image{text-align: center;}
.image img{width: 100%;}
@media all and (max-width:1280px)
{
  #contents{padding: 80px 0 0 0!important;}
}
@media all and (max-width:768px)
{
  .pc-only { display:none;}
  .mo-only { display:block;}
  #contents{padding: 0 !important;}
}

@media screen and (min-width: 768px) and (max-width: 1280px) {
    .tb-none{display: none;}
    .tb-only{display: block !important;}
}
/* 세로 네비게이션 */
.nav { z-index: 90; position: fixed; left: 20px; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 15px;}
.nav a {   display: flex;  align-items: center;  text-decoration: none;  color: transparent;  position: relative;  transition: color 0.2s ease; width: fit-content;}
.nav .round {  width: 12px;  height: 12px;  background-color: #cbc5c5;  border-radius: 50%;  display: inline-block;  transition: background-color 0.2s ease;}
.nav .nav-text { margin-left: 10px; font-size: 14px; opacity: 0; transition: opacity 0.3s ease; font-family:'Pretendard-Regular'; width: fit-content;}
.nav a:hover .round {  background-color: #f8868e;}
.nav a:hover .nav-text {opacity: 1;color: #cbc5c5; }
.nav-line {position: absolute;  left:6px; top: 5px;  width: 1px;  height: 90%;  background-color: #ffffff;   z-index: -1;}

@media all and (max-width:1440px){.nav{left: 15px;}}
@media all and (max-width:768px){ .nav{display: none;}}

/* 현재 활성화된 섹션 스타일 */
.nav a.active .round {background-color: #f8868e;}


/* 메인 비주얼 */
.main_visual{max-height:fit-content;width:100%;position:relative;padding-top:75px;height:100vh; overflow: hidden;}
.main_visual img{width:100%;height:100%;object-fit:cover;}
.main_visual .visual_text{position:absolute;bottom:160px;left:50%;color:white;text-align:center;transform:translate(-50%,0%);width:100%;}
.main_visual .visual_text .visual_stit{font-size:20px;border-bottom:1px solid #fff;width:fit-content;margin:0 auto 40px auto;}
.main_visual .visual_text .visual_mtit{font-size:28px;font-weight:bolder;margin-bottom:10px;}
.main_visual .visual_text .visual_tit{font-family:'ELAND_Nice_M';font-size:44px;}

.swiper-button-prev.cont-button-prev{position:absolute;left:10%;top:50%; filter: brightness(0) invert(1); opacity: 0.5; transition: ease-in-out 0.3s;}
.swiper-button-next.cont-button-next{position:absolute;right:10%;top:50%; filter: brightness(0) invert(1);opacity: 0.5;  transition: ease-in-out 0.3s;}
.swiper-button-prev.cont-button-prev:hover,.swiper-button-next.cont-button-next:hover{opacity: 1;}


.main_visual  .swiper-pagination{position: absolute; left: 50%; bottom:10px ;transform: translateX(-50%);}
.main_visual  .swiper-pagination-bullet { display: none;}
@media all and (max-width:1280px){
    .swiper-button-prev.cont-button-prev{left:8%;}
    .swiper-button-next.cont-button-next{right:8%;}
}
@media all and (max-width:1024px)
{
    .main_visual{padding-top: 123px; height: fit-content;}
    .main_visual img{width:100%;height:100%;object-fit:cover;}
    .main_visual .visual_text{position: absolute; bottom: 40px;}
    .main_visual .visual_text .visual_stit{font-size:18px; margin: 0 auto 20px auto;}
    .main_visual .visual_text .visual_mtit{font-size:20px;}
    .main_visual .visual_text .visual_tit{font-size:30px;}
    .swiper-button-prev.cont-button-prev,.swiper-button-next.cont-button-next{display: none;}
    .main_visual  .swiper-pagination-bullet { background-color: #f8868e; display: inline-block;}
}
@media all and (max-width:480px)
{
    .main_visual .visual_text{bottom:40px;}
    .main_visual .visual_text .visual_stit{font-size:14px; margin: 0 auto 10px auto;}
    .main_visual .visual_text .visual_mtit{font-size:16px; margin-bottom: 5px; }
    .main_visual .visual_text .visual_tit{font-size:20px;}

}

/* 컨테이너 및 타이틀 */
.main .container{padding:0 40px;}
.main .category{font-family:'Paperlogy-8ExtraBold';font-size:30px;position:relative;margin-bottom:36px;}
.main .category::before{content:'⦁';color:#f9c2c5;position:absolute;left:-20px;top:50%;transform:translateY(-50%);}
.main .container .tit{font-family:'Paperlogy-8ExtraBold';font-size:28px;color:#f7868f;}
.main .container .desc{font-family:'Pretendard-Regular';font-size:18px;color:#222;line-height:26px;}
.main .container .desc.small{font-size:16px;}


@media all and (max-width: 1280px) {
    .main .category{margin-left: 20px;}
    .main .category::before{position:absolute;left:-20px;}
    .main .container .tit{font-size:26px;}
}
@media all and (max-width:1024px){
    .main .container .desc{margin-top: 10px;}
}
@media all and (max-width:480px){
    .main .category{font-size:26px; margin-bottom: 20px;}
    .main .container .tit{font-size:24px;}
}

@media all and (max-width:375px){
    .main .container .desc.small{font-size:14px;}
    .main .container .tit{font-size:22px;}
    .main .container .desc{font-size:16px;}
}

/* 플렉스 */
.main .flexs{display:flex;align-items:center;}
.main .flexs>:nth-child(1){margin-right:2.5%;}
.main .flexs.width50>div{width:50%;}
.main .flexs.start{align-items:flex-start!important;}

@media all and (max-width:768px)
{
   .main .flexs{display: block;}
   .main .flexs>:nth-child(1){margin-right:0%;}
   .main .flexs.width50>div{width:100%;}
}
/* 섹션 1 */
.main_section_1{padding-top: 100px;}
.main_section_1 .tit{margin:24px 0;}
.main_section_1 .hashtag{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px;}
.main_section_1 .hashtag span{display:inline-block;border:1px solid #f7868f;color:#f7868f;padding:5px 10px;border-radius:18px;font-size:16px;font-family:'Pretendard-Regular'; transition: ease-in-out 0.2s;}
.main_section_1 .hashtag span:hover{background: #f7868f; color:#fffefe ;}
.main_section_1 .caption .sec1_btn{    transition: transform 0.4s ease-in-out;}
.sec1_btn:hover {   transform:translateX(20px);}

 @media all and (max-width:1280px)
 {
    .main_section_1{padding-top: 80px;}
    .main_section_1 .hashtag{margin-top:20px;}
 }

 @media all and (max-width:1024px){
    .main_section_1 .tit{margin:0 0 20px 0;}
    .main_section_1 .caption .sec1_btn{display: none;}
    .main_section_1 .flexs{align-items: flex-start;}
 }

 @media all and (max-width:768px)
 {  
    .main_section_1{padding-top: 60px;}
    .main_section_1 .tit{margin:20px 0 15px 0;}
    .main .container{padding:0 20px;}
 }

/* 섹션 2 */
.main_section_2{background:url('../images/main/main_section_2_bg.png') no-repeat center;height:780px;position:relative; margin-top: 130px; }
.main_section_2 .container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:fit-content;}
.main_section_2 .tit{margin:15px 0 20px 0;}
.main_section_2 .image { overflow: hidden;  display: inline-block; position: relative;}
.main_section_2 .image img {   width: 100%; height: auto;  transition: transform 0.3s ease-in-out; /* 부드러운 확대 효과 */}
.main_section_2 .caption:hover img {transform: scale(1.1);}

@media all and (max-width:1280px)
{
    .main_section_2{margin-top: 80px;}
}


@media all and (max-width:768px){
    .main_section_2{background:url('../images/main/main_section_2_bg_mo.png') no-repeat center center;height:1500px;position:relative;background-size: cover;}
    .main_section_2 .image{margin-bottom: 40px; text-align: center !important; display: block;}
    .main_section_2 .desc{border-top: 1px solid #222; padding-top: 10px;}
    .main_section_2{margin-top: 60px;}
    .main_section_2 .tit{margin:0 0 15px 0;}
}
@media all and (max-width:680px){
    .main_section_2{height:1400px;background-size: cover;}
}
@media all and (max-width:560px){
    .main_section_2{height:1280px;background-size: cover;}
}

@media all and (max-width:500px){
    .main_section_2{height:1100px;background-size: cover;}
}

@media all and (max-width:420px){
    .main_section_2{height:900px;}
}
/* 섹션 3 */
.main_section_3{padding-top:130px;}
.main_section_3 .bl{background:#e5e5e5;color:#222;border-radius:40px;margin-bottom:20px;width:100%;padding:0 40px;height:120px;position:relative;}
.main_section_3 .bl::after{content:'';position:absolute;right:0;top:50%;width:0;height:0;border:10px solid transparent;border-left-color:#e5e5e5;border-right:0;margin-top:-10px;margin-right:-9px;}
.main_section_3 .bl:hover,
.main_section_3 .bl:hover .tit,
.main_section_3 .bl:hover .desc{background:#f7868f;color:white;}
.main_section_3 .bl:hover::after{border-left-color:#f7868f;}



.main_section_3 .img_wrap{position: relative; }
.main_section_3 .img_wrap .image {position: absolute; top: 50%; left: 0; transform: translateY(-50%); opacity: 0; transition: opacity 0.5s ease-in-out;}
.main_section_3 .img_wrap .image.active {opacity: 1;}


@media all and (max-width:1024px){
    .main_section_3 .pc-only{display: none;}
    .main_section_3 .mo-only{display: block !important;}
    .main_section_3 .image{text-align: center; margin-bottom: 40px; }
    .main_section_3 img{max-width: fit-content;}
    .main_section_3{padding-top:80px;}
    .main_section_3 .cont-slider-mo{overflow: hidden; padding:20px 0}
    .main_section_3 .bl{justify-content: center; text-align: center; display: flex; align-items: center; }
    .main_section_3 .bl .tit{color:#222;}
    .main_section_3 .bl::after{content:'';position:absolute;right:50%;top:0;    border-bottom: 10px solid #e5e5e5;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 0px solid transparent;}
    .main_section_3 .bl:hover::after{border-bottom-color:#f7868f; border-left-color:transparent}  
    .main_section_3 .swiper-pagination-bullet {  background-color: #f8868e; }
}
@media all and (max-width:768px){
    .main_section_3{padding-top:60px;}
}


/* 섹션 4 */
.main_section_4{padding-top:130px;}
.main_section_4 .mb40{margin-bottom:40px;}
.main_sec4_cont{display:block;overflow:hidden;background:#f8f8f8; position: relative;}
.main_sec4_cont .tit{margin:10px 0;}
.main_sec4_cont .image{position:relative;width:100%;height:300px;overflow:hidden; border: 1px solid #eee; }
.main_sec4_cont .image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity 0.3s ease-in-out;}
.main_sec4_cont .image .first{opacity:1;}
.main_sec4_cont .image .second{opacity:0;}
.main_sec4_cont:hover .image .first{opacity:0;}
.main_sec4_cont:hover .image .second{opacity:1;}
.main_sec4_box{padding:30px 30px 30px 0;}
.main_section_4 .sec4_btn{position:absolute;bottom:30px;right:30px; transform: translateY(0%);   transition: transform 0.4s ease-in-out;}
.main_section_4 .sec4_btn:hover{   transform:translateX(15px);}
/* 배너 */
.main_banner{padding-top:100px;}

@media all and (max-width:1280px){
    .main_section_4{padding-top:80px;}
    .main_banner{padding-top:80px}
}

@media all and (max-width:768px){
    .main_section_4{padding-top:60px;}
    .main_sec4_box{padding:30px;}
    .main_banner{padding-top:60px }
    .sec4_btn{display: none;}
}


@media all and (max-width:480px){
    .main_sec4_box{padding:20px;}
    
}
/* 섹션 7 */
.main_section_7{padding-top:130px;}
.main_section_7 .flexs>a {position: relative;}
.main_section_7 .caption{position:absolute; bottom: 30px; left: 30px;}
.main_section_7 .caption .desc{color:#fff; margin-bottom: 10px;}
.main_section_7 .caption .tit{color:#fff; font-size:24px;}
@media all and (max-width:1280px){
    .main_section_7{padding-top:80px;}
}
@media all and (max-width:768px){
    .main_section_7 {padding-top:60px;}
    .main_section_7 .flexs>:nth-child(1){margin-bottom: 40px !important; display: inline-block !important;}
    .main_section_7 .flexs>a{margin-bottom: 40px !important; display: inline-block !important; width: 100%;}
    .main_section_7 .flexs>a .image{width: 100% !important; text-align: center;}
    .main_section_7 .flexs>a .image img{width: 100% !important;}
}


/* 섹션 5 */
.main_section_5{overflow:hidden;max-width:1400px;width:100%;margin:0 auto;padding:130px 20px 0 20px;}
.main_section_5 .container{padding-bottom:40px;}
.sec5_tit{position:relative;}
.s5-swiper{max-width:1400px;width:100%;}
.s5-swiper .swiper-wrapper{display:flex;width:100%;transition:transform 1.5s ease-in-out;padding-bottom:20px;}
.s5-swiper .swiper-wrapper .swiper-slide{display:flex;justify-content:center;align-items:center;padding-bottom:20px;transition:transform 1.5s ease-in-out;}
.s5-swiper .swiper-wrapper .swiper-slide:nth-child(odd){transform:translateY(10%);}
.s5-swiper .swiper-wrapper .swiper-slide:nth-child(even){transform:translateY(-10%);}
.s5-swiper .swiper-wrapper .swiper-slide-active{transform:translateY(10%)!important;}

.swiper-button-prev.s5-btn-prev{background-image:url('../images/main/main_sec5_bnt_l.png');background-size:cover;background-repeat:no-repeat;background-position:center;width:40px;height:40px;position:absolute;left:160px;top:50%;}
.swiper-button-next.s5-btn-next{background-image:url('../images/main/main_sec5_bnt_r.png');background-size:cover;background-repeat:no-repeat;background-position:center;width:40px;height:40px;position:absolute;left:220px;top:50%;}

.cont5_box{position: relative;}
.s5-swiper .swiper-wrapper .swiper-slide .cont5_icon_t{display:flex;justify-content:left;align-items:flex-start;position: absolute; left:30px; bottom: 35px;}
.s5-swiper .swiper-wrapper .swiper-slide .cont5_icon_t .cont5_icon{width:fit-content;margin-right:10px;}

/* 반응형 스타일 */
@media all and (max-width:1440px){
    .s5-swiper .swiper-wrapper .swiper-slide .cont5_icon_t .cont5_icon{max-width:30px;}
}
@media all and (max-width:1280px){
    .main_section_5{padding-top: 80px;}
    .s5-swiper .swiper-wrapper .swiper-slide .cont5_icon_t .cont5_icon{margin-right:5px; }
}
@media all and (max-width:768px){
    
    .s5-swiper .swiper-wrapper .swiper-slide .cont5_icon_t .cont5_icon{max-width:25px;max-height: 30px;}
    .s5-swiper .swiper-wrapper .swiper-slide .cont5_icon_t .desc{font-size: 14px;}
    .main_section_5{padding-top: 60px;}
}
@media all and (max-width:400px){
    .s5-swiper .swiper-wrapper .swiper-slide .cont5_icon_t .desc{font-size: 15px;}
}

/* 섹션 6 */
.main_section_6{padding:130px 0 160px 0;background:url('../images/main/main_section_6_bg.png') center bottom no-repeat;background-size:contain;}
.main_sec6_tit{display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 20px;}
.main_sec6_tit .tit.small{font-size: 20px; font-family:'Pretendard-Regular';}
.main_sec6_tit2{display: flex; justify-content: left; align-items: center;}
.main_sec6_tit2>div{margin-left: 10px;}
.main_sec6_tit2>div span{border-bottom: 1px solid #f7868f;}
.main_sec6_tit3{background: #eee; padding: 10px 120px 10px  20px; position: relative; border-radius: 30px;  text-align: left !important; cursor: pointer; color: #222;}
.main_sec6_tit3 img{position: absolute; right: 20px; bottom: 0;}
.main_sec6_tit3 .desc{font-size: 16px !important;}

.sec6_flex{display:flex;flex-wrap:wrap;gap:10px;justify-content:left;border-radius:30px;background:rgba(247,134,143,0.5);width:100%;padding:20px 120px 20px 20px;align-items:center;position:relative;}
.sec6_flex .ico_bg{position:absolute;right:-40px;}
.sec6_box{width:130px;height:130px;position:relative; }
.sec6_box_n,.sec6_box_h{width:130px;height:130px;position:absolute;top:0;left:0;backface-visibility:hidden;transition:transform 0.6s ease-in-out;transform-origin:center;}
.sec6_box_n,.sec6_box_n2{display:flex;flex-direction:column;align-items:center;justify-content:center;}
.main_section_6 .img_box{background:#fdefee;padding:20px;border-radius:50%;cursor: pointer;}
.sec6_box_n .desc,.sec6_box_n2 .desc{margin-top: 5px;}
.sec6_box_h{background:#fdefee;border-radius:18px;display:flex;align-items:center;justify-content:center;transform:rotateX(-180deg); padding: 20px 10px;}
.sec6_box:hover .sec6_box_n{transform:rotateX(-180deg);}
.sec6_box:hover .sec6_box_h{transform:rotateX(0deg);}
.sec6_box .desc{text-align:center;}
.sec6_box .desc.small2{font-size:15px;font-family:'Pretendard-Regular';color:#222;line-height:18px;}
.sec6_box .desc.small2.ccolor_p{color:#f7868f;}

.sec6_box .sec6_box_h.long{width: 400px; z-index: 20; padding: 10px !important; display: flex; align-items: center; height: fit-content; padding: 20px 0px !important;}
.sec6_box .sec6_box_h.long .small2 {text-align: left;}
.sec6_box .sec6_box_h .small2{display: flex; justify-content: center; margin-top: 10px;}
.sec6_box .sec6_box_h .small2>:nth-child(1){margin-right: 15px;}
.sec6_box .sec6_box_h .small2 span{font-weight: bold;}


@media all and (max-width: 1440px) {
    .main_sec6_tit3 .desc{margin-top: 0 !important;}
    .sec6_box .sec6_box_h.long{position: absolute;    left: auto; right: 0px;}
    .sec6_flex{padding:20px; justify-content:space-between}
    .sec6_flex .ico_bg{position:absolute;right:0px;bottom: -140px; width: 180px;}
}

@media all and (max-width: 1280px) {
    .main_section_6{padding-top: 80px;}
    .sec6_flex .ico_bg{position:absolute;right:0px;bottom: -150px; width: 160px;}
}
@media all and (max-width: 1050px) {
    .sec6_flex{ justify-content:left;}
    .sec6_flex .ico_bg{position:absolute;right:0px;bottom: 0px;}
}

@media all and (max-width: 950px) {
    .sec6_box .sec6_box_h.long{position: absolute;    left: 0; right: auto;}
}


@media all and (max-width:768px){
    .main_section_6{padding-top: 60px;}
    .sec6_flex{padding: 30px;  justify-content: space-between;}
    .main_section_6 .img_box{padding:15px;}


    .sec6_box.last {display: none;}
    .main_sec6_tit .tit.small{font-size: 16px;}
    .main_sec6_tit3{padding: 10px 60px 10px 20px; border-radius: 20px;}
    .main_sec6_tit3 img{position: absolute; right: 0px; bottom: 0;}

}

@media all and (max-width:680px){

    .sec6_box .sec6_box_h.long{position: absolute;width:200px;  left:auto; right: 0; padding: 20px !important; justify-content:left;}
    .sec6_box .sec6_box_h .small2>:nth-child(1){margin-right: 0px;}
    .sec6_box .sec6_box_h .small2{display: block; }
    .sec6_box .desc{font-size: 14px; text-align: left;}
    .sec6_box .desc.small2{font-size: 12px;}
    .sec6_flex .ico_bg{position:absolute;right:0px;bottom:-20px;}
}


@media all and (max-width: 520px) {
    .sec6_box {gap: 20px;}
    .sec6_box.last {display:block; opacity: 0;}
    .sec6_flex {gap:16px 0;justify-content:space-between; padding: 60px 20px;}
    .main_sec6_tit{display: block;}
    .main_sec6_tit3{ width: fit-content; display: block; margin-top: 20px;}
    .main_sec6_tit3 .desc{width: fit-content;}
    .main_sec6_tit3 .mo-only{display: none;}

    .sec6_box{width:130px;}
    .sec6_box_n,.sec6_box_h{width:130px;height:130px;}
}


@media all and (max-width: 430px) {   
    .sec6_box.last {display: none !important;}
}




/*고대비모드+메인*/   
.gray  .main .category::before{content:'⦁';color:#fff !important;}
.gray .main_section_2{background-image: none !important;}
.gray .main_section_1 *,.gray .main_section_2 *,.gray .main_section_4 *,.gray .cont5_box  *{  background-color: #000 !important; color: #fff !important;  border-color: #fff !important;}

.gray .main_section_3 .bl{border: 1px solid white; background: rgb(255, 255, 255) !important; }
.gray .main_section_3 .bl *{color: #000 !important;}
.gray .main_section_3 .bl::after{border-left-color:#fff;}

.gray .main_section_3 .bl:hover,
.gray .main_section_3 .bl:hover .tit,
.gray .main_section_3 .bl:hover .desc{background:#ffffff;color:white;}
.gray .main_section_3 .bl:hover::after{border-left-color:#fff}
.gray .main_section_3 .swiper-pagination-bullet {  background-color: #ffffff; }

@media all and (max-width:1280px){
    .gray .main_section_3 .bl::after{border-bottom-color:#fff !important; border-left-color:transparent !important}
}

.gray .cont5_box { background: black;   
    outline-offset: -2px;  border-radius: 30px;}

.gray .main_sec6_tit *{ border-color: white; color: white !important; }
.gray .main_sec6_tit .desc{background: black !important;}
.gray .main_sec6_tit .main_sec6_tit3{ border: 1px solid #fff;background: black !important;}
.gray .main_sec6_tit2 img{display: none;}

.gray .main_section_6 .img_box,.gray .main_section_6 .sec6_box_h,.gray .main_section_6 .sec6_flex{border: 1px solid white;}
.gray .main_section_6 .sec6_flex ,.gray .main_section_6 .sec6_box *{  background-color: #000 !important; color: #fff !important;  border-color: #fff;}
.gray .main_section_6 {background-image: none !important;}


.wh_on{display: none;}
.gray .wh_on{display: inline-block;}
.gray .wh_none{display: none;}