/*---------------------------------------------- FONT ------------------------------------------------*/

/*---------------------------------------------- COMMON ------------------------------------------------*/
body{font-family: 'NanumSquare', sans-serif;font-size:16px;color:#333;font-weight:400;}
body *{box-sizing:border-box;}
#wrap{max-width:640px;margin:0 auto;overflow:hidden;}
.container{max-width:540px;margin:0 auto;width:90%;}
.w100 > img{width:100%;}

.mobile{display:none;}
.flex_box{display:flex;}

.btn1{width:100%;background:#f42434;color:#fff;font-size:20px;height:65px;line-height:65px;text-align:center;border-radius:10px;}
.btn2{width:250px;height:50px;line-height:50px;border-radius:30px;background:#f42434;text-align:center;color:#fff;}

.mb0{margin-bottom:0 !important;}
.mb50{margin-bottom:50px;}

.pt0{padding-top:0 !important;}
.pb0{padding-bottom:0 !important;}
/*---------------------------------------------- HEADER ------------------------------------------------*/
header{position:relative;}

.head_con{width:100%;height:80px;background:#181818;padding:0 30px;line-height:80px;text-align:center;overflow:hidden;position:relative;}
.head_con .reg_btn{float:left;}
.head_con .logo{display:inline-block;}
.head_con .logo img{width:200px; margin-left:-20px;}
.head_con .menu_btn{position:absolute;right:30px;top:50%;transform:translateY(-50%);}
.head_con .menu_btn span{width:30px;height:3px;display:block;background:#fff;}
.head_con .menu_btn span:not(:last-child){margin-bottom:7px;}

nav{width:490px;position:fixed;top:0;right:0;background:#fff;padding-top:30px;height:100vh;z-index:999;right:-100%;}
.nav_top{overflow:hidden;padding:0 50px;}
.nav_top h1{display:inline-block;}
.nav_top .close_btn{float:right;}

.gnb{border-bottom:1px solid #e0e0e0;margin-top:20px;}
.gnb li{line-height:50px;font-size:15px;font-weight:700;border-top:1px solid #e0e0e0;}
.gnb li a{padding:0 50px;width:100%;}
.gnb > li > a{pointer-events:none;}
.gnb li.on .arrows{transform:rotate(180deg);}
.gnb .arrows{float:right;transition:all .3s;transform:rotate(0deg);}
.gnb .dep2{display:none;}
.gnb .dep2 li{background:#f0f0f0;}

.nav_bg{position:fixed;width:100%;top:0;bottom:0;background:rgba(0,0,0,.8);z-index:998;left:0;right:0;display:none;}
/*---------------------------------------------- MAIN_CON ------------------------------------------------*/
.main_con section{overflow:hidden;}

.main_tit{text-align:center;position:relative;}
.main_tit:after{content:'';width:150px;height:254px;background:url('../images/main/main_tit_deco.png') no-repeat center / cover;position:absolute;top:-190px;left:0;right:0;margin:0 auto;}
.main_tit h2{font-size:35px;letter-spacing:-0.04em;color:#181818;margin-bottom:50px;z-index:2;position:relative;}
.main_tit h2 strong{font-weight:800;}
.main_tit p{line-height:23px;}

/*01_예약 바로가기*/
.main1{height:522px;background:url('../images/main/main1_1.jpg') no-repeat center / cover;}
.main1 .reg_btn{margin-top:358px;}

/*02_배너*/
.main2{position:relative;}

/*03_메뉴*/
.main3{padding:100px 0;}
.main3 .all_btn{margin:50px auto 0;display:block;}

.menu_box{margin-top:50px;}
.menu_box .menu1 .item{position:relative;}
.menu_box .menu1 .item img{width:100%;}
.menu_box .menu1 .txt_box{width:270px;height:120px;background:rgba(0,0,0,.8);position:absolute;left:0;bottom:0;color:#fff;text-align:center;padding-top:30px;}
.menu_box .menu1 .txt_box span{font-size:13px;border-top:1px solid rgba(255,255,255,.4); border-bottom:1px solid rgba(255,255,255,.4);padding:5px 10px;display:inline-block;}
.menu_box .menu1 .txt_box h3{font-size:25px;margin-top:10px;}

.menu_box .menu1 .slick-arrow{width:35px;height:35px;position:absolute;z-index:10;top:226px;left:235px;border:0;background-color:none;text-indent:-999em;cursor:pointer;background-repeat:no-repeat;background-size:contain;}
.menu_box .menu1 .slick-arrow.slick-prev{left:200px;background-image:url('../images/main/menu_prev.jpg');}
.menu_box .menu1 .slick-arrow.slick-prev:after{content:'';width:1px;height:100%;position:absolute;background:#474747;right:0;top:0;}
.menu_box .menu1 .slick-arrow.slick-next{background-image:url('../images/main/menu_next.jpg');}

.menu_box .menu2 li span{float:left;position:relative;width:50%;height:190px;}
.menu_box .menu2 li span img{position:absolute;left:0;transition:all 1s;width:100%;}
.menu_box .menu2 li span:first-child img{top:-190px;}
.menu_box .menu2 li span:last-child img{bottom:-190px;}

.menu_box .menu2 li.slick-current span:first-child img{top:0;}
.menu_box .menu2 li.slick-current span:last-child img{bottom:0;}

/*04_매장안내*/
.main4{background:url('../images/main/main4_1.jpg') no-repeat center / cover;padding:100px 0;}
.main4 .main_tit{color:#fff;}
.main4 .main_tit h2{color:#fff;}
.main4 .main_tit p{opacity:.6;}

.shop_info_box{margin-top:50px;}
.shop_info_box .tab_box{display:flex;justify-content:center;margin-bottom:20px;    gap: 20px;}
.shop_info_box .tab_box li{width:170px;height:50px;line-height:50px;color:#fff;background:#f42434;text-align:center;font-weight:700;font-size:22px;}
.shop_info_box .tab_box a{display:block;}
.shop_info_box .map_box a{display:none;}
.shop_info_box .map_box a.on{display:block;}
.shop_info_box .map_box img{width:100%;}
/*---------------------------------------------- FOOTER ------------------------------------------------*/
footer{background:#3b3b3b;color:#fff;text-align:center;font-size:15px;letter-spacing:-0.04em;}
footer > div{padding:50px 0;}
.foot_info{margin:30px 0 20px;color:rgba(255,255,255,.6);line-height:25px;}
footer .caution{font-size:13px;}
footer .copy{background:#222;height:50px;line-height:50px;font-size:13px;}


@media all and (max-width:640px){
body{font-size:3vw;}
#wrap{width:100%;}
.container{width:90%;}
.mobile{display:block;}

.btn1{font-size:4vw;height:10vw;line-height:10vw;border-radius:2vw;}
.btn2{width:39vw;height:8vw;line-height:8vw;}

.head_con{height:15vw;line-height:15vw;padding:0 5vw;}
.head_con .logo img{width:40vw; margin-left:-3vw;}
.head_con .reg_btn img{width:7vw;}
.head_con .menu_btn{right:5vw;}
.head_con .menu_btn span{width:5vw;height:2px;}
.head_con .menu_btn span:not(:last-child){margin-bottom:4px;}

nav{width:80%;}
.nav_top h1 img{width:6vw;}
.nav_top .close_btn img{width:4vw;}

.gnb li{line-height:8vw;font-size:3vw;}
.gnb .arrows img{width:3vw;}

.main_tit:after{width:23vw;height:40vw;top:-30vw;}
.main_tit h2{font-size:5vw;margin-bottom:8vw;}
.main_tit p{line-height:4vw;}

.main1{height:82vw;}
.main1 .reg_btn{margin-top:56vw;}

.main3{padding:16vw 0;}

.menu_box .menu1 .txt_box{width:50%;height:19vw;padding-top:4vw;}
.menu_box .menu1 .txt_box span{font-size:2vw;padding:1vw 2vw;}
.menu_box .menu1 .txt_box h3{font-size:4vw;margin-top:2vw;}

.menu_box .menu1 .slick-arrow{width:5vw;height:5vw;top:63%;left:44%;}
.menu_box .menu1 .slick-arrow.slick-prev{left:39%;}

.menu_box .menu2 li span{height:31vw;}
.menu_box .menu2 li span:first-child img{top:-31vw;}
.menu_box .menu2 li span:last-child img{bottom:-31vw;}

.menu_box .menu2 li.slick-current span:first-child img{top:0;}
.menu_box .menu2 li.slick-current span:last-child img{bottom:0;}

.main4{padding:16vw 0;}
.shop_info_box{margin-top:8vw;}
.shop_info_box .tab_box li{width:32.3%;height:8vw;line-height:8vw;font-size:3vw;}

footer{font-size:3vw;}
footer > div{padding:5vw 0;}
.foot_info{line-height:4.5vw;margin:3vw 0 3vw;}
.foot_info span{display:none;}
footer .caution{line-height:4vw;font-size:2.5vw;}
footer .copy{height:10vw;line-height:10vw;}
}