@charset "UTF-8";

/*forum*/
.news .sub-title {overflow:hidden; position:relative; min-height:34rem; z-index:1}
.news .sub-title img {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; min-height:100%; object-fit:cover; z-index:-1}
.news .sub-title .desc {padding:7.2rem 7.4rem 8rem}
.news .sub-title .title {color:#fff; display:block; font-size:5.6rem; font-weight:900; line-height:1; margin-bottom:1.5rem}
.news .sub-title .s-title {color:#fff; display:block; font-size:2.2rem; font-weight:900; line-height:1.2; max-width:64rem}

.news .list .item { background-color: #FAFAFA; border: 1px solid #D5DADC; box-sizing: border-box; }
.news .list .img {position:relative}
.news .list .date {background-color:rgba(0,136,141,.9); color:#fff; font-size:3.2rem; font-family:'Lato'; font-weight:900; line-height:1.2; padding:4rem; position:absolute; top:0; left:0; width:27rem; height:100%}
.news .list .day {font-size:5.6rem; line-height:1}
.news .list .desc {border-bottom:1px solid #D5DADC; padding:4rem}
.news .list .desc .title {color:#353535; font-size:2.2rem; font-weight:900; line-height:1.2; margin-bottom:0.8rem}
.news .list .desc .subject {color:#121212; font-size:3.2rem; font-family:'Lato'; font-weight:900; line-height:1.2; margin-bottom:2.4rem}
.news .list .desc .txt {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; max-height:11rem; overflow:hidden; text-overflow:ellipsis; word-break:keep-all}
.news .list .link {padding:1.6rem 4rem; overflow:hidden}
.news .list .link ul li {float:left; margin-right:6.4rem}
.news .list .link ul li:last-child {margin-right:0}
.news .list .link ul li a {text-transform:uppercase; padding-left:3.2rem; position:relative; color:#808587}
.news .list .link ul li.active a {color: #353535}
.news .list .link ul li.icon-wrap a::after {content:''; position:absolute; left:0; top:-2px; width:2.4rem; height:2.4rem; background-repeat:no-repeat; background-position:center; background-size:contain}
.news .list .link ul li.icon-wrap.type1 a::after { background-image: url('/international/img/content/icon_item_list01.svg'); }
.news .list .link ul li.icon-wrap.type2 a::after { background-image: url('/international/img/content/icon_item_list02.svg'); }
.news .list .link ul li.icon-wrap.type3 a::after { background-image: url('/international/img/content/icon_item_list03.svg'); }
.news .list .link ul li.icon-wrap.type4 a::after { background-image: url('/international/img/content/icon_item_list04.svg'); }
.news .list .link ul li.icon-wrap.type5 a::after { background-image: url('/international/img/content/icon_item_list05.svg'); }
.news .list .link ul li.active.icon-wrap.type1 a::after { background-image: url('/international/img/content/icon_item_list01_active.svg'); }
.news .list .link ul li.active.icon-wrap.type2 a::after { background-image: url('/international/img/content/icon_item_list02_active.svg'); }
.news .list .link ul li.active.icon-wrap.type3 a::after { background-image: url('/international/img/content/icon_item_list03_active.svg'); }
.news .list .link ul li.active.icon-wrap.type4 a::after { background-image: url('/international/img/content/icon_item_list04_active.svg'); }
.news .list .link ul li.active.icon-wrap.type5 a::after { background-image: url('/international/img/content/icon_item_list05_active.svg'); }

@media all and (max-width:1193px) {
	.news .sub-title {height:40rem; overflow:hidden}
	.news .sub-title .title {font-size:4.4rem}
	.news .sub-title .desc {padding:3.5rem}

	.news .list .date {position:relative; padding:1.5rem 2rem 2rem; width:100%}
	.news .list .date p {display:inline-block}
	.news .list .date .day {font-size:4.4rem; margin-right:1rem}
	.news .list .desc {padding:3rem}
	.news .list .link {padding:1.6rem 3rem}
}

@media all and (max-width:820px) {
	.news .list .link ul li {width:50%; margin-right:0}
	.news .list .link ul li:nth-child(n+3) {margin-top:1rem}
}

@media all and (max-width:410px) {
	.news .list .link ul li {width:100%}
	.news .list .link ul li:nth-child(2) {margin-top:1rem}
}

.program-list dt { border-bottom: 1px solid #D5DADC; }
.program-list dd span { display: block; }
.program-list dd::before { content: none; }
.program-list .bull:before {display:none}

.international-list-wrap { border-top: 2px solid #353535; }
.international-list-wrap ul li { overflow: hidden; position: relative; border-bottom: 1px solid #9CA3A6; }
.international-list-wrap ul li > a { overflow: hidden; display: inline-block; padding: 0px 64px 0px 0; margin:40px 0 40px 0; position: relative; }
.international-list-wrap ul li > a .btn { position: absolute; border: 0; right: 0; top: 50%; transform: translateY(-50%); }

.board-list.forum .gallery_list li {width:33.333%}
.board-list.forum .gallery_list .thumb {height:250px; margin-bottom:0}
.board-list.forum + .layerpop-wrap.active {display:block}
.board-list.forum + .layerpop-wrap .layerpop { max-width: 800px; top: 50%; transform: translateY(-50%); display: block; }
.board-list.forum + .layerpop-wrap .layerpop .forum-photo { border: 4px solid #fff; padding: 40px 0 0; position: relative; }

.forum-photo .item {display:block; width:100%; height:100%; max-height:670px; overflow:hidden}
.forum-photo .thumb {display:block; height:100%; width:100%}
.forum-photo .thumb img {display:block; height:100%; width:100%}
.forum-photo .video {height:40rem}

.forum-photo .control_box {position:absolute; left:0; top:2px}
.forum-photo .control_box .paging {display:inline-block; vertical-align:top; margin-top:3px}
.forum-photo .control_box button {display:none; width:32px; height:32px; line-height:32px; text-align:center; overflow:hidden; position:relative}
.forum-photo .control_box button.slick-arrow {display:inline-block}
.forum-photo .control_box button:before {content:''; background: url('/international/img/content/icon_slide_next.svg') no-repeat center; display:block; width:100%; height:100%; line-height:inherit}
.forum-photo .control_box .prev:before {transform:scaleX(-1)}
.forum-photo .close {position:absolute; right:0; top:2px}


@media all and (max-width:1193px) {
	.board-list.forum .gallery_list .thumb {height:200px}

	.international-list-wrap ul li > a { padding-right: 0; }
	.international-list-wrap ul li > a .btn { display: block; position: relative; top: auto; transform: translateY(0); margin-top: 24px; }
}

@media all and (max-width:768px) {
	.board-list.forum .gallery_list li {width:50%}
}

@media all and (max-width:640px) {
	.board-list.forum .gallery_list li {width:100%}
}

/*Regional Forum > naf*/
.c03060101 .img-desc .desc {width:42.786%}
.c03060101 .img-desc .img {width:calc(100% - 42.786%)}
.c03060101 .img-desc + .txt {margin:12rem 0}
.c03060101 .img-desc + .title1 {margin-top:12rem}
.c03060101 .img-list {display:flex; flex-wrap:wrap; width:calc(100% + 3rem)}
.c03060101 .img-list li {width:calc(50% - 3rem); margin-right:3rem; margin-bottom:3rem; overflow:hidden}
.c03060101 .img-list li img {display:block; width:100%; height:100%}

@media all and (max-width:768px) {
	.c03060101 .img-desc .desc {width:100%}
	.c03060101 .img-desc .img {width:100%}
	.c03060101 .img-desc.reverse .desc {margin-top:0}
	.c03060101 .img-desc.reverse .img {margin-top:3rem}
}


@media all and (max-width:480px) {
	.c03060101 .img-list li {width:calc(100% - 3rem)}
}


/* 포럼 - August 13 2024 */
.c03060204 .border_top {position:relative; margin-top:35px;}
.c03060204 .border_top::after  {content:""; position:absolute; left:0; top:-17px; width:100%; border-top:1px dotted #ddd; padding-top:24px;}
.c03060204 .bull  {position:relative; padding-left:10px;}
.c03060204 .bull::before {content:""; position:absolute; left:0; top:6px; width:3px; height:3px; background:#666; border-radius:100%;}
.c03060204 .dash  {position:relative; padding-left:15px;}
.c03060204 .dash::before {content:""; position:absolute; left:0; top:9px; width:5px; height:1px; background:#666;}

@media screen and (max-width:768px) {
	.c03060204 .dash strong {display:block;}
	.c03060204 .mo_none {display:none;}
}