@charset "UTF-8";
/*-------------------------------------------------
title       :게시판
Create date :2022-07
-------------------------------------------------*/

.board-list {border-top:2px solid #353535}

/*pdf*/
.board_pdf > li {border-bottom:1px solid #9ca3a6; padding:4rem 0; position:relative}
.board_pdf > li > a {display:flex; flex-wrap:wrap; width:100%; height:100%}
.board_pdf .thumb {overflow:hidden; position:relative; width:13rem; height:18.5rem}
.board_pdf .thumb:after {content:''; border:8px solid transparent; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:all .5s}
.board_pdf .thumb img {display:block; width:100%; height:100%}
.board_pdf .desc {padding-left:4rem; position:relative; width:calc(100% - 13rem)}
.board_pdf .desc .title {display:block; font-size:2.8rem; font-weight:900; max-height:2.8em; line-height:1.3; margin-bottom:1rem; overflow:hidden; text-align:left; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; width:100%}
.board_pdf .desc .stt {color:#626f7b; display:block; font-size:2rem; font-weight:600; margin-bottom:0.5rem; white-space:nowrap; width:99.9%; overflow:hidden; text-overflow:ellipsis}
.board_pdf .desc .txt {color:#29758B; display:block; font-size:1.8rem; font-weight:600; line-height:1.2; letter-spacing:0; margin-bottom:2.4rem; overflow:hidden; text-align:left; text-overflow:ellipsis; width:100%; word-break:keep-all; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}
.board_pdf .desc .institutes .logo {display:inline-block; height:2.5rem; vertical-align:middle}
.board_pdf .desc .institutes .logo img {display:block; height:100%}
.board_pdf .desc .cate {display:none}
.board_pdf .desc .info {position:absolute; bottom:0}
.board_pdf .desc .info > span {color:#6d6d6d; display:inline-block; font-size:1.6rem; line-height:1.2; letter-spacing:0; margin-right:2rem}
.board_pdf .desc .info .date {width:15.5rem; margin-right:0}
.board_pdf .desc .info img {position:relative; width:1.6rem; height:1.6rem; vertical-align:-2px; margin-right:0.5rem}
.board_pdf .btn.icon-only {cursor:pointer; position:absolute; bottom:0; right:0}
.board_pdf .btn.icon-only img {vertical-align:middle}

.board_pdf.has-year .year {display:block; width:7.2rem; height:2.4rem; color:#fff; line-height:2.4rem; text-align:center; background-color:#115999; font-size:1.6rem}
.board_pdf.has-year .date {display:flex; flex-direction:column; justify-content:end}

.board_pdf.type2 .date {width:100%}

/* art 게시판 전용 */
.board_pdf .desc .art_info span {margin-right:0;}
.board_pdf .desc .art_info span.date {width:auto;}
.board_pdf .desc .art_info span + span {position:relative; margin-left:2rem;}
.board_pdf .desc .art_info span + span::before {content:""; position:absolute; left:-1.2rem; top:4px; width:1px; height:10px; background:#115999; opacity:0.4;}



/*VIEW ARTICLES*/
.board_pdf.type-accordion .more {background-color:#F6F7F7; color:transparent; font-size:0; width:7.2rem; height:7.2rem; position:absolute; right:0; top:50%; transform:translateY(-50%)}
.board_pdf.type-accordion .more:before {position: absolute; content: ''; width: 16px; height: 2px; left: 50%; top: 50%; transform: translate(-50%, -50%);  background-color: #000;}
.board_pdf.type-accordion .more:after {position: absolute; content: ''; width: 16px; height: 2px; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(90deg);  background-color: #000; transition: all .2s; }
.board_pdf.type-accordion .list {background-color:#F6F6F6; display:none; visibility:hidden; opacity:0; height:0; margin-top:4rem}
.board_pdf.type-accordion .list > li {border-top:1px solid #9CA3A6; background:url(/international/img/content/bg_accrodion.svg) no-repeat left 2.8rem top; padding:4rem 0; position:relative}
.board_pdf.type-accordion .list > li > a {display:block; padding:4.8rem 8.8rem 4.8rem 5rem}
.board_pdf.type-accordion .stt {color:#353535; font-size:2.8rem; line-height:3.2rem; margin-bottom:0.8rem; width:calc(100% - 80px)}
.board_pdf.type-accordion .author {color:#29758B; font-size:1.8rem; line-height:1.2; letter-spacing:0}
.board_pdf.type-accordion .list .desc {padding-left:5rem}
.board_pdf.type-accordion .btn.icon-only {right:4rem; bottom:50%; transform:translateY(50%)}

.board_pdf.type-accordion li.active {background-color:#ebf2f6; padding-bottom:0}
.board_pdf.type-accordion li.active .more:after { transform: translate(-50%, -50%) rotate(0deg); }
.board_pdf.type-accordion li.active .list {display:block; visibility:visible; opacity:1; height:auto}

/*news & events > forum > presentation*/
.board_pdf.forum .desc {width:100%; padding-right:4rem}
.board_pdf.forum .desc .title {max-height:inherit; display:block; -webkit-line-clamp:inherit}
.board_pdf.forum .desc .txt {margin-bottom:0; max-height:inherit; display:block; -webkit-line-clamp:inherit; padding-right:4rem}

/*게시판 상세*/
.board_view.type2 .view-top {padding:6rem 0}
.board_view.type2 .view-top .img {background-color:#000; border:1px solid #eee; display:block; width:30rem; height:auto; overflow:hidden}
.board_view.type2 .view-top .img img {display:block; width:100%; height:100%}
.board_view.type2 .view-top .desc {padding-left:4rem; width:calc(100% - 30rem)}
.board_view.type2 .txt li strong {width:8rem}
.board_view.type2 .txt .cate,
.board_view.type2 .txt .hit {display:none}

/* art 게시판 전용 */
.board_view.type2 .txt.art_txt li strong {width:11rem;}
.board_view.type2 .txt.art_txt li span {width:calc(100% - 11rem);}

/*Scheduled Events 상세*/
.board_view.cal .view-top {width:100%}
.board_view.cal .view-top .desc {padding-left:0; width:100%}
.board_view.cal .txt li strong {width:15rem}
.board_view.cal .txt li span {width:calc(100% - 15rem)}



/* 영문 브로슈어 게시판 2025-03-14 */
.brochure_list  {padding-top:4rem;}
.brochure_list li:not(.blank) {display:flex; flex-direction:row; align-items:stretch; justify-content:flex-start; gap:4rem;}
.brochure_list li + li {margin-top:4rem; padding-top:4rem; border-top:1px dotted #ddd;}
.brochure_list .thumb {flex:none; width:40%;}
.brochure_list .thumb img {width:100%; border:1px solid #ddd;}
.brochure_list .desc {overflow:hidden; flex:1; display:flex; flex-direction: column; align-items:stretch; justify-content:center; gap:4rem;}
.brochure_list .desc .title {font-size:2.8rem; font-weight:900; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap: break-word; overflow:hidden; max-height:10rem; line-height:1.3; justify-self: flex-start;}
.brochure_list .desc .content {font-size:1.8rem;;}
.brochure_list .desc .btn_box {padding:0; margin-top:3rem; display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-start; gap:1rem;}
.brochure_list li.blank {margin-top:-2rem;}


/* 통계이슈게시판 PD2 2025-03-28 */
.statistics_list {display:flex; flex-wrap:wrap; position:relative; overflow:hidden; width:calc(100% + 4rem)}
.statistics_list li {border-bottom:1px solid #9CA3A6; margin-bottom:-1px; width:25%; padding:4rem 4rem 4rem 0}
.statistics_list a {display:block; width:100%}
.statistics_list .thumb {display:block; position:relative; width:100%; aspect-ratio: 3 / 4; overflow:hidden; margin-bottom:1.6rem}
.statistics_list .thumb:after {content:''; border:8px solid transparent; width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:all .5s}
.statistics_list .thumb img {display:block; min-width:100%; width:inherit; min-height:100%; object-fit:cover}
.statistics_list .title {color:#353535; display:block; font-size:2.2rem; font-weight:900; letter-spacing:0; line-height:2.8rem; margin-bottom:2rem; height:8.6rem; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical}
.statistics_list .desc {color:#6d6d6d; display:flex; font-size:1.6rem; letter-spacing:0; line-height:19px; width:100%; justify-content:space-between}
.statistics_list .desc .label {display:none}
.statistics_list .desc .hit {position:relative}
.statistics_list .desc .hit:before {content:''; background:url('/international/img/content/icon_view.svg'); display:inline-block; width:1.6rem; height:1.6rem; vertical-align:-2px}


@media all and (min-width:768px) {
	.board_pdf a:hover .thumb:after {width:calc(100% - 1.6rem); height:calc(100% - 1.6rem); border-color:#115999}

	.statistics_list a:hover .thumb:after {width:calc(100% - 1.6rem); height:calc(100% - 1.6rem); border-color:#115999}
	.statistics_list a:hover .title {text-decoration:underline}
}

@media all and (max-width:1193px) {
	.board_pdf .desc {padding-left:2.5rem}
	.board_pdf .desc .title {font-size:2.2rem; letter-spacing:0}

	.board_view.cal .txt li strong {width:12rem}
	.board_view.cal .txt li span {width:calc(100% - 12rem)}

	/* art 게시판 전용 */
	.board_view.type2 .txt.art_txt li strong {width:10rem;}
	.board_view.type2 .txt.art_txt li span {width:calc(100% - 10rem);}
	.board_view.type2 .txt.art_txt li span.doi {word-break:break-all;}

	.statistics_list li {width:33.333%}
}

@media all and (max-width:768px) {
	.board_pdf > li {padding:2.5rem 0}
	.board_pdf .thumb {width:11rem; height:15rem}
	.board_pdf .desc {width:calc(100% - 11rem); padding-left:2rem}
	.board_pdf .desc .txt {font-size:1.6rem; line-height:1.2; margin-bottom:20px}
	.board_pdf .desc .institutes {display:block; margin-top:0.5rem}
	.board_pdf .desc .info {display:block; line-height:1.2; position:relative; bottom:inherit}
	.board_pdf .desc .info.absol {position:absolute !important}
	.board_pdf .desc .info > span {font-size:1.6rem; margin-right:1rem}
	.board_pdf .desc .info .date {width:100%; margin-bottom:0.5rem}

	.board_pdf .desc .art_info span + span {margin-left:1.2rem; margin-right:0;}
	.board_pdf .desc .art_info span + span::before {left:-1rem; top:4px; }

	.board_pdf .btn.icon-only {width:3.5rem; height:3.5rem; line-height:3.5rem; bottom:0.5rem}

	.board_pdf.type-accordion .list > li {background-position:left 2rem top -2.6rem; padding:2.5rem 0}
	.board_pdf.type-accordion .list > li > a {padding:0 2rem 0 5rem}
	.board_pdf.type-accordion .stt {font-size:2rem; line-height:2.6rem; width:calc(100% - 2rem)}
	.board_pdf.type-accordion .author {font-size:1.6rem}
	.board_pdf.type-accordion .more {width:100%; height:3.5rem; left:0; bottom:0; top:auto; transform:inherit; position:inherit; display:block; margin-top:2rem}
	.board_pdf.type-accordion .btn.icon-only {right:2rem; bottom:2.5rem; transform:inherit}
	.board_pdf.type-accordion li.active .list {margin-top:2.5rem}

	.board_pdf.forum .desc {padding-right:2rem}

	.board_view.type2 .view-top {padding:4rem 0}
	.board_view.type2 .view-top .img {margin:0 auto}
	.board_view.type2 .view-top .desc {padding-left:0; width:100%; margin-top:3rem}
	.board_view.type2 .view-top .title {margin-bottom:2rem}

	.brochure_list li {flex-direction:column;}
	.brochure_list .thumb { width:60rem; max-width:100%; margin:0 auto;}
	.brochure_list .desc {width:60rem; max-width:100%; margin:0 auto;}
	.brochure_list .desc .btn_box {justify-content:center;}

	.statistics_list {width:calc(100% + 2.5rem)}
	.statistics_list li {width:50%; padding:2.5rem 2.5rem 2.5rem 0}
	.statistics_list .title {font-size:2rem; line-height:2.4rem; height:7.6rem}
	.statistics_list .desc {font-size:1.4rem}
}

@media all and (max-width:640px) {
	.board_pdf .desc .art_info span {display:block; padding-left:1rem;}
	.board_pdf .desc .art_info span.date {margin-bottom:0;}
	.board_pdf .desc .art_info span + span {margin-left:0; margin-right:0; margin-top:4px;}
	.board_pdf .desc .art_info span::before {content:""; position:absolute; left:0; top:5px; width:4px; height:4px; background:#115999; border-radius:100%; opacity:0.4;}
	.board_pdf .desc .art_info span + span::before {content:""; position:absolute; left:0; top:5px; width:4px; height:4px; background:#115999; border-radius:100%;}

	.board_view.cal .txt li + li {margin-top:2rem}
	.board_view.cal .txt li strong {width:100%}
	.board_view.cal .txt li span {width:100%; padding-left:0}

	.statistics_list li {width:100%}
	.statistics_list .title {height:auto; max-height:7.6rem}
	.statistics_list .thumb {aspect-ratio: 3 / 4;}
}