@charset "utf-8";

/* reset */
html,body {width:100%;height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button, th, td, input, textarea {margin:0;padding:0;}
body,h1,h2,h3,h4,input,button,textarea{font-family:'Arial',malgungothic,'맑은 고딕',Dotum,'돋움','Verdana';font-size: 12px;color:#222;line-height: 1.2;}
img,fieldset,iframe{border: 0 none;}
li{list-style: none;}
a,input,select,button,textarea{vertical-align:top;}
img{vertical-align: top;}
i,em,address{font-style: normal;}
/*label,*/button{cursor: pointer;}
button{border: 0 none;background: none;}
a{text-decoration:none;color:#333;}
legend{*width: 0}
table{border-collapse:collapse;border-spacing: 0;*table-layout: fixed;word-break:break-all;}
caption,legend{overflow:hidden;margin-left:-9999px;width:0;height:0;font-size:0;line-height:0}
a, span, strong, em, label {display: inline-block;vertical-align: top;}

.fl-r {float:right !important;}
.fl-l {float:left !important;}
.ov-h {overflow:hidden !important;}
.ta-c {text-align:center !important;}
.ta-l {text-align:left !important;}
.ta-r {text-align:right !important;}
.va-t {vertical-align:top !important;}
.va-m {vertical-align:middle !important;}
.va-mid * {vertical-align:middle !important;}
.font-nl {font-weight:normal !important;}
.clear:after {content:"";display:table;clear:both}
.txt-small {font-size:14px;line-height:20px}
.txt-normal {font-size:15px !important;line-height:23px}
.txt-normal + .tit-1 {display:block;margin-top:25px;padding-top:25px;border-top:1px solid #d9dadb;}
.txt-normal .box {padding:0 7px;border:1px solid #dddede}
.txt-strong {font-size:16px;color:#2475d0;}
.txt-caution {display:block;font-size:14px;color:#555;}
.txt-caution:before {content:'*';display:inline-block;margin:4px 4px 0 0;vertical-align:top}
.txt-caution.strong:before {content:'※';margin-top:0}
.tit-1 {font-size:18px;color:#0552a9}
.tit-2 {display:block;font-weight:bold;font-size:16px;}
.btn-1 {border:1px solid #2475d0;padding:0 5px;line-height:22px;background:#fff;color:#2475d0;font-size:12px;font-weight:bold}
.btn-2 {width:152px;height:20px;padding:10px 0;background:#2475d0;color:#fff;font-size:16px;font-weight:bold;text-align:center}
.btn-3 {width:152px;height:18px;padding:10px 0;background:#fff;border:1px solid #b1b1b2;font-size:16px;font-weight:bold;text-align:center}
.btn-4 {border:1px solid #2475d0;padding:7px 5px;background:#fff;color:#2475d0;font-size:14px;font-weight:bold}
.btn-5 {border:1px solid #b1b1b2;width:90px;padding:7px 0;background:#fff;color:#222;font-size:14px}
.btn-6 {border:1px solid #2475d0;padding:6px 10px;background:#fff;color:#2475d0;font-size:14px;font-weight:bold;text-align:center}
.btn-7 {width:90px;padding:8px 0;background:#2475d0;color:#fff;font-size:15px;border:none}
.btn-8 {border:1px solid #aaaaaa;padding:8px 6px 4px 8px;background:#f7f8fa;color:#222;font-size:12px;font-weight:bold;text-align:center;vertical-align:middle;font-family:'돋움','Verdana';cursor:pointer;}
.btn-9 {padding:8px;background:#2475d0;color:#fff;font-size:15px;border:none}
.mgt-5 {margin-top:5px !important;}
.mgt-10 {margin-top:10px !important;}
.mgt-15 {margin-top:15px !important;} /*  210427 추가 */
.mgt-20 {margin-top:20px !important;}
.mgt-25 {margin-top:25px !important;} /*  210427 추가 */
.mgt-30 {margin-top:30px !important;}
.mgt-40 {margin-top:40px !important;}
.mgb-5 {margin-bottom:5px !important;}
.mgb-20 {margin-bottom:20px !important;}
.mgb-10 {margin-bottom:10px !important;}
.mgb-20 {margin-bottom:20px !important;}
.mg-0 {margin:0 !important;}
.mgw-10 {margin:0 10px !important;}
.pa-0 {padding:0 !important;}
.bd-l {border-left:1px solid #d6d6d6 !important;}
.bd-n {border:none !important;}
.bdr-n {border-right:none !important;}
.lh-22 {line-height:22px !important;}
.lh-36 {line-height:36px !important;}
.lh-44 {line-height:44px !important;}
.fw-b {font-weight:bold !important;}
.ff-m {font-family:malgungothic,'맑은 고딕',Dotum,'돋움';}
.num-bg {width:12px;height:12px;margin:5px 7px 0 0;border:1px solid #666;border-radius:25px;line-height:13px;text-align:center;font-size:11px}
.tbl-w-ipt75 input[type="text"] {width:75% !important;}
.tbl-w-ipt80 input[type="text"] {width:80% !important;}
.tbl-w-ipt90 input[type="text"] {width:90% !important;}
.input-h {height:27px !important;}
.input-h td {padding:2px 5px !important;}

/* skip */
.skip {position:fixed;top:0;left:0;width:100%;z-index:500;}
.skip a {display:block;width:0;height:0;font-size:0;}
.skip a:hover, .skip a:focus,.skip a:active {display:block;height:16px;width:100%;padding:16px 0;text-align:center;font-size:14px;color:#fff;background:#282a37;}

/* customize */
.ico-comm {background:url(../img/p10_n_ico_comm.png) no-repeat 0 0}
.btn-comm {overflow:hidden;background:url(../img/p10_n_btn_comm.png) no-repeat 0 0;text-indent:-9999px;text-align:center;text-decoration:none}

#wrap.sub-bg {background:url(../img/p10_n_bg_header.jpg) repeat-x 0 0;}
#wrap {width:100%;min-width:1160px;height:100%;margin:0 auto}
#header {overflow:hidden;position:relative;width:100%;}
#content {position:relative;width:1160px;margin:0 auto;}
#footer {overflow:hidden;width:100%;margin-top:19px;padding:19px 0 18px;background-color:#f2f3f5;}

.sub-wrap {overflow:hidden;position:relative;width:1160px;margin:0 auto}
.sub-wrap #content {float:left;width:894px;min-height:460px;overflow:hidden;margin-top:25px;margin-left:40px;padding-bottom:72px}

/* header */
.header-row {overflow:hidden;position:relative;width:1160px;margin:0 auto}
.header-row h1 {position:absolute;top:16px;left:0}
.header-row .util-list {position:absolute;top:27px;right:0;}
.header-row .util-list li {float:left;padding-left:15px;margin-left:15px;border-left:1px solid #dddede;}
.header-row .util-list li:first-child {border:none;padding:0;margin:0;}
.header-row .util-list .login {line-height:18px;color:#808080;font-size:14px;}
.header-row .util-list .login:before {content:'';display:inline-block;width:16px;height:16px;vertical-align:top;margin-right:8px;background: url(../img/p10_n_btn_comm.png) no-repeat 0 0;}
.header-row .util-list .logout {line-height:18px;color:#808080;font-size:14px;}
.header-row .util-list .logout:before {content:'';display:inline-block;width:14px;height:15px;vertical-align:top;margin-right:8px;background:url(../img/p10_n_btn_comm.png) no-repeat -27px -18px;}
.header-row .util-list .sitemap {width:16px;height:16px;background-position:-18px 0;}
.header-row .util-list .change-user {width:20px;height:18px;background-position:-155px 0;}
.header-row .util-list .email {width:16px;height:16px;background-position:-36px 0;}
.header-row .util-list .lang {width:19px;height:18px;background-position:-155px -38px;}

.gnb {overflow:hidden;margin:27px 0 25px 140px}
.gnb li {float:left;margin-left:35px;}
.gnb li a {display:block;font-size:18px;line-height:18px;}
.gnb li a.active {color:#2475d0}

.main-visual {position:relative;width:100%;height:288px;overflow:hidden;margin:0 auto;}
.main-visual .inner {position:absolute;top:0;left:0;}

.login-row {position:relative;width:406px;height:50px;margin-top:-50px}
.login-row .login-box {position:absolute;top:0;left:0;width:406px;height:50px;background:#000;}
.login-row .txt {position:absolute;top:18px;left:20px;color:#fff;font-size:14px}
.count-w {position:absolute;top:18px;right:30px;width:14px;height:16px;background-position:-273px 0}
.count-w .count {position:absolute;top:-6px;left:8px;width:15px;height:15px;padding-left:4px;border-radius:2px;background:#f05050;color:#fff;font-size:10px;line-height:15px}

.main-row {overflow:hidden;}
.main-row .news-list {float:left;position:relative;width:386px;padding-top:28px;margin-right:40px;} /* 210422 margin-right 수정 */
.main-row .news-list .tit {display:block;padding:0 0 12px 0;border-bottom:2px solid #dddede;margin-bottom:12px;font-size:18px;font-weight:700}
.main-row .news-list .list li {overflow:hidden;font-size:15px;padding-bottom:16px;line-height:16px}
.main-row .news-list .list li a {display:inline-block;overflow:hidden;max-width:80%;white-space:nowrap;text-overflow:ellipsis;line-height:18px;}
.main-row .news-list .list li .date {float:right;color:#808080;}
.main-row .news-list .btn-more {position:absolute;top:30px;right:0;padding-right:20px;font-size:14px;font-weight:bold;color:#4c4c4c;}
.main-row .news-list .btn-more:after {content:'';position:absolute;top:3px;right:0;width:11px;height:11px;background:url(../img/p10_n_btn_comm.png) no-repeat -13px -18px;}

.main-row .link-list {float:left;}
.main-row .link-list .list {overflow:hidden;}
.main-row .link-list .list:first-child {border-bottom:1px solid #3d8de6}
.main-row .link-list .list li {float:left;position:relative;border-right:1px solid #3d8de6;text-align:center}
.main-row .link-list .list li:last-child {border-right:none;}
.main-row .link-list .list li .txt {font-size:15px;color:#fff;margin-top:87px;}
.main-row .link-list.en .list li .txt {font-size:15px;color:#fff;margin-top:80px;} /* 210422 font-size 수정 */
.main-row .link-list .list li a {width:155px;height:122px;background:#2780e3;} /* 210422 width 수정 */
.main-row .link-list .list li a:hover,
.main-row .link-list .list li a:focus {background:#1a6abd}
.main-row .link-list .list li .ico-comm {width:46px;height:46px;}
.main-row .link-list .list li .link1 {position:absolute;top:26px;left:60px;background-position:0 0}
.main-row .link-list .list li .link2 {position:absolute;top:24px;left:54px;background-position:-47px 0} /* 210422 background-positionm 수정 */
.main-row .link-list .list li .link3 {position:absolute;top:24px;left:58px;background-position:-95px 0; height: 48px;} /* 210422 background-positionm, height 수정 */
.main-row .link-list .list li .link4 {position:absolute;top:22px;left:53px;background-position:-143px 0} /* 210422 background-positionm 수정 */
.main-row .link-list .list li .link5 {position:absolute;top:24px;left:54px;background-position:-192px 0}
.main-row .link-list .list li .link6 {position:absolute;top:22px;left:53px;background-position:-48px -49px} /* 210422 background-positionm 수정 */

.main-row .custom-list {float:left;background:#f5f5f5;width:217px;height:225px;padding:18px 0 4px 40px} /* 210422 width, padding 수정 */
.main-row .custom-list .list a {display:block;position:relative;padding:0 0 14px 18px;font-size:15px;} /* 210422 font-size, font-weight, padding 수정 */
.main-row .custom-list .list a:before {content:'';position:absolute;top:5px;left:0;width:9px;height:9px;background:url(../img/p10_n_btn_comm.png) no-repeat 0 -18px;}

.family-list {position:relative;width:900px;height:33px;margin:19px auto 0;padding:0 25px 0 35px}
.family-list .slider {overflow:hidden;}
.family-list .slider li {float:left;}
.family-list .slider li:first-child {margin-left:29px}
.family-list .slider li:last-child {margin-right:0;}
.family-list .slider-nav a {position:absolute;overflow:hidden;text-indent:100%;white-space:nowrap;width:18px;height:32px;}
.family-list .slider-nav a.bx-prev {background-position:-73px 0;left:0;top:0;}
.family-list .slider-nav a.bx-next {background-position:-93px 0;right:0;top:0;}

.family-list-en {position:relative;width:1160px;height:33px;}
.family-list-en ul {width:850px;margin:19px auto 0;overflow:hidden}
.family-list-en li {float:left;margin-left:120px}
.family-list-en li:first-child {margin:0}

/* sub */
.lnb-wrap {float:left;width:226px;margin-top:25px}
.lnb-wrap .lnb-tit {display:block;padding-bottom:15px;font-size:24px;color:#2475d0;border-bottom:6px solid #ebeced}
.lnb > li {border-bottom:1px solid #d9dadb;}
.lnb > li > a {display:block;position:relative;width:211px;padding:11px 0 10px 15px;font-size:15px;font-weight:bold}
.lnb > li > a:after {content:'';position:absolute;top:50%;right:10px;margin-top:-5px;width:8px;height:10px;background:url(../img/p10_n_ico_comm.png) no-repeat -239px -12px}
.lnb > li > a.active {background:#2475d0;color:#fff;}
.lnb > li > a.active:after {background-position:-239px 0}
.lnb > li.deph-on > a:after {background-position:-289px -30px}
.lnb > li > ul {border-top:1px solid #d9dadb;background:#f2f3f5;padding:10px 15px;}
.lnb > li > ul li a {position:relative;display:block;width:198px;margin-top:10px;padding:0 0 0 13px;font-size:14px;}
.lnb > li > ul li:first-child a {margin-top:0}
.lnb > li > ul li a.active {font-weight:bold;color:#2475d0;text-decoration:underline;}
.lnb > li > ul li a:before {content:'';position:absolute;top:50%;left:0;width:6px;height:2px;background:url(../img/p10_n_ico_comm.png) no-repeat -289px -26px}

.sub-row {width:894px;padding-bottom:25px;border-bottom:1px solid #d9dadb; position: relative;} /*  210611 position 추가 */
.sub-tit {display:block;padding-bottom:15px;margin-bottom:20px;font-size:24px;font-weight:bold;border-bottom:6px solid #ebeced}

.tit-1 + .circle-list,.tit-1 + .step-list,.tit-1 + .txt-caution {margin-top:15px}
.tit-1 +.txt-normal {margin-top:10px}
.tit-1 + .tit-2 {margin-top:20px}
.tit-1 + .mgw-10 {margin:0 10px !important;}
.tit-1 + .mix-con {margin-top:15px}
.tit-1 + table {margin-top:20px}
.txt-normal + .txt-normal,.txt-normal + .tbl-wrap {margin-top:15px}

.position-w .txt-list {display:block;font-size:15px;line-height:23px;}
.position-w .txt-list:before {content:'';display:inline-block;vertical-align:middle;margin:0 6px 0 0;width:4px;height:4px;background:url(../img/p10_n_ico_comm.png) no-repeat -289px -20px}
.position-w .txt-list + .txt-list {margin-top:25px;padding-top:25px;border-top:1px solid #d9dadb;}

.circle-list {}
.circle-list li {position:relative;margin-top:10px;}
.circle-list li:first-child {margin-top:0}
.circle-list li:before {content:'';position:absolute;top:11px;left:0;width:4px;height:4px;background:url(../img/p10_n_ico_comm.png) no-repeat -289px -20px}
.circle-list .txt {margin-left:14px;font-size:15px;line-height:25px}
.circle-list .txt-caution {margin:3px 0 0 13px}
.circle-list + .tit-w {display:block;margin-top:25px;padding-top:25px;border-top:1px solid #d9dadb;}
.circle-list + .tit-1 {display:block;margin-top:25px;padding-top:25px;border-top:1px solid #d9dadb;}
.circle-list + .tit-2 {display:block;margin-top:25px;padding-top:25px;border-top:1px solid #d9dadb;}
.circle-list + table {width:874px;margin:20px 10px 0}
table + .circle-list {margin-top:20px}
.circle-list + .btn-wrap {margin:10px 0 25px 0;padding:0 0 25px 10px;border-bottom:1px solid #d9dadb}
.circle-list + .txt-list {margin:10px 0 0 14px}

.txt-list li {position:relative;}
.txt-list li:before {content:'-';position:absolute;top:3px;left:0;}
.txt-list .txt {padding-left:10px;font-size:15px;line-height:25px}

.step-list {overflow:hidden;width:100%;padding-bottom:25px;margin-bottom:20px;border-bottom:1px solid #d9dadb;line-height:30px;}
.step-list.ty-1 li {width:29%}
.step-list.ty-1 li .txt {min-height:45px;line-height:45px;text-align:left}
.step-list.ty-2 li {width:15%}
.step-list.ty-2 li .txt {min-height:45px;line-height:45px;}
.step-list.ty-3 li {width:104px}
.step-list.ty-3 li .txt {min-height:45px;line-height:45px}
.step-list.ty-4 li {width:21%}
.step-list.ty-4 li .txt {min-height:45px;line-height:45px}
.step-list li {display:inline-block;position:relative;width:21%;padding:12px 0;margin-left:36px;border:3px solid #ebeced;text-align:center;line-height:22px;vertical-align:top}
.step-list li .ico-comm {position:absolute;top:50%;right:-27px;width:12px;height:16px;margin-top:-8px;background-position:-299px 0}
.step-list li:first-child {margin:0}
.step-list li .txt {font-size:15px;letter-spacing:-1px;font-weight:bold}

.deliver {padding-bottom:25px;margin-bottom:20px;border-bottom:1px solid #d9dadb;}
.deliver .circle-list {margin:25px 0 15px;}
.deliver .step-list {margin:0;padding:0;border:none}
.deliver p {margin-top:10px;}

.nproduct-w .step-list {margin:15px 0 25px 0;padding:0;border:none;}
.nproduct-w .circle-list + .btn-wrap {margin:10px 0 0 0;padding:0;border:none;}

.tit-2 .num {line-height:19px;margin-right:3px;font-family:malgungothic,'맑은 고딕'}
.tit-2 .num.ty-2 {font-family:'Arial','Verdana'}
.tit-2 .bullet {margin:2px 7px 0 0;width:4px;height:16px;background:url(../img/p10_n_ico_comm.png) no-repeat -332px 0}
.tit-2 .btn-1:first-child {margin-left:6px}
.txt-w .tit-2 + .circle-list {margin:10px 0 0 15px;}
.tit-2 + .circle-list {margin:10px 0 0 15px;}
.tit-2 + .txt-small {margin:20px 0}
.tit-w {overflow:hidden;margin-bottom:10px}
.tit-w .tit-1 {float:left;line-height:32px;}
.tit-w .btn-4 {float:right;}
.txt-w + .txt-w {padding-top:25px;margin-top:25px;border-top:1px solid #e3e4e6;}
.txt-w .circle-list {margin:10px 0 0 3px}
.txt-row {padding:25px 0 0;margin-top:25px;border-top:1px solid #e3e4e6;text-align:center;}
.txt-row .txt {padding:20px 0;border:1px solid #e3e4e6;font-size:15px;line-height:22px}

table + .tit-1 {margin-top:30px}
.mix-con {padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #d6d6d6}
.mix-con .tbl-ty1 {margin-left:10px}
.info-exhibit {overflow:hidden;border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;font-size:15px;margin:25px 10px 0;}
.info-exhibit.ty-1 .tit {padding:40px 0}
.info-exhibit.ty-2 .tit {padding:78px 0}
.info-exhibit .tit {width:200px;height:16px;padding:66px 0;background:#f7f8fa;text-align:center;border-right:1px solid #d6d6d6;}
.info-exhibit ul.txt {padding:11px 0 11px 15px;line-height:25px}

.inquiry-w {margin:20px 0;color:#555}
.inquiry-w .txt-small {padding-top:10px}

.all-show,.all-hide {overflow:hidden}
.all-show .btn-5, .all-hide .btn-5 {float:right;text-align:center}

.faq .group-list a {font-size:15px}
.faq .group-list .question {display:block;padding-left:20px;}
.faq .group-list .question:before {content:'';display:inline-block;width:20px;height:16px;margin:-4px 20px 0 0;background:url(../img/p10_n_ico_comm.png) no-repeat 0 -53px;vertical-align:middle;}
.faq .group-answer {padding:0}
.faq .group-answer .answer {position:relative;background:#f7f8fa;border-top:1px solid #ddd;padding:20px 20px 20px 62px;font-size:15px;line-height:22px;}
.faq .group-answer .answer:before {content:'';position:absolute;top:20px;left:21px;width:20px;height:16px;background:url(../img/p10_n_ico_comm.png) no-repeat -22px -53px;}
.faq .group-answer .answer .link {display:block;margin-top:30px;font-weight:bold;text-decoration:underline}

.stmap-w {width:100%;}
.stmap-w + .stmap-w {margin-top:45px}
.stmap-w h2 {font-size:18px;padding-bottom:15px;border-bottom:2px solid #2475d0}
.stmap-w h3 {font-size:16px;padding:21px 0 12px 0;border-bottom:1px solid #e3e4e5;font-weight:normal;}
.stmap-w h3:before {content:'';display:inline-block;vertical-align:middle;margin-right:6px;width:3px;height:3px;background:url(../img/p10_n_ico_comm.png) no-repeat -273px -36px}
.stmap-w .list {overflow:hidden;padding:12px 0;}
.stmap-w .list li {display:inline-block;vertical-align:middle;width:285px;padding-left:10px;}
.stmap-w .list li em {font-size:14px;line-height:24px}

/* tab */
.tab-ty1 {overflow:hidden}
.tab-ty1> .tab-menu {overflow:hidden;position:relative;margin-bottom:40px}
.tab-ty1> .tab-menu > li {float:left;width:24.8%;border-bottom:2px solid #2475d0;}
.tab-ty1> .tab-menu > li > a {display:block;height:48px;border:1px solid #d6d6d6;border-width:1px 1px 0 1px;background:#f7f8fa;line-height:50px;font-size:17px;font-weight:bold;text-align:center}
.tab-ty1> .tab-menu > li:first-child > a {margin-left:0}
.tab-ty1> .tab-menu > li.on {border-bottom:2px solid #fff;}
.tab-ty1> .tab-menu > li.on a {background:#fff;border:2px solid #2475d0;border-bottom:none;color:#2475d0}
.tab-ty2 {overflow:hidden;margin-top:-20px;}
.tab-ty2 > .tab-menu {position:relative;width:100%;height:30px;border-bottom:3px solid #ebeced;margin-bottom:35px}
.tab-ty2 > .tab-menu > li {position:relative;float:left;text-align:center;font-size:17px;white-space:nowrap;}
.tab-ty2 > .tab-menu > li:after {content:'';position:absolute;top:3px;right:0;width:1px;height:14px;background:url(../img/p10_n_ico_comm.png) no-repeat -299px -18px}
.tab-ty2 > .tab-menu > li > a {display:block;width:142px;font-weight:bold}
.tab-ty2 > .tab-menu > li:first-child > a {border-left:none;margin:0;}
.tab-ty2 > .tab-menu .on a {position:relative;padding-bottom:17px;color:#2475d0}
.tab-ty2 > .tab-menu .on a:after {content:'';position:absolute;bottom:0;left:17px;width:106px;height:7px;background:url(../img/p10_n_ico_comm.png) no-repeat -299px -34px}

.btn-top  {position:absolute;right:50%;bottom:0;margin-right:-580px;width:40px;height:40px;background-position:-113px 0;z-index:999;}

.footer-row {overflow:hidden;position:relative;width:640px;margin:0 auto;color:#555;font-size:12px;}
.footer-row .array-l {float:left}
.footer-row .array-l .btn-row {overflow:hidden;}
.footer-row .array-l .btn-row a {float: left;padding-right:10px;margin-right:10px;border-right:1px solid #dedede;color:#555}
.footer-row .array-l .btn-row a:last-child {margin-right:0;border:none}
.footer-row .array-r {float:right;text-align:right}
.footer-row .address {margin-top:10px;}
.footer-row .address.ty-1 {padding-right:18px;margin-right:5px;border-right:1px solid #dedede}

/* table */
.tbl-wrap {width:100%;border-top:2px solid #2475d0}
.tbl-wrap2 {padding-top:25px;margin-top:20px;border-top:1px solid #e3e4e6}
.tbl-ty1 {width:100%;}
.tbl-ty1 thead th {background:#f7f8fa;padding:12px 0;font-size:15px;border:1px solid #ddd;border-width:1px 1px 1px 0}
.tbl-ty1 thead th:last-child {border-right:none}
.tbl-ty1 tbody th {background:#f7f8fa;padding:12px 0;font-size:15px;border:1px solid #ddd;border-width:1px 1px 1px 0}
.tbl-ty1 tbody td:last-child {border-right:none}
.tbl-ty1 tbody td {background:#fff;padding:12px 0;font-size:15px;text-align:center;border:1px solid #ddd;border-width:1px 1px 1px 0}
.tbl-ty1 .desc {text-align:left;padding-left:12px}
.tbl-ty1 .attach {width:14px;height:16px;background:url(../img/p10_n_ico_comm.png) no-repeat -273px -18px;font-size:0}
.tbl-ty1 tbody td.board-info {border-right:none;padding-left:20px;text-align:left;}
.tbl-ty1 tbody td.board-info:before {content:'';display:inline-block;vertical-align:middle;margin:-2px 5px 0 0;width:3px;height:3px;background:url(../img/p10_n_ico_comm.png) no-repeat 0 -48px}
.board-tit {float:left;padding:8px 20px 7px;font-size:17px;}
.board-tit2 {margin-right:20px}
.tbl-ty1 tbody td.edit-td {padding:20px}
.edit-txt {text-align:left;}
.attach-list {overflow:hidden;}
.attach-list .tit {float:left;padding-left:10px;}
.attach-list .tit:before {content:'';display:inline-block;vertical-align:middle;margin:-2px 5px 0 0;width:3px;height:3px;background:url(../img/p10_n_ico_comm.png) no-repeat 0 -48px}
.attach-list ul {text-align:left}
.attach-list ul li {padding-left:30px;line-height:22px;font-weight:bold}
.attach-list ul li:before {content:'';display:inline-block;margin:4px 10px 0 0;width:14px;height:16px;background:url(../img/p10_n_ico_comm.png) no-repeat -273px -18px;font-size:0}

.tbl-ty2 {width:100%;border:1px solid #ddd;border-width:1px 0 1px 0;}
.tbl-ty2 tbody th {background:#f7f8fa;padding:12px 0;font-size:15px;border-right:1px solid #ddd;border-bottom:1px solid #ddd}
.tbl-ty2 tbody td:first-child {border-right:1px solid #ddd;}
.tbl-ty2 tbody td {background:#fff;border-bottom:1px solid #ddd;padding:12px 13px;font-size:15px;}
.tbl-ty2 .form {padding:5px 8px;}
.tbl-ty2 + .tbl-wrap {margin-top:20px}

.tbl-group {width:100%;table-layout:fixed;border-bottom:1px solid #ddd;margin:10px 0;}
.tbl-group td {border-top:1px solid #ddd}
.group-list {position:relative;width:100%;padding:12px 0 11px;}
.group-list .tit {width:345px;}
.group-list .txt {line-height:15px;padding-left:10px;font-size:14px;background:url(../img/p10_n_ico_comm.png) no-repeat -299px -18px}
.group-list a {display:block;line-height:21px;font-size:15px;}
.group-list a:after {content:'';position:absolute;top:18px;right:20px;width:8px;height:10px;background:url(../img/p10_n_ico_comm.png) no-repeat -239px -12px;}
.tbl-group .on .tit {color:#2475d0}
.tbl-group .on .txt {color:#222}
.tbl-group .on .group-list a:after {background-position:-239px 0;z-index:9}
.group-answer {padding-bottom:20px}
.no-con {font-size:14px}

/* pagination */
.pagination {width:100%;margin:20px 0;text-align:center;}
.pagination a {width:32px;height:21px;padding-top:11px;border:1px solid #d6d6d6;color:#222;}
.pagination a.on {background-color:#2475d0;color:#fff;}
.pagination a.first {height:34px;background-position:-199px -20px;padding-top:0;font-size:0}
.pagination a.prev {height:34px;background-position:-233px -20px;padding-top:0;font-size:0}
.pagination a.next {height:34px;background-position:-267px -20px;padding-top:0;font-size:0}
.pagination a.last {height:34px;background-position:-301px -20px;padding-top:0;font-size:0}

/* form */
input.text {height:30px !important;line-height:30px !important;width:100%;border:1px solid #d6d6d6;padding:0 10px !important;}
input[type="text"] {height:20px;line-height:20px;font-size:13px;border:1px solid #d6d6d6;padding-right:1px}
select.select {min-width:125px;height:32px;border:1px solid #d6d6d6;}
.checkbox-w {position:relative;z-index:1;}
.checkbox-w input[type="checkbox"] {position:absolute;left:-9999px;}
.checkbox-w label {display:inline-block;height:20px;background:url(../img/p10_n_check.png) no-repeat 0 -20px;padding-left:30px;vertical-align:middle;cursor:pointer}
.checkbox-w label.on {background-position:0 0}
input[type="radio"] {display:inline-block;margin:-4px 3px 0 3px;vertical-align:middle}
.radio-w {margin-left:30px}
.radio-w label {height:20px;padding-left:25px;background:url(../img/p10_n_radio.png) no-repeat 0 -20px;cursor:pointer}
.radio-w label.on {background-position:0 0}
.radio-w label + label {margin-left:20px}
.radio-w label input[type="radio"] {position:absolute;left:-9999px;}
.search-wrap {padding:20px 20px 20px 30px;border:1px solid #e3e4e6;background:#f7f8fa;margin-bottom:30px;}
.search-wrap * {vertical-align:middle}
.search-wrap .tit {padding-left:8px;margin-right:30px;background-position:0 -48px;font-size:15px;line-height:3px}
.pop-contents .btn-4.search {width:auto}
.btn-4.search {position:relative;padding:7px 23px 7px 37px;margin-left:6px}
.btn-4.search:after {content:'';width:17px;height:16px;position:absolute;top:7px;left:15px;background:url(../img/p10_n_ico_comm.png) no-repeat -313px 0}
.calendar-toggle {width:16px;height:16px;margin-top:8px;background-position:-155px -20px}

/* popup */
.pop-wrap {width:100%;overflow:hidden;}
.pop-contents.scroll {overflow-y:auto;height:600px}
.pop-tit {position:relative;padding:10px 0;background:#2475d0;}
.pop-tit h1 {padding:0 0 0 20px;font-size:20px;color:#fff;}
.pop-tit h1.s-tit {font-size:12px;}
.pop-tit h1.m-tit {font-size:16px;}
.pop-tit .btn-close {position:absolute;top:50%;right:20px;background-position:-199px 0;width:18px;height:18px;margin-top:-9px}
.pop-contents {overflow:hidden;}
.btn-top-wrap {text-align:right;margin:20px 0 10px}
.pop-btn-row {margin:20px 0 30px;text-align:center}
.pop-btn-row a + a {margin-left:12px}

.login-wrap {margin:30px 0 20px;text-align:center}
.login-wrap li {position:relative;line-height:32px;margin-top:10px;}
.login-wrap li:before {content:'';display:inline-block;vertical-align:middle;margin:0px 2px 0 0;width:3px;height:3px;background:url(../img/p10_n_ico_comm.png) no-repeat 0 -48px}
.login-wrap li label {width:69px;font-size:15px;font-weight:bold;text-align:left}
.login-check {margin:0 45px;font-size:15px}
.login-check .checkbox-w {margin-right:12px;}

.prcy-w {margin:30px 30px 20px;}
.prcy-con {border:1px solid #e3e4e6;margin-top:10px}
.prcy-con .prcy-scroll {height:383px;padding:17px 50px 13px 15px;overflow-y:auto;font-size:14px;line-height:20px}
.prcy-con .pcry-txt {padding:15px;line-height:20px;font-size:13px}
.prcy-con .pcry-txt span {display:inline}
.prcy-con .tit {margin-bottom:25px;font-size:14px}
.prcy-con .prcy-scroll .tbl-ty1 thead th,.tbl-ty1 tbody td {font-size:14px;}
.prcy-con .prcy-scroll p + table {margin:25px 0}
.prcy-agree {border-top:1px solid #e3e4e6;padding:15px 15px 14px;background:#f7f8fa;font-size:15px;}
.prcy-agree .tit {margin:0;font-size:15px}

.prcy-w .subject:first-child {margin-top:0;padding-top:0;border-top:none}
.prcy-w .subject {display:block;margin:20px 0;padding-top:20px;border-top:1px dashed #dedede;line-height:normal;font-size:14px}

.message-list {margin:30px;border-bottom:1px solid #ddd}
.message-list li {overflow:hidden;border-top:1px solid #ddd;padding:9px 0;font-size:15px;font-weight:bold}
.message-list li .tit {float:left}
.message-list li .num {float:right;font-size:18px;color:#2475d0}
.message-list li .num span + span {margin-left:-4px}

.file-list {padding:16px 10px 0;border-top:1px dashed #ccc;margin-top:12px;text-align:left;line-height:29px;}
.file-list .tit {font-weight:bold;font-size:15px;}
.file-list .del {width:16px;height:16px;background-position:-43px -18px;margin:8px 0 0 10px;}

/* login layer */
.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layer .pop-layer {display:block;}
.pop-layer {display:none; position: absolute; top: 50%; left: 50%; width: 410px; height:auto;  background-color:#fff; border: 0px solid #3571B5; z-index: 10;}

/* 업무화면 css */
.table-wrap {width:894px;overflow:hidden}
.table {width:100%;table-layout:auto !important;font-family:'Arial',malgungothic,'맑은 고딕',Dotum,'돋움','Verdana' !important;font-size:13px !important;}
.table input,.table textarea {font-family:'Arial',malgungothic,'맑은 고딕',Dotum,'돋움','Verdana' !important;}
.table textarea {border:1px solid #ddd !important;width:100% !important;height:145px;overflow-y:auto !important;}
.table .search font {font-size:13px !important;color:#222 !important;}
table td,.table td,table th,.table th {font-family:'Arial',malgungothic,'맑은 고딕',Dotum,'돋움','Verdana' !important;font-size:13px !important;color:#222}
.contents {overflow:hidden;padding:10px 0;font-size:13px !important;}
.contents > .inquiry-tbl .table {width:894px !important;}
.inquiry-tbl > table {width:100% !important;}
.inquiry-tbl .table td {height:auto !important;border:1px solid #ddd;border-width:1px 1px 1px 0;padding:5px 2px 5px 5px !important;font-size:13px !important;color:#222}
.inquiry-tbl.ty-2 .table tr td:last-child {border-width:1px 1px 1px 0}
.inquiry-tbl .table tr td:last-child {border-width:1px 0 1px 0}
.inquiry-tbl .list-tbl {margin:-6px 0;}
.inquiry-tbl .list-tbl table {width:100%;}
.inquiry-tbl .list-tbl.ty-2 {margin:-6px -5px}
.inquiry-tbl .list-tbl td {border:1px solid #ddd;border-width:1px 0 1px 0;padding:5px 0 !important;font-size:13px !important;color:#222}
.inquiry-tbl .list-tbl tr:first-child td {border-width:0 0 1px 0;}
.inquiry-tbl .list-tbl tr:last-child td {border-width:1px 0 0 0;}
.inquiry-tbl .list-tbl tr td.tbllb {background:#f7f8fa;border:1px solid #dedede;border-width:1px;text-align:center;font-weight:bold}
.inquiry-tbl .list-tbl tr td.tbllb:first-child {border-left:none}
.inquiry-tbl .list-tbl tr td.tbllw {border:1px solid #dedede;border-width:1px 0;text-align:left;padding-left:5px !important;}

.data-tbl {border-top:2px solid #2475d0;}
.data-tbl > table,.data-tbl .table {width:894px;table-layout:fixed;}
.data-tbl th {padding:6px 5px 5px !important;text-align:center;border:1px solid #ddd;border-width:1px 1px 1px 0;color:#222}
.data-tbl th:last-child {border-width:1px 0 1px 0 }
.data-tbl td {padding:6px 5px 5px !important;border:1px solid #ddd;border-width:1px 1px 1px 0;}
.data-tbl td:last-child {border-width:1px 0 1px 0;}
.data-tbl.ty-2 tr td:last-child {border-width:1px 1px 1px 0;}
.data-tbl.ty-2 tr td.bdr-n {border-right:none !important;}

.fixed-tbl {position:relative;overflow:hidden;width:877px;border-top:2px solid #2475d0;}
.fixed-tbl > table,.fixed-tbl .table {min-width:auto !important;width:877px;table-layout:fixed;}
.fixed-tbl th {padding:6px 5px 5px !important;text-align:center;border:1px solid #ddd;border-width:1px 1px 1px 0;color:#222}
.fixed-tbl td {background:#f7f8fa !important;padding:6px 5px 5px !important;text-align:center;border:1px solid #ddd;border-width:1px 1px 1px 0;color:#222}
.fixed-tbl.ty-2 th:last-child, .fixed-tbl.ty-2 th:last-child, .fixed-tbl.ty-2 td:last-child {border-width:1px 1px 1px 0}
.fixed-tbl th:last-child, .fixed-tbl th:last-child, .fixed-tbl td:last-child {border-width:1px 0 1px 0}

.scroll-tbl {position:relative;width:894px;height:435px;overflow:scroll;margin-top:-1px}
.scroll-tbl > table,.scroll-tbl .table {min-width:auto !important;}
.scroll-tbl td {padding:6px 5px 5px !important;border:1px solid #ddd;border-width:1px 1px 1px 0;color:#222}
.scroll-tbl td:last-child {border-width:1px 0 1px 0;}
.scroll-tbl tr td > input[type="checkbox"] {margin-left:7px}

.scroll-col-tbl {width:894px;overflow-y:scroll;height:435px;}
.scroll-col-tbl > table,.scroll-col-tbl .table {width:877px;min-width:auto !important;}
.scroll-col-tbl td {padding:6px 5px 5px !important;border:1px solid #ddd;border-width:1px 1px 1px 0;color:#222}
.scroll-col-tbl.ty-2 > table th:last-child, .scroll-col-tbl.ty-2 > table th:last-child, .scroll-col-tbl.ty-2 > table td:last-child {border-width:1px 1px 1px 0}
.scroll-col-tbl td:last-child {border-width:1px 0 1px 0}
.scroll-col-tbl tr td > input[type="checkbox"] {margin-left:7px}

.fixed-row-tbl {position:relative;width:894px;table-layout:fixed;border-top:2px solid #2475d0;overflow:hidden;}
.fixed-row-tbl th {background:#f7f8fa !important;padding:6px 5px 5px !important;border:1px solid #ddd;border-width:1px 1px 1px 0;}
.fixed-row-tbl td {background:#f7f8fa !important;padding:6px 5px 5px !important;border:1px solid #ddd;border-width:1px 1px 1px 0;}
.fixed-row-tbl.ty-2 > table th:last-child, .fixed-row-tbl.ty-2 > table th:last-child, .fixed-row-tbl.ty-2 > table td:last-child {border-width:1px 1px 1px 0}
.fixed-row-tbl > table th:last-child, .fixed-row-tbl > table th:last-child, .fixed-row-tbl > table td:last-child {border-width:1px 0 1px 0}

.scroll-row-tbl {position:relative;width:894px;margin-top:-1px;table-layout:fixed;overflow-x:scroll;overflow-y:hidden;}
.scroll-row-tbl td {padding:6px 5px 5px;border:1px solid #ddd;border-width:1px 1px 1px 0;}
.scroll-row-tbl tr td > input[type="checkbox"] {margin-left:7px}
.scroll-row-tbl td:last-child {border-width:1px 0 1px 0;}

.complex-tbl-wrap {overflow:hidden;}
.complex-tbl-wrap .data-tbl table {border-right:1px solid #ddd}
.complex-tbl-wrap .scroll-row-tbl {float:right;margin:0;width:613px}
.complex-tbl-wrap .scroll-row-tbl.ty-2 {border-top:2px solid #2475d0}

.fixed-left-tbl {border-top:2px solid #2475d0;}
.fixed-left-tbl table {border-right:1px solid #ddd;width:280px}
.fixed-left-tbl td {padding:6px 5px 5px !important;border:1px solid #ddd;border-width:1px 0 1px 0;}

.fixed-right-tbl {position:relative;width:595px;border-top:2px solid #2475d0;border-right:1px solid #ddd;overflow:hidden;}
.fixed-right-tbl td {padding:6px 5px 5px !important;border:1px solid #ddd;border-width:1px 1px 1px 0;}
.fixed-right-tbl td:last-child {border-width:1px 0 1px 0;}

.data-left-tbl {height:162px;overflow:hidden}
.data-left-tbl table {width:280px;border-right:1px solid #ddd;}
.data-left-tbl td {padding:6px 5px 5px !important;border:1px solid #ddd;border-width:0 0 1px 0;}

.data-right-tbl {width:613px;height:179px;overflow:scroll}
.data-right-tbl td {padding:6px 5px 5px !important;border:1px solid #ddd;border-width:0 1px 1px 0;}

.del-line-tbl {margin-top:-1px}

.pop-contents .contents .table {width:100%;font-family:'Arial',malgungothic,'맑은 고딕',Dotum,'돋움','Verdana' !important;font-size:13px !important;}
.pop-contents .contents > .inquiry-tbl .table {width:100% !important;}
.pop-contents .detail-tbl {width:100%;}
.pop-contents .detail-tbl td {height:22px;border:1px solid #ddd;border-width:1px ;padding:5px 0 5px 5px !important;font-family:'Arial',malgungothic,'맑은 고딕',Dotum,'돋움','Verdana' !important;font-size:13px !important;color:#222}
.pop-contents .detail-tbl td:first-child,.pop-contents .contents .detail-tbl td:last-child {border-width:1px 0}
.pop-contents .search {width:100%;table-layout:fixed;font-size:13px !important;}
.pop-contents .search td {height:22px;border:1px solid #ddd !important;border-width:1px 0 1px 0 !important;padding:5px 0 5px 5px !important;font-size:13px !important;color:#222}
.pop-contents .search td .tbldb {padding:0 !important;}
.pop-contents .data-tbl {margin-top:10px}
.pop-contents .data-tbl table {width:100%}
.pop-contents .data-tbl + .detail-tbl {margin-top:-1px}
.pop-contents .scroll-col-tbl > table, .pop-contents .fixed-tbl > table,.pop-contents .scroll-col-tbl .table, .pop-contents .fixed-tbl .table {width:100%}
.pop-controls {position:relative;height:34px;background:#f2f3f5;color:#222;}
.pop-controls input[type="checkbox"]{position:absolute;top:10px;left:10px}
.pop-controls p {padding-left:30px;line-height:33px}
.pop-controls .btn-popup-close {position:absolute;top:4px;right:4px}

.treemenu table {width:100%;font-size:13px !important;}
.treemenu th {background:#f7f8fa !important;padding:9px 5px 8px !important;border-top:1px solid #ddd;}
.treemenu .list1 table {border-top:1px dotted #ede6e5;}
.treemenu .list1 td {height:32px;padding:0 5px !important;}
.treemenu .list2 td {height:32px;padding:0 5px !important;border-top:1px dotted #e0e0e0;}
.treemenu  input[type="checkbox"] {margin:2px 5px 0 0}

.point {color:#ff0000 !important;}
.f-blue {color:#2475d0 !important;}
.f-brown {color:#CC3300 !important;}
.f-green {color:#00A299 !important;}
.tbllg {height:auto !important;text-align:left !important;}
.tbllb {height:auto !important;background:#f7f8fa !important;text-align:center !important;font-weight:bold;}
.tblvdb {height:auto !important;text-align:center !important;}
.tblvlb {height:auto !important;text-align:right !important;}
.tblvdb1 {height:auto !important;text-align:center !important;}
.tblrg {height:auto !important;text-align:right !important;}
.tbly {height:auto !important;text-align:right !important;}
.tbldb {height:auto !important;background:#f7f8fa !important;color:#222;text-align:center !important;font-weight:bold;}
.tbldb01 {height:auto !important;text-align:left !important;}
.tblcw {height:auto !important;text-align:center !important;}
.tblcw01 {height:auto !important;text-align:left !important;}
.tbllw {height:auto !important;background:#fff !important;text-align:left !important;color:#222}
.tbllw * {vertical-align:middle;}
.tblrw  {height:auto !important;text-align:right !important;}
.tblcg {height:auto !important;text-align:center !important;}
.tblrm {height:auto !important;text-align:right !important;}
.tblcm {height:auto !important;text-align:center !important;}
.tbllm {height:auto !important;text-align:left !important;}
.adb {height:20px;line-height:20px;font-size:13px;border:1px solid #d6d6d6;text-align: left !important;padding-right:1px}
.adb1 {height:20px;line-height:20px;font-size:13px;border:1px solid #d6d6d6;text-align:left !important;padding-right:1px}
.adb2 {height:20px;line-height:20px;font-size:13px;border:1px solid #d6d6d6;text-align:right !important;padding-right:1px}
.solid {height:20px;line-height:20px;font-size:13px;border:1px solid #d6d6d6;}
.adf {width:initial;height:22px;border:1px solid #d6d6d6;font-size:12px;text-align:left !important;}
.adf1 {text-align: left !important;height:20px;line-height:20px;font-size:13px;border:1px solid #d6d6d6;padding-right:1px}
.adf2 {text-align:right !important;height:20px;line-height:20px;font-size:13px;border:1px solid #d6d6d6;padding-right:1px}
.tr-h {background:none !important;}
.tr-h td.on {background:#ccd4ed !important;}

#Table_01 {position:absolute;top:300px;left:50%;margin-left:-75px}

/*  띠배너 추가   2019-03-05  */
.ribbon { width: 100%;  position: relative; }
.ribbon a { display: block; width: 100%; height: 100%; text-indent: -9999px; background-position: center; }
/*.ribbon .input { position: absolute; top: 10px; right: 45%; margin-right: -580px; }
.ribbon .input input{ vertical-align:middle;}
.ribbon .input label { margin-left: 10px; vertical-align:middle; }*/
.ribbon button {text-indent: -9999px;width: 34px;height:24px;background: url(../img/header_close.png) no-repeat center;position: absolute;right: 46%;top:10px;margin-right: -550px;border: 0; cursor:pointer;}



/*  210426 add css */
.purchase_total {width: 100%; box-sizing: border-box; display: table; table-layout: fixed;}
/*  210514 수정 */
.purchase_total .total_area {display: table-cell; overflow:hidden; text-align: right;  box-sizing: border-box;}
.purchase_total .total_area {padding-right:10px;}
.purchase_total .total_area + .total_area {padding-left:10px; padding-right: 0;}
.purchase_total .total_area .total_area_wrap {border: 3px solid #ebecee;  margin-top: 8px; box-sizing: border-box;}
.purchase_total .total_area .total_area_wrap .total_area_top {width: 100%; box-sizing: border-box; padding:0 30px;}
.purchase_total .total_area .total_area_wrap .total_area_top .total_tit {font-size: 18px; float:left; display:block; line-height:94px;}
.purchase_total .total_area .total_area_wrap .total_area_top .total_num {float:right; display:block; line-height:88px; font-size: 40px; font-weight: bold; font-family : 'Arial',malgungothic,'맑은 고딕',Dotum,'돋움','Verdana';} /*  210611 수정 */
.purchase_total .total_area .total_area_wrap .total_area_top .total_num em {margin-top:-4px;}
.purchase_total .total_area .totla_sub { font-size: 13px; font-weight: normal; display: inline-block; vertical-align: middle;}
/*  //210514 수정 */

.img-desc { margin-top: 45px; }
.img-desc .purchasing_img {box-sizing: border-box; border-bottom: 1px solid #d9dadb; padding-bottom: 19px; box-sizing: border-box; margin-top:-5px;}
.img-desc .img-desc-container {width: 846px; margin: 0 auto;}
.img-desc .img-desc-container-en {width: 880px; margin: 0 auto;}
.img-desc .img-desc-container::after {content: ""; display: block; clear: both;}
.img-desc .img-desc-container > div {float: left;}
.img-desc .txt-exp {width: 258px; position: relative; height: 310px;}
.img-desc .txt-exp .txt-exp-left  {position: absolute; text-align: right; padding-right: 25px; box-sizing: border-box;}
.img-desc .txt-exp .txt-exp-right  {position: absolute; text-align: left; padding-left: 25px; box-sizing: border-box;}
.img-desc .txt-exp .txt-exp-left.operation {top: 0; right: 0;}
.img-desc .txt-exp .txt-exp-left.growth {bottom: 0; right: 0;}
.img-desc .txt-exp .txt-exp-right.purchase {top: 1px; left: 0;}
.img-desc .txt-exp .txt-exp-right.competitiveness {bottom: 22px; left: 0;}

/*  210611 추가 */
.img-desc.img_desc_en {margin-top: 37px;}
.img-desc .txt-exp .txt-exp-right.competitiveness_en {top:50%; right: 0; margin-top:3px;}
.img-desc .txt-exp .txt-exp-left.growth_en {top:50%; left: 0; margin-top:3px;}
.img-desc .txt-exp .txt-exp-right .text_tit_en { letter-spacing: -0.6px; }
.img-desc .txt-exp .txt-exp-right .text_desc_en { letter-spacing: -0.4px; margin-top: 7px; line-height: 1;}
.img-desc .txt-exp .txt-exp-left .text_desc_en { letter-spacing: -0.4px;}
.img-desc .txt-exp .txt-exp-right .text_desc_en span {display: inline-block;}
.img-desc .txt-exp .txt-exp-right .text_desc_en span + span {margin-top: 6px;}

.view-link.view_link_en {margin-top: 36px;}
.view-link.view_link_en .txt-normal {letter-spacing: 0;}
.view-link.view_link_en .txt-normal span {display: block; margin-top: -5px; margin-left: 18px; letter-spacing: 0;}
.view-link.view_link_en .en_link_btn {margin-left: 11px; margin-top: 8px; padding: 5px 18px 4px 18px;}

.key_word_ex.key_word_ex_en {position: absolute; right: 106px; bottom: 27px;}

.indent {display: inline-block; margin-left: 8px;}

.esg_contents_wrap.esg_contents_en_wrap .esg_contents_area .esg_contents.esg_purchasing_system { background: url("../img/en/p10_epro_esg_brackets_en.png") no-repeat center 5px; }
.esg_contents_wrap.esg_contents_en_wrap .esg_contents_area .esg_contents .esg_sys_list_area .esg_sys_list .system_list span {letter-spacing: -0.5px;}
.esg_contents_wrap.esg_contents_en_wrap .esg_contents_area .esg_contents .esg_sys_list_area .esg_sys_list ul li span {line-height: 1.4;}
.esg_contents_wrap.esg_contents_en_wrap .esg_contents_area .esg_contents .esg_sys_list_area {margin-top: 16px;}
.esg_contents_wrap.esg_contents_en_wrap .esg_contents_area .esg_contents .esg_sys_list_area .esg_sys_list ul {margin-top: 18px;}
.esg_contents_wrap.esg_contents_en_wrap .esg_contents_area .esg_contents .esg_sys_list_area .esg_sys_list ul li + li {margin-top: 9px;}
.esg_contents_wrap.esg_contents_en_wrap .esg_contents_area .esg_contents .contents_key_words {margin-top: 29px;}
.esg_contents_wrap.esg_contents_en_wrap .esg_contents_area:last-child .esg_contents .contents_key_words {margin-top: 25px;}
.esg_contents_wrap.esg_contents_en_wrap .esg_contents_area .esg_contents .esg_slogan {margin-top: 16px;}
.esg_contents_wrap.esg_contents_en_wrap .esg_contents_area .esg_contents.dotted_line_md {background-position:  center 11px;}
.esg_contents_wrap.esg_contents_en_wrap .esg_contents_area:first-child .esg_contents .contents_key_words {margin-top: 22px;}

.step-box-area.step-box-area-en {background: url("../img/en/p10_epro_esg_step_box_en.png") no-repeat 0 0;}
.step-box-area.step-box-area-en .step-box {height: 220px;}

.sub-row .sys-contents-wrap.sys-contents-wrap-en .sys-contents .sys_text_area { margin-top: 13px; display: block;}
.sys-contents-wrap.sys-contents-wrap-en .sys-contents-list ul li {padding: 8px 0; line-height: 1.2;}
.sys-contents-wrap.sys-contents-wrap-en .sys-contents-list ul li.row03 {padding: 26px 0;}
.sys-contents-wrap.sys-contents-wrap-en .sys-contents .sys-contents-list .sys-num::after {width: 34px; height: 18px; content: ""; display: block; position: absolute; top: 2px; right: -44px; background: url("../img/en/p10_epro_esg_stage1.png") no-repeat 0 0; z-index: 10;}

.txt_indent_area {padding-left: 16px;}
.txt_indent_area span {display: block; font-size: 15px; color: #222222;}
.txt_indent_area span + span {margin-top: 2px;}

.table_area.table_area_en .table_type01 td {padding: 11px 0 10px 0;}

.eco_contents_wrap.eco_contents_wrap_en .eco_contents .esg_bg { background: url("../img/en/p10_epro_esg_one_grap_en.png") no-repeat 0 0;}

.img-desc-area .line_img_text_wrap .line_img_txt .circle_tooltip.circle_tooltip_en, .img-desc-area .contents_circle_wrap .contents_circle .contents_circle_container .circle_tooltip.circle_tooltip_en {width: 265px;}
.img-desc-area .line_img_text_wrap .line_img_txt .circle_tooltip.circle_tooltip_en .tooltip_row .tool_tit, .img-desc-area .contents_circle_wrap .contents_circle .contents_circle_container .circle_tooltip.circle_tooltip_en .tooltip_row .tool_tit {width: 92px;}
.img-desc-area .line_img_text_wrap .line_img_txt .circle_tooltip.circle_tooltip_en .tooltip_row .tool_tit + span, .img-desc-area .contents_circle_wrap .contents_circle .contents_circle_container .circle_tooltip.circle_tooltip_en .tooltip_row .tool_tit + span {width: 71px;}
.img-desc-area .line_img_text_wrap .line_img_txt .circle_tooltip.circle_tooltip_en .tooltip_row .tool_tit + span + span, .img-desc-area .contents_circle_wrap .contents_circle .contents_circle_container .circle_tooltip.circle_tooltip_en .tooltip_row .tool_tit + span + span {width: 101px;}
.img-desc-area.img-desc-area_en {background: url("../img/en/p10_epro_esg_purchase_status_en.png") no-repeat 0 13px;}
.img-desc-area .line_img_txt.txt_ch.txt_en_ch {left: 192px; top: 117px;}
.img-desc-area .line_img_txt.txt_ko.txt_en_ko {right: 337px; top: 35px;}
.img-desc-area .line_img_txt.txt_ja.txt_en_ja {right: 306px; top: 144px;}
.img-desc-area .line_img_text_wrap .line_img_txt.txt_ko .circle_tooltip.circle_tooltip_en {right: -281px; top: 10px;}
.img-desc-area .line_img_text_wrap .line_img_txt.txt_ja .circle_tooltip.circle_tooltip_en {right: -281px; top: 10px;}
.img-desc-area .line_img_text_wrap .line_img_txt.txt_ch .circle_tooltip.circle_tooltip_en {left: -76px; top: -87px;}
.img-desc-area .line_img_text_wrap .line_img_txt.on .circle_tooltip.circle_tooltip_en {visibility: hidden; opacity: 0;}
.img-desc-area .line_img_text_wrap .line_img_txt.on .circle_tooltip.circle_tooltip_en {transition: all 0.2s ease-in-out; visibility: visible; opacity: 1;}
.img-desc-area.img-desc-area_en .contents_circle_wrap .circle_eu { top: 224px;  }
.img-desc-area.img-desc-area_en .contents_circle_wrap .circle_me { top: 338px; }
.img-desc-area.img-desc-area_en .contents_circle_wrap .circle_af { top: 400px;  }
.img-desc-area.img-desc-area_en .contents_circle_wrap .circle_asi { top: 357px; }
.img-desc-area.img-desc-area_en .contents_circle_wrap .circle_ose { top: 444px; }
.img-desc-area.img-desc-area_en .contents_circle_wrap .circle_na { top: 256px; }
.img-desc-area.img-desc-area_en .contents_circle_wrap .circle_sa { top: 456px; }
.img-desc-area .line_img_text_wrap .line_img_txt.txt_ch .circle_tooltip.circle_tooltip_en:after { content: ""; width: 11px; height: 6px; display: block; position: absolute; top: 78px; right: 50%; background: url("../img/en/p10_epro_esg_arrow_tool03.png") no-repeat 0 0;}
.img-desc-area.img-desc-area_en .contents_circle_wrap .contents_circle .contents_circle_container.circle_me .circle_txt .country_txt {font-size: 15px;}
.img-desc-area.img-desc-area_en .contents_circle_wrap .contents_circle .contents_circle_container .circle_txt .sell_num {margin: 1px 0 -3px 0;}
.img-desc-area .contents_circle_wrap .contents_circle .contents_circle_container.circle_sa .circle_txt .country_txt {letter-spacing: -0.8px;}

.fw_nomal {font-weight: normal;}

/*  //210611 추가 */

.img-desc .txt-exp .txt-exp-left > h3, .img-desc .txt-exp .txt-exp-right > h3 {font-size: 17px; font-weight: bold;}
.img-desc .txt-exp .txt-exp-left > p, .img-desc .txt-exp .txt-exp-right > p {font-size: 15px; line-height: 1.5; margin-top: 5px;}
.img-desc .img-exp {width: 330px; position: relative;}
.img-desc .img-exp .img-tit {position: absolute ; margin-top:1px; top: 50%; left: 50%; transform: translate(-50%, -50%); display: inline-block; text-align: center; font-size: 20px; color: #2475d0;}

.view-link {margin-top: 45px;}
.view-link span {letter-spacing: 0.3px;}
.view-link a {display: inline-block; color: #2475d0; border: 1px solid #2475d0; vertical-align: top; padding: 5px 5px 4px 5px; margin-left: 4px; box-sizing: border-box;}



.step-box-area {width: 100%; display: table; table-layout: fixed;  background: url("../img/ko/p10_epro_esg_step_box.png") no-repeat 0 0;  border-bottom: 1px solid #d9dadb; padding-bottom: 25px; }
.step-box-area .step-box {height: 195px; display: table-cell; text-align: center; padding-right:5px;}
.step-box-area .step-box + .step-box {padding-left: 7px; box-sizing: border-box;}
.step-box-area .step-box > h3 {font-size: 20px; font-weight: bold; padding-top:97px; box-sizing: border-box; font-weight: bold; margin-bottom: 8px;}
.step-box-area .step-box > p {font-size: 15px; line-height: 1.5;}
.step-box-area .step-box.step_mouse > h3 {background: url("../img/ko/p10_epro_esg_mouse.png") no-repeat center 26px;}
.step-box-area .step-box.step_evaluation > h3 {background: url("../img/ko/p10_epro_esg_evaluation.png") no-repeat center 30px;}
.step-box-area .step-box.step_gear > h3 {background: url("../img/ko/p10_epro_esg_gear.png") no-repeat center 28px;}

.sys-contents-wrap {width: 100%; padding-top: 25px;}
.sys-contents-wrap .text-h {width: 100%; padding: 25px 0 10px 0; border-top: 1px solid #d9dadb; font-size: 18px; box-sizing: border-box; color: #0552a9;}
/* .sys-contents-wrap .sys-contents {width: 100%; padding:4px 0 0 110px; box-sizing: border-box; background: url("../img/new_img/rod.png") no-repeat 1px 6px; min-height:762px;}*/   /* 210611 삭제 */
.sys-contents-wrap .sys-contents .sys-contents-list {position: relative; width: 100%; padding-left: 10px; box-sizing: border-box;}
.sys-contents-wrap .sys-contents .sys-contents-list .sys-num {font-size: 20px; font-weight: bold; color: #0552a9; display: inline-block; position: absolute; top: 0px; left: -111px;}
/* .sys-contents-wrap .sys-contents-list + .sys-contents-list {margin-top:44px;}*/   /* 210611 삭제 */
/* .sys-contents-wrap .sys-contents-list + .sys-contents-list + .sys-contents-list  {margin-top:47px;}*/   /* 210611 삭제 */
.sys-contents-wrap .sys-contents-list > h3 {font-size: 20px; font-weight: bold; color: #0552a9;}
.sys-contents-wrap .sys-contents-list .sys-txt {margin: 13px 0 19px 0;}
.sys-contents-wrap .sys-contents-list .sys-txt-desc { position: relative; padding-left: 10px; font-size: 15px; box-sizing: border-box;}
.sys-contents-wrap .sys-contents-list .sys-txt-desc::after {content: ""; display: block; width: 4px; height: 4px; background-color: #0552a9; position: absolute; top:8px; left: 1px;}
.sys-contents-wrap .sys-contents-list .sys-txt-desc + .sys-txt-desc  {margin-top: 5px;}
.sys-contents-wrap .sys-contents-list > ul { margin-top: 15px; text-align: center; overflow:hidden;}
.sys-contents-wrap .sys-contents-list > ul > li {float:left; padding:23px 0; width: 124px; height: 74px; line-height:1.4; position: relative; font-size: 15px; font-weight: bold; border: 3px solid #ebeced; box-sizing: border-box;}
.sys-contents-wrap .sys-contents-list > ul > li span {font-size:13px; font-weight:normal;}
.sys-contents-wrap .sys-contents-list > ul > li.row02 {padding:15px 0;}
.sys-contents-wrap .sys-contents-list > ul > li + li {margin-left: 35px;}
.sys-contents-wrap .sys-contents-list > ul > li + li::after {content: ""; display: block; position: absolute; top:28px; left:-28px; width: 12px; height: 16px; background: url("../img/ko/p10_epro_esg_arrow01.png") no-repeat;}

/*  210611 추가 */
.sys-contents-wrap .sys-contents-list > ul > li + li {margin-left: 38px; }
.sys-contents-wrap .sys-contents .sys-contents-list {padding-left: 120px;}
.sys-contents-wrap .sys-contents .sys-contents-list .sys-num {left: 0; top: 0;}
.sys-contents-wrap .sys-contents .sys-contents-list .sys-num::after {width: 34px; height: 18px; content: ""; display: block; position: absolute; top: 1px; right: -63px; background: url("../img/en/p10_epro_esg_stage1.png") no-repeat 0 0; z-index: 10;}
.sys-contents-wrap .sys-contents .sys-contents-list .sys-num.stage_01::after {background: url("../img/en/p10_epro_esg_stage1.png") no-repeat 0 0;}
.sys-contents-wrap .sys-contents .sys-contents-list .sys-num.stage_02::after {background: url("../img/en/p10_epro_esg_stage2.png") no-repeat 0 0; top: 1px;}
.sys-contents-wrap .sys-contents .sys-contents-list .sys-num.stage_03::after {background: url("../img/en/p10_epro_esg_stage3.png") no-repeat 0 0; top:2px;}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	.sys-contents-wrap .sys-contents .sys-contents-list .sys-num.stage_03::after {background: url("../img/en/p10_epro_esg_stage3.png") no-repeat 0 0; top:3px;}
}
.sys-contents-wrap.sys-contents-wrap-en .sys-contents .sys-contents-list .sys-num.stage_01::after {background: url("../img/en/p10_epro_esg_stage1.png") no-repeat 0 0;}
.sys-contents-wrap.sys-contents-wrap-en .sys-contents .sys-contents-list .sys-num.stage_02::after {background: url("../img/en/p10_epro_esg_stage2.png") no-repeat 0 0; top: 1px;}
.sys-contents-wrap.sys-contents-wrap-en .sys-contents .sys-contents-list .sys-num.stage_03::after {background: url("../img/en/p10_epro_esg_stage3.png") no-repeat 0 0;}




.sub-row .sys-contents-wrap .sys-contents .sys_text_area .txt-normal {display: block;}
.sys-contents-wrap .sys-contents-list .sys-txt-desc {padding-left: 12px; line-height: 1.4;}
.sys-contents-wrap .sys-contents-list .sys-txt-desc + .sys-txt-desc {margin-top: 9px;}
.sys-contents-wrap .sys-contents-list {padding-bottom: 54px; margin-top: 0; position: relative;}
.sys-contents-wrap .sys-contents-list + .sys-contents-list {margin-top: 0;}
.sys-contents-wrap .sys-contents-list:first-child  {padding-top: 0; padding-bottom: 54px;}
.sys-contents-wrap .sys-contents-list:last-child  {padding-bottom: 0;}
.sys-contents-wrap .sys-contents-list + .sys-contents-list + .sys-contents-list {margin-top: 0}

.sys-contents-wrap .sys_line_01:after {width: 7px; content: ""; display: block; height: 100%; position: absolute; top: 3px; left: 86px; background-color: #bcdcff;}
.sys-contents-wrap .sys_line_02:after {width: 7px; content: ""; display: block; height: 100%; position: absolute; top: 3px; left: 86px; background-color: #7db1ea;}
.sys-contents-wrap .sys_line_03:after {width: 7px; content: ""; display: block; height: 98%; position: absolute; top: 3px; left: 86px; background-color: #3674b9;}
.sys-contents-wrap .sys_line_03::before {width: 7px; height: 5px; content: ""; position: absolute; bottom: 0; left: 86px; display: block; background-color: #3674b9; background: url("../img/en/stage3_end.png") no-repeat center bottom; z-index: 11;}
/*  //210611 추가 */

.bd_none {border:0;}

.eco_contents_wrap {width: 100%;}

.eco_contents_wrap .eco_contents:first-child .text-h {border: none; padding-top: 0;}
.eco_contents p {font-size: 15px; margin: 6px 0 23px 0; letter-spacing: -0.3px;}
.eco_contents p.text-p {font-weight: bold; font-size: 15px; margin: 0; color: #222222;}  /*  210511 추가 */
.eco_contents + .eco_contents {margin-top:25px;}
.eco_contents_wrap .eco_contents .esg_bg {margin-top:40px; height: 272px;  background:  url("../img/ko/p10_epro_esg_one_grap.png") no-repeat 0 0;}

/*  210511 추가 */
.esg_contents_wrap {}
.esg_contents_wrap .esg_contents_area {padding-top: 19px;}
.esg_contents_wrap .esg_contents_area + .esg_contents_area {margin-top: -4px;}
.esg_contents_wrap .esg_contents_area .esg_contents { text-align: center; color: #222;}
.esg_contents_wrap .esg_contents_area .esg_contents.esg_purchasing_system { background: url("../img/ko/p10_epro_esg_brackets.png") no-repeat center 0; }
.esg_contents_wrap .esg_contents_area .esg_contents.esg_purchasing_system h3 { background: url("../img/ko/p10_epro_esg_vision_icon.png") no-repeat center 39px; font-size: 26px; font-weight: normal; padding-bottom: 60px; box-sizing: border-box; }
.esg_contents_wrap .esg_contents_area .esg_contents.esg_purchasing_system p {font-size: 32px; font-weight: bold; letter-spacing: -1px; margin-top: 12px;}

.esg_contents_wrap .esg_contents_area .esg_contents.dotted_line_top {padding-top: 56px; box-sizing: border-box; background: url("../img/ko/p10_epro_esg_line_up.png") no-repeat center top;}
.esg_contents_wrap .esg_contents_area .esg_contents.dotted_line_md {padding-top: 47px; box-sizing: border-box; background: url("../img/ko/p10_epro_esg_dotted_line.png") no-repeat center top; margin-top: -5px;}
.esg_contents_wrap .esg_contents_area .esg_contents .esg_contents_desc {font-size: 20px; font-weight: bold; line-height: 30px; margin-top: 14px;}
.esg_contents_wrap .esg_contents_area .esg_contents.dotted_line_top p .point_words {color: #2475d0;}


.esg_contents_wrap .esg_contents_area .esg_contents .esg_sys_list_area {display: table; margin-top: 20px; }
.esg_contents_wrap .esg_contents_area .esg_contents .esg_sys_list_area .esg_sys_list {display: table-cell;}
.esg_contents_wrap .esg_contents_area .esg_contents .esg_sys_list_area .esg_sys_list + .esg_sys_list {padding-left: 20px;}
.esg_contents_wrap .esg_contents_area .esg_contents .esg_sys_list_area .esg_sys_list .system_list {width: 208px; height: 100px; background-color: #83c6e5; display: table; table-layout: fixed;}
.esg_contents_wrap .esg_contents_area .esg_contents .esg_sys_list_area .esg_sys_list:nth-child(2n) .system_list {background-color: #4c88cb ;}
.esg_contents_wrap .esg_contents_area .esg_contents .esg_sys_list_area .esg_sys_list .system_list span {font-size: 20px; color: #fff; display: table-cell;vertical-align: middle; line-height: 28px; padding-top: 2px; box-sizing: border-box;}
.esg_contents_wrap .esg_contents_area .esg_contents .esg_sys_list_area .esg_sys_list ul {text-align: left; margin-top: 19px;}
.esg_contents_wrap .esg_contents_area .esg_contents .esg_sys_list_area .esg_sys_list ul li {font-size: 15px; position: relative; padding-left: 14px; box-sizing: border-box;}
.esg_contents_wrap .esg_contents_area .esg_contents .esg_sys_list_area .esg_sys_list ul li::before {content: ""; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 4px; height: 4px; background-color: #83c6e5; }
.esg_contents_wrap .esg_contents_area .esg_contents .esg_sys_list_area .esg_sys_list:nth-child(2n) ul li::before {background-color: #4c88cb;} /*  210611 추가 */
.esg_contents_wrap .esg_contents_area .esg_contents .esg_sys_list_area .esg_sys_list ul li.line_on {line-height: 1.5; margin-top: 3px;}
.esg_contents_wrap .esg_contents_area .esg_contents .esg_sys_list_area .esg_sys_list ul li.line_on::before {top: 10px; }
.esg_contents_wrap .esg_contents_area .esg_contents .esg_sys_list_area .esg_sys_list ul li + li {margin-top: 5px;}

.esg_contents_wrap .esg_contents_area .esg_contents .esg_slogan {margin-top:21px; padding: 24px 0 25px 0; box-sizing: border-box; border: 1px solid #bedae7; }
.esg_contents_wrap .esg_contents_area .esg_contents .esg_slogan .slogan_contents {text-align: center;}
.esg_contents_wrap .esg_contents_area .esg_contents .esg_slogan .slogan_contents img {vertical-align: top; margin-left: -39px; display: inline-block;}


/* 210514 추가 */
.sub-row .sys-contents-wrap .sys-contents .sys_text_area {display: table; table-layout: fixed; margin-top: 18px;}
.sub-row .sys-contents-wrap .sys-contents .sys_text_area .txt-normal {display: table-cell; vertical-align: top;}
.sub-row .sys-contents-wrap .sys-contents .sys_text_area .txt-normal + .txt-normal {padding-left: 3px;}

.esg_contents_wrap .esg_contents_area .esg_contents.esg_purchasing_system .contents_key_words {margin-top: 11px;}
.esg_contents_wrap .esg_contents_area .esg_contents .contents_key_words {font-size: 15px; display: block; margin-top: 20px;}

.key_word_ex { margin-top: 20px; }
.key_word_ex .key_word_desc {font-size: 13px; color: #4c88cb;}
.key_word_ex .key_word_desc + .key_word_desc {margin-top: 5px;}

.total_area_bottom {width: 100%; border-top: 1px solid #dddddd; display: table; table-layout: fixed; text-align: center; }
.total_area_bottom .totla_list {display: table-cell; vertical-align: middle;}
.total_area_bottom .totla_list span{display: block; padding: 20px 0 19px; border-left: 1px solid #dddddd; font-size: 24px ;}
.total_area_bottom .totla_list:first-child span {border-left: 0;}
.total_area_bottom .totla_list .total_list_tit {background-color: #f9f9fa; font-size: 15px; padding: 6px 0 8px;}

.img-desc-area {overflow: hidden; position: relative; border: 1px solid #dddddd; width: 100%; height: 673px; box-sizing: border-box; margin-top: 20px; background: url("../img/ko/p10_epro_esg_purchase_status.png") no-repeat;}
.img-desc-area .contents_circle_wrap {width: 100%; position: relative; opacity: .9;}
.img-desc-area .contents_circle_wrap .contents_circle {position: relative;}
.img-desc-area .contents_circle_wrap .contents_circle .contents_circle_container {border-radius: 100%; position: absolute; display: table; table-layout: fixed;}
/* .img-desc-area .contents_circle_wrap .contents_circle:hover:after {position: absolute; z-index: 999; content: ""; display: block; width: 100px; height: 100px; background-color: #000; bottom: 0; left: 50%;} */
.img-desc-area .contents_circle_wrap .circle_eu {width: 135px; height: 135px; background-color: #7aca7b;top: 210px; left: 75px; }
.img-desc-area .contents_circle_wrap .circle_me {width: 100px; height: 100px; background-color: #9983c1; top: 324px; left: 173px; } /*  210611 수정 */
.img-desc-area .contents_circle_wrap .circle_af {width: 115px; height: 115px; background-color: #f3a649; top: 379px; left: 76px; }
.img-desc-area .contents_circle_wrap .circle_asi {width: 120px; height: 120px; background-color: #f4c342; top: 343px; left: 273px; } /*  210611 수정 */
.img-desc-area .contents_circle_wrap .circle_ose {width: 195px; height: 195px; background-color: #f1bf67; top: 430px; right: 325px; }
.img-desc-area .contents_circle_wrap .circle_na {width: 140px; height: 140px; background-color: #8dcc35; top: 242px; right: 193px; }
.img-desc-area .contents_circle_wrap .circle_sa {width: 125px; height: 125px; background-color: #e87054; top: 442px; right: 123px; }
.img-desc-area > .totla_sub {position: absolute; top: 20px; right: 20px; font-size: 15px;}
.img-desc-area .contents_circle_wrap .contents_circle .contents_circle_container .circle_txt {width: 100%; height: 100%; color: #fff; display: table-cell; vertical-align: middle; text-align: center;}
.img-desc-area .contents_circle_wrap .contents_circle .contents_circle_container .circle_txt .country_txt {font-size: 18px;}
.img-desc-area .contents_circle_wrap .contents_circle .contents_circle_container .circle_txt .sell_num {font-size: 22px; font-weight: bold; margin: 2px 0; }
.img-desc-area .contents_circle_wrap .contents_circle .contents_circle_container .circle_txt .com_num {font-size: 15px;}

.img-desc-area .contents_circle_wrap .contents_circle .contents_circle_container .circle_tooltip {visibility:hidden; position: absolute; left: 50%; transform: translateX(-50%); z-index: 999; width: 221px; border: 1px solid #333333; color: #222; background-color: #fff; opacity:0; transition: all 400ms ease-in-out;}
.img-desc-area .contents_circle_wrap .contents_circle .contents_circle_container.circle_eu .circle_tooltip {bottom: -58px;}
.img-desc-area .contents_circle_wrap .contents_circle .contents_circle_container.circle_me .circle_tooltip {bottom: -27px;}
.img-desc-area .contents_circle_wrap .contents_circle .contents_circle_container.circle_af .circle_tooltip {bottom: -15px;}
.img-desc-area .contents_circle_wrap .contents_circle .contents_circle_container.circle_asi .circle_tooltip {bottom: -64px;}
.img-desc-area .contents_circle_wrap .contents_circle .contents_circle_container.circle_ose .circle_tooltip {bottom: 24px;}
.img-desc-area .contents_circle_wrap .contents_circle .contents_circle_container.circle_na .circle_tooltip {bottom: -54px;}
.img-desc-area .contents_circle_wrap .contents_circle .contents_circle_container.circle_sa .circle_tooltip {bottom: -10px;}
.img-desc-area .contents_circle_wrap .contents_circle .contents_circle_container:hover .circle_tooltip {visibility: visible; opacity:1;}
.img-desc-area .contents_circle_wrap .contents_circle .contents_circle_container .circle_tooltip:after {content: ""; width: 11px; height: 6px; display: block; position: absolute; top: -6px; left: 50%; transform: translateX(-50%); background: url("../img/ko/p10_epro_esg_arrow_tool.png") no-repeat 0 0;}
.img-desc-area .contents_circle_wrap .contents_circle .contents_circle_container .circle_tooltip .tooltip_row {width: 100%; height: 25px; text-align: right; display: table; table-layout: fixed; }
.img-desc-area .contents_circle_wrap .contents_circle .contents_circle_container .circle_tooltip .tooltip_row + .tooltip_row { border-top: 1px solid #ebecee;}
.img-desc-area .contents_circle_wrap .contents_circle .contents_circle_container .circle_tooltip .tooltip_row span {display: table-cell; vertical-align: middle; padding-right: 10px; box-sizing: border-box;}
.img-desc-area .contents_circle_wrap .contents_circle .contents_circle_container .circle_tooltip .tooltip_row .tool_tit {border-right: 1px solid #ebecee; padding: 0; background-color: #fafafb; text-align: center; font-size: 13px; font-weight: bold;}


.img-desc-area .line_img_text_wrap .line_img_txt .circle_tooltip {visibility: hidden; position: absolute; top: 2px;  z-index: 999; width: 221px; border: 1px solid #333333; color: #222; background-color: #fff; opacity:0; transition:all 400ms ease-in-out;}
.img-desc-area .line_img_text_wrap .line_img_txt.txt_ch .circle_tooltip { left: -235px; }
.img-desc-area .line_img_text_wrap .line_img_txt.txt_ko .circle_tooltip {right: -238px; }
.img-desc-area .line_img_text_wrap .line_img_txt.txt_ja .circle_tooltip {right: -238px; }
.img-desc-area .line_img_text_wrap .line_img_txt:hover .circle_tooltip {visibility:visible; opacity:1;}
.img-desc-area .line_img_text_wrap .line_img_txt .circle_tooltip:after {content: ""; width: 8px; height: 8px; display: block; position: absolute; top: -1px; right: -8px; background: url("../img/ko/p10_epro_esg_arrow_tool01.png") no-repeat 0 0;}
.img-desc-area .line_img_text_wrap .line_img_txt.txt_ko .circle_tooltip:after,.img-desc-area .line_img_text_wrap .line_img_txt.txt_ja .circle_tooltip:after {content: ""; width: 8px; height: 8px; display: block; position: absolute; top: -1px; left: -9px; background: url("../img/ko/p10_epro_esg_arrow_tool02.png") no-repeat 0 0;}
.img-desc-area .line_img_text_wrap .line_img_txt .circle_tooltip .tooltip_row {width: 100%; height: 25px; text-align: right; display: table; table-layout: fixed; }
.img-desc-area .line_img_text_wrap .line_img_txt .circle_tooltip .tooltip_row + .tooltip_row { border-top: 1px solid #ebecee;}
.img-desc-area .line_img_text_wrap .line_img_txt .circle_tooltip .tooltip_row span {display: table-cell; vertical-align: middle; padding-right: 10px; box-sizing: border-box;}
.img-desc-area .line_img_text_wrap .line_img_txt .circle_tooltip .tooltip_row .tool_tit {border-right: 1px solid #ebecee; padding: 0; background-color: #fafafb; text-align: center; font-size: 13px; font-weight: bold;}

.img-desc-area .line_img_txt {position: absolute;}
.img-desc-area .line_img_txt.txt_ch {color: #f07c87; top: 106px; left: 260px;}
.img-desc-area .line_img_txt.txt_ko {color: #5994e3; top: 22px; right: 352px; text-align: right;}
.img-desc-area .line_img_txt.txt_ja {color: #65c2dd; top: 132px; right: 320px; text-align: right;}
.img-desc-area .line_img_txt .line_txt {}
.img-desc-area .line_img_txt .line_txt span {font-size: 20px; display: block;}
.img-desc-area .line_img_txt .line_txt .line_sm_txt {font-size: 15px;  vertical-align: bottom;}
.img-desc-area .line_img_txt .line_txt .line_num {margin-top: 20px; font-size: 24px;}


/* table*/
.table_area {}
.table_area .table_type01 .table-tit {font-size: 16px; font-weight: bold; margin-bottom: 15px;}
.table_area .table_type01 table {width: 100%; table-layout: fixed;}
.table_area .table_type01 table + table {margin-top: 15px;}
.table_area .table_type01 th {padding-bottom:1px; border: 1px solid #dddddd; font-size: 13px; background-color: #f7f8fa; font-size: 13px; height: 40px; }
.table_area .table_type01 th:first-child {border-left: 0;}
.table_area .table_type01 th:last-child {border-right: 0;}
.table_area .table_type01 tr {height: 40px;}

.table_area .table_type01 td {border: 1px solid #dddddd; font-size: 13px;}
.table_area .table_type01 td:first-child {border-left:0;}
.table_area .table_type01 td:last-child {border-right:0;}
.table_area .table_type01 td {padding: 10px 13px; box-sizing: border-box; line-height: 1.5;}
.table_area .table_type01 th span {font-size: 15px; display: block; line-height: 1.5;}
.table_area .table_type01 td span {font-size: 15px; display: block;}
.table_area .table_type01 td span + span {margin-top:2px}

.tac {text-align: center;}
.fwb {font-weight: bold;}
.text-h {width: 100%;padding: 22px 0 10px 0;border-top: 1px solid #d9dadb;font-size: 18px;box-sizing: border-box;color: #0552a9;}


/*  210511 추가 */
.text-p {font-weight: bold; font-size: 15px; margin: 0;}

/*  210514 추가 */
.key_point_word {font-size: 20px;color: #0552a9; margin-top: -2px; display: inline-block !important; font-weight: normal; vertical-align: middle;}