@charset "UTF-8";

*{font-family: 'Pretendard', '맑은 고딕', sans-serif; font-variant-numeric: tabular-nums; margin:0;}
html, body{height:100%;}
a{text-decoration: none;}
ul{margin: 0; padding: 0; list-style: none;}
select{display: inline-block; width: 100%; padding: 0 5px; box-sizing: border-box; background: url(../img/selectbox.png) no-repeat right 5px center; appearance: none; background-color: #fff; -webkit-appearance: none; -moz-appearance: none; -o-appearance:none; border: 1px solid #a3a3a3; border-radius: 3px;}
select::-ms-expand {display:none;} /* Internet Explorer의 select 기본 스타일 삭제 */
table{border-collapse: collapse; border-spacing: 0;}
td{position: relative;}
table select{height: 24px; line-height: 22px; vertical-align: top !important;}
table a {color: #115dab; background-color: transparent;}
input[type=text]{width: 100%; height: 24px; padding: 0 5px; box-sizing: border-box; line-height: 22px; border: 1px solid #a3a3a3; border-radius: 3px;}
input[type=password]{width: 100%; height: 24px; padding: 0 5px; box-sizing: border-box; line-height: 22px; border: 1px solid #ddd; border-radius: 5px;}
input:not(input[type="file"]):not(input[type="submit"]):not(input[type="button"]):read-only{color: #123c6d; background-color: #f1f1f1;}
input[type=text]::placeholder, input[type=password]::placeholder{font-weight:400; color:#b5b5b5;}
textarea{width: 100%; padding: 0 5px; box-sizing: border-box; line-height: 22px; vertical-align: top; border: 1px solid #ddd; border-radius: 5px;}
pre{white-space: pre-wrap;}
.blind{position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0);}
.disabled{background-color: rgb(242, 242, 242); color: #123c6d; opacity: 1;}
.clear::after{content: ''; display: block; clear: both;}

/*폰트(글씨체) 관련*/
@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    font-display: swap;
    src: local('Pretendard Black'), url('../fonts/Pretendard-Black.subset.woff2') format('woff2'), url('../fonts/Pretendard-Black.subset.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    font-display: swap;
    src: local('Pretendard ExtraBold'), url('../fonts/Pretendard-ExtraBold.subset.woff2') format('woff2'), url('../fonts/Pretendard-ExtraBold.subset.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-display: swap;
    src: local('Pretendard Bold'), url('../fonts/Pretendard-Bold.subset.woff2') format('woff2'), url('../fonts/Pretendard-Bold.subset.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-display: swap;
    src: local('Pretendard SemiBold'), url('../fonts/Pretendard-SemiBold.subset.woff2') format('woff2'), url('../fonts/Pretendard-SemiBold.subset.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-display: swap;
    src: local('Pretendard Medium'), url('../fonts/Pretendard-Medium.subset.woff2') format('woff2'), url('../fonts/Pretendard-Medium.subset.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-display: swap;
    src: local('Pretendard Regular'), url('../fonts/Pretendard-Regular.subset.woff2') format('woff2'), url('../fonts/Pretendard-Regular.subset.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-display: swap;
    src: local('Pretendard Light'), url('../fonts/Pretendard-Light.subset.woff2') format('woff2'), url('../fonts/Pretendard-Light.subset.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    font-display: swap;
    src: local('Pretendard ExtraLight'), url('../fonts/Pretendard-ExtraLight.subset.woff2') format('woff2'), url('../fonts/Pretendard-ExtraLight.subset.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    font-display: swap;
    src: local('Pretendard Thin'), url('../fonts/Pretendard-Thin.subset.woff2') format('woff2'), url('../fonts/Pretendard-Thin.subset.woff') format('woff');
}