@charset "euc-kr";

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@font-face {font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal;}

/*reset*/
html {
    overflow-y: scroll;
    scrollbar-gutter: stable;
}
html.qna_lock body {
    position: fixed;
    width: 100%;
}
html.qna_lock {
    scrollbar-color: transparent transparent !important;
}
html.qna_lock::-webkit-scrollbar-thumb {background: transparent !important;}
html.qna_lock::-webkit-scrollbar-track {background: transparent !important;}
img {
    border:0;
}
button,html [type=button],[type=reset],[type=submit] {
    -webkit-appearance:none;
}
button,select {
    text-transform:none;
}
button,input {
    overflow:hidden;
}
button:focus {
    outline:none;
}
a,div {
    -webkit-tap-highlight-color:transparent;
}
.web {
    min-width: 1300px;
}

/*font*/
@font-face {
    font-family: "GmarketSans";
    src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff")
        format("woff");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "GmarketSans";
    src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff")
        format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "GmarketSans";
    src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff")
        format("woff");
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'OngleipEoyeonce';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105@1.1/Uiyeun.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}


/* common */
section > .inner{position:relative; display: flex; justify-content: center;}

/* schedule */
.schedule {
    background: #f3f7ff;
    padding: 100px 0;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
}
.schedule .con {display: flex; flex-direction: column; align-items: center; gap: 70px; width: 1150px;}

.schedule .tit {display: flex; flex-direction: column; align-items: center; gap: 30px; width: 848px; text-align: center;}
.schedule .tit .head {display: flex; flex-direction: column; align-items: center; gap: 35px; width: 100%;}
.schedule .tit .tit_badge {display: inline-flex; align-items: center; gap: 20px; padding: 14px 24px; background: rgba(255,255,255,.5); border: 2px solid #c8d9ff; border-radius: 100px;}
.schedule .tit .tit_badge .num {display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; padding-top: 6px; box-sizing: border-box; border-radius: 100px; background: #ff3232; color: #fff; font-family: 'GmarketSans'; font-size: 28px; font-weight: 700; letter-spacing: -0.9px;}
.schedule .tit .tit_badge .txt {font-size: 38px; font-weight: 500; color: #222; letter-spacing: -1.2px;}
.schedule .tit .main_tit {font-family: 'GmarketSans'; font-size: 48px; font-weight: 700; color: #222; letter-spacing: -1.5px;}
.schedule .tit .main_tit .point {color: #f20000;}
.schedule .tit .sub_txt {font-size: 30px; font-weight: 500; color: #222; letter-spacing: -1.02px; line-height: 1.5;}
.schedule .tit .sub_txt .point {color: #ff3232;}

.schedule .con_body {display: flex; flex-direction: column; gap: 70px; width: 100%;}
.schedule .group {display: flex; flex-direction: column; gap: 60px; width: 100%;}

.schedule h3 {display: flex; align-items: center; gap: 12px; font-size: 28px; font-weight: 700; color: #222; letter-spacing: -0.9px; margin-bottom: 25px;}
.schedule .live_wrap h3 img {width: 33px; height: 35px;}
.schedule .how_wrap h3 img {width: 30px; height: 30px;}

.schedule .live_list {display: flex; gap: 20px; width: 100%;}
.schedule .live_list li {position: relative; flex: 1; min-width: 0; height: 240px; overflow: hidden; background-color: #fff; border: 3px solid #ff8500; border-radius: 28px;}
.schedule .live_list li::before {content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-position: right -38% center; background-size: 55%; background-repeat: no-repeat; opacity: .12; pointer-events: none; z-index: 0;}
.schedule .live_list li:nth-child(1)::before {background-image: url(images/schedule_card1_bg.png);}
.schedule .live_list li:nth-child(2)::before {background-image: url(images/schedule_card2_bg.png);}
.schedule .live_list li .tag {position: absolute; top: 0; left: 0; display: inline-flex; align-items: center; padding: 13px 26px; border-radius: 0 27px 27px 0; background: linear-gradient(124deg,#ffcc00 4%,#ff4343 38.5%,#c355f2 71%,#35d3ff 97%); color: #fff; font-family: 'GmarketSans'; font-size: 21px; font-weight: 700; letter-spacing: -0.7px;}
.schedule .live_list li .txt {position: relative; z-index: 1; padding: 78px 40px 0;}
.schedule .live_list li .date {display: block; font-family: 'GmarketSans'; font-size: 32px; font-weight: 700; color: #222; letter-spacing: -1.6px; margin-bottom: 14px;}
.schedule .live_list li .desc {display: block; font-size: 20px; font-weight: 400; color: #222; letter-spacing: -1px; line-height: 1.4;}
.schedule .live_list li .desc b {font-weight: 700;}

.schedule .how_list {display: flex; gap: 20px; width: 100%;}
.schedule .how_list li {position: relative; flex: 1; display: flex; align-items: center; gap: 30px; height: 192px; padding: 0 45px; border-radius: 28px; background: #fff; border: 5px solid #d8dce6; color: #222; cursor: none; transition: background .2s, border-color .2s, color .2s;}
.schedule .how_list li .ico {display: block; width: 64px; height: 64px; flex-shrink: 0; background: url(images/schedule_ico_guest.svg) no-repeat center / contain; transition: background-image .2s;}
.schedule .how_list li.active .ico {background-image: url(images/schedule_ico_member.svg);}
.schedule .how_list li .txt strong {display: block; font-family: 'GmarketSans'; font-size: 27px; font-weight: 700; letter-spacing: -1.3px; color: inherit; line-height:1;}
.schedule .how_list li .txt p {font-size: 22px; font-weight: 500; letter-spacing: -1.1px; color: inherit; margin:5px 0 0;}
.schedule .how_list li.active {background: #ff4f4f; border-color: #ff4f4f; color: #fff; box-shadow: 0 20px 30px rgba(197,207,227,.7);}
.schedule .how_wrap {position: relative;}
.schedule .how_wrap .cursor_follow {position: absolute; left: 0; top: 0; width: 52px; display: none; pointer-events: none; z-index: 5;}

.schedule .step_wrap {width: 100%; display: flex; flex-direction: column; align-items: center;}
.schedule .step_list {display: none; align-items: flex-start; justify-content: center; gap: 20px; width: 100%;}
.schedule .step_list.member_view {display: flex;}
.schedule.mode_guest .step_list.member_view {display: none;}
.schedule.mode_guest .step_list.guest_view {display: flex;}
.schedule .step_list .step {display: flex; flex-direction: column; align-items: center;}
.schedule .step_list .step .ico {position: relative; display: flex; align-items: center; justify-content: center; height: 115px; margin-bottom: 20px;}
.schedule .step_list .step .ico img {max-height: 100%;}
.schedule .step_list .step.live .ico img {position:absolute; left:50%; top:60%; transform:translate(-50%, -50%) scale(.8); max-height:none;}
.schedule .step_list .step .ico .logo {position: absolute; top: 6px; width: 56px;}
.schedule .step_list .step p {font-size: 22px; font-weight: 500; color: #222; letter-spacing: -1.1px; line-height: 1.25; text-align: center;}
.schedule .step_list .arrow {margin: 0 10px; padding-top: 28px;}
.schedule .step_list .arrow img {height: 53px;}
.schedule .step_wrap .cta_btn {display: none; margin-top: 50px; padding: 22px 50px; border-radius: 100px; background: linear-gradient(90deg,#ff6c01,#ff1e01); color: #fff; font-size: 24px; font-weight: 700; text-decoration: none; box-shadow: 7px 10px 15px rgba(232,80,83,.5); align-items: center; justify-content: center;}
.schedule.mode_guest .step_wrap .cta_btn {display: inline-flex;}

/* event1 */
.event1 {
    position: relative;
    background: #564dfa;
    padding: 100px 0 90px;
    overflow: hidden;
}
.event1 .con {display: flex; flex-direction: column; align-items: center; width: 1200px;}

.event1 .tit {display: flex; flex-direction: column; align-items: center; width: 633px; text-align: center; margin-bottom: 80px;}
.event1 .tit .tit_badge {display: inline-flex; align-items: center; gap: 20px; padding: 14px 24px; background: rgba(255,255,255,.15); border: 2px solid rgba(255,255,255,.4); border-radius: 100px; margin-bottom: 40px;}
.event1 .tit .tit_badge .num {display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; padding-top: 6px; box-sizing: border-box; border-radius: 100px; background: #fff; color: #564dfa; font-family: 'GmarketSans'; font-size: 28px; font-weight: 700; letter-spacing: -0.9px;}
.event1 .tit .tit_badge .txt {font-size: 36px; font-weight: 500; color: #fff; letter-spacing: -1.2px;}
.event1 .tit .event_label {display: block; margin: 0 auto 20px; width: 86px;}
.event1 .tit .main_tit {display: block; font-family: 'GmarketSans'; font-size: 46px; font-weight: 700; color: #fff; letter-spacing: -1.5px; margin-bottom: 35px;}
.event1 .tit .main_tit .point {color: #acff31;}
.event1 .tit .sub_txt {font-size: 28px; font-weight: 500; color: #fff; letter-spacing: -1px; line-height: 1.5; margin-bottom: 35px;}
.event1 .tit .sub_txt .point {color: #acff31; font-weight: 700;}
.event1 .tit .info_list li {position: relative; display:inline-block; padding-left: 16px; font-size: 22px; font-weight: 500; color: #fff; letter-spacing: -0.7px; line-height: 1.8;}
.event1 .tit .info_list li:before {content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 5px; height: 5px; border-radius: 100px; background: #fff;}

.event1 .box_wrap {position: relative; display: flex; gap: 13px; width: 1200px;}

.event1 .deco {position: absolute; left: 0; right: 0; bottom: 100%; pointer-events: none;}
.event1 .deco .photo {position: absolute; left: 0; bottom: -75px; width: 170px; z-index: 2;}
.event1 .deco .speech {position: absolute; left: 10px; bottom: 35px; width: 200px; margin: 0; padding: 22px 18px 32px; box-sizing: border-box; background: url(images/event1_bubble.svg) no-repeat center / 100% 100%; font-size: 17px; font-weight: 500; color: #121212; text-align: center; line-height: 1.35;}
.event1 .deco .speech span {color: #463de6; font-weight: 700;}
.event1 .deco .cat {position: absolute; right: 40px; bottom: 90px; width: 244px; animation: floatY1 3.4s ease-in-out infinite;}

.event1 .write {position: relative; overflow: hidden; width: 810px; min-height: 375px; background: #fff; border-radius: 30px;}
.event1 .write .q {padding: 22px 30px 22px 120px; background: #e3f4fe; font-size: 21px; font-weight: 700; color: #121212; letter-spacing: -0.5px; text-align: center;}
.event1 .write .write_box {position: relative; margin: 26px 32px 0; padding: 24px; background: rgba(207,223,233,.4); border: 1.5px solid #d9e3e9; border-radius: 20px;}
.event1 .write .write_box textarea {display: block; width: 100%; height: 90px; padding-bottom: 22px; box-sizing: border-box; border: 0; background: none; resize: none; font-size: 18px; color: #121212; font-family: inherit;}
.event1 .write .write_box textarea::placeholder {color: rgba(18,18,18,.5);}
.event1 .write .write_box .char_count {position: absolute; right: 24px; bottom: 12px; font-size: 14px; color: #888; letter-spacing: -0.3px;}
.event1 .write .write_box .char_count.over {color: #ff3232; font-weight: 700;}
.event1 .write .btn_submit {display: block; margin: 26px auto 0; width: 200px; height: 62px; border: 0; border-radius: 100px; background: #443be3; color: #fff; font-size: 22px; font-weight: 700; letter-spacing: -0.4px; cursor: pointer; font-family: inherit;}

.event1 .gift {position: relative; overflow: visible; width: 377px; min-height: 375px; background: #fff; border-radius: 30px; text-align: center;}
.event1 .gift .gift_tit {padding: 20px 0; background: #e3f4fe; border-radius: 30px 30px 0 0; font-size: 24px; font-weight: 700; color: #121212; letter-spacing: -0.5px;}
.event1 .gift .thumb {overflow: hidden; height:220px;}
.event1 .gift img {display: block; width: 225px; margin: 24px auto 0;}
.event1 .gift .gift_name {margin-top: 20px; background:#fff; font-size: 22px; font-weight: 600; color: #121212; letter-spacing: -0.5px;}
.event1 .gift .pick {position: absolute; top: -22px; text-indent:-9999em; right: -18px; display: flex; align-items: center; justify-content: center; width: 108px; height: 108px; background: url(images/event1_star.png) no-repeat center / 100% 100%; font-family: 'GmarketSans'; font-size: 20px; font-weight: 700; color: #121212; text-align: center; line-height: 1.25;}

.event1 .notice {width:100%; margin-top: 22px; font-size: 18px; font-weight: 400; color: rgba(255,255,255,.85); letter-spacing: -0.3px;}

/* event2 */
.event2 {
    background: #fff;
    padding: 100px 0 110px;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
}
.event2 .con {position: relative; display: flex; flex-direction: column; align-items: center; width: 1150px; margin: 0 auto;}
.event2 .bg_blob {position: absolute; left: 50%; top: 205px; transform: translateX(-50%); width: 700px; z-index: 0; pointer-events: none;}

.event2 .tit {position: relative; z-index: 1; width: 914px; text-align: center;}
.event2 .tit .event_label {display: block; margin: 0 auto 20px; width: 93px;}
.event2 .tit .main_tit {display: block; font-family: 'GmarketSans'; font-size: 46px; font-weight: 700; color: #222; letter-spacing: -1.5px; margin-bottom: 35px;}
.event2 .tit .main_tit .grad {background: linear-gradient(90deg,#cf37ff 20%,#ff3975 40%,#ff7e00 100%); -webkit-background-clip: text; background-clip: text; color: transparent;}
.event2 .tit .sub_txt {font-size: 28px; font-weight: 500; color: #222; letter-spacing: -0.8px; line-height: 1.6; margin-bottom: 30px;}
.event2 .tit .sub_txt .point {color: #f7398b;}
.event2 .tit .info_list li {position: relative; display: inline-block; padding-left: 16px; font-size: 22px; font-weight: 500; color: #222; letter-spacing: -0.6px;}
.event2 .tit .info_list li:before {content: ""; position: absolute; left: 0; top: 11px; width: 5px; height: 5px; border-radius: 100px; background: #222;}

.event2 .naver_wrap {position: relative; z-index: 1; width: 351px; margin: 50px 0 60px;}
.event2 .naver_wrap .naver_img {display: block; width: 100%;}

.event2 .step_list {position: relative; z-index: 1; display: flex; gap: 30px; width: 1000px;}
.event2 .step_list li {position: relative; overflow: hidden; /* width: 300px;  */border-radius: 50px; padding: 35px 25px; box-sizing: border-box; text-align: center;}
.event2 .step_list .step_no {display: block; font-size: 28px; font-weight: 800; color: #222; letter-spacing: -0.9px; margin-bottom: 20px;}
.event2 .step_list li img {display: block; margin: 0 auto 20px; max-width: 170px;}
.event2 .step_list .step_tit {font-size: 22px; font-weight: 800; color: #f7398b; letter-spacing: -1.6px; margin-bottom: 18px;}
.event2 .step_list .step_txt {font-size: 20px; font-weight: 400; color: #222; letter-spacing: -0.5px; line-height: 1.5;}

.event2 .step1 {background: linear-gradient(180deg,#e2eafe,#cbfcf0);}
.event2 .step2 {background: linear-gradient(180deg,#f9e6ff,#cfd9ff); border: 4px solid #d638e9;}
.event2 .step3 {background: linear-gradient(180deg,#ffecae,#ffe2dd);}
.event2 .step1 .step_tit{margin:26px 0 18px;}

.event2 .step3 .tag_wrap {margin-bottom: 43px;}
.event2 .step3 .tag_row {display: flex; gap: 6px; justify-content: center; margin-bottom: 8px;}
.event2 .step3 .tag {display: inline-flex; align-items: center; justify-content: center; height: 44px; padding: 0 18px; background: rgba(255,255,255,.8); border-radius: 100px; font-size: 16px; color: #000; white-space: nowrap;}
.event2 .step3 .tag.wide {display: flex; width: 100%; box-sizing: border-box;}

/* event3 */
.event3 {
    background: #dfe8f9;
    padding: 100px 0 110px;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
}
.event3 .con {display: flex; flex-direction: column; align-items: center; gap: 80px; width: 1200px; margin: 0 auto;}

.event3 .tit {display: flex; flex-direction: column; align-items: center; width: 814px; text-align: center;}
.event3 .tit .event_label {display: block; margin: 0 auto 20px; width: 92px;}
.event3 .tit .main_tit {display: block; font-family: 'GmarketSans'; font-size: 46px; font-weight: 700; color: #222; letter-spacing: -1.5px; margin-bottom: 30px;}
.event3 .tit .main_tit .point {color: #f20000;}
.event3 .tit .sub_txt {font-size: 28px; font-weight: 500; color: #222; letter-spacing: -0.6px;}

.event3 .box_wrap {display: flex; gap: 40px; width: 100%;}
.event3 .box {position: relative; overflow: hidden; flex: 1; min-height: 430px; background: #fff; border-radius: 50px; padding: 50px 30px 40px; box-sizing: border-box; text-align: center;}
.event3 .box .box_tit {font-size: 26px; font-weight: 800; color: #222; letter-spacing: -0.8px; margin-bottom: 25px;}
.event3 .box .box_tit .point {color: #f20000;}
.event3 .box .desc {font-size: 20px; font-weight: 400; color: #222; letter-spacing: -0.6px; line-height: 1.2;}
.event3 .box .desc .point {color: #f20000;}
.event3 .box .desc strong {display: block; margin-top: 4px; font-size: 22px; font-weight: 700;}
.event3 .box .gift_img {display: block; width: 100%; max-width: 420px; margin: 0 auto 25px;}

.event3 .notice_wrap {width: 100%;}
.event3 .notice_toggle {display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; height: 70px; border: 0; border-radius: 35px; background: rgba(0,0,0,.3); color: #fff; font-size: 22px; font-weight: 500; letter-spacing: -0.5px; cursor: pointer; font-family: inherit;}
.event3 .notice_toggle .arrow {display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 15px; transform: rotate(180deg); background: rgba(255,255,255,.5); transition: transform .3s;}
.event3 .notice_toggle .arrow img {width: 14px;}
.event3 .notice_wrap.active .notice_toggle .arrow {transform: rotate(0deg);}
.event3 .notice_box {display: none; padding: 50px; background: #fff; border-radius: 30px; box-sizing: border-box;}
.event3 .notice_group + .notice_group {margin-top: 30px;}
.event3 .notice_tit {font-size: 18px; font-weight: 800; color: #626262; letter-spacing: -0.5px; margin-bottom: 15px;}
.event3 .notice_group ul li {position: relative; padding-left: 14px; font-size: 15px; font-weight: 400; color: #626262; letter-spacing: -0.4px; line-height: 1.6;}
.event3 .notice_group ul li:before {content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; border-radius: 100px; background: #626262;}

/* point */
.reason {
    background: #fff;
    padding: 100px 0 110px;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, "Malgun Gothic", "Apple SD Gothic Neo", sans-serif;
}
.reason .con {display: flex; flex-direction: column; align-items: center; gap: 80px; width: 1150px; margin: 0 auto;}

.reason .tit {display: flex; flex-direction: column; align-items: center; width: 994px; text-align: center; gap: 35px;}
.reason .tit .tit_badge {display: inline-flex; align-items: center; gap: 20px; padding: 14px 24px; background: rgba(255,200,200,.15); border: 2px solid #ffc8c8; border-radius: 100px;}
.reason .tit .tit_badge .num {display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; padding-top: 6px; box-sizing: border-box; border-radius: 100px; background: #ff3232; color: #fff; font-family: 'GmarketSans'; font-size: 28px; font-weight: 700; letter-spacing: -0.9px;}
.reason .tit .tit_badge .txt {font-size: 32px; font-weight: 500; color: #222; letter-spacing: -1px;}
.reason .tit .main_tit {font-family: 'GmarketSans'; font-size: 42px; font-weight: 700; color: #222; letter-spacing: -1.3px;}
.reason .tit .red {color: #ff3232 !important;}

.reason .card_list {display: flex; gap: 40px;}
.reason .card {position: relative; width: 300px; height: 414px; border-radius: 20px;}
.reason .card .bg {position: absolute; left: 0; top: 3px; width: 300px; height: 392px; z-index: 0;}
.reason .card .txt {position: absolute; left: 50%; top: 277px; transform: translateX(-50%); z-index: 1; text-align: center;}
.reason .card .txt strong {display: block; font-size: 24px; font-weight: 800; color: #222; letter-spacing: -0.7px; margin-bottom: 3px;}
.reason .card .txt p {font-size: 15px; font-weight: 400; color: #222; letter-spacing: -0.4px; line-height: 1.5;}
.reason .card .txt .red {color: #ff3232 !important;}
.reason .card3 .txt strong .red {color: #ff3232 !important;}

.reason .card1 .txt {width: 232px;}
.reason .card2 .txt {width: 246px;}
.reason .card3 .txt {width: 227px;}

.reason .card1 .deco {position: absolute; left: 30px; top: 28px; width: 239px; z-index: 1;}
.reason .card2 .deco {position: absolute; left: 18px; top: 24px; width: 282px; z-index: 1;}
.reason .card3 .deco {position: absolute; left: 13px; top: -2px; width: 279px; z-index: 1;}

/* video */
.video {position: relative; overflow: hidden; background: #dcf2ff url(images/video_bg.png) no-repeat center / cover; padding: 100px 0 90px; }
.video .inner {position: relative; z-index: 1;}
.video .con {position: relative; display: flex; flex-direction: column; align-items: center; gap: 60px; width: 916px; margin: 0 auto;}
.video .media_wrap {display: flex; flex-direction: column; align-items: center; gap: 60px; width: 842px;}
.video .tit {width: 812px; text-align: center;}
.video .main_tit {display: block; font-family: 'GmarketSans'; font-size: 44px; font-weight: 700; letter-spacing: -1.3px; margin-bottom: 30px;}
.video .main_tit .blue {color: #1b00e8;}
.video .main_tit .green {color: #00a211;}
.video .sub_txt {font-size: 26px; font-weight: 500; color: #222; letter-spacing: -0.6px; line-height: 1.6;}
.video .video_box {position: relative; width: 100%; height: 418px; background: #3f3f3f; border-radius: 40px; overflow:hidden;}
.video .cat {position: absolute; left: 790px; top: 203px; width: 200px;}
.video .highlight {text-align: center; font-family: 'GmarketSans'; font-size: 30px; letter-spacing: -0.9px; line-height: 1.5;}
.video .highlight .red {color: #FF3232 !important;}
.video .highlight strong {display: block; color: #222; font-weight: 700;}
.video .btn {display: inline-flex; align-items: center; justify-content: center; padding: 20px 60px 21px; border-radius: 100px; background: linear-gradient(90deg,#ae5deb,#664aff); color: #fff; font-size: 32px; font-weight: 500; letter-spacing: -0.6px; text-decoration: none; box-shadow: 7px 10px 15px rgba(166,80,232,.4);}

/* profile */
.profile {position: relative; overflow: hidden; background: #2f8eff;}
.profile .stage {position: relative; height: 1087px; max-width: 1920px; margin: 0 auto;}
.profile .blob {position: absolute; display: block; width: 637px; height: 315px; background: #0476ff; border-radius: 395px; transform: rotate(-31.37deg);}
.profile .blob1 {left: 50%; margin-left: -345px; top: 537px;}
.profile .blob2 {left: 50%; margin-left: -297px; top: 236px;}
.profile .star {position: absolute;}
.profile .star1 {left: 50%; margin-left: -292px; top: 396px; width: 72px;}
.profile .star2 {left: 50%; margin-left: 171px; top: 275px; width: 36px;}

.profile .tit {position: absolute; left: 50%; top: 100px; width: 752px; margin-left: -376px; text-align: center; z-index: 2;}
.profile .tit .tit_badge {display: inline-flex; align-items: center; gap: 20px; padding: 14px 24px; margin-bottom: 25px; background: rgba(255,255,255,.15); border: 2px solid rgba(255,255,255,.4); border-radius: 100px;}
.profile .tit .tit_badge .num {display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; padding-top: 6px; box-sizing: border-box; border-radius: 100px; background: #fff; color: #288bff; font-family: 'GmarketSans'; font-size: 28px; font-weight: 700; letter-spacing: -0.9px;}
.profile .tit .tit_badge .txt {font-size: 34px; font-weight: 500; color: #fff; letter-spacing: -1px;}
.profile .tit .main_tit {display: block; font-family: 'GmarketSans'; font-size: 44px; font-weight: 700; color: #fff; letter-spacing: -1.3px;}
.profile .tit .main_tit .green {color: #28ff89;}

.profile .photo {position: absolute; left: 50%; margin-left: -270px; top: 299px; width: 540px; z-index: 1; filter: drop-shadow(30px 30px 60px rgba(0,15,185,.25));}

.profile .bubble {position: absolute; z-index: 2; display: flex; gap:10px; justify-content: center; padding: 18px 30px; box-sizing: border-box; backdrop-filter: blur(50px); -webkit-backdrop-filter: blur(50px); border-radius: 34px 34px 34px 0; font-size: 20px; font-weight: 500; color: #222; letter-spacing: -0.5px; white-space: nowrap; text-align: center;}
.profile .bubble b {font-family: 'GmarketSans'; font-size: 25px; font-weight: 700; color: #0028f3;}
.profile .bubble.flip {border-radius: 34px 34px 0 34px;}

.profile .b1 {left: 50%; margin-left: 103px; top: 689px; width: 230px; height: 68px; background: rgba(255,255,255,.7);}
.profile .b2 {left: 50%; margin-left: 144px; top: 537px; width: 266px; height: 68px; background: rgba(255,255,255,.5);}
.profile .b3 {left: 50%; margin-left: 103px; top: 378px; width: 300px; height: 94px; background: rgba(255,255,255,.8); border: 0.7px solid #fff; border-radius: 47px 47px 47px 0; flex-direction: column; gap: 2px; line-height: 1.3;}
.profile .b3 b {font-size: 22px;}
.profile .b4 {left: 50%; margin-left: -395px; top: 603px; width: 230px; height: 68px; background: rgba(255,255,255,.8); border: 0.7px solid #fff;}
.profile .b5 {left: 50%; margin-left: -410px; top: 446px; width: 266px; height: 68px; background: rgba(255,255,255,.6);}

.profile .sub {position: absolute; left: 50%; top: 836px; transform: translateX(-50%); width: 1033px; text-align: center; z-index: 2;}
.profile .sub .line1 {font-family: 'GmarketSans'; font-size: 30px; font-weight: 500; color: #fff; letter-spacing: -1.5px; margin-bottom: 20px;}
.profile .sub .line2 {font-family: 'GmarketSans'; font-size: 36px; font-weight: 700; color: #fff; letter-spacing: -1.8px; line-height: 1.5;}
.profile .sub .line2 .green {color: #28ff89;}

/* visual */
.visual {position: relative; overflow: hidden; background: linear-gradient(90deg,#f4f4f4,#fff2f2);}
.visual .stage {position: relative; height: 1170px; max-width: 1920px; margin: 0 auto;}
.visual .bg {position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 1927px; max-width: none; z-index: 0; pointer-events: none;}
.visual .heart1 {position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 1780px; max-width: none; z-index: 0; opacity: .15; mix-blend-mode: multiply; pointer-events: none;}
.visual .heart2 {position: absolute; left: 50%; margin-left: -892px; top: 0; width: 450px; z-index: 0; opacity: .55; pointer-events: none;}
.visual .tit {position: absolute; left: 0; top: 70px; width: 100%; display: flex; justify-content: center; z-index: 3;}
.visual .tit img {display: block;}
.visual .photo {position: absolute; left: 50%; transform: translateX(calc(-50% - 9px)); top: 254px; width: 918px; z-index: 2; pointer-events: none;}
.visual .deco {position: absolute; z-index: 3; opacity: 0;}
.visual .d_like {left: 50%; margin-left: -386px; top: 22px; width: 142px; animation: decoFadeIn 1.4s cubic-bezier(.4,0,.2,1) 1s forwards, floatDLike 3.5s ease-in-out -0.7s infinite;}
.visual .d_camera {left: 50%; margin-left: 515px; top: 710px; width: 135px; animation: decoFadeIn 1.4s cubic-bezier(.4,0,.2,1) 1.1s forwards, floatY1 3.2s ease-in-out -0.4s infinite;}
.visual .d_live {left: 50%; margin-left: -659px; top: 599px; width: 200px; animation: decoFadeIn 1.4s cubic-bezier(.4,0,.2,1) 1.2s forwards, floatY2 3.8s ease-in-out -1.6s infinite;}
.visual .d_best {left: 50%; margin-left: 274px; top: 630px; width: 200px; animation: decoFadeIn 1.4s cubic-bezier(.4,0,.2,1) 1.3s forwards, floatY1 2.8s ease-in-out -2.1s infinite;}
.visual .d_wow {left: 50%; margin-left: 472px; top: 99px; width: 205px; animation: decoFadeIn 1.4s cubic-bezier(.4,0,.2,1) 1.4s forwards, floatY2 3.4s ease-in-out -0.9s infinite;}
.visual .d_hello {left: 50%; margin-left: -717px; top: 905px; width: 199px; animation: decoFadeIn 1.4s cubic-bezier(.4,0,.2,1) 1.5s forwards, floatY1 4.1s ease-in-out -1.2s infinite;}
.visual .d_me {left: 50%; margin-left: -474px; top: 459px; width: 144px; animation: decoFadeIn 1.4s cubic-bezier(.4,0,.2,1) 1.6s forwards, floatY2 3s ease-in-out -2.5s infinite;}
.visual .d_clover {left: 50%; margin-left: 460px; top: 900px; width: 230px; animation: decoFadeIn 1.4s cubic-bezier(.4,0,.2,1) 1.7s forwards, floatY1 3.6s ease-in-out -1.8s infinite;}
.visual .speech {position: absolute; left: 50%; margin-left: 122px; top: 470px; width: 386px; z-index: 3; opacity: 0; animation: decoFadeIn 1.4s cubic-bezier(.4,0,.2,1) .8s forwards, floatY2 3.3s ease-in-out -0.6s infinite;}

@keyframes floatY1 {
    0%, 100% {transform: translateY(0);}
    50% {transform: translateY(-10px);}
}
@keyframes floatY2 {
    0%, 100% {transform: translateY(0);}
    50% {transform: translateY(10px);}
}
@keyframes floatDLike {
    0%, 100% {transform: translateY(0);}
    50% {transform: translateY(-10px);}
}
@keyframes decoFadeIn {
    from {opacity: 0; filter: blur(6px);}
    to {opacity: 1; filter: blur(0);}
}

.visual .lecture_info {position: absolute; left: 50%; transform: translateX(-50%); top: 858px; width: 926px; height: 123px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; gap: 30px; background: rgba(255,255,255,.7); border-radius: 30px; z-index: 3;}
.visual .lecture_info .item {display: flex; align-items: center; gap: 10px;}
.visual .lecture_info .tag {display: block; width: 138px; height: 48px;}
.visual .lecture_info .date {font-size: 24px; font-weight: 600; color: #000; letter-spacing: -0.6px;}
.visual .lecture_info .divider {width: 3px; height: 50px; background: rgba(0, 0, 0, 0.1);}

.visual .prog_bar {position: absolute; left: 50%; margin-left: -867px; top: 1059px; width: 1734px; z-index: 3;}

.visual .btn {position: absolute; left: 50%; transform: translateX(-50%); top: 1007px; display: flex; align-items: center; justify-content: center; width: 540px; height: 90px; box-sizing: border-box; border-radius: 100px; background: linear-gradient(90deg,#ff6c01,#f20000); color: #fff; font-size: 26px; font-weight: 700; letter-spacing: -0.5px; text-decoration: none; box-shadow: 7px 10px 15px rgba(232,80,83,.5); z-index: 3;}
.visual .btn .event {color: #ffff38; font-weight: 800; margin-right: 6px;}

/* qna popup */
.qna_dim {display: none; align-items: center; justify-content: center; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 99998; opacity: 0; transition: opacity .3s ease; overflow-y: auto; padding: 40px 0; box-sizing: border-box; scrollbar-color: transparent transparent !important;}
.qna_dim.active {display: flex;}
.qna_dim.pop_show {opacity: 1;}


.qna_popup {display: none; position: relative; flex: none; margin: auto; width: 520px; max-width: 90%; max-height: 85vh; overflow-y: auto; box-sizing: border-box; background: #fff; border-radius: 40px; padding: 59px 40px 40px; z-index: 99999; font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, "Malgun Gothic", "Apple SD Gothic Neo", sans-serif; transform: translateY(40px); opacity: 0; transition: transform .35s ease, opacity .35s ease;}
.qna_popup.active {display: block;}
.qna_popup.pop_show {transform: translateY(0); opacity: 1;}

.qna_popup .qna_close {position: absolute; right: 24px; top: 24px; width: 18px; height: 18px; padding: 0; border: 0; background: none; cursor: pointer; z-index: 2;}
.qna_popup .qna_close img {display: block; width: 100%; height: 100%;}

.qna_popup .qna_tit {display: block; text-align: center; font-family: 'GmarketSans'; font-size: 30px; font-weight: 800; color: #443be3; letter-spacing: -0.5px; margin-bottom: 40px;}

.qna_popup .qna_field {position: relative; height: 65px; margin-bottom: 30px;}
.qna_popup .qna_field label {position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 20px; font-weight: 600; color: #121212;}
.qna_popup .qna_field .qna_input {display: block; margin-left: 122px; width: calc(100% - 122px); height: 65px; box-sizing: border-box; padding: 0 20px; border: 1.5px solid #e3e3e3; border-radius: 12px; font-size: 18px; color: #121212; background: #fff; font-family: inherit; outline: none; transition: border-color .2s;}
.qna_popup .qna_field .qna_input:focus {border-color: #443be3;}

.qna_popup .qna_agree {display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px;}
.qna_popup .qna_radio {display: flex; align-items: center; gap: 8px; cursor: pointer; font-size: 18px; color: #121212;}
.qna_popup .qna_radio input {display: none;}
.qna_popup .qna_radio .ico {display: inline-block; width: 18px; height: 18px; background: url(images/event1_popup_radio.svg) no-repeat center / contain; opacity: .3; filter: grayscale(1); transition: opacity .15s, filter .15s;}
.qna_popup .qna_radio input:checked ~ .ico {opacity: 1; filter: none;}
.qna_popup .qna_view_link {display: flex; align-items: center; gap: 17px; font-size: 18px; color: #656565; text-decoration: underline;}
.qna_popup .qna_view_link img {width: 6px;}

.qna_popup .qna_confirm {display: block; margin: 0 auto; width: 200px; height: 66px; border: 0; border-radius: 100px; background: #443be3; color: #fff; font-size: 22px; font-weight: 800; cursor: pointer; font-family: inherit;}

.qna_popup .panel2 {display: none;}
.qna_popup .detail_tit {display: block; font-size: 24px; font-weight: 800; color: #121212; margin-bottom: 16px;}
.qna_popup .detail_desc {font-size: 15px; font-weight: 400; color: #444; line-height: 1.6; margin-bottom: 24px;}
.qna_popup .detail_table {width: 100%; border-collapse: collapse; font-size: 14px; color: #333;}
.qna_popup .detail_table th, .qna_popup .detail_table td {border: 1px solid #e3e3e3; padding: 12px 14px; text-align: left; vertical-align: top; font-weight: 400;}
.qna_popup .detail_table tr:first-child th {background: #f7f7f9; font-weight: 700; text-align: center;}
.qna_popup .detail_table th {background: #f7f7f9; width: 35%; font-weight: 700;}
.qna_popup .detail_close {display: block; margin: 24px auto 0; width: 120px; height: 48px; border: 0; border-radius: 100px; background: #443be3; color: #fff; font-size: 16px; font-weight: 700; cursor: pointer; font-family: inherit;}