@import url('https://fonts.googleapis.com/css2?family=Jost&display=swap');

.portfolio-body {background-color:#111;}
.portfolio-footer {background-color:#111;}

.credit-wrap {max-width:1920px;margin:0 auto;min-height:496px;border-top:0;background:url('img/goa_footer.png') bottom left no-repeat;background-size:737px 496px;color:#fff;}
.credit-wrap .credit-title-wrap .title {font-weight:400;font-family:'Jost', sans-serif;}
.credit-wrap .credit-detail-wrap .credit-category {font-family:'SUIT', sans-serif;}
.credit-wrap .credit-detail-wrap ul li {font-family:'SUIT', sans-serif;color:#ddd;}

.img-scroll {margin:0 !important;overflow:auto;}
.img-scroll img {width:auto !important;height:390px;}

.portfolio-pc .section1 .section-item-inner {max-width:100%;}
.portfolio-pc .section2 {background-image:url('img/goa_2_bg.png');background-position:bottom center;}
.portfolio-pc .section3 {background-image:url('img/goa_3_bg.png');background-position:top center;}
.portfolio-pc .section4 {background-image:url('img/goa_4_bg.png');background-position:top center;}
.portfolio-pc .section5 {background-color:#F2F2F2;}
.portfolio-pc .section5 .video-wrap video {position:absolute;border-radius:40px;}
.portfolio-pc .section5 .video-wrap .video5-1 {top:15%;left:37.5%;width:25%;height:31.454545%;}
.portfolio-pc .section5 .video-wrap .video5-2 {top:54%;right:0.46%;width:25.9375%;height:32%;border:6px solid #111;box-shadow:24px 16px 48px 0px rgba(181, 186, 190, 0.70);}
.portfolio-pc .section6 {background-image:url('img/goa_6_bg.png');background-position:bottom center;}
.portfolio-pc .section6 .video-wrap video {position:absolute;border-radius:40px;top:26.953125%;left:37.265625%;width:25.546875%;height:55.3125%}
.portfolio-pc .section8 .video-wrap video {position:absolute;bottom:8.68306%;width:32.265625%;height:7.2358%;}
.portfolio-pc .section8 .video-wrap .video8-1 {left:0.625%;}
.portfolio-pc .section8 .video-wrap .video8-2 {left:33.82%;}
.portfolio-pc .section8 .video-wrap .video8-3 {right:0.625%;}
.portfolio-pc .section9 {margin:0 auto !important; }
.portfolio-pc .section9 .section-inner {max-width:100%;}

.portfolio-mobile .section4 {background-color:#F2F2F2;}

@media screen and (max-width:1023px) {
 .credit-wrap {height:auto;padding-top:0;text-align:center;background:none;}
}
@media screen and (max-width:1280px) {
.portfolio-pc .section5 .video-wrap video {border-radius:30px;}
.portfolio-pc .section6 .video-wrap video {border-radius:30px;}
}