/*
 * [[ ESG Æò°¡ - Çѱ¹ESG±âÁØ¿ø ]]
 * 2018-03-27 ¿ÀÈÄ16:24:13 
 * Å¥ºê¿¡ÀÌ & ÀÌâȣ
 * goldlch@cubea.co.kr
*/

@charset "utf-8";

/* °øÁö»çÇ× */
.notice_list table{border-top:2px solid #414141}
.notice_list table tr{border-bottom:1px solid #e1e1e1;text-align:center;cursor:pointer;background-color:#fff}
.notice_list table tr:hover{background-color:#f4f8fe}
.notice_list table th{padding:12px 0;font-size:15px;color:#848484;border-right:1px solid #e1e1e1;background-color:#f6f6f8}
.notice_list table td{padding:10px 0;font-size:16px;color:#848484;letter-spacing:0}
.notice_list table td.tit{padding:0 26px;color:#414141;text-align:left}
.notice_list table td.tit a{display:block;width:700px;height:25px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal !important}
.notice_list table td.tit span{margin-right:10px;display:inline-block;width:50px;height:24px;line-height:24px;font-size:13px;color:#fff;text-align:center;vertical-align:top;background-color:#3bab83;border-radius:12px;font-weight:300}
.notice_list table td.tit em{margin-left:10px;display:inline-block;width:22px;height:22px;line-height:22px;font-size:13px;color:#fff;text-align:center;vertical-align:bottom;background-color:#6884de;border-radius:50%;text-indent:-2px}
.notice_list table td.file{padding:11px 20px;}
.notice_list table td.file button{display:inline-block;vertical-align:top;width:30px;height:30px;font-size:0;text-indent:-9999px;background:url("../img/ico_file.png") center center no-repeat;}
.notice_list table tr:hover td.file button{background-image:url("../img/ico_file_on.png") }

/* °øÁö»çÇ× - »ó¼¼ */
.notice_view{border-top:2px solid #414141}
.notice_view .no_top{position:relative;padding:26px 100px 26px 30px;border-bottom:1px solid #e1e1e1}
.notice_view .no_top p{margin:0;font-size:18px;color:#414141}
.notice_view .no_top span{position:absolute;top:30px;right:11px;font-size:15px;color:#848484;display:block;text-align:center;line-height:1em}
.notice_view .no_middle{padding:40px 30px 80px;font-size:15px;color:#848484;border-bottom:1px solid #e1e1e1}
.notice_view .no_bottom{padding:30px 0;border-bottom:1px solid #e1e1e1}
.notice_view .no_bottom ul{margin:0 30px}
.notice_view .no_bottom ul li{margin-bottom:14px}
.notice_view .no_bottom ul li:last-child{margin-bottom:0}
.notice_view .no_bottom ul li a{position:relative;padding:0 0 0 50px;font-size:15px;color:#414141}
.notice_view .no_bottom ul li a:before{position:absolute;left:0;top:-4px;content:"";clear:both;display:block;width:30px;height:30px;background:url("../img/ico_file.png") no-repeat center}
.notice_view .no_bottom ul li a:hover{text-decoration:underline;color:#6884de}
.notice_wrap .notice_btn{margin-top:50px;text-align:center}
.notice_wrap .notice_btn a{padding:18px 0;display:inline-block;width:126px;color:#fff;font-size:20px;text-align:center;background-color:#414141}

/* FAQ */
.faq_list table{border-top:2px solid #414141}
.faq_list table tr{border-bottom:1px solid #e1e1e1;text-align:center;cursor:pointer;background-color:#fff}
.faq_list table tr:hover td.tit{color:#3bab83}
.faq_list table th{padding:12px 0;font-size:15px;color:#848484;background-color:#f6f6f8}
.faq_list table td{padding:12px 0;font-size:16px;color:#848484;letter-spacing:0}
.faq_list table td.tit{position:relative;padding:12px 210px 12px 50px;display:block;width:800px;height:30px;color:#414141;text-align:left;cursor:pointer;line-height:30px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal !important}
.faq_list table td.tit:before{position:absolute;left:0;top:12px;content:"";clear:both;display:block;width:30px;height:30px;background:url("../img/ico_qna.png") no-repeat center}
.faq_list table tr.on td.tit{color:#3bab83}
.faq_list table tr.on td.tit:after{position:absolute;right:21px;top:12px;content:"";clear:both;display:block;width:30px;height:30px;background:url("../img/ico_faq_desc.png") no-repeat right top}
.faq_list table tr.faq_view{background-color:#f6f6f8;border:0}
.faq_list table tr.faq_view td{padding:0}
.faq_list table tr.faq_view .desc_wrap{display:none;padding:28px 50px 28px 130px;text-align:left;border-bottom:1px solid #e1e1e1}
.faq_list table tr.faq_view .desc_wrap p{position:relative;margin:0 0 26px;line-height:1.6em}
.faq_list table tr.faq_view .desc_wrap p:before{position:absolute;left:-46px;top:0;content:"";clear:both;display:block;width:30px;height:30px;background:url("../img/ico_qna_view.png") no-repeat center}
.faq_list table tr.faq_view .desc_wrap ul li{margin-bottom:14px}
.faq_list table tr.faq_view .desc_wrap ul li:last-child{margin-bottom:0}
.faq_list table tr.faq_view .desc_wrap ul li a{position:relative;padding:0 0 0 50px;font-size:15px;color:#414141}
.faq_list table tr.faq_view .desc_wrap ul li a:before{position:absolute;left:0;top:-4px;content:"";clear:both;display:block;width:30px;height:30px;background:url("../img/ico_file.png") no-repeat center}
.faq_list table tr.faq_view .desc_wrap ul li a:hover{text-decoration:underline;color:#6884de}