:root { --main-color: #e86b12; --bg-color: #f3f3f3; --sub-color: #f2c01b; --btn-hover-color: #ddd; } 

/**********************

 사이트 진입 시 애니메이션 공통 
 
***********************/

body { animation: fadeIn 1s ease forwards; } 

@keyframes fadeIn { 
 0% { opacity: 0; } 
 100% { opacity: 1; } 
 }





/**********************

 슬라이드 공통 

***********************/
.slick-track { display: flex; } 





/**********************

 메인 공통 
 
***********************/
.main-sec { padding: 110px 0; } 
.container { position: relative; width: 1400px; margin: 0 auto; } 
.main-tit-wrap { position: relative; display: flex; justify-content: space-between; align-items: center; margin-bottom: 60px; } 
.main-tit-wrap .main-tit { position: relative; padding: 18px 0 0 18px; } 
.main-tit-wrap canvas { position: absolute; left: 0; top: 0; transform: rotate(150deg); } 
.main-tit h2 { position: relative; z-index: 100; padding: 3px; font-size: 4.4rem; font-weight: 600; color: #222; background-color: #fff; } 

/* btn */
.view-more { display: flex; justify-content: center; align-items: center; width: 42px; height: 42px; border-radius: 100%; background-color: #f5f5f5; transition: all .3s; } 
.view-more:hover { background-color: #ddd; transform: rotate(90deg); } 

@media screen and (max-width: 1400px) {
  .container { width: 100%; padding: 0 1rem; }
  
  .lnb-wrap .elementor-widget-container { border-radius: 0 !important; } 
}

@media screen and (max-width: 768px) {
  .main-sec { padding: 70px 0; }
}

/**********************

 서브 공통 
 
***********************/
.lnb-wrap nav li a { opacity: 0.5; }
.lnb-wrap nav li.current-menu-item a { opacity: 1; color: #fff !important; }
.lnb-wrap nav li a { font-family: 'Paperlogy' !important; }
.lnb-wrap nav li a:hover { opacity: 1; color: #fff !important; }
.lnb-wrap > .elementor-widget-container {
  background-color: #3c7136 !important;
}

.sub-visual { height: 350px; }
.sub-visual .container { height: 100%; }
.sub-visual-txt-wrap { display: flex; align-items: center; height: 100%; font-size: 4.5rem; font-weight: 700; color: #000; }

.sub-area { padding: 100px 0; }
.sub-tit { padding-bottom: 30px; margin-bottom: 60px; border-bottom: 1px solid #ddd; }
.sub-tit h3 { font-size: 3.5rem; font-weight: 700; }
.sub-tit h3~p { margin-top: 20px; font-size: 1.6rem; color: #666; }

.sub-small-tit { margin-bottom: 40px; }
.sub-small-tit h4 { padding-left: 10px; font-size: 2.8rem; font-weight: 600; }
.sub-small-tit h4:before { content: ""; display: inline-block; transform: translate(-10px, -7px); width: 7px; height: 7px; background-color: var(--main-color); }

.sub-con-box h5 {
  display: inline-block;
  padding: 10px 20px;
  margin-bottom: 20px;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
  border-radius: 20px;
  background-color: var(--main-color);
}

.kboard-default-new-notify { display: none; }

/* 테이블 공통 */
.sub-table-wrap table tbody tr th { background-color: #f2f2f2; }
.sub-table-wrap table tbody tr th, .sub-table-wrap table tbody tr td { font-size: 1.6rem; color: #111; }




/* 게시판 공통 */
#kboard-com-default-document .kboard-title,
#kboard-com-default-document-news .kboard-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#kboard-com-default-document .kboard-title h1,
#kboard-com-default-document-news .kboard-title h1 {
  color: #fff;
}
.detail-attr.detail-date {
  display: flex;
  gap: 10px;
  font-size: 1.6rem;
  color: #fff;
}
#kboard-com-default-document .kboard-title,
#kboard-com-default-document-news .kboard-title {
  padding: 0 20px;
  background-color: #222;
}
#kboard-com-default-list .kboard-list table td.kboard-list-date,
#kboard-com-default-list-news .kboard-list table td.kboard-list-date { width: 85px; font-size: 1.4rem; }

#kboard-com-default-list .kboard-list table td.kboard-list-uid,
#kboard-com-default-list-news .kboard-list table td.kboard-list-uid { width: 50px; font-size: 1.4rem; }



@media screen and (max-width: 400px) {
  #kboard-com-default-list .kboard-list table tbody td.kboard-list-date { font-size: 1.4rem; }
  #kboard-com-default-list .kboard-list table td.kboard-list-title .kboard-default-cut-strings,
  #kboard-com-default-list-news .kboard-list table td.kboard-list-title .kboard-default-cut-strings,
  #kboard-com-default-list .kboard-list table td.kboard-list-user,
  #kboard-com-default-list .kboard-list table td.kboard-list-title { font-size: 1.4rem; }
  
}