.depart-top-inner {padding: 40px 40px 24px 40px;position: relative;}
.depart-top-inner .logo {text-align:center;margin: 0 0 40px 0;}
.depart-top-inner .info {text-align: center;position: relative;}
.depart-top-inner .info > div + div {position: absolute;right: 0;bottom: 0;}
.depart-top-inner .info h2 {font-weight: 700;font-size: 88px;line-height: 1.1;color:#1D2088;margin: 0 0 24px 0;}
.depart-top-inner .info p {font-weight: 700;font-size: 30px;line-height: 1;letter-spacing: -0.3px;color:#A9A9A9;text-align: center;}
.depart-top-inner .info div:last-chald a {display:flex;align-items:center;gap:16px;color:#000;font-weight: 700;font-size: 18px;line-height:1;}
.depart-top-inner .info div a > span{margin:0 10px 0 0}

.depart-visual-inner {position: relative;}
.depart-visual-inner .swiper-container {overflow: hidden;}
.depart-visual-inner .depart-img-box {height: 820px;}
.depart-visual-inner .depart-img-box img {width: 100%;height: 100%;object-fit: cover;}
.depart-visual-inner .depart-title {position: absolute;top: 50%;transform: translatey(-50%);left: 40px;padding: 40px 32px;width: 1200px;}
.depart-visual-inner .depart-title .tit01 {font-weight: 500;font-size: 24px;line-height: 100%;letter-spacing: -0.02px;color: #FFFFFF;padding: 0 0 20px;text-shadow:5px 2px 10px #000}
.depart-visual-inner .depart-title .tit02 {font-weight: 700;font-size: 40px;line-height: 130%;letter-spacing: -0.02px;color: #FFFFFF;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-shadow:5px 2px 10px #000}
.depart-visual-inner .depart-title .tit03 {font-weight: 700;font-size: 48px;line-height: 130%;letter-spacing: -0.02px;color: #FFE484;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-shadow:5px 2px 10px #000}
.depart-visual-inner .depart-title .txt-box {padding: 0 0 102px;}

.depart-visual-inner .swiper-vi-control {position: absolute;left: 72px;bottom: 345px;z-index: 1;}
.swiper-vi-control > div > div.swiper-vi-pagination {display: flex;gap: 16px;align-items: center;justify-content: space-between;}
.swiper-vi-control .swiper-pagination-bullet {width: auto;height: auto;background: transparent;margin: 0 !important;font-size: 14px;font-weight: 500;line-height: 100%;color: #fff;opacity: 1;display: flex;gap: 8px;align-items: flex-start;flex-direction: column;}
.swiper-vi-control .vi-progress {width: 64px;height: 4px;display: inline-block;background: #fff;transition: all;}
.swiper-vi-control .swiper-pagination-bullet-active .vi-progress span {display: block;height: 100%;width: 0%;background: #91CEC2;animation: visualPasin 5.1s forwards;}

.depart-visual-inner .btn-more {box-sizing: border-box;}
.depart-visual-inner .btn-more a {position: relative;border: 3px solid #FFFFFF;border-radius: 40px;color: #fff;padding: 13px 21px;display: flex;font-size: 18px;line-height: 140%;align-items: center;width: 168px;box-sizing: border-box;justify-content: space-between;font-weight: 500;max-height: 56px;}
.depart-visual-inner .btn-more a:after{content: '';background: url(/_res/u1/depart-intro/img/common/btn-more.png);background-size: cover;width: 16px;height: 12px;display: block;margin-top: 3px;}

/*main visual image*/
@keyframes visualPasin {
	0% {
		width: 0%;
	}
	100% {
		width: 100%;
	}
}

.depart-banner-box02 {display: flex;gap: 32px;padding: 128px 0;position: relative;z-index: 10;}
.depart-banner-box02 .depart-title-box {width: calc((376/1600) * 100%);position: relative;padding: 6px 40px;box-sizing: border-box;}
.depart-banner-box02 .depart-title-box:before {content: '';display: block;position: absolute;top: -80px;left: 0;z-index: -10;width: 580px;height: 495px;background: url(/_res/u1/depart-intro/img/main/img-banner-title.jpg)no-repeat;background-size: cover;border-radius: 60px;border-top-left-radius: 0;border-bottom-right-radius: 0;overflow: hidden;z-index: -1;}
.depart-banner-box02 .depart-title-box .banner-tit {font-size: 42px;font-weight: 700;line-height: 1;text-transform: uppercase;color: #FFFFFF;letter-spacing: 0;margin: 0 0 8px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.depart-banner-box02 .depart-title-box .banner-txt {font-size: 42px;font-weight: 700;line-height: 1;text-transform: uppercase;color: #FFFFFF;letter-spacing: 0;margin: 0 0 30px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.depart-banner-box02 .depart-title-box .banner-desc {font-weight: 400;font-size: 19px;line-height: 140%;letter-spacing: -0.02em;vertical-align: middle;text-transform: uppercase; color: #ffffff;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;margin: 0 0 40px;}
.depart-banner-box02 .depart-title-box > a {width: 124px;background: #0068B7;border-radius: 32px;display: flex;padding: 13px 24px;font-weight: 500;font-size: 18px;line-height: 140%;letter-spacing: 0;color: #fff;box-sizing: border-box;position: relative;align-items: center;min-height: 56px;justify-content: space-between;}
.depart-banner-box02 .depart-title-box > a:after {content: '';background: url(/_res/u1/depart-intro/img/common/btn-more.png);background-size: cover;width: 16px;height: 12px;display: block;margin-top: 3px;}

.depart-banner-box {width: calc(100% - 408px);}
.depart-banner-box .depart-banner-swiper {overflow: hidden;}
.depart-banner-box02 .depart-banner-box .swiper-slide {border-radius: 24px;overflow: hidden;background: #FFFFFF;}
.depart-banner-box02 .depart-banner-box .swiper-slide > a .list-tag {padding: 24px;display: flex;gap: 24px;flex-wrap: wrap;justify-content: flex-start;min-height: 71px;box-sizing: border-box;}
.depart-banner-box02 .depart-banner-box .swiper-slide > a .list-tag li {color: #404040;font-weight: 500;line-height: 140%;}
.depart-banner-box02 .depart-banner-box .swiper-slide > a .img-box {overflow: hidden;width: 100%;height: 259px;}
.depart-banner-box02 .depart-banner-box .swiper-slide > a .img-box img {transition: transform 0.5s ease;width: 100%;height: 100%;object-fit: cover;}
.depart-banner-box02 .depart-banner-box .swiper-slide > a:hover img {transform: scale(1.1);}
.depart-banner-box02 .depart-banner-box .swiper-slide > a > .banner-txt-box {display: none}


.depart-content-inner03 {padding: 128px 0;}
.video-box {display:flex;gap:64px;}
.video-box > div {width: calc(50% - 32px);}
.video-box .box-video {position:relative;}
.video-box .box-video .icon {position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.video-box .box-video .icon img {}
.video-box .box-video {height:432px;border-radius: 24px;overflow:hidden;}
.video-box .box-video > img {width: 100%;height:100%;object-fit:cover;border-radius: 24px;transition: transform 0.5s ease;}
.video-box a:hover .box-video > img {transform:scale(1.1);}
.video-box .box-text {padding: 24px;}
.video-box .box-text .txt01 {font-weight: 600;font-size: 28px;line-height: 1.4;color:#404040;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;vertical-align: middle;margin: 0 0 12.5px 0;}
.video-box .box-text .txt02 {font-weight: 600;font-size: 24px;line-height: 1.4;color:#404040;}
.video-box .btn-more {display:inline-block;border-radius: 50px;font-weight: 600;font-size: 18px;line-height: 1;color:#003965;border:3px solid #003965;padding: 15.5px 46px 15.5px 24px;background: url(/_res/u1/depart-intro/img/common/ico-short-left.png) no-repeat center right 12px;background-size: 24px;transition:0.3s;margin: 0 24px;}
.video-box .btn-more:hover {opacity: 0.7;}
.video-box  iframe {height: 432px;}
.video-box ul {}
.video-box ul li {}
.video-box ul li + li {margin: 32px 0 0 0;}
.video-box ul li a {display:flex;gap:40px;}
.video-box ul li .box-video {width: 320px;height:180px;}
.video-box ul li .box-video iframe {height: 180px;}
.video-box ul li .box-text {width:calc(100% - 360px);padding: 24px 0;}


.depart-bottom-inner {padding: 40px 80px;border-radius:12px;border:1px solid rgba(31, 31, 31, 0.12);background:#F9F9F9;position: relative;}
.depart-bottom-inner .depart-top {padding: 37px 40px 32px 0;border-bottom: 1px solid #1F1F1F;}
.depart-bottom-inner .depart-top > ul {display: flex;justify-content: flex-start;gap: 16px 44px;flex-wrap: wrap;margin: 0 200px 0 0;}
.depart-bottom-inner .depart-top > ul > li a{font-size: 16px;font-weight: 600;line-height: 1.2;position: relative;color: #404040;transition:0.3s;}
.depart-bottom-inner .depart-top > ul > li.active a, .depart-bottom-inner .depart-top > ul > li a:hover {color: #F7D300;}
.depart-bottom-inner .depart-top > ul > li a:before {content: '';width: 4px;height: 4px;position: absolute;background: #C0C0C0;border-radius: 50%;right: -24px;top: 50%;transform: translateY(-50%);}
.depart-bottom-inner .depart-top > ul > li:last-child a:before {display: none;}

.depart-bottom-inner .depart-bottom {display: flex;gap: 40px;justify-content: space-between;align-items: flex-start;padding: 32px 0 0 0;}
.depart-bottom-inner .depart-bottom > div {display: flex;gap: 60px;}
.depart-bottom-inner .depart-bottom .depart-info-box {display: flex;flex-direction: column;gap: 15px;margin-right: 60px;}
.depart-bottom-inner .depart-bottom .depart-info-box p{font-weight: 400;font-size: 16px;line-height: 24px;color:#111;}
.depart-bottom-inner .depart-bottom .depart-logo-box img{width: 171px;}

.depart-bottom-inner .depart-related-box {align-content: flex-end;position: absolute;top: 40px;right: 80px;}
.depart-bottom-inner .related-box-wrap {position: relative;}
.depart-bottom-inner .related-box-wrap a::before {content: '';position: absolute;background-image: url(/_res/u1/depart-intro/img/common/ico-selected.png);background-repeat: no-repeat;background-size: cover;width: 24px;height: 24px;top: 50%;right: 24px;transform: translateY(-50%);}
.depart-bottom-inner .related-box-wrap > a{cursor: pointer;text-decoration: none;color: #fff;padding: 12px 57px 12px 30px;border-radius: 30px;font-size: 16px;line-height: 24px;font-weight: 400;position: relative;display: block;transition: all .3s ease-in-out;background: #0068B7;min-width: 240px;box-sizing: border-box;z-index: 100;}
.depart-bottom-inner .related-site{display: none;position: absolute;bottom: 50%;width: 100%;max-height: 187px;background-color: #fff;overflow-y: auto;box-sizing: border-box;padding: 6px 0;z-index: 50;border: 1px solid #9999;padding-bottom: 29px;border-radius: 12px 12px 0 0;}
.depart-bottom-inner .related-site li .item {border: none;color: #222;display: block;padding: 4px 15px 4px 23px;font-size: 14px;line-height: 22px;text-align: left;position: relative;}
.depart-bottom-inner .related-site-title.active + .related-site{display:block;}
.depart-bottom-inner .related-box-wrap .active::before {transform: rotate(180deg);top: 25%;}
.depart-bottom-inner .related-box-wrap ul > li > a:before {content: '';position: absolute;top: 15px;left: 10px;width: 6px;height: 1px;background: #222;}

.icon-wrap {display: flex;align-items: center;gap: 16px;}
.icon-wrap li {transition: 0.3s;}
.icon-wrap li:hover {transform: translatey(-3px);}
.icon-wrap img {width: 40px;height: 40px;object-fit: contain;}
@media (min-width: 1025px) {
	.video-box ul li .box-text .txt01 {font-size:24px;margin: 0 0 14px 0;}
	.video-box ul li .box-text .txt02 {font-size:20px;}
}
@media (min-width: 1025px) and (max-width:1920px) {
	.depart-top-inner .info {gap: 15.78125vw;}
	.depart-top-inner .info h2 {font-size:4.58333333vw;}
	.depart-top-inner .info p {font-size:1.5625vw;}
}
@media (max-width: 1400px) {
	.depart-top-inner .info > div + div {position: static;margin: 20px 0 0 0;}
	.depart-top-inner .info div a {justify-content: center;}
}
@media (max-width:1336px) {
	.video-box {gap:32px;}
	.video-box > div {width: calc(50% - 16px);}

	.video-box ul li a {gap: 16px;}
	.video-box ul li .box-video {width: 250px;}
	.video-box ul li .box-video iframe {height: 250px;}
	.video-box ul li .box-text {width: calc(100% - 266px);}
}
@media (max-width:1280px) {
	.depart-banner-box {width: calc(100% - 340px);}
}
@media (max-width:1200px) {
	.depart-bottom-inner .depart-bottom .depart-info-box {margin-right: 0px;} 
	.intro-bottom-box {padding: 56px 20px 65px 20px;}
	.depart-bottom-inner .depart-related-box {top:20px;right:20px;}
	.depart-bottom-inner .related-box-wrap a {padding: 11.5px 52px 9.5px 30px;min-width:auto;}
}
@media (max-width:1024px) {
	.depart-top-inner {padding: 24px 16px;}
	.depart-top-inner .info {flex-direction: column;align-items: center;gap: 40px;}
	.depart-top-inner .logo {margin: 0 0 20px 0;}
	.depart-top-inner .info h2 {margin: 0 0 12px 0;font-size: 38px;text-align: center;}
	.depart-top-inner .info p {font-size: 20px;}

	.depart-banner-box02 {flex-direction: column;padding: 50px 0;}
	.depart-banner-box02 .depart-title-box:before {display: none;}
	.depart-banner-box02 .depart-title-box {width: 100%;padding: 0;}
	.depart-banner-box {width: 100%;}

	.depart-content-inner03 {padding: 60px 0;} 
	.video-box {flex-direction:column;}
	.video-box > div {width:100%;}
	.video-box .box-text {padding: 16px 0;}
	.video-box .box-text .txt01 {font-size:20px;margin-bottom: 6px;}
	.video-box .box-text .txt02 {font-size: 18px;}
	.video-box .btn-more {padding: 12.5px 46px 12.5px 24px; font-size:16px;margin:0;}

	.depart-bottom-inner .depart-top {align-items:center;border-bottom: 0;padding: 0;}
	.depart-bottom-inner .depart-top > ul {gap: 16px 36px;justify-content:center;margin: 0;}
	.depart-bottom-inner .depart-top > ul > li a:before {display: none;}

	.depart-bottom-inner .depart-bottom .depart-info-box {gap: 15px;align-items: center;text-align: center;order: -1;}  
	.depart-bottom-inner .depart-bottom .depart-info-box p {line-height:1.2;}
	.depart-bottom-inner .depart-bottom .depart-logo-box {text-align: center;}
	.depart-bottom-inner .depart-bottom {flex-direction: column;gap: 40px;align-items:center;}
	.depart-bottom-inner .depart-bottom > div {flex-direction: column;gap: 40px;}

	.depart-bottom-inner .depart-related-box {width: 192px;align-self: center;position: static;}
	.depart-bottom-inner .depart-bottom .depart-info-box br {display: block;}
	.depart-bottom-inner .related-box-wrap a::before {width:15px;height:15px;}
	.depart-bottom-inner .related-box-wrap .active::before {top:35%;}

}
@media (max-width: 768px) {
	.depart-top-inner .info {gap: 20px;}
	.depart-top-inner .info div a span img {width: 32px; height: 32px;}
	.depart-top-inner .info div a {font-size:14px;word-break: break-word;overflow-wrap: break-word;}


	.depart-visual-inner .depart-img-box {height: 500px;}
	.depart-visual-inner .depart-title {left: 0px;padding: 30px 20px;width: -webkit-fill-available;top: 35%}
	.depart-visual-inner .depart-title .tit01 {font-size: 18px;padding: 0 0 10px;}
	.depart-visual-inner .depart-title .tit02 {font-size: 28px;}
	.depart-visual-inner .depart-title .tit03 {font-size: 28px;}
	.depart-visual-inner .depart-title .txt-box {padding: 0 0 40px;} 
	.depart-visual-inner .btn-more a {font-size: 14px;padding: 10px 15px;max-width: 135px;}
	.depart-visual-inner .swiper-vi-control {left: 20px;bottom: 80px;}


	.mb-hide {display: none;}
	.depart-banner-box02 .depart-title-box .banner-tit {font-size: 28px;margin: 0 0 10px;}
	.depart-banner-box02 .depart-title-box .banner-txt {font-size: 28px;margin: 0 0 15px;}
	.depart-banner-box02 .depart-title-box .banner-desc {font-size: 14px;margin: 0 0 15px;-webkit-line-clamp: 3;}

	.video-box ul li a {flex-direction: column;}
	.video-box ul li .box-video {width: 100%; height: 280px;}
	.video-box ul li .box-video iframe {height: 280px;}
	.video-box ul li .box-text {width: 100%; padding: 16px 0;}

	.depart-bottom-inner {padding: 56px 16px;}
	.depart-bottom-inner .depart-bottom .depart-info-box p:first-child {display:flex;flex-direction:column;gap: 15px;}
}

@media screen and (max-width :500px) {
	.depart-bottom-inner .depart-top > ul {flex-direction: column;align-items: center;}
	.depart-bottom-inner .depart-top > ul > li a:before {display: block;border-radius: 50%;left: 50%;top: unset;bottom: -12px;transform: translateX(-50%);right: unset;}
}