@charset "utf-8";

/* ===========================================
    reset
=========================================== */
*{margin:0;padding:0;border:none;word-break:break-all;box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-overflow-scrolling:touch;-webkit-hyphens:auto;hyphens:auto;vertical-align:baseline;font-size:inherit;line-height:inherit;color:inherit;font-family:inherit;font-weight:inherit;letter-spacing: inherit;}
*:before, *:after{box-sizing:border-box;-webkit-box-sizing:border-box;}
html{height:100%;}
html, body{font-weight:400;/*-webkit-tap-highlight-color:rgba(0, 0, 0, 0);*/-webkit-text-size-adjust:none;}
body{min-height:100%;font-family:"Pretendard", "Sans-serif";color:#383838;-webkit-text-size-adjust:none;word-break:keep-all;word-wrap:break-word;line-height:1.4;letter-spacing: -0.02rem;}
body:after{content:'';display:block;height:calc(0px + env(safe-area-inset-bottom));}
legend, caption, figcaption{display:none;}
ul, ol{list-style-image:none;list-style-position:outside;list-style-type:none;border:0;}
img, fieldset, frameset, frameborder, frame{border:0;}
a, img, span, b, input, select, em, textarea, label, strong{vertical-align:middle;outline-style:none;color:inherit;font-family:inherit;}
a{color:inherit;text-decoration:none;cursor:pointer;color:inherit;font-family:inherit;}
a:hover{text-decoration:none;}
b, strong{font-weight:700;}
i, em{font-style:normal;}
textarea{resize:none;}
button{border:none;background:none;outline:none;cursor:pointer;}
label, button{cursor:pointer;color:inherit;}
i, em{font-style:normal;}
br, hr{border:none;line-height:inherit;}

.t-hidden{border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important;}

/* ===========================================
    var
=========================================== */
:root {
  --c-primary:#5436EA;
  --c-primary2:#E6E1FE;
}

/* ===========================================
    form
=========================================== */

/* placeholder */
::-webkit-input-placeholder{color:#aaa;vertical-align:middle;font-weight:400;}
:-webkit-input-placeholder{color:#aaa;vertical-align:middle;font-weight:400;}

/* input 기본 스타일 초기화 */
select, textarea, input[type=tel],
input[type=date],
input[type=phone],
input[type=number],
input[type=email],
input[type=password],
input[type=text]{-moz-appearance:none;appearance:none;-webkit-appearance:none;box-shadow:none;-webkit-box-shadow:none;}
textarea{width:100%;}

/* input type number 에서 화살표 제거 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}

/* input disable */
input[type="text"]:read-only,
input[type="number"]:read-only,
input[type="number"]:read-only,
input[type="password"]:read-only{background:#fff !important;}
input[type="text"]:disabled,
input[type="number"]:disabled,
input[type="number"]:disabled,
input[type="password"]:disabled{background:#f1f1f1 !important; color:#b3b3b3;border-color: #dddddd;}

/* select */
select{height:40px;font-size:14px;padding:0 32px 0 16px;line-height:40px;-webkit-appearance:none;-webkit-box-shadow:none;box-shadow:none;color:#484B51;border:1px solid #C6CBD0;outline:none;background:#fff url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2326282C' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E%0A") no-repeat right 14px top 50%;}
select:disabled{color:#aeaeae;background-color:#eeeeee !important;}