@charset "UTF-8";
@import url(/css/board.css);

/*-------------------------------------------------

title       : 게시판 목록(기본형 제외)
Author      : EASESOFT
Create date : 2024-04

-------------------------------------------------*/


/* FAQ */
.board-list .faq {}
.board-list .faq .group {position:relative;}
.board-list .faq .group + .group {border-top:1px solid #ddd;}
.board-list .faq .icon {flex:none; display:flex; justify-content:center; align-items:center; align-self:flex-start; min-width:3.5rem; height:3.5rem; padding:0; font-size:1.8rem; font-weight:500; color:#fff; border-radius:100%;}
.board-list .faq .question {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; gap:2rem; position:relative; padding:2rem; padding-right:6rem;}
.board-list .faq .question::after {content:"\ea4e"; position:absolute; right:2rem; top:1.6rem; font-family:'remixicon'; font-size:3rem; color:#777; transition:all 0.2s;}
.board-list .faq .question .icon {content:'Q'; background-color:var(--main-color);}
.board-list .faq .question .title {font-size:1.8rem; font-weight:500; line-height:1.4;}
.board-list .faq .answer {visibility:hidden; opacity:0; overflow:hidden; height:0; padding:0 2rem; display:flex; flex-direction:row; gap:2rem; border-top:1px solid #ddd; transition:all 0.2s;}
.board-list .faq .answer .icon {content:'A'; background-color:#0F54B9;}
.board-list .faq .answer .text {}
.board-list .faq .group.active {box-shadow:0 2px 6px #00000036;}
.board-list .faq .group.active .question::after {color:#151515; transform:rotate(180deg); transform-origin:center center;}
.board-list .faq .group.active .answer {height:auto; padding-top:2.0rem; padding-bottom:2.0rem; visibility:visible; opacity:1;}
.board-list .faq ._blank {width:100%; padding:1.0rem 0; font-size:1.6rem; text-align:center; line-height:3.5rem;}
.board-list .faq .file {position:relative; line-height:0}
.board-list .faq .file .title {display:inline-block; vertical-align:top; width:14.5rem; font-weight:500; color:#333; text-align:center}
.board-list .faq .file .list {display:inline-block; width:100%}
.board-list .faq .file .list img {width:2.5rem; margin-right:0.5rem}
.board-list .faq .file .list li {overflow:hidden; position:relative; min-height:3rem; padding-right:21rem; text-overflow:ellipsis; white-space:nowrap}
.board-list .faq .file .list li + li {margin-top:0.5rem;}
.board-list .faq .file .list li > a {color:#444}
.board-list .faq .file .list li > a:hover, .answer-box .file .list li > a:focus {color:#116eb4}
.board-list .faq .file .list .link {position:absolute; right:0; top:0}
.board-list .faq .file .list .txt {font-size:1.2rem; color:#999}

/* PDF형 */
.board-list:has(.board_pdf) {border-bottom:none;}
.board_pdf {display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:4.0rem 2.0rem; padding-top:4.0rem;}
.board_pdf:has(._blank) {display:block; padding-top:0;}
.board_pdf .group {display:flex; flex-direction:column; height:100%;}
.board_pdf .group .thumb {overflow:hidden; display:flex; justify-content:center; align-items:center; aspect-ratio:2/3; border:1px solid #DDDDDF; box-sizing:border-box;}
.board_pdf .group .thumb img {width:100%; height:100%; object-fit:cover;}
.board_pdf .group .item {flex:1; display:flex; flex-direction:column; padding-top:1.5rem;}
.board_pdf .group .item .title {margin-bottom:1.5rem; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; word-break:break-word; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.board_pdf .group .item .name {display:none;}
.board_pdf .group .item .date {display:none;}
.board_pdf .group .item .btn {display:flex; flex-direction:row; align-items:center; justify-content:center; margin-top:auto; gap:1.0rem;}
.board_pdf .group .item .btn .btn_line {flex:1;  margin:0; padding:1.2rem 2.0rem; padding-right:1.5rem; border-color:#999; font-size:1.4rem; text-align:left; font-weight:600; color:#151515;}
.board_pdf .group .item .btn .btn_line::after {margin:0; float:right;}
.board_pdf .group .item .btn .btn_line.preview {border-color:#1B2539; background:#1B2539; color:#fff;}
.board_pdf .group .item .btn .btn_line.preview::after {content:"\f0cd";}
.board_pdf ._blank {width:100%; padding:1.0rem 0; font-size:1.6rem; text-align:center; line-height:3.5rem; border-bottom:1px solid #707070;}
@media (min-width:1025px)
{
	.board_pdf .group .item .btn .btn_line.preview:hover {background:#2A4EC6;}
}


/* 이북형 */
.board-list:has(.board_ebook) {border-bottom:none;}
.board_ebook {display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:4.0rem 2.0rem; padding-top:4.0rem;}
.board_ebook(._blank) {display:block; padding-top:0;}
.board_ebook .group {display:flex; flex-direction:column; height:100%;}
.board_ebook .group .thumb {overflow:hidden; display:flex; justify-content:center; align-items:center; aspect-ratio:2/3; border:1px solid #DDDDDF; box-sizing:border-box;}
.board_ebook .group .thumb img {width:100%; height:100%; object-fit:cover;}
.board_ebook .group .item {flex:1; display:flex; flex-direction:column; padding-top:1.5rem;}
.board_ebook .group .item .title {margin-bottom:1.5rem; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; word-break:break-word; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.board_ebook .group .item .desc {display:none;}
.board_ebook .group .item .name {display:none;}
.board_ebook .group .item .date {display:none;}
.board_ebook .group .item .btn {display:flex; flex-direction:row; align-items:center; justify-content:center; margin-top:auto; gap:1.0rem;}
.board_ebook .group .item .btn .btn_line {flex:1;  margin:0; padding:1.2rem 2.0rem; padding-right:1.5rem; border-color:#999; font-size:1.4rem; text-align:left; font-weight:600; color:#151515;}
.board_ebook .group .item .btn .btn_line::after {margin:0; float:right;}
.board_ebook .group .item .btn .btn_line.preview {border-color:#1B2539; background:#1B2539; color:#fff;}
.board_ebook .group .item .btn .btn_line.preview::after {content:"\f0cd";}
.board_ebook ._blank {width:100%; padding:1.0rem 0; font-size:1.6rem; text-align:center; line-height:3.5rem; border-bottom:1px solid #707070;}
@media (min-width:1025px)
{
	.board_ebook .group .item .btn .btn_line.preview:hover {background:#2A4EC6;}
}


/* 달력스케줄형 ******************************************************************/
#calendar {position:relative; z-index:0}
#calendar .fc-header-toolbar {display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
#calendar .fc-header-toolbar .fc-left {flex:none;}
#calendar .fc-header-toolbar .fc-center {display:flex; flex-direction:row; justify-content:center; align-items:center; gap:2.0rem; width:100%; text-align:center;}
#calendar .fc-header-toolbar .fc-center h2 {font-size:3rem; margin:0; padding:0; font-weight:500; color:#333;}
#calendar .fc-header-toolbar .fc-center button {display:block; min-width:inherit; height:inherit; padding:inherit; border:none; background:none;}
#calendar .fc-header-toolbar .fc-center .fc-button .fc-icon {display:block; width:4.0rem; height:4.0rem; font-size:4.0rem; line-height:4.0rem;}
#calendar .fc-header-toolbar .fc-center .fc-button .fc-icon::before {display:block; font-family:"remixicon";}
#calendar .fc-header-toolbar .fc-center .fc-prev-button .fc-icon::before {content:"\ea60";}
#calendar .fc-header-toolbar .fc-center .fc-next-button {margin:0;}
#calendar .fc-header-toolbar .fc-center .fc-next-button .fc-icon::before {content:"\ea6c";}
#calendar .fc-header-toolbar .fc-right {flex:none;}
#calendar .fc-scroller {height:auto !important}
#calendar .fc-view-container {overflow:hidden; margin-top:4.5rem; border-top:2px solid #373737; border-bottom:1px solid #E8EBF1}
#calendar .fc-view-container .fc-view {width:calc(100% + 2px); margin:-1px}
#calendar .fc-view-container td {font-size:1.4rem; border-color:#E8EBF1; background:none; color:#333; transition:all 0.3s; cursor:pointer}
#calendar .fc-view-container .fc-day-header {font-size:1.5rem; padding:2rem; border-color:#fff; border-bottom-color:#E8EBF1; font-weight:700; color:#151515; text-transform:uppercase}
#calendar .fc-view-container .fc-day-number {display:inline-block; margin:1.6rem 0 0 1.6rem; color:inherit; font-size:1.6rem; font-weight:700; position:relative}
#calendar .fc-view-container .fc-sat {color:#116eb4}
#calendar .fc-view-container .fc-sun {color:#cb152b}
#calendar .fc-view-container .fc-day-grid-event {font-size:1.5rem; height:2.5rem; margin:2rem 0 0 ; padding:0 0.5rem; border-radius:0; border:0 none; line-height:2.5rem}
#calendar .fc-view-container .fc-day-grid-event .fc-title {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; position:relative; padding-left:1.4rem}
#calendar .fc-view-container .fc-day-grid-event .fc-title::before{display:block; content:''; width:0.9rem; height:0.9rem; border-radius:100%; background-color:#fff; position:absolute; left:0; top:50%; transform:translateY(-50%)}
#calendar .fc-view-container .fc-today {position:relative; z-index:1; border-bottom:none}
#calendar .fc-view-container .fc-today .fc-day-number {color:#fff}
#calendar .fc-view-container .fc-today .fc-day-number::after{display:block; content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:3.6rem; height:3.6rem;  border-radius:100%; background-color:#1B2539; z-index:-1}
#calendar .fc-view-container .fc-today.fc-widget-content td {border:0 none}
#calendar .fc-view-container .fc-bgevent-skeleton td {border:0 none}
#calendar .fc-view-container .fc-other-month {background-color:#F8F8F8; color:#ddd}
#calendar .fc-view-container .fc-row .fc-content-skeleton {padding-bottom:1.5rem}
#calendar .fc-view-container .fc-row .fc-content-skeleton td {border-color:transparent}
#calendar .fc-view-container .fc-row .fc-content-skeleton td.fc-other-month {border-color:#E8EBF1}
#calendar .fc-view-container .fc-row .fc-content-skeleton .fc-event-container {padding:0.25rem 0; border:0 none !important}
#calendar .fc-list-item-title a{position:relative; display:block}
#calendar .fc-list-item-title a::after{display:block; content:''; font-family:xeicon; color:#333; position:absolute; right:0; top:50%; transform:translateY(-50%); font-size:1.6rem}


/* 블로그형 */
.blog_list {margin-bottom:-1px}
.blog_list a {display:block; overflow:hidden; padding:4rem 0; border-bottom:1px solid #ddd; transition:all 0.2s}
.blog_list a:hover {background-color:#f7f7f7}
.blog_list a:hover .thumb::before,
.blog_list a:hover .thumb::after,
.blog_list a:focus .thumb::before,
.blog_list a:focus .thumb::after {opacity:1; transform:rotate(0); transition:all 0.4s 0.1s}
.blog_list a:hover .thumb img,
.blog_list a:focus .thumb img {opacity:0.6}
.blog_list .thumb  { display:inline-block; overflow: hidden; position: relative; z-index: 0; height:19rem; border-radius:0.5rem; background-color: #000; color: #fff; width:30rem; overflow:hidden}
.blog_list .thumb img  {width:100%; min-height:100%; transition:all 0.2s}
.blog_list .thumb::before {position:absolute; left:0; top:50%; z-index:1; width:100%; margin-top:-1rem; font-family:'xeicon'; font-size:3.2rem; content:''; text-align:center; line-height:0; opacity:0; transform:rotate(180deg); transition:all 0.2s}
.blog_list .thumb::after {position:absolute; left:0; top:50%; z-index:1; width:100%; margin-top:1rem; font-weight:500; content:'자세히 보기'; text-align:center; opacity:0; transition:all 0.2s}
.blog_list .desc {float:right; width:calc(100% - 34rem)}
.blog_list .desc .title {display:block; overflow:hidden; margin-bottom:1rem; font-size:2rem; font-weight:600; color:#2c3b66; text-overflow:ellipsis; white-space:nowrap}
.blog_list .desc span {display:inline-block; font-size:1.4rem; vertical-align:top}
.blog_list .desc .label {font-weight:500; color:#000; width:8rem}
.blog_list .desc .label + span {color:#666; width:calc(100% - 8.5rem)}


/*-------------------------------------------------

Responsive

-------------------------------------------------*/

/* Media Query */
@media all and (max-width:1300px) {
	/* PDF형 */
	.board_pdf {gap:4.0rem 1.5rem;}
	.board_pdf .group .item .btn .btn_line {padding:1.2rem 0.5rem; padding-right:0.3rem;}

	/* 이북형 */
	.board_ebook {gap:4.0rem 1.5rem;}
	.board_ebook .group .item .btn .btn_line {padding:1.2rem 0.5rem; padding-right:0.3rem;}
}

@media all and (max-width:1024px) {
	/* FAQ */
	.board-list .faq .group .question {padding:1.5rem; padding-right:4rem;}
	.board-list .faq .group .question::after {right:1.0rem; top:1.6rem; width:2.5rem; height:2.5rem; font-size:2.5rem; line-height:2.5rem;}
	.board-list .faq .group .question .title {font-size:1.6rem;}
	.board-list .faq .group .answer {padding-left:1.5rem; padding-right:1.5rem; font-size:1.6rem;}
	.board-list .faq .group.active .answer {padding-top:1.5rem; padding-bottom:1.5rem;}


	/* PDF형 */
	.board_pdf {grid-template-columns:repeat(3, minmax(0, 1fr));}
	.board_pdf .group .item .btn .btn_line {padding-right:1.0rem; padding-left:1.5rem;}

	/* 이북형 */
	.board_ebook {grid-template-columns:repeat(3, minmax(0, 1fr));}
	.board_ebook .group .item .btn .btn_line {padding-right:1.0rem; padding-left:1.5rem;}
}

@media all and (max-width:768px) {
	/* PDF형 */
	.board_pdf {display:block; padding-top:0;}
	.board_pdf li {border-bottom:1px solid #E8E8E8;}
	.board_pdf .group {display:flex; flex-direction:row; gap:1.5rem; padding:1.5rem 0;}
	.board_pdf .group .thumb {flex:none; width:80px;}
	.board_pdf .group .item {padding-top:0;}
	.board_pdf .group .item .btn {justify-content:flex-start;}
	.board_pdf .group .item .btn .btn_line {max-width:90px; padding:0.7rem 1.0rem; padding-right:1.0rem; font-size:1.2rem;}

	/* 이북형 */
	.board_ebook {display:block; padding-top:0;}
	.board_ebook li {border-bottom:1px solid #E8E8E8;}
	.board_ebook .group {display:flex; flex-direction:row; gap:1.5rem; padding:1.5rem 0;}
	.board_ebook .group .thumb {flex:none; width:80px;}
	.board_ebook .group .item {padding-top:0;}
	.board_ebook .group .item .btn {justify-content:flex-start;}
	.board_ebook .group .item .btn .btn_line {max-width:90px; padding:0.7rem 1.0rem; padding-right:1.0rem; font-size:1.2rem;}

	/* 달력스케줄 형 */
	#calendar .fc-header-toolbar {flex-wrap:wrap; margin-bottom:0;}
	#calendar .fc-header-toolbar .fc-center {order:-1;}
	#calendar .fc-header-toolbar .fc-center h2 {font-size:2.0rem;}
	#calendar .fc-header-toolbar .fc-center .fc-button .fc-icon {width:2.0rem; height:2.0rem; font-size:2.0rem; line-height:2.0rem;}
	#calendar .fc-header-toolbar .fc-left .fc-button {padding:0.5rem 1.0rem; font-size:1.4rem;}
	#calendar .fc-header-toolbar .fc-right .fc-button {padding:0.5rem 1.0rem; font-size:1.4rem;}
	#calendar .fc-view-container {margin-top:2.0rem;}
    #calendar .fc-view-container .fc-day-header {padding:0.5rem 0}
    #calendar .fc-view-container .fc-day-number {font-size:1.2rem; padding:0}
    #calendar .fc-view-container .fc-day-grid-event .fc-title {font-size:1.4rem}
    #calendar .fc-view-container .fc-row .fc-content-skeleton {padding-bottom:0}
    #calendar .fc-view-container .fc-row .fc-content-skeleton .fc-event-container {padding:0.15rem 0 0}
    #calendar .fc-view-container .fc-row .fc-content-skeleton tr:last-child td {height:3rem}
    #calendar .fc-view-container .fc-row .fc-content-skeleton tr:last-child td.fc-event-container {height:auto}
}

@media all and (max-width:480px) {

}