@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;}
@media (prefers-color-scheme:dark) {body, a {color:#000;}}

/* Reset */
html {font-size:62.5%;}
html, body {height:100%;}
body {margin:0; padding:0; font-family:'NotoSansKR', 'samsungOneKorean', 'dotum', sans-serif; color:#000; line-height:1; font-weight:400; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display:block;}
fieldset {display:block; margin:0; padding:0; border:0;}
form {margin:0; padding:0;}
a {text-decoration:none; color:#000;}
a[href^="tel"] {text-decoration:none;}
img {border:0; vertical-align:top;}
i, em, address {font-style:normal;}
table {width:100%; border-collapse:collapse;}
caption {visibility:hidden; overflow:hidden; position:absolute; left:-9999px; width:1px; height:1px; margin-top:-1px; padding:0; font-size:0; line-height:0;}
input {-webkit-border-radius:0; -webkit-appearance:none;}
input:disabled {opacity:1; -webkit-text-fill-color:inherit;}
input, textarea, select, button {font-family:'NotoSansKR', 'samsungOneKorean', 'dotum', sans-serif;}
button {margin:0; padding:0; border:none; background:none; box-sizing:border-box; cursor:pointer;}
h1, h2, h3, h4, h5, h6, p {margin:0; word-break:keep-all;}
ul, dl {margin:0; padding:0; list-style:none;}

/* 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:100%; margin:0 auto;}
.body_fixed {overflow:hidden; position:fixed; width:100%; height:100%;}

/* Layout */
.wrapper {overflow:hidden; position:relative; max-width:1080px; margin:0 auto;}
.wrapper img {display:block; width:100%; font-size:0; line-height:0;}
.wrapper .hide {display:none;}
.wrapper .hidden {visibility:hidden; overflow:hidden; position:absolute; width:0; height:0; font-size:0;}
.hide {display:none;}
.hidden {visibility: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-play {top:15.3%; width:35%; height:35%; 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; height:1.1%; padding:0; z-index:2;}
.btn-tnc01 {left:5.8%; top:67.1%; width:20.2%;}
.btn-tnc02 {left:5.5%; bottom:25.9%; width:31.5%;}
.btn-tnc03 {left:5.5%; bottom:24.4%; width:22.1%;}
.btn-tnc04 {left:5.8%; bottom:3.6%; width:15.4%;}


/* Custom Style */