/* Reset */
html {height: 100%;}
/* body {margin:0; padding:0; font-size:0.75em; height:100%; font-family: 'Noto Sans CJK KR'; font-weight:400; word-break: keep-all; overflow-x: hidden; } */
body {margin:0; padding:0; font-size:0.75em; font-family: 'Noto Sans CJK KR'; font-weight:400; word-break: keep-all; overflow-x: hidden; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img, dl, dt, dd, p { margin:0; padding:0; border:0; }
h1, h2, h3, h4, h5, h6 { font-size:1em }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
header ul, nav ul, footer ul { margin:0; padding:0; list-style:none; }
legend { position:absolute; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden }
label, input, button, select, img { vertical-align:middle; }
input, button { margin:0; padding:0; font-size:1em; background: none; border: none; }
button,input[type=button],input[type=submit] {cursor:pointer; }
input[type=text], input[type=password], input[type=submit], input[type=image], button { border-radius:0; -webkit-appearance:none; }
textarea, select { font-size:1em; }
textarea { border-radius:0; -webkit-appearance:none; }
p { margin:0; padding:0; word-break:break-all; }
pre { overflow-x:scroll; font-size:1.1em; }
a:link, a:visited { color:inherit; text-decoration:none; }
ul,ol,li { list-style:none; padding:0; margin:0; }
input, button, textarea, select { font-family: 'Noto Sans CJK KR'; outline: none; border: none; background-color: none; }
hr { content: ''; display:block; padding:0; border:0; margin: 0; }
img {-webkit-user-drag:none; }

/*사파리 버튼 초기화*/
input[type="text"], input[type="password"], input[type="button"], input[type="submit"], textarea { -webkit-appearance: none; -webkit-border-radius: 0; }

/*placeholder*/
input::-ms-input-placeholder { font-weight: 400; color: #AFAFAF; }
input::-webkit-input-placeholder { font-weight: 400; color: #AFAFAF; }
input::-moz-placeholder { font-weight: 400; color: #AFAFAF; }

textarea::-ms-input-placeholder { font-weight: 400; color: #AFAFAF; }
textarea::-webkit-input-placeholder { font-weight: 400; color: #AFAFAF; }
textarea::-moz-placeholder { font-weight: 400; color: #AFAFAF; }

/*셀렉트 커스텀*/
select {
    -webkit-appearance: none; /* 화살표 없애기 for chrome*/
    -moz-appearance: none; /* 화살표 없애기 for firefox*/
    appearance: none; /* 화살표 없애기 공통*/
    background-image: url('../img/ico_arrow_select1.png'); ;
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) center;
    background-size: 10px;
    background-color: #fff;
    cursor: pointer;
}
select::-ms-expand { display: none; /* 화살표 없애기 for IE10, 11*/ }

/*스크롤바 커스텀*/
.scroll-custom {
    scrollbar-arrow-color: #D9D9D9;
    scrollbar-base-color: transparent;
    scrollbar-3dlight-color: transparent;
    scrollbar-darkshadow-color: transparent;
    scrollbar-face-color: #D9D9D9;
    scrollbar-highlight-color: transparent;
    scrollbar-shadow-color: transparent;
    scrollbar-track-color: transparent;
}

.scroll-custom::-webkit-scrollbar {
    display: block;
    width: 6px;
    height: 6px;
    border: 0;
}

/*스크롤 영역 색*/
.scroll-custom::-webkit-scrollbar-track {
    display: block;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background : transparent;
}

/*스크롤바 색*/
.scroll-custom::-webkit-scrollbar-thumb {
    display: block;
    width: 6px;
    height: 6px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #D9D9D9;
}

/*드래그*/
::selection { background: #002E6A; color: #fff; }
::-moz-selection { background: #002E6A; color: #fff; }



.slider-container {
    width: 100vw;
    height: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.slider {
    display: flex;
    transition: transform 0.3s ease;
    touch-action: pan-y;
}

.slide {
    min-width: 100vw;
    height: 100vh;
    flex-shrink: 0;
}

.slide img {
    /*width: 100%;*/
    height: 600px;
    object-fit: cover;
    margin: 50px 10px 10px;
}

.fp-tableCell{vertical-align: top;}


.lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.9);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
    display: none;
}

.lightbox img {
    max-width: 90vw;
    max-height: 100vh;
    box-shadow: 0 0 20px black;
}

/*이미지 박스 닫힘 버튼*/
/*없어도 무방하나 사용자 혼란을 막기 위해 디자인만 생성*/
.close-btn {
        position: absolute;
        top: 10px; /* 상단에서 떨어진 거리 */
        right: 24px; /* 오른쪽에서 떨어진 거리 */
        font-size: 36px; /* 글자 크기 */
        color: white; /* 글자 색상 */
        cursor: pointer; /* 마우스 커서 모양 변경 */
        z-index: 10; /* 다른 요소 위에 표시 */
    }