/* reset */

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

*, *::before, *::after {margin:0; padding:0; box-sizing:border-box;}
html, body {height:100%; width:100%; cursor:default;}
html {
	-webkit-text-size-adjust: none; /* iOS 가로 모드 시 텍스트 크기 변경 방지 */
	text-size-adjust: none;
}
body {
	min-height: 100vh;
	-webkit-font-smoothing: antialiased; /* macOS/iOS 폰트 부드럽게 */
    -webkit-tap-highlight-color:transparent;
	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;
}
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;}
ol, ul, li {list-style:none;}
address, em, i {font-style: normal;}
input, button, textarea, select {font:inherit;}
textarea {resize:vertical;}
button {padding:0; background:none; border:none; cursor:pointer; vertical-align:middle;}
table {border-collapse:collapse; border-spacing:0;}



*::-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;}
.marker{background:yellow;}
input[type='file'] {padding:0;}

/* 건너뛰기 링크 */
#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; }



/* 추가 폰트 설정 */
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@font-face {
    font-family: 'GMarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}


@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}