/* 공통 */
:root{
    --border-radius-sm: 4px;
    --border-radius-md: 8px;
}

#container_all{min-width: 1292px;position: relative;}
.swiper-button-lock{display: inline-block;}
a:hover{text-decoration: none;}
.contents_wrap{display: flex; flex-direction: column;}

.contents_wrap .new_event_control{position: absolute; background: #fff; width: 34px; height: 34px; z-index: 12; border-radius: 20px; border: 1px solid #EDEDF3; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06); top: 40px; margin-top: 0;}
.contents_wrap .new_event_control::after{background: #7E8B9A; width: 20px; height: 20px;}
.contents_wrap .new_event_control.swiper-button-prev.swiper-button-lock{cursor: default; box-shadow: none;}
.contents_wrap .new_event_control:is(.swiper-button-disabled, .swiper-button-lock){opacity: 1; box-shadow: none;}
.contents_wrap .new_event_control:is(.swiper-button-disabled, .swiper-button-off, .swiper-button-prev.swiper-button-lock)::after{background: #E0E3EB;}
.contents_wrap .new_event_control.swiper-button-off{pointer-events: none; cursor: default; box-shadow: none;}
.contents_wrap .event_list .event_control{position: absolute; top: auto; bottom: 0; width: 34px; height: 34px; z-index: 12; border-radius: 20px; border: 1px solid var(--gray-20);}
.contents_wrap .event_list .event_control::after{background: var(--gray-60); width: 28px; height: 28px;}
.contents_wrap .event_list .swiper-button-prev{left: 287px;}
.contents_wrap .event_list .swiper-button-next{right: 287px;}
.contents_wrap .event_list .swiper-button-next::after,
.contents_wrap .new_event_control.swiper-button-next::after{transform: rotate(180deg);}

.contents_wrap .swiper-pagination{display: flex; gap: 6px;}
.contents_wrap .swiper-pagination:not(.swiper-pagination-fraction){width: auto; left: auto; bottom: auto; top: 12px; right: 12px;}
.contents_wrap .swiper-pagination:not(.swiper-pagination-fraction) > span{background: #000; width: 6px; height: 6px; opacity: .2; margin: 0 !important; white-space: nowrap;}
.contents_wrap .swiper-pagination > span.swiper-pagination-bullet-active{opacity: 1;}

.contents_wrap .event_pager.swiper-pagination-fraction{position: relative; height: 34px; line-height: 34px; justify-content: center; font-size: 14px; color: var(--gray-60); gap: 2px; top: 0; padding-top: 16px; margin-top: 20px; border-top: 1px solid var(--gray-20); box-sizing: content-box;}
.contents_wrap .event_pager.swiper-pagination-fraction span{background: transparent; width: auto;}
.contents_wrap .event_pager.swiper-pagination-fraction .swiper-pagination-current{font-weight: var(--fw-bold); color: var(--color-primary); display: inline-block; height: auto;}

.contents_wrap .main-contents{padding: 30px 0 100px; position: relative;}
.contents_wrap .main-contents .inner-wrap:has(.main_wrap){position: static;}
.contents_wrap .main-contents .contents-wrap{display: flex; gap: 30px;}
.contents_wrap .main-contents .contents-wrap:after{display: none;}
.contents_wrap .main-contents .main_wrap{width: 750px; display: flex; flex-direction: column; gap: 16px;}
.contents_wrap .main-contents .main_side_wrap{width: 360px; position: relative;}
.contents_wrap .main-contents .main_side_wrap .aside_wrap{display: flex; flex-direction: column; gap: 16px; width: 360px; z-index: 1; position: sticky;}

.contents_wrap .area_tit{display: flex; justify-content: space-between; align-items: center;}
.contents_wrap .area_tit h4{display: flex; align-items: center; font-size: 20px; color: var(--color-primary); font-weight: var(--fw-bold); letter-spacing: -0.6px;}
.contents_wrap .area_tit h4 > span{display: block; font-size: 20px; font-weight: var(--fw-bold); letter-spacing: -0.44px; color: var(--gray-60); background: linear-gradient(92deg, #025AF6 -46.18%, #64E569 116.03%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-left: 8px;}
.contents_wrap .area_tit :is(h4, h5) > a{display: flex; align-items: center;}
.contents_wrap .area_tit :is(h4, h5) > a:after{position: static;}
.contents_wrap .area_tit h5{font-size: 16px; color: var(--color-primary); font-weight: var(--fw-bold); letter-spacing: -0.32px;}
.contents_wrap .area_tit > a{color: var(--gray-60); font-size: 12px; font-weight: var(--fw-medium); letter-spacing: -0.6px; flex-shrink: 0;}
.contents_wrap .area_tit > div > p{color: #025AF6; font-size: 14px; font-weight: 500; margin-bottom: 2px;}
.contents_wrap .sub_nav{padding: 0 16px; margin-bottom: 16px; height: 44px; line-height: 44px; border-radius: var(--border-radius-sm); background: var(--gray-10, #FAFAFC); overflow: hidden;}
.contents_wrap .sub_nav > li{float: left; font-size: 12px; letter-spacing: -0.36px; color: var(--gray-60); cursor: pointer; user-select: none;}
.contents_wrap .sub_nav > li + li{margin-left: 8px;}
.contents_wrap .sub_nav > li.active{color: var(--color-primary); font-weight: var(--fw-bold);}

.contents_wrap .area_wrap{display: flex; flex-direction: column; gap: 20px; padding: 20px 24px; border: 1px solid var(--gray-20, #EDEDF3); border-radius: var(--border-radius-md);}
.contents_wrap .area_wrap:has(.event_control){padding-bottom: 16px;}
.contents_wrap .area_wrap:has(.list_more){padding-bottom: 2px;}
.contents_wrap .area_wrap.pd-0{padding: 0 !important;}
.contents_wrap .area_wrap .area_note{font-size: 12px; color: #C2CAD6; text-align: right;}
.contents_wrap .aside_wrap .area_wrap{padding: 20px; gap: 16px;}

.nav_dropdown{opacity: 0; border-radius: 8px; border-color: #EDEDF3; max-height: 180px; overflow: overlay; overflow-y: auto; left: 50% !important; margin-left: -145px;}
.nav_dropdown > li{line-height: 38px; height: 38px;}
.nav_dropdown > li > a{font-size: 13px; padding: 0 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; user-select: none;}
.nav_dropdown::-webkit-scrollbar{background-color: #fff; width: 16px;}
.nav_dropdown::-webkit-scrollbar-track{background-color:#fff;}
.nav_dropdown::-webkit-scrollbar-track:hover{background-color: #f4f4f4;}
.nav_dropdown::-webkit-scrollbar-thumb{background-color: #babac0; border-radius: 16px; border: 5px solid #fff;}
.nav_dropdown::-webkit-scrollbar-thumb:hover{background-color: #a0a0a5; border: 4px solid #f4f4f4;}
.nav_dropdown::-webkit-scrollbar-button{display: none;}

/* Tooltip */
[class*=cp__tooltip]{display: inline-block; position: relative; --tooltip-offset: 12px; width: auto !important; font-family: 'Pretendard', sans-serif;}
[class*=cp__tooltip][class*=--icon]{display: inline-block; font-size: 0; line-height: 0;}
[class*=cp__tooltip]:hover .tooltip__label{display: inline-block;}
[class*=cp__tooltip] .tooltip__label{position: absolute; background: #000; color: #fff; padding: 6px 7px; font-size: 13px; line-height: 18px; white-space: nowrap; border-radius: 4px; display: none;}
[class*=cp__tooltip] .tooltip__label::after{content: ""; position: absolute; border: 5px solid #000; opacity: .8; border-top-width: 6px; border-bottom-width: 0; border-left-color: transparent; border-right-color: transparent;}
[class*=cp__tooltip] .tooltip__label span{color: #9AFFFA;}
[class*=cp__tooltip]:not(:is([class*=--right], [class*=--left], [class*=--bottom])) .tooltip__label{bottom: calc(100% + var(--tooltip-offset)); left: 50%; transform: translateX(-50%);}
[class*=cp__tooltip]:not(:is([class*=--right], [class*=--left], [class*=--bottom])) .tooltip__label::after{top: 100%; left: 50%; transform: translateX(-50%);}
[class*=cp__tooltip][class*=--bottom] .tooltip__label{top: calc(100% + var(--tooltip-offset)); left: 50%; transform: translateX(-50%);}
[class*=cp__tooltip][class*=--bottom] .tooltip__label::after{top: -6px; left: 50%; transform: translateX(-50%) rotate(180deg);}
[class*=cp__tooltip][class*=--right] .tooltip__label{left: calc(100% + var(--tooltip-offset)); top: 50%; transform: translateY(-50%); z-index: 10;}
[class*=cp__tooltip][class*=--right] .tooltip__label::after{left: -8px; top: 50%; transform: translateY(-50%) rotate(90deg);}
[class*=cp__tooltip][class*=--left] .tooltip__label{right: calc(100% + var(--tooltip-offset)); top: 50%; transform: translateY(-50%); z-index: 10;}
[class*=cp__tooltip][class*=--left] .tooltip__label::after{right: -8px; top: 50%; transform: translateY(-50%) rotate(-90deg);}
/* // 공통 */

/* 2024 W시즌 */
.left_banner_new{position: absolute; right: 50%; top: 30px; height: 100%; display: flex; align-items: end; gap: 16px; flex-direction: column; transform: translateX(-570px); padding-right: 16px; z-index: 3;}
.left_banner_new .fold_banner{border-radius: 50px; position: relative;}
.left_banner_new .fold_banner i{display: inline-block; width: 20px; height: 20px; border: 2px solid #000; border-radius: 50px;}
.left_banner_new .fold_banner .fold_cover{width: 44px; height: 100%; position: absolute; top: 0; right: 0; border-radius: 50px; overflow: hidden; box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.06); border: 1px solid #EDEDF3;}
.left_banner_new .fold_banner .fold_cover > div{display: flex; flex-direction: column; justify-content: space-between; align-items: center; background: #fff; position: absolute; top: 2px; right: 2px; border-radius: 50px; width: calc(100% - 4px); height: calc(100% - 4px); cursor: pointer; user-select: none;}
.left_banner_new .fold_banner .fold_cover .cover_btn{flex-shrink: 0; display: flex; justify-content: center; align-items: center; height: 40px;}
.left_banner_new .fold_banner .fold_cover .cover_btn i{display: inline-block; width: 20px; height: 20px;;}
.left_banner_new .fold_banner .fold_cover .cover_btn i::after{width: 12px; height: auto;}
.left_banner_new .fold_banner .fold_cover .cover_content{flex: 1; display: flex; justify-content: center; align-items: center; gap: 8px; transform: rotate(180deg); writing-mode: vertical-lr; text-orientation: sideways; padding-top: 2px;}
.left_banner_new .fold_banner .fold_cover .cover_content > p{font-size: 14px; font-weight: 700; color: #121212; letter-spacing: -0.42px;}
.left_banner_new .fold_banner .fold_cover .cover_content > span{font-size: 12px; font-weight: 500; color: #000; opacity: .3; letter-spacing: -0.36px; text-decoration: underline; text-underline-position: under; width: 16px;}
.left_banner_new .fold_banner .fold_wrap{width: 220px; border-radius: 16px; overflow: hidden; box-shadow: 0px 6px 6px 0px rgba(0, 0, 0, 0.06); z-index: 1; visibility: hidden; position: relative; border: 1px solid #EDEDF3;}
.left_banner_new .fold_banner .fold_wrap .fold_head{display: flex; align-items: center; background: #fff; height: 40px; gap: 8px; font-size: 14px; font-weight: 700; padding: 0 10px; cursor: pointer; user-select: none; border-radius: 15px 15px 0 0; letter-spacing: -0.42px; word-spacing: -1px;}
.left_banner_new .fold_banner .fold_wrap .fold_body{background: #fff; border-radius: 0 0 16px 16px; overflow: hidden;}
.left_banner_new .fold_banner .fold_wrap .fold_body .scroll_wrap{overflow: overlay; -ms-overflow-style: none;}
.left_banner_new .fold_banner .fold_wrap .fold_body .scroll_wrap::-webkit-scrollbar{display:none;}
.left_banner_new .fold_banner .fold_wrap .fold_body .banner_list{display: flex; flex-direction: column; gap: 8px; padding: 8px 10px 16px; overflow: auto;}
.left_banner_new .fold_banner .fold_wrap .fold_body .banner_list > div{border-radius: 8px; overflow: hidden; position: relative;}
.left_banner_new .fold_banner .fold_wrap .fold_body .banner_list > div::after{content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 8px; border: 1px solid #EDEDF3; box-sizing: border-box; pointer-events: none; z-index: 1;}
.left_banner_new .fold_banner .fold_wrap .fold_body .banner_list .swiper{min-height: 88px;z-index: 0;}
.left_banner_new .fold_banner .fold_wrap .fold_body .banner_list .swiper a{display: block;}
.left_banner_new .fold_banner .fold_wrap .fold_body .banner_list img{width: 100%;}
.left_banner_new .fold_banner .fold_wrap .fold_body .fold_btm{border-top: 1px solid #EDEDF3;}
.left_banner_new .fold_banner .fold_wrap .fold_body .fold_btm a{display: block;}
.left_banner_new .fold_banner.active .fold_cover{display: none;}
.left_banner_new .fold_banner.active .fold_wrap{visibility: unset;}
.left_banner_new .premium_label{border-radius: 105px 105px 105px 16px; box-shadow: 0px 13.895px 13.895px 0px rgba(0, 0, 0, 0.12); font-size: 0; line-height: 0;}
.left_banner_new .premium_label a{display: block;}
.left_banner_new .premium_label .tooltip__label{left: 0; transform: none; font-weight: 700;}
.left_banner_new .premium_label .tooltip__label::after{top: -6px; left: 11px; transform: rotate(180deg);}

@media (max-width: 1635px){
    .left_banner_new .fold_banner i{transform: rotate(180deg);}
    .left_banner_new .fold_banner .fold_wrap{left: 177px;}
}

.contents_wrap .season_area{background: #FFF; width: 100%; padding: 30px; margin-bottom: 35px; border-radius: 16px; box-shadow: 0px 7px 20px 0px rgba(163, 121, 226, 0.13); font-family: 'Pretendard', sans-serif; position: relative;}
.contents_wrap .season_area::after{content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 16px; border: 2px solid #B1B8D7; pointer-events: none; box-sizing: border-box;}
.contents_wrap .season_area .season_tit{display: flex; align-items:  center; gap: 12px; padding-bottom: 20px; margin-bottom: 24px; border-bottom: 1px solid #E5E5E5; user-select: none;}
.contents_wrap .season_area .season_tit .tit_slider{height: 36px; line-height: 36px; margin: 0; flex: 1;}
.contents_wrap .season_area .season_tit strong{font-size: 25px; font-weight: 800; letter-spacing: -0.5px;}
.contents_wrap .season_area .season_tit strong span{color: #6101D9;}
.contents_wrap .season_area .season_tit .tit_label{display: inline-flex; flex-shrink: 0;}
.contents_wrap .season_area .season_tit .tit_label > div{display: inline-flex; align-items: center; padding: 0 13px; height: 36px; font-size: 17px; font-weight: 700; letter-spacing: -0.34px; border-radius: 50px;}
.contents_wrap .season_area .season_tit .tit_label > div + div{margin-left: -8px;}
.contents_wrap .season_area .season_tit .tit_label > .fill{background: #000;}
.contents_wrap .season_area .season_tit .tit_label > .fill span{background: linear-gradient(94deg, #C8E4E9 0, #C8E4E9 50%, #F8C7F2 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.contents_wrap .season_area .season_tit .tit_label > .outline{background: linear-gradient(110deg, #FFF -40.77%, #C8E4E9 38.67%, #F8C7F2 118.11%); color: #121212; border: 2px solid #000;}
.contents_wrap .season_area .season_bnr{display: flex; gap: 20px;}
.contents_wrap .season_area .season_bnr > li{flex: 1;}
.contents_wrap .season_area .season_bnr > li .bnr_item{display: flex; align-items: center; gap: 12px; background: linear-gradient(105deg, #5F03CE 50.1%, #8025F0 170.43%); width: 100%; height: 80px; border-radius: 12px; box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.12); position: relative;}
.contents_wrap .season_area .season_bnr > li .bnr_item::after{content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 12px; border: 2px solid rgba(255, 255, 255, 0.20); pointer-events: none; box-sizing: border-box;}
.contents_wrap .season_area .season_bnr > li .bnr_item:not(:has(> img)){padding: 0 30px;}
.contents_wrap .season_area .season_bnr > li > a strong{font-size: 20px; font-weight: 700; letter-spacing: -0.2px; background: linear-gradient(110deg, #FFF -40.77%, #C8E4E9 38.67%, #F8C7F2 118.11%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.contents_wrap .season_area .season_bnr > li > a p{font-size: 17px; font-weight: 500; color: #CCC5D9; letter-spacing: -0.34px;}
.contents_wrap .season_area .season_bnr > li > a > div:not(.bnr_label){display: flex; align-items: center; gap: 12px;}
.contents_wrap .season_area .season_bnr > li .bnr_label{display: flex; align-items: center; flex-shrink: 0; gap: 4px; background: #5003AE; border-radius: 50px; padding: 0 13px; letter-spacing: -0.56px; padding: 7px 13px; text-align: center;}
.contents_wrap .season_area .season_bnr > li .bnr_label span{font-size: 14px; font-weight: 700; line-height: 21px; opacity: .8; background: linear-gradient(91deg, #FFF 0.59%, #C2C2C2 104.52%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.contents_wrap .season_area .season_bnr > li .bnr_label:has(br){border-radius: 8px;}
.contents_wrap .season_area .season_bnr > li .bnr_label.gray{background: #2C2C35;}
.contents_wrap .season_area .season_bnr:has(li:nth-child(2)) > li a > div:not(.bnr_label){flex-direction: column; align-items: start; gap: 2px;}
.contents_wrap .season_area .season_bnr:has(li:nth-child(2)) > li a p{font-size: 14px; line-height: 21px;}
.contents_wrap .season_area .season_bnr:has(li:nth-child(2)) > li a strong{font-size: 17px; line-height: 25.5px; background: transparent; color: #fff; -webkit-background-clip: unset; -webkit-text-fill-color: unset;}

.contents_wrap .season_area .season_event{display: flex; background: #F5F5F7; border-radius: 12px; height: 190px; margin-top: 20px; overflow: hidden; position: relative;}
.contents_wrap .season_area .season_event::after{content: ""; display: inline-block; width: calc(100% + 2px); height: calc(100% + 2px); position: absolute; top: -1px; left: -1px; border-radius: 12px; border: 2px solid #EDEDF3; pointer-events: none; box-sizing: border-box; z-index: 1;}
.contents_wrap .season_area .season_event .event_item{display: block; position: relative; min-width: 180px; width: 180px; height: 100%; transition: .3s; overflow: hidden;}
.contents_wrap .season_area .season_event .event_item:first-child:not(.active){background: #fff !important;}
.contents_wrap .season_area .season_event .event_item strong{display: block;}
.contents_wrap .season_area .season_event .event_item .item_cover{display: flex; align-items: center; background: linear-gradient(180deg, #F7F7F8 0%, #EEEEF0 100%), linear-gradient(180deg, #F5F5F7 0%, #F9F9F9 100%); width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: .3s}
.contents_wrap .season_area .season_event .event_item .item_cover .handle{display: flex; flex-direction: column; justify-content: space-between; width: 180px; height: 100%; padding: 20px;}
.contents_wrap .season_area .season_event .event_item .item_cover .handle > div{display: flex; flex-direction: column; gap: 4px;}
.contents_wrap .season_area .season_event .event_item .item_cover span{font-size: 16px; font-weight: 600; line-height: 22px; letter-spacing: -0.32px; color: #0141B1;}
.contents_wrap .season_area .season_event .event_item .item_cover strong{font-size: 22px; font-weight: 800; line-height: 33px; letter-spacing: -0.66px;}
.contents_wrap .season_area .season_event .event_item .item_cover p{font-size: 14px; font-weight: 500; line-height: 22px; letter-spacing: -0.28px; color: #7E8B9A;}
.contents_wrap .season_area .season_event .event_item + .event_item{border-left: 1px solid #EDEDF3;}
.contents_wrap .season_area .season_event .event_item .item_content{display: flex; flex-direction: column; justify-content: space-between; gap: 8px; padding: 24px 30px; min-width: 534px; height: 100%;}
.contents_wrap .season_area .season_event .event_item .item_content .item_tit{color: #fff;}
.contents_wrap .season_area .season_event .event_item .item_content .item_tit span{font-size: 14px; font-weight: 700; line-height: 20px; letter-spacing: -0.28px; opacity: .7;}
.contents_wrap .season_area .season_event .event_item .item_content .item_tit strong{font-size: 22px; font-weight: 800; line-height: 30.8px; letter-spacing: -0.22px;}
.contents_wrap .season_area .season_event .event_item .item_tit{display: flex; flex-direction: column; gap: 4px;}
.contents_wrap .season_area .season_event .event_item .item_content .item_tags{display: flex; align-items: center; gap: 6px;} 
.contents_wrap .season_area .season_event .event_item .item_content .item_tags > div{display: inline-flex; align-items: center; background: rgba(255, 255, 255, 0.20); border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.10); backdrop-filter: blur(13px); padding: 0 8px; height: 27px;} 
.contents_wrap .season_area .season_event .event_item .item_content .item_tags > div > span{color: #fff; font-size: 13px; font-weight: 500; letter-spacing: -0.3px; opacity: .7; white-space: nowrap; word-spacing: -1.2px;}
.contents_wrap .season_area .season_event .event_item .item_content .item_tags > div:last-child{background: #000; border-color: #000; backdrop-filter: none;}
.contents_wrap .season_area .season_event .event_item .item_content .item_tags > div:last-child span{color: #fff; opacity: 1;}
.contents_wrap .season_area .season_event .event_item .item_content.dark .item_tit{color: #121212;}
.contents_wrap .season_area .season_event .event_item .item_content.dark .item_tags > div:not(:last-child){background: rgba(0, 0, 0, 0.10);border: 1px solid rgba(0, 0, 0, 0.10);}
.contents_wrap .season_area .season_event .event_item .item_content.dark .item_tags > div:not(:last-child) > span{color: #000;}
.contents_wrap .season_area .season_event .event_item.active{flex: 1;}
.contents_wrap .season_area .season_event .event_item.active .item_cover{opacity: 0; pointer-events: none;}
.contents_wrap .season_area .season_event:not(:has(a:nth-child(2))){height: 140px;}
.contents_wrap .season_area .season_event:not(:has(a:nth-child(2))) .item_cover{display: none;}
.contents_wrap .season_area .season_event:not(:has(a:nth-child(2))) .item_content{flex-direction: row; justify-content: center; align-items: center; text-align: center;}
.contents_wrap .season_area .season_event:not(:has(a:nth-child(2))) .item_content .item_tit{gap: 6px;}
.contents_wrap .season_area .season_event:not(:has(a:nth-child(2))) .item_content .item_tit span{font-size: 17px; color: #121212; line-height: 20px; letter-spacing: -0.34px; letter-spacing: -0.72px;}
.contents_wrap .season_area .season_event:not(:has(a:nth-child(2))) .item_content .item_tit strong{font-size: 24px; color: #121212; line-height: 33.6px;}

.contents_wrap a.live_banner_area {display: flex; flex-direction: column; justify-content: center; gap: 12px; border-radius: 8px;}
.contents_wrap a.live_banner_area .area_wrap  {justify-content: center; height: 174px; background-image: url('//un-static-qa.conects.com/gong/main/250211/live_bg.png'); background-size: auto 100%; background-repeat: no-repeat; background-position: center center;}
.contents_wrap a.live_banner_area .area_wrap .live_txt_area{display: flex; flex-direction: column; justify-content: center; gap: 6px;}
.contents_wrap a.live_banner_area .area_wrap .live_txt_area p{color: #025AF6; font-size: 13px; font-weight: 500; line-height: 18px; letter-spacing: -0.26px;}
.contents_wrap a.live_banner_area .area_wrap .live_txt_area h4{color: #121212; font-size: 16px; font-weight: 700; line-height: 22px; letter-spacing: -0.32px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.contents_wrap a.live_banner_area .area_wrap .live_txt_area h5{color: #121212; font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: -0.42px;}
.contents_wrap a.live_banner_area .area_wrap .live_date_area {background: #EDEDED; width: fit-content; border-radius: 4px; color: #121212; font-size: 13px; font-weight: 400; line-height: 20px; letter-spacing: -0.39px; padding: 2px 6px 3px;}

.contents_wrap .season_special_area{display: flex; position: relative; flex-direction: column; gap: 16px; padding: 20px 23px !important; font-family: 'Pretendard', sans-serif;}
.contents_wrap .season_special_area .season_tit{display: flex; justify-content: space-between;position: relative;}
.contents_wrap .season_special_area .season_tit > div{display: flex; flex-direction: column; gap: 4px;}
.contents_wrap .season_special_area .season_tit h4{font-size: 20px; font-weight: 700; line-height: 28px; letter-spacing: -0.6px; color: #121212;}
.contents_wrap .season_special_area .season_tit h4 > span{color: #E81A17;}
.contents_wrap .season_special_area .season_tit h4 .icon_live{display: inline-block; vertical-align: middle; font-size: 14px; background: var(--red-50); color: #fff; line-height: 1; padding: 3px; border-radius: 6px; margin-top: -2px; margin-left: 1px; animation: blink 2.3s .2s infinite both;}
.contents_wrap .season_special_area .season_tit h4 .icon_live img{width: 100%;}
.contents_wrap .season_special_area .season_tit p{font-size: 14px; font-weight: 500; line-height: 21px; color: #7E8B9A;}
.contents_wrap .season_special_area .season_tit .tit_label{display: inline-block; background: #FF4542; color: #fff; font-size: 12px; font-weight: 700; letter-spacing: -0.24px; width: auto; height: 24px; line-height: 24px; padding: 0 7px; border-radius: 4px;}
.contents_wrap .season_special_area .season_tit .tit_bb {position: absolute;left: 212px;top: -30px;}
.contents_wrap .season_special_area .season_list{display: flex; gap: 8px;}
.contents_wrap .season_special_area .season_list li{flex: 1; background-color: #EDEDF3; background-size: auto 100%; background-repeat: no-repeat; background-position: center center; border-radius: 4px; position: relative; overflow: hidden; position: relative; font-size: 0; line-height: 0;}
.contents_wrap .season_special_area .season_list li::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #EDEDF3; box-sizing: border-box; border-radius: 4px; pointer-events: none;}
.contents_wrap .season_special_area .season_list li > a{display: block; width: 100%; height: 100%;}
.contents_wrap .season_special_area .season_list li > a > img{width: 100%; height: 100%; object-fit: cover; object-position: left bottom;}
@keyframes blink{
    0%, 50%, 100% {opacity: 0;} 
    25%, 75% {opacity: 1;}
}

.contents_wrap .season_special_area .pop_season_live {position: absolute; top: -1px; left: -1px; padding: 20px 23px; width: calc(100% + 2px); height: calc(100% + 2px); border: 1px solid #FF3E41; border-radius: 8px; background-color: #fff;}
.contents_wrap .season_special_area .pop_season_live .season_tit p {color: #FF3E41;}
.contents_wrap .season_special_area .pop_season_live .icon_live {width: 60px; position: absolute; top: 0; left: 23px; animation: blink 2s .2s infinite both;}
.contents_wrap .season_special_area .pop_season_live .banner {width: 312px; height: 101px; margin-top: 16px; border-radius: 4px; overflow: hidden; color: #7A7A7A; font-size: 14px; font-weight: 500; line-height: 150%; letter-spacing: -0.56px; background-size: 100% auto;}
.contents_wrap .season_special_area .pop_season_live .banner a { display: flex; flex-direction: column; gap: 5px; padding: 15px 16px; height: 100%;}
.contents_wrap .season_special_area .pop_season_live .banner strong {color: #000; font-weight: 700;}
.contents_wrap .season_special_area .pop_season_live .btn_close {position: absolute; top: 20px; right: 24px;}
.contents_wrap .season_special_area .pop_season_live .btn_close i {display: block; width: 24px; height: 24px;}
.contents_wrap .season_special_area .pop_season_live .btn_close .ico::after {background-color: var(--color-secondary);}

.contents_wrap .aside_wrap .final_area{padding: 0; font-family: 'Pretendard', sans-serif; overflow: hidden;}
.contents_wrap .final_area .final_wrap{display: block; background: #F6F6F9; width: 100%; height: 100%; padding: 20px 24px;}
.contents_wrap .final_area .final_wrap .final_label{display: inline-block; background: #FF4542; color: #fff; font-size: 12px; font-weight: 700; height: 18px; line-height: 18px; letter-spacing: -0.24px; padding: 0 7px; border-radius: 4px;}
.contents_wrap .final_area .final_wrap strong{display: block; font-size: 20px; color: #121212; font-weight: 700; line-height: 28px; letter-spacing: -0.6px; margin: 4px 0 8px;}
.contents_wrap .final_area .final_wrap p{font-size: 13px; color: #7E8B9A; line-height: 18px; letter-spacing: -0.39px;}

.contents_wrap .season_bnr_area{font-family: 'Pretendard', sans-serif;}
.contents_wrap .season_bnr_area .right_slider{width: 100%; border: 0;;}
.contents_wrap .season_bnr_area .bnr_wrap{display: flex; align-items: center; background: #FAFAFC; height: 84px; padding: 0 20px;}
.contents_wrap .season_bnr_area .bnr_wrap > div{display: flex; flex-direction: column; gap: 2px;}
.contents_wrap .season_bnr_area .bnr_wrap strong{font-size: 14px; font-weight: 700; line-height: 20px; letter-spacing: -0.56px;}
.contents_wrap .season_bnr_area .bnr_wrap p{font-size: 13px; line-height: 18px; letter-spacing: -0.56px; color: #7E8B9A}

/* 오른쪽 사이드 배너 */
.contents_wrap .side_banner{position: absolute; left: 50%; top: 0; margin-left: 586px; height: 100%; padding: 30px 0;}
/* (sticky 따라다니게 할 경우) position: sticky; top: 40px; left: 0; */
.contents_wrap .side_banner > ul{display: flex; flex-direction: column; gap: 16px; z-index: 2;}
.contents_wrap .side_banner .side_bnr{display: flex; flex-direction: column; gap: 12px;}
.contents_wrap .side_banner .side_bnr a{display: block; position: relative; border-radius: 8px; overflow: hidden;}
.contents_wrap .side_banner .side_bnr a:after{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #EDEDF3; border-radius: 8px; pointer-events: none; box-sizing: border-box;}
.contents_wrap .side_banner .side_bnr a img{width: 100px;}

/* 교수님 칼럼 배너 */
.professor_banner{--professor-time: .6s;}
.professor_banner{width: 100px; border: 1px solid #EDEDF3; border-radius: 8px; padding: 10px 0 4px; margin-bottom: 15px; box-sizing: border-box; position: relative;}
.professor_banner h5{font-size: 13px; font-weight: 700; color: #000; padding: 0 12px;}
.professor_banner .p_label{display: block; background: #F0F6FF; width: 84px; margin: 6px auto 0; border: 1px solid #E8E8E8; border-radius: 4px; height: 24px; text-align: center;}
.professor_banner .p_label img{display: inline-block; vertical-align: middle; animation: blink 1.2s infinite steps(2, jump-none)}
.professor_banner .p_wrap{background: #fff; width: 100%; max-height: 85px; overflow: hidden; transition: var(--professor-time); margin-top: 8px; padding-bottom: 22px; box-sizing: content-box;}
.professor_banner .p_wrap > li:not(:first-child){opacity: 0; transition: opacity var(--professor-time);}
.professor_banner .p_wrap > li:nth-child(even){background: #FAFAFC;}
.professor_banner .p_wrap:after{position: absolute; display: inline-block; width: 22px; height: 22px; bottom: 0; left: 50%; margin: 0; margin-left: -11px; line-height: 22px; font-size: 0; top: auto; transition: .3s;}
.professor_banner .p_wrap:hover{max-height: 700px !important;}
.professor_banner .p_wrap:hover > li{opacity: 1;}
.professor_banner .p_wrap:hover:after{transform: rotate(90deg);}
.professor_banner .p_item{display: block; padding: 8px 12px;}
.professor_banner .p_item .item_info{display: flex; align-items: center; gap: 5px;}
.professor_banner .p_item .item_info img{border-radius: 50%; border: 1px solid #E3E5EC; overflow: hidden; flex-shrink: 0;}
.professor_banner .p_item .item_info strong{font-size: 12px; line-height: 18px; color: #121212; font-weight: 400; word-break: keep-all;}
.professor_banner .p_item p{margin-top: 4px; font-size: 12px; line-height: 18px; color: #7E8B9A; letter-spacing: -0.36px; text-overflow: ellipsis; overflow: hidden; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

/* 상단 메인 빅배너 */
.contents_wrap .main_banner{display: flex; justify-content: center; align-items: center; position: relative; overflow: hidden; text-align: center; position: relative;}
.contents_wrap .main_banner a{display: block;}
.contents_wrap .main_banner img{width: 1920px; height: auto;}

/* 상단 프리패스 배너 */
.contents_wrap .top_area{padding: 20px; gap: 12px;}
.contents_wrap .freepass_area{display: flex; align-items: center; height: 170px; color: #fff; padding: 0; overflow: hidden; border-radius: 8px; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; border: 1px solid #EDEDF3; font-family: 'Pretendard', sans-serif; padding: 0 30px;}
.contents_wrap .freepass_area > div{position: relative;display: flex;flex-direction: column;gap: 12px;}
.contents_wrap .freepass_area span{display: block; font-size: 17px; font-weight: 500; line-height: 1; letter-spacing: -0.42px; opacity: .8;}
.contents_wrap .freepass_area strong{display: block; font-size: 30px; font-weight: 700; line-height: 1; letter-spacing: -0.6px;}
.contents_wrap .freepass_area p{display: block; font-size: 20px; font-weight: 500; line-height: 1; letter-spacing: -0.54px;margin-top: 12px;}
.contents_wrap .freepass_area video{position: absolute; top: 50%; left: 50%; width: calc(100% + 5px); height: calc(100% + 5px); outline: none; border: none; pointer-events: none; transform: translate(-50%, -50%);}
.contents_wrap .freepass_nav{text-align: center; overflow: hidden; position: relative;}
.contents_wrap .freepass_nav .freepass_slider{width: 630px; margin: 0; position: static;}
.contents_wrap .freepass_nav .freepass_slider:not(.swiper-end)::after{content: ""; position: absolute; top: 0; right: 72px; width: 50px; height: 100%; background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #fff 100%); z-index: 1; pointer-events: none;}
.contents_wrap .freepass_nav .freepass_slider:not(.swiper){display: inline-flex; gap: 8px;}
.contents_wrap .freepass_nav .freepass_slider .new_event_control{top: 50%; margin-top: -17px; left: auto; bottom: auto; right: 0;}
.contents_wrap .freepass_nav .freepass_slider .swiper-button-prev{right: 38px}
.contents_wrap .freepass_nav .freepass_slider li{width: auto; user-select: none;}
.contents_wrap .freepass_nav .freepass_slider li > a img{margin-left: -8px;}
.contents_wrap .freepass_nav .freepass_slider li > a{display: flex; align-items: center; gap: 6px; height: 40px; border: 1px solid #EDEDF3; border-radius: 250px; padding: 0 12px; white-space: nowrap;}
.contents_wrap .freepass_nav .freepass_slider li > a > span{font-size: 14px; font-weight: 500; letter-spacing: -0.56px;}

/* 강사진 영역 */
.contents_wrap .teacher_area{padding: 20px 24px;}
.contents_wrap .teacher_area .area_tit h4{display: block; font-size: 18px;}
.contents_wrap .teacher_area .area_tit strong{color: #025AF6;}
.contents_wrap .teacher_area .teacher_dropdown_btn{display: flex; align-items: center; gap: 6px; height: 34px; padding: 0 8px; border: 1px solid #EDEDF3; border-radius: 8px;}
.contents_wrap .teacher_area .teacher_dropdown_btn span{background: linear-gradient(4deg, #025AF6 0%, #02D9C1 100%); background-size: 200%; color: transparent; -webkit-background-clip: text; font-size: 14px; font-weight: 700; letter-spacing: -0.56px;}
.contents_wrap .teacher_area .teacher_dropdown_btn::after{background: #7E8B9A; position: static; margin: 0; width: 12px; mask-size: auto 100%;}
.contents_wrap .teacher_area .teacher_dropdown_btn .symbol{background: #02BFE4; width: 24px; height: 24px; border-radius: 8px;}
.contents_wrap .teacher_area .teacher_dropdown_btn .symbol::after{background: #fff; width: 12px; height: 12px;}
.contents_wrap .teacher_area .teacher_dropdown_btn.active::after{transform: rotate(90deg);}
.contents_wrap .teacher_area .teacher_wrap .teacher_list{display: flex; flex-direction: column; background: #fff; gap: 1px; border-radius: 4px; overflow: hidden;}
.contents_wrap .teacher_area .teacher_wrap .teacher_list li{display: flex; align-items: center; height: 88px;}
.contents_wrap .teacher_area .teacher_wrap .teacher_list li .teacher_category{display: flex; justify-content: center; align-items: center; background: #F6F6F9; width: 60px; height: 100%; font-size: 14px; font-weight: 700; flex-shrink: 0;}
.contents_wrap .teacher_area .teacher_wrap .teacher_list li .teacher_card{flex: 1; display: flex; align-items: center; gap: 1px; background: #fff; height: 100%;}
.contents_wrap .teacher_area .teacher_wrap .teacher_list li .teacher_card > .card_item{flex: 1; display: flex; align-items: center; background-color: #4B647F; background-position: right center; background-repeat: no-repeat; background-size: 256px auto; width: 0; padding: 0 16px; height: 100%; color: #fff; position: relative; overflow: hidden; max-width: 256px;}
.contents_wrap .teacher_area .teacher_wrap .teacher_list li .teacher_card > .card_item .teacher_cover{display: block; width: 100%; transition: .2s;}
.contents_wrap .teacher_area .teacher_wrap .teacher_list li .teacher_card > .card_item .teacher_cover > strong{display: block; font-size: 14px; font-weight: 700; letter-spacing: -0.56px;}
.contents_wrap .teacher_area .teacher_wrap .teacher_list li .teacher_card > .card_item .teacher_cover > p{font-size: 13px; letter-spacing: -0.39px; line-height: 20px; margin-top: 2px;}
.contents_wrap .teacher_area .teacher_wrap .teacher_list li .teacher_card > .card_item .teacher_cover .items_icon{display: inline-flex; gap: 3px; vertical-align: bottom; height: 19px; align-items: center; margin-left: 3px;}
.contents_wrap .teacher_area .teacher_wrap .teacher_list li .teacher_card > .card_item .teacher_cover .items_icon i{width: 10px; height: 10px; display: inline-block;}
.contents_wrap .teacher_area .teacher_wrap .teacher_list li .teacher_card > .card_item .teacher_cover .items_icon i::after{vertical-align: middle; display: inline-block; width: 10px; height: 10px;}
.contents_wrap .teacher_area .teacher_wrap .teacher_list li .teacher_card > .card_item .teacher_hover{display: flex; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;  opacity: 0; transition: .3s;}
.contents_wrap .teacher_area .teacher_wrap .teacher_list li .teacher_card > .card_item .teacher_hover:has(strong){background: linear-gradient(180deg, rgba(2, 90, 246, 0.00) 0%, #025AF6 100%);}

.contents_wrap .teacher_area .teacher_wrap .teacher_list li .teacher_card > .card_item .teacher_hover .hover_info{display: flex; align-items: center; width: 100%; height: 100%; padding: 0 16px;}
.contents_wrap .teacher_area .teacher_wrap .teacher_list li .teacher_card > .card_item .teacher_hover .hover_info strong{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 14px; font-weight: 700; line-height: 20px; width: 116px; overflow: hidden;}
.contents_wrap .teacher_area .teacher_wrap .teacher_list li .teacher_card > .card_item .teacher_hover .ico{position: absolute; top: auto; left: auto; bottom: 8px; right: 7px; background: #fff; width: 24px; height: 24px; border-radius: 8px; overflow: hidden;}
.contents_wrap .teacher_area .teacher_wrap .teacher_list li .teacher_card > .card_item .teacher_hover .ico::after{background: #7E8B9A; width: 16px; height: 16px;;}
.contents_wrap .teacher_area .teacher_wrap .teacher_list li .teacher_card > .card_item .teacher_hover .ico:hover{background: #000;}
.contents_wrap .teacher_area .teacher_wrap .teacher_list li .teacher_card > .card_item .teacher_hover .ico:hover::after{background: #fff;}
.contents_wrap .teacher_area .teacher_wrap .teacher_list li .teacher_card > .card_item:hover .teacher_hover:has(strong) + .teacher_cover{opacity: 0;}
.contents_wrap .teacher_area .teacher_wrap .teacher_list li .teacher_card > .card_item:hover .teacher_hover{opacity: 1;}
.contents_wrap .teacher_area .teacher_wrap .teacher_list li .teacher_card > .card_item:nth-child(1){background-color: #724aea; min-width: 256px;}
.contents_wrap .teacher_area .teacher_wrap .teacher_list li .teacher_card > .card_item:nth-child(2){background-color: #4B647F; min-width: 213px; max-width: 213px;}
.contents_wrap .teacher_area .teacher_wrap .teacher_list li .teacher_card > .card_item:nth-child(3){background-color: #515567; min-width: 170px; max-width: 170px;}
.contents_wrap .teacher_area .teacher_wrap .teacher_banner{margin-top: 20px;}
.contents_wrap .teacher_area .teacher_wrap .teacher_banner .teacher_scroll ul{display: flex; flex-direction: row; flex-wrap: wrap; gap: 7px;}
.contents_wrap .teacher_area .teacher_wrap .teacher_banner .banner_wrap{display: flex; align-items: center; padding: 0 24px; margin-top: 12px; height: 100px; border-radius: 4px; overflow: hidden; position: relative;}
.contents_wrap .teacher_area .teacher_wrap .teacher_banner .banner_wrap strong{display: block; font-size: 14px; font-weight: 700; letter-spacing: -0.56px;}
.contents_wrap .teacher_area .teacher_wrap .teacher_banner .banner_wrap p{font-size: 14px; font-weight: 500; letter-spacing: -0.56px; margin-top: 6px;}
.contents_wrap .teacher_area .teacher_wrap .teacher_banner .banner_wrap .teacher_img{position: absolute; top: 0; right: 121px; width: 125px; height: 125px;}

.contents_wrap .review_area.news_area .news_board{height: 162px;}
.contents_wrap .review_area.news_area .news_board li{height: 54px !important;}
.contents_wrap .review_area.news_area .news_board li.swiper-slide-active{border-top: 0;}
.contents_wrap .review_area.news_area .news_board li p{font-size: 14px; max-width: 100%;}
.contents_wrap .review_area.news_area .news_board .board_data{display: flex; gap: 12px; align-items: center; float: right; font-size: 13px;}
.contents_wrap .review_area .counter-wrap{display: flex; justify-content: space-between; align-items: center; background: #F6F6F9; padding: 0 16px; border-radius: 8px; height: 46px; font-size: 16px;}
.contents_wrap .review_area .counter-wrap > div{display: flex; align-items: center;}
.contents_wrap .review_area .counter-wrap strong{font-weight: 700;}
.contents_wrap .review_area .counter-wrap span{color: var(--gray-60); font-size: 11px;}
.contents_wrap .review_area .counter-wrap .icon{width: 20px; height: 20px; margin-right: 6px;}
.contents_wrap .review_area .counter-wrap .counter_data strong{margin: 0 8px 0 5px;}
.contents_wrap .review_area .counter-wrap .counter_data p{color: #025AF6; font-weight: 700;}
.contents_wrap .review_area .counter-wrap .counter_data p > i{position: relative;}
.contents_wrap .review_area .counter-wrap .counter_data p > i:before{content: ""; display: inline-block; border: 4px solid #025AF6; border-left-color: transparent; border-right-color: transparent; border-top: 0; border-bottom-width: 7px; vertical-align: 1px; margin-right: 3px;}
.contents_wrap .review_area .news_board li > a{justify-content: space-between;}
.contents_wrap .review_area.news_area .news_board li span{font-weight: 400;}
.contents_wrap .review_area .premium-wrap{display: flex; justify-content: space-between; align-items: center; background: #F6F6F9; padding: 0 20px; border-radius: 4px; height: 44px;font-family: 'Pretendard';}
.contents_wrap .review_area .premium-wrap > div{display: flex; align-items: center;}
.contents_wrap .review_area .premium-wrap strong{font-weight: 700;color: #7401E0;font-size: 15px;flex-shrink: 0;display: inline-flex;align-items: center;gap: 3px;letter-spacing: -0.45px;}
.contents_wrap .review_area .premium-wrap span{color: var(--gray-60);flex-shrink: 0;font-size: 14px;font-weight: 600;line-height: 21px;letter-spacing: -0.42px;}
.contents_wrap .review_area .premium-wrap .icon{width: 17px; height: 17px; margin-right: 8px;}
.contents_wrap .review_area .premium-wrap .premium_data {position: relative;padding-right: 16px;display: block;}
.contents_wrap .review_area .premium-wrap .premium_data.ico.ico_arrow_right::after {left: auto;right: -6px;}
.contents_wrap .review_area .premium-wrap .premium_slider {height: 21px;}
.contents_wrap .review_area .premium-wrap .premium_slider li {font-weight: 500;font-size: 14px;line-height: 21px;letter-spacing: -0.42px;text-align: right;}

.contents_wrap .gallery_list > ul{display: flex; flex-wrap: wrap; gap: 14px 10px; overflow: hidden;}
.contents_wrap .gallery_list ul > li{width: 226px; position: relative;}
.contents_wrap .gallery_list ul > li a{display: flex; flex-direction: column; gap: 8px;}
.contents_wrap .gallery_list ul > li a:hover .list_info strong{text-decoration: underline;}
.contents_wrap .gallery_list .list_thumb{background: var(--gray-10); border-radius: var(--border-radius-md); overflow: hidden; position: relative;}
.contents_wrap .gallery_list .list_thumb img{width: 100%;}
.contents_wrap .gallery_list .list_info strong{display: block; color: #000; font-size: 16px; font-weight: var(--fw-medium); letter-spacing: -0.32px; line-height: 22.4px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; align-self: stretch; overflow: hidden;}
.contents_wrap .gallery_list .list_info span{display: block; color: var(--gray-60); letter-spacing: -0.39px; margin-top: 5px;}
.contents_wrap .gallery_list .list_label{background: #000; position: absolute; top: 0; left: 0; padding: 0 5px; text-align: center; width: auto; height: 18px; line-height: 18px; border-radius: 2px; color: #fff; font-size: 11px; font-weight: var(--fw-bold); letter-spacing: -0.33px;}
.contents_wrap .gallery_list .list_label.red{background: var(--red-60);}
.contents_wrap .gallery_list.active > ul{height: auto !important;}
.contents_wrap .gallery_list.active .list_more:before{content: "접기"}
.contents_wrap .gallery_list.active .list_more i:first-child{display: none;}
.contents_wrap .gallery_list.active .list_more i:last-child{display: inline-block;}
.contents_wrap .gallery_card{border: 1px solid var(--gray-20); border-radius: var(--border-radius-md); gap: 0 !important;}
.contents_wrap .gallery_card .card_info{display: flex; gap: 4px; padding: 20px 16px; flex-direction: column; align-items: start;}
.contents_wrap .gallery_card .card_info .card_label{display: inline-block; background: #1CC502; width: auto; height: 18px; line-height: 18px; font-size: 11px; font-weight: var(--fw-bold); padding: 0 5px; color: #fff; border-radius: 2px;}
.contents_wrap .gallery_card .card_info p{font-size: 16px; font-weight: var(--fw-medium); letter-spacing: -0.32px; line-height: 22.4px;}
.contents_wrap .gallery_card .card_info span{display: block; font-size: 12px; color: var(--gray-60); letter-spacing: -0.36px;}
.contents_wrap .special_board > ul{max-height: 260px; overflow: hidden;}
.contents_wrap .special_board > ul > li{border-top: 1px solid var(--gray-20);}
.contents_wrap .special_board > ul > li:first-child{border-color: var(--gray-20);}
.contents_wrap .special_board .board_wrap{display: block; height: 64px; display: flex; align-items: center; gap: 8px;}
.contents_wrap .special_board .board_wrap:hover .board_content{text-decoration: underline;}
.contents_wrap .special_board .board_wrap .board_label{background: var(--gray-10); color: var(--gray-60); width: 56px; height: 18px; border-radius: 2px; font-size: 11px; font-weight: var(--fw-bold); letter-spacing: -0.33px; text-align: center;}
.contents_wrap .special_board .board_wrap .board_content{width: 448px; color: #000; font-size: 16px; font-weight: var(--fw-medium); letter-spacing: -0.56px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.contents_wrap .special_board .board_wrap .board_right{width: 180px; color: var(--gray-60); letter-spacing: -0.39px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: right; flex-shrink: 0;}
.contents_wrap .special_board .gallery_list .list_thumb{width: 232px; height: 108px;}
.contents_wrap .special_board .special_slider{height: 64px;}
.contents_wrap .special_board .special_pager{flex-direction: column; bottom: auto; right: 16px; left: auto; width: auto; top: 50%; transform: translateY(-50%); width: 6px; font-size: 0;}
.contents_wrap .special_board.active > ul{max-height: none;}
.contents_wrap :is(.special_board, .gallery_list) .list_more{display: block; border-top: 1px solid var(--gray-20); text-align: center; font-size: 14px; font-weight: var(--fw-medium); padding: 16px 0;}
.contents_wrap :is(.special_board, .gallery_list) .list_more:before{content: "펼쳐보기"; display: inline-block; vertical-align: top; font-size: 14px;}
.contents_wrap :is(.special_board, .gallery_list) .list_more span{display: inline-block; vertical-align: top;}
.contents_wrap :is(.special_board, .gallery_list) .list_more i{display: none; position: relative; width: 16px; height: 100%; vertical-align: top; margin-right: 4px;}
.contents_wrap :is(.special_board, .gallery_list) .list_more i:first-child{display: inline-block; font-size: 0;}
.contents_wrap :is(.special_board, .gallery_list) .list_more i:after{background: #121212; width: 18px; height: 18px; position: static; vertical-align: middle; margin-top: 1px;}
.contents_wrap :is(.special_board.active, .gallery_list.active) .list_more:before{content: "접기"}
.contents_wrap :is(.special_board.active, .gallery_list.active) .list_more i:after{transform: rotate(90deg); margin-top: 2px;}

.contents_wrap .column_area .column_wrap{display: flex; flex-wrap: wrap; gap: 20px 11px;}
.contents_wrap .column_area .column_wrap .column_item{display: flex; align-items: center; gap: 12px; width: 344px;}
.contents_wrap .column_area .column_wrap .column_item .column_thumb{background: #EDEDF3; border-radius: 50px; overflow: hidden;}
.contents_wrap .column_area .column_wrap .column_item .column_info{display: flex; flex-direction: column; gap: 5px;}
.contents_wrap .column_area .column_wrap .column_item .column_info strong{color: #121212; font-size: 16px; line-height: 22.4px; letter-spacing: -0.32px; font-weight: 500;}
.contents_wrap .column_area .column_wrap .column_item .column_info .info_box{display: flex; gap: 5px;}
.contents_wrap .column_area .column_wrap .column_item .column_info .info_box span{flex-shrink: 0; color: #7E8B9A; font-weight: 700; font-size: 13px; letter-spacing: -0.36px; line-height: 18px;}
.contents_wrap .column_area .column_wrap .column_item .column_info .info_box p{flex: 1; color: #7E8B9A; font-size: 13px; letter-spacing: -0.36px; line-height: 18px;}

.contents_wrap .event_area{padding-bottom: 8px;}
.contents_wrap .event_area .gallery_list ul > li a{flex-direction: row; align-items: center;}
.contents_wrap .event_area .gallery_list ul > li > div{display: flex; flex-wrap: wrap; gap: 12px 5px; padding-bottom: 16px;}
.contents_wrap .event_area .gallery_list ul > li > div > div{width: 351px;}
.contents_wrap .event_area .gallery_list .list_thumb{background: var(--gray-10); width: 166px; height: 77px;}
.contents_wrap .cast_area .cast_nav{gap: 12px;}
.contents_wrap .cast_area .cast_nav > li h4{color: var(--color-disabled);}
.contents_wrap .cast_area .cast_nav > li.active h4{color: var(--color-primary);}
.contents_wrap .cast_area .gallery_list ul{height: auto;}
.contents_wrap .cast_area .gallery_list .list_label{background: #58A6AA; color: #fff; height: 23px; line-height: 23px; padding: 0 10px; font-size: 12px;}
.contents_wrap .cast_area .gallery_list .list_label.type2{background: #5281D1;}
.contents_wrap .cast_area .gallery_list .list_label.type3{background: #C3716C}
.contents_wrap .cast_area .gallery_list .list_thumb{position: relative; background: var(--gray-10); width: 100%; height: 130px;}
/* .contents_wrap .cast_area .gallery_list .list_thumb img{width: 100%;} */
/* .contents_wrap .cast_area .gallery_list .list_thumb:after{content: ""; background: linear-gradient(180deg, rgba(18, 18, 18, 0.00) 0%, rgba(18, 18, 18, 0.50) 100%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none;} */
.contents_wrap .cast_area .gallery_list .list_thumb .thumb_txt{position: absolute; bottom: 0; left: 0; padding: 12px; color: #fff; z-index: 2;}
.contents_wrap .cast_area .gallery_list .list_thumb .thumb_txt strong{font-size: 16px; font-weight: var(--fw-bold); letter-spacing: -0.32px; line-height: 22.4px;}
.contents_wrap .cast_area .gallery_list .list_thumb .thumb_txt p{font-size: 12px; letter-spacing: -0.36px; line-height: 18px; margin-top: 4px;}
.contents_wrap .off_area .event_list{position: relative;}
.contents_wrap .off_area .special_board{position: static}
.contents_wrap .off_area .special_board ul{height: 256px;}
.contents_wrap .off_area .special_board li{height: 64px; padding: 0 20px;}
.contents_wrap .off_area .special_board ul > li > div > div:first-child > a{border-top: 0;}
.contents_wrap .off_area .special_board ul > li > div > div > a{border-top: 1px solid #F2F2F7; padding: 0;}
.contents_wrap .off_area .special_board .board_wrap .board_label{width: auto; padding: 0 5px; flex-shrink: 0; text-align: center;}
.contents_wrap .off_area .special_board .board_wrap .board_right{width: auto;}
.contents_wrap .off_area .special_board .board_wrap .board_content{flex: 1;}
.contents_wrap .off_area .gallery_list ul{height: 131px; overflow: hidden;}
.contents_wrap .off_area .list_more{margin-top: 20px;}

.contents_wrap .test_area {display: flex; gap: 12px;}
.contents_wrap .test_area > div {width: calc(50% - 6px); gap: 0; padding: 24px 24px 16px;}
.contents_wrap .test_area > div .area_tit h5 {font-size: 20px;}

.contents_wrap .area_wrap.full_area{gap: 0;}
.contents_wrap .full_area .area_tit{display: flex; justify-content: space-between; align-items: start;}
.contents_wrap .full_area .area_tit span{display: inline-block; background: #E7EFFD; color: #025AF6; height: 24px; line-height: 24px; padding: 0 7px; font-size: 12px; font-weight: var(--fw-bold); border-radius: 4px;}
/* .contents_wrap .full_area .full_counter{display: flex; align-items: center; background: #FAFAFC; border-radius: 4px; padding: 12px; height: 88px; margin-top: 16px;}
.contents_wrap .full_area .full_counter > li{flex: 1;}
.contents_wrap .full_area .full_counter > li + li{padding-left: 20px; border-left: 1px solid #EDEDF3;}
.contents_wrap .full_area .full_counter p{font-size: 14px; font-weight: var(--fw-medium); letter-spacing: -0.56px; line-height: 21px;}
.contents_wrap .full_area .full_counter strong{font-size: 20px; font-weight: var(--fw-bold); line-height: 30px; letter-spacing: -0.6px;}
.contents_wrap .full_area .full_counter strong:after{content: "건"; font-size: 14px; font-weight: var(--fw-bold); line-height: 19.6px; letter-spacing: -0.56px; margin-left: 4px;}
.contents_wrap .full_area .full_note{font-size: 12px; line-height: 18px; letter-spacing: -0.36px; color: #C2CAD6; margin: 12px 0;} */
.contents_wrap .full_area .full_btn{border-color: #025AF6; color: #025AF6; font-weight: var(--fw-medium);}
.contents_wrap .full_area .full_btn i{display: inline-block; width: 20px; height: 100%; vertical-align: top;}
.contents_wrap .full_area .full_btn i:after{background: #025AF6; width: 20px; height: 20px; left: -2px;}
.contents_wrap .full_area > img {margin: 16px 0 12px;}

.contents_wrap .content_area{font-size: 0; line-height: 0;}
.contents_wrap .content_area .content_slider{border: 1px solid #EDEDF3; border-radius: 8px; overflow: hidden;}
.contents_wrap .content_area .content_slider:not(.swiper){display: flex;}
.contents_wrap .content_area .content_slider .content_wrap{display: flex; align-items: center; gap: 16px; padding: 0 20px; height: 124px;}
.contents_wrap .content_area .content_slider .content_wrap .content_thumb{width: 143px; height: 84px; flex-shrink: 0; border-radius: 8px; overflow: hidden;}
.contents_wrap .content_area .content_slider .content_wrap .content_info{flex: 1;}
.contents_wrap .content_area .content_slider .content_wrap .content_info strong{font-size: 14px; font-weight: 500; line-height: 21px; word-spacing: -1px; letter-spacing: -0.56px;}
.contents_wrap .content_area .content_slider .content_wrap .content_info p{font-size: 13px; line-height: 18px; word-spacing: -1px; margin-top: 6px; color: #7E8B9A;}

.contents_wrap .single_area{position: relative;border-radius: 8px;overflow: hidden;}
.contents_wrap .single_area:after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 1px solid #EDEDF3;border-radius: 8px;pointer-events: none;box-sizing: border-box;z-index: 1;}
.contents_wrap .single_area a {position: relative;}
.contents_wrap .single_area a img{width: 100%;}
.contents_wrap .single_area a strong {color: #025AF6;font-family: 'Pretendard';font-size: 16px;font-style: normal;font-weight: 700;line-height: 143%;letter-spacing: -0.4px;text-align: right;min-width: 70px;position: absolute;top: 59px;right: 43px;}

.contents_wrap .big_banner{margin-bottom: 30px;border-radius: 8px;overflow: hidden;}
.contents_wrap .big_banner a img{width: 100%;}

.contents_wrap .lineup_area{overflow: hidden;padding: 19px !important;}
.contents_wrap .lineup_area .area_tit span{color: #025AF6;}
.contents_wrap .lineup_area .lineup_slider{overflow: unset;}
.contents_wrap .lineup_area .lineup_slider li{width: 156px;}
.contents_wrap .lineup_area .lineup_slider li a{display: block;}
.contents_wrap .lineup_area .lineup_slider li .lineup_img{position: relative; width: 156px; height: 114px; border-radius: 8px; border: 1px solid #EDEDF3; overflow: hidden; background: linear-gradient(180deg, #EDEDF3 0%, rgba(255, 1, 1, 0.2) 100%);}
.contents_wrap .lineup_area .lineup_slider li .lineup_img img{position: absolute; width: 130px; top: 0; left: 50%; margin-left: -65px}
.contents_wrap .lineup_area .lineup_slider li p{font-size: 14px; font-weight: 500; line-height: 21px; margin-top: 8px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 42px;}
.contents_wrap .lineup_area .lineup_slider li p + span {display: block;font-size: 13px; font-weight: 400; line-height: 20px;color: #7B8A9D;letter-spacing: -0.39px;}
.contents_wrap .lineup_area .lineup_slider .swiper-button-prev{left: -13px;}
.contents_wrap .lineup_area .lineup_slider .swiper-button-next{right: -13px;}

.contents_wrap .right_area{border-radius: 8px; overflow: hidden;}
.contents_wrap .right_area ul > li{border-radius: var(--border-radius-sm); overflow: hidden;}
.contents_wrap .right_area ul > li > a{display: flex; align-items: center; height: 84px; padding: 0 20px; background-repeat: no-repeat; background-position: center top; background-size: cover;}
.contents_wrap .right_area ul > li .ban_tit{font-size: 14px; font-weight: var(--fw-bold); letter-spacing: -0.32px; word-spacing: -1.2px; line-height: 20px; width: 220px; word-break: break-all;}
.contents_wrap .right_area ul > li a:has(img){padding: 0;}
.contents_wrap .right_area ul > li a img{width: 100%;}
.contents_wrap .right_slider{border: 1px solid #EDEDF3; border-radius: 8px; overflow: hidden;}

.contents_wrap .sevent_area{padding: 20px;overflow: hidden;position: relative;}
.contents_wrap .sevent_area .sevent_slider{width: 320px;position: unset;}
.contents_wrap .sevent_area .sevent_slider:not(.swiper){display: flex;}
.contents_wrap .sevent_area .sevent_slider .sevent_wrap{display: flex; align-items: center; gap: 16px; height: 84px;}
.contents_wrap .sevent_area .sevent_slider .sevent_wrap .sevent_thumb{width: 143px; height: 84px; flex-shrink: 0; border-radius: 8px; overflow: hidden;}
.contents_wrap .sevent_area .sevent_slider .sevent_wrap .sevent_info{width: 163px;}
.contents_wrap .sevent_area .sevent_slider .sevent_wrap .sevent_info span{display: block;color: #025AF6;font-size: 13px;font-weight: 700;line-height: 15px;letter-spacing: -0.39px;font-family: 'Pretendard';}
.contents_wrap .sevent_area .sevent_slider .sevent_wrap .sevent_info strong{margin-top: 3px;font-size: 14px; font-weight: 500; line-height: 21px; word-spacing: -1px; letter-spacing: -0.56px;}
.contents_wrap .sevent_area .sevent_slider .sevent_wrap .sevent_info p{font-size: 13px; line-height: 18px; word-spacing: -1px; margin-top: 6px; color: #7E8B9A;}

.contents_wrap .hot_area ul{display: flex; flex-wrap: wrap; gap: 12px 8px;}
.contents_wrap .hot_area ul > li{width: 100%; height: 78px;}
.contents_wrap .hot_area ul > li img{width: 50px; overflow: hidden; border-radius: 50px; flex-shrink: 0;}
.contents_wrap .hot_area ul > li a{display: flex; align-items: center; gap: 12px; height: 78px; border-radius: 8px; border: 1px solid #EDEDF3; background: #FAFAFC; padding: 0 16px;} 
.contents_wrap .hot_area ul > li .hot_info{overflow: hidden;}
.contents_wrap .hot_area ul > li strong{display: block; font-size: 14px; font-weight: var(--fw-bold); letter-spacing: -0.56px; line-height: 19.6px;}
.contents_wrap .hot_area ul > li p{color: #7E8B9A; font-size: 14px; letter-spacing: -0.42px; margin-top: 2px;}

.contents_wrap .ibanner_area ul li a{display: block; position: relative; border-radius: 8px; overflow: hidden;}
.contents_wrap .ibanner_area ul li a:after{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #EDEDF3; border-radius: 8px; pointer-events: none; box-sizing: border-box;}
.contents_wrap .ibanner_area ul li a img{width: 360px;}

.contents_wrap .best_area{padding: 20px 0 !important;}
.contents_wrap .best_area :is(.area_tit, .teacher_scroll){padding: 0 16px;}
.contents_wrap .best_area .best_slider{width: 254px;}
.contents_wrap .best_area .best_slider ul{width: 100%;}
.contents_wrap .best_area .best_list{margin-top: 12px; position: relative; z-index: 10;}
.contents_wrap .best_area .best_list ul > li > a{display: flex; align-items: center; gap: 12px; padding: 8px 20px; position: relative;}
.contents_wrap .best_area .best_list ul > li .list_rank{display: flex; align-items: center; gap: 8px; flex-shrink: 0; width: 26px; font-size: 16px; font-weight: var(--fw-bold); text-align: center; position: relative; letter-spacing: -0.32px; margin-top: -6px;}
.contents_wrap .best_area .best_list ul > li .list_rank span{position: relative;}
.contents_wrap .best_area .best_list ul > li :is(.list_rank.up, .list_rank.down):after{content: ""; display: inline-block; border: 4px solid #025AF6; border-right-color: transparent; border-left-color: transparent; border-top-width: 0; border-bottom-width: 7px;}
.contents_wrap .best_area .best_list ul > li .list_rank.down:after{transform: rotate(180deg); border-bottom-color: #C2CAD6;}
.contents_wrap .best_area .best_list ul > li .list_rank.new:after{content: "NEW"; color: var(--mint-60); font-size: 10px; font-weight: var(--fw-bold); line-height: 14px; letter-spacing: -0.2px; white-space: nowrap;}
.contents_wrap .best_area .best_list ul > li .list_rank.keep:after{content: ""; display: inline-block; background: #C2CAD6; width: 6px; height: 2px;}
.contents_wrap .best_area .best_list ul > li .list_info{flex: 1; display: flex; justify-content: space-between; align-items: center; gap: 8px; overflow: hidden; font-size: 0;}
.contents_wrap .best_area .best_list ul > li .list_info p{font-size: 14px; letter-spacing: -0.56px; font-weight: var(--fw-medium); flex: 1;}
.contents_wrap .best_area .best_list ul > li .list_info span{font-size: 13px; letter-spacing: -0.39px; flex-shrink: 0; color: #7E8B9A;}
.contents_wrap .best_area .best_list ul > li .list_info:hover + .list_thumb{display: block}
.contents_wrap .best_area .best_list ul > li .list_thumb{display: none; position: absolute; right: 22px; top: 18px; width: 64px; border-radius: 4px; overflow: hidden; z-index: 2; box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.08);}
.contents_wrap .best_area .best_list ul > li .list_thumb img{width: 100%;}
.contents_wrap .best_area .tab_menu_txt > li{font-size: 13px;}

.contents_wrap .best_area .best_list ul > li .list_rank div{display: inline-flex; justify-content: center; align-items: center; gap: 2px; font-size: 0 !important; width: 9px; line-height: 24px; height: 24px; font-weight: 500;}
.contents_wrap .best_area .best_list ul > li :is(.list_rank .up, .list_rank .down):before{content: ""; display: inline-block; border: 4px solid #025AF6; border-right-color: transparent; border-left-color: transparent; border-top-width: 0; border-bottom-width: 7px;}
.contents_wrap .best_area .best_list ul > li .list_rank .up{font-size: 11px; color: #025AF6;}
.contents_wrap .best_area .best_list ul > li .list_rank .down{font-size: 11px; color: #C2CAD6;}
.contents_wrap .best_area .best_list ul > li .list_rank .down:before{transform: rotate(180deg); border-bottom-color: #C2CAD6;}
.contents_wrap .best_area .best_list ul > li .list_rank .new:before{content: "N"; color: var(--mint-60); font-size: 10px; font-weight: 900; letter-spacing: -0.2px; white-space: nowrap; font-family: 'SUIT', sans-serif; height: 20px;}
.contents_wrap .best_area .best_list ul > li .list_rank .keep:before{content: ""; display: inline-block; background: #C2CAD6; width: 6px; height: 2px; margin-top: 2px;}
.contents_wrap .teacher_scroll{display: flex; align-items: center; position: relative;}
.contents_wrap .teacher_scroll > a{display: inline-block; position: relative; flex-shrink: 0; width: 34px; height: 34px; border: 1px solid #EDEDF3; border-radius: 50px;}
.contents_wrap .teacher_scroll > a:after{background: var(--gray-30); width: 20px; height: 20px;}
.contents_wrap .teacher_scroll > a.active{box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);}
.contents_wrap .teacher_scroll > a.active:after{background: var(--gray-60);}
/* .contents_wrap .teacher_scroll > a.scroll_prev{display: none}
.contents_wrap .teacher_scroll > a.scroll_prev.active{display: inline-block} */
.contents_wrap .teacher_scroll > a.scroll_next{margin-left: 4px;}
.contents_wrap .teacher_scroll .teacher_slider_wrap{position: relative;}
.contents_wrap .teacher_scroll .teacher_slider_wrap ul{width: 595px;}
.contents_wrap .teacher_scroll .teacher_slider_wrap:not(:has(.swipe-end)):after{content: ""; width: 15px; height: 100%; background: linear-gradient(270deg, #FFF 6.67%, rgba(255, 255, 255, 0.00) 96.67%), linear-gradient(270deg, #FFF 6.67%, rgba(255, 255, 255, 0.00) 96.67%); position: absolute; top: 0; right: 0; z-index: 2;}
.contents_wrap .teacher_scroll :is(.teacher_slider, .best_slider) ul > li{width: auto !important; flex-shrink: 0 !important; user-select: none;}
.contents_wrap .teacher_scroll :is(.teacher_slider, .best_slider) ul > li > a{display: inline-block; background: #fff; border: 1px solid #EDEDF3; font-size: 14px; font-weight: var(--fw-medium); letter-spacing: -0.66px; width: 100%; height: 34px; line-height: 32px; border-radius: 30px; padding: 0 12px; text-align: center; white-space: nowrap; word-spacing: -2.7px;}
.contents_wrap .teacher_scroll :is(.teacher_slider, .best_slider) ul > li.active > a{background: #000; color: #fff; font-weight: 700;}
.contents_wrap .teacher_scroll .scroll_all{background: #fff; border-radius: 50px; border: 1px solid var(--gray-30, #E3E6EC);}
.contents_wrap .teacher_scroll .scroll_all:after{width: 20px; height: 20px;}
.contents_wrap .teacher_scroll .teacher_map{display: none; position: absolute; padding: 20px 20px 30px; top: 0; left: 0; width: 100%; background: #FFF; border-radius: var(--border-radius-sm); border: 1px solid var(--gray-30, #E3E6EC); box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.04); z-index: 12;}
.contents_wrap .teacher_scroll .teacher_map.active{display: block;}
.contents_wrap .teacher_scroll .teacher_map .area_tit{margin-bottom: 25px;}
.contents_wrap .teacher_scroll .teacher_map ul{display: flex; flex-wrap: wrap; gap: 17px 30px;}
.contents_wrap .teacher_scroll .teacher_map ul > li > a{color: var(--gray-60);}
.contents_wrap .teacher_scroll .teacher_map ul > li.active > a{font-weight: var(--fw-bold); color: var(--color-primary);}
.contents_wrap .teacher_scroll .teacher_map .map_close{position: absolute; top: 8px; right: 8px; width: 30px; height: 30px;}
.contents_wrap .teacher_scroll .teacher_map .map_close:after{background: var(--gray-70); width: 24px; height: 24px;}

.contents_wrap .info_area ul{display: flex; flex-wrap: wrap; gap: 12px 11px;}
.contents_wrap .info_area ul > li{width: 149px; height: 34px; line-height: 34px;}
.contents_wrap .info_area ul > li a{display: flex; gap: 12px; padding: 3px 0;}
.contents_wrap .info_area ul > li a img{width: 34px; height: 34px; border-radius: 8px; overflow: hidden;}
.contents_wrap .info_area ul > li span{font-weight: var(--fw-medium); letter-spacing: -0.52px; font-size: 14px;}

.contents_wrap .news_area .news_board li{background: #fff; overflow: hidden;}
.contents_wrap .news_area .news_board li + li{border-top: 1px solid #F2F3F5;}
.contents_wrap .news_area .news_board li > a{display: flex; align-items: center; gap: 6px; overflow: hidden; width: 100%; height: 100%; padding: 16px 0;}
.contents_wrap .news_area .news_board li > a > i{display: inline-block; width: 16px; height: 16px; flex-shrink: 0;}
.contents_wrap .news_area .news_board li > a > i::after{width: 100%; height: 100%;}
.contents_wrap .news_area .news_board li > a > i:not(.ico_new_label)::after{background: #7E8B9A;}
.contents_wrap .news_area .news_board li > a > i + i{margin-left: -4px;}
.contents_wrap .news_area .news_board li > a:hover p{text-decoration: underline;}
.contents_wrap .news_area .news_board li p{display: inline-block; color: var(--color-primary); letter-spacing: -0.39px; max-width: 258px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-right: 17px; font-size: 14px; font-weight: 500;}
.contents_wrap .news_area .news_board li p:after{right: 0; left: auto; width: 14px; height: 14px;}
.contents_wrap .news_area .news_board li span{color: #7E8B9A; letter-spacing: -0.39px; flex-shrink: 0; font-weight: 700;}
.contents_wrap .news_area .news_nav{display: flex; align-items: center; gap: 8px; margin-bottom: 20px;}
.contents_wrap .news_area .news_nav > li{background: #F2F2F7; height: 30px; line-height: 30px; font-size: 14px; font-weight: var(--fw-medium); color: var(--gray-60); padding: 0 12px; border-radius: 30px; text-align: center;}
.contents_wrap .news_area .news_nav > li.active{background: #000; color: #fff; font-weight: var(--fw-bold);}
.contents_wrap .notice_area .news_board li p{max-width: none; padding-right: 0;}
.contents_wrap .notice_area .news_board li span{background: #F6F6F9; color: #7E8B9A; border-radius: 2px; font-size: 11px; padding: 0 5px;}
.contents_wrap .notice_area .news_board li > a{padding: 16.5px 0;}
.contents_wrap .notice_area .notice_slider{height: 144px; margin-top: -8px;}
.contents_wrap .notice_area .notice_slider li{height: 36px;}

.left_banner{position: absolute; left: 50%; top: 30px; margin-left: -686px; height: 100%; display: flex; gap: 12px; flex-direction: column;}
.left_banner ul:not(.swiper):not(.swiper-wrapper){display: flex; flex-direction: column; gap: 12px;}
.left_banner ul li a{display: block; border-radius: 8px; overflow: hidden; position: relative; width: 100px;}
.left_banner ul li a img{width: 100%;}
.left_banner :is(.banner_list li a):after{content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; border: 1px solid #EDEDF3; border-radius: 8px; box-sizing: border-box; z-index: 2;}
/* .left_banner > div { position: sticky; top: 40px; left: 0; z-index: 2;} */
.left_banner .banner_slider{overflow: hidden; width: 100px; border-radius: 8px; overflow: hidden; border: 1px solid #EDEDF3;}
.left_banner .banner_slider:not(.swiper){display: flex;}
.left_banner .banner_slider .swiper-slide img{width: 100px;}

.mock_banner {background:url('//un-static-qa.conects.com/gong/main/250214/pc/mock_banner.jpg') no-repeat center top/auto 100%, linear-gradient(90deg, #236ae8 50%, #5b55df 50%);font-family: 'SUIT';}
.mock_banner a {flex: 1;display: flex;align-items: center;padding: 18px 20px 17px;height: 88px;}
.mock_banner div.txt1{color: rgba(255,255,255,0.7); font-size: 15px; font-weight: 700; line-height: 160%; letter-spacing: -0.42px;}
.mock_banner div.txt1 span{font-size: 22px;font-weight: 900;line-height: 140%;color: #FFF;letter-spacing: 0;}
.mock_banner div.txt2{color: #FFF; font-size: 22px; font-style: normal; font-weight: 900; line-height: 30.8px; letter-spacing: 0.22px;}
.mock_banner div.txt2 span{font-size: 24px; color: #3BFFF5;}
.mock_banner div.txt3{color: #FFF; font-size: 28px; font-style: normal; font-weight: 900; line-height: 140%; display: flex; align-items: center; gap: 6px;margin-left: 30px;}
.mock_banner div.txt3 span {color: #3BFFF5;}
.mock_banner div.txt4{border-radius: 6px;background: rgba(0, 0, 0, 0.17);border: 1px solid rgba(255, 255, 255, 0.20); display: inline-block;padding: 8px 12px 9px;font-size: 20px;font-weight: 700;line-height: 1;color: #FFF;margin-left: auto;}
.mock_banner div.txt4 span.count{color: #3BFFF5; font-weight: 800;display: inline-block;margin: 0 2px;}
.mock_banner div.txt4 sup{font-weight: 500;vertical-align: text-top;display: inline-block;margin-top: -2px;margin-left: 2px;opacity: 0.3;font-size: 11px;}
@media (max-width: 1280px){
    .left_banner{background: #fff; left: 0; margin-left: 0; height: auto; z-index: 10; padding: 8px; box-sizing: content-box; border-radius: 0px 12px 12px 0px; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.26);}
    .side_banner{display: none;}
}

@media (max-width: 1210px){
    .nav_dropdown {left: 456px !important;margin-left: 0;}
}

@keyframes right-to-left{
    0%{transform: translateX(110%); opacity: 0;}
    100%{transform: translateX(0); opacity: 1;}
}
@-webkit-keyframes right-to-left{
    0%{transform: translateX(110%); opacity: 0;}
    100%{transform: translateX(0); opacity: 1;}
}
@keyframes left-to-right{
    0%{transform: translateX(-110%); opacity: 0;}
    100%{transform: translateX(0); opacity: 1;}
}
@-webkit-keyframes left-to-right{
    0%{transform: translateX(-110%); opacity: 0;}
    100%{transform: translateX(0); opacity: 1;}
}
@keyframes bottom-to-top{
    0%{transform: translateY(100%);}
    100%{transform: translateX(0);}
}
@-webkit-keyframes bottom-to-top{
    0%{transform: translateY(100%);}
    100%{transform: translateX(0);}
}