@charset "utf-8";

/*인덱스 영역*/
#idx_area{width:100%;}
#idx_area .tit_box{text-align:center;position:relative;z-index:10;}
#idx_area .tit_box .tit{display:inline-block;margin:0 auto;font-weight:700;font-size:48px;text-align:center;color:#333;position:relative;font-family:'Poppins'}
#idx_area .tit_box .tit:after{content:'';display:block;width:7px;height:7px;border-radius:50%;background:#333;position:absolute;right:-15px;top:20px}
#idx_area .tit_box .txt{font-size:15px;color:#888;font-family:'Poppins','Noto Sans KR'}

/* 페이드인 효과 */
.fade-in-element {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.5s, transform 0.8s;
}

.fade-in-element.fade-in {
    opacity: 1;
    transform: translateY(0);
}

/* 아티스트 영역 */
.artist_area{max-width:1450px;margin:0 auto;padding:110px 80px 0;position:relative;z-index:2}
.artist_area .er_bg{font-weight:700;font-size:246px;color:#f7f7f7;position:absolute;top:50px;right:-90%;white-space:nowrap;font-family:'Poppins'}
.artist_area .er_bg{/* 드래그방지 */
    user-select:none;
    -moz-user-select:none; /* Firefox */
    -ms-user-select:none; /* Internet Explorer/Edge */
    -webkit-user-select:none; /* Safari/Chrome/Opera */
}

.artist_area .artist_slider{margin-top:70px;position:relative;overflow:hidden}
.artist_area .swiper-slide {background-color:#f2f2f2;height:380px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.artist_area .swiper-slide a{display:block;width:100%;height:100%}
.artist_area .swiper-slide .name{width:230px;height:70px;line-height:70px;font-size:16px;text-align:center;color:#fff;background:url(/index/include/include01/bg_pattern.jpg) repeat;position:absolute;bottom:0;right:-20px}
.artist_area .swiper-slide .name span{margin-left:10px;font-weight:500;font-size:14px;color:rgba(255, 255, 255, .7);font-family:'Poppins'}

.artist_area .swiper-button-next:after,
.artist_area .swiper-button-prev:after{content:'' !important}/* 원래 슬라이더 화살표 안보이게 */
.artist_area .swiper_navi .swiper-button-next,
.artist_area .swiper_navi .swiper-button-prev {position:absolute;top:150px;width:60px;height:60px;border:1px solid #acacac;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s}
.artist_area .swiper_navi .swiper-button-prev{background:url('/index/include/include01/artist_arrow.png') no-repeat center center;top:180px;left:80px;background-size:contain;opacity:.5}
.artist_area .swiper_navi .swiper-button-next{background:url('/index/include/include01/artist_arrow.png') no-repeat center center;top:180px;right:80px;background-size:contain;opacity:.5;transform:scaleX(-1)}
.artist_area .swiper_navi .swiper-button-prev:hover,
.artist_area .swiper_navi .swiper-button-next:hover {background-color:#0a1250 !important;opacity:1}
.artist_area .swiper_navi .swiper-button-prev:hover {background:url('/index/include/include01/artist_arrow_w.png') no-repeat center center}
.artist_area .swiper_navi .swiper-button-next:hover {background:url('/index/include/include01/artist_arrow_w.png') no-repeat center center}

.artist_area .line_box{width:1450px;height: calc(100% - 70px);border-left:1px solid #f2f2f2;position:absolute;top:0;left:50%;transform:translateX(-50%)}
.artist_area .line_box > div{width:50%;height:100%;border-right:1px solid #f2f2f2;float:left}