/* reset */
html{font-size: 17px;}
body{font-size: 1rem;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;}
a {color: inherit; text-decoration: inherit; cursor:pointer;}
img {vertical-align: middle;}
a img {border: none;}
button{background:none; border: none; cursor: pointer;  }
button:focus-visible { outline: 2px auto #000000; }
html, body{ height: 100%; width:100%; cursor: default;}
.wrap{width:100%;}
.user-wrap{padding-top: var(--spacein-user-wrap-padding);}
li{list-style: none;}

body::-webkit-scrollbar {
    width: 8px;  /* 스크롤바의 너비 */
}

body::-webkit-scrollbar-thumb {
    height: 10%; /* 스크롤바의 길이 */
    background: #9B9B9B; /* 스크롤바의 색상 */

    border-radius: 10px;
}

body::-webkit-scrollbar-track {
    background: #ddd;  /*스크롤바 뒷 배경 색상*/
}

select{ padding:4px 0; box-sizing:border-box; outline:0 none; border:1px solid #ddd;  font-family: 'Noto Sans KR', sans-serif;}
input{border:1px solid #909090; padding:5px 10px; box-sizing:border-box;   outline:0 none;  font-family: 'Noto Sans KR', sans-serif; vertical-align:middle ;}
.survey-input:focus-visible{outline:2px auto black; outline-offset: 2px;}
input[type='date']::before {
  content: attr(data-placeholder);
  width: 100%;
}

input[type='date']:focus::before,
input[type='date']:valid::before {
  display: none;
}


.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; }





/* 에디터 편집기 텍스트 제외 */
.reset ol { padding: 0px 40px !important; margin: 15px 0px !important;  overflow: initial !important; }
.reset ul { list-style: initial !important;  margin: 15px 0px !important;  padding: 0px 40px !important;  overflow: initial !important; border-bottom: 0px !important; border-collapse: initial !important;
width: auto !important; display: block !important;}
.reset li{list-style: inherit !important; list-style-position: inside !important; display: list-item !important;}




blockquote {font-style: italic !important; font-family: Georgia, Times, "Times New Roman", serif; padding: 2px 0  !important; border-style: solid  !important; border-color: #ccc !important;
    border-width: 0  !important; padding-left: 20px !important ;padding-right: 8px !important; border-left-width: 5px !important; }

.reset h1, h2, h3, h4, h5, h6 {font-weight: normal; line-height: 1.5;}
*:focus-visible { outline-color: black; }