/*!
 * PLAYPOP TEASER CSS v1.0 (http://playpop.kr)
 * Copyright 2019 Robin
 */

/* Initialize */
*, ::after, ::before {box-sizing:border-box}
html {height:100%}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button {margin:0;padding:0}
fieldset, img {border:0 none}
dl, ul, ol, menu, li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none}
input, select, textarea, button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
body {height:100%;background-color:#111}
body, th, td, input, select, textarea, button {font-size:1rem;line-height:1.5;font-family:'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', '돋움', dotum, sans-serif}
a {color:#fff;text-decoration:none}
a:hover, a:active {text-decoration:underline}
address, caption, cite, code, dfn, em, var {font-style:normal;font-weight:normal}
button:not(:disabled):not(.disabled) {cursor:pointer}

/* Wrap Teaser */
.wrap_teaser {overflow:hidden;height:100%}

/* Coming Soon Box */
.wrap_teaser .box_coming_soon {position:absolute;top:50%;left:50%;width:250px;height:100px;background:url(../img/comingsoon.png) no-repeat;background-size:contain;transform:translate(-50%, -50%)}
.wrap_teaser .box_coming_soon span {overflow:hidden;border:0;margin:-1px;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%)}

/* Tablet PC - Wide Screen */
@media screen and (min-width: 400px) {
    .wrap_teaser .box_coming_soon {width:300px;height:120px}
}

@media screen and (min-width: 600px) {
    .wrap_teaser .box_coming_soon {width:500px;height:200px}
}