@charset "utf-8";

/************ header ************/
.box-header {
	position: relative;
	background: var(--first-color);
}
.main-inner {
	width: 138rem;
	margin: 0 auto;
	padding: 6rem 0 0 0;
	max-width: calc(100% - 20px - 20px);
}
/* .hr.main-inner {padding: 20px 0 0 0;} */
header .main-inner {
	width: 138rem;
	max-width: calc(100% - 20px - 20px);
	margin: 0 auto;
	padding: 0;
}
.logo{
	width: 300px;
	min-height: 8rem;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
}
.logo a img {
	width: 240px;
	background-size: 100%;
}
.m-logo{
	display:none;
}
.menu_left{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
	gap: 1rem;
}
.menu_left .main-search{
	width: 50px;
	cursor: pointer;
}
.menubar {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0 2rem;
	padding: 0 0 15px 0;
}
.menubar .menu{
	width: 80%;
	max-width: 100%;
}
.menubar .menu > ul{
	display: flex;
	justify-content: space-evenly;
	gap: 1rem;
}
.menubar .menu li{
	display: block;
	font-size: 1.9rem;
	text-transform: uppercase;
}
.focus-menu{ background-image:url("../images/ico_facebook.svg"); background-size: 20px;width: 20px;height: 20px;}
.focus-search{background: url("../images/ico_search.svg")no-repeat;background-size: 26px;width: 26px;height: 26px;}
html:lang(ar) .menu li{float: right;}
/* html:lang(fr) .menu li{padding: 0 20px;} */

.language-wrap .focus-language{
	display: inline-block;
	color: var(--second-color); 
	font-size: 20px;
}
.language-wrap .focus-language:after{
	content: '';
	display: inline-block;
	width: 1.8rem;
	height: 1.8rem;
	background: url("../images/ico_lang_arrow.svg") no-repeat;
}

/************ quick ************/
.ico_live{background: url("../images/ico_live.svg") no-repeat;}
.ico_webzine{ background:url("../images/ico_webzine.svg") no-repeat;}
.ico_webzine2{ background:url("../images/ico_webzine2.svg") no-repeat;}
.ico_koreanet { background:url("../images/koreanet_logo.svg"); background-size: 100%;width: 160px;}

@media only screen and (max-width: 1024px) {
	.menubar .menu li {font-size: 1.6rem;}
	.focus-language{background: none;}
	.language-wrap:after{line-height: 1.4;}
	.language-wrap .focus-language:after{display: none;}
	.box-header:after{display: none; }
	
	html:lang(fr) .menubar .menu {display: none;}
	html:lang(fr) .side-bar .menu {display:block;}
}
@media only screen and (max-width: 840px) {	
	.logo{display:none;}
	.m-logo{display: block; width: 18rem; min-height: 5rem; margin: 0 auto; padding: 0.5rem 0 0;}
	
	.menubar {height: 100%; margin-top: -4.3rem; padding: 0 0 1.5rem 0;}
	.menubar .menu {display: none;}
}
@media only screen and (max-width: 768px) {
	h1.main-title {margin: 0 0 1rem 0;}
}	
@media only screen and (max-width: 580px) {
	.logo {width:auto;}
}

html:lang(ar) .swiper-button-next:after, 
html:lang(ar) .swiper-rtl .swiper-button-prev:after {
	padding: 0 1rem;
}
	
/** language **/
.language-wrap{
	position: relative;
}
.language-wrap .focus-language img, 
.main-search .focus-search img {width: 3rem;}
.main-search .search-wrap2, 
.language-wrap .lang-wrap {
	position: absolute;
	top: 0;
	right: 0;
	display: none;
	width: 222px;
	padding: 0 2rem 2rem;
	background: var(--first-color);
	line-height: 40px;
	z-index: 12;
}
.language-wrap .lang-wrap.visible {display: block;}
.language-wrap .lang-list {display: flex; flex-wrap: wrap; margin: 0; padding: 0; border: 0; list-style: none; font-size: 1.6rem;}
.language-wrap .lang-list li a {color: var(--menu-color);}
.language-wrap .lang-list li.on a {color: var(--menu2-color);}
.language-wrap .close-btn2 {margin: 1rem 0; line-height: 0; text-align: right; cursor: pointer;}
.language-wrap .close-btn2 img{width: 2.4rem;}
.language-wrap .set-language ul li {width: 50%; font-weight: 500;}

.main-search .search-wrap2.visible {display: block;width: 222px;padding: 0 20px 20px;z-index: 12;position: absolute;line-height: 40px;margin: 0 0 0 -168px;background: var(--first-color);}
.main-search .search-wrap2 .close-search {cursor: pointer;text-align: right;}
.main-search .search-wrap2 .close-search img{width: 24px;}
.main-search .set-language ul li {width: 50%;font-weight: 600;}
.main-search .search-wrap2 button.btn-search {right: 48px;top: 72px;position: absolute;background: #fff;}
.main-search .search-wrap2  input {width:100%;height: 45px;border-radius: 7px;font-size: 16px;border: 0px;margin: 0 auto;padding: 0 10px;}
.main-search .ico-search{background: url("../images/ico_search.svg") no-repeat;width: 26px;height: 26px;background-size: 26px;}
.main-search .search-wrap2 button img {width: 24px;height: 24px;background:url("../images/ico_search.svg") center center no-repeat;}

html:lang(ar) .language-wrap .lang-wrap.visible{right: auto; left: 0;}
html:lang(ar) .language-wrap .close-btn2{text-align: left;}
	
@media only screen and (max-width: 1024px) {
	.language-wrap .lang-wrap.visible {margin: 0px 0 0 -180px;}
	html:lang(ar) .language-wrap .lang-wrap.visible {margin: 0 -176px 0 0;}
}	
@media only screen and (max-width: 768px) {
	.language-wrap .lang-wrap.visible {right: 0;}
	html:lang(ar) .language-wrap .lang-wrap.visible {right: auto;}
	
}

.menu-btn{display: flex; align-items: center; justify-content: center; width: 2.5rem; cursor: pointer;}
.menu_left .search-btn{width: 2.5rem;}
.menu_left .search-btn a{display: block; line-height: 0;}
.menu_left .menu-btn{clear: both;}
.menu li a{color: var(--menu-color); font-weight: 600;}

/** Left MENU **/
.side-bar{position: fixed; top: 0; left: -360px; width: 360px; height: 100vh; padding: 0 3rem 0 4rem; background: var(--first-color); backdrop-filter: blur(15px); transition: 0.6s ease; transition-property: left;  z-index: 299; overflow-y: auto;}
.side-bar::-webkit-scrollbar {width: 0;}
.side-bar.active{left: 0;}
.side-bar .menu{position: relative; display: inline-block; width: 100%; margin: 4.7rem 0 0 0; }
.side-bar .menu .item{position: relative;cursor: pointer;}
.side-bar .menu .item a{display: block; padding: 6px 25px 6px 0; text-decoration: none; color: #fff; font-weight: 600; font-size: 20px;}
.side-bar .menu .item a:hover{text-decoration: underline; transition: 0.3s ease;}
.side-bar .menu .item i{margin-right: 1.5rem;}
.side-bar .menu .item a .dropdown{position: absolute; right: 0; width: 2.3rem; height: 2rem; margin: 0; background: url("../images/ico_arrow_d.svg") no-repeat center; transition: 0.3s ease;}
.side-bar .menu .item .sub-menu{display: none;}
.side-bar .menu .item .sub-menu a{padding: 0.5rem 2rem; color: var(--menu2-color); font-size: 16px;}
.side-bar .menu .item .sub-menu a .dropdown{filter: invert(55%) sepia(67%) saturate(273%) hue-rotate(171deg) brightness(92%) contrast(85%);}
.side-bar .menu .item .sub-menu .sub-item2dth {padding-left: 5rem;}
.side-bar .menu .item .sub-menu2{display: none; margin-bottom: 1.8rem; padding: 1rem 0; background: var(--menu2-color); border-radius: 7px;}
.side-bar .menu .item .sub-menu2 a{ color: var(--first-color);}
.side-bar .menu .item .sub-menu .sub-item .sub-menu3dth a {padding-left: 8rem;}
.side-bar .rotate{transform: rotate(180deg);}
.side-bar .close-btn{position: relative; right:  0px; float: right; width: 2.8rem; margin: 2.5rem 0; color: #fff; font-size: 2.3rem; cursor: pointer;}
.side-bar .ico-search{width: 2.6rem; height: 2.6rem; background: url("../images/ico_search.svg") no-repeat; background-size: 2.6rem;}
.side-bar .search-wrap {left:0; top:0; bottom:0; width:100%; padding: 3rem 0.5rem 0 0;}
.side-bar .search-wrap form{width: 100%;}
.side-bar .search-wrap button.btn-search {position: absolute; right: 48px; padding: 9px 0 0 0; background: #fff;}
.side-bar .search-wrap button img {width: 24px; height: 24px; background:url("../images/ico_search.svg") center center no-repeat;}
.side-bar .search-wrap input {width:100%; height: 45px; margin: 0 auto; padding: 0 10px; border: 0px; border-radius: 7px;font-size: 16px;}
.side-bar .search-wrap input:placeholde{font-size: 16px;}
.side-bar .social ul {display: flex; gap: 1rem; margin-top: 2rem;}
.side-bar .social li {width: 4rem; height: 4rem; margin: 2rem 0.5rem 0 0; border-radius: 5px; background: var(--menu2-color);}
.side-bar .social [class*="ico_"] a{text-indent: -9999px;display: block;}
.side-bar .social [class*="ico_"] a::after{content: ''; position: relative; display: block; filter: invert(0%) sepia(7%) saturate(30%) hue-rotate(254deg) brightness(0%) contrast(106%);}
.side-bar .social .ico_flickr a::after{height: 2.3rem; margin: -1.1rem 0 0 0; background: url(../images/ico_flickr.svg) no-repeat center center;}
.side-bar .social .ico_insta a::after{height: 2.3rem; margin: -1.2rem 0 0 0; background: url(../images/ico_insta.svg) no-repeat center center;}
.side-bar .social .ico_facebook a::after{height: 2.2rem; margin: -1.1rem 0 0 0.2rem; background: url(../images/ico_facebook.svg) no-repeat center center;}
.side-bar .social .ico_youtube a::after{width: 2.4rem; height: 3rem; margin: -1.6rem 0 0 0.8rem; background: url(../images/ico_youtube.svg) no-repeat center center;}

html:lang(ar) .side-bar .close-btn{float: left; margin-left: 0;}	
html:lang(ar) .side-bar{left: auto; right: -460px; transition-property: right; padding: 0 4rem 0 3rem;}
html:lang(ar) .side-bar.active{left: auto; right:0;}
html:lang(ar) .side-bar .search-wrap button.btn-search {left: 3.9rem; right: auto;}
html:lang(ar) .side-bar .menu .item a .dropdown{left: 0; right: auto;}
html:lang(ar) .side-bar .menu .item .sub-menu a{padding: 0.6rem 2rem 0.6rem 0; } 
html:lang(ar) .side-bar .social .ico_youtube a{margin: 0 0.7rem 0 0;}

h1.main-title {margin-bottom: 10px; font-size: 16px;}
h1.main-title a, 
h1.main-title a:hover {color: var(--h1-color);}
	
@media only screen and (max-width: 1024px) {
	.menu_left div {margin: 0;}
}
@media only screen and (max-width: 768px) {
	.side-bar .menu{margin: 2rem 0 0 0;}	
}
@media only screen and (max-width: 430px) {
	h1.main-title {margin-bottom: 1rem;}
	.side-bar{left: -100%; width: 100%;}
	.menu_left div {margin: 0;}
}

.container-main{height: auto;}

/** newsboxs **/
.news-wrap {display: flex; justify-content: space-between; gap: 2.4rem; width: 100%;}
.newsBox .img-wrap {width: 100%; height: auto; min-height: auto;}
.newsBox .newsL{width: 32.7rem;}
.newsBox .newsM{width: 67.8rem;}
/* .newsBox .newsM .img-wrap img{aspect-ratio: 4 / 3;} */
.newsBox .newsM p{min-height: 7.5rem; padding: 0 0 1rem 0; font-weight: 700;}
.newsBox .newsR{width: 32.7rem;}
.newsBox div {border-radius: var( --round01-radius);}
.newsBox a span.video,
.newsBox p.tit span.video{
	content: '';
	position: relative;
	display: none;
	width: 0.79em;
	height: 0.79em;
	margin:0 5px 0 0px;
	line-height: 0.8em;
	border-radius: 20px;
	background: #fff url(../images/ico_youtube_s.svg) no-repeat center center;
	text-indent: -9999px;
}
.newsL .news_list{width: 100%; z-index: 5;}
.newsL .news_list strong{color:var(--point-color); font-size: 12px;}
.newsL .news_list ul {margin: 2rem 0 0 1px;}
.newsL .news_list li {display: flex; flex-direction: column; margin-bottom: 0.5rem;}

.issue {
	position:relative;
	aspect-ratio: 1.06 / 1;
	margin:0 auto;
	overflow: hidden;
}
.issue .newsArea {
	display: flex;
	white-space: normal;
	flex-direction: row;
	justify-content: space-between;
}
.issue .item {
	flex: 0 0 auto;
	height: 100%;
	aspect-ratio: 1.06 / 1;
	margin-right: 0;
	border-radius: 10px;
	background: #21252b;
	overflow: hidden;
}
.issue .item img {
	display: flex;
	width: 100%;
	width: -moz-available;
}
.issue .tit {
	padding: 1rem;
}
.issue p {border:0}
.issue .item:before {content:'';position:absolute;left:0;bottom: 0;border-radius: inherit;width:100%;height: 0;opacity:0.5;}
.issue .item a p{color:#fff;padding: 4px 10px 0 ;line-height: 19px;font-size: 18px;height: fit-content;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.issue .item.type-banner a .tit{display: none;}
.issue .swiper-button-next:after, 
.issue .swiper-button-prev:after, 
.youtube-play .swiper-button-next:after, 
.youtube-play .swiper-button-prev:after {display: block;font-size: 29px;}  
.issue .swiper-horizontal{width: calc(100% - 0px);}	
.issue .swiper-button-next,
.issue .swiper-button-prev,
.youtube-play .swiper-button-next, 
.youtube-play .swiper-button-prev {
	right: 0;
	display: block;
	width: calc(var(--swiper-navigation-size) / 30 * 25);
	padding: 0.8rem  0 0 1rem;
	border-radius: 0px;
	background: rgba(17, 17, 17, 0.5);
	color: #fff;
	z-index: 1;
}
.issue .swiper-button-prev, 
.issue .swiper-container-rtl .swiper-button-next, 
.youtube-play .swiper-button-prev,
.youtube-play .swiper-container-rtl .swiper-button-next{
	 left: 0;
	 right: auto;
}	
.youtube-play .swiper-horizontal{
	width: calc(100% - 0px);
}
.issue .swiper-pagination{
	top: 0 !important;
	display:none;
	z-index: 1 ; 
}

.newsM .news{
	background: #ccdaec;
}
.newsM .news .txt-wrap {
	display: flex;
	flex-direction: column;
	justify-content: end;
	padding: 1rem;
	line-height: normal;
	font-size: 2.8rem;
}
.newsM .news .img-wrap img{
	border-radius: var(--round02-radius);
}
.newsM .news .koreanBtn {background: rgba(17, 17, 17, 0.8);font-size: 14px;border-radius: 3px;padding: 3px 5px;margin-top: -15px;color: var(--text3-color);display: none;position: relative;width: 53px;justify-content: right;flex-wrap: wrap;left: 92%;align-items: end;}
.featured-wrap .video-list .v-list .thum-wrap:after {content:''; position:absolute; left:50%; top:50%; margin:-16px 0 0 -16px; width:32px; height:32px; background: url(/renewal2021/images/common/ico/ico-play2.png) center center no-repeat;}

.newsR{
	display: flex;
	flex-direction: column;
}
.newsR .news{
	display: flex;
	flex-direction: row;
	margin: 0 0 1.5rem 0;
}
.newsR .news:first-child{
	flex-direction: column;
	margin-bottom: 2rem;
	background: #dde2e9;
}
.newsR .news .img-wrap{
	width: 11.8rem;
	margin: 0 1rem 0 0;
	border-radius: 5px;
	line-height: 0;
}
.newsR .news:first-child .img-wrap{
	width: 100%;
	border-radius:5px; 
}
.newsR .news .img-wrap img{
	width: 100%; 
	border-radius:5px;
}
.newsR .news:first-child .img-wrap img{
	width: 100%;
	border-radius: var(--round02-radius);
}
.newsR .news .txt-wrap{
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	width: calc(100% - 11.8rem);
	height: calc((1.5rem * 1.4) * 4);
	line-height: 1.4;
	word-wrap: break-word;
	font-size: 15px;
	overflow: hidden;
}
.newsR .news:first-child .txt-wrap{
	display: -webkit-box;
	-webkit-line-clamp: 3;
	width: auto;
	height: calc((1.8rem * 1.4) * 3);
	margin: 0.4rem 1rem 0;
	line-height: 1.4;
	font-size: 18px;
	overflow: hidden;
}

html:lang(en) .issue .item a p, 
html:lang(ce) .issue .item a p, 
html:lang(ja) .issue .item a p{padding: 5px 10px;line-height: inherit;font-size: 20px;height: fit-content;-webkit-line-clamp: 2;}
html:lang(ar) .newsR .news .img-wrap {margin: 0 0 0 10px;}
html:lang(ar) .newsBox a span.video, 
html:lang(ar) .newsBox p.tit span.video {margin:0 0 0 5px;}
html:lang(ar) .newsM .news .txt-wrap {font-size: 24px;letter-spacing: -1px;line-height: inherit;padding: 10px 15px 15px 10px;}
html:lang(ar) .issue .item a p,
html:lang(ar) .newsR .news:first-child .txt-wrap {font-size: 19px;line-height: inherit;height: fit-content;-webkit-line-clamp: 2;direction: rtl;}
html:lang(ar) .newsM .news .koreanBtn{right:92%;left:auto;}

@media not all and (max-width: 1024px){
	html:lang(en) .newsR .news:first-child .txt-wrap,
	html:lang(ce) .newsR .news:first-child .txt-wrap,
	html:lang(ja) .newsR .news:first-child .txt-wrap {
		-webkit-line-clamp: 2;
		height: calc((2rem * 1.4) * 2);
		margin: 0.5rem 1rem;
		/* font-size: 2rem; */
	}
}
@media only screen and (max-width: 1024px) {
	.news-wrap {
		flex-wrap: wrap;
		gap: 2rem;
	}
	.newsBox .newsL {
		order: 3;
		display: flex;
		flex-direction: row-reverse;
		width: 100%;
		margin: 3.5rem 0 0 0;
	}
	.newsBox .newsM {
		width: 55%;
	}
	.newsBox .newsR {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		width: calc(100% - 55% - 2rem);
	}
	.newsR .news {width: 50%; height: auto;}
	.newsR .news:first-child, 
	.newsR .news {flex-direction: column; width: 49%; height: auto; margin-bottom: 1rem; background: #fff !important;}
	.newsR .news:first-child .img-wrap, 
	.newsR .news .img-wrap {width: 100%; border-radius: 5px;}
	.newsR .news:nth-child(even) .img-wrap{margin: 0;}
	.newsR .news:first-child .img-wrap img, 
	.newsR .news.img-wrap img{width: 100%; border-radius: var(--round01-radius);}
	.newsR .news:first-child .txt-wrap, 
	.newsR .news .txt-wrap{
		-webkit-line-clamp: 4;
		width: 100%;
		height: fit-content; 
		margin: 5px 0 0;
		font-size: 16px;
	}
	.newsL .news_list {width: 53%; margin: 0 3% 0 0;}
	.newsL .news_list ul{margin: 0}
	.newsL .news_list a{font-size: 1.8rem; padding: 0 0 1rem 0;}
	.newsL .issue {width: 43%; height: fit-content; margin: 0;}
	.issue .item a p{ -webkit-line-clamp: 3; height: 7.7rem; font-size: 1.8rem;}
	.newsM .news .koreanBtn{left: auto; margin: 0;}
	.issue .item {height: auto;}
	html:lang(ar) .newsM .news .koreanBtn{right: auto; margin:0}
	html:lang(ar) .newsR .news:first-child{ margin-bottom: 1rem;}
	html:lang(ar) .issue .item a p, 
	html:lang(ar) .newsR .news:first-child .txt-wrap, 
	html:lang(ar) .newsR .news .txt-wrap {-webkit-line-clamp: 4; height: fit-content;font-size: 16px;}
	html:lang(ar) .newsBox .newsM p {line-height: inherit;}
	html:lang(ar) .newsL .news_list{margin: 0 0 0 3%;}
}
@media only screen and (max-width: 920px) {
	.issue .item a p {height: 7.2rem; line-height: 2.1rem; font-size: 1.7rem;}
}
@media only screen and (max-width: 860px) {
	.issue .item a p {font-size: 1.6rem; height: 5rem; -webkit-line-clamp: 2;}
}
@media only screen and (max-width: 840px) {
	.newsM .news .koreanBtn{margin: 0;}
}
@media only screen and (max-width: 620px) {
	.newsBox .newsM {width: 100%;}
	.newsBox .newsL {flex-direction: column;margin: 0;}
	.newsBox .newsR {width: 100%; margin: 20px 0;}
	.newsL .issue {width: 100%;margin: 0 0 10px;}
	.newsL .news_list {width: 100%;}
	.newsR .news:first-child .txt-wrap, .newsR .news .txt-wrap {height: auto;}
	.newsL .news_list a, .newsR .news:first-child .txt-wrap, .newsR .news .txt-wrap {font-size:16px;}
	.issue .item a p {font-size: 20px; height: 91px;-webkit-line-clamp: 4;}
	.newsM .news .img-wrap img{border-radius:0;}
}
@media only screen and (max-width: 450px) {
	.issue .item a p {font-size:18px;height: 74px;padding: 10px;-webkit-line-clamp: 3;}
	.newsBox .newsM { margin:0;padding: 0;}
	.newsM .news .txt-wrap {padding: 1rem 0 0 0;}
	.newsM .news {background: #fff !important;}
	.newsBox .newsM p {width: 100%;min-height: auto;color: #000 !important;}
	.newsR .news {width: 100%;height:auto}
	.newsR .news:first-child{ margin-bottom: 15px;}
	.newsR .news:nth-child(even) .img-wrap{margin: 0 10px 0 0;}
	.newsR .news:first-child .img-wrap, .newsR .news .img-wrap{width:150px }
	.newsR .news:first-child .txt-wrap, .newsR .news .txt-wrap{padding: 0;}
	.newsR .news:first-child, .newsR .news {flex-direction: row;width: 100%;}
	.issue .item a p {font-size:18px;}
	.newsL .news_list a, .newsR .news:first-child .txt-wrap, .newsR .news .txt-wrap {font-size:15px;-webkit-line-clamp: 5;height: fit-content;}
}
	
/** notic **/	
.notic-wrap {position: relative; width: fit-content; min-width: 79rem; max-width: 130rem; margin: 0 auto; background: var(--second-color); padding: 1rem 2rem; border-radius: 36px;}
.notic-wrap a, .notic-wrap a:visited, .notic-wrap a:focus, .notic-wrap a:hover {text-align: center; font-weight: 700; font-size: 2rem;}
.notic-wrap .close-btn3 {position: absolute; right: 2.5rem; top: 50%; transform: translateY(-50%); line-height: 0; cursor: pointer;}
.notic-wrap .close-btn3 img{width: 2rem; height: 2rem;}
.notic-wrap .min-tit {display: block; width: calc(100% - 30px); color: #fff; font-size: 16px;}
.notic-wrap .min-tit p.min-tit::after {display: inline-block; margin:0 1rem; font-weight: normal; font-size: 1.5rem;}
html:lang(en) .notic-wrap .min-tit p.min-tit::after {content: '(Amazon Gift Card 30 USD(50 Winners))';}
html:lang(ce) .notic-wrap .min-tit p.min-tit::after {content: '(亚马逊30美元礼品卡（共50名）)';}
html:lang(ja) .notic-wrap .min-tit p.min-tit::after {content: '(Amazonギフト券30ドル（50名様）)';}
html:lang(es) .notic-wrap .min-tit p.min-tit::after {content: '(Tarjeta de regalo de Amazon por 30 USD)';}
html:lang(fr) .notic-wrap .min-tit p.min-tit::after {content: '(Carte-cadeau Amazon de 30 USD (50 gagnants))';}
html:lang(de) .notic-wrap .min-tit p.min-tit::after {content: '(Amazon-Geschenkkarte im Wert von 30 USD)';}
html:lang(ru) .notic-wrap .min-tit p.min-tit::after {content: '(Подарочная карта Amazon на 30 долларов)';}
html:lang(jp) .notic-wrap .min-tit p.min-tit::after {content: '(Amazonギフト券30ドル（50名様）)';}
html:lang(vi) .notic-wrap .min-tit p.min-tit::after {content: '(Thẻ quà tặng Amazon trị giá 30 USD)';}
html:lang(id) .notic-wrap .min-tit p.min-tit::after {content: '(Kartu hadiah Amazon senilai 30 USD)';}
html:lang(ar) .notic-wrap .close-btn3 {right: auto; left: 2rem;}

@media only screen and (max-width:: 1024px) {
	.notic-wrap {position: relative; min-width: 100%; padding: 1rem 2rem; border-radius: 5px;}
	.notic-wrap a, 
	.notic-wrap a:visited, 
	.notic-wrap a:focus, 
	.notic-wrap a:hover{font-size: 1.8rem;}
}

@media only screen and (max-width: 768px) {
	.notic-wrap .min-tit {width: calc(100% - 15px); color: var(--text3-color);}
	.notic{position: fixed; left: 0; bottom: 0; max-width: 100%; padding: 0; z-index: 12;}
	.notic-wrap {width: 100%; min-width: auto; border-radius: 0; background:var(--second-color);}
	.notic-wrap a, 
	.notic-wrap a:visited, 
	.notic-wrap a:focus, 
	.notic-wrap a:hover {color: var(--text3-color); font-size: 1.6rem;}
	.notic-wrap .close-btn3 {position: absolute; top: 1.5rem; right: 1.5rem;}
}

/** Honorary Reporters **/	
.hr .hr-wrap {display: flex; justify-content: space-between;}
.hr .hr-wrap .news {width:23.5%;}
.hr .hr-wrap .img-wrap{display: block; width: 100%; height: auto; min-height: 16rem; border-radius: 5px; overflow: hidden;}
.hr .hr-wrap .img-wrap img{transform: scale(1.0); border-radius: var( --round01-radius); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);}
.hr .hr-wrap .img-wrap img:hover {transform: scale(1.045); transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);}
.hr .hr-wrap .news .tit {width:100%; font-size: 16px;}
.hr .hr-wrap .news .name {width: 100%; margin: 7px 0; color: #93a1ae; font-size: 14px; font-weight: 700;}

@media only screen and (max-width: 1024px) {
	.hr .hr-wrap .img-wrap{min-height: auto;}
}
@media only screen and (max-width: 768px) {
	.hr .hr-wrap {display: flex; flex-direction: column;}
	.hr .hr-wrap .news {width: 100%; margin-bottom: 2rem; padding: 0 0 1rem; border-bottom: 1px solid var(--border1-color);}
	.hr .hr-wrap .img-wrap {display:none}
	.hr .hr-wrap .news:first-child {background: var(--multi-bg-color); border: 0px; border-radius: var(--round01-radius);}
	.hr .hr-wrap .news:first-child .img-wrap {display:block; margin-bottom: 0.5rem;}
	.hr .hr-wrap .news:first-child .txt-wrap {padding:0 1rem;}
	.hr .hr-wrap .img-wrap img,
	.hr .hr-wrap .img-wrap{border-radius:var( --round02-radius);}
}
@media only screen and (max-width: 420px) {
	.hr .hr-wrap .news .name {margin: 7px 0 2px;}
}

/** Press Releases **/
.press{position: relative; width: 100%; min-height: 10rem; margin: -4.8rem 0 0 0; padding: 1rem 0 0 0; overflow: hidden;}
.pressreleases  h1{padding: 0 0 5px; border-bottom: 1px solid #ddd;}
.pressreleases  h1 a{position: relative; width: 12.5rem; z-index: 5;}
.press .newsArea {padding: 2.4rem 0 0;}
.press .item {flex: 0 0 auto; width: 25%; margin-right: 0 !important; overflow: hidden;}
.press .item img {position: relative; right: 10%; display: none; width: 120%;}
.press p {display: -webkit-box; -webkit-box-orient: vertical; padding: 0; word-wrap: break-word; border: 0; overflow: hidden;}
.press .min-tit {margin: 20px 0 5px; color: var(--point-color); font-size: 12px; font-weight: 600;}
.press .tit {width: 100%; padding-right: 20px; line-height: 1.3; font-size: 16px;}

.press .item:before {position :absolute; left: 0; bottom: 0; width: 100%; height: 70%; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000); border-radius: inherit; opacity:0.5;}
.press .swiper-pagination { display:none;}
.press .swiper-button-prev:after, .press .swiper-rtl .swiper-button-next:after {content: 'prev'; font-size: 2rem;}
.press .swiper-button-next:after, .press .swiper-rtl .swiper-button-prev:after {content: 'next'; font-size: 2rem;}
.press .swiper-button-prev, .press .swiper-rtl .swiper-button-next {left: auto; right: var(--swiper-navigation-sides-offset,27px);}
.press .swiper-button-next, .press .swiper-rtl .swiper-button-prev {right: var(--swiper-navigation-sides-offset, 0px);}
.press .swiper-button-next, .press .swiper-button-prev {top: 10px; color: #999;}

@media only screen and (max-width: 920px) {
	.press .item {flex: 0 0 auto; width: 33.33%; margin-right: 0 !important; overflow: hidden;}
}
@media only screen and (max-width: 680px) {
	.press .newsArea {width: calc(100% - 10px);}
	.press .item {width: calc(100% - 20px); margin-right: 0; margin-bottom: 10px;}
	.press .swiper-slide {position: relative; display: block; flex-shrink: 0; width: 100% !important; height: 100%; transition-property: transform;}
	.press .item03 div,
	.press .item04 div,
	.press .item05 div{width: calc(100% - 7px) !important; margin: 0 7px;}
}

/* main multi */
.multi{
	margin: 6rem 0 0 0; 
	background: var(--multi-bg-color);
}
.multi .media-wrap{
	display: flex; 
	flex-wrap: wrap; 
	justify-content: space-between;
	gap: 2rem;
	padding-bottom: 6rem;
}
.multi .youtube-play{
	display: none;
}
.multi .youtube-play iframe {
	width: 100%; 
	height: auto; 
	min-height: 23.5rem; 
	border-radius: var( --round01-radius);
}
.media-wrap .media{
	position: relative;
	flex-grow: 0;
	flex-shrink: 1;
	min-width: 0;
	height: 40.5rem;
	border-radius: var(--round01-radius);
}
.media-wrap .media:nth-child(1){flex: 1 1 calc((320 / 1380) * 100% - (2rem * 2 / 3)); max-width: 32rem;}
.media-wrap .media:nth-child(2){flex: 1 1 calc((696 / 1380) * 100% - (2rem * 2 / 3)); max-width: 69.6rem;}
.media-wrap .media:nth-child(3){flex: 1 1 calc((320 / 1380) * 100% - (2rem * 2 / 3)); max-width: 32rem;}
.media-wrap .media:nth-child(4){flex: 1 1 calc((320 / 1380) * 100% - (2rem * 2 / 3)); max-width: 32rem;}
.media-wrap .media:nth-child(5){flex: 1 1 calc((212 / 1380) * 100% - (2rem * 2 / 3)); max-width: 21.2rem;}
.media-wrap .media:nth-child(6){flex: 1 1 calc((320 / 1380) * 100% - (2rem * 2 / 3)); max-width: 32rem;}
.media-wrap .media:nth-child(7){flex: 1 1 calc((467 / 1380) * 100% - (2rem * 2 / 3)); max-width: 46.7rem;}
.media-wrap iframe {
	border-radius: var( --round01-radius);
}
.media-wrap .media .photo-wrap {
	position: relative; 
	width: 100%;
}
.media-wrap .media .photo-wrap img{
	width: 100%; 
	border-radius: var( --round02-radius);
}
.media-wrap .media.i-youtube .photo-wrap img{
	border-radius: var( --round01-radius);
}
.media-wrap .media .txt-wrap {
	display: block; 
	padding: 0 1rem 1rem 1rem;
	line-height: initial;
}
.media-wrap .media:nth-child(5) .txt-wrap{
	position: absolute; 
	bottom: 0; 
	border-radius: 0 0 5px 5px; 
	backdrop-filter: blur(3px);
}
.media-wrap .media .txt-wrap .tit{
	display: -webkit-box; 
	-webkit-line-clamp: 3; 
	-webkit-box-orient: vertical; 
	max-height: 720px; 
	padding: 0; 
	border: 0; 
	word-wrap: break-word; 
	font-size: 18px; 
	overflow: hidden;
}
.media-wrap .media:nth-child(1) .txt-wrap .tit,
.media-wrap .media:nth-child(3) .txt-wrap .tit,
.media-wrap .media:nth-child(5) .txt-wrap .tit{
	color: #fff;
}
.media-wrap [class*="i-"] .photo-wrap:after{
	content: ''; 
	position: absolute; 
	left: 50%; 
	bottom: 5%; 
	transform: translateX(-50%);
	width: 3.2rem; 
	height: 3.2rem; 
	background-repeat: no-repeat;
	background-position: center center;
	filter: drop-shadow(0px 0px 1px #666);
}
.media-wrap .media:nth-child(5) .photo-wrap:after{
	bottom: 25%;
}
.media-wrap .i-youtube .photo-wrap:after {
	width: 4rem; 
	height: 4rem; 
	background-image: url(../images/ico_youtube2.svg);
}
.media-wrap .i-webzine .photo-wrap:after {
	background-image: url(../images/ico_webzine.svg);
}
.media-wrap .i-insta .photo-wrap:after {
	width: 2.5rem;
	height: 2.5rem; 
	border-radius: 4px; 
	background-color: rgba(0, 0, 0, 0.3);
	background-image: url(../images/ico_insta.svg); 
	filter: invert(100%) drop-shadow(0px 0px 1px #666);
}
.media-wrap .i-fliker .photo-wrap:after{
	width: 2.5rem; 
	height: 2.4rem; 
	border-radius: var(--round01-radius);
	background-image: url(../images/ico_flickr2.svg);
}
html:lang(ar) .media-wrap .media .txt-wrap {
	direction: ltr;
}
	
@media only screen and (max-width: 1024px) {
	.multi .main-title,
	.media-wrap {
		padding:0;
	}
	.media-wrap .media {
		height: 29.7rem;
	}
	.media-wrap div.youtube iframe {
		width: 100%;
		height: auto;
		min-height: 29.7rem;
	}
	html:lang(ar) .media-wrap div.media .txt-wrap .tit {
		-webkit-line-clamp: 2;
		max-height: 4.8rem;
		line-height: 21px;
	}
}

@media only screen and (max-width: 768px){
	.multi{
		margin: 4rem 0 0 0;
		padding: 0 0 2rem 0;
	}
	.media-wrap{
		padding:0 1.5rem;
	}
	.media-wrap .media:nth-child(2), 
	.media-wrap .media:nth-child(5), 
	.media-wrap .media:nth-child(7) {
		display: none;
	}
	.multi .media-wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0;
		padding: 0;
	}
	.media-wrap .media:first-child,
	.media-wrap .media:nth-child(3),
	.media-wrap .media:nth-child(4),
	.media-wrap .media:nth-child(6) {
		flex: 0 0 calc(100% / 2 - 1rem);
		max-width: inherit;
		height: auto;
	}
	.multi .main-title, .media-wrap{
		margin: 0 0 1rem 0;
		padding: 0;
	}
	.media-wrap .media .photo-wrap{
		margin-bottom: 0px;
	}
	.media-wrap .multi .i-webzine .photo-wrap:after{
		width: 2.9rem;
		margin-bottom: 0px; 
	}
	.multi .youtube-play {position: relative; display: block; width: 100%; margin: 0 0 2rem 0; overflow: hidden;}
	.multi .youtube-play .newsArea {display: flex; flex-direction: row; justify-content: space-between; white-space: normal;}
	.multi .youtube-play .item {flex: 0 0 auto; margin-right: 0 !important; border-radius: 10px; overflow: hidden;}
	.multi .youtube-play .item img {display: flex; width: 100%; width: -moz-available;}
	.multi .youtube-play .tit {padding: 0;}
	.multi .youtube-play::after {content:""; display: block; width: 3rem; height: 3px; margin: 3rem auto 0; background: #c3cfdb;}
	.multi .youtube-play p {border: 0; font-size: 16px;}
	.multi .youtube-play .item a p{bottom: 0; padding: 1rem 1.5rem; line-height: 1.2em; word-wrap: break-word; color: #fff; font-size: 2rem;}
	.multi .youtube-play .swiper-pagination{top: 0 !important; display: none; z-index: 1;}
	.media-wrap .mult i.i-youtube .photo-wrap:after, 
	.media-wrap .multi .i-webzine .photo-wrap:after, 
	.media-wrap .multi .i-insta .photo-wrap:after, 
	.media-wrap .multi .i-fliker .photo-wrap:after{top: 0.5rem; margin: 0 0 0 -1.6rem; height: 2.6rem;}
}

/** Korea in Photo **/
.eo-wrap {
	display: flex; 
	flex-wrap: wrap; 
	justify-content: space-between; 
	gap: 2rem;
}
.event-overseas .event {
	display: flex;
	flex-direction: column;
	width: 32.7rem;
}
.event-overseas .events-wrap {
	display: block; 
	padding: 0 3rem 0 0; 
	overflow: hidden;
}
.event-overseas .overseas{
	display: flex;
	flex-direction: column;
	width: calc(100% - 32.7rem - 2rem); 
	height: 100%; 
	min-height: 25rem;
}
.event-overseas .oversea-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	min-height: 35rem;
	padding: 2rem;
	border:1px solid var( --border1-color);
	border-radius:var( --round01-radius);
}
.event-overseas .oversea-wrap .oversea-list {
	width: calc(100% / 3 - 2rem); 
	overflow: hidden;
}
.event-overseas .oversea-wrap .oversea-list .block{
	position:relative;
	margin: 0 0 1.5rem;
	padding:0 0 0 6rem;
}
.event-overseas .oversea-wrap .oversea-list .block:nth-child(n+7){
	display: none;
}
.event-overseas .oversea-wrap .oversea-list .block .flag {
	position: absolute; 
	left: 0; 
	top: 0;
}
.event-overseas .oversea-wrap .oversea-list .block .flag > img {
	border-radius:50%;
}
.event-overseas .oversea-wrap .oversea-list .block p.tit {
	margin: 0; 
	color: #333;
	font-size: 16px; 
	font-weight: 700; 
}
.event-overseas .oversea-wrap .oversea-list .block p.txt {
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	margin: 4px 0 0;
	max-height: calc((14px * 1.4) * 2);
	line-height: 1.4;
	word-wrap:break-word;
	font-size: 14px;
	overflow:hidden;
}
.in-progress {
	position:relative;
	width: 32.8rem;
	height: 100%;
	min-height: 31.4rem;
	margin:0 auto;
	border-radius: var(--round01-radius);
	border: 1px solid var(--border1-color);
	background: var(--multi-bg-color);
	overflow: hidden;
}
.in-progress .eventitem {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	min-height: 30rem;
	padding-bottom: 5rem;
	background: var(--multi-bg-color);
	opacity: 0;
	transition: opacity 1s ease-in-out;
}
.in-progress .eventitem.active {
	position: relative;
	opacity: 1; 
	z-index: 1;
}
.in-progress .eventitem > a{
	display: block;
}
.in-progress .item-list {
	position: relative;
	display: flex;
	width: 100%;
	min-height: 35rem;
}
.in-progress .item-list img{
	width: 100%; 
	aspect-ratio: 5 / 3;
}
.in-progress .pagination {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 1rem; 
	display: block;
	width: 100%;
	margin: 0; 
	text-align: center;
	z-index: 5;
}
.in-progress .pagination .dot {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	margin: 0 1rem;
	background-color: #999;
	border-radius: 50%;
	cursor: pointer;
}
.in-progress .pagination .dot.active {
	background-color: #000;
}
.in-progress .item-list p.tit {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 50px;
	margin: 0; 
	padding: 0 1rem;
	line-height: initial;
	word-wrap: break-word;
	font-size: 18px; 
	font-weight: 700;
	overflow: hidden;
}
.in-progress .item-list p.date {
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	margin:0; 
	padding: 0 1rem;
	word-wrap:break-word;
	font-size: 14px;
	overflow:hidden;
}
html:lang(ar) .event-overseas .oversea-wrap .oversea-list .block .flag{right: 0;}
html:lang(ar) .event-overseas .oversea-wrap .oversea-list .block {padding: 0 6rem 0 0;}
html:lang(ar) .in-progress .item-list p.tit {max-height: 5.3rem; line-height: 2.3rem;}

@media only screen and (max-width: 1024px) {
	.event-overseas .event {width: 38%;}
	.in-progress {width: 100%;}
	.in-progress .eventitem{
		min-height: auto;
	}
	.event-overseas .overseas{width: 59%;}
	.event-overseas .oversea-wrap{padding: 2rem;}
	.event-overseas .oversea-wrap .oversea-list {width: 48%;}
	.event-overseas .oversea-wrap .oversea-list:nth-child(9){display:none;}
	.event-overseas .oversea-wrap .oversea-list .block{padding: 0 0 0 5rem; margin: 0 0 5px 0;}
	.event-overseas .oversea-wrap .oversea-list .block .flag{width: 4rem;}
	.event-overseas .oversea-wrap .oversea-list .block .flag > img{width: 100% !important; height: 100% !important;}
	.event-overseas .oversea-wrap .oversea-list .block p.txt{line-height: initial; margin: 0;}
	
	html:lang(ar) .event-overseas .oversea-wrap .oversea-list .block p.txt{margin: 0; line-height: inherit;}
}
@media only screen and (max-width: 768px){
	.event-overseas .event,
	.event-overseas .overseas {width: 100%;}
	.event-overseas .overseas {margin-top: 3rem;}
	.event-overseas .oversea-wrap {padding: 0; border: 0;}
	.event-overseas .oversea-wrap .oversea-list .block p.tit {margin: 0;}
	.event-overseas .oversea-wrap .oversea-list .block p.txt {display: contents;}
	.in-progress {width: 100%;}
	.in-progress .item-list {height: auto;}
}
@media only screen and (max-width: 668px) {
	.oversea-wrap {padding: 0;}
	.event-overseas .oversea-wrap {flex-direction: column; flex-wrap: nowrap; padding: 10px 0; border: 0px solid var(--border1-color);}
	.event-overseas .oversea-wrap .oversea-list{width: 100%;}
	.event-overseas .oversea-wrap .oversea-list .block p.txt{margin: 0 0 0 1rem;}
}
@media only screen and (max-width: 520px) {
	.event-overseas .oversea-wrap .oversea-list .block{min-height: auto;}
	.in-progress .pagination {margin-top: 0;}
}

/** Korea in Photo **/
.photos {margin:0 auto; overflow: hidden;}
.photos p {border: 0;}
.photos .newsArea {display: flex; flex-flow: wrap; justify-content: space-between;}
.photos .item {flex: 0 0 auto; margin-right: 0 !important; width: calc(100% / 3); border-radius: 10px; overflow: hidden;}
.photos .item:nth-child(1),
.photos .item:nth-child(2){width: calc(100% / 2);}
.photos .item:before {bottom: 0; width: 100%; height: 70%; border-radius: inherit; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000); opacity:0.5;}
.photos .item a{display: flex; width: 100%; height: 100%;}
.photos .item a p{position: absolute; bottom: 0; display: flex; width: 100%; min-height: 7.2rem; padding: 1rem 1.5rem; background-color: rgba(0,0,0,0.4); backdrop-filter: blur(2px); line-height: 1.2em; word-wrap: break-word; color:#fff; font-size: 2rem;}
.photos .item img {display: flex; width: -webkit-fill-available; width: -moz-available;}
.photos .tit {padding: 1rem;}

.photos .swiper-horizontal{width: 100%;}
.photos .swiper-slide {position: relative; flex-shrink: 0; height: auto;}
.photos .swiper-button-next, 
.photos .swiper-button-prev,
.photos .swiper-pagination {display: none;}

 html:lang(ar) .photos .item a p{padding: 1rem 1.5rem; line-height: inherit; font-size: 2rem;}
 html:lang(ar) .photos .swiper-container div {direction: rtl;}

@media only screen and (max-width: 1280px) {
	.photos .item a p{font-size: 1.6rem;}
	html:lang(ar) .photos .item a p	{font-size: 1.6rem;}
}
@media only screen and (max-width: 1024px) {
	.photos .item a p {min-height: 6rem;}
}
@media only screen and (max-width: 800px) {
	.korea-in-photos h1 {padding:0 1.5rem;}
	.photos {position: relative; width: calc(100% + 20px + 20px); margin: 0 -20px;}
	.photos .newsArea {flex-wrap: nowrap;}
	.photos .item {width: calc(100% - 2rem); margin-right: 0; margin-bottom: 0;}
	.photos .swiper-slide {position: relative; flex-shrink: 0; display: block; width: 100% !important; height: 100%; transition-property: transform;}
	.photos .item03 div{width: 100% !important;}
	.photos .swiper-button-next, .photos .swiper-button-prev,.photos .swiper-pagination {display: block;}
	.photos .swiper-button-next:after, .photos .swiper-button-prev:after {display: block; font-size: 2.9rem;}
	.photos .swiper-button-next,
	.photos .swiper-button-prev {right: 0; display: block; width: calc(var(--swiper-navigation-size) / 30 * 25); padding: 0.8rem 0 0 1rem; border-radius: 0px;  background: rgba(17, 17, 17, 0.5); color: #fff; z-index: 1;}  
	.photos .swiper-button-prev,
	.photos .swiper-container-rtl .swiper-button-next {left: 0; right: auto;}
	.photos .swiper-pagination{top: 0 !important; display: none; z-index: 1;}
	.photos .item a p{padding: 1rem 1.5rem; line-height: 1.2em; font-size:1.6rem;}
}