@charset "utf-8";

.phantom_sec04_slide_list  { border:1px solid #e1e1e1; height:auto; justify-content: space-between; flex-direction: column; }
.phantom_sec04_gallery_slide { margin-top:50px; }
.phantom_sec04_slide_hover_title { position:absolute; bottom:0px; left:0; width:100%; background:rgba(0,0,0, 0.4); color:#fff; display:flex; opacity:1; padding:5px 10px; align-items: flex-start; flex-direction: column; justify-content: center; transition: 0.3s linear all;}
.phantom_sec04_slide_hover_title:hover {  opacity:1; transition: 0.3s linear all;}
.phantom_sec04_slide_hover_title b { font-size:11px; font-weight:400; margin:2px 0;} 


.phantom_sec04_slide_title { width: 100%; letter-spacing: -1px; text-align: left; font-size: 16px; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: 500 !important; margin-bottom: 15px; }
.phantom_sec04_slide_content { width:100%; text-align:left; font-size:13px !important; color:#999 !important; letter-spacing:-1px;}


.lt_img { position:relative; }
.phantom_sec04_slide_gallery { margin-top:10px; }


#phantom_bluecode_sec06 .swiper-button-next-iv {position: absolute; width: 36px; height: 36px; z-index: 10; cursor: pointer; background-size: 30%; background-position: center; background-repeat: no-repeat; right:0px !important; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E") !important; background-color:#222; bottom:0; border-radius:3px;}
#phantom_bluecode_sec06 .swiper-button-prev-iv {position: absolute; width: 36px; height: 36px; z-index: 10; cursor: pointer; background-size: 30%; z-index: 10; cursor: pointer; background-position: center; background-repeat: no-repeat; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E") !important; left:0px !important; background-color:#222; bottom:0; border-radius:3px; }
#phantom_bluecode_sec06 .swiper-button-prev-iv.swiper-button-disabled, .swiper-button-next-iv.swiper-button-disabled { opacity:0.35; }
#phantom_bluecode_sec06 .sw_item { margin-bottom:50px; }
#phantom_bluecode_sec06 .swiper-scrollbar-iv { position:relative !important; bottom:0 !important; height:3px !important; width:30% !important; background:#ddd; left:calc(50% - 15%) !important; top:-15px; }

#phantom_bluecode_sec06 .lt_img { overflow:hidden; width:100%; height:100%; max-height:250px;}
#phantom_bluecode_sec06 .pt_title { width:100%; height:100%; padding:15px; background:#fafafa; }

@media (max-width:768px) {
.phantom_sec04_slide_list { justify-content: flex-start; background:#f9f9f9; }
.phantom_sec04_slide_list img { width:100%; height:100%; }
#phantom_bluecode_sec06 .lt_img { display:flex; justify-content:center; width:100%; max-width:100%; max-height:150px; height:auto; }
#phantom_bluecode_sec06 .pt_title { height:auto; }
#phantom_bluecode_sec03 .wrap .lbox p { padding:20px 0; }
.phantom_sec04_slide_title { font-size:min(16px, 5vw); }
.phantom_sec04_slide_content { font-size:min(14px, 3vw); }
}