.portfolio-header .project-category ul li { background-color: #4aaaf1; } 
.portfolio-body { background-color: #191E20;; } 
.portfolio-body section { max-width:100%; } 

.portfolio-pc .section1 { background-image: url("img/samsung_ssd_section1_bg_repeat.png"); background-repeat:repeat-x; } 
.portfolio-pc .section1 .cover-img2 { top: auto; bottom: -13.5%; height: 21.598%; } 
.portfolio-pc .section2 { background-image: url("img/samsung_ssd_section2_bg_cover.png"); background-size:cover; } 
.portfolio-pc .section3 .cover-img { top: 44% !important; } 
.portfolio-pc .section5 .video-wrap { position:absolute; top:0; left:0; } 
.portfolio-pc .section6 { background-image: url("img/samsung_ssd_section6_repeat_bg.png"); background-repeat:repeat-x; } 
.portfolio-pc .section6 .img-wrap::after { content: ''; position:absolute; top:0; left:0; width:100%; height: 100%;; background-size:cover; } 
.portfolio-pc .section6 .section-item-2 .img-wrap::after { background-image: url("img/samsung_ssd_section6_step1.png"); animation: ssd_step2_motion steps(3) 12s infinite both; } 
.portfolio-pc .section6 .section-item-3 .img-wrap::after { background-image: url("img/samsung_ssd_section6_step2.png"); animation: ssd_step3_motion steps(2) 8s infinite; } 
.portfolio-pc .section6 .section-item-4 .img-wrap::after { background-image: url("img/samsung_ssd_section6_step3.png"); animation: ssd_step4_motion steps(4) 16s infinite; } 
@keyframes ssd_step2_motion { 100% { background-position: 150% 0; }} 
@keyframes ssd_step3_motion { 100% { background-position: 200% 0; }} 
@keyframes ssd_step4_motion { 100% { background-position: 133.33333333334% 0; } } 
.portfolio-pc .section7 .section-item { padding:0; } 
.portfolio-pc .section7 .section-item-2 { position: absolute !important; top: 8%; left: 0%; width: 100%; } 
.portfolio-pc .section7 .section-item-2 .video-wrap { left: 26%; } 
.portfolio-pc .section7 .section-item-3 { position: absolute !important; top: 16%; left: 0%; width: 100%; } 
.portfolio-pc .section7 .section-item-3 .video-wrap { left: 61%; } 
.portfolio-pc .section7 .video-wrap { display: inline-block; position: absolute; top: 0; height: 100%; padding: 14px; background: #212a2f; border-radius: 42px; overflow: hidden; } 
.portfolio-pc .section7 .video-wrap .video-inner { height: 100%; border: 2px solid #000; border-radius: 32px; overflow: hidden; } 
.portfolio-pc .section7 .video-wrap .video-inner video { height: 100%; } 
.portfolio-pc .section8 { background-image: linear-gradient(to bottom, #191e20 12%, #131618 12%); } 

.portfolio-mobile .video-wrap { width: 214px; margin: 0 auto; padding: 6px; background: #212a2f; border-radius: 24px; overflow: hidden; } 
.portfolio-mobile .video-wrap .video-inner video { border: 2px solid #000; border-radius: 18px; overflow: hidden; } 

.scroll-wrap { position: absolute; bottom: -10%; left: 0; width: 100%; } 
.scroll-wrap .inner { padding: 0 20px; overflow: auto; background: transparent; } 
.scroll-wrap img { width: auto; max-width: 1080px; height: 224px; } 