/*공통*/
.mo {display:none;}
.center {text-align:center;}
.phone {overflow:hidden; border:clamp(5px,1.33vw,8px) solid #000; border-radius:clamp(25px,6.67vw,40px); background:#fff; box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15); box-sizing:content-box;}
.phone .bg {position:absolute; left:0; top:0; display:flex; justify-content:space-between; flex-direction:column; height:100%;}
.mai_txt {margin-bottom:clamp(40px,10.67vw,60px)}
.mai_txt h2 {font-size:clamp(28px,7.47vw,60px); color: #111; font-weight: 700;}
.mai_txt p {margin-top:20px; font-size:clamp(14px,3.73vw,20px);font-weight: 400;}
.phone.small{border:clamp(3.2000px, 0.3125vw, 6px)  solid #000} 

/*헤더*/
header {position:fixed; left:0; top:0; width: 100%; height:clamp(64px,17.07vw,80px); border-bottom:1px solid #eee; background:#FFF; z-index:10;}
header .inn {height:100%; padding:0 clamp(15px,4vw,50px); display:flex; justify-content:space-between; align-items:center;}
header h1 img {height:clamp(20px,5.33vw,28px);}
nav ul {display:flex; justify-content:space-between; align-items:center; gap:6px;}
nav a {font-size:clamp(13px,3.47vw,16px);}
nav .login a:hover {color:#3165EE}
nav .join {margin-left:clamp(14px,3.73vw,26px);}
nav .join a {display:flex; align-items:center; height:clamp(34px,9.07vw,44px); padding:0 clamp(20px,5.33vw,24px); font-size:clamp(13px,3.47vw,18px); color: #FFF; letter-spacing:0; border-radius: 6px; background:#3165EE;}
nav .join:hover a {background: #26C4C7;}
nav .app a {display:flex; justify-content:center; align-items:center; width:clamp(34px,9.07vw,44px); height:clamp(34px,9.07vw,44px); border-radius: 6px; border:1px solid #ddd; text-align: center}
nav .app a img {width:26px;}
nav .app:hover a {border-color:#008CFF;}

/*푸터*/
footer {background: #edf3ff;}
footer .fo_top {border-bottom:1px solid #0000001a;}
footer .fo_top .inn {height:74px; max-width:1200px; width:100%; margin:0 auto; display:flex; justify-content:space-between; align-items:center;}
footer .fo_menu {display:flex; align-items:center; gap:clamp(15px,4vw,50px);}
footer .fo_menu a {font-size: 14px; color:rgba(255,255,255,0.65);}
footer .fo_menu a b {font-size: 14px; color:rgba(255,255,255,1); vertical-align:baseline; font-weight:600;}
footer .fo_menu a:hover, footer .fo_menu a:hover b {color:#3165EE;}
footer .fo_utils {display:flex; align-items:center; gap:20px;}
footer .fo_utils .sns {opacity:0.5;}
footer .fo_utils .sns:hover {opacity:1;}
footer .fo_utils .familysite {position:relative;}
footer .fo_utils .familysite dt {display:flex; justify-content:space-between; align-items:center; width:clamp(150px,40vw,160px); height:40px; padding:0 24px; border-radius: 22px; border: 1px solid rgba(255,255,255,0.15); font-size:clamp(14px,3.73vw,16px); font-weight:400; color:rgba(255,255,255,0.65); cursor:pointer;}
footer .fo_utils .familysite dd {display:none; position:absolute; left:0; bottom:50px; padding:15px 0; font-weight:400;  font-size: 16px;   border-radius: 15px; border: 1px solid #F1F2F3; background: #FFF; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.05);}
footer .fo_utils .familysite dd a {display:block; padding:0 24px; line-height:32px; font-size: 16px; font-weight:400; white-space:nowrap;}
footer .fo_utils .familysite dd a:hover {background:#F1F2F3; color:#3165EE}
footer .fo_bott {max-width:1200px; width:100%; margin:0 auto; padding:20px 0;}
footer .fo_bott h2 {margin-bottom:20px;}
footer .fo_bott h2 img {width:clamp(130px,34.67vw,174px);}
footer .cpy_info {display:flex; justify-content:space-between; align-items:end; margin-bottom:40px;}
footer .cpy_info p {display:flex; gap:6px; font-size:clamp(13px,3.47vw,14px); color:rgb(133, 133, 133);; font-weight: 400; margin-top:5px;}
footer .cpy_info p a {font-size:clamp(13px,3.47vw,14px); color:rgb(133, 133, 133); font-weight: 400;}
footer .cpy_info .br {display:flex; gap:20px;}
footer .cpy_info .br p {display:inline-flex;}
footer .cpy_info p b {color:rgb(133, 133, 133); font-weight:500;}
footer .cs {text-align:right;}
footer .cs p {justify-content:flex-end;}
footer .cs .tel {font-size: 24px; font-weight: 600; color: #3165EE;}
footer .copyright {font-size:clamp(12px,3.2vw,13px); font-weight: 400; color:rgb(133, 133, 133);}

/*메인비쥬얼*/
.mai_visual {overflow:hidden; min-height:1000px; height:100vh;}
.mai_visual .inn {max-width:1300px; width:100%; height:100%; margin:0 auto; display:flex; justify-content:space-between; align-items:center; position:relative;}
.mai_visual .video_bg {overflow:hidden; position:relative; border-radius:clamp(40px,4vw,80px) 0 0 clamp(40px,4vw,80px); max-width:940px; width:72%; height:auto; aspect-ratio:47/32;}
.mai_visual .video_bg .bg {position:relative;}
.mai_visual .video_bg .bg:after {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%)}
.mai_visual .video_bg video {width:100%;}
.mai_visual .txt {position:absolute; left:100px; top:0; height:100%; display:flex; flex-direction:column; justify-content:center; gap:clamp(20px,5.33vw,30px);}
.mai_visual .txt .lg {font-size:clamp(36px,3.33vw,64px); color: #FFF; font-weight:700;}
.mai_visual .txt .sm {font-size:clamp(14px,1.04vw,20px); color:#FFF;}
.mai_visual .txt button {display:flex; align-items:center; margin-top:clamp(20px,5.33vw,30px); gap:15px; padding:0 clamp(20px,5.33vw,30px); width:clamp(162px,43.2vw,220px); height:clamp(44px,11.73vw,60px); font-size:clamp(14px,3.73vw,18px); color:#fff; border-radius: 6px; background:#3165EE;}
.mai_visual .txt button img {width:clamp(14px,3.73vw,18px);}
.mai_visual .txt button:hover {background:#26C4C7;}
.mai_visual .txt button:hover img {animation:btnHover 300ms ease-out forwards;}
.mai_visual .phone {position:absolute; right:0; flex-shrink:0; max-width:360px; width:28%; height:auto; aspect-ratio:360/777;}
.mai_visual .phone img {width:100%;}
.mai_visual .scroll_down {position:absolute; bottom:0; left:50px; display:flex; align-items:center; gap:15px;}
.mai_visual .scroll_down .scroll {overflow:hidden; position:relative; width:1px; height:100px; background:#EEE;}
.mai_visual .scroll_down .scroll:after {content:""; width:1px; height:30px; background:#767676; position:absolute; top:-30px; animation:scrollDown 1400ms ease-in-out infinite;}
.mai_visual .scroll_down span {font-size: 14px; color: #767676; font-weight: 400;}

.dp_flex,.m_dp_flex{display:flex;}
.dp_flex.center{justify-content: center;}
.dp_flex.vcenter{align-items: center;}
.dp_flex.side{justify-content: space-between;}

#intro-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #3165EE; 
    z-index: 9999;
    mask-image: radial-gradient(circle at center, transparent var(--mask-radius), black var(--mask-radius));
    -webkit-mask-image: radial-gradient(circle at center, transparent var(--mask-radius), black var(--mask-radius));

    mask-mode: alpha; 
    -webkit-mask-mode: alpha;
    --mask-radius: 0%;
    display:flex;
    justify-content: center;
    align-items: center;
}
.circle-reveal-image {
    width: 200px;
    height: 200px;
    object-fit: cover;
    border-radius: 50%; 
    opacity: 0; 
    transform: scale(0);
    margin: 10px;
}

/*셀럽션에서 이 모든게 가능하다고 ? */
.content_section.bg_blue{background-color:#3165EE}
.content_section .phone {position:relative}
.content_section .phone .bg{width:100%;}
.content_section h3{color:#111;font-size:clamp(28px,7.4667vw, 60px);line-height:clamp(39.20px,10.4533vw, 84px);letter-spacing:-1.2px;font-weight:700;margin:0 auto clamp(40px,10.6667vw, 60px);text-align:center;}
.content_section .con_box{padding:clamp(25px, 2.0833vw, 40px) clamp(53.3333px, 10.67vw, 100px);max-width:1200px;
    width:100%;height:auto;margin:0 auto clamp(96px, 9.3750vw, 180px);border-radius:clamp(10.6667px, 1.0417vw, 20px); background-color:#F7F8F9}
.content_section .con_box.bg_blue{background:#3165EE;padding:clamp(40px, 10.67vw, 100px) clamp(37.3333px, 3.6458vw, 70px);}
.content_section .txt_box .lg{font-size:clamp(24px,6.4vw, 36px);font-weight:700;letter-spacing:clamp(-0.48px,-0.1280vw, -0.96px);line-height:clamp(37.20px,9.9200vw, 50.4px);margin-bottom:clamp(10px,2.6667vw, 20px);color:#111;}
.content_section .txt_box .sm{font-size:clamp(14px,3.7333vw, 18px);line-height:clamp(21.70px,5.7867vw, 27.9px);color:#444}
.content_section .txt_box .mega{font-size:clamp(28px,7.4667vw, 60px);line-height:clamp(39.20px,10.4533vw, 84px);letter-spacing: -1.2px;font-weight:700}
.content_section .txt_box .sm strong{color:#111;}
.content_section .con_box.con_box2{margin-bottom:clamp(120px,32vw, 120px)}

.celebtion_con1{position:relative;}
.celebtion_con1 .txt_box .lg{color:#fff;}
.celebtion_con1 .txt_box .sm{color:rgba(255,255,255,.8);}
.celebtion_con1 .txt_box .sm strong{color:#fff; font-weight:700;}
.celebtion_con1 .slide_wrap{position:relative;margin-top:-40px;right: clamp(42.6667px, 4.1667vw, 80px);width:50%;}
.content_section .con_celeb1{width:clamp(166px,44.2667vw, 270px);right:0;position:absolute}
.content_section .con_celeb1 .slick-slide{position:relative; height:auto;}
.content_section .con_box.celebtion_con1{height:520px;position:relative;}
.celeb_box {opacity: 0;position: absolute;top: 24%;left: 10%;width:clamp(154px,41.0667vw, 250px);}
.celeb_box img{width:100%;border-radius:clamp(10.6667px, 1.0417vw, 20px);box-shadow: 15px 15px 40px 0px rgba(0, 0, 0, 0.20);}
.celeb_box.active { animation: fadeInFromBottomRight .6s ease-out forwards;}

/*판매일정 자동관리*/
.celebtion_con2 .phone{width:clamp(127px,33.8667vw, 203px);left:50%;position:absolute;}
.celebtion_con2 .txt_box .lg{color:#111;}
.celebtion_con2 .img_box{width:clamp(259px,69.0667vw,460px);position:relative;}
.celebtion_con2 .img_box .img33{width:clamp(110px,29.3333vw, 175px)}
.celebtion_con2 .img_box .img22{margin-left: -17%;width:clamp(123px,32.8vw, 194px)}
.celebtion_con2 .img_box > img{border-radius:clamp(10.6667px, 1.0417vw, 20px);box-shadow:-15px 15px 40px rgba(0, 0, 0, 0.10);}
.celebtion_con2 .img_box .img11{margin-left: -18%;}
.celebtion_con2 .txt_box{margin-top:clamp(28.8000px, 2.8125vw, 54px)}
.celebtion_con2.con_box{margin-bottom:clamp(10.6667px, 1.0417vw, 20px);}

/* 어떤상품이 잘팔리고 있는지*/
.celebtion_con3 {position:relative}
.celebtion_con3 .txt_box {margin-top:clamp(28.8000px, 2.8125vw, 54px)}
.celebtion_con3 .img_box{width:clamp(219.7333px, 21.4583vw, 412px);margin: -39px auto;}
.celebtion_con3 .img_box img{box-shadow: -15px 15px 40px 0px rgba(0, 0, 0, 0.10);margin-bottom:clamp(6.4000px, 0.6250vw, 12px)}
.celebtion_con3 .img_box .img11{border-bottom-left-radius:clamp(10.6667px, 1.0417vw, 20px);border-bottom-right-radius:clamp(10.6667px, 1.0417vw, 20px);}
.celebtion_con3 .img_box .img22{border-radius:clamp(10.6667px, 1.0417vw, 20px);}
.celebtion_con3 .img_box .img33{border-top-left-radius:clamp(10.6667px, 1.0417vw, 20px);border-top-right-radius:clamp(10.6667px, 1.0417vw, 20px);margin-bottom:0;box-shadow:none;}

/* 셀럽션 회원이라면 셀럽샵 무료 제공*/
.celebtion_con4.con_box{background-color:transparent;padding:clamp(81.0667px, 7.9167vw, 152px) 0;height:auto}
.celebtion_con4.con_box .img_box{width:clamp(293px,78.1333vw, 587px);position:relative;}
.celebtion_con4 .img_box .img11{width:clamp(179px,47.7333vw, 359px);}
.celebtion_con4 .img_box .img22{position:absolute;right: 19%;top:11%;border-radius:clamp(10.6667px, 1.0417vw, 20px);opacity:0;box-shadow: -15px 15px 40px 0px rgba(0, 0, 0, 0.20)}
.celebtion_con4 .img_box .img33{position:absolute;right:-4%;top:44%; border-radius:clamp(10.6667px, 1.0417vw, 20px);opacity:0;box-shadow: -15px 15px 40px 0px rgba(0, 0, 0, 0.20)}
.celebtion_con4 .phone{width: clamp(191.4667px, 18.6979vw, 359px); height: clamp(414.4000px, 40.4688vw, 777px);box-sizing: border-box;}
.celebtion_con4 .txt_box{margin-top:clamp(56.5333px, 5.5208vw, 106px)}
.celebtion_con4 .txt_box .mega{color:#fff;margin-bottom:clamp(40px,10.6667vw, 60px)}
.celebtion_con4 .txt_box .lg{color:#fff;}
.celebtion_con4 .txt_box .sm{color:rgba(255,255,255,0.8);}
.content_section .btn{margin-top:clamp(60px,16vw, 100px)}

/*샘플신청*/
.content_section .con_box.celebtion_con5{background-color:#fff;margin-bottom:clamp(62.5000px, 5.2083vw, 100px);}
.celebtion_con5 .info_tip_bg{padding:14px;border-radius:clamp(27px,7.2vw, 54px);position:relative;background-color:#EAF3FD;width:clamp(345px,92vw, 900px);text-align:center;box-sizing: border-box;margin:0 auto clamp(60px,16vw, 100px)}
.celebtion_con5 .info_tip_bg:after{content:'';position:absolute;bottom: -16px;width:28px;height:25px;display:block;left:50%;background:url(/content/images/ico_tip.svg) no-repeat 0 0;}
.celebtion_con5 .info_tip{ color:#111;}
.celebtion_con5 .info_tip strong{font-weight:700;font-size:clamp(14px,3.7333vw, 22px);display:inline-block;color:#3165EE;}

.celebtion_con5 .txt_box .lg img{margin-right:15px; width:clamp(72px,19.2vw, 100px);}
.celebtion_con5 .txt_box .lg,.celebtion_con5 .txt_box .sm{text-align:center;}
.celebtion_con5 .txt_box .lg{margin-bottom:clamp(20px,5.3333vw, 30px)}
.celebtion_con5 .txt_box .sm{margin-bottom:clamp(40px,10.6667vw, 60px)}
.celebtion_con5 .txt_box .sm strong{color:#111;font-weight:700;}
.celebtion_con5 .info_deny{background:#F7F8F9;border:1px solid #F1F2F3;border-radius:clamp(12.5000px, 1.0417vw, 20px);padding:clamp(18.7500px, 1.5625vw, 30px) 0 clamp(18.7500px, 1.5625vw, 30px)  clamp(50px, 4.1667vw, 80px);margin-top:clamp(60px,16vw, 100px)}
.celebtion_con5 .info_deny .img_txt{color:#111;font-size:clamp(16px,4.2667vw, 24px);line-height:clamp(24.80px,6.6133vw, 37.2px);margin: 0 clamp(25px, 2.0833vw, 40px) 0  clamp(12.5000px, 1.0417vw, 20px);letter-spacing:clamp(-0.32px,-0.0853vw, -0.48px);}
.celebtion_con5 .info_deny .img_txt strong{font-weight:700}
.celebtion_con5 .info_deny .side_txt{ font-size: clamp(14px, 3.7333vw, 18px);line-height: clamp(21.70px, 5.7867vw, 27.9px);color: #444;padding:clamp(5.6250px, 0.4688vw, 9px) 0 0 clamp(25px, 2.0833vw, 40px) ;position:relative;   }
.celebtion_con5 .info_deny .side_txt:before{content:'';width:1px;height:clamp(37.5000px, 3.1250vw, 60px);background-color:#E4E5E9;display:block;position:absolute;left:0;top:0;}
.celebtion_con5 .info_deny .side_txt .s_txt{display:block;color:#999;font-size:clamp(13px,3.4667vw, 15px);line-height:clamp(20.15px,5.3733vw, 23.25px);}
.celebtion_con5 .con_left img.fadeInTop,.celebtion_con5 .con_right img.fadeInTop {filter: drop-shadow(0px 0px 50px rgba(0, 0, 0, 0.15));}

/*셀럽의 홍보를 기다리고 있어요*/
.celebtion_con6.con_box{background-color: transparent; padding: clamp(62.5000px, 5.2083vw, 100px)0 0;height: auto;}
.celebtion_con6 .count_bg{max-width:clamp(750px, 62.5vw, 1200px);padding:clamp(18.7500px, 1.5625vw, 30px) 0;position:relative;overflow:hidden;border-radius:clamp(12.5000px, 1.0417vw, 20px);background-color: rgb(0 25 92 / 50%);z-index: 5;}
.celebtion_con6 .count_bg .count_inn{position:absolute;left:0;top:0;display:block;width:100%;height:100%; background-color: rgb(0 25 92 / 50%);z-index: 1;}
.celebtion_con6 .count_bg video{position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;object-fit: cover;border-radius: inherit;will-change: transform;z-index: -1;background-color: rgb(0 25 92 / 50%);}
.celebtion_con6 .count_bg .txt_box{position:relative;justify-content: space-around;width:100%;text-align:center;z-index: 1;}
.celebtion_con6 .count_bg .txt_box .m_dp_flex{    align-items: baseline;}
.celebtion_con6 .txt_box .sm{color:rgba(255,255,255,0.8)}
.celebtion_con6 .txt_box .mega{color:#fff;    min-width: clamp(160px, 42.6667vw, 180px);}
.celebtion_con6 .txt_box .qanty{color:rgba(255,255,255,0.8);margin-left:clamp(3.7500px, 0.3125vw, 6px)}
.celebtion_con6 .txt_right{font-size:clamp(9.3750px, 0.7813vw, 15px);color:#999;text-align:right;margin-top:clamp(9.3750px, 0.7813vw, 15px);}

/*셀럽의 홍보를 기다리고 있어요  탭메뉴 상품 */
.celebtion_con7.con_box{background-color: transparent; padding:0;height: auto;}
.celebtion_con7 .category {}
.celebtion_con7 .category .custom-paging {display: flex;gap: 8px;flex-wrap: nowrap;overflow-x: auto;justify-content: flex-start;
    padding: 5px 10px;scrollbar-width: none;position:relative;margin-bottom:clamp(40px,10.6667vw, 60px)}
.celebtion_con7 .category .custom-paging::-webkit-scrollbar {display: none;}
.celebtion_con7 .category .custom-paging button {white-space:nowrap;font-size: clamp(16px,4.2667vw, 20px);cursor: pointer; background: transparent;color: #bbb;padding:clamp(6.2500px, 0.5208vw, 10px);position:relative;}
.celebtion_con7 .category .custom-paging button.active:after{content:'';display:block;position:absolute;bottom:0;left:clamp(6.2500px, 0.5208vw, 10px);width:calc(100% - clamp(12.5000px, 1.0417vw, 20px));height:2px;background-color:#000;}
.celebtion_con7 .category .custom-paging button.active {transition: border-color 0.3s;color:#111;font-weight:700;}



.celebtion_con7 .inn_prd_list{display: flex;gap:clamp(17.5000px, 1.4583vw, 28px);flex-wrap: wrap;}
.celebtion_con7 .inn_prd_list li{ width:calc((100% - clamp(52.5px, 4.375vw, 84px)) / 4);max-width:100%;}
.celebtion_con7 .inn_prd_list li img{width:clamp(174.3750px, 14.5313vw, 279px);height:clamp(174.3750px, 14.5313vw, 279px);border-radius:clamp(12.5000px, 1.0417vw, 20px);
    margin-bottom:clamp(15px,4vw, 20px);font-size:clamp(14px,3.7333vw, 16px);}
.celebtion_con7 .inn_prd_list li .prd_info{display:flex;align-items: center;gap:8px;}
.celebtion_con7 .inn_prd_list li  .tit{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: clamp(14px, 3.7333vw, 16px);line-height: clamp(21.7px, 5.7867vw, 27.9px);margin-bottom: clamp(14px, 3.7333vw, 15px);color: #111;}
.celebtion_con7 .inn_prd_list li .prd_info .txt{padding:1px 6px;font-size:clamp(11px,2.9333vw, 12px);color:#3165EE;border-radius:6px;display:inline-block;width:clamp(50px,13.3333vw, 53px);height:20px; background-color:#E8F2FF;}
.celebtion_con7 .inn_prd_list li .prd_info .percent{font-size:clamp(18px,4.8vw, 20px);font-weight:600;color:#3165EE; line-height: clamp(21.7px, 5.7867vw, 27.9px)}
.celebtion_con7 .inn_prd_list li .prd_info .percent em{display:inline-block;font-size:14px;font-weight:400; }
.celebtion_con7 .inn_prd_list li .prd_info .price{font-size:clamp(18px,4.8vw, 20px);font-weight:600;color:#111; line-height: clamp(21.7px, 5.7867vw, 27.9px)}
.celebtion_con7 .inn_prd_list li .prd_info .price em{ font-size:14px;font-weight:400;display:inline-block;}

/*셀럽션에서 활동해요!*/
.content_section.bg_ho_gray {background-color:#F7F8F9; padding:clamp(120px,32vw,200px) 0 102px;}
.content_section .con_box.celebtion_con8{max-width:none;width:100%;padding:0;background-color: transparent;box-shadow: none;}
.celebtion_con8 .insta_scroll_container {width: 100%;position: relative; overflow-x:hidden;}
.celebtion_con8 .insta_scroll_wrapper { display: flex; width: fit-content; will-change: transform;}
.celebtion_con8 .insta_scroll_list {padding: 0;margin: 0;display: flex; }
.celebtion_con8 .insta_scroll_list li {flex-shrink: 0;margin-right:clamp(25px, 2.0833vw, 40px) }
.celebtion_con8 .insta_scroll_list img { object-fit: cover; display: block; border-radius: clamp(12.5000px, 1.0417vw, 20px); border:1px solid #F1F2F3;}
.celebtion_con8 .insta_scroll_list img.pc { display: block !important; width: clamp(282.5000px, 23.5417vw, 450px); height: clamp(153.7500px, 12.8125vw, 246px);}
.celebtion_con8 .insta_scroll_list img.mo {display: none !important; width: clamp(282.5000px, 23.5417vw, 452px); height: clamp(153.7500px, 12.8125vw, 246px);}
.celebtion_con8 .insta_scroll_container,.celebtion_con8 .insta_scroll_wrapper,
.celebtion_con8 .insta_scroll_list,.celebtion_con8 .insta_scroll_list li { touch-action: pan-y !important;}

/*셀럽션은 인플루언서의 상품 판매를 연결하는 공구 */
.content_section .con_box.celebtion_con9{padding:0;background-color: transparent;box-shadow: none;margin-bottom:0;}
.celebtion_con9 .subtit{margin-top: 20px; font-size: clamp(14px, 3.73vw,30px); font-weight: 400;text-align: center;}
.celebtion_con9 .img_con{justify-content: center;margin-top:clamp(62.5000px, 5.2083vw, 100px)}
.celebtion_con9 .img_con,.celebtion_con9 .img_con .left_con,.celebtion_con9 .img_con .right_con{position: relative;}
.celebtion_con9 .phone{width:clamp(224.3750px, 18.6979vw, 359px);height:clamp(485.6250px, 40.4688vw, 777px);position:absolute;}
.celebtion_con9 .phone img {width:100%;}
.celebtion_con9 .img_con .left_con{margin-top:clamp(50px, 4.1667vw, 80px);width:60%}
.celebtion_con9 .img_con .right_con{margin-top:clamp(125px, 10.4167vw, 200px)}
.celebtion_con9 .img_con .left_con .txt01,.celebtion_con9 .img_con .left_con .txt02,
.celebtion_con9 .img_con .right_con .txt01,.celebtion_con9 .img_con .right_con .txt02{position:absolute; filter: drop-shadow(0px 5px 30px rgba(0, 0, 0, 0.2));}
.celebtion_con9 .img_con .left_con .arrow,.celebtion_con9 .img_con .right_con .arrow{margin: 0 clamp(12.5000px, 1.0417vw, 20px)}
.celebtion_con9 .img_con .left_con .txt01{top:clamp(20px,5.33vw,60px);left:-60px;}
.celebtion_con9 .img_con .left_con .txt02{left:clamp(-101px,-22.4vw,-84px);top:clamp(83px,22.13vw,185px);}
.celebtion_con9 .img_con .right_con .txt01{right:-60px;top:40px;}
.celebtion_con9 .img_con .right_con .txt02{right:clamp(-100px,-21.33vw,-80px);bottom:clamp(20px,5.33vw,95px);}

/*sns판매*/
.mai_snslink {margin:clamp(120px,32vw,200px) 0;}
.mai_snslink .inn {max-width:1200px; width:100%; margin:0 auto;}
.mai_snslink .con {display:flex; justify-content:space-between; gap:clamp(20px,5.33vw,45px);}
.mai_snslink li {flex-grow: 1; background:#F7F8F9; border-radius: 20px; border: 1px solid #F1F2F3; padding-top:clamp(40px,10.67vw,50px); text-align:center;}
.mai_snslink li .step {margin-bottom:5px; font-size:clamp(12px,5.6vw,14px); font-weight: 700; color:#3165EE;}
.mai_snslink li .lg {margin-bottom:clamp(10px,2.67vw,20px); font-size:clamp(24px,6.4vw,30px); font-weight: 700; color:#111;}
.mai_snslink li .sm {margin-bottom:clamp(30px,8vw,40px); font-size:clamp(14px,3.73vw,20px);}
.mai_snslink li video {width:clamp(225px,60vw,270px);}

/*쉽고 간편하게 시작해보세요*/
/*.mai_start {padding:410px 0 215px; background:#3165EE url(/content/images/start_bg.svg) no-repeat 100% 100%;}
.mai_start .inn {max-width:1200px; width:100%; margin:0 auto; display:flex; justify-content:space-between; flex-wrap:wrap; gap:50px;}
.mai_start .mai_txt img {width:clamp(138px,36.8vw,264px);}
.mai_start h2 {color:#fff; margin-top:clamp(10px,2.67vw,20px);}
.mai_start .btn ,.btn{display:flex; flex-wrap:wrap; gap:clamp(8px,2.13vw,10px);}
.mai_start .btn button,.btn button {width:clamp(145px,38.67vw,192px); height:clamp(44px,11.73vw,60px); display:flex; align-items:center; justify-content:center; gap:clamp(10px,3.2vw,12px); font-size:clamp(14px,3.73vw,18px);border: 1px solid #DDD; background: #FFF; border-radius: 6px;}
.mai_start .btn .poi {background:transparent; color:#fff;}
.mai_start .btn button img,.btn button img {width:clamp(22px,5.87vw,26px);}
.mai_start .qr {padding:50px 56px 30px; border-radius:30px; background: #FFF; box-shadow: 0 0 30px 0 rgba(0,0,0,0.2); text-align:center; color: #999; font-size: 14px; font-weight:400;}
.mai_start .qr img {display:block; margin-bottom:13px;}*/

.mai_start {padding:410px 0 215px; background:#3165EE url(/content/images/start_bg.svg) no-repeat 100% 100%;}
.mai_start  .mai_txt{
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 20px;
    padding: clamp(40px, 10.67vw, 60px) clamp(40px, 10.67vw, 60px);
	margin:0 auto  clamp(40px, 10.67vw, 60px);text-align:center;
}
.mai_start .inn {max-width:1200px;width:100%;margin:0 auto;display:flex;justify-content: center;flex-wrap:wrap;gap:50px;}
.mai_start .mai_txt img {width:clamp(138px,36.8vw,264px);}
.mai_start h2 {color:#fff; margin-top:clamp(10px,2.67vw,20px);}
.mai_start .btn ,.btn{display:flex;flex-wrap:wrap;gap:clamp(8px,2.13vw,10px);justify-content: center;}
.mai_start .btn button,.btn button {width:clamp(145px,38.67vw,192px); height:clamp(44px,11.73vw,60px); display:flex; align-items:center; justify-content:center; gap:clamp(10px,3.2vw,12px); font-size:clamp(14px,3.73vw,18px);border: 1px solid #DDD; background: #FFF; border-radius: 6px;}
.mai_start .btn .poi {background:transparent; color:#fff;}
.mai_start .btn button img,.btn button img {width:clamp(22px,5.87vw,26px);}
.mai_start .qr {padding:50px 56px 30px; border-radius:30px; background: #FFF; box-shadow: 0 0 30px 0 rgba(0,0,0,0.2); text-align:center; color: #999; font-size: 14px; font-weight:400;}
.mai_start .qr img {display:block; margin-bottom:13px;}

/* 위로가기 */
.go-top {z-index:100; position:fixed; right:70px; bottom:50%; width:clamp(51px,13.6vw, 68px); height:clamp(51px,13.6vw, 68px);
    margin-bottom:-50px; line-height:clamp(51px,13.6vw, 68px); text-align:center; border-radius:50%; background:#fff;font-weigth:600; 
    cursor:pointer; box-shadow:0px 6px 12px 0px rgba(0,0,0,.5);border:1px solid #F1F2F3}

/*이용약관*/
.terms {margin:clamp(124px,33.07vw,180px) 0 clamp(120px,32vw,200px);}
.terms h3 {margin-bottom:clamp(40px,10.67vw,60px); font-size:clamp(28px,7.47vw,60px); font-weight:700; color:#111; text-align:center;}
.terms .inn {max-width:1200px; width:100%; margin:0 auto;}
.terms .tit {margin-top:clamp(40px,10.67vw,60px); font-size:clamp(16px,4.27vw,24px); color:#111; font-weight:600;}
.terms .desc {margin-top:20px; font-size:clamp(14px,3.73vw,18px); color:#444;}
.terms .desc a {font-size:clamp(14px,3.73vw,18px); color:#444;}
.terms .desc-in {margin:8px 0 8px clamp(15px,4vw,20px); font-size:clamp(13px,3.47vw,16px); color:#767676;}
.terms .desc-in a {font-size:clamp(13px,3.47vw,16px); color:#767676;}
.terms a {text-decoration:underline;}
.terms select {max-width:600px; width:100%; height:clamp(44px,11.73vw,54px); margin-top:clamp(40px,10.67vw,60px); border-radius:5px; border:1px solid #ddd; padding:0 clamp(15px,4vw,25px); background:#fff url(/content/images/ic_select.svg) no-repeat calc(100% - clamp(15px, 4vw, 25px)) center; background-size:clamp(12px,3.2vw,14px); font-size:clamp(14px,3.73vw,18px)}
.terms select option {font-size:clamp(14px,3.73vw,18px)}
.terms .scroll_x {overflow-x:auto;}

.tb-s3 {margin-top:20px; border-top:1px solid #999;}
.tb-s3 th {height:60px; padding:0 clamp(10px,2.67vw,34px); font-size:clamp(14px,3.73vw,18px); background:#F4F5F9; text-align:center; color:#444; white-space:nowrap; border:1px solid #EEE; border-left:0;}
.tb-s3 td {padding:clamp(15px,4vw,20px) 15px; font-size:clamp(13px,3.47vw,16px); color:#767676; border:1px solid #EEE; font-weight:400;}
.tb-s3 td b {color:#444; font-weight:400;}
.tb-s3 th:last-child,.tb-s3 td:last-child {border-right:0;}
.tb-s3 thead th {border-top:0;}


/* 팝업 */
.popup-layer {position:fixed; top:0; left:0; width:100%; height:100%; z-index:200}
.popup-layer .layer-bg {position:absolute; width:100%; height:100%; top:0; left:0; z-index:100; background:rgba(0,0,0,.4); zoom:1}
.popup-layer .pop {background:#3c3c3c; position:fixed; left:50%; top:50%; margin-left:-240px; width:476px; z-index: 150; border:solid 2px #3c3c3c; text-align: center; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform: translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
.popup-layer .btn-close {position:absolute; top:10px; right:10px; z-index:10; cursor:pointer;}
.popup-layer .close-box {background:#3c3c3c;}
.popup-layer .close-box label {height:42px; line-height:42px; color:#fff;}
.popup-layer .close-box input {width:16px; height:16px; padding:0; margin-right:10px; -webkit-appearance:checkbox; -moz-appearance:checkbox; -ms-appearance:checkbox; -o-appearance:checkbox; appearance:checkbox;}

/*고정버튼*/
.go_top {position:fixed; bottom:clamp(40px,10.67vw,80px); right:clamp(15px,4vw,50px); width:clamp(51px,13.6vw,68px); height:clamp(51px,13.6vw,68px); text-align:center; font-size:clamp(13px,3.47vw,16px); color:#444; border-radius:50%; border:1px solid #F1F2F3; background:#fff; filter: drop-shadow(0px 5px 15px rgba(0, 0, 0, 0.05));}
.pdt_entry {position:fixed; bottom:clamp(101px,26.93vw,163px); right:clamp(15px,4vw,50px); width:clamp(51px,13.6vw,68px); height:clamp(51px,13.6vw,68px); text-align:center; border-radius:50%; border:1px solid #F1F2F3; background:#3165EE; filter: drop-shadow(0px 5px 15px rgba(0, 0, 0, 0.2)); transition:all .2s;}
.pdt_entry span {display:block; color:#fff; font-weight:600; font-size:clamp(14px,3.47vw,16px); line-height:1.1;}
.pdt_entry .hover {display:none; align-items:center; gap:15px; padding-right:26px; text-align:left; font-size:16px; font-weight:600; color:#fff; background:url(/content/images/ic_arr_right.svg) no-repeat right bottom 10px;}
.pdt_entry.hover {width:auto; height:auto; padding:20px; border-radius:20px;}
.pdt_entry.hover span {display:none;}
.pdt_entry.hover .hover {display:flex;}

          
          
@media (max-width:1023px) {
    /* 셀럽션에선 이모든게 가능하다고 ? */
    .dp_flex{display:block}
    .content_section h3 span{display:block;}
    .content_section .con_box{padding:clamp(40px,10.6667vw, 80px) clamp(26px,6.9333vw, 52px);max-width:clamp(345px,92vw, 690px);border-radius:clamp(20px,5.3333vw, 40px);}
    .content_section .con_box.bg_blue{height:clamp(485px,129.3333vw, 970px);margin-bottom:clamp(108px,28.8vw, 216px);}
    .celebtion_con1 .txt_box{margin-top:0;}
    .celebtion_con1 .slide_wrap{display: flex;justify-content: flex-end;right: auto;height:auto;width: 100%;margin-top:0;}
    .content_section .con_celeb1{position: relative;max-width: none;/* top:10%; */height: clamp(360px,96vw, 720px);width: clamp(166px,44.2667vw, 332px);aspect-ratio: 166/360;}
    .content_section .con_celeb1 .slick-slide img{ width:100%; height:auto; max-height: clamp(360px, 96vw, 720px);}
    .celeb_box{left:0;width:clamp(154px,41.0667vw, 308px);top:30%}
    .celeb_box.active{ margin-top:-15%;}
    .celebtion_con1 .txt_box .sm {margin-bottom:clamp(40px,10.6667vw, 80px)}
    
    /*판매일정 자동관리*/
    .celebtion_con2.con_box{margin-top:clamp(140px,37.33vw,160px); margin-bottom:clamp(20px,5.3333vw, 40px)}
    .content_section .con_box.con_box2{padding: clamp(40px, 10.6667vw, 80px) clamp(15px, 4vw, 30px);}
    .celebtion_con2 .img_box.dp_flex{display:flex;width:100%;justify-content: center;}
    .celebtion_con2 .img_box img{border-radius:clamp(12px,3.2vw, 24px);}
    .celebtion_con2 .img_box .img11{top:0;width: clamp(128px,34.1333vw, 256px);left:auto;right: 0;height: auto;aspect-ratio: 128/277;margin-left: -18%;}
    .celebtion_con2 .img_box .img22{margin-top: 2%;width: clamp(122px,32.5333vw, 244px);margin-left: -18%;transform: scale(0.6);}
    .celebtion_con2 .img_box .img33{margin-top:5%;width: clamp(110px,29.3333vw, 220px);}
    .celebtion_con2 .txt_box{margin-top:clamp(40px,10.6667vw, 80px)}
    
    /* 어떤 상품이 잘 팔리고 있는지? */
    .celebtion_con3 .img_box{margin: -13.5% auto 0;width: auto;text-align: center;}
    .celebtion_con3 .img_box .img33{display: none;}
    .celebtion_con3 .img_box img {max-width:100%;}
    .celebtion_con3 .txt_box{margin-top:clamp(40px,10.6667vw, 80px);}
    
    /* 셀럽션 회원이라면 무료 제공*/
    .content_section .con_box.celebtion_con4 {padding:120px 0;}
    .celebtion_con4 .img_box .img22{width: 37%;/* top: 13%; */}
    .celebtion_con4 .img_box .img33{width: 48%;right: -1%;top: 45%;}
    
    /* 샘플신청 */
    .content_section .con_box.celebtion_con5{padding:clamp(40px,10.6667vw, 80px) 0}
    .celebtion_con5 .info_tip strong{display:block;}
    .celebtion_con5 .info_tip .m_dp_block{display:block}
    .celebtion_con5 .info_tip_bg{max-width:clamp(345px,92vw, 690px);border-radius:clamp(54px,14.4vw, 108px);padding:20px;font-size:16px;}
    .celebtion_con5 .txt_box div{text-align:center;}
    .celebtion_con5 .txt_box div.con_left img.wow,.celebtion_con5 .txt_box div.con_right img.wow{width:clamp(207px,55.2vw, 414px)}
    .celebtion_con5 .txt_box div.con_right{margin-top:clamp(100px,26.6667vw, 200px)}
    .celebtion_con5 .info_deny{padding:clamp(40px,10.6667vw, 80px) clamp(26px,6.9333vw, 52px) ; border-radius:clamp(20px,5.3333vw, 40px)}
    .celebtion_con5 .info_deny .m_dp_flex{margin-bottom:clamp(30px,8vw, 60px)}
    .celebtion_con5 .info_deny .side_txt{padding-left:0;padding-top:clamp(30px,8vw, 60px);}
    .celebtion_con5 .info_deny .side_txt .s_txt{margin-top:clamp(6px,1.6vw, 12px);}
    .celebtion_con5 .info_deny .side_txt:before{width:100%;height:1px;}
    
    /*셀럽홍보를 기다리고 있어요*/
    .content_section .con_box.celebtion_con6{padding-bottom:0;}
    .celebtion_con6 .count_bg{width:clamp(245px,65.3333vw, 490px);padding:clamp(40px,10.6667vw, 80px) 0;border-radius:clamp(20px,5.3333vw, 40px);box-sizing:border-box;aspect-ratio: 245 / 368;margin:0 auto;}
    .celebtion_con6 .count_bg .txt_box{  flex-direction: column;align-items: center;justify-content: space-evenly;}
    .celebtion_con6 .count_bg .txt_box .m_dp_flex{justify-content: center;}
    .celebtion_con6 .count_bg .txt_box .sm{margin-bottom:clamp(6px,1.6vw, 12px)}
    .celebtion_con6 .txt_box li .mega{margin-bottom:clamp(30px,8vw, 60px);min-width:}
    .celebtion_con6 .txt_box li:last-child .mega{margin-bottom:0;}
    .celebtion_con6 .txt_right{text-align:center;font-size:clamp(13px,3.4667vw, 26px);margin-top:clamp(15px,4vw, 30px);}    
    /*샘플 탭 메뉴 */
    .celebtion_con7 .custom-paging { overflow-x: visible;flex-wrap: wrap;justify-content: center;}
    .celebtion_con7.con_box{padding:clamp(40px,10.6667vw, 80px) 0}
    .celebtion_con7 .inn_prd_list{gap:clamp(8px,2.1333vw, 16px); margin-bottom: clamp(-40px, -10.6667vw, -80px);}
    .celebtion_con7 .inn_prd_list li img{width:clamp(168px,44.8vw, 336px);height:clamp(168px,44.8vw, 336px);border-radius:clamp(12px,3.2vw, 24px);}
    .celebtion_con7 .inn_prd_list li{width:calc((100% - clamp(9px,2.4vw, 18px) / 2));max-width:clamp(168px,44.8vw, 336px)}
    .celebtion_con7 .inn_prd_list li:nth-child(2n){margin-bottom:clamp(40px,10.6667vw, 80px)}
    
    /*셀럽션에서 활동해요.*/
    .celebtion_con8 .insta_scroll_list img.pc {display:none!important;}
    .celebtion_con8 .insta_scroll_list img.mo {display: block !important;}
    .celebtion_con8 .insta_scroll_list img.mo{width:clamp(255px,68vw, 510px);height:clamp(267px,71.2vw, 534px);border-radius:clamp(20px,5.3333vw, 40px);}
    .celebtion_con8 .insta_scroll_list li {margin-right:clamp(20px,5.3333vw, 40px) }
    .content_section .con_box.celebtion_con8{padding: clamp(20px,5.3333vw, 40px) 0 clamp(120px,32vw, 240px);overflow:hidden;width:100vw;}
    
    /* 셀럽션은 인플루언서의 상품 판매를 연결하는 공구 */
    .celebtion_con9 .phone{position:relative;width:clamp(205px,54.6667vw, 410px);height:clamp(444px,118.4vw, 888px);margin:0 auto;}
    .celebtion_con9 .img_con {text-align: center;margin-top:clamp(40px,10.6667vw, 80px)}
    .celebtion_con9 .img_con .left_con, .celebtion_con9 .img_con .right_con {width:clamp(120px,32vw,230px); margin:0 auto; display:inline-block;}
    .celebtion_con9 .img_con .p_img {width:100%;}
    .celebtion_con9 .img_con .left_con .arrow{display: block; margin: clamp(15px,4vw, 30px) auto;transform: rotate(90deg);}
    .celebtion_con9 .img_con .right_con .arrow{display: block; margin: clamp(15px,4vw, 30px) auto;transform: rotate(90deg);}
    .celebtion_con9 .img_con .left_con .txt01,.celebtion_con9 .img_con .left_con .txt02,
    .celebtion_con9 .img_con .right_con .txt01, .celebtion_con9 .img_con .right_con .txt02 {height:40px;}
    .celebtion_con9 .img_con .right_con .txt01 {top:auto; bottom:83px;}
    .celebtion_con9 .img_con .right_con .txt02 {top:auto; bottom:20px;}
    
    .content_section.bg_ho_gray {overflow-x:hidden;}
    
    /*이용약관*/
    .terms .inn {padding:0 15px;}    
    
}
@media (max-width:768px) {
    /*공통*/
    .mo {display:block;}
   
    /*헤더*/
    nav .app {display:none;}

    /*푸터*/
    footer .fo_top {border-bottom:0;}
    footer .fo_top .inn {height:auto; display:block;}
    footer .fo_menu, footer .fo_utils {height:60px; border-bottom:1px solid rgba(255,255,255,0.15); justify-content:center;}
    footer .fo_utils {gap:30px;}
    footer .fo_bott {text-align:center; padding:40px 50px;}
    footer .cpy_info,  footer .cpy_info .br {display:block;}
    footer .cpy_info p {display:flex; justify-content:center; flex-wrap:wrap; row-gap:0;}
    footer .cpy_info .br p {display:flex;}
    footer .cs .tel {display:block; text-align:center; margin-top:40px;}

    /*메인비쥬얼*/
    .mai_visual {min-height:auto; height:auto; overflow:visible;}
    .mai_visual .inn {display:block; padding:104px 15px 0;}
    .mai_visual .video_bg {border-radius:40px; width:100%; max-width:600px; aspect-ratio: 69/112; margin:0 auto;}
    .mai_visual .video_bg .pc {display:none;}
    .mai_visual .txt {top:60px; left:auto; width:100%; align-items:center; justify-content:start;}
    .mai_visual .txt .lg {font-size:clamp(36px,9.6vw,64px); text-align:center;}
    .mai_visual .txt .sm {font-size:clamp(14px,3.73vw,20px);}
    .mai_visual .txt button {padding:0 15px;}
    .mai_visual .phone {position:inherit; max-width:none; width:54.67%; margin:-26.67vw auto 0;}
    .mai_visual .scroll_down {display:none;}

    /*sns판매*/
    .mai_snslink .inn {padding:0 15px;}
    .mai_snslink .con {flex-direction:column;}
    .dp_flex{display:block}

    /*쉽고 간편하게 시작해보세요*/
    .mai_start {padding:120px 0; text-align:center; background:#3165EE;}
    .mai_start .inn, .mai_start .btn {justify-content:center;}
    .mai_start .btn .poi {width:clamp(298px,79.47vw,394px);}
    .mai_start .qr {display:none;}
    .mai_snslink .con {flex-direction:column;}

    /*팝업*/
    .popup-layer .pop {width:95%!important; margin:0; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform:translateY(-50%,-50%); transform:translateY(-50%,-50%)}
    .popup-layer .pop img {width:100%;}    
    .popup-layer .btn-close img {width:10vw;}
    .popup-layer .close-box label {height:42px; line-height:42px; color:#fff;}
    .popup-layer .close-box input {width:16px; height:16px; padding:0; margin-right:10px; -webkit-appearance:checkbox; -moz-appearance:checkbox; -ms-appearance:checkbox; -o-appearance:checkbox; appearance:checkbox;}

}

.diagonal-grow-in {
    animation: fadeInDiagonalGrow 1.5s ease-out forwards;
}
.diagonal-grow-in-v2 {
    animation: fadeInDiagonalGrowV2 1.5s ease-out forwards;
}
@keyframes btnHover {
    0% { transform:translateX(0);}
    100% { transform:translateX(10px);}
}
@keyframes scrollDown {
    0% {transform: translateY(0);}
    85.7% {transform: translateY(130px);}
    100% {transform: translateY(130px);}
}
@keyframes fadeInDiagonalGrowV2 {
    0% {
        opacity: 0;
        transform: translate(-300px, 30px) scale(0.6);
    }

    20% {
        opacity: 0.3;
        transform: translate(-220px, 20px) scale(0.7);
    }

    40% {
        opacity: 0.6;
        transform: translate(-140px, 10px) scale(0.8);
    }

    60% {
        opacity: 0.8;
        transform: translate(-70px, 0px) scale(0.9);
    }

    80% {
        opacity: 0.95;
        transform: translate(-25px, -10px) scale(0.95);
    }

    100% {
        opacity: 1;
        transform: translate(0, -20px) scale(1);
    }
}

@keyframes fadeInDiagonalGrow {
    0% {
        opacity: 0;
        transform: translate(-300px, 30px) scale(0.8);
    }

    20% {
        opacity: 0.3;
        transform: translate(-220px, 20px) scale(0.85);
    }

    40% {
        opacity: 0.6;
        transform: translate(-140px, 10px) scale(0.9);
    }

    60% {
        opacity: 0.8;
        transform: translate(-70px, 0px) scale(0.96);
    }

    80% {
        opacity: 0.95;
        transform: translate(-25px, -10px) scale(0.99);
    }

    100% {
        opacity: 1;
        transform: translate(0, -20px) scale(1);
    }
}
@keyframes fadeInFromBottomRight {
    0% {
        opacity: 0;
        transform: translate(200px, 100px) scale(0.6);
    }

    20% {
        opacity: 0.3;
        transform: translate(150px, 75px) scale(0.7);
    }

    40% {
        opacity: 0.6;
        transform: translate(100px, 50px) scale(0.8);
    }

    60% {
        opacity: 0.8;
        transform: translate(50px, 25px) scale(0.9);
    }

    80% {
        opacity: 0.95;
        transform: translate(25px, 10px) scale(0.95);
    }

    100% {
        opacity: 1;
        transform: translate(0, 0) scale(1);
    }
}

/* 기본 레이아웃 및 배경 */
.hero_section-wrap {
    flex-flow: column;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 0;
    width: 100%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: visible;
	z-index: -1;
}


.hero_section {
	flex-flow: column;
	flex: none;
	place-content: center;
	align-items: center;
	gap: 140px;
	width: 100%;
	height: min-content;
	padding: 60px 0;
	display: flex;
	position: relative;
	overflow: visible;
	padding-top: clamp(60px, 8.2vw, 220px);
}

.hero_background {
    position: absolute;
    border-radius: inherit;
    inset: 0px;
}

.hero_background img {
	display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-position: center center;
    object-fit: cover;
}
.hero_container{
    --border-bottom-width: 2px;
    --border-color: #fff3;
    --border-left-width: 2px;
    --border-right-width: 2px;
    --border-style: solid;
    --border-top-width: 2px;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    will-change: var(--framer-will-change-override, transform);
    z-index: 5;
    background-color: #ffffff1a;
    border-radius: 40px;
    flex-flow: column;
    flex: none;
    place-content: center flex-end;
    align-items: center;
    gap: 80px;
    width: 80%;
    height: min-content;
    padding: 60px 80px;
    display: flex;
    position: relative;
    overflow: hidden;
}
.hero_container:after{
	 content: "";
	border-width: var(--border-top-width,0)var(--border-right-width,0)var(--border-bottom-width,0)var(--border-left-width,0);
	border-color: var(--border-color,none);
	border-style: var(--border-style,none);
	box-sizing: border-box;
	border-radius: inherit;
	pointer-events: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}
/* 유리창 효과 카드 (Glassmorphism) */
.glass_card {
    flex-flow: column;
    flex: none;
    place-content: center;
    align-items: center;
    gap: 24px;
    width: 100%;
    height: min-content;
    padding: 0;
    display: flex;
    position: relative;
    overflow: hidden;
}
.hero-corver{
	    z-index: 0;
    background-color: #2657bfdb;
    flex: none;
    position: absolute;
    inset: 0 0 -1px;
    overflow: hidden;
}
.hero_text_group{
	flex-flow: column;
	flex: none;
	place-content: center;
	align-items: center;
	gap: 24px;
	width: 100%;
	height: min-content;
	padding: 0;
	display: flex;
	position: relative;
	overflow: hidden
}

/* 텍스트 스타일링 */
.main_title {
    margin: 0;
    color: #ffffff;
    font-size: clamp(40px, 7vw, 72px); /* 반응형 폰트 크기 */
    line-height: 1.1;
    letter-spacing: -0.03em;
	text-align: center;
}

.weight_black { font-weight: 900; }
.weight_bold { font-weight: 700;opacity: .6;}

.sub_title {
    margin-top: 30px;
    color: #ffffff;
    font-size: clamp(18px, 2.5vw, 28px);
    font-weight: 600;
    opacity: 0.95;
}

/* 참여 신청 버튼 (흰색 배경 + 파란 글씨) */
.hero_action {
}

.hero_action button {
    background-color: #ffffff;
    color: #2b6cff; /* 이미지 속 파란 글씨 */
    padding: 18px 60px;
    border-radius: 25px;
    border: none;
    font-size: 24px;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.btn_primary:hover {
    transform: translateY(-3px) scale(1.03);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}


.modal_overlay {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,0.6); display: flex; align-items: center; justify-content: center; z-index: 9999;
}
.modal_content {
	color:#272727;
    background: #fff; padding: 40px 30px; border-radius: 15px; text-align: center; max-width: 450px; width: 90%;
}

.modal_content strong{ font-weight:800;color:#272727;}
.modal_content h3 { font-size: 1.2rem; margin-bottom: 15px; word-break: keep-all; }
.modal_content p { font-size: 0.95rem; color: #666; line-height: 1.5; margin-bottom: 25px; }
.btn_confirm {
    background: #3376ff; color: #fff; border: none; padding: 12px 0; width: 100%;
    border-radius: 8px; font-weight: bold; cursor: pointer;
}