@import url('https://webfontworld.github.io/NanumSquare/NanumSquare.css');
@import url('https://hangeul.pstatic.net/hangeul_static/css/nanum-square-neo.css');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');

@font-face {
    font-family: 'SBAggro';
    src: url('../fonts/SBAggro/SBAggro-L.woff') format('woff');
    font-weight: 400;
}
@font-face {
    font-family: 'SBAggro';
    src: url('../fonts/SBAggro/SBAggro-M.woff') format('woff');
    font-weight: 700;
}
@font-face {
    font-family: 'SBAggro';
    src: url('../fonts/SBAggro/SBAggro-B.woff') format('woff');
    font-weight: 900;
}

@font-face {
    font-family: 'Paperlogy';
    src: url('../fonts/Paperlogy/Paperlogy-1Thin.woff') format('woff');
    font-weight: 100;
}
@font-face {
    font-family: 'Paperlogy';
    src: url('../fonts/Paperlogy/Paperlogy-2ExtraLight.woff') format('woff');
    font-weight: 200;
}
@font-face {
    font-family: 'Paperlogy';
    src: url('../fonts/Paperlogy/Paperlogy-3Light.woff') format('woff');
    font-weight: 300;
}
@font-face {
    font-family: 'Paperlogy';
    src: url('../fonts/Paperlogy/Paperlogy-4Regular.woff') format('woff');
    font-weight: 400;
}
@font-face {
    font-family: 'Paperlogy';
    src: url('../fonts/Paperlogy/Paperlogy-5Medium.woff') format('woff');
    font-weight: 500;
}
@font-face {
    font-family: 'Paperlogy';
    src: url('../fonts/Paperlogy/Paperlogy-6SemiBold.woff') format('woff');
    font-weight: 600;
}
@font-face {
    font-family: 'Paperlogy';
    src: url('../fonts/Paperlogy/Paperlogy-7Bold.woff') format('woff');
    font-weight: 700;
}
@font-face {
    font-family: 'Paperlogy';
    src: url('../fonts/Paperlogy/Paperlogy-8ExtraBold.woff') format('woff');
    font-weight: 800;
}
@font-face {
    font-family: 'Paperlogy';
    src: url('../fonts/Paperlogy/Paperlogy-9Black.woff') format('woff');
    font-weight: 900;
}

:root {
    --mono1:#111;
    --mono2:#555;
    --mono3:#999;
    --mono4:#d7d7d9;
    --mono5:#e5e5e7;
    --mono6:#f1f1f3;
    --mono7:#f7f7f9;
    --color1:#e84228;
    --color2:#abcd03;
    --color3:#50361f;
    --color4:#61c3cc;
    --color5:#fdd541;
    --bg1:#ca4e36;
    --bg2:#44693f;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:middle;
	line-height:1.4;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input, select {
    vertical-align:initial;
}

img { 
	border:none;
	vertical-align:top;
    max-width: 100%;
}

.clearfix:after { 
	content:"";
	display:block;
	clear:both;
}
a:link, a:visited { color:#333; text-decoration:none;}
a:active, a:hover { color:#333; text-decoration:none;}

.site-wrap { height:100%;}

/*hidden*/
.hidden { position:absolute; left:-9999px; font-size:1px; width:1px; height:1px; line-height:0; }

/*스킵메뉴*/
#skip_menu { width:300px; position:absolute; z-index:9999;}
#skip_menu a { position:absolute; top:-100px;}
#skip_menu a:hover,
#skip_menu a:active,
#skip_menu a:focus { position:absolute; top:0; width:300px; height:20px; display:block; background:#333; color:#fff; text-align:center; font-size:16px; font-weight:bold;}

.flex-area {display:flex;}
.flex-area.row {flex-flow:row wrap;}
.flex-area.col {flex-flow:column wrap;}

.center {width:900px;margin:0 auto;}

html, body {scroll-behavior:auto;}
body {font-size:16px;font-weight:400;font-family:'Paperlogy', sans-serif;line-height:1.4;letter-spacing:-0.025em;}

a {display:block;}
input, select {vertical-align:middle;}
input:not([type=radio],[type=checkbox],[type=file]), select, textarea {color:var(--mono2);font-size:1em;font-weight:400;font-family:'Paperlogy', sans-serif;vertical-align:middle;padding:0 10px;margin:0;border:1px solid var(--mono4);border-radius:50px;background-color:#fff;box-sizing:border-box;transition:0.2s;}
select {cursor:pointer;}
textarea {padding:10px;resize:none;}
input:not([type=radio],[type=checkbox],[type=file]):hover, select:hover, textarea:hover {border:1px solid var(--color1);}
input:not([type=radio],[type=checkbox],[type=file]):focus, select:focus, textarea:focus {color:var(--mono1);border:1px solid var(--color1);outline:1px solid var(--color1);}
button {font-family:'NanumSquare', sans-serif;padding:0;margin:0;border:0;border-radius:0;background:transparent;appearance:none;box-shadow:none;cursor:pointer;}
address {font-style:normal;}

input[type=checkbox], input[type=radio] {width:15px;height:15px;margin:0 8px 0 0;border:1px solid var(--mono4);background-color:#fff;appearance:none;cursor:pointer;}
input[type=checkbox]:focus, input[type=radio]:focus {outline:5px solid rgba(232 66 40 / 12%);}
input[type=checkbox] {border-radius:4px;}
input[type=checkbox]:checked {border-color:var(--color1);background:url(/design/default/img/sub/icon-check.svg) no-repeat center center / 8px;background-color:var(--color1);}
input[type=radio] {border-radius:50px;}
input[type=radio]:checked {border:4px solid var(--color1);}

::placeholder {color:var(--mono3);}
::-webkit-input-placeholder {color:var(--mono3);}
::-ms-input-placeholder {color:var(--mono3);}

/* hero-section */
#hero-section {width:100%;background-color:var(--bg1);}
#hero-section .wrapper {position:relative;width:100%;}
#hero-section .wrapper::before {content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url(/design/default/img/etc/img-pattern-1.png) repeat;mix-blend-mode:overlay;}
#hero-section .wrapper .contents {position:relative;z-index:1;}

#hero-section .intro .event-intro {position:relative;width:100%;padding:2.5rem 0 5rem;overflow:hidden;}
#hero-section .intro .event-intro::before {content:"";position:absolute;top:50%;left:50%;display:block;width:100%;aspect-ratio:1 / 1;background:url(/design/default/img/etc/img-confetti.png) no-repeat center center / contain;transform:translate(-50%,-50%);}
#hero-section .intro .event-intro .center {position:relative;}
#hero-section .intro .event-intro .deco-1 {position:absolute;top:3.75rem;right:-1.25rem;width:190px;transform:rotate(10deg);}
#hero-section .intro .event-intro .deco-2 {position:absolute;bottom:-7.5rem;left:-5rem;width:250px;}
#hero-section .intro .event-intro .deco-1 img,
#hero-section .intro .event-intro .deco-2 img {display:block;width:100%;}
#hero-section .intro .event-intro .inner {position:relative;z-index:1;}
#hero-section .intro .event-intro .logo-wrap {width:100%;margin-bottom:3.75rem;}
#hero-section .intro .event-intro .logo-wrap .logo {width:100%;max-width:700px;margin:0 auto;}
#hero-section .intro .event-intro .logo-wrap .logo img {display:block;width:100%;}
#hero-section .intro .event-intro .logo-wrap .desc {color:var(--mono1);font-size:2rem;font-weight:700;font-family:'SBAggro', sans-serif;text-align:center;}
#hero-section .intro .event-intro .title-wrap {width:100%;margin-bottom:3.75rem;}
#hero-section .intro .event-intro .title-wrap .title .top {justify-content:center;align-items:center;gap:2rem;}
#hero-section .intro .event-intro .title-wrap .title .top span {display:block;color:#fff;font-size:7.5rem;font-weight:900;font-family:'SBAggro', sans-serif;line-height:1;}
#hero-section .intro .event-intro .title-wrap .title .top span.box {color:var(--bg1);font-size:6.25rem;padding:0.75rem 1.25rem 0.75rem 1rem;margin-bottom:1rem;background-color:#fff;}
#hero-section .intro .event-intro .title-wrap .title .bottom {color:var(--color5);font-size:8.25rem;font-weight:900;font-family:'SBAggro', sans-serif;text-align:center;text-shadow:6px 6px 0 #792413;}
#hero-section .intro .event-intro .title-wrap .desc {color:var(--mono1);font-size:2rem;font-weight:700;font-family:'SBAggro', sans-serif;text-align:center;}
#hero-section .intro .event-intro .button {justify-content:center;align-items:center;}
#hero-section .intro .event-intro .button a {justify-content:center;align-items:center;height:5rem;padding:0 2.5rem;border-radius:100px;background-color:var(--color5);box-shadow:6px 6px 0 #792413;transition:0.15s;}
#hero-section .intro .event-intro .button a span {display:block;color:var(--mono1);font-size:2rem;font-weight:700;line-height:1;transition:0.15s;}
#hero-section .intro .event-intro .button a:hover {box-shadow:0 0 0 #792413;transform:translate(6px, 6px);}

#hero-section .intro .rolling-wrap {width:100%;height:120px;background-color:var(--mono1);overflow:hidden;}
#hero-section .intro .text-wrap {display:flex;align-items:center;gap:5rem;height:100%;animation:mainRolling 120s linear infinite;}
#hero-section .intro .text-wrap .text {color:#fff;font-size:3em;font-weight:700;font-family:'SBAggro', sans-serif;line-height:1;white-space:nowrap;}

/* container */
#container {width:100%;background-color:var(--bg2);overflow:hidden;}
#container .wrapper {position:relative;width:100%;}
#container .wrapper::before {content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url(/design/default/img/etc/img-pattern-2.png) repeat center center;mix-blend-mode:overlay;opacity:0.15;}
#container .wrapper .contents {position:relative;padding-top:7.5rem;z-index:1;}

#container .present .title {position:relative;justify-content:center;align-items:center;width:100%;height:6.75rem;margin-bottom:3.75rem;border-radius:100px;background-color:var(--mono1);z-index:1;}
#container .present .title span {display:block;color:#fff;font-size:3.5rem;font-weight:700;font-family:'SBAggro', sans-serif;margin-top:0.75rem;}

#container .present .present-wrap {position:relative;justify-content:center;gap:1.5rem;width:100%;}
#container .present .present-wrap .pattern {position:absolute;top:-3.25rem;right:-7.5rem;width:250px;}
#container .present .present-wrap .deco-1 {position:absolute;bottom:-2.5rem;left:-2rem;width:145px;filter:drop-shadow(0 4px 12px rgba(36 37 47 / 0.25));z-index:2;}
#container .present .present-wrap .deco-2 {position:absolute;bottom:-2.5rem;right:-2rem;width:160px;filter:drop-shadow(0 4px 12px rgba(36 37 47 / 0.25));z-index:2;}
#container .present .present-wrap .pattern img,
#container .present .present-wrap .deco-1 img,
#container .present .present-wrap .deco-2 img {display:block;}
#container .present .present-wrap .item {position:relative;width:calc(50% - 1.5rem / 2);height:auto;border-radius:1.25rem;background-color:#fff;box-sizing:border-box;}
#container .present .present-wrap .item .inner {justify-content:center;align-items:center;gap:1.75rem;height:100%;padding:3rem 1.25rem;box-sizing:border-box;}
#container .present .present-wrap .item .item-wrap {position:relative;width:300px;height:300px;margin:0 auto;}
#container .present .present-wrap .item .item-wrap::before {content:"";position:absolute;top:50%;left:50%;display:block;width:250px;aspect-ratio:1 / 1;border-radius:250px;background-color:#efefef;transform:translate(-50%,-50%);}
#container .present .present-wrap .item .item-wrap img {position:relative;display:block;width:100%;height:100%;object-fit:contain;object-position:center;z-index:1;}
#container .present .present-wrap .item .item-wrap .seal {position:absolute;top:-2.5rem;left:-3.75rem;width:150px;aspect-ratio:1 / 1;}
#container .present .present-wrap .item .item-wrap .seal img {display:block;width:100%;height:100%;object-fit:contain;object-position:center;}
#container .present .present-wrap .item .item-wrap .seal .text-wrap {position:absolute;top:0;left:0;justify-content:center;width:100%;height:100%;z-index:1;}
#container .present .present-wrap .item .item-wrap .seal .text-wrap .text {display:block;width:100%;color:var(--mono1);font-size:1.75rem;font-weight:600;text-align:center;line-height:1;margin-bottom:0.25rem;}
#container .present .present-wrap .item .item-wrap .seal .text-wrap .num {display:block;width:100%;color:var(--mono1);font-size:2.5rem;font-weight:800;text-align:center;line-height:1;}
#container .present .present-wrap .item .name {color:var(--mono1);font-size:1.75rem;font-weight:600;text-align:center;}

#container .present .present-wrap .item.full {width:100%;padding:1.25rem;z-index:1;}
#container .present .present-wrap .item.full .inner {gap:0;padding:7.5rem 1.25rem 2.5rem;border:2px dashed var(--color5);border-radius:0.75rem;}
#container .present .present-wrap .item.full .inner .item-wrap {width:540px;height:270px;margin-bottom:1.75rem;}
#container .present .present-wrap .item.full .inner .item-wrap::before {width:400px;}
#container .present .present-wrap .item.full .inner .item-wrap::after {content:"";position:absolute;top:35%;left:50%;display:block;width:800px;aspect-ratio:2 / 1;background:url(/design/default/img/etc/img-deco-3.png) no-repeat center center / contain;transform:translate(-50%,-50%);}
#container .present .present-wrap .item.full .item-wrap .seal {top:-5rem;left:-5rem;}
#container .present .present-wrap .item.full .item-wrap .seal .text-wrap .num {font-size:2.5rem;}
#container .present .present-wrap .item.full .name {position:relative;font-size:3.25rem;font-weight:700;z-index:1;}
#container .present .present-wrap .item.full .notice {position:relative;display:block;color:var(--mono1);font-size:1rem;font-weight:300;text-align:center;margin-top:0.75rem;z-index:1;}

#container .present .present-wrap .item.etc {width:100%;padding:1.25rem;}
#container .present .present-wrap .item.etc .inner {gap:0;padding:2rem 1.25rem;border:2px dashed var(--color4);border-radius:0.75rem;}
#container .present .present-wrap .item.etc .inner .name {font-size:2.5rem;}
#container .present .present-wrap .item.etc .inner .text {display:block;color:var(--mono1);font-size:1.75rem;font-weight:400;text-align:center;margin-top:1.25rem;}

#container .steps .title {position:relative;justify-content:center;align-items:center;width:100%;height:6.75rem;margin-bottom:3.75rem;border-radius:100px;background-color:var(--mono1);z-index:1;}
#container .steps .title span {display:block;color:#fff;font-size:3.5rem;font-weight:700;font-family:'SBAggro', sans-serif;margin-top:0.75rem;}

#container .steps .steps-box {position:relative;margin-bottom:2.5rem;}
#container .steps .steps-box .pattern-1 {position:absolute;top:-3.75rem;left:-3.75rem;width:120px;}
#container .steps .steps-box .pattern-2 {position:absolute;bottom:-3.75rem;right:-7.5rem;width:250px;}
#container .steps .steps-box .deco-3 {position:absolute;top:-7.5rem;right:2.5rem;width:160px;filter:drop-shadow(0 4px 12px rgba(36 37 47 / 0.25));z-index:2;}
#container .steps .steps-box .pattern-1 img,
#container .steps .steps-box .pattern-2 img,
#container .steps .steps-box .deco-3 img {display:block;width:100%;}
#container .steps .steps-box .steps-list {position:relative;width:100%;padding:3.75rem 5rem;border-radius:1.25rem;background-color:#fff;box-sizing:border-box;z-index:1;}
#container .steps .steps-box .steps-list li {justify-content:flex-start;align-items:center;gap:2.5rem;}
#container .steps .steps-box .steps-list li .label {display:block;color:var(--mono1);font-size:1.75rem;font-weight:800;padding:0.5rem 2.5rem;border-radius:100px;background-color:var(--color2);}
#container .steps .steps-box .steps-list li .text {display:block;color:var(--mono1);font-size:1.75rem;font-weight:500;}
#container .steps .steps-box .steps-list li + li {margin-top:1.25rem;}
#container .steps .button-list {position:relative;justify-content:center;align-items:center;gap:1.25rem;width:100%;margin-bottom:6.25rem;z-index:1;}
#container .steps .button-list .button {width:calc(50% - 1.25rem / 2);}
#container .steps .button-list .button a {justify-content:center;align-items:center;width:100%;height:5rem;padding:0 2.5rem;border-radius:100px;box-sizing:border-box;box-shadow:6px 6px 0 var(--color3);transition:0.15s;}
#container .steps .button-list .button:nth-child(1) a {background-color:var(--color5);}
#container .steps .button-list .button:nth-child(2) a {background-color:#fff;}
#container .steps .button-list .button a span {display:block;color:var(--mono1);font-size:2rem;font-weight:700;line-height:1;transition:0.15s;}
#container .steps .button-list .button a:hover {box-shadow:0 0 0 var(--color3);transform:translate(6px, 6px);}

#container .steps .notice-wrap {width:100%;padding:2.75rem;border-radius:1.25rem;background-color:rgba(17 17 17 / 0.5);box-sizing:border-box;}
#container .steps .notice-wrap .subject {color:#fff;font-size:1.75rem;font-weight:600;margin-bottom:2.5rem;}
#container .steps .notice-wrap .notice-list {width:100%;}
#container .steps .notice-wrap .notice-list li {position:relative;width:100%;color:#fff;font-size:1.5rem;font-weight:300;padding-left:1.25rem;box-sizing:border-box;}
#container .steps .notice-wrap .notice-list li::before {content:"*";position:absolute;top:0.25rem;left:0;}
#container .steps .notice-wrap .notice-list li + li {margin-top:1.25rem;}

#container .copyright {color:#fff;font-size:1rem;font-weight:300;text-align:center;padding:7.5rem 0 1.25rem;}

#layer-popup {position:fixed;top:0;left:0;width:100%;height:100vh;z-index:100;}
#layer-popup .bg-wrap {position:absolute;top:0;left:0;width:100%;height:100%;background-color:#11111180;backdrop-filter:blur(6px);}
#layer-popup #gift-result {position:absolute;top:50%;left:50%;width:calc(100% - 32px);max-width:640px;transform:translate(-50%,-50%);}
#layer-popup #gift-result .pop-title {justify-content:center;align-items:center;width:100%;height:5rem;margin-bottom:2.5rem;border-radius:100px;background-color:var(--color2);}
#layer-popup #gift-result .pop-title span {display:block;color:var(--mono1);font-size:2.5rem;font-weight:700;font-family:'SBAggro', sans-serif;margin-top:0.5rem;}
#layer-popup #gift-result .pop-content {width:100%;padding:1.25rem;margin-bottom:1.25rem;border-radius:1.25rem;background-color:#fff;box-sizing:border-box;}
#layer-popup #gift-result .pop-content .inner {padding:2.5rem 1.25rem;border:2px dashed var(--color5);border-radius:0.75rem;box-sizing:border-box;}
#layer-popup #gift-result .pop-content .inner .item-wrap {position:relative;width:400px;height:300px;margin:0 auto 1.25rem;}
#layer-popup #gift-result .pop-content .inner .item-wrap::before {content:"";position:absolute;top:50%;left:50%;display:block;width:275px;aspect-ratio:1 / 1;border-radius:250px;background-color:#efefef;transform:translate(-50%,-50%);}
#layer-popup #gift-result .pop-content .inner .item-wrap img {position:relative;display:block;width:100%;height:100%;object-fit:contain;object-position:center;z-index:1;}
#layer-popup #gift-result .pop-content .inner .name {position:relative;color:var(--mono1);font-size:1.75rem;font-weight:600;text-align:center;z-index:1;}
#layer-popup #gift-result .pop-content .inner .notice {position:relative;display:block;color:var(--mono1);font-size:1rem;font-weight:300;text-align:center;margin-top:0.75rem;z-index:1;}
#layer-popup #gift-result .pop-default {width:100%;padding:1.75rem 1.25rem;margin-bottom:1.25rem;border-radius:1.25rem;background-color:#fff;box-sizing:border-box;}
#layer-popup #gift-result .pop-default .inner .name {color:var(--mono1);font-size:1.5rem;font-weight:600;text-align:center;}
#layer-popup #gift-result .pop-default .inner .notice {display:block;color:var(--mono1);font-size:1rem;font-weight:300;text-align:center;margin-top:0.75rem;}
#layer-popup #gift-result .pop-close a {justify-content:center;align-items:center;width:220px;height:3.75rem;padding:0 2.5rem;margin:0 auto;border-radius:100px;background-color:#fff;box-sizing:border-box;box-shadow:6px 6px 0 var(--color3);transition:0.15s;}
#layer-popup #gift-result .pop-close a span {display:block;color:var(--mono1);font-size:1.75rem;font-weight:700;line-height:1;}
#layer-popup #gift-result .pop-close a:hover {box-shadow:0 0 0 var(--color3);transform:translate(6px, 6px);}

@keyframes mainRolling {
    0% {
        transform:translateX(0);
    }
    100% {
        transform:translateX(-10000px);
    }
}

/* 반응형 */
@media screen and (max-width:1280px){
    #hero-section .intro .event-intro::before {width:160%;}
}

@media screen and (max-width:1024px){
    .center {width:calc(100% - 60px);}

    #hero-section .intro .event-intro .deco-1 {right:-1.5vw;width:17.5vw;}
    #hero-section .intro .event-intro .deco-2 {left:-8vw;width:25vw;}
    #hero-section .intro .event-intro .logo-wrap {margin-bottom:7vw;}
    #hero-section .intro .event-intro .logo-wrap .logo {width:67.5vw;max-width:unset;}
    #hero-section .intro .event-intro .logo-wrap .desc {font-size:3.5vw;}
    #hero-section .intro .event-intro .title-wrap {margin-bottom:7vw;}
    #hero-section .intro .event-intro .title-wrap .title .top {gap:3.5vw;}
    #hero-section .intro .event-intro .title-wrap .title .top span {font-size:12.5vw;}
    #hero-section .intro .event-intro .title-wrap .title .top span.box {font-size:10vw;padding:1.25vw 1.25vw 0 1.25vw;margin-bottom:2.5vw;}
    #hero-section .intro .event-intro .title-wrap .title .bottom {font-size:13vw;text-shadow:1vw 1vw 0 #792413;}
    #hero-section .intro .event-intro .title-wrap .desc {font-size:3.5vw;}
    #hero-section .intro .event-intro .button a {height:10vw;padding:0 5vw;box-shadow:1vw 1vw 0 #792413;}
    #hero-section .intro .event-intro .button a span {font-size:4.5vw;}
    #hero-section .intro .event-intro .button a:hover {transform:translate(1vw, 1vw);}

    #hero-section .intro .rolling-wrap {height:12.5vw;}
    #hero-section .intro .text-wrap {gap:7vw;}
    #hero-section .intro .text-wrap .text {font-size:5vw;}

    #container .wrapper .contents {padding-top:5rem;}
    
    #container .present .title {height:12vw;margin-bottom:7vw;}
    #container .present .title span {font-size:6.25vw;margin-top:1.25vw;}

    #container .present .present-wrap {gap:2vw;}
    #container .present .present-wrap .pattern {top:-4vw;right:-8vw;width:24vw;}
    #container .present .present-wrap .deco-1 {bottom:-3.5vw;left:-3vw;width:14.5vw;filter:drop-shadow(0 0.5vw 1.25vw rgba(36 37 47 / 0.25));}
    #container .present .present-wrap .deco-2 {bottom:-3.5vw;right:-3vw;width:16vw;filter:drop-shadow(0 0.5vw 1.25vw rgba(36 37 47 / 0.25));}
    #container .present .present-wrap .item {width:calc(50% - 2vw / 2);border-radius:2vw;}
    #container .present .present-wrap .item .inner {gap:2.5vw;padding:4vw 1.75vw;}
    #container .present .present-wrap .item .item-wrap {width:28vw;height:28vw;}
    #container .present .present-wrap .item .item-wrap::before {width:23.5vw;}
    #container .present .present-wrap .item .item-wrap .seal {top:-2vw;left:-5.75vw;width:13.5vw;}
    #container .present .present-wrap .item .item-wrap .seal .text-wrap .text {font-size:3vw;}
    #container .present .present-wrap .item .item-wrap .seal .text-wrap .num {font-size:3.25vw;}
    #container .present .present-wrap .item .name {font-size:3vw;}

    #container .present .present-wrap .item.full {padding:1.5vw;}
    #container .present .present-wrap .item.full .inner {padding:12.5vw 1.75vw 3.5vw;border:0.25vw dashed var(--color5);border-radius:1.25vw;}
    #container .present .present-wrap .item.full .inner .item-wrap {width:50vw;height:25vw;margin-bottom:3vw;}
    #container .present .present-wrap .item.full .inner .item-wrap::before {width:37.5vw;}
    #container .present .present-wrap .item.full .inner .item-wrap::after {width:75vw;}
    #container .present .present-wrap .item.full .item-wrap .seal {top:-7vw;left:-7.5vw;}
    #container .present .present-wrap .item.full .item-wrap .seal .text-wrap .num {font-size:4vw;}
    #container .present .present-wrap .item.full .name {font-size:5.5vw;}
    #container .present .present-wrap .item.full .notice {font-size:2.5vw;font-weight:400;margin-top:1vw;}

    #container .present .present-wrap .item.etc {padding:1.5vw;}
    #container .present .present-wrap .item.etc .inner {padding:3.5vw 1.5vw;border:0.25vw dashed var(--color4);border-radius:1.25vw;}
    #container .present .present-wrap .item.etc .inner .name {font-size:3.5vw;}
    #container .present .present-wrap .item.etc .inner .text {font-size:3vw;margin-top:1.5vw;}

    #container .steps .title {height:11.5vw;margin-bottom:7vw;}
    #container .steps .title span {font-size:6.25vw;margin-top:1.25vw;}

    #container .steps .steps-box {margin-bottom:4.5vw;}
    #container .steps .steps-box .pattern-1 {top:-6vw;left:-5.5vw;width:12.5vw;}
    #container .steps .steps-box .pattern-2 {bottom:-4vw;right:-8vw;width:24vw;}
    #container .steps .steps-box .deco-3 {top:-12vw;right:3.5vw;width:16vw;filter:drop-shadow(0 0.5vw 1.25vw rgba(36 37 47 / 0.25));}
    #container .steps .steps-box .steps-list {padding:5vw 8vw;border-radius:2vw;}
    #container .steps .steps-box .steps-list li {justify-content:flex-start;align-items:center;gap:4vw;}
    #container .steps .steps-box .steps-list li .label {font-size:3vw;padding:0.75vw 4.5vw;}
    #container .steps .steps-box .steps-list li .text {font-size:3vw;}
    #container .steps .steps-box .steps-list li + li {margin-top:1.75vw;}
    #container .steps .button-list {gap:2vw;margin-bottom:8vw;}
    #container .steps .button-list .button {width:calc(50% - 2vw / 2);}
    #container .steps .button-list .button a {height:8vw;padding:0 4vw;box-shadow:1vw 1vw 0 var(--color3);}
    #container .steps .button-list .button a span {font-size:3.5vw;}
    #container .steps .button-list .button a:hover {transform:translate(1vw, 1vw);}

    #container .steps .notice-wrap {padding:4vw;border-radius:2vw;}
    #container .steps .notice-wrap .subject {color:#fff;font-size:3.5vw;font-weight:600;margin-bottom:3vw;}
    #container .steps .notice-wrap .notice-list li {font-size:2.5vw;padding-left:2vw;}
    #container .steps .notice-wrap .notice-list li::before {top:0.5vw;}
    #container .steps .notice-wrap .notice-list li + li {margin-top:1.75vw;}

    #container .copyright {font-size:0.75rem;padding:5rem 0 1.25rem;}
}

@media screen and (max-width:768px){
    html, body {font-size:14px;}

    #layer-popup #gift-result .pop-title {height:12vw;margin-bottom:5.5vw;}
    #layer-popup #gift-result .pop-title span {font-size:6.25vw;margin-top:1.25vw;}
    #layer-popup #gift-result .pop-content {padding:3vw;margin-bottom:3vw;border-radius:2vw;}
    #layer-popup #gift-result .pop-content .inner {padding:5.5vw 3vw;border:0.25vw dashed var(--color5);border-radius:1.25vw;}
    #layer-popup #gift-result .pop-content .inner .item-wrap {width:70vw;height:52.5vw;margin:0 auto 3vw;}
    #layer-popup #gift-result .pop-content .inner .item-wrap::before {width:48vw;}
    #layer-popup #gift-result .pop-content .inner .name {font-size:4.5vw;}
    #layer-popup #gift-result .pop-content .inner .notice {font-size:2.5vw;font-weight:400;margin-top:1vw;}
    #layer-popup #gift-result .pop-default {padding:4vw 3vw;margin-bottom:3vw;border-radius:2vw;}
    #layer-popup #gift-result .pop-default .inner .name {font-size:3.5vw;}
    #layer-popup #gift-result .pop-default .inner .notice {font-size:2.5vw;font-weight:400;margin-top:1vw;}
    #layer-popup #gift-result .pop-close a {width:38vw;height:8vw;padding:0 4vw;box-shadow:1vw 1vw 0 var(--color3);}
    #layer-popup #gift-result .pop-close a span {font-size:3.5vw;}
    #layer-popup #gift-result .pop-close a:hover {transform:translate(1vw, 1vw);}
}

@media screen and (max-width:480px){
    .center {width:calc(100% - 32px);}

    #hero-section .intro .event-intro {padding:1.25rem 0 3.75rem;}
    #hero-section .intro .event-intro .deco-1 {top:1.75rem;}
    #hero-section .intro .event-intro .deco-2 {bottom:-5.5rem;}

    #container .wrapper .contents {padding-top:3.75rem;}
    
    #container .copyright {padding:3.75rem 0 1.25rem;}
}