@charset "utf-8";
/*======================= Maintenance =======================*/


/*========== 현대건설 투자정보 개선 프로젝트(18.06~18.07) ==========*/

/*===== common =====*/
.subText00 {font-size:14px; line-height:22px;}
.mt12 {margin-top:12px !important;}
.mt15 {margin-top:15px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.mb75 {margin-bottom:75px !important;}
.pr0 {padding-right:0 !important;}
.pt15 {padding-top:15px !important;}
.pt36 {padding-top:36px !important;}
.pt60 {padding-top:60px !important;}
.extBold {font-weight:800;}
.brBNone {border-bottom:0 !important;}
.psRel {position:relative;}
.psRel .btnCom {position:absolute; top:0; right:0; margin:0;}
.psRel .btnCom.vb {top:auto; bottom:0;}
.bgImg.ir05 {background-image: url(../../images/content/bg_ir_05.jpg);}
.bgImg.ir06 {background-image: url(../../images/content/bg_ir_06.jpg);}
.inBlock {display:inline-block;}
.vt {vertical-align:top;}
.ovHidden {overflow:hidden !important;}

/* refList */
.refList, .refList > li {position:relative; margin-top:13px; padding-left:15px !important; line-height:20px; color:#949494;}
ul.refList {padding-left:0 !important; line-height:normal;}
ul.refList:before {display:none;}
ul.refList > li {margin-top:3px;}
.refList:before, .refList > li:before {content:'※'; position:absolute; top:-1px; left:-1px;}

/* refContent */
.refContent, .refContent > li {position:relative; margin-top:13px; padding-left:15px !important; line-height:20px; color:#949494;}
ul.refContent {padding-left:0 !important; line-height:normal;}
ul.refContent:before {display:none;}
ul.refContent > li {margin-top:3px;}
.refContent:before, .refContent > li:before {content:'*'; position:absolute; top:-1px; left:-1px;}

/* dotList & dashList */
.dotList, .dotList > li, .dashList, .dashList > li {position:relative; margin-top:12px; padding-left:10px !important; line-height:20px;}
ul.dotList, ul.dashList {padding-left:0 !important; line-height:normal;}
ul.dotList:before, ul.dashList:before {display:none;}
ul.dotList > li, ul.dashList > li {margin-top:3px;}
td > ul.dotList > li:first-child, td > ul.dashList > li:first-child, td > ul.refList > li:first-child {margin-top:0;}
.dotList:before, .dotList > li:before {content:'·'; position:absolute; top:-1px; left:2px;}
.dashList:before, .dashList > li:before {content:'-'; position:absolute; top:-1px; left:2px;}

/* orderList */
.orderList > li {margin-top:3px;}
.orderList li li {padding-left:20px;}
.orderList .numWrap {display:table;}
.orderList .num, .orderList .num + span, .orderList .num + .cnt {display:table-cell; box-sizing:border-box;}
.orderList .num {padding-right:5px;}

/* table */
table.bold th, table.bold td, tr.bold th, tr.bold td, th.bold, td.bold {font-weight:600 !important;}
.boardList04.extend th, .boardList04.extend td {padding-left:20px; padding-right:20px; line-height:1.5;}
.boardList04.extend .trGroup > [colspan], .boardList04.extend .trGroup.type2:not(.last) > [colspan] {border-bottom:0 !important;}
.boardList04.extend .trGroup > [rowspan] + * {border-top:1px solid #898989 !important;}
.boardList04.extend .trGroup.type2 > [rowspan] + * {border-top:1px solid #ccc !important;}
.boardList04.extend .trGroup.type2:not(.last) > * {border-bottom:1px solid #ccc !important;}
.boardList04.extend .trGroup.type2 [rowspan] + * {border-top:1px solid #ccc !important;}
.boardList04.extend .trGroup.type2:not(.last) [rowspan] {border-bottom:1px solid #898989 !important;}
.boardList04.extend .trGroup.type2:not(.first) [rowspan][scope='rowgroup'] {border-right:1px solid #ccc !important;}
.boardList04.extend tr.fc07 > * {color:#008445 !important;}
.trH80 tbody tr {height:80px;}
.boardList04.extend .boardListLine02 th, .boardList04.extend .boardListLine02 td {background:none !important; border-left:0 !important; border-right:0 !important;}
.boardList04.extend.break tr > * {word-break:break-all;}
.boardList04.extend.sPd th, .boardList04.extend.sPd td {padding-left:5px !important; padding-right:5px !important;}
.boardList04.extend.sPd thead th {padding-top:3px !important; padding-bottom:4px !important; line-height:1.3;}
.boardList04.extend.sPd td.txtLeft {padding-left:15px !important;}
.boardList04.extend.border {border: 1px solid #898989 !important;}
.boardList04.extend.fs12 thead th {padding:6px 8px !important;}
.boardList04.extend.fs12 th, .boardList04.extend.fs12 td {padding:12px 8px !important; line-height:1.8;}
.boardList04.extend.fs12 td.pl20 {padding-left:20px !important;}

/* SUB LNB */
.lnbMove { position:fixed; top:220px;width:160px; clear:both;}
.lnbMove3 { position:fixed; top:120px;width:160px; clear:both;}
.lnbNoMove { position:absolute; top:440px;width:160px; clear:both;}

.issueWrap .lnbMove { position:fixed !important; top:220px !important;width:160px !important; clear:both !important;}
.issueWrap .lnbMove3 { position:fixed !important; top:120px !important;width:160px !important; clear:both !important;}
.issueWrap .lnbNoMove { position:absolute !important; top:440px;width:160px !important; clear:both !important;}

#lnb3 h2{ font-size:16px; color:#000; border-bottom:4px solid #000; width:86px; padding-bottom:16px;letter-spacing: -1px;}
#lnb3 ul { margin-top:16px; font-size:13px;}
#lnb3 ul li { }
#lnb3 ul li a { display:inline-block; color:#000; line-height:24px;font-weight:700; }
#lnb3 ul li a.on,
#lnb3 ul li a:hover { color:#25a449;}
/*#lnb3 ul li .depth {margin:0 0 16px 5px; padding:0;}
#lnb3 ul li .depth > li {margin-top:8px;}
#lnb3 ul li .depth > li > a {position:relative; display:inline-block; padding:0 0 0 7px; line-height:1.3; font-weight:700; background:none !important;}
#lnb3 ul li .depth > li > a:before {content:'-'; position:absolute; top:0; left:-1px;}*/
#lnb3 ul li ul {margin:0;padding:0 0 13px 6px;}
#lnb3 ul li ul li {margin-top:8px;}
#lnb3 ul li ul li a {display:block;padding:0 0 0 7px;background:url(../../images/issue/bul_cate_off.gif) no-repeat 0 7px;font-size:13px;color:#000;line-height:1.3;font-weight:normal}
#lnb3 ul li ul li a:hover,
#lnb3 ul li ul li a:active,
#lnb3 ul li ul li a:focus,
#lnb3 ul li ul li a.on {background:url(../../images/issue/bul_cate_on.gif) no-repeat 0 7px;color:#25a449;}
#lnb3 ul li ul li a.on {font-weight:700;}

/* commonList */ 
.commonList .rightArea .subText00.first, .commonList .rightArea .subText01.first {margin-top:-4px !important;}
.commonList .rightArea .dotList.first {margin-top:-3px !important;}

/* irGovTab */
.tabWrap .tabTit.irGovTab01_1 a, .tabWrap .tabTit.irGovTab01_3 a, .tabWrap .tabTit.irGovTab01_5 a, .tabWrap .tabTit.irGovTab01_6 a {width:120px; min-width:0; box-sizing:border-box;}
.tabWrap .tabTit.irGovTab01_2 a {width:118px; min-width:0; box-sizing:border-box;}
.tabWrap .tabTit.irGovTab01_4 a, .tabWrap .tabTit.irGovTab01_7 a {width:119px; min-width:0; box-sizing:border-box;}
.tabWrap .tabTit.irGovTab01_2 {left:119px;}
.tabWrap .tabTit.irGovTab01_3 {left:236px;}
.tabWrap .tabTit.irGovTab01_4 {left:355px;}
.tabWrap .tabTit.irGovTab01_5 {left:473px;}
.tabWrap .tabTit.irGovTab01_6 {left:592px;}
.tabWrap .tabTit.irGovTab01_7 {left:711px;}
/* peopleTab */
.tabWrap .peopleTab04 a, .tabWrap .peopleTab05 a, .tabWrap .peopleTab06 a {min-width:107px;}
.tabWrap .peopleTab04 {left:450px;}
.tabWrap .peopleTab05 {left:600px;}
.tabWrap .peopleTab06 {left:750px;}
/* advisoryTab */
.tabWrap .advisoryTab01 a {min-width:116px; box-sizing:border-box;}
.tabWrap .advisoryTab02 a {min-width:158px; box-sizing:border-box;}
.tabWrap .advisoryTab03 a {min-width:210px; box-sizing:border-box;}
.tabWrap .advisoryTab04 a {min-width:170px; box-sizing:border-box;}
.tabWrap .advisoryTab02 {left:115px;}
.tabWrap .advisoryTab03 {left:272px;}
.tabWrap .advisoryTab04 {left:481px;}
.tabWrap.tabWrap02.yearsTab .active .tabCont, .tabWrap.uiAct.yearsTab .on .tabCont {padding-top:60px !important;}
/* new tab script */
.tabWrap.uiAct > .tabCommon > .tabCont {visibility:hidden;position:absolute;display:block;height:0;opacity:0;}
.tabWrap.uiAct > .tabCommon.on > .tabCont {visibility:visible;position:static;height:auto;padding-top:78px;opacity:1;}
.tabWrap.uiAct > .tabCommon > .tabCont .tabInCont { visibility:inherit; position:static; padding-top:0;} 
.tabWrap.uiAct > .tabCommon.on > .tabTit a,
.tabWrap.uiAct > ul.tabTit > li.on > a {background-color:#004a80; color:#fff;}
/* 2depth tab */
.tabWrap.depth > .tabCommon.on > .tabTit a,
.tabWrap.depth > .tabCommon > .tabTit a:hover,
.tabWrap.depth > .tabCommon > .tabTit a:focus {background-color:#97a7b4 !important;}
/* var tab */
.tabWrap.var .varTab01, .tabWrap.var .varTab02, .tabWrap.var .varTab03, .tabWrap.var .varTab04 {width:50px;}
.tabWrap.var > .tabCommon > .tabTit.varTab01 a, .tabWrap.var > .tabCommon > .tabTit.varTab02 a, .tabWrap.var > .tabCommon > .tabTit.varTab03 a, .tabWrap.var > .tabCommon > .tabTit.varTab04 a {position:relative; padding:0; min-width:0; background:none; color:#333; border:0; text-align:center; line-height:1;}
.tabWrap.var > .tabCommon > .tabTit.varTab02 a:before, .tabWrap.var > .tabCommon > .tabTit.varTab03 a:before, .tabWrap.var > .tabCommon > .tabTit.varTab04 a:before {content:''; position:absolute; top:0; bottom:0; left:0; border-left:1px solid #ccc;}
.tabWrap.var > .tabCommon.on > .tabTit.varTab01 a, .tabWrap.var > .tabCommon.on > .tabTit.varTab02 a, .tabWrap.var > .tabCommon.on > .tabTit.varTab03 a, .tabWrap.var > .tabCommon.on > .tabTit.varTab04 a, .tabWrap.var > .tabCommon > .tabTit.varTab01 a:hover, .tabWrap.var > .tabCommon > .tabTit.varTab02 a:hover, .tabWrap.var > .tabCommon > .tabTit.varTab03 a:hover, .tabWrap.var > .tabCommon > .tabTit.varTab04 a:hover {color:#004a80;}
.tabWrap.var .varTab02 {left:50px;}
.tabWrap.var .varTab03 {left:100px;}
.tabWrap.var .varTab04 {left:150px;}
/* yearsTab */
.tabWrap.yearsTab .peopleTab01 a, .tabWrap.yearsTab .peopleTab02 a, .tabWrap.yearsTab .peopleTab03 a, .tabWrap.yearsTab .peopleTab04 a {min-width:76px;}
.tabWrap.yearsTab .peopleTab02 {left:119px;}
.tabWrap.yearsTab .peopleTab03 {left:238px;}
.tabWrap.yearsTab .peopleTab04 {left:357px;}
.tabWrap.yearsTab .peopleTab05 {left:476px;}
/* tab list */
.tabWrap ul.tabTit {right:0; background:#fff;}
.tabWrap ul.tabTit:after {content:''; clear:both; display:block;}
.tabWrap ul.tabTit > li {float:left; margin-left:-1px; width:119px;}
.tabWrap ul.tabTit > li:first-child {margin-left:0; width:121px;}
.tabWrap ul.tabTit > li > a {min-width:0 !important; vertical-align:top; box-sizing:border-box;}
.tabWrap.fixAct ul.tabTit {position:fixed; top:50px; left:50%; margin-left:-330px; width:830px;}
.tabWrap.fixAct .tabCont {padding-top:126px !important;}

/* irGovPolicy */
.irGovPolicy {display:block; overflow:hidden; font-size:14px; color:#555; line-height:20px;}
.irGovPolicy h6 {font-size:18px; margin-bottom:30px;}
.irGovPolicy dt {margin-bottom:5px; font-weight:bold;}
.irGovPolicy dd {margin-bottom:20px;}
.irGovPolicy ol {display:block; overflow:hidden;}
.irGovPolicy li {margin:10px 0; display:block; border:0px;}
.irGovPolicy h6.etc {margin-bottom:10px;}
.irGovPolicy .etcTxt {margin-bottom:30px;}
.irGovPolicy ul.etcTxt li {padding-left:0px;}
.irGovPolicy ul.etcTxt li p {padding:10px 0 0 10px;}

/* whiteBox */
.whiteBox {display:table; width:100%; border:1px solid #c4c4c4; box-sizing:border-box;}
.whiteBox > [class^='box'] {position:relative; display:table-cell; height:200px; border-left:1px solid #c4c4c4; box-sizing:border-box;}
.whiteBox > [class^='box']:first-child {border-left:0;}
.whiteBox.div2 > [class^='box'] {width:50%;}
.whiteBox.div3 > [class^='box'] {width:33.33333%;}
.whiteBox > [class^='box'] img {max-width:100%;}
/* option */
.whiteBox .boxGraph > .tit {position:absolute; top:0; left:0; right:0; padding:18px; font-size:14px; color:#555; z-index:1;}
.whiteBox .boxGraph > .graph {text-align:center;}
.whiteBox .boxGraph.txtLeft > .graph {text-align:left !important;}
.boxGraph .stockTxt{position:absolute;right:35px;bottom:53px;z-index:1;text-align:right;color:#555;}
.boxGraph .stockTxt dt{font-size:16px;margin-bottom:-2px;font-weight:700;}
.boxGraph .stockTxt dt.space {margin-top:10px;}
.boxGraph .stockTxt dd em{display:inline-block;font-size:40px;font-weight:700;text-align:right;letter-spacing:-1px;}
.boxGraph .stockTxt dd span{display:inline-block;font-size:16px;vertical-align:bottom;margin-bottom:10px;}
.boxGraph .descList > li {display:table; width:100%;}
.boxGraph .descList > li > .tit, .boxGraph .descList > li > .txt {display:table-cell;}
.boxGraph .descList > li [class^='grapIco'] {display:inline-block; vertical-align:middle;}
.boxGraph .descList > li .grapIco.bg01 {background:#549bb5;}
.boxGraph .descList > li .grapIco.bg02 {background:#185aaa;}
.boxGraph .descList > li .grapIco.bg03 {background:#38af59;}
.boxGraph .descList > li .grapIco.bg04 {background:#248f42;}
.boxGraph .descList > li .grapIco.bg05 {background:#004a80;}
.boxGraph .descList > li .grapIco.bg06 {background:#11a4db;}
.boxGraph .descList > li .grapIco.bg07 {background:#0e822f;}
.boxGraph .descList > li .grapIco.bg08 {background:#4b6f8e;}
.boxGraph .descList > li .grapIco.bullet01 {width:24px !important; height:20px !important; background:url(../../images/temp/ico_graph_bullet1.png) no-repeat 0 0;}
.boxGraph .descList > li .grapIco.bullet02 {width:24px !important; height:20px !important; background:url(../../images/temp/ico_graph_bullet2.png) no-repeat 0 0;}
.boxGraph .descList > li .grapIco.bullet03 {width:24px !important; height:20px !important; background:url(../../images/temp/ico_graph_bullet3.png) no-repeat 0 0;}
.boxGraph .descList > li .grapIco.bullet04 {width:24px !important; height:20px !important; background:url(../../images/temp/ico_graph_bullet4.png) no-repeat 0 0;}
.boxGraph .descList > li .grapIco.bullet05 {width:24px !important; height:20px !important; background:url(../../images/temp/ico_graph_bullet5.png) no-repeat 0 0;}
.boxGraph .descList.inline:after {content:''; clear:both; display:block;}
.boxGraph .descList.inline > li {float:left; width: auto;}
/* case by case */
.whiteBox.stock100 {height:359px;}
.whiteBox.stock200 {height:401px;}
.whiteBox.stock200 .descList {position:absolute; top:135px; right:40px; width:312px; font-size:19px; font-weight:700;}
.whiteBox.stock200 .descList > li {margin-top:16px;}
.whiteBox.stock200 .descList > li:first-child {margin-top:0;}
.whiteBox.stock200 .descList > li .grapIco {width:19px; height:20px; margin-top:-2px; margin-right:14px;}
.whiteBox[class*='stock300'] .boxGraph > .tit {padding:24px;}
.whiteBox[class*='stock300'] .descList {position:absolute; top:22px; right:24px;}
.whiteBox[class*='stock300'] .descList > li {margin-left:21px;}
.whiteBox[class*='stock300'] .descList > li .grapIco {width:18px; height:18px; margin-top:-2px; margin-right:4px;}
.whiteBox.stock300_1 {height:320px;}
.whiteBox.stock300_2 {height:371px;}
.whiteBox.financial100_1 {height:370px;}
.financial100_1_graph {width:274px; height:280px; position:absolute; top:70px;}
.whiteBox.financial100_2 {height:398px;}
.financial100_2_graph {width:413px; height:310px; position:absolute; top:70px;}
.whiteBox.financial200_1 {height:467px;}
.whiteBox[class*='financial200'] .boxGraph > .tit {padding:24px;}
.whiteBox[class*='financial200'] .descList {position:absolute; top:22px; right:24px;}
.whiteBox[class*='financial200'] .descList > li {margin-left:21px;}
.whiteBox[class*='financial200'] .descList > li .grapIco {width:18px; height:18px; margin-top:-2px; margin-right:4px;}
.whiteBox.financial200_2a, .whiteBox.financial200_2b, .whiteBox.financial200_2c, .whiteBox.financial200_2d {height:482px;}
.whiteBox.financial200_3, .whiteBox.financial200_4a, .whiteBox.financial200_4b {height:467px;}

/* infoDiv */
.infoDiv {margin:-10px -5px 0 -5px; font-size:0;}
.infoDiv > * {display:inline-block; margin-top:10px; padding:0 5px; box-sizing:border-box; vertical-align:top; font-size:14px;}
.infoDiv.div2 > * {width:50%;}
.infoDiv.div3 > * {width:33.3%;}
.defineList dt > span, .defineList dd > span {display:table-cell; box-sizing:border-box;}
.defineList.director {margin-bottom:20px;}
.defineList.director dt > span {display:block; !important; margin:10px 0 5px 0; font-size:18px; line-height:24px; font-weight:600;}
.defineList.director dt > img {max-width:100%;}
.defineList.director dd {font-size:13px; line-height:20px;}
.defineList.director dd > span:first-child {padding-right:2px;}
.defineList.director dd > span:first-child {padding-right:2px;}

/* pie chart */
.stock100.pieChartOuter {height:357px;position:relative;overflow:hidden;}
.stock100.pieChartInner {width:430px; height:390px; position:absolute; top:0px; left:10px;}
.stock200.pieChartOuter {width:828px; height:399px; position:relative;overflow:hidden;}
.stock200.pieChartInner {width:455px; height:415px; position:absolute; top:-10px; left:0px;}
.stock300.pieChartOuter {width:413px; height:300px; padding-top:70px;}
.Financial200.pieChartOuter {height:450px;}

/* tab */
.peopleTab01 {letter-spacing:normal !important;}
.peopleTab02 {letter-spacing:normal !important;}
.peopleTab03 {letter-spacing:normal !important;}