@charset 'utf-8';
/*
 * [[ KCGS - 한국기업지배구조원 ]]
 *
 * cubeA & 이창호(Chang Ho. Lee) / 팀장
 * goldlch@cubea.co.kr
*/
/* 공통 */
.m-tit{padding-bottom:50px;font-size:17px;color:#3f3f3f;line-height:1.6em}
button.quest{margin-bottom:3px;text-indent:-9999px;display:inline-block;width:20px;height:22px;background:url("../img/stew-q.png") no-repeat 0 center;background-size:18px auto}

.sub_top{text-align:center}
.sub_top strong{display:block;font-size:34px;font-weight:500;line-height:1em}
.sub_top p{display:block;margin:15px 0;font-size:17px;line-height:1.5em;color:#3f3f3f}
.sub_top p span{display:block}
.service_module .sub_top p{margin:40px 0}

/* 탭 */
ul.page_tab{display:inline-block;vertical-align:top;}
ul.page_tab:after{content:"";clear:both;display:block}
ul.page_tab li{float:left}
ul.page_tab li a, ul.page_tab li button {margin-right:-1px;display:block;padding:13px;min-width:155px;text-align:center;font-size:16px;color:#838fa2;border:1px solid #e1e1e1;line-height:16px}
ul.page_tab li a.on, ul.page_tab li button.on{background-color:#0096d5;color:#fff;border-color:#0096d5}

/* 스튜어드십 코드 팝업 */
.stewardpopup{display:none;position:absolute;top:-194px;left:327px;background-color:#2f333c;text-align:left;border-radius:20px;box-shadow:3px 14px 34px 6px rgba(0,0,0,0.2)}
.stewardpopup:after{position:absolute;bottom:-15px;left:40px;content:"";clear:both;display:block;width:36px;height:16px;background:url("../img/box-arrow.png")no-repeat left}
.stewardpopup .popup_box{padding:40px}
.stewardpopup .popup_box button{display:none}
.stewardpopup .popup_box strong{display:block;padding-bottom:20px;color:#fff;font-size:20px;font-weight:normal}
.stewardpopup .popup_box ul li{position:relative;margin-top:5px;padding-left:10px;font-size:14px;line-height:1.6em;color:#c3cad3}
.stewardpopup .popup_box ul li:before{position:absolute;top:11px;left:0;content:"";clear:both;display:block;width:3px;height:4px;background:url("../img/busindess-p.png") no-repeat}
.stewardpopup .popup_box ul li:first-child{margin-top:0}
.stewardpopup.s02{top:10px;left:78px;width:544px}
.stewardpopup.s02 .popup_box ul li span{color:#15adec}
.stewardpopup.s03{top:-128px;left:214px;width:350px}
.stewardpopup.s03 .popup_box{padding:20px}
.stewardpopup.s03 .popup_box p{color:#fff;margin-left:64px;text-indent:-64px}
.stewardpopup.s03 .popup_box p em{font-weight:700}

.pluspopup{display:none;position:absolute;top:-140px;left:213px;background-color:#2f333c;text-align:left;border-radius:20px;box-shadow:3px 14px 34px 6px rgba(0,0,0,0.2);width:314px}
.pluspopup:after{position:absolute;bottom:-15px;left:40px;content:"";clear:both;display:block;width:36px;height:16px;background:url("../img/box-arrow.png")no-repeat left}
.pluspopup .popup_box{padding:20px}
.pluspopup .popup_box p{color:#fff;margin-left:54px;text-indent:-54px;font-size:14px}
.pluspopup .popup_box p em{font-weight:700}

/* 스튜어드십 코드 - 스튜어드십 코드 센터 */
.steward-wrap{display:block;padding-top:46px;text-align:center}
.steward-wrap .code-center{position:relative;width:1200px;margin:0 auto;padding-bottom:50px}
.steward-wrap .code-center .b{margin:0 auto;width:737px;height:212px;background:url("../img/code-center.png") no-repeat center}
.steward-wrap .code-center .b img{display:none}
.steward-wrap .center-bg{height:212px;background-color:#2f333c}
.steward-wrap .center-job{position:relative;width:1200px;margin:0 auto}
.steward-wrap .center-job img{position:absolute;top:-180px;left:0;box-shadow:0px 20px 40px -10px #888}
.steward-wrap .center-job .w{margin-bottom:50px;padding:0 95px 0 550px;text-align:left}
#ui_contents .center-job .w h2{margin:0 0 45px;padding-top:45px;text-align:left}
.steward-wrap .center-job .w dl{position:relative;padding:0 0 25px 100px}
.steward-wrap .center-job .w dl:after{position:absolute;top:-10px;left:0;content:"";clear:both;display:block;width:69px;height:69px;background:no-repeat left}
.steward-wrap .center-job .w dl.j01:after{background-image:url("../img/j01.png")}
.steward-wrap .center-job .w dl.j02:after{background-image:url("../img/j02.png")}
.steward-wrap .center-job .w dl.j03:after{background-image:url("../img/j03.png")}
.steward-wrap .center-job .w dl dt{padding-bottom:10px;color:#323841;font-size:20px;font-weight:normal}
.steward-wrap .center-job .w dl dd{padding-bottom:10px;font-size:14px;color:#3f3f3f;line-height:1.6em}
.steward-wrap .center-job .w ul li{position:relative;padding-left:20px;font-size:14px;color:#3f3f3f;letter-spacing:-0.5px}
.steward-wrap .center-job .w ul li:before{position:absolute;top:11px;left:10px;content:"";clear:both;display:block;width:3px;height:4px;background:url("../img/busindess-before.png") no-repeat}
.steward-wrap .center-job .w ul li span.b{color:#0096d5}

/* 스튜어드십 코드 - 스튜어드십 코드*/
.steward-wrap .s-purpose{margin:0 auto;width:700px}
.steward-wrap .s-rule{padding:86px 0;background:url("../img/stewarship_rule_bg.png") no-repeat center;background-size:cover}
#ui_contents .s-rule h2{margin-top:0}
.steward-wrap .s-rule .rule-box{margin:0 auto 50px;;width:730px}
.steward-wrap .s-rule .rule-box p{position:relative;margin-bottom:10px;color:#323841;font-size:16px;line-height:1.6em;text-align:left}
.steward-wrap .s-rule .rule-box span{position:absolute;top:0;left:-26px}
.steward-wrap .s-rule .rule-box em{display:inline-block;padding-left:64px}
.steward-wrap .s-part{margin:0 auto;padding:70px 0;width:1000px;background:url("../img/steward-line.png") repeat-x bottom}
.steward-wrap .s-part:after{content:"";clear:both;display:block}
.steward-wrap .s-part > img{float:left}
.steward-wrap .s-part .s{float:left;padding-left:70px;width:400px}
#ui_contents.steward-wrap .s-part .s h2{margin:50px 0 25px;text-align:left}
.steward-wrap .s-part .s p{color:#4f4f51;font-size:17px;letter-spacing:-0.5px;text-align:left}
.steward-wrap .s-part .s p.point{padding-bottom:20px;color:#0096d5;font-size:20px}
#ui_contents .part-box.s01 h2,
#ui_contents .part-box.s02 h2{margin:50px 0 50px -78px;text-align:left}
.steward-wrap .part-box{position:relative;margin:0 auto;width:860px}
.steward-wrap .part-box .txt-box{margin-right:-60px;padding-top:20px}
.steward-wrap .part-box .txt-box:after{content:"";clear:both;display:block}
.steward-wrap .part-box .txt-box ul{padding-right:100px;float:left;vertical-align:top;text-align:left}
.steward-wrap .part-box .txt-box ul:nth-child(2){padding-right:110px}
.steward-wrap .part-box .txt-box ul.last{padding-right:0}
.steward-wrap .part-box .txt-box ul li{position:relative;padding-left:10px;font-size:14px;color:#3f3f3f;line-height:1.5em}
.steward-wrap .part-box .txt-box ul li:before{content:"·";clear:both;display:block;position:absolute;left:0}
.steward-wrap .part-box .txt-box ul li:first-child{font-weight:600;padding-left:0}
.steward-wrap .part-box .txt-box ul li:nth-child(2){padding-bottom:10px;padding-left:0}
.steward-wrap .part-box .txt-box ul li:first-child:before,
.steward-wrap .part-box .txt-box ul li:nth-child(2):before{display:none}
.steward-wrap .part-box .txt-box ul li .bold{font-weight:700;color:#0d4e9c}
.steward-wrap .part-box .txt-box ul li a{font-size:1em}
.steward-wrap .part-box.s02 .txt-box{padding-left:160px}
.steward-wrap .part-box.s02 .txt-box ul{padding-right:100px}
.steward-wrap .part-box.s02 .txt-box ul:first-child{width:270px}
.steward-wrap .part-box p.m-point{margin-top:70px;position:relative;padding-left:20px;padding-bottom:130px;text-align:left;font-size:14px;color:#323841}
.steward-wrap .part-box p.m-point:before{position:absolute;top:5px;left:0;width:16px;height:15px;background-size:16px auto;content:"";clear:both;display:block;background:url("../img/stew-m.png") no-repeat}

/* 모범 규준 */
.esg-tit{margin:0 auto;text-align:center}
.esg-tit .esg-tit-wrap>ul{display:flex;justify-content:center}
.esg-tit .esg-tit-wrap>ul li{font-size:24px;line-height:1.2em;color:#333543;width:344px;margin-left:30px}
.esg-tit .esg-tit-wrap>ul li:first-child{margin-left:0}
.esg-tit .esg-tit-wrap>ul li span{display:block;font-size:16px;color:#838fa2;line-height:1.3em;margin-top:10px}
.esg-tit .esg-tit-wrap>ul li p{font-weight:500;border:1px solid #b0b0b0;display:flex;justify-content:center;align-items:center;color:#333543;width:280px;height:64px;font-size:16px;flex-direction:column;margin:40px auto 30px;line-height:1em;box-sizing:border-box}
.esg-tit .esg-tit-wrap>ul li p em{color:#00b4c6;display:block;margin:-1px 0 5px 0;line-height:1em}
.esg-tit .esg-tit-wrap>ul li img{display:block;width:100%}
.esg-tit em.k{position:relative;margin:80px auto 100px;display:block;width:600px;height:90px;color:#fff;font-size:34px;line-height:90px;text-align:center;font-weight:100;border-radius:50px;background-color:#323841}
.esg-tit em.k:before{position:absolute;top:-40px;left:48%;width:32px;height:18px;content:"";clear:both;display:block;background:url("../img/ico_esg_arrow.png") no-repeat}

.esg-box{padding-top:60px;background-color:#f6f6f8}
.esg-box .esg-box-line{width:1100px;margin:0 auto}
.esg-box .esg-box-line dl{position:relative;padding-bottom:90px}
.esg-box .esg-box-line dl:before{position:absolute;content:"";clear:both;display:block;background:no-repeat center}
.esg-box .esg-box-line dl.e:before{width:115px;height:191px;top:-3px;left:14px;background-image:url("../img/esg-tit01.png")}
.esg-box .esg-box-line dl.s:before{width:143px;height:195px;top:-20px;left:235px;background-image:url("../img/esg-tit02.png")}
.esg-box .esg-box-line dl.g:before{width:167px;height:173px;top:-30px;left:0;background-image:url("../img/esg-tit03.png")}
.esg-box .esg-box-line dl.e{padding-left:180px}
.esg-box .esg-box-line dl.s{padding-left:430px}
.esg-box .esg-box-line dl.g{padding-left:230px}
.esg-box .esg-box-line dl dt{padding-bottom:10px;font-size:30px;color:#323841}
.esg-box .esg-box-line dl dd{font-size:17px;line-height:1.6em;color:#3f3f3f}
.esg-box .esg-box-line dl dd.r1{width:780px}
.esg-box .esg-box-line dl dd.r2{width:650px}
.esg-box .esg-box-line dl dd span{display:block}
.esg-box .esg-box-line dl dd em{font-size:15px;color:#0096d5}

.esg-guide{margin:0 auto;padding-bottom:60px;width:646px}
.esg-guide p.m-tit{padding-bottom:20px;text-align:center}
.esg-guide ul.guide_tab{padding-bottom:30px}
.esg-guide ul.guide_tab:after{content:"";display:block;clear:both}
.esg-guide ul.guide_tab li{float:left;margin-right:20px;width:200px}
.esg-guide ul.guide_tab li:last-child{margin-right:0}
.esg-guide ul.guide_tab li a{display:block;padding:11px 0;border:1px solid #323841;background-color:#323841;color:#fff;font-size:18px;text-align:center;cursor:default}
.esg-guide ul.guide_tab li.on a{background-color:#323841;color:#fff;border-color:#323841}
.esg-guide .g-box{display:none;padding:28px 46px;border:1px solid #c3cad3}
.esg-guide .g-box.on{display:block}
.esg-guide .g-box ul li{position:relative;line-height:34px}
.esg-guide .g-box ul li span{position:absolute;top:0;left:0;display:inline-block;color:#323841;font-size:16px}
.esg-guide .g-box ul li em{padding-left:90px;display:inline-block;color:#7a7a7a;font-size:16px}
.esg-guide .btn_download{margin-top:50px;font-size:0}
.esg-guide .btn_download button{min-width:313px;margin-right:0}
.esg-guide .btn_download button:first-child{margin-left:0;margin-right:10px}

/* ESG 평가 - ESG 평가 */
/* 공통 버튼 */
.sub_business #ui_contents{position:relative}
.appraisal_lnk{position:absolute;left:50%;top:206px;margin-left:615px;width:122px;height:122px;background:url("../img/appraisal_lnk.jpg") center center no-repeat;font-size:0;line-height:0;box-shadow:rgba(0, 0, 0, 0.2) 14px 14px 14px;z-index:51}
.appraisal_lnk.support{top:121px;height:121px;background-image:url("../img/support_lnk.jpg")}
.appraisal_lnk.kko{top:206px;height:100px;background-color:#ffde00;background-image:none;}
.appraisal_lnk.kko span{font-size:14px;display:block;width:100%;text-align:center;color:#231815;padding-top:56px;background:url(../img/kko_plus-f.png) no-repeat center top;margin-top:16px}
.fixed_bn .appraisal_lnk{position:fixed;top:441px}
.fixed_bn .appraisal_lnk.kko{top:443px}

.appraisal-wrap{display:block;padding-top:46px;text-align:center}
.appraisal-line{margin:0 auto;padding-top:70px;width:1200px}
.appraisal-line .appra-top{padding:125px 0 20px;background:url("../img/appre-tab01-bg.png") no-repeat center}
.appraisal-line .appra-top strong{margin-bottom:40px;display:block;font-size:34px;color:#fff}
.appraisal-line .appra-top p{margin:0 auto;padding-bottom:80px;width:786px;font-size:22px;color:#e3ebf5;line-height:1.6em}
.appraisal-line .appra-top p em.b{color:#278eea}
.appraisal-line .appra-top p > span{display:block;padding-top:40px}
.appraisal-line .appra-top em.gsia{display:block;padding-right:20px;text-align:right;font-size:13px;color:#fff;opacity:0.2;font-weight:100}
.appraisal-line .appra-top ul{display:inline-block;margin-bottom:30px}
.appraisal-line .appra-top ul li{display:block;text-align:left;margin-top:10px;font-size:25px}
.appraisal-line .appra-top ul li:first-child{margin-top:0}
.appraisal-line .appra-top ul li strong{display:inline-block;margin:0;font-weight:500;font-size:1em;letter-spacing:0}
.appraisal-line .appra-top ul li strong em{color:#278eea;font-size:1.2em}
.appraisal-line .appra-top ul li span{display:inline-block;margin-left:30px;color:#fff;font-size:0.8em}
.appraisal-line em.txt{margin:45px auto 55px;display:block;width:830px;font-size:17px;line-height:1.6em;color:#3f3f3f}

.why-esg{padding-bottom:116px}
.why-esg img{display:inline-block}
.why-esg img,.why-esg ul{vertical-align:middle}
.why-esg strong{display:none}
.why-esg ul{position:relative;display:inline-block;padding-left:160px}
.why-esg ul:before{position:absolute;top:11px;left:30px;width:90px;height:50px;content:"";clear:both;display:block;background:url("../img/ico-arrow-whyesg.png") no-repeat}
.why-esg ul li{position:relative;padding-left:10px;font-size:14px;color:#333;text-align:left}
.why-esg ul li:before{position:absolute;top:11px;left:0;width:3px;height:3px;content:"";clear:both;display:block;background:url("../img/ico-point-whyesg.png") no-repeat}
.why-esg ul li span{color:#0096d5}

.appraisal-slide{margin-bottom:70px}
.appraisal-slide > dl{display:inline-block;margin-bottom:56px;width:100%;vertical-align:top}
.appraisal-slide > dl > dt{border-top:2px solid #323841;border-bottom:1px solid #e1e1e1}
.appraisal-slide > dl > dt button{padding:33px;font-size:34px;color:#323841;display:block;width:100%;text-align:center}
.appraisal-slide > dl > dt button span{position:relative}
.appraisal-slide > dl > dt button span:after{content:"";display:block;position:absolute;right:-46px;top:12px;width:30px;height:30px;background:url("../img/appraisal-slide-drop.png") center center no-repeat;background-size:30px auto;
    -webkit-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out}
.appraisal-slide dl dt.on button span:after{
	-webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)}
.appraisal-slide > dl > dd{padding:80px 155px;background-color:#f5f5f7;position:relative;}
.appraisal-slide > dl > dd > p{padding-bottom:40px;font-size:17px;color:#3f3f3f;letter-spacing:-0.5px}
.appraisal-slide > dl > dd > p span{display:block}
.appraisal-slide dl .btn_download{margin:35px auto 0}
.appraisal-slide dl.a01 dd ul.esg-evaluate{padding-bottom:30px}
.appraisal-slide dl.a01 dd ul.esg-evaluate:after{content:"";display:block;clear:both}
.appraisal-slide dl.a01 dd ul.esg-evaluate li{position:relative;float:left;width:33.3%}
.appraisal-slide dl.a01 dd ul.esg-evaluate li:after{display:block;position:absolute;top:50%;right:-4px;width:9px;height:15px;background-size:9px auto;content:"";clear:both;display:block;background:url("../img/esg-evaluate-arrow.png") no-repeat center}
.appraisal-slide dl.a01 dd ul.esg-evaluate li.eva03:after{background:none}
.appraisal-slide dl.a01 dd ul.esg-evaluate li dl{margin:0 auto;width:224px;text-align:center}
.appraisal-slide dl.a01 dd ul.esg-evaluate li dl dt{padding:8px;color:#323841;font-size:17px}
.appraisal-slide dl.a01 dd ul.esg-evaluate li dl dt em{position:relative}
.appraisal-slide dl.a01 dd ul.esg-evaluate li dl dt em:before{position:absolute;top:9px;left:-15px;width:8px;height:9px;content:"";clear:both;display:block;background:url("../img/ico-eva-point.png") no-repeat}
.appraisal-slide dl.a01 dd ul.esg-evaluate li dl dd{padding:80px 20px;color:#323841;font-size:16px;border:1px solid #ccc;border-radius:8px;background-color:#fff}
.appraisal-slide dl.a01 dd ul.esg-evaluate li dl dd span{display:block;padding-top:10px;color:#0096d5}
.appraisal-slide dl.a01 dd ul.esg-evaluate li.eva02 dl dd{padding:56px 20px}
.appraisal-slide dl.a01 dd ul.esg-evaluate li.eva02 dl:last-child dd{padding:56px 20px}
.appraisal-slide dl.a01 dd ul.esg-evaluate li.eva03 dl dd{padding:68px 20px}
.appraisal-slide dl.a01 dd ul.esg-evaluate li.eva03 dl:last-child dd{padding:56px 20px}
.appraisal-slide dl.a02 dd ul.month-wrap li{display:inline-block;position:relative;width:20%;text-align:left;background:url("../img/ico_line.png") no-repeat 103px 26px}
.appraisal-slide dl.a02 dd ul.month-wrap li:last-child{width:8%;background:none}
.appraisal-slide dl.a02 dd ul.month-wrap li span{display:inline-block;width:50px;height:50px;font-size:0;text-indent:-9999px;background-color:#d5e3ef;border-radius:50%;box-shadow:0px 4px 0px #adaeb2}
.appraisal-slide dl.a02 dd ul.month-wrap li.m02 span{background-color:#84a2bd}
.appraisal-slide dl.a02 dd ul.month-wrap li.m03 span{background-color:#4a78a5}
.appraisal-slide dl.a02 dd ul.month-wrap li.m04 span{background-color:#20569e}
.appraisal-slide dl.a02 dd ul.month-wrap li em{display:block;padding:10px 0 14px;color:#0096d5;font-size:15px;text-indent:-6px}
.appraisal-slide dl.a02 dd ul.month-desc{padding-bottom:50px}
.appraisal-slide dl.a02 dd ul.month-desc > li{display:inline-block;width:20%;vertical-align:top;text-align:left}
.appraisal-slide dl.a02 dd ul.month-desc > li:first-child{margin-left:78px}
.appraisal-slide dl.a02 dd ul.month-desc > li strong{padding-bottom:4px;display:block;font-size:16px;color:#323841;font-weight:400}
.appraisal-slide dl.a02 dd ul.month-desc > li ul li{position:relative;padding-left:10px;font-size:14px;color:#3f3f3f;text-align:left}
.appraisal-slide dl.a02 dd ul.month-desc > li ul li:before{position:absolute;top:11px;left:0;width:3px;height:3px;content:"";clear:both;display:block;background:url("../img/ico-point-whyesg.png") no-repeat}
.appraisal-slide dl.a02 dd .month-box{position:relative;left:-140px;display:inline-block;vertical-align:bottom}
.appraisal-slide dl.a02 dd .month-box:before{position:absolute;width:10px;content:"";clear:both;display:block;background:no-repeat center}
.appraisal-slide dl.a02 dd .month-box.b01:before{top:-42px;left:60px;height:42px;background-image:url("../img/box-line01.png")}
.appraisal-slide dl.a02 dd .month-box.b02:before{top:-135px;left:60px;height:135px;background-image:url("../img/box-line02.png")}
.appraisal-slide dl.a02 dd .month-box.b02{left:90px;width:300px}
.appraisal-slide dl.a02 dd .month-box.b02:after{content:"";clear:both;display:block}
.appraisal-slide dl.a02 dd .month-box ul{padding:34px 0px;width:126px;background-color:#fff;border:1px solid #e7e7e7;box-shadow:0px 1px 0px #cdcdd1}
.appraisal-slide dl.a02 dd .month-box.b02 ul{float:left;padding:11px 0px;width:49%;height:94px}
.appraisal-slide dl.a02 dd .month-box.b02 ul:first-child{border-right:0}
.appraisal-slide dl.a02 dd .month-box.b02 ul:last-child{border-left:0}
.appraisal-slide dl.a02 dd .month-box ul li span{color:#888;font-size:14px}
.appraisal-slide dl.a02 dd .month-box ul li{color:#323841;font-size:14px}
.appraisal-slide dl.a02 dd .month-box ul li.l{line-height:18px}
.appraisal-slide dl.a02 .esg_schedule{display:block;margin-left:-95px;width:990px;height:480px;background:url("../img/esg_schedule.jpg") 0 0 no-repeat}
.appraisal-slide dl.a02 .esg_schedule img{display:none}
.appraisal-slide dl.a02 .kko{position:absolute;right:156px;bottom:86px}
.appraisal-slide dl.a02 .kko::before{content:'';display:inline-block;vertical-align:top;width:36px;height:36px;background:url(../img/kko_ch.png) no-repeat 0 0 / 100% auto;margin-right:8px}
.appraisal-slide dl.a02 .kko span{background-color:#fff;display:inline-block;vertical-align:top;position:relative;border-radius:16px;color:#231916;text-indent:16px;line-height:32px;padding-bottom:2px;font-size:14px;letter-spacing:0}
.appraisal-slide dl.a02 .kko span::after{content:'';display:inline-block;vertical-align:top;width:24px;height:24px;margin:5px 5px 0 10px;background:url(../img/kko_plus.png) no-repeat center center / 100% auto}
.appraisal-slide dl.a02 .kko:hover span{color:#0d4e9c}

.appraisal-use{padding:140px 0 200px;background:url("../img/appraisal-use-bg.png") no-repeat center;background-size:100%}
.appraisal-use strong{font-size:34px;color:#fff;font-weight:normal}
.appraisal-use .use-wrap{padding-top:70px}
.appraisal-use .use-wrap dl{display:inline-block;padding:36px 50px;height:420px;background-color:#fff;text-align:center;vertical-align:top}
.appraisal-use .use-wrap dl:first-child{margin-right:30px}
.appraisal-use .use-wrap dl dt,
.appraisal-use .use-wrap dl dt a{padding-bottom:4px;font-size:17px;color:#0394cf;letter-spacing:-0.5px}
.appraisal-use .use-wrap dl dd{padding-bottom:20px;font-size:17px;color:#888888;letter-spacing:-0.5px}
.appraisal-use .use-wrap dl dd span{font-size:16px;display:inline-block;vertical-align:top;line-height:1.4em;padding-top:6px;text-align:left}
.appraisal-use .use-wrap dl dd a{position:relative;display:inline-block;padding:10px 0;width:230px;color:#fff;font-weight:100;background-color:#323841}
.appraisal-use .use-wrap dl dd a:after{position:absolute;top:0;right:26px;width:7px;height:100%;content:"";clear:both;display:block;background:url("../img/ico-btn-arrow.png") no-repeat center;background-size:7px auto}
.appraisal-use .use-wrap dl dd.b{padding-bottom:6px}
.appraisal-use .use-wrap dl dd.b a{background-color:#0394cf;margin-bottom:24px}
.appraisal-use .use-wrap dl dd.b a:after{top:0;right:30px;width:20px;height:100%;background-size:18px auto;background-image:url("../img/ico-business-down.png")}

.trust-mark{padding:90px 0 96px}
.trust-mark strong{font-size:40px;color:#323841}
.trust-mark p{padding:40px 0 60px;font-size:17px;color:#3f3f3f}
.trust-mark ul{padding-top:20px}
.trust-mark ul li{display:inline-block;width:190px;color:#323841;font-size:20px;text-align:center;letter-spacing:-0.5px}
.trust-mark .btn_download{margin:75px auto 0}

/* ESG 평가 - 금융기관 지배구조 평가 */
.m-tit.ap01{margin:0 auto;width:720px}
.esg-summary{padding:60px 0 70px;width:100%;background-color:#f5f5f7}
.sumaary-wrap{position:relative;margin:0 auto;padding-top:175px;width:903px}
.sumaary-wrap ul li{position:relative;display:inline-block;padding-top:50px;width:286px;text-align:center;font-size:18px;color:#323841;background:url("../img/sumbg01.png") no-repeat}
.sumaary-wrap ul li:after{position:absolute;top:-40px;right:0;width:10px;height:58px;content:"";clear:both;display:block;background:url("../img/sum-line.png") no-repeat center;background-size:10px auto}
.sumaary-wrap ul li:last-child{background-image:url("../img/sumbg01-last.png")}
.sumaary-wrap ul li:last-child:after{background:none}
.sumaary-wrap p{display:table;position:absolute;top:18px;left:195px;width:220px;height:115px;border:1px solid #e7e7e7;font-size:14px;color:#888;text-align:center;background-color:#fff;box-shadow:0px 4px 0px #cdcdd1;vertical-align:middle}
.sumaary-wrap p.b02{left:482px}
.sumaary-wrap p span{display:table-cell;vertical-align:middle}
.sumaary-wrap p em{color:#323841}
.test-model{margin:0 auto;width:625px}
.test-model .btn_download{margin:50px auto 70px}

/* ESG 평가 - ESG 우수기업 */
.com.m-tit{margin:0 auto;width:470px}
.com-wrap{position:relative;margin:0 auto;padding:60px 0 60px 80px;width:920px;border:2px solid #e7e7e7}
.com-wrap.com01{margin-bottom:40px}
.com-wrap span.k{float:left;display:block;width:122px;font-size:34px;color:#323841;text-align:left;line-height:1.2em;font-weight:300}
.com-wrap span.k em{display:block}
.com-wrap:after{content:"";clear:both;display:block}
.com-wrap .goodcom{float:right;width:730px}
.com-wrap .bar_company{width:630px}
.com-wrap .bar_company li{position:relative;text-align:left;margin-top:30px}
.com-wrap .bar_company li:first-child{margin-top:0}
.com-wrap .bar_company li:before{content:'';display:block;width:100%;height:100%;position:absolute;left:0;bottom:0;background-color:#0096d5}
.com-wrap .bar_company li em,
.com-wrap .bar_company li span{position:relative;z-index:1}
.com-wrap .bar_company li em{position:absolute;left:0;top:0;width:54px;text-align:center;font-size:12px;border:2px solid #e8e8e8;line-height:20px;border-radius:12px;margin:13px 10px 0 16px;background-color:#fff;box-shadow:1px 1px 1px rgba(0,0,0,0.2)}
.com-wrap .bar_company li span{line-height:50px;font-size:16px;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.2);text-align:right;display:block;width:100%;padding-right:30px;box-sizing:border-box}
.com-wrap .bar_company li span.fs{font-size:12px}
.com-wrap .bar_company li.bar01{width:100%}
.com-wrap .bar_company li.bar02{width:80%}
.com-wrap .bar_company li.bar03{width:66%}
.com-wrap .bar_company li.bar04{width:50%}
.com-wrap.com02 .goodcom{margin-bottom:30px}
.com-wrap.com02 .goodcom .since{display:none}
.com-wrap.com02 .goodcom .since.on{display:block}
.com-wrap ul.tit{float:left}
.com-wrap ul.tit li{position:relative;padding-bottom:90px;background:url("../img/com-bg.png") repeat-y 27px}
.com-wrap ul.tit li span{position:absolute;left:0;top:0;width:50px;font-size:13px;color:#323841;line-height:23px;text-align:center;border:2px solid #ccc;border-radius:20px;background-color:#fff}
.com-wrap ul.tit li em{position:relative;top:-7px;display:block;margin-left:66px;width:630px;height:40px;text-align:right;font-size:0;text-indent:-9999px;background-color:#0096d5}
.com-wrap ul.tit li em:after{position:absolute;top:0;right:20px;width:300px;height:40px;content:"";clear:both;display:block;background:url("../img/tit-t01.png") no-repeat right center}
.com-wrap ul.tit li.t02 em:after{background-image:url("../img/tit-t02.png")}
.com-wrap ul.tit li.t03 em:after{background-image:url("../img/tit-t03.png")}
.com-wrap ul.tit li.t02 em{width:460px}
.com-wrap ul.tit li.t03 em{width:346px}
.com-name{position:absolute;left:247px;top:125px;text-align:left}
.com-name li{position:relative;padding-left:30px}
.com-name li:after{position:absolute;left:0;top:8px;width:10px;height:10px;content:"";clear:both;display:block;background:url("../img/com-pointpng.png") no-repeat center;background-size:10px auto}
.com-name li.c02{top:100px}
.com-name li.c03{top:200px}
.com-wrap .com-btn{position:absolute;bottom:60px;left:80px;display:block;width:160px}
.com-wrap .com-btn a{position:relative;display:block;width:100%;color:#fff;font-size:18px;line-height:50px;text-align:center;background-color:#323841}
.com-wrap .com-btn a:after{content:"";display:inline-block;margin-left:10px;width:20px;height:50px;background:url("../img/ico-business-down.png") center center no-repeat;background-size:20px auto;vertical-align:top}
.com-wrap.com02{margin-bottom:40px}
.com02 .com-name{top:165px}
.com02 .selt{display:block;position:absolute;top:29px;right:29px;width:104px}
.com-wrap.com02 ul.tit li em:after{background-image:url("../img/tit2-t01.png")}
.com-btn_wrap{clear:both;width:1000px;margin:0 auto}
.com-btn_wrap .com-btn{display:block;position:static;width:200px;margin:0 auto}
.com-btn_wrap .com-btn a{position:relative;display:block;width:100%;color:#fff;font-size:18px;line-height:50px;text-align:center;background-color:#323841}
.com-btn_wrap .com-btn a:after{content:"";display:inline-block;margin-left:10px;width:20px;height:50px;background:url("../img/ico-business-down.png") center center no-repeat;background-size:20px auto;vertical-align:top}

/* ESG 평가 - 등급조회, 금융회사 지배구조 DB */
.rating-wrap{margin:0 auto 100px;width:1000px}
.rating-top{position:relative;padding-right:110px}
.rating-top:after{content:"";clear:both;display:block}
.rating-top.sel_year dl{width:160px}
.rating-top.sel_year dl.r01{width:330px}
.rating-top.sel_year dl.r02{width:160px}
.rating-top.sel_year dl dd .selt{width:100px}
.rating-top.sel_year dl.r01 dd input[type="text"]{width:220px}
.rating-top dl{float:left;position:relative;margin-right:18px;width:148px}
.rating-top dl.r01{width:282px}
/* .rating-top dl.r02{width:254px} */
.rating-top dl.r04{margin-right:0}
.rating-top dl.r01 dt{display:none}
.rating-top dl dt{position:absolute;top:8px;left:0;display:block;font-size:14px;color:#3f3f3f}
.rating-top dl dd{display:block;padding-left:60px}
.rating-top dl dd:after{content:"";display:block;clear:both}
.rating-top dl dd .selt{width:85px;vertical-align:top}
.rating-top dl dd input{vertical-align:top}
.rating-top dl.r01 dd{padding-left:0}
.rating-top dl.r01 dd .selt{width:95px}
.rating-top dl.r01 dd input[type="text"]{width:165px}
.rating-top dl.r02 dd span{display:inline-block;margin:0 3px;line-height:40px;color:#888}
.rating-top dl dt,.rating-top dl dd{vertical-align:middle}
.rating-top button{position:absolute;right:0;top:0;display:block;width:110px;height:40px;line-height:40px;font-size:16px;color:#fff;background-color:#323841}
.rating-top.type2 .selt{float:left;margin-right:5px}
.rating-top.type2 .selt.s1{width:114px}
.rating-top.type2 .selt.s2{width:145px}
.rating-top.type2 .selt.s3{width:105px}
.rating-top.type2 .selt.s4{width:195px}
.rating-top.type2 input[type="text"]{float:left;width:305px}

.rating-wrap .down_btn{margin-bottom:60px}
.rating-wrap .down_btn>button{font-size:20px;margin-bottom:20px;}
.rating-wrap .down_btn>button::before,
.rating-wrap .down_btn>button::after {display:inline-block;vertical-align:top;}
.rating-wrap .down_btn>button::before{content:'■';margin-right:10px;font-size:14px;}
.rating-wrap .down_btn>button::after {content:'+';margin:2px 0 0 10px;background-color:#666;color:#fff;width:22px;height:22px;line-height:20px;}
.rating-wrap .down_btn>button.on::after{content:'-';}
.rating-wrap .down_btn .slide_down{display:none;padding:36px;background-color:#e8e8e8;border:1px solid #c8c8c8}
.rating-wrap .down_btn .slide_down p{color:#646464}
.rating-wrap .down_btn .slide_down>ul li{padding-left:18px;margin-top:14px;text-indent:-18px;color:#646464;font-size:15px;}
.rating-wrap .down_btn .slide_down>ul li.none{text-indent:0;padding-left:0;margin-top:0}
.rating-wrap .down_btn .slide_down>ul li em{color:#0096d5;letter-spacing:0;}
.rating-wrap .down_btn .slide_down>ul ul li{margin-top:2px}
.rating-wrap .sub_info_txt{margin-bottom:50px;border:1px solid #e8e8e8;padding:30px;}
.rating-wrap .sub_info_txt>li{color:#3f3f3f;padding-left:10px;margin-bottom:14px;text-indent:-10px;}
.rating-wrap .sub_info_txt li ul{margin-top:10px}
.rating-wrap .sub_info_txt li li{margin-bottom:0;margin-top:2px}

.rating-info-wrap h3{font-size:20px;}
.rating-info-wrap h3::before{display:inline-block;vertical-align:top;content:'■';margin-right:10px;font-size:14px;}
.rating-info-wrap >ul{margin-left:14px}
.rating-info-wrap >ul li{position:relative;padding-left:10px;margin-top:12px}
.rating-info-wrap >ul li::before{content:'-';position:absolute;left:0;top:0}
.rating-info-wrap table{border:solid #666;border-width:2px 0;margin-top:16px;margin-bottom:50px}
.rating-info-wrap table th:last-child,
.rating-info-wrap table td:last-child{border-right:none;}
.rating-info-wrap table th{border-bottom:1px solid #999;font-weight:normal;}
.rating-info-wrap table th,
.rating-info-wrap table td{padding:16px 20px;border-top:1px solid #999;border-right:1px solid #999;color:#000}
.rating-info-wrap table th{padding-left:0;padding-right:0;}
.rating-info-wrap table th{border-top-color:#fff}
.rating-info-wrap table th{border-top-color:#fff}
.rating-info-wrap table th span{display:block;line-height:1;}
.rating-info-wrap table tr:first-child td{border-top-width:0;}
.rating-info-wrap table tr .border-right{border-right-color: #666;border-right-width:2px;}
.rating-info-wrap table .s {background-color:#002269;color:#fff}
.rating-info-wrap table .aa{background-color:#0049a2;color:#fff}
.rating-info-wrap table .a {background-color:#0099ff;}
.rating-info-wrap table .bb{background-color:#00a6ff;}
.rating-info-wrap table .b {background-color:#65cfff;}
.rating-info-wrap table .c {background-color:#9fdaff;}
.rating-info-wrap table .d {background-color:#ddf4ff}

.tab_top{padding-top:46px;text-align:center}
.business_view{margin:0 auto;width:1000px}
.business_view .page_tab{display:flex;justify-content:center}
.business_view .page_tab li{float:none;width:100%}
.business_view .page_tab li a{min-width:initial;padding-left:0;padding-right:0}
.business_view .pagination{margin-top:35px}
.business_view .bus_sup{color:#3f3f3f;font-size:16px;line-height:1em;font-weight:300;margin:15px 0}
.business_view .business_board{margin-top:15px;position:relative}
.business_view .business_board table{width:100%}
.business_view .business_board table thead th{padding:20px 10px;border:solid #323841;border-width:1px 0;text-align:center;font-weight:400;font-size:16px;color:#211c1d}
.business_view .business_board table td{padding:20px 10px;text-align:center;font-size:14px;color:#888;border-bottom:1px solid #e1e1e1;letter-spacing:0}
.business_view .business_board table td em{color:#323841}
.business_view .business_board table tbody tr{background-color:#fff;transition:background-color 0.3s;-webkit-transition:background-color 0.3s}
.business_view .business_board table tbody tr:hover{background-color:#f5f5f7}
.business_view .business_board table td .down{display:inline-block;width:50px;height:30px;background:url("../img/ico-download-b.png") center center no-repeat;font-size:0;line-height:0;cursor:pointer}
.business_view .business_board table th .plus{display:inline-block;vertical-align:top}

.tab06_wrap{width:1000px;margin:50px auto 100px}
.tab06_wrap .top_area{border:1px solid #e1e1e1;padding:40px 50px;background-color:#f5f5f7;}
.tab06_wrap .top_area p{line-height:1.8;margin-top:30px}
.tab06_wrap .top_area p:first-child{margin-top:0}
.tab06_wrap .info_area{padding:0 20px}
.tab06_wrap .info_area ul{margin:60px 0}
.tab06_wrap .info_area ul li{color:#000;margin-top:18px;padding-left:16px;line-height:1.7;color:#333}
.tab06_wrap .info_area ul li:first-child{margin-top:0}
.tab06_wrap .info_area ul li em{display:block;font-weight:500;color:#0d4e9c;margin-left:-16px;margin-bottom:6px;font-size:17px;}
.tab06_wrap .info_area ul li span{display:block;font-size:14px;line-height:1.6;margin:8px 0 0 8px;text-indent:-8px;color:#838fa2;}
.tab06_wrap .sup_area p{color:#000;margin-bottom:20px;line-height:1.6;font-weight:700;font-size:18px;}
.tab06_wrap .button_excel{width:350px;margin:0 auto;}

/* 책임 투자 지원서비스 */
.support_wrap{position:relative}
.support_wrap .support_top{text-align:center}
.support_wrap .support_top > p{font-size:17px;color:#3f3f3f;line-height:1.6em}
.support_wrap .support_top > p span{display:block}
.support_wrap .support_top .spt_chart{display:block;margin:70px 0 115px}
.support_wrap .support_top .spt_chart strong{display:block;margin:0 auto;width:305px;height:58px;border:2px solid #e7e7e7;font-size:22px;line-height:58px;color:#323841;font-weight:500;text-align:center}
.support_wrap .support_top .spt_chart ul{display:block;padding-top:90px;margin:0 auto;width:950px;background:url("../img/spt_chart.gif") center top no-repeat}
.support_wrap .support_top .spt_chart ul:after{content:"";display:block;clear:both}
.support_wrap .support_top .spt_chart ul li{float:left;margin-left:76px;width:180px;height:180px;background-color:#0096d5;border-radius:50%;text-align:center;color:#fff}
.support_wrap .support_top .spt_chart ul li:first-child{margin-left:0}
.support_wrap .support_top .spt_chart ul li em{display:block;padding-top:45px;font-size:15px;letter-spacing:0}
.support_wrap .support_top .spt_chart ul li p{margin-top:0;font-size:21px;line-height:1.4em}
.support_wrap .support_top .spt_chart ul li span{font-size:14px;color:#a3cfeb;font-weight:300}
.key_benefits{background-color:#292c35}
.key_benefits .key_contents{position:relative;margin:0 auto;padding:75px 0 70px 0;width:950px;color:#e0e0e1}
.key_benefits .key_contents::after{content:"";display:block;clear:both}
.key_benefits .key_contents strong{display:block;float:left;padding-bottom:95px;width:220px;font-size:48px;line-height:1em;color:#fff;font-weight:200;text-align:center;letter-spacing:0;background:url("../img/ico_benefits.png") center bottom no-repeat}
.key_benefits .key_contents ul{float:left;display:block;margin-left:160px}
.key_benefits .key_contents ul li{position:relative;padding-left:15px;margin-top:10px;font-size:17px;line-height:1.3em}
.key_benefits .key_contents ul li:first-child{margin-top:0}
.key_benefits .key_contents ul li:before{content:"";display:block;position:absolute;left:0;top:10px;width:3px;height:3px;background-color:#fff;border-radius:50%}
.service_module{margin:90px auto;width:1000px}
.service_module .svc_reports{position:relative;margin-top:80px;padding-top:265px}
.service_module .svc_reports:before{content:"";display:block;position:absolute;left:-100px;top:0;width:1200px;height:420px;background:url("../img/svc_reports.jpg") center top no-repeat;z-index:1}
.service_module .svc_reports dl{position:relative;margin-top:20px;padding:45px 50px 45px 65px;background-color:#fff;border:1px solid #e7e7e7;box-shadow:rgba(188, 188, 188, 0.3) 1px 1px 3px;z-index:2}
.service_module .svc_reports dl:first-child{margin-top:0}
.service_module .svc_reports dl:after{content:"";display:block;clear:both}
.service_module .svc_reports dl dt{float:left;width:200px;font-size:34px;line-height:1.2em;color:#0394cf;font-weight:400;letter-spacing:0}
.service_module .svc_reports dl dd{float:right;width:625px}
.service_module .svc_reports dl dd ul{display:block}
.service_module .svc_reports dl dd ul li{position:relative;padding-left:15px;margin-top:8px;min-height:28px;font-size:17px}
.service_module .svc_reports dl dd ul li:first-child{margin-top:0}
.service_module .svc_reports dl dd ul li:before{content:"";display:block;position:absolute;left:0;top:12px;width:3px;height:3px;background-color:#323841;border-radius:60%}
.service_module .svc_reports dl dd ul li span{display:block;font-size:14px;color:#7a7a7a;letter-spacing:0}
.service_module .svc_reports dl dd ul li .sample{display:block;position:absolute;right:0;top:-2px;padding-left:30px;width:102px;height:32px;background-color:#323841;color:#fff;font-size:13px;line-height:32px;letter-spacing:0}
.service_module .svc_reports dl dd ul li .sample:after{content:"";display:block;position:absolute;right:14px;top:0;width:16px;height:100%;background:url("../img/ico-business-down.png") center center no-repeat}

/* 의안분석 */
.analysis_wrap .analysis_guide{position:relative;margin:50px auto;padding-top:265px;width:1080px}
.analysis_wrap .analysis_guide:after{content:"";display:block;position:absolute;top:0;left:-60px;width:1200px;height:395px;background:url("../img/analysis_guide.jpg") center top no-repeat}
.analysis_wrap .analysis_guide ul{display:block;position:relative;background-color:#fff;border:1px solid #e1e1e1;z-index:2}
.analysis_wrap .analysis_guide ul:after{content:"";display:block;clear:both}
.analysis_wrap .analysis_guide ul li{float:left;position:relative;padding:35px 0 40px;width:33.3%;text-align:center}
.analysis_wrap .analysis_guide ul li:after{content:"";display:block;position:absolute;left:0px;top:50%;margin-top:-66px;width:1px;height:133px;background-color:#e5e5e5}
.analysis_wrap .analysis_guide ul li:first-child:after{display:none}
.analysis_wrap .analysis_guide ul li strong{display:block;position:relative;padding-top:70px;font-size:20px;color:#323841;font-weight:400;line-height:1.2em}
.analysis_wrap .analysis_guide ul li strong:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:60px;background:center top no-repeat}
.analysis_wrap .analysis_guide ul li.a1 strong:after{background-image:url("../img/ico_analysis_guide01.gif")}
.analysis_wrap .analysis_guide ul li.a2 strong:after{background-image:url("../img/ico_analysis_guide02.gif")}
.analysis_wrap .analysis_guide ul li.a3 strong:after{background-image:url("../img/ico_analysis_guide03.gif")}
.analysis_wrap .analysis_guide ul li p{margin:16px 45px 0;font-size:14px;color:#838fa2;line-height:1.5em}
.analysis_wrap .analysis_step{margin:0 0 55px;padding:40px 0;background-color:#f5f5f7}
.analysis_wrap .analysis_step ul{display:block;margin:0 auto;width:1094px;height:312px;background:url("../img/analysis_step.png") center top no-repeat;font-size:0;line-height:0}

.analysis_list{margin:75px auto;width:1044px}
.analysis_list ul{display:block;width:110%}
.analysis_list ul:after{content:"";display:block;clear:both}
.analysis_list ul li{float:left;position:relative;margin:0 14px 14px 0;width:250px;height:256px;text-align:center}
.analysis_list ul li:after{content:"";display:block;position:absolute;left:0;bottom:-5px;width:100%;height:25px;z-index:2}
.analysis_list ul li a{display:block;position:relative;padding:75px 35px;background-color:#fff;border:1px solid #e1e1e1;z-index:1;height:104px;transition:background-color 0.3s, margin 0.3s, box-shadow 0.3s, border-color 0.3s;-webkit-transition:background-color 0.3s, margin 0.3s, box-shadow 0.3s, border-color 0.3s}
.analysis_list ul li a:after{content:"";display:block;position:absolute;right:20px;bottom:20px;width:20px;height:16px;background:url("../img/ico-download-b.png") 0 0 no-repeat;transition:background-image 0.3s;-webkit-transition:background-image 0.3s}
.analysis_list ul li a span{display:block;font-size:15px;color:#0096d5;transition:color 0.3s;-webkit-transition:color 0.3s}
.analysis_list ul li a em{display:block;margin-top:15px;font-size:20px;color:#323841;line-height:1.5em;transition:color 0.3s;-webkit-transition:color 0.3s}
.analysis_list ul li a:hover{margin-top:-16px;background-color:#323841;border-color:#323841;box-shadow:rgba(0, 0, 0, 0.5) 5px 5px 25px}
.analysis_list ul li a:hover span{color:#adafb1}
.analysis_list ul li a:hover em{color:#fff}
.analysis_list ul li a:hover:after{background-image:url("../img/ico-download.png")}
.analysis_list ul li.new a em:before{content:"NEW";display:block;position:absolute;right:20px;top:20px;width:52px;height:20px;background-color:#0096d5;color:#fff;font-size:14px;line-height:20px;text-align:center}
.analysis_list .pagination{margin-top:30px}

/* 연구 분야 */
.research_wrap{margin:0 auto;width:1000px}
.research_field{margin-top:60px;width:110%}
.research_field:after{content:"";display:block;clear:both}
.research_field dl{float:left;position:relative;margin:0 16px 16px 0;width:320px;height:364px;border:1px solid #ddd;border-bottom-width:4px}
.research_field dl:after{content:"";display:block;position:absolute;right:20px;bottom:20px;width:50px;height:50px;background:url("../img/ico_research_field.png") no-repeat}
.research_field dl dt{position:relative;padding:35px 30px 10px 50px;font-size:20px;color:#323841;font-weight:400;line-height:1.4em;letter-spacing:-1px}
.research_field dl dt:before{content:"";display:block;position:absolute;left:30px;top:45px;width:8px;height:8px;border-radius:50%;background-color:#0394cf}
.research_field dl.rf03 dt{padding-right:0}
.research_field dl dd{padding:0 70px 0 35px;color:#888;font-size:14px;line-height:1.5em}
.research_field dl dd ul{padding-left:15px}
.research_field dl dd ul li{position:relative;padding-left:10px;margin-top:3px}
.research_field dl dd ul li:first-child{margin-top:0}
.research_field dl dd ul li:before{content:"-";position:absolute;left:0;top:0}
.research_field dl dd span{display:block;margin-top:20px;font-size:13px;line-height:1.4em}
.research_field dl.rf01:after{background-position:center 0px}
.research_field dl.rf02:after{background-position:center -100px}
.research_field dl.rf03:after{background-position:center -200px}
.research_field dl.rf04:after{background-position:center -300px}
.research_field dl.rf05:after{background-position:center -400px}
.research_field dl.rf06:after{background-position:center -500px}

.research_wrap .history_list .his_tab:after{background-image:url("../img/history_bg_research.jpg")}
.research_wrap .history_list dd ul li{padding-left:280px}
.research_wrap .history_list dd ul li em{width:250px}
.research_wrap .history_list.research2 .his_tab:after{display:none}
.research_wrap .history_list.research2 dd{margin-bottom:28px}
.research_wrap .history_list.research2 dd ul li{padding-left:0}
.research_wrap .history_list.research2 dd ul li em{position:static;margin-right:30px;display:inline-block;vertical-align:middle}
.research_wrap .history_list.research2 dd ul li p{display:inline-block;vertical-align:middle}
.research_banner{display:block;margin:85px 0 0 -100px;padding:100px 0 85px;width:1200px;background:url("../img/research_banner.jpg") center top no-repeat;background-size:cover;text-align:center;color:#fff}
.research_banner strong{font-size:34px;font-weight:200;line-height:1.2em}
.research_banner strong em{color:#2783d7}
.research_banner p{display:block;margin-top:20px;font-size:14px;line-height:1.5em;font-weight:200;opacity:0.6}

/* 2024.08.09 추가 */
.inquiry-info_box{border:1px solid #e8e8e8;padding:30px;}
.inquiry-info_box li{color:#3f3f3f;padding-left:18px;text-indent:-18px;}
.inquiry-info_box li + li{margin-top:15px;}
.inquiry-info_box li.color-red{color:red;}
.inquiry-tab_wrap .inquiry-tab{display:flex;justify-content:center;margin:100px 0 50px;}
.inquiry-tab_wrap .inquiry-tab button{display:block;min-width:155px;padding:13px;margin-right:-1px;text-align:center;color:#838fa2;border:1px solid #e1e1e1;line-height:16px}
.inquiry-tab_wrap .inquiry-tab button.on{background-color:#0096d5;color:#fff;border-color:#0096d5;}
.inquiry-tab_wrap .inquiry-contents li{display:none;position:relative;}
.inquiry-tab_wrap .inquiry-contents li.on{display:block;}
.inquiry-tab_wrap .news_top-tamp .lst_all-count{width:100%;}
.inquiry-tab_wrap .news_top-tamp .lst_item{width:100%;}
.inquiry-tab_wrap .news_top-tamp .lst_item .item_box{width:333px;height:333px;}
.inquiry-tab_wrap .news_top-tamp .lst_item .item_box .title-box{display:flex;padding:70px 0 28px 0;margin:0 36px;}
.inquiry-tab_wrap .news_top-tamp .lst_item .item_box .title-box .label{display:block;padding:0 6px;margin-right:10px;line-height:24px;border-radius:5px;background-color:#0096d5;color:#fff;text-align:center;font-size:14px;}
.inquiry-tab_wrap .news_top-tamp .lst_item .item_box .title-box strong{padding:0;margin:0;}
.rating-top.download{padding-right:0;}
.rating-top.download dl{margin-right:10px;}
.rating-top.download dl.r01{margin-right:0;}
.rating-top.download button{position:static;}
.rating-top.download .button_excel{position:absolute;right:0;top:0;}
/* .past_data-box{display:flex;justify-content:space-between;align-items:center;padding:20px 0 8px 0;}
.past_data-box p{color:#888;}
.past_data-box .button_excel{width:380px;margin-left:20px;box-sizing:border-box;}
.past_data-box .button_excel::after{margin-left:12px;} */
.button_excel{display:flex;justify-content:center;width:125px;height:40px;line-height:40px;color:#fff;background-color:#323841;}
.button_excel::after {content:"";display:inline-block;margin-left:5px;width:20px;background:url(../img/ico-business-down.png) no-repeat center / 100% auto;vertical-align:top;}
.inquiry-contents li .button_excel{position:absolute;right:0;bottom:0;}
.rating-top .type-several{display:flex;position:relative;width:280px;}
.rating-top .type-several dd + dd::before{content:'~';display:block;position:absolute;top:50%;transform:translate(0, -50%);right:42%;}
.rating-top .type-several dd + dd{padding-left:25px;box-sizing:border-box;}
/* 등급조회 - table */
.business_view .business_board table tbody.hide-box tr:hover{background-color:#fff;}
.grade-inquiry-box{display:flex;align-items:center;justify-content:center;height:300px;}
.grade-inquiry-box button{display:block;width:270px;line-height:60px;font-size:18px;background-color:#0096d5;color:#fff;}
.business_view .business_board table td.type-company span{display:block;padding:5px;border:1px solid #ffca00;color:red;}
.business_view .business_board table td.type-pdf a{display:block;width:34px;height:34px;margin:0 auto;background:url(../img/ico_pdf.png) no-repeat center / 100% auto;font-size:0;text-indent:99999em;overflow:hidden;line-height:0;}
/* popup */
.layerpopup.comm{display:block;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:750px;margin-left:0;margin-top:-100px;box-sizing:border-box;visibility:hidden;background-color:#ffffff;opacity:0;transition-delay:0.1s;transition-property:margin-top, right, opacity, visibility;transition-duration:0.5s;transition-timing-function:ease;}
.layerpopup.comm.open{margin-top:0;visibility:visible;opacity:1;}
.layerpopup.comm .title-box strong{display:block;font-size:25px;line-height:1.3;}
.layerpopup.comm .pop_contents button{display:block;width:100px;margin:40px auto 0;line-height:40px;background-color:#7a7a7a;color:#fff;border-radius:5px;}
/* popup - 등급조회 */
#popupGradeInquiry .title-box p{font-size:25px;line-height:1.3;}
#popupGradeInquiry .conts-box{border-bottom:1px solid #ccc;}
#popupGradeInquiry .user-type_wrap{display:grid;grid-template-columns:1fr 1.3fr 1fr;justify-items:start;gap:10px;padding:60px 0;}
#popupGradeInquiry .user-type_wrap li{display:flex;justify-content:center;align-items:center;position:relative;}
#popupGradeInquiry .agree-type_wrap li + li{margin-top:10px;}
#popupGradeInquiry .agree-type_wrap label{display:flex;align-items:center;cursor:pointer;position:relative;}
#popupGradeInquiry .agree-type_wrap label span{margin-left:5px;}
#popupGradeInquiry .agree-type_wrap strong{display:flex;}
#popupGradeInquiry .agree-type_wrap strong::before{content:'';display:block;flex:none;width:5px;height:5px;border-radius:50%;background-color:#000;margin-top:9px;margin-right:8px;margin-left:10px;text-indent:-10px;}
#popupGradeInquiry .agree-type_wrap p{color:#777;margin-left:20px;text-indent:-10px;}
#popupGradeInquiry .agree-type_wrap em{display:flex;margin-left:10px;color:#777;}
#popupGradeInquiry .agree-type_wrap em::before{content:'-';display:block;margin-left:10px;text-indent:-10px;}
#popupGradeInquiry .agree-type_wrap .label-box{display:flex;justify-content:center;margin:20px 0  30px 0;}
#popupGradeInquiry .agree-type_wrap .label-box label + label{margin-left:50px;}
.tooltip{position:relative;width:18px;height:18px;margin:4px 0 0px 6px;background:#fff url(../img/stew-m.png) no-repeat center / 100% auto;cursor:pointer;}
.tooltip em{display:none;position:absolute;top:30px;left:50%;transform:translate(-50%, 0);z-index:999;padding:6px 15px;background-color:#2f333c;font-size:14px;white-space:nowrap;border-radius:10px;box-shadow:3px 14px 34px 6px rgba(0,0,0,0.2);color:#fff;}
.tooltip:hover em{display:block;}
.tooltip em:after{content:"";display:block;position:absolute;top:-10px;left:50%;transform:translate(-50%, 0) rotate(180deg);width:36px;height:16px;background:url("../img/box-arrow.png")no-repeat left}
#backbg {position:fixed;top:0;left:0;z-index:50;width:100%;height:100%;background-color:#000;opacity:0;transition-property:opacity;transition-duration:0.3s;transition-timing-function:cubic-bezier(0.65, 0, 0.35, 1);}
#backbg.open {opacity:0.8;}
.notscroll {height:100%;overflow:hidden;}
/* 금융회사 지배구조 DB */
.db-info{margin-bottom:50px;border:1px solid #e8e8e8;padding:30px;}
.db-info p{color:#3f3f3f;padding-left:10px;text-indent:-10px;}
.db-info p:nth-child(2){padding-left:15px;text-indent:-15px;}
.db-info p + p{margin-top:15px;}

/***************************
	  ** Mobile CSS **
***************************/
@media all and ( max-width:640px ){
	button.quest{margin-right:2px;width:14px;height:14px;background-size:14px auto}
	ul.page_tab{padding-top:18px}
	ul.page_tab li{width:50%}
	ul.page_tab li a{margin-bottom:-1px;padding:5px 0;min-width:93px;font-size:10px;background-color:#fff}
	ul.page_tab li a span{display:none}
	.appraisal-wrap ul.page_tab li{width:33.3%}
	.business_view ul.page_tab li{width:33.3%}

	.sub_top strong{font-size:22px}
	.sub_top p{margin:8px 0;font-size:13px;text-align:left}
	.sub_top p span{display:inline}

	.service_module .sub_top p{margin:18px 0}

	.business_view ul.page_tab li a{display:block}
	.steward-wrap#ui_contents h2{background:none}
	.m-tit{font-size:13px;text-align:left}

	.tab_top{padding-top:0}

	.pluspopup{display:none;top:-88px;left:30px;border-radius:10px;box-shadow:1px 8px 17px 3px rgba(0,0,0,0.2);width:250px;z-index:1}
	.pluspopup:after{bottom:-8px;left:50%;width:18px;height:8px;background-size:18px auto;margin-left:-9px}
	.pluspopup .popup_box{padding:10px}
	.pluspopup .popup_box p{color:#fff;margin-left:46px;text-indent:-46px;font-size:12px;line-height:1.4em}

	/* 스튜어드십 코드 팝업 */
	.stewardpopup{top:-180px;left:5%;width:90%;margin:0 0 80px;z-index:100}
	.stewardpopup:after{content:"";display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:100;opacity:0.8;background-image:none}
	.stewardpopup .popup_box{position:relative;padding:70px 30px 30px;z-index:101;background-color:#fff}
	.stewardpopup .popup_box .btn_x{display:block;position:absolute;right:15px;top:15px;width:37px;height:37px;
	background:#0096d5 url("../img/btn_x.png") center center no-repeat;border-radius:50%;font-size:0;line-height:0;z-index:10;background-size:16px auto}
	.stewardpopup .popup_box strong{line-height:26px;padding-bottom:10px;font-size:22px;color:#323841}
	.stewardpopup .popup_box ul li{padding-bottom:6px;color:#333333;font-size:13px}
	.stewardpopup .popup_box ul li:before{width:3px;height:3px;background-image:url("../img/busindess-p-bl.png");background-size:3px auto}
	.stewardpopup.s02{position:fixed;top:100px;left:5%;width:90%}

	/* 스튜어드십 코드 - 스튜어드십 코드 센터 */
	.steward-wrap ul.page_tab li a.t1{padding-left:8px;padding-right:8px}
	.steward-wrap ul.page_tab li a.t2{padding-left:4px;padding-right:4px}
	.steward-wrap#ui_contents{padding:0 20px 35px}
	.steward-wrap .code-center{padding-bottom:75px;width:100%}
	.steward-wrap .code-center .b{width:100%;height:100%;background:none}
	.steward-wrap .code-center .b img{display:block;margin:0 auto;max-width:100%}
	.steward-wrap .center-bg{margin:0 -20px;height:106px}
	.steward-wrap .center-job{width:100%}
	.steward-wrap .center-job img{top:-140px;left:10%;width:225px;height:267px}
	.steward-wrap .center-job .w{padding:160px 0 0}
	.steward-wrap#ui_contents .center-job .w h2{margin-bottom:25px;padding-top:20px;text-align:center}
	.steward-wrap .center-job .w dl{padding:0 0 14px 0}
	.steward-wrap .center-job .w dl:after{display:none}
	.steward-wrap .center-job .w dl dt{padding-bottom:6px;font-size:15px;color:#333}
	.steward-wrap .center-job .w dl dd{font-size:13px}
	.steward-wrap .center-job .w ul li{padding-left:10px}
	.steward-wrap .center-job .w ul li:before{left:0;top:8px}

	/* 스튜어드십 코드 - 스튜어드십 코드*/
	.steward-wrap .s-purpose{width:100%}
	.steward-wrap .s-rule{margin:0 -20px;padding:40px 35px;background:url("../img/stewarship_rule_bg2.png") no-repeat center center}
	.steward-wrap#ui_contents h2.w{margin:0 0 35px}
	.steward-wrap .s-rule .rule-box{margin:0 auto 60px;width:100%}

	.steward-wrap .s-rule .rule-box p{margin-bottom:12px;color:#3f3f3f;font-size:13px;line-height:1.4em}
	.steward-wrap .s-rule .rule-box span{position:static}
	.steward-wrap .s-rule .rule-box em{padding-left:0}
	.steward-wrap .s-part{margin:0 auto;padding:30px 0;width:100%}
	.steward-wrap .s-part > img{float:none;width:100%}
	.steward-wrap .s-part .s{float:none;padding-left:0;width:100%}
	#ui_contents.steward-wrap .s-part .s h2{margin:20px 0 10px}
	.steward-wrap .s-part .s p{color:#3f3f3f;font-size:13px}
	.steward-wrap .s-part .s p.point{padding-bottom:10px;font-size:15px}
	.steward-wrap .part-box{margin:0 auto;width:100%}
	#ui_contents .part-box.s01 h2,
	#ui_contents .part-box.s02 h2{margin:30px 0 16px}
	.steward-wrap .part-box > img{width:100%}
	.steward-wrap .part-box .txt-box{margin-right:0;padding-top:10px}
	.steward-wrap .part-box .txt-box ul{padding:0 0 14px 0;float:none}
	.steward-wrap .part-box .txt-box ul:nth-child(2){padding-right:0}
	.steward-wrap .part-box .txt-box ul li{padding-left:10px;font-size:12px;line-height:1.4em}
	.steward-wrap .part-box .txt-box ul li:nth-child(2){padding:4px 0}
	.steward-wrap .part-box.s02 .txt-box{padding-left:0}
	.steward-wrap .part-box.s02 .txt-box ul{padding-right:0}
	.steward-wrap .part-box.s02 .txt-box ul:first-child{width:100%}
	.steward-wrap .part-box p.m-point{margin-top:10px;padding-left:20px;padding-bottom:0;font-size:10px;color:#3f3f3f}
	.steward-wrap .part-box p.m-point:before{top:2px}

	/* 모범 규준 */
	.esg-tit{width:100%;text-align:left}
	.esg-tit .esg-tit-wrap{text-align:center}
	.esg-tit .esg-tit-wrap>ul{display:block}
	.esg-tit .esg-tit-wrap>ul li{padding-bottom:15px;font-size:18px;line-height:1.6em;width:100%;margin-left:0;margin-top:40px}
	.esg-tit .esg-tit-wrap>ul li:first-child{margin-top:0}
	.esg-tit .esg-tit-wrap>ul li span{font-size:12px;margin-top:2px;margin-bottom:20px}
	.esg-tit .esg-tit-wrap>ul li img{display:block;width:100%;max-width:320px;margin:0 auto}
	.esg-tit .esg-tit-wrap>ul li p{font-size:14px;width:240px;margin-top:20px;margin-bottom:15px}
	.esg-tit em.k{margin:50px auto 35px;display:block;width:92%;height:35px;font-size:15px;line-height:35px}
	.esg-tit em.k:before{position:absolute;content:"";display:block;background:url("../img/ico_esg_arrow.png") no-repeat;top:-30px;left:50%;width:25px;height:15px;background-size:25px auto;transform:translateX(-50%)}
	.esg-box{margin:0 -20px;padding:35px 20px 15px 20px}
	.esg-box .esg-box-line{width:100%}
	.esg-box .esg-box-line dl{padding-bottom:0;text-align:left}
	.esg-box .esg-box-line dl:before{display:none}
	.esg-box .esg-box-line dl.e{padding-left:0}
	.esg-box .esg-box-line dl.s{padding-left:0}
	.esg-box .esg-box-line dl.g{padding-left:0}
	.esg-box .esg-box-line dl dt{padding-bottom:4px;font-size:15px}
	.esg-box .esg-box-line dl dd{padding-bottom:10px;font-size:13px;line-height:1.4em}
	.esg-box .esg-box-line dl dd.r1{width:100%}
	.esg-box .esg-box-line dl dd.r2{width:100%}
	.esg-box .esg-box-line dl dd span{display:inline}
	.esg-box .esg-box-line dl dd em{font-size:10px}
	.esg-guide{padding-bottom:0;width:100%}
	.esg-wrap#ui_contents .esg-guide h2{margin-top:40px}
	.esg-guide p.m-tit{text-align:left}
	.esg-guide ul.guide_tab{padding-bottom:20px}
	.esg-guide ul.guide_tab li{margin-right:-1px;width:33.3%}
	.esg-guide ul.guide_tab li a{padding:7px 0;font-size:15px;border-color:#fff;border-width:0 1px 0}
	.esg-guide .g-box{padding:30px 18px}
	.esg-guide .g-box ul li{line-height:22px;padding-bottom:10px}
	.esg-guide .g-box ul li:last-child{padding-bottom:0}
	.esg-guide .g-box ul li span{position:static;font-size:15px}
	.esg-guide .g-box ul li em{display:block;padding-left:0;font-size:13px}
	.esg-guide .btn_download{margin-top:30px}

	/* ESG 평가 - ESG 평가 */
	.appraisal-wrap{padding-top:23px}
	.appraisal-line{padding-top:36px;width:100%}
	.appraisal-line .appra-top{margin:-20px;padding:60px 0 10px;background-size:cover}
	.appraisal-line .appra-top strong{margin-bottom:20px;font-size:22px;color:#fff}
	.appraisal-line .appra-top p{display:block;padding:0 20px 40px;width:auto;font-size:13px;color:#e3ebf5;line-height:1.6em}
	.appraisal-line .appra-top p > span{padding:20px 0 60px}
	.appraisal-line .appra-top em.gsia{padding-right:0;text-align:center;font-size:11px}
	.appraisal-line .appra-top ul{margin-bottom:25px}
	.appraisal-line .appra-top ul li{font-size:15px}
	.appraisal-line em.txt{margin:45px auto 25px;width:100%;font-size:13px;line-height:1.6em;color:#3f3f3f;text-align:left}

	.why-esg{padding-bottom:58px}
	.why-esg img{width:300px}
	.why-esg strong{display:block;padding:30px 0 6px;text-align:left;font-size:15px;color:#333}
	.why-esg ul{display:block;padding-left:0}
	.why-esg ul:before{display:none}
	.why-esg ul li{font-size:12px}
	.why-esg ul li:before{top:8px}

	.appraisal-slide{margin-bottom:20px}
	.appraisal-slide > dl{margin-bottom:30px;width:100%}
	.appraisal-slide > dl > dt button{position:relative;padding:15px;font-size:22px;color:#333}
	.appraisal-slide > dl > dt button:after{content:"";display:block;position:absolute;right:0;top:12px;width:30px;height:30px;background:url("../img/appraisal-slide-drop.png") center center no-repeat;background-size:24px auto}
	.appraisal-slide > dl > dt button span{position:static}
	.appraisal-slide > dl > dt button span:after{display:none}
	.appraisal-slide > dl > dd{position:relative;padding:30px 0;background-color:#fff}
	.appraisal-slide > dl > dd > p{padding-bottom:25px;font-size:13px;text-align:left;line-height:1.6em}
	.appraisal-slide > dl > dd > p span{display:inline}
	.appraisal-slide dl .btn_download{width:100%}
	.appraisal-slide dl.a01 dd ul.esg-evaluate{padding-bottom:0}
	.appraisal-slide dl.a01 dd ul.esg-evaluate li{float:none;width:100%}
	.appraisal-slide dl.a01 dd ul.esg-evaluate li:after{content:"";clear:Both;position:relative;top:auto;right:0;width:100%;height:35px;background:url("../img/esg-evaluate-arrow2.png") center bottom no-repeat;background-size:26px auto}
	.appraisal-slide dl.a01 dd ul.esg-evaluate li:last-child:after{display:none}
	.appraisal-slide dl.a01 dd ul.esg-evaluate li dl{float:left;width:48%}
	.appraisal-slide dl.a01 dd ul.esg-evaluate li dl:last-child{float:right}
	.appraisal-slide dl.a01 dd ul.esg-evaluate li dl dt{font-size:13px}
	.appraisal-slide dl.a01 dd ul.esg-evaluate li dl dt em:before{top:7px;left:-8px;width:4px;height:4px;background-size:100% 100%}
	.appraisal-slide dl.a01 dd ul.esg-evaluate li dl dd{display:table;padding:25px 10% !important;width:82%;font-size:11px;line-height:1.5em;vertical-align:middle}
	.appraisal-slide dl.a01 dd ul.esg-evaluate li dl dd p{display:table-cell;vertical-align:middle}
	.appraisal-slide dl.a01 dd ul.esg-evaluate li.eva01 dl{float:none;width:60%}
	.appraisal-slide dl.a02 dd{padding-bottom:0}
	.appraisal-slide dl.a02 dd ul.month-wrap{position:absolute;top:220px;left:0;width:100px}
	.appraisal-slide dl.a02 dd ul.month-wrap li{display:inline-block;padding-bottom:140px;width:100%;text-align:center;background:url("../img/ico-month-line2.png") repeat-y center 0}
	.appraisal-slide dl.a02 dd ul.month-wrap li:last-child{width:100%;background:none}
	.appraisal-slide dl.a02 dd ul.month-wrap li span{vertical-align:top;width:40px;height:40px;box-shadow:0px 2px 0px #adaeb2}
	.appraisal-slide dl.a02 dd ul.month-wrap li em{padding:10px 0 0;;font-size:11px;text-indent:0;line-height:11px;background-color:#fff}
	.appraisal-slide dl.a02 dd ul.month-desc{position:absolute;top:220px;left:100px;width:180px;padding:10px 0 0}
	.appraisal-slide dl.a02 dd ul.month-desc > li{display:block;padding-bottom:78px;width:100%}
	.appraisal-slide dl.a02 dd ul.month-desc > li:first-child{margin-left:0}
	.appraisal-slide dl.a02 dd ul.month-desc > li.s{padding-bottom:172px}
	.appraisal-slide dl.a02 dd ul.month-desc > li strong{padding-bottom:4px;display:block;font-size:15px;color:#323841;font-weight:400}
	.appraisal-slide dl.a02 dd ul.month-desc > li ul li{position:relative;padding-left:10px;font-size:13px;color:#3f3f3f;text-align:left}
	.appraisal-slide dl.a02 dd ul.month-desc > li ul li:before{position:absolute;top:11px;left:0;width:3px;height:3px;content:"";clear:both;display:block;background:url("../img/ico-point-whyesg.png") no-repeat}
	.appraisal-slide dl.a02 dd .month-box{position:absolute;left:156px;top:332px}
	.appraisal-slide dl.a02 dd .month-box.b01:before{top:18px;left:-108px;width:109px;height:10px;background-image:url("../img/box-line01-mo.png");background-size:109px auto}
	.appraisal-slide dl.a02 dd .month-box.b02:before{top:18px;left:-108px;width:109px;height:10px;background-image:url("../img/box-line01-mo.png");background-size:109px auto}
	.appraisal-slide dl.a02 dd .month-box.b02{top:598px;left:156px;width:110px}
	.appraisal-slide dl.a02 dd .month-box ul{padding:12px 12px;width:84px}
	.appraisal-slide dl.a02 dd .month-box.b02 ul{float:none;padding:8px 0px;width:100%;height:auto}
	.appraisal-slide dl.a02 dd .month-box.b02 ul:first-child{border-bottom:0;border-right:1px solid #e7e7e7}
	.appraisal-slide dl.a02 dd .month-box.b02 ul:last-child{border-top:0;border-left:1px solid #e7e7e7}
	.appraisal-slide dl.a02 dd .month-box ul li span{color:#888;font-size:11px}
	.appraisal-slide dl.a02 dd .month-box ul li{color:#323841;font-size:11px;line-height:15px}
	.appraisal-slide dl.a02 dd .month-box ul li.l{line-height:14px}
	.appraisal-slide dl.a02 .esg_schedule{margin:0;width:auto;height:auto;background:none}
	.appraisal-slide dl.a02 .esg_schedule img{display:block;margin:0 auto;width:100%;max-width:320px}
	.appraisal-slide dl.a02 .btn_download{margin:25px auto 0;width:100%}
	.appraisal-slide dl.a02 .kko{position:static;margin-top:14px;display:block;}
	.appraisal-slide dl.a02 .kko::before{width:28px;height:28px}
	.appraisal-slide dl.a02 .kko span{border:1px solid #231916;font-size:12px;line-height:24px;padding-bottom:1px}
	.appraisal-slide dl.a02 .kko span::after{width:18px;height:18px;margin:3px 4px 0 10px}
	.appraisal-use{margin:0 -20px;padding:60px 28px 40px;background-size:cover}
	.appraisal-use strong{font-size:22px}
	.appraisal-use .use-wrap{padding-top:35px}
	.appraisal-use .use-wrap dl{display:block;padding:18px;height:auto}
	.appraisal-use .use-wrap dl:first-child{margin-right:0;margin-bottom:24px}
	.appraisal-use .use-wrap dl dt{font-size:13px}
	.appraisal-use .use-wrap dl dd{padding-bottom:18px;font-size:13px;line-height:20px}
	.appraisal-use .use-wrap dl dd span{font-size:13px}
	.appraisal-use .use-wrap dl dd a{width:100%;font-size:11px}
	.appraisal-use .use-wrap dl dd.b a:after{right:20px;background-size:10px auto}
	.appraisal-use .use-wrap dl dd a:after{background-size:5px auto}
	.trust-mark{padding:50px 0}
	.trust-mark strong{font-size:21px}
	.trust-mark p{padding:25px 0 20px;font-size:13px;text-align:left;line-height:21px}
	.trust-mark img{width:100%;max-width:524px}
	.trust-mark ul{padding-top:3px;margin:0 auto}
	.trust-mark ul li{width:25%;font-size:10px;line-height:14px;vertical-align:middle;text-indent:-17px}
	.trust-mark ul li:last-child{width:22%;text-indent:0}
	.trust-mark .btn_download{margin:40px auto 0}

	.com-wrap .bar_company{width:100%;margin-top:26px}
	.com-wrap .bar_company li{margin-top:48px}
	.com-wrap .bar_company li em{margin:0 0 0 2px;top:-34px}
	.com-wrap .bar_company li span{line-height:1.2em;padding:10px;font-size:12px}

	/* ESG 평가 - 금융기관 지배구조 평가 */
	.m-tit.ap01{padding-bottom:20px;width:100%}
	.esg-summary{margin:0 -20px;padding:20px 0;width:auto}
	.sumaary-wrap{padding-top:0;width:260px}
	.sumaary-wrap ul li{display:block;padding-top:53px;width:63px;height:72px;font-size:13px;background:url("../img/sumbg02.png") no-repeat 46px 0;text-align:left;background-size:12px auto}
	.sumaary-wrap ul li:after{top:90px;right:-96px;width:110px;height:5px;background:url("../img/sum-line2.png") no-repeat center;background-size:110px auto}
	.sumaary-wrap ul li:last-child{background-image:url("../img/sumbg02-last.png")}
	.sumaary-wrap ul li:last-child:after{background:none}
	.sumaary-wrap p{position:absolute;top:72px;left:120px;padding:10px 6px 8px 10px;width:130px;height:auto;font-size:11px;text-align:left;box-shadow:0px 2px 0px #cdcdd1}
	.sumaary-wrap p.b02{top:198px;left:120px}
	.sumaary-wrap p em{color:#323841}
	.test-model{width:100%}
	#ui_contents .test-model h2{margin-top:50px}
	.test-model .m-tit{padding-bottom:30px}
	.test-model img{width:224px}
	.test-model .btn_download{margin:30px auto 0}

	/* ESG 평가 - ESG 우수기업 */
	.com.m-tit{width:100%;padding-bottom:20px}
	.com-wrap{width:auto;padding:20px 20px 30px;border-width:1px}
	.com-wrap .goodcom{float:none;width:100%}
	.com-wrap .goodcom .since{height:auto;background:none !important}
	.com-wrap .goodcom .since img{display:block;width:100%}
	.com-wrap.com01{padding:20px 15px 30px 15px;margin-bottom:20px}
	.com-wrap span.k{float:none;padding:0 0 30px 0;width:100%;text-align:center;font-size:18px}
	.com-wrap span.k em{display:inline}
	.com-wrap.com02 span.k{position:static}
	.com-wrap ul.tit{float:none}
	.com-wrap ul.tit li{padding-bottom:62px;background:url("../img/com-bg.png") repeat-y 16px;background-size:1px}
	.com-wrap ul.tit li span{width:31px;line-height:14px;font-size:10px;border-width:1px}
	.com-wrap ul.tit li em{margin-left:47px;width:80%;height:30px}
	.com-wrap ul.tit li em:after{top:11px;right:10px;width:48px;height:9px;background-size:50px auto}
	.com-wrap ul.tit li.t02 em:after{top:6px;right:10px;background-size:90px auto;width:88px;height:16px}
	.com-wrap ul.tit li.t03 em:after{top:9px;width:92px;height:11px;background-size:92px auto}
	.com-wrap ul.tit li.t02 em{width:65%}
	.com-wrap ul.tit li.t03 em{width:50%}
	.com-name{top:138px;left:32px}
	.com-name li{padding-left:16px}
	.com-name li:after{top:5px;background-size:6px auto}
	.com-name li.c02{top:76px}
	.com-name li.c03{top:148px}
	.com-wrap .com-btn{position:static;width:190px;margin:45px auto 0}
	.com-wrap .com-btn a{font-size:11px;line-height:35px}
	.com-wrap .com-btn a:after{background-size:10px auto;width:10px;height:35px}
	.com-wrap.com02{margin-bottom:30px}
	.com02 .selt{top:18px;right:18px;width:70px}
	.com02 .com-name{top:154px}
    .com-btn_wrap{width:100%;margin:0 auto}
    .com-btn_wrap .com-btn{position:static;width:200px;margin:0 auto}
    .com-btn_wrap .com-btn a{font-size:11px;line-height:35px}
	.com-btn_wrap .com-btn a:after{background-size:10px auto;width:10px;height:35px}

	.rating-wrap{width:auto;margin:0;}
	.rating-top{padding:20px;background-color:#f5f5f7}
	.rating-top.sel_year dl{width:100%}
	.rating-top.sel_year dl.r01{width:100%}
	.rating-top.sel_year dl.r02{width:100%}
	.rating-top.sel_year dl dd .selt{width:100%}
	.rating-top.sel_year dl.r02 dd .selt{width:100%}
	.rating-top.sel_year dl.r01 dd input[type="text"]{width:64%}
	.rating-top dl{float:none;margin:5px 0 0;width:100%}
	.rating-top dl:after{content:"";display:block;clear:both}
	.rating-top dl dd .selt{float:left;width:100%}
	.rating-top dl.r01{margin-top:0;width:100%}
	.rating-top dl.r01 dd{float:none}
	.rating-top dl.r01 dd .selt{width:35%}
	.rating-top dl.r01 dd input[type="text"]{float:right;width:64%}
	.rating-top dl.r02,
	.rating-top dl.r02 dd .selt{width:45%}
	.rating-top dl.r02 dd span{float:left;margin:0;width:10%;line-height:35px;text-align:center}
	.rating-top button{margin:15px 0 0;top:auto;right:auto;position:static;width:100%;height:35px;line-height:35px;background-color:#333;font-size:11px}
	.rating-top.type2 .selt.s1,
	.rating-top.type2 .selt.s2,
	.rating-top.type2 .selt.s3,
	.rating-top.type2 .selt.s4{margin:0 0 5px;width:49%}
	.rating-top.type2 .selt.s2,
	.rating-top.type2 .selt.s4{float:right}
	.rating-top.type2 input[type="text"]{margin-bottom:5px;width:100%}
	.rating-wrap .down_btn{margin-bottom:30px}
	.rating-wrap .down_btn>button{font-size:16px;margin-bottom:14px;}
	.rating-wrap .down_btn>button::before{margin-right:5px;font-size:12px;}
	.rating-wrap .down_btn>button::after {margin:2px 0 0 8px;width:16px;height:16px;line-height:12px;}
	.rating-wrap .down_btn .slide_down{padding:18px;}
	.rating-wrap .down_btn .slide_down>ul li{padding-left:14px;margin-top:10px;text-indent:-14px;font-size:12px;}
	.rating-wrap .sub_info_txt{margin-bottom:30px;padding:20px 14px}
	.rating-wrap .sub_info_txt>li{padding-left:8px;margin-bottom:10px;text-indent:-8px;}
	.rating-wrap .sub_info_txt li ul{margin-top:5px}
	.business_view{margin:0;width:auto}
	.business_view .page_tab{flex-wrap:wrap}
	.business_view .bus_sup{font-size:12px;margin-left:8px}
	.business_view .business_board{margin-top:10px;width:100%;overflow-x:auto}
	.business_view .business_board table{min-width:500px}
	.business_view .business_board table thead th{padding:8px 5px;font-size:13px}
	.business_view .business_board table td{padding:8px 5px;font-size:12px;min-width:60px}
	.business_view .business_board table td:first-child{min-width:40px}
	.business_view .business_board table td .down{height:25px;background-size:14px auto}
	.business_view .business_board.pop:after{content:'';display:block;width:20px;height:100%;background-color:#fff;position:absolute;right:-20px;top:0}
	.service_module{width:auto}
	.support_wrap .support_top > p{font-size:13px;text-align:left}
	.support_wrap .support_top > p span{display:inline}
	.support_wrap .support_top .spt_chart{position:relative;position:relative;margin:25px auto;width:235px}
	.support_wrap .support_top .spt_chart strong{position:absolute;top:50%;left:0;padding:28px 0;margin:-57px 0 0;width:65px;height:auto;font-size:13px;line-height:1.4em;background-color:#fff}
	.support_wrap .support_top .spt_chart ul{padding:0 0 0 130px;width:104px;background:url("../img/spt_chart_m.gif") 65px center no-repeat;background-size:auto 330px}
	.support_wrap .support_top .spt_chart ul li{margin:5px 0 0;width:104px;height:104px}
	.support_wrap .support_top .spt_chart ul li:first-child{margin-top:0}
	.support_wrap .support_top .spt_chart ul li em{padding-top:25px;font-size:8px;line-height:1em;font-weight:200}
	.support_wrap .support_top .spt_chart ul li p{margin-top:6px;font-size:12px}
	.support_wrap .support_top .spt_chart ul li span{font-size:9px}
	.key_benefits{margin:0 -20px}
	.key_benefits .key_contents{padding:40px 20px;width:auto}
	.key_benefits .key_contents strong{float:none;padding:47px 0 0;width:100%;font-size:24px;text-align:center;background-size:37px auto;background-position:center top}
	.key_benefits .key_contents ul{float:none;margin:20px 0 0}
	.key_benefits .key_contents ul li{padding-left:10px;font-size:13px;font-weight:400}
	.key_benefits .key_contents ul li:before{top:6px}
	.service_module{margin:50px 0 0}
	.service_module .btn_download{padding:0 20px}
	.service_module .svc_reports{margin-top:40px;padding-top:120px}
	.service_module .svc_reports:before{left:-20px;padding:0 20px;width:100%;height:300px;background-size:cover}
	.service_module .svc_reports dl{padding:28px}
	.service_module .svc_reports dl dt{float:none;width:100%;font-size:20px;font-weight:600;text-align:center}
	.service_module .svc_reports dl dd{float:none;margin-top:8px;width:100%}
	.service_module .svc_reports dl dd ul li{margin:0;padding:15px 20px 15px 10px;min-height:auto;border-bottom:1px solid #d7d7d7;font-size:13px}
	.service_module .svc_reports dl dd ul li:before{top:23px}
	.service_module .svc_reports dl dd ul li .sample{top:50%;padding:0;margin-top:-15px;width:30px;height:30px;background:#fff url("../img/ico-download-b.png") center center no-repeat;background-size:12px auto;font-size:0;line-height:0}
	.service_module .svc_reports dl dd ul li span{font-size:13px}

	.rating-info-wrap h3{font-size:16px;}
	.rating-info-wrap h3::before{margin-right:6px;font-size:10px;position:relative;top:1px}
	.rating-info-wrap >ul{margin-left:6px}
	.rating-info-wrap table th,
	.rating-info-wrap table td{padding:8px 10px;word-break:keep-all;}

	.tab06_wrap{width:auto;margin:25px 0 0}
	.tab06_wrap .top_area{padding:20px 30px;}
	.tab06_wrap .top_area p{margin-top:15px}
	.tab06_wrap .info_area{padding:0 10px}
	.tab06_wrap .info_area ul{margin:30px 0}
	.tab06_wrap .info_area ul li{margin-top:15px;padding-left:14px;}
	.tab06_wrap .info_area ul li em{margin:0 0 6px 0;font-size:14px;line-height:1.4;text-indent:-14px;}
	.tab06_wrap .info_area ul li span{font-size:11px;margin:8px 0 0 7px;text-indent:-7px;}
	.tab06_wrap .sup_area p{font-size:15px;}
	.tab06_wrap .button_excel{width:150px;}

	/* 의결권행사 지원서비스 */
	.analysis_wrap .analysis_guide{margin:35px 0 50px;padding-top:125px;width:auto}
	.analysis_wrap .analysis_guide:after{left:-20px;padding:0 20px;width:100%;height:300px;background-size:cover}
	.analysis_wrap .analysis_guide ul{padding:0 25px}
	.analysis_wrap .analysis_guide ul li{float:none;padding:25px 0;width:auto;border-top:1px solid #e1e1e1;text-align:left}
	.analysis_wrap .analysis_guide ul li:first-child{border-top:none}
	.analysis_wrap .analysis_guide ul li:after{display:none}
	.analysis_wrap .analysis_guide ul li strong{padding:0 0 0 45px;font-size:18px;line-height:1.2em}
	.analysis_wrap .analysis_guide ul li strong:after{width:35px;height:35px;background-size:29px auto;background-position:left 2px}
	.analysis_wrap .analysis_guide ul li.a3 strong:after{background-size:32px auto}
	.analysis_wrap .analysis_guide ul li p{margin:10px 0 0 45px;font-size:12px;line-height:1.4em}
	.analysis_wrap .analysis_step{margin:0 -20px 25px;padding:30px 20px}
	.analysis_wrap .analysis_step ul{display:block;position:relative;margin-left:65px;width:auto;height:auto;background:none;border-left:1px dotted #aaacb1;font-size:12px;line-height:1.4em;color:#323841}
	.analysis_wrap .analysis_step ul li{position:relative;margin-top:28px;padding:0 15px;z-index:2}
	.analysis_wrap .analysis_step ul li:first-child{margin-top:0}
	.analysis_wrap .analysis_step ul li:after{content:"";display:block;position:absolute;left:-2px;top:8px;width:3px;height:3px;background-color:#0394cf;border-radius:50%}
	.analysis_wrap .analysis_step ul li.left{left:-65px;padding:0 15px 0 0;width:50px;text-align:right;z-index:1}
	.analysis_wrap .analysis_step ul li.left:after{left:auto;right:-1px}
	.analysis_wrap .analysis_step ul li.box{margin-left:20px;margin-right:20px;padding:16px 20px;background-color:#fff;border:1px solid #e7e7e7;border-bottom:3px solid #cdcdd1}
	.analysis_wrap .analysis_step ul li.box:after{left:-28px;top:-2px;width:12px;height:12px;background:url("../img/ico_abox.png") center center no-repeat;background-size:100% 100%}
	.analysis_wrap .analysis_step ul li.box:before{content:"";display:block;position:absolute;left:-8px;top:-1px;width:10px;height:10px;border-top:1px solid #e7e7e7;background:url("../img/ico_abox_left.png") 0 0 no-repeat;background-size:100% 100%}
	.analysis_wrap .analysis_step ul li.box em{display:block;font-size:11px;color:#0096d5}
	.analysis_wrap .analysis_step ul li.box span{display:block;margin-top:8px;font-size:11px}
	.analysis_wrap .analysis_step ul li.m1{position:absolute;top:10px}
	.analysis_wrap .analysis_step ul li.m2{position:absolute;top:60px}
	.analysis_wrap .analysis_step ul li.send{position:relative;margin-top:0;top:-80px}
	.analysis_wrap .analysis_step ul li.dday{margin:0 0 0 -45px;padding:0;width:90px;height:90px;background-color:#0394cf;border-radius:50%;text-align:center;color:#fff;font-size:13px}
	.analysis_wrap .analysis_step ul li.dday:after{display:none}
	.analysis_wrap .analysis_step ul li.dday span{display:block;padding-top:28px}

	.analysis_list{margin:40px -20px 0;width:auto}
	.analysis_list ul{width:auto;border-top:1px solid #323841}
	.analysis_list ul li{float:none;margin:0;width:100%;height:auto;border-bottom:1px solid #d7d7d7}
	.analysis_list ul li a{padding:35px 20px;border:none;text-align:left}
	.analysis_list ul li a:after{bottom:50%;margin-bottom:-22px;background-size:12px auto}
	.analysis_list ul li a span{font-size:10px}
	.analysis_list ul li a em{margin-top:0;padding-right:30px;font-size:15px;font-weight:500}
	.analysis_list ul li.new a em{position:relative;padding-left:45px}
	.analysis_list ul li.new a em:before{left:0;top:4px;width:35px;height:15px;font-size:9px;line-height:15px}
	.analysis_list ul li a:hover{margin-top:0;z-index:2;box-shadow:none}

	/* 연구 분야 */
	.research_wrap{width:auto}
	.research_field{margin:30px 10px 0;width:auto}
	.research_field dl{float:none;margin:10px 0 0;width:100%;height:auto;min-height:230px}
	.research_field dl:first-child{margin-top:0}
	.research_field dl dt{padding:25px 25px 15px 30px;font-size:18px;line-height:1.2em}
	.research_field dl dt:before{left:18px;top:32px;width:5px;height:5px}
	.research_field dl dd{padding:0 26px 20px 20px;font-size:12px;line-height:1.5em}
	.research_field dl dd ul{padding-left:10px}
	.research_field dl dd span{padding-right:20px;margin-top:25px;font-size:12px}
	.research_field dl:after{right:10px;bottom:10px;width:30px;height:30px;background-size:25px auto}
	.research_field dl.rf01:after{background-position:center 0px}
	.research_field dl.rf02:after{background-position:center -50px}
	.research_field dl.rf03:after{background-position:center -100px}
	.research_field dl.rf04:after{background-position:center -150px}
	.research_field dl.rf05:after{background-position:center -200px}
	.research_field dl.rf06:after{background-position:center -250px}

	.research_wrap .history_list dd ul li{padding-left:0}
	.research_wrap .history_list dd ul li em{width:auto}
	.research_wrap .history_list.research2 dd ul li em{display:block;margin-right:0}
	.research_wrap .history_list.research2 dd ul li p{display:block}
	.research_banner{margin:35px -20px 0;width:100%;padding:47px 20px 60px;background-image:url("../img/research_banner_m.jpg")}
	.research_banner strong{font-size:20px}
	.research_banner strong em{display:block}
	.research_banner p{margin-top:15px;font-size:13px}

	/* 2024.08.09 추가 */
	.inquiry-info_box{padding:20px 14px;}
	.inquiry-info_box li{padding-left:10px;text-indent:-10px;}
	.inquiry-info_box li + li{margin-top:10px;}
	.inquiry-tab_wrap .inquiry-tab{margin:50px 0 20px;}
	.inquiry-tab_wrap .inquiry-tab button{padding:5px 0;min-width:93px;font-size:10px;}
	.inquiry-tab_wrap .news_top-tamp .lst_item .item_box{width:100%;height:auto;}
	.inquiry-tab_wrap .news_top-tamp .lst_item .item_box .title-box{padding:0;margin:0;}
	.inquiry-tab_wrap .news_top-tamp .lst_item .item_box .title-box .label{padding:0 6px;margin-right:5px;line-height:20px;border-radius:5px;font-size:10px;}
	.inquiry-tab_wrap .news_top-tamp .lst_item .item_box strong{padding:0;margin:0;}
	.inquiry-tab_wrap .news_top-tamp .lst_item .item_box span{padding:25px 0 0 0;}
	.rating-top.download{padding:20px;}
	.rating-top.download dl.r02{width:100%;}
	.rating-top.download dl{margin-right:10px;}
	.rating-top.download .button_excel{top:-13%;}
	/* .past_data-box{padding:0 0 31px 0;}
	.past_data-box .button_excel{width:350px;margin-left:20px;}
	.past_data-box .button_excel::after{margin-left:12px;} */
	.button_excel{width:90px;height:25px;line-height:25px;font-size:10px;}
	.button_excel::after {margin-left:5px;width:15px;}
	.inquiry-contents li .button_excel{bottom:4%;}
	.rating-top .type-several.r02 dd .selt{width:77px;}
	.rating-top .type-several dd + dd::before{right:auto;left:145px;}
	.rating-top .type-several dd + dd{padding-left:25px;}
	/* 등급조회 - table */
	.grade-inquiry-box{height:250px;}
	.grade-inquiry-box button{width:150px;line-height:40px;font-size:14px;}
	.business_view .business_board table td.type-pdf a{width:24px;height:24px;}
	/* popup */
	.layerpopup.comm{width:90%;margin-top:-100px;}
	.layerpopup.comm .title-box strong{font-size:20px;line-height:1.3;}
	.layerpopup.comm .pop_contents button{width:80px;margin:20px auto 0;line-height:30px;}
	/* popup - 등급조회 */
	#popupGradeInquiry .popup_wrap{height:500px;overflow:scroll;}
	#popupGradeInquiry .title-box p{font-size:18px;line-height:1.3;}
	#popupGradeInquiry .user-type_wrap{grid-template-columns:repeat(1, 1fr);gap:7px;padding:30px 0 20px;}
	#popupGradeInquiry .agree-type_wrap p{margin-left:20px;text-indent:-10px;}
	#popupGradeInquiry .agree-type_wrap strong::before{margin-top:6px;margin-right:5px;margin-left:5px;text-indent:-5px;}
	.tooltip{width:15px;height:15px;}
	.tooltip em{width:160px;padding:4px 6px;text-align:center;font-size:12px;border-radius:5px;white-space:initial;}
	/* 금융회사 지배구조 DB */
	.db-info{margin-bottom:30px;padding:20px 14px;}
	.db-info p{padding-left:8px;text-indent:-8px;}
	.db-info p:nth-child(2){padding-left:13px;text-indent:-13px;}
	.db-info p + p{margin-top:10px;}
}

@media all and ( max-width:600px ){
	.past_data-box{display:block;padding:0 0 63px 0;}
	.past_data-box p{margin-bottom:10px;}
	.past_data-box .button_excel {width:165px;margin-left:0;position:absolute;right:20px;}
}
@media all and ( max-width:470px ){
	.inquiry-tab_wrap .inquiry-contents .press-release{grid-template-columns:repeat(1, 1fr);border-bottom:1px solid #e1e1e1;}
	.inquiry-tab_wrap .inquiry-contents .press-release .item:nth-child(odd){border-right:none !important;}
	.inquiry-tab_wrap .inquiry-contents .press-release .item{border-bottom:none;}
	.inquiry-tab_wrap .inquiry-contents .press-release .item + .item{border-top:1px solid #e1e1e1;}
}