/*
 * [[ ESG 평가 - 한국ESG기준원 ]]
 * 2018-03-27 오후16:24:13 
 * 큐브에이 & 이창호
 * goldlch@cubea.co.kr
*/

@charset "utf-8";

/* 평가기준 */
.sub_standard .page-sub-menu li{width:180px}
.standard_wrap h3:first-child{margin-top:0}

.standard_wrap .norm_down{border-top:2px solid #414141;border-bottom:1px solid #e1e1e1}
.standard_wrap .norm_down ul{}
.standard_wrap .norm_down ul:after{content:"";display:block;clear:both}
.standard_wrap .norm_down ul li{float:left;position:relative;width:25%;}
.standard_wrap .norm_down ul.i3 li{width:33.3%;}
.standard_wrap .norm_down ul.i3 li:first-child{width:33.4%}
.standard_wrap .norm_down ul li em{position:absolute;right:10px;bottom:0;font-size:150px;line-height:1em;color:#f5f5f5;letter-spacing:-5px;z-index:1;
	transition: color 0.6s;-webkit-transition: color 0.6s;}
.standard_wrap .norm_down ul li a{display:block;position:relative;padding:30px 35px;height:170px;border-left:1px solid #e1e1e1;z-index:2;
	transition: background 0.6s;-webkit-transition: background 0.6s;}
.standard_wrap .norm_down ul li:first-child a{border-left:none}
.standard_wrap .norm_down ul li a:after{content:"";display:block;position:absolute;left:50%;top:88px;margin-left:-35px;width:70px;height:80px;background:url("../img/pdf_down.png") center top no-repeat;z-index:3}
.standard_wrap .norm_down ul li a:hover{background-color:#f5f5f5;}
.standard_wrap .norm_down ul li a:hover em{color:#fff}
.standard_wrap .norm_down ul li a strong{display:block;font-size:18px;color:#414141;font-weight:400}
.standard_wrap .norm_down ul li a strong span{display:block;color:#c5c5c5;font-size:15px;letter-spacing:0}
.standard_wrap .norm_down ul.i4 li a{padding-left:20px}
.standard_wrap .norm_down ul li.fg a:after{margin-left:-70px}

.standard_wrap .norm_history{border-top:2px solid #414141;}
.standard_wrap .norm_history dl{display:table;width:100%;border-bottom:1px solid #e1e1e1}
.standard_wrap .norm_history dl dt{display:table-cell;padding:35px 0;width:210px;vertical-align:middle;text-align:center}
.standard_wrap .norm_history dl dt strong{display:block;position:relative;margin-bottom:30px;font-size:45px;font-weight:400;line-height:50px;}
.standard_wrap .norm_history dl dt strong span{display:block;padding:5px 0 15px;font-size:20px;letter-spacing:0}
.standard_wrap .norm_history dl dt strong:after{content:"";display:block;position:absolute;left:50%;bottom:0;margin-left:-40px;width:80px;height:3px;}
.standard_wrap .norm_history dl dt p{display:inline-block;margin:0;text-align:left;font-size:20px;color:#848484;}
.standard_wrap .norm_history dl dt p span{display:inline-block;margin-left:15px;vertical-align:top}
.standard_wrap .norm_history dl dt p span:first-child{margin-left:0}
.standard_wrap .norm_history dl.his1 dt strong{color:#009bde}
.standard_wrap .norm_history dl.his1 dt strong:after{background-color:#009bde}
.standard_wrap .norm_history dl.his2 dt strong{color:#00bcb4}
.standard_wrap .norm_history dl.his2 dt strong:after{background-color:#00bcb4}
.standard_wrap .norm_history dl.his3 dt strong{color:#77bc1f}
.standard_wrap .norm_history dl.his3 dt strong:after{background-color:#77bc1f}
.standard_wrap .norm_history dl.his3 dt p{display:block;padding-left:34px}
.standard_wrap .norm_history dl.his4 dt strong{color:#2352a0}
.standard_wrap .norm_history dl.his4 dt strong:after{background-color:#2352a0}
.standard_wrap .norm_history dl dd{display:table-cell;width:auto;padding:40px 35px;text-align:left;color:#848484;vertical-align:middle}

.standard_wrap .norm_group{position:relative;border-top:2px solid #414141;border-bottom:1px solid #e1e1e1}
.standard_wrap .norm_group:before{content:"";display:block;position:absolute;left:50%;top:0;margin-left:-200px;width:400px;height:100%;background-color:#f7f9fc;z-index:1}
.standard_wrap .norm_group:after{content:"";display:block;clear:both;}
.standard_wrap .norm_group .grp{float:left;position:relative;padding:0 15px;width:363px;z-index:2}
.standard_wrap .norm_group .grp strong{display:block;padding:40px 0 35px;font-size:30px;font-weight:400;line-height:26px;text-align:center;border-bottom:5px solid #009bde}
.standard_wrap .norm_group .grp strong span{font-size:20px;letter-spacing:0}
.standard_wrap .norm_group .grp strong.line2{padding:40px 0 10px;}
.standard_wrap .norm_group .grp.g1 strong{color:#009bde}
.standard_wrap .norm_group .grp.g2 strong{color:#00bcb4;border-color:#00bcb4}
.standard_wrap .norm_group .grp.g3 strong{color:#77bc1f;border-color:#77bc1f}
.standard_wrap .norm_group .grp.g3 .line2{color:#2352a0;border-color:#2352a0}
.standard_wrap .norm_group .grp table{margin-bottom:-1px;width:100%;}
.standard_wrap .norm_group .grp table th,
.standard_wrap .norm_group .grp table td{padding:14px 5px 14px 20px;font-size:15px;line-height:1.5em;color:#848484;text-align:left;border:solid #e1e1e1;border-width:0 0 1px 1px;font-weight:400}
.standard_wrap .norm_group .grp table thead th{padding:14px 0;text-align:center}
.standard_wrap .norm_group .grp table tbody th{border-left:none}
.standard_wrap .norm_group .grp table thead th:first-child{border-left:none}