@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap");

.mono {
  font-family: "Roboto Mono", monospace;
}
* {
  font-family: "Noto Sans KR", sans-serif;
  outline:0 !important; margin:0;padding:0;box-sizing: border-box;
}

a {
  text-decoration: none;
}

body{width:100%; background:#fff; min-width:320px; -webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all; color:rgb(34,34,34);}
body,input,select,textarea,button {border:none;font-size:12px; font-family:'Noto Sans KR', sans-serif;}
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;}
main,header,section,nav,footer,aside,article,figure{display:block;}
a{color:#000;text-decoration:none;}

/* Form */
textarea { border:1px solid #dbdbdb;}
select { width:100%;height:32px; font-size:13px; color:#373737; border:1px solid #e9e9e9; background:#fff;border-radius: 5px; margin-bottom:10px; margin-top:5px;}
input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date],textarea {width:100%; height:35px; font-size:13px; color:#373737; border:1px solid #e9e9e9; background:#fff; text-indent:10px; border-radius: 2px; transition: all 0.5s; vertical-align:middle;margin-bottom:10px; margin-top:5px;}
input[type=radio]{height:30px; font-size:13px; color:#373737; border:1px solid #e9e9e9; background:#fff; text-indent:10px; border-radius: 5px; transition: all 0.5s; vertical-align:middle;margin-bottom:10px; margin-top:5px;}
input::-webkit-input-placeholder{color:#b5b5b5; font-size:12px; line-height:100%;}
label{padding-top:10px; padding-bottom:5px;}
textarea { padding:5px 0;}
select:focus,
textarea:focus,
input:focus { border: 1px solid #727272;}

.small-button{
    margin-top:5px;
    display:block;
    border-style: solid;
    border-radius: 2px;
    font-size:10px;
    font-weight: normal;
    text-align:center;
    padding-left:5px;
    padding-right:5px;
    line-height:16px;
    color:white;
    border-color:#727272;
    background-color:#727272;
}
.small-button.inline{
    display:inline-block !important;
    margin-right:5px;
}
.small-button:hover{
    border-color:#b5b5b5;
    background-color:#b5b5b5;
}

.big-button{
    margin-top:10px;
    display:block;
    border-style: solid;
    border-radius: 4px;
    font-size:16px;
    font-weight: 700;
    text-align:center;
    padding-left:30px;
    padding-right:30px;
    line-height:25.6px;
    color:white;
}


.yellow-button{
    border-color:#f4cb08 !important;
    background-color: #f4cb08 !important;
}

.yellow-button:hover{
    background-color: #dcb707 !important;
    border-color: #dcb707 !important;
}

.blue-button{
  border-color:rgb(22,178,139) !important;
  background-color: rgb(22,178,139) !important;
}
.blue-button:hover{
  border-color:rgb(21,133,95) !important;
  background-color: rgb(21,133,95) !important;
}

.flex_row{
    display:flex;
    flex-direction: row;
}