@charset "euc-kr";
@font-face{
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: normal;
  src: url('font/NanumGothic.eot'); 
  src: local('¡Ø'), url('../font/NanumGothic.ttf') format('truetype'); 
} 


html,body,foot,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,ul,ol,li,dl,dt,dd,table,caption,tbody,tfoot,thead,tr,th,td,fieldset,fo7m,label,legend,input,button,textarea,select{margin:0;padding:0}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;margin:0;padding:0}
legend{display:block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;text-indent:-999em;white-space:nowrap; }
fieldset,img,table,caption,tbody,tfoot,thead,tr,th,td,button,hr{border:0 none}
img{vertical-align:middle; max-width:100%; }
body li{*vertical-align:top}
ul li{list-style:none; padding:0; margin:0;}
table{border-collapse:collapse}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
button{overflow:visible;border:0 none;cursor:pointer}
button::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner {padding: 0;border: 0 none}
body{position:relative;line-height:1;font-family:'NanumGothic', '³ª´®°íµñ', "¸¼Àº°íµñ",Malgun Gothic,'µ¸¿ò',dotum,Verdana,AppleGothic,Arial,Helvetica,sans-serif; color:#f7f7f7; letter-spacing:-1px; }
a { text-decoration:none; color:#000}
em { font-style:normal }
input[type="text"],
input[type="password"] ,
textarea { font-family:'NanumGothic', '³ª´®°íµñ','µ¸¿ò',dotum,Verdana,AppleGothic,Arial,Helvetica,sans-serif; }
select { font-family:'NanumGothic','³ª´®°íµñ',"¸¼Àº°íµñ",Malgun Gothic,'µ¸¿ò',dotum,Verdana,AppleGothic,Arial,Helvetica,sans-serif; }

.clearfix {clear: both; margin: 0; padding: 0;}


/**************************************************************************************************************
	°øÅë
**************************************************************************************************************/
.blind{overflow:hidden;position:absolute;top:-1px;left:-1px;width:1px;height:1px;padding:0;margin:0;font-size:0;line-height:0;background:none;}
.m0 { margin:0  !important }
.mb0 { margin-bottom:0 !important }
.mb2 { margin-bottom:2px !important }
.mb4 { margin-bottom:4px !important }
.mb10 { margin-bottom:10px !important }
.mb15 { margin-bottom:15px !important }
.mb20 { margin-bottom:20px !important }
.mb25 { margin-bottom:25px !important }
.mb30 { margin-bottom:30px !important }
.mb40 { margin-bottom:40px !important }
.mb50 { margin-bottom:50px !important }
.mb70 { margin-bottom:70px !important }
.mb80 { margin-bottom:80px !important }
.mb130 { margin-bottom:130px !important }
.mb150 { margin-bottom:150px !important }
.pd0 { padding:0 !important }
.mbr10 { margin-right:10px }
.pdl50 { padding-left:50px !important }
.pdtop90 { padding-top:90px }
.none_bor { border:0 !important }
.center { text-align:center !important }
.txt_center { text-align:center !important }
.txt_left { text-align:left !important }
.txt_right { text-align:right !important }
.f12 { font-size:12px !important }
.txt_under { text-decoration:underline !important }
.blue { color:#1a5ca9 !important } 
.org { color:#fb6827 !important }
.bold { font-weight:bold !important }
.red { color:#fe4e00 !important }
.gray { color:#8d8d8d !important }
.inline { display:inline-block; }
body,html { height:100% }
* { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; }
body { word-break:keep-all;overflow-x:hidden; background-color:#e9e9e9;}




/******************************************************************************************************************************
	Common
******************************************************************************************************************************/
h1 { padding:22px 0; text-align:center; }
.inner { max-width:1000px; margin:0 auto; }
.inner:after { display:block; content:''; clear:both; }
.inner0 { max-width:1000px; margin:0 auto; padding-top: 0px; z-index: 9999;}
.inner0:after { display:block; content:''; clear:both; }
.inner2 { max-width:1000px; margin:0 auto; padding-top: 0px;}
.inner2:after { display:block; content:''; clear:both; }
.inner3 { max-width:967px; margin:0 auto; padding-top: 20px; padding-bottom: 70px;}
.inner3:after { display:block; content:''; clear:both; }
.inner4 { max-width:951px; margin:0 auto; }
.inner4:after { display:block; content:''; clear:both; }
.col-box { overflow:hidden; }
.col-left { float:left; width:50%; }
.col-right{ float:right; width:50%; }
.col-center{ float:left; width:100%; }



.table table { width:100%; border-collapse:collapse; font-size:17px; line-height:23px; color:#222; border-top:2px solid #253b7c;}
.table table tbody th { background:#253b7c; padding:20px 23px; border-bottom:1px solid #fff; word-break:break-all; }
.table table tbody td { background:#fff; padding:12px 10px 12px 24px; border-bottom:1px solid #d5d9dc; word-break:break-all; }
.table table tbody td .strong {font-weight: 600; }
.table table tbody tr:last-child th { border-bottom:0; }
.table table tbody dl { line-height:23px; color:#3b3b3b; }
.table table tbody dl dt { font-size:17px; margin-bottom:8px; }
.table table tbody dl dd { padding-left:11px; position:relative;font-size:15px; }
.table table tbody dl dd:before { content:''; position:absolute; left:0px; top:9px; width:3px; height:3px; border-radius:100%; background:#b3b3b4; }


/******************************************************************************************************************************
	snip01
******************************************************************************************************************************/
.open-Certificates {
	display: inline-block;
	height: 26px;
	margin: 5px 0 0 50px; padding: 0 15px;
	font-size: 12px; color: #fff; letter-spacing: 0; line-height: 25px; text-align: center;
	border-radius: 26px;
	background: #6a9cda;
	}


figure.snip01 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  min-width: 222px;
  max-width: 222px;
  max-height: 218px;
  width: 100%;
  color: #ffffff;
  text-align: left;
  background:url(../img/tabbg_01.png)no-repeat; background-size:cover;
	background-position: 50% 50%; height: 218px;
  font-size: 16px;
}

figure.snip01 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
figure.snip01 img {
  max-width: 100%;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
  backface-visibility: hidden;
}
figure.snip01 figcaption {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: scale(0.5) translate(0%, -50%);
  transform: scale(0.5) translate(0%, -50%);
  -webkit-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  z-index: 1;
  opacity: 0;
  padding: 0 30px;
}
figure.snip01 h3,
figure.snip01 p {
  line-height: 1.5em;
}
figure.snip01 h3 {
  margin: 0;
  font-weight: 800;
  text-transform: uppercase;
}
figure.snip01 p {
  font-size: 14px;
  font-weight: 500;
  margin: 60px 0 15px;
}
figure.snip01 p span{
  font-size: 14px;
  font-weight: 500;
  padding-right: 10px;
}
figure.snip01 p a{
  color: #fff;
}
figure.snip01 .read-more {
  border: 2px solid #ffffff;
  padding: 0.5em 1em;
  font-size: 0.8em;
  text-decoration: none;
  color: #ffffff;
  display: inline-block;
}
figure.snip01 .read-more:hover {
  background-color: #ffffff;
  color: #000000;
}
figure.snip01:hover img,
figure.snip01.hover img {
  -webkit-animation: snip1436 0.45s linear forwards;
  animation: snip1436 0.45s linear forwards;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
figure.snip01:hover figcaption,
figure.snip01.hover figcaption {
  -webkit-transform: scale(1) translate(0, -50%);
  transform: scale(1) translate(0, -50%);
  opacity: 1;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
@-webkit-keyframes snip1436 {
  50% {
    -webkit-transform: scale(0.8) translateX(0%);
    transform: scale(0.8) translateX(0%);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(0.8) translateX(-150%);
    transform: scale(0.8) translateX(-150%);
    opacity: 0.5;
  }
}
@keyframes snip1436 {
  50% {
    -webkit-transform: scale(0.8) translateX(0%);
    transform: scale(0.8) translateX(0%);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(0.8) translateX(-150%);
    transform: scale(0.8) translateX(-150%);
    opacity: 0.5;
  }
}

/******************************************************************************************************************************
	snip02
******************************************************************************************************************************/

figure.snip02 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  min-width: 222px;
  max-width: 222px;
  max-height: 218px;
  width: 100%;
  color: #ffffff;
  text-align: left;
  background:url(../img/tabbg_02.png)no-repeat; background-size:cover;
	background-position: 50% 50%; height: 218px;
  font-size: 16px;
}

figure.snip02 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
figure.snip02 img {
  max-width: 100%;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
  backface-visibility: hidden;
}
figure.snip02 figcaption {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: scale(0.5) translate(0%, -50%);
  transform: scale(0.5) translate(0%, -50%);
  -webkit-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  z-index: 1;
  opacity: 0;
  padding: 0 30px;
}
figure.snip02 h3,
figure.snip02 p {
  line-height: 1.5em;
}
figure.snip02 h3 {
  margin: 0;
  font-weight: 800;
  text-transform: uppercase;
}
figure.snip02 p {
  font-size: 14px;
  font-weight: 500;
  margin: 60px 0 15px;
}
figure.snip02 p span{
  font-size: 14px;
  font-weight: 500;
  padding-right: 10px;
}
figure.snip02 p a{
  color: #fff;
}
figure.snip02 .read-more {
  border: 2px solid #ffffff;
  padding: 0.5em 1em;
  font-size: 0.8em;
  text-decoration: none;
  color: #ffffff;
  display: inline-block;
}
figure.snip02 .read-more:hover {
  background-color: #ffffff;
  color: #000000;
}
figure.snip02:hover img,
figure.snip02.hover img {
  -webkit-animation: snip1436 0.45s linear forwards;
  animation: snip1436 0.45s linear forwards;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
figure.snip02:hover figcaption,
figure.snip02.hover figcaption {
  -webkit-transform: scale(1) translate(0, -50%);
  transform: scale(1) translate(0, -50%);
  opacity: 1;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
@-webkit-keyframes snip1436 {
  50% {
    -webkit-transform: scale(0.8) translateX(0%);
    transform: scale(0.8) translateX(0%);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(0.8) translateX(-150%);
    transform: scale(0.8) translateX(-150%);
    opacity: 0.5;
  }
}
@keyframes snip1436 {
  50% {
    -webkit-transform: scale(0.8) translateX(0%);
    transform: scale(0.8) translateX(0%);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(0.8) translateX(-150%);
    transform: scale(0.8) translateX(-150%);
    opacity: 0.5;
  }
}

/******************************************************************************************************************************
	snip03
******************************************************************************************************************************/

figure.snip03 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  min-width: 222px;
  max-width: 222px;
  max-height: 218px;
  width: 100%;
  color: #ffffff;
  text-align: left;
  background:url(../img/tabbg_03.png)no-repeat; background-size:cover;
	background-position: 50% 50%; height: 218px;
  font-size: 16px;
}

figure.snip03 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
figure.snip03 img {
  max-width: 100%;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
  backface-visibility: hidden;
}
figure.snip03 figcaption {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: scale(0.5) translate(0%, -50%);
  transform: scale(0.5) translate(0%, -50%);
  -webkit-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  z-index: 1;
  opacity: 0;
  padding: 0 30px;
}
figure.snip03 h3,
figure.snip03 p {
  line-height: 1.5em;
}
figure.snip03 h3 {
  margin: 0;
  font-weight: 800;
  text-transform: uppercase;
}
figure.snip03 p {
  font-size: 14px;
  font-weight: 500;
  margin: 60px 0 15px;
}
figure.snip03 p span{
  font-size: 14px;
  font-weight: 500;
  padding-right: 10px;
}
figure.snip03 p a{
  color: #fff;
}
figure.snip03 .read-more {
  border: 2px solid #ffffff;
  padding: 0.5em 1em;
  font-size: 0.8em;
  text-decoration: none;
  color: #ffffff;
  display: inline-block;
}
figure.snip03 .read-more:hover {
  background-color: #ffffff;
  color: #000000;
}
figure.snip03:hover img,
figure.snip03.hover img {
  -webkit-animation: snip1436 0.45s linear forwards;
  animation: snip1436 0.45s linear forwards;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
figure.snip03:hover figcaption,
figure.snip03.hover figcaption {
  -webkit-transform: scale(1) translate(0, -50%);
  transform: scale(1) translate(0, -50%);
  opacity: 1;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
@-webkit-keyframes snip1436 {
  50% {
    -webkit-transform: scale(0.8) translateX(0%);
    transform: scale(0.8) translateX(0%);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(0.8) translateX(-150%);
    transform: scale(0.8) translateX(-150%);
    opacity: 0.5;
  }
}
@keyframes snip1436 {
  50% {
    -webkit-transform: scale(0.8) translateX(0%);
    transform: scale(0.8) translateX(0%);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(0.8) translateX(-150%);
    transform: scale(0.8) translateX(-150%);
    opacity: 0.5;
  }
}

/******************************************************************************************************************************
	snip04
******************************************************************************************************************************/

figure.snip04 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  min-width: 222px;
  max-width: 222px;
  max-height: 218px;
  width: 100%;
  color: #ffffff;
  text-align: left;
  background:url('../img/tabbg_04(2).png')no-repeat; background-size:cover;
	background-position: 50% 50%; height: 218px;
  font-size: 16px;
}

figure.snip04 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
figure.snip04 img {
  max-width: 100%;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
  backface-visibility: hidden;
}
figure.snip04 figcaption {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: scale(0.5) translate(0%, -50%);
  transform: scale(0.5) translate(0%, -50%);
  -webkit-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  z-index: 1;
  opacity: 0;
  padding: 0 30px;
}
figure.snip04 h3,
figure.snip04 p {
  line-height: 1.5em;
}
figure.snip04 h3 {
  margin: 0;
  font-weight: 800;
  text-transform: uppercase;
}
figure.snip04 p {
  font-size: 14px;
  font-weight: 500;
  margin: 60px 0 15px;
}
figure.snip04 p span{
  font-size: 14px;
  font-weight: 500;
  padding-right: 10px;
}
figure.snip04 p a{
  color: #fff;
}
figure.snip04 .read-more {
  border: 2px solid #ffffff;
  padding: 0.5em 1em;
  font-size: 0.8em;
  text-decoration: none;
  color: #ffffff;
  display: inline-block;
}
figure.snip04 .read-more:hover {
  background-color: #ffffff;
  color: #000000;
}
figure.snip04:hover img,
figure.snip04.hover img {
  -webkit-animation: snip1436 0.45s linear forwards;
  animation: snip1436 0.45s linear forwards;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
figure.snip04:hover figcaption,
figure.snip04.hover figcaption {
  -webkit-transform: scale(1) translate(0, -50%);
  transform: scale(1) translate(0, -50%);
  opacity: 1;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
@-webkit-keyframes snip1436 {
  50% {
    -webkit-transform: scale(0.8) translateX(0%);
    transform: scale(0.8) translateX(0%);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(0.8) translateX(-150%);
    transform: scale(0.8) translateX(-150%);
    opacity: 0.5;
  }
}
@keyframes snip1436 {
  50% {
    -webkit-transform: scale(0.8) translateX(0%);
    transform: scale(0.8) translateX(0%);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(0.8) translateX(-150%);
    transform: scale(0.8) translateX(-150%);
    opacity: 0.5;
  }
}


/******************************************************************************************************************************
	slide
******************************************************************************************************************************/

#slide{height:520px;position:relative;overflow:hidden;}
	#slide ul{width:400%;height:100%;transition:1s;
		
}
	#slide ul:after{content:"";display:block;clear:both; }
	#slide li{float:left;width:25%;height:100%; }
	#slide li:nth-child(1){background:url(../img/banner01.jpg)no-repeat; background-size:cover;
	background-position: 50% 50%; height: 520px;}
	#slide li:nth-child(2){background:url(../img/banner02.jpg)no-repeat; background-size:cover;
	background-position: 50% 50%; height: 520px;}
	#slide li:nth-child(3){background:url(../img/banner03.jpg)no-repeat; background-size:cover;
	background-position: 50% 50%; height: 520px;}
	#slide li:nth-child(4){background:url(../img/banner04.jpg)no-repeat; background-size:cover;
	background-position: 50% 50%; height: 520px;}
	#slide input{display:none;}
	#slide label{display:inline-block;vertical-align:middle;width:10px;height:10px;border:2px solid #666;background:#fff;transition:0.3s;border-radius:50%;cursor:pointer;}
	#slide .pos{text-align:center;position:absolute;bottom:10px;left:0;width:100%;text-align:center;}
	#pos1:checked~ul{margin-left:0%;}
	#pos2:checked~ul{margin-left:-100%;}
	#pos3:checked~ul{margin-left:-200%;}
	#pos4:checked~ul{margin-left:-300%;}
	#pos1:checked~.pos>label:nth-child(1){background:#666;}
	#pos2:checked~.pos>label:nth-child(2){background:#666;}
	#pos3:checked~.pos>label:nth-child(3){background:#666;}
	#pos4:checked~.pos>label:nth-child(4){background:#666;}





/**************************************************************************************************************
	¼½¼Ç1
**************************************************************************************************************/
.section1 { background:#fff no-repeat; background-size:cover;
	background-position: 50% 50%;
            width:100%; height:100%; margin-top: 0px;}
.section1 .tit1 { margin-top:35px;padding-bottom: 0px; text-align:left; 
float: left; position: relative; width: 100%; margin-left: 340px;}

.section1 .tit1 img{  max-width: 300px; margin-top: 10px;}

.section1 .tit2 { margin-top:70px; 
right: 25%; position: absolute; display: block;}
.section1 .tit2 a img{ width: 37px; }

/**************************************************************************************************************
	¼½¼Ç2
**************************************************************************************************************/
.section2 { background:#fff no-repeat; background-size:cover;
	background-position: 50% 50%;
            width:100%; height:100%; padding-top: 30px; margin-top: 0px;}


/**************************************************************************************************************
	¼½¼Ç3
**************************************************************************************************************/
.section3 { background:#f3f3f3 no-repeat; background-size:cover;
	background-position: 50% 50%;
            width:100%; height:100%; padding-top: 0px;
padding-bottom: 0px;}
.section3 .title{ padding-top: 60px; padding-bottom: 0px; margin: 0 auto; max-width: 380px;}
.section3 .tit01{ padding-top:21px; margin-left: 4px}
.section3 .tit01 img{ ; overflow: hidden;
float:left; }

.section3 .tit01 a{overflow: hidden; margin-left: 4px; margin-right: 5px; float:left; margin-top: 21px; border: 1px solid transparent;}

.section3 .tit01 a:hover {
        border-color: #000; margin-left: 4px; margin-right: 5px;
    }
section3 .tit01 a:hover img{margin: -2px;}

/***** HOT&NEW ±³À° Ãß°¡(2019-08-16) *****/
.hotNew-lec {
	clear: both;
	margin: 0 auto; padding: 45px 0 80px 15px;
	}
.hotNew-lec .lec-item {
	display: block;
	float: left;
	position: relative;
	width: 235px; height: 345px;
	margin: 0 15px 25px 0;
	border: 1px solid #d9d9d9;
	background-color: #fff;
	transition: all 0.3s;
	}
.hotNew-lec .lec-item:nth-child(4), .hotNew-lec .lec-item:nth-child(8), .hotNew-lec .lec-item:nth-child(12) {margin-right: 0;}
.hotNew-lec .lec-item:hover {
	border-color: #000; 
	box-shadow: 5px 5px 2px 0 rgba(0,0,0, 0.15);
	}

.hotNew-lec .lec-item .icon {
	position: absolute; top: 20px; right: 15px;
	z-index: 10;
	}

/* thumbnail */
.hotNew-lec .thumbs {
	display: block;
	position: relative;
	height: 158px;
	overflow: hidden;
	}
.hotNew-lec .thumbs img {width: 100%; height: 100%; transition: all 0.3s;}
.hotNew-lec .thumbs::after {
	content: "";
	display: block;
	position: absolute; top: 0; bottom: 0; left: 0; right: 0;
	background-color: rgba(0,0,0, 0.25);
	transition: all 0.3s;
	z-index: 2;
	}
.hotNew-lec .lec-item:hover .thumbs img {transform: scale(1.1);}
.hotNew-lec .lec-item:hover .thumbs::after {background-color: rgba(0,0,0, 0.1);}

/* subj */
.hotNew-lec .subj {
	display: block;
	position: absolute; top: 0; left: 15px; right: 15px;
	padding-top: 37px;
	font-size: 22px; color: #fff; letter-spacing: -0.2px; line-height: 120%; font-weight: bold;
	text-shadow: 0 2px 2px rgba(0,0,0, 0.3);
	z-index: 3;
	}
.hotNew-lec .subj .tab {
	display: inline-block;
	height: 17px;
	margin: 0 0 7px 0; padding: 0 8px;
	font-size: 11px; color: #fff; line-height: 17px; font-weight: normal; text-align: center;
	text-shadow: none;
	background-color: #5486c5;
	}
.hotNew-lec .subj.two	{padding-top: 24px;}
.hotNew-lec .subj.three {padding-top: 12px;}

.hotNew-lec .etc {
	display: block;
	padding: 23px 15px 0 15px;
	font-size: 15px; color: #111; letter-spacing: 0; line-height: 140%;
	}

.hotNew-lec .lec-btn {
	display: block;
	position: absolute; bottom: 0; left: 0; right: 0;
	height: 52px;
	font-size: 19px; color: #fff; line-height: 51px; text-align: center;
	background: #5486c5 url('/2018/img/lec_btnIc.png') no-repeat 15px center;
	background-size: auto 28px;
	}

/* ¿Â¶óÀα³À° */
.hotNew-lec .lec-item.edu .subj .tab {background-color: #ad73ad;}
.hotNew-lec .lec-item.edu .lec-btn {
	background: #ad73ad url('/2018/img/lec_btnIc2.png') no-repeat 15px center;
	background-size: auto 28px;
	}


/**************************************************************************************************************
	¼½¼Ç4
**************************************************************************************************************/
.section4 { background:#f3f3f3 no-repeat; background-size:cover;
	background-position: 50% 50%;
            width:100%; height:100%; padding-top: 0px;
padding-bottom: 0px;}
.section4 .title{ padding-top:127px; padding-bottom: 63px;}
.section4 .tit01{ padding-top:0px; margin-left: 4px}
.section4 .tit01 img{ ; overflow: hidden;
float:left; }

.section4 .tit01 a{overflow: hidden; margin-left: 4px; margin-right: 5px; float:left; margin-top: 21px; border: 1px solid transparent;}

.section4 .tit01 a:hover {
        border-color: #000; margin-left: 4px; margin-right: 5px;
    }
section4 .tit01 a:hover img{
        margin: -1px; 
    }


/**************************************************************************************************************
	¼½¼Ç4-2
**************************************************************************************************************/
.section42 { background:#f3f3f3 no-repeat; background-size:cover;
	background-position: 50% 50%;
            width:100%; height:100%; padding-top: 0px;
padding-bottom: 120px;}
.section42 .title{ padding-top:127px; padding-bottom: 63px;}
.section42 .tit01{ padding-top:0px; margin-left: 4px}
.section42 .tit01 img{ ; overflow: hidden;
float:left; }

.section42 .tit01 a{overflow: hidden; margin-left: 4px; margin-right: 5px; float:left; margin-top: 21px; border: 1px solid transparent;}

.section42 .tit01 a:hover {
        border-color: #000; margin-left: 4px; margin-right: 5px;
    }
section42 .tit01 a:hover img{
        margin: -1px; 
    }

/**************************************************************************************************************
	¼½¼Ç5
**************************************************************************************************************/
.section5 { background:#f3f3f3 no-repeat; background-size:cover;
	background-position: 50% 50%;
            width:100%; height:100%; padding-top: 0px;
padding-bottom: 120px;}
.section5 .title{ padding-top:127px; padding-bottom: 63px;}
.section5 .tit01{ padding-top:0px; margin-left: 4px}
.section5 .tit01 img{ ; overflow: hidden;
float:left; }

.section5 .tit01 a{overflow: hidden; margin-left: 5px; margin-right: 6px; float:left; margin-top: 21px;}

.section5 .tit01 a:hover {
        border: 1px solid #000; margin-left: 5px; margin-right: 6px;
    }
section5 .tit01 a:hover img{
        margin: -1px; 
    }

/**************************************************************************************************************
	¼½¼Ç6
**************************************************************************************************************/
.section6 { background:url(../img/s06_bg.png)no-repeat; background-size:cover;
	background-position: 50% 50%; height: 301px;
            width:100%; }
.section6 .tit01{ padding-top:45px;}

.section6 .tit01 img{ width: 302px; margin: 4px;}


/**************************************************************************************************************
	footer
**************************************************************************************************************/
#footer {width: 100%; background: #333;}
.footerCont {margin: 0 auto; width: 1000px; font-size: 0; line-height: 0;}
.footerCont .siteMap .siteMapTit {margin-bottom: 40px;}
.footerCont .siteMap {padding-top: 40px; height: 294px;}
.footerCont .siteMap .fotMenuList{float: left; padding:0 27px; width:160px; border-left: 1px solid #5a5d62;}
.footerCont .siteMap .fotMenuList .siteMapCate {margin-bottom: 13px; font-size: 18px; font-weight: 600; line-height: 1; letter-spacing: -1px; color : #dedede}
.footerCont .siteMap .fotMenuList ul a{font-size: 13px; line-height: 20px; color: #a8a8a9;}
.footerCont .footer {height: 172px;}
.footerCont .footer .logo_02{float: left; margin-top: 60px;
margin-left: 20px;}
.footerCont .footer .footerTxt {float: right; margin-top: 60px; text-align: right; margin-right: 40px;}
.footerCont .footer .linkList {display: inline-block;}
.footerCont .footer .linkList a {padding: 0 6px; font-size: 11px; line-height:18px; color: #d5d5d5;}
.footerCont .footer .linkList li.last a{padding-right: 0;}
.footerCont .footer .linkList li {float: left;}
.footerCont .footer .linkList li+li {background: url('../images/footer/line_01.png') no-repeat; background-position: 0 3px;}
.footerCont .footer .copyrightTxt {font-size: 12px; line-height: 18px; color: #ffffff;}
.footerCont .footer .infoTxt {font-size: 11px; line-height: 16px; color: #a5a5a5;}


.logo {position: absolute; z-index: 990; width: 180px;; height: auto; padding-top: 5px; margin-left: 100px;}
.logo2{display: none;}
@media all and (min-width:768px) {
.logo{ }
logo img{}
	
}

.section13 { background-color: #cf761c; padding-top:0px;padding-bottom:100px; height:100%;}



#sidebanner { position:fixed;  left:50%; margin-left:580px; width:54px; bottom:25px; }
@media all and (max-width:768px) {
	.inner2{padding-top: 20px;}
	.inner2 img{width: 100%;}
	.inner0{padding-top: 20px;}
.inner3 { max-width:227px; margin:0 auto; padding-top: 0px; padding-bottom: 70px;}
	.section1 { display: none;}	
	.section3 .title{ padding-top:50px; padding-bottom: 0px; margin: 0 auto; max-width: 380px;}
	.section3 .tit01 {margin: 0 auto; max-width: 237px;}
	.section4 .tit01 {margin: 0 auto; max-width: 237px;}
	.section42{padding-bottom: 50px;}
	.section42 .tit01 {margin: 0 auto; max-width: 237px;}
	.section6 {height: 700px;}
	.section6 .tit01{max-width: 302px; margin: 0 auto;}
	.footerCont{width: 100%;}
	.footerCont .footer .logo_02{float: left; margin-top: 10px; margin-left: 10px; display: block;}
	.footerCont .footer .footerTxt{float: left; margin-top: 0px;padding: 10px;display: block; word-break: break-all; text-align: left; margin-right: 0px;}
	.logo2{display: block; margin: 10px auto; max-width: 200px;}
	
	.hotNew-lec .lec-item {float: none !important; margin: 0 auto 25px auto !important;}
	.hotNew-lec {padding-bottom: 30px;}
	}

@media all and (max-width:1125px) {
	.inner { padding:0 15px; }
	
}