@charset "utf-8";

*{margin:0; padding:0;}
a{text-decoration:none;}
li{list-style:none;}
.hidden{position:absolute; left:-9999px; top:-9999px; width:0; height:0; font-size:0; line-height:0;}



body{font-family:OpenSans,helvetica,arial,verdana,sans-serif;}


/*평가제 지표*/

#indicator {width:800px;}
.indicatorboxall {
	display:inline-block;width:788px;padding:19px 0 21px 0;margin-bottom:20px;border:1px solid #d6d6d6;border-radius:15px;
}
.indicatorbox {
	display:block;text-decoration:none;
}


/*
.indicatorboxall:hover {
		width:788px;
		display:inline-block; 
		border:1px solid #4b4b4b; border-radius:15px;
		box-shadow:4px 4px 0px rgba(217,217,217,1);
		-webkit-box-shadow:2px 2px 5px rgba(170,170,170,.4);
		transition:all .3s ease;
	}
*/


.indicatortlt {
	overflow:hidden;
	float:left;
}
.indicatortlt>dl {margin:23px 29px 0 56px;}
.indicatortlt>dl>dt {
	
}
.indicatortlt>dl>dt>span:first-of-type {
	overflow:hidden;
	float:left;
	display:block;
	width:40px;
	margin-top:15px; padding-left:2px;
	font-family:NanumSquareRoundB!important;
	font-size:16px;color:#212121;
}
.indicator01num {
	float:left; display:block; margin-top:2px;
	font-family:Quicksand-Medium!important;font-size:29px;font-style:normal; color:#ff7300;
}
.indicator02num {
	float:left; display:block; margin-top:2px;
	font-family:Quicksand-Medium!important;font-size:29px;font-style:normal; color:#156ef5;
}
.indicator03num {
	float:left; display:block; margin-top:2px;
	font-family:Quicksand-Medium!important;font-size:29px;font-style:normal; color:#ba28fe;
}
.indicator04num {
	float:left; display:block; margin-top:2px;
	font-family:Quicksand-Medium!important;font-size:29px;font-style:normal; color:#019a2c;
}

.indicatortlt>dl>dd {clear:both;}
.indicatortlt>dl>dd:nth-of-type(1) {
	clear:both;
	width:140px; padding-top:6px;
	font-family:NanumSquareRoundB!important;
	font-size:25px;color:#000000;line-height:30px;
}

.indicator_mv1 {
	width:108px;height:61px;margin:22px 0 23px -2px;
	border-radius:10px; cursor:pointer;
	box-shadow:2px 2px 4px rgba(170,170,170,.4);
	-webkit-box-shadow:2px 2px 4px rgba(170,170,170,.4);
	-moz-box-shadow:2px 2px 4px rgba(170,170,170,.4);
	-ms-box-shadow:2px 2px 4px rgba(170,170,170,.4);
	-o-box-shadow:2px 2px 4px rgba(170,170,170,.4);	
	background:url('/images/indicator/indicator_mvimg1.jpg') 0px  0px no-repeat;
	background-position:center bottom;
}
.indicator_mv2 {
	width:108px;height:61px;margin:22px 0 23px -2px;
	border-radius:10px; cursor:pointer;
	box-shadow:2px 2px 4px rgba(170,170,170,.4);
	-webkit-box-shadow:2px 2px 4px rgba(170,170,170,.4);
	-moz-box-shadow:2px 2px 4px rgba(170,170,170,.4);
	-ms-box-shadow:2px 2px 4px rgba(170,170,170,.4);
	-o-box-shadow:2px 2px 4px rgba(170,170,170,.4);	
	background:url('/images/indicator/indicator_mvimg2.jpg') 0px  0px no-repeat;
	background-position:center bottom;
}
.indicator_mv3 {
	width:108px;height:61px;margin:22px 0 23px -2px;
	border-radius:10px; cursor:pointer;
	box-shadow:2px 2px 4px rgba(170,170,170,.4);
	-webkit-box-shadow:2px 2px 4px rgba(170,170,170,.4);
	-moz-box-shadow:2px 2px 4px rgba(170,170,170,.4);
	-ms-box-shadow:2px 2px 4px rgba(170,170,170,.4);
	-o-box-shadow:2px 2px 4px rgba(170,170,170,.4);	
	background:url('/images/indicator/indicator_mvimg3.jpg') 0px  0px no-repeat;
	background-position:center bottom;
}
.indicator_mv4 {
	width:108px;height:61px;margin:22px 0 23px -2px;
	border-radius:10px; cursor:pointer;
	box-shadow:2px 2px 4px rgba(170,170,170,.4);
	-webkit-box-shadow:2px 2px 4px rgba(170,170,170,.4);
	-moz-box-shadow:2px 2px 4px rgba(170,170,170,.4);
	-ms-box-shadow:2px 2px 4px rgba(170,170,170,.4);
	-o-box-shadow:2px 2px 4px rgba(170,170,170,.4);	
	background:url('/images/indicator/indicator_mvimg4.jpg') 0px  0px no-repeat;
	background-position:center bottom;
}


.indicator_mv1:hover {
	width:108px;height:61px;margin:22px 0 23px -2px;
	border-radius:10px; cursor:pointer;
	box-shadow:2px 2px 4px rgba(170,170,170,.4);
	-webkit-box-shadow:2px 2px 4px rgba(170,170,170,.4);
	-moz-box-shadow:2px 2px 4px rgba(170,170,170,.4);
	-ms-box-shadow:2px 2px 4px rgba(170,170,170,.4);
	-o-box-shadow:2px 2px 4px rgba(170,170,170,.4);	
	background:url('/images/indicator/indicator_mvimg1on.gif') 0px  0px no-repeat;
	background-position:center bottom;
}
.indicator_mv2:hover {
	width:108px;height:61px;margin:22px 0 23px -2px;
	border-radius:10px; cursor:pointer;
	box-shadow:2px 2px 4px rgba(170,170,170,.4);
	-webkit-box-shadow:2px 2px 4px rgba(170,170,170,.4);
	-moz-box-shadow:2px 2px 4px rgba(170,170,170,.4);
	-ms-box-shadow:2px 2px 4px rgba(170,170,170,.4);
	-o-box-shadow:2px 2px 4px rgba(170,170,170,.4);	
	background:url('/images/indicator/indicator_mvimg2on.gif') 0px  0px no-repeat;
	background-position:center bottom;
}
.indicator_mv3:hover {
	width:108px;height:61px;margin:22px 0 23px -2px;
	border-radius:10px; cursor:pointer;
	box-shadow:2px 2px 4px rgba(170,170,170,.4);
	-webkit-box-shadow:2px 2px 4px rgba(170,170,170,.4);
	-moz-box-shadow:2px 2px 4px rgba(170,170,170,.4);
	-ms-box-shadow:2px 2px 4px rgba(170,170,170,.4);
	-o-box-shadow:2px 2px 4px rgba(170,170,170,.4);	
	background:url('/images/indicator/indicator_mvimg3on.gif') 0px  0px no-repeat;
	background-position:center bottom;
}
.indicator_mv4:hover {
	width:108px;height:61px;margin:22px 0 23px -2px;
	border-radius:10px; cursor:pointer;
	box-shadow:2px 2px 4px rgba(170,170,170,.4);
	-webkit-box-shadow:2px 2px 4px rgba(170,170,170,.4);
	-moz-box-shadow:2px 2px 4px rgba(170,170,170,.4);
	-ms-box-shadow:2px 2px 4px rgba(170,170,170,.4);
	-o-box-shadow:2px 2px 4px rgba(170,170,170,.4);	
	background:url('/images/indicator/indicator_mvimg4on.gif') 0px  0px no-repeat;
	background-position:center bottom;
}

/*
.indicatortlt>dl>dd:nth-of-type(2) {
	margin:22px 0 23px -2px;
	
}
.indicatortlt>dl>dd:nth-of-type(2)>img {
	border-radius:10px;
	box-shadow:2px 2px 4px rgba(170,170,170,.4);
	-webkit-box-shadow:2px 2px 4px rgba(170,170,170,.4);
	-moz-box-shadow:2px 2px 4px rgba(170,170,170,.4);
	-ms-box-shadow:2px 2px 4px rgba(170,170,170,.4);
	-o-box-shadow:2px 2px 4px rgba(170,170,170,.4);	
}
*/
.indicatortlt>dl>dd:nth-of-type(3) {cursor:pointer;}
.indicatortlt>dl>dd:nth-of-type(3)>span:first-of-type {
	display:inline-block;
	padding-left:4px; padding-top:1px; line-height:20px;
	font-family:NanumSquareRoundB!important;font-size:15px;font-style:normal; color:#000000;
}
.indicatortlt>dl>dd:nth-of-type(3)>span:last-of-type {display:inline-block; vertical-align:top;margin:22px 0 0 -46px;}

.indicatortlt>dl>dd:nth-of-type(3):hover>span:last-of-type {
	position:relative; margin:21px 0 0 -40px;
	/*padding-left:20px; transition:all .3s ease;*/
	animation:moveS .7s ease infinite;
	-webkit-animation:moveS .5s ease infinite;
	-moz-animation:moveS .7s ease infinite;
	-ms-animation:moveS .7s ease infinite;
	-o-animation:moveS .7s ease infinite;
}
@keyframes moveS {
	0%{top:0; left:0;}
	50%{top:0px; left:13px;}
	100%{top:0px; left:0px;}
}

@-webkit-keyframes moveS {
	0%{top:0; left:0;}
	50%{top:0px; left:13px;}
	100%{top:0px; left:0px;}
}
@-moz-keyframes moveS {
	0%{top:0; left:0;}
	50%{top:0px; left:13px;}
	100%{top:0px; left:0px;}
}
@-o-keyframes moveS {
	0%{top:0; left:0;}
	50%{top:0px; left:13px;}
	100%{top:0px; left:0px;}
}
@-ms-keyframes moveS {
	0%{top:0; left:0;}
	50%{top:0px; left:13px;}
	100%{top:0px; left:0px;}
}









.indicatortxt {
	overflow:hidden;
	float:left;
}
.indicatortxt>dl:nth-of-type(1) {
	clear:both;
	overflow:hidden;
	float:left;
	width:256px; height:267px; margin:10px 0 16px 10px;
	border-radius:10px;
	box-shadow:2px 2px 5px rgba(170,170,170,.4),  -1px -1px 4pt rgba(190,190,190,.5);
	-webkit-box-shadow:2px 2px 5px rgba(170,170,170,.4),  -1px -1px 4pt rgba(190,190,190,.5);
}
.indicatortxt>dl:nth-of-type(2) {
	float:left;
	width:246px; height:267px; margin:10px 10px 0 17px;
	border-radius:10px;
	box-shadow:2px 2px 5px rgba(170,170,170,.4),  -1px -1px 4pt rgba(190,190,190,.5);
	-webkit-box-shadow:2px 2px 5px rgba(170,170,170,.4),  -1px -1px 4pt rgba(190,190,190,.5);
}
.indicatortxt1 {
	clear:both;
	width:519px;
	padding:11px 0px 33px 0px; margin:0 0 10px 10px;
	border-radius:10px;
	box-shadow:2px 2px 5px rgba(170,170,170,.4),  -1px -1px 4pt rgba(190,190,190,.5);
	-webkit-box-shadow:2px 2px 5px rgba(170,170,170,.4),  -1px -1px 4pt rgba(190,190,190,.5);
}
.indicatortxt3 {
	clear:both;
	width:519px;
	padding:11px 0px 46px 0px; margin:0 0 10px 10px;
	border-radius:10px;
	box-shadow:2px 2px 5px rgba(170,170,170,.4),  -1px -1px 4pt rgba(190,190,190,.5);
	-webkit-box-shadow:2px 2px 5px rgba(170,170,170,.4),  -1px -1px 4pt rgba(190,190,190,.5);
}
.indicatortxt>dl>dt {
	line-height:81px; margin-top:-4px; margin-bottom:9px;
	font-family:NanumSquareRoundB!important;font-size:21px;font-style:normal; color:#1b1b1b;text-align:center;
	background:url('/images/indicator/indicator_li.jpg') 0px  0px no-repeat; background-position:center bottom;
}



.indicatortxt01>dd {
	width:177px; 	margin:0 auto; 
	font-family:NanumSquareRoundR!important; font-size:14px; color:#4b4b4b; text-align:left; line-height:20px;padding-top:10px;
}
.indicatortxt02>dd {
	width:178px; 	margin:0 auto; 
	font-family:NanumSquareRoundR!important; font-size:14px; color:#4b4b4b; text-align:left; line-height:20px;padding-top:10px;
}
.indicatortxt03>dd {
	width:194px; 	margin:0 auto; 
	font-family:NanumSquareRoundR!important; font-size:14px; color:#4b4b4b; text-align:left; line-height:20px;padding-top:10px;
}
.indicatortxt04>dd {
	width:174px; 	margin:0 auto; 
	font-family:NanumSquareRoundR!important; font-size:14px; color:#4b4b4b; text-align:left; line-height:20px;padding-top:10px;
}
.indicatortxt>dl:nth-of-type(2)>dd {clear:both; padding-top:12px; width:210px; 	margin:0 auto; margin-top:-2px;}
.indicatortxt>dl:nth-of-type(2)>dd>span:first-of-type {
	 clear:both; overflow:hidden; 
	 display:block;float:left;
	 width:50px; padding-top:26px; 
	 background:url('/images/indicator/indicator_icon5.jpg') 13px  0px no-repeat;
	 font-family:NanumSquareRoundR!important; font-size:11px; color:#626262; text-align:center;
}
.indicatortxt>dl:nth-of-type(2)>dd>span:last-of-type {
	display:block;float:left; margin-left:8px; padding-top:1px; vertical-align:middle;
	font-family:NanumSquareRoundR!important; font-size:14px; color:#4b4b4b; text-align:left; line-height:19px;
}
.indicatortxt>dl:nth-of-type(2)>dd>span:last-of-type>em {font-family:NanumSquareRoundB;font-style:normal; color:#ff3e4e; }
.indicatortxt>dl:nth-of-type(3)>dt {
	font-family:NanumSquareRoundB!important; font-size:16px; color:#1b1b1b; text-align:left; line-height:29px;
	clear:both; overflow:hidden; float:left;  width:90px; margin-left:22px; padding-left:3px;
	background:url('/images/indicator/indicator_txtbg.jpg') 0px  17px no-repeat;
}
.indicatortxt>dl:nth-of-type(3)>dd {
	float:left; margin-top:2px;
	font-family:NanumSquareRoundR!important; font-size:14px; color:#4b4b4b; text-align:left; line-height:16px;
}


/*지표알기*/
.indicatortab {width:796px; height:230px; margin:auto;}
.indicatortab>li {display:block;overflow:hidden;float:left;}

.indicatortab>li:nth-of-type(1):hover {display:block;width:199px;height:230px;background:url('/images/indicator/indicator_tab1on.jpg') 0px  0px no-repeat;}
.indicatortab>li:nth-of-type(2):hover {display:block;width:199px;height:230px;background:url('/images/indicator/indicator_tab2on.jpg') 0px  0px no-repeat;}
.indicatortab>li:nth-of-type(3):hover {display:block;width:199px;height:230px;background:url('/images/indicator/indicator_tab3on.jpg') 0px  0px no-repeat;}
.indicatortab>li:nth-of-type(4):hover {display:block;width:199px;height:230px;background:url('/images/indicator/indicator_tab4on.jpg') 0px  0px no-repeat;}
.indicatortab>li:hover>img {width:0;height:0;}


.indicatortable {display:block; padding-top:6px;width:800px;table-layout: fixed;border-collapse: collapse; padding-bottom:14px; border-bottom:1px solid #d7d7d7;}

#numsubjectCol {width:119px;}
#titleCol {width:560px;}
#howCol {width:121px;}

.indicatortable>thead>tr {height:57px; background:url('/images/indicator/indicator_li1.jpg') 0px  0px no-repeat; margin-bottom:11px;}
.indicatortable>thead>tr>th {
	font-family:NanumSquareRoundB!important; font-size:15px; color:#000000; text-align:left; padding-top:3px;
}
.indicatortable>thead>tr>th>span:nth-of-type(1) {display:inline-block;width:83px;padding-left:33px; background:url('/images/indicator/indicator_icon9.jpg') 23px  10px no-repeat;}
.indicatortable>thead>tr>th:nth-of-type(2) {padding-left:26px;background:url('/images/indicator/indicator_icon11.jpg') 0px  21px no-repeat;}
.indicatortable>thead>tr>th:last-of-type {background:url('/images/indicator/indicator_icon12.jpg') 62px  21px no-repeat;}

.indicatortable>tbody>tr {background:url('/images/indicator/indicator_li2.jpg') 0px  0px repeat-x;}
.indicatortable>tbody>tr:first-of-type {background:none;}
.indicatortable>tbody>tr:first-of-type>td {padding-top:11px;}
.indicatortable>tbody>tr>td:first-of-type {
	padding:15px;
	padding-left:30px;
	font-family:NanumSquareRoundL!important; font-size:14px; color:#626262; text-align:left; line-height:25px;
}
.indicatortable>tbody>tr>td:last-of-type {
	font-family:NanumSquareRoundL!important; font-size:14px; color:#626262; text-align:left;
}