/*----------------------------------------------------------------------------------------*/
/* news & notice content -----------------------------------------------------------------*/

.noticeSelNInputWrap{width:100%;display:none;justify-content:space-between;align-items:center;padding-bottom:25px;}
.noticeSelNInputWrap select{height:44px;border:1px solid #dadada;width:20%;padding-left:12px;color:#9f9f9f;appearance:none;background-image:url("/img/common/button_arrow.svg");background-repeat:no-repeat;background-position:right 10px center;background-size:1em;}
.noticeSelNInputWrap select:focus-visible{outline:0;}
.noticeSelNInputWrap input{height:42px;border:1px solid #dadada;width:77.5%;outline:0px;background:url("/img/common/button_search.svg") no-repeat scroll right 10px top 7px;background-size:30px;border-radius:0;color:#9f9f9f9;padding:0;padding-left:15px;}
.noticeSelNInputWrap input::placeholder{color:#9f9f9f;}


#contentsTable a{color:#222;}

.noticeTdWrap{background:rgba(159,159,159,0.1);}
.noticeTdWrap .noticeTxt{background:var(--concept-colorG);color:#fff;font-weight:900;font-size:11px;padding:3px 6px 4px;height:24px;border-radius:4px;display:inline-block;line-height:1.8;text-transform:uppercase;}
.noticeTdWrap td:nth-child(2){font-weight:700;}


#totalPageWrap{margin-bottom:10px;}
#totalPageWrap p{font-weight:500;}
#totalPageWrap .totalPageNum,
#totalPageWrap .nowPageNum{font-weight:700;color:var(--concept-colorG);}


.pagingWrap{display:flex;justify-content:center;align-items:center;padding-top:30px;}
.pagingWrap a.noticeArrowBt{width:30px;height:30px;border:1px solid #ccc;border-radius:5px;display:flex;justify-content:center;align-items:center;}
.pagingWrap a.noticeArrowBt img{width:8px;height:12px;}
.pagingWrap a.noticeArrowBt:first-child img{margin-left:-2px;}
.pagingWrap a.noticeArrowBt:last-child img{margin-right:-1px;}

.pagingWrap a.noticeArrowBt.noticePrevBt{margin-right:20px;}
.pagingWrap a.noticeArrowBt.noticeNextBt{margin-left:20px;}



.pagingWrap a.noticeNumBt{width:30px;height:30px;display:flex;justify-content:center;align-items:center;}


.pagingWrap .curpage{width:30px;height:30px;background:#ff971d;border-radius:5px;color:#fff;display:flex;justify-content:center;align-items:center;}

table.notBgWidthLine thead th{padding:17px;}
table.notBgWidthLine td{padding:17px 10px;}








.noticeTotalBodyWrap{padding:60px 40px;}

#noticeSchBodyWrap{display:flex;justify-content:center;align-items:center;gap:10px;height:100px;background:rgba(255,151,29,0.1);}
#noticeSchTxt{width:65%;height:40px;border-radius:10px;border:1px solid #ccc;color:#ccc;font-size:16px;font-weight:400;font-family:'Roboto', sans-serif;}
#noticeSchTxt:focus{outline:0 !important;color:#ccc;font-size:16px;font-weight:400;font-family:'Roboto', sans-serif;box-shadow:none;}
#noticeSchTxt::placeholder{font-size:16px;color:#ccc;font-weight:400;font-family:'Roboto', sans-serif;}

#noticeSchBt{width:120px;height:40px;background:#ff971d;border-radius:10px;}

#noticeBody{border-top:1px solid #ff971d;}

#noticeBody .noticeTopGb{display:flex;justify-content:space-between;align-items:center;height:52px;border-bottom:1px solid #ccc;}
#noticeBody .noticeTopGb span{text-align:center;}
#noticeBody .noticeTopGb span:first-child{width:120px;}
#noticeBody .noticeTopGb span:nth-child(2){width:calc(100% - 320px);}
#noticeBody .noticeTopGb span:nth-child(3){width:120px;}
#noticeBody .noticeTopGb span:last-child{width:80px;}



#noticeContentWrap{border-bottom:1px solid #ccc;}
#noticeContentWrap .noticeContent{padding-top:30px;min-height:160px;border-bottom:1px solid #eee;display:grid;grid-template-columns:120px calc(100% - 320px) 120px 80px;}
#noticeContentWrap .noticeContent:last-child{border-bottom:0;}

.noticeTitleTxt{
	overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.5;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	margin-bottom:20px;

}
.noticeDetailTxt{
	overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.5;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#noticeContentWrap .noticeContent .noticeContentDiv_1{display:flex;justify-content:center;}
#noticeContentWrap .noticeContent .noticeContentDiv_3{display:flex;justify-content:center;}
#noticeContentWrap .noticeContent .noticeContentDiv_4{display:flex;justify-content:center;}

.noticeTxt{font-family:'Roboto', sans-serif;font-weight:400;font-size:16px;color:#ff971d;}





/* news & notice content -----------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------*/
/* newsletter content --------------------------------------------------------------------*/



.newsletterTotalBodyWrap{padding:60px 40px;}


.newsletterContentWrap{display:flex;gap:30px;flex-wrap:wrap;}

.newsletterContentWrap a{display:block;width:calc((100% - 90px) / 4);}


.newsletterContent{width:100%;border-radius:10px;overflow:hidden;box-shadow:2px 2px 7px 1px rgba(0,0,0,0.2);cursor:pointer;}
.newsletterThumbnailBody{width:100%;height:240px;background:#eee;overflow:hidden;}
.newsletterBottomBody{padding:20px;}
.newsletterBottomBody p:last-child{line-height:1;display:flex;justify-content:space-between;}
.newsletterTitTxt{
	overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.2;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	margin-bottom:15px;
	height:40px;
}




.newsletterPagingWrap{display:flex;justify-content:center;align-items:center;padding-top:30px;}
.newsletterPagingWrap a.noticeArrowBt{width:30px;height:30px;border:1px solid #ccc;border-radius:5px;display:flex;justify-content:center;align-items:center;}
.newsletterPagingWrap a.noticeArrowBt img{width:8px;height:12px;}
.newsletterPagingWrap a.noticeArrowBt:first-child img{margin-left:-2px;}
.newsletterPagingWrap a.noticeArrowBt:last-child img{margin-right:-1px;}

.newsletterPagingWrap a.noticeArrowBt.noticePrevBt{margin-right:20px;}
.newsletterPagingWrap a.noticeArrowBt.noticeNextBt{margin-left:20px;}



.newsletterPagingWrap a.noticeNumBt{width:30px;height:30px;display:flex;justify-content:center;align-items:center;}


.newsletterPagingWrap .curpage{width:30px;height:30px;background:#ff971d;border-radius:5px;color:#fff;display:flex;justify-content:center;align-items:center;}












ul.tab-list { padding:0; border-top:1px solid #e4e4e4; border-left:1px solid #e4e4e4; border-radius: 10px;}
ul.tab-list:after { clear:both; content:""; display:block; height:0; visibility:hidden; }
ul.tab-list li {font-size:1.25em; display: flex; justify-content: center; align-items: center; float:left; height:60px; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
ul.tab-list li:hover,
ul.tab-list li:active { text-align:center; color:#002a6c; cursor:pointer; }
ul.tab-list li.on { text-align:center; color:#fff; background-color:#002a6c; }

ul.tab-list li:first-child {border-radius: 10px 0 0 10px;}
ul.tab-list li:last-child {border-radius: 0 10px 10px 0;}
ul.tab-list.column2 li { width:50%; }
ul.tab-list.column3 li { width:33.33333333333333%; }
ul.tab-list.column4 li { width:25%; }
ul.tab-list.column5 li { width:20%; }

ul.tab-btn-list { padding:0; display: flex; justify-content: space-between;}
ul.tab-btn-list li {width:100%; height:60px; font-size:1.25em; display: flex; justify-content: center; align-items: center; float:left; background-color: #F0F0F0; border-radius: 10px; margin-right:20px; }
ul.tab-btn-list li:hover,
ul.tab-btn-list li:active { text-align:center; color:#fff; background-color:#2cb5e4; cursor:pointer; }
ul.tab-btn-list li.on { text-align:center; color:#fff; background-color:#2cb5e4; }
ul.tab-btn-list li:last-child { margin-right:0;}

/* newsletter content --------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------------------*/
/* gallery content -----------------------------------------------------------------------*/

#galleryBodyWrap{display:flex;flex-wrap:wrap;gap:18px;padding-bottom:50px;}

.galleryBody{width:32%;border:1px solid #9f9f9f;cursor:pointer;}
.galleryYearImgWrap{overflow:hidden;}
.galleryYearImgWrap img{
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.galleryYearImgWrap:hover img{transform:scale(1.08);}
.galleryYearTxtWrap{padding:15px;}
.galleryWidthLine{width:20px;height:3px;background:var(--concept-colorA);}
.galleryYearTxt{font-size:18px;font-weight:500;margin-top:7px;}

#galleryDownBtWrap{background:#00000070;width:100%;position:absolute;bottom:0px;justify-content:center;align-items:center;padding:25px 0 20px;gap:15px;display:none;}
#galleryDownBtWrap button{background:none;border:0;outline:0 !important;margin:0;padding:0;color:#fff;display:flex;align-items:center;}
#galleryDownBtWrap button img{width:20px;height:20px;margin-right:6px;}
#galleryDownBtWrap button:hover{color:var(--concept-colorA);}

/* gallery content -----------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------*/
/* footer Content -----------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------*/

#subSideMenuWrap{display:block;width:120px;height:400px;background:#f98311;box-shadow:0px 7px 20px 0px rgba(0,0,0,0.1);position:fixed;top:280px;right:0;overflow:hidden;z-index: 3;}

/*---------------------------------------------------------------------------------------*/
/* footer Content -----------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------*/