@charset 'utf-8';

.wrap { padding-top:0; }

#hd { background:transparent; }
#hd h1 a { background-image: url("../img/common/logo_w.png"); }
#hd .btn_store_inquiry { background-color:#fff; color:#7ba02d; }
#hd .btn_menu { background-image: url("../img/common/ic_menu_w.png"); }

#hd.scroll { background-color:#fff; }
#hd.scroll h1 a { background-image: url("../img/common/logo.png"); }
#hd.scroll .btn_store_inquiry { background-color:#7ba02d; color:#fff; }
#hd.scroll .btn_menu { background-image: url("../img/common/ic_menu.png"); }

#ft { height:auto; padding-bottom:17.0rem; }

#main_bnr { position:relative; background-repeat:no-repeat; background-position:center; background-image:url('../img/main/main_top_bg.jpg'); background-size:cover; box-sizing:border-box; padding:18.3rem 5.6rem 8.0rem 5.6rem;  margin-bottom:2.4rem; }

#slide_bnr { }
#slide_bnr .swiper-slide { border-radius:2.4rem; overflow:hidden; }
#main_inner_bnr .swiper-slide { border-radius:0; }

#slide_tab { margin-top:3.0rem; }
#slide_tab .swiper-slide { color:#fff; text-align:center; font-size:3.2rem; line-height:1.35; padding:1.0rem 0; }
#slide_tab .swiper-slide:after { position:absolute; right:0; top:0; display:block; width:2px; height :9.8rem; background-color:#fff; content:""; }
#slide_tab .swiper-slide:last-child:after { display:none; }
#slide_tab .swiper-slide.swiper-slide-thumb-active { font-weight:700; }

#competitiveness { margin-bottom:7.2rem; }
#competitiveness .swiper-pagination { position:static; margin-top:6.4rem; }
#competitiveness .swiper-pagination .swiper-pagination-bullet { background-color:#c6c6c6; width:2.0rem; height:2.0rem; opacity:1; }
#competitiveness .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color:#7ba02d; }


/* section :: 남도의 맛 */
#main_menu { position:relative; background-color:#ec6726; overflow:hidden; }
#main_menu h3.title { position:absolute; left:5.0rem; top:6.4rem; right:0; z-index:11; }
#main_menu h3.title p { font-size:5.5rem; line-height:1.25; color:#fff; letter-spacing:-3px; }
#main_menu h3.title p strong { color:#fff265; font-size:6.0rem;
	opacity: 1;
	animation-name: opacity_gif;
	animation-duration: 0.8s;
	animation-iteration-count: infinite;
}
#main_menu .icons { position:absolute; display:block; z-index:10; }
#main_menu .icons.p1 { left: 6.3%; top:71.4%; width:10%; }
#main_menu .icons.p2 { left: 68.4%; top:15.9%; width:12%; }
#main_menu .icons.p3 { left: 8.3%; top:58.7%; width:14.0%; }
#main_menu .icons.p4 { right:7.9%; top:18.6%; width:13%; }
#main_menu .icons.p5 { right: 3.2%; top:53.2%; width:18%; }

#slide_main_menu { position:relative; z-index:11; overflow:hidden; }
#slide_main_menu .mySwiper { position:absolute; left:0; bottom:3.3%; display:block; width:100%; z-index:10; }
#slide_main_menu .mySwiper .swiper-slide { position:relative; width:16.8rem; padding:0 1.3rem; box-sizing:border-box; }
#slide_main_menu .mySwiper .swiper-slide span { position:relative; display:block; overflow:hidden; border-radius:16.8rem; border:2px solid #fff; box-sizing:border-box; cursor:pointer; }
#slide_main_menu .mySwiper .swiper-slide span img { position:relative; z-index:1; }

#slide_main_menu .mySwiper .swiper-slide span:after { position:absolute; left:0; top:0; right:0; bottom:0; display:block; background-color:rgba(0,0,0,0.6); content:""; z-index:9; }
#slide_main_menu .mySwiper .swiper-slide.swiper-slide-thumb-active span:after { display:none; }


/* section :: 고객리뷰 */
#review { position:relative; background-repeat:no-repeat; background-position:center; background-image:url('../img/main/review_bg.jpg'); background-size:cover; padding:0 16.4%; }

#review_list { position:relative; overflow:hidden; }
#review_list .swiper { position:absolute; left:0; top:0; right:0; bottom:0; z-index:10; }

#review_box { position:relative; }
#review_box img { width:100%; height:auto; z-index:0; }
#review_box .phone_layout { position:absolute; left:0; top:0; right:0; z-index:11; display:none; }
#review_box #slide_review { position:absolute; left:4.5%; right:4.5%; bottom:0; display:block; z-index:5; border-radius:9% 9% 0 0; overflow:hidden; }


/* section :: 프로모션 */
section.sec { }
section.sec h3 { font-size:6.0rem; line-height:1.25; text-align:center; }
section.sec h3 em { color:#fff482; }
section.sec h3 span.emblem_lime { display:none; width:6.1rem; height:6.1rem; background-repeat:no-repeat; background-position:center; background-image:url('../img/icons/emblem_lime.png'); background-size:100% auto; vertical-align:middle; margin-top:-2.0rem; margin-right:0.5rem; }
section.sec h3 .btn_more { display:inline-block; width:3.3rem; height:3.3rem; background-repeat:no-repeat; background-position:center; background-image:url('../img/icons/icon_link.png'); background-size:100% auto; vertical-align:middle; }

#promotions { position:relative; background-repeat:no-repeat; background-position:center; background-image:url('../img/main/promotions_bg.jpg'); background-size:cover; padding-top:11.0rem; padding-bottom:10.0rem; }
#promotions h3 { color:#fff; margin-bottom:8.0rem; }

#slide_promotions .swiper-slide { width:62.3%; box-sizing:border-box; padding:0 2.5%; text-align:center; }
#slide_promotions .swiper-slide img { width:100%; height:auto; }
#slide_promotions .swiper-pagination { position:static; margin-top:5.5rem;  }
#slide_promotions .swiper-pagination .swiper-pagination-bullet { background-color:#c6c6c6; width:2.0rem; height:2.0rem; opacity:1; }
#slide_promotions .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color:#7ba02d; }


/* section :: 매장찾기 */
#store { padding:7.5rem 0 9.4rem 0; }
#store h3 { margin-bottom:7.0rem; }

#store .flow_banner { position:relative; overflow: hidden; display: flex; max-width: 100%; }
#store .flow_banner .list { display: flex; }
#store .flow_banner .list > li { white-space: nowrap; width:27.4rem; font-size: 18px; color: #fff; padding: 0; margin-right:3.5rem; }


/* contact_btns */
#contact_btns { position:fixed; left:50%; bottom:0; width:100vw; height:10.0rem; background-color:#fff; max-width:750px; min-width:320px; transform:translateX(-50%); display:grid; grid-template-columns:repeat(2, 1fr); background-color:#45392f; z-index:101; }
#contact_btns:after { position:absolute; left:50%; top:0; display:block; width:1px; height:100%; background-color:#27201a; content:""; }
#contact_btns .btn_inquiry { display:block; width:100%; height:10.0rem; border:0; outline:none; cursor:pointer; font-size:0; }
#contact_btns li { background-repeat:no-repeat; background-position:center; background-size:auto 100%; }
#contact_btns li a { display:block; font-size:0; height:10.0rem; }

#contact_btns li.tel { background-image:url('../img/main/btn_contact_tel.jpg'); }
#contact_btns li.inquiry { background-image:url('../img/main/btn_contact_inquiry.jpg'); }
#contact_btns li.inquiry.show { background-image:url('../img/main/btn_contact_inquiry_on.jpg'); }

/* inquirybox */
#inquirybox { position:fixed; left:50%; bottom:-77.0rem; width:100vw; height:77.0rem; max-width:750px; min-width:320px; background-color:#27201a; padding:6.0rem 2.0rem 0rem 2.0rem; z-index:90; box-sizing:border-box; transform:translateX(-50%); transition: bottom 0.5s ease;  }
#inquirybox.show { bottom:10.0rem; } 
#inquirybox .top { margin-bottom:6.0rem; }
#inquirybox .top h2 { text-align:center; margin-bottom:2.5rem;  }
#inquirybox .top h2 img { width:auto; height:6.0rem; }
#inquirybox .top .text { text-align:center; font-size:3.0rem; line-height:1.35; color:#fff; }
#inquirybox .formbox { padding:0 4.5rem; }
#inquirybox .formbox li { margin-bottom:3.8rem; }
#inquirybox .formbox li .fr_input { display:block; width:100%; height:7.0rem; background-color:#fff; padding:0 5.0rem; box-sizing:border-box; outline:none; border:0; border-radius:7.0rem; font-size:2.7rem; }
#inquirybox .formbox li .selectbx { }
#inquirybox .formbox li .selectbx select { display:block; width:100%; height:7.0rem; background-color:#fff; padding:0 5.0rem; box-sizing:border-box; outline:none; border:0; border-radius:7.0rem; font-size:2.7rem; }

#inquirybox .check_agree { position:relative; font-size:2.3rem; color:#fff; line-height:1.45; padding:0 4.5rem; }
#inquirybox .check_agree label { position:relative; cursor:pointer; padding-left:4.2rem; }
#inquirybox .check_agree input { display:none; }
#inquirybox .check_agree label span:before { position:absolute; left:0; top:50%; transform:translateY(-40%); display:block; width:3.2rem; height:3.2rem; background-repeat:no-repeat; background-position:center; background-image:url('../img/common/ic_check.png'); background-size:100% auto; content:""; }
#inquirybox .check_agree label input:checked + span:before { background-image:url('../img/common/ic_check_on.png'); }

#inquirybox .tail_button { margin-top:4.5rem; }
#inquirybox .tail_button .btn_submit { display:block; width:100%; height:8.0rem; line-height:9.0rem; background-color:#6ca638; font-size:3.769rem; border-radius:8.0rem; cursor:pointer; border:0; color:#fff; font-weight:700; }

/* popbx_wr */
.popbx_wr { position:fixed; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,0.7); z-index:1000; display:none; }
.popbx_wr .popbx { position:relative; left:5.4rem; top:22.0rem; bottom:27.0rem; width:calc(100vw - 10.8rem); z-index:10; background-color:#fff; border-radius:2.0rem; overflow:hidden; font-size:2.7rem; line-height:1.35; padding:6.5rem 5.2rem; box-sizing:border-box;  }
.popbx_wr .popbx h3 { font-size:3.0rem; line-height:1.35; font-weight:700; margin-bottom:3.5rem; }
.popbx_wr .popbx .btn_close { position:absolute; right:2.6rem; top:1.6rem; display:block; width:4.8rem; height:4.8rem; background-repeat:no-repeat; background-position:center; background-image:url('../img/icons/ic_pop_close.png'); background-size:100% auto; cursor:pointer; }




@keyframes flowRolling {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-100%);
	}
}