@charset "UTF-8";


/* people */
.wrap_strory{background-color: #8b0028; position:relative;}
.wrap_strory .container{max-width: 1800px;margin:0 auto;position: relative;}
.wrap_strory .container .more{position: absolute;display: inline-block;z-index: 10111;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.wrap_strory .container .more img{position:relative; z-index:10;}
.wrap_strory .container .more:before{content:'';display: block;width: 1000px;position: absolute;right: 0;height: 1px;background: rgba(255,255,255,.2);top: 50%;}
.wrap_strory .container .list{}
.wrap_strory .container .list li{display: block !important;}
.wrap_strory .container .list li img{transition:all ease .5s;max-width: initial;}
.wrap_strory .container .list li:hover img{transform: scale(1.03);}
.wrap_strory .container .list li .txt{padding:115px 0 0 0;float:left;width:50%;color:#fff;font-family: Noto Light;}
.wrap_strory .container .list li .txt .t1{font-size:20px;margin-bottom: 20px;}
.wrap_strory .container .list li .txt .t1 span{font-family: Noto Medium; display:inline-block; margin-left:10px;}
.wrap_strory .container .list li .txt .t2{font-size:60px;font-family: 'Noto Medium';letter-spacing: -2px;margin-bottom: 90px;line-height:1.3;display: -webkit-box;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.wrap_strory .container .list li .txt .t2:before,
.wrap_strory .container .list li .txt .t2:after{content:''; display:inline-block;}
.wrap_strory .container .list li .txt .t3{font-size:50px;letter-spacing: -2px; margin-bottom: 30px;}
.wrap_strory .container .list li .txt .t3 strong{font-family: 'Noto Medium'; display:inline-block; margin-left:10px;}
.wrap_strory .container .list li .txt .t4{font-size:18px;margin-bottom: 30px;}
.wrap_strory .container .list li .photo{float:right;width:50%;max-width: 900px;height: 725px;overflow: hidden;}

.wrap_strory .container .thum{width: 700px;position: absolute;bottom:5%;z-index: 10;overflow: hidden;padding: 0 30px;}
.wrap_strory .container .thum .slick-list{overflow:hidden;}
.wrap_strory .container .thum li{display:inline-block;text-align: center; cursor:pointer; padding:10px;}
.wrap_strory .container .thum .slick-current img{border:3px solid #fff;}
.wrap_strory .container .thum li img{display: inline-block;border-radius: 100%;overflow: hidden;max-width: 110px;height: 110px;width:100%;}
.wrap_strory .container .thum .slick-arrow{cursor:pointer; position: absolute;top: 50%;z-index: 10;width: 20px;height: 25px;margin-top: -12.5px;text-indent: -9999px;border:none;  opacity: .5;}
.wrap_strory .container .thum .slick-arrow:hover{opacity:1;}
.wrap_strory .container .thum .slick-arrow.slick-prev{left: 20px;background: url(./../images/sec03-arr-left.png) center no-repeat;}
.wrap_strory .container .thum .slick-arrow.slick-next{right: 20px;background: url(./../images/sec03-arr-right.png) center no-repeat;}

.wrap_strory .container .v-more{width: 130px;height: 130px;display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.wrap_strory .container .v-more span{width: 100%;height: 100%;display: block;background: #000;border-radius: 100%;color: #fff;text-align: center;line-height: 130px;z-index: 101;position: absolute;}
.wrap_strory .container .v-more:before{content:'';display: block;width: 1000px;position: absolute;right: 0;height: 1px;background: rgba(255,255,255,.2);top: 50%;}

@media all and (max-width:1840px) {
	.wrap_strory .container .list li{padding-left:30px;}
	.wrap_strory .container .thum{left:30px;}
}

@media all and (max-width:1700px) {
	.wrap_strory .container .list li .txt{padding-top:60px;}
	.wrap_strory .container .thum{bottom:50px; width:40%;}
	.wrap_strory .container .list li .txt .t2{font-size:45px; word-break: keep-all; margin-bottom:40px; padding-right:40px;}
	.wrap_strory .container .list li .txt .t2 br{display:none;}
	.wrap_strory .container .list li .txt .t3{font-size:40px;}
	.wrap_strory .container .v-more:before{display:none;}
}

@media all and (max-width:1400px) {
	.wrap_strory .container .more{width:100px;}
	.wrap_strory .container .list li .txt .t2{font-size:35px;}
	.wrap_strory .container .list li .txt .t2 br{display:none;}
	.wrap_strory .container .list li .txt .t3{padding-right:100px; font-size:30px;}
	.wrap_strory .container .list li .txt .t4{padding-right: 100px;}
}

@media all and (max-width:1200px) {
	.wrap_strory .container .list li .txt .t2{font-size:30px; margin-bottom: 20px;}
	.wrap_strory .container .list li .txt .t3{font-size:25px;}
	.wrap_strory .container .list li .txt .t4{font-size:16px;}
	.wrap_strory .container .thum{width:45%; bottom:30px;}
}

@media all and (max-width:1024px) {
	.wrap_strory .container .v-more{top: initial;bottom: 160px;}
	.wrap_strory .container .list li{padding-left:0;}
	.wrap_strory .container .list li .txt{width:100%; padding-left:20px;}
	.wrap_strory .container .list li .photo{width:100%;max-height: 365px;height: 335px;}
	.wrap_strory .container .list li img{width:100%;height: 285px;}
	.wrap_strory .container .thum{position:relative;bottom:0;width:100%;left:0;padding: 60px 70px 40px;}
}


@media all and (max-width:767px) {
	.wrap_strory .container .slideWrap{height: 800px;}
	.wrap_strory .container .list li .txt{padding: 50px 10px 0 10px;}
	.wrap_strory .container .list li .txt .t1{text-align:center;margin-bottom: 40px;}
	.wrap_strory .container .list li .txt .t2{font-size: 26px; padding-right:0; border-bottom: 1px solid rgba(255,255,255,.2);padding-bottom: 20px;}
	.wrap_strory .container .list li .txt .t3{font-size: 22px;    margin-bottom: 15px;}
	.wrap_strory .container .thum li img{width: 80px;height: 80px;}
	.wrap_strory .container .v-more{bottom: -50px;width: 100px;height: 100px;}
	.wrap_strory .container .v-more span{transform: scale(.8);line-height: 100px;font-size: 17px;}
	.wrap_strory .container .thum .slick-arrow{margin-top: 0;margin-top: -12.5px;}
	.wrap_strory .container .slick-list{overflow:inherit;padding-bottom: 75px;}
	.wrap_strory .container ul + ul .slick-list{padding-bottom:0;height: auto !important;}
	.wrap_strory .container .thum{padding: 25px 50px 40px;position: absolute;bottom: 0;}
	.wrap_strory .container .thum li{padding: 0;}
	.wrap_strory .container .list li .txt .t4{padding-right:0; font-size: 15px;}
}
