@charset "utf-8";

/********************
** header
********************/
header{left:0; top:0; border-bottom:1px solid #eeeef0; background-color: rgba(255, 255, 255, 0.5); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);}
.btnMent > a:nth-child(1){border:1px solid #D9DADE}

/********************
** popup
********************/
.popup {position: fixed;top: 0%; left: 0;background: rgba(0,0,0,0.5);}
.popup img {display: block;}
.popupBnt1 {background:none; border:none; cursor: pointer;}
.popupBnt2 {background:none; border:none; cursor: pointer;}
.popupImg1 {border-radius:16px 16px 0px 0px;}
.popupBtn {border-radius:0px 0px 16px 16px;}

/********************
** index
********************/
/** mainBanner **/
.mainAbout {background-image: url(/img/mainAbout.jpg); background-position:center; background-size:cover;}

/** mainNewsLatest **/
.mainMoreBtn{border:1px solid #19855a}
/* 한 줄만 보이고, 넘칠 땐 … 처리 */
.mainNewsLatest .newsItem p {white-space: nowrap;overflow: hidden; text-overflow: ellipsis;display: block;}
#newsSlider.swiper-container {overflow: hidden;}
#newsSlider .swiper-slide {width: 363px;margin-right: 24px; }

/** share **/  
.shareItem {box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1)}

/** notice **/
.noticeLine {border-bottom:1px solid #D9DADE; border-top:1px solid #D9DADE;}

/** harepattern **/
.harepattern {right:0; bottom:0;}

/** contact **/
.contactBg1 {top:0;}
.contactBg2 {right:0; bottom:0;}
.contactBtn {border:1px solid #D9DADE;}
.contactBtn.active {background-color: #000;color: #fff;}
.contactBtn2 {border:none;}


/********************
** intro
********************/
.introBg{z-index: -1;}
.introTop .introBg{left:0; top:0; border-radius:0 500px 500px 0; background:linear-gradient(to right, #f7f7f8, #d7f4e2)}
.introBottom .introBg{right:0; bottom:40%; border-radius:500px 0px 0px 500px; background:linear-gradient(to right, #d7f4e2, #f7f7f8)}
.introTopCnt{box-shadow: 0 0 8px #d7f4e2;}

.introBottom hr{border:1px solid #eeeef0; border-width:1px 0 0 0 }
.introAccBox{cursor: pointer;}
.introAccBox .introArrow{transform:rotate(0deg); transition: ease-in-out 0.3s;}
.introAccBox.active .introArrow{transform:rotate(180deg)}
.introAccBox .introAccCnt{transition: ease-in-out 0.3s; box-sizing: content-box;}


/********************
** boardList
********************/
.boardSearchBox{border:1px solid #91949F;}
.boardSearchBox input, .boardSearchBox button{background:transparent; border:none}

/** gallStyle **/
.gallListBox{width:calc(33.33333% - 20px)}

/** listStyle **/
.listStyle thead td{border-top:2px solid #222}
.listStyle td{border-bottom:1px solid #D9DADE}
.listStyle tbody td{cursor: pointer;}
.listStyle tbody tr:nth-last-child(1) td{border-bottom:2px solid #222}

/********************
** boardView
********************/
.boardViewTit{border-bottom:1px solid #D9DADE}
.boardViewBtn > a, .boardViewBtn button{border:1px solid #D9DADE}


/***********************  
******* contactList
************************/
.contactViews {border-top:1px solid #D9DADE; border-bottom:1px solid #D9DADE;}
.contactViews tr {border-top:1px solid #D9DADE;}
.contactListBtn {border:1px solid #D9DADE;}
.styleN {border:none;}
.contactLine {border:1px solid #D9DADE;}
.contactLists {border-top:1px solid #D9DADE; border-bottom:1px solid #D9DADE;}
.contactLists tr{border-top:1px solid #D9DADE;}
.contactLists tr th:not(:last-child){border-right:1px solid #D9DADE;}
.contactLists tr td:not(:last-child){border-right:1px solid #D9DADE;}
.contactListBtn {border:1px solid #D9DADE;}

  
/***********************  
******* news
************************/
.newsList .gallListBox .gallTit {white-space: nowrap;overflow: hidden; text-overflow: ellipsis; }



/* ──────────────────────────────────────────────
   테이블 목록 제목(subject)에 말줄임표 적용
─────────────────────────────────────────────── */
.listStyle {table-layout: fixed;}
.listStyle .subjectTd {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}