@charset "utf-8";
/* Ç¥ÁØ ¼±ÅÃÀÚ */
* {-webkit-text-size-adjust:none; box-sizing:border-box}
body, td, input, textarea, div, th, p, a, address ul {font-family:'Pretendard Variable','Noto Sans KR';  margin:0; padding:0; font-size:13px; color:#666;letter-spacing:-0.5px;}
a:link      {color:#333333; text-decoration:none; transition:all .3s ease}
a:visited   {color:#333333; text-decoration:none}
a:active    {color:#333333; text-decoration:none}
a:hover     {color:#333333; text-decoration:none}
form, p, h1, h2, h3, h4, h5, h6 {margin:0; padding:0}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-family:'Pretendard Variable','Noto Sans KR';}
fieldset, img , figure {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}
.clearfix:before, .clearfix:after {display:table; content:''}
.clearfix:after {clear:both}
/* common elements */


/*.full-img img, img.full-img {display:block; width:100%}*/
.visible {display:block !important}
/* loading indicator */
#page-loader {position:fixed; top:0; left:0; width:100%; height:100%; background:#f4f4f4; z-index:9999}
#page-loader > .inner {display:table; width:100%; height:100%}
.spinner {
  width: 40px;
  height: 40px;
  background-color: #333;
  display:table;
  vertical-align:middle;margin:400px auto;
  
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}


@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}


@keyframes sk-rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}


.mobile-style {display:none !important;}
.pc-style {display:inline-block !important;}
.displaynone {display:none !important}
.displaybrblock {display:none}


@media screen and (max-width:1024px) {




.mobile-style {display:inline-block !important;}
.pc-style {display:none !important;}
.displaybrnone {display:none !important}
.displaybrblock {display:block !important}


}


@media screen and (max-width:768px) {
/*input, button, select {-webkit-appearance:none;}*/
.td_chk input {-webkit-appearance:checkbox;}
}


.splitting .char {
  animation: slide-in 1s cubic-bezier(.5, 0, .5, 1) both;
  animation-delay: calc(60ms * var(--char-index));
}


@keyframes slide-in {
  from {
    /*transform: translateY(-1em) rotate(-.5turn) scale(0.5);*/
transform: translateX(1.5em) scale(1);
    opacity: 0;
  }
}