@charset "UTF-8";

/* 기본 설정들 */
html {
    overflow-x: hidden;
    scroll-behavior: smooth;
}

html * {
    word-break: keep-all;
}

html,
body {
    font-family: 'Pretendard';
    color: #3D3D3D;
}

img,
p,
span,
h1,
h2,
h3,
h4,
h5,
h6 {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
}

html::-webkit-scrollbar {
    width: 8px;
}

.none_1280 {
    display: block;
}

.block_1280 {
    display: none;
}

.none_1100 {
    display: block;
}

.block_1100 {
    display: none;
}

.none_1020 {
    display: block;
}

.block_1020 {
    display: none;
}

.block_768 {
    display: none;
}

.none_768 {
    display: block;
}

.block_500 {
    display: none;
}

.none_500 {
    display: block;
}

.w_1280 {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
}

.bold {
    font-weight: 700;
}

@media (max-width: 1350px) {
    .w_1280 {
        width: 90%;
    }
}

@media (max-width: 1280px) {
    .block_1280 {
        display: block;
    }

    .none_1280 {
        display: none;
    }
}

@media (max-width: 1280px) {
    .block_1100 {
        display: block;
    }

    .none_1100 {
        display: none;
    }
}

@media (max-width: 1020px) {
    .block_1020 {
        display: block;
    }

    .none_1020 {
        display: none;
    }
}

@media (max-width: 768px) {
    .block_768 {
        display: block;
    }

    .none_768 {
        display: none;
    }
}

@media (max-width: 500px) {
    .block_500 {
        display: block;
    }

    .none_500 {
        display: none;
    }
}

:root {
    /* 글꼴색상 */
    --font-color1: #772510;
    --font-color2: #C4A580;
    --font-color3: #A77B4A;
    --font-color4: #4F543C;
    --font-black: #272729;
    --font-white: #fff;
}

/* 기본 설정들 */
.home_wrap {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
}

/* 20250620 헤더 예약하기 > 네이버 예약 변경 */
.login_box .go_booking {
    display: flex;
    gap: 4px;
    align-items: center;
    padding: 8px 18px;
    border-radius: 50px;
    border: 1px solid #FFF;
    transition: all 0.3s;
}

.ico_naver {
    display: block;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.ico_naver path {
    transition: all 0.3s;
}

.login_box .go_booking:hover {
    border: 1px solid #17B75E;
    background: #17B75E;
}

header.scroll .login_box .go_booking {
    border: 1px solid #17B75E;
    color: #17B75E;
}

header.scroll .login_box .ico_naver path {
    fill: #17B75E;
}

header.scroll .login_box .go_booking:hover {
    color: #fff;
}

header.scroll .go_booking:hover .ico_naver path {
    fill: #fff;
}

header.white .login_box .go_booking  {
    color: #772510;
}
header.white .login_box .go_booking .ico_naver path {
    fill: #772510;
}

header.white .login_box .go_booking:hover {
    border: 1px solid #17B75E;
    color: #fff;
}

header.white .login_box .go_booking:hover .ico_naver path {
    fill: #fff;
}