movie/resources/sass/mobile/main.scss

#main {
    padding: 0;
}

// 영화 배너
#banners {
    position: relative;
    min-height: 420px;
    max-height: 300px;
    --swiper-navigation-color: #fff;
    --swiper-pagination-color: #fff;

    .swiper-wrapper {
        min-height: inherit;
        max-height: inherit;

        .swiper-slide {
            min-height: inherit;
            max-height: inherit;
            border-bottom: 1px solid #333;
            background-size: cover;
            background-repeat: no-repeat;

            .swiper-cover {
                min-height: inherit;
                max-height: inherit;
                color: #F5F5F5;

                display: flex;
                align-items: center;
                justify-content: center;
                padding: 5% 12%;

                .title {
                    font-size: 2em;
                    font-weight: bold;
                }

                .subtitle {
                    font-size: 1.2em;
                    font-weight: 500;
                    margin-bottom: 10px;
                }

                img {
                    width: 100%;
                    max-width: 220px;
                }
            }
        }
    }
}

// 공지사항, 평점.후기
#notice,
#review {
    h5 {
        margin-bottom: 0;
    }

    a {
        text-decoration: none;

        &:hover,
        &:focus {
            text-decoration: underline;
        }
    }

    table {
        tr {
            td {
                span {
                    font-size: 14px;
                    color: #a5a5a5;
                    padding-right: 5px;
                }

                a {
                    font-size: 13px;

                    &:hover,
                    &:focus {
                        text-decoration: underline;
                    }
                }

                small {
                    font-size: 13px;
                    color: #bbbbbb;
                }
            }
        }
    }
}

// 인기 영화
#trending {
    .ratio-2x3 {
        --bs-aspect-ratio: 150%;

         img {
            object-fit: cover;
            border: 1px solid #4d0404;

            &:hover,
            &:focus {
                -o-transform: scale(1.02);
                -webkit-transform: scale(1.02); /* 크롬, 사파리 */
                -moz-transform: scale(1.02);  /* 파이어폭스 */
                -ms-transform: scale(1.02); /* IE */
                transform: scale(1.02);  /* 오페라 */
            }
        }
    }
    
    var {
        padding: 1px 0;
    }
}

// 인기 영화 정보
#trendingModal {
    .modal-body {
        dl {
            dt {
                color: #fff;
                font-weight: bold;
                margin-bottom: 15px;
            }

            dd {
                color: #f1f1f1;
            }
        }
    }
}