@charset "utf-8";
@import url("core.css");
@import url("style.css");
@import url("subCom.css");
@import url("plugin.css");
@import url("sub.css");


/* ----------------------	common.css	--------------------------*/
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic|Gowun+Batang|Nanum+Myeongjo|Nanum+Pen+Script|Noto+Sans+KR|Noto+Sans+SC|Open+Sans|Titillium+Web&display=swap');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css');

/* layout */
#i-am-progress-indicator  {	position:fixed;  display: inline-block; width:10%; height:5px;
	z-index:9;  left:-3%; background:rgba(37, 194, 86, 0.86);}
#wrap{  margin: 0;  height: auto;  overflow: hidden;}
#content {position: relative; display: block; width: 100%; margin: 0 auto;
  margin-top: 82px;	box-sizing: border-box;}
.container {	width: 100%;	max-width: 1200px;	margin: 0 auto;box-sizing:border-box}
.container2 { position: relative; display: block; width: 100%; margin: 0 auto;  padding: 50px 0;
  box-sizing:border-box; margin-top: 82px;}
.topBtn { position: fixed; width: 36px;  height: 36px;  right: 1%;  bottom: 4%; text-align: center;
  vertical-align: middle;  cursor: pointer; z-index: 999; border-radius: 50%;  opacity: 0;	visibility: hidden;
   transition: all 0.5s;   background-color: rgba(102, 102, 102, 0.8); }
.topBtn.active{	opacity: 1;	visibility: visible;  transition: all 0.5s;}
.topBtnI { display: inline-block; width: 35px; height: 35px; margin: 0 auto;
  background: url(../image/topBtn_icon.png) no-repeat center/57%; }
.navG {	position: absolute;}
#header {	position: fixed; display: flex;	width: 100%;	height: 82px; margin: 0 auto;
	align-content: center;
	top: 0px; left: 0px; right: 0px; z-index: 4;	border-bottom: 0.5px solid #ddd;
	background-color: #fff;	color: #fff;  box-sizing: border-box;}
.headerTop .side-util .issue-back p, .gnbArea .wlist>a{	color: #222;}
.headerTop {	position: relative;	display: flex; width: 100%; margin: 0 auto;
	align-items: center; justify-content: center; background-color: transparent;
		box-sizing: border-box;}
.headerTop .logo {	position: relative;	display: flex;	width: 239px;  height: 100%; align-items: center;
	justify-content: center;	box-sizing: border-box; border-right:  0.5px solid #ddd;}
.headerTop .logo a{	position: relative;	display:  inline-block;	width: 150px;	height: 50px; 	margin: 0 auto;
	background:url(../image/img_logo.png) no-repeat center/100%;}

.gnbArea { position: relative;	display: inline-block;	width: calc(100% - 556px); height: 82px;
	margin: 0 auto;	box-sizing: border-box;	}
#header .side-util { position: relative;	display: flex;	height: 82px; float: right;
	 border-left: 0.5px solid #ddd;	align-items: center;  justify-content: center;
	 justify-content: space-between; border-collapse:collapse;	box-sizing: border-box; }

#header .side-util .issue-back {	position: relative;	display: flex; width: 82px;	height: 82px;
	align-items: center;  justify-content: center;
	cursor: pointer;	box-sizing: border-box;	text-align: center;}
.issue-back1{border-right: 0.5px solid #ddd; 	box-sizing: border-box; }
.issue-back2{background-color: #019267; color: #fff;}
.headerTop .side-util .issue-back2 p{color: #fff;}
.btn_gnb_view {position: relative;	display: flex; width: 81px;	height: 100%;	margin: 0 auto;
	padding: 25px 25px;	border-left: 0.5px solid #ddd; cursor: pointer; text-align: center;
	overflow: hidden;	box-sizing: border-box;
	align-content: center; justify-content: space-between; flex-direction: column;
    align-items: flex-start;}
.btn_gnb_view>span { display: block;	width: 100%;	height: 2px; border-radius: 2px;
	 background: #222; margin: 3px 0;}
.btn_gnb_view>span:last-child {width: 70%;}
.headerTop .side-util .issue-back p { position: relative; display: inline-block; font-size:13px;
		text-align: center; vertical-align: middle;	 }

.btn_gnb_close{	position: absolute;	display: block;	width: 82px;	height: 82px;
	top:  0px;	right: 0px; float: right;	cursor: pointer;  text-align: center;
  box-sizing: border-box;	z-index: -999;	 opacity: 0;}
.btn_gnb_close>span{	position: absolute;	display: block;	width: 40px;
	height: 1px;	left: 20px;	top: 40px; opacity: 1;
	/* z-index: 999999999; */
	background: #222; 	box-sizing: border-box;}
.btn_gnb_close>span:nth-child(1){ transform:rotate(-45deg);	-webkit-transform:rotate(-45deg);}
.btn_gnb_close>span:nth-child(2){	transform:rotate(45deg);	-webkit-transform:rotate(45deg);}
.btn_gnb_close.active{opacity: 1; z-index: 999;}


.gnbBg {	position: absolute;	display: none; width: 100%; height: 330px; top: 81px; left: 0;
	padding-bottom: 10px;	border-top: 1px solid #e6e6e6;	background-color: rgba(255,255,255, 0.99);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.10), 0 0 0 1px rgba(0,0,0,0.05);
	transition: all 0.2s linear; 	box-sizing:border-box;}
.gnbBg.active{	display: inline-block;}
.menuMbg{	position: fixed; width: 100%; height: 100%;	left: 0;	top:82px;
	background-color: rgba(0,0,0,0.7);	z-index: 0;		box-sizing:border-box;	}
.gnbArea .gnb {	position: relative;	display: inline-block; width: 100%;	margin: 0 auto;	box-sizing:border-box;}
.gnbArea .gnb > ul.sub_menuW:after {content:'';display: block;clear: both;}
.gnbArea .wlist {	position: relative;	display: block; width: calc(100% / 3); float: left;
  list-style:none;	text-align: center;	box-sizing:border-box;	line-height: 82px;	}
.gnbArea .wlist>a{ position: relative;  display: block; width: 100%;  font-size: 17px; text-align: center;	line-height: 82px;	vertical-align: middle;
	/* overflow: hidden;  */
	font-family: 'Plus Jakarta Sans', sans-serif;
	/* background-image: linear-gradient(to right, #019267, #ed6d34, #019267 ); */
	background-image: linear-gradient(to right, #ed6d34, rgba(237, 109, 52, 0.8), #ed6d34 );
 background-size: 0 2px, auto;	background-repeat: no-repeat;	box-sizing:border-box;
 background-position: center bottom; 	transition: all .2s ease-out;}
.gnbArea .wlist>a span{padding: 0 3px;}
.gnbArea .wlist b{ display: block;}
.gnbArea .wlist>a:hover{	background-size: 95% 2px;	height: auto; }
.gnbArea .gnb .sub_menuW {	position: relative;	display: none; width: 100%;	}
.gnbArea .gnb ul li ul.sub_menuW li {float: none; }
.gnbArea .gnb ul li ul.sub_menuW li a{	display: block; height: auto;	padding:10px 15px; font-size: 16.5px;
	color: #444;  line-height: 2;	text-align: center;	font-weight: normal; word-break: keep-all;}

.gnbArea .gnb ul.sub_menuW li a:hover{	color:#019267; font-weight: bold;}

.menu01 a.mlist:hover{color:#ed6d34;}
.menu02 a.mlist:hover{color:#ed6d34;}
.menu03 a.mlist:hover{color:#ed6d34;}
.menu04 a.mlist:hover{color:#ed6d34;}
.gnbArea .gnb .gTop {display: none;}

/***********/
.menuM #navM {	position: fixed;	width: 40%;	min-height: 70%;
	height: auto;	max-width: 440px;	top: 82px;
	margin-right: 0;
	/* padding: 30px 30px 80px; */
	padding: 30px 40px 80px 40px;
	/* overflow: hidden; */
	/* overflow-y: auto;	 */
	/* z-index: 1; */
	z-index: 100;
	overflow-y: scroll;
	right: -100%; 	box-sizing:border-box;	background-color: #fff;
	display: flex;	flex-direction: column;  align-items: stretch;
  justify-content: flex-start; box-sizing: border-box;
	/* background-color: 	rgba(90, 185, 195, 1); */}
.menuM #navM.active{ right: 0%;	z-index: 100;
	height: auto;
	/* height: 100%; */
overflow-y: scroll;}

.gnbArea #navM > ul {	position: relative; display: flex;	margin: 0 0 25px 0px;
	/* padding: 0 20px; */
	/* padding: 0 0 0 20px; */
	flex-direction: column;	justify-content: space-around;	align-content: center;
	align-items: stretch;	flex-wrap: nowrap;	box-sizing:border-box;}
#navM .thum-img {	position: absolute;	display: block;	width: 48px;	height: 48px;
  /* overflow: hidden;	 line-height: 2.5; */
	margin-top: -2px;	margin-right: 30px;}

.gnbArea #navM .menu00,.gnbArea #navM .menu01,.gnbArea #navM .menu02,
.gnbArea #navM .menu03,.gnbArea #navM .menu04,.gnbArea #navM .menu05,
.gnbArea #navM .menu06{	border-bottom: 1px solid #e0e0e0;	font-weight: bold;}

.gnbArea #navM .bt_menuWr{	position: relative;	/* position: absolute;  */
	display: flex; width: 100%; left: 0;	/* bottom: 90px; */
	padding: 5% 0px;	flex-direction: row;  align-content: center;
  justify-content: center;  align-items: center;	box-sizing: border-box;}
.gnbArea #navM .bt_menu{  position: relative; display: inline-block;	width: 100%;
	text-align: center;	  }
.gnbArea #navM .bt_menu:nth-child(2){	margin: 5px;}
.gnbArea #navM .bt_menu a{	position: relative; display: block;	width: 100%;
	padding: 12px 15px; border: 1px solid #e7e7e7;
	font-family: 'notokr-regular';
	box-sizing: border-box;}
.gnbArea #navM .bt_menu a:hover{color: #fff; background-color: #019267; border: 0; }

/* .gnbArea #navM .menu07 a, .gnbArea #navM .menu08 a, .gnbArea #navM .menu09 a{	display: inline-block;
  margin-left: 70px; vertical-align: middle;  } */
/* .gnbArea #navM .menu07 a i, .gnbArea #navM .menu08 a i, .gnbArea #navM .menu09 a i{	left: 30px;} */
/* #navM .menu07 .thum-img, #navM .menu08 .thum-img,
#navM .menu09 .thum-img{ width: 25px;	height: 25px;  line-height: 1; vertical-align: middle;} */

/* #navM .menu07 .thum-img {  background:url(../image/ico/books2.png) no-repeat center/cover;}
#navM .menu08 .thum-img { background:url(../image/ico/letter2.png) no-repeat center/cover;}
#navM .menu09 .thum-img {  background:url(../image/ico/mlogo_09.png) no-repeat center/cover;} */

.gnbArea #navM ul > li {	position: relative;	padding: 15px 0;}
.gnbArea #navM ul > li.m_list{padding: 20px 0; font-family: 'Plus Jakarta Sans', sans-serif;}
.gnbArea #navM ul > li.m_list span{ display: inline;padding: 0 3px;}
.gnbArea #navM ul > li.active .mlist{  position: relative;  display: block;
  /* margin-bottom: 15px;   */
	padding-bottom:  15px;
	border-bottom: 1px solid #e0e0e0;
	box-sizing: border-box;
}
.gnbArea #navM ul li a {	font-size: 17px;		cursor: pointer;}
.gnbArea #navM ul li a.head{font-weight: normal;}

.gnbArea #navM .sub_menuM {	display:none;	padding: 0;	background:none;	border-top:none;
		margin-top: 5px;
}
.gnbArea #navM .sub_menuM li {	position: relative;	padding-bottom: 0px;  }
/* .sub_menuM li:after {	content:'-';	display: inline;	position: absolute;
	top: 10%;	left: 0;	color: #fff;	line-height: 2.1;	vertical-align: middle;} */
.sub_menuM li a {	font-size: 16.5px;	font-weight: normal;	vertical-align: middle; cursor: pointer;	line-height: 1.5;}
.gnbArea #navM .gTop {	position: relative;	display: block;
	padding: 10px 0 15px 0px;
	font-size: 16px; color:#ed6d34;	font-weight: bold;
	line-height: 1.6;
}
.gnbArea #navM .gTop span{	display: block;	color:#019267;		font-size: 16px;}
#navM li a p, #navM li a span, #navM li a small{	display: block;  font-family: 'notokr-regular', sans-serif;
  font-weight: lighter;}
#navM li a small{color: #019267;}

#navM .fa-angle-down, #navM .fa-angle-up, #navM .fa-plus, #navM .fa-minus	{
	float: right;	display: inline-block;	width: 50px;	font-size: 25px; vertical-align: middle;
	margin-left: 8px;	font-size: 16px;	line-height: 16px; font-weight: lighter; font-style: normal;
	font: normal normal normal 16px FontAwesome; -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
#navM .fa-plus, #navM .fa-minus{	font-size: 25px;	font-weight: lighter;	color: #2c457c; }
#navM .fa-plus:active .fa-plus::before, #navM .fa-minus:active .fa-minus::before{	color:#2c7c39;}
.fa-plus,	.fa-angle-up{	display: none;	color: #2c7c39;}
.fa-angle-up:before{	font-size: 18px;}
.fa-plus:before{ font-weight: 100;	font-size: 18px;}
.fa-angle-down, .fa-angle-up{	font-size: 25px;	font-weight: lighter;	color: #2c457c;}

.msearch {	margin: 0 auto;  padding: 50px 10px 30px;}
.msearchinput {  width: calc(100% - 70px);  height: 33px;  margin: 0;  padding: 0;
  border: 1px solid #ccc;  vertical-align: top;}
#sch_submit{	width: 35px;	height: 35px;	line-height: 1;	margin-top: -10px;
	background-color: rgba(0,0,0,0.8);	vertical-align: middle;}
#sch_submit i{	color:#fff;	font-weight: normal;	font-size: 20px;}
.bo_right{border-right: 1px solid rgba(179, 179, 179, 0.4)}

#header .side-util .issue-back:hover{	background-color: #019267;}
#header .side-util .issue-back:hover p{ color: #fff;}


/* #header.active .headerTop .side-util .issue-back p, #header.active .gnbArea .wlist>a{color: #222;}
#header.active{  background-color: #ffffff; width: 100%; top: 0; color: #444;
	border-left: 0;	border-right: 0;	border-top: 0;	border-bottom: 0.5px solid #ddd;
	transition: all .3s ease-out;	}
#header.active .headerTop{background-color: #ffffff;  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}
#header.active .headerTop .logo a{background:url(../image/img_logo.png) no-repeat center/100%;}
#header.active .btn_gnb_view>span {background: #444;}*/


@media all and (max-width:1089px){
#header{	display: block;	background-color: #fff;	height: 55px;	}

.headerTop{	position: relative;  display: block; width: 100%; margin: 0 auto;
	height: 55px;	box-sizing: border-box;  top: 0px;}
.headerArea .container {	padding: 0px 0;	height: 100%;}
#content{	margin-top: 55px;}
#header .side-util{max-width: inherit; float: inherit; display: block;}

#header .side-util .issue-back{display: none;}
.topBtn, .topBtnI, .topBtn.active{  display: none;  opacity: 0;}

.container2 { padding-bottom: 80px;}
.headerTop .logo { display: inline-block;	width: initial; top: 0;
		/* margin-left: 50%; transform: translateX(-50%);  */
	margin-left: 5%;	border-right: 0;}
.headerTop .logo a{ max-width: 100px;  height: 45px; margin: 0 auto; margin-top: 5px;
	background: url(../image/img_logo.png) no-repeat center/100%;}
/* #header .logo a{height: 50px;} */
.container {	width: 100%;	min-width: initial;}
.gnbArea .gnb{	display:none !important;}
.gnbBg {display: none;}
.gnbArea { position: static; width: auto; height: auto;}

#header .side-util{	position: relative; display: inline-block; float: right; top: 0;
	border: 0;}
.btn_gnb_close { width: 55px;	height: 55px;	box-sizing: border-box;	}
.btn_gnb_close>span{	top: 28px;	left: 8px;}
.menuMbg{top: 55px;}
.headerArea, #header .side-util, .headerTop{	height: 55px;	box-sizing: border-box;}
.menuM #navM {	right: 0%;	width:50%; top: 55px;
	/* padding: 10px 10px 30px;	 */
	padding: 30px 30px 75px;
	height: auto; min-height: inherit;}

.menuM #navM.active{top: 55px; height: 100%;}

.btn_gnb_view{  width: 55px; border-left :0; height: 100%; padding: 13px 13px;}
.btn_gnb_view>span{ height: 2px; margin: 3px 0; background: #444;}
/* .pdfdown-back-wrap {  position: relative;  width: 100%;	height: 80px;  top: 150px;
  text-align: center;	margin: 0 auto;}
.pdfdown-back-wrap .pdfdown-back{	float: none;	margin: 15px 0 0 0;	}
.issue-back-wrap {  display: inline;  width: auto;}
.issue-back-wrap #select-box2 { display: inline-block;	width: 140px; height: 26px; margin: 0; margin-top: 30px;
  padding: 3px 5px 3px 15px; font-size: 14px; box-sizing: border-box; color: #525252;  border: none;
  background: #fff url(../image/main/issue-back.jpg) top right no-repeat;  -webkit-appearance: none; } */
	/* #footer .container1{width: 100%;} */


}



@media all and (max-width:768px){
.menuM #navM, .menuM #navM.active {	max-width: inherit;width:100%;}
.menuM #navM{		height: 100%; right: 0%; top: -100%; padding: 15px 20px 75px;	}
}

@media all and (max-width:420px){
	.gnbArea #navM .bt_menu a{font-size: 13px; padding: 10px 3px;}
}



/*******************/
#footer{ position: relative; display: flex;	color: #000;	padding: 0;
box-sizing: border-box; }
#footer .f_container { position: relative; display: flex;	padding:0;
width: 100%;
/* max-width: inherit; */
/* margin: 0 auto; */
flex-direction: column;	align-content: center;  justify-content: center;
align-items: center;font-size: 14px; line-height: 1.9;	box-sizing: border-box;}
#footer .container address{word-break: keep-all;}
#footer .ft_tel{ position: relative; display: inline-block;}
#footer .ft_tel2{  position: relative;  display: block;}

#footer .footerTop{	position: relative;  display: flex;	width: 100%; align-items: center;
justify-content: space-between;  box-sizing: border-box;
padding: 2% 4.5%; background-color: rgba(226, 226, 226, 1);	}
#footer .footerTop img{text-align: left;}
.footerTop .footerTopL{}
.footerTop .footerTopL p{text-align: center;}
.footerTop .footerTopC{width: 80%;}
.footerTop .footerTopC h5{ padding-bottom: 5px; font-weight: bold; }
.footerTop .footerTopC p{	padding: 2px 0; word-break: keep-all;}
.footerTop .footerTopR{}

#footer .footerTop2{	position: relative;  display: flex;	width: 100%; padding: 2% 4.5%; margin: 0 auto;
	align-items: center;     justify-content: center; text-align: center; align-content: center;
 background-color: rgba(226, 226, 226, 1); box-sizing: border-box; }

#footer .footerTop2 ul { position: relative;  display: flex;	width: 100%;
	max-width: 1400px;
	text-align: center; align-items: center;     justify-content: center;
 align-content: center;  box-sizing: border-box;}
#footer .footerTop2 ul li{	position: relative;	display: inline-block;  text-align: center;
width: initial; margin: 0px auto;	 max-width: 100%; box-sizing: border-box;	}
#footer .footerTop2 ul li a{ position: relative; display: block; margin: 0 auto; text-align: center;
width: 150px; height: 50px; background-size: cover;}

#footer .footerTop2 ul li:nth-child(1) a{	width: 180px; height: 50px;	background: url(../../images/img_logo1.png) no-repeat center/cover;}
#footer .footerTop2 ul li:nth-child(2) a{	width: 230px; height: 50px;	background: url(../../images/img_logo5.png) no-repeat center/95%;}
#footer .footerTop2 ul li:nth-child(3) a{	width: 130px; height: 53px;	background: url(../../images/img_logo4.png) no-repeat center/cover;}
#footer .footerTop2 ul li:nth-child(4) a{ width: 110px; height: 60px;	background: url(../../images/img_logo22.png) no-repeat center/cover;}
#footer .footerTop2 ul li:nth-child(5) a{ width: 110px; height: 68px;	background: url(../../images/img_logo3.svg) no-repeat center/cover;}


.footerBottom{	position: relative; display: flex; padding: 2% 4.5%; width: 100%;
	flex-direction: row;	justify-content: space-between;	align-items: center;
	background-color: rgba(90, 185, 195, 0.2); box-sizing: border-box;}
.footerBottom .footerB_L, .footerBottom .footerB_R{position: relative;}
.footerBottom .footerB_L{}
.footerBottom .footerB_R{position: relative;  display: flex; align-items: center; text-align: right;}
.footerBottom .footerB_R p{ margin-right: 15px; font-size: 13px; line-height: 1.4;}

.footerBottom .footerB_R p span{display: block;}
.footerBottom .footerB_R a{	padding: 7px 17px; font-size: 16px;	color: #fff; background-color: #019267;}


@media all and (max-width:1089px){
#footer .footerTop2{padding: 1% 2%;}
#footer .footerTop2 ul{		display: block;	}
#footer .footerTop2 ul li{width: 100%; margin: 15px auto;}

#footer .footerTop{display: block;  padding-bottom: 0%;}
.footerTop .footerTopC{display: block; width: 100%; margin: 20px auto 0; text-align: center;}
.footerBottom{padding: 2% 4.5%;}
.footerBottom .footerB_L{display: none;}
.footerBottom .footerB_R{display: block; width: 100%; margin: 20px auto 25px; text-align: center;}
.footerBottom .footerB_R p{margin: 0 auto 20px;}
.footerBottom .footerB_R p span{display: inline-block;}
#footer .logoGroup{padding: 1% 0%;}
#footer .logoGroup ul{display: block;}
#footer .logoGroup ul li{width: calc(100% / 3); margin: 5px 0px;}
#footer .logoGroup ul li a{	 margin: 0 auto;}
#footer{width:100%;height:auto;text-align:center;}
#footer .container {width: 100%; padding: 20px 10px;  }
#fp-nav.right{display: none;}
#footer .ft_tel{display: block}
}
@media all and (max-width:768px){
#footer .logoGroup ul li{ width: calc(100% / 2);margin: 5px 0;}
}
@media all and (max-width:430px){
#footer .logoGroup ul li{width: 100%; }
}

/***********/
.ebook_pop{ position: relative;  display: block; width: 100%;  height: auto; box-sizing: border-box;}
.contPop{ position: relative;  display: inline-block; width: calc(50% - 8px); height: 100%; margin: 5px 3px;
  vertical-align: top;	box-sizing: border-box; }
.contPop .contPopa{  position: relative;	display: inline-block; width: 100%;	box-sizing: border-box;}
.contPop .thumbnails{ height: 300px;}

.contPop .info { position: absolute;	display: table; width: 100%; height: 100%;min-height: 86px;
  bottom: 0px; left: 0px;	overflow: hidden; text-align: left;  background-color: rgba(0,0,0,.6);
  vertical-align: middle; background-image: linear-gradient(to right, rgba(0, 125, 198, 0.5), rgba(3, 153, 74,0.5));
background-size: 0 2px, auto;	background-repeat: no-repeat; box-sizing:border-box;
 transition: all .2s ease-out; background-position: left right;}

.contPop .infowr{	position: relative;	display: table-cell; height: 100%;  padding: 15px 10px;	margin: 0 auto;
	vertical-align: middle;	text-align: center; }
.contPop .infowr .name{  margin: 5px 0;	font-size: 20px; font-weight: bold;  color:#6dcddd;}
.contPop .infowr .txt1{  color: #fff;  padding-top: 10px;	font-size: 16.5px;	line-height: 1.6;}
.contPop .infowr .txt2{ margin-top: 10px; }

.contPop .eng::after { content: ''; position: relative; display: block; text-align: center;
 background-color: #fff; color: #fff; width: 40px; height: 2px; top: 10px; margin: 0 auto;}

.contPop .thumbnails::after{ content: '';	position: absolute;	margin: 0 auto;	top: 10px; right: 10px;
 bottom: 10px; left: 10px;	border: 2px solid #ffffff; opacity: 0;	visibility: hidden;
 transition: opacity 0.5s, visibility 0.5s, transform 0.5s;}

.ebook_pop a:hover .infowr{display: none;}
.ebook_pop a:hover .info{ background-size: 100% 100%;	height: 100%;}

/* .ebook_pop a:hover .info{background-color: rgba(218, 33, 40, 0.7);} */

.ebook_pop a .thumbnails .loader::after {  content: '';  position: absolute;  top: 0;  right: 0;
 bottom: 0;  left: 0;  margin: auto; background: transparent;  }
.ebook_pop a:hover .eng, .thumbnails::after{  z-index: 10 !important;}

@media all and (max-width:768px){
.modal{width: 95%; height: auto;}
.contPop .thumbnails{	height: 45vw;}
}

#section7 {  position: relative; display: block; width: 100%;  height: auto !important;  box-sizing: border-box;}
/* .top_thum{display: inline-block;  width: 25px;  height: 25px;  margin-right: 15px;  line-height: 1;  vertical-align: middle;
  background: url(../image/top_ico01.png) no-repeat center/cover;} */