@charset "utf-8";

/* ******************* *
* COMMON
* ******************* */
.mtit {display: flex;align-items: center;gap: 5px;margin-bottom: 25px;color: var(--color-msblue);font-family: var(--font-Isamanru);font-size: 1.70em;font-weight: 500;}
.mtit>.ico {flex: 0 0 auto;display: block;width: 36px;aspect-ratio: 1 / 1;}

#container {position: relative;left: -100px;}

@media all and (max-width: 1399px){
    #container {left: 0;}
}

/* ******************* *
* HEADLINE
* ******************* */
#headline {margin-bottom: 68px;}
#headline .cinner {position: relative;}
.headline__cont {display: flex;gap: 20px;width: 100%;}
.headline__cont .headline-item {width: calc(50% - 10px);}
.headline__cont .headline-item > a {display: block;width: 100%;height: 100%;position: relative;}
.headline__cont .headline-item .thumb {display: block;width: 100%;aspect-ratio: 59 / 56;position: relative;overflow: hidden;}
.headline__cont .headline-item .thumb::after {content: '';display: block;width: 100%;height: 100%;background: rgba(0, 0, 0, 0);background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, #000000 100%);background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, #000000 100%);background: -moz-linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, #000000 100%);position: absolute;inset: 0;margin: auto;z-index: 4;opacity: 0;visibility: hidden;transition: .35s;}
.headline__cont .headline-item .thumb > .bg-img {width: 100%;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;position: absolute;inset: 0;margin: auto;z-index: 1;}
.headline__cont .headline-item .thumb > .bg-img::before {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, .2);-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);z-index: 2;}
.headline__cont .headline-item .thumb > img {width: 100%;height: 100%;object-fit: fill;position: relative;z-index: 3;transition: .35s;}
.headline__cont .headline-item .title {width: 100%;padding: 0 15px;box-sizing: border-box;color: #fff;font-size: 1.70em;font-weight: 700;line-height: 1.3;text-align: center;position: absolute;left: 0;right: 0;bottom: 25px;margin: auto;z-index: 10;display: -ms-flexbox;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;opacity: o;visibility: hidden;transition: .35s;}
.headline__cont .headline-item > a:hover .thumb::after,
.headline__cont .headline-item > a:hover .title {opacity: 1;visibility: visible;}

.localNews-list > li .thumb::after {content: '';display: block;width: 100%;height: 100%;background: rgba(0, 0, 0, 0);background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, #000000 100%);background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, #000000 100%);background: -moz-linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, #000000 100%);position: absolute;inset: 0;margin: auto;z-index: 4;opacity: 0;visibility: hidden;transition: .35s;}
.localNews-list > li .thumb > .bg-img {width: 100%;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;position: absolute;inset: 0;margin: auto;z-index: 1;}
.localNews-list > li .thumb > .bg-img::before {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, .2);-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);z-index: 2;}
.localNews-list > li .thumb > img {width: 100%;height: 100%;object-fit: fill;position: relative;z-index: 3;transition: .35s;}
.localNews-list > li .title {padding: 0 20px;box-sizing: border-box;color: #fff;font-size: 20px;font-weight: 600;position: absolute;left: 0;right: 0;bottom: 10px;margin: auto;z-index: 5;display: -ms-flexbox;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;opacity: 0;visibility: hidden;transition: .35s;}



/* **************************** *
* TODAY UNSE (오늘의 띠별 운세)
* **************************** */
#todayUnse {margin-bottom: 65px;}
#todayUnse .mtit {justify-content: center;margin-bottom: 20px;color: var(--color-msblue);font-family: var(--font-Isamanru);font-size: 1.80em;font-weight: 500;text-align: center;}
#todayUnse .unse-list {display: flex;justify-content: space-between;gap: 10px;}
#todayUnse .unse-list>li {width: calc(100% / 12);}
#todayUnse .unse-list>li .btn-unse {border: 0;background: none;}
#todayUnse .unse-list>li .btn-unse>.img-box {width: 100%;aspect-ratio: 1 / 1;margin-bottom: 10px;border-radius: 10px;background: #F8F8F8;transition: .35s ease;}
#todayUnse .unse-list>li .btn-unse:hover>.img-box {background: rgba(245, 190, 59, .8);}
#todayUnse .unse-list>li .btn-unse>.tit {color: #111;font-size: 20px;font-family: var(--font-Isamanru);font-weight: 500;}
#todayUnse .unse-modal {display: none;position: fixed;inset: 0;z-index: 999;}
#todayUnse .unse-modal.is-open {display: block;}
#todayUnse .unse-modal .unse-modal__dim {background: rgba(0, 0, 0, .6);position: absolute;inset: 0;}
#todayUnse .unse-modal .unse-modal__box {max-width: 500px;width: 90%;padding: 24px;border-radius: 16px;background: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 1.1em;}
#todayUnse .unse-modal .unse-modal__box .btn-close {display: block;width: 34px;aspect-ratio: 1 / 1;border: none;border-radius: 50%;background: #fff;-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);position: absolute;bottom: calc(100% + 10px);right: 0;}
#todayUnse .unse-modal .unse-modal__box .btn-close::before,
#todayUnse .unse-modal .unse-modal__box .btn-close::after {content: '';display: block;width: 1px;height: 50%;background: #000;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
#todayUnse .unse-modal .unse-modal__box .btn-close::before {transform: rotate(45deg);}
#todayUnse .unse-modal .unse-modal__box .btn-close::after {transform: rotate(-45deg);}



/* ******************* *
* SPORTS NEWS (지금 뜨는 스포츠 이야기)
* ******************* */
#sportsNews {margin-bottom: 80px;}
#sportsNews .contents {display: flex;justify-content: space-between;align-items: flex-start;gap: 10px;width: 100%;position: relative;}
.sportsNews-cont {width: 68%;position: relative;}
.sportsNews-cont .sportsNews-list_wrap {position: relative;}
.sportsNews-cont .sportsNews-list {}
.sportsNews-cont .sportsNews-list .swiper-wrapper {flex-wrap: wrap;gap: 6px;}
.sportsNews-cont .sportsNews-item {width: calc(25% - 4.5px) !important;}
.sportsNews-cont .sportsNews-item > a {display: block;width: 100%;height: 100%;position: relative;}
.sportsNews-cont .sportsNews-item .thumb {width: 100%;aspect-ratio: 29 / 18;position: relative;overflow: hidden;}
.sportsNews-cont .sportsNews-item .thumb::after {content: '';display: block;width: 100%;height: 100%;background: rgba(0, 0, 0, 0);background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, #000000 100%);background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, #000000 100%);background: -moz-linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, #000000 100%);position: absolute;inset: 0;margin: auto;z-index: 4;}
.sportsNews-cont .sportsNews-item .thumb > .bg-img {width: 100%;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;position: absolute;inset: 0;margin: auto;z-index: 1;}
.sportsNews-cont .sportsNews-item .thumb >.bg-img::before {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, .2);-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);z-index: 2;}
.sportsNews-cont .sportsNews-item .thumb > img {width: 100%;height: 100%;object-fit: contain;object-fit: fill;position: relative;z-index: 3;transition: .35s;}
.sportsNews-cont .sportsNews-item .title {padding: 0 10px;color: #fff;font-size: 20px;font-weight: 500;position: absolute;left: 0;right: 0;bottom: 5px;margin: auto;z-index: 5;display: -ms-flexbox;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 1;opacity: 0;visibility: hidden;transition: .35s;}
.sportsNews-cont .sportsNews-item:first-child {width: 100% !important;}
.sportsNews-cont .sportsNews-item:first-child .thumb {aspect-ratio: 76 / 51;}
.sportsNews-cont .sportsNews-item:first-child .title {padding: 0 30px;box-sizing: border-box;font-size: 1.55em;font-weight: 600;bottom: 30px;display: -ms-flexbox;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;}
.sportsNews-cont .sportsNews-item > a:hover .thumb::after,
.sportsNews-cont .sportsNews-item > a:hover .title {opacity: 1;visibility: visible;}
.sportsNews-cont .btn-more {color: var(--color-msblue);font-size: 20px;font-weight: 600;position: absolute;bottom: calc(100% + 25px);right: 0;}



.sponsor-list-cont {/* max-width: 312px; */width: 28%;}
.sponsor-list {}
.sponsorList-swiper {height: 100%;}
.sponsorList-swiper ul {}
.sponsorList-swiper ul > li {border: 1px solid #EBEBEB;box-sizing: border-box;}
.sponsorList-swiper ul > li:not(:last-child) {border-bottom: 0;}
.sponsorList-swiper ul > li > a {display: block;width: 100%;height: 100%;}
.sponsorList-swiper ul > li > a > img {display: block;width: 100%;height: 100%;}





/* ******************* *
* PHOTO NEWS
* ******************* */
#photoNews {margin-bottom: 150px;}
#photoNews .cinner {display: flex;justify-content: space-between;position: relative;}
.photoNews-cont {max-width: 570px;width: 48%;position: relative;}
.photoNews-cont .btn-more {color: var(--color-msblue);font-size: 18px;font-weight: 600;position: absolute;top: 20px;right: 0;}
.photoNews-list_wrap {position: relative;}
.photoNews-list {}
.photoNews-item {height: auto !important;}
.photoNews-item > a {display: block;width: 100%;height: 100%;position: relative;overflow: hidden;}
.photoNews-item .thumb {width: 100%;aspect-ratio: 3 / 2;margin-bottom: 15px;border: 1px solid #ddd;box-sizing: border-box;position: relative;}
.photoNews-item.swiper-slide-next .thumb {border-right: 1px solid #ddd;}
.photoNews-item .thumb::after {content: '';display: block;width: 100%;height: 100%;background: rgba(0, 0, 0, 0);background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, #000000 100%);background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, #000000 100%);background: -moz-linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, #000000 100%);position: absolute;inset: 0;margin: auto;z-index: 4;opacity: 0;visibility: hidden;transition: .35s;}
.photoNews-item .thumb:not(:last-child) {border-right: 0;}
.photoNews-item .thumb > img {width: 100%;height: 100%;margin: 0 auto;object-fit: fill;position: relative;z-index: 3;transition: .35s;}
.photoNews-item .thumb .bg-img {width: 100%;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;position: absolute;inset: 0;margin: auto;z-index: 1;}
.photoNews-item .thumb .bg-img::before {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background: rgba(0, 0, 0, .2);-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);}
.photoNews-item .thumb>a:hover img {transform: scale(1.05);}
.photoNews-item .title {padding: 0 20px;box-sizing: border-box;color: #fff;font-size: 1.55em;font-weight: 700;text-align: center;position: absolute;left: 0;right: 0;bottom: 30px;z-index: 5;display: -ms-flexbox;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 1;opacity: 0;visibility: hidden;transition: .35s;}
.photoNews-item > a:hover .thumb::after,
.photoNews-item > a:hover .title {opacity: 1;visibility: visible;}

/* .photoNews-list-ctrls {}
.photoNews-list-ctrls .data-nav {}
.photoNews-list-ctrls .data-nav button {display: block;width: 45px;height: 45px;border: 1px solid #EBEBEB;border-radius: 50%;box-sizing: border-box;background: #fff;position: absolute;top: 50%;z-index: 995;}
.photoNews-list-ctrls .data-nav .btn-prev {left: 0;transform: translate(-50%, -50%);}
.photoNews-list-ctrls .data-nav .btn-next {right: 0;transform: translate(50%, -50%);}
.photoNews-list-ctrls .data-nav button:after {content: '';display: block;border-width: 2px;border-style: solid;border-color: transparent #555 #555 transparent;border-radius: 2px;box-sizing: border-box;width: 25%;height: 25%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.photoNews-list-ctrls .data-nav .btn-prev:after {transform: rotate(135deg) translate(-10%, -10%);}
.photoNews-list-ctrls .data-nav .btn-next:after {transform: rotate(-45deg) translate(-10%, -10%);}
.photoNews-list-ctrls .photoNews-pagination {width: 100% !important;height: 5px !important;border-radius: 2.5px;background: #D9D9D9;position: relative;top: 10px !important;opacity: 1;overflow: hidden;}
.photoNews-list-ctrls .photoNews-pagination > span {display: block;height: 100%;border-radius: 2.5px;background: var(--color-msblue) !important;} */

.photoNews-modal {display: none;position: fixed;inset: 0;z-index: 999;}
.photoNews-modal.is-open {display: block;}
.photoNews-modal .photoNews-modal__dim {background: rgba(0, 0, 0, .7);position: absolute;inset: 0;}
.photoNews-modal .photoNews-modal__box {max-width: 800px;max-height: calc(100% - 40px);height: min(600px, calc(100dvh - 40px));padding: 20px;box-sizing: border-box;background: #fff;position: absolute;inset: 50% auto auto 50%;transform: translate(-50%, -50%);}
.photoNews-modal .photoNews-modal__box .modal-photoNews-list_wrap {height: 100%;}
.photoNews-modal .photoNews-modal__box .title {font-size: 1.55em;font-weight: 700;text-align: center;display: -ms-flexbox;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 1;}
.photoNews-modal .modal-photoNews-list {height: 100%;position: relative;}
.photoNews-modal .modal-photoNews-item {}
.photoNews-modal .modal-photoNews-item .thumb {height: 90%;margin-bottom: 20px;position: relative;}
.photoNews-modal .modal-photoNews-item .thumb a {display: block;width: 100%;height: 100%;position: relative;}
.photoNews-modal .modal-photoNews-item .thumb::after {content: '';display: block;width: 100%;height: 100%;background: rgba(0, 0, 0, 0);background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, #000000 100%);background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, #000000 100%);background: -moz-linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, #000000 100%);position: absolute;inset: 0;margin: auto;z-index: 4;opacity: 0;visibility: hidden;transition: .35s;}
.photoNews-modal .modal-photoNews-item .thumb .bg-img {width: 100%;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;position: absolute;inset: 0;margin: auto;z-index: 1;}
.photoNews-modal .modal-photoNews-item .thumb .bg-img::before {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, .2);-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(30px);z-index: 2;}
.photoNews-modal .modal-photoNews-item .thumb img {width: auto;height: 100%;object-fit: contain;margin: 0 auto;position: relative;z-index: 3;}
.photoNews-modal .modal-photoNews-list-ctrls {}
.photoNews-modal .modal-photoNews-list-ctrls .data-nav {}
.photoNews-modal .modal-photoNews-list-ctrls .data-nav button {display: block;width: 45px;height: 45px;border: 1px solid var(--color-msblue);border-radius: 50%;box-sizing: border-box;background: var(--color-msblue);position: absolute;top: 50%;z-index: 999;}
.photoNews-modal .modal-photoNews-list-ctrls .data-nav .btn-prev {left: 0;transform: translate(-50%, -50%);}
.photoNews-modal .modal-photoNews-list-ctrls .data-nav .btn-next {right: 0;transform: translate(50%, -50%);}
.photoNews-modal .modal-photoNews-list-ctrls .data-nav button:after {content: '';display: block;border-width: 2px;border-style: solid;border-color: transparent #fff #fff transparent;border-radius: 2px;box-sizing: border-box;width: 25%;height: 25%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.photoNews-modal .modal-photoNews-list-ctrls .data-nav .btn-prev:after {transform: rotate(135deg) translate(-10%, -10%);}
.photoNews-modal .modal-photoNews-list-ctrls .data-nav .btn-next:after {transform: rotate(-45deg) translate(-10%, -10%);}
.photoNews-modal .photoNews-modal__close {display: block;width: 34px;aspect-ratio: 1 / 1;border: none;border-radius: 50%;background: #fff;-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);position: absolute;bottom: calc(100% + 10px);right: 0;}
.photoNews-modal .photoNews-modal__close::before,
.photoNews-modal .photoNews-modal__close::after {content: '';display: block;width: 1px;height: 50%;background: #000;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.photoNews-modal .photoNews-modal__close::before {transform: rotate(45deg);}
.photoNews-modal .photoNews-modal__close::after {transform: rotate(-45deg);}


/* 추천영상 */
.recmdVideo-cont {max-width: 570px;width: 48%;position: relative;}
.recmdVideo-cont .btn-more {color: var(--color-msblue);font-size: 18px;font-weight: 600;position: absolute;top: 20px;right: 0;}
.rcmd-video {width: 100%;aspect-ratio: 3 / 2;}



/* ******************* *
* LOCAL NEWS
* ******************* */
#localNews {margin-bottom: 80px;}
#localNews .contents {display: flex;justify-content: space-between;gap: 10px;position: relative;}
#localNews .btn-more {color: var(--color-msblue);font-size: 20px;font-weight: 600;position: absolute;bottom: calc(100% + 25px);right: 0;}
.local-video {max-width: 680px;width: 57%;}
.local-video > a {display: block;width: 100%;height: 100%;position: relative;}
.local-video .thumb {width: 100%;aspect-ratio: 68 / 59;position: relative;overflow: hidden;}
.local-video .thumb::after {content: '';display: block;width: 100%;height: 100%;background: rgba(0, 0, 0, 0);background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, #000000 100%);background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, #000000 100%);background: -moz-linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, #000000 100%);position: absolute;inset: 0;margin: auto;z-index: 4;opacity: 0;visibility: hidden;transition: .35s;}
.local-video .thumb>.bg-img {width: 100%;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;position: absolute;inset: 0;margin: auto;z-index: 1;}
.local-video .thumb>.bg-img::before {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, .2);-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);z-index: 2;}
.local-video .thumb>img {width: 100%;height: 100%;object-fit: fill;position: relative;z-index: 3;transition: .35s;}
.local-video .title {padding: 0 30px;box-sizing: border-box;color: #fff;font-size: 1.55em;font-weight: 600;position: absolute;left: 0;right: 0;bottom: 30px;margin: auto;z-index: 5;display: -ms-flexbox;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;opacity: 0;visibility: hidden;transition: .35s;}
.local-video > a:hover .thumb::after,
.local-video > a:hover .title {opacity: 1;visibility: visible;}
.local-video > a:hover .thumb > img {transform: scale(1.05);}
.localNews-list-wrap {max-width: 510px;width: 43%;}
.localNews-list {display: flex;flex-wrap: wrap;gap: 10px;}
.localNews-list > li {width: calc(50% - 5px);}
.localNews-list > li > a {display: block;width: 100%;height: 100%;position: relative;}
.localNews-list > li .thumb {width: 100%;aspect-ratio: 25 / 14;border: 1px solid #ddd;box-sizing: border-box;position: relative;overflow: hidden;}
.localNews-list > li .thumb::after {content: '';display: block;width: 100%;height: 100%;background: rgba(0, 0, 0, 0);background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, #000000 100%);background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, #000000 100%);background: -moz-linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, #000000 100%);position: absolute;inset: 0;margin: auto;z-index: 4;opacity: 0;visibility: hidden;transition: .35s;}
.localNews-list > li .thumb > .bg-img {width: 100%;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;position: absolute;inset: 0;margin: auto;z-index: 1;}
.localNews-list > li .thumb > .bg-img::before {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, .2);-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);z-index: 2;}
.localNews-list > li .thumb > img {width: 100%;height: 100%;object-fit: fill;position: relative;z-index: 3;transition: .35s;}
.localNews-list > li .title {padding: 0 20px;box-sizing: border-box;color: #fff;font-size: 20px;font-weight: 600;position: absolute;left: 0;right: 0;bottom: 10px;margin: auto;z-index: 5;display: -ms-flexbox;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;opacity: 0;visibility: hidden;transition: .35s;}
.localNews-list > li > a:hover .thumb::after,
.localNews-list > li > a:hover .title {opacity: 1;visibility: visible;}
.localNews-list > li > a:hover .thumb > img {transform: scale(1.05);}



/* ******************* *
* PLAN NEWS (깊이 있는 이야기)
* ******************* */
#planNews {margin-bottom: 100px;}
#planNews .contents {display: flex;justify-content: space-between;align-items: flex-start;gap: 10px;position: relative;}
.plan-video {max-width: 770px;width: 65%;position: relative;}
.plan-video .plan-rcmd-video-list_wrap {position: relative;}
.plan-video .plan-rcmd-video-list {}
.plan-video .plan-rcmd-video-list .swiper-wrapper {flex-wrap: wrap;gap: 12px;}
.plan-video .plan-rcmd-video-item {width: calc(20% - 9.6px) !important;}
.plan-video .plan-rcmd-video-item > a {display: block;width: 100%;height: 100%;position: relative;}
.plan-video .plan-rcmd-video-item .thumb {width: 100%;aspect-ratio: 29 / 18;position: relative;overflow: hidden;}
.plan-video .plan-rcmd-video-item .thumb::after {content: '';display: block;width: 100%;height: 100%;background: rgba(0, 0, 0, 0);background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, #000000 100%);background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, #000000 100%);background: -moz-linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, #000000 100%);position: absolute;inset: 0;margin: auto;z-index: 4;opacity: 0;visibility: hidden;transition: .35s;}
.plan-video .plan-rcmd-video-item .thumb > .bg-img {width: 100%;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;position: absolute;inset: 0;margin: auto;z-index: 1;}
.plan-video .plan-rcmd-video-item .thumb > .bg-img::before {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, .2);-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);z-index: 2;}
.plan-video .plan-rcmd-video-item .thumb > img {width: 100%;height: 100%;object-fit: contain;object-fit: fill;position: relative;z-index: 3;transition: .35s;}
.plan-video .plan-rcmd-video-item .title {padding: 0 10px;color: #fff;font-size: 20px;font-weight: 500;position: absolute;left: 0;right: 0;bottom: 5px;margin: auto;z-index: 5;opacity: 0;visibility: hidden;transition: .35s;display: -ms-flexbox;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 1;}
.plan-video .plan-rcmd-video-item:first-child {width: 100% !important;}
.plan-video .plan-rcmd-video-item:first-child .thumb {aspect-ratio: 77 / 45;}
.plan-video .plan-rcmd-video-item:first-child .title {padding: 0 30px;box-sizing: border-box;font-size: 1.45em;font-weight: 600;bottom: 30px;display: -ms-flexbox;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;}
.plan-video .btn-more {color: var(--color-msblue);font-size: 18px;font-weight: 600;position: absolute;top: 20px;right: 0;}
.plan-video .plan-rcmd-video-item > a:hover .thumb::after,
.plan-video .plan-rcmd-video-item > a:hover .title {opacity: 1;visibility: visible;}

/* 생각한줄 */
.planNews-list-wrap {max-width: 372px;width: 31%;position: relative;}
.planNews-list-wrap>.title {margin-bottom: 8px;color: var(--color-msblue);font-family: var(--font-Isamanru);font-weight: 500;}
.planNews-list-wrap .btn-more {color: var(--color-msblue);font-size: 18px;font-weight: 600;position: absolute;top: 20px;right: 0;}
.planNews-list {display: flex;flex-direction: column;gap: 40px;}
.planNews-list > li {width: 100%;}
.planNews-list > li > a {display: flex;align-items: center;gap: 20px;}
.planNews-list > li .thumb {flex: 0 0 auto;width: 160px;aspect-ratio: 32 / 21;border: 1px solid #ddd;box-sizing: border-box;position: relative;overflow: hidden;}
.planNews-list > li .thumb>.bg-img {width: 100%;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;position: absolute;inset: 0;margin: auto;z-index: 1;}
.planNews-list > li .thumb>.bg-img::before {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, .2);-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);z-index: 2;}
.planNews-list > li .thumb>img {width: 100%;height: 100%;object-fit: fill;position: relative;z-index: 3;transition: .35s;}
.planNews-list > li .title {color: #000;font-size: 20px;font-weight: 500;display: -ms-flexbox;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;}
.planNews-list > li  a:hover .thumb > img {transform: scale(1.05);}



/* ******************* *
* TODAY NEWS
* ******************* */
#todayNews {margin-bottom: 40px;}
.todayNews-list {display: flex;align-items: center;gap: 70px;padding: 32px 50px;background: var(--color-msblue);color: #fff;}
.todayNews-list .date-box {flex: 0 0 auto;padding-right: 50px;position: relative;}
.todayNews-list .date-box::after {content: '';width: 2px;height: 50px;background: #fff;position: absolute;top: 0;bottom: 0;right: 0;margin: auto;}
.todayNews-list .date-box > .date {font-weight: 700;letter-spacing: -0.06em;position: relative;font-size: 1.1em;}
.todayNews-list .date-box > .date::before {content: '';display: block;width: 25px;aspect-ratio: 1 / 1;margin: 0 auto;background: url(../img/main/ico-calendar.svg) center center / cover no-repeat;}
.todayNews-list .news-box {display: flex;align-items: center;gap: 70px;width: 100%;}
.todayNews-list .news-item {width: 33.333%;}
.todayNews-list .news-item > .cate-tit {margin-bottom: 5px;font-family: var(--font-Isamanru);font-size: 1.30em;font-weight: 500;}
.todayNews-list .news-item > .news-tit {min-height: 56px;color: #fff;font-size: 20px;display: -ms-flexbox;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;}
.todayNews-list .news-item > .news-tit:hover {text-decoration: underline;text-underline-offset: 4px;}




/* ******************* *
* CATE NEWS (분야별로 보는 이야기)
* ******************* */
#cateNews {margin-bottom: 80px;}
#cateNews .cinner {position: relative;}
#cateNews .btn-more {color: var(--color-msblue);font-size: 19px;font-weight: 600;position: absolute;top: 20px;right: 0;}
#cateNews .contents {display: flex;justify-content: space-between;gap: 10px;position: relative;}
.cate-video {max-width: 580px;width: 49%;}
.cate-video>a {display: block;width: 100%;height: 100%;position: relative;}
.cate-video .thumb {width: 100%;aspect-ratio: 58 / 59;position: relative;overflow: hidden;}
.cate-video .thumb::after {content: '';display: block;width: 100%;height: 100%;background: rgba(0, 0, 0, 0);background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, #000000 100%);background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, #000000 100%);background: -moz-linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, #000000 100%);position: absolute;inset: 0;margin: auto;z-index: 4;}
.cate-video .thumb > .bg-img {width: 100%;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;position: absolute;inset: 0;margin: auto;z-index: 1;}
.cate-video .thumb > .bg-img::before {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, .2);-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);z-index: 2;}
.cate-video .thumb > img {width: 100%;height: 100%;object-fit: fill;position: relative;z-index: 3;transition: .35s;}
.cate-video .title {padding: 0 30px;box-sizing: border-box;color: #fff;font-size: 1.25em;font-weight: 600;position: absolute;left: 0;right: 0;bottom: 30px;margin: auto;z-index: 5;display: -ms-flexbox;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;}
.cate-video > a:hover .thumb > img {transform: scale(1.05);}
.cateNews-list-wrap {max-width: 610px;width: 51%;}
.cateNews-list {display: flex;flex-wrap: wrap;gap: 10px;}
.cateNews-list > li {width: calc(50% - 5px);}
.cateNews-list > li > a {display: block;width: 100%;height: 100%;position: relative;}
.cateNews-list > li .thumb {width: 100%;aspect-ratio: 30 / 19;border: 1px solid #ddd;box-sizing: border-box;position: relative;overflow: hidden;}
.cateNews-list > li .thumb::after {content: '';display: block;width: 100%;height: 100%;background: rgba(0, 0, 0, 0);background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, #000000 100%);background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, #000000 100%);background: -moz-linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, #000000 100%);position: absolute;inset: 0;margin: auto;z-index: 4;opacity: 0;visibility: hidden;transition: .35s;}
.cateNews-list > li .thumb > .bg-img {width: 100%;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;position: absolute;inset: 0;margin: auto;z-index: 1;}
.cateNews-list > li .thumb > .bg-img::before {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, .2);-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);z-index: 2;}
.cateNews-list > li .thumb > img {width: 100%;height: 100%;object-fit: fill;position: relative;z-index: 3;transition: .35s;}
.cateNews-list > li .title {padding: 0 20px;box-sizing: border-box;color: #fff;font-size: 20px;font-weight: 600;position: absolute;left: 0;right: 0;bottom: 10px;margin: auto;z-index: 5;display: -ms-flexbox;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;opacity: 0;visibility: hidden;transition: .35s;}
.cateNews-list > li > a:hover .thumb::after,
.cateNews-list > li > a:hover .title {opacity: 1;visibility: visible;}
.cateNews-list > li > a:hover .thumb > img {transform: scale(1.05);}



/* ******************* *
* CATE NEWS BTM
* ******************* */
/* #cateNewsBtm {margin-bottom: 80px;}
#cateNewsBtm .contents {position: relative;}
.cateNewsBtm-wrap {width: 100%;}
.cateNewsBtm-list {display: flex;gap: 32px;}
.cateNewsBtm-list>li>a {display: block;width: 100%;height: 100%;position: relative;}
.cateNewsBtm-list>li .thumb {width: 100%;aspect-ratio: 46 / 25;margin-bottom: 8px;border: 1px solid #ddd;box-sizing: border-box;position: relative;overflow: hidden;}
.cateNewsBtm-list>li .thumb::after {content: '';display: block;width: 100%;height: 100%;background: rgba(0, 0, 0, 0);background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, #000000 100%);background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, #000000 100%);background: -moz-linear-gradient(-90deg, rgba(0, 0, 0, 0) 40%, #000000 100%);position: absolute;inset: 0;margin: auto;z-index: 4;}
.cateNewsBtm-list>li .thumb>.bg-img {width: 100%;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;position: absolute;inset: 0;margin: auto;z-index: 1;}
.cateNewsBtm-list>li .thumb>.bg-img::before {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, .2);-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);z-index: 2;}
.cateNewsBtm-list>li .thumb>img {width: 100%;height: 100%;object-fit: fill;position: relative;z-index: 3;transition: .35s;}
.cateNewsBtm-list>li .title {color: #000;font-size: 15px;font-weight: 500;display: -ms-flexbox;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 1;}
.cateNewsBtm-list>li>a:hover .thumb>img {transform: scale(1.05);} */



/* ******************* *
* SPNSOR BANNER
* ******************* */
/* #sponsorBn {margin-bottom: 105px;} */


/* ******************* *
* ASIDE BANNER
* ******************* */
.aside-banner {width: 300px;position: absolute;top: 0;left: calc(100% + 20px);}
.aside-banner img {width: 100%;}

#asideBn01 {}
#asideBn01 .update-info {margin-top: 20px;color: var(--color-msblue);font-family: var(--font-SebangGothic);font-weight: 700;}
#asideBn01 .update-info .subscriber {display: flex;align-items: center;gap: 5px;font-size: 1.1em;}
#asideBn01 .update-info .subscriber::before {flex: 0 0 auto;content: '';display: block;width: 30px;aspect-ratio: 3 / 2;background: url(../img/common/ico-user_b.svg) center center / cover no-repeat;}
#asideBn01 .update-info .update-time {display: flex;align-items: center;gap: 10px;margin-bottom: 6px;font-size: 1.1em;;}
#asideBn01 .update-info .update-time::before {flex: 0 0 auto;content: '';display: block;width: 23px;aspect-ratio: 1 / 1;background: url(../img/common/ico-clock.svg) center center / cover no-repeat;}

#asideBn03 .mtit,
#asideBn04 .mtit {align-items: flex-start;margin-bottom: 10px;font-size: 1.40em;}

#asideBn03 .mtit>.ico,
#asideBn04 .mtit>.ico {width: 28px;margin-top: 4px;}

#asideBn05 {height: 354px;}
#asideBn05 .vote-wrap {margin-bottom: 10px;border-radius: 15px;overflow: hidden;}
#asideBn05 .vote-title {display: flex;justify-content: center;align-items: center;gap: 12px;padding: 15px;box-sizing: border-box;background: var(--color-msblue);color: #fff;font-size: 1.25em;font-weight: 700;}
#asideBn05 .vote-box {padding: 20px 15px;box-sizing: border-box;background: rgba(14, 52, 101, .05);}
#asideBn05 .vote-box > .quest {margin-bottom: 5px;padding: 16px;border: 1px solid #E3E3E3;box-sizing: border-box;border-radius: 10px;background: #fff;color: var(--color-msblue);font-weight: 700;text-align: center;line-height: 1.2;font-size: 1.1em;;}
#asideBn05 .vote-box > .info {margin-bottom: 20px;color: #A4A4A4;font-size: 16px;text-align: right;}
#asideBn05 .vote-box > .ans {padding: 8px 0;border-bottom: 2px solid #3B528E;}
#asideBn05 .vote-box .ans > form {display: flex;align-items: center;gap: 8px;width: 100%;height: 100%;}
#asideBn05 .vote-box > .ans > form > input {width: 100%;height: 32px;border: 0;background: none;font-size: 18px;}
#asideBn05 .vote-box > .ans > form > input::placeholder {color: #A4A4A4;font-size: 18px;text-align: center;}
#asideBn05 .vote-box > .ans > form > input:focus {appearance: none;border: 0 !important;box-shadow: none;outline: none;}
#asideBn05 .vote-box > .ans > form > .btn-submit {flex: 0 0 auto;width: 50px;height: 28px;border: 0;border-radius: 5px;background: var(--color-msblue);color: #fff;font-size: 18px;line-height: 28px;}

.asideBn05-swiper {height: 100%;}






/* ********************************************************* *
* CATE NEWS (분야별 뉴스), LOCAL NEWS(지역별 뉴스) 리스트 공통
* ********************************************************* */
/* .news-list-wrap {}

.news-list-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 25px 60px;
}

.news-list-wrap .list-item {
    width: calc(50% - 30px);
}

.news-list-wrap .list-item .mtit {
    margin-bottom: 5px;
}

.news-list-wrap .list-item .contents {}

.news-list-wrap .list-item .contents ul {}

.news-list-wrap .list-item .contents ul>li {
    position: relative;
}

.news-list-wrap .list-item .contents ul>li:not(.first) {
    display: flex;
    align-items: baseline;
    gap: 5px;
}

.news-list-wrap .list-item .contents ul>li:not(.first)::before {
    content: '·';
    color: var(--color-msblue);
}

.news-list-wrap .list-item .contents ul>li>a:hover {
    opacity: .6;
}

.news-list-wrap .list-item .contents ul>li .title {
    color: #999;
    font-size: 15px;
    line-height: 2.0;
    transition: .35s;
    display: -ms-flexbox;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
}

.news-list-wrap .list-item .contents ul>li.first {
    margin-bottom: 15px;
}

.news-list-wrap .list-item .contents ul>li.first>a {
    display: flex;
    align-items: center;
    gap: 10px;
}

.news-list-wrap .list-item .contents ul>li.first>a .thumb {
    flex: 0 0 auto;
    width: 130px;
    aspect-ratio: 13 / 8;
    border: 1px solid #ddd;
    box-sizing: border-box;
}

.news-list-wrap .list-item .contents ul>li.first>a .title {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    display: -ms-flexbox;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    line-height: 1.4;
} */