.title_dot02{clear:left; padding:0 0 0 24px; background:url(/korean/_template/image/default/common/dot_btn.gif) no-repeat 5px 2px; font-size:15px; font-weight:bold;}

.esg_title {clear:left; overflow:hidden; position:relative; margin:30px 0; font-size:21px; text-align:center; font-weight:bold;}
.esg_title div.title01 {float:left; width:120px; padding:35px 0; background:#0077b6; color:#fff; border-radius:50px;}
.esg_title div.title02 {float:left; width:120px; padding:35px 0; background:#024f93; color:#fff; border-radius:50px;}
.esg_title div.title03 {float:left; width:120px; padding:35px 0; background:#f7e265; color:#000; border-radius:50px;}
.esg_title p {float:right; width:580px; padding:35px 0; border:1px solid #dfdfdf; border-radius:100px; color:#333; font-weight:normal;}
.esg_title p span {color:#024f93; font-weight:bold;}
.esg_title div.line01 {position:absolute; left:103px; top:41px; width:50px; height:9px; background:url(/korean/_template/image/default/01/esg_bg01.png) no-repeat center center;}
.esg_title div.line02 {position:absolute; left:103px; top:41px; width:50px; height:9px; background:url(/korean/_template/image/default/01/esg_bg02.png) no-repeat center center;}
.esg_title div.line03 {position:absolute; left:103px; top:41px; width:50px; height:9px; background:url(/korean/_template/image/default/01/esg_bg03.png) no-repeat center center;}

.value { position:relative; z-index:100; overflow:hidden; margin-bottom:30px; text-align: center;}
.value li {display:inline-block; margin-left:-15px; padding:90px 0 0; width:240px; height:150px; border-radius:50% 50%; background:#4ac1e2; background:rgba(74,193,226,0.8); color:#000; font-size:22px; word-break:keep-all; text-align:center; line-height:1.3; }
.value li:first-child { margin:0; }
.value li.no1 {background:#f4d12e; background:rgba(244,209,46,0.8);}
.value li.no2 {background:#f4822e; background:rgba(244,130,46,0.8);}
.value li.no3 {background:#a9816c; background:rgba(169,129,108,0.8);}

.loadmap {overflow:hidden; border-radius:20px; margin-bottom: 30px;}
.loadmap h4 {font-size:20px; color:#000; margin-bottom:20px;}
.loadmap h4 span {display:inline-block; font-size:16px; font-weight: normal; margin-top:10px; letter-spacing: 0; vertical-align: bottom;}
.loadmap ul {font-size:14px;}
.loadmap ul li {margin-bottom:5px;}
.loadmap_left, .loadmap_center, .loadmap_right {width:201px; padding:30px 20px; background:#f9f9f9; min-height:125px;}
.loadmap_left {float:left;}
.loadmap_center {float:left; margin:0 3px;}
.loadmap_right {float:right;}

.strategy { position:relative; z-index:100; overflow:hidden; margin-bottom:30px;}
.strategy li { float:left; margin-left:4px; width:140px; min-height:170px; border:1px dashed #ccc; border-radius:40px 40px 0 0;}
.strategy li div {padding:20px 0; border-radius:100px; background:#0086be; background:rgba(0,134,190,0.8); color:#fff; font-size:18px; word-break:keep-all; text-align:center; line-height:1.3; font-weight:bold; letter-spacing:-1.5px;}
.strategy li:first-child { margin:0; }
.strategy li .no1 {background:#339ecb; background:rgba(51,158,203,1);}
.strategy li .no2 {background:#3572a9; background:rgba(53,114,169,1);}
.strategy li .no3 {background:#415398; background:rgba(65,83,152,1);}
.strategy li .no4 {background:#524990; background:rgba(82,73,144,1);}
.strategy li .no5 {background:#6e4990; background:rgba(110,73,144,1);}
.strategy li p {margin-top:15px; text-align:center;}