@charset "utf-8";



.subCon {width:100%; position:relative; margin:120px auto 0; padding:0 0 0 240px; box-sizing:border-box;}
.subCon .inner {width:100%; /* max-width:1630px; */ position:relative; margin:0 auto; padding:30px 90px; box-sizing:border-box;}
.subCon .titleArea {width:100%; position:relative; margin:0 auto 80px; padding:0;}
.subCon .titleArea p,
.subCon .titleArea div,
.subCon .titleArea a {display:block; width:100%; position:relative; text-align:center; margin:0 auto; padding:0; color:#000; vertical-align:middle;}
.subCon .titleArea p {color:#fff;}
.subCon .titleArea .img {text-align:center;}
.subCon .titleArea .img img {max-width:100%; vertical-align:top;}
.subCon .titleArea .tit {font-size:60px; line-height:60px; font-weight:700;}
.subCon .titleArea .t1 {font-size:48px; line-height:54px; font-weight:700;}
.subCon .titleArea .t2 {font-size:17px; line-height:26px; font-weight:400; margin-top:30px !important;}
.subCon .titleArea .t3 {font-size:30px; line-height:36px; font-weight:900;}
.subCon .titleArea .t4 {font-size:14px; line-height:22px; font-weight:400; margin-top:30px !important;}
.subCon .titleArea .t4 a {display:inline; color:#9d28a0;}

.subCon .titleArea.tal p,
.subCon .titleArea.tal div,
.subCon .titleArea.tal a {text-align:left; margin:0;}



html body div[role="main"]#sub {min-height:800px;}
html body div[role="main"]#sub.dark {background:#000 !important;}

html body div[role="main"]#sub.dark .subCon .titleArea.white p {color:#fff;}


@media screen and (max-width:1600px){
  .subCon {padding:0 0 0 200px;}
  .subCon .inner {padding:20px 70px;}
  .subCon .titleArea .tit {font-size:54px; line-height:54px;}
  .subCon .titleArea .t1 {font-size:42px; line-height:54px;}
  .subCon .titleArea .t2 {font-size:16px; line-height:25px;}
  .subCon .titleArea .t3 {font-size:27px; line-height:33px;}
  .subCon .titleArea .t4 {}
}

@media screen and (max-width:1280px){
  .subCon {padding:0 0 0 180px;}
  .subCon .inner {padding:15px 50px;}
  .subCon .titleArea .tit {font-size:50px; line-height:50px;}
  .subCon .titleArea .t1 {font-size:38px; line-height:50px;}
  .subCon .titleArea .t2 {font-size:15px; line-height:24px;}
  .subCon .titleArea .t3 {font-size:25px; line-height:31px;}
  .subCon .titleArea .t4 {font-size:14px; line-height:20px;}
}

@media screen and (max-width:1080px){
  .subCon {padding:0;}
  .subCon .inner {padding:10px 30px;}
  .subCon .titleArea .tit {font-size:46px; line-height:46px;}
  .subCon .titleArea .t1 {font-size:34px; line-height:46px;}
  .subCon .titleArea .t2 {font-size:14px; line-height:23px;}
  .subCon .titleArea .t3 {font-size:23px; line-height:29px;}
  .subCon .titleArea .t4 {font-size:13px; line-height:20px;}
}

@media screen and (max-width:960px){
  .subCon {margin:100px auto 0;}
  .subCon .titleArea {margin:0 auto 60px;}
  .subCon .titleArea .tit {font-size:42px; line-height:42px;}
  .subCon .titleArea .t1 {font-size:30px; line-height:42px;}
  .subCon .titleArea .t2 {font-size:13px; line-height:22px;}
  .subCon .titleArea .t3 {font-size:21px; line-height:27px;}
  .subCon .titleArea .t4 {}
}

@media screen and (max-width:768px){
  .subCon .inner {padding:0 15px;}
  .subCon .titleArea .tit {font-size:36px; line-height:36px;}
  .subCon .titleArea .t1 {font-size:26px; line-height:36px;}
  .subCon .titleArea .t2 {font-size:13px; line-height:21px;}
  .subCon .titleArea .t3 {font-size:18px; line-height:24px;}
  .subCon .titleArea .t4 {font-size:12px; line-height:20px;}
}

@media screen and (max-width:640px){
  .subCon {margin:80px auto 0;}
  .subCon .titleArea {margin:0 auto 40px;}
  .subCon .titleArea .tit {font-size:32px; line-height:32px;}
  .subCon .titleArea .t1 {font-size:22px; line-height:32px;}
  .subCon .titleArea .t2 {font-size:12px; line-height:20px;}
  .subCon .titleArea .t3 {font-size:16px; line-height:21px;}
  .subCon .titleArea .t4 {font-size:11px; line-height:20px;}
}

@media screen and (max-width:480px){
  .subCon {margin:60px auto 0;}
  .subCon .titleArea {margin:0 auto 30px;}
  .subCon .titleArea .tit {font-size:28px; line-height:28px;}
  .subCon .titleArea .t1 {font-size:18px; line-height:28px;}
  .subCon .titleArea .t2 {font-size:11px; line-height:20px;}
  .subCon .titleArea .t3 {font-size:14px; line-height:20px;}
  .subCon .titleArea .t4 {font-size:11px; line-height:18px;}
}



/* 서브페이지 상단 배너 영역 :: S */
.subTopBanner {margin:0 auto; padding:0;}
.subTopBanner.dim:before {display:block; content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.3); z-index:3;}

.subTopBanner .banner {width:100%; height:100%; position:relative; margin:0 auto; padding:0; /* height:0; overflow:hidden; padding-bottom:56.25%; */ background-size:cover !important; z-index:1;}

.subTopBanner.artist .banner {background:url('/public/images/artist/cm_artist_top_banner_bg_1.jpg') center center no-repeat;}

.subTopBanner.audition .banner {background:transparent;}
.subTopBanner.audition .banner:before {display:block; content:''; width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1; background-size:cover !important; background:#000 url('/public/images/audition/cm_audition_bg_1.png') center center no-repeat; opacity:0.35;}

.subTopBanner.recruit .banner {background:transparent;}
.subTopBanner.recruit .banner:before {display:block; content:''; width:100%; height:100%; position:absolute; top:0; left:0; z-index:-1; background-size:cover !important; background:#000 url('/public/images/recruit/cm_recruit_bg_1.png') center center no-repeat; opacity:0.35;}

.subTopBanner .movBannerWrap {width:100%; height:100%; position:absolute; top:0; left:0; z-index:3; overflow:hidden;}
.subTopBanner .movBannerWrap .mov {display:block; position:absolute;}
.subTopBanner .movBannerWrap .mov video {display:block; width:100%; position:relative;}


@media screen and (max-width:1080px){
  .subTopBanner.audition {padding-top:100px;}
  .subTopBanner.audition .typoArea {top:100px; height:calc(100% - 100px);}

  .subTopBanner.recruit {padding-top:100px;}
  .subTopBanner.recruit .typoArea {top:100px; height:calc(100% - 100px);}
}


.subTopBanner .logoArea {width:240px; height:100%; position:absolute; top:0; left:0; z-index:5; box-sizing:border-box;}
.subTopBanner .logoArea:before {display:block; content:''; width:1px; height:100%; position:absolute; top:0; right:0; background:#ababab; opacity:0.3;}

.subTopBanner .typoArea {width:calc(100% - 240px); height:100%; padding:0 0 120px 0; box-sizing:border-box; position:absolute; top:0; right:0; z-index:8;}

.subTopBanner .typoArea .noti {display:block; width:72px; height:16px; text-align:center; position:absolute; top:70px; right:20px; margin:0; padding:0; font-size:12px; line-height:16px; font-weight:400; color:#fff; transform:rotate(90deg);}

.subTopBanner .typoArea .typo {width:100%; height:100%; position:relative; margin:0; padding:30px 90px; box-sizing:border-box;}
.subTopBanner .typoArea .typo .disT {}
.subTopBanner .typoArea .typo .disTC {text-align:left; vertical-align:bottom;}
.subTopBanner .typoArea .typo p {display:block; text-align:left; position:relative; margin:0; padding:0; color:#fff;}
.subTopBanner .typoArea .typo p.top {position:absolute; top:15px;}
.subTopBanner .typoArea .typo .tit {font-size:60px; line-height:60px; font-weight:700;}
.subTopBanner .typoArea .typo .desc {font-size:17px; line-height:26px; font-weight:400; margin:30px auto 0;}
.subTopBanner .typoArea .typo .tit.sub {font-size:2.8em; line-height:1.2em;}

.subTopBanner .typoArea .social {width:100%; height:120px; position:absolute; bottom:0; right:0; padding:0 90px; box-sizing:border-box;}
.subTopBanner .typoArea .social:before {display:block; content:''; width:100%; height:1px; position:absolute; top:0; left:0; background:#ababab; opacity:0.3;}
.subTopBanner .typoArea .social .disT {}
.subTopBanner .typoArea .social .disTC {text-align:left; vertical-align:middle;}
.subTopBanner .typoArea .social a {display:inline-block; width:70px; height:70px; position:relative; vertical-align:middle; margin:0 15px 0 0; padding:0; font-size:14px; line-height:20px; font-weight:600; color:#fff;}
.subTopBanner .typoArea .social a:last-child {margin:0;}
.subTopBanner .typoArea .social a img {width:100%;}

.subTopBanner .typoArea.noSocial {padding:0; box-sizing:border-box;}
.subTopBanner .typoArea.noSocial:before {display:block; content:''; width:100%; height:1px; position:absolute; bottom:0; left:0; background:#ababab; opacity:0.3;}


@media screen and (max-width:1600px){
  .subTopBanner .typoArea {width:calc(100% - 200px); padding:0 0 100px 0;}

  .subTopBanner .typoArea .typo {padding:20px 70px;}
  .subTopBanner .typoArea .typo .tit {font-size:54px; line-height:54px;}
  .subTopBanner .typoArea .typo .desc {}
  .subTopBanner .typoArea .typo .desc,
  .subTopBanner .typoArea .typo .desc * {font-size:16px; line-height:25px;}

  .subTopBanner .typoArea .social {height:100px; padding:0 70px;}
}

@media screen and (max-width:1280px){
  .subTopBanner .typoArea {width:calc(100% - 180px); padding:0 0 90px 0;}

  .subTopBanner .typoArea .typo {padding:15px 50px;}
  .subTopBanner .typoArea .typo .tit {font-size:50px; line-height:50px;}
  .subTopBanner .typoArea .typo .desc {margin-top:25px !important;}
  .subTopBanner .typoArea .typo .desc,
  .subTopBanner .typoArea .typo .desc * {font-size:15px; line-height:24px;}

  .subTopBanner .typoArea .social {height:90px; padding:0 50px;}
  .subTopBanner .typoArea .social a {width:60px; height:60px; margin:0 12px 0 0;}
  .subTopBanner .typoArea .social a:last-child {margin:0;}
}

@media screen and (max-width:1080px){
  .subTopBanner .typoArea {width:100%; padding:0 0 80px 0;}

  .subTopBanner .typoArea .noti {top:120px; right:-10px; font-size:10px;}

  .subTopBanner .typoArea .typo {padding:10px 30px;}
  .subTopBanner .typoArea .typo .tit {font-size:46px; line-height:46px;}
  .subTopBanner .typoArea .typo .desc,
  .subTopBanner .typoArea .typo .desc * {font-size:14px; line-height:23px;}

  .subTopBanner .typoArea .social {height:80px; padding:0 30px;}
  .subTopBanner .typoArea .social a {width:50px; height:50px; margin:0 10px 0 0;}
  .subTopBanner .typoArea .social a:last-child {margin:0;}
}

@media screen and (max-width:960px){
  .fullpage .section .typoArea {padding:0 0 70px 0;}

  .subTopBanner .typoArea .typo {padding:10px 25px;}
  .subTopBanner .typoArea .typo .tit {font-size:42px; line-height:42px;}
  .subTopBanner .typoArea .typo .desc {margin-top:20px !important;}
  .subTopBanner .typoArea .typo .desc,
  .subTopBanner .typoArea .typo .desc * {font-size:13px; line-height:22px;}

  .subTopBanner .typoArea .social {height:70px; padding:0 25px;}
  .subTopBanner .typoArea .social a {width:40px; height:40px; margin:0 8px 0 0;}
  .subTopBanner .typoArea .social a:last-child {margin:0;}
}

@media screen and (max-width:768px){
  .subTopBanner .typoArea .typo {padding:10px 20px;}
  .subTopBanner .typoArea .typo .tit {font-size:36px; line-height:36px;}
  .subTopBanner .typoArea .typo .desc,
  .subTopBanner .typoArea .typo .desc * {font-size:13px; line-height:22px;}

  .subTopBanner .typoArea .social {padding:0 20px;}
  .subTopBanner .typoArea .social a {width:36px; height:36px; margin:0 6px 0 0;}
  .subTopBanner .typoArea .social a:last-child {margin:0;}
}

@media screen and (max-width:640px){
  .subTopBanner .typoArea .typo {padding:10px 15px;}
  .subTopBanner .typoArea .typo .tit {font-size:32px; line-height:32px;}
  .subTopBanner .typoArea .typo .desc {margin-top:15px !important;}
  .subTopBanner .typoArea .typo .desc,
  .subTopBanner .typoArea .typo .desc * {font-size:12px; line-height:22px;}

  .subTopBanner .typoArea .social {padding:0 15px;}
  .subTopBanner .typoArea .social a {width:32px; height:32px; margin:0 5px 0 0;}
  .subTopBanner .typoArea .social a:last-child {margin:0;}
}

@media screen and (max-width:480px){

}

@media screen and (max-width:360px){

}
/* 서브페이지 상단 배너 영역 :: E */



/* ARTIST > 설명문구 영역 :: S */
.artistInfoWrap {}

.artistInfoWrap .titleArea {margin:0 auto;}
/* ARTIST > 설명문구 영역 :: E */



/* ARTIST > 프로필소개 영역 :: S */
.artistProfileWrap {}

.artistProfileWrap .titleArea {}

.artistProfileWrap .profileList {width:100%; position:relative; margin:0 auto; padding:0;}
.artistProfileWrap .profileList ul {display:block; width:100%; position:relative; margin:0; padding:0; text-align:left;}
.artistProfileWrap .profileList ul li {display:inline-block; position:relative; width:calc(50% - 45px - 5px); margin:0 90px 90px 0; padding:0; box-sizing:border-box; vertical-align:top;}
.artistProfileWrap .profileList ul li:nth-of-type(2n+2) {margin:0 0 90px 0;}
.artistProfileWrap .profileList ul li .img {width:100%; position:relative;}
.artistProfileWrap .profileList ul li .img img {width:100%;}
.artistProfileWrap .profileList ul li .info {width:100%; position:relative; margin:30px auto 0;}
.artistProfileWrap .profileList ul li .info > * {display:block; text-align:left; position:relative; margin:0; padding:0;}
.artistProfileWrap .profileList ul li .info .name {margin:0 auto 10px;}
.artistProfileWrap .profileList ul li .info .name > * {display:inline-block; position:relative; vertical-align:middle; font-size:20px; line-height:20px;}
.artistProfileWrap .profileList ul li .info .name b {font-weight:700; color:#fff; margin:0 10px 0 0;}
.artistProfileWrap .profileList ul li .info .name span {font-weight:400; color:#777;}
.artistProfileWrap .profileList ul li .info .desc,
.artistProfileWrap .profileList ul li .info .desc p {font-size:16px; line-height:24px; font-weight:400; color:#fff; margin:0; padding:0;}


@media screen and (max-width:1600px){

}

@media screen and (max-width:1280px){
  .artistProfileWrap .profileList ul li {width:calc(50% - 25px - 5px); margin:0 50px 50px 0;}
  .artistProfileWrap .profileList ul li:nth-of-type(2n+2) {margin:0 0 50px 0;}
}

@media screen and (max-width:1080px){
  .artistProfileWrap .profileList ul li .info {margin:25px auto 0;}
  .artistProfileWrap .profileList ul li .info .name {margin:0 auto 8px;}
  .artistProfileWrap .profileList ul li .info .name > * {font-size:18px; line-height:18px;}
  .artistProfileWrap .profileList ul li .info .name b {margin:0 8px 0 0;}
  .artistProfileWrap .profileList ul li .info .desc,
  .artistProfileWrap .profileList ul li .info .desc p {font-size:15px; line-height:22px;}
}

@media screen and (max-width:960px){
  .artistProfileWrap .profileList ul li {width:calc(50% - 20px - 5px); margin:0 40px 40px 0;}
  .artistProfileWrap .profileList ul li:nth-of-type(2n+2) {margin:0 0 40px 0;}

  .artistProfileWrap .profileList ul li .info {margin:20px auto 0;}
  .artistProfileWrap .profileList ul li .info .name {margin:0 auto 6px;}
  .artistProfileWrap .profileList ul li .info .name > * {font-size:16px; line-height:16px;}
  .artistProfileWrap .profileList ul li .info .name b {margin:0 6px 0 0;}
  .artistProfileWrap .profileList ul li .info .desc,
  .artistProfileWrap .profileList ul li .info .desc p {font-size:14px; line-height:20px;}
}

@media screen and (max-width:768px){
  .artistProfileWrap .profileList ul li {width:calc(50% - 15px - 5px); margin:0 30px 30px 0;}
  .artistProfileWrap .profileList ul li:nth-of-type(2n+2) {margin:0 0 30px 0;}

  .artistProfileWrap .profileList ul li .info {margin:15px auto 0;}
  .artistProfileWrap .profileList ul li .info .name {margin:0 auto 5px;}
  .artistProfileWrap .profileList ul li .info .name > * {font-size:15px; line-height:15px;}
  .artistProfileWrap .profileList ul li .info .name b {margin:0 5px 0 0;}
  .artistProfileWrap .profileList ul li .info .desc,
  .artistProfileWrap .profileList ul li .info .desc p {font-size:13px; line-height:20px;}
}

@media screen and (max-width:640px){
  .artistProfileWrap .profileList ul li {width:100%; margin:0 auto 30px !important;}
  .artistProfileWrap .profileList ul li:last-child {margin:0 auto !important;}

  .artistProfileWrap .profileList ul li .info {margin:12px auto 0;}
  .artistProfileWrap .profileList ul li .info .name {}
  .artistProfileWrap .profileList ul li .info .name > * {font-size:14px; line-height:14px;}
  .artistProfileWrap .profileList ul li .info .desc,
  .artistProfileWrap .profileList ul li .info .desc p {font-size:12px; line-height:20px;}
}

@media screen and (max-width:480px){

}

@media screen and (max-width:360px){

}
/* ARTIST > 프로필소개 영역 :: E */



/* ARTIST > 앨범슬라이드 영역 :: S */
.artistAlbumWrap {}

.artistAlbumWrap .titleArea {}

.artistAlbumWrap .slideArea {width:100%; position:relative;}
.artistAlbumWrap .slideArea:before {display:block; content:''; width:100%; height:100%; background:#000; position:absolute; top:0; right:100%; z-index:3;}
.artistAlbumWrap .artistAlbumSlider {width:125%; position:relative; overflow:visible; z-index:1;}
.artistAlbumWrap .artistAlbumSlider .swiper-slide {position:relative;}
.artistAlbumWrap .artistAlbumSlider .swiper-slide a {display:block; width:100%; position:relative;}
.artistAlbumWrap .artistAlbumSlider .swiper-slide a img {width:100%;}
/* ARTIST > 앨범슬라이드 영역 :: E */



/* ARTIST > 스케쥴 달력 영역 :: S */
.artistScheduleWrap {}

.artistScheduleWrap .titleArea {}

.artistScheduleWrap .calendarArea {width:100%; position:relative;}
.artistScheduleWrap .calendarArea > * {display:inline-block; position:relative; vertical-align:top; margin:0; padding:0;}
.artistScheduleWrap .calendarArea .calendar {width:520px; position:relative;}

.artistScheduleWrap .calendar .zabuto_calendar {}
.artistScheduleWrap .calendar .zabuto_calendar .table {border:0 !important;}
.artistScheduleWrap .calendar .zabuto_calendar .table tr {border-bottom:0;}
.artistScheduleWrap .calendar .zabuto_calendar .table th,
.artistScheduleWrap .calendar .zabuto_calendar .table td {background-color:transparent !important;}
.artistScheduleWrap .calendar .zabuto_calendar .table .calendar-month-navigation {position:relative;}
.artistScheduleWrap .calendar .zabuto_calendar .table .calendar-month-navigation:after {display:block; content:''; width:7.5px; height:15px; position:absolute; top:50%; left:50%; margin:-7.5px 0 0 -3.75px; background-size:cover !important;}
.artistScheduleWrap .calendar .zabuto_calendar .table td:nth-child(1) .calendar-month-navigation:after {background:url('/public/images/history_arrow_left_fff.png') center center no-repeat;}
.artistScheduleWrap .calendar .zabuto_calendar .table td:nth-child(3) .calendar-month-navigation:after {background:url('/public/images/history_arrow_right_fff.png') center center no-repeat;}
.artistScheduleWrap .calendar .zabuto_calendar .table td {}
.artistScheduleWrap .calendar .zabuto_calendar .table td a {}
.artistScheduleWrap .calendar .zabuto_calendar .table td a .badge {background:transparent !important;}

.artistScheduleWrap .calendar .zabuto_calendar .table .calendar-month-header {}
.artistScheduleWrap .calendar .zabuto_calendar .table .calendar-month-header td {}
.artistScheduleWrap .calendar .zabuto_calendar .table .calendar-month-header td span {padding-bottom:0; color:#fff;}

.artistScheduleWrap .calendar .zabuto_calendar .table .calendar-dow-header {}
.artistScheduleWrap .calendar .zabuto_calendar .table .calendar-dow-header th {color:#fff;}

.artistScheduleWrap .calendar .zabuto_calendar .table .calendar-dow {}
.artistScheduleWrap .calendar .zabuto_calendar .table .calendar-dow td {}
.artistScheduleWrap .calendar .zabuto_calendar .table .calendar-dow td a {font-size:13px; line-height:18px; font-weight:400; color:#777;}

.artistScheduleWrap .calendarArea .schedule {width:calc(100% - 525px); padding:0 0 0 80px; box-sizing:border-box;}

.artistScheduleWrap .calendarArea .schedule .topArea {width:100%; position:relative; text-align:left; margin:0 auto 20px; padding:0;}
.artistScheduleWrap .calendarArea .schedule .topArea p {display:inline-block; position:relative; vertical-align:middle; margin:0 10px 0 0; padding:0; font-size:24px; line-height:30px; font-weight:900; color:#fff;}
.artistScheduleWrap .calendarArea .schedule .topArea p:last-child {margin:0;}

.artistScheduleWrap .calendarArea .schedule .bottomArea {width:100%; position:relative; text-align:left; margin:0 auto; padding:0;}
.artistScheduleWrap .calendarArea .schedule .bottomArea dl {display:block; width:100%; position:relative; margin:0 auto 10px; padding:0; text-align:left;}
.artistScheduleWrap .calendarArea .schedule .bottomArea dt,
.artistScheduleWrap .calendarArea .schedule .bottomArea dd {display:inline-block; position:relative; vertical-align:top; margin:0; padding:0;}
.artistScheduleWrap .calendarArea .schedule .bottomArea dt {width:35px; font-size:14px; line-height:20px; font-weight:400; color:#777;}
.artistScheduleWrap .calendarArea .schedule .bottomArea dd {width:calc(100% - 40px); font-size:15px; line-height:20px; font-weight:500; color:#fff;}


@media screen and (max-width:1600px){

}

@media screen and (max-width:1280px){

}

@media screen and (max-width:1080px){
  .artistScheduleWrap .calendarArea .calendar {width:460px;}
  .artistScheduleWrap .calendarArea .schedule {width:calc(100% - 465px); padding:0 0 0 60px;}
}

@media screen and (max-width:960px){
  .artistScheduleWrap .calendarArea .calendar {width:400px;}
  .artistScheduleWrap .calendarArea .schedule {width:calc(100% - 405px); padding:0 0 0 30px;}
}

@media screen and (max-width:768px){
  .artistScheduleWrap .calendarArea .calendar {width:100%;}
  .artistScheduleWrap .calendarArea .schedule {width:100%; padding:0 15px; margin:30px auto 0;}
  .artistScheduleWrap .calendarArea .schedule .topArea {margin:0 auto 15px; text-align:center;}
  .artistScheduleWrap .calendarArea .schedule .topArea p {font-size:20px; line-height:24px;}
  .artistScheduleWrap .calendarArea .schedule .bottomArea dl {text-align:center;}
  .artistScheduleWrap .calendarArea .schedule .bottomArea dt {width:auto; font-size:13px; margin:0 6px 0 0;}
  .artistScheduleWrap .calendarArea .schedule .bottomArea dd {width:auto; font-size:14px;}
}

@media screen and (max-width:640px){

}

@media screen and (max-width:480px){

}

@media screen and (max-width:360px){

}
/* ARTIST > 스케쥴 달력 영역 :: E */



/* AUDITION > 설명문구 영역 :: S */
.auditionInfoWrap {}

.auditionInfoWrap .titleArea {}

.auditionInfoWrap .auditionInfo {width:100%; position:relative; margin:0 auto; padding:0;}
.auditionInfoWrap .auditionInfo,
.auditionInfoWrap .auditionInfo * {color:#fff;}
/* AUDITION > 설명문구 영역 :: E */



/* RECRUIT > 설명문구 영역 :: S */
.recruitInfoWrap {}

.recruitInfoWrap .titleArea {}

.recruitInfoWrap .recruitInfo {width:100%; position:relative; margin:0 auto; padding:0;}
.recruitInfoWrap .recruitInfo,
.recruitInfoWrap .recruitInfo * {color:#fff;}
/* RECRUIT > 설명문구 영역 :: E */



/* GOODS > 상품리스트 영역 :: S */
.goodsListWrap {margin:0 auto; background-size:100% auto !important; background:url('/public/images/goods/cm_goods_bg_1.jpg') center top no-repeat;}

.goodsListWrap .listArea {width:100%; position:relative; margin:0 auto; padding:0;}
.goodsListWrap .listArea ul {display:block; width:100%; position:relative; margin:0; padding:0;}
.goodsListWrap .listArea ul li {display:block; width:100%; position:relative; margin:0 auto 80px; padding:0; text-align:center;}
.goodsListWrap .listArea ul li:last-child {margin:0 auto;}
.goodsListWrap .listArea ul li > * {display:inline-block; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box;}
.goodsListWrap .listArea ul li .thumb {width:360px;}
.goodsListWrap .listArea ul li .thumb img {width:100%;}
.goodsListWrap .listArea ul li .info {width:calc(100% - 365px); padding:0 0 0 100px; text-align:left;}
.goodsListWrap .listArea ul li .info > * {display:block; text-align:left; position:relative; margin:0; padding:0; color:#fff;}
.goodsListWrap .listArea ul li .info .artist {font-size:16px; line-height:20px; font-weight:700; color:#777;}
.goodsListWrap .listArea ul li .info .title {font-size:34px; line-height:38px; font-weight:900; margin:10px auto 20px;}
.goodsListWrap .listArea ul li .info .desc,
.goodsListWrap .listArea ul li .info .desc * {font-size:14px; line-height:24px; font-weight:400; color:#fff; margin:0; padding:0;}
.goodsListWrap .listArea ul li .info ._b {width:160px; height:46px; text-align:center; line-height:46px; font-size:18px; font-weight:900; color:#000; background:#fff; margin:40px 0 0 0;}


@media screen and (max-width:1600px){

}

@media screen and (max-width:1280px){
  .goodsListWrap .listArea ul li {margin:0 auto 60px;}
  .goodsListWrap .listArea ul li:last-child {margin:0 auto;}
  .goodsListWrap .listArea ul li .thumb {width:320px;}
  .goodsListWrap .listArea ul li .info {width:calc(100% - 325px); padding:0 0 0 60px;}
}

@media screen and (max-width:1080px){
  .goodsListWrap {padding-top:100px;}
  .goodsListWrap .listArea ul li {margin:0 auto 50px;}
  .goodsListWrap .listArea ul li:last-child {margin:0 auto;}
  .goodsListWrap .listArea ul li .thumb {width:300px;}
  .goodsListWrap .listArea ul li .info {width:calc(100% - 305px); padding:0 0 0 50px;}
  .goodsListWrap .listArea ul li .info .artist {font-size:15px;}
  .goodsListWrap .listArea ul li .info .title {font-size:30px; line-height:34px; margin:8px auto 16px;}
  .goodsListWrap .listArea ul li .info .desc,
  .goodsListWrap .listArea ul li .info .desc * {font-size:14px; line-height:22px;}
  .goodsListWrap .listArea ul li .info ._b {width:140px; height:40px; line-height:40px; font-size:16px; margin:30px 0 0 0;}
}

@media screen and (max-width:960px){
  .goodsListWrap .listArea ul li {margin:0 auto 40px;}
  .goodsListWrap .listArea ul li:last-child {margin:0 auto;}
  .goodsListWrap .listArea ul li .thumb {width:280px;}
  .goodsListWrap .listArea ul li .info {width:calc(100% - 285px); padding:0 0 0 40px;}
  .goodsListWrap .listArea ul li .info .artist {font-size:14px;}
  .goodsListWrap .listArea ul li .info .title {font-size:28px; line-height:32px; margin:6px auto 15px;}
  .goodsListWrap .listArea ul li .info .desc,
  .goodsListWrap .listArea ul li .info .desc * {font-size:14px; line-height:22px;}
  .goodsListWrap .listArea ul li .info ._b {width:120px; height:36px; line-height:36px; font-size:14px; margin:25px 0 0 0;}
}

@media screen and (max-width:768px){
  .goodsListWrap .listArea ul li {margin:0 auto 30px;}
  .goodsListWrap .listArea ul li:last-child {margin:0 auto;}
  .goodsListWrap .listArea ul li .thumb {width:240px;}
  .goodsListWrap .listArea ul li .info {width:calc(100% - 245px); padding:0 0 0 30px;}
  .goodsListWrap .listArea ul li .info .artist {font-size:13px;}
  .goodsListWrap .listArea ul li .info .title {font-size:24px; line-height:30px; margin:5px auto 12px;}
  .goodsListWrap .listArea ul li .info .desc,
  .goodsListWrap .listArea ul li .info .desc * {font-size:13px; line-height:22px;}
  .goodsListWrap .listArea ul li .info ._b {width:100px; height:32px; line-height:32px; font-size:13px; margin:20px 0 0 0;}
}

@media screen and (max-width:640px){
  .goodsListWrap .listArea ul li .thumb {width:200px;}
  .goodsListWrap .listArea ul li .info {width:calc(100% - 205px); padding:0 0 0 30px;}
  .goodsListWrap .listArea ul li .info .artist {font-size:12px;}
  .goodsListWrap .listArea ul li .info .title {font-size:20px; line-height:24px; margin:5px auto 10px;}
  .goodsListWrap .listArea ul li .info .desc,
  .goodsListWrap .listArea ul li .info .desc * {font-size:12px; line-height:20px;}
  .goodsListWrap .listArea ul li .info ._b {width:90px; height:30px; line-height:30px; font-size:12px; margin:15px 0 0 0;}
}

@media screen and (max-width:480px){
  .goodsListWrap .listArea ul li .thumb {width:100%;}
  .goodsListWrap .listArea ul li .info {width:100%; padding:0; margin:10px auto 0;}
}

@media screen and (max-width:360px){

}
/* GOODS > 상품리스트 영역 :: E */



/* NEWS > 컨텐츠리스트 영역 :: S */
.boardListWrap {margin:0 auto; background-size:100% auto !important; background:url('/public/images/news/cm_news_bg_1.jpg') center top no-repeat;}

.boardListWrap .listArea {width:100%; position:relative; margin:0 auto; padding:0;}
.boardListWrap .listArea ul {display:block; width:100%; max-width:1200px; position:relative; margin:0; padding:0; text-align:left;}
.boardListWrap .listArea ul li {display:inline-block; width:calc(50% - 35px); position:relative; vertical-align:top; margin:0 60px 60px 0; padding:0;}
.boardListWrap .listArea ul li:nth-of-type(2n+2) {margin:0 0 60px 0;}
.boardListWrap .listArea ul li .thumb {width:100%; position:relative;}
.boardListWrap .listArea ul li .thumb img {width:100%;}
.boardListWrap .listArea ul li .info {width:100%; position:relative; margin:30px auto 0;}
.boardListWrap .listArea ul li .info > * {display:block; text-align:left; position:relative; margin:0; padding:0; box-sizing:border-box;}
.boardListWrap .listArea ul li .info .title {font-size:22px; line-height:28px; font-weight:900; color:#fff; margin:0 auto 10px;}
.boardListWrap .listArea ul li .info .date {font-size:13px; line-height:16px; font-weight:500; color:#777;}

.boardListWrap .pagingArea {width:100%; position:relative; margin:30px auto 0; padding:0;}
.boardListWrap .pagingArea ul {display:block; width:100%; position:relative; margin:0; padding:0; text-align:center;}
.boardListWrap .pagingArea ul li {display:inline-block; position:relative; vertical-align:middle; margin:0 5px 0 0; padding:0;}
.boardListWrap .pagingArea ul li:last-child {margin:0;}
.boardListWrap .pagingArea ul li a {display:block; width:24px; height:24px; text-align:center; font-size:13px; line-height:24px; font-weight:400; color:#777;}
.boardListWrap .pagingArea ul li.active a {font-weight:700; color:#fff;}


@media screen and (max-width:1600px){

}

@media screen and (max-width:1280px){

}

@media screen and (max-width:1080px){
  .boardListWrap {padding-top:100px;}
  .boardListWrap .listArea ul li {width:calc(50% - 25px); margin:0 40px 40px 0;}
  .boardListWrap .listArea ul li:nth-of-type(2n+2) {margin:0 0 40px 0;}
  .boardListWrap .listArea ul li .info {margin:20px auto 0;}
  .boardListWrap .listArea ul li .info .title {font-size:18px; line-height:24px; margin:0 auto 8px;}
  .boardListWrap .listArea ul li .info .date {line-height:14px;}
}

@media screen and (max-width:960px){
  .boardListWrap .listArea ul li {width:calc(50% - 20px); margin:0 30px 30px 0;}
  .boardListWrap .listArea ul li:nth-of-type(2n+2) {margin:0 0 30px 0;}
  .boardListWrap .listArea ul li .info {margin:15px auto 0;}
  .boardListWrap .listArea ul li .info .title {font-size:17px; line-height:24px; margin:0 auto 8px;}
  .boardListWrap .listArea ul li .info .date {font-size:12px;}
}

@media screen and (max-width:768px){
  .boardListWrap .listArea ul li .info {margin:12px auto 0;}
  .boardListWrap .listArea ul li .info .title {font-size:16px; line-height:22px; margin:0 auto 6px;}
  .boardListWrap .listArea ul li .info .date {}
}

@media screen and (max-width:640px){
  .boardListWrap .listArea ul li {width:100% !important; margin:0 auto 30px !important;;}
  .boardListWrap .listArea ul li:last-child {margin:0 auto !important;}
  .boardListWrap .listArea ul li .info {margin:10px auto 0;}
  .boardListWrap .listArea ul li .info .title {font-size:15px; line-height:22px; margin:0 auto 5px;}
  .boardListWrap .listArea ul li .info .date {font-size:11px;}
}

@media screen and (max-width:480px){

}

@media screen and (max-width:360px){

}
/* NEWS > 컨텐츠리스트 영역 :: E */



/* NEWS > 상세보기 영역 :: S */
.boardViewWrap {margin:0 auto; background-size:100% auto !important; background:url('/public/images/news/cm_news_bg_1.jpg') center top no-repeat;}

.boardViewWrap .viewArea {width:100%; position:relative; margin:0 auto; padding:0;}
.boardViewWrap .viewArea > * {display:block; position:relative; margin:0; padding:0; color:#fff;}
.boardViewWrap .viewArea .title {font-size:40px; line-height:46px; font-weight:900;}
.boardViewWrap .viewArea .date {font-size:16px; line-height:20px; font-weight:400; color:#777; margin:30px auto 0;}
.boardViewWrap .viewArea .con {margin:100px auto 0 !important;}
.boardViewWrap .viewArea .con,
.boardViewWrap .viewArea .con * {font-size:14px; line-height:24px; font-weight:400; color:#fff; margin:0; padding:0;}
.boardViewWrap .viewArea .con img {width:auto !important; height:auto !important; max-width:100% !important;}

.boardViewWrap .btnArea {width:100%; position:relative; margin:60px auto 0; padding:60px 0 0 0; border-top:1px solid #555;}


@media screen and (max-width:1600px){

}

@media screen and (max-width:1280px){
  .boardViewWrap .viewArea .title {font-size:36px; line-height:42px;}
  .boardViewWrap .viewArea .date {font-size:15px; line-height:20px; margin:25px auto 0;}
  .boardViewWrap .viewArea .con {margin:90px auto 0 !important;}
  .boardViewWrap .viewArea .con,
  .boardViewWrap .viewArea .con * {font-size:14px; line-height:24px;}

  .boardViewWrap .btnArea {margin:50px auto 0; padding:50px 0 0 0;}
}

@media screen and (max-width:1080px){
  .boardViewWrap {padding-top:100px;}
  .boardViewWrap .viewArea .title {font-size:32px; line-height:38px;}
  .boardViewWrap .viewArea .date {font-size:14px; line-height:20px; margin:20px auto 0;}
  .boardViewWrap .viewArea .con {margin:80px auto 0 !important;}
  .boardViewWrap .viewArea .con,
  .boardViewWrap .viewArea .con * {font-size:13px; line-height:22px;}

  .boardViewWrap .btnArea {margin:40px auto 0; padding:40px 0 0 0;}
}

@media screen and (max-width:960px){
  .boardViewWrap .viewArea .title {font-size:28px; line-height:34px;}
  .boardViewWrap .viewArea .date {font-size:13px; line-height:20px; margin:15px auto 0;}
  .boardViewWrap .viewArea .con {margin:60px auto 0 !important;}
  .boardViewWrap .viewArea .con,
  .boardViewWrap .viewArea .con * {font-size:13px; line-height:20px;}

  .boardViewWrap .btnArea {margin:30px auto 0; padding:30px 0 0 0;}
}

@media screen and (max-width:768px){
  .boardViewWrap .viewArea .title {font-size:24px; line-height:24px;}
  .boardViewWrap .viewArea .date {font-size:12px; line-height:18px; margin:15px auto 0;}
  .boardViewWrap .viewArea .con {margin:40px auto 0 !important;}
  .boardViewWrap .viewArea .con,
  .boardViewWrap .viewArea .con * {font-size:12px; line-height:20px;}

  .boardViewWrap .btnArea {margin:25px auto 0; padding:25px 0 0 0;}
}

@media screen and (max-width:640px){
  .boardViewWrap .viewArea .title {font-size:20px; line-height:20px;}
  .boardViewWrap .viewArea .date {font-size:11px; line-height:16px; margin:12px auto 0;}
  .boardViewWrap .viewArea .con {margin:30px auto 0 !important;}
  .boardViewWrap .viewArea .con,
  .boardViewWrap .viewArea .con * {font-size:12px; line-height:20px;}

  .boardViewWrap .btnArea {margin:20px auto 0; padding:20px 0 0 0;}
}

@media screen and (max-width:480px){

}

@media screen and (max-width:360px){

}
/* NEWS > 상세보기 영역 :: E */



/* PORTFOLIO > 트랙리스트 영역 :: S */
.trackListWrap {}

.trackListWrap .trackList {width:100%; max-width:1200px; position:relative; margin:0; padding:0;}

.trackListWrap .trackList ul {display:block; width:100%; position:relative; margin:0 auto; padding:0;}
.trackListWrap .trackList ul li {display:block; width:100%; position:relative; margin:0 auto; padding:20px 5px; box-sizing:border-box; text-align:center; border-top:1px solid #555;}
.trackListWrap .trackList ul li:last-child {border-bottom:1px solid #555;}
.trackListWrap .trackList ul li ._col {display:inline-block; position:relative; vertical-align:top;}
.trackListWrap .trackList ul li ._col,
.trackListWrap .trackList ul li ._col > * {font-size:18px; line-height:24px; font-weight:400; color:#fff; margin:0; padding:0;}
.trackListWrap .trackList ul li ._col.no {width:80px; text-align:left;}
.trackListWrap .trackList ul li ._col.info {width:calc(100% - 210px); text-align:left;}
.trackListWrap .trackList ul li ._col.info > * {display:block; text-align:left;}
.trackListWrap .trackList ul li ._col.info p {}
.trackListWrap .trackList ul li ._col.info span {font-size:14px; line-height:18px; font-weight:400; color:#777; margin:5px auto 0;}
.trackListWrap .trackList ul li ._col.time {width:120px; text-align:right;}

.trackListWrap .trackList .play {display:block; position:relative; margin:30px 0 0 0; padding:0; font-size:14px; line-height:18px; font-weight:400; color:#777;}
.trackListWrap .trackList .play a {display:inline-block; position:relative; font-size:16px; line-height:20px; font-weight:600; color:#fff; margin:10px 0 0 0;}
/* PORTFOLIO > 트랙리스트 영역 :: E */



/* PORTFOLIO > YOUTUBE 영역 :: S */
.linkYoutubeWrap {}

.linkYoutubeWrap .videoArea {width:100%; max-width:1200px; position:relative; margin:0; padding:0;}
.linkYoutubeWrap .videoArea > div {width:100%; height:0; position:relative; padding-bottom:56.25%; overflow:hidden;}
.linkYoutubeWrap .videoArea iframe {display:block; width:100%; height:100%; position:absolute; top:0; left:0;}
/* PORTFOLIO > YOUTUBE 영역 :: E */



/* PORTFOLIO > PHOTOS 영역 :: S */
.portfolioPhotosWrap {}

.portfolioPhotosWrap .photosArea {width:100%; position:relative; margin:0 auto; padding:0;}
.portfolioPhotosWrap .photosArea ul {display:block; width:100%; position:relative; margin:0; padding:0; text-align:left;}
.portfolioPhotosWrap .photosArea ul li {display:inline-block; position:relative; width:calc(50% - 45px - 5px); margin:0 90px 90px 0; padding:0; box-sizing:border-box; vertical-align:top;}
.portfolioPhotosWrap .photosArea ul li:nth-of-type(2n+2) {margin:0 0 90px 0;}
.portfolioPhotosWrap .photosArea ul li a {display:block; width:100%; position:relative;}
.portfolioPhotosWrap .photosArea ul li a img {width:100%; vertical-align:top;}
/* PORTFOLIO > PHOTOS 영역 :: E */