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

/* @import url("sub1.css"); */
/* @import url("new.css"); */
/* @import url("font-awesome.min.css"); */

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

#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; }
#header.active{  background-color: #ffffff; box-sizing: border-box;
  border-bottom: 0.5px solid rgba(221, 221, 221, 0.5);}
.headerTop {  position: relative;	display: flex; width: 100%; max-width: 1400px; margin: 0 auto;
	align-items: center; justify-content: space-between; background-color: transparent;
		box-sizing: border-box;}
.gnbArea { position: relative;	display: inline-block;
   width: calc(100% - 313px);
   /* width: calc(100% - 478px); */
  height: 82px;	z-index: 4;	box-sizing: border-box;}
.headerTop .logo {	position: relative;	display: flex;	width: 200px;  height: 100%; align-items: center;
	justify-content: center;	box-sizing: border-box;
  /* border-right:  0.5px solid #ddd; */
  /* margin-left: 30px; */
}
.headerTop .logo a{	position: relative;	display:  inline-block;	width: 118px;	height: 36px; 	margin: 0 auto;
	background:url(../image/logo.svg) no-repeat center/100%;}

#header .side-util { position: relative;	display: flex;	height: 56px; 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; background: #00AAC9; border-radius: 50%;}

#header .side-util .issue-back {	position: relative;	display: flex; width: 82px;	height: 82px;
	align-items: center;  justify-content: center; flex-direction: column;
	cursor: pointer;	box-sizing: border-box;	text-align: center;}
.issue-back1{  box-sizing: border-box;  /* border-right: 0.5px solid #ddd;  */}

.btn_gnb_view {position: relative;	display: flex; width: 56px;	height: 100%;	margin: 0 auto;
	padding: 14px 12px;
  /* 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: #fff; margin: 3px 0;}
/* .btn_gnb_view>span:last-child {width: 70%;} */
.btn_gnb_close{	position: absolute;	display: block;	width: 56px;	height: 56px;
	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: 36px;
	height: 2px;	left: 11px;	top: 27px; opacity: 1;
	/* z-index: 999999999; */
	background: #fff; 	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;}
.headerTop .side-util .issue-back p { position: relative; display: inline-block; font-size:13px;
		text-align: center; vertical-align: middle;	 }

/* .headerTop .side-util .issue-back i{  display: block; width: 30px;	height: 30px;
   margin: 0 auto;   background: url(../image/ico/list1.png) no-repeat center/cover;} */
.headerTop .side-util .issue-back1 i{  width: 40px;	height: 28px;
  /* background: url(../image/ico/pdf2.png) no-repeat center/cover; */
  background: url(../image/ico/book_blue.png) no-repeat center/cover;
}
.headerTop .side-util .issue-back p{  display: block;
  margin-top: 7px;	font-size:13px;	color:#666; line-height: 1;
	text-align: center;	font-family: '맑은 고딕', 'Malgun Gothic';}

/* .headerTop .side-util .issue-back:hover i{ background: url(../image/ico/header/books2.png) no-repeat center/cover;} */
/* .headerTop .side-util .issue-back1:hover i{ background: url(../image/ico/pdf1.png) no-repeat center/cover;} */

#back-view {	top:82px;	right: 0px;	width: 188px; }
#back-view select {padding-left: 10px;}
#back-view select, #back-view select option {display: block;width: 100%;line-height: 1.7;}
#back-view select option {text-indent: 8px;color: #666;font-size: 15px;padding:5px;}
#back-view select option:checked, #back-view select option:hover {	background: #fff;	color: #000;}
#back-view select option {background-color: #fff;}

.pdfdown-back-wrap {display: block;width: 1200px;margin: 0 auto;}
.pdfdown-back-wrap .pdfdown-back {float:right;margin-top:15px;}
.pdfdown-back-wrap .pdfdown-back {display: inline-block; box-sizing:border-box; margin-left: 35px;
  padding: 3px 5px 3px 15px; width: 140px; height: 26px; font-size: 14px; color: #525252; border:none;
  background:#bfc0c2 url(../image/main/pdfdown-back.jpg) top right no-repeat; -webkit-appearance: none;}
.select-wrap { position: absolute;	text-align: center;	width: 188px;	top: 0px;  right:25%;}
.select-inner:after {content:"▼";display: none;}
.select-inner {position: relative;}
#select-box {  display: none;  width: 100%; height: 220px;  padding: 10px;	margin:0;
  text-align: center;  background-color: #fff;  background-image: none;	border: 1px solid #c5c5c5;
  text-indent: 2px;	line-height: 1.7;	color: #666;  vertical-align: top;}
#select-box option{  font-size: 15px; padding: 10px;}

.gnbBg {  display: none;  position: fixed; left: 0; top: 75px; width: 100%;    height: 530px;
	background-color: rgba(255,255,255, 0.99);  border-top: 1px solid #e6e6e6; z-index: 4;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.10), 0 0 0 1px rgba(0,0,0,0.05);	padding-bottom: 10px;}
/* .gnbBg.active{  display: block;} */
.menuM{
  position: fixed;
  display: none;
  width: 100%;
  max-width: 1400px;
  height: 100%;
  margin: 0 auto;
  top: 0;
  left: 0;
  right: 1px;
  bottom: 0;
  box-sizing: border-box;
}
.menuMbg{  /* display: none;  */  position: fixed; left: 0; width: 100%; height: 100%; top: 82px;
	background-color: rgba(0,0,0,0.7);		z-index: 0;		}


.headerTop .gnbDate{  color: #00AAC9;  font-family: 'GmarketSansBold';}
.headerTop .gnbDate span{font-family: 'GmarketSansLight';}

.gnbArea .gnb {	position: relative;	display: inline-block; width: 100%;	margin: 0 auto;
  	box-sizing:border-box; height: 100%;
     /* font-family: 'NanumSquare', 'sans-serif'; */
  }
/* .gnbArea .gnb > ul {	padding: 0 2px;		} */
.gnbArea .gnb > ul{  position: relative;  display: flex;  flex-direction: row;
  align-items: center;  justify-content: center; height: 100%;  /* padding: 0 30px; */}
.gnbArea .gnb > ul.sub_menuW:after {content:'';display: block;clear: both;}
.gnbArea .wlist {	position: relative;  display: inline-block;  padding: 0 10px;
  list-style:none;  box-sizing:border-box;	line-height: 82px;
  /* display: block; float: left; width: calc(100% / 2);  text-align: right; */    }

.gnbArea .wlist>a{ position: relative;
  display: flex; flex-direction: column;
    justify-content: center;
  /* width: 100%;   */
  font-size: 18px;
  /* outline: 1px solid red; padding: 0 30px; */
  /* text-align: center; */
	/* line-height: 82px; */
  height: 82px;
  color: #444444;	vertical-align: middle; overflow: hidden;
	background-image: linear-gradient(to right, rgba(0, 125, 198, 0.9),rgba(0, 125, 198, 0.4), rgba(3, 153, 74, 0.6) );
 background-size: 0 2px, auto;	background-repeat: no-repeat;	box-sizing:border-box;
 background-position: center bottom;	transition: all .2s ease-out;}

.gnbArea .menu00.wlist p{  line-height: 1.2; font-family: 'Plus Jakarta Sans', sans-serif;
  /* display: block;  text-align: center; */}
.gnbArea .menu00.wlist p span{font-weight: bold;}
.gnbArea .menu00.wlist small{  display: block; font-size: 14px;}

 .topIco {  position: relative;  display: inline-block; width: 25px; height: 25px;
 text-indent: -25px; margin-right: 15px; vertical-align: middle; }
 .topIco01{background: url(../image/top_ico01.png) no-repeat center/cover;}
 .topIco02{background: url(../image/top_ico02.png) no-repeat center/cover;}
 .topIco03{background: url(../image/top_ico03.png) no-repeat center/cover;}

.gnbArea .wlist b{   display: block;   /* width: initial;  */ }
/* .gnbArea .wlist>a:hover{	background-size: 95% 2px;	height: auto; } */

.gnbArea .gnb .sub_menuW {	width: 100%;  display: none; }
.gnbArea .gnb ul li ul .sub_menuW li {float: none;}
.gnbArea .gnb ul li ul.sub_menuW li a{	display: block;	padding:10px 15px;
	font-size: 17px;  font-weight: normal;	color: #666;  line-height: 2;
	text-align: center; height: auto;	font-weight: normal; word-break: keep-all;}
.gnbArea .gnb ul.sub_menuW li a:hover{	color:#00AAC9; font-weight: bold;}
.gnbArea #navM ul > li a:hover{color:#00AAC9; font-weight: bold;}
.gnbArea .gnb .gTop {display: none;}

/***********/
.menuM #navM {
  /* position: fixed;  display: flex;  width: 400px;  height: calc(100% - 82px);
  top: 82px;	 right: 0;  padding: 3% 40px 6%;	z-index: 5;  background-color: #fff;
  box-sizing: border-box;  color: #fff;
  flex-direction: column; align-content: center; justify-content: flex-start;
  vertical-align: middle;  box-sizing: border-box; */
  position: relative; width: 40%; height: calc(100% - 82px); min-width: 250px; top: 82px; right: -60% !important;
  padding: 3% 40px 6%; background: #fff; z-index: 5; overflow: hidden; overflow-y: auto; box-sizing: border-box; float: right;
}

#navM.active{right: 0 !important; z-index: 100;}
.gnbArea #navM > ul {	margin: 0 0 45px 0px; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
.gnbArea #navM ul > li {	position: relative; width: 49%;}
.gnbArea #navM ul > li .mlist{ font-size: 18px;}
.gnbArea #navM ul > li.active .mlist{  position: relative;  display: block;
  /* margin-bottom: 15px;  */   box-sizing: border-box;}

#navM .sns2 { position: relative; display: flex; width: 100%; height: auto;
  margin: 30px auto;  flex-direction: row; align-content: center;  justify-content: flex-start;
  align-items: center;  box-sizing: border-box;}
#navM .sns2 ul{  position: relative;
  /* display: block; */
  width: 100%; height: auto;
   box-sizing: border-box;
}
#navM .sns2 ul li {  position: relative; display: inline-block; float: left;
  width: 38px; height: 38px;
  margin: 0 10px; padding: 0;
  box-sizing: border-box;
}
#navM .sns2 ul li a{position: relative; display: block;
  width: 100%; height: 100%;


}
#navM .sns2 ul li a img{width: 100%;}
.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 .menu07{margin-top: 20px;	border-top: 1px solid #666;}
.gnbArea #navM .menu07, .gnbArea #navM .menu08{width: 100%;}
.gnbArea #navM .menu07 a{margin-top: 20px;}
.gnbArea #navM .menu07 a, .gnbArea #navM .menu08 a{padding: 10px 20px; font-size: 16px;}

.gnbArea #navM ul li a {  font-size: 18px;  padding: 12px; display: block;}
.gnbArea #navM ul li a.head{font-weight: normal;}
.gnbArea #navM ul li ul.subDep {	display:none;	padding: 0;	background:none;	border-top:none;	margin-top: 10px;}
.subDep p{  display: block; font-size: 17px; color: #222; margin-bottom: 5px; line-height: 1.2;}
.subDep span{  display: block; font-size: 14px; line-height: 1.2;}

.gnbArea #navM ul li ul.subDep li a {  font-weight: normal;	vertical-align: middle;}
.gnbArea #navM .gTop {	position: relative;	display: block;  padding: 10px 0 20px 0;font-size: 18px;	font-weight: bold; color:#00AAC9; border-bottom: 1px solid #aaa; margin-bottom: 20px;}
.gnbArea #navM .gTop span{	display: inline-block; font-size: 18px;  color:#00AAC9;	margin-left: 5px;	}

.m_s_menu{  position: relative;  width: 100%; padding: 20px 0;
  justify-content: space-between;
  align-items: center; box-sizing: border-box;
}
.m_s_menu a{position: relative; width: 100%;  vertical-align: middle;}
.m_s_menu p{ position: relative;  display: inline-block;
  width: calc(100% - 30px); vertical-align: middle;}
.m_s_menu.active {  flex-direction: column;}
.fa-angle-down, .fa-angle-up	{  position: relative;
  display: inline-block;
   font-weight: lighter;
	font: normal normal normal 16px FontAwesome;
	vertical-align: middle;	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}

.fa-angle-up{	display: none;	color: #38815b;}
.fa-angle-up:before{	font-size: 18px;}

.fa-angle-up.show, .fa-angle-down.show  {display: inline-block !important;}

.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;}

	/*******************/
#footer{position: relative; display: block; width: 100%;
  /* background-color: rgba(226, 226, 226, 1);	 */
  background-color: #00AAC9;
  /* color: #869fb2; */
  color: #fff;
  box-sizing: border-box;  z-index: 1;}
#footer .container {position: relative;  display: flex; flex-direction: column;  width: 100%;
  text-align: center; padding: 40px 1%; align-items: center;
  font-size: 14px;line-height: 1.8; box-sizing: border-box;	}

#footer .container .f_logo, #footer .container .f_addr, #footer .container .sns{
  position: relative; display: block;  width: 100%; box-sizing: border-box;}
#footer .container .f_logo{
  width: 10%;
  margin-bottom: 10px;
}

#footer .container .f_addr{  padding: 0 10px;  font-size: 17px;
  word-break: keep-all;}
#footer .ft_tel{ position: relative; display: inline-block;}
#footer .ft_tel2{  position: relative;  display: block;}
#footer .ft_tel3{font-size: 16px;}
#footer .ft_tel3 a{color: #fff;}
/**************************/
#footer .sns{ position: relative; display: block; width: 100%; height: auto; margin: 15px 0; box-sizing: border-box;}
#footer .sns ul{  position: relative;  display: block; box-sizing: border-box;}
#footer .sns ul li{  position: relative;  display: inline-block;  width: 42px; height: 42px;
  margin: 4px; box-sizing: border-box;}
#footer .sns ul li a{display: block; width: 100%; height: 100%;}

@media all and (max-width:1420px){
  .headerTop{padding: 0 20px;}
}
@media all and (max-width:1089px){
.headerTop .gnbDate{display: none;}

.headerArea .container {	padding: 0px 0;	height: 100%;}
#header{	height: 55px;	}
.headerTop{	height: 55px;	box-sizing: border-box;  top: 0;}
/* #header .side-util {float: inherit; display: block;} */
.headerTop .logo {  display: inline-block;  width: initial;
  top: 0;  margin-left: 5%;  border-right: 0;}
.headerTop .logo a {  max-width: 100px; height: 45px;  margin-top: 5px;
  /* margin: 0 auto; */
  background: url(../image/logo.svg) no-repeat center/100%;
}
#fp-nav.right{display: none;}
#footer .ft_tel{display: block}
#content{	margin-top: 55px;}
#header .side-util{max-width: inherit;}
#header .side-util .issue-back{display: none;}
.topBtn, .topBtnI, .topBtn.active{  display: none;  opacity: 0;}

.container2 { padding-bottom: 80px;}

.container {	width: 100%;	min-width: initial;}
.gnbArea .gnb{	display:block !important;}

.gnbBg {display: none;}
.gnbArea { position: static;width: auto;height: auto;}

 #header .side-util .btn_gnb_view, .headerTop .btn_gnb_view,
.gTop .btn_gnb_close {
  /* width: 55px;	height: 55px;	box-sizing: border-box; */
}
.btn_gnb_view {  width: 40px;  border-left: 0;  height: 100%;  padding: 8px;}
.btn_gnb_close {  width: 40px;  height: 40px;  box-sizing: border-box;}
.btn_gnb_close>span {  top: 20px;  left: 6px; width: 30px;}
.menuMbg{top: 55px;}
.menuM #navM {	width:50%;	top: 55px;
  padding: 5% 5% 6%;

	/* padding: 0; */  }

#header,.gnbArea,.headerArea,
.headerTop{	height: 55px;	box-sizing: border-box;}
.menuM #navM {	width:100%;  /* padding: 0px 0px; */  }
#header .side-util{height: 40px;}
#header .side-util .btn_gnb_view{	 border:none;}
.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{width:100%;height:auto;text-align:center;}
#footer .container {padding: 20px 10px;width: 100%;  flex-direction: column;}
#footer .container .f_logo{width: 106px; height: 33px;}
#footer .container .f_addr{font-size: 16.5px;}
#footer .container .ft_tel3{font-size: 15.5px;}
#footer .sns{margin: 5px 0;}
}



@media all and (max-width:768px){
.menuM #navM {height: 100%;}
.headerTop .logo { margin-left: 5%; transform: translateX(0);}

}

@media all and (max-width:500px){
  .gnbArea #navM ul li a{font-size: 16px; padding: 15px 10px;}
}

@media all and (max-width:420px){
.menuM #navM {width: 100%;}
}
.bo_right{border-right: 1px solid rgba(179, 179, 179, 0.4)}





/***********  modal **********/
.modal { position: fixed; width: 80%; height: 70%; margin: 0 auto; top: 43%; left: 50%; z-index: 9;
  scrollx:none; overflow: hidden;  display: none;  box-sizing: border-box;  }
.modal_on { display: block; }
.modal_x { position: relative; display: block; width: 40%; height: 45px; line-height: 45px; margin: 0 auto;
  border-radius: 5px; margin-top: 30px; background-color: #1eb4cf; color: #fff; text-align: center;
  font-weight: bold; cursor: pointer; font-family: 'Montserrat', sans-serif;  cursor: pointer;}
.modal_t{ position: relative; display: block; width: 100%; margin-top: 0; color: #fff; cursor: pointer;}
.modal_t span{  display: block; text-align: right; margin-right: 2%;  padding: 7px 3px; font-size: 20px;}
.modal_back {  position: fixed; z-index: 2; top: 0px;  left: 0;  right: 0;  bottom: 0; opacity: 0;
  visibility: hidden;  background-color: rgba(0, 0, 0, 0.9);}
.back_on {  opacity: 1; visibility: visible;}
.body_lock {  z-index: 3;width: 100%;  height: 100%; overflow: hidden;}

@media (max-width: 740px) {
.modal {	width: 86%;	max-height: 100%;}
.modal_x{	width: 70%;  margin-top: 20px;}
}


/***********/
.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; font-family: 'NanumSquare', 'sans-serif';}
.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;} */

/****************/
#sideTab{  position: fixed; display: block; right: 0px; bottom: 9%; padding: 10px 0px; z-index: 9999;
  text-align: center; background-color: #fff;  border: 1px solid rgba(171, 171, 171, 0.5);
 box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
 -webkit-box-shadow: 0px 0px 19px 0px rgb(0 0 0 / 30%);  -moz-box-shadow: 0px 0px 19px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 19px 0px rgb(0 0 0 / 30%);  transition: all 0.1s;}

#sideTab ul{ position: relative; display: block; height: 100%; margin: 0 auto; box-sizing: border-box;}
#sideTab ul li{  position: relative;  display: block;  width: 76px;  height: 76px;
  margin-bottom: 15px;  vertical-align: top;  box-sizing: border-box;  cursor: pointer; }
#sideTab ul li:first-child{  border:none;}
#sideTab ul li a{  position: relative; display: inline-block; width: 100%; height: 100%;
   padding: 10px 10px; box-sizing: border-box; }
#sideTab ul li a i{  position: relative;  display: block;   width: 30px;  height: 30px; margin: 0 auto;
  margin-bottom: 5px;  vertical-align: middle;}
#sideTab ul li a p{ position: relative; display: inline-block; vertical-align: middle;word-break: keep-all;
  width: 100%; font-size: 15px; font-family: 'Noto Sans KR'; color:#000;}

#sideTab ul li:nth-child(1) a i{ background: url(../image/ico/footer/ebook1.png) no-repeat center/cover;}
#sideTab ul li:nth-child(2) a i{ background: url(../image/ico/footer/pdf1.png) no-repeat center/cover;}
#sideTab ul li:nth-child(3) a i{ background: url(../image/ico/footer/share1.png) no-repeat center/cover;}
#sideTab ul li:nth-child(4) a i{ background: url(../image/ico/footer/letter1.png) no-repeat center/cover;}

/* #sideTab ul li:nth-child(4) a i{ background: url(../image/ico/footer/books1.png) no-repeat center/cover;} */
/* #sideTab ul li:hover{ background-color: #e5e5e5;} */

#sideTab ul li:last-child{ padding-top: 10px; width: initial; height: initial;  margin-bottom: 0; }
#sideTab ul li:nth-child(5) a i{ margin-bottom: 0;}
.sideX{ background: url(../image/ico/footer/mobile_bt_close1.png) no-repeat center/cover;}

 #sideTab ul li:nth-child(1) a:hover i{ background: url(../image/ico/footer/ebook2.png) no-repeat center/cover;}
 #sideTab ul li:nth-child(2) a:hover i{ background: url(../image/ico/footer/pdf2.png) no-repeat center/cover;}
 #sideTab ul li:nth-child(3) a:hover i{ background: url(../image/ico/footer/share2.png) no-repeat center/cover;}
 #sideTab ul li:nth-child(4) a:hover i{ background: url(../image/ico/footer/letter2.png) no-repeat center/cover;}
 #sideTab ul li:last-child:hover .sideX{ background: url(../image/ico/footer/mobile_bt_close2.png) no-repeat center/cover; }

 /* #sideTab ul li:nth-child(4) a:hover i{ background: url(../image/ico/footer/books2.png) no-repeat center/cover;} */

#sideOpen { position: fixed; width: 36px;  height: 36px;  right: 1%;  bottom: 11%; text-align: center;
  vertical-align: middle;  cursor: pointer; z-index: 999; border-radius: 50%;  opacity: 0;	visibility: hidden;
   transition: all 0.3s;   background-color: #459985; }
#sideOpen.active{	opacity: 1;	visibility: visible;  transition: all 0.5s;}
#sideOpen .sideO{ display: inline-block; width: 35px; height: 35px; margin: 0 auto;
  background: url(../image/ico/footer/mobile_bt_open.png) no-repeat center/57%; }

@media all and (max-width:1089px){
#sideOpen, #sideOpen .sideO, #sideTab ul li:nth-child(5){ display: none;}
#sideTab{  position: relative;  display: block; width: 100%; height: 96px; padding: 0;
  right: 0px; top:  0%; border: 1px solid rgba(171, 171, 171, 0.5); box-shadow:none;}
#sideTab ul{ display: block;  width: 100%; height: 100%; margin: 0 auto;  }
#sideTab ul li{  display: inline-block; width: calc(100% / 4 - 0px); height: 100%;  margin-bottom: 0;  padding: 10px 0;
  vertical-align: top;  border-left: 1px solid rgba(171, 171, 171, 0.5);  box-sizing: border-box;}
#sideTab ul li a i{ display: inline-block;  margin-bottom: 5px;  vertical-align: middle;}

}


@media all and (max-width:768px){
  /* #sideTab, #sideTab ul li{height: auto;}
  #sideTab ul li a i{float: left;  margin-left: 50%;  transform: translateX(-50%); margin-right: 0;  }
  #sideTab ul li a p{ float: left; width: 100%;  font-size: 12px;    } */
}