@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
img{
    width: auto;
}
.mgvtour_page *{
    font-family: 'GmarketSans';
}
.mgvtour_logo{
    position: absolute;
    left: 50px;
    top: 50px;
    z-index: 2;
}
.child_box {
    text-align: center;
}
.child_box span{
    display:inline-block;
    vertical-align: bottom;
    margin:0 12px;
}

.Sec1{
    position:relative;
    position:relative;
    width:100%;
    height:0;
    padding-bottom:56.25%;
}
.Sec1 .video_box iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.Sec1 .mw1200{
    position:absolute;
    left:50%;
    top:50%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    margin-top:-50px;
}
.Sec1 .txt_box{
    position:relative;
}
.Sec1 .txt_box p{
    opacity: 0;
    animation: flip-in-hor-top 2s alternate;
    -webkit-animation: flip-in-hor-top 2s alternate;
    -moz-animation: flip-in-hor-top 2s alternate;
    -o-animation: flip-in-hor-top 2s alternate;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
}
.Sec1 .txt_box .stxt{
    margin-bottom: 68px;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.Sec1 .txt_box .tit{
    margin-bottom: 86px;
    opacity: 0;
    animation: flip-in-hor-top 2s alternate;
    -webkit-animation: flip-in-hor-top 2s alternate;
    -moz-animation: flip-in-hor-top 2s alternate;
    -o-animation: flip-in-hor-top 2s alternate;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.Sec1 .txt_box .txt{
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}
.Sec1 .txt_box .airplane{
    margin-bottom:-14px;
}
.Sec1 .txt_box span{
    display:block;
    position:absolute;
    z-index: 1;
    animation: bounce 2s alternate;
    -webkit-animation: bounce 2s alternate;
    -moz-animation: bounce 2s alternate;
    -o-animation: bounce 2s alternate;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
}
.Sec1 .txt_box span.child1{
    top:128px;
    right:100px;
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
}
.Sec1 .txt_box span.child2{
    top: 320px;
    left: 248px;
    -webkit-animation-delay: 2.0s;
    animation-delay: 2.0s;
}
.Sec1 .txt_box span.child3{
    bottom: 126px;
    left: -52px;
    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s;
}
.Sec1 .txt_box span.child4{
    bottom: 40px;
    right: 105px;
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s;
}
.Sec1 .txt_box .stamp{
    position:absolute;
    bottom: 160px;
    right: -134px;
}
.Sec2{
    text-align: center;
    margin-bottom:-50px;
}
.Sec2 .txt_box .tit{
    margin:114px 0 34px;
}
.Sec2 .txt_box .bubble{
    margin:48px 0 -12px;
}
.Sec3{
    background: #fff7ea;
    overflow-x: hidden;
}
.trigger {
    position: absolute;
}
.trigger--one {
    left: 0;
}
.scene {
    position: absolute;
    height: 100vh;
    top: 0;
    left: 0;
    right: 0;
}
.scene--active {
    position: fixed;
}
.scene--ended {
    position: absolute;
    bottom: 0;
    top: auto;
}
.scroll-section {
    position: relative;
    min-height: 100vh;
    opacity: 0;
    transition: 0.2s opacity;
}
.scroll-section img {
    max-height: 80%;
    width: auto;
}
.scroll-section--init {
    opacity: 1;
}
.scroll-section__content {
    display: flex;
    align-items: center;
}
.scroll-section__content-wrapper {
    display: flex;
    height: 100%;
    align-items: center;
    position: relative;
}
.scroll-section__content-section {
    position: relative;
    min-width: 400px;
    text-align: center;
    padding: 15vh 35px 0;
    height: 100%;
    display: flex;
    align-items: center;
}
.scroll-section__content-section.first{
    min-width:100vw;
}
.scroll-section__image {
    display: flex;
    align-items: center;
}
.scroll-section__image h2 {
    margin-left: 20px;
    width: 250px;
    text-align: left;
    flex-shrink: 0;
}
.scroll-section--animation-one .scroll-section__image--two {
    opacity: 1;
    transform: translateX(0);
}
.scene-tit{
    text-align: center;
    margin-top:50vh;
    position:absolute;
    width: 100%;
    transition: 0.5s;
}
.scene-tit.scene--active{
    position:fixed;
    top:10vh;
    margin-top:0;
    z-index: 1;
}
.scene-tit.scene--active.scene--ended{
    top:auto;
    bottom:auto;
    position:absolute;
}
.Sec4{
    height:1628px;
    background:url("/assets/web/images/microSite/mgvtour/sec4_bg.png") top center;
    margin-top:-35px;
}
.Sec4 .tit{
    text-align: center;
    position:relative;
    margin-left:-240px;
    padding:96px 0;
}
.Sec4 .tit span{
    display:block;
    width: 124px;
    height: 163px;
    position:absolute;
    left: 360px;
    top: 81px;
    overflow: hidden;
}
.Sec4 .bg{
    position:relative;
    height:1057px;
    background:url("/assets/web/images/microSite/mgvtour/sec4_bg2.png") center/100% 100%;
}
.Sec4 .bg .img{
    position:absolute;
    width:250px;
    height:250px;
    border-radius: 50%;
    overflow: hidden;
}
.Sec4 .bg .img1{
    left: 232px;
    top: 70px;
}
.Sec4 .bg .img2{
    right: 128px;
    top: 293px;
}
.Sec4 .bg .img3{
    left: 62px;
    top: 513px;
}
.Sec4 .bg .img4{
    right: 298px;
    top: 733px;
}
.Sec4 .bg .airplane{
    position:absolute;
    left: -302px;
    top: -171px;
}
.Sec4 .bg .airplane img{
    width:auto;
}
.Sec4 .bg .img img{
    width: 100%;
}
.Sec5{
    padding:124px 0 90px;
}
.Sec5 .top{
    margin-bottom: 50px;
}
.Sec5 .top .left{
    float:left;
    width:600px;
}
.Sec5 .top .left .tit{
    margin:24px 0 30px;
    position:relative;
}
.Sec5 .top .left .tit > span{
    position:absolute;
}
.Sec5 .top .left .tit .tit1{
    left: 173px;
    top: -2px;
}
.Sec5 .top .left .tit .tit2{
    left: 262px;
    top: 61px;
}
.Sec5 .top .left .tit .tit3{
    left: -6px;
    bottom: -4px;
}
.Sec5 .top .left .tit .light{
    right: 36px;
    top: -30px;
}
.Sec5 .top .left .txt span{
    display: block;
    margin:19px 0 25px;
}
.Sec5 .top .right{
    float:right;
    width:calc(100% - 600px);
}
.Sec5 .top .right .img_box{
    text-align: center;
    position: relative;
    margin-top:-12px;
}
.Sec5 .top .right .img_box span{
    position:absolute;
}
.Sec5 .top .right .img_box .insta_img{
    top:100px;
    left:50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.Sec5 .top .right .img_box .airplane{
    right: 26px;
    top: -28px;
}
.Sec5 .bottom .left{
    float:left;
    width:274px;
}
.Sec5 .bottom .right{
    float: left;
    width:calc(100% - 274px);
    height:325px;
    background:url("/assets/web/images/microSite/mgvtour/sec5_bg.png") no-repeat center/100% 100%;
    padding:40px 0 0 44px;
}
.Sec5 .bottom .right p{
    font-size: 20px;
    margin:16px 0 24px;
    letter-spacing: -0.04em;
}
.Sec5 .bottom .right .input_box{
    display: inline-block;
    margin-right:6px;
}
.Sec5 .bottom .right .input_box input{
    font-size: 16px;
    letter-spacing: -0.04em;
    text-indent: 12px;
    height:52px;
}
.Sec5 .bottom .right .input_box input[type="text"]{
    width:175px;
}
.Sec5 .bottom .right .input_box input[type="number"]{
    width:207px;
}
.Sec5 .bottom .right .check_box{
    margin:10px 0 22px;
}
.Sec5 .bottom .right .check_box a{
    color:#707070;
}
.Sec5 .write_form .check_box .check label{
    font-size: 17px;
    color:#707070;
    letter-spacing: -0.04em;
    line-height: 27px;
    padding-left:33px;
}
.Sec5 .write_form .check_box .check label::before{
    width:27px;
    height:27px;
    border-radius: 50%;
    border-color:#707070;
    background-color: transparent;
    margin-top:-2px;
}
.Sec5 .write_form .check_box .check input:checked ~ label::before{
    border-color:#707070;
    background:url("/assets/web/images/microSite/mgvtour/icon_check.png") no-repeat center;
}
.Sec6{
    text-align: center;
    background-color: #fffae3;
    padding-top: 64px;
}
.Sec6 .tit{
    margin-bottom: 16px;
    position:relative;
    display:inline-block;
}
.Sec6 .tit span{
    display:block;
    position:absolute;
    left:30px;
    top:0;
    width:99px;
    height:146px;
    overflow:hidden;
}
.Sec6 .slide .img_box{
    float:left;
    width:577px;
    padding-left:50px;
}
.Sec6 .slide .txt_box{
    float:right;
    width:calc(100% - 577px);
    padding-top: 204px;
}
.Sec6 .slide.slide4 .img_box{
    position:relative;
}
.Sec6 .slide.slide4 .img_box a{
    position:absolute;
}
.Sec6 .slide.slide4 .img_box a.slide4_btn1{
    left: 187px;
    top: 230px;
}
.Sec6 .slide.slide4 .img_box a.slide4_btn2{
    left: 345px;
    top: 369px;
    border-radius: 20px;
    overflow: hidden;
}
.Sec6 .sec6_codecopy{
    display:block;
    position: absolute;
    left: 264px;
    top: 300px;
    font-size: 15px;
    color: #6758ff;
    letter-spacing: -0.01em;
    user-select: all;
}
.Sec6 .slick-dots{
    left: auto;
    right: 80px;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    bottom: auto;
    top: 50px;
}
.Sec6 .slick-dots li{
    width:122px;
    height:122px;
    margin:0 8px;
}
.Sec6 .slick-dots li:first-child{
    background: url("/assets/web/images/microSite/mgvtour/sec6_slide1_icon.png") no-repeat center/cover;
}
.Sec6 .slick-dots li:first-child.slick-active{
    background: url("/assets/web/images/microSite/mgvtour/sec6_slide1_icon_on.png") no-repeat center/cover;
}
.Sec6 .slick-dots li:nth-child(2){
    background: url("/assets/web/images/microSite/mgvtour/sec6_slide2_icon.png") no-repeat center/cover;
}
.Sec6 .slick-dots li:nth-child(2).slick-active{
    background: url("/assets/web/images/microSite/mgvtour/sec6_slide2_icon_on.png") no-repeat center/cover;
}
.Sec6 .slick-dots li:nth-child( 3){
    background: url("/assets/web/images/microSite/mgvtour/sec6_slide3_icon.png") no-repeat center/cover;
}
.Sec6 .slick-dots li:nth-child(3).slick-active{
    background: url("/assets/web/images/microSite/mgvtour/sec6_slide3_icon_on.png") no-repeat center/cover;
}
.Sec6 .slick-dots li:nth-child(4){
    background: url("/assets/web/images/microSite/mgvtour/sec6_slide4_icon.png") no-repeat center/cover;
}
.Sec6 .slick-dots li:nth-child(4).slick-active{
    background: url("/assets/web/images/microSite/mgvtour/sec6_slide4_icon_on.png") no-repeat center/cover;
}
.Sec6 .slick-arrow{
    width:44px;
    height:73px;
    margin-top: -30px;
}
.Sec6 .slick-arrow.slick-prev{
    background: url("/assets/web/images/microSite/mgvtour/sec6_prev.png") no-repeat center/cover;
}
.Sec6 .slick-arrow.slick-next{
    background: url("/assets/web/images/microSite/mgvtour/sec6_next.png") no-repeat center/cover;
}
.Sec6 .btn_box{
    position:relative;
}
.Sec6 .btn_box a{
    position: absolute;
    top: 5px;
}
.Sec6 .btn_box .btn1{
    left: 145px;
}
.Sec6 .btn_box .btn2{
    right: 114px;
}
.Sec7{
    background: url("/assets/web/images/microSite/mgvtour/sec7_bg.png") center;
    padding:104px 0 109px;
    text-align: center;
    margin-top:-40px;
}
.Sec7 .btn_box{
    margin-top:42px;
}
.Sec7 .btn_box a{
    margin:0 4px;
}
/* 팝업 */
.popup_wrap.popup_typeA *{
    font-family: 'GmarketSans';
}
.popup_wrap.popup_typeA{
    width:550px;
    padding:0;
}
.popup_wrap.popup_typeA .popup_head{
    background:#98b72b;
    padding:0 20px;
    height:89px;
}
.popup_wrap.popup_typeA .popup_head h6,
.popup_wrap.popup_typeA .popup_head a{
    line-height:89px;
    font-size: 32px;
    color:#fff;
    font-weight: 600;
}
.popup_wrap.popup_typeA .popup_content{
    padding:40px 20px 0;
    width:100%;
    max-height: 56vh;
    overflow-y: auto;
}
.popup_wrap.popup_typeA .popup_content .txt p{
    font-size: 32px;
    font-weight: 600;
    line-height: 1.3125;
    letter-spacing: -0.04em;
}
.popup_wrap.popup_typeA .popup_content .txt strong{
    color:#98B72B;
    letter-spacing: -0.04em;
}
.popup_wrap.popup_typeA .btn_wrap a{
    width:100px;
    height:64px;
    line-height: 64px;
    background-color: #848484;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: -0.025em;
}
.popup_wrap.popup_typeA .popup_content table{
    margin:28px auto;
    width: 400px;
}
.popup_wrap.popup_typeA .popup_content table th{
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.04em;
    color:#98B72B;
}
.popup_wrap.popup_typeA .popup_content table td{
    font-size: 24px;
    letter-spacing: -0.04em;
    color:#424242;
    padding-left:12px;
}
.popup_wrap.popup_typeA .popup_content small{
    font-size: 20px;
    letter-spacing: -0.04em;
    color:#8D8D8D;
}
#Alarmpopup.popup_wrap.popup_typeA .popup_content .txt h6{
    font-size: 38px;
    letter-spacing: -0.04em;
    font-weight: 600;
    margin:30px 0 22px;
}
#Alarmpopup.popup_wrap.popup_typeA .popup_content .txt p{
    font-size: 23px;
    font-weight: 500;
    margin-bottom: 5px;
}
#Alarmpopup.popup_wrap.popup_typeA .popup_content .txt strong{
    color:#FB594C;
}
#Alarmpopup.popup_wrap.popup_typeA .btn_wrap a{
    width:276px;
    background-color: #FB594C;
    color:#fff;
}
/* 퀵메뉴 */
.mgvtour_quick{
    position:fixed;
    right:50px;
    top:50px;
}
.mgvtour_quick a{
    display: block;
    border-radius: 30px;
    margin-bottom: 5px;
    box-shadow: 3px 3px 0 rgba(0,0,0,0.17);
}
/* 아이콘 */
.icon.icon_copy{
    width:67px;
    height:67px;
    background: url("/assets/web/images/microSite/mgvtour/icon_copy.png") no-repeat center/cover;
}
.icon.icon_smile{
    width: 38px;
    height: 38px;
    background: url("/assets/web/images/microSite/mgvtour/icon_smile.png") no-repeat center/cover;
    vertical-align: middle;
    margin-top: -6px;
    margin-left: 2px;
}
.icon.icon_alarm{
    width: 40px;
    height: 46px;
    background: url("/assets/web/images/microSite/mgvtour/icon_alarm.png") no-repeat center/cover;
    vertical-align: middle;
    margin-right: 5px;
}
.icon.icon_popup_close{
    width:42px;
    height:42px;
    background: url("/assets/web/images/microSite/mgvtour/icon_close.png") no-repeat center/cover;
}
/* 애니메이션 */
@-webkit-keyframes flip-in-hor-top{
    0%{-webkit-transform:rotateX(-80deg);transform:rotateX(-80deg);opacity:0}
    100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1;display:block;}
}
@keyframes flip-in-hor-top{
    0%{-webkit-transform:rotateX(-80deg);transform:rotateX(-80deg);opacity:0}
    100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1;display:block;}
}
@-webkit-keyframes bounce {
    0%,20%{-webkit-transform: translateY(0);opacity: 0;}
    50%, 80%, 100% {-webkit-transform: translateY(0);opacity: 1;}
    40% {-webkit-transform: translateY(-20px);opacity: 1;}
    60% {-webkit-transform: translateY(-10px);opacity: 1;}
}
@-moz-keyframes bounce {
    0%,20%{-webkit-transform: translateY(0);opacity: 0;}
    50%, 80%, 100% {-webkit-transform: translateY(0);opacity: 1;}
    40% {-moz-transform: translateY(-20px);opacity: 1;}
    60% {-moz-transform: translateY(-10px);opacity: 1;}
}
@-o-keyframes bounce {
    0%,20%{-webkit-transform: translateY(0);opacity: 0;}
    50%, 80%, 100% {-webkit-transform: translateY(0);opacity: 1;}
    40% {-o-transform: translateY(-20px);opacity: 1;}
    60% {-o-transform: translateY(-10px);opacity: 1;}
}
@keyframes bounce {
    0%,20%{-webkit-transform: translateY(0);opacity: 0;}
    50%, 80%, 100% {-webkit-transform: translateY(0);opacity: 1;}
    40% {transform: translateY(-20px);opacity: 1;}
    60% {transform: translateY(-10px);opacity: 1;}
}
.fadeInBottomLeft{
    -webkit-animation-name:fadeInBottomLeft;
    animation-name:fadeInBottomLeft
}
@-webkit-keyframes fadeInBottomLeft{
    0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}
    to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
}
@keyframes fadeInBottomLeft{
    0%{opacity:0;-webkit-transform:translate3d(-100%,100%,0);transform:translate3d(-100%,100%,0)}
    to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}
}