/* board - Search */
.board-search { display: -webkit-box; display: -ms-flexbox; display: flex; width: 430px; margin-left: auto; margin-right: auto; margin-top: 60px; }
.board-search select { width: 116px; margin-right: 12px; height: 50px; line-height: 50px; padding-left: 20px; font-size: 15px; color: #000; border: none; background-color: #F9F9F9; border-radius: 100px 0px 0px 100px;}
.board-search > div { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #F9F9F9; border-radius: 0px 100px 100px 0px; overflow: hidden;}
.board-search > div input { height: 50px; line-height: 50px; padding-left: 20px; font-size: 15px; color: #666; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
.board-search > div button { width: 50px; background-color: #000; border-radius: 2px 0px 0px 2px;}
.board-search > div button img { margin-left: auto; width: 18px; margin-right: auto; }
/* board - List */
.board-list { border-top: 1px solid #000; margin-top: 45px; }
.board-list__header { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 0; background: #F9F9F9;}
.board-list__header > div {font-family: inherit; text-align: center !important; font-size: 16px !important; color: #000 !important; font-weight: 500; letter-spacing: -0.4px;}
.board-list__record { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; padding: 25px 0; border-bottom: 1px solid #ddd; }
a.board-list__record:hover { background-color: #FFF9F6; }
.board-list__num { width: 140px; text-align: center; font-family: 'Lexend', sans-serif; font-size: 16px; font-weight: 500;}
.board-list__tit { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; font-size: 16px; color: #555; letter-spacing: -0.4px; }
.board-list__press { width: 160px; color: #555; text-align: center; font-size: 16px; font-weight: 500; letter-spacing: -0.4px;}
.board-list__date { width: 120px; color: #555; text-align: center; font-family: 'Lexend', sans-serif; font-size: 16px; font-weight: 300; }
.board-list__link { width: 120px; color: #555; text-align: center; font-family: 'Lexend', sans-serif; font-size: 16px; font-weight: 300;}
/* gallery- List */
.gallery-list {display: grid; grid-template-columns: repeat(3, 1fr); gap: 45px;}
.gallery-list__record {padding: 20px; border: 1px solid #D4D4D4; transition: all 0.3s;}
a.gallery-list__record:hover { border: 1px solid var(--keyColor); box-shadow: 0px 0px 20px 0px rgba(242, 111, 66, 0.10);}
.gallery-list__thumb {position: relative; overflow: hidden; background: #F9F9F9; display: flex; align-items: center; justify-content: center; height: 280px;}
.gallery-list__thumb img {max-height: 100%;}
.gallery-list__tit {margin: 15px 0 25px; font-size: 22px; font-weight: 700; letter-spacing: -0.6px; white-space: normal; line-height: 1.4em; height: 2.8em; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.gallery-list__date {margin-bottom: 20px; color: #777; font-family: 'Lexend', sans-serif; font-size: 18px; font-style: normal; font-weight: 300; line-height: 100%; /* 18px */ letter-spacing: -0.45px; }
/* board - Pager */
.list-pager { margin-top: 120px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.list-pager > a {font-weight: 200; font-size: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #666; }
.list-pager > a.arrow {width: 30px; height: 30px; border: 1px solid #ddd; display: flex; align-items: center; justify-content: center;}
.list-pager > a.arrow:first-child {margin-right: -24px;}
.list-pager > a.arrow:last-child {margin-left: -24px;}
.list-pager > a.arrow:hover {border: 1px solid #000; background-color: #000;}
.list-pager > a.arrow:hover img {filter: brightness(0) invert(1);}
.list-pager > a.active { color: #000; font-weight: 500;}
/* board - View */
.board-view { border-top: 2px solid #000; }
.board-view-date {color: var(--keyColor); font-size: 16px; font-family: "Lexend", sans-serif; font-style: normal; font-weight: 400; line-height: 100%; text-align: center; margin-bottom: 10px; margin-top: 60px;}
.board-view-tit { font-weight: 700; text-align: center; font-size: 36px; padding: 0 5%; padding-bottom: 50px; border-bottom: 1px solid #DDD; }
.board-view-ct { padding-top: 80px; padding-bottom: 80px; font-size: 18px; font-weight: 400; color: #333; letter-spacing: -0.45px;}
.board-view-ct img { max-width: 100%; margin: auto; height: auto !important; }
.board-view-file { border-top: 1px solid #DDD; background: #FFF9F6; padding:30px 0;}
.board-view-file li { font-size: 13px; letter-spacing: 0.01em; padding-left: 75px; margin: 10px 0; background: url(/image/common/icon_file.png) no-repeat left 40px center; background-size: contain; }
.board-view-file a {color:var(--keyColor); font-size: 18px; font-weight: 500; line-height: 100%; letter-spacing: -0.45px;}
.board-view-file a:hover { text-decoration: underline; }
.editor-vod { position: relative; padding-bottom: 56.25%; height: 0; }
.editor-vod iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.board-view-nav {padding-top: 60px; border-top: 1px solid #ddd; display: flex; align-items: center; justify-content: space-between; }
.board-view-nav li {width: 50%; position: relative; color: #141414; font-size: 20px; line-height: 1em; font-weight: 500; letter-spacing: -0.5px; white-space: normal; height: 1em; word-wrap: break-word; display: flex; gap: 15px; align-items: center; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.board-view-nav li > a {height: 1.4em;}
.board-view-nav li > a:hover {text-decoration: underline;}
.board-view-nav li img { vertical-align: middle; display: inline-block; }
.board-view-nav li:last-child {justify-content: end;}
.board-view-btn {width: 156px; justify-content: space-between;}
@media all and (max-width: 1024px){
.gallery-list {grid-template-columns: repeat(2, 1fr); gap: 25px;}
.board-view-tit { font-size: 32px; }
}
@media all and (max-width: 768px){
.board-list__header { display: none; }
.board-list__num { width: 70px; }
.board-list__date { width: 120px; }
.board-view-info { font-size: 14px; }
.board-view-nav li > span, .board-view-nav li > a {display: none;}
}
@media all and (max-width: 640px){
.board-search { width: 100%; margin-top: 35px; }
.board-search select { font-size: 13px; width: 90px; margin-right: 10px; height: 40px; line-height: 40px; }
.board-search > div input { height: 40px; line-height: 40px; font-size: 13px; }
.board-list { margin-top: 45px; }
.board-list__record { flex-wrap: wrap; padding: 15px 10px; }
.board-list__num { display: none; }
.board-list__tit { width: 100%; flex: none; font-size: 15px; margin-bottom: 5px; }
.board-list__press {font-size: 13px; width: auto;}
.board-list__date { width: auto; font-size: 13px; text-align: left; margin: 0 15px;}
.board-list__link {font-size: 13px; width: auto;}
.gallery-list {grid-template-columns: repeat(1, 1fr); gap: 20px;}
.gallery-list__record {padding: 15px;}
.gallery-list__thumb {height: 215px;}
.gallery-list__tit {margin: 10px 0 20px; font-size: 17px;}
.gallery-list__date {margin-bottom: 10px; font-size: 14px;}
.list-pager { margin-top: 60px; gap: 15px; }
.list-pager > a.arrow:first-child {margin-right: -10px;}
.list-pager > a.arrow:last-child {margin-left: -10px;}
.board-view-date {font-size: 15px; margin-top: 25px; margin-bottom: 10px;}
.board-view-tit { font-size: 20px; margin-bottom: 20px; padding: 0 2% 25px; line-height: 1.4em;}
.board-view-ct {padding-top: 0; font-size: 14px;}
.board-view-file {padding: 10px 0;}
.board-view-file li { padding-left: 44px; background: url(/image/common/icon_file.png) no-repeat left 20px center; background-size: 17px; }
.board-view-file a {font-size: 14px;}
.board-view-info { padding: 10px 5px 15px 5px; font-size: 12px; }
.board-view-nav {padding-top: 25px;}
.board-view-btn { width: 110px; }
}