/* reset */

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

* {margin: 0;padding: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, i, center, dl, dt, dd, ol, ul, li, form, label, legend, table, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {font-weight: 700;  }
a {color: inherit; text-decoration: inherit; cursor:pointer;}
img {vertical-align: middle;}
a img {border: none;}
li {list-style: none;}
address, em, i {font-style: normal;}
button{background:none; border: 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; vertical-align: middle;  }
html, body{ height: 100%; width:100%; cursor: default;}
/* .wrap{width:100%;} */


*::-webkit-scrollbar {
    width: 4px;  /* 스크롤바의 너비 */
}
*::-webkit-scrollbar-thumb {
    background: #878787; /* 스크롤바의 색상 */
}
*::-webkit-scrollbar-track {
    background: #F8F8F8;  /*스크롤바 뒷 배경 색상*/
}

select{ padding:5px 40px 5px 10px; box-sizing:border-box; outline:0 none; border:1px solid #ddd;  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;     vertical-align: middle;
    -webkit-appearance: none;  /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    background: #fff  url("/img/common/select_arrow.png") no-repeat right 10px top 50%;  /* 화살표 모양의 이미지 */}

select option:disabled{color: #bbb; background:#eee;}
select:focus{outline: 1px solid #000;}
input{
    border:none; 
    /* border: 1px solid #ddd;
    padding: 10px 15px; */
    box-sizing:border-box; 
    outline:0 none; 
    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; 
    vertical-align:middle ;
    background: none;
}
input[type='date']::before {
    content: attr(data-placeholder);
    width: 100%;
}
input[type='date']:focus::before,
input[type='date']:valid::before {
    display: none;
}
input[type='radio']:focus {outline:none;}
input[type='checkbox']:focus {outline:none;}

input::placeholder {color:#a8a8a8 !important;}
input::-ms-input-placeholder {color:#a8a8a8;}
input::-ms-input-placeholder {color:#a8a8a8;}
input::-webkit-input-placeholder {color:#a8a8a8;}


.marker{background:yellow;}

/* 건너뛰기 링크 */
#skip-navi {position:relative; z-index:3000}
#skip-navi a {position:absolute;top:-200px;left:0;width:140px;text-align:center;border: 1px solid #fb0685;background-color:#000}
#skip-navi a:focus { top:0; z-index:1000; text-decoration:none;}
#skip-navi span { display:inline-block; padding:2px 6px 0 0; font-size:14px; line-height:20px; color:#fff; white-space:nowrap; }