/*스타일*/

h1, h2 {position:absolute; left:0; top:0; visibility:hidden; opacity:0; font-size:0;}

.contents {width:100%; overflow:hidden;}
.contents article {width:100%; position:relative; overflow:hidden;}
.contents article .char-row {height:var(--charH); font-size:0; display:flex; margin-top:var(--gap-32); gap:3px;}
.contents article .char-row:first-child {margin-top:0;}
.contents article .char-row .char {height:100%; overflow:hidden;}
.contents article .char-row .char img {height:100%;}
.contents article .char-row .char[data-val="blank"] {display:block; width:1vw;}
.contents article .char-row:not(.basic) .char img {transform:translate3d(0,100%,0); transition:transform 1.1s cubic-bezier(.4,0,0,1);}
.contents article .char-row.type-A {height:var(--charA);}
.contents article .char-row.type-A .char[data-val="Q"] {height:calc(var(--charB) + 3px); transform:translateY(-5%);}
.contents article .char-row.type-B {height:var(--charB);}

.contents article .char-row.aos-animate .char img {transform:translate3d(0,0,0);}


@media screen and (max-width: 768px) {
    .contents article .char-row {margin-top:var(--gap-16);}
}



.intro {width:100%; background:url(/_img/bg_01.jpg) center no-repeat; background-size:cover;}

.intro .intro-wrap {width:100%; position:relative;}
.intro .img-box {width:100%; position:absolute; left:0; top:0;}
.intro .img-box span {display:block; width:100%; position:relative;}
.intro .img-box span > * {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:0;}
/*.intro .img-box span img {display:block; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}*/

.intro .name-box {position:absolute; left:50%; bottom:17%; transform:translateX(-50%); width:12%; max-width:250px;}
.intro .name-box span {display:block; width:100%; height:0; padding-bottom:calc(19 / 212 * 100%); background:url(/_img/the_black_lable.svg) center no-repeat; background-size:cover; font-size:0;}

.intro .intro-lp {width:100%; position:absolute; left:0; top:0;}
.intro .intro-lp span {display:block; width:100%; position:relative;}
.intro .intro-lp span img {display:block; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:0;}

@media screen and (min-width: 1025px) {
    .intro .intro-wrap {height:0; padding-bottom:calc(1080 / 1920 * 100%);}
    .intro .img-box span {height:0; padding-bottom:calc(1080 / 1920 * 100%);}
    .intro .img-box span img {width:100%; object-fit:cover;}

    .intro .intro-lp span {height:0; padding-bottom:calc(1080 / 1920 * 100%);}
    .intro .intro-lp span img {width:100%; object-fit:cover;}
    
}

@media screen and (max-width: 1024px) {
    .intro .intro-wrap,
    .intro .img-box {height:var(--nvh);}
    .intro .img-box span {height:100%;}
    .intro .img-box span img {width:auto;}
    .intro .name-box {bottom:8%; width:30%; max-width:300px;}
    .intro .intro-lp {height:var(--nvh);}
    .intro .intro-lp span {height:100%;}
    .intro .intro-lp span img {width:auto;}
}

@media screen and (max-width: 480px) {
    .intro .intro-wrap,
    .intro .img-box {max-height:940px;}
    .intro .img-box span {height:100%;}
    .intro .img-box span img {width:auto;}
    .intro .name-box {bottom:5%;}

    .intro .intro-lp {max-height:940px;}
    .intro .intro-lp span {height:100%;}
    .intro .intro-lp span img {width:auto;}
}


.intro .intro-title {position:absolute; left:4%; top:10%;}
.intro .intro-title .title-wrap {width:100%;}

.intro .intro-conts {position:absolute; right:4%; top:50%; transform:translateY(-50%);}
.intro .intro-conts .conts-wrap {display:flex; flex-direction:column; gap:var(--gap-40);}
.intro .intro-conts .conts-wrap .conts-box dl > * {font-family:var(--HindMadurai); font-size:28px; color:var(--white); text-shadow:0 0 8px rgba(255,255,255,0.44);}
.intro .intro-conts .conts-wrap .conts-box dl dt {font-weight:600; color:#E4E4E4;}
.intro .intro-conts .conts-wrap .conts-box dl dd {font-weight:500; line-height:1.1; margin-bottom:5px; color:#ADADAD;}
.intro .intro-conts .conts-wrap .conts-box dl dd:last-child {margin-bottom:0;}
.intro .intro-conts .conts-wrap .conts-box dl dd span {font-size:24px;}
.intro .intro-conts .conts-wrap .conts-box:last-child dl dd {padding-left:18px; text-indent:-18px;}
.intro .btn-apply {width:fit-content; height:72px; font-size:40px; font-weight:500; color:#C1C1C1; display:flex; align-items:center; justify-content:center; padding:0 var(--gap-60); border-radius:300px; border:1px solid #C1C1C1; margin-top:var(--gap-40); background:transparent; transition:background 0.3s ease-in-out;}
.intro .btn-apply:hover {background:#C1C1C1; color:#111;}



@media screen and (max-width: 1320px) {
    .intro .intro-conts .conts-wrap .conts-box dl > * {font-size:24px;}
    .intro .intro-conts .conts-wrap .conts-box dl dd span {font-size:20px;}
}

@media screen and (max-width: 1024px) {
    .intro .intro-title {left:5%;}
    .intro .intro-conts {right:5%; top:auto; bottom:15%; transform:none;}
    .intro .intro-conts .btn-apply {display:none;}
    .intro .btn-apply {height:60px; font-size:32px; position:absolute; left:5%; bottom:15%;}
}

@media screen and (max-width: 768px) {
    .intro .intro-conts .conts-wrap .conts-box dl > * {font-size:20px;}
    .intro .intro-conts .conts-wrap .conts-box dl dd span {font-size:16px;}
    .intro .intro-conts .conts-wrap .conts-box:last-child dl dd {padding-left:14px; text-indent:-14px;}
    .intro .btn-apply {height:50px; font-size:24px;}
}

@media screen and (max-width: 648px) {
    .intro .intro-conts .conts-wrap .conts-box dl > * {font-size:18px;}
    .intro .intro-conts .conts-wrap .conts-box dl dd span {font-size:14px;}
}


@media screen and (max-width: 480px) {
    .intro .intro-conts .conts-wrap {gap:var(--gap-32);}
    .intro .intro-conts .conts-wrap .conts-box dl > * {font-size:15px;}
    .intro .intro-conts .conts-wrap .conts-box dl dd span {font-size:11px;}
    .intro .intro-conts .conts-wrap .conts-box:last-child dl dd {padding-left:11px; text-indent:-11px;}
    .intro .btn-apply {height:42px; font-size:16px; padding:0 calc(var(--gap-60) * 0.78);}
}



.detail-conts:before {content:""; width:100%; height:100%; background:url(/_img/bg_02.jpg) center top no-repeat; background-size:cover; position:absolute; left:0; top:0; z-index:0;}
.detail-conts section {width:100%; padding:calc(var(--gap-40) * 5) 0; position:relative; z-index:10; overflow:hidden;}
.detail-conts section .section-wrap {width:92%; margin:0 auto; max-width:1920px;}

@media screen and (max-width: 648px) {
	.detail-conts section {padding:calc(var(--gap-40) * 4) 0 calc(var(--gap-40) * 3);}
}



.schedule {overflow:visible !important;}
.schedule .title-wrap {position:relative;}
.schedule .title-wrap .title-box .char-row:nth-child(1) .char[data-val="A"] img {transition-delay:0s;}
.schedule .title-wrap .title-box .char-row:nth-child(1) .char[data-val="U"] img {transition-delay:0.1s;}
.schedule .title-wrap .title-box .char-row:nth-child(1) .char[data-val="D"] img {transition-delay:0.2s;}
.schedule .title-wrap .title-box .char-row:nth-child(1) .char[data-val="I"] img {transition-delay:0.3s;}
.schedule .title-wrap .title-box .char-row:nth-child(1) .char[data-val="T"] img {transition-delay:0.4s;}
.schedule .title-wrap .title-box .char-row:nth-child(1) .char[data-val="I"] img {transition-delay:0.5s;}
.schedule .title-wrap .title-box .char-row:nth-child(1) .char[data-val="O"] img {transition-delay:0.6s;}
.schedule .title-wrap .title-box .char-row:nth-child(1) .char[data-val="N"] img {transition-delay:0.7s;}
.schedule .title-wrap .title-box .char-row:nth-child(2) .char[data-val="S"] img {transition-delay:0.4s;}
.schedule .title-wrap .title-box .char-row:nth-child(2) .char[data-val="C"] img {transition-delay:0.5s;}
.schedule .title-wrap .title-box .char-row:nth-child(2) .char[data-val="H"] img {transition-delay:0.6s;}
.schedule .title-wrap .title-box .char-row:nth-child(2) .char[data-val="E"] img {transition-delay:0.7s;}
.schedule .title-wrap .title-box .char-row:nth-child(2) .char[data-val="D"] img {transition-delay:0.8s;}
.schedule .title-wrap .title-box .char-row:nth-child(2) .char[data-val="U"] img {transition-delay:0.9s;}
.schedule .title-wrap .title-box .char-row:nth-child(2) .char[data-val="L"] img {transition-delay:1s;}
.schedule .title-wrap .title-box .char-row:nth-child(2) .char[data-val="E-2"] img {transition-delay:1.1s;}

.schedule .schedule-wrap {width:100%; display:flex; justify-content:flex-end;}
.schedule .schedule-wrap .lf {width:55%;}
.schedule .schedule-wrap .schedule-conts {width:45%; /*transform:translateY(calc(var(--charA) * -1));*/ padding-top:var(--charA);}
.schedule .schedule-wrap .schedule-conts ul {width:fit-content; display:flex; flex-direction:column; gap:var(--gap-40);}
.schedule .schedule-wrap .schedule-conts ul li {width:fit-content; position:relative; cursor:default;}
.schedule .schedule-wrap .schedule-conts ul li:before {content:""; width:0%; height:90%; background:rgba(161,231,31,0.3); border-radius:70%; position:absolute; left:calc(var(--gap-40) * -1); top:50%; transform:translateY(-50%); z-index:0; filter:blur(20px); transition:width 0.3s linear;}
.schedule .schedule-wrap .schedule-conts ul li:hover:before {width:calc(100% + (var(--gap-40) * 2));}
.schedule .schedule-wrap .schedule-conts ul li > * {position:relative; z-index:10;}
.schedule .schedule-wrap .schedule-conts ul li .date {font-size:var(--font-32); color:#898989; text-shadow:0 0 8px rgba(121, 121, 121, 0.44);}
.schedule .schedule-wrap .schedule-conts ul li .place {font-size:var(--font-32); color:var(--white); font-weight:600; text-shadow:0 0 8px rgba(255, 255, 255, 0.44);}
.schedule .schedule-wrap .schedule-conts .notice-box {margin-top:calc(var(--gap-32) * 3); font-size:var(--font-24); font-weight:500; color:#909090; position:relative; z-index:10;}

.schedule .schedule-wrap .lp-wrap {width:100%;}
.schedule .schedule-wrap .lp-wrap .lp-box {width:95%; transform:translateX(-40%);}
.schedule .schedule-wrap .lp-wrap .lp-box .lp {width:100%;}
.schedule .schedule-wrap .lp-wrap .lp-box .lp img {display:block; width:100%; animation:lpAni 15s linear infinite;}



@keyframes lpAni {
    0% {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}
}


@media screen and (max-width: 1024px) {
    .detail-conts section .section-wrap {width:90%;}
}

@media screen and (max-width: 768px) {
    /* .schedule .schedule-wrap {flex-direction:column; gap:calc(var(--gap-40) * 2);}*/
    .schedule .title-wrap {position:absolute; left:0; top:0;}
    .schedule .schedule-wrap {padding-top:calc((var(--charA) * 2) + var(--gap-16) + var(--gap-60)); position:relative;}
    .schedule .schedule-wrap .lf {flex:1;}
    .schedule .schedule-wrap .schedule-conts {width:75%; max-width:400px; margin-left:auto; margin-right:0;}
    .schedule .schedule-wrap .lp-wrap .lp-box {width:calc(100vw * 1); position:absolute; left:0; top:0; z-index:0; transform:translateX(-48%);}
}



.apply .apply-wrap .title-wrap .char-row {justify-content:center; gap:8px;}
.apply .apply-wrap .title-wrap .title-box .char-row:nth-child(1) .char[data-val="S"] img {transition-delay:0s;}
.apply .apply-wrap .title-wrap .title-box .char-row:nth-child(1) .char[data-val="T"] img {transition-delay:0.1s;}
.apply .apply-wrap .title-wrap .title-box .char-row:nth-child(1) .char[data-val="E"] img {transition-delay:0.2s;}
.apply .apply-wrap .title-wrap .title-box .char-row:nth-child(1) .char[data-val="P"] img {transition-delay:0.3s;}
.apply .apply-wrap .title-wrap .title-box .char-row:nth-child(1) .char[data-val="I"] img {transition-delay:0.4s;}
.apply .apply-wrap .title-wrap .title-box .char-row:nth-child(1) .char[data-val="N"] img {transition-delay:0.5s;}
.apply .apply-wrap .title-wrap .title-box .char-row:nth-child(1) .char[data-val="T-2"] img {transition-delay:0.6s;}
.apply .apply-wrap .title-wrap .title-box .char-row:nth-child(1) .char[data-val="O"] img {transition-delay:0.7s;}
.apply .apply-wrap .title-wrap .title-box .char-row:nth-child(2) .char[data-val="T"] img {transition-delay:0.4s;}
.apply .apply-wrap .title-wrap .title-box .char-row:nth-child(2) .char[data-val="H"] img {transition-delay:0.5s;}
.apply .apply-wrap .title-wrap .title-box .char-row:nth-child(2) .char[data-val="E"] img {transition-delay:0.6s;}
.apply .apply-wrap .title-wrap .title-box .char-row:nth-child(2) .char[data-val="B"] img {transition-delay:0.7s;}
.apply .apply-wrap .title-wrap .title-box .char-row:nth-child(2) .char[data-val="BA"] img {transition-delay:0.8s;}
.apply .apply-wrap .title-wrap .title-box .char-row:nth-child(2) .char[data-val="C"] img {transition-delay:0.9s;}
.apply .apply-wrap .title-wrap .title-box .char-row:nth-child(2) .char[data-val="K"] img {transition-delay:1.0s;}
.apply .apply-wrap .title-wrap .title-box .char-row:nth-child(2) .char[data-val="L"] img {transition-delay:1.1s;}
.apply .apply-wrap .title-wrap .title-box .char-row:nth-child(2) .char[data-val="A-2"] img {transition-delay:1.2s;}
.apply .apply-wrap .title-wrap .title-box .char-row:nth-child(2) .char[data-val="B-2"] img {transition-delay:1.3s;}
.apply .apply-wrap .title-wrap .title-box .char-row:nth-child(2) .char[data-val="E-2"] img {transition-delay:1.4s;}
.apply .apply-wrap .title-wrap .title-box .char-row:nth-child(2) .char[data-val="L-2"] img {transition-delay:1.5s;}


.apply .apply-wrap .apply-conts {width:100%; margin-top:var(--gap-100);}
.apply .apply-wrap .apply-conts .button-box {width:515px; height:153px; display:flex; align-items:center; justify-content:center; position:relative; margin:0 auto;}
.apply .apply-wrap .apply-conts .button-box a {font-size:90px; font-weight:600; color:var(--point-color); line-height:1; letter-spacing:-2px; position:relative; z-index:10;}
.apply .apply-wrap .apply-conts .button-box .btn-line-box {width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:0;}
.apply .apply-wrap .apply-conts .button-box .btn-line {fill:none; stroke:var(--point-color); stroke-width:1.7px; stroke-dasharray:4118; stroke-dashoffset:4118; opacity:0;}

.contents:not(.mo) .apply .apply-wrap .apply-conts .button-box:hover .btn-line {animation:lineAni 1s linear both; opacity:1;}
.contents.mo .apply .apply-wrap .apply-conts.aos-animate .button-box .btn-line {animation:lineAni 1s linear both; opacity:1;}


@keyframes lineAni {
	0% {stroke-dashoffset:4118;}
	100% {stroke-dashoffset:0;}
}

@media screen and (max-width: 1320px) {
	.apply .apply-wrap .apply-conts .button-box {width:380px; height:113px;}
	.apply .apply-wrap .apply-conts .button-box a {font-size:72px;}
}


@media screen and (max-width: 768px) {
	.apply .apply-wrap .apply-conts .button-box {width:300px; height:89px;}
	.apply .apply-wrap .apply-conts .button-box a {font-size:58px;}
}


@media screen and (max-width: 648px) {
    .apply .apply-wrap .title-wrap .char-row {gap:4px;}
	.apply .apply-wrap .apply-conts {margin-top:var(--gap-60);}
	.apply .apply-wrap .apply-conts .button-box {width:260px; height:77px;}
	.apply .apply-wrap .apply-conts .button-box a {font-size:46px;}
}


@media screen and (max-width: 480px) {
    .apply .apply-wrap .title-wrap .char-row {gap:3px;}
	.apply .apply-wrap .apply-conts .button-box {width:180px; height:53px;}
	.apply .apply-wrap .apply-conts .button-box a {font-size:30px;}
}



.faq .faq-wrap {width:100%; display:flex; gap:var(--gap-32);}
.faq .faq-wrap .title-wrap {width:calc(40% - var(--gap-32));}
.faq .faq-wrap .title-wrap .title-box .char-row .char[data-val="F"] img {transition-delay:0s;}
.faq .faq-wrap .title-wrap .title-box .char-row .char[data-val="A"] img {transition-delay:0.1s;}
.faq .faq-wrap .title-wrap .title-box .char-row .char[data-val="Q"] img {transition-delay:0.2s;}
.faq .faq-wrap .faq-conts {width:60%;}
.faq .faq-wrap .faq-conts ul.faq-tb {width:100%; border-top:1px solid #797979;}
.faq .faq-wrap .faq-conts ul.faq-tb li {width:100%; border-bottom:1px solid #797979; padding:var(--gap-32) 0; cursor:pointer;}
.faq .faq-wrap .faq-conts ul.faq-tb li .question {width:100%; display:flex; position:relative; color:var(--white);}
.faq .faq-wrap .faq-conts ul.faq-tb li .question:before,
.faq .faq-wrap .faq-conts ul.faq-tb li .question:after {content:""; background:#9F9F9F; position:absolute;}
.faq .faq-wrap .faq-conts ul.faq-tb li .question:before {width:20px; height:4px; right:10px; top:16px;}
.faq .faq-wrap .faq-conts ul.faq-tb li .question:after {width:4px; height:20px; right:18px; top:8px; transition:0.3s ease-in-out;}
.faq .faq-wrap .faq-conts ul.faq-tb li .question .num {width:80px; font-size:var(--font-20);}
.faq .faq-wrap .faq-conts ul.faq-tb li .question .subject {width:calc(100% - 130px); font-size:var(--font-24); font-weight:600;}
.faq .faq-wrap .faq-conts ul.faq-tb li .answer {width:100%; margin-top:var(--gap-24); display:none;}
.faq .faq-wrap .faq-conts ul.faq-tb li .answer .conts {width:calc(100% - 130px); margin-left:80px; font-size:var(--font-24); font-weight:600; color:#CECECE; line-height:1.4;}
.faq .faq-wrap .faq-conts ul.faq-tb li.active .question:after {transform:rotate(90deg);}

@media screen and (max-width: 1024px) {
	.faq .faq-wrap .faq-conts ul.faq-tb li .question:before {width:15px; height:3px; top:13px;}
	.faq .faq-wrap .faq-conts ul.faq-tb li .question:after {width:3px; height:15px; right:16px; top:7px;}
	.faq .faq-wrap .faq-conts ul.faq-tb li .question .num {width:60px;}
	.faq .faq-wrap .faq-conts ul.faq-tb li .question .subject {width:calc(100% - 110px);}
	.faq .faq-wrap .faq-conts ul.faq-tb li .answer .conts {width:calc(100% - 110px); margin-left:60px;}
}


@media screen and (max-width: 900px) {
	.faq .faq-wrap {flex-direction:column; gap:var(--gap-80);}
	.faq .faq-wrap .title-wrap,
	.faq .faq-wrap .faq-conts {width:100%;}
}


@media screen and (max-width: 768px) {
	.faq .faq-wrap .faq-conts ul.faq-tb li .question:before {top:11px;}
	.faq .faq-wrap .faq-conts ul.faq-tb li .question:after {top:5px;}
}

@media screen and (max-width: 480px) {
	.faq .faq-wrap .faq-conts ul.faq-tb li .question:before {width:12px; height:2px; right:8px; top:9px;}
	.faq .faq-wrap .faq-conts ul.faq-tb li .question:after {width:2px; height:12px; right:13px; top:4px;}
	.faq .faq-wrap .faq-conts ul.faq-tb li .question .num {width:40px;}
	.faq .faq-wrap .faq-conts ul.faq-tb li .question .subject {width:calc(100% - 80px);}
	.faq .faq-wrap .faq-conts ul.faq-tb li .answer .conts {width:calc(100% - 80px); margin-left:40px;}
}



footer {width:100%; height:var(--footerH); background:transparent; position:relative; z-index:1; border-top:1px solid #525252;}
footer > .wrap {width:92%; margin:0 auto; height:100%; display:flex; align-items:center;}
footer .footer-wrap {width:100%; display:flex; align-items:flex-end; justify-content:space-between;}
footer .contact-wrap {display:flex; gap:var(--gap-60);}
footer .contact-wrap .contact-box .head {font-size:18px; color:#909090; font-weight:500%;}
footer .contact-wrap .contact-box .conts-box {height:28px; display:flex; align-items:center; padding-left:30px; position:relative; margin-top:5px;}
footer .contact-wrap .contact-box .conts-box:before {content:""; width:28px; height:28px; position:absolute; left:0; top:0; background-repeat:no-repeat; background-size:cover; background-position:center;}
footer .contact-wrap .contact-box .conts-box a {font-size:18px; color:#909090;}
footer .contact-wrap .contact-box .conts-box a.contact-email.disabled {pointer-events:none;}
footer .contact-wrap .contact-box:nth-child(1) .conts-box:before {background-image:url(/_img/icon_instagram.svg);}
footer .contact-wrap .contact-box:nth-child(2) .conts-box:before {background-image:url(/_img/icon_email.svg);}
footer .privacy-wrap a {font-size:18px; font-weight:500; color:#909090; background-image:linear-gradient(#909090, #909090); background-size:100% 1px; background-repeat:no-repeat; background-position:left bottom;}


@media screen and (max-width: 1024px) {
	footer .contact-wrap .contact-box .head,
	footer .contact-wrap .contact-box .conts-box a,
	footer .privacy-wrap a {font-size:16px;}
	footer .contact-wrap .contact-box .conts-box {height:24px; padding-left:28px;}
	footer .contact-wrap .contact-box .conts-box:before {width:24px; height:24px;}
}

@media screen and (max-width: 768px) {
	footer .contact-wrap {flex-direction:column; gap:var(--gap-24);}
}


@media screen and (max-width: 480px) {
	footer .contact-wrap .contact-box .head,
	footer .contact-wrap .contact-box .conts-box a,
	footer .privacy-wrap a {font-size:13px;}
	footer .contact-wrap .contact-box .conts-box {height:20px; padding-left:25px;}
	footer .contact-wrap .contact-box .conts-box:before {width:20px; height:20px;}
}


.alert {width:fit-content; height:50px; font-size:var(--font-16); display:flex; align-items:center; justify-content:center; padding:0 30px; background:rgba(255,255,255,0.7); position:fixed; left:50%; bottom:5%; z-index:100; border-radius:100px; transform:translateX(-50%);}
.alert.hide {visibility:hidden; opacity:0; transition:0.5s ease-in-out;}
.alert.mobile {bottom:auto; top:50%; transform:translate(-50%,-50%); background:rgba(255,255,255,0.75);}

@media screen and (max-width: 480px) {
	.alert {height:42px; font-size:12px; padding:0 20px;}
}



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