@charset "UTF-8";
body,
.event-wrap {overflow:visible}
/* .event-wrap .container {height:calc(100dvh - 55px)} */
.event-wrap .container {height:auto}
[data-env="app"] .event-wrap .container {height:auto}
[data-env="app"] .premium9-event > .contents .tab-menu-area {top:8px}
[data-env="app"] .premium9-event .event-timetable .cont-inner,
[data-env="app"] .event-wrap .premium9-way .cont-inner {padding-top:98px}
[data-env="app"] .premium9-event .visual-top .cont-inner {padding-top:72px}

.event-wrap .inner-scroll {overflow-x:auto; overflow-y:hidden; box-sizing:border-box; -webkit-overflow-scrolling:touch}
.event-wrap .inner-scroll::-webkit-scrollbar {display:none}

.event-wrap .header {height:56px}
.event-wrap .header.is-fixed {position:fixed; top: 0; left: 0; width:100%; z-index:9}

.event-wrap .header:has(.btn-back) {background:#14191d}
.event-wrap .header .btn-back {display:inline-block; width:24px; height:24px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23F2DFCF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='m15 18-6-6 6-6'/%3E%3C/svg%3E") no-repeat 50% 50%/contain}

.premium9-event {overflow:hidden}
.premium9-event .is-pc {display:none}
.premium9-event .is-mo {display:block}
.premium9-event .tab-menu-list {display:inline-flex; align-items:center; height:100%; }
.premium9-event .tab-menu-list .menu-item {flex:1; height:100%; border:1px solid transparent}
.premium9-event .tab-menu-list .menu-item .menu-link {white-space:nowrap; box-sizing:border-box}
.premium9-event .tab-menu-area .tab-menu-list .menu-item .menu-link {display:flex; align-items:center; justify-content:center; height:100%; padding:6px 12px; font-size:16px; color:#fff}
.premium9-event .tab-menu-area .tab-menu-list .menu-item.on {border-radius:999px; border:1px solid rgba(255, 242, 228, 0.10); background:rgba(255, 242, 228, 0.10)}

.premium9-event .tab-menu-list .menu-item.pc-menu {display:none}
.premium9-event .tab-menu-list .menu-item.mo-menu {position:relative; display:block}
.premium9-event .tab-menu-list .menu-item.mo-menu .sub-menu-list {display:none; position:absolute; top:44px; left:0; border-radius:16px; background:#262A33; box-sizing:border-box}
.premium9-event .tab-menu-list .menu-item.mo-menu .menu-link.active + .sub-menu-list {display:block}
.premium9-event .tab-menu-list .menu-item.mo-menu .sub-menu-list .menu-link {display:block; width:100%; padding:12px; font-size:16px; box-sizing:border-box; color:#fff; text-align:left;}
.premium9-event .tab-menu-list .menu-item.mo-menu .sub-menu-list .menu-link + .menu-link {border-top:1px solid rgba(255, 242, 228, 0.20)}



.premium9-event > .contents .tab-menu-area {z-index:2; position:fixed; top:64px; left:50%; display:flex; height:47px; align-items:center; padding:6px; border-radius:999px; border:1px solid #E6D9CE; background:rgba(242, 223, 207, 0.95); backdrop-filter:blur(2.5px); transform:translateX(-50%); box-sizing:border-box}
.premium9-event > .contents .tab-menu-area .menu-item .menu-link {color:#121212}
.premium9-event > .contents .tab-menu-area .menu-item.on {background:#262A33}
.premium9-event > .contents .tab-menu-area .menu-item.on .menu-link {color:#fff}

.premium9-event > .contents .tab-menu-area.dark-type {border:none; background:rgba(255, 242, 228, 0.10); backdrop-filter: blur(25px)}
.premium9-event > .contents .tab-menu-area.dark-type .menu-item .menu-link {color:#FFF2E4}
.premium9-event > .contents .tab-menu-area.dark-type .menu-item.on {border:1px solid rgba(255, 242, 228, 0.10); background:rgba(255, 242, 228, 0.10)}
.premium9-event > .contents .tab-menu-area.dark-type .menu-item.on .menu-link {font-weight:700}

.premium9-event .tab-menu-scroll {overflow:hidden; margin:0 -16px}
.premium9-event .tab-menu-scroll .tab-menu-list {display:flex; align-items:center; gap:8px; height:48px; padding-left:16px}
.premium9-event .tab-menu-scroll .tab-menu-list .menu-link {display:inline-flex; align-items:center; justify-content:center; width:100%; height:46px; padding:0 36px; align-items:center; justify-content:center; border-radius:999px; font-size:18px; box-sizing:border-box}
.premium9-event .tab-menu-scroll .tab-menu-list .menu-item:last-child {padding-right:16px}
.premium9-event .tab-menu-scroll .tab-menu-list .menu-link:hover{background:linear-gradient(0deg, rgba(38, 42, 51, 0.08) 0%, rgba(38, 42, 51, 0.08) 100%), #F2DFCF;}

.event-wrap .header .logo-area .premium9-link {margin-top:-4px}
.event-wrap .header .link-item {position:relative; display:inline-flex; align-items:center; justify-content:center; gap:6px; height:36px; padding:0 16px; border-radius:50rem; color:#FFF2E4; font-size:14px; background:#CA002C; box-sizing:border-box}

.event-wrap .logo-premium9 {display:block; width:clamp(190px, 37.31vw, 347px); height:clamp(22px, 4.30vw, 40px); background:url('https://static.hankyung.com/resource/common/img/logo/logo-premium9-w.svg') no-repeat center/contain}
.event-wrap .cont-inner {max-width:1200px; margin:0 auto; padding:40px 20px; box-sizing:border-box}
.event-wrap .btn-basic {background:transparent}

.premium9-event .visual-top {position:relative; height:624px; background:url('https://static.hankyung.com/resource/www/premium9/img/info/bg-hero-top-m.jpg') no-repeat center/cover}
.premium9-event .visual-top .cont-inner {display:flex; justify-content:center; align-items:center; flex-direction:column; gap:24px; height:100%; padding-top:130px; color:#fff; text-align:center; box-sizing:border-box}
.premium9-event .visual-top .logo-premium9, 
.premium9-event .visual-top .sub-tit,
.premium9-event .visual-top .visual-tit, 
.premium9-event .visual-top .visual-txt,
.premium9-event.premium9-promotion .visual-top .visual-img {opacity:0; animation:text-fade-down 0.7s ease-in-out forwards}
.premium9-event .visual-top .visual-tit, 
.premium9-event .visual-top .visual-txt {background: linear-gradient(94deg, #FFF2E4 0%, #F7D4B1 40%, #FFE0C2 60%, #FFF2E4 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.premium9-event .visual-top .visual-tit {font-weight:700; line-height:1.3; font-size:clamp(34px, 8.60vw, 80px); animation-delay:0.3s}
.premium9-event .visual-top .visual-tit > strong {display:block; font-weight:700}
.premium9-event .visual-top .visual-txt {line-height:1.4; font-size:clamp(18px, 2.58vw, 24px); animation-delay:0.5s}
.premium9-event .visual-top .btn-scroll {position:absolute; bottom:40px; left:50%; transform:translateX(-50%); height:44px; border:1px solid rgba(255, 242, 228, 0.20); padding:0 20px; font-size:16px; color:#FFF2E4; white-space:nowrap}
.premium9-event .visual-top .btn-scroll::after {content:''; display:inline-block; width:20px; height:20px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23fff2e4' stroke-dasharray='0.3 3' stroke-linecap='round' d='M10 4.166v11.667'/%3E%3Cpath stroke='%23fff2e4' stroke-linecap='round' stroke-linejoin='round' d='M12.832 13 10 15.833 7.167 13'/%3E%3C/svg%3E") no-repeat center/contain; animation:bounceIn 2s ease-out infinite;}
@keyframes text-fade-down {
    from {opacity:0; transform:translateY(-12px)}
    to {opacity:1; transform:translateY(0)}
}
@keyframes bounceIn {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-3px); }
    100% { transform: translateY(0); }
  }
  
.premium9-event .tit-wrap {margin-bottom:32px; text-align:center}
.premium9-event .sub-tit {display:inline-block; font-weight:700; color:#262A33; font-size:16px; text-align:center;}
.premium9-event .sub-tit::after {content:''; display:block; width:16px; height:1px; margin:8px auto; background:#262A33}
.premium9-event .cont-tit {display:block; font-weight:700; color:#262A33; line-height:1.4; font-size:28px}
.premium9-event .cont-txt {display:block; margin-top:16px; font-weight:700; line-height:1.4; color:#262A33; font-size:20px}
.premium9-event .cont-txt + .cont-txt {margin-top:8px}
.premium9-event .cont-txt.small-txt {font-weight:400; line-height:1.6; font-size:16px}

.premium9-event .box-area {position:relative}
.premium9-event .box-area::after {content:''; display:block; position:absolute; bottom:20px; right:16px; width:100px; height:117px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='140' fill='none' viewBox='0 0 120 140'%3E%3Cpath fill='%23998b75' d='M120 54.789c0-7.98-1.568-15.39-4.703-22.016s-7.411-12.468-12.827-17.312c-5.344-4.845-11.757-8.693-19.026-11.4C76.176 1.354 68.337 0 60 0S43.824 1.354 36.556 4.061s-13.682 6.555-19.026 11.4c-5.416 4.844-9.692 10.687-12.827 17.313S0 46.808 0 54.789s1.568 15.39 4.703 22.015c3.064 6.626 7.411 12.397 12.827 17.242 5.415 4.773 11.829 8.549 19.097 11.114s15.107 3.848 23.373 3.848h1.211l-15.106 21.587c-.855 1.212-2.21 2.565-6.485 2.565h-1.425V140h44.822v-6.84h-1.425c-2.423 0-3.42-1.995-2.85-2.921s1.496-2.208 2.636-3.847l30.071-42.606h-.142c1.425-2.208 2.779-4.417 3.919-6.84 3.135-6.625 4.703-14.035 4.703-22.015zm-92.993 0c0-4.916.855-9.619 2.565-13.822 1.71-4.275 3.991-7.98 6.913-11.043 2.85-3.064 6.413-5.558 10.403-7.339 4.062-1.78 8.48-2.636 13.183-2.636 4.704 0 9.121.926 13.183 2.636 3.99 1.781 7.554 4.204 10.404 7.339 2.922 3.063 5.202 6.84 6.912 11.043s2.565 8.906 2.565 13.822-.855 9.618-2.565 13.822c-1.71 4.274-3.99 7.98-6.912 11.043-2.85 3.064-6.413 5.557-10.404 7.338-4.062 1.781-8.48 2.636-13.183 2.636s-9.12-.926-13.183-2.636c-4.061-1.78-7.553-4.203-10.403-7.338-2.922-3.064-5.202-6.769-6.913-11.043-1.71-4.204-2.565-8.906-2.565-13.822' opacity='.1'/%3E%3C/svg%3E") no-repeat center/contain}

.premium9-event .tab-content-list .cont-item {display:none; flex-direction:column; border-radius:16px; overflow:hidden; box-sizing:border-box}
.premium9-event .tab-content-list .cont-item.active {display:flex}

.premium9-event .box-area.story-area::after {bottom:auto; top:293px}
.premium9-event .story-area .tab-content-list {margin-top:16px}
.premium9-event .story-area .tab-menu-list .menu-link {color:#262A33; background:#F2DFCF}
.premium9-event .story-area .tab-menu-list .menu-item.on .menu-link {color:#fff; font-weight:700; background:#262A33}
.premium9-event .story-area .cont-item {gap:20px; align-items:center; padding:20px; background:#262A33}
.premium9-event .story-area .cont-thumb {width:140px; height:140px;}
.premium9-event .story-area .cont-thumb img {width:100%; height:100%; object-fit:cover; object-position:center}
.premium9-event .story-area .txt-cont {color:#fff; text-align:center;}
.premium9-event .story-area .txt-cont .tit {display:block; margin-bottom:8px; font-weight:700; font-size:24px}
.premium9-event .story-area .txt-cont .txt {line-height:1.6; font-size:16px}

.premium9-event .slide-control {display:flex; justify-content:center; gap:12px}
.premium9-event .slide-control .btn-slide {display:flex; justify-content:center; align-items:center; width:40px; height:40px; border-radius:50%; background:#F2DFCF}
.premium9-event .slide-control .btn-slide::before {content:''; display:block; width:20px; height:20px}
.premium9-event .slide-control .btn-prev::before {background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='m12.5 15-5-5 5-5'/%3E%3C/svg%3E") no-repeat center/contain}
.premium9-event .slide-control .btn-next::before {background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='m7.5 15 5-5-5-5'/%3E%3C/svg%3E") no-repeat center/contain}

.premium9-event .service-area {background:rgba(242, 223, 207, 0.50)}
.premium9-event .service-area .service-slide {margin:0 -20px; overflow:visible}
.premium9-event .service-area .service-slide .service-list {padding-left:80px}
.premium9-event .service-area .service-item {display:flex; flex-direction:column; align-items:center; justify-content:center; width:260px; height:217px; padding:20px 30px; background:#FFF2E4; clip-path:polygon(25% 0%, /* 왼쪽 위 */75% 0%, /* 오른쪽 위 */100% 50%, /* 오른쪽 */75% 100%, /* 오른쪽 아래 */25% 100%, /* 왼쪽 아래 */0% 50% /* 왼쪽 */); box-sizing:border-box; text-align:center;}
.premium9-event .service-area .service-item.center-item {background:linear-gradient(180deg, #565E6F 0%, #262A33 100%)}
.premium9-event .service-area .service-item .logo-premium9 {width:207px; height:24px;}
.premium9-event .service-area .service-item .tit {display:block; margin-bottom:8px; font-size:18px; font-weight:700;}
.premium9-event .service-area .service-item .txt {font-size:16px; font-weight:400;}
/* .premium9-event .service-area .swiper-slide {margin-left:12px} */
.premium9-event .service-area .swiper-slide:nth-child(2n) {margin-top:112px}
.premium9-event .service-area .swiper-slide {position:relative; width:260px; height:217px; margin-left:-56px}
.premium9-event .service-area .slide-control {justify-content:flex-start; margin-top:16px; padding-left:32px; box-sizing:border-box}

.premium9-event .content-area {background:#262A33}
.premium9-event .content-area .tab-content-list .cont-item {display:flex}
.premium9-event .content-area .sub-tit, .premium9-event .content-area .cont-tit,
.premium9-event .content-area .top-head {color:#F2DFCF}
.premium9-event .content-area .sub-tit::after {background-color:#F2DFCF}
.premium9-event .content-area .cont-body {margin-top:24px}
.premium9-event .content-area .cont-thumb {display:flex; align-items:center; justify-content:center; height:300px; padding:20px 30px; border:1px solid rgba(255, 242, 228, 0.10); background:#464850; border-radius:20px; box-sizing:border-box;}
.premium9-event .content-area .cont-thumb > img {width:260px; height:260px; object-fit:cover; object-position:center}
.premium9-event .content-area .txt-cont {display:flex; flex-direction:column; gap:12px; margin-top:24px; color:#fff}
.premium9-event .content-area .txt-cont .txt-top {display:flex; gap:12px;}
.premium9-event .content-area .txt-cont .page {display:flex; align-items:center; gap:4px; color:rgba(255,255,255,.4); font-size:13px}
.premium9-event .content-area .txt-cont .page .now {color:#fff}
.premium9-event .content-area .txt-cont .tit {line-height:1.4; font-size:24px}
.premium9-event .content-area .txt-cont .txt {line-height:1.6; font-size:16px}
.premium9-event .content-area .txt-cont .menu-tit {font-size:16px}
.premium9-event .content-area .cont-txt.small-txt {color:#fff}
.premium9-event .content-area .cont-list {background:#31343C}
.premium9-event .content-area .cont-list .cont-inner {padding:40px 20px 48px; box-sizing:border-box;}
.premium9-event .content-area .top-head {padding-bottom:20px; border-bottom:1px solid rgba(255, 242, 228, 0.10); font-weight:700; font-size:20px; text-align:center; box-sizing:border-box}
.premium9-event .content-area .list-cont {box-sizing:border-box}
.premium9-event .content-area .tab-menu-scroll {margin-top:24px}
.premium9-event .content-area .tab-menu-list .menu-item .menu-link {color:#fff; border:1px solid transparent; background:rgba(255, 242, 228, 0.10)}
.premium9-event .content-area .tab-menu-list .menu-item.on .menu-link {border:1px solid rgba(255, 242, 228, 0.20); background:linear-gradient(0deg, rgba(255, 242, 228, 0.10) 0%, rgba(255, 242, 228, 0.10) 100%), rgba(255, 242, 228, 0.10)}
.premium9-event .content-area .slide-control {margin-top:12px}
.premium9-event .content-area .btn-slide {background:rgba(255, 242, 228, 0.10);}
.premium9-event .content-area .btn-slide::before {filter:invert(1)}

.premium9-event .subs-area {background:#FFF2E4}
.premium9-event .subs-area .subs-list {display:flex; flex-direction:column; gap:16px}
.premium9-event .subs-area .subs-item {display:inline-flex; flex-direction:column; gap:16px; padding:20px; border-radius:20px; text-align:center; background:rgba(242, 223, 207, 0.50); z-index:1}
.premium9-event .subs-area .badge {display:inline-flex; align-items:center; justify-content:center; width:auto; margin-bottom:16px; border-radius:4px; border:1px solid #DACBBE; padding:0 8px; font-weight:700; font-size:12px;}
.premium9-event .subs-area .subs-top .tit, .premium9-event .subs-area .subs-top .txt {display:block}
.premium9-event .subs-area .subs-top .tit {font-size:24px}
.premium9-event .subs-area .subs-top .txt {margin-top:8px; font-size:16px}
.premium9-event .subs-area .btn-basic {display:inline-flex; height:51px; margin:0 auto; padding:0 32px; color:#000; border:1px solid #DACBBE; border-radius:999px}
.premium9-event .subs-area .btn-subs {width:120px; color:#fff; background:#CA002C}
.premium9-event .subs-area .subs-price {display:flex; flex-direction:column; gap:4px; padding:20px 0; border-top:1px solid #DACBBE; border-bottom:1px solid #DACBBE; box-sizing:border-box;}
.premium9-event .subs-area .subs-price del {color:#585858; font-size:16px}
.premium9-event .subs-area .subs-price .now {display:block; font-weight:700; font-size:28px}
.premium9-event .subs-area .subs-price .txt {display:block; color:#585858; font-weight:700; font-size:20px}
.premium9-event .subs-area .subs-price .txt.point {color:#CA002C;}
.premium9-event .subs-area .subs-price .txt + p {margin-top:4px; color:#262A33;font-size:14px}
.premium9-event .subs-area .subs-price .now + p {color:#585858; font-size:16px}
.premium9-event .subs-area .subs-info {padding:8px 0; text-align:left}
.premium9-event .subs-area .subs-info .subs-info-tit {font-weight:700; font-size:16px}
.premium9-event .subs-area .subs-info .subs-info-tit::before {content:''; display:inline-block; width:12px; height:12px; margin-right:4px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' viewBox='0 0 12 12'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' d='M10 3 4.5 8.5 2 6'/%3E%3C/svg%3E") no-repeat center/contain}
.premium9-event .subs-info-list li {margin-top:12px; padding-left:18px; text-indent:-13px; line-height:1.6; font-size:14px}
.premium9-event .subs-info-list li::before {content:''; display:inline-block; width:3px; height:3px; margin-right:10px; border-radius:50%; vertical-align:3px; background:#121212}
.premium9-event .subs-area .event-notice {margin-top:40px}


.premium9-event .qna-area {background:rgba(242, 223, 207, 0.50)}
.premium9-event .qna-area .cont-tit {font-size:20px}
.premium9-event .qna-area .tit-wrap {margin-bottom:24px; text-align:left}
.premium9-event .qna-area .qna-list {display:flex; flex-direction:column; gap:24px}
.premium9-event .qna-area .qna-group {display:flex; flex-direction:column; gap:16px}
.premium9-event .qna-area .group-tit {display:block; color:#262A33; font-weight:700; font-size:18px}
.premium9-event .qna-area .btn-area {display:flex; align-items:center; gap:8px; margin-top:8px}
.premium9-event .qna-area .btn-basic {padding:0 24px; font-size:14px; background:#F2DFCF}
.premium9-event .qna-area .qna-item {position:relative; padding:24px; border-radius:20px; background:#FFF2E4; box-sizing:border-box; z-index:1}
.premium9-event .qna-area .qna-item .tit,
.premium9-event .qna-area .qna-item .txt {display:block; font-size:16px}
.premium9-event .qna-area .qna-item .tit {margin-bottom:8px; line-height:1.45; font-weight:700}
.premium9-event .qna-area .qna-item .txt {line-height:1.65; font-weight:400}
.premium9-event .qna-area .qna-item .txt > * + * {margin-top:4px}
.premium9-event .qna-area .qna-num-list,
.premium9-event .qna-area .qna-bul-list {margin-bottom:16px}
.premium9-event .qna-area .qna-num-list {padding-left:16px}
.premium9-event .qna-area .qna-num-list,
.premium9-event .qna-area .qna-num-list li {list-style:decimal}
.premium9-event .qna-area .qna-bul-list li {position:relative; padding-left:16px}
.premium9-event .qna-area .qna-bul-list li::before {content:''; position:absolute; left:4px; top:10px; display:inline-block; width:3px; height:3px; border-radius:50%; vertical-align:3px; background:#121212}
.premium9-event .qna-area .qna-bottom {display:flex; flex-direction:column; gap:12px; margin-top:40px}
.premium9-event .qna-area .qna-bottom .btn-more {display:inline-flex; align-items:center; justify-content:center; gap:6px; min-width:200px; padding:16px 32px; border:1px solid #E6D9CE; border-radius:999px; color:#262A33; font-size:16px; background:#FFF2E4; box-sizing:border-box}
.premium9-event .qna-area .qna-bottom .btn-more::before {content:''; display:inline-block; width:20px; height:20px; background-repeat:no-repeat; background-position:center; background-size:contain}
.premium9-event .qna-area .qna-bottom .chat-type::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23262a33' stroke-linecap='round' stroke-linejoin='round' d='M5.078 9.358A7 7 0 0 1 5 8.334c0-3.682 3.004-6.667 6.71-6.667s6.71 2.985 6.71 6.667c0 .831-.153 1.628-.433 2.362a3 3 0 0 0-.1.288.8.8 0 0 0-.02.16c-.001.062.007.129.024.263l.335 2.725c.037.295.055.443.006.55a.42.42 0 0 1-.215.21c-.108.046-.255.025-.55-.018l-2.653-.39c-.139-.02-.208-.03-.271-.03a.8.8 0 0 0-.167.018c-.062.013-.14.043-.299.102a6.74 6.74 0 0 1-3.392.35m-4.326 3.41c2.471 0 4.474-2.052 4.474-4.584S8.83 9.167 6.36 9.167s-4.473 2.052-4.473 4.583c0 .51.08.999.23 1.456.063.193.095.29.105.356a.7.7 0 0 1 .009.177c-.004.067-.02.142-.054.293l-.51 2.302 2.496-.341c.136-.019.205-.028.264-.028.063 0 .096.004.157.016.059.012.145.043.319.104a4.4 4.4 0 0 0 1.457.249'/%3E%3C/svg%3E")}
.premium9-event .qna-area .qna-bottom .faq-type::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23262a33' stroke-linecap='round' stroke-linejoin='round' d='M8.75 7.502a1.874 1.874 0 0 1 3.64.624c0 1.25-1.873 1.874-1.873 1.874m.024 2.5h.009m-.134 4.167a7.083 7.083 0 1 0-6.713-4.82c.09.268.135.401.143.504a.8.8 0 0 1-.023.271c-.026.1-.082.204-.194.412l-1.363 2.523c-.194.36-.292.54-.27.679.02.12.09.227.195.29.12.074.323.053.73.011l4.268-.441c.129-.014.194-.02.252-.018a.8.8 0 0 1 .156.02c.057.014.13.042.274.097.79.305 1.648.472 2.545.472'/%3E%3C/svg%3E")}


.premium9-event .benefit-area {background:rgba(242, 223, 207, 0.50)}
.premium9-event .benefit-area .sub-tit::after {display:none}
.premium9-event .benefit-area .benefit-list {display:flex; flex-direction:column; gap:16px}
.premium9-event .benefit-area .benefit-item {z-index:1; padding:20px; border-radius:20px; box-sizing:border-box; overflow:hidden; background:#F2DFCF; text-align:center}
.premium9-event .benefit-area .benefit-item .tit {display:block; margin-bottom:8px; font-size:20px}
.premium9-event .benefit-area .benefit-item .tit::before {content:''; display:block; width:175px; height:140px; margin:0 auto 16px; background-repeat:no-repeat; background-size:contain; background-position:center;}
.premium9-event .benefit-area .benefit-item.benefit1 .tit::before {background-image:url('https://static.hankyung.com/resource/www/premium9/img/info/img-benefit1.png')}
.premium9-event .benefit-area .benefit-item.benefit2 .tit::before {background-image:url('https://static.hankyung.com/resource/www/premium9/img/info/img-benefit2.png')}
.premium9-event .benefit-area .benefit-item.benefit3 .tit::before {background-image:url('https://static.hankyung.com/resource/www/premium9/img/info/img-benefit3.png')}
.premium9-event .benefit-area .benefit-item .txt {font-size:16px; word-break:keep-all}
.premium9-event .benefit-area .benefit-item .desc {margin-top:4px; color:#585858; font-size:14px}

.premium9-event .box-bottom {background:url('https://static.hankyung.com/resource/www/premium9/img/info/bg-hero-bottom-m.jpg') no-repeat center/cover}
.premium9-event .box-bottom .cont-inner {padding:140px 20px}
.premium9-event .box-bottom.box-area::after {bottom:-20px}
.premium9-event .box-bottom .tit {display:block; margin-bottom:8px; color:#262A33; font-size:clamp(18px, 3.01vw, 28px); text-align:center;}
.premium9-event .box-bottom .logo-premium9 {width:clamp(320px, 59.78vw, 556px); max-width:100%; height:clamp(37px, 6.88vw, 64px); margin:0 auto; filter:invert(1)}
.premium9-event .box-bottom .btn-area {display:flex; flex-direction:column; gap:12px; max-width:320px; margin:clamp(40px, 6.88vw, 64px) auto 0}
.premium9-event .box-bottom .btn-area .btn-basic,
.premium9-promotion .btn-basic {width:100%; height:52px; padding:0 12px; border:1px solid #E6D9CE; font-size:16px; background:#FFF2E4;}
.premium9-event .box-bottom .btn-area .btn-basic.subs-type,
.premium9-promotion .visual-top .btn-basic.subs-type {border-color:#CA002C; color:#fff; background-color:#CA002C}
.premium9-event .box-bottom .btn-area .btn-basic.subs-type,
.premium9-event .box-bottom .btn-area .btn-basic.home-type {flex:1 1 auto; width:100%; color:#fff}
.premium9-event .box-bottom .btn-area .btn-basic.home-type {border-color:#262A33; background-color:#262A33}
.premium9-event .box-bottom .btn-area .btn-basic::before,
.premium9-promotion .btn-basic::before {content:''; display:inline-block; flex:0 0 auto; width:20px; height:20px; margin-right:6px; background-repeat:no-repeat; background-size:contain; background-position:center;}
.premium9-event .btn-basic.subs-type::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23fff2e4' stroke-linecap='round' stroke-linejoin='round' d='M10 6.667v6.666M6.667 10h6.667m5 0a8.333 8.333 0 1 1-16.667 0 8.333 8.333 0 0 1 16.667 0'/%3E%3C/svg%3E");}
.premium9-event .box-bottom .btn-area .btn-basic.logo-type,
.premium9-event .btn-basic.logo-type {width:100%}
.premium9-event .btn-basic.logo-type::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23121212' d='M16.785 8.28c0-.903-.177-1.74-.532-2.49a6.1 6.1 0 0 0-1.45-1.958 6.6 6.6 0 0 0-2.151-1.29A7.5 7.5 0 0 0 10 2.085c-.943 0-1.829.153-2.65.459a6.6 6.6 0 0 0-2.152 1.289 6.1 6.1 0 0 0-1.45 1.958c-.355.75-.532 1.587-.532 2.49 0 .902.177 1.74.532 2.49.346.749.838 1.401 1.45 1.949.612.54 1.337.967 2.16 1.257.821.29 1.707.435 2.642.435h.137L8.43 16.852c-.097.137-.25.29-.733.29h-.162v.774h5.068v-.774h-.16c-.275 0-.387-.225-.323-.33.065-.105.17-.25.298-.435l3.4-4.818h-.016c.161-.25.314-.5.443-.774.355-.75.532-1.587.532-2.49zm-10.515 0c0-.556.097-1.088.29-1.564.194-.483.452-.902.782-1.248a3.6 3.6 0 0 1 1.176-.83c.46-.202.96-.298 1.491-.298s1.031.104 1.49.298a3.5 3.5 0 0 1 1.177.83c.33.346.588.773.781 1.248a4.2 4.2 0 0 1 .29 1.563 4.2 4.2 0 0 1-.29 1.564 3.9 3.9 0 0 1-.781 1.248 3.6 3.6 0 0 1-1.176.83c-.46.202-.96.298-1.491.298a3.8 3.8 0 0 1-1.49-.298 3.4 3.4 0 0 1-1.177-.83 3.9 3.9 0 0 1-.781-1.248 4.2 4.2 0 0 1-.29-1.564'/%3E%3C/svg%3E");}

.premium9-event .box-bottom .btn-area .btn-basic.home-type::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23fff2e4' stroke-linecap='round' stroke-linejoin='round' d='M10.819 2.303c-.293-.227-.44-.341-.601-.385a.83.83 0 0 0-.436 0c-.161.044-.308.158-.6.385L3.528 6.7c-.377.294-.566.441-.702.625-.12.163-.21.347-.265.542-.062.22-.062.46-.062.938v6.03c0 .933 0 1.4.182 1.756.16.314.414.569.728.729.357.181.823.181 1.757.181h1.666c.234 0 .35 0 .44-.045a.4.4 0 0 0 .182-.182c.045-.09.045-.206.045-.44v-5.5c0-.466 0-.7.09-.878a.83.83 0 0 1 .365-.364c.178-.09.412-.09.878-.09h2.334c.466 0 .7 0 .878.09.157.08.284.207.364.364.091.178.091.412.091.878v5.5c0 .234 0 .35.045.44.04.078.104.142.182.182.09.045.206.045.44.045h1.666c.934 0 1.4 0 1.757-.181.314-.16.569-.415.728-.729.182-.356.182-.823.182-1.757V8.804c0-.478 0-.718-.062-.938a1.7 1.7 0 0 0-.265-.542c-.136-.184-.325-.33-.702-.625z'/%3E%3C/svg%3E")}
.premium9-event .box-bottom .btn-area .btn-basic.schedule-type::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23262a33' stroke-linecap='round' stroke-linejoin='round' d='M2.5 7.5h15m-10-5v15m-1-15h7c1.4 0 2.1 0 2.635.272a2.5 2.5 0 0 1 1.092 1.093C17.5 4.4 17.5 5.1 17.5 6.5v7c0 1.4 0 2.1-.273 2.635a2.5 2.5 0 0 1-1.092 1.092c-.535.273-1.235.273-2.635.273h-7c-1.4 0-2.1 0-2.635-.273a2.5 2.5 0 0 1-1.093-1.092C2.5 15.6 2.5 14.9 2.5 13.5v-7c0-1.4 0-2.1.272-2.635a2.5 2.5 0 0 1 1.093-1.093C4.4 2.5 5.1 2.5 6.5 2.5'/%3E%3C/svg%3E")}
.premium9-event .box-bottom .btn-area .btn-basic.event-type::before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23262a33' stroke-linecap='round' stroke-linejoin='round' d='M10 5v13.333M10 5H7.054c-.434 0-.85-.176-1.158-.488a1.68 1.68 0 0 1-.479-1.179c0-.442.172-.866.48-1.178a1.62 1.62 0 0 1 1.157-.488C9.346 1.667 10 5 10 5m0 0h2.947c.434 0 .85-.176 1.157-.488.307-.313.48-.737.48-1.179s-.173-.866-.48-1.178a1.62 1.62 0 0 0-1.157-.488C10.655 1.667 10 5 10 5m6.667 4.166v6.5c0 .934 0 1.4-.182 1.757-.16.314-.414.569-.728.729-.357.181-.823.181-1.757.181H6c-.933 0-1.4 0-1.756-.181a1.67 1.67 0 0 1-.729-.729c-.181-.356-.181-.823-.181-1.756v-6.5M1.667 6.333v1.5c0 .467 0 .7.09.878.08.157.208.285.365.365.178.09.412.09.878.09h14c.467 0 .7 0 .879-.09a.83.83 0 0 0 .364-.365c.09-.178.09-.411.09-.878v-1.5c0-.467 0-.7-.09-.878a.83.83 0 0 0-.364-.364C17.7 5 17.467 5 17 5H3c-.466 0-.7 0-.878.09a.83.83 0 0 0-.364.365c-.091.178-.091.411-.091.878'/%3E%3C/svg%3E")}
.premium9-event .box-bottom .desc {margin-top:40px; color:#585858; font-size:14px; line-height:1.6; font-weight:400; text-align:center;}

.premium9-event .video-area {background:#F2DFCF}
.premium9-event .video-item {position:relative; height:0; border-radius:5px; padding-bottom:56.25%; /* 4:3 비율 75%, 16:9 비율 56.25% */ overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0)}
.premium9-event .video-item iframe {position: absolute; top:0; left:0; width:100%; height:100%}

/* 이벤트페이지 */
.premium9-event.premium9-promotion .box-area::after,
.premium9-event.premium9-promotion .sub-tit::after {display:none}
.premium9-event.premium9-promotion .cont-txt.small-txt {margin-top:12px}
.premium9-event .visual-top .date {margin-top:12px; color:#FFF2E4; font-size:16px}
.premium9-event .visual-top .sub-tit {display:block; margin-bottom:20px; background:linear-gradient(94deg, #FFF2E4 0%, #FFE0C2 40%, #FFE0C2 60%, #FFF2E4 100%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent}
.premium9-event .visual-top .visual-txt {font-weight:700}
.premium9-event.premium9-promotion .visual-top {height:auto; background:#5D0014}
.premium9-event.premium9-promotion .visual-top .visual-img {max-width:100%; width:360px; height:131px; background:url('https://static.hankyung.com/resource/www/premium9/img/info/icon-event-top.png') no-repeat center/contain; animation-delay: 0.4s}
.premium9-event.premium9-promotion .visual-top .btn-basic {flex:0 0 auto; max-width:180px}

.premium9-event .round-box {display:inline-flex; align-items:center; justify-content:center; margin-top:12px; padding:12px 24px; border-radius:999px; box-sizing:border-box; background:rgba(242, 223, 207, 0.50)}
.premium9-event .tit-txt {display:flex; font-size:16px}
.premium9-event .tit-txt + .tit-txt {margin-top:8px}
.premium9-event .tit-txt .tit {flex:0 0 auto; font-weight:700}
.premium9-event .tit-txt .tit::after {content:''; display:inline-block; width:1px; height:16px; margin:0 8px; vertical-align:middle; background:#121212}
.premium9-event .tit-txt .txt {flex:1; text-align:left}
.premium9-event .info-area .tit-txt {font-size:14px}
.premium9-event .info-area .tit-txt.sm {font-size:12px}

.premium9-promotion .event-benefit .sub-tit {display:block; margin-bottom:10px; color:#CA002C}
.premium9-promotion .event-benefit .event-list {display:flex; flex-direction:column; gap:16px; margin-top:32px}
.premium9-promotion .event-benefit .event-item {border-radius:20px; background:rgba(242, 223, 207, 0.50); overflow:hidden}
.premium9-promotion .event-benefit .event-item .item-cont {padding:20px}
.premium9-promotion .event-benefit .cont-sub-tit {display:block; margin-bottom:12px; font-weight:700; color:#CA002C; font-size:14px}
.premium9-promotion .event-benefit .event-tit {display:block; font-weight:700; line-height:1.4; color:#262A33; font-size:20px;}
.premium9-promotion .event-benefit .event-tit + .event-txt {margin-top:8px}
.premium9-promotion .event-benefit .event-txt {display:block; font-weight:700; color:#121212; line-height:1.4; font-weight:400; font-size:16px;}
.premium9-promotion .event-benefit .info-area {margin-top:16px; padding-top:16px; border-top:1px solid #E6D9CE }
.premium9-promotion .event-benefit .event-item .item-thumb {padding:20px; background-color:#F2DFCF; text-align:center}
.premium9-promotion .event-benefit .event-item .item-thumb::before {content:''; display:block; margin:0 auto 12px; width:175px; height:126px; background-size:contain; background-repeat:no-repeat; background-position:center}
.premium9-promotion .event-benefit .event-item .item-thumb .tit {display:block; font-weight:700; font-size:16px}
.premium9-promotion .event-benefit .event-item .item-thumb .txt {display:block; margin-top:4px; font-weight:400; font-size:14px}
.premium9-promotion .event-benefit .event-item.event1 .item-thumb::before {background-image:url('https://static.hankyung.com/resource/www/premium9/img/info/img-benefit4.png?v=2')}
.premium9-promotion .event-benefit .event-item.event2 .item-thumb::before {background-image:url('https://static.hankyung.com/resource/www/premium9/img/info/img-benefit1.png')}
.premium9-promotion .event-benefit .event-item.event3 .item-thumb::before {width:120px; height:160px; background-size:cover; background-image:url('https://static.hankyung.com/resource/www/premium9/img/info/img-benefit2.png')}
.premium9-promotion .event-benefit .event-item.event4 .item-thumb::before {width:175px; height:126px; background-size:cover; background-image:url('https://static.hankyung.com/resource/www/premium9/img/info/img-benefit3.png')}
.premium9-promotion .event-benefit .event-item.event-item-tv .item-thumb::before {width:196px; height:180px; background-size:contain; background-image:url('https://static.hankyung.com/resource/www/premium9/img/info/img-benefit-tv.png')}
.premium9-promotion .event-benefit .event-item.event-item-glide .item-thumb::before {width:175px; height:84px; background-size:contain; background-image:url('https://static.hankyung.com/resource/www/premium9/img/info/img-benefit-gilde.png')}
.premium9-promotion .event-benefit .event-item .btn-basic {margin-top:12px; font-size:14px; width:auto; height:38px; padding:0 24px;}
.premium9-promotion .event-benefit .event-item .btn-basic::before {display:none}

.premium9-promotion .btn-basic {max-width:320px; width:100%}
.premium9-promotion .event-step {background:#262A33}
.premium9-promotion .event-step .sub-tit {color:#F0626F}
.premium9-promotion .event-step .cont-tit,
.premium9-promotion .event-step .cont-txt {color:#FFF2E4}
.premium9-promotion .event-step .btn-basic {margin-top:24px}

.premium9-event .event-step .benefit-list {display:flex; flex-direction:column; gap:16px}
.premium9-event .event-step .benefit-item {position:relative; padding:32px; border-radius:20px; border:1px solid rgba(242,255,228,.2); color:#FFF2E4; background:#31343C; box-sizing:border-box}
.premium9-event .event-step .benefit-item .num {position:absolute; top:16px; left:16px; display:flex; justify-content:center; align-items:center; width:32px; height:32px; border-radius:50%; font-weight:700; font-size:16px; color:#FFF2E4; border:1px solid rgba(255, 242, 228, 0.20); box-sizing:border-box}
.premium9-event .event-step .benefit-item .tit {display:block; line-height:1.4; font-weight:700; font-size:18px; text-align:center}
.premium9-event .event-step .benefit-item .tit::before {content:''; display:block; width:65px; height:65px; margin:0 auto 20px; background-repeat:no-repeat; background-size:contain; background-position:center}
.premium9-event .event-step .benefit-item .txt {margin-top:8px; line-height:1.6; font-weight:400; color:#FFF2E4; font-size:16px; text-align:center}
.premium9-event .event-step .benefit-item .txt > a {color:#FFF2E4}

.premium9-promotion .event-notice .cont-inner {padding:24px 20px}
.premium9-promotion .event-step .benefit-item.benefit1 .tit::before {background-image:url('https://static.hankyung.com/resource/www/premium9/img/info/icon-benefit1.svg')}
.premium9-promotion .event-step .benefit-item.benefit2 .tit::before {background-image:url('https://static.hankyung.com/resource/www/premium9/img/info/icon-benefit2.svg')}
.premium9-promotion .event-step .benefit-item.benefit3 .tit::before {background-image:url('https://static.hankyung.com/resource/www/premium9/img/info/icon-benefit3.svg')}
.premium9-event .event-notice .notice-tit {display:block; margin-bottom:16px; color:#262A33; font-size:20px; font-weight:700}
.premium9-event .event-notice .notice-cont + .notice-cont {margin-top:16px}
.premium9-event .event-notice .notice-sub-tit {display:block; margin-bottom:8px; color:#262A33; font-size:16px}
.premium9-event .event-notice .subs-info-list li {margin-top:0; font-size:16px}

.premium9-event.premium9-promotion .box-bottom {background-image:url('https://static.hankyung.com/resource/www/premium9/img/info/bg-event-bottom.jpg'); background-size:cover}

/* 편성표 */
.premium9-event .event-timetable .cont-item.total {display:none}
.premium9-event.premium9-time .box-area::after {display:none}
.premium9-event .event-timetable .cont-inner,
.event-wrap .premium9-way .cont-inner {padding-top:154px}
.event-wrap .premium9-way .cont-inner {padding-bottom:0}
.premium9-event .event-timetable .tab-menu-wrap {overflow:auto; max-width:none; width:auto; height:56px; overflow-x:auto; margin:0 -20px 32px; background-color:#2c2d32; text-align:center;}
.premium9-event .event-timetable .tab-menu-wrap::-webkit-scrollbar {display: none}
.premium9-event .event-timetable .tab-menu-wrap .tab-menu-list {display:inline-flex; padding:6px; list-style: none; white-space: nowrap; scrollbar-width: none; -ms-overflow-style:none; box-sizing: border-box}
.premium9-event .event-timetable .tab-menu-wrap .menu-item.total {display:none}
.premium9-event .event-timetable .tab-menu-wrap .menu-item {flex:1 1 auto; text-align:center}
.premium9-event .event-timetable .tab-menu-wrap .menu-item a {display: block; padding:10px 14px; border:1px solid transparent; color: #a0a0a0; text-decoration: none; font-size:16px; color:#fff; font-weight:400; border-radius:40px; box-sizing:border-box}
.premium9-event .event-timetable .tab-menu-wrap .menu-item.on a {border-color:rgba(255, 242, 228, 0.10); background-color:rgba(255, 242, 228, 0.10); font-weight:700}
.premium9-event .event-timetable .tab-content-list .cont-item {border-radius:0}
.premium9-event .event-timetable .schedule-container {overflow-x:auto; padding:0 20px 5px}
.premium9-event .event-timetable .schedule-container::-webkit-scrollbar {height:6px}
.premium9-event .event-timetable .schedule-container::-webkit-scrollbar-thumb {background: rgba(0,0,0,.3); border-radius: 3px}
.premium9-event .event-timetable .schedule-container::-webkit-scrollbar-track {background: transparent}
/* only 파이어폭스 스크롤 스타일 */
@-moz-document url-prefix() {
    .premium9-event .event-timetable .schedule-container {
        scrollbar-width: thin;
        scrollbar-color: rgba(0,0,0,.3) transparent;
    }
}
.premium9-event .event-timetable .schedule-table {width:1200px; border-collapse: collapse; table-layout:fixed;}
.premium9-event .event-timetable .schedule-table th, 
.premium9-event .event-timetable .schedule-table td {width:150px; padding:20px; border-bottom:1px solid #E6D9CE; box-sizing:border-box}
.premium9-event .event-timetable .schedule-table th {background-color: #F2DFCF; padding: 12px; font-size:16px}
.premium9-event .event-timetable .schedule-table td {height:59px; padding:0 8px; font-size:14px; vertical-align:middle}
.premium9-event .event-timetable .schedule-table td + td {border-left:1px solid #E6D9CE}
.premium9-event .event-timetable .schedule-table td.time {padding:20px 8px; text-align:center; font-size:16px; vertical-align:top; background-color:rgba(242, 223, 207, 0.50)}
.premium9-event .event-timetable .schedule-container .tbl-desc {margin:24px 0; font-weight:400; line-height:1.5; font-size:14px; text-align:center;}
.premium9-event .event-timetable .timeline-list {margin:0 -20px}
.premium9-event .event-timetable .timeline-item {display:flex; border-bottom:1px solid #E6D9CE; box-sizing:border-box}
.premium9-event .event-timetable .time-box {flex:0 0 auto; width:120px; padding:16px 20px; font-size:16px; color: #121212; font-weight:400; white-space:nowrap; box-sizing:border-box; text-align:center}
.premium9-event .event-timetable .content-group {display:flex; flex-direction:column; flex:1; min-height:54px}
.premium9-event .event-timetable .content-box {display:flex; align-items:flex-start; align-items:center; gap:8px; padding:16px; box-sizing:border-box}
.premium9-event .event-timetable .content-box + .content-box {padding-top:0}
.premium9-event .event-timetable .content-box .tit {font-size:20px; color: #121212}

.premium9-event .badge {display:inline-flex; align-items:center; justify-content:center; height:22px; border-radius:4px;  background-size:contain; background-position:center; background-repeat:no-repeat}
.premium9-event .badge img {width:100%; height:100%; object-fit:contain;}
.premium9-event .badge.badge-cate1 {background-color:#EBDEF7}
.premium9-event .badge.badge-cate2 {background-color:#E0E5EC}
.premium9-event .badge.badge-cate3 {background-color:#F9D7D6}
.premium9-event .badge.badge-cate4 {background-color:#DFEACF}
.premium9-event .badge.badge-cate5 {background-color:#F4D9EE}
.premium9-event .badge.badge-cate6 {background-color:#E8D1CA}
.premium9-event .badge.badge-cate7 {background-color:#FCE0BC}
.premium9-event .badge.badge-cate8 {background-color:#D8E5E6}

/* 구독방법 */
.premium9-way.premium9-event .box-area::after {display:none}
.event-wrap .focus-box {scroll-margin-top:180px}
.premium9-way .is-pc {display:none}
.premium9-way .is-mo {display:block}
.premium9-way .tit-wrap .desc {margin-top:8px; color:#262A33; font-size:16px}
.premium9-way .tit-wrap .txt-area {display:inline-flex; align-items:flex-start; flex-direction:column; gap:8px; width:100%; margin-top:40px;}
.premium9-way .tit-wrap .txt-area .txt-item {display:flex; align-items:center; width:auto; height:46px; padding:0 24px; border-radius:999px; color:#262A33; font-size:18px; font-weight:400; background:#F2DFCF; white-space:nowrap}
.premium9-way .tit-wrap .txt-area .txt-item:hover {text-decoration:none}
.premium9-way .guide-list-wrap .guide-list-tit {display:flex; align-items:center; justify-content:center; height:58px; margin:0 -20px; padding:12px 0; color:#FFF2E4; font-size:24px; font-weight:700; background:#262A33; box-sizing:border-box}
.premium9-way .guide-list-wrap .guide-list {display:flex; flex-direction:column; gap:40px; padding:24px 0}
.premium9-way .guide-tit-area {display:flex; align-items:center; gap:8px; width:100%}
.premium9-way .guide-tit-area .num {display:flex; align-items:center; justify-content:center; flex:0 0 auto; width:20px; height:20px; border-radius:4px; border:1px solid rgba(255, 242, 228, 0.20); font-weight:700; color:#FFF2E4; background:#262A33; box-sizing:border-box}
.premium9-way .guide-tit-area .guide-tit {display:flex; color:#262A33; font-size:20px; font-weight:700}
.premium9-way .guide-list-wrap .desc-list {margin-top:8px}
.premium9-way .guide-list-wrap .desc-list li {position:relative; padding-left:20px; line-height:1.6; color:#262A33; font-size:16px}
.premium9-way .guide-list-wrap .desc-list li::before {content:''; display:inline-block; position:absolute; top:10px; left:8px; width:3px; height:3px; border-radius:50%; background:#262A33}
.premium9-way .guide-list-wrap .desc-list li.desc {padding-left:0; margin-top:20px}
.premium9-way .guide-list-wrap .desc-list li.desc::before {display:none}
.premium9-way .guide-list-wrap .guide-img {margin-top:16px; border-radius:20px; overflow:hidden}
.premium9-way .guide-list-wrap .guide-img > img {width:100%; height:100%; object-fit:cover;}

.premium9-way .special-area {margin:0 -20px; padding:40px 20px; background:#262A33; box-sizing:border-box}
.premium9-way .special-area .tit, .premium9-way .special-area .txt {display:block; text-align:center;}
.premium9-way .special-area .tit {font-size:24px; color:#F2DFCF; font-weight:700; line-height:1.5}
.premium9-way .special-area .txt {margin-top:8px; font-size:16px; color:#fff; font-weight:400; line-height:1.6}
.premium9-way .special-area .benefit-list {margin-top:16px}
.premium9-way .special-area.event-step .benefit-item.benefit1 .tit::before {background-image:url('https://static.hankyung.com/resource/www/premium9/img/info/icon-benefit4.svg')}
.premium9-way .special-area.event-step .benefit-item.benefit2 .tit::before {background-image:url('https://static.hankyung.com/resource/www/premium9/img/info/icon-benefit5.svg')}
.premium9-way .special-area .desc {margin-top:16px; color:#bdbdbd; line-height:1.6; font-weight:400; font-size:14px}
.premium9-way .special-area .desc > a {color:#bdbdbd}

/* 모바일 */
@media (max-width: 899px) {
    .premium9-event .service-area .swiper-slide:not(:first-child).swiper-slide-active::after {content: ''; position:absolute; top:0; left:0; right:0; width:260px; height:217px; background:#121212; clip-path:polygon(25% 0%, /* 왼쪽 위 */75% 0%, /* 오른쪽 위 */100% 50%, /* 오른쪽 */75% 100%, /* 오른쪽 아래 */25% 100%, /* 왼쪽 아래 */0% 50% /* 왼쪽 */); transform:scale(1.005); z-index:-1}
    .premium9-event .service-area .service-slide .service-list {height:329px}
    .premium9-event .content-area .cont-inner {padding:200px 20px 168px}
}
@media (max-width: 819px) {
    .event-wrap .header .logo-area {position:relative; top:auto; left:auto; transform:none}
}
@media (max-width:470px) {
    .premium9-event .event-timetable .content-box {flex-direction:column; align-items:flex-start;}
}
@media (max-width:320px) {
    .premium9-way .tit-wrap .txt-area .txt-item {padding:0 12px}
    .premium9-event .tab-menu-area .tab-menu-list .menu-item .menu-link {padding:6px 8px}
}

/* 노트북 */
@media (min-width: 1024px) and (max-width: 1439px) {
    .premium9-event .visual-top {height:850px}
}

@media (min-width:820px) {
    .premium9-event .video-item {border-radius:20px}
    .premium9-event .tab-menu-list .menu-item.pc-menu {display:block}
    .premium9-event .tab-menu-list .menu-item.mo-menu {display:none}
    .premium9-event.contents-wrap .contents {overflow-y:hidden}
    .premium9-event .tab-menu-area .tab-menu-list .menu-item .menu-link {padding:6px 24px}
    .premium9-event > .contents .tab-menu-area {top:72px}
    .premium9-event > .contents .tab-menu-area .tab-menu-list .menu-link:hover {text-decoration:none; border-radius:999px; background:rgba(38, 42, 51, 0.08)}
    .premium9-event > .contents .tab-menu-area.dark-type .tab-menu-list .menu-link:hover {background:rgba(255, 255, 255, 0.05)}
    .premium9-event .box-bottom .cont-inner {padding:160px 0}
    /* 구독방법 */
    .event-wrap .focus-box {scroll-margin-top:100px}
    .premium9-way .is-pc {display:block}
    .premium9-way .is-mo {display:none}
    .premium9-way.premium9-event .tit-wrap {margin-bottom:40px}
    .premium9-way .tit-wrap .txt-area {flex-direction:row; justify-content:center;}
    .premium9-way .tit-wrap .txt-area .txt-item {width:calc(33.33% - 4px); justify-content:center;}
    .premium9-way .tit-wrap .txt-area .txt-item:hover {background:linear-gradient(0deg, rgba(38, 42, 51, 0.08) 0%, rgba(38, 42, 51, 0.08) 100%), #F2DFCF;}
    .premium9-way .guide-list-wrap .guide-list-tit {border-radius:20px; height:71px; margin:0; padding:16px 0; font-size:28px}
    .premium9-way .guide-list-wrap .guide-list {padding:40px 0 80px; gap:64px}
    .premium9-way .guide-list-wrap .guide-list:last-child {padding-bottom:64px}
    .premium9-way .guide-list-wrap .guide-img {margin-top:25px}
    .premium9-way .guide-list-wrap .guide-item {position:relative; padding-left:92px; box-sizing:border-box;}
    .premium9-way .guide-list-wrap .guide-item:not(:last-child)::after {content:''; display:block; width:1px; height:100%; position:absolute; left:34px; top:45px; border-left:1px dashed #000; box-sizing:border-box}
    .premium9-way .guide-tit-area .num {position:absolute; top:3px; left:0; width:auto; height:31px; padding:10px 12px; font-size:16px}
    .premium9-way .guide-tit-area .guide-tit {font-size:24px}
    .premium9-way .guide-list-wrap .desc-list li {font-size:18px}
    .premium9-way .guide-list-wrap .desc-list li::before {top:13px}

    .premium9-way .special-area {margin:0; border-radius:20px; padding:40px 80px}
    .premium9-way .special-area .tit {font-size:28px}
    .premium9-way .special-area .txt {margin-top:12px; font-size:18px}
    .premium9-way .special-area .benefit-list {flex-direction:row; gap:24px; margin-top:32px}
    .premium9-way.premium9-event .event-step .benefit-item {width:calc(50% - 12px)}
    .premium9-way .event-step .benefit-item .tit {font-size:24px}
    .premium9-way .special-area .desc {margin-top:24px; text-align:center;}
}
/* pc */
@media (min-width:900px) {
    .premium9-event .is-pc {display:block}
    .premium9-event .is-mo {display:none}
    .premium9-event > .contents .tab-menu-area {height:56px}
    .premium9-event .box-area::after, .premium9-event .box-area.story-area::after {bottom:40px; right:40px; width:120px; height:140px}
    .premium9-event .box-area.story-area::after {top:auto}
   
    .premium9-event .box-bottom .btn-area .btn-basic,
    .premium9-promotion .btn-basic {width:calc(50% - 6px)}
    
    .premium9-event .visual-top .btn-scroll {height:55px}
    .event-wrap .cont-inner {padding:80px 20px 100px; box-sizing: content-box;}
    .premium9-event .cont-tit {font-size:48px}
    .premium9-event .cont-txt {margin-top:24px; font-size:20px}
    .premium9-event .tit-wrap {margin-bottom:64px}
    .premium9-event .tab-menu-scroll {margin:0}
    .premium9-event .tab-menu-scroll .tab-menu-list {justify-content:center; height:auto}
    .premium9-event .tab-menu-scroll .tab-menu-list .menu-link {height:44px; padding:0 24px; font-size:16px;}
    .premium9-event .tab-menu-scroll .tab-menu-list .menu-item {flex:0 0 auto;}

    .premium9-event .story-area .tab-menu-scroll .tab-menu-list .menu-link {min-width:225px}
    .premium9-event .story-area .cont-item {gap:40px; flex-direction:row; max-width:930px; width:100%; margin:0 auto; border-radius:20px; padding:32px 40px}
    .premium9-event .story-area .cont-thumb {width:240px; height:240px}
    .premium9-event .story-area .txt-cont {flex:1; text-align:left}
    .premium9-event .story-area .txt-cont .tit {font-size:28px}
    .premium9-event .story-area .txt-cont .txt {font-size:18px}

    .premium9-event .service-area .service-list {position:relative; width:930px; height:930px; margin:0 auto; list-style:none; padding:0}
    .premium9-event .service-area .service-slide {overflow:visible}
    .premium9-event .service-area .service-slide .service-list {padding-left:0; transform:translate3d(0px, 0px, 0px) !important}
    .premium9-event .service-area .swiper-slide {position:relative; margin-left:0; transition:all .2s}
    .premium9-event .service-area .service-item {position:relative; z-index:1; width:360px; height:300px; padding:40px 66px; box-sizing:border-box; cursor:pointer}
    .premium9-event .service-area .service-item.center-item {cursor:default}
    .premium9-event .service-area .swiper-slide:not(:first-child):hover .service-item {background:#FFF2E4 url('https://static.hankyung.com/resource/www/premium9/img/info/bg-effect.png') no-repeat center/contain}
    .premium9-event .service-area .swiper-slide::after {content: ''; display:none; position:absolute; top:0; left:0; right:0; width:360px; height:300px; background:#121212; clip-path:polygon(25% 0%, /* 왼쪽 위 */75% 0%, /* 오른쪽 위 */100% 50%, /* 오른쪽 */75% 100%, /* 오른쪽 아래 */25% 100%, /* 왼쪽 아래 */0% 50% /* 왼쪽 */)}
    .premium9-event .service-area .swiper-slide:not(:first-child):hover {transform:scale(1.05)}
    .premium9-event .service-area .swiper-slide:not(:first-child):hover::after {display:block; transform:scale(1.005);}
    .premium9-event .service-area .swiper-slide:nth-child(2n) {margin-top:0}
    .premium9-event .service-area .service-list > .swiper-slide {position:absolute; width:auto; height:auto}
    .premium9-event .service-area .service-list > .swiper-slide:has(.center-item) {top:50%; left:50%; transform:translate(-50%, -50%);}
    .premium9-event .service-area .service-list > .swiper-slide:nth-child(2) {top: 0; left: 50%; transform: translateX(-50%)} /* 차별 */
    .premium9-event .service-area .service-list > .swiper-slide:nth-child(3) {top:17%; left:0} /* 실질 */
    .premium9-event .service-area .service-list > .swiper-slide:nth-child(4) {top:17%; right:0} /* 생애 */
    .premium9-event .service-area .service-list > .swiper-slide:nth-child(5) {bottom:17%; left:0}
    .premium9-event .service-area .service-list > .swiper-slide:nth-child(6) {bottom:17%; right:0}
    .premium9-event .service-area .service-list > .swiper-slide:nth-child(7) {bottom:0; left:50%; transform:translateX(-50%)}
    .premium9-event .service-area .service-item .logo-premium9 {width:276px; height:32px}
    .premium9-event .service-area .service-list > .swiper-slide:hover:nth-child(2),
    .premium9-event .service-area .service-list > .swiper-slide:hover:nth-child(7) {transform:translateX(-50%) scale(1.05)}

    .premium9-event .slide-control {display:none}
    .premium9-event .tab-menu-scroll .tab-menu-list .menu-item:last-child {padding-right:0}
   
    .premium9-event .content-area {padding:80px 0 100px}
    .premium9-event .content-area .tit-wrap .cont-inner {padding:0}
    .premium9-event .content-area .cont-body {width:100%; margin-top:0}
    .premium9-event .content-area .cont-list {max-width:1200px; width:100%; margin:0 auto; border-radius:20px; border:1px solid rgba(255, 242, 228, 0.10); box-sizing:border-box; background:#31343C}
    .premium9-event .content-area .cont-list .cont-inner {padding:0}
    .premium9-event .content-area .top-head {padding:20px 0; box-sizing:border-box}
    .premium9-event .content-area .list-cont {display:flex; gap:64px; padding:40px; box-sizing:border-box}
    .premium9-event .content-area .tab-menu-scroll {flex:0 0 auto; width:181px; margin-top:0}
    .premium9-event .content-area .tab-menu-scroll .tab-menu-list {flex-direction:column; align-items:flex-start; padding-left:0}
    .premium9-event .content-area .tab-content-list {position:relative; display:block}
    .premium9-event .content-area .tab-content-list .swiper-slide {position:absolute; top:0; left:0; width:100%; height:100%; margin-right:0 !important}
    .premium9-event .content-area .tab-content-list .swiper-slide .cont-item {width:100%; height:100%}
    .premium9-event .content-area .tab-content-list .cont-item {display:none}
    .premium9-event .content-area .tab-content-list .cont-item.active {display:flex}
    .premium9-event .content-area .tab-menu-list .menu-link {transition:all .2s}
    .premium9-event .content-area .tab-menu-list .menu-link:hover {background:rgba(255, 242, 228, 0.20)}
    .premium9-event .content-area .txt-cont .page {display:none}
    .premium9-event .content-area .txt-cont .tit {font-size:28px}
    .premium9-event .content-area .cont-item {flex-direction:row-reverse; align-items:center; gap:40px}
    .premium9-event .content-area .cont-thumb {flex:0 0 auto; height:380px; padding:40px 30px}
    .premium9-event .content-area .cont-thumb > img {width:300px; height:300px}

    .premium9-event .subs-area .subs-list {flex-direction:row; gap:24px}
    .premium9-event .subs-area .subs-item {gap:24px; width:calc(33.3333% - 12px); padding:32px 24px}
    .premium9-event .subs-area .subs-item .subs-top .tit {display:flex; flex-direction:column; justify-content: center; align-items:center;}
    .premium9-event .subs-area .subs-item .subs-top:has(.txt) .tit {height:auto}
    .premium9-event .subs-area .badge {height:24px}
    .premium9-event .subs-area .btn-basic {height:55px; font-size:16px}
    .premium9-event .subs-area .subs-price {padding:16px 0}
    .premium9-event .subs-area .subs-price .txt {font-size:24px}


    .premium9-event .benefit-area .benefit-list {flex-direction:row; gap:24px}
    .premium9-event .benefit-area .benefit-item {width:calc(33.3333% - 12px); padding:32px 48px}
    .premium9-event .benefit-area .benefit-item .tit::before {width:200px; height:160px; margin-bottom:20px}
    .premium9-event .benefit-area .benefit-item .tit {margin-bottom:12px}

    .premium9-event .box-bottom {height:620px; background-image:url('https://static.hankyung.com/resource/www/premium9/img/info/bg-hero-bottom.jpg')}
    .premium9-event .box-bottom .btn-area {flex-direction:row; flex-wrap:wrap; max-width:412px}
    .premium9-event .box-bottom .btn-area .btn-basic {height:55px}

    .premium9-event .qna-area .btn-basic {height:40px; font-size:16px}
    .premium9-event .qna-area .tit-wrap {margin-bottom:24px}
    .premium9-event .qna-area .cont-tit {font-size:28px}
    .premium9-event .qna-area .qna-list {gap:32px}
    .premium9-event .qna-area .qna-group {gap:20px}
    .premium9-event .qna-area .group-tit {font-size:24px}
    .premium9-event .qna-area .qna-item .tit {font-size:20px}
    .premium9-event .qna-area .qna-bottom {flex-direction:row; justify-content:center; margin-top:32px}

    /* 이벤트페이지 */
    .premium9-event .visual-top .sub-tit {margin-bottom:0}
    .premium9-event .visual-top .date {margin-top:-12px}
    .premium9-event.premium9-promotion .visual-top .cont-inner {padding:175px 20px 64px}
    .premium9-event.premium9-promotion .visual-top .visual-img {width:1040px; height:380px; margin:40px 0 20px}
    .premium9-event.premium9-promotion .visual-top .btn-basic {margin-top:20px}

    .premium9-promotion .event-benefit .event-item {display:flex;}
    .premium9-promotion .event-benefit .event-item .item-cont {flex:1; padding:40px 40px 48px}
    .premium9-promotion .event-benefit .cont-sub-tit {margin-bottom:16px; font-size:16px}
    .premium9-promotion .event-benefit .event-tit {font-size:38px}
    .premium9-promotion .event-benefit .event-txt {font-size:16px}
    .premium9-promotion .event-benefit .event-tit + .event-txt {margin-top:16px}
    .premium9-promotion .event-benefit .info-area {display:flex; align-items:center; gap:8px 32px; margin-top:24px; padding-top:24px}
    .premium9-promotion .event-benefit .info-area.dir-column {flex-direction:column; align-items:flex-start}
    .premium9-event .tit-txt + .tit-txt {margin-top:0}
    .premium9-promotion .event-benefit .event-item .item-thumb {display:flex; flex-direction:column; align-items:center; justify-content:center; flex:0 0 auto; width:320px; padding:0 24px}
    .premium9-promotion .event-benefit .event-item .item-thumb::before {width:250px; height:180px}
    .premium9-promotion .event-benefit .event-item.event3 .item-thumb::before {width:162px; height:216px}
    .premium9-promotion .event-benefit .event-item.event4 .item-thumb::before {width:250px; height:180px}
    .premium9-promotion .event-benefit .event-item.event-item-tv .item-thumb::before {width:264px; height:243px}
    .premium9-promotion .event-benefit .event-item.event-item-glide .item-thumb::before {width:250px; height:120px}
    .premium9-promotion .event-benefit .event-item .btn-basic {height:40px; font-size:16px}

    .premium9-event .event-step .benefit-list {flex-wrap:wrap; flex-direction:row; gap:24px}
    .premium9-event .event-step .benefit-item {display:flex; flex-direction:column; justify-content:center; align-items:center; height:384px; width:calc(33.333% - 16px)}
    .premium9-event .event-step .benefit-item .tit {font-size:24px}

    .premium9-promotion .event-notice .cont-inner {padding:40px 20px}
    .premium9-event .event-notice .notice-tit {font-size:28px}
    .premium9-event .event-notice .notice-sub-tit {font-size:20px}
    .premium9-event.premium9-promotion .box-bottom .btn-area .btn-basic {min-width:412px}


    .premium9-event .event-timetable .cont-inner,
    .event-wrap .premium9-way .cont-inner {padding-top:174px} 
    .event-wrap .premium9-way .cont-inner {padding-bottom:24px}
    .premium9-event .event-timetable .tab-menu-wrap {margin:0 auto 40px; text-align:center; background:transparent}
    .premium9-event .event-timetable .tab-menu-wrap .tab-menu-list {border-radius:9999px; background:#2c2d32}
    .premium9-event .event-timetable .tab-menu-wrap .menu-item a {padding:10px 24px}
    .premium9-event .event-timetable .tab-menu-wrap .menu-item.total {display:block}
    .premium9-event .event-timetable .cont-item.total.active {display:block; margin:0 -20px}


    .premium9-event .event-timetable .time-box {width:240px; padding:24px 16px}
    .premium9-event .event-timetable .content-box {flex-direction:row; align-items:center; gap:24px; padding:24px 16px}
    .premium9-event .badge {flex:0 0 auto; width:138px; height:29px}
    .premium9-event .event-timetable .content-box .tit {flex:1}
}

@media (min-width: 1180px) {
    .premium9-way .tit-wrap .txt-area {margin-top:64px; padding:0 120px; box-sizing:border-box;}
}
@media (min-width: 1400px) {
    .premium9-event .box-bottom {background-size:auto 100%}
    .premium9-event .visual-top {height:1080px; background-image:url('https://static.hankyung.com/resource/www/premium9/img/info/bg-hero-top.jpg')}
}


/* [2026.06.09] story 슬라이드 */
.intro-story-slide {position:relative; overflow:hidden; max-width:930px; background:#262a33; border-radius:20px}
.intro-story-slide .swiper-slide {box-sizing:border-box; height:auto; display:flex; flex-direction:column; align-items:center; justify-content:space-between; gap:24px; padding:32px 24px; text-align:center; color:#fff}
.intro-story-slide .intro-story-text-item {width:100%}
.intro-story-slide .intro-story-text-item .tit {display:block; font-size:18px; font-weight:700; line-height:1.4; letter-spacing:-.04em}
.intro-story-slide .intro-story-text-item .txt {margin-top:8px; font-size:14px; line-height:1.6; letter-spacing:-.02em; color:rgba(255,255,255,.8)}
/* 슬라이드 내 이미지 롤링 ani(중앙 이미지 확대) */
.intro-story-slide .img-rolling {display:flex; align-items:center; justify-content:center; gap:12px}
.intro-story-slide .img-rolling .img {flex:none; display:block}
.intro-story-slide .img-rolling .img img {display:block; width:100%; height:100%; object-fit:contain; pointer-events:none}
.intro-story-slide .img-rolling .img-main {width:160px; height:160px}
.intro-story-slide .img-rolling .img-side {width:90px; height:90px; opacity:.45}
.intro-story-slide .swiper-slide {height:auto}
.intro-story-slide .swiper-slide-active .img-rolling {animation:introStoryRoll .6s ease both}
.intro-story-slide .swiper-slide-active .img-main {animation:introStoryPop .6s ease both}
@keyframes introStoryRoll {from {transform:translateX(36px); opacity:.4} to {transform:translateX(0); opacity:1}}
@keyframes introStoryPop {from {transform:scale(.88)} to {transform:scale(1)}}
/* 슬라이드 내 텍스트 ani */
.intro-story-slide .swiper-slide-active .tit {animation:introStoryTextZoom 1.2s cubic-bezier(.22,1,.36,1) both}
.intro-story-slide .swiper-slide-active .txt {animation:introStoryFadeIn 1.2s ease-out both; animation-delay:.18s}
@keyframes introStoryTextZoom {from {transform:scale(.85); opacity:0} to {transform:scale(1); opacity:1}}
@keyframes introStoryFadeIn {from {opacity:0} to {opacity:1}}
/* 양옆 그라데이션 마스크 */
.intro-story-slide::before,
.intro-story-slide::after {content:''; position:absolute; top:0; z-index:2; width:32px; height:100%; pointer-events:none}
.intro-story-slide::before {left:0; background:linear-gradient(to right,#262a33,rgba(38,42,51,0))}
.intro-story-slide::after {right:0; background:linear-gradient(to left,#262a33,rgba(38,42,51,0))}
@media (min-width:820px) {
    .intro-story-slide {min-height:280px}
    .intro-story-slide .swiper-slide {flex-direction:row; gap:40px; padding:40px 56px; text-align:left}
    .intro-story-slide .intro-story-text-item {flex:1 1 auto; min-width:0}
    .intro-story-slide .intro-story-text-item .tit {font-size:28px; letter-spacing:-.02em}
    .intro-story-slide .intro-story-text-item .txt {font-size:16px}
    .intro-story-slide .img-rolling {flex:none; gap:16px}
    .intro-story-slide .img-rolling .img-main {width:200px; height:200px}
    .intro-story-slide .img-rolling .img-side {width:100px; height:100px}
}

/* [2026.06.09] story 슬라이드 */
.intro-story-slide {position:relative; overflow:hidden; max-width:930px; background:#262a33; border-radius:20px}
.intro-story-slide .swiper-slide {box-sizing:border-box; height:auto; display:flex; flex-direction:column; align-items:center; justify-content:space-between; gap:20px; padding:20px; text-align:center; color:#fff}
.intro-story-slide .swiper-slide,
.intro-story-slide .swiper-slide * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.intro-story-slide .intro-story-text-item {position:relative; z-index:2; width:100%;}
.intro-story-slide .intro-story-text-item .tit {display:block; font-size:24px; font-weight:700; line-height:1.4; transform-origin:left bottom;}
.intro-story-slide .intro-story-text-item .txt {margin-top:8px; font-size:16px; line-height:1.6;}
/* 슬라이드 내 이미지 롤링 애니메이션 (중앙 이미지 확대, 좌우 방향에 따라 X이동) */
.intro-story-slide .img-rolling {display:flex; align-items:center; justify-content:center; gap:16px}
.intro-story-slide .img-rolling .img {flex:none; display:block;}
.intro-story-slide .img-rolling .img img {display:block; width:100%; height:100%; object-fit:contain; pointer-events:none}
.intro-story-slide .img-rolling .img-main {width:160px; height:160px}
.intro-story-slide .img-rolling .img-side {width:90px; height:90px; opacity:.5}
.intro-story-slide .swiper-slide {height:auto}
.intro-story-slide .swiper-slide-active .img-rolling {animation:introStoryRoll .6s ease both}
.intro-story-slide .swiper-slide-active .img-main {animation:introStoryPop .6s ease both}
@keyframes introStoryRoll {from {transform:translateX(36px); opacity:.4} to {transform:translateX(0); opacity:1}}
@keyframes introStoryPop {from {transform:translateX(48px) scale(.7); opacity:0} to {transform:translateX(0) scale(1); opacity:1}}
.intro-story-slide.is-prev .swiper-slide-active .img-rolling {animation-name:introStoryRollPrev}
.intro-story-slide.is-prev .swiper-slide-active .img-main {animation-name:introStoryPopPrev}
@keyframes introStoryRollPrev {from {transform:translateX(-36px); opacity:.4} to {transform:translateX(0); opacity:1}}
@keyframes introStoryPopPrev {from {transform:translateX(-48px) scale(.7); opacity:0} to {transform:translateX(0) scale(1); opacity:1}}
/* 슬라이드 내 텍스트 애니메이션 */
.intro-story-slide .swiper-slide-active .tit {animation:introStoryTextZoom 1.2s cubic-bezier(.22,1,.36,1) both}
.intro-story-slide .swiper-slide-active .txt {animation:introStoryFadeIn 1.2s ease-out both; animation-delay:.18s}
@keyframes introStoryTextZoom {from {transform:scale(.7); opacity:0} to {transform:scale(1); opacity:1}}
@keyframes introStoryFadeIn {from {opacity:0} to {opacity:1}}
/* 양옆 그라데이션 마스크 */
.intro-story-slide .img-rolling-wrap {position:relative; max-width:100%; overflow:hidden}
.intro-story-slide .img-rolling-wrap::before,
.intro-story-slide .img-rolling-wrap::after {content:''; position:absolute; top:0; z-index:1; width:40px; height:100%; pointer-events:none}
.intro-story-slide .img-rolling-wrap::before {left:0; background:linear-gradient(270deg, rgba(38, 42, 51, 0.00) 0%, #262A33 100%)}
.intro-story-slide .img-rolling-wrap::after {right:0; background:linear-gradient(90deg, rgba(38, 42, 51, 0.00) 0%, #262A33 100%)}
@media (min-width:372px) {
    .intro-story-slide .img-rolling-wrap::before,
    .intro-story-slide .img-rolling-wrap::after {width:80px}
}
@media (min-width:820px) {
    .intro-story-slide {min-height:280px}
    .intro-story-slide .swiper-slide {flex-direction:row; padding:40px; text-align:left}
    .intro-story-slide .intro-story-text-item {flex:1 1 auto; min-width:0; padding-right:40px}
    .intro-story-slide .intro-story-text-item .tit {font-size:28px}
    .intro-story-slide .intro-story-text-item .txt {font-size:16px}
    .intro-story-slide .img-rolling-wrap {flex:none}
    .intro-story-slide .img-rolling .img-main {width:200px; height:200px}
    .intro-story-slide .img-rolling .img-side {width:100px; height:100px}
}

/* [2026.06.09] SERVICE 9개 카드 UI 타입 */
.service-value-list {display:flex; flex-direction:column; gap:16px; position:relative; z-index:1}
.service-value-list .value-item {display:flex; align-items:center; gap:12px; padding:16px; background:#fff2e4; border-radius:20px}
.service-value-list .value-item.is-reverse {flex-direction:row-reverse} /* 모바일 아이콘 우측 반전 */
.service-value-list .value-ico {flex:none; display:flex; align-items:center; justify-content:center; width:64px; height:64px; border-radius:50%; background:#f9e9d9}
.service-value-list .value-ico::before {content:''; width:32px; height:32px; background:center/contain no-repeat}
.service-value-list .value-desc {flex:1 1 0; min-width:0; display:flex; flex-direction:column; gap:4px; color:#262a33}
.service-value-list .value-desc .tit {font-size:16px; font-weight:700; line-height:1.4}
.service-value-list .value-desc .txt {font-size:14px; line-height:1.6}
.service-value-list .value-desc .txt br {display:none}
.service-value-list .value-item.ico-epic .value-ico::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='m17.333 18.667-4-4m6.68-10v-2m5.253 4.08 1.414-1.414m-1.414 12 1.414 1.415m-12-12-1.414-1.415M27.346 12h2M8.176 27.825l12.316-12.316c.528-.528.792-.793.891-1.097a1.33 1.33 0 0 0 0-.824c-.099-.304-.363-.568-.89-1.096l-.984-.983c-.528-.528-.792-.793-1.096-.891a1.33 1.33 0 0 0-.824 0c-.305.098-.569.363-1.097.89L4.175 23.826c-.528.528-.792.792-.891 1.096a1.33 1.33 0 0 0 0 .824c.099.305.363.569.891 1.097l.983.983c.528.528.792.792 1.096.89.268.088.557.088.824 0 .305-.098.569-.362 1.097-.89'/%3E%3C/svg%3E")}
.service-value-list .value-item.ico-exclusive .value-ico::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='m6.666 4-4 4m26.667 0-4-4M7.999 25.333 5.333 28m18.666-2.667L26.666 28m-10.667 0a10.667 10.667 0 1 0 0-21.333A10.667 10.667 0 0 0 16 28'/%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='m20.66 15.539-4.618 3.168-3.213-2.3'/%3E%3C/svg%3E")}
.service-value-list .value-item.ico-global .value-ico::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M2.667 16h26.667M2.667 16c0 7.364 5.97 13.333 13.333 13.333M2.667 16C2.667 8.636 8.637 2.667 16 2.667M29.334 16c0 7.364-5.97 13.333-13.334 13.333M29.334 16c0-7.364-5.97-13.333-13.334-13.333m0 0A20.4 20.4 0 0 1 21.334 16 20.4 20.4 0 0 1 16 29.333m0-26.666A20.4 20.4 0 0 0 10.667 16 20.4 20.4 0 0 0 16 29.333'/%3E%3C/svg%3E")}
.service-value-list .value-item.ico-domestic .value-ico::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M16 29.333c7.364 0 13.334-5.97 13.334-13.333S23.364 2.667 16 2.667 2.667 8.636 2.667 16 8.637 29.333 16 29.333'/%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-width='1.2' d='m10 10 1.78 12.812c.126.908 1.43.926 1.581.022l1.85-11.1c.148-.89 1.43-.89 1.578 0l1.85 11.1c.15.904 1.456.886 1.582-.022L22 10'/%3E%3Cpath fill='%23121212' d='M9 15.4a.6.6 0 1 0 0 1.2v-1.2m2 .6v-.6H9v1.2h2zM23 16.6a.6.6 0 1 0 0-1.2v1.2m0-.6v-.6h-2v1.2h2z'/%3E%3C/svg%3E")}
.service-value-list .value-item.ico-foreign .value-ico::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M11.334 19.556a3.11 3.11 0 0 0 3.11 3.11h2.89a3.333 3.333 0 1 0 0-6.666h-2.667a3.333 3.333 0 1 1 0-6.667h2.889a3.11 3.11 0 0 1 3.111 3.111M16 7.334v2m0 13.333v2M29.334 16c0 7.364-5.97 13.333-13.334 13.333S2.667 23.363 2.667 16 8.637 2.667 16 2.667 29.334 8.637 29.334 16'/%3E%3C/svg%3E")}
.service-value-list .value-item.ico-commodity .value-ico::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M17.334 6.667c0 1.472-3.284 2.666-7.334 2.666S2.667 8.14 2.667 6.667m14.667 0C17.334 5.194 14.05 4 10 4S2.667 5.194 2.667 6.667m14.667 0v2m-14.667-2v16c0 1.472 3.283 2.666 7.333 2.666m0-10.666q-.337 0-.666-.011C5.596 14.533 2.667 13.39 2.667 12M10 20c-4.05 0-7.333-1.194-7.333-2.667m26.667-2C29.334 16.806 26.05 18 22 18s-7.333-1.194-7.333-2.667m14.667 0c0-1.472-3.284-2.666-7.334-2.666s-7.333 1.194-7.333 2.666m14.667 0v10C29.334 26.806 26.05 28 22 28s-7.333-1.194-7.333-2.667v-10m14.667 5C29.334 21.806 26.05 23 22 23s-7.333-1.194-7.333-2.667'/%3E%3C/svg%3E")}
.service-value-list .value-item.ico-realestate .value-ico::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M17.334 14.667h6.4c1.493 0 2.24 0 2.81.29.502.256.91.664 1.166 1.166.29.57.29 1.317.29 2.81V28m-10.666 0V8.267c0-1.494 0-2.24-.291-2.811a2.67 2.67 0 0 0-1.165-1.165C15.308 4 14.56 4 13.067 4h-4.8c-1.493 0-2.24 0-2.81.29-.502.256-.91.664-1.166 1.166-.29.57-.29 1.317-.29 2.81V28m25.333 0H2.667m6-18.667h4m-4 5.334h4m-4 5.333h4'/%3E%3C/svg%3E")}
.service-value-list .value-item.ico-asset .value-ico::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M28.28 21.187A13.334 13.334 0 1 1 10.669 3.773m17.651 7.125c.534 1.288.861 2.65.973 4.037.027.342.04.513-.027.667a.7.7 0 0 1-.293.318c-.149.08-.334.08-.705.08h-11.2c-.373 0-.56 0-.702-.073a.67.67 0 0 1-.291-.291c-.073-.143-.073-.33-.073-.703v-11.2c0-.37 0-.555.08-.704a.7.7 0 0 1 .318-.293c.154-.068.325-.054.667-.027a13.33 13.33 0 0 1 11.253 8.189'/%3E%3C/svg%3E")}
.service-value-list .value-item.ico-tax .value-ico::before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath stroke='%23121212' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.2' d='M4 28h24M8 24V13.333M13.333 24V13.333M18.667 24V13.333M24 24V13.333m2.667-4L16.565 3.02c-.205-.128-.307-.192-.417-.217a.7.7 0 0 0-.296 0c-.11.025-.212.089-.417.217L5.333 9.333z'/%3E%3C/svg%3E")}
@media (min-width:500px) {
    .premium9-event .service-area .cont-tit br {display:none}
}
@media (min-width:820px) {
    .service-value-list {display:grid; grid-template-columns:repeat(3,1fr); gap:24px}
    .service-value-list .value-item {flex-direction:column; justify-content:center; height:240px; padding:0 48px; gap:16px; text-align:center}
    .service-value-list .value-item.is-reverse {flex-direction:column} /* PC는 반전 해제 */
    .service-value-list .value-ico {width:80px; height:80px}
    .service-value-list .value-ico::before {width:40px; height:40px}
    .service-value-list .value-desc {flex:none; align-items:center; text-align:center; gap:8px}
    .service-value-list .value-desc .tit {font-size:20px}
    .service-value-list .value-desc .txt {font-size:16px}
    .service-value-list .value-desc .txt br {display:inline}
}