@charset "utf-8";
@import url('../fonts/exit_font.css');

body { overflow-x: hidden; }
#wrap { width: 100%; overflow-x: hidden; }

/* Sub-page wrapper (from legacy styles.css) */
#contents { position: relative; width: 100%; }
.subwrapper #contents { padding-top: 50px; }
@media screen and (min-width:1024px) {
    .subwrapper #contents { padding-top: 100px; }
}

/* Inner Wrap Container (used in bbs, artist pages) */
.inner_wrap {
    position: relative;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px;
    padding-top: 20px;
}

/* Main Container: responsive max-width layout */
.container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 20px;
}
@media screen and (max-width: 1024px) {
    .container { padding: 0 15px; }
}
@media screen and (max-width: 480px) {
    .container { padding: 0 10px; }
}

/* Full Width Box (Screen 100% with Background) */
.full-width-box {
    width: 100%;
}

/* No search results */
.not-searched-wrap {
    padding: 40px 0;
    text-align: center;
}
.not-searched-wrap p {
    margin-top: 18px;
    color: #555;
}

.logo {  }
.logo .logo-link { display: block; width: 123px; height: 66px; background: url(../img/layout/logo.png) no-repeat center center / contain; }
@media only screen and (max-width: 1200px) {
	.logo .logo-link { width: 100px; height: 54px; }
}
@media only screen and (max-width: 1023px) {
	.logo .logo-link {  }

}


/********* 컨텐츠 넓이 *********/
.inner-padding { width: 100%; max-width: 1500px; margin: 0 auto; padding: 0 50px; }

@media only screen and (max-width: 1500px) {
	.inner-padding { padding: 0 20px; }
	
}
@media only screen and (max-width: 1023px) {
	.inner-padding { padding: 0 15px; }
}
@media only screen and (max-width: 767px) {
	.inner-padding { padding: 0 10px; }
}


/********* tnb *********/
.tnb { padding: 6px 0; background: var(--light1); }
.tnb .tnb-inner { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.tnb .tnb-inner .lf { display: flex; align-items: center; gap: 20px; }
.tnb .tnb-inner .lf > li .link { display: block; height: 19px; }
.tnb .tnb-inner .lf > li:first-child .link { height: 22px; }
.tnb .tnb-inner .lf > li .link img { width: 100%; height: 100%; object-fit: contain; }

.tnb .tnb-inner .rg > li .link { display: flex; align-items: center; gap: 8px; height: 38px; }
.tnb .tnb-inner .rg > li .link img { height: 100%; object-fit: contain; }
.tnb .tnb-inner .rg > li .link .tit { display: flex; align-items: center; gap: 5px; font-weight: 500; font-size: 15px; }
@media only screen and (max-width: 767px) {
	.tnb .tnb-inner { justify-content: flex-start; gap: 10px 15px; }
	.tnb .tnb-inner .lf { gap: 15px; }
	.tnb .tnb-inner .lf > li .link { height: 15px; }
	.tnb .tnb-inner .lf > li:first-child .link { height: 18px; }
	.tnb .tnb-inner .rg > li .link { height: 30px; }
}
@media only screen and (max-width: 450px) {
}


/********* thead *********/
.header { position: relative; z-index: 10; border-bottom: 1px solid var(--gray-e5); }
.header .thead { padding: 20px 0; }
.header .thead-inner { display: flex; justify-content: space-between; align-items: center; }

@media only screen and (max-width: 1200px) {
	.header .thead-inner .slogun { width: 150px; height: 70px; background-size: contain; }
}

@media only screen and (max-width: 1023px) {
	.header .thead { padding: 15px 0; }
	.header .thead-inner { flex-wrap: wrap; row-gap: 20px; }
	.header .thead-inner .ttsc-wrap { order: 1; width: 100%; }
	.header .thead-inner .slogun { display: none; }
}
@media only screen and (max-width: 767px) {
	.header .thead { padding: 10px 0; }
	.member .header .slogun { display: none; }
}
@media only screen and (max-width: 450px) {
	.header .thead-inner { flex-direction: column; }
	.header .rg { justify-content: flex-end; width: 100%; }
	.header .thead-inner .ttsc-wrap .ttsc-con select { height: 40px; line-height: 40px; padding: 0 15px; font-size: 15px; }
	.header .thead-inner .ttsc-wrap .ttsc-con input { height: 40px; line-height: 40px; padding: 0 0 0 10px; font-size: 15px; }
	.header .thead-inner .ttsc-wrap .ttsc-con input::placeholder { color: transparent; }
	.header .thead-inner .ttsc-wrap .ttsc-con .search-btn { width: 40px; height: 30px; background: url(../img/layout/icn-totalsearch.svg) no-repeat center center / 18px auto; }
}

#gnb { position: relative; display: flex; align-items: center; justify-content: center; gap: 30px; width: 100%; }




.header .rg { display: flex; align-items: center; gap: 15px; }



/********* mbtn-box *********/
.mbtn-box { display: none; }

.mbtn-box .open { display: block; width: 20px; height: 15px; font-size: 0; background: url("data:image/svg+xml,%3Csvg width='23' height='18' viewBox='0 0 23 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.06201H21.9999' stroke='%23222222' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M7 8.93701H22' stroke='%23222222' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M3 16.938H21.9999' stroke='%23222222' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center center / contain; }
.mbtn-box .mgnb-con { position: fixed; top: 0; left: 0; right: 0; z-index: 30; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.4); opacity: 0; visibility: hidden; transition: all 0.4s; }
.mbtn-box .mgnb-con.on { visibility: inherit; opacity: 1; transition: all 0.4s; }
.mbtn-box .mgnb-con .mgnb-box { position: absolute; top: 0; right: 0; width: 100%; height: inherit; padding: 25px 30px; background: #fff; }
.mbtn-box .mgnb-con .mgnb-box .top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; } 
.mbtn-box .mgnb-con .mgnb-box .top .close { width: 30px; height: 30px; font-size: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42.06 42.06' width='15px' height='15px'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23333; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6px; %7D %3C/style%3E%3C/defs%3E%3Cg id='icon'%3E%3Cline class='cls-1' x1='3' y1='3' x2='39.06' y2='39.06'/%3E%3Cline class='cls-1' x1='39.06' y1='3' x2='3' y2='39.06'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center / auto 15px; }

.mbtn-box .mgnb { height: 100%; overflow-y: auto; }
.mgnb-box .dep1 { margin-bottom: 20px; } 
.mgnb-box .dep1 .gnb-tit { position: relative; display: block; margin-bottom: 10px; padding: 5px; font-weight: 500; font-size: 2rem; color: #333; } 
.mgnb-box .dep1 .gnb-tit.arr { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E") no-repeat center right / auto; } 
.mgnb-box .dep1 .gnb-tit.arr.on { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-up' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708z'/%3E%3C/svg%3E") no-repeat center right / auto; } 


/* dep2-list */
.mgnb-box .dep2-wrap { display: none; } 
.mgnb-box .dep2-wrap.on { display: block; } 
.mgnb-box .dep2-wrap .dep2-list { padding: 20px; background: var(--gray-fa); } 
.mgnb-box .dep2-wrap .dep2-list .dep2 .dep2-tit { display: block; line-height: 1.2; font-size: 1.6rem; color: #666; } 
.mgnb-box .dep2-wrap .dep2-list .dep2 + .dep2 { margin-top: 10px; } 
/* dep3-list */


.mgnb-con.active { visibility: inherit; opacity: 1; transition: all 0.4s; } 
.mgnb-con.active .mgnb-box { right: 0; transition: all 0.4s; } 


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



	.mbtn-box { display: block; }
	
}





/********* search-box *********/
.header .user-box { display: flex; align-items: center; gap: 5px; }
.header .user-box .btn { display: block; padding: 8px 15px; font-weight: 500; font-size: 15px; color: #555; border: 1px solid var(--gray-e5); border-radius: 50px; white-space: nowrap; }
.header .user-box .alarm { position: relative; display: block; font-weight: 500; font-size: 22px; }
.header .user-box .alarm .new { position: absolute; top: 0; right: 0; width: 10px; height: 10px; background: var(--sub1); border: 2px solid #fff; border-radius: 100%; }
.header .user-box .mypg { position: relative; }
.header .user-box .mypg .layer { display: none; position: absolute; left: 50%; transform: translateX(-50%); z-index: 1; width: 100px; padding: 10px; background: #fff; border: 1px solid var(--gray-e5); border-radius: 1.5rem; }
.header .user-box .mypg .layer a { display: block; line-height: 1.4; font-size: 13px; color: #444; text-align: center; }
.header .user-box .mypg .layer a + a { margin-top: 5px; }
.header .user-box .mypg .layer a:hover { font-weight: 500; color: #000; }





/********* sub-content *********/
.location-wrap { border-bottom: 1px solid var(--gray-e5); }
.location-wrap .location { display: flex; align-items: center; gap: 5px; }
.location-wrap .location li { position: relative; display: flex; align-items: center; gap: 5px; line-height: 45px; font-size: 15px; color: #888; }
.location-wrap .location li + li::before { content:""; display: block; width: 20px; height: 20px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E") no-repeat center center / auto 12px; }

.sub-content { min-height: 60vh; padding: 60px 0 100px; }


/********* con-header *********/
.con-header { min-height: 138px; background: url(../img/common/img-subvi.png) no-repeat right bottom / auto; }
.con-header-1 { background-size: 240px; }
.con-header-1-1 { background-image: url(../img/layout/img-motion1.gif); }
.con-header-1-2 { background-image: url(../img/layout/img-motion3.gif); }
.con-header-1-3 { background-image: url(../img/layout/img-motion2.gif); }
.con-header-2 { background: none; }
.con-header .sub-tit { display: block; line-height: 1.2; margin-bottom: 4.5rem; font-family: var(--head-font); font-weight: 400; font-size: 2.3rem; color: var(--main1); word-break: keep-all; word-wrap: break-word; }
.con-header .tit { display: block; line-height: 1.2; margin-bottom: 6rem; font-family: var(--head-font); font-weight: 400; font-size: 5.5rem; color: #000; word-break: keep-all; word-wrap: break-word; }

/* .con-body { padding-top: 5rem; } */
@media only screen and (max-width: 1023px) {
	.con-header { background-size: auto 70px; }
	.con-header-1 { background-size: auto 100px; }
	.con-header .tit { font-size: 5rem; }
}
@media only screen and (max-width: 767px) {
	.con-header { background-size: auto 60px; }
	.con-header-1 { background-size: auto 100px; }
	.con-header .sub-tit { margin-bottom: 2.5rem; font-size: 2rem; }
	.con-header .tit { margin-bottom: 2rem; padding-bottom: 6rem; font-size: 4rem; }

}

/********* no-content *********/
.no-content { margin: 0 auto; padding: 100px 0; }
.no-content .img-wrap { margin-bottom: 30px; text-align: center; }
.no-content .txt-wrap > strong { display: block; font-weight: 600; font-size: 2.6rem; color: #333; text-align: center; }
.no-content .txt-wrap em { display: block; margin-top: 20px; line-height: 1.3; font-weight: 400; font-size: 1.8rem; color: #757575; text-align: center; }