@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!important;}



@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.3;
	text-align:center;
}

.Ltitle {
    font-size: 7.6rem;
    line-height: 1;
    text-align: center;
    text-shadow: 0px 4px 6px rgba(0,0,0,0.1);
}





@media (max-width:991px) {
	.menuBtn {display: block;}
	
	.menuBtn {
		width:5.60vw;
		height:4.00vw;
		position:relative;
	}
	
	.menuBtn div {
		width:100%;
		height:0.39vw;
		background:#fff;
		position:absolute;
	}
	
	.menuBtn div:nth-child(1) {top:0;}
	.menuBtn div:nth-child(2) {top:50%;}
	.menuBtn div:nth-child(3) {top:100%;}
	
	.menuBtn.active div:nth-child(1) {
		top: 0;
		transform-origin: top left;
		transform: rotate(45deg) translate(27%, -174%);
	}
	.menuBtn.active div:nth-child(2) {display:none;} 
	
	.menuBtn.active div:nth-child(3) {
		top: 0;
		transform-origin: top right;
		transform: rotate(-45deg) translate(-10%, 0%);
	}
	
	.mo_menu {
		height: 0;
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 50%;
		transition: all 0.3s ease-in-out;
		transform: translateX(-50%);
		width: 100vw;
	}
	.mo_menu.active {
		position: fixed;
		width: 100vw;
		height: 100vh;
		background: rgb(5 41 30 / 90%);
		z-index: -1;
		top: 0;
	}
	
	.mo_menuList {
		text-align: center;
		font-size: 6.77vw;
		line-height: 1;
		margin-top: 28.67vw;
	}
	.mo_menuList li {padding: 7.60vw 0; color: rgb(255 255 255 / 20%);}
	.mo_menuList li:hover {color:#f0b320;}
	.mo_menuList li.on {color:#f0b320;}
}


@media (max-width:768px) {
	.LStitle {font-size:6.25vw;}
	
	.Ltitle {font-size: 9.90vw;}
}


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

.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 {
	animation:flicker 4.5s ease-in-out 0.2s infinite;
}

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

.sec01Exviting {
	width:41rem;
}

.sec01Exviting img {width:100%; height:auto;}
#sec01 .sec01Title {
    font-size: 14rem;
    color: #fff;
    margin-top: 2.6rem;
    opacity: 0;
	line-height:1.2;
    text-shadow: 0px 5px 6px rgba(0, 0, 0, 0.6);
}

#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;
}

#sec01 .sec01STitle span.secFs {
	font-style: italic; 
	padding-right: 0.7rem; 
	color: unset; 
	font-weight: 400;
}

.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;
    margin-top: 0;
    position: absolute;
    bottom: 8%;
    background: #031d14;
}

#sec01 .MoslideWrap {
    margin-top: 21.7rem;
    margin-top: 0;
    position: absolute;
    bottom: 8%;
    background: #031d14;
	border-top: 2px solid #f0b320;
    border-bottom: 2px solid #f0b320;
}


.textRolling {
    display: flex;
    background: #031d14;
    border-top: 2px solid #f0b320;
    border-bottom: 2px solid #f0b320;
    width: 100%;
    overflow: hidden;
}

.MoslideWrap.textRolling img {
	width:auto;
	height:100%;
}



@media (max-width:768px) {
	#sec01 {
		height: auto;
		padding: 34.67vw 0 9.33vw;
	}
	.sec01Exviting {width: 50.93vw;}
	
	#sec01 .sec01Title {
		font-size: 16.93vw;
		margin-top: 3.47vw;
		text-shadow: 0px 1.3vw 1.3vw rgba(0, 0, 0, 0.4);
	}
	
	#sec01 .sec01STitle {
		font-size: 3.65vw;
		margin-top: 6.67vw;
	}
	
	.sec01ChickenMo {
		width:100%;
		margin-top:6.13vw;
	}

	.sec01ChickenMo img {
		width:100%;
		height:auto;
	}
	
	#sec01 .marquee-container {
		position:relative;
		bottom:unset;
	}
	
	.lightOff {}
	
	.lightOff.mo_only {
		width: 89%;
		top: 0;
		transform: translate(-50%,-50%);
	}
	
	.lightOn.mo_only {
		top: 0;
		transform: translateX(-50%) translateY(-4%);
	}

	#sec01 .MoslideWrap {position:relative; height:14.71vw; bottom:unset; border-top:0.27vw solid #f0b320; border-bottom:0.27vw solid #f0b320;}
	
	
	.textRolling {
		border-top: 0.53vw solid #f0b320;
		border-bottom: 0.53vw solid #f0b320;
		margin-top: 0;
		height: 14.71vw;
	}



}

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

#sec02.every {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80vh;
	max-height:1000px;
    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: 64.9rem;
    height: 64.9rem;
    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:2rem;
}
.sec02TitleDum {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2.1rem;
}

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

@media (max-width:768px) {
	
	#sec02.every {height:80vh; background: url(../img/sec02_bgMo.jpg) no-repeat center / cover;}
	
	.secCircleGroup {width: 84.22vw; height: 84.22vw;}
	#sec02 .LStitle {margin-bottom:4vw;}
	.sec02TitleDum {margin-bottom: 2.67vw;}
	.xImg {width: 7vw; margin: 0 1.1rem;}
	.xImg img {width:100%; height:auto;}
	
	.ball_area {position: relative; width: 100%; height: 100%!important;}
	#ball_stage {display: block; width: 100%;}
	
	.mMargin {margin-bottom:8%;}
	
}

/* ================== ~ sec02 END // ================== */
.stempImg.aos-animate {
    animation: stampBounceScale 0.75s ease-out forwards;
    -webkit-animation: stampBounceScale 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);
    }
}



/* sec02 스탬프 효과*/
@keyframes stampBounceScale {
    0% { opacity: 0; transform:translate(-50%,-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: -3%;
    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: -2%;
    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;}


@media (min-width:769px) {

	/* 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:104%;}
	.sec03BotmList li:hover .sc03ListTitle {color:#111;}
	.sec03BotmList li:hover .sc03ListTxtDum {
		height: 0;
		overflow: hidden;
		width: 100%;
		padding-bottom: 13rem;
	}

}
.content-group {position: relative;}

.section {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 10%;
    font-size: 3rem;
    font-weight: bold;
}

.top {
    background: #1a1a1a;
    color: white;
}

.bottom {
    background: #2a2a2a;
    color: white;
}

.image-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    pointer-events: none;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-wrapper {
    position: relative;
    width: 69.1rem;
    height: 320rem;
    transition: transform 0.1s ease-out;
}

.image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    color: white;
    font-weight: bold;
    border-radius: 20px;
}

.image1 {
    background: url(../img/sec04_mov01.png) no-repeat center / contain;
    clip-path: inset(0 0 0 0);
    z-index: 2;
    /* transition: clip-path 0.1s ease-out; */
}

.image2 {
    background: url(../img/sec04_mov02.png) no-repeat center / contain;
    z-index: 1;
    opacity: 0;  /* 초기에는 투명 */
}
.scroll-indicator {
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    font-size: 0.9rem;
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 20px;
    border-radius: 20px;
    backdrop-filter: blur(10px);
    z-index: 10;
}


@media (max-width:768px) {
	#sec03 .Ltitle {margin-top:4vw;}
	.sec03Top {padding: 21.07vw 0 14.13vw;}
	.sec03BotmList {display: flex; flex-direction: column;}
	.sec03BotmList li {width:100%; padding-bottom: 57.29vw;}
	.sec03BotmList li:hover .sc03ListTxtDum {padding-bottom: 0;}
	.sc03ListTitle {font-size: 4.95vw;}
	#sec03 .LStitle.aos-animate span::Before {width:108%; left: -5px;}
	
	.sc03ListTxt {font-size: 3.62vw; margin-top: 3.47vw;}
	
	
	/* hover */
	.sec03BotmList li:nth-child(1) {background:url(../img/sec03_on01.jpg) no-repeat center / cover;}
	.sec03BotmList li:nth-child(2) {background:url(../img/sec03_on02.jpg) no-repeat center / cover;}
	.sec03BotmList li:nth-child(3) {background:url(../img/sec03_on03.jpg) no-repeat center / cover;}

	
	.sec03BotmList li .aos-animate .sc03ListTitle::Before {width:104%;}
	
	.sec03BotmList li .sc03ListTitle {color:#111;}
	.sec03BotmList li .sc03ListTxtDum {
		height: auto;
		overflow: hidden;
		width: 100%;
		padding-bottom: 0;
	}


}

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

.marquee-container {

  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;
}

@media (max-width:768px) {	
	.marquee-containerWrap {
		position: relative;
		height: 14.71vw;
		overflow:hidden;
	}
	.marquee-container {
		margin-top: 0;
		height: 14.71vw;
		border-top: 0.27vw solid #f0b320;
		border-bottom: 0.27vw solid #f0b320;
		position: absolute;
		z-index: 1;
	}
	
	.marquee-track {
		width:unset!important;
		height:100%;

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


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

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


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

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

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

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

#sec04 .Ltitle {
    margin-top: 3rem;
    color: #f0b320;
    text-transform: uppercase;
    text-shadow: 0px 4px 10px rgba(0,0,0,0.5);
}

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

.sec04ContTop {
	position:relative;
	margin-bottom:16px;
	background:url(../img/sec04_topBg01.jpg) no-repeat center / cover;
}

.sec04ContTop::before {
    content: '';
    width: 100%;
    height: 16px;
    position: absolute;
    bottom: 0;
    background: #0c3c2e;
    transform: translateY(100%);
    z-index: 101;
}


.sec04ContMid {height:16px;}

.sec04ContBotm {
	margin-top:0px;
	background:url(../img/sec04_botmBg01.jpg) no-repeat center / cover;
}

.sec04ContWrap {
    POSITION: RELATIVE;
    overflow: hidden;
}

@media (max-width:768px) {
	#sec04 {padding: 19.47vw 0 17.33vw;}
	
	.sec04Light {width:150%;}
	#sec04 .Ltitle {margin-top: 4.27vw;}
	
	.sec04Cont {margin-top: 12.53vw;}
	.sec04CBox {
		width: 100%;
		height: 61.46vw;
		display: flex;
		justify-content: center;
		align-items: center;
		overflow:hidden;
	}
	.sec04ContTop {margin-bottom:0; background:url(../img/sec04_topBg01Mo.jpg) no-repeat center / cover;}
	.sec04ContTop::before {height:0;}
	.sec04ContTopImg {width:90%;}
	.sec04ContBotmImg {width:90%;}	
	.sec04ContTopImg img, .sec04ContBotmImg img {width:100%; height:auto;}
	.sec04ContBotm {margin-top:4.27vw; background:url(../img/sec04_botmBg01Mo.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;
	position: relative;
}

/* 불꽃 */
.fireFImg {position:absolute;}
.fireFImg.fireF01 {left: 16%; top: 7%; width: 17.24%;}
.fireFImg.fireF02 {left: 13%; top: 41.5%; width: 6.62%;}
.fireFImg.fireF03 {left: 31%; top: 41.5%; width: 3.86%;}
.fireFImg.fireF04 {right: 24%; top: 14%; width: 7.77%;}
.fireFImg.fireF05 {right: 16%; top: 34%; width: 10.94%;}
.fireFImg.fireF06 {right: 15%; top: 23%; width: 3.334%;}
.fireFImg img {width:100%; height:auto;}

@keyframes fireFImgflash {
    0%,50%,to {opacity: 1}
    25%,75% {opacity: 0.3}
}
.aos-animate.fireFImgflash {animation: fireFImgflash 2s infinite;}
.aniD02 {animation-delay:0.13s!important;}
/* ~ 불꽃 // */

#sec05 .LStitle {color:#fff;}
#sec05 .Ltitle {color:#f0b320; letter-spacing:-0.02em; margin-top:3.1rem; line-height:1.2; text-shadow: 0px 5px 5px rgba(0,0,0,0.4);}

.sec05SlideCont {
    margin-top: 11.5rem;
    width: 40%;
    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: 60%;
    height: auto;
    margin: 0 auto;
	filter: brightness(0.7);
}

.sec05Slide .slick-center img {
	width:100%;
	filter: brightness(1);
}


#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);
}

#sec05 .slick-next{
    content: '';
    width: 3.2rem;
    height: 6.6rem;
    position: absolute;
   background: url(../img/sec05_slideBtnright.png) no-repeat center / cover;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

#sec05 .slick-prev {
    width: 3.2rem;
    height: 6.6rem;
    position: absolute;
	background: url(../img/sec05_slideBtnleft.png) no-repeat center / cover;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
	z-index:1;
}

#sec05 .slick-next:before, #sec05 .slick-prev:before {
	content: '';
}

.sec05OilLeft {
    margin-right: 9.29%;
}

.sec05OilRight {padding-left: 0.5rem;}

.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;
	width:100%;
	max-width:36.8rem;
}

.sec05OilTitle img {
	width:100%;
}


.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;
    font-weight: 500;
}
.sec05OilTxt span::before {
    content: '';
    width: 0%;
    height: 100%;
    position: absolute;
    left: -2%;
    top: 50%;
    transform: translateY(-50%);
    background: #0e3e2e;
    z-index: -1;
    transition: all 0.45s ease-in-out 0.3s;
}

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

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

@media (max-width:768px) {
	.sec05Top {padding-top: 19.73vw; background: url(../img/sec05_TopbgMo.jpg) no-repeat top/ cover;}
	#sec05 .Ltitle {margin-top:4vw;}
	
	.sec05SlideCont {margin-top: 15.2vw; width:100%;}
	.sec05Slide .slick-list {height:auto;}
	#sec05 .slick-slide {height: auto; margin:0;}
	.sec05Slide img {width: 100%;}
	.sec05Slide .slick-center img {width: 100%;}
	
	.sec05Botm {background: url(../img/sec05_bg.jpg) no-repeat center / cover; padding: 0 1.5rem 0;}
	#sec05 .sec05OilBox {
		width: 100%;
		max-width: 124rem;
		padding: 16.8vw 1rem;
		background: url(../img/sec05_oilMo.jpg) no-repeat center / cover;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 40px;
		transform: translateY(-7rem);
		flex-direction: column;
	}
	
	.sec05OilTitle {margin-top: 2.67vw; width: 48.50vw;}
	.sec05OilTitle img {width:100%; height:auto;}
	
	.sec05OilStitle {font-size: 6.25vw;}
	.sec05OilStitle::before {left:3px;}
	
	.sec05OilLeft {margin-right: 0; text-align: center;}
	.sec05OilRight {margin-top: 5.33vw;}
	.sec05OilTxt {font-size: 2.86vw; line-height: 1.454; text-align: center;}
	
	#sec05 .slick-next {
		right: 0;
		width: 1.7rem;
		height: 3.6rem;
		right: 0;
		transform: translateX(-50%) translateY(-50%);
		top: 50%;
		background: url(../img/sec05_slideBtnright.png) no-repeat center / cover;
	}
	
	#sec05 .slick-prev {
		width: 1.7rem;
		height: 3.6rem;
		position: absolute;
		background: url(../img/sec05_slideBtnleft.png) no-repeat center / cover;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%) translateX(50%);
		z-index: 1;
	}
	
	
	/* 불꽃 */
	.fireFImg.fireF01 {left: 0%; top: 0; width: 41.24%; transform: translateX(-60%);}
	.fireFImg.fireF02 {left: -4%; top: 41.5%; width: 17%;}
	.fireFImg.fireF03 {left: 13%; top: 36.5%; width: 8.86%;}
	.fireFImg.fireF04 {right: -9px; top: 6%; width: 19.77%;}
	.fireFImg.fireF05 {right: -7%; top: 35%; width: 27.5%;}
	.fireFImg.fireF06 {right: 16%; top: 0; width: 8.334%;}
}


/* ================== ~ 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;
	text-shadow:none;
}

#sec06 .sec06Title .Ltitle {
    color: #f0b320;
    display: flex;
    align-items: center;
	margin-top:0;
	text-shadow: 0px 4px 5px rgba(0,0,0,0.4);
}

#sec06 .Ltitle {
	margin-top:1.8rem;
	color:#fff;
	text-shadow: 0px 4px 5px rgba(0,0,0,0.4);
}

.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;
    line-height: 1.15;
}

.sec06LiStxt {
	margin-top:2rem;
	font-size:5.6rem;
	color:#fff5b4;
	text-align:center;
	
	display: flex;
    align-items: center;
}
.freeRed {
    width: 14rem;
    height: auto;
    position: absolute;
    right: -10rem;
    top: 0;
    /* transform: translateY(-50%); */
    opacity: 0;

}

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

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


.aos-animate.particledown {}



.freeRedTxt {}





.delLine {
    position: relative;
    margin-right: 0.3vw;
}

.dellineImgDiv {
    position: absolute;
    left: 0;
    top: 50%;
    width: 0%;
    height: 127%;
    transform: translateY(-50%);

}




.delLine img.dellineImg {
    top: 52%;
    position: absolute;
    transform: translateY(-50%);
    left: -1%;
	width:auto;

}

@media (min-width:769px) {
	.aos-animate .dellineImgDiv {
	width:100%;
	transition:all 0.6s ease-in-out 0.5s;
}


.aos-animate .delLine img.dellineImg  {
	width:100%;
	transition:all 0.1s ease-in-out 0.5s;
}

}


@media (max-width:768px) {
	#sec06 {padding: 20vw 0;}
	
	.sec06Particle {width: 180%; top: 10%;}

	#sec06 .Ltitle {margin-top: 2.40vw; font-size:8.9vw;}
	
	.storeCount {
		width: 17.71vw;
		height: 17.71vw;
		margin: 0 0.5rem 0 1rem;
	}
	
	.sec06TitleBox {
		width: 100%;
		position: relative;
		z-index: 1;
	}
	
	.sec06Chicken {
		position: absolute;
		left: 0;
		top: 97%;
		z-index: -1;
		width: 23.47vw;
		transform: translateX(-30%);
	}

	.sec06Chicken img {
		width:100%;
		height:auto;
	}
	
	
	.sec06List {
		display: flex;
		z-index:2;
		margin-top: 12.27vw;
		position: relative;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}

	.sec06List li {
		width: calc(100%/2 - 1.7vw);
	}
	.sec06List li:nth-child(1) {transform: translateX(2vw) translateY(2vw);}
	.sec06List li:nth-child(2) {transform: translateX(-2vw) translateY(2vw);}
	.sec06List li:nth-child(3) {transform: translateX(2vw) translateY(-2vw);}
	.sec06List li:nth-child(4) {transform: translateX(-2vw) translateY(-2vw);}
	
	.sec06LiBtxt {
		font-size: 10.42vw;
		color: #fffaed;
		text-align: center;
	}

	.sec06List li:nth-child(3) .sec06LiBtxt {font-size: 8.33vw;}
	
	.sec06LiStxt {
		margin-top: 2.67vw;
		font-size: 7.29vw;
		color: #fff5b4;
		text-align: center;
	}

	.sec06ListBox {
		width: 100%;
		background: rgba(0, 21, 14, 0.8);
		border: 0.53vw solid #f0b320;
		border-radius: 999%;
		overflow: hidden;
		height: 0;
		padding-bottom: 97.52%;
		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%);
	}

	.freeRed {
		width: 18.23vw;
		height: auto;
		position: absolute;
		right: -10%;
		top: 3%;
		opacity: 0;
		animation: stampBounce 0.75s ease-out forwards 1s;
		-webkit-animation: stampBounce 0.75s ease-out forwards 1s;
	}

	.delLine {margin-right:0.8vw;}
	.dellineImgDiv {width:100%;}
	.delLine img.dellineImg {
		position: relative;
		transform: translateY(-0.2vw);
		top: unset;
		left: unset;
		width: 100%;
		height: 100%;
	}
}
/* ================== ~ 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%);
}

.secMChick.secMChick01 img {
	width:100%;
	height:auto;
}


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

@media (max-width:768px) {
	
	#secM {
		padding: 19.47vw 0;
		background: url(../img/secM_bgMo.jpg) no-repeat center / cover;
	}
	#secM .secMInner {
		align-items: center;
		justify-content: space-between;
		flex-direction: column;
	}
	
	.secMLeft {
		width: 100%;
		text-align: center;
	}
	
	#secM .LStitle::before {left:0;}
	
	#secM .Ltitle  {
		margin-top: 4vw;
		text-align: center;
	}
	
	#secM .secMTxt {
		font-size: 3.65vw;
		margin-top: 5.33vw;
	}
	
	.secMRight {
		width: 56.2%;
		margin-top: 14.13vw;
	}
	
	
	.secMChick.secMChick01 {
		width:24.27vw;
	}
	
	.secMChick.secMChick01 img {
		width:100%;
		height:auto;
	}
	
	
	.secMChick.secMChick02 {
		width:32.80vw;
	}
	
	
	.secMChick.secMChick02 img {
		width:100%;
		height:auto;
	}
	
}



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

.twosection {
    background: url(../img/twoSectionBg.jpg) no-repeat top / cover;
}

#sec07 {
	padding:14rem 0 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: 37rem;
    width: 37rem;
    position: relative;
    border: 2px solid #f0b320;
    box-shadow: 0px 0px 14px #f0b320;
}

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

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

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


.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:115%;
}

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

.sec07Stxt {
    text-align: center;
    font-family: "Pretendard";
    color: #fff;
    font-size: 2rem;
    letter-spacing: -0.02em;
    margin-top: 4rem;
}
.sec07CenterWrap {
	position:relative;
}
.sec07CenterLine {
    width: 130%;
    height: 2px;
    background: #f0b320;
    top: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    left: 50%;
}



@media (max-width:768px) {
	
	#sec07 {
		padding:20vw 0 0;
		/* background:url(../img/sec07_bg.jpg) no-repeat center / cover; */
	}



	.sec07Cont {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-direction: column;
	}
	
	.sec07pTxt {
		font-size: 6.25vw;
		top: unset;
		transform: unset;
		text-align: center;
		position:relative;
	}
	
	
	.sec07Center {
		height: 48.18vw;
		width: 48.18vw;
		position: relative;
		margin: 11.47vw 0 13.07vw;
	}

	.sec07CenterLine {
		width: 2px;
		height: 90%;
	}

	.sec07LeftSlide {
		height: 10.67vw;
		margin-top: 2.13vw;
	}


	
	.sec07SlideTxt {
		color: #fff;
		font-size: 9.90vw;
	}

	.sec07LeftSlide .swiper-slide {text-align:center;}
	
	.holicTImg.mo_only {
		width: 34.23vw;
		margin: 2.67vw auto 0;
	}
	.holicTImg.mo_only img {width:100%; height:auto;}
	
	
	.sec07Stxt {
		font-size: 3.65vw;
		letter-spacing: -0.02em;
		margin-top: 0;
	}

}


/* ================== ~ 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;
	background: rgb(0 21 14 / 80%);
}
.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;
}


@media (max-width:768px) {
	
	#sec08 {
		padding: 20vw 0 0 0;
		/* background: #032519; */
		overflow: hidden;
	}


	.sec08CList {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		flex-direction: row;
	}


	.sec08CList li {
		width: calc(100%/2 - 2.93vw);
		padding-bottom: 45.525%;
		transition: all 0.3s ease-in-out;
		border:0.27vw solid #f0b320;
		box-shadow: 0px 0px 12px #f0b32099;
	}

	.sec08CList li:nth-child(1), .sec08CList li:nth-child(4) {
		margin-top: 0;
	}

	.sec08CList li:nth-child(3), .sec08CList li:nth-child(4) {
		margin-top: 2.93vw;
	}
	
	.sec08CLiT {
		font-size: 7.81vw;
		line-height: 1.08;
	}

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

	.sec08ContImg {
		width: 120%;
		margin: 0 auto;
		position: absolute;
		left: 50%;
		transform: translateX(-50%) translateY(11%);
		bottom: 0;
	}
	
	.sec08Txt {
		font-size: 3.65vw;
		margin-top: 5.33vw;
	}



}

/* ================== ~ 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: 2rem;
    margin-top: 3rem;
    text-align: left;
    font-weight: 400;
	text-shadow:0px 5px 5px rgba(0,0,0,0.4);
}

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

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



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


.sec09TtielBox {padding:15rem 0 14rem;}
#sec09 .LStitle {color:#fff; text-align: left; text-shadow: 0px 4px 6px rgba(0,0,0,0.1); text-shadow:0px 5px 5px rgba(0,0,0,0.4); line-height: inherit;}
#sec09 .Ltitle {
    color:#f0b320;
    letter-spacing: -0.02em;
    margin-top:3rem;
    line-height: 1.2;
    text-align: left;
	text-shadow:0px 5px 5px rgba(0,0,0,0.4);
}

@media (max-width:768px) {
	
	#sec09 {
		overflow: hidden;
		background: url(../img/sec14_Bg.jpg) no-repeat center / cover;
		padding: 19.47vw 0;
	}



	.MoslideWrap.mo_only {
		display: flex!important;
		height: 62.13vw;
		margin-top: 12vw;
	}
	
	
	.MoslideWrap.mo_only img {
		width: auto;
		height: 100%;
	}

	.sec09Inner {
		display: flex;
		max-width: 109rem;
		padding: 0;
		margin: 0 auto;
		justify-content: space-between;
		flex-direction: column;
	}
	
	.sec09TtielBox {padding: 0;}
	
	#sec09 .LStitle {text-align: center;}

	#sec09 .Ltitle {
		margin-top: 2.2vw;
		text-align: center;
	}

	.sec09Txt {
		line-height: 1.2;
		font-size: 3.65vw;
		margin-top: 5.33vw;
		text-align: center;
	}

	#sec09 .marquee-container {
		position: relative;
		left: unset;
		border: unset;
		height: 62.13vw;
		margin-top: 12vw;
	}
}


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





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

#sec10 {
    padding-top:15rem;
    position: relative;
	overflow:hidden;
    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;
	line-height: inherit;
    text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
}
#sec10 .Ltitle {
    color: #f0b320;
    letter-spacing: -0.02em;
    margin-top: 3rem;
    text-align: left;
    line-height: 1.2;
	text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
}
.sec10Txt {
    font-family: "Pretendard";
    color:#fff;
    text-align: left;
    line-height: 1.2;
    font-size:2rem;
    margin-top:3rem;
	text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
}
.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%;
}

@media (max-width:768px) {
	
	#sec10 {
		padding-top:20vw;
	}
	
	
	
	.sec10Inner {
		flex-direction: column;
	}

	.sec10Left, .sec10Right {
		width: 100%;
	}

	#sec10 .LStitle {
		text-align:center;
	}
	
	#sec10 .Ltitle {
		margin-top: 4.27vw;
		text-align: center;
		line-height: 1.2;
	}


	.sec10Txt {
		text-align: left;
		line-height: 1.2;
		font-size: 3.65vw;
		margin-top: 5.33vw;
		text-align: center;
	}

	.sec10ceo {
		margin-top:2rem;
	}
	
	#sec10 .marquee-container {
		height:19.73vw;
		margin-bottom:9.33vw;
	}

}


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



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

#sec11 .LStitle {
    color: #fff;
    text-shadow: 0px 5px 5px rgba(0,0,0,0.4);
}

#sec11 .Ltitle {
	color:#f0b320;
	letter-spacing:-0.02em;
	margin-top:3.3rem;
	text-shadow: 0px 5px 5px rgba(0,0,0,0.4)
}

.sec11Txt {
	color:#fff;
	font-size:2rem;
	font-family:"Pretendard";
	letter-spacing:-0.02em;
	margin-top:3.2rem;
	text-align:center;
	text-shadow: 0px 5px 5px rgba(0,0,0,0.4)
}


.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 .slick-prev {
    position: absolute;
    top: 50%;
    width: 6rem;
    height: 6rem;
	left: 0;
    transform:translateX(100%) translateY(-50%);
  
    cursor: pointer;
    z-index: 1111;
    background: url(../img/sec11_slideLeft.jpg) no-repeat center / cover;
}

 #sec11 .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
	right: 0;
    transform: translateX(-100%) translateY(-50%);
	
    width: 6rem;
    height: 6rem;
	background: url(../img/sec11_slideRight.jpg) no-repeat center / cover;
}

#sec11 .slick-prev:before {content: '';}
#sec11 .slick-next:before {content:'';}



@media (max-width:768px) {
	#sec11 {
		padding:20vw 0;
		background: url(../img/sec11_bgMo.jpg) no-repeat top / cover;
	}
	
	.sec11Txt {
		font-size: 3.65vw;
		margin-top: 5.33vw;
	}

	#sec11 .Ltitle {
		margin-top: 4vw;
	}


	.sec11Slide {
		padding:0 4vw;
		margin-top: 8.53vw;
	}


	#sec11 .slick-dotted.slick-slider {
		margin-bottom: 0;
	}

	#sec11 .slick-dots {
		position: relative;
		bottom: unset;
		margin-top: 4.40vw;
	}
		
	.sec11Slide .slick-slide {
		opacity:0.5;
		margin: 0 2.13vw;
		border: 0.27vw solid #f0b320;
		box-shadow: 0px 0px 15px rgb(240 179 32 / 0.9);
	}
	
	.sec11Slide .slick-slide.slick-active {
		opacity:1;
	}


	.sec11Slide .slick-list {
		overflow: unset!important;
		padding: 0!important;
	}
	
	

	
	#sec11 .slick-dots li {
		position: relative;
		display: inline-block;
		width: unset;
		height: unset;
		margin: 0 0.7vw;
		padding: 0;
		cursor: pointer;
	}


	#sec11 .slick-dots li button {
		opacity: 1;
		border: none;
		border-radius: 999%;
		width: 1.82vw;
		height: 1.82vw;
		box-sizing: border-box;
	}
	
	#sec11 .slick-dots li.slick-active button {
		opacity: 1;
		color: #f0b320;
		background: unset;
		border-radius: 999%;
		width: 0.9vw;
		height: 0.9vw;
	}

	#sec11 .slick-dots li button:before {
		content: '';
		width: 1.83vw;
		height: 1.83vw;
		border: 0.53vw solid #f0b320;
		border-radius: 999%;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		opacity: 1;
		font-size: unset;
		line-height: unset;
		
	}
	
	#sec11 .slick-dots li button:after {
		content: '';
		width: 1.3vw;
		height: 1.3vw;
		border-radius: 999%;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
		opacity: 1;
		font-size: unset;
		line-height: unset;
		background: #012016;
		z-index:2;
	}

	#sec11 .slick-dots li.slick-active button:before {
		background: #f0b320;
	}
	
	#sec11 .slick-dots li.slick-active button:after {
		background: #f0b320;
	}

}



/* ================== ~ sec11 END // ================== */


/* ============ // sec12 START ~  ============ */
#sec12 {
    width:100%;
	overflow:hidden;
    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;
    line-height: 1;
    text-shadow: 0px 5px 5px rgba(0,0,0,0.4);
}
#sec12 .Ltitle {
	color:#f0b320;
	letter-spacing:-0.02em;
	margin-top:3.4rem;
	text-shadow: 0px 5px 5px rgba(0,0,0,0.4)
}

#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: auto;
    position: relative;
    width: calc(100%/4 - 3rem);
    margin: 4rem 1.5rem 0;
    background: #f0b320;
}
.item.active { display:block; }

.thumbs {
	border:2px solid #f0b320;
}
.thumbs img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.text_box {
    padding: 1.6rem 0;
    position: relative;
    left: unset;
    top: unset;
    font-size: 2rem;
    display: block;
    background: #f0b320;
    text-align: center;
}
.text_box .name.ko { font-weight:700; }
.text_box .name.en { opacity:.7; font-size:.9em; }




@media (max-width:768px) {
	#sec12 {
		padding: 20vw 0 18.67vw;
	}
    #sec12 .mainInner {
        padding: 0;
    }
	
	.sec12Inner {
		padding: 0 1.5rem;
	}
	
	#sec12 .Ltitle {
		margin-top: 4.53vw;
	}

	#sec12 .menuTopTxt {
		font-size: 3.65vw;
		letter-spacing: -0.02em;
		margin-top: 5.07vw;
	}
	.menuTopBox {
		flex-direction: column;
		justify-content: center;
		padding: 8vw 0 0 0;
		border:0.27vw solid #f0b320;
	}

	.MoMenuImg {
		width: 100%;
		margin-top: 4.8vw;
	}
	
	.MoMenuImg img {
		width:100%;
		height:auto;
	}

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

    .menu_info {
        margin-top: 3.5rem;
    }
	
	.tab_round {
		display: flex;
		gap: 0;
		justify-content: center;
		flex-wrap: wrap;
		flex-direction: row;
	}
	
	.tab_round li {
		width: calc(100%/3 - 4vw);
		color:rgb(255 255 255 / 40%);
		font-size: 4.4667vw;
		line-height: 1;
		padding: 2.6667vw 0;
		/* width: 28vw; */
		margin: 0 2.00vw 4vw 2.00vw;
		border: 0.27vw solid #f0b320;
	}
	
	.thumbs {
		border: 0.27vw solid #f0b320;
	}
	
	

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



	.menu_list {
		justify-content: space-between;
	}


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

	.item:nth-child(2n) {
		margin-left: 1.735vw;
	}
	
	.item:nth-child(2n-1) {
		margin-right: 1.735vw;
	}


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


	.btn_more_cont {
		display: block;
		margin: 0 auto;
		padding: 1.87vw 8.80vw;
		border: 0;
		background: #f0b320;
		cursor: pointer;
		border-radius: 0;
		/* width: 25.87vw; */
		font-weight: 700;
		font-size: 4.17vw;
		color: #03271b;
		text-transform: lowercase;
		line-height: 1;
		margin-top: 2.4rem;
	}



	.text_box {padding: 2.4vw 0; font-size: 3.65vw;}

}
/* ============ ~ 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: 70%;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    /* max-width: 76rem; */
}

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



@media (max-width:768px) {
	
	
	#sec13 {padding: 18.67vw 0;}
	.sec13Table {margin-top: 10.67vw;}




    #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: 100%;}
}




#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:#f0b320;
} 

#cusInq {
    margin-top: 8rem;
    padding: 7rem;
    background: #FFF;
}
.s14_form {
    height: 78.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: 124rem;
}
}

@media (max-width:768px) {

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

	.s14_form {
		height: 49rem;
	}

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


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





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