@charset "utf-8";

@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/css?family=Baloo+Bhaijaan&display=swap');

/* Reset */
 * {outline:0 !important; -webkit-box-sizing: border-box; box-sizing: border-box;}
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;}
html, body{width:100%; height: 100%;}
html{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body{width:100%; background:#fff; min-width:320px; -webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;}
body,input,select,textarea,button {border:none;font-size:12px; font-family:'Nanum Gothic', sans-serif;color:#373737; font-weight: 300; background:transparent;}
ul,ol,li{list-style:none;}
table{width:100%;border-spacing:0;border-collapse:collapse;}
img,fieldset{border:0;}
address,cite,code,em{font-style:normal;font-weight:normal;}
label,img,input,select,textarea,button{vertical-align:middle;}
.hide,caption,legend{line-height:0;font-size:1px;overflow:hidden;}
hr{display:none;}
h1, h2, h3, h4, h5, h6 {font-weight: 300;}
main,header,section,nav,footer,aside,article,figure{display:block;}
a{color:#373737;text-decoration:none;}
p{line-height: 160%;}
/* Form */
input{padding: 0px 8px;}
textarea { border:1px solid #dbdbdb; resize: none;}
select { height:32px; font-size:13px; color:#373737; border:1px solid #e9e9e9; background:#fff;}
input::-webkit-input-placeholder{color:#b5b5b5; font-size:12px; line-height:100%;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fff inset ; -webkit-text-fill-color: #000; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; }
input[type=text]::-ms-clear {display: none;}
textarea { padding: 10px; height: auto;}

textarea[readonly],
textarea[disabled]{padding:11px; font-size:16px; color:#666; font-weight:normal; line-height:140%; height:78px; background:#eaeaea;border:1px solid #c0c0c0;}
button {cursor: pointer;}
.clear {clear:both;}
.clear:after { content:""; display:block; clear:both;}
.skip { position: absolute; left: 0; top: -100px; width: 100%; height: 50px; line-height: 50px; background: #000; color: #fff; font-size: 14px; text-align: center; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; z-index: 1000; }
.skip:focus { top:0; }
.visual-mobile {display: none;}
.hidden {display: none !important;}
@media (max-width: 1000px) {
  .visual-pc {display: none !important;}
  .visual-mobile {display: block !important;}
}