<div class="print_movie"> <ul> <li> <a href="https://youtu.be/-M8DwLBQ0IM?si=BC-iNpvwHdvQYDxv" target="_blank"> <img src="/theme/default/default/base/assets/images/banner/print_banner_movie1.png" class="btn_transition" title=""> <h4>DTF 컬러전사인쇄</h4> <p>디테일과 내구성이 뛰어난 인쇄방식</p> </a> </li> <li> <a href="https://youtu.be/wkZKYD03Mus?si=Fl5DdF7FKDhdZvb3" target="_blank"> <img src="/theme/default/default/base/assets/images/banner/print_banner_movie2.png" class="btn_transition" title=""> <h4>레이저 각인인쇄</h4> <p>정밀하고 소재에 직접 각인하는 인쇄방식</p> </a> </li> <li> <a href="https://youtu.be/ljfyAC47SyQ?si=NrxEqsu1to31N_ew" target="_blank"> <img src="/theme/default/default/base/assets/images/banner/print_banner_movie3.png" class="btn_transition" title=""> <h4>UV 컬러인쇄</h4> <p>소재별로 컬러인쇄가 가능한 인쇄방식</p> </a> </li> <li> <a href="https://youtu.be/NjazjP7KtlE?si=ulGJYo7JNr5yr0J7" target="_blank"> <img src="/theme/default/default/base/assets/images/banner/print_banner_movie4.png" class="btn_transition" title=""> <h4>실크인쇄</h4> <p>보편적이고 가장 많이 사용되는 인쇄방식</p> </a> </li> </ul> </div> <style type="text/css"> /* print_movie */ .print_movie { margin: 20px 0 20px 0; padding: 30px 50px; background: #fff; border: 1px solid #32c0b6; box-sizing: border-box; } .print_movie ul { display: flex; gap: 20px; margin: 0; padding: 0; list-style: none; justify-content:space-between; } .print_movie ul li { flex: 1 1 0; min-width: 0; margin:0; list-style: none; } .print_movie ul li a {display:block; text-decoration:none;} .print_movie ul li a img { margin:0 0 10px; padding:0; background:#000; -webkit-transition:all 0.20s ease-out; -moz-transition:all 0.20s ease-out; -ms-transition:all 0.20s ease-out; -o-transition:all 0.20s ease-out; transition:all 0.20s ease-out; } .print_movie ul li a:hover img {opacity:0.7;} .print_movie ul li a h4 {margin:0; padding:0; font-size:0.9375rem; font-weight:600;} .print_movie ul li a p {padding:5px 0 0; font-size:0.875rem; color:#777; font-weight:500;} </style>