@charset "utf-8";

/* 내용관리 */
#ctt_con {padding:0 0 20px}
.title_type01 h3 {float:left;font-size:18px;font-weight:bold;padding-left:10px;line-height:28px;}
.title_type01 h3:before {content:'';position:absolute;top:0px;left:0;width:2px;height:100%;background:#337ab7;}
#ctt_con img {width:100%}
.ctt_img {text-align:center}
#ctt_con dl {line-height:20px;min-height:20px;}
#ctt_con dl dd {line-height:20px;}


/* Terms */
#ctt_con .terms_box { position: relative; padding: 15px; font-size: 13px; line-height: 1.4; color: #222;}
#ctt_con .terms_box * { color: #222;}
#ctt_con .terms_box h1 { font-size: 18px;}
#ctt_con .terms_box h2 { font-size: 17px;}
#ctt_con .terms_box h3 { font-size: 16px;}
#ctt_con .terms_box p { font-size: 13px; text-align: justify; margin-bottom: 15px;}
#ctt_con .terms_box h1, .terms_box h2, .terms_box h3 { margin-bottom: 5px; font-weight:bold}
#ctt_con .terms_box ol { margin-bottom: 15px;}
#ctt_con .terms_box li { margin: 3px 0; line-height: 1.4; text-align: justify;}

/* 신문사 소개 */
/* --- 회사소개 --- */
.company01 .serif{font-family: 'NotoSerif',serif; font-size: 15px; font-weight: 600; color: #888; margin-bottom: 50px; line-height: 1.5; word-break: keep-all;}
.company01 .serif b{display: block; font-size: 20px; font-weight: 600; letter-spacing: -0.02em; color: #111; margin: 30px auto;}
.company_info {border-top: 3px solid var(--color-basic);}
.company_info dl {display: flex; padding: 1em 5px; border-bottom: 1px solid #eee; line-height: 1.4;}
.company_info dl dt {width: 160px; font-weight: 600;}
.company_info dl dd {flex: 1;}

.map_view + .company_info{margin-top: 30px;}

/* --- 회사소개 하단 추가 --- */
.make_people{margin: 100px 0;}
.m_con > section + section{margin-top: 80px;}
.m_list .name{display: block; font-size: 15px; font-weight: 500;}
.m_list .detail{font-size: 14px; color: #999; margin-top: 5px;}
.m_list + .m_list{margin-top: 50px;}

.make_tit{position: relative; color: var(--color-basic); margin-bottom: 20px; z-index:1;}
.make_tit::after{position: absolute; top: 50%; right: 0; left: 0; height: 2px; border-radius: 2px; content:""; display: block; clear: both; background-color: var(--color-basic); z-index: -1;}
.make_tit strong{display: block; width: fit-content; font-size: 18px; font-weight: 600; background-color: #fff; margin-left: 20px; padding: 0 20px;}

.make_list{display: grid; grid-template-columns: repeat(3,1fr); gap: 15px;}
.make_list > li{display: flex; align-items: flex-end;}
.make_list .img{width: 100px; height: 130px;}
.make_list .img img{display: block; width: 100%; height: 100%; object-fit: cover;}
.make_list .text{flex: 1; padding: 20px 15px; text-align: right;}

.side_list {display: grid; grid-template-columns: repeat(4,1fr); gap: 30px 15px;}
.m_tit{display: flex; align-items: center; justify-content: flex-end; gap: 15px; margin-bottom: 80px;}
.m_tit .text{font-size: 22px; text-align: right;}
.m_tit .text b{display: block; font-weight: bold; color: var(--color-basic);}
.m_tit .img{width: 120px;}
.m_tit .img img{display: block; width: 100%;}

.text_list .name{margin-top: 10px;}
.text_list .name + .name{}
.name_tit{display: block; font-size: 15px; font-weight: 600; margin-bottom: 10px;}


@media screen and (max-width: 1080px) {
	.make_list{grid-template-columns: repeat(2, 1fr); gap: 10px;}

	.side_list{grid-template-columns: repeat(2, 1fr); gap: 20px 10px;}
}
@media screen and (max-width: 560px) {
	.make_list .img{width: 100%; height: auto; aspect-ratio: 10/13;}
	.make_list > li {align-items: center; flex-direction: column;}
	.make_list .text{padding: 1em 0.5em; text-align: center;}
	.company_info {font-size: 0.9em;}
	.company_info dl dt{width: 100px;}


}