@charset "utf-8";
/* 표준 선택자 */
* {-webkit-text-size-adjust:none; box-sizing:border-box}
body, td, input, textarea, div, th, p, a, address ul {font-family:'Montserrat','Noto Sans KR';  margin:0; padding:0; font-size:13px; color:#666}
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:#666666; 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:'Montserrat','Noto Sans KR';}
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}
.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 {display:table-cell; margin:auto; width:50px; text-align:center; font-size:10px; vertical-align:middle}
.spinner > div {display:inline-block; width:6px; height:40px; background:#000; -webkit-animation:loadingAnimate 1.2s infinite ease-in-out; animation:loadingAnimate 1.2s infinite ease-in-out}
.spinner .rect2 {-webkit-animation-delay:-1.1s; animation-delay:-1.1s}
.spinner .rect3 {-webkit-animation-delay:-1.0s; animation-delay:-1.0s}
.spinner .rect4 {-webkit-animation-delay:-0.9s; animation-delay:-0.9s}
.spinner .rect5 {-webkit-animation-delay:-0.8s; animation-delay:-0.8s}
@-webkit-keyframes loadingAnimate {
  0%, 40%, 100% {-webkit-transform:scaleY(0.4)}
  20% {-webkit-transform:scaleY(1.0)}
}
@keyframes loadingAnimate {
  0%, 40%, 100% {transform:scaleY(0.4); -webkit-transform:scaleY(0.4)}
  20% {transform:scaleY(1.0); -webkit-transform:scaleY(1.0)}
}

.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;}
.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;
  }
}