/*.mainText>*{visibility:visible !important;}*/

.polish-screen{overflow:hidden !important;} /**********************************/

body {
  height: 100vh; /**************important********************/ 
  overflow-x: hidden;
 
}

* {
  margin: 0; padding: 0;
  box-sizing: border-box;
}

.cursor-circle {pointer-events:none; position: absolute;background-color:#fff;width: 16px; height: 16px; border-radius: 50%;  z-index:900;  mix-blend-mode:difference; 
  transition:transform 0.3s cubic-bezier(0.23, 1, 0.32, 1);}
.scale{transform:scale(3.7);}  /*cursor효과*/
.scale-blur{transform:scale(4.2); filter: blur(3px);} /*cursor효과*/
.scale-big{transform:scale(5.0);}  /*cursor효과*/

.temps{color:red; position:fixed; font-size:14px; left:10px; top:0px; z-index:999999; font-weight:bold;}
.temps i{font-style:normal; font-size:20px;}

.dot-menu{display:none;}
.mobile-gnb{display:none;}
.mag-ul{display:none;}
.mobile-logo{display:none;}
.mobile-top-bg{display:none;}
.mobile-float-menu{display:none;}

h1, h2 {
  font-weight: 400;
  max-width: none;
}
@keyframes pulse3 {
    from{       
        box-shadow: 0 0 0 0 hsla(0, 0%, 95.3%, .6)
    }
    to{        
        box-shadow: 0 0 0 20px hsla(0, 0%, 95.3%, 0)
    }
}
.comparisonSection {
  height:100vh !important;
  position: relative;
  overflow:hidden;
 /* padding-bottom: 62.5%;*/ /* to maintain aspect ratio (responsive!) */
}
.comparisonImage {
  width: 100%;
  height: 100%;
}
.afterImage, .afterImage2, .afterImage3, .afterImage4, .afterImage5 {
  position: absolute;
  overflow: hidden;
  top: 0;
  transform: translate(100%, 0px);
}
.afterImage img, .afterImage2 img, .afterImage3 img, .afterImage4 img, .afterImage5 img  {
  transform: translate(-100%, 0px);
}
.comparisonImage img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

.pc-logo{width:250px; z-index:11; position:absolute; left:50%; transform:translateX(-50%); top: 40px; transition:all 0.5s cubic-bezier(.29,.06,.18,.99);}
.pc-logo.is-active{top:25px;}
.bars{position:absolute; top:125px; z-index:10; width:100%; height:1px; background-color:rgba(166, 143, 91, 0.5); mix-blend-mode: screen; transition:all 0.3s;}
.bars.is-active{opacity:0;}

.main-visual{height:100vh; overflow: hidden; /*background:url("../image/mainSL-3.jpg") no-repeat 50% 50%; background-size:cover;*/ position:relative; }
.login-btn{font-family: 'GY-Regular'; position:fixed; right:40px; top:50px; z-index:50; font-size:16px;}
.login-btn a{display:inline-block; color:#fff; width:110px; height:35px; border:1px solid #a68f5b; border-radius:50px; display:flex; justify-content:center; align-items:center; background-color:rgba(137, 99, 12, 0.4); transition:all 0.3s;}
.login-btn a:hover{background-color:rgba(137, 109, 12, 1);}
.btn-menu{font-family: 'GY-Medium'; position:fixed; right:165px; top:50px; z-index:50; display:inline-block !important;}
.btn-menu a{color:#fff; font-size:16px; display:inline-block; width:110px; height:35px; background:#a68f5b; display:flex; justify-content:center; align-items:center; gap:0 10px; transition:all 0.4s; border-radius:50px; transition:all 0.3s;}
.btn-menu a.is-active{background-color:#4a391c;}
.btn-menu .mBarA{display:flex; flex-direction:column; width:20px; height:14px; justify-content: space-between;}
.btn-menu .mBar{background-color:#fff; width:19px; height:2px; transition:all 0.4s cubic-bezier(.29,.06,.18,.99);}
.btn-menu .mBar.is-active:nth-child(1){transform:rotate(45deg) translateX(-1px); transform-origin:left; }
.btn-menu .mBar.is-active:nth-child(2){opacity:0;}
.btn-menu .mBar.is-active:nth-child(3){transform:rotate(-45deg) translateX(-1px); transform-origin:left;}
.gnb-pc{position:absolute; z-index:10; height:0px; top:105px; background-color:rgba(89, 73, 37, 0.8); font-family: Pretendard, -apple-system; width:100%; display:flex; justify-content:center; overflow:hidden; transition:all 0.4s cubic-bezier(.29,.06,.18,.99);}
.gnb-pc.is-active{height:230px; top:110px;}
.gnb-pc:before{content:''; display:block; width:100%; height:1px; background-color:rgba(150, 135, 98, 0.5); position:absolute; top:50px;}
.gnb-pc a{color:#fff;}
.gnb-pc>div{position:relative;}
.gnb-pc>div>ul{width:700px; display:flex; justify-content: space-between; padding-top:20px; box-sizing:border-box; transform:translateX(20px)}
.gnb-pc>div>ul>li{float:left;}
.gnb-pc>div>ul>li>a{font-size:17px; display:block; padding-bottom:20px; position:relative; text-align:center;}
.gnb-pc>div>ul>li>a:after{content:''; display:inline-block; height:1px; background-color:#fff; position:absolute; bottom:6px; left:0px; width:0%; transition:all 0.3s;}
.gnb-pc>div>ul>li>a.is-active:after{width:110%;}
.gnb-pc>div>ul>li ul{padding-top:10px;}
.gnb-pc>div>ul>li:nth-child(1) ul{}
.gnb-pc>div>ul>li:nth-child(2) ul{transform:translateX(-2px);}
.gnb-pc>div>ul>li:nth-child(3) ul{transform:translateX(10px);}
.gnb-pc>div>ul>li:nth-child(4) ul{transform:translateX(8px);}
.gnb-pc>div>ul>li:nth-child(5) ul{transform:translateX(5px);}
.gnb-pc>div>ul>li ul li a{font-size:16px; display:inline-block; height:30px; transform:translateX(3px); transition:all 0.3s;}
.gnb-pc>div>ul>li ul li a:hover{opacity:0.7;}
.golf-reserv{position:absolute; font-family: Pretendard, -apple-system; font-size:15px; top:11px; right:-220px;}
.golf-reserv a{display:inline-block; color:#edeae0; border-radius:50px; background-color:#3f2b00; width:120px; height:32px; display:flex; justify-content:center; align-items:center; transition:all 0.2s;}  
.golf-reserv a:hover{background-color:#583c00;}
/*.nav-dummy{position:absolute; left:0; top:0; height:110px; z-index:9; width:100%; display:none; background-color:gray;}
*/
.main-visual .covers{position:absolute; z-index:7; left:0; top:0; background-color: rgba(0, 0, 0, 0.3); height:100vh; width:100%;}
.main-visual .gradient{position:absolute; z-index:8; left:0; bottom:0; width:100%; height:30%; background: linear-gradient(0deg, rgba(0,0,0,0.5011846975118172) 0%, rgba(0,0,0,0.20899982356223737) 63%, rgba(0,0,0,0) 100%);}
.main-slogan{position:absolute; z-index:10; width:100%; text-align:center; top:calc(50% - 150px);display:flex; justify-content:center; flex-direction:column; align-items:center; text-align:center; }
.main-slogan h2{color:#fff; font-family:Pretendard, -apple-system;  font-size:45px; line-height:140%; letter-spacing:1px; font-weight:100;}
.main-slogan h2 i{font-style:normal;}

.main-slogan h2 i{position:relative;display: inline-block; transform-origin:left; transform:scaleX(0); transition:0.3s; transition-delay:0s;}
.main-slogan h2 i:before{content:''; position:absolute; top:0; left:0; width: 100%; height:100%; background: #a7997a;
  transform-origin:right;  transition:0.3s;}
.main-slogan h2 i.active{transform:scaleX(1); transition-delay:0s;}
.main-slogan h2 i.active:before{transform:scaleX(0); transition-delay:0.4s;}

.main-slogan h3{color:#fff;font-family: 'GY-Regular'; font-size:14px; padding-top:15px; letter-spacing:3px;}
.mainSL-pager{padding-top:30px; width:130px; display:flex; justify-content:space-between; gap:0 7px;}
.mainSL-pager li{background-color:rgba(255, 255, 255, 0.5); width:100%;}
.mainSL-pager li.is-active{background-color:#a68f5b; width:200%;}
.mainSL-pager li a{display:block; width:100%; height:4px; }
.main-res-btn{padding-top:50px;}
.main-res-btn a{font-family:Pretendard, -apple-system; width:180px; height:45px; text-align:center; color:#fff; border:1px solid #fff; letter-spacing:1px; font-size:16px; transition:all 0.3s; border-radius:50px; box-sizing:border-box; padding-top:14px; display:inline-block;}
.main-res-btn a:hover{background-color:#fff; color:#000;}

.main-bottom-text{width:1350px; position:absolute; bottom:170px; left:50%; transform:translateX(-50%); z-index:10;}
.main-bottom-text a{display:block; cursor:pointer; color:#fff;}
.main-bottom-text .mb-1{position:absolute; left:0;}
.main-bottom-text .mb-2{position:absolute; left:50%; transform:translateX(-50%);}
.main-bottom-text .mb-3{position:absolute; right:0;}
.main-bottom-text .mb p{font-family: 'Lustria-Regular'; font-size:27px; line-height:120%; opacity:0.8; transition:all 0.3s;}
.main-bottom-text .mb p.is-active{opacity:1; transform:translateY(-10px);}
.main-bottom-text .mb span.is-active{opacity:1; }
.main-bottom-text .mb span{opacity:0.8; font-family: 'GY-Regular'; font-size:13px; letter-spacing:3px; padding-top:20px; display:block; text-indent:52px; position:relative; transition:all 0.3s;}
.main-bottom-text .mb span:before{opacity:0.8; content:''; width:40px; height:2px; background-color:#fff; position:absolute; left:0px; top:25px; transition: all 0.6s cubic-bezier(.02,.15,.03,1.01);}
.main-bottom-text .mb span.is-active:before{transform:translateX(22px) scale(0.1, 1);}

.years{box-sizing:border-box; padding-top:200px; padding-bottom:250px; text-align:center;}
.years h2{font-family: 'Lustria-Regular'; color:#9f6b34; font-size:52px; text-align:center; position:relative; display:inline-block; left:50%; transform:translateX(-50%); overflow:hidden;}
.years h2 span{display:inline-block; padding-left:60px;}
.years h2 p{position:absolute; bottom:0; overflow:hidden;}
.years h2 p i{display:block; padding-top:7px;}
.year-count{position:absolute; left:50%; transform:translateX(-50%);}
.year-count::before{content:''; width:1px; background-color:#9f6b34; height:80px; position:absolute; left:50%; top:-100px;}
.year-txt{font-family: Pretendard, -apple-system; text-align:center; font-size:19px; line-height:170%; padding-top:100px;}
.year-txt span{}
.year-txt>div{ display:flex; flex-direction:column; justify-content:center; align-items:center;}

.yt-sp1{position:relative; transform-origin:left; transform:scaleX(0); transition:0.3s; transition-delay:0s;}
.yt-sp1:before{content:''; position:absolute; top:0; left:0; width: 100%; height:100%; background: #a7997a;
  transform-origin:right;  transition:0.3s;}
.yt-sp1.active{transform:scaleX(1); transition-delay:0s;}
.yt-sp1.active:before{transform:scaleX(0); transition-delay:0.4s;}

.yt-sp2{position:relative; transform-origin:left; transform:scaleX(0); transition:0.5s; transition-delay:0s;}
.yt-sp2:before{content:''; position:absolute; top:0; left:0; width: 100%; height:100%; background: #a7997a;
  transform-origin:right;  transition:0.5s;}
.yt-sp2.active{transform:scaleX(1); transition-delay:0s;}
.yt-sp2.active:before{transform:scaleX(0); transition-delay:0.4s;}

.yt-sp3{position:relative; transform-origin:left; transform:scaleX(0); transition:0.3s; transition-delay:0s;}
.yt-sp3:before{content:''; position:absolute; top:0; left:0; width: 100%; height:100%; background: #a7997a;
  transform-origin:right;  transition:0.3s;}
.yt-sp3.active{transform:scaleX(1); transition-delay:0s;}
.yt-sp3.active:before{transform:scaleX(0); transition-delay:0.4s;}

.yt-sp4{position:relative; transform-origin:left; transform:scaleX(0); transition:0.3s; transition-delay:0s;}
.yt-sp4:before{content:''; position:absolute; top:0; left:0; width: 100%; height:100%; background: #a7997a;
  transform-origin:right;  transition:0.3s;}
.yt-sp4.active{transform:scaleX(1); transition-delay:0s;}
.yt-sp4.active:before{transform:scaleX(0); transition-delay:0.4s;}

.heritage{width:1350px; margin:0 auto;}
.her-1{display:flex; justify-content:space-between; }
.her-1__img{position:relative; overflow:hidden; width:48%; padding-bottom:47%;}
.her-1__img img{height:120%; top:-20%; width:100%; position:absolute; object-fit:cover; object-position: 50% 50%; }
.her-text {display:flex; flex-direction:column; justify-content:center; box-sizing:border-box; padding-right:3%;}
.her-text h2{font-family:Pretendard, -apple-system; color:#50493e; font-size:48px; letter-spacing:0px;}
.her-text h2 i{font-style:normal;}
.her-text p{font-family: Pretendard, -apple-system; font-size:18px; line-height:170%; padding-top:70px; }
.her-text a{width:160px; height:43px; text-align:center; color:#a68f5b; border:1px solid #a68f5b; 
	font-family: Pretendard, -apple-system; letter-spacing:3px; background-color:transparent; box-sizing:border-box; padding-top:14px;
	font-size:14px; transition:all 0.3s; margin-top:70px; border-radius:50px;}
.her-text a:hover{color:#fff; background-color:#a68f5b;}

.glorious{width:1350px; margin:0 auto; margin-top:150px;}
.her-2{display:flex; justify-content:space-between; }
.her-2__img{position:relative; overflow:hidden; width:48%; padding-bottom:47%;}
.her-2__img img{height:120%; top:-20%; width:100%; position:absolute; object-fit:cover; object-position: 50% 50%; }
.her-text2 {display:flex; flex-direction:column; justify-content:center; box-sizing:border-box;}
.her-text2 h2{font-family:Pretendarfile:///I:/03_%EC%97%90%EB%A8%B8%EC%8A%A8/Coding/index.html#d, -apple-system; color:#50493e; font-size:48px; letter-spacing:-1px;}
.her-text2 p{font-family: Pretendard, -apple-system;font-size:18px; line-height:170%; padding-top:70px; }
.her-text2 a{width:160px; height:43px; text-align:center; color:#a68f5b; border:1px solid #a68f5b; 
  font-family: Pretendard, -apple-system; letter-spacing:3px; background-color:transparent; box-sizing:border-box; padding-top:14px;
  font-size:14px; transition:all 0.3s; margin-top:70px; border-radius:50px;}
.her-text2 a:hover{color:#fff; background-color:#a68f5b;}

.main-video{margin-top:200px; overflow: hidden;}
.mvid{position:relative; height:700px; overflow: hidden;}
.cover-v{position:absolute; z-index:5; left:0; top:0; background-color: rgba(0, 0, 0, 0.3); height:100%; width:100%;}
.mvid-txt{position:absolute; left:50%; transform:translateX(-50%); top:40%; z-index:6; text-align:center;}
.mvid h2{color:#fff; font-family: Pretendard, -apple-system; font-size:38px; line-height:150%; letter-spacing:0px; font-weight:100;}
.mvid span{font-family: Pretendard, -apple-system; color:#fff; padding-top:15px; padding-bottom:40px; display:inline-block; font-size:18px; line-height:170%; letter-spacing:1px;}
.mvid a{margin-top:50px; font-family:Pretendard, -apple-system; width:180px; height:45px; text-align:center; color:#fff; border:1px solid #fff; letter-spacing:1px; font-size:16px; transition:all 0.3s; border-radius:50px; box-sizing:border-box; padding-top:14px; display:inline-block;}
.mvid a:hover{background-color:#fff; color:#000;}

#rVid{width:100%; height: 100%; transform:scale(1.55); }

.main-feature{}
.main-feature h2{font-family: 'Lustria-Regular'; color:#333; font-size:45px; text-align:center; padding:150px 0 80px;}
.main-feature ul{display:flex; justify-content:space-between; width:1350px; margin: 0 auto;}
.main-feature ul li{}
.main-feature ul li .cf-txt i{font-style:normal; font-size:16px; color:#a68f5b; display:block; padding-top:15px;}
.main-feature ul li .cf-txt p{color:#292827; font-family: 'Lustria-Regular'; font-size:38px; padding-top:10px; padding-bottom:21px;}
.main-feature ul li .cf-txt b{font-family: 'GY-Regular'; font-size:13px; color:#393939; letter-spacing:2px; transition:all 0.3s;
    display: block;
    text-indent: 52px;
    position: relative;
}
.main-feature ul li .cf-txt b:before{
    content: '';
    width: 40px;
    height: 2px;
    background-color:#9a9a9a;
    position: absolute;
    left: 0px;
    top: 5px;
    transition: all 0.6s cubic-bezier(.02,.15,.03,1.01);
}
.main-feature ul li .cf-txt b.is-active:before{transform:translateX(22px) scale(0.1, 1);}
.main-feature ul li .cf-txt b.is-active{opacity:0.7;}

.cf-img{position:relative; overflow:hidden;}
.cf-img b{overflow:hidden; display:block;}
.cf-img b img{transition:all 1s;}
.cf-img b img.is-active{transform:scale(1.1);}
.cf-show{position:absolute; left:0; top:100%; background-color:rgba(0, 0, 0, 0.6); width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; transition:all 0.5s cubic-bezier(.16,.01,.29,1.01);}
.cf-show.is-active{top:0;}
.cf-show h3{font-family: Pretendard, -apple-system; color:#fff; font-size:44px; text-align:center; padding-bottom:45px; font-weight:100;}
.cf-show span{font-family: Pretendard, -apple-system; color:#fff; font-size:17px; line-height:170%; width:65%;}

.main-course{height:1150px; width:100%; background:url('../image/main-map__bg.jpg') no-repeat 50% 50%; background-size:cover; margin-top:200px; position:relative;}
.main-course h2{font-family: 'Lustria-Regular'; color:#fff; font-size:45px; text-align:center; padding:65px 0 50px;}
.main-C-map{position:absolute; left:50%; top:46%; transform:translate(-50%, -50%);}
.main-C-map-0{z-index:6;}
.main-C-map-1{z-index:7; opacity:0;}
.main-C-map-2{z-index:8; opacity:0;}
.main-C-map-3{z-index:9; opacity:0;}
.main-C-Text{position:absolute; left:58%; top:600px;}
.main-C-Text h3{color:#fff; font-family: 'Lustria-Regular'; font-size:41px; padding-bottom:30px; letter-spacing:1px;}
.main-C-Text p{font-family: Pretendard, -apple-system; color:#fff; font-size:16px; line-height:170%;}
.main-C-Text p i{font-style:normal; font-size:14px; display:block; padding-top:10px; padding-bottom:40px; opacity:0.6;}
.main-C-Text a.courseBtn{display:flex; width:180px; height:45px; text-align:center; color:#fff; border:1px solid #fff; justify-content:center; align-items:center; font-family: 'GY-Light'; font-size:14px; transition:all 0.3s; border-radius:50px;}
.main-C-Text a.courseBtn:hover{background-color:#fff; color:#000;}
.main-C-Text__lake{z-index:10; opacity:0;}
.main-C-Text__valley{z-index:11; opacity:0;}
.main-C-Text__mountain{z-index:12; opacity:0;}
.mainpop-1-btn{position:absolute; left:-2px; top:-56px; width:46px; height:46px;}
.mainpop-1-btn:after{
    z-index:19;
    position: absolute;
    display: block;
    content: "";
    width: 50%;
    height: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    animation: pulse3 1s 0s infinite both;
}

.main-calltoAction{position:relative;}
.main-calltoAction ul{display:flex;}
.main-calltoAction ul li{width:100%; background-color:#423928;}
.main-calltoAction ul li a{display:block; position:relative;}
.main-calltoAction ul li a p{overflow:hidden;}
.main-calltoAction ul li a p img{width: 100%; transition:all 0.8s;}
.main-calltoAction ul li a p img.is-active{transform:scale(1.08);}
.main-calltoAction ul li a h2{ left:8%; bottom:20%; z-index:10; color:#fff; font-family: 'Lustria-Regular'; font-size:38px; position:absolute;}
.main-calltoAction ul li a b{font-family: 'GY-Regular'; font-size:13px; color:#fff; letter-spacing:2px; transition:all 0.3s;
    display: block;
    text-indent: 52px;
    position:absolute;
    left:8%; bottom:14%; z-index:10;
}

.main-calltoAction ul li a b:before{
    content: '';
    width: 40px;
    height: 2px;
    background-color:#9a9a9a;
    position: absolute;
    left: 0px;
    top: 5px;
    transition: all 0.6s cubic-bezier(.02,.15,.03,1.01);
}
.main-calltoAction ul li a b.is-active:before{transform:translateX(22px) scale(0.1, 1);}
.main-calltoAction ul li a b.is-active{opacity:0.7;}

.footer{background-color:#423928; height:700px; display:flex; justify-content:top; flex-direction:column; align-items:center; position:relative;}
.footer:before{position:absolute; content:''; display:block; height:1px; width:100%; background-color:#574b36; top:138px;}
.footer-sitemap{width:1350px; box-sizing:border-box; padding-top:100px;}
.footer-sitemap>ul{display:flex; justify-content:space-around; align-items:top; color:#fff;}
.footer-sitemap>ul>li>h3{font-family: 'Lustria-Regular'; font-size:22px; padding-bottom:30px;opacity:0.8; letter-spacing:0.5px;}
.footer-sitemap>ul>li>ul>li>a{color:#fff; font-size:16px; font-family: Pretendard, -apple-system; display:inline-block; padding-top:15px; opacity:0.7; transition:all 0.3s;}
.footer-sitemap>ul>li>ul>li>a:hover{opacity:1;}
.footer-info{width:100%; background-color:#322b20; margin-top:90px; display:flex; justify-content:center; flex-direction:column; align-items:center;}
.footer-info__in{height:200px; width:1350px; margin-top:100px; display:flex; justify-content:space-between; font-family: Pretendard, -apple-system; box-sizing:border-box;}
.footer-info__in>div{color:#c0bdb8; font-size:14px; line-height:170%;}
.footer-info__in>div a{color:#c0bdb8;}
.footer-info__in>div a:hover{color:#fff; text-decoration:underline;}
.footer-info__in>div.foo-i-2 i{font-style:normal; color:#fff;}
.copyInfo{transform: translateY(-70px); color:#fff;font-size:11px;text-align:center; opacity:0.4;font-weight:300;line-height:140%;}

.main-pop-1{left:101%; position:fixed; z-index:100; background-color:#fff; width:100%; height:100vh; top:0; transition:all 0.5s cubic-bezier(0,.11,.1,1);}
.main-pop-1.is-active{left:0;}
.main-pop-1__in{display:flex; height:100%;}
.main-pops__left{width:40%; background: url(../image/main-pop-1__bg.jpg) no-repeat 50% 50%;background-size: cover;height: 100%;}
.main-pops__left i{position:absolute; width:60vw; left:5vw; top:50%; transform: translateY(-50%); box-shadow: 19px 29px 49px 8px rgba(0,0,0,0.42);}
#vides_lake{width:60vw;}
#vides_valley{width:60vw;}
#vides_mountain{width:60vw;}
.main-pops__right{width:60%; box-sizing:border-box; padding-left:30vw; color:#1c1e20; display:flex; flex-direction: column; justify-content:center;}
.main-pops__right h2{font-family: 'Lustria-Regular'; color:#383531; font-size:35px; padding-bottom:50px;}
.main-pops__right p{font-family: Pretendard, -apple-system; color:#383531; font-size:15px; line-height:160%;}
.main-pops__right a{display:flex; width:180px; height:43px; text-align:center; color:#fff; border:1px solid #a68f5b; 
  justify-content:center; align-items:center; font-family: 'GY-Light'; letter-spacing:1px; background-color:#a68f5b;
  font-size:14px; transition:all 0.3s; margin-top:50px;}
.main-pops__right a:hover{background-color:transparent; color:#a68f5b;}
.main-pop-close{position:absolute; right:50px; top:50px; width:43px; height:43px;}  

.main-pop-2{left:101%; position:fixed; z-index:100; background-color:#fff; width:100%; height:100vh; top:0; transition:all 0.5s cubic-bezier(0,.11,.1,1);}
.main-pop-2.is-active{left:0;}
.main-pop-2__in{display:flex; height:100%;}

.main-pop-3{left:101%; position:fixed; z-index:100; background-color:#fff; width:100%; height:100vh; top:0; transition:all 0.5s cubic-bezier(0,.11,.1,1);}
.main-pop-3.is-active{left:0;}
.main-pop-3__in{display:flex; height:100%;}
.strategy-btn{opacity:0; background-color:#896d0c; width:62px; height:62px; position:fixed; right:0; bottom:100px; z-index:100; font-family: Pretendard, -apple-system; font-size:15px;  line-height:120%; transition:all 0.5s; }
.strategy-btn a{color:#fff; display:inline-block; width:62px; height:62px; display:flex; justify-content:center; align-items:center; transition:all 0.3s; font-family: Pretendard, -apple-system; opacity:0.8;}
.strategy-btn.is-active a:hover{color:#ffd648;}
.strategy-btn.is-active{opacity:1;}
.goTop{opacity:0; width:52px; height:52px; position:fixed; right:4px; bottom:30px; z-index:100; line-height:120%; mix-blend-mode: difference;}
.goTop img{width:42px; height:42px;}
.goTop a{transition:all 0.4s; display:inline-block; width:48px; height:48px;}
.goTop a:hover{transform:translateY(-5px);}
.goTop.is-active{opacity:1;}