@charset "UTF-8";
@font-face {font-family:'NotoSansKR'; font-weight:700; src:url(https://gmp.samsungapps.com/resources/20250602070736/Activated/html/Main/fonts/NotoSansKR-Bold.woff);}
@font-face {font-family:'NotoSansKR'; font-weight:500; src:url(https://gmp.samsungapps.com/resources/20250602070736/Activated/html/Main/fonts/NotoSansKR-Medium.woff);}
@font-face {font-family:'NotoSansKR'; font-weight:400; src:url(https://gmp.samsungapps.com/resources/20250602070736/Activated/html/Main/fonts/NotoSansKR-Regular.woff);}
@font-face {font-family:'samsungOneKorean'; font-weight:700; src:url(https://gmp.samsungapps.com/resources/20250602070736/Activated/html/Main/fonts/samsungOneKorean700.woff);}
@font-face {font-family:'samsungOneKorean'; font-weight:600; src:url(https://gmp.samsungapps.com/resources/20250602070736/Activated/html/Main/fonts/samsungOneKorean600.woff);}
@font-face {font-family:'samsungOneKorean'; font-weight:500; src:url(https://gmp.samsungapps.com/resources/20250602070736/Activated/html/Main/fonts/samsungOneKorean500.woff);}
@font-face {font-family:'samsungOneKorean'; font-weight:400; src:url(https://gmp.samsungapps.com/resources/20250602070736/Activated/html/Main/fonts/samsungOneKorean400.woff);}
/* Dark Mode */ :root {color-scheme:light dark;} /* Reset */ 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-family:inherit; word-wrap:break-word; word-break:keep-all; box-sizing:border-box; font-style:normal;} article, aside, details,fieldset, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display:block;} input, textarea, select, button {font-family:inherit;} ol, ul, li, dl {list-style:none;} html, body {height:100%;} a {text-decoration:none; color:inherit; cursor:pointer; -webkit-tap-highlight-color: transparent;} a[href^="tel"] {text-decoration:none; color:inherit;} img, fieldset, iframe {vertical-align:top;} table {width:100%; border-collapse:collapse; empty-cells:show; border-spacing:0;} caption {visibility:hidden; overflow:hidden; position:absolute; width:0; height:0; font-size:0; line-height:0;} input {border-radius:0; line-height:normal;} input:disabled {opacity:1; -webkit-text-fill-color:inherit;} input, select{vertical-align:middle;} button {border:none; background:none; box-sizing:border-box;} blockquote, q {quotes:none;} textarea {resize:none} ul:after,ol:after{content:'';display:block;clear:both} [tabindex]:focus {outline:none;} [tabindex]:focus-visible {outline:2px solid #ffffff; box-shadow:0 0 0 4px #000000; transition:box-shadow 0.2s ease;}
/* Common */
body {font-family:'NotoSansKR', 'samsungOneKorean', 'Arial', AppleGothic, 'dotum', '돋움', sans-serif; color:#000; line-height:1; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%;}
/* Skip Content */
#skip_content a {overflow:hidden; display:block; position:absolute; top:0; left:0; width:1px; height:1px; background:#000; color:#fff; text-align:center;}
#skip_content a:focus {position:relative; width:100%; height:auto; padding:10px;}
/* Modal */
html.hasModal {overflow:hidden; position:fixed; left:0; right:0; top:0; bottom:0;}
.layerPop {display:none; position:fixed; left:5%; right:5%; top:50%; z-index:101;}
.layerCont {position:relative; padding-bottom:10%; background:#c9e6d0;}
.layerCont .btnClose {position:absolute; right:0; top:0; width:55px;}
.dimmed {display:none; position:fixed; left:0; top:0; width:100%; height:100%; opacity:0.5; z-index:100;}
.pop_wrap {position:relative; width:100%; max-width:460px;}
.pop_wrap img {width:100%;}
.pop_wrap .pop_close {position:absolute; left:74%; top:64%; width:10%; height:10%;}
.pop_wrap .pop_close02 {width: 100%; padding: 0;}
.detail_pop, .qna_pop {overflow-y:auto; bottom:0; padding-bottom:50px;}
.detail_pop .pop_wrap, .qna_pop .pop_wrap {position:relative; width:90%; margin:0 auto;}
.body_fixed {overflow:hidden; position:fixed; width:100%; height:100%;}

/* Layout */
img {display:block; width:100%; font-size:0; line-height:0;}
.wrapper {overflow:hidden; position:relative; max-width:1080px; margin:0 auto;}
.hide {display:none;}
.hidden {visibility:hidden; overflow:hidden; position:absolute; width:0; height:0; font-size:0;}
.text-hidden {overflow:hidden; position:absolute; width:0; height:0; font-size:0;}
.img-wrap {position:relative;}
.img-wrap button {position:absolute;}

/* 중앙 버튼 */
[class^="btn-center"] {position:absolute; left:50%; width:86%; height:7%; transform:translateX(-50%);}
.btn-center-play01 {top:15.3%; width:35%; height:35%; padding:0; z-index:2;}
.btn-center-play02 {top:9.5%; width:90%; height:82%; padding:0; z-index:2;}
.btn-center-bar01 {top:79.4%;}
.btn-center-bar02 {top:87.8%;}

/* 공유하기 버튼 */
[class^="btn-sns"] {position:absolute; top:20%; width:6.7%; height:60%; padding:0; z-index:2;}
.btn-sns01 {left:62%;}
.btn-sns02 {left:70.8%;}

/* T & C 하단약관 버튼 */
[class^="btn-tnc"] {position:absolute; left:5.8%; height:1.2%; padding:0; z-index:2;}
.btn-tnc01 {top:66%; width:20.2%;}
.btn-tnc02 {top:72.2%; width:31.5%;}
.btn-tnc03 {top:73.7%; width:22.4%;}
.btn-tnc04 {top:95.1%; width:15.1%;}


/* Custom Style */

/* 스탬프버튼 on */
.day-chk {position:absolute; width:9.2%; top:41.5%;}
.day-chk.day-1 {left:13.8%;}
.day-chk.day-2 {left:29.7%;}
.day-chk.day-3 {left:45.6%;}
.day-chk.day-4 {left:61.4%;}
.day-chk.day-5 {left:77.3%;}
.day-chk.day-6 {top:63.6%; left:13.8%;}
.day-chk.day-7 {top:63.6%; left:29.7%;}
.day-chk.day-8 {top:63.6%; left:45.6%;}
.day-chk.day-9 {top:63.6%; left:61.4%;}
.day-chk.day-10 {top:63.6%; left:77.3%;}


/* 스탬프수량 텍스트 */
.stamp-num {position:absolute; top:26%; left:50%; font-size:9.1vw; text-align: center; font-weight:600; transform:translateX(-50%); color:#000;}
.coupon-num {position:absolute; top:50%; left:50%; font-size:3.1vw; text-align: center; font-weight:600; transform:translateX(-50%); color:#0b0b0b}

@media (prefers-color-scheme:dark) {
  body, a, p, span {color:#000;}
	.footer-wrapper {background-color: #000; color: #fff;}
	.footer-wrapper a {background-color: #000; color: #fff;}
	.stamp-num {color:#000;}
  .coupon-num {color: #0b0b0b;}
}


/* button, input, p {background-color: rgba(255, 0, 0, 0.5);} */