img { max-width: 100%; }
.container { max-width: 768px; margin: 0 auto; }
#hd_pop { width: auto !important; z-index: 1002; }
#hd_pop .hd_pops { width: var(--popup-width, auto); max-width: calc(100vw - 20px); }
#hd_pop .hd_pops.is-center { left: 50% !important; transform: translateX(-50%); }
#hd_pop .hd_pops img { max-width: 100%; height: auto; }





#header,
#header > div h1,
#header > div h1 a .logo { transition: all .3s ease; }
#header { position: sticky; top: 0; z-index: 10; background-color: #FFF; }
#header > div h1 { padding: 82px 0 18px; text-align: center; overflow: hidden; }
#header > div h1 a { display: inline-block; }
#header > div h1 a .logo { width: 416px; vertical-align: top; }
#header > div nav { padding: 12.5px; border-top: 2px solid #EEE; }
#header > div nav ul { text-align: center; font-size: 0; margin: -12px 0; }
#header > div nav ul li { display: inline-block; margin: 12px 24px; }
#header > div nav ul li a { color: #000; font-family: "GMarketSans"; font-size: 24px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: -1.44px; }
#header > div nav ul li a.active { color: #1B7B4D; font-weight: 700; }

#header.scroll > div h1 { padding: 18px 0; }
#header.scroll > div h1 a .logo { width: 316px; }
#header.is-down > div h1 { padding: 0 !important; height: 0; opacity: 0; }
#header.is-down > div nav { border: none; }
@media screen and (max-width: 768px) {
	#header > div h1 { padding: calc(82 / 768 * 100vw) 0 calc(18 / 768 * 100vw); }
	#header > div h1 a .logo { width: calc(416 / 768 * 100vw); }
	#header > div nav { padding: calc(12.5 / 768 * 100vw); border-top: calc(2 / 768 * 100vw) solid #EEE; }
	#header > div nav ul { margin: calc(-12 / 768 * 100vw) 0; }
	#header > div nav ul li { margin: calc(12 / 768 * 100vw) calc(24 / 768 * 100vw); }
	#header > div nav ul li a { font-size: calc(24 / 768 * 100vw); letter-spacing: calc(-1.44 / 768 * 100vw); }

	#header.scroll > div h1 { padding: calc(18 / 768 * 100vw) 0; }
	#header.scroll > div h1 a .logo { width: calc(316 / 768 * 100vw); }
}





#quick { position: fixed; top: 50%; transform: translate(0, -50%); right: 31px; width: 128px; z-index: 1001; }
#quick .box { position: relative; }
#quick .box > img { width: 100%; }
#quick .box .button { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; }
#quick .box .button > * { position: absolute; left: 50%; transform: translate(-50%, 0); display: block; border: none; background: transparent; }
#quick .box .button > * img { width: 100%; }
#quick .box .button > a { width: 84px; }
#quick .box .button > button { width: 117px; bottom: 3px; }
#quick .box .button .phone { bottom: 236px; }
#quick .box .button .kakao { bottom: 90px; }

@media screen and (max-width: 768px) {
	#quick { right: calc(31 / 768 * 100vw); width: calc(128 / 768 * 100vw); }
	#quick .box .button > a { width: calc(84 / 768 * 100vw); }
	#quick .box .button > button { width: calc(117 / 768 * 100vw); bottom: calc(3 / 768 * 100vw); }
	#quick .box .button .phone { bottom: calc(236 / 768 * 100vw); }
	#quick .box .button .kakao { bottom: calc(90 / 768 * 100vw); }
}





#inquiry,
#inquiry .container,
#inquiry .container .box .character { transition: all .3s ease; }
#inquiry { position: fixed; bottom: 0; left: 0; right: 0; width: 100%; z-index: 1000; }
#inquiry .container { background: #168048; padding: 22px 18px 31px; box-sizing: border-box; }
#inquiry .container .box { display: flex; align-items: center; }
#inquiry .container .box .character { flex: 0 0 130px; margin: 0 11px 0 0; }
#inquiry .container .box .character img { width: 100%; }
#inquiry .container .box .info { flex: 1; }
#inquiry .container .box .info .name { display: flex; align-items: center; gap: 6px; }
#inquiry .container .box .info .name span { display: flex; align-items: center; }
#inquiry .container .box .info .name span img { display: block; width: 24px; vertical-align: top; transform: translateY(-3px); }
#inquiry .container .box .info .name strong { display: block; color: #FFF; font-family: "YeogiOttaeJalnanGothic"; font-size: 25px; font-style: normal; font-weight: 400; line-height: 1; letter-spacing: -1px; }
#inquiry .container .box .info .contact { display: flex; align-items: center; gap: 10px; margin: 5px 0 0; }
#inquiry .container .box .info .contact > span { color: #FCB900; font-family: "YeogiOttaeJalnanGothic"; font-size: 25px; font-style: normal; font-weight: 400; line-height: 1; letter-spacing: -0.5px; }
#inquiry .container .box .info .contact .check { display: flex; align-items: center; cursor: pointer; gap: 6px; position: relative; }
#inquiry .container .box .info .contact .check input { position: absolute; opacity: 0; margin: 0; pointer-events: none; width: 1px; height: 1px; top: 50%; left: 0; }
#inquiry .container .box .info .contact .check span { display: flex; align-items: center; color: #FFF; font-family: "GMarketSans"; font-size: 21px; font-style: normal; font-weight: 500; line-height: 1; letter-spacing: -1.26px; }
#inquiry .container .box .info .contact .check span::before { display: block; content: ''; width: 23px; height: 23px; margin-right: 8px; border: 2px solid #fff; border-radius: 50%; background: transparent; box-sizing: border-box; }
#inquiry .container .box .info .contact .check input:checked + span::after { content: ''; position: absolute; left: 8px; top: 4px; width: 7px; height: 12px; border-right: 3px solid #FCB900; border-bottom: 3px solid #FCB900; transform: rotate(45deg); }
#inquiry .container .box .info .form { margin: 13px 0 0; display: flex; align-items: center; gap: 5px; }
#inquiry .container .box .info .form > * { width: 139px; height: 43px; box-sizing: border-box; text-align: center; padding: 0 10px; font-family: "GMarketSans"; font-style: normal; line-height: normal; }
#inquiry .container .box .info .form input[type="text"] { border-radius: 25px; border: 1px solid #888; color: #888; font-size: 19px; font-weight: 500; letter-spacing: -1.14px; }
#inquiry .container .box .info .form button { color: #FCB900; font-size: 22px; font-weight: 700; letter-spacing: -1.32px; cursor: pointer; background: #000; border: none; }

#inquiry.scroll .container { padding: 18px; }
#inquiry.scroll .container .box .character { flex: 0 0 100px; margin: 0 41px 0 0; }

@media screen and (max-width: 768px) {
	#inquiry .container { padding: calc(22 / 768 * 100vw) calc(18 / 768 * 100vw) calc(31 / 768 * 100vw); }
	#inquiry .container .box .character { flex: 0 0 calc(130 / 768 * 100vw); margin: 0 calc(11 / 768 * 100vw) 0 0; }
	#inquiry .container .box .info .name { gap: calc(6 / 768 * 100vw); }
	#inquiry .container .box .info .name span img { width: calc(24 / 768 * 100vw); transform: translateY(calc(-3 / 768 * 100vw)); }
	#inquiry .container .box .info .name strong { font-size: calc(25 / 768 * 100vw); letter-spacing: calc(-1 / 768 * 100vw); }
	#inquiry .container .box .info .contact { gap: calc(10 / 768 * 100vw); margin: calc(5 / 768 * 100vw) 0 0; }
	#inquiry .container .box .info .contact > span { font-size: calc(25 / 768 * 100vw); letter-spacing: calc(-0.5 / 768 * 100vw); }
	#inquiry .container .box .info .contact .check { gap: calc(6 / 768 * 100vw); }
	#inquiry .container .box .info .contact .check span { font-size: calc(21 / 768 * 100vw); letter-spacing: calc(-1.26 / 768 * 100vw); }
	#inquiry .container .box .info .contact .check span::before { width: calc(23 / 768 * 100vw); height: calc(23 / 768 * 100vw); margin-right: calc(8 / 768 * 100vw); border: calc(2 / 768 * 100vw) solid #fff; }
	#inquiry .container .box .info .contact .check input:checked + span::after { left: calc(8 / 768 * 100vw); top: calc(4 / 768 * 100vw); width: calc(7 / 768 * 100vw); height: calc(12 / 768 * 100vw); border-right: calc(3 / 768 * 100vw) solid #FCB900; border-bottom: calc(3 / 768 * 100vw) solid #FCB900; }
	#inquiry .container .box .info .form { margin: calc(13 / 768 * 100vw) 0 0; gap: calc(5 / 768 * 100vw); }
	#inquiry .container .box .info .form > * { width: calc(139 / 768 * 100vw); height: calc(43 / 768 * 100vw); padding: 0 calc(10 / 768 * 100vw); }
	#inquiry .container .box .info .form input[type="text"] { border-radius: calc(25 / 768 * 100vw); border: calc(1 / 768 * 100vw) solid #888; font-size: calc(19 / 768 * 100vw); letter-spacing: calc(-1.14 / 768 * 100vw); }
	#inquiry .container .box .info .form button { font-size: calc(22 / 768 * 100vw); letter-spacing: calc(-1.32 / 768 * 100vw); }

	#inquiry.scroll .container { padding: calc(18 / 768 * 100vw); }
	#inquiry.scroll .container .box .character { flex: 0 0 calc(100 / 768 * 100vw); margin: 0 calc(41 / 768 * 100vw) 0 0; }
}





#footer > div { padding: 56px 40px calc(59px + 141px); background: #000; }
#footer > div h6 a { display: inline-block; }
#footer > div h6 a .logo { width: 212px; vertical-align: top; }
#footer > div p { color: #FFF; font-family: 'Presentation'; font-size: 18px; font-style: normal; font-weight: 400; line-height: 140%; margin: 14px 0 0; }
#footer > div p strong { font-weight: 700; }

@media screen and (max-width: 768px) {
	#footer > div { padding: calc(56 / 768 * 100vw) calc(40 / 768 * 100vw) calc((59 / 768 * 100vw) + (141 / 768 * 100vw)); }
	#footer > div h6 a .logo { width: calc(212 / 768 * 100vw); }
	#footer > div p { font-size: calc(18 / 768 * 100vw); margin: calc(14 / 768 * 100vw) 0 0; }
}










#main { overflow: hidden; }
#main section { margin: -1px 0 0; }
#main section .container { background-size: cover; background-repeat: no-repeat; background-position: center top; position: relative; }
#main section .container .content_image.center { text-align: center; }
#main section .container .content_image img { vertical-align: top; position: relative; z-index: 1; }

@media screen and (max-width: 768px) {
    #main section .container .content_image img { width: calc(var(--img-width) / 768 * 100vw); height: auto; }
}





#hero .container { background-image: url('../img/main/bg_hero.png'); padding: 55px 0 105px; }
#hero .container .i1_2 { margin: 30px 0 0; }
#hero .container .i1_3 { margin: 5px 0 0; }
#hero .container .i1_4 { margin: -20px 0 0; }
#hero .container .i1_5 { margin: -90px 0 0; }
#hero .container .i1_6 { margin: -20px 0 0; }
#hero .container .i1_7 { margin: 30px 0 0; }
#hero .container .i1_8 { margin: 20px 0 0; }
#hero .container .i1_9 { position: absolute; z-index: 0; right: 55px; top: 90px; }
#hero .container .line { position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 0); width: 1px; height: 50px; background: #FFF; }

@media screen and (max-width: 768px) {
	#hero .container { padding: calc(55 / 768 * 100vw) 0 calc(105 / 768 * 100vw); }
	#hero .container .i1_2 { margin: calc(30 / 768 * 100vw) 0 0; }
	#hero .container .i1_3 { margin: calc(5 / 768 * 100vw) 0 0; }
	#hero .container .i1_4 { margin: calc(-20 / 768 * 100vw) 0 0; }
	#hero .container .i1_5 { margin: calc(-90 / 768 * 100vw) 0 0; }
	#hero .container .i1_6 { margin: calc(-20 / 768 * 100vw) 0 0; }
	#hero .container .i1_7 { margin: calc(30 / 768 * 100vw) 0 0; }
	#hero .container .i1_8 { margin: calc(0 / 768 * 100vw) 0 0; }
	#hero .container .i1_9 { right: calc(55 / 768 * 100vw); top: calc(90 / 768 * 100vw); }
	#hero .container .line { width: calc(1 / 768 * 100vw); height: calc(50 / 768 * 100vw); }
}





#why { overflow: hidden; }
#why .container { background-image: url('../img/main/bg_why.png'); padding: 90px 0 0; }
#why .container .i2_1 {  }
#why .container .i2_2 { margin: 25px 0 0; }
#why .container .i2_3_4 { margin: 45px 0 0; }
#why .container .i2_5_6 {  }
#why .container .i2_7 { margin: 55px 0 0; }
#why .container .line { position: absolute; left: 50%; top: 0; transform: translate(-50%, 0); width: 1px; height: 50px; background: #000; }

@media screen and (max-width: 768px) {
	#why .container { padding: calc(90 / 768 * 100vw) 0 0; }
	#why .container .i2_2 { margin: calc(25 / 768 * 100vw) 0 0; }
	#why .container .i2_3_4 { margin: calc(45 / 768 * 100vw) 0 0; }
	#why .container .i2_7 { margin: calc(55 / 768 * 100vw) 0 0; }
	#why .container .line { width: calc(1 / 768 * 100vw); height: calc(50 / 768 * 100vw); }
}





#money .container { background-image: url('../img/main/bg_money.png'); padding: 90px 0 0; }
#money .container .i3_1 img { width: 100%; }
#money .container .i3_2 { margin: 60px 0 0; }
#money .container .i3_check { margin: 60px 0 0; }
#money .container .i3_3 { margin: 60px 0 0; }
#money .container .i3_4 { margin: 60px 0 0; }
#money .container .i3_line { margin: 60px 0 0; }
#money .container .i3_5 { margin: 60px 0 0; padding: 0 0 150px; }

@media screen and (max-width: 768px) {
	#money .container { padding: calc(90 / 768 * 100vw) 0 0; }
	#money .container .i3_2 { margin: calc(60 / 768 * 100vw) 0 0; }
	#money .container .i3_check { margin: calc(60 / 768 * 100vw) 0 0; }
	#money .container .i3_3 { margin: calc(60 / 768 * 100vw) 0 0; }
	#money .container .i3_4 { margin: calc(60 / 768 * 100vw) 0 0; }
	#money .container .i3_line { margin: calc(60 / 768 * 100vw) 0 0; }
	#money .container .i3_5 { margin: calc(60 / 768 * 100vw) 0 0; padding: 0 0 calc(150 / 768 * 100vw); }
}





#smart .container { background-image: url('../img/main/bg_smart.png'); background-color: #000; background-size: contain !important; padding: 80px 0 110px; }
#smart .container .i4_2 { margin: 25px 0 0; }
#smart .container .i4_3 { margin: 70px 0 0; }
#smart .container .i4_4 { margin: 50px 0 0; }
#smart .container .i4_5 { margin: 40px 0 0; }
#smart .container .i4_star { position: absolute; z-index: 2; mix-blend-mode: screen; }
#smart .container .i4_star1 { left: 205px; top: 100px; }
#smart .container .i4_star2 { left: 465px; top: 50px; }

@media screen and (max-width: 768px) {
	#smart .container { padding: calc(80 / 768 * 100vw) 0 calc(110 / 768 * 100vw); }
	#smart .container .i4_2 { margin: calc(25 / 768 * 100vw) 0 0; }
	#smart .container .i4_3 { margin: calc(70 / 768 * 100vw) 0 0; }
	#smart .container .i4_4 { margin: calc(50 / 768 * 100vw) 0 0; }
	#smart .container .i4_5 { margin: calc(40 / 768 * 100vw) 0 0; }
	#smart .container .i4_star1 { left: calc(205 / 768 * 100vw); top: calc(100 / 768 * 100vw); }
	#smart .container .i4_star2 { left: calc(465 / 768 * 100vw); top: calc(50 / 768 * 100vw); }
}





#info .container { background-color: #FCB900; padding: 40px; }
#info .container .i5_2 { position: absolute; z-index: 2; right: 0; bottom: 0; }

@media screen and (max-width: 768px) {
	#info .container { padding: calc(40 / 768 * 100vw); }
}





#way .container { background-image: url('../img/main/bg_way.png'); padding: 80px 0 125px; }
#way .container .i6_2 { margin: 25px 0 0; }
#way .container .i6_3 { margin: 70px 0 0; }
#way .container .i6_4 { margin: 10px 0 0; }
#way .container .i6_5 { margin: 10px 0 0; }

@media screen and (max-width: 768px) {
	#way .container { padding: calc(80 / 768 * 100vw) 0 calc(125 / 768 * 100vw); }
	#way .container .i6_2 { margin: calc(25 / 768 * 100vw) 0 0; }
	#way .container .i6_3 { margin: calc(70 / 768 * 100vw) 0 0; }
	#way .container .i6_4 { margin: calc(10 / 768 * 100vw) 0 0; }
	#way .container .i6_5 { margin: calc(10 / 768 * 100vw) 0 0; }
}





#menu { overflow: hidden; }
#menu .container { background-image: url('../img/main/bg_menu.png'); padding: 90px 0 120px; }
#menu .container .i7_2 { margin: 65px 0 0; }
#menu .container .i7_3 { margin: 100px 0 0; }
#menu .container .i7_4 { margin: 50px 0 0; }
#menu .container .i7_5 { margin: 85px 0 0; }
#menu .container .i7_6 { margin: 40px 0 0; }
#menu .container .i7_7 { margin: 40px 0 0; }
#menu .container .i7_8 { margin: 40px 0 0; }
#menu .container .i7_9 { margin: 100px 0 0; }
#menu .container .i7_10_11_12 { margin: 50px 0 0; }
#menu .container .i7_10_11_12 img { margin: 0 4px; }

@media screen and (max-width: 768px) {
	#menu .container { padding: calc(90 / 768 * 100vw) 0 calc(120 / 768 * 100vw); }
	#menu .container .i7_2 { margin: calc(65 / 768 * 100vw) 0 0; }
	#menu .container .i7_3 { margin: calc(100 / 768 * 100vw) 0 0; }
	#menu .container .i7_4 { margin: calc(50 / 768 * 100vw) 0 0; }
	#menu .container .i7_5 { margin: calc(85 / 768 * 100vw) 0 0; }
	#menu .container .i7_6 { margin: calc(40 / 768 * 100vw) 0 0; }
	#menu .container .i7_7 { margin: calc(40 / 768 * 100vw) 0 0; }
	#menu .container .i7_8 { margin: calc(40 / 768 * 100vw) 0 0; }
	#menu .container .i7_9 { margin: calc(100 / 768 * 100vw) 0 0; }
	#menu .container .i7_10_11_12 { margin: calc(50 / 768 * 100vw) 0 0; }
	#menu .container .i7_10_11_12 img { margin: 0 calc(4 / 768 * 100vw); }
}





#recom .container { background-image: url('../img/main/bg_recom.png'); padding: 120px 0 70px; }
#recom .container .i8_2 { margin: 25px 0 0; }
#recom .container .i8_3_4_5 { margin: 80px 0; }
#recom .container .i8_3_4_5 img { margin: 0 6px; }
#recom .container .i8_3_4_5 img:first-child ,
#recom .container .i8_3_4_5 img:last-child { margin-top: 90px; }
#recom .container .i8_7 { margin: 30px 0 0; }
#recom .container .i8_8 { margin: 35px 0 0; }
#recom .container .i8_9 { margin: 18px 0 0; }
#recom .container .i8_10 { margin: 18px 0 0; }

@media screen and (max-width: 768px) {
	#recom .container { padding: calc(120 / 768 * 100vw) 0 calc(70 / 768 * 100vw); }
	#recom .container .i8_2 { margin: calc(25 / 768 * 100vw) 0 0; }
	#recom .container .i8_3_4_5 { margin: calc(80 / 768 * 100vw) 0; }
	#recom .container .i8_3_4_5 img { margin: 0 calc(6 / 768 * 100vw); }
	#recom .container .i8_3_4_5 img:first-child ,
	#recom .container .i8_3_4_5 img:last-child { margin-top: calc(90 / 768 * 100vw); }
	#recom .container .i8_7 { margin: calc(30 / 768 * 100vw) 0 0; }
	#recom .container .i8_8 { margin: calc(35 / 768 * 100vw) 0 0; }
	#recom .container .i8_9 { margin: calc(18 / 768 * 100vw) 0 0; }
	#recom .container .i8_10 { margin: calc(18 / 768 * 100vw) 0 0; }
}





#point .container { background-image: url('../img/main/bg_point.png'); padding: 100px 0; }
#point .container .i9_2 { margin: 25px 0 0; }
#point .container .i9_3_4 { margin: 70px 0 0; }

@media screen and (max-width: 768px) {
	#point .container { padding: calc(100 / 768 * 100vw) 0; }
	#point .container .i9_2 { margin: calc(25 / 768 * 100vw) 0 0; }
	#point .container .i9_3_4 { margin: calc(70 / 768 * 100vw) 0 0; }
}





#support { overflow: hidden; }
#support .container { background-image: url('../img/main/bg_support.png'); padding: 115px 0 0; }
#support .container .i10_2 { margin: 25px 0 0; }
#support .container .i10_3 { margin: 65px 0 0; position: relative; }
#support .container .i10_4 { margin: 100px 0 0; }
#support .container .i10_5 { margin: 40px 0 0; }
#support .container .i10_6 { margin: 45px 0 0; }
#support .container .i10_7 { margin: 30px 0 0; }
#support .container .i10_8 { position: absolute; z-index: 2; top: 30px; right: 75px; }
#support .container .i10_9 ,
#support .container .i10_10 ,
#support .container .i10_11 { position: absolute; z-index: 2; top: 292px; } 
#support .container .i10_9 { left: 29px; }
#support .container .i10_10 { left: 50%; transform: translateX(-50%); }
#support .container .i10_11 { right: 29px; }

@media screen and (max-width: 768px) {
	#support .container { padding: calc(115 / 768 * 100vw) 0 0; }
	#support .container .i10_2 { margin: calc(25 / 768 * 100vw) 0 0; }
	#support .container .i10_3 { margin: calc(65 / 768 * 100vw) 0 0; }
	#support .container .i10_4 { margin: calc(100 / 768 * 100vw) 0 0; }
	#support .container .i10_5 { margin: calc(40 / 768 * 100vw) 0 0; }
	#support .container .i10_6 { margin: calc(45 / 768 * 100vw) 0 0; }
	#support .container .i10_7 { margin: calc(30 / 768 * 100vw) 0 0; }
	#support .container .i10_8 { top: calc(30 / 768 * 100vw); right: calc(75 / 768 * 100vw); }
	#support .container .i10_9 ,
	#support .container .i10_10 ,
	#support .container .i10_11 { top: calc(292 / 768 * 100vw); } 
	#support .container .i10_9 { left: calc(29 / 768 * 100vw); }
	#support .container .i10_11 { right: calc(29 / 768 * 100vw); }
}





#store .container { background-image: url('../img/main/bg_store.png'); padding: 75px 0; }
#store .container .i11_2 { margin: 10px 0 0; }
#store .container .i11_3 { margin: 15px 0 0; }
#store #list { width: 89.58%; margin: 70px auto 0; border-radius: 20px; overflow: hidden; }
#store #list .top { background: #1B7B4D; padding: 23px 16px; position: relative; }
#store #list .top input { height: 66px; vertical-align: top; border-radius: 999px; border: none; margin: 0; width: 100%; padding: 0 40px; color: #888; font-family: 'Presentation'; font-size: 36px; font-style: normal; font-weight: 600; line-height: 130%; letter-spacing: -0.72px; }
#store #list .top img { position: absolute; right: 66px; top: 50%; transform: translate(0, -50%); width: 43px; }
#store #list .bottom { background: #FFF; }
#store #list .bottom ul { height: 472px; overflow-y: scroll; padding: 10px 43px; -ms-overflow-style: none; }
#store #list .bottom ul::-webkit-scrollbar { display: none; }
#store #list .bottom ul li { padding: 28px 0; border-top: 2px solid #EEE }
#store #list .bottom ul li:first-child { border: none; }
#store #list .bottom ul li dl dt { color: #222; font-family: 'Presentation'; font-size: 30px; font-style: normal; font-weight: 700; line-height: 130%; letter-spacing: -0.6px; }
#store #list .bottom ul li dl dd { color: #888; font-family: 'Presentation'; font-size: 27px; font-style: normal; font-weight: 500; line-height: 130%; letter-spacing: -0.54px; margin: 7px 0 0; }

@media screen and (max-width: 768px) {
	#store .container { padding: calc(75 / 768 * 100vw) 0; }
	#store .container .i11_2 { margin: calc(10 / 768 * 100vw) 0 0; }
	#store .container .i11_3 { margin: calc(15 / 768 * 100vw) 0 0; }
	#store #list { margin: calc(70 / 768 * 100vw) auto 0; border-radius: calc(20 / 768 * 100vw); }
	#store #list .top { padding: calc(23 / 768 * 100vw) calc(16 / 768 * 100vw); }
	#store #list .top input { height: calc(66 / 768 * 100vw); border-radius: calc(999 / 768 * 100vw); padding: 0 calc(40 / 768 * 100vw); font-size: calc(36 / 768 * 100vw); letter-spacing: calc(-0.72 / 768 * 100vw); }
	#store #list .top img { right: calc(66 / 768 * 100vw); width: calc(43 / 768 * 100vw); }
	#store #list .bottom ul { height: calc(472 / 768 * 100vw); padding: calc(10 / 768 * 100vw) calc(43 / 768 * 100vw); }
	#store #list .bottom ul li { padding: calc(28 / 768 * 100vw) 0; border-top: calc(2 / 768 * 100vw) solid #EEE }
	#store #list .bottom ul li dl dt { font-size: calc(30 / 768 * 100vw); letter-spacing: calc(-0.6 / 768 * 100vw); }
	#store #list .bottom ul li dl dd { font-size: calc(27 / 768 * 100vw); letter-spacing: calc(-0.54 / 768 * 100vw); margin: calc(7 / 768 * 100vw) 0 0; }
}




















.popup { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 1002; background-color: rgba(0, 0, 0, 0.3); }
.popup .box { position: fixed; top: 50%; left: 50%; max-width: 80%; width: 668px; transform: translate(-50%, -50%); max-height: 90%; background-color: #ffffff; border-radius: 20px; overflow: hidden; }
.popup .box .head { display: flex; align-items: center; justify-content: space-between; background: #000; box-sizing: border-box; padding: 18px 18px 16px 35px; }
.popup .box .head strong { color: #FFF; font-family: 'Presentation'; font-size: 28px; font-style: normal; font-weight: 600; line-height: 130%; letter-spacing: -0.56px; }
.popup .box .head .close { display: block; border: none; width: 50px; height: 50px; cursor: pointer; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M1.125 1.125L21.9583 21.9583M1.125 21.9583L21.9583 1.125' stroke='white' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.popup .box p { margin: 24px 18px 0; color: #888; font-family: 'Presentation'; font-size: 22px; font-style: normal; font-weight: 400; line-height: 130%; letter-spacing: -0.44px; max-height: 40vh; overflow-y: scroll; -ms-overflow-style: none; }
.popup .box p::-webkit-scrollbar { display: none; }

@media screen and (max-width: 768px) {
	.popup .box { border-radius: calc(20 / 768 * 100vw); }
	.popup .box .head { padding: calc(18 / 768 * 100vw) calc(18 / 768 * 100vw) calc(16 / 768 * 100vw) calc(35 / 768 * 100vw); }
	.popup .box .head strong { font-size: calc(28 / 768 * 100vw); letter-spacing: calc(-0.56 / 768 * 100vw); }
	.popup .box .head .close { width: calc(50 / 768 * 100vw); height: calc(50 / 768 * 100vw); background-size: calc(24 / 768 * 100vw); }
	.popup .box p { margin: calc(24 / 768 * 100vw) calc(18 / 768 * 100vw) 0; font-size: calc(22 / 768 * 100vw); letter-spacing: calc(-0.44 / 768 * 100vw); }
}










.star { display: block; transform-origin: center; will-change: transform, opacity, filter; animation: twinkle 1.8s ease-in-out infinite; }
.star.star-main { opacity: 0; animation-delay: 0.9s; }
.star.star1 { animation-delay: 0s; }
.star.star2 { animation-delay: 0.75s; }

@keyframes twinkle {
    0%,100%{
        opacity:1;
        transform:scale(1);
    }

    25%{
        opacity:.7;
        transform:scale(.95);
    }

    50%{
        opacity:1;
        transform:scale(1);
    }

    75%{
        opacity:.8;
        transform:scale(.92);
    }
}

.spread { animation: spread 1.8s cubic-bezier(.2,.8,.2,1) forwards; clip-path: inset(0 50% 0 50%); animation-delay: 0.5s; }

@keyframes spread{
    from{
        clip-path: inset(0 50% 0 50%);
    }

    to{
        clip-path: inset(0 0 0 0);
    }
}

.blink-text { animation: blinkText 1.25s ease-in-out infinite; }
.blink-text.blink-text1 { animation-delay: 0s; }
.blink-text.blink-text2 { animation-delay: 0.625s; }
.blink-text3 { animation: blinkText 1.8s ease-in-out infinite; }
.blink-text2.blink-text11 { animation-delay: 0s; }
.blink-text3.blink-text12 { animation-delay: 0.6s; }
.blink-text3.blink-text13 { animation-delay: 1.2s; }

@keyframes blinkText{
    0%,80%{
        visibility:visible;
    }

    81%,100%{
        visibility:hidden;
    }
}
.stamp img { opacity: 0; transform: scale(2) rotate(-8deg); filter: blur(3px); animation: stampImpact 3s infinite; animation-fill-mode: both; }
.stamp1 img { animation-delay: 0s; }
.stamp2 img { animation-delay: 0.6s; }
.stamp3 img { animation-delay: 1.2s; }

@keyframes stampImpact {
    0%, 20% {
        opacity: 0;
        transform: scale(2) rotate(-8deg);
        filter: blur(3px);
    }

    28% {
        opacity: 1;
        transform: scale(.9) rotate(-8deg);
        filter: blur(0);
    }

    34% {
        transform: scale(1.08) rotate(-8deg);
    }

    40%, 100% {
        opacity: 1;
        transform: scale(1) rotate(-8deg);
        filter: blur(0);
    }
}




















@media screen and (max-width: 768px) {
}