@charset "utf-8";

 /*기술공모*/
 .nidea1 i{background-image: url(/common/img/tech/nidea1.png); height:26.3rem; width:100%; background-size:contain; background-repeat: no-repeat; background-position: bottom center;}
 .nidea2 i{background-image: url(/common/img/tech/nida2.png); height:26.3rem; width:100%; background-size:contain; background-repeat: no-repeat; background-position: bottom center;}


 .nidea-content1{margin-top:8rem;}
 .nidea1-step{margin-top:4rem; margin-bottom:5rem;}
 .nidea1-step ul{display:flex;}
 .nidea1-step ul li{width:25%;  background-image: url(/common/img/icon-next.png); background-position:center right 25%; background-size:auto; background-repeat: no-repeat;}
 .nidea1-step ul li:last-child{background-image: none;}
 .nidea1-step ul li > span{font-size:1.2rem; font-weight:700; color:#01A251; }
 .nidea1-step ul li p{font-size:2.4rem; }
 .nidea1-step ul li p span{font-size:1.6rem; display:block; line-height:2.4rem;}
 .nidea1-step ul li i{ width:7rem; height:7rem; display:block; margin-top:0.8rem; margin-bottom:1.3rem; background-size:contain; background-position: center; background-repeat: no-repeat; }
 .n-icon-step1{background-image: url(/common/img/tech/n-icon-step1.svg);}
 .n-icon-step2{background-image: url(/common/img/tech/n-icon-step2.svg);}
 .n-icon-step3{background-image: url(/common/img/tech/n-icon-step3.svg);}
 .n-icon-step4{background-image: url(/common/img/tech/n-icon-step4.svg);}
 .n-icon-step5{background-image: url(/common/img/tech/n-icon-step5.svg);}
 .n-icon-step6{background-image: url(/common/img/tech/n-icon-step6.svg);}
 .nidea-tel{display:flex; margin-bottom:6rem; margin-top:2rem;}
 .nidea-tel span{display:block; margin-bottom:1rem;}
 .nidea-tel span::after{content:""; width:0.2rem; height:1rem; background-color: #f1f1f1; margin-left:2rem; margin-right:2rem; display:inline-block;}
 .nidea-tel span:last-child::after{content:none;}

 .nidea-btn-group{margin-bottom:5rem;}
 .nidea-btn-group p strong{color:#01A251;}
 .nidea-btn-group a{margin-right:1rem;}
 .nidea-btn-group-mtext{margin-bottom:5rem; display:none;}
 .nidea-btn-group-mtext p strong{color:#01A251;}

 .nidea-content2{margin-top:4rem; margin-bottom:15rem; }
 .nidea-content2 ul{border-top:1px solid #ccc;}
 .nidea-content2 ul ul{border-top:0; margin-top:1rem; margin-bottom:2rem;}
 .nidea-content2 ul > li{border-bottom:1px solid #ccc; padding-top:4rem; padding-bottom:4rem; }
 .nidea-content2 ul > li:last-child{border-bottom:0;}
 .nidea-content2 ul > li li{border-bottom:0; padding-top:0; padding-bottom:0;}
 .nidea-content2 ul > li li li{ margin-bottom:0; font-size:1.6rem;}
 .nidea-content2 ul > li > dl{display:flex; margin-bottom:1rem; width:100%;}
 .nidea-content2 ul > li > dl:last-child{margin-bottom:0;}
 .nidea-content2 ul > li > dl dt{position:relative; width:20%}
 .nidea-content2 ul > li > dl dd{width:80%; }
 .nidea-content2 ul > li > dl dt::after{content:""; display:inline-block;  width:0.1rem; height:1.5rem; background-color: #ccc; margin-left:5rem; margin-right:5rem;}

 .nidea-content-count{}
 .nidea-content-count li{margin-bottom:4rem;}
 .nidea-content-count li:last-child{margin-bottom:0;}
 .nidea-content-count li h4{margin-bottom:1rem; }

 .nidea-content-inner{width:100%; display:flex; justify-content: space-between;}
 .nidea-content-inner .sup{ font-size:1.3rem;}
 .nidea-content-inner > div + div ul{margin-bottom:1rem;}

 .nidea-content2 ul > li:nth-child(3) li,
 .nidea-content2 ul > li:nth-child(4) li{padding:0; margin-bottom:0;}
 .nidea-content2 ul > li:nth-child(3) li h4,
 .nidea-content2 ul > li:nth-child(4) li h4{font-weight:400;}
 .nidea-content2 ul > li:nth-child(3) li ul,
 .nidea-content2 ul > li:nth-child(4) li ul{margin-bottom:0;}


 .nidea2-content{padding-bottom:4rem;margin-bottom:4rem;}




 /*이사회*/

 .director-list{margin-top:3rem;}
 .row-warp:last-child .director-list li:last-child{border-bottom:0; margin-bottom:0;}
 .director-list li{border-bottom:1px solid #ccc; display:flex; column-gap: 5rem;  margin-bottom:5rem;   align-items: flex-end;}
 .director-list .director-contents{width:87rem; margin-bottom:0.5rem;}
 .director-list .director-contents .career{position:relative; display:flex;flex-wrap: wrap; column-gap: 5rem; margin-top:1.5rem;}
 .director-list .director-contents .career dl{display:flex; margin-bottom:1rem; }
 .director-list .director-contents .career dl:nth-child(1),
 .director-list .director-contents .career dl:nth-child(3){width:31rem;}
 #en .director-list .director-contents .career dl:nth-child(1), #en .director-list .director-contents .career dl:nth-child(3){width:100%;}
 .director-list .director-contents .career dl dt{border-right:1px solid #ccc; min-width:7rem;}
 #en .director-list .director-contents .career dl dt{width:20rem;}
 #en .director-list .director-contents .career{display:block;}
 .director-list .director-contents .career dl dd{padding-left:2rem; width:100%;}
 .director-list .director-contents .career dl dt,
 .director-list .director-contents .career dl dd{color:#333; font-size:1.6rem; display:block; line-height: initial;}
 .director-list .director-contents .director-name p,
 .director-list .director-contents .director-name span{color:#000; font-size:2rem; line-height: 2.4rem; letter-spacing: -0.1rem;; }
 .director-list .director-contents .director-name p{font-weight:700;  }
 .director-list .director-contents .director-name p{font-weight:300;  }
 .director-list .director-contents .director-name span{font-weight:400; }

 /*이사회 사진*/
 .director-img i{width:19rem; height:14rem; background-size:contain; background-repeat: no-repeat; background-position: bottom center;}
 .director1{background-image: url(/common/img/invest/01.png);}
 .director2{background-image: url(/common/img/invest/02.png);}
 .director3{background-image: url(/common/img/invest/03.png);} 
 .director4{background-image: url(/common/img/invest/04.png);}
 .director5{background-image: url(/common/img/invest/05.png);}
 .director6{background-image: url(/common/img/invest/06.png);}
 .director7{background-image: url(/common/img/invest/07.png);}
 .director8{background-image: url(/common/img/invest/08.png);}

 /*이사회 활동 내욕*/
 .inv-live{}
 .inv-live dl{display:flex; justify-content: space-between; margin-bottom:1.5rem;  }
 .inv-live dl:lang(en){display:flex; justify-content: space-between; margin-bottom:0.8rem;  }
 .inv-live dl:last-child{margin-bottom:0;}
 .inv-live dl dt{font-size:1.8rem; color:#333; letter-spacing: -0.1rem; max-width:90%;}
 .inv-live dl dt:lang(en){ letter-spacing:0;}
 .inv-live dl dd{color:#01A251; font-size:1.6rem; width:10%; text-align:right; font-weight:700;}


 /*차트*/
 .chart-warp{display:flex;justify-content: space-between; }
 .chart-warp.chart-one {border:1px solid #ccc;}
 .chart-warp.chart-one .chart-box .chart-inner{border:0; padding:0rem; min-height:32rem; } 
 .chart-warp .chart-box{width:100%;}
 .chart-warp .chart-box + .chart-box{margin-left:3rem; }
 .chart-warp .chart-box .chart-inner{border:1px solid #ccc; padding:3.8rem; min-height:25rem; }
 .chart-warp .chart-box .chart-inner > div{justify-content: space-between;}
 .chart-item{position:relative; height:35rem;}
 .chart-item-contribute{ height:50rem;}
 .chart-warp .chart-box .chart-inner h4{text-align:center; font-size:1.6rem; color:#333; margin-bottom:4rem;}
 
 
 .chart-text{display:flex; align-items:center; margin-left: 10rem; }
 .chart-text dl{}
 .chart-text dl dt{font-size:2rem; color:#333;text-align:right; margin-bottom:1rem; letter-spacing: -0.1rem;}
 .chart-text dl dd{text-align:right; margin-bottom:2rem;}
 .chart-text dl dd p,
 .chart-text dl dd{ color:#01A251; font-size:3rem; font-weight:300;}
 .chart-text dl dd em,
 .chart-text dl dd span{font-size:1.4rem; color:#333; font-weight:400; display:inline-block;}
 .chart-text dl dd span{display:block;}
 .chart-text dl dd:last-child{margin-bottom:0;}
 .pai-cart{min-height:33rem;}
 
 @media only all and (max-width: 714px)
 {
    .chart-item{height:40rem;}    
 }
 @media only all and (max-width: 714px)
 {
    .chart-item-environ{height:40rem !important;}    
 }
 @media only all and (max-width: 1040px)
 {
    .chart-item-contribute{ height:70rem;}
 }



 /*프로젝트 키비쥬얼 아이콘*/
 /*.key-visual i{ bottom:3.5rem; z-index:4; left:0; position: absolute;  display:block; background-repeat: no-repeat;}*/
 .key-visual i{position:relative; background-size:contain; display:block;  z-index:4; width:100%; background-repeat: no-repeat;background-position: center; margin-bottom:-1.5rem;}
 .infrastructure{background-image: url(/common/img/projects/infrastructure.svg);width:20rem;height:12.9rem;}
 .buld{background-image: url(/common/img/projects/buld.svg);width:11.6rem;height:12.9rem;}
 .housing{background-image: url(/common/img/projects/housing.svg);width:11.6rem;height:12.9rem;}
 .plant{background-image: url(/common/img/projects/plant.svg);width:11.6rem;height:12.9rem;}
 .energy{background-image: url(/common/img/projects/energy.svg);width:11.6rem;height:12.9rem;}



     


 /*신용등급 이미지*/
 .credit{margin-top:5rem;} 
 .credit i{background-image: url(/common/img/invest/credit.png);width:109.5rem;height:17rem; background-size:contain; background-repeat: no-repeat; background-position: center;}


 /*전자공시 table 사이즈*/
 .table-body li .w-90 dt{width:80%;}
 .table-body li .w-90 dd{width:20%; justify-content: center;}

 .educationArea:lang(en){text-align:center; width:100%; height:1500px; overflow-x:scroll !important; overflow-y:hidden;}
 .educationArea{text-align:center; width:100%; height:900px; overflow-x:scroll !important; overflow-y:hidden;}
 .dart_iframe:lang(en){width: 820px; height:1500px; min-height:1500px;}
 .dart_iframe{width: 820px; height:900px; min-height:900px;}


 /*채용공고*/
 .career-step{margin-bottom:8rem;}
 .career-step ul{display:flex; flex-wrap: wrap; width:110rem; margin:0 auto; justify-content: space-between;}
 .career-step ul li{display:block; width:33.3%; padding:2rem; padding-top:4rem; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
 .career-step ul li dt em{color:#01A251; font-size:1.4rem; font-weight:700;}
 .career-step ul li dt span{margin-top:1rem; font-size:2.5rem;}
 .career-step ul li dd{margin-top:2.5rem; font-size:1.6rem; line-height:2.2rem;}
 .career-step ul li dd span{font-size:1.4rem; display:block;}
 .career-step ul li dd span::before{content:"※";  display:inline;}
 .career-step ul li:nth-child(4),
 .career-step ul li:nth-child(5),
 .career-step ul li:nth-child(6){border-bottom:0;}
 .career-step ul li:nth-child(3),
 .career-step ul li:nth-child(6){border-right:0;}
 .career-step ul li dt{display:flex; flex-wrap: wrap; justify-content: space-between;}
 .career-step ul li dt p em,
 .career-step ul li dt p span{display:block;}

 /*인재상*/
 .talent-content{margin-top:3rem;}
 .talent-content ul{display:flex; justify-content: space-between; }
 .talent-content ul li{width:28%; text-align: center;}
 .talent-content ul li div{display:flex; justify-content: center;}
 .talent-content ul li dl dt{font-size:2.4rem; margin-bottom:1.5rem; }
 .talent-content ul li dl dd{font-size:1.6rem; line-height:2.4rem;}
 .talent1 i,
 .talent2 i,
 .talent3 i,
 .talent4 i,
 .talent5 i,
 .talent6 i{width:20rem; height:20rem;  background-size:contain; background-repeat: no-repeat; background-position: center;}
 .talent1 i{background-image: url(/common/img/career/talent1.svg);}
 .talent2 i{background-image: url(/common/img/career/talent2.svg);}
 .talent3 i{background-image: url(/common/img/career/talent3.svg);}
 .talent4 i{background-image: url(/common/img/career/talent4.svg);}
 .talent5 i{background-image: url(/common/img/career/talent5.svg);}
 .talent6 i{background-image: url(/common/img/career/talent6.svg);}
 
 
 

 /*직무소개*/
 .inter_list{display:flex; flex-wrap: wrap; column-gap:2.5rem; justify-content: space-between;}
 .inter_list li{width:34.5rem; margin-bottom:5rem;}
 .inter_list li .thumbnail-w{width:35rem; height:24rem; overflow: hidden;}
 .inter_list li .thumbnail-w i{background-size: cover; height:100%; display:block; background-repeat: no-repeat; background-position: center;}
 .inter_list li dl{margin-top:4rem;}
 .inter_list li dl dt{font-size:1.8rem; font-weight: 700;}
 .inter_list li dl dt a,
 .inter_list li dl dd a{color:#000;}
 .inter_list li dl p.meta {margin-bottom:1.5rem; margin-top:0.5rem;}
 .inter_list li dl p span{font-size:1.4rem; color:#666;}
 .inter_list li dl p span::after{content:"ㆍ"; display:inline-block; }
 .inter_list li dl p span:last-child::after{content:none; }
 .inter_list li dl a p.content-text{font-size:1.6rem; line-height:2.4rem;}
 
 .inter_list li dl p.tag{color: #01A251; font-size:1.4rem; font-weight: 700;}

 /*이사제도 복리후생*/
 .benefit-content1{margin-top:4rem; display:flex; column-gap: 10rem; margin-bottom:4rem; justify-content:space-around;}
 .benefit-content1:lang(en){;justify-content: space-between;}
 .benefit-content2 {padding-bottom:4rem; margin-bottom:4rem;}
 .benefit-content2 dd{font-size:1.6rem; }
 .benefit-h h3{margin-bottom:2rem; }
 .benefit-content1 i,
 .benefit-content2 i{background-repeat: no-repeat; background-position: center; background-size:contain; display:block; }
 .benefit-content1 > div{width:40%;}
 .benefit-content1 > div:lang(en){width:100%;}
 

 .benefit-content1 > div,
 .benefit-content1 > div:nth-child(2) > div p{display:flex; }
 .benefit-content1 > div:nth-child(2){justify-content: space-between;}
 .benefit-content1 > div:nth-child(2) > div{display:block; }
 .benefit-content1 > div:nth-child(2) > div:lang(en){display:block; margin-right:4rem;width:100%;  }

 .benefit-content1 > div:nth-child(2) > div p.dott-icon{display:block;}
 .benefit-content1 > div:nth-child(2) > div p.dott-icon span{height:100%;}
 .benefit-content1 > div:nth-child(2) > div p.career-p{margin-top: 4rem; margin-left:2rem;}
 .benefit-content1 > div:nth-child(2) > div p.career-p span{display:block; height:5rem; font-size:2.4rem; line-height:3.4rem;}
 .benefit-content1 > div:nth-child(2) > div p.career-p span:first-child{border-right:1px solid #ccc; padding-right:4rem; margin-right:4rem;}
 .benefit-content1 .benefit1{background-image: url(/common/img/career/benefit1.svg); width:35.5rem; height:15.5rem;}
 .benefit-content1 .benefit2{background-image: url(/common/img/career/benefit2.svg); width:24.8rem; height:11.5rem; margin-top:28px;}
 .benefit-content2 .benefit3{background-image: url(/common/img/career/benefit3.svg); width:100%; height:30rem;}
 .benefit-content2 .benefit4{background-image: url(/common/img/career/benefit4.svg); background-position:left; width:100%; height:6rem;}
 
 .benefit-content2 .benefit3:lang(en){background-image: url(/common/img/career/benefit3-en.svg); width:100%; height:35rem;}
 .benefit-content2 .benefit4:lang(en){background-image: url(/common/img/career/benefit4-en.svg); width:100%; height:10.2rem; height:6rem;}
 
 .content2.flex-box{justify-content: space-between;}
 .content2.flex-box dl{width:49%;}
 .benefit-content2  dl dt{font-weight: 700; margin-bottom:2rem;}
 .benefit-content2  dl dt:lang(en){font-weight: 400; margin-bottom:2rem;}
 .content2.flex-box dl dd{line-height:2.4rem;margin-left:1.65rem;}
 .benefit-ul,
 .institute-ul{ display:flex; flex-wrap: wrap; margin-top:4rem;  }
 .benefit-ul.colum3 li,
 .institute-ul.colum3 li{width:33%;}
 
 .benefit-ul.colum2 li{width:50%;}
 .benefit-ul li,
 .institute-ul li{padding-left:2.5rem; padding-right:2.5rem; padding-bottom:2.5rem; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
 .institute-ul li{border-bottom:0; padding-bottom:5rem;}
 .benefit-ul li:last-child,
 .institute-ul li:last-child,
 .benefit-ul.colum2 li:nth-child(2),
 .benefit-ul.colum2 li:nth-child(4){border-right:0; padding-right:0;}
 .benefit-ul.colum2 li:nth-child(3),
 .benefit-ul.colum2 li:nth-child(4){border-bottom:0; padding-top:2.5rem;}
 .benefit-ul li i,
 .institute-ul li i{width:6rem; height:6rem;background-repeat: no-repeat; background-position: center; background-size:contain; display:block; }
 .institute-ul li i.inst2{background-image: url(/common/img/career/inst2.svg);}
 .institute-ul li i.inst3{background-image: url(/common/img/career/inst3.svg);}
 .institute-ul li i.inst4{background-image: url(/common/img/career/inst4.svg);}
 .benefit-ul li dl{margin-top:4rem;}
 .benefit-ul li dl dt,
 .institute-ul li dl dt{font-weight: 700; margin-bottom:1.5rem;}
 .benefit-ul li dl dt:lang(en),
 .institute-ul li dl dt:lang(en){font-weight: 400; margin-bottom:1.5rem;}

 .institute-ul li dl dt{display:flex; justify-content: space-between;}
 .institute-ul li dl dt p{display:block; }
 .institute-ul li dl dt p em{color:#01A251; display:block; margin-bottom:0.5rem; font-size:1.2rem; font-weight:700; }
 .institute-ul li dl dt p span{font-size:2.4rem; font-weight: 400;}
 .benefit-ul li dl dd,
 .institute-ul li dl dd{line-height:2.4rem; font-size:1.6rem; }
 .benefit-ul .benefit5{background-image: url(/common/img/career/benefit5.svg); }
 .benefit-ul .benefit6{background-image: url(/common/img/career/benefit6.svg); }
 .benefit-ul .benefit7{background-image: url(/common/img/career/benefit7.svg); }
 .benefit-ul .benefit8{background-image: url(/common/img/career/benefit8.svg); }
 .benefit-ul .benefit9{background-image: url(/common/img/career/benefit9.svg); }
 .benefit-ul .benefit10{background-image: url(/common/img/career/benefit10.svg); }
 .benefit-ul .benefit11{background-image: url(/common/img/career/benefit11.svg); }
 .benefit-ul .benefit12{background-image: url(/common/img/career/benefit12.svg); }
 .benefit-ul .benefit13{background-image: url(/common/img/career/benefit13.svg); }
 .benefit-ul .benefit14{background-image: url(/common/img/career/benefit14.svg); }

 .benefit-content3 dt:lang(en){font-weight:400;  margin-bottom:1rem;  margin-top:3.5rem;}
 .benefit-content3 dt{font-weight: 700; margin-top:3.5rem; margin-bottom:1rem;}
 .benefit-content3 dd,
 .benefit-content3 dd p,
 .benefit-content3 dd span{font-size:1.6rem; line-height:2.4rem;}

 /*기술교육원*/
 .naver_map a,
 .naver_map2 a{display:block;height:35.5rem;}
 .naver_map{height:35.5rem; width:100%; display:block; background-image: url(/common/img/career/naver_map.png); background-repeat: no-repeat; background-position: center; background-size:cover;}
 .naver_map2{height:35.5rem; width:100%; display:block; background-image: url(/common/img/company/naver_map2.png); background-repeat: no-repeat; background-position: center; background-size:cover;}
 .naver_map:lang(en){height:35.5rem; width:100%; display:block; background-image: url(/common/img/career/naver_map-en.png); background-repeat: no-repeat; background-position: center; background-size:cover;}
 .naver_map2:lang(en){height:35.5rem; width:100%; display:block; background-image: url(/common/img/company/naver_map2-en.png); background-repeat: no-repeat; background-position: center; background-size:cover;}
.institute-en .dl-content-style1 dt:lang(en){font-size:1.8rem; }

 .address-box{display:flex; flex-wrap: wrap; margin-top:8rem;  height:10rem; margin-bottom:5rem;     align-content: flex-start;}
 .address-box:lang(en){display:block; flex-wrap: wrap; height:100%; margin-top:5rem;  margin-bottom:5rem;     flex-direction: unset;    align-content: flex-start;}
 .address-box.w100{display:block; height:inherit; }
 .address-box.w100 dl{width:100%;}
 .address-box.w100 dl{line-height:2.4rem;}
 .address-box dl{width:50%; margin-bottom:0rem; display:flex; line-height:2.4rem; height:4.7rem;  justify-content: center;}
 .address-box dl:lang(en){margin-bottom:1rem;}
 .address-box dl:lang(en){display:flex; width:100%; height: 100%; justify-content: center;}
 .address-box dl dt:lang(en){width:10%; margin-bottom:0.5rem; font-weight:400;}
 .address-box.institute-map dl{justify-content: start;}
 .address-box.institute-map dl dt{width:23rem;}
 .address-box dl dt{width:9rem; font-weight: 700;}
 .address-box dl dt::before{content:"ㆍ"; display:inline-block; }
 .address-box dl dd{width:35rem;}
 .address-box dl dd:lang(en){padding-left:1.5rem; width:auto;}

 .inst1{height:27.2rem; width:100%; display:block; background-image: url(/common/img/career/inst1.png); background-repeat: no-repeat; background-position: center; background-size:auto;}
 .inst1:lang(en){height:27.2rem; width:100%; display:block; background-image: url(/common/img/career/inst1-en.png); background-repeat: no-repeat; background-position: center; background-size:auto;}



 /*채용질문*/
 .write-warp{border-bottom:1px solid #ccc; padding-bottom:3rem; margin-bottom:3rem;}
 .write-row{width: 110rem; margin:0 auto;}
 .write-row dl{display:flex; margin-bottom:1rem; overflow:hidden;}
 .write-row dl dt{width:20rem; display:flex; align-items: center; }
 .write-row dl dt.start{ align-items: start; padding-top:1rem;}
 .write-row dl dd{display:flex; flex-wrap: wrap;}
 .write-row dl dt label{ display:flex; align-items: center; }
 .write-row dl dd ol {margin-top:0.5rem; margin-bottom:0.5rem;}
 .write-row dl dd ol li{display:flex; margin-bottom:0.5rem; }
 .write-row dl dd ol li em{width:2rem;}
 .write-row dl dd ol li span,
 .write-row dl dd ol li em{display:block;font-size:1.6rem; color:#666;}
 /*.write-row dl .m-inline{margin-bottom:1rem;}*/
 .write-row dl.m-20{margin-bottom:2rem;}
 .write-row dl .m-inline input + span{margin-right:0.5rem;}
 .write-row dl dt label span{display:inline-block; letter-spacing: -0.1rem;}
 .write-row dl dt label::before{content:"";width:7px; height:7px; background-color: #01A251; border-radius: 10px; display: inline-block; margin-right:1rem;}
 .write-row dl.w100{width:100%;}
 .write-row dl dd,
 .write-row dl.w100 dd input{width:100%;}
 .write-row dl.w52 dd input{width:52.6rem;}
 .write-row dl.w25 dd input,
 .write-row dl dd select{width:25rem;font-size:1.6rem;}
 .insert-file{margin-top:1rem; margin-bottom:2rem; }
 .insert-file a{color:#01A251; font-size:1.4rem; text-decoration: underline; margin-left:1rem; margin-right:1rem;}
 .write-row dl dd input,
 .write-row dl dd select,
 .write-row dl dd textarea{border:1px solid #ccc; background-color:#fff; padding:1rem;}
 .write-row dl dd textarea{height:32rem; width:100%;font-family: "Kopub"; }
 .write-row dl dd span.point{color:#01A251; font-size:1.6rem; line-height:4.5rem;}
 .write-row dl dd span.point.error{color:#e60000;}
 .write-row dl dd span.point.ok{color:#000;}
 .write-row dl dd span.point{display:flex; align-items: center; }
 .write-row dl dd span.point::before{content:"";   background-image:url(/common/img/eye-icon.svg); width:1.9rem; height:1.5rem;background-position:center; display:flex; margin-right:0.5rem; margin-left:1rem; background-repeat: no-repeat; background-size: contain;}
 
 .write-row dl input::placeholder,
 .write-row dl textarea::placeholder{font-size:1.6rem; color:#585858;}
 .write-row dl dd select option{font-size:1.6rem; color:#585858; display:block}
 
 .write-row dl dd.radio-warp{display:flex;}
 .write-row dl dd.radio-warp label{margin-right:2rem; display:flex; align-items:center; }
 .write-row dl dd.radio-warp label input{width:auto; display:inline-block;}
 .write-row dl dd.radio-warp label span{display:inline-block; margin-left: 1rem;}
 .write-row dl dd select.w-50{width:52.6rem;}
 .write-row input[type='radio'],
 .write-row input[type='password'],
 .write-row input[type='text']{font-size:1.6rem; }
 .write-row input[type='radio']:checked {
   appearance: none;
   width: 0.5rem;
   height: 0.5rem;
   border-radius: 100%;
   margin-right: 0.5rem;
   margin-bottom: 0;
 }

 .write-row input[type='radio'] 
 {
     margin-bottom:0;
     border-radius: 100%;
   appearance: none;
   background-color: #fff;
   border: 1px solid #ccc;
    width: 0.5rem;   height: 0.5rem; padding:1rem;
 }
 .write-row input[type='radio']:checked {
   background-color: #01A251;
   border: 1px solid #fff;
    margin-right:1rem;
 }

 .filebox {
     display: flex;
     width:66%;
 }

 .filebox input[type='file'] {
     position: absolute;
     width: 1px;
     height: 1px;
     padding: 0;
     margin: -1px;
     overflow: hidden;
     clip: rect(0, 0, 0, 0);
     border: 0;
 }

 .filebox label ,
 .filebox label button{
     width: 20%;
     height: 4.5rem;
     display: flex;
     padding: 0.5em 0.75em;
     color: #999999;
     font-size: inherit;
     line-height: 1em;
     vertical-align: middle;
     background-color: #e8e8e8;
     cursor: pointer;
     border: 1px solid #ebebeb;
     border-color: #dddddd;
     border-left: 0;
     border-radius: 0 3px 3px 0;
     align-items: center;
     justify-content: center;
     font-size: 1.4rem;
 }

 .filebox button{background-color:#707070; color:#fff; font-size:1.4rem; bordeR:1px solid #ccc; border-left:0; padding-left:2rem; padding-right:2rem;}
 /* named upload */
 .filebox .upload-name {
     width: 70%;
     display: flex;
     padding: 0.5em 0.75em;
     height: 4.5rem;
    
     font-size: inherit;
     font-family: inherit;
     line-height: 1em;
     vertical-align: middle;
     -webkit-appearance: none;
     
     -moz-appearance: none;
     appearance: none;
     font-size: 1.4rem;
     margin-right: 0;
 }

 .password-warp{display:flex;}
 .password-btn{display:flex; align-items: center; }
 .password-btn a{display:block; font-size:1.6rem; color:#666;}
 .password-btn a:hover{color:#01A251;}
 .password-btn a.none::before{content:none;}
 .password-btn a::before{content:""; width:1px; height:1rem; background-color:#ccc; display:inline-block; margin-left:1rem; margin-right:1rem;}
 .write-row .caption {font-size:1.6rem; }
 .write-row .caption::before{content:"※"; color:#333; display:inline-block; }
 .write-row .block{margin-top:1rem;}
 .write-row .tel{}
 .write-row .tel select,
 .write-row .tel input{width:16.6% !important;}
 .write-row .tel span{line-height:4.4rem; padding-left:1rem; padding-right:1rem;}
 .waid-table .table-body dl{margin-bottom:0;}
 .waid-table .table-body li .w-100{width:100% !important;}
 .waid-table .table-body li .w-60{width:60% !important;}
 .waid-table .table-body li .w-100 dt{width:60%}
 .waid-table .table-body li .w-100 dt a{color:#333;}
 .waid-table .table-body li .w-100 dd{width:20%;     justify-content: center;}
 .waid-table .table-body li .w-100 dd:last-child{border-right:0;}

 /*두드림*/
 .dudrim-insert{width:76rem; margin:0 auto;}
 .dudrim-insert > div{display:flex; width:60rem; margin:0 auto; align-items: center; column-gap: 1rem; margin-bottom:4rem;}
 .dudrim-insert > div div{width:100%;}
 .dudrim-insert > div p{ line-height:3rem; }
 .dudrim-insert > div p strong{font-size:2.4rem; color:#01A251; font-weight:400;}
 .dudrim-insert i.dudrim-info{margin-right:5rem; display:block;background-position:center; background-image: url(/common/img/dudrim/dudrim-info.svg); width:16rem;height:16rem;  background-size: auto; background-repeat: no-repeat;}
 .dudrim-insert i.dudrim-info2{margin-right:5rem; display:block;background-position:center; background-image: url(/common/img/dudrim/dudrim-info.svg); width:16rem;height:16rem;  background-size: auto; background-repeat: no-repeat;}


/*문의 완료 */
.dudrim-insert.info3{display:flex; justify-content:center; }
.dudrim-insert.info3 > div{width:auto;}

 .dudrim-insert i.dudrim-info3{margin-right:5rem; display:block;background-position:center; background-image: url(/common/img/dudrim/dudrim-complete.svg); width:16rem;height:16rem;  background-size: auto; background-repeat: no-repeat;}
 .dudrim-insert.info3 > div{display:flex;  margin:0 auto; align-items: center; column-gap: 1rem; margin-bottom:4rem;}
 .dudrim-insert.info3 > div p{display:flex;  line-height:3rem; }
 .dudrim-insert.info3 > div p:nth-child(1)::before{content:none;}
 .dudrim-insert.info3 > div p::before{content:"·"; display:block; font-size:1.8rem; color:#333;line-height:3.2rem; margin-right:0.5rem;}




 .dd1{background-position:center; margin-bottom:6rem;padding:5rem;  background-image: url(/common/img/dudrim/dd1.png); height:26.3rem;  background-size: cover; background-repeat: no-repeat;}
 .dd1 p{margin-bottom:4rem; font-weight:700; font-size:2.4rem; color:#fff;}
 .dd1 p:last-child{margin-bottom:0;}

 .dd-content1 {display:flex; column-gap: 6rem;}
 .dd-inner{width:100%;}
 .dd-inner .dott-list{margin-bottom:0;}
 .dd-inner .dott-list strong{color: #01A251; font-size:3.4rem; font-weight:300; margin-left:2rem;}
 .dd-inner div{width:100%; display:block; }
 .dd-inner div > div{line-height:inherit; display:flex; margin-bottom:4rem; margin-top:1rem;}
 .dd-inner div > div a{max-width:18rem; max-height:4rem; margin-right:1rem;}

 .dd2,
 .dd3,
 .dd4{width:25rem; height:13rem;     display: flex;    align-items: center;}
 .dd2 i,
 .dd3 i,
 .dd4 i{width:13rem; height:13rem; background-position:center; background-size: contain; background-repeat: no-repeat;}
 .dd2 i{margin-left:2.5rem; background-image: url(/common/img/dudrim/dd2.svg);}
 .dd3 i{height:10rem;  background-image: url(/common/img/dudrim/dd3.svg);}
 .dd4 i{ margin-left:2.5rem;background-image: url(/common/img/dudrim/dd4.svg);}

 /*나의 상담내역*/
 .myqna-view{background-color:#f1f1f1;padding-top: 5rem;}
 .myqna-view .myqna-inner{width:110rem; margin:0 auto;}
 .myqna-view .myqna-inner ul{display:flex; flex-wrap: wrap;   flex-direction: column; height:21rem; }
 .myqna-view .myqna-inner ul li{margin-bottom:4rem;}
 .myqna-view .myqna-inner ul li dl{display:flex;}
 .myqna-view .myqna-inner ul li dl dt{ width:12rem; position:relative; }
 .myqna-view .myqna-inner ul li dl dt::before{content:"·"; display:inline-block; margin-right:0.5rem;}
 .myqna-view .myqna-inner ul li dl dt::after{content:"";position:absolute; right:0; top:0.7rem; width:1px; height:1rem; background-color:#ccc; display:inline-block; margin-left:2rem; margin-right:2rem; }

 .question-view{border-bottom:1px solid #ccc;}
 .question-view-inner{width:110rem; margin:6rem auto;}
 .question-view-inner dl{margin-bottom:5rem; }
 .question-view-inner dl:last-child{margin-bottom:0;}
 .question-view-inner dl dt{font-size:1.8rem; color:#333; margin-bottom:1rem;}
 .question-view-inner dl dt em{color:#01A251; font-size:1.8rem; font-weight:700; margin-right:1rem;}
 .question-view-inner dl dd{border:1px solid #ccc; padding:2rem; height:13.5rem; overflow-y: auto; font-size:1.8rem; color:#333;}

        /*지속가능경영 콘텐츠*/
       .creator-1{margin-top:4rem;padding-bottom:4rem;}
       .creator-1 i{background-image: url(/common/img/invest/creator-1.svg); width:100%; height:75.5rem; background-repeat: no-repeat; background-position: center; background-size:contain;}
       .creator-1 i:lang(en){background-image: url(/common/img/invest/creator-1-en.svg); width:100%; height:75.5rem; background-repeat: no-repeat; background-position: center; background-size:contain;}

       
       .creator-content1{ position:relative;margin-top:5.3rem;display:block; border-bottom:1px solid #ccc;}
       .creator-content1 dl{display:flex; margin-bottom:4rem;}
       .creator-content1 dl dt{color:#01A251; font-weight:700; font-size:1.8rem; width:32rem; display:block;}
       .creator-content1 dl dd{font-size:1.8rem; color:#333; display:block;  width:100%; line-height:3.2rem; text-align: justify;}
       .creator-content1 dl dd img{width:60%;}
      
       .creator-content1 dl dd ul{ overflow:hidden; margin-bottom:4rem;}
       .creator-content1 dl dd li{ list-style-type:none; width:50rem; border:1px solid #ccc;text-align:center;font-size:1.7rem; line-height:2.3rem; padding-bottom:1rem;}
       .creator-content1 dl dd li.next{width:50rem;border:0px solid #ccc; line-height:3rem; height:3rem; font-weight:700; text-align:center;}
       .creator-content1 dl dd li span{ font-size:1.5rem;background:#359E56; text-align:center; width:100%;color:#fff; display:inline-block; padding:0.5rem; margin-bottom:1rem; }
       .creator-content1 dl dd .action_list p{ width:100%;  line-height:2rem;color:#000;  margin-bottom:1rem; font-weight:500;}
       .creator-content1 dl dd .action_list dd{ width:100%; display:block;}
       
       .creator-content1 dl dd ul:lang(en){ overflow:hidden; margin-bottom:4rem;}
       .creator-content1 dl dd li:lang(en){ list-style-type:none; width:70rem; border:1px solid #ccc;text-align:center;font-size:1.7rem; line-height:2.3rem; padding-bottom:1rem;}
       .creator-content1 dl dd li.next:lang(en){width:70rem;border:0px solid #ccc; line-height:3rem; height:3rem; font-weight:700; text-align:center;}
       .creator-content1 dl dd li span:lang(en){ font-size:1.5rem;background:#359E56; text-align:center; width:100%;color:#fff; display:inline-block; padding:0.5rem; margin-bottom:1rem; }
       
       .creator-content2{margin-top:4rem; display:flex;  flex-wrap:wrap;}
       .creator-content2:lang(en){display:block;}
       .creator-content2 h3{width:100%; margin-bottom:4rem; }
       .creator-content2 dl{width:100%; margin-bottom:4rem; }
       .creator-content2 h3:lang(en),
       .creator-content2 dl:lang(en){width:100%; margin-bottom:4rem; padding-right:1.5rem;}
       .creator-content2 .dott-list:lang(en){margin-bottom:1rem; margin-top:0;}

       .creator-content2 dl:nth-child(5),
       .creator-content2 dl:nth-child(8){padding-right:0;}
       .creator-content2 dl dt span{color:#01A251;display:block; font-weight: 700; font-size:1.4rem; margin-bottom:0.5rem;}
       .creator-content2 dl dt{font-size:1.8rem; color:#333; font-weight: 700; margin-bottom:1.3rem;}
       .creator-content2 dl dt:lang(en){font-weight:400;}
       .creator-content2 dl dt span:lang(en){font-size:1.8rem; padding-right:1rem; }
       .creator-content2 dl dd{line-height:2.8rem; font-weight:400; color:#333;}
       .creator-content2 dl dd:lang(en){font-weight:200;}
       

       .creator-content3 i{background-repeat: no-repeat;background-position: center left; background-size:contain; width:100%; display:flex;}
       .creator-content3 .djsi i{background-image: url(/common/img/invest/djsi.png); height:4.9rem;}
       .creator-content3 .kcgs i{background-image: url(/common/img/invest/kcgs.png); height:15rem;}
       .creator-content3 .kcgs i:lang(en){background-image: url(/common/img/invest/kcgs-en.png); height:15rem;}
       .creator-content3 .cdp i{background-image: url(/common/img/invest/cdp.png);  height:4.7rem;}
       .creator-content3 .crra i{background-image: url(/common/img/invest/crra.png); height:4.9rem;}
       .creator-content3 .sus i{background-image: url(/common/img/invest/sus.png); height:3.7rem;}
       .creator-content3 .ecd i{background-image: url(/common/img/invest/ecd.png);  height:6.3rem;}
       .creator-content3 .ungc i{background-image: url(/common/img/invest/ungc.png);  height:13rem;}
       .creator-content3 .tcfd i{background-image: url(/common/img/invest/tcfd.png);  height:4.2rem;}
       .creator-content3 .iss i{background-image: url(/common/img/invest/iss.png);  height:4.5rem;}
       .creator-content3 .msci i{background-image: url(/common/img/invest/msci.png);  height:4.5rem;}
       .creator-content3 .sbti i{background-image: url(/common/img/invest/sbti.png);  height:8.5rem;}
       .creator-content3 .wba i{background-image: url(/common/img/invest/wba.png);  height:5.5rem;}
       .creator-content3 .ksi i{background-image: url(/common/img/invest/ksi.png);  height:10rem;}
       .creator-content3 .djsi,
       .creator-content3 .kcgs,
       .creator-content3 .cdp,
       .creator-content3 .crra,
       .creator-content3 .sus,
       .creator-content3 .ecd,
       .creator-content3 .ungc,
       .creator-content3 .msci,
       .creator-content3 .tcfd ,
       .creator-content3 .sbti,
       .creator-content3 .wba,
       .creator-content3 .ksi,
        .creator-content3 .iss{width:31rem;}
       .creator-content3 .content3-con{width:100%;}
       .creator-content3 p img{ width:85%;}

       .creator-content3 .creator-content3-inner{display:flex; border-bottom:1px solid #ccc; margin-bottom:4rem; padding-bottom:4rem;}
       .creator-content3 .creator-content3-inner:last-child{border-bottom:0;padding-bottom:0rem; }
       .creator-content3 .dott-list{margin-bottom:3.3rem;}
       .cre-book-inner{margin-top:4rem; display:flex; align-items: center; }
       .creator-content3 .cre-group{width:45%; }
       .creator-content3 .cre-group p a{color:#333; text-decoration:underline;}
       .creator-content3 .cre-book{width:65%;}
       .creator-content3 .cre-book i{background-image: url(/common/img/invest/book.png);  height:44.2rem;}
       .creator-content3 .cre-book i:lang(en){background-image: url(/common/img/invest/book.png);  height:44.2rem;}
       .creator-content3 .cre-group .btn-group{justify-content:start; margin-top:4rem;}
       /*.creator-content3 .cre-group .btn-group:lang(en){display:block;}*/
       .creator-content3 .cre-group .btn-group a{margin-bottom:2rem; margin-right:1rem;  background-color:#fff; padding-left:1rem; padding-right:1rem; font-size:1.6rem; color:#333;}
       .creator-content3 .cre-group .btn-group a:hover{background-color: #01A251; color:#fff;}
       .creator-content3 .cre-group .btn-group a i{width:auto; }
       .creator-content3 p .caption{font-size:1.4rem; color:#666; caption-side: bottom; line-height:2rem; padding:1rem;  padding-left:0;text-align:left; word-break:keep-all; word-wrap: break-word; }

       /* 지속가능경영 - 탄소중립 */
         .carbon_neutral{margin-top:4rem; padding-bottom:4rem;}
         .carbon_neutral img{width:100%; background-repeat: no-repeat; background-position: center; background-size:contain; }
          h3.content-title-20{font-size:2rem; color:#000; line-height: 3.4rem; font-weight:300; letter-spacing: -0.15rem;}
          h3.content-title-30{font-size:3rem; color:#000; line-height: 4rem; font-weight:300; letter-spacing: -0.15rem; text-align:center;}
         .creator-content3 .content3-con .strategy li{ width:23.5%; border:1px solid #ccc;  margin-right:1.5%; display:inline-block;margin-top:2rem; margin-bottom:2rem; padding:1.5rem; text-align:center;font-size:2.2rem; }
         .creator-content3 .content3-con .strategy li:last-child{ margin-right:0rem;}
         .creator-content3 .content3-con .strategy li p{font-size:1.5rem; margin-top:2rem; }
         .creator-content3 .content3-con .strategy li p span{ margin:0;color:#a5a5a5;}
         .creator-content3 .content3-con .strategy li i{width:9rem; height:9rem;background-repeat: no-repeat; background-position: center; background-size:contain; display:block; margin:1.5rem auto; }
          .creator-content3 .content3-con .strategy li i.icon1{background-image: url(/common/img/invest/GO.svg);}
          .creator-content3 .content3-con .strategy li i.icon2{background-image: url(/common/img/invest/GP.svg);}
          .creator-content3 .content3-con .strategy li i.icon3{background-image: url(/common/img/invest/GI.svg);}
          .creator-content3 .content3-con .strategy li i.icon4{background-image: url(/common/img/invest/GS.svg);}
         
         .carbon_neutral2 img{width:54.2%; background-repeat: no-repeat; background-position: center; background-size:contain; margin-top:3rem; }
         .creator-content3 .cre-book i.carbon_neutral{background-image: url(/common/img/invest/carbon_neutral_img04.png);  height:37rem;}
         .cre-book-inner02{margin-top:rem; display:flex; align-items: center; }

       /*윤리경영*/
       .ethic1-box{display:flex; margin-top:5rem; }
       .ethic-1{display:block; width:50%; height:40rem; }
       .ethic1-right{width:50%; padding-left:5rem;}
       .ethic1-right h4{margin-bottom:1rem;}
       .ethic1-right p {margin-bottom:3rem;}
       .ethic1-right p strong{display:block;}
       .ethic-1 i{background-image: url(/common/img/invest/ethic-1.png); width:100%; height:47.1rem; background-repeat: no-repeat; background-position: center top; background-size:contain;}
       .ethic-2 i{background-image: url(/common/img/invest/ethic2.png); width:100%; height:60.4rem; background-repeat: no-repeat; background-position: center; background-size:auto;}
       .ethic-1 i:lang(en){background-image: url(/common/img/invest/ethic-1-en.png); width:100%; height:47.1rem; background-repeat: no-repeat; background-position: center top; background-size:contain;}
       .ethic-2 i:lang(en){background-image: url(/common/img/invest/ethic2-en.png); width:100%; height:61rem; background-repeat: no-repeat; background-position: center; background-size:auto;}

      
      
       .ceo-message p{font-size:1.8rem; line-height:3.2rem;}
       .ceo-list{margin-top:4rem;}
       .ceo-list li{display:flex; margin-bottom:4rem; line-height:2.4rem;}
       .ceo-list li em{margin-right:1rem; min-width:4rem;}
       .ceo-list li em,
       .ceo-list li span{display:block;}
       
       .ceo-list2{margin-top:2rem; margin-bottom:4rem;}
       .ceo-list2 li{display:flex; margin-bottom:2rem; line-height:2.4rem;}
       .ceo-list2 li em{margin-right:1rem; min-width:2rem; font-weight:700;}
       .ceo-list2 li em,
       .ceo-list2 li span{display:block;}

       .ethic-content1{display:flex;margin-top:5rem; margin-bottom:4rem; }
       .ethic-content1.pc_none{display:none;}
       .ethic-content1 dl{width:25%;}
       .ethic-content1 dl dt{font-weight: 700;}
       
       .ethic-content2{display:flex; padding-bottom:4rem; border-top:1px solid #ccc;padding-top:5rem;}
       .ethic-content2 p{ width:100%;}
       .ethic-content2:lang(en){margin-top:60px;}
       .ethic-content2 p:lang(en){padding-right:3rem;}

       .ethic22{display:block; width:100%;}
       .ethic22 i{width:100%;background-repeat: no-repeat; background-position: center; background-size:contain;}
       .ethic22 a{display:block;}
       .ethic22 a:focus-visible{outline:1px solid #000 !important;}

       .ethic22 i{background-image: url(/common/img/invest/ethic22.png);  height:32rem;}
       .ethic22{position: relative; height:32rem; }
       .ethic22:lang(en){position: relative; height:32rem; width:auto;}
       .ethic22 i:lang(en){background-image: url(/common/img/invest/ethic22_en.png); background-position:center top; width:46rem;}
       .ethic22 i::before{content:""; z-index:2; display:block; cursor: pointer; width:2rem;background-repeat: no-repeat;top:50%; left:50%; transform: translate(-50%, -50%); height:2rem; position: absolute; background-image: url(/common/img/viewicon.svg);}





       /*안전경영*/
       .safery1,
       .safery2,
       .safery3,
       .safery4,
       .safery5{display:block; width:100%;}
       .safery1 i,
       .safery2 i,
       .safery3 i,
       .safery4 i,
       .safery5 i{width:100%;background-repeat: no-repeat; background-position: center; background-size:contain;}
       .safery1{ height:50.2rem; margin-top:4rem;}
       .safery1 i{background-image: url(/common/img/invest/safery1.png);  height:46rem;  background-size:auto;}
       .safery1 i:lang(en){background-image: url(/common/img/invest/safery1-en.png);  height:51rem;  background-size:auto;}
       .safery2 a{display:block;}
       .safery2 a:focus-visible{outline:1px solid #000 !important;}

       .safery2{position: relative; height:32rem; }
       .safery2:lang(en){position: relative; height:32rem; width:auto;}
       .safery2 i{background-image: url(/common/img/invest/safery2.png);  height:32rem;}
       .safery2 i:lang(en){background-image: url(/common/img/invest/safery2-en.png); background-position:center top; width:46rem;}
       .safery2 i::before{content:""; z-index:2; display:block; cursor: pointer; width:2rem;background-repeat: no-repeat;top:50%; left:50%; transform: translate(-50%, -50%); height:2rem; position: absolute; background-image: url(/common/img/viewicon.svg);}
       .safery3{height:81rem;}
       .safery3 i{background-image: url(/common/img/invest/safery3.svg); height:81rem;}
       .safery3 i:lang(en){background-image: url(/common/img/invest/safery3-en.svg); height:81rem;}
       .safery4 i{background-image: url(/common/img/invest/safery4.png); height:30rem; background-position: bottom;}
       .safery5{height:36.4rem;}
       .safery51 i{background-image: url(/common/img/invest/safery51.png); height:36.4rem;}
       .safery52 i{background-image: url(/common/img/invest/safery52.png); height:36.4rem;}
       .safery51:lang(en) i{background-image: url(/common/img/invest/safery51_en.png); height:36.4rem;}
       .safery52:lang(en) i{background-image: url(/common/img/invest/safery52_en.png); height:36.4rem;}

       .safery-content1{border-bottom:1px solid #ccc; display:flex; margin-top:5rem; margin-bottom:4rem; }
       .safery-content1:lang(en){justify-content: space-between; display:none;}
       .safery-content1 > div:nth-child(1),
       .safery-content1 > div:nth-child(2){width:40%;}
       .safery-content1 > div:nth-child(3){width:20%;}
       
       .safery-content1 > div:lang(en):nth-child(1),
       .safery-content1 > div:lang(en):nth-child(2){width:32%;}
       .safery-content1 > div:lang(en):nth-child(3){width:32%;}
       
       .safery-content1 > div > ul{display:flex; flex-wrap: wrap;}
       .safery-content1 > div > ul{display:block;}
       .safery-content1 > div > ul > li{width:45%;}
       .safery-content1 > div > ul > li:lang(en){width:100%;}
       .safery-content1 > div:nth-child(3) > ul > li{width:100%;}

       .safery-content2{display:flex; padding-bottom:4rem;}
       .safery-content2:lang(en){margin-top:60px;}
       .safery-content2 p:lang(en){padding-right:3rem;}
       .list-content dl dd.dd-point{font-size:2rem; margin-bottom:2rem !important; }
       .safery-content3{display:flex; margin-bottom:0rem;}
       .safery-content3-left{width:40%; margin-right:10rem;}
       .safery5-btn{display: inline-block;  margin:0 auto; width:49%;margin-top:-4rem; }
       .safery-content3-right{width:50%;}
       .safery-content3-right h4{margin-bottom:1rem;}
       .safery-content3-right ul.sh-40{ height:49rem; margin-bottom:4rem;}
       .safery-content3-right ul{display:flex; flex-wrap: wrap;  flex-direction: column;}
       .safery-content3-right ul li{display:flex; width:100%; margin-bottom:1rem; align-items: start;}
       .safery-content3-right ul li p{margin-bottom: 0.5rem; width:calc(100% - 5rem);}
       .safery-content3-right ul li p em{ font-size:1.5rem; font-weight:700;display:block;}
       .safery-content3-right ul li p span{font-size:1.4rem;display:inline-block;  width:90% }
       .safery-content3-right ul li p span.num{ width:1rem; margin-right:1rem; vertical-align:top;}
       .safery-content3-right ul li > i{width:4rem; height:4.4rem; margin-right:1rem; display:block; background-repeat: no-repeat; background-position: center; background-size:contain;}
       .safery-content3-right ul.safery-icon1 li:nth-child(1) i{background-image: url(/common/img/invest/s-icon511.svg);}
       .safery-content3-right ul.safery-icon1 li:nth-child(2) i{background-image: url(/common/img/invest/s-icon512.svg);}
       .safery-content3-right ul.safery-icon1 li:nth-child(3) i{background-image: url(/common/img/invest/s-icon513.svg);}
       .safery-content3-right ul.safery-icon1 li:nth-child(4) i{background-image: url(/common/img/invest/s-icon514.svg);}
       .safery-content3-right ul.safery-icon1 li:nth-child(5) i{background-image: url(/common/img/invest/s-icon515.svg);}
       .safery-content3-right ul.safery-icon3 li:nth-child(1) i{background-image: url(/common/img/invest/s-icon516.svg);}
       .safery-content3-right ul.safery-icon3 li:nth-child(2) i{background-image: url(/common/img/invest/s-icon517.svg);}
       .safery-content3-right ul.safery-icon3 li:nth-child(3) i{background-image: url(/common/img/invest/s-icon519.svg);}
       .safery-content3-right ul.safery-icon3 li:nth-child(4) i{background-image: url(/common/img/invest/s-icon518.svg);}
       .safery-content3-right ul.safery-icon3 li:nth-child(5) i{background-image: url(/common/img/invest/s-icon520.svg);}
       .safery-content3-right ul.safery-icon1 li:nth-child(11) i{background-image: url(/common/img/invest/s-icon11.svg);}
       .safery-content3-right ul.safery-icon1 li:nth-child(12) i{background-image: url(/common/img/invest/s-icon12.svg);}
       .safery-content3-right ul.safery-icon1 li:nth-child(13) i{background-image: url(/common/img/invest/s-icon13.svg);}
       .safery-content3-right ul.safery-icon1 li:nth-child(14) i{background-image: url(/common/img/invest/s-icon14.svg);}
       .safery-content3-right ul.safery-icon1 li:nth-child(15) i{background-image: url(/common/img/invest/s-icon15.svg);}
       .safery-content3-right ul.safery-icon1 li:nth-child(16) i{background-image: url(/common/img/invest/s-icon16.svg);}
       .safery-content3-right ul.safery-icon1 li:nth-child(17) i{background-image: url(/common/img/invest/s-icon17.svg);}
       .safery-content3-right ul.safery-icon1 li:nth-child(18) i{background-image: url(/common/img/invest/s-icon18.svg);}
       .safery-content3-right ul.safery-icon1 li:nth-child(18){align-items: flex-start;}
       .safery-content3-right ul.safery-icon2 li:nth-child(1) i{background-image: url(/common/img/invest/s-icon19.svg);}
       .safery-list{border-top:1px solid #ccc; margin-top:4rem; margin-bottom:15rem;}
       .safery-list .list-img-box{height:19rem; width:13.5rem; overflow:inherit; position: relative; }
       .safery-list .list-img-box a{height:19rem; width:13.5rem;}

       .safery-list .list-img-box a::before{content:"";  display:block; position: absolute; left:0; background-color:rgba(0,0,0,0.3)}
       .safery-list .list-img-box a img::before{content:""; z-index:2; display:block; cursor: pointer; width:2rem;background-repeat: no-repeat;top:50%; left:50%; transform: translate(-50%, -50%); height:2rem; position: absolute; background-image: url(/common/img/viewicon-on.svg);}
       .safery-list .list-content > p span{font-size:1.4rem; margin-top:0rem; }
       .safery-list .list-content > p span:first-child::after{content:none;}
       .safery-list .list-content dl dd{ }
       .safery-list .news-contents{height:100%; flex: 0 0 auto;}
       .safery-list .list-content{max-width:72rem; margin-left:2rem;}
       .safery-list .list-btn{margin-left:auto;margin-top: 5%;}
       .safery-list .list-btn a{margin-bottom:1rem;}
       .list-content > p{display:block;}
       .list-content > p span.li-title{display:block; font-size:1.6rem; color:#333; width:100%; }


      /*품질경영*/
       .qualit1 {display:flex; margin-top:6rem; margin-bottom:6rem;}
       .qualit1 i{height:38rem;width:50%;background-repeat: no-repeat; background-position: center; background-size:auto;}
       .qualit1 i.qualit1-img:lang(en){background-image: url(/common/img/invest/qualit1-en.svg);}
       .qualit1 i.qualit1-img{background-image: url(/common/img/invest/qualit1.svg);}
       .qualit1 i.qualit2-img{background-image: url(/common/img/invest/qualit2.png);width:100%;}
       .qualit1 i.qualit2-img:lang(en){background-image: url(/common/img/invest/qualit2_en.png);width:100%;}
       .qualit1 i.qualit2-img::before{content:""; z-index:2; display:block; cursor: pointer; width:2rem;background-repeat: no-repeat;top:50%; left:50%; transform: translate(-50%, -50%); height:2rem; position: absolute; background-image: url(/common/img/viewicon.svg);}
       .qualit1 a{display:block;height:36rem;width:50%; position:relative; }
       .tab_table th{font-size:1.5rem !important; padding:1rem !important;} .tab_table td{font-size:1.5rem !important;  padding:1rem !important;}
       .w10 {width:12.4% !important;}
        .w8 {width:8%;}
        .w7 {width:7.3% !important;}
        .tab_table th:lang(en){font-size:1.3rem !important; padding:1rem !important;} 
        .tab_table td{font-size:1.4rem !important;  padding:1rem !important;}
        .w10:lang(en) {width:12% !important;}
        .w70:lang(en) {width:7.4% !important;}


       
       /*환경경영*/
        .environment1 {display:flex; margin-top:6rem; margin-bottom:6rem;}
        .environment1 i.environment1-img{background-image: url(/common/img/invest/environment1.png); }
        .environment1 i.environment2-img{background-image: url(/common/img/invest/safery2.png);}
        .environment1 i.environment2-img:lang(en){background-image: url(/common/img/invest/safery2-en.png);}
        .environment1 i.environment2-img::before{content:""; z-index:2; display:block; cursor: pointer; width:2rem;background-repeat: no-repeat;top:50%; left:50%; transform: translate(-50%, -50%); height:2rem; position: absolute; background-image: url(/common/img/viewicon.svg);}
        .environment1 i{display:block; height:36rem;width:100%;background-repeat: no-repeat; background-position: center; background-size:contain;}
        .environment1 a{display:block;height:36rem;width:100%; position:relative; }
        .environment1-content1{display:flex; flex-wrap: wrap; margin-top:5rem; margin-bottom:4rem; }
        .environment1-content1 > div{width:25%; padding-right:5rem;}
        

       /*공정거래*/
       .compliance-content1{display:flex; }
       .compliance-content1:lang(en){padding-bottom:5rem; }
       .compliance1-right{height:19.5rem; width:100%;}
       .compliance1-right:lang(en){height:28.5rem; width:100%;}
       .compliance1-right ul{display:flex; flex-wrap: wrap;  flex-direction: column; height:17.5rem;}
       .compliance1-right ul:lang(en){display:flex;  flex-direction: column; height:28.5rem;}
       .compliance1-right ul li em:lang(en){padding-right:1rem;}
       .compliance1-right ul li{width:48%;display:flex;  line-height:1em;}
       .compliance1-right ul li:lang(en){line-height:1.5em;}

       .compliance-content2{display:flex; flex-wrap: wrap; justify-content: space-between;  }
       .compliance-content2 ul.dott-list{margin-top:1rem; }
       .compliance-content2 dl{display:flex; width:33%;}
       .compliance-content2 dl:lang(en){display:block; width:33%;}
       .compliance-content2 dl dt{color:#01A251; font-size:1.4rem; font-weight:700; padding-right:1rem;}
       .compliance1{width:30rem;}
       .compliance1:lang(en){display:none;}
       .compliance1 i{background-image: url(/common/img/invest/compliance1.png); height:100%;width:100%;background-repeat: no-repeat; background-position: center; background-size:contain;}
       .compliance-content3{display:block; }
       .compliance-content3 h3{margin-bottom:4rem;}
       .compliance-content3 dl{}
       .compliance-content3 dt{font-weight:700; margin-bottom:2rem; margin-top:4rem;}
       .compliance-content3 dt:lang(en){font-weight:400; margin-bottom:2rem; margin-top:4rem;}

       .compliance-content3 dd{line-height:2.4rem;}
       .compliance-content3 dd ul{margin-top:0;}

       .compliance_content22{ padding-bottom:4rem; padding-top:5rem; display:inline-block;width:100%;}
       .compliance_content22 p{ width:59%;  display:inline-block; vertical-align:middle; padding-left:2rem;}
       .compliance_content22:lang(en){margin-top:60px;}
       .compliance_content22 p:lang(en){padding-right:3rem;}

       .compliance22{ display:inline-block; width:40%;vertical-align:middle;}
       .compliance22 i{width:100%;background-repeat: no-repeat; background-position: center; background-size:contain;}
       .compliance22 a{display:block;}
       .compliance22 a:focus-visible{outline:1px solid #000 !important;}

       .compliance22 i{background-image: url(/common/img/invest/compliance2.png);  height:32rem;}
       .compliance22{position: relative; height:32rem; }
       .compliance22:lang(en){position: relative; height:32rem; width:auto;}
       .compliance22 i:lang(en){background-image: url(/common/img/invest/compliance2.png_en.png); background-position:center top; width:46rem;}
       .compliance22 i::before{content:""; z-index:2; display:block; cursor: pointer; width:2rem;background-repeat: no-repeat;top:50%; left:50%; transform: translate(-50%, -50%); height:2rem; position: absolute; background-image: url(/common/img/viewicon.svg);}

       

       .compliance-content4{margin-top:3.5rem;}
       .compliance-content4.left{flex-direction: row-reverse;}
       .compliance-content4 dl{width:12%; margin-right:5rem;display:inline-block;vertical-align:top;}
       .compliance-content4 dl:first-child{margin-left:0;}
       .compliance-content4 dl:last-child{margin-right:0;}
       .compliance-content4 dl dt{font-weight: 400; text-align:center;}
       .compliance-content4 dl dt span{ display :block; margin-top:2rem; font-size:1.8rem; line-height:2.4rem;}
       .compliance-content4 dl dt img{ width:100%;}
       .compliance-content4 dl dt a{color:#333;}


       /*파트너십*/
       .partnership1{margin-top:6rem;}
       .partnership1 i{background-image: url(/common/img/invest/partnership1.svg); height:34.4rem;width:100%;background-repeat: no-repeat; background-position: center; background-size:contain;}
       .partnership1 i:lang(en){background-image: url(/common/img/invest/partnership1-en.png); height:35rem;width:100%;background-repeat: no-repeat; background-position: center; background-size:contain;}

       .partnership-content1{display:flex; margin-top:2rem; justify-content: space-between; margin-bottom:5rem;}
       .partnership-content1 p{width:20%;position: relative; line-height:2.4rem;}
       .partnership-content1 p::after{content:"";display:inline-block; position:absolute; left:-27%; top:27%; width:0.5rem;height:0.5rem; border-radius: 0.5rem;}
       .partnership-content1 p:nth-child(2)::after{ background-color:#a727f1;  }
       .partnership-content1 p:nth-child(2):lang(en)::after{ background-color:#a727f1; left:-21% }
       .partnership-content1 p:nth-child(3)::after{left:-22%; background-color:#01A251;  }
       .partnership-content1 p:nth-child(4)::after{left: -21%; background-color:#a727f1; }
       .partnership-content2{display:flex; justify-content: space-between;}
       .partnership-content2 p i{width:35rem; height:23rem; background-repeat: no-repeat; background-size: contain; }
       .partnership2 i{background-image: url(/common/img/invest/partnership2.png)}
       .partnership3 i{background-image: url(/common/img/invest/partnership3.png)}
       .partnership4 i{background-image: url(/common/img/invest/partnership4.png)}
       .partnership5 i{background-image: url(/common/img/invest/partnership5.png)}
       .partnership6 i{background-image: url(/common/img/invest/partnership6.png)}
       .partnership7 i{background-image: url(/common/img/invest/partnership7.png)}

        /*나눔경영*/
        .contribute-tab img{width:110rem;}
        .contribute-tab .contribute-content-com{margin-bottom:6rem;}
        .contribute-tab .contribute-content-com img{width:11.8rem;}
        .contribute1{margin-top:8rem; margin-bottom:9rem;}
        .contribute1 i{background-image: url(/common/img/invest/contribute1.png); height:40.2rem;background-position: center; }
        .contribute1 i:lang(en){background-image: url(/common/img/invest/contribute1-en.png); height:40.2rem;background-position: center; }

        .contribute2{}
        .contribute2 i{background-image: url(/common/img/invest/contribute2.svg); width:79%; height:10rem; background-position: center left;}
        .contribute2 i:lang(en){background-image: url(/common/img/invest/contribute2-en.svg); width:79%; height:10rem; background-position: center left;}
        .contribute3{}
        .contribute3 i{width:30rem;background-image: url(/common/img/invest/contribute3.png); height:15rem; background-position: center left;}
        .contribute3 i:lang(en){background-image: url(/common/img/invest/contribute3-en.svg); height:15rem; background-position: center left;}
        .contribute1 i,
        .contribute2 i,
        .contribute3 i{background-repeat: no-repeat; background-size: contain;}
        .cont-title{margin-top:4rem; }
        .contribute-content-com{  margin-top:2rem;}
        .contribute-content-com img{margin-right:2rem;}
        .contribute-content-com p{line-height:3.2rem; color:#333; margin-bottom: 2rem;}
        .contribute-tab .btn-tow1{justify-content: center;display:flex;   margin:0 auto; margin-top:6rem; margin-bottom:5rem;}
        .contribute-tab .btn-tow1 a{margin-right:1rem;}

         /*배당금조회*/
         
         .gate-box{border:1px solid #ccc;padding:5rem;}
         .content-title-27{font-size:2.5rem; color:#000; line-height: 3.4rem; font-weight:300; letter-spacing: -0.15rem; display:block;}
         .write-row1 dl dd,
         .write-row1 dl.w100 dd input{width:100%;}
         .write-row1 dl.w52 dd input{width:53rem;}
         .write-row1 dl.w52 dd .bankinput{width:32rem;}
         .write-row1 dl.w25 dd input,
         .write-row1 dl dd select{width:20rem; margin-right:1rem;}
         .write-row1 dl dd input,
         .write-row1 dl dd select,
         .write-row1 dl dd textarea{border:1px solid #ccc; background-color:#fff; padding:1rem;font-size:1.8rem;}
         .write-row1 dl dt label span{display:inline-block; letter-spacing: -0.1rem;}
         .write-row1 dl dt label::before{content:"";width:7px; height:7px; background-color: #01A251; border-radius: 10px; display: inline-block; margin-right:1rem;}
         .write-row1{width: 100%; margin:0 auto;}
         .write-row1 dl{display:flex; margin-bottom:1rem; overflow:hidden;}
         .write-row1 dl dt{width:20rem; display:flex; align-items: center;  }
         .write-row1 dl dt.start{ align-items: start; padding-top:1rem;}
         .write-row1 dl dd{display:flex; flex-wrap: wrap;}
         .write-row1 dl dt label{ display:flex; align-items: center; }
         .write-row1 .info{ width: 75rem;  margin:0 auto;}
         .write-row1 dl dd a{ width: 3rem; display:inline-block; text-align:center; line-height:5rem; }
         .write-row1 dl dd a:hover{color: #01A251;} 

         /*배당금버튼*/
        .dividend-btn{display:flex;text-align:center;justify-content: center; align-items: center; color:#333;border:1px solid #ccc; font-size:2rem; background-color:#f7f7f7; padding-top:2rem; padding-bottom:2rem; padding-left:7rem; padding-right:7rem;  min-width:20rem;}
        .dividend-btn:hover{background-color:#000; color:#fff;border:1px solid #000;}
        
        /*table 기본형*/

        .normal-table05{position: relative; width:100%;border-top:2px solid #333;   }
        .normal-table05 table{width: 100%;      border-spacing: 0px;    border-collapse: collapse;}
        .normal-table05 table tr:hover td a{color:#01A251;}
        .normal-table05 table th{background-color:#f1f1f1;border-bottom:1px solid #ccc;}
        .normal-table05 table th:lang(en){font-weight:400;}
        .normal-table05 table th, 
        .normal-table05 table td{ padding:0.8rem;font-size:1.6rem;  text-align:center; border-right:1px solid #ccc;  border-bottom: 1px solid #ccc;}
        .normal-table05 table td:last-child{border-right:0; border-left:1px solid #ccc;}
        .normal-table05 table td p{font-size:1.8rem; color:#333; letter-spacing: 0.01rem; line-height: 2rem; padding-right:2rem; margin-top: 0.7rem;}
        .normal-table05 table td span{font-size:1.6rem;letter-spacing: 0.01rem; line-height: 2rem; color:#666;}
        .normal-table05 table td p.dott{display:block; }
        .normal-table05 table td p.dott i{display:inline;}
        .normal-table05 table td p.dott i:before{content:"·"; display:inline-block; padding-right:0.5rem; }

        .normal-table05 table td span:lang(en){display:flex;}
        .normal-table05 table td span em:lang(en){padding-right:1rem; line-height:2em;}
        .normal-table05 table td span p{color:#666;font-size:1.6rem;}
        .normal-table05 table td a{color:#333;font-size:1.8rem; }
        .normal-table05 table tbody th{background-color:transparent;}
        .normal-table05 table tbody th.color,
        .normal-table05 table tbody td.color,
        .normal-table05 table tbody tr.color th,
        .normal-table05 table tbody tr.color td{background-color:#f1f1f1;}
        .normal-table05 table th:first-child,

        .normal-table05 table td:first-child{border-right:1px solid #000;}
        .overview-table table thead th{  background:#f1f1f1;}
        .normal-table05 table tr td.border-gray,
        .normal-table05 table tr th.border-gray,
        .normal-table05 table td.gray:first-child,
        .normal-table05 table th.gray:first-child{border-right:1px solid #ccc;}

        .normal-table05 table tbody tr:last-child th,
        .normal-table05 table tbody tr:last-child td{border-bottom:1px solid #000;}
        .normal-table05 table tbody tr:last-child th.bb-gray,
        .normal-table05 table tbody tr:last-child td.bb-gray{border-bottom:1px solid #ccc;}

        .normal-table05 table thead th:last-child{border-right:0;}
        .normal-table05 table thead th{border-right:1px solid #ccc;}
        .normal-table05 table tbody th.point,
        .normal-table05 table tbody td.point{color:#01A251;}
        .normal-table05 table tbody th.point-g,
        .normal-table05 table tbody td.point-g{color:#333;}
        .normal-table05 table tbody td.b-none,
        .normal-table05 table tbody th.b-none{border-bottom:0;}
        .normal-table05 .b-black-r{border-right:1px solid #000;}
        .normal-table05 .w25{width:25%;}
        .normal-table05 .w16{width:16.6%;}
        .normal-table05 .b-black{border-bottom:1px solid #000;}
        .normal-table05 tr th.gray{border-right:1px solid #ccc !important;}


        /*현대건설의 비전*/
        .visi1{margin-top:4rem;display:flex; flex-wrap: wrap; align-items: center; justify-content: center; background-image: url(/common/img/company/visi1.png); height:30rem; background-position: center;background-repeat: no-repeat; background-size: cover; }
        .visi1 dt{font-size:3.4rem; margin-bottom:1.5rem;}
        .visi1 dt,
        .visi1 dd{color:#fff; width:100%; text-align:center; line-height:2.4rem;}
        
        .contribute_vision{margin-top:4rem;display:flex; flex-wrap: wrap; align-items: center; justify-content: center; background-image: url(/common/img/invest/contribute_vision.png); height:37.9rem; background-position: center;background-repeat: no-repeat; background-size: cover; }
        .contribute_vision p{font-size:2.3rem; margin-bottom:1.5rem;color:#fff; width:100%; text-align:center; line-height:3rem;}
        .contribute_vision dt{font-size:6rem; margin-bottom:1.5rem;line-height:6rem;color:#fff; width:100%; text-align:center; }
        .contribute_vision dd{color:#fff; width:100%; text-align:center;font-size:4.5rem;line-height:4.5rem; }

        .visi-group{margin-top:3rem; margin-bottom:3rem;  display:flex; justify-content: space-between; }

        .visi-group dl{width:100%; position:relative;  display:block;  border-right:1px solid #ccc; padding-left:4rem; padding-right:2rem; background-size:auto; background-position: top left; background-repeat: no-repeat; }
        .visi-group dl:first-child{padding-left:2.5rem;}
        .visi-group dl:last-child{border-right:0;}
        .visi-group dl::before{content:" ";display:block; width:12rem; background-repeat: no-repeat; position:absolute; right:0; top:0;display:block; height:12.4rem;}
        .visi-group dl:lang(en)::before{content:""; height:6.4rem; width:9rem;}
        /*.visi-group dl.visi2::before{background-image: url(/common/img/company/visi2.svg);}
        .visi-group dl.visi3::before{background-image: url(/common/img/company/visi3.svg)}
        .visi-group dl.visi4::before{background-image: url(/common/img/company/visi4.svg)}*/
        .visi-group dl dt{font-size:2.7rem; font-weight:600; color:#01A251; margin-bottom:2rem; text-align:center;}
        .visi-group dl dt span{font-size:1.8rem;font-weight:500;}
        .visi-group dl dd{font-size:1.8rem; line-height: 2.4rem;text-align:center; }

        .video-warp{width:100%; max-height:900px;}
        .video-warp .video-container{position: relative; width:100%; height:auto; padding-bottom:56.25%; background-color:#e2e2e2;}
        .video-warp .video-container iframe{z-index:1; top:0; left:0; position:absolute; width:100%; height:100%;}
        .video-warp .playpause {
         background-image:url(/common/img/company/movie-btn.png);
         background-repeat:no-repeat;
         width:6.8rem;
         height:6.8rem;
         position:absolute;
         left:0%;
         right:0%;
         top:0%;
         bottom:0%;
         margin:auto;
         background-size:contain;
         background-position: center;
     }
     .vidio-content{font-size:1.6rem; margin-top:3rem; margin-bottom:4rem; height:15rem; overflow:auto; border:1px #ddd solid; padding:1.5rem; }

     .com-visi{display:flex;margin-bottom:6rem;}
     .com-visi .title{width:34rem;}
     .com-visi .title p{font-size:2.4rem; margin-top:0rem; }
     .com-visi .conten-list{width:76rem; display: flex;}
     .com-visi .conten-list dl{border-right:1px solid #ccc; padding-right:2rem; padding-left:2rem; }
     .com-visi .conten-list dl:first-child{padding-left:0; }
     .com-visi .conten-list dl:last-child{padding-right:0; border-right:0;}
     .com-visi .conten-list dl dt{color:#01A251; font-size:2.4rem; margin-bottom:1rem;}
     .com-visi .conten-list dl dd{font-size:1.6rem; line-height:2.4rem;}

     .great-company{display:flex; align-items: center; background-image: url(/common/img/company/visi6.png); height:70rem; width:100%;background-size: cover;  background-position: center; background-repeat: no-repeat; }
     .visi5 i{background-image: url(/common/img/company/visi5.png); height:43rem; width:69.5rem; background-size: contain;  background-position: center; background-repeat: no-repeat; }

     .great-content{}
     .great-content.en{ width:60rem;}
     .great-content h2{color: #fff; margin-bottom:5rem;}
     .great-content h3{color: #fff;font-size:2.4rem;font-weight: 300;}
     .great-content p strong{color:#fff; font-weight: 300; font-size:2.4rem;}
     .great-content dl{margin-top: 3rem;}
     .great-content dl dt{color: #01A251; margin-bottom:1.1rem;font-weight:600;}
     .great-content dl dd{color:#fff; margin-bottom:0.2rem;}
     .great-content dl dd:nth-child(4n+4){margin-bottom:2.5rem;}

     .great-company2{display:flex; margin-top:4rem; margin-bottom:5rem;}
     .great-company2:lang(en){display:flex; margin-top:2rem; margin-bottom:5rem;}

     .great-company2 dl + dl{margin-left:2.5rem;}
     .great-company2 dl{border:1px solid #ccc; padding:3rem 4rem; width:100%;}
     .great-company2 dl dt{color:#01A251; margin-bottom:1.5rem; }
     .great-company2 dl dd{font-size:1.6rem; line-height:2.4rem;}
     .great-company2 dl dd:lang(en){display:flex; }
     .great-company2 dl dd::before{content:"ㆍ"; }
     .visi5{display: flex;        align-items: center;}

     .ci-box{display:flex; }
     .ci-box div + div{margin-left:6rem;}
     .ci-inner,
     .ci-con{width:100%;}
     .ci-inner {border:1px solid #ccc; display:flex; height:42rem;}
     .ci-inner > div{display:flex;  width:100%;flex-direction: row; flex-wrap: wrap; justify-content: center; align-self: center;}
     .ci-inner i{display:block;  width:30rem; background-size: contain;  background-position: center left; background-repeat: no-repeat;  height:5.1rem;}
     .ci-inner .e-logo{background-image: url(/common/img/company/e-logo.png);}
     .ci-inner .k-logo{background-image: url(/common/img/company/k-logo.png); margin-top:6rem;}

     .strategy2030 {width:100%; text-align:center;background-image: url(/common/img/company/visiBG.png); background-position:50% 3.5rem;background-repeat: no-repeat; }
     .strategy2030 h4{font-size:3.5rem; color:#009999;margin-bottom:6rem; font-weight:600;}
     .strategy2030 .subtit:lang(en){font-weight:500;}
     .strategy2030 .subtit{width:50%; display:inline-block;font-size:3rem;font-weight:600;color:#0e6e6e;}
     .strategy2030 .subtit span{font-size:1.7rem;color:#8b8b8b;display:block;font-weight:500; line-height:4rem; }
     .strategy2030 .subtit span:lang(en){font-size:1.5rem;}
     .strategy2030 li{ width:21%;display:inline-block; margin-top:5rem; vertical-align:top; margin-right:1rem;} 
     .strategy2030 li .listArea{ padding:2.5rem 0 0; height:22rem;}
     .strategy2030 li .listArea:lang(en){  padding:2.5rem 0 0; height:33rem;}
     .strategy2030 li p{width:100%; height:4rem; background:#ddd; line-height:4rem; margin-bottom:1rem;color:#fff; font-weight:600;}
     .strategy2030 li p:lang(en){font-size:1.5rem}
     .strategy2030 li dl{text-align:left; width:90%; margin:0 auto;}
     .strategy2030 li dt{font-weight:600;}
     .strategy2030 li dt:lang(en){font-weight:500;font-size:1.6rem;color:#000;}
     .strategy2030 li dd{font-size:1.4rem; margin-bottom:3rem; line-height:2rem;}
     .strategy2030 li .contit01{background:#027f64;}
     .strategy2030 li .contit02{background:#027d7d;}
     .strategy2030 li .contit03{background:#00768e;}
     .strategy2030 li .contit04{background:#03689d;}
     .strategy2030 li .conlist01{border:1px #9ac9bf solid ;}
     .strategy2030 li .conlist02{border:1px #9acbcb solid ;}
     .strategy2030 li .conlist03{border:1px #92c2cb solid ;}
     .strategy2030 li .conlist04{border:1px #9ac3d8 solid ;}


     /*히스토리*/
     .history-img-title{
         width:40%; 
         background-color:#333; 
         height:35.2rem; 
         z-index:1; 
         position: relative; 
         padding-left:0;     
         display: flex;
         margin-bottom: 3rem;
         flex-direction: column;
         justify-content: flex-end;
         padding-bottom: 3rem;
     }
     .history-swip-box{zoon:1; overflow:hidden;width:65%; height:35.2rem;  position:absolute; top:1.5rem; z-index:2; right:0; }
     .history-swip-box .history .swiper-slide i{width:100%; height:100%;display:block; background-size: cover; background-repeat: no-repeat; background-position: center; }
     .history-img-title .meta-box{position: relative;  width:30rem; } 
     .history-img-title .meta-box span,
     .history-img-title .meta-box h2{color:#5d5d5d;}
     .history-img-title .meta-box h2{font-size:2.4rem; font-weight: 300;margin-top: 0.5rem;}
     .history-img-title .meta-box span{font-size:1.6rem; display:none;}
     .history-img-title .meta-box p{color:#fff;font-size:3.4rem; font-weight: 300; width:30rem; line-height:1em;margin-top:1rem;}
     .navi{width:30rem; min-height:4.5rem;margin-left:auto; margin-right:auto; display:flex; justify-content: flex-end; }
     .history-button-next,
     .history-button-prev{width:4.5rem; height:4.5rem; cursor: pointer; display:inline-block; background-size: auto; background-repeat: no-repeat; background-position: center;}
     .history-button-next:hover,
     .history-button-prev:hover{border:1px solid #01A251; border-radius: 50rem;}
     .history-button-next{background-image: url(/common/img/company/history-left.png);transform: rotate( 180deg )}
     .history-button-prev{background-image: url(/common/img/company/history-left.png);transform: rotate( 0deg )}
     .history-button-next.swiper-button-disabled,
     .history-button-prev.swiper-button-disabled{display:none;}
     .history-video{min-width:35.2rem; height:35.2rem; background-color:#333; }
     .history-video video[poster]{width:100%; height:100%; display:block; }
     .history-title{position: relative; width:30rem; min-height:13.7rem;}
     .history-year-container{width:100%; position:relative;}
     .history-year-warp{z-index:2; position:relative; width:110rem; height:20rem; display:flex; justify-content: space-between; margin:0 auto; align-items: center;}
     .history-year{z-index:2; position:relative; width:110rem; height:20rem; display:flex; justify-content: space-between; margin:0 auto; align-items: center;}
     .history-year-container::after{z-index:1;content:""; width:100%; height:2px; background-color:#d2efe0; position:absolute; top:50%; left:0; transform: translate(0%,-50%);}
     .history-year li{width:initial; height:initial; display: flex;}
     .history-year li a{margin-top:2.5rem; 
         display: flex;
         text-align: center;
         flex-direction: column;
         justify-content: center;
         align-items: center;}
     .history-year li.active a i,
     .history-year li a:hover i{ 
         width:2.2rem; 
         height:2.2rem;
         background-image:url(/common/img/company/point-y.png);
     }
     
     
     
     .history-year li i{width:2rem; height:2rem; display:flex; align-items: center;}
     .history-year li i::before{content:""; width:0.8rem;  height:0.8rem; margin:0 auto; display:block; border-radius: 50rem; border:1px solid #01A251;}
     .history-year li span{color:#333; font-size:1.6rem; }

     
     .history-wrapper{
         display:inline-flex;
         z-index:0;
         width:100%;
     }
     .playpause {
         background-image:url(/common/img/company/h-play.png);
         background-repeat:no-repeat;
         width:6.8rem;
         height:6.8rem;
         position:absolute;
         left:0%;
         right:0%;
         top:0%;
         bottom:0%;
         margin:auto;
         background-size:contain;
         background-position: center;
     }

     .history {
         width: 100%;
         height: 35.2rem;
         position:absolute; 
         right:0;
         }

         .history .swiper-slide {
         text-align: center;
         font-size: 18px;
         background: #fff;
         min-width:35.2rem;
         width:100%;
         height:35.2rem;

         /* Center slide text vertically */
         display: -webkit-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         -webkit-justify-content: center;
         justify-content: center;
         -webkit-box-align: center;
         -ms-flex-align: center;
         -webkit-align-items: center;
         align-items: center;
         opacity: 0.8;
         }

     .history .swiper-slide-active{border:2px solid #01A251; opacity: 1;}
     
     
     .history-year-tab{background-color:#f7f7f7; border-top:2px solid #000; padding:5rem 0; }
     .history-year-tab ul{}
     .history-year-tab ul li{margin-bottom:5rem; position:relative;  }
     .history-year-tab ul li dl{display:flex; flex-wrap: wrap;}
     .history-year-tab ul li dl dt{min-width:10%; }
     .history-year-tab ul li dl dt strong{font-size:3.4rem; font-weight: 300; }
     .history-year-tab ul li dl dt span{font-size:1.6rem; }
     .history-year-tab ul li dl dd{margin-top:3rem;}
     .history-year-tab ul li dl dt,
     .history-year-tab ul li dl dd{display:block; }
     .history-year-tab ul li dl dt{width:11rem; }
     .history-year-tab ul li dl dd{width:80%;  }
     .history-year-tab ul li dl dd dd{height:15rem; }
     .history-year-tab ul li dl dd.open{width:100%; }

     .history-year-tab ul li dl dd ul{display:block; margin:0; width:inherit;}
     .history-year-tab ul li dl dd li{margin-bottom:1rem; display:flex; align-items: center;}
     .history-year-tab ul li dl dd li i{width:2px; height:2px; margin-right:2rem; position:absolute; top:1.4rem; border-radius: 5px; background-color:#333; display:block; margin-right:1rem;}
     .history-year-tab ul li dl dd li span{display:block; line-height:3.2rem; padding-left:1rem;}
     .history-year-tab ul li:last-child{margin-bottom:0;}

     .history-year-tab .accodion-img{display:none; width:100%; column-gap: 2rem;  margin-top:3rem;}
     .history-year-tab .accodion-img.open{display:flex;}
     .history-year-tab .accodion-img dl{width:28.5rem; margin-right:2rem; display:flex; flex-direction: column-reverse; }
     .history-year-tab .accodion-img dl:last-child{margin-right:0;}
     .history-year-tab .accodion-img dl dt{width:100%; font-size:1.4rem; line-height:3rem;}
     .history-year-tab .accodion-img dl dd img{width:228px; height:152px;}
     .history-year-tab .accodion-img .acc-inner{width:100%;display:inline-flex;   }

     .history-button{position:absolute; height:68px; right:0; top:0; }
     .history-button.close i{width:6.7rem; height:6.4rem; margin-top:-20px; background-image: url(/common/img/company/history-button-open.svg);}
     .history-button.open i{width:2.1rem; height:2.1rem; margin-top:0; border:2px solid #ccc; border-radius: 100px; background-image: none;}


      /*70년 사사
      .seven-th .thum-list-img img:after{content:""; display:block;  box-shadow: 10px 10px 10px 10px rgba(0,0,0, 0.8);}*/
      .seven-img{width:50%; margin-left:4rem;}
      .seven-img .btn-tow a + a{border-left:0;}
      .seven-img h2{margin-bottom:4rem;}
      .seven-img-box{display:flex;justify-content: center;    align-items: center; }


     /*그룹소개*/
     .group1 {margin-top:2rem; }
     .group1 i{width:100%; height:34rem; display:block;  background-image: url(/common/img/company/group1.png); background-size: auto;  background-position: center; background-repeat: no-repeat; }
     .group1 i:lang(en){width:100%; height:34rem; display:block;  background-image: url(/common/img/company/group1-en.png); background-size: auto;  background-position: center; background-repeat: no-repeat; }

     .group-content1{display:flex; margin-top:6rem; column-gap:6rem ; margin-bottom:4rem; }
     .group-content1 dl{width:33%; margin-right:4rem;}
     .group-content1 dl:last-child{margin-right:0;}
     .group-content1 dt{color:#004282; font-size:2.4rem; margin-bottom:1rem; font-weight:300;}
     .group-content1 dt{display:flex; color:#004282; font-size:2.4rem; margin-bottom:1rem; font-weight:300; height:6rem}
     .group-content1 dt em{padding-right:1rem;}
     .group-content1 dt em,
     .group-content1 dt span{display:block; }
     .group-content1 dd{line-height:2.4rem;}

     .group-content2{display:flex;margin-top:3.5rem;}
     .group-content2.left{flex-direction: row-reverse;}
     .group-content2 dl:first-child{margin-left:0; margin-right:4rem; }
     .group-content2 dl:last-child{margin-right:0;}
     .group-content2 dl + dl{ margin-right:4rem; }
     .group-content2 dl dt{font-weight: 700;}
     .group-content2 dl dt{font-weight: 400;}

     .group-content2 dl dd{margin-top:2rem; font-size:1.6rem; line-height:2.4rem;}
     .group-content2 dl dt i{display:block; }
     .group-content2 dl dt i::before{height:5rem; width:12rem;  display:block; margin-bottom:3.5rem; background-size: auto;  background-repeat: no-repeat;}
     .group-content2 dl dt i.group2::before{content:"";background-image: url(/common/img/company/group2.svg);}
     .group-content2 dl dt i.group3::before{content:"";background-image: url(/common/img/company/group3.svg);}
     .group-content2 dl dt i.group4::before{content:"";background-image: url(/common/img/company/group4.svg);}
     .group-content2 dl dt i.group5::before{content:"";background-image: url(/common/img/company/group5.svg);}
     .group-content2 dl dt i.group6::before{content:"";background-image: url(/common/img/company/group6.svg);}
     
     .group-content2 dl dt i.group7::before{content:"";background-image: url(/common/img/company/group6.svg);}
     .group-content2 dl dt i.group8::before{content:"";background-image: url(/common/img/company/group6.svg);}
     .group-content2 dl dt i.group9::before{content:"";background-image: url(/common/img/company/group6.svg);}
     .group-content2 dl dt i.group10::before{content:"";background-image: url(/common/img/company/group6.svg);}
     .group-content2 dl dt i.group11::before{content:"";background-image: url(/common/img/company/group6.svg);}
     .group-content2 dl dt i.group12::before{content:"";background-image: url(/common/img/company/group6.svg);}

     .group7{display:flex; align-items:center ; height:43.3rem; width:100%; }
     .group7 h2{color:#333; margin-bottom:6rem;}
     .group7 p i{height:4.2rem; width:63rem;  background-size: auto; background-position:left;  background-repeat: no-repeat;  background-image: url(/common/img/company/group7.svg);}
     .group7 p{color:#333; margin-bottom:2rem; font-size:1.8rem; font-weight: 200;  line-height: 3.4rem;}




     /*현대건설 배구단*/
     .volleyball1-content{padding-bottom:4rem;}
     .volleyball1-content i.volleyball1{height:46rem; background-image: url(/common/img/company/volleyball1.png);background-size: contain;  background-position: center; background-repeat: no-repeat;}
     .volleyball1-content p{margin-top:3rem;}

     .volleyball2{height:23rem; width:100%;  padding-top:8rem; padding-left:6rem;  display:block; background-image: url(/common/img/company/volleyball2.png);background-size: cover;  background-position: center; background-repeat: no-repeat;}
     .volleyball2 p,
     .volleyball2 span{color:#Fff;  }
     .volleyball2:hover span{border-bottom:1px solid #fff; display:inline-block;}
     .volleyball2 span{font-size:1.6rem;}
     .volleyball2 p{font-size:3.4rem; margin-bottom:1rem; font-weight: 300;  line-height:1em;}

     .social-voll{display:flex; margin-top:1rem; }
     .social-voll a + a{margin-right:2rem; }
     .social-voll a:first-child{margin-right:2rem; }
     .social-voll a:last-child{margin-right:0;}
     .social-voll a{border:1px solid #ccc; display:flex; flex-direction: column; justify-content: center;  height:14.5rem; padding:3rem 5rem; width:100%;  background-size: cover;  background-position: center; background-repeat: no-repeat;}
     .social-voll a p{font-size: 4.5rem; margin-top:0.5rem;line-height:4.5rem;}
     
     .social-voll p,
     .social-voll span{color:#333; margin-top:-2rem; color:#fff;}
     .social-voll .bgB{background:#000;}
     .social-voll .bgR{background:#961e1e;}

     .social-voll01{display:flex; margin-top:1rem; }
     .social-voll01 a{border:1px solid #ccc; display:flex; flex-direction: column; justify-content: center;  height:14.5rem; padding:3rem 5rem; width:100%;  background-size: cover;  background-position: center; background-repeat: no-repeat;width:50%;}
     .social-voll01 a p{font-size: 4.5rem; margin-top:0.5rem;line-height:4.5rem;}
     .social-voll01 p{color:#333; margin-top:-2rem; color:#fff; font-weight:700;}
     .social-voll01 span{color:#333; margin-top:-2rem; color:#fff;}

     .social-voll span{font-size:1.8rem;}
     .social-voll01 span{font-size:1.8rem;}
     .volleyball3{background-image: url(/common/img/company/volleyball3.svg);}
     .volleyball4{background-image: url(/common/img/company/volleyball4.svg);}
     .volleyball5{background-image: url(/common/img/company/volleyball5.svg);}
     .volleyball6{background-image: url(/common/img/company/volleyball6.svg);}
     .volleyball7{background-image: url(/common/img/company/volleyball7.svg);}
     .housingB{background-image: url(/common/img/tech/housing01BgB.png);}
     .housingR{background-image: url(/common/img/tech/housing01BgR.png);}
     .ESGBg{background-image: url(/common/img/invest/ESGBg.png);}
     .ESGBgEn{background-image: url(/common/img/invest/ESGBgEn.png);}
     .CSRBg{background-image: url(/common/img/invest/CSRBg.png);}
     .CSRBgEn{background-image: url(/common/img/invest/CSRBgEn.png);}

     .social-voll a.volleyball3:hover {border-color:#3a559f}
     .social-voll a.volleyball4:hover {border-color:#4fcb23}
     .social-voll a.volleyball5:hover {border-color:#763ebb}
     .social-voll a.volleyball6:hover {border-color:#dc2b28}
     .social-voll a.volleyball7:hover {border-color:#fcdd0e}

     .social-voll a.housingB:hover {border-color:#000}
     .social-voll a.housingR:hover {border-color:#961e1e}




     .contact-content1{display:flex; flex-wrap: wrap;}
     .contact-content1 dl
     {
         width:49%;
         display:flex; 
         flex-direction: column;
         justify-content: space-between;
         padding:8rem 4rem 8rem 4rem; 
         border-right:1px solid #ccc; 
         border-bottom:1px solid #ccc; 
         padding-bottom:4rem; 
         padding-top:4rem;
     }
     .contact-content1 dl:lang(en){
         display:flex; 
         flex-direction: column;
         justify-content: space-between;}
     .contact-content1 dl:nth-child(2),
     .contact-content1 dl:nth-child(4){border-right: 0;}
     .contact-content1 dl:nth-child(3),
     .contact-content1 dl:nth-child(4){border-bottom:0;}
     .contact-content1 dl dt{font-weight: 700; font-size: 2.4rem; text-align: center; margin-bottom:4rem;}
     .contact-content1 dl dt p{font-size: 2.4rem;}
     .contact-content1 dl dd{line-height:2.4rem ; display: block;}
     .contact-content1 dl dd p{margin-bottom:6rem;  font-size:1.6rem; line-height:2.4rem;}
     .contact-content1 dl dd p:nth-child(1){margin-bottom:2rem;  font-size:1.8rem; line-height:2.4rem;}

     .contact-content1 dl dd a{display: block;}
     .contact-content1 dl dd a.a-btn{display:flex; }
     .contact-content1 dl dt i{display:block; margin-bottom: 4rem; background-size: auto; width:100%; height:7.6rem; background-position: center; background-repeat: no-repeat;}
     .contact-content1 dl dt i.contact1{background-image: url(/common/img/company/contec1.svg);}
     .contact-content1 dl dt i.contact2{background-image: url(/common/img/company/contec2.svg);}
     .contact-content1 dl dt i.contact3{background-image: url(/common/img/company/contec3.svg);}
     .contact-content1 dl dt i.contact4{background-image: url(/common/img/company/contec3.svg);}
     .contact-content1 dl dt a i.map-icon{background-image: url(/common/img/map-icon.svg);}



         /*자료실 지속경영보고서 */
         .tow-down .td-div + .td-div{border-left:1px solid #ccc;}
         .tow-down .td-div{align-items: center;}
         .tow-down .td-div button{display:flex; align-items: baseline; }

         .library-list {margin:0 auto;  justify-content: center;}
         .library-list.thum-list-tree li{width:auto;}
         .thum-list-tree li h2.contents-title-34{font-size:2.4rem; font-weight: 700; color:#333;}
         
         
      /*탈석탄*/
     .zeroT-box{display:flex; flex-wrap: wrap; justify-content: space-between; margin-bottom:6rem; padding-bottom:6rem;}
     .zeroT-box li{width:48%; margin-bottom:4rem; }
     .zeroT-box li:lang(en){width:100%; margin-bottom:4rem; }
     .zeroT-box li dt strong{color: #01A251; font-weight: 400; line-height:2.4rem;}
     .zeroT-box li dt{font-size:2rem;margin-bottom:1rem; }
     .zeroT-box li dt span{ line-height: initial; color: #9f9f9f; }
     .zeroT-box li dd span{font-size:1.6rem; line-height: initial; margin-left:1rem;  }
     .zeroT-box li dd span span{line-height: initial; color: #9f9f9f;font-size:1.6rem;}
     .zeroT-box li dd{display:flex; line-height: 2.4rem;  position: relative; margin-bottom:1rem;}
     .zeroT-box li p{font-size:1.5rem; line-height: initial; color: #9f9f9f; }
     .zeroT-box li dl{display: block;}
     .zeroT-box li dl dd:nth-child(2)::before{content:none;}
     .zeroT-box li dl dd:nth-child(2){ margin-bottom:1.5rem;}
     .zeroT-box li dd::before{content:"·"; display:block;position: absolute; top:0;  line-height: initial;  font-size:1.8rem; color:#333; margin-right:0.5rem;}
     
     .zeroT01 i,
     .zeroT02 i,
     .zeroT03 i,
     .zeroT04 i{ width:10rem;  background-size:contain; background-repeat: no-repeat; background-position: top;margin-right:3rem; float:left;}
     .zeroT01 i{background-image: url(/common/img/invest/zeroT01.png); height:20rem;}
     .zeroT02 i{background-image: url(/common/img/invest/zeroT02.png); height:20rem;}
     .zeroT03 i{background-image: url(/common/img/invest/zeroT03.png); height:30rem;}
     .zeroT04 i{background-image: url(/common/img/invest/zeroT04.png); height:30rem;}
     

      /*미래기술*/
     .advanced-box{display:flex; flex-wrap: wrap; justify-content: space-between; margin-bottom:6rem; padding-bottom:6rem;}
     .advanced-box li{width:48%; margin-bottom:4rem; }
     .advanced-box li i{display:block; width:100%;height:24rem; margin-bottom:2rem;  background-position: left; background-size: contain; background-repeat: no-repeat;}
     .advanced-box li dd strong{color: #01A251; font-weight: 400; line-height:2.4rem;}
     .advanced-box li dt{font-size:2.4rem;margin-bottom:1rem; }
     .advanced-box li dd span{font-size:1.6rem; line-height: initial; margin-left:1rem;  }
     .advanced-box li dd{display:flex; line-height: 2.4rem;  position: relative; margin-bottom:1rem;    }
     .advanced-box li dl dd:nth-child(2)::before{content:none;}
     .advanced-box li dl dd:nth-child(2){ margin-bottom:1.5rem;}
     .advanced-box li dd::before{content:"·"; display:block;position: absolute; top:0;  line-height: initial;  font-size:1.8rem; color:#333; margin-right:0.5rem;}
     

     /*연구비전*/
     .rnd-box{display:flex;align-items: center;  justify-content: space-between; border:1px solid #ccc;   }
     .rnd-left{width:100%; display:flex;  justify-content: center; }
     .rnd-box .rnd-inner{padding-left:4.5rem; padding-right:4.5rem;  width:100%; }
     .rnd-box i{ height:12.6rem; background-position: center; background-repeat: no-repeat;background-size: contain;}
     .rnd1 {background-position: center center;background-size:contain;background-repeat: no-repeat; height:29.1rem; margin:0 auto; background-image: url(/common/img/tech/rnd1.png);}
     .rnd1:lang(en){background-position: center center;background-size:contain;background-repeat: no-repeat; height:35rem; margin:0 auto; background-image: url(/common/img/tech/rnd1-en.png);}
     .rnd1 i{}
     .rnd2 i{width:41.5rem; height:34.6rem;background-image: url(/common/img/tech/rnd2.png)}
     .rnd1 i:lang(en){}
     .rnd2 i:lang(en){width:54rem; height:31rem;background-image: url(/common/img/tech/rnd2-en.png)}
     .rnd-box .rnd-inner h4{margin-bottom:1.5rem;}
     .rnd-box .rnd-inner ul li{font-size:1.6rem; line-height:2.4rem;}

     .rnd-box2{display:flex; margin-bottom:15rem;align-items: center; }
     .rnd-box2 i{ height:19.1rem; background-position: center; background-size: contain; background-repeat: no-repeat;}
     .rnd3 {width:50%;}
     .rnd3 i{background-image: url(/common/img/tech/rnd3.svg)}
     .rnd-box3{display:flex; width:50%;  align-items: flex-start; } 
     .rnd-box3 dl{margin-right: 8rem;}
     .rnd-box3 dt{font-size:1.8rem; font-weight: 700; margin-bottom:2rem;}
     .rnd-box3 dd{display:flex; }
     .rnd-box3 dd span{font-size:1.8rem; line-height:2.6rem;}
     .rnd-box3 dd::before{content:"·"; display:block; font-size:1.8rem; color:#333; margin-right:0.5rem;}

    /*2020-10-05*/

    .rnd-box4{margin-top:6rem;}
    .rnd-box4 h3{margin-bottom:2rem;}
    .rnd4{background-position: center; background-repeat: no-repeat;background-size: contain; width:100%; height:20.5rem; display:block; background-image: url(/common/img/tech/rnd4.png);}
    .rnd5{background-position: center; background-repeat: no-repeat;background-size: contain; width:100%; height:20.5rem; display:block; background-image: url(/common/img/tech/rnd5.png);}
    .rnd6{background-position: center center; background-repeat: no-repeat;background-size: auto; width:100%; height:30rem; display:block; background-image: url(/common/img/tech/rnd6.png);}
    .rnd7{background-position: center center; background-repeat: no-repeat;background-size: auto; width:100%; height:30rem; margin-top:25px; display:block; background-image: url(/common/img/tech/rnd7.png);}
    .rnd6:lang(en){background-position: center; background-repeat: no-repeat;background-size: auto; width:100%; height:30rem; display:block; background-image: url(/common/img/tech/rnd6-en.png);}
    .rnd7:lang(en){background-position: center; background-repeat: no-repeat;background-size: auto; width:100%; height:35rem; display:block; background-image: url(/common/img/tech/rnd7-en.png);}

    .rnd-box5{margin-bottom:15rem;}
    .rnd-box5 h3{margin-bottom:2rem;}
    /*2020-10-05*/


     /*그린스마트*/
     i.green2{width:100%;height:26.3rem; display:block; background-image: url(/common/img/tech/green2.png); background-position: center; background-size: cover; background-repeat: no-repeat;}
     .green-box{display:flex; margin-bottom:15rem; margin-top:4rem;}
     .green-box .green-inner{display:flex; flex-wrap: wrap; }
     .green-box .green-inner.left{ width:100%;}

     .green-box .green-inner.left li{ width:100%; margin-bottom:4rem;}
     .green-box .green-inner.left li p{font-size:1.4rem; line-height:1.2em; color:#666; margin-top:1rem;}
     .green-box .green-inner.left li i{width:80%; background-size: cover; background-repeat: no-repeat;height:50rem;}
     .green-box .green-inner.left li dt{font-weight: 700;font-size:1.8rem; margin-bottom:1rem; }
     .green-box .green-inner.left li dt em{font-size:2.3rem; color:#01A251; margin-right:1rem;}
     .green-box .green-inner.left li dt span{font-size:2rem;}

     .green-box .green-inner.left li dd{font-size:1.6rem; line-height:2.4rem; position:relative; margin-bottom:0.7rem;}
     .green-box .green-inner.left li dd:lang(en){font-size:1.6rem; line-height:1.2em; position:relative; margin-bottom:1rem;}

     .green-box .green-inner.left li dd::before{content:"·"; position: absolute; top:0;  line-height: initial;  display:block; font-size:1.8rem; color:#333; margin-left:0.5rem;}
     .green-box .green-inner.left li dd span{margin-left:1.5rem; display:block; line-height:inherit;}

     i.green3{background-image: url(/common/img/tech/green3.png);}
     i.green4{background-image: url(/common/img/tech/green4.png);} 
     i.green5{background-image: url(/common/img/tech/green5.png);}
     i.green6{background-image: url(/common/img/tech/green6.png);}
     i.green7{background-image: url(/common/img/tech/green7.png);}
     i.green8{background-image: url(/common/img/tech/green8.png);}
    
     
     .green-box .green-inner.right{width:30%; margin-left:2rem;justify-content: space-between; } 

     .green-box .green-inner.right li{width:100%; display:flex; height:50rem;align-items:flex-end;}
     .green-box .green-inner.right li dt{font-weight: 700;font-size:1.8rem; margin-bottom:2rem; }
     
     .green-box .green-inner.right li dt span{line-height: initial;}
     .green-box .green-inner.right li dt em{font-size:2rem;line-height: initial; color:#01A251; display:block;}
     
     .green-box .green-inner.right li dd{font-size:1.6rem; line-height:2.4rem; position:relative; margin-bottom:0.7rem;}
     .green-box .green-inner.right li dd:lang(en){font-size:1.6rem; line-height:1.2em; position:relative; margin-bottom:1rem;}

     .green-box .green-inner.right li dd::before{content:"·"; position: absolute; top:0;  line-height: initial;  display:block; font-size:1.8rem; color:#333; margin-right:0.5rem;}
     .green-box .green-inner.right li dd span{margin-left:1rem; display:block; line-height:inherit;}

     .hsilentlab{ width:100%; margin-bottom:2rem;display:flex; flex-wrap: wrap; justify-content: space-between;}
     .hsilentlab dl{width:100%; display:inline-block;}
     .hsilentlab dt{ font-size:2rem; margin-bottom:1.5rem; font-weight:600;}
     .hsilentlab dd{ font-size:1.6rem; margin-bottom:0.5rem;}
     
     .hsilentlab p{ width:100%;display:inline-block;}
     .hsilentlab p img{width:100%; border: 1px solid #ddd;}
     .hsilentlab p span{font-size:1.7rem; line-height:1.2em; color:#666; margin-top:1.5rem; display:block;width:100%; text-align:right;} 

     .green-box3{margin-bottom:15rem; margin-top:4rem;}
     .green-box2{display:flex; margin-bottom:5rem; margin-top:4rem;}
     .green-box2 .green-inner{display:flex; flex-wrap: wrap; justify-content: space-between;}
     .green-box2 .green-inner.left2{ width:100%;}

     .green-box2 .green-inner.left2 li{ width:32%; margin-bottom:2rem; }
     .green-box2 .green-inner.left2 li p{font-size:1.4rem; line-height:1.2em; color:#666; margin-top:1rem;}
     .green-box2 .green-inner.left2 li i{width:100%; height:23rem; background-size: cover; background-repeat: no-repeat;}

     i.hsilentlab1{background-image: url(/common/img/tech/hsilentlab1.png);}
     i.hsilentlab2{background-image: url(/common/img/tech/hsilentlab2.png);}
     i.hsilentlab3{background-image: url(/common/img/tech/hsilentlab3.png);}
     i.hsilentlab4{background-image: url(/common/img/tech/hsilentlab4.png);}
     i.hsilentlab5{background-image: url(/common/img/tech/hsilentlab5.png);}

     /*구조실험실*/
     .structure-box{display:flex; flex-wrap: wrap; justify-content: space-between; margin-top:4rem; margin-bottom:15rem;}
     .structure-box li{width:100%;  margin-bottom:1rem;}
     .structure-box li i{display:block; width:80%; height:50rem; background-position: center; background-size: cover; background-repeat: no-repeat; margin-bottom:3rem}
     .structure-box li dl{width:100%; }
     .structure-box li dl:lang(en){width:100%;  }
     .structure-box li dt{font-weight: 700;font-size:2rem;margin-bottom:1.5rem;}
     .structure-box li dt:lang(en){font-weight:600;font-size:2rem;margin-bottom:1.5rem;}

     .structure-box li dd {display:flex; width:100%; line-height: 2.4rem; position: relative; margin-bottom: 0.7rem;}
     .structure-box li dd span{font-size:1.6rem; line-height: initial; margin-left:1rem;  }
     .structure-box li dd::before{content:"·"; position: absolute; top:0;  line-height: initial;  display:block; font-size:1.8rem; color:#333;}
     
     i.structure1{background-image: url(/common/img/tech/structure1.png);}
     i.structure2{background-image: url(/common/img/tech/structure2.png);}
     i.structure3{background-image: url(/common/img/tech/structure3.png);}
     i.structure4{background-image: url(/common/img/tech/structure4.png);}



     /*환경실험동*/
     .tenvironment-box{display:flex; flex-wrap: wrap; justify-content: space-between; margin-top:4rem; margin-bottom:15rem;}
     .tenvironment-box li{width:100%; display:flex;  margin-bottom:1rem; align-items: top;}
     .tenvironment-box li i{display:block; width:80%;height:50rem; background-position: center; background-size: cover; background-repeat: no-repeat;margin-bottom:3rem}
     .tenvironment-box li dl{width:100%;  }
     .tenvironment-box li dt{font-weight: 700;font-size:2rem; margin-bottom:1.5rem;}
     .tenvironment-box li dt:lang(en){font-weight:600;font-size:2rem; margin-bottom:1.5rem;}

     .tenvironment-box li dd {display:flex; width:100%; line-height:  2.4rem;  position: relative; margin-bottom: 0.7rem;}
     .tenvironment-box li dd span{font-size:1.6rem; line-height: initial; margin-left:1rem;}
     .tenvironment-box li dd::before{content:"·"; display:block;position: absolute; top:0;  line-height: initial; font-size:1.8rem; color:#333; margin-right:0.5rem;}
     i.tenvironment1{background-image: url(/common/img/tech/tenvironment1.png);}
     i.tenvironment2{background-image: url(/common/img/tech/tenvironment2.png);}
     i.tenvironment3{background-image: url(/common/img/tech/tenvironment3.png);}
     i.tenvironment4{background-image: url(/common/img/tech/tenvironment4.png);}

     /*기술솔루션*/
     .tsolution-box{display:flex; flex-wrap: wrap; justify-content: space-between; margin-bottom:6rem;}
     .tsolution-box li{width:47%; margin-bottom:6rem; }
     .tsolution-box li i{display:block; width:100%;height:24rem; margin-bottom:4rem;  background-position: left; background-size: contain; background-repeat: no-repeat;}
     .tsolution-box li dd strong{color: #01A251; font-weight: 400; line-height:2.4rem;}
     .tsolution-box li dt{font-size:2.4rem; margin-bottom:1rem;}
     .tsolution-box li dd span{font-size:1.6rem; line-height: initial; margin-left:1rem;}
     .tsolution-box li dd{display:flex;line-height: initial; position: relative; margin-bottom:0.5rem; }
     .tsolution-box li dl dd:nth-child(2)::before{content:none;}
     .tsolution-box li dl dd:nth-child(2){ margin-bottom:1.5rem;}
     .tsolution-box li dd::before{content:"·"; display:block;position: absolute; top:0;  line-height: initial; display:block; font-size:1.8rem; color:#333; margin-right:0.5rem;}
     .tsolution-box li .etc{font-size:1.3rem; line-height: initial; margin-left:1rem; display: block;}

     i.tsolution1{background-image: url(/common/img/tech/tsolution1.png);}  
     i.tsolution2{background-image: url(/common/img/tech/tsolution2.png);}
     i.tsolution3{background-image: url(/common/img/tech/tsolution3.png);}
     i.tsolution4{background-image: url(/common/img/tech/tsolution4.png);}
     i.tsolution5{background-image: url(/common/img/tech/tsolution5.png);}
     i.tsolution6{background-image: url(/common/img/tech/tsolution6.png);}
     i.tsolution7{background-image: url(/common/img/tech/tsolution7.png);}
     i.tsolution8{background-image: url(/common/img/tech/tsolution8.png);}
     i.tsolution9{background-image: url(/common/img/tech/tsolution9.png);}
     i.tsolution10{background-image: url(/common/img/tech/tsolution10.png);}
     i.tsolution11{background-image: url(/common/img/tech/tsolution11.png);}
     i.tsolution12{background-image: url(/common/img/tech/tsolution12.png);}
     i.tsolution12:lang(en){background-image: url(/common/img/tech/tsolution12_en.png);}
     i.tsolution13{background-image: url(/common/img/tech/tsolution13.png);}
     i.tsolution14{background-image: url(/common/img/tech/tsolution14.png);}



     /*미래기술*/
     .advanced-box{display:flex; flex-wrap: wrap; justify-content: space-between; margin-bottom:6rem; padding-bottom:6rem;}
     .advanced-box li{width:48%; margin-bottom:4rem; }
     .advanced-box li i{display:block; width:100%;height:24rem; margin-bottom:2rem;  background-position: left; background-size: contain; background-repeat: no-repeat;}
     .advanced-box li dd strong{color: #01A251; font-weight: 400; line-height:2.4rem;}
     .advanced-box li dt{font-size:2.4rem;margin-bottom:1rem; }
     .advanced-box li dd span{font-size:1.6rem; line-height: initial; margin-left:1rem;  }
     .advanced-box li dd{display:flex; line-height: 2.4rem;  position: relative; margin-bottom:1rem;    }
     .advanced-box li dl dd:nth-child(2)::before{content:none;}
     .advanced-box li dl dd:nth-child(2){ margin-bottom:1.5rem;}
     .advanced-box li dd::before{content:"·"; display:block;position: absolute; top:0;  line-height: initial;  font-size:1.8rem; color:#333; margin-right:0.5rem;}
     .advanced-box li .etc{font-size:1.3rem; line-height: initial; margin-left:1rem; display: block;}


     i.advanced1{background-image: url(/common/img/tech/advanced1.png);}
     i.advanced2{background-image: url(/common/img/tech/advanced2.png);}
     i.advanced3{background-image: url(/common/img/tech/advanced3.png);}
     i.advanced4{background-image: url(/common/img/tech/advanced4.png);}
     i.advanced5{background-image: url(/common/img/tech/advanced5.png);}
     i.advanced6{background-image: url(/common/img/tech/advanced6.png);}
     i.advanced7{background-image: url(/common/img/tech/advanced7.png);}
     i.advanced8{background-image: url(/common/img/tech/advanced8.png);}
     i.advanced9{background-image: url(/common/img/tech/advanced9.png);}
     i.advanced10{background-image: url(/common/img/tech/advanced10.png);}
     i.advanced11{background-image: url(/common/img/tech/advanced11.png);}
     i.advanced12{background-image: url(/common/img/tech/advanced12.png);}
     i.advanced13{background-image: url(/common/img/tech/advanced13.png);}
     i.advanced14{background-image: url(/common/img/tech/advanced14.png);}
     i.advanced15{background-image: url(/common/img/tech/advanced15.png);}
     i.advanced16{background-image: url(/common/img/tech/advanced16.png);}
     i.advanced10:lang(en){background-image: url(/common/img/tech/advanced10_en.png);}


 /*뉴스 리스트 */

 #contacTcolumns .noticontents .noti {display:flex; width:21.5rem; align-items: center; padding-left:2rem; padding-right:2rem;}
 #contacTcolumns .noticontents > div{width:60%; font-size:1.6rem;}
 #contacTcolumns .noticontents .noti-day{width:25rem;margin-left: auto; padding-right:2rem; padding-left:2rem; justify-content: flex-end; align-items: center; display: flex;}




 /*오시는 길 */
 .map-icon {background-image: url(/common/img/company/map-icon.svg);background-position: center; background-size: contain; background-repeat: no-repeat;}
 a:hover .map-icon {background-image: url(/common/img/company/map-icon-on.svg);background-position: center; background-size: contain; background-repeat: no-repeat;}


/*두드림*/
.dudrim-tel li:nth-child(2) span{width:7rem !important;}
.dudrim-tel strong{width:30rem !important;}

     /*페이지 키비쥬얼*/

 /*프로젝트*/
     /*토목사업*/
     .a-a{background-image: url(/common/img/projects/a-a.png);}
     .a-a-a{background-image: url(/common/img/projects/a-a-a.png);}
     .a-a-b{background-image: url(/common/img/projects/a-a-b.png);}
     .a-a-c{background-image: url(/common/img/projects/a-a-c.png);}
     .a-a-d{background-image: url(/common/img/projects/a-a-d.png);}
     .a-a-e{background-image: url(/common/img/projects/a-a-e.png);}

     /*건축사업*/
     .a-b{background-image: url(/common/img/projects/a-b.png);}
     .a-b-a{background-image: url(/common/img/projects/a-b-a.png);}
     .a-b-b{background-image: url(/common/img/projects/a-b-b.png);}
     .a-b-c{background-image: url(/common/img/projects/a-b-c.png);}
     .a-b-d{background-image: url(/common/img/projects/a-b-d.png);}
     .a-b-e{background-image: url(/common/img/projects/a-b-e.png);}
     .a-b-f{background-image: url(/common/img/projects/a-b-f.png);}
     .a-b-g{background-image: url(/common/img/projects/a-b-g.png);}

     /*주택사업*/
     .a-c{background-image: url(/common/img/projects/a-c.png);}
     .a-c-a{background-image: url(/common/img/projects/a-c-a.png);}
     .a-c-b{background-image: url(/common/img/projects/a-c-b.png);}
     .a-c-c{background-image: url(/common/img/projects/a-c-c.png);}
     .a-c-d{background-image: url(/common/img/projects/a-c-d.png);}
     .a-c-e{background-image: url(/common/img/projects/a-c-e.png);}

     /*플랜트 사업*/
     .a-d{background-image: url(/common/img/projects/a-d.png);}
     .a-d-a{background-image: url(/common/img/projects/a-d-a.png);}
     .a-d-b{background-image: url(/common/img/projects/a-d-b.png);}
     .a-d-c{background-image: url(/common/img/projects/a-d-c.png);}
     .a-d-d{background-image: url(/common/img/projects/a-d-d.png);}
     .a-d-e{background-image: url(/common/img/projects/a-d-e.png);}

     /*에너지 사업*/
     .a-e{background-image: url(/common/img/projects/a-e.png);}
     .a-e-a{background-image: url(/common/img/projects/a-e-a.png);}
     .a-e-b{background-image: url(/common/img/projects/a-e-b.png);}
     .a-e-c{background-image: url(/common/img/projects/a-e-c.png);}

     /*기술혁신*/
     /*기술공모전*/
     .a-f-a{background-image: url(/common/img/projects/a-f-a.jpg);}
     .a-f-b{background-image: url(/common/img/projects/a-f-b.jpg);}
     .a-g-a{background-image: url(/common/img/projects/a-g-a.png);}

     /*연구비전*/
     .a-g-b{background-image: url(/common/img/projects/a-g-b.jpg);}
     .a-g-c{background-image: url(/common/img/projects/a-g-c.jpg);}
     .a-g-d{background-image: url(/common/img/projects/a-g-d.jpg);}
     .a-g-e{background-image: url(/common/img/projects/a-g-e.jpg);}
     .a-g-f{background-image: url(/common/img/projects/a-g-f.jpg);}
     .a-g-g{background-image: url(/common/img/projects/a-g-g.jpg);}
     .a-g-h{background-image: url(/common/img/projects/a-g-h.jpg);}
     .a-g-i{background-image: url(/common/img/projects/a-g-i.jpg);}


     /*지적재산권*/
     .a-h-a{background-image: url(/common/img/projects/a-h-a.jpg);}
   




 /*투자/가치경영*/
     /*투자정보*/
     .b-a-a{background-image: url(/common/img/invest/b-a-a.jpg);}
     .b-a-b{background-image: url(/common/img/invest/b-a-b.jpg);}
     
     /*투자정보 이사회 tab*/
     .b-b-a{background-image: url(/common/img/invest/b-b-a.jpg);}
     .b-b-b{background-image: url(/common/img/invest/b-b-b.jpg);}
     .b-b-c{background-image: url(/common/img/invest/b-b-c.jpg);}
     
     /*투자정보 위원회 tab*/
     .b-c-a{background-image: url(/common/img/invest/b-c-a.jpg);}
     .b-c-b{background-image: url(/common/img/invest/b-c-b.jpg);}
     .b-c-c{background-image: url(/common/img/invest/b-c-c.jpg);}
     .b-c-d{background-image: url(/common/img/invest/b-c-d.jpg);}

     /*외부감사인*/
     .b-d-a{background-image: url(/common/img/invest/b-d-a.jpg);}

     /*재무정보*/
     .b-e-a{background-image: url(/common/img/invest/b-e-a.jpg);}
     
     /*재무정보 tab*/
     .b-e-b{background-image: url(/common/img/invest/b-e-b.jpg);}
     .b-e-c{background-image: url(/common/img/invest/b-e-c.jpg);}
     .b-e-d{background-image: url(/common/img/invest/b-e-d.jpg);}
     .b-e-e{background-image: url(/common/img/invest/b-e-e.jpg);}
     .b-e-f{background-image: url(/common/img/invest/b-e-f.jpg);}

      /*전자공고*/
      .b-f-a{background-image: url(/common/img/invest/b-f-a.jpg);}
      .b-f-b{background-image: url(/common/img/invest/b-f-b.jpg);}

       /*ir 자료실*/
       .b-g-a{background-image: url(/common/img/invest/b-g-a.jpg);}
       .b-g-b{background-image: url(/common/img/invest/b-g-b.jpg);}
       .b-g-c{background-image: url(/common/img/invest/b-g-c.jpg);}
       .b-g-d{background-image: url(/common/img/invest/b-g-d.jpg);}


       /*주식 및 주주정보*/
       .b-h-a{background-image: url(/common/img/invest/b-h-a.jpg);}
       .b-h-b{background-image: url(/common/img/invest/b-h-b.jpg);}
       .b-h-c{background-image: url(/common/img/invest/b-h-c.jpg);}
       .b-h-d{background-image: url(/common/img/invest/b-h-d.jpg);}

       /*FAQ*/
       .b-i-a{background-image: url(/common/img/invest/b-i-a.jpg);}

       /*지속가능경영*/
       .b-j-a{background-image: url(/common/img/invest/b-j-a.jpg);}
       .b-j-b{background-image: url(/common/img/invest/b-j-b.jpg);}
       .b-j-c{background-image: url(/common/img/invest/b-j-c.jpg);}
       .b-j-d{background-image: url(/common/img/invest/b-j-d.jpg);}
       .b-j-e{background-image: url(/common/img/invest/b-j-e.jpg);}
       .b-j-f{background-image: url(/common/img/invest/b-j-f.jpg);}
       .b-j-g{background-image: url(/common/img/invest/b-j-g.jpg);}
       .b-j-h{background-image: url(/common/img/invest/b-j-h.jpg);}
      .b-j-i{background-image: url(/common/img/invest/b-j-i.jpg);}






     /*현대건설 사람들*/
         .c-a-a{background-image: url(/common/img/career/c-a-a.jpg);} 
         .c-a-b{background-image: url(/common/img/career/c-a-b.jpg);} 
         .c-a-c{background-image: url(/common/img/career/c-a-c.jpg);} 
     /*채용공고*/

         .c-a-d{background-image: url(/common/img/career/c-a-d.jpg);}
         .c-a-e{background-image: url(/common/img/career/c-a-e.jpg);}
         .c-a-f{background-image: url(/common/img/career/c-a-f.jpg);}
         .c-a-g{background-image: url(/common/img/career/c-a-g.jpg);}

     /*채용안내*/
         .c-b-a{background-image: url(/common/img/career/c-b-a.jpg);}
         .c-b-b{background-image: url(/common/img/career/c-b-b.jpg);}
         .c-b-c{background-image: url(/common/img/career/c-b-c.jpg);}

         /*입사지원관리*/
         .c-c-a{background-image: url(/common/img/career/c-c-a.jpg);}
         .c-c-b{background-image: url(/common/img/career/c-c-b.jpg);}
         .c-c-c{background-image: url(/common/img/career/c-c-c.jpg);}
         .c-c-d{background-image: url(/common/img/career/c-c-d.jpg);}
         .c-c-e{background-image: url(/common/img/career/c-c-e.jpg);}

         /*기술교육원*/
         .d-a-c{background-image: url(/common/img/career/d-a-c.jpg);}


         .career-step i{width:11rem; height:11rem; background-size: contain;     background-position: center; background-repeat: no-repeat;}
         .step1{background-image: url(/common/img/career/step1.svg);}
         .step2{background-image: url(/common/img/career/step2.svg);}
         .step3{background-image: url(/common/img/career/step3.svg);}
         .step4{background-image: url(/common/img/career/step4.svg);}
         .step5{background-image: url(/common/img/career/step5.svg);}
         .step6{background-image: url(/common/img/career/step6.svg);}
         .question-icon{background-image: url(/common/img/career/question-icon.svg);}


     /*비전*/
         .d-a-a{background-image: url(/common/img/company/d-a-a.jpg);}
     /*70년사사*/
         .d-a-b{background-image: url(/common/img/company/d-a-b.jpg);}
     /*그룹소개*/
         .d-c-c{background-image: url(/common/img/company/d-c-c.jpg);}
         .d-c-b{background-image: url(/common/img/company/d-c-b.jpg);}
         .d-c-d{background-image: url(/common/img/company/d-c-d.jpg); background-position:left;}
         @media only all and (max-width: 1400px) 
         {
             .d-c-d{background-position:center;}
         }
         
     /*보도자료*/
         .d-b-a{background-image: url(/common/img/company/d-b-a.jpg);}
     
     /*자료실*/
         .d-c-a{background-image: url(/common/img/company/d-c-a.jpg);}
     /*배구단 */
         .d-c-e{background-image: url(/common/img/company/d-c-e.jpg);}
         
    /*개인정보처리방침 */
         .e-a-a{background-image: url(/common/img/company/e-a-a.jpg);}
         .label{width:100%; margin-top:4rem;}
         .label li{ width:16%;margin-bottom:1rem;list-style-type:none; display:inline-block; text-align:center; border:1px solid #ddd; padding: 1.5rem; position:relative;}
         .label li i{width:9rem; height:9rem;background-repeat: no-repeat; background-position: center; background-size:contain; display:block; margin:1.5rem auto; }
         .label li i.icon1{background-image: url(/common/img/etc/policy01.svg);}
         .label li i.icon2{background-image: url(/common/img/etc/policy02.svg);}
         .label li i.icon3{background-image: url(/common/img/etc/policy03.svg);}
         .label li i.icon4{background-image: url(/common/img/etc/policy04.svg);}
         .label li i.icon5{background-image: url(/common/img/etc/policy05.svg);}
         .label li i.icon6{background-image: url(/common/img/etc/policy06.svg);}
         .label li A:hover, .label li A:link , .label li A:active , .label li A:visited{color:#000;}
         
         .linkList{width:100%; margin-top:4rem; border:1px solid #ddd; padding: 3rem;font-size:1.7rem;}
         .linkList ul{width:33%; display:inline-block;}
         .linkList li{height:3.5rem;}
         .linkList .list01{width:36%;}
         .linkList .list02{width:42%;}
         .linkList .list03{width:21%;}
         .linkList .list01:lang(en){width:100%}

         .linkList A:hover, .linkList A:link , .linkList A:active , .linkList A:visited{color:#000;}
         .label li .hovering{ display:none;}
         
         .label li:hover{ font-weight:700;}
         .label li:hover .hovering{ position:absolute;display:block; width:50rem; background:#f6f6f6;z-index:99999;left:0; border: 1px solid #ddd; padding:2rem; font-size:1.5rem;color:#000;font-weight:400; text-align:left; margin-top:3rem; }
         .label li:hover .hovering p{font-size:1.6rem;color:#000;font-weight:600; margin-bottom:1rem;}  
         .label li:hover .hovering.right33{}
         .label li:hover .hovering.right44{}
         .label li:hover .hovering.right00{right:0;left:calc(100% - 50rem );}

    /*법적고지 */
         .e-a-b{background-image: url(/common/img/company/e-a-b.jpg);}

          /*두드림*/
          .dudrim{background-image: url(/common/img/company/dudrim.jpg);}


         

  /*개인정보*/
  .policy-btnw{flex-wrap: nowrap; margin-top:10px;}
  .policy-btnw a{width:49%; }
  .policy-btnw a + a{margin-left:1rem;}
  .policy .dl-List{margin-bottom:2rem;} 
  .policy .dl-List dt{margin-top:2rem;}   
  .policy .corp-row  {margin-bottom:0;}  



  @media only all and (max-width: 1199px) 
  {
      
       .zeroT01 i,
   .zeroT02 i,
   .zeroT03 i,
   .zeroT04 i{width:10rem; height:10rem; background-size:contain; background-repeat: no-repeat; background-position: top;display:block; float:none;}
   
 /*입력폼*/
 .write-row dl dd{display:block;}
 .write-row{width:100%; padding-left:2rem; padding-right:2rem;}
 .write-row dl{display:block; margin-bottom:2rem;}
 .write-row dl dt{margin-bottom:1rem;}
 .write-row dl:nth-child(2) dd input,
 .write-row dl:nth-child(1) dd input{width:100%;}
 .write-row dl dd input{margin-bottom:1rem;}
 .m-inline{display:flex; }
 .m-inline input + span{margin-left:1rem; line-height:4.7rem;}
 .m-inline input + select {margin-left:1rem; height:4.7rem;}


 /*테이블 반응형*/
 .waid-table .table-body li .w-100 dt{margin-bottom:0;}
 .waid-table .table-body li .w-100{display: flex;}

 .myqna-view .myqna-inner,
 .question-view-inner{width:100%; padding-left:2rem; padding-right:2rem;}

 /*안전경영*/
 .safery-list .list-img-box{width:inherit; max-width:15%;}
 .safery-list .list-content{max-width:55%;}
 .safery-list .list-btn{margin-left:auto;margin-top:0;}
 .safery-list .news-contents{padding-left:2rem; padding-right:2rem;}


 /*공정거래*/
 .compliance-content1{display:block;}
 .compliance1{display:none;}

 /*상생경영*/
 .partnership-content2{ flex-wrap: wrap; justify-content: inherit;  column-gap: 1rem;}
 .partnership-content2 p{margin-bottom:1rem;}
 .partnership-content2 p i{ background-size: 100%;}

 /*나눔경영*/
 .contribute-content-com p img{width:11.8rem; height:11.8rem; }

 .nidea-content2 ul > li > dl dt{width:20%;}
 .nidea-tel{flex-wrap: wrap;}

 .inter_list li{width:31%;}
 .inter_list li .thumbnail-w{width:100%; height:24rem; overflow: hidden;}


 /*연구비전*/
 .rnd-box .rnd-inner{padding-left: 0; padding-right:0;}

 /*그린스마트*/
 .green-box{display:block;}
 .green-box .green-inner.left li{ margin-bottom:2rem; }
 .green-box .green-inner.right li{width:25%;padding-left:1rem; padding-right:1rem; }
 .green-box .green-inner.right{margin-left:0; width:100%;}

 .ethic-content1 dl{width:50%;}
 .ethic-content1 dl ul.dott-list{ margin-top:1.5rem; margin-bottom:3rem;}
 .safery-content1 > div{width:30% !important;}
 .safery-content1 > div > ul{display:block; }
 .safery-content1 > div > ul > li{width:100%;}


 .career-step ul{width:100%;}

.address-box:lang(en){display:flex; flex-wrap: wrap; margin-top:8rem;  height:28rem; margin-bottom:5rem;     flex-direction: column;    align-content: flex-start;}

/*타블릿 테이블 */
/*기업지배구조*/
.overview-table td:nth-child(1){width:80%; }
.overview-table td:nth-child(2){width:20%; text-align:center;}
.overview-table table tr{margin-bottom:0; border-bottom:1px solid #ddd;}
.overview-table table thead{/*display:block;*/ }
.overview-table table thead th{border-bottom:0;text-align:center;    width: auto; background:#f1f1f1;}
.overview-table table thead th:nth-child(1){width:80%;}
.overview-table table thead th:nth-child(2){width:20%; text-align:center;}


      /*70년 사사
      .seven-th .thum-list-img img:after{content:""; display:block;  box-shadow: 10px 10px 10px 10px rgba(0,0,0, 0.8);}*/
      .seven-img{width:50%; margin-left:4rem;}
      .seven-img .btn-tow a + a{border-left:0; margin-top:0;}
      .seven-img h2{margin-bottom:4rem;}
      .seven-img-box{display:flex;justify-content: center;    align-items: center; }

     .linkList .list01{width:50%;}
     .linkList .list02{width:50%;}
     .linkList .list03{width:50%;}
 
     .creator-content1 dl dd li{ list-style-type:none; width:100%; border:1px solid #ccc;float:left;text-align:center;font-size:1.4rem; line-height:2rem;margin-bottom:1rem; padding-bottom:1rem; }
       .creator-content1 dl dd li.next{width:10%;border:0px solid #ccc; line-height:3rem;}
       .creator-content1 dl dd li span{ font-size:1.5rem;background:#359E56; text-align:center; width:100%;color:#fff; display:inline-block; padding:0.5rem; margin-bottom:1rem; }
       .creator-content1 dl dd .action_list p{ width:100%;  line-height:2rem;color:#000;  margin-bottom:1rem; font-weight:500;}
       .creator-content1 dl dd .action_list dd{ width:100%; display:block;}
 
  .green-box .green-inner.left{ width:100%;}      
       

 }
 @media only all and (max-width: 1025px) 
 {
      .zeroT01 i,
   .zeroT02 i,
   .zeroT03 i,
   .zeroT04 i{width:10rem; height:10rem; background-size:contain; background-repeat: no-repeat; background-position: top;display:block; float:none;}
   
     .navi{justify-content: center;}
     .compliance-content2 dl{display:block;}
     .address-box{display: block; height:auto; margin-bottom:2rem;}
     .address-box dl{width:100%; margin-bottom:1rem;}

     .com-visi{display:block; }
     .com-visi .title{width:100%; padding-left:0; display:flex; align-items: center;}
     .com-visi .title p{margin-top:0; margin-left:2rem;}
     .com-visi .title p br{display:none;}

     .com-visi .conten-list{margin-top:2rem;}
     .com-visi .conten-list{width:100%;}

     .group-content2{display:block;}
     .group-content2 dl{display:flex; margin-bottom:3rem;}
     .group-content2 dl dt{width:150px;}
     .group-content2 dl dd{width:80%;}
     .group-content2 dl dt i{margin-bottom:1rem;}
     .group-content2 dl dt i::before{margin-bottom:1.5rem;}
     


     .ci-box:lang(en), 
     .ci-inner:lang(en), 
     .ci-inner > div:lang(en), 
     .great-company2:lang(en), 
     .visi-group:lang(en){display:block;}
     .visi-group dl:lang(en){border-right:0; padding-left:0;}
     .visi-group dl dt br:lang(en){display:none;}
     .visi-group dl dt:lang(en){margin-bottom:1rem; }
     .visi-group dl:lang(en){margin-bottom:2rem;}
     .great-company:lang(en){height:88rem;}
     .ci-box div + div{margin-left:0; margin-top:1rem; padding:2.5rem;}
     .ci-inner{height:100%;}
     
     
     .chart-warp{display:block; }
     .chart-warp .chart-box + .chart-box{margin-left:0;margin-top:3rem;}
     .safery1{height: 46rem;}
     .safery1 i{ height: 46rem !important;  background-size: 100%;}
     .safery1:lang(en){height: 51rem;}
     .safery1 i:lang(en){ height: 51rem !important;  background-size: 100%;}
     
     
     .green-box .green-inner.left{width:100%;}
     .ethic-2 i{background-size:contain;}
     .ethic-2 i:lang(en){background-size:contain;}

     .creator-content3 .content3-con .strategy li{ width:48%; border:1px solid #ccc;  margin-right:1.5%; display:inline-block;margin-top:2rem; margin-bottom:2rem; padding:1.5rem; text-align:center;font-size:2.2rem; }
     .linkList .list01{width:50%;}
     .linkList .list02{width:50%;}
     .linkList .list03{width:50%;}
 
       .creator-content1 dl dd li{ list-style-type:none; width:100%; border:1px solid #ccc;float:left;text-align:center;font-size:1.4rem; line-height:2rem;margin-bottom:1rem; padding-bottom:1rem; }
       .creator-content1 dl dd li.next{width:90%;border:0px solid #ccc; line-height:15rem;}
       .creator-content1 dl dd li span{ font-size:1.5rem;background:#359E56; text-align:center; width:100%;color:#fff; display:inline-block; padding:0.5rem; margin-bottom:1rem; }
       .creator-content1 dl dd .action_list p{ width:100%;  line-height:2rem;color:#000;  margin-bottom:1rem; font-weight:500;}
       .creator-content1 dl dd .action_list dd{ width:100%; display:block;}
       
 .green-box .green-inner.left{ width:100%;}      
 

 }
  @media only all and (max-width: 1024px) 
 {
      .zeroT01 i,
   .zeroT02 i,
   .zeroT03 i,
   .zeroT04 i{width:10rem; height:10rem; background-size:contain; background-repeat: no-repeat; background-position: top;display:block; float:none;}
   
     .navi{justify-content: center;}
     .compliance-content2 dl{display:block;}
     .address-box{display: block; height:auto; margin-bottom:2rem;}
     .address-box dl{width:100%; margin-bottom:1rem;}

     .com-visi{display:block; }
     .com-visi .title{width:100%; padding-left:0; display:flex; align-items: center;}
     .com-visi .title p{margin-top:0; margin-left:2rem;}
     .com-visi .title p br{display:none;}

     .com-visi .conten-list{margin-top:2rem;}
     .com-visi .conten-list{width:100%;}

     .group-content2{display:block;}
     .group-content2 dl{display:flex; margin-bottom:3rem;}
     .group-content2 dl dt{width:150px;}
     .group-content2 dl dd{width:80%;}
     .group-content2 dl dt i{margin-bottom:1rem;}
     .group-content2 dl dt i::before{margin-bottom:1.5rem;}
     


     .ci-box:lang(en), 
     .ci-inner:lang(en), 
     .ci-inner > div:lang(en), 
     .great-company2:lang(en), 
     .visi-group:lang(en){display:block;}
     .visi-group dl:lang(en){border-right:0; padding-left:0;}
     .visi-group dl dt br:lang(en){display:none;}
     .visi-group dl dt:lang(en){margin-bottom:1rem; }
     .visi-group dl:lang(en){margin-bottom:2rem;}
     .great-company:lang(en){height:88rem;}
     .ci-box div + div{margin-left:0; margin-top:1rem; padding:2.5rem;}
     .ci-inner{height:100%;}
     
     
     .chart-warp{display:block; }
     .chart-warp .chart-box + .chart-box{margin-left:0;margin-top:3rem;}
     .safery1{height: 46rem;}
     .safery1 i{ height: 46rem !important;  background-size: 100%;}
     .safery1:lang(en){height: 51rem;}
     .safery1 i:lang(en){ height: 51rem !important;  background-size: 100%;}
     
     
     .green-box .green-inner.left{width:100%;}
     .ethic-2 i{background-size:contain;}
     .ethic-2 i:lang(en){background-size:contain;}

      .creator-content3 .content3-con .strategy li{ width:48%; border:1px solid #ccc;  margin-right:1.5%; display:inline-block;margin-top:2rem; margin-bottom:2rem; padding:1.5rem; text-align:center;font-size:2.2rem; }
 
      .linkList .list01{width:50%;}
     .linkList .list02{width:50%;}
     .linkList .list03{width:50%;}
 
      .creator-content1 dl dd li{ list-style-type:none; width:100%; border:1px solid #ccc;float:left;text-align:center;font-size:1.4rem; line-height:2rem;margin-bottom:1rem; padding-bottom:1rem; }
       .creator-content1 dl dd li.next{width:9%;border:0px solid #ccc; line-height:15rem;}
       .creator-content1 dl dd li span{ font-size:1.5rem;background:#359E56; text-align:center; width:100%;color:#fff; display:inline-block; padding:0.5rem; margin-bottom:1rem; }
       .creator-content1 dl dd .action_list p{ width:100%;  line-height:2rem;color:#000;  margin-bottom:1rem; font-weight:500;}
       .creator-content1 dl dd .action_list dd{ width:100%; display:block;}
       
       .green-box2 .green-inner.left2 li{ width:49%; margin-bottom:2rem; }
        .hsilentlab dl{width:100%; display:inline-block;}
        .hsilentlab p{ width:49%;display:inline-block;}

 }
 
 
 @media only all and (max-width: 957px) 
 {
      .zeroT01 i,
   .zeroT02 i,
   .zeroT03 i,
   .zeroT04 i{width:10rem; height:10rem; background-size:contain; background-repeat: no-repeat; background-position: top;display:block; float:none;}
     
     .group7{height:100%;padding-top:6rem;}
     .library-list.thum-list-tree li:lang(en){width:100%;}

     .library-list {width:100%; justify-content: center; margin-bottom:5rem;}
     .compliance-content2 dl{display:block;}
     .compliance-content2 dl dt{margin-bottom:1rem;}
     .benefit-ul, 
     .institute-ul{display: block;  }
     .benefit-ul li dl{margin-top:0; margin-left: 2rem;}
     .benefit-ul.colum3 li, 
     .institute-ul.colum3 li{width:100%;display:flex; }
     .benefit-ul li, .institute-ul li{border-right:0; padding-bottom: 2.5rem;margin-bottom: 2.5rem;}

     .benefit-ul.colum2 li{width:100%; }
     .benefit-ul li dl{margin-left:0;}
     .benefit-ul li dl,
     .institute-ul li dl{margin-top:2rem;}
     .benefit-ul.colum3 li{display:block;}
     .benefit-ul li dl dt, .institute-ul li dl dt{margin-bottom:0.7rem;}
     /*연구비전*/
     .rnd-box2{justify-content: space-between;}
     .rnd-box3 {justify-content: center; margin-left:1rem; }
     .rnd-box3 dl{margin-right:0;}
     .rnd-box3 dl + dl{margin-left:1rem;}
     .green-box{margin-bottom:10rem;}

     .safery-content3-right ul.sh-40{ height:48rem; }

     .inter_list li{width:48%;}
     .write-row dl dd select.w-50, 
     .write-row dl.w52 dd input{    width: 100%;}
     .institute-ul li dl{width:100%;}
     .institute-ul li{    border-bottom: 1px solid #ccc;}
     .institute-ul li .m_none{display:none;} 
     .institute-ul li:last-child{border-bottom:0;}

     .contact-content1{display:block; }
     .contact-content1 dl{width:100%; border-right:0;}
     .contact-content1 dl:nth-child(3){border-bottom:1px solid #ccc;}
     
     .volleyball1-content i.volleyball1{height:40rem;}
     
     .group7 p i{width:100%;}


/*2020-10-05*/
.rnd1{background-size:contain; height:55rem; background-image: url(/common/img/tech/m-rnd1.png);}
.rnd6{background-size:contain; height:35rem; background-image: url(/common/img/tech/m-rnd6.png);}
.rnd7{background-size:contain; height:40rem; background-image: url(/common/img/tech/m-rnd7.png);}
.rnd1:lang(en){background-size:contain; height:80rem; background-image: url(/common/img/tech/m-rnd1-en.png);}
.rnd6:lang(en){background-size:contain; height:40rem; background-image: url(/common/img/tech/m-rnd6-en.png);}
.rnd7:lang(en){background-size:contain; height:45rem; background-image: url(/common/img/tech/m-rnd7-en.png);}
.rnd4{background-size:100%; background-image: url(/common/img/tech/m-rnd4.png);}
.rnd3{background-size:100%; background-image: url(/common/img/tech/m-rnd3.png);}

.creator-content3 .content3-con .strategy li{ width:48%; border:1px solid #ccc;  margin-right:1.5%; display:inline-block;margin-top:2rem; margin-bottom:2rem; padding:1.5rem; text-align:center;font-size:2.2rem; }  
  
 .linkList .list01{width:100%;}
 .linkList .list02{width:100%;}
 .linkList .list03{width:100%;}
 
 .label li:hover .hovering.right33{right:0;left:calc(100% - 50rem );}
 
   .creator-content1 dl dd li{ list-style-type:none; width:100%; border:1px solid #ccc;float:left;text-align:center;font-size:1.4rem; line-height:2rem;margin-bottom:1rem; padding-bottom:1rem; }
  .creator-content1 dl dd li.next{width:100%;border:0px solid #ccc;line-height:1rem;height:1rem;}
  .creator-content1 dl dd li span{ font-size:1.5rem;background:#359E56; text-align:center; width:100%;color:#fff; display:inline-block; padding:0.5rem; margin-bottom:1rem; }
  .creator-content1 dl dd .action_list p{ width:100%;  line-height:2rem;color:#000;  margin-bottom:1rem; font-weight:500;}
  .creator-content1 dl dd .action_list dd{ width:100%; display:block;}

   .strategy2030 li .listArea{ border:1px solid #ddd; padding:1.5rem 0 0; height:25rem;}
   
 }
 @media only all and (max-width: 900px) {
     .compliance1-right{height:auto; margin-bottom:4rem;}
     .compliance1-right:lang(en),
     .compliance1-right ul:lang(en){height:100%;}
     .compliance1-right ul{display:block; height:100%;}
     .compliance-content1:lang(en){padding-bottom:2rem;}
     .compliance1-right ul li{width:100%;align-items: flex-start ;line-height: none;}
     .compliance1-right ul li span:lang(en),
     .compliance1-right ul li em:lang(en){line-height:2.5rem; }
      .compliance1-right ul li em:lang(en){padding-right:1rem;}
     .contribute-tab .btn-tow1{max-width:100%;}

     .nidea-content-inner{display:block;}
     .nidea-content-inner > div + div ul{margin-bottom:2rem;}
     .nidea1-step ul li{margin-right:2rem;}
     .nidea1-step ul li:last-child{margin-right:0;}
     .green-box .green-inner.right{width:100%;}
     .green-box .green-inner.right li{width:50%; margin-bottom:2rem;}
     .green-box .green-inner.right li dt{margin-bottom:1rem; }

     .nidea1-step ul{flex-wrap: wrap;}
     .nidea1-step ul li{width:30%; margin-bottom:2rem;}
     .nidea-content2 ul > li > dl dt::after{margin-left:1rem; margin-right:1rem;}
     .nidea1-step ul li:nth-child(3){margin-right:0;}
     .career-step ul{display:block;}
     .career-step ul li{width:100%; border-right:0;}
     .career-step ul li:nth-child(4), 
     .career-step ul li:nth-child(5), 
     .career-step ul li:nth-child(6){border-bottom:1px solid #ccc;}

             /*자료실 지속경영보고서 */
             .tow-down .td-div + .td-div{border-left:1px solid #ccc;}
             .tow-down .td-div{align-items: center; padding-left:1rem; padding-right:1rem;}
             .tow-down .td-div button{display:flex; align-items: baseline; }
             .tow-down.table-body li .download-icon:before{margin-right:1rem; }
             .visi5{width: 100%;}
             .visi5 i{background-image: url(/common/img/company/visi5.png); height:30rem; margin-top:10rem; width:100%; background-size: contain;  background-position: center; background-repeat: no-repeat; }

      .zeroT01 i,
   .zeroT02 i,
   .zeroT03 i,
   .zeroT04 i{width:10rem; height:10rem; background-size:contain; background-repeat: no-repeat; background-position: top;display:block; float:none;}
   
   .creator-content3 .content3-con .strategy li{ width:48%; border:1px solid #ccc;  margin-right:1.5%; display:inline-block;margin-top:2rem; margin-bottom:2rem; padding:1.5rem; text-align:center;font-size:2.2rem; }
 .linkList .list01{width:100%;}
 .linkList .list02{width:100%;}
 .linkList .list03{width:100%;}
 
  .label li:hover .hovering.right33{right:0;left:calc(100% - 50rem );}


     .strategy2030 li p:lang(en){font-size:1.5rem;line-height:2rem;align-content:center;}



 }
 @media only all and (max-width: 870px) 
 {   
     .history-year-tab .accodion-img{column-gap:inherit;}
     .history-year-tab .accodion-img .acc-inner{display:block;}
     .history-year-tab .accodion-img dl{display:inline-flex;}
     
     
     .rnd1 i,
     .rnd2 i{width: 100%;}
     .rnd-box i{background-size: contain; height:25rem;  }
     .rnd-box .rnd-left{margin-right:1rem;}
     .rnd-box .rnd-left,
     .rnd-box .rnd-right{width:100%; }
     .rnd-right{margin-top:4rem;}
     .rnd-box{display:block; }
     .rnd-box .rnd-right {
         margin-top: 3rem;
         border-top: 1px solid #ccc;
         padding-top: 3rem;}
     .navi{justify-content: center;}

     .structure-box{display:block;}
     .structure-box li,
     .structure-box li dl{width:100%;}


     .creator-content1{margin-top:3rem;}
     .creator-content2,
     .creator-content1 dl{display:block;}
     .creator-content1 dl dt{margin-bottom:1rem; }
     .creator-content2 h3, 
     .creator-content2 dl,
     .creator-content3 .dott-list{width:100%; margin-bottom:2rem; margin-top:1.8rem;}
     .creator-content2 dl dt span{margin-bottom:0rem; }

     .safery-content3{display:block;}
     .safery-content3-left,
     .safery-content3-right{width:100%;}
     .safery-content3-right{margin-top:2rem;}

     .com-visi .conten-list{display:block; margin-top:3rem;}
     .com-visi .conten-list dl{padding-left:0; margin-top:2rem; border-right:0; border-bottom:1px solid #ccc; padding-bottom:2rem;}
     .com-visi .conten-list dl:last-child{border-bottom: 0;}

 .zeroT01 i,
   .zeroT02 i,
   .zeroT03 i,
   .zeroT04 i{width:10rem; height:10rem; background-size:contain; background-repeat: no-repeat; background-position: top;display:block; float:none;}
   
   .creator-content3 .content3-con .strategy li{ width:48%; border:1px solid #ccc;  margin-right:1.5%; display:inline-block;margin-top:2rem; margin-bottom:2rem; padding:1.5rem; text-align:center;font-size:2.2rem; }
   .label li{ width:32%;margin-bottom:1rem;list-style-type:none; display:inline-block; text-align:center; border:1px solid #ddd; padding: 1.5rem;}
 .linkList .list01{width:100%;}
 .linkList .list02{width:100%;}
 .linkList .list03{width:100%;}
 
  .label li:hover .hovering.right33{right:0;left:calc(100% - 50rem );}

   .strategy2030 li .listArea{ border:1px solid #ddd; padding:1.5rem 0 0; height:27rem;}

 }

 @media only all and (max-width: 850px){
     .nidea-content2 ul > li > dl dt::after{margin-left:2rem; margin-right:2rem;}
     .address-box{flex-direction: inherit;}
     .history-swip-box{
         top:18.5rem;
         width:100%;
         right:initial;
         right:0rem;
     }
     .history-swip-warp{padding-right:0rem; position:relative; }
     .history-swip-box{position:relative; top:0; margin-top:-5rem; }
     .history-img-title{width:100%; height:20rem;justify-content: flex-start; }
     .history-title{margin-left:2rem;}
     .history-title .meta-box span,
     .history-title .meta-box p,
     .history-title .meta-box h2{margin-bottom:1rem;}
     .navi{display:none;}


     .compliance-content3,
     .compliance-content2{display:block; }
     .compliance-content2 dl:lang(en){width:100%;}


   .zeroT01 i,
   .zeroT02 i,
   .zeroT03 i,
   .zeroT04 i{width:10rem; height:10rem; background-size:contain; background-repeat: no-repeat; background-position: top;display:block; float:none;}

   .creator-content3 .content3-con .strategy li{ width:48%; border:1px solid #ccc;  margin-right:1.5%; display:inline-block;margin-top:2rem; margin-bottom:2rem; padding:1.5rem; text-align:center;font-size:2.2rem; }

 .linkList .list01{width:100%;}
 .linkList .list02{width:100%;}
 .linkList .list03{width:100%;}
 
  .label li:hover .hovering.right33{right:0;left:calc(100% - 50rem );}
 }
 @media only all and (max-width: 800px){
     .green-box .green-inner.right li{width:100%;}
     .meta-box{padding-top:2rem;}

     .safery-content1 > div{width:50% !important;}

 .zeroT01 i,
   .zeroT02 i,
   .zeroT03 i,
   .zeroT04 i{width:10rem; height:10rem; background-size:contain; background-repeat: no-repeat; background-position: top;display:block; float:none;}
   
   .creator-content3 .content3-con .strategy li{ width:48%; border:1px solid #ccc;  margin-right:1.5%; display:inline-block;margin-top:2rem; margin-bottom:2rem; padding:1.5rem; text-align:center;font-size:2.2rem; }
   .label li{ width:32%;margin-bottom:1rem;list-style-type:none; display:inline-block; text-align:center; border:1px solid #ddd; padding: 1.5rem;}
.linkList .list01{width:100%;}
 .linkList .list02{width:100%;}
 .linkList .list03{width:100%;}
 
  .label li:hover .hovering.right33{right:0;left:calc(100% - 50rem );}
  
  
  

 }


 @media only all and (max-width: 768px) 
 {
     .zeroT01 i,
   .zeroT02 i,
   .zeroT03 i,
   .zeroT04 i{width:10rem; height:10rem; background-size:contain; background-repeat: no-repeat; background-position: top;display:block; float:none;}

 .benefit-content2 .benefit3{background-image: url(/common/img/career/m-benefit3.svg); width:100%; height:70.4rem;}
 .benefit-content2 .benefit4{background-image: url(/common/img/career/m-benefit4.svg); width:100%; height:18.2rem;}
     .great-company2 dl + dl{margin-top:1rem; margin-left:0rem}

 .contents-title-34{margin-bottom:3rem; }
 .contents-title-34 + a{margin-top:0; }

 .great-company:lang(en){height:100%; padding-top:4rem; padding-bottom:4rem;}
  #contacTcolumns .noticontents .noti-day{ justify-content: flex-start;      margin-left: 0; padding-left: 0;}
  #contacTcolumns .noticontents .noti{padding-left:0;}
  
   .ethic-content1.pc_none{display:block;}
   


 /*테이블 반응형*/

 .waid-table .table-body li .w-100{width:100%; border-right:0;}
 .waid-table .table-body li .w-100 dt{width:100%}
 .waid-table .table-body li .w-100 dd{width:20%;     justify-content: start; text-align:left;}
 .waid-table .table-body li .w-100 dd:last-child{border-right:0;}

 .key-visual i{    margin-bottom: -8.5rem;}

   /*지속가능경영*/
   .creator-1 i{height:31rem;     background-image: url(/common/img/invest/creator-1.svg);}
   .creator-1 i:lang(en){height:31rem;     background-image: url(/common/img/invest/creator-1-en.svg);}
   .creator-content1 dl{display:block;margin-bottom:3rem;}
   .creator-content1 dl dt{margin-bottom:1rem;}
   .creator-content3 .creator-content3-inner,
   .cre-book-inner{display:block;}
   .creator-content3 .content3-con{margin-top:2rem;}
   .creator-content3 .cre-book,
   .creator-content3 .cre-group{width:100%;}
   .creator-content3 .cre-book i{height:51.2rem;background-size: 100%; background-position: center top;}
   .creator-content3 .cre-group .btn-group{display:flex !important; flex-wrap: wrap; justify-content: space-between; margin-top:2rem;}
   .creator-content3 .cre-group .btn-group a{display:flex; width:47%; font-size:1.2rem;}
   .creator-content1 dl dd{text-align: left;}
   .creator-content3 .cre-book i.carbon_neutral{background-image: url(/common/img/invest/carbon_neutral_img04.png);  height:44.5rem;}
   
   /*안전경영*/
   .safery-list .list-btn{margin-left:0;  margin-top:2rem;  display: flex;}
   .safery-list .list-btn a{margin-right:1rem;}
   .safery-list .list-content{max-width:79%;}
   .partnership-content1{display:block;}
   .partnership-content1 p{width:100%; margin-bottom:2rem;    display: flex;align-items: flex-start; }
   .partnership-content1 p::before{content:"·"; display:block; font-size:1.8rem; color:#333; margin-right:0.5rem;}
   
   /*윤리경영*/
   .ethic1-box{display:block;}
   .ethic-1{height:27rem; width:100%;}
   .ethic-1 i{height:27rem;}
   .ethic-1 i:lang(en){height:27rem;}
   .ethic1-right{width:100%; padding-left:0; margin-top:3rem;}
   .ethic-2 i{ width:100%; height:40rem; background-image: url(/common/img/invest/m_ethic2.svg);}
   .ethic-content1{display:block;}
   .ethic-content1 dl{width:100%;}
   
   .ethic-2 i:lang(en){background-image: url(/common/img/invest/m-ethic2-en.svg); height:40rem; margin-bottom:60px;}
   
   /*나눔경영*/
   .contribute2 i{background-image: url(/common/img/invest/contribute2-m.svg); width:79%; height:10rem; background-position: center left;}
   .contribute2 i:lang(en){background-image: url(/common/img/invest/m-contribute2-en.svg); width:79%; height:10rem; background-position: center left;}
      
   /*공정거래*/
     .compliance-content4 dl{width:20%; margin-right:6rem;margin-bottom:2rem; }

   
   /*09-17*/
   /*지적재산권*/
   .technology_02 .table-row dt,
   .technology_01 .table-row dd,
   .technology_02 .table-row dd{display:flex !important; width:100% !important; line-height:2.4rem;}
   .technology_01 .table-row dt.w40{display:block; width:100% !important; }
   .technology_01 .table-row dt.w40 div,
   .technology_02 .table-row dt.w40 div,
   .technology_02 .table-row dt.w40{display:block !important;}
   .technology_01 .table-row dt.w40 div span{width:100%;}
   .technology_01 li dt::before{width:100%;}



     /*09-17*/
   .technology_01 li dt::before,
   .technology_01 li dl.oder-list dd:nth-child(2)::before,
   .technology_01 li dl.oder-list dd:nth-child(3)::before,
   .technology_01 li dl.oder-list dd:nth-child(4)::before,
   .technology_01 li dl.oder-list dd:nth-child(5)::before,
   .technology_02 li dt::before,
   .technology_02 li dl.oder-list dd:nth-child(1)::before,
   .technology_02 li dl.oder-list dd:nth-child(3)::before,
   .technology_02 li dl.oder-list dd:nth-child(4)::before{ display:block; text-align: left; margin-right:1rem; width:auto; background-color: transparent; margin-left:0; height:inherit; font-weight:700;}

   .technology_01 li dt::before{content:"분야 및 명칭"; }
   .technology_01 li dl.oder-list dd:nth-child(2)::before{content:"출원일자";}
   .technology_01 li dl.oder-list dd:nth-child(3)::before{content:"출원번호";}
   .technology_01 li dl.oder-list dd:nth-child(4)::before{content:"등록번호";}
   .technology_01 li dl.oder-list dd:nth-child(5)::before{content:"등록일자";}
   
   .technology_01:lang(en) li dt::before{content:"Category or title"; }
   .technology_01:lang(en) li dl.oder-list dd:nth-child(2)::before{content:"Date of Filing"; width:170px;}
   .technology_01:lang(en) li dl.oder-list dd:nth-child(3)::before{content:"Application No."; width:170px;}
   .technology_01:lang(en) li dl.oder-list dd:nth-child(4)::before{content:"Registration No."; width:170px;}
   .technology_01:lang(en) li dl.oder-list dd:nth-child(5)::before{content:"Registration Date"; width:170px;}
   
   .technology_02 li dt::before{content:"분야 및 명칭"; }
   .technology_02 li dl.oder-list dd:nth-child(1)::before{content:"번호";}
   .technology_02 li dl.oder-list dd:nth-child(3)::before{content:"보호기간";}
   .technology_02 li dl.oder-list dd:nth-child(4)::before{content:"인증기간"; }



   .address-box{flex-direction: inherit; display:block; height:auto; }
   .address-box dl{width:100%;}

   .visi-group dl{background-image: none !important;}
   .com-visi{display:block;}
   .com-visi .title{padding-left:0; width:100%; display:block; }
   .com-visi .title p,
   .com-visi .conten-list{width:100%;}
   .com-visi .title p br{display:none;}
   .com-visi .conten-list {display:block;}
   .com-visi .conten-list dl{padding-left:0; padding-right:0; margin-top:2rem; width:100%; border-right:0;}
   /*.dl-content-style1{border-top:1px solid #ccc; padding-top:4rem;}*/
   .com-visi{margin-bottom:4rem;}
   .great-company{height:100%; padding-top:4rem; padding-bottom:4rem;}
   .ci-box,
   .ci-inner,
   .ci-inner > div,
   .great-company2,
   .visi-group{ display:block;}
   .ci-inner > div,
   .ci-inner i{width:28.3rem;}

   .visi-group dl,
   .visi-group dl:first-child{border-right:0; padding-left:0; padding-right:0;}
   .great-company2 dl{margin-bottom:1rem;}
   .visi-group dl{margin-bottom: 2.5rem;}
   .ci-inner{height:auto; padding:2.5rem; margin-top:2rem; }
   .visi-group dl dt{margin-bottom:1rem;}
   .com-visi .title p{margin-top:3rem; margin-left:0;}
   
   .visi-group dl dt,
   .visi-group dl dd{width:100%;}
   
   .volleyball1-content i.volleyball1{height:35rem;}
   /*
   .nidea-btn-group{display:none;}
   .nidea-btn-group-mtext{display:block;}
    */
    
     .creator-content3 .content3-con .strategy li{ width:48%; border:1px solid #ccc;  margin-right:1.5%; display:inline-block;margin-top:2rem; margin-bottom:2rem; padding:1.5rem; text-align:center;font-size:2.2rem; }
     .label li{ width:48%;margin-bottom:1rem;list-style-type:none; display:inline-block; text-align:center; border:1px solid #ddd; padding: 1.5rem;}
.linkList .list01{width:100%;}
 .linkList .list02{width:100%;}
 .linkList .list03{width:100%;}
 
   .label li:hover .hovering.right33{right:0;left:calc(100% - 50rem );}
   
   .green-box2 .green-inner.left2 li{ width:100%; margin-bottom:2rem; }
    .hsilentlab dl{width:100%; display:inline-block;}
    .hsilentlab p{ width:100%;display:inline-block;}
    
     .strategy2030 li .listArea{ border:1px solid #ddd; padding:1.5rem 0 0; height:29rem;}

    
 }
 @media only all and (max-width: 767px) {
     .director-list .director-contents{margin-top:2.7rem;}
     .director-list li{margin-bottom:5rem; border-bottom:0; }
     .director-list li:last-child{margin-bottom: 0;}
     
     /*이사회 사진*/
     .director-img {width:100%; border-bottom:1px solid #ccc;}
     .director-img i{width:100%; height:15rem; background-size:contain; background-repeat: no-repeat; background-position: center;}
     .director-list li{flex-wrap: wrap;}

     /*아코디언*/
     .inv-live dl{display:flex; justify-content: space-between; padding-bottom:1.7rem; margin-bottom:0;  padding-top:1.7rem; border-bottom:1px solid #ccc;   }
     .inv-live dl:last-child{border-bottom:0;}

     /*차트*/
     .chart-warp{display:block; }
     .chart-warp .chart-box{margin-top:2rem;}
     .chart-warp .chart-box .chart-inner  { max-height:100%;  padding:3.8rem 0; }
     .chart-warp .chart-box .chart-inner .chart-text{  justify-content: flex-end; margin-top:1rem;}
     .chart-warp .chart-box .chart-inner .flex-box{display:block;}


     /*채용안내*/
     .career-step{margin-bottom:0;}
     .career-step ul,
     .career-step ul li{display:block; width:100%;}
     .career-step ul li{border-right:0;}
     .career-step ul li:nth-child(4), 
     .career-step ul li:nth-child(5){border-bottom:1px solid #ccc;}
     
     .m-inline{display:block;}
     .write-row dl dd.radio-warp{display:block; }
     .write-row dl dd.radio-warp label{width:100%; display:block; }
     .write-row dl.w25 dd input, .write-row dl dd select{width:100%;}
     .write-row dl dd select{margin-left:0;}
     .write-row dl dd span.point{align-items: start; line-height:1.2em; font-size:1.4rem; margin-top:1rem; margin-bottom:1rem;}

     
     .write-row dl dd span.point::before{margin-left:0;}
     .write-row dl dd select.w-50,
     .write-row dl.w52 dd input{width:100%;}
     .write-row .block{margin-top:0;}
     .write-row .block .password-btn{display:block;}
     .write-row .block .password-btn a{margin-top:2rem;}
     .write-row .block .password-btn a::before{content:none;}
     .filebox button{height:4.5rem;}
     .write-row dl:last-child{margin-bottom:0;}
     .write-row dl:last-child input{margin-bottom:0;}
    .write-row .tel select,
     .write-row .tel input{width:24% !important; margin-bottom:0;}
     .write-row .tel select{ min-width:auto;}
     .write-row .m-inline input:first-child{margin-bottom:1rem;}

     .inter_list li{width:48%; }
 
     .table-body li .w-90 dt,
    .table-body li .w-90 dd{width:100%; }

     

     /*두드림*/
     .dudrim-insert.info3 > div{display:block; }
     .dudrim-insert i.dudrim-info3{width:10rem; }
     .dudrim-insert > div{width:100%; display:block; }
     .dudrim-insert i.dudrim-info{width:100%;}
     /*테이블 반응형*/
     .waid-table .table-body li .w-100{display: block;}

     .dudrim-insert{width:100%; margin:0 auto;}
     .dudrim-insert > div p{font-size:1.8rem; line-height:3rem; }
     .dudrim-insert > div p strong{font-size:1.8rem; color:#01A251; font-weight:400;}
     .dudrim-insert i.dudrim-info{ width:16rem;height:16rem; margin-bottom:1.5rem; }
     .dudrim-insert i.dudrim-info2{width:16rem;height:16rem;}

     .myqna-view .myqna-inner ul{display:block; height:100%;}
     .myqna-view .myqna-inner ul li{width:100%;}
     .filebox{margin-bottom:2rem; width:100%;}
     .write-row dl dd select{width:100%;}


     .safery-content1{display: block;}
     .safery-content1{display:block; margin-top: 2.5rem; margin-bottom: 2.5rem;}
     .safery1 i{background-image: url(/common/img/invest/m_safery1.png);    height: 42rem; background-size:62%;}
     
     .safery-content1:lang(en){display: block;}
     .safery-content1:lang(en){display:block; margin-top: 2.5rem; margin-bottom: 2.5rem;}
     .safery1 i:lang(en){background-image: url(/common/img/invest/m-safery1-en.svg);  height: 42rem; background-size:62%;}
 
 
 
   .policy-btnw{max-width:58rem; flex-wrap: warp; display: block;}
   .policy-btnw a + a{margin-left:0; margin-top:1rem; }
   
   .zeroT01 i,
   .zeroT02 i,
   .zeroT03 i,
   .zeroT04 i{width:10rem; height:10rem; background-size:contain; background-repeat: no-repeat; background-position: top;display:block; float:none;}

   .creator-content3 .content3-con .strategy li{ width:48%; border:1px solid #ccc;  margin-right:1.5%; display:inline-block;margin-top:2rem; margin-bottom:2rem; padding:1.5rem; text-align:center;font-size:2.2rem;} 
.linkList .list01{width:100%;}
 .linkList .list02{width:100%;}
 .linkList .list03{width:100%;}
 
   .label li:hover .hovering.right33{right:0;left:calc(100% - 50rem );}
   
      .green-box2 .green-inner.left2 li{ width:100%; margin-bottom:2rem; }
    .hsilentlab dl{width:100%; display:inline-block;}
    .hsilentlab p{ width:100%;display:inline-block;}
 }
 @media only all and (max-width: 750px){
     .safery-list .list-img-box{max-width:20%}
     .safery-list .list-content{max-width:60%; margin-left:2rem;}

     .compliance-content2{display:block;}
     .compliance-content2 dl{width:100%;}
     .compliance-content2 dl:lang(en){width:100%;}
     .compliance-content3{display:block;}

     

     .benefit-content1,
     .institute-ul{display:block;}
     .benefit-content1 > div{width:100%; display:block; margin-bottom:0.5rem;}
     .benefit-content1 .benefit1,
     .benefit-content1 .benefit2{display:none;}
     
   .inter_list li{width:47.5%; }
   .content2.flex-box dl{width:100%; margin-bottom:2rem;}
   .benefit-content2 dl dt{line-height:2.4rem;}
   .benefit-ul{display:block;}
   .benefit-ul.colum3 li,
   .benefit-ul.colum2 li,
   .institute-ul.colum3 li{width:100%; border-right:0; display:flex; }
   .benefit-ul.colum2 li:nth-child(3){border-bottom:1px solid #ccc;}
   .benefit-ul li dl{margin-top:0; margin-left:2rem; width:100%;}
   .benefit-ul li{padding-left:0; padding-right:0; padding-bottom:2.5rem; margin-bottom:2.5rem;}
   .institute-ul li{padding-left:0; padding-right:0; border-bottom:1px solid #ccc; padding-bottom:2.5rem; margin-bottom:2.5rem; }
   .institute-ul li:last-child{border-bottom:0;}

   .group-content1,
   .group-content2{display:block;}
   .group-content1 dl{margin-bottom:2rem; width:100%;}
   .group-content2 dl{display:flex; margin-bottom:3rem; }
   .group-content2 dl dt{width:150px;}
   .group-content2 dl dd{width:80%;}

   .social-voll{flex-wrap: wrap;}
   .social-voll a{margin-bottom:1rem; margin-right:0;}
   .social-voll a + a,
   .social-voll a:first-child{margin-right:0;}
   .volleyball2{padding-top:0; padding-left:0;  display:flex;justify-content: start;    align-items: flex-end;      padding: 5rem; flex-wrap: wrap;}

   .contact-content1{display:block;}
   .contact-content1 dl{width:100%; border-right:0; padding:0; padding-bottom:2rem; padding-top:2rem;}
   .contact-content1 dl:nth-child(3){border-bottom:1px solid #ccc;}


    /*연구비전*/
    .rnd-box2{display:block; }
    .rnd3,
    .rnd-box3{width:100%;}
    .rnd-box3{margin-top:4rem;}
    .rnd-box i{height:20rem;}


    /*구조실험*/
    .structure-box li{width:100%;}
    .structure-box li dl{width:100%;}

    /*환경실험동*/
    .tenvironment-box li{width:100%;}
    .tenvironment-box li dl{width:100%;}
    .tsolution-box li,
    .advanced-box li{width:100%;}
    .zeroT-box li{width:100%;}
    
     .zeroT01 i,
     .zeroT02 i,
     .zeroT03 i,
     .zeroT04 i{width:10rem; height:10rem; background-size:contain; background-repeat: no-repeat; background-position: top;display:block; float:none;}

    .environment1-content1 > div{width:50%;}

    .rnd-box3 dl + dl{margin-left:3rem;}


      /*70년 사사*/
      .seven-img-box .thum-list-img{display:flex; justify-content: center;}
      .seven-img{width:100%; margin-left:0; margin-top:4rem;}
      .seven-img .btn-tow{justify-content: center;}
      .seven-img-box{display:block; }
   
   .creator-content3 .content3-con .strategy li{ width:48%; border:1px solid #ccc;  margin-right:1.5%; display:inline-block;margin-top:2rem; margin-bottom:2rem; padding:1.5rem; text-align:center;font-size:2.2rem; } 
.linkList .list01{width:100%;}
 .linkList .list02{width:100%;}
 .linkList .list03{width:100%;}
 
   .label li:hover .hovering.right33{right:0;left:calc(100% - 50rem );}
      .green-box2 .green-inner.left2 li{ width:100%; margin-bottom:2rem; }
    .hsilentlab dl{width:100%; display:inline-block;}
    .hsilentlab p{ width:100%;display:inline-block; }
    
     /*배당금조회*/
         
         .gate-box{border:1px solid #ccc;padding:5rem;}
         .content-title-27{font-size:2.7rem; color:#000; line-height: 3.4rem; font-weight:300; letter-spacing: -0.15rem;}
         .write-row1 dl dd,
         .write-row1 dl.w100 dd input{width:100%;}
         .write-row1 dl.w52 dd input{width:100%;}
         .write-row1 dl.w52 dd .bankinput{width:calc(100% - 19rem);}
         .write-row1 dl.w25 dd input,
         .write-row1 dl dd select{width:12rem; margin-right:1rem;}
         .write-row1 dl dd input,
         .write-row1 dl dd select,
         .write-row1 dl dd textarea{border:1px solid #ccc; background-color:#fff; padding:1rem;font-size:1.8rem;}
         .write-row1 dl dt label span{display:inline-block; letter-spacing: -0.1rem;}
         .write-row1 dl dt label::before{content:"";width:7px; height:7px; background-color: #01A251; border-radius: 10px; display: inline-block; margin-right:1rem;}
         .write-row1{width: 100%; margin:0 auto;}
         .write-row1 dl{display:flex; margin-bottom:1rem; overflow:hidden;}
         .write-row1 dl dt{width:15rem; display:flex; align-items: center;  }
         .write-row1 dl dt.start{ align-items: start; padding-top:1rem;}
         .write-row1 dl dd{display:flex; flex-wrap: wrap;}
         .write-row1 dl dt label{ display:flex; align-items: center; }
         .write-row1 .info{ width: 100%;  margin:0 auto;}
         .write-row1 dl dd a{ width: 3rem; display:inline-block; text-align:center; line-height:5rem; }
         .write-row1 dl dd a:hover{color: #01A251;} 
    
  }
  
 @media only all and (max-width: 600px) {
     .creator-content3 .cre-book i{height:38.2rem;background-size: 100%;}
     .creator-content3 .cre-group .btn-group a{width:100%;  margin-bottom:1rem;   font-size: 1.4rem;}
     
     .creator-content3 .cre-book i.carbon_neutral{background-image: url(/common/img/invest/carbon_neutral_img04.png);  height:24.5rem;}

     
     .ethic-content2{width:100%; display:block; }
     .ethic22 i:lang(en){width:100%;}
     .ethic22{margin-top:2.5rem;}

     /*안전경영*/
     .safery-content1 > div{width:100% !important;}
     .safery-list .list-img-box{width:inherit; max-width:30%;}
     .safery-list .list-content{max-width:100%; margin-left:0;}
     .safery-list .list-content dl dd{display:block; height:100%;}
     .safery-list{margin-top:3.3rem; margin-bottom:10rem;}
     .safery-list .list-content dl dt{height:auto;}
     
     .safery1{height:42rem;}
     .safery1 i{background-size:80%; height:auto;}
     .safery2 i:lang(en){width:100%;}
     .safery2{margin-top:2.5rem;}
     .safery3{height:27rem;}
     .safery3 i{background-image: url(/common/img/invest/safery3.svg); height:25rem;}
     .safery3 i:lang(en){background-image: url(/common/img/invest/safery3-en.svg); height:25rem;}
     .safery4 i{background-image: url(/common/img/invest/safery4.png); height:12.7rem;}
     .safery5{height:23.4rem;}
     .safery51 i{background-image: url(/common/img/invest/safery51.png); height:23.4rem;}
     .safery52 i{background-image: url(/common/img/invest/safery52.png); height:23.4rem;}
     .safery51:lang(en) i{background-image: url(/common/img/invest/safery51_en.png); height:23.4rem;}
     .safery52:lang(en) i{background-image: url(/common/img/invest/safery52_en.png); height:23.4rem;}
     
     .safery-content1 > div:nth-child(1), 
     .safery-content1 > div:nth-child(2),
     .safery-content1 > div > ul,
     .safery-content1 > div:nth-child(3),
     .safery-content2,
     .safery-content3{width:100%; display:block; }
     .safery-content1 > div > ul > li,
     .safery-content3-left,
     .safery5-btn,
     .safery-content3-right{width:100%;}
     .safery-content3-right{margin-top:2rem;}
     .safery-list .list-img-box{display:none;}
     .safery-content3-right ul li p{ }
     .safery-content3-right ul li p em{display:block;}
     .benefit-content1 > div, .benefit-content1 > div:nth-child(2) > div p{display:block;}
     .benefit-content1 > div:nth-child(2) > div p.career-p span:first-child{border-right:0;}
     .visi1 dt, .visi1 dd{line-height:3.4rem;}
     
     
     /*품질경영*/
     .qualit1 i{background-image: url(/common/img/invest/qualit1.png); height:38.2rem;width:100%;background-repeat: no-repeat; background-position: center; background-size:contain;}
     
     /*환경경영*/
      .environment1{display:block;}
      .environment1> div{width:100%;}
      .environment1 a{height:auto;}
      .environment1 i{height:31rem; margin-bottom:2rem; }

     .nidea1-step ul li{width:46%; margin-bottom:2rem; background-position: center right ;}
     .nidea1-step ul li:nth-child(3){margin-right:2rem;}
     .nidea-content2 ul > li > dl dt::after{content:none;}
     .nidea-tel span{width:100%;}
     .talent-content ul{display:block; }
     .talent-content ul li{width:100%;}
     .volleyball2 p{font-size:2.4rem;}
     .contribute-tab .btn-tow1{display:block;}
     .contribute-tab .btn-tow1 a + a{margin-top:1rem;}

     .benefit-content2 .benefit3{height:58.4rem;}
     .benefit-content2 .benefit4{height:16.2rem;}
    .inst1 {height:40rem;background-image: url(/common/img/career/m-inst1.png);background-size:contain;}
    .inst1:lang(en) {height:40rem;background-image: url(/common/img/career/m-inst1-en.png);background-size:contain;}

         .group1 i{height:35rem;  background-position: center;   background-image: url(/common/img/company/m-group1.png); background-size:contain;}
         .group1 i:lang(en){height:35rem;background-position: center;     background-image: url(/common/img/company/m-group1-en.png); background-size:contain;}

 .address-box dl{display:block; height:100%;}
 .address-box dl dt{width:100%;}
 .address-box dl dd{padding-left:2rem;}
 .address-box dl dd p{display:flex; }
 .address-box dl dd p span{display:block; width:100%}
 .address-box dl dd p span:nth-child(1){width:10rem;} 
 
 .address-box:lang(en){display:block; flex-wrap: wrap; margin-top:5rem;  height:100%; margin-bottom:5rem;     flex-direction: column;    align-content: flex-start;}
  .address-box dl:lang(en){display:block;}
  .address-box dl dt:lang(en){width:100%;}
#contacTcolumns .noticontents > div{width:100%;}


.tow-down .td-div + .td-div{border-left:0;}


.small-tabs.m-tree-box{flex-wrap: wrap; background-color:#f1f1f1;}
.small-tabs.m-tree-box li{width:33%;}
.small-tabs.m-tree-box li:nth-child(1),
.small-tabs.m-tree-box li:nth-child(2),
.small-tabs.m-tree-box li:nth-child(3){border-bottom:1px solid #ccc;}
.small-tabs.m-tree-box li:nth-child(4){border-left:0;}
 
.volleyball1-content i.volleyball1{height:25rem;}

.carbon_neutral2 img{width:100%; background-repeat: no-repeat; background-position: center; background-size:contain;}
.creator-content3 .content3-con .strategy li{ width:100%; border:1px solid #ccc;  margin-right:1.5%; display:inline-block;margin-top:2rem; margin-bottom:2rem; padding:1.5rem; text-align:center;font-size:2.2rem; }
    
  .linkList .list01{width:100%;}
 .linkList .list02{width:100%;}
 .linkList .list03{width:100%;}   
 
   .label li:hover .hovering.right33{right:0;left:calc(100% - 50rem );}
   
      .green-box2 .green-inner.left2 li{ width:100%; margin-bottom:2rem; }
    .hsilentlab dl{width:100%; display:inline-block;}
    .hsilentlab p{ width:100%;display:inline-block;}

    /*비전*/ 


     .strategy2030 .subtit{width:100%; display:inline-block;font-size:2.5rem;font-weight:600;color:#009999;}
     .strategy2030 li{ width:40%;display:inline-block; margin-top:3rem; vertical-align:top;} 
     .strategy2030 li .listArea{ border:1px solid #ddd; padding:2.5rem 0 0; height:21rem;}
     .structure-box li i{ width:100%; height:30rem;}

       
 }
 @media only all and (max-width: 556px) {
 .inter_list li{width:47%; }
 .tsolution-box{margin-bottom:10rem;}
 .tsolution-box li{width:100%; margin-bottom:3rem; }
 .advanced-box li{width:100%;}
 .zeroT-box li{width:100%;}


 .safery-list .list-btn{display:block; width:100%;}
 .com-visi .conten-list dl:last-child{border-bottom:0;}
 .partnership1 i{background-image: url(/common/img/invest/m-partnership1.svg); height:69.8rem;}
 .partnership1 i:lang(en){background-image: url(/common/img/invest/m-partnership1-en.png); width:32rem; height:40rem; background-position:center;}

   .policy-btnw{max-width:100%;}  
   .contribute1{margin-top: 4rem;    margin-bottom: 4rem;}

   .carbon_neutral2 img{width:100%; background-repeat: no-repeat; background-position: center; background-size:contain;}
   .creator-content3 .content3-con .strategy li{ width:100%; border:1px solid #ccc;  margin-right:1.5%; display:inline-block;margin-top:2rem; margin-bottom:2rem; padding:1.5rem; text-align:center;font-size:2.2rem; }
.linkList .list01{width:100%;}
 .linkList .list02{width:100%;}
 .linkList .list03{width:100%;}
 
   .label li:hover .hovering.right33{right:0;left:calc(100% - 50rem );}
   
      .green-box2 .green-inner.left2 li{ width:100%; margin-bottom:2rem; }
    .hsilentlab dl{width:100%; display:inline-block;}
    .hsilentlab p{ width:100%;display:inline-block;}
    .structure-box li i{ width:100%; height:30rem;}
 }
 @media only all and (max-width: 500px) {


         /*신용등급 이미지*/
         .credit{margin-top:2.5rem;} 
         .credit i{background-image: url(/common/img/Invest/m-credit.png);width:100%;height:19.3rem;background-size:contain; background-repeat: no-repeat; background-position: top center;}

         /*전자공고 테이블*/
         .table-body li .w-90 dd{justify-content: inherit; } 

         .chart-warp .chart-box .chart-inner .chart-text{  justify-content: flex-end; margin-top:2rem; padding-right:4rem;}

         /*두드림*/
         .dudrim-insert{width:100%; margin:0 auto;}
         .dudrim-insert > div p{font-size:1.8rem; line-height:3rem; }
         .dudrim-insert > div p strong{font-size:1.8rem; color:#01A251; font-weight:400;}
         .dudrim-insert i.dudrim-info{ width:20rem; height:9rem;     background-position: left;}
         .dudrim-insert i.dudrim-info2{width:20rem; height:9rem; }
         .creator-content3 .cre-book i{height:26.2rem;background-size: contain;}
         .creator-content3 .cre-book i:lang(en){height:26.2rem;background-size: contain;}
         .dd-inner div > div{display:block;}
         .dd-inner div > div a{max-width:100%;}
         .dd-content1{column-gap: 0rem; padding-bottom: 4rem;}
         .dd-inner div > div a + a{margin-top:1rem; }
         .btab-contents img{width:100%;}
         .dm-top.mar-b40{margin-bottom:4rem !important;}
         

         /*안전경영*/
         .safery-content3-right ul li > i{display:none;}
         .safery-content3-right ul.sh-40{height:45rem;}
         /*나눔경영*/
         .contribute-content-com {display:block; margin-top:3.3rem;}
         .contribute-content-com p img{margin-bottom:3.3rem;}
         
         .nidea1-step ul{justify-content: space-between;}
         .nidea1-step ul li{width:47%;  margin-right:0rem; background-image: initial;}
         
         .nidea1-step ul li:nth-child(2),
         .nidea1-step ul li:nth-child(4){margin-right:0}
         .nidea1 i{background-image: url(/common/img/tech/m_nidea1.png); height:22.4rem;}
         .nidea-content1{margin-top:5rem;}
         .nidea1-step{margin-bottom:3rem; margin-top:3rem;}
         .nidea-content1 .caption{margin-bottom:2rem; line-height:1.5rem;}
         .nidea-tel span{line-height:2.4rem; }
         .nidea-tel span::after{content:none;}
         .nidea-tel span:nth-child(3){display:inline-block;}
         .nidea-btn-group{width:100%;}
         .nidea-btn-group strong{display:block; margin-top:2rem;}

         .nidea-content2 ul li:nth-child(1) dl{display:flex; }
         .nidea-content2 ul li:nth-child(1) dl dt{width:30%; font-weight: 700;}
         .nidea-content2 ul > li:first-child > dl dt{margin-bottom:1rem;}
         .nidea-content2 ul > li > dl {display:block; margin-bottom:2rem;}
         .nidea-content2 ul > li > dl dt{margin-bottom:2rem; width:100%;}
         .nidea-content2 ul > li li:last-child{margin-bottom:0;}
         .nidea-content2{margin-bottom:10rem;}
         .nidea-content2 ul > li > dl dd{width:100%;}

         .group-content2 dl{display:block;}
         .group-content2 dl dt{width:100%;}
         .group-content2 dl dd{width:100%;}
         .group-content3{display:block;}
         .group-content3 h2{margin-bottom:1rem;}
         .group-content2 dl dd {margin-top:1rem;}

          /*공정거래*/
        .compliance-content4 dl{width:40%; margin-right:3rem;margin-bottom:2rem; }
        .compliance-content4 dl:nth-child(2n){margin-right:0;}

        .compliance_content22{  display:inline-block;width:100%;}
       .compliance_content22 p{ width:100%;  display:inline-block; vertical-align:middle;padding-left:0; }
       .compliance22{ display:inline-block; width:100%;vertical-align:middle;margin-bottom:3rem; }


         /*연구비전*/
         .rnd-box{display:block;}
         .rnd-box .rnd-left, .rnd-box .rnd-right{width:100%;}
         .rnd-box .rnd-right{margin-top:3rem; border-top:1px solid #ccc; padding-top:3rem;}
         .rnd-box2{margin-bottom:10rem; }
         .rnd-box3 dl{margin-right:0; width:50%;}
         .rnd-box3 dl + dl{margin-left:0rem;}

         .rnd-box3{align-items: flex-start;}
         .rnd-box3 dd span{font-size:1.6rem; line-height:2.6rem;}

         /*그린스마트*/
         .green-box{display:block; margin-bottom:10rem; margin-top:2rem;}
         .green-box .green-inner.left li{width:100%; margin-bottom:4rem;}
         .green-box .green-inner.left li p{line-height:initial;}
         .green-box .green-inner.left li i{width:100%; background-size: cover; background-repeat: no-repeat;height:30rem;}

         .green-box .green-inner.right{margin-left:0; width:100%; margin-top:3rem; }
         .green-box .green-inner.right li dt{margin-bottom:1rem; }
         .green-box .green-inner.right li{margin-bottom:2rem;padding-left:0; padding-right:0;}

         .structure-box,
         .tenvironment-box{margin-bottom:10rem;}


         .rnd-box i{height:15rem;}
         .structure-box li{display:block;}
         .structure-box li i{width:100%;}
         .structure-box li dl{width:100%; margin-top:1rem; margin-left:0;}
         
         .partnership-content2 p i{width:21rem;}

         .inter_list li{width:100%;}
         .inter_list li dl{margin-top:2rem}
         .dd-content1{display:block; }
         
         .benefit-content2 .benefit3{height:39.4rem;}
          .visi-group dl dt,
        .visi-group dl dd{width:100%;}
        .compliance1-right:lang(en), .compliance1-right ul:lang(en){padding-left:0;}
        
        /*연혁*/
        .history-year-tab ul li dl dd{width:100%;}
        
        .nidea2 i{height:7.3rem;}
        
        .carbon_neutral2 img{width:100%; background-repeat: no-repeat; background-position: center; background-size:contain;}
        .creator-content3 .content3-con .strategy li{ width:100%; border:1px solid #ccc;  margin-right:1.5%; display:inline-block;margin-top:2rem; margin-bottom:2rem; padding:1.5rem; text-align:center;font-size:2.2rem; }
          .creator-content3 p img{ width:100%;}
.linkList .list01{width:100%;}
 .linkList .list02{width:100%;}
 .linkList .list03{width:100%;}
 
   .label li:hover .hovering.right33{right:0;left:calc(100% - 50rem );}
   
     .green-box2 .green-inner.left2 li{ width:100%; margin-bottom:2rem; }
    .hsilentlab dl{width:100%; display:inline-block;}
    .hsilentlab p{ width:100%;display:inline-block; }


     .strategy2030 li{ width:90%;display:inline-block; margin-top:3rem; vertical-align:top;} 
     .strategy2030 li p:lang(en){font-size:1.5rem;line-height:2rem;align-content:center;}
     .strategy2030 li dd{font-size:1.4rem; margin-bottom:1rem;}
     .strategy2030 .subtit:lang(en){font-weight:500;}
     .strategy2030 .subtit{width:100%; display:inline-block;font-size:2.5rem;font-weight:600;color:#009999; margin-bottom:1rem;}
     .strategy2030 .subtit span{font-size:1.7rem;color:#8b8b8b;display:block;}
     .strategy2030 .subtit span:lang(en){font-size:1.5rem;}
     .strategy2030 li p{width:100%; height:4rem; line-height:4rem; margin-bottom:1rem;color:#fff; font-weight:600;}
     .strategy2030 li p:lang(en){font-size:1.5rem;height:4rem; line-height:4rem; }
     .strategy2030 li dl{text-align:left; width:90%; margin:0 auto;}
     .strategy2030 li dt{font-weight:600;}
     .strategy2030 li dt:lang(en){font-weight:500;font-size:1.6rem;color:#000;}
     .strategy2030 li dd{font-size:1.4rem; margin-bottom:1rem;}

      .strategy2030 li .listArea{ border:1px solid #ddd; padding:2.5rem 0 0; height:15rem;}

 }

 @media only all and (max-width: 420px){
     .safery-list .list-img-box{display:none;}
     .partnership-content2 p,
     .partnership-content2 p i{width:100%;}
     .contribute-tab .btn-tow1{display:block;}
     .contribute-tab .btn-tow1 a{margin-bottom:1rem;}
     .inter_list li{width:100%; }
     .dd-content1{padding-bottom:4rem}
     .dd-inner div > div{margin-bottom:2rem;}

     /*구조실험실*/
     .structure-box li{display:block;}
     .structure-box li dl{width:100%; margin-left:0; margin-top:2rem;}
     .structure-box li i{width:100%;}
     /*환경실험동*/
     .tenvironment-box li{display:block;}
     .tenvironment-box li dl{width:100%; margin-left:0; margin-top:2rem;}
     .tenvironment-box li i{width:100%;}
      .visi1 dd{padding-left:2rem; padding-right:2rem;}
    
     .safery1{height:42rem;}
     .safery1 i{background-size:100%; height:auto;}
     
     .carbon_neutral2 img{width:100%; background-repeat: no-repeat; background-position: center; background-size:contain;}
     .creator-content3 .content3-con .strategy li{ width:100%; border:1px solid #ccc;  margin-right:1.5%; display:inline-block;margin-top:2rem; margin-bottom:2rem; padding:1.5rem; text-align:center;font-size:2.2rem; }
      .creator-content3 p img{ width:100%;}
.linkList .list01{width:100%;}
 .linkList .list02{width:100%;}
 .linkList .list03{width:100%;}
 
   .label li:hover .hovering.right33{right:0;left:calc(100% - 50rem );}
   
      .green-box2 .green-inner.left2 li{ width:100%; margin-bottom:2rem; }
    .hsilentlab dl{width:100%; display:inline-block;}
    .hsilentlab p{ width:100%;display:inline-block;}
     /*배당금조회*/
         
         .gate-box{border:1px solid #ccc;padding:5rem;}
         .content-title-27{font-size:2.7rem; color:#000; line-height: 3.4rem; font-weight:300; letter-spacing: -0.15rem;}
         .write-row1 dl dd,
         .write-row1 dl.w100 dd input{width:100%;}
         .write-row1 dl.w52 dd input{width:100%;}
         .write-row1 dl.w52 dd .bankinput{width:calc(100% - 4rem);}
         .write-row1 dl.w25 dd input,
         .write-row1 dl dd select{width:calc(100% - 4rem);}
         .write-row1 dl dd input,
         .write-row1 dl dd textarea{border:1px solid #ccc; background-color:#fff; padding:1rem;font-size:1.8rem;}
         .write-row1 dl dt label span{display:inline-block; letter-spacing: -0.1rem;}
         .write-row1 dl dt label::before{content:"";width:7px; height:7px; background-color: #01A251; border-radius: 10px; display: inline-block; margin-right:1rem;}
         .write-row1{width: 100%; margin:0 auto;}
         .write-row1 dl{display:flex; margin-bottom:1rem; overflow:hidden;}
         .write-row1 dl dt{width:15rem; display:flex; align-items: center;  }
         .write-row1 dl dt.start{ align-items: start; padding-top:1rem;}
         .write-row1 dl dd{display:flex; flex-wrap: wrap;}
         .write-row1 dl dt label{ display:flex; align-items: center; }
         .write-row1 .info{ width: 100%;  margin:0 auto;}
         .write-row1 dl dd a{ width: 2rem; display:inline-block; text-align:center; line-height:5rem; }
         .write-row1 dl dd a:hover{color: #01A251;} 

         /*공정거래*/
       .compliance_content22{  display:inline-block;width:100%;}
       .compliance_content22 p{ width:100%;  display:inline-block; vertical-align:middle;padding-left:0; }

       .compliance22{ display:inline-block; width:100%;vertical-align:middle;margin-bottom:0rem; margin-top:-3rem;}
       .compliance22 i{background-image: url(/common/img/invest/compliance2.png);}
       .compliance22{position: relative;  }
    
   }
   @media only all and (max-width: 375px)
   {
       .visi1{height: 40rem;}
       .carbon_neutral2 img{width:100%; background-repeat: no-repeat; background-position: center; background-size:contain;}
       .creator-content3 .content3-con .strategy li{ width:100%; border:1px solid #ccc;  margin-right:1.5%; display:inline-block;margin-top:2rem; margin-bottom:2rem; padding:1.5rem; text-align:center;font-size:2.2rem; }
       .creator-content3 p img{ width:100%;}
      
      .linkList .list01{width:100%;}
 .linkList .list02{width:100%;}
 .linkList .list03{width:100%;}
 
   .label li:hover .hovering.right33{right:0;left:calc(100% - 50rem );}
   
      .green-box2 .green-inner.left2 li{ width:100%; margin-bottom:2rem; }
    .hsilentlab dl{width:100%; display:inline-block;}
    .hsilentlab p{ width:100%;display:inline-block;}

     .strategy2030 li .listArea{ border:1px solid #ddd; padding:1.5rem 0 0; height:18rem;}
     .strategy2030 h4{line-height:3.8rem; margin-bottom: 3rem;}
     .structure-box li i{ width:100%; height:25rem;}

       }
   
 @media only all and (max-width: 320px) {
     .creator-content3 .cre-group .btn-group a{width:100%; }
     .visi1{height: 46rem;}
     .carbon_neutral2 img{width:100%; background-repeat: no-repeat; background-position: center; background-size:contain;}
     .creator-content3 p img{ width:100%;}
.linkList .list01{width:100%;}
 .linkList .list02{width:100%;}
 .linkList .list03{width:100%;}
 
   .label li:hover .hovering.right33{right:0;left:calc(100% - 50rem );}
   
    .green-box2 .green-inner.left2 li{ width:100%; margin-bottom:2rem; }
    .hsilentlab dl{width:100%; display:inline-block;}
    .hsilentlab p{ width:100%;display:inline-block;}
 }

 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
     .rnd-box2 i{background-size:auto; height:20rem;}
     .write-row input[type='radio'],
         .write-row input[type='radio']:checked {
           appearance: none;
           width: 15px;
           height: 15px;
           border-radius: 100%;
           margin-right: 0.1rem;
           margin-bottom: 0;
         
         }
.linkList .list01{width:100%;}
 .linkList .list02{width:100%;}
 .linkList .list03{width:100%;}
 
   .label li:hover .hovering.right33{right:0;left:calc(100% - 50rem );}

   .green-box2 .green-inner.left2 li{ width:100%; margin-bottom:2rem; }
    .hsilentlab dl{width:100%; display:inline-block;}
    .hsilentlab p{ width:100%;display:inline-block;}
 }
 @media (max-width: 736px) and (orientation:landscape) {
     .safery1 i{background-size:contain;height:35rem;}
     .safery3 i,
     .safery3{height:56rem;}
     .safery-content3-right ul.sh-40{height:51rem;}
     .safery-list .news-contents{flex-wrap: wrap;}
     .carbon_neutral2 img{width:100%; background-repeat: no-repeat; background-position: center; background-size:contain;}
     .linkList .list01{width:100%;}
 .linkList .list02{width:100%;}
 .linkList .list03{width:100%;}
 
   .label li:hover .hovering.right33{right:0;left:calc(100% - 50rem );}
      .green-box2 .green-inner.left2 li{ width:100%; margin-bottom:2rem; }
    .hsilentlab dl{width:100%; display:inline-block;}
    .hsilentlab p{ width:100%;display:inline-block;}
 }