._sub._artist{ overflow: hidden; width: 100%; }

._sub._artist .container .whiteBg{ padding: 100px 0; box-sizing: border-box; }
._sub._artist .container .whiteBg .topWrap{ width: 100%; }
._sub._artist .container .whiteBg .topWrap > .wrap{ width: calc(100% - var(--contMargin)* 2); max-width: 1420px; margin: 0 auto; }

._sub._artist .container .whiteBg .topWrap > .wrap > dl dt{ font-family: 'Geologica'; font-size: 18px; letter-spacing: -0.025em; color: #ff6000; font-weight: 500; font-style: italic; }
._sub._artist .container .whiteBg .topWrap > .wrap > dl dd{ font-size: 58px; letter-spacing: -0.025em; font-weight: 700; margin-top: 15px; }
._sub._artist .container .whiteBg .topWrap > .wrap .tabWrap{ margin-top: 50px; display: flex; width: 100%; max-width: 595px; }
._sub._artist .container .whiteBg .topWrap > .wrap .tabWrap li{ width: calc(108 / 595 * 100%); text-align: center; border: 1px solid #000; box-sizing: border-box; border-radius: 21px; margin-right: calc(10 / 595 * 100%); font-size: 17px; letter-spacing: -0.025em; font-weight: 500; transition-duration: 0.2s; }
._sub._artist .container .whiteBg .topWrap > .wrap .tabWrap li.on{ background-color: #000; color: #fff; }
._sub._artist .container .whiteBg .topWrap > .wrap .tabWrap li:last-of-type{ margin-right: 0; }
._sub._artist .container .whiteBg .topWrap > .wrap .tabWrap li a{ width: 100%; padding: 10px 0; display: block; }

._sub._artist .container .whiteBg .artistWrap{ margin-top: 60px; width: 100%; }
._sub._artist .container .whiteBg .artistWrap .lists_{ width: 100%; display: flex; flex-wrap: wrap; padding: 0 5px; box-sizing: border-box; }
._sub._artist .container .whiteBg .artistWrap .lists_ > li{ width: calc(345 / 1802 * 100%); margin-right: calc(19 / 1802 * 100%); margin-bottom: 20px; position: relative; border-radius: 18px; overflow: hidden; }
._sub._artist .container .whiteBg .artistWrap .lists_ > li > a{ display: block; width: 100%; height: 100%; }
._sub._artist .container .whiteBg .artistWrap .lists_ > li:nth-of-type(5n){ margin-right: 0; }
._sub._artist .container .whiteBg .artistWrap .lists_ > li::after{ content: ''; position: absolute; background-color: rgba(0,0,0,0.7); left: 0; top: 0; width: 100%; height: 100%; z-index: 0; transform: scaleY(0); transition-duration: 0.4s; transform-origin: 100% 100%; }

._sub._artist .container .whiteBg .artistWrap .lists_ > li > a .portrait{ width: 100%; }
._sub._artist .container .whiteBg .artistWrap .lists_ > li > a .portrait ._max{ background-repeat: no-repeat; background-size: cover; background-position: center; }
._sub._artist .container .whiteBg .artistWrap .lists_ > li > a .portrait ._max::after{ content: ''; display: block; padding-bottom: calc(460 / 345 * 100%); }
._sub._artist .container .whiteBg .artistWrap .lists_ > li > a .over{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; color: #fff; z-index: 1; padding: 30px; box-sizing: border-box; transition-duration: 0.4s; transform: translateY(20%); opacity: 0; }
._sub._artist .container .whiteBg .artistWrap .lists_ > li > a .over > span{ color: rgba(255,255,255,0.39); letter-spacing: -0.025em; font-size: 18px; font-weight: 500; }
._sub._artist .container .whiteBg .artistWrap .lists_ > li > a .over .info_ > dl{ display: flex; align-items: baseline; }
._sub._artist .container .whiteBg .artistWrap .lists_ > li > a .over .info_ > dl dt{ font-size: 24px; letter-spacing: -0.025em; font-weight: 500; }
._sub._artist .container .whiteBg .artistWrap .lists_ > li > a .over .info_ > dl dd{ font-size: 14px; letter-spacing: -0.025em; color: #ff6000; font-weight: 300; margin-left: 10px; }
._sub._artist .container .whiteBg .artistWrap .lists_ > li > a .over .info_ ol{ margin-top: 15px; font-size: 18px; letter-spacing: -0.025em; line-height: 1.3;  }
._sub._artist .container .whiteBg .artistWrap .lists_ > li > a .over .info_ ol li{ width: 100%; display: flex; word-break: keep-all; margin-bottom: 5px; }
._sub._artist .container .whiteBg .artistWrap .lists_ > li > a .over .info_ ol li:last-of-type{ margin-bottom: 0; }
._sub._artist .container .whiteBg .artistWrap .lists_ > li > a .over .info_ ol li em{ display: block; flex-shrink: 0; font-weight: 500; width: 55px; }
._sub._artist .container .whiteBg .artistWrap .lists_ > li > a .over .info_ ol li p{ font-weight: 300; }

@media screen and (min-width: 821px){
    ._sub._artist .container .whiteBg .artistWrap .lists_ > li:hover > a .over{ transform: translateY(0); opacity: 1; }
    ._sub._artist .container .whiteBg .artistWrap .lists_ > li:hover::after{ transform: scaleY(1); }
    ._sub._artist .container .whiteBg .topWrap > .wrap .tabWrap li:hover{ background-color: #000; color: #fff; }
}

._sub._artist .paging{ padding-top: 80px; }

@media screen and (max-width:1600px) {
	._sub._artist .container .whiteBg .artistWrap .lists_ > li{width: calc((100% / 4) - (12px * 3 / 4)); margin-right: 12px;}
	._sub._artist .container .whiteBg .artistWrap .lists_ > li:nth-child(4n){margin-right: 0;}
	._sub._artist .container .whiteBg .artistWrap .lists_ > li:nth-child(5n){margin-right: 12px;}

	._sub._artist .paging{padding-top: 50px;}
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {

	/* 폰트사이즈 */
	._sub._artist .container .whiteBg .artistWrap .lists_ > li > a .over{padding: 20px;}
	._sub._artist .container .whiteBg .artistWrap .lists_ > li > a .over > span{font-size: 16px;}
	._sub._artist .container .whiteBg .artistWrap .lists_ > li > a .over .info_ > dl dt{font-size: 18px;}
	._sub._artist .container .whiteBg .artistWrap .lists_ > li > a .over .info_ ol{font-size: 16px;}
	._sub._artist .container .whiteBg .artistWrap .lists_ > li > a .over .info_ ol li em{width: 40px;}

	._sub._artist .paging{padding-top: 30px;}
}
@media screen and (max-width:1024px) {
	._sub._artist .container .whiteBg .artistWrap .lists_ > li{width: calc((100% / 3) - (10px * 2 / 3)); margin-right: 10px;}
	._sub._artist .container .whiteBg .artistWrap .lists_ > li:nth-child(3n){margin-right: 0;}
	._sub._artist .container .whiteBg .artistWrap .lists_ > li:nth-child(4n){margin-right: 10px;}
	._sub._artist .container .whiteBg .artistWrap .lists_ > li:nth-child(5n){margin-right: 10px;}

	._sub._artist .container .whiteBg .topWrap > .wrap > dl dt{font-size: 16px;}
	._sub._artist .container .whiteBg .topWrap > .wrap > dl dd{font-size: 46px;}
	._sub._artist .container .whiteBg .topWrap > .wrap .tabWrap{margin-top: 30px;}
	._sub._artist .container .whiteBg .topWrap > .wrap .tabWrap li{font-size: 16px;}

}
@media screen and (max-width:820px) {
	._sub._artist .container .whiteBg{padding: 70px 0;}

	/* 호버 없이 */
	._sub._artist .container .whiteBg .artistWrap .lists_ > li > a .over{ transform: translateY(0); opacity: 1; }
    ._sub._artist .container .whiteBg .artistWrap .lists_ > li::after{ transform: scaleY(1); }
	._sub._artist .container .whiteBg .artistWrap .lists_ > li::after{background-color: rgba(0,0,0,0.5);}

	/* 너비 */
	._sub._artist .container .whiteBg .artistWrap{margin-top: 30px;}
	._sub._artist .container .whiteBg .artistWrap .lists_{padding: 0;}
	._sub._artist .container .whiteBg .artistWrap .lists_ > li{width: calc((100% / 2) - (10px * 1 / 2)); margin-right: 10px;}
	._sub._artist .container .whiteBg .artistWrap .lists_ > li:nth-child(2n){margin-right: 0;}
	._sub._artist .container .whiteBg .artistWrap .lists_ > li:nth-child(3n){margin-right: 10px;}

	._sub._artist .container .whiteBg .artistWrap .lists_ > li > a .over .info_ ol li p{word-break: break-all;}
}
@media screen and (max-width:500px) {
	._sub._artist .container .whiteBg .topWrap > .wrap > dl dd{font-size: 36px;}
	._sub._artist .container .whiteBg .topWrap > .wrap .tabWrap{flex-wrap: wrap;}
	._sub._artist .container .whiteBg .topWrap > .wrap .tabWrap li{width: calc(50% - 2px); font-size: 14px; margin-right: 4px; margin-bottom: 4px;}
	._sub._artist .container .whiteBg .topWrap > .wrap .tabWrap li:nth-child(even){margin-right: 0;}

	/* 너비 */
	._sub._artist .container .whiteBg .artistWrap .lists_{padding: 0;}
	._sub._artist .container .whiteBg .artistWrap .lists_ > li{width: 100%; margin-right: 0 !important;}

	/* 폰트사이즈 */
	._sub._artist .container .whiteBg .artistWrap .lists_ > li > a .over{padding: 30px;}
	._sub._artist .container .whiteBg .artistWrap .lists_ > li > a .over > span{font-size: 24px;}
	._sub._artist .container .whiteBg .artistWrap .lists_ > li > a .over .info_ > dl dt{font-size: 24px;}
	._sub._artist .container .whiteBg .artistWrap .lists_ > li > a .over .info_ > dl dd{font-size: 18px;}
	._sub._artist .container .whiteBg .artistWrap .lists_ > li > a .over .info_ ol{font-size: 18px;}
	._sub._artist .container .whiteBg .artistWrap .lists_ > li > a .over .info_ ol li em{width: 50px;}
	._sub._artist .container .whiteBg .artistWrap .lists_ > li > a .over .info_ ol li p{line-height: 1.4;}

}
@media screen and (max-width:400px){
	/* 폰트사이즈 */
	._sub._artist .container .whiteBg .artistWrap .lists_ > li > a .over{padding: 20px;}
	._sub._artist .container .whiteBg .artistWrap .lists_ > li > a .over .info_ > dl dt{font-size: 20px;}
	._sub._artist .container .whiteBg .artistWrap .lists_ > li > a .over .info_ ol{font-size: 16px;}
	._sub._artist .container .whiteBg .artistWrap .lists_ > li > a .over .info_ ol li em{width: 36px;}
	._sub._artist .container .whiteBg .artistWrap .lists_ > li > a .over .info_ ol li p{word-break: keep-all;}
}
@media screen and (max-width:320px) {
	._sub._artist .container .whiteBg .topWrap > .wrap .tabWrap li{width: 100%; margin-right: 0 !important;}

}





/* 뷰페이지 */
._sub._artistView{ padding-bottom: 90px; }
._sub._artistView .container{ margin-top: 20px; }
._sub._artistView .flexbx{ display: flex; justify-content: space-between; }
._sub._artistView .flexbx > div{ width: calc(920 / 1862 * 100%); border-radius: 18px; position: relative; overflow: hidden; padding: 65px; padding-top: 40px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start;  word-break: keep-all;}
._sub._artistView .flexbx span{ padding: 7px 14px; box-sizing: border-box; display: inline-block; font-size: 13px; font-family: 'Geologica'; letter-spacing: -0.025em; border-radius: 14px; }
._sub._artistView .flexbx .txtbx > p{ color: #cacaca; }
._sub._artistView .flexbx .txtbx > ul li{ color: #cacaca; }
._sub._artistView .flexbx .txtbx > ul li em{ color: #fff; }
._sub._artistView .flexbx .txtbx > h1{ font-size: 26px; letter-spacing: -0.025em; line-height: calc(42 / 26); font-weight: 600; }
._sub._artistView .flexbx .txtbx > dl{ font-size: 18px; letter-spacing: -0.025em; line-height: calc(29 / 18); }
._sub._artistView .flexbx .txtbx > dl dt{ color: #ffb09e; margin-top: 20px; }
._sub._artistView .flexbx .txtbx > dl dd{ color: #ffe7e2; font-weight: 500; }
._sub._artistView .flexbx .txtbx > dl dd b{ color: #fff; font-weight: 700; }

._sub._artistView .flexbx .p_bx{ min-height: 828px; }
._sub._artistView .flexbx .p_bx .txtbx{ color: #fff; line-height: calc(44 / 26); font-size: 26px; font-weight: 500; letter-spacing: -0.025em; position: relative; z-index: 1; }

._sub._artistView .flexbx .p_bx span{ background-color: #000; color: #fff; }
._sub._artistView .flexbx .p_bx::before{ background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0)); width: 100%; content: ''; height: 50%; position: absolute; bottom: 0; left: 0; z-index: 0; }
._sub._artistView .flexbx .p_bx .profile{ background-size: contain; background-position: center; background-repeat: no-repeat; width: 100%; position: absolute; top: 0; height: 100%; left: 0; z-index: -1; }
/* ._sub._artistView .flexbx .p_bx .profile::after{ content: ''; display: block; padding-bottom: calc(828 / 922 * 100%); } */

._sub._artistView .flexbx .t_bx{ background-color: #ff5400; color: #fff; }
._sub._artistView .flexbx .t_bx span{ background-color: #fff; color: #000; }


._sub._artistView .videoWrap{ width: 100%; border-radius: 18px; overflow: hidden; position: relative; box-sizing: border-box; background-color: #000; z-index: 1; margin-top: 20px; }
._sub._artistView .videoWrap::after{ content: ''; display: block; position: relative; padding-bottom: calc(965 / 1860 * 100%); width: 100%; z-index: -1; }
._sub._artistView .videoWrap iframe{ box-sizing: border-box; width: 100vw; min-height: 100%; min-width: 177.77vh; position: absolute; left: 50%; transform: translateX(-50%); }
._sub._artistView .videoWrap .vid_info{ position: absolute; left: 35px; bottom: 35px; border-radius: 12px; background-color: #000; color: #fff; width: calc(100% - 70px); padding: 20px 30px; box-sizing: border-box; display: flex; justify-content: space-between; z-index: 3; align-items: center; }
._sub._artistView .videoWrap .vid_info > dl{ width: 95%; }
._sub._artistView .videoWrap .vid_info > dl dt{ font-size: 22px; font-weight: 500; letter-spacing: -0.025em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
._sub._artistView .videoWrap .vid_info > dl dd{ font-size: 16px; letter-spacing: -0.025em; color: #929292; margin-top: 10px; }
._sub._artistView .videoWrap .vid_info > .icon{ flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 37px; height: 37px; border-radius: 50%; background-color: #ff3c00; font-size: 18px; }



@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {
	._sub._artistView .flexbx .p_bx .txtbx{font-size: 22px;}
}
@media screen and (max-width:1280px) {
	._sub._artistView .flexbx > div{padding: 50px 30px; }
	._sub._artistView .flexbx .p_bx{height: calc(650/1280*100vw); min-height: 500px;}
	._sub._artistView .flexbx .p_bx .txtbx{font-size: 18px;}
	._sub._artistView .flexbx .txtbx > h1{font-size: 22px;}
}
@media screen and (max-width:1024px) {
	._sub._artistView .flexbx .p_bx .txtbx{font-size: 16px;}
	._sub._artistView .flexbx .txtbx > h1{font-size: 20px;}
	._sub._artistView .flexbx .txtbx > dl{font-size: 16px;}
}
@media screen and (max-width:820px) {
	._sub._artistView{padding-bottom: 0;}

	._sub._artistView .flexbx{flex-direction: column;}
	._sub._artistView .flexbx > div{width: 100%;}
	._sub._artistView .flexbx .p_bx{margin-bottom: 20px;}

	._sub._artistView .flexbx .t_bx .txtbx:nth-of-type(1){margin-bottom: 40px;}
	._sub._artistView .flexbx .t_bx span{margin-bottom: 40px;}
}
@media screen and (max-width:500px) {

	._sub._artistView .flexbx .p_bx{min-height: 400px;}
	._sub._artistView .flexbx > div{padding: 30px 14px;}

	._sub._artistView .flexbx .p_bx .txtbx{font-size: 14px;}

	._sub._artistView .flexbx .txtbx > h1{font-size: 18px;}
	._sub._artistView .flexbx .txtbx > dl{font-size: 14px;}
}
@media screen and (max-width:320px) {
	._sub._artistView .flexbx .p_bx{min-height: 350px;}
}



/* 버튼 */
._sub._artistView .buttons {
    display: flex;
    justify-content: flex-end;
    margin-top: 15px;
	margin-left: auto;
	width: calc(50% - 7.5px);
}

._sub._artistView .buttons > a {
    padding: 20px 35px;
    box-sizing: border-box;
    display: flex;
    width: calc(50% - 7.5px);
    justify-content: flex-start;
    align-items: center;
    border-radius: 30px;
    font-size: 18px;
    letter-spacing: -0.025em;
    margin-left: 15px;
}
._sub._artistView .buttons > a:nth-of-type(1){margin-left: 0;}

._sub._artistView .buttons > a i {
    margin-right: 15px;
}

._sub._artistView .buttons > a.back {
    background-color: #000;
    color: #fff;
}

._sub._artistView .buttons > a.next {
    background-color: #fff;
    color: #000;
}
@media screen and (max-width:1024px) {
	._sub._artistView .buttons{ width: 100%;}
}
@media screen and (max-width:820px) {
	._sub._artistView .buttons > a{margin-left: 10px; width: calc(50% - 5px); padding: 14px 20px; font-size: 14px;}
}
@media screen and (max-width:500px) {}
@media screen and (max-width:320px) {}