.section{position: relative;text-align: center}
.section>.inner{position: relative;max-width: 750px;margin: 0 auto}
.section .copy{font-size: 14px;font-weight: 300;line-height: 24px;}
.section .title{font-size: 28px;;margin-bottom: 45px;}

.bg {width:100%;height:101%;position:fixed;left:0;top:0;z-index:1000;background:#000;opacity:0.8;filter:alpha(opacity=80);display:none;}

.top .top_bg {background: url('/_resource/images/studio/top_bg_audition.jpg') no-repeat top center;}
.top .inner{height: 280px;display: table;text-align: center;width: 100%;}
.top .inner h2{font-size: 36px;font-weight: 900;color: #fff;line-height: 44px;letter-spacing: 1px;text-align: center;display: table-cell;vertical-align: middle;padding-top: 64px}

.artist_area {padding-top:64px;}
.artist_area .inner {padding-bottom:80px;}
.artist_area .inner .tab_area {white-space:nowrap;/*overflow-x:auto;*/-webkit-overflow-scrolling:touch;position: relative;z-index: 1;margin:  0 auto 40px;}
.artist_area .inner .tab_area ul{padding: 0 14px}
.artist_area .inner .tab_area ul li{display: inline-block;height: 29px;margin: 0 10px ;position: relative}
.artist_area .inner .tab_area ul li:before{content: '/';position: absolute;left: -16px;font-size: 21px;top: -3px;color:#ccc;}
.artist_area .inner .tab_area ul li:first-child:before{display: none}
.artist_area .inner .tab_area ul li:last-child {margin-right:24px;}
.artist_area .inner .tab_area ul li a{position:relative;display: block;color:#999;font-size:20px;line-height:22px;letter-spacing:-0.4px;}
.artist_area .inner .tab_area ul li a:before{content: '';width: 100%;height: 2px;position: absolute; left: 0;bottom:-7px;opacity:0;
    background: linear-gradient(to right, #aa6bff 0%, #0081d1 100%);
}
.artist_area .inner .tab_area ul li a.active:before{opacity:1;}


.sns_box {width:100%;position:absolute;left:0;bottom:60px;font-size:0;text-align:center;}
.sns_box a {width:18px;display:inline-block;margin:0 8px;}



/*.interview_list {max-width:750px;box-sizing:border-box;position:relative;margin:0 20px;}*/
#artist .tab_list_area {margin: 48px auto 0}
#artist .tab_list_area.artist_list .clear_line {width: calc(100% - 48px);margin: 0 24px 26px;height: 1px;background: #e2e2e2}
.artist_area .artist_ul {max-width: 750px;min-width: 155px;margin: 0 auto;padding: 0 24px;display: inline-block;width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 200px;position: relative;}
.artist_area .artist_ul.complete {background:#fff;}
.artist_area .artist_ul:after {content:'';display:block;clear:both;}
.artist_area .artist_ul li {float: left;width: 47%;margin-left: 6%;margin-bottom: 30px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    transform: translateY(50px);
    visibility: hidden;
    opacity: 0;
}

.artist_area .artist_ul li:last-child {margin-bottom:30px;}
.artist_area .artist_ul li:nth-child(2n+1){margin-left: 0;}
.artist_area .artist_ul li:nth-last-child(2) {margin-bottom:30px;}

.artist_area .artist_ul li.active {
    transform: translateY(0px);
    visibility: visible;
    opacity: 1;
}
.artist_area .artist_ul li .img_box {position:relative;margin-bottom:15px;}
.artist_area .artist_ul li .img_box .img {width:100%;height:100%;border-radius:100%;overflow:hidden;display:block;position:relative;}
.artist_area .artist_ul li .img_box .img img{width: 100%}

.artist_area .artist_ul li .info {text-align:center;}
.artist_area .artist_ul li .info .position {position:relative;}
.artist_area .artist_ul li .info .name {font-size:16px;color:#222;}


.profile_wrap {overflow:hidden;}
.profile_wrap .profile_text_box {width:100%;}
.profile_wrap .profile_text_box .profile_name {font-size:28px;color:#222;line-height:28px;margin-bottom:30px;text-align:center;}
.profile_wrap .profile_text_box .profile_dl {overflow:hidden;font-size:0;margin-bottom:15px;color:#000;line-height:30px;position:relative;padding-left:90px;}
.profile_wrap .profile_text_box .profile_dl dt {position:absolute;left:0;top:0;font-size:14px;vertical-align:top;line-height:24px;max-width: 90px}
.profile_wrap .profile_text_box .profile_dl dd {font-size:14px;font-weight:300;line-height:24px;}
.profile_wrap .profile_text_box .profile_dl:last-child {margin-bottom:0;}

.profile_wrap .profile_img_box {width:215px;height:215px;margin:0 auto 30px;}


.video_title {font-size: 14px;margin-bottom: 20px;color: #000;font-weight: 300;line-height: 1}
.video_ul {overflow:hidden;}
.video_ul li{float: left;width: 90px;margin-left: 5px}
.video_ul li:first-child{margin-left: 0}
.video_ul li span{display: block;font-size: 12px;color: #000;font-weight: 300;padding-top: 10px}
.video_ul li a{display: block;position: relative;width: 100%;height: 100%}
.video_ul li a:before{content: '';position: absolute;background: url("../../images/common/teaser_img_on.png") no-repeat 0 0;width: 90px;height: 57px;background-size: contain;
    visibility: hidden;opacity: 0;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;z-index: 1}
#wrap.movie .video_ul li a:before{background-image: url("../../images/common/teaser_img_moive_on.png")}
#wrap.studio .video_ul li a:before{background-image: url("../../images/common/teaser_img_studio_on.png")}

.video_ul li.active a:before{visibility: visible;opacity: 1}
.video_ul li a:after{content: '';position: absolute;background: url("../../images/common/teaser_play.png") no-repeat 0 0;width: 90px;height: 57px;top: 0;left: 0;background-size: contain;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;z-index: 0;
}



.video_box {position:relative;margin-bottom:24px;}
.video_box iframe {width:100%;height:100%;position:absolute;left:0;top:0;}

.photo_ul {overflow:hidden;}
.photo_ul li {width:50%;float:left;box-sizing:border-box;margin-bottom:16px;}
.photo_ul li:nth-child(even) {padding-left:8px;}
.photo_ul li:nth-child(odd) {padding-right:8px;}

.photo_ul li .btn_photo {width:100%;height:100%;display:block;border: 1px solid rgba(0,0,0,.06);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.photo_ul li:nth-child(3n) {margin-right:0;}

.swiper-wrapper {white-space:nowrap;}
.swiper-container {width: 100%;margin-bottom:30px !important;}
.swiper-slide {width:106px !important;display:inline-block;margin:0 15px !important;}
.swiper-slide:first-child {margin-left:30px !important;}
.swiper-slide:last-child {margin-right:30px !important;}

.swiper-slide .img_box {position:relative;margin-bottom:20px;}
.swiper-slide .img_box .img {width:106px;height:106px;border-radius:106px;overflow:hidden;display:block;position:relative;}
.swiper-slide .img_box .img .more_text {
    width: 132px;padding-left:20px;height: 42px;line-height: 42px;font-size: 14px;border: 1px solid rgba(255,255,255,.5);color: #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    -moz-transform: translateY(3px);
    -webkit-transform: translateY(3px);
    -o-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);visibility: hidden;;opacity: 0;
    position: absolute;top: 94px;left: 0;right: 0;margin: 0 auto;
}
.swiper-slide .img_box .img:before {content:'';width:106px;height:106px;background:url('../../images/studio/thumb_layer.png')no-repeat 0;position:absolute;left:0;top:0;opacity:0;background-size:106px;
    -webkit-transition: all 0.5s ;
    -moz-transition: all 0.5s ;
    -o-transition: all 0.5s ;
    transition: all 0.5s ;
}

.swiper-slide .img_box .img:hover:before {opacity:1;}
.swiper-slide .img_box .img.active:before {opacity:1;}
.swiper-slide .img_box .img:hover .more_text {
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);visibility: visible;opacity: 1;
}

.swiper-slide .info {text-align:center;}
.swiper-slide .info .name {font-size:12px;color:#222;white-space: normal;line-height: 18px}

.detail_box {position:relative;display:none;padding:30px 24px;box-sizing:border-box;text-align:left;}
.detail_box.active {display:block;}
.detail_box .clear_line{width: 100%;height: 1px;background: rgba(0,0,0,.06);margin-top: 30px;}

.detail_tab {border-top:1px solid #ccc;border-bottom:1px solid #ccc;font-size:0;text-align:center;margin:0 24px;box-sizing:border-box;}
.detail_tab a {display:inline-block;font-size:14px;color:#adadad;margin:0 20px;line-height:50px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.detail_tab a.active {color:#333;}
.detail_tab a:first-child{margin-left: 0}
.detail_tab a:last-child{margin-right: 0}

.pop_photo {width:90%;position:absolute;left:50%;display:none;z-index:1001;transform:translateX(-50%);padding-top:50px;}
.pop_photo .pop_img {opacity:0;max-width:100%;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.pop_photo .pop_img.active {opacity:1;}
.pop_photo .pop_close {width:36px;height:36px;position:absolute;right:0;top:0;}

.btn_go_list {display: block;width: 120px;height: 36px;line-height: 36px;text-align: center;border: 1px solid rgba(0,0,0,.25);font-size: 12px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    margin: 0 auto;}
.sub_title{font-size: 28px;line-height: 39px;letter-spacing: -0.25px;margin-bottom: 20px}

/*Artist 동영상*/
#hereVidio{width:100%;height:0;position:relative;padding-top:56.25%;/*영상 비율 16:9로 지정*/}
#hereVidio > iframe{width:100%;height:100%;position:absolute;top:0;left:0;}