
/* 공통 */
p, dd{word-break:keep-all;}
.pc{display:block;}
.mob{display:none;}
.bl_txt{color:#1A2756;}
.inner{max-width:1600px; margin:0 auto;}
.inner2{max-width:1400px; margin:0 auto;}
body{overflow: hidden !important; position:relative;}
.cursor {position:absolute; top:0; left: 0; transform:translate(60px); z-index: 10000000;}


/* header */
.header{height:70px; position:fixed; top:0; z-index:100; width:100%; background: #fff;}
.header .inner{height:100%; display:flex; align-items:center; justify-content:space-between;}
.header .inner > div{display:flex; align-items:center;}
.header .logo{width: 190px;}
.header .gnb{display:flex; gap:10px;}
.header .gnb > li{position:relative; padding: 0 40px;}
.header .gnb > li:hover{background: #FFCB4E;}
.header .gnb > li:hover .gnb_2depth{background: #FFCB4E;}
.header .gnb > li > a{font-size: 17px; color: #4C250D; font-family: 'yg-jalnan'; line-height:70px; display: block; position: relative;}
.header .gnb > li:hover > a:after{content: ''; display: block; width: 8px; height: 8px; border-radius:50%; background: #4C250D; position: absolute; bottom: -4px; left: 50%; transform:translateX(-50%); z-index: 10;}
.header .gnb_2depth_bg {position:absolute; width:100%; height: 125px; background: #fff; bottom:-125px; left:0; overflow: hidden; display:none;}
.header .gnb_2depth_bg .inner{position:relative;}
.header .gnb_2depth_bg .inner:before{content:''; display:block; width:375px; height:138px; background:url("/img/main/gnb_2depth_bg1.svg") no-repeat center / contain; position:absolute; right:0; bottom: 0;}
.header .gnb_2depth{position:absolute; top:70px; display:none; width: 100%; left: 0; text-align: center; height: 125px; padding-top: 30px;}
.header .gnb_2depth li + li{margin-top:23px;}
.header .gnb_2depth li a{font-size: 16px; font-weight: 500; color:#4C250D; letter-spacing: -0.8px; white-space:nowrap; line-height: 1.3;}
.header .gnb_2depth li a:hover{font-weight: 700;}
.header .head_rt{display: flex; align-items: center; gap:40px;}
.header .head_rt a{font-size: 15px; font-family: 'yg-jalnan'; color: #fff; display: inline-block; line-height: 40px; padding: 0 30px; border-radius: 50px; background: #4C250D;}
.header .all_menu_btn{width: 28px; cursor:pointer;}
.head_mob_btn{display:none !important;}
.head_bg{display:none !important;}

.header:hover .gnb_2depth{display:block;}
.header:hover .gnb_2depth_bg{display:block;}


/* all menu */
.all_menu{display: none; position:fixed; width:100%; height:100%; z-index:5000; background: rgba(255, 255, 255, 0.95);}
.all_menu_close{position:absolute; right:44px; top:60px; width:32px; cursor:pointer;}
.all_menu_close img{width:100%;}
.all_menu_logo{text-align: center; margin-top: 120px;}
.all_menu_logo img{width: 250px;}
.all_menu_list{margin-top:95px; display:flex;}
.all_menu_list dl{width:25%; min-height: 240px;}
.all_menu_list dl + dl{border-left:1px solid #E2E2E2; padding-left:40px;}
.all_menu_list dt{font-size:25px; color: #4C250D; font-family: 'yg-jalnan'; margin-bottom:35px;}
.all_menu_list dd + dd{margin-top:15px;}
.all_menu_list dd a{font-size:18px; color: #4C250D;}
.all_menu_list dd:hover a{color: #FFC332; font-weight: 700; text-decoration:underline;}


/* quick */
.quick {position: fixed; z-index: 1000; right: 50px; bottom: 40px; transition:all 0.3s;}
.quick ul{display: flex; flex-direction: column; align-items: flex-end;}
.quick ul li + li{margin-top:10px;}
.quick ul li a{display:block; width: 60px; height: 60px; border-radius:50%; background: #FFCB4E;}
.quick ul li.q_btn a{display:flex; justify-content:center; align-items:center; transition:all 0.3s;}
.quick ul li.q_btn span{display:none; font-size:0; transition:all 0.5s;}
.quick ul li.q_btn:hover a{width: 180px; border-radius: 80px; justify-content:space-between; padding: 0 18px 0 25px;}
.quick ul li.q_btn:hover span{display:block; font-size: 16px; font-weight: 700; color:#4C250D; animation: opacity 0.3s linear;}
.quick ul li.q_plus_btn{display: none;}
.quick ul li.q_top_btn a{background:#FAFAFA url("/img/brand/q_top_ic.svg") no-repeat center / 19px !important;}
.quick ul li i{display:inline-block; width:22px; height:23px;}
.quick ul li .q_ic{background:url("/img/brand/q_ic.svg") no-repeat center / contain;}
.quick ul li .q_ic1{background:url("/img/brand/q_ic1.svg") no-repeat center / contain;}
.quick ul li .q_ic2{background:url("/img/brand/q_ic2.svg") no-repeat center / contain; }
.quick ul li .q_ic3{background:url("/img/brand/q_ic3.svg") no-repeat center / contain; width: 24px; height: 17px;}

@keyframes opacity{
	0%{opacity:0}
	100%{opacity:1}
}


/* nav */
#navi{position:fixed; top:50%; transform:translateY(-50%); left:40px; z-index:10;}
#navi ul li{min-height: 21px;}
#navi ul li + li{margin-top:20px;}
#navi ul li a{font-size: 0;}
#navi ul li a span{display:inline-block; vertical-align:middle; margin-right:10px; width: 8px; height: 8px; border-radius:50%; border:1px solid #4C250D;}
#navi ul li a.active{font-size: 18px; font-weight: 700; letter-spacing: -0.8px; color:#4C250D;}
#navi ul li a.active span{background:#4C250D;}


/* main visual */
#visual{position: relative;}
.visual_slider{height: 100%;}
.visual_slider div{height: 100%;}
.visual_slider .swiper-slide{position: relative;}
.visual_slider .swiper-slide a{display: block; height: 100%;}
.visual_slider .swiper-slide .vis_img img{width: 100%; height: 100%; object-fit:cover;}
.visual_slider .swiper-slide .vis_txt{position: absolute; width: 1600px; top: 230px; left: 50%; transform:translateX(-50%); height: auto;}
.visual_slider .swiper-slide .vis_txt em{font-size:22px; color: #4C250D; font-family: 'yg-jalnan'; display: block;}
.visual_slider .swiper-slide .vis_txt .logo{margin-top: 23px; width: 210px;}
.visual_slider .swiper-slide .vis_txt .title{margin-top: 23px; font-size: 72px; font-family: 'yg-jalnan'; line-height: 1.1; word-break:keep-all;}
.visual_slider .swiper-slide .vis_txt p{margin-top: 60px; font-size: 18px; color: #4C250D; font-weight: 500; letter-spacing: -0.4px; line-height: 1.4;}
.visual_slider .swiper-slide .vis_txt p strong{font-size: 22px; font-weight: 800;}
.visual_slider .swiper-slide .vis_img .mob{display: none;}
.vis_arrow{display: flex; justify-content: center; align-items: center; position: absolute; left: 50%; transform:translateX(-50%); gap:60px; bottom: 60px;}
.vis_arrow:before{content: ''; display: block; width: 1px; height: 21px; background: #A78F76; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);}
.vis_arrow div{display: flex; align-items: center; gap:20px; cursor: pointer;}
.vis_arrow div img{width: 20px;}
.vis_arrow div strong{font-size: 22px; color: #4C250D;}
.vis_scroll{font-size: 16px; font-weight: 600; line-height: 24px; color: #4C250D; writing-mode: vertical-lr; position: absolute; left:30px; bottom: 80px; animation: vis_scroll 1.3s infinite ease-out both;}
.vis_scroll img{display: inline-block; vertical-align: bottom; margin-top: 5px;}

.visual_slider .swiper-slide.slick-current .vis_txt em{animation: txt_ani 1s ease both;}
.visual_slider .swiper-slide.slick-current .vis_txt .logo{animation: txt_ani 1.5s ease both;}
.visual_slider .swiper-slide.slick-current .vis_txt .title{animation: txt_ani 1.5s ease both;}
.visual_slider .swiper-slide.slick-current .vis_txt p{animation: txt_ani 2s ease both;}

@keyframes vis_scroll {
	0% {transform:translateY(-20px)}
	50% {transform:translateY(0)}
	100% {transform:translateY(-20px)}
}

@keyframes txt_ani {
	0% {opacity:0; transform: translateY(100px);}
	100% {opacity:1; transform: translateY(0);}
}

/* main section1~4 */
/* .fp-tableCell{vertical-align: initial;} */
.section .inner2{min-height: 640px;}
.section{position: relative;}
.section:before{font-size: 240px; letter-spacing: -2px; font-family: 'yg-jalnan'; color: #4C250D; opacity: 0.02; line-height: 0.85; position: absolute; left: 0; bottom: -10px; z-index: 10;}
#section1, #section3{background: #FDF6EB;}
#section2, #section5{background: #FFCB4E;}
#section1:before{content: 'TAKOYAKI';}
#section2:before{content: 'NOODLE';}
#section3:before{content: 'SET MENU';}
#section4:before{content: 'DRINK&ALCHOL'; left: -10px;}
#section2 .menu_swiper .swiper-slide .txt span, 
#section5 .menu_swiper .swiper-slide .txt span{color: #876854;}
.main_txt{margin-top: 200px; color: #4C250D;}
.main_txt.center{text-align: center;}
.main_txt em{font-size: 20px; font-weight: 500; letter-spacing: -0.4px; display: block; margin-bottom: 10px;}
.main_txt .title{font-size: 60px; letter-spacing: -1px; font-family: 'yg-jalnan'; margin: 10px 0 40px; line-height: 1; margin-top: 0 !important;}
.main_txt .title span{color: #FFCB4E;}
.main_txt strong{font-size: 25px; letter-spacing: -0.4px; font-weight: 800; display: block;}
.main_txt p{font-size: 18px; letter-spacing: -0.4px; margin-top: 15px; line-height: 1.5; font-weight: 500;}
.main_btn{font-size: 16px; margin-top: 40px; width: 163px; height: 46px; display: flex; justify-content: center; align-items: center; border-radius: 50px; background: #4C250D; color: #fff; font-family: 'yg-jalnan'; position: relative; overflow: hidden; transition: all 0.3s;}
.main_btn span{position: relative; z-index: 20;}
.main_btn i{display: inline-block; vertical-align: middle; width: 18px; height: 18px; background: url("/img/brand/btn_arrow.svg") no-repeat center / 100%; margin: -2px 0 0 5px; transition: all 0.3s;}
.main_btn:before {z-index: 10; content: ""; position: absolute; transition: all 0.3s; left: 0; bottom: 0; width: 100%; height: 0; border-top-left-radius: 50%; border-top-right-radius: 50%;}
.main_btn.ani_btn1:hover {color:#4C250D; background: #FFCB4E;}
.main_btn.ani_btn2:hover {color:#4C250D; background: #FFF;}
.main_btn.ani_btn1:before {background: #FFCB4E;}
.main_btn.ani_btn2:before {background: #FFF;}
.main_btn:hover:before {height: 200%;}
.main_btn:hover i {background-image: url("/img/brand/btn_arrow_ov.svg");}
.menu_swiper_wrap{position: absolute; width: 61.45%; top: 160px; right: 0;}
.menu_swiper .swiper-wrapper{align-items: flex-end;}
.menu_swiper .swiper-slide .img{height: 25.68vw;}
.menu_swiper .swiper-slide .img img{width: 100%; height: 100%; object-fit:cover;}
.menu_swiper .swiper-slide a{display: block;}
.menu_swiper .swiper-slide .txt{margin-top: 30px; text-align: center; display: none;}
.menu_swiper .swiper-slide.swiper-slide-active .txt{display: block;}
.menu_swiper .swiper-slide .txt .title{font-size: 30px; letter-spacing: -1px; color: #4C250D; font-family: 'yg-jalnan';}
.menu_swiper .swiper-slide .txt span{font-size: 20px; letter-spacing: -0.4px; font-weight: 500; color: #C0AC9F;}
.menu_swiper .swiper-slide .txt p{font-size: 20px; letter-spacing: -0.4px; margin-top: 10px; font-weight: 500; color: #4C250D; line-height: 1.5;}

/* .section.active .main_txt em{animation: txt_ani 1s ease both;} */
/* .section.active .main_txt .title{animation: txt_ani 1.2s ease both;} */
.section.active .main_txt strong{animation: txt_ani 1.5s ease both;}
.section.active .main_txt p{animation: txt_ani 1.5s ease both 0.3s;}
.section.active .main_txt .main_btn{animation: txt_ani 1.5s ease both 0.6s;}
.section.active .menu_swiper_wrap{animation: menu_ani 1.5s ease both;}

@keyframes menu_ani {
	0% {opacity:0;}
	100% {opacity:1;}
}

/* main section5 */
#section5 .main_txt, #section6 .main_txt{margin-top: 160px;}
.main_txt.center .title{margin-bottom: 0;}
.ev_list{display: flex; justify-content: space-between; margin-top: 50px;}
.ev_list li{width: 24%; border-radius:30px; overflow: hidden; }
.ev_list li .img{height: 280px;}
.ev_list li .img img{width: 100%; height: 100%; object-fit:cover;}
.ev_list li .txt{padding: 40px 25px; background: #fff; }
.ev_list li .txt p{font-size: 22px; font-weight: 500; letter-spacing: -0.4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 20px;}
.ev_list li .txt span{font-size: 16px; letter-spacing: -0.4px; color: #666;}
.ev_btn{text-align: center; margin-top: 55px;}
.ev_btn .main_btn{margin: 0 auto; width: 180px;}

.section.active .ev_list{animation: txt_ani 2s ease both;}
.section.active .ev_btn .main_btn{animation: txt_ani 2.2s ease both;}

/* main section6 */
.srh_wrap{margin-top: 40px; text-align: center;}
.srh_wrap input{width: 560px; height: 70px; padding: 0 50px; border-radius: 100px; border: 1px solid #CCC; background: #FFF; font-size: 22px;}
.srh_wrap input::placeholder{color: #ADADAD;}
.srh_wrap button{font-size: 22px; line-height: 70px; padding: 0 78px; font-weight: 800; border-radius: 100px; background: #4C250D; color: #fff; border:none; display: inline-block; margin-left: 20px;}
.store_wrap{margin-top: 60px;}
.store_table{width: 100%; border-collapse:collapse; border-top: 1px solid #4C250D; letter-spacing: -0.4px;}
.store_table tr{border-bottom: 1px solid #A78F76;}
.store_table th{padding: 28px; font-size: 20px; font-weight: 700; color: #4C250D;}
.store_table th:nth-child(1){width: 25%;}
.store_table th:nth-child(3){width: 15%;}
.store_table th:nth-child(4){width: 15%;}
.store_table td{padding: 25px; font-size: 18px; color: #6D6D6D; text-align: center;}
.store_table td:first-child{color: #4C250D; font-weight: 700;}
.store_table td:nth-child(2){text-align: left;}
.store_table td .go_store{display: inline-block; width: 40px; height: 40px; background: url("/img/brand/go_store_ic.svg") no-repeat center / 100%;}
.store_pager{margin-top: 30px; display: flex; justify-content: center; gap:25px;}
.store_pager ul{display: flex; gap:10px;}
.store_pager ul li a{display: block; width: 41px; height: 41px; line-height: 41px; border-radius:50%; border: 1px solid #E3E3E3; font-size: 20px; color: #868686; font-weight: 500; text-align: center;}
.store_pager ul li a.active{background: #4C250D; border-color: #4C250D; color: #fff;}
.store_pager ul li a.first{background: url("/img/brand/pager_first.svg") no-repeat center / 14px;}
.store_pager ul li a.prev{background: url("/img/brand/pager_prev.svg") no-repeat center / 8px;}
.store_pager ul li a.next{background: url("/img/brand/pager_next.svg") no-repeat center / 8px;}
.store_pager ul li a.last{background: url("/img/brand/pager_last.svg") no-repeat center / 14px;}

.store_table tr.no_data td{padding: 90px 0; text-align: center;}
.store_table tr.no_data td img{width: 40px;}
.store_table tr.no_data td p{font-size: 16px; letter-spacing: -0.4px; font-weight: 400; color: #6D6D6D; margin-top: 15px;}

.section.active .srh_wrap{animation: txt_ani 2s ease both;}
.section.active .store_wrap{animation: txt_ani 2.2s ease both;}


/* footer */
#footer{background: #3D250B; color: #A78F76;}
#footer a{color: #A78F76;}
#footer .inner{padding: 65px 0;}
#footer .wh_font{color: #fff !important;}
.ft_logo{width: 190px;}
.ft_cont{margin-top: 40px; display: flex; justify-content: space-between;}
.ft_info{font-size: 14px; letter-spacing: -0.4px;}
.ft_info .name{margin-bottom: 10px; font-weight: 600;}
.ft_info ul li + li{margin-top: 10px;}
.ft_info ul li span{display: inline-block;}
.ft_info ul li span + span{margin-left: 10px;}
.ft_info .copy{font-size: 12px; margin-top: 50px;}
.ft_use{text-align: right;}
.ft_use li + li{margin-top: 10px;}
.ft_use li a{font-size: 16px;}
.ft_sns{margin-top: 35px; text-align: right;}
.ft_sns a{display: inline-block; width: 30px;}
.ft_sns a img{width: 100%;}
.ft_sns a + a{margin-left: 10px;}




@media screen and (max-width:1600px){

	/* 공통 */
	.inner{max-width:100%; padding: 0 2.50vw;}
	.inner2{max-width:100%; padding: 0 2.50vw;}


	/* header */
	.header{height:4.38vw; padding:0;}
	.header .logo{width: 13.19vw;}
	.header .gnb{gap:0.63vw;}
	.header .gnb > li{padding: 0 2.00vw;}
	.header .gnb > li > a{font-size: 1.06vw; line-height:4.38vw;}
	.header .gnb > li:hover > a:after{width: 0.50vw; height: 0.50vw; bottom: -0.25vw;}
	.header .gnb_2depth_bg {height: 7.81vw; bottom:-7.81vw;}
	.header .gnb_2depth_bg .inner:before{width:23.44vw; height:8.63vw;}
	.header .gnb_2depth{top:4.38vw; height: 7.81vw; padding-top: 1.88vw;}
	.header .gnb_2depth li + li{margin-top:1.44vw;}
	.header .gnb_2depth li a{font-size: 1.00vw; letter-spacing: -0.05vw;}
	.header .head_rt{gap:2.50vw;}
	.header .head_rt a{font-size: 0.94vw; line-height: 2.50vw; padding: 0 1.88vw;}
	.header .all_menu_btn{width: 1.75vw;}


	/* all menu */
	.all_menu_close{right:2.75vw; top:3.75vw; width:2.00vw;}
	.all_menu_logo{margin-top: 7.50vw;}
	.all_menu_logo img{width: 17.36vw;}
	.all_menu_list{margin-top:5.94vw;}
	.all_menu_list dl{width:25%; min-height: 15.00vw;}
	.all_menu_list dl + dl{padding-left:2.50vw;}
	.all_menu_list dt{font-size:1.56vw; margin-bottom:2.19vw;}
	.all_menu_list dd + dd{margin-top:0.94vw;}
	.all_menu_list dd a{font-size:1.13vw;}


	/* quick */
	.quick {right: 2.50vw; bottom: 2.50vw;}
	.quick.on{bottom: 23.5vw;}
	.quick ul li + li{margin-top:0.63vw;}
	.quick ul li a{width: 3.75vw; height: 3.75vw;}
	.quick ul li.q_btn:hover a{width: 11.25vw; padding: 0 1.13vw 0 1.56vw;}
	.quick ul li.q_btn:hover span{font-size: 1.00vw;}
	.quick ul li.q_top_btn a{background-size:1.19vw !important;}
	.quick ul li i{width:1.38vw; height:1.44vw;}
	.quick ul li .q_ic3{width: 1.50vw; height: 1.06vw;}


	/* nav */
	#navi{left:2.50vw; display: none;}
	#navi ul li{min-height: 1.31vw;}
	#navi ul li + li{margin-top:1.25vw;}
	#navi ul li a span{margin-right:0.63vw; width: 0.50vw; height: 0.50vw;}
	#navi ul li a.active{font-size: 1.13vw; letter-spacing: -0.05vw;}


	/* main visual */
	.visual_slider .swiper-slide .vis_txt{width: 100%; padding: 0 2.50vw; top: 14.38vw;}
	.visual_slider .swiper-slide .vis_txt em{font-size:1.38vw;}
	.visual_slider .swiper-slide .vis_txt .logo{margin-top: 1.44vw; width: 13.13vw;}
	.visual_slider .swiper-slide .vis_txt .title{margin-top: 1.44vw; font-size: 4.50vw;}
	.visual_slider .swiper-slide .vis_txt p{margin-top: 3.75vw; font-size: 1.13vw; letter-spacing: -0.05vw;}
	.visual_slider .swiper-slide .vis_txt p strong{font-size: 1.38vw;}
	.vis_arrow{gap:3.75vw; bottom: 3.75vw;}
	.vis_arrow:before{height: 1.31vw;}
	.vis_arrow div{gap:1.25vw;}
	.vis_arrow div img{width: 1.25vw;}
	.vis_arrow div strong{font-size: 1.38vw;}
	.vis_scroll{font-size: 1.00vw; line-height: 1.50vw; left:1.88vw; bottom: 5.00vw;}
	.vis_scroll img{margin-top: 0.31vw; width: 1.50vw;}


	/* main section1~4 */
	.section .inner2{min-height: 39vw;}
	.section:before{font-size: 15.00vw; letter-spacing: -0.13vw; bottom: -0.63vw;}
	#section4:before{left: -0.63vw;}
	.main_txt{margin-top: 12.50vw;}
	.main_txt em{font-size: 1.25vw; letter-spacing: -0.06vw; margin-bottom: 0.63vw;}
	.main_txt .title{font-size: 3.75vw; letter-spacing: -0.07vw; margin: 0.63vw 0 2.50vw;}
	.main_txt strong{font-size: 1.56vw; letter-spacing: -0.05vw;}
	.main_txt p{font-size: 1.13vw; letter-spacing: -0.05vw; margin-top: 0.94vw;}
	.main_btn{font-size: 1.00vw; margin-top: 2.50vw; width: 10.19vw; height: 2.88vw;}
	.main_btn i{width: 1.13vw; height: 1.13vw; margin: -0.13vw 0 0 0.31vw;}
	.menu_swiper_wrap{width: 61.45%; top: 50%; transform:translateY(-50%);}
	.menu_swiper .swiper-slide .img{height: 24.81vw;}
	.menu_swiper .swiper-slide .txt{margin-top: 1.88vw;}
	.menu_swiper .swiper-slide .txt .title{font-size: 1.88vw; letter-spacing: -0.07vw;}
	.menu_swiper .swiper-slide .txt span{font-size: 1.25vw; letter-spacing: -0.03vw;}
	.menu_swiper .swiper-slide .txt p{font-size: 1.25vw; letter-spacing: -0.05vw; margin-top: 0.63vw;}

	/* main section5 */
	#section5 .main_txt, #section6 .main_txt{margin-top: 9.00vw;}
	.ev_list{margin-top: 3.13vw;}
	.ev_list li{width: 24%; border-radius:1.88vw;}
	.ev_list li .img{height: 17.50vw;}
	.ev_list li .txt{padding: 2.50vw 1.56vw;}
	.ev_list li .txt p{font-size: 1.38vw; letter-spacing: -0.06vw; margin-bottom: 1.25vw;}
	.ev_list li .txt span{font-size: 1.00vw; letter-spacing: -0.03vw;}
	.ev_btn{margin-top: 3.44vw;}
	.ev_btn .main_btn{width: 11.25vw;}

	/* main section6 */
	.srh_wrap{margin-top: 2.50vw;}
	.srh_wrap input{width: 35.00vw; height: 4.38vw; padding: 0 3.13vw; font-size: 1.38vw;}
	.srh_wrap button{font-size: 1.38vw; line-height: 4.38vw; padding: 0 4.88vw; margin-left: 1.25vw;}
	.store_wrap{margin-top: 3.75vw;}
	.store_table{letter-spacing: -0.06vw;}
	.store_table th{padding: 1.75vw; font-size: 1.25vw;}
	.store_table td{padding: 1.56vw; font-size: 1.13vw;}
	.store_table td .go_store{width: 2.50vw; height: 2.50vw;}
	.store_pager{margin-top: 1.88vw; gap:1.56vw;}
	.store_pager ul{gap:0.63vw;}
	.store_pager ul li a{width: 2.56vw; height: 2.56vw; line-height: 2.56vw; font-size: 1.25vw;}
	.store_pager ul li a.first{background-size: 0.88vw;}
	.store_pager ul li a.prev{background-size: 0.50vw;}
	.store_pager ul li a.next{background-size: 0.50vw;}
	.store_pager ul li a.last{background-size: 0.88vw;}

	.store_table tr.no_data td{padding: 5.63vw 0;}
	.store_table tr.no_data td img{width: 2.50vw;}
	.store_table tr.no_data td p{font-size: 1.00vw; letter-spacing: -0.03vw; margin-top: 0.94vw;}


	/* footer */
	#footer .inner{padding: 4.06vw 2.50vw;}
	.ft_logo{width: 13.19vw;}
	.ft_cont{margin-top: 2.50vw;}
	.ft_info{font-size: 0.88vw; letter-spacing: -0.05vw;}
	.ft_info .name{margin-bottom: 0.63vw;}
	.ft_info ul li + li{margin-top: 0.63vw;}
	.ft_info ul li span + span{margin-left: 0.63vw;}
	.ft_info .copy{font-size: 0.75vw; margin-top: 3.13vw;}
	.ft_use li + li{margin-top: 0.63vw;}
	.ft_use li a{font-size: 1.00vw;}
	.ft_sns{margin-top: 2.19vw;}
	.ft_sns a{width: 1.88vw;}
	.ft_sns a + a{margin-left: 0.63vw;}

}


@media screen and (max-width:1280px){

	/* 공통 */
	.inner{max-width:100%; padding: 0 3.13vw;}
	.inner2{padding: 0 3.13vw;}


	/* header */
	.header{height:5.47vw;}
	.header .logo{width: 14.84vw;}
	.header .gnb{gap:0.78vw;}
	.header .gnb > li{padding: 0 2.50vw;}
	.header .gnb > li > a{font-size: 1.33vw; line-height:5.47vw;}
	.header .gnb > li:hover > a:after{width: 0.63vw; height: 0.63vw; bottom: -0.31vw;}
	.header .gnb_2depth_bg {height: 9.77vw; bottom:-9.77vw;}
	.header .gnb_2depth_bg .inner:before{width:29.30vw; height:10.78vw;}
	.header .gnb_2depth{top:5.47vw; height: 9.77vw; padding-top: 2.34vw;}
	.header .gnb_2depth li + li{margin-top:1.80vw;}
	.header .gnb_2depth li a{font-size: 1.25vw; letter-spacing: -0.06vw;}
	.header .head_rt{gap:3.13vw;}
	.header .head_rt a{font-size: 1.17vw; line-height: 3.13vw; padding: 0 2.34vw;}
	.header .all_menu_btn{width: 2.19vw;}


	/* all menu */
	.all_menu_close{right:3.44vw; top:4.69vw; width:2.50vw;}
	.all_menu_logo{margin-top: 9.38vw;}
	.all_menu_logo img{width: 19.53vw;}
	.all_menu_list{margin-top:7.42vw;}
	.all_menu_list dl{width:25%; min-height: 18.75vw;}
	.all_menu_list dl + dl{padding-left:3.13vw;}
	.all_menu_list dt{font-size:1.95vw; margin-bottom:2.73vw;}
	.all_menu_list dd + dd{margin-top:1.17vw;}
	.all_menu_list dd a{font-size:1.41vw;}


	/* quick */
	.quick {right: 3.13vw; bottom: 3.13vw;}
	.quick.on{bottom: 30.13vw;}
	.quick ul li + li{margin-top:0.78vw;}
	.quick ul li a{width: 4.69vw; height: 4.69vw;}
	.quick ul li.q_btn:hover a{width: 14.06vw; padding: 0 1.41vw 0 1.95vw;}
	.quick ul li.q_btn:hover span{font-size: 1.25vw;}
	.quick ul li.q_top_btn a{background-size:1.48vw !important;}
	.quick ul li i{width:1.72vw; height:1.80vw;}
	.quick ul li .q_ic3{width: 1.88vw; height: 1.33vw;}


	/* nav */
	#navi{left:3.13vw;}
	#navi ul li{min-height: 1.64vw;}
	#navi ul li + li{margin-top:1.56vw;}
	#navi ul li a span{margin-right:0.78vw; width: 0.63vw; height: 0.63vw;}
	#navi ul li a.active{font-size: 1.41vw; letter-spacing: -0.06vw;}


	/* main visual */
	.visual_slider .swiper-slide .vis_txt{width: 100%; padding: 0 3.13vw; top: 17.97vw;}
	.visual_slider .swiper-slide .vis_txt em{font-size:1.72vw;}
	.visual_slider .swiper-slide .vis_txt .logo{margin-top: 1.80vw; width: 16.41vw;}
	.visual_slider .swiper-slide .vis_txt .title{margin-top: 1.80vw; font-size: 5.63vw;}
	.visual_slider .swiper-slide .vis_txt p{margin-top: 4.69vw; font-size: 1.41vw; letter-spacing: -0.06vw;}
	.visual_slider .swiper-slide .vis_txt p strong{font-size: 1.72vw;}
	.vis_arrow{gap:4.69vw; bottom: 4.69vw;}
	.vis_arrow:before{height: 1.64vw;}
	.vis_arrow div{gap:1.56vw;}
	.vis_arrow div img{width: 1.56vw;}
	.vis_arrow div strong{font-size: 1.72vw;}
	.vis_scroll{font-size: 1.25vw; line-height: 1.88vw; left:2.34vw; bottom: 6.25vw;}
	.vis_scroll img{margin-top: 0.39vw; width: 1.88vw;}


	/* main section1~4 */
	.section .inner2{min-height: 50vw;}
	.section:before{font-size: 12.55vw; letter-spacing: -0.16vw; bottom: -0.78vw;}
	#section4:before{left: -0.78vw;}
	.main_txt{margin-top: 15.63vw;}
	.main_txt em{font-size: 1.56vw; letter-spacing: -0.08vw; margin-bottom: 0.78vw;}
	.main_txt .title{font-size: 4.69vw; letter-spacing: -0.16vw; margin: 0.78vw 0 3.13vw;}
	.main_txt strong{font-size: 1.95vw; letter-spacing: -0.06vw;}
	.main_txt p{font-size: 1.41vw; letter-spacing: -0.06vw; margin-top: 1.17vw;}
	.main_btn{font-size: 1.25vw; margin-top: 3.13vw; width: 12.73vw; height: 3.59vw;}
	.main_btn i{width: 1.41vw; height: 1.41vw; margin: -0.16vw 0 0 0.39vw;}
	/* .menu_swiper_wrap{width: 61.45%; top: 12.50vw;} */
	.menu_swiper .swiper-slide .txt{margin-top: 2.34vw;}
	.menu_swiper .swiper-slide .txt .title{font-size: 2.34vw; letter-spacing: -0.08vw;}
	.menu_swiper .swiper-slide .txt span{font-size: 1.56vw; letter-spacing: -0.03vw;}
	.menu_swiper .swiper-slide .txt p{font-size: 1.56vw; letter-spacing: -0.06vw; margin-top: 0.78vw;}

	/* main section5 */
	#section5 .main_txt, #section6 .main_txt{margin-top: 9.50vw;}
	.ev_list{margin-top: 3.91vw;}
	.ev_list li{width: 24%; border-radius:2.34vw;}
	.ev_list li .img{height: 21.88vw;}
	.ev_list li .txt{padding: 3.13vw 1.95vw;}
	.ev_list li .txt p{font-size: 1.72vw; letter-spacing: -0.08vw; margin-bottom: 1.56vw;}
	.ev_list li .txt span{font-size: 1.25vw; letter-spacing: -0.03vw;}
	.ev_btn{margin-top: 4.30vw;}
	.ev_btn .main_btn{width: 14.06vw;}

	/* main section6 */
	.srh_wrap{margin-top: 2.8vw;}
	.srh_wrap input{width: 43.75vw; height: 5.47vw; padding: 0 3.91vw; font-size: 1.72vw;}
	.srh_wrap button{font-size: 1.72vw; line-height: 5.47vw; padding: 0 6.09vw; margin-left: 1.56vw;}
	.store_wrap{margin-top: 3.69vw;}
	.store_table{letter-spacing: -0.08vw;}
	.store_table th{padding: 2.19vw; font-size: 1.56vw;}
	.store_table th:nth-child(3){width: 15%;}
	.store_table td{padding: 1.95vw; font-size: 1.41vw;}
	.store_table td .go_store{width: 3.13vw; height: 3.13vw;}
	.store_pager{margin-top: 2.34vw; gap:1.95vw;}
	.store_pager ul{gap:0.78vw;}
	.store_pager ul li a{width: 3.20vw; height: 3.20vw; line-height: 3.20vw; font-size: 1.56vw;}
	.store_pager ul li a.first{background-size: 1.09vw;}
	.store_pager ul li a.prev{background-size: 0.63vw;}
	.store_pager ul li a.next{background-size: 0.63vw;}
	.store_pager ul li a.last{background-size: 1.09vw;}

	.store_table tr.no_data td{padding: 7.03vw 0;}
	.store_table tr.no_data td img{width: 3.13vw;}
	.store_table tr.no_data td p{font-size: 1.25vw; letter-spacing: -0.03vw; margin-top: 1.17vw;}


	/* footer */
	#footer .inner{padding: 5.08vw 3.13vw;}
	.ft_logo{width: 14.84vw;}
	.ft_cont{margin-top: 3.13vw;}
	.ft_info{font-size: 1.09vw; letter-spacing: -0.06vw;}
	.ft_info .name{margin-bottom: 0.78vw;}
	.ft_info ul li + li{margin-top: 0.78vw;}
	.ft_info ul li span + span{margin-left: 0.78vw;}
	.ft_info .copy{font-size: 0.94vw; margin-top: 3.91vw;}
	.ft_use li + li{margin-top: 0.78vw;}
	.ft_use li a{font-size: 1.25vw;}
	.ft_sns{margin-top: 2.73vw;}
	.ft_sns a{width: 2.34vw;}
	.ft_sns a + a{margin-left: 0.78vw;}

}


@media screen and (max-width:768px){

	/* 공통 */
	body{overflow: visible !important;}
	.pc{display: none;}
	.mob{display: block;}
	/* .fp-tableCell{height: auto !important;} */
	.fp-tableCell{vertical-align: middle; padding-top: 12.24vw;}
	#visual .fp-tableCell{padding-top: 0;}
	.cursor{display:none;}


	/* header */
	.header{height:13.24vw;}
	.header .logo{width: 40.74vw;}
	.header .gnb{display: none;}
	.header .head_rt{gap:5.21vw;}
	.header .head_rt a{font-size: 2.86vw; line-height: 7.21vw; padding: 0 4.91vw;}
	.header .all_menu_btn{display: none;}
	.header .head_mob_btn{display: block !important; width: 5.65vw; cursor: pointer;}
	.header:hover .gnb_2depth_bg{display: none;}


	/* sideMenu */
    .head_bg {display: none; position: fixed; right: 0; top: 0; z-index: 101; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100vh; text-align: right;}
	.head_bg.on{display: block !important;}
    .head_bg .head_bg_inner {position: relative; background: #fff; padding: 18.23vw 5.08vw; width: 87.24vw; height: 100%; display: inline-block; text-align: left; overflow-y: auto;}
    .head_bg .head_bg_close {position: absolute; top: 10.03vw; right: 5.08vw;}
    .head_bg .head_bg_close img {width: 3.91vw;}
	.head_bg .head_bg_logo a{display: block;}
    .head_bg .head_bg_logo img {width:46.03vw;}
    .head_bg #accordion {margin-top: 14.46vw; border-top: 1px solid rgba(0, 0, 0, 0.20);}
    .head_bg #accordion li > div {position: relative; font-size: 4.17vw; padding: 4.69vw 0; border-bottom: 1px solid rgba(0, 0, 0, 0.20); font-family: 'yg-jalnan'; color: #4C250D; cursor: pointer;}
    .head_bg #accordion li > div::after {content: ""; background: url("/img/brand/accordion_arrow.svg") no-repeat center / contain; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 2.73vw; height: 1.56vw; transition:all 0.3s;}
    .head_bg .submenu {display: none; padding: 4.17vw 0; border-bottom: 1px solid rgba(0, 0, 0, 0.20);}
    .head_bg .submenu a {display: block; font-size: 3.65vw; font-weight: 400; color: #4C250D; line-height: 2.14;}
    .head_bg .submenu a:hover {text-decoration: underline; text-underline-offset: 0.65vw; text-decoration-thickness: 1px; font-weight: 700; color: #FFCB4E;}
    .head_bg #accordion li.on > div::after {transform: translateY(-50%) rotate(-180deg);}


	/* all menu */
	.all_menu{display: none !important;}


	/* quick */
	.quick {right: 3.13vw; bottom: 5.21vw;}
	.quick.on{bottom: 5.21vw;}
	.quick ul li + li{margin-top:2.30vw;}
	.quick ul li a{width: 12.42vw; height: 12.42vw;}
	.quick ul li.q_btn{display: none;}
	.quick ul li.q_btn:hover a{width: 30.85vw; padding: 0 3.34vw 0 4.26vw;}
	.quick ul li.q_btn:hover span{font-size: 3.13vw;}
	.quick ul li.q_top_btn a{background-size:3.47vw !important;}
	.quick ul li i{width:4.16vw; height:4.39vw;}
	.quick ul li .q_ic3{width: 4.3vw; height: 3.51vw;}
	.quick ul li.q_plus_btn{display: block;}
	.quick ul li.q_plus_btn a{background: #FFCB4E url("/img/brand/q_plus_ic.svg") no-repeat center / 4.9vw;}
	.quick ul li.q_plus_btn.on a{background: #000 url("/img/brand/q_close_ic.svg") no-repeat center / 3.0vw;}


	/* main visual */
	/* #visual{height: 130.21vw !important;} */
	.visual_slider .swiper-slide .vis_txt{top: 27.86vw;}
	.visual_slider .swiper-slide .vis_txt em{font-size:4.17vw;}
	.visual_slider .swiper-slide .vis_txt .logo{margin-top: 3.91vw; width: 31.25vw;}
	.visual_slider .swiper-slide .vis_txt .title{margin-top: 3.91vw; font-size: 10.38vw;}
	.visual_slider .swiper-slide .vis_txt p{margin-top: 7.81vw; font-size: 4.17vw; letter-spacing: -0.07vw;}
	.visual_slider .swiper-slide .vis_txt p strong{font-size: 4.69vw; display: inline-block; margin-bottom: 1vw;}
	.visual_slider .swiper-slide .vis_img .pc{display: none;}
	.visual_slider .swiper-slide .vis_img .mob{display: block;}
	.vis_arrow{gap:8.81vw; bottom: 7.81vw;}
	.vis_arrow:before{height: 3.73vw;}
	.vis_arrow div{gap:3.60vw;}
	.vis_arrow div img{width: 3.60vw;}
	.vis_arrow div strong{font-size: 4.17vw;}
	.vis_scroll{display: none;}


	/* main section1~4 */
	/* .section{height: auto !important;} */
	/* #section1, #section2, #section3, #section4, #section5, #section6{padding: 20.83vw 0;} */
	.section:before{display: none;}
	#section4:before{left: -1.30vw;}
	.main_txt{margin-top: 0;}
	.main_txt em{font-size: 4.17vw; letter-spacing: -0.07vw; margin-bottom: 2.20vw;}
	.main_txt .title{font-size: 9.11vw; letter-spacing: -0.16vw; margin: 2.20vw 0 5.21vw;}
	.main_txt strong{font-size: 4.69vw; letter-spacing: -0.10vw;}
	.main_txt p{font-size: 3.65vw; letter-spacing: -0.10vw; margin-top: 1.95vw;}
	.main_btn{font-size: 3.13vw; margin-top: 5.21vw; width: 30.08vw; height: 9.11vw;}
	.main_btn i{width: 3.34vw; height: 3.34vw; margin: -0.26vw 0 0 1.5vw;}
	.menu_swiper_wrap{width: 100%; position: initial; margin-top: 7.21vw; padding-left: 3.13vw; transform: translateY(0);}
	.menu_swiper .swiper-wrapper{align-items: flex-start;}
	.menu_swiper .swiper-slide .img{height: 41.81vw;}
	.menu_swiper .swiper-slide .txt{margin-top: 5.21vw; display: block;}
	.menu_swiper .swiper-slide .txt .title{font-size: 4.69vw; letter-spacing: -0.16vw;}
	.menu_swiper .swiper-slide .txt span{font-size: 3.65vw; letter-spacing: -0.05vw;}
	.menu_swiper .swiper-slide .txt p{font-size: 3.65vw; letter-spacing: -0.10vw; margin-top: 2.30vw; white-space: pre-wrap;}
	.section.active .menu_swiper_wrap{animation: txt_ani 1.5s ease both 0.9s;}

	/* main section5 */
	#section5 .main_txt, #section6 .main_txt{margin-top: 0;}
	.ev_list{margin-top: 7.72vw; display: block;}
	.ev_list li{width: 100%; border-radius:3.91vw;}
	.ev_list li a{width: 100%; border-radius:3.91vw; display: flex;}
	.ev_list li:nth-child(n+4){display: none;}
	.ev_list li + li{margin-top: 3.5vw;}
	.ev_list li .img{width: 32.55vw; height: 28.65vw;}
	.ev_list li .txt{width: calc(100% - 32.55vw); padding: 0 5.21vw; display: flex; flex-direction: column; justify-content: center; gap:4.69vw;}
	.ev_list li .txt p{font-size: 4.17vw; letter-spacing: -0.06vw; margin-bottom: 0;}
	.ev_list li .txt span{font-size: 3.13vw; letter-spacing: -0.05vw;}
	.ev_btn{margin-top: 7.16vw;}
	.ev_btn .main_btn{width: 33.20vw;}

	/* main section6 */
	#section6 .fp-tableCell{padding-bottom: 12vw;}
	.srh_wrap{margin-top: 9.77vw; display: flex; justify-content: space-between;}
	.srh_wrap input{width: calc(100% - 2.60vw - 20.83vw); height: 11.98vw; padding: 0 6.51vw; font-size: 3.65vw;}
	.srh_wrap button{font-size: 3.65vw; line-height: 11.98vw; padding: 0; margin-left: 2.60vw; width: 20.83vw;}
	.store_wrap{margin-top: 10vw;}
	.store_table{letter-spacing: -0.06vw;}
	.store_table tr:first-child{display: none;}
	.store_table tr:nth-child(n+4){display: none;}
	.store_table tr{display: block; padding: 5.86vw 0;}
	.store_table td{padding: 0; font-size: 3.85vw; display: block; text-align: left; line-height: 1.4;}
	.store_table td + td{margin-top: 2vw;}
	.store_table td:nth-child(n+2):nth-child(-n+3){padding-right: 13vw;}
	.store_table td:last-child{margin-top: -10.16vw; text-align: right; height: 10.16vw;}
	.store_table td .go_store{width: 10.16vw; height: 10.16vw;}
	.store_pager{margin-top: 10.42vw; gap:3.26vw;}
	.store_pager ul{gap:1.30vw;}
	.store_pager ul li a{width: 7.16vw; height: 7.16vw; line-height: 7.16vw; font-size: 3.5vw;}
	.store_pager ul li a.first{background-size: 2.42vw;}
	.store_pager ul li a.prev{background-size: 1.4vw;}
	.store_pager ul li a.next{background-size: 1.4vw;}
	.store_pager ul li a.last{background-size: 2.42vw;}

	.store_table tr.no_data td{padding: 11.72vw 0;}
	.store_table tr.no_data td img{width: 7.21vw;}
	.store_table tr.no_data td p{font-size: 3.26vw; letter-spacing: -0.05vw; margin-top: 1.95vw;}


	/* footer */
	#footer .fp-tableCell{padding-top: 0;}
	#footer .inner{padding: 12.37vw 3.13vw;}
	.ft_logo{width: 34.74vw;}
	.ft_cont{margin-top: 6.51vw; display: block;}
	.ft_info{font-size: 3.13vw; letter-spacing: -0.10vw;}
	.ft_info .name{margin-bottom: 3.30vw;}
	.ft_info ul li + li{margin-top: 0;}
	.ft_info ul li span{margin-right: 1.30vw; line-height: 1.7;}
	.ft_info ul li span + span{margin-left: 0;}
	.ft_info .copy{font-size: 3.05vw; margin-top: 3.3vw;}
	.ft_cont .right{margin-top: 6.77vw; padding-top: 6.77vw; border-top: 1px solid rgba(255, 255, 255, 0.50);}
	.ft_use{text-align: left; display: flex; gap:3.91vw;}
	.ft_use li + li{margin-top: 0;}
	.ft_use li a{font-size: 3.13vw;}
	.ft_sns{margin-top: 4.56vw; text-align: left;}
	.ft_sns a{width: 7.51vw;}
	.ft_sns a + a{margin-left: 1.30vw;}

}