@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); */


/*
people
==============================*/

/* mvp ----------*/
#mvp { background-image: url(../img/people/kv.jpg); }


/* peopleIndex ----------*/
#peopleIndex {}
#peopleIndex .inner { text-align: center; }
#peopleIndex .people_list { display: inline-flex; }

/* detailHeader ----------*/
#detailHeader { padding-top: 18rem !important; }
#detailHeader {}
#detailHeader .pw { position: relative; width: 100%; aspect-ratio: 10 / 6; background-repeat: no-repeat; background-position: center; background-size: cover; }
#detailHeader .pw .c { position: absolute; position: absolute; top: 0; right: 0; display: inline-block; padding: 0.3em 0.5em; color: #FFF; background-color: rgba(57, 141, 219, 0.8); font-size: 1.8rem; font-weight: 500; line-height: 1; }
#detailHeader .pw .i { position: absolute; bottom: 0; left: 0; display: flex; padding: 0.8rem 4rem; background: rgba(160, 218, 250, 0.60); gap: 3rem; align-items: center; } 
#detailHeader .pw .i .n { font-size: 2.6rem; font-weight: bold; line-height: 1; }
#detailHeader .pw .i .d { font-size: 1.4rem; line-height: 1; }
#detailHeader .career { width: 100%; padding: 2rem 3rem; background-color: #2E70AA; }
#detailHeader .career .career_list { display: flex; flex-direction: column; gap: 2rem; }
#detailHeader .career .career_list li { display: flex; gap: 2rem; }
#detailHeader .career .career_list li span {}
#detailHeader .career .career_list li .h { white-space: nowrap; font-size: 1.6rem; color: #FFFF8B; }
#detailHeader .career .career_list li .t { line-height: 1.7; font-size: 1.6rem; }
#detailHeader h1 { margin-top: 7rem; color: #FFFF8B; font-size: 5rem; font-weight: 500; }
@media screen and (max-width:1024px) { /* l */
	#detailHeader { padding-top: 12rem !important; }
}
@media screen and (max-width:480px) { /* s */
	#detailHeader { padding-top: 10rem !important; }
	#detailHeader h1 { margin-top: 3rem; font-size: 4rem; }
}

/* peopleDetail ----------*/
#peopleDetail { overflow: hidden; }
#peopleDetail .inner { display: flex; flex-direction: column; gap: 7rem; }
#peopleDetail .w {}
#peopleDetail .w.-hb { position: relative; background-color: #FFF; padding: 3rem; box-shadow: 3px 4px 10px 0 rgba(154, 215, 250, 0.20); }
#peopleDetail .w.-hb::after { content: ""; position: absolute; top: -5rem; right: 0; width: 7.7rem; aspect-ratio: 77 / 110; background-image: url(../img/people/icon_01.svg); display: block; background-repeat: no-repeat; background-position: center; background-size: cover; }
#peopleDetail .w.-pg { display: flex; gap: 5rem; }
#peopleDetail .w.-pg.-r { flex-direction: row-reverse; }
#peopleDetail .w.-pg .pw { width: calc(50% - 5rem); }
#peopleDetail .w.-pg .pw img { width: 150%; max-width: none; }
#peopleDetail .w.-pg.-l .pw img { float: right; }
#peopleDetail .w.-pg .tw { width: 50%; }
#peopleDetail .w h2 { color: #08599F; font-size: 2.4rem; font-weight: 500; }
#peopleDetail .w h3 { color: #73B6DA; font-size: 3.6rem; font-weight: 500; margin-top: 1rem; margin-bottom: 3rem; }
#peopleDetail .w p { font-size: 1.7rem; }
@media screen and (max-width:1440px) {
	#peopleDetail .w.-pg .pw img { width: 46vw; }
}
@media screen and (max-width:896px) { /* m */
	#peopleDetail .w.-pg { flex-direction: column !important; gap: 4rem; }
	#peopleDetail .w.-pg .pw,
	#peopleDetail .w.-pg .tw { width: 100%; }
	#peopleDetail .w.-pg .pw img { width: calc(100% + 3rem); }
}
@media screen and (max-width:480px) { /* s */
	#peopleDetail .w h2 { font-size: 2.2rem; }
	#peopleDetail .w h3 { font-size: 3rem; margin-top: 1rem; margin-bottom: 2rem; }
}


/* schedule ----------*/
#schedule {}
#schedule .schedule_list { display: flex; flex-direction: column; gap: 3.3rem; }
#schedule .schedule_list li { position: relative; display: flex; background-color: #F0F4F6; }
#schedule .schedule_list li::after { content: ""; position: absolute; top: calc(100% + 1rem); left: calc(50% - 14.5px); display: block; width: 0; height: 0; border-left: 14.5px solid transparent; border-right: 14.5px solid transparent; border-top: 13px solid #FFFFBB; }
#schedule .schedule_list li:last-child:after { display: none; }
#schedule .schedule_list li .dw { display: grid; flex-shrink: 0; width: 8.6rem; background-color: #2E70AA; place-items: center; }
#schedule .schedule_list li .dw .d { color: #FFF; font-size: 2.2rem; font-family: "Figtree", sans-serif; font-weight: 600; text-align: center; }
#schedule .schedule_list li .tw { padding: 2rem; }
#schedule .schedule_list li .tw h4 { margin-bottom: 2rem; color: #08599F; font-size: 2.2rem; font-weight: 500; }
#schedule .schedule_list li:nth-child(even) .tw h4 { color: #2495D6; }
#schedule .schedule_list li .tw p { color: #506A79; font-size: 1.7rem; line-height: 1.75; }


/* otherPeople ----------*/
#otherPeople {}
#otherPeople .people_list { margin-top: 4rem; }
#otherPeople .people_list .owl-item:nth-child(even) { margin-top: 7rem; }
#otherPeople .btw { margin-top: 8rem; text-align: center; }
@media screen and (max-width:896px) { /* m */
	#otherPeople .btw { margin-top: 6vw; }
}
@media screen and (max-width:480px) { /* s */
	#otherPeople .owl-carousel .owl-stage-outer { overflow: visible; }
	#otherPeople .people_list .owl-item:nth-child(even) { margin-top: 3vw; }
}