@font-face {font-family: 'Pretendard'; font-weight: 700; src:url('../font/Pretendard-Bold.subset.woff2') format('woff2');}
@font-face {font-family: 'Pretendard'; font-weight: 600; src:url('../font/Pretendard-SemiBold.subset.woff2') format('woff2');}
@font-face {font-family: 'Pretendard'; font-weight: 500; src:url('../font/Pretendard-Medium.subset.woff2') format('woff2');}
@font-face {font-family: 'Pretendard'; font-weight: 400; src:url('../font/Pretendard-Regular.subset.woff2') format('woff2');}

body {font-family: 'Pretendard', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 500; letter-spacing: -0.03em; margin: 0; padding: 0; position: relative; background-color: #fff;}
.inner {width: 100%;max-width: 1500px;margin: 0 auto;padding: 0 20px;}
input[type="checkbox"], input[type="radio"], .blind, .sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden; clip-path: inset(50%); border: 0; clip: rect(0 0 0 0);}

/* input */
input {outline: none; border: 1px solid #d9d9d9;font-family: 'Pretendard'; font-weight: 500; color: #1e2124; box-sizing: border-box; letter-spacing: -0.03em; margin: 0; padding: 0;  transition: .2s;}
input:hover {border: 1px solid #4a4f58;}
input:focus {border: 1px solid #4a4f58;}
input::placeholder {font-weight: 400; color: #00000059!important;}
input:disabled {background-color: #f5f5f5 !important; -webkit-box-shadow: 0 0 0px 1000px #f5f5f5 inset !important; color: #a6acb3 !important; cursor: not-allowed; border-color:#E3E3E3 !important;}

input:read-only:hover, input:read-only:focus {border-color:#E3E3E3 !important;}
input:disabled:hover {border-color:#E3E3E3 !important;}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s;-webkit-transition: background-color 9999s ease-out; -webkit-box-shadow: 0 0 0px 1000px white inset !important; -webkit-text-fill-color: #1e2124 !important;}

/* input check-radio */
input[type="checkbox"]:focus-visible + label, input[type="radio"]:focus-visible + label  {outline: 2px dotted #000; outline-offset: 3px;}

/* select */
select {-webkit-appearance: none; -moz-appearance: none;-ms-appearance: none; appearance: none; outline: none; border: 1px solid #d9d9d9; cursor: pointer;font-family: 'Pretendard'; font-weight: 500; color: #1e2124; box-sizing: border-box; letter-spacing: -0.03em; margin: 0; padding: 0; transition: .2s;}
select:hover {border: 1px solid #5e646f;}
select:focus {border: 1px solid #5e646f;}
select::-ms-expand {display: none;}

/* button */
button:focus {outline: none;}
button:focus-visible {outline: 2px dotted #000; outline-offset: 2px;}

/* input 값 삭제 및 pw 토글 */
.clearBtn {position: absolute;right: 10px;top: 50%;transform: translateY(-50%);width: 30px;height: 30px;background:url(../img/icn-value-reset.svg) no-repeat center center;display: none;}
.pwToggleBtn {position: absolute;right: 14px;top: 14px;width: 30px;height: 30px;background: url(../img/icn-pwvisible.svg) no-repeat center center;background-size: 20px;border: 0;display: none;cursor: pointer;}
.pwToggleBtn.on {background-image: url(../img/icn-pwhide.svg);}