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


/*
 pepleStory
==============================*/

/* pepleStory ----------*/
#pepleStory {}
#pepleStory #mvp h1 .cursive { top: -2rem; left: 74%; width: 8.16em; }
#pepleStory .sub_text { padding-bottom: 12rem; }
#pepleStory .btw { margin-top: 8rem; text-align: right; }
.ch2 { position: relative; margin-bottom: 12rem; padding-bottom: 3rem; color: #01175F; font-size: 3.4rem; font-weight: 700; }
.ch2::before, .ch2::after { position: absolute; content: ""; }
.ch2::before { bottom: 0; left: -20rem; width: 21em; height: 0; border-top: solid 1px #BCA317; }
.ch2::after { top: -16rem; left: -4rem; width: 0; height: 28rem; border-left: solid 1px #BCA317; }
@media screen and (max-width:480px) { /* s */
	#pepleStory #mvp h1 .cursive { top: -6rem; left: 50%; transform: scale(0.6, 0.6); }
	.ch2 { margin-bottom: 6rem; padding-bottom: 2rem; font-size: 2.8rem; }
	.ch2::after { left: -1rem; }
	#pepleStory .btw { margin-top: 4rem; }
}

/* projectStory ----------*/
#projectStory { background-color: #02175F; }
#projectStory .ch2 { color: #FFF; }
#projectStory .people_list li .tw { background-color: #01175F; }
#projectStory .people_list li .tw h4, #projectStory .people_list li .tw h1 { color: #FFF; }

/* crossStory ----------*/
#crossStory {}