@charset "EUC-KR";

/* º»¹® */
.main_content .content_box {padding: 10px;margin: 0!important;}
.main_content .title_h3 {min-width: 100px;}
.container .content01 {max-width: 1280px;width: 100%;display: grid;grid-template-columns: 1fr 1fr 28%;gap: 10px;}
.main_pagewrap {width: 100%;padding-top: 10px;border-top: 1px solid var(--content_border02);display: flex;align-items: center;justify-content: center;color: #999;gap: 10px;font-size: 1rem;position: absolute;bottom: 10px;left: 0;right: 0;}
.main_pagewrap .main_page {color: var(--color_font01);}

/* main_box01 */
.main_box01 {display: flex;flex-direction: column;gap: 10px;height: 100%;} 
.main_bg {background: var(--content_box);border: 1px solid var(--content_border);border-radius: 10px;padding: 10px;position: relative;}
.affiliate_more:hover, .latest_broadcast .broadcast_more:hover, .popular_content .popular_more:hover, .tvchanner_list .tvchanner_more:hover, .star_bj_wrap .star_bj_more:hover, .best_webtoon .webtoon_more:hover, .magazine .magazine_more:hover {background: var(--tab_hover);color: var(--tab_color);}
.affiliate_more {width: 50%!important;}
.affiliate_more, .latest_broadcast .broadcast_more, .popular_content .popular_more, .tvchanner_list .tvchanner_more, .star_bj_wrap .star_bj_more, .best_webtoon .webtoon_more, .magazine .magazine_more {display: block;border: 1px solid var(--tab_border_btm);border-radius: 30px;position: absolute;left: 50%;bottom: 15px;transform: translateX(-50%);width: 60%;height: 40px;color: var(--color_font01);z-index: 2; cursor: pointer;}
.popular_next::before:hover, .popular_prev:hover .discount_prev:hover, .discount_next:hover, .star_bj_prev:hover, .star_bj_next:hover, .webtoon_prev:hover, .webtoon_next:hover, .magazine_prev:hover, .magazine_next:hover {opacity: 1;}

/* categorybar */
.categorybar {display: flex;justify-content: space-between;align-items: center;}
.discount_content .tab01 li.active span {position: absolute;top: -10px;left: -18px;display: block;background: #fd8989;border-radius: 50px;padding: 5px;font-size: 10px;z-index: 2;transform: rotate(-20deg);}
.discount_content .tab01 li span {display: none;}



/* Á¦ÈÞÄÜÅÙÃ÷ */
.affiliate_content {grid-column: 1 / span 2;color: var(--tab_color);position: relative;}
.affiliate_content:hover .affiliate_slide_consol button {display: block;}
.affiliate_title {display: flex;justify-content: space-between;align-items: center;height: 34px;}
.affiliate_title .title_h3 {margin: 0;}
.affiliate_slide_wrap {position: relative;margin-top: 10px;overflow: hidden;width: 100%;}
.affiliate_content .affiliate_slide {position: relative;display: flex;width: 100%;}
.affiliate_content .affiliate_slide li {width: 25%;padding: 10px;}
.affiliate_content .affiliate_slide li a {display: flex;border-radius: 10px;overflow: hidden;transition: transform 0.3s}
.affiliate_content .affiliate_slide li a:hover {transition: .3s;transform: scale(1.08);}
.affiliate_content .affiliate_slide li a:hover::before {top: 0;}
.affiliate_content .affiliate_slide li a::before {content: "";position: absolute;top: 100%;right: 0;left: 0;height: 100%;z-index: 1;background: linear-gradient(to top, #000000 0%, #ffffff00 70%);transition: top 0.3s ease-in-out;}
.affiliate_content .affiliate_slide li a img {width: 100%;height: 230px;object-fit: cover;}
.affiliate_content .affiliate_slide li a span {position: absolute;color: #fff;opacity: 0;bottom: 10px;z-index: 2;transition: opacity 0.3s ease-in-out;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 100%;padding: 0 10px;text-align: center;}
.affiliate_content .affiliate_slide li a:hover span {opacity: 1;}
.affiliate_content .swiper-pagination {width: auto;height: 34px;top: 10px!important;display: flex!important;z-index: 1!important;justify-content: flex-end;padding-right: 15px;left: unset;right: 0;}
.affiliate_content .swiper-pagination .swiper-pagination-bullet {width: 70px!important;height: 34px!important;border-radius: 20px!important;display: flex!important;align-items: center!important;justify-content: center!important;border: 1px solid var(--tab_border_btm)!important;opacity: 1!important;background: none;}
.affiliate_content .swiper-pagination .swiper-pagination-bullet-active {background: var(--black)!important;color: #fff!important;}
.affiliate_content .swiper-pagination .swiper-pagination-bullet:hover {background: var(--tab_hover); color: var(--tab_color);}

/* ÃֽŹæ¼Û ¹× ½Ç½Ã°£Àα⠾çÂÊ ÀüºÎ ¸ñ·Ï¹öÀü */
/* .latest_broadcast_list ul {margin-top: 15px;max-height: 420px;}
.latest_broadcast_list ul:first-child {padding-bottom: 40px;}
.latest_broadcast_list ul li a {display: block;padding: 8px 15px;}
.latest_broadcast_list ul li a p {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient:vertical ; overflow: hidden; word-break: break-all;}
.latest_broadcast_list ul li a:hover {background: var(--content_hover);} 
.latest_broadcast .latest_broadcast_title {display: flex;flex-direction: column;}
.content_title {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient:vertical ; overflow: hidden; word-break: break-all;}
.popular_content_list ul {margin-top: 15px;overflow: hidden;max-height: 420px;}
.popular_content_list ul:first-child {padding-bottom: 40px;}
.popular_content_list ul li a {display: block;padding: 8px 15px;}
.popular_content_list ul li a:hover {background: var(--content_hover);} */

/* ÃֽŹæ¼Û °øÅë */
.latest_broadcast:hover .latest_slide_consol button {display: block;}
.latest_broadcast_list_wrap {margin-top: 8px;}
.latest_broadcast_list_wrap ul:first-child {padding-bottom: 40px;}
.latest_broadcast_list_wrap .latest_broadcast_title {display: flex;flex-direction: column;}
.latest_broadcast_list_wrap ul li a p {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical ; overflow: hidden; word-break: break-all;}
.latest_broadcast_list_wrap ul:not(.main_pagewrap) li:hover {background: var(--content_hover);}
.latest_content_img {min-width: 120px;max-width: 120px;height: 68px;object-fit: cover;border-radius: 5px;overflow: hidden;}
/* ÃֽŹæ¼Û ¸ñ·Ï¹öÀü */
.latest_broadcast_list ul li a {display: block;height: 80px;padding: 6px;}
/* ÃֽŹæ¼Û ¸ñ·Ï¹öÀü ³¡ */
/* ÃֽŹæ¼Û Æ÷½ºÅ͹öÀü */
.latest_broadcast_poster_list ul li a {display: flex;padding: 6px;gap: 10px;}
.latest_broadcast_poster_list ul li a img {width: 100%;height: 100%;max-width: 118px;border-radius: 5px;overflow: hidden;object-fit: cover;}
/* ÃֽŹæ¼Û Æ÷½ºÅ͹öÀü ³¡ */

/* ½Ç½Ã°£Àα⠰øÅë */
.popular_content_wrap:hover .popular_consol button {display: block;}
.popular_content_listwrap .popular_content_title {display: flex;flex-direction: column;}
.popular_content_listwrap {margin-top: 8px;}
.popular_content_listwrap ul li a p {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical ; overflow: hidden; word-break: break-all;}
.popular_content_listwrap ul:not(.main_pagewrap) li:hover {background: var(--content_hover);}
.popular_content_listwrap ul:first-child {padding-bottom: 40px;}
.content_listcategory {display: flex;justify-content: space-between;font-size: 0.75rem;color: #999;}
.broadcast_listcate_s {position: relative;}
/* ½Ç½Ã°£Àα⠸ñ·Ï ¹öÀü */
.popular_content_list ul li a {display: block;height: 80px;padding: 6px;}
/* ½Ç½Ã°£Àα⠸ñ·Ï ¹öÀü ³¡ */
/* ½Ç½Ã°£Àαâ Æ÷½ºÅÍ ¹öÀü */
.popular_content_poster_list ul li a {display: flex;padding: 6px;gap: 10px;}
.popular_content_poster_list ul li a img {width: 100%;height: 100%;max-width: 118px;border-radius: 5px;overflow: hidden;object-fit: cover;border: 1px solid var(--color_border01);}
/* ½Ç½Ã°£Àαâ Æ÷½ºÅÍ ¹öÀü ³¡ */

/* ÇÒÀÎÁßÀÎ ÄÜÅÙÃ÷ */
.discount_content {height: 100%;position: relative;}
.discount_content:hover .tvchanne_consol button {display: block;}
.discount_tvchanner .tvchanner_list ul {display: flex;flex-wrap: wrap;width: 100%;height: 100%;margin-top: 20px;}
.discount_tvchanner .tvchanner_list ul li {width: 33.3333%;padding: 10px;}
.discount_tvchanner .tvchanner_list ul li a {display: flex;width: 100%;flex-direction: column;align-items: center;transition: transform 0.3s;overflow: hidden;border-radius: 5px;}
.discount_tvchanner .tvchanner_list ul li a:hover {transition: .3s;transform: scale(1.08);}
.discount_tvchanner .tvchanner_list ul li a::before {content: "";position: absolute;top: 100%;right: 0;left: 0;height: 100%;z-index: 1;background: linear-gradient(to top, #000000 0%, #ffffff00 70%);transition: top 0.3s ease-in-out;}
.discount_tvchanner .tvchanner_list ul li a:hover::before {top: 0;}
.discount_tvchanner .tvchanner_list ul li a img {width: 100%;height: 180px;object-fit: cover;}
.discount_tvchanner .tvchanner_list ul li a span {position: absolute;color: #fff;opacity: 0;bottom: 10px;z-index: 2;transition: opacity 0.3s ease-in-out;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 100%;padding: 0 10px;text-align: center;}
.discount_tvchanner .tvchanner_list ul li a:hover span {opacity: 1;}

/* ½Ç½Ã°£ °Ë»ö¾î */
.search_rank {overflow: hidden;}
.word_ranking {width: 100%;position: relative;display: flex;flex-wrap: wrap;}
.word_ranking > li {position: relative;margin-right: 10px;}
.word_ranking > li:last-child {margin-right: 0;}
.srk_tab_list {display: flex;justify-content: center;align-items: flex-start;padding-top: 10px;min-height: 171px;}
.word_ranking {color: #09f;overflow: hidden;position: relative;}
.word_ranking a {color: inherit;font-size: 1rem;font-weight: bold;}
.word_ranking a:hover {color: #3c69dd;}
.word_ranking span {padding: 0 3px;}
.word_ranking span a::before {content: "#";}
.word_ranking .w10 {font-weight:800; }
.word_ranking .w9 {font-weight:700; }
.word_ranking .w8 {font-weight:700; }
.word_ranking .w7 {font-weight:700; }
.word_ranking .w6 {font-weight:600; }
.word_ranking .w5 {font-weight:600; }
.word_ranking .w4 {font-weight:600; }
.word_ranking .w3 {font-weight:500; }
.word_ranking .w2 {font-weight:500; }
.word_ranking .w1 {font-weight:500; }

.wc1 {color: var(--wc1);}
.wc2 {color: var(--wc2);}
.wc3 {color: var(--wc3);}
.wc4 {color: var(--wc4);}
.wc5 {color: var(--wc5);}
.wc6 {color: var(--wc6);}
.wc7 {color: var(--wc7);}


/* main_banner */
.main_banner_wrap {width: 100%;/* max-height: 79px; */background: var(--content_box);border: 1px solid var(--content_border);border-radius: 10px;display: block;overflow: hidden;position: relative;}
.main_banner a {display: flex;width: 100%;height: 100%;}
.main_banner img {width: 100%;max-height: 78px;object-fit: contain;display: block;}
/* star_bj */
.star_bj_wrap {height: 50%;position: relative;display: flex;flex-direction: column;justify-content: space-between;min-height: 236px;}
.star_bj_wrap:hover .star_bj_slide_consol button {display: block;}
.star_bj {position: relative;overflow: hidden;width: 100%;}
.star_bj_list {position: relative;display: flex;}
.star_bj_list li {width: 33.333%;height: 100%;border-radius: 10px;padding: 10px;}
.star_bj_list li a {display: flex;flex-direction: column;align-items: center;overflow: hidden;}
.star_bj_list .bj_img {position: relative;overflow: hidden;transition: transform 0.3s;border-radius: 10px;overflow: hidden;}
.star_bj_list .bj_img img {width: 100%;height: 160px;object-fit: cover;}
.star_bj_list .bj_img .bj_name {position: absolute;color: #fff;opacity: 0;bottom: 10px;z-index: 2;transition: opacity 0.3s ease-in-out;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 100%;padding: 0 10px;text-align: center;}
.star_bj_list .bj_img:hover {transform: scale(1.08);}
.star_bj_list .bj_img::before {content: "";position: absolute;top: 100%;right: 0;left: 0;height: 100%;z-index: 1;background: linear-gradient(to top, #000000 0%, #ffffff00 70%);transition: top 0.3s ease-in-out;}
.star_bj_list .bj_img:hover::before {top: 0;}
.star_bj_list .bj_img:hover .bj_name {opacity: 1;}

/* best_webtoon */
.best_webtoon {height: 50%;min-height: 236px;position: relative;display: flex;flex-direction: column;justify-content: space-between;}
.best_webtoon:hover .webtoon_slide_consol button {display: block;}
.best_webtoon_list {position: relative;overflow: hidden;margin-top: 8px;}
.best_webtoon_slide {display: flex;}
.best_webtoon_slide li {width: 33.333%;height: 100%;overflow: hidden;border-radius: 10px;padding: 10px;}
.best_webtoon_slide li a {display: flex;justify-content: center;border-radius: 5px; overflow: hidden;transition: transform 0.3s}
.best_webtoon_slide li a:hover {transition: .3s;transform: scale(1.08);}
.best_webtoon_slide li a::before {content: "";position: absolute;top: 100%;right: 0;left: 0;height: 100%;z-index: 1;background: linear-gradient(to top, #000000 0%, #ffffff00 70%);transition: top 0.3s ease-in-out;}
.best_webtoon_slide li a:hover::before {top: 0;}
.best_webtoon_slide li a img {width: 100%;height: 160px;object-fit: cover;}
.best_webtoon_slide li a span {position: absolute;color: #fff;opacity: 0;bottom: 10px;z-index: 2;transition: opacity 0.3s ease-in-out;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 100%;padding: 0 10px;text-align: center;}
.best_webtoon_slide li a:hover span {opacity: 1;}


/* magazine */
.magazine_wrap {position: relative;display: flex;flex-direction: column;padding: 0!important;}
.magazine {overflow: hidden;border-radius: 10px;}
.magazine:hover .magazine_slide_consol button {display: block;}
.magazine_slide_wrap {overflow: hidden;display: flex;flex-direction: column;align-items: center;width: 100%; margin: 10px auto 0;}
.magazine_slide_list {width: 100%; display: none;}
.magazine_slide_list.active {display: block;overflow: hidden;}
.magazine_slide li {overflow: hidden;position: relative;}
.magazine_slide li a {display: flex;align-items: flex-start;position: relative;transition: transform 0.3s}
.magazine_slide li a:hover {transition: .3s;transform: scale(1.05);}
.magazine_slide li a::before {content: "";position: absolute;top: 100%;right: 0;left: 0;height: 100%;z-index: 1;background: linear-gradient(to top, #000000 0%, #ffffff00 80%);transition: top 0.3s ease-in-out;}
.magazine_slide li a:hover::before {top: 0;}
.magazine_slide li a img {width: 100%;height: 480px;object-fit: cover;}
.magazine_slide li a span {position: absolute;color: #fff;opacity: 0;bottom: 30px;z-index: 2;transition: opacity 0.3s ease-in-out;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 100%;padding: 0 10px;text-align: center;font-size: 1.5rem;}
.magazine_slide li a:hover span {opacity: 1;}
.swiper-pagination-bullet {background: #fff;}
.swiper-pagination-bullet-active {background: var(--blue01);}

/* footer_aside */
.footer_top {width: 100%;line-height: 38px;border-top: 1px solid var(--content_border);border-bottom: 1px solid var(--content_border);background: var(--footer_aside);overflow: hidden;}
.footer_top ul {display: flex; padding: 0 10px;}
.footer_top ul li a {display: block; height: 40px;}
.footer_top .title_h3 {display: block;width: 20%;text-align: center;}
.footer_top .footer_slide {display: flex;padding: 0 10px;height: 38px;}
.footer_top .inner > div > ul {width: 50%;display: flex;overflow: hidden;}
.footer_top .inner > div > ul > a {width: 20%; display: block;}
.footer_top .inner > div > ul > a::after {content: ""; width: 1px; height: 12px; background: #4e4e4e; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
.notice_slide,.copyright_silde {width: 80%;height: 40px;position: relative;}
.notice_slide a,.copyright_silde a {display: block;color: var(--footer_slide);padding: 0 20px;}

@media screen and (max-width: 1200px){
    .categorybar {flex-direction: column;align-items: start;}
    .categorybar .title_h3 {margin-bottom: 10px;}
    .main_content .tab01 {width: 100%;}
    .main_content .tab01 li {flex: 1;}
    .magazine_slide li a img {height: 498px;}
    .affiliate_content .affiliate_slide li:last-child {display: none;}
    .discount_tvchanner .tvchanner_list ul {margin-top: 10px;}

}
@media screen and (max-width: 1164px){
    .bookmark_i06 {letter-spacing: -3px!important;}
}
@media screen and (min-width: 1024px) {
    .magazine_slide_list {overflow: hidden;}
}
@media screen and (max-width: 1024px) {
    .main_box01:has(.main_banner_wrap) {flex-direction: column-reverse;}
    .main_banner_wrap {max-height: 106px;}
    .main_banner img {max-height: unset;object-fit: cover;min-height: 108px;}
    .srk_tab_list {min-height: 351px;align-items: flex-start;}
    .search_rank {grid-column: 1 / span 2;max-height: 421px;height: 100%;}
    .magazine_slide li a {height: auto;} 
    .affiliate_content .affiliate_slide li a img {aspect-ratio: 5/7; height: auto;}
    .container .content01 {grid-template-columns: repeat(auto-fill, minmax(49%, auto));}
    .bookmark_i06 {letter-spacing: -1px!important;}
    .magazine_wrap {height: 498px;grid-row: unset;}
}
@media screen and (max-width: 767px){
    .main_banner_wrap {max-height: unset;}
    .srk_tab_list {min-height: unset;}
    .affiliate_slide_wrap {margin-top: 10px;}
    .star_bj_list .bj_name {margin-top: 5px;}
    .magazine_wrap {height: auto;}
    .main_box01 {max-width: unset;}
    .bookmark > ul {height: 91%;}
    .best_webtoon {min-height: fit-content;}
    .affiliate_content {grid-column: 1;}
    .search_rank {grid-column: 1;max-height: unset;height: auto;}
    .container .content01{grid-template-columns: repeat(auto-fill, minmax(98%, auto));}
    .discount_tvchanner .tvchanner_list ul li a img {aspect-ratio: 5/7; height: auto;}
    .star_bj_list .bj_img img {aspect-ratio: 5/5;height: auto;}
    .star_bj_wrap  {height: auto;min-height: auto;}
    .best_webtoon_slide li a img {aspect-ratio: 5/7; height: auto;}
    .affiliate_content .affiliate_slide li {width: 33.333%;padding: 10px 5px;}
    .affiliate_slide li:nth-child(n+4):nth-child(-n+5) {display: none;}
    .magazine_slide_wrap {padding-bottom: 50px;}
    .footer_top {display: none;}
    .bookmark > ul > li {width: 25%;margin-bottom: 10px;}
    .magazine_slide li a img {height: auto;aspect-ratio: 5/7;}
}
@media screen and (max-width: 430px){
    .main_content .content_box {padding: 5px;}
    .affiliate_title {height: 24px;}
    .affiliate_slide li:nth-child(3){display: none;}
    .affiliate_content .affiliate_slide li {width: 50%;margin: 0 5px;}
    .affiliate_content .affiliate_slide li a img {height: auto;aspect-ratio: 5 / 7;}
    .affiliate_slide_wrap {margin-top: 50px;}
    .affiliate_content .swiper-pagination {top: 35px!important;width: 100%;}
    .affiliate_content .swiper-pagination .swiper-pagination-bullet {flex: 1;}
    .main_pagewrap {padding-top: 5px; margin-top: 5px;}
    .discount_tvchanner .tvchanner_list ul li {padding: 5px;}
    .star_bj_list .bj_img img {aspect-ratio: 5/5;height: auto;}
}