@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); */


/*
 info
==============================*/


/* info ----------*/
#info {
	background-image: url(../img/job_type/job_category_bg_01.png), url(../img/job_type/job_category_bg_02.png);
	background-position: left top, right bottom;
	background-size: 48rem auto;
	background-repeat: no-repeat;
}
#info h3 { margin-top: 9rem; margin-bottom: 4.5rem; color: #FED93F; font-size: 2.4rem; }
@media screen and (max-width:1560px) {
	#info { background-size: 33% auto; background-position: left -1vw top -2vw, right bottom; }
}
@media screen and (max-width:480px) { /* s */
	#info.sec.-space { background-size: 50% auto; background-position: left -1vw top -2vw, right -2rem bottom -3rem; }
}


/* infoDetail ----------*/
#infoDetail {
	background-image: url(../img/job_type/job_category_bg_01.png), url(../img/job_type/job_category_bg_02.png);
	background-position: left top, right bottom;
	background-size: 48rem auto;
	background-repeat: no-repeat;
}
#infoDetail .info_grid { display: grid; grid-template-columns: 1fr; gap: 5rem; }
#infoDetail .info_grid > * { margin: 0; }
#infoDetail .info_grid h2 { font-size: 2.8rem; color: #FED93F; line-height: 1.4; }
#infoDetail .info_grid h3 { font-size: 3.2rem; color: #FFF; line-height: 1.4; }
#infoDetail .info_grid h4 { font-size: 2.4rem; color: #007BC7; line-height: 1.4; background-color: #FFF; display: inline-block; padding: 1rem 2rem; border: solid 2px #00458D;  }
#infoDetail .info_grid a { color: #FFF; }
#infoDetail .info_grid a.pdf { display: flex; gap: 1.2rem; align-items: end; text-decoration: none; color: #FED93F; font-size: 1.6rem; font-weight: bold; }
#infoDetail .info_grid a.pdf::before { width: 4.8rem; height: 4.8rem; content: ""; display: block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M36 0H12C9.8 0 8 1.8 8 4V28C8 30.2 9.8 32 12 32H36C38.2 32 40 30.2 40 28V4C40 1.8 38.2 0 36 0ZM19 15C19 16.66 17.66 18 16 18H14V22H11V10H16C17.66 10 19 11.34 19 13V15ZM29 19C29 20.66 27.66 22 26 22H21V10H26C27.66 10 29 11.34 29 13V19ZM37 13H34V15H37V18H34V22H31V10H37V13ZM14 15H16V13H14V15ZM4 8H0V36C0 38.2 1.8 40 4 40H32V36H4V8ZM24 19H26V13H24V19Z' fill='white'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: contain; }
#infoDetail .btw { text-align: center; margin-top: 8rem; }
@media screen and (max-width:1560px) {
	#infoDetail { background-size: 33% auto; background-position: left -1vw top -2vw, right bottom; }
}
@media screen and (max-width:480px) { /* s */
	#infoDetail.sec.-space { background-size: 50% auto; background-position: right -30vw top -5vw, right -2rem bottom -3rem; }
	#infoDetail .info_grid { gap: 3rem; }
}
