@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* base CSS Document */

/* reset */
body,p,div,span,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0; padding:0;}
body,input,textarea,button,select{font-family:'Noto Sans KR', sans-serif; color:var(--fg);}
html,body{font-size:14px; line-height:1.6;}

@media (max-width: 600px) {
    html,body{font-size:14px;}
}

h1,h2,h3,h4,h5,h6{font-size:1em;}
img, fieldset, button{border:0;}
textarea{overflow:auto;}
input[type=submit],
input[type=button],
button{cursor:pointer; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible;}
img{vertical-align:top;}
address, em{font-style:normal;}
table{border-spacing:0; border-collapse:collapse;}
table,th,td{border:none;}
caption{overflow:hidden; line-height:0; text-indent:-2000em;}
legend, .hidden{padding:0; margin:0; overflow:hidden !important; text-indent:100%; white-space:nowrap; font-size:0;}
i{font-style:normal;}
select{background: #fff;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
figure{padding:0px; margin:0px;}

/* 링크 기본값 */
a{color: inherit;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
a:focus{text-decoration:none;}

/* 리스트 스타일 제거 */
ul,ol,li{list-style:none;}

/* input placeholder 색 통일 */
input::placeholder {color:#aaa;}
input::-webkit-input-placeholder {color:#aaa;}
input:-ms-input-placeholder {color:#aaa;}
textarea::placeholder {color:#aaa;}
textarea::-webkit-input-placeholder {color:#aaa;}
textarea:-ms-input-placeholder {color:#aaa;}

/* input, select 초기화/커스텀 */
input[type="button"]{-webkit-appearance: none; -moz-appearance: none; appearance: none;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0;}
input[type='number'] {-moz-appearance: textfield;}
input[type="checkbox"]{-ms-transform: scale(1.3); -moz-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); padding: 10px; margin: 2px;}
input[type="checkbox"], input[type="radio"]{accent-color: var(--color-primary); min-height: auto !important; width: auto !important;}
input, textarea, select{background: var(--input-bg); border: 1px solid var(--border2); border-radius: 5px; padding: .3em .5em; min-height: 38px; box-sizing: border-box; font-size: 1em;}
input[type="text"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="email"]:focus, textarea:focus, select:focus{border-color: var(--color-primary); outline: none;}
select{-webkit-appearance: none; -moz-appearance: none; appearance: none; background: var(--input-bg) url(../img/common/icon_select.png) no-repeat center right 7px / 10px; padding-right: 2em;}
option{background: var(--bg); color: var(--fg);}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	  -webkit-text-fill-color: var(--fg);
    -webkit-box-shadow: 0 0 0px 1000px var(--input-bg) inset;
    box-shadow: 0 0 0px 1000px var(--input-bg) inset;
    transition: background-color 5000s ease-in-out 0s;
}

input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active {
	  -webkit-text-fill-color: var(--fg);
    -webkit-box-shadow: 0 0 0px 1000px var(--input-bg) inset;
    box-shadow: 0 0 0px 1000px var(--input-bg) inset;
    transition: background-color 5000s ease-in-out 0s;
}

@media (max-width: 600px) {  
  select{padding-right: 1.8em; background: var(--input-bg) url(../img/common/icon_select.png) no-repeat center right 7px / 8px;}
  input[type="checkbox"]{-ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); margin: 2px;}
}

/* 스크롤바 커스텀 */
body *::-webkit-scrollbar {width: 10px;}
body *::-webkit-scrollbar-thumb {background: #888; border-radius: 10px; border: 3px solid transparent; background-clip: padding-box;}
body *::-webkit-scrollbar-track {background: transparent;}

/* swiper 플래시 현상 방지 */
.swiper {visibility: hidden;}
.swiper.swiper-initialized{visibility: visible;}