/*new main 추가 230622 전역 CSS의 스타일과 충돌 회피*/

/*new main*/
.wrap .wrap-inr{position:relative;}
.wrap .wrap-inr .header{position:absolute; top:0; left:0; z-index:10; background:#fff;  width:100%; margin: 0 auto; box-shadow:0 0 7px rgba(0,0,0,0.2)}
.slider-section .sliderContainer {position:relative; top:18px;}  
.slider-section .slider {width:100%;}
.slider-section .slick-prev:before,
.slider-section .slick-next:before {color: black;}
#section1 > div > div.slider > button{position:absolute; top:50%; transform:translateY(-50%); font-size:0; width:30px; height:56px; z-index:1;}
#section1 > div > div.slider > button:before{content:''; display:block;width:30px; height:56px; opacity:0.8;transition:0.2s; }
#section1 > div > div.slider > button.slick-prev{ left:10%;}
#section1 > div > div.slider > button.slick-prev:before{background:url('../../images/ico/ico_arrow_w.png') no-repeat;background-size:100%; background-position:center;}
#section1 > div > div.slider > button.slick-next{ right:10%;}
#section1 > div > div.slider > button.slick-next:before{background:url('../../images/ico/ico_arrow_w.png') no-repeat;background-size:100%; transform:rotate(180deg);background-position:center;}
#section1 > div > div.slider > button.slick-prev:hover:before,
#section1 > div > div.slider > button.slick-next:hover:before{opacity:1}
.slider-section .slick-dots {bottom: 0;}
.slider-section .slick-slide{width:100%; height:900px; background:#f8f9fa;}
.slider-sectionslick-slide div {vertical-align: middle;}
/* .slider-section .slick-slide .txt-area{padding:30% 0;} */
/* .slider-section .slick-slide .txt-area p{color:#fff; line-height:1.2; width:1290px; margin:0 auto; overflow:hidden;}
.slider-section .slick-slide .txt-area p span{display:inline-block; }
.slider-section .slick-slide .txt-area .up{font-size:60px;}
.slider-section .slick-slide .txt-area .up span{opacity:0; font-weight:600;}
.slider-section .slick-slide .txt-area .en{margin-top:13px; padding-left: 10px;}
.slider-section .slick-slide .txt-area .en span{font-size:20px; opacity:0;}
.slider-section .slick-slide .txt-area .line{position:relative; margin-bottom:6px;}
.slider-section .slick-slide .txt-area .line::before{content:''; position:absolute; top:35%; left:0; width:0; height:1px; background:#fff;}
.slider-section .slick-slide .txt-area .line span{font-size:20px; font-weight:600; position:relative;}
.slider-section .slick-slide .txt-area .line span:first-of-type{margin-left:50px;}
.slider-section .slick-slide .txt-area .line span.w-spacing{margin-left:6px;}
.slider-section .slick-active .txt-area .up span{animation:UpTxt 0.5s 1s ease-in-out both;}
.slider-section .slick-active .txt-area .en span{animation:opacity 0.75s both;}
.slider-section .slick-active .txt-area .en span:nth-of-type(1){animation-delay:1.3s;}
.slider-section .slick-active .txt-area .en span:nth-of-type(2){animation-delay:1.4s;}
.slider-section .slick-active .txt-area .en span:nth-of-type(3){animation-delay:1.5s;}
.slider-section .slick-active .txt-area .en span:nth-of-type(4){animation-delay:1.6s;}
.slider-section .slick-active .txt-area .en span:nth-of-type(5){animation-delay:1.7s;}
.slider-section .slick-active .txt-area .en span:nth-of-type(6){animation-delay:1.8s;}
.slider-section .slick-active .txt-area .en span:nth-of-type(7){animation-delay:1.9s}
.slider-section .slick-active .txt-area .en span:nth-of-type(8){animation-delay:2.0s;}
.slider-section .slick-active .txt-area .en span:nth-of-type(9){animation-delay:2.1s;}
.slider-section .slick-active .txt-area .en span:nth-of-type(10){animation-delay:2.2s;}
.slider-section .slick-active .txt-area .en span:nth-of-type(11){animation-delay:2.3s;}
.slider-section .slick-active .txt-area .en span:nth-of-type(12){animation-delay:2.4s;}
.slider-section .slick-active .txt-area .en span:nth-of-type(13){animation-delay:2.5s;}
.slider-section .slick-active .txt-area .en span:nth-of-type(14){animation-delay:2.6s;}
.slider-section .slick-active .txt-area .en span:nth-of-type(15){animation-delay:2.7s;}
.slider-section .slick-active .txt-area .en span:nth-of-type(16){animation-delay:2.8s;}
.slider-section .slick-active .txt-area .en span:nth-of-type(17){animation-delay:2.9s;}
.slider-section .slick-active .txt-area .en span:nth-of-type(18){animation-delay:2.99999s;}
.slider-section .slick-active .txt-area .en span:nth-of-type(19){animation-delay:3s;}
.slider-section .slick-active .txt-area .line{animation:fadeInDown 0.7s both; }
.slider-section .slick-active .txt-area .line::before{animation:w30px 0.5s 0.4s both}
.slider-section .slick-active .txt-area .line span{animation:moveTxt 0.7s both;}
.slider-section .slick-active .txt-area .line span:first-of-type{animation-delay:0.2s;}
.slider-section .slick-active .txt-area .line span:nth-of-type(2){animation-delay:0.3s;}
.slider-section .slick-active .txt-area .line span:nth-of-type(3){animation-delay:0.4s;}
.slider-section .slick-active .txt-area .line span:nth-of-type(4){animation-delay:0.5s;}
.slider-section .slick-active .txt-area .line span:nth-of-type(5){animation-delay:0.6s;}
.slider-section .slick-active .txt-area .line span:nth-of-type(6){animation-delay:0.7s;}
.slider-section .slick-active .txt-area .line span:nth-of-type(7){animation-delay:0.8s;}
.slider-section .slick-active .txt-area .line span:nth-of-type(8){animation-delay:0.9s;}
.slider-section .slick-active .txt-area .line span:nth-of-type(9){animation-delay:1s;}
.slider-section .slick-active .txt-area .line span:nth-of-type(10){animation-delay:1.1s;}
.slider-section .slick-active .txt-area .line span:nth-of-type(11){animation-delay:1.2s;}
.slider-section .slick-active .txt-area .line span:nth-of-type(12){animation-delay:1.3s;}
.slider-section .slick-active .txt-area .line span:nth-of-type(13){animation-delay:1.4s;}
.slider-section .slick-active .txt-area .line span:nth-of-type(14){animation-delay:1.5s;}
.slider-section .slick-active .txt-area .line span:nth-of-type(15){animation-delay:1.6s;}
.slider-section .slick-active .txt-area .line span:nth-of-type(16){animation-delay:1.7s;}
.slider-section .slick-active .txt-area .line span:nth-of-type(17){animation-delay:1.8s;}
.slider-section .slick-active .txt-area .line span:nth-of-type(18){animation-delay:1.9s;}
.slider-section .slick-active .txt-area .line span:nth-of-type(19){animation-delay:2s;}
.slider-section .slick-active .txt-area .line span:nth-of-type(20){animation-delay:2.1s;} */
@keyframes w30px{
	0%{width:0;}
	100%{width:30px;}
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0,-100%,0);

    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@keyframes opacity{
	0%{opacity:0;}
	100%{opacity:1}
}
@keyframes UpTxt{
	0% {
		opacity: 0;
		transform: translateY(50px);
	  }
	  100% {
		opacity: 1;
		transform: none;
	  }
}
@keyframes moveTxt{
	0%{opacity: 0; transform:translateY(-20px);}
	100%{opacity: 1;transform:translateY(0);}
}

.slider-section .slick-track .slick-slide:nth-child(1){background:url('/images/main/main_banner01.jpg') 50% no-repeat; }
.slider-section .slick-track .slick-slide:nth-child(2){background:url('/images/main/main_banner03.jpg') 50% no-repeat; }
.slider-section .slick-track .slick-slide:nth-child(3){background:url('/images/main/main_banner02.jpg') 50% no-repeat; }
.slider-section .slick-track .slick-slide:nth-child(4){background:url('/images/main/main_banner04.jpg') 50% no-repeat; }
.slider-section .progressBarContainer {position:absolute; bottom:0; width:80%; left:10%;}
.slider-section .progressBarContainer h3{margin:5px 0; font-weight:300; font-size:12px; color:#fff; opacity:0.3;}
.slider-section .progressBarContainer div {display:block; width:25%; padding: 0; cursor:pointer; float:left; color:white;}
.slider-section .progressBarContainer div:last-child {margin-right:0;}
.slider-section .progressBarContainer div span.progressBar {width:100%;	height:10px; background:rgba(230,0,18, 0.4); display:block;}
.slider-section .progressBarContainer div span.progressBar .inProgress {background:#e60012; width:0%; height:10px;}

.business{width:1290px; margin:120px auto; text-align:center;}
.business h3{font-size:60px; color:#414d59; margin:0 auto 15px;}
.business h3 .logo{display:inline-block; width:210px; height:60px; background:url('/images/main/main_txt_logo.png') 50% no-repeat; background-size:contain; text-indent:-9999rem;}
.business p.sub{font-size:25px; color:#414d59; line-height:1.5;}
.business p.sub strong{font-weight:600;}
.business .box-area{width:1280px; height:350px; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-evenly; align-items:center; align-content: center; align-items:center; align-content:center; margin:80px auto 110px; position:relative;}
.business .box-area .link{width:calc((100% - 120px) / 5); height:350px; display:inline-block; border-radius:30px; position:relative; text-align:center; overflow:hidden;}
.business .box-area .link .img{width:100%; height:350px; border-radius:30px; margin:0 auto;}
.business .box-area .link .img img{vertical-align:middle;}
.business .box-area .link:nth-of-type(1) .img{background:url(/images/main/main_business_01.png) 50%;}
.business .box-area .link:nth-of-type(2) .img{background:url(/images/main/main_business_02.png) 50%;}
.business .box-area .link:nth-of-type(3) .img{background:url(/images/main/main_business_03.png) 50%;}
.business .box-area .link:nth-of-type(4) .img{background:url(/images/main/main_business_04.png) 50%;}
/* .business .box-area .link:nth-of-type(5) .img{background:url(/images/main/main_business_04.png) 50%;} */
.business .box-area .link:hover{box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.5);}
.business .box-area .link:hover .img{width:100%; height:400px; background-size:cover;}
.business .box-area .link:hover .img{transform:scale(1.25);}
.business .box-area .link:hover{transform:scale(1.33); transition:transform .3s; z-index:1;}
.business .box-area .link .item{font-size:20px; font-weight:600; color:#fff; display:block; position:absolute; bottom:20px; width:100%;}
/*video*/
.video {width:1280px; margin:120px auto; text-align:center;}
.video h3{font-size:60px; color:#414d59; margin-bottom:15px;}
.video p.sub{font-size:25px; color:#414d59; line-height:1.5;}
.home-video{margin:50px 0 90px}
.home-videoplay-btn{position:relative; display:inline-block;}
.home-video img{filter:brightness(60%); width:80%; max-width:1040px;}
.home-video:hover img {opacity:1;}
.play-circle{position:absolute; top:40%; left:0; right:0; margin:0 auto;}
.home-video:hover .play-circle{fill:#e2100f; stroke:#e2100f;}
.video-popup{display:none; width: 100%; height:100%; background:rgba(0, 0, 0, 0.8); position:absolute; top:0px; left:0; right:0; z-index:10; margin:0 auto;}
.video-popup.on{display:block;}
.video-popup .popup-area {position:relative; top:30%; width:100%; max-width:820px; margin:0 auto; padding:0;}
.video-popup .close{position:absolute; top:5%; right:5%; width:25px; height:25px; } 
/*about*/
.about{position:relative; margin:120px auto 0px; background:url('/images/main/main_travelnews_bg.png') 50% no-repeat; background-size:cover;} 
.about .tit{max-width:1290px; margin:0 auto; }
.about .tit .sub{font-size:25px; font-weight:600; color:#fff; margin-bottom:0;}
.about .tit h3{font-size:60px; color:#fff; margin-bottom:40px;}
.about .item-box{width:1290px; margin:0 auto; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; margin-bottom:100px; }
.about .item-box .item{width:calc((100% - 40px) / 4); background:#fff; position:relative;}
.about .item-box .item h4{font-size:24px; font-weight:400; color:#fff; padding:16px 30px; box-sizing:border-box; position:relative; z-index:1; background:#333;}
.about .item-box .item h4::before{content:''; display:block; position:absolute; z-index:-1; top:0; left:0; width:0; height:56px; background:#333; }
.about .item-box .item:hover h4::before{animation:hoverAfter 0.5s ease-out forwards; width:100%; background:linear-gradient(-15deg, rgba(173,0,3,1) 0%, rgba(230,0,18,1) 51%, rgba(237,108,0,1) 100%); transition: 0.4s;}
.about .item-box dl{ color:#000; padding:30px 35px;}
.about .item-box dt{font-size:23px; font-weight:800; margin-bottom:20px;}
.about .item-box dd{font-size:18px; margin-bottom:35px; line-height:1.5; letter-spacing:-0.06px;}
.about .item-box dd span{letter-spacing:-0.03px;}
.about .item-box .item .go{font-size:16px; color:#990000; position:absolute; right:20px; bottom:15px}
.about .item-box .item .go::after{content:''; display:inline-block; width:15px; height:12px; background:url('/images/main/ico_arrow_red.png') 50% no-repeat; margin-left:3px;}
@keyframes hoverAfter {
	from {
		background:linear-gradient(-15deg, rgba(173,0,3,1) 0%, rgba(230,0,18,1) 51%, rgba(237,108,0,1) 100%);
		height:56px;
		width: 0;
	}
	to {
		background:linear-gradient(-15deg, rgba(173,0,3,1) 0%, rgba(230,0,18,1) 51%, rgba(237,108,0,1) 100%);
		height:56px;
		width: 100%;
	}
}
@keyframes w100{
	0%{width:0;}
	100%{width:100%;}
}
/*qna*/
.qna{width:100%; background:#eeece8;}
.qna .qna-area{max-width:1290px; margin:0 auto; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; position:relative; top:70px;}
.qna .txt{width:280px;}
.qna h3{font-size:60px; color:#414d59; margin-bottom:15px;}
.qna p.sub{font-size:25px; font-weight:600; color:#414d59; line-height:1.5;}
.qna .link-area{ display:flex; width:60%; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.qna .link-area a{display:inline-block; width:calc((100% - 220px) / 3); height:175px; background:#fff; color:#414d59; font-size:18px; font-weight:600; text-align:center; border-radius:50%; box-shadow: 0px 2px 16.2px 1.8px rgba(52, 52, 52, 0.18);}
.qna .link-area a + a{margin-left:100px;}
.qna .link-area a:nth-child(4){margin-left:0; margin-top:50px;}
.qna .link-area a:nth-child(5),
.qna .link-area a:nth-child(6){margin-top: 50px;}
.qna .link-area a::before{content:''; display:block; position:relative; width:100px; height:100px; margin:10px auto; background:url('/images/main/main_ico_qna.png') 50% no-repeat; background-size:670px;}
.qna .link-area a:nth-child(1)::before{background-position:21px 15px;}
.qna .link-area a:nth-child(2)::before{background-position:-102px 15px;}
.qna .link-area a:nth-child(3)::before{background-position:-225px 15px;}
.qna .link-area a:nth-child(4)::before{background-position:-343px 15px;}
.qna .link-area a:nth-child(5)::before{background-position:-470px 15px;}
.qna .link-area a:nth-child(6)::before{background-position:-590px 15px;}
.qna .link-area a:hover{background:linear-gradient( to bottom, #fb540b, #c10004); color:#fff;}
.qna .link-area a:hover:nth-child(1)::before{background-position:21px -66px;}
.qna .link-area a:hover:nth-child(2)::before{background-position:-102px -66px;}
.qna .link-area a:hover:nth-child(3)::before{background-position:-225px -65px;}
.qna .link-area a:hover:nth-child(4)::before{background-position:-343px -69px;}
.qna .link-area a:hover:nth-child(5)::before{background-position:-470px -66px;}
.qna .link-area a:hover:nth-child(6)::before{background-position:-590px -66px;}
/*
@media (min-width: 1400px){
	.slider-section .slick-slide .txt-area{padding:26.3% 0%;}
}
@media (min-width: 1600px){
	.slider-section .slick-slide .txt-area{padding:23.3% 0%;}
}
@media (min-width: 1700px){
	.slider-section .slick-slide .txt-area{padding:22.5% 0%;}
}
@media (min-width: 1800px){
	.slider-section .slick-slide .txt-area{padding:21.5% 0%;}
}
@media (min-width: 1900px){
	.slider-section .slick-slide .txt-area{padding:20% 0%;}
}
*/
/*new main*/
.wrap .wrap-inr{position:relative;}
.wrap .wrap-inr .header{position:fixed; top:0; left:0; z-index:10; background: transparent; width:100%; margin: 0 auto; }
.wrap .wrap-inr .header .sub{position:fixed; top:0; left:0; z-index:10; background: #fff; width:100%; margin: 0 auto; box-shadow:0 0 8px rgba(0,0,0,0.2)}
.slider-section .sliderContainer {position:relative; top:0px;}  
.slider-section .slider {width:100%;}
.slider-section .slick-prev:before,
.slider-section .slick-next:before {color: black;}
.slider-section .slick-dots {bottom: 0;}
.slider-section .slick-slide{width:100%; height:900px; background:#f8f9fa;}
.slider-sectionslick-slide div {vertical-align: middle;}
/* .slider-section .slick-slide .txt-area{padding:30% 0;} */
.slider-section .slick-slide .txt-area p{color:#fff; line-height:1.2; width:1290px; margin:0 auto; overflow:hidden;}
.slider-section .slick-slide .txt-area p span{display:inline-block; }
.slider-section .slick-slide .txt-area .up{font-size:60px;}
.slider-section .slick-slide .txt-area .up span{opacity:0; font-weight:600;}
.slider-section .slick-slide .txt-area .en{margin-top:13px; padding-left: 10px;}
.slider-section .slick-slide .txt-area .en span{font-size:20px; opacity:0;}
.slider-section .slick-slide .txt-area .line{position:relative;}
.slider-section .slick-slide .txt-area .line::before{content:''; position:absolute; top:50%;; width:0; height:1px; background:#fff;}
.slider-section .slick-slide .txt-area .line span{font-size:20px; font-weight:600; position:relative;}
.slider-section .slick-slide .txt-area .line span:first-of-type{margin-left:50px;}
.slider-section .slick-slide .txt-area .line span.w-spacing{margin-left:6px;}
.slider-section .slick-active .txt-area .up span{animation:UpTxt 0.5s 1s ease-in-out both;}
.slider-section .slick-active .txt-area .en span{animation:opacity 0.75s both;}
.slider-section .slick-active .txt-area .en span:nth-of-type(1){animation-delay:1.3s;}
.slider-section .slick-active .txt-area .en span:nth-of-type(2){animation-delay:1.4s;}
.slider-section .slick-active .txt-area .en span:nth-of-type(3){animation-delay:1.5s;}
.slider-section .slick-active .txt-area .en span:nth-of-type(4){animation-delay:1.6s;}
.slider-section .slick-active .txt-area .en span:nth-of-type(5){animation-delay:1.7s;}
.slider-section .slick-active .txt-area .en span:nth-of-type(6){animation-delay:1.8s;}
.slider-section .slick-active .txt-area .en span:nth-of-type(7){animation-delay:1.9s}
.slider-section .slick-active .txt-area .en span:nth-of-type(8){animation-delay:2.0s;}
.slider-section .slick-active .txt-area .en span:nth-of-type(9){animation-delay:2.1s;}
.slider-section .slick-active .txt-area .en span:nth-of-type(10){animation-delay:2.2s;}
.slider-section .slick-active .txt-area .en span:nth-of-type(11){animation-delay:2.3s;}
.slider-section .slick-active .txt-area .en span:nth-of-type(12){animation-delay:2.4s;}
.slider-section .slick-active .txt-area .en span:nth-of-type(13){animation-delay:2.5s;}
.slider-section .slick-active .txt-area .en span:nth-of-type(14){animation-delay:2.6s;}
.slider-section .slick-active .txt-area .en span:nth-of-type(15){animation-delay:2.7s;}
.slider-section .slick-active .txt-area .en span:nth-of-type(16){animation-delay:2.8s;}
.slider-section .slick-active .txt-area .en span:nth-of-type(17){animation-delay:2.9s;}
.slider-section .slick-active .txt-area .en span:nth-of-type(18){animation-delay:2.99999s;}
.slider-section .slick-active .txt-area .en span:nth-of-type(19){animation-delay:3s;}
.slider-section .slick-active .txt-area .line{animation:fadeInDown 0.7s both; }
.slider-section .slick-active .txt-area .line::before{animation:w30px 0.5s 0.4s both}
.slider-section .slick-active .txt-area .line span{animation:moveTxt 0.7s both;}
.slider-section .slick-active .txt-area .line span:first-of-type{animation-delay:0.2s;}
.slider-section .slick-active .txt-area .line span:nth-of-type(2){animation-delay:0.3s;}
.slider-section .slick-active .txt-area .line span:nth-of-type(3){animation-delay:0.4s;}
.slider-section .slick-active .txt-area .line span:nth-of-type(4){animation-delay:0.5s;}
.slider-section .slick-active .txt-area .line span:nth-of-type(5){animation-delay:0.6s;}
.slider-section .slick-active .txt-area .line span:nth-of-type(6){animation-delay:0.7s;}
.slider-section .slick-active .txt-area .line span:nth-of-type(7){animation-delay:0.8s;}
.slider-section .slick-active .txt-area .line span:nth-of-type(8){animation-delay:0.9s;}
.slider-section .slick-active .txt-area .line span:nth-of-type(9){animation-delay:1s;}
.slider-section .slick-active .txt-area .line span:nth-of-type(10){animation-delay:1.1s;}
.slider-section .slick-active .txt-area .line span:nth-of-type(11){animation-delay:1.2s;}
.slider-section .slick-active .txt-area .line span:nth-of-type(12){animation-delay:1.3s;}
.slider-section .slick-active .txt-area .line span:nth-of-type(13){animation-delay:1.4s;}
.slider-section .slick-active .txt-area .line span:nth-of-type(14){animation-delay:1.5s;}
.slider-section .slick-active .txt-area .line span:nth-of-type(15){animation-delay:1.6s;}
.slider-section .slick-active .txt-area .line span:nth-of-type(16){animation-delay:1.7s;}
.slider-section .slick-active .txt-area .line span:nth-of-type(17){animation-delay:1.8s;}
.slider-section .slick-active .txt-area .line span:nth-of-type(18){animation-delay:1.9s;}
.slider-section .slick-active .txt-area .line span:nth-of-type(19){animation-delay:2s;}
.slider-section .slick-active .txt-area .line span:nth-of-type(20){animation-delay:2.1s;}
@keyframes w30px{
	0%{width:0;}
	100%{width:30px;}
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0,-100%,0);

    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@keyframes opacity{
	0%{opacity:0;}
	100%{opacity:1}
}
@keyframes UpTxt{
	0% {
		opacity: 0;
		transform: translateY(50px);
	  }
	  100% {
		opacity: 1;
		transform: none;
	  }
}
@keyframes moveTxt{
	0%{opacity: 0; transform:translateY(-20px);}
	100%{opacity: 1;transform:translateY(0);}
}


.slider-section .slick-track .slick-slide:nth-child(1){background:url('/images/main/main_visual01.jpg') 50% no-repeat; background-size: cover;}
.slider-section .slick-track .slick-slide:nth-child(2){background:url('/images/main/main_visual02.jpg') 50% no-repeat; background-size: cover;}
.slider-section .progressBarContainer {position:absolute; bottom:0; width:80%; left:10%;}
.slider-section .progressBarContainer h3{margin:5px 0; font-weight:300; font-size:12px; color:#fff; opacity:0.3;}
.slider-section .progressBarContainer div {display:block; width:25%; padding: 0; cursor:pointer; float:left; color:white;}
.slider-section .progressBarContainer div:last-child {margin-right:0;}
.slider-section .progressBarContainer div span.progressBar {width:100%;	height:10px; background:rgba(230,0,18, 0.4); display:block;}
.slider-section .progressBarContainer div span.progressBar .inProgress {background:#e60012; width:0%; height:10px;}

.mainsection02{display:flex; margin:7rem 0 0; align-items:center; overflow:hidden; background-color:#f1f3f8; padding:7rem 0;}
.mainsection02 > article.section02_title{width:25%; color:#222; margin-left:8.5rem}
.mainsection02 > article.section02_content.pc_only{width:65%}
.mainsection02 > article.section02_content.m_only{display:none;}
.section02_title h2{font-size:1.75rem; margin-bottom:1rem}
.section02_title h1{font-size:2rem;  line-height:2.5rem; margin-bottom:1rem}
.section02_title p{font-size:1.15rem; line-height:1.8rem; color:#777}

div.specialVisual div img{width:100%; height:auto}
.specialVisual.slick-initialized .slick-slide{margin:1rem; border-radius:15px; overflow:hidden;}
.specialVisual.slick-initialized .slick-slide > a{display:block; width:100%; height:100%;}
.specialVisual .slick-list.draggable{width:110%;}
.specialVisual .slick-list.draggable > div > div:nth-child(2n){margin-top:5rem}



.specialVisual .slick-prev, 
.specialVisual .slick-next {border: none;background-color: transparent; border:1px solid #e2e2e2; border-radius:50px}
.specialVisual .slick-prev {position: absolute;left: -1rem; top:50% ; transform:translateY(-50%); z-index: 2; width: 70px; height: 70px;display: flex;text-indent: -9999px; justify-content:center; align-items:center; background-color:#fff;}
.specialVisual .slick-prev::before {content:''; background:url('/images/main/arrow-solid.svg'); width:100%; height:100%; transform:rotate(90deg); background-repeat:no-repeat; background-size:50%; background-position:center;}
.specialVisual .slick-next {position: absolute;right: 2rem; top:50% ; transform:translateY(-50%); z-index: 2; width: 70px; height: 70px;display: flex;text-indent: -9999px;  justify-content:center; align-items:center;  background-color:#fff;}
.specialVisual .slick-next::before {content:''; content:''; background:url('/images/main/arrow-solid.svg'); width:100%; height:100%; transform:rotate(-90deg); background-repeat:no-repeat; background-size:50%; background-position:center;}
div.special_items{position:relative;}
div.speical_txt{align-content:end; flex-wrap:wrap; position:absolute; box-sizing:border-box; width:100%;bottom:0; color:#fff ; padding:1rem 2rem 2rem;/* background: linear-gradient( to top, rgba(0,0,0,0.6), transparent );*/}
div.speical_txt span{font-size:1.1rem; font-weight:300;}
div.speical_txt p{margin-bottom:1rem; font-size:1.1rem; line-height:1.7rem; font-size:2.1rem; font-weight:700; letter-spacing:-1px; width:100%;} 

div.section_top{text-align:center; color:#222; margin:4rem 0}
.section_top h1{font-size:2rem; margin-bottom:0.6rem;letter-spacing:-1px;}
.section_top p{font-size:1.2rem; color:#777}
.section_top p > br.m_only{display:none;}
section.mainsection01{margin:5rem 0 2rem}
section.mainsection01.main01_2{background-color:#f1f3f8; padding:3rem 0; margin-bottom:6rem}
section.mainsection03{margin:5rem 0 10rem 0}
section.suggestion{display:flex;  width:1290px; margin: 0 auto; box-sizing:border-box; flex-wrap:wrap;}
section.suggestion article{width:calc(100% / 4); padding:0 0.5rem; box-sizing:border-box; margin-bottom:2rem;}
section.suggestion article > a div img{width:100%; border-radius:10px; height:auto;}
div.suggestion_txt{margin:0.5rem 0 1.5rem;}
div.suggestion_txt span.pro_code{ background-color:#0062ff; color:#fff; border-radius:5px; padding:5px 10px; display:inline-block; margin-bottom:5px; font-size:15px;}
div.suggestion_txt h2{color:#222; font-weight:800; margin-bottom:10px; line-height:1.4rem; font-size: 1.1rem; overflow: hidden; /* white-space: nowrap; text-overflow: ellipsis; word-break: keep-all; */}
div.suggestion_txt p{font-weight:500; color:#777; line-height:1.3rem; display:-webkit-box; overflow: hidden; white-space: normal; text-overflow: ellipsis; word-break: break-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all;}
div.suggestion_txt h3{margin-top:1rem;color:#333;font-size:1.5rem}
div.suggestion_txt h3 span{font-size:1rem; font-weight:500; display:block; font-weight:600; margin-bottom:5px;}
div.suggestion_txt h3 span:last-child{margin-bottom:0;}


section.instar_wrap{display:flex; flex-wrap:wrap; width:1290px; margin: 0 auto; box-sizing:border-box}
section.instar_wrap article{width:calc(100% / 4); padding:0 0.5rem; box-sizing:border-box;}
section.instar_wrap article > div > img{width:100%; border-radius:10px;}

.business{width:1290px; margin:240px auto; text-align:center;}
.business h3{font-size:60px; color:#414d59; margin:0 auto 15px;}
.business h3 .logo{display:inline-block; width:210px; height:60px; background:url('/images/main/main_txt_logo.png') 50% no-repeat; background-size:contain; text-indent:-9999rem;}
.business p.sub{font-size:25px; color:#414d59; line-height:1.5;}
.business p.sub strong{font-weight:600;}
.business .box-area{width:1280px; height:350px; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-evenly; align-items:center; align-content: center; align-items:center; align-content:center; margin:80px auto 110px; position:relative;}
.business .box-area .link{width:calc((100% - 120px) / 5); height:350px; display:inline-block; border-radius:30px; position:relative; text-align:center; overflow:hidden;}
.business .box-area .link .img{width:100%; height:350px; border-radius:30px; margin:0 auto;}
.business .box-area .link .img img{vertical-align:middle;}
.business .box-area .link:nth-of-type(1) .img{background:url(/images/main/main_business_01.png) 50%;}
.business .box-area .link:nth-of-type(2) .img{background:url(/images/main/main_business_02.png) 50%;}
.business .box-area .link:nth-of-type(3) .img{background:url(/images/main/main_business_03.png) 50%;}
.business .box-area .link:nth-of-type(4) .img{background:url(/images/main/main_business_04.png) 50%;}
/* .business .box-area .link:nth-of-type(5) .img{background:url(/images/main/main_business_04.png) 50%;} */
.business .box-area .link:hover{box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.5);}
.business .box-area .link:hover .img{width:100%; height:400px; background-size:cover;}
.business .box-area .link:hover .img{}
.business .box-area .link:hover{ z-index:1;}
.business .box-area .link .item{font-size:20px; font-weight:600; color:#fff; display:block; position:absolute; bottom:20px; width:100%;}
/*video*/
.video {width:1280px; margin:240px auto; text-align:center;}
.video h3{font-size:60px; color:#414d59; margin-bottom:15px;}
.video p.sub{font-size:25px; color:#414d59; line-height:1.5;}
.home-video{margin:50px 0 90px}
.home-videoplay-btn{position:relative; display:inline-block;}
.home-video img{filter:brightness(60%); width:80%; max-width:1040px;}
.home-video:hover img {opacity:1;}
.play-circle{position:absolute; top:40%; left:0; right:0; margin:0 auto;}
.home-video:hover .play-circle{fill:#e2100f; stroke:#e2100f;}
.video-popup{display:none; width: 100%; height:490%; background:rgba(0, 0, 0, 0.8); position:absolute;  left:0; right:0; z-index:10; margin:0 auto;}
.video-popup.on{display:block;}
.video-popup .popup-area {position:relative; top:2146px; width:100%; max-width:820px; margin:0 auto; padding:0;}
.video-popup .close{position:absolute; top:5%; right:5%; width:25px; height:25px; } 
/*about*/
.about{position:relative; margin:120px auto 0px; background:url('/images/main/main_travelnews_bg.png') 50% no-repeat; background-size:cover;} 
.about .tit{max-width:1290px; margin:0 auto; }
.about .tit .sub{font-size:25px; font-weight:600; color:#fff; margin-bottom:0;}
.about .tit h3{font-size:60px; color:#fff; margin-bottom:40px;}
.about .item-box{width:1290px; margin:0 auto; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; margin-bottom:100px; }
.about .item-box .item{width:calc((100% - 40px) / 4); background:#fff; position:relative;}
.about .item-box .item h4{font-size:24px; font-weight:400; color:#fff; padding:16px 30px; box-sizing:border-box; position:relative; z-index:1; background:#333;}
.about .item-box .item h4::before{content:''; display:block; position:absolute; z-index:-1; top:0; left:0; width:0; height:56px; background:#333; }
.about .item-box .item:hover h4::before{animation:hoverAfter 0.5s ease-out forwards; width:100%; background:linear-gradient(-15deg, rgba(173,0,3,1) 0%, rgba(230,0,18,1) 51%, rgba(237,108,0,1) 100%); transition: 0.4s;}
.about .item-box dl{ color:#000; padding:30px 35px;}
.about .item-box dt{font-size:23px; font-weight:800; margin-bottom:20px;}
.about .item-box dd{font-size:18px; margin-bottom:35px; line-height:1.5; letter-spacing:-0.06px;}
.about .item-box dd span{letter-spacing:-0.03px;}
.about .item-box .item .go{font-size:16px; color:#990000; position:absolute; right:20px; bottom:15px}
.about .item-box .item .go::after{content:''; display:inline-block; width:15px; height:12px; background:url('/images/main/ico_arrow_red.png') 50% no-repeat; margin-left:3px;}
@keyframes hoverAfter {
	from {
		background:linear-gradient(-15deg, rgba(173,0,3,1) 0%, rgba(230,0,18,1) 51%, rgba(237,108,0,1) 100%);
		height:56px;
		width: 0;
	}
	to {
		background:linear-gradient(-15deg, rgba(173,0,3,1) 0%, rgba(230,0,18,1) 51%, rgba(237,108,0,1) 100%);
		height:56px;
		width: 100%;
	}
}
@keyframes w100{
	0%{width:0;}
	100%{width:100%;}
}
/*qna*/
.qna{width:100%; background:#eeece8;}
.qna .qna-area{max-width:1290px; margin:0 auto; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:center; align-content:center; position:relative; top:240px;}
.qna .txt{width:280px;}
.qna h3{font-size:60px; color:#414d59; margin-bottom:15px;}
.qna p.sub{font-size:25px; font-weight:600; color:#414d59; line-height:1.5;}
.qna .link-area{ display:flex; width:60%; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.qna .link-area a{display:inline-block; width:calc((100% - 220px) / 3); height:175px; background:#fff; color:#414d59; font-size:18px; font-weight:600; text-align:center; border-radius:50%; box-shadow: 0px 2px 16.2px 1.8px rgba(52, 52, 52, 0.18);}
.qna .link-area a + a{margin-left:100px;}
.qna .link-area a:nth-child(4){margin-left:0; margin-top:50px;}
.qna .link-area a:nth-child(5),
.qna .link-area a:nth-child(6){margin-top: 50px;}
.qna .link-area a::before{content:''; display:block; position:relative; width:100px; height:100px; margin:10px auto; background:url('/images/main/main_ico_qna.png') 50% no-repeat; background-size:670px;}
.qna .link-area a:nth-child(1)::before{background-position:21px 24px;}
.qna .link-area a:nth-child(2)::before{background-position:-102px 24px;}
.qna .link-area a:nth-child(3)::before{background-position:-225px 24px;}
.qna .link-area a:nth-child(4)::before{background-position:-343px 24px;}
.qna .link-area a:nth-child(5)::before{background-position:-470px 24px;}
.qna .link-area a:nth-child(6)::before{background-position:-590px 24px;}
.qna .link-area a:hover{background:linear-gradient( to bottom, #fb540b, #c10004); color:#fff;}
.qna .link-area a:hover:nth-child(1)::before{background-position:21px -62px;}
.qna .link-area a:hover:nth-child(2)::before{background-position:-102px -62px;}
.qna .link-area a:hover:nth-child(3)::before{background-position:-225px -63px;}
.qna .link-area a:hover:nth-child(4)::before{background-position:-343px -62px;}
.qna .link-area a:hover:nth-child(5)::before{background-position:-470px -66px;}
.qna .link-area a:hover:nth-child(6)::before{background-position:-590px -62px;}


/*
@media (min-width: 1400px){
	.slider-section .slick-slide .txt-area{padding:26.3% 0%;}
}
@media (min-width: 1600px){
	.slider-section .slick-slide .txt-area{padding:23.3% 0%;}
}
@media (min-width: 1700px){
	.slider-section .slick-slide .txt-area{padding:22.5% 0%;}
}
@media (min-width: 1800px){
	.slider-section .slick-slide .txt-area{padding:21.5% 0%;}
}
@media (min-width: 1900px){
	.slider-section .slick-slide .txt-area{padding:20% 0%;}
}
*/