@font-face {
  font-family: 'Vitro Inspire';
  font-display: swap;
  src: url('../fonts/vitro/VITRO INSPIRE OTF.otf') format('opentype');
}

@font-face {
  font-family: 'Vitro CORE';
  font-display: swap;
  src: url('../fonts/vitro/VITRO CORE OTF.otf') format('opentype');
}


.pc_only {}
.mo_only {display:none;}

@media (max-width:768px) {
	.pc_only {display:none!important;}
	.mo_only {display:block!important;}
}

.viF {font-family: 'Vitro Inspire';!important}
.vcF {font-family: 'Vitro CORE';!important}

.LStitle {
	font-size:4.8rem;
	line-height:1;
	text-align:center;
}

.Ltitle {
	font-size:7.6rem;
	line-height:1;
	text-align:center;
}

#sec01 {
    height: 100vh;
    background: url(../img/sec01_bg.jpg) no-repeat center / cover;
    padding-top: 24.5rem;
    overflow: hidden;
    position: relative;
}

.sec01_leftLight {
    position: absolute;
    left: 50%;
    top: 8rem;
    transform: translateX(-50%);
    width: 100%;
    z-index: 0;
}
.sec01_leftLight img {
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	left:50%;
	transform: translateX(-50%);
}

.sec01_leftLight img.lightOn {opacity:0;}

.sec01TitleBox {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
	position:relative;
	z-index:111;
	
}

.sec01Exviting {
	width:39.1rem;
}

.sec01Exviting img {width:100%; height:auto;}
#sec01 .sec01Title {
	font-size:14rem;
	color:#fff;
	margin-top:2.6rem;
	opacity:0;
}




#sec01 .sec01STitle {
	font-family:'Pretendard';
	font-size:3.2rem;
	color:#ffe477;
	letter-spacing:-0.02em;
	font-weight:400;
	margin-top:3.9rem;
}

#sec01 .sec01STitle span {
	color:#fff;
	font-weight:700;
}

.sec01Left {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40.73%;
}
.sec01Left img {
	width:100%;
	height:auto;
}

.sec01Right {
    width: 45.89%;
    position: absolute;
    right: -3%;
    bottom: 0;
}

.sec01Right img {
	width:100%;
	height:auto;
}


#sec01 .marquee-container {
	margin-top:21.7rem;
}

/* ================== // sec02 START ~  ================== */

#sec02.every {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    text-align: center;
    background: url(../img/sec02Bg.jpg) no-repeat center / cover;
    position: relative;
    overflow: hidden;
}
#sec02.every .bg_black{background-color: rgba(0,0,0,0.55);z-index: 1;}
#sec02.every .ball_area {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1500px;
    width: 100%;
}

#sec02 .every_tit{position: relative;z-index: 1;margin-bottom: 19px;font-size: 50px;line-height: 1.24;letter-spacing: -0.04em;font-weight: 700;color: #fff;}
#sec02 .every_twrap{filter: drop-shadow(1px 1px 0px rgba(0,0,0,0.3));z-index: 1;}


.secCircleGroup {
    display: flex;
    z-index: 10;
    width: 649px;
    height: 649px;
    background: url(../img/sec02Circle.png) no-repeat center / cover;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 10;
}
#sec02 .LStitle {
	color:#ffcb31;
	line-height:1.2;
	margin-bottom:3rem;
}

.sec02TitleDum {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2.1rem;
}

#sec02 .Ltitle {color:#fff;}
.sec02TitleDum .Ltitle {color:#ffcb31;}



/* ================== ~ sec02 END // ================== */





.stempImg.aos-animate {
    animation: stampBounce 0.75s ease-out forwards;
    -webkit-animation: stampBounce 0.75s ease-out forwards;
}


/* sec02 스탬프 효과*/
@keyframes stampBounce {
    0% { opacity: 0; transform: translate(-25%,-50%) scale(1.8); -webkit-transform: translate(-25%,-50%) scale(1.8); -moz-transform: translate(-25%,-50%) scale(1.8); -ms-transform: translate(-25%,-50%) scale(1.8); -o-transform: translate(-25%,-50%) scale(1.8);
    }
    30% {
        opacity: 1;
        transform: translate(-50%,-50%) scale(1);
    }
    50% {
        transform: translate(-50%,-50%) scale(0.95);
    }
    70% {
        transform: translate(-50%,-50%) scale(1.02);
    }
    85% {
        transform: translate(-50%,-50%) scale(0.98);
    }
    100% {
        opacity: 1;
        transform: translate(-50%,-50%) scale(1);
    }
}



/* ================== // sec03 START ~  ================== */

#sec03 {
	width:100%;
}

.sec03Top {
	padding:15rem 0 12rem;
	background: url(../img/sec03Bg.jpg) no-repeat center / cover;
}

#sec03 .LStitle { color:#0e3e2e;}
#sec03 .LStitle span {
    color: #fff;
    position: relative;
    text-transform: uppercase;
    z-index: 10;
    margin-left: 0.8rem;
}
#sec03 .LStitle span::Before {
    content: '';
    width: 0%;
    height: 130%;
    position: absolute;
    left: -9px;
    top: 50%;
    transform: translateY(-50%);
    background: #0e3e2e;
    z-index: -1;
	transition:all 0.8s ease-in-out 0.5s;
}

#sec03 .LStitle.aos-animate span::Before {
	width:107%;
}

#sec03 .Ltitle {
	color:#111;
	line-height:1.2;
	text-align:center;
	margin-top:3rem;
}


.sec03Botm {
    background: #000;
}

.sec03BotmList {
	display:flex;
}

.sec03BotmList li {
    width: calc(100%/3);
    padding-bottom: 33.3335%;
    position: relative;
}

.sc03ListCont {
    font-family: "Pretendard";
    text-align: center;
    position: absolute;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    top: 50%;
    transform: translateY(-50%);
}
.sc03ListTitleDum {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.sc03ListTitle {
    font-size: 3.2rem;
    line-height: 1;
    color: #c8c8c8;
    position: relative;
    z-index: 10;
    font-weight: 700;
    display: inline-block;

}
.sc03ListTitle:nth-child(1) {
	margin-bottom:1rem;
}
.sc03ListTitle::Before {
    content: '';
    width: 0%;
    height: 119%;
    position: absolute;
    left: -9px;
    top: 50%;
    transform: translateY(-50%);
    background: #f0b320;
    z-index: -1;
	transition: all 0.5s ease-in-out;
}

.sc03ListTxtDum {
    height: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out!important;
}

.sc03ListTxt {
	color:#fff;
	font-size:2.4rem;
	line-height:1.2;
	margin-top:3.7rem;
}

.sec03BotmList li:nth-child(1) {background:url(../img/sec03_off01.jpg) no-repeat center / cover;}
.sec03BotmList li:nth-child(2) {background:url(../img/sec03_off02.jpg) no-repeat center / cover;}
.sec03BotmList li:nth-child(3) {background:url(../img/sec03_off03.jpg) no-repeat center / cover;}


/* hover */
.sec03BotmList li:nth-child(1):hover {background:url(../img/sec03_on01.jpg) no-repeat center / cover;}
.sec03BotmList li:nth-child(2):hover {background:url(../img/sec03_on02.jpg) no-repeat center / cover;}
.sec03BotmList li:nth-child(3):hover {background:url(../img/sec03_on03.jpg) no-repeat center / cover;}

.sec03BotmList li:hover .sc03ListTitle::Before {width:109%;}

.sec03BotmList li:hover .sc03ListTitle {color:#111;}

.sec03BotmList li:hover .sc03ListTxtDum {
    height: 0;
    overflow: hidden;
    width: 100%;
    padding-bottom: 13rem;
}

/* ================== ~ sec03 END // ================== */

.marquee-container {
  width: 100%;
  overflow: hidden;
  background: #0e3e2e;
  white-space: nowrap;
  border-top:2px solid #f0b320;
  border-bottom:2px solid #f0b320;
}

.marquee-track {
  display: flex;
  width: max-content;
}

.marquee-text {
  padding-right: 2rem;
  font-size: 3rem;
}


/* ================== // sec04 START ~  ================== */

#sec04 {
	position:relative;
	padding:15rem 0;
	background: url(../img/sec04_bg.jpg) no-repeat center / cover;
}


.sec04Light {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 62.5%;
}

/* 깜빡이는 애니메이션 정의 */
@keyframes flicker {
  0%   { opacity: 1; }
  20%  { opacity: 0; }
  40%  { opacity: 1; }
  60%  { opacity: 0; }
  80%  { opacity: 1; }
  100% { opacity: 1; } /* 시작과 끝이 같게 유지 */
}

/* aos-animate가 추가되었을 때 애니메이션 적용 */
.sec04Light.aos-animate {
  animation: flicker 1.5s ease-in-out 0.2s;
}

.sec04Light img {
	width:100%; height:auto;
}
#sec04 .LStitle {color:#fff;}

#sec04 .Ltitle	{
	margin-top:3.3rem;
	color:#f0b320;
}

.sec04Cont {
	width:100%;
	max-width:142rem;
	padding: 0 2rem;
	margin:0 auto;
	margin-top:10rem;
}
.sec04CBox {
	width:100%;
	height:47.2rem;
}

.sec04ContTop {background:url(../img/sec04_topBg01.jpg) no-repeat center / cover;}
.sec04ContBotm {
	margin-top:16px;
	background:url(../img/sec04_botmBg01.jpg) no-repeat center / cover;
}
/* ================== ~ sec04 END // ================== */


/* ================== // sec05 START ~  ================== */

#sec05 {overflow:hidden;}
.sec05Top {
    padding-top: 15rem;
    background: url(../img/sec05_Topbg.jpg) no-repeat top/ cover;
    padding-bottom: 0;
}
#sec05 .LStitle {color:#fff;}
#sec05 .Ltitle {color:#f0b320; letter-spacing:-0.02em; margin-top:3.1rem; line-height:1.2;}

.sec05SlideCont {
    margin-top: 11.5rem;
    width: 100%;
    max-width: 170rem;
    margin: 11.5rem auto 0;
}

.sec05Slide {}


.sec05Slide .slick-list {
    position: relative;
    display: block;
    overflow: unset;
    margin: 0;
    padding: 0;
    height: 50rem;
}
.sec05Slide img {
    width: 70%;
    height: auto;
    margin: 0 auto;
}
.sec05Slide .slick-center img {
	width:110%;
}


#sec05 .slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
    display: flex!important;
    justify-content: center;
    align-items: center;
}

#sec05 .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
}

#sec05 .sec05OilBox {
    width: 100%;
    max-width: 124rem;
    padding: 0 2rem;
    margin: 0 auto;
    padding: 7.5rem 2rem 7.5rem 2rem;
    background: url(../img/sec05_oil.jpg) no-repeat center / cover;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 25rem;
    transform: translateY(-7rem);
}


.sec05OilLeft {
    margin-right: 9.29%;
}

.sec05OilStitle {
    font-size: 4.8rem;
    color: #fffaed;
    position: relative;
    color: #fff;
    z-index: 10;
    display: inline-block;
    padding-left: 1rem;
	line-height:1.2;
}

.sec05OilStitle::before {
    content: '';
    width: 0%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #0e3e2e;
    z-index: -1;
    transition: all 0.45s ease-in-out 0.3s;
}

.sec05OilStitle.aos-animate::before {
	width:105%;
}

.sec05OilTitle {
	margin-top:2.3rem;
}


.sec05OilTxt {
    font-family: 'Pretendard';
    font-size: 2.2rem;
    line-height: 1.454;
    letter-spacing: -0.02em;
    color: #120e0b;
    font-weight: 400;
}
.sec05OilTxt span {
	color:#fff;
	position:relative;
}
.sec05OilTxt span::before {
    content: '';
    width: 0%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #0e3e2e;
    z-index: -1;
    transition: all 0.45s ease-in-out 0.3s;
}

.aos-animate .sec05Span01::before {
	width:102%;
}


.sec05Botm {
	background:url(../img/sec05_bg.jpg) no-repeat center / cover;
}


/* ================== ~ sec05 END // ================== */



/* ================== // sec06 START ~  ================== */


#sec06 {
	background:url(../img/sec06_bg.jpg) no-repeat center / cover;
	padding:15rem 0;
	position:relative;
	overflow:hidden;
}
.sec06Inner {
    width: 100%;
    max-width: 124rem;
    padding: 0 2rem;
    margin: 0 auto;
}

.sec06Particle {
    width: 80%;
    position: absolute;
    left: 50%;
    top: 2%;
    transform: translate(-50%, -50%);
}

.sec06Particle img {
	width:100%;
	height:auto;
}

.sec06TitleBox {
    width: 100%;
    position: relative;
}

.sec06Chicken {
	position:absolute;
	left:0;
	top:0;
}

.sec06Title {
    display: flex;
    align-items: center;
    justify-content: center;
}


.storeCount {
    width: 13.6rem;
    height: 13.6rem;
    background: #f0b320;
    border-radius: 999%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #001a11;
    margin: 0 0.5rem 0 2rem;
}

#sec06 .sec06Title .Ltitle {
    color: #f0b320;
    display: flex;
    align-items: center;
	margin-top:0;
}

#sec06 .Ltitle {
	margin-top:1.8rem;
	color:#fff;
}

.sec06List {
    display: flex;
    margin-top: 9.4rem;
    position: relative;
}
.sec06List li {
    width: calc(100%/4);
}

.sec06ListBox {
    width: calc(100% + 5rem);
    background: rgba(0, 21, 14, 0.8);
    border: 2px solid #f0b320;
    border-radius: 999%;
    overflow: hidden;
    height: 0;
    padding-bottom: 115.338%;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    position: relative;
    box-shadow: 0px 0px 18px rgb(240 179 32 / 50%);
}

.sec06ListBoxInner {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}

.sec06LiBtxt {
	font-size:8rem;
	color:#fffaed;
	text-align:center;
}

.sec06List li:nth-child(3) .sec06LiBtxt {
	font-size:6rem;
}

.sec06LiStxt {
	margin-top:2rem;
	font-size:5.6rem;
	color:#fff5b4;
	text-align:center;
}
.freeRed {
    width: 14rem;
    height: auto;
    position: absolute;
    right: -10rem;
    top: 0;
    /* transform: translateY(-50%); */
    opacity: 0;
    animation: stampBounce 0.75s ease-out forwards 1s;
    -webkit-animation: stampBounce 0.75s ease-out forwards 1s;
}






.freeRed img {
	width:100%;
	height:auto;
}

.freeRedTxt {}

/* ================== ~ sec06 END // ================== */


#secM {
    padding: 14rem 0;
	overflow:hidden;
    background: url(../img/secM_bg.jpg) no-repeat center / cover;
}

#secM .secMInner {
    width: 100%;
    max-width: 106rem;
    padding: 0 2rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.secMLeft {
	width:50%;
}

#secM .LStitle {
    color: #fff;
    position: relative;
    display: inline-block;
	z-index:1;
	padding-left:0.5rem;
	line-height:1.2;
}

#secM .LStitle::before {
    content: '';
    width: 104%;
    height: 100%;
    background: #0e3e2e;
    position: absolute;
    left: -2%;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}

#secM .Ltitle {
	color:#111111;
	letter-spacing:-0.02em;
	margin-top:3.2rem;
	text-align:left;
}
#secM .secMTxt {
	font-size:2rem;
	color:#111;
	letter-spacing:-0.02em;
	line-height:1.3;
	margin-top:3.3rem;
}

.secMRight {
    width: 36.27%;
	position:relative;
}


.secMSlide .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  border:2px solid #0e3e2e;
}

.secMSlide .swiper-slide img {
	width:100%;
	height:auto;
}

.secMChick.secMChick02 {
    position: absolute;
    left: 0;
    bottom: -10%;
    z-index: 1;
    transform: translateX(-40%);
}

.secMChick.secMChick01 {
    position: absolute;
    right: 0;
    top: -8%;
    z-index: 1;
    transform: translateX(60%);
}


.secMSlide .swiper-slide {
	transform-origin: right!important;
}


/* ================== // sec07 START ~  ================== */

#sec07 {
	padding:14rem 0;
	background:url(../img/sec07_bg.jpg) no-repeat center / cover;
}

#sec07 .sec07Inner {
	width:100%;
	max-width:119rem;
	padding: 0 2rem;
	margin:0 auto;
}

.sec07Cont {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sec07Left {
    position: relative;
}

.sec07pTxt {
    color: #FFF;
    font-size: 4.8rem;
    position: absolute;
    top: 0;
    transform: translateY(-100%);
}

.sec07SlideTxt {
	color:#fff;
	font-size:7.5rem;
}

.sec07LeftSlide {
	height:8rem;
	margin-top:1.5rem;
}


.sec07Center {
	overflow:hidden;
	border-radius:999%;
	height: 45rem;
    width: 45rem;
    position: relative;
    border: 2px solid #f0b320;
	box-shadow: 0px 0px 12px #f0b32099;
}
.circleSlide img {
	width:100%;
	height:auto;
}

.circleSlide {
	height :100%;
    overflow: hidden;
    display: flex!important;
    justify-content: center;
    align-items: center;
}

.circleSlide::Before{
	content:'';
	width:100%;
	height:2px;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	background:#ffcf3d;
}

.circleSlide .swiper-wrapper {
    width: 100%;
    height: 100%;
}

.circleSlide .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100% !important;
}
.circleSlide .swiper-slide img {
	width:100%;
}

.sec07Right {
	width:28.4rem;
	animation: flicker 1.5s ease-in-out infinite;
}
.sec07Right img {
	width:80%;
}

.sec07Stxt {
	text-align:center; 
	font-family:"Pretendard";
	color:#fff;
	font-size:2rem;
	letter-spacing:-0.02em; 
}

/* ================== ~ sec07 END // ================== */


/* ================== // sec08 START ~  ================== */
#sec08 {
	padding:14rem 0 0 0;
	background:#032519;
	overflow:hidden;
}

#sec08 .Ltitle {color:#fff;}

.sec08Txt {
	color:#FFF;
	font-family:"Pretendard";
	text-align:center;
	font-size:2rem;
	line-height:1.3;
	letter-spacing:-0.02em;
	margin-top:3.2rem;
}

.sec08Inner {
	width:100%;
	max-width:107rem; 
	padding:0 2rem;
	margin:0 auto;
}

.sec08Cont {
	margin-top:4rem;
	padding-bottom:23.7rem;
	position:relative;
}

.sec08CList {
    display: flex;
    justify-content: space-between;
}
.sec08CList li {
    border: 2px solid #f0b320;
    border-radius: 999%;
    width: calc(100%/4 - 1.8rem);
    height: 0;
    padding-bottom: 22.865%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 0px 12px #f0b32099;
}
.sec08CList li:nth-child(1),
.sec08CList li:nth-child(4) {
	margin-top:7.5rem;
}

.sec08CLiT {
    color: #fff;
    font-size: 6rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}


.sec08CList li.on {
	background:#f0b320;
}

.sec08CList li.on .sec08CLiT {
	color:#0e3e2e;
}

.sec08ContImg {
    width: 76.7%;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(11%);
    bottom: 0;
}

.sec08ContImg img {
	width:100%;
	height:auto;
}

/* ================== ~ sec08 END // ================== */



/* ================== // sec0 START ~  ================== */
/* ================== ~ sec0 END // ================== */



/* ================== // sec09 START ~  ================== */

#sec09 {
    overflow: hidden;
    background: url(../img/sec14_Bg.jpg) no-repeat center / cover;
}

.sec09Inner {
    display: flex;
    max-width: 109rem;
    padding: 0 2rem;
    margin: 0 auto;
    justify-content: space-between;
}

.sec09Txt {
    font-family: "Pretendard";
    color:#fff;
    line-height: 1.2;
    font-size:2.4rem;
    margin-top:3rem;
    text-align: left;
}

.sec09Slide {
    width:44%;
    position: relative;
}

#sec09 .marquee-container {
    position: absolute;
    left:0;
    border:none;
}

.sec09Slide img {
    width:100%;
    height:auto;
}


.sec09TtielBox {padding:15rem 0 14rem;}
#sec09 .LStitle {color:#fff; text-align: left;}
#sec09 .Ltitle {
    color:#f0b320;
    letter-spacing: -0.02em;
    margin-top:3.5rem;
    line-height: 1.2;
    text-align: left;
}

/* ================== ~ sec09 END // ================== */





/* ================== // sec10 START ~  ================== */

#sec10 {
    padding-top:15rem;
    position: relative;
    background: url(../img/sec10_bg.jpg) no-repeat center / cover;
}

.sec10Inner {
    width: 100%;
    max-width: 134rem;
    padding: 0 2rem;
    margin: 0 auto;
    display: flex;
    z-index: 1;
    position: relative;
}

#sec10 .LStitle {
    color:#fff;
    text-align: left;
}
#sec10 .Ltitle {
    color: #f0b320;
    letter-spacing: -0.02em;
    margin-top: 3rem;
    text-align: left;
    line-height: 1.2;
}
.sec10Txt {
    font-family: "Pretendard";
    color:#fff;
    text-align: left;
    line-height: 1.2;
    font-size:2rem;
    margin-top:3rem;
}


.sec10Left {
    width:40%;
}

.sec10Right {
    width:60%;
}
.sec10ceo {
    width:100%;
    height:auto;
}

.sec10ceo img {
    width:100%;
    height:auto;
}

#sec10 .marquee-container {
    border: none;
    background: unset;
    position: absolute;
    bottom: 0;
    z-index: 0;
    margin-bottom: 10.8rem;
    height:14.9rem;
}

#sec10 .marquee-container img {
    width: auto;
    height:100%;
}

/* ================== ~ sec10 END // ================== */



/* ================== // sec11 START ~  ================== */
#sec11 {
	overflow:hidden;
	padding:15rem 0;
	background:url(../img/sec11_bg.jpg) no-repeat top / cover;
}

#sec11 .LStitle {
	color:#fff;
}

#sec11 .Ltitle {
	color:#f0b320;
	letter-spacing:-0.02em;
	margin-top:3.3rem;
}

.sec11Txt {
	color:#fff;
	font-size:2rem;
	font-family:"Pretendard";
	letter-spacing:-0.02em;
	margin-top:3.2rem;
	text-align:center;
}


.sec11Slide {
    width: 100%;
    max-width: 130rem;
    margin: 0 auto;
    padding: 0 2rem;
    margin-top: 8rem;
}
.sec11Slide .slick-list {
	overflow:unset!important;
}

.sec11Slide .slick-slide {
	margin: 0 10.5rem;
    border: 2px solid #f0b320;
    box-shadow: 0px 0px 15px rgb(240 179 32 / 0.9);
}
.sec11Slide img {
	width:100%;
	height:auto;
}
/* ================== ~ sec11 END // ================== */


/* ============ // sec12 START ~  ============ */
#sec12 {
    width:100%;
    background: #000f0a;
    padding:15rem 0 14rem;
}

.sec12Inner {
	width:100%;
	max-width:144rem;
	padding:0 2rem;
	margin:auto;
}

.menuTopBox {
    width: 100%;
    padding: 7.5rem 0;
    border: 2px solid #f0b320;
    background: url(../img/sec12_menutopBg.jpg) no-repeat center / cover;
    display: flex;
    justify-content: space-between;
}

#sec12 .LStitle {
	color:#fff;
}
#sec12 .Ltitle {
	color:#f0b320;
	letter-spacing:-0.02em;
	margin-top:3.4rem;
}

#sec12 .menuTopTxt {
	font-family:'Pretendard';
	color:#ffffff;
	font-size:2rem;
	letter-spacing:-0.02em;
	margin-top:3.5rem;
	text-align:center;
}


.MenuTopLeft, .MenuTopRight {
	width:34.57%;
	position:relative;
}

.MenuTopLeft img, .MenuTopRight img {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}



.menu_info {
    margin-top: 7rem;
}


.tab_round {
    display: flex;
    gap: 0;
    justify-content: center;
}
.tab_round li {
    cursor: pointer;
    /* padding: 8px 14px; */
    border: 2px solid #f0b320;
    font-size: 3.2rem;
    color: #ffffff;
    padding: 1.6rem 0 1.4rem;
    width: 20rem;
    text-align: center;
    background: #0e3e2e;
	margin:0 1.2rem 0;
	font-family: 'Vitro Inspire';
}



.tab_round li.active {
    background: #f0b320;
    color: #03271b;
    /* border-color: #111; */
}



.tab_cont_wrap {
    margin-top: 3.8rem;
    width: 100%;
    max-width: 121rem;
	padding: 0 2rem;
    margin: 5rem auto 0;
}


.tab_cont { display:none; }
.tab_cont.active { display:block; }


.menu_list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
}
.item {
    display: none;
    overflow: hidden;
    height: 0;
    padding-bottom: 39.8rem;
    position: relative;
    width: calc(100%/4 - 2rem);
    margin: 3rem 1rem 0;
}
.item.active { display:block; }

.thumbs { }
.thumbs img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.text_box {
    padding: 0;
    position: absolute;
    left: 3rem;
    top: 3rem;
    font-size: 3rem;
    display: none;
}
.text_box .name.ko { font-weight:700; }
.text_box .name.en { opacity:.7; font-size:.9em; }

.btn_more_cont {
    display: block;
    margin: 0 auto;
    padding: 2.2rem 2.4rem;
    border: 0;
    background: #fff;
    cursor: pointer;
    border-radius: 0;
    width: 22rem;
    border: 2px solid #ad3e2d;
    border-radius: 5px;
    box-shadow: 2px 2px 0px #ad3e2d;
    font-family: "Pretendard";
    font-weight: 700;
    font-size: 3.2rem;
    color: #ad3e2d;
    text-transform: lowercase;
    line-height: 1;
	margin-top:8.5rem;
}



@media (max-width:768px) {
    #sec12 {
        padding: 6.6rem 0 6.9rem;
    }
    #sec12 .mainInner {
        padding: 0 1rem;
    }


    .sec12Title  {
        font-size: 9.3733vw;
		line-height: 1.2;
    }

    .menu_info {
        margin-top: 3.5rem;
    }

	.tab_round li {
		/* font-size: 5.4667vw; */
		font-size: 4.4667vw;
		line-height: 1;
		padding: 2.6667vw 0;
		width: 28vw;
	}

    .tab_round li:nth-child(2) {
        margin: 0 1.9333vw;
    }


    .item {
        display: none;
        overflow: hidden;
        height: auto;
        padding-bottom: 0;
        position: relative;
        width: calc(100%/2 - 0.7rem);
        margin: 0.7rem 0rem;
    }

    .item:nth-child(2n) {
        margin-left:1.4rem;
    }


    .tab_cont_wrap {
        margin-top: 3.8rem;
        width: 100%;
        max-width: 142rem;
        margin: 3.9rem auto 0;
    }


    .btn_more_cont {
        margin-top: 3.4rem;
        font-size: 4.1653vw;
        padding: 3.2000vw 1rem;
        width: 28.6400vw;
    }

}
/* ============ ~ sec12 END // ============ */




/* ============ // sec13 START ~  ============ */
#sec13 {background: url(../img/sec13_bg.jpg); padding:15rem 0 13.6rem;}

#sec13 .mainInner {
    width:100%;
    max-width:112rem;
    padding:0 2rem;
    margin:0 auto;
}

.sec13Title {
    font-size:7rem;
    line-height: 8rem;
    letter-spacing: -0.05em;
    color:#433735;
    text-align: center;
}


.sec13Table {
    margin-top:8rem;
    position: relative;
}

.sec13Table img {
    width:100%;
    height: auto;
}

.stempImg {
    width: 50%;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    max-width: 54rem;
}

.stempImg img {
    width:100%;
    height: auto;
}



@media (max-width:768px) {
    #sec15 {
        padding: 5rem 0 5rem;
    }
    #sec15 .mainInner {
        padding: 0 1rem;
    }

    .sec15Title {
        font-size: 9.3733vw;
        line-height: 1;
        letter-spacing: -0.04em;
    }

    .sec15Table {
        margin-top: 5rem;
    }

    .stempImg {width: 79.5%;}
}




#sec14 {
	background:url(../img/sec14_Bg.jpg) no-repeat center / cover;
	padding:14.8rem 0 19.4rem;
}

#sec14 .mainInner {
	width:100%;
	max-width:141rem;
	padding:0 2rem;
	margin:0 auto;
}

#sec14 .Ltitle {
	color:#f1e6b2;
} 

#cusInq {margin-top:8rem;}
.s14_form {height: 49.5rem;}

#sec14 iframe#embeded-content {
    height: 100%;
    background: none;
}


#sec14  #bo_w {
    padding: 7.7rem 16rem;
    background: #FFF;
}

@media (max-width:1500px) {
    .s14_form {
        height: 67rem;
    }
}

@media (max-width:768px) {

    #sec14 {
        padding: 5.2rem 0 11.5rem;
    }

	.s14_form {
		height: 62rem;
	}

    #cusInq {
        margin-top: 4.8rem;
    }
}


/* ============ ~ sec13 END // ============ */





/* ================== // sec0 START ~  ================== */
/* ================== ~ sec0 END // ================== */