@charset "UTF-8";
@font-face {font-family: 'One-Store-Mobile-Gothic-Title-Font'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Title.woff') format('woff'); font-weight: normal; font-display: swap;}
@font-face { font-family: 'OneStoreMobileGothicBody';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Regular.woff') format('woff');  font-weight: normal; font-display: swap;}
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{margin:0px; padding:0px; border:0; outline:0; vertical-align:baseline; background:transparent;}
div {margin:0px; padding:0px; border:0; outline:0; vertical-align:baseline; background:transparent;}
body{line-height:1; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; color:#231e1e; font-size:12px; font-weight: 400; font-style: normal; letter-spacing: -1px;}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display:block; margin:0px; padding:0px;}
strong {font-weight: 700; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
button {border:none; background:none; cursor: pointer; padding: 0px; margin: 0px; color:#000000; outline: none;}
a{margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; color:#000000;}
ul, ol {list-style:none;}
.good_hide {visibility:hidden; overflow: hidden; position: absolute; left:-10000px; height:1px; width:1px; text-indent: -10000px;}
table {border-collapse: collapse; border-spacing: 0;}
[type="radio"] {appearance: none;border-radius: 50%;}
select {-webkit-appearance: none; -moz-appearance: none; appearance: none; border:none; outline: none;}
select::-ms-expand {display: none;}
input {outline: none;}
textarea {font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; outline: none; resize: none; border-radius: 0px;}
.Race {width:100%; max-width: 1920px; margin: auto;}
.Race * {box-sizing: border-box;}
*::before {box-sizing: border-box;}
*::after {box-sizing: border-box;}
.Race1 {background-color: #efefef;}
.Race1 p {font-size: 34px; line-height: 44px; text-align: center; font-weight: 700; color:#493930; padding: 36px 0px;}
.Race2 {background-color: #93aa0d; padding: 122px 0px;}
.Race2 h1 {background:url("/assets/images/campaign/gnrace/pc/Race_1_1.png") no-repeat; width:476px; height: 469px; position: relative; margin: auto; display: block; font-size: 0px; text-indent: -9999px; animation: ani1 1s forwards 0.5s; opacity: 0; overflow: hidden;}
.Race2 h1 span {position: absolute; display: block; top:254px; left:50%; transform: translate(-200%,0%); background:url("/assets/images/campaign/gnrace/pc/Race_1_2.png") no-repeat; width:358px; height: 103px; animation: ani2 1s forwards 1s;}
.Race2 h2 {font-size: 24px; font-weight: 600; line-height: 38px; text-align: center; padding-top: 90px; color:#ffffff;}
@keyframes ani1 {
    0% {opacity: 0; transform: translate(0px,30px);}
    100% {opacity: 1; transform: translate(0px,0px);}
}
@keyframes ani2 {
    0% {transform: translate(-200%,0px);}
    100% {transform: translate(-50%,0px);}
}
.Race3 {background-color: #eaeed5; padding: 75px 0px;}
.Race3 h2 {font-family: 'One-Store-Mobile-Gothic-Title-Font'; font-size: 34px; color:#6c5f58; font-weight: 400; text-align: center; background: url("/assets/images/campaign/gnrace/pc/Race_3_1.png") top center no-repeat; padding: 78px 0 50px;}
.Race3 table {margin: auto; opacity: 0;}
.Race3 table.On {animation: ani6 1s forwards 0.3s;}
.Race3 table colgroup col:nth-child(1) {width:160px;}
.Race3 table colgroup col:nth-child(2) {width:450px;}
.Race3 table td {font-family: 'One-Store-Mobile-Gothic-Title-Font'; border-top:1px solid #aabc42; border-bottom: 1px solid #aabc42; line-height: 27px; padding: 15px;}
.Race3 table td:nth-child(1) {font-size: 19px; color:#93aa0d; font-weight: 400; text-align: center;}
.Race3 table td:nth-child(2) {font-size: 21px; color:#6c5f58; font-weight: 400;}
.Race4 {background-color: #cfd89f; padding: 65px 0px;}
.Race4 h2 {font-family: 'One-Store-Mobile-Gothic-Title-Font'; font-size: 34px; color:#6c5f58; font-weight: 400; text-align: center; background: url("/assets/images/campaign/gnrace/pc/Race_3_1.png") top center no-repeat; padding: 78px 0 50px;}
.Race4 .Gift {width:589px; margin: auto;}
.Race4 .Gift div {opacity: 0;}
.Race4 .Gift .Gift1.On {animation: ani6 1s forwards 0.5s;}
.Race4 .Gift .Gift2.On {animation: ani6 1s forwards 0.5s;}
.Race4 .Gift .Gift3.On {animation: ani6 1s forwards 0.5s;}
.Race4 .Gift .Gift4.On {animation: ani6 1s forwards 0.5s;}
.Race4 .Gift .Gift5.On {animation: ani6 1s forwards 0.5s;}
@keyframes ani6 {
    0% {transform: translate(0px,30px); opacity: 0;}
    100% {transform: translate(0px,0px); opacity: 1;}
}
.Race4 .Size {background:url("/assets/images/campaign/gnrace/pc/Race_4_2.png") no-repeat; width:624px; height:666px; margin: 62px auto 0px; font-size: 0px; text-indent: -9999px;}
.Race5 {background-color: #eaeed5; padding: 65px 0px;}
.Race5 h2 {font-family: 'One-Store-Mobile-Gothic-Title-Font'; font-size: 34px; color:#6c5f58; font-weight: 400; text-align: center; background: url("/assets/images/campaign/gnrace/pc/Race_3_1.png") top center no-repeat; padding: 78px 0 50px;}
.Race5 .Pro {background:url("/assets/images/campaign/gnrace/pc/Race_5_1.png") no-repeat; width:612px; height: 101px; margin: auto; font-size: 0px; text-indent: -9999px;}
.Race5 .Step1 {width:563px; margin: auto;}
.Race5 .Step1 h3 {text-align: center; font-size: 28px; line-height: 38px; font-family: 'One-Store-Mobile-Gothic-Title-Font'; padding: 62px 0 40px;}
.Race5 .Step1 h3 span {color:#6c5f58;}
.Race5 .Step1 .Btns {display: grid; grid-template-columns: repeat(3, auto); gap: 19px; justify-content: start;}
.Race5 .Step1 .Btns button {width:175px; height: 140px; background-color: #93aa0d; color:#ffffff; font-family: 'One-Store-Mobile-Gothic-Title-Font'; font-size: 28px; border-radius: 5px; position: relative;}
.Race5 .Step1 .Btns button:nth-child(4) {grid-column: 1; grid-row: 2;}
.Race5 .Step1 .Btns button:nth-child(5) {grid-column: 2; grid-row: 2;}
.Race5 .Step1 .Btns button::before {content: ''; position: absolute; top:0px; left:-2px; width:179px; height: 140px; border:6px solid #ffe400; border-radius: 5px; opacity: 0; transition: 0.3s all; overflow: hidden;}
.Race5 .Step1 .Btns button.active::before {opacity: 1;}
.Race5 .Step1 .Btns button:hover::before {opacity: 1;}
/*
.Race5 .Step1 .Btns button {float:left; display: block; width:175px; height: 140px; background-color: #93aa0d; color:#ffffff; font-family: 'One-Store-Mobile-Gothic-Title-Font'; font-size: 28px; border-radius: 5px; margin-right: 19px; margin-top: 40px; position: relative; overflow: hidden;}
.Race5 .Step1 .Btns button::before {content: ''; position: absolute; top:0px; left:0px; width:175px; height: 140px; border:6px solid #ffe400; border-radius: 0px; opacity: 0; transition: 0.3s all; overflow: hidden;}
.Race5 .Step1 .Btns button.active::before {opacity: 1;}
.Race5 .Step1 .Btns button:hover::before {opacity: 1;}
.Race5 .Step1 .Btns button:nth-child(3) {margin-right: 0px;}
*/
.Race5 .Step2 {width:563px; margin: auto;}
.Race5 .Step2 h3 {text-align: center; font-size: 28px; line-height: 38px; font-family: 'One-Store-Mobile-Gothic-Title-Font'; padding: 62px 0 40px;}
.Race5 .Step2 h3 span {color:#6c5f58;}
.Race5 .Step2 .Btns {display: grid; grid-template-columns: repeat(3, auto); gap: 19px; justify-content: start;}
.Race5 .Step2 .Btns button {width:175px; height: 140px; background-color: #6c5f58; color:#ffffff; font-family: 'One-Store-Mobile-Gothic-Title-Font'; font-size: 28px; border-radius: 5px; position: relative;}
.Race5 .Step2 .Btns button:nth-child(4) {grid-column: 1; grid-row: 2;}
.Race5 .Step2 .Btns button:nth-child(5) {grid-column: 2; grid-row: 2;}
.Race5 .Step2 .Btns button::before {content: ''; position: absolute; top:0px; left:-2px; width:179px; height: 140px; border:6px solid #ffe400; border-radius: 5px; opacity: 0; transition: 0.3s all; overflow: hidden;}
.Race5 .Step2 .Btns button.active::before {opacity: 1;}
.Race5 .Step2 .Btns button:hover::before {opacity: 1;}
.Race5 .Apply {font-family: 'One-Store-Mobile-Gothic-Title-Font'; display: block; margin:78px auto 70px; width:280px; height: 74px; color:#6c5f58; font-size: 33px; background-color: #ffffff; border:3px solid #000000; border-radius: 13px;}
.Race5 .Txt {width:543px; margin: auto;}
.Race5 .Txt p {font-weight: 600; font-size: 19px; line-height: 32px; color:#6c5f58; padding-left: 14px; position: relative;}
.Race5 .Txt p::before {content: '*'; position: absolute; top:0px; left:0px; color:#6c5f58; font-size: 20px;}
.Race6 {background-color: #675a55; padding: 65px 0px;}
.Race6 h2 {font-family: 'One-Store-Mobile-Gothic-Title-Font'; font-size: 34px; line-height: 52px; color:#ffffff; font-weight: 400; text-align: center; background: url("/assets/images/campaign/gnrace/pc/Race_3_1.png") top center no-repeat; padding: 78px 0 50px;}
.Race6 h2 span {font-family: 'One-Store-Mobile-Gothic-Title-Font'; color:#f9cd00;}
.Race6 .Pro2 {overflow: hidden; margin: auto; width:583px;}
.Race6 .Pro2 .Steps {opacity: 0;}
.Race6 .Pro2 .Step1.On {animation: ani5 1s forwards 0.3s;}
.Race6 .Pro2 .Step2.On {animation: ani5 1s forwards 0.6s;}
.Race6 .Pro2 .Step3.On {animation: ani5 1s forwards 0.9s;}
.Race6 .Pro2 .Step4.On {animation: ani5 1s forwards 1.2s;}
@keyframes ani5 {
    0% {transform: translate(-30px,0px); opacity: 0;}
    100% {transform: translate(0px,0px); opacity: 1;}
}
.Race6 .Pro2 .Step1 {float:left; }
.Race6 .Pro2 .Step2 {float:right;}
.Race6 .Pro2 .Step3 {float:left; margin-top: 67px;}
.Race6 .Pro2 .Step4 {float:right; margin-top: 67px;}
.Race6 .Pro2 .Steps {width:269px;}
.Race6 .Pro2 .Steps .Ti {font-size:30px; color:#f9cd00; font-weight: 600; text-align: center; padding-bottom: 24px;}
.Race6 .Pro2 .Steps div {background-color: #94aa0d; height: 303px; background-repeat: no-repeat;}
.Race6 .Pro2 .Step1 div {background-position: 62px 34px; background-image:url("/assets/images/campaign/gnrace/pc/Race_6_1.png");}
.Race6 .Pro2 .Step2 div {background-position: center 36px; background-image:url("/assets/images/campaign/gnrace/pc/Race_6_2.png");}
.Race6 .Pro2 .Step3 div {background-position: center 41px; background-image:url("/assets/images/campaign/gnrace/pc/Race_6_3.png");}
.Race6 .Pro2 .Step4 div {background-position: 104px 37px; background-image:url("/assets/images/campaign/gnrace/pc/Race_6_4.png");}
.Race6 .Pro2 .Steps div p:nth-child(1) {font-family: 'One-Store-Mobile-Gothic-Title-Font'; font-size: 22px; color:#ffffff; text-align: center; padding: 168px 0px 16px;}
.Race6 .Pro2 .Steps div p:nth-child(2) {font-size: 18px; line-height: 24px; color:#ffffff; text-align: center; font-weight: 500;}
.Race6 .Pro2 .Steps div p:nth-child(2) span {font-size: 13px; padding-top: 6px; display: block;}
.Race6 .Etc {font-size: 20px; line-height: 32px; color:#ffffff; width:560px; margin: 42px auto 0px; font-weight: 600; position: relative; padding-left: 18px;}
.Race6 .Etc::before {content: '*'; position: absolute; top:0px; left:0px; font-size: 20px; color:#ffffff; margin-left:4px;}
.Race7 {background-color: #eaeed5; height: 829px;}
.Race7 .BigWalk {width:512px; margin:auto; padding-top: 113px; opacity: 0;}
.Race7 .BigWalk.On {animation: ani3 1s forwards 0.5s;}
@keyframes ani3 {
    0% {transform: translate(0px,30px); opacity: 0;}
    100% {transform: translate(0px,0px); opacity: 1;}
}
.Race7 .Campaign div {opacity: 0;}
.Race7 .Campaign div:nth-child(1).On {animation: ani4 1s forwards 0.3s;}
.Race7 .Campaign div:nth-child(2).On {animation: ani4 1s forwards 0.6s;}
.Race7 .Campaign div:nth-child(3).On {animation: ani4 1s forwards 0.9s;}
.Race7 .Campaign div:nth-child(4).On {animation: ani4 1s forwards 1.2s;}
@keyframes ani4 {
    0% {transform: translate(-30px,0px); opacity: 0;}
    100% {transform: translate(0px,0px); opacity: 1;}
}
.Race7 h2 {font-family: 'One-Store-Mobile-Gothic-Title-Font'; font-size: 33px; text-align: center; color:#574840; padding: 110px 0px 50px;}
.Race7 .Campaign {width:479px; overflow: hidden; margin: auto;}
.Race7 .Campaign div:nth-child(1) {float:left;}
.Race7 .Campaign div:nth-child(2) {float:right;}
.Race7 .Campaign div:nth-child(3) {float:left; margin-top: 78px;}
.Race7 .Campaign div:nth-child(4) {float:right; margin-top: 56px;}
.Race8 {background-color: #93aa0d; height: 1006px;}
.Race9 {background-color: #eaeed5; padding: 70px 0px;}
.Race9 h2 {text-align: center; font-size: 43px; line-height: 58px; font-family: 'One-Store-Mobile-Gothic-Title-Font'; color:#6c5f58; font-weight: 500; background: url("/assets/images/campaign/gnrace/pc/Race_3_1.png") top center no-repeat; padding: 78px 0 50px;}
.Race9 h2 span {background-color: #93aa0d; color:#ffffff; padding: 5px 15px;}
.Race9 p {font-size: 18px; line-height: 28px; color:#6c5f58; text-align: center; font-family: 'One-Store-Mobile-Gothic-Title-Font';}
.Race10 {background-color: #675a55; padding: 65px 0px;}
.Race10 h2 {font-family: 'One-Store-Mobile-Gothic-Title-Font'; font-size: 34px; line-height: 52px; color:#ffffff; font-weight: 400; text-align: center; background: url("/assets/images/campaign/gnrace/pc/Race_3_1.png") top center no-repeat; padding: 78px 0 50px;}
.Race10 table {width:580px; margin: auto; border-top:1px solid #dcb611; border-bottom:1px solid #dcb611;}
.Race10 table th {height: 45px; line-height: 45px; font-family: 'One-Store-Mobile-Gothic-Title-Font'; font-size: 19px; text-align: center; font-weight: 500; color:#dcb611;}
.Race10 table td {height: 45px; line-height: 45px; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; color:#ffffff; font-size: 18px; text-align: center;}
.Race10 table tbody tr:nth-last-child(1) td {border-bottom: 0px;}
.Race11 {background-color: #eaeed5; padding: 65px 0px;}
.Race11 h2 {font-family: 'One-Store-Mobile-Gothic-Title-Font'; font-size: 34px; line-height: 52px; color:#ffffff; font-weight: 400; text-align: center; background: url("/assets/images/campaign/gnrace/pc/Race_3_1.png") top center no-repeat; padding: 78px 0 50px; color:#675a55;}
.Race11 .tab_area {width:600px; margin: 0px auto 56px;}
.Race11 .tab_area .tabs {overflow: hidden;}
.Race11 .tab_area .tabs li a {display: block; color:#ffffff; text-align: center; line-height: 82px; font-size: 29px; font-family: 'One-Store-Mobile-Gothic-Title-Font'; border-radius: 8px; background-color: #6c5f58;}
.Race11 .tab_area .tabs li a.active {background-color: #93aa0d;}
.Race11 .tab_area .tabs li:nth-child(1) {float:left; width:46%;}
.Race11 .tab_area .tabs li:nth-child(2) {float:right; width:46%;}
.Race11 .tab_container {width:600px; margin: auto;}
.Race11 .tab_container .new_enac_aco {margin-bottom: 30px;}
.Race11 .tab_container .new_enac_aco a {display: block; background-color: #ffffff; width:100%; font-size: 18px; line-height: 28px; font-weight: 700; padding: 17px 0px 17px 59px; position: relative;}
.Race11 .tab_container .new_enac_aco a::before {content: 'Q.'; position: absolute; top:14px; left:15px; font-size: 30px; font-weight: 900; color:#6c5f58;}
.Race11 .tab_container .new_enac_aco a::after {content: ''; background:url("/assets/images/campaign/gnrace/pc/Arrow.png") no-repeat; width:19px; height: 18px; position: absolute; top:50%; right:24px; transform: translate(0%, -50%); transition: 0.3s all;}
.Race11 .tab_container .new_enac_aco a.active::after {transform: translate(0%, -50%) rotate(180deg);}
.Race11 .tab_container .new_enac_aco .content {display: none; background-color: #ffffff; width:100%; padding: 17px 32px 17px 59px; position: relative; margin-top: 16px;}
.Race11 .tab_container .new_enac_aco .content::before {content: 'A.'; position: absolute; top:14px; left:15px; font-size: 30px; font-weight: 900; color:#93aa0d;}
.Race11 .tab_container .new_enac_aco .content p {font-size: 18px; line-height: 28px; font-weight: 700;}
.Race11 .tab_container .new_enac_aco:nth-child(1) div {display: block;}
.Race12 {background-color: #ffffff; padding: 90px 0px;}
.Race12 .Fri {width:533px; height: 1168px; margin: auto; display: block;}