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


/*
topics
==============================*/

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


/* topicsList ----------*/
#topicsList { overflow: hidden; margin-bottom: -7.1rem; padding-bottom: 20rem !important; }
#topicsList .w { padding: 8rem 6rem; border-radius: 2rem; color: #506A79; background-color: #F0F4F6; }
#topicsList .cats { display: flex; flex-flow: wrap; gap: 1rem; }
#topicsList .cats .c { text-decoration: none; display: inline-block; margin-right: 0.5rem; padding: 0.3rem 1rem; border-radius: 3rem; color: #FFF; background-color: #73B6DA; font-weight: 500; font-size: 1.3rem; line-height: 1.6; }
#topicsList .topics_list { margin-top: 6rem; }
@media screen and (max-width:480px) { /* s */
	#topicsList .w { padding: 4rem 3rem; }
	#topicsList .topics_list { margin-top: 3rem; }
}


/* topicsDetail ----------*/
#topicsDetail { overflow: hidden; margin-bottom: -7.1rem; padding-top: 20rem !important; padding-bottom: 20rem !important; }
#topicsDetail .w { padding: 8rem 6rem; border-radius: 2rem; color: #506A79; background-color: #F0F4F6; display: flex; flex-direction: column; gap: 5rem; }
#topicsDetail .w .cat { display: inline-block; margin-right: 0.5rem; padding: 0.3rem 1rem; border-radius: 3rem; color: #FFF; background-color: #73B6DA; font-weight: 500; font-size: 1.3rem; line-height: 1.6; }
#topicsDetail .w h1 { font-size: 3.6rem; font-weight: bold; color: #08599F; margin-top: 1.5rem; }
#topicsDetail .w h2 { font-size: 3.2rem; font-weight: 500; color: #73B6DA; }
#topicsDetail .w h3 { font-size: 2.8rem; font-weight: 500; }
#topicsDetail .w h4 {}
#topicsDetail .w h4 span { display: inline-block; font-size: 2.4rem; font-weight: 500; color: #FFF; background-color: #73B6DA; padding: 0.5rem 1rem; }
#topicsDetail .w p {}
#topicsDetail .w p a { color: #398DDB; font-weight: 500; }
#topicsDetail .w p a.pdf { text-decoration: none; color: #506A79; display: flex; align-items: center; gap: 1rem; }
#topicsDetail .w p a.pdf::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none'%3E%3Cg clip-path='url(%23clip0_1431_45742)'%3E%3Cpath d='M28.334 2.83325H11.334C9.77565 2.83325 8.50065 4.10825 8.50065 5.66659V22.6666C8.50065 24.2249 9.77565 25.4999 11.334 25.4999H28.334C29.8923 25.4999 31.1673 24.2249 31.1673 22.6666V5.66659C31.1673 4.10825 29.8923 2.83325 28.334 2.83325ZM16.2923 13.4583C16.2923 14.6341 15.3432 15.5833 14.1673 15.5833H12.7507V18.4166H10.6257V9.91659H14.1673C15.3432 9.91659 16.2923 10.8658 16.2923 12.0416V13.4583ZM23.3757 16.2916C23.3757 17.4674 22.4265 18.4166 21.2507 18.4166H17.709V9.91659H21.2507C22.4265 9.91659 23.3757 10.8658 23.3757 12.0416V16.2916ZM29.0423 12.0416H26.9173V13.4583H29.0423V15.5833H26.9173V18.4166H24.7923V9.91659H29.0423V12.0416ZM12.7507 13.4583H14.1673V12.0416H12.7507V13.4583ZM5.66732 8.49992H2.83398V28.3333C2.83398 29.8916 4.10898 31.1666 5.66732 31.1666H25.5007V28.3333H5.66732V8.49992ZM19.834 16.2916H21.2507V12.0416H19.834V16.2916Z' fill='%2308599F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1431_45742'%3E%3Crect width='34' height='34' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); }
#topicsDetail .w .card_txt { display: flex; gap: 5rem; }
#topicsDetail .w .card_txt.-r { flex-direction: row-reverse; }
#topicsDetail .w .card_txt > div { flex: 1; }
#topicsDetail .fs12 { font-size: 1.2rem; }
#topicsDetail .fs14 { font-size: 1.4rem; }
#topicsDetail .fs16 { font-size: 1.6rem; }
#topicsDetail .fs18 { font-size: 1.8rem; }
#topicsDetail .fs20 { font-size: 2rem; }
#topicsDetail .pgw { display: grid; }
#topicsDetail .pgw .cap { display: block; text-align: center; font-size: 1.4rem; margin-top: 1rem; }
#topicsDetail .pgw.-col_1 { grid-template-columns: 1fr; }
#topicsDetail .pgw.-col_2 { grid-template-columns: 1fr 1fr; gap: 4rem; }
#topicsDetail .pgw.-col_3 { grid-template-columns: 1fr 1fr 1fr; gap: 3rem; }
#topicsDetail .pgw.-col_4 { grid-template-columns: 1fr 1fr 1fr 1fr; gap: 2rem; }
#topicsDetail .btw { text-align: center; margin-top: 8rem; }
@media screen and (max-width:896px) { /* m */
	#topicsDetail .w .card_txt { flex-direction: column !important; gap: 3rem; }
	#topicsDetail .pgw.-col_2 { grid-template-columns: 1fr 1fr; gap: 2rem; }
	#topicsDetail .pgw.-col_3 { grid-template-columns: 1fr 1fr; gap: 2rem; }
	#topicsDetail .pgw.-col_4 { grid-template-columns: 1fr 1fr 1fr; gap: 2rem; }
}
@media screen and (max-width:480px) { /* s */
	#topicsDetail { padding-top: 10rem !important; padding-bottom: 15rem !important; }
	#topicsDetail .w { padding: 4rem 3rem; gap: 3rem; }
	#topicsDetail .w h1 { font-size: 2.9rem; }
	#topicsDetail .w h2 { font-size: 2.7rem; }
	#topicsDetail .w h3 { font-size: 2.2rem; }
	#topicsDetail .w .card_txt { gap: 2rem; }
	#topicsDetail .btw { margin-top: 4rem; }
	#topicsDetail .pgw.-col_2 { grid-template-columns: 1fr; }
	#topicsDetail .pgw.-col_3 { grid-template-columns: 1fr 1fr; }
	#topicsDetail .pgw.-col_4 { grid-template-columns: 1fr 1fr; }
}