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

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


/*
articles
==============================*/

/* article_contents ----------*/
.article_contents { display: flex; flex-direction: column; gap: 10rem; }
.article_contents .main_pw { display: flex; flex-direction: column; gap: 3rem; }
.article_contents .pw img { width: 100%; max-width: none; border-radius: 1rem; border: solid 1px rgba(0,0,0,0.1); }
.article_contents .page_header { display: flex; flex-direction: column; gap: 3rem; }
.article_contents .page_header .info { display: flex; align-items: center; flex-flow: wrap; gap: 3rem; }
.article_contents .page_header .tag_list { display: flex; flex-flow: wrap; margin-left: auto; gap: 0.5rem; }
.article_contents .page_header .tag_list .tag { background: rgba(189, 127, 217, 0.15); }
.article_contents .page_header hr { width: 1px; height: 1.5em; border: none; border-left: solid 1px #D9D9D9; }
.article_contents .page_header .info:not(:has(.tag_list)) .art__like { margin-left: auto; }
.article_contents .page_header .info .art__like .wpulike-robeen button.wp_ulike_btn { transform: scale(1.4); transform-origin: center; }
.article_contents .page_header h1 { font-size: 3.2rem; font-weight: bold; line-height: 1.4; }
.article_contents .page_header .art__lead { display: block; }
.article_contents .page_header .art__rpt { padding: 2rem; gap: 2rem; border: solid 1px rgba(0,0,0,0.15); border-radius: 0.5rem; }
.article_contents .page_header .art__rpt .art__rpt__tmb { width: 6rem; }
.article_contents .page_header .art__rpt .art__rpt__name { font-size: 1.7rem; }
.article_contents .page_header .art__rpt .art__rpt__link { flex-shrink: 0; margin-left: auto; }
.article_contents .page_contents { display: flex; flex-direction: column; gap: 8rem; }
.article_contents .page_contents .ssec { position: relative; }
.article_contents .page_contents .ssec h2 { margin-bottom: 1.07em; font-size: 2.8rem; font-weight: bold; line-height: 1.4; }
.article_contents .page_contents .ssec h2 mark { background: linear-gradient(transparent 60%, rgba(255, 102, 153, 0.50) 60%); }
.article_contents .page_contents .ssec h3 { margin-bottom: 0.83em; padding-left: 0.3em; border-left: solid 3px #FF6699; font-size: 2.4rem; font-weight: bold; line-height: 1.4; }
.article_contents .page_contents .ssec h4 { display: inline-block; margin-bottom: 0.5em; padding-bottom: 0.3em; border-bottom: 1px dashed #F69; font-size: 2rem; font-weight: bold; line-height: 1.4; }
.article_contents .page_contents .ssec p,
.article_contents .page_contents .ssec p strong,
.article_contents .page_contents .ssec p span { vertical-align: baseline; }
.article_contents .page_contents .ssec .p { margin: 0; vertical-align: baseline; }
.article_contents .page_contents .ssec .p img { border-radius: 1rem; }
.article_contents .page_contents .ssec .comment { margin-top: -1rem; padding: 0 2rem; }
.article_contents .page_contents .ssec .comment { position: relative; width: 100%; }
.article_contents .page_contents .ssec .comment span { position: relative; z-index: 2; display: block; padding: 2rem 1rem; border-radius: 0.5rem; border: solid 1px #333; background-color: #FFF; font-size: 1.4rem; font-weight: bold; text-align: center; line-height: 1.4; vertical-align: middle; }
.article_contents .page_contents .ssec .comment:before,
.article_contents .page_contents .ssec .comment:after { position: absolute; left: 25%; display: block; content: ""; width: 0; height: 0; -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); }
.article_contents .page_contents .ssec .comment:before { z-index: 1; top: -30px; border: 14px solid transparent; border-bottom: 26px solid #333; }
.article_contents .page_contents .ssec .comment:after { z-index: 3; top: -26px; border: 12px solid transparent; border-bottom: 26px solid #FFF; }
.article_contents .page_contents .ssec .comment-r:before,
.article_contents .page_contents .ssec .comment-r:after { left: auto; right: 25%; -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); }
.article_contents .page_contents .ssec .comment-c:before,
.article_contents .page_contents .ssec .comment-c:after { left: 0; right: 0; margin: auto; -webkit-transform: rotate(0); -ms-transform: rotate(0); }
.article_contents .page_contents .ssec .dialog { display: flex; flex-direction: column; gap: 2rem; }
.article_contents .page_contents .ssec .dialog li { display: flex; gap: 4rem; }
.article_contents .page_contents .ssec .dialog li.-r { flex-direction: row-reverse; }
.article_contents .page_contents .ssec .dialog li .pw { display: block; width: 15rem; }
.article_contents .page_contents .ssec .dialog li .pw span { display: block; overflow: hidden; border-radius: 1rem; }
.article_contents .page_contents .ssec .dialog li .tw { display: block; width: calc(100% - 15rem - 4rem); }
.article_contents .page_contents .ssec .dialog li .tw span { position: relative; display: block; padding: 2rem; border-radius: 1rem; border: solid 1px #000; background-color: #FFF; }
.article_contents .page_contents .ssec .dialog li .tw span:before,
.article_contents .page_contents .ssec .dialog li .tw span:after { position: absolute; top: 2rem; left: -3rem; content: ""; width: 0; height: 0; border: 1rem solid transparent; border-right: 2rem solid #000; }
.article_contents .page_contents .ssec .dialog li .tw span:after { left: -2.8rem; border-right: 2rem solid #FFF; }
.article_contents .page_contents .ssec .dialog li.-r .tw span:before,
.article_contents .page_contents .ssec .dialog li.-r .tw span:after { left: auto; right: -3rem; border: 1rem solid transparent; border-left: 2rem solid #000; }
.article_contents .page_contents .ssec .dialog li.-r .tw span:after { right: -2.8rem; border-left: 2rem solid #FFF; }
.article_contents .page_contents .ssec .pgw { width: 100%; min-width: 0; }
.article_contents .page_contents .ssec .pgw .owl-stage img { border-radius: 1rem; }
#reporterArticles { display: flex; flex-direction: column; padding: 4rem 6rem; gap: 6rem; border-radius: 1rem; background-color: #F5F5F5; }
#reporterArticles h2 { display: flex; padding-bottom: 0.25em; gap: 0.4em; align-items: center; font-size: 2.4rem; border-bottom: 1px solid #F69; }
#reporterArticles h2 .ico { width: 1em; }
#reporterArticles h3 {}
#reporterArticles h3 span { display: inline-flex; gap: 0.4em; align-items: center; padding-bottom: 0.3em; border-bottom: 1px dashed #F69; font-size: 2rem; }
#reporterArticles h3 .ico { width: 1em; }
#reporterArticles .main__art__rpt { gap: 2rem; }
#reporterArticles .main__art__rpt .art__rpt__tmb { width: 16rem; }
#reporterArticles .main__art__rpt .art__rpt__name { font-size: 2.4rem; }
#reporterArticles .main__art__rpt .art__rpt__dsc { font-size: 1.7rem; }
#reporterArticles .articles_wrap { display: flex; flex-direction: column; gap: 4rem; }
#reporterArticles .articles.-default { grid-template-columns: 1fr 1fr 1fr; gap: 3%; }
#reporterArticles .btw { margin-top: 0; padding-top: 0; }
#reporterRecoArticles { display: flex; flex-direction: column; padding: 4rem 6rem; gap: 6rem; border-radius: 1rem; background-color: #FFF; border: solid 1px #000; }
#reporterRecoArticles h2 { display: flex; padding-bottom: 0.25em; gap: 0.4em; align-items: center; font-size: 2.4rem; border-bottom: 1px solid #F69; }
#reporterRecoArticles h2 .ico { width: 1em; }
#reporterRecoArticles h3 {}
#reporterRecoArticles h3 span { display: inline-flex; gap: 0.4em; align-items: center; padding-bottom: 0.3em; border-bottom: 1px dashed #F69; font-size: 2rem; }
#reporterRecoArticles h3 .ico { width: 1em; }
#reporterRecoArticles .main__art__rpt { gap: 2rem; }
#reporterRecoArticles .main__art__rpt .art__rpt__tmb { width: 16rem; }
#reporterRecoArticles .main__art__rpt .art__rpt__name { font-size: 2.4rem; }
#reporterRecoArticles .main__art__rpt .art__rpt__dsc { font-size: 1.7rem; }
#reporterRecoArticles .articles_wrap { display: flex; flex-direction: column; gap: 4rem; }
#reporterRecoArticles .articles.-default { grid-template-columns: 1fr 1fr 1fr; gap: 3%; }
#alsoReadArticles { display: flex; flex-direction: column; padding: 4rem 6rem; gap: 6rem; border-radius: 1rem; background-color: transparent; border: solid 1px #313131; }
#alsoReadArticles h2 { display: flex; padding-bottom: 0.25em; gap: 0.4em; align-items: center; font-size: 2.4rem; border-bottom: 1px solid #F69; }
#alsoReadArticles h2 .ico { width: 1em; }
#alsoReadArticles .articles_wrap { display: flex; flex-direction: column; gap: 4rem; }
#alsoReadArticles .articles.-default { grid-template-columns: 1fr 1fr 1fr; gap: 3%; }
@media screen and (max-width:896px) { /* m */
	#reporterArticles,
	#reporterRecoArticles,
	#alsoReadArticles { padding: 2rem; gap: 4rem; }
	#reporterArticles .main__art__rpt .art__rpt__tmb,
	#reporterRecoArticles .main__art__rpt .art__rpt__tmb { width: 8rem; }
	#reporterArticles .main__art__rpt .art__rpt__name,
	#reporterRecoArticles .main__art__rpt .art__rpt__name { font-size: 1.8rem; display: block; }
	#reporterArticles .main__art__rpt .art__rpt__dsc,
	#reporterRecoArticles .main__art__rpt .art__rpt__dsc { font-size: 1.4rem; }
	#reporterArticles .articles_wrap,
	#reporterRecoArticles .articles_wrap,
	#alsoReadArticles .articles_wrap { gap: 2rem; }
	#reporterArticles .articles.-default,
	#reporterRecoArticles .articles.-default,
	#alsoReadArticles .articles.-default { grid-template-columns: 1fr; gap: 3rem; }
	#reporterArticles .articles.-default,
	#reporterRecoArticles .articles.-default,
	#alsoReadArticles .articles.-default { margin-left: 0; }
	#reporterArticles .btw,
	#reporterRecoArticles .btw { left: 0; }
}
@media screen and (max-width:480px) { /* s */
	.article_contents { gap: 6rem; }
	.article_contents .page_header .info { gap: 1.5rem; }
	.article_contents .page_contents { gap: 4rem; }
	.article_contents .page_header .art__rpt .art__rpt__link { display: none; }
	.article_contents .page_contents .ssec .dialog li { gap: 3rem; }
	.article_contents .page_contents .ssec .dialog li .pw { width: 10rem; }
	.article_contents .page_contents .ssec .dialog li .tw { width: calc(100% - 10rem - 3rem); }
}