.entertainment.index {padding-top: 0px;word-break: keep-all;}
.entertainment.index .entertainment-banner {position: relative; height: 100vh; display: flex; align-items: center; justify-content: center;}
.entertainment.index .entertainment-banner .banner-img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; overflow: hidden;}
.entertainment.index .entertainment-banner .banner-img img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: none; height: 100%; width: 100%; object-fit: cover;}

.entertainment.index .manderley {position: relative; z-index: 1; padding-top: 180px; padding-bottom: 260px; text-align: center;}
.entertainment.index .manderley span {display: inline-block; font-family: 'disol_headline'; font-size: 28px; letter-spacing: -0.025em; color: #f6ad3c; padding-bottom: calc(20/28*1em);}
.entertainment.index .manderley h2 {font-family: 'disol_headline'; font-size: 70px; letter-spacing: -0.025em; color: #fff; padding-bottom: calc(50/70*1em);}
.entertainment.index .manderley .manderley-text {font-family: 'Pretendard'; font-size: 24px; font-weight: 500; letter-spacing: -0.025em; color: #fff; line-height: calc(44/24*1em);}
.entertainment.index .manderley .manderley-text p * {-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(110deg, #ffffff2c 0%, transparent 0%, transparent 0%);}

.entertainment.index .event {position: relative; z-index: 1; text-align: center;}
.entertainment.index .event h2 {font-family: 'disol_headline'; font-size: 70px; letter-spacing: -0.025em; color: #fff; padding-bottom: calc(50/70*1em);}
.entertainment.index .event .search {display: flex; align-items: center; justify-content: center; margin-left: auto; margin-right: 0; }
.entertainment.index .event .search {width: 344px; height: 40px; border: 1px solid #404042de; border-radius: calc(20/17*1em); background-color: transparent; box-sizing: border-box; font-family: 'Pretendard'; font-size: 17px; font-weight: 300; letter-spacing: -0.025em; color: #fff;}
.entertainment.index .event .search input {background-color: transparent; border: none; outline: none; padding: calc(15/17*1em) calc(25/17*1em); flex-grow: 1; color: #fff;}
.entertainment.index .event .search button {cursor: pointer; font-size: 18px; width: 40px; height: 40px; border-radius: 50%; background-color: transparent; color: #fff; border: none; outline: none;}

.entertainment.index .event .event-list {display: flex; flex-wrap: wrap; gap: 100px 20px; color: #fff; padding-top: 30px;}
.entertainment.index .event .event-list .event-item {position: relative; width: calc(100% / 3 - (20px * 2 / 3)); }
.entertainment.index .event .event-list .event-item .event-item-thumb {position: relative; width: 100%; overflow: hidden;}
.entertainment.index .event .event-list .event-item .event-item-thumb::after {content: ''; display: block; padding-top: calc(335/466*100%);}
.entertainment.index .event .event-list .event-item .event-item-thumb img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}
.entertainment.index .event .event-list .event-item .event-item-text {display: flex; flex-direction: column; justify-content: flex-start; text-align: left;}
.entertainment.index .event .event-list .event-item .event-item-text .title {font-size: 20px; font-weight: 600; letter-spacing: -0.02em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-top: calc(30/20*1em); padding-bottom: calc(15/20*1em);}
.entertainment.index .event .event-list .event-item .event-item-text .date {display: flex; align-items: center; font-size: 16px; font-weight: 400; letter-spacing: -0.02em;}
.entertainment.index .event .event-list .event-item .event-item-text .date i {color: #99999d; padding-right: calc(8/16*1em);}

.entertainment.index .event .paging {padding-top: 80px;}

@media screen and (max-width: 1440px) {
    .entertainment.index .manderley h2 {font-size: 65px;}
    .entertainment.index .manderley .manderley-text {font-size: 22px;}
    .entertainment.index .event h2 {font-size: 65px;}
}

@media screen and (max-width: 1280px) {
    .entertainment.index .manderley {padding-top: 150px; padding-bottom: 220px;}
    .entertainment.index .manderley h2 {font-size: 60px;}
    .entertainment.index .manderley .manderley-text {font-size: 20px;}
    .entertainment.index .event h2 {font-size: 60px;}
    .entertainment.index .event .event-list {gap: 80px 15px;}
}

@media screen and (max-width: 1024px) {
    .entertainment.index .manderley {padding-top: 120px; padding-bottom: 180px;}
    .entertainment.index .manderley span {font-size: 24px;}
    .entertainment.index .manderley h2 {font-size: 50px;}
    .entertainment.index .manderley .manderley-text {font-size: 18px;}
    .entertainment.index .event h2 {font-size: 50px;}
    .entertainment.index .event .event-list {gap: 60px 15px;}
    .entertainment.index .event .event-list .event-item .event-item-text .title {font-size: 18px;}
    .entertainment.index .event .event-list .event-item .event-item-text .date {font-size: 14px;}
}

@media screen and (max-width: 820px) {
    .entertainment.index .manderley {padding-top: 100px; padding-bottom: 150px;}
    .entertainment.index .manderley span {font-size: 20px;}
    .entertainment.index .manderley h2 {font-size: 50px;}
    .entertainment.index .manderley .manderley-text {font-size: clamp(14px, 16/820*100vw, 16px);}
    .entertainment.index .manderley .manderley-text br{display: none;}
    .entertainment.index .event h2 {font-size: 50px;}
    .entertainment.index .event .search {width: 300px; height: 36px;}
	.entertainment.index .event .search input{max-width: calc(100% - 80px);}
    .entertainment.index .event .search button {width: 36px; height: 36px;}
    .entertainment.index .event .event-list {gap: 50px 15px;}
    .entertainment.index .event .event-list .event-item {width: calc(100% / 2 - (15px / 2));}
    .entertainment.index .event .event-list .event-item .event-item-text .title {font-size: clamp(14px, 16/820*100vw, 16px);}
    .entertainment.index .event .event-list .event-item .event-item-text .date {font-size: clamp(12px, 14/820*100vw, 14px);}
    .entertainment.index .event .paging {padding-top: 60px;}
}

@media screen and (max-width: 500px) {
    .entertainment.index .manderley {padding-top: 80px; padding-bottom: 120px;}
    .entertainment.index .manderley span {font-size: 18px;}
    .entertainment.index .manderley h2 {font-size: 40px;}
    .entertainment.index .manderley .manderley-text {font-size: clamp(12px, 14/500*100vw, 14px);}
    .entertainment.index .manderley .manderley-text br {display: none;}
    .entertainment.index .event h2 {font-size: 40px;}
    .entertainment.index .event .search {width: 100%; max-width: 280px; margin: 0 auto;}
    .entertainment.index .event .event-list {gap: 40px 0;}
    .entertainment.index .event .event-list .event-item {width: 100%;}
    .entertainment.index .event .paging {padding-top: 40px;}
}

@media screen and (max-width: 360px) {
    .entertainment.index .manderley {padding-top: 60px; padding-bottom: 100px;}
    .entertainment.index .manderley span {font-size: 16px;}
    .entertainment.index .manderley h2 {font-size: 32px;}
    .entertainment.index .manderley .manderley-text {font-size: 12px;}
    .entertainment.index .event h2 {font-size: 32px;}
    .entertainment.index .event .search {height: 32px;}
    .entertainment.index .event .search button {width: 32px; height: 32px;}
    .entertainment.index .event .event-list .event-item .event-item-text .title {font-size: 16px;}
    .entertainment.index .event .event-list .event-item .event-item-text .date {font-size: 12px;}
}


/* view */
.entertainment.view .event-view {position: relative; z-index: 1; padding-top: 180px;}
.entertainment.view .event-view .titleWrap {display: flex; align-items: flex-end; justify-content: space-between; font-size: 36px; padding-bottom: calc(20/36*1em); border-bottom: 2px solid #fff;}
.entertainment.view .event-view .titleWrap h2 {flex-grow: 1; word-break: keep-all; font-weight: 700; font-family: 'Pretendard'; font-size: inherit; letter-spacing: -0.025em; color: #fff; line-height: 1.4; padding-right: calc(20/36*1em);}
.entertainment.view .event-view .titleWrap p {display: flex; align-items: flex-end; flex-shrink: 0; font-family: 'Pretendard'; font-size: 16px; color: #fff; }
.entertainment.view .event-view .titleWrap p i {font-size: 18px; padding-right: calc(10/18*1em); display: inline-block; color: #99999d;}

.entertainment.view .event-view .attachFile {display: flex; align-items: center; justify-content: flex-start; padding: calc(20/16*1em) 0; font-size: 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.4);}
.entertainment.view .event-view .attachFile dt {font-family: 'Pretendard'; font-size: inherit; font-weight: 700; letter-spacing: -0.025em; color: #fff; padding-right: calc(20/16*1em);}
.entertainment.view .event-view .attachFile dd {font-family: 'Pretendard'; font-size: 14px; font-weight: 500; letter-spacing: -0.025em; color: #fff;}
.entertainment.view .event-view .attachFile dd a {display: flex; align-items: center; justify-content: flex-start;}
.entertainment.view .event-view .attachFile dd i {font-size: 20px; padding-right: calc(5/20*1em);}
.entertainment.view .event-view .attachFile dd span {transition: .4s; font-size: inherit; color: #6a6b6e; text-decoration: underline; text-underline-offset: 4px;}

.entertainment.view .event-view .event-content {min-height: 600px; color: #fff; padding-top: 20px; background: #000;}

.entertainment.view .event-view .navi {display: flex; flex-direction: column; border-bottom: 2px solid rgba(255, 255, 255, 1);}
.entertainment.view .event-view .navi a {display: flex; align-items: center; justify-content: flex-start; font-size: 18px; color: #fff; padding: calc(20/18*1em) 0; border-top: 1px solid rgba(255, 255, 255, 0.4);}
.entertainment.view .event-view .navi a i {flex-shrink: 0; font-size: inherit; padding-right: calc(15/18*1em);}
.entertainment.view .event-view .navi a span { transition: .4s; flex-grow: 1; font-size: inherit; color: #fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.entertainment.view .event-view .navi a.prev-none {pointer-events: none; opacity: .5;}

.entertainment.view .event-view .btnWrap {padding-top: 100px; font-size: 20px; display: flex; justify-content: center;}
.entertainment.view .event-view .btnWrap a {font-family: 'disol_ragular'; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; font-size: inherit; color: #fff; padding: calc(25/20*1em) calc(125/20*1em); border-radius: calc(10/20*1em); border: 1px solid #fff; background-color: transparent;}

@media screen and (min-width: 821px) {
    .entertainment.view .event-view .attachFile dd a:hover span {color: #f6ad3c;}
    .entertainment.view .event-view .navi a:hover span {color: #f6ad3c;}
}

@media screen and (max-width: 1440px) {
    .entertainment.view .event-view {padding-top: 160px;}
    .entertainment.view .event-view .titleWrap {font-size: 32px;}
    .entertainment.view .event-view .btnWrap {padding-top: 80px;}
}

@media screen and (max-width: 1280px) {
    .entertainment.view .event-view {padding-top: 140px;}
    .entertainment.view .event-view .titleWrap {font-size: 30px;}
    .entertainment.view .event-view .titleWrap p {font-size: 15px;}
    .entertainment.view .event-view .attachFile {font-size: 15px;}
    .entertainment.view .event-view .navi a {font-size: 16px;}
    .entertainment.view .event-view .btnWrap {padding-top: 70px; font-size: 18px;}
}

@media screen and (max-width: 1024px) {
    .entertainment.view .event-view {padding-top: 120px;}
    .entertainment.view .event-view .titleWrap {font-size: 28px;}
    .entertainment.view .event-view .titleWrap p {font-size: 14px;}
    .entertainment.view .event-view .attachFile {font-size: 14px;}
    .entertainment.view .event-view .attachFile dd {font-size: 13px;}
    .entertainment.view .event-view .event-content {min-height: 500px;}
    .entertainment.view .event-view .navi a {font-size: 15px;}
    .entertainment.view .event-view .btnWrap {padding-top: 60px; font-size: 16px;}
}

@media screen and (max-width: 820px) {
    .entertainment.view .event-view {padding-top: 80px;}
    .entertainment.view .event-view .titleWrap {font-size: 24px; flex-direction: column; align-items: flex-start;}
    .entertainment.view .event-view .titleWrap h2 {padding-right: 0; padding-bottom: 10px;}
    .entertainment.view .event-view .titleWrap p {font-size: 13px;}
    .entertainment.view .event-view .titleWrap p i {font-size: 16px;}
    .entertainment.view .event-view .attachFile {font-size: 13px;}
    .entertainment.view .event-view .attachFile dd {font-size: 12px;}
    .entertainment.view .event-view .attachFile dd i {font-size: 18px;}
    .entertainment.view .event-view .event-content {min-height: 400px;}
    .entertainment.view .event-view .navi a {font-size: 14px;}
    .entertainment.view .event-view .btnWrap {padding-top: 50px; font-size: 15px;}
    .entertainment.view .event-view .btnWrap a {padding: calc(20/15*1em) calc(100/15*1em);}
}

@media screen and (max-width: 500px) {
    .entertainment.view .event-view {padding-top: 50px;}
    .entertainment.view .event-view .titleWrap {font-size: 20px;}
    .entertainment.view .event-view .titleWrap p {font-size: 12px;}
    .entertainment.view .event-view .titleWrap p i {font-size: 14px;}
    .entertainment.view .event-view .attachFile {font-size: 12px;}
    .entertainment.view .event-view .attachFile dd {font-size: 11px;}
    .entertainment.view .event-view .attachFile dd i {font-size: 16px;}
    .entertainment.view .event-view .event-content {min-height: 300px;}
    .entertainment.view .event-view .navi a {font-size: 13px;}
    .entertainment.view .event-view .btnWrap {padding-top: 40px; font-size: 14px;}
    .entertainment.view .event-view .btnWrap a {padding: calc(18/14*1em) calc(80/14*1em);}
}

@media screen and (max-width: 360px) {
    .entertainment.view .event-view {padding-top: 40px;}
    .entertainment.view .event-view .titleWrap {font-size: 18px;}
    .entertainment.view .event-view .titleWrap p {font-size: 11px;}
    .entertainment.view .event-view .titleWrap p i {font-size: 13px;}
    .entertainment.view .event-view .attachFile {font-size: 11px;}
    .entertainment.view .event-view .attachFile dd {font-size: 10px;}
    .entertainment.view .event-view .attachFile dd i {font-size: 14px;}
    .entertainment.view .event-view .navi a {font-size: 12px;}
    .entertainment.view .event-view .btnWrap {padding-top: 30px; font-size: 13px;}
    .entertainment.view .event-view .btnWrap a {padding: calc(15/13*1em) calc(60/13*1em);}
}