@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;700&display=swap');

.imad-main{
  margin: 0; padding: 0; box-sizing: border-box; color: #444; letter-spacing: -1px;
  font-family: 'Noto Sans KR', sans-serif; font-size: 16px!important; font-weight: 300;
}
.imad-main a {text-decoration: none; color: #444;}
.imad-main li {list-style: none;}

.side-wrap {max-width: 640px; height: 100%; margin: 0 auto;}
.side-contents-wrap {padding: 0 20px;}

/* 헤더 */
header {height: 60px!important; border-bottom: 1px solid #ddd; text-align: center!important;}
.side-logo > a > img {width: 130px!important; padding-top: 10px!important; display: inherit!important;}


/* 타이틀 */
.side-title {font-weight: 700; font-size: 24px!important; color: #20198d; margin:35px 0 10px;}


/* 텍스트 */
.side-text-list > ul { display: flex; flex-direction: column;}
.side-text-list > ul > li { height: 40px; display: flex; align-items: center; width: 100%; border-bottom: 1px solid #ddd; }
.side-text-list > ul > li:last-child {border-bottom: none;}
.side-text-list > ul > li > a {text-overflow: ellipsis;overflow: hidden; white-space: nowrap;}


/* 이미지 2칸 */
.side-img-list { width: 100%; height: 150px; margin: 20px 0; display: flex; justify-content: space-between;}
.side-img-wrap { width: 290px; height: 150px; border: 1px solid #ddd;}
.side-img-wrap:first-child {margin-right: 10px;}
.side-img-wrap:last-child {margin-left: 10px;}
.side-img {height: 68%; background-color: #ddd; text-align: center;}
.side-txt {
  height: 32%;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;text-overflow: ellipsis;overflow: hidden;
  padding-left: 4px; line-height: 1.4;
}


/* 오른쪽정렬 */
/* .side-r-img-list {height: 100%;} */
.side-r-img-list ul {display: flex; flex-direction: column;;}
.side-r-img-list ul > li {height: 90px; margin-bottom: 10px; border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.side-r-img-list ul > li:last-child {border-bottom: none;}
.side-r-img-list ul > li > a{ width: 100%; display: flex; height: 100%; align-items: center;}
.side-r-txt {
  width: 70%; padding: 0 2%;
  -webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;text-overflow: ellipsis;overflow: hidden;
}
.side-r-img {width: 30%; background-color: #ddd; height: 100%;}

/* 왼쪽 */
.side-l-img-list {/* height: 100%; */ margin-top: 40px;}
.side-l-img-list ul {display: flex; flex-direction: column;;}
.side-l-img-list ul > li {height: 90px; margin-bottom: 10px; border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.side-l-img-list ul > li:last-child {border-bottom: none;}
.side-l-img-list ul > li > a{ width: 100%; display: flex; height: 100%; align-items: center;}
.side-l-txt {
  width: 75%; padding: 0 2%;
  -webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;text-overflow: ellipsis;overflow: hidden;
}
.side-l-img {width: 25%; background-color: #ddd; height: 100%;}


/* 큰 이미지 영역 */
.side-big-img-wrap {width: 100%; height: 300px; background-color: #ddd; margin-top: 20px; position: relative;}
.side-big-img {width: 100%; height: 300px;}
.side-big-txt {
  position: absolute; bottom: 10px; width: 100%; padding: 0 10px; font-weight: 700; font-size: 20px!important;
  text-overflow: ellipsis;overflow: hidden; white-space: nowrap; color: #fff; z-index: 1;
}
.side-big-bg {
  width: 100%; height: 90px; position: absolute; bottom: 0;
  background-image: linear-gradient(to top, #000, transparent)
}

/* 푸터 */
footer {min-height: 200px; background-color: #20198d; color: #fff; text-align: center;}
footer > ul {display: flex; width: 100%; justify-content:  space-evenly; align-items: center; padding-top: 24px;}
footer > ul > li > a { color: #fff; font-size: 14px!important;}
footer > ul > li > a:hover {text-decoration: none;}
footer > ul > li > a > img {width: 80px;}
footer > ul > li > a > span {color: #00ccff; font-weight: bold;  font-size: 14px!important;}
.side-cast-info {padding-top: 20px; line-height: 1.8;}
.side-cast-info > p , .side-cast-info > p > span {color: #fff; font-size: 14px!important;}
.side-cast-info > p > span {font-weight: bold; font-size: 14px!important;}