@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;}
a:visited{text-decoration:none; color: transparent;}
a:hover{text-decoration:none; }
a:active{text-decoration:none; color: transparent;}
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 { outline: none; }
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;
  }