@charset "utf-8";
/*--------------------------------------
	copyright : yuyu design.
--------------------------------------*/

@import url(reset.css);
@import url(common.css);
@import url(../libs/fontawesome/css/all.min.css);
@import url(../libs/aos/aos.css);
@import url(../libs/OwlCarousel/assets/owl.carousel.min.css); @import url(../libs/OwlCarousel/assets/owl.theme.default.min.css);
/* @import url(../libs/lightGallery/css/lightgallery.min.css); */
/* @import url(../libs/Remodal/remodal.css); @import url(../libs/Remodal/remodal-default-theme.css); */


/*
 pepleInterview
==============================*/

/* pepleInterview ----------*/
#pepleInterview {}
#pepleInterview #mvp h1 .cursive { top: -2rem; left: 74%; width: 8.16em; }

/* interview ----------*/
#interview { padding-top: 18rem !important; }
#interview h2 { position: relative; font-size: 3.4rem; font-weight: 700; text-align: center; margin-bottom: 12rem; padding-bottom: 3rem; }
#interview h2::before, #interview h2::after { content: ""; position: absolute; }
#interview h2::before { width: 21em; height: 0; border-top: solid 1px #BCA317; bottom: 0; left: calc(50% - 8em);  }
#interview h2::after { width: 0; height: 300%; border-left: solid 1px #BCA317; left: calc(50% + 7em); top: -1em; }


/* pepleInterviewDetail ----------*/
#pepleInterviewDetail {}

/* detail ----------*/
#detail {}
#detail .people_list li .tw { margin-top: 53%; margin-left: 28%; }
#detail .people_list li .tw h1 { font-size: 4rem; }
#detail .people_list li .tw p { font-size: 2.2rem; text-align: left; }
#detail .people_list li .bg { aspect-ratio: 144 / 87; }
#detail .tww { margin-top: 12rem; }
#detail .w { display: flex; gap: 6rem; margin-top: 12rem; }
#detail .w.-r { flex-direction: row-reverse; }
#detail .w .pw { width: 50%; }
#detail .w .tw { width: 50%; }
#detail h2 { font-size: 2.4rem; font-weight: 700; color: #01175F; margin-bottom: 3rem; }
@media screen and (max-width:896px) { /* m */
	#detail .people_list li .tw { margin-top: 53%; margin-left: 5%; }
	#detail .people_list li .tw h1 { font-size: 3rem; }
	#detail .people_list li .tw p { font-size: 1.8rem; }

	#detail .tww { margin-top: 6rem; }
	#detail .w { display: block; margin-top: 6rem; }
	#detail .w .pw { width: 100%; margin-bottom: 3rem; text-align: center; }
	#detail .w .tw { width: 100%; }
}

/* index ----------*/
#index {}
#index .people_list { padding: 0 38rem 0 13rem; }
#index .people_list .owl-stage-outer { overflow: visible; }
#index .people_list .owl-nav { position: absolute; top: 14vw; left: 0; display: flex; width: 100%; padding: 0 3rem; }
#index .people_list .owl-nav .owl-prev {}
#index .people_list .owl-nav .owl-next { margin-left: auto; }
#index .people_list .owl-nav .disabled { opacity: 0.3; cursor: default; }
#index .people_list .owl-item:nth-child(4n+1) { margin-top: 5rem; }
#index .people_list .owl-item:nth-child(4n+2) { margin-top: 16rem; }
#index .people_list .owl-item:nth-child(4n+3) {}
#index .people_list .owl-item:nth-child(4n+4) { margin-top: 7rem; }
#index .people_list li .tw { margin-top: 80%; margin-left: 7rem; }
#index .people_list li .bg { aspect-ratio: 442 / 522; }
#index .btw { text-align: right; }
@media screen and (max-width:1400px) {
	#index .people_list { padding: 0 19rem 0 6.5rem; }
}
@media screen and (max-width:480px) { /* s */
	#index { padding-top: 10rem; padding-bottom: 6rem; }
	#index h2 .cursive { transform: scale(0.8, 0.8); }
	#index .people_list { padding: 0 12rem 0 4rem; }
	#index .people_list .owl-nav { top: 35vw; left: 0; padding: 0 1rem; }
	#index .people_list .owl-nav img { width: 4rem; }
}