@charset "utf-8";
@import url(../css/default.css);
@import url(../css/eknews.css);
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

/*************************************************
프로젝트명 : 에너지경제 리뉴얼 2020
commnet : common.css
*************************************************/

html{min-width:1100px;}
body{overflow:visible; font-family:'나눔스퀘어', 'NanumSquare';}
footer{position:relative;}
a:link{color:#333;}
#all-wrap{position:relative; overflow:hidden;}
header{width:1100px; height:100px; overflow:initial;}
.head-wrap{width:100%; height:100%; overflow:hidden; margin:0 auto;}
.hd-rightarea{display:none;}
.head-wrap nav{width:auto !important;}
.ek-logo {display: inline-block;  overflow: hidden;  width:190px;  height:60px;  background-size: 260px;  background: url(../images/logo2023_company.png) no-repeat 0 0; position:relative; top:19px;float: left; text-indent: -30%;}
.ek-logo > a {  display: block; height: 100%;}
.main-menu {float: right;margin-top: 38px;text-align: center;}
.menu-select a h3{color:#e84e54; font-weight:500;}
.main-menu ul{position:relative;}
.main-menu ul li:first-child{margin-right:36px; margin-left:0;}
.main-menu ul li:last-child{margin-right:0; margin-left:36px;}
.main-menu ul li{ margin:0 36px; float: left;}
.main-menu h3{color:#4c4c4c;font-size:16px;font-weight:300;}
.menu-on h3{color:#5674b9; font-weight:600;}
.main-content-wrap{width:100%;height:680px;background: url(../images/comp_bg.png)no-repeat 0;background-size: cover;margin: 0 auto;position:relative;background-position-x:center;}
.sect-indent{text-indent: -999px;display: none;}
.content-cover{width:100%; height:100%; background:black;opacity:0.5;position:absolute;}
.cont-main-text{letter-spacing: 1px;/* font-family:"나눔스퀘어",NanumSquare; */position:relative;text-align: center;overflow: hidden;position:absolute;top:36%;left:0;right:0;}
.cont-main-text p:nth-child(1){color:#ffffff;font-size:36px;height:auto;display: block;overflow: hidden;line-height:50px;margin-bottom:24px;font-weight:300;}
.main-txt2{color:#ffffff; font-size:46px; height:53px; display:block; overflow:hidden; line-height: 53px;}
.menu-area{overflow:hidden; position: absolute;top: 110px;left: 0;display:none;z-index: 2; background:#fff; width:100%; height:200px; padding:10px 0 16px 0; border-top:1px solid #ebebeb;}
.ico-close{position: absolute;right: 6px;top: 6px;width: 40px;height: 40px;background-position: -253px -120px;background-size: 300px;}
.allmenu{width:1100px; background:#fff; margin:0 auto; position:relative; overflow:hidden; height:200px;}
.menu-content{position:absolute; right:0; width:780px;}
.menu-content > ul{float:left;width: calc(20% - 4px);padding:15px 0;overflow:hidden;border:1px solid #fff;text-align:center;}
.menu-content > ul > li{font-size:16px; line-height:34px;}
.menu-content > ul > li > a{display:none;}
.menu-content ul li a{color:#808080;}
.menu-content ul li ul li a:hover{color:#000;}
.menu_click{overflow: hidden;}
/* 에너지 회사소개 메인 e */

/* 에너지 회사소개 01 s */
.sub-cont-wrap{background:none;height: auto;}
.sub-visual01 {background: url(../images/intro_bg.png) no-repeat 0 0px;position: relative;}
.sub-visual-top {height: 250px;width: 100%;text-align: center;background-position-x: center !important;margin-bottom: 60px;}
.intro-cover{height: 100% !important;}
.sub-visual-top h1 {font-size: 42px; color: #fff;font-weight: 400;position: absolute;top: 70px;left: 0;right: 0;line-height: 45px;}
.top-sub-text {position: relative;font-size: 17px;color: #ffffff; top:134px;line-height: 24px;font-weight: 300;}
.company-tab{width:100%; position: absolute;bottom: -40px; left:0; right:0;}
.sub-visual01 ul {width: 1100px; overflow:hidden; margin:0 auto;}
.sub-visual01 ul li {display: inline-block;float: left;cursor:pointer;background:white; width:272px; height:80px; line-height:80px;border: 1px solid #ececec;}
.sub-visual01 ul li a {color:#616161;font-size: 18px;display:block;}
.sub-on {width: auto;height: 100%;background:#EE514A !important;}
.sub-on a {font-weight:400; color:white !important}
.location-wrap {width: 1100px;margin: 40px auto;overflow: hidden; margin-bottom:110px;}
.intro-video {width: 1100px;height: 400px; margin: 40px auto 0 auto; text-align:center;}
.intro-main-text{text-align: left;font-size: 19px;width:768px;margin: 0 auto;margin-top: 40px;line-height: 28px;color: #333333; font-weight:500;}
.intro-text{font-size: 19px; text-align: left; font-weight:500; display:block; margin-bottom:26px;width:768px;margin: 0 auto;margin-top: 40px;line-height:26px;color: #333333;}
.intro-text span{font-size: 16px;font-weight:300; padding-left:24px;display: block;}
/* 에너지 회사소개 01 e */

/* 에너지 회사소개 02 인사말 start */
.intro-greeting {width: 768px;height:300px; margin:40px auto  0 auto;background: url(../images/header_img.png) no-repeat 0 0px;}
.greeting-text{font-size: 16px; text-align: left; font-weight:300; display:block; margin-bottom:26px;width:768px;margin: 0 auto;margin-top: 40px;line-height:26px;color: #333333;}
.gree-stamp{background: url(../images/stamp.png) no-repeat 0 0px; width: 135px; height:80px;    float: right;}
.intro-main-title{font-size:24px; font-weight:500; padding-left:60px !important; position:relative; padding-top:15px; margin-bottom:40px !important;}
.intro-main-title::before{content:""; display:inline-block; width:25px; height:20px; background:url(../images/sprites_img.png) no-repeat -411px -136px; position:absolute; left:30px; top:0;}

/* 에너지 회사소개 02 인사말 end */

/* 에너지 회사소개 03 연혁 start */
.history{width:100%; margin:40px auto 0 auto;}
.history-tab{height:auto; overflow:hidden; line-height:130px;left: 10px;position: relative; width:1040px; margin:0 auto;}
.history-tab li{display:inline-block; float:left; /* width:calc(25% - 1px); */ text-align:center; font-size:18px; font-weight:600; margin-right:80px;}
.history-tab li a::after{position: relative;content: '';width: 50px;z-index: 949;height: 7px;display: block;background: url(../images/dots.png)no-repeat 0px 0px;right: -160px; top: -68px;}
.history-tab li:last-child a::after{content:""; display:none !important;}
.history-tab li a{ color:#999999;border: 5px solid #AEBFF2;border-radius: 100%;height: 133px;width: 133px;text-align: center;}
.history-tab li.history-on a{color: #254693;border: 5px solid #3F5E9E;}
.history-area{padding:30px 40px 0px 40px; position:relative; width:875px; margin:0 auto;}
.history-area::before{position: absolute;content: '';width: 18px;height: 18px;display: inline-block;left: 158px;top:72px; border-radius: 100%;background: #3f5e9e;}
.history-box{overflow:hidden; width:940px; margin:60px auto 0px auto;}
.history-li{width:830px; height:auto; overflow:hidden;position:relative;}
.history-li:last-child ul{padding-bottom:0;}
.history-li h3 {font-size:37px;font-family: "나눔스퀘어",Nanum Square;width:auto;height: auto;line-height: 50px;font-weight:800;float: left;color: #3F5E9E;letter-spacing: -2px;}
.history-li ul {float: left;border-left: 4px solid #3F5E9E;margin-left: 41px;padding:8px 0 60px 90px;}

.history-li ul li {overflow: hidden;min-height:64px;}
.history-li ul li p {font-size: 16px;color: #191919;font-weight:400;top: 8px;position: relative;margin-left:80px; max-width:520px; padding-bottom:10px;}
.history-li ul li p::before{position: absolute;content: '';width: 10px;height: 2px;left: -24px;margin-top: 9px;background: #4967a7d9;}
.history-li ul li span {font-size:15px;border-radius: 100%;width:35px;height: 35px;letter-spacing: 1px;text-align: center;background: #3F5E9E;line-height:35px;font-weight:400;float: left;color: white;}
.history-li ul li span::before{position: absolute;content: '';width: 16px;height: 16px;border: 3px solid #3F5E9E;border-radius: 100%;left: 116px;margin-top: 5px;background: white;}
/* 에너지 회사소개 03 연혁 end */

/* 에너지 회사소개 04 조직도 start */
.intro-group {width: 1100px;height: 837px;margin:40px auto 0 auto;background: url(../images/organization_250714.png) no-repeat 0 0px;}
/* 에너지 회사소개 04 조직도 end */

/* 에너지 회사소개 05 배달 판매 start */
.sub-visual02 {background: url(../images/deil_bg.png) no-repeat 0 0px;position: relative;}
.intro-deliver {width:900px;height:400px; margin: 0 auto;}
.intro-deliver figure{width:330px;height:370px; background: url(../images/deil.png) no-repeat 0 0px; float:left;}
.delive-box{float:left;width: 50%;margin-left: 100px;}
.delive-text1 {font-size:20px;color: #333333;line-height:31px; margin-bottom:12px;}
.delive-text2  h1{font-size:18px;color: black;font-weight: 500;margin-top: 60px;margin-bottom: 25px;}
.delive-text2  h1::after{content: "";width: 24px;height: 2px;display: inline-block;vertical-align: text-top;background: #FF6167;position: relative;left: -84px;top: -5px;}
.delive-text2 span{font-size:16px; color:#DD121A; letter-spacing: 0;line-height: 31px;}
.delive-text2 span strong{font-weight:400; color:#333333 !important;}



/* 에너지 회사소개 05 배달 판매 end */

/* 에너지 회사소개 06 찾아오시는길 start */
.map{background: url(../images/maps.png) no-repeat 0 0px;margin: 0 auto;width: 1100px;height:480px;}
.sub-visual03 {background: url(../images/map_bg.png) no-repeat 0 0px;position: relative;}
.location-info {width: 1100px;margin: 0 auto;}
.location-info h3 {margin-top: 50px;margin-bottom: 15px;font-size: 22px;color: #131313;font-weight: 500;}
.location-info p::before {content: "";width: 4px;height: 22px;margin-right: 10px;display: inline-block;margin-left: 5px;vertical-align: top;background: #dd121a;}
.location-info p {font-size: 18px;color: #333;line-height: 24px;}
.main-call {margin-bottom: 12px; margin-top: 30px;}
/* 에너지 회사소개 06 찾아오시는길 end */

/* 에너지 회사소개 07 인재채용 start */
.sub-visual04 {background: url(../images/hire_bg.png) no-repeat 0 0px; position: relative;}
.hire-wrap {width: 1100px;margin: 0 auto; position: relative;}
.hire-wrap h3 {margin-bottom: 38px;font-size: 34px;color: #131313;font-weight: 500;line-height: 40px;}
.hire-wrap h4{font-size:28px; color:#222; margin:60px 0 30px 0; font-weight:600;}
.hire-wrap h3 span{color:#DD121A;font-weight: 500;}
.hire-text1 {font-size: 18px;color: #464646;line-height: 28px;}
.hire-text2{font-size:20px;color: black;font-weight: 500;margin-top: 64px;margin-bottom: 25px;}
.hire-text2::after{content: "";width: 24px;height: 2px;display: inline-block;vertical-align: text-top;background: #FF6167;position: relative;left: -65px;top: -5px;}
.hire-step{background: url(../images/hire_img02.png) no-repeat 0 0px; height:170px; width:880px; margin:0 auto;}
.hire-text3  h1{font-size:20px;color: black;font-weight: 500;margin-top: 64px;margin-bottom: 25px; position:relative;}
.hire-text3  h1::before{content: "";width: 24px;height: 2px;display: inline-block;vertical-align: text-top;background: #FF6167;position: absolute;left:0;top: -12px;}
.hire-text3 span{font-size:18px; color:#333333; letter-spacing: 0;}
.hire-text3 span strong{font-weight:500;}
.hire-text3:nth-child(2) span{line-height: 26px;}
.hire-list li{font-size:16px; line-height:24px;}
.hire-text3 button{width:180px; height:50px; background:#5670D1; color:#fff; margin-top:30px;}
/* 에너지 회사소개 07 인재채용 end */

/* 회사소개 추가 */
.intro-ekn{border:2px solid #ccc; width:720px; margin:20px auto 30px auto; border-radius:30px; padding:40px;}
.intro-ekn h3{font-size: 28px;
    line-height: 32px;
    text-align: center;
    color: #222;
    font-weight: 500;}
.intro-ekn ul{margin:30px auto 0; width:350px;}
.intro-ekn ul li{font-size:24px; line-height:34px; font-weight:400; color:#333;}

/*---------------------------------------- PC 회사소개 웹 코딩 종료 ----------------------------------------*/

.hire-table{width:100%; border-top:2px solid #333; margin-bottom:30px;}
.hire-table th{background:#f0f0f0; padding:10px 0; font-weight:500; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#333;}
.hire-table td{padding:10px 0; border-right:1px solid #ddd; text-align:center; border-bottom:1px solid #ddd; color:#333;}
.hire-table th:last-of-type,.hire-table td:last-of-type{border-right:0 none;}
.hire-table td:last-of-type{text-align:left; padding-left:10px;}

.hire-list2024 li{font-size:18px; line-height:30px; font-weight:400; color:#333;}