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

@charset "utf-8";

/* 평과결과 */
.result_wrap .num{margin-left:10px;display:inline-block;padding:0 14px;width:auto;height:20px;text-align:center;font-size:16px;color:#414141;line-height:1.2em;border:1px solid #e1e1e1;border-radius:14px;background-color:#fff}
.result_table{padding-top:50px}
.result_table.no_padding{padding:0}
.result_table table{border-top:2px solid #414141}
.result_table table button{vertical-align:top;display:block;height:100%;width:100%}
.result_table table tr{border-bottom:1px solid #e1e1e1}
.result_table table th{border-right:1px solid #e1e1e1;background-color:#f6f6f8}
.result_table table tr:last-child td{background-color:#f6f6f8}
.result_table table th:last-child,
.result_table table td:last-child{border-right:0}
.result_table table th,
.result_table table th button{height:50px;font-size:18px;color:#414141;font-weight:400}
.result_table table th button span{display:inline-block;color:#fff;padding:0 20px;height:26px;line-height:26px;border-radius:13px;font-size:15px;width:150px}
.result_table table th.e button span{background-color:#77bc1f}
.result_table table th.s button span{background-color:#00bcb4}
.result_table table th.g button span{background-color:#009bde}
.result_table table th.fg button span{background-color:#2352a0}
.result_table table th.e.fixon,
.result_table table th.e.on,
.result_table table th.e:hover{background-color:#77bc1f}
.result_table table th.s.fixon,
.result_table table th.s.on,
.result_table table th.s:hover{background-color:#00bcb4}
.result_table table th.g.fixon,
.result_table table th.g.on,
.result_table table th.g:hover{background-color:#009bde}
.result_table table th.fg.fixon,
.result_table table th.fg.on,
.result_table table th.fg:hover{background-color:#2352a0}
.result_table table td{height:49px;font-size:16px;color:#414141;border-right:1px solid #e1e1e1;text-align:center;background-color:#fff}
.result_table table td.on,
.result_table table td.fixon{background-color:#f4f8fe;color:#6884de}
.result_table table .sum td.on,
.result_table table .sum td.fixon{background-color:#f4f8fe;color:#6884de}
.result_table table td em.ico{position:relative;margin-left:12px;display:inline-block;padding:0 10px;width:50px;text-indent:14px;font-size:14px;color:#414141;border:1px solid #e1e1e1;border-radius:14px}
.result_table table td em.ico:before{position:absolute;top:7px;left:12px;width:10px;height:10px;content:"";clear:both;display:block;background:no-repeat center}
.result_table table td em.ico.p:before{background-image:url("../img/sum_plus.png")}
.result_table table td em.ico.m:before{background-image:url("../img/sum_minus.png")}

.result_wrap p.de{margin:40px 0 60px;text-align:center}
.result_wrap p.de span{position:relative;padding-left:12px;display:inline-block;font-size:16px;color:#000;letter-spacing:0}
.result_wrap p.de span:before{position:absolute;top:4px;left:0;content:"*";clear:both;display:block}
.result_wrap .description{position:relative;padding-left:12px;font-size:16px;color:#ff0000;font-weight: 500;}
.result_wrap .description:before{position:absolute;top:4px;left:0;content:"*";clear:both;display:block}

.tab_result{position:relative;}
.tab_result ul.tab{margin:0 auto 40px;width:520px}
.tab_result ul.tab:after{content:"";clear:both;display:block}
.tab_result ul.tab li{float:left;width:258px;height:58px;border:1px solid #e1e1e1}
.tab_result ul.tab li a{display:block;width:100%;height:100%;line-height:58px;font-size:18px;text-align:center;color:#848484;background-color:#f6f6f8}
.tab_result ul.tab li:first-child{border-right:1px solid #e1e1e1}
.tab_result ul.tab li.on{border-color:#3bab83}
.tab_result ul.tab li.on a{color:#fff;background-color:#3bab83}
.tab_result .bar_wrap p{position:absolute;left:0;bottom:3px;font-weight:400;font-size:24px;color:#414141;margin:0;line-height:28px}
.tab_result .bar_wrap p em{margin-right:10px;display:inline-block;color:#fff;padding:0 23px;height:30px;line-height:28px;border-radius:14px;vertical-align:top;font-size:16px;width:auto}
.tab_result .bar_wrap p em.e{background-color:#77bc1f}
.tab_result .bar_wrap p em.s{background-color:#00bcb4}
.tab_result .bar_wrap p em.g{background-color:#009bde}
.tab_result .bar_wrap p em.fg{background-color:#2352a0}
.tab_result strong.tit{display:block;padding:28px 0px;line-height:1.2em;font-weight:500;border-top:2px solid #414141;border-bottom:1px solid #e1e1e1;text-align:center}
.tab_result strong.tit span{display:inline-block;padding:2px 30px;font-size:24px;color:#414141}
.tab_result strong.tit span:first-child{border-right:1px solid #c5c5c5}
.tab_result .sustainable_btn{position:absolute;right:0;bottom:24px;height:36px;font-size:14px;color:#fff;font-weight:500;padding:0 30px;background-color:#3bab83;}
.tab_result .sustainable_btn:hover{background-color:#8ac7b2;}
.reg_confirmation{position:absolute;right:0;bottom:22px;display:flex;align-items:flex-end;}
.reg_confirmation p{text-align:right;font-size:12px;color:#666;line-height:1.2;margin:0 0 2px 0}
.reg_confirmation p span{display:block;}
.reg_confirmation button{height:36px;color:#fff;padding:0 30px;font-size:14px;}
.reg_confirmation .edit{background-color:#3bab83;margin-left:14px}
.reg_confirmation .edit:hover{background-color:#81c5ad;}
.reg_confirmation .down{background-color:#888;margin-left:8px}
.reg_confirmation .down:hover{background-color:#ccc;}

.re_contents{position:relative}
.feedback_side_now{position:absolute;left:50%;top:150px;transform:translateX(-50%);margin-left:-700px;background-color:#333f50;padding:30px 15px;border-radius:10px;box-shadow:3px 3px 6px #a2a2a2;width:160px}
.feedback_side_now *{color:#fff;text-align:center;}
.feedback_side_now strong{display:block;border-bottom:1px solid #fff;font-size:15px;padding-bottom:6px}
.feedback_side_now p{color:#bfbfbf;font-size:13px;line-height:1.4;margin:20px 0 30px 0}
.feedback_side_now span{display:block;font-size:11px;}
.feedback_side_now em{color:#bfbfbf;font-size:14px;letter-spacing:0;display:block;}
.feedback_side_now b{color:#ffc000;font-weight:400;font-size:20px;}
.feedback_side_now.fixed{position:fixed;}
.result_list{position:relative;}
.result_list .top{position:relative;}
.result_list .top p.add{margin:0;padding:14px 30px;font-size:20px;color:#fff;background-color:#3bab83}
.result_list .top .each{padding:34px 0;text-align:center;display:flex;justify-content:center;}
.result_list .top .each strong,
.result_list .top .each ul li{display:inline-block;padding:4px 0;}
.result_list .top .each strong{color:#3bab83;font-size:15px;font-weight:400;width:100px;text-align:left;white-space:nowrap;}
.result_list .top .each ul li{color:#848484;font-size:14px}
.result_list .top .each ul li em.num{margin:0 10px 0 26px;height:24px;line-height:1.4em;color:#848484}
.result_list .top .each ul li:first-child em.num{margin-left:0;}
.result_list .top>ul{position:absolute;right:20px;top:10px;display:flex;}
.result_list .top>ul li::before{content:'Ⅰ';color:#fff;padding:0 2px;font-weight:100;position:relative;top:2px}
.result_list .top>ul li:first-child::before{display:none;}
.result_list .top>ul li button{color:#fff;font-size:14px;}
.result_list .top>ul li button:hover{color:#ffff00}
.result_list .top>ul li button.on{color:#ffff00}
.result_list .top>ul li button.on::before{content:'▼';padding-right:6px;font-size:12px;position:relative;top:-2px}
.result_list.deep{padding-top:100px}

.que-wrap{border:1px solid #e1e1e1;border-width:1px 0 2px}
.que-wrap tr{height:50px;line-height:1.2em}
.que-wrap tr .pilot{display:block;width:70%;line-height:28px;text-align:center;color:#fff;text-align:center;background-color:#1a4637;margin:0 auto;font-size:14px;padding-bottom:1px}
.que-wrap tr th{font-size:15px;color:#848484;font-weight:400}
.que-wrap tr .type_p span{color:#2e75b6}
.que-wrap tr .type_p span.no{color:#c00000}
.que-wrap tr.qna{background-color:#f6f6f8;border:solid #e1e1e1;border-width:1px 0}
.que-wrap tr.qna td:first-child{text-align:center}
.que-wrap tr.qna td:first-child em{display:inline-block;padding:0 18px;width:auto;height:22px;font-size:15px;line-height:1.4em;text-align:center;color:#fff;background-color:#414141;border-radius:14px}
.que-wrap tr.answer td{padding:20px 0;font-size:15px;color:#414141;text-align:center}
.que-wrap tr.answer td:nth-child(2){text-align:left}
.que-wrap tr.answer td:nth-child(2) div{min-height:90px}
.que-wrap tr.answer td:nth-child(2) p{margin:0;line-height:2.4em}
.que-wrap tr.answer td:nth-child(2) .b{color:#6884de}
.que-wrap tr.answer td.edit{position:relative;color:#848484;line-height:1.4em}
.que-wrap tr.answer td.edit span{display:inline-block;padding:0 3px;position:relative;}
.que-wrap tr.answer td.edit span button{display:block;min-width:54px;font-size:14px;color:#414141;text-align:center;-webkit-transition:0.2s;transition:0.2s;}
.que-wrap tr.answer td.edit span button::before{content:'';display:block;width:50px;height:50px;margin:0 auto 8px;background:url('../img/ico_downbtn_off.png') center 0 no-repeat}
.que-wrap tr.answer td.edit span button:hover{color:#6884de;}
.que-wrap tr.answer td.edit span button:hover::before{background-image:url('../img/ico_downbtn_on.png')}
.que-wrap tr.answer td.edit span button.no_edit{cursor:default;color:#c6c6c6}
.que-wrap tr.answer td.edit span button.no_edit::before{opacity:0.3;}
.que-wrap tr.answer td.edit span button.no_edit:hover::before{background-image:url('../img/ico_downbtn_off.png')}
.que-wrap tr.answer td.edit span b{position:absolute;right:-30px;top:-50px;background-color:#c00000;color:#fff;padding:6px 0;display:none;width:200px;box-sizing:border-box;font-weight:400;font-size:13px;border-radius:3px;text-align:center;}
.que-wrap tr.answer td.edit span b::after{content:'';position:absolute;right:50px;bottom:-10px;display:block;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #c00000}
.que-wrap tr.answer td.edit span:hover b{display:block;}
.que-wrap tr.answer td.edit .guide_btn::before{background-image:url('../img/ico_guide_off.png')}
.que-wrap tr.answer td.edit .guide_btn:hover::before{background-image:url('../img/ico_guide_on.png')}
.que-wrap tr.answer td.app span{display:inline-block;padding:0 3px}
.que-wrap tr.answer td.app button{background-color:#3bab83;color:#fff;text-align:center;height:60px;width:120px;border-radius:10px;padding-bottom:4px;display:flex;align-items:center;justify-content:center;font-weight:500;}
.que-wrap tr.answer td.app button::before{content:'';display:inline-block;width:20px;height:20px;background:url(../img/ico_pencil.png) no-repeat center / 18px auto;margin-right:4px;}
.que-wrap tr.answer td.app button.done{background-color:#d9d9d9;color:#7f7f7f}
.que-wrap tr.answer td.app button.done::before{background-image:url(../img/ico_pencil_off.png);}
.que-wrap tr.research{border-top:1px dotted #c7c7c7}
.que-wrap tr.research button{display:block;padding:12px 0 40px;line-height:1.1em}
.que-wrap tr.research button strong{position:relative;padding-left:50px;font-size:16px;color:#414141;font-weight:400}
.que-wrap tr.research button strong:before{position:absolute;top:-9px;left:0;width:38px;height:38px;content:"";clear:both;display:block;border:1px solid #e1e1e1;background:#fff no-repeat center;background-size:10px 10px}
.que-wrap tr.research button.open strong:before{background-image:url("../img/sum_plus.png")}
.que-wrap tr.research button.end strong:before{background-image:url("../img/sum_minus.png")}
.que-wrap tr.research button.end{display:none}
.que-wrap tr.research.on button.end,
.que-wrap tr.research.on button.open{display:none}
.que-wrap tr.research.on{background-color:#fcfcfc}
.que-wrap tr.research .desc_wrap{display:none;padding:0 0 34px 50px}
.que-wrap tr.research .desc_wrap ul{display:inline-block;padding-right:30px}
.que-wrap tr.research .desc_wrap ul li{position:relative;padding-left:14px;font-size:15px;color:#848484;line-height:1.6em}
.que-wrap tr.research .desc_wrap ul li:before{position:absolute;top:0;left:0;content:"·";clear:both;display:block}
.que-wrap tr.research .desc_wrap ul li span{color:#414141}

.result_wrap.fixed .re_contents{padding-top:232px}
.result_wrap.fixed .tab_result{position:fixed;top:-102px;padding:30px 0;width:1180px;background-color:#f5f5f5;z-index:10;border:solid #e1e1e1;border-width:0 1px 1px 1px;box-shadow:2px 2px 4px rgba(186,186,186,0.2);min-height:42px}
.result_wrap.fixed .tab_result .num{padding:0 12px;height:18px;line-height:1.4em;font-size:14px}
.result_wrap.fixed .tab_result ul.tab{position:absolute;right:388px;margin:0;width:404px;z-index:1}
.result_wrap.fixed .tab_result ul.tab li{width:200px;height:40px}
.result_wrap.fixed .tab_result ul.tab li a{line-height:40px;font-size:16px;background-color:#fff}
.result_wrap.fixed .tab_result ul.tab li.on a{background-color:#3bab83}
.result_wrap.fixed .tab_result .bar_wrap{margin-bottom:0;min-height:42px}
.result_wrap.fixed .tab_result .bar_wrap .exl_down{height:42px;color:#000;background-color:transparent;position:relative;bottom:-24px}
.result_wrap.fixed .tab_result .bar_wrap .exl_down:hover{text-decoration:underline;background-color:transparent}
.result_wrap.fixed .tab_result .bar_wrap .guide_down{display:none;}
.result_wrap.fixed .tab_result .bar_wrap p{left:40px;bottom:-3px;font-weight:500;font-size:16px;line-height:24px}
.result_wrap.fixed .tab_result .bar_wrap p em{margin-right:6px;padding:0;height:auto;line-height:normal;font-size:16px;vertical-align:top;background-color:transparent}
.result_wrap.fixed .tab_result .bar_wrap p em.e{color:#77bc1f}
.result_wrap.fixed .tab_result .bar_wrap p em.s{color:#00bcb4}
.result_wrap.fixed .tab_result .bar_wrap p em.g{color:#009bde}
.result_wrap.fixed .tab_result .bar_wrap p em.fg{color:#2352a0}
.result_wrap.fixed .tab_result strong.tit{position:absolute;top:30px;left:40px;padding:0;border:0;text-align:left;display:inline}
.result_wrap.fixed .tab_result strong.tit span{border:0;padding:0;font-size:16px}
.result_wrap.fixed .tab_result .sustainable_btn{right:0;top:20px;bottom:0;line-height:36px;background-color:transparent;color:#000;padding-right:20px}
.result_wrap.fixed .tab_result .sustainable_btn::before{content:'';display:inline-block;vertical-align:top;width:26px;height:100%;background:url(../img/ico_sustainable.png) no-repeat left center / 22px auto;}
.result_wrap.fixed .tab_result .sustainable_btn:hover{text-decoration:underline;}
.result_wrap.fixed .tab_result .reg_confirmation{right:10px;top:16px;bottom:auto}
.result_wrap.fixed .tab_result .reg_confirmation p{margin-bottom:4px;}
.result_wrap.fixed .tab_result .reg_confirmation button{background-color:transparent;padding:0 10px;color:#000;font-weight:500;}
.result_wrap.fixed .tab_result .reg_confirmation button:hover{text-decoration:underline;}
.result_wrap.fixed .tab_result .reg_confirmation button::before{content:'';display:inline-block;vertical-align:top;height:24px;margin-right:6px;background-position:0 0;background-repeat:no-repeat;background-size:100% auto;}
.result_wrap.fixed .tab_result .reg_confirmation .edit{margin-left:20px}
.result_wrap.fixed .tab_result .reg_confirmation .edit::before{width:20px;background-image:url(../img/ico_reg_btns01.png);}
.result_wrap.fixed .tab_result .reg_confirmation .down{margin-left:0}
.result_wrap.fixed .tab_result .reg_confirmation .down::before{width:22px;background-image:url(../img/ico_reg_btns02.png);}

#popSustainable .pop_content{width:700px;margin-left:-400px}
.file_box-wrap{position:relative;left:0;top:0;border:1px solid #e1e1e1;height:48px;background-color:#fff;padding-right:180px;padding-left:20px;}
.file_box-wrap .file_box{position:relative;width:100%;display:block;height:100%}
.file_box-wrap .file_box label{position:absolute;left:0;top:0;line-height:48px;font-size:14px;color:#848484}
.file_box-wrap .file_box input[type="text"]{color:#6884de;width:100%;height:100%}
.file_box-wrap .file_input{position:absolute;right:0;top:-1px;width:160px;height:50px;overflow:hidden;cursor:pointer}
.file_box-wrap .file_input > span{display:block;width:100%;height:100%;text-align:center;color:#fff;background-color:#848484;line-height:50px;cursor:pointer}
.file_box-wrap .file_input input[type="file"]{position:absolute;right:0;top:0;opacity:0;cursor:pointer;width:100%;height:100%}
.comm_pop_btns{text-align:center;margin-top:20px}
.comm_pop_btns button{color:#fff;padding:0 36px;height:40px;margin:0 4px}
.comm_pop_btns button.join{background-color:#3bab83;}
.comm_pop_btns button.cancel{background-color:#333;}

.deep .que-wrap{border-width:1px 0 1px}
.deep .que-wrap th:nth-child(2),
.deep .que-wrap th:nth-child(3){text-align:left}
.deep .que-wrap tr.qna td{color:#414141;font-size:18px;line-height:1.4em}
.deep .que-wrap tr.qna td:nth-child(2),
.deep .que-wrap tr.qna td:nth-child(3){padding:22px 100px 22px 0}
.deep .que-wrap tr.qna td:nth-child(3){padding-right:50px}
.deep .que-wrap tr.qna td .point{display:block;color:#6884de}
.deep .que-wrap tr.qna td .score{display:block;width:25px;height:25px;margin:0 auto;background:url('../img/ico_check-v.png') center center no-repeat;text-indent:-99999em;overflow:hidden}
.deep .que-wrap tr.qna td > button{text-align:left;font-size:16px}
.deep .que-wrap tr.qna td > button:hover{text-decoration:underline}
.deep .que-wrap tr.research td:last-child{padding:30px 0}
.deep .que-wrap tr.research button{padding:40px 0 30px}
.deep .que-wrap tr.research .desc_wrap{display:block;padding:0;height:72px;overflow:hidden;margin:0 0 34px 50px}
.deep .que-wrap tr.research .ans{display:block;margin:0 auto;padding:0 14px;width:auto;height:40px;font-size:15px;color:#fff;line-height:38px;cursor:pointer;text-align:center;background-color:#414141;-webkit-transition:0.2s;transition:0.2s;border-radius:20px}
.deep .que-wrap tr.research .ans em{margin-left:6px;display:inline-block;width:20px;height:20px;line-height:20px;border-radius:50%;text-indent:0;border:1px solid #dfdfe1;color:#414141;background-color:#fff}
.deep .que-wrap tr.research .ans.ans_br{border:1px solid #6884de;color:#6884de;background-color:#fff}
.deep .que-wrap tr.research .ans.ans_g{background-color:#3bab83}
.deep .que-wrap tfoot tr{border-top:1px solid #e1e1e1}
.deep .que-wrap tfoot tr td{color:#fff;font-size:22px;text-align:center;background-color:#414141}
.deep .que-wrap tfoot tr td .num{vertical-align:top}

/* 기본 보고서 */
.report_wrap > p{color:#c72727;text-align:right;padding-right:10px}
.report_wrap .selt{width:105px}
.report_wrap .bar_wrap .search_bar{margin-right:0}
.report_wrap .bar_wrap .search_bar input[type="text"]{border-width:1px}
.report_wrap .bar_wrap .search_bar button{right:2px}
.report_list{border-top:2px solid #414141}
.report_list table tr{background-color:#fff}
.report_list table tr:hover{background-color:#f4f8fe}
.report_list table th{font-size:15px;color:#848484;padding:13px 0;font-weight:500;background-color:#f6f6f8;border-bottom:1px solid #e1e1e1}
.report_list table td{height:90px;font-size:16px;color:#414141;text-align:center;border:solid #e1e1e1;border-width:0 1px 1px 0}
.report_list table td:first-child{color:#848484}
.report_list table td:last-child{padding-left:32px;border-right:0;text-align:left}
.report_list table td span.ch{position:relative;padding-left:34px;display:inline-block;width:540px;vertical-align:middle;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal !important}
.report_list table td span.ch:before{position:absolute;top:0;left:0;width:24px;height:24px;content:"";clear:both;display:block;background:url("../img/result_ch.png") no-repeat center}
.report_list table td .down li{display:inline-block;margin-right:8px}
.report_list table td .down li a{position:relative;display:block;padding:0 23px;width:102px;height:38px;line-height:36px;text-align:right;border:1px solid #e1e1e1;background-color:#fff;border-radius:20px}
.report_list table td .down li a:before{position:absolute;top:8px;left:22px;width:21px;height:21px;content:"";clear:both;display:block;background:url("../img/report_01.png") no-repeat center}
.report_list table td .down li.r2 a{width:120px;text-align:left}
.report_list table td .down li.r2 a:before{top:2px;left:auto;right:2px;width:33px;height:33px;background-image:url("../img/report_02.png")}
.report_list table td .down li a:hover{color:#fff;background-color:#414141;-webkit-transition:background-color 0.2s cubic-bezier(0.75,0.1,0.25,1);transition:background-color 0.2s cubic-bezier(0.75,0.1,0.25,1)}
.report_list table td .down li.r1 a:hover:before{background-image:url("../img/report_01_on.png")}

/* ESG 등급 */
.rate_wrap .selt{width:105px}
.rate_wrap .bar_wrap .search_bar{margin-right:0}
.rate_wrap .bar_wrap .search_bar input[type="text"]{border-width:1px}
.rate_wrap .bar_wrap .search_bar button{right:2px}
.rating_list{border-top:2px solid #414141}
.rating_list table tr{border-bottom:1px solid #e1e1e1}
.rating_list table tr.bg td{height:9px;background-color:#f6f6f8}
.rating_list table tbody tr:hover{background-color:#f4f8fe}
.rating_list table tbody tr:hover td:last-child button{background-image:url("../img/rate_news_on.png")}
.rating_list table th{height:50px;font-size:15px;color:#848484;font-weight:400;border-right:1px solid #e1e1e1}
.rating_list table th span{display:inline-block;color:#fff;padding:0 16px;height:26px;line-height:26px;border-radius:13px;font-size:15px;width:auto}
.rating_list table th span.rate-e{background-color:#77bc1f}
.rating_list table th span.rate-s{background-color:#00bcb4}
.rating_list table th span.rate-g{background-color:#009bde}
.rating_list table th span.rate-fg{background-color:#2352a0}
.rating_list table th:last-child,
.rating_list table td:last-child{border-right:0}
.rating_list table td{height:80px;font-size:16px;color:#414141;border-right:1px solid #e1e1e1;text-align:center}
.rating_list table td:first-child{color:#848484}
.rating_list table td:nth-child(4),
.rating_list table td:nth-child(5),
.rating_list table td:nth-child(6){position:relative;padding-left:26px;text-align:left}
.rating_list table td span.integ{display:inline-block;width:39px;height:44px;line-height:44px;border-radius:12px;font-size:20px;color:#fff;background-color:#002857}
.rating_list table td span.ch{position:relative;padding-left:34px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal !important;width:700px;display:block}
.rating_list table td span.ch.w140{width:140px}
.rating_list table td span.ch:before{position:absolute;top:0;left:0;width:24px;height:24px;content:"";clear:both;display:block;background:url("../img/result_ch.png") no-repeat center}
.rating_list table td span.rate{display:inline-block;width:102px;height:44px;line-height:44px;border-radius:22px;font-size:20px;text-align:center;vertical-align:middle;background-color:#fff}
.rating_list table td span.rate.e{color:#77bc1f;border:1px solid #77bc1f}
.rating_list table td span.rate.s{color:#00bcb4;border:1px solid #00bcb4}
.rating_list table td span.rate.g{color:#009bde;border:1px solid #009bde}
.rating_list table td span.rate.fg{color:#2352a0;border:1px solid #2352a0}
.rating_list table td em.v{display:inline-block;margin:0 22px;vertical-align:middle;width:24px;height:24px;font-size:0;text-indent:-9999px;background:url("../img/rate_check.png") no-repeat center}
.rating_list table td .wrap{display:inline-block;width:24px;height:24px;vertical-align:middle}
.rating_list table td .wrap a{display:block;vertical-align:middle;width:24px;height:24px;font-size:0;text-indent:-9999px;background:url("../img/rate_que.png") no-repeat center}
.rating_list table td .wrap a.on,
.rating_list table td .wrap a:hover{background-image:url("../img/rate_que_on.png")}
.rating_list table td .wrap .txt-box{display:none;position:absolute;bottom:70px;right:16px;padding:36px 26px;min-width:230px;font-size:14px;color:#414141;border:1px solid #848484;border-radius:10px;box-shadow:0 0 10px 0.1px #ccc;background-color:#fff}
.rating_list table td .wrap .txt-box:after{position:absolute;bottom:-13px;right:19px;content:'';display:block;width:22px;height:13px;background:url("../img/ratebox.png") no-repeat center}
.rating_list table td .wrap .txt-box button{position:absolute;top:5px;right:5px;content:'';display:block;width:30px;height:30px;font-size:0;text-indent:-9999px;background:url("../img/ratebox_close.png") no-repeat center center}
.rating_list table td:last-child button{width:29px;height:29px;font-size:0;text-indent:-9999px;background:url("../img/rate_news.png") no-repeat center}

/* ESG 등급 - 팝업  */
.pop_ratenews.layer_popup .pop_content{margin-left:-400px;padding:0 40px 70px 50px;width:728px}
.pop_ratenews .cnt-box{height:288px;overflow-y:scroll}
.pop_ratenews .cnt-box ul{border-top:2px solid #414141}
.pop_ratenews .cnt-box ul li{border-bottom:1px solid #c5c5c5}
.pop_ratenews .cnt-box ul li a{position:relative;padding:23px 140px 23px 50px;display:block;font-size:16px;color:#414141;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;word-wrap:normal !important}
.pop_ratenews .cnt-box ul li a:before{position:absolute;top:22px;left:12px;width:25px;height:26px;content:"";clear:both;display:block;background:url("../img/pop_news.png") no-repeat center}
.pop_ratenews .cnt-box ul li a:hover{color:#6884de;background-color:#f4f8fe}
.pop_ratenews .cnt-box ul li a:hover:before{background-image:url("../img/pop_news_on.png")}
.pop_ratenews .cnt-box ul li a span{position:absolute;right:20px;font-size:15px;color:#848484}

/* ESG 등급 - 기본평가 수정요청 팝업 */
.dee.request_answer .answer_wrap table tr.tdc.tct td{border-left:1px solid #e1e1e1}
.dee.request_answer .answer_wrap table tr.tct td em{display:block;margin:0 auto;width:30px;height:30px;line-height:29px;background-color:#848484;border-radius:50%;color:#fff}
.dee.request_answer .answer_rip dl dt .feed{display:block;margin-bottom:10px;font-size:14px;color:#848484}
.dee.request_answer .pop_top{position:relative;border-top:1px solid #e1e1e1}
.dee.request_answer .pop_top .kinds{position:absolute;left:0;bottom:24px}
.dee.request_answer .pop_top .kinds li{display:none;font-weight:400;font-size:24px;color:#414141}
.dee.request_answer .pop_top .kinds li.on{display:block}
.dee.request_answer .pop_top .kinds li em{margin-right:10px;display:inline-block;color:#fff;padding:0 23px;height:30px;line-height:28px;border-radius:14px;vertical-align:middle;font-size:16px;width:auto}
.dee.request_answer .pop_top .kinds li.e{color:#77bc1f}
.dee.request_answer .pop_top .kinds li.s{color:#00bcb4}
.dee.request_answer .pop_top .kinds li.g{color:#009bde}
.dee.request_answer .pop_top .kinds li.fg{color:#2352a0}
.dee.request_answer .pop_top .kinds li.e em{background-color:#77bc1f}
.dee.request_answer .pop_top .kinds li.s em{background-color:#00bcb4}
.dee.request_answer .pop_top .kinds li.g em{background-color:#009bde}
.dee.request_answer .pop_top .kinds li.fg em{background-color:#2352a0}
.dee.request_answer strong.tit{display:block;padding:48px 0px 28px;line-height:1.2em;font-weight:500;text-align:center}
.dee.request_answer strong.tit span{display:inline-block;padding:0 15px;font-size:24px;color:#414141;line-height:24px}

/* ESG 등급 - 심화평가 의견작성 팝업 */
.request_answer.pop_answer td.desc{padding:0}
.request_answer.pop_answer tr:first-child td{border-left:0}
.request_answer.pop_answer td .sta li{position:relative;margin-top:10px;padding:2px 0 2px 120px;min-height:26px}
.request_answer.pop_answer td .sta li:first-child{margin-top:0}
.request_answer.pop_answer td .sta li.g{color:#3bab83}
.request_answer.pop_answer td .sta em{display:block;width:98px;height:28px;position:absolute;left:0;top:0;color:#848484;font-size:15px;text-align:center;line-height:30px;border:1px solid #e2e2e2;border-radius:15px;background-color:#f6f6f8}
.request_answer.pop_answer td .info li{position:relative;padding-left:20px;line-height:2em}
.request_answer.pop_answer td .info li:before{position:absolute;top:0;left:0;content:"·";clear:both;display:block}

.pop_answer .pop_list{padding:50px 30px 0 30px;border-bottom:1px solid #e1e1e1;background-color:#f6f6f8}
.pop_answer .pop_list:after{content:'';display:block;clear:both;font-size:0;line-height:0;letter-spacing:0;overflow:hidden}
.pop_answer .pop_list .bubble_guide{position:relative;width:644px;border:1px solid #e1e1e1;border-radius:10px;padding:28px;margin-bottom:50px;background-color:#fff;box-shadow:4px 4px 6px rgba(186,186,186,0.3);font-weight:300;color:#404040}
.pop_answer .pop_list .bubble_guide:after{content:'';display:block;width:14px;height:25px;background-repeat:no-repeat;position:absolute;top:14px}
.pop_answer .pop_list .bubble_guide .file{padding-top:20px}
.pop_answer .pop_list .bubble_guide .file a{display:block;font-size:14px;color:#6884de;padding:6px 0 6px 38px;background:url('../img/ico_down-bubble.png') 0 7px no-repeat;line-height:20px;word-break:break-all}
.pop_answer .pop_list .bubble_guide .filea:hover{text-decoration:underline}
.pop_answer .pop_list .left strong,
.pop_answer .pop_list .right strong{display:block;line-height:1em;margin-bottom:14px;font-size:14px;font-weight:400;color:#3bab83;letter-spacing:0}
.pop_answer .pop_list .left strong span,
.pop_answer .pop_list .right strong span{color:#929292}
.pop_answer .pop_list .left{float:left;padding-left:90px;background:url('../img/ico_speech-left.png') left 26px no-repeat}
.pop_answer .pop_list .left strong{margin-left:6px}
.pop_answer .pop_list .left .bubble_guide:after {background-image:url('../img/ico_bubble-left.png');left:-14px}
.pop_answer .pop_list .right{float:right;padding-right:90px;background:url('../img/ico_speech-right.png') right 26px no-repeat}
.pop_answer .pop_list .right strong{margin-right:6px;text-align:right}
.pop_answer .pop_list .right .bubble_guide:after{background-image:url('../img/ico_bubble-right.png');right:-14px}
.pop_answer .file_list{background-color:#f6f6f8;padding:40px 30px}
.pop_answer .file_list p{color:#848484;font-size:14px;;margin:0 0 20px}
.pop_answer .file_list p span{color:#6884de}
.pop_answer .file_list .text_wrap textarea{width:1078px}
.pop_answer .de_answer_btns{text-align:center;margin:40px auto 0}
.pop_answer .de_answer_btns button{display:inline-block;color:#fff;width:126px;line-height:60px;height:60px;background-color:#414141}
.pop_answer .de_answer_btns button:first-child{margin-right:10px;background-color:#3bab83}

/* 제출가이드 */
.submission_guide .guide_top{display:flex;justify-content:space-between;background-color:#333f50;color:#fff;padding:26px 20px;font-size:24px;}
.submission_guide .guide_top strong span::after{content:'Ⅰ';padding:0 5px;font-weight:100;color:#cdcdcd}
.submission_guide>ol{padding:15px;border-bottom:1px solid #404040}
.submission_guide>ol li{position:relative;padding-left:60px;margin-top:8px}
.submission_guide>ol li:first-child{margin-top:0}
.submission_guide>ol li em{position:absolute;left:0;top:1px;display:block;background-color:#404040;text-align:center;color:#fff;width:50px;line-height:22px;font-size:13px;border-radius:15px;box-sizing:border-box;letter-spacing:0;}
.submission_guide table{border:solid #666;border-width:2px 0;}
.submission_guide table th,
.submission_guide table td{border-top:1px solid #cdcdcd;border-left:1px solid #cdcdcd;padding:12px 10px;color:#666;font-weight:400;}
.submission_guide table th:first-child,
.submission_guide table td:first-child{border-left-width:0;}
.submission_guide table th{background-color:#f5f5f5;font-weight:500;line-height:1.2;}
.submission_guide table .txtc{text-align:center;}
.submission_guide .conts_table_top,
.submission_guide .conts_table_botm{padding:30px 20px}
.submission_guide .conts_table_botm{padding-top:0}
.submission_guide .conts_table_top table tr:first-child th{background-color:#deebf7;}

/* 서약서 동의 팝업 */
.evidence_pledge,
.revision_pop,
.security_pledge{position:absolute;top:0;height:100%}
.evidence_pledge .pop_content,
.revision_pop .pop_content,
.security_pledge .pop_content{top:5%;border-width:0;box-sizing:border-box;}
.evidence_pledge .pop_content,
.security_pledge .pop_content{background-color:#333f50;padding:24px;width:648px;margin-left:-324px}
.revision_pop .pop_content{padding:0;width:800px;margin-left:-400px;}
.revision_pop .pop_content .btn_x{right:-60px;top:0;background-color:#8998af;background-image:url(../img/btn_close-w.png);}
.security_agreement{background:url(../img/ico_grmt01.png) no-repeat 50px 50px / 92px auto;}
.security_agreement .closebtn{position:absolute;right:20px;top:20px;display:block;width:20px;height:20px;background:url(../img/btn_close-w.png) no-repeat center;text-indent:-9999em;}
.security_agreement .agmt_title{display:block;text-align:right;color:#fff;font-weight:400;font-size:32px;margin:50px 0}
.security_agreement .agmt_title span{display:block;font-size:16px;margin-top:12px;letter-spacing:0;}
.security_agreement .agrmt_changes{display:flex;justify-content: flex-end;margin-bottom:15px;align-items:center;}
.security_agreement .agrmt_changes *{color:#fff}
.security_agreement .agrmt_changes p{margin:0 10px 0 0;font-size:14px;}
.security_agreement .agrmt_changes .selt{background-color:#fff;width:180px}
.security_agreement .agrmt_changes .selt label{color:#000;width:82%;font-size:15px}
.security_agreement .agrmt_changes .selt select option{color:#000;;}
.security_agreement .agrmt_changes button{height:36px;background-color:#8497b0;font-size:14px;padding:0 20px;margin-left:10px}
.security_agreement .agrmt_conts{background-color:#fff;padding:30px 20px 20px}
.security_agreement .sign_select{background-color:#d0cece;padding:30px 20px;margin-top:20px}
.security_agreement .sign_select>p{text-align:center;margin:0 0 20px 0;font-weight:500;font-size:15px;}
.security_agreement .agrmt_select{display:flex;justify-content: flex-end;}
.security_agreement .agrmt_select>p{margin:0;font-weight:500;font-size:15px;}
.security_agreement .agrmt_select label{font-weight:500;font-size:15px;}
.security_agreement .agrmt_select .check{margin-left:20px}
.security_agreement.ico{background-image:url(../img/ico_grmt02.png)}
.security_agreement .sign_select.bg{background-color:#fff;padding-top:0;padding-bottom:0}
.security_agreement .sign_select.bg>span{text-align:right;display:block;font-weight:500;font-size:15px;}
.security_agreement .sign_select.bg>ul{margin-top:16px}
.security_agreement .sign_select.bg>ul li{text-align:right;font-weight:500;font-size:0;line-height:1.8;}
.security_agreement .sign_select.bg>ul li em{display:inline-block;font-size:15px;}
.security_agreement .sign_select.bg>ul li em::after{content:':';padding:0 5px;color:#999}
.security_agreement .sign_select.bg>ul li span{display:inline-block;font-size:15px;text-align:left;width:120px}
.tmp_agreement{margin-left:20px}
.tmp_agreement li{list-style:decimal;color:#7f7f7f;font-size:15px;line-height:1.6;margin-top:12px;font-weight:500;}
.tmp_agreement li:first-child{margin-top:0}
.tmp_agreement li em{color:red}
.revision_conts>strong{display:block;text-align:right;color:#fff;font-weight:500;background-color:#333f50;line-height:60px;box-sizing:border-box;padding:0 30px;font-size:22px;}
.revision_conts .revision_interval{box-sizing:border-box;padding:30px 20px}
.revision_conts .revision_interval>dl dt{font-weight:500;color:#000;font-size:18px;}
.revision_conts .revision_interval>dl dd ul{padding:10px}
.revision_conts .revision_interval>dl dd ul li{line-height:1.8;font-size:15px;font-weight:500;color:#666}
.revision_conts .revision_interval>dl dd ul li::before{content:'쨌';padding-right:8px}
.revision_conts .revision_interval>p{color:#999;font-size:13px;margin:0 0 36px 18px;text-indent:-18px;line-height:1.4;}
.revision_conts .postwar_conts>strong{display:block;margin-bottom:15px;font-weight:500;text-indent:5px;font-size:18px;}
.revision_conts .postwar_conts .before_after-wrap{display:flex;box-sizing:border-box;border:2px solid #ddd}
.revision_conts .postwar_conts .before_box,
.revision_conts .postwar_conts .after_box{width:50%;box-sizing:border-box;}
.revision_conts .postwar_conts .top_title{display:block;text-align:center;background-color:#ddd;color:#fff;font-weight:500;margin-top:-2px;margin-right:-2px;padding:8px 0}
.revision_conts .postwar_conts .before_box{border-right:2px solid #ddd}
.revision_conts .postwar_conts .before_box .top_title{color:#333}
.revision_conts .postwar_conts .after_box .top_title{background-color:#666;}
.revision_conts .postwar_conts .pledge_space{padding:15px 5px}
.revision_conts .postwar_conts .pledge_space .tmp_agreement li{font-size:14px;}
.security_submit .agrmt_conts .edit_template>ul{margin:15px 0;}
.security_submit .agrmt_conts .edit_template>ul li{line-height:1.7;}
.security_submit .agrmt_conts .edit_template>dl{margin:15px 0;background-color:#d8e3f4;padding:12px 20px}
.security_submit .agrmt_conts .edit_template>dl dt{margin-bottom:4px;font-weight:500;}
.security_submit .agrmt_conts .sm_info *{font-size:14px;}
.security_submit .agrmt_conts .sm_info p{margin:10px 0 20px 0}
.security_submit .agrmt_conts .sm_info dt{font-weight:500;margin-bottom:4px;font-size:16px;}
.security_submit .agrmt_conts .sm_info dd{padding-left:18px;text-indent:-18px;line-height:1.4;margin-bottom:5px}
.security_submit .agrmt_conts .btns{background-color:#e8e8e8;text-align:center;margin-top:30px;padding:20px 0}
.security_submit .agrmt_conts .btns button{background-color:#2352a0;color:#fff;vertical-align:top;padding:10px 26px;margin:0 6px;}
.security_submit .agrmt_conts .btns button:hover{text-decoration:underline;}
.security_submit .agrmt_conts .btns button::before{content:'';display:inline-block;vertical-align:top;width:24px;height:27px;margin-right:10px;background-position:center;background-repeat:no-repeat}
.security_submit .agrmt_conts .btns button.i01::before{background-image:url(../img/ico_i01.png);}
.security_submit .agrmt_conts .btns button.i02::before{background-image:url(../img/ico_i02.png);}
.security_submit .agrmt_conts .btns button.i03{background-color:#717273;color:#fff;vertical-align:top;padding:0px;margin:0px;}
.security_submit .agrmt_conts .btns button.i03::before{content:'';display:inline-block;vertical-align:top;width:24px;height:27px;margin-right:10px;}
.security_submit .sub_agrmt{position:relative;}
.security_submit .sub_agrmt>button{position:absolute;right:20px;top:20px;display:block;width:20px;height:20px;background:url(../img/btn_close.png) no-repeat center;text-indent:-9999em;}
.security_submit .sub_agrmt .agrmt_file > strong{display:block;text-align:center;font-size:18px;padding-bottom:5px;}
.security_submit .sub_agrmt .agrmt_file .file_upload{margin-top:12px;display:flex;align-items: center;width:100%}
.security_submit .sub_agrmt .agrmt_file .file_upload > span{width:130px;display:block;}
.security_submit .sub_agrmt .agrmt_file .file_box-wrap{height:40px;width:100%;flex:1}
.security_submit .sub_agrmt .agrmt_file .file_box-wrap .file_box{font-size:14px;}
.security_submit .sub_agrmt .agrmt_file .file_box-wrap .file_box input[type="text"]::placeholder,
.security_submit .sub_agrmt .agrmt_file .file_box-wrap .file_box input[type="text"]{text-indent:0;}
.security_submit .sub_agrmt .agrmt_file .file_box-wrap .file_input{height:42px}
.security_submit .sub_agrmt .agrmt_file .file_box-wrap .file_input>span{line-height:40px;}
.security_submit .sub_agrmt .agrmt_file > button{background-color:#2352a0;color:#fff;padding:10px 26px;margin:20px auto 0;display:block;}
.security_submit .sub_agrmt .agrmt_file > button::before{content:'';display:inline-block;vertical-align:top;width:24px;height:27px;margin-right:10px;background:url(../img/ico_i02.png) no-repeat center}
.security_submit .sub_agrmt .agrmt_file > button:hover{text-decoration:underline;}
.security_submit.security_popup02 .pop_content{top:55.3%}