main.css 2.3 KB

12345678910111213141516171819
  1. #banners{margin:-20px -10px 0 -10px;min-height:420px;max-height:300px;--swiper-navigation-color: #fff;--swiper-pagination-color: #fff}#banners .swiper-wrapper{min-height:inherit;max-height:inherit}#banners .swiper-wrapper .swiper-slide{min-height:inherit;max-height:inherit;border-bottom:1px solid #333;background-size:cover;background-repeat:no-repeat}#banners .swiper-wrapper .swiper-slide .swiper-cover{min-height:inherit;max-height:inherit;color:#f5f5f5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:5% 12%}#banners .swiper-wrapper .swiper-slide .swiper-cover .title{font-size:2em;font-weight:bold}#banners .swiper-wrapper .swiper-slide .swiper-cover .subtitle{font-size:1.2em;font-weight:500;margin-bottom:10px}#banners .swiper-wrapper .swiper-slide .swiper-cover img{width:100%;max-width:220px}#notice h5,#review h5{margin-bottom:0}#notice a,#review a{text-decoration:none}#notice a:hover,#notice a:focus,#review a:hover,#review a:focus{text-decoration:underline}#notice table,#review table{--bs-table-bg: none}#notice table tr td span,#review table tr td span{font-size:14px;color:#a5a5a5;padding-right:5px}#notice table tr td a,#review table tr td a{font-size:13px}#notice table tr td a:hover,#notice table tr td a:focus,#review table tr td a:hover,#review table tr td a:focus{text-decoration:underline}#notice table tr td small,#review table tr td small{font-size:13px;color:#bbb}#trending .ratio-2x3{--bs-aspect-ratio: 150%}#trending .ratio-2x3 img{-o-object-fit:cover;object-fit:cover;border:1px solid #4d0404}#trending .ratio-2x3 img:hover,#trending .ratio-2x3 img:focus{-webkit-transform:scale(1.02);transform:scale(1.02)}#trending var{padding:1px 0}#trendingModal .modal-body dl dt{color:#fff;font-weight:bold;margin-bottom:15px}#trendingModal .modal-body dl dd{color:#f1f1f1}t-fit: cover;
  2. border: 1px solid #4d0404;
  3. }
  4. #trending .ratio-2x3 img:hover, #trending .ratio-2x3 img:focus {
  5. -webkit-transform: scale(1.02); /* 크롬, 사파리 */ /* 파이어폭스 */ /* IE */
  6. transform: scale(1.02); /* 오페라 */
  7. }
  8. #trending var {
  9. padding: 1px 0;
  10. }
  11. #trendingModal .modal-body dl dt {
  12. color: #fff;
  13. font-weight: bold;
  14. margin-bottom: 15px;
  15. }
  16. #trendingModal .modal-body dl dd {
  17. color: #f1f1f1;
  18. }