@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: '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;}
:root{--sb1: "SBAggroL" !important;--sb2: "SBAggroM" !important;--sb3: "SBAggroB" !important;}
.hope-award td,.hope-award h1,.hope-award h2,.hope-award h3,.hope-award a,.hope-award div,.hope-award span,.hope-award a,.hope-award p,.hope-award i,.hope-award li,.hope-award b,.hope-award-header h1,.hope-award-header button,.hope-award-header li,.hope-award-header a{font-family: 'Pretendard' !important; letter-spacing: -1.2px;line-height: 150%;}
html,body{height: 100%;}
.hope-award-wrap .hope-award img{display:block;}
.hope-award-wrap,.hope-award{width: 100%;position: relative;max-width: 1920px;margin: auto;overflow: hidden;}
.hope-award-wrap .hope-award .inner{max-width: 720px; margin: auto;position: relative;width: 100%;height: 100%;overflow: hidden;}
.hope-award-wrap .hope-award img{display:block;}
.hope-award-wrap .blind{position: absolute !important; clip: rect(0 0 0 0) !important;width: 1px; height: 1px;margin: -1px;overflow: hidden;}
.hope-award-wrap .hope-award-header .hopeheader{display:flex;align-items:center; justify-content:start; height:clamp(55px, calc(110px + 110 * (100vw - 720px) / 720), 110px);}
.hope-award-wrap .hope-award-header .inner{max-width: 720px; margin: auto;position: relative;width: 100%;height: 100%;}
.hope-award-wrap .hope-award-header .hopeheader .hopelogo{margin-right: 5%;}
.hope-award-wrap .hope-award-header .hopeheader h1{color:#222;font-size: clamp(12px, calc(24px + 24 * (100vw - 720px) / 720), 24px);font-weight: 700;text-align: center;}
.hope-award-wrap .hope-award-header .hopeheader h1 a{display: block;}
.hope-award-wrap .hope-award-header .btn_menu{display:none;}
.hope-award-wrap .hope-award-header .btn_menu{width:clamp(20px, calc(40px + 40 * (100vw - 720px) / 720), 40px);;height:clamp(20px, calc(40px + 40 * (100vw - 720px) / 720), 40px);;border:0;background:none;cursor:pointer;}
.hope-award-wrap .hope-award-header .btn_menu span{display:block;width:clamp(14px, calc(28px + 28 * (100vw - 720px) / 720), 28px);;height:clamp(1px, calc(2px + 2 * (100vw - 720px) / 720), 2px);;margin:15% auto;background:#222;transition:.3s;}
.hope-award-wrap .hope-award1{background: url(../images/hope-award-bg1.png) 50% 0 no-repeat;background-size: cover;}
.hope-award-wrap .hope-award1 .inner{height: clamp(600px, calc(1200px + 1200 * (100vw - 720px) / 720), 1200px);}
.hope-award-wrap .hope-award1 .inner h2{max-width: 720px; margin: auto;padding: clamp(30px, calc(60px + 60 * (100vw - 720px) / 720), 60px) 0 clamp(10px, calc(20px + 20 * (100vw - 720px) / 720), 20px) 0;position: relative;z-index: 2;animation: fade-in-top 1s linear both;}
.hope-award-wrap .hope-award1 .inner .mainvis{max-width: 720px; margin: auto;position: relative;margin-bottom: clamp(14px, calc(28px + 28 * (100vw - 720px) / 720), 28px) ;}
.hope-award-wrap .hope-award1 .inner .mainvis img{position: relative;z-index: 1;animation: fiil 2s linear both;}
.hope-award-wrap .hope-award1 .inner .mainvis::before{content: '';width: clamp(330px, calc(660px + 660 * (100vw - 720px) / 720), 660px);height: clamp(330px, calc(660px + 660 * (100vw - 720px) / 720), 660px);border-radius: clamp(330px, calc(660px + 660 * (100vw - 720px) / 720), 660px); background: #2f529c;opacity: 0.8;left: 3%;top: -15%;position: absolute;filter: blur(10px);animation:blink-2 2s linear both}
.hope-award-wrap .hope-award1 .inner .mainvis .pang{position: absolute;top: 2%;left: 0;width: 100%; height: 100%;overflow: hidden;}
.hope-award-wrap .hope-award1 .inner .mainvis .pang .confetti {position: absolute;left: 50%;animation: confetti 5s ease-in-out -2s infinite;transform-origin: left top;}
.hope-award-wrap .hope-award1 .inner .mainvis .pang .confetti:nth-child(1) {width: clamp(12.5px, calc(25px + 25 * (100vw - 720px) / 720), 25px);height: clamp(9.5px, calc(19px + 19 * (100vw - 720px) / 720), 19px);background: url(../images/pang1.png) no-repeat; background-size: cover; left: 10%; animation-delay: 0;}
.hope-award-wrap .hope-award1 .inner .mainvis .pang .confetti:nth-child(2) {width: clamp(6px, calc(12px + 12 * (100vw - 720px) / 720), 12px);height: clamp(5px, calc(10px + 10 * (100vw - 720px) / 720), 10px);background: url(../images/pang2.png) no-repeat; background-size: cover; left: 20%; animation-delay: -5s;}
.hope-award-wrap .hope-award1 .inner .mainvis .pang .confetti:nth-child(3) {width: clamp(6.5px, calc(17px + 17 * (100vw - 720px) / 720), 17px);height: clamp(11px, calc(22px + 22 * (100vw - 720px) / 720), 22px);background: url(../images/pang3.png) no-repeat;background-size: cover; left: 30%; animation-delay: -3s;}
.hope-award-wrap .hope-award1 .inner .mainvis .pang .confetti:nth-child(4) {width: clamp(12.5px, calc(25px + 25 * (100vw - 720px) / 720), 25px);height: clamp(9.5px, calc(19px + 19 * (100vw - 720px) / 720), 19px);background: url(../images/pang1.png) no-repeat;background-size: cover; left: 40%; animation-delay: -2.5s;}
.hope-award-wrap .hope-award1 .inner .mainvis .pang .confetti:nth-child(5) {width: clamp(6px, calc(12px + 12 * (100vw - 720px) / 720), 12px);height: clamp(5px, calc(10px + 10 * (100vw - 720px) / 720), 10px);background: url(../images/pang2.png) no-repeat;background-size: cover; left: 50%; animation-delay: -4s;}
.hope-award-wrap .hope-award1 .inner .mainvis .pang .confetti:nth-child(6) {width: clamp(6.5px, calc(17px + 17 * (100vw - 720px) / 720), 17px);height: clamp(11px, calc(22px + 22 * (100vw - 720px) / 720), 22px);background: url(../images/pang3.png) no-repeat;background-size: cover; left: 60%; animation-delay: -6s;}
.hope-award-wrap .hope-award1 .inner .mainvis .pang .confetti:nth-child(7) {width: clamp(12.5px, calc(25px + 25 * (100vw - 720px) / 720), 25px);height: clamp(9.5px, calc(19px + 19 * (100vw - 720px) / 720), 19px);background: url(../images/pang1.png) no-repeat;background-size: cover; left: 70%; animation-delay: -1.5s;}
.hope-award-wrap .hope-award1 .inner .mainvis .pang .confetti:nth-child(8) {width: clamp(6px, calc(12px + 12 * (100vw - 720px) / 720), 12px);height: clamp(5px, calc(10px + 10 * (100vw - 720px) / 720), 10px);background: url(../images/pang2.png) no-repeat;background-size: cover; left: 80%; animation-delay: -2s;}
.hope-award-wrap .hope-award1 .inner .mainvis .pang .confetti:nth-child(9) {width: clamp(6.5px, calc(17px + 17 * (100vw - 720px) / 720), 17px);height: clamp(11px, calc(22px + 22 * (100vw - 720px) / 720), 22px);background: url(../images/pang3.png) no-repeat;background-size: cover; left: 90%; animation-delay: -3.5s;}
.hope-award-wrap .hope-award1 .inner .mainvis .pang .confetti:nth-child(10) {width: clamp(12.5px, calc(25px + 25 * (100vw - 720px) / 720), 25px);height: clamp(9.5px, calc(19px + 19 * (100vw - 720px) / 720), 19px);background: url(../images/pang1.png) no-repeat;background-size: cover; left: 100%; animation-delay: -2.5s;}
.hope-award-wrap .hope-award1 .inner .mainvis .pang .confetti:nth-child(11) {width: clamp(6px, calc(12px + 12 * (100vw - 720px) / 720), 12px);height: clamp(5px, calc(10px + 10 * (100vw - 720px) / 720), 10px);background: url(../images/pang2.png) no-repeat;background-size: cover; left: 80%; animation-delay: -2s;}
.hope-award-wrap .hope-award1 .inner .mainvis .pang .confetti:nth-child(12) {width: clamp(6.5px, calc(17px + 17 * (100vw - 720px) / 720), 17px);height: clamp(11px, calc(22px + 22 * (100vw - 720px) / 720), 22px);background: url(../images/pang3.png) no-repeat;background-size: cover; left: 90%; animation-delay: -3.2s;}
.hope-award-wrap .hope-award1 .inner .mainvis .pang .confetti:nth-child(12) {width: clamp(6.5px, calc(17px + 17 * (100vw - 720px) / 720), 17px);height: clamp(11px, calc(22px + 22 * (100vw - 720px) / 720), 22px);background: url(../images/pang1.png) no-repeat;background-size: cover; left: 90%; animation-delay: -5.2s;}
.hope-award-wrap .hope-award1 .inner .mainvis span{background: url(../images/hope-award-lights.png) no-repeat;width: clamp(146.5px, calc(293px + 293 * (100vw - 720px) / 720), 293px);height: clamp(135.5px, calc(271px + 271 * (100vw - 720px) / 720), 271px);background-size: cover;position: absolute;z-index: 2;mix-blend-mode: screen;animation:blink-2 2s linear infinite alternate}
.hope-award-wrap .hope-award1 .inner .mainvis span:nth-of-type(1){left: -11%; top: 24%;}
.hope-award-wrap .hope-award1 .inner .mainvis span:nth-of-type(2){left: 36%; top: 35%;animation-delay: 0.2s;}
.hope-award-wrap .hope-award1 .inner .mainvis span:nth-of-type(3){left: 68%; top: 18%;animation-delay: 0.4s}
.hope-award-wrap .hope-award1 .inner p.T1{font-size: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px);color: #d8b88b;text-align: center;line-height: clamp(21.5px, calc(43px + 43 * (100vw - 720px) / 720), 43px);}
.hope-award-wrap .hope-award1 .inner p.T1 i{color:#f7e5c6;}
.hope-award-wrap .hope-award1 .album{width: 159px; position: absolute;top: 50%; transform: translate(0,-50%);left: 50%;}/*animation: tops 1s linear infinite alternate;*/
.hope-award-wrap .hope-award1 .album.album1{margin-left: -873px;}
.hope-award-wrap .hope-award1 .album.album2{margin-left: -592px;animation-delay: 0.2s;}
.hope-award-wrap .hope-award1 .album.album3{margin-left: 432px;animation-delay: 0.4s}
.hope-award-wrap .hope-award1 .album.album4{margin-left: 710px;animation-delay: 0.6s}
.hope-award-wrap .hope-award1 .album img{margin-bottom: 15px;filter: drop-shadow(0 0 5px rgba(0,0,0,.5));}
.hope-award-wrap .hope-award1 .album p.T2{font-size: clamp(6.5px, calc(13px + 13 * (100vw - 720px) / 720), 13px); color:#816a4c;text-align: center; }
.hope-award-wrap .hope-award1 .album p.T2 i{font-size: clamp(7px, calc(14px + 14 * (100vw - 720px) / 720), 14px); color:#a78f70; }
.hope-award-wrap .hope-award2{background: url(../images/hope-award-bg2.png) 50% 0 no-repeat;background-size: cover;}
.hope-award-wrap .hope-award2 .inner{height: clamp(715px, calc(1430px + 1430 * (100vw - 720px) / 720), 1430px);}
.hope-award-wrap .hope-award2 .inner .cardbox{display: flex;align-items: center;justify-content: space-around;max-width: 720px; margin: auto;padding: 13% 0 15% 0;position: relative;}
.hope-award-wrap .hope-award2 .inner .cardbox:after{content: '';position: absolute;background: url(../images/hope-award-i3.png) no-repeat;width: clamp(11px, calc(22px + 22 * (100vw - 720px) / 720), 22px);height: clamp(35px, calc(70px + 70 * (100vw - 720px) / 720), 70px);margin-left: clamp(-5.5px, calc(-11px + -11 * (100vw - 720px) / 720), -11px);bottom: 3%;background-size: cover;}
.hope-award-wrap .hope-award2 .inner .cardbox .card{width:clamp(165px, calc(330px + 330 * (100vw - 720px) / 720), 330px);height: clamp(200px, calc(400px + 400 * (100vw - 720px) / 720), 400px);background: #fff;border-radius: clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px);display: flex;flex-direction: column;align-items: center;justify-content: center;box-shadow: 5px 5px 10px rgba(0,0,0,0.1);}
.hope-award-wrap .hope-award2 .inner .cardbox .card img{width: clamp(93.5px, calc(187px + 187 * (100vw - 720px) / 720), 187px);margin-bottom: 3%;}
.hope-award-wrap .hope-award2 .inner .cardbox .card p.T1{color:#749c26;font-size: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px);font-weight: 700;}
.hope-award-wrap .hope-award2 .inner .cardbox .card p.T2 i,.hope-award-wrap .hope-award2 .inner .cardbox .card p.T2{color:#1e1a19;font-size: clamp(16px, calc(32px + 32 * (100vw - 720px) / 720), 32px);font-weight: 700;}
.hope-award-wrap .hope-award2 .inner h2{text-align: center;color: #1e1a19;font-size: clamp(24px, calc(48px + 48 * (100vw - 720px) / 720), 48px);line-height: clamp(34px, calc(68px + 68 * (100vw - 720px) / 720), 68px);; font-weight: 700;margin-bottom: 3%;}
.hope-award-wrap .hope-award2 .inner p.T3{text-align: center;color: #1e1a19;font-size: clamp(14px, calc(28px + 28 * (100vw - 720px) / 720), 28px);line-height: clamp(24px, calc(48px + 48 * (100vw - 720px) / 720), 48px);}
.hope-award-wrap .hope-award2 .inner .chs{opacity: 0;}
.hope-award-wrap .hope-award2 .inner .chs.on{animation: fade-in-bottom 1s linear both;}
.hope-award-wrap .hope-award2 .inner .chs2.on{animation-delay: 0.2s;}
.hope-award-wrap .hope-award2 .inner .chs1{width: 52.918%;left: 6%; bottom: 0;}
.hope-award-wrap .hope-award2 .inner .chs2{width: 43.89%;left: 53%; bottom: 0;}
.hope-award-wrap .hope-award2 .inner .chs,
.hope-award-wrap .hope-award2 .inner .bottomani{position: absolute;bottom: 0;max-width: 720px;}
.hope-award-wrap .hope-award2 .inner .present{position: relative;z-index: 2;}
.hope-award-wrap .hope-award2 .obs{background: url(../images/hope-award-i4.png) no-repeat;width: 169px; height: 169px; left: 50%;margin-left: 564px; top: 422px;animation: blink-2 1s linear alternate infinite;position: absolute;}
.hope-award-wrap .hope-award3{background: #fff;}
.hope-award-wrap .hope-award3 .inner h2{color:#1e1a19;font-size: clamp(20px, calc(40px + 40 * (100vw - 720px) / 720), 40px); font-weight: 700;padding: 15% 0 9% 0;text-align: center;}
.hope-award-wrap .hope-award3 .inner h2 i{color:#749c26;font-size: clamp(22.5px, calc(45px + 45 * (100vw - 720px) / 720), 45px);font-family: var(--sb3) !important;}
.hope-award-wrap .hope-award3 .inner .hope-btns{text-align: center;margin-bottom: 14%;}
.hope-award-wrap .hope-award3 .inner .banner-btn{position: relative;display: inline-flex;align-items: center;justify-content: space-between;width: clamp(305px, calc(610px + 610 * (100vw - 720px) / 720), 610px);height: clamp(60px, calc(120px + 120 * (100vw - 720px) / 720), 120px);background-color: #72a225;border-radius: 999px;overflow: visible;padding-left: 7%;}
.hope-award-wrap .hope-award3 .inner .banner-btn:nth-of-type(2){background-color: #2d4e95;}
.hope-award-wrap .hope-award3 .inner .banner-btn:nth-of-type(2) .character-wrapper{right: 1%;}
.hope-award-wrap .hope-award3 .inner .banner-btn:nth-of-type(1){margin-bottom: 4%;}
.hope-award-wrap .hope-award3 .inner .btn-text {color: #fff;font-family: var(--sb3) !important;font-size: clamp(19px, calc(38px + 38 * (100vw - 720px) / 720), 38px);width:clamp(180px, calc(390px + 390 * (100vw - 720px) / 720), 390px);line-height: clamp(21.5px, calc(43px + 43 * (100vw - 720px) / 720), 43px);; text-align: center;}
.hope-award-wrap .hope-award3 .inner .character-wrapper {position: absolute;right: 3%;bottom: 0;width: clamp(70px, calc(140px + 140 * (100vw - 720px) / 720), 140px);height: clamp(68px, calc(136px + 136 * (100vw - 720px) / 720), 136px);;overflow: hidden;}
.hope-award-wrap .hope-award3 .inner .banner-btn:nth-of-type(2) .btn-text i{color:#fde800;font-size: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px);font-family: var(--sb2) !important;}
.hope-award-wrap .hope-award3 .inner .banner-btn:nth-of-type(2) .character-wrapper{width: clamp(81.5px, calc(163px + 163 * (100vw - 720px) / 720), 163px);height: clamp(72.5px, calc(145px + 145 * (100vw - 720px) / 720), 145px);}
.hope-award-wrap .hope-award3 .inner .banner-btn .character-img {transform: translateY(100%);opacity: 0;transition: transform 0.4s ease-out, opacity 0.3s ease-out;}
.hope-award-wrap .hope-award3 .inner .banner-btn.on .character-img {transform: translateY(0);opacity: 1;}
.hope-award-wrap .hope-award3 .inner .banner-btn.on:nth-of-type(2) .character-img{transition-delay: 0.2s;}
.hope-award-wrap .hope-award3 .inner p.T1{color:#1e1a19;font-size: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px);font-family: var(--sb3) !important;text-align: center;position: relative;padding-bottom: 15%;}
.hope-award-wrap .hope-award3 .inner p.T1 img{width: clamp(83.5px, calc(167px + 167 * (100vw - 720px) / 720), 167px);display: inline-block;animation: rots 1s linear infinite alternate;}
.hope-award-wrap .hope-award3 .inner p.T1 i{color:#749c26;font-size: clamp(30px, calc(60px + 60 * (100vw - 720px) / 720), 60px);font-family: var(--sb3) !important;}
.hope-award-wrap .hope-award3 .inner p.T1:after{content: '';position: absolute;background: url(../images/hope-award-i3.png) no-repeat;width: clamp(11px, calc(22px + 22 * (100vw - 720px) / 720), 22px);height: clamp(35px, calc(70px + 70 * (100vw - 720px) / 720), 70px);margin-left: clamp(-5.5px, calc(-11px + -11 * (100vw - 720px) / 720), -11px);bottom: 10%;background-size: cover;left: 50%;}
.hope-award-wrap .hope-award3 .inner p.T2{color:#1e1a19;font-size: clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px);font-family: var(--sb1) !important;line-height: clamp(26px, calc(52px + 52 * (100vw - 720px) / 720), 52px);text-align: center;margin-bottom: 3%;}
.hope-award-wrap .hope-award3 .inner p.T2 i{color:#749c26;font-size: clamp(17.5px, calc(35px + 35 * (100vw - 720px) / 720), 35px);font-family: var(--sb3) !important;}
.hope-award-wrap .hope-award3 .inner p.T2 span{color:#1e1a19;font-size: clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px);font-family: var(--sb3) !important;}
.hope-award-wrap .hope-award3 .inner p.T3{color:#1e1a19;font-size: clamp(14px, calc(28px + 28 * (100vw - 720px) / 720), 28px);text-align: center;margin-bottom: 18%;}
.hope-award-wrap .hope-award3 .obs1{background: url(../images/hope-award-i4.png) no-repeat;width: 169px; height: 169px; left: 50%;margin-left: -728px; top: 700px;animation: blink-2 1s linear alternate infinite;position: absolute;animation-delay: 0.3s;}
.hope-award-wrap .hope-award3 .obs2{background: url(../images/hope-award-i6.png) no-repeat;width: 132px; height: 132px; left: 50%;margin-left: 570px; top: 292px;animation: blink-2 1s linear alternate infinite;position: absolute;}
.hope-award-wrap .swiper{margin-left: auto;margin-right: auto;position: relative;overflow: visible !important;;list-style: none;padding: 0;z-index: 1; display: block;}
.hope-award-wrap .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;flex-direction: row !important;}
.hope-award-wrap .swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {transform: translate3d(0px, 0, 0);}
.hope-award-wrap .swiper-horizontal {touch-action: pan-y;}
.hope-award-wrap .swiper-slide {flex-shrink: 0;width: 100%;height: 100%;position: relative;transition-property: transform;display: block;}
.hope-award-wrap .hope-award4{background: #eef9e9;}
.hope-award-wrap .hope-award4 h2{color:#1e1a19;font-size: clamp(30px, calc(60px + 60 * (100vw - 720px) / 720), 60px);font-family: var(--sb3) !important;padding: clamp(53px, calc(106px + 106 * (100vw - 720px) / 720), 106px) 0 clamp(3.5px, calc(7px + 7 * (100vw - 720px) / 720), 7px) 0;text-align: center;}
.hope-award-wrap .hope-award4 h2 i{color:#749c26;font-family: var(--sb3) !important}
.hope-award-wrap .hope-award4 p.T1{color:#1e1a19;font-size: clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px);font-family: var(--sb1) !important;line-height: clamp(26px, calc(52px + 52 * (100vw - 720px) / 720), 52px);text-align: center;margin-bottom: clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px);;}
.hope-award-wrap .hope-award4 p.T1 i{color:#1e1a19;font-size: clamp(17.5px, calc(35px + 35 * (100vw - 720px) / 720), 35px);font-family: var(--sb3) !important;}
.hope-award-wrap .hope-award4 .swiper-slide{transform: scale(0.85);transition: 0.5s ease;}
.hope-award-wrap .hope-award4 .swiper-slide.swiper-slide-active{transform: scale(1);}
.hope-award-wrap .hope-award4 .swiper-slide a{background: #fff;text-align: center;display: block;border-radius: clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px);overflow: hidden;}
.hope-award-wrap .hope-award4 .swiper-slide a .plusbtn{display: flex;justify-content: end;padding: 3%;}
.hope-award-wrap .hope-award4 .swiper-slide a .plusbtn .plus{background: #e4e7ed;width: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px);height: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px);border-radius: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px);font-size: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px);position: relative;;}
.hope-award-wrap .hope-award4 .swiper-slide a .plusbtn .plus::before{width: 2px;height: 50%; background: #000;position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%);content: '';}
.hope-award-wrap .hope-award4 .swiper-slide a .plusbtn .plus::after{width: 50%;height: 2px; background: #000;position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%);content: '';}
.hope-award-wrap .hope-award4 .gals{max-width: 720px; margin: auto;}
.hope-award-wrap .hope-award4 .gals .Tbox p.T2{color:#749c26;font-size: clamp(6.5px, calc(17px + 17 * (100vw - 720px) / 720), 17px);display: inline-block;border: 1px solid #749c26;border-radius: 999px; padding: 1% 5%;margin: 5% 0;}
.hope-award-wrap .hope-award4 .gals .Tbox p.T3{color:#1e1a19;font-size: clamp(14px, calc(28px + 28 * (100vw - 720px) / 720), 28px);}
.hope-award-wrap .hope-award4 .gals .Tbox p.T3 i{color:#1e1a19;font-weight: 700;}
.hope-award-wrap .hope-award4 .gals .swiper-pagination{display: flex;align-items: center;justify-content: center;gap: 2%;padding: 30px 0 100px 0;}
.hope-award-wrap .hope-award4 .gals .swiper-pagination span{width: 10px; height: 10px;background: none;border: 1px solid #a3a3a2;border-radius: 10px;}
.hope-award-wrap .hope-award4 .gals .swiper-pagination span.swiper-pagination-bullet-active{width: 10px; height: 10px;background: #84ad3d;border: 1px solid #84ad3d;}
.hope-award-wrap .hope-seach1{background: url(../images/award-seach-bg1.png) 50% 0 no-repeat;background-size: cover;}
.hope-award-wrap .hope-seach1 .inner{padding-bottom: 10%;}
.hope-award-wrap .hope-seach1 .inner h2{max-width: 720px; margin: auto;padding: clamp(49px, calc(98px + 98 * (100vw - 720px) / 720), 98px) 0 clamp(12.5px, calc(25px + 25 * (100vw - 720px) / 720), 25px) 0;position: relative;z-index: 2;animation: fade-in-top 1s linear both;}
.hope-award-wrap .hope-seach1 .inner p.T1{padding: 0 0 11% 0;font-size: clamp(20px, calc(40px + 40 * (100vw - 720px) / 720), 40px);color:#1e1a19;font-family: var(--sb3) !important;position: relative;margin-bottom: 3%;text-align: center;}
.hope-award-wrap .hope-seach1 .inner p.T1 i{color:#749c26;font-family: var(--sb3) !important}
.hope-award-wrap .hope-seach1 .inner p.T1:after{content: '';position: absolute;background: url(../images/hope-award-i3.png) no-repeat;width: clamp(11px, calc(22px + 22 * (100vw - 720px) / 720), 22px);height: clamp(35px, calc(70px + 70 * (100vw - 720px) / 720), 70px);margin-left: clamp(-5.5px, calc(-11px + -11 * (100vw - 720px) / 720), -11px);bottom: 0%;background-size: cover;left: 50%;}
.hope-award-wrap .hope-seach1 .inner p.T2{font-size: clamp(16px, calc(32px + 32 * (100vw - 720px) / 720), 32px);color:#1e1a19;text-align: center;margin-bottom: 8%;}
.hope-award-wrap .hope-seach1 .inner p.T2 i{font-weight: 700;}
.hope-award-wrap .hope-seach1 .inner p.T2 span{animation:heartbeat 1.5s ease-in-out infinite both;display: inline-block;}
.hope-award-wrap .hope-seach1 .inner .result-btns{text-align: center;margin-bottom: 8%;position: relative;}
.hope-award-wrap .hope-seach1 .inner .banner-btn{position: relative;display: inline-flex;align-items: center;justify-content: space-between;width: clamp(260px, calc(520px + 520 * (100vw - 720px) / 720), 520px);height: clamp(52.5px, calc(105px + 105 * (100vw - 720px) / 720), 105px);background-color: #2d4e95;border-radius: 999px;overflow: visible;padding-left: 10%;overflow: hidden;}
.hope-award-wrap .hope-seach1 .inner .banner-btn:after{content: '';position: absolute;background: url(../images/btnicon3.png) no-repeat;width: clamp(46px, calc(92px + 92 * (100vw - 720px) / 720), 92px);height: clamp(47.5px, calc(95px + 95 * (100vw - 720px) / 720), 95px);right: 1%;transform: translate(70%, 80%);background-size: cover;}
.hope-award-wrap .hope-seach1 .inner .result-btns:after{content: '';position: absolute;background: #2d4e95;width: clamp(10px, calc(20px + 20 * (100vw - 720px) / 720), 20px);height: clamp(10px, calc(20px + 20 * (100vw - 720px) / 720), 20px);left: 50%; bottom: clamp(-5px, calc(-10px + -10 * (100vw - 720px) / 720), -10px);transform: rotate(45deg);}
.hope-award-wrap .hope-seach1 .inner .result-btns.on .banner-btn:after{animation: rights 0.5s linear both;}
.hope-award-wrap .hope-seach1 .inner .btn-text {color: #fff;font-family: var(--sb3) !important;font-size: clamp(21px, calc(42px + 42 * (100vw - 720px) / 720), 42px);}
.hope-award-wrap .hope-seach1 .inner p.T3{color:#1e1a19;font-size: clamp(14px, calc(28px + 28 * (100vw - 720px) / 720), 28px);text-align: center;margin-bottom: 5%;}
.hope-award-wrap .hope-seach1 .inner p.T3 img{width: clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px);display: inline-block;vertical-align: text-top;}
.hope-award-wrap .hope-seach1 .inner .ch-input{width: clamp(320px, calc(640px + 640 * (100vw - 720px) / 720), 640px);margin: auto;border-radius: clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px);background: #fff;overflow: hidden;box-shadow: 10px 10px 5px rgba(0,0,0,.05);position: relative;margin-bottom: 6%;}
.hope-award-wrap .hope-seach1 .inner .ch-input .form-tit{font-size: clamp(21px, calc(42px + 42 * (100vw - 720px) / 720), 42px);text-align: center;font-family: var(--sb3) !important;color:#000;display: block;padding: 9% 0 7% 0;}
.hope-award-wrap .hope-seach1 .inner .ch-input .row{display: flex;align-items: center;justify-content: flex-start;padding: 0 5%;margin-bottom: 3%;}
.hope-award-wrap .hope-seach1 .inner .ch-input .row label{width: 30%;font-size: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px);font-family: var(--sb3) !important;color:#000}
.hope-award-wrap .hope-seach1 .inner .ch-input .row.row-name input{width: 67%;}
.hope-award-wrap .hope-seach1 .inner .ch-input .row.row-phone{margin-bottom: 10%;}
.hope-award-wrap .hope-seach1 .inner .ch-input .row input{width: 20%;border: 1px solid #cacfd9;font-size: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px);border-radius: clamp(5px, calc(10px + 10 * (100vw - 720px) / 720), 10px);padding: 3.75%;margin: 0 1%;}
.hope-award-wrap .hope-seach1 .inner .ch-input .btn-submit{text-align: center;font-size: clamp(17.5px, calc(35px + 35 * (100vw - 720px) / 720), 35px);font-family: var(--sb3) !important;color:#fff;background: #7aa429;width: 100%; padding: 4% 0;cursor: pointer;}
.hope-award-wrap .hope-seach1 .inner .ch-input .ch-pop{position: absolute;z-index: 3;width: 80%;top: 50%; left: 50%; transform: translate(-50%,-50%);background: #fff;border-radius: clamp(5px, calc(10px + 10 * (100vw - 720px) / 720), 10px);overflow: hidden;display: none;}
.hope-award-wrap .hope-seach1 .inner .ch-input .ch-pop p.T4{padding: 10% 0;font-size: clamp(14px, calc(28px + 28 * (100vw - 720px) / 720), 28px);color:#000;text-align: center;font-weight: 700;}
.hope-award-wrap .hope-seach1 .inner .ch-input .ch-pop p.T4 i{color:#749c26;font-weight: 700}
.hope-award-wrap .hope-seach1 .inner .ch-input .ch-pop .btn-x{text-align: center;font-size: clamp(17.5px, calc(35px + 35 * (100vw - 720px) / 720), 35px);font-family: var(--sb3) !important;color:#fff;background: #7aa429;width: 100%; padding: 3% 0;cursor: pointer;}
.hope-award-wrap .hope-seach1 .inner .ch-input .ch-bg{position: absolute;z-index: 2;width: 100%; height: 100%;background: #000;opacity: 0.5;left: 0;top: 0;display: none}
.hope-award-wrap .hope-seach1 .inner .award-seachs .award_slides{display: none;}
.hope-award-wrap .hope-seach1 .inner .award-seachs .award-seachs-view,.hope-award-wrap .hope-seach1 .inner .award-seachs{position: relative;width: clamp(320px, calc(640px + 640 * (100vw - 720px) / 720), 640px);margin: auto;}
.hope-award-wrap .hope-seach1 .inner .award-seachs .award-seachs-view,.hope-award-wrap .hope-seach1 .inner .award-seachs .awrad-xpage{width: clamp(320px, calc(640px + 640 * (100vw - 720px) / 720), 640px);margin: auto;border-radius: clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px);background: #fff;overflow: hidden;box-shadow: 10px 10px 5px rgba(0,0,0,.05);margin-bottom: 5%;}
.hope-award-wrap .hope-seach1 .inner .award-seachs .award-seachs-view .award-txt{position: absolute;width: 100%; top: 0;left: 0;height: 100%;}
.hope-award-wrap .hope-seach1 .inner .award-seachs .award-seachs-view .award-txt p.T5{width: clamp(140.5px, calc(281px + 281 * (100vw - 720px) / 720), 281px);margin: auto;padding: 26% 0 4% 0;}
.hope-award-wrap .hope-seach1 .inner .award-seachs .award-seachs-view .award-txt p.T6{color:#85602a;font-size: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px);font-weight: 700;text-align: center;margin-bottom: 5%;}
.hope-award-wrap .hope-seach1 .inner .award-seachs .award-seachs-view .award-txt p.T7{color:#1e1a19;font-size: clamp(18.5px, calc(37px + 37 * (100vw - 720px) / 720), 37px);font-weight: 700;text-align: center;margin-bottom: 3%;}
.hope-award-wrap .hope-seach1 .inner .award-seachs .award-seachs-view .award-txt p.T8{text-align: center;padding: 0 10%;height: clamp(39px, calc(78px + 78 * (100vw - 720px) / 720), 78px);display: flex;align-items: flex-start;justify-content: center;color:#1e1a19;font-size: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px);font-weight: 700}
.hope-award-wrap .hope-seach1 .inner .award-seachs .award-seachs-view .award-txt p.T8 span{color:#1e1a19;font-size: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px);font-weight: 700;}
.hope-award-wrap .hope-seach1 .inner .award-seachs .award-seachs-view .award-txt p.T9{color:#85602a;font-size: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px);font-weight: 700;text-align: center;}
.hope-award-wrap .hope-seach1 .inner .award-seachs .award-seachs-view .award-txt p.T10{color:#85602a;font-size: clamp(9px, calc(18px + 18 * (100vw - 720px) / 720), 18px);position: absolute;bottom: 12%; left: 12%;}
.hope-award-wrap .hope-seach1 .inner .award-seachs .award-seachs-view .award-txt p.T10 span{color:#85602a;font-size: clamp(9px, calc(18px + 18 * (100vw - 720px) / 720), 18px);}
.hope-award-wrap .hope-seach1 .inner .award-seachs .award-seachs-view .award-txt p.T10 i{color:#57473e;font-size: clamp(9px, calc(18px + 18 * (100vw - 720px) / 720), 18px);font-weight: 700;}
.hope-award-wrap .hope-seach1 .inner .award-seachs p.T11{color:#1e1a19;font-size: clamp(11px, calc(22px + 22 * (100vw - 720px) / 720), 22px);text-align: center;padding: 5% 0;}
.hope-award-wrap .hope-seach1 .inner .award-seachs p.T11 i{font-family: var(--sb3) !important; color:#1e1a19;font-size: clamp(11px, calc(22px + 22 * (100vw - 720px) / 720), 22px);}
.hope-award-wrap .hope-seach1 .inner .award-seachs .award-btn{position: relative;padding: 3% 0;}
.hope-award-wrap .hope-seach1 .inner .award-seachs .award-btn a{display: block;position: relative;}
.hope-award-wrap .hope-seach1 .inner .award-seachs .award-btn a p.T12{color:#fff;font-family: var(--sb2) !important;position: absolute;right: 0;width: 78%;text-align: center;top: 20%;font-size: clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px);line-height: clamp(17px, calc(34px + 34 * (100vw - 720px) / 720), 34px);}
.hope-award-wrap .hope-seach1 .inner .award-seachs .award-btn a p.T12 span{color:#fff;font-family: var(--sb3) !important;font-size: clamp(17.5px, calc(35px + 35 * (100vw - 720px) / 720), 35px);}
.hope-award-wrap .hope-seach1 .inner .award-seachs .award-btn a p.T12 span i{color:#efc890;font-family: var(--sb3) !important;}
.hope-award-wrap .hope-seach2 .inner h2{color:#1e1a19;font-family: var(--sb3) !important;font-size: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px);line-height: clamp(31px, calc(62px + 62 * (100vw - 720px) / 720), 62px);padding: 16% 0 15% 0;text-align: center;position: relative;}
.hope-award-wrap .hope-seach2 .inner h2 i{color:#749c26;font-family: var(--sb3) !important}
.hope-award-wrap .hope-seach2 .inner h2:after{content: '';position: absolute;background: url(../images/hope-award-i3.png) no-repeat;width: clamp(11px, calc(22px + 22 * (100vw - 720px) / 720), 22px);height: clamp(35px, calc(70px + 70 * (100vw - 720px) / 720), 70px);margin-left: clamp(-5.5px, calc(-11px + -11 * (100vw - 720px) / 720), -11px);bottom: 4%;background-size: cover;left: 50%;}
.hope-award-wrap .hope-seach2 .inner p.T1{color:#fff;margin: auto; font-family: var(--sb3) !important;width: clamp(180px, calc(390px + 390 * (100vw - 720px) / 720), 390px);padding: 2.5% 0 1.5% 0;background: #2d4e95;border-radius: 9999px;text-align: center;font-size: clamp(21px, calc(42px + 42 * (100vw - 720px) / 720), 42px);position: relative;margin-bottom: 10%;}
.hope-award-wrap .hope-seach2 .inner p.T1 span{display: inline-block;width: 22.823%;vertical-align: middle;margin-left: 3%;}
.hope-award-wrap .hope-seach2 .inner p.T1:after{content: '';position: absolute;background: #2d4e95;width: clamp(10px, calc(20px + 20 * (100vw - 720px) / 720), 20px);height: clamp(10px, calc(20px + 20 * (100vw - 720px) / 720), 20px);left: 50%; bottom: clamp(-5px, calc(-10px + -10 * (100vw - 720px) / 720), -10px);transform: rotate(45deg);}
.hope-award-wrap .hope-seach2 .inner ul.award-list{display: flex;align-items: center;justify-content: center;gap: 10px;flex-wrap: wrap;padding:0 5%;margin-bottom: 7%;}
.hope-award-wrap .hope-seach2 .inner ul.award-list li{width: calc((100% - 10px) / 2);;background: #eef2f8;font-size: clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px);font-weight: 700;display: flex;align-items: center;padding: 6%;border-radius:clamp(10px, calc(20px + 20 * (100vw - 720px) / 720), 20px);opacity: 0;}
.hope-award-wrap .hope-seach2 .inner ul.award-list li.on{animation: fade-in-top 1s linear both;}
.hope-award-wrap .hope-seach2 .inner ul.award-list li.on:nth-of-type(2){animation-delay: 0.2s;}
.hope-award-wrap .hope-seach2 .inner ul.award-list li.on:nth-of-type(3){animation-delay: 0.4s;}
.hope-award-wrap .hope-seach2 .inner ul.award-list li.on:nth-of-type(4){animation-delay: 0.6s;}
.hope-award-wrap .hope-seach2 .inner ul.award-list li .check-icon {position: relative;width: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px);height: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px);border-radius: 50%;background: #F8B316;display: inline-block;margin-right: 5%;}
.hope-award-wrap .hope-seach2 .inner ul.award-list li .check-icon::before {content: "";position: absolute;left: 50%;top: 50%;width: clamp(5.5px, calc(11px + 11 * (100vw - 720px) / 720), 11px);height: clamp(10px, calc(20px + 20 * (100vw - 720px) / 720), 20px);border-right: clamp(2px, calc(4px + 4 * (100vw - 720px) / 720), 4px)  solid #fff;border-bottom: clamp(2px, calc(4px + 4 * (100vw - 720px) / 720), 4px) solid #fff;transform: translate(-50%,-50%) rotate(45deg);}
.hope-award-wrap .hope-seach2 .inner ul.award-arow{display: flex;align-items: center;justify-content: space-evenly;position: relative;padding-bottom: 15%;}
.hope-award-wrap .hope-seach2 .inner ul.award-arow li{width: 50%;text-align: center;position: relative;opacity: 0;}
.hope-award-wrap .hope-seach2 .inner ul.award-arow li.on{animation: fade-in-left 1s linear both;}
.hope-award-wrap .hope-seach2 .inner ul.award-arow li.on:nth-of-type(2){animation-delay: 0.2s;}
.hope-award-wrap .hope-seach2 .inner ul.award-arow li:nth-of-type(1):after{content: '';background: url(../images/award-seach-S_arow.png) no-repeat;background-size: cover;width: clamp(21.5px, calc(43px + 43 * (100vw - 720px) / 720), 43px);height: clamp(16px, calc(32px + 32 * (100vw - 720px) / 720), 32px);top: 30%; left: 95%;position: absolute;}
.hope-award-wrap .hope-seach2 .inner ul.award-arow li img{width: 63.89%;margin: auto;margin-bottom: 5%;}
.hope-award-wrap .hope-seach2 .inner ul.award-arow li p.T2{color:#1e1a19;font-size: clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px);font-weight: 700;}
.hope-award-wrap .hope-seach2 .inner ul.award-arow li p.T2 i{color:#749c26;font-size: clamp(16px, calc(32px + 32 * (100vw - 720px) / 720), 32px);font-family: var(--sb3) !important;}
.hope-award-wrap .hope-seach2 .inner ul.award-arow li p.T3{color:#1e1a19;font-size: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px);}
.hope-award-wrap .hope-seach2 .obs{background: url(../images/hope-award-i4.png) no-repeat;width: 169px; height: 169px; left: 50%;margin-left: -756px; top: 438px;animation: blink-2 1s linear alternate infinite;position: absolute;}
.hope-award-wrap .hope-seach3{background: #e1f8f1;}
.hope-award-wrap .hope-seach3 .inner h2{color:#1e1a19;font-family: var(--sb3) !important;font-size: clamp(27.5px, calc(55px + 55 * (100vw - 720px) / 720), 55px);padding: 16% 0 8% 0;text-align: center;position: relative;}
.hope-award-wrap .hope-seach3 .inner h2 i{color:#749c26;font-family: var(--sb3) !important}
.hope-award-wrap .hope-seach3 .inner p.phone-txt{color:#1e1a19;font-size: clamp(14px, calc(28px + 28 * (100vw - 720px) / 720), 28px);text-align: center;padding: 6% 0 5% 0;}
.hope-award-wrap .hope-seach3 .inner .award-seachform{display: flex;align-items: center;justify-content: space-around;padding: 0 3%;margin-bottom: 5%;}
.hope-award-wrap .hope-seach3 .inner .award-seachform p.T1 img{display: inline-block;width: 26.79%;}
.hope-award-wrap .hope-seach3 .inner .award-seachform p.T1{color:#1e1a19;font-size: clamp(17.5px, calc(35px + 35 * (100vw - 720px) / 720), 35px);font-family: var(--sb3) !important;}
.hope-award-wrap .hope-seach3 .inner .award-seachform .custom-select-wrapper{position: relative;width: 50%;user-select: none;}
.hope-award-wrap .hope-seach3 .inner .award-seachform .custom-select-trigger{display: flex; justify-content: center;align-items: center;padding: 5%;background:#fff;border: 1px solid #e2e8f0;border-radius: 8px;font-size: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px);; font-weight: 500; color: #333; cursor: pointer;box-shadow: 0 2px 4px rgba(0,0,0,0.02); transition: all 0.2s ease;}
.hope-award-wrap .hope-seach3 .inner .award-seachform .custom-select-trigger::after {content: '';width: clamp(4px, calc(8px + 8 * (100vw - 720px) / 720), 8px);height: clamp(4px, calc(8px + 8 * (100vw - 720px) / 720), 8px);border-right: clamp(1px, calc(2px + 2 * (100vw - 720px) / 720), 2px) solid #666;border-bottom: clamp(1px, calc(2px + 2 * (100vw - 720px) / 720), 2px) solid #666;transform: rotate(45deg);transition: transform 0.2s ease;position: absolute;right: 8%;}
.hope-award-wrap .hope-seach3 .inner .award-seachform .custom-select-wrapper.open .custom-select-trigger {border-color: #6b9e23;}
.hope-award-wrap .hope-seach3 .inner .award-seachform .custom-select-wrapper.open .custom-select-trigger::after {transform: rotate(-135deg);}
.hope-award-wrap .hope-seach3 .inner .award-seachform .custom-options {position: absolute;top: calc(100% + 6px);left: 0;right: 0;background: #fff;border: 1px solid #e2e8f0;border-radius: clamp(4px, calc(8px + 8 * (100vw - 720px) / 720), 8px);box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);display: none;z-index: 100;overflow: hidden;}
.hope-award-wrap .hope-seach3 .inner .award-seachform .custom-select-wrapper.open .custom-options {display: block;}
.hope-award-wrap .hope-seach3 .inner .award-seachform .custom-option {padding: 5%; font-size: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px); color: #4a5568; cursor: pointer; transition: background-color 0.15s ease;text-align: center;}
.hope-award-wrap .hope-seach3 .inner .award-seachform .custom-option:hover {background: #f0f7e6;color: #6b9e23;}
.hope-award-wrap .hope-seach3 .inner .award-seachform .custom-option.selected {background: #6b9e23; color: #fff;}
.hope-award-wrap .hope-seach3 .inner .award-table{padding: 3%; background: #fff;border-radius: clamp(10px, calc(20px + 20 * (100vw - 720px) / 720), 20px);width: 94%; margin: auto;margin-bottom: 15%;box-shadow: 0 2px 10px rgba(0,0,0,0.2);}
.hope-award-wrap .hope-seach3 .inner .award-table .table-container {width: 100%;max-width: 660px; border-collapse: collapse; background: #fff; border-radius: 8px;overflow: hidden;}    
.hope-award-wrap .hope-seach3 .inner .award-table .table-container th:nth-of-type(1){width: 30%;}
.hope-award-wrap .hope-seach3 .inner .award-table .table-container th:nth-of-type(2){width: 22%;}
.hope-award-wrap .hope-seach3 .inner .award-table .table-container th:nth-of-type(3){width: 48%;}
.hope-award-wrap .hope-seach3 .inner .award-table .table-container th,.hope-award-wrap .hope-seach3 .inner .award-table .table-container td {vertical-align: middle; border-bottom: 1px solid #edf2f7; text-align: center;}
.hope-award-wrap .hope-seach3 .inner .award-table .table-container th{ background: #6b9e23; color: white; font-weight: 600; font-family: var(--sb3) !important;font-size: clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px);padding: 3%;}
.hope-award-wrap .hope-seach3 .inner .award-table .table-container td{ font-size: clamp(11px, calc(22px + 22 * (100vw - 720px) / 720), 22px);word-break:keep-all;}
.hope-award-wrap .hope-seach3 .inner .award-table .phone-icon { background: url(../images/hope-award-i9.png) no-repeat;width: clamp(20px, calc(40px + 40 * (100vw - 720px) / 720), 40px);height: clamp(20px, calc(40px + 40 * (100vw - 720px) / 720), 40px);background-size: cover;display: block;margin: auto; }
.hope-award-wrap .hope-seach3 .obs{background: url(../images/hope-award-i4.png) no-repeat;width: 169px; height: 169px; left: 50%;margin-left: 583px; top: 245px;animation: blink-2 1s linear alternate infinite;position: absolute;}
.hope-award-wrap .hope-seach4{background: #f4f7fc;}
.hope-award-wrap .hope-seach4 h2{color:#1e1a19;font-size: clamp(20px, calc(40px + 40 * (100vw - 720px) / 720), 40px);font-family: var(--sb3) !important;padding: 10% 0 5% 7%;}
.hope-award-wrap .hope-seach4 .awrad-cis{padding: 0 7%;margin-bottom: 15%;}
.hope-award-wrap .hope-seach4 .awrad-cis ul{display: flex;align-items: center;justify-content: flex-start;border-bottom: 1px solid #e0e0e0;}
.hope-award-wrap .hope-seach4 .awrad-cis ul li{color:#1e1a19;font-size: clamp(12px, calc(24px + 24 * (100vw - 720px) / 720), 24px);font-family: var(--sb3) !important;padding: 4% 0;}
.hope-award-wrap .hope-seach4 .awrad-cis ul li:nth-of-type(1){width: 24.225%;}
.hope-award-wrap .hope-seach4 .awrad-cis ul li:nth-of-type(2){width: 75.775%;}
.hope-award-wrap .hope-gal{background: linear-gradient(180deg,rgba(243, 254, 248, 1) 40%, rgba(14, 41, 55, 1) 60%);}
.hope-award-wrap .hope-gal .inner{overflow: visible;z-index: 2;}
.hope-award-wrap .hope-gal h2{padding: 13% 0 4.5% 0;animation: fade-in-top 1s linear both}
.hope-award-wrap .hope-gal p.T1,.hope-award-wrap .hope-gal p.T2,.hope-award-wrap .hope-gal p.T3{color:#1e1a19;font-size: clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px);margin-bottom: 5%;text-align: center;position: relative;}
.hope-award-wrap .hope-gal p.T2{margin-bottom: 4%;}
.hope-award-wrap .hope-gal p.T2 i{color:#749c26;font-size: clamp(16px, calc(32px + 32 * (100vw - 720px) / 720), 32px);font-family: var(--sb3) !important;}
.hope-award-wrap .hope-gal p.T3 i{color:#1e1a19;font-weight: 700;}
.hope-award-wrap .hope-gal p.T3{padding-bottom: 12%;}
.hope-award-wrap .hope-gal p.T3:after{content: '';position: absolute;background: url(../images/hope-award-i3.png) no-repeat;width: clamp(11px, calc(22px + 22 * (100vw - 720px) / 720), 22px);height: clamp(35px, calc(70px + 70 * (100vw - 720px) / 720), 70px);margin-left: clamp(-5.5px, calc(-11px + -11 * (100vw - 720px) / 720), -11px);bottom: 3%;background-size: cover;left: 50%;}
.hope-award-wrap .hope-gal .videos{width: 98%; padding-bottom: 55.25%;position: relative;margin: auto;}
.hope-award-wrap .hope-gal .videos iframe{width: 100%; height: 100%; position: absolute;left: 0;top: 0;}
.hope-award-wrap .hope-gal h3{padding: 21% 0 10% 0px;position: relative;}
.hope-award-wrap .hope-gal h3:before{content: '';background: url(../images/award_star.png) no-repeat;width: clamp(35px, calc(70px + 70 * (100vw - 720px) / 720), 70px);height: clamp(35px, calc(70px + 70 * (100vw - 720px) / 720), 70px);position: absolute;top: 12%;left: 50%; margin-left: clamp(-17.5px, calc(-35px + -35 * (100vw - 720px) / 720), -35px);background-size: cover; animation: blink-2 1s linear alternate infinite;}
.hope-award-wrap .hope-gal .award-gals{padding-bottom: 20%;position: relative;z-index: 3;}
.hope-award-wrap .hope-gal .award-pages{position: relative;}
.hope-award-wrap .hope-gal .award-pages .award-pages-txt{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: flex-start;flex-direction: column;}
.hope-award-wrap .hope-gal .award-pages .award-pages-txt .toptxt{position: relative;width: 100%;text-align: center;height: clamp(100px, calc(200px + 200 * (100vw - 720px) / 720), 200px); display: flex;align-items: center;justify-content: center;flex-direction: column;margin-bottom: 9%;}
.hope-award-wrap .hope-gal .award-pages .award-pages-txt .ob{width: 18.15%; padding: 14% 0 6% 0;}
.hope-award-wrap .hope-gal .award-pages .award-pages-txt p.T4{width: 56.484%;}
.hope-award-wrap .hope-gal .award-pages .award-pages-txt p.T5{color:#6d4c1d;font-size: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px);margin-bottom: 5%;font-weight: 700;}
.hope-award-wrap .hope-gal .award-pages .award-pages-txt p.T6{color:#1e1a19;font-size: clamp(14px, calc(28px + 28 * (100vw - 720px) / 720), 28px);margin-bottom: 8%;font-weight: 700;text-align: center;}
.hope-award-wrap .hope-gal .award-pages .award-pages-txt a{width: 51.854%;}
.hope-award-wrap .hope-gal .swiper-slide{transform: scale(0.85);transition: 0.5s ease;opacity: 0.8;}
.hope-award-wrap .hope-gal .swiper-slide.swiper-slide-active{transform: scale(1);opacity: 1;}
.hope-award-wrap .hope-gal .custom-pagination-wrap {display: flex;align-items: center;justify-content: center;gap: 15px;margin-top: 1%; padding: 3% 0;}
.hope-award-wrap .hope-gal .custom-pagination-wrap .page-num {color: #fff;font-size: clamp(10px, calc(20px + 20 * (100vw - 720px) / 720), 20px);}
.hope-award-wrap .hope-gal .custom-pagination-wrap .page-num.total {color: #96b5ac;}
.hope-award-wrap .hope-gal .custom-pagination-wrap .swiper-pagination-progressbar {position: relative; width: clamp(75px, calc(150px + 150 * (100vw - 720px) / 720), 150px);height: clamp(1px, calc(2px + 2 * (100vw - 720px) / 720), 2px); background: rgba(255, 255, 255, 0.2);}
.hope-award-wrap .hope-gal .custom-pagination-wrap .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #fff;transform-origin: left;display: block;height: clamp(1px, calc(2px + 2 * (100vw - 720px) / 720), 2px);}
.hope-award-wrap .hope-gal .obs1{background: url(../images/hope-award-i4.png) no-repeat;width: 169px; height: 169px; left: 50%;margin-left: 592px; top: 65px;animation: blink-2 1s linear alternate infinite;position: absolute;}
.hope-award-wrap .hope-gal .obs2{background: url(../images/hope-award-i6.png) no-repeat;width: 132px; height: 132px; left: 50%;margin-left: -813px; top: 455px;animation: blink-2 1s linear alternate infinite;position: absolute;}
.hope-award-wrap .hope-gal .obs3{background: url(../images/award-bg-txt.png) no-repeat;width: 675px; height: 196px; left: 50%;margin-left: -951px; top: 961px;animation: fllowright 10s linear alternate infinite;position: absolute;filter: drop-shadow(0 0 10px rgba(0,0,0,0.5));}
.hope-award-wrap .stars-container,.hope-award-wrap .stars-container .stars{position:absolute;inset:0;z-index:0;filter:brightness(1);will-change:opacity, filter;}
.hope-award-wrap .stars-container .stars {filter: brightness(2);z-index: 0;}
.hope-award-wrap .stars-container .stars:nth-child(1) {background-image: radial-gradient(#fff 1px, transparent 1px), radial-gradient(#fff 2px, transparent 2px), radial-gradient(#fff 2px, transparent 2px), radial-gradient(#fff 1px, transparent 1px), radial-gradient(#fff 2px, transparent 2px), radial-gradient(#fff 1px, transparent 1px), radial-gradient(#fff 3px, transparent 3px);background-color: transparent;  background-position: 0 0, 200px 150px, 50px 300px, 150px 100px, 250px 80px, 300px 200px, 300px 320px, 350px 390px;  background-size: 400px 400px;  animation: twinkle 5s linear 0s infinite;  left: -10%;  top: -10%;filter: blur(2px)}
.hope-award-wrap .stars-container .stars:nth-child(2) {background-image: radial-gradient(#fff 1px, transparent 1px), radial-gradient(#fff 2px, transparent 2px), radial-gradient(#fff 2px, transparent 2px), radial-gradient(#fff 1px, transparent 1px), radial-gradient(#fff 2px, transparent 2px), radial-gradient(#fff 1px, transparent 1px), radial-gradient(#fff 3px, transparent 3px);background-color: transparent;  background-position: 0 0, 200px 150px, 50px 300px, 150px 100px, 250px 80px, 300px 200px, 300px 320px, 350px 390px;  background-size: 400px 400px;  animation: twinkle 3s linear 0s infinite;  left: 0;  top: 0;filter: blur(0px);}
.hope-award-wrap .stars-container .stars:nth-child(3) {background-image: radial-gradient(#fff 1px, transparent 1px), radial-gradient(#fff 2px, transparent 2px), radial-gradient(#fff 2px, transparent 2px), radial-gradient(#fff 1px, transparent 1px), radial-gradient(#fff 2px, transparent 2px), radial-gradient(#fff 1px, transparent 1px), radial-gradient(#fff 3px, transparent 3px);background-color: transparent; background-position: 0 0, 200px 150px, 50px 300px, 150px 100px, 250px 80px, 300px 200px, 300px 320px, 350px 390px; background-size: 400px 400px; animation: twinkle 1.5s linear 1s infinite; left: 10%; top: 10%; opacity: 0;}
.hope-award-wrap .stars-container .stars:nth-child(4) {background-image: radial-gradient(#fff 1px, transparent 1px), radial-gradient(#fff 2px, transparent 2px), radial-gradient(#fff 2px, transparent 2px), radial-gradient(#fff 1px, transparent 1px), radial-gradient(#fff 2px, transparent 2px), radial-gradient(#fff 1px, transparent 1px), radial-gradient(#fff 3px, transparent 3px);background-color: transparent; background-position: 0 0, 200px 150px, 50px 300px, 150px 100px, 250px 80px, 300px 200px, 300px 320px, 350px 390px;background-size: 400px 400px; animation: twinkle 2.5s linear 2s infinite; left: 20%; top: 20%; opacity: 0;}
.hope-award-wrap .award-layer-bg{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: #000;opacity: 0.5; z-index: 9;display: none;}
.hope-award-wrap .award-layer{position: absolute;left: 50%; top: 75%; transform: translate(-50%,-50%);width: 100%; max-width: 680px;z-index: 10;display: none;}
.hope-award-wrap .award-layer.names{position: fixed;left: 50%; top: 50%; transform: translate(-50%,-50%);width: 100%; max-width: 680px;z-index: 10;display: none;height: 90vh;overflow: hidden;background: #fff;}
.hope-award-wrap .award-layer.names .award-img{width: 100%;height: 100%;overflow: hidden;touch-action: none;display: flex;justify-content: center;align-items: center;}
.hope-award-wrap .award-layer.names .award-img img{display: block;width: 100% !important;height: 100% !important;object-fit: contain;cursor: grab;}
.hope-award-wrap .award-layer .award-cont{display: none;overflow:auto;touch-action:none;}
.hope-award-wrap .award-layer .award-x{position: absolute;top:0; width: clamp(30px, calc(60px + 60 * (100vw - 720px) / 720), 60px);height: clamp(30px, calc(60px + 60 * (100vw - 720px) / 720), 60px);z-index: 3;right: 0;}
.hope-award-wrap .award-layer .award-video{position: relative; width: 100%;padding-bottom: 177.78%;;overflow: hidden;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);max-height: 800px;}
.hope-award-wrap .award-layer .award-video iframe{width: 100%; height: 100%; object-fit: cover; object-position: center;display: block;position: absolute;left: 0;top: 0;}
.hope-award-wrap .hope-name{background: url(../images/award-list_back.png) no-repeat; background-size: cover;}
.hope-award-wrap .hope-name .inner{z-index: 2;}
.hope-award-wrap .hope-name h2{padding: 9% 0 7% 0;animation: fade-in-top 1s linear both}
.hope-award-wrap .hope-name .award-list-tap{padding-bottom: 8%;}
.hope-award-wrap .hope-name .award-tab{overflow:hidden;}
.hope-award-wrap .hope-name .award-tab.normal{display: flex;align-items: center;justify-content: space-between;}
.hope-award-wrap .hope-name .award-tab button{width:clamp(120px, calc(240px + 240 * (100vw - 720px) / 720), 240px);height:clamp(47.5px, calc(95px + 95 * (100vw - 720px) / 720), 95px);border-radius:9999px;background: url(../images/award-tabbg.png) no-repeat;background-size: cover ;cursor:pointer;position: relative;box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);}
.hope-award-wrap .hope-name .award-tab button span{color:#d6ae76;font-size:clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px);line-height: clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px);}
.hope-award-wrap .hope-name .award-tab .S1 button span{font-size: clamp(17.5px, calc(35px + 35 * (100vw - 720px) / 720), 35px);}
.hope-award-wrap .hope-name .award-tab button span{position: relative;z-index: 2;transition:.3s;}
.hope-award-wrap .hope-name .award-tab button:hover span{font-weight: 700;}
.hope-award-wrap .hope-name .award-tab button:before{width:clamp(117.5px, calc(235px + 235 * (100vw - 720px) / 720), 235px);height:clamp(45px, calc(90px + 90 * (100vw - 720px) / 720), 90px);content: '';position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%);border-radius:9999px;background: #204265;;}
.hope-award-wrap .hope-name .award-tab button.on{background: url(../images/award-tabbg.png) no-repeat;background-size: cover ;font-weight: 700;}
.hope-award-wrap .hope-name .award-tab button.on span{color:#000}
.hope-award-wrap .hope-name .award-tab button.on:before{display: none;}
.hope-award-wrap .hope-name .award-list-seachs{display: flex;align-items: center;justify-content: center;gap: 2%;margin-bottom: 7%;}
.hope-award-wrap .hope-name .award-list-seachs label{color:#fff;font-size: clamp(17.5px, calc(35px + 35 * (100vw - 720px) / 720), 35px);font-family: var(--sb3) !important;}
.hope-award-wrap .hope-name .award-list-seachs input{color:#000;font-size: clamp(17.5px, calc(35px + 35 * (100vw - 720px) / 720), 35px);padding: 1.6%;border-radius: 5px;width: clamp(185px, calc(370px + 370 * (100vw - 720px) / 720), 370px);height: clamp(40px, calc(80px + 80 * (100vw - 720px) / 720), 80px);border: 0;}
.hope-award-wrap .hope-name .award-list-seachs button{color:#fff;cursor: pointer;gap:10%; font-size: clamp(16px, calc(32px + 32 * (100vw - 720px) / 720), 32px);padding: 2.14% 3% 1.6% 3%;border-radius: 5px;width: clamp(87.5px, calc(175px + 175 * (100vw - 720px) / 720), 175px);background: #000;display: flex;align-items: center; justify-content: center;font-family: var(--sb3) !important;height: clamp(40px, calc(80px + 80 * (100vw - 720px) / 720), 80px);}
.hope-award-wrap .hope-name .award-list-seachs button img{width: clamp(15px, calc(30px + 30 * (100vw - 720px) / 720), 30px);height: clamp(15.5px, calc(31px + 31 * (100vw - 720px) / 720), 31px);}
.hope-award-wrap .hope-name ul{display: flex;align-items: center;justify-content: flex-start;gap:5%;flex-wrap: wrap;}
.hope-award-wrap .hope-name ul li{width: 30%;position: relative;margin-bottom: 5%;box-shadow:5px 5px 10px rgba(0, 0, 0, 0.5);}
.hope-award-wrap .hope-name ul li .award-detail{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;}
.hope-award-wrap .hope-name ul li .award-detail p.T1{color:#3a322f;font-size: clamp(12px, calc(24px + 24 * (100vw - 720px) / 720), 24px);font-family: var(--sb3) !important;padding: 22% 0 5% 0;text-align: center;}
.hope-award-wrap .hope-name ul li .award-detail .award-imgs{width: clamp(140px, calc(280px + 280 * (100vw - 720px) / 720), 280px);height: clamp(100px, calc(200px + 200 * (100vw - 720px) / 720), 200px);overflow: hidden;margin: auto;border: 1px solid #e0e0e0;margin-bottom: 3%;}
.hope-award-wrap .hope-name ul li .award-detail p.T2{color:#1e1a19;font-size: clamp(12px, calc(24px + 24 * (100vw - 720px) / 720), 24px);text-align: center;}
.hope-award-wrap .hope-name .award-pagding{display: flex;align-items: center;justify-content: center;gap: 3%;padding-bottom: 8%;}
.hope-award-wrap .hope-name .award-pagding span a{background: url(../images/award-list_arow.png) no-repeat;width: clamp(30px, calc(60px + 60 * (100vw - 720px) / 720), 60px);height: clamp(30px, calc(60px + 60 * (100vw - 720px) / 720), 60px);background-size: cover;display: block;text-indent: -9999px;}
.hope-award-wrap .hope-name .award-pagding span.r_j a{transform: rotate(180deg);}
.hope-award-wrap .hope-name .award-pagding a{color:#d8b88b;font-size: clamp(11px, calc(22px + 22 * (100vw - 720px) / 720), 22px);margin: 0 1%;}
.hope-award-wrap .hope-name .award-pagding a:hover,.hope-award-wrap .hope-name .award-pagding a.on{color:#fff;}
.hope-award-wrap .hope-name .Tetc{font-size: clamp(8px, calc(16px + 16 * (100vw - 720px) / 720), 16px);color:#fff;padding-bottom: 10%;text-align: center;letter-spacing: 0;}
.hope-award-wrap .hope-name .obs{width: 169px; height: 169px; left: 50%;margin-left: -756px; top: 438px;animation: blink-2 1s linear alternate infinite;position: absolute;}
.hope-award-wrap .hope-name .obs1{background: url(../images/award-list_ob1.png) no-repeat;width: 169px; height: 169px; left: 50%;margin-left: 592px; top: 65px;animation: blink-2 1s linear alternate infinite;position: absolute;}
.hope-award-wrap .hope-name .obs2{background: url(../images/award-list_ob2.png) no-repeat;width: 132px; height: 132px; left: 50%;margin-left: -813px; top: 455px;animation: blink-2 1s linear alternate infinite;position: absolute;}
.hope-award-wrap .result-container,.hope-award-wrap .cam-container{position: fixed;width: 100%; height: 100%;left: 50%;top: 50%;z-index: 10;max-width: 720px;transform: translate(-50%,-50%);}
.hope-award-wrap .result-container img#resultImg{width: 100%;position: absolute;top: 50%;transform: translate(0, -50%);}
.hope-award-wrap .cam-container .cam-frame{position: absolute;width: 100%;left: 0;top: 0;aspect-ratio: 2 / 3;}
.hope-award-wrap .cam-container video{width: 100%;height: 100%;object-fit: cover; transform: scaleX(-1);position: absolute;}
.hope-award-wrap .cam-container .capture-btn{position: absolute;width: 20%; bottom: 0;left: 50%; transform: translate(-50%,0);}
.hope-award-wrap .cam-container .switch-camera-btn{position: absolute;width: 31%; bottom: 0.4%;left: 80%; transform: translate(-50%,0);}
.hope-award-wrap .award-cam-bg{position: fixed;width: 100%; height: 100%;z-index: 5;left: 0;top: 0;display: none;background: #000;}
.hope-award-wrap .retry-btn{position: absolute;width: 20%; bottom: 0;left: 50%; transform: translate(-50%,0);}
.hope-award-wrap .download-btn{position: absolute;width: 26.723%;bottom: 0.5%; right: 5%;}
.hope-award-wrap .close-result-btn{position: absolute;width: 22.723%;bottom: 0.5%; left: 5%;}

#container{max-width: none !important;}
.stars-container {overflow: hidden;}
@keyframes confetti {0% { transform: rotateZ(15deg) rotateY(0deg) translate(0,0); }25% { transform: rotateZ(5deg) rotateY(360deg) translate(-5vw,20vh); }50% { transform: rotateZ(15deg) rotateY(720deg) translate(5vw,60vh); }75% { transform: rotateZ(5deg) rotateY(1080deg) translate(-10vw,80vh); }100% { transform: rotateZ(15deg) rotateY(1440deg) translate(10vw,110vh); }}
@keyframes twinkle {0%, 100% {opacity: .25;filter: brightness(1) }20% {opacity: .8;filter: brightness(1.8)blur(2px);;}50% {opacity: 1;filter: brightness(2.8)blur(0px);;}80% {opacity: .5;filter: brightness(1.4)blur(2px);;}}
@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 blink-2{0%{opacity:1}50%{opacity:.2}100%{opacity:1}}
@keyframes slide-in-fwd-bottom{0%{transform:translateZ(-1400px) translateY(800px);opacity:0}100%{transform:translateZ(0) translateY(0);opacity:1}}
@keyframes tops{0%{margin-top: 0;}100%{margin-top: -10px;}}
@keyframes rots{0%{transform: rotate(0);}100%{transform: rotate(6deg)}}
@keyframes fiil{0%{filter: brightness(100%);}50%{filter: brightness(40%);}100%{filter: brightness(100%);}}
@-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 heartbeat{from{transform:scale(1);transform-origin:center center;animation-timing-function:ease-out}10%{transform:scale(.91);animation-timing-function:ease-in}17%{transform:scale(.98);animation-timing-function:ease-out}33%{transform:scale(.87);animation-timing-function:ease-in}45%{transform:scale(1);animation-timing-function:ease-out}}
@keyframes rights{ 0%{transform: translate(70%, 80%);}100%{transform: translate(0%, 0%)}}
@keyframes fllowright{ 0%{transform: translate(0%, 0%);}100%{transform: translate(1500px,0)}}
/*pc*/
@media (min-width:931px){
    .hope-award-wrap .hope-award-header .hopeheader{width: 400px;}
    .hope-award-wrap .hope-award-header .mobile_menu{width: 750px;display:block !important;}    
    .hope-award-wrap .hope-award-header{border-bottom: 1px solid #e6e6e6;width: 100%;position: relative;max-width: 1920px;margin: auto}    
    .hope-award-wrap .hope-award-header .inner .hope-award-menu{display: flex;align-items: center;justify-content: space-between;}    
    .hope-award-wrap .hope-award-header .inner{max-width: 1150px;}
    .hope-award-wrap .hope-award-header .inner nav li:nth-of-type(3){display: none;}        
    .hope-award-wrap .hope-award-header .depth1{display:flex; justify-content:space-evenly;}
    .hope-award-wrap .hope-award-header .depth1>li{position:relative;}
    .hope-award-wrap .hope-award-header .depth1>li>a{display:flex;align-items:center;justify-content:center;height:110px;font-size: 24px;font-weight: 700;color:#222;}    
    .hope-award-wrap .hope-award-header .depth2{display:none;position:absolute;left:-50px;top:100%;width:240px;background:#fff;z-index:100;padding: 30px 50px;border-top: 1px solid #e6e6e6}
    .hope-award-wrap .hope-award-header .depth2 li:nth-of-type(1){margin-bottom: 20px;}
    .hope-award-wrap .hope-award-header .depth2 li a{display:block;font-size: 24px;}
    .hope-award-wrap .hope-award-header .depth2 li a:hover{color:#7aa429;font-weight: 700;}
    .hope-award-wrap .hope-award-header .has_depth:hover>.depth2{display:block;}
    .hope-award-wrap .hope-award-header .depth1_btn:after,.hope-award-wrap .hopemainkakao{display:none;}    
    .hope-award-wrap .award-layer .award-video{position: relative; width: 100%;padding-bottom: 0%;height: 1140px;}
    .hope-award-wrap .hope-name .inner{max-width: 1100px;;}
    .hope-award-wrap .hope-name .inner h2{max-width: 720px;margin: auto;}
    .hope-award-wrap .hope-name .award-tab .swiper-wrapper{ justify-content:center;}  
    .hope-award-wrap .hope-name ul{min-width: 1100px;}
    .hope-award-wrap .hope-name ul li{min-width: 330px; min-height: 400px;}
    .hope-award-wrap .hope-seach3 .inner{max-width: 1000px;}
    .hope-award-wrap .hope-seach3 .inner .award-seachform{max-width: 720px;margin: auto;}
    .hope-award-wrap .hope-seach3 .inner .award-table,.hope-award-wrap .hope-seach3 .inner .award-table .table-container{max-width: 1000px;}
    .hope-award-wrap .hope-seach3 .inner .award-table .pc-phone{display: block;}
    .hope-award-wrap .hope-seach3 .inner .award-table .phone-icon{display: none;}
    .hope-award-wrap .hope-seach3 .inner .award-table .table-container td{padding: 2%;}
    .hope-award-wrap .hope-award-quicks{position: fixed;z-index: 5;bottom: 10px;left:50%;margin-left: 400px;width:clamp(70px, calc(140px + 140 * (100vw - 720px) / 720), 140px);height: clamp(70px, calc(140px + 140 * (100vw - 720px) / 720), 140px);}    
    
}
/*모바일*/
@media (max-width:930px){
    .hope-award-wrap .hope-name .award-tab.normal{display: flex;align-items: center;justify-content: space-evenly;flex-wrap: wrap;gap: 20px;}
    .hope-award-wrap .hope-award-header .hopeheader .hopelogo{margin: 0;width: 11.822%;}
    .hope-award-wrap .hope-award-header .hopeheader{justify-content: space-between;padding: 0 3%;}
    .hope-award-wrap .hope-award-header .hopeheader{border-bottom: 1px solid #e6e6e6;}
    .hope-award-wrap .hope-award-header .hopeheader h1{font-size: clamp(14px, calc(28px + 28 * (100vw - 720px) / 720), 28px);}
    .hope-award-wrap .hope-award-header .hopeheader a.hopelogo{width: 12.23%;}
    .hope-award-wrap .hope-award-header .btn_menu{display:block;}
    .hope-award-wrap .hope-award-header .mobile_menu{display:none;position:absolute;left:0;right:0;top:clamp(55px, calc(110px + 110 * (100vw - 720px) / 720), 110px);background:#fff;overflow:auto;z-index:9999;max-width: 720px;margin: auto;}
    .hope-award-wrap .hope-award-header .depth1{margin: 5% 0;padding: 0 8%;}    
    .hope-award-wrap .hope-award-header .depth1>li>a{display:block;font-size:clamp(14px, calc(28px + 28 * (100vw - 720px) / 720), 28px);color:#84b52f;padding: 2.5% 0;font-weight: 700;}
    .hope-award-wrap .hope-award-header .depth2{display:none;}
    .hope-award-wrap .hope-award-header .depth2 li a{display:block;font-size: clamp(12px, calc(24px + 24 * (100vw - 720px) / 720), 24px);line-height: clamp(25px, calc(50px + 50 * (100vw - 720px) / 720), 50px);}
    .hope-award-wrap .hope-award-header .depth1_btn{position:relative;}
    .hope-award-wrap .hope-award-header .depth1_btn:after{content:"+";position:absolute;right:3%;top:50%;transform:translateY(-50%);}
    .hope-award-wrap .hope-award-header .has_depth.open>.depth1_btn:after{content:"−";}
    .hope-award-wrap .hopemainkakao{padding: 0 6% 8% 6%;}
    .hope-award-wrap .hopemainkakao a{border-bottom: 1px solid #e6e6e6;border-top: 1px solid #e6e6e6;display: flex;align-items: center;justify-content: start;font-size: clamp(13px, calc(26px + 26 * (100vw - 720px) / 720), 26px);font-weight: 700;text-align: left;position: relative;letter-spacing: clamp(-0.5px, calc(-0.5px + -0.5 * (100vw - 720px) / 720), -0.5px);padding: 3%;}
    .hope-award-wrap .hopemainkakao a span{display: inline-block;width: 9.234%;margin-right: 3%;}    
    .hope-award-wrap .hopemainkakao a i{position: absolute;right: 3%;width: 8.732%;}
    .hope-award-wrap .award-layer .award-video{position: relative; width: 100%;padding-bottom: 177.78%;height: 100%;}
    .hope-award-wrap .hope-name ul{padding: 0 2%;}
    .hope-award-wrap .hope-name ul li{width: 47%;}
    .hope-award-wrap .hope-name .award-list-tap{margin: 0 2%}
    .hope-award-wrap .hope-gal .obs3{display: none;}
    .hope-award-wrap .hope-seach3 .inner .award-table .pc-phone{display: none;}
    .hope-award-wrap .hope-seach3 .inner .award-table .phone-icon{display: block;}
    .hope-award-wrap .hope-seach3 .inner .award-table .table-container td{padding: 2% 3%;}
    .hope-award-wrap .hope-award-quicks{position: fixed;z-index: 5;bottom: 10px;left:50%;margin-left: clamp(105px, calc(210px + 210 * (100vw - 720px) / 720), 210px);width:clamp(70px, calc(140px + 140 * (100vw - 720px) / 720), 140px);height: clamp(70px, calc(140px + 140 * (100vw - 720px) / 720), 140px);}
}