/* reset */
@charset "utf-8";
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('/css/font/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'NotoSerifKR';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}


* {margin: 0;padding: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 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;}
h1, h2, h3, h4, h5, h6 {font-weight: 700;  }
html {font-size:16px;}
body {font-family: 'Pretendard', 'Pretendard-Regular', 'Noto Sans KR', sans-serif; font-size:16px; color:var(--color-text-base); width:100%; font-weight: 400; width:100%;}
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', 'Pretendard-Regular', 'Noto Sans KR', sans-serif; vertical-align: middle;  }
html, body{ height: 100%; width:100%; cursor: default;}


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

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

    border-radius: 10px;
}

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

.wrap{width:100%;}


select{ padding:5px 40px 5px 10px; box-sizing:border-box; outline:0 none; border:1px solid #ddd;  font-family: 'Pretendard', 'Pretendard-Regular', 'Noto Sans KR', 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:1px solid #ddd; padding:8px; box-sizing:border-box;   outline:0 none; font-family:'Pretendard', 'Pretendard-Regular', 'Noto Sans KR', sans-serif; vertical-align:middle ;}
input:focus{outline: 1px solid #000;}
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;}



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


/* swiper navi 없애기 */
svg.swiper-navigation-icon {display:none;}





/* 에디터 편집기 텍스트 제외 
.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;}

.reset p { display:;}




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 !important; line-height: 1.2 !important;}
*/