@charset "utf-8";

section.contents[class*="board"] .contents-inner {width:1200px; margin:0 auto; max-width:100%; padding:100px 0;}

.notice_list li {transition: all 0.3s; background-color: #fff; border-radius: 0 35px 35px 35px; border: 1px solid #dbdbdb;}
.notice_list li:hover {border-radius: 35px; border-color: #fa744f;}
.notice_list li + li {margin-top:20px;}
.notice_list li a {display: inline-block; width: 100%; height: 100%; box-sizing: border-box; padding: 55px 75px; cursor:pointer;}
.notice_list.type02 li a {display: flex; flex-wrap: wrap; padding: 40px; gap: 75px; align-items: center;}
.notice_list.type02 li .img_box {width:100%; max-width:320px; aspect-ratio:1/0.7; background-color:#eee;}
.notice_list.type02 li .img_box img {width:100%; object-fit:cover; height:100%; vertical-align:top;}
.notice_list.type02 li .txt_box {width:calc(100% - 395px);}
.notice_list li .top {display:flex; align-items:flex-end; gap:15px;}
.notice_list li h5 {font-size:1.11rem; margin:0; display:inline-block; font-weight:bold; letter-spacing:-0.025em; color:#fa744f;}
.notice_list li .tit {font-size:1.33rem; padding:20px 0; font-weight:bold; letter-spacing:-0.025em; color:#444;}
.notice_list li .tit h3 {overflow:hidden; width:100%; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; text-overflow:ellipsis; line-height: 1.3;}
.notice_list li .txt {color:#444; line-height:1.8;}
.notice_list.type02 li .txt p {-webkit-line-clamp:3;}
.notice_list li .txt p {overflow:hidden; width:100%; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow:ellipsis; font-size:1.33rem;}
.notice_list li p {font-size:1rem; font-weight:400; letter-spacing:-0.025em;}

.page_custom {display:flex; gap:15px; justify-content:center; margin:100px auto 0;}
.page_custom a {width:40px; transition:all 0.3s; position:relative; text-align:center; font-size:16px; font-weight:500; color:#888; line-height:40px; height:40px; border-radius:50%; display:inline-block;}
.page_custom a.active {background-color:#fa744f; color:#fff;}
.page_custom .btn {background-color:#f7f5f3;}
.page_custom .btn.end i {left:44%;}
.page_custom .btn i {display:inline-block; top:50%; left:50%; transform:translate(-50%, -50% ); position: absolute; width:7px; height:10px; background:url(../images/common/arr_icon01.png);}
.page_custom .btn i + i {margin-left:7px;}
.page_custom .pre i {background:url(../images/common/arr_icon02.png);}

.programCon {max-width: 1400px; margin: 50px auto; font-family: 'Noto Sans KR', sans-serif; letter-spacing: 0; overflow: hidden;}
.readTop {width: calc(100% - 40px); border-top: 2px solid #888; border-bottom: 1px solid #c4c7ca; padding: 30px 20px;}
.readTop .imgTitle {font-size:18px; color: #454545; line-height: 1.5; font-weight: bold;}
.readTop .imgTitle_sub {margin-top: 10px; font-size: 12px; color: #666; vertical-align: middle;}
.readTop .imgTitle_sub i {display: inline-block; margin: 0 5px;}
.readTop .imgTitle_sub .hit {margin: 0 0 0 10px;}
.readTop .imgTitle_sub .hit img {vertical-align: middle;}
.readEdit {width: calc(100% - 40px); padding: 0 20px; margin: 40px 0; overflow: hidden; position: relative; font-size: 13px; color: #656668;}
.readBottom table {width: 100%; border-top: 1px solid #c4c7ca; border-bottom: 1px solid #c4c7ca;}
.readBottom table tr {border-bottom: 1px solid #e5e5e5;}
.readBottom table th {height: 40px; color: #444; font-weight: normal; background: #fcfcfc;}
.readBottom table td {height: 40px; padding: 0 30px; color: #444;}
.readBottom table th img {margin-left: 10px; vertical-align: middle;}
.readBottom table td a {color: #666;}
.readBottom_btn {overflow: hidden; font-size: 0; text-align: center; margin-top: 40px;}
.readBottom_btn dt {float: left;}
.readBottom_btn dd {float: right;}
.readBottom_btn dd a {display: inline-block; width: 130px; height: 40px; line-height: 40px; font-size: 12px; color: #fff; background: #5b5b5b;}


/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
		
	section.contents[class*="board"] .contents-inner {width:100%; padding:50px 5vw;}

	.notice_list.type02 li a {padding:25px; gap:30px;}
	.notice_list li .top {display:flex; align-items:flex-end; gap:15px;}
	.notice_list li h5 {font-size:1.11rem; margin:0; display:inline-block; font-weight:bold; letter-spacing:-0.025em; color:#fa744f;}
	.notice_list li .tit {font-size:1.33rem; padding:20px 0; font-weight:bold; letter-spacing:-0.025em; color:#444;}
	.notice_list li .tit h3 {overflow:hidden; width:100%; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; text-overflow:ellipsis;}
	.notice_list li .txt {color:#444; line-height:1.8;}
	.notice_list.type02 li .txt p {-webkit-line-clamp:3;}
	.notice_list li .txt p {overflow:hidden; width:100%; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow:ellipsis; font-size:1.33rem;}
	.notice_list li p {font-size:1rem; font-weight:400; letter-spacing:-0.025em;}
	
}

/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {

	section.contents[class*="board"] .contents-inner {padding:30px 5vw;}
	
	.programCon {padding: 0 15px;}
	.readTop {width:100%; padding: 10px 0;}
	.readTop .imgTitle_sub {font-size: 16px;}
	.readEdit {padding: 0 10px; width: 100%; margin: 30px 0; font-size: 16px; line-height: 1.4;}
	.readBottom_btn {margin-top: 30px;}
	.readBottom_btn dd a {font-size: 16px; width: 80px; height: 40px; line-height: 40px;}
	
	/* 사례연구 */
	.notice_list.type02 li a {gap:20px;}
	.notice_list.type02 li .txt_box {width:100%;}
	
}