.bun-menu{display:inline-block; width:40px; height:27px; position:fixed;  z-index:110;  left:40px; top:40px;}
.bun_par{transform: translateZ(0px);transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0s, color 1s cubic-bezier(0.23, 1, 0.32, 1) 0s; box-sizing: border-box; width:40px; height:27px;}
.bunTxt{color:#fff; font-family: 'Quicksand', sans-serif; font-weight:400;}

.BUN-make-BK .bunTxt{color:#000;}
.BUN-make-BK .buns{background-color:#000;}
.BUN-make-BK{color:#000 !important;}

.buns{background-color:#fff; height:3px; position:absolute; width:100%; transition: all 0.3s ease 0s;}
.bun_1{transform: translateY(0px) translateZ(0px);}
.bun_2{transform: translateY(12px) translateZ(0px);}
.bun_3{transform: translateY(24px) translateZ(0px);}
.BKL_1 .bun_1{transform: translateY(14px) translateZ(0px) rotate(-45deg); }
.BKL_2 .bun_2{transform: translateY(14px) translateZ(0px); opacity:0;  }
.BKL_3 .bun_3{transform: translateY(14px) translateZ(0px) rotate(45deg); }

.GNBOVER .gnbNavigation{}
.GNBOVER .gnbNavigation>ul>li>a>p{color:#000; font-weight:600;}
.GNBOVER .gnbNavigation>i{background-color:rgba(0, 0, 0, 0.2);}
.GNBOVER .utility-menu .util-slide{border:1px solid #383838;}
.GNBOVER .util-reserv a{border:1px solid #383838; color:#000;}
.GNBOVER .util-using a{border:1px solid #383838; color:#000;}
.GNBOVER .movie-dark{backdrop-filter: blur(12px);}

.GNBOVER .utility-menu .language-pc li:nth-child(1){border:1px solid #383838;}
.GNBOVER .language-pc li{color:#000;}
.ESPP .language-pc li:nth-child(1)>i>img{transform-origin:center; transform:rotate(59deg);}
.ESPPS .language-mobile li:nth-child(1)>i>img{transform-origin:center; transform:rotate(59deg);}

.SCROLLER .gnbNavigation{top:-71px;}
.SCROLLER .gnbNavigation>ul>li>a>p{color:#000;}
.SCROLLER .gnbNavigation>i{background-color:rgba(0, 0, 0, 0.2);}
.SCROLLER .utility-menu{top:9px;}
.SCROLLER .utility-menu .util-slide{border:1px solid #383838;}
.SCROLLER .utility-menu a{color:#000;}
/* .SCROLLER .util-reserv a{border:1px solid #383838;} */
.SCROLLER .utility-menu a{color:#000;}
.SCROLLER .reserv-btns{opacity:1;}
.SCROLLER .gotoTop{opacity:1;}


.SCR .gnbNavigation{background-color:rgba(255,255,255,1); box-shadow: 1px 11px 29px -18px rgba(0,0,0,0.35);}

.gnbNavigation{height:120px; width:100%; z-index:100; position:fixed; top:0; left:0; transition-property:top; transition-duration:0.3s;transition-timing-function:cubic-bezier(.01,.43,.51,1); transition-delay:0.1s; }
.gnbNavigation h1{position: absolute; left:50%; transform:translate(-50%, 0); top:12px;}
.gnbNavigation h1 img{width:220px;}
.gnbNavigation em{display:none; background-color:#F5F2ED; position: absolute; z-index:90; width:100%; top:0px; height:580px; left:50%; transform:translate(-50%, 0); box-shadow: 1px 11px 29px -18px rgba(0,0,0,0.3);}
.gnbNavigation>i{position:absolute; left:0; top:70px; background-color:rgba(255, 255, 255, 0.4);display:block; height:1px; width:100%;}
.gnbNavigation_white_bg{display:none; background-color:#F5F2ED; position: absolute; z-index:90; width:100%; top:0px; height:580px; left:50%; transform:translate(-50%, 0); box-shadow: 1px 11px 29px -18px rgba(0,0,0,0.55);  }
.gnbNavigation>ul{display:flex; position:absolute; top:79px; left:52.5%; transform:translate(-50%, 0); z-index:90;}
.gnbNavigation>ul>li{width:190px;}
.gnbNavigation>ul>li>a>p{color:#fff; font-size:16px; letter-spacing:0.5px; font-weight:300;  }
.gnbNavigation>ul>li ul{margin-top:10px;}
.gnbNavigation>ul>li ul li{margin-top:0px;}
.gnbNavigation>ul>li ul li a{font-size:14px; color:#000; display:none; position:relative;}
.gnbNavigation>ul>li ul li a::after{width:0%; height:2px; content:""; background-color:#885D37; position: absolute; left:0; bottom:-3px; transform-origin:top left; transition:all 0.15s;}
.gnbNavigation>ul>li ul li a.on::after{width:100%;}
.gnbNavigation>ul>li ul li a.on{color:#773901;}

.utility-menu{position:absolute; right:30px; top:20px; display:flex; gap:0 10px; transition:all 0.2s; z-index: 10;}
.utility-menu a{color:#fff; font-size:14px;}
.utility-menu .util-slide{border:1px solid #fff; height:30px; width:100px; text-align:center; border-radius:50px; transition:all 0.2s;}
.UTHOV-1 .utility-menu .util-slide{background-color:#fff;} 
.UTHOV-1 .utility-menu .util-slide a{color:#000; transition:all 0.05s;} 
.UTHOV-2 .util-reserv{ } 
.UTHOV-2 .util-reserv a{color:#fff; transition:all 0.05s; border:1px solid #885D37; background-color:#885D37;} 
.UTHOV-3 .util-using a{color:#fff; transition:all 0.05s; border:1px solid #885D37; background-color:#885D37;} 

.util-reserv a{border:1px solid #fff; height:30px; width:100px; text-align:center; border-radius:50px; display:block; transition:all 0.2s; font-size:14px; color:#fff;}
.util-using a{border:1px solid #fff; height:30px; padding:0 12px; text-align:center; border-radius:50px; display:block; transition:all 0.2s; font-size:14px; color:#fff;}
.utility-menu div a img{width:19px; vertical-align:middle;}
.utility-menu div.util-email a img{width:16px;}
.utility-menu div.util-phone{margin-left:10px;}
.utility-menu div.util-email{margin-left:10px;}
.utility-menu div.util-kakao{margin-left:10px;}


.util-reserv{position: absolute; left:30px; top:20px;}
.util-using{position: absolute; left:140px; top:20px;}


/* 모바일 메뉴 코드시작 */
.bun-menu{display:none; width:40px; height:27px; position:fixed;  z-index:110;  right:40px; top:32px; transition:all 0.3s;}
.bun_par{transform: translateZ(0px);transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0s, color 1s cubic-bezier(0.23, 1, 0.32, 1) 0s; box-sizing: border-box; width:40px; height:27px;}
.buns{background-color:#000; height:1px; position:absolute; width:100%; transition: all 0.25s ease 0s;}
.bun_1{transform: translateY(0px) translateZ(0px);}
.bun_2{transform: translateY(12px) translateZ(0px);}
.bun_3{transform: translateY(24px) translateZ(0px);}
.BKL_1 .bun_1{transform: translateY(8px) translateZ(0px) translateX(0px) rotate(-45deg); }
.BKL_2 .bun_2{transform: translateY(11px) translateZ(0px); opacity:0;  }
.BKL_3 .bun_3{transform: translateY(8px) translateZ(0px) translateX(0px) rotate(45deg); }
.mobile-top-bg{display:none; background-color:#fff; width:100%; height:58px; position:fixed; left:0; top:0; z-index:190; box-shadow: 1px 11px 29px -18px rgba(0,0,0,0.17);}
.mobile-gnb{display:block; background-color:#fff; position:fixed; z-index:200; width:100%; height:100vh; top:0; left:100%; transition:all 300ms cubic-bezier(0.015, 0.185, 0.050, 0.985);}
.FGJ{left:0%}

.mobile-gnb h2{display:none; position:fixed; top:12px; left:50%; transform:translate(-50%, 0); z-index:200;}
.mobile-gnb h2 img{width:264px;}
.mUtility{position:relative; left:0px; top:63px; height:44px; width:100%; border-bottom:1px solid #dddddd;}
.mUtility ul.mob-icc li a img{width:17px;}
.mUtility ul.mob-icc{display:flex; gap:0 20px; justify-content:left; position: absolute; left:20px; top:15px;}
.mob-gnbUL{position: absolute; left:0px; top:107px; box-sizing:border-box; width:100%;}
.mob-gnbUL>li>a{padding:0 0 0 20px; height:40px; color:#000; font-size:16px; display:block; text-align:left; border-bottom:1px solid #dddddd; padding-top:14px; position:relative; font-weight:500;}
.mob-gnbUL li{}
.di-open{display:block !important;}
.mob-gnbUL>li>ul{font-family:Pretendard, -apple-system; padding-left:25px; overflow:hidden; overflow:hidden; display:none; transition:all 0.2s; background-color:#f8f8f8; box-sizing:border-box;}
.mob-gnbUL ul li a{color:#000; font-size:14px; display:block; padding-top:10px;}
.mob-gnbUL>li>a>i{position:absolute; }
.mob-gnbUL>li>a>i{display:inline-block; position: absolute; right:20px; top:22px; line-height:0; font-size:0;}
.mob-gnbUL>li>a>i>img{width:12px; transition:all 0.3s;}
.gnbToggleArrow{transform:rotate(180deg);}


.mobileR-btn{position:absolute; right:10px; display:flex; top:5px; gap:0 7px;}
.mobileR-btn div{display:inline-block;}
.mobileR-btn div a{font-size:12px; font-weight:600; color:#000; height:30px; width:70px; display:inline-block; border:1px solid #000;border-radius:50px; text-align:center;}

.mobileT-btn{position:absolute; right:90px; display:flex; top:5px; gap:0 7px;}
.mobileT-btn div{display:inline-block;}
.mobileT-btn div a{font-size:12px; font-weight:600; color:#000; height:30px; padding:0 10px; display:inline-block; border:1px solid #000;border-radius:50px; text-align:center;}

.login-mobile{position:absolute; right:165px;top:5px;}
.login-mobile ul {display:flex; justify-content:space-between;}
.login-mobile ul li a{font-size:12px; font-weight:600; color:#000; height:30px; display:inline-block; text-align:center;}

.mob-gnbUL>li>ul>li>ul{display:flex; flex-wrap:wrap; margin-top:6px;}
.mob-gnbUL>li>ul>li>ul li{width:50%;}
.mob-gnbUL>li>ul>li>ul li a{font-size:13px; line-height:130%; display:block; padding:10px 0 10px;}
/* 모바일 메뉴 코드 끝 */