@font-face {font-family: 'SBAggroL';src: url('https://cdn.jsdelivr.net/gh/fontbee/font@main/SANDBOX/SBAggroL.woff') format('woff');font-weight: 300;font-style: normal;}
@font-face {font-family: 'SBAggroM';src: url('https://cdn.jsdelivr.net/gh/fontbee/font@main/SANDBOX/SBAggroM.woff') format('woff');font-weight: 500;font-style: normal;}
@font-face {font-family: 'SBAggroB';src: url('https://cdn.jsdelivr.net/gh/fontbee/font@main/SANDBOX/SBAggroB.woff') format('woff');font-weight: 700;font-style: normal;}
@font-face {font-family: 'MissedGyuwon';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2510-1@1.0/Griun_Gyuwon-Rg.woff2') format('woff2');font-weight: normal;font-display: swap;}
@font-face {font-family: 'Pretendard'; src: url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Light.woff2) format('woff2'), url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Light.woff) format('woff'), url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Light.otf) format('opentype'); font-weight: 300;}
@font-face {font-family: 'Pretendard'; src: url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Regular.woff2) format('woff2'), url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Regular.woff) format('woff'),url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Regular.otf) format('opentype'); font-weight: 400;}
@font-face {font-family: 'Pretendard'; src: url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Medium.woff2) format('woff2'), url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Medium.woff) format('woff'), url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Medium.otf) format('opentype'); font-weight: 500;}
@font-face {font-family: 'Pretendard';src: url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Bold.woff2) format('woff2'), url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Bold.woff) format('woff'), url(https://cdn.gni.kr/assets/font/Pretendard/Pretendard-Bold.otf) format('opentype');font-weight: 600;}
@font-face {font-family: 'OneStoreMobilePop';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-POP.woff') format('woff'); font-weight: normal;font-display: swap;}
@font-face {font-family: 'BonmyeongjoSourceHanSerif'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff'); font-weight: normal; font-display: swap;}
@font-face {font-family: 'YunChorokwoosanEoriniMinguk';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408@1.0/YoonChildfundkoreaMinGuk.woff2') format('woff2'); font-weight: normal; font-display: swap;}
@font-face {font-family: 'PyeongChangPeace-Light';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/PyeongChangPeace-Light.woff2') format('woff2');font-weight: 300;font-display: swap;}
@font-face {font-family: 'PyeongChangPeace-Bold';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/PyeongChangPeace-Bold.woff2') format('woff2');font-weight: 700;font-display: swap;}
@font-face {font-family: 'YoonchoUsanChildrenS';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408@1.0/YoonChildfundkoreaDaeHan.woff2') format('woff2'); font-weight: normal; font-display: swap;}
:root{
    --dahan: "YoonchoUsanChildrenS" !important;
    --pycl: "PyeongChangPeace-Light" !important;
    --pycb: "PyeongChangPeace-Bold" !important;
    --sb1: "SBAggroL" !important;
    --sb2: "SBAggroM" !important;
    --sb3: "SBAggroB" !important;
    --gyu: "MissedGyuwon" !important;
    --one: "OneStoreMobilePop" !important;
    --bon: "BonmyeongjoSourceHanSerif" !important;
    --yoon: "YunChorokwoosanEoriniMinguk" !important;
    --space: clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px);
    --space2: clamp(5px, calc(10px + 10 * (100vw - 720px) / 720), 10px);
    --radius: clamp(4px, calc(8px + 8 * (100vw - 720px) / 720), 8px);
    --radius2: clamp(7.5px, calc(15px + 15 * (100vw - 720px) / 720), 15px);
    --font-sm: clamp(10px, calc(20px + 20 * (100vw - 720px) / 720), 20px);
    --font-md: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px);
    --font-lg: clamp(20px, calc(40px + 40 * (100vw - 720px) / 720), 40px);
    --font-sm22: clamp(11px, calc(22px + 22 * (100vw - 720px) / 720), 22px);
}
#hopenavi a,.hope h1,.hope h2,.hope h3,.hope a,.hope div,.hope span,.hope a,.hope p,.hope i,.hope li,.hope b,.hope td,.hope th{font-family: 'Pretendard' !important; letter-spacing: -1.2px;line-height: 150%;}
.hopewrap{max-width: 1920px; position: relative;margin: auto;overflow: hidden;}
.hopewrap.hopeweb{width: 100%;max-width: 1920px;margin: auto; position: relative; min-width: 1300px;overflow: hidden;}
.hopewrap .hope{width: 100%;margin: 0 auto; position: relative;}
.hopewrap .hope img{display:block;}
.hopewrap,.hope{width: 100%;position: relative;max-width: 1920px;margin: auto;}
.hopewrap .webinner{width: 1300px; margin: auto;position: relative;}
.hopewrap.hopeweb img,.hopewrap .webinner img{width: auto;display: inline-block;}
.hopewrap .inner{max-width: 720px; margin: auto;position: relative;}
.hopewrap .blind{position: absolute; clip: rect(0 0 0 0);width: 1px; height: 1px;margin: -1px;overflow: hidden;}
.hopewrap .hopeevent1{background: url(/resources/2026/web/images/event/event_bg1.png) repeat;}
.hopewrap .hopeevent1 .inner em{width: 29.5%; padding:1.3% 0 2.3% 2%;display: inline-block;}
.hopewrap .hopeevent1 .inner h1{color:#000;font-family: var(--gyu) !important;font-size: clamp(36px, calc(72px + 72 * (100vw - 720px) / 720), 72px);line-height: clamp(47px, calc(94px + 94 * (100vw - 720px) / 720), 94px);text-align: center;position: relative;animation: fade-in-top 1s linear both;margin-bottom: 5%;font-weight: 700;}
.hopewrap .hopeevent1 .inner h1:after{content: '';position: absolute;width: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px);height: clamp(22px, calc(44px + 44 * (100vw - 720px) / 720), 44px); left: 61.5%; top: 61%;animation:jello-horizontal .9s both 1s;opacity: 0;background: url(/resources/2026/web/images/event/ev_textob.png) no-repeat;background-size: cover;}
.hopewrap .hopeevent1 .inner h1 i{font-family: var(--gyu) !important;font-size: clamp(36px, calc(72px + 72 * (100vw - 720px) / 720), 72px);line-height: clamp(47px, calc(94px + 94 * (100vw - 720px) / 720), 94px);font-weight: 700;}
.hopewrap .hopeevent1 .inner h1 i.co1{color:#f9b600}
.hopewrap .hopeevent1 .inner h1 i.co2{color:#ff5a66}
.hopewrap .hopeevent1 .inner h1 i.co3{color:#2ab73e}
.hopewrap .hopeevent1 .inner h1 i.co4{color:#12a1f3}
.hopewrap .hopeevent1 .inner .hopelogos{background: url(/resources/2026/web/images/event/ev_mainlogo_bg.png) no-repeat;width: clamp(195px, calc(390px + 390 * (100vw - 720px) / 720), 390px);height: clamp(206.5px, calc(413px + 413 * (100vw - 720px) / 720), 413px);background-size: cover;margin: auto;position: relative;margin-bottom: 7.5%;}
.hopewrap .hopeevent1 .inner .hopelogos img{width: 48.206%; position: absolute;left: 26%;top: 17%;animation:slide-in-elliptic-top-fwd 1s cubic-bezier(.25,.46,.45,.94) both}
.hopewrap .hopeevent1 .inner p.T1{text-align: center;position: relative;margin-bottom: 3%;}
.hopewrap .hopeevent1 .inner p.T1 span,.hopewrap .hopeevent1 .inner p.T1 span i{position: relative;}
.hopewrap .hopeevent1 .inner p.T1 b{position: absolute;width: 0%;background: url(/resources/2026/web/images/event/ev_lin1.png) no-repeat;height:clamp(8px, calc(16px + 16 * (100vw - 720px) / 720), 16px);background-size: cover;left: 0%;margin-top: 17%;animation: w100 1s linear both;}
.hopewrap .hopeevent1 .inner p.T1 span i{color:#020101;font-family: var(--gyu) !important;font-size: clamp(16px, calc(32px + 32 * (100vw - 720px) / 720), 32px);;position: relative;padding: 0 3%;}
.hopewrap .hopeevent1 .inner p.T1:after{content: '';position: absolute;width: clamp(10.5px, calc(21px + 21 * (100vw - 720px) / 720), 21px);height: clamp(11.5px, calc(23px + 23 * (100vw - 720px) / 720), 23px); left: 60.3%; top: 17%;animation:jello-horizontal .9s both 1s;opacity: 0;background: url(/resources/2026/web/images/event/ev_T1_de.png) no-repeat;background-size: cover;}
.hopewrap .hopeevent1 .inner p.T2{font-size: clamp(14px, calc(28px + 28 * (100vw - 720px) / 720), 28px);color:#1e1a19;text-align: center;margin-bottom: 5%;}
.hopewrap .hopeevent1 .inner p.T2 i{font-weight: 700;font-size: clamp(14px, calc(28px + 28 * (100vw - 720px) / 720), 28px);color:#1e1a19;line-height: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px);}
.hopewrap .hopeevent1 .inner .scrolls{width: 8.346%; margin: auto;position: relative;padding-bottom: 5%;}
.hopewrap .hopeevent1 .inner .scrolls:after{content: '';position: absolute;background: url(/resources/2026/web/images/event/ev_scrolls_in.png) no-repeat;width: clamp(7px, calc(14px + 14 * (100vw - 720px) / 720), 14px);height: clamp(5px, calc(10px + 10 * (100vw - 720px) / 720), 10px); left: 40%; top: 17%;animation:scrolls .9s infinite alternate;}
.hopewrap .hopeevent1 .ob{position: absolute;left: 50%;}
.hopewrap .hopeevent1 .ob img{width: auto;}
.hopewrap .hopeevent1 .ob1{margin-left: -848px; top: 59px;animation: scales 1s linear infinite alternate}
.hopewrap .hopeevent1 .ob2{margin-left: -811px; top: 114px;animation: leftfloat 1s linear infinite alternate 0.2s}
.hopewrap .hopeevent1 .ob3{margin-left: -567px; top: 193px;animation: leftfloat 1s linear infinite alternate}
.hopewrap .hopeevent1 .ob4{width: 17.084%;margin-left: 20%; top: 1%;animation: topfloat 1s linear infinite alternate;}
.hopewrap .hopeevent1 .ob4 img,.hopewrap .hopeevent1 .ob7 img,.hopewrap .hopeevent1 .ob10 img,.hopewrap .hopeevent1 .ob11 img{width: 100%;}
.hopewrap .hopeevent1 .ob5{margin-left: 520px; top: 82px;animation: leftfloat 1s linear infinite alternate 0.2s}
.hopewrap .hopeevent1 .ob6{margin-left: 742px; top: 164px;animation: leftfloat 1s linear infinite alternate}
.hopewrap .hopeevent1 .ob7{margin-left: 26%; top: 29%;width: 11.39%;animation: rot 0.5s linear infinite alternate}
.hopewrap .hopeevent1 .ob8{margin-left: -819px; top: 734px;animation: rot 1.5s linear infinite alternate;transform-origin: 50% 100%;}
.hopewrap .hopeevent1 .ob9{margin-left: -640px; top: 549px;}
.hopewrap .hopeevent1 .ob10{margin-left: -47%; top: 51%;width: 18.89%;animation: rot 1.5s linear infinite alternate;transform-origin: 70% 0%;}
.hopewrap .hopeevent1 .ob11{margin-left: 22%; top: 54%;width: 23.89%;}
.hopewrap .hopeevent1 .ob12{margin-left: 539px; top: 647px;}
.hopewrap .hopeevent1 .ob13{margin-left: 732px; top: 473px;animation:scrolls .9s infinite alternate-reverse;}
.hopewrap .hopeevent1 .ob14{margin-left: 775px; top: 706px;}
.hopewrap .hopeevent2{background: #febc4e;}
.hopewrap .hopeevent2 .inner{z-index: 2;}
.hopewrap .hopeevent2 .ev_albumn{position: relative;text-align: center;padding: 10% 0 5% 0;}
.hopewrap .hopeevent2 .ev_albumn span{width: 8.612%; display: inline-block;position: absolute;top: 12%;left: 42%;z-index: 1;}
.hopewrap .hopeevent2 .ev_albumn .albums{width: 62.363%;margin: auto;transform-origin: 50% 0;animation: rot1 1s steps(5) infinite alternate;}
.hopewrap .hopeevent2 .ev_albumn i{position: absolute;}
.hopewrap .hopeevent2 .ev_albumn i.de1.on{animation: clips1 1s linear both 0.2s;}
.hopewrap .hopeevent2 .ev_albumn i.de2.on{animation: clips 1s linear both;}
.hopewrap .hopeevent2 .ev_albumn i.de1{width: 13.75%; left: 77%; top: 36%;clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);}
.hopewrap .hopeevent2 .ev_albumn i.de2{width: 15.417%; left: 3%; top: 23%;clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}
.hopewrap .hopeevent2 .ev_albumn i.de3{width: 15.418%; left: 12%; top: 69%;}
.hopewrap .hopeevent2 .ev_albumn i.de4{width: 13.195%; left: 78%; top: 15%;}
.hopewrap .hopeevent2 h2{color:#000;font-size: clamp(20px, calc(40px + 40 * (100vw - 720px) / 720), 40px);font-family: var(--sb3) !important;margin-bottom: 3.5%;text-align: center;}
.hopewrap .hopeevent2 p.T1,.hopewrap .hopeevent2 p.T2{color:#1e1a19;font-size: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px);line-height: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px);text-align: center;}
.hopewrap .hopeevent2 p.T1{margin-bottom: 3%;}
.hopewrap .hopeevent2 p.T2{margin-bottom: 5%;}
.hopewrap .hopeevent2 .hopeevbtn{text-align: center;margin-bottom: 8%;}
.hopewrap .hopeevent2 .hopeevbtn a{background: #42aa45;font-size: clamp(20px, calc(40px + 40 * (100vw - 720px) / 720), 40px);color:#fff;font-family: var(--sb3) !important;padding: 4.04% 6.5% 3.60% 6.5%;display: inline-block;border-radius: 20px;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.hopewrap .hopeevent2 .hopeevbtn a i{color:#fff151;font-family: var(--sb3) !important}
.hopewrap .hopeevent2 p.T3{font-size: clamp(17px, calc(34px + 34 * (100vw - 720px) / 720), 34px);color: #1e1a19;font-family: var(--sb3) !important;padding-bottom: 16%;text-align: center;}
.hopewrap .hopeevent2 .hopeload{background: url(/resources/2026/web/images/event/ev_load.png) no-repeat;width: clamp(960px, calc(1920px + 1920 * (100vw - 720px) / 720), 1920px);height: clamp(316.5px, calc(633px + 633 * (100vw - 720px) / 720), 633px);position: absolute;top: 39.5%;left: 50%;transform: translate(-50%,0);background-size: cover;}
.hopewrap .hopeevent2 .hopeload.on{animation: clips 2s linear both;}
.hopewrap .hopeevent2 i.icons{position: absolute;left: 50%;}
.hopewrap .hopeevent2 i.icons img{width: auto;}
.hopewrap .hopeevent2 i.icons1{margin-left: -884px;top: 674px;}
.hopewrap .hopeevent2 i.icons2{margin-left: -667px;top: 872px;}
.hopewrap .hopeevent2 i.icons3{margin-left: 578px;top: 609px;}
.hopewrap .hopeevent2 i.icons4{margin-left: 791px;top: 486px;}
.hopewrap .hopeevent3{background: #f1fbff;}
.hopewrap .hopeevent3 .inner{padding-bottom: clamp(75px, calc(130px + 130 * (100vw - 720px) / 720), 130px);}
.hopewrap .hopeevent3 h2{padding: 11.5% 0 0% 0;text-align: center;}
.hopewrap .hopeevent3 h2 i{font-family: var(--gyu) !important;font-size: clamp(50px, calc(100px + 100 * (100vw - 720px) / 720), 100px);}
.hopewrap .hopeevent3 h2 i.co1{color:#f9b600}
.hopewrap .hopeevent3 h2 i.co2{color:#ff5a66}
.hopewrap .hopeevent3 h2 i.co3{color:#2ab73e}
.hopewrap .hopeevent3 h2 i.co4{color:#12a1f3}
.hopewrap .hopeevent3 p.T1{text-align: center;position: relative;margin-bottom: 3%;margin-top: -1%;}
.hopewrap .hopeevent3 p.T1.on b{animation: w100 1s linear both;}
.hopewrap .hopeevent3 p.T1 span,.hopewrap .hopeevent3 .inner p.T1 span i{position: relative;}
.hopewrap .hopeevent3 p.T1 b{position: absolute;width: 0%;background: url(/resources/2026/web/images/event/ev_lin1.png) no-repeat;height:clamp(8px, calc(16px + 16 * (100vw - 720px) / 720), 16px);background-size: cover;left: 0%;margin-top: 29%}
.hopewrap .hopeevent3 p.T1 span i{color:#020101;font-family: var(--sb3) !important;font-size: clamp(20px, calc(40px + 40 * (100vw - 720px) / 720), 40px);;position: relative;padding: 0 3%;}
.hopewrap .hopeevent3 p.T2{font-size: clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px);font-family: var(--sb3) !important;color:#020101;text-align: center;line-height: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px);margin-bottom: 2.7%;}
.hopewrap .hopeevent3 p.T2 i{font-family: var(--sb3) !important;}
.hopewrap .hopeevent3 p.T2 i.co1{color:#0591e1}
.hopewrap .hopeevent3 p.T2 i.co2{color:#ff5966}
.hopewrap .hopeevent3 p.T2 i.co3{color:#2ab73e}
.hopewrap .hopeevent3 p.T3{color:#1e1a19;font-size: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px);line-height: clamp(24.5px, calc(49px + 49 * (100vw - 720px) / 720), 49px);text-align: center;margin-bottom: 5%;}
.hopewrap .hopeevent3 p.T3 i{color:#1e1a19;font-weight: 700;}
.hopewrap .hopeevent3 .textbox{text-align: center;margin-bottom: 8%;}
.hopewrap .hopeevent3 .textbox span{display: inline-block;padding:1.2% 7.5%;border-radius: 100px;}
.hopewrap .hopeevent3 .textbox span i,.hopewrap .hopeevent3 .textbox span{font-size: clamp(12px, calc(24px + 24 * (100vw - 720px) / 720), 24px);}
.hopewrap .hopeevent3 .textbox span:nth-of-type(1){border:2px solid #22ab35;}
.hopewrap .hopeevent3 .textbox span:nth-of-type(2){border:2px solid #f9b600;}
.hopewrap .hopeevent3 .textbox span:nth-of-type(3){border:2px solid #0591e1;margin-top: 1%;}
.hopewrap .hopeevent3 .textbox span:nth-of-type(1) i{color: #22ab35;}
.hopewrap .hopeevent3 .textbox span:nth-of-type(2) i{color: #f9b600;}
.hopewrap .hopeevent3 .textbox span:nth-of-type(3) i{color: #0591e1;}
.hopewrap .hopeevent3 h3.ti1{color:#020101;font-size: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px); font-family: var(--sb3) !important;position: relative;text-align: center;margin-bottom: 10%;}
.hopewrap .hopeevent3 h3.ti1:after{content: '';position: absolute;width: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px);height: clamp(24.5px, calc(49px + 49 * (100vw - 720px) / 720), 49px); left: 50%; margin-top: 10.5%;transform: translate(-50%,0); background: url(/resources/2026/web/images/event/ev_arow.png) no-repeat;background-size: cover;clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);}
.hopewrap .hopeevent3 h3.ti1.on:after{animation:clips2 .9s both}
.hopewrap .hopeevent3 .eximg{opacity: 0;margin-bottom: 3%;}
.hopewrap .hopeevent3 .eximg.on{animation: fade-in-top 1s linear both 1s;}
.hopewrap .hopeevent3 p.T4{color:#1e1a19;font-size: clamp(10.5px, calc(21px + 21 * (100vw - 720px) / 720), 21px); position: relative;text-align: center;margin-bottom: 13%;}
.hopewrap .hopeevent3 p.T4 i{color:#42aa45}
.hopewrap .hopeevent3 h3.ti2{color:#020101;font-size: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px); font-family: var(--sb3) !important;position: relative;text-align: center;margin-bottom: 3%;}
.hopewrap .hopeevent3 .dates{display: flex;align-items: center;justify-content: center;width: 90%; margin: auto;margin-bottom: 1%;border-radius: 100px; overflow: hidden;box-shadow: 5px 5px 5px rgba(0,0,0,0.1);}
.hopewrap .hopeevent3 .dates span{display: inline-block;padding: 2% 5%;background: #fff;font-size: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px);text-align: center;width: 70%;}
.hopewrap .hopeevent3 .dates span:nth-of-type(1){width: 30%; font-family: var(--sb3) !important;background: #f25130;color:#fff;padding: 2.5% 5% 1.5% 5%;font-size: clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px)}
.hopewrap .hopeevent3 .dates2{margin-bottom: 10%;}
.hopewrap .hopeevent3 .dates2 span:nth-of-type(1){background: #42aa45;}
.hopewrap .hopeevent3 h3.ti3{color:#020101;font-size: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px); font-family: var(--sb3) !important;position: relative;text-align: center;margin-bottom: 3%;}
.hopewrap .hopeevent3 ul{display: flex;align-items: center;justify-content: center;gap: 10px;margin-bottom: 3%;}
.hopewrap .hopeevent3 ul li{position: relative;box-shadow: 0 0 10px rgba(0,0,0,0.1);border-radius: 10px; overflow: hidden;opacity: 0;;}
.hopewrap .hopeevent3 ul li.on{animation: fade-in-top 1s linear both;}
.hopewrap .hopeevent3 ul li:nth-of-type(2).on{animation-delay: 0.2s;}
.hopewrap .hopeevent3 ul li:nth-of-type(3).on{animation-delay: 0.4s;}
.hopewrap .hopeevent3 ul li p.ST1{position: absolute;width: 100%;font-size: clamp(10px, calc(20px + 20 * (100vw - 720px) / 720), 20px); color:#1e1a19;top: 56%;text-align: center;}
.hopewrap .hopeevent3 ul li p.ST1 i{color:#1e1a19;font-family: var(--sb3) !important;}
.hopewrap .hopeevent3 p.T5{color:#1e1a19;font-size: clamp(10px, calc(20px + 20 * (100vw - 720px) / 720), 20px); position: relative;text-align: center;margin-bottom: 4%;}
.hopewrap .hopeevent3 p.T5 i{color:#42aa45;font-size: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px);font-family: var(--sb3) !important; line-height: clamp(29px, calc(58px + 58 * (100vw - 720px) / 720), 58px);vertical-align: top;}
.hopewrap .hopeevent3 h3.ti4{color:#020101;font-size: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px); font-family: var(--sb3) !important;position: relative;text-align: center;margin-bottom: 3%;}
.hopewrap .hopeevent3 .awardarea{display: flex;align-items: center;justify-content: center;position: relative;margin-bottom: 1%;}
.hopewrap .hopeevent3 .awardarea .awards{margin: 0 -2.5%;}
.hopewrap .hopeevent3 .awardarea .awards.aw1{width: 30%;}
.hopewrap .hopeevent3 .awardarea .awards.aw2{width: 35.556%;opacity: 0;}
.hopewrap .hopeevent3 .awardarea .awards.aw2.on{animation: scaleopa 1s linear both 0.5s;}
.hopewrap .hopeevent3 .awardarea .obs{position: absolute;}
.hopewrap .hopeevent3 .awardarea .obs1{width: 6.945%;left: 40.5%;top: 26%;clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}
.hopewrap .hopeevent3 .awardarea .obs1.on{animation: clips 0.5s linear both;}
.hopewrap .hopeevent3 .awardarea .obs2{left: 4%; width: 21.528%;top: 38%;}
.hopewrap .hopeevent3 .awardarea .obs3{width: 17.918%;left: 72%;top: 52%;}
.hopewrap .hopeevent3 .awardarea .obs4{width: 100%;left: 0%;top: 5%;transform-origin: 50% 100%;}
.hopewrap .hopeevent3 .awardarea .obs4.on{animation: hatch 0.5s ease-in-out both; }
.hopewrap .hopeevent3 p.T6 span{color:#1e1a19;font-size: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px);}
.hopewrap .hopeevent3 p.T6{color:#1e1a19;font-size: clamp(17.5px, calc(35px + 35 * (100vw - 720px) / 720), 35px);font-family: var(--sb3) !important;line-height: clamp(20.5px, calc(41px + 41 * (100vw - 720px) / 720), 41px);text-align: center;margin-bottom: 9%;}
.hopewrap .hopeevent3 p.T6 i{color:#f25130;font-size: clamp(17.4px, calc(35px + 35 * (100vw - 720px) / 720), 35px);font-family: var(--sb3) !important}
.hopewrap .hopeevent3 .presentbox{position: relative;background: #3ac9b9;padding: 6%;width: 89%;margin: auto;border-radius: 10px;box-shadow: 0 0 10px  rgba(0,0,0,0.1);}
.hopewrap .hopeevent3 .presentbox p.T7 i{color:#fff;font-size: clamp(17.4px, calc(35px + 35 * (100vw - 720px) / 720), 35px);font-family: var(--sb3) !important}
.hopewrap .hopeevent3 .presentbox p.T7{color:#1e1a19;font-size: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px);}
.hopewrap .hopeevent3 .presentbox p.T7:before{content: '';position: absolute;background: url(/resources/2026/web/images/event/ev_ob30.png) no-repeat;width: clamp(72.5px, calc(145px + 145 * (100vw - 720px) / 720), 145px);height: clamp(28px, calc(56px + 56 * (100vw - 720px) / 720), 56px);margin-top: -15.4%; left: 50%; transform: translate(-50%,0);background-size: cover;}
.hopewrap .hopeevent3 .presentbox p.T7 span{font-weight: 700;color:#1e1a19;}
.hopewrap .hopeevent3 .ev_ob{position: absolute;}
.hopewrap .hopeevent3 .ev_ob1{width: 28.474%;left: 80%; top: 3.5%;}
.hopewrap .hopeevent3 .ev_ob1 img{width: 100% !important;}
.hopewrap .hopeevent3 .ev_ob1:before{content: '';position: absolute;background: url(/resources/2026/web/images/event/ev_ob20.png) no-repeat;width: clamp(69px, calc(138px + 138 * (100vw - 720px) / 720), 138px);height: clamp(30px, calc(60px + 60 * (100vw - 720px) / 720), 60px);top:109%; left: 65%; transform: translate(-50%,0);background-size: cover;clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}
.hopewrap .hopeevent3 .ev_ob1.on:before{animation: clips 0.5s linear both;}
.hopewrap .hopeevent3 .ev_ob2{left: 50%; margin-left: -621px; top: 1309px;}
.hopewrap .hopeevent3 .ev_ob2 img,.hopewrap .hopeevent3 .ev_ob3 img,.hopewrap .hopeevent3 .ev_ob img{width: auto;}
.hopewrap .hopeevent3 .ev_ob2:before{content: '';position: absolute;background: url(/resources/2026/web/images/event/ev_ob22.png) no-repeat;width: 89px;height: 55px;top:109%; left: 84%; transform: translate(-50%,0);background-size: cover;clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}
.hopewrap .hopeevent3 .ev_ob2.on:before{animation: clips 0.5s linear both;}
.hopewrap .hopeevent3 .ev_ob3{left: 50%; margin-left: -821px; bottom: 533px;}
.hopewrap .hopeevent3 .ev_ob4{left: 50%; margin-left: 546px; bottom: 529px;animation: rot 1.5s linear infinite alternate;transform-origin: 50% 100%;}
.hopewrap .hopeevent4{background: url(/resources/2026/web/images/event/event_bg2.png) repeat;}
.hopewrap .hopeevent4 h2{color:#0651b1;font-size: clamp(35px, calc(70px + 70 * (100vw - 720px) / 720), 70px);font-family: var(--sb3) !important;padding: 13% 0 0% 0;text-align: center;}
.hopewrap .hopeevent4 p.T1{color:#1e1a19;font-size: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px); position: relative;text-align: center;margin-bottom: 4%;}
.hopewrap .hopeevent4 p.T1 i{color:#42aa45;font-size: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px);font-family: var(--sb3) !important; line-height: clamp(35px, calc(70px + 70 * (100vw - 720px) / 720), 70px);vertical-align: top;}
.hopewrap .hopeevent4 .upload-wrap {width: 90%; margin: auto;}
.hopewrap .hopeevent4 .upload-top {display: flex; flex-direction: column; gap: 10px;}
.hopewrap .hopeevent4 .title {font-size: clamp(20px, calc(40px + 40 * (100vw - 720px) / 720), 40px); color:#1e1a19;font-family: var(--sb3) !important;}
.hopewrap .hopeevent4 .file-input-area {display: flex; gap: 10px; align-items: center;}
.hopewrap .hopeevent4 .file-text {flex: 1; padding: 3.01%;border: 1px solid #ccc; border-radius: 12px;font-size: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px); color: #555; background: #fff;}
.hopewrap .hopeevent4 .file-btn { padding: 4.183% 0 3.383% 0;font-size: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px); font-weight: 700;background: #0b57c7;color: #fff;border-radius: 12px;border: none; cursor: pointer;width: 33%;font-family: var(--sb3) !important;}
.hopewrap .hopeevent4 .file-btn:hover {background: #0848a8;}
.hopewrap .hopeevent4 .upload-guide {margin: 3% 0 5%;padding-left: 0; list-style: none; font-size: clamp(10px, calc(20px + 20 * (100vw - 720px) / 720), 20px);color: #333;}
.hopewrap .hopeevent4 .preview-wrap {position: relative; border: 1px solid #cacfd9;border-radius: 8px;padding: 1%;background: #fff;margin-bottom: 5%;text-align: center;}
.hopewrap .hopeevent4 .preview-wrap img {width: 100%;display: inline-block;border-radius: 4px;max-width: 630px;}
.hopewrap .hopeevent4 .preview-remove {position: absolute; cursor: pointer;margin-top: -4%; right: -3.5%;background: url(/resources/2026/web/images/event/lX.png) no-repeat;width: clamp(22.5px, calc(45px + 45 * (100vw - 720px) / 720), 45px);height: clamp(22.5px, calc(45px + 45 * (100vw - 720px) / 720), 45px);background-size: cover;}
.hopewrap .hopeevent4 .form-wrap {width: 90%;margin: 0 auto;display: flex;flex-direction: column;gap: var(--space2);}
.hopewrap .hopeevent4 .form-wrap .form-title {font-size: var(--font-lg);font-weight: 700;color:#1e1a19;font-family: var(--sb3) !important;}
.hopewrap .hopeevent4 .form-wrap .input {width: 100%;height: clamp(40px, calc(80px + 80 * (100vw - 720px) / 720), 80px);padding: 0 var(--space);border-radius: var(--radius);border: 1px solid #dcdcdc;font-size: var(--font-md);}
.hopewrap .hopeevent4 .form-wrap .input::placeholder {color: #aaa;}
.hopewrap .hopeevent4 .form-wrap .row {display: flex; gap: var(--space2);}
.hopewrap .hopeevent4 .form-wrap .grow {flex: 1;}
.hopewrap .hopeevent4 .form-wrap .full {width: 100%;}
.hopewrap .hopeevent4 .form-wrap .row .btn { height: clamp(40px, calc(80px + 80 * (100vw - 720px) / 720), 80px); border-radius: var(--radius); font-size: var(--font-md); font-weight: 600;border: none;cursor: pointer;width: clamp(85px, calc(170px + 170 * (100vw - 720px) / 720), 170px);font-family: var(--sb3) !important}
.hopewrap .hopeevent4 .form-wrap .row .btn.B1{width: clamp(85px, calc(170px + 170 * (100vw - 720px) / 720), 170px);}
.hopewrap .hopeevent4 .form-wrap .row .btn.B2{width: clamp(130px, calc(260px + 260 * (100vw - 720px) / 720), 260px);}
.hopewrap .hopeevent4 .form-wrap .row .btn.green {background: #4CAF50; color: #fff;}
.hopewrap .hopeevent4 .form-wrap .row .btn.dark {background: #222;color: #fff; min-width: clamp(80px, calc(90px + 40 * (100vw - 720px) / 720), 120px);}
.hopewrap .hopeevent4 .form-wrap .desc {font-size: var(--font-sm);color: #666; margin-bottom: 3%;}
.hopewrap .hopeevent4 .form-wrap .agree {display: flex;flex-direction: column; gap: var(--space2);margin-top: 3%;}
.hopewrap .hopeevent4 .form-wrap .form_T1{color:#222;font-size: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px);position: relative;padding-left: 5%;}
.hopewrap .hopeevent4 .form-wrap .form_T1::before{content: '*';position: absolute;left: 0.5%;font-size: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px); font-weight: 700;color:#0651b1;margin-top: 1%;}
.hopewrap .hopeevent4 .form-wrap .form_T1 i{color:#0651b1;font-weight: 700;}
.hopewrap .hopeevent4 .form-wrap .form_T2{color:#222;font-size: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px);position: relative;padding:0 0 5% 5%;}
.hopewrap .hopeevent4 .form-wrap .form_T2::before{content: '*';position: absolute;left: 0.5%;font-size: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px); font-weight: 700;color:#0651b1;margin-top: 1%;}
/* .hopewrap .hopeevent4 .form-wrap .agree-title{color:#1e1a19;font-size: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px); position: relative;padding-left: 5%;font-weight: 700;}
.hopewrap .hopeevent4 .form-wrap .agree-title i{color:#42aa45;font-size: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px);font-family: var(--sb3) !important; position: absolute;left: 0%;margin-top: -0.5%;} */
.hopewrap .hopeevent4 .agree{margin-bottom: 8%;}
.hopewrap .hopeevent4 .agree-row{display: flex;align-items: center;justify-content: space-between;}
.hopewrap .hopeevent4 .agree-row .btn { border-radius: var(--radius); font-size: var(--font-sm); font-weight: 600;border: none;cursor: pointer;font-family: var(--sb3) !important;color:#fff; background: #000;border-radius: 100px;padding:1.5% 3% 1% 3%;}
.hopewrap .hopeevent4 .check {display: flex; align-items: center; gap: clamp(7px, calc(14px + 14 * (100vw - 720px) / 720), 14px);font-size: var(--font-md);cursor: pointer;width: 75%;}
.hopewrap .hopeevent4 .check input {display: none;}
.hopewrap .hopeevent4 .check span{position: relative;color:#1e1a19;padding-left: 8%;}
.hopewrap .hopeevent4 .check span i{color: #42aa45;}
.hopewrap .hopeevent4 .check span::before {content: "";position: absolute;left: 0;margin-top: 1%; display: inline-block;vertical-align: middle; width: clamp(14px, calc(28px + 28 * (100vw - 720px) / 720), 28px);height: clamp(14px, calc(28px + 28 * (100vw - 720px) / 720), 28px); line-height: clamp(12px, calc(24px + 24 * (100vw - 720px) / 720), 24px);border-radius: 5px;background: #fff; border: 2px solid #bbb; margin-right: clamp(6px, calc(12px + 12 * (100vw - 720px) / 720), 12px); font-size: clamp(9px, calc(18px + 18 * (100vw - 720px) / 720), 18px); transition: all 0.2s ease;}
.hopewrap .hopeevent4 .check input:checked + span::before {background: #4CAF50;border: 2px solid #4CAF50;color: #fff;content: "✓";text-align: center;line-height: clamp(12px, calc(24px + 24 * (100vw - 720px) / 720), 24px);}
.hopewrap .hopeevent4 .check.all span {font-weight: 700;color: #42aa45}
.hopewrap .hopeevent4 .schoolsel{display: flex;align-items: center;justify-content: flex-start;margin-bottom: 3%;width: 50%;}
.hopewrap .hopeevent4 .schoolsel .agree-row{width: 100%;}
.hopewrap .hopeevent4 .agreebtn{text-align: center;width: 72.532%;margin: auto;padding-bottom: 10%;}
.hopewrap .hopeevent4 .agreebtn a img{filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.2));}
.hopewrap .hopeevent4 .ev_layer{position: fixed;width: 96%;left: 50%;top: 50%; transform: translate(-50%,-50%);background: #fff;z-index: 10;max-width: 680px;border-radius: var(--radius2)}
.hopewrap .hopeevent4 .ev_layer .layerhead{background: #42aa45;padding: 2.8% 0 2.4% 0;text-align: center;border-radius: var(--radius2) var(--radius2) 0 0 !important;position: relative;}
.hopewrap .hopeevent4 .ev_layer .lx{position: absolute;width: 8.824%; margin-top: -4%; right: -2%;z-index: 11;}
.hopewrap .hopeevent4 .ev_layer .layerhead .lT1{color:#fff; font-family: var(--sb3) !important;font-size: clamp(22.5px, calc(45px + 45 * (100vw - 720px) / 720), 45px);position: relative;}
.hopewrap .hopeevent4 .schlayer .layerhead:before{content: '';position: absolute;background: url(/resources/2026/web/images/event/ev_popimg1.png) no-repeat;width: clamp(58px, calc(116px + 116 * (100vw - 720px) / 720), 116px);height: clamp(38.5px, calc(77px + 77 * (100vw - 720px) / 720), 77px);background-size: cover;left: 8%; bottom: 0;}
.hopewrap .hopeevent4 .addlayer .layerhead:before{content: '';position: absolute;background: url(/resources/2026/web/images/event/ev_popimg2.png) no-repeat;width: clamp(63px, calc(126px + 126 * (100vw - 720px) / 720), 126px);height: clamp(39px, calc(78px + 78 * (100vw - 720px) / 720), 78px);background-size: cover;left: 8%; bottom: 0;}
.hopewrap .hopeevent4 .ev_layer .layerbody{background: #fff;border-radius: 0 0 var(--radius2) var(--radius2) !important;padding: 5%;}
.hopewrap .hopeevent4 .ev_layer .layerbody .input {width: 100%;height: clamp(40px, calc(80px + 80 * (100vw - 720px) / 720), 80px);padding: 0 var(--space);border-radius: var(--radius);border: 1px solid #dcdcdc;font-size: var(--font-md);}
.hopewrap .hopeevent4 .ev_layer .layerbody .input::placeholder {color: #aaa;}
.hopewrap .hopeevent4 .ev_layer .layerbody .row {display: flex; margin-bottom: 5%;gap: var(--space2);}
.hopewrap .hopeevent4 .ev_layer .layerbody .grow {flex: 1;}
.hopewrap .hopeevent4 .ev_layer .layerbody .full {width: 100%;}
.hopewrap .hopeevent4 .ev_layer .layerbody .row .btn { height: clamp(40px, calc(80px + 80 * (100vw - 720px) / 720), 80px); border-radius: var(--radius); font-size: var(--font-md); font-weight: 600;border: none;cursor: pointer;width: clamp(85px, calc(170px + 170 * (100vw - 720px) / 720), 170px);font-family: var(--sb3) !important}
.hopewrap .hopeevent4 .ev_layer .layerbody .row .btn.green {background: #4CAF50; color: #fff;}
.hopewrap .hopeevent4 .ev_layer .layerbody .lT2{color:#1e1a19;font-size: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px); position: relative;padding:0 0 3% 5%;font-weight: 700;}
.hopewrap .hopeevent4 .ev_layer .layerbody .lT2 i{color:#42aa45;font-size: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px);font-family: var(--sb3) !important; position: absolute;left: 0%;margin-top: -0.5%;}
.hopewrap .hopeevent4 .schlayer .layerbody .schview{border: 1px solid #dcdcdc;border-radius: var(--radius2) !important;padding: 3%;max-height: 260px; overflow-y: scroll;}
.hopewrap .hopeevent4 .schlayer .layerbody .schview a{font-size: var(--font-sm22) !important;color:#1e1a19;margin-bottom: 3%;display: block;}
.hopewrap .hopeevent4 .addlayer .layerbody .lT3{font-size: var(--font-sm22) !important;color:#1e1a19;padding-left: 5%;}
.hopewrap .hopeevent4 .addlayer .layerbody .lT3 i{font-size: var(--font-sm22) !important;color:#42aa45}
.hopewrap .hopeevent4 .personlayer .layerbody .lT2,.hopewrap .hopeevent4 .suplayer .layerbody .lT2{color:#1e1a19;font-size: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px); position: relative;padding:0 0 3% 5%;font-weight: 700;}
.hopewrap .hopeevent4 .personlayer .layerbody .lT2 i,.hopewrap .hopeevent4 .suplayer .layerbody .lT2 i{color:#42aa45;font-size: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px);font-family: var(--sb3) !important; position: absolute;left: 0%;margin-top: -0.5%;}
.hopewrap .hopeevent4 .personlayer .layerbody .lT2 span,.hopewrap .hopeevent4 .suplayer .layerbody .lT2 span{color:#42aa45}
.hopewrap .hopeevent4 .ev_layer .layerbody table{width: 100%;margin-bottom: 5%;}
.hopewrap .hopeevent4 .ev_layer .layerbody table td,.hopewrap .hopeevent4 .ev_layer .layerbody table th{text-align: center;font-size: var(--font-sm22) !important;border: 1px solid #cacfd9;vertical-align: middle;padding: 2.5% 0;font-weight: 700;}
.hopewrap .hopeevent4 .ev_layer .layerbody table td{border-right: 0;}
.hopewrap .hopeevent4 .ev_layer .layerbody table th{border-left: 0;}
.hopewrap .hopeevent4 .ev_layer .layerbody table th{font-weight: 700;width: 30%;}
.hopewrap .hopeevent4 .ev_layer .layerbody .lT4{font-size: var(--font-sm22) !important;color:#1e1a19;padding-left: 3%;position: relative;}
.hopewrap .hopeevent4 .ev_layer .layerbody .lT4:before{content: '*';position: absolute;left: 0;font-size: var(--font-sm22) !important;color:#1e1a19;}
.hopewrap .hopeevent4 .ev_layer .layerbody .lT4 i{font-size: var(--font-sm22) !important;color:#42aa45;text-decoration: underline;}
.hopewrap .hopeevent4 .ev_layer .layerbody .lT4 span{font-size: var(--font-sm22) !important;font-weight: 700;color:#1e1a19;text-decoration: underline;}
.ev_bgs{position: fixed;width: 100%; height: 100%; left: 0;top: 0;background: #000;opacity: 0.2;display: none;}
.hopewrap .hopeevent4 .txtlayer .TboxT1{padding: 10% 0;text-align: center;}
.hopewrap .hopeevent4 .txtlayer .TboxT1{font-size: var(--font-md) !important;color:#1e1a19;font-weight: 700;}
.hopewrap .hopeevent4 .txtlayer .TboxT1 i{font-size: var(--font-md) !important;color:#42aa45;font-weight: 700}
.hopewrap .hopeevent4 .txtlayer .TboxT1 span{font-size: var(--font-sm) !important;color:#1e1a19;font-weight: 400;}
.hopewrap .hopeevent4 .ev_layer{display: none;}
.hopewrap .hopeevent4 .ev_comarea{position: relative;display: none;}
.hopewrap .hopeevent4 .ev_comarea .comT1{text-align: center;font-family: var(--sb3) !important;font-size: clamp(20px, calc(40px + 40 * (100vw - 720px) / 720), 40px);color:#1e1a19;margin-bottom: 5%;position: relative;}
.hopewrap .hopeevent4 .ev_comarea .comT1::before{content: '';position: absolute;left: 50%; background: url(/resources/2026/web/images/event/ev_ob31.png) no-repeat;width: clamp(32.5px, calc(65px + 65 * (100vw - 720px) / 720), 65px);height: clamp(26.5px, calc(53px + 53 * (100vw - 720px) / 720), 53px);background-size: cover;margin-left: -34%;margin-top: -4%;}
.hopewrap .hopeevent4 .ev_comarea .comT1 i{color:#f25130;font-family: var(--sb3) !important;}
.hopewrap .hopeevent4 .ev_comarea .ev_compic{width: 71.667%; margin: auto;margin-bottom: 5%;animation: rot1 1s steps(5) infinite alternate;transform-origin: 50% 0;}
.hopewrap .hopeevent4 .ev_comarea .ev_combtn{width: 79.167%; margin: auto;padding-bottom: 20%;}
.hopewrap .hopeevent4 .ev_comarea .ev_combtn{text-align: center;width: 72.532%;margin: auto;padding-bottom: 10%;}
.hopewrap .hopeevent4 .ev_comarea .ev_combtn a{margin-bottom: 2%;display: inline-block;}
.hopewrap .hopeevent4 .ev_comarea .ev_combtn a img{filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.2));}
.hopewrap .hopeevent4 .ev_comarea .ev_ob{position: absolute;left: 50%;}
.hopewrap .hopeevent4 .ev_comarea .ev_ob1{width: 19.863%;margin-left: -831px;top: 509px;}
.hopewrap .hopeevent4 .ev_comarea .ev_ob1 img{width: 100%;}
.hopewrap .hopeevent4 .ev_comarea .ev_ob2{width: 23.195%;margin-left: -670px;top: 482px;}
.hopewrap .hopeevent4 .ev_comarea .ev_ob3{width: 27.64%;margin-left: 21%;top:44%;animation: rot 1.5s linear infinite alternate;transform-origin: 50% 100%;}
.hopewrap .hopeevent4 .ev_comarea .ev_ob4{width: 8.335%;margin-left: 38%;top:19%;}
.hopewrap .hopeevent4 .ev_comarea .ev_ob5{width: 15.695%;margin-left: 510px;top: 368px;}
.hopewrap .hopeevent4 .ev_comarea .ev_ob6{width: 19.028%;margin-left: 792px;top: 482px;}
.hopewrap .quicks{position: fixed;z-index: 11;bottom: 10px; left: 50%; transform: translate(-50%,0);max-width: 720px;width: 100%;display: block !important;}
.hopewrap .quicks.on{display: none !important;}
.hopewrap .gaevent1{background: #c9e7ff;}
.hopewrap .gaevent1 .inner em{width: 33.806%; padding:1.3% 0 2% 2%;display: inline-block;}
.hopewrap .gaevent1 .inner .gnilogos{width: 20.278%; padding:3% 0 0% 0%;display: inline-block;position: absolute;right: 1%;}
.hopewrap .gaevent1 .inner h1{color:#000;font-family: var(--one) !important;font-size: clamp(42.5px, calc(85px + 85 * (100vw - 720px) / 720), 85px);line-height: clamp(47.5px, calc(95px + 95 * (100vw - 720px) / 720), 95px);; text-align: center;position: relative;animation: fade-in-top 1s linear both;margin-bottom: 5%;font-weight: 400;color:#07a556}
.hopewrap .gaevent1 .inner h1 span{width: 16.806%; display: inline-block;vertical-align: middle;animation: rot2 0.5s steps(3) infinite alternate 0.2s}
.hopewrap .gaevent1 .inner h1 i{line-height: clamp(51px, calc(102px + 102 * (100vw - 720px) / 720), 102px);}
.hopewrap .gaevent1 .inner h1 i.co1{font-family: var(--one) !important;font-size: clamp(47.5px, calc(95px + 95 * (100vw - 720px) / 720), 95px);color:#126ac3;font-weight: 400;}
.hopewrap .gaevent1 .inner h1 i.ani{color:#07a556;font-family: var(--one) !important;font-weight: 400;display: inline-block;}
.hopewrap .gaevent1 .inner h1 i.ani1{transform: rotate(-5deg);animation: rot2 0.5s steps(3) infinite alternate;}
.hopewrap .gaevent1 .inner h1 i.ani2{transform: rotate(5deg);animation: rot3 0.5s steps(3) infinite alternate 0.2s;}
.hopewrap .gaevent1 .inner .gals{position: relative;width: 95%; margin: auto;margin-bottom: 5.5%;}
.hopewrap .gaevent1 .inner .gals em{width: 14%; display: inline-block;position: absolute;top: 12%; left: 18%;z-index: 2;}
.hopewrap .gaevent1 .inner .gals img{filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.3));}
.hopewrap .gaevent1 .inner .gals .mySwiper{position: absolute;width: 69%;top: 11.9%; left: 19.10%;overflow: hidden;}
.hopewrap .gaevent1 .inner .gals .mySwiper .swiper-slide{width: 100%;;}
.hopewrap .gaevent1 .inner .gals .mySwiper .swiper-slide video{object-fit: cover;width: 100%;border-radius: clamp(5px, calc(10px + 10 * (100vw - 720px) / 720), 10px);}
.hopewrap .gaevent1 .inner .gals .ga_slide_arow{position: absolute;top: 50%;width: 100%;z-index: 8;}
.hopewrap .gaevent1 .inner .gals .ga_slide_arow div{width: 7.75%;position: absolute;margin-top: -3.4%;}
.hopewrap .gaevent1 .inner .gals .ga_slide_arow div.swiper-button-prev{left: 3%;}
.hopewrap .gaevent1 .inner .gals .ga_slide_arow div.swiper-button-next{right: 2%;}
.hopewrap .gaevent1 .inner p.T1{color:#1e1a19;font-size: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px);line-height: clamp(21px, calc(42px + 42 * (100vw - 720px) / 720), 42px);margin-bottom: 3%;text-align: center;}
.hopewrap .gaevent1 .inner p.T1 i{font-family: var(--sb3) !important;color:#fe5e90;font-size: clamp(14px, calc(28px + 28 * (100vw - 720px) / 720), 28px);;}
.hopewrap .gaevent1 .inner p.T2{color:#1e1a19;font-size: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px);line-height: clamp(21px, calc(42px + 42 * (100vw - 720px) / 720), 42px);padding-bottom: 15%;text-align: center}
.hopewrap .gaevent1 .inner p.T2 i{font-family: var(--sb3) !important;color:#126ac3;font-size: clamp(14px, calc(28px + 28 * (100vw - 720px) / 720), 28px);}
.hopewrap .gaevent1 .ob{position: absolute;left: 50%;}
.hopewrap .gaevent1 .ob img{width: auto;}
.hopewrap .gaevent1 .ob1{margin-left: -874px; top: 113px;animation: leftfloat 1s linear infinite alternate}
.hopewrap .gaevent1 .ob2{margin-left: -568px; top: 246px;animation: leftfloat 1s linear infinite alternate 0.2s}
.hopewrap .gaevent1 .ob3{margin-left: 454px; top: 116px;animation: leftfloat 1s linear infinite alternate}
.hopewrap .gaevent1 .ob4{margin-left: 762px; top: 247px;;animation: leftfloat 1s linear infinite alternate 0.2s;}
.hopewrap .gaevent1 .ob5{margin-left: -750px; top: 620px}
.hopewrap .gaevent1 .ob6{margin-left: 585px; top: 641px}
.hopewrap .gaevent1 .ob7{width: 14.306%; margin-left: -42%; top: 75%;;transform-origin:0 100% ;animation: rot4 1s linear infinite alternate}
.hopewrap .gaevent1 .ob8{width: 7.5%; margin-left: -45%; top: 73%;animation: opa 1s linear infinite alternate;}
.hopewrap .gaevent1 .ob9{width: 25.835%; margin-left: 31.5%; top: 78.3%;animation: topfloat 0.5s linear infinite alternate;z-index: 1;}
.hopewrap .gaevent1 .ob10{width: 41.112%; margin-left: 30%; top: 75%;}
.hopewrap .gaevent1 .ob7,.hopewrap .gaevent1 .ob8,.hopewrap .gaevent1 .ob9,.hopewrap .gaevent1 .ob10{display: inline-block;}
.hopewrap .gaevent1 .ob7 img,.hopewrap .gaevent1 .ob8 img,.hopewrap .gaevent1 .ob9 img,.hopewrap .gaevent1 .ob10 img{width: 100%;}
.hopewrap .hope .swiper{margin-left: auto; margin-right: auto;position: relative;list-style: none;padding: 0; z-index: 1;}
.hopewrap .hope .swiper-wrapper {position: relative; width: 100%;height: 100%; z-index: 1; display: flex; transition-property: transform;transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box;transform-style: preserve-3d;}
.hopewrap .hope .swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {transform: translate3d(0px, 0, 0);}
.hopewrap .hope .swiper-slide{flex-shrink: 0;width: 100%;height: 100%; position: relative;transition-property: transform; display: block;overflow: hidden;}
.hopewrap .hope .swiper-cards .swiper-slide{transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden;}
.hopewrap .gaevent2{background: #0a6dd2;}
.hopewrap .gaevent2 .inner h2{color:#fff; font-family: var(--sb3) !important;font-size: clamp(37.5px, calc(75px + 75 * (100vw - 720px) / 720), 75px);padding: 11% 0 4% 0;text-align: center;}
.hopewrap .gaevent2 .inner h2 i{width: 18.195%; display: inline-block;margin-left: 2%;vertical-align: middle;}
.hopewrap .gaevent2 .inner ul{text-align: center;padding-bottom: 15%;}
.hopewrap .gaevent2 .inner ul li{position: relative;width: 81.945%;margin: auto;margin-bottom: 5%;opacity: 0;}
.hopewrap .gaevent2 .inner ul li .stepinner{position: absolute;top: 0;left: 0;width: 100%;z-index: 1;}
.hopewrap .gaevent2 .inner ul li .stepinner p.T1{color:#fff;font-family: var(--sb3) !important;font-size: clamp(20px, calc(40px + 40 * (100vw - 720px) / 720), 40px);padding: 3% 0 2% 0;position: relative;}
.hopewrap .gaevent2 .inner ul li .stepinner p.T1 i{position: absolute;width: clamp(9px, calc(18px + 18 * (100vw - 720px) / 720), 18px);height: clamp(9px, calc(18px + 18 * (100vw - 720px) / 720), 18px);border-radius: clamp(9px, calc(18px + 18 * (100vw - 720px) / 720), 18px); left: 50%; top: 50%;transform: translate(0,-50%);}
.hopewrap .gaevent2 .inner ul li .stepinner p.T1 i.co1_l{background: #ffdc3a;margin-left: -18%;}
.hopewrap .gaevent2 .inner ul li .stepinner p.T1 i.co1_r{background: #ffdc3a;margin-left: 15%;}
.hopewrap .gaevent2 .inner ul li .stepinner p.T1 i.co2_l{background: #fff;margin-left: -22.5%;}
.hopewrap .gaevent2 .inner ul li .stepinner p.T1 i.co2_r{background: #fff;margin-left: 19.5%;}
.hopewrap .gaevent2 .inner ul li .stepinner p.T1 i.co3_l{background: #004399;margin-left: -27%;}
.hopewrap .gaevent2 .inner ul li .stepinner p.T1 i.co3_r{background: #004399;margin-left: 24.5%;}
.hopewrap .gaevent2 .inner ul li .stepinner .stepimg{width: 79.663%;margin: auto;}
.hopewrap .gaevent2 .inner ul li .stepinner p.T2{color:#000;font-size: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px);padding-top: 6%;}
.hopewrap .gaevent2 .inner ul li .stepinner p.T2 i{color:#fff;font-size: clamp(14px, calc(28px + 28 * (100vw - 720px) / 720), 28px);font-family: var(--sb3) !important;}
.hopewrap .gaevent2 .inner ul li .stepinner p.T3{color:#fff151;font-size: clamp(12px, calc(24px + 24 * (100vw - 720px) / 720), 24px);font-family: var(--sb3) !important;}
.hopewrap .gaevent2 .inner ul li .stepinner img{filter: none;}
.hopewrap .gaevent2 .inner ul li img{filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.3));}
.hopewrap .gaevent2 .inner ul li.on{animation: fade-in-top 1s linear both;}
.hopewrap .gaevent2 .inner ul li:nth-of-type(2){animation-delay: 0.2s;}
.hopewrap .gaevent2 .inner ul li:nth-of-type(3){animation-delay: 0.4s;}
.hopewrap .gaevent2 .ob{position: absolute;left: 50%;}
.hopewrap .gaevent2 .ob img{width: auto;}
.hopewrap .gaevent2 .ob1{margin-left: -847px; top: 472px;}
.hopewrap .gaevent2 .ob2{margin-left: 502px; top: 1184px;}
.hopewrap .gaevent3{background: #febc1a;}
.hopewrap .gaevent3 .inner h2{color:#fff; font-family: var(--sb3) !important;font-size: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px);padding: 12.5% 0 15% 0;text-align: center;line-height: clamp(35px, calc(70px + 70 * (100vw - 720px) / 720), 70px);}
.hopewrap .gaevent3 .inner h2 i{color:#004399;font-family: var(--sb3) !important;}
.hopewrap .gaevent3 .inner .presentbox{position: relative;width: 90.278%;margin: auto;height: 100%;margin-bottom: 9%;}
.hopewrap .gaevent3 .inner .presentbox .innerpresentbox{position: absolute;top: 0;left: 0;width: 100%;z-index: 1;;}
.hopewrap .gaevent3 .inner .presentbox .innerpresentbox em{position: absolute;width: 103.232%;margin-top: -14.5%; left: 50%; transform: translate(-45%,0);z-index: 4;}
.hopewrap .gaevent3 .inner .presentbox .innerpresentbox em i{position: absolute;font-size: clamp(12px, calc(24px + 24 * (100vw - 720px) / 720), 24px);font-family: var(--sb3) !important;; color:#ffdc3a;text-align: center;padding: 3% 3% 1.5% 3%;top: 5.5%; left: 50%;transform: translate(-80%,0); background: #ff4983;border-radius: 110px;border: 3px solid #fff;}
.hopewrap .gaevent3 .inner .presentbox .innerpresentbox em i span{font-family: var(--sb3) !important;; color:#fff;}
.hopewrap .gaevent3 .inner .presentbox .innerpresentbox .pre{position: absolute;opacity: 0;}
.hopewrap .gaevent3 .inner .presentbox .innerpresentbox .pre.on{animation: fade-in-top 1s linear both;}
.hopewrap .gaevent3 .inner .presentbox .innerpresentbox .pre1{width: 38.616%; margin-top: 48%; left: 14%;z-index: 4;}
.hopewrap .gaevent3 .inner .presentbox .innerpresentbox .pre2{width: 43.385%; margin-top: 47%; left: 49%;z-index: 3;}
.hopewrap .gaevent3 .inner .presentbox .innerpresentbox .pre3{width: 22.154%; margin-top: 22%; left: 43%;z-index: 2;}
.hopewrap .gaevent3 .inner .presentbox .innerpresentbox .pre4{width: 25.077%; margin-top: 21%; left: 28.5%;z-index: 1;}
.hopewrap .gaevent3 .inner .presentbox .innerpresentbox .pre5{width: 41.847%; margin-top: 9%; left: 50%;}
.hopewrap .gaevent3 .inner .presentbox .innerpresentbox .pre6{width: 46.31%; margin-top: 8%; left: 14%;}
.hopewrap .gaevent3 .inner .presentbox .innerpresentbox .pre1.on{animation-delay: 1.2s;}
.hopewrap .gaevent3 .inner .presentbox .innerpresentbox .pre2.on{animation-delay: 1s;}
.hopewrap .gaevent3 .inner .presentbox .innerpresentbox .pre3.on{animation-delay: 0.8s;}
.hopewrap .gaevent3 .inner .presentbox .innerpresentbox .pre4.on{animation-delay: 0.6s;}
.hopewrap .gaevent3 .inner .presentbox .innerpresentbox .pre5.on{animation-delay: 0.4s;}
.hopewrap .gaevent3 .inner .presentbox .innerpresentbox .pre6.on{animation-delay: 0.2s;}
.hopewrap .gaevent3 .inner .presentbox .pang{width: 167.077%;left: -34%;margin-top: -20%;transform-origin: 50% 100%;display: inline-block;position: absolute;opacity: 0;}
.hopewrap .gaevent3 .inner .presentbox .pang.on{animation: hatch 0.5s ease-in-out both; }
.hopewrap .gaevent3 .inner .suns{width: 90.278%; margin: auto;padding-bottom: 18%;}
.hopewrap .gaevent3 .inner .suns ul{display: flex;align-items: baseline;justify-content: start;padding: 2.5% 0;border-bottom: 1px solid #ba8b1a;gap: 18px;}
.hopewrap .gaevent3 .inner .suns ul.co1 li:nth-of-type(1){background: #025fbe;}
.hopewrap .gaevent3 .inner .suns ul li:nth-of-type(1){padding: 1.5% 5% 0.5% 5%;border-radius: 100px;background: #ff4983;color:#fff;font-size: clamp(14px, calc(28px + 28 * (100vw - 720px) / 720), 28px);font-family: var(--sb3) !important;}
.hopewrap .gaevent3 .inner .suns ul li:nth-of-type(2){color:#000;font-size: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px)}
.hopewrap .gaevent3 .inner .suns ul li:nth-of-type(2) i{font-family: var(--sb3) !important;color:#000;font-size: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px)}
.hopewrap .gaevent3 .inner .suns ul li:nth-of-type(2) span{color:#1e1a19;font-size: clamp(10px, calc(20px + 20 * (100vw - 720px) / 720), 20px)}
.hopewrap .gaevent3 .inner p.T2{color:#1e1a19;font-size: clamp(10px, calc(20px + 20 * (100vw - 720px) / 720), 20px);text-align: center;font-weight: 700;margin-top: 3%;}
.hopewrap .gaevent4 .form-wrap .form_T1{color:#222;font-size: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px);position: relative;padding-left: 5%;}
.hopewrap .gaevent4 .form-wrap .form_T1::before{content: '*';position: absolute;left: 0.5%;font-size: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px); font-weight: 700;color:#0651b1;margin-top: 1%;}
.hopewrap .gaevent4 .form-wrap .form_T1 i{color:#0651b1;font-weight: 700;}
.hopewrap .gaevent4 .form-wrap .form_T2{color:#222;font-size: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px);position: relative;padding:0 0 5% 5%;}
.hopewrap .gaevent4 .form-wrap .form_T2::before{content: '*';position: absolute;left: 0.5%;font-size: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px); font-weight: 700;color:#0651b1;margin-top: 1%;}
.hopewrap .gaevent3 .ob{position: absolute;left: 50%;}
.hopewrap .gaevent3 .ob img{width: auto;}
.hopewrap .gaevent3 .ob1{margin-left: -677px; top: 649px;animation: topfloat 0.5s linear infinite alternate}
.hopewrap .gaevent3 .ob2{margin-left: 386px; top: 604px;animation: topfloat 0.5s linear infinite alternate 0.2s}
.hopewrap .gaevent4{background: #f1fbff;}
.hopewrap .gaevent4 h2{color:#0651b1;font-size: clamp(35px, calc(70px + 70 * (100vw - 720px) / 720), 70px);line-height: clamp(34px, calc(68px + 68 * (100vw - 720px) / 720), 68px); font-family: var(--sb3) !important;padding: 14% 0 6% 0;text-align: center;}
.hopewrap .gaevent4 h2 i{color:#42aa45;font-size: clamp(35px, calc(70px + 70 * (100vw - 720px) / 720), 70px);font-family: var(--sb3) !important;}
.hopewrap .gaevent4 p.T1{color:#1e1a19;font-size: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px); position: relative;text-align: center;margin-bottom: 4%;}
.hopewrap .gaevent4 p.T1 i{color:#42aa45;font-size: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px);font-family: var(--sb3) !important; line-height: clamp(35px, calc(70px + 70 * (100vw - 720px) / 720), 70px);vertical-align: top;}
.hopewrap .gaevent4 .form-wrap {width: 90%;margin: 0 auto;display: flex;flex-direction: column;gap: var(--space2);}
.hopewrap .gaevent4 .form-wrap .form-title {font-size: var(--font-lg);font-weight: 700;color:#025fbe;font-family: var(--sb3) !important;}
.hopewrap .gaevent4 .form-wrap .input {width: 100%;height: clamp(40px, calc(80px + 80 * (100vw - 720px) / 720), 80px);padding: 0 var(--space);border-radius: var(--radius);border: 1px solid #dcdcdc;font-size: var(--font-md);}
.hopewrap .gaevent4 .form-wrap .input::placeholder {color: #aaa;}
.hopewrap .gaevent4 .form-wrap .row {display: flex; gap: var(--space2);}
.hopewrap .gaevent4 .form-wrap .grow {flex: 1;}
.hopewrap .gaevent4 .form-wrap .full {width: 100%;margin-bottom: 10px;}
.hopewrap .gaevent4 .form-wrap .row .btn { height: clamp(40px, calc(80px + 80 * (100vw - 720px) / 720), 80px); border-radius: var(--radius); font-size: var(--font-md); font-weight: 600;border: none;cursor: pointer;width: clamp(85px, calc(170px + 170 * (100vw - 720px) / 720), 170px);font-family: var(--sb3) !important}
.hopewrap .gaevent4 .form-wrap .row .btn.B2{width: clamp(130px, calc(260px + 260 * (100vw - 720px) / 720), 260px);}
.hopewrap .gaevent4 .form-wrap .row .btn.green {background: #4CAF50; color: #fff;}
.hopewrap .gaevent4 .form-wrap .row .btn.dark {background: #222;color: #fff; min-width: clamp(80px, calc(90px + 40 * (100vw - 720px) / 720), 120px);}
.hopewrap .gaevent4 .form-wrap .desc {font-size: var(--font-sm);color: #1e1a19; padding-left: 3%;position: relative;font-weight: 700;}
.hopewrap .gaevent4 .form-wrap .desc i{color:#ff4983}
.hopewrap .gaevent4 .form-wrap .desc:before{content: '*';font-size: var(--font-sm);color: #666;left: 1%;position: absolute;}
.hopewrap .gaevent4 .form-wrap .desc.mbs{margin-bottom: 5%;}
.hopewrap .gaevent4 .form-wrap .agree-title{color:#1e1a19;font-size: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px); position: relative;padding-left: 5%;font-weight: 700;}
.hopewrap .gaevent4 .form-wrap .agree-title i{color:#42aa45;font-size: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px);font-family: var(--sb3) !important; position: absolute;left: 0%;margin-top: -0.5%;}
.hopewrap .gaevent4 .agree{padding: 5% 0;;display: flex;align-items: center;justify-content: space-between;}
.hopewrap .gaevent4 .agree .btn { border-radius: var(--radius); font-size: var(--font-sm); font-weight: 600;border: none;cursor: pointer;font-family: var(--sb3) !important;color:#fff; background: #000;border-radius: 100px;padding:2.5% 7% 2% 5%;position: relative;}
.hopewrap .gaevent4 .agree .btn.on:after{transform: rotate(0deg);transform-origin: 50% 0%;}
.hopewrap .gaevent4 .agree .btn:after{content: '';position: absolute;background: url(/resources/2026/web/images/event/ga_ev_arow_top.png) no-repeat;width: clamp(8.5px, calc(17px + 17 * (100vw - 720px) / 720), 17px);height: clamp(5.5px, calc(11px + 11 * (100vw - 720px) / 720), 11px);background-size: cover;top: 50%; transform: translate(0,-50%)rotate(180deg);margin-left: 3px;transition: 0.5s ease;}
.hopewrap .gaevent4 .check {display: flex; align-items: center; gap: clamp(7px, calc(14px + 14 * (100vw - 720px) / 720), 14px);font-size: var(--font-md);cursor: pointer;width: 72%;}
.hopewrap .gaevent4 .check input {display: none;}
.hopewrap .gaevent4 .check span{position: relative;color:#000;font-size: clamp(12px, calc(24px + 24 * (100vw - 720px) / 720), 24px); padding-left: 8%;}
.hopewrap .gaevent4 .check span i{color: #42aa45;}
.hopewrap .gaevent4 .check span::before {content: "";display: inline-block;vertical-align: middle; width: clamp(14px, calc(28px + 28 * (100vw - 720px) / 720), 28px);height: clamp(14px, calc(28px + 28 * (100vw - 720px) / 720), 28px); line-height: clamp(12px, calc(24px + 24 * (100vw - 720px) / 720), 24px);border-radius: 5px;background: #fff; border: 2px solid #bbb; margin-right: clamp(6px, calc(12px + 12 * (100vw - 720px) / 720), 12px); font-size: clamp(9px, calc(18px + 18 * (100vw - 720px) / 720), 18px); transition: all 0.2s ease;position: absolute;left: 0;top: 7%;}
.hopewrap .gaevent4 .check input:checked + span::before {background: #4CAF50;border: 2px solid #4CAF50;color: #fff;content: "✓";text-align: center;line-height: clamp(12px, calc(24px + 24 * (100vw - 720px) / 720), 24px);}
.hopewrap .gaevent4 .agreebtn{text-align: center;width: 72.532%;margin: auto;padding-bottom: 10%;}
.hopewrap .gaevent4 .agreebtn a img{filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.2));}
.hopewrap .gaevent4 .upload-top {display: flex; flex-direction: column; gap: 10px; width: 90%; margin: auto;}
.hopewrap .gaevent4 .upload-wrap .title {font-size: clamp(20px, calc(40px + 40 * (100vw - 720px) / 720), 40px); color:#025fbe;font-family: var(--sb3) !important;}
.hopewrap .gaevent4 .upload-wrap p.T2 {font-size: clamp(12px, calc(24px + 24 * (100vw - 720px) / 720), 24px); color:#ff4983;font-family: var(--sb3) !important;}
.hopewrap .gaevent4 .filesinfo {display: flex;flex-wrap: wrap; gap: 12px;width: 100%; max-width: 720px;}
.hopewrap .gaevent4 .file-guide-btn {flex: 1; height: clamp(40px, calc(80px + 80 * (100vw - 720px) / 720), 80px); background: #ff4d7a; border-radius: clamp(6px, calc(12px + 12 * (100vw - 720px) / 720), 12px); display: flex; align-items: center;  justify-content: center; color: #fff; font-size: clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px); font-family: var(--sb3) !important;}
.hopewrap .gaevent4 .file-input-area { flex: 1;}
.hopewrap .gaevent4 .file-btn {width: 100%; height: clamp(40px, calc(80px + 80 * (100vw - 720px) / 720), 80px); background: #4caf50; border-radius: clamp(6px, calc(12px + 12 * (100vw - 720px) / 720), 12px); color: #fff; font-size: clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px); font-family: var(--sb3) !important; cursor: pointer;}
.hopewrap .gaevent4 .file-guide-btn:hover {background: #ff356a;}
.hopewrap .gaevent4 .file-btn:hover {background: #43a047;}
.hopewrap .gaevent4 .upload-guide {padding-left: 0; list-style: none; font-size: clamp(10px, calc(20px + 20 * (100vw - 720px) / 720), 20px);color: #333;width: 90%; margin: 3% auto 5%;}
.hopewrap .gaevent4 .preview-wrap {position: relative; border-width: clamp(5.5px, calc(11px + 11 * (100vw - 720px) / 720), 11px); border-color:#025fbe;border-style: solid; ;background: #fff;;text-align: center;border-radius: clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px);box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);overflow: hidden;}
.hopewrap .gaevent4 .preview-wrap em{position: absolute;width: 14.47%; top: 2%; left: 1%;}
.hopewrap .gaevent4 .preview-wrap img.preimg {display: inline-block;max-width: 670px;;}
.hopewrap .gaevent4 .preview-wrap .pic-ing{position: absolute;width: 100%; height: 100%;top: 0;left: 0;z-index: 1;display: flex;align-items: center;justify-content: center;}
.hopewrap .gaevent4 .preview-wrap .pic-ing .picT2{color:#fff;font-size: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px);}
.hopewrap .gaevent4 .preview-wrap .pic-ing .picob{position: absolute;background: url(/resources/2026/web/images/event/ga_ev_star.png) no-repeat;background-size: cover;}
.hopewrap .gaevent4 .preview-wrap .pic-ing .picob1{width: clamp(9px, calc(18px + 18 * (100vw - 720px) / 720), 18px);height: clamp(11px, calc(22px + 22 * (100vw - 720px) / 720), 22px);left: 41%; top: 67%;animation: opa 1s linear infinite alternate;opacity: 0;}
.hopewrap .gaevent4 .preview-wrap .pic-ing .picob2{width: clamp(11px, calc(22px + 22 * (100vw - 720px) / 720), 22px);height: clamp(14px, calc(28px + 28 * (100vw - 720px) / 720), 28px);left: 52%; top: 20%;animation: opa 1s linear infinite alternate 0.4s;opacity: 0}
.hopewrap .gaevent4 .preview-wrap .pic-ing .picob3{width: clamp(6.5px, calc(13px + 13 * (100vw - 720px) / 720), 13px);height: clamp(8px, calc(16px + 16 * (100vw - 720px) / 720), 16px);left: 64%; top: 29%;animation: opa 1s linear infinite alternate 0.2s;opacity: 0}
.hopewrap .gaevent4 .preview-wrap .pic-ing .picob4{background: url(/resources/2026/web/images/event/ga_ev_bong.png) no-repeat;background-size: cover;width: clamp(47px, calc(94px + 94 * (100vw - 720px) / 720), 94px);height: clamp(69px, calc(138px + 138 * (100vw - 720px) / 720), 138px);transform-origin: 100% 100%;animation: wandShake 1.4s ease-in-out infinite alternate;top: 32%; left: 41%}
.hopewrap .gaevent4 .preview-wrap .picbgs{position: absolute;width: 100%; height: 100%;background: #000;opacity: 0.8;left: 0;top: 0;}
.hopewrap .gaevent4 .picT1{width: clamp(281.5px, calc(563px + 563 * (100vw - 720px) / 720), 563px);margin: auto; margin-bottom: 10%;}
.hopewrap .gaevent4 .picT1 img{filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.2))}
.hopewrap .gaevent4 .ga_ev_movie_btn{padding-bottom: 15%;width: 68.056%; margin: auto;}
.hopewrap .gaevent4 .ga_ev_movie_btn img{filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.2))}
.hopewrap .gaevent4 .persons{background: #fff;border-radius: var(--radius2);position: relative;display: none;margin-bottom: 5%;}
.hopewrap .gaevent4 .persons .layerhead .lT1{color:#1e1a19; font-family: var(--sb3) !important;font-size: clamp(12px, calc(24px + 24 * (100vw - 720px) / 720), 24px);position: relative;padding: 6% 0 3% 0;text-align: center;}
.hopewrap .gaevent4 .persons .layerhead .lT1 i{color:#42aa45;font-family: var(--sb3) !important;}
.hopewrap .gaevent4 .persons .layerbody{padding:0 5% 5% 5% }
.hopewrap .gaevent4 .picguide .layerbody .picguide-txt{padding-left: 10%;}
.hopewrap .gaevent4 .picguide .layerbody .picguide-txt .gT2{color:#000;font-size: clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px);font-family: var(--sb3) !important;}
.hopewrap .gaevent4 .picguide .layerbody .picguide-txt.picguide-top{padding-bottom: 5%; margin-bottom: 5%;border-bottom: 1px solid #dcdcdc;}
.hopewrap .gaevent4 .picguide .layerbody .picguide-txt.picguide-top::before{content: '';background: url(/resources/2026/web/images/event/ev_popimg3_i1.png) no-repeat;width: clamp(28.5px, calc(57px + 57 * (100vw - 720px) / 720), 57px);height: clamp(27px, calc(54px + 54 * (100vw - 720px) / 720), 54px);background-size: cover;position: absolute;left: 4%;margin-top: -1%;}
.hopewrap .gaevent4 .picguide .layerbody .picguide-txt.picguide-top img{width: 83.513%;}
.hopewrap .gaevent4 .picguide .layerbody .picguide-txt img{width: 90.595%;}
.hopewrap .gaevent4 .picguide .layerbody .picguide-txt:before{content: '';background: url(/resources/2026/web/images/event/ev_popimg3_i2.png) no-repeat;width: clamp(28.5px, calc(57px + 57 * (100vw - 720px) / 720), 57px);height: clamp(27px, calc(54px + 54 * (100vw - 720px) / 720), 54px);background-size: cover;position: absolute;left: 4%;margin-top: -1%;}
.hopewrap .gaevent4 .picguide .layerbody .picguide-txt .gT3{color:#000;font-size: clamp(11px, calc(22px + 22 * (100vw - 720px) / 720), 22px);}
.hopewrap .gaevent4 .picguide .layerbody .picguide-txt .gT3 i{font-family: var(--sb3) !important;color:#000}
.hopewrap .gaevent4 .persons .layerbody table{width: 100%;margin-bottom: 5%;}
.hopewrap .gaevent4 .persons .layerbody table td,.hopewrap .gaevent4 .persons .layerbody table th{text-align: center;font-size: var(--font-sm22) !important;border: 1px solid #cacfd9;vertical-align: middle;padding: 2.5% 0;font-weight: 700;}
.hopewrap .gaevent4 .persons .layerbody table td{border-right: 0;}
.hopewrap .gaevent4 .persons .layerbody table th{border-left: 0;}
.hopewrap .gaevent4 .persons .layerbody table th{font-weight: 700;width: 30%;}
.hopewrap .gaevent4 .persons .layerbody .lT4{font-size: var(--font-sm22) !important;color:#1e1a19;padding-left: 3%;position: relative;font-size: clamp(10px, calc(204px + 20 * (100vw - 720px) / 720), 20px)}
.hopewrap .gaevent4 .persons .layerbody .lT4:before{content: '*';position: absolute;left: 0;font-size: var(--font-sm22) !important;color:#1e1a19;}
.hopewrap .gaevent4 .persons .layerbody .lT4 i{font-size: var(--font-sm22) !important;color:#42aa45;text-decoration: underline;}
.hopewrap .gaevent4 .persons .layerbody .lT4 span{font-size: var(--font-sm22) !important;font-weight: 700;color:#1e1a19;text-decoration: underline;}
.hopewrap .gaevent4 .ev_layer{position: fixed;width: 96%;left: 50%;top: 50%; transform: translate(-50%,-50%);background: #fff;z-index: 10;max-width: 680px;border-radius: var(--radius2)}
.hopewrap .gaevent4 .ev_layer .layerhead{background: #42aa45;padding: 2.8% 0 2.4% 0;text-align: center;border-radius: var(--radius2) var(--radius2) 0 0 !important;position: relative;}
.hopewrap .gaevent4 .ev_layer .lx{position: absolute;width: 8.824%; margin-top: -4%; right: -4%;z-index: 11;}
.hopewrap .gaevent4 .ev_layer .layerhead .lT1{color:#fff; font-family: var(--sb3) !important;font-size: clamp(22.5px, calc(45px + 45 * (100vw - 720px) / 720), 45px);position: relative;}
.hopewrap .gaevent4 .picguide .layerhead:before{content: '';position: absolute;background: url(/resources/2026/web/images/event/ev_popimg3.png) no-repeat;width: clamp(47px, calc(94px + 94 * (100vw - 720px) / 720), 94px);height: clamp(43px, calc(86px + 86 * (100vw - 720px) / 720), 86px);background-size: cover;left: 8%; top: 50%;transform: translate(0, -50%);}
.hopewrap .gaevent4 .ev_layer .layerbody{background: #fff;border-radius: 0 0 var(--radius2) var(--radius2) !important;padding: 5%;}
.hopewrap .gaevent4 .ev_layer .layerbody .input {width: 100%;height: clamp(40px, calc(80px + 80 * (100vw - 720px) / 720), 80px);padding: 0 var(--space);border-radius: var(--radius);border: 1px solid #dcdcdc;font-size: var(--font-md);}
.hopewrap .gaevent4 .ev_layer .layerbody .input::placeholder {color: #aaa;}
.hopewrap .gaevent4 .ev_layer .layerbody .row {display: flex; margin-bottom: 5%;gap: var(--space2);}
.hopewrap .gaevent4 .ev_layer .layerbody .grow {flex: 1;}
.hopewrap .gaevent4 .ev_layer .layerbody .full {width: 100%;}
.hopewrap .gaevent4 .ev_layer .layerbody .row .btn { height: clamp(40px, calc(80px + 80 * (100vw - 720px) / 720), 80px); border-radius: var(--radius); font-size: var(--font-md); font-weight: 600;border: none;cursor: pointer;width: clamp(85px, calc(170px + 170 * (100vw - 720px) / 720), 170px);font-family: var(--sb3) !important}
.hopewrap .gaevent4 .ev_layer .layerbody .row .btn.green {background: #4CAF50; color: #fff;}
.hopewrap .gaevent4 .ev_layer .layerbody .lT2{color:#1e1a19;font-size: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px); position: relative;padding:0 0 3% 5%;font-weight: 700;}
.hopewrap .gaevent4 .ev_layer .layerbody .lT2 i{color:#42aa45;font-size: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px);font-family: var(--sb3) !important; position: absolute;left: 0%;margin-top: -0.5%;}
.hopewrap .gaevent4 .ev_layer .layerbody table{width: 100%;margin-bottom: 5%;}
.hopewrap .gaevent4 .ev_layer .layerbody table td,.hopewrap .gaevent4 .ev_layer .layerbody table th{text-align: center;font-size: var(--font-sm22) !important;border: 1px solid #cacfd9;vertical-align: middle;padding: 2.5% 0;}
.hopewrap .gaevent4 .ev_layer .layerbody table td{border-right: 0;}
.hopewrap .gaevent4 .ev_layer .layerbody table th{border-left: 0;}
.hopewrap .gaevent4 .ev_layer .layerbody table th{font-weight: 700;width: 30%;}
.hopewrap .gaevent4 .ev_layer .layerbody .lT4{font-size: var(--font-sm22) !important;color:#1e1a19;padding-left: 3%;position: relative;}
.hopewrap .gaevent4 .ev_layer .layerbody .lT4:before{content: '*';position: absolute;left: 0;font-size: var(--font-sm22) !important;color:#1e1a19;}
.hopewrap .gaevent4 .ev_layer .layerbody .lT4 i{font-size: var(--font-sm22) !important;color:#42aa45;text-decoration: underline;}
.hopewrap .gaevent4 .ev_layer .layerbody .lT4 span{font-size: var(--font-sm22) !important;font-weight: 700;color:#1e1a19;text-decoration: underline;}
.hopewrap .gaevent4 .txtlayer .TboxT1{padding: 10% 0;text-align: center;}
.hopewrap .gaevent4 .txtlayer .TboxT1{font-size: var(--font-md) !important;color:#1e1a19;font-weight: 700;}
.hopewrap .gaevent4 .txtlayer .TboxT1 i{font-size: var(--font-md) !important;color:#42aa45;font-weight: 700}
.hopewrap .gaevent4 .txtlayer .TboxT1 span{font-size: var(--font-sm) !important;color:#1e1a19;font-weight: 400;}
.hopewrap .gaevent4 .txtlayer.tbox6{text-align: center;padding-bottom: 10%;max-height: 297px;}
.hopewrap .gaevent4 .txtlayer.tbox6 .TboxT1{padding: 10% 0 5% 0;text-align: center;}
.hopewrap .gaevent4 .txtlayer.tbox6 a.picsup{background: #42aa45;color:#fff;font-size: clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px);border-radius: 100px;padding: 3% 12% 2% 12%;font-family: var(--sb3) !important;}
.hopewrap .gaevent4 .txtlayer.tbox6{text-align: center;padding-bottom: 10%;max-height: 297px;}
.hopewrap .gaevent4 .txtlayer.tbox6 .TboxT1{padding: 10% 0 5% 0;text-align: center;}
.hopewrap .gaevent4 .txtlayer.tbox6 a.picsup{background: #42aa45;color:#fff;font-size: clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px);border-radius: 100px;padding: 3% 12% 2% 12%;font-family: var(--sb3) !important;}
.hopewrap .gaevent4 .txtlayer.tbox7 a.picsup{background: #42aa45;color:#fff;font-size: clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px);border-radius: 100px;padding: 3% 12% 2% 12%;font-family: var(--sb3) !important;}
.hopewrap .gaevent4 .ev_layer{display: none;}
.hopewrap .gaevent5{background: #07a556;}
.hopewrap .gaevent5 h2{color:#fff;font-size: clamp(27.5px, calc(55px + 55 * (100vw - 720px) / 720), 55px);line-height: clamp(34px, calc(68px + 68 * (100vw - 720px) / 720), 68px); font-family: var(--sb3) !important;padding: 12% 0 2% 0;text-align: center;}
.hopewrap .gaevent5 h2 i.co1{color:#fff151;font-size:clamp(27.5px, calc(55px + 55 * (100vw - 720px) / 720), 55px);font-family: var(--sb3) !important;}
.hopewrap .gaevent5 h2 i.co2{color:#b3f532;font-size:clamp(27.5px, calc(55px + 55 * (100vw - 720px) / 720), 55px);font-family: var(--sb3) !important;}
.hopewrap .gaevent5 p.T1{color:#fff;font-size: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px);text-align: center;}
.hopewrap .gaevent5 p.T1 span{font-family: var(--sb3) !important;color:#fff;font-size: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px)}
.hopewrap .gaevent5 p.T1 i{color:#b3f532;font-size: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px)}
.hopewrap .gaevent5 .bns{width: 87.5%;margin: auto;}
.hopewrap .gaevent5 .bns img{filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.2))}
.hopewrap .gaevent5 .bns.bns1{padding: 7% 0 11% 0;}
.hopewrap .gaevent5 .bns.bns2{padding:4% 0 20% 0;width: 100%;}
.hopewrap .gaevent5 p.T2{color:#fff;font-size: clamp(16.5px, calc(32px + 32 * (100vw - 720px) / 720), 32px);text-align: center;font-family: var(--sb3) !important;}
.hopewrap .gaevent5 .ga5ob{position: absolute;left: 50%;opacity: 0;;}
.hopewrap .gaevent5 .ga5ob1{width: 73px; height: 87px; margin-left: -892px; top: 115px; background: url(/resources/2026/web/images/event/ga_ev_ob21.png) no-repeat;animation: opa 1s linear infinite alternate;}
.hopewrap .gaevent5 .ga5ob2{width: 92px; height: 79px; margin-left: -592px; top: 72px; background: url(/resources/2026/web/images/event/ga_ev_ob22.png) no-repeat;animation: opa 1s linear infinite alternate 0.2s}
.hopewrap .gaevent5 .ga5ob3{width: 157px; height: 82px; margin-left: 398px; top: 63px; background: url(/resources/2026/web/images/event/ga_ev_ob23.png) no-repeat;animation: opa 1s linear infinite alternate 0.1s}
.hopewrap .gaevent5 .ga5ob4{width: 92px;height: 62px; margin-left: 685x; top: 186px; background: url(/resources/2026/web/images/event/ga_ev_ob24.png) no-repeat;animation: opa 1s linear infinite alternate 0.3s}
.hopewrap .gaevent5 .ga5ob5{width: 42px;height: 42px; margin-left: 884px; top: 90px; background: url(/resources/2026/web/images/event/ga_ev_ob25.png) no-repeat;animation: opa 1s linear infinite alternate 0.4s}
.hopewrap .gaevent5 .ga5ob6{width: 31px;height: 30px; margin-left: -767px; top: 132px; background: url(/resources/2026/web/images/event/ga_ev_ob20.png) no-repeat;background-size: cover;animation: opa 1s linear infinite alternate 0.5s;}
.hopewrap .gaevent5 .ga5ob7{width: 19px;height: 18px; margin-left: -489px; top: 211px; background: url(/resources/2026/web/images/event/ga_ev_ob20.png) no-repeat;background-size: cover;animation: opa 1s linear infinite alternate 0.2s;}
.hopewrap .gaevent5 .ga5ob8{width: 60px;height: 58px; margin-left: 463px; top: 211px; background: url(/resources/2026/web/images/event/ga_ev_ob20.png) no-repeat;background-size: cover;animation: opa 1s linear infinite alternate 0.1s;}
.hopewrap .gaevent5 .ga5ob9{width: 19px;height: 18px; margin-left: 766px; top: 78px; background: url(/resources/2026/web/images/event/ga_ev_ob20.png) no-repeat;background-size: cover; animation: opa 1s linear infinite alternate 0.3s;}
.hopewrap .gaevent6{background: #f2f4f9;}
.hopewrap .gaevent6 .inner h2{padding: 7% 0 5% 0;font-family: var(--sb3) !important;font-size: clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px);color:#1e1a19;text-align: center;}
.hopewrap .gaevent6 .inner h2 i{font-family: var(--sb3) !important;font-size: clamp(20px, calc(40px + 40 * (100vw - 720px) / 720), 40px);color:#025fbe;vertical-align: top;}
.hopewrap .gaevent6 .inner .Tbox{padding: 0 0% 10% 3%;}
.hopewrap .gaevent6 .inner .Tbox p.T1{color: #025fbe;font-size: clamp(12px, calc(24px + 24 * (100vw - 720px) / 720), 24px);font-family: var(--sb3) !important;margin-bottom: 3%;}
.hopewrap .gaevent6 .inner .Tbox p.T2{color: #1e1a19;font-size: clamp(10px, calc(20px + 20 * (100vw - 720px) / 720), 20px);margin-bottom: 2%;position: relative;padding-left: 3%;}
.hopewrap .gaevent6 .inner .Tbox p.T2:before{content: '';width: clamp(5px, calc(10px + 10 * (100vw - 720px) / 720), 10px);height: clamp(5px, calc(10px + 10 * (100vw - 720px) / 720), 10px);border-radius:clamp(5px, calc(10px + 10 * (100vw - 720px) / 720), 10px);left: 0;background: #025fbe;position: absolute;margin-top: 1.4%;}
.hopewrap .gaevent6 .inner .Tbox p.T2 i{color:#1e1a19; font-weight: 700;}
.hopewrap .hopeletter1{height: 1100px;min-width: 1300px;}
.hopewrap .hopeletter1 i.hopelogos{position: absolute;left: 50%;z-index: 3;}
.hopewrap .hopeletter1 i.hopelogos1{margin-left: -955px;top: 15px;}
.hopewrap .hopeletter1 i.hopelogos2{margin-left: 834px;top: 11px;width: 111px;}
.hopewrap .hopeletter1 .webinner{height: 1100px;width: 100%;overflow: hidden;}
.hopewrap .hopeletter1 .bg-slider {position: absolute;width: 1920px;height: 1100px;overflow: hidden;top: 0;left: 50%;transform: translate(-50%,0);}
.hopewrap .hopeletter1 .bg-layer {position: absolute;inset: 0;background-size: cover;background-position: center;opacity: 0;transition: opacity 1.2s ease-in-out;z-index: 1; height: 1100px; width: 100%;}
.hopewrap .hopeletter1 .bg-slider .bg-layer:nth-of-type(1){background:url(/resources/2026/web/images/event/hope_bg1_1.png) 50% 0 no-repeat}
.hopewrap .hopeletter1 .bg-slider .bg-layer:nth-of-type(2){background:url(/resources/2026/web/images/event/hope_bg1_2.png) 50% 0 no-repeat}
.hopewrap .hopeletter1 .bg-slider .bg-layer:nth-of-type(3){background:url(/resources/2026/web/images/event/hope_bg1_3.png) 50% 0 no-repeat}
.hopewrap .hopeletter1 .bg-layer.active {opacity: 1;z-index: 2;}
.hopewrap .hopeletter1 h1{font-family: var(--sb2) !important;color:#fff;font-size: 75px; position: relative; z-index: 5;padding-top: 119px;width: 100%;text-align: center;text-shadow: 0 0 10px rgba(0,0,0,0.4);animation: fade-in-top 1s linear both;}
.hopewrap .hopeletter1 h1 i{font-family: var(--sb1) !important;color: #807069;text-shadow: 0 0 10px rgba(0,0,0,0.4)}
.hopewrap .hopeletter1 h1 i span{font-family: var(--sb1) !important;color: #807069;text-shadow: 0 0 10px rgba(0,0,0,0.4)}
.hopewrap .hopeletter1 h1 i span:nth-of-type(1){animation: colors 1.5s linear both 1s;}
.hopewrap .hopeletter1 h1 i span:nth-of-type(2){animation: colors 1.5s linear both 1.1s;}
.hopewrap .hopeletter1 h1 i span:nth-of-type(3){animation: colors 1.5s linear both 1.3s;}
.hopewrap .hopeletter1 h1 i span:nth-of-type(4){animation: colors 1.5s linear both 1.4s;}
.hopewrap .hopeletter1 h1 i span:nth-of-type(5){animation: colors 1.5s linear both 1.5s;}
.hopewrap .hopeletter1 h1 i span:nth-of-type(6){animation: colors 1.5s linear both 1.2s;}
.hopewrap .hopeletter1 h1 strong{font-family: var(--sb3) !important;color:#fff;font-size: 100px;text-shadow: 0 0 10px rgba(0,0,0,0.4)}
.hopewrap .hopeletter1 h1 strong img{width: auto;vertical-align: middle;display: inline-block;animation: opa 1s linear infinite alternate}
.hopewrap .hopeletter1 .thumbs {position: absolute;bottom: 40px;left: 50%;transform: translateX(-50%);display: flex;gap: 12px; z-index: 10;}
.hopewrap .hopeletter1 .thumb {border: 5px solid transparent;padding: 0;background: none;cursor: pointer;transition: 0.5s linear;position: relative;}
.hopewrap .hopeletter1 .thumb img {width: 250px;height: 150px;object-fit: cover;filter: grayscale(1);transition:0.5s linear;}
.hopewrap .hopeletter1 .thumb.active:after{position: absolute;width: 100%; height: 100%;content: '';left: 0;top: 0; border: 5px solid #ffd197;}
.hopewrap .hopeletter1 .thumb.active img{filter: grayscale(0)}
.hopewrap .hopeletter1 .hope_ob1{height: 2px;background: #fff;position: absolute;left: 50%;top: 270px;z-index: 5;transform: rotate(-230deg);margin-left: 305px;animation: w100p 1s linear both;}
.hopewrap .hopeletter1 .hope_ob1:before{content: '';background: url(/resources/2026/web/images/event/hope_ob2.png) no-repeat;width: 44px;height: 54px;position: absolute;margin: -25.5px 0 0 107px;transform: rotate(49deg);opacity: 0;animation: opa 1s linear infinite alternate 1s}
.hopewrap .hopeletter1 .hope_ob2{background: url(/resources/2026/web/images/event/hope_ob3.png) no-repeat;width: 478px; height: 228px; top: 0;left: 50%;margin-left: -650px;z-index: 5;position: absolute;}
.hopewrap .hopeletter1 .hopeletterbtn{position: absolute;bottom: 166px; left: 50%;margin-left: 426px;width: 157px; height: 157px;z-index: 5;}
.hopewrap .hopeletter1 .hopeletterbtn a{background: url(/resources/2026/web/images/event/hope_b1.png) center center no-repeat;width: 157px; height: 157px;position: absolute;}
.hopewrap .hopeletter1 .hopeletterbtn a span{position: absolute;width: 157px; height: 157px;left: 0;top: 0;background: url(/resources/2026/web/images/event/hope_1.png) no-repeat;animation: rot5 30s linear infinite;}
.hopewrap .hopeletter2{background: url(/resources/2026/web/images/event/hope_bg2.png) 50% 0 no-repeat;min-width: 1300px}
.hopewrap .hopeletter2 .webinner{height: 1380px;}
.hopewrap .hopeletter2 .webinner h2{padding: 107px 0 17px 0;clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);position: relative;}
.hopewrap .hopeletter2 .webinner h2:after{content: '';position: absolute;background: url(/resources/2026/web/images/event/hope_T1_de.png) no-repeat;width: 16px; height: 18px; left: 172px; top:192px;animation: opa 1s linear infinite alternate;}
.hopewrap .hopeletter2 .webinner h2.on{animation: clips 5s linear both;}
.hopewrap .hopeletter2 .webinner p.T1{color:#1e1a19;font-size: 40px;line-height: 60px;margin-bottom: 11px;}
.hopewrap .hopeletter2 .webinner p.T1 i{color:#1e1a19;font-weight: 700;position: relative;}
.hopewrap .hopeletter2 .webinner p.T1 i::before{content: '';position: absolute;width: 100%;height: 1px;background: #1e1a19;bottom: -15px;}
.hopewrap .hopeletter2 .webinner p.T1.on i::before{animation: w100 1s linear both;}
.hopewrap .hopeletter2 .webinner p.T2{color: #ffd197;font-size: 55px; font-family: var(--sb3) !important;position: relative;display: inline-block;margin-bottom: 37px;}
.hopewrap .hopeletter2 .webinner p.T2:before{content: '';position: absolute;width: 100%;height: 1px;background: #ffd197;bottom: 5px;}
.hopewrap .hopeletter2 .webinner p.T2.on:before{animation: w100 1s linear both;}
.hopewrap .hopeletter2 .webinner p.T3{color:#1e1a19;font-size: 28px;margin-bottom: 64px;}
.hopewrap .hopeletter2 .webinner p.T3 i{color:#1e1a19;font-weight: 700;}
.hopewrap .hopeletter2 .webinner .main_videos{width: 1140px; height: 641px;position: relative;background: #000;}
.hopewrap .hopeletter2 .webinner .main_videos iframe{position: absolute;left: 0;top: 0;width: 100%; height: 100%;}
.hopewrap .hopeletter3{min-width: 1300px}
.hopewrap .hopeletter3 .videobg{position: absolute;width: 100%; height: 1080px;left: 50%;top: 0;transform: translate(-50%,0);}
.hopewrap .hopeletter3 .videobg video{position: absolute;width: 100%; height: 100%;left: 0;top: 0;object-fit: cover;}
.hopewrap .hopeletter3 .webinner{height: 1080px;z-index: 2;}
.hopewrap .hopeletter3 .webinner h2{color:#fff; font-size: 55px;padding: 608px 0 17px 0;line-height: 80px;}
.hopewrap .hopeletter3 .webinner h2:after{content: '';position: absolute;background: url(/resources/2026/web/images/event/hope_T3_de.png) no-repeat;width: 16px; height: 18px; left: 508px; top:657px;animation: opa 1s linear infinite alternate;}
.hopewrap .hopeletter3 .webinner h2 span{color:#ffd197;font-size: 75px;display: inline-flex;line-height: 89px;}
.hopewrap .hopeletter3 .webinner h2 span i{color:#ffd197;font-size: 75px;font-family: var(--sb3) !important;display: inline-block;vertical-align: middle;height: 120px;overflow: hidden;margin: 0 20px;clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);width: 0}
.hopewrap .hopeletter3 .webinner h2.on span i{animation: clipswidth 2s linear both;}
.hopewrap .hopeletter3 .webinner .Tboxarea{display: flex;align-items: center;justify-content: flex-start;gap: 110px;}
.hopewrap .hopeletter3 .webinner .Tboxarea .Tbox{color:#fff; font-size: 28px;line-height: 47px;}
.hopewrap .hopeletter3 .webinner .Tboxarea .Tbox.on b{animation: w100 1s linear both;}
.hopewrap .hopeletter3 .webinner .Tboxarea .Tbox span,.hopewrap .hopeletter3 .webinner .Tboxarea .Tbox i{position: relative;display: inline-block;}
.hopewrap .hopeletter3 .webinner .Tboxarea .Tbox i{z-index: 2;font-size: 28px; color:#ffe5c4;padding: 0px 10px;;}
.hopewrap .hopeletter3 .webinner .Tboxarea .Tbox b{background: #483d36;position: absolute;left: 0;;top: 0;height: 100%;}
.hopewrap .hopeletter4{background: url(/resources/2026/web/images/event/hope_bg4.png) 50% 0 no-repeat;min-width: 1362px}
.hopewrap .hopeletter4 .clipbg{background: url(/resources/2026/web/images/event/hope_bg4_1.png) 50% 0 no-repeat;position: absolute;left: 50%; top: 0;transform: translate(-50%,0);width: 100%;height: 1150px;}
.hopewrap .hopeletter4 .clipbg.on{animation: clips3 3s steps(3) both 0.5s;}
.hopewrap .hopeletter4 .webinner{height: 1150px;width: 1362px;z-index: 2;}
.hopewrap .hopeletter4 .webinner h2{color:#1e1a19; font-size: 55px;padding: 154px 0 17px 31px;line-height: 80px;font-weight: 500;}
.hopewrap .hopeletter4 .webinner h2:after{content: '';position: absolute;background: url(/resources/2026/web/images/event/hope_T4_de.png) no-repeat;width: 16px; height: 18px; left: 520px; top:204px;animation: opa 1s linear infinite alternate;}
.hopewrap .hopeletter4 .webinner h2 span{color:#fff;font-size: 75px;display: inline-flex;line-height: 89px;text-shadow: 0 0 10px rgba(0,0,0,0.4)}
.hopewrap .hopeletter4 .webinner h2 span i{color:#fff;font-size: 75px;font-family: var(--sb3) !important;display: inline-block;vertical-align: middle;height: 120px;overflow: hidden;margin: 0 20px;text-shadow: 0 0 10px rgba(0,0,0,0.4);clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);width: 0;}
.hopewrap .hopeletter4 .webinner h2.on span i{animation: clipswidth 2s linear both;}
.hopewrap .hopeletter4 .webinner .Tbox{color:#1e1a19; font-size: 28px;line-height: 55px;padding: 0 0 153px 31px ;}
.hopewrap .hopeletter4 .webinner .Tbox.on b{animation: w100 1s linear both;}
.hopewrap .hopeletter4 .webinner .Tbox span,.hopewrap .hopeletter4 .webinner .Tbox i{position: relative;display: inline-block;}
.hopewrap .hopeletter4 .webinner .Tbox i{z-index: 2;font-size: 30px; color:#ffe5c4;padding: 0px 10px;font-weight: 700;}
.hopewrap .hopeletter4 .webinner .Tbox b{background: #1e1a19;position: absolute;left: 0;;top: 0;height: 100%;}
.hopewrap .hopeletter4 .webinner ul{display: flex;align-items: center;justify-content: center;gap: 20px;}
.hopewrap .hopeletter4 .webinner ul li{opacity: 0;}
.hopewrap .hopeletter4 .webinner ul li.on{animation: fade-in-top 1s linear both;}
.hopewrap .hopeletter4 .webinner ul li:nth-of-type(2).on{animation-delay: 0.2s;}
.hopewrap .hopeletter4 .webinner ul li:nth-of-type(3).on{animation-delay: 0.4s;}
.hopewrap .hopeletter5{background: url(/resources/2026/web/images/event/hope_bg5.png) 50% 0 no-repeat;min-width: 1362px}
.hopewrap .hopeletter5 .webinner{height: 1310px;;}
.hopewrap .hopeletter5 .webinner h2{color:#1e1a19; font-size: 50px;padding: 148px 0 110px 0px;line-height: 72px;font-weight: 500;position: relative;}
.hopewrap .hopeletter5 .webinner h2:after{content: '';position: absolute;background: url(/resources/2026/web/images/event/hope5_de1.png) no-repeat;width: 16px; height: 18px; left: 802px; top:358px;animation: opa 1s linear infinite alternate;}
.hopewrap .hopeletter5 .webinner h2 i{font-weight: 700;color:#1e1a19}
.hopewrap .hopeletter5 .webinner h2 span{color:#ffd197;font-size: 70px;display: inline-flex;line-height: 89px;vertical-align: sub;margin-left: 40px;}
.hopewrap .hopeletter5 .webinner h2 span b{color:#ffd197;font-size: 70px;font-family: var(--sb3) !important;display: inline-block;vertical-align: middle;overflow: hidden;}
.hopewrap .hopeletter5 .webinner h2 span em{margin: 0 30px;color:#ffd197;font-size: 70px;font-family: var(--sb3) !important;font-style: normal;}
.hopewrap .hopeletter5 .webinner .picbox{position: relative;margin-left: -51px;;}
.hopewrap .hopeletter5 .webinner .picbox .pics{opacity: 0;}
.hopewrap .hopeletter5 .webinner .picbox .pics.on{animation: fade-in-top 1s linear both}
.hopewrap .hopeletter5 .webinner .picbox .pics2.on{animation-delay: 0.3s;}
.hopewrap .hopeletter5 .webinner .picbox .pics2{position: absolute;left: 553px;top: 350px;}
.hopewrap .hopeletter5 .webinner .picbox .hopeletterbtn{position: relative;width: 440px;margin: -20px 0 0 50px;}
.hopewrap .hopeletter5 .webinner .picbox .hopeletterbtn a{width: 440px; padding: 17px 0 11px 0;font-size: 38px; color:#ffd197;font-family: var(--sb3) !important;background: #1e1a19;text-align: center;display: block;clip-path: polygon(100% 75%, 95% 100%, 0 100%, 0 0, 100% 0);position: relative;}
.hopewrap .hopeletter5 .webinner .picbox .hopeletterbtn a:after{content: '';position: absolute;background: url(/resources/2026/web/images/event/hope_arow.png) no-repeat;width: 36px; height: 33px; top: 50%; transform: translate(0,-50%);right: 20px;;}
.hopewrap .hopeletter5 .webinner .picbox .hopeletterbtn:before{content: '';position: absolute;background: url(/resources/2026/web/images/event/hope_arowT.png) no-repeat;width: 128px; height: 158px; top: -35px; right: -38px;animation: rot6 3s linear infinite alternate;transform-origin: 40% 50%;}
.hopewrap .hopeletter5 .webinner p.T1{font-size: 32px; color:#ffe5c4;position: absolute;text-align: center;line-height: 60px;left: 759px;top: 600px;font-family: var(--bon) !important;}
.hopewrap .hopeletter6{background: url(/resources/2026/web/images/event/hope_bg6.png) 50% 0 no-repeat;min-width: 1300px}
.hopewrap .hopeletter6 .webinner{height: 1340px;}
.hopewrap .hopeletter6 .webinner .picob{position: absolute;}
.hopewrap .hopeletter6 .webinner .picob1{left: 17px; top: 70px;}
.hopewrap .hopeletter6 .webinner .picob1 img{position: relative;z-index: 2;}
.hopewrap .hopeletter6 .webinner .picbox1{padding: 276px 0 69px 384px;position: relative;z-index: 3;opacity: 0;}
.hopewrap .hopeletter6 .webinner .picbox1.on{animation: fade-in-top 1s linear both}
.hopewrap .hopeletter6 .webinner .svgcont{width: 575px;height: 434px; top: 13px;position: absolute;left: -20px;}
.hopewrap .hopeletter6 .webinner .svgcont .text-svg {position: absolute;top: 0; width: 100%; height: 100%;pointer-events: none;z-index: 1;}
.hopewrap .hopeletter6 .webinner .svgcont #textPath {fill: none;}
.hopewrap .hopeletter6 .webinner .svgcont text{font-family: var(--bon) !important;opacity: 0.5;letter-spacing: -2px;}
.hopewrap .hopeletter6 .webinner h2{color:#fff; font-size: 50px;padding: 0 0 32px 0px;line-height: 68px;font-weight: 500;text-align: center;position: relative;}
.hopewrap .hopeletter6 .webinner h2:after{content: '';position: absolute;background: url(/resources/2026/web/images/event/hope5_de1.png) no-repeat;width: 16px; height: 18px; left: 886px; top:138px;animation: opa 1s linear infinite alternate;}
.hopewrap .hopeletter6 .webinner h2 span{color:#ffd197;font-size: 75px;display: inline-flex;line-height: 89px;text-shadow: 0 0 10px rgba(0,0,0,0.4)}
.hopewrap .hopeletter6 .webinner h2 span i{color:#ffd197;font-size: 75px;font-family: var(--sb3) !important;display: inline-block;vertical-align: middle;height: 120px;overflow: hidden;margin: 0 20px;text-shadow: 0 0 10px rgba(0,0,0,0.4);clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);width: 100%;}
.hopewrap .hopeletter6 .webinner h2.on span i{animation: clipswidth2 1s linear both;}
.hopewrap .hopeletter6 .webinner .picbox2{width: 630px; margin: auto;opacity: 0;}
.hopewrap .hopeletter6 .webinner .picbox2.on{animation: fade-in-top 1s linear both}
.hopewrap .hopeletter6 .webinner .picob2{left: 759px; top: 590px;}
.hopewrap .hopeletter6 .webinner p.T1{font-size: 28px; color:#ffe5c4;position: absolute;text-align: center;line-height: 60px;left: 855px;top: 194px;font-family: var(--bon) !important;}
.hopewrap .hopeletter6 .webinner p.T1 i{font-size: 32px; color:#fff;font-family: var(--bon) !important}
.hopewrap .hopeletter7{background: url(/resources/2026/web/images/event/hope_bg7.png) 50% 0 no-repeat;min-width: 1300px}
.hopewrap .hopeletter7 .webinner{height: 580px;}
.hopewrap .hopeletter7 .webinner h2{position: absolute;text-align: center;color:#fff;font-size: 40px;line-height:65px;left: 467px; top: 240px;}
.hopewrap .hopeletter7 .webinner h2 span{color:#ffe5c4}
.hopewrap .hopeletter7 .webinner h2 span i{font-family: var(--sb3) !important;color:#ffd197}
.hopewrap .hopeletter7 .webinner .videos{width: 440px; height: 325px; position: relative;top: 113px; margin-left: -50px;}
.hopewrap .hopeletter7 .webinner .videos video{width: 100%; height: 100%;left: 0;top: 0;object-fit: cover; position: absolute;;}
.hopewrap .hopeletter8{background: url(/resources/2026/web/images/event/hope_bg8.png) 50% 0 no-repeat;min-width: 1300px}
.hopewrap .hopeletter8 .webinner{height: 800px;}
.hopewrap .hopeletter8 .webinner h2{text-align: center;color:#1e1a19;font-size: 45px;line-height:75px;padding: 103px 0 59px 0;position: relative;}
.hopewrap .hopeletter8 .webinner h2:before{content: '';position: absolute;background: url(/resources/2026/web/images/event/hope8_ob1.png) no-repeat;width: 107px; height: 113px; top: 36px; left: 50%; margin-left: 160px;}
.hopewrap .hopeletter8 .webinner h2 span{color:#1e1a19;font-size: 50px; font-weight: 700;}
.hopewrap .hopeletter8 .webinner h2 i{font-family: var(--sb3) !important;color:#976242;font-size: 50px;vertical-align: middle;}
.hopewrap .hopeletter8 .webinner p.T1{text-align: center;font-size: 25px; line-height: 55px; font-family: var(--bon) !important;color:#1e1a19}
.hopewrap .hopeletter8 .webinner p.T1 i{font-size: 28px; font-family: var(--bon) !important;color:#1e1a19;font-weight: 700;}
.hopewrap .hopeletter9{background: url(/resources/2026/web/images/event/hope_bg9.png) 50% 0 no-repeat;min-width: 1300px}
.hopewrap .hopeletter9 .webinner{height: 200px;display: flex;align-items: center;justify-content: center;}
.hopewrap .hopeletter9 .webinner h2{text-align: center;color:#ffe5c4;font-size: 45px;}
.hopewrap .hopeletter9 .webinner h2 i{color:#ffe5c4;font-weight: 700;}
.hopewrap .hopeletter10{background: #000;}
.hopewrap .hopeletter10 .webinner{height: 980px;}
.hopewrap .hopeletter10 .videobg{position: absolute;width: 100%; height: 980px;left: 50%;top: 0;transform: translate(-50%,0);}
.hopewrap .hopeletter10 .videobg video{position: absolute;width: 100%; height: 100%;left: 0;top: 0;object-fit: cover;;}
.hopewrap .hopeletter10 .webinner .supbox{background: url(/resources/2026/web/images/event/hope10_supbox.png) no-repeat;width: 480px; height: 600px;position: absolute;left: 730px; top: 175px;z-index: 1}
.hopewrap .hopeletter10 .webinner .supbox:before{content: '';position: absolute;background: url(/resources/2026/web/images/event/hope10_supimg.png) no-repeat;width: 278px; height: 409px;top: 149px;left: 275px;;}
.hopewrap .hopeletter10 .webinner .supbox .Tbox{padding: 54px;margin-bottom: 102px;}
.hopewrap .hopeletter10 .webinner .supbox .Tbox p.T1{color:#1e1a19;font-size: 28px;line-height: 43px;margin-bottom: 19px;}
.hopewrap .hopeletter10 .webinner .supbox .Tbox p.T2{color:#1e1a19;font-size: 40px;}
.hopewrap .hopeletter10 .webinner .supbox .Tbox p.T2.on b{animation: w100 1s linear both;}
.hopewrap .hopeletter10 .webinner .supbox .Tbox p.T2 span{padding: 0 10px;margin-left: -10px;}
.hopewrap .hopeletter10 .webinner .supbox .Tbox p.T2 span i,.hopewrap .hopeletter10 .supbox .Tbox p.T2 span em{color:#fff5e8}
.hopewrap .hopeletter10 .webinner .supbox .Tbox p.T2 span,.hopewrap .hopeletter10 .supbox .Tbox p.T2 i{position: relative;display: inline-block;}
.hopewrap .hopeletter10 .webinner .supbox .Tbox p.T2 i{z-index: 2; color:#1e1a19;font-weight: 700;}
.hopewrap .hopeletter10 .webinner .supbox .Tbox b{background: #1e1a19;position: absolute;left: 0;;top: 0;height: 100%;}
.hopewrap .hopeletter10 .webinner .supbox a{padding: 27px 0 21px 0;font-size: 38px; color:#fff5e8;font-family: var(--sb3) !important;text-align: center;display: block;position: relative;margin-bottom: 20px;}
.hopewrap .hopeletter10 .webinner .supbox a:after{content: '';position: absolute;background: url(/resources/2026/web/images/event/hope_arow2.png) no-repeat;width: 36px; height: 33px; top: 50%; transform: translate(0,-50%);right: 30px;;}
.hopewrap .hopeletter10 .webinner .supbox .Tbox p.T2 em{color:#fff5e8;font-weight: 400;font-style: normal;}
.hopewrap .hopeletter10 .webinner .supbox p.T3{text-align: center;color:#fff;font-size: 20px;;}
.hopewrap .hopeletter10 .hope_ob1{height: 2px;background: #fff;position: absolute;left: 50%;top: 105px;z-index: 2;transform: rotate(-230deg);margin-left: 605px;width: 100px;}
.hopewrap .hopeletter10 .hope_ob1:before{content: '';background: url(/resources/2026/web/images/event/hope_ob2.png) no-repeat;width: 44px;height: 54px;position: absolute;margin: -25.5px 0 0 107px;transform: rotate(49deg);opacity: 0;animation: opa 1s linear infinite alternate 0.2s }
.hopewrap .hopeletter10 .hope_ob2{position: absolute;left: 50%;top: 95px;margin-left: 370px;z-index: 2;animation: opa 1s linear infinite alternate;}
.hopewrap .hopeletter11{background: url(/resources/2026/web/images/event/hope_bg11.png) 50% 0 no-repeat;}
.hopewrap .hopeletter11 .webinner{height: 830px;}
.hopewrap .hopeletter11 .webinner p.T1{padding: 117px 0 41px 0;}
.hopewrap .hopeletter11 .webinner p.T1 span{font-size: 32px; color:#b0aaa7;line-height: 60px;position: relative;}
.hopewrap .hopeletter11 .webinner p.T1 span:before{content: '';position: absolute;width: 100%; height: 1px;background: #4d453f;bottom: -10px;left: 0;}
.hopewrap .hopeletter11 .webinner p.T1 i{font-size: 35px; color:#fff;font-weight: 700;}
.hopewrap .hopeletter11 .webinner h2{font-size: 45px;font-family: var(--sb3) !important;color:#fff;line-height: 60px;}
.hopewrap .hopeletter11 .webinner h2 i{font-family: var(--sb3) !important;}
.hopewrap .hopeletter11 .webinner h2 i.co1{color:#b0aaa7}
.hopewrap .hopeletter11 .webinner h2 i.co2{color:#e15133}
.hopewrap .hopeletter11 .webinner .roundbox{position: absolute;width: 353px; height: 343px; left: 765px; top: 113px;display: flex;align-items: center;justify-content: center;}
.hopewrap .hopeletter11 .webinner .roundbox .roundtxt{position: absolute;width: 353px; height: 343px;background: url(/resources/2026/web/images/event/hope11_ob2.png) no-repeat;animation: rot5 50s linear infinite;}
.hopewrap .hopeletter11 .webinner .roundbox .roundobs{position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%);opacity: 0;}
.hopewrap .hopeletter11 .webinner .roundbox .roundobs.on{animation: scaleopa1 2s linear both;}
.hopewrap .hopeletter11 .webinner .roundbox p.T2{display: flex;align-items: center;justify-content: space-around;width: 100%;gap: 45px;}
.hopewrap .hopeletter11 .webinner .roundbox p.T2 span{color:#fff0dd;font-size: 45px; font-family: var(--sb3) !important;display: inline-block;}
.hopewrap .hopeletter11 .webinner .mapimg{position: absolute;top: 387px;left: 982px;opacity: 0;}
.hopewrap .hopeletter11 .webinner .mapimg.on{animation: opa 1s linear both 1s;}
.hopewrap .hopeletter11 .webinner .maptxt{position: absolute;text-align: center;left: 253px; top: 590px;}
.hopewrap .hopeletter11 .webinner .maptxt:before{content: '';position: absolute;background: url(/resources/2026/web/images/event/hope11_ob4.png) no-repeat;width: 645px; height: 104px;top: -38px;left: 135px;}
.hopewrap .hopeletter11 .webinner .maptxt.on::before{animation: clips 1s linear both;}
.hopewrap .hopeletter11 .webinner .maptxt p.T3{color:#fff;font-size: 35px;line-height: 66px;position: relative;}
.hopewrap .hopeletter11 .webinner .maptxt p.T3:before{content: '';position: absolute;background: url(/resources/2026/web/images/event/hope11_ob5.png) no-repeat;width: 31px; height: 30px;left:50%;margin-left: -213px; top: 16px;}
.hopewrap .hopeletter11 .webinner .maptxt.on p.T3:before{animation: clips 1s linear both;}
.hopewrap .hopeletter11 .webinner .maptxt p.T3 i{color:#ffe5c4;font-weight: 700;}
.hopewrap .hopeletter11 .webinner .maptxt p.T3 span{color:#fff;font-weight: 700;}
.hopewrap .hopeletter12{background: url(/resources/2026/web/images/event/hope_bg12.png) 50% 0 no-repeat;;}
.hopewrap .hopeletter12 .webinner{height: 2400px;}
.hopewrap .hopeletter12 h2{font-size: 60px; color: #1e1a19;font-family: var(--sb1) !important;padding: 105px 0 85px 0;text-align: center;position: relative;}
.hopewrap .hopeletter12 h2:after{content: '';position: absolute;background: url(/resources/2026/web/images/event/hope12_ob7.png) no-repeat;width: 16px; height: 18px; margin:54px 0 0 3px;animation: opa 1s linear infinite alternate}
.hopewrap .hopeletter12 h2 i{font-size: 65px;font-family: var(--sb3) !important;}
.hopewrap .hopeletter12 h2 i.co1{color:#1e1a19}
.hopewrap .hopeletter12 h2 i.co2{color:#749c26}
.hopewrap .hopeletter12 .Tbox{width: 1200px; margin: auto;margin-bottom: 215px;position: relative;}
.hopewrap .hopeletter12 .Tbox:after{content: '';position: absolute;width: 107px; height: 113px; bottom: -187px; left: 50%; transform: translate(-25%,0);background: url(/resources/2026/web/images/event/hope12_ob5.png) no-repeat;}
.hopewrap .hopeletter12 .Tbox .albums{position: absolute;top: 50%;left: -14px;transform: translate(0,-45%);background: url(/resources/2026/web/images/event/hope12_ob1.png) no-repeat;width: 377px; height: 457px;z-index: 1;}
.hopewrap .hopeletter12 .Tbox .albums::before{content: '';background: url(/resources/2026/web/images/event/hope12_ob1_1.png) no-repeat;width: 323px; height: 320px;left: 10px; top: 85px;position: absolute;filter: brightness(0);transition: 1.5s linear;}
.hopewrap .hopeletter12 .Tbox .albums.on::before{filter: brightness(1)}
.hopewrap .hopeletter12 .Tbox p.T1{font-size: 30px;color:#1e1a19;padding: 22px 0 22px 472px;position: relative;}
.hopewrap .hopeletter12 .Tbox p.T1::before{content: '';position: absolute;top: 50%; transform: translate(0,-50%);}
.hopewrap .hopeletter12 .Tbox p.T1 i{color:#749c26;font-weight: 700;}
.hopewrap .hopeletter12 .Tbox p.T1 span{color:#1e1a19;font-weight: 700}
.hopewrap .hopeletter12 .Tbox p.T1:nth-of-type(1){border-top: 1px solid #989a9c;border-bottom: 1px solid #989a9c;}
.hopewrap .hopeletter12 .Tbox p.T1:nth-of-type(2){border-bottom: 1px solid #989a9c;}
.hopewrap .hopeletter12 .Tbox p.T1:nth-of-type(3){border-bottom: 1px solid #989a9c;}
.hopewrap .hopeletter12 .Tbox p.T1:nth-of-type(1)::before{background: url(/resources/2026/web/images/event/hope12_ob2.png) no-repeat;width: 54px; height: 46px;margin-left: -86px;}
.hopewrap .hopeletter12 .Tbox p.T1:nth-of-type(2)::before{background: url(/resources/2026/web/images/event/hope12_ob3.png) no-repeat;width: 56px; height: 35px;margin-left: -86px;}
.hopewrap .hopeletter12 .Tbox p.T1:nth-of-type(3)::before{background: url(/resources/2026/web/images/event/hope12_ob4.png) no-repeat;width: 35px; height: 33px;margin-left: -75px;}
.hopewrap .hopeletter12 h3{font-size: 50px; color: #1e1a19;padding: 0 0 144px 0;text-align: center;}
.hopewrap .hopeletter12 h3.sec{padding: 0 0 87px 0;}
.hopewrap .hopeletter12 h3 i{font-weight: 700;color: #1e1a19;}
.hopewrap .hopeletter12 h3 span{font-weight: 700;color: #749c26;}
.hopewrap .hopeletter12 .galarea{margin-bottom: 210px;position: relative;}
.hopewrap .hopeletter12 .galarea:after{content: '';position: absolute;width: 107px; height: 113px; bottom: -187px; left: 50%; transform: translate(-75%,0);background: url(/resources/2026/web/images/event/hope12_ob6.png) no-repeat;}
.hopewrap .hopeletter12 .galarea ul{display: flex;align-items: center;justify-content: center;gap:10px}
.hopewrap .hopeletter12 .galarea ul li{width: 316px;box-shadow: 0 0 10px rgba(0,0,0,0.1);border-radius: 30px;transition: 0.3s linear;opacity: 0;}
.hopewrap .hopeletter12 .galarea ul li.on{animation: fade-in-top 1s linear both;}
.hopewrap .hopeletter12 .galarea ul li:nth-of-type(2).on{animation-delay: 0.2s;}
.hopewrap .hopeletter12 .galarea ul li:nth-of-type(3).on{animation-delay: 0.4s;}
.hopewrap .hopeletter12 .galarea ul li:nth-of-type(4).on{animation-delay: 0.6s;}
.hopewrap .hopeletter12 .galarea ul li:hover{transform: scale(1.1);}
.hopewrap .hopeletter12 .galarea ul li img{width: 100%;}
.hopewrap .hopeletter12 .galarea ul li .Stbox{background: #fff;text-align: center;padding-bottom: 22px;border-radius: 0 0 30px 30px;}
.hopewrap .hopeletter12 .galarea ul li p.T2{color:#1e1a19;font-size: 26px; font-weight: 700;padding: 22px 0 10px 0;}
.hopewrap .hopeletter12 .galarea ul li p.T3{color:#1e1a19;font-size: 18px;line-height: 28px;}
.hopewrap .hopeletter12 .hopebtn{display: flex;align-items: center;justify-content: space-around;gap: 650px;}
.hopewrap .hopeletter12 .hopebtn a{width: 210px; height: 210px; display: flex;align-items: center;justify-content: center;flex-direction: column;border-radius: 210px;color: #1e1a19;font-weight: 700;font-size: 35px;text-align: center;line-height: 45px;position: relative;z-index: 1;}
.hopewrap .hopeletter12 .hopebtn a i{display: inline-block;background: url(/resources/2026/web/images/event/hope_arow3.png) no-repeat;width: 31px; height: 14px;animation: leftfloat 1s linear infinite alternate;margin-top: 13px;}
.hopewrap .hopeletter12 .hopebtn a:nth-of-type(1){background: #bdcc5b;animation: shodows 1s linear infinite alternate;}
.hopewrap .hopeletter12 .hopebtn a:nth-of-type(2){background: #99bde5;animation: shodows2 1s linear infinite alternate;}
.hopewrap .hopeletter13{background: #f2f4f9;}
.hopewrap .hopeletter13 .webinner{padding-bottom: 150px;}
.hopewrap .hopeletter13 h2{text-align: center;padding: 102px 0 66px 0;font-size: 60px; font-weight: 900;font-family: var(--sb1) !important;color:#1e1a19}
.hopewrap .hopeletter13 h2 span{font-weight: 900;color:#749c26;font-size: 65px;font-family: var(--sb3) !important;}
.hopewrap .hopeletter13 .qnabox{background: #fff; border-radius: 10px;padding: 0 40px;box-shadow: 0px 0px 20px rgba(0,0,0,0.2);width: 1100px; margin: auto;margin-bottom: 10px;}
.hopewrap .hopeletter13 .qnabox p.q{padding: 38px 0 29px 88px;display: block;font-size: 27px;position: relative;color:#000;cursor: pointer;font-weight: 700;}
.hopewrap .hopeletter13 .qnabox p.q:before{content: '';position: absolute;left: 0; top: 50%; transform: translate(0,-50%);background: url(/resources/2026/web/images/event/hopeQ.png) no-repeat;width: 60px; height: 60px;}
.hopewrap .hopeletter13 .qnabox p.q:after{content: '';position: absolute;right: 0; top: 50%; transform: translate(0,-50%);background: url(/resources/2026/web/images/event/hopejjok.png) no-repeat;width: 22px; height: 12px;;transition: 0.5s ease;}
.hopewrap .hopeletter13 .qnabox p.q span{color:#6ea424}
.hopewrap .hopeletter13 .qnabox p.q.on:after{background: url(/resources/2026/web/images/event/hopejjok.png) no-repeat;width: 22px; height: 12px;transform: translate(0,-50%) rotate(180deg) ;}
.hopewrap .hopeletter13 .qnabox .acont{display:table-cell;vertical-align: middle;padding:35px 0 35px 88px; font-size: 22px;position: relative;font-weight: 400;color:#666;line-height: 36px;display: none;}
.hopewrap .hopeletter13 .qnabox .acont .steps{width: 819px; margin: auto;margin-bottom: 40px;}
.hopewrap .hopeletter13 .qnabox .acont:before{content: '';position: absolute;left: 16px; top: 30px; background: url(/resources/2026/web/images/event/hopeA.png) no-repeat;width: 31px; height: 30px;}
.hopewrap .hopeletter13 .qnabox .acont:after{content: '';position: absolute;left: 5px; top: 0px;background: #6ea424;width: 50px; height: 2px;}
.hopewrap .hopeletter13 .qnabox .acont i{font-weight: 900;color:#000; ;letter-spacing: -1px;}
.hopewrap .hopeletter13 .qnabox .acont span{font-weight: 900;color:#749c26; }
.hopewrap .hopeletter13 .qnabox .acont .alink{position: absolute;bottom: 35px;right: 0;}
.hopewrap .hopeletter13 .qnabox .acont .alink a{width: 230px; height: 50px; line-height: 50px;color:#fff;font-size: 21px;;font-weight: 700;text-align: center;display: block;}
.hopewrap .hopeletter13 .qnabox .acont .alink a span{margin-left: 10px;position: relative;top: -3px;animation: leftfloat 1s linear infinite alternate;display: inline-block;}
.hopewrap .hopeletter13 .qnabox .acont .alink a.co1{background: #7aa429;}
.hopewrap .hopeletter13 .qnabox:last-child div a{line-height: 70px;}
.hopewrap .hopequicks.hopeinfoquicks{top: auto;bottom: 190px;}
.hopewrap .hopequicks img{width: auto;}
.hopewrap .hopequicks{position: fixed;z-index: 11;top: 190px; right: 30px;width: 200px;text-align: center;}
.hopewrap .hopequicks a{display: block;}
.hopewrap .hopequicks a.qbs{margin-bottom: 30px;box-shadow: 5px 5px 5px rgba(0,0,0,0.1);border-radius: 30px;}
.hopewrap .hopequicks a.jibu{background: #7aa429;width: 200px; height: 60px; line-height: 60px;border-radius: 60px;text-align: center;box-shadow: 5px 5px 5px rgba(0,0,0,0.1);}
.hopewrap .hopequicks a.jibu span{padding-left: 30px;color:#fff; font-size: 19px;position: relative;;}
.hopewrap .hopequicks a.jibu span:before{content: '';position: absolute;background: url(/resources/2026/web/images/event/area_icon.png) no-repeat;width: 18px; height: 24px; left: 0;top: 50%; transform: translate(0,-50%);}
.hopewrap .hopequicks.hopeinfoquicks a.qbs{margin-bottom: 15px;}
.hopewrap .hopequicks.on{display: none !important;}
.hopewrap .galetter1{background: #c2f0fd;min-width: 1300px;}
.hopewrap .galetter1 i.hopelogos{position: absolute;left: 50%;z-index: 3;}
.hopewrap .galetter1 i.hopelogos1{margin-left: -955px;top: 15px;}
.hopewrap .galetter1 i.hopelogos2{margin-left: 834px;top: 11px;width: 111px;}
.hopewrap .galetter1 .webinner{height: 2495px;width: 100%;}
.hopewrap .galetter1 .webinner .gatitle{background: url(/resources/2026/web/images/event/ga_main_ob9.png) no-repeat;width: 974px; height: 720px;margin: auto;position: relative;top:70px;filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.2));text-align: center;}
.hopewrap .galetter1 .webinner .gatitle p.T1{padding: 111px 0 27px 0;}
.hopewrap .galetter1 .webinner .gatitle h1{opacity: 0;animation: fade-in-top 1s linear both;margin-bottom: 28px;}
.hopewrap .galetter1 .webinner .gatitle h1 span{position: relative;animation: rot7 2s steps(5) infinite alternate;display: inline-block;}
.hopewrap .galetter1 .webinner .gatitle h1 span:nth-of-type(1){top: -4px;margin:0 24px 0 -18px;}
.hopewrap .galetter1 .webinner .gatitle h1 span:nth-of-type(1)::before{content: '';position: absolute;background: url(/resources/2026/web/images/event/ga_main_ob10.png) no-repeat;width: 55px; height: 99px;left: -55px; top: -8px;animation: opa 0.5s infinite alternate;}
.hopewrap .galetter1 .webinner .gatitle h1 span:nth-of-type(2){animation-delay: 0.6s; margin-right: 15px;}
.hopewrap .galetter1 .webinner .gatitle h1 span:nth-of-type(3){animation-delay: 0.3s; top: -13px;}
.hopewrap .galetter1 .webinner .gatitle h1 span:nth-of-type(4){animation-delay: 0.4s; top: -5px;margin:0 20px 0 141px;}
.hopewrap .galetter1 .webinner .gatitle h1 span:nth-of-type(5){animation-delay: 0.5s; top: -13px;margin-right: 10px;}
.hopewrap .galetter1 .webinner .gatitle h1 span:nth-of-type(6){animation-delay: 0.1s; top: -18px;margin-right: 10px;}
.hopewrap .galetter1 .webinner .gatitle h1 span:nth-of-type(7){animation-delay: 0.2s; top: -53px;}
.hopewrap .galetter1 .webinner .gatitle .ga_ob{position: absolute;}
.hopewrap .galetter1 .webinner .gatitle .ga_ob1{background: url(/resources/2026/web/images/event/ga_main_ob6.png) no-repeat;left: 777px;top:165px; width: 153px; height: 148px;animation: rot7 1s steps(3) infinite alternate;transform-origin: 0% 100%;}
.hopewrap .galetter1 .webinner .gatitle .ga_ob2{background: url(/resources/2026/web/images/event/ga_main_ob7.png) no-repeat;left: 812px;top:355px; width: 192px; height: 82px;animation: rot7 1s steps(3) infinite alternate 0.2s;transform-origin: 0% 0%;}
.hopewrap .galetter1 .webinner .gatitle .ga_ob3{background: url(/resources/2026/web/images/event/ga_main_ob8.png) no-repeat;left: 695px;top:247px; width: 25px; height: 32px;animation: opa 0.5s infinite alternate;}
.hopewrap .galetter1 .webinner .gabi{margin-left: 60px;}
.hopewrap .galetter1 .ga_obs{position: absolute;left: 50%;}
.hopewrap .galetter1 .ga_obs1{margin-left: -710px;top: 123px;animation: rot6 2s infinite alternate;}
.hopewrap .galetter1 .ga_obs2{animation: leftfloat 1s linear alternate infinite; margin-left: -922px;top: 226px;}
.hopewrap .galetter1 .ga_obs3{animation: leftfloat 1s linear alternate infinite 0.2s; margin-left: -666px;top: 364px;}
.hopewrap .galetter1 .ga_obs4{animation: leftfloat 1s linear alternate infinite 0.1s; margin-left: 557px;top: 129px;}
.hopewrap .galetter1 .ga_obs5{animation: leftfloat 1s linear alternate infinite 0.3s; margin-left: 695px;top: 242px;}
.hopewrap .galetter1 .ga_obs6{margin-left: -605px;top: 333px;}
.hopewrap .galetter1 .ga_obs7{margin-left: 276px;top: 555px;z-index: 2;animation: rot 1s linear infinite alternate;transform-origin: 50% 100%;}
.hopewrap .galetter1 .gamainbg{position: absolute;background: url(/resources/2026/web/images/event/ga_main_bg1.png) no-repeat;width: 1920px; bottom: 0;left: 50%; transform: translate(-50%,0);z-index: 1;}
.hopewrap .galetter1 .gamainbg .webinner{position: relative;width: 1300px;margin: auto;height: 1997px;}
.hopewrap .galetter1 .gamainbg .gabtn{text-align: center;padding: 320px 0 78px 0;}
.hopewrap .galetter1 .gamainbg .gabtn a{width: 560px; height: 115px; line-height: 115px; border-radius: 15px;background: #fe5e90;display: inline-block;font-size: 45px; color: #fff;font-family: var(--sb3) !important;box-shadow: 0 0 10px rgba(0,0,0,0.5);}
.hopewrap .galetter1 .gamainbg .gabtn a i{color: #ffdc3a;font-family: var(--sb3) !important;}
.hopewrap .galetter1 .gamainbg .gabtn a img{display: inline-block;margin-right: 15px;}
.hopewrap .galetter1 .gamainbg .gapan{text-align: center;transform-origin: 50% 0;margin-bottom: 113px;}
.hopewrap .galetter1 .gamainbg .gapan.on{animation: rot8 1s linear both alternate ;}
.hopewrap .galetter1 .gamainbg h3{color:#fff;font-size: 40px;padding: 0 0 50px 155px;position: relative;}
.hopewrap .galetter1 .gamainbg h3 img{margin-right: 10px;}
.hopewrap .galetter1 .gamainbg h3 span.co1,.hopewrap .galetter1 .gamainbg h3 span.co2,.hopewrap .galetter1 .gamainbg h3 span i{position: relative;line-height: 40px;}
.hopewrap .galetter1 .gamainbg h3 span.co1 i{font-size: 45px; color:#fff; font-family: var(--sb3) !important;margin-top: -1px;}
.hopewrap .galetter1 .gamainbg h3 span.co2,.hopewrap .galetter1 .gamainbg h3 span.co2 i{font-size: 50px; color:#ffdc3a; font-family: var(--sb3) !important;}
.hopewrap .galetter1 .gamainbg h3 span b{position: absolute; height: 1px;left: 0;}
.hopewrap .galetter1 .gamainbg h3.on span b{animation: w100 1s linear both;}
.hopewrap .galetter1 .gamainbg h3 span.co1 b{background: #fff;bottom: -5px;}
.hopewrap .galetter1 .gamainbg h3 span.co2 b{background: #ffdc3a;bottom: 3px;}
.hopewrap .galetter1 .gamainbg h3 span.chs{position: absolute;background: url(/resources/2026/web/images/event/ga_main_ob13.png) no-repeat;width: 423px; height: 511px;top: -179px;left: 941px;}
.hopewrap .galetter1 .gamainbg h3 span.chs::before{content: '';position: absolute;background: url(/resources/2026/web/images/event/ga_main_ob14.png) no-repeat;width: 23px;height: 32px;left: 174px; top: 67px;animation: opa 1s linear infinite alternate;}
.hopewrap .galetter1 .gamainbg h3 span.chs::after {content: '';position: absolute;background: url(/resources/2026/web/images/event/ga_main_ob15.png) no-repeat;width: 30px;height: 32px;left: 315px; top: 49px;animation: opa 1s linear infinite alternate 0.2s;}
.hopewrap .galetter1 .gamainbg .videos{position: relative;width: 1030px; height: 590px;margin: auto;border-radius: 60px;border: 12px solid #fe5e90;box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);z-index: 1;background: #000;}
.hopewrap .galetter1 .gamainbg .videos::before{content: '';position: absolute;background: url(/resources/2026/web/images/event/ga_main_T2.png) no-repeat;width: 603px; height: 47px; left: 50%; transform: translate(-50%,0);bottom: -47px;}
.hopewrap .galetter1 .gamainbg .videos iframe{width: 100%; height: 100%;left: 0;top: 0;position: absolute;border-radius: 47px;z-index: 1;}
.hopewrap .galetter1 .ga_obs8{margin-left: -847px;bottom: 116px;z-index: 2;animation: leftfloat 1s linear infinite alternate;}
.hopewrap .galetter2{background: linear-gradient(130deg,rgba(216, 139, 83, 1) 0%, rgba(200, 113, 69, 1) 100%);}
.hopewrap .galetter2 .webinner{padding-bottom: 120px;}
.hopewrap .galetter2 h2{text-align: center;padding: 120px 0 96px 0;position: relative;}
.hopewrap .galetter2 h2::before{content: '';position: absolute;left: 50%;margin-left: 377px;background: url(/resources/2026/web/images/event/ga_main_ob20.png) no-repeat;width: 190px; height: 192px;top: 55px;}
.hopewrap .galetter2 h2::after{content: '';position: absolute;left: 50%;margin-left: 556px;top: 113px;background: url(/resources/2026/web/images/event/ga_main_ob19.png) no-repeat;width: 17px; height: 21px;animation: opa 1s linear infinite alternate}
.hopewrap .galetter2 .Tbox1{position: relative;left: 50%; margin:0 0 233px 125px;}
.hopewrap .galetter2 .Tbox1::before{content: '';position: absolute;background: url(/resources/2026/web/images/event/ga_main_ob21.png) no-repeat;width: 279px; height: 264px; top: 206px; left: 409px;animation:leftfloat 1s linear infinite alternate;transform-origin: 50% 100%;}
.hopewrap .galetter2 .Tbox p.T1{color:#ffd67f;font-size: 50px; line-height: 71px; font-family: var(--sb3) !important;margin-bottom: 18px;}
.hopewrap .galetter2 .Tbox p.T2{color:#ffe1c1;font-size: 29px; line-height: 51px; font-family: var(--yoon) !important;}
.hopewrap .galetter2 .gamainbg{position: absolute;left: 50%;  }
.hopewrap .galetter2 .gamainbg1{margin-left: -960px;top: 512px;background: url(/resources/2026/web/images/event/ga_main_bg2.png) no-repeat;width: 1920px; height: 856px;}
.hopewrap .galetter2 .gamainbg2{margin-left: -960px;bottom: 0px;background: url(/resources/2026/web/images/event/ga_main_bg2_1.png) no-repeat;width: 1920px; height: 840px;z-index: 1;}
.hopewrap .galetter2 .gamainbg3{margin-left: -850px;top: 394px;background: url(/resources/2026/web/images/event/ga_main_ob22.png) no-repeat;width: 994px; height: 692px;opacity: 0;}
.hopewrap .galetter2 .gamainbg3.on{animation: fade-in-left 1s linear both}
.hopewrap .galetter2 .gamainbg3:before{content: '';position: absolute;background: url(/resources/2026/web/images/event/ga_main_ob22_1.png) no-repeat;width: 108px; height: 92px; top: -14px; left: 290px;clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%)}
.hopewrap .galetter2 .gamainbg3.on:before{animation: clips 1s linear both 1s}
.hopewrap .galetter2 .Tbox2{position: relative;margin:0 0 0 168px;z-index: 3;}
.hopewrap .galetter2 .Tbox2::before{content: '';position: absolute;background: url(/resources/2026/web/images/event/ga_main_ob25.png) no-repeat;width: 124px; height: 227px; top: 100px; left: -180px;animation: rot 1s linear infinite alternate;transform-origin: 50% 100%;}
.hopewrap .galetter2 .gaobs{position: absolute;left: 50%;z-index: 3;}
.hopewrap .galetter2 .gaobs1{margin-left:20px;bottom: 0px;background: url(/resources/2026/web/images/event/ga_main_ob23.png) no-repeat;width: 599px; height: 617px;opacity: 0;}
.hopewrap .galetter2 .gaobs1 span{display: inline-block;position: absolute;}
.hopewrap .galetter2 .gaobs1 span:nth-of-type(1){left: 117px;top: 182px; width: 31px;height: 34px; background: url(/resources/2026/web/images/event/ga_main_ob24.png) no-repeat;animation: opa 1s linear infinite alternate}
.hopewrap .galetter2 .gaobs1 span:nth-of-type(2){left: 153px;top: 210px; width: 20px;height: 20px; background: url(/resources/2026/web/images/event/ga_main_ob24.png) no-repeat;background-size: cover;animation: opa 1s linear infinite alternate 0.2s}
.hopewrap .galetter2 .gaobs1 span:nth-of-type(3){left: 492px;top: 102px; width: 94px;height: 85px; background: url(/resources/2026/web/images/event/ga_main_ob23_1.png) no-repeat;clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}
.hopewrap .galetter2 .gaobs1.on{animation: fade-in-right 1s linear both}
.hopewrap .galetter2 .gaobs1.on span:nth-of-type(3){animation: clips 1s linear both 1s}
.hopewrap .galetter3{background: linear-gradient(180deg, #1e8fd6 0%, #4cc3e6 100%) ; position: relative; width: 100%;}
.hopewrap .galetter3 .gabgs{background: url(/resources/2026/web/images/event/ga_main_bg3.png) 50% bottom no-repeat;position: absolute;bottom: 0;left: 50%; transform: translate(-50%,0);width: 1920px; height: 714px;}
.hopewrap .galetter3 .webinner{height: 1180px}
.hopewrap .galetter3 h2{color:#fff; font-size: 60px; font-family: var(--sb3) !important;padding: 97px 0 50px 0;line-height: 71px;text-align: center;}
.hopewrap .galetter3 h2 i{color:#ffdc3a; font-size: 60px; font-family: var(--sb3) !important;}
.hopewrap .galetter3 .star {position: absolute;animation: twinkle 2.5s ease-in-out infinite;}
.hopewrap .galetter3 .star.bigs1{background: url(/resources/2026/web/images/event/ga_main_ob29.png) no-repeat;width: 44px; height: 42px;margin: 395px 0 0 -818px;background-size: cover;}
.hopewrap .galetter3 .star.bigs2{background: url(/resources/2026/web/images/event/ga_main_ob29.png) no-repeat;width: 64px; height: 66px;margin: 77px 0 0 -734px;background-size: cover;}
.hopewrap .galetter3 .star.bigs3{background: url(/resources/2026/web/images/event/ga_main_ob29.png) no-repeat;width: 44px; height: 42px;margin: 222px 0 0 -544px;background-size: cover;}
.hopewrap .galetter3 .star.bigs4{background: url(/resources/2026/web/images/event/ga_main_ob29.png) no-repeat;width: 124px; height: 126px;margin: 148px 0 0 354px;background-size: cover;}
.hopewrap .galetter3 .star.bigs5{background: url(/resources/2026/web/images/event/ga_main_ob29.png) no-repeat;width: 44px; height: 42px;margin: 85px 0 0 761px;background-size: cover;}
.hopewrap .galetter3 .star.yellow {animation-duration: 3s;display: inline-block;left: 50%; top: 0;}
.hopewrap .galetter3 .star.white {width: 5px;height: 5px;background: white;border-radius: 50%;animation-duration: 2s;top: 0;left: 50%;}
.hopewrap .galetter3 .star.smstar1{margin: 354px 0 0 -886px;}
.hopewrap .galetter3 .star.smstar2{margin: 82px 0 0 -836px;}
.hopewrap .galetter3 .star.smstar3{margin: 124px 0 0 -810px;}
.hopewrap .galetter3 .star.smstar4{margin: 108px 0 0 -445px;}
.hopewrap .galetter3 .star.smstar5{margin: 185px 0 0 -423px;}
.hopewrap .galetter3 .star.smstar6{margin: 219px 0 0 -400px;}
.hopewrap .galetter3 .star.smstar7{margin: 88px 0 0 394px;}
.hopewrap .galetter3 .star.smstar8{margin: 120px 0 0 490px;}
.hopewrap .galetter3 .star.smstar9{margin: 109px 0 0 510px;}
.hopewrap .galetter3 .star.smstar10{margin: 145px 0 0 670px;}
.hopewrap .galetter3 .star.smstar11{margin: 97px 0 0 870px;}
.hopewrap .galetter3 .star:nth-child(odd) {animation-delay: -1.2s;}
.hopewrap .galetter3 .star:nth-child(even) {animation-delay: -0.6s;}
.hopewrap .galetter3 .star.cloud1{animation: leftfloat 1s linear infinite alternate;left: 50%; top: 0;margin: 210px 0 0 -866px;}
.hopewrap .galetter3 .star.cloud2{animation: leftfloat 1.2s linear infinite alternate 0.2s;left: 50%; top: 0;margin: 105px 0 0 -611px;}
.hopewrap .galetter3 .star.cloud3{animation: leftfloat 1.8s linear infinite alternate 0.4s;left: 50%; top: 0;margin: 200px 0 0 574px;}
.hopewrap .galetter3 .charea{position: relative;z-index: 2;left: 50%; transform: translate(-50%,0);height: 678px;margin-bottom: 63px;}
.hopewrap .galetter3 .charea .chimg{position: absolute;bottom:224px;left: 50%; transform: translate(-50%,0);}
.hopewrap .galetter3 .charea #bubbleWrap{position: absolute;top: 0px; left: 50%;transform: translate(-50%,0);}
.hopewrap .galetter3 .charea #bubbleWrap .bubble{position: absolute;left: 50%;top: 0;}
.hopewrap .galetter3 .charea #bubbleWrap .bubble.default{margin: -65px 0 0 -447px;}
.hopewrap .galetter3 .charea #bubbleWrap .bubble.bubble-book{margin: -63px 0 0 -541px;}
.hopewrap .galetter3 .charea #bubbleWrap .bubble.bubble-crayon{margin: -63px 0 0 142px;}
.hopewrap .galetter3 .charea #bubbleWrap .bubble.bubble-palette{margin: 198px 0 0 135px;}
.hopewrap .galetter3 .charea .ga_btnarea{padding: 470px 0 0 0; display: flex;align-items: center;justify-content: center;width: 1300px;margin: auto;gap: 60px;}
.hopewrap .galetter3 .charea .ga_btnarea .gift-btn{cursor: pointer;}
.hopewrap .galetter3 .charea .ga_btnarea .gift-btn img.actives{margin: 0 0 -45px -15px;transition: 0.5s linear;}
.hopewrap .galetter3 .charea .ga_btnarea .gift-btn i{color:#483f3a;font-family: var(--sb3) !important;text-align: center;border-radius: 50%;padding: 20px 5px 15px 5px ;background: #fff; display: block;font-size: 30px;position: relative;z-index: 2;;}
.hopewrap .galetter3 .charea .ga_btnarea .gift-btn i img{margin-right: 3px; vertical-align: middle;}
.hopewrap .galetter3 .charea .ga_btnarea .gift-btn i.co2{display: none;}
.hopewrap .galetter3 .charea .ga_btnarea .gift-btn.active img.actives{filter: grayscale(1);}
.hopewrap .galetter3 .charea .ga_btnarea .gift-btn.active i.co1{display: none;}
.hopewrap .galetter3 .charea .ga_btnarea .gift-btn.active i.co2{display: block;}
.hopewrap .galetter3 .charea .ga_btnarea .gift-btn i.co1{display: block;}
.hopewrap .galetter3 .charea .ga_btnarea .gift-btn i.co2{display: none;}
.hopewrap .galetter3 .charea .ga_btnarea .supbtns{background: linear-gradient(180deg,rgba(0, 125, 199, 1) 0%, rgba(1, 68, 154, 1) 100%);padding: 20.5px;border-radius: 20px;width: 370px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);position: relative;}
.hopewrap .galetter3 .charea .ga_btnarea .supbtns:after{content: '';position: absolute;background: url(/resources/2026/web/images/event/rebon.png) no-repeat;width: 124px; height: 60px; ;position: absolute;top:-40px; left: 50%; transform: translate(-50%,0);}
.hopewrap .galetter3 .charea .ga_btnarea .supbtns .insups{background: #fff;border-radius: 20px;}
.hopewrap .galetter3 .charea .ga_btnarea .supbtns .insups #price{color:#56260c;font-family: var(--sb3) !important;text-align: center;padding: 15px 0;font-size: 35px;}
.hopewrap .galetter3 .charea .ga_btnarea .supbtns .insups a{color:#fff;font-family: var(--sb3) !important;text-align: center;padding: 15px 0;font-size: 35px;background: #fe5e90;display: block;border-radius: 20px;}
.hopewrap .galetter3 p.T2{text-align: center;color:#1e1a19;font-size: 19px;;position: relative;z-index: 1;}
.hopewrap .galetter4{background: url(/resources/2026/web/images/event/ga_main_bg4.png) 50% 0 no-repeat;}
.hopewrap .galetter4 .webinner{height: 1040px}
.hopewrap .galetter4 .webinner p.T1{padding: 88px 0 12px 0;text-align: center;}
.hopewrap .galetter4 .webinner p.T1 span{display: inline-block;color:#fff;font-family: var(--sb3) !important;font-size: 50px;background: url(/resources/2026/web/images/event/ga_main_ob34.png) no-repeat;width: 307px;height: 112px;padding-top: 30px;}
.hopewrap .galetter4 .webinner h2{text-align: center;color:#1e1a19;font-size: 45px;line-height: 79px;margin-bottom: 68px;}
.hopewrap .galetter4 .webinner h2 i{font-size: 48px;font-family: var(--sb3) !important;}
.hopewrap .galetter4 .webinner h2 i.co1{color:#1e1a19;}
.hopewrap .galetter4 .webinner h2 i.co2{color:#07a556;}
.hopewrap .galetter4 .galarea{margin-bottom: 210px;position: relative;}
.hopewrap .galetter4 .galarea ul{display: flex;align-items: center;justify-content: center;gap:10px}
.hopewrap .galetter4 .galarea ul li{width: 316px;box-shadow: 0 0 20px rgba(0,0,0,0.2);border-radius: 30px;transition: 0.3s linear;opacity: 0;}
.hopewrap .galetter4 .galarea ul li.on{animation: fade-in-top 1s linear both;}
.hopewrap .galetter4 .galarea ul li:nth-of-type(2).on{animation-delay: 0.2s;}
.hopewrap .galetter4 .galarea ul li:nth-of-type(3).on{animation-delay: 0.4s;}
.hopewrap .galetter4 .galarea ul li:nth-of-type(4).on{animation-delay: 0.6s;}
.hopewrap .galetter4 .galarea ul li:hover{transform: scale(1.1);}
.hopewrap .galetter4 .galarea ul li img{width: 100%;}
.hopewrap .galetter4 .galarea ul li .Stbox{background: #fff;text-align: center;padding-bottom: 35px;border-radius: 0 0 30px 30px;}
.hopewrap .galetter4 .galarea ul li p.T2{color:#1e1a19;font-size: 30px; font-weight: 700;padding: 35px 0 10px 0;font-family: var(--sb3) !important;}
.hopewrap .galetter4 .galarea ul li p.T3{color:#1e1a19;font-size: 20px;line-height: 32px;}
.hopewrap .galetter4 .gaobs{position: absolute;left: 50%;;}
.hopewrap .galetter4 .gaobs1{margin-left:-751px;top: 189px;background: url(/resources/2026/web/images/event/ga_main_ob32.png) no-repeat;width: 262px; height: 162px;}
.hopewrap .galetter4 .gaobs1:after{content: '';position: absolute;background: url(/resources/2026/web/images/event/ga_main_ob31.png) no-repeat;width: 20px; height: 21px;left: 126px; top: -8px;animation: opa 1s linear infinite alternate;}
.hopewrap .galetter4 .gaobs2{margin-left:523px;top: 151px;background: url(/resources/2026/web/images/event/ga_main_ob33.png) no-repeat;width: 96px; height: 204px;}
.hopewrap .galetter4 .gaobs2:after{content: '';position: absolute;background: url(/resources/2026/web/images/event/ga_main_ob31.png) no-repeat;width: 20px; height: 21px;left: -26px; top: 20px;animation: opa 1s linear infinite alternate;transform: rotate(-42deg);}
.hopewrap .galetter4 .gaobs3{margin-left:700px;top: 246px;background: url(/resources/2026/web/images/event/ga_main_ob30.png) no-repeat;width: 72px; height: 90px;animation: rot3 1s linear infinite alternate;transform-origin: 0% 100%;}
.hopewrap .galetter5{background: url(/resources/2026/web/images/event/ga_main_bg5.png) 50% 0 no-repeat;}
.hopewrap .galetter5 .webinner{height: 1230px}
.hopewrap .galetter5 .webinner h2{text-align: center;color:#1e1a19;font-size: 45px;line-height: 79px;padding: 103px 0 58px 0;}
.hopewrap .galetter5 .webinner h2 i{font-size: 48px;font-family: var(--sb3) !important;}
.hopewrap .galetter5 .webinner h2 i.co1{color:#1e1a19;}
.hopewrap .galetter5 .webinner h2 i.co2{color:#004399;}
.hopewrap .galetter5 .webinner .aimovie{background: url(/resources/2026/web/images/event/ga_main_movies.png) no-repeat;width: 856px; height: 554px;position: relative;margin: auto;margin-bottom: 33px;}
.hopewrap .galetter5 .webinner .aimovie .videobg{position: absolute;width: 591px; height: 424px;left: 163px; top: 65px;border-radius: 10px; overflow: hidden;;}
.hopewrap .galetter5 .webinner .aimovie .videobg video{position: absolute;width: 100%; height: 100%;left: 0;top: 0;object-fit: cover;}
.hopewrap .galetter5 .webinner p.T1{font-size: 19px; text-align: center;color:#1e1a19;margin-bottom: 45px;}
.hopewrap .galetter5 .webinner .gamainbtn{text-align: center;}
.hopewrap .galetter5 .webinner .gamainbtn a{color:#ffdc3a; font-size: 40px;font-family: var(--sb3) !important;background: #fe5e90;border-radius: 20px;display: inline-block;padding: 26px 162px 7px 100px;line-height: 35px;box-shadow: 5px 5px 20px rgba(0,0,0,0.2);position: relative;}
.hopewrap .galetter5 .webinner .gamainbtn a:after{content: '';position: absolute;background: url(/resources/2026/web/images/event/ga_main_ob38.png) no-repeat;width: 109px; height: 109px;right: 27px; bottom: 0;animation: rot3 1s linear infinite alternate;transform-origin: 80% 100%;}
.hopewrap .galetter5 .webinner .gamainbtn a i{color:#fff; font-size: 35px;font-family: var(--sb3) !important;}
.hopewrap .galetter5 .gaobs{position: absolute;left: 50%;;}
.hopewrap .galetter5 .gaobs1{margin-left:-670px;top: 580px;background: url(/resources/2026/web/images/event/ga_main_ob35.png) no-repeat;width: 300px; height: 328px;animation: leftfloat 1s linear infinite alternate;}
.hopewrap .galetter5 .gaobs2{margin-left:314px;top: 634px;background: url(/resources/2026/web/images/event/ga_main_ob37.png) no-repeat;width: 367px; height: 276px;}
.hopewrap .galetter5 .gaobs2:after{content: '';position: absolute;background: url(/resources/2026/web/images/event/ga_main_ob36.png) no-repeat;width: 274px; height: 200px;left: 124px; top: -187px;animation: rot3 1s linear infinite alternate;transform-origin: 10% 100%;}
.hopewrap .galetter6{background: #dee5f2;}
.hopewrap .galetter6 .gainfo{padding: 50px 0;display: flex;align-items: flex-start;justify-content: center;}
.hopewrap .galetter6 .gainfo p.T1{color: #483f3a;font-family: var(--sb3) !important;font-size: 24px;position: relative;padding:6px 0 0 80px ;}
.hopewrap .galetter6 .gainfo p.T2{color: #1e1a19;font-size: 19px;position: relative;line-height: 32px;font-weight: 600;}
.hopewrap .galetter6 .gainfo p.T2 i{font-weight: 400;}
.hopewrap .galetter6 .gainfo .gainfos:nth-of-type(1){width: 380px;position: relative;}
.hopewrap .galetter6 .gainfo p.T1::before{content: '';position: absolute;background: url(/resources/2026/web/images/event/ga_main_ob39.png) no-repeat;width: 71px; height: 71px;left: 0px;top: -10px ;}
.hopewrap .galetter6 .gainfo .gainfos:nth-of-type(1) p.T1:after{content: '';width: 1px;height: 100%; right: 30px;top: 50%; transform: translate(0,-50%);background: #b0bcd4;position: absolute;}
.hopewrap .galetter7{background: #f2f4f9;}
.hopewrap .galetter7 .webinner{padding-bottom: 150px;}
.hopewrap .galetter7 h2{text-align: center;padding: 96px 0 51px 0;font-size: 70px; font-family: var(--sb3) !important;color:#749c26}
.hopewrap .galetter7 .qnabtns{width: 1100px; margin: auto;margin-bottom: 19px;display: flex;align-items: center;justify-content: end;gap:10px}
.hopewrap .galetter7 .qnabtns a{height: 60px; line-height: 60px;color:#fff;font-size: 25px;text-align: center;display: block;font-family: var(--sb3) !important;border-radius: 20px;}
.hopewrap .galetter7 .qnabtns a span{margin-left: 20px;position: relative;top: -3px;animation: leftfloat 1s linear infinite alternate;display: inline-block;}
.hopewrap .galetter7 .qnabtns a:nth-of-type(1){width: 260px;background: #7aa429;}
.hopewrap .galetter7 .qnabtns a:nth-of-type(2){width: 230px;background: #69554a;}
.hopewrap .galetter7 .qnabox{background: #fff; border-radius: 10px;padding: 0 40px;box-shadow: 0px 0px 20px rgba(0,0,0,0.2);width: 1100px; margin: auto;margin-bottom: 10px;}
.hopewrap .galetter7 .qnabox p.q{padding: 38px 0 29px 88px;display: block;font-size: 27px;position: relative;color:#000;cursor: pointer;font-weight: 700;}
.hopewrap .galetter7 .qnabox p.q:before{content: '';position: absolute;left: 0; top: 50%; transform: translate(0,-50%);background: url(/resources/2026/web/images/event/hopeQ.png) no-repeat;width: 60px; height: 60px;}
.hopewrap .galetter7 .qnabox p.q:after{content: '';position: absolute;right: 0; top: 50%; transform: translate(0,-50%);background: url(/resources/2026/web/images/event/hopejjok.png) no-repeat;width: 22px; height: 12px;;transition: 0.5s ease;}
.hopewrap .galetter7 .qnabox p.q span{color:#6ea424}
.hopewrap .galetter7 .qnabox p.q.on:after{background: url(/resources/2026/web/images/event/hopejjok.png) no-repeat;width: 22px; height: 12px;transform: translate(0,-50%) rotate(180deg) ;}
.hopewrap .galetter7 .qnabox .acont{display:table-cell;vertical-align: middle;padding:35px 0 35px 88px; font-size: 22px;position: relative;font-weight: 400;color:#666;line-height: 36px;display: none;}
.hopewrap .galetter7 .qnabox .acont .steps{width: 819px; margin: auto;margin-bottom: 40px;}
.hopewrap .galetter7 .qnabox .acont:before{content: '';position: absolute;left: 16px; top: 30px; background: url(/resources/2026/web/images/event/hopeA.png) no-repeat;width: 31px; height: 30px;}
.hopewrap .galetter7 .qnabox .acont:after{content: '';position: absolute;left: 5px; top: 0px;background: #6ea424;width: 50px; height: 2px;}
.hopewrap .galetter7 .qnabox .acont i{font-weight: 900;color:#000; ;letter-spacing: -1px;}
.hopewrap .galetter7 .qnabox .acont span{font-weight: 900;color:#749c26; }
.hopewrap .galetter7 .qnabox:last-child div a{line-height: 70px;}
.hopewrap .ga_video_wrap{position: fixed;width: 1030px; height: 590px;z-index: 100;top: 50%;left: 50%;transform: translate(-50%,-50%);display: none;}
.hopewrap .ga_video_wrap a.ga_layerx{position: absolute;right: -25px; top: -38px;}
.hopewrap .ga_video_wrap .ga_videos{position: relative;width: 1030px; height: 590px;margin: auto;border-radius: 60px;border: 12px solid #fe5e90;box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);z-index: 100;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.hopewrap .ga_video_wrap .ga_videos::before{content: '';position: absolute;background: url(/resources/2026/web/images/event/ga_main_T2.png) no-repeat;width: 603px; height: 47px; left: 50%; transform: translate(-50%,0);bottom: -47px;}
.hopewrap .ga_video_wrap .ga_videos iframe{width: 100%; height: 100%;left: 0;top: 0;position: absolute;border-radius: 50px;z-index: 1;}
.hopewrap .hope_video_wrap{position: fixed;width: 1140px; height: 640px;z-index: 100;top: 50%;left: 50%;transform: translate(-50%,-50%);display: none;}
.hopewrap .hope_video_wrap a.ga_layerx{position: absolute;right: -25px; top: -38px;z-index: 2;}
.hopewrap .hope_video_wrap .hope_videos{width: 1140px; height: 640px;position: relative;;}
.hopewrap .hope_video_wrap .hope_videos iframe{position: absolute;left: 0;top: 0;width: 100%; height: 100%;}
.ga_bgs{position: fixed;width: 100%; height: 100%; left: 0;top: 0;background: #000;opacity: 0.5;z-index: 20; display: none;}
.hopewrap .gaquicks img{width: auto;}
.hopewrap .gaquicks{position: fixed;z-index: 11;top: 190px; right: 30px;width: 200px;display: none;text-align: center;}
.hopewrap .gaquicks a{display: block;}
.hopewrap .gaquicks a img{filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5));}
.hopewrap .gaquicks a:nth-of-type(1){margin-bottom: 15px;}
.hopewrap .gaquicks.on{display: none !important;}
.skips a{position: absolute;background: rgba(0,0,0,0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000,endColorstr=#90000000);width: 100%;height: 30px;text-align: center;color: #fff;z-index: 100;line-height: 30px; top: -30px; opacity: 0; }
.hopewrap .toplayer{position: relative;width: 100%; height: 70px;}
.hopewrap .toplayer a.topcont{width: 1920px; height: 70px;display: block;position: absolute;left: 50%; transform: translate(-50%,0);}
.hopewrap .toplayer a.toplayerx{position: absolute;left: 50%; margin-left: 630px;top: 50%; transform: translate(0,-50%);display: block;}
.hopewrap .header-nav {width: 100%;border-bottom: 1px solid #ddd; background: #fff;position: relative;z-index: 1000;min-width: 1400px;}
.hopewrap .header-inner {max-width: 1300px;margin: 0 auto; display: flex;align-items: center;}
.hopewrap .header-inner .main-logo {flex-shrink: 0;margin-right: 24px;}
.hopewrap .header-inner .gnb {display: flex;}
.hopewrap .header-inner .gnb-link{font-size: 21px;text-decoration: none;color: #222;padding: 42px;display: inline-block;position: relative;text-align: center;font-weight: 700;}
.hopewrap .header-inner .gnb-link .intxt {position: relative;display: inline-block;font-family: 'Pretendard' !important;transition: color 0.3s linear;}
.hopewrap .header-inner .gnb-link .intxt::after{content: "";position: absolute;left: 0;bottom: -42px;width: 100%; height: 4px; background: #6bb400; opacity: 0;transition: 0.3s linear;}
.hopewrap .header-inner .gnb-link:hover .intxt{color:#749c26}
.hopewrap .header-inner .gnb-link:hover .intxt::after,.hopewrap #hopenavi .header-inner .gnb-link:focus .intxt::after {opacity: 1;transition: 0.3s linear}
.hopewrap .header-inner .gnb-link i{font-size: 15px; color:#749c26;position: absolute;left: 50%;transform: translate(-50%,0);width: 200%;margin-top: -5px;}
.hopewrap .header-inner .gnb-link:hover{color:#7aa429}
/* .hopewrap .header-inner .gnb-link:focus {outline: 3px solid #6bb400;outline-offset: 4px;} */
.hopewrap .header-inner .hopesublogos {margin-left: auto;display: flex;gap: 16px;align-items: center;justify-content: center;}
.hopewrap .mega-wrap{position: absolute;  left: 0; width: 100%; background: #fff;  z-index: 100; overflow: hidden; height: 0;border: 0;}
.hopewrap .mega-inner {display: flex;padding: 50px 0px 50px 185px;width: 1300px;margin: auto;}
.hopewrap .mega-col{padding:0 74px 0 20px;position: relative;;}
.hopewrap .mega-col::before{content: '';position: absolute;width: 1px; height: 100%; background: #e6e6e6;left: 0;}
.hopewrap .mega-col:nth-of-type(3){margin-left: -10px;}
.hopewrap .mega-col ul li {margin-bottom: 29px;}
.hopewrap .mega-col a {color: #333;text-decoration: none;font-size: 18px;font-family: 'Pretendard' !important;letter-spacing: -1.2px;}
.hopewrap .mega-col a:hover,.mega-col a:focus {color:#749c26;}
.hopewrap .mega-col.disabled span{color: #cdcdcd;font-size: 18px;}
.hopewrap .mega-thumb {margin-left: auto;text-align: center;}
.hopewrap .mega-thumb .thumb{width: 200px;height: 160px;background: #000;margin-bottom: 10px;}
.hopewrap .mega-thumb .thumb img{width: 100%;height: 100%;}
.hopewrap .mega-thumb a .megatxt{display: flex;align-items: center;justify-content: space-between;}
.hopefooter{padding: 47px 0;width: 100%;position: relative;border-top: 1px solid #e6e6e6;}
.hopefooter .webinner{width: 1400px; margin: auto;}
.hopefooter .webinner .fottxt{position: relative;}
.hopefooter .webinner a.fotlogo{display: inline-block;text-indent: -9999px;background: url(/resources/2026/web/images/event/fotlogo.png) no-repeat;width: 158px; height: 29px;vertical-align: top;}
.hopefooter .webinner p.T1{display: inline-block;font-size: 15px;color:#555;padding-left: 31px; margin-left: 48px;font-family: 'Pretendard' !important;;}
.hopefooter .webinner p.T1 span{font-family: 'Pretendard' !important;;}
.hopefooter .webinner p.T1 span.co1{color:#559423;}
.hopefooter .webinner p.T1 span.sms{font-size: 13px;;}
.hopefooter .webinner .personarea{position: absolute;top: 0;right: 0;}
.hopefooter .webinner .personarea a{display: block;width: 200px; height: 35px; color:#fff;font-size: 14px;background: #6fb239 ;line-height: 35px;font-family: 'Pretendard' !important;position: relative;padding-left: 30px;}
.hopefooter .webinner .personarea a:after{content: '';position: absolute;background: url(/resources/2026/web/images/event/hope_arow4.png) no-repeat;width: 17px; height: 9px; right: 20px; top: 50%; transform: translate(0,-50%);}
.hopefooter .webinner .personarea a:nth-of-type(2){background: #8b807a;margin-top: 5px;}
.hopewrap .hopemain1{background: #fff;overflow: hidden;}
.hopewrap .hopemain1 .webinner{height: 1000px;}
.hopewrap .hopemain1 .webinner .hopetitles{padding: 130px 0 30px 0;}
.hopewrap .hopemain1 .webinner .hopetitles p.T1{color: #222;font-size: 28px; text-align: center;background: url(/resources/2026/web/images/event/hopemain_ob1.png) no-repeat;width: 396px; height: 64px; margin: auto;text-align: center;line-height: 64px;}
.hopewrap .hopemain1 .webinner .hopetitles p.T1 i{color: #7aa429;font-weight: 700;}
.hopewrap .hopemain1 .webinner h1{text-align: center;}
.hopewrap .hopemain1 .webinner h1 span{display: inline-block;padding-bottom: 34px;position: relative;clip-path: polygon(0 51%, 0 79%, 0 100%, 0 100%, 0% 0%, 0 0);;animation: clips4 1s linear both ;}
.hopewrap .hopemain1 .webinner h1 span:nth-of-type(2){animation-delay: 0.3s;}
.hopewrap .hopemain1 .webinner h1 span:nth-of-type(3){animation-delay: 0.6s;}
.hopewrap .hopemain1 .webinner h1 span:after{content: '';position: absolute;height: 3px;bottom: 15px;}
.hopewrap .hopemain1 .webinner h1 span:nth-of-type(1):after{background: url(/resources/2026/web/images/event/hopemain_T1-l.png) no-repeat;width: 343px;left: 220px; }
.hopewrap .hopemain1 .webinner h1 span:nth-of-type(2):after{background: url(/resources/2026/web/images/event/hopemain_T1_1-l.png) no-repeat;width: 375px;left: 34px;}
.hopewrap .hopemain1 .webinner h1 span:nth-of-type(3):after{background: url(/resources/2026/web/images/event/hopemain_T1_2-l.png) no-repeat;width: 358px;left: 0;height: 9px;bottom: 4px;}
.hopewrap .hopemain1 .webinner .hopeob{position: absolute;left: 50%;}
.hopewrap .hopemain1 .webinner .hopeob1{margin-left: -541px;top: 136px;animation: topfloat 1s linear infinite alternate;}
.hopewrap .hopemain1 .webinner .hopeob2{margin-left: -719px;top: 299px;animation: rot8 1s linear infinite;}
.hopewrap .hopemain1 .webinner .hopeob3{margin-left: -731px;top: 598px;}
.hopewrap .hopemain1 .webinner .hopeob4{margin-left: -594px;top: 475px;animation: rot 1s linear infinite alternate;}
.hopewrap .hopemain1 .webinner .hopeob5{margin-left: 209px;top: 74px;}
.hopewrap .hopemain1 .webinner .hopeob6{margin-left: 269px;top: 116px;}
.hopewrap .hopemain1 .webinner .hopeob7{margin-left: 366px;top: 105px;animation: rot 1s linear infinite alternate;}
.hopewrap .hopemain1 .webinner .hopeob8{margin-left: 618px;top: 287px;}
.hopewrap .hopemain1 .webinner .hopeob9{margin-left: 605px;top: 585px;animation: opa 1s linear infinite alternate;opacity: 0}
.hopewrap .hopemain1 .webinner .hopeob10{margin-left: 638px;top: 570px;animation: opa 1s linear infinite alternate 0.4s;opacity: 0;}
.hopewrap .hopemain1 .webinner .hopeob11{margin-left: 328px;top: 617px;animation: topfloat 1s linear infinite alternate;}
.hopewrap .hopemain1 .webinner .hopeob12{margin-left: -151px;bottom: 0;animation: fade-in-bottom 1s linear both;opacity: 0}
.hopewrap .hopemain1 .webinner .hopeob13{margin-left: 18px;bottom: 0px;animation: fade-in-bottom 1s linear both 0.3s;opacity: 0}
.hopewrap .hopemain1 .webinner .hopeob14{margin-left: -18px;bottom: 202px;animation: opa 1s linear infinite alternate;opacity: 0}
.hopewrap .hopemain1 .webinner .hopeob15{margin-left: -262px;bottom: 59px;animation: rot 1s linear infinite alternate;}
.hopewrap .hopemain1 .webinner .hopeob16{margin-left: 151px;bottom: 59px;animation: rot 1s linear infinite alternate;}
.hopewrap .hopemain2{background: #ffdc50;}
.hopewrap .hopemain2 .webinner{height: 1510px;}
.hopewrap .hopemain2 .webinner .Tbox{padding: 320px 0 80px 0;}
.hopewrap .hopemain2 .webinner .Tbox p.T1 i{color:#fff; font-size: 60px;margin-bottom: 17px;font-family: var(--pycl) !important;}
.hopewrap .hopemain2 .webinner .Tbox p.T1 span{color:#fff;font-size: 110px;font-weight: 900;padding-left: 10px;}
.hopewrap .hopemain2 .webinner .Tbox p.T1 span b{color:#fff; font-size: 110px;font-weight: 900;}
.hopewrap .hopemain2 .webinner .Tbox h2{color:#222; font-size: 62px;line-height: 80px;margin-bottom: 25px;font-family: var(--pycl) !important;margin-top: -7px;}
.hopewrap .hopemain2 .webinner .Tbox h2 i{color:#222; font-family: var(--pycb) !important;}
.hopewrap .hopemain2 .webinner .Tbox p.T2{color:#222; font-size: 24px;line-height: 38px;margin-bottom: 17px;}
.hopewrap .hopemain2 .webinner .Tbox p.T3{color:#222; font-size: 18px;}
.hopewrap .hopemain2 .webinner .books{position: absolute;left: 50%;box-shadow: 0 0 10px rgba(0,0,0,0.2);opacity: 0;}
.hopewrap .hopemain2 .webinner .books1.on{animation: fade-in-left 1s linear both;}
.hopewrap .hopemain2 .webinner .books2.on{animation: fade-in-right 1s linear both 0.3s;}
.hopewrap .hopemain2 .webinner .books3.on{animation: fade-in-left 1s linear both 0.6s;}
.hopewrap .hopemain2 .webinner .books4.on{animation: fade-in-right 1s linear both 0.9s;}
.hopewrap .hopemain2 .webinner .books1{margin-left: -40px; top: 108px;}
.hopewrap .hopemain2 .webinner .books2{margin-left: 319px; top: 379px}
.hopewrap .hopemain2 .webinner .books3{margin-left: -40px; top: 679px}
.hopewrap .hopemain2 .webinner .books4{margin-left: 319px; top: 949px}
.hopewrap .hopemain2 .webinner .roundob{background: url(/resources/2026/web/images/event/hopemain_ob18.png) center center no-repeat;width: 163px; height: 164px;margin-left: -90px;}
.hopewrap .hopemain2 .webinner .roundob span{background: url(/resources/2026/web/images/event/hopemain_ob17.png) no-repeat;width: 163px; height: 164px;animation: rot5 10s linear infinite;display: inline-block}
.hopewrap .hopemain2 .webinner .hopeob{position: absolute;left: 50%;opacity: 0;}
.hopewrap .hopemain2 .webinner .hopeob1{margin-left: 459px;top: 119px;animation: opa 1s linear infinite alternate}
.hopewrap .hopemain2 .webinner .hopeob2{margin-left: -232px;top: 890px;animation: opa 1s linear infinite alternate 0.2s;}
.hopewrap .hopemain3{background: url(/resources/2026/web/images/event/hopemainbg1.png) 50% 0 no-repeat;}
.hopewrap .hopemain3 .webinner{height: 1100px;}
.hopewrap .hopemain3 .webinner .Tbox{padding: 180px 0 80px 0;text-align: right;}
.hopewrap .hopemain3 .webinner .Tbox p.T1 span{color:#7aa429;font-size: 110px;font-weight: 900;}
.hopewrap .hopemain3 .webinner .Tbox p.T1 span b{color:#7aa429; font-size: 110px;font-weight: 900;}
.hopewrap .hopemain3 .webinner .Tbox h2{color:#222; font-size: 62px;line-height: 80px;margin-bottom: 25px;font-family: var(--pycl) !important;margin-top: -7px;}
.hopewrap .hopemain3 .webinner .Tbox h2 i{color:#222; font-family: var(--pycb) !important;}
.hopewrap .hopemain3 .webinner .Tbox p.T2{color:#222; font-size: 24px;line-height: 38px;margin-bottom: 17px;}
.hopewrap .hopemain3 .webinner .Tbox p.T3{color:#999; font-size: 18px;}
.hopewrap .hopemain3 .webinner .books{position: absolute;left: 0;top:175px;opacity: 0;}
.hopewrap .hopemain3 .webinner .books.on{animation: fade-in-top 1s linear both;}
.hopewrap .hopemain3 .webinner .roundob{background: url(/resources/2026/web/images/event/hopemain_ob25.png) center center no-repeat;width: 164px; height: 164px;position: absolute;top: 86px;left: 349px;}
.hopewrap .hopemain3 .webinner .roundob span{background: url(/resources/2026/web/images/event/hopemain_ob24.png) no-repeat;width: 164px; height: 164px;animation: rot5 10s linear infinite;display: inline-block}
.hopewrap .hopemain3 .webinner .hopeob{position: absolute;left: 50%;opacity: 0;}
.hopewrap .hopemain3 .webinner .hopeob1{margin-left: 739px;top: 237px;animation: opa 1s linear infinite alternate}
.hopewrap .hopemain3 .webinner .hopeob2{margin-left: -771px;top: 147px;animation: opa 1s linear infinite alternate 0.2s;}
.hopewrap .hopemain4{background: #fff;}
.hopewrap .hopemain4 .webinner{height: 1000px;}
.hopewrap .hopemain4 .webinner .Tbox{padding: 230px 0 0 0;}
.hopewrap .hopemain4 .webinner .Tbox p.T1 span{color:#7aa429;font-size: 70px;font-weight: 900;}
.hopewrap .hopemain4 .webinner .Tbox p.T1 span b{color:#7aa429; font-size: 110px;font-weight: 900;}
.hopewrap .hopemain4 .webinner .Tbox h2{color:#222; font-size: 62px;line-height: 80px;margin-bottom: 25px;font-family: var(--pycl) !important;margin-top: -7px;}
.hopewrap .hopemain4 .webinner .Tbox h2 i{color:#222; font-family: var(--pycb) !important;}
.hopewrap .hopemain4 .webinner .Tbox p.T2{color:#222; font-size: 24px;line-height: 38px;margin-bottom: 17px;}
.hopewrap .hopemain4 .webinner .Tbox p.T3{color:#999; font-size: 18px;}
.hopewrap .hopemain4 .webinner .hopemainbgs{position: absolute;left: 50%;top:0;opacity: 0;margin-left: 99px;}
.hopewrap .hopemain4 .webinner .hopemainbgs.on{animation: fade-in-left 1s linear both;}
.hopewrap .hopemain4 .webinner .roundob{background: url(/resources/2026/web/images/event/hopemain_ob28.png) center center no-repeat;width: 157px; height: 157px;position: absolute;top: 609px;left: 482px;}
.hopewrap .hopemain4 .webinner .roundob span{background: url(/resources/2026/web/images/event/hopemain_ob27.png) no-repeat;width: 157px; height: 157px;animation: rot5 10s linear infinite;display: inline-block}
.hopewrap .hopemain4 .webinner .hopeob{position: absolute;left: 50%;opacity: 0;}
.hopewrap .hopemain4 .webinner .hopeob1{margin-left: 366px;top: 202px;animation: opa 1s linear infinite alternate}
.hopewrap .hopemain4 .webinner .hopeob2{margin-left: -740px;top: 110px;animation: opa 1s linear infinite alternate 0.2s;}
.hopewrap .hopemain5{background: #f4f7fc;}
.hopewrap .hopemain5 .webinner .hopelogos{display: flex;align-items: center;justify-content: center;gap:25px;padding: 104px 0;text-align: center;position: relative;}
.hopewrap .hopemain5 .webinner .hopelogos img{border-radius: 95px; box-shadow: 0 0 10px rgba(0,0,0,0.2);display: inline-block;}
.hopewrap .hopemain5 .webinner .hopelogos span{position: absolute;width: 1px;height: 54px; background: #000;left: 50%; transform: translate(-50%,0);bottom: 35px;}
.hopewrap .hopemain5 .webinner .hopelogos span:after{content: '';position: absolute;background: url(/resources/2026/web/images/event/hopemain_ob16.png) no-repeat;width: 40px; height: 40px; background-size: cover;margin: 42px 0 0 -21px;animation: opa 1s linear infinite alternate}
.hopewrap .hopemain5 .webinner p.T1{font-size: 38px;color:#222;line-height: 67px; text-align: center;margin-bottom: 10px;}
.hopewrap .hopemain5 .webinner p.T1 i{font-size: 40px;color:#749c26;font-weight: 800;}
.hopewrap .hopemain5 .webinner p.T2{background: #fff;color:#749c26; font-size: 18px;width: 520px; height: 30px; line-height: 30px;margin: auto;text-align: center;border-radius: 30px;margin-bottom: 51px;}
.hopewrap .hopemain5 .webinner p.T3{font-size: 26px;color:#222;line-height: 45px; text-align: center;}
.hopewrap .hopemain5 .webinner .banner-wrap {display: flex;justify-content: center;align-items: center;padding: 75px 0 120px 0;}
.hopewrap .hopemain5 .webinner .banner-wrap .card {width: 510px;height: 370px;position: relative;display: flex;justify-content: center;align-items: flex-end;padding: 0 0px;perspective: 2500px; margin: 0 20px;}
.hopewrap .hopemain5 .webinner .banner-wrap .card .cover-image {width: 100%;height: 100%;object-fit: cover;}
.hopewrap .hopemain5 .webinner .banner-wrap .card .wrapper {transition: all 0.5s; position: absolute;width: 100%; z-index: -1;}
.hopewrap .hopemain5 .webinner .banner-wrap .card:hover .wrapper {transform: perspective(900px) translateY(-5%) rotateX(25deg) translateZ(0);box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75);}
.hopewrap .hopemain5 .webinner .banner-wrap .card .wrapper::before,.hopewrap .hopemain5 .webinner .banner-wrap .card .wrapper::after {content: "";opacity: 0;width: 100%;height: 80px;transition: all 0.5s;position: absolute;left: 0;}
.hopewrap .hopemain5 .webinner .banner-wrap .card .wrapper::before {top: 0;height: 100%;background-image: linear-gradient( to top, transparent 46%, rgba(12, 13, 19, 0.5) 68%, rgba(12, 13, 19) 97%);}
.hopewrap .hopemain5 .webinner .banner-wrap .card .wrapper::after {bottom: 0;opacity: 1;background-image: linear-gradient(  to bottom,transparent 46%, rgba(12, 13, 19, 0.5) 68%, rgba(12, 13, 19) 97%);}
.hopewrap .hopemain5 .webinner .banner-wrap .card .card:hover .wrapper::before,.hopewrap .hopemain5 .webinner .banner-wrap .card .wrapper::after {opacity: 1;}
.hopewrap .hopemain5 .webinner .banner-wrap .card:hover .wrapper::after {height: 120px;}
.hopewrap .hopemain5 .webinner .banner-wrap .card .txtbox {width: 100%;transition: transform 0.5s;padding: 30px;}
.hopewrap .hopemain5 .webinner .banner-wrap .card .txtbox p.T4{color:#b0e54b; font-size: 30px;position: relative;}
.hopewrap .hopemain5 .webinner .banner-wrap .card .txtbox p.T4:after{content: '';position: absolute;right: 0px; top: 50%; transform: translate(0,-50%);background: url(/resources/2026/web/images/event/hopemainbtn1.png) no-repeat;width: 55px; height: 55px;}
.hopewrap .hopemain5 .webinner .banner-wrap .card:hover .txtbox {transform: translate3d(0%, -35px, 100px);}
.hopewrap .hopemain5 .webinner .banner-wrap .card .character {width: 100%;opacity: 0;transition: all 0.5s;position: absolute;z-index: -1;}
.hopewrap .hopemain5 .webinner .banner-wrap .card:hover .character {opacity: 1;transform: translate3d(0%, -25%, 100px);}
.hopewrap .hopemainquicks a{box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);border-radius: 30px;}
.hopewrap .hopeinfo1{background: #fff;}
.hopewrap .hopeinfo1 .webinner h1{padding:82px 0 79px 0;color:#222;font-size: 55px;font-weight: 700;line-height: 70px;position: relative;text-align: center;}
.hopewrap .hopeinfo1 .webinner h1 span{color:#222;font-size: 28px;font-weight: 400;display: block;}
.hopewrap .hopeinfo1 .webinner h1:after{content: '';position: absolute;background: url(/resources/2026/web/images/event/hopeinfo_ob1.png) no-repeat;width: 22px; height: 60px; left: 50%; transform: translate(-50%,0);bottom: 16px;}
.hopewrap .hopeinfo1 .webinner p.T1{color:#222; font-size: 24px;line-height: 38px;text-align: center;margin-bottom: 57px;}
.hopewrap .hopeinfo1 .webinner p.T1 i{color:#749c26;font-weight: 700;}
.hopewrap .hopeinfo1 .webinner p.T1 span{color:#222;font-weight: 700;}
.hopewrap .hopeinfo1 .webinner{padding-bottom: 80px;}
.hopewrap .hopeinfo1 .webinner .roundob{background: url(/resources/2026/web/images/event/hopeinfo_ob14.png) center center no-repeat;width: 165px; height: 164px;position: absolute;left: 50%; top: 128px; margin-left: -532px;}
.hopewrap .hopeinfo1 .webinner .roundob span{background: url(/resources/2026/web/images/event/hopeinfo_ob13.png) no-repeat;width: 165px; height: 164px;animation: rot5 10s linear infinite;display: inline-block}
.hopewrap .hopeinfo1.faminfo1 .webinner .roundob{background: url(/resources/2026/web/images/event/faminfo_ob1.png) center center no-repeat;width: 165px; height: 164px;position: absolute;left: 50%; top: 128px; margin-left: -532px;}
.hopewrap .hopeinfo1.faminfo1 .webinner .roundob span{background: url(/resources/2026/web/images/event/faminfo_ob2.png) no-repeat;width: 165px; height: 164px;animation: rot5 10s linear infinite;display: inline-block}
.hopewrap .webinner .hopeinfo_column{display: flex;align-items: flex-start;justify-content: flex-start;padding:0 50px;}
.hopewrap .webinner .hopeinfo_column h2{width: 230px;color:#222;font-size: 45px;font-weight: 700;position: relative;} 
.hopewrap .webinner .hopeinfo_column h2:after{content: '';position: absolute;background: url(/resources/2026/web/images/event/hopeinfo_ob4.png) no-repeat;width: 17px; height: 18px;bottom: 17px; margin-left: 5px;animation: opa 1s linear infinite alternate;}
.hopewrap .webinner .hopeinfo_column .hopeinfotable{width: 970px;} 
.hopewrap .webinner .hopeinfo_column .hopeinfotable ul{display: flex;align-items: flex-start;justify-content: flex-start;border-bottom: 1px solid #e6e6e6;padding: 12px 0;width: 100%;}
.hopewrap .webinner .hopeinfo_column .hopeinfotable ul li h3{font-weight: 700;color:#222; font-size: 22px;width: 196px;;}
.hopewrap .webinner .hopeinfo_column .hopeinfotable ul>li:nth-of-type(1){padding: 0 0 0px 34px;border: 0;}
.hopewrap .webinner .hopeinfo_column .hopeinfotable ul:nth-of-type(5){border: 0;padding: 30px 0;}
.hopewrap .webinner .hopeinfo_column .hopeinfotable ul li i{font-weight: 700;color:#222;}
.hopewrap .webinner .hopeinfo_column .hopeinfotable ul li i.hui{font-weight: 400;color:#666;font-size: 18px;;}
.hopewrap .webinner .hopeinfo_column .hopeinfotable ul li b{font-weight: 700;color:#749c26;}
.hopewrap .webinner .hopeinfo_column .hopeinfotable ul li span{color:#666;font-size: 18px;display: inline-block;margin-left: 10px;}
.hopewrap .webinner .hopeinfo_column .hopeinfotable ul li span.jins{color:#000;font-size: 22px;display: inline-block;margin-left: 0px;font-weight: 700;}
.hopewrap .webinner .hopeinfo_column .hopeinfotable ul li{color:#222; font-size: 21px;}
.hopewrap .hopeinfo1 .webinner .hopeinfo_column .hopeinfotable ul li ol li{font-size: 19px;color:#222;text-align: center;position: relative;opacity: 0;animation: fade-in-top 1s linear both;}
.hopewrap .hopeinfo1 .webinner .hopeinfo_column .hopeinfotable ul li ol li:nth-of-type(2){animation-delay: 0.3s;}
.hopewrap .hopeinfo1 .webinner .hopeinfo_column .hopeinfotable ul li ol li:nth-of-type(3){animation-delay: 0.6s;}
.hopewrap .hopeinfo1 .webinner .hopeinfo_column .hopeinfotable ul li ol li:last-child:after{display: none;}
.hopewrap .hopeinfo1 .webinner .hopeinfo_column .hopeinfotable ul li ol li img{align-items: center;margin-bottom: 25px;}
.hopewrap .hopeinfo1 .webinner .hopeinfo_column .hopeinfotable ul li ol{display: flex;align-items: flex-end;justify-content: space-between;gap: 90px;}
.hopewrap .hopeinfo1 .webinner .hopeinfo_column .hopeinfotable ul li ol li:after{content: '';position: absolute;background: url(/resources/2026/web/images/event/hopeinfo_i_arow.png) no-repeat;width: 12px; height: 21px; right: -50px; margin-top: -125px;}
.hopewrap .hopeinfo1 .webinner .hopeinfo_column .hopeinfotable ul li ol li span{display: block;width: 100px; height: 39px; line-height: 39px;text-align: center; border-radius: 90px;border: 1px solid #b8becb;color:#222;font-size: 21px;font-weight: 700;margin: auto;margin-bottom: 15px;}
.hopewrap .webinner .hopeinfo_column .hopeinfotable ul.clears{display: grid !important;border: 0;}
.hopewrap .webinner .hopeinfo_column .hopeinfotable ul.clears li:nth-of-type(1){margin-bottom: 20px;}
.hopewrap .faminfo2 .webinner .hopeinfo_column .hopeinfotable ul.clears li:nth-of-type(1) h3{position: relative;}
.hopewrap .faminfo2 .webinner .hopeinfo_column .hopeinfotable ul.clears li:nth-of-type(1) h3:after{content: '* 2025년 시상 내역 참고';color: #666; font-size: 18px; margin-left: 123px;position: absolute;width: 500px;font-weight: 400;}
.hopewrap .webinner .hopeinfo_column .hopeinfotable ul.clears li{width: auto}
.hopewrap .webinner .hopeinfo_column .hopeinfotable ul.clears li .hopeinfo_award{width: 970px;padding: 50px;background: #fff;border-radius: 20px;}
.hopewrap .webinner .hopeinfo_column .hopeinfotable ul.clears li .hopeinfo_award p.T1{color:#222;font-size: 28px; font-weight: 700;position: relative;padding-left: 50px;}
.hopewrap .webinner .hopeinfo_column .hopeinfotable ul.clears li .hopeinfo_award p.T1:before{content: '';position: absolute;background: url(/resources/2026/web/images/event/hopeinfo_ob5.png) no-repeat;width: 29px; height: 38px; left: 0;top: 50%; transform: translate(0,-50%);}
.hopewrap .webinner .hopeinfo_column .hopeinfotable ul.clears li .hopeinfo_award.etc p.T1:before{content: '';position: absolute;background: url(/resources/2026/web/images/event/faminfo_ob3.png) no-repeat;width: 30px; height: 32px; left: 0;top: 50%; transform: translate(0,-50%);}
.hopewrap .webinner .hopeinfo_column .hopeinfotable ul.clears li .hopeinfo_award p.T1 span{display: inline-block;margin-left: 30px; color:#222;font-weight: 400;vertical-align: middle;}
.hopewrap .webinner .hopeinfo_column .hopeinfotable ul.clears li .hopeinfo_award table{width: 100%;}
.hopewrap .webinner .hopeinfo_column .hopeinfotable ul.clears li .hopeinfo_award table thead{border-bottom: 2px solid #749c26;}
.hopewrap .webinner .hopeinfo_column .hopeinfotable ul.clears li .hopeinfo_award table thead th{color:#749c26;font-size: 22px; padding: 12px 0;text-align: center;}
.hopewrap .webinner .hopeinfo_column .hopeinfotable ul.clears li .hopeinfo_award table tbody th{font-weight: 700;}
.hopewrap .webinner .hopeinfo_column .hopeinfotable ul.clears li .hopeinfo_award table tbody th i{font-weight: 400;color:#222}
.hopewrap .webinner .hopeinfo_column .hopeinfotable ul.clears li .hopeinfo_award table tbody th,.hopewrap .webinner .hopeinfo_column .hopeinfotable ul.clears li .hopeinfo_award table tbody td{color:#222; font-size: 21px; text-align: center;padding: 14px 0;vertical-align: middle;border-bottom: 1px solid #e0e0e0;}
.hopewrap .webinner .hopeinfo_column .hopeinfotable ul.clears li .hopeinfo_award{margin-bottom: 30px;;}
.hopewrap .hopeinfo2{background: #f1f6fd;}
.hopewrap .hopeinfo2 .webinner{padding: 97px 0 103px 0;}
.hopewrap .hopeinfo2 .webinner .hopeinfo_column .hopeinfotable p.T2{color:#666; font-size: 18px;padding: 0 0 0 57px;position: relative;}
.hopewrap .hopeinfo2 .webinner .hopeinfo_column .hopeinfotable p.T2::before{content: '*';color:#666; font-size: 18px;margin-left: -10px;position: absolute;}
.hopewrap .hopeinfo_etc{background: #fffaef;}
.hopewrap .hopeinfo_etc .webinner{padding: 90px 0;}
.hopewrap .hopeinfo_etc .webinner .hopeinfo_column .hopeinfotable ul li{color:#222; font-size: 21px;position: relative;padding:30px 0 30px 200px;}
.hopewrap .hopeinfo_etc .webinner .hopeinfo_column .hopeinfotable ul:last-child{border-bottom: 0;}
.hopewrap .hopeinfo_etc .webinner .hopeinfo_column .hopeinfotable ul:nth-of-type(1) li:before{content: '';position: absolute;left: 59px; top: 50%;transform: translate(0,-50%);background: url(/resources/2026/web/images/event/hopeinfo_ob19.png) no-repeat;width: 89px; height: 98px;}
.hopewrap .hopeinfo_etc .webinner .hopeinfo_column .hopeinfotable ul:nth-of-type(2) li:before{content: '';position: absolute;left: 53px; top: 50%;transform: translate(0,-50%);background: url(/resources/2026/web/images/event/hopeinfo_ob20.png) no-repeat;width: 124px; height: 126px;}
.hopewrap .hopeinfo_etc .webinner .hopeinfo_column .hopeinfotable ul:nth-of-type(3) li:before{content: '';position: absolute;left: 71px; top: 50%;transform: translate(0,-50%);background: url(/resources/2026/web/images/event/hopeinfo_ob21.png) no-repeat;width: 93px; height: 83px;}
.hopewrap .hopeinfo_etc .webinner .hopeinfo_column .hopeinfotable ul{opacity: 0;}
.hopewrap .hopeinfo_etc .webinner .hopeinfo_column .hopeinfotable ul.on{animation: fade-in-top 1s linear both;}
.hopewrap .hopeinfo_etc .webinner .hopeinfo_column .hopeinfotable ul:nth-of-type(2).on{animation-delay: 0.3s;}
.hopewrap .hopeinfo_etc .webinner .hopeinfo_column .hopeinfotable ul:nth-of-type(3).on{animation-delay: 0.6s;}
.hopewrap .hopeinfo_etc .webinner .hopeinfo_column .hopeinfotable ul li{color:#222; font-size: 21px;position: relative;}
.hopewrap .hopeinfo_etc .webinner .hope_etcob{position: absolute;left: 50%;margin-left: -733px; top: 229px;animation: opa 1s linear infinite alternate}
.hopewrap .hopeinfo3{background: #fff;}
.hopewrap .hopeinfo3 .webinner{padding: 92px 0;}
.hopewrap .hopeinfo3 .webinner .hopeinfo_column p.T1{font-size: 32px;color:#222;padding-left: 34px; margin-bottom: 33px;}
.hopewrap .hopeinfo3 .webinner .hopeinfo_column p.T1 i{font-size: 32px;color:#222; font-weight: 700;}
.hopewrap .hopeinfo3 .webinner .hopeinfo_column p.T1 b{font-size: 32px;color:#749c26; font-weight: 700;}
.hopewrap .hopeinfo3 .webinner .hopeinfo_column p.T2{font-size: 22px;color:#222;padding-left: 34px; margin-bottom: 52px;line-height: 39px;}
.hopewrap .hopeinfo3 .webinner .hopeinfo_column p.T2 i{font-size: 22px;color:#222;font-weight: 700;}
.hopewrap .hopeinfo3 .webinner .hopeinfo_column .hopeinfotable ul li ol li{font-size: 19px;color:#222;text-align: center;position: relative;opacity: 0;}
.hopewrap .hopeinfo3 .webinner .hopeinfo_column .hopeinfotable ul li ol li.on{animation: fade-in-top 1s linear both;}
.hopewrap .hopeinfo3 .webinner .hopeinfo_column .hopeinfotable ul li ol li:nth-of-type(2){animation-delay: 0.3s;}
.hopewrap .hopeinfo3 .webinner .hopeinfo_column .hopeinfotable ul li ol li:nth-of-type(3){animation-delay: 0.6s;}
.hopewrap .hopeinfo3 .webinner .hopeinfo_column .hopeinfotable ul li ol li img{align-items: center;margin-bottom: 25px;}
.hopewrap .hopeinfo3 .webinner .hopeinfo_column .hopeinfotable ul li ol li span{display: block;color:#749c26;font-size: 22px; font-weight: 700;margin-bottom: 25px;}
.hopewrap .hopeinfo3 .webinner .hopeinfo_column .hopeinfotable ul li ol li a{display: inline-block;color:#222;font-size: 22px; font-weight: 700;padding: 0 68px 0 37px;border-radius: 90px;border: 1px solid #b8becb;position: relative;height: 46px; line-height: 46px;}
.hopewrap .hopeinfo3 .webinner .hopeinfo_column .hopeinfotable ul li ol li a:after{content: '';position: absolute;background:#7aa429 url(/resources/2026/web/images/event/hopeinfo_ob6.png) center center no-repeat;width: 51px; height: 51px;border-radius: 51px; top: 50%; transform: translate(0,-50%);right: 0}
.hopewrap .hopeinfo3 .webinner .hopeinfo_column .hopeinfotable ul li ol{display: flex;align-items: flex-end;justify-content: space-between;gap: 130px;}
.hopewrap .hopeinfo3 .webinner .hopeinfo_column .hopeinfotable ul:nth-of-type(3){border-bottom: 0;padding: 30px 0;}
.hopewrap .hopeinfo4{background: #def6de;}
.hopewrap .hopeinfo4 .webinner{padding: 84px 0;}
.hopewrap .hopeinfo4 .webinner h2{color:#222;font-size: 50px; font-weight: 700;text-align: center;margin-bottom: 10px;}
.hopewrap .hopeinfo4 .webinner p.T1{color:#222;font-size: 24px; text-align: center;margin-bottom: 90px;position: relative;}
.hopewrap .hopeinfo4 .webinner p.T1 i{color:#222;font-weight: 700;}
.hopewrap .hopeinfo4 .webinner p.T1:after{content: '';position: absolute;background: url(/resources/2026/web/images/event/hopeinfo_ob1.png) no-repeat;width: 22px; height: 60px; left: 50%; transform: translate(-50%,0);bottom: -74px;}
.hopewrap .hopeinfo4 .webinner p.T2{color:#222;font-size: 28px; text-align: center;margin-bottom: 32px;position: relative;}
.hopewrap .hopeinfo4 .webinner p.T2 i{color:#222;font-weight: 700;}
.hopewrap .hopeinfo4 .webinner .hopeinfo_event{position: relative;margin-bottom: 160px;}
.hopewrap .hopeinfo4 .webinner .hopeinfo_event .inner_hopeinfo_event{display: flex;align-items: center;justify-content: space-around;position: relative;width: 1020px;padding: 0 70px;}
.hopewrap .hopeinfo4 .webinner .hopeinfo_event .inner_hopeinfo_event .hopeinfobox{width: 260px; height: 160px;display: flex;align-items: center;justify-content: center;text-align: center;background: #fff;gap: 40px;border-radius: 50px;position: relative;box-shadow: 10px 10px 20px rgba(0,0,0,0.1);opacity: 0;}
.hopewrap .hopeinfo4 .webinner .hopeinfo_event .inner_hopeinfo_event .hopeinfobox.on{animation: fade-in-bottom 1s linear both;}
.hopewrap .hopeinfo4 .webinner .hopeinfo_event .inner_hopeinfo_event .hopeinfobox2.on{animation-delay: 0.3s;}
.hopewrap .hopeinfo4 .webinner .hopeinfo_event .inner_hopeinfo_event .hopeinfobox3.on{animation-delay: 0.6s;}
.hopewrap .hopeinfo4 .webinner .hopeinfo_event .inner_hopeinfo_event .hopeinfobox1:before{content: '';position: absolute;background: url(/resources/2026/web/images/event/hopeinfo_ob10.png) no-repeat;width: 92px; height: 79px; top: -16px;left: -23px;filter: drop-shadow(10px 10px 5px rgba(0, 0, 0, 0.1));}
.hopewrap .hopeinfo4 .webinner .hopeinfo_event .inner_hopeinfo_event .hopeinfobox2:before{content: '';position: absolute;background: url(/resources/2026/web/images/event/hopeinfo_ob11.png) no-repeat;width: 77px; height: 80px; top: 100px;left: -20px;filter: drop-shadow(10px 10px 5px rgba(0, 0, 0, 0.1));}
.hopewrap .hopeinfo4 .webinner .hopeinfo_event .inner_hopeinfo_event .hopeinfobox3:before{content: '';position: absolute;background: url(/resources/2026/web/images/event/hopeinfo_ob12.png) no-repeat;width: 72px; height: 122px; top: -38px;left: 230px;filter: drop-shadow(10px 10px 5px rgba(0, 0, 0, 0.1));}
.hopewrap .hopeinfo4 .webinner .hopeinfo_event .inner_hopeinfo_event .hopeinfobox1:after{content: '';position: absolute;background: url(/resources/2026/web/images/event/hopeinfo_ob15.png) no-repeat;width: 37px; height: 19px; bottom: -19px;left: 140px;}
.hopewrap .hopeinfo4 .webinner .hopeinfo_event .inner_hopeinfo_event .hopeinfobox2:after{content: '';position: absolute;background: url(/resources/2026/web/images/event/hopeinfo_ob15.png) no-repeat;width: 37px; height: 19px; bottom: -19px;left: 140px;}
.hopewrap .hopeinfo4 .webinner .hopeinfo_event .inner_hopeinfo_event .hopeinfobox3:after{content: '';position: absolute;background: url(/resources/2026/web/images/event/hopeinfo_ob16.png) no-repeat;width: 37px; height: 19px; bottom: -19px;left: 130px;}
.hopewrap .hopeinfo4 .webinner .hopeinfo_event .inner_hopeinfo_event .hopeinfobox2{top: 80px;}
.hopewrap .hopeinfo4 .webinner .hopeinfo_event .inner_hopeinfo_event .hopeinfobox3{top: 20px;}
.hopewrap .hopeinfo4 .webinner .hopeinfo_event .inner_hopeinfo_event .hopeinfobox span{font-family: var(--dahan) !important;color:#222; font-size: 26px;;}
.hopewrap .hopeinfo4 .webinner .hopeinfo_event .hopeinfo_link{position: absolute;right: 70px; top: 20px;width: 210px; height: 210px; border-radius: 210px; background: #7aa429;display: flex;align-items: center;justify-content: center;text-align: center;box-shadow: 10px 10px 20px rgba(0,0,0,0.1);}
.hopewrap .hopeinfo4 .webinner .hopeinfo_event .hopeinfo_link:hover i{animation: leftfloat 0.2s linear infinite alternate;display: inline-block;}
.hopewrap .hopeinfo4 .webinner .hopeinfo_event .hopeinfo_link b{color:#fff; font-size: 32px; font-weight: 700;display: block;}
.hopewrap .hopeinfo4 .webinner .hopeinfo_column h2{font-size: 45px;text-align: left;}
.hopewrap .hopeinfo4 .webinner .hopeinfo_column h2:after{content: '';position: absolute;background: url(/resources/2026/web/images/event/hopeinfo_ob18.png) no-repeat;width: 17px; height: 18px;bottom: 17px; margin-left: 5px;animation: opa 1s linear infinite alternate;}
.hopewrap .hopeinfo4 .webinner .hopeinfo_column .hopeinfotable ul{display: flex;align-items: flex-start;justify-content: flex-start; border-bottom: 1px solid #6d776d; padding: 12px 0;width: 100%;}
.hopewrap .hopeinfo4 .webinner .hopeinfo_ob{position: absolute;top: 134px; left: 50%; margin-left: 534px;animation: opa 1s linear infinite alternate}
.hopewrap .hopeinfo5{background: #fff;}
.hopewrap .hopeinfo5 .webinner{padding: 84px 0;}
.hopewrap .hopeinfo5 .webinner h2{text-align: center;color:#222;font-size: 50px;margin-bottom: 59px;}
.hopewrap .hopeinfo5 .webinner h2 i{color:#7aa429;font-weight: 700;}
.hopewrap .hopeinfo5 .webinner .hopeinfo_bns{display: flex;align-items: center;justify-content: center;gap: 40px;}
.hopewrap .hopeinfo5 .webinner .hopeinfo_bns a{display: block;}
.hopewrap .hopeinfo6{background: #f4f7fc;}
.hopewrap .hopeinfo6 .webinner{padding: 100px 0;}
.hopewrap .hopeinfoquicks{text-align: right;}
.hopewrap .hopeinfoquicks a.tops{width: 50px; height: 50px; border-radius: 50px; display: inline-block;background:#fff url(/resources/2026/web/images/event/scrolltop_arow.png) center center no-repeat;text-indent: -9999px;box-shadow: 5px 5px 5px rgba(0,0,0,0.1);margin-bottom: 10px;}
.personwrap{background: #fff;position: relative;;}
.personwrap .webinner{position: relative;padding: 85px 76px 195px 76px;}
.personwrap .webinner h1{text-align: center;font-size: 28px;margin-bottom: 44px;color:#222;line-height: 35px;}
.personwrap .webinner h1 span{font-size: 55px;color:#7aa429;font-weight: 700;}
.personwrap .webinner p.T1{font-size: 18px; color:#222;line-height: 30px;margin-bottom: 80px;;}
.personwrap .webinner p.T2{font-size: 20px; color:#749c26;margin-bottom: 25px;padding-bottom: 17px;border-bottom: 1px solid #d7d7d7;font-weight: 600;}
.personwrap .webinner p.T3{font-size: 18px; color:#222;margin-bottom: 27px;line-height: 30px;;}
.personwrap .webinner .ptxt{display: table;}
.personwrap .webinner .mbs{margin-bottom:55px ;}
.personwrap .webinner .ptxt p{float: left;font-size: 17px; line-height: 30px;color:#222;;}
.personwrap .webinner .ptxt p:nth-of-type(1){position: relative;padding-left: 15px;margin-right: 3px;}
.personwrap .webinner .ptxt p:nth-of-type(1)::before{content: ''; position: absolute;width: 7px; height: 7px; background: #222; border-radius: 7px;margin-left: -15px;top:50%; margin-top: -3.5px;}
.personwrap .webinner .ptxt span{padding-left: 60px;}
.personwrap .webinner table.pertable{width:100%;}
.personwrap .webinner table.pertable thead th{background:#7aa429; color:#fff;border: 1px solid #fff;text-align: center}
.personwrap .webinner table.pertable thead th,.personwrap .webinner table tbody td{font-size: 17px;padding:20px 0; text-align: center;vertical-align: middle;}
.personwrap .webinner table.pertable tbody td{color:#463e3b;border: 1px solid #e0e0e0;background: #fff;}
.personwrap .webinner table.pertable tbody td a{color:#463e3b;}
.wi1,.wi2,.wi3,.wi4,.wi5{width:216px;}
.personwrap .webinner table.pertable2{width:100%;}
.personwrap .webinner table.pertable2 tbody td{font-size: 17px;padding:20px; text-align: center;vertical-align: middle;}
.personwrap .webinner table.pertable2 tbody td.tbod{border-top: 2px solid #38b162;}
.personwrap .webinner table.pertable2 tbody td:nth-of-type(2){text-align:left;;}
.personwrap .webinner table.pertable2 tbody td{color:#463e3b;border: 1px solid #e0e0e0;background: #fff;}
.personwrap .webinner table.pertable2 tbody td a{color:#463e3b;}
.personwrap .webinner .telsinfos{text-align: center;}
.personwrap .webinner .telsinfos p{display: inline-block;margin: 0 10px;width: 430px; height: 70px; line-height: 70px; color: #222; font-size: 20px;;background: #fff; border: 1px solid #aeaeae;border-radius: 70px;;}
.guardwrap{background: #fff;}
.guardwrap .webinner{padding:103px 0 ;width: 1140px; margin: auto;}
.guardwrap .webinner h1{font-size: 55px; color:#222;text-align: center;margin-bottom: 85px;font-weight: 700;}
.guardwrap .webinner .guardshead{position: relative;width:1140px; margin: auto;padding-bottom: 20px;display: flex;align-items: center;justify-content: space-between;border-bottom: 2px solid #000;}
.guardwrap .webinner .guardsheadview{position: relative;width:1140px; margin: auto;padding:20px 0 33px 0;border-bottom: 2px solid #000;text-align: center;}
.guardwrap .webinner .guardsheadview p.T1{font-size: 24px; color:#7aa429;margin-bottom: 7px;}
.guardwrap .webinner .guardsheadview h1{font-size: 35px; color:#333;margin-bottom: 7px;}
.guardwrap .webinner .guardsheadview p.T2{font-size: 18px; color:#7777;}
.guardwrap .webinner .guardshead p.T2{font-size: 23px; color:#222;line-height: 48px;;}
.guardwrap .webinner .guardshead p.T2 span{font-size: 23px; color:#749c26;}
.guardwrap .webinner .guardshead .guardr input{padding: 11px 20px;border-radius: 48px;font-size: 20px;color:#222;border: 1px solid #aeaeae;vertical-align: bottom;width: 260px;}
.guardwrap .webinner .guardshead .guardr a{height: 48px;line-height:48px;color:#fff;padding: 0 55px 0 33px;background: #292321;font-size: 22px;font-weight: 700;display: inline-block;margin-left: 5px;border-radius: 48px;position: relative;}
.guardwrap .webinner .guardshead .guardr a:after{content: '';position: absolute;background: url(/resources/2026/web/images/event/duk.png) no-repeat;width: 22px; height: 22px;left: 50%; margin-left: 18px; top:50%; margin-top: -11px;}
.guardwrap .webinner .guardshead p.etcT3 {font-size: 24px;color: #222; line-height: 48px; font-weight: 700;}
.guardwrap .webinner .guardshead p.etcT3 span {font-size: 24px;color: #749c26;}
.guardwrap .webinner .guardshead p.etcT4 {font-size: 19px;color: #222;line-height: 48px;}
.guardwrap .webinner table{width: 1140px; margin: auto;margin-bottom: 50px;}
.guardwrap .webinner table td{border-bottom: 1px solid #d7d7d7;text-align: center;color:#222}
.guardwrap .webinner table td.lefts{text-align: left;padding:18px 30px;max-width: 700px;}
.guardwrap .webinner table tbody a.on,.guardwrap .webinner table tbody td.on{color:#7aa429;font-weight: 700;}
.guardwrap .webinner table td{font-size: 20px;}
.guardwrap .webinner table td.on,.guardwrap .webinner table td.on a{color:#749c26;background: #fff;}
.guardwrap .webinner .pagings{text-align: center;position: relative;}
.guardwrap .webinner .pagings a{display: inline-block;width: 48px; height: 48px; border-radius: 48px;font-size: 18px;line-height: 48px;margin: 0 5px;vertical-align: middle;}
.guardwrap .webinner .pagings a:hover,.guardwrap .webinner .pagings a.on{border: 1px solid #7aa429;background: #7aa429;color:#fff;}
.guardwrap .webinner .pagings span a{margin: 0 15px;}
.guardwrap .webinner .pagings span a:hover,.guardwrap .webinner .pagings span a{background: #fff;text-indent: -9999px;border: 1px solid #b3b3b3;position: relative;}
.guardwrap .webinner .pagings span a:after{content: '';position: absolute;background: url(/resources/2026/web/images/event/page_l.png) no-repeat;width: 9px; height: 16px; left: 50%; top: 50%;transform: translate(-50%,-50%);}
.guardwrap .webinner .pagings span:nth-of-type(2) a:after{content: '';position: absolute;background: url(/resources/2026/web/images/event/page_r.png) no-repeat;width: 9px; height: 16px; left: 50%; top: 50%;transform: translate(-50%,-50%);}
.guardwrap .webinner .guardsheadviews{width: 1140px;padding: 50px 140px;border-bottom: 1px solid #aeaeae;margin-bottom: 30px;}
.guardwrap .webinner .guardsheadviews img{width: 100%; max-width: 860px;}
.guardwrap .webinner .guardsheadviews .guardvideo{width: 100%; padding-bottom: 56.25%;position: relative;max-width: 860px;}
.guardwrap .webinner .guardsheadviews .guardvideo iframe{width: 100%; height: 100%;position: absolute;left: 0;top: 0;}
.guardwrap .webinner .guardlist{text-align: center;}
.guardwrap .webinner .guardlist a{color:#fff;background: #7aa429;font-size: 24px; font-weight: 700;width: 150px; height: 60px; border-radius: 60px;display: inline-block;line-height: 60px;}
.telinfowrap .webinner h1 {position: relative;text-align: center;font-size: 55px;color: #222;padding: 73px 0 54px 0;font-weight: 700;}
.telinfowrap .webinner .taltable {background: #fff;width: 1200px; margin: auto;padding-bottom: 150px;}
.telinfowrap .webinner .taltable table{width: 1200px;;}
.telinfowrap .webinner .taltable table thead th {color: #fff;font-size: 22px; background: #7aa429;}
.telinfowrap .webinner .taltable table thead th,.telinfowrap .webinner .taltable table tbody td,.telinfowrap .webinner .taltable table tbody th {padding: 20px 10px;text-align: center;}
.telinfowrap .webinner .taltable table tbody td,.telinfowrap .webinner .taltable table tbody th {font-size: 18px;color: #222;background: #fff;border: 1px solid #d7d7d7;vertical-align: middle;line-height: 30px;border-top: 0;}
.telinfowrap .webinner .taltable table tbody th,.telinfowrap .webinner .taltable table tbody td:nth-of-type(1) {border-left: 0;border-right: 0;}
.telinfowrap .webinner .taltable table thead th:nth-of-type(1){border-radius: 10px 0 0 10px;}
.telinfowrap .webinner .taltable table thead th:nth-of-type(4){border-radius: 0 10px 10px 0px;}
.telinfowrap .webinner .taltable table tbody td:nth-of-type(1){font-weight: 700;}
.telinfowrap .webinner .taltable table tbody td.none{font-weight: 400;}
.telinfowrap .webinner .taltable table tbody .blacks{border-bottom: 1px solid #000;}
.telinfowrap .webinner .taltable table tbody td:last-child {border-right: 0}
.telinfowrap .webinner .taltable table tbody th{font-size: 20px; font-weight: 700;position: relative;}
.telinfowrap .webinner .taltable table tbody th img{position: relative;left: 10px;top: 20px;}
.telinfowrap .webinner .taltable table tbody td.cos,.telinfowrap .webinner .taltable table tbody th.cos {background: #fafafc}
.telinfowrap .webinner .taltable table tbody td p.add {font-size: 17px;color: #7aa429; text-align: center;}

#container{max-width: none !important;}
@keyframes fade-in-top{0%{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
@-webkit-keyframes fade-in-left{0%{-webkit-transform:translateX(-50px);transform:translateX(-50px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes fade-in-left{0%{-webkit-transform:translateX(-50px);transform:translateX(-50px);opacity:0}100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}
@keyframes fade-in-right{0%{transform:translateX(50px);opacity:0}100%{transform:translateX(0);opacity:1}}
@-webkit-keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
@keyframes scrolls{0%{transform:translateY(0px);opacity:0}100%{transform:translateY(10px);opacity:1}}
@keyframes colors{0%{opacity: 0;color:#fff;text-shadow: 0 0 10px rgba(255,255,22,1)}30%{opacity: 0.5;color:#fff;text-shadow: 0 0 10px rgba(255,255,22,0.5)} 60%{opacity: 0.3;color:#fff;text-shadow: 0 0 10px rgba(255,255,22,0.3)}100%{opacity: 1;color:#807069;text-shadow: 0 0 10px rgba(255,255,22,0)}}
@keyframes opa{0%{opacity: 0;;}100%{opacity: 1;}}
@keyframes scaleopa{0%{opacity: 0;transform: scale(1.05);}100%{opacity: 1;transform: scale(1);}}
@keyframes scaleopa1{0%{opacity: 0;transform: scale(0.8) translate(-50%,-50%);}100%{opacity: 1;transform: scale(1) translate(-50%,-50%);}}
@keyframes w100p{0%{width: 0;}100%{width: 100px;}}
@keyframes w100{0%{width: 0;}100%{width: 100%;}}
@keyframes rot{0%{transform: rotate(0);}100%{transform: rotate(6deg);}}
@keyframes rot1{0%{transform: rotate(0);}100%{transform: rotate(2deg);}}
@keyframes rot2{0%{transform: rotate(-5deg);}100%{transform: rotate(0);}}
@keyframes rot3{0%{transform: rotate(5deg);}100%{transform: rotate(0);}}
@keyframes rot4{0%{transform: rotate(-35deg);}100%{transform: rotate(0deg);}}
@keyframes rot5{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}}
@keyframes rot6{0%{transform: rotate(-10deg);}100%{transform: rotate(10deg);}}
@keyframes rot7{0%{transform: rotate(-10deg);}100%{transform: rotate(10deg);}}
@keyframes rot8{0%{transform: rotate(0deg);} 35%{transform: rotate(-5deg);}70%{transform: rotate(5deg);}100%{transform: rotate(0deg)}}
@keyframes scales{0%{transform: scale(1);}100%{transform: scale(1.03);}}
@keyframes topfloat{0%{transform: translate(0);}100%{transform: translate(0,-10px);}}
@keyframes leftfloat{0%{transform: translate(0);}100%{transform: translate(-10px,0);}}
@keyframes jello-horizontal{0%{transform:scale3d(1,1,1);}30%{transform:scale3d(1.25,.75,1);opacity: 1}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}100%{transform:scale3d(1,1,1);opacity: 1;}}
@keyframes slide-in-elliptic-top-fwd{0%{transform:translateY(-600px) rotateX(-30deg) scale(0);transform-origin:50% 100%;opacity:0}100%{transform:translateY(0) rotateX(0) scale(1);transform-origin:50% 1400px;opacity:1}}
@keyframes clips{0%{clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}}
@keyframes clips1{0%{clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);}100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}}
@keyframes clips2{0%{clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);;}100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}}
@keyframes clips3{0%{clip-path: polygon(100% 0, 100% 22%, 100% 51%, 100% 63%, 100% 83%, 100% 92%, 100% 100%, 0 100%, 0 0);} 25%{clip-path: polygon(86% 0, 83% 18%, 85% 38%, 89% 64%, 83% 81%, 73% 100%, 0 100%, 0 0);}  50%{clip-path: polygon(68% 0, 77% 13%, 69% 34%, 62% 57%, 72% 72%, 55% 100%, 0 100%, 0 0);} 75%{clip-path: polygon(50% 0, 40% 18%, 29% 37%, 52% 44%, 41% 63%, 31% 100%, 0 100%, 0 0);;}100%{clip-path: polygon(0 0, 0 12%, 0 28%, 0 44%, 0 64%, 0 100%, 0 100%, 0 0);}}
@keyframes clips4{0%{clip-path: polygon(0 51%, 0 79%, 0 100%, 0 100%, 0% 0%, 0 0);} 25%{clip-path: polygon(26% 30%, 18% 61%, 31% 100%, 2% 100%, 0% 0%, 18% 0);}  50%{clip-path: polygon(37% 40%, 49% 54%, 50% 100%, 2% 100%, 0% 0%, 42% 0);}  75%{clip-path: polygon(81% 40%, 68% 73%, 83% 100%, 2% 100%, 0% 0%, 71% 0);} 100%{clip-path: polygon(100% 40%, 100% 71%, 100% 100%, 2% 100%, 0% 0%, 100% 0);}}
@keyframes hatch {0% {transform: rotate(0deg) scaleY(0.6);opacity: 0;}20% {transform: rotate(-2deg) scaleY(1.05);opacity: 1;}35% {transform: rotate(2deg) scaleY(1);opacity: 1}50% {transform: rotate(-2deg);opacity: 1}65% {transform: rotate(1deg);opacity: 1}80% {transform: rotate(-1deg);opacity: 1}	100% {transform: rotate(0deg);opacity: 1}}
@keyframes wandShake {0%{transform: translate(210%, -5%) rotate(0deg); }100%{ transform: translate(210%, -5%) rotate(-30deg); }}
@keyframes clipswidth{0%{clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);width: 0;}100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);width: 100%}}
@keyframes clipswidth2{0%{clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);;}100%{clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);}}
@keyframes shodows{0%{box-shadow: 0 0 0px #bdcc5b;;}100%{box-shadow: 0 0 30px #bdcc5b;}}
@keyframes shodows2{0%{box-shadow: 0 0 0px #99bde5;;}100%{box-shadow: 0 0 30px #99bde5;}}
@keyframes twinkle {0% {transform: scale(0.6); opacity: 0.4;}50% {transform: scale(1); opacity: 1;}100% {transform: scale(0.6);opacity: 0.4;}}


/* 2025 희가편 피드백 PC */
.hide-txt {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  font-size: 1px;
  line-height: 0;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  margin: -1px;
  padding: 0;
  border: 0;
}

@font-face {
  font-family: "PayboocFont";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-Light.woff") format("woff");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "PayboocFont";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-Medium.woff") format("woff");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "PayboocFont";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-Bold.woff") format("woff");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "PayboocFont";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-display: swap;
}
@font-face {
  font-family: "Nelna Yesam";
  src: url("/resources/web/font/Nelna_Yesam_Rg.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "InkLiquid";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff") format("woff");
  font-weight: normal;
  font-display: swap;
}
:root {
  --pay: "PayboocFont";
  --nel: "Nelna Yesam";
  --ink: "InkLiquid";
}

.feedback-wrap div,
.feedback-wrap p,
.feedback-wrap span {
  font-family: var(--pay) !important;
  letter-spacing: -0.5px;
}

.feedback-wrap [class^=ico-] {
  display: inline-block;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.feedback-wrap [class^=ico-].ico-three {
  background-image: url("/resources/web/images/three.png");
  background-size: contain;
  vertical-align: bottom;
}

.feedback-wrap {
  width: 100%;
  max-width: 2560px;
  margin: 0 auto;
  position: relative;
  min-width: 1400px;
  overflow: hidden;
}
.feedback-wrap img {
  display: block;
  width: 100%;
}
.feedback-wrap .inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}
.feedback-wrap .h-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.feedback-wrap .section {
  position: relative;
}
.feedback-wrap .section .content-area {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.feedback-wrap .section.section1 {
  background: url("/resources/web/images/bg1.png") no-repeat center/cover;
}
.feedback-wrap .section.section1 .inner::after {
  content: "";
  display: block;
  padding-top: 80%;
}
.feedback-wrap .section.section1 .top-logo {
  display: flex;
  align-items: center;
  position: absolute;
  top: 20px;
  left: -130px;
}
.feedback-wrap .section.section1 .top-logo .txt-box {
  margin-left: 20px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
}
.feedback-wrap .section.section1 .magic-area .juliet-el {
  position: relative;
  width: 845px;
  height: 639px;
  top: 153px;
  left: -110px;
}
.feedback-wrap .section.section1 .magic-area [class^=ico-] {
  position: absolute;
}
.feedback-wrap .section.section1 .magic-area .ico-armhand {
  background-image: url("/resources/web/images/armhand.png");
  width: 481px;
  height: 239px;
  left: 20px;
  top: 593px;
}
.feedback-wrap .section.section1 .magic-area .ico-stick {
  background-image: url("/resources/web/images/stick.png");
  width: 431px;
  height: 290px;
  left: 314px;
  top: 452px;
}
.feedback-wrap .section.section1 .magic-area .ico-glitter {
  background-image: url("/resources/web/images/stick_effect.png");
  width: 226px;
  height: 159px;
  top: 383px;
  left: 426px;
}
.feedback-wrap .section.section1 .txt-area {
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  max-width: 600px;
  position: absolute;
}
.feedback-wrap .section.section1 .txt-area .ico-three {
  width: 35px;
  height: 55px;
}
.feedback-wrap .section.section1 .txt-area .ico-line {
  background-image: url("/resources/web/images/top_line.png");
  width: 289px;
  height: 13px;
}
.feedback-wrap .section.section1 .txt-area .txt1 {
  text-align: center;
  color: #fff;
  font-size: 36px;
  font-weight: 700;
}
.feedback-wrap .section.section1 .txt-area .line {
  margin: 30px 0 45px;
  display: flex;
  justify-content: center;
}
.feedback-wrap .section.section1 .txt-area .txt2 {
  position: relative;
  margin-top: 50px;
}
.feedback-wrap .section.section1 .txt-area .txt2.on::before {
  opacity: 1;
  background: url(/resources/web/images/txt_genie_on.png) no-repeat center/contain;
}
.feedback-wrap .section.section1 .txt-area .txt2::before {
  opacity: 0.1;
  transition: opacity 0.2s linear, background 0.2s linear;
  content: "";
  display: block;
  background: url("/resources/web/images/txt_genie.png") no-repeat center/contain;
  width: 262px;
  height: 137px;
  position: absolute;
  top: -30px;
  left: 180px;
}
.feedback-wrap .section.section1 .txt-area .txt3 {
  text-align: center;
}
.feedback-wrap .section.section1 .txt-area .txt3.on em {
  filter: drop-shadow(2px 2px 10px rgba(142, 69, 51, 0.8));
}
.feedback-wrap .section.section1 .txt-area .txt3 span {
  font-size: 32px;
  font-family: var(--nel) !important;
  color: #fff;
  letter-spacing: -1px;
  display: block;
  font-weight: normal;
}
.feedback-wrap .section.section1 .txt-area .txt3 em {
  font-size: 32px;
  font-family: var(--nel) !important;
  color: #fff;
  letter-spacing: -1px;
  transition: filter 0.2s ease;
}
.feedback-wrap .section.section1 .txt-area .txt3 span + span {
  margin-top: 20px;
}
.feedback-wrap .section.section1 .ico-light {
  position: absolute;
  background-image: url("/resources/web/images/ico_top_light.png");
  background-size: contain;
  width: 84px;
  height: 80px;
}
.feedback-wrap .section.section1 .ico-light.light1 {
  left: -120px;
  top: 520px;
}
.feedback-wrap .section.section1 .ico-light.light2 {
  right: -50px;
  top: 250px;
}
.feedback-wrap .section.section1 .ico-light.light3 {
  left: -190px;
  top: 210px;
}
.feedback-wrap .section.section1 .ico-light.light4 {
  right: -140px;
  top: 110px;
}
.feedback-wrap .section.section1 .ico-light.light5 {
  right: 450px;
  top: 670px;
  width: 40px;
  height: 40px;
}
.feedback-wrap .section.section1 .ico-light.light6 {
  right: 110px;
  top: 720px;
  width: 40px;
  height: 40px;
}
.feedback-wrap .section.section2 {
  background: url("/resources/web/images/bg2.png") no-repeat center/cover;
}
.feedback-wrap .section.section2 .inner::after {
  content: "";
  display: block;
  padding-top: 160%;
}
.feedback-wrap .section.section2 .ico-three {
  width: 50px;
  height: 75px;
}
.feedback-wrap .section.section2 .ico-line {
  background-image: url("/resources/web/images/cont_line.png");
  width: 2px;
  height: 55px;
  text-align: center;
}
.feedback-wrap .section.section2 .section2-tit,
.feedback-wrap .section.section2 .bg-sub {
  text-align: center;
}
.feedback-wrap .section.section2 .section2-tit {
  font-size: 40px;
  font-weight: 700;
  margin-top: 100px;
  letter-spacing: -2px;
}
.feedback-wrap .section.section2 .bg-sub {
  display: block;
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  font-size: 28px;
  margin-top: 15px;
  position: relative;
  padding: 8px 15px;
  z-index: 1;
}
.feedback-wrap .section.section2 .bg-sub::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background: #fff9f0;
  z-index: -1;
  transition: width 0.8s ease-out;
}
.feedback-wrap .section.section2 .bg-sub.active::before {
  width: 100%;
}
.feedback-wrap .section.section2 .bg-sub strong {
  font-weight: 700;
  font-size: 28px;
  font-family: var(--pay) !important;
}
.feedback-wrap .section.section2 .card-area {
  max-width: 1150px;
  margin: 40px auto 0;
}
.feedback-wrap .section.section2 .card-area .card-item {
  cursor: pointer;
}
.feedback-wrap .section.section2 .card-area .top-unit {
  width: 370px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 10px;
}
.feedback-wrap .section.section2 .card-area .top-unit .num {
  font-family: var(--ink) !important;
  font-size: 45px;
  font-weight: normal;
}
.feedback-wrap .section.section2 .card-area .card-section {
  display: flex;
  justify-content: center;
  gap: 35px;
}
.feedback-wrap .section.section2 .card-area .card-item {
  perspective: 1000px;
  flex: 1 0 auto;
}
.feedback-wrap .section.section2 .card-area .card-item.card-item2 .ico-yel-heart.heart1 {
  top: 202px;
  left: 100px;
}
.feedback-wrap .section.section2 .card-area .card-item.card-item2 .ico-yel-heart.heart2 {
  top: 191px;
  left: 260px;
}
.feedback-wrap .section.section2 .card-area .card-item.card-item2 .ico-yel-heart.heart3 {
  top: 180px;
  left: 80px;
}
.feedback-wrap .section.section2 .card-area .card-item.card-item3 .ico-yel-heart.heart1 {
  top: 152px;
  left: 82px;
}
.feedback-wrap .section.section2 .card-area .card-item.card-item3 .ico-yel-heart.heart2 {
  top: 71px;
  left: 270px;
}
.feedback-wrap .section.section2 .card-area .card-item.card-item3 .ico-yel-heart.heart3 {
  top: 95px;
  left: 260px;
}
.feedback-wrap .section.section2 .card-area .card-el {
  position: absolute;
  filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.5));
  backface-visibility: hidden;
  transform-style: preserve-3d;
}
.feedback-wrap .section.section2 .card-area .card-el .point {
  width: 23%;
  position: absolute;
  top: 117px;
  right: 224px;
}
.feedback-wrap .section.section2 .card-area .card-el .ico-yel-heart {
  background-image: url("/resources/web/images/ico_yel_heart.png");
  width: 17px;
  height: 15px;
  position: absolute;
}
.feedback-wrap .section.section2 .card-area .card-el .ico-yel-heart.heart1 {
  top: 246px;
  left: 40px;
}
.feedback-wrap .section.section2 .card-area .card-el .ico-yel-heart.heart2 {
  top: 110px;
  left: 130px;
}
.feedback-wrap .section.section2 .card-area .card-el .ico-yel-heart.heart3 {
  top: 150px;
  left: 140px;
}
.feedback-wrap .section.section2 .card-area .star.on .ico-star {
  background-image: url("/resources/web/images/ico_star_on.png");
}
.feedback-wrap .section.section2 .card-area .star .ico-star {
  transition: background-image 0.3s ease;
  background-image: url("/resources/web/images/ico_star.png");
  background-size: contain;
  width: 55px;
  height: 60px;
}
.feedback-wrap .section.section2 .card-area .star .ico-star + .ico-star {
  margin-left: -11px;
}
.feedback-wrap .section.section2 .card-area .hand {
  width: 86px;
  height: 72px;
  position: absolute;
  bottom: -20px;
  right: -24px;
  transform: rotate(14deg);
}
.feedback-wrap .section.section2 .middle-line {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 910px;
}
.feedback-wrap .section.section2 .section2-video {
  padding-top: 650px;
}
.feedback-wrap .section.section2 .section2-video .section2-tit {
  margin-top: 0;
}
.feedback-wrap .section.section2 .section2-video .section2-tit .org {
  color: #fd7817;
  font-size: 50px;
  font-weight: 800;
}
.feedback-wrap .section.section2 .section2-video .bg-sub::before {
  background: #fff0e3;
}
.feedback-wrap .section.section2 .section2-video .video-area {
  position: relative;
  z-index: 2;
  max-width: 1100px;
  margin: 40px auto 0;
  filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.5));
}
.feedback-wrap .section.section2 .section2-video .video-el {
  width: 100%;
  padding-bottom: 56%;
}
.feedback-wrap .section.section2 .section2-video .video-el iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.feedback-wrap .section.section2 .ico-star-stick {
  background-image: url("/resources/web/images/stick_right.png");
  background-size: contain;
  width: 626px;
  height: 617px;
  position: absolute;
  top: 430px;
  right: -580px;
  transform-origin: center center;
  transform-style: preserve-3d;
}
.feedback-wrap .section.section2 .ico-video {
  background-image: url("/resources/web/images/ico_video.png");
  background-size: contain;
  width: 345px;
  height: 339px;
  position: absolute;
  top: 1060px;
  left: -280px;
  z-index: 1;
  transform-origin: center center;
  will-change: transform;
}
.feedback-wrap .section.section3 .inner::after {
  content: "";
  display: block;
  padding-top: 78%;
}
.feedback-wrap .section.section3 .section3-tit {
  font-size: 35px;
  text-align: center;
  font-weight: 600;
}
.feedback-wrap .section.section3 .section3-tit .count {
  color: #fb8800;
  font-size: 45px;
  font-weight: 700;
}
.feedback-wrap .section.section3 .section3-swiper {
  max-width: 1100px;
  margin: 40px auto 0;
  padding-bottom: 50px;
}
.feedback-wrap .section.section3 .section3-swiper .slide-img {
  margin-left: 20px;
}
.feedback-wrap .section.section3 .section3-swiper .swiper-control {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  width: 100%;
  bottom: 14px;
}
.feedback-wrap .section.section3 .section3-swiper [class^=swiper-button] {
  position: absolute;
  width: 35px;
  height: 35px;
  top: 9px;
}
.feedback-wrap .section.section3 .section3-swiper [class^=swiper-button].swiper-button-prev {
  background: url("/resources/web/images/slide_before.png") no-repeat center/contain;
  left: 450px;
}
.feedback-wrap .section.section3 .section3-swiper [class^=swiper-button].swiper-button-next {
  background: url("/resources/web/images/slide_after.png") no-repeat center/contain;
  right: 450px;
}
.feedback-wrap .section.section3 .section3-swiper [class^=swiper-button]::after {
  display: none;
}
.feedback-wrap .section.section3 .section3-swiper .swiper-pagination {
  position: static;
  margin-bottom: 6px;
}
.feedback-wrap .section.section3 .section3-swiper .swiper-pagination .swiper-pagination-bullet {
  background: #d0d0d0;
  width: 10px;
  height: 10px;
  opacity: 1;
}
.feedback-wrap .section.section3 .section3-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #ff8711;
}
.feedback-wrap .section.section4 .inner {
  max-width: 2560px;
}
.feedback-wrap .section.section4 .inner::after {
  content: "";
  display: block;
  padding-top: 57%;
}
.feedback-wrap .section.section4 video {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.feedback-wrap .section.section4 .inner-txt {
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 56%;
  left: 50%;
  background: #fff;
  border-radius: 0 60px 60px 60px;
  padding: 70px 100px;
  text-align: center;
  filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
  /* transform-origin: top left; */
  transform-origin: left top;
}
.feedback-wrap .section.section4 .inner-txt span {
  font-size: 32px;
  display: block;
  font-family: var(--nel) !important;
  color: #402e22;
  font-weight: normal;
}
.feedback-wrap .section.section4 .inner-txt span + span {
  margin-top: 10px;
}
.feedback-wrap .section.section4 .inner-txt .org {
  color: #fb8800;
  font-family: var(--nel) !important;
}
.feedback-wrap .section.section4 .inner-txt .grn {
  color: #97bc00;
  font-family: var(--nel) !important;
}
.feedback-wrap .section.section4 .ico-small-juliet {
  position: absolute;
  background-image: url("/resources/web/images/ico_juliet.png");
  width: 108px;
  height: 103px;
  bottom: -10px;
  right: 40px;
}
.feedback-wrap .section.section5 {
  background: url(/resources/web/images/bg5.png) no-repeat center/cover;
}
.feedback-wrap .section.section5 .inner::after {
  content: "";
  display: block;
  padding-top: 88%;
}
.feedback-wrap .section.section5 [class^=img-] {
  position: absolute;
}
.feedback-wrap .section.section5 .board-area {
  height: 100%;
}
.feedback-wrap .section.section5 .board-area .board-tit {
  font-size: 44px;
  background: url("/resources/web/images/img_bubble.png") no-repeat center/contain;
  width: 852px;
  height: 212px;
  position: relative;
  top: 88px;
  left: 190px;
}
.feedback-wrap .section.section5 .board-area .board-tit [class^=ico-] {
  position: absolute;
}
.feedback-wrap .section.section5 .board-area .board-tit .ico-rainbow {
  background-image: url("/resources/web/images/ico_rainbow.png");
  width: 73px;
  height: 58px;
  left: 20px;
  top: 20px;
}
.feedback-wrap .section.section5 .board-area .board-tit .ico-bird {
  background-image: url("/resources/web/images/ico_bird.png");
  width: 101px;
  height: 76px;
  left: 720px;
  top: -20px;
  animation: birdRotate 2s linear infinite;
  transform-origin: center center;
}
.feedback-wrap .section.section5 .board-area .board-tit .ico-light1 {
  background-image: url("/resources/web/images/ico_light1.png");
  width: 70px;
  height: 66px;
  top: -10px;
  left: -100px;
}
.feedback-wrap .section.section5 .board-area .board-tit .ico-tail {
  background-image: url("/resources/web/images/ico_tail.png");
  width: 105px;
  height: 86px;
  top: 110px;
  left: -120px;
}
.feedback-wrap .section.section5 .board-area .board-tit .ico-light2 {
  background-image: url("/resources/web/images/ico_light2.png");
  width: 59px;
  height: 60px;
  top: 120px;
  left: 840px;
}
.feedback-wrap .section.section5 .board-area .in-tit {
  width: 100%;
  position: absolute;
  top: 84px;
  left: 122px;
  font-family: var(--nel) !important;
  font-weight: normal;
}
.feedback-wrap .section.section5 .board-area .in-tit .org {
  color: #fb8800;
  font-family: var(--nel) !important;
  font-weight: normal;
}
.feedback-wrap .section.section5 .board-area .in-tit.underline .org::after {
  content: "";
  width: 30%;
  height: 2px;
  background: #fb8800;
  position: absolute;
  bottom: 7px;
  left: 99px;
  animation: underline 0.8s ease-out forwards;
}
@keyframes underline {
  from {
    width: 0;
  }
  to {
    width: 30%;
  }
}
.feedback-wrap .section.section5 .img-juliet {
  width: 384px;
  height: 640px;
  left: -200px;
  top: 270px;
  z-index: 2;
}
.feedback-wrap .section.section5 .img-board {
  top: 300px;
  left: -70px;
  width: 100%;
}
.feedback-wrap .section.section5 .item-wrap {
  width: 80.8%;
  height: 475px;
  position: absolute;
  left: 145px;
  top: 328px;
}
.feedback-wrap .section.section5 .item-wrap .item-list {
  max-width: 865px;
  display: flex;
  align-items: center;
  gap: 35px;
  margin: 35px auto 0 55px;
}
.feedback-wrap .section.section5 .btn-board {
  width: 50%;
  margin: 50px auto 0;
  display: flex;
}
.feedback-wrap .section.section5 .bottom-txt {
  margin-top: 20px;
  color: #fff;
  font-size: 19px;
  text-align: center;
  font-weight: 500;
}
.feedback-wrap .section.section6 {
  background: #fdf5e9;
}
.feedback-wrap .section.section6 .inner::after {
  content: "";
  display: block;
  padding-top: 100%;
}
.feedback-wrap .section.section6 .section6-tit {
  display: flex;
  align-items: center;
  font-size: 40px;
  font-weight: 700;
}
.feedback-wrap .section.section6 .section6-tit .ico-logo-last {
  margin-top: 7px;
  margin-right: 10px;
  width: 900px;
  height: 72px;
  background-image: url("/resources/web/images/last_logo.png");
}
.feedback-wrap .section.section6 .sub {
  font-size: 30px;
  font-weight: 700;
  margin-top: 20px;
}
.feedback-wrap .section.section6 .news-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 50px 20px;
  margin-top: 70px;
}
.feedback-wrap .section.section6 .news-tit {
  font-size: 22px;
  font-weight: 700;
  margin-top: 20px;
}
.feedback-wrap .feedback-quick {
  position: fixed;
  top: 180px;
  right: 50px;
  /* right: calc(50% - 600px - 350px);
  top: 160px; */
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}
.feedback-wrap .feedback-quick.on {
  visibility: visible;
  opacity: 1;
}
.feedback-wrap .feedback-quick .btn-quick {
  display: block;
  width: 70%;
}

.hopewrap.hopeweb .feedback-wrap img{width: 100%;}

@keyframes birdRotate {
  0%, 100% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-10deg);
  }
}