@charset "UTF-8";

.wrap-link .inner {max-width:unset; overflow:hidden;}

.wrap-link .slider-wrap {display: flex; max-width:1720px; margin:0 auto;}
.wrap-link .text-box {width:405px; flex-shrink: 0; margin-top: 40px;}
.wrap-link .text-box strong {font-size: 30px; font-family: 'SUITE Bold'; line-height: 60px; color:#01498E; position: relative;}
.wrap-link .text-box em {color:#E0E9EE; font-size: 100px; line-height: 60px; letter-spacing: -.025em; font-family: 'SUITE ExtraBold'; font-style: italic; margin-left:-30px;}
.wrap-link .text-box p {font-size: 20px; font-family: 'SUITE Regular'; line-height: 30px; color:#888;}
.wrap-link .main-slider {position: relative; z-index: 1;}
.wrap-link .main-slider .main-slick {width:1008px;}
.wrap-link .main-slider .main-slick::before {content:''; width:600px; height:600px; background:#fff; border-radius:50%; position: absolute; right:0; top:0;}
.wrap-link .main-slider .slider {position: relative;}
.wrap-link .main-slider .box {width:100%; height: 100%; display: flex; align-items: center; flex-direction: row-reverse;}
.wrap-link .main-slider .img-box {width:600px; height:600px; border-radius:50%; background:#fff; position: relative;}
.wrap-link .main-slider .img-box::after {content:''; width:160px; height:3px; background: #F8EA76; position: absolute; right:calc(100% - 40px); top:50%;}
.wrap-link .main-slider .img-box img {width:100%; height:100%; object-fit: cover; border-radius:50%; overflow:hidden;}
.wrap-link .main-slider a {border-radius:50%; overflow:hidden;}
.wrap-link .slider .control {position: absolute; top:42px; right:5px;}
.wrap-link .control button {width:70px; height:70px; background-color:#005BAC; border-radius:10px; background-repeat:no-repeat; background-position: center; text-indent: -9999px; transition:box-shadow .3s;}
.wrap-link .control button:hover {box-shadow:2px 2px 5px rgba(0,0,0,0.8);}
.wrap-link .control .prev {background-image:url('../images/link-prev.png'); }
.wrap-link .control .next {background-image:url('../images/link-next.png'); position: relative; top:48px}
.wrap-link .slider-wrap .nodata {min-height:600px; width:100%; display: flex; align-items: center; justify-content: center; font-family: 'HG Regular';}
.wrap-link .sub-slider > ul {padding-left:170px; margin-left:-100px; overflow:hidden;}
.wrap-link .sub-slider > ul .slick-list {overflow:visible;} 
.wrap-link .sub-slider .slick-slide {width:370px; margin:0 35px; padding-top:27px; transition: 1.5s ease; transition-property: padding; font-size: 0;}
.wrap-link .sub-slider .slick-slide.slick-prev {opacity:0; padding-top:100px; transition:1.5s;}
.wrap-link .sub-slider .slick-slide.slick-active,
.wrap-link .sub-slider .slick-slide.slick-next {opacity:1;}
.wrap-link .sub-slider .slick-slide.slick-now {padding-top:230px;}
.wrap-link .sub-slider li {width:370px; height: 370px; border-radius:50%; overflow:hidden; position: relative; background:#03183B;}
.wrap-link .sub-slider li img {opacity:.7; }
.wrap-link .sub-slider li p {position: absolute; bottom:48px; left:50%; transform: translateX(-50%); z-index: 1; color:#fff; font-family: 'SUITE Regular'; font-size: 20px; line-height: 30px; letter-spacing: -.05em; width:100%; text-align: center;}
.wrap-link .sub-slider li p span {font-size: 35px; display: inline-block; font-family: 'SUITE Bold'; font-style: italic; margin-right: 8px;}

@media screen and (min-width:1921px) {
	.wrap-link .slider-wrap {margin:0 auto;}
	/* .wrap-link .sub-slider li {opacity:1 !important;} */
	.wrap-link .sub-slider .slick-slide.slick-prev {opacity:1 !important}
}

@media screen and (max-width:1800px) {
	.wrap-link .slider-wrap {margin: 0 20px;}
}
@media screen and (max-width:1200px) {
	.wrap-link .sub-slider {display: none;}
	.wrap-link .slider-wrap {width:auto; margin:0 40px;}
	.wrap-link .main-slider {width:100%;}
	.wrap-link .main-slider .main-slick {width:auto;}
	.wrap-link .main-slider .box {justify-content: space-between;}
	.wrap-link .main-slider .img-box {width:500px; height:500px;}
	.wrap-link .slider-wrap .nodata {min-height:500px;}
	.wrap-link .main-slider .main-slick::before {display: none;}
}
@media screen and (max-width:950px) {
	.wrap-link .main-slider .box {flex-direction: column;}
	.wrap-link .main-slider .img-box {align-self:end;}
	.wrap-link .text-box {align-self:start; margin-top: 0;}
	.wrap-link .main-slider .img-box::after {top:68%;}
}
@media screen and (max-width:768px) {
	.wrap-link .slider-wrap {margin:0 20px;}
	.wrap-link .main-slider .img-box {width:350px; height: 350px;}
	.wrap-link .slider-wrap .nodata {min-height:350px;}
	.wrap-link .text-box {margin-top: -25px;}
	.wrap-link .main-slider .img-box::after {right:unset; left:-30px;}
	.wrap-link .text-box strong {font-size: 24px;}
	.wrap-link .text-box em {font-size: 70px;}
	.wrap-link .text-box p {font-size: 18px;}
	.wrap-link .slider .control {top:0; right: 0;}
	.wrap-link .control button {width:50px; height:50px;}
	.wrap-link .control .next {top:20px;}
}