/* 홈 */
#main-home .sub-area {padding:var(--main-padding-val);}

/* 파트너 무료 방송 */
#main-home #bcast-area {padding:var(--main-padding-val); margin:5% 0;}
/*#main-home #bcast-area #partner-free-live {margin-bottom:5%;}*/

/* AI 추천 슬라이딩 배너 */
#ai-sliding-banner { background-color: var(--default-background); position: relative; padding: 8% 4%; width: 92%; margin: 0 auto; border-radius: 2rem; }
#ai-sliding-banner h4 {margin:0; font-size:2.7rem;}
#ai-sliding-banner > div { width: 100%; background-color: #e6eefd; border-radius: 1rem; margin-top: 7%; padding: 4%; text-align: center; }
#ai-sliding-banner .text-item {}
#ai-sliding-banner .text-item a {color: var(--main-font-color); font-size: 2.2rem; font-weight: 600; }
#ai-sliding-banner .text-item a.info-txt { display: flex; width: 100%; align-items: center; justify-content: center; }
#ai-sliding-banner .text-item a.info-txt > img { width: 2.2rem; margin-right: 1%; }
#ai-sliding-banner .text-item a span {font-weight:600;}
#ai-sliding-banner ul.ai-sliding-dots { position: absolute; right: 0; top: -96%; display: flex ;}
#ai-sliding-banner ul.ai-sliding-dots::before { content: ''; display: inline-block; background: url('https://swimg.wowtv.co.kr/stockwinN/static/images/icons/trending_up.png') no-repeat center; width:4.2rem; height: 3rem; background-size: contain; margin-right: 5%; margin-top:-3%;}
#ai-sliding-banner ul.ai-sliding-dots li {display: none;}
#ai-sliding-banner ul.ai-sliding-dots li.slick-active {display: inline-block; letter-spacing: 0.1rem; color: #b5b5b5; font-size: 2.6rem; font-weight: 600; }
#ai-sliding-banner ul.ai-sliding-dots li i {font-style: normal; color: #757575; font-weight:600;}

/* AI캐치 서비스 */
#ai-catch-service {margin:15% 0 8%;}
#ai-catch-service .sub-title .bubble { top: -9%; display: flex; align-items: center; justify-content: flex-start; padding-right:7%;}
#ai-catch-service .sub-title .bubble::after { content: ''; display: inline-block; background: url('https://swimg.wowtv.co.kr/stockwinN/static/images/icons/eyes.png') no-repeat right; width: 2.8rem; height: auto; aspect-ratio: 1 / 1; background-size: contain; margin-top: -2%; position:absolute; right:4%;}
#ai-catch-service .more {top:1.25%;}
#chart-list {width:100%; height:45rem;}

/* 오늘의 마켓이슈 */
#today-market-issue {margin:0 0 8%;}
#today-market-issue .four-square-row {}
#today-market-issue .four-square-row > div:hover {border-color:var(--default-blue);}
#today-market-issue .four-square-row > div::after {content: ''; display: block; background: url('https://swimg.wowtv.co.kr/stockwinN/static/images/icons/pin.png') no-repeat center; width:4rem; height:4rem; position: absolute; top: 0; right: 0; background-size: contain;}
#today-market-issue .four-square-row > div:hover::after {background-image:url('https://swimg.wowtv.co.kr/stockwinN/static/images/icons/pin_full.png');}
#today-market-issue .four-square-row > div:nth-of-type(n+3) {}
#today-market-issue .four-square-row > div a p:first-of-type {font-weight:bold; font-size:2.2rem;}
#today-market-issue .four-square-row > div a p:last-of-type { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; height: 2.7rem; margin-top: 2%; }

/* 이미지 벨트 배너 */
#main-home .banner.under-circle {padding:var(--main-padding-val);}

/* 실시간 키워드 종목 */
#keyword-stock {margin-top:8%; padding: var(--main-padding-val); position: relative;}
#keyword-stock .sub-title {margin-bottom:3%; position:relative;}
#keyword-stock .sub-title span  {position: absolute; top: 25%; right: 0%; font-size: 1.6rem; color: var(--default-semi-gray); font-weight: 400;}
#keyword-stock #keyword-tab {margin-top:4%;}
#keyword-stock .keyword-tab-btn {background-color:#f2f2f2; padding:2.5% 4%; border-radius:4.1rem; font-size: 2rem; font-weight:600; margin-right:1%;}
#keyword-stock .keyword-tab-btn.on {background-color:var(--default-red); color:#fff;}
#keyword-stock #keyword-list {width:100%; border: 0.1rem solid var(--default-gray); border-radius: 10px; margin: 4% 0 10%; padding: 0 7%; position:relative; text-align:center;}
#keyword-stock #keyword-list .ranking {display:none;}
#keyword-stock #keyword-list p {margin: 8% 0; text-align:left;}
#keyword-stock #keyword-list p a {font-size: 2.5rem; font-weight:500;}
#keyword-stock #keyword-list p span {display:inline-block; width:5%; color: var(--default-blue); margin-right: 6%; font-weight:500; font-size: 2.5rem;}

.more-data.keyword {margin-bottom:8%;}

/* 파트너 맞춤투자 솔루션 */
#partner-solution {margin-top:15%;}

/* 텍스트 배너 */
#main-home .banner-text-belt {background-color:var(--default-red);}
#main-home .banner-text-belt .text-banner-dots {background-color:#b23838;}
#main-home .banner-text-belt .text-banner-dots span {color:#fff; font-weight:300;}

/* 진행 중인 이벤트 */
#event-area {margin: 8% 0 10%;}
#event-area .more {top:1.5%;}
.btn-sort {position: absolute; top: 0.3%; right: 10%; width: 40%; text-align:right;}
.btn-sort button {border: 0.1rem solid #aeaeae; color: #a8a1a1; padding: 2.5% 5%; border-radius: 0.5rem; font-size:1.7rem;}
.btn-sort button.on {background-color:#303030; color:#fff; border-color:#303030;}
#event-list {}
#event-list .swiper-slide {width:46.5%;}
#event-list .swiper-slide:first-child {/*margin-left:-55%;*/}
#event-list .event-card {width: 100%; border-radius: 1.5rem; overflow: hidden; position: relative;}
#event-list .event-card span {position: absolute; top: 6%; right: 8%; background-color: rgba(0, 0, 0, 0.5); color: #fff; padding: 2% 5%; border-radius: 5vw; font-size:1.2rem; font-weight: 300; text-align: center;}
/*#event-list .swiper-slide > div:last-of-type {margin-top:3%;}*/
#event-list .hashtag {padding: 2.5% 5%; border: 0.1rem solid #dfdfdf; border-radius: 5vw; display: inline-block; margin: 5% 1.5% 0 0; font-size:2rem; font-weight:300;}
#event-list .hashtag::before {content:'#';}

/* 미국주식 배너 */
.us-stock-banner {padding:var(--main-padding-val); margin:10% 0;}
.us-stock-banner div {border-radius: 15px; overflow: hidden; width: 100%; background-color: #ccc; padding: 10%; text-align: center;}

@media (max-width:600px) {
    #ai-sliding-banner {width:100%; border-radius: 0; padding:8%;}
    #ai-sliding-banner h4 {font-size:2.4rem;}

    #ai-sliding-banner ul.ai-sliding-dots::before { content: none;}
    #ai-sliding-banner ul.ai-sliding-dots::after { content: ''; display: inline-block; background: url('https://swimg.wowtv.co.kr/stockwinN/static/images/icons/trending_up.png') no-repeat center; width:3.6rem; height: 3.4rem; background-size: contain; margin-left: 5%; margin-top:-3%;}

    #ai-sliding-banner .text-item a {font-size:2rem;}

    #ai-catch-service .sub-title .bubble {}
    
}

@media (max-width:450px){
    #ai-catch-service .sub-title .bubble::after { width: 2.2rem; right:3%;}
}