@charset "utf-8";

::-moz-selection {background: #0f4f7d; color: #ffffff;}
::selection {background: #0f4f7d; color: #ffffff;}

* {-webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-family: inherit; font-style: normal; font-weight: inherit; font-size: inherit; line-height: inherit; text-decoration: inherit; color: inherit; vertical-align: top; outline: none; text-underline-position: under;}
*:before,
*:after {-webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; font-family: inherit; font-style: normal; font-weight: inherit; font-size: inherit; line-height: inherit; text-decoration: inherit; color: inherit; vertical-align: top; outline: none; text-underline-position: under;}

html {width: 100%; height: 100%; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-overflow-scrolling: touch;}
body {width: 100%; height: 100%; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; font-size: 14px; line-height: 1.5; letter-spacing: 0em; color: #000000; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -webkit-print-color-adjust: exact; -webkit-overflow-scrolling: touch; letter-spacing: -0.01em;}

ul, ol, li {list-style: none;}
img, hr {border: none;}
p {max-height: 999999px;}
table {width: 100%; border-spacing: 0; table-layout: fixed;}
th, td {vertical-align: middle;}

strong {font-weight: 700;}

/* input */
input[type=date],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea,
select {display: inline-block; width: 100%; height: 42px; border-radius: 6px; padding: 0 15px; border: 1px solid #bdbddc; background: #ffffff; font-weight: 400; font-size: 14px; color: #6557a1; -webkit-appearance: none; /*-webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-box-shadow: 0 0 0 100px #ffffff inset;*/}

textarea {padding: 15px;}
select {padding-right: 40px; -webkit-appearance: none; background: #ffffff url(/frontend/device/assets/images/common/select_purple.svg) right 15px center no-repeat; -webkit-tap-highlight-color: unset; -webkit-box-shadow: unset;}

input[type=time]::-webkit-calendar-picker-indicator,
input[type=time]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;}

/* focus */
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
textarea:focus,
select:focus {position: relative; border-color: #6557a1; color: #000000;}

/* disabled */
input[type=date]:disabled,
input[type=datetime-local]:disabled,
input[type=email]:disabled,
input[type=month]:disabled,
input[type=number]:disabled,
input[type=password]:disabled,
input[type=search]:disabled,
input[type=tel]:disabled,
input[type=text]:disabled,
input[type=time]:disabled,
input[type=url]:disabled,
input[type=week]:disabled,
textarea:disabled,
select:disabled {background-color: #f5f5f5;}

/* placeholder */
input[type=date]::placeholder,
input[type=datetime-local]::placeholder,
input[type=email]::placeholder,
input[type=month]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=search]::placeholder,
input[type=tel]::placeholder,
input[type=text]::placeholder,
input[type=time]::placeholder,
input[type=url]::placeholder,
input[type=week]::placeholder,
textarea::placeholder {color: #aaaaaa;}

select::-ms-expand {display: none;}

button,
input[type=file],
input[type=image],
input[type=reset],
input[type=button],
input[type=submit] {border: none; background: none; border-radius: 0; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; letter-spacing: -0.05em;}

label {cursor: pointer;}
legend, hr, caption {visibility: hidden; overflow: hidden; width: 0px; height: 0px; font-size: 0px; line-height: 0px; border: none; background: none; position: absolute; left: -9999em; top: -9999em; opacity: 0;}
fieldset, iframe {border: none;}
sup, sub {line-height: 1;}

a:link {text-decoration: none; color: inherit;}
a:hover {text-decoration: none; color: inherit;}
a:visited {text-decoration: none; color: inherit;}
a:active {text-decoration: none; color: inherit;}
a:focus {text-decoration: none; color: inherit;}

a:focus,
input:focus,
button:focus,
select:focus,
textarea:focus {outline: none;}