@charset "UTF-8";
@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; overflow-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 {overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; white-space:nowrap; clip-path:inset(50%);}
input {border-radius:0; line-height:normal;}
input:disabled {opacity:1; -webkit-text-fill-color:inherit;}
input, select{vertical-align:middle;}
button {margin:0; padding:0; 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;}
html, body {font-family:'samsungOneKorean', 'Arial', AppleGothic, 'dotum', '돋움', sans-serif; color:#000; line-height:1; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%;}

/* Base */
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,.text-hidden {overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px !important; padding:0; border:0; white-space:nowrap; clip:rect(0 0 0 0); clip-path:inset(50%);}
.img-wrap {position:relative;}
.img-wrap button {position:absolute;}

/* Layout */
[class^="btn-center"] {position:absolute; left:50%; width:86%; height:7%; transform:translateX(-50%);}
.btn-center-play01 {top:15.3%; width:35%; height:35%;}
.btn-center-bar01 {top:79.4%; width:86%; height:13.5%;}

[class^="btn-sns"] {position:absolute; top:20%; width:10.7%; height:60%; z-index:2;}
.btn-sns01 {left:58%;}
.btn-sns02 {left:71%;}

[class^="btn-tnc"] {position:absolute; left:5%; height:1%; z-index:2;}
.btn-tnc01 {top:7.5%; width:25%;}

.btn-more { position: absolute; top: 20%; left: 50%; width: 17%; height: 58%; transform: translateX(-50%);}
.bg-color { background-color: transparent; }/* 배경색 있을시 */

/* Custom Style */
[class^="btn-tab"] {position:absolute; top:1.3%; display: block; width: 47%; height:3.3%;}
.btn-tab01 {left: 3.7%;}
.btn-tab02 {right:3.7%;}


/* Custom Style */
@media (prefers-color-scheme:dark) {
  body, input, p, span, a {color:#000;}
}


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