/* 표준 브라우저용 */
::selection {
    background-color: #826246;
    color: white;
}

/* Firefox 전용 */
::-moz-selection {
    background-color: #826246;
    color: white;
}

.fixed-icon { position: fixed; top: 50%; transform: translateY(-50%); right: 40px; display: flex; justify-content: center; align-items: center; flex-direction: column; z-index: 998;}
.fixed-icon > div { margin-bottom: 20px; }
.fixed-icon > div:last-child { margin-bottom: 0; }

.header-wrap > .header-inner { width: 100%; display: flex; justify-content: flex-start; padding: 40px; position: fixed; left: 0; top: 0; z-index: 996; }
.header-wrap > .header-inner > .menu-wrap { cursor: pointer; }
.header-wrap > .header-inner > .logo-wrap { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.header-wrap > .header-inner > .logo-wrap > a { font-size: 25px; }
.header-wrap > .header-inner > .logo-wrap .logo-img { width: 38px; }
.header-wrap > .header-inner > .logo-wrap .color-p-brand { color: #D2A768; }
.header-wrap > .header-inner > .call-wrap { display: none; }

.open-menu-wrap { display: none; position: fixed; width: 100%; height: 100vh; background: #F6F4F1; z-index: 1009; padding: 40px; left: 0; top: 0; }
.open-menu-wrap > div:first-child { width: 100%; display: flex; justify-content: flex-start; align-items: center; z-index: 9; position: relative; margin-top: 0; }
.open-menu-wrap > div:first-child > .close-wrap { cursor: pointer; z-index: 9; }
.open-menu-wrap > div:first-child > .logo-wrap { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); cursor: pointer; width: 100%; text-align: center; }
.open-menu-wrap > div:first-child > .logo-wrap > a { font-size: 25px; }
.open-menu-wrap > div:first-child > .logo-wrap .logo-img { width: 38px; }
.open-menu-wrap > div:first-child > .logo-wrap .color-p-brand { color: #D2A768; }
.open-menu-wrap > div:last-child { display: flex; justify-content: flex-start; }
.open-menu-wrap > div:last-child > div { margin-top: 70px; }
.open-menu-wrap > div:last-child > div > .title > span { padding-bottom: 5px;  }
.open-menu-wrap > div:last-child > div > .title > span:after {
    content: "";
    display: block;
    width: 12px;
    border-bottom: 1px solid #D2C8C0;
    margin: 5px 0px;
  }
.open-menu-wrap > div:last-child > div > .gnb-in-login { display: none; }
.open-menu-wrap > div:last-child > div > .gnb { margin-top: 60px; }
.open-menu-wrap > div:last-child > div > .gnb > li { margin-bottom: 15px; }
.open-menu-wrap > div:last-child > div > .gnb > li:last-child { margin-bottom: 0; }

.open-menu-wrap > div:last-child > .line { width: 1px; height: 80vh; background-color: #D2C8C0; margin-right: 110px; margin-left: 110px; } 
.open-menu-wrap > div:last-child > .pc-notice { width: 1200px; display: flex; justify-content: space-between; }
.open-menu-wrap > div:last-child > .pc-notice .title:after {
    content: "";
    display: block;
    width: 12px;
    border-bottom: 1px solid #D2C8C0;
    margin: 5px 0px;
  }
.open-menu-wrap > div:last-child > .pc-notice > .pic_lt > ul { margin-top: 60px; }
.open-menu-wrap > div:last-child > .pc-notice > .pic_lt > ul > li { display: flex; justify-content: flex-start; align-items: flex-start; margin-bottom: 25px; }
.open-menu-wrap > div:last-child > .pc-notice > .pic_lt > ul > li:last-child { margin-bottom: 0; }
.open-menu-wrap > div:last-child > .pc-notice > .pic_lt > ul > li > div:first-child { position: relative; width: 175px; height: 103px; }
.open-menu-wrap > div:last-child > .pc-notice > .pic_lt > ul > li > div:first-child > a > img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; }
.open-menu-wrap > div:last-child > .pc-notice > .pic_lt > ul > li > div:first-child > img { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); width: 65%; }
.open-menu-wrap > div:last-child > .pc-notice > .pic_lt > ul > li > div:last-child { display: flex; flex-direction: column; margin-left: 30px; }
.open-menu-wrap > div:last-child > .pc-notice > .pic_lt > ul > li > div:last-child > span { margin-top: 8px; color: #999; }
.open-menu-wrap > div:last-child > .m-notice { display: none; }

.menu-under-title { position: fixed; left: 40px; top: 100px; z-index: 2; }
.hidden-menu { display: none; }

.side-gradi-wrap { position: fixed; width: 100%; height: 100vh; top: 0; }
.side-gradi-wrap > #ruler-left { float: left; }
.side-gradi-wrap > #ruler-right { float: right; }
.side-gradi-wrap > div > ul { margin-bottom: 6px; }
.side-gradi-wrap > div > ul:last-child { margin-bottom: 0; }
.side-gradi-wrap > div > ul > li { width: 12px; height: 1px; margin-bottom: 6px; }
.side-gradi-wrap > div > ul > li:first-child { width: 24px;  }
.side-gradi-wrap > div > ul > li:last-child { margin-bottom: 0; }

.side-gradi-wrap > div:last-child > ul { display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-end; }

.middle-gradi-wrap {
    position: fixed;
    z-index: 0;
    background: none;
    width: 100%;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}

.flex-container {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
}

.centered-items {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1200px;
}

.middle-gradi-wrap li {
    width: 1px;
    height: 100vh;
    background-image: linear-gradient(#DDD8D4 25%, transparent 25%, transparent 50%, #DDD8D4 50%, #DDD8D4 75%, transparent 75%, transparent);
    background-size: 15px 65px;
}



.container { margin: auto; }


.section-1 > .sec-inner { width: 100%; height: 100vh; position: relative; overflow: hidden; }
/* .section-1 > .sec-inner > img { width: 100%; height: 100%; position: absolute; object-fit: cover; left: 0; z-index: -1; } */
.section-1 > .sec-inner > iframe { width: 100%; height: 100%; position: absolute; left: 0; top: 0; transform: scale(1.2); z-index: -1; }
.section-1 > .sec-inner > #mute { position: absolute; right: 150px; top: 40px; cursor: pointer; z-index: 999; }
.section-1 > .sec-inner > #unmute { position: absolute; right: 40px; top: 40px; cursor: pointer; z-index: 999; }
.section-1 > .sec-inner > div { width: 100%; height: 100%; position: absolute; left: 0; }

.footer-wrap > .footer-inner { position: fixed; left: 0; right: 0; bottom: 0; width: 100%; display: flex; justify-content: space-between; padding: 40px 40px 30px 40px; z-index: 9; }
.footer-wrap > .footer-inner > ul:last-child { display: flex; justify-content: flex-end; align-items: flex-end; flex-direction: column; position: relative; }
.footer-wrap > .footer-inner > .rolling-wrap { width: 458px; height: 56px; background: #fafafa; display: flex; justify-content: center; }
.footer-wrap > .footer-inner > .rolling-wrap > div > ul > li > a > span { margin: 0 32px; }

.about-dis { display: none; }

.pc-video { display: block; }
.m-video { display: none; }




@media(max-width: 1550px){
    .edge { display: none; }
    .section-1 > .sec-inner > iframe { transform: scale(1.4); }
}

@media(max-width: 1300px){
    .section-1 > .sec-inner > iframe { transform: scale(1.6); }
}

@media(max-width: 1350px){
    .menu-under-title { top: 90px; }
    .centered-items { width: 100%; padding: 0 15%; }
    .centered-items > li:first-child,
    .centered-items > li:last-child { display: none; }
}

@media(max-width: 1200px){
    .footer-wrap > .footer-inner > .rolling-wrap { width: 400px; }
}

@media(max-width: 1180px){
    .open-menu-wrap > div:last-child > .line { margin-right: 70px; margin-left: 70px; }
    .open-menu-wrap > div:last-child > .pc-notice { width: 100%; }

    .section-1 > .sec-inner > iframe { transform: scale(2); }
}

@media(max-width: 1023px){
    .footer-wrap > .footer-inner { padding: 0; position: initial; flex-direction: column; }
    .footer-wrap > .footer-inner > .rolling-wrap { width: 100%; }
    .footer-wrap > .footer-inner > ul:first-child { text-align: center; width: 100%; padding: 44px 0; order: 2; }
    .open-menu-wrap { height: 100%; }
    .footer-wrap > .footer-inner > ul:last-child,
    .open-menu-wrap > div:last-child > .pc-notice,
    .open-menu-wrap > div:last-child > .line { display: none; }

    .menu-under-title { left: 20px; }
    .open-menu-wrap > div:last-child > .m-notice { display: block; }
    .notice { padding: 0; }
    .open-menu-wrap > div:last-child { flex-direction: column; }
    .open-menu-wrap { padding: 30px 20px 20px 20px; overflow-y: scroll; }
    .header-wrap > .header-inner { padding: 30px 20px 20px 20px; justify-content: space-between; align-items: center; }
    .header-wrap > .header-inner > .logo-wrap { position: initial; transform: none; }
    .open-menu-wrap > div:last-child > div { margin-top: 45px; position: relative; }
    .open-menu-wrap > div:last-child > div > .gnb { margin-top: 15px; }
    .open-menu-wrap > div:last-child > .m-notice .title:after {
        content: "";
        display: block;
        width: 12px;
        border-bottom: 1px solid #D2C8C0;
        margin: 5px 0px;
      }
    .open-menu-wrap > div:last-child > .m-notice > .pic_lt { margin-bottom: 20px; }
    .open-menu-wrap > div:last-child > .m-notice > .pic_lt:last-child { margin-bottom: 0; }
    .open-menu-wrap > div:last-child > .m-notice > .pic_lt > ul { margin-top: 15px; }
    .open-menu-wrap > div:last-child > .m-notice > .pic_lt > ul > li { display: flex; justify-content: space-between; align-items: flex-start; }
    .open-menu-wrap > div:last-child > .m-notice > .pic_lt:last-child { margin-bottom: 0; }
    .open-menu-wrap > div:last-child > .m-notice > .pic_lt > ul > li > div:first-child { position: relative; width: 35%; padding-bottom: 20.36%; }
    .open-menu-wrap > div:last-child > .m-notice > .pic_lt > ul > li > div:first-child > a > img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; }
    .open-menu-wrap > div:last-child > .m-notice > .pic_lt > ul > li > div:first-child > img { position: absolute; left: 50%; transform: translateX(-50%); bottom: 10px; width: 70%; }
    .open-menu-wrap > div:last-child > .m-notice > .pic_lt > ul > li > div:last-child { width: 60%; display: flex; flex-direction: column; }
    .open-menu-wrap > div:last-child > .m-notice > .pic_lt > ul > li > div:last-child > span { margin-top: 2%; }
    .logo-wrap .font-head5 { font-size: 20px!important; }
    .header-wrap > .header-inner > .logo-wrap .logo-img { width: 28px; }
    .open-menu-wrap > div:first-child > .logo-wrap .logo-img { width: 28px; }


    .side-gradi-wrap > div > ul > li { width: 6px; }
    .side-gradi-wrap > div > ul > li:first-child { width: 12px; }
    .fixed-icon { top: 10%; transform: none; right: 13px; }
    .header-wrap > .header-inner > .call-wrap { display: block; }

    .open-menu-wrap > div:last-child > div > .gnb-in-login { display: block; position: absolute; right: 0; top: 0; }

    .section-1 > .sec-inner > iframe { transform: scale(2.2); }

    .section-1 > .sec-inner > #mute { position: absolute; left: 20px; top: 80px; cursor: pointer; right: auto; width: 80px; }
    .section-1 > .sec-inner > #unmute { position: absolute; left: 105px; top: 80px; cursor: pointer; right: auto; width: 80px; }
    
}

@media(max-width: 767px) {
    .centered-items { padding: 0 60px; }
    .centered-items > li:nth-child(3) { display: none }
    .header-wrap > .header-inner { padding: 20px; }

    .fixed-icon { display: none; }
    .footer-wrap > .footer-inner > ul:first-child { padding: 10px 0; }
    .menu-under-title { top: 60px; }
    .menu-under-title > .gnb > .font-body3 { font-size: 12px; }

    .logo-wrap .font-head5 { font-size: 16px!important; }
    .header-wrap > .header-inner > .logo-wrap .logo-img { width: 25px; }
    .open-menu-wrap > div:first-child > .logo-wrap .logo-img { width: 25px; }

    .header-wrap > .header-inner > .menu-wrap img { width: 25px; }
    .open-menu-wrap > div:first-child > .close-wrap img { width: 22px; }

    .section-1 > .sec-inner > iframe { transform: scale(1.4); }
    .pc-video { display: none; }
    .m-video { display: block; }

    .section-1 > .sec-inner > #mute { position: absolute; left: 20px; top: 70px; cursor: pointer; right: auto; width: 70px; }
    .section-1 > .sec-inner > #unmute { position: absolute; left: 95px; top: 70px; cursor: pointer; right: auto; width: 70px; }

}

@media(max-width: 480px) {
    .centered-items > li:nth-child(4) { display: none }
}