@charset "utf-8";


a[target="_blank"]{display:inline-block;padding:2px 0;padding-right:35px;background:url(../../images/02_tour/travel/icon_blank.png) no-repeat right 50%;}

.horizontal-scroll{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;overflow:auto;}
.horizontal-scroll-wrapper{width:3862px;height:100%;min-height:100px;}
.section-horizontal{float:left;width:100%;height:100%;overflow:hidden;}
.section-horizontal .inner{position:relative;height:100%;padding:30px 50px 30px 70px;}
.section-column{position:relative;min-width:100%;height:100%;}
.section-title-wrapper{position:absolute;top:40px;left:0;padding:30px;max-width:550px;z-index:10}
.section-title-wrapper *{margin:0;word-wrap:break-word;word-break:keep-all;}
.section-title{font-size:40px;line-height:1.2;letter-spacing:-1px;font-family:"nsr",sans-serif;}
.section-title i{display:block;font-size:20px;line-height:1.3;font-family:"nsr",sans-serif;font-style:normal}
.section-subtitle{font-size:30px;line-height:1.2;}
.section-subtitle i{display:block;font-size:20px;line-height:1.3;font-family:"nsr",sans-serif;font-style:normal}

@media(max-width:768px){
.horizontal-scroll{position:relative}
.horizontal-scroll-wrapper{width:auto}
.section-horizontal{float:none;height:auto;}
.section-horizontal .inner{padding:20px;}
.section-title-wrapper{padding:20px;padding-bottom:30px;position:relative;top:0;}
.section-title{font-size:30px;}
.section-subtitle{font-size:20px;}
.section-title i,
.section-subtitle i{font-size:16px;}
}


#uljin-music { display: none; }
#ms-hd{transform:translateY(-100%) rotateX(-45deg);z-index:999}
#ms-hd{position:relative;width:22px;height:24px;background-color:transparent;cursor:pointer;}
#ms-hd, .share-ft-mn{opacity:0;}
#ms-hd, .share-ft-mn,{transition:transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);}
#ms-hd{transition-delay:1s;}
#ms-hd{position:fixed;top:10px;right:20px;opacity:1;transform:none;}
.ln-ms-hd{display:block;position:absolute;bottom:0;overflow:hidden;background:white;transition:all 300ms cubic-bezier(0.4, 0, 0, 1);}
#ms-hd .ln-ms-hd{width:2px;height:12px;}
#ms-hd .ln-ms-hd{display:block;position:absolute;bottom:0;overflow:hidden;background:transparent;transition:all 300ms cubic-bezier(0.4, 0, 0, 1);}
#ms-hd.is-playing .ln-ms-hd{background:#2a2a2a;}

#ms-hd .ln-ms-hd:before{position:absolute;top:0;left:0;width:100%;height:100%;background:#FD1821;content:'';transform:translateY(0);transition:transform 600ms cubic-bezier(0.4, 0, 0, 1);}
#ms-hd.is-playing .ln-ms-hd:before{transform:translateY(100%);}
#ms-hd .ln-ms-hd1{left:0;}
#ms-hd .ln-ms-hd2{left:4px;}
#ms-hd .ln-ms-hd3{left:8px;}
#ms-hd .ln-ms-hd4{left:12px;}
#ms-hd .ln-ms-hd5{left:16px;}
#ms-hd .ln-ms-hd6{right:0;}
#ms-hd.is-playing .ln-ms-hd1{animation:audioHmA .3s alternate infinite;}
#ms-hd.is-playing .ln-ms-hd2{animation:audioHmA .4s alternate infinite;}
#ms-hd.is-playing .ln-ms-hd3{animation:audioHmA .38s alternate infinite;}
#ms-hd.is-playing .ln-ms-hd4{animation:audioHmA .34s alternate infinite;}
#ms-hd.is-playing .ln-ms-hd5{animation:audioHmA .44s alternate infinite;}
#ms-hd.is-playing .ln-ms-hd6{animation:audioHmA .48s alternate infinite;}


@keyframes audioHmA {
  0% {
    height: 12px; }
  100% {
    height: 18px; } }

@keyframes audioMpA {
  0% {
    height: 14px; }
  100% {
    height: 25px; } }

/* icon-zoom */
.icon{display:inline-block;position:absolute;top:0;left:0;width:40px;height:41px;padding:9px;background-color:rgba(76,96,114,0.8);color:#fff;font-size:15px;word-wrap:break-word;word-break:keep-all;box-sizing:border-box;z-index:11}
.icon .ir{display:block;width:22px;height:23px;font-size:0;}
.icon .ir.ir-zoom{background:url(../../images/02_tour/travel/ico_zoom.png);}

/* link */
.open_layer{display:block;cursor:pointer;} 



/* text */
.text-block{clear:both;position:absolute;top:60%;left:320px;padding:40px 30px;width:500px;background-color:rgba(0,0,0,0.4);box-shadow:0px 8px 16px 0px rgba(0, 0, 0, 0.12);z-index:2;transform:translate3d(0,0,0);transition:all 0.3s ease-out;z-index:11}

.text-block.action{transform:translate3d(-100%,0,0);}
.text-block strong{display:block;position:relative;margin-top:15px;margin-bottom:5px;padding-left:15px;color:#ffaa94;font-family:"nsr",sans-serif;font-size:22px;line-height:1.3}
.text-block strong:before{content:"";display:block;position:absolute;top:8px;left:0;width:6px;height:6px;background-color:#ffd4c9;border-radius:50%;}

.text-block strong:first-child{margin-top:0;}
.text-block p{margin:0 0 5px 0;color:#fff;font-family:"nsr",sans-serif;font-size:18px;line-height:1.3;word-wrap:break-word;word-break:keep-all;}
.text-block .list{}
.text-block .list li{margin-bottom:5px;padding-left:10px;color:#fff;font-size:18px;line-height:1.3;position:relative;}
.text-block .list li:before{content:'';display:block;width:3px;height:3px;border-radius:50%;background-color:#1b5d98;position:absolute;top:6px;left:0;}
.text-block .list li i{display:block;font-style:normal;font-size:13px;}
.text-block .list li a{color:#fff;}
.text-light {color:#fff;}
.text-block .list .link-box:before{display:none;}

@media(max-width:1200px){
	.text-block {padding:20px 25px;padding-top:25px;width:460px;}
	.text-block strong{font-size:18px;}
	.text-block .list li{font-size:15px;}
	.text-block p{margin-bottom:10px;font-size:15px;}
	
}

@media(max-width:768px){
	.text-block{position:relative;top:0 !important;left:0 !important;right:0 !important;padding:20px 0;background-color:transparent;box-shadow:none;width:auto;}	
	
	.text-block strong{color:#0163bf}
	.text-block strong:before{background-color:#0163bf}
	.text-block .list li{color:#666;}
	.text-block p{margin-bottom:15px;color:#666}
	.text-block .list li a{color:#666;}
}


/* img */
.image-box{}
.img-box-large {width:90%;height:100%;position:relative}
.image-box-1{background-position:50% 50%;background-size:cover;/*background-size:cover;background-attachment:fixed;*/z-index:9}
/*.image-box-1:after{content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.1}*/


@media(max-width:768px){
	.img-box-large {position:absolute;top:0;left:0;width:100%;height:40%}
	
}

.image-box.image-box-2{position:absolute;top:15%;right:-30px;width:450px;height:300px;box-shadow:0px 8px 16px 0px rgba(0, 0, 0, 0.15);z-index:10}




@media(max-width:1440px){
.image-box.image-box-2 {top:20%;width:300px;height:200px;}
}
@media(max-width:768px){
.image-box.image-box-2{position:relative;top:0 !important;left:0 !important;right:0 !important;margin:0 auto;max-width:300px;height:auto;box-shadow:none;}
}



.image-list{position:absolute;width:300px;height:200px;box-shadow:0px 8px 16px 0px rgba(0, 0, 0, 0.15);z-index:10;transition:0.25s ease-in-out;}
.image-list.image-box-2{top:15%;right:40px;}
.image-list.image-box-3{top:38%;right:130px;}



.action .image-list.image-box-2,
.action .image-list.image-box-3{transition:0.25s ease-in-out;}
.action .image-list.image-box-2{animation-duration:1s;animation-delay:0.5s;animation-fill-mode:forwards;}
.action .image-list.image-box-3{animation-duration:1s;animation-delay:1.5s;animation-fill-mode:forwards;}

@media(max-width:768px){
	
	.image-list{position:relative;top:0 !important;left:0 !important;right:0 !important;box-shadow:none;}
	.image-list.image-box-2{float:left;margin-left:2.5%;width:47%;height:auto;}
	.image-list.image-box-3{float:right;margin-right:2.5%;width:47%;height:auto;}
}
@keyframes bounceInRight {
		0% {opacity: 0; transform: translateX(2000px);}
		60% {transform: translateX(-30px);}
		80% {transform: translateX(10px);}
		100% {opacity: 1; transform: translateX(0);}
	}
	
	
	@keyframes bounceInLeft {
		0% {opacity: 0; transform: translateX(-2000px);}
		60% {transform: translateX(30px);}
		80% {transform: translateX(-10px);}
		100% {opacity: 1; transform: translateX(0);}
	}


@media(min-width:1024px){
	.bounceInLeft{transform:translateX(2000px);}
	.action .bounceInLeft {
		-webkit-animation-name: bounceInLeft;
		-moz-animation-name: bounceInLeft;
		-o-animation-name: bounceInLeft;
		animation-name: bounceInLeft;
	}
	
	.bounceInRight{transform:translateX(-2000px);}
	.action .bounceInRight {
		-webkit-animation-name: bounceInRight;
		-moz-animation-name: bounceInRight;
		-o-animation-name: bounceInRight;
		animation-name: bounceInRight;
	}	
	
	/* bounceInRight */
	
	}





/* scroll */
.scroll-indicator-horizontal{position:absolute;bottom:20px;right:20px;width:90px;z-index:30;}
.scroll-indicator-horizontal .label{display:block;margin-bottom:-11px;padding-left:3px;color:#002f87;font-size:15px;line-height:1.4;}
.scroll-indicator-horizontal a{display:inline-block;position:relative;}
.scroll-indicator-horizontal .arrow{display:inline-block;position:relative;background-color:#002f87}
.scroll-indicator-horizontal .arrow.right{width:80px;height:2px;}
.scroll-indicator-horizontal .arrow:before,
.scroll-indicator-horizontal .arrow:after{content:'';display:block;position:absolute;width:8px;height:2px;background-color:#002f87}
.scroll-indicator-horizontal .arrow.right:before{right:0px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.scroll-indicator-horizontal .arrow.right:after{right:0px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.scroll-indicator-horizontal .arrow.left:before, 
.scroll-indicator-horizontal .arrow.right:before{top:-3px;}
.scroll-indicator-horizontal .arrow.left:after, 
.scroll-indicator-horizontal .arrow.right:after{bottom:-3px;}

@media(max-width:768px){
.scroll-indicator-horizontal{display:none;}
}



.num-box {position: relative; display: inline-block; margin-bottom:10px;width: 80px; height: 80px; line-height: 80px; text-align: center;font-family: 'Gotham';font-weight: 700; font-size: 30px; color: #fff;}
.num-box span {position: absolute; display: inline-block; background-color: #fff;}
.num-box span.line-top,
.num-box span.line-bottom {height: 5px;
	width: 0;
	opacity: 0;
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}
.num-box span.line-left,
.num-box span.line-right {width: 5px; 
	height: 0;
	opacity: 0;
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}
.num-box span.line-top {top: 0; left: 0;}
.num-box span.line-left {top: 0; right: 0;}
.num-box span.line-bottom {bottom: 0; right: 0;}
.num-box span.line-right {bottom: 0; left: 0;}
.num-box span.line-top,
.num-box span.line-left,
.num-box span.line-bottom,
.num-box span.line-right {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.section-horizontal.action .num-box span.line-top {
	width: 100%;
	opacity: 1;
}
.section-horizontal.action .num-box span.line-bottom {
	width: 100%;
	opacity: 1;
}
.section-horizontal.action .num-box span.line-right {
	height: 100%;
	opacity: 1;
}
.section-horizontal.action .num-box span.line-left {
	height: 26%;
	opacity: 1;
}
.num-box em{display:inline-block;position:absolute;bottom:-10px;right:-19px;;z-index:10;color:#fff;font-size:10px;font-family: 'Gotham';font-weight: 700; transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);letter-spacing:3px;}

@media(max-width:768px){
.num-box {width:70px;height:70px;}
.num-box em{bottom: -12px;}
.num-box span.line-top,
.num-box span.line-left,
.num-box span.line-bottom,
.num-box span.line-right{opacity: 1;}	
.num-box span.line-top {width: 100%;}
.num-box span.line-left {height: 26%;}
.num-box span.line-bottom {width: 100%;}
.num-box span.line-right {height: 100%;}
}


/* 전체 */
.section-horizontal{transform: translateX(100%) scale(0);-webkit-backface-visibility:hidden;backface-visibility: hidden;transition:0.25s ease-in-out;}
.section-horizontal.action{transform: translateX(0) scale(1);}
@media(min-width:1200px){
	/* 홀수 */
	#horizontal-section-3.section-horizontal{transform: translateX(-100%) scale(0);}
	#horizontal-section-3.section-horizontal.action{transform: translateX(0) scale(1);}
	#horizontal-section-5.section-horizontal{transform: translateX(-100%) scale(0);}
	#horizontal-section-5.section-horizontal.action{transform: translateX(0) scale(1);}
	
	#horizontal-section-7.section-horizontal{transform: translateX(-100%) scale(0);}
	#horizontal-section-7.section-horizontal.action{transform: translateX(0) scale(1);}
	
	#horizontal-section-9.section-horizontal{transform: translateX(-100%) scale(0);}
	#horizontal-section-9.section-horizontal.action{transform: translateX(0) scale(1);}
	
	#horizontal-section-11.section-horizontal{transform: translateX(-100%) scale(0);}
	#horizontal-section-11.section-horizontal.action{transform: translateX(0) scale(1);}
	
	#horizontal-section-13.section-horizontal{transform: translateX(-100%) scale(0);}
	#horizontal-section-13.section-horizontal.action{transform: translateX(0) scale(1);}
	
	#horizontal-section-15.section-horizontal{transform: translateX(-100%) scale(0);}
	#horizontal-section-15.section-horizontal.action{transform: translateX(0) scale(1);}
	
	#horizontal-section-17.section-horizontal{transform: translateX(-100%) scale(0);}
	#horizontal-section-17.section-horizontal.action{transform: translateX(0) scale(1);}
	
	#horizontal-section-19.section-horizontal{transform: translateX(-100%) scale(0);}
	#horizontal-section-19.section-horizontal.action{transform: translateX(0) scale(1);}
	
	#horizontal-section-21.section-horizontal{transform: translateX(-100%) scale(0);}
	#horizontal-section-21.section-horizontal.action{transform: translateX(0) scale(1);}
}

@media(max-width:768px){
	.section-horizontal{transform: translateX(0) scale(1) !important;}
	.section-horizontal.action{transform: translateX(0) scale(1);}
	.section-horizontal .layout{position:relative;height:100%;z-index:10}
}
.action .image-box-2{overflow:hidden}
.action .image-box-2 img{transform:scale(1);transition:0.25s ease-in-out;}
.action .image-box-2:hover img{transform:scale(1.1)}


/* horizontal-section-1 */

/*  이전 다음 */

.control{position:fixed;left:100px;bottom:10%;z-index:999}
.button{display:inline-block;position:relative;float:left;width:70px;height:70px;margin-left:-2px;padding:2px 25px 0;border:0;border:2px solid #fff;background-color:rgba(0,0,0,0.4);color:#fff;text-decoration:none;text-align:center;text-transform:uppercase;vertical-align:middle;cursor:pointer;transition:0.25s ease-in-out;}
.button .label{display:inline-block;position:absolute;top:17px;font-family:'Gotham';font-weight: normal;font-size:0;width:0;height:0;opacity:0}
.button[data-type="next"] .label{left:17px;}
.button[data-type="prev"] .label{right:17px;}
.button:before,
.button:after{display:inline-block;position:absolute;top:50%;content:'';transition:0.25s ease-in-out;}
.button:after{width:10px;height:10px;transform:translateY(-50%) rotateZ(45deg);-ms-transform:translateY(-50%) rotate(45deg);}
.button:before{left:50%;width:calc(100% - 40px);height:2px;background-color:#fff;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}
.button[data-type="next"]:after{right:19px;border-top:2px solid #fff;border-right:2px solid #fff;}
.button[data-type="prev"]:after{left:19px;border-bottom:2px solid #fff;border-left:2px solid #fff;}
.button:hover{background-color:rgba(0,0,0,0.7);}
.button[data-type="prev"]:hover,
.button[data-type="next"]:hover{width:120px}
.button:hover .label{width:auto;height:17px;font-size:11px;line-height:1.2;opacity:1}

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

/* 전체 */
.section-horizontal{transform:translateX(100%) scale(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;transition:0.25s ease-in-out;}
.section-horizontal.action{transform: translateX(0) scale(1);}