@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: 'IbmPlexSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-SemiBold.woff') format('woff');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Suit';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

/* 기본 스타일 */
.main{font-family:'Pretendard';}
.wbk{word-break:keep-all;}
.fw500{font-weight: 500 !important;}
.fw600{font-weight: 600 !important;}
.image{text-align: center;}
.image img{width: 100%;}
.ls5{letter-spacing: -0.05em !important}
.ls6{letter-spacing: -0.06em !important}
@media all and (max-width:767px)
{
  #contents{padding: 0 !important;}
}

.pc-only { display:block !important;}
.tb-only { display:none !important;}
.mo-only { display:none !important;}


@media all and (max-width:767px)
{
  .pc-only { display:none !important;}
  .mo-only { display:block !important;}
}

@media screen and (min-width: 767px) and (max-width: 1279px) {
    .tb-none{display: none !important;}
    .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'; 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:1279px){.nav{display: none;}}
/* 현재 활성화된 섹션 스타일 */
.nav a.active .round {background-color: #f8868e;}


/* 메인 비주얼 */


.main_visual{max-height:fit-content;width:100%;position:relative;height:100vh; overflow: hidden;}
.main_visual img{width:100%;height:100%;object-fit:cover;}
.main_visual .visual_text{position:absolute;bottom:130px;left:50%;color:white;text-align:center;transform:translate(-50%,0%);width:100%;}
.main_visual .visual_text .visual_stit{width: fit-content;  color:#fff;text-align: center;font-size: 26px;font-weight:400;line-height: 36px;letter-spacing: -0.52px; margin: 0 auto 40px auto; }
.main_visual .visual_text .visual_mtit{color:#fff;text-align: center;font-size: 32px;font-weight: 400;line-height: 40px; letter-spacing: -0.8px;}
.main_visual .visual_text .visual_tit{color:#fff;text-align: center;
font-family: "IbmPlexSans";font-size: 44px;font-weight: 700;line-height: 52px; letter-spacing: -0.44px;  margin-top: 18px;}

.swiper-button-prev.cont-button-prev{width: 48px; height: 48px;position:absolute;left:10%;top: calc(50% + 40px); filter: brightness(0) invert(1); opacity: 0.5; transition: ease-in-out 0.3s;}
.swiper-button-next.cont-button-next{width: 48px; height: 48px;position:absolute;right:10%;top: calc(50% + 40px); 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:1279px){
    .swiper-button-prev.cont-button-prev{left:8%;}
    .swiper-button-next.cont-button-next{right:8%;}
     .main_visual .visual_text{position: absolute; bottom: 40px;}
     .main_visual{height: 500px;}
    .main_visual>div{height: 100%;}
}

@media all and (max-width:1023px)
{
   
    .main_visual img{width:100%;height:100%;object-fit:cover;  object-fit: cover; object-position: center}
    .main_visual .visual_text{position: absolute; bottom: 60px; width:calc(100% - 40px); left: 50%; transform: translateX(-50%);}
   .main_visual .visual_text .visual_stit{font-size: 20px; line-height: 28px; letter-spacing: -0.8px;}
    .main_visual .visual_text .visual_mtit{font-size: 24px;font-weight: 600;line-height: 32px;letter-spacing: -0.486px;}
    .main_visual .visual_text .visual_tit{font-size: 32px;line-height: 40px;letter-spacing: -0.8px; margin-top: 6px;}
    
    .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:767px)
{
    .container { padding: 0 20px; } 
     .main_visual{ height: fit-content;}
   .main_visual .visual_text .visual_stit{font-size: 14px; line-height: 20px;
    letter-spacing: -0.28px; margin-bottom: 12px;}
    .main_visual .visual_text .visual_mtit{font-size: 16px;font-weight: 600;line-height: 24px;letter-spacing: -0.16px;}
    .main_visual .visual_text .visual_tit{font-size: 24px;font-weight: 600;line-height: 32px; letter-spacing: -0.48px;}
}
@media all and (max-width:344px){
    .main_visual .visual_text .visual_tit{font-size: 22px;line-height: 30px; letter-spacing: -0.44px;}
}


.main .section .cont_wrap { width: calc(100% - 160px); max-width: 1028px; margin: 0 auto; } 
.main .section .cont_wrap .big_tit { color: #222; font-size: 36px; font-weight: 700; line-height: 36px; letter-spacing: -0.9px; margin-bottom: 36px; text-align: center; } 
.main .section .cont_desc { color: #666; font-size: 18px; font-weight: 400; line-height: 24px; letter-spacing: -0.54px; margin-top: 12px; } 

@media all and (max-width:1023px) {
.main .visual { margin-top: 0px !important; height: 600px; background: url('../images/main/main_visual_mo.jpg') center bottom; margin-top: 100px; background-repeat: no-repeat; background-size: cover; } 
.main .visual .visual_cont .visual_poster img { width: 280px; } 
.main .visual .visual_cont .vol_txt { width: 280px; font-size: 17px; font-weight: 500; line-height: 17px; letter-spacing: -0.255px; } 

.main .section .cont_wrap { width: calc(100% - 48px); max-width: none; } }

@media all and (max-width:767px) {.main .section .cont_wrap { width: calc(100% - 32px); } 
.main .section .cont_desc { font-size: 15px; font-weight: 400; line-height: 21px; letter-spacing: -0.225px; } 

.main .section .cont_wrap .big_tit{font-size: 24px;
font-weight: 700;line-height: 24px; letter-spacing: -0.36px; margin-bottom: 16px;}
}


/*pc .quick_bar*/
.quick_bar {display: flex; align-items: center; justify-content: center; gap: 72px;padding: 16px 0; background: rgba(250, 241, 241, 0.95);}
.quick_bar .q_ico{flex-direction: column; display: flex; justify-content: center; align-items: center;}
.quick_bar .q_ico img{width: 48px;}
.quick_bar .q_ico span{display: block; text-align: center;
font-size: 14px;font-weight: 400;line-height: 20px; letter-spacing: -0.28px;}

@media all and (max-width:1023px){
    .quick_bar {gap: 20px;}
    .quick_bar .q_ico span{font-size: 12px;font-weight: 400;line-height: 14px; letter-spacing: -0.24px;}
}

@media all and (max-width:767px){
    .quick_bar {gap: 0px; align-items: flex-start; padding: 6px 12px 16px 12px;}
    .quick_bar>:nth-child(1), .quick_bar>:nth-child(4){padding: 0 10px; }
    .quick_bar>:nth-child(2), .quick_bar>:nth-child(3), .quick_bar>:nth-child(5){padding: 0 8px; }
    
}
@media all and (max-width:334px){
.quick_bar .q_ico span{word-break: keep-all;}
.quick_bar {gap: 0px; align-items: flex-start; padding: 6px 12px 16px 12px;}
.quick_bar .q_ico img{width: 40px;}
.quick_bar>:nth-child(1), .quick_bar>:nth-child(4){padding: 0 8px; }
.quick_bar>:nth-child(2), .quick_bar>:nth-child(3), .quick_bar>:nth-child(5){padding: 0 6px; }
}
.main .title{color:#E73323;font-size: 80px;font-weight: 300;line-height: 69px; letter-spacing: -1.6px; margin-bottom: 36px;}
.main .tit{font-size: 36px;font-weight: 500;letter-spacing: -0.72px; line-height: 46px;}
.main .small_tit{font-size: 32px;font-weight: 600;line-height: 40px;letter-spacing: -0.8px;}
.main .text24{font-size: 24px;font-weight: 400;line-height: 32px; letter-spacing: -0.48px;}
.main .category{font-size: 20px;font-weight: 400;line-height: 28px; letter-spacing: -0.8px; margin-bottom: 8px;}
.main .desc{font-size: 18px;font-weight: 400;line-height: 32px; letter-spacing: -0.18px;}

/* 플렉스 */
.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:1279px)
{
    .main .title{font-size: 60px; line-height: 46px; letter-spacing: -0.8px; }
    .main .tit, .main .small_tit {font-size: 22px;font-weight: 600;line-height: 30px;letter-spacing: -0.44px;}

    .main .category { font-size: 16px;font-weight: 400;line-height: 26px; letter-spacing: -0.16px; } 
 }



@media all and (max-width:767px)
{
    .main .title{font-size: 32px;font-weight: 300;line-height: 40px; letter-spacing: -0.8px; margin-bottom:16px;}
    .main .tit{font-size: 20px;font-weight: 600;line-height: 28px; letter-spacing: -0.8px;}
   .main .small_tit{font-size: 20px;line-height: 28px; letter-spacing: -0.8px;}
   .main .category{font-size: 14px;font-weight: 400;line-height: 20px; letter-spacing: -0.28px;}
   .main .flexs{display: block;}
   .main .flexs>:nth-child(1){margin-right:0%;}
   .main .flexs.width50>div{width:100%;}
}



.main_section_2,.main_section_3,.main_section_4{padding-top: 150px;}
/* 섹션 1 */
.main_section_1{padding-top: 180px;}
.main_section_1 .section1_flexs{display: flex;}
.section1_flexs a{position: relative;overflow: hidden; }
.section1_flexs a .image{position: relative; z-index: 1; }
.section1_flexs a .image img {   width: 100%; height: auto;  transition: transform 0.6s ease-in-out; }
.section1_flexs a:hover img {transform: scale(1.05);}

.section1_flexs .caption *{color:#fff}
.section1_flexs .caption{position: absolute; z-index: 1; top: 0; left: 0; padding: 30px 32px;}
.section1_flexs .caption .category{margin-bottom: 12px;}



@media all and (max-width:1279px){
.section1_flexs { display:flex; align-items:stretch; } 
.section1_flexs .cont1 { flex:0 0 50%; display:flex; flex-direction:column; } 
.section1_flexs .cont1 .image { flex:1; } 
.section1_flexs .cont1 .image img { width:100%; height:100%; object-fit:cover; } 
.section1_flexs .tb-only { flex:0 0 50%; display:flex; flex-direction:column; } 
.section1_flexs .tb-only a { flex:1; } 
.section1_flexs .caption .category{margin-bottom: 6px;}
}
@media (min-width: 1024px) and (max-width: 1540px) {
    .main_section_1 .tit br{display: none;}
}

@media all and (max-width:1023px){
.main_section_1{padding-top: 60px;}
.section1_flexs .caption{padding: 24px 28px;}
.section1_flexs .caption .category{margin-bottom: 8px;}
}


@media all and (max-width:767px){
.main_section_1 .section1_flexs{flex-direction: column;}

}
/* 섹션 2 */

.main_section_2 { position: relative;background: rgba(250, 241, 241, 0.95); } 
.main_section_2 .container { position: relative; overflow: hidden; } 
.main_section_2 .swiper_wrap { position: relative; width: 100%; } 

.main_section_2 .mySwiper2 { position: relative; z-index: 2; pointer-events: none; } 
.main_section_2 .mySwiper2 .swiper-slide { display: flex; gap: 24px; opacity: 0; transition: opacity 0.45s ease; } 
.main_section_2 .mySwiper2 .swiper-slide-active { opacity: 1; } 
.main_section_2 .mySwiper2 img { width: 586px; flex-shrink: 0; } 
.main_section_2 .mySwiper2 .caption { flex: 1; height: fit-content; height: 154px; margin-top: 36px; } 
.main_section_2 .mySwiper2 .caption .tit{margin-bottom: 8px;}
.custom-bar { position: absolute;right: 0; width: calc(100% - 610px) !important; height: 10px; background:rgba(255, 255, 255, 0.80);  top: 238px;} 
.custom-bar .swiper-pagination-progressbar-fill { background: #E04F42; transition: transform 0.4s ease; } 

.main_section_2 .mySwiper { position: absolute; right: 0; bottom: 0; width: calc(100% - 610px); height: 448px; 
 z-index: 3; overflow: hidden; pointer-events: auto; } 
.main_section_2 .mySwiper .swiper-wrapper { height: 100%; }
.main_section_2 .mySwiper .swiper-slide { width: 100%; height: 100%; overflow: hidden;  } 
.main_section_2 .mySwiper .swiper-slide  img { width: 100%; height: 100% !important; object-fit: cover; display: block; } 

@media all and (max-width:1440px){
.main_section_2 .mySwiper { height: 400px;} 
.main_section_2 .mySwiper2 .caption{height: auto}
.custom-bar{top: 286px;}
.main_section_2 .mySwiper2 .desc { display: -webkit-box; -webkit-line-clamp: 2; 
 -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } 

}/* PC */

@media all and (max-width:1024px){
 .main_section_2 .mySwiper2 img { width: 500px; flex-shrink: 0; } 
 .main_section_2 .mySwiper {width: calc(100% - 524px); height: 280px;}
 .custom-bar{width: calc(100% - 524px) !important;}
}
@media all and (max-width:860px){
 .main_section_2 .mySwiper2 img { width: 420px; flex-shrink: 0; } 
 .main_section_2 .mySwiper {width: calc(100% - 444px); height: 280px;}
 .custom-bar{width: calc(100% - 444px) !important; top: 200px;}
 
 .main_section_2 .mySwiper2 .desc{display: none;}
}


.mySwiper3 { display: none }
@media all and (max-width: 767px) { 
 .main_section_2 .swiper_wrap { display: none !important; } 
 .mySwiper3 { display: block !important; overflow: hidden; } 
 .mySwiper3-bar { height: 10px; background:rgba(255, 255, 255, 0.80); position: absolute; bottom:0px !important; top: auto !important; width: calc(100% - 80px) !important; left: 50% !important; transform: translateX(-50%);} 
.mySwiper3-bar .swiper-pagination-progressbar-fill { background: #E04F42; transition: transform 0.4s ease; }
.main_section_2 .caption{margin-top: 16px; margin-bottom: 16px;}
.main_section_2{padding: 80px 0 24px 0;}

}
@media all and (max-width: 767px) { 
 .mySwiper3-bar { width: calc(100% - 40px) !important; } 
}

/* 섹션 3 */
.main_section_3 .section3_flexs{display: flex; gap: 24px;}
.section3_flexs a{position: relative;overflow: hidden; flex: 1;}
.section3_flexs a .image img {   width: 100%; height: auto;  transition: transform 0.6s ease-in-out; }
.section3_flexs a:hover img {transform: scale(1.05);}
.section3_flexs .caption{margin:24px 8px 0 8px}

@media all and (max-width: 1280px) { 
.section3_flexs .caption{margin: 16px 12px 0 12px;}
.section3_flexs .category{margin-bottom: 4px;}
.main_section_3 .section3_flexs{gap: 16px;}
}
@media all and (max-width: 1023px) { 
    .main_section_3{padding: 80px 0;}
}
@media all and (max-width: 767px) { 
     .main_section_3 .section3_flexs{flex-direction: column; gap:40px}
    .section3_flexs .caption{margin: 16px 20px 0 20px;}
}

/* 섹션 4 */
.section4_flexs{display: flex; gap: 48px; align-items: stretch;}
.main_section_4 .title{margin-bottom: 16px !important; }
.event_box{width: calc(586 / 1440 * 100%); background: #FFC6C1; display: flex; flex-direction: column; position: relative; justify-content: center; gap: 64px;}
.event_box .event_wrap{margin: 0 36px;}
.event_box .event_tit{font-family: 'Suit';font-size: 86px;font-weight: 600;line-height: 76px;letter-spacing: -1.72px; text-align: center; color: #E73323; margin: 17px auto;}
.event_box .text24{text-align: center;}
.event_box .event_wrap2{position: relative; width:  calc(100% - 60px);margin:0px auto; max-width: 480px; }
.event_box .event_wrap2 .text_wrap{padding:30px 20px 40px 20px; background: #fff; border: 1.5px solid #222;}
.event_box .text28{color: #222;text-align: center; font-family: 'Suit'; font-size: 28px;font-weight: 800;line-height: 38px;letter-spacing: -0.84px;}
.event_box .text19{color: #222;text-align: center;font-family: 'Suit'; font-size: 19px;font-weight: 700;line-height: 30px; letter-spacing: -0.76px; margin-top: 14px;margin-bottom: 24px;}
.event_box .text19 br{display: none;}
.event_box .icon{text-align: center;font-size: 28px;font-weight: 500;line-height: 30px; letter-spacing: 10px; padding: 20px 30px; border-radius: 5.603px;border: 0.934px solid #222;}

.event_box  .img_wrap{position: absolute; bottom:0px; display: flex; justify-content: space-between; width: 100%; }
.event_box  .img_wrap>:nth-child(1){max-width:130px; width: 100%;}
.event_box  .img_wrap>:nth-child(2){max-width:109px; width: 100%;}


.sns_box {flex: 1; min-width: 0;}
.box4_wrap{display: flex; gap: 24px; align-items: stretch;   flex-wrap: wrap; margin: 24px 0 0 0; }
.box4_wrap .box4{display: flex;padding: 10px 10px 20px 10px;flex-direction: column;align-items: center;gap: 16px;   width: calc((100% - 24px) / 2); box-sizing: border-box; background: rgba(250, 241, 241, 0.95); }
.box4_wrap .box4 .box4_flex{display: flex; gap: 12px; padding: 0 8px; align-items: flex-start;  width: 100%;}
.box4_wrap .box4 .box4_flex .box4_ico1{width: 32px;}
.box4_wrap .box4 .box4_flex .box4_ico2{width: 24px;}
.box4_wrap .box4 .box4_flex .text24{font-weight: 600;}
@media all and (max-width:1440px){
.box4_wrap .box4 .box4_flex .text24{font-size: 20px;line-height: 28px; letter-spacing: -0.8px;}
.box4_wrap .box4 .box4_flex .text24 .tb{display: none;}
.event_box .event_wrap{margin:0 20px;}
.section4_flexs{gap: 24px;}
.event_box{gap: 30px;}
.event_box .event_tit{font-size: 56px;}
.event_box  .img_wrap{bottom: 0; align-items: flex-end;}
.event_box  .img_wrap>:nth-child(1){max-width:100px; }
.event_box  .img_wrap>:nth-child(2){max-width:80px;}
.event_box .text19 br{display: block;}
.event_box .icon{ letter-spacing:8px; }
}
@media all and (max-width:1279px){
.event_box .event_tit{font-size:48px; margin: 9px auto; line-height: 60px;}
.event_box .text24{font-size: 20px;line-height: 26px; letter-spacing: -0.8px; word-break: keep-all;}
.event_box .text28{ font-size: 24px;line-height: 32px;letter-spacing: -0.486px}
.event_box .text19{font-size: 17px; font-weight: 500; line-height: 28px; letter-spacing: -0.255px;; }
.event_box .icon{font-size: 22px;line-height: 30px; padding: 20px; letter-spacing:4px;}

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

.event_box .icon{ padding: 20px 16px; letter-spacing:2px;}
}

@media all and (max-width:1023px){
.main_section_4{padding:0 0 80px 0;}
.section4_flexs{gap: 80px;}
.section4_flexs{flex-direction: column;}
.event_box{width: 100%; padding: 36px 32px ; box-sizing: border-box; display: flex; flex-direction: row; overflow: hidden; }
.event_box .event_wrap{margin: 0; width: fit-content; }
.event_box .event_wrap * {text-align: left;}
.event_box .event_wrap2{ max-width: none; flex: 1; width: 100%;}
.event_box .event_wrap2>:nth-child(1) img{max-height: 60px;}
.event_box .event_wrap2 br{display: none;}
.event_box .img_wrap{left: 40px;  max-width: none; width: fit-content; bottom:-20px;}
.event_box .img_wrap>:nth-child(1){position: absolute; left: 95px; bottom: 13px; max-width:105px;}
.event_box .img_wrap>:nth-child(2){max-width: 130px;}
.event_box .icon{font-size: 26px;}
}
@media all and (max-width:768px){
.event_box .icon{ padding: 16px 8px; font-size: 24px;}
}
@media all and (max-width:767px){
.event_box  .img_wrap{bottom: 0; left: 50%; width: 100%; transform: translateX(-50%);}
.event_box  .img_wrap>:nth-child(1){max-width:60px; position: static; left: auto; bottom: auto; }
.event_box  .img_wrap>:nth-child(2){max-width:60px;}
.event_box .event_wrap{margin: 0 auto;}
.event_box .event_wrap * {text-align: center;}
.event_box{  min-height: 428.669px; padding: 42px 28px; flex-direction: column;}
.event_box .event_tit{font-size: 46px;font-weight: 600;line-height: 41.502px; letter-spacing: -0.92px; word-break: keep-all;}
.event_box .event_wrap2 .text_wrap{padding: 30px 40px 40px 40px;}
.event_box .text28,.event_box .text24{font-size: 17px;line-height: 26px; letter-spacing: -0.17px;}
.event_box .text19{font-size: 15px;line-height: 21px; letter-spacing: -0.225px;}

.box4_wrap{flex-direction: column;}
.box4_wrap .box4{width: 100%;}
.box4_wrap .box4 .box4_flex .text24{font-size: 18px;line-height: 26px;letter-spacing: -0.18px;}
.box4_wrap .box4{padding: 8.184px 8.184px 16.368px 8.184px;}
.box4_wrap .box4{gap:13px}
.event_box .event_wrap2 br{display: block}
}
@media all and (max-width:480px){
.event_box .text19 br{display: none}
.event_box{  padding: 42px 20px;}
.event_box .event_wrap2 .text_wrap{padding: 30px 20px 40px 20px;}
.event_box .icon{font-size: 17px;font-weight: 500;line-height: 18px;letter-spacing: 2px;}
}


/* 섹션 5 */
.main_section_5{padding: 150px 0;}
.box5_wrap{display: flex; gap: 24px; align-items: stretch;}
.box5{background: #F9DAD7;padding: 24px 28px; display: flex; flex-direction: column; justify-content: space-between;}
.box5 .category{font-weight: 600; color: #E73323; font-size: 22px;font-weight: 600;line-height: 30px; letter-spacing: -0.44px;}
.box5 .image {width: 408px; text-align: right !important;}
.box5 .image img{width: 112.157px;}
.box5_flex2{display: flex; align-items: stretch; gap: 24px; flex-wrap: wrap;  width: 100%; }
.box5_flex2 .box5_2{position: relative ; width: calc((100% - 24px) / 2);   overflow: hidden; }
.box5_flex2 .box5_n {display: flex; padding: 20px 20px 0 20px; justify-content: space-between; height: 100%;  width: 100%; box-sizing: border-box;     transition: all 0.3s ease-in-out; transform: translateY(0);}
.box5_flex2 .box5_h{    opacity: 0;  transition: all 0.3s ease-in-out;  transform: translateY(100%);  height: 100%; opacity: 0; display: flex; padding: 20px 20px 0 20px; justify-content: space-between; position: absolute; top:0; left: 0; width: 100%; box-sizing: border-box;}
.box5_flex2 .box5_h.pc-only{display: flex !important;}

.box5_flex2 .box5_n{border: 1px solid #FFF;background: rgba(250, 241, 241, 0.95);}
.box5_flex2 .box5_h{border: 1px solid #FFF;background:  #F9DAD7;}
.box5_flex2 .box5_2 .image img{width: 150px;}
.box5_flex2 .box5_2 .image2{display: flex; align-items: flex-end;}
.box5_flex2 .box5_2 .image2 img{width: 130px;}
.box5_flex2 .box5_2 .category2{color:#4A4A4A;font-size: 18px;line-height: 26px;letter-spacing: -0.18px;}
.box5_flex2 .box5_2 .category3{color: #E04F42;font-size: 22px;font-weight: 600;line-height: 30px; letter-spacing: -0.44px;}
.box5_2:hover .box5_n { opacity: 0; transform: translateY(100%); }
.box5_2:hover .box5_h { opacity: 1; transform: translateY(0); }

.box5_wrap2{position: relative; margin-top: 24px; ;}
.box5_wrap2 .txt_wrap{padding: 20px 260px 24px 20px; background: rgba(250, 241, 241, 0.95); ; display: flex; gap: 80px;}
.box5_wrap2 .txt_wrap>:nth-child(1){width: 388px;}
.box5_wrap2 .image{position: absolute; right: 0px; top: -10px;}
.box5_wrap2 .image img{width: 130px;}
.box5_wrap2 .small{color:#767676;font-size: 16px;font-weight: 400;line-height: 26px; letter-spacing: -0.16px; margin-bottom: 10px;}
.box5_wrap2 .desc>div{padding: 0 2px;  transition: all 0.3s ease-in-out; width: fit-content;}
.box5_wrap2 .desc>div:hover{background: #FAF0F0;}
.box5_wrap2 .txt_wrap:has(.desc > div:hover) {  background: #F9DAD7;  transition: background 0.3s ease-in-out; }
.box5_wrap2 span{display: inline-block; padding-right: 8px;}

.box5_2 .mo{display: none;}
@media all and (max-width:1680px){
.box5_flex2 .box5_n{ height: 142px;}
.box5_flex2 .box5_n,.box5_flex2 .box5_h{padding: 0;}
.box5_flex2 .box5_2 .image{display: flex; align-items: flex-end; padding-right: 20px;}
.box5_flex2 .box5_2 .image img,.box5_flex2 .box5_2 .image2 img{width: 100px;}
.box5_flex2 .box5_2 .box5_n .category2{padding: 20px 0 0 20px !important;}
.box5_flex2 .box5_h>:nth-child(1){padding: 20px 0 0 20px !important;}
}
@media all and (max-width:1440px){
.box5_flex2 .box5_2{width: calc((100% - 24px) / 2);}
.box5_2 .pc{display: none;}
.box5_2 .mo{display: block;}

.box5_wrap2{width: 100%;}
.box5_wrap2 .txt_wrap{padding: 20px 24px; width: 100%;}
.box5_wrap2 .txt_wrap>:nth-child(1){padding-right: 0;}
}
@media all and (max-width:1279px){
.box5_flex2 .box5_n,.box5_flex2 .box5_h{padding: 20px;}
.box5_flex2 .box5_2 .image{ padding-right: 0px;}
.box5_flex2 .box5_2 .image img,.box5_flex2 .box5_2 .image2 img{width: 80px;}
.box5_flex2 .box5_2 .box5_n .category2{padding: 0 !important;}
.box5_flex2 .box5_h>:nth-child(1){padding: 0 !important;}

.box5_wrap2 .txt_wrap{gap: 40px;}
 .box5 .image{width: 308px;}
 .box5_wrap2 .txt_wrap>:nth-child(1){width: 328px;}
 .box5_wrap2 .image{right: -30px;}
}
@media all and (max-width:1023px){
.main_section_5{padding: 0px 0px 60px 0;}

.box5_wrap2 .txt_wrap{gap: 40px; justify-content: space-between; background:  rgba(250, 241, 241, 0.95);}
.box5_wrap2 .desc>div:hover{background: #F9E4E2;}
.box5_wrap2 .image{display: none;}
.box5_wrap {flex-direction: column;}
.box5 .image{width: 100%;}
.box5 .image img{width: 64px;}
.box5_flex2 .box5_n,.box5_flex2 .box5_h{padding: 12px 20px; height: 140px !important;}
.box5{padding: 12px 20px; height: 140px !important; box-sizing: border-box;}
.box5_flex2 .box5_2 .image{position: absolute; right: 20px; bottom: 0px;}
.box5_flex2 .box5_2 .image img, .box5_flex2 .box5_2 .image2 img{width: 120px;}
.box5_flex2 .box5_2 .image .mo2{padding-bottom: 12px;}

.box5_wrap2 .txt_wrap>:nth-child(1){width: fit-content;}
}
@media all and (max-width:860px){
.box5_wrap2 .txt_wrap{gap:  8px 20px; }
.box5_flex2 .box5_2 .image img, .box5_flex2 .box5_2 .image2 img{width: 100px;}
}
@media all and (max-width:767px){
.box5_wrap{gap: 8px;}
.box5_flex2{flex-direction: column; gap: 8px;}   
.box5_flex2 .box5_2{width: 100%;}
.box5_flex2 .box5_h.pc-only{display: none!important;}
.box5 .category,.box5_flex2 .box5_2 .category2.fw600,.box5_wrap2 .category{font-size: 17px !important;line-height: 26px !important;letter-spacing: -0.17px !important; margin-bottom: 0;}
.box5_flex2 .box5_2 .category3{font-size: 20px;line-height: 28px;  letter-spacing: -0.8px;}
.box5_flex2 .box5_2 .category2{font-size: 14px;font-weight: 400;line-height: 20px;letter-spacing: -0.28px; margin-bottom: 6px;}
.box5_flex2 .box5_2 br{display: none;}
.box5_h.mo-only>:nth-child(1){display: flex !important; flex-direction: column; justify-content: space-between; height: 100%;}
.box5_wrap2 .txt_wrap{flex-wrap: wrap; justify-content: left; padding: 12px 20px;}
.box5_wrap2 .txt_wrap>:nth-child(1){width: 100%;}
.box5_wrap2 .image{display: block; top: auto; bottom: -20px; right: 20px;}
.box5_wrap2 .small{font-size: 14px;font-weight: 400;line-height: 20px;letter-spacing: -0.28px; margin-bottom: 8px; margin-top: 2px; }
.box5_2 .btn{font-size: 14px;font-weight: 400;line-height: 20px;letter-spacing: -0.28px; padding: 4px 14px;border-radius: 999px;background: rgba(250, 241, 241, 0.95); width: fit-content;}
.box5_wrap2 .txt_wrap .desc>div{margin-top: 4px;}
}
@media all and (max-width:640px){
.box5_wrap2 .image{bottom: auto; right: 10px; top: 10px;}
.box5_wrap2 .image img{width: 90px;}
} 
@media all and (max-width:520px){
.box5_wrap2 .image{display: none;}
.box5_wrap2 .txt_wrap{flex-direction: column; gap: 0;}
.box5_wrap2 .txt_wrap>:nth-child(1){margin-bottom: 8px;}
}
@media all and (max-width:380px){
.box5_flex2 .box5_2 .image img, .box5_flex2 .box5_2 .image2 img{width: 80px;}
}

/*고대비모드*/   

/*상단 퀵*/
.gray .quick_bar{border-bottom: 1px solid  #FFF;background: #1A1A1A;}
.gray .quick_bar .q_ico span{color:#fff !important}

/**/
.gray .main .title{color: #F2A8A2;}

.gray .main .tit,
.gray .main .small_tit,
.gray .main .text24,
.gray .main .category,
.gray .main .desc,
.gray .box5_flex2 .box5_2 .category2{color:#fff}
.gray  .box5_wrap2 .desc>div:hover{ background: rgba(250, 241, 241, 0.95); color: #1A1A1A;}

.gray .box5_flex2 .box5_n,
.gray .box4_wrap .box4,.gray .box5,.gray .box5_wrap2 .txt_wrap,.gray .box5_h{border: 1px solid #fff; background: #1A1A1A;}
.gray .box5_wrap2 .small{color: #ccc;}
.gray .event_box .text24{color: #222;}

.gray .closeList,.gray .main_section_2{background: #1A1A1A;}
.gray .box5_wrap2 .txt_wrap:has(.desc > div:hover) {  background:  #1A1A1A; transition: background 0.3s ease-in-out; }