@charset "UTF-8";
* {margin:0;padding:0;vertical-align:middle;}
html,body {width:100%;overflow: hidden;}
html {overflow-y:scroll;}
body {font:normal 14px/1 'spoca';color:#000;background:#fff;}
.hidden {overflow-y:hidden;height: 100%;}
.scrollOff {height: 100%;position: fixed;overflow: hidden;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:14px;}
em,i,address {font-style:normal;}
ul,li {list-style:none;}
.clearfix::after {content:'';display:block;clear:both;}
.blind {display:block;text-indent:-2000px;overflow:hidden;}
a {color:#444;text-decoration:none;}
a:hover {outline:0;}
a:focus {outline:0;}
table {border-collapse:collapse;}
::selection {background-color: #ffe69b;color: #000;}

/* 사파리 혹은 타 브라우저에서 태그 radius현상 없에기 */
input, textarea, button { 
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    outline: 0;
    border:0;
}
img,a,h1,h2,h3,h4,h5,h6,div,span,p {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}
button { padding: 0; border: 0; background: none; cursor: pointer; } 
:root {
    --sub-text-color: #bbbbbb;
    --black-color: #2d2d2d;
    --white-color: #ffffff;
    --red-color: #fa4545;
    
    --main-color : #f5bd14;
    --sub-color : #ffe69b;
    
    --box-color:#f6f6f6;
  }