/* ------------------------------------------메인 시작---------------------------------------------------- */
main {}
main .swiper {height:100vh;}
main .swiper .swiper-wrapper {} 
main .swiper .swiper-wrapper .swiper-slide {}
/* ------------------------------------------1행 배너---------------------------------------------------- */
main .swiper .swiper-wrapper .banner {
    display:flex; height:100vh; width:100%;
}
main .swiper .swiper-wrapper .banner img {
    display:block; width:calc(100% / 2);
    opacity:0;
}
main .swiper .swiper-wrapper .banner img:nth-of-type(1) {
    transition:opacity 1s linear 0.3s;
}
main .swiper .swiper-wrapper .banner img:nth-of-type(2) {
    transition:opacity 1s linear 1s;
}
main .swiper .swiper-wrapper .banner img:nth-of-type(1).banner1 {
    opacity:1;
}
main .swiper .swiper-wrapper .banner img:nth-of-type(2).banner2 {
    opacity:1;
}
/* ------------------------------------------2행 연에인---------------------------------------------------- */
/* 후버이벤트 */
main .swiper .swiper-wrapper .introduce {
    display:flex; justify-content:center; align-items:center;
    margin-top:25px;
}
main .swiper .swiper-wrapper .introduce .introduce_all_container {}
/* 마우스 올릴때 나오는 부분 */
main .swiper .swiper-wrapper .introduce .introduce_all_container .introduce_top {
    display:flex; justify-content:space-between;
    opacity:0;
}
/* 슬라이드 도착시 효과 */
main .swiper .swiper-wrapper .introduce .introduce_all_container .introduce_top.introduce1 {
    animation:in 2s both;
}
main .swiper .swiper-wrapper .introduce .introduce_all_container .introduce_top .introduce_wrap {
    position:relative;
}
main .swiper .swiper-wrapper .introduce .introduce_all_container .introduce_top .introduce_wrap .introduce_photo {width:100%;}
main .swiper .swiper-wrapper .introduce .introduce_all_container .introduce_top .introduce_wrap .introduce_photo img {
    width:100%; display:block;
}
main .swiper .swiper-wrapper .introduce .introduce_all_container .introduce_top .introduce_wrap .introduce_content {
    position:absolute; top:30px; left:50px;
    padding:5px 15px; background:#E43025;
    display:flex; gap:10px; align-items:center;
    border-radius:10px;
    display:none;
}
main .swiper .swiper-wrapper .introduce .introduce_all_container .introduce_top .introduce_wrap .introduce_content .name  {color:#fff; font-size:0.875rem;}
main .swiper .swiper-wrapper .introduce .introduce_all_container .introduce_top .introduce_wrap .introduce_content a {
    padding:5px 15px;
    border:1px solid #fff; border-radius:10px;
    color:#fff;
    font-size:0.75rem;
}
main .swiper .swiper-wrapper .introduce .introduce_all_container .introduce_bottom {
    display:flex; gap:20px;
    margin-top:20px;
}
main .swiper .swiper-wrapper .introduce .introduce_all_container .introduce_bottom .introduce_wrap {
    opacity:0;
    position:relative;
}
/* 슬라이드 도착시 효과 */
main .swiper .swiper-wrapper .introduce .introduce_all_container .introduce_bottom .introduce_wrap.introduce2 {
    animation:in 2s both;
}
main .swiper .swiper-wrapper .introduce .introduce_all_container .introduce_bottom .introduce_wrap .introduce_photo {}
main .swiper .swiper-wrapper .introduce .introduce_all_container .introduce_bottom .introduce_wrap .introduce_photo img {
    width:100%; display:block;
}
/* 마우스 올릴때 나오는 부분 */
main .swiper .swiper-wrapper .introduce .introduce_all_container .introduce_bottom .introduce_wrap .introduce_content {
    position:absolute; bottom:30px; left:50px;
    padding:5px 15px; background:#E43025;
    display:flex; gap:10px; align-items:center;
    border-radius:10px;
    display:none;
}
main .swiper .swiper-wrapper .introduce .introduce_all_container .introduce_bottom .introduce_wrap .introduce_content .name {color:#fff; font-size:0.875rem;}
main .swiper .swiper-wrapper .introduce .introduce_all_container .introduce_bottom .introduce_wrap .introduce_content a {
    padding:5px 15px;
    border:1px solid #fff; border-radius:10px;
    color:#fff;
    font-size:0.75rem;
}
/* 아티스트 더보기 */
main .swiper .swiper-wrapper .introduce .introduce_all_container .introduce_bottom .artist_more {
    position:relative;
    opacity:0;
}
main .swiper .swiper-wrapper .introduce .introduce_all_container .introduce_bottom .artist_more.more {
    animation:opa 3s both 2.5s;
}
main .swiper .swiper-wrapper .introduce .introduce_all_container .introduce_bottom .artist_more .artist_more_photo {}
main .swiper .swiper-wrapper .introduce .introduce_all_container .introduce_bottom .artist_more .artist_more_photo img {
    width:100%; display:block;
}
main .swiper .swiper-wrapper .introduce .introduce_all_container .introduce_bottom .artist_more .artist_more_content {
    position:absolute; bottom:30px; left:50px;
    background:#E43025;
    left:50%; transform:translateX(-50%);
    display:block;
    border:1px solid #fff;
}
main .swiper .swiper-wrapper .introduce .introduce_all_container .introduce_bottom .artist_more .artist_more_content a {
    font-size:0.875rem; display:block;
    border-radius:0px;
    padding:10px 30px;
    width:max-content;
    color:#fff;
}
main .swiper .swiper-wrapper .introduce .introduce_all_container .introduce_bottom .artist_more .artist_more_content a:hover {
    border:1px solid #E43025;
    background:#fff;
    color:#E43025;
}
/* ------------------------------------------3행 비지니스---------------------------------------------------- */
main .business {
    width:100%;
    display:flex; justify-content:center; align-items:center;
}
main .business .business_all_container {text-align:center; width:100%;}
main .business .business_all_container h2 {font-size:1.875rem; font-weight:600;}
main .business .business_all_container .business_container {width:100%;}
main .business .business_all_container .business_container .business_title {
    display:flex; gap:70px; justify-content:center;
    margin:50px 0 30px;

}
main .business .business_all_container .business_container .business_title li::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #949494; 
}
main .business .business_all_container .business_container .business_title li {
    position: relative;
    font-size:1.125rem;
    padding-bottom:10px;
}
main .business .business_all_container .business_container .business_title li::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 0; /* 시작 너비 0 */
    background-color: #E54132; /* 빨간색 */
    transition: width 0.5s ease;
}
main .business .business_all_container .business_container .business_title li.active::after {
    width: 100%;
}
main .business .business_all_container .business_container .business_all_wrap {}
main .business .business_all_container .business_container .business_all_wrap .business_wrap {display:flex; align-items:center; gap:50px;}
main .business .business_all_container .business_container .business_all_wrap .business_wrap:nth-of-type(2),
main .business .business_all_container .business_container .business_all_wrap .business_wrap:nth-of-type(3),
main .business .business_all_container .business_container .business_all_wrap .business_wrap:nth-of-type(4),
main .business .business_all_container .business_container .business_all_wrap .business_wrap:nth-of-type(5) {display:none;}
main .business .business_all_container .business_container .business_all_wrap .business_wrap .business_img {width:1200px;}
main .business .business_all_container .business_container .business_all_wrap .business_wrap .business_img.opa {
    animation:opa 1s  both;
}
main .business .business_all_container .business_container .business_all_wrap .business_wrap .business_img img {display:block; width:100%;}
main .business .business_all_container .business_container .business_all_wrap .business_wrap .business_content {text-align:left;}
main .business .business_all_container .business_container .business_all_wrap .business_wrap .business_content h3 {
    font-size:1.75rem; font-weight:600; 
    margin-bottom:70px;
    line-height:1.5;
    
}
main .business .business_all_container .business_container .business_all_wrap .business_wrap .business_content h3.in {
    opacity:0;
    animation:in 2s both 0.5s;
}
main .business .business_all_container .business_container .business_all_wrap .business_wrap .business_content p {
    line-height:1.7;
    
}
main .business .business_all_container .business_container .business_all_wrap .business_wrap .business_content p.in {
    animation:in 2s both 1s;
}
/* ------------------------------------------4행 새로운소식---------------------------------------------------- */
main .release {
    display:flex; justify-content:center; align-items:center;
}
main .release .release_all_container {text-align:center;}
main .release .release_all_container h2 {font-size:1.875rem; font-weight:600; }
main .release .release_all_container .release_container {margin-top:50px;}
main .release .release_all_container .release_container .release_more {float:right; margin-bottom:10px;}
main .release .release_all_container .release_container .release_more img {display:block;}
main .release .release_all_container .release_container .release_wrap {clear:both;}
main .release .release_all_container .release_container .release_wrap .release_list {
    display:flex; gap:30px;
}
main .release .release_all_container .release_container .release_wrap .release_list li {
    transition:all 1s;
}
main .release .release_all_container .release_container .release_wrap .release_list li:hover {
    transform:scale(105%);
}
main .release .release_all_container .release_container .release_wrap .release_list li a {}
main .release .release_all_container .release_container .release_wrap .release_list li a .release_album {}
main .release .release_all_container .release_container .release_wrap .release_list li a .release_album img {display:block; width:100%;}
main .release .release_all_container .release_container .release_wrap .release_list li a .release_album_wrap {padding:20px; text-align:left;}
main .release .release_all_container .release_container .release_wrap .release_list li a .release_album_wrap .release_album_name {
    margin:20px 0 20px;
    font-weight:500;
}
main .release .release_all_container .release_container .release_wrap .release_list li a .release_album_wrap .release_album_content {
    font-size:0.875rem;
    color:#949494;
}
/* ------------------------------------------5행 ad---------------------------------------------------- */
main .ad {display:flex; justify-content:center; align-items:center; background:#000;}
main .ad .ad_all_container {width:100%; position:relative; background:red;}
main .ad .ad_all_container .ad_bg {
    background:url(../images/Artboard\ 1.jpg);
    background-position-y:-100px;
    width:100%; height:100vh;
}
main .ad .ad_all_container .ad_content {
    position:absolute; left:200px; bottom:300px;
}
main .ad .ad_all_container .ad_content .main_content {
    font-size:2.5rem; font-weight:600;
    color:#fff;
}
/* js로 클래스 주기 */
main .ad .ad_all_container .ad_content .main_content.ad_active {
    animation:in 2s both;
}
main .ad .ad_all_container .ad_content .sub_content {
    font-size:1.25rem;
    line-height:1.5; margin-top:80px;
    color:#fff;
}
main .ad .ad_all_container .ad_content .sub_content.ad_active {
    animation:in 2s both 0.5s;
}
/* ------------------------------------------6행 media---------------------------------------------------- */
main .media {
    display:flex; justify-content:center;
    margin-top:120px;
}
main .media .media_all_container {text-align:center; max-width:1520px; height:max-content; margin:0 auto; }
main .media .media_all_container h2 {font-size:1.875rem; font-weight:600;}
main .media .media_all_container .media_container {text-align:left;  margin-top:50px;}
main .media .media_all_container .media_container .media_more {float:right;}
main .media .media_all_container .media_container .media_more img {}
main .media .media_all_container .media_container .media_wrap {clear:both;}
main .media .media_all_container .media_container .media_wrap .media_list {
    display:flex; flex-flow:row wrap; justify-content:space-between;
}
main .media .media_all_container .media_container .media_wrap .media_list li {
    transition:all 1s;
}
main .media .media_all_container .media_container .media_wrap .media_list li:hover {
    transform:scale(105%);
}
main .media .media_all_container .media_container .media_wrap .media_list li:nth-of-type(4),
main .media .media_all_container .media_container .media_wrap .media_list li:nth-of-type(5),
main .media .media_all_container .media_container .media_wrap .media_list li:nth-of-type(6) {margin-top:56px;}
main .media .media_all_container .media_container .media_wrap .media_list li a {
    display:flex; align-items:center; gap:30px;
}
main .media .media_all_container .media_container .media_wrap .media_list li a .thumbnail {}
main .media .media_all_container .media_container .media_wrap .media_list li a .thumbnail img {display:block;}
main .media .media_all_container .media_container .media_wrap .media_list li a .thumbnail_content {
    width:220px;
}
main .media .media_all_container .media_container .media_wrap .media_list li a .thumbnail_content .singer_name {font-weight:500;}
main .media .media_all_container .media_container .media_wrap .media_list li a .thumbnail_content .singer_content {
    font-size:0.875rem;
    margin-top:20px;
}
/* 클릭 시 나오는 팝업 */
main .media .media_popup {
    background-color:rgba(0,0,0,0.8);
    position:absolute; left:0; top:0;
    width:100%; height:100vh;
    display:flex; align-items:center; justify-content:center;
    display:none;
}
main .media .media_popup .open_container {}
main .media .media_popup .open_container .media_close {
    float:right; margin-bottom:10px; font-size:2rem;
    color:#fff;
}
main .media .media_popup .open_container .media_list {}
main .media .media_popup .open_container .media_list iframe {display:block;}
main .media .media_popup .open_container .media_list iframe:nth-of-type(2),
main .media .media_popup .open_container .media_list iframe:nth-of-type(3),
main .media .media_popup .open_container .media_list iframe:nth-of-type(4),
main .media .media_popup .open_container .media_list iframe:nth-of-type(5),
main .media .media_popup .open_container .media_list iframe:nth-of-type(6) {display:none;}
@keyframes in {
    0% {opacity:0; transform:translateY(50px);}
    100% {opacity:1; transform:translateY(0);}
}
@keyframes opa {
    0% {opacity:0;}
    100% {opacity:1;}
}

@keyframes border {
    0% {transform:translateX(-100px);}
    100% {transform:translateX(0);}
}