.outter .main .feature img{width:100%;}
.outter .main .feature p a,
.outter .main .feature p a:focus,
.outter .main .feature p a:active {display: inline;color: #0ebae3;}
.outter .main .feature p a:hover {text-decoration: underline;}
.outter .main .share-2021{margin-top: 30px;margin-bottom: 30px;}

/********************** OVERVIEW: BANNER ********************/
.feat-banner .pc {display:block;}
.feat-banner .mobi {display:none;}

.feat-banner .content {position: absolute; bottom: 0; width: 100%;}
.feat-banner .content .inner{width: 90%; max-width: 1200px;margin: auto; background-color: #8a1926; opacity: 0.85; padding: 50px;}
.feat-banner .content .inner .headline-small,
.feat-banner .content .inner .headline {color: #fff;}
.feat-banner .content .inner .headline {width: 50%;}
.feat-banner .content .inner .headline-small {margin-bottom:10px;}

.feat-banner .scroll-icon {display:block;position: absolute;bottom: 0;right: 9%;width: 2px;height: 80px;overflow: hidden;z-index:10;margin: 0;}
.feat-banner .scroll-icon .bg { display: block;width: 2px;height: 80px;background: rgba(255, 255, 255, 0.25);overflow: hidden;}
.feat-banner .scroll-icon .hlight01 {position: absolute; width: 2px;height: 80px;top: 0x;left: 0px;background: rgba(255, 255, 255, 1);overflow: hidden;}


@media only screen and (max-width: 768px){
	.feat-banner {margin-top: 70px!important;}
	.feat-banner .pc {display:none;}
	.feat-banner .mobi {display:block;}
	.feat-banner .scroll-icon {display:none;}
	.feat-banner .content {position: relative;}
	.feat-banner .content .inner {padding-left: 20px;width: 100%;opacity: 1;}
	.feat-banner .content .inner .headline {width: 100%;}
}

/********************** OVERVIEW: MAIN ********************/
.feat-main {padding: 100px 0 50px 0;}
.feat-main .left-line-content {border-left: 5px solid #8a1926;padding-left: 20px;margin-bottom: 70px;}
.feat-main .auto-read-text .a1 {color: #8d1a1f;opacity: 1;filter: Alpha(opacity=100);}
.feat-main .auto-read-text .a2 {color: #8d1a1f;opacity: 0.3;filter: Alpha(opacity=30);}
.feat-main sup {font-size: 63%;}

.feat-main .pc{display:block;}
.feat-main .mobi{display:none;}
.feat-main .card {margin:30px 0;}
.feat-main .card img {width:100%;}
.feat-main .card .paragraph{padding:30px 30px 34px 30px;}
.feat-main .card, .feat-main .card .headline {color: #fff!important;}
.feat-main .card .row{margin-bottom:30px;}
.feat-main .card .copytext {line-height: 26px;}
.feat-main .card .right .image {padding:0;width: 39%;}
.feat-main .card .right .image img{width: 211px;}
.feat-main .card .right .paragraph{width: 61%;padding: 30px;}

@media only screen and (max-width: 768px){
	.feat-main .left-line-content {margin-bottom: 70px;}
	.feat-main .card .right .image,
	.feat-main .card .right .paragraph{width: 100%;}
	
	.feat-main .pc{display:none;}
	.feat-main .mobi{display:block;}
	.feat-main .mobi .block{margin-bottom:20px;}
}


/********************** OVERVIEW: PILLARS ********************/
.feat-pillars .pic{width:100%;height:0;padding-bottom:100%;overflow: hidden;}
.feat-pillars .pic img{width:100%;cursor: pointer;transition:0.5s linear;transform:scale(1,1);}
.feat-pillars a:hover img{transition:1s linear;transform:scale(1.1,1.1);}
.feat-pillars a:hover .copy{text-decoration: underline;}
.feat-pillars a .copy{color:#FFF;line-height:20px;margin: 20px 0;}

.feat-pillars .container {padding-top: 80px;padding-bottom: 40px;}
.feat-pillars .container .left-line-content{border-left: 5px solid #8a1926;padding-left: 20px;margin: 10px 0 50px 0;}
.feat-pillars .container .item a {width:100%;}
.feat-pillars .headline {margin-bottom: 30px!important;}
@media only screen and (max-width: 768px){
	.feat-pillars .body { margin-top: 150px;}
	.feat-pillars .col-xs-6{padding-left: 15px; padding-right: 15px;}
	.feat-pillars a .copy{font-size: 14px;text-align: left;}
}




/********************** DETAIL: DESCRIPTION ********************/
.feat-desc {margin: 80px 0 50px;}
@media only screen and (max-width: 768px){

}

/********************** DETAIL: PROJECT ********************/
.feat-section {padding: 80px 0 0 0;}
.feat-section .proj-headline {margin-bottom:30px;}
.feat-section .main-item{margin-bottom:80px;}
.feat-section .main-item .date,
.feat-section .main-item .title{margin-bottom:10px;}
.feat-section .main-item .desc{margin-bottom:20px;}
.feat-section .main-item a.btn{font-size: 14px;padding: 0; font-family: Helvetica-Bold, Arial;}
.feat-section .main-item a.btn:hover{text-decoration: underline;}
.feat-section .main-item .pc {display:block;}
.feat-section .main-item .mobi {display:none;}

.feat-section .side-item{margin-bottom:50px;}
.feat-section .side-item .pic{width:100%;height:0;padding-bottom:100%;overflow: hidden;}
.feat-section .side-item .pic img{width:100%;cursor: pointer;transition:0.5s linear;transform:scale(1,1);}
.feat-section .side-item a:hover img{transition:1s linear;transform:scale(1.1,1.1);}
.feat-section .side-item a:hover .copy{text-decoration: underline;}

.feat-section .side-item .date {margin: 20px 0 10px 0;}
.feat-section .all-link{text-align: center;padding-bottom: 80px;}

.feat-section .line-separator{height:1px;background-color: #979797; opacity: 0.5;}

.feat-section-last {padding-bottom: 80px;}

@media only screen and (max-width: 768px){
	.feat-section .main-item .pc {display:none;}
	.feat-section .main-item .mobi {display:block;}
	.feat-section .main-item .date{margin-top:20px;}
	.feat-section .main-item .desc { margin-bottom: 20px;}
	.feat-section .side-item {margin-top:50px;margin-bottom: 0;}
	.feat-section .side-item .col-md-3 {margin-bottom:50px;}
}

/********************** DETAIL: RELATED LINKS ********************/
.feat-related .side-item a.btn-2021-red {text-transform: uppercase;margin-bottom: 20px;}
.feat-related .side-item a.longtext {line-height: 19px;padding: 7px 0;}

@media only screen and (max-width: 768px){
	.feat-related .side-item {text-align: center; margin-top:0;margin-bottom:50px;}
	.feat-related .side-item .col-md-3 {margin-bottom: 0;}
}