.mfp-iframe-holder button.mfp-close:hover{ background-color: var(--BG); color: var(--main)}
section.inner{overflow:hidden; background-color:var(--BG);}

section.inner p{font-size:16px; color:var(--BG3);}
section.inner p{font-size:16px; color:var(--word);}
section.inner .topBannerWrapper{ background-image:url('../img/BG-inner-banner.jpg'); background-size:cover;}
section.inner .topBanner{width:90%; padding:120px 0 30px; margin:auto; max-width:1400px;}
section.inner .topBanner img{max-height: 100px;}
section.inner .wrapper{margin:0 auto; width:90%; max-width:1400px; text-align:center;}
section.inner .aboutUs-logo{margin:0 auto 60px;}
section.inner p.title-FAQ-contents{ margin-bottom:30px; width:100%;color:var(--word); text-align:left; transition: all 0.5s; font-size:28px;}
section.inner p.aboutUs-contents{margin-bottom:30px;}
.aboutUs-contents-products{float:left; width:33.33%; height:240px;}
section.inner .aboutUs-contents-products p{width:100%; text-align:center;}


.inner .grid-item { width: 80%; text-align: center; padding:20px;}
.inner .grid-sizer{ width: 80%;}
.newsList{padding:5px 20px 10px; margin-bottom:10px; overflow: hidden; width:100%; transition: all 0.5s; border-bottom:1px solid var(--gray)}
.newsList .newsInfo{width:100%; float: left;}
.newsList p.date{ color:var(--word); margin-bottom:5px;}
section.inner .newsList p.subtitle{color:var(--word); text-align:left; transition: all 0.5s; font-size:24px;}
.newsList .newsContent{color:var(--word); height:0; overflow:hidden; float: left;}
.newsList .newsContent ul li{text-indent:-12px; padding-left:0px;}
.newsList:hover{transition: all 0.5s; background-color:var(--white); box-shadow: 0px 12px 6px var(--shadow);}
.newsList .noPic .newsInfo,.newsList .noPic p.newsContent,.newsList .noPic p.more{width: 100%;}
.newsList .noPic .newsPic{display:none}
.newsList.opened{ background-color:var(--white); transition: all 0.5s; margin-bottom:60px; box-shadow: 6px 6px 6px var(--shadow);}
.newsList.opened .newsPic{ width:100%;  text-align: center; padding:20px 40px; transition: all 0.5s;}
.newsList.opened .newsInfo{float:left; width:100%; padding: 10px 40px 20px;}
.newsList.opened .newsContent{width:100%; padding: 10px 40px 20px; height:auto; overflow:auto;}
.newsList.opened p.news{display:block; float:left;}
.newsList.opened a .btn-Detail { padding-left: 40px; }
.newsList .more{cursor:pointer;}
.newsList.opened .btn-MoreBtnMore{display:none; }
.newsList .more p{color:#14303e; font-weight:600; float:left;}
.newsList:hover .more p{color:#efc56a;}
.newsList:hover .more .arrow{background-position:bottom;}
.col-news{overflow:auto;}
.newsList .btn-MoreBtnLess{display:none ;float: left; cursor:pointer;}
.newsList.opened .btn-MoreBtnLess{display:block;}
.newsList a.btn-moreBtn{float:left;}
section.inner .newsList a.btn-MoreBtn svg{margin: -1px 5px;}
section.inner .newsList .btn-Detail p{padding: 2px 4px 5px 5px;}
.newsList a .btn-Detail{margin-right:10px; float:left;}
.newsList a p.btn-Detail-word{margin-top:4px;}
a:hover .btn-Detail p{color:var(--white); background-color:var(--secondary);}

section.inner .wrapper .page {width:100%; margin:0 auto; overflow: auto;}
section.inner .wrapper .page .prev{float:right;}
section.inner .wrapper .page .next{float:right;}
section.inner .wrapper .page a{float:right;}
section.inner .wrapper .page p{padding:5px; color:var(--main);}
section.inner .wrapper .page p:hover{color:var(--secondary); cursor:pointer;}
section.inner .wrapper .page ul{float:right; margin:0;padding: 0;}
section.inner .wrapper .page ul li{float:left;}

@media screen and (max-width: 1400px){
}

@media screen and (max-width: 991px){
	.inner .grid-sizer{ width: 100%;}
	.inner .grid-item { width: 100%;}
}

@media screen and (max-width: 768px){
	section.inner.Culture .culture-contents-parts3 .contents-Values{width:50%}
	section.inner.Culture p.subtitle{font-weight:100;}
}


@media screen and (max-width: 600px){
	section.inner.Culture .culture-contents-parts3 .contents-Values{width:100%; height:360px}
}