@charset 'utf-8';

.wrap { padding-top:0; }

#main .top_area { min-width:1180px; height:887px; background-repeat:no-repeat; background-position:center; background-image:url('../img/main/main_banner_bg.jpg'); background-size:cover; box-sizing:border-box; padding-top:160px; }

#main #hd { position:absolute; background-color:transparent; margin-bottom:60px; }
#main #hd h1 a { background-image:url('../img/common/logo_w.png'); }
#main #hd #nav ul li a { color:#fff; }
#main #hd #nav ul.depth1 li a { color:#000; }
#main #hd #nav ul.depth2 li a { color:#000; }

/* none */
#main #hd.scroll { border-bottom:0; }
#main #hd.scroll .head { height:100px; } 
#main #hd.scroll h1 { padding-top:28px; }
#main #hd.scroll h1 a { width:212px; }
#main #hd.scroll #nav { top:28px; }
#main #hd.scroll #nav ul.depth1 { top:70px; }

/* main_bnr */
#main_bnr { width:1178px; margin:0 auto; }
#main_bnr .swiper-slide { display: flex; justify-content: center; align-items: center; }
#main_bnr .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
#main_bnr .swiper { width: 100%; height: 300px; margin-left: auto; margin-right: auto; }
#main_bnr .swiper-slide { background-size: cover; background-position: center; }
#main_bnr .mySwiper2 { height: 629px; width: 100%; }

#main_bnr .mySwiper { position:Relative; width:666px; height: 30px; box-sizing: border-box; margin:0 auto; margin-top:30px; }
#main_bnr .mySwiper .swiper-slide { position:relative; width:33%; height: 100%; cursor:pointer; font-size:22px; color:#fff; }
#main_bnr .mySwiper .swiper-slide:after { position:absolute; right:-1px; top:3px; display:block; width:2px; height:20px; background-color:#fff; content:""; }
#main_bnr .mySwiper .swiper-slide:last-child:after { display:none; }
#main_bnr .mySwiper .swiper-slide-thumb-active { font-weight:700;  }
#main_bnr .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }


.container { padding-bottom:100px; }

/* section */
section.sec { }
section.sec .contents { padding:0; }
section.sec .contents .inbx { position:relative; width:1920px; left:50%; transform:translateX(-50%); }

section.sec .contents .swiper-button-prev:after,
section.sec .contents .swiper-button-next:after { display:none; }
section.sec .contents .swiper-button-prev,
section.sec .contents .swiper-button-next { position:absolute; top:50%; width:66px; height:66px; background-repeat:no-repeat; background-position:center; background-size:100% auto; transform:translateY(-50%); margin:0; }
section.sec .contents .swiper-button-prev { left:237px; background-image:url('../img/main/btn_prev_r.png'); }
section.sec .contents .swiper-button-next { right:237px; background-image:url('../img/main/btn_next_r.png'); }



/* 경쟁력 */
#sec_competitiveness { padding-top:127px; }
#competitiveness { }


/* 남도의 맛 */
#sec_main_menu { }
#sec_main_menu .inbx { position:relative; background-color:#ec6726; }
#sec_main_menu h3.title { position:absolute; left:365px; top:149px; z-index:11; }
#sec_main_menu h3.title p { font-size:71.39px; line-height:1.2; color:#fff; letter-spacing:-3px; }
#sec_main_menu h3.title p strong { color:#fff265; 
	opacity: 1;
	animation-name: opacity_gif;
	animation-duration: 0.8s;
	animation-iteration-count: infinite;
}

#sec_main_menu .icons { position:absolute; left:0; top:0; display:block; background-repeat:no-repeat; background-position:center; background-size:100% auto; z-index:10; }
#sec_main_menu .icons.p1 { left: 261px; top:458px; width:75px; height:104px; background-image:url('../img/main/icon_party01.png'); }
#sec_main_menu .icons.p2 { left: 848px; top:317px; width:76px; height:76px; background-image:url('../img/main/icon_party02.png'); }
#sec_main_menu .icons.p3 { left: 986px; top:520px; width:112px; height:84px; background-image:url('../img/main/icon_party03.png'); }
#sec_main_menu .icons.p4 { left: 1517px; top:112px; width:98px; height:98px; background-image:url('../img/main/icon_party04.png'); }
#sec_main_menu .icons.p5 { left: 1557px; top:245px; width:193px; height:193px; background-image:url('../img/main/icon_party05.png'); }


#main_menu { position:relative; z-index:11; }
#main_menu .mySwiper { position:absolute; left:365px; bottom:50px; right:365px; z-index:10; }
#main_menu .mySwiper .swiper-slide { position:relative; }
#main_menu .mySwiper .swiper-slide span { position:relative; display:block; overflow:hidden; border-radius:116px; border:4px solid #fff; box-sizing:border-box; cursor:pointer; }
#main_menu .mySwiper .swiper-slide span img { position:relative; z-index:1; }
#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; }
#main_menu .mySwiper .swiper-slide.swiper-slide-thumb-active span:after { display:none; }
 

/* 리뷰 */
#sec_review { overflow:hidden; }
#sec_review .inbx { height:930px; background-repeat:no-repeat; background-position:center; background-image:url('../img/main/review_bg.jpg'); background-size:100% auto; }
#sec_review h3 { position:relative; text-align:center; padding-top:150px; font-size:60px; line-height:1.45; font-weight:400; margin-bottom:136px; margin-bottom:192px; }
#sec_review h3 span { display:inline-block; position:relative; }
#sec_review h3 span:before { position:absolute; left:-138px; top:-20px; display:inline-block; width:114px; height:114px; background-repeat:no-repeat;  background-position:center; background-image:url('../img/main/ic_baemin.png'); background-size:100% auto; content:""; vertical-align:middle; }
#sec_review h3 b { position:Relative; color:#39c0c0; font-weight:700; }
#sec_review h3 b:before { position:absolute; left:50%; top:-35px; display:inline-block; width:23px; height:23px; background-repeat:no-repeat;  background-position:center top; background-image:url('../img/main/ic_star.png'); background-size:100% auto; content:""; vertical-align:middle; transform:translateX(-50%); }

#review { position:relative; width:1826px; margin:0 auto; }
#review .swiper-slide { padding-top:50px; text-align:center; transition: all 0.3s ease-in; width:334px; }
#review .swiper-slide a { display:inline-block; width:320px; padding:0; margin:0; overflow:hidden; border-radius:7px; box-shadow: 0 0 10px 1px #9e8d6f; }
#review .swiper-slide a img { width:100%; }
#review .swiper-slide.swiper-slide-active { padding-top:0; width:381px;  }

#review .swiper-button-prev,
#review .swiper-button-next {  transform:translateY(-542%); }
#review .swiper-button-prev { background-image:url('../img/main/btn_prev_r_gray.png'); }
#review .swiper-button-next { background-image:url('../img/main/btn_next_r_gray.png'); }


/* 프로모션 */
#sec_promotions { }
#sec_promotions .inbx { height:883px; background-repeat:no-repeat; background-position:center; background-image:url('../img/main/promotions_bg.jpg'); background-size:100% auto; }
#sec_promotions h3 { text-align:center; padding-top:145px; font-size:52px; line-height:1.45; color:#fff; font-weight:400; margin-bottom:150px; }
#sec_promotions h3 b { color:#fff482; font-weight:700; }

#promotions { position:relative; width:1180px; margin:0 auto; }
#promotions .swiper-button-prev { left:-100px; }
#promotions .swiper-button-next { right:-100px; }
#promotions .swiper-slide { padding-top:30px; transition: padding-top 0.5s; }
#promotions .swiper-slide:hover { padding-top:0px; }


/* sec_store */
#sec_store { margin-bottom:85px; padding-top:160px; }
#sec_store h3 { margin-bottom:90px; font-size:52px; line-height:1.25; font-weight:400; color:#242422; text-align:center; }
#sec_store h3 b { font-weight:700; }
#sec_store h3 .btn_more { display:inline-block; width:33px; height:33px; background-repeat:no-repeat; background-position:center; background-image:url('../img/main/ic_more.png'); vertical-align:top; margin-top:10px; }

#sec_store .flow_banner { position:relative; overflow: hidden; display: flex; max-width: 100%; }
#sec_store .flow_banner .list { display: flex; }
#sec_store .flow_banner .list > li { white-space: nowrap; width:274px; font-size: 18px;color: #fff; padding: 0; margin-right:34px; }
@keyframes flowRolling {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-100%);
	}
}


/*key frame*/
@-webkit-keyframes opacity_gif {0%{opacity: 1}49.5%{opacity: 1}50%{opacity:0}100%{opacity:0}}
@-moz-keyframes opacity_gif {0%{opacity: 1}49.5%{opacity: 1}50%{opacity:0}100%{opacity:0}}
@-ms-keyframes opacity_gif {0%{opacity: 1}49.5%{opacity: 1}50%{opacity:0}100%{opacity:0}}
@keyframes opacity_gif {0%{opacity: 1}49.5%{opacity: 1}50%{opacity:0}100%{opacity:0}}