@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: #1c1c1c; }
html,body{ font-size: 16px; line-height: 1.8; }
 @media (max-width:1300px) {
 html,body{ font-size: 15px; }
 }
 @media (max-width:720px) {
 html,body{ font-size: 14px; }
 }
h1,h2,h3,h4,h5,h6{ font-size: 1rem; }
input,textarea,button,select{ font-size: 0.9375rem; background: #fff; }
img,fieldset,button{ border: 0; }
textarea{ overflow: auto; }
input[type=submit],input[type=button],button{ cursor: pointer; }
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; }

/* 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:link{ text-decoration: none; color: inherit; }
a:visited{ text-decoration: none; color: inherit; }
a:hover{ text-decoration: none; }
a:active{ text-decoration: none; color: inherit; }
a:focus{ text-decoration: none; }

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

/* mobile */
body{ -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; }

/* input type number 버튼 제거 */
input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type=number] { -moz-appearance: textfield; }

/*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; }

/*스크롤*/
::-webkit-scrollbar { width: 6px; height: 6px; cursor: auto !important; }
::-webkit-scrollbar-thumb { background: #aaa; }
::-webkit-scrollbar-track{ background: #eee; }

/* input type checkbox 사이즈 수정 */
input[type=checkbox] { -ms-transform: scale(1.3); 
/* IE */ -moz-transform: scale(1.3); 
/* FF */ -webkit-transform: scale(1.3); 
/* Safari and Chrome */ -o-transform: scale(1.3); 
/* Opera */
 margin-right: 10px; }
@media (max-width:550px){
 input[type=checkbox] { -ms-transform: scale(1.15); 
/* IE */ -moz-transform: scale(1.15); 
/* FF */ -webkit-transform: scale(1.15); 
/* Safari and Chrome */ -o-transform: scale(1.15); 
/* Opera */
 }
}

/* input 색상 수정 */
input[type=checkbox] { accent-color: #238C60; }
input:focus, select:focus, textarea:focus { outline: var(--new-color) dashed 1px; }
textarea:focus { outline: none; }

/*input date*/
input[type='date'],input[type='month'],input[type='button']{ 
/*ios대응*/
 appearance: none; -webkit-appearance: none; -webkit-border-radius: 0; }
input[type='date']::before { content: attr(data-placeholder); width: 100%; color: #ccc; }
input[type='date']:focus::before,input[type='date']:valid::before,input[type='month']:focus::before,input[type='month']:valid::before { display: none; }
input[type="date"],input[type='month']{ background: #fff url('../img/common/icon_calendar.png') no-repeat calc(100% - 5px) 50% / 16px auto; border: 1px solid #ccc; border-radius: 5px; }
input[type="date"]::-webkit-clear-button,input[type="date"]::-webkit-inner-spin-button,input[type="month"]::-webkit-clear-button,input[type="month"]::-webkit-inner-spin-button{ display: none; }
 input[type="date"]::-webkit-calendar-picker-indicator,input[type="month"]::-webkit-calendar-picker-indicator { background: transparent; z-index: 1; }
 input::-webkit-date-and-time-value { text-align: left; }