.pc_only {}
.mo_only {display:none!important;}
.slideImg{
  flex-shrink:0;
  will-change: transform;
}

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

@font-face {
    font-family: 'Seongang';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2312-1@1.1/SOGANGUNIVERSITYTTF.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}


@font-face {
    font-family: 'KimJeongcheolMyoungjo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/KimjungchulMyungjo-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

.sgF {font-family: 'Seongang';}
.mainInner {
	width:100%;
	margin:0 auto;
	padding:0 2rem;
	max-width:141rem;
}


.Ltitle  {
	font-family: 'Seongang';
	color: #4A4845;
	text-align: center;
	font-size: 5.6rem;
	font-weight: 400;
	line-height: 132.143%;
	letter-spacing: -0.224rem;
}

.LStitle {
	color: #4A4845;
	text-align: center;
	font-size: 2.3rem;
	line-height: 165.217%;
	letter-spacing: -0.069em;
}

 
@media (max-width:991px) {
	.mainInner {padding: 0 6.51vw;}
	.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(56 55 53 / 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 / 40%);}
	.mo_menuList li:hover {color:#fff;}
	.mo_menuList li.on {color:#fff;}
}



@media (max-width:768px) {
	.LStitle {font-size: 3.78vw; line-height: 137.931%; letter-spacing: -0.0087em;}
	.Ltitle {font-size: 7.55vw; line-height: 127.586%; letter-spacing: -0.0232em;}
}

.mainWrap {
    position: relative;
    background: #202020;
}

.mainWrap,
.scrollTWrap,
.horizontal-section {
height: calc(var(--vh) * 100);
}
.slideImg,
.scroll-img,
.introLogo,
.sec04Food,
.text-block {
  will-change: transform;
  transform: translateZ(0);
}

.logoRolling {width:100%; overflow:hidden;}
.logoRolling .rollingbox .MoslideWrap {height:6.5rem;}
.logoRolling .rollingbox .MoslideWrap img {height:100%;}


#intro {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 10;
    overflow: hidden;
    background: url(/STATIC/img/introBg.jpg) no-repeat center / cover;
}

#intro img {
    height: auto;
    width: 120%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
#intro img.introLogo {width: 38rem; height: auto;}
#main {height:100vh; overflow:hidden; z-index:1; opacity:1;}
.mainSlide {width: 100%; height: 100%;}
.mainSlide img {
    height: 100vh;
    width: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.mainSBtnGWrap {
    position: absolute;
    left: 20%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 10;
}
.mainSBtnG {
    position: relative!important;
    display: flex!important;
    align-items: center;
    z-index: 10;
    flex-direction: row;
}
.mainSBtnG .swiper-pagination {
    left: 0!important;
    top: 50%!important;
    width: 30rem!important;
    margin-left: 0!important;
    position: relative!important;
    background: #FFF;
}
.mainSBtnG .swiper-button-next, .mainSBtnG .swiper-button-prev {
    position: relative!important;
    width: 10px;
    height: 22px;
    color: #FFF;
    left: unset!important;
    right: unset!important;
    margin-left: unset!important;
    margin-top: unset!important;
    top: unset!important;
    margin: 0 0px 0 10px!important;
}

.mainSBtnG .swiper-pagination-progressbar
.swiper-pagination-progressbar-fill { background: #DDB87E;}
.mainBTitle {
    color: #FFF;
    text-shadow: 0 0 24px rgba(0, 0, 0, 0.30);
    font-family: 'Seongang';
    font-size: 9.2rem;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -0.0368em;
}
.mainTxt {
	color: #DCD9D5;
	text-shadow: 0 0 12px rgba(0, 0, 0, 0.20);
	font-family: Pretendard;
	font-size: 2.6rem;
	font-weight: 500;
	letter-spacing: -0.052em;
	margin-top:2.8rem;
}
.mainSBtnG {margin-top:4.6rem;}

.fraction {
    color: #FFF;
    font-family: Pretendard;
    font-size: 1.7ren;
    font-weight: 600;
    letter-spacing: 0.17em;
	margin-right:1rem;
}

.swiper-control {
    margin-top: 0;
    width: 9px;
    height: 15px;
    position: absolute;
    right: 0;
    top: 11px;
    background: unset!important;
    transform: translateX(-150%);
	
}
.swiper-toggle {
    /* background: none; */
    /* border: unset; */
    /* color: #fff; */
    /* padding: 0; */
    /* font-size: 13px; */
    /* cursor: pointer; */
    /* position: relative; */
    background: unset;
    border: unset;
}


.swiper-toggle img {
    width: 100%;
    height: 100%;
    position: unset;
    right: unset;
    top: unset;
    background: unset;
}

@media (min-width:1920px) {
	#intro img, .mainSlide img {height:120%; width:auto;}
	#intro img {height:100%; width:auto;}
}

@media (min-width:769px) {
	
	
}

@media (max-width:768px) {
	.mainSlide img {height: 100%; width: auto;}
	#intro img {height: 100%; width: auto;}
	#intro img.introLogo {width: 50%;}
	.mainSBtnGWrap {width:100%; left: 0; transform: translate(0%,-50%); text-align:center; top: 60%;}
	.mainBTitle {font-size: 10.16vw;}
	.mainTxt {font-size: 3.52vw; margin-top: 4.43vw;}
	.fraction, #main .swiper-control {display:none;}
	.mainSBtnG .swiper-button-next, .mainSBtnG .swiper-button-prev {display:none!important;}
	.mainSBtnG {align-items: center; justify-content: center;}
	.mainSBtnG .swiper-pagination {background:unset; bottom: -16.67vw!important;}
	.mainSBtnG .swiper-pagination-bullet {background: #fff; width: 3.39vw; height: 3.39vw;}
	
	.logoRolling .rollingbox .MoslideWrap {height: 11.07vw;}


}


/* ================== // sec02 START ~  ================== */
#sec02 {background: #DCD9D5; display: flex; position: relative;}
.sec02Slide img {height:100%; width:auto;}
#sec02 .sec02Left{width:50%;}
#sec02 .slick-prev, #sec02 .slick-next {
    font-size: unset;
    position: absolute;
    top: 50%;
    display: block;
    width: 6.5rem;
    height: 6.5rem;
    transform: translate(0, -50%);
    cursor: pointer;
	border: 1.5px solid #4A4845;
	background: #FFF;
}
#sec02 .slick-prev {
    left: unset;
    z-index: 1;
    top: unset;
    bottom: 0;
    transform: translateX(-100%);
    right: 0;
    background: #4A4845;
	background: url(../img/sec02_btnPrev.jpg) no-repeat center / cover;
}
#sec02 .slick-next {
    top: unset;
	right: 0;
    bottom: 0;
    transform: unset;
    background: url(../img/sec02_btnNext.jpg) no-repeat center / cover;
}
#sec02 .slick-prev:before, #sec02 .slick-next:before {display:none;}
#sec02 .sec02Right {width: 50%; padding-top: 8.22%; padding-left: 5%; position: relative;}
.sec02Title {
	color: #383735;
	font-family: 'Seongang';
	font-size: 5.6rem;
	line-height: 142.857%;
	letter-spacing: -0.0224em;
}
.sec02Txt {
    color: #4A4845;
    font-size: 2.3rem;
    line-height: 4rem;
    letter-spacing: -0.046em;
    margin-top: 4.4rem;
	
}
.sec02Txt span {
    color: #AC896B;
    font-family: 'KimJeongcheolMyoungjo';
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 3.8rem;
    letter-spacing: -0.0096em;
    display: inline-block;
    padding: 3.6rem 0;
}
.sec02Logo {width: 65rem; position: absolute; right: 0.5%; bottom: 0; z-index: 1;}


@media (min-width:1920px) {	
	.sec02Slide img {height: auto; width: 100%;}
}

@media (max-width:768px) {
	#sec02 {flex-direction: column;}
	#sec02 .sec02Left {width:100%;}
	.sec02Slide img {height: auto; width: 100%;}
	#sec02 .slick-prev, #sec02 .slick-next {display:none!important; }
	#sec02 .sec02Right {width: 100%; text-align: center; position: relative; padding: 16.67vw 0 20.83vw;}
	.sec02Title {font-size: 7.55vw; line-height: 131%;}
	.sec02Txt {font-size: 4.17vw; line-height: 156%; letter-spacing: -0.046em; margin-top: 7.03vw;}
	.sec02Txt span {font-size: 5.21vw; line-height: 3.8rem; letter-spacing: -0.0096em; padding: 9.11vw 0 7.55vw;}
	.sec02Logo {display:none;}
	
}


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

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


.scrollTWrap {
  position: relative;
  height: 100vh;
  overflow: hidden;
  background:#4A4845;
}

#sec03,
#sec04 {
  /*position: absolute;
  inset: 0;
  width: 100%;*/
  height: 100vh;
}
#sec03 {
    z-index: 10;	
	/*background-image:url(/STATIC/img/sec03_cityBg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-origin:center;
	background-size:contain;
	background-color:#000;*/
}

#sec03 .sec03Bg {
    width: 100%;
    height: 100%;
    background: #000;
    z-index: -1;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    /* justify-content: center; */
    /* align-items: center; */
}


.blackTBox {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
	position:relative;
	background-image:url(/STATIC/img/sec03_tbg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-origin:center;
	background-size:contain;
}


.blackTBox.blackT {
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
}


#sec04 {
  inset: 0;
  z-index:11;
  height: 100vh;
  position: absolute;
}

.sec04Mask {
  position: absolute;
  inset: 0;
  clip-path: ellipse(0% 0% at 50% 50%);
  overflow: hidden;
}

.sec04Bg {
  position: absolute;
  inset: 0;
}

.sec04Bg iframe {
	top: 50%;
    left: 50%;
    width: 180%;
    height: 120%;
    object-fit: cover;
    position: absolute;
    transform: translateX(-50%) translateY(-50%);
}

.sec04Bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*
.sec04Bg::before {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    z-index: 1;
    position: absolute;
}
*/
.sec04Cont,
.sec04Cont02 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  font-size: 8rem;
}
.sec04Cont {
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
	z-index:5;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.sec04ST {
	color: #FFF;
	text-align: center;
	font-size: 2.8rem;
	letter-spacing: -0.0112em;
	opacity: 0.8;
}

.sec04BT {
    color: #FFF;
    text-align: center;
    font-size: 5.6rem;
    line-height: 121.429%;
    letter-spacing: -0.0224em;
    font-weight: 800;
    margin-top: 1.2rem;
}

.salseT {
    color: #07060A;
    text-align: center;
    font-family: Pretendard;
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 4rem;
    letter-spacing: -0.056em;
    display: inline-block;
    position: relative;
    padding: 0 3.5rem;
    margin-bottom: 1rem;
}
.salseT::before {
    content: '';
    left: 0;
    top: 50%;
    width: 100%;
    position: absolute;
    transform: translateY(-50%);
    background: #DDB87E;
    z-index: -1;
    height: 100%;
}
.salseBox .salseNum {
    color: #FFF;
    font-size: 7.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.0375em;
}
.salseBox .salseNum span {font-size: 17rem;}
.salseBox {position: absolute; bottom: 10%;}
.sec04Food {
    width: 50%;
    height: auto;
    position: absolute;
    top: unset;
    left: 50%;
    transform: translate(-50%,100%);
    bottom: 0;
}
.sec04Food img {width:100%; height:auto;}
.sec04Cont02 {top: 150%;}

.salseBox01, .salseBox02 {
    position: absolute;
    top: 60%;
	opacity:0;
    transform: translateY(-40%);
}
.salseBox01 {left:10%;}
.salseBox02 {right:10%;}

.salseSBox .salseT {padding:0 1rem;}
.salseSBox .salseNum {
    color: #FFF;
    font-size: 8.5rem;
    font-weight: 700;
    padding-bottom: 2.5rem;
    margin-top: 2rem;
    border-bottom: 1px solid #FFF;
}




@media (max-width:768px) {
	.blackTBox {background-image:url(/STATIC/img/sec03_tbgMo.png);}
	#sec03 {background: #000;}
	#sec03 .sec03Bg {
		width: 100%;
		height: auto;
		z-index: -1;
		position: absolute;
		left:50%;
		top:50%;
		transform:translate(-50%,-50%);
	}
	#sec03 .sec03Bg img {width: 100%; height: auto;}
	
	.sec04ST {font-size: 4.43vw; letter-spacing: -0.0112em; opacity: 0.8;}
	.sec04BT {font-size: 8.20vw; line-height: 121.429%; letter-spacing: -0.0224em; margin-top: 1.17vw;}
	.salseBox .salseNum span {font-size: 14.32vw;}
	.salseBox .salseNum { font-size: 14.32vw; letter-spacing: -0.0375em;}
	
	.salseT {font-size: 3.65vw; line-height: 142.857%; letter-spacing: -0.056em; padding: 0.5vw 4.43vw 0.2vw; margin-bottom: 1rem;}
	.salseSBox .salseNum {font-size: 10.42vw; padding-bottom: 3.26vw; margin-top: 2.60vw; margin-bottom: 0; border-bottom: 0.13vw solid #FFF;}
	.sec04Food {width: 156%; bottom: -6%;}
	.sec04Bg iframe {
		width: 3500%;
		height: 140%;
		object-fit: cover;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
	}


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


.maskBox{
    background:black;
    padding:150px 0;
    text-align:center;
}

.maskText{
    font-size:80px;
    font-weight:700;

    background:url('/img/city.jpg') center/cover no-repeat;
    
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

 /* ── 스크롤 공간 확보 섹션 ── */
    .intro {
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      gap: 16px;
      opacity: 0.4;
    }

    .intro p {
      font-size: 14px;
      letter-spacing: 0.3em;
      color: #555;
      font-family: monospace;
    }

    .scroll-hint {
      font-size: 12px;
      letter-spacing: 0.2em;
      color: #333;
      font-family: monospace;
      animation: blink 1.6s ease-in-out infinite;
    }

    @keyframes blink {
      0%, 100% { opacity: 0.3; }
      50% { opacity: 1; }
    }

    /* ── 메인 씬 (sticky) ── */
    .sticky-wrapper {
      height: 400vh; /* 스크롤 여유 공간 */
      position: relative;
    }

    .scene {
      position: sticky;
      top: 0;
      width: 100%;
      height: 100vh;
      overflow: hidden;
    }

    /* 배경이미지 */
	  .scene__bg{
	  position:absolute;
	  top:0;
	  left:0;
	  width:100%;
	  height:100%;
	  overflow:hidden;
	  z-index:-1;
	}

	.scene__bg iframe{
	  position:absolute;
	  top:50%;
	  left:50%;
	  width:100vw;
	  height:56.25vw; /* 16:9 */
	  min-width:177.77vh;
	  min-height:100vh;
	  transform:translate(-50%, -50%);
	  pointer-events:none;
	}

    /* 검은 오버레이 + knock-out */
    .knockout-wrap {
      position: absolute;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #000;
      mix-blend-mode: multiply;
      will-change: opacity;
    }

    /* 텍스트 컨테이너 */
    .text-block {
      text-align: center;
      line-height: 0.88;
      will-change: transform;
      transform-origin: center center;
    }

	.text-block span {
		display: block;
		letter-spacing: -0.02em;
		color: #fff;
		will-change: transform, opacity;
		font-size: 9rem;
		font-weight: 700;
		line-height: 1;
		font-family: "Pretendard";
		text-align: center;
	}
	.text-block span#line1 {margin-bottom:4rem;}

    /* 서브텍스트 (별도 레이어 — mix-blend-mode 밖) */
    .sub-text {
      position: absolute;
      bottom: 14%;
      left: 50%;
      transform: translateX(-50%);
      font-size: 13px;
      letter-spacing: 0.35em;
      color: #888;
      font-family: monospace;
      white-space: nowrap;
      pointer-events: none;
    }

    /* 애프터 섹션 */
    .after {
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .after p {
      font-size: 13px;
      letter-spacing: 0.25em;
      color: #333;
      font-family: monospace;
    }
	
	
	
@media (max-width:768px) {
	.text-block span {font-size: 6.26vw; line-height: 1.2;}
	.text-block span#line1 {margin-bottom: 4.6vw;}
}

/* ================== // sec05 START ~  ================== */
#sec05 {overflow:hidden; background:#DCD9D5; padding:17rem 0 18rem 0;}
#sec05 .mainInner {max-width:170rem; position:relative;}
img.sec05Logo {position: absolute; right: 0; top: 4rem; width: 80rem;}
#sec05 .Ltitle {text-align:left;}
.beneList {display: flex; justify-content: space-between; margin-top:14rem;}
.beneList li {width:calc(100%/3 - 2.4rem); position:relative;}
.beneList li .count {
    color: #FFF;
    text-align: center;
    font-size: 2rem;
    font-weight: 900;
    letter-spacing: -0.006em;
    padding: 1rem 1.8rem;
    border-radius: 99.9rem;
    background: #222;
    display: inline-block;
}
.beneList li .title {
	color: #383735;
	font-family: Pretendard;
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 112.5%;
	letter-spacing: -0.96px;
	margin-top:2.2rem;
}
.beneList li .txt {color: #5C5A57; font-size: 2.2rem; line-height: 172.727%; letter-spacing: -0.44px; margin-top:1.7rem;}
.beneList li .img {width: 100%; height: auto; position: relative; margin-top: 3.2rem;}
.beneSTxt {
    color: #5C5A57;
    font-family: Pretendard;
    font-size: 1.7rem;
    font-weight: 300;
    line-height: 188.235%;
    letter-spacing: -0.34px;
    z-index: 1;
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translateY(100%);
}

@media (max-width:768px) {
	#sec05 {padding: 16.54vw 0 26.04vw;}
	img.sec05Logo {position: relative; right: unset; top: unset; width: 100%; margin-top: 2vw;}
	.beneList {margin-top: 8.46vw; flex-direction: column; align-items: flex-start;}
	.beneList li {width: 100%; margin-bottom: 15.63vw;}
	.beneList li:last-child {margin-bottom:0;}
	.beneList li .count {font-size: 3.65vw; letter-spacing: -0.006em; padding: 1.5vw 2.21vw 1.04vw; line-height: 1;}
	.beneList li .title {font-size: 5.21vw; line-height: 112.5%; letter-spacing: -0.012em; margin-top: 3.13vw;}
	.beneList li .txt {font-size: 3.78vw; line-height: 1.55; letter-spacing: -0.058em; margin-top: 2.47vw;}
	.beneList li .img {margin-top: 5.21vw;}
	.beneSTxt {font-size: 3.26vw;}
}

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



/* ================== // sec06 START ~  ================== */
#sec06 {background: url(../img/sec06_bg.jpg) no-repeat center / cover; padding: 15rem 0 55rem; position: relative; overflow: hidden; height: auto;}
#sec06 .Ltitle {color:#fff; z-index: 1; position: relative;}
#sec06 .LStitle {color:#bbb; margin-top:3.2rem; z-index: 1; position: relative;}
.sec06Slide.pc_only {position: absolute; left: 5%; top: 0; width:31rem;}
.sec06Slide .slideWrap {display: flex; flex-direction: column; align-items: center;}
.sec06Slide .slideWrap img {margin-bottom: 4.9rem; width: 100%; height: auto;}
.sec06Slide.sec06Slide02.pc_only {left:unset; right:5%;}
.sec06GGroup {
    width: auto;
    height: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    bottom: -19%;
    justify-content: center;
    align-items: flex-end;
    width: 33%;
	max-width:52rem;
}
.rightG06 {position: absolute; z-index: -1;}
.leftG06 img, .rightG06 img {width:100%; height:auto;}

@media (min-width:769px) {
	#sec06 .marquee-container  {display:none;}
}
@media (max-width:768px) {
	#sec06 {padding: 21.48vw 0 92.84vw 0; height:auto;}
	.sec06GGroup {height: auto; left: unset; transform: unset; bottom: unset; width: 100%;}
	.leftG06 {z-index:1;}
	.rightG06 {z-index: 0; top: 0;}
	#sec06 .MoslideWrap.mo_only {display: flex!important; height: 33.33vw; margin-top: 12.37vw;}
	#sec06 .MoslideWrap.revers.mo_only {margin-top: 5vw;}
	#sec06 .MoslideWrap.mo_only img {margin-right:5vw; position:relative;}
	#sec06 .marquee-container {height:33.33vw; margin-top:4.82vw; position: relative;}
	#sec06 .marquee-container img {margin-right:1.56vw;}
	#sec06 .MoslideWrap.MoslideWrap02.mo_only {margin-top:4.82vw;flex-direction:row-reverse; }
}
/* ================== ~ sec06 END // ================== */


/* ================== // sec07 START ~  ================== */
#sec07, .horizontal-section {padding:14rem 0 0; position: relative;  height: 100vh;  width:98%;  background: #202020;  overflow:hidden;}
#sec07 {width:100%; background: #202020;}
.horizontal-wrapper {display: flex; height: 100%;}
.panel {height: 98%; display: flex; align-items: center;}
.scroll-img {width: 200%; max-width: none;}

@media (max-width:768px) {
	#sec07, .horizontal-section {padding:0;}
	#sec07::before {
    content: '';
    width: 100%;
    height: 4px;
    background: #202020;
    position: absolute;
    left: 0;
    bottom: 0px;
}
}
/* ================== ~ sec07 END // ================== */


/* ================== // sec08 START ~  ================== */
#sec08 {padding: 26.7rem 0 17rem 0; background: #202020; overflow: hidden; position:relative;}
#sec08 .Ltitle {color:#FFF;}
#sec08 .LStitle {color: #BBB; margin-top: 3.2rem;}
#sec08 .MoslideWrap {margin:8.2rem 0 2.5rem 0;}
#sec08 .MoslideWrap.revers {margin-top: 5rem;}
#sec08 .MoslideWrap img {margin-right: 4rem;}
.marquee-container {overflow: hidden; white-space: nowrap;}
.marquee-track {display: flex; width: max-content;}
.marquee-text {padding-right: 2.7rem;}

@media (max-width:768px) {
	#sec08 {padding:0;}
	
	#sec08 .MoslideWrap {margin: 13.02vw 0 3.91vw 0; height: 40.49vw;}
	#sec08 .MoslideWrap.revers {margin-top:5vw;;}
	#sec08 .MoslideWrap img {margin-right:3.7vw;}
	.marquee-text {padding-right: 3vw;}
	.marquee-containerWrap {position: relative; height: 40.49vw; overflow:hidden;}
	.marquee-container {margin-top: 0; height: 40.49vw; position: absolute; z-index: 1;}
	.marquee-track {width:unset!important; height:100%;}
	.marquee-container img {width:auto; height:100%;}	
}
/* ================== ~ sec08 END // ================== */

/* ================== // sec09 START ~  ================== */
#sec09 {
    overflow: hidden;
	padding:17rem 0 36.7rem;
    background: url(../img/sec09_bg.jpg) no-repeat center / cover;
}
.sec09Inner {width: 100%; display: flex; margin: 0 auto;}
.sec09Left {width: 41%; padding: 0 13.4rem 0 12.4rem;}
.sec09Right {padding-bottom: 11rem; width: 59%; overflow: hidden; position: relative;}
#sec09 .Ltitle {color:#fff; text-align:left; word-break: keep-all;}
#sec09 .LStitle {color:#BBB; text-align:left; margin-top:1.2rem;}
#sec09 .slick-dotted.slick-slider {position: unset; margin-bottom: 0; width: 31rem;}
.sec09Slide .slick-list {overflow:unset!important;}
.sec09Slide .slick-slide {display: block; margin-right: 3rem;}
#sec09 .slick-dots {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    transform: translateY(0);
    height: 0.2rem;
    margin: 0;
    max-width: 99.6rem;
    background: rgb(255 255 255 / 40%);
}
#sec09 .slick-dots li {
    display: inline-block;
    width: calc(100%/5);
    height: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;
    top: 0;
	left:0;
	position: absolute;
}
#sec09 .slick-dots li.slick-active:nth-child(2) {width:40%;}
#sec09 .slick-dots li.slick-active:nth-child(3) {width:60%;}
#sec09 .slick-dots li.slick-active:nth-child(4) {width:80%;}
#sec09 .slick-dots li.slick-active:nth-child(5) {width:100%;}

#sec09 .slick-dots li button {
    font-size: unset;
    line-height: 1;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
#sec09 .slick-dots li button:before {display:none;}
#sec09 .slick-slide img {display: block; width: 100%; height: auto;}
#sec09 .slick-dots li.slick-active {background: #DDB87E;}
#sec09 .slick-dots li:nth-child(2).slick-active  {width:40%;}

@media (max-width:768px) {
	#sec09 {
		padding:20.83vw 0 52.08vw;
		background-color: #202020;
		background-image: url(../img/sec09_bgMo.jpg); 
		background-repeat: no-repeat;
		background-position: bottom;
		background-size: contain;
	}
	.sec09Inner {width: 100%; display: flex; margin: 0 auto; flex-direction: column;}
	.sec09Left {width: 100%; padding: 0; text-align: center;}
	#sec09 .Ltitle {text-align: center;}
	.sec09Right {padding-bottom: 0; width: 100%; margin-top:14.32vw;}
	#sec09 .LStitle {text-align: center; margin-top: 5.47vw;}
	#sec09 .slick-dots {display:none!important;}
	#sec09 .slick-dotted.slick-slider {width: 51.17%; margin: 0 auto;}
	.sec09Slide .slick-slide {display: block; margin-right: 5.21vw;}
}

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

/* ================== // sec10 START ~  ================== */
/* #sec10 {padding:14rem 0 19rem; position: relative; overflow:unset; background: url(../img/sec10_bg.jpg) no-repeat center / cover;}
#sec10 .Ltitle {position: sticky; top: 15rem;}
.sec10G {margin-top: 10rem; width: 100%; position:relative;}*/

#sec10 .sec06Slide.pc_only {
    position: absolute;
    left: 5%;
    top: 0;
    width: 6.6rem;
}

#sec10 .sec06Slide.sec06Slide02.pc_only {
    left: unset;
    right: 5%;
}

@media (max-width:768px) {}
#sec10 {
    height: 100vh;
    overflow: hidden;
    position: relative;
    background: url(../img/sec10_bg.jpg) no-repeat center / cover;
    padding: 14rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

#sec10 .mainInner {max-width:124rem;}
.sec10G {position: relative; height: 45vh; margin-top: 10rem;}
.sec10Box {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0%, 120%);
    opacity: 0;
    width: 100%;
    height: 0;
    box-shadow: 0 8px 0 0 rgba(220, 217, 213, 0.30), 0 0 9px 0 rgb(43 40 40 / 40%);
    border-radius: 3.5rem;
    padding-bottom: 26.67%;
    margin: 0 auto;
}
.sec10BoxInner {
    width: 46.33%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.sec10BoxNum {
    color: #BD9C7F;
    font-family: Pretendard;
    font-size: 5.4rem;
    font-weight: 700;
    letter-spacing: -0.0108em;
}
.sec10BoxTxt {
	color: #DCD9D5;
	font-family: Pretendard;
	font-size: 2.8rem;
	font-style: normal;
	font-weight: 400;
	line-height: 153.571%;
	letter-spacing: -0.056em;
	margin-top: 2.5rem;
}
.sec10Box.sec10Box01 { background:  url(../img/sec10_bg01.jpg) no-repeat top / cover; } 
.sec10Box.sec10Box02 { background:  url(../img/sec10_bg02.jpg) no-repeat top / cover; top:5%;} 
.sec10Box.sec10Box03 { background: url(../img/sec10_bg03.jpg) no-repeat top / cover;  top:10%;} 

@media (max-width:768px) {
	#sec10 {padding:30.86vw 0 28.65vw;}
	.sec10Box {border-radius: 3.5rem; padding-bottom: 77.9%;}
	.sec10G {height: 44vh; margin-top: 10.42vw;}
	.sec10BoxNum {font-size: 7.03vw; letter-spacing: -0.0108em;}
	.sec10BoxTxt {font-size: 3.91vw; line-height: 1.43; margin-top: 1.82vw;}
	.sec10BoxInner {
		width: 100%;
		bottom: 0;
		top: unset;
		transform: unset;
		height: auto;
		justify-content: flex-end;
		padding: 7.16vw 8.33vw;
	}
	.sec10Box.sec10Box01 { background:  url(../img/sec10_bg01Mo.jpg) no-repeat top / cover;} 
	.sec10Box.sec10Box02 { background:  url(../img/sec10_bg02Mo.jpg) no-repeat top / cover;} 
	.sec10Box.sec10Box03 { background: url(../img/sec10_bg03Mo.jpg) no-repeat top / cover;} 


	#sec10 .MoslideWrap.mo_only {
	display: flex!important;

	position: absolute;
	bottom: 7.21vw;
	height: 12.37vw;
	width:100%;

	}
	
	#sec10 .MoslideWrap.mo_only.sec10MoTop {
		bottom: unset;
		top: 15.21vw;
	}
	
#sec10 .MoslideWrap.mo_only img {height:100%;}



}

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

/* =============== // section11 START ~ =============== */
#sec11 {padding:14rem 0 32rem; background: url(../img/sec11.jpg) no-repeat top / cover;}
#sec11 .mainInner {max-width:161rem;}
#sec11 .Ltitle {color:#fff;}
#sec11 .LStitle {color:#BBB; margin-top:3.2rem;}
.sec11List {display: flex; justify-content: space-between; margin-top: 8.4rem;}
.sec11List li {position:relative; width:calc(100%/3 - 3.2rem);}

.secImgBt {
    width: 100%;
    color: #FFF;
    text-align: center;
    font-family: Pretendard;
    font-size: 3.1rem;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.009em;
    background: #BD9C7F;
    padding: 2.6rem 0;
    position: absolute;
    bottom: 0;
}
.sec11List li img {width:100%; height:auto;}
.sec11Hbox {
	opacity:0;
    background: rgba(189, 156, 127, 0.95);
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    width: 100%;
    transform: translate(-50%,-50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	transition:all 0.3s ease-in-out;
}
.sec11List li:hover .sec11Hbox {opacity:1;}
.sec11HTitle {
	color: #FFF;
	text-align: center;
	font-family: Pretendard;
	font-size: 3.1rem;
	font-weight: 700;
	line-height:  103.226%;
	letter-spacing: -0.093em;
}
.sec11HTxt {
	color: #FFF;
	text-align: center;
	font-family: Pretendard;
	font-size: 2rem;
	font-weight: 500;
	line-height: 150%;
	letter-spacing: -0.06em;
	margin-top:1.8rem;
}
#sec11 .Ltitle02 {margin-top:25rem;}
.tyears {
	color: #DDB87E;
	text-align: center;
	text-shadow: 0 0 3rem rgba(0, 0, 0, 0.20);
	font-family: Pretendard;
	font-size: 7.2rem;
	font-style: normal;
	font-weight: 800;
	line-height: 102.778%;
	letter-spacing: -0.0288rem;
	margin:17rem auto 8rem;
}
ul.reviewCount {display: flex; justify-content: space-between;}
.reviewCount li {display: flex; flex-direction: column; align-items: center; width: 50%; justify-content: center;}
.reviewCBox {display: flex; flex-direction: column; align-items: flex-start;}
.reCate {
    color: #100E14;
    text-align: center;
    font-family: Pretendard;
    font-size: 2.6rem;
    font-weight: 600;
    line-height: 1;
    background: #DDB87E;
    padding: 0.8rem 3rem;
    display: inline-block;
}
.reCount {
    display: flex;
    color: #FFF;
    text-align: center;
    font-family: Pretendard;
    font-size: 10rem;
    font-weight: 800;
    letter-spacing: -3px;
    margin-top: 1.7rem;
    padding-bottom: 3.1rem;
    border-bottom: 1px solid #FFF;
    align-items: center;
}
.reNum {
    color: #FFF;
    text-align: center;
    font-family: Pretendard;
    font-size: 100px;
    font-weight: 800;
    letter-spacing: -3px;
    width: auto;
    word-break: keep-all;
}
@media (max-width:768px) {
	#sec11 {
		background-color: #3e3e3e;
		padding: 18.23vw 0 74.74vw;
		background-image: url(../img/sec11Mo.jpg);
		background-repeat: no-repeat;
		background-position: bottom;
		background-size: contain;
	}
	#sec11 .LStitle {margin-top: 5.47vw;}
	.sec11List {flex-direction: column; margin-top: 11.33vw;}
	.sec11List li {width: 100%; margin-bottom: 11.72vw;}
	.sec11List li:last-child {margin-bottom:0;}
	.secImgBt {font-size: 4.69vw; padding: 4.3vw 0;}
	.sec11HTitle {font-size: 5.86vw; line-height: 103.226%; letter-spacing: -0.0135em;}
	.sec11HTxt {font-size: 3.91vw; line-height: 1.33; letter-spacing: -0.06em; margin-top: 3.13vw;}
	
	#sec11 .Ltitle02 {margin-top: 30.21vw;}
	.tyears {font-size: 9.38vw; line-height: 102.778%; margin: 14.19vw auto 19.40vw;}
	.reviewCBox {align-items: center;}
	ul.reviewCount {display: flex; justify-content: space-between; flex-direction: column; align-items: center;}
	.reviewCount li {width: 100%;}
	.reviewCount li:nth-child(2) {margin-top:14.19vw;}
	.reCate {font-size: 3.39vw; padding: 1.04vw 3.91vw;}
	.reCount, .reNum {font-size: 13.02vw; letter-spacing: -0.03em; width: auto;}
	.reCount {margin-top:3.91vw; padding-bottom: 4.04vw;}
	.reNum {width: 38.74vw;}
}
/* ================== ~ section11 END // ================== */

/* =============== // section13 START ~ =============== */
#sec13 {overflow:hidden; padding:14rem 0 20rem; background: url(../img/sec13_bg.jpg) no-repeat center / cover;}
#sec13 .mainInner {max-width: 172rem; text-align: left;}
#sec13 .Ltitle, #sec13 .LStitle {text-align:left;}
#sec13 .LStitle {margin-top:1.2rem;}
.sec13SlideWrap {margin-top:10rem;}
.sec13SlideG {position: relative;}
.sec13Slide01 {width:33rem;}
.sec13Slide01 .slick-list {overflow: unset!important; padding: 0; padding: 0!important;}
.sec13Slide01 .slick-list .slick-slide {
    margin: 0 13px;
    cursor: pointer;
    position: relative;
}
.sec13Slide01 .slick-list img {
    width: 100%;
    height: auto;
    border-radius: 2.5rem;
    filter: drop-shadow(0 8px 30px rgba(0, 0, 0, 0.15));
}
.sec13Slide02 {
    width: 33rem;
    position: absolute;
    top: 50%;
    transform: translate(-0%, -50%);
    right: 10%;
    background: #000;
    border-radius: 5.2rem;
    background-image: url(../img/sec13_phone.png);
    padding-bottom: 66rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: #000;
}
.sec13Slide02 img.phone {width: 100%; height: auto; z-index: 1; position: relative;}
.sec13Slide02 a {
    width: 100%;
    height: 100%;
    position: absolute;
}
.slick-slider.sec13MovS {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 91%;
    height: auto;
    border-radius: 0;
    transform: translate(-50%,-50%);
}
.slick-slider.sec13MovS img {width:100%; height:auto;}


@media (max-width:768px) {
	#sec13 {padding: 18.49vw 0 28.65vw;}
	#sec13 .Ltitle, #sec13 .LStitle {text-align: center;}
	#sec13 .LStitle {margin-top: 4.69vw;}
	.sec13SlideWrap {margin-top: 9.11vw;}
	.sec13SlideG {position: relative; display: flex; flex-direction: column-reverse; align-items: center;}
	.sec13Slide01 {width: 51.43%; margin-top: 13.02vw;}
	.sec13Slide02 {
		width: 54.57%;
		position: relative;
		top: unset;
		transform: unset;
		right: unset;
		overflow: hidden;
		border-radius: 9vw;
		background-image: url(../img/sec13_phone.png);
		padding-bottom: 115%;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		background-color: #000;
	}
	.sec13Slide02 .slick-list img {width: 100%; height: auto;}
}
/* =============== ~ section13 END //  =============== */

/* =============== // section14 START ~ =============== */

#sec14 {
	padding:14rem 0 15rem;
	background: url(../img/sec14_bg.jpg) no-repeat center / cover;	
}
#sec14 .mainInner {max-width:161rem;}
#sec14 .Ltitle {color:#fff;}
.menu_info {margin-top: 7rem;}
.tab_round {gap: 0; display: flex; justify-content: center;}
.tab_round li {
    cursor: pointer;
    color: #DCD9D5;
    text-align: center;
    font-family: "kim-jung-chul-myungjo", sans-serif;
    font-size: 3.2rem;;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: -0.96px;
    opacity: 0.4;
    padding: 0 3.5rem;
	POSITION:RELATIVE;
}
.tab_round li:hover {opacity:1; color: #DDB87E;}
.tab_round li.active {opacity:1; color: #DDB87E;}
.tab_round li::Before {
    content: '';
    width: 6px;
    height: 6px;
    background: #fff;
	opacity:0.15;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
}
.tab_round li:last-child::Before {display:none;}
.tab_cont_wrap {margin: 9.5rem auto 0;}
.tab_cont { display:none; }
.tab_cont.active { display:block; }
.menu_list {display: flex; flex-wrap: wrap; gap: 4.8rem; flex-direction: row;}
.item {display: none; overflow: hidden; height: auto; position: relative; width: calc(100%/3 - 3.2rem);}
.item.active { display:block;}
.thumbs {position: relative;}
.thumbs img {width: 100%; height: 100%; object-fit: cover;}
.menuName .name.ko {
    color: #383735;
    text-align: center;
    font-family: Pretendard;
    font-size: 3.2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.09;
    letter-spacing: -0.0096em;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 3.5rem;
    width: 100%;
    text-align: center;
}

.btn_more_cont {
    background: none;
    border: none;
    color: #DCD9D5;
    text-align: center;
    font-family: Pretendard;
    font-size: 2.6rem;
    font-weight: 600;
    line-height: 1.34;
    width: 100%;
    text-align: center;
    margin-top: 5rem;
    padding-bottom: 1.3rem;
    POSITION: RELATIVE;
    opacity: 0.35;
}
.btn_more_cont::before {
    content: '';
    width: 1.6rem;
    height: 0.8rem;
    background: url(../img/menuArrow.png) no-repeat center / cover;
    POSITION: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

@media (max-width:768px) {
	#sec14 {padding: 18.23vw 0 37.11vw;}
    .menu_info {margin-top: 3.5rem;}
	.tab_round {display: flex; gap: 0; justify-content: center; flex-wrap: wrap; flex-direction: row;}
	.tab_round li {font-size: 4.17vw; font-weight: 400; line-height: 1.18; padding: 0 4.17vw;}
	.tab_round li:first-child {padding-left:0;}
	.tab_round li:last-child {padding-right:0;}
	
	.tab_cont_wrap {margin-top: 4.56vw;}
	.menu_list {gap:0; justify-content: space-between;}
	.item {width: calc(100%/2 - 1.3vw); margin: 2.6vw 0rem 0;}
	.item:nth-child(2n) {margin-left: 1.3vw;}	
	.item:nth-child(2n-1) {margin-right: 1.3vw;}
	.menuName .name.ko {font-size: 3.91vw; line-height: 1.19; padding-top: 2.65vw;}
	
	.btn_more_cont {font-size: 3.39vw; line-height: 1.34; margin-top: 6.51vw; padding-bottom: 1.69vw;}
	.btn_more_cont::before {width: 1.95vw; height: 1.69vw;}
}
/* =============== ~ section14 END // =============== */



/* =============== // section15 START ~ =============== */
#sec15 {
	padding:14rem 0 15rem;
	background: url(../img/sec15_bg.jpg) no-repeat center / cover;	
}
#sec15 .mainInner {max-width:128rem;}
#sec15 .Ltitle {color:#fff; }
.sec15CircleG {    margin-top: 8rem; display: flex;}
.sec15Circle {
    width: 50%;
    border-radius: 50%;
    background: rgba(84, 84, 84, 0.80);
    backdrop-filter: blur(17px);
    height: 0;
    padding-bottom: 50%;
    position: relative;
	transform: translateX(4.2rem);
}
.sec15Circle.sec15Circle02 {background: rgba(221, 180, 126, 0.55); transform: translateX(-4.2rem);}
.sec15Circle:hover {z-index:1;}
.sec15CInner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}
.sec15CBTxt {
	color: #FFF;
	text-align: center;
	font-family: Pretendard;
	font-size: 5.6rem;
	font-weight: 800;
	letter-spacing: -1.68px;
}
.sec15CTxt {
	color: #FFF;
	text-align: center;
	font-family: Pretendard;
	font-size: 3.2rem;
	font-weight: 500;
	line-height: 175%;
	letter-spacing: -0.96px;
	margin-top:2rem;
}
#sec15 .LStitle {color:#BBB; margin-top:6rem;}

@media (max-width:768px) {
	#sec15 {
		padding: 0 0 27.08vw;
		/*padding: 37.11vw 0 27.08vw;*/
	}
	#sec15 .mainInner {padding:0 9.90vw;}
	.sec15Circle {width: 100%; padding-bottom:100%;}
	.sec15Circle {transform: translateY(9.11vw);}
	.sec15Circle.sec15Circle02 {transform: translateY(-9.11vw);}
	.sec15CBTxt {font-size: 7.29vw; letter-spacing: -0.0168em;}
	.sec15CTxt {color: rgb(255 255 255 / 60%); font-size: 4.17vw; margin-top: 2.60vw;}
}

/* =============== section16 START ~ =============== */
#sec16 {padding:14rem 0 12rem; background: url(../img/sec16_bg.jpg) no-repeat center / cover;	}
#sec16 .mainInner {max-width:142rem;}
#sec16 .LStitle {margin-top:2.4rem;}
.sec16Table {width:100%; margin-top:8rem;}
.sec16Table  img {width:100%; height:auto;}
.sec16TableSTxt {color: #4A4845; font-family: Pretendard; font-size: 2.1rem; font-weight: 400; line-height: 161.905%; margin-top:2rem;}
@media (max-width:768px) {
	#sec16 {padding: 18.23vw 0 23.44vw;}
	.sec16Table {width: 100%; margin-top: 7.55vw;}
	.sec16TableSTxt {display:none;}
	.sec15CircleG {margin-top: 1vw; display: flex; flex-direction: column; align-items: center;}
	#sec15 .LStitle {margin-top:0;}
}

/* =============== ~ section16 END // =============== */



/* =============== section17 START ~ =============== */
#sec17 {
    background: url(../img/sec17_bg.jpg) no-repeat center / cover;
    padding: 14rem 0 28.2rem;
    position: relative;
	overflow:hidden;
}
#sec17 .mainInner {max-width:110rem;}
#sec17 .LStitle {font-weight: 500; color: #dcd9d5;}
#sec17 .Ltitle {margin-top:2rem;}

.sec17CircleG {
    margin-top: 8rem;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 4.9rem;
}
.sec17Circle {
    width: 100%;
    height: 0;
    border-radius: 50%;
    background: rgba(68, 68, 68, 0.80);
    backdrop-filter: blur(10px);
    padding-bottom: 47.69%;
	position:relative;
}

.sec17CircleInner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    padding-top: 9rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.sec17_storeNum {width:18.2rem; height:auto;}
.sec17CircleBT {
	color: #DDB87E;
	text-align: center;
	font-size: 7rem;
	font-weight: 700;
	line-height: 105.714%;
	letter-spacing: -0.21rem;
	margin-top:3.6rem;
}
.sec17CircleT {
	color: #DCD9D5;
	text-align: center;
	font-size: 2.6rem;
	font-weight: 600;
	line-height: 123.077%;
	letter-spacing: -0.078em;
	margin-top:3.2rem;
}
.sec17FoogG {
    width: 100%;
    max-width: 164rem;
    margin: 0 auto;
    position: absolute;
    bottom: 6%;
    left: 50%;
    transform: translate(-50%,0%);
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
    z-index: 1;
}
.sec17FoogG div {width:calc(100%/3);}
.sec17FoogG div img {width:100%; height:auto;}
.sec17FoogG div:nth-child(1) img, .sec17FoogG div:nth-child(3) img {transform: scale(1.107); transform-origin: bottom;}
.sec17FoogG div:nth-child(2) {z-index:1;}
.sec17FoogG div:nth-child(2) img {transform: scale(1.375) translateY(10%); transform-origin: bottom;}
.sec17F img {width:100%; height:auto;}
#sec17 .rollingbox {position: absolute; bottom: 0; z-index: 0; height:65px;}
#sec17 .MoslideWrap {width:auto; height:100%;}
#sec17 .rollingbox img {height:100%; width:auto;}

@media (max-width:768px) {
	#sec17 {padding: 18.49vw 0 37.04vw;}
	#sec17 .mainInner {padding:0 2.60vw;}
	.sec17CircleG {margin-top: 6.51vw; gap: 0;}
	.sec17_storeNum {width: 21.61vw;}
	.sec17Circle {transform: translateX(1.74vw);}
	.sec17Circle.sec17Circle02 {transform: translateX(-1.74vw);}
	.sec17CircleInner {padding-top: 8.33vw;}
	.sec17CircleT {font-size: 3.65vw; line-height: 114%; margin-top: 3.52vw;}
	.sec17CircleBT {font-size: 7.55vw;  letter-spacing: -0.0174em; margin-top: 3.78vw;}
	.sec17FoogG {width: 118%; bottom: 11%;}
	#sec17 .rollingbox {height: 11.07vw;}
}
/* =============== ~ section17 END // =============== */

/* =============== section18 START ~ =============== */
#sec18 {background:url(../img/sec18_bg.jpg) no-repeat center / cover; padding:14rem 0 13.2rem;}
#sec18 .mainInner {max-width:147rem;}

ul.openListWrap {display: flex; justify-content: space-between; flex-wrap: wrap; gap: 5.6rem 0; margin-top: 8rem;}
ul.openListWrap li {width: calc(100%/4 - 7rem); background: #FAF9F8; padding: 14.3rem 4rem 3rem; position:relative;}
ul.openListWrap li::before {
    content: '';
    width: 3rem;
    height: 4.9rem;
    position: absolute;
    right: 0%;
    top: 50%;
    transform: translate(225%, -50%);
    background: url(../img/sec18_arrow.png) no-repeat center / cover;
}
ul.openListWrap li:nth-child(4n)::before {display:none;}
img.openIcon {width: 4rem; height: auto; position: absolute; right: 4rem; top: 4rem;}
.openNum {color: #BD9C7F; font-size: 2.4rem; font-weight: 700; letter-spacing: -0.072em;}
.openTitle {color: #000; font-size: 2.7rem; font-weight: 700; letter-spacing: -0.081em; margin-top:1rem;}
.openTxt {color: #666; font-size: 2rem; font-weight: 500; line-height: 1.6; letter-spacing: -0.06em; margin-top:1rem;}

ul.openListWrap li:nth-child(2), ul.openListWrap li:nth-child(4),
ul.openListWrap li:nth-child(5), ul.openListWrap li:nth-child(7) {background:#EEECEB;}

@media (max-width:768px) {
	#sec18 {padding: 16.93vw 0 23.44vw;}
	ul.openListWrap {gap: 3.91vw 1.955vw; margin-top: 8.20vw;}
	ul.openListWrap li {width: calc(100%/2 - 1.955vw); padding: 16.28vw 5.21vw 3.91vw;}
	ul.openListWrap li::before {display:none;}
	img.openIcon {width: 5.78vw; right: 5.21vw; top: 5.21vw;}
	.openNum {font-size: 3.65vw;}
	.openTitle {font-size: 3.91vw; margin-top: 1.43vw;}
	.openTxt {font-size: 3.13vw; line-height: 1.33; letter-spacing: -0.06em; margin-top: 1.43vw;}
}
/* =============== ~ section17 END // =============== */


/* ================== // sec19 START ~  ================== */
#sec19 {background:#202020; padding:14rem 0 23.6rem;}
.kakaoMapWrap{margin-top:8.4rem;}

@media (max-width:768px) {
	#sec19 {padding: 15.63vw 0 33.85vw;}
	.kakaoMapWrap {margin-top: 6.25vw;}
}

/* ================== ~ sec19 END // ================== */
 
/* ================== // sec20 START ~  ================== */
#sec20 {background: #DCD9D5; padding:140px 0;}
#sec20 .LStitle {margin-top:2.4rem;}
iframe#embeded-content {HEIGHT: 100%;}
@media (max-width:768px) {
	#sec20 {padding: 18.23vw 0 26.69vw;}
	#sec20 .LStitle  {margin-bottom: 6.51vw;}
}
/* ================== ~ sec20 END // ================== */
#map_area {position:relative; width:100%; height:760px;max-width:1630px;margin:0 auto;}
#map_area .wide {display:block !important;}
#map_area .mob {display:none !important;}
#map {position:relative; width:100%; height:760px; background:#efefef;}

@media all and (max-width:768px) {
	#map_area {height:auto;}
	#map_area .wide {display:none !important;}
	#map_area .mob {display:block !important;}
	#map {height:60rem;}
}

#map_table {position:absolute; top:60px; left:60px; width:340px; text-align:center; z-index:5;}
#map_table .search_area {background:#01522d; height:60px; padding:10px;}
#map_table .search {float:left; display:block; height:48px; box-sizing: border-box;}
#map_table .search1 {width:130px;}
#map_table .search2 {width:130px; margin:0 10px;}
#map_table .search3 {width:320px;}

#map_table #tabs {width:100%; overflow:hidden;}
#map_table #tabs li {display:block; float:left; width:50%; text-align:center; background:#e9e9e9;}
#map_table #tabs li.active {background:#01522d;}
#map_table #tabs li a {display:block; line-height:60px; height:60px; width:100%; font-size:17px; color:#000; cursor:pointer;}
#map_table #tabs li.active a {color:#fff;}

#map_table input.sch_input {float:left; width:calc(100% - 40px); height:40px; line-height:40px; border:0; padding:0 0 0 10px; border-radius:0;}
#map_table button.btn_search {float:right; width:40px; height:40px; background:#fff url(/skin/board/kakao_map/img/btn_search_2.png) no-repeat center center/cover; border:0; border-radius:0; padding:0;}

/* ================== // inquiry START ~  ================== */
@media (min-width:769px) {
	#inquiry {z-index:200; height:0;}
	div#cusInq {margin-top: 6.8rem; display: inline;}
	.s14_form {height: 100%; padding: 7rem; background: #FFF; margin-top: 6.8rem;}
	img.pc_only.pcInqBtn {
		position: absolute;
		right: 0;
		top: 0;
		width: 1.8vw;
		top: 1.2vw;
		right: 2.6rem;
		cursor:pointer;
	}
	#inquiry .inqLogo {display:none;} 
	#inquiry .inquiry-wrap {
		position: fixed;
		right: 0;
		height: auto;
		top: 0;
		min-width: 46.2rem;
		transform: unset;
		height: 100vh;
		left: unset;
		width: 28.06%;
	}

	#inquiry .inquiry-wrap {background: #383735;}
	#inquiry .inquiry-wrap .inner {
		flex-grow: 1;
		width: 100%;
		height: 78px;
		padding: 0 2rem;
		gap: 0;
		max-width: 114rem;
		padding: 7.5rem 4.5rem 0;
		margin: 0 auto;
		position: relative;
	}

	#inquiry .inquiry-wrap {
		position: fixed;
		right: -100%;
		height: auto;
		top: 0;
		width: 56.2rem;
		transform: unset;
		height: 100vh;
		left: unset;
		transition: all 1s ease-in-out;
	}
	
	#inquiry .inquiry-wrap.open {right: 0%;}
	
	#inquiry .inquiry-wrap .inner {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		flex-direction: column;
	}

	#inquiry .inquiry-wrap form {
		height: auto;
		display: flex;
		justify-content: center;
		font-family: 'Pretendard';
		font-weight: 400;
		flex-direction: column;
		align-items: center;
		width: 100%;
		background: #FFF;
		padding: 2.5rem 4.5rem;
	}
	.inquiry-wrap form .field {
		padding: 2rem 0;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		width: 100%;
		margin: 0!important;
	}
	#inquiry .inquiry-wrap form .field input[type="text"] {width: 100%; border-bottom: 1px solid #D2D2D2; padding:0;}
	.inquiry-wrap button[type="button"] {
		font-size: 18px;
		font-weight: 700;
		width: 100%;
		height: 50px;
		border-radius: 0;
		background-color: #383735;
		color: #FFF;
		border: 0;
		margin: 15px 0;
	}
	#inquiry .inquiry-wrap form .field input[type="text"]::placeholder  {
		color: #AFA9A0;
		font-family: Pretendard;
		font-size: 1.7rem;
		font-weight: 500;
		letter-spacing: -0.034em;
	}
	
	
	.inqTitle {
		word-break: keep-all;
		color: #FFF;
		font-family: 'Seongang';
		font-size: 3.6rem;
		line-height: 1;
		letter-spacing: -0.0144em;
		display: flex;
		align-items: center;
		margin-bottom: 4rem;
	}
	
	.inqTitleT {
		color: #AFA9A0;
		font-size: 2.4rem;
		font-weight: 600;
		line-height: 166.667%;
		letter-spacing: 0; 
		margin-left:1.1rem;
	}
	
	.inquiry-wrap .checkbox input + label a {
		color: #CCC;
		line-height: 1.4;
		font-family: "Pretendard";
		font-size: 1.5rem;
	}
	
	.inquiry-wrap .checkbox input + label:before {
		flex-shrink: 0;
		content: "";
		width: 3rem;
		height: 3rem;
		margin-right: 10px;
		background-repeat: no-repeat;
		background-size: contain;
		background-image: url('/STATIC/img/icon/check_cm.png');
	}
	.inquiry-wrap .checkbox input + label span:first-child {color:#615E59;}
	
	.inquiry-wrap textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    resize: none;
    font-size: 14px;
    box-sizing: border-box;
}

}


@media (max-width:768px) {

}
/* ================== ~ inquiry END // ================== */

.youtube-lazy{
  position:relative;
  width:100%;
  height:100%;
  background-size:cover;
  background-position:center;
  cursor:pointer;
}

.youtube-lazy iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

.youtube-lazy::after{
  content:'▶';
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  font-size:60px;
  color:white;
  opacity:0.8;
}