@charset 'utf-8';

/*
 * [[ KCGS - 한국기업지배구조원 - Publish ]]
 * 
 * cubeA & 신빛나(Bichna. Shin) / 책임
 * bic@cubea.co.kr
*/

.sub_publish .none{display:block;padding:150px 0;border-bottom:1px solid #ddd;font-size:16px;text-align:center}

.publish_wrap{position:relative}
.publish_wrap .contents_info{margin-top:85px}
.publish_wrap > p{text-align:center;font-size:17px;line-height:1.6em;color:#3f3f3f}
.publish_wrap > p span{display:block}
.publish_wrap > p span a{color:#0d4e9c}
.publish_wrap .company_lnk{position:absolute;left:50%;top:120px;margin-left:615px;width:122px;height:121px;background:url("../img/company_lnk.jpg") center center no-repeat;font-size:0;line-height:0;box-shadow:rgba(0, 0, 0, 0.4) 5px 5px 30px;z-index:51}
.fixed_bn .publish_wrap .company_lnk{position:fixed;top:441px}
.publish_wrap .review_wrap{margin:50px auto 100px;width:1000px}
.publish_wrap .review_wrap .lst_search{margin-bottom:40px}
.publish_wrap .review_wrap .category{margin:0 0 20px}
.publish_wrap .review_wrap .category .selt{margin-right:4px}
.publish_wrap .review_wrap .category .selt.scd{width:180px}
.publish_wrap .review_wrap .review_list{border-top:2px solid #323841}
.publish_wrap .review_wrap .review_list ul > li{display:block;position:relative;border-bottom:1px solid #e1e1e1}
.publish_wrap .review_wrap .review_list ul > li a{display:block;position:relative;padding:30px 60px 30px 220px;height:188px}
.publish_wrap .review_wrap .review_list.ri_list ul > li .img{display:none;}
.publish_wrap .review_wrap .review_list.ri_list ul > li a{padding:30px 30px}
.publish_wrap .review_wrap .review_list.ri_list ul > li strong em{padding-right:10px;color:#0096d5;font-size:16px;position:relative;top:-1px}
.publish_wrap .review_wrap .review_list ul > li a.pdf{position:absolute;right:110px;top:195px;padding:0;width:30px;height:30px;background:url("../img/file_pdf.png") center center no-repeat;font-size:0;line-height:0;z-index:2}
.publish_wrap .review_wrap .review_list ul > li .img{position:absolute;top:30px;left:30px;width:131px;height:186px;border:1px solid #d7d7d7;background:#ececec url("../img/logo_foot.png") center center no-repeat}
.publish_wrap .review_wrap .review_list ul > li .img img{display:block;width:100%;height:auto;position:absolute;left:0;top:0}
.publish_wrap .review_wrap .review_list ul > li .img:before{content:'';display:block;width:131px;height:186px}
.publish_wrap .review_wrap .review_list ul > li .img em{display:block;width:100%;line-height:1.3em;background-color:#ececec;text-align:center;color:#000;font-size:14px;padding:5px 0 7px 0;margin-top:4px}
.publish_wrap .review_wrap .review_list ul > li strong{display:block;margin:5px 0 0;font-size:18px;font-weight:500;color:#323841}
.publish_wrap .review_wrap .review_list ul > li p{display:block;margin:25px 0 15px;height:90px;font-size:15px;line-height:1.5em;color:#3f3f3f;display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; word-wrap:break-word;overflow:hidden}
.publish_wrap .review_wrap .review_list ul > li .date{font-size:13px;color:#4f4f51;letter-spacing:0}
.publish_wrap .review_wrap .review_list ul > li a:hover p{text-decoration:underline}
.publish_wrap .review_wrap .review_list .btn_ct{display:block;position:absolute;right:20px;top:195px;padding:0 40px 0 20px;font-size:18px;line-height:30px;color:#323841;font-weight:500;z-index:2}
.publish_wrap .review_wrap .review_list .btn_ct:after{content:"";display:block;position:absolute;right:0;top:0;width:30px;height:30px;background:url("../img/appraisal-slide-down.png") center center no-repeat;background-size:100% auto;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.publish_wrap .review_wrap .review_list .btn_ct.on:after{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.publish_wrap .review_wrap .review_list .contents_thm{display:none;position:relative;padding:35px 100px;border-top:1px solid #e1e1e1;background-color:#f5f5f7}
.publish_wrap .review_wrap .review_list .contents_thm ol{max-height:166px;overflow:hidden}
.publish_wrap .review_wrap .review_list .contents_thm ol li{display:block;margin-top:5px;font-size:15px;line-height:1.8em;color:#3f3f3f}
.publish_wrap .review_wrap .review_list .contents_thm ol li:first-child{margin-top:0}
.publish_wrap .review_wrap .review_list .contents_thm ol li em{display:block;color:#000;vertical-align:top}
.publish_wrap .review_wrap .review_list .contents_thm ol li span{display:block;padding-left:14px}
.publish_wrap .review_wrap .review_list .contents_thm .btn_more{display:block;position:absolute;right:0;bottom:0;width:60px;height:60px;background:#0096d5 url("../img/ico_plus.png") center center no-repeat;font-size:0;line-height:0;opacity:1;
	transition: opacity 0.6s;-webkit-transition: opacity 0.6s}
.publish_wrap .review_wrap .review_list .contents_thm.all_open{}
.publish_wrap .review_wrap .review_list .contents_thm.all_open ol{max-height:100%}
.publish_wrap .review_wrap .review_list .contents_thm.all_open .btn_more{opacity:0;cursor:default}
.publish_wrap .review_wrap .review_list .pagination{margin-top:40px}
.publish_wrap .review_wrap .news_vew-tamp{padding:60px 0 20px}
.publish_wrap .review_wrap .news_vew-tamp .vew_top{position:relative}
.publish_wrap .review_wrap .news_vew-tamp .vew_top strong{display:block;padding-left:40px;width:500px}
.publish_wrap .review_wrap .news_vew-tamp .vew_top .inp{position:absolute;right:15px;top:50%;margin-top:-20px;height:40px;z-index:2}
.publish_wrap .review_wrap .news_vew-tamp .vew_top .inp:after{content:"";display:block;clear:both}
.publish_wrap .review_wrap .news_vew-tamp .vew_top .inp input{float:left;width:227px;font-size:14px;line-height:40px;color:#a8a7a8}
.publish_wrap .review_wrap .news_vew-tamp .vew_top .inp button{float:right;width:110px;height:40px;background-color:#323841;font-size:16px;color:#fff}
.publish_wrap .review_wrap .news_vew-tamp .vew_top .inp .selt{float:right;width:260px;margin-left:10px}
.publish_wrap .review_wrap .news_vew-tamp .vew_top .inp .selt:first-child{float:left;width:110px}
.publish_wrap .review_wrap .news_vew-tamp .vew_top .inp .selt label{width:85%}
.publish_wrap .review_wrap .news_vew-tamp .vew_top .inp .selt.tcd{float:left}
.publish_wrap .review_wrap .news_vew-tamp .v_content{position:relative;padding-left:195px;min-height:190px}
.publish_wrap .review_wrap .news_vew-tamp .v_content .img{position:absolute;top:0;left:0;width:131px;height:186px;border:1px solid #d7d7d7;background:#ececec url("../img/logo_foot.png") center center no-repeat}
.publish_wrap .review_wrap .news_vew-tamp .v_content .img:before{content:'';display:block;width:131px;height:186px}
.publish_wrap .review_wrap .news_vew-tamp .v_content .img img{display:block;width:100%;height:auto;position:absolute;left:0;top:0}
.publish_wrap .review_wrap .news_vew-tamp .v_content .img em{display:block;width:100%;background-color:#ececec;text-align:center;color:#000;font-size:14px;padding:2px 0 6px 0;margin-top:4px;line-height:1.3em}
.publish_wrap .review_wrap .news_vew-tamp .v_content strong{display:block;padding:10px 0;font-size:18px;color:#323841;font-weight:500}
.publish_wrap .review_wrap .news_vew-tamp .v_content .date{display:block;font-size:13px;color:#4f4f51;letter-spacing:0}
.publish_wrap .review_wrap .news_vew-tamp .v_content .pdf{display:inline-block;position:relative;margin-top:25px;padding:0 70px 0 48px;font-size:16px;line-height:40px;color:#323841;border:1px solid #323841;background:url("../img/file_pdf.png") 10px center no-repeat;
	transition: background-color 0.3s, color 0.3s;-webkit-transition: background-color 0.3s, color 0.3s}
.publish_wrap .review_wrap .news_vew-tamp .v_content .pdf:after{content:"";display:block;position:absolute;right:20px;top:0;width:22px;height:100%;background:url("../img/ico-download-b.png") center center no-repeat;
	transition: background-image 0.3s;-webkit-transition: background-image 0.3s}
.publish_wrap .review_wrap .news_vew-tamp .v_content .pdf:hover{background-color:#323841;color:#fff}
.publish_wrap .review_wrap .news_vew-tamp .v_content .pdf:hover:after{background-image:url("../img/ico-download.png")}
.publish_wrap .review_wrap .news_vew-tamp .v_content.ri{padding-left:0}
.publish_wrap .review_wrap .news_vew-tamp .v_content.ri .img{display:none;}
.publish_wrap .review_wrap .news_vew-tamp .v_content.ri strong em{font-size:16px;color:#0096d5;padding-right:10px;position:relative;top:-1px}
.publish_wrap .review_wrap .news_vew-tamp .vew_btm dd a{display:block;padding:10px 46px 10px 0;background-image:url("../img/file_pdf.png");background-position:right center}
.publish_wrap .review_wrap .news_vew-tamp .vew_btm dd a em{display:block;color:#000;font-weight:400}
.publish_wrap .review_wrap .news_vew-tamp .vew_btm dd a span{display:block}
.publish_wrap .review_wrap .news_vew-tamp .vew_simple{padding:35px 40px 45px;border-top:1px solid #e1e1e1}
.publish_wrap .review_wrap .news_vew-tamp .vew_simple strong{display:block;margin-bottom:10px;font-size:18px;font-weight:500}
.publish_wrap .review_wrap .news_vew-tamp .vew_simple p{display:block;margin-top:10px;font-size:15px;color:#3f3f3f;line-height:1.5em}
.publish_wrap .review_wrap .news_vew-tamp .vew_simple p:first-child{margin-top:0}
.publish_wrap .review_wrap .news_vew-tamp .vew_simple .cnts_edit{}
.publish_wrap .review_wrap .emailapp{position:relative;padding:35px 45px;background-color:#f5f5f7}
.publish_wrap .review_wrap .emailapp strong{display:block;font-size:24px;line-height:1.2em;color:#323841;font-weight:500}
.publish_wrap .review_wrap .emailapp p{display:block;margin-top:15px;font-size:15px;color:#3f3f3f}
.publish_wrap .review_wrap .emailapp button{display:block;position:absolute;right:45px;bottom:35px;width:183px;height:40px;font-size:16px;color:#fff;background-color:#323841}
.publish_wrap .disclaimer_link{text-align:center;padding:30px 0;background-color:#f5f5f7;margin-top:60px}
.publish_wrap .disclaimer_link p a{color:#0394cf}
.news_vew-tamp .vew_btm dt{margin-top:30px}
.news_vew-tamp .vew_btm dt:first-child{margin-top:0}



/***************************
	  ** Mobile CSS **
***************************/
@media all and ( max-width:640px ){
	.sub_publish .none{padding:80px 0;font-size:13px}
	.sub_publish .sub_top .page_link ul{width:608px}

	.publish_wrap .contents_info{margin-top:30px}
	.publish_wrap > p{font-size:13px;text-align:left}
	.publish_wrap > p span{display:inline}
	.publish_wrap .company_lnk{display:none}
	.publish_wrap .review_wrap{margin:15px -20px 0;width:auto}
	.publish_wrap .review_wrap .category{margin:0 0 10px 20px}
	.publish_wrap .review_wrap .review_list{}
	.publish_wrap .review_wrap .review_list .btn_ct{display:none}
	.publish_wrap .review_wrap .review_list ul > li a{padding:18px 20px 18px 105px;height:auto;min-height:85px}
	.publish_wrap .review_wrap .review_list.ri_list ul > li a{padding:18px 20px}
	.publish_wrap .review_wrap .review_list.ri_list ul>li a strong{line-height:1.4em;}
	.publish_wrap .review_wrap .review_list.ri_list ul>li a strong em{font-size:14px;position: static;}
	.publish_wrap .review_wrap .review_list ul > li .img{top:18px;left:20px;width:60px;height:85px;background-size:46px auto}
	.publish_wrap .review_wrap .review_list ul > li .img:before{width:60px;height:85px}
	.publish_wrap .review_wrap .review_list ul > li .img em{font-size:10px;padding:2px 0 4px 0;line-height:1.2em}
	.publish_wrap .review_wrap .review_list ul > li a.pdf{right:0;top:auto;bottom:0;width:55px;height:45px;min-height:auto;background-size:15px auto}
	.publish_wrap .review_wrap .review_list ul > li strong{font-size:15px}
	.publish_wrap .review_wrap .review_list ul > li p{display:none}
	.publish_wrap .review_wrap .review_list ul > li .date{display:block;margin-top:10px;font-size:11px}

	.publish_wrap .review_wrap .news_vew-tamp{padding-top:20px}
	.publish_wrap .review_wrap .news_vew-tamp .vew_top{padding:20px}
	.publish_wrap .review_wrap .news_vew-tamp .vew_top strong{width:auto;padding:0;text-align:center}
	.publish_wrap .review_wrap .news_vew-tamp .vew_top .inp{position:relative;top:auto;margin:8px 0 0;right:auto;height:auto;width:auto}
	.publish_wrap .review_wrap .news_vew-tamp .vew_top .inp .selt{width:65%;margin-left:0}
	.publish_wrap .review_wrap .news_vew-tamp .vew_top .inp .selt:first-child{width:33%}
	.publish_wrap .review_wrap .news_vew-tamp .vew_top .inp .selt.scd{width:100%;margin-top:8px}
	.publish_wrap .review_wrap .news_vew-tamp .vew_top .inp input{width:100%}
	.publish_wrap .review_wrap .news_vew-tamp .vew_top .inp button{position:absolute;right:0;top:0;width:95px;height:34px}
	.publish_wrap .review_wrap .news_vew-tamp .vew_top .inp .selt.tcd{float:right}
	.publish_wrap .review_wrap .news_vew-tamp .vew_mid{padding:30px 20px}
	.publish_wrap .review_wrap .news_vew-tamp .v_content{padding-left:80px;min-height:auto}
	.publish_wrap .review_wrap .news_vew-tamp .v_content .img{width:60px;height:85px;background-size:46px auto}
	.publish_wrap .review_wrap .news_vew-tamp .v_content .img:before{width:60px;height:85px}
	.publish_wrap .review_wrap .news_vew-tamp .v_content .img em{font-size:10px}
	.publish_wrap .review_wrap .news_vew-tamp .v_content strong{padding:0 0 5px;font-size:15px}
	.publish_wrap .review_wrap .news_vew-tamp .v_content .date{font-size:11px}
	.publish_wrap .review_wrap .news_vew-tamp .v_content .pdf{margin-top:9px;padding-left:40px;font-size:12px;line-height:34px;background-size:15px auto;background-position:18px center}
	.publish_wrap .review_wrap .news_vew-tamp .v_content .pdf:after{right:10px;background-size:11px auto}
	.publish_wrap .review_wrap .news_vew-tamp .v_content.ri strong{line-height:1.4em;}
	.publish_wrap .review_wrap .news_vew-tamp .v_content.ri strong em{font-size:14px;position:static;}
	
	.publish_wrap .review_wrap .news_vew-tamp .vew_simple{padding:30px 20px}
	.publish_wrap .review_wrap .news_vew-tamp .vew_simple strong{font-size:13px}
	.publish_wrap .review_wrap .news_vew-tamp .vew_simple p{margin-top:5px;font-size:13px}

	.publish_wrap .review_wrap .emailapp{padding:30px 20px}
	.publish_wrap .review_wrap .emailapp strong{font-size:15px}
	.publish_wrap .review_wrap .emailapp p{margin-top:5px;font-size:11px}
	.publish_wrap .review_wrap .emailapp button{position:static;margin:20px auto 0;right:auto;bottom:auto;width:94%;height:35px;font-size:12px}

	.publish_wrap .disclaimer_link{margin-top:30px;padding:20px 30px}
	
	.news_vew-tamp .vew_btm dt{margin-top:15px}
	.news_vew-tamp .vew_btm dt:first-child{margin-top:0}

}