@charset "utf-8";

body::-webkit-scrollbar{display: none;}
.wrap{height:100%;}
.mainwrap{position:fixed;left:0;top:0;width:100%;}
.font_dt{font-family:'DentonTest';}
.font_tnr{font-family:'Times New Roman';}

/*main*/
.main{height:100%;width:100%;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;background-color:#1a1a1a;}
.main .logo{position:absolute;left:0;top:50vh;transform:translate(0,-50%);z-index:10;width:100%;display: flex;justify-content: center;transition:0.8s;transition-delay:1.7s;}
.main .logo img{display:block;width:100%;}
.main .intro_wrap{opacity:0;transition:0.8s;}
.main .on_wrap{position:relative;transition:0.6s;transition-delay:0.6s;}
.main .logo .txt{width:35.4vw;position:relative;transition:0.8s;transition-delay:1.7s;}
.main .logo .star{width:3.3vw;position:absolute;left:50%;bottom:0;transition:0.8s;margin-left:-1.65vw;transition-delay:1.7s;}
.main .logo .star svg{display:block;width:100%;}
.main .logo .star svg path{fill:transparent;stroke: #fff;stroke-width: 1px;stroke-dasharray: 180px;stroke-dashoffset: 180px;}
@keyframes star {
	0% {transform:rotate(0deg) scale(1.4);}
	100% {transform:rotate(180deg);}
}
@keyframes star_line {
	0% {fill:transparent;stroke-dashoffset: 180px;}
	70%{fill:transparent;stroke-dashoffset: 0;}
	100% {fill:#fff;stroke-dashoffset: 0;}
}
.main .logo .ori_txt{position:absolute;width: 100%;text-align: center;top:calc(100% + 1vw);}
.main .logo .ori_txt p{overflow:hidden;color:rgba(255,255,255,0.3);font-family:"Mullion";font-size:1.1vw;line-height:1.273em;letter-spacing:0.08em;}
.main .logo .ori_txt p span{display:block;transform:translate(0,110%);transition:0.6s;;transition-delay:2.3s;}
.main.intro .intro_wrap{opacity:1;}
.main.intro .logo{top: 6.25vh;transform:none;}
.main.intro .logo .txt{width:23.6vw;}
.main.intro .logo .star{width:2.2vw;margin-left:-1.1vw;}
.main.intro .logo .star svg{animation: star 0.6s ease forwards;animation-delay:1.2s;}
.main.intro .logo .star svg path{animation: star_line 0.9s ease forwards;animation-delay:0.4s;}
.main.intro .logo .ori_txt p span{transform:none;}
.main.off .on_wrap{opacity:0;transform:translate(0,-30%);transition-delay:0s;}

.main .page_menu ul{display:flex;gap: 0 2.5vw;transition:0.6s;transition-delay:0.6s;}
.main .page_menu ul li button{display:block;border:none;width:7vw;height:7vw;position:relative;border-radius:50%;background-color:#1a1a1a;box-shadow: 0vw 0vw 0vw #484848, inset 0vw 10vw 5vw #1a1a1a;transition:1s;}
.main .page_menu ul li button .icon{width:100%;height:100%;opacity:0;transition:1s;}
.main .page_menu ul li button .icon img{display:block;pointer-events: none;width:100%;height:100%;transition:0.6s;transition-delay:0.2s;}
.main .page_menu ul li button .icon > div{width:100%;height:100%;}
.main .page_menu ul li button .icon .blur{filter: blur(0.1vw);position:absolute;left:0;top:0;z-index:1;transition:0.6s;}
.main .page_menu ul li button .txt{position:absolute;left:0;top:0;width:100%;height:100%;}
.main .page_menu ul li button .txt p{color:#9b9b9b;font-family:"Mullion";font-size:0.7vw;letter-spacing:0.07em;position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;filter: blur(0.4vw);opacity:0;transition:0.6s;}
.main .page_menu ul li button.btn5 .txt p{font-size:0.65vw;}
.main .page_menu.step3 ul li button:hover .icon img{filter: blur(0.4vw);opacity:0;transition-delay:0s;}
.main .page_menu.step3 ul li button:hover .txt .back{filter: blur(0);opacity:1;transition-delay:0.2s;}
.main .page_menu.step3 ul li button:hover .txt .blur{filter: blur(0.1vw);opacity:1;transition-delay:0.2s;}
.main .page_menu.step3 ul li button:hover{box-shadow:0vw -0.1vw 0.1vw #484848, inset 0vw 4.5vw 6vw #1a1a1a, 0vw 0vw 0.6vw #fff;}
/* .main .page_menu.step3 ul li button:hover img{filter: brightness(1.7);} */
/* .main .page_menu.step3 ul li button:hover{background-color:#616161;box-shadow: 0vw -0.1vw 0.1vw #939393 , inset 0vw -2vw 5vw #0f0f0f;} */
.main.off .page_menu ul{opacity:0;gap: 0 4.5vw;transition-delay:0s;}

/* 미디어 버튼 */
.main .media_menu{ position: fixed; right: 5.8vw; bottom: 6.25vh; }
.main .media_menu ul{display:flex;gap: 0 2.5vw;transition:0.6s;transition-delay:0.6s;}
.main .media_menu ul li button{display:block;border:none;width:4.2vw;height:4.2vw;position:relative;border-radius:50%;background-color:#1a1a1a;box-shadow: 0vw 0vw 0vw #484848, inset 0vw 10vw 5vw #1a1a1a;transition:1s;}
.main .media_menu ul li button .icon{width:100%;height:100%;opacity:0;transition:1s;}
.main .media_menu ul li button .icon img{display:block;pointer-events: none;width:100%;height:100%;transition:0.6s;transition-delay:0.2s;}
.main .media_menu ul li button .icon > div{width:100%;height:100%;}
.main .media_menu ul li button .icon .blur{filter: blur(0.1vw);position:absolute;left:0;top:0;z-index:1;transition:0.6s;}
.main .media_menu ul li button .txt{position:absolute;left:0;top:0;width:100%;height:100%;}
.main .media_menu ul li button .txt p{color:#9b9b9b;font-family:"Mullion";font-size:0.7vw;letter-spacing:0.07em;position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;filter: blur(0.4vw);opacity:0;transition:0.6s;}
.main .media_menu ul li button.btn5 .txt p{font-size:0.65vw;}
.main .media_menu.step3 ul li button:hover .icon img{filter: blur(0.4vw);opacity:0;transition-delay:0s;}
.main .media_menu.step3 ul li button:hover .txt .back{filter: blur(0);opacity:1;transition-delay:0.2s;}
.main .media_menu.step3 ul li button:hover .txt .blur{filter: blur(0.1vw);opacity:1;transition-delay:0.2s;}
.main .media_menu.step3 ul li button:hover{box-shadow:0vw -0.1vw 0.1vw #484848, inset 0vw 4.5vw 6vw #1a1a1a, 0vw 0vw 0.6vw #fff;}
/* .main .media_menu.step3 ul li button:hover img{filter: brightness(1.7);} */
/* .main .media_menu.step3 ul li button:hover{background-color:#616161;box-shadow: 0vw -0.1vw 0.1vw #939393 , inset 0vw -2vw 5vw #0f0f0f;} */
.main.off .media_menu ul{opacity:0;gap: 0 4.5vw;transition-delay:0s;}
/* 미디어 버튼 종료 */

.main .info{position:absolute;bottom:6.25vh;transition:0.6s;transition-delay:0.6s;}
.main .info .tel{width:12.6vw;margin: 0 auto;margin-bottom:0.75vw;opacity:0;transform:translate(0,40%);transition:0.6s;transition-delay:3.2s;}
.main .info .tel a,
.main .info .tel img{display:block;width:100%;}
.main .info .txt{width:25.4vw;opacity:0;transform:translate(0,30%);transition:0.6s;transition-delay:3.3s;}
.main .info .txt img{display:block;width:100%;}
.main .info .ori{margin-top: 0.75vw;}
.main .info .ori p{text-align:center;font-family: "Noto Sans KR";font-size: 0.5vw;color: #fff;line-height: 1.4em;overflow:hidden;}
.main .info .ori p span{display:block;transform:translate(0,110%);transition: 0.8s;transition-delay: 3.4s;}
.main.intro .info .tel,
.main.intro .info .txt,
.main.intro .info .ori p span{transform:none;opacity:1;}
.main.off .info{opacity:0;transform:translate(0,30%);transition-delay:0s;}

.sub_pop{position:fixed;left:0;top:0;width:100%;height:100%;z-index:-1;display:none;align-items:center;justify-content:center;opacity:0;transition:0.6s;}
.sub_pop .pop_wrap{position:relative;background:url(../images/pop-bg.jpg) no-repeat center / cover;padding: 2vw;width:75vw;}
.sub_pop .pop_wrap::before,
.sub_pop .pop_wrap::after{content:"";position:absolute;top:-1%;width:51%;height:102%;background-color:#1a1a1a;z-index:10;transition:0.8s;}
.sub_pop .pop_wrap::before{left:-1%;}
.sub_pop .pop_wrap::after{right:-1%;}
.sub_pop .pop_wrap .con{position:relative;opacity:0;transform:translate(0,5%);transition:0.8s;}
.sub_pop .pop_wrap .img{overflow:hidden;}
.sub_pop .pop_wrap .img > img{display:block;width:100%;}
.sub_pop .pop_wrap .tit{text-align:center;margin-top:2vw;overflow:hidden;opacity:0;transform:translate(0,100%);transition:0.8s;}
.sub_pop .pop_wrap .tit p{color:#000;font-size:1vw;font-weight:700;line-height:1.2em;}
.sub_pop .vd{position:relative;width:100%;padding-bottom:49.5%;overflow:hidden;}
.sub_pop .vd iframe{position:absolute;left:0;top:0;width:100%;height:100%;}
.sub_pop .vd::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;}
.sub_pop .vd .sound{width:2.6042vw;height:2.6042vw;position:absolute;bottom:1.5vw;right:1.5vw;background: url(../images/mute-icon-wh.svg) no-repeat center / contain;z-index: 10;cursor:pointer;}
.sub_pop .vd .sound.off{background-image: url(../images/unmute-icon-wh.svg);}
.sub_pop .bot_txt{text-align:center;margin-top:1.75vw;}
.sub_pop .bot_txt dt{overflow:hidden;margin-bottom:0.5vw;}
.sub_pop .bot_txt dt p{color:#1d1d1b;font-family:"Mullion";font-size:1.15vw;line-height: 1.1em;letter-spacing:0.02em;transform:translate(0,100%);transition:0.6s;}
.sub_pop .bot_txt dd p{overflow:hidden;color:#1d1d1b;font-weight:700;font-size:0.6vw;line-height:1.333em;}
.sub_pop .bot_txt dd p span{display:block;transform:translate(0,100%);transition:0.6s;}
.sub_pop .pop_close{position:absolute;right:-2vw;top:0;width:1.8vw;border:none;background:none;z-index: 100;}
.sub_pop .pop_close img{display:block;width:100%;}
.sub_pop .bg img{display:block;width:100%;}
.sub_pop .arr{border:none;background:none;position:absolute;top:50%;z-index:5;width:0.35vw;margin-top:-0.6vw;}
.sub_pop .arr.prev{left:1vw;}
.sub_pop .arr.next{right:1vw;}
.sub_pop .arr img{display:block;width:100%;}
.sub_pop .sp_page{position:absolute;left:0;bottom:auto;top:calc(100% + 1.0417vw);display:flex;justify-content:center;}
.sub_pop .sp_page .swiper-pagination-bullet{width:10px;height:10px;background: rgba(255,255,255,0.3);opacity:1;margin: 0 0.125vw;transition:0.3s;}
.sub_pop .sp_page .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff;}
.sub_pop.on{display:flex;}
.sub_pop.open{z-index:100;opacity:1;transition-delay:0.6s; background: #000;}
.sub_pop.open .pop_wrap::before,
.sub_pop.open .pop_wrap::after{width:1%;transition-delay:0.6s;}
.sub_pop.open .pop_wrap .con{opacity:1;transform:none;transition-delay:1.2s;}
.sub_pop.open .pop_wrap .tit{opacity:1;transform:none;transition-delay:1.6s;}
.sub_pop.open .bot_txt dt p{transform:none;transition-delay:2s;}
.sub_pop.open .bot_txt dd p span{transform:none;transition-delay:2.3s;}

.sub_pop .overview .img{position:relative;}
.sub_pop .overview img{display:block;width:100%;image-rendering: pixelated;}
.sub_pop .overview .txt{position:absolute;top:1.5vw;left:1.5vw;z-index:5;}
.sub_pop .overview .txt dl dt{color:#fff;font-size:1.05vw;font-family:'Mullion';letter-spacing:0.025em;margin-bottom:0.75vw;overflow:hidden;transition:0.6s;}
.sub_pop .overview .txt dl dd p{color:#fff;display:flex;align-items:center;transition:0.6s;}
.sub_pop .overview .txt dl dd p strong{font-size:0.6vw;letter-spacing:0.015em;line-height:1.429em;font-weight:400;}
.sub_pop .overview .txt dl dd p span{font-size:0.7vw;letter-spacing:-0.01em;line-height:1.429em;}
.sub_pop .overview .txt dl dd p span em{font-size:0.5vw;}
.sub_pop .overview .txt dl dd .small strong{font-size: 0.5vw;}
.sub_pop .overview .txt dl dd .small span{font-size:0.55vw;}
.sub_pop .overview .txt.co_bl dl dt,
.sub_pop .overview .txt.co_bl dl dd p{color:#000;}
.sub_pop .overview #cobl2.co_bl dl dt,
.sub_pop .overview #cobl2.co_bl dl dd p{color:#fff ;}
.sub_pop .overview .sd{overflow:hidden;}

.sub_pop .e_p .vd iframe{height: 114%;top: -7%;}

.sub_pop .location .tit{margin-top:1vw;margin-bottom:3.5vw;}
.sub_pop .location .img img{image-rendering: pixelated;transform:scale(1.1);transition:1.2s;}
.sub_pop.open .location .img img{transform:none;transition-delay:1.6s;}

.sub_pop .riverview .vd{padding-bottom:37.675%;}
.sub_pop .riverview .vd iframe{height: 150%;top:-25%;}
.sub_pop .riverview .tit{margin-top:1vw;margin-bottom:3.5vw;}
.sub_pop .riverview .bot_txt{margin-top:3vw;}
.sub_pop .riverview .bot_txt dt{margin-bottom:1.75vw;}

.sub_pop .tailor{position:relative;}
.sub_pop .tailor .sd{position:absolute;left:0;top:0;width:100%;height:100%;}
.sub_pop .tailor .sd > .swiper-wrapper > .swiper-slide{opacity:1 !important;}
.sub_pop .tailor .sd .open_mo{height:100%;width:100%;opacity:0;transition:0.8s;}
.sub_pop .tailor .sd .om1{transform: translate(3%, 7%);}
.sub_pop .tailor .sd .om2{transform: translate(-6%, 3%);}
.sub_pop .tailor .sd .om3{transform: translate(-5%, -5%);}
.sub_pop .tailor .sd .om4{transform: translate(6%, -5%);}
.sub_pop .tailor .sd .om5{transform: translate(-1%, -7%);}
.sub_pop .tailor .sd .box{height:100%;position:relative;}
.sub_pop .tailor .cen_tit{display:flex;flex-direction: column;align-items:center;justify-content:center;width:100%;height:100%;}
.sub_pop .tailor .cen_tit p{color:#1d1d1b;font-family:"Mullion";font-size:1.6vw;letter-spacing:0.025em;line-height:1.219em;text-align:center;overflow:hidden;opacity:0;transition:0.6s;}
.sub_pop .tailor .cen_tit p:first-child{transform:translate(-10%,0);}
.sub_pop .tailor .cen_tit p:last-child{transform:translate(10%,0);}
.sub_pop .tailor .cen_tit p span{display:block;transition:0.6s;transition-delay:0.6s;}
.sub_pop .tailor .thm_box{position:absolute;}
.sub_pop .tailor .thm_box .up{transform:translate(0,20%);transition:0.6s;}
.sub_pop .tailor .thm_box .img{background-color:#1a1a1a;background-repeat:no-repeat;background-size:cover;background-position:center;}
.sub_pop .tailor .thm_box .txt{position:absolute;top:0;left:calc(100% + 0.75vw);}
.sub_pop .tailor .thm_box .txt dl dt span{display:block;color:#1d1d1b;font-family:"Mullion";font-size:0.85vw;letter-spacing: 0.05em;margin-bottom:0.5vw;white-space:nowrap;transition:0.6s;transition-delay:0.6s;}
.sub_pop .tailor .thm_box .txt dl dt span em{font-size:0.65vw;}
.sub_pop .tailor .thm_box .txt dl dt strong{display:block;color:#1d1d1b;font-size:0.7vw;letter-spacing:0.35em;font-weight:700;white-space:nowrap;transition:0.6s;transition-delay:0.6s;}
.sub_pop .tailor .thm_box .txt dl dd p{color:#1d1d1b;font-weight:700;letter-spacing:-0.075em;font-size:0.4vw;line-height:1.325em;white-space:nowrap;overflow:hidden;}
.sub_pop .tailor .thm_box .txt dl dd p span{display:block;transition:0.6s;transition-delay:0.6s;}
.sub_pop .tailor .thm_box .name{position:absolute;left:0;top:100%;padding-top:0.25vw;color:#1d1d1b;font-family:"Mullion";font-size:0.6vw;letter-spacing:0.1em;opacity:0;transform:translate(0,-100%);transition:0.6s;}
.sub_pop .tailor .thm_box .name em{font-size:0.4vw;}
.sub_pop .tailor .top_txt{position:absolute;left:0;top:0;}
.sub_pop .tailor .top_txt dl dt{margin-bottom:0.75vw;}
.sub_pop .tailor .top_txt dl dt p{display:flex;align-items:flex-end;opacity:0;transform:translate(-10%,0);transition:0.6s;}
.sub_pop .tailor .top_txt dl dt p strong{color:#1d1d1b;font-family:"Mullion";font-size:0.85vw;margin-right:0.5vw;font-weight:500;}
.sub_pop .tailor .top_txt dl dt p strong em{font-size:0.6vw;}
.sub_pop .tailor .top_txt dl dt p span{color:#1d1d1b;letter-spacing:0.3em;font-weight:700;font-size:0.6vw;}
.sub_pop .tailor .top_txt dl dd p{color:#1d1d1b;font-size:0.5vw;font-weight:700;line-height:1.5em;letter-spacing:-0.05em;overflow:hidden;}
.sub_pop .tailor .top_txt dl dd p span{display:block;opacity:0;transform:translate(0,100%);transition:0.6s;}
.sub_pop .tailor .rig_sd{position:absolute;top:50%;right:4vw;width:25.65vw;margin-top:-14.25vw;transition:0.6s;opacity:0;transform:translate(0,-10%);}
.sub_pop .tailor .rig_sd p{position:absolute;bottom:calc(100% + 0.5vw);color:#1d1d1b;font-family:"Mullion";font-size:0.6vw;letter-spacing:0.05em;overflow:hidden;line-height:1.1em;}
.sub_pop .tailor .rig_sd p span{display:block;transform:translate(0,110%);transition:0.6s;}
.sub_pop .tailor .rig_sd .img img{display:block;}
.sub_pop .tailor .sd1 .thm_box{top:15vw;left:1.75vw;}
.sub_pop .tailor .sd1 .thm_box .img{background-image:url(../images/tailor-thm1.jpg);width:7.25vw;height:8.5vw;}
.sub_pop .tailor .sd2 .thm_box{top:0;left:12.65vw;}
.sub_pop .tailor .sd2 .thm_box .img{background-image:url(../images/tailor-thm2.jpg);width:6.9vw;height:8.3vw;}
.sub_pop .tailor .sd3 .thm_box{top:4.5vw;left:47vw;}
.sub_pop .tailor .sd3 .thm_box .img{background-image:url(../images/tailor-thm3.jpg);width:7.25vw;height:9.4vw;}
.sub_pop .tailor .sd4 .thm_box{bottom:0;left:24.75vw;}
.sub_pop .tailor .sd4 .thm_box .img{background-image:url(../images/tailor-thm4.jpg);width:10vw;height:7.5vw;}
.sub_pop .tailor .sd5 .thm_box{bottom:11.35vw;left:62.65vw;}
.sub_pop .tailor .sd5 .thm_box .img{background-image:url(../images/tailor-thm5.jpg);width:7vw;height:7.75vw;}
.sub_pop .tailor .sd1 .thm_box .txt{top:calc(100% + 1vw);left:0;}
.sub_pop .tailor .sd5 .thm_box .txt{top:calc(100% + 0.35vw);left:auto;right:0;text-align:right;}
.sub_pop .tailor .sd5 .thm_box .txt dl dt span{letter-spacing:0.025em;}
.sub_pop .tailor .sd2 .thm_box .txt dl dt strong{letter-spacing:0.125em;}
.sub_pop .tailor .sd3 .thm_box .txt dl dt strong{letter-spacing:0.25em;}
.sub_pop .tailor .sd.first .sd_btn{position:absolute;cursor:pointer;}
.sub_pop .tailor .sd.first .sd_btn1{top:15vw;left:1.75vw;width:7.25vw;height:8.5vw;}
.sub_pop .tailor .sd.first .sd_btn2{top:0;left:12.65vw;width:6.9vw;height:8.3vw;}
.sub_pop .tailor .sd.first .sd_btn3{top:4.5vw;left:47vw;width:7.25vw;height:9.4vw;}
.sub_pop .tailor .sd.first .sd_btn4{bottom:0;left:24.75vw;width:10vw;height:7.5vw;}
.sub_pop .tailor .sd.first .sd_btn5{bottom:11.35vw;left:62.65vw;width:7vw;height:7.75vw;}
.sub_pop .tailor .sd.first .box{opacity:1;transition:0.6s;transition-delay:0.4s;}
.sub_pop .tailor .sd.first .thm_box .up{transform:none;}
.sub_pop .tailor .sd:not(.first) .box{opacity:0;transition:0.6s;}
.sub_pop .tailor .sd:not(.first) .cen_tit p span{transform:translate(0,100%);transition-delay:0s;}
.sub_pop .tailor .sd:not(.first) .sd1 .thm_box,
.sub_pop .tailor .sd:not(.first) .sd2 .thm_box,
.sub_pop .tailor .sd:not(.first) .sd3 .thm_box{left:9.5vw;top:50%;margin-top:-8.35vw;transition-delay:0.6s}
.sub_pop .tailor .sd:not(.first) .sd4 .thm_box,
.sub_pop .tailor .sd:not(.first) .sd5 .thm_box{left:9.5vw;bottom:50%;margin-bottom:-8.35vw;transition-delay:0.6s}
.sub_pop .tailor .sd:not(.first) .thm_box .up{opacity:0;}
.sub_pop .tailor .sd:not(.first) .thm_box .img{width:14.65vw;height:16.7vw;transition-delay:0.6s}
.sub_pop .tailor .sd:not(.first) .sd1 .thm_box .img{background-image:url(../images/tailor-img1.jpg);}
.sub_pop .tailor .sd:not(.first) .sd2 .thm_box .img{background-image:url(../images/tailor-img2.jpg);}
.sub_pop .tailor .sd:not(.first) .sd3 .thm_box .img{background-image:url(../images/tailor-img3.jpg);}
.sub_pop .tailor .sd:not(.first) .sd4 .thm_box .img{background-image:url(../images/tailor-img4.jpg);}
.sub_pop .tailor .sd:not(.first) .sd5 .thm_box .img{background-image:url(../images/tailor-img5.jpg);}
.sub_pop .tailor .sd:not(.first) .thm_box .txt dl dt span,
.sub_pop .tailor .sd:not(.first) .thm_box .txt dl dt strong{opacity:0;transform:translate(-10%,0);transition:0.3s;transition-delay:0s;}
.sub_pop .tailor .sd:not(.first) .thm_box .txt dl dd p span{transform:translate(0,105%);transition:0.3s;transition-delay:0s;}
.sub_pop .tailor .sd.step1 .sd1 .box,
.sub_pop .tailor .sd.step2 .sd2 .box,
.sub_pop .tailor .sd.step3 .sd3 .box,
.sub_pop .tailor .sd.step4 .sd4 .box,
.sub_pop .tailor .sd.step5 .sd5 .box{opacity:1;}
.sub_pop .tailor .sd.step1 .sd1 .thm_box,
.sub_pop .tailor .sd.step1 .sd1 .thm_box .img,
.sub_pop .tailor .sd.step2 .sd2 .thm_box,
.sub_pop .tailor .sd.step2 .sd2 .thm_box .img,
.sub_pop .tailor .sd.step3 .sd3 .thm_box,
.sub_pop .tailor .sd.step3 .sd3 .thm_box .img,
.sub_pop .tailor .sd.step4 .sd4 .thm_box,
.sub_pop .tailor .sd.step4 .sd4 .thm_box .img,
.sub_pop .tailor .sd.step5 .sd5 .thm_box,
.sub_pop .tailor .sd.step5 .sd5 .thm_box .img{transition:0.6s;}
.sub_pop .tailor .sd .swiper-slide-active .box{opacity:1;}
.sub_pop .tailor .swiper-slide-active .top_txt dl dt p,
.sub_pop .tailor .swiper-slide-active .top_txt dl dd p span{opacity:1;transform:none;transition-delay:0.6s;}
.sub_pop .tailor .swiper-slide-active .thm_box .up{transform:none;opacity:1 !important;;transition-delay:0.6s;}
.sub_pop .tailor .swiper-slide-active .thm_box .name{opacity:1;transform:none;transition-delay:0.8s;}
.sub_pop .tailor .swiper-slide-active .rig_sd{opacity:1;transform:none;transition-delay:0.6s;}
.sub_pop .tailor .rig_sd .swiper-slide-active p span{transform:none;transition-delay:0.3s;}
.sub_pop.open .tailor .cen_tit p{opacity:1;transform:none !important;transition-delay:0.8s;}
.sub_pop.open .tailor .sd .open_mo{opacity:1;transform:none !important;transition-delay:1.2s;}

.sub_pop .gallery{transform:none !important;opacity:1 !important;}
.sub_pop .gallery .img{mix-blend-mode: multiply;width:40.8vw;margin:0 auto;padding: 4.5vw 0 4vw;}
.sub_pop .gallery .img img{opacity:0;transform:translate(0,10%);transition: 0.8s;}
.sub_pop .gallery .map_txt{margin-bottom:1.5vw;}
.sub_pop .gallery .map_txt p{overflow:hidden;text-align:center;}
.sub_pop .gallery .map_txt p ~ p{margin-top:0.5vw;}
.sub_pop .gallery .map_txt p strong{display:block;color:#1d1d1b;font-weight:400;font-family:"Mullion";letter-spacing:0.02em;font-size:0.85vw;line-height:1.1em;transform:translate(0,100%);transition:0.6s;}
.sub_pop .gallery .map_txt p span{display:block;color:#1d1d1b;font-weight:700;font-size:1vw;line-height:1.2em;transform:translate(0,100%);transition:0.6s;}
.sub_pop.open .gallery .img img{opacity:1;transform:none;transition-delay: 1s;}
.sub_pop.open .gallery .map_txt p strong,
.sub_pop.open .gallery .map_txt p span{transform:none;transition-delay: 1.4s;}

.sub_pop .c_r{position:relative;}
.sub_pop .c_r iframe{width:100%;height:100%;position:absolute;left:0;top:0;background:transparent;}
.sub_pop .c_r .bg{width:100%;}

/* 미디어 영역 */
.sub_pop.sp8 .pop_wrap{width: 67vw; max-height: 88.7088vh;}
.sub_pop.sp8 .tab_menu{display: flex; justify-content: center; gap: 5.75vw; margin-bottom: 3%; font-weight: bold; color: #1d1d1b;}
.sub_pop.sp8 .tab_menu li{opacity: .5; font-size: 1.0215vw; letter-spacing: -0.02em;  cursor: pointer; transition: 1.2s;}
.sub_pop.sp8 .tab_menu li.on{opacity: 1;}
.sub_pop.sp8 .vd_wrapper{position: relative;}
.sub_pop.sp8 .sd_tabbox{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.sub_pop.sp8 .vd{width: 100%;height: 0;padding-bottom: 56.25%;}
.sub_pop .vd .fullscreen{width:2.6042vw;height:2.6042vw;position:absolute;bottom:1.5vw;left:1.5vw;background: url(../images/media_fullscreen.svg) no-repeat center / contain;z-index: 10;cursor:pointer;}

/* 미디어 영역 종료 */


/*invitation*/
.invitation{width:100%;height:100%;overflow:hidden;}
.invitation #fullpage{will-change: auto;}
.invitation .section{overflow:hidden;}
.invitation .sd_wrap{position:absolute;width:100%;height:100%;left:0;top:0;clip: rect(0, auto, auto, 0);}
.invitation .fix_wrap{position:absolute;width:100%;height:100%;left:0;top:0;z-index:10;}
.invitation .fix_wrap.on{position:fixed;}
.invitation .sd1{background:url(../images/invitation/page1-bg.jpg) no-repeat center / cover;}
.invitation .sd1 .bg{position:absolute;left:0;top:0;width:100%;height:calc(100% + 1px);background:url(../images/invitation/page1-bg.jpg) no-repeat center / cover;z-index:1;opacity:0;transition:1s;transition-delay:0.9s;}
.invitation .sd1 .txt{height:100%;display:flex;flex-direction:column;justify-content: space-between;position:relative;z-index:2;}
.invitation .sd1 .txt img{display:block;margin:0 auto; }
.invitation .sd1 .txt .top{padding-top:15.5095vw;overflow:hidden;}
.invitation .sd1 .txt .top img{width:52.5435vw;transform:translate(0,100%);transition:0.6s;}
.invitation .sd1 .txt .bot{padding-bottom:11.5741vw;}
.invitation .sd1 .txt .bot img{width:72.2222vw;opacity:0;transform:translate(0,20%);transition:0.6s;transition-delay:0.6s;}
.invitation .sd1 .txt .name{text-align:center;padding: 0 20vw;margin-bottom: -19vw;}
.invitation .sd1 .txt .name em{display:block;font-size:3.8462vw;color:rgba(255,255,255,0.6);font-family:"Mullion";letter-spacing:0.1em;}
.invitation .sd1 .txt .name strong{display:block;font-size:5vw;color:rgba(255,255,255,0.6);font-family:"Mullion";letter-spacing:0.04em;font-weight:400;line-height:1.2em;margin-top: 1vw;}
.invitation .sd1 .txt .name strong span{font-size:3.8462vw;}
.invitation .sd1 .txt .name strong.en_name{font-size:4.2308vw;margin-top: 1.5vw;letter-spacing:0.1em;}
.invitation .sd1 .txt .name strong.ko_name{font-family:"Noto Serif KR";margin-top: 1.5vw;letter-spacing:0.1em;font-weight:600;}
.invitation .sd1 .logo{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; padding: 0 16.2035%;}
.invitation .sd1 .logo_wrap{position: relative;;}
.invitation .sd1 .logo img:not(:first-of-type){position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.invitation .sd1 .name_space{text-align: center; font-size: 4.3981vw; line-height: 3.8481vw; position: relative; z-index: 16; margin-bottom: 13.5741vw;}
.invitation .sd1 .name_space *{font-family: 'KBIZHanmaumMyungjo'; color: #bea37b; font-weight: 500; letter-spacing: 0.03em;}
.invitation .sd1 .name_space b{font-weight: 500; color: #fff; letter-spacing: 0.6em; position: relative;}
.invitation .sd1 .name_space b::after{position: absolute; width: 100%; height: 1px; background: #fff; display: block; content: ''; left: 0; bottom: -1vw;}


/* 표지 최소 기준 */
@media screen and (min-width: 600px) {
    .invitation .sd1 .txt .top{padding-top: 100px; max-width: 234px; margin: 0 auto;}
    .invitation .sd1 .txt{max-width: 600px; margin: 0 auto;}
    .invitation .sd1 .name_space{margin-bottom: 70px; font-size: 26px; line-height: 23px;}
    .invitation .sd1 .name_space b::after{bottom: -8px}
}

/* 표지 모션 */
.invitation .sd1 .txt .logo_wrap img{opacity: 0; transition: 1.5s;}
.invitation .sd1 .txt .logo01{transform: translateX(8%);}
.invitation .sd1 .txt .logo02{transform: translateX(-8%);}
.invitation .sd1 .txt .logo03,
.invitation .sd1 .txt .logo04{transform: none; filter: blur(10px);}

.invitation .sd1 .name_space{opacity: 0; filter: blur(10px); transition-delay: 2s; transition: 1s;}

.invitation .mo_com .sd1 .bg,
.invitation .mo_com .sd1 .txt .top img,
.invitation .mo_com .sd1 .txt .logo_wrap img,
.invitation .mo_com .sd1 .name_space{opacity:1;transform:none;filter: blur(0);}

.invitation .mo_com .sd1 .txt .logo01{transition-delay: 1s;}
.invitation .mo_com .sd1 .txt .logo02{transition-delay: 1s;}
.invitation .mo_com .sd1 .txt .logo03{transition-delay: 1.5s;}
.invitation .mo_com .sd1 .txt .top img{transition-delay: 2.5s}
.invitation .mo_com .sd1 .txt .name_space{transition-delay: 2.5s;}


/* 2페이지 */
.invitation .sd2 .top_side{padding: 8.0185% 6.0185% 12.5%;}
.invitation .sd2 .swiper-container{mask-image: url('../images/path-bg.png'); mask-repeat: no-repeat;  mask-position: center; mask-size: contain; -webkit-mask-image: url('../images/path-bg.png'); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center;}
.invitation .sd2 .swiper-container img{display: block; width: 100%; height: 100%; object-fit: cover;}
.invitation .sd2 .slo-wrap{position: absolute; top: 11.55%; left: 0; width: 100%; height: 100%; padding: 0 8.805vw; display: flex; flex-direction: column; align-items: center; gap: 4.0741%; z-index: 10;}
.invitation .sd2 .slo-wrap img{object-fit: contain; height: auto;}
.invitation .sd2 .slo-wrap img:last-of-type{width: 32%;}
.invitation .sd2 .bg{background: url(../images/invitation/page2-bg.jpg) no-repeat center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: multiply; z-index: 50; user-select: none; pointer-events: none; background-size: cover; filter: brightness(1.02);}
.invitation .sd2 .bottom_side p {text-align: center; color: #000; height: 4.2130vw;}
.invitation .sd2 .bottom_side p ~ p{margin-top: 2.3148%;}
.invitation .sd2 .bottom_side p span{height: 100%; display: flex; justify-content: center;}
.invitation .sd2 .bottom_side p span img{display: block; height: 100%; width: auto; object-fit: contain;}

.invitation .arr{width: 100%; height: 1.7593vw; margin: 12.5% auto 0; display: flex; justify-content: center; position: absolute; bottom: 4.72vw; left: 0;}
.invitation .arr i{background: url(../images/invitation/page-arr.png) no-repeat center/contain; display: block; width: 100%; height: 100%;}

/* 2페이지 모션 */
.invitation .sd2 .top_side{transform: none; filter: blur(10px); opacity:0; transform: translateY(2em); transition: 1.2s;}
.invitation .sd2 .name_space{opacity: 0; filter: blur(10px); transition-delay: 2s; transition: 1s;}

.invitation .mo_com .sd2 .top_side,
.invitation .mo_com .sd2 .name_space{opacity:1;transform:none;filter: blur(0);}

.invitation .sd2 .sd01 .slo-wrap{opacity: 0; filter: blur(10px);}
.invitation .sd2 .sd01 > img{transform: scale(1.3);}

.invitation .mo_com .sd2 .sd01 .slo-wrap{animation: sd02SloWrapper 3s forwards; animation-delay: 0.5s;}
.invitation .mo_com .sd2 .sd01 > img{animation: sd02BgImg 3s forwards;}

.invitation .sd2 .bottom_side p{overflow: hidden;}
.invitation .sd2 .bottom_side p span{transform: translateY(105%); transition: 0.5s;}

.invitation .mo_com .sd2 .bottom_side p span{transform: none;}
.invitation .mo_com .sd2 .bottom_side p:nth-of-type(1) span{transition-delay: 1s;}
.invitation .mo_com .sd2 .bottom_side p:nth-of-type(2) span{transition-delay: 1.2s;}
.invitation .mo_com .sd2 .bottom_side p:nth-of-type(3) span{transition-delay: 1.4s;}
.invitation .mo_com .sd2 .bottom_side p:nth-of-type(4) span{transition-delay: 1.6s;}
.invitation .mo_com .sd2 .bottom_side p:nth-of-type(5) span{transition-delay: 1.8s;}


@keyframes sd02SloWrapper {
    0% {opacity: 0; filter: blur(10px);}
    100% {opacity: 1; filter: blur(0);}
}

@keyframes sd02BgImg {
    0% {transform: scale(1.3);}
    100% {transform: none;}
}

/* 3페이지 */
.invitation .sd3 .bg{background: url(../images/invitation/page03-bg.png)  no-repeat center;  position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: multiply; z-index: 50; user-select: none; pointer-events: none; background-size: cover; filter: brightness(1.02);}
.invitation .sd3 .top_side{margin: 9.8% auto 8%; padding: 0 21.9907%; box-sizing: border-box;}
.invitation .sd3 .top_side img{display: block; height: auto; width: 100%;}
.invitation .sd3 .mid_side{display: flex;position: relative;z-index: 51;align-items: center;justify-content: space-between;gap: 8.7963vw;mix-blend-mode: multiply;padding: 0 6.0185%;}
.invitation .sd3 .mid_side p span{font-family: 'KBIZHanmaumMyungjo'; color: #000; font-size: 3.0093vw; letter-spacing: -0.075em; font-weight: 500;}
.invitation .sd3 .mid_side .nav_btn{width: 5.6944vw; height: 5.6944vw; display: block; text-indent: -9999px; overflow: hidden; background-size: contain; background-position: center;}
.invitation .sd3 .mid_side .rig{display: flex; gap: 1.3889vw;}
.invitation .sd3 .mid_side .nav_btn.tmap{background-image: url(../images/invitation/page03-tmap.png);}
.invitation .sd3 .mid_side .nav_btn.kakao{background-image: url(../images/invitation/page03-kmap.png);}
.invitation .sd3 .bot_side{padding: 2.0942% 6.0185% 12.5%;}
.invitation .sd3 .swiper-container{mask-image: url('../images/path-bg.png'); mask-repeat: no-repeat;  mask-position: center; mask-size: contain; -webkit-mask-image: url('../images/path-bg.png'); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center;}
.invitation .sd3 .swiper-container img{display: block; width: 100%; height: 100%; object-fit: cover;}
.invitation .sd3 .swiper-container .sd02 img{mix-blend-mode: multiply;}

/* 페이지3 모션 */

.invitation .sd3 .top_side{transform: translateY(25%); opacity: 0; transition: 1s;}
.invitation .mo_com .sd3 .top_side{transform: none; opacity: 1;}
.invitation .sd3 .mid_side .lef, 
.invitation .sd3 .mid_side .nav_btn.kakao,
.invitation .sd3 .mid_side .nav_btn.tmap{transform: translateY(35%); opacity: 0; transition: 1s;}
.invitation .mo_com .mid_side .lef,
.invitation .mo_com .mid_side .nav_btn.kakao,
.invitation .mo_com .mid_side .nav_btn.tmap{transform: none; opacity: 1;}
.invitation .mo_com .mid_side .lef{transition-delay: 0.8s;}
.invitation .mo_com .mid_side .nav_btn.kakao{transition-delay: 1s;}
.invitation .mo_com .mid_side .nav_btn.tmap{transition-delay: 1.2s;}

.invitation .sd3 .bot_side{transform: translateY(2em); opacity: 0; transition: 1s; filter: blur(10px);}
.invitation .mo_com .bot_side{transform: none; opacity: 1; filter: none; transition-delay: 1.4s;}

.invitation .sd3 .bot_side img{transform: scale(1.3);}
.invitation .mo_com .sd3 .bot_side img{animation: sd02BgImg 3s forwards; animation-delay: 1.2s;}



.invitation .sd4 .bg{background: url(../images/invitation/page03-bg.png)  no-repeat center;  position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: multiply; z-index: 50; user-select: none; pointer-events: none; background-size: cover; filter: brightness(1.02);}
.invitation .sd4 .top_side{position: relative; z-index: 51; mix-blend-mode: multiply;padding: 0 6.0185%; margin-top: 6.4815%;}
.invitation .sd4 .top_side .map_wrap{mask-image: url('../images/path-bg.png'); mask-repeat: no-repeat;  mask-position: center; mask-size: contain; -webkit-mask-image: url('../images/path-bg.png'); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center;}
.invitation .sd4 .top_side .map_wrap{position: relative;}
.invitation .sd4 .top_side .location_wrap{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.invitation .sd4 .top_side .location_wrap img{display: block; position : absolute; width: 100%; height: 100%; object-fit: contain;}

.invitation .sd4 .bot_side{margin-top: 3.875svh;}
.invitation .sd4 .bot_side .main_title{line-height: 1.34;}
.invitation .sd4 .bot_side .main_title p{height: 4.7222vw;}
.invitation .sd4 .bot_side .main_title p~p{margin-top: 1.85%;}
.invitation .sd4 .bot_side .main_title span{display: flex; align-items: center; justify-content: center; height: 100%;}
.invitation .sd4 .bot_side .main_title img{height: 100%; width: auto; object-fit: contain; display: block;}
.invitation .sd4 .bot_side .main_title *{ font-feature-settings: "kern" 1; white-space: nowrap;}

.invitation .sd4 .bot_side .sub_desc{margin-top: 4.2593%;}
.invitation .sd4 .bot_side .sub_desc p{height: 2.7315vw;}
.invitation .sd4 .bot_side .sub_desc p.tr{height: 3.2870vw;}
.invitation .sd4 .bot_side .sub_desc p ~ p{margin-top: 1.85%;}
.invitation .sd4 .bot_side .sub_desc p span{width: 100%; height: 100%; display: flex; justify-content: center;}
.invitation .sd4 .bot_side .sub_desc img{height: 100%; width: auto; object-fit: contain; display: block;}


/* 페이지4 모션 */
.invitation .sd4 .top_side{opacity: 0; filter: blur(10px); transform: translateY(2em); transition: 1s;}
.invitation .sd4 .location_wrap img{opacity: 0; filter: blur(10px); transition: 1s;}

.invitation .mo_com .sd4 .top_side{opacity: 1; transform: none; filter: none;}
.invitation .mo_com .sd4 .location_wrap img{opacity: 1; filter: none;}
.invitation .mo_com .sd4 .location_wrap img:nth-of-type(1){transition-delay: 0.6s;}
.invitation .mo_com .sd4 .location_wrap img:nth-of-type(2){transition-delay: 1.2s;}
.invitation .mo_com .sd4 .location_wrap img:nth-of-type(3){transition-delay: 1.2s;}

.invitation .sd4 .bot_side p {overflow: hidden;}
.invitation .sd4 .bot_side p span{transform: translateY(115%); transition: 0.6s;}
.invitation .mo_com .sd4 .bot_side p span{transform: none;}

.invitation .mo_com .sd4 .main_title p:nth-of-type(1) span{transition-delay: 1.9s;}
.invitation .mo_com .sd4 .main_title p:nth-of-type(2) span{transition-delay: 2.1s;}
.invitation .mo_com .sd4 .main_title p:nth-of-type(3) span{transition-delay: 2.3s;}
.invitation .mo_com .sd4 .sub_desc p:nth-of-type(1) span{transition-delay: 2.5s;}
.invitation .mo_com .sd4 .sub_desc p:nth-of-type(2) span{transition-delay: 2.7s;}
.invitation .mo_com .sd4 .sub_desc p:nth-of-type(3) span{transition-delay: 2.9s;}

/* 페이지 5 */
.invitation .sd5 .bg{position: absolute; left: 0; z-index: 0; background:url(../images/invitation/page1-bg.jpg) no-repeat center / cover; width: 100%; height: 100%;}
.invitation .sd5 .location-wrap{position: relative;z-index: 10;height: 100%;width: 100%;padding-top: 5.2917vh;padding-top: 5.2917svh;}
.invitation .sd5 img{margin: 0 auto;}

.invitation .sd5 .text-wrap{position: absolute; left: 0; width: 100%; height: auto; top: 35.4167svh;}
.invitation .sd5 .header{margin-bottom: 6.0185%;}
.invitation .sd5 .header p{height: 6.5741vw;}
.invitation .sd5 .header p ~ p{margin-top: 2.9630%;}
.invitation .sd5 .header p img{width: auto; height: 100%; object-fit: contain; display: block;}

.invitation .sd5 .top-logo{height: 10.6481vw;margin-bottom: 15.7407svh;}
.invitation .sd5 .top-logo img{width: auto; height: 100%; object-fit: contain; display: block;}

.invitation .sd5 .desc p{height: 3.5648vw;}
.invitation .sd5 .desc p ~ p {margin-top: 1.7593%;}
.invitation .sd5 .desc p img{width: auto; height: 100%; object-fit: contain; display: block;}

.invitation .sd5 .btn-wrap{position: absolute; left: 0; width: 100%;bottom: 12.5075svh; bottom: 12.3075svh;}
.invitation .sd5 .btn{width: 100%; height: 9.3519vw; padding: 0; display: block; cursor: pointer;}
.invitation .sd5 .btn ~ .btn{margin-top: 4.3981vw;}
.invitation .sd5 .btn img{height: 100%; width: auto; object-fit: contain; display: block;}

/* 텍스트 코딩으로 변경 */
.invitation .sd5 .btn-wrap.text{position: absolute; left: 0; width: 100%;bottom: 12.5075svh; bottom: 12.3075svh;}
.invitation .sd5 .text .btn{width: 52.7778%; height: 9.2593vw; position: relative; margin: 0 auto;}
.invitation .sd5 .text span{font-size: 5.3704vw; position: absolute; left: 16.425%; top: 50%; transform: translateY(-50%); color: #1c4b2b; line-height: 1; width: 76.575%; text-align: center; display: block;}
.invitation .sd5 .text .btn.tel{background: url(../images/invitation/btn-telnum.png) no-repeat center/contain; margin-bottom: 4.3981vw;}
.invitation .sd5 .text .btn.customer{background: url(../images/invitation/btn-add.png) no-repeat center/contain;}
.invitation .sd5 .text .btn.customer.custom{background: url(../images/btn-play02.png) no-repeat center/contain;}
.invitation .sd5 .text .btn.customer span{font-family: 'KBIZHanmaumMyungjo'; font-size: 4.7685vw;}
.invitation .sd5 .text .btn.tel span{font-family: 'Span'; font-weight: 400;}


.invitation .sd5 .bot-text{width: 100%; height: 2.8704vw; position: absolute; bottom: 4.1667vw; left: 0;}
.invitation .sd5 .bot-text img{height: 100%; width: auto; object-fit: contain; display: block;}

.invitation .sd5 .top-logo{filter: blur(10px); transition: 1s; transform: translateY(35svh); opacity: 0;}
.invitation .mo_com .sd5 .top-logo{opacity: 1; filter: none;}
.invitation .mo_com .sd5.on .top-logo{transform: none; transition: 1.4s;}

.invitation .sd5 p{overflow: hidden;}
.invitation .sd5 p img{transform: translateY(110%); transition: 0.6s;}

.invitation .sd5 .bot-text img{opacity: 0; transition: 1s; filter: blur(10px);}
.invitation .sd5.on .bot-text img{opacity: 1; filter: none;}

.invitation .sd5 .btn.tel{opacity: 0; transition: 1.4s; transform: translateX(-25%);}
.invitation .sd5 .btn.customer{opacity: 0; transition: 1.4s; transform: translateX(25%);}

.invitation .sd5.on p img{transform: none;}
.invitation .sd5.on .header p:nth-of-type(1) img{transition-delay: 0.8s;}
.invitation .sd5.on .header p:nth-of-type(2) img{transition-delay: 1s;}
.invitation .sd5.on .desc p:nth-of-type(1) img{transition-delay: 1.2s;}
.invitation .sd5.on .desc p:nth-of-type(2) img{transition-delay: 1.4s;}
.invitation .sd5.on .desc p:nth-of-type(3) img{transition-delay: 1.6s;}
.invitation .sd5.on .btn{opacity: 1; transform: none; transition-delay: 1.8s;}

/* 화살표 */
.invitation .arr i{opacity: 0; filter: blur(10px); transition: 1s;}
.invitation .mo_com .arr i{opacity: 1; filter: none;}
.invitation .mo_com .sd2 .arr i{transition-delay: 2s;}
.invitation .mo_com .sd3 .arr i{transition-delay: 2s;}
.invitation .mo_com .sd4 .arr i{transition-delay: 2.95s;}

.invitation .mo_com .arr i{animation : arr 1.5s infinite ease-in-out;}
@keyframes arr {
    0% {transform: translateY(0);}
    50% {transform: translateY(100%);}
    100% {transform: translateY(0);}
}

.invitation .section#section0,
.invitation .section#section4{overflow: visible !important;}


@media all and (min-width:520px){
    .invitation .sd2 .top_side{padding-bottom: 50px;}
    .invitation .sd2 .bottom_side p {text-align: center; color: #000; height: 22px;}
    .invitation .arr{bottom: 30px; height: 10px;}
    .invitation .sd2 .slo-wrap{padding: 0 50px;}

    .invitation .sd3 .mid_side{gap: 45px;}
    .invitation .sd3 .mid_side p span{font-size: 15px;}
    .invitation .sd3 .mid_side .rig{gap: 10px;}
    .invitation .sd3 .mid_side .nav_btn{width: 30px; height: 30px;}
    .invitation .sd3 .bot_side{padding: 2.0942% 8.0185% 12.5% ;}

    .invitation .sd4 .bot_side .main_title p{height: 24px;}
    .invitation .sd4 .bot_side .sub_desc p{height: 17px;}
    .invitation .sd4 .bot_side .sub_desc p.tr{height: 20px;}

    .invitation .sd5 .location-wrap{padding-top: 100px;}
    .invitation .sd5 .top-logo{margin: 0px auto 140px; height: 56px;}
    .invitation .sd5 .header{margin-bottom: 30px;}
    .invitation .sd5 .header p{height: 36px;}
    .invitation .sd5 .header p ~ p{margin-top: 12px;}
    .invitation .sd5 .desc p{height: 20px;}
    .invitation .sd5 .desc p ~ p{margin-top: 10px;}
    
    .invitation .sd5 .btn-wrap{bottom: 150px;}
    .invitation .sd5 .btn{height: 47px;}
    .invitation .sd5 .btn ~ .btn{margin-top: 20px;}
    .invitation .sd5 .bot-text{height: 15px;}

    .invitation .sd5 .text .btn{width: 342px;height: 60px;position: relative;margin: 0 auto;}
    .invitation .sd5 .text span{font-size: 28px; position: absolute; left: 16.425%; top: 50%; transform: translateY(-50%); color: #1c4b2b; line-height: 1;}
    .invitation .sd5 .text .btn.tel{background: url(../images/invitation/btn-telnum.png) no-repeat center/contain; margin-bottom: 12px;}
    .invitation .sd5 .text .btn.customer{background: url(../images/invitation/btn-add.png) no-repeat center/contain;}
    .invitation .sd5 .text .btn.customer.custom{background: url(../images/btn-play02.png) no-repeat center/contain;}
    .invitation .sd5 .text .btn.customer span{font-family: 'KBIZHanmaumMyungjo'; font-size: 24px;}
    .invitation .sd5 .text .btn.tel span{font-family: 'Span'; font-weight: 400;}
}


@media all and (min-width:1200px){
	.invitation .sd1 .txt .top{padding-top:7vw;}
	.invitation .sd1 .txt .top img{width:auto;}
	.invitation .sd1 .txt .bot{padding-bottom: 6vw;}
	.invitation .sd1 .txt .bot img{width:auto;}
	.invitation .sd1 .txt .name{margin-bottom:0;}
	.invitation .sd1 .txt .name em{font-size: 2vw;}
	.invitation .sd1 .txt .name strong{font-size:3vw;}
	.invitation .sd1 .txt .name strong span{font-size:2vw;}
	.invitation .sd1 .txt .name strong.en_name{font-size:2.5vw;}
	.invitation .sd2 .txt .top{padding-top:2vw;}
	.invitation .sd2 .txt .bot{padding-bottom:2vw;font-size: 2vw;}
	.invitation .sd2 .txt .bot img{width:auto;}
	.invitation .sd3 .con{padding: 2vw;}
	.invitation .sd3 .con .vd_wrap{height:70%;}
	.invitation .sd3 .con .bot_txt{height:30%;}
	.invitation .sd3 .con .bot_txt p{font-size: 2.5vw;}
	.invitation .sd4 .top{padding-top:2vw;}
	.invitation .sd4 .top strong{font-size: 2vw;margin-bottom: 1vw;}
	.invitation .sd4 .top span{font-size: 2.5vw;}
	.invitation .sd4 .mid img{width: 40%;margin:0 auto;}
	.invitation .sd4 .bot{padding-bottom:2vw;}
	.invitation .sd4 .bot .adr img{width:auto;}
	.invitation .sd4 .bot .name{font-size:2vw;margin-top: 2vw;}
	.invitation .sd4 .bot .tel{font-size: 3vw;margin-top: 1.5vw;}
	.invitation .sd5 .txt .top{padding-top:6vw;}
	.invitation .sd5 .txt .top img{width:auto;}
	.invitation .sd5 .txt .name{margin-bottom:3vw;}
	.invitation .sd5 .txt .bot{padding-bottom:6vw;}
	.invitation .sd5 .txt .bot .adr img{width:auto;}
	.invitation .sd5 .txt .bot .tel{font-size: 3vw;margin-top: 1.5vw;}
	.invitation .sd5 .txt .name em{font-size: 2vw;}
	.invitation .sd5 .txt .name strong{font-size:3vw;}
}

@media all and not (max-aspect-ratio:7/10){
	.main .page_menu.step1 ul li button{box-shadow: 0vw -0.1vw 0.1vw #484848, inset 0vw 10vw 5vw #1a1a1a;}
	.main .page_menu.step2 ul li button{background-color:#7d7d7d;box-shadow: 0vw -0.1vw 0.1vw #484848, inset 0vw 4.5vw 6vw #0f0f0f;}
	.main .page_menu.step3 ul li button{transition:0.8s;}
	.main .page_menu.step3 ul li button .icon{opacity:1;}

    /* media 버튼 */
	.main .media_menu.step1 ul li button{box-shadow: 0vw -0.1vw 0.1vw #484848, inset 0vw 6vw 3vw #1a1a1a;}
	.main .media_menu.step2 ul li button{background-color:#7d7d7d;box-shadow: 0vw -0.1vw 0.1vw #484848, inset 0vw 2.5vw 3vw #0f0f0f;}
	.main .media_menu.step3 ul li button{transition:0.8s;}
	.main .media_menu.step3 ul li button .icon{opacity:1;}
}

@media all and (min-aspect-ratio:21/10){
	.main .logo .txt{width:73.75005vh;}
	.main .logo .star{width:6.87495vh;margin-left:-3.437475vh;}
	.main.intro .logo .txt{width:49.1667vh;}
	.main.intro .logo .star{width:4.5833vh;margin-left:-2.29165vh;}
	.main .page_menu ul{gap: 0 5.2083vh;}
	.main .page_menu ul li button{width:14.5833vh;height:14.5833vh;}
	.main .page_menu.step1 ul li button{box-shadow: 0vh -0.2vh 0.2vh #484848, inset 0vh 20vh 10vh #1a1a1a;}
	.main .page_menu.step2 ul li button{background-color:#7d7d7d;box-shadow: 0vh -0.2vh 0.1vh #484848, inset 0vh 9vh 12vh #0f0f0f;}
	.main.off .page_menu ul{gap: 0 10vh;}

	.main .info .tel{width:20.625vh;margin-bottom:1.25vh;}
	.main .info dl dt{font-size:1.7708vh;}
	.main .info dl dt img{width:2.0833vh;}
	.main .info dl dd{margin-left:1.0417vh;font-size:1.0417vh;}
	.main .info dl dd .font_dt{font-size:1.3542vh;}
	.main .info .copy{margin-top:1.2vh;}
	.main .info .copy p strong{font-size: 1.3542vh;padding-right:1.0417vh;}
	.main .info .copy p span{font-size:1.0417vh;margin-left:1.0417vh;}
	.main .info .ori{margin-top:1vh;}
	.main .info .ori p{font-size: 1.0417vh;}

	.sub_pop .pop_wrap{width: 160vh;padding: 4.1667vh;}
	.sub_pop .pop_close{right: -5.2083vh;width: 4.1667vh;}
	.sub_pop .pop_wrap .tit{margin-top:4.1667vh;}
	.sub_pop .pop_wrap .tit p{font-size:1.875vh;}
	.sub_pop .sp_page{top:calc(100% + 2.0833vh);}
	.sub_pop .sp_page .swiper-pagination-bullet{width:1.0417vh;height:1.0417vh;margin: 0 0.3125vh;}
	.sub_pop .vd .sound{width:6.25vh;height:6.25vh;bottom:3.125vh;right:3.125vh;}
	.sub_pop .bot_txt{margin-top:4.6875vh;}
	.sub_pop .bot_txt dt{margin-bottom:0.5208vh;}
	.sub_pop .bot_txt dt p{font-size:1.5625vh;}
	.sub_pop .bot_txt dd p{font-size:1.0417vh;}

	.sub_pop .overview .txt{left:3.125vh;top:3.125vh;}
	.sub_pop .overview .txt dl dt{font-size:1.875vh;margin-bottom:1.5625vh;}
	.sub_pop .overview .txt dl dd p strong{font-size:0.9375vh;}
	.sub_pop .overview .txt dl dd p span{font-size:1.0417vh;}
	.sub_pop .overview .txt dl dd .small strong{font-size: 0.85vh;}
	.sub_pop .overview .txt dl dd .small span{font-size:0.9vh;}

	.sub_pop .location .bot_txt{margin-bottom:1.0417vh;}
	.sub_pop .location .tit,
	.sub_pop .riverview .tit{margin-top:2.6042vh;margin-bottom:7.2917vh;}

	.sub_pop .tailor .cen_tit p{font-size:3.125vh;}
	.sub_pop .tailor .sd1 .thm_box{top:31.25vh;left:0;}
	.sub_pop .tailor .sd2 .thm_box{top:0;left:26.0417vh;}
	.sub_pop .tailor .sd3 .thm_box{top:9.375vh;left:97.9167vh;}
	.sub_pop .tailor .sd4 .thm_box{bottom:0;left:51.5625vh;}
	.sub_pop .tailor .sd5 .thm_box{bottom:25vh;left:130vh;}
	.sub_pop .tailor .sd1 .thm_box .img{width:13.9583vh;height:16.3542vh;}
	.sub_pop .tailor .sd2 .thm_box .img{width:13.2292vh;height:16.0417vh;}
	.sub_pop .tailor .sd3 .thm_box .img{width:13.9583vh;height:18.125vh;}
	.sub_pop .tailor .sd4 .thm_box .img{width:19.2708vh;height:14.375vh;}
	.sub_pop .tailor .sd5 .thm_box .img{width:13.2292vh;height:14.7917vh;}
	.sub_pop .tailor .thm_box .txt dl dt{margin-bottom:0.5208vh;}
	.sub_pop .tailor .thm_box .txt dl dt span{font-size:1.1458vh;margin-bottom:1.0417vh;}
	.sub_pop .tailor .thm_box .txt dl dt strong{font-size:1.25vh;}
	.sub_pop .tailor .thm_box .txt dl dd p{font-size:0.8333vh;}
	.sub_pop .tailor .thm_box .name{padding-top:0.5208vh;font-size:1.25vh;}
	.sub_pop .tailor .top_txt dl dt{margin-bottom:1.5625vh;}
	.sub_pop .tailor .top_txt dl dt p strong{font-size:1.7708vh;margin-right:1.0417vh;}
	.sub_pop .tailor .top_txt dl dt p strong em{font-size:1.25vh;}
	.sub_pop .tailor .top_txt dl dt p span{font-size:1.25vh;}
	.sub_pop .tailor .top_txt dl dd p{font-size:1.0417vh;}
	.sub_pop .tailor .rig_sd{width:53.4375vh;right:8.3333vh;margin-top:-29.7396vh;}
	.sub_pop .tailor .rig_sd p{bottom:calc(100% + 1.0417vh);font-size:1.25vh;}
	.sub_pop .tailor .sd:not(.first) .sd1 .thm_box,
	.sub_pop .tailor .sd:not(.first) .sd2 .thm_box,
	.sub_pop .tailor .sd:not(.first) .sd3 .thm_box{left:19.7917vh;margin-top:-17.3958vh;}
	.sub_pop .tailor .sd:not(.first) .sd4 .thm_box,
	.sub_pop .tailor .sd:not(.first) .sd5 .thm_box{left:19.7917vh;margin-bottom:-17.3958vh;}
	.sub_pop .tailor .sd:not(.first) .thm_box .img{width:30.5208vh;height:34.7917vh;}

	.sub_pop .gallery .img{width:85vh;padding: 9.8958vh 0 8.9375vh;}
	.sub_pop .gallery .map_txt{margin-bottom:3.5625vh;}
	.sub_pop .gallery .map_txt p ~ p{margin-top:1.4583vh;}
	.sub_pop .gallery .map_txt p strong{font-size:1.7708vh;}
	.sub_pop .gallery .map_txt p span{font-size:2.0833vh;}
}

@media all and (max-aspect-ratio:7/10){
	.main .logo .txt{width:65.625vw;}
	.main .logo .star{width:6.09375vw;margin-left:-3.046875vw;}
	.main .logo .ori_txt{display:none;}
	.main.intro .logo{top:5vh;}
	.main.intro .logo .txt{width:43.75vw;}
	.main.intro .logo .star{width:4.0625vw;margin-left: -2.03125vw}

	.main .page_menu ul{flex-direction: column;gap:2.8125vw 0;}
	.main .page_menu ul li{opacity:0;transform:translate(0,30%);transition:0.6s;}
	.main .page_menu ul li:nth-child(2){transition-delay:0.1s;}
	.main .page_menu ul li:nth-child(3){transition-delay:0.2s;}
	.main .page_menu ul li:nth-child(4){transition-delay:0.3s;}
	.main .page_menu ul li:nth-child(5){transition-delay:0.4s;}
	.main .page_menu ul li:nth-child(6){transition-delay:0.5s;}
	.main .page_menu ul li:nth-child(7){transition-delay:0.6s;}
	.main .page_menu ul li button{width:12.5vw;height:12.5vw;background-color:#7d7d7d;box-shadow: 0vw -0.178vw 0.178vw #484848, inset 0vw 8vw 10.68vw #0f0f0f;max-width: 7.5vh;max-height: 7.5vh;}
	.main .page_menu ul li button .icon{opacity:1;}
	.main .page_menu ul li button .blur{display:none;}
	.main .page_menu ul li button .txt{display:none;}
	.main .page_menu.step3 ul li button:hover .icon img{filter: blur(0);opacity: 1;}
	.main .page_menu.step2 ul li{opacity:1;transform:none;}

    /* media 버튼 */
    .main .media_menu{bottom:5vh;}
	.main .media_menu ul{flex-direction: column;gap:2.8125vw 0;}
	.main .media_menu ul li{opacity:0;transform:translate(0,30%);transition:0.6s;}
	.main .media_menu ul li:nth-child(2){transition-delay:0.1s;}
	.main .media_menu ul li:nth-child(3){transition-delay:0.2s;}
	.main .media_menu ul li:nth-child(4){transition-delay:0.3s;}
	.main .media_menu ul li:nth-child(5){transition-delay:0.4s;}
	.main .media_menu ul li:nth-child(6){transition-delay:0.5s;}
	.main .media_menu ul li:nth-child(7){transition-delay:0.6s;}
	.main .media_menu ul li button{width:10vw;height:10vw;background-color:#7d7d7d;box-shadow: 0vw -0.178vw 0.178vw #484848, inset 0vw 6vw 9vw #0f0f0f;max-width: 7.5vh;max-height: 7.5vh;}
	.main .media_menu ul li button .icon{opacity:1;}
	.main .media_menu ul li button .blur{display:none;}
	.main .media_menu ul li button .txt{display:none;}
	.main .media_menu.step3 ul li button:hover .icon img{filter: blur(0);opacity: 1;}
	.main .media_menu.step2 ul li{opacity:1;transform:none;}
    /* 추가종료 */

	.main .info{bottom:5vh;}
	.main .info .tel{width:26.0938vw;margin-bottom:2vw;}
	.main .info .txt{width:56vw;}
	.main .info dl{align-items:center;}
	.main .info dl ~ dl{margin-top:0.4688vw;;}
	.main .info dl dt{font-size:2.6563vw;}
	.main .info dl dt img{width:3.125vw;margin-left:0.7813vw;}
	.main .info dl dd{font-size:1.5625vw;margin-left:1.5625vw;}
	.main .info dl dd .font_dt{font-size:2.0313vw;}
	.main .info .copy{margin-top: 1vw;}
	.main .info .copy p strong{font-size:1.875vw;padding-right:1.5625vw;}
	.main .info .copy p span{font-size:1.5625vw;margin-left:1.5625vw;}
	.main .info .ori{margin-top: 1.5vw;}
	.main .info .ori p{font-size: 1.5vw;}

	.sub_pop{padding: 0 5.4688vw;}
	.sub_pop .pop_wrap{width:100%;padding:5.4688vw;}
	.sub_pop .pop_close{right:0;top:auto;bottom:calc(100% + 1.875vw);width:5.625vw;}
	.sub_pop .sp_page{top:calc(100% + 4vw);}
	.sub_pop .sp_page .swiper-pagination-bullet{width:1.5625vw;height:1.5625vw;margin: 0 0.7813vw;}
	.sub_pop .pop_wrap .tit{margin:6.5625vw 0 1.875vw;}
	.sub_pop .pop_wrap .tit p{font-size:3.4375vw;}
	.sub_pop .vd{padding-bottom:143%;}
	.sub_pop .vd .sound{width:7.8125vw;height:7.8125vw;right:3vw;bottom:3vw;}
	.sub_pop .bot_txt{margin-top:6.25vw;margin-bottom:1.5625vw;}
	.sub_pop .bot_txt dt p{font-size:3.4375vw;}
	.sub_pop .bot_txt dd p{font-size:2.3438vw;white-space:nowrap;}
	.sub_pop .arr{display:none;}

	.sub_pop .overview .txt{top:4.6875vw;left:3.9063vw;}
	.sub_pop .overview .txt dl dt{font-size:3.4375vw;margin-bottom:2.3438vw;}
	.sub_pop .overview .txt dl dd p strong{font-size:1.7188vw;letter-spacing:0.025em;}
	.sub_pop .overview .txt dl dd p span{font-size:2.0313vw;letter-spacing:-0.01em;}
	.sub_pop .overview .txt dl dd .small strong{font-size: 1.5vw;}
	.sub_pop .overview .txt dl dd .small span{font-size:1.6vw;}
	.sub_pop .overview #cobl2.co_bl dl dt,
	.sub_pop .overview #cobl2.co_bl dl dd p{color:#000;}

	.sub_pop .e_p .vd iframe{width: 100%;height: 100%;top: 0;left:0;}
	.sub_pop .e_p .tit{margin: 14.8438vw 0 10.1563vw;}

	.sub_pop .location .tit,
	.sub_pop .riverview .tit{margin: 3.9063vw 0 10.9375vw;}
	.sub_pop .riverview .vd{padding-bottom:129.23%;}
	.sub_pop .riverview .vd iframe{height: 100%;top: 0;width: 232%;left:-66%;}
	.sub_pop .riverview .bot_txt{margin-top:11.7188vw;margin-bottom:7.0313vw;}
	.sub_pop .riverview .bot_txt dt{margin-bottom:0;}
	.sub_pop .riverview .bot_txt dt p{font-size:3.125vw;}
	.sub_pop .riverview .bot_txt dd p{font-size:1.5625vw;}

	.sub_pop .tailor .cen_tit{height:auto;padding-top:4.6875vw;}
	.sub_pop .tailor .cen_tit p{font-size:5vw;}
	.sub_pop .tailor .thm_box .txt dl dd{display:none;}
	.sub_pop .tailor .thm_box .name{display:none;}
	.sub_pop .tailor .sd1 .thm_box{top:42.1875vw;left:15vw;}
	.sub_pop .tailor .sd2 .thm_box{top:53.125vw;left:40.625vw;}
	.sub_pop .tailor .sd3 .thm_box{top:auto !important;bottom:27vw;left:40.625vw;}
	.sub_pop .tailor .sd4 .thm_box{bottom:auto !important;top:71.0938vw;left:9.4vw;}
	.sub_pop .tailor .sd5 .thm_box{bottom:24.2188vw;left:16.4063vw;}
	.sub_pop .tailor .sd1 .thm_box .img{width:20.9375vw;height:24.5313vw;}
	.sub_pop .tailor .sd2 .thm_box .img{width:24.5313vw;height:29.8438vw;}
	.sub_pop .tailor .sd3 .thm_box .img{width:20.7813vw;height:26.7188vw;}
	.sub_pop .tailor .sd4 .thm_box .img{width:26.5625vw;height:20vw;}
	.sub_pop .tailor .sd5 .thm_box .img{width:19.6875vw;height:22.0313vw;}
	.sub_pop .tailor .sd1 .thm_box .img,
	.sub_pop .tailor .sd:not(.first) .sd1 .thm_box .img{background-image: url(../images/tailor-thm1-m.jpg);}
	.sub_pop .tailor .sd2 .thm_box .img,
	.sub_pop .tailor .sd:not(.first) .sd2 .thm_box .img{background-image: url(../images/tailor-thm2-m.jpg);}
	.sub_pop .tailor .sd3 .thm_box .img,
	.sub_pop .tailor .sd:not(.first) .sd3 .thm_box .img{background-image: url(../images/tailor-thm3-m.jpg);}
	.sub_pop .tailor .sd4 .thm_box .img,
	.sub_pop .tailor .sd:not(.first) .sd4 .thm_box .img{background-image: url(../images/tailor-thm4-m.jpg);}
	.sub_pop .tailor .sd5 .thm_box .img,
	.sub_pop .tailor .sd:not(.first) .sd5 .thm_box .img{background-image: url(../images/tailor-thm5-m.jpg);}
	.sub_pop .tailor .sd1 .thm_box .txt{left:auto;right:0;top:auto;bottom:calc(100% + 1.875vw);}
	.sub_pop .tailor .sd2 .thm_box .txt{left:0;top:auto;bottom:calc(100% + 1.875vw);}
	.sub_pop .tailor .sd3 .thm_box .txt{left: 0;top:calc(100% + 1.875vw);}
	.sub_pop .tailor .sd4 .thm_box .txt{left:auto;right: calc(100% + 1.5625vw);text-align:right;}
	.sub_pop .tailor .sd5 .thm_box .txt{top:calc(100% + 1.875vw);right:0;text-align:right;}
	.sub_pop .tailor .thm_box .txt dl dt{margin-bottom:0;}
	.sub_pop .tailor .sd1 .thm_box .txt dl dt{display:flex;align-items: flex-end;}
	.sub_pop .tailor .thm_box .txt dl dt span{font-size:1.875vw;margin-bottom:0.7813vw;}
	.sub_pop .tailor .sd1 .thm_box .txt dl dt span{margin-bottom:-0.1vw;margin-right:1.5625vw;}
	.sub_pop .tailor .thm_box .txt dl dt span em{font-size:1.5625vw;}
	.sub_pop .tailor .thm_box .txt dl dt strong{font-size:2.1875vw;letter-spacing:0.01em;}
	.sub_pop .tailor .sd2 .thm_box .txt dl dt strong,
	.sub_pop .tailor .sd3 .thm_box .txt dl dt strong{letter-spacing:0.01em;}
	.sub_pop .tailor .top_txt{width:100%;height:100%;}
	.sub_pop .tailor .top_txt dl{height:100%;}
	.sub_pop .tailor .top_txt dl dt{text-align:center;margin-bottom:0;padding-top:4.6875vw;}
	.sub_pop .tailor .top_txt dl dt p{display:block;transform: translate(0,20%);}
	.sub_pop .tailor .top_txt dl dt p strong{display:block;font-size:3.75vw;margin-right:0;margin-bottom:2.3438vw;letter-spacing: 0.05em;}
	.sub_pop .tailor .top_txt dl dt p strong em{font-size:2.8125vw;}
	.sub_pop .tailor .top_txt dl dt p span{display:block;font-size:3.5938vw;letter-spacing: 0.2em;}
	.sub_pop .tailor .top_txt dl dd{position:absolute;width:100%;left:0;top:calc(50% + 40.23445vw);}
	.sub_pop .tailor .top_txt dl dd p{font-size:2.0313vw;line-height:1.615em;letter-spacing: 0.025em;font-weight: 400;white-space: nowrap;}
	.sub_pop .tailor .sd4 .top_txt dl dd p{letter-spacing:-0.05em;}
	.sub_pop .tailor .rig_sd{transform: translate(0,0);overflow:hidden;}
	.sub_pop .tailor .rig_sd::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;}
	.sub_pop .tailor .rig_sd p{display:none;}
	.sub_pop .tailor .sd1 .rig_sd{top:42.1875vw;left:15.625vw;width:20.9375vw;height:24.5313vw;margin-top:0;}
	.sub_pop .tailor .sd2 .rig_sd{top:53.125vw;left:40.625vw;width:24.5313vw;height:29.8438vw;margin-top:0;}
	.sub_pop .tailor .sd3 .rig_sd{top:auto;bottom:26.5625vw;left:40.625vw;width:20.7813vw;height:26.7188vw;margin-top:0;}
	.sub_pop .tailor .sd4 .rig_sd{top:71.0938vw;left:10vw;width:26.5625vw;height:20vw;margin-top:0;}
	.sub_pop .tailor .sd5 .rig_sd{top:auto;bottom:24.2188vw;left:16.4063vw;width:19.6875vw;height:22.0313vw;margin-top:0;}
	.sub_pop .tailor .sd.first .sd_btn{position:absolute;cursor:pointer;}
	.sub_pop .tailor .sd.first .sd_btn1{top:42.1875vw;left:15vw;width:20.9375vw;height:24.5313vw;}
	.sub_pop .tailor .sd.first .sd_btn2{top:53.125vw;left:40.625vw;width:24.5313vw;height:29.8438vw;}
	.sub_pop .tailor .sd.first .sd_btn3{top:auto !important;bottom:27vw;left:40.625vw;width:20.7813vw;height:26.7188vw;}
	.sub_pop .tailor .sd.first .sd_btn4{bottom:auto !important;top:71.0938vw;left:9.4vw;width:26.5625vw;height:20vw;}
	.sub_pop .tailor .sd.first .sd_btn5{bottom:24.2188vw;left:16.4063vw;width:19.6875vw;height:22.0313vw;}
	.sub_pop .tailor .sd:not(.first) .thm_box{opacity:0;}
	.sub_pop .tailor .sd:not(.first) .sd1 .thm_box,
	.sub_pop .tailor .sd:not(.first) .sd2 .thm_box,
	.sub_pop .tailor .sd:not(.first) .sd4 .thm_box{left:0;margin-top:-37.57815vw;margin-bottom:0;}
	.sub_pop .tailor .sd:not(.first) .sd3 .thm_box,
	.sub_pop .tailor .sd:not(.first) .sd5 .thm_box{left:0;margin-bottom:-37.57815vw;margin-top:0;}
	.sub_pop .tailor .sd:not(.first) .thm_box .img{width:78.1248vw;height:75.1563vw;}
	.sub_pop .tailor .sd:not(.first) .rig_sd{left:0;width:78.1248vw;height:75.1563vw;transform: translate(0,-10%);transition-delay:0s;}
	.sub_pop .tailor .sd:not(.first) .sd1 .rig_sd,
	.sub_pop .tailor .sd:not(.first) .sd2 .rig_sd,
	.sub_pop .tailor .sd:not(.first) .sd4 .rig_sd{top:50%;margin-top:-37.57815vw;}
	.sub_pop .tailor .sd:not(.first) .sd3 .rig_sd,
	.sub_pop .tailor .sd:not(.first) .sd5 .rig_sd{bottom:50%;margin-bottom:-37.57815vw;}
	.sub_pop .tailor .swiper-slide-active .rig_sd{transform:none !important;}

	.sub_pop.sp6 .pop_wrap{padding: 5.4688vw 2.8125vw;}
	.sub_pop .gallery .img{width:100%;padding: 45.3125vw 0 31.25vw;}
	.sub_pop .gallery .map_txt{margin-bottom:5.4688vw;}
	.sub_pop .gallery .map_txt p ~ p{margin-top:0.7813vw;}
	.sub_pop .gallery .map_txt p strong{font-size:3.125vw;}
	.sub_pop .gallery .map_txt p span{font-size:3.75vw;}

    .sub_pop.sp8 .tab_menu{width: 100%;justify-content: space-between;margin-bottom: 8%;}
    .sub_pop.sp8 .pop_wrap{width: 100%; max-height: auto;}
    .sub_pop.sp8 .tab_menu li{font-size: 3.125vw;text-wrap: nowrap;}
    /* .sub_pop.sp8 .e_p .vd iframe{height: 100%;top: 0;width: 300%;left: -100%;} */
    .sub_pop.sp8 .vd{padding-bottom: 56.25%;}
    .sub_pop .vd .fullscreen{width:7.8125vw;height:7.8125vw;position:absolute;bottom:3vw;left:3vw;background: url(../images/media_fullscreen.svg) no-repeat center / contain;z-index: 10;cursor:pointer;}
}

@media all and (max-width:600px){
	.sub_pop{padding: 0 5.4688vw;}
	.sub_pop .pop_wrap{width:100%;padding:5.4688vw;}
}

@media (min-width:1024px){
    .item-wrapper{max-width: 540px; margin: 0 auto; width: 100%;}
}

@media (max-width:560px)  and  (max-height: 670px){
    .invitation .sd2 .top_side{padding: 3.5svh 6.0185% 7%;}
    .invitation .sd3 .top_side{margin: 3.5svh auto 5%;}
    .invitation .sd3 .bot_side{padding: 2.5svh 6.0185% 6%;}
    .invitation .sd4 .top_side{padding: 0 6.0185%;}
}

@media (max-width: 375px)  and  (max-height: 550px){
    .invitation .sd2 .top_side{padding: 3.5svh 12.0185% 7%;}
    .invitation .sd3 .top_side{margin: 3svh auto 2svh;}
    .invitation .sd3 .bot_side{padding: 1.875svh 12.0185% 7%;}
    .invitation .sd4 .top_side{padding: 0 14.0185%;}
    .sub_pop .pop_wrap{width: 100%; height: 85svh;}
    .sub_pop.open .pop_wrap .con {height: 100%;}
}
/* 타입1, 타입2 */
.invitation .sd4 .bot_side.type01{margin-top: 0;height: 30.5svh; display: flex; flex-direction:column; justify-content: center;}

@media (max-width:560px)  and  (max-height: 800px){
    .invitation .sd4 .item-wrapper{height: 100svh; display: flex; flex-direction: column;}
    .invitation .sd4 .bot_side.type01{margin-top: 0;height: 26%; display: flex; flex-direction:column; justify-content: center; padding-top: 0;}
    .invitation .sd4 .bot_side.type02{margin-top: 0;height: 28%; display: flex; flex-direction:column; justify-content: center; padding-top: 0;}
}
@media (min-width:376px) and (max-width:420px)  and  (max-height: 670px){
    .invitation .sd4 .bot_side.type01{height: 22.5%; }
    .invitation .sd4 .bot_side.type02{height: 24.5%; }
}

/* page03 새 서식 */

.invitation .sd3 .title-wrap{margin-top: 12%;}
.invitation .sd3 .title-wrap p{overflow: hidden;}
.invitation .sd3 .title-wrap span{display: block; height: 100%;}
.invitation .sd3 .title-wrap span img{height: 100%; object-fit: contain; display: block; margin: 0 auto;}
.invitation .sd3 .title-wrap .top-title p{height: 6.4815vw;}
.invitation .sd3 .title-wrap .top-desc {margin-top: 7.4074%;}
.invitation .sd3 .title-wrap .top-desc p{height: 4.3981vw;}
.invitation .sd3 .title-wrap .top-desc p ~ p{margin-top: 2.7778%;}

.invitation .sd3 .navigation-btn{display: flex;justify-content: center;gap: 5.1852%;position: relative;z-index: 100; margin-top: 8.3333%;}
.invitation .sd3 .navigation-btn .navigation{display: block; width: 29%; flex-shrink: 0; overflow: hidden; text-indent: -9999px; background-size: contain; background-repeat: no-repeat; background-position: center center; height: 0; padding-bottom: 36.3%;}
.invitation .sd3 .navigation-btn .navigation.kakao{background-image: url(../images/invitation/page03-btn-kakao.png);}
.invitation .sd3 .navigation-btn .navigation.tmap{background-image: url(../images/invitation/page03-btn-tmap.png);}

.invitation .sd3 .map-image{padding: 0 11.1111%; margin-top: 5.85%;}
.invitation .sd3 .map-image .map-box{mask-image: url('../images/page03-path.png'); mask-repeat: no-repeat;  mask-position: center; mask-size: contain; -webkit-mask-image: url('../images/page03-path.png'); -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: center;}

@media (min-width:375px)and  (max-height: 550px){
    .invitation .sd3 .title-wrap{margin-top: 10%;}
    .invitation .sd3 .title-wrap .top-desc {margin-top: 5%;}
    .invitation .sd3 .navigation-btn .navigation{display: block; width: 18.5185%;padding-bottom: 23.1481%;}
    .invitation .sd3 .map-image{padding: 0 13%; margin-top: 5%;}
}

/* motion */
.invitation  .sd3 .title-wrap p span{transform: translateY(120%); transition: 1s;}
.invitation .mo_com .sd3 .title-wrap p span{transform: none; transition: 1s;}
.invitation .mo_com .sd3 .top-desc p:nth-of-type(1) span{transition-delay: 0.8s;}
.invitation .mo_com .sd3 .top-desc p:nth-of-type(2) span{transition-delay: 1s;}

.intitation .sd3 .navigation-btn{overflow: hidden;}
.intitation .sd3 .navigation-btn .navigation{transition: 1s;}
.invitation .sd3 .navigation-btn .navigation.kakao{opacity: 0; transform: translateX(-25%);}
.invitation .sd3 .navigation-btn .navigation.tmap{opacity: 0; transform: translateX(25%);}

.invitation .mo_com .sd3 .navigation-btn .navigation{opacity: 1; transition: 1s; transform: none;}
.invitation .mo_com .sd3 .navigation-btn .navigation.kakao{transition-delay: 1.5s;}
.invitation .mo_com .sd3 .navigation-btn .navigation.tmap{transition-delay: 1.5s;}

.invitation .sd3 .map-image .map-box{opacity: 0; transition: 1s;}
.invitation .sd3 .map-image .map-box img{transform: scale(1.25); transition: 2.25s;}

.invitation .mo_com .sd3 .map-image .map-box{opacity: 1; transition-delay: 2s; transform: none;}
.invitation .mo_com .sd3 .map-image .map-box img{transform: none; transition-delay: 2s;}

@media (min-width:540px){
    .invitation .sd3 .title-wrap .top-title p{height: 36px;}
    .invitation .sd3 .title-wrap .top-desc p{height: 24px;}
}