.mo_only {display:none;}

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

#mainWrap {
    background: #f3ede8;
}

.textEffect {overflow: hidden;}

#intro {
    width: 100%;
    height: 100vh;
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    padding-top: 10.46%;
    background: url(../images/seacham/intro_bg.jpg) no-repeat center / cover;
}

.introTitle {
    text-align: center;
    letter-spacing: 0.075em;
    color:#433735;
}

.introTitle  {
    width:38.2rem;
    height: auto;
}

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

.introSTitle {
    margin-top:2rem;
    width:38.2rem;
    height: auto;
}
.introSTitle img {
    width:100%;
    height: auto;
}

.introTitle p,
.introSTitle p {display: none;}

.scrollCircle {
    width: 11.2rem;
    height: 11.2rem;
    border-radius: 999%;
    background: #efb053;
    box-shadow: 2px 5px 3px rgba(0,0,0,0.24);
    position: absolute;
    left: 50%;
    bottom: 16.02%;
    transform: translateX(-50%);
}
.scrollCircleTxt {
    animation: spin 6s linear infinite;
    -webkit-animation: spin 6s linear infinite;
}
@keyframes spin {
    0%   { transform:rotate(0deg);}
    100% { transform:rotate(360deg);}
}

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

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

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


@media (max-width:768px) {
	#intro {
		padding-top: 36%;
	}
	
	#intro .textEffect {
		width: 100%;
	}
	
	.introTitle {
		width: 49.6%;
		height: auto;
		margin: 0 auto;
	}
	
	.introSTitle {
		margin-top: 1.1rem;
		width: 49.6%;
		height: auto;
		margin: 1.1rem auto;
	}
	
	
	.scrollCircle {
		width: 7.2rem;
		height: 7.2rem;
	}


	.scrollCircleArrow {
		width: 1.8rem;
	}

}

/* ============ // sec01 START ~  ============ */
#sec01 {
    width: 100%;
    height: auto;
    position: relative;
    background: url(../images/seacham/sec01_bg.jpg) no-repeat center / cover;
}

/* ===== 스크롤 스페이서: intro가 사라질 때까지의 스크롤 길이 제공 ===== */
/* JS에서 동적으로 높이를 잡아주지만, 초기 FOUC 방지용 기본값 */
#introSpacer {
  height: 120vh; /* JS에서 다시 세팅됨 */
}

/* ===== 뒤에 항상 깔린 섹션 (#sec01) ===== */
#sec01Wrap {
  position: relative;      /* 기본은 normal flow */
  z-index: 0;              /* intro보다 아래 */
}
#sec01Wrap.is-fixed {       /* 전환 중에는 화면 top:0에 고정 */
  position: fixed;
  inset: 0;
}

#intro {
    position: fixed;         /* 항상 떠있음 */
    inset: 0;
    z-index: 10;             /* 최상단 */
    opacity: 1;
}

/* intro가 완전히 사라진 뒤엔 상호작용 막기 */
#intro.is-gone {
    opacity: 0;
    display: none;
    visibility: hidden;
    pointer-events: none;
}

.mainInner {
    width: 100%;
    max-width: 181.2rem;
    padding: 20.4rem 1rem 0;
    margin: 0 auto;
}

#sec01 .mainInner {
    padding: 20.4rem 1rem 40rem;
}
.sec01TitleBox {
    display: flex;
    flex-direction: column;
    align-content: center!important;
    align-items: center;
}
.sec01STite {
    width:54.7rem;
    height: auto;
}

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

.sec01Tite01 {
    width: 57.2rem;
    height: auto;
    margin-top: 3.9rem;
}

.sec01Tite02 {
    width:36.2rem;
    height: auto;
    margin-top:2.5rem;
}

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

.sec01Wtxt {
    font-size: 13.5rem;
    letter-spacing: -0.025em;
    color: #fff;
    opacity: 80%;
    margin-top: 4.8rem;
}
.sec01MenuGroup {
    display: flex;
    position: absolute;
    bottom: 3.1rem;
    width: 100%;
    max-width: 158.3rem;
    margin: 0 auto;
    transform: translateX(-50%);
    left: 50%;
    justify-content: space-between;
    align-items: flex-end;
    z-index: 1;
}
.sec01MenuImg {height: auto;}
.sec01MenuImg01 {
    width:38.47%;
}
.sec01MenuImg02 {
    width: 37.08%;
    position: absolute;
    left: 50%;
    z-index: 11;
    transform: translateX(-50%);
}
.sec01MenuImg03 {
    width: 35.44%;
}
.sec01MenuGroup img {
    width:100%;
    height: auto;
}

.sec01MenuImg02 img {
    transform:translateY(3rem);
    -webkit-transform:translateY(3rem);
    -moz-transform:translateY(3rem);
    -ms-transform:translateY(3rem);
    -o-transform:translateY(3rem);
}



/* wing bottom s */
    .wing_wrap {position: absolute; width: 100%; bottom: 0; transform: scaleY(-1);}
	.wing_wrap .wing_lines {position: absolute;left: 0;width: 100%;height: 60px;bottom:-48px;top:auto;}
	.wing_wrap .wing_lines:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 12px;background:#433735;}
	.wing_wrap .wing_lines .wing_line {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 12px;background: #433735;}
	.wing_wrap .wing_lines.top {position: absolute;left: 0;width: 100%;height: 60px;bottom:auto;top:0;}
	.wing_wrap .wing_lines.top:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 12px;background: #433735;}
/* wing top e */


@media (max-width:768px) {
	
	#sec01 {overflow:hidden;}
	#sec01 .mainInner {
		padding: 12.4rem 1rem 18.8rem;
	}
	.sec01Wtxt {
		font-size: 16.0000vw;
		letter-spacing: -0.025em;
		opacity: 80%;
		margin-top: 2.5rem;
		text-align:center;
	}
	
	.sec01STite {
		width: 74.5%;
		height: auto;
		margin: 0 auto;
	}
	
    .sec01Tite01 {
        width: 74.2%;
        height: auto;
        margin: 2.2rem auto 0;
    }
	
		
	.sec01MenuImg03 {
		width: 72.27%;
		right: -28%;
		position: absolute;
	}
	.sec01MenuImg01 {
		width: 72.3%;
		position: absolute;
		left: -25%;
	}
	
	.sec01MenuImg02 {
		width: 66.7%;
		position: absolute;
		left: 50%;
		transform: translateX(-50%) translateY(40%);
		bottom: 0%;
		z-index: 1;
	}
}

@media (max-width:300px) {
    .sec01Wtxt {font-size:4rem;}
}
/* ============ ~ sec01 END // ============ */

/* ============ flowText START ~  ============ */

.logoFlow.marquee-container {
    background: url(../images/seacham/logoFlowBg.jpg) no-repeat center / cover;
    height: 9rem;
    display: flex;
    align-items: center;
    z-index: 1;
    position: relative;
}


.marquee-container {
    width: 100%;
    overflow: hidden;
    background:#433735;
    white-space: nowrap;
}

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

.marquee-text {
    padding-right: 0;
}

@media (max-width:768px) {
    .logoFlow.marquee-container {height: 3.6rem;}
    .marquee-text img {height: 31px;}
}

/* ============ ~ flowText END // ============ */

/* ============ // sec02 START ~  ============ */
#sec02 {

    width: 100%;
    padding:15.6rem 0;
    background: #f0e6dd;
}

#sec02 .mainInner {
    width:100%;
    margin:0 auto;
    padding: 0 1rem;
    max-width:160rem;
    position: relative;
}


.sec02Title {
    font-size: 7rem;
    letter-spacing: -0.07em;
    color: #433735;
    position: relative;
    display: inline-block;
    line-height: 1.2;
}
.bellImg {
    width: 10.6rem;
    height: auto;
    position: absolute;
    right: 7%;
    bottom: -9%;
}
.bellImg img {
    width:100%;
    height: auto;
}
.sec02STitle {
    font-size: 2.45rem;
    line-height: 3.2rem;
    letter-spacing: -0.025em;
    color: #433735;
    margin-top: 4.6rem;
}

.sec02SlideBox {
    margin-top: 9rem;
}


.phoneWrapGroup {
    position: absolute;
    width: 23.57%;
    bottom: unset;
    right: 0;
    top: 50%;
    transform: translateY(-35%);
    height: 83%;
    z-index: 2;
}


.phoneSlideWrap {
    border-radius: 69px;
    overflow: hidden;
    height: 100%;
}

.phoneImg {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
    z-index: 10;
    top: 0;

}

.phoneImg img {
    width: 100%;
    height: 100%;
}

.phoneBg {
    position: absolute;
    z-index: 9;
    width: 100%;
    height: auto;
    bottom: 0;
    opacity: 0;
    display: none;
}
.swiper.phoneSlide {
    /* width: 114%;
    height: 130%; */
    width:98%;
    height: 100%;
    position: relative;
    border-radius: 60px;
    overflow: hidden!important;
}
.swiper.phoneSlide img {
    width:100%;
    height: 100%;
}

.phoneIcon {
    z-index: 10;
    position: absolute;
    height: auto;

}



.phoneIcon.phoneIcon01.aos-animate { animation: spinPop01 0.5s ease-in-out; -webkit-animation: spinPop01 0.5s ease-in-out; }
@keyframes spinPop01{
    0%{
        opacity:0;
        filter:blur(1px);
        transform: translate(150%, 100%) scale(0) rotate(120deg);
    }

    100%{
        opacity:1;
        filter:blur(0px);
        transform: translate(0%, 0%) scale(1) rotate(0deg);
    }
}


.phoneIcon.phoneIcon02.aos-animate { animation: spinPop02 0.5s ease-in-out; -webkit-animation: spinPop02 0.5s ease-in-out; }
@keyframes spinPop02{
    0%{
        opacity:0;
        filter:blur(1px);
        transform: translate(100%, 200%) scale(0) rotate(120deg);
    }

    100%{
        opacity:1;
        filter:blur(0px);
        transform: translate(0%, 0%) scale(1) rotate(0deg);
    }
}


.phoneIcon.phoneIcon03.aos-animate {animation: spinPop03 0.5s ease-in-out;}
@keyframes spinPop03{
    0%{
        opacity:0;
        filter:blur(1px);
        transform: translate(-100%, 100%) scale(0) rotate(120deg);
    }

    100%{
        opacity:1;
        filter:blur(0px);
        transform: translate(0%, 0%) scale(1) rotate(0deg);
    }
}





.phoneIcon01 {
    top: 4%;
    z-index: 11;
    left: -8.3rem;
    width: 9.8rem;
}

.phoneIcon02 {
    width: 10.7rem;
    top: -15%;
    left: 17%;
}

.phoneIcon03 {
    width: 10rem;
    top: -30px;
    right: -30px;
    z-index: 11;
}

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

.thumSlide {
    width: 20%;
    height: 100%;
    overflow: unset!important;
    margin: 0 auto 0 0!important;
}

.thumSlide .swiper-slide {
    overflow: hidden;
    cursor:pointer;
}

.thumSlide .swiper-slide { pointer-events: auto; }

.thumSlide .swiper-slide img {width:100%; height: auto;}
.thumSlide {
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
}

.video-wrap {
    position: relative;
    height: 100%;
        border-radius: 60px;
    overflow: hidden;
}
.video-wrap video { width:100%; height:100%; object-fit:cover; display:block; }
.spinner {
    position:absolute; 
    inset:0;
    display:grid;
    place-items:center;
    opacity:0;
    pointer-events:none;
    transition:opacity .2s;
}
.spinner::after {
    content:"";
    width:36px;
    height:36px;
    border:3px solid #fff;
    border-top-color:transparent;
    border-radius:50%;
    animation:spin 1s linear infinite;
}
.spinner.show { opacity:1; }
@keyframes spin { to { transform:rotate(360deg);} }




@media (max-width:768px) {
	
	#sec02 {
		width: 100%;
		padding: 7.5rem 0 5.4rem;
		background: #f0e6dd;
	}

    .sec02SlideBox {
        margin-top: 5.7rem;
        width: 83%;
        margin: 5.7rem auto 0;
    }

	.phoneSlideWrap {
		width: 100%;
		position: relative;
		bottom: unset;
		z-index: 2;
		right: unset;
		top: unset;
		transform: unset;
		height: 83%;
		overflow: hidden;
		margin: 0 auto;
	}
	
	.sec02Title {
		font-size: 3.5rem;
		text-align: center;
	}
	
    .sec01Tite02 {
        width: 65.5%;
        height: auto;
        margin: 1.5rem auto 0;
    }

	
	.sec02STitle {
		font-size: 1.85rem;
		line-height: 2.1rem;
		margin-top: 2rem;
		text-align: center;
	}
	
	#sec02 .sec02TitleBox {
		text-align: center;
	}
	
	.bellImg {
		width: 5.2rem;
		height: auto;
		position: absolute;
		left: -1rem;
		bottom: 0;
	}
	
	
	.phoneSlideWrap {border-radius:0;}
    .thumSlide {
        margin-top: 0;
        width: 42.5%;
        margin: 0 auto 0 0!important;
        margin-top: 6rem!important;
    }

    .phoneWrapGroup {
        position: relative;
        width: 100%;
        bottom: unset;
        right: unset;
        top: unset;
        transform: unset;
        height: auto;
        z-index: 2;

    }


    .phoneImg img {
        width: 100%;
        height: 100%;
    }

    .swiper.phoneSlide {
        width: 100%;
        height: auto;
        position: relative;
        border-radius: 60px;
        overflow: hidden!important;
    }

    .phoneIcon01 {
        top: 21%;
        left: -9%;
        width: 27%;
    }

    .phoneIcon02 {
        width: 33%;
        top: -6%;
        left: -2%;
    }

    .phoneIcon03 {
        width: 26%;
        top: 11%;
        right: -11%;
        z-index: 11;
    }


}


/* section {display: none!important;}
section#sec02 {display: block!important;} */

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


/* ============ // sec03 START ~  ============ */
#sec03 {
    width: 100%;
    height: auto;
    padding-top: 10.8rem;
    padding-bottom: 35rem;
    position: relative;
    overflow: hidden;
    background: url(../images/seacham/sec03_bg.jpg) no-repeat center / cover;
}

#sec03 .mainInner {
    width:100%;
    padding:0 2rem;
}

#sec03 .marquee-container {background: none!important;opacity: 0.3;}

#sec03 .marquee-container.leftFlow {
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: top left;
    transform: rotate(90deg) translateY(-100%);
    padding: 4.4rem 0;
    border-top: 1px solid #fff;
}

#sec03 .marquee-container.rightFlow {
    position: absolute;
    left: unset!important;
    right: 0;
    bottom: 0;
    transform-origin: right top;
    transform: rotate(90deg) translateY(0%) translateX(45%);
    padding: 4.4rem 0;
    border-bottom: 1px solid #fff;
}

#sec03 .marquee-text {padding-right: 2rem;}
.sec03TitleBox {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}
.sec03TitleTop {
    padding-top:0;
    position: relative;
}

.sec03Title {
    width: 32.5rem;
    height: auto;
    margin-top: 2rem;
}
.sec03Title img {width:100%; height: auto;}

.sec03STxtbox {margin-top:4.7rem;}
.sec03STxt {
    font-size: 2.65rem;
    line-height: 3.8rem;
    letter-spacing: -0.025em;
    color: #433735;
    font-weight: 500;
    text-align: center;
}
.sec03STxt:nth-child(2) {margin-top: 3rem;}

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

@keyframes beeFloat1 {
    0%   { transform: translate(0%, 10%); -webkit-transform: translate(0%, 10%); -moz-transform: translate(0%, 10%); -ms-transform: translate(0%, 10%); -o-transform: translate(0%, 10%); }    
    50%  { transform: translate(0%, 1%); -webkit-transform: translate(0%, 1%); -moz-transform: translate(0%, 1%); -ms-transform: translate(0%, 1%); -o-transform: translate(0%, 1%); }
    100% { transform: translate(0%, 10%); -webkit-transform: translate(0%, 10%); -moz-transform: translate(0%, 10%); -ms-transform: translate(0%, 10%); -o-transform: translate(0%, 10%); }
}


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

.sec03CloudImg {width: 15.14%; animation: beeFloat1 3s ease-in-out infinite;}
.sec03CloudImg.sec03CloudImg04 {width: 18.1%;}

.sec03TitleTopCloud .sec03CloudImg {position: absolute;}

.sec03TitleTopCloud .sec03CloudImg01 {position: absolute; left: 2%; top: 21%;}
.sec03TitleTopCloud .sec03CloudImg02 {top: 26%; left: 19%;}
.sec03TitleTopCloud .sec03CloudImg03 {left: 42%; top: 0%;}
.sec03TitleTopCloud .sec03CloudImg04 {right: 20%; top: 28%;}
.sec03TitleTopCloud .sec03CloudImg05 {right: 0; top: 20%;}

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


@media (max-width:768px) {

    #sec03 {
        padding-top: 9.5rem;
        padding-bottom: 25.1rem;
        background: url(../images/seacham/sec03_bgMo.jpg) no-repeat center / cover;
    }

    .sec03TitleTop {padding-top:0;}

    .sec03Title {
		width: 65.68%;
		height: auto;
		
		font-size: 0;
		line-height: 0;
	}
	
	
    .sec03STxt {
        font-size: 4.9493vw;
        line-height: 1.4;
    }


	#sec03 .marquee-container.leftFlow {
		position: absolute;
		left: 0;
		top: 0;
		padding: 1.6rem 0;
		border-top:none;
		border-bottom: 1px solid rgb(255 255 255 / 60%);
		transform: none;
		opacity: 0.6;
	}
	
	
	#sec03 .marquee-container.rightFlow {
		position: absolute;
		left: unset!important;
		right: 0;
		bottom: 0;
		transform-origin: right top;
		transform: none;
		padding: 1.6rem 0;
		border-bottom:none;
        background: #efb053 !important;
        opacity: 1;
        border-top: 1px solid rgb(255 255 255 / 30%);
	}

    #sec03 .marquee-container.rightFlow img {
        opacity: 0.5;
    }


	#sec03 .marquee-container img {height:2.3rem;}

    .sec03CloudImg {
        width: 31.25%;
        animation: beeFloat1 3s ease-in-out infinite;
        -webkit-animation: beeFloat1 3s ease-in-out infinite;
    }

    .sec03TitleTopCloud .sec03CloudImg04 {
        right: unset;
        top: 42%;
        left: 14%;
        width: 31.25%;
    }

    .sec03TitleTopCloud .sec03CloudImg01 {left: 0; top: 0;}

    .sec03TitleTopCloud .sec03CloudImg02 {
        left: 34.5%;
        top: 0%;
    }

    .sec03TitleTopCloud .sec03CloudImg03 {
        right: 0;
        top: 0%;
        left: unset;
    }

    .sec03TitleTopCloud .sec03CloudImg05 {
        right: 13%;
        top: 42%;
    }


    @keyframes beeFloat1 {
        0%   { transform: translate(0%, 7%); -webkit-transform: translate(0%, 7%); -moz-transform: translate(0%, 7%); -ms-transform: translate(0%, 7%); -o-transform: translate(0%, 7%); }
        50%  { transform: translate(0%, 1%); -webkit-transform: translate(0%, 1%); -moz-transform: translate(0%, 1%); -ms-transform: translate(0%, 1%); -o-transform: translate(0%, 1%); }
        100% { transform: translate(0%, 7%); -webkit-transform: translate(0%, 7%); -moz-transform: translate(0%, 7%); -ms-transform: translate(0%, 7%); -o-transform: translate(0%, 7%); }
    }
}



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

/* ============ // sec03Add START ~  ============ */
#sec03Add {
    padding: 15rem 0 13rem;
    background-color: #f0e6dd;
    background-image: url(../images/seacham/sec03Add_BG.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.sec03Bgborder {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 98%;
    height: 98%;
    border: 4px solid #c9b98e;
}

.sec03Bgborder img {position:absolute;}
.sec03Bgborder .leftTop {
    top: -2px;
    left: 0;
    transform: rotate(270deg);
}
.sec03Bgborder .rightTop {top:0; right:0;}
.sec03Bgborder .leffBotm {
    bottom: 0;
    left: 0;
    transform: rotate(180deg);
}
.sec03Bgborder .rightBotm {
    bottom: -2px;
    right: 0;
    transform: rotate(-270deg);
}




#sec03Add .mainInner {
    width:100%;
    max-width:145.7rem;
    margin:0 auto;
    padding:0 2rem;
    position: relative;
}

.sec03ATitleBox {
    position: relative;
}


.sec03ATitle {
    font-size:7.1rem;
    line-height: 8rem;
    letter-spacing: -0.04em;
    color:#433735;
}

.sec03ATitleTop {
    display: flex;
}

.sec03ATitleImg {
    width: 7rem;
    position: relative;
    z-index: -1;
}

.sec03ATitleImg img {
    width: 11.4rem;
    position: absolute;
    left: 80%;
    bottom: 0;
    transform: translateX(-50%);
}


.sec03ATxt {
    font-size:2.45rem;
    letter-spacing: -0.025em;
    line-height: 3.2rem;
    margin-top:4.7rem;
    color:#433735;
}


.sec03ABird {
    position: absolute;
    right: 0;
    bottom: -10.5rem;
    width: 31.645%;
    max-width: 46.1rem;
}

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


.sec03AddSlide {
    width: 100%;
    margin-top: 8.8rem;
    background: #e9ad52;
    padding: 5.3rem 0 6.4rem;
    z-index: 1;
    position: relative;
}


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

.sec03ASlide {
    height: auto;
    width: 38.1rem;
    overflow: unset!important;
    margin: 0 0 0 auto;
    margin-left: 0!important;
}

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

/*
section#sec03Add::before {
    content: '';
    width: 98%;
    height: 97%;
    border: 3px solid #c9b98e;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
*/


@media (max-width:768px) {

    #sec03Add {
        padding: 8.5rem 0 6.9rem;
    }
	.sec03Bgborder {width:97%; border: 3px solid #c9b98e;}
	.sec03Bgborder img {width: 35px; height: auto;}


	section#sec03Add::before {
		width: 97%;
		height: 97%;
	}


    .sec03ATitleTop {
        display: flex;
        justify-content: center;
    }

    .sec03ATitle {
        font-size: 9.3733vw;
        line-height: 1.2;
        text-align: center;
    }

    .sec03ATitleImg {
        width: 3rem;
        position: relative;
        z-index: -1;
    }

    .sec03ATitleImg img {
        width: 190%;
        position: absolute;
        left: 80%;
        bottom: 0;
        transform: translateX(-50%);
    }

    .sec03ATxt {
        font-size: 4.9467vw;
        text-align: center;
        line-height: 1.1;
        margin-top: 1.9rem;
    }

    .sec03ABird {
        position: relative;
        right: 0%;
        bottom: auto;
        width: 60%;
        /* max-width: 22.5rem; */
        margin-top: 5.6rem;
        left: unset;
        transform: translateY(7px);
        right: -30%;
    }


    .sec03AddSlide {
        width: 100%;
        margin-top: 0;

        padding: 2.6rem 0 3.1rem;
        z-index: 1;
        position: relative;
    }


    .sec03ASlideInner {
        width: 49.6%;
        max-width: 145.7rem;
        margin: 0 auto;
        padding: 0 2rem;
    }

    .sec03ASlide {
        width: 100%;
    }
}


@media (max-width:400px) {
    .sec03Bgborder img {width: 30px;}
}

/* ============ ~ sec03Add END // ============ */




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


#sec04 {
    width: 100%;
    height: auto;
    padding: 15rem 0 47.5rem;
    /* background: url(../images/seacham/sec04_bg.jpg) no-repeat center / cover; */
	background: url(../images/seacham/sec04_bgEx.jpg) no-repeat center / cover;
}

#sec04 .textEffect {
    display: flex;
    justify-content: center;
    width: 100%;
}


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

.sec04TitleBox {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.sec04Stitle {
    width:38.6rem;
}
.sec04Stitle img {width:100%; height: auto;}
.sec04Title {
    text-align: center;
    color:#433735;
    font-size:7rem;
    margin-top:3rem;
    letter-spacing: -0.04em;
	line-height:1.2;
}

.sec04CountBox {
    margin-top:8rem;
}



div#mycounter {
    display: inline-flex;
}

.countFText {
    color: #433735;
    text-align: center;
    font-size:6rem;
    line-height: 1.1;
    letter-spacing: -0.04em;
}


.count_wrap {
    display: flex;
    margin-top: 3.6rem;
    justify-content: center;
    position: relative;
}

.countFSText {
    color:#433735;
    font-size:2.2rem;
    letter-spacing: -0.04em;
    position: absolute;
    right: 13rem;
    bottom: 0;
    transform: translateY(100%);
}



ul.flipcounter::before {
    content: '원';
    font-family: 'WAGURITTF';
    font-size: 10rem;
    color: #433735;
    position: absolute;
    right: 0;
    bottom: 2rem;
}

ul.flipcounter::after {
    content: '';
    width: 26.5rem;
    height: 2.2rem;
    position: absolute;
    right: 11rem;
    bottom: -2rem;
    background: url(../images/seacham/sec04_afterTxt.png) no-repeat center / cover;
}

@media (max-width:768px) {
	
    #sec04 {
        /* padding: 15.6em 0 45.3rem; */
        padding: 11.6em 0 28.3rem;
        /* background: url(../images/seacham/sec04_bgMo.jpg) no-repeat center / cover; */
		background: url(../images/seacham/sec04_bgMoEx.jpg) no-repeat center / cover;
    }


	.sec04Stitle {
		width: 57.7%;
	}
	
    .sec04Title {
        text-align: center;
        color: #433735;
        font-size: 9.3840vw;
        margin-top: 4.5333vw;
        letter-spacing: -0.04em;
        line-height: 1.1;
    }
		
	.sec04CountBox {
		margin-top: 8.0000vw;
	}

    div#mycounter {
        transform: scale(1.5);
    }

    ul.flipcounter::before {
        content: '만원';
        font-size: 13.0320vw;
        right: 0;
        bottom: 0;
        transform: scale(0.5) translateX(50%) translateY(50%);
    }

    ul.flipcounter li.comma {display: none;}

    .countFSText {
        font-size:2.2133vw;
        right: 0;
        bottom: 0;
        transform: translateY(100%);
    }

	.count_wrap {
		margin-top: 3.7333vw;
	}

	.countFText {
		font-size: 7.8080vw;
	}

	ul.flipcounter::after {
		content: '';
		width: 26.0667vw;
		height: 3.2000vw;
		position: absolute;
		right: unset;
		bottom: -5.3333vw;
		background: url(../images/seacham/sec04_afterTxt.png) no-repeat center / contain;
		left: 50%;
		transform: translateX(-50%);
	}
}


/* ============ ~ sec04 END // ============ */


/* ============ // sec05 START ~  ============ */
#sec05 {
    width:100%;
    position: relative;
    padding:16.4rem 0 29rem;
    background: url(../images/seacham/sec05_bg.jpg) no-repeat center / cover;
}
#sec05 .mainInner {
    width:100%;
    max-width:119rem;
    padding:0 2rem;
    margin:0 auto;
}

.sec05TxtBox {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sec05Title {
    letter-spacing: -0.025em;
    width:60.7rem;
}
.sec05Title img {width:100%; height: auto;}

.sec05Stxt {
    color: #fff;
    font-size: 2.45rem;
    letter-spacing: -0.025em;
    line-height: 3.2rem;
    margin-top: 5.6rem;
    font-weight: 400;
    text-align: center;
}

.sec05ListGroup {
    display: flex!important;
    margin-top: 9.3rem;
    justify-content: space-between;
}
.sec05List {
    width:calc(100%/3 - 2.6rem);
}

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


#sec05 .wing_wrap .wing_lines .wing_line {
    background: #efb053;
}

#sec05 .mo_only {display: none;}


@media (max-width:768px) {
	
	#sec05 {
		padding: 16.9rem 0 13.6rem;
        background: url(../images/seacham/sec05_bg_mo03.jpg) no-repeat center / cover;
	}

    .bgBotm {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 60%;
        z-index: 1;
    }

    .bgBotm img {
        width:100%;
    }

	.sec05Title {
		letter-spacing: -0.025em;
		width: 99%;
	}
	
	.sec05Stxt {
		font-size: 4.9493vw;
		letter-spacing: -0.025em;
		line-height: 1.4;
		margin-top: 5.0667vw;
	}
	
	.sec05TextBotm {padding-top:1rem;}
	
    #sec05 .mo_only {display: block;} 
	.sec05ListGroup {
		margin-top: 5.1rem;
        display: none!important;
	}

    .sec05ListSwiper {
        width: 87.47%;
        margin-top: 5.1rem;
        margin: 5.1rem auto 0;
        padding-bottom: 9.3333vw!important;
    }

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

    #sec05 .swiper-pagination-bullet {
        width: 1.8240vw;
        height: 1.8240vw;
        max-width:14px;
        max-height: 14px;
        display: inline-block;
        background: #aca9a8;
        opacity: 1;
    }

    #sec05 .swiper-pagination-bullet-active {
        background: #efb053!important;
    }
}

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


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

#sec06 {
    position: relative;
    overflow: hidden;
    padding:14.5rem 0;
    background: url(../images/seacham/sec06_bg.jpg) no-repeat center / cover;
}

.sec06Star {
    width:100%;
    height: auto;
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    position: absolute;
}

#sec06 .mainInner {
    width: 100%;
    max-width: 152rem;
    padding: 0 2rem;
    margin: 0 auto;
    display: flex;
    position: relative;
}

.sec06Left {
    width:50%;
    /* width:43.57%; */
}

.sec06Title {
    font-size:7rem;
    letter-spacing: -0.025em;
    color:#433735;
}

.sec06Stxt {
    font-weight: 500;
    font-size:2.4rem;
    line-height: 3.3rem;
    letter-spacing: -0.025em;
    color:#433735;
    margin-top:5.5rem;
}

.sec06LeftImg {
    margin-top:4.3rem;
    max-width:56rem;
    width:80%;
}

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

.sec06RightGroup {
    display: flex!important;
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
}
.sec06Right {
    position: relative;
}

.sec06Right02 {
    margin-left:6rem;
}

.sec06Right02 .slideWrap {
    overflow: unset!important;
}
.sec06Right02 .slideWrap img  {
    margin-top: 4.5rem!important;
}

.slideImg {
    display: block;
    width: 100%;
    margin-bottom: 4.5rem!important;
}

.slideImg.clone {
    position: absolute;
    top: 100%;
    left: 0;
}

/* 티커 부드럽게 */
.sec06Slide .swiper-wrapper { transition-timing-function: linear !important; }
/* 가로 티커 구간에서 슬라이드 폭 자동 */
.sec06Slide .swiper-slide { width: auto; }

@media (max-width:768px) {
    #sec06 {padding:9.4rem 0; background: url(../images/seacham/sec06_bgMo.jpg) no-repeat center / cover;}

    
	#sec06 .mainInner {
		width: 100%;
		padding: 0 2rem;
		margin: 0 auto;
		flex-direction: column;
	}
	
	.sec06Left {
		width: 100%;
	}
	
	
    .sec06Right {
        width: 100%;
        padding-top: 7.3rem;
        flex-direction: column-reverse;
        display: flex;
    }
	
	.sec06Title {
		font-size: 9.3333vw;
		letter-spacing: -0.04em;
		line-height: 1.2;
		text-align: center;
	}
	
    .sec06Stxt {
        font-size: 4.8000vw;
        line-height: 1.4;
        letter-spacing: -0.025em;
        margin-top: 3rem;
        text-align: center;
    }
	
	
	.sec06LeftImg {
		margin-top: 4.3rem;
		max-width: 56rem; 
		width: 85.1%;
		margin: 6.5rem auto 0;
	}

    .sec06Slide02 {margin-top:2.9rem;}

    .sec06Slide .swiper-slide,
    .sec06Slide02 .swiper-slide { border-radius: 20px; overflow: hidden; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }


    .sec06Slide {
        height: auto;
        width: 66.13%;
        max-width: 27.8rem;
        margin: 0 0 0 auto;
        overflow: unset!important;
        margin-top: 3rem;
    }

    .sec06Slide02 {
        height: auto;
        width: 61.33%;
        max-width:22.8rem;
        margin: 0 0 0 auto;
        overflow: unset!important;
    }



    .sec06RightGroup.pc_only {
        display: none!important;
    }

    .sec06RightMoGroup.sec06Right01Mo {
        margin-top: 9.1146vw;
    }


    /* 모바일 전용 컨테이너에만 적용(원하면 범위 조정) */
    .mo_only .MoslideWrap {
        overflow: hidden;
        position: relative;
        display: flex;
    }

    .mo_only .MoslideWrap:first-child {
        margin-bottom: 3.9063vw;
    }

    .mo_only .MoslideWrap .slideImg{
        flex: 0 0 auto;
        display: block;
        height: auto;
        will-change: transform;
        margin-bottom:0!important;
    }

    .slideImg.clone {
        margin-left: 4vw;
        position: relative;
        top: 100%;
        left: 0;
    }


    .mo_only .MoslideWrap {
        width:300%;
    }

    .mo_only .MoslideWrap.MoslideWrap02 {
        width:250%;
    }



}

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



/* ============ // sec07 START ~  ============ */
#sec07 {
    position: relative;
    padding:15rem 0 4.7rem;
}

.sec07Right {
    width:50%;
    height: 100%;
    background: #f0e6dd;
    position: absolute;
    right:0;
    top:0;
    z-index: 0;
}
#sec07 .mainInner {
    width: 100%;
    max-width: 155.8rem;
    padding: 0 2rem;
    margin: 0 auto;
    z-index: 1;
    position: relative;
}

.sec07Title {
    font-size:7rem;
    letter-spacing: -0.025em;
    color:#433735;
    text-align: center;
}
.sec07Txt {
    text-align: center;
    margin-top:5.3rem;
    font-size:2.3rem;
    line-height: 3.1rem;
    letter-spacing: -0.025em;
}

.sec07Botm {
    width: 100%;
    height: 100%;
    background: url(../images/seacham/sec07_botm.png) no-repeat bottom / cover;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    z-index: 1;
}
.sec07Contbox {
    padding-top: 28.7rem;
    position: relative;
    margin-top: 5.5rem;
}
#sec07 .mainInner {z-index: 4;}
.sec07Store {
    width: 54.02%;
    max-width: 82rem;
    margin: 0 auto;
}
.sec07Store img {
    width:100%;
    height: auto;
}

.sec07BoxCont {
    display: flex;
    /* background: #999; */
    height: 0;
    position: absolute;
    left: 50%;
    top: 0;
    width: 100%;
    transform: translateX(-50%);
    z-index: -1;
    border-radius: 180px!important;
    overflow: hidden!important;
    padding-bottom: 23.06%;
}
.sec07LeftBox, .sec07RightBox {
    width:50%; height: auto;
}

.sec07LeftBox img, .sec07RightBox img {
    width:100%;
    height: auto;
}

img.sec07RightBoxImg01 {
    position: relative;
    animation: slideUp 6s infinite;
}

img.sec07RightBoxImg02 {
    transform: translateY(0%);
    position: relative;
    animation: slideUpDown 6s infinite;
}



@keyframes slideUp {
    0% {
        transform: translateY(0%);
        z-index: 10;
    }
    25% {
        transform: translateY(-100%);
        z-index: -1;
    }
    50% {
        transform: translateY(100%);
    } 
    75% {
        transform: translateY(0%);

    }
    100% {
        transform: translateY(0%);
    }
}


@keyframes slideUpDown {
    0% {
        transform: translateY(0%);    /* 처음 위치 */
    }
    25% {
        transform: translateY(-100%); /* 3초 동안 올라감 */
    }
    50% {
        transform: translateY(-100%); /* 잠깐 머무름 */
    }
    75% {
        transform:translateY(-200%);
    }
    100% {
        transform: translateY(0%);   
        z-index: -1;
    }
}




@media (max-width:768px) {
    #sec07 {
        position: relative;
        padding: 7.7rem 0 5rem;
    }

    #sec07 .mainInner {
        padding:0 3.9rem;
    }
    .sec07Right {
        width: 100%;
        height: 51.7%;
        background: #FFF;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 0;
    }
    .sec07Title {
        font-size: 9.3733vw;
        line-height: 1.2;
        letter-spacing: -0.025em;
    }

    .sec07Txt {
        line-height: 1.2;
        font-size: 4.9467vw;
        letter-spacing: -0.04em;
        margin-top: 1.9rem;
    }


    .sec07Contbox {
        padding-top: 0;
        position: relative;
        margin-top: 4.5rem;
    }

    .sec07BoxCont {
        display: flex;
        background: none;
        height: auto;
        position: relative;
        left: unset;
        top: unset;
        width: 100%;
        transform: unset;
        z-index: 1;
        border-radius: 58.65px !important;
        overflow: hidden;
        padding-bottom: 0;
        flex-direction: column;
        -webkit-border-radius: 58.65px !important;
        -moz-border-radius: 58.65px !important;
        -ms-border-radius: 58.65px !important;
        -o-border-radius: 58.65px !important;
}

    .sec07LeftBox, .sec07RightBox {
        width: 100%;
        height: auto;
    }


    .sec07Store {
        width: 100%;
        max-width: 82rem;
        margin: 0 auto;
        margin-top: 4.5rem;
    }


    .sec07RightBox {
        height: 90vw;
        overflow: hidden;
    }

    .sec07LeftBox img, .sec07RightBox img {
        width: 100%;
        height: 100%;
    }

}

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


/* ============ // sec08 START ~  ============ */
#sec08 {
    width:100%;
    position: relative;
    padding:10.5rem 0 20.4rem;
    background: url(../images/seacham/sec08_bg.jpg) no-repeat bottom / cover;
}

#sec08 .mainInner {
    padding-top: 0;
    max-width: 140rem;
}

#sec08 .wing_wrap
#sec08 .mainInner {
    width:100%;
    max-width:144rem;
    padding:0 2rem;
    margin:0 auto;
}
.sec08Title {
    color: #433735;
    font-size: 7rem;
    letter-spacing: -0.025em;
    text-align: center;
    line-height: 1.2;
}
.sec08ContGroup.pc_only {
    display: flex;
    margin-top:10rem;
    justify-content: space-between;
}
.sec08List {
    width: calc(100%/3 - 5.2rem);
    height: auto;
    border-radius: 4.5rem;
    overflow: hidden;
    box-shadow: 13px 12px 2px rgba(54,47,37,0.12);
}

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

@media (max-width:768px) {
    #sec08 {
        padding: 7.6rem 0 13rem;
    }

    #sec08 .mainInner {
        padding: 0 3.4rem;
    }

    .sec08Title {
        font-size: 9.3733vw;
        line-height: 1.2;
        letter-spacing: -0.025em;
    }

    .sec08ContGroup.pc_only {
        display: none;
    }
}

.sec08SlideWrap.mo_only {
    margin-top: 5rem;
}
.sec08SlideWrap {
    width: 100%;
    position: relative;
}
.sec08Slide {
    overflow: unset!important;
}
.sec08SlideWrap .swiper-slide { border-radius:21.97px; overflow: hidden; }

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



@media (max-width:768px) {
    .sec08Slide {overflow: hidden!important;}
    #sec08 .swiper-pagination {
        top: unset;
        bottom: -2rem;
    }

    #sec08 .swiper-pagination-bullet {
        width:1.8240vw;
        height: 1.8240vw;
        background:#fff ;
    }

    #sec08 span.swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #ad3e2d!important;
    }
}

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


/* ============ // sec09 START ~  ============ */
#sec09.testArea {display: block!important;}

#sec09 {
    width: 100%;
    height: 0;
    background: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding-bottom: 48%;
}

.sec09Bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #111;
    opacity: 0.5;
    z-index: 2;
}
.sec09TxtBox {
    padding-top: 5.208vw;
    position: relative;
    z-index: 1;
    text-align: center;
}
.sec09Txt {
    font-size: 3.646vw;
    line-height: 4.427vw;
    letter-spacing: -0.025em;
    color: #FFF;
    
}

.sec09STxt {
    font-size:2.3rem;
    line-height: 3.2rem;
    letter-spacing: -0.04em;
    color:#fff;
    margin-top:5rem;
}

.sec09SlideWrap {
    width: 23.58%;
    height: auto;
    z-index: 1;
    bottom: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%) translateY(20%);
}

.sec09Swiper {overflow: unset!important;}
.sec09Swiper .swiper-wrapper {align-items: flex-end;}
.sec09Swiper .swiper-slide {
    padding: 0;
    width: 100%!important;
    display: flex!important;
    justify-content: center;
}

.menuImgSlide { width: 80%; height: auto;  }
.menuImgSlide img { width:100%; height: auto; }

.sec09Swiper .swiper-slide-active .menuImgSlide {width:110%;}
.sec09Swiper .swiper-slide.swiper-slide-active {
    display: flex!important;
    justify-content: center!important;
}

.sec09Swiper .swiper-slide.swiper-slide-next {
    display: flex;
    justify-content: flex-end;
}

.sec09Swiper .swiper-slide.swiper-slide-prev {
    display: flex;
    justify-content: flex-start;
}


.sec09Swiper .swiper-button-prev {
    left: -1rem!important;
    right: unset!important;
    transform: translateX(-100%);
}

.sec09Swiper .swiper-button-next {
    position: absolute;
    right: -1rem!important;
    transform: translateX(100%);
}

.sec09Swiper .swiper-button-prev:after,
.sec09Swiper .swiper-rtl .swiper-button-next:after {
    content: 'prev';
    color: #FFF;
    font-weight: 800;
}


.sec09Swiper .swiper-button-next:after, 
.sec09Swiper .swiper-rtl .swiper-button-prev:after {
    content: 'next';
    color: #FFF;
    font-weight: 800;
}



.sec09BgVideo {
    width: 100%;
    height: auto;
    position: absolute;
    left: 50%;
    top: 55%;
    transform: translate(-50%, -50%);  
}

.sec09BgVideo video {
    width: 100%;
    height: auto;
}

@media (max-width:768px) {
    #sec09 {
        padding-bottom: 126%;
    }


    .sec09TxtBox {
        padding-top: 7.6rem;
    }


    .sec09Txt {
        font-size: 7.379vw;
        line-height: 1.3;
    }

    .sec09STxt {
        font-size: 4.949vw;
        line-height: 1.2;
    }

    .sec09STxt {
        font-size: 4.949vw;
        line-height: 1.2;
        margin-top: 3.067vw;
    }

    .sec09BgVideo {
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }

    .sec09TxtBox {
        padding-top: 11.896vw;
    }

    .sec09SlideWrap {
        width: 62.58%;
        height: auto;
        z-index: 1;
        bottom: 0;
        left: 50%;
        position: relative;
        transform: translateX(-50%) translateY(70%);
    }


    .sec09Swiper .swiper-button-next:after,
    .sec09Swiper .swiper-rtl .swiper-button-prev:after {font-size:7vw;}

    .sec09Swiper .swiper-button-prev:after,
    .sec09Swiper .swiper-rtl .swiper-button-next:after {font-size:7vw;}

    .sec09Swiper .swiper-button-prev {
        transform: translateX(-65%);
    }

    .sec09Swiper .swiper-button-next {
        transform: translateX(65%);
    }

    .menuImgSlide { transition:none ; -webkit-transition:none ; -moz-transition:none ; -ms-transition:none ; -o-transition:none ; }

}

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


/* ============ // sec10 START ~  ============ */
#sec10 {
    width:1005;
    padding-top:13.9rem;
    background: #f0e6dd;
    position: relative;
}

#sec10 .mainInner {
    padding-top:0;
}

.sec10Top {
    top:0;
    left:50%;
    position: absolute;
    mix-blend-mode: color-burn;
    transform: translateX(-50%);
    background: url(../images/seacham/sec10_topBg.png) no-repeat bottom / cover;
}
.sec10Title {
    font-size:7rem;
    line-height: 9.2rem;
    letter-spacing: -0.025em;
    text-align: center;
}
.sec10Txt {
    margin-top:4.2rem;
    text-align: center;
    font-weight: 500;
    font-size:2.3rem;
    line-height: 3.2rem;
    letter-spacing: -0.04em;
}

.pointLine {
    position: relative;
}

.pointLine::before {
    content: '';
    width: 0%;
    height: 110%;
    background: #efb053;
    position: absolute;
    left: -3%;
    top: 50%;
    z-index: -1;
    transform: translateY(-50%) translateX(0%);
    transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -webkit-transform: translateY(-50%) translateX(0%);
    -moz-transform: translateY(-50%) translateX(0%);
    -ms-transform: translateY(-50%) translateX(0%);
    -o-transform: translateY(-50%) translateX(0%);
}

.pointLine.aos-animate::before {width:110%;}

.sec10Point {
    width: 100%;
    display: flex;
    margin-top: 10.5rem;
    justify-content: space-around;
}
.sec10PointList {
    width: calc(100%/5 - 2px);
}


.sec10PointList{
    position: relative;
}

.sec10PointList::before {
    content:'';
    width:100%;
    height: 100%;
}
.sec10PointList img {
    width:100%;
    height: auto;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}

.sec10PointList:hover img {
	filter: none;
}
.sec10PointList.on img {
	filter: none;
}

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


    .sec10Title {
        font-size: 9.3733vw;
        line-height: 1.2;
        letter-spacing: -0.025em;
    }

    .sec10Txt {
        line-height: 1.2;
        font-size: 4.9467vw;
        letter-spacing: -0.04em;
        margin-top: 1.9rem;
    }

    .sec10Point {
        margin-top: 5.1rem;
        flex-direction: column;
    }

    .sec10PointList {
        width: 100%;
    }


    
}


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



/* ============ // sec11 START ~  ============ */
#sec11 {
    width: 100%;
    height: 0;
    background: #111;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding-bottom: 56%;
}
#sec11 .sec11BgImg {
    width: 110%;
    height: 110%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
}

#sec11 .sec11BgImg img {
    width: auto;
    height: 100%;
}

.sec11TxtBox {
    width: 100%;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.sec11STitle {
    font-size: 3.658rem;
    color: #fff;
    line-height: 6rem;
    letter-spacing: -0.025em;
    text-align: center;
}

.sec11Title {
    color:#FFF;
    font-size:7rem;
    margin-top: 4rem;
    text-align: center;
    line-height: 1.2;
}

.sec11BgVideo {
    width: 100%;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.sec11BgVideo video {
    width: 100%;
    height: auto;
}

  .yt-wrap { position:relative; width:100%; padding-top:56.25%; background:#000; overflow:hidden; }
  .yt-wrap iframe { position:absolute; inset:0; width:100%; height:100%; }
  /* 시작 시 잠깐 가리는 커버 (원하면 썸네일 이미지 넣기) */
  .yt-cover {
    position:absolute;
    inset:0;
    z-index:2;
    background:#000 center/cover no-repeat;
    /*예:;
    background-image:url('/path/poster.jpg');
    */transition:opacity .35s ease;
    display:flex;
    align-items:center;
    justify-content:center;
    -webkit-transition:opacity .35s ease;
    -moz-transition:opacity .35s ease;
    -ms-transition:opacity .35s ease;
    -o-transition:opacity .35s ease;
}
  .yt-wrap.is-playing .yt-cover { opacity:0; pointer-events:none; }
@media (max-width:768px) {
    .sec11Title {
        font-size: 9.1120vw;
        margin-top: 1.8rem;
        line-height: 1.2;
    }

    .sec11STitle {
        font-size: 5.0667vw;
        line-height: 1;
        letter-spacing: -0.025em;

    }


}

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


/* ============ // sec12 START ~  ============ */

#sec12 {
    overflow: hidden;
    background: #433735;
}

#sec12 .marquee-container {
    padding: 2rem 0;
}

#sec12 .marquee-text {padding-right:1rem;}

.sec12Cont {
    padding: 4.1rem 0;
    border: 1px solid #362c2a;
    border-left: none;
    border-right: none;
}


.sec12Slide {
    width: 32.3%;
    overflow: unset!important;
}
.sec12Slide .swiper-slide {
    border-radius: 15px;
    overflow: hidden;
}
.sec12Slide img {
    width:100%;
    height: auto;
}

.menu_info {
    margin-top: 7rem;
}


.tab_round {
    display: flex;
    gap: 0;
    justify-content: center;
}
.tab_round li {
    cursor: pointer;
    /* padding: 8px 14px; */
    border-radius: 999px;
    border: 1px solid #ddd;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 3.3rem;
    color: #433735;
    padding: 2rem 0;
    width: 18.8rem;
    text-align: center;
    background: #efb053;
}
.tab_round li.active {
    background: #ad3e2d;
    color: #fff;
    /* border-color: #111; */
}

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

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


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


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

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

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

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

@media (max-width:768px) {

    .sec12Cont {
        padding: 7.2000vw 0;
    }


    #sec12 .marquee-text img {
        height:6.1333vw;
    }


    .sec12Slide .swiper-slide {
        border-radius: 5px;
    }
}



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


/* ============ // sec13 START ~  ============ */
#sec13 {
    width:100%;
    background: #f0e6dd;
    padding:15rem 0 13rem;
}

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

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

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


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

    .menu_info {
        margin-top: 3.5rem;
    }

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

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


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

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


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


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

}


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


/* ============ // sec14 START ~  ============ */

#sec14 {
    padding:15rem 0 21rem;
    background: #efb053;
}
#sec14 .mainInner {
    width:100%;
    max-width: 135.7rem;
    padding:0 2rem;
}

.sec14Title {
    font-size:7rem;
    line-height: 9.2rem;
    letter-spacing: -0.025em;
    color: #433735;
    text-align: center;
}

.sec14STitle {
    font-weight: 500;
    line-height: 3.2rem;
    font-size:2.3rem;
    letter-spacing: -0.04em;
    color:#433735;
    margin-top:4.6rem;
    text-align: center;
}
.sec14Step {
    display: flex;
    margin-top: 7.5rem;
    justify-content: space-between;
    flex-wrap: wrap;
}

.sec14Step li {
    width: calc(100%/4 - 6rem);
    border-radius: 2rem;
    overflow: hidden;
    background: #FFF;
    padding: 0 2rem 3.3rem 2rem;
    text-align: center;
    height: 24.6rem;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: flex-end;
    position: relative;
    overflow: unset;
}

.sec14Step li:nth-child(2n) {
    background: #f1e6b2;
}

.sec14Step li:nth-child(n+5) {
    margin-top:8.2rem;
}

.sec14Step li:nth-child(4n)::before {
    display: none;
}

.sec14Step li::before {
    content: '';
    width: 2rem;
    height: 3.7rem;
    position: absolute;
    right: -3rem;
    top: 50%;
    transform: translateY(-50%) translateX(100%);
    background: url(../images/seacham/sec13_arrowImg.png) no-repeat center / cover;
}

.setpTitle {
    font-size:2.4rem;
    line-height: 3.2rem;
    letter-spacing: -0.025em;
    font-weight: 700;
    margin-top:3rem;
}
.setpTxt {
    font-size:1.7rem;
    line-height: 2.2rem;
    letter-spacing: -0.025em;
    font-weight: 500;
    margin-top:1.2rem;
}

@media (max-width:768px) {

    #sec14 {
        padding: 7.6rem 0 5.8rem;
    }

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

    .sec14STitle {
        line-height: 1.2;
        font-size: 4.9467vw;
        letter-spacing: -0.04em;
        margin-top: 1.9rem;
    }

    .sec14Step {
        margin-top: 5.5rem;;
    }



    .sec14Step li {
        width: calc(100%/2 - 1.3rem);
        border-radius: 2rem;
        overflow: hidden;
        background: #FFF;
        padding: 0 2rem 3.3rem 2rem;
        text-align: center;
        height: 24.6rem;
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: flex-end;
        position: relative;
        overflow: unset;
    }

    .setpTitle {
        font-size: 4.5333vw;
        line-height: 1.2;
        margin-top: 3.5333vw;
    }
    .sec14Step li {
        width: calc(100%/2 - 3.4667vw);
        border-radius: 2rem;
        overflow: hidden;
        background: #FFF;
        padding: 1rem 0.5rem;
        text-align: center;
        height: 37.3333vw;
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        position: relative;
        overflow: unset;
        align-items: center;
    }

    .sec14Step li:nth-child(n+3) {
        margin-top: 6.9333vw;
    }



    .sec14Step li img {
        width: 8.2667vw;
    }


    .setpTxt {
        font-size: 3.6vw;
        line-height: 1.2;
        letter-spacing: -0.025em;
        font-weight: 500;
        margin-top: 1.2vw;
        word-break: keep-all;
    }

    .sec14Step li::before {
        width: 2.9333vw;
        height: 5.0667vw;
        right: -2.46665vw;
    }

    .sec14Step li:nth-child(2n)::before {
        display: none;
    }


}

/* ============ ~ sec14 END // ============ */

/* ============ // sec15 START ~  ============ */
#sec15 {background: #f0e6dd; padding:15rem 0 17rem;}

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

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


.sec15Table {
    margin-top:7.5rem;
    position: relative;
}

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

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

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



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

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

    .sec15Table {
        margin-top: 5rem;
    }

    .stempImg {width: 79.5%;}
}




#sec16 {
	background:#433735;
	padding:14.8rem 0 19.4rem;
}

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

.sec16Title {
	font-size:6.8rem;
	line-height:1;
	letter-spacing:-0.025em;
	color:#f1e6b2;
	text-align:center;
} 

.sec16Stxt {
	font-size:2.1rem;
	line-height:3rem;
	letter-spacing:-0.025em;
	color:#fff;
	font-weight:500;
	margin-top:4.5rem;
	text-align:center;
}

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

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


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

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

@media (max-width:768px) {

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

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


    .sec16Stxt {
        line-height: 1.2;
        font-size: 4.9467vw;
        letter-spacing: -0.04em;
        margin-top: 1.9rem;
    }

	.s14_form {
		height: 62rem;
	}

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


/* ============ ~ sec15 END // ============ */



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