.aboutBody { overflow: hidden; }

.aboutArea { padding: 0 !important; background: #000; }
.aboutArea .section { position: relative; overflow: hidden; margin: 0 auto; background: #000; }
.aboutArea .section .mv { position: relative; min-height: 100vh; text-align: center; }
.aboutArea .section .mv video { position: absolute; left: 50%; top: 0; opacity: 0; height: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.aboutArea .section:not(.load) .mv { position: fixed; left: 0; top: 80px; right: 0; bottom: 0; text-align: center; }
.aboutArea .section.on { z-index: 1; }
.aboutArea .section.on video { opacity: 1; }
.aboutArea .section:not(.load):before { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.aboutArea .section .content { position: absolute; top: 50%; left: 50%; width: 100%; max-width: 1200px; margin: 0 auto; }
.aboutArea .section .content:after { content: ""; display: block; clear: both; }
.aboutArea .section.load .icon { opacity: 0; position: fixed; left: 50%; bottom: 50px; margin-left: -14px; -webkit-animation: opacity 1s cubic-bezier(0, 0, 1, 1) 1.5s both; animation: opacity 1s cubic-bezier(0, 0, 1, 1) 1.5s both; }
.aboutArea .section.intro:before { background: url(/static/images/about/about_end2.jpg) no-repeat 50% 0; background-size: auto 100%; }
.aboutArea .section.intro h2 { float: left; margin-top: -8px; font: 700 166px/149px 'SpoqaHanSansNeo'; color: #fff; }
.aboutArea .section.intro h2 strong { display: block; }
.aboutArea .section.intro h2 strong:nth-child(1) span span { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.aboutArea .section.intro h2 strong:nth-child(2) span span { -webkit-animation-delay: 1s; animation-delay: 1s; }
.aboutArea .section.intro h2 strong:nth-child(3) span span { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
.aboutArea .section.intro h2 strong:nth-child(4) span span { -webkit-animation-delay: 2s; animation-delay: 2s; }
.aboutArea .section.intro h2 strong:nth-child(5) span span { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; }
.aboutArea .section.intro h2 strong:nth-child(6) span span { -webkit-animation-delay: 3s; animation-delay: 3s; }
.aboutArea .section.intro h2 strong:nth-child(7) span span { -webkit-animation-delay: 3.5s; animation-delay: 3.5s; }
.aboutArea .section.intro h2 strong:nth-child(8) span span { -webkit-animation-delay: 4s; animation-delay: 4s; }
.aboutArea .section.intro h2 strong:nth-child(9) span span { -webkit-animation-delay: 4.5s; animation-delay: 4.5s; }
.aboutArea .section.intro h2 strong:nth-child(10) span span { -webkit-animation-delay: 5s; animation-delay: 5s; }
.aboutArea .section.intro .text { float: right; width: 410px; padding-right: 30px; }
.aboutArea .section.intro .text p { opacity: 0; -webkit-transform: translateY(80px); transform: translateY(80px); -webkit-transition: all 1s cubic-bezier(0.16, 1, 0.3, 1); transition: all 1s cubic-bezier(0.16, 1, 0.3, 1); font-size: 24px; line-height: 38px; font-weight: 500; color: #fff; }
.aboutArea .section.intro .text p + p { margin-top: 40px; }
.aboutArea .section.intro .content.show .text p { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.aboutArea .section.investor:before { background: url(/static/images/about/about_end3.jpg) no-repeat 50% 0; background-size: auto 100%; }
.aboutArea .section.investor ul { width: 900px; margin: 0 auto; padding: 0 21px; }
.aboutArea .section.investor ul li { position: relative; float: left; width: 450px; padding: 0 56px; margin-right: -21px; }
.aboutArea .section.investor ul li + li { margin-right: 0; margin-left: -21px; }
.aboutArea .section.investor ul li .logo { overflow: hidden; height: 450px; text-indent: 100%; white-space: nowrap; opacity: 0; -webkit-transition: all 1s cubic-bezier(0.16, 1, 0.3, 1); transition: all 1s cubic-bezier(0.16, 1, 0.3, 1); -webkit-transition-delay: .5s; transition-delay: .5s; }
.aboutArea .section.investor ul li .logo.cjenm { background: url(/static/images/about/logo_cjenm.png) no-repeat 50% 50%; -webkit-transform: translateX(-80px); transform: translateX(-80px); }
.aboutArea .section.investor ul li .logo.bighit { background: url(/static/images/about/logo_hybe.png) no-repeat 50% 50%; -webkit-transform: translateX(80px); transform: translateX(80px); }
.aboutArea .section.investor ul li .tit { margin-top: 60px; font: 400 18px/1rem 'SpoqaHanSansNeo'; color: #fff; opacity: 0; -webkit-transform: translateY(80px); transform: translateY(80px); -webkit-transition: all 1s cubic-bezier(0.16, 1, 0.3, 1); transition: all 1s cubic-bezier(0.16, 1, 0.3, 1); -webkit-transition-delay: 1.3s; transition-delay: 1.3s; }
.aboutArea .section.investor ul li .text { margin-top: 20px; opacity: 0; -webkit-transform: translateY(80px); transform: translateY(80px); -webkit-transition: all 1s cubic-bezier(0.16, 1, 0.3, 1); transition: all 1s cubic-bezier(0.16, 1, 0.3, 1); -webkit-transition-delay: 1.5s; transition-delay: 1.5s; }
.aboutArea .section.investor ul li .text p { font-weight: 500; font-size: 18px; line-height: 30px; color: #fff; }
.aboutArea .section.investor ul li .text p + p { margin-top: 10px; }
.aboutArea .section.investor ul li + li .text { margin-right: -60px; }
.aboutArea .section.investor ul li .frame { position: absolute; left: 0; top: 0; width: 450px; height: 450px; }
.aboutArea .section.investor ul li .frame:before { opacity: 0; content: ""; position: absolute; left: 0; top: 0; width: 450px; height: 450px; background: url(/static/images/about/frame_circle.png) no-repeat 0 0; }
.aboutArea .section.investor ul li .frame.frame2:before, .aboutArea .section.investor ul li .frame.frame2 canvas { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.aboutArea .section.investor ul li .frame.on canvas { opacity: 0; }
.aboutArea .section.investor ul li .frame.on:before { opacity: 1; }
.aboutArea .section.investor ul:after { content: ""; display: block; clear: both; }
.aboutArea .section.investor .content.show .tit { opacity: .6 !important; }
.aboutArea .section.investor .content.show .logo.cjenm, .aboutArea .section.investor .content.show .logo.bighit { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
.aboutArea .section.investor .content.show .tit, .aboutArea .section.investor .content.show .text { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.aboutArea .section.recruit:before { background: url(/static/images/about/about_end4.jpg) no-repeat 50% 0; background-size: auto 100%; }
.aboutArea .section.recruit h2 { font: 700 166px/149px 'SpoqaHanSansNeo'; color: #fff; }
.aboutArea .section.recruit h2:nth-child(1) span span { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.aboutArea .section.recruit h2:nth-child(2) span span { -webkit-animation-delay: 1s; animation-delay: 1s; }
.aboutArea .section.recruit h2:nth-child(3) span span { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
.aboutArea .section.recruit h2:nth-child(4) span span { -webkit-animation-delay: 2s; animation-delay: 2s; }
.aboutArea .section.recruit h2:nth-child(5) span span { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; }
.aboutArea .section.recruit h2:nth-child(6) span span { -webkit-animation-delay: 3s; animation-delay: 3s; }
.aboutArea .section.recruit h2:nth-child(7) span span { -webkit-animation-delay: 3.5s; animation-delay: 3.5s; }
.aboutArea .section.recruit h2:nth-child(8) span span { -webkit-animation-delay: 4s; animation-delay: 4s; }
.aboutArea .section.recruit h2:nth-child(9) span span { -webkit-animation-delay: 4.5s; animation-delay: 4.5s; }
.aboutArea .section.recruit h2:nth-child(10) span span { -webkit-animation-delay: 5s; animation-delay: 5s; }
.aboutArea .section.recruit .text { width: 800px; margin-top: 20px; opacity: 0; -webkit-transform: translateY(80px); transform: translateY(80px); -webkit-transition: all 1s cubic-bezier(0.16, 1, 0.3, 1); transition: all 1s cubic-bezier(0.16, 1, 0.3, 1); -webkit-transition-delay: .5s; transition-delay: .5s; }
.aboutArea .section.recruit .text p { font-weight: 500; font-size: 18px; line-height: 30px; color: #fff; }
.aboutArea .section.recruit .text p + p { margin-top: 10px; }
.aboutArea .section.recruit .btn { overflow: hidden; margin-top: 40px; }
.aboutArea .section.recruit .btn li { float: left; margin-right: 17px; }
.aboutArea .section.recruit .btn li a { position: relative; display: block; width: 98px; height: 112px; text-align: center; font-size: 18px; font-weight: 500; line-height: 112px; color: #fff; -webkit-transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1); transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1); }
.aboutArea .section.recruit .btn li a:before { content: ""; position: absolute; left: 50%; top: 50%; z-index: -1; width: 0; height: 0; background: url(/static/images/about/bg_btn.png) no-repeat 50% 50%; background-size: 100%; -webkit-transition: all .5s; transition: all .5s; -webkit-transition-delay: .8s; transition-delay: .8s; }
.aboutArea .section.recruit .btn li a span { opacity: 0; -webkit-transition: all .5s; transition: all .5s; -webkit-transition-delay: 1s; transition-delay: 1s; }
.aboutArea .section.recruit .btn li.typeB a { color: #ff5000; }
.aboutArea .section.recruit .btn li.typeB a:before { background-image: url(/static/images/about/bg_btn2.png); }
.aboutArea .section.recruit .content.show .text { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.aboutArea .section.recruit .content.show .btn li a:before { width: 98px; height: 112px; left: 0; top: 0; }
.aboutArea .section.recruit .content.show .btn li a span { opacity: 1; }
.aboutArea .section.noVideo video { display: none; }
.aboutArea .section.noVideo:before { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: all 1.5s cubic-bezier(0, 0.93, 0.14, 0.92); transition: all 1.5s cubic-bezier(0, 0.93, 0.14, 0.92); -webkit-transition-delay: .5s; transition-delay: .5s; }
.aboutArea.noFix .section .mv { position: absolute; top: 0; }

.profileHead .visual { overflow: hidden; position: relative; max-height: 880px; text-align: center; }
.profileHead .visual .isPc { display: inline-block; }
.profileHead .visual .bg1, .profileHead .visual .bg2 { display: inline-block; position: absolute; left: 0; top: 0; bottom: 0; width: 0; background: #fff; -webkit-transition: all 1s cubic-bezier(0.16, 1, 0.3, 1); transition: all 1s cubic-bezier(0.16, 1, 0.3, 1); }
.profileHead .visual .bg2 { right: 0; left: initial; }
.profileHead .visual:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 0; background: #fff; -webkit-transition: all 1s cubic-bezier(0.16, 1, 0.3, 1); transition: all 1s cubic-bezier(0.16, 1, 0.3, 1); }
.profileHead h1 { padding: 130px 0 20px; text-align: center; }
.profileHead .info { overflow: hidden; max-width: 1200px; margin: 0 auto; padding-bottom: 140px; }
.profileHead .info .fl, .profileHead .info .fr { width: 50%; }
.profileHead .info .tit { margin: 100px 0 40px; font-weight: 700; font-size: 25px; line-height: 1em; font-family: 'SpoqaHanSansNeo'}
.profileHead .info .cont { font-weight: 700; font-size: 46px; }
.profileHead .info .intro { clear: both; padding-top: 100px; font-size: 20px; line-height: 1.8em; }
.profileHead .info li { position: relative; padding-left: 14px; font-weight: 700; font-size: 22px; line-height: 2em; }
.profileHead .info li:before { content: "-"; position: absolute; left: 0; top: 0; }
.profileHead .info .focus { opacity: 0; -webkit-transform: translateY(80px); transform: translateY(80px); }
.profileHead.scroll .visual:before { height: 160px; }

.profileList { padding: 40px 0 130px; margin-bottom: -130px; }
.profileList ul { max-width: 1260px; margin: 0 auto; text-align: center; }
.profileList ul li { opacity: 0; position: relative; overflow: hidden; display: inline-block; width: 280px; padding: 0 30px 40px 0; margin-left: 30px; vertical-align: top; }
.profileList ul li a { display: block; overflow: hidden; }
.profileList ul li a img { width: 100%; -webkit-transition: all .5s; transition: all .5s; }
.profileList ul li .name { position: absolute; left: 30px; right: 0; bottom: 0; padding: 20px 10px 20px 20px; text-align: left; font-size: 18px; line-height: 1em; }
.profileList ul li .name strong { display: block; margin-bottom: 10px; font-size: 35px; line-height: 1em; font-weight: 500; }
.profileList ul li a:hover img, .profileList ul li a:focus img { width: calc(100% + 18px); margin: -9px; }
.profileList ul li.focus.show { margin-top: 80px; }
.profileList ul li.focus.show:nth-child(2n) { margin-top: 160px; }
.profileList ul li:nth-child(2) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.profileList ul li:nth-child(4) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }
.profileList ul li:nth-child(6) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
.profileList ul li:nth-child(8) { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }
.profileList ul li:nth-child(10) { -webkit-transition-delay: 1s; transition-delay: 1s; }
.profileList ul li:nth-child(12) { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; }
.profileList ul li:nth-child(14) { -webkit-transition-delay: 1.4s; transition-delay: 1.4s; }
.profileList ul li:nth-child(16) { -webkit-transition-delay: 1.6s; transition-delay: 1.6s; }
.profileList ul li:nth-child(18) { -webkit-transition-delay: 1.8s; transition-delay: 1.8s; }
.profileList ul li:nth-child(20) { -webkit-transition-delay: 2s; transition-delay: 2s; }
.profileList ul + ul li { margin-top: 160px; }
.profileList.show li { opacity: 0 !important; }

.detailSrmy { opacity: 0; position: fixed; }
.detailSrmy.show { opacity: 1; }

.photoLayer { opacity: 0; display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 20; -webkit-transition: opacity .5s; transition: opacity .5s; }
.photoLayer > .wrap { position: relative; max-width: 1165px; margin: 0 auto; }
.photoLayer .slide { text-align: center; }
.photoLayer .slide li { display: table; }
.photoLayer .slide li .wrap { display: table-cell; vertical-align: middle; padding: 30px 0; }
.photoLayer .slide li .wrap .wrap2 { position: relative; display: inline-block; padding: 0 50px; }
.photoLayer .slide li .wrap .wrap2 img { max-width: 1065px; max-height: 1065px; }
.photoLayer .slide li .wrap .wrap2 .name { position: absolute; left: 25px; top: -25px; z-index: 20; font-size: 24px; line-height: 1em; opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); -webkit-animation: showY 1.5s cubic-bezier(0.16, 1, 0.3, 1) 0.5s both; animation: showY 1.5s cubic-bezier(0.16, 1, 0.3, 1) 0.5s both; }
.photoLayer .slide li .wrap .wrap2 .name strong { display: block; margin-bottom: 10px; font-size: 80px; line-height: 1em; font-weight: 500; }
.photoLayer .slide li .wrap .wrap2 .down { position: absolute; left: 120px; bottom: 20px; opacity: 0; -webkit-animation: opacity 1.5s cubic-bezier(0.16, 1, 0.3, 1) 1s both; animation: opacity 1.5s cubic-bezier(0.16, 1, 0.3, 1) 1s both; }
.photoLayer .slide li .wrap .wrap2 .down.swipe { -webkit-animation-delay: .5s; animation-delay: .5s; }
.photoLayer .prev, .photoLayer .next { opacity: 0; position: absolute; top: 50%; z-index: 20; display: inline-block; overflow: hidden; width: 27px; height: 52px; text-indent: 27px; white-space: nowrap; -webkit-transition: all .5s; transition: all .5s; background: url(/static/images/common/icon_page3.png) no-repeat 0 0; -webkit-animation: opacity 1.5s cubic-bezier(0.16, 1, 0.3, 1) 1s both; animation: opacity 1.5s cubic-bezier(0.16, 1, 0.3, 1) 1s both; }
.photoLayer .prev.swiper-button-disabled, .photoLayer .next.swiper-button-disabled { opacity: .3 !important; }
.photoLayer .prev { left: 0; }
.photoLayer .next { right: 0; background-position-y: 100%; }
.photoLayer .closeBtn { position: absolute; right: 0; top: 20px; z-index: 20; opacity: 0; -webkit-animation: opacity 1.5s cubic-bezier(0.16, 1, 0.3, 1) 1s both; animation: opacity 1.5s cubic-bezier(0.16, 1, 0.3, 1) 1s both; }
.photoLayer .closeBtn button { overflow: hidden; display: block; width: 30px; height: 31px; text-indent: -10000px; background: url(/static/images/common/btn_close.png) no-repeat 0 0; }
.photoLayer.show { opacity: 1; }
.photoLayer.discoPhoto { z-index: 30; }
.photoLayer.discoPhoto .thumb { text-align: center; }
.photoLayer.discoPhoto .thumb img { max-width: 1065px; }
.photoLayer.discoPhoto.show:before { content: ""; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); }

.discoHead * {
  font-style: normal;
}

.discoHead { position: relative; padding-top: 50px; text-align: center; background-repeat: no-repeat; background-position: 50% 0; }
.discoHead h1 { position: inherit; padding-bottom: 50px;  font-size: 110px; font-weight: 700 }
.discoHead .thumb { position: relative; z-index: 1; display: inline-block; -webkit-box-shadow: 5px 5px 20px 5px rgba(0, 0, 0, 0.1); box-shadow: 5px 5px 20px 5px rgba(0, 0, 0, 0.1); opacity: 0; -webkit-transform: translateY(80px); transform: translateY(80px); -webkit-animation: showY 0s cubic-bezier(0.16, 1, 0.3, 1) 0s both;  }
.discoHead .thumb a { position: relative; display: block; }
.discoHead .thumb a img { width: 460px; }
.discoHead .thumb a .tit { opacity: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; padding-top: 190px; text-align: center; color: #fff; font: 700 20px 'SpoqaHanSansNeo'; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all .3s; transition: all .3s; }
.discoHead .thumb a .tit span { opacity: .6; }
.discoHead .thumb a .tit strong { display: block; font-size: 34px; }
.discoHead .thumb a:before { opacity: 0; z-index: 1; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #000; -webkit-transition: all .5s; transition: all .5s; }
.discoHead .thumb a:hover .tit, .discoHead .thumb a:focus .tit { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.discoHead .thumb a:hover:before, .discoHead .thumb a:focus:before { opacity: .45; }
.discoHead.hidden h1 { opacity: 0; }
.discoHead:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 170px; background: #fff; }

#wrapper.fix .discoHead { background-attachment: fixed; background-position-y: 70px; }
/*#wrapper.fix .discoHead h1 { position: fixed; top: 70px; }*/

.discoList { padding-top: 80px; }
.discoList ul { overflow: hidden; max-width: 1224px; margin: 0 auto; text-align: center}
.discoList ul li { display: inline-block; width: 40%; margin-top: 24px; padding: 0 24px; }
.discoList ul li a { position: relative; display: block; overflow: hidden; }
.discoList ul li a img { -webkit-transition: all 1s cubic-bezier(0.16, 1, 0.3, 1); transition: all 1s cubic-bezier(0.16, 1, 0.3, 1); }
.discoList ul li a .tit { opacity: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; padding-top: 160px; text-align: center; color: #fff; font: 700 16px 'SpoqaHanSansNeo'; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all .3s; transition: all .3s; }
.discoList ul li a .tit span { opacity: .6; }
.discoList ul li a .tit strong { display: block; font-size: 20px; }
.discoList ul li a:before { opacity: 0; z-index: 1; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #000; -webkit-transition: all .5s; transition: all .5s; }
.discoList ul li a:hover img, .discoList ul li a:focus img { -webkit-transform: scale(1.04); transform: scale(1.04); }
.discoList ul li a:hover .tit, .discoList ul li a:focus .tit { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.discoList ul li a:hover:before, .discoList ul li a:focus:before { opacity: .45; }

.discoIntro { padding: 100px 0 100px; text-align: center; background-repeat: no-repeat; background-position: 50% 0; }
.discoIntro h1 .cover { overflow: hidden; font: 700 23px 'SpoqaHanSansNeo'; }
.discoIntro h1 .cover .focus { display: block; -webkit-transform: translateY(100%); transform: translateY(100%); }
.discoIntro h1 .cover span { line-height: 1em; }
.discoIntro h1 .cover strong { margin-top: 15px; font-size: 110px; -webkit-transition-delay: .2s; transition-delay: .2s; }
.discoIntro .thumb { opacity: 0; margin: 40px 0 60px; display: inline-block; -webkit-box-shadow: 5px 5px 20px 5px rgba(0, 0, 0, 0.1); box-shadow: 5px 5px 20px 5px rgba(0, 0, 0, 0.1); -webkit-transform: translateY(80px); transform: translateY(80px); -webkit-transition-delay: 1s; transition-delay: 1s; }
.discoIntro .thumb img { width: 460px; }
.discoIntro .text { opacity: 0; max-width: 1200px; margin: 0 auto; font-size: 17px; line-height: 1.75em; -webkit-transform: translateY(80px); transform: translateY(80px); }

.videoArea { padding: 100px 0 100px; text-align: center; }
/*.videoArea h2 { height: 80px; font: 700 100px/80px 'Noto'; }*/
.videoArea h2 { height: 80px; font-weight:  700; font-size: 100px;}
.videoArea .list { display: block !important; width: 1030px; margin: 50px auto; font-size: 0; text-align: center; }
.videoArea .list li { opacity: .4; display: inline-block; width: auto; margin: 28px 40px 0; font-size: 20px; font-weight: 700; color: inherit; }
.videoArea .list li a { color: inherit; }
.videoArea .list li.on { opacity: 1; }
.videoArea .mvArea { max-width: 1200px; margin: 0 auto; }
.videoArea .mvArea .wrap { position: relative; padding-top: 56.25%; }
.videoArea .mvArea .wrap .poster { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.videoArea .mvArea .wrap .poster > img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.videoArea .mvArea .wrap .poster .btn { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); overflow: hidden; position: absolute; left: 50%; top: 50%; z-index: 1; margin: -70px 0 0 -70px; width: 140px; height: 140px; border: 2px solid rgba(255, 255, 255, 0.6); border-radius: 50%; text-indent: 140px; white-space: nowrap; -webkit-transition: all .3s; transition: all .3s; }
.videoArea .mvArea .wrap .poster .btn:before { content: ""; position: absolute; left: 50%; top: 50%; width: 32px; height: 36px; margin: -18px 0 0 -16px; background: url(/static/images/common/btn_play.png) no-repeat 0 0; }
.videoArea .mvArea .wrap .poster .btn:hover { border-color: white; }
.videoArea .mvArea .wrap .mv { display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; }
.videoArea .mvArea .wrap .mv iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.photoArea { padding: 100px 0 100px 150px; }
/*.photoArea h2 { height: 130px; font: 700 100px/80px 'Noto'; }*/
.photoArea h2 { height: 130px;  font-weight: 700; font-size: 100px}
.photoArea .content { position: relative; }
/*.photoArea .content h3 { overflow: hidden; margin-bottom: 60px; font: 700 48px/36px 'Noto'; }*/
.photoArea .content h3 { overflow: hidden; margin-bottom: 60px; font-size: 48px; font-weight: 700; }
/*.photoArea .content h3 span { display: inline-block; -webkit-transform: translateY(100%); transform: translateY(100%); }*/
.photoArea .content .list { float: left; width: 420px; }
.photoArea .content .list li { position: relative; margin-left: 10px; font: 700 18px/1em 'SpoqaHanSansNeo'; color: inherit; }
.photoArea .content .list li a { color: inherit; opacity: .4; -webkit-transition: all .3s; transition: all .3s; }
.photoArea .content .list li a:before { content: ""; position: absolute; left: 0; top: 50%; width: 0; height: 2px; margin-top: -1px; background: #fff; -webkit-transition: all .3s; transition: all .3s; }
.photoArea .content .list li + li { margin-top: 40px; }
.photoArea .content .list li.on a, .photoArea .content .list li a:hover, .photoArea .content .list li a:focus { opacity: 1; padding-left: 40px; }
.photoArea .content .list li.on a:before, .photoArea .content .list li a:hover:before, .photoArea .content .list li a:focus:before { width: 24px; }
.photoArea .content .photoSlide { display: none; float: right; overflow: hidden; width: calc(100% - 430px); }
.photoArea .content .photoSlide h4 { display: none; }
.photoArea .content .photoSlide li { width: auto !important; margin-right: 25px; max-height: 580px; }
.photoArea .content .photoSlide li img { max-height: 580px; }
.photoArea .content .photoSlide.on { display: block; }
.photoArea .content .photoSlide .controls { opacity: 0; position: absolute; right: 35px; top: 0; -webkit-transition: all .3s; transition: all .3s; }
.photoArea .content .photoSlide .controls .prev, .photoArea .content .photoSlide .controls .next { position: relative; overflow: hidden; float: left; width: 19px; height: 70px; text-indent: 19px; white-space: nowrap; }
.photoArea .content .photoSlide .controls .prev:before, .photoArea .content .photoSlide .controls .prev:after, .photoArea .content .photoSlide .controls .next:before, .photoArea .content .photoSlide .controls .next:after { content: ""; position: absolute; top: 50%; width: 25px; height: 2px; background: #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0; transform-origin: 0; }
.photoArea .content .photoSlide .controls .prev:after, .photoArea .content .photoSlide .controls .next:after { margin-top: -1px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.photoArea .content .photoSlide .controls .prev.swiper-button-disabled, .photoArea .content .photoSlide .controls .next.swiper-button-disabled { opacity: .4; }
.photoArea .content .photoSlide .controls .prev:before, .photoArea .content .photoSlide .controls .prev:after { left: 0; }
.photoArea .content .photoSlide .controls .next:before, .photoArea .content .photoSlide .controls .next:after { right: 0; margin-top: -1px; -webkit-transform-origin: 100%; transform-origin: 100%; }
.photoArea .content .photoSlide .controls .next:after { margin-top: 0; }
.photoArea .content .photoSlide .controls .next { background-position-y: 100%; }
/*.photoArea .content .photoSlide .controls .page { float: left; width: 185px; padding-right: 30px; text-align: right; font: 700 48px/36px 'Noto'; }*/
.photoArea .content .photoSlide .controls .page { float: left; width: 185px; padding-right: 30px; text-align: right; font-weight: 700; font-size: 48px; }
.photoArea .content .photoSlide .controls .page strong { display: inline-block; }
/*.photoArea .content .photoSlide .controls .page strong span { display: inline-block; -webkit-transform: translateY(100%); transform: translateY(100%); }*/
/*.photoArea .content .photoSlide .controls .page strong span.show { -webkit-animation: textMotion2 0.5s both cubic-bezier(0.16, 1, 0.3, 1); animation: textMotion2 0.5s both cubic-bezier(0.16, 1, 0.3, 1); }*/
.photoArea .content .photoSlide .controls .page .total { opacity: .4; }
.photoArea .content .photoSlide .controls.show { opacity: 1; }
.photoArea .content:after { content: ""; display: block; clear: both; }
/*.photoArea.focus.show .content h3 span { -webkit-animation: showY 1s cubic-bezier(0.16, 1, 0.3, 1) 0.5s both; animation: showY 1s cubic-bezier(0.16, 1, 0.3, 1) 0.5s both; }*/
/*.photoArea.focus.show .content h3 span { -webkit-animation: showY 1s cubic-bezier(0.16, 1, 0.3, 1) 0.5s both; animation: showY 1s cubic-bezier(0.16, 1, 0.3, 1) 0.5s both; }*/
/*.photoArea:last-child { margin-bottom: -130px; }*/

.trackArea { padding: 100px 0 0; }
.trackArea h2 { height: 95px; text-align: center; font-weight: 700; font-size: 100px}
.trackArea .listArea { overflow: hidden; max-width: 1600px; padding: 0 150px 100px; margin: 0 auto; font-size: 0; }
/*.trackArea .listArea .list { display: inline-block; width: 50%; padding-left: 80px; margin: 80px auto 0; vertical-align: top; }*/
.trackArea .listArea .list { display: inline-block; padding-left: 80px; margin: 80px auto 0; vertical-align: top; }
.trackArea .listArea .list h3 { margin-bottom: 40px; padding-left: 65px; text-align: left; color: inherit; font: 700 42px/34px 'SpoqaHanSansNeo'; }
.trackArea .listArea .list li { overflow: hidden; position: relative; text-align: left; color: inherit; }
.trackArea .listArea .list li p { padding-left: 65px; -webkit-transform: translateY(100%); transform: translateY(100%); color: inherit; font: 700 20px 'SpoqaHanSansNeo'; }
.trackArea .listArea .list li p .num, .trackArea .listArea .list li p .time { position: relative; display: inline-block; vertical-align: top; }
.trackArea .listArea .list li p .time { opacity: .6; }
.trackArea .listArea .list li p strong { display: inline-block; margin: 0 15px 0 25px; vertical-align: top; }
.trackArea .listArea .list li.title em { position: absolute; left: 0; top: 0; }
.trackArea .listArea .list li + li { margin-top: 25px; }
.trackArea .listArea .list:only-child h3 { display: none; }
.trackArea .listArea.only { text-align: center; }
.trackArea .channel { overflow: hidden; height: 50px; padding-top: 12px; text-align: center; background: rgba(0, 0, 0, 0.3); }
.trackArea .channel li { position: relative; display: inline-block; height: 25px; padding: 0 20px 0 21px; line-height: 25px; }
.trackArea .channel li a { position: relative; display: inline-block; padding-left: 32px; color: #e0e0e0; font-size: 12px; font-weight: 600 }
.trackArea .channel li a:before { content: ""; position: absolute; left: 0; top: 0; width: 25px; height: 25px; background: url(/static/images/common/icon_channel.png) no-repeat 0 0; }
.trackArea .channel li a.melon:before { background-position-y: 0px; }
.trackArea .channel li a.flo:before { background-position-y: -25px; }
.trackArea .channel li a.genie:before { background-position-y: -50px; }
.trackArea .channel li a.bugs:before { background-position-y: -75px; }
.trackArea .channel li a.apple:before { background-position-y: -100px; }
.trackArea .channel li a.spotify:before { background-position-y: -125px; }
.trackArea .channel li a.amazon:before { background-position-y: -150px; }
.trackArea .channel li a.youtube:before { background-position-y: -175px; }
.trackArea .channel li a.vibe:before { background-position-y: -200px; }
.trackArea .channel li + li:before { content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 12px; margin-top: -6px; background: #9a9dae; }
.trackArea.focus.show .list li p { -webkit-animation: showY 0s cubic-bezier(0, 0, 0, 0) 0s both; animation: showY 0s cubic-bezier(0, 0, 0, 0) 0s both; }

.schedule { max-width: 1200px; margin: 0 auto; }
.schedule h1 { padding: 70px 0 80px; }
.schedule h1 img { max-width: 500px; max-height: 120px; }
/*.schedule h1 strong { display: block; margin-top: 55px; font: 700 110px/86px 'Noto'; }*/
.schedule h1 strong { display: block; margin-top: 55px; font-size: 110px; font-weight: 700 }
.schedule .control { overflow: hidden; margin-bottom: 50px; }
.schedule .control .prev, .schedule .control .next { overflow: hidden; float: left; width: 12px; height: 21px; margin-top: 31px; text-indent: 12px; white-space: nowrap; background: url(/static/images/common/icon_page.png) no-repeat 0 0; }
.schedule .control .next { background-position-y: 100%; }
/*.schedule .control .date { float: left; width: 278px; margin: 0 8px; text-align: center; font: 700 56px/44px 'Noto'; }*/
.schedule .control .date { float: left; width: 278px; margin: 0 8px; text-align: center; font-size: 56px; font-weight: 700 }
.schedule .list { width: 100%; border-bottom: 4px solid #000; }
.schedule .list li { opacity: 0; position: relative; padding: 25px 40px 25px 280px; border-top: 4px solid #000; -webkit-animation: opacity .1s linear 0s 1 normal both; animation: opacity .1s linear 0s 1 normal both; }
.schedule .list li .date { position: absolute; left: 40px; top: 45px; }
.schedule .list li .date strong { font-size: 38px; line-height: 30px; vertical-align: middle; }
.schedule .list li .date span { position: relative; display: inline-block; margin: 0 0 -4px 16px; font-size: 18px; line-height: 30px; vertical-align: middle; }
.schedule .list li .cont { position: relative; padding-left: 60px; font-size: 18px; line-height: 1em; color: #666; }
.schedule .list li .cont .type { color: #B4000F; font-weight: 700; font-size: 15px; }
.schedule .list li .cont strong { display: block; margin: 12px 0 7px; font-size: 22px; font-weight: 500; color: #000; }
.schedule .list li.none { padding: 180px 0; text-align: center; }
.schedule .list li.none img { opacity: .2; }
.schedule .list li.rowspan { border-top: 0; padding-top: 0; }
.schedule .list li:nth-child(1) { -webkit-animation-delay: 0.05s; animation-delay: 0.05s; }
.schedule .list li:nth-child(2) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }
.schedule .list li:nth-child(3) { -webkit-animation-delay: 0.15s; animation-delay: 0.15s; }
.schedule .list li:nth-child(4) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
.schedule .list li:nth-child(5) { -webkit-animation-delay: 0.25s; animation-delay: 0.25s; }
.schedule .list li:nth-child(6) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }
.schedule .list li:nth-child(7) { -webkit-animation-delay: 0.35s; animation-delay: 0.35s; }
.schedule .list li:nth-child(8) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }
.schedule .list li:nth-child(9) { -webkit-animation-delay: 0.45s; animation-delay: 0.45s; }
.schedule .list li:nth-child(10) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

.auditionArea { background: #000 url(/static/images/audition/bg.png) fixed no-repeat 50% 0; }
.auditionArea .wrap { max-width: 1200px; margin: 0 auto; padding-top: 140px; }
/*.auditionArea .wrap h1 { height: 120px; font: 700 140px/120px 'Helvetica'; color: #fff; letter-spacing: -1px; }*/
.auditionArea .wrap h1 { height: 120px; font: 700 80px/70px 'SpoqaHanSansNeo'; color: #fff; letter-spacing: -1px; }
.auditionArea .wrap .coming { opacity: 0; margin-top: 50px; padding-bottom: 200px; -webkit-transition-delay: .2s; transition-delay: .2s; -webkit-transition-duration: 1.5s; transition-duration: 1.5s; }
.auditionArea .wrap .srmy > li { position: relative; float: left; width: 50%; padding-left: 23px; padding-right: 50px; margin-top: 120px; font-size: 18px; color: #fff; font-weight: 300; }
.auditionArea .wrap .srmy > li > strong { display: block; margin-bottom: 15px; color: #ff5000; font-size: 22px; line-height: 1em; font-weight: 500; }
.auditionArea .wrap .srmy > li:before { content: ""; position: absolute; left: 0; top: 3px; width: 13px; height: 14px; background: url(/static/images/common/blt1.png) no-repeat 0 0; }
.auditionArea .wrap .srmy > li.step { width: 100%; }
.auditionArea .wrap .srmy > li.step li { position: relative; float: left; display: table; table-layout: fixed; width: 240px; height: 240px; margin-right: -10px; }
.auditionArea .wrap .srmy > li.step li p { position: relative; z-index: 1; display: table-cell; width: 240px; height: 240px; padding: 0 25px; text-align: center; vertical-align: middle; color: #fff; font-size: 16px; font-weight: 300; }
.auditionArea .wrap .srmy > li.step li p strong { display: block; margin-bottom: 10px; font-size: 18px; font-weight: 400; text-decoration: underline; }
.auditionArea .wrap .srmy > li.step li:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 100%; background: rgba(104, 104, 104, 0.4); }
.auditionArea .wrap .srmy > li.step li.last { float: right; margin: 0; }
.auditionArea .wrap .srmy > li.step li.last p { color: #000; }
.auditionArea .wrap .srmy > li.step li.last p:before { content: ""; display: block; width: 46px; height: 45px; margin: 0 auto 15px; background: url(/static/images/audition/ico_form.png) no-repeat 0 0; }
.auditionArea .wrap .srmy > li.step li.last:before { background: #fff; }
.auditionArea .wrap .srmy > li.step li.last:after { content: ""; position: absolute; right: 100%; top: 50%; width: 187px; height: 9px; margin-top: -5px; background: -webkit-gradient(linear, left top, right top, from(rgba(104, 104, 104, 0.4)), to(rgba(255, 255, 255, 0.8))); background: linear-gradient(90deg, rgba(104, 104, 104, 0.4) 0%, rgba(255, 255, 255, 0.8) 100%); }
.auditionArea .wrap .srmy:after { content: ""; display: block; clear: both; }
.auditionArea .wrap .btn { overflow: hidden; margin-top: 70px; }
.auditionArea .wrap .btn span { float: left; width: 25%; padding-right: 10px; }
.auditionArea .wrap .btn span a { display: block; height: 70px; text-align: center; color: #fff; font-size: 20px; line-height: 70px; font-weight: 300; background: #ff5000; -webkit-transition: all .3s; transition: all .3s; }
.auditionArea .wrap .btn span a strong { font-weight: 500; }
.auditionArea .wrap .btn span a:hover, .auditionArea .wrap .btn span a:focus { color: #000; background: #fff; }
.auditionArea .wrap .btn span + span { padding: 0 0 0 10px; }
.auditionArea .wrap .faqArea { margin-top: 170px; }
.auditionArea .wrap .faqArea h2 { float: left; height: 90px; font: 700 100px/90px 'SpoqaHanSansNeo'; color: #fff; }
.auditionArea .wrap .faqArea .info { float: right; padding-top: 25px; font-size: 22px; color: #fff; }
.auditionArea .wrap .faqArea ul { clear: both; padding-top: 60px; border-bottom: 1px solid #4d4d4d; }
.auditionArea .wrap .faqArea ul li { border-top: 1px solid #4d4d4d; }
.auditionArea .wrap .faqArea ul li a { opacity: .4; display: block; padding: 20px 80px 20px 60px; text-indent: -20px; color: #fff; font-size: 18px; }
.auditionArea .wrap .faqArea ul li .icoMore:before, .auditionArea .wrap .faqArea ul li .icoMore:after { right: 40px; width: 14px; }
.auditionArea .wrap .faqArea ul li .icoMore:before { right: 45px; }
.auditionArea .wrap .faqArea ul li .answer { display: none; padding: 20px 80px 20px 60px; color: #fff; font-size: 18px; text-indent: -20px; }
.auditionArea .wrap .faqArea ul li.on a { opacity: 1; }
.auditionArea .wrap .faqArea .text { margin-top: 35px; text-align: center; font-size: 14px; color: #9c9c9c; }

.privacyArea { max-width: 1200px; padding-top: 120px !important; margin: 0 auto; }
.privacyArea .head { position: relative; margin-bottom: 50px; }
.privacyArea .head h1 { font-size: 48px; line-height: 1em; font-weight: 700; }
.privacyArea .head .choice { position: absolute; right: 0; bottom: 0; }
.privacyArea .head .choice .tit { height: 45px; border-bottom: 2px solid #000; line-height: 43px; font-size: 18px; }
.privacyArea .head .choice .icoMore:before, .privacyArea .head .choice .icoMore:after { background: #000; }
.privacyArea .head .choice ul { display: none; position: absolute; left: 0; top: 45px; right: 0; padding: 10px 0; border: 1px solid #f2f2f2; border-top: 0; background: #fff; }
.privacyArea .head .choice ul li { padding: 8px 10px; line-height: 1em; }
.privacyArea .content { padding: 40px; font-size: 18px; background: #f2f2f2; }

.mainVisual { position: relative; text-align: center; overflow-x: auto }
.mainVisual .swiper-slide .mv { position: relative; display: inline-block; }
.mainVisual .swiper-slide .mv .poster { position: relative; z-index: 1; -webkit-transition: all .3s; transition: all .3s; }
.mainVisual .swiper-slide .mv .poster button { display: block; }
.mainVisual .swiper-slide .mv .poster button:before { content: ""; opacity: 0; position: absolute; left: 50%; top: 50%; z-index: 1; margin: -80px 0 0 -80px; width: 160px; height: 160px; border: 2px solid white; border-radius: 50%; -webkit-transition: all .3s; transition: all .3s; background: url(/static/images/common/btn_play.png) no-repeat 50% 50%; }
.mainVisual .swiper-slide .mv .poster button:hover:before { opacity: 1; }
.mainVisual .swiper-slide .mv .poster img { width: 100%; }
.mainVisual .swiper-slide .mv iframe { position: absolute; left: 0; top: 0; }
.mainVisual .swiper-slide .mv.on .poster { opacity: 0; }
.mainVisual .page { position: absolute; left: 0; right: 0; bottom: 50px; z-index: 20; text-align: center; font-size: 0; }
.mainVisual .page li { opacity: 1; width: 12px; height: 12px; margin: 0 10px !important; border: 2px solid #7c7e7d; background: none; }
.mainVisual .page li.on { border-color: #fff; background: #fff; }

@media all and (max-width: 1199px) { .aboutBody { overflow: visible; }
  .aboutArea { position: relative; background: #000; }
  .aboutArea:before { content: ""; position: absolute; left: 0; top: 50px; right: 0; bottom: 0; opacity: 0; background: url(/static/images/about/bg_m.png) no-repeat 50% 0; background-size: 100%; -webkit-animation: opacity 1s cubic-bezier(0.16, 1, 0.3, 1) 0s both; animation: opacity 1s cubic-bezier(0.16, 1, 0.3, 1) 0s both; }
  .aboutArea .section { position: relative; z-index: 1; max-height: initial; padding: 0 20px; background: none; }
  .aboutArea .section:before { display: none; }
  .aboutArea .section .content { position: static; }
  .aboutArea .section.load .content { position: relative; left: 0; top: 0; height: calc(100vh - 120px); text-align: center; opacity: 0; -webkit-animation: opacity 2s cubic-bezier(0.16, 1, 0.3, 1) 1s both; animation: opacity 2s cubic-bezier(0.16, 1, 0.3, 1) 1s both; }
  .aboutArea .section.load .content img { position: absolute; left: 50%; top: 50%; width: 320px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-top: -50px; }
  .aboutArea .section.load .content:after { content: ''; opacity: 0; position: absolute; left: 50%; bottom: 30px; width: 19px; height: 24px; margin-left: -10px; -webkit-animation: arrow 1.5s cubic-bezier(0, 0, 1, 1) 1.2s both; animation: arrow 1.5s cubic-bezier(0, 0, 1, 1) 1.2s both; background: url(/static/images/about/ico_scroll.png) no-repeat 0 0; background-size: 100%; }
  .aboutArea .section.load .content.scroll:after { opacity: 0 !important; -webkit-transition: all 1s; transition: all 1s; }
  .aboutArea .section.intro .content { padding: 50px 0; }
  .aboutArea .section.intro .content h2 { float: none; height: 237px; margin-top: 0; font-size: 70px; line-height: 1em; }
  .aboutArea .section.intro .content .text { width: 70%; padding-right: 0; margin-top: 50px; }
  .aboutArea .section.intro .content .text p { font-size: 14px; line-height: 2em; -webkit-transition-delay: .5s; transition-delay: .5s; }
  .aboutArea .section.investor .content { padding: 50px 0; }
  .aboutArea .section.investor .content .logo { opacity: 0; -webkit-transition: translateY(80px); transition: translateY(80px); -webkit-transition: all 1s cubic-bezier(0.16, 1, 0.3, 1); transition: all 1s cubic-bezier(0.16, 1, 0.3, 1); }
  .aboutArea .section.investor .content ul { width: 100%; padding: 0; }
  .aboutArea .section.investor .content ul li { width: 100%; padding: 0; margin-right: 0; }
  .aboutArea .section.investor .content ul li + li { margin-left: 0; }
  .aboutArea .section.investor .content ul li .logo { display: none; }
  .aboutArea .section.investor .content ul li .tit { margin-top: 40px; font-size: 14px; -webkit-transition-delay: .5s; transition-delay: .5s; }
  .aboutArea .section.investor .content ul li .text { margin-top: 10px; -webkit-transition-delay: .5s; transition-delay: .5s; }
  .aboutArea .section.investor .content ul li .text p { font-size: 15px; line-height: 2em; }
  .aboutArea .section.investor .content ul li + li .text { margin-right: 0; }
  .aboutArea .section.investor .content ul li .frame { display: none; }
  .aboutArea .section.investor .content.show .logo { opacity: 1; -webkit-transition: translateY(0); transition: translateY(0); }
  .aboutArea .section.recruit .content { padding: 50px 0 160px; }
  .aboutArea .section.recruit .content h2 { font-size: 70px; line-height: 1em; }
  .aboutArea .section.recruit .content .text { float: right; width: 70%; margin-top: 50px; -webkit-transition-delay: .5s; transition-delay: .5s; }
  .aboutArea .section.recruit .content .text p { font-size: 15px; line-height: 2em; }
  .aboutArea .section.recruit .content .btn { float: right; width: 70%; }
  .aboutArea .section.recruit .content .btn li { margin-right: 10px; }
  .aboutArea .section.recruit .content .btn li a { width: 70px; height: 81px; font-size: 14px; line-height: 81px; }
  .aboutArea .section.recruit .content .btn li a:before { background-image: url(/static/images/about/bg_btn_m.png); }
  .aboutArea .section.recruit .content .btn li.typeB a:before { background-image: url(/static/images/about/bg_btn2_m.png); }
  .aboutArea .section.recruit .content.show .btn li a:before { width: 70px; height: 81px; }
  .aboutArea.noFix .section .mv { position: absolute; top: 0; }
  #container.profile { padding-left: 0; padding-right: 0; }
  .profileHead .visual .isPc { display: none; }
  .profileHead .visual:before { display: none; }
  .profileHead h1 { padding: 40px 20px 10px; }
  .profileHead .info { padding: 0 20px 60px; }
  .profileHead .info .fl, .profileHead .info .fr { width: 100%; }
  .profileHead .info .tit { margin: 40px 0 15px; font-size: 14px; }
  .profileHead .info .cont { font-size: 24px; }
  .profileHead .info .intro { padding-top: 40px; font-size: 14px; }
  .profileHead .info li { padding-left: 8px; font-size: 14px; }
  .profileList { padding: 50px 0 160px; margin-bottom: -160px; }
  .profileList ul { padding-left: 30px; }
  .profileList ul li { padding: 0 30px 50px 0; margin: 0 auto; }
  .profileList ul li .name { font-size: 15px; }
  .profileList ul li .name strong { font-size: 30px; }
  .profileList ul li.focus.show:nth-child(2n) { margin-top: 80px; }
  .profileList ul + ul li { margin-top: 80px; }
  .photoLayer { top: 0; z-index: 30; }
  .photoLayer .wrap { overflow-y: auto; height: 100vh; }
  .photoLayer .slide li .wrap .wrap2 { padding: 0 40px; }
  .photoLayer .slide li .wrap .wrap2 img { max-width: 100% !important; max-height: calc(100vh - 140px) !important; }
  .photoLayer .slide li .wrap .wrap2 .name { left: 20px; top: -20px; font-size: 14px; }
  .photoLayer .slide li .wrap .wrap2 .name strong { font-size: 45px; }
  .photoLayer .slide li .wrap .wrap2 .down { left: 50px; bottom: 20px; }
  .photoLayer .prev, .photoLayer .next { width: 11px; height: 20px; background-image: url(/static/images/common/icon_page3_m.png); background-size: 100%; }
  .photoLayer .prev { left: 20px; }
  .photoLayer .next { right: 20px; }
  .photoLayer .closeBtn { position: fixed; left: initial; right: 40px; top: 40px; }
  .photoLayer .closeBtn button { width: 21px; height: 21px; background-image: url(/static/images/common/btn_close_m.png); background-size: 100%; }
  .photoLayer.discoPhoto .thumb img { max-width: 100%; }
  .photoLayer.discoPhoto.show:before { content: ""; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); }
  .photoLayer.discoPhoto .closeBtn { right: 30px; top: 30px; }
  .photoLayer.wide .slide li .wrap { padding: 0; }
  .photoLayer.wide .slide li .wrap .wrap2 img { max-height: 100vh !important; }
  .photoLayer.wide .slide li .wrap .wrap2 .name { top: 40px; }
  .photoLayer.wide.discoPhoto .wrap { padding-top: 0; }
  .photoLayer.wide.discoPhoto .thumb img { max-height: 100vh !important; }
  .discoHead { padding: 0px 15px 0; margin: 0 -15px; }
  .discoHead h1 { padding-top: 50px; font-size: 38px; line-height: 36px; }
  .discoHead .thumb { margin: 0 40px; }
  .discoHead .thumb a img { width: auto; }
  .discoHead .thumb a .tit, .discoHead .thumb a:before { display: none; }
  .discoHead.hidden h1 { opacity: 0; }
  .discoHead:before { height: 100px; }
  #wrapper.fix .discoHead { background-position-y: 50px; }
  #wrapper.fix .discoHead h1 { top: 50px; }
  .discoList { padding-top: 15px; }
  .discoList ul { margin: 0 -8px 0 -7px; }
  .discoList ul li { opacity: 0; width: 50%; margin-top: 15px; padding: 0 8px 0 7px; -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-transition: all 1s; transition: all 1s; }
  .discoList ul li a .tit, .discoList ul li a:before { display: none; }
  .discoList ul li:nth-child(2n) { -webkit-transform: translateY(60px); transform: translateY(60px); }
  .discoIntro { padding: 50px 15px; margin: 0 -15px; }
  .discoIntro h1 .cover { font-size: 15px; }
  .discoIntro h1 .cover strong { margin-top: 10px; font-size: 38px; }
  .discoIntro .thumb { margin: 25px 40px 35px; }
  .discoIntro .text { font-size: 15px; }
  .videoArea { padding: 50px 15px; margin: 0 -15px; }
  .videoArea h2 { height: 30px; font-size: 38px; line-height: 36px; }
  .videoArea .list { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; width: auto; margin: 25px auto; }
  .videoArea .list li { margin: 0 30px 0; font-size: 15px; }
  .videoArea .mvArea .wrap .poster .btn { opacity: 1; margin: -35px 0 0 -35px; width: 70px; height: 70px; text-indent: 70px; -webkit-transform: translateY(0); transform: translateY(0); }
  .videoArea .mvArea .wrap .poster .btn:before { width: 20px; height: 23px; margin: -12px 0 0 -10px; background-size: 100%; }
  .videoArea.noSwiper .list { display: block !important; text-align: center; }
  .photoArea { padding: 50px 15px; margin: 0 -15px; }
  .photoArea h2 { height: 30px; font-size: 38px; line-height: 36px; text-align: center; }
  .photoArea .content { margin: 0 -15px; }
  .photoArea .content h3 { display: none; }
  .photoArea .content .list { display: none; }
  .photoArea .content .photoSlide { float: none; display: block; width: 100%; }
  .photoArea .content .photoSlide:last-child { padding-bottom: 50px; }
  .photoArea .content .photoSlide h4 { display: block; margin: 50px 0 20px; text-align: center; font: 700 24px/1em 'SpoqaHanSansNeo'; }
  .photoArea .content .photoSlide ul.swiper-wrapper { height: 100% !important; }
  .photoArea .content .photoSlide .swiper-wrapper li { width: 100% !important; padding: 0 15px; margin-right: 0; max-height: 1000px; }
  .photoArea .content .photoSlide .swiper-wrapper li img { width: 100%; max-width: 1000px; max-height: 1000px; }
  .photoArea .content .photoSlide .controls { position: static; padding-top: 20px; text-align: center; }
  .photoArea .content .photoSlide .controls .prev, .photoArea .content .photoSlide .controls .next { float: none; display: inline-block; width: 10px; height: 18px; margin-top: -8px; vertical-align: middle; }
  .photoArea .content .photoSlide .controls .prev:before, .photoArea .content .photoSlide .controls .prev:after, .photoArea .content .photoSlide .controls .next:before, .photoArea .content .photoSlide .controls .next:after { width: 13px; }
  .photoArea .content .photoSlide .controls .page { float: none; display: inline-block; width: auto; padding: 0 30px; text-align: center; font-size: 24px; line-height: 22px; }
  .photoArea:last-child { padding-bottom: 160px; margin-bottom: -160px; }
  .trackArea { padding: 50px 15px 160px; margin: 0 -15px -160px; }
  .trackArea h2 { height: 30px; font-size: 38px; line-height: 36px; }
  .trackArea .listArea { padding: 0; }
  .trackArea .listArea .list { width: auto; padding-left: 0; margin-top: 30px; }
  .trackArea .listArea .list h3 { margin-bottom: 20px; padding-left: 35px; font-size: 20px; line-height: 1em; }
  /*.trackArea .listArea .list li { height: 15px; }*/
  /*.trackArea .listArea .list li p { height: 15px; padding-left: 35px; font-size: 11px; line-height: 15px; }*/
  /*.trackArea .listArea .list li p strong { margin: 0 10px; font-size: 15px; }*/
  .trackArea .listArea .list li { height: auto; overflow-y: auto}
  .trackArea .listArea .list li p { height: auto; padding-left: 35px; font-size: 11px; line-height: 18px; }
  .trackArea .listArea .list li p strong { margin: 0 10px; font-size: 13px;}
  .trackArea .listArea .list li + li { margin-top: 10px; }
  .trackArea .channel { position: relative; height: auto; padding-top: 0; margin: 50px -15px 0; }
  .trackArea .channel li { height: 40px; padding: 10px 15px 0; line-height: 20px; }
  .trackArea .channel li a { padding-left: 26px; line-height: 20px; }
  .trackArea .channel li a:before { width: 20px; height: 20px; background-image: url(/static/images/common/icon_channel_m.png); background-size: 100%; }
  .trackArea .channel li a.melon:before { background-position-y: 0px; }
  .trackArea .channel li a.flo:before { background-position-y: -20px; }
  .trackArea .channel li a.genie:before { background-position-y: -40px; }
  .trackArea .channel li a.bugs:before { background-position-y: -60px; }
  .trackArea .channel li a.apple:before { background-position-y: -80px; }
  .trackArea .channel li a.spotify:before { background-position-y: -100px; }
  .trackArea .channel li a.amazon:before { background-position-y: -120px; }
  .trackArea .channel li a.youtube:before { background-position-y: -140px; }
  .trackArea .channel li a.vibe:before { background-position-y: -160px; }
  .trackArea .channel li + li:before { display: none; }
  .trackArea .channel:before { content: ""; position: absolute; left: 20px; top: 40px; right: 20px; height: 1px; background: #a9abb9; }
  .trackArea .channel:after { content: ""; position: absolute; left: 20px; top: 80px; right: 20px; height: 1px; background: #a9abb9; }
  .schedule h1 { display: none; }
  .schedule .control { position: relative; padding: 0 15px; margin: 50px 0 40px; }
  .schedule .control .prev, .schedule .control .next { float: none; position: absolute; left: 0; top: 50%; width: 13px; height: 22px; margin-top: -11px; text-indent: -1000px; background-image: url(/static/images/common/icon_page_m.png); background-size: 100%; }
  .schedule .control .next { left: initial; right: 0; }
  .schedule .control .date { float: none; width: 100%; margin: 0; font-size: 38px; line-height: 36px; }
  .schedule .list { border-bottom-width: 3px; }
  .schedule .list li { padding: 20px 15px; border-top-width: 3px; }
  .schedule .list li .date { position: static; margin-bottom: 15px; }
  .schedule .list li .date strong { font-size: 27px; }
  .schedule .list li .date span { margin-left: 10px; font-size: 14px; }
  .schedule .list li .cont { padding-left: 0; font-size: 14px; }
  .schedule .list li .cont .type { font-size: 13px; }
  .schedule .list li .cont strong { margin-top: 7px; font-size: 15px; }
  .schedule .list li.none { padding: 100px 0; }
  .schedule .list li.none img { opacity: .2; max-width: 200px; }
  .schedule .list li.rowspan { border-top: 0; padding-top: 0; }
  .schedule .list li:nth-child(1) { -webkit-animation-delay: 0.05s; animation-delay: 0.05s; }
  .schedule .list li:nth-child(2) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }
  .schedule .list li:nth-child(3) { -webkit-animation-delay: 0.15s; animation-delay: 0.15s; }
  .schedule .list li:nth-child(4) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
  .schedule .list li:nth-child(5) { -webkit-animation-delay: 0.25s; animation-delay: 0.25s; }
  .schedule .list li:nth-child(6) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }
  .schedule .list li:nth-child(7) { -webkit-animation-delay: 0.35s; animation-delay: 0.35s; }
  .schedule .list li:nth-child(8) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }
  .schedule .list li:nth-child(9) { -webkit-animation-delay: 0.45s; animation-delay: 0.45s; }
  .schedule .list li:nth-child(10) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
  .auditionArea { background-image: url(/static/images/audition/bg_m.jpg); background-size: 100%; }
  .auditionArea .wrap { padding-top: 40px; }
  .auditionArea .wrap h1 { height: 140px; margin: 0; font-size: 70px; line-height: 70px; }
  .auditionArea .wrap h1 strong { display: block; }
  .auditionArea .wrap .coming { width: 204px; }
  .auditionArea .wrap .srmy > li { float: none; width: 100%; padding-left: 20px; margin-top: 40px; font-size: 15px; }
  .auditionArea .wrap .srmy > li > strong { margin-bottom: 10px; font-size: 18px; }
  .auditionArea .wrap .srmy > li:before { width: 10px; height: 11px; background-image: url(/static/images/common/blt1_m.png); background-size: 100%; }
  .auditionArea .wrap .srmy > li.step { padding-right: 0; }
  .auditionArea .wrap .srmy > li.step ol { margin-left: -20px; }
  .auditionArea .wrap .srmy > li.step ol li { z-index: 1; float: none; width: 210px; height: 210px; margin: 0 auto -30px; }
  .auditionArea .wrap .srmy > li.step ol li p { width: 210px; height: 210px; font-size: 15px; }
  .auditionArea .wrap .srmy > li.step ol li p strong { font-size: 16px; }
  .auditionArea .wrap .srmy > li.step ol li.last { float: none; margin: 0 auto; z-index: 0; }
  .auditionArea .wrap .srmy > li.step ol li.last p { color: #000; }
  .auditionArea .wrap .srmy > li.step ol li.last p:before { width: 45px; background-image: url(/static/images/audition/ico_form_m.png); background-size: 100%; }
  .auditionArea .wrap .srmy > li.step ol li.last:after { display: none; }
  .auditionArea .wrap .btn { margin-top: 40px; }
  .auditionArea .wrap .btn span { float: none; display: block; width: 100%; padding-right: 0; margin-top: 20px; }
  .auditionArea .wrap .btn span a { height: 50px; font-size: 15px; line-height: 50px; }
  .auditionArea .wrap .btn span + span { padding: 0; }
  .auditionArea .wrap .faqArea { margin-top: 90px; }
  .auditionArea .wrap .faqArea h2 { float: none; height: 70px; font: 700 70px/70px 'SpoqaHanSansNeo'; }
  .auditionArea .wrap .faqArea .info { float: none; padding-top: 20px; font-size: 15px; font-weight: 500; }
  .auditionArea .wrap .faqArea ul { padding-top: 40px; }
  .auditionArea .wrap .faqArea ul li a { padding: 20px 40px 20px 20px; font-size: 15px; text-indent: -19px; }
  .auditionArea .wrap .faqArea ul li .icoMore:before, .auditionArea .wrap .faqArea ul li .icoMore:after { right: 10px; width: 10px; }
  .auditionArea .wrap .faqArea ul li .icoMore:before { right: 13px; }
  .auditionArea .wrap .faqArea ul li .answer { padding: 20px 40px 20px 20px; font-size: 15px; text-indent: -19px; }
  .auditionArea .wrap .faqArea .text { margin-top: 35px; text-align: center; font-size: 14px; color: #9c9c9c; }
  .privacyArea { padding-top: 50px !important; }
  .privacyArea .head { position: relative; margin-bottom: 50px; }
  .privacyArea .head h1 { font-size: 28px; line-height: 1em; font-weight: 700; }
  .privacyArea .head .choice { position: relative; margin-top: 20px; }
  .privacyArea .head .choice .tit { font-size: 15px; }
  .privacyArea .head .choice .tit a { display: block; }
  .privacyArea .content { margin-top: 20px; padding: 20px; font-size: 15px; }
  .privacyArea .content .tableWrap { width: 100%; overflow-x: scroll; margin-top: 10px; }
  .mainVisual .swiper-slide .mv .poster button:before { opacity: 1; margin: -35px 0 0 -35px; width: 70px; height: 70px; background-size: 20px; }
  .mainVisual .swiper-slide img { max-width: 1920px; width: 100%; }
  .mainVisual .page { position: absolute; left: 0; right: 0; bottom: 50px; z-index: 20; text-align: center; font-size: 0; }
  .mainVisual .page li { opacity: 1; width: 12px; height: 12px; margin: 0 10px !important; border: 2px solid #7c7e7d; background: none; }
  .mainVisual .page li.on { border-color: #fff; background: #fff; } }