@charset "utf-8";
/* TOUN28-SD Team. YMJ. 20230320 */

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");/* 웹폰트 */
/* 서체 굵기
100 - Thin
200 - ExtraLight
300 - Light 
400 - Regular 
500 - Medium
600 - SemiBold 
700 - Bold
800 - ExtraBold
900 - Black
*/


* {font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
html, body {margin:0; padding:0; width:100%; height:100%; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; color:#1b1b1b; font-size:13px; font-weight:400; line-height:18px; background:none; box-sizing:border-box;   -webkit-text-size-adjust:none;  /* 크롬, 사파리, 오페라 신버전 */ -ms-text-size-adjust:none;  /* IE */ -moz-text-size-adjust:none;  /* 파이어폭스 */ -o-text-size-adjust:none; }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, legend, em, span {margin:0; padding:0; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; box-sizing:border-box;}
table {border-spacing:0; border-collapse:collapse; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
th, td {word-break:break-all;}
form, fieldset {display:block; height:100%;}
form, fieldset, img {border:none;}
address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:400; box-sizing:border-box;}
ol, ul, li {list-style:none; box-sizing:border-box;}
abbr, acronym {border:none;}
hr {display:none;}
a {color:#000; text-decoration:none; cursor:pointer; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; box-sizing:border-box;}
a:link, a:visited {text-decoration:none;}
a:hover, a:active, a:focus {text-decoration:none;}
textarea {overflow:auto; resize:none; box-sizing:border-box;}
html:first-child select {min-height:20px; box-sizing:border-box;} /* opera 9 & below fix */
option {padding-right:6px;} /* firefox fix */
legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /* for screen reader */
pre {word-wrap:break-word; white-space:pre-line;}
label {font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; box-sizing:border-box;}
h1, h2, h3, h4, h5, h6 {font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; box-sizing:border-box;}
br {background:none !important;}
img {width:100%; vertical-align:top;}
a:focus, input:focus, textarea:focus, button:focus {outline:none !important;}
button {border:none; margin:0; padding:0; background:transparent; cursor:pointer; box-sizing:border-box;}

/* input 기본 스타일 초기화 */
input, textarea {border:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; box-sizing:border-box; resize:none;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {margin:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
input[type=number] {-moz-appearance:textfield;}
input[type=number]:-ms-clear {display:none;}
input[type=number]::-ms-clear {display:none;}
input[type=numberOnly]:-ms-clear {display:none;}
input[type=numberOnly]::-ms-clear {display:none;}
input[type=text]:-ms-clear {display:none;}
input[type=text]::-ms-clear {display:none;}
input {filter:none;}
input:-webkit-autofill {-webkit-box-shadow:0 0 0 30px none inset; -webkit-text-fill-color:#35384d;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {transition:background-color 5000s ease-in-out 0s;}
input:invalid {box-shadow:none;}
input::-moz-submit-invalid {box-shadow:none;}
input::-moz-ui-invalid {box-shadow:none;}
input:focus {outline:none;}
select:focus {outline:none;}
select:focus {outline:none;}
input::-ms-clear,
input::-ms-reveal {display:none; width:0; height:0;}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {display:none;}

/* Select 기본 스타일 초기화 */
select {border:none; appearance:none; -webkit-appearance:none; -moz-appearance:none; cursor:pointer;}
select:focus {outline:none;}
select::-ms-expand {display:none;}

/* scroll bar */
::-webkit-scrollbar {width:6px; height:6px; border-radius:3px;}  /* 스크롤바의 width */
::-webkit-scrollbar-track {background:#dee2e6;}  /* 스크롤바의 전체 배경색 */

::-webkit-scrollbar-thumb {border-radius:3px; background:#6c6c6c;}  /* 스크롤바 색 */
::-webkit-scrollbar-button {display:none;}  /* 위 아래 버튼 (버튼 없애기를 함) */