@charset "UTF-8";
#header .logo{position: relative;top: auto;left: auto;transform: translateY(0);}
#container{padding: 56px 0 32px 0;min-height: calc((100vh - 300px));}

.swiper-pagination{bottom:17px !important;}

h2.sc-title {
    position: relative;
    color: var(--color-font-black);
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 18px;
    margin-top: 28px;
    padding-left: 16px;
}

[class*=gray-bg]{position: relative;padding-bottom: 45px;}
[class*=gray-bg]::before{content: '';position: absolute;bottom: 0;width: calc(100% - 35px);height: 185px;background-color: var(--color-bg-light);}
[class*=gray-bg-left]::before{left: 0;border-top-right-radius: 30px;border-bottom-right-radius: 30px;}
[class*=gray-bg-right]::before{right:0; border-top-left-radius: 30px;border-bottom-left-radius: 30px;}

/* visual  */
.sc-visual .main-swiper{position: relative;background: #7f7f7f;}
.sc-visual .main-swiper .swiper-slide{
    background-color: transparent;
    position: relative;
    
}
.sc-visual .main-swiper .txt-wrap h2{
    font-family: "Nanum Myeongjo";
    font-size: 60px;
    color: #fff;
    line-height: 70px;
    text-shadow: 0px 0px 10px rgba(0,0,0,10);
    letter-spacing: -0.05rem;
}
.sc-visual .main-swiper .txt-wrap .desc{
    font-size: 14px;
    color: #fff;
    font-weight: 100;
    line-height: 1.2;
    padding-top: 20px;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 10);
}
.sc-visual .main-swiper .txt-wrap .link-more{
    margin-top: 40px;
    display: inline-block;
    color: #ffce0b;
    border: 1px solid #ffce0b;
    border-radius: 20px;
    padding: 0 32px;
    line-height: 40px;
    font-weight: 400;
    background: rgba(0,0,0,0.18);
    box-shadow: 0px 0px 30px 30px rgba(0, 0, 0, 0.1);
}
.sc-visual .main-swiper .txt-wrap .link-more > span::after{
    content: '';
    display: inline-block;
    width: 7px;
    height: 13px;
    background-image: url(../images/main/arrow_right_visual_yellow.svg);
    background-position: right center;
    padding-left: 12px;
    background-repeat: no-repeat;
}
.sc-visual .main-swiper .img{
    /* padding-top: 330px; */
    max-height: 360px;
    padding-top: 91.67%;
    position: relative;
    overflow: hidden;
}
.sc-visual .main-swiper .img > img{
    position: absolute;
    top: 0;
    left: 0;
}
.sc-visual .control-area{position: absolute;bottom: 42px;display: flex;align-items: center;position: absolute;bottom: 14px;right: 16px;color: #fff;z-index: 99;}
.sc-visual .control-area .pagination{height: 26px;display: flex;align-items: center;font-size: 13px;font-weight: 100;line-height: 26px;padding: 0 12px;background: rgba(0,0,0,0.4);border-radius: 13px;}
.sc-visual .control-area .pagination > span{display: inline-block;}
.sc-visual .control-area .curr{color:var(--color-primary);padding-right: 4px;font-weight: 600;}
.sc-visual .control-area .total{padding-left: 4px;font-weight: 300;}
.sc-visual .control-area button::before{content: '';position: absolute;top: 50%;left: 50%;display: block;background: transparent;transform: translate(-50%, -50%);width: 26px;height: 26px;line-height: 26px;background: rgba(0, 0, 0, 0.4);border-radius: 50%;z-index: -1;}
.sc-visual .control-area button{
    position: relative;
    display: inline-block;
    width: 21px;
    min-width: 21px;
    height: 21px;
    min-height: 21px;
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: top;
}
.sc-visual .control-area .btn-prev{background-image: url(../images/main/arrow_control_left.png);}
.sc-visual .control-area .btn-next{background-image: url(../images/main/arrow_control_right.png);}
.sc-visual .control-area .wrap-autoplay-control .ico-control{
    margin-right: 8px;
}
.sc-visual .control-area .wrap-autoplay-control .ico-control{background-image: url(../images/main/stop_control.png);}
.sc-visual .control-area .wrap-autoplay-control.active .ico-control{background-image: url(../images/main/play_control.png);}
.sc-visual .control-area .wrap-autoplay-control.active .ico-control{background-size: auto 10px;}

/* quick-menu */
.quick-menu{position: sticky;top: 56px;width: 100%;padding: 10px 16px;background: rgba(256,256,256,0.8);margin: 10px 0;z-index: 999;}
.quick-list{display: flex;align-items: center;justify-content: space-between;}
.quick-items{min-width: 11.11vw;}
.link-quick{display: flex;flex-direction: column;align-items: center;font-size: 3.33vw;}
.quick-items i{margin-bottom: 1.11vw;width: 7.77vw;}
.quick-items i > img{width: 100%;}



/* hotel */
.sc-hotel{overflow: hidden;border-top: 4px solid #F6F8FA;}
.sc-hotel .info-wrap{
    position: absolute;
    z-index: 999;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    left: 0;
    bottom: 20px;
    width: 100%;
}
.sc-hotel .info-wrap .txt-box{
    color: #fff;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 15px 16px 0;
    justify-content: space-between;
}
.sc-hotel .info-wrap .country{
    display: block;
    font-size: 11px;
    font-weight: 400;
    color: #FFCE0B;
    position: absolute;
    top: 0;
    left: 16px;
}
.sc-hotel .info-wrap .name{
    display: block;
    font-weight: 500;
    font-size: 16px;
}
.sc-hotel .info-wrap .price{
    padding-left: 8px;
    flex-shrink: 0;
}
.sc-hotel .info-wrap .unit{
    font-size: 10px;
    font-weight: 400;
}
.sc-hotel .swiper-slide {
    width: 100% !important;
    flex-shrink: 0;
    
}

.sc-hotel .swiper-slide .img{
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}



@supports (aspect-ratio: 3 / 1.8) {
    .sc-hotel .swiper-slide .img{
        aspect-ratio: 1.69;
    }
}

@supports not (aspect-ratio: 3 / 2) {
    .sc-hotel .swiper-slide .img{
        max-height: 200px;
    }
}

.sc-hotel .swiper-container {
    padding-left: 16px;
    padding-right: 16px;
}

.sc-hotel .swiper-wrapper {
    display: flex;
    transition: transform 0.3s ease;
    /* justify-content: center; */
}


/*.sc-event*/
.sc-event{overflow: hidden;border-top: 4px solid #F6F8FA;}
.sc-event .info-wrap{
    position: absolute;
    z-index: 999;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    left: 0;
    bottom: 20px;
    width: 100%;
}
.sc-event .info-wrap .txt-box{
    color: #fff;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 15px 16px 0;
    justify-content: space-between;
}
.sc-event .info-wrap .country{
    display: block;
    font-size: 11px;
    font-weight: 400;
    color: #FFCE0B;
    position: absolute;
    top: 0;
    left: 16px;
}
.sc-event .info-wrap .name{
    display: block;
    font-weight: 500;
    font-size: 16px;
}
.sc-event .info-wrap .price{
    padding-left: 8px;
    flex-shrink: 0;
}
.sc-event .info-wrap .unit{
    font-size: 10px;
    font-weight: 400;
}
.sc-event .swiper-slide {
    width: 100% !important;
    flex-shrink: 0;
    
}

.sc-event .swiper-slide .img{
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}



@supports (aspect-ratio: 3 / 1.8) {
    .sc-event .swiper-slide .img{
        aspect-ratio: 1.69;
    }
}

@supports not (aspect-ratio: 3 / 2) {
    .sc-event .swiper-slide .img{
        max-height: 200px;
    }
}

.sc-event .swiper-container {
    padding-left: 16px;
    padding-right: 16px;
}

.sc-event .swiper-wrapper {
    display: flex;
    transition: transform 0.3s ease;
    /* justify-content: center; */
}
/*.sc-event*/


/*.sc-youtube*/
.sc-youtube{position:relative; overflow:hidden; background:#fef9eb; padding-bottom:45px;}
.sc-youtube .info-wrap{
    position: absolute;
    z-index: 999;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    left: 0;
    bottom: 20px;
    width: 100%;
}
.sc-youtube .info-wrap .txt-box{
    color: #fff;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 15px 16px 0;
    justify-content: space-between;
}
.sc-youtube .info-wrap .country{
    display: block;
    font-size: 11px;
    font-weight: 400;
    color: #FFCE0B;
    position: absolute;
    top: 0;
    left: 16px;
}
.sc-youtube .info-wrap .name{
    display: block;
    font-weight: 500;
    font-size: 16px;
}
.sc-youtube .info-wrap .price{
    padding-left: 8px;
    flex-shrink: 0;
}
.sc-youtube .info-wrap .unit{
    font-size: 10px;
    font-weight: 400;
}
.sc-youtube .swiper-slide {
    width: 100% !important;
    flex-shrink: 0;
    
}

.sc-youtube .swiper-slide .img{
    position: relative;
    border-radius: 16px;
    overflow: hidden;
	aspect-ratio: 16 / 9;
}


.sc-youtube .swiper-slide img{
	aspect-ratio: 16 / 9;
	width:100%;
	border-radius:16px;
}


.sc-youtube .swiper-container {
    padding-left: 16px;
    padding-right: 16px;
}

.sc-youtube .swiper-wrapper {
    display: flex;
    transition: transform 0.3s ease;
    /* justify-content: center; */
}
/*.sc-event*/


/* .sc-individual */
.sc-individual{overflow: hidden;}
.sc-individual .swiper-container{
    position: relative;
    margin: 0 16px;
}
.sc-individual .swiper-slide{
    box-shadow: 0 3px 13px 0 rgba(0, 0, 0, .1);
    border-radius: 16px;
}
.sc-individual .swiper-slide .img-box{
    max-height: 52.77vw;
    border-radius: 16px 16px 0 0;
    overflow: hidden;
}
.sc-individual .swiper-slide .info-box{
    background: #fff;
    padding: 16px 16px 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    border-radius: 0 0 16px 16px;
}
.sc-individual .swiper-slide .info-box .tit{
    font-size: 16px;
    color: #000;
    font-weight: 500;
}
.sc-individual .swiper-slide .info-box .desc{
    padding-top: 8px;
    color: #787878;
    font-size: 13px;
}

.sc-individual .swiper-pagination-bullet{
    background: #D1D6DB;
    opacity: 1;
    width: 8px;
    height: 8px;
    position: relative;
}
.sc-individual .swiper-pagination-bullet:before{
    content:'';
    display: block;
    width: 12px;
    height: 12px;
    background: transparent;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}
.sc-individual .swiper-pagination-bullet-active{
    position: relative;
    background: rgba(255, 206, 11, 0.1);
    width: 12px;
    height: 12px;
    border: 1px dashed #FFCE0B;
}
.sc-individual .swiper-pagination-bullet-active:before{
    content:'';
    background: #FFCE0B;
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}

.sc-hotel .info-wrap + .img::before {
    content: '';
    inset: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(1deg, rgba(0,0,0,1) 0%, rgba(20,20,20,0.49) 25%, rgba(116,116,116,0.25) 54%, rgba(217,217,217,0) 100%);
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
}

.sc-individual .swiper-horizontal>.swiper-pagination-bullets, .sc-individual .swiper-pagination-bullets.swiper-pagination-horizontal, .sc-individual .swiper-pagination-custom, .sc-individual .swiper-pagination-fraction{
    display: flex;
    align-items: center;
    position: absolute;
    top: -30px;
    right: 13px;
    left: auto;
    height: 14px;
    width: auto;
}


.sc-couple{margin-bottom:30px;}
.sc-couple .tour-list{padding-top: 0;display: flex;flex-wrap: wrap;margin: 0 16px;}
.sc-couple .tour-items{margin: 10px 8px 0 0;width: calc(50% - 4px);box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.1);border-radius: 4px;}
.sc-couple .tour-items:nth-child(even){margin-right: 0;}
.sc-couple .link-tour img{transition: transform 300ms;}
.sc-couple .link-tour:hover img{transform: scale(1.1);}
.sc-couple .img-box{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.sc-couple .info-box .tit{
    display: block;
    font-weight: 600;
}
.sc-couple .info-box .desc{line-height: 25px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width: 100%;}
.sc-couple .info-box .price{font-weight: 600;}

.sc-couple .categorize-area{margin-bottom: 12px;}
.sc-couple .categorize-list{display: flex;justify-content: center;}
.sc-couple .categorize-items{padding: 0 16px 12px 16px;border-bottom:1px solid #ddd;flex: 1 0 auto;}
.sc-couple .categorize-btn{display: block;font-weight: 400;color: var(--color-line-normal);font-size: 15px;margin: 0 auto;}

.sc-couple .categorize-items.active{position: relative;}
.sc-couple .categorize-items.active .categorize-btn{color: #DAA520;font-weight: 500;}
.sc-couple .categorize-items.active .categorize-btn::after{content: '';position: absolute;bottom: -4px;left: 50%;transform: translateX(-50%); display: block;width: 8px;height: 8px;border-radius: 8px;
background: var(--color-primary);}


.sc-couple .tour-items .info-box{max-height: 74px;min-height: 74px;box-sizing: border-box;background-color: #fff;border-bottom: 2px solid var(--color-primary);padding: 8px;}
.sc-couple .tour-items .info-box .tit{
    display: block;
    display: -webkit-box;
    height: auto;
    font-size: 13px;
    color: var(--color-font-emp);
    line-height: 18px;
    font-weight: 600;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width: 100%;
    min-height: 36px;
    overflow: hidden;
}
.sc-couple .tour-items .info-box .price{display: block;padding-top: 4px;font-size: 13px;color: var(--color-font-red);font-weight: 600;}
.sc-couple .tour-items .info-box .price > span{font-size: 10px;font-weight: 400;}

@supports (aspect-ratio: 3 / 2) {
    .sc-couple .img-box {
        aspect-ratio: 3 / 2;
    }
}

@supports not (aspect-ratio: 3 / 2) {
    .sc-couple .img-box{
        width: 100%;
        padding-top: 66.67%;
        position: relative;
    }
    .sc-couple .img-box img{
        width: 100%;
        position: absolute;
        top: 0;left: 0;
    }
}

/* sc-youtube */


/* sc-more */
.sc-more{padding-bottom: 28px;}
.sc-more .swiper-container {
    overflow: hidden;
    padding: 0 16px;
}
.sc-more .img-box{border-radius: 8px;overflow: hidden;width: 100%;}
.sc-more .img-box::before{content:"";display: block;padding-bottom: 100%;}
.sc-more .img-box > img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.sc-more .info-box{padding-top: 12px;padding-left: 2px;}
.sc-more .country{display: block; color: var(--color-line-normal);font-size: 12px;padding-bottom: 4px;}
.sc-more .tit{color: var(--color-font-black);font-size: 15px;display: block;font-weight: 600;line-height: 20px;}
.sc-more .swiper-slide {
    width: calc(50% - 4px) !important;
    flex-shrink: 0;
} 


/* sc-banner */
.sc-banner .banner-wrap{position: relative; width: 100%;border-radius: 16px;padding-bottom: 39.145%;}
.sc-banner .link-banner{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: 27.78vw auto;background-repeat: no-repeat;}
.sc-banner .link-banner .inner{padding: 0 20px;box-sizing: border-box;display: flex;flex-direction: column;justify-content: center;height: 100%;}
.sc-banner .tit{font-size: 5vw;color: var(--color-font-emp);line-height: 6.7vw;font-weight: 300;}
.sc-banner .tit > strong{display: block;font-weight: 600;}
.sc-banner .txt{display: block;padding-top: 2.22vw;font-size: 3.33vw;color: var(--color-font-emp);line-height: 4.4vw;}
.sc-banner .banner-wrap.info{background-color: #ceeef8;}
.sc-banner .banner-wrap.review{background-color: #dcdafc;margin-top: 10px;}
.sc-banner .banner-wrap.info .link-banner{
    background-image: url(../images/main/img_info.png);
    background-position: right 24px bottom 24px;
}
.sc-banner .banner-wrap.review .link-banner{
    background-image: url(../images/main/img_review.png);
    background-position: right 24px bottom 14px;
}



/*¸ð´Þ*/
.modal_bg {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed; 
	top: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 999; 

	}
	
.modal_wrap{
	display: none;
	position:fixed;
	/*position: absolute;*/ 
	top: 53%;
	left: 50%;
	transform:translate(-50%,-50%);
	z-index: 1000;
	width:100%;
}
	
.modal_wrap h3{
	position:absolute;
	margin-top:-63px;
	color:#fff;
	font-size:28px;
	font-weight:500;
}

.modal_wrap button{
	position:absolute;
	margin-top:-42px;
	right:20px;
	color:#fff;
	width:40px;
	height:50px;
	background:url(../images/main/close.svg);
	background-size:cover;
	text-indent:-9999px;
	border:none;
	cursor:pointer;
}

	.btn_box .btn_open p {
		color: #fff;
	}
	
.gallery_modal_box iframe{
	 position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding:20px;
}


.iframe16To9 {
  padding-top: 59.25%;
}


.swiper-pagination-bullet-active{
	background:#FFCE0B;
}