편집 요약 없음 |
편집 요약 없음 |
||
| 24번째 줄: | 24번째 줄: | ||
<img alt="이재명.png" src="/w/images/3/3a/Hannara-banner-3.png"> | <img alt="이재명.png" src="/w/images/3/3a/Hannara-banner-3.png"> | ||
</div> | </div> | ||
<div id="hannara-1" class="banner-img text-focus-in"> | <div id="hannara-1" class="banner-img text-focus-in slide-bottom-only-mobile-520"> | ||
<img alt="한나라닷컴.png" src="/w/images/b/bc/Hannara_c.png"> | <img alt="한나라닷컴.png" src="/w/images/b/bc/Hannara_c.png"> | ||
</div> | </div> | ||
| 260번째 줄: | 260번째 줄: | ||
} | } | ||
@media screen and (max-width: 1023px) { | @media screen and (max-width: 1023px) { | ||
#hannara-1 { left: 12vw; max-width: | #hannara-1 { left: 12vw; max-width: 40vw; } | ||
#hannara-2 { top: - | #hannara-2 { top: -7vh; right: -7vw; max-width: 450px; } | ||
#hannara-3 { top: 2. | #hannara-3 { top: 2.5vh; right: -13vw; max-width: 350px; } | ||
#hannara-4 { top: | #hannara-4 { top: 0vh; right: -16vw; max-width: 400px; } | ||
} | |||
@media screen and (max-width: 798px) { | |||
#hannara-1 { left: 12vw; max-width: 40vw; } | |||
#hannara-2 { top: -7vh; right: -16vw; max-width: 450px; } | |||
#hannara-3 { top: 2.5vh; right: -23vw; max-width: 350px; } | |||
#hannara-4 { top: 0vh; right: -25vw; max-width: 400px; } | |||
} | |||
@media screen and (max-width: 520px) { | |||
#hannara-1 { left: 50%; max-width: 40vw; } | |||
#hannara-2 { display: none; } | |||
#hannara-3 { display: none; } | |||
#hannara-4 { display: none; } | |||
.slide-bottom-only-mobile-520 { | |||
opacity: 0; | |||
top: 60%; | |||
transform: translate(-50%, -50%); | |||
transition: 500ms; | |||
} | |||
.swiper-slide-active .slide-bottom-only-mobile-520 { | |||
opacity: 1; | |||
top: 50%; | |||
transition: 500ms; | |||
} | |||
.swiper-slide-active .text-focus-in { animation: none; } | |||
} | } | ||
2023년 2월 28일 (화) 20:46 판
