@charset "utf-8";
@font-face {font-family:'Pretendard Variable'; font-weight:45 920; font-style:normal; font-display:swap; src:url('./PretendardVariable.woff2') format('woff2-variations');}

html {}
body {overflow-y:scroll; margin:0;padding:0;font-size:1em; letter-spacing:-0.05em;color:#666; background:#f9f9f9;height:100%; -webkit-font-smoothing:antialiased;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
section {clear:both;}
ul, li,dt,dd,ol{margin:0;padding:0; list-style:none;}
ol{list-style-position:inside}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
label {cursor:pointer;}
input, button, pre {margin:0;padding:0;font-size:1em;}
button,input[type='submit'] {cursor:pointer}
input, textarea, button {appearance:none; -moz-appearance:none; -webkit-appearance:none;}
input[type='radio'] {appearance:auto; -moz-appearance:auto; -webkit-appearance:auto; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; display:inline-block;}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
textarea, select {font-size:1em; color:#666; background:#fafafa; border-radius:4px; border-color:#e0e0e0;}
p {margin:0;padding:0;word-break:break-all}

a, h1, h2, h3, h4, h5, h6, th {color:inherit; font-weight:inherit; text-decoration:none;}
body, h1, h2, h3, h4, h5, h6, input, button, pre, textarea, select, a {font-family:'Pretendard Variable', 'Noto Sans','Malgun Gothic','맑은 고딕',AppleGothic,Dotum,'돋움', sans-serif;}

*, :after, :before {outline:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-tap-highlight-color: transparent;}
button, input[type=text],input[type=password], textarea {-webkit-transition:all 0.10s ease-in-out; -moz-transition:all 0.10s ease-in-out; -ms-transition:all 0.10s ease-in-out; -o-transition:all 0.10s ease-in-out;}
input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {border-top-color:#ccc !important; border-left-color:#ccc !important; box-shadow: 5px 5px 7px -3px rgba(0,0,0,0.2) inset;}
input::placeholder {color: #999;font-style: italic;}
textarea::placeholder {color: #999;font-style: italic;}
input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder {color:transparent;}/* WebKit browsers */
input:focus:-moz-placeholder,textarea:focus:-moz-placeholder {color:transparent;} /* Mozilla Firefox 4 to 18 */
input:focus::-moz-placeholder,textarea:focus::-moz-placeholder {color:transparent;} /* Mozilla Firefox 19+ */
input:focus:-ms-input-placeholder,textarea:focus:-ms-input-placeholder {color:transparent;} /* Internet Explorer 10+ */

input[type=checkbox] {-webkit-appearance:none; position:relative; width:20px; height:20px; cursor:pointer; outline:none !important; border-radius:3px; background:#e9e9e9; background:#f3f3f3;box-shadow:1px 1px 2px 0px rgba(0,0,0,0.2) inset;-webkit-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.2) inset;-moz-box-shadow:1px 1px 2px 0px rgba(0,0,0,0.2) inset; border:0; vertical-align:middle;}
input[type=checkbox]::before {content:"\2713"; position:absolute; top:50%; left:50%; overflow:hidden; transform:scale(0) translate(-50%, -50%); line-height:1;}
input[type=checkbox]:hover {border-color:rgba(170, 170, 170, 0.5);}
input[type=checkbox]:checked {background-color:#0097c7; border-color:rgba(255, 255, 255, 0.3); color:#fff;}
input[type=checkbox]:checked::before {border-radius: 2px; transform:scale(1) translate(-50%, -50%)}
input[type=checkbox] ~ label {display:inline-block; vertical-align:middle; margin:0 5px 0 3px;}

input[type=radio] {-webkit-appearance:none; appearance:none !important; position:relative; width:20px; height:20px; vertical-align:middle; background:#f3f3f3; box-shadow:1px 1px 1px 0px rgba(0,0,0,0.2) inset; -webkit-box-shadow:1px 1px 1px 0px rgba(0,0,0,0.2) inset; -moz-box-shadow:1px 1px 1px 0px rgba(0,0,0,0.2) inset; border:0; cursor:pointer;}
input[type=radio]::before {content:"\2713"; position:absolute; top:50%; left:50%; overflow:hidden; transform:scale(0) translate(-50%, -50%); line-height:1;}
input[type=radio]:hover {border-color:rgba(170, 170, 170, 0.5);}
input[type=radio]:checked {background-color:#0097c7; border-color:rgba(255, 255, 255, 0.3); color:#fff;}
input[type=radio]:checked::before {border-radius: 2px; transform:scale(1) translate(-50%, -50%)}
input[type=radio] + label {vertical-align:middle;}

input.input_radio {display:none;}
input.input_radio + label{display:inline-block; width:30px; height:30px; text-align:center; border:1px solid rgba(0,0,0,0.15); border-radius:30px; cursor:pointer; background:#fff; font-size:0; box-shadow: 5px 5px 7px -3px rgba(0,0,0,0.2) inset; margin:0 !important;}
input.input_radio + label:hover {background:#e8f1f7;}
input.input_radio:checked + label:after{position:relative; top:2px; content: '\2714'; font-size:16px; font-weight:500;}
input.input_radio ~ .title {display:inline-block;vertical-align: bottom;height: 30px;padding:0 10px 0 5px; line-height:30px;}

input.input_radio2 {-webkit-appearance: none; position: relative; width: 20px; height: 20px; cursor: pointer; outline: none !important; border-radius: 20px; background: #e9e9e9; box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.3) inset; -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.3) inset; -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.3) inset;}
input.input_radio2::before {content:"\2713"; position:absolute; top:50%; left:50%; overflow:hidden; transform:scale(0) translate(-50%, -50%); line-height:1;}
input.input_radio2:hover {border-color:rgba(170, 170, 170, 0.5);}
input.input_radio2:checked {background-color:#0097c7; border-color:rgba(255, 255, 255, 0.3); color:#fff;}
input.input_radio2:checked::before {border-radius: 2px; transform:scale(1) translate(-50%, -50%)}