@charset "utf-8";
/* -----------------------------------------------
	* 메인 화면 스타일 정의
--------------------------------------------------
	- 최초 작성일 : 2021.08.15
	- 최초 작성자 : 아보카도
	- 최종 수정일 :
	- 최종 수정자 :
--------------------------------------------------*/

/****************************************************
	메인 레이아웃
****************************************************/

#body {opacity:1;}
/* #main_body {text-align:center;} */



#main_body {display: flex; flex-direction: row-reverse; width: 980px; height: 600px; margin: 0 auto;}
.slide, .other_bnr, .list, .info {border-radius: 10px; box-shadow: 0px 0px 10px 1px rgba(0,0,0,.2); background: rgba(255,255,255,.6); backdrop-filter: blur(10px); overflow: hidden;}

#left {display: flex; flex-direction: column; width: 680px;}
#left .btm {display: flex; flex-direction: row; margin-top: 20px;}

/* 슬라이드 */
.slide {width: 680px; height: 300px;}

/* 이웃배너 */
.other_bnr {width: 400px; height: 280px;}
.other_bnr span a img {width: 175px;} /* 두줄 정렬을 위해 가로 사이즈 축소 함 */
.inr {max-height: 280px; text-align: center; overflow-y: hidden;}
.other_bnr p::-webkit-scrollbar, .inr::-webkit-scrollbar {display: none;}

/* 최신글 리스트 */
.list {width: 260px; height: 280px; margin-left: 20px;}

/* 우측 인포 */
.info {width: 260px; margin-left: 20px; padding: 80px 10px; text-align: center;}
.info .info-text {padding: 70px 0;}


/* 반응형 */
@media all and (max-width:1000px) {
  .slide, .other_bnr, .list, .info {width: 100%;}
  #main_body {display: block; width: 100%;}
  #left {width: 100%;}
  #left .btm {}
  .info {margin-left: 0; margin-bottom: 20px; padding: 80px 0px;}
  .info > img.logo {}
  .list, .other_bnr {margin-bottom: 20px;}

  .lt {width: 93% !important;}
}

@media all and (max-width:570px) {
  #left .btm {flex-direction: column;}
  .list {margin-left: 0;}
  .other_bnr {}
}