@charset "utf-8";

/*페이지 공통*/
#page_area .tit_box{margin-bottom:2rem;padding-bottom:4rem;text-align:center;position:relative}
#page_area .tit_box.no_line{margin-bottom:5rem;padding-bottom:0}
#page_area .tit_box:before{content:'';width:1px;height:3rem;background:rgba(255,255,255,.2);position:absolute;left:50%;bottom:0}
#page_area .tit_box.no_line:before{display:none}
#page_area .tit_box .s_tit{font-size:1.7rem;font-weight:700;color:rgba(255,255,255,.6);font-family: "Playfair Display";}
#page_area .tit_box .tit{font-size:5rem;font-weight:700;line-height:130%;color:#fff;font-family:"Playfair Display";}
#page_area .tit_box .tit span{color:var(--pt-color)}
#page_area .tit_box .txt{margin-top:2rem;font-size:1.7rem;line-height:150%;color:#666}


.tab_link{max-width:30rem;width:100%;margin:2rem auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}
.tab_link li{width:calc(50% - .5rem);height:5rem;}
.tab_link li a{display:block;width:100%;height:100%;border-radius:5rem;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);font-weight:500;font-size:1.6rem;line-height:5rem;color:rgba(255,255,255,.8);text-align:center;transition:all .3s;}
.tab_link li a.on, .tab_link li a:hover{border-color:#fff;background:#fff;color:#333}

/*컴퍼니*/
.company_page .company_cont{text-align:center}
.company_page .company_cont .cont_tit + .cont_tit {margin-top:3.5rem} 
.company_page .company_cont .cont_tit span{display:inline-block;padding:0 2.5rem;font-size:3.5rem;font-weight:500;color:#fff;position:relative;opacity:0;transition:opacity 1s}
.company_page .company_cont .cont_tit span:before{content:'';width:0;height:.8rem;background:rgba(255,255,255,.2);position:absolute;bottom:1px;left:0;transition:width 1s}
.company_page .company_cont .cont_txt{margin-top:5rem;font-size:1.8rem;line-height:150%;color:rgba(255,255,255,.6);opacity:0;transition:opacity 1s}
.company_page .company_cont .cont_txt p{margin-top:2rem;font-size:1.6rem;font-weight:500;color:#fff}


.company_page .company_cont .cont_tit.active span{opacity:1;transition-delay:.5s}
.company_page .company_cont .cont_tit:nth-child(2).active span{opacity:1;transition-delay:.8s}

.company_page .company_cont .cont_tit.active span::before{width:100%;transition-delay:.8s}
.company_page .company_cont .cont_tit:nth-child(2).active span:before{transition-delay:1.2s}
.company_page .company_cont .cont_txt.active{opacity:1;transition-delay:1s}


.company_page .company_cont .new_cont{opacity:0;transition:opacity 1.5s;transition-delay:.5s}
.company_page .company_cont .new_cont .tit{font-size:2.4rem;font-weight:600;line-height:150%;color:#fff}
.company_page .company_cont .new_cont .co_name{margin-top:2rem;font-size:1.7rem;font-weight:500;color:#fff}
.company_page .company_cont .new_cont.active{opacity:1;transition-delay:.5s}

/*오디션*/
.audition_page .cont_tit{margin-bottom:3rem;font-size:2rem;font-weight:700;line-height:150%;text-align:center;color:#fff;}
.audition_page .cont_list{padding:5rem 3rem;border-top:1px solid rgba(255,255,255,.5);border-bottom:1px solid rgba(255,255,255,.2)}
.audition_page .cont_list li{margin-bottom:5rem;padding-bottom:5rem;border-bottom:1px dashed rgba(255,255,255,.2);opacity:0;transition:opacity 1s;display:flex;flex-wrap:wrap;}
.audition_page .cont_list li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.audition_page .cont_list li .list_tit{width:25%;font-size:2rem;font-weight:700;color:#fff}
.audition_page .cont_list li .list_txt{width:75%;font-size:1.7rem;line-height:150%;color:rgba(255,255,255,.6)}
.audition_page .cont_list li .list_txt p{margin-top:1rem;font-weight:500;color:#fff}

.audition_page .cont_list.active li{opacity:1;transition-delay:.3s}
.audition_page .cont_list.active li:nth-child(2){transition-delay:.6s}


@media(max-width:1280px){
	#page_area .tit_box .tit{font-size:4.7rem}
	
	/*컴퍼니*/
	.company_page .company_cont .cont_tit span{font-size:3.2rem}
}
@media(max-width:1024px){
	#page_area .tit_box .tit{font-size:4.4rem}
	
	/*컴퍼니*/
	.company_page .company_cont .cont_tit span{font-size:2.9rem}
}
@media(max-width:767px){
	#page_area .tit_box .tit{font-size:4.1rem}
	

	
	/*오디션*/
	.audition_page .cont_list{padding:3rem 2rem}
	.audition_page .cont_list li{margin-bottom:2rem;padding-bottom:2rem}
	.audition_page .cont_list li .list_tit{width:100%;margin-bottom:2rem}
	.audition_page .cont_list li .list_txt{width:100%}
	.audition_page .cont_list li .list_txt br{display:none}
}
@media(max-width:480px){
	#page_area .tit_box .tit{font-size:3.8rem}
	
	/*컴퍼니*/
	.company_page .company_cont .cont_tit + .cont_tit{margin-top:2rem}
	.company_page .company_cont .cont_tit span{padding:0 1rem;font-size:2.6rem}
	
	.company_page .company_cont .cont_txt{margin-top:3rem}
	
	.company_page .company_cont .new_cont .tit{font-size:2.1rem}
	.company_page .company_cont .new_cont .tit br{display:none}
}
@media(max-width:320px){
	#page_area .tit_box .tit{font-size:3.5rem}
}