@charset "UTF-8";
.contentWrap { padding-top: 91px; position: relative; width: auto; overflow: hidden !important; }
.contentWrap * { font-family: "Pretendard", "Outfit", sans-serif, "돋움", "굴림"; box-sizing: border-box; }
.eng { font-family: "Outfit", "Pretendard"; }
.tab-menu-contents-wrap>section { display: none; opacity: 0; transition: opacity 0.6s ease; }
.tab-menu-contents-wrap>section.show { display: block; opacity: 1; }
.main-wrap {width: 100%; min-width: 1160px; height: 7862px; color: #000; background-color: #fff; word-break: keep-all; }
.main-wrap .container-wrap { position: absolute; width: 100%; height: auto; 
    top: 91px; left: 0; visibility: hidden; opacity: 1; transition: all 0.6s cubic-bezier(0.1, 0.9, 0.2, 1); }
.main-wrap .container-wrap.device { background-color: #19191A; }
.container-wrap.init-right {transform: translateX(100%); }
.container-wrap.active {transform: translateX(0%); opacity: 1; z-index: 2; visibility: visible; }
.container-wrap.outgoing {transform: translateX(-100%); }
.main-wrap.with-device { background-color: #19191A; color: #fff; }
.main-wrap h2.title { font-weight: 800; font-size: 48px; line-height: 62px; letter-spacing: -0.1px; }
.main-wrap .en { font-family: "Outfit", "Pretendard"; }
.main-wrap .intro-tab-menu { display: flex; justify-content: center; align-items: center; gap: 8px; width: 338px; height: 54px; position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 20; border-radius: 40px; padding: 2px 0; }

/* 배경 블러 및 반투명 배경 */
.main-wrap .intro-tab-menu::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.3); /* 흐림 효과가 보이려면 반투명이어야 함 */ backdrop-filter: blur(60px); -webkit-backdrop-filter: blur(60px); border-radius: 40px; }
.main-wrap .swiper-slide .link { pointer-events: none; }
.main-wrap .swiper-slide.swiper-slide-active .link { pointer-events: all; }
.main-wrap .intro-tab-menu .tab { position: relative; width: 278px; overflow: hidden; }
.main-wrap .intro-tab-menu .tab-box { position: relative; display: flex; align-items: center; height: 52px; overflow: hidden; z-index: 3; }
.main-wrap .intro-tab-menu .tab-box li { display: flex; align-items: center; justify-content: center; position: relative; z-index: 10; width: 50%; text-align: center; cursor: pointer; font-weight: 700; font-size: 16px; line-height: 26px; color: #fff; height: 42px; }
.main-wrap .intro-tab-menu .tab-box li.active { color: #fff; }
.main-wrap .intro-tab-menu .tab-box li:hover { color: #F0F1F4; }
.main-wrap.with-device .intro-tab-menu .tab-box li { color: #fff; }
.main-wrap.with-device .intro-tab-menu .tab-box li:hover { color: #F0F1F4; }
.main-wrap.with-device .intro-tab-menu::before { background: rgba(255, 255, 255, 0.25); }

/*  메인 탭  */
.main-wrap .intro-tab-menu .tab .bg { position: absolute; top: 4px; left: 0; width: calc(50% - 2px); height: calc(100% - 8px); border-radius: 40px; background: linear-gradient(90deg, #9933FF 0%, #5533FF 100%); overflow: hidden; /* 자식의 마스크 제한용 */ transition: transform 0.3s; }
.main-wrap .intro-tab-menu .tab .bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(98.41deg, #C8B8FF 10.3%, rgba(255, 255, 255, 0.2) 91.07%); padding: 2px; border-radius: 40px; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; background-clip: padding-box; pointer-events: none; }
.main-wrap.with-device .intro-tab-menu .tab .bg { transform: translateX(100%) }
.main-wrap .intro-tab-menu .quick-menu-wrap { position: relative; }
.main-wrap .intro-tab-menu .quick-menu-wrap .quick-menu-btn { position: relative; width: 44px; height: 44px; padding: 16px 0 0 0; text-align: center; border-radius: 50%; background: rgba(0, 0, 0, 0.7); border: 1px solid #434343; color: #fff; font-weight: 600; font-size: 10px; line-height: 10px; letter-spacing: -0.5px; }
.main-wrap .intro-tab-menu .quick-menu-wrap .quick-menu-btn:hover { background: rgba(0, 0, 0, 0.8); }
.main-wrap .intro-tab-menu .quick-menu-wrap .quick-menu-btn:after { content: ""; display: block; width: 18px; height: 17px; position: absolute; top: 5px; left: 50%; transform: translateX(-50%); }
.main-wrap .intro-tab-menu .quick-menu-wrap .quick-menu-btn:after { background: url("/web/images/global/icn_quick_menu.png") 0 0 no-repeat; background-size: 100%; }
.main-wrap .intro-tab-menu .chatbox-box button:after { background: url("/web/images/global/icn_chatbot.png") 0 0 no-repeat; background-size: 100%; }
.main-wrap .intro-tab-menu .quick-menu-wrap .quick-menu { position: absolute; top: 0; padding: 0; background-color: #fff; border-radius: 25px; box-shadow: 4px 4px 10px 2px rgba(0, 0, 0, 0.1); opacity: 0; width: 0; height: 0; overflow: hidden; transition: all 0.4s ease-in-out; color: #000; }
.main-wrap .intro-tab-menu .quick-menu-wrap .quick-menu.show { width: 420px; height: 489px; padding: 30px 40px 34px; top: -500px; opacity: 1; }
.main-wrap .intro-tab-menu .quick-menu-wrap .quick-menu .quick-list { display: flex; flex-wrap: wrap; gap: 33px 0; width: 336px; margin: 20px 0 40px; }
.main-wrap .intro-tab-menu .quick-menu-wrap .quick-menu .quick-list li .link { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; width: 84px; text-align: center; gap: 14px; }
.main-wrap .intro-tab-menu .quick-menu-wrap .quick-menu .quick-list li .link span { font-weight: 600; font-size: 16px; line-height: 16px; }
.main-wrap .intro-tab-menu .quick-menu-wrap .quick-menu .quick-list li .img-box { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; }
.main-wrap .intro-tab-menu .quick-menu-wrap .quick-menu .quick-list li .img-box img{width: 100%; height: 100%; object-fit: cover;}
.main-wrap .intro-tab-menu .quick-menu-wrap .quick-menu .quick-list li .img-box:hover img{transform: scale(1.2);}
.main-wrap .intro-tab-menu .quick-menu-wrap .quick-menu .box-wrap { display: flex; flex-wrap: wrap; gap: 15px 8px; width: 340px; }
.main-wrap .intro-tab-menu .quick-menu-wrap .quick-menu .box-wrap .link { display: inline-block; width: 108px; height: 80px; padding: 22px 16px; 
    background-color: #F0F1F4; border-radius: 12px; }
.main-wrap .intro-tab-menu .quick-menu-wrap .quick-menu .box-wrap .link p { font-weight: 600; font-size: 16px; line-height: 20px; margin-bottom: 4px; }
.main-wrap .intro-tab-menu .quick-menu-wrap .quick-menu .box-wrap .link span { font-weight: 400; font-size: 12px; line-height: 12px; color: #666769; }
.main-wrap .intro-tab-menu .quick-menu-wrap .quick-menu .box-wrap .big-box .link { display: inline-flex; align-items: center; justify-content: center; width: 340px; height: 48px; padding: 0; border-radius: 30px; background-color: #19191A; color: #fff; gap: 5px; }
.main-wrap .intro-tab-menu .quick-menu-wrap .quick-menu .box-wrap .big-box .link img { width: 18px; height: 18px; }
.main-wrap .intro-tab-menu .quick-menu-wrap .quick-menu .box-wrap .big-box .link p{margin-bottom: 0;}
.main-wrap .intro-tab-menu .quick-menu-wrap .quick-menu .box-wrap .big-box .link:hover { background-color: #5B5E67; }
.main-wrap .intro-tab-menu .quick-menu-wrap .quick-menu h3 { font-weight: 600; font-size: 18px; line-height: 26px; letter-spacing: -0.4px; }
.main-wrap .intro-tab-menu .quick-menu-wrap .quick-menu .close-btn { position: absolute; top: 34px; right: 30px; }
.main-wrap .intro-tab-menu .quick-menu-wrap .quick-menu .close-btn img { width: 18px; height: 18px; object-fit: cover; }

/*   컨텐츠   */
.main-wrap>section { overflow: hidden; }
.main-wrap>section.rounded { border-radius: 48px; }
.main-wrap>section.s-intro { overflow: initial; position: relative; }
.main-wrap .s-intro .with-device { margin-bottom: 100px; background-color: #19191A; }
.main-wrap .s-intro>.tab-menu-contents-wrap>  .title-cont { position: relative; width: 760px; margin: 20px auto 40px; }
.main-wrap .s-intro>.tab-menu-contents-wrap>  .title-cont .title { display: flex; flex-direction: column; width: 100%; overflow: hidden; }
.main-wrap .s-intro>.tab-menu-contents-wrap>  .title-cont .title>span:nth-child(2) { align-self: flex-end; }
.main-wrap .s-intro .slide-group .intro-list-tab { display: flex; justify-content: center; gap: 0 70px;  }
.main-wrap .s-intro .slide-group .intro-list-tab li { width: 100px; height: 90px; cursor: pointer; text-align: center; display: inline-flex; align-items: center; justify-content: center; flex-direction: column; gap: 5px; }
.main-wrap .s-intro .slide-group .intro-list-tab li .img-wrap { width: 60px; height: 60px; text-align: center; }
.main-wrap .s-intro .slide-group .intro-list-tab li .img-wrap img { object-fit: cover; object-position: center; width: 100%; overflow: hidden; }
@keyframes growwhith {
    from { width: 0; }
    to { width: 100%; }
}
.main-wrap .s-intro .slide-group .slide-content { position: relative; width: 1160px; height: 762px; margin: 40px auto; overflow: hidden; }
.main-wrap .s-intro .slide-group .slick-list { position: relative; width: 937px; overflow: visible !important; margin-left: 0; padding-top: 45px; }
/* .main-wrap .s-intro .slide-group .slick-list .slick-track{width: 550% !important;} */
.main-wrap .s-intro .slide-group .custom-dots .slick-dots { width: 1160px; height: 90px; display: flex; justify-content: center; gap: 30px; top: 0; }
.main-wrap .s-intro .slide-group .custom-dots .custom-dot:only-child { display: inline-flex !important; }
.main-wrap .s-intro .slide-group .custom-dots  .custom-dot { width: auto; height: auto; border-radius: 0; background-color: transparent; }
.main-wrap .s-intro .slide-group .custom-dots .slick-active { background-color: transparent; }
.main-wrap .s-intro .slide-group .custom-dots  .slick-dots .img-wrap .on { display: none; }
.main-wrap .s-intro .slide-group .custom-dots  .slick-dots .img-wrap .off { display: block; }
.main-wrap .s-intro .slide-group .custom-dots .slick-active .img-wrap .on { display: block; }
.main-wrap .s-intro .slide-group .custom-dots .slick-active .img-wrap .off { display: none; }
.main-wrap .s-intro .slide-group .custom-dots .custom-dot { width: 100px; height: 90px; cursor: pointer; text-align: center; display: inline-flex; align-items: center; justify-content: center; flex-direction: column; gap: 5px; opacity: 1; }
.main-wrap .s-intro .slide-group .custom-dots .custom-dot .text-cont { font-weight: 600; font-size: 16px; line-height: 16px; text-align: center; }
.main-wrap .s-intro .slide-group .custom-dots .custom-dot .img-wrap { width: 60px; height: 60px; text-align: center; }
.main-wrap .s-intro .slide-group .custom-dots .custom-dot .img-wrap img { object-fit: cover; object-position: center; width: 100%; }
.main-wrap .s-intro .slide-group .custom-dots .slick-active .plan_01-bullet .text-cont, .main-wrap .s-intro .slide-group .custom-dots .plan_01-bullet:hover .text-cont { color: #5533FF; }
.main-wrap .s-intro .slide-group .custom-dots .slick-active .plan_02-bullet .text-cont, .main-wrap .s-intro .slide-group .custom-dots .plan_02-bullet:hover .text-cont { color: #9933FF; }
.main-wrap .s-intro .slide-group .custom-dots .slick-active .plan_03-bullet .text-cont, .main-wrap .s-intro .slide-group .custom-dots .plan_03-bullet:hover .text-cont { color: #C233FF; }
.main-wrap .s-intro .slide-group .custom-dots .slick-active .plan_04-bullet .text-cont, .main-wrap .s-intro .slide-group .custom-dots .plan_04-bullet:hover .text-cont { color: #F211BA; }
.main-wrap .s-intro .slide-group .custom-dots .slick-active .plan_05-bullet .text-cont, .main-wrap .s-intro .slide-group .custom-dots .plan_05-bullet:hover .text-cont { color: #ED174D; }
.main-wrap .s-intro .slide-group .custom-dots .slick-active .plan_06-bullet .text-cont, .main-wrap .s-intro .slide-group .custom-dots .plan_06-bullet:hover .text-cont { color: #5533FF; }
.main-wrap .s-intro .slide-group .custom-dots .slick-active .plan_07-bullet .text-cont, .main-wrap .s-intro .slide-group .custom-dots .plan_07-bullet:hover .text-cont { color: #9933FF; }
.main-wrap .s-intro .slide-group .custom-dots .slick-active .plan_08-bullet .text-cont, .main-wrap .s-intro .slide-group .custom-dots .plan_08-bullet:hover .text-cont { color: #C233FF; }
.main-wrap .s-intro .slide-group .slide .slide-item { margin:77.5px 15px 77.5px 0; flex-shrink: 0; width: 220px !important; height: 470px;
     transition: width 0.6s ease, padding 0.6s ease; padding: 0; cursor: pointer; }
.main-wrap .s-intro .slide-group .slide .slide-item.active { width: 455px !important; height: 622px !important; margin: 0 15px 0 0; padding: 0; }
.main-wrap .s-intro .slide-group .slide .slide-item .card-wrap { position: relative; display: flex; width: 100%; height: 100%; 
    background-color: #F6F7F9; border-radius: 30px; overflow: hidden; }
.main-wrap .s-intro .slide-group .slide .slide-item .card-wrap .small { display: flex; flex-direction: column; align-self: flex-end; width: 100%; padding: 0 30px 40px 30px; }
.main-wrap .s-intro .slide-group .slide .slide-item .card-wrap .small img { display: inline-flex; margin-bottom: 20px; }
.main-wrap .s-intro .slide-group .slide .slide-item .card-wrap .small .info {display: flex; align-items: center; margin-bottom: 10px; }
.main-wrap .s-intro .slide-group .slide .slide-item .card-wrap .small .m-price { font-family: "Outfit", "Pretendard"; font-weight: 600; font-size: 20px; line-height: 28px; margin: 0 2px 0 4px; }
.main-wrap .s-intro .slide-group .slide .slide-item .card-wrap .small .plan { font-family: "Outfit", "Pretendard"; font-weight: 700; font-size: 30px; line-height: 40px; }
.main-wrap .s-intro .slide-group .slide .slide-item .card-wrap .small span { font-weight: 700; font-size: 14px; line-height: 22px; letter-spacing: -0.1px; }
.main-wrap .s-intro .slide-group .slide .slide-item.active .card-wrap .small { display: none; }
.main-wrap .s-intro .slide-group .slide .slide-item .card-wrap .small > img { width: 36px; height: 36px; filter: brightness(0); }
.main-wrap .s-intro .slide-group .slide .slide-item .card-wrap .big { position: relative; display: none; width: 100%; height: 556px; }
.main-wrap .s-intro .slide-group .slide .slide-item.active .card-wrap .big { display: block; opacity: 1; }
.main-wrap .s-intro .slide-group .slide .slide-item .card-wrap .big .img-wrap { width: 150px; height: 150px; margin: 0 auto 25px; }
.main-wrap .s-intro .slide-group .slide .slide-item .card-wrap .big .img-wrap img { object-fit: cover; /* 핵심! */ object-position: center; /* 옵션: 중앙 정렬 */ width: 100%; }
.main-wrap .s-intro .slide-group .slide .slide-item .card-wrap .big .title p { font-weight: 400; font-size: 16px; line-height: 26px; letter-spacing: -0.4px; }
.main-wrap .s-intro .slide-group .slide .slide-item .card-wrap .big .title .price { display: flex; align-items: center; font-weight: 600; font-size: 20px; line-height: 28px; letter-spacing: -0.4px; }
.main-wrap .s-intro .slide-group .slide .slide-item .card-wrap .big .title strong { font-weight: 700; }
.main-wrap .s-intro .slide-group .slide .slide-item .card-wrap .big .title .price .original{
font-weight: 400;
font-size: 16px;
line-height: 22px;
letter-spacing: -0.1px;
color:#AEB0B7;
text-decoration:line-through;
margin-left:8px;
}
.main-wrap .s-intro .slide-group .slide .slide-item .card-wrap.plan_01 .big .title .price { color: #5533FF; }
.main-wrap .s-intro .slide-group .slide .slide-item .card-wrap.plan_02 .big .title .price { color: #9933FF; }
.main-wrap .s-intro .slide-group .slide .slide-item .card-wrap.plan_03 .big .title .price { color: #C233FF; }
.main-wrap .s-intro .slide-group .slide .slide-item .card-wrap.plan_04 .big .title .price { color: #F211BA; }
.main-wrap .s-intro .slide-group .slide .slide-item .card-wrap.plan_05 .big .title .price { color: #ED174D; }
.main-wrap .s-intro .slide-group .slide .slide-item .card-wrap.plan_06 .big .title .price { color: #5533FF; } 
.main-wrap .s-intro .slide-group .slide .slide-item .card-wrap.plan_07 .big .title .price { color: #9933FF; }
.main-wrap .s-intro .slide-group .slide .slide-item .card-wrap.plan_08 .big .title .price { color: #C233FF; }
.main-wrap .s-intro .slide-group .slide .card-wrap.plan_01 .button-wrap { background-color: #5533FF; }
.main-wrap .s-intro .slide-group .slide .card-wrap.plan_02 .button-wrap { background-color: #9933FF; }
.main-wrap .s-intro .slide-group .slide .card-wrap.plan_03 .button-wrap { background-color: #C233FF; }
.main-wrap .s-intro .slide-group .slide .card-wrap.plan_04 .button-wrap { background-color: #F211BA; }
.main-wrap .s-intro .slide-group .slide .card-wrap.plan_05 .button-wrap { background-color: #ED174D; }
.main-wrap .s-intro .slide-group .slide .card-wrap.plan_06 .button-wrap { background-color: #5533FF; }
.main-wrap .s-intro .slide-group .slide .card-wrap.plan_07 .button-wrap { background-color: #9933FF; }
.main-wrap .s-intro .slide-group .slide .card-wrap.plan_08 .button-wrap { background-color: #C233FF; }
.main-wrap .s-intro .slide-group .slide .slide-item .big .info { height: 100%; position: relative; z-index: 1; overflow: hidden; 
    background-color: #F6F7F9; padding: 26px 26px 40px; border-radius: 0 0 30px 30px; }
.plan-badge-wrap { width: 403px; display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 35px; gap: 0 5px; height:22px;}
.plan-badge-wrap p { width: auto; height: 22px; line-height: 22px; border-radius: 8px; text-align: center; color: #fff; padding: 0px 8px; font-weight: 500; font-size: 12px; }
.plan-badge-wrap .basic { background: #E9E1FF; color: #9933FF; }
.plan-badge-wrap .complex { background: #E1E6FF; color: #7570FF; }
.plan-badge-wrap .data { background: #F3E1FF; color: #C875FF; }
.plan-badge-wrap .cupon { background: #FDE3F7; color: #F87CD9; }
.plan-badge-wrap .ex { background: #FDE3EA; color: #F57F9D; }
.main-wrap .s-intro .slide-group .slide .slide-item .big .info .title{min-height: 148px;}
.main-wrap .s-intro .slide-group .slide .slide-item .big .info .title,
.main-wrap .s-intro .with-device .slide-group .slider .slide-item .big .price,
.main-wrap .s-intro .with-device .slide-group .slider .slide-item .big .benefit,
.main-wrap .s-intro .slide-group .slide .slide-item .big .info .p-detail { width: 385px; }
.main-wrap .s-intro .slide-group .slide .slide-item .big .info .title{}
.main-wrap .s-intro .slide-group .slide .slide-item .big .plan-title { display: flex; align-items: flex-end; font-family: "Outfit", "Pretendard"; font-weight: 700; font-size: 58px; line-height: 68px; white-space:nowrap;}
.main-wrap .s-intro .slide-group .slide .slide-item .big .plan-title span { display: inline-flex;  align-items: center; position: relative; padding:0 0 14px 4px; font-family: "Pretendard"; font-weight: 700; font-size: 20px; line-height: 28px; }
.main-wrap .s-intro .slide-group .slide .slide-item .big .plan-title em{font-family: "Pretendard"; font-weight: 700; font-size: 20px; line-height: 28px; padding-bottom: 14px;}
.main-wrap .s-intro .slide-group .slide .slide-item .big .plan-title.is-overflow{flex-wrap:wrap;} 
.main-wrap .s-intro .slide-group .slide .slide-item .big .plan-title.is-overflow span:nth-child(2){padding:0 0 5px 4px;}
/* .main-wrap .s-intro .slide-group .slide .slide-item .big .plan-title span::before { content: ""; display: block; width: 16px; height: 16px; background: url("/web/images/global/icn_dot_plus.png") 0 0 no-repeat; background-size: 100%; } */
.main-wrap .s-intro .slide-group .slide .slide-item .infinite span::after { content: ""; display: block; position: absolute; top: 0; right: 0; width: 83px; height: 26px; background: url("../image/img_usim_badge.png") 0 0 no-repeat; background-size: 100%; }
.main-wrap .s-intro .slide-group .slide .slide-item .title { display: flex; flex-direction: column; margin-bottom: 30px; }
.main-wrap .s-intro .slide-group .slide .slide-item .title p { font-weight: 600; font-size: 16px; line-height: 20px; }
.main-wrap .s-intro .slide-group .slide .slide-item .title .m-price {margin-left:3px ; font-family: "Outfit", "Pretendard"; font-weight: 700; font-size: 30px; line-height: 28px;}
.main-wrap .s-intro .slide-group .slide .slide-item .p-detail ul { display: flex; flex-direction: column; gap: 4px 0; font-size: 16px; line-height: 24px; }
.main-wrap .s-intro .slide-group .slide .slide-item .p-detail li{display:inline-flex;}
.main-wrap .s-intro .slide-group .slide .slide-item .p-detail li span { display: inline-flex; align-items: center; font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; padding-right: 3px; }
.main-wrap .s-intro .slide-group .slide .slide-item .p-detail li .t-title { width: 90px; font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; }
.main-wrap .s-intro .slide-group .slide .slide-item .p-detail li .t-title::after{content:none !important;}
.main-wrap .s-intro .slide-group .slide .card-wrap.plan_01 .p-detail li .t-title { color: #5533FF; }
.main-wrap .s-intro .slide-group .slide .card-wrap.plan_02 .p-detail li .t-title { color: #9933FF; }
.main-wrap .s-intro .slide-group .slide .card-wrap.plan_03 .p-detail li .t-title { color: #C233FF; }
.main-wrap .s-intro .slide-group .slide .card-wrap.plan_04 .p-detail li .t-title { color: #F211BA; }
.main-wrap .s-intro .slide-group .slide .card-wrap.plan_05 .p-detail li .t-title { color: #ED174D; }
.main-wrap .s-intro .slide-group .slide .card-wrap.plan_06 .p-detail li .t-title { color: #5533FF; }
.main-wrap .s-intro .slide-group .slide .card-wrap.plan_07 .p-detail li .t-title { color: #9933FF; }
.main-wrap .s-intro .slide-group .slide .card-wrap.plan_08 .p-detail li .t-title { color: #C233FF; }
.main-wrap .s-intro .slide-group .slide .slide-item .p-detail li span:not(:last-child)::after { content: ""; display: block; width: 3px; height: 3px; background-color: #000; border-radius: 50%; margin-left: 6px; }
.main-wrap .s-intro .slide-group .slide .button-wrap { position: absolute; bottom: -69px; width: 100%; height: 110px; }
.main-wrap .s-intro .slide-group .slide .button-wrap .btn-join { width: 100%; height: 69px; position: absolute; bottom: 0; text-align: center; background-image: url("/web/images/global/icn_btn_quick_white.png"); background-position: 36% 50%; background-size: 18px 18px; background-repeat: no-repeat; font-weight: 700; font-size: 16px; line-height: 69px; color: #fff; z-index: 1; }
.main-wrap .s-intro .only-usim { position: relative; background-position: 0 0; background-size: 100%; background-repeat: no-repeat; background-color: #fff; }
.main-wrap .s-intro .kv-wrap > .img_wrap { position: relative; max-width: 1920px; height: 800px; margin: 0 auto; overflow: hidden; }
.main-wrap .s-intro .kv-wrap > .img_wrap img { width: 100%; height: 100%; object-fit: cover; /* 핵심! */ object-position: center; /* 옵션: 중앙 정렬 */ }
.main-wrap .s-intro .kv-wrap > .title { position: absolute; top: 60px; left: 50%; transform: translateX(-50%); width: 1160px; display: flex; flex-direction: column; align-items: center; gap: 16px 0; z-index: 1; }
.main-wrap .s-intro .kv-wrap > .title h2 { font-weight: 700; font-size: 70px; line-height: 86px; text-align: center; color: #10007B; letter-spacing: -2px; }
.main-wrap .s-intro .more-link, .main-wrap .s-intro .kv-wrap > .title .link { display: flex; position: relative; align-items: center; justify-content: space-between; gap: 4px; text-align: center; }
.main-wrap .s-intro .more-link span, .main-wrap .s-intro .kv-wrap > .title .link span { font-weight: 700; font-size: 18px; line-height: 26px; }
.main-wrap .s-intro .kv-wrap > .title .link img { width: 18px; height: 18px; object-fit: cover; }
.main-wrap .s-intro .more-link span, .main-wrap .s-intro .kv-wrap > .title .link span { display: inline-flex; background: linear-gradient(90deg, #405CF6 0%, #ED174D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; }
.main-wrap .s-intro .more-link:hover, .main-wrap .s-intro .kv-wrap > .title .link:hover { opacity: 0.8; }
.main-wrap.with-device .s-intro .more-link span, .main-wrap.with-device .s-intro .kv-wrap > .title .link span { display: inline-flex; background: linear-gradient(90deg, #7570FF 0%, #F57F9D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; }
.main-wrap .s-intro .more-link { width: 1440px; justify-content: center; margin: 0 auto; font-weight: 700; font-size: 16px; line-height: 26px; }
.main-wrap .s-intro .more-link a { display: flex; align-items: center; gap: 4px; }
.main-wrap .s-intro .more-link a img { width: 18px; height: 18px; object-fit: cover; }
.main-wrap .s-intro>.tab-menu-contents-wrap> .only-usim>.text-cont>div.mobile { align-self: flex-end; z-index: 1; }
.main-wrap .s-intro>.tab-menu-contents-wrap> .only-usim>.img-cont { position: absolute; width: 567px; top: 100px; left: 50%; transform: translateX(-50%); }
.main-wrap .s-intro .only-usim .title-cont .title:nth-child(1) { animation: titleAni1 0.5s 2s forwards; }
@keyframes titleAni1 {
    100% { opacity: 0; transform: translateY(50%); }
}
.main-wrap .s-intro .only-usim .title-cont .title:nth-child(2) { position: absolute; opacity: 0; top: 0; transform: translateY(50%); animation: titleAni2 0.5s 2.3s forwards; }
@keyframes titleAni2 {
    0% { opacity: 0; transform: translateY(50%); }
    100% { opacity: 1; transform: translateY(0); }
}
.main-wrap .s-intro .with-device .kv-wrap > .title h2 { color: #fff; }
.main-wrap .s-intro .slide-group {background-color:#fff;}
.main-wrap .s-intro .with-device .slide-group { z-index: 1; position: relative; background-color: #19191A; }
.main-wrap .s-intro .with-device .slide-group .custom-dots .custom-dot .img-wrap { width: 60px; height: 60px; position: relative; }
.main-wrap .s-intro .with-device .slide-group .custom-dots .custom-dot .img-wrap img { object-fit: contain; height: 100%; filter: grayscale(1);}
.main-wrap .s-intro .with-device .slide-group .custom-dots .custom-dot .img-wrap::after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(25, 25, 26, 0.1) 4.17%, rgba(25, 25, 26, 0.8) 100%);
}
.main-wrap .s-intro .with-device .slide-group .custom-dots .slick-active .img-wrap::after{
    content: none;
}
.main-wrap .s-intro .with-device .slide-group .custom-dots .custom-dot .text-cont { color: #787C87; }
.main-wrap .s-intro .with-device .slide-group .custom-dots .slick-active .text-cont,
.main-wrap .s-intro .with-device .slide-group .custom-dots .swiper-pagination-bullet:hover .text-cont { font-weight: 700; color: #fff !important; }

.main-wrap .s-intro .with-device .slide-group .custom-dots .slick-active .img-wrap img, .main-wrap .s-intro .with-device .slide-group .custom-dots .custom-dot:hover .img-wrap img { filter: none; }
.main-wrap .s-intro .with-device .slide-group .slider .slide-item .card-wrap .small { position: relative; height: 100%; padding: 48px 0 0 0; align-self: flex-start; background-color: #fff; color: #000; }
.main-wrap .s-intro .with-device .slide-group .slider .slide-item .card-wrap .small::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.03); content: ""; }
.main-wrap .s-intro .with-device .slide-group .slider .slide-item .card-wrap .small .phone-name { font-weight: 700; font-size: 16px; line-height: 16px; margin-bottom: 15px; padding: 0 30px; }
.main-wrap .s-intro .with-device .slide-group .slider .slide-item .card-wrap .small .price { font-weight: 700; font-size: 14px; line-height: 14px; padding: 0 30px;}
.main-wrap .s-intro .with-device .slide-group .slider .slide-item .card-wrap .small .en { font-family: "Outfit", "Pretendard"; font-weight: 700; font-size: 28px; line-height: 28px; }
.main-wrap .s-intro .with-device .slide-group .slider .slide-item:hover .img-wrap { transition: transform 0.4s ease; }
.main-wrap .s-intro .with-device .slide-group .slider .slide-item:hover .img-wrap { transform: scale(1.1); }
.main-wrap .s-intro .with-device .slide-group .slider .slide-item .card-wrap .small > img {
     margin: 0; width: 155%; height: auto; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%);filter: none; object-fit: cover; }
.main-wrap .s-intro .with-device .slide-group .slider .slide-item .big .info { position: relative; padding: 60px 0 0 0; background-color: #fff; color: #000; }
.main-wrap .s-intro .with-device .slide-group .slider .slide-item .big .info::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.03); content: ""; }
.main-wrap .s-intro .with-device .slide-group .slider .slide-item .big .title {width: 455px; min-height: auto; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; gap: 20px; margin-bottom: 12px; padding: 0 35px; }
.main-wrap .s-intro .with-device .slide-group .slider .slide-item .big .phone-name { font-weight: 700; font-size: 28px; line-height: 28px; }
.main-wrap .s-intro .with-device .slide-group .slider .slide-item .big .title span { font-weight: 600; font-size: 18px; line-height: 18px; color: #676767; position: relative; }
.main-wrap .s-intro .with-device .slide-group .slider .slide-item .big .title span:not(:first-child) { margin-left: 10px; padding-left: 10px; }
.main-wrap .s-intro .with-device .slide-group .slider .slide-item .big .title span:not(:first-child)::before { content: ""; display: block; width: 1px; height: 10px; position: absolute; left: 0; top: 6px; background-color: #000; }
.main-wrap .s-intro .with-device .slide-group .slider .slide-item .big .price { font-weight: 800; font-size: 26px; line-height: 26px; color: #673AFF; margin-bottom: 20px; padding: 0 35px; }
.main-wrap .s-intro .with-device .slide-group .slide .group-1 .big .price{
    color: #5533FF; 
}
.main-wrap .s-intro .with-device .slide-group .slide .group-2 .big .price{
    color: #9933FF;
}
.main-wrap .s-intro .with-device .slide-group .slide .group-3 .big .price{
    color: #C233FF; 
}
.main-wrap .s-intro .with-device .slide-group .slide .group-4 .big .price{
    color: #F211BA;
}
.main-wrap .s-intro .with-device .slide-group .slide .group-5 .big .price{
    color: #ED174D;
}
.main-wrap .s-intro .with-device .slide-group .slide .group-6 .big .price{
    color: #5533FF; 
}

.main-wrap .s-intro .with-device .slide .group-1 .button-wrap{
    background-color: #5533FF !important;
}
.main-wrap .s-intro .with-device .slide .group-2 .button-wrap{
    background-color: #9933FF !important;
}
.main-wrap .s-intro .with-device .slide .group-3 .button-wrap{
    background-color: #C233FF !important;
}
.main-wrap .s-intro .with-device .slide .group-4 .button-wrap{
    background-color: #F211BA !important;
}
.main-wrap .s-intro .with-device .slide .group-5 .button-wrap{
    background-color: #ED174D !important;
}
.main-wrap .s-intro .with-device .slide .group-6 .button-wrap{
    background-color: #5533FF !important;
}

.main-wrap .s-intro .with-device .slide-group .slider .slide-item .big .price span { font-weight: 700; font-size: 62px; line-height: 64px; }
.main-wrap .s-intro .with-device .slide-group .slider .slide-item .big .benefit { font-weight: 600; font-size: 16px; line-height: 16px; padding: 0 35px; }
.main-wrap .s-intro .with-device .slide-group .slider .slide-item .card-wrap .big .img-wrap { width: 100%; height: auto; margin: 40px auto 0; overflow: hidden; }
.main-wrap .s-intro .with-device .slide-group .slider .slide-item .card-wrap .big .img-wrap img { height: auto; }
.main-wrap .s-intro .with-device .slide-group .tab-menu-contents-wrap li { position: relative; cursor: pointer; }
.main-wrap .s-intro .with-device .slide-group .tab-menu-contents-wrap li .wrap { position: relative; height: 100%; }
.main-wrap .s-intro .with-device .slide-group .slider .slide-item .img-box { display: flex; position: relative; }
.main-wrap .s-intro .with-device .slide-group .slider .slide-item .img-box.left { justify-content: left; }
.main-wrap .s-intro .with-device .slide-group .slider .slide-item .img-box.center { justify-content: center; }
.main-wrap .s-intro .with-device .slide-group .slider .slide-item .img-box.right { justify-content: right; }
.main-wrap .s-intro .with-device .slide-group .slider .slide-item .img-box p { position: relative; background-color: #000; width: 200px; height: 200px; overflow: hidden; border-radius: 12px; }
.main-wrap .s-intro .with-device .slide-group .slider .slide-item .img-box span { display: inline-flex; justify-content: center; align-items: center; width: 54px; height: 30px; position: absolute; left: 16px; top: 16px; border-radius: 50px; }
.main-wrap .s-intro .with-device .slide-group .slider .slide-item .img-box .dis { background-color: #7316de; }
.main-wrap .s-intro .with-device .slide-group .slider .slide-item .img-box .old { background-color: #405CF6; }
.main-wrap .s-intro .with-device .slide-group .slider .slide-item .img-box .rif { background-color: #7316de; }
.main-wrap .s-intro .with-device .slide-group .slider .slide-item .info-box { width: 149px; height: 96px; background-color: #fff; border-radius: 12px; padding: 12px 18px; position: absolute; margin-top: 0; }
.main-wrap .s-intro .with-device .slide-group .slider .slide-item .info-box.type01 { left: 24px; bottom: 100px; }
.main-wrap .s-intro .with-device .slide-group .slider .slide-item .info-box.type02 { right: 24px; bottom: 100px; }
.main-wrap .s-intro .with-device .slide-group .slider .slide-item .info-box p { color: #969898; }
.main-wrap .s-intro .with-device .slide-group .tab-menu-contents-wrap li .btn-join { display: block; width: 210px; height: 48px; background-color: #000; border-radius: 50px; text-align: center; background-image: none; position: absolute; right: 24px; bottom: 24px; padding: 0 20px; }
.main-wrap .s-intro .with-device .slide-group .tab-menu-contents-wrap li .btn-join::before { content: ""; display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 10px; width: 23px; height: 12px; background-image: url("/web/images/global/icn_triple_arrow_purple.svg"); }
.main-wrap .s-intro .with-device .slide-group .tab-menu-contents-wrap li .btn-join::after { content: ""; display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; width: 23px; height: 12px; background-image: url("/web/images/global/icn_triple_arrow_purple.svg"); }
.main-wrap .s-intro .with-device .slide-group .tab-menu-contents-wrap li .btn-join .ani-box { display: inline-block; width: 38px; }
.main-wrap .s-intro .with-device .slide-group .tab-menu-contents-wrap li .btn-join:hover .ani-box { transform: translateX(435%) rotate(45deg); }
.main-wrap .s-join { padding: 180px 0 60px; }
.main-wrap.with-device .s-join { display: none; }
.main-wrap .s-join .content-wrap { display: flex; align-items: center; flex-direction: column;}
.main-wrap .s-join .tab-menu { display: flex; align-items: center; gap: 30px; margin: 25px 0 45px; }
.main-wrap .s-join .tab-menu li { font-weight: 500; font-size: 16px; line-height: 24px; color: #AEB0B7; position: relative; padding: 10px 0; cursor: pointer; overflow: hidden; }
.main-wrap .s-join .tab-menu li.active { color: #000; font-weight: 700; }
.main-wrap .s-join .tab-menu li::after { content: ""; display: block; width: 100%; height: 2px; position: absolute; bottom: 0; left: 0; background-color: #000; transform: scaleX(0); transform-origin: left; transition: transform 0.6s ease; }
.main-wrap .s-join .tab-menu li.active::after { transform: scaleX(1); }
.main-wrap .s-join .tab-contents .s-join-wrap { display: flex; gap: 50px; width: 1440px; height: 550px; background: url("/web/images/main/s_join_bg.png") 0 0 no-repeat; padding: 70px 0 70px 80px; }
.main-wrap .s-join .tab-contents .s-join-wrap .subject { width: 475px; padding-top: 107px; }
.main-wrap .s-join .tab-contents .s-join-wrap .subject .plan-title { display: flex; flex-wrap: wrap; align-items: baseline; font-family: "Outfit", "Pretendard"; font-weight: 700; font-size: 58px; line-height: 74px; margin-bottom: 12px; }
.main-wrap .s-join .tab-contents .s-join-wrap .subject .plan-title p{display: inline-flex;}
.main-wrap .s-join .tab-contents .s-join-wrap .subject .plan-title em { position: relative; padding:0 4px 0 0; font-family: "Pretendard"; font-weight: 700; font-size: 24px; line-height: 32px; }
.main-wrap .s-join .tab-contents .s-join-wrap .subject .plan-title span { display: inline-flex; align-self: flex-end; align-items: center; position: relative; padding:0 0 0 4px; font-family: "Pretendard"; font-weight: 700; font-size: 24px; line-height: 32px; }
.main-wrap .s-join .tab-contents .s-join-wrap .subject .plan-title span::before { content: "+"; display: flex; align-items: center; justify-content: center; width: 16px; height: 16px; }
.main-wrap .s-join .tab-contents .s-join-wrap .subject .t-type { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 14px; }
.main-wrap .s-join .tab-contents .s-join-wrap .subject .t-type span { font-weight: 400; font-size: 16px; line-height: 24px; text-align: center; padding-left: 20px; color: #393A3C; }
.main-wrap .s-join .tab-contents .s-join-wrap .subject .t-type .net { background: url("/web/images/global/icn_plan_list_01.png") 0 center no-repeat; background-size: 18px 18px; }
.main-wrap .s-join .tab-contents .s-join-wrap .subject .t-type .gan { background: url("/web/images/global/icn_plan_list_02.png") 0 center no-repeat; background-size: 18px 18px; }
.main-wrap .s-join .tab-contents .s-join-wrap .subject .t-type .call { background: url("/web/images/global/icn_plan_list_03.png") 0 center no-repeat; background-size: 18px 18px; }
.main-wrap .s-join .tab-contents .s-join-wrap .subject .t-type .text { background: url("/web/images/global/icn_plan_list_04.png") 0 center no-repeat; background-size: 18px 18px; }
.main-wrap .s-join .tab-contents .s-join-wrap .subject .t-type .type { background: url("/web/images/global/icn_plan_list_type.png") 0 center no-repeat; background-size: 18px 18px; font-weight: 500; color: #19191A; }
.main-wrap .s-join .tab-contents .s-join-wrap .subject .benefit {height: 24px; font-size: 16px; line-height: 24px; color: #393A3C; margin-bottom: 20px; }
.main-wrap .s-join .tab-contents .s-join-wrap .subject .m-price { display: flex; align-items: center; font-weight: 700; font-size: 20px; line-height: 28px; }
.main-wrap .s-join .tab-contents .s-join-wrap .subject .m-price .eng { font-size: 30px; line-height: 40px; padding-left: 6px; }
.main-wrap .s-join .tab-contents .s-join-wrap .s-jon_slider { width: 920px; height: 412px; overflow: hidden; }

/* 슬라이드가 1개 이하일 때 non-swiper */
.main-wrap .s-join .tab-contents .s-join-wrap .s-jon_slider.non-swiper .slider-list { display: flex; justify-content: center;}

/* 슬릭 슬라이드 아이템 */
.main-wrap .s-join .tab-contents .s-join-wrap .s-jon_slider .slider-item { width: 320px !important; height: 412px; background-color: #fff; border-radius: 30px; margin-right: 15px; }
.main-wrap .s-join .tab-contents .s-join-wrap .s-jon_slider .join-card { cursor: pointer; width: 100%; height: 100%; display: flex; flex-direction: column; padding: 21px 20px 20px 20px; }
.main-wrap .s-join .tab-contents .s-join-wrap .s-jon_slider .join-card .badge { display: flex; height: 22px; }
.main-wrap .s-join .tab-contents .s-join-wrap .s-jon_slider .join-card .badge span { display: inline-block; text-align: center; height: 22px; font-weight: 500; font-size: 12px; line-height: 22px; padding: 0 8px; background: linear-gradient(90deg, #9933FF 0%, #5533FF 100%); border-radius: 6px; color: #fff; }
.main-wrap .s-join .tab-contents .s-join-wrap .s-jon_slider .join-card .img-wrap { width: 100px; height: 100px; align-self: center; margin: 20px 0; }
.main-wrap .s-join .tab-contents .s-join-wrap .s-jon_slider .join-card .img-wrap img { width: 100%; height: auto; object-fit: contain; }
.main-wrap .s-join .tab-contents .s-join-wrap .s-jon_slider .join-card .title {
    width: 100%;
    height: 80px;
    overflow: hidden;
    text-align: center;
    align-self: center; font-weight: 700; font-size: 28px; line-height: 38px; margin-bottom: 12px; }
.main-wrap .s-join .tab-contents .s-join-wrap .s-jon_slider .join-card .benefit { align-self: center; font-weight: 500; font-size: 16px; letter-spacing: -0.3px; line-height: 24px; color: #2A2B2C; margin-bottom: 16px; text-align: center; }
.main-wrap .s-join .tab-contents .s-join-wrap .s-jon_slider .join-card .benefit p:first-child {font-weight: 700; color: #AA75FF; }
.main-wrap .s-join .tab-contents .s-join-wrap .s-jon_slider .join-card .price { display: inline-flex; align-items: center; align-self: center; font-weight: 600; font-size: 20px; line-height: 28px; color: #9933FF; }
.main-wrap .s-join .tab-contents .s-join-wrap .s-jon_slider .join-card .price .eng { font-family: "Outfit", "Pretendard"; font-weight: 700; 
    font-size: 30px; line-height: 40px; margin:0 2px 0 4px; }

/*  통배너 */
.main-wrap .s-banner { padding: 40px 0 100px; }
.main-wrap .s-banner .benefit-cont { width: 767px; height: 80px; margin: 0 auto; display: flex; align-items: center; justify-content: center; }
.main-wrap .s-banner .benefit-cont .event-link { display: inline-flex; align-items: center; gap: 16px; font-weight: 800; font-size: 26px; line-height: 26px; }
.main-wrap .s-banner .benefit-cont .event-link:hover { color: #9933FF }
.main-wrap .s-banner .benefit-cont .event-link .ticket { width: 84px; }
.main-wrap .s-banner .benefit-cont .event-link .arrow { background-color: #9933FF; }
.main-wrap .s-banner .benefit-cont .event-link .arrow .line { background-image: url('/web/images/global/icn_arrow_line_white.png'); }
.main-wrap .s-banner .benefit-cont .event-link .en { font-family: "Outfit", "Pretendard"; font-weight: 700; font-size: 26px; line-height: 26px; }
.main-wrap .s-banner.full { display: block; padding: 0; background-color:#E9E7EE; }
.main-wrap.with-device .s-banner.full { display: none; }
.main-wrap .s-banner.full a { display: block; width: 1920px; margin: 0 auto; padding: 83px 0; height: 240px; overflow: hidden; background-repeat: no-repeat; background-size: 100%; }
.main-wrap .s-banner.full a:hover p{ color: #5B5E67;}
.main-wrap .s-banner.full h2 { font-weight: 700; font-size: 34px; line-height: 44px; margin-bottom: 14px; }
.main-wrap .s-banner.full p { display: flex; align-items: center; gap: 5px; font-weight: 700; font-size: 16px; line-height: 16px; }
.main-wrap .s-banner.full p img { width: 18px; height: 18px; object-fit: cover; }
.main-wrap .s-banner.full .text-wrap { width: 1330px; margin: 0 auto; }
.main-wrap.with-device .s-banner, .main-wrap.with-device .s-special-trust { background-color: #19191A; }
.main-wrap.with-device .s-banner .benefit-cont { background-color: #2C2A2A; border-radius: 12px; }
.main-wrap.with-device .s-banner .benefit-cont .event-link { color: #fff; }

/* 이벤트 */
.main-wrap .s-special-trust { margin: 0 auto; padding: 180px 0; overflow: visible; position: relative; background: #F7F7F8; z-index: 1; }
.main-wrap .s-special-trust .tab-menu-contents-wrap { position: relative; height: 780px; }
.main-wrap .s-special-trust .tab-menu-contents-wrap .tab-contents { display: block; position: absolute; top: 0; left: 0; width: 100%; visibility: hidden; opacity: 0; transition: opacity 0.3s ease; }
.main-wrap .s-special-trust .tab-menu-contents-wrap .tab-contents.show { visibility: visible; opacity: 1; position: relative; }
.main-wrap .s-special-trust .title-wrap { width:1440px; margin: 0 auto 40px; display: flex; align-items: center; justify-content: space-between; }
.main-wrap .s-special-trust .img-text-main img { height: 100%; object-fit: contain; }
.main-wrap .s-special-trust .pagination { display: flex; align-items: center; gap: 10px; }
.main-wrap .s-special-trust .swiper-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #E8E9ED;
    cursor: pointer;
    color: #9D9D9D;
}
.main-wrap .s-special-trust .swiper-toggle span { display: inline-flex; width: 13px; height: 14px; background-image: url('/web/images/global/icn_pause.png'); background-position: center center; background-repeat: no-repeat; }
.main-wrap .s-special-trust .swiper-toggle.play span { background-image: url('/web/images/global/icn_play.png'); }
.main-wrap .s-special-trust .swiper-pagination-bullets.swiper-pagination-horizontal { position: relative; display: flex; align-items: center; text-align: center; top: auto; left: auto; bottom: auto; width: auto; background-color: #E8E9ED; padding: 16px 23px; border-radius: 50px; }
.main-wrap .s-special-trust .swiper-pagination-bullet { width: 8px; height: 8px; background: #9D9D9D; border-radius: 999px; display: inline-flex; transition: all 0.3s ease; margin: 0 7.5px; }
.main-wrap .s-special-trust .swiper-pagination-bullet-active { width: 30px; }
.main-wrap .s-special-trust .with-device .title h2 { color: #fff; }
.main-wrap .s-special-trust .with-device .custom-pagination .slick-dots li button { background-color: #787C87; }
.main-wrap .s-special-trust .with-device .swiper-toggle, .main-wrap .s-special-trust .with-device  .custom-pagination .slick-dots { background: #2A2B2C; }

/*  헬로 모바일로  이동하기  */
.main-wrap .s-change { background-color: #F7F7F8; padding-bottom: 240px; }
.main-wrap.with-device .s-change { display: none; }
.main-wrap .s-change .s-change-wrap { width: 1440px; margin: 0 auto; }
.main-wrap .s-change .s-change-wrap .title { display: flex; align-items: center; justify-content: center; text-align: center; margin-bottom: 30px; }
.main-wrap .s-change .s-change-wrap .title .cal { color: #9933FF; }
.main-wrap .s-change .s-change-wrap .title .roller-number { display: flex; height: 60px; overflow: hidden; margin: 0 5px; }
.main-wrap .s-change .s-change-wrap .range-value { margin-left: 0.5rem; font-weight: bold; }
.main-wrap .s-change .s-change-wrap .range-value #selectedValue, .main-wrap .s-change .s-change-wrap span.comma { font-family: "Outfit"; }
.main-wrap .s-change .s-change-wrap .title .digit-container { position: relative; width: 34px; height: 100%; overflow: hidden; }

.main-wrap .s-change .s-change-wrap .title .digit-strip { position: absolute; top: 0; left: 0; width: 100%; 
     transition: transform 2s cubic-bezier(0.1, 0.9, 0.2, 1); }
.main-wrap .s-change .s-change-wrap .title .digit-strip span { display: block; font-size: 52px; height: 60px; text-align: center; font-family: "Outfit"; }

.main-wrap .s-change .s-change-wrap .range-wrap { display: flex; align-items: center; justify-content: center; gap: 20px; height: 32px; margin: 0 auto 100px; }
.main-wrap .s-change .s-change-wrap .range-wrap label, .main-wrap .s-change .s-change-wrap .range-wrap p { font-weight: 600; font-size: 20px; line-height: 26px; text-align: right; }
.main-wrap .s-change .s-change-wrap .range-wrap .result { width: 140px; }
.main-wrap .s-change .s-change-wrap .range-wrap input[type="range"] { width: 312px; appearance: none; height: 13px; border-radius: 4px; background: linear-gradient(to right, #9933FF 50%, #fff 50%); outline: none; transition: background 0.3s ease; }
.main-wrap .s-change .s-change-wrap .range-wrap input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 32px; height: 32px; background-image: url('/web/images/global/icn_range_btn.png'); background-size: 10px 12px; cursor: pointer; background-color: #9933FF; border-radius: 12px; background-repeat: no-repeat; background-position: center; box-shadow: 4px 4px 10px 2px rgba(0, 0, 0, 0.1); }
.main-wrap .s-change .s-change-wrap .range-wrap input[type="range"]::-moz-range-thumb { width: 32px; height: 32px; background-image: url('/web/images/global/icn_range_btn.png'); background-size: 10px 12px; cursor: pointer; background-color: #9933FF; border-radius: 12px; background-repeat: no-repeat; background-position: center; box-shadow: 4px 4px 10px 2px rgba(0, 0, 0, 0.1); }
.main-wrap .s-change .s-change-wrap .change-plan-info { display: flex; align-items: center; justify-content: center; gap: 14px; height: 260px; margin-bottom: 35px; }
.main-wrap .s-change .s-change-wrap .change-plan-info .plan { display: flex; align-items: center; flex-direction: column; width: 456px; height: 100%; background-color: #9933FF; border-radius: 40px; position: relative; padding-top: 70px; }
.main-wrap .s-change .s-change-wrap .change-plan-info .plan .img-wrap { position: absolute; bottom: 0; z-index: 0; transition: transform 0.4s ease; }
.main-wrap .s-change .s-change-wrap .change-plan-info .plan > p { max-width: 320px; color: #fff; font-weight: 700; font-size: 32px; line-height: 42px; text-align: center; word-break: keep-all; }
.main-wrap .s-change .s-change-wrap .change-plan-info .plan > p:first-child { font-weight: 700; font-size: 18px; line-height: 26px; letter-spacing: -0.4px; margin-bottom: 5px; }
.main-wrap .s-change .s-change-wrap .change-plan-info .plan > p:first-child .telecom-type{ display:inline-flex; align-items:center;  margin-right:7px;}
.main-wrap .s-change .s-change-wrap .change-plan-info .plan > p:first-child .telecom-type:after{content:""; display: inline-block ; width: 1px; height:12px; margin-left:10px; background-color:#fff}
.main-wrap .s-change .s-change-wrap .change-plan-info .plan > p:nth-child(2) { display: flex; align-items: center; margin-bottom: 24px; }
.main-wrap .s-change .s-change-wrap .change-plan-info .plan .price { display: inline-flex; font-family: "Outfit", "Pretendard"; 
    font-weight: 700; font-size: 48px; line-height: 58px; color: #fff; margin: 0 0 0 10px; }
.main-wrap .s-change .s-change-wrap .change-plan-info .plan p:last-child { font-weight: 600; font-size: 32px; line-height: 42px; }
.main-wrap .s-change .s-change-wrap .change-plan-info .plan .change-btn { display: flex; align-items: center; justify-content: center; gap: 5px; width: 160px; height: 46px; line-height: 46px; border-radius: 30px; background-color: #19191A; color: #fff; position: relative; z-index: 1; }
.main-wrap .s-change .s-change-wrap .change-plan-info .plan .change-btn .rolling-text .line { font-weight: 600; font-size: 16px; line-height: 16px; }
.main-wrap .s-change .s-change-wrap .change-plan-info .plan .change-btn .rolling-text .line img { width: 18px; height: 18px; }
.main-wrap .s-change .s-change-wrap .change-plan-info .plan .change-btn:hover .line:nth-child(1) { transform: translateY(-100%); }
.main-wrap .s-change .s-change-wrap .change-plan-info .plan .change-btn:hover .line:nth-child(2) { transform: translateY(0); }
.main-wrap .s-change .s-change-wrap .change-plan-info .plan .change-btn:hover .is-horizontal .line:nth-child(1) { transform: translateX(100%); }
.main-wrap .s-change .s-change-wrap .change-plan-info .plan .change-btn:hover .is-horizontal .line:nth-child(2) { transform: translateX(0); }
.main-wrap .s-change .s-change-wrap .change-plan-info .plan:hover .img-wrap { transform: scale(1.1); }
.main-wrap .s-change .s-change-wrap .change-plan-info .info { display: flex; justify-content: space-between; width: 690px; background-color: #fff; height: 100%; border-radius: 30px; padding:73px 60px 74px; }
.main-wrap .s-change .s-change-wrap .change-plan-info .info li { width: 33%; }
.main-wrap .s-change .s-change-wrap .change-plan-info .info li img { width: 24px; height: 24px; object-fit: cover; }
.main-wrap .s-change .s-change-wrap .change-plan-info .info li h4 { font-weight: 700; font-size: 20px; line-height: 28px; letter-spacing: -0.4px; color: #9933FF; margin: 5px 0 10px; }
.main-wrap .s-change .s-change-wrap .change-plan-info .info li p { font-weight: 500; font-size: 15px; line-height: 22px; color: #2A2B2C; }
.main-wrap .s-change .s-change-wrap .link-wrap { width: 440px; margin: 0 auto; text-align: center; }
.main-wrap .s-change .s-change-wrap .link-wrap a { display: inline-flex; align-items: center; gap: 5px; background: linear-gradient(90deg, #7337FF 22%, #ED174D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; font-weight: 800; font-size: 26px; line-height: 26px; }
.main-wrap .s-change .s-change-wrap .link-wrap a span { display: inline-block; font-family: "Outfit", "Pretendard"; font-weight: 700; font-size: 26px; line-height: 26px; }
.main-wrap .s-change .s-change-wrap .link-wrap a .arrow { width: 20px; height: 20px; }
.main-wrap .s-price { display: none; align-items: center; position: relative; background-color: #19191A; padding-bottom: 95px; }
.main-wrap.with-device .s-price { display: block; }
.main-wrap .s-price .s-price-wrap { position: relative; width: 1440px; margin: 0 auto; }
.main-wrap .s-price .s-price-wrap h2 { text-align: center; color: #fff; margin-bottom: 60px; }
.main-wrap .s-price .container { position: relative; width: 1322px; margin: 0 auto; padding: 10px; background-color: #2C2A2A; border-radius: 30px; }
.main-wrap .s-price .container .tab-menu-device { display: flex; gap: 0 10px; }
.main-wrap .s-price .container .tab-menu-device li { cursor: pointer; flex: 1; height: 126px; flex-shrink: 0; }
.main-wrap .s-price .container .tab-menu-device li .container { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 10px; position: relative; width: 100%; height: 100%; border-radius: 24px; padding: 10px 30px;
     background: #393A3C; transition: all 0.3s; }
.main-wrap .s-price .container .tab-menu-device li .container:hover { box-shadow: 2px 2px 12px rgba(255, 255, 255, 0.5); }
.main-wrap .s-price .container .tab-menu-device li .container .name-wrap  span { font-weight: 600; font-size: 18px; line-height: 18px; color: #fff; }
.main-wrap .s-price .container .tab-menu-device li .container .img-wrap { display: flex; align-items: flex-end; justify-content: center; width: 48px; height: 48px; border-radius: 10px; background-color: #fff; position: relative; 
 overflow: hidden;}
.main-wrap .s-price .container .tab-menu-device li .container .img-wrap img { width: 50%; object-fit: cover; position: absolute; bottom: -10%; }
.main-wrap .s-price .container .tab-menu-device li .container .img-wrap:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; 
    background-color: rgba(0, 0, 0, 0.1); content: ""; }
.main-wrap .s-price .container .tab-menu-device li:hover .container { border-color: #fff; }
.main-wrap .s-price .container .tab-menu-device li:hover .name-wrap .phone-name-ko { opacity: 1; }
.main-wrap .s-price .container .tab-menu-device li:hover .name-wrap .phone-name-en { opacity: 1; }
.main-wrap .s-price .container .tab-menu-device li.active .container { background-color: #AA75FF; }
.main-wrap .s-price .container .tab-menu-device li.active .img-wrap { background-color: rgba(255, 255, 255, 0.8); }
.main-wrap .s-price .container .tab-wrap .tab-menu-contents-wrap { padding: 75px 85px 50px; min-height: 588px; }
.main-wrap .s-price .container .tab-menu-contents-wrap .tab-contents { display: none; }
.main-wrap .s-price .container .tab-menu-contents-wrap .tab-contents.show { display: flex; }
.main-wrap .s-price .container .tab-menu-contents-wrap .device-type { width: 653px; }
.main-wrap .s-price .container .tab-menu-contents-wrap .device-type li { cursor: pointer; display: inline-flex; align-items: center; justify-content: space-between; width: 100%; padding-bottom: 45px; }
.main-wrap .s-price .container .tab-menu-contents-wrap .device-type li .rolling-text.arrow { background-color: #393A3C; }
.main-wrap .s-price .container .tab-menu-contents-wrap .device-type li .rolling-text.arrow .line { background-image: url('/web/images/global/icn_arrow_line_gray.png'); }
.main-wrap .s-price .container .tab-menu-contents-wrap .device-type li:hover .is-horizontal .line:nth-child(1) { transform: translateX(100%); }
.main-wrap .s-price .container .tab-menu-contents-wrap .device-type li:hover .is-horizontal .line:nth-child(2) { transform: translateX(0); }
.main-wrap .s-price .container .tab-menu-contents-wrap .device-type li:not(:first-child) { margin-top: 45px; }
.main-wrap .s-price .container .tab-menu-contents-wrap .device-type li:not(:last-child) { border-bottom: 1px solid #414141; }
.main-wrap .s-price .container .tab-menu-contents-wrap .device-type .type-price, .main-wrap .s-price .container .tab-menu-contents-wrap .device-type .info { display: flex; align-items: center; }
.main-wrap .s-price .container .tab-menu-contents-wrap .device-type .type-price { gap: 15px; color: #fff; margin-bottom: 15px; }
.main-wrap .s-price .container .tab-menu-contents-wrap .device-type .type-price h3{
font-weight: 700;
font-size: 28px;
line-height: 38px;
letter-spacing: -0.5px;
}
.main-wrap .s-price .container .tab-menu-contents-wrap .device-type .type-price .price { font-family: "Outfit", "Pretendard"; 
font-weight: 700;
font-size: 26px;
line-height: 34px;
letter-spacing: 0px;
}
.main-wrap .s-price .container .tab-menu-contents-wrap .device-type .type-price .price .won {font-family:"Pretendard";  }
.main-wrap .s-price .container .tab-menu-contents-wrap .device-type .type-price .badge { text-align: center; font-size: 13px; line-height: 26px; height: 26px; border-radius: 8px; background: linear-gradient(270deg, #4358F5 0%, #7118DF 100%); padding: 0 12px; }
.main-wrap .s-price .container .tab-menu-contents-wrap .device-type .info { font-weight: 500; font-size: 18px; line-height: 18px; color: #FFFFFF; }
.main-wrap .s-price .container .tab-menu-contents-wrap .device-type .info p:nth-child(2) { color: #AA75FF; position: relative; padding-left: 10px; margin-left: 10px; }
.main-wrap .s-price .container .tab-menu-contents-wrap .device-type .info p:nth-child(2)::before { content: ""; 
    display: block; position: absolute; left: 0; top: 2px; width: 1px; height: 12px; background-color: #787C87; }
.main-wrap .s-price .container .tab-menu-contents-wrap .img-wrap { display: flex; flex-direction: column; align-items: center; justify-self: center; gap: 30px; padding-left: 119px; }
.main-wrap .s-price .container .tab-menu-contents-wrap .img-box { width: 350px; height: 350px; text-align: center; opacity: 0; transition: opacity 1s ease-in-out; }
.main-wrap .s-price .container .tab-menu-contents-wrap .img-box.show { opacity: 1; }
.main-wrap .s-price .container .tab-menu-contents-wrap .img-box img { display: inline-block; width: auto; height: 100%; object-fit: contain; }
.main-wrap .s-price .container .tab-menu-contents-wrap .img-wrap h3 { font-weight: 600; font-size: 32px; line-height: 40px; color: #fff; }
.main-wrap .s-event { padding: 200px 0; }
.main-wrap.with-device .s-event { padding: 200px 0 95px; }
.main-wrap .s-event .title-wrap { display: flex; align-items: center; flex-direction: column; gap: 20px; margin-bottom: 60px; }
.main-wrap .s-event .title-wrap .link { display: flex; position: relative; align-items: center; justify-content: space-between; gap: 0 5px; }
.main-wrap .s-event .title-wrap .link img { width: 18px; height: 18px; object-fit: cover; }
.main-wrap .s-event .title-wrap .link:hover { opacity: 0.8; }

/*  이벤트 슬라이드  */
.main-wrap .s-event .title-wrap .link span { display: inline-flex; background: linear-gradient(90deg, #405CF6 0%, #ED174D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; font-weight: 700; font-size: 16px; line-height: 26px; }
.main-wrap.with-device .s-event .title-wrap .link span { background: linear-gradient(90deg, #7570FF 0%, #F57F9D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; }
.main-wrap .s-event .title .en { display: inline-block; }
.main-wrap .s-event .tab-menu-contents-wrap { position: relative; min-height: 560px; }
.main-wrap .s-event .tab-contents { display: block; visibility: hidden; opacity: 0; position: absolute; top: 0; left: 50%; transform: translatex(-50%); }
.main-wrap .s-event .tab-contents.show { visibility: visible; opacity: 1; }
.main-wrap .s-event .event-slider-wrap { width: 858px; margin: 0 auto; overflow: visible; position: relative; }
.main-wrap .s-event .event-slider-wrap .button-next, .main-wrap .s-event .event-slider-wrap .button-prev { position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size)/ 40 * 40); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); z-index: 10; cursor: pointer; display: flex !important; align-items: center; justify-content: center; background-repeat: no-repeat; background-color: #D7D9E0; border-radius: 50%; }
.main-wrap .s-event .event-slider-wrap .button-next::after, .main-wrap .s-event .event-slider-wrap .button-prev::after { content: ""; width: 15px; height: 12px; display: block; background-image: url('/web/images/global/icn_arrow_line_white.png'); background-size: 100%; }
.main-wrap .s-event .with-device .event-slider-wrap .button-next, .main-wrap .s-event .with-device .event-slider-wrap .button-prev { background-color: #393A3C; }
.main-wrap .s-event .event-slider-wrap .button-prev { left: var(--swiper-navigation-sides-offset, -80px); right: auto; transform: rotate(180deg); }
.main-wrap .s-event .event-slider-wrap .button-next { right: var(--swiper-navigation-sides-offset, -80px); left: auto; }
.main-wrap .s-event .event-slider-wrap .button-next:hover, .main-wrap .s-event .event-slider-wrap .button-prev:hover { background-color: #E8E9ED; }
.main-wrap .s-event .with-device .event-slider-wrap .button-next:after, .main-wrap .s-event .with-device .event-slider-wrap .button-prev:after { background-image: url('/web/images/global/icn_arrow_line_gray.png'); background-size: 100%; }
.main-wrap .s-event .with-device .event-slider-wrap .button-next:hover, .main-wrap .s-event .with-device .event-slider-wrap .button-prev:hover { background-color: #5B5E67; }

/*  가이드  */
.main-wrap .s-guide { position: relative; user-select: none; background-color: #F0F0FF; background-repeat: no-repeat; padding: 180px 0 140px 0; }
.main-wrap.with-device .s-guide { background-color: #19191A; }
.main-wrap .s-guide .title-wrap { display: flex; align-items: center; flex-direction: column; gap: 20px; margin-bottom: 60px; }
.main-wrap .s-guide .title-wrap .link { display: flex; position: relative; align-items: center; justify-content: space-between; gap: 4px; }
.main-wrap .s-guide .title-wrap .link img { width: 18px; height: 18px; object-fit: cover; }
.main-wrap .s-guide .title-wrap .link span { display: inline-flex; background: linear-gradient(90deg, #405CF6 0%, #ED174D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; font-weight: 700; font-size: 16px; line-height: 26px; }
.main-wrap .s-guide .title-wrap .link:hover{opacity: 0.8;}
.main-wrap.with-device .s-guide .title-wrap .link span { background: linear-gradient(90deg, #7570FF 0%, #F57F9D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; }
.main-wrap .s-guide .card-wrap { position: relative; width: 1398px; height: 390px; margin: 0 auto; display: flex;}
.main-wrap .s-guide .card { width: 350px; height: 366px; border-radius: 50px; color: #fff; background-size: cover; background-position: center; transition: transform 0.3s ease; transform: none; /* 초기 상태 */ overflow: hidden; }
.main-wrap .s-guide .card-wrap .card:hover { transform: rotate(0deg); }
.main-wrap .s-guide .card::before { content: ''; position: absolute; inset: 0; background: inherit; 
    background-size: 100%; background-position: center; background-repeat: no-repeat; transition: transform 0.5s ease; z-index: 0; 
    will-change: transform;
    transform: translateZ(0);
}
.main-wrap .s-guide .card:hover::before { transform: scale(1.1); /* 확대 */ }
.main-wrap .s-guide .card .link { display: inline-flex; justify-content: space-between; flex-direction: column; width: 100%; height: 100%; padding: 40px; position: relative; z-index: 1; }
.main-wrap .s-guide .card-title { position: relative; font-weight: 700; font-size: 20px; line-height: 28px; margin-bottom: 12px; }
.main-wrap .s-guide .card-desc { font-weight: 400; font-size: 16px; line-height: 24px; }

/* 카드별 위치 조정 (지그재그 + 오버랩) */
.main-wrap .s-guide .card1 { z-index: 4; transform: rotate(-3deg); }
.main-wrap .s-guide .card2 { z-index: 3; transform: rotate(6deg); }
.main-wrap .s-guide .card3 { z-index: 2; transform: rotate(-6deg); }
.main-wrap .s-guide .card4 { transform: rotate(4deg); z-index: 1; }

/*  마이헬로  */
.main-wrap .s-hello-mobile { padding: 190px 0; background-color: #F6F7F8; }
.main-wrap.with-device .s-hello-mobile { background-color: #19191A; }
.main-wrap .s-hello-mobile .hello-info-wrap { width: 1160px; margin: 0 auto; }
.main-wrap .s-hello-mobile .hello-info-wrap .title-wrap .title{
    text-align: center;
}
.main-wrap .s-hello-mobile .hello-info-wrap .info-box {
    display: flex;
    gap: 15px;
    margin-top: 60px;
    width: 1160px;
}

.main-wrap .s-hello-mobile .hello-info-wrap .info-box .item { display: flex; flex-wrap: wrap; gap: 15px; }
.main-wrap .s-hello-mobile .hello-info-wrap .info-box .item .box { border-radius: 30px; background-color: #FFFFFF; position: relative; }
.main-wrap .s-hello-mobile .hello-info-wrap .info-box .item .link { display: inline-block; width: 100%; height: 100%; }
.main-wrap .s-hello-mobile .hello-info-wrap .info-box .item a:hover .rolling-text.arrow{background-color: #E8E9ED;}
.main-wrap .s-hello-mobile .hello-info-wrap .info-box .item .rolling-text.arrow { background-color: #D7D9E0; }
.main-wrap .s-hello-mobile .hello-info-wrap .info-box .item .rolling-text.arrow .line { background-image: url('/web/images/global/icn_arrow_line_white.png'); }
.main-wrap .s-hello-mobile .hello-info-wrap .info-box .my-page:hover .is-horizontal .line:nth-child(1) { transform: translateX(100%); }
.main-wrap .s-hello-mobile .hello-info-wrap .info-box .my-page:hover .is-horizontal .line:nth-child(2) { transform: translateX(0); }
.main-wrap .s-hello-mobile .hello-info-wrap .info-box .item:first-child {
    flex: 0 0 690px;   /* grow, shrink 없음, 폭 690px 고정 */
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
.main-wrap .s-hello-mobile .hello-info-wrap .info-box .item:first-child > div {flex:0 0 337px; height: 140px; font-weight: 400; font-size: 16px; line-height: 18px; }
.main-wrap .s-hello-mobile .hello-info-wrap .info-box .item:first-child h4 { 
font-weight: 700;
font-size: 24px;
line-height: 34px;
letter-spacing: -0.4px;
margin-bottom: 4px;
 }
 .main-wrap .s-hello-mobile .hello-info-wrap .info-box .item:first-child h4 + p{
font-weight: 500;
font-size: 16px;
line-height: 24px;
letter-spacing: -0.3px;

 }
.main-wrap .s-hello-mobile .hello-info-wrap .info-box .item:first-child .link { padding: 40px; }
.main-wrap .s-hello-mobile .hello-info-wrap .info-box .item:first-child .my-page {flex: 0 0 690px;  height: 220px; display: flex; justify-content: space-between; gap: 10px; padding: 40px 40px 30px 40px; }
.main-wrap .s-hello-mobile .hello-info-wrap .info-box .item:first-child .my-page .title-box { flex: 1; }
.main-wrap .s-hello-mobile .hello-info-wrap .info-box .item:first-child .my-page .title-box a { display: inline-block; width: 100%; height: 100%; }
.main-wrap .s-hello-mobile .hello-info-wrap .info-box .item:first-child .my-page .tit { display: flex; align-items: center; margin-bottom: 5px; gap: 10px; }
.main-wrap .s-hello-mobile .hello-info-wrap .info-box .item:first-child .my-page .tit h4 { margin-bottom: 0; }
.main-wrap .s-hello-mobile .hello-info-wrap .info-box .item:first-child .my-page  .qr-wrap { display: flex; gap: 40px; }
.main-wrap .s-hello-mobile .hello-info-wrap .info-box .item:first-child .my-page  .qr-wrap .box { display: flex; flex-direction: column; align-items: center; gap: 20px; }
.main-wrap .s-hello-mobile .hello-info-wrap .info-box .item:first-child .my-page .qr-wrap .box {
    flex: 0 0 104px;
    width: 104px;
}
.main-wrap .s-hello-mobile .hello-info-wrap .info-box .item:first-child .my-page .qr-wrap .box .img-item { width: 89px; height: 90px; }
.main-wrap .s-hello-mobile .hello-info-wrap .info-box .item:first-child .my-page .qr-wrap .box .google { background: url('/web/images/main/QR_google.png') 0 0 no-repeat; background-size: 100%;    transition: filter 0.3s ease; }
.main-wrap .s-hello-mobile .hello-info-wrap .info-box .item:first-child .my-page .qr-wrap .box .google + .qr-btn img{width: 72px;}
.main-wrap .s-hello-mobile .hello-info-wrap .info-box .item:first-child .my-page .qr-wrap .box .apple { background: url('/web/images/main/QR_apple.png') 0 0 no-repeat; background-size: 100%;     transition: filter 0.3s ease;}
.main-wrap .s-hello-mobile .hello-info-wrap .info-box .item:first-child .my-page .qr-wrap .box .apple + .qr-btn img{width: 69px;}
.main-wrap .s-hello-mobile .hello-info-wrap .info-box .item:first-child .my-page .qr-btn { display: inline-flex; align-items: center; justify-content: center; width: 104px; height: 38px; background-color: #F0F1F4; border-radius: 30px; }
.main-wrap .s-hello-mobile .hello-info-wrap .info-box .item:first-child .my-page .qr-btn:hover{background-color: #E8E9ED;}
.main-wrap .s-hello-mobile .hello-info-wrap .info-box .item:last-child {
    flex: 0 0 455px;   /* grow, shrink 없음, 폭 455px 고정 */
    display: flex;
    flex-direction: column;
    gap: 0;
    background-color: #FFFFFF;
    border-radius: 30px;
    padding: 48px 40px 43px;
}
.main-wrap .s-hello-mobile .hello-info-wrap .info-box .item:last-child .box {
   border-radius: 0;
}
.main-wrap .s-hello-mobile .hello-info-wrap .info-box .item:last-child .box .link{
   padding: 30px 0; 
} 
.main-wrap .s-hello-mobile .hello-info-wrap .info-box .item:last-child .box:not(:last-child) .link{
  border-bottom: 1px solid #F6F7F9;
}
.main-wrap .s-hello-mobile .hello-info-wrap .info-box .item:last-child .box:first-child .link{
    padding-top: 0;
} 
.main-wrap .s-hello-mobile .hello-info-wrap .info-box .item:last-child .box:last-child .link{
    padding-bottom: 0;
}


.main-wrap .s-hello-mobile .hello-info-wrap .info-box .item:last-child .link { display: inline-flex; align-items: center; gap: 12px; }
.main-wrap .s-hello-mobile .hello-info-wrap .info-box .item:last-child .link > img { width: 24px; height: 24px; object-fit: cover; }
.main-wrap .s-hello-mobile .hello-info-wrap .info-box .item:last-child h4 { font-weight: 600; font-size: 18px; line-height: 18px; }
.main-wrap .s-hello-mobile .hello-info-wrap .info-box .item:last-child .box .rolling-text.arrow { position: absolute; right: 0; }
.main-wrap .s-hello-mobile .hello-info-wrap .info-box .item:last-child .box:hover .is-horizontal .line:nth-child(1) { transform: translateX(100%); }
.main-wrap .s-hello-mobile .hello-info-wrap .info-box .item:last-child .box:hover .is-horizontal .line:nth-child(2) { transform: translateX(0); }

.main-wrap.with-device .s-hello-mobile .hello-info-wrap .info-box .item .rolling-text.arrow { background-color: #393A3C; }
.main-wrap.with-device .s-hello-mobile .hello-info-wrap .info-box .item .rolling-text.arrow .line { background-image: url('/web/images/global/icn_arrow_line_gray.png'); }
.main-wrap.with-device .s-hello-mobile .hello-info-wrap .info-box .item:first-child .my-page .qr-wrap .box .google { background: url('/web/images/main/QR_google_white.png') 0 0 no-repeat; background-size: 100%; }
.main-wrap.with-device .s-hello-mobile .hello-info-wrap .info-box .item:first-child .my-page .qr-wrap .box .apple { background: url('/web/images/main/QR_apple_white.png') 0 0 no-repeat; background-size: 100%; }
.main-wrap.with-device .s-hello-mobile .hello-info-wrap .info-box .item .box, .main-wrap.with-device .s-hello-mobile .hello-info-wrap .info-box .item:last-child { color: #fff; background-color: #222222; }
.main-wrap.with-device .s-hello-mobile .hello-info-wrap .info-box .item:last-child .box:not(:last-child) .link { border-bottom: 1px solid #353535; }

.main-wrap .swiper-button-disabled { cursor: default !important; }
@keyframes floating {
    0% { transform: translateY(-5%); }
    50% { transform: translateY(5%); }
    100% { transform: translateY(-5%); }
}
@media (max-width:1700px) {
    .main-wrap .s-price { background-size: cover; background-position: center; }
}

/*  롤링 텍스트  */
.rolling-text { position: relative; overflow: hidden; }
.rolling-text.arrow { width: 24px; height: 24px; background-color: #fff; border-radius: 50%; }
.rolling-text.arrow .line { width: 24px; height: 24px; background-image: url('/web/images/global/icn_arrow_line_blk.png'); background-repeat: no-repeat; background-position: center center; background-size: 10px auto; }
.rolling-text.blk { background-color: #000; }
.rolling-text.blk .line { background-image: url('/web/images/global/icn_arrow_line_white.png'); }
.rolling-text.is-horizontal .line img { width: 10px; height: auto; }
.rolling-text > * { transition: transform 1s cubic-bezier(.19, 1, .22, 1); }

/* 두 번째 줄만 절대 위치로 겹치게 */
.rolling-text .line:nth-child(2) { position: absolute; top: 0; transform: translateY(100%); }

/* 수평 전환용: is-horizontal일 경우 translateX 사용 */
.rolling-text.is-horizontal .line:nth-child(2) { transform: translateX(-100%); top: 0; }

/* 이달의 혜택  */
.main-wrap .s-banner .benefit-cont .event-link:hover .rolling-text .line:nth-child(1) { transform: translateY(-100%); overflow: hidden; }
.main-wrap .s-banner .benefit-cont .event-link:hover .rolling-text .line:nth-child(2) { transform: translateY(0); }
.main-wrap .s-banner .benefit-cont .event-link:hover .is-horizontal .line:nth-child(1) { transform: translateX(100%); }
.main-wrap .s-banner .benefit-cont .event-link:hover .is-horizontal .line:nth-child(2) { transform: translateX(0); }

/* 하단 카드 hover 시 */
.s-guide .card:hover .rolling-text .line:nth-child(1) { transform: translateY(-100%); }
.s-guide .card:hover .rolling-text .line:nth-child(2) { transform: translateY(0); }
.s-guide .card:hover .is-horizontal .line:nth-child(1) { transform: translateX(100%); }
.s-guide .card:hover .is-horizontal .line:nth-child(2) { transform: translateX(0); }

/* 슬릭 변경  */

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-arrow.slick-hidden { display: none; }

/* 슬라이드 */
.main-wrap .s-special-trust .special-trust-slider .slide { position: relative; width: 1440px ; margin-right: 20px; height: 600px; border-radius: 40px; z-index: 1; overflow: hidden; }
.main-wrap .s-special-trust .special-trust-slider.no-slide .slide { width: 1440px; margin: 0 auto; }

/* 링크 전체 영역 */
.main-wrap .s-special-trust .special-trust-slider .slide .link { display: inline-flex; width: 100%; height: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; padding-left: 200px; overflow: hidden; color: #000; z-index: 1; }

/* 텍스트 */
.main-wrap .s-special-trust .special-trust-slider .slide .text { position: relative; padding-top: 272px;}
.main-wrap .s-special-trust .special-trust-slider .slide .text.white-color { color: #fff; }
.main-wrap .s-special-trust .special-trust-slider .slide .text.blk-color { color: #000; }
.main-wrap .s-special-trust .special-trust-slider .slide .text h3 { width: 1000px; overflow: hidden; display: flex; gap: 15px; 
font-weight: 700;
font-size: 32px;
line-height: 42px;
letter-spacing: -1px;
margin-bottom: 10px;
align-items:center;}
.main-wrap .s-special-trust .special-trust-slider .slide .text h3::before { content: ""; display: block; width: 36px; height: 36px; flex-shrink: 0; }
.main-wrap .s-special-trust .special-trust-slider .slide .text.white-color h3::before { background: url('/web/images/main/img_qna_white.png') 0 0 no-repeat; }
.main-wrap .s-special-trust .special-trust-slider .slide .text.blk-color h3::before { background: url('/web/images/main/img_qna_black.png') 0 0 no-repeat; }
.main-wrap .s-special-trust .special-trust-slider .slide .text p {width: 460px; padding-left: 55px; font-weight: 500; font-size: 16px; line-height: 26px;  }

/* 이미지 컨테이너 */
.main-wrap .s-special-trust .special-trust-slider .slide .img-cont { position: absolute; z-index: 0; width: 1440px; border-radius: 20px; overflow: hidden; }
.main-wrap .s-special-trust .special-trust-slider .slide .img-cont img { display: inline-block; width: 100%; }

/* 호버 확대 */
.main-wrap .s-special-trust .special-trust-slider .slide:hover .img-cont { transform: scale(1.1); transition: transform 0.3s ease; }

/* 페이지네이션 dots */
.main-wrap .s-special-trust .custom-pagination .slick-dots { display: flex !important; align-items: center; gap: 15px; width: auto; background-color: #ECECF0; padding: 16px; border-radius: 50px; }
.main-wrap .s-special-trust .custom-pagination .slick-dots li { display: inline-flex; width: 8px; height: 8px; }

/* 개별 dot */
.main-wrap .s-special-trust .custom-pagination .slick-dots li button { width: 100%; height: 100%; background: #AEB0B7; border-radius: 999px; transition: all 0.3s ease; font-size: 0; }

/* active dot */
.main-wrap .s-special-trust .custom-pagination .slick-dots li.slick-active { width: 50px; }

/* autoplay toggle 버튼 */
.main-wrap .s-special-trust .slick-toggle { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background-color: #ECECF0; cursor: pointer; color: #9D9D9D; }
.main-wrap .s-special-trust .slick-toggle span { display: inline-flex; width: 13px; height: 14px; background-image: url('/web/images/global/icn_pause.png'); background-position: center center; background-repeat: no-repeat; }
.main-wrap .s-special-trust .slick-toggle.play span { background-image: url('/web/images/global/icn_play.png'); }

/* Slick Slider Wrapper */
.main-wrap .s-event .event-slider .slick-list { overflow: visible; }

/* 슬라이드 */
.main-wrap .s-event .event-slider .slide { width: 858px !important; height: 402px; margin: 0 30px; border-radius: 50px; background:0 none; position: relative; overflow: hidden; }

/* 링크 전체 영역 */
.main-wrap .s-event .event-slider .slide .link { display: inline-flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: 100%; gap: 12px 0; position: relative; text-align: center; z-index: 2; }

/* h3 텍스트 기본 */
.main-wrap .s-event .event-slider .slide .link h3 { font-weight: 700; font-size: 26px; line-height: 34px; opacity: 0; color: #000; }

/* 배경 div */
.main-wrap .s-event .event-slider .slide .bg-wrap { position: absolute; width: 100%; height: 100%; z-index: 1; opacity: 0; background-repeat: no-repeat;}

/* 활성 슬라이드 */
.main-wrap .s-event .event-slider .slide.slick-center .bg-wrap,
.main-wrap .s-event .event-slider .slide.slick-center .link h3 { opacity: 1; }

/* 텍스트 span */
.main-wrap .s-event .event-slider .slide .text h3 span { font-family: "Lumanosimo"; font-weight: 400; font-size: 36px; line-height: 36px;  }

/* p 텍스트 */
.main-wrap .s-event .event-slider .slide .text p { font-weight: 500; font-size: 16px; line-height: 26px;  }

/* 이미지 hover 확대 */
.main-wrap .s-event .event-slider .slide:hover .img-cont { transform: scale(1.1); }

/* 이미지 */
.main-wrap .s-event .event-slider .slide .img-cont img { width: 378px; height: 238px; object-fit: contain; }

/* 네비게이션 버튼 공통 */
.main-wrap .s-event .event-slider .button-next, .main-wrap .s-event .event-slider .button-prev { position: absolute; top: 50%; width: 40px; height: 40px; margin-top: -20px; /* height/2 */ z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; background-repeat: no-repeat; background-color: #F7F7F8; border-radius: 50%; }

/* 버튼 아이콘 */
.main-wrap .s-event .event-slider .button-next::after, .main-wrap .s-event .event-slider .button-prev::after { content: ""; width: 15px; height: 12px; display: block; background-image: url('/web/images/global/icn_swipe_arrow_gray.png'); }

/* Dark 배경 버튼 */
.main-wrap .s-event .with-device .event-slider .button-next, .main-wrap .s-event .with-device .event-slider .button-prev { background-color: #2C2A2A; }

/* 위치 지정 */
.main-wrap .s-event .event-slider .button-prev { left: -80px; right: auto; }
.main-wrap .s-event .event-slider .button-next { right: -80px; left: auto; transform: rotate(180deg); }

/*  더보기 버튼 */
.more-box button { display: flex; align-items: center; justify-content: center; gap: 1px; width: 130px; height: 40px; border: 1px solid #17181C; border-radius: 20px; margin: 24px auto; padding: 0 12px 0 22px; }
.more-box button::after { content: ""; display: block; width: 14px; height: 14px; background-image: url("/web/images/global/icn_list_plus.png"); }
.more-box button:hover { background-color: #F6F7F9; }
.more-box button { color: #17181C; font-weight: 600; font-size: 14px; }

@media (max-width:1440px) {
.main-wrap .s-banner.full a {
    width: 100%;
    background-size: cover;
    background-position: center;
    max-width: 1920px;
    }
}


.layerpop_event .img_wrap_area{isolation:isolate;}