@charset "utf-8";
@import url('//cdnjs.cloudflare.com/ajax/libs/spoqa-han-sans/3.0.0/css/SpoqaHanSans-kr.min68b3.css?ver=1');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');

body,h1,h2,h3,h4,h5,h6,ul,ol,dl,dd,p,th,td,button,form,input,select,textarea{margin:0; padding:0}
body{word-break:keep-all; word-wrap:break-word; line-height:1; -webkit-font-smoothing:subpixel-antialiased; -moz-osx-font-smoothing:grayscale}
*, *::after, *::before{box-sizing:border-box}
header, nav, section, footer, aside{display:block}
h1,h2,h3,h4,h5,h6{font:inherit}
ul,ol{list-style:none}
img{border:0; vertical-align:top}
table{border-spacing:0; border-collapse:collapse}
strong{font-weight:700}
a{color:inherit; text-decoration:none; outline:none}a:link, a:visited, a:hover, a:active{color:inherit}
button,input,select,textarea{border:none; background:none; font:inherit; color:inherit; outline:none; border-radius:0; box-shadow:none; -webkit-appearance: none;}
textarea{overflow:auto; resize:none}
a,button{-webkit-tap-highlight-color:transparent; cursor:pointer}
input[type="radio"], input[type="checkbox"]{display:none}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px transparent inset; -webkit-text-fill-color: #111}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{transition:background-color 50000s ease-in-out 0s}
/* INPUT NUMBER ???? ????  */
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none; margin:0}
/* INPUT SEARCH x ??? ????, INPUT PASSWORD ????? ???? */
input::-ms-clear, input::-ms-reveal{display:none}
input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration{display:none}
/* PLACEHOLDER ??? */
::placeholder{color:rgba(0,0,0,.4); font:inherit}
::-webkit-input-placeholder{color:rgba(0,0,0,.4); font:inherit}
:-ms-input-placeholder{color:rgba(0,0,0,.4); font:inherit}
/* SELECT ???? ???? */
select{-webkit-appearance:none; -moz-appearance:none; appearance:none}
select::-ms-expand{display:none}
/* ?????? */
body, html{width:100%; height:100%; min-height:800px; font-size:10px; font-family:'spoqa han sans'}
.skip{position:absolute; top:0; left:0; width:0; height:0; font-size:2rem; line-height: 0; font-weight:700; font-size:0; text-indent:-9999px; overflow:hidden}
.skip:focus{width:100%; height:50px; line-height:50px}
/* ??????????? */
.mw{max-width:100%; height:auto}.mh{width:auto; max-height:100%}
/* ?????? : FLOAT, POSITION, TEXT-ALIGN, VERTICAL-ALIGN */
.fl{float:left}.fr{float:right}
.ab{position:absolute}.rel{position:relative}.fix{position:fixed}.static{position:static}
.tl{text-align:left}.tc{text-align:center}.tr{text-align:right}
.vt{vertical-align:top}.vm{vertical-align:middle}.vb{vertical-align:bottom}.vs{vertical-align:sub}
.clear::after{content:""; display:block; clear:both}
/* DISPLAY */
.block{display:block}.inblock{display:inline-block}.dtable{display:table}.dtcell{display:table-cell}
/* ???BG */
.layer .bg{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.7); opacity:0; -webkit-transition:opacity 0.6s ease; transition:opacity 0.6s ease}
.layer.active .bg{opacity:1}

/* .theme-color{color:#5778ff !important} */
.noto{font-family:'noto sans kr'}

.ver_motion{-webkit-transform: translate(0, 30px); transform: translate(0, 30px); opacity:0}
.hor_motion{-webkit-transform: translate(-30px,0); transform: translate(-30px, 0); opacity:0}
.rev_hor_motion{-webkit-transform: translate(30px,0); transform: translate(30px, 0); opacity:0}
.rev_ver_motion{-webkit-transform: translate(0, -30px); transform: translate(0, -30px); opacity:0}
.motion1{-webkit-transition:all 0.6s ease 0.2s; transition:all 0.6s ease 0.2s}
.motion2{-webkit-transition:all 0.6s ease 0.4s; transition:all 0.6s ease 0.4s}
.motion3{-webkit-transition:all 0.6s ease 0.6s; transition:all 0.6s ease 0.6s}
.motion4{-webkit-transition:all 0.6s ease 0.8s; transition:all 0.6s ease 0.8s}
.motion5{-webkit-transition:all 0.6s ease 1s; transition:all 0.6s ease 1s}
.motion6{-webkit-transition:all 0.6s ease 1.2s; transition:all 0.6s ease 1.2s}

.active.ver_motion, 
.active.hor_motion, 
.active .ver_motion,
.active .hor_motion,
.active .rev_hor_motion,
.active .rev_ver_motion{-webkit-transform:translate(0) scale(1); transform:translate(0) scale(1); opacity:1}