.no-margin { margin: 0 !important; }

/* container */
.container {max-width:1630px; margin:0 auto; padding:0 15px; width:100%;}
.container.sm {max-width:1170px;}
.is-pc {display:block;}
.is-m {display:none;}
@media (max-width:991px){
.is-pc {display:none;}
.is-m {display:block;}
}

/* header */
header .header-top {padding:40px 0 0; position:relative;}
header .header-top .header-top-logo h1 a {display:block;}
header .header-top .header-top-logo h1 a img {width:212px; display:block; margin:0 auto;}
header .header-top .header-top-member {position:absolute; right:0; top:50%; transform:translateY(-50%);}
header .header-top .header-top-member ul {display:flex; flex-wrap:wrap; align-items:center;}
header .header-top .header-top-member ul li {margin:0 20px 0 0;}
header .header-top .header-top-member ul li:last-of-type {margin:0;}
header .header-top .header-top-member ul li a {display:block; font-size:15px; font-weight:500; padding:10px 0;}
header .header-cate ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
header .header-cate ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:40px; font-size:24px; font-weight:600;}
@media (max-width:991px){
header .header-top {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:15px 0 0;}
header .header-top .header-top-logo h1 a img {width:50px;}
header .header-top .header-top-member {position:static; transform:none;}
header .header-top .header-top-member ul li a {font-size:15px;}
header .header-cate {background:#9449ca; margin:15px -15px 0;}
header .header-cate ul li {flex:1; min-width:0;}
header .header-cate ul li a {padding:15px 0; font-size:16px; color:#fff;}
}

/* footer */
footer {background:#9449ca; padding:40px 0;}
footer .container {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-fixed {position:fixed; right:0; top:50%; transform:translateY(-50%); z-index:1000;}
footer .footer-fixed ul {width:125px; border-radius:10px 0 0 10px; overflow:hidden;}
footer .footer-fixed ul li:not(.btn) a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:125px; background:#ddd;}
footer .footer-fixed ul li:not(.btn) a p {text-align:center; width:100%; font-size:18px; font-weight:600; line-height:1.3;}
footer .footer-fixed ul li:not(.btn).active a {background:#c8c8c8;}
footer .footer-fixed ul li:not(.btn).active a p {color:#540185;}
footer .footer-fixed ul li.btn a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:0; height:55px; background-color:#540185;}
footer .footer-fixed ul li.btn.up a {background-image:url('../images/icon_up.png'); background-position:center; background-size:47px auto; background-repeat:no-repeat;}
footer .footer-fixed ul li.btn.down a {background-image:url('../images/icon_down.png'); background-position:center; background-size:47px auto; background-repeat:no-repeat;}
footer .footer-logo img {width:212px;}
footer .footer-content {flex:1; min-width:0; padding:0 0 0 40px;}
footer .footer-content ul li {margin:0 0 5px; font-size:14px; line-height:1.3; color:#fff; display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-content ul li:last-of-type {margin:40px 0 0;}
footer .footer-content ul li a {font-size:14px; line-height:1.3; color:#fff;}
footer .footer-content ul li a.link {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-content ul li a.link:after {display:inline-block; content:""; width:1px; height:12px; background:#fff; margin:0 10px;}
footer .footer-content ul li a.link:last-of-type:after {display:none;}
@media (max-width:991px){
footer {padding:25px 0;}
footer .footer-logo {width:100%;}
footer .footer-fixed ul {width:50px; border-radius:5px 0 0 5px;}
footer .footer-fixed ul li:not(.btn) a {height:50px;}
footer .footer-fixed ul li:not(.btn) a p {font-size:12px;}
footer .footer-fixed ul li.btn a {height:30px;}
footer .footer-fixed ul li.btn.up a {background-size:20px auto;}
footer .footer-fixed ul li.btn.down a {background-size:20px auto;}
footer .footer-logo img {width:50px; display:block; margin:0 auto;}
footer .footer-content {flex:none; width:100%; padding:0; margin:25px 0 0;}
footer .footer-content ul li {justify-content:center; font-size:13px; word-break:keep-all; text-align:center;}
footer .footer-content ul li:last-of-type {margin:25px 0 0;}
footer .footer-content ul li a {font-size:13px;}
footer .footer-content ul li a.link {font-size:13px;}
}

/* section */
section {margin:0 0 150px;}
@media (max-width:991px){
section {margin:0 0 60px;}
}

/* color */
.ft-purple {color:#540185 !important;}
.ft-red {color:#ff0000 !important;}

/* main-box */
.main-box .main-banner {background-size:cover; background-position:center; position:relative; padding:0 40px;}
.main-box .main-banner:after {display:block; content:""; padding-bottom:40.5%;}
.main-box .main-banner h2 {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; text-align:center; font-family:'GangwonEduPowerExtraBoldA'; font-size:120px; color:#b338fc; font-style:italic; text-shadow:0 0 20px #000;}
.main-box .main-text {padding:126px 0;}
.main-box .main-text p {text-align:center; font-size:38px; line-height:1.3; font-weight:500; color:#383838;}
.main-box .main-text strong {display:block; text-align:center; font-size:62px; line-height:1.3; font-weight:700; color:#383838;}
.main-box .main-list img {display:block; margin:0 auto; width:445px;}
.main-box .main-list ul {margin:126px 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.main-box .main-list ul li {flex:1; min-width:0; margin:0 52px 0 0;}
.main-box .main-list ul li:last-of-type {margin:0;}
.main-box .main-list ul li .inner {display:block; border-radius:20px; overflow:hidden;}
.main-box .main-list ul li .inner .list-image {background-size:cover; background-position:center;}
.main-box .main-list ul li .inner .list-image:after {display:block; content:""; padding-bottom:80%;}
.main-box .main-list ul li .inner .list-content {padding:46px 0; background:#9449ca;}
.main-box .main-list ul li .inner .list-content strong {display:block; text-align:center; font-size:38px; color:#fff; font-weight:600;}
.main-box .main-list ul li .inner .list-content span {display:block; text-align:center; margin:56px 0 0; font-size:24px; color:#fff; font-weight:500;}
@media (max-width:1200px){
.main-box .main-banner:after {padding-bottom:50%;}
.main-box .main-banner h2 {font-size:90px;}
}
@media (max-width:991px){
.main-box .main-banner {padding:0 15px;}
.main-box .main-banner:after {padding-bottom:80%;}
.main-box .main-banner h2 {font-size:42px;}
.main-box .main-text {padding:60px 0;}
.main-box .main-text p {font-size:20px; word-break:keep-all;}
.main-box .main-text strong {font-size:40px; line-height:1.1; margin:10px 0 0; word-break:keep-all;}
.main-box .main-list img {width:200px;}
.main-box .main-list ul {margin:60px 0;}
.main-box .main-list ul li {margin:0 15px 0 0;}
.main-box .main-list ul li .inner .list-content {padding:30px 15px;}
.main-box .main-list ul li .inner .list-content span {margin:30px 0 0;}
}
@media (max-width:600px){
.main-box .main-list ul li {flex:none; margin:0 0 15px; width:100%;}
}

/* gray-box */
.gray-box {background:#eeeeee; border-radius:20px; padding:67px 147px;}
@media (max-width:1500px){
.gray-box {padding:60px;}
}
@media (max-width:991px){
.gray-box {margin:24px 0 0; padding:0; background:none; border-radius:0;}
}

/* like-box */
.like-box {position:relative; z-index:5;}
.like-box a {display:block; font-size:0; width:23px; height:22px; background:url('../images/icon_like.png') no-repeat center / cover;}
.like-box a.active {background-image:url('../images/icon_like_on.png');}
@media (max-width:991px){
.like-box a {width:20px; height:19px;}
}

/* paging-box */
.paging-box {margin:100px 0 0;}
.paging-box ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.paging-box ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:24px; height:24px; color:#767676; font-size:16px;}
.paging-box ul li.active a {font-weight:700; color:#9449ca;}
.paging-box ul li.pg {margin:0 10px 0 0;}
.paging-box ul li.pg:last-of-type {margin:0;}
.paging-box ul li.pg a {font-size:0;}
.paging-box ul li.pg.first a {background:url('../images/icon_paging_first.png') no-repeat center / 20px 18px;}
.paging-box ul li.pg.last a {background:url('../images/icon_paging_last.png') no-repeat center / 20px 18px;}
.paging-box ul li.pg.prev {margin:0 30px 0 0;}
.paging-box ul li.pg.prev a {background:url('../images/icon_paging_prev.png') no-repeat center / 13px 18px;}
.paging-box ul li.pg.next {margin:0 0 0 30px;}
.paging-box ul li.pg.next a {background:url('../images/icon_paging_next.png') no-repeat center / 13px 18px;}
@media (max-width:991px){
.paging-box {margin:50px 0 0;}
.paging-box ul li.pg.first a {background-size:16px 14px;}
.paging-box ul li.pg.last a {background-size:16px 14px;}
.paging-box ul li.pg.prev {margin:0 20px 0 0;}
.paging-box ul li.pg.prev a {background-size:12px 14px;}
.paging-box ul li.pg.next {margin:0 0 0 20px;}
.paging-box ul li.pg.next a {background-size:12px 14px;}
}

/* list-top-box */
.list-top-box {margin:0 0 24px; display:flex; flex-wrap:wrap; align-items:flex-start;}
.list-top-box .list-subject {width:250px;}
.list-top-box .list-subject h2 {font-size:40px; font-weight:600; color:#540185;}
.list-top-box .list-title h3 {font-size:35px; font-weight:600; color:#540185;}
.list-top-box .list-select {flex:1; min-width:0;}
.list-top-box .list-select select {background:url('../images/icon_select.png') no-repeat left center / 22px auto; padding:0 0 0 42px; font-size:35px; font-weight:700; color:#540185; font-family:'SUIT Variable', sans-serif;}
.list-top-box .list-select select option {font-size:20px; color:#333; font-family:'SUIT Variable', sans-serif;}
.list-top-box .list-select ul {display:none;}
.list-top-box .list-form {width:650px;}
.list-top-box .list-form form {display:flex; flex-wrap:wrap; align-items:center;}
.list-top-box .list-form form div {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; background:#fff; border-radius:5px; overflow:hidden;}
.list-top-box .list-form form div input {height:42px; flex:1; min-width:0; padding:3px 20px 0; font-size:16px;}
.list-top-box .list-form form div .filter {width:29px; height:27px; font-size:0; background:url('../images/icon_filter.png') no-repeat center / cover; margin:0 15px 0 0;}
.list-top-box .list-form form .submit {display:block; font-size:0; margin:0 0 0 20px; width:33px; height:34px; background:url('../images/icon_search.png') no-repeat center / cover;}
.list-top-box .list-form dl {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; padding-right:53px; margin:5px 0 0;}
.list-top-box .list-form dl dd {display:flex; flex-wrap:wrap; align-items:center;}
.list-top-box .list-form dl dd:after {display:inline-block; content:""; width:1px; height:10px; margin:0 10px; background:#540185;}
.list-top-box .list-form dl dd:last-of-type:after {display:none;}
.list-top-box .list-form dl dd a {font-size:14px; color:#540185;}
@media (max-width:1600px){
.list-top-box .list-form {width:100%; margin:15px 0 0;}
}
@media (max-width:991px){
.list-top-box .list-subject {width:100%; margin:15px 0 24px; order:1;}
.list-top-box .list-subject h2 {text-align:center; font-size:30px;}
.list-top-box .list-title {width:100%; margin:-10px 0 0; order:2;}
.list-top-box .list-title h3 {font-size:25px; text-align:center;}
.list-top-box .list-select {width:100%; flex:none; justify-content:center; order:2; margin:0 0 20px;}
.list-top-box .list-select select {width:100%; font-size:28px; background-position:15px center; background-size:13px auto;}
.list-top-box .list-select ul {width:100%; display:flex; flex-wrap:wrap; align-items:center; margin:15px -2.5px -5px;}
.list-top-box .list-select ul li {width:calc(33.33% - 5px); margin:0 2.5px 5px;}
.list-top-box .list-select ul li a {width:100%; font-size:14px; border:1px solid #ddd; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:5px; height:40px;}
.list-top-box .list-select ul li.active a {background:#540185; border-color:#540185; color:#fff;}
.list-top-box .list-select ul.none {display:none;}
.list-top-box .list-form {width:100%; min-width:0; order:3; margin:0;}
.list-top-box .list-form form div input {border:1px solid #ddd; border-radius:5px;}
.list-top-box .list-form form div .filter {width:24px; height:22px; margin:0 0 0 12px;}
.list-top-box .list-form form .submit {width:24px; height:25px; margin:0 0 0 10px;}
.list-top-box .list-form dl {padding-right:34px; margin:10px 0 0;}
}

/* list-filter-box */
.list-filter-box {background:#fff; padding:60px 80px; border-radius:10px; display:none;}
.list-filter-box form {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 50px;}
.list-filter-box form input {border:1px solid #d3d3d3; background:#fff; border-radius:5px; height:42px; flex:1; min-width:0; padding:3px 20px 0; font-size:16px;}
.list-filter-box form .submit {display:block; font-size:0; margin:0 0 0 20px; width:33px; height:34px; background:url('../images/icon_search.png') no-repeat center / cover;}
.list-filter-box ul {display:flex; flex-wrap:wrap;}
.list-filter-box ul li {width:50%; padding:0 0 35px; margin:0 0 35px; border-bottom:1px solid #d3d3d3;}
.list-filter-box ul li > strong {margin:0 0 15px; display:block; font-size:24px; font-weight:600; line-height:1.3;}
.list-filter-box ul li > div {display:flex; flex-wrap:wrap; margin:0 -7.5px -15px;}
.list-filter-box ul li > div .check-box {margin:0 7.5px 15px;}
.list-filter-box ul li > div .check-box label p {color:#a2a2a2;}
.list-filter-box ul li.full {width:100%;}
@media (max-width:991px){
.list-filter-box {padding:24px 15px; background:#eee;}
.list-filter-box form {margin:0 0 24px;}
.list-filter-box form input {border:1px solid #ddd; border-radius:5px;}
.list-filter-box form .submit {width:24px; height:25px; margin:0 0 0 10px;}
.list-filter-box ul li {width:100%; padding:0 0 20px; margin:0 0 20px;}
.list-filter-box ul li > strong {margin:0 0 10px; font-size:18px;}
.list-filter-box ul li > div {margin:0 -5px -10px;}
.list-filter-box ul li > div .check-box {margin:0 5px 10px;}
}

/* list-cate-box */
.list-cate-box {margin:0 0 45px; padding:0 0 0 250px;}
.list-cate-box ul {display:flex; flex-wrap:wrap; align-items:center;}
.list-cate-box ul li {display:flex; flex-wrap:wrap; align-items:center;}
.list-cate-box ul li:after {display:inline-block; content:""; width:1px; height:18px; background:#540185; margin:0 15px;}
.list-cate-box ul li:last-of-type:after {display:none;}
.list-cate-box ul li a {font-family:'SUIT Variable', sans-serif; font-size:30px; font-weight:600; line-height:1.3; color:#540185;}
@media (max-width:1600px){
.list-cate-box {padding:0;}
}
@media (max-width:991px){
.list-cate-box {display:none; margin:0 0 35px;}
.list-cate-box ul {margin:0 -2.5px -5px;}
.list-cate-box ul li {width:calc(33.33% - 5px); margin:0 2.5px 5px;}
.list-cate-box ul li:after {display:none; margin:0 10px; height:12px;}
.list-cate-box ul li a {width:100%; font-size:14px; border:1px solid #ddd; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:5px; height:40px;}
.list-cate-box ul li.active a {background:#540185; border-color:#540185; color:#fff;}
}

/* swiper-box */
.swiper-box {margin:0 -147px 100px;}
.swiper-box .swiper-slide {background-size:cover; background-position:center;}
.swiper-box .swiper-slide:after {display:block; content:""; padding-bottom:31.5%;}
.swiper-box .swiper-pagination {bottom:30px;}
.swiper-box .swiper-pagination span {opacity:1; background:#000; border-radius:50%;}
.swiper-box .swiper-pagination span.swiper-pagination-bullet-active {background:#fff; border:1px solid #000;}
@media (max-width:1500px){
.swiper-box {margin:0 -60px 100px;}
}
@media (max-width:991px){
.swiper-box {margin:0 -15px 60px;}
.swiper-box .swiper-pagination {bottom:10px;}
}

/* state-box */
.state-box {display:flex; flex-wrap:wrap; align-items:center;}
.state-box > * {margin:0 5px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:3px; height:25px; padding:0 5px; background:#540185; color:#fff; font-size:13px; font-weight:500;}
.state-box > *:last-of-type {margin:0;}
.state-box > *.active {background:#ff0048;}
@media (max-width:991px){
.state-box {margin:5px 0 0;}
.state-box > * {font-size:12px;}
}

/* notice-box */
.notice-box {background:#540185; border-radius:5px; padding:24px;}
.notice-box p {font-size:24px; line-height:1.4; word-break:keep-all; color:#fff;}
@media (max-width:991px){
.notice-box {padding:20px 15px;}
.notice-box p {font-size:18px;}
}

/* guide-box */
.guide-box ul {list-style:disc; padding:0 0 0 20px;}
.guide-box ul li {list-style:disc; font-size:18px; line-height:1.4; word-break:keep-all; color:#8b8a8b;}
.guide-box ul li b {font-size:18px; line-height:1.4; color:#540185; font-weight:700;}
@media (max-width:991px){
.guide-box ul li {font-size:15px;}
.guide-box ul li b {font-size:15px;}
}

/* audition-list-box */
.audition-list-box ul {display:flex; flex-wrap:wrap; margin:0 -20px -40px;}
.audition-list-box ul li {width:calc(50% - 40px); margin:0 20px 40px; position:relative;}
.audition-list-box ul li .inner {overflow:hidden; border-radius:20px;}
.audition-list-box ul li .inner .subject {background:#cdcdcd; display:flex; flex-wrap:wrap; align-items:center; padding:0 30px; height:100px;}
.audition-list-box ul li .inner .subject p {font-size:19px; font-weight:600; line-height:1.3; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.audition-list-box ul li .inner .subject.bg {background-size:cover; background-position:center;}
.audition-list-box ul li .inner .subject.bg p {font-size:29px; text-shadow:0 0 5px #fff;}
.audition-list-box ul li .inner .content {display:flex; flex-wrap:wrap; align-items:flex-end; background:#fff; padding:30px;}
.audition-list-box ul li .inner .content .content-left {flex:1; min-width:0; padding:0 30px 0 0;}
.audition-list-box ul li .inner .content .content-left strong {display:block; margin:0 0 15px; font-size:19px; font-weight:600; line-height:1.3;}
.audition-list-box ul li .inner .content .content-left dl dd {font-size:17px; line-height:1.5;}
.audition-list-box ul li .inner .content .content-left dl dd:last-of-type {font-weight:600;}
.audition-list-box ul li .inner .content .content-right .image {margin:0 0 36px;}
.audition-list-box ul li .inner .content .content-right .image img {width:51px; display:block; margin:0 auto 5px;}
.audition-list-box ul li .inner .content .content-right .image p {text-align:center; font-size:11px; color:#540185; font-weight:700;}
.audition-list-box ul li .inner .content .content-right .image ~ .like-box {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.audition-list-box ul li .more {position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer; opacity:0; font-size:0;}
.audition-list-box ul li .btn {display:flex; flex-wrap:wrap; align-items:center; margin:10px 0 0;}
.audition-list-box ul li .btn > * {margin:0 5px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:5px; height:40px; padding:0 24px; background:#540185; color:#fff; font-size:14px; font-weight:500;}
.audition-list-box ul li .btn > *:last-of-type {margin:0;}
@media (max-width:991px){
.audition-list-box ul {margin:0;}
.audition-list-box ul li {width:100%; margin:0 0 20px;}
.audition-list-box ul li:last-of-type {margin:0;}
.audition-list-box ul li .inner {border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.audition-list-box ul li .inner .subject {padding:0 15px; height:80px;}
.audition-list-box ul li .inner .subject p {font-size:17px;}
.audition-list-box ul li .inner .subject.bg p {font-size:22px;}
.audition-list-box ul li .inner .content {padding:20px 15px;}
.audition-list-box ul li .inner .content .content-left {padding:0 15px 0 0;}
.audition-list-box ul li .inner .content .content-left strong {font-size:15px;}
.audition-list-box ul li .inner .content .content-left dl dd {font-size:14px; word-break:keep-all;}
.audition-list-box ul li .inner .content .content-left dl dd a {font-size:14px; line-height:1.5;}
.audition-list-box ul li .inner .content .content-right .image {margin:0 0 24px;}
.audition-list-box ul li .inner .content .content-right .image img {width:41px;}
.audition-list-box ul li .inner .content .content-right .image p {font-size:10px;}
.audition-list-box ul li .btn {margin:5px 0 0;}
.audition-list-box ul li .btn > * {font-size:13px;}
}

/* audition-view-box */
.audition-view-box {margin:80px 0 0;}
.audition-view-box .inner {background:#fff; border-radius:20px; padding:60px;}
.audition-view-box .view-subject {border-bottom:2px solid #540185; padding:0 10px 24px;}
.audition-view-box .view-subject h2 {font-size:19px; line-height:1.3; font-weight:600; color:#540185;}
.audition-view-box .view-info {padding:60px 10px; display:flex; flex-wrap:wrap; align-items:center;}
.audition-view-box .view-info .info-content {flex:1; min-width:0; padding-right:60px;}
.audition-view-box .view-info .info-content ul li {display:flex; flex-wrap:wrap; margin:0 0 5px;}
.audition-view-box .view-info .info-content ul li:last-of-type {margin:0;}
.audition-view-box .view-info .info-content ul li b {width:75px; text-align:right; font-size:18px; line-height:1.3;}
.audition-view-box .view-info .info-content ul li p {flex:1; min-width:0; font-size:18px; line-height:1.3; padding-left:15px;}
.audition-view-box .view-info .info-image {width:250px; display:flex; flex-wrap:wrap; justify-content:flex-end;}
.audition-view-box .view-info .info-image img {display:block; max-width:100%;}
.audition-view-box .view-detail {margin:40px 0 0;}
.audition-view-box .view-detail h3 {border-bottom:2px solid #540185; padding:0 10px 24px; margin:0 0 60px; font-size:19px; line-height:1.3; font-weight:600; color:#000;}
.audition-view-box .view-detail p {font-size:16px; line-height:1.5; margin:0 0 40px; padding:0 10px; word-break:keep-all;}
.audition-view-box .view-detail p:last-of-type {margin:0;}
.audition-view-box .view-more {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:60px 0 0;}
.audition-view-box .view-more a {width:500px; height:60px; border-radius:10px; background:#540185; color:#fff; font-size:18px; font-weight:600; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.audition-view-box .view-list {margin:150px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.audition-view-box .view-list .list {font-size:15px; color:#767676; padding:0 60px;}
.audition-view-box .view-list .prev {width:24px; height:24px; font-size:0; background:url('../images/icon_paging_prev.png') no-repeat center / 13px auto;}
.audition-view-box .view-list .next {width:24px; height:24px; font-size:0; background:url('../images/icon_paging_next.png') no-repeat center / 13px auto;}
@media (max-width:991px){
.audition-view-box {margin:40px 0 0;}
.audition-view-box .inner {border-radius:0; padding:0;}
.audition-view-box .view-subject {padding:0 0 15px;}
.audition-view-box .view-info {padding:30px 0;}
.audition-view-box .view-info .info-content {flex:none; width:100%; padding-right:0; order:2;}
.audition-view-box .view-info .info-image {width:100%; order:1; margin:0 0 24px;}
.audition-view-box .view-info .info-image img {margin:0 auto; max-width:200px;}
.audition-view-box .view-detail h3 {padding:0 0 15px; margin:0 0 30px;}
.audition-view-box .view-more a {width:100%; height:50px; font-size:16px;}
.audition-view-box .view-list {margin:60px 0 0;}
}

/* artist-list-box */
.artist-list-box ul {display:flex; flex-wrap:wrap; margin:0 -10px -60px;}
.artist-list-box ul li {position:relative; width:calc(25% - 20px); margin:0 10px 60px;}
.artist-list-box ul li .more {position:absolute; left:0; top:0; width:100%; height:100%;}
.artist-list-box ul li .inner {display:block;}
.artist-list-box ul li .inner .list-image {background-size:cover; background-position:center; border-radius:10px;}
.artist-list-box ul li .inner .list-image:after {display:block; content:""; padding-bottom:130%;}
.artist-list-box ul li .inner .list-content {display:flex; flex-wrap:wrap; align-items:center; margin:15px 0 0;}
.artist-list-box ul li .inner .list-content p {flex:1; min-width:0; font-size:19px; font-weight:600; color:#767676;}
.artist-list-box ul li .time {margin:0 0 5px;}
.artist-list-box ul li .time p {font-size:16px; font-weight:600; line-height:1.3; color:#540185;}
@media (max-width:991px){
.artist-list-box ul {margin:0 -5px -30px;}
.artist-list-box ul li {width:calc(50% - 10px); margin:0 5px 30px;}
.artist-list-box ul li .inner .list-content {margin:10px 0 0;}
.artist-list-box ul li .inner .list-content p {font-size:17px;}
.artist-list-box ul li .time p {font-size:13px;} 
}

/* artist-view-box */
.artist-view-box {margin:80px 0 0;}
.artist-view-box .inner {background:#fff; border-radius:20px; padding:60px; margin:0 0 35px;}
.artist-view-box .view-detail {display:flex; flex-wrap:wrap; align-items:center;}
.artist-view-box .view-detail > * {flex:1; min-width:0; margin:0 70px 0 0;}
.artist-view-box .view-detail > *:last-of-type {margin:0;}
.artist-view-box .view-detail .list-image {background-size:cover; background-position:center;}
.artist-view-box .view-detail .list-image:after {display:block; content:""; padding-bottom:100%;}
.artist-view-box .view-detail .list-content .sns {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end;}
.artist-view-box .view-detail .list-content .sns ul {background:#540185; border-radius:10px; padding:7px 25px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.artist-view-box .view-detail .list-content .sns ul li {margin:0 12px 0 0;}
.artist-view-box .view-detail .list-content .sns ul li:last-of-type {margin:0;}
.artist-view-box .view-detail .list-content .sns ul li a {display:block; font-size:0; height:24px; background-size:cover; background-position:center;}
.artist-view-box .view-detail .list-content .sns ul li.youtube a {width:28px; background-image:url('../images/icon_youtube.png');}
.artist-view-box .view-detail .list-content .sns ul li.instagram a {width:24px; background-image:url('../images/icon_instagram.png');}
.artist-view-box .view-detail .list-content .subject {margin:24px 0 0;}
.artist-view-box .view-detail .list-content .subject h3 {font-size:30px; font-weight:700; color:#540185; margin:0 0 40px;}
.artist-view-box .view-detail .list-content .detail {margin:0 0 30px;}
.artist-view-box .view-detail .list-content .detail ul li {margin:0 0 5px; display:flex; flex-wrap:wrap;}
.artist-view-box .view-detail .list-content .detail ul li:last-of-type {margin:0;}
.artist-view-box .view-detail .list-content .detail ul li b {width:85px; font-size:18px; font-weight:600; line-height:1.5; color:#540185;}
.artist-view-box .view-detail .list-content .detail ul li p {flex:1; min-width:0; font-size:18px; font-weight:500; line-height:1.5; color:#656565;}
.artist-view-box .view-detail .list-content .tag {background:#540185; border-radius:10px; padding:18px;}
.artist-view-box .view-detail .list-content .tag p {font-size:18px; line-height:1.5; color:#fff; font-weight:300;}
.artist-view-box .view-info {padding:30px; border-top:2px solid #540185; margin:50px 0 0;}
.artist-view-box .view-info ul li {margin:0 0 5px; display:flex; flex-wrap:wrap;}
.artist-view-box .view-info ul li:last-of-type {margin:0;}
.artist-view-box .view-info ul li b {width:85px; font-size:18px; font-weight:600; line-height:1.5; color:#540185;}
.artist-view-box .view-info ul li p {flex:1; min-width:0; font-size:18px; font-weight:500; line-height:1.5; color:#656565;}
.artist-view-box .view-history h3 {font-size:30px; font-weight:700; color:#540185; margin:0 0 25px;}
.artist-view-box .view-history dl {margin:0 0 40px;}
.artist-view-box .view-history dl:last-of-type {margin:0;}
.artist-view-box .view-history dl dt {margin:0 0 20px; font-size:22px; font-weight:700; color:#540185;}
.artist-view-box .view-history dl dd {margin:0 0 5px; display:flex; flex-wrap:wrap;}
.artist-view-box .view-history dl dd:last-of-type {margin:0;}
.artist-view-box .view-history dl dd b {width:85px; font-size:18px; font-weight:600; line-height:1.5; color:#540185;}
.artist-view-box .view-history dl dd p {flex:1; min-width:0; font-size:18px; font-weight:500; line-height:1.5; color:#656565;}
.artist-view-box .view-image ul {display:flex; flex-wrap:wrap; justify-content:center; margin:-6.5px -13px;}
.artist-view-box .view-image ul li {padding:6.5px 13px; position:relative;}
.artist-view-box .view-image ul li:after {display:block; content:""; padding-bottom:64.5%;}
.artist-view-box .view-image ul li div {background-size:cover; background-position:center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:calc(100% - 13px); height:calc(100% - 13px);}
.artist-view-box .view-image ul li div iframe {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.artist-view-box .view-list {margin:60px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.artist-view-box .view-list .list {font-size:15px; color:#767676; padding:0 60px;}
.artist-view-box .view-list .prev {width:24px; height:24px; font-size:0; background:url('../images/icon_paging_prev.png') no-repeat center / 13px auto;}
.artist-view-box .view-list .next {width:24px; height:24px; font-size:0; background:url('../images/icon_paging_next.png') no-repeat center / 13px auto;}
@media (max-width:991px){
.artist-view-box {margin:40px 0 0;}
.artist-view-box .inner {background:none; padding:0; border-radius:0;}
.artist-view-box .view-detail > * {flex:none; width:100%; margin:0 0 30px;}
.artist-view-box .view-detail .list-content {margin:0;}
.artist-view-box .view-detail .list-content .subject {margin:24px 0 0;}
.artist-view-box .view-detail .list-content .subject h3 {font-size:25px; margin:0 0 20px;}
.artist-view-box .view-detail .list-content .detail {margin:0 0 20px;}
.artist-view-box .view-detail .list-content .detail ul li b {font-size:16px;}
.artist-view-box .view-detail .list-content .detail ul li p {font-size:16px;}
.artist-view-box .view-detail .list-content .tag p {font-size:14px;}
.artist-view-box .view-info {padding:24px 0;}
.artist-view-box .view-info ul li b {font-size:16px;}
.artist-view-box .view-info ul li p {font-size:16px;}
.artist-view-box .view-history {font-size:25px; margin:0 0 20px; border-top:2px solid #540185; padding:24px 0 0;}
.artist-view-box .view-history dl dt {font-size:18px;}
.artist-view-box .view-history dl dd b {font-size:16px;}
.artist-view-box .view-history dl dd p {font-size:16px;}
.artist-view-box .view-image ul {margin:0 -5px;}
.artist-view-box .view-image ul li {padding:0;}
.artist-view-box .view-image ul li div {width:calc(100% - 10px); height:calc(100% - 10px);}
.artist-view-box .view-list {margin:45px 0 0;}
}

/* member-box */
.member-box {max-width:500px; margin:100px auto 0;}
@media (max-width:991px){
.member-box {margin:50px auto 0;}
}

/* title-box */
.title-box {margin:0 0 50px;}
.title-box.border-bottom {border-bottom:2px solid #540185; padding:0 0 15px;}
.title-box h2 {text-align:center; font-size:36px; font-weight:600;}
.title-box h2.active {color:#540185;}
.title-box.top:before {display:block; content:""; width:190px; height:1px; background:#c6aad6; margin:100px auto;}
@media (max-width:991px){
.title-box {margin:0 0 32px;}
.title-box h2 {font-size:20px;}
.title-box.top:before {width:100px; margin:50px auto;}
}

/* text-box */
.text-box strong {display:block; font-size:20px; font-weight:600; margin:0 0 10px;}
.text-box strong:after {display:inline-block; content:"*"; font-size:20px; font-weight:600; color:#ff0000; margin:0 0 0 5px;}
.text-box dl dd {margin:0 0 5px; padding:0 0 0 10px; position:relative; font-size:16px; color:#666; font-weight:500; line-height:1.4; word-break:keep-all;}
.text-box dl dd b {font-size:16px; color:#ff0000; font-weight:500; line-height:1.4;}
.text-box dl dd:before {position:absolute; left:0; top:7px; width:4px; height:4px; background:#666; content:"";}
@media (max-width:991px){
.text-box strong {font-size:16px; margin:0 0 5px;}
.text-box dl dd {font-size:14px;}
.text-box dl dd b {font-size:14px;}
.text-box dl dd:before {width:3px; height:3px;}
}

/* file-box */
.file-box {display:flex; flex-wrap:wrap; width:100%; margin:0 0 50px;}
.file-box:last-of-type {margin:0;}
.file-box > * {flex:1; min-width:0; margin:0 24px 0 0;}
.file-box > *:last-of-type {margin:0;}
.file-box .file-image {flex:none; width:calc(45% - 24px); position:relative; border:1px solid #d9d9d9; border-radius:10px; background:#fbfcfd;}
.file-box .file-image:before {display:block; content:""; padding-bottom:100%;}
.file-box .file-image input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.file-box .file-image label {position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center; cursor:pointer;}
.file-box .file-image label p {width:100%; text-align:center; font-size:17px; color:#a19f9f;}
.file-box .file-image label:before {display:block; content:""; margin:0 auto 10px; width:100px; height:100px; background:url('../images/icon_file.png') no-repeat center / 100px auto;}
.file-box .file-content .file-list {display:flex; flex-wrap:wrap; margin:0 -4px -8px;}
.file-box .file-content .file-list li {padding:0; width:56px; height:56px; border-radius:2px; background-size:cover; background-position:center; position:relative; margin:0 4px 8px;}
.file-box .file-content .file-list li .delete {cursor:pointer; position:absolute; right:0; top:0; width:24px; height:24px; font-size:0; background:url('../images/icon_file_delete.png') no-repeat center / cover;}
.file-box.banner .file-image:before {padding-bottom:40%;}
.file-box.banner .file-image label p {display:none;}
.file-box.banner .file-image label:before {width:60px; height:60px; background-size:60px auto; margin:0 auto;}
@media (max-width:600px){
.file-box .file-image {width:50%; margin:0 0 15px;}
.file-box .file-image label:before {width:50px; height:50px; background-size:50px auto;}
.file-box .file-image label p {font-size:15px;}
.file-box .file-content {flex:none; width:100%;}
.file-box.banner .file-image label:before {width:35px; height:35px; background-size:35px auto;}
}

/* input-box */
.input-box {display:flex; flex-wrap:wrap; align-items:center; border-radius:10px; overflow:hidden; border:1px solid #d2d2d2; background:#fbfcfd;}
.input-box input {flex:1; min-width:0; height:60px; padding:0 30px; font-size:17px; color:#111; background:none;}
.input-box input::placeholder {color:#d2d2d2;}
.input-box input:read-only {color:#6c6c6c;}
.input-box a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:5px; margin:0 15px 0 0; padding:0 30px; height:32px; font-size:14px; color:#fff; background:#540185;}
.input-box.text {height:60px;}
.input-box.text p {padding:5px 30px 0; width:100%; font-size:15px; color:#939191;}
.input-box.text input {height:auto; flex:none; width:100%; padding:0 30px 5px;}
.input-box.sm input {height:40px; font-size:16px;}
@media (max-width:991px){
.input-box input {height:50px; padding:0 15px; font-size:15px;}
.input-box a {padding:0 15px; font-size:12px;}
.input-box.text {height:50px;}
.input-box.text p {padding:5px 15px 0; font-size:13px;}
.input-box.text input {padding:5px 15px;}
.input-box.sm input {height:40px; font-size:15px;}
}

/* date-box */
.date-box {display:flex; flex-wrap:wrap; align-items:center;}
.date-box .date {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; border-radius:10px; overflow:hidden; position:relative; border:1px solid #d2d2d2; background:#fbfcfd;}
.date-box .date input {flex:1; min-width:0; height:60px; padding:0 30px; font-size:17px; color:#111; background:none;}
.date-box .date input::-webkit-calendar-picker-indicator {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer; z-index:3;}
.date-box .date:after {position:absolute; right:20px; top:50%; transform:translateY(-50%); width:20px; height:20px; background:url('../images/icon_date.png') no-repeat center / cover; content:"";}
.date-box em {margin:0 5px; font-size:16px; color:#666; font-weight:600;}
@media (max-width:991px){
.date-box .date input {height:50px; padding:0 15px; font-size:15px;}
.date-box .date:after {width:16px; height:16px; right:10px;}
}

/* submit-box */
.submit-box .submit {display:block; font-size:0; width:23px; height:24px; background:url('../images/icon_search.png') no-repeat center / cover;}

/* select-box */
.select-box {display:flex; flex-wrap:wrap; align-items:center; border-radius:10px; overflow:hidden; border:1px solid #d2d2d2; background:#fbfcfd;}
.select-box select {flex:1; min-width:0; height:60px; padding:0 45px 0 30px; font-size:17px; color:#111; background:url('../images/icon_select.png') no-repeat calc(100% - 20px) center / 17px auto;}
.select-box.sm select {height:40px; font-size:16px; padding:0 40px 0 15px; background-size:14px auto; background-position:calc(100% - 15px) center;}
@media (max-width:991px){
.select-box select {height:50px; padding:0 35px 0 15px; font-size:15px; background-position:calc(100% - 15px); background-size:14px auto;}
}

/* textarea-box */
.textarea-box textarea {display:block; width:100%; background:#fbfcfd; border:1px solid #d2d2d2; border-radius:10px; padding:15px; font-size:17px; color:#111; line-height:1.4; height:155px;}
.textarea-box.lg textarea {height:350px;}
@media (max-width:991px){
.textarea-box textarea {padding:10px; font-size:14px; height:100px;}
.textarea-box.lg textarea {height:250px;}
}

/* check-box */
.check-box {position:relative;}
.check-box input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.check-box label {display:flex; flex-wrap:wrap;}
.check-box label p {flex:1; min-width:0; font-size:17px; line-height:1.5; font-weight:500; word-break:keep-all;}
.check-box label:before {display:inline-block; content:""; width:25px; height:25px; margin:0 8px 0 0; position:relative; top:-1px; background:url('../images/icon_check.png') no-repeat center / cover;}
.check-box input:checked ~ label:before {background-image:url('../images/icon_check_on.png');}
.check-group-box {display:flex; flex-wrap:wrap; margin:0 -7.5px -15px;}
.check-group-box .check-box {margin:0 7.5px 15px;}
@media (max-width:991px){
.check-box label p {font-size:15px;}
.check-box label:before {width:22px; height:22px;}
.check-group-box {margin:0 -5px -10px;}
.check-group-box .check-box {margin:0 5px 10px;}
}

/* check-total-box */
.check-total-box {max-width:783px; margin:0 auto;}
.check-total-box h2 {text-align:center; font-size:20px; font-weight:600; margin:0 0 45px;}
.check-total-box .check-total {margin:0 0 40px;}
.check-total-box .check-list ul li {margin:0 0 35px;}
.check-total-box .check-list ul li:last-of-type {margin:0;}
.check-total-box.full {max-width:100%;}
@media (max-width:991px){
.check-total-box h2 {margin:0 0 24px;}
.check-total-box .check-total {margin:0 0 24px;}
.check-total-box .check-list ul li {margin:0 0 25px;}
}

/* group-box */
.group-box {display:flex; flex-wrap:wrap; align-items:center; padding:0 0 24px; margin:0 0 24px; border-bottom:1px solid #eee;}
.group-box:last-of-type {padding:0; margin:0; border:0;}
.group-box > div {flex:1; min-width:0; margin:0 8px 0 0;}
.group-box a {position:relative; width:25px; height:25px; font-size:0; margin:0 10px 0 0;}
.group-box a:last-of-type {margin:0;}
.group-box a:after {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; height:3px; background:#540185; content:"";}
.group-box a.add:before {position:absolute; left:50%; top:0; transform:translateX(-50%); width:3px; height:100%; background:#540185; content:"";}
@media (max-width:991px){
.group-box {justify-content:center;}
.group-box > div {flex:none; width:calc(50% - 10px); margin:0 5px 10px;}
.group-box a {width:25px; height:25px; background:#540185; border-radius:3px; margin:0 5px 0 0;}
.group-box a:after {background:#fff; width:50%; left:50%; transform:translate(-50%,-50%);}
.group-box a.add:before {background:#fff; height:50%; top:50%; transform:translate(-50%,-50%);}
}

/* agree-box */
.agree-box {border:1px solid #d2d2d2; background:#fbfcfd; padding:15px; height:125px; overflow-y:auto;}
.agree-box p {font-size:17px; line-height:1.4; margin:0 0 20px;}
.agree-box p:last-of-type {margin:0;}
@media (max-width:991px){
.agree-box p {font-size:15px;}
}

/* button-box */
.button-box {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.button-box .btn {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; flex:1; min-width:0; font-size:24px; font-weight:600; height:60px;}
.button-box .btn-active {background:#540185; color:#fff; border-radius:10px;}
.button-box .btn-active.off {background:#fff; border:1px solid #d9d9d9; color:#540185;}
.button-box .btn.sm {height:40px; font-size:16px;}
@media (max-width:991px){
.button-box .btn {height:50px; font-size:18px;}
}

/* link-box */
.link-box ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.link-box ul li {display:flex; flex-wrap:wrap; align-items:center;}
.link-box ul li:after {display:inline-block; content:""; width:1px; height:15px; background:#5d5c5c; margin:0 10px;}
.link-box ul li:last-of-type:after {display:none;}
.link-box ul li a {font-size:17px; color:#5d5c5c;}
@media (max-width:991px){
.link-box ul li a {font-size:15px;}
}

/* membership-box */
.membership-box {background:#fff; border-radius:15px; padding:50px;}
.membership-box h2 {font-size:35px; font-weight:600; color:#540185; margin:0 0 50px;}
.membership-box ul {display:flex; flex-wrap:wrap;}
.membership-box ul li {display:flex; flex-wrap:wrap; align-items:center; align-content:space-between; padding:30px; flex:1; min-width:0; background:#fbfcfd; border:1px solid #d2d2d2; border-radius:10px; margin:0 15px 0 0;}
.membership-box ul li:last-of-type {margin:0;}
.membership-box ul li > div {width:100%;}
.membership-box ul li > div.bottom {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:100px 0 0;}
.membership-box ul li > div.bottom a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; padding:0 50px; height:60px; font-size:16px; font-weight:600; border-radius:10px;}
.membership-box ul li > div.bottom a.blue {color:#004fe1; border:1px solid #004fe1;}
.membership-box ul li > div.bottom a.purple {color:#540185; border:1px solid #540185;}
.membership-box ul li h3 {font-size:25px; font-weight:600; margin:0 0 15px;}
.membership-box ul li strong {display:block; font-size:22px; font-weight:500; margin:0 0 20px; padding:0 0 20px; border-bottom:1px solid #d2d2d2;}
.membership-box ul li dl dd {margin:0 0 5px; position:relative; padding:0 0 0 15px; font-size:16px; line-height:1.4; color:#6c6c6c;}
.membership-box ul li dl dd:before {position:absolute; left:0; top:6.5px; width:5px; height:5px; border-radius:50%; border:1px solid #6c6c6c; content:"";}
.membership-box ul li dl dd.blue {color:#004fe1;}
.membership-box ul li dl dd.blue:before {border-color:#004fe1;}
.membership-box ul li dl dd.purple {color:#540185;}
.membership-box ul li dl dd.purple:before {border-color:#540185;}
.membership-box ul li:nth-of-type(2) h3 {color:#004fe1;}
.membership-box ul li:nth-of-type(3) h3 {color:#540185;}
@media (max-width:1200px){
.membership-box ul li {flex:none; width:100%; margin:0 0 24px;}
.membership-box ul li:last-of-type {margin:0;}
}
@media (max-width:991px){
.membership-box {background:none; border-radius:0; padding:0;}
.membership-box h2 {font-size:30px; margin:0 0 24px;}
.membership-box ul li > div.bottom {margin:30px 0 0;}
.membership-box ul li > div.bottom a {padding:0 40px; height:50px; font-size:14px;}
.membership-box ul li {padding:20px;}
.membership-box ul li h3 {font-size:20px; margin:0 0 10px;}
.membership-box ul li strong {font-size:18px; margin:0 0 15px; padding:0 0 15px;}
.membership-box ul li dl dd {font-size:14px; padding:0 0 0 10px;}
.membership-box ul li dl dd:before {width:4px; height:4px; top:6px;}
}

/* write-box */
.write-box {background:#fff; border-radius:15px; padding:50px;}
.write-box .write-head {display:flex; flex-wrap:wrap; align-items:baseline; margin:0 0 50px;}
.write-box .write-head h2 {font-size:35px; font-weight:600; color:#540185;}
.write-box .write-head small {font-size:16px; margin:0 0 0 15px; font-weight:500;}
.write-box .write-head small b {font-size:16px; font-weight:500; color:#ff0000;}
.write-box .write-body ul {display:flex; flex-wrap:wrap; margin:0 -50px -50px;}
.write-box .write-body ul li {width:calc(50% - 100px); margin:0 50px 50px;}
.write-box .write-body ul li strong {display:flex; flex-wrap:wrap; align-items:baseline; font-size:20px; font-weight:600; margin:0 0 15px;}
.write-box .write-body ul li strong small {font-size:18px; margin:0 0 0 5px;}
.write-box .write-body ul li strong.req:after {display:inline-block; content:"*"; font-size:18px; font-weight:600; color:#ff0000; margin:0 0 0 5px;}
.write-box .write-body ul li div .check-box label p {color:#666;}
.write-box .write-body ul li.full {width:100%;}
@media (max-width:991px){
.write-box {background:none; border-radius:0; padding:0;}
.write-box .write-head {margin:0 0 30px;}
.write-box .write-head h2 {font-size:25px;}
.write-box .write-head small {font-size:14px; margin:0 0 0 7px;}
.write-box .write-head small b {font-size:14px;}
.write-box .write-body ul {margin:0;}
.write-box .write-body ul li {width:100%; border-bottom:1px solid #eee; padding:0 0 24px; margin:0 0 24px;}
.write-box .write-body ul li strong {font-size:16px;}
.write-box .write-body ul li strong small {font-size:14px;}
.write-box .write-body ul li strong.req:after {font-size:14px;}
}

/* calendar-box */
.calendar-box .list-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:0 0 30px;}
.calendar-box .list-head a {font-size:30px; font-weight:600; color:#540185;}
.calendar-box .list-head strong {margin:0 30px; font-size:30px; font-weight:600; color:#540185;}
.calendar-box .list-body table {table-layout:fixed; border:1px solid #8c8b8c;}
.calendar-box .list-body table thead tr th {border:1px solid #8c8c8c; border-width:0 1px 1px 0; height:30px; color:#540185; font-size:15px; font-weight:600;}
.calendar-box .list-body table thead tr th:last-of-type {border-right:0;}
.calendar-box .list-body table tbody tr td {position:relative; border:1px solid #8c8c8c; border-width:0 1px 1px 0;}
.calendar-box .list-body table tbody tr td:last-of-type {border-right:0;}
.calendar-box .list-body table tbody tr td:first-of-type {background:#fadddd;}
.calendar-box .list-body table tbody tr:last-of-type td {border-bottom:0;}
.calendar-box .list-body table tbody tr td div {display:flex; flex-wrap:wrap; padding:5px; font-size:15px; font-weight:600; color:#540185;}
.calendar-box .list-body table tbody tr td div:after {display:block; content:""; padding-bottom:86.5%;}
.calendar-box .list-body table tbody tr td .more {position:absolute; left:0; top:0; width:100%; height:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:15px; font-weight:600; color:#540185;}
.calendar-box .list-body table tbody tr td .more b {font-size:15px; font-weight:600; color:#540185;}
.calendar-box .list-body table tbody tr td.active {background:#d4c0fc;}
@media (max-width:991px){
.calendar-box .list-head {margin:0 0 20px;}
.calendar-box .list-head a {font-size:20px;}
.calendar-box .list-head strong {margin:0 20px; font-size:20px;}
.calendar-box .list-body table thead tr th {font-size:13px;}
.calendar-box .list-body table tbody tr td div {font-size:11px; padding:3px;}
.calendar-box .list-body table tbody tr td div:after {padding-bottom:125%;}
.calendar-box .list-body table tbody tr td .more {font-size:11px;}
.calendar-box .list-body table tbody tr td .more b {display:none;}
}

/* popup-box */
.popup-box {pointer-events:none; opacity:0; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; transition:all ease 0.5s; background:rgba(0,0,0,0.5);}
.popup-box .box {pointer-events:none; opacity:0; transition:all ease 0.5s; padding:24px; background:#eee; width:calc(100% - 30px); max-width:1200px; position:absolute; left:50%; top:45%; transform:translate(-50%,-50%); max-height:90%; overflow-y:auto; border-radius:10px;}
.popup-box .popup-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; margin:0 0 24px;}
.popup-box .popup-head .close {width:24px; height:24px; display:block; font-size:0; position:relative;}
.popup-box .popup-head .close:after {position:absolute; content:""; left:0; top:11px; width:100%; height:3px; background:#a5a3a3; transform:rotate(45deg);}
.popup-box .popup-head .close:before {position:absolute; content:""; left:0; top:11px; width:100%; height:3px; background:#a5a3a3; transform:rotate(-45deg);}
.popup-box .popup-body .artist-list-box ul {margin-bottom:0;}
.popup-box.fixed {pointer-events:inherit; opacity:1;}
.popup-box.fixed .box.active {pointer-events:inherit; opacity:1; top:50%;}
@media (max-width:991px){
.popup-box .box {padding:24px 15px;}
}

/* audition-write-box */
.audition-write-box ul li {margin:0 0 24px;}
.audition-write-box ul li:last-of-type {margin:0;}
.audition-write-box ul li .btn {width:20px; height:20px; font-size:0; background-size:cover; background-position:center; margin:0 0 0 10px;}
.audition-write-box ul li .btn.add {background-image:url('../images/icon_add.png');}
.audition-write-box ul li .btn.remove {background-image:url('../images/icon_remove.png');}