@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');}

*, *:after, *:before {outline: none;box-sizing: border-box;-webkit-tap-highlight-color: transparent;}
html {width: 100%;}
body {margin: 0;padding: 0;height: 100%;overflow-y: scroll;font-size: 16px;letter-spacing: -0.05em;color: #666;-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%;}
h1, h2, h3, h4, h5, h6, form, fieldset, img {margin: 0;padding: 0;border: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 16px;}
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: 16px;}
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;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: 16px;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;}
button, input[type=text], input[type=password], textarea {transition: all 0.1s 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, textarea::placeholder {color: #999;font-style: italic;}

input:focus::placeholder, textarea:focus::placeholder,
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder,
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder,
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder,
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {color: transparent;}

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 !important; border-color:rgba(255, 255, 255, 0.3); color:#fff;}
input[type=checkbox]:checked::before {border-radius: 3px; 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%)}