@charset "utf-8";
::-webkit-scrollbar{display:none;}
#view_container::-webkit-scrollbar{display:block;}
.autocomplete-items::-webkit-scrollbar{display:block;}
.language_list::-webkit-scrollbar{display:block;}


body{overflow-y:auto;}
header{border-bottom:1px solid rgba(224, 224, 224);}
header .wrap{ max-width:1200px;}
.btn_nav.on{display:block;}
.language_area {position:relative; width:120px; margin:5px 10px 0 auto; font-size:16px;}

.language_btn{position:relative; width:100%; height:20px; padding:0 20px 0 0; border:none; background-color:transparent; cursor:pointer; text-align:right;color: #000;}
.language_btn:focus {outline: none;}
.language_btn:after{content:''; display:block; position:absolute; top:50%; right:0; width:10px; height:10px; margin-top:-5px; background:url("../images/icon_lang.png") center right no-repeat;}
.language_btn.active::after{transform: rotate(180deg); right:-1px;}

.language_list{display:none; position:absolute; top:30px; right:-50px; max-height:92vh; padding:10px 0; border-radius: 5px; background:#fff; box-shadow: 0px 0px 6px #ddd; overflow-y:auto;}
.language_list li a{display:block; padding: 5px 15px; line-height: 1.5;font-size: 14px;}
.language_list li a:hover{text-decoration: underline; text-decoration-color: #002c5f; text-decoration-thickness: 3px;}
.language_list .rtl{text-align:right;}

section{position:relative; min-height: calc(var(--vh, 1vh) * 100  - 145px); color:#fff; background: #e7e7e7;}
section .wrap{width: 100%;}

.mainWrap{margin-top: 50px; padding-bottom:80px;}
.mainWrap .title{display: flex; justify-content: center;align-items: center; max-width:1200px; width:90%; min-height: 80px; margin:0 auto; color: #05141f; font-size: 23px;}
.mainWrap .title img{width: 25px;margin:10px 10px 0 0;}
.mainWrap .title span{display: inline-block;margin-top: 10px;text-align: center;}

.cover{display:block;}
.cover .cover_img{position:relative;}
.cover .model{position:absolute; bottom:15px; right:5%; font-size:16px; line-height:130%; color:#aacae6; text-align: right;}
.cover_list{display:flex; flex-wrap:wrap; text-align:center; align-content:baseline; line-height:1.2; font-size:16px; color:#fff; width: 90%; max-width:1200px; margin: 20px auto 0;}
.cover_list li{width:48.5%; margin:0 3% 3% 0;border: 1px solid #e4e4e4; border-radius:5px; background:#fff;  /*min-height: 115px;*/}
.cover_list li:nth-child(2n){margin-right: 0;}
.cover_list a{display:block; width:100%; height:100%; box-sizing:border-box;padding: 10px 4px;}
.cover_list img{display:block; width:40%; object-fit: contain;max-width: 110px;margin: 0 auto;}
.cover_list p{margin:5px 0;font-size:16px;line-height:1.4;color:#05141f;text-overflow: ellipsis;overflow: hidden;word-break: break-word;
	/*display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical*/}
.cover_list li:active a{background-color:#f5f5f5;}

.caution_txt {position:absolute; bottom:10px; left:5%; right:5%; width: 90%; max-width:1200px; text-align:center; line-height:1.3; font-size:12px; color: #333;margin: 0 auto;}

footer{box-shadow: 0 0 60px rgb(0 0 0 / 30%);}
.btn_top{bottom:20px;}

@media screen and (min-width:400px) {
	.mainWrap .title img{width: 30px;}
	.mainWrap .title{font-size: 25px; font-size: 1.6rem;}
}

@media screen and (min-width:480px) {
	section{min-height: calc(var(--vh, 1vh) * 100  - 161px);}
	.mainWrap{margin-top: 70px;}
	.mainWrap .title{height: 155px; font-size: 28px; font-size: 1.8rem;}
	.mainWrap .title img{width: 42px;}
	.mainWrap .title span{margin-top: 4px;}
	
	.cover_list a{display: flex;align-items: center;padding:0;justify-content: flex-start;}
	.cover_list img{width: 40%;margin: 0;height: 60%;}
	.cover_list p{width:60%; font-size: 18px; text-align: left;margin:10px 10px 10px 0;}
	.caution_txt {bottom:30px; font-size:14px;}

	.language_list li a{padding: 5px 20px;font-size: 16px;}
}

@media screen and (min-width: 768px) {
	header .wrap{width:95%;}
	section{min-height: calc(var(--vh, 1vh) * 100  - 150px);}
	.mainWrap .title{width:95%; font-size: 35px; font-size: 2.2rem;}
	section .wrap{width:95%; max-width:1200px; margin:0 auto;}

	.cover_list{width:95%; padding:20px 0; margin: 0 auto;}	
	.cover_list li{width:23.87%; margin:0 1.5% 1.5% 0;}
	.cover_list li:nth-child(2n){margin-right: 1.5%;}
	.cover_list li:nth-child(4n){margin-right: 0;}
	.cover_list a{padding: 12px 10px; /*min-height: 110px;*/}
	.cover_list p{margin: 5px 0 5px 5px;}
	.caution_txt{width:95%; left:2.5%; right:2.5%; text-align: center; font-size: 14px;font-size: 0.875rem;}

	.btn_top{bottom:12px;}
}

@media screen and (min-width:900px) {
	header .wrap{padding:0;}
	.cover_list img{height:60%;}
	.cover_list p{margin: 0;display: block;}
	.cover_list a{padding:0px 10px;}
}

[data-language="Korean"] .mainWrap .title span{font-family: 'NotoETC-M';}
[data-language="Korean"] .cover_list p{word-break: keep-all;}


[data-code^="EEC"] header .wrap,
[data-code^="RUS"] header .wrap{position:relative;}
[data-code^="EEC"] .language_area,
[data-code^="RUS"] .language_area{position:initial;}
[data-code^="EEC"] .language_list,
[data-code^="RUS"] .language_list{width:100%; max-width:1200px; top:38px; right:0; padding:5px 0;}
[data-code^="EEC"] .language_list ul,
[data-code^="RUS"] .language_list ul{display:flex; flex-wrap:wrap;}
[data-code^="EEC"] .language_list li,
[data-code^="RUS"] .language_list li{width:50%;}
[data-code^="EEC"] .language_list li a,
[data-code^="RUS"] .language_list li a{padding:5px 10px}

@media screen and (min-width:340px) {
	[data-code^="EEC"] .language_list li,
	[data-code^="RUS"] .language_list li{width:33.3%;}
}

@media screen and (min-width:480px) {
	[data-code^="EEC"] .language_list,
	[data-code^="RUS"] .language_list{top:72px;}
}

@media screen and (min-width: 768px) {
	[data-code^="EEC"] .language_list li,
	[data-code^="RUS"] .language_list li{width:20%;}
}


[data-language="Telugu"] .cover_list p{line-height:1.8;}
[data-language="Kannada"] .cover_list p{line-height:2;}
[data-language="Odia"] .cover_list p{line-height:1.8;}
[data-language="Malayalam"] .cover_list p{line-height:1.8;}
[data-language="Malayalam"] table .C_Sign{word-break:break-all;}