@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}


/* 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;}

.content_wrap{margin-bottom: 50px;}
.content_wrap .title_type01{float:left;width:100%;padding-bottom:1em;border-bottom: 1px solid #eee;}
.content_wrap .title_type01 h1{line-height:1 !important;}
.content_wrap .title_type01 h1:before {height:22px;}


/* 신문사 소개 */
/* --- 회사소개 --- */
.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;}


/* 정책 */
.policy_wrap {padding-bottom: 100px;}
.policy_wrap > section:first-of-type{margin-top: 20px;}
.policy_wrap > section + section {margin-top: 30px;}
.policy_wrap p{line-height: 1.5; margin: 15px 0; font-size: 0.9em;}
.p_tit{display: block; font-size: 18px; margin-bottom: 15px;}
.dot_list{}
.dot_list > li{position: relative; padding-left: 15px; line-height: 20px; color: #666;}
.dot_list > li + li{margin-top: 5px;}
.dot_list > li::before{position: absolute; left: 0; content:"·"; display: block; clear: both; color: #ccc; font-weight: 900; line-height: 20px; font-size: 20px;}

.policy_wrap .team{display: flex; gap: 10px; font-size: 0.85em; line-height: 1.8; margin-top: 30px;}
.policy_wrap .team > div{flex: 1; padding: 1em; text-align: left; border: 1px solid #eee; border-radius: 10px;}

.p_big_tit{color: var(--color-basic); font-size: 18px;}

.num_list{}
.num_list > li{position: relative; padding-left: 20px; line-height: 20px; font-size: 0.9em}
.num_list > li::before{position: absolute; left: 0; content:"·"; display: block; clear: both; color: #ccc; font-weight: 500; line-height: 20px;}
.num_list > li + li{margin-top: 10px;}
.num_list > li:nth-child(1)::before{content:"1.";}
.num_list > li:nth-child(2)::before{content:"2.";}
.num_list > li:nth-child(3)::before{content:"3.";}
.num_list > li:nth-child(4)::before{content:"4.";}
.num_list > li:nth-child(5)::before{content:"5.";}
.num_list > li:nth-child(6)::before{content:"6.";}

.policy_wrap .p_big_tit{margin-top: 30px;}
.policy_wrap .p_big_tit + section{margin-top: 20px;}

.col-sm-12 .policy{padding-left: 0; padding-right: 0;}


@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;}


}