@charset "UTF-8";

/*
* Creat : 손상만
* Creat Date : 2017-05-08
* Last Update :2017-05-21
* Ver : 1.0
*/

/* 공통 */
.mainContent {padding-bottom:110px;}
.titMain01 {color:#323232; font-size:22px; padding-bottom:18px;font-weight:700;}
.titMain01 span {display:inline-block; padding-bottom:15px;position:relative;font-weight:700;}
.titMain01 span:before{content:"";width:27px;height:2px;position:absolute;bottom:0px;left:0px;background:#000;}
.titMain01 strong{font-weight:normal;font-size:18px;display:block;margin-top:11px;}
.titMain01 a {color:#323232;}

/* 컨텐츠 */
.mainVisual {position:relative; height:526px; overflow:hidden;}
.mainVisual > ul{overflow:hidden;height:526px;}
.mainVisual > ul > li{height:526px;float:left;width:100%;}
.mainVisual > ul > li > a{height:526px;display:block;}
.js-mainControl{bottom:143px;margin-left:-520px;}

.mainContent .content {position:relative; top:-61px; width:100%; padding:0; z-index:4;}
.mainTabs {padding-bottom:87px; margin:0 auto; width:1100px;}
.mainTabs ul {overflow:hidden;}
.mainTabs ul li {float:left;width:25%;background:#aa1722}
.mainTabs ul li a {height:122px;padding:11px 0 21px;display:block;box-sizing:border-box;color:#fff; font-size:17px;}
.mainTabs ul li a span {display:block;line-height:90px;border-left:1px solid #c25860;padding-left:148px;}
.mainTabs ul li:first-child a span{border-left:none;}
.mainTabs ul li.list1 a span{background:url(/resources/img/holdings/main/bg_main_tab_icon1.png) no-repeat 50px center}
.mainTabs ul li.list2 a span{background:url(/resources/img/holdings/main/bg_main_tab_icon2.png) no-repeat 50px center}
.mainTabs ul li.list3 a span{background:url(/resources/img/holdings/main/bg_main_tab_icon3.png) no-repeat 50px center}
.mainTabs ul li.list4 a span{background:url(/resources/img/holdings/main/bg_main_tab_icon4.png) no-repeat 50px center}

.secCont1 {overflow:hidden; margin:0 auto 68px; width:1100px;}
.secCont1 > div{width:50%;overflow:hidden;box-sizing:border-box;height:248px;}

/* News, CSR */
.bbsList{float:left;width:50%;height:200px;}
.bbsList > div{height:200px;position:relative}
.bbsList ul {overflow:hidden;height:200px;}
.bbsList ul li {float:left;}
.bbsList ul li a {display:block;}
.bbsList ul li strong {display:block;font-size:18px; color:#000; font-weight:normal; padding-bottom:24px;overflow:hidden;width:99%; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.bbsList ul li strong span {color:#7c5327;}
.bbsList ul li .cont {font-size:14px; line-height:22px; padding-top:18px; height:44px;display:block;}
.bbsList ul li .date {font-size:14px; color:#222; display:block; padding-bottom:10px; border-bottom:1px solid #ecedee;}
.bbsList .btnBox {position:absolute; right:0px; bottom:0;}
.bbsList .btnBox .gubun {float:left; width:1px; height:14px;}
.bbsList .btnBox > button{float:left; width:36px; height:42px; background:url(/resources/img/ildong/main/bg_gubun01.gif) no-repeat left center; }
.bbsList .btnBox > button:first-child{background:none;}
.bbsList .btnBox > button span{background:url(/resources/img/common/btn_prev.png) no-repeat center center;overflow:hidden;padding:14px;text-indent:-999em;width:8px;height:14px;display:block;}
.bbsList .btnBox .btnNext span{background-image:url(/resources/img/common/btn_next.png)}
.newsBox{padding-right:40px;}
.csrBox{padding-left:40px;border-left:1px solid #f3f3f3; background:url(/resources/img/holdings/main/bg_csr.jpg) no-repeat right 0;}
.csrBox .js-csrRolling {width:300px;}
.csrBox.bbsList .btnBox {right:auto;left:0;}

.secCont2{overflow:hidden;min-width:1100px}
.secCont2 > div{width:50%;overflow:hidden;padding-top:57px;box-sizing:border-box;height:248px;box-sizing:border-box}
.secCont2 .left{background:url(/resources/img/holdings/main/bg_section.gif);float:left}
.secCont2 .right{background:#F5F6F8;float:left}
/* ILDONG MALL */
.secCont2 .right .mallBox{height: 183px;background:url(/resources/img/holdings/main/bg_secCont4_2.jpg) no-repeat 187px 0; padding-left:33px; box-sizing:border-box;}
.secCont2 .right .mallBox .titMain01 strong {font-size:15px; color:#9b9b9b; line-height:23px; margin-top:20px;}

.secCont2 .titMain01{float:left;}
.secCont2 .titMain01 strong {display:block;font-size:18px; font-weight:normal;padding-top:11px;}
.finaInfo {float:right;width:550px;position:relative;overflow:hidden;padding-right:60px;box-sizing:border-box;}
.finaInfo ul {float:right;width:245px;}
.finaInfo ul li {line-height:32px; width:196px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.finaInfo ul li a {font-size:14px;}
.finaInfo ul li a:hover {color:#000;}
.stockInfo {float:left;width:550px;position:relative;padding:0 60px 0 40px;box-sizing:border-box;}
.stockInfo .info {float:right;width:230px;text-align:center;}
.stockInfo .info .sum {color:#000; font-size:62px; line-height:48px;}
.stockInfo .info span {display:block; color:#be181e; font-size:20px; line-height:48px; padding-top:4px;}
.stockInfo .info span > em {font-style:normal; display:inline-block;}
.stockInfo .info span > em > em {padding-left:16px;}
.stockInfo .info .up > em {padding-left:32px; background:url(/resources/img/holdings/main/bg_stock_up.png) no-repeat 0 center;}
.stockInfo .info .down {color:#2478ff;}
.stockInfo .info .down > em {padding-left:32px; background:url(/resources/img/holdings/main/bg_stock_down.png) no-repeat 0 center;}
.stockInfo .info .date {border-top:1px solid #d1d2d4; border-bottom:1px solid #d1d2d4; height:24px; line-height:24px; font-size:14px; color:#000; margin-top:12px;}

.secCont3 {overflow:hidden; margin:98px auto 0; width:1100px;}
.recruitInfo {float:left; width:549px; height:250px; position:relative; border-right:1px solid #f3f3f3;}
.recruitInfo .titMain01 strong {display:block; font-size:18px; font-weight:normal; padding-top:11px;}
.recruitInfo > a {display:block; height:250px; background:url(/resources/img/holdings/main/bg_recru.png) no-repeat right 0;}
.groupInfo {float:left; width:510px; min-height:250px; position:relative; margin-left:40px; background:url(/resources/img/holdings/main/bg_groupInfo.png) no-repeat right 0;}
.groupInfo .titMain01 strong {display:block; font-size:18px; font-weight:normal; padding-top:11px;}
.groupInfo ul {overflow:hidden; width:265px;}
.groupInfo ul li {float:left; width:115px;}
.groupInfo ul li a {display:block;font-size:16px; line-height:48px; border-bottom:1px solid  #dfdfdf; background:url(/resources/img/common/bul_arrow.png) no-repeat right center;}
.groupInfo ul li.even{float:right;}




/* ***** lang(en) ***** */

html:lang(en) .mainTabs ul li.list3 a span {line-height:20px; padding-top:30px; padding-bottom:30px;}
html:lang(en) .mainTabs ul li.list4 a span {background-image:url(/resources/img/holdings/main/bg_main_tab_icon4_en.png);}

html:lang(en) .newsBox .js-newsRolling {font-weight:normal; letter-spacing:normal;}
html:lang(en) .csrBox .js-csrRolling {font-weight:normal; letter-spacing:normal;}

.secCont1 .left {float:left;}
.companyInfo {float:right;width:550px;position:relative;padding-right:40px;box-sizing:border-box;}
.companyInfo > a {display:block; width:100%; height:100%;background:url(/resources/img/holdings/main/bg_companyInfo.png) no-repeat right bottom; min-height:248px;}

.secCont4{overflow:hidden;min-width:1100px}
.secCont4 > div{width:50%;overflow:hidden;}
.secCont4 .left{background:#eeeff1;float:left}
.secCont4 .right{float:left}
html:lang(en) .secCont4 .groupInfo {padding-top:30px;}
.InvestorInfor {float:right;width:550px;position:relative;padding-right:86px;box-sizing:border-box;}
.InvestorInfor > a {display:block; width:100%; height:100%;background:url(/resources/img/holdings/main/bg_InvestorInfor.png) no-repeat right bottom; padding-top:30px; min-height:220px;}

.secCont5 {overflow:hidden; margin:98px auto 0; width:1100px;}
.secCont5 > div{width:50%;overflow:hidden;box-sizing:border-box;}
.secCont5 .left{float:left;}
.secCont5 .right{float:right;border-left:1px solid #f3f3f3;}
.secLocation {float:left;width:550px;position:relative;padding-right:40px;box-sizing:border-box;}
.secLocation > a {display:block; width:100%; height:100%;background:url(/resources/img/holdings/main/bg_secLocation.jpg) no-repeat right bottom; min-height:180px;}
.secCustomers {float:right;width:550px;position:relative;padding-left:40px;box-sizing:border-box;}
.secCustomers > a {display:block; width:100%; height:100%;background:url(/resources/img/holdings/main/bg_secCustomers.jpg) no-repeat right bottom; min-height:180px;}