/** * Data View Pages Styles * * 상세 페이지 (*_data_view.php) 전용 스타일 * iOS Safari 호환성을 위해 안에서 로드 * * @package Infoway * @version 1.0.0 * @date 2025-01-05 */ /* ======================================== 이미지 컨테이너 ======================================== */ .image-container { position: relative; max-width: 1100px; width: 100%; box-sizing: border-box; } /* 상품 정보 테이블 */ .sd_information td { padding: 0 20px 0 0; } .image-container img { max-width: 100%; height: auto; overflow: hidden; } /* ======================================== 비디오 컨테이너 ======================================== */ .video-container { position: relative; padding-bottom: 56.25%; /* 16:9 비율 */ padding-top: 30px; /* 일부 페이지에서 사용 */ height: 0; overflow: hidden; width: 100%; max-width: 100%; box-sizing: border-box; } .video-container video { max-width: 1100px; height: auto; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } /* ======================================== 에디터 콘텐츠 내 YouTube 반응형 ======================================== */ .image-container .simplebox-content[data-type="video"] { padding: 0 0 56.25% 0 !important; position: relative !important; height: 0 !important; overflow: hidden !important; width: 100% !important; } .image-container .simplebox-content[data-type="video"] iframe { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; } /* ======================================== 스크랩 모바일 표시/숨김 ======================================== */ @media (min-width: 768px) { .scrap-wrap { display: block; } .scrap-wrap-mobile-hidden { display: block; } } @media (max-width: 767px) { .scrap-wrap-mobile-hidden { display: none; } }