body{}
#header{position:fixed; top:0; left:0; width:100%; background:#27373f ;z-index:300; height:70px;min-width:1360px;}
#header .header-wr{display:flex; justify-content: space-between; align-items: center; padding-left:50px;height:70px;}
#header .header-wr h1{display: inline-block; height: 32px;}
#header .header-wr h1 a.logo_baking {display: block; height: 100%;  background-image: url('/2022/img/common/logo_baking_wh.png'); background-repeat:no-repeat; background-position:left center; background-size:contain; font-size:12px; line-height:36px; padding-left:113px; color:#999}

.nav-wrap{display:flex; align-items: center;}
.gnb-wrap{display:flex; align-items: center;}
.nav-ul01, .nav-ul02, .nav-ul03 {display:flex;flex-wrap: wrap;height:70px; background:#2a2b2a;align-items: center;}
.nav-ul01{padding-left:24px; padding-right:12px; background:#27373f;}
.nav-ul01 li, .nav-ul02 li {position:relative; padding:0 16px;}
.bubble{top:5px; position: absolute; left: 50%; background: var(--main-color); color: #fff; font-size: 11px; text-align: center;border-radius: 15px; padding: 2px 10px; white-space: nowrap; font-style:normal; letter-spacing:0px;  font-family: 'Outfit', sans-serif; font-weight: 700;}
.nav-ul01 li a, .nav-ul02 li a{font-size:15px; display:block; color:#fff; font-weight:500; line-height:70px;}
.nav-ul02{padding-right:12px; position:relative; padding-left:12px;}
.nav-ul02 li a {display:block; width:31px; background-size: 31px auto !important; background-repeat:no-repeat !important;background-position:center center !important;height:70px;}
.nav-ul02 li span{font-size:0px;}
.nav-ul02 li a.search-btn {background-image: url('/2022/img/icon/icon_search_baking.png');}
.nav-ul02 li div.call-btn {background-image: url('/2022/img/icon/icon_call_baking.png');}
.nav-ul02 li div.call-btn{width:auto !important; line-height:70px;background-position:left center !important; background-repeat:no-repeat !important; height:70px; line-height:70px; padding-left:34px;font-family: 'Outfit', sans-serif; font-weight: 700; font-size:17px; color:#fff;}
.nav-ul02 li a.login-btn {background-image: url('/2022/img/icon/icon_login_baking.png');}
.nav-ul02 li a.review-btn {background-image: url('/2022/img/icon/icon_review_baking.png');}
.nav-ul02 li a.event-btn {background-image: url('/2022/img/icon/icon_event_baking.png');}
.nav-ul03 {background:#927b6c; padding:0 36px 0 36px;}
.nav-ul03 li a{color:#27373f; font-size:16px; background-size: 32px auto !important; background-repeat:no-repeat !important;background-position:left center !important;line-height:70px;display:block;padding-left:36px; padding-right:24px; position:relative; font-weight:500}
.nav-ul03 li a.location-btn {background-image: url('/2022/img/icon/icon_location_baking.png');}

.header-top {border-color: #565656;}
.gnb-branch > li a {color: #fff;}
.gnb-anchor {color: #fff;}

.hambtn{position:fixed;/* left:134px; */left:0px;top:40%;width: 134px;height: 94px;margin-top:-250px;cursor:pointer;z-index:100; background:#fff; padding:20px 20px 20px 60px;box-shadow: 6.6px 7.5px 67px 20px rgba(176, 176, 176, 0.12);}
.hambtn.active{box-shadow: 6.6px 7.5px 67px 20px rgba(176, 176, 176, 0.0);}
.hambtn span{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.hambtn span:not(.ham-txt){width: 45px;height: 4px;background-color: #282828;position: absolute;top: 50%;left: 60px;margin-top: 4px;}
.hambtn span:nth-child(2){width: 23px;margin-top: 14px;}
.hambtn span.ham-txt{font-size:15px;color: #282828;letter-spacing:0;transition: all .6s cubic-bezier(.165,.84,.44,1);background:transparent;top:20px;position:absolute;left:58px;text-align:left;width:100%; font-weight: 700; letter-spacing:-0.025em;}
.hambtn.active > span:nth-child(1){transform: matrix(-0.7071, -0.7071, 0.7071, -0.7071, 0, -5);-webkit-transform: matrix(-0.7071, -0.7071, 0.7071, -0.7071, 0, -5);}
.hambtn.active > span:nth-child(2){transform: matrix(-0.7071, 0.7071, -0.7071, -0.7071, 0, -14);-webkit-transform: matrix(-0.7071, 0.7071, -0.7071, -0.7071, 0, -14);width: 45px;}
.hambtn.active > span.ham-txt{opacity: 0;top:-10px;}
.menu-wrap{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:10;opacity:0;display:none;transition:opacity .6s cubic-bezier(.165,.84,.44,1);-webkit-transition:opacity .6s cubic-bezier(.165,.84,.44,1);}
.menu-img, .menu-wr, .rec-btn{z-index:20;transform: translateX(50%);-webkit-transform: translateX(50%);opacity:0;transition:all 1s cubic-bezier(.165,.84,.44,1);-webkit-transition:all 1s cubic-bezier(.165,.84,.44,1);}
.menu-wr{transition-delay:0.7s;-webkit-transition-delay:0.7s;}
.menu-img{transition-delay:0.9s;-webkit-transition-delay:0.9s;}
.rec-btn{transition-delay:1s;-webkit-transition-delay:1s;}
.menu-wrap.active{opacity:1;}
.active .menu-wr, .active .menu-img, .active .rec-btn{transform: translateX(0);-webkit-transform: translateX(0);opacity:1;transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.active-end .menu-wr, .active-end .menu-img, .active-end .rec-btn{transform: translateX(25%);-webkit-transform: translateX(25%);opacity:0;}
.menu-wrap.active-end {opacity:0;transition-delay:0.5s;-webkit-transition-delay:0.5s;}
.menu-ham .menu-ul > li:before{content: "";display: block;width: 4px;height: 0;background: #282828;position: absolute;left: -36px;top: 0px;transition:all .6s cubic-bezier(.165,.84,.44,1);-webkit-transition:all .6s cubic-bezier(.165,.84,.44,1);}
.menu-ul > li.active{min-height:100px;}
.menu-ul > li.active:before{height:100%;}
.menu-ham .menu-ul > li{margin-left:36px;position:relative;}
.menu-ul > li > a{font-size:21px;color:#27373f;display:inline-block;padding:10px 0;}
.menu-ul > li + li{margin-top:24px;}
.menu-wr{display:Table;max-width:1800px;width:100%;margin:0 auto;table-layout:fixed;height:100%;position:relative;}
.menu-wr > div{display:table-cell;vertical-align:middle;}
.dep02{display:none;}
.dep02 li{display:inline-block;position:relative;}
.dep02 li + li{margin-left:35px;}
.dep02 a{font-size:17px;color:rgba(17, 17, 17, 0.5);}
.dep02 li:hover > a{color:##27373f;}
.menu-li03 li{width:25%;}

.menu-wr .menu-li03 li {float:left;}
.menu-wr .menu-li03:after{display:block; clear:both; content:"";}
.menu-wr .menu-li03 .dep02 li + li{margin-left:0px;}

.gnb-depth{display:none;}
.dep03{font-size:0;width:100%;}
.dep03 li + li{margin-left:0;}
.dep03 li{margin-top:10px;width:50%;}
.dep03 a{font-size:13px;color:rgba(85, 85, 85, 0.7);}
.gnb-depth{position:absolute;left:0;top:100%; width: 100%;background:#fff;border-bottom:1px solid #eee; z-index:101}
.gnb-depwr{max-width:1285px;margin:0 auto;padding:40px 0;}
.gnb-depwr .menu-ul{display:table;width:100%;}
.gnb-depwr .menu-ul > li + li{margin-top:0;}
.gnb-depwr .dep02> li > a{font-size:17px;color:#555;}
.gnb-depwr .dep02 {display:table;/*margin:0 auto;*/}
.gnb-depwr .dep02 > li{margin:0;display:table-cell;vertical-align:top;padding:0 20px;}
.gnb-depwr .dep02 > li + li{border-left:1px solid #f3f3f3;}
.gnb-depwr > .menu-ul > li > a{display:none;}
/*.gnb-depth .menu-li01 > .dep02{width:100%;}*/
.gnb-depth .menu-li{display:none;}
/*.gnb-depth .menu-li02 .dep02{float:right;}
.gnb-depth .menu-li04 .dep02{padding-left: 450px;}*/
.gnb-depwr .dep02 li:hover > a{color:#27373f;font-weight:500;}
.nav-ul01 li.on a, .nav-ul01 li:hover > a{color:#fff;font-weight:500;}
.nav-ul01 li{position:relative;}
.nav-ul01 li.on:before{content:"";display:block;width:100%;height:2px;background:#282828;position:absolute;bottom:0px;left:0px;}

.rec-box{padding:60px 64px;position:relative;z-index:10;  max-width: 428px; background:#e9e9e9; min-height:553px }

.myaca-wrap {background:#927b6c;}
.myaca-wrap.active{color:#27373f}

#botSelectCurri li input[type='Çѽıâ´É»ç'] {display:none;}

/* ¸Þ´º ¿µ¾î ¹ø¿ª Ãß°¡  241008 */
.nav-ul01 li a, .nav-ul02 li a {display:flex;flex-wrap:wrap;flex-direction:column;line-height:unset;}
.nav-ul01 li a .eng, .nav-ul02 li a .eng {font-size:13px;font-weight:400;color:#aaa;padding-top: 2px;}
.nav-ul01 .bubble {top:-18px;}
.menu-ul .dep02 .eng {font-size:13px;font-weight:400;color:#aaa;}
.nav-ul01 li, .nav-ul02 li {padding: 0 14px;}
.nav-ul01 li.on:before {background: #27373f;bottom:-10px;}