@charset "utf-8";

@font-face {
    font-family: 'SCDR';
    src: url('../fonts/S-CoreDream-3Light.eot');
    src: url('../fonts/S-CoreDream-3Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/S-CoreDream-3Light.woff2') format('woff2'),
        url('../fonts/S-CoreDream-3Light.woff') format('woff'),
        url('../fonts/S-CoreDream-3Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SCDR';
    src: url('../fonts/S-CoreDream-4Regular.eot');
    src: url('../fonts/S-CoreDream-4Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/S-CoreDream-4Regular.woff2') format('woff2'),
        url('../fonts/S-CoreDream-4Regular.woff') format('woff'),
        url('../fonts/S-CoreDream-4Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SCDR';
    src: url('../fonts/S-CoreDream-5Medium.eot');
    src: url('../fonts/S-CoreDream-5Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/S-CoreDream-5Medium.woff2') format('woff2'),
        url('../fonts/S-CoreDream-5Medium.woff') format('woff'),
        url('../fonts/S-CoreDream-5Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SCDR';
    src: url('../fonts/S-CoreDream-6Bold.eot');
    src: url('../fonts/S-CoreDream-6Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/S-CoreDream-6Bold.woff2') format('woff2'),
        url('../fonts/S-CoreDream-6Bold.woff') format('woff'),
        url('../fonts/S-CoreDream-6Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* 표준 선택자 */
* {-webkit-text-size-adjust:none; box-sizing:border-box}
html {min-height:1000px}
body, td, input, textarea, div, th, p, a, address ul {font-family:'SCDR';  margin:0; padding:0; font-size:14px; color:#666; letter-spacing:-0.05em}
a:link      {color:#333; text-decoration:none; transition:all .3s ease}
a:visited   {color:#333; text-decoration:none}
a:active    {color:#333; text-decoration:none}
a:hover     {color:#666; text-decoration:none}
form, p, h1, h2, h3, h4, h5, h6 {margin:0; padding:0}
fieldset, img {margin:0; padding:0; border:0}
caption, legend {display:none}
address, em, i {font-style:normal}
ul, ol {list-style-type:none; margin:0; padding:0}
input, button, select {font:inherit}
input[type=button], input[type=submit], input[type=reset] {-webkit-appearance:none}
.clearfix:before, .clearfix:after {display:block; content:''}
.clearfix:after {clear:both}

.pt {font-family: 'SCDR' !important;}
.gs {font-family:'SCDR' !important;}

/* common elements */
.btn {display:inline-block; font-family:inherit}
.full-img img, img.full-img {display:block; width:100%}
.bt {display:block}
.displaynone {display:none !important}
.invisible {height:0; visibility:hidden}

.mobile-style {display:none !important;}
.pc-style {display:block !important;}
.special-style {opacity:1 !important;height:auto !important;}

img.pc {display:block;}
img.mobile {display:none;}

.displaynone {display:none !important}
.displaybrblock {display:none}

/* loading indicator */
#page-loader {position:fixed; top:0; left:0; width:100%; height:100%; background:#0163c6; z-index:9999}
.spinner {position:absolute; top:50%; left:50%; width:80px; margin:-9px 0 0 -40px; text-align:center}
.spinner > div {display:inline-block; width:18px; height:18px; margin:0 2px; background:rgba(255, 176, 76, 1); border-radius:100%; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both}

.spinner .bounce1 {-webkit-animation-delay: -0.32s; animation-delay: -0.32s}

.spinner .bounce2 {-webkit-animation-delay: -0.16s; animation-delay: -0.16s}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

@media screen and (max-width:1024px) {
.mobile-style {display:block !important;}
.pc-style {display:none !important;}
.special-style {opacity:0 !important;height:0px !important;}

.displaybrnone {display:none !important}
.displaybrblock {display:block !important}
img.pc {display:none;}
img.mobile {display:block; width:100%;}
}