/********************************************************
■ 게시판
********************************************************/
/* 공통*/
.boardListTitle {display:flex; justify-content: space-between; align-items: flex-end; gap:var(--num-8) var(--num-20); flex-wrap: wrap; margin-bottom:var(--num-16); font-size:var(--font-size-15); font-weight:normal; color:var(--Text-Color-Basic-2); }
.boardListTitle strong{color:var(--Text-Color-Black);}
.boardListRightTitle {min-width:11.625rem; text-align:right; }
.boardListRightTitle form.categoryForm { display:inline; margin:0; padding:0; }
.boardListRightTitle form.categoryForm fieldset { display:inline; margin:0; padding:0; border:none; }
.boardListRightTitle form.categoryForm fieldset legend { display:none; }
.boardListRightTitle form.categoryForm select{height:var(--num-30); line-height:var(--num-30);}


/* 카테고리 탭으로 */
.category {margin-bottom:var(--num-40);}
.category ul {text-align: center;}
.category ul li {display: inline-block;}
.category ul li a {position: relative; display: block; padding: 0 var(--num-20) var(--num-20); font-size:var(--font-size-24); font-weight: 500; color: var(--Text-Color-Basic-2); transition: 0.4s;}
.category ul li.on a, 
.category ul li a.on, 
.category ul li:hover a, 
.category ul li a:focus{text-decoration: none; color: var(--Brand-Color-main);}
.category ul li a:after {content: ""; position: absolute; top:15%; right: 0; height: 15px; width: 1px; background: #d7d7d7;}
.category ul li:last-child a:after {content: none;}
.category ul li a span {position: relative; display: inline-block; height: 100%;} 
.category ul li a span:after {content: ""; position: absolute; bottom: -0.2rem; left: 0; width: 100%; height: 3px; background: var(--Brand-Color-main); opacity: 0; transition: 0.4s;}
.category ul li.on a span:after,
.category ul li a.on span:after, .category ul li:hover a span:after, .category ul li.focus a span:after, .category ul li:active a span:after {opacity: 1;}

/* 검색 */
.boardSearch {margin:clamp(3rem, 2.85rem + 0.75vw, 3.75rem) 0 0; padding:clamp(1rem, 0.825rem + 0.875vw, 1.875rem) clamp(1rem, -0.05rem + 5.25vw, 6.25rem); text-align:center;  background-color: #F9F9F9;}
.boardSearch form { margin:0; padding:0; }
.boardSearch form fieldset {display: flex; gap:0.5rem; align-items: center; margin:0; height:3rem; }
.boardSearch select{flex-shrink:0; width: 13rem; border:1px solid #898989; line-height: 3rem; height:3rem;color:#464646; vertical-align:top; font-size: var(--font-size-17);}
.boardSearch input[type="text"] { border:1px solid #898989; height:100%; margin:0;  vertical-align:top; font-size: var(--font-size-17);}
.boardSearch input[name="btn_submit"]{flex-shrink:0; display:inline-block; cursor:pointer; overflow:hidden; position:relative; height:100%; line-height:1; box-sizing:border-box; width:5.625rem; background:var(--BTN-BG-Color-Black); font-size: var(--font-size-17); border:1px solid var(--BTN-BG-Color-Black); color:#fff !important; text-align:center; vertical-align:middle; transition:all 0.4s ease-out 0.1s; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0);}
.boardSearch input[name="btn_submit"]:focus-visible{outline-color:#E84033}
.boardSearch input[type="button"]{flex-shrink:0; margin-left:5px; display:inline-block; cursor:pointer; overflow:hidden; position:relative; height:100%; line-height:1; box-sizing:border-box; width:20%; background:#171761; border:1px solid #171761; border-radius:.5rem; color:#fff !important; text-align:center;}
.boardSearch input[type="button"]:focus-visible{outline-color:#E84033}
.boardSearch input[type="text"] {flex: 1; height: 3rem; border-color: #898989;}


@media screen and (max-width:768px){	
	.boardListRightTitle {min-width: 8.5rem;}
	
	.boardSearch form fieldset {flex-wrap:wrap; height:auto;}
	.boardSearch input[type="text"] {}
	.boardSearch select {width:7rem;}
	.boardSearch input[name="btn_submit"] {flex-basis:100%; height: 3rem; transition:unset;}
}

/*List*/
.boardListContainer { position:relative;  margin:0 auto; }
.boardListContainer .boardList table { margin:0;  clear:both; width:100%; table-layout: fixed;}
.boardListContainer .boardList table:has(.noPost) {border-bottom: none;}
.boardListContainer .boardList table thead tr th {color: var(--Text-Color-Black); font-weight:500; background:#FAF9FB; text-align:center; padding:var(--num-16) var(--num-10) ; border-top:2px #121212 solid; border-bottom:1px #ededed solid; border-right: 1px solid #ededed;}
.boardListContainer .boardList table thead tr th.first {background-image:none; }
.boardListContainer .boardList table thead tr th.first span { border-left:none; }
.boardListContainer .boardList table thead tr th:lst-child {border-right:none;}
.boardListContainer .boardList table tbody td:focus{outline: 3px solid #000; outline-offset: -3px; border-radius: 5px;}
.boardListContainer .boardList table tbody tr th,
.boardListContainer .boardList table tbody tr td{padding: var(--num-20) var(--num-10); color:var(--Text-Color-Basic-1); border-bottom:1px solid var(--border-Color);text-align: center;  vertical-align: middle;  border-right: 1px solid var(--border-Color);}
.boardListContainer .boardList table tbody tr th{background:#f7f7f7;  }
.boardListContainer .boardList table tbody tr td:last-child{border-right:none;}
.boardListContainer .boardList table tbody tr td.noPost {padding: 0; border-bottom: none; background:transparent;}
.boardListContainer .boardList table tbody tr td.num b{display:inline-block;  background:var(--Brand-Color-main); line-height: 1; font-size: clamp(0.813rem, 0.787rem + 0.125vw, 0.938rem); color:#fff; border-radius:var(--radius-md); padding:5px clamp(0.25rem, 0.2rem + 0.25vw, 0.5rem); }
.boardListContainer .boardList table tbody tr td.title { text-align:left; vertical-align:middle;  cursor:pointer; line-height: 1.5;}
.boardListContainer .boardList table tbody tr td.title a { overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;  line-height: 1.5; height: 1.5em; word-break: auto-phrase;}
.boardListContainer .boardList table tbody tr td.title img{flex-shrink:0; vertical-align:middle; }
.boardListContainer .boardList table tbody tr td.title .title_inner {display:flex; align-items: center; gap: 0.5rem;}
.boardListContainer .boardList table tbody tr td.link{margin-top:var(--num-10); }
.boardListContainer .boardList table tbody tr td.link .btn_default.auto{width:100%;     max-width: 100%;}
.boardListContainer .boardButton {margin-top:var(--num-30); text-align:left; vertical-align:middle; }
.boardListContainer  .btn_wrap {justify-content: flex-end;}

.viewer{background:#2E72E6; color:#fff; border-radius:var(--radius-lg); font-size:var(--font-size-14); padding:5px 15px;  box-shadow: 0 1px 2px rgb(56 65 74 / 15%);}
.viewer i{vertical-align:middle;}




@media screen and (max-width:1440px){	
	.boardListContainer{width:100% !important;}
}

@media screen and (max-width:1200px){
	.boardListContainer .boardList table {border-top: 2px #121212 solid; border-bottom: 1px solid var(--border-Color);}
	.boardListContainer .boardList table:not(:has(.noPost)) {border-bottom:none; border-top:none;}
	.boardListContainer .boardList table colgroup{display:none;}
	.boardListContainer .boardList table thead{display:none;}
	.boardListContainer .boardList table tr {border: 1px solid #eaecf1}
	.boardListContainer .boardList table tr:not(:has(.no_result)){display:block; position:relative; padding:1rem; padding-left:3.5rem; margin-top:10px;}
	.boardListContainer .boardList table tr:first-child{margin-top:0px;}
	.boardListContainer .boardList table tr:nth-child(2n){background:#f9fafb;}
	.boardListContainer .boardList table tbody tr td{display:block; border:none; padding:0; text-align:left; }
	.boardListContainer .boardList table tbody tr td.num{position:absolute; left:0; top:1.15em; width:3rem; text-align:center;}
	.boardListContainer .boardList table tbody tr td.num:has(b){top: 1em; left: 0.25rem;}
	.boardListContainer .boardList table tbody tr td.category{color:#407ADD; margin-bottom: 0.2rem;}
	.boardListContainer .boardList table tbody tr td.title{margin-bottom:5px;}
	.boardListContainer .boardList table tbody tr td.title a{width: 100%; color:#333;}
	.boardListContainer .boardList table tbody tr td.title span{display:inline-block;}
	.boardListContainer .boardList table tbody tr td.list-file{display:none;}
	.boardListContainer .boardList table tbody tr td.author,
	.boardListContainer .boardList table tbody tr td.rdate,
	.boardListContainer .boardList table tbody tr td.rnum,
	.boardListContainer .boardList table tbody tr td.rviews{display:inline-block;  color:#898989;  font-size: var(--font-size-15);}
	.boardListContainer .boardList table tbody tr td.rdate,
	.boardListContainer .boardList table tbody tr td.rnum,
	.boardListContainer .boardList table tbody tr td.rviews{position:relative; padding-left:8px; margin-left:5px;}
	.boardListContainer .boardList table tbody tr td.rdate:before,
	.boardListContainer .boardList table tbody tr td.rnum:before,
	.boardListContainer .boardList table tbody tr td.rviews:before{content:'';display : block; position : absolute; left :0; top:50%; transform:translateY(-50%);  width :1px; height : 60%; background:rgba(0,0,0,0.1);}
	.boardListContainer .boardList table tbody tr td.btns{display:flex; gap: 0.2rem;  margin-top: 0.5rem;}
	.boardListContainer .boardList table tbody tr td.btns .btn{flex:1; font-size: 1rem; height: 2.5rem; line-height: 2.5rem; text-align: center;}
	.boardListContainer .boardList table tbody tr:has(.noPost){padding:0; border:none}
	.boardListContainer .boardList table tbody tr:has(.noPost) td{text-align:center; background: transparent;}
	
	.tblDataList td:before{content: attr(data-label); font-weight:600;}
	
}
@media screen and (max-width:768px){	
	.boardListContainer .boardList table tbody tr td.title a {height:auto; max-height: 3em; -webkit-line-clamp: 2;}
}


/********************************************************
■ 채용정보
********************************************************/
.req_list {border-top: 2px #121212 solid; border-bottom: 1px solid var(--border-Color);}
.req_list:has(.no_result) {border-bottom:none;}
.req_list .row {padding:1.5rem; position: relative;}
.req_list .row:not(:first-child) {border-top:1px solid #ddd;}
.req_list .row .bookmark {position:absolute; top:1.5rem; right:1.5rem;}
.bookmark button {display:block; width:1.5625rem; height:1.5625rem; background:url('/images/default/content/bookmark.svg') no-repeat center center; background-size:100% auto;}
.bookmark:is(.active) button {background-image:url('/images/default/content/bookmark_on.svg')}

.req_cate {display: inline-flex;  align-items: center;  justify-content: center;  padding: 0 0.8rem; width: 3.4375rem; height: 1.6rem; vertical-align: middle;  font-size: var(--font-size-15);  text-align: center;  font-weight: 400;  border-radius: 2rem; border: 1px solid; white-space: nowrap;}
.req_cate:is(.rec_cate1) {border-color:var(--Brand-Color-main); color: var(--Brand-Color-main); }
.req_cate:is(.rec_cate2) {color:#FF6F00; border-color:#FF6F00;}

.req_list .title {display: flex; align-items: center; gap: 1rem;}
.req_list .title a {flex: 1; font-size: var(--font-size-20); line-height: 1.5; font-weight: 500;}


.list_indent {margin-top:1rem; padding-left:calc(3.4375rem + 1rem);  font-size:var(--font-size-15); color: var(--Text-Color-Basic-1);}
.req_con { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;  line-height: 1.5;  -webkit-box-orient: vertical; overflow-wrap: anywhere; word-break: keep-all;}
.req_list_info {margin-top:1rem;}
.req_list_info ul {display:flex;}
.req_list_info ul li:not(:first-of-type) { margin-left: 0.75rem; padding-left: 0.75rem;}
.req_list_info ul li:not(:first-of-type):before {display:none;}


@media (max-width:768px){
	.req_list .row{padding:1.5rem 0;}
	.req_list .row .bookmark{right:0;}
	.list_indent {padding-left:0;}
	.req_list .title {flex-direction: column; align-items: flex-start;}
} 







/*View*/
.boardViewContainer { position:relative; margin:0 auto;  word-break: auto-phrase;  overflow-wrap: anywhere;}
.boardViewContainer a { color:#000; text-decoration:none; }
.boardViewContainer img { border:none; vertical-align:middle;}
.boardViewContainer table{ width:100%; border-top:2px solid #333; }
.boardViewContainer table thead th{position:relative; font-weight:normal; font-size:var(--font-size-24); padding: var(--num-20); color: #333; line-height: 1.5;}
.boardViewContainer table thead th span{margin-right:var(--num-4);}
.boardViewContainer table thead th strong{font-weight:normal; color:#3762B7; margin-right:var(--num-20);}
.boardViewContainer table thead td{background: #F5F5F5; text-align:center; padding:15px 0; border-bottom:1px solid #ddd; font-size:var(--font-size-18);}
.boardViewContainer table thead td img{margin-left:1rem;}
.boardViewContainer table tbody td.boardViewconst{ padding:var(--num-30) var(--num-40) 0; border-bottom:1px solid #ddd; }
.boardViewContainer table thead .bookmark {position:absolute; top:1.2rem; right:0rem;}

.boardViewContainer .pnlAttachedImage {text-align:center; margin:var(--num-10) 0px var(--num-30) 0px;}
.boardViewContainer .boardViewContent {margin:var(--num-40) 0 var(--num-80); text-align:left; color:#575757; font-size:var(--font-size-19) !important; font-family:'Pretendard' !important;}
.boardViewContainer .boardViewContent iframe {width: 100%; aspect-ratio: 16 / 9; height: auto;}
.boardViewContainer .boardViewContent img {width:100%; height: auto;}
.boardViewContainer .boardViewContent p,
.boardViewContainer .boardViewContent span,
.boardViewContainer .boardViewContent em{ color:#575757; font-family:'Pretendard' !important; font-size:var(--font-size-19) !important;}
.boardViewContainer .boardViewContent .ifdiv{position:relative; padding-top:56%;}
.boardViewContainer .boardViewContent .ifdiv iframe{position:absolute; left:0px; top:0px; width:100%; height:100%;}
.boardViewContainer .boardViewBottom { margin:0 var(--num-10) 3px 0; color:#aaa; font-size:var(--font-size-13); text-align:right; }
.boardViewContainer .boardViewFile{padding:var(--num-20); background:var(--lmain);font-weight:600; margin-bottom:var(--num-40);}
.boardViewContainer .boardViewFile a{  color:var(--Brand-Color-main) !important; vertical-align:middle; }
.boardViewContainer .boardViewFile p { margin:0; padding:var(--num-2) 0; }
.boardViewContainer .boardViewFile p img { margin-right:var(--num-4);}

.boardViewContainer .files_wrap {border-bottom: 1px solid #ddd;}
.boardViewContainer .boardPrev,
.boardViewContainer .boardNext { display:flex; gap:0 var(--num-10); align-items:baseline; padding:var(--num-16) 0px; border-bottom:1px solid #ddd; vertical-align:middle; }
.boardViewContainer .boardPrev span,
.boardViewContainer .boardNext span{padding-right:var(--num-10); flex-shrink: 0; font-weight:500; color: #666; background: url('/images/default/content/th.gif') no-repeat right center;}
.boardViewContainer .boardPrev a, .boardViewContainer .boardNext a {text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 1.5em; height: 1.5em; overflow: hidden; padding-left:var(--num-10); line-height:1.5;}

.boardViewContainer .boardListContainer .boardList table thead tr th{font-size:var(--font-size-18);}

.boardViewInfo {display:flex; justify-content: center; padding: 0 var(--num-20); font-size: var(--font-size-16);}
.boardViewInfo img {margin:0 !important;}
.boardViewInfo span {color: #666;}
.boardViewInfo > p {display: flex; gap: var(--num-10); margin-right:var(--num-16); padding-right:var(--num-16); position:relative;}
.boardViewInfo > p:after {content:''; display:block; width:1px; height:1rem; background-color: #c4c4c4; position:absolute; top:0.15em; right:0;}
.boardViewInfo > p:last-child {padding:0; margin:0;}
.boardViewInfo > p:last-child:after {display:none;}


#sub_container .boardButton {margin:var(--num-30) 0 0; text-align:left; vertical-align:middle; }
#sub_container .boardButton:after { display:block; clear:both; content:"."; visibility:hidden; height:0; }
#sub_container .boardButton a,
#sub_container .boardButton input[type=button]{cursor:pointer; display:inline-block;position:relative; overflow:hidden; font-size:var(--font-size-17); margin:0px 2px; height:var(--num-48); line-height:var(--num-48); box-sizing:border-box; padding:0 var(--num-32); z-index:0; background:#fff; border:1px solid #b7b7b7; color:#444 !important; border-radius:4px; text-align:center; vertical-align:top; transition:all 0.2s ease-out 0.1s;}

.board_more_view{font-size:var(--font-size-24); font-weight:700 !important; color:#2962FF !important; text-decoration:underline !important;}
.link_txt{font-weight:500 !important; color:#2962FF !important; text-decoration:underline !important;}


@media screen and (max-width:1440px){	
	.boardViewContainer{width:100% !important;}
}
@media screen and (max-width:1030px){	
	.boardViewContainer{width:100% !important;}
	.boardViewContainer table tbody td.boardViewconst{ padding:var(--num-30) 0 0; }
	.boardViewContainer table thead th:has(.bookmark){padding-right:2rem;}
	.boardViewContainer table thead td{text-align:left; padding:1rem;}
	.boardViewContainer table thead td img{margin-left:0;}
	.boardViewContainer .boardViewFile {padding-left:0; padding-right:0;}
}


/* .board_link{display: flex; align-items: center; justify-content: center;} */
/* .board_link a{display: flex; align-items: center; justify-content: center; padding:0 var(--num-60) 0 var(--num-30); font-size:var(--font-size-18); background:#002982 url('../../images/skin/edu/content/blank.svg') no-repeat right+1.5rem center;  color:#fff; height:var(--num-50);} */
/* .board_link.self a{ background:#002982; padding:0 var(--num-60);} */

@media screen and (max-width:768px){
	.board_link a{height:var(--num-60);}
	
	.boardViewInfo {flex-wrap:wrap; gap:0.5rem 0; padding:0;}
	.boardViewInfo > p:first-child {flex-basis: 100%; justify-content: center; margin-right:0; padding-right:0;}
	.boardViewInfo > p:first-child:after {display:none;}
	.boardViewInfo > p:after {height: 0.85rem;}
}

.boardCommentContainer {font-size:var(--font-size-16); margin-top:var(--num-40); margin-bottom:var(--num-70); box-sizing:border-box;position:relative; background:#f7f7f7; border:1px solid #ddd; padding:var(--num-20);}
.boardCommentContainer .ctop{border-bottom:1px solid #ddd;padding-bottom:var(--num-10);}
.boardCommentContainer h4.cmt_tit{padding-bottom:var(--num-20);border-bottom:1px solid #ddd;}
.boardCommentContainer .boardComment {padding:var(--num-10);  box-sizing:border-box; }
.boardCommentContainer .boardComment:not(:last-child){border-bottom:1px dotted #ddd;}
.boardCommentContainer .boardComment .pnlCmt { position:relative; margin-bottom:var(--num-10); }
.boardCommentContainer .boardComment .pnlCmt dl.commentTitle { position:relative; margin:0; padding:0; }
.boardCommentContainer .boardComment .pnlCmt dl.commentTitle img { vertical-align:middle; }
.boardCommentContainer .boardComment .pnlCmt dl.commentTitle dt.commentTitleRight { position:absolute; top:0; right:0; color:#212121;  }
.boardCommentContainer .boardComment .pnlCmt dl.commentTitle dt.commentTitleRight a{color:#444;text-decoration:underline !important; margin-left:var(--num-4);}
.boardCommentContainer .boardComment .pnlCmt dl.commentTitle dt.commentTitleRight img {  }
.boardCommentContainer .boardComment .pnlCmt dl.commentTitle dt.commentTitleRight span{cursor:pointer;}
.boardCommentContainer .boardComment .pnlCmt dl.commentTitle dt .reply{font-size:var(--font-size-18); color:#000;}
.boardCommentContainer .boardComment .pnlCmt dl.commentTitle dt .rdate{margin-left:var(--num-10);}
.boardCommentContainer .boardComment .pnlCmt dl.commentTitle dd { margin-top:var(--num-10); padding:0; color:#121212; font-size:var(--font-size-18); }

.boardCommentContainer .boardComment .pnlCmt dl.commentTitle dd input.btn_comment{ border-radius: 0 !important;  -webkit-appearance: none !important;  text-align:center; color:#fff; border:none; cursor:pointer; padding:0 var(--num-20); background:#444;}
.boardCommentContainer .boardComment .pnlCmt dl.commentTitle dd.rereply_wrap {display:none; margin-top:var(--num-20) !important;}
.boardCommentContainer .boardComment .pnlCmt dl.commentTitle dd.reply_edit {display:none; }
.boardCommentContainer .boardComment .pnlCmt dl.commentTitle dt.commentTitleRight span {color:#666; cursor:pointer;}
.boardCommentContainer .boardComment .pnlCmt dl.commentTitle dt.commentTitleRight span:focus-visible{ outline: 5px auto -webkit-focus-ring-color; outline-offset: 3px ;}
.boardCommentContainer .boardComment .pnlCmt dl.commentTitle div.del {font-size:var(--font-size-13); font-weight:bold;}


.boardCommentContainer .boardManage{padding:var(--num-10); box-sizing:border-box; margin-bottom:var(--num-10); }
.boardCommentContainer .boardManage a{margin:0px var(--num-4);}
.boardCommentContainer .boardManage a.lnkBtnHideComment,
.boardCommentContainer .boardManage a.lnkBtnDeleteComment,
.boardCommentContainer .boardManage a.lnkBtnCancelComment{text-decoration:underline !important; color:#D44515;}
.boardCommentContainer .boardManage a.lnkBtnHideComment{margin-left:var(--num-14);}
.boardCommentContainer .boardManage a.lnkBtnCmtManage{position:relative;}
.boardCommentContainer .boardManage a.lnkBtnCmtManage:before{content : ""; display : block; position : absolute; left : -1rem; top:0;  width :.9rem; height : .9rem; background: url('../../images/admin/menu/re.gif') no-repeat 0 0; }

.boardCommentContainer .pnlFrmCmt {margin-bottom:var(--num-10);}
.boardCommentContainer .pnlFrmCmt, .boardCommentContainer .pnlFrmEditCmt, .boardCommentContainer .pnlFrmReplyCmt { position:relative; }
.boardCommentContainer .pnlFrmCmt fieldset{display:flex;}
.boardCommentContainer .pnlFrmCmt fieldset .commentInputBody{flex:0 0 calc(100% - var(--num-100)); order:1; border:1px solid #ddd;}
.boardCommentContainer .pnlFrmCmt fieldset .commentInputBody label{padding-right:0 !important;}
.boardCommentContainer .pnlFrmCmt fieldset .commentInputTop{flex:0 0 var(--num-100); order:2;}
.boardCommentContainer .pnlFrmCmt fieldset .commentInputTop input{width:var(--num-100); height:100%; background:#222; color:#fff;}
.boardCommentContainer .pnlFrmCmt fieldset .commentInputTop input:focus-visible{outline-color:#E84033}
.boardCommentContainer input[type="text"], .boardCommentContainer input[type="password"] { border:1px solid #D2D2D2; padding:3px; }
.boardCommentContainer textarea { width:100%; padding:var(--num-10);box-sizing:border-box;  border:none; resize: vertical;}
.boardCommentContainer p.smallButtons { position:absolute; top:.65rem; right:.5rem; margin:0; padding:0; vertical-align:top;}
.boardCommentContainer .authorField{overflow:hidden; position:relative;}
.boardCommentContainer .authorField dl{overflow:hidden;}
.boardCommentContainer .authorField dt{float:left; margin-right:var(--num-10); height:var(--num-40); line-height:var(--num-40);}
.boardCommentContainer .authorField dd{float:left;}
.boardCommentContainer table{width:100%;}
.boardCommentContainer table td{border:1px solid #ddd; background:#fff;}
.boardCommentContainer table td input{height:var(--num-40); line-height:var(--num-70);}
.boardCommentContainer table td input.submit{background:#0068B6; color:#fff; border:none; height:var(--num-60); line-height:var(--num-60); padding:0 var(--num-60); cursor:pointer;}
.boardCommentContainer table td strong{padding:var(--num-14) var(--num-20); display:inline-block;}

.boardCommentContainer .boardComment .commentInputTop p.smallButtons{}
.boardCommentContainer .boardComment .commentInputTop p.smallButtons a{color:#212121;text-decoration:underline !important;  vertical-align:top;}
.boardCommentContainer .boardComment .commentInputTop p.smallButtons input{border:none; background:none;color:#212121; outline:none;  text-decoration:underline; line-height:1.0; height:auto;  margin-right:var(--num-10);}
.boardCommentContainer .boardComment .commentInputBody textarea{border:1px solid #ddd; margin-top:var(--num-10);}
.boardCommentContainer .boardComment .pnlFrmReplyCmt { margin-top:var(--num-20); padding:var(--num-10); background:#e4e4e4; border:1px solid #ddd; }
.boardCommentContainer .boardComment .pnlFrmReplyCmt p { }
.boardCommentContainer .boardComment .pnlFrmReplyCmt .authorField{overflow:hidden; padding:0px;}
.boardCommentContainer .boardComment .pnlFrmReplyCmt .authorField dt{margin-left:var(--num-14);}
.boardCommentContainer .boardComment .pnlFrmEditCmt{padding:var(--num-20); background:#f4f4f4; }
.boardCommentContainer .mainComment .authorField{padding:var(--num-10) var(--num-20);}

.pnlCmt .none{text-align:center;  padding-top:var(--num-20);}
.rereply_content{display:flex; gap:var(--num-10); margin-top:var(--num-10); }
.rereply_content span.refer{color:#426FE0; padding-top:0.1em;}
.replybox{display:flex;}
.btn_comment{padding:0 var(--num-20); border:1px solid #ddd;}


@media screen and (max-width:768px){
	.boardCommentContainer{padding:var(--num-10);}
}



/*Write*/
.boardWriteContainer { position:relative; color:#1b1b1b;    margin:0 auto; }
.boardWriteContainer h3 { width:100%; margin:2px; padding:6px 0 6px 10px; border:1px solid #dadada;  background:linear-gradient(180deg, #fefefe 0%, #eee 100%); }
.boardWriteContainer table {width:100%; border-top:2px solid #222; table-layout: fixed;   }
.boardWriteContainer table th, 
.boardWriteContainer table td { padding:3px 0; }
.boardWriteContainer table th {color: #1b1b1b;  font-weight:500; padding:var(--num-14) 0; text-align:center; border-bottom: 1px solid #dadada; background-color:#f8f8f8; }
.boardWriteContainer table td{color: #1b1b1b; padding:var(--num-14) var(--num-10); border-bottom: 1px solid #dadada; vertical-align:middle;}
.boardWriteContainer table td span:focus-visible{ outline: 5px auto -webkit-focus-ring-color; outline-offset: 3px ;}
/* .boardWriteContainer table td input[type="text"],  */
.boardWriteContainer table td input[type="password"], 
.boardWriteContainer table td textarea { border:1px solid #949494; vertical-align:middle;}
.boardWriteContainer table td .set-con{display:inline-block;}
.boardWriteContainer table td .chks{margin-left:1rem;}
.boardWriteContainer table td .chks input[type="checkbox"] + label {line-height:var(--num-24);}
.boardWriteContainer table td .chks input[type="checkbox"] + label:before {width:var(--num-24);height:var(--num-24);}
.boardWriteContainer table td .chks input[type="checkbox"]:checked + label:after{width:var(--num-24);}
.boardWriteContainer table th input, .boardWriteContainer table td input{border:none; border:1px solid #949494; vertical-align:middle; padding-left: 1.3125rem;}
.boardWriteContainer table td img { border:none; vertical-align:middle; }
.boardWriteContainer table td span{color: #1b1b1b;  font-weight:bold;}
.boardWriteContainer table td input[type="file"]{-webkit-appearance: none; -moz-appearance: none;  border:none; box-shadow:none;  padding:0;}
.boardWriteContainer table td input[type="checkbox"]{margin-left:var(--num-10); margin-right:var(--num-4); vertical-align:middle; line-height:1.0;}
.boardWriteContainer table td label{line-height:1.0; vertical-align:middle; padding-right:0;}
.boardWriteContainer table td .captcha_wrap {display:flex; gap:0.5rem 1rem;}
.boardWriteContainer table td .captcha_wrap img{height:calc(2.8125rem - 1px);}
.boardWriteContainer table td .captcha_wrap label {flex:1; width:100%; max-width: 20rem;}
.boardWriteContainer table td select{margin-right:var(--num-4);}
.boardWriteContainer table td input[type='text'].captcha{width:calc(100% - 7.5rem);}
.boardWriteContainer table td input.hasDatepicker{background: url('../../images/default/content/cal.png') no-repeat 95% center; background-size:1rem auto;}
.boardWriteContainer table td .file{width:450px;}
.boardWriteContainer .boardButton { margin-top:var(--num-40);text-align:center; vertical-align:middle;}
.boardWriteContainer .boardButton input{ vertical-align:middle; font-size:1rem !important; }
.boardWriteContainer .boardButton .button{width:9.375rem; height:var(--num-60); line-height:var(--num-60); margin:0 var(--num-4);}
.boardWriteContainer .req {padding-left: 2.5px; color:var(--Text-Color-Red);}
.boardWriteContainer .req_notice {position:static;text-align: right;}


@media screen and (max-width:1030px){
	.boardWriteContainer .boardButton input{padding:0 var(--num-10);}
	.boardWriteContainer table td .file{width:100%;}
}

@media screen and  (max-width:768px){
	.boardWriteContainer table{border:none;}
	.boardWriteContainer table, 
	.boardWriteContainer table thead, 
	.boardWriteContainer table tbody, 
	.boardWriteContainer table th, 
	.boardWriteContainer table td, 
	.boardWriteContainer table tr {display: block;}
	.boardWriteContainer table thead tr {position: absolute;top: -9999px;left: -9999px;}
	.boardWriteContainer table th{text-align:left; background:none; border:none;  padding:0; padding-top:var(--num-20); margin-top:var(--num-20); border-top:1px solid #ddd; margin-bottom:var(--num-20);}
	.boardWriteContainer table tr:first-child th{margin-top:0;}
	.boardWriteContainer table td{padding:0; border-bottom:none; text-align:left;}
	.boardWriteContainer table td select{width:60% !important; margin-bottom:var(--num-10);}
	.boardWriteContainer table td .set-con{display:block;}
	.boardWriteContainer table td .chks:first-child{margin-left:0;}
	
	.boardWriteContainer .w50{width: 100% !important;}
}
@media screen and (max-width:540px){
	.boardWriteContainer table td .captcha_wrap {flex-direction: column;}
	.boardWriteContainer .w30{width: 100% !important;}
	
}




/*Auth*/
.boardAuthContainer { position:relative; color:#393939;   text-align:center;margin:0 auto; }
.boardAuthContainer img { border:none; vertical-align:middle; }
.boardAuthContainer .boardAuth {}
.boardAuthContainer .boardAuth h3 {font-size:var(--font-size-18);font-weight:500; margin-top:var(--num-20);}
.boardAuthContainer .boardAuth form { margin:0;  text-align:center;}
.boardAuthContainer .boardAuth fieldset { margin:0; padding:0;  margin:0 auto;  vertical-align:middle; }
.boardAuthContainer .boardAuth fieldset legend { display:none; }
.boardAuthContainer .boardAuth fieldset input[type="password"] { padding:2px var(--num-10); border:1px solid #d0d0d0; width:19rem; height:var(--num-48); }
.boardAuthContainer .boardAuth fieldset input[type="image"] { vertical-align:middle; cursor:pointer; margin:0 var(--num-4); border:none;}
.boardAuthContainer .input{  margin-bottom:var(--num-30); margin-top:var(--num-14);}



/*Select*/
.boardSelectContainer { position:relative; color:#333;   }
.boardSelectContainer img { border:none; vertical-align:middle; }
.boardSelectContainer .boardSelect { width:25rem; margin:var(--num-50) auto; background:#fff; border:1px solid #ddd; box-shadow:0 0 8px #eee;}
.boardSelectContainer .boardSelect h3 { margin:0px; padding:var(--num-10); border-bottom:1px solid #ddd; font-weight:700; text-align:center; background:#f6f6f6; }
.boardSelectContainer .boardSelect form { margin:0; padding:var(--num-40) 0; text-align:center; }
.boardSelectContainer .boardSelect fieldset { margin:0; padding:0; border:none; vertical-align:middle; }
.boardSelectContainer .boardSelect fieldset legend { display:none; }
.boardSelectContainer .boardSelect fieldset select{min-width:15.625rem; margin-top:var(--num-20);}
.boardSelectContainer .boardSelect .boardBut{margin-top:var(--num-30);}
.boardSelectContainer .boardSelect .boardBut .button{margin:0px 2px;}

/*ErrorMessage*/
.boardErrMsgContainer { position:relative; color:#333; font-size:var(--font-size-20);  text-align:center;padding:var(--num-40) var(--num-20); background:#FAFAFA; }
.boardErrMsgContainer span{width:9.375rem; height:9.375rem; margin:0 auto; display: flex; align-items: center; justify-content: center; border:2px solid #EFEFEF; border-radius:50%; background:#fff;}
.boardErrMsgContainer img { border:none; vertical-align:middle; width:50%; }
.boardErrMsgContainer .boardErrMsg { margin-bottom:var(--num-30);}
.boardErrMsgContainer .boardErrMsg h3 { margin:0px;font-size:var(--font-size-24); font-weight:500; color:#212121; margin-bottom:var(--num-40);}
.boardErrMsgContainer .boardErrMsg p { margin-top:var(--num-20); text-align:center; }
.boardErrMsgContainer .boardErrMsgButton { text-align:center; width:60%; margin:0 auto; font-size:var(--font-size-19);}
.boardErrMsgContainer .boardErrMsgButton a{display:inline-block; width: calc(33.33333% - 6px); line-height: var(--num-50); height:var(--num-50); border:2px solid #EFEFEF; background:#fff;-webkit-transition: 0.4s; transition: 0.4s;}
.boardErrMsgContainer .boardErrMsgButton a:hover,
.boardErrMsgContainer .boardErrMsgButton a:focus{background:#3762B7; border:2px solid #EFEFEF;  color:#fff;}

@media screen and (max-width:768px){
	.boardErrMsgContainer .boardErrMsgButton { width:100%; }
}

/*페이징 */
.boardPageNav {width: 100%;text-align: center; position: relative; margin-top: clamp(4rem, 3.8rem + 1vw, 5rem);}
.boardPageNav ul{display: flex; justify-content: center;  gap:var(--gap-30); align-items: center;}
.boardPageNav ul li{display:inline-block; vertical-align:middle; line-height:1; overflow: hidden;}
.boardPageNav ul li a{display: inline-flex; justify-content: center; align-items: center; height:var(--num-30);  line-height: 3rem; position:relative; box-sizing:border-box; font-weight:normal; color:#A3A3A3;}
.boardPageNav .first-prev,
.boardPageNav .last-next {display:flex; align-items: center;}
.boardPageNav .first-prev .first a,
.boardPageNav .first-prev .prev a,
.boardPageNav .first-prev .prev_on a,
.boardPageNav .last-next .next a,
.boardPageNav .last-next .next_on a,
.boardPageNav .last-next .last a{width:var(--num-30); height:var(--num-30); background-repeat: no-repeat; background-position: center center; background-size:var(--num-20) auto; font-size:0;}
.boardPageNav .first-prev .first a {background-image: url('../../images/board/clip/double-left.svg')}
.boardPageNav .first-prev .prev a  {background-image: url('../../images/board/clip/single-left.svg')}
.boardPageNav .first-prev .prev_on a{background-image: url('../../images/board/clip/single-left.svg');}
.boardPageNav .last-next .next a   {background-image: url('../../images/board/clip/single-right.svg');}
.boardPageNav .last-next .next_on a{background-image: url('../../images/board/clip/single-right.svg');}
.boardPageNav .last-next .last a   {background-image: url('../../images/board/clip/double-right.svg');}
.boardPageNav .pagenate {display:flex; gap:0.875rem;align-items: center; }
.boardPageNav ul li a:has(strong){width:var(--num-30); aspect-ratio:1; background:var(--Brand-Color-main); border-radius:100%; color:#fff;}

/*파일첨부*/
.file {position:relative;width:358px; display:flex;}
.file input[type="file"] {position:absolute; top:0; left:0; opacity:0;}
.file input[type="text"] {margin-right:var(--num-40); height:var(--num-40);line-height:var(--num-40); border-radius:0; background:#fff;}
.file a {vertical-align:top;}
.file span {margin-left:var(--num-20); font-size:var(--font-size-15); color:#767676}
.fileBtn {display:inline-block; flex-shrink:0; width:var(--num-80); padding:0 var(--num-10); height:var(--num-40); line-height:var(--num-40); background:#919190; font-weight:normal; font-size:var(--font-size-15); color:#fff; text-align:center; margin-left:0px !important;}

@media screen and (max-width:768px){
	.file{width:100%;}
	.fileBtn{width:auto;}
}


/* FAQ */
.folding ul {border-top:2px solid var(--Brand-Color-main);}
.folding ul li{position:relative; border-bottom:1px solid #ddd;}
.folding ul li:focus{outline: 3px solid #000; outline-offset: -3px; border-radius: 5px; }
.folding ul li .title{position:relative; padding:var(--num-14) var(--num-20) var(--num-14) var(--num-140); display: flex; align-items: center; cursor:pointer;}
.folding ul li .title:before{ content : "\ea76"; display : block; position : absolute; right :0; top:50%;width: var(--num-40); height: var(--num-48); line-height: var(--num-48);  margin-top:-1.125rem; font-family: 'remixicon'; color:#b6b6b6; font-size:2rem;  transition: all 0.2s ease-out 0s;  }
.folding ul li .title h5{position:relative; font-size:var(--font-size-22); color:#333; padding-left:var(--num-60);}
.folding ul li .title h5 em{position:absolute; left:0rem; top:-0.2rem; display:inline-block; width:var(--num-40); height:var(--num-40);  line-height:var(--num-40);background:#f3f3f3; border-radius:50%; margin-right:var(--num-20); font-size:var(--font-size-19); text-align:center; }
.folding ul li .title .first{display:none; margin-right:var(--num-10);}
.folding ul li .editBtn{position:absolute; right:var(--num-20); top:var(--num-20); width:var(--num-60); height:var(--num-40); line-height:var(--num-40);  background:var(--Brand-Color-main); color:#fff; text-align:center;  border-radius:0.3rem;   font-size: var(--font-size-14);}
.folding ul li .subTr{position:relative; display:none; background:#f7f7f7; padding:var(--num-40) var(--num-20) var(--num-40) var(--num-80); }
.folding ul li .subTr span{position:absolute; left:var(--num-30); top:var(--num-40);width:var(--num-40); height:var(--num-40);  line-height:var(--num-40);background:#fff; border-radius:50%; font-size:var(--font-size-19); text-align:center; color:#262520; border:1px solid #262520;}

.folding ul li.active .subTr{display:block;}
.folding ul li.active .title h5 em{background:var(--Brand-Color-main); color:#fff;}
.folding ul li.active .title:before{transform: rotate(180deg ); color:var(--Brand-Color-main);}


/*웹진 갤러리*/
.boardListContainer .boardList table.webzine{border-top:2px solid #333; width:100%;}
.boardListContainer .boardList table.webzine td{position:relative;  border-top:1px solid #ddd; color:#949493; font-size: var(--font-size-15);}
.boardListContainer .boardList table.webzine td.pic{}
.boardListContainer .boardList table.webzine td.pic a{display:block;}
.boardListContainer .boardList table.webzine td.pic a .gimg{height:200px; overflow:hidden;}
.boardListContainer .boardList table.webzine td.pic a .gimg span{width:100%; height:100%; display: inline-block;transition: transform .3s ease-out;  }
.boardListContainer .boardList table.webzine td.pic a:hover .gimg span,
.boardListContainer .boardList table.webzine td.pic a:focus .gimg span{transform: scale(1.5);}
.boardListContainer .boardList table.webzine td.txt{text-align:left; padding:0px var(--num-30);}
.boardListContainer .boardList table.webzine p.date{font-size: var(--font-size-15); color:#949493; }
.boardListContainer .boardList table.webzine p.subject{font-weight:500; display: inline-block;text-overflow:ellipsis;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;	-webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 1.3em;height: 1.3em; font-size: var(--font-size-19);    color: #343434; margin-top:10px; }
.boardListContainer .boardList table.webzine p.subject strong{color: #C0C0C0; font-weight:normal; font-size:var(--font-size-16); margin-left:3px;}
.boardListContainer .boardList table.webzine p.cont{display: block;text-overflow:ellipsis;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;	-webkit-line-clamp: 1; -webkit-box-orient: vertical; line-height: 1.3em;height: 1.3em;  margin-top:var(--num-10); color:#949493; }

.boardListContainer .boardList table.webzine td.txt a p.more{display: inline-block;  width: 170px;   height: var(--num-50);    line-height: var(--num-60);    text-transform: uppercase;    text-align: center;    border: 1px solid #d7d7d7;    color: #333 !important;    background: #fff; margin-top:var(--num-30); transition: all 0.5s ease; font-size: var(--font-size-14); letter-spacing:0;}
.boardListContainer .boardList table.webzine td.txt a:hover p.more,
.boardListContainer .boardList table.webzine td.txt a:focus p.more{background:#134483; color:#fff !important; border-color:#134483;}




/*********** 태블릿 ***********/
@media screen and (max-width:1030px){	
	.pnlAttachedImage img{width:100%;}
}

/*********** 모바일 ***********/
@media screen and (max-width: 768px){
	.boardViewContainer .boardButton a{min-width:auto;}
}


/********************************************************
■ Gallery
********************************************************/
.boardGalleryContainer { position:relative; color:#333;    margin:0 auto; }
.boardGalleryContainer select {  }
.boardGalleryContainer fieldset { border:none; }
.boardGalleryContainer fieldset legend { display:none; }
.boardGalleryContainer a { color:#333; text-decoration:none; }
.boardGalleryContainer a:hover {  }
.boardGalleryContainer img { border:none; vertical-align:middle; }
.boardGalleryContainer .boardList { }
.boardGalleryContainer .boardList .boardListTitle {margin-bottom:var(--num-14); font-size:var(--font-size-15); font-weight:normal; }
.boardGalleryContainer .boardList .boardListTitle strong{color:#333;}

.boardGalleryContainer .galleryList{position:relative; border-top:1px solid #414141; padding-top:var(--num-30);}
.boardGalleryContainer .galleryList ul{display:flex; flex-wrap: wrap; gap:var(--gap-20)}
.boardGalleryContainer .galleryList ul li{width:calc((100% - var(--gap-20) * 2) / 3);}
.boardGalleryContainer .galleryList ul li a{display:block; border:1px solid #DFDFDF; padding:var(--num-24) var(--num-24); border-radius:0.5rem;}
.boardGalleryContainer .galleryList ul li a .gimg{overflow:hidden; position:relative; border-bottom:none; margin-bottom:0; height: auto;}
.boardGalleryContainer .galleryList ul li a .gimg em{position:absolute; left:0px; top:0px; background:#262520; color:#fff; width:var(--num-80); height:var(--num-40); line-height:var(--num-40); border-radius:0 0 var(--num-14) 0; text-align:center; font-weight:600; z-index: 1;}
.boardGalleryContainer .galleryList ul li a .gimg span{width:100%; height:auto; aspect-ratio: 680 / 449; display: block; transition: transform .3s ease-out; }
.boardGalleryContainer .galleryList ul li a:hover .gimg span,
.boardGalleryContainer .galleryList ul li a:focus .gimg span{transform: scale(1.1);}
.boardGalleryContainer .galleryList ul li a input{position:relative;}

.boardGalleryContainer .galleryList.bestaward ul li a .gimg span{padding-top:100%;}

.boardGalleryContainer .galleryList .subject{ font-weight:500;font-size: var(--font-size-18); color: #212121; margin-top:var(--num-20); display: inline-block;text-overflow:ellipsis;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.3em;height: 2.6em; letter-spacing:-0.05em;}
.boardGalleryContainer .galleryList .subject img{width:1rem;}
.boardGalleryContainer .galleryList .view{text-align:right; margin-top:var(--num-20);}
.boardGalleryContainer .galleryList .view span{display: flex; align-items: center; justify-content: center; background:#F8F8F8; font-weight:bold;font-size:var(--font-size-18); color:#424652; padding:var(--num-10) var(--num-20); border-radius:3rem;-webkit-transition: all 0.5s ease;    -moz-transition: all 0.5s ease;    -o-transition: all 0.5s ease;    transition: all 0.5s ease;}
.boardGalleryContainer .galleryList a:hover .view span,
.boardGalleryContainer .galleryList a:focus .view span{background:#206AF4; color:#fff;}

.boardGalleryContainer .galleryList .txt{display:flex; align-items: center; justify-content: space-between;color:#333; margin-top:var(--num-30); font-size:var(--font-size-15); }
.boardGalleryContainer .galleryList .txt .author{color:#666;}
.boardGalleryContainer .galleryList .txt.ar{justify-content: flex-end;}
.boardGalleryContainer .galleryList .txt .view{margin-top:0; }
.boardGalleryContainer .galleryList .txt .view:focus-visible{ outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px ;}
.boardGalleryContainer .galleryList .txt .date{margin-left:var(--num-10);display:inline-block;  padding-left:var(--num-10); position:relative;}
.boardGalleryContainer .galleryList .txt .date:before{content : ""; display : block; position : absolute; left : 0; top:10%;  width :1px; height : 80%; background : #ddd;}


.boardGalleryContainer .boardButton{margin-top:var(--num-30); vertical-align:middle; float: none;}


.movie{position:relative;}
.movie:after{ content : ""; display : block; position : absolute; left :50%; top:50%; width : var(--num-28); height : var(--num-30);  -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url("/images/default/content/play.png") no-repeat 0 0; background-size:100% 100%; z-index:2;}
.movie:before{ content : ""; display : block; position : absolute; left :0; top:0; right:0; bottom:0; background:rgba(0, 0, 0, .3); z-index:1;}



@media (max-width:1440px){	
	.boardGalleryContainer{width:100% !important;}
	.boardGalleryContainer .galleryList ul li a{padding:var(--num-20);}
	.boardGalleryContainer .galleryList .view span{padding:var(--num-8);}
}


@media (max-width:1024px){
	.boardGalleryContainer .galleryList ul li{width:calc((100% - var(--gap-20)) / 2);}
	.boardGalleryContainer .galleryList .subject{font-size:var(--font-size-20);}

}
@media (max-width:768px){
	.boardGalleryContainer .galleryList ul{margin:0;}
	.boardGalleryContainer .galleryList ul li{flex-basis: 100%; margin:0; margin-top:var(--num-14);}
	.boardGalleryContainer .galleryList ul li:first-child{margin-top:0;}
}


/********************************************************
■ 채용행사·박람회
********************************************************/
.gall_exhibit .galleryList ul{gap:var(--gap-30)}
.gall_exhibit .galleryList ul li{width: calc((100% - var(--gap-30) * 2) / 3);}
.gall_exhibit .galleryList ul li a {padding:0; border:none; filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.05)); background:#fff; border-radius: clamp(0.75rem, 0.4rem + 1.75vw, 2.5rem); overflow:hidden; transition: all 0.3s;}
.gall_exhibit .galleryList ul li a .gimg {border: 0.625rem solid #fff; border-radius: calc(clamp(0.75rem, 0.4rem + 1.75vw, 2.5rem) + 2px);}
.gall_exhibit .galleryList ul li a .gimg span {aspect-ratio: 1/1.37;}
.gall_exhibit .galleryList ul li a:is(:hover,:focus) {box-shadow: 0 0 0 2px var(--Brand-Color-main);}
.gall_exhibit .galleryList ul li a:is(:hover,:focus) .gimg span {transform:unset;}
.gall_exhibit .galleryList ul li a .text_box {padding: clamp(1rem, 0.95rem + 0.25vw, 1.25rem) clamp(1.5rem, 1.425rem + 0.375vw, 1.875rem) clamp(1.5rem, 1.425rem + 0.375vw, 1.875rem);}
.gall_exhibit .galleryList .text_box .subject {margin:0;}


@media (max-width:1030px){
	.gall_exhibit .galleryList ul{gap:var(--gap-20)}
	.gall_exhibit .galleryList ul li {flex-basis:auto; margin: 0; width: calc((100% - var(--gap-20)) / 2);}
	.gall_exhibit .galleryList ul li a .gimg span {aspect-ratio: 1; background-position: top center !important;}
} 
@media (max-width:450px){
	.gall_exhibit .galleryList ul li {flex-basis:auto; margin: 0; width: 100%;}
	.gall_exhibit .galleryList .text_box .author {display: flex; flex-direction:column; gap:0.25rem}
	.gall_exhibit .galleryList .text_box  .txt .date {padding-left:0; margin-left:0;}
	.gall_exhibit .galleryList .text_box  .txt .date:before {display:none;}
} 





.alertDiv {display: flex; margin-left: var(--num-10); align-items: center; font-size: var(--font-size-15); font-weight:bold;}
.alertDiv.success {color:#2553b7;}
.alertDiv.fail {color:#e51e1e;}