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

@import url(reset.css);
@import url(common.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); */


/*
news
==============================*/

.news-cats-wrap { display: flex; flex-flow: wrap; gap: 1rem; margin-bottom: 7rem; }
.news-cats-wrap a { text-decoration: none; }

/* newsDetail ----------*/
#newsDetail .date { font-size: 1.6rem; margin-top: 2rem; }
#newsDetail .h2 { margin-top: 2.5em; margin-bottom: 1.5em; }
#newsDetail img { border-radius: 4rem; }
#newsDetail .btw { text-align: center; margin-top: 12rem; }
#newsDetail .news-contents { display: flex; flex-direction: column; gap: 4rem; margin-top: 8rem; }
#newsDetail .news-contents h2 { font-size: 2.6rem; color: #694A40; margin-top: 8rem; }
#newsDetail .news-contents h2:first-child { margin-top: 0; }
#newsDetail .news-contents p { margin: 0; }
#newsDetail .news-contents a { color: #4291E5; }
#newsDetail .news-contents .txt_img-wrap { display: flex; gap: 5.4rem; }
#newsDetail .news-contents .txt_img-wrap.-r { flex-direction: row-reverse; }
#newsDetail .news-contents .txt_img-wrap .txt_img-wrap-pw,
#newsDetail .news-contents .txt_img-wrap .txt_img-wrap-tw { width: calc((100% - 5.4rem) / 2); }
#newsDetail .news-contents .txt_img-wrap .txt_img-wrap-pw { text-align: center; }
@media screen and (max-width:896px) { /* m */
	#newsDetail .news-contents .txt_img-wrap { flex-direction: column !important; gap: 3rem; }
	#newsDetail .news-contents .txt_img-wrap .txt_img-wrap-pw,
	#newsDetail .news-contents .txt_img-wrap .txt_img-wrap-tw { width: 100%; }
	#newsDetail .news-contents .txt_img-wrap .txt_img-wrap-pw { padding: 0 8%; }
}
@media screen and (max-width:480px) { /* s */
	#newsDetail img { border-radius: 3rem; }
	#newsDetail .news-contents { gap: 3rem; margin-top: 4rem; }
	#newsDetail .news-contents h2 { margin-top: 6rem; }
	#newsDetail .btw { margin-top: 6rem; }
}