@import url(common.css);

.silkscreen{position: fixed;top: 0;left: 0;right: 0;height: 100%;z-index: 350;background: #fff;transform: translate3d(0, 0, 0);}
#container{overflow: hidden;}

.sub_visual{position: relative;height: 250px;}
.sub_title{text-align: center;position: relative;width: 100%;color: #000;text-wrap: balance;margin-top: 62px;margin-bottom: 44px;}
.sub_title span{display: block;}
.sub_title .top{font-size: 52px;font-weight: 600;}
.sub_title .btm{font-size: 15px;font-weight: 300;margin-top: 35px;color:#e7e7e7;letter-spacing: 2.5px;opacity: 0;transform: translateY(-70px);display: none!important;}

.path{display: flex;position: absolute;right:0;bottom:30px;padding-left: 8px;}
.path:before{content: '';width: 2px;height: 2px;background-color: #fff;position: absolute;left: 0;top:9px;}
.path>li{margin-right: 27px;position: relative;}
.path>li:after{content: '';width: 5px;height: 7px;background: url(../images/sub/path_arrow.png)center no-repeat;position: absolute;right: -17px;top: 6px;}
.path>li:last-child{margin-right: 0;}
.path>li:last-child:after{display: none;}
.path>li>a, .path>li>span{font-size: 14px;color:#fff;}
.path>li>span{color:#01d3fa; font-weight:500;}
.path>li.home {font-weight:500;}

.scroll_line{display: none!important;}

/*타이틀*/
.titleA{font-size: 24px;font-weight: 600;margin-bottom: 22px;position: relative;margin-top: 40px;letter-spacing: -1.5px;text-align: left;}
.titleA:first-child{margin-top:0;}
.titleA.white{color:#fff;}
.titleA span{font-size: 16px;}
.titleA button{font-size: 24px;font-weight: 600;text-align: left;}
.titleB{font-size: 20px;color:#2d44b6;font-weight: 500;margin-bottom: 12px;margin-top: 40px;display: block;}
.titleB button{font-size: 20px;color:#2d44b6;font-weight: 500;}
.titleC{font-size: 20px;font-weight: 600;margin-top: 34px;margin-bottom: 12px;}
.titleD{font-size: 28px;font-weight: 300;margin-top: 35px;}
.titleD .small{font-size: 15px;font-weight: 400;}
.titleE{font-size: 38px;color:#333;margin-bottom: 10px;}
.titleE strong{font-weight: 600;color:#044487}
.textA{font-size: 17px;line-height: 1.7;letter-spacing: -1px;}
.textB{font-size: 16px;line-height: 1.6;color: #2d44b6;margin-top: 4px;}
.sub_text2{font-size: 26px;font-weight: 300;text-align: center;line-height: 1.5;margin-bottom: 50px;}
.italic, .italic>em{font-size: 22px;font-style: italic;font-weight: 300;}

.font_A{font-family: 'fontA', sans-serif;font-size: 18px;}
.font_B{font-family: 'fontB', sans-serif;font-size: 44px;letter-spacing: 4px;}

#content{text-align: center;margin-top: 0;transition: 1s;position: relative;padding-bottom: 100px;min-height: calc(100vh - 550px);}
#content>.wrap{position: relative;}
.front{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.sub_visual .bg{height: 210px;width:100%;overflow: hidden;position: relative;top:0;/*transition: height 1s ease;*/}
.sub_visual .bg .wrap{position: absolute;left: 50%;bottom:0;height: 100%;transform: translateX(-50%);/*transition: height 1s;*/}
.sub_visual .bg img{position: absolute;bottom:0;transform:scale(1.2) rotate(.001deg);/*transition:transform 1s;-ms-transition:transform 1s;*/height: 100%;object-fit: cover;}
.bg_area{background: url(../../images/sub/sub_visual01.jpg)center top no-repeat;display: block;width: 100%;height: 100%;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .sub_visual .bg{transition: height 1s;}
    .sub_title{transition: height 1s;}
}

/* 탭 */
.tab_wrap .now_tab{display: none;}
.tabA{display:flex;border-bottom:1px solid #216eb4;height: 54px!important;margin-bottom: 50px!important;z-index: 60;gap: 3px;}
.tabA li{text-align: center;border: 1px solid #cccbd3;border-bottom: 0;width: 100%;}
.tabA li:first-child{border-left:1px solid #cccbd3 ;}
.tabA li a{font-size: 16px;display: block;padding: 0 10px;position: relative;max-height: 54px;height: 100%;display: flex;align-items: center;justify-content: center;color: #666;word-break: break-all;}
.tabA li a:before{content: '';width: 10px;height: 10px;background:#216eb4;transform: rotate(45deg);position: absolute;bottom:-4px;left:50%;margin-left: -5px;opacity: 0;display: none;}
.tabA li a:hover{color: #216eb4;}
.tabA li.current{border: 1px solid #216eb4;background: #216eb4;}
.tabA li.current a{color:#fff;}
.tabA li.current a:before{opacity: 1;transition: .4s;}

.move .sub_visual .scroll_line{opacity: 0;}
.show .sub_title .btm{opacity: 1;transform: translateY(0);transition: 1.5s;}
.show .sub_visual .bg img{transform: scale(1);max-width: 100%;}

.sub_line{text-align: center;position: relative;width: 100%;height: 20px;}
.sub_line span{width: 1px;height: 20px;display: inline-block;}
.sub_text{font-size: 28px;display: inline-block;margin-bottom:55px}

.quote{position: relative;padding: 0 40px;}
.quote:before, .quote:after{content: '';width: 31px;height: 23px;background: url(../images/sub/quote.png)center no-repeat;position: absolute;top:-6px;background-size: 100%;}
.quote:before{left:0;}
.quote:after{right:0;transform: rotate(180deg);}

.sub_move{width: 100%;display: flex;justify-content: space-between;z-index: 2;position: absolute;top: -90px;left: 0;}
.sub_move .prev .arrow{text-align: left;padding-left: 87px;padding-right: 0;letter-spacing: -1px;}
.sub_move .prev .arrow:before{right: auto;left: 21px;}
.sub_move .prev .arrow:after{right: auto;left: 21px;transform: rotate(180deg);}
.sub_move .prev .circle{right: auto;left: 0;}
.sub_move .prev:hover .arrow{padding-left: 60px;}
.sub_move .more_btn .circle:before ,.sub_move .more_btn .circle:after{height: 12px;margin-left: 1px;}
.sub_move .more_btn .circle:before{transform: rotate(-50deg);margin-top: -11px;}
.sub_move .more_btn .circle::after{transform: rotate(50deg);top: 43%;}
.sub_move .prev .more_btn .circle:before, .sub_move .prev .more_btn .circle:after{margin-left: -2px;}
.sub_move .prev .more_btn .circle:before{transform: rotate(50deg);}
.sub_move .prev .more_btn .circle::after{transform: rotate(-50deg);}

#cts{text-align: left;}
.logo_img{font-size: 0;line-height: 0;width: 175px;height: 45px;background:url(../images/common/logo_black.png)center no-repeat;display: inline-block;background-size: 100%;}

.security_menu a:after{background: url(../images/sub/quick_bg01.jpg)center no-repeat;background-size: cover;}
.network_menu a:after{background: url(../images/sub/quick_bg02.jpg)center no-repeat;background-size: cover;}
.management_menu a:after{background: url(../images/sub/quick_bg03.jpg)center no-repeat;background-size: cover;}


/*이미지 확대보기팝업*/
.img_pop{position: fixed;left: 0;top: 0;width: 100vw;height: 100vh;box-sizing: border-box;z-index: 900;background: #fff;display: none;}
.img_pop .img_inner{overflow: auto;padding: 20px 20px 58px 20px;height: 100%;}
.img_pop .img_inner img{max-width: none;}
.img_pop .img_close{position: fixed;left: 0;bottom: 0;text-align: center;background: #333;color: #fff;width: 100%;font-size: 16px;padding: 15px 10px;box-sizing: border-box;}

/*텍스트 스타일*/
.bullet_list{}
.bullet_list>li{display: inline-block;margin-right: 40px;}
.bullet_list>li:last-child{margin-right: 0;}
.bullet01{font-size: 17px;padding-left: 18px;position: relative;line-height: 1.7;margin-top: 10px;letter-spacing: -1px;}
.bullet01:before{content: '';width: 3px;height: 3px;background-color: #2d44b6;position: absolute;left: 5px;top:10px;}
.bullet01:first-child{margin-top: 0;}
.bullet01 .point{display: block;color:#2d44b6;font-weight: 500;margin-bottom: 3px;}
.bullet02{font-size: 15px;position: relative;padding-left: 10px;margin-top: 2px;}
.bullet02:before{content: '';width: 5px;height: 1px;background-color: #242424;position: absolute;left: 0;top:12px;}
.bullet03{font-size: 15px;position: relative;padding-left: 10px;margin-top: 2px;}
.bullet03:before{content: '';width: 2px;height: 2px;border-radius: 50%;background-color: #242424;position: absolute;left: 0;top:12px;}

.bullet_num{padding-left: 1em;position: relative;margin-bottom: 5px;}
.bullet_num:before{content: attr(data-num);position: absolute;left: 0;top:0}

.num_list{margin: 0;margin-top: 34px;padding-left: 22px;}
.num_list li{list-style: decimal;position: relative;}
.num_list li:last-child{margin-bottom: 0;}

/*테이블공통*/
.searchArea{background:#eef3f7;padding: 27px 30px;display: flex;justify-content: center;margin-bottom: 40px;align-items: center;}
.searchArea>*{margin-right:10px}
.searchArea>*:last-child{margin-right:0}
.searchArea label{display:none;}
.searchArea input, .searchArea select{border:1px solid #fff;}
.searchArea .btn_area a{margin-right:5px;height:45px;padding: 11px 20px;-webkit-padding-before:13px;min-width: 110px;}
.searchArea a{width: 160px;}
.searchArea .btn02 a{width: 110px;}

.table_top{position: relative;display: flex;align-items: flex-end;margin-bottom: 10px;}
.table_top.text{margin-bottom: 10px;}
.table_top.text .top_detail{margin-left: auto;}
.table_top .titleB{margin: 0 0 5px 0;}
.total{font-size:14px;padding-left: 18px;margin-right: 30px;position: relative;}
.total:before{content: '';width:13px;height: 13px;background: url(../images/common/total.png)left top no-repeat;position: absolute;left: 0;top: 2px;}
.total .count{color:#4354da}

.attach_btn{display: inline-block;vertical-align: top;padding-left: 25px;margin-right: 35px;transition:color .4s;position: relative;}
.attach_btn:hover{color:#3a57c2;text-decoration: underline;}
.attach_btn:before{content:'';position: absolute;left:0;top:0;width: 100%;height: 100%;}
.attach_btn.file{width: 20px;height: 15px;}
.attach_btn.file:before{background: url(../images/sub/file_bg.png)center no-repeat;}

.state{font-size:13px;display: inline-block;min-width: 80px;height: 29px;padding: 6px 10px;-webkit-padding-before:7px;}
.state01{border:1px solid #242424;background:#fff;}
.state02{border:1px solid #2d44b6;background:#fff;color:#2d44b6;}
.state03{background:#2d44b6;color:#fff;font-weight: 300;}
.state04{background:#868686;color:#fff;font-weight: 300;}

.pill{padding-left: 10px;position: relative;}
.pill:after{content: '*';color:#e21625;position: absolute;left: 0;top:0;}
.table_p{font-size: 13px;margin-top:7px;position: relative;}
.table_p:first-child{margin-top:0}

.attach_td .table_p{margin:3px 0 7px 0;}
.file_box{position: relative;}
.file_list{margin-top: 7px;}
.file_list:first-child{margin-top: 0;}
.attach_td .btn_area{position: absolute;top: 0;left: 510px;}
.attach_td .btn_area button{margin-right: 5px;}
.attach_td .btn_area button:last-child{margin-right: 0;}

.t_left .btn_area{justify-content: flex-start;flex-wrap: wrap;margin-top: -5px;}
.t_left .btn_area a{margin-top: 5px;}

/*테이블L(리스트 테이블)*/
.tableL{border-top:1px solid #2d44b6;}
.tableL tr{min-height: 50px;transition:background .4s;}
.tableL thead tr{background:#eef3f7;}
.tableL th{font-size: 16px;border-bottom:1px solid #d4d4d4;padding: 17px 15px;position: relative;font-weight: 400;text-align: center;}
.tableL th:before{content: '';width: 1px;height: 15px;background:#c4c4c4;position: absolute;right:0;top:19px;}
.tableL th:last-child:before{display: none;}
.tableL td{border-bottom:1px solid #d4d4d4;padding: 10px 15px;text-align: center;position: relative;height: 56px;}
.tableL tbody tr:hover{background-color:#f7f7f8;}
.tableL td a{display: block;}
.tableL td a:hover{color:#3a57c2;text-decoration: underline;transition:color .4s;}
.tableL .attach_btn{font-size:0;line-height:0;padding:0;margin: 0 3px;}
.tableL .t_link tr:hover{cursor: pointer;}
.tableL .t_link tr:hover a{text-decoration: underline;color:#3a57c2;}

.important.num{position: relative;}
.important.num:before{content: '중요';font-size: 13px;color:#fff;background-color: #4886f7;width: 41px;height: 24px;position: absolute;left: 50%;top:50%;margin: -12px 0 0 -20px;padding: 5px 0;border-radius: 10px;}


/*테이블V(뷰테이블)*/
.tableV{border-top:1px solid #28314c;margin-bottom: 40px;}
.view_top{font-size:16px;background:#eef3f7;border-bottom:1px solid #d4d4d4;padding: 18px 40px;position: relative;font-weight: 400;display: flex;justify-content: space-between;}
.view_top .title{font-weight: 500;line-height: 1.4;width: calc(100% - 100px);}
.view_top .right{display: flex;width: 100px;justify-content: flex-end;}
.view_top .right p{font-size: 14px;}
.view_top .right p{font-size: 14px;position: relative;padding: 0 22px;line-height: 21px;}
.view_top .right p:before{content: '';width: 1px;height: 15px;background:#d4d4d4;position: absolute;right:0;top:4px;}
.view_top .right p:last-child{padding-right:0 !important;}
.view_top .right p:last-child:before{display: none;}
.view_top.long .title{width: calc(100% - 280px);}
.view_top.long .right{width: 280px;}
.view_down{margin: 20px 20px 0 20px;border:1px solid #d4d4d4;font-size: 14px;padding: 15px 20px;display: flex;}
.view_down dt{color:#3a57c2;padding-right: 25px;margin-right: 25px;position: relative;line-height: 22px;}
.view_down dt:before{content: '';width: 1px;height: 15px;background: #ccc;position: absolute;right:0;top:4px;}
.view_down dd{display: flex;flex-wrap: wrap;width: calc(100% - 80px);}
.view_down dd .attach_btn{margin-top:2px;margin-bottom: 2px;width: auto;}
.view_down dd .attach_btn.file:before{background-position: left center;background-size: 17px;}
.view_cts{padding: 40px;font-size: 15px;border-bottom:1px solid #d4d4d4;}
.view_cts p{line-height: 1.6;}
.view_cts img{display: block;/*margin: 0 auto;*/}

.viewList{border-top:1px solid #d4d4d4;}
.viewList>div{border-bottom:1px solid #d4d4d4;display: flex;font-size: 14px;}
.viewList span{color:#28314c;background: #eef3f7;padding: 18px 10px;width: 180px;text-align: center;position: relative;}
.viewList span:before, .viewList span:after{content: '';width: 1px;height: 7px;background: #28314c;position: absolute;left: 23px;top:50%;margin-top: -4px;}
.viewList span:before{transform: rotate(45deg);}
.viewList span:after{transform: rotate(-45deg);left: 28px;}
.viewList .nextList span:before{transform: rotate(315deg);}
.viewList .nextList span:after{transform: rotate(45deg);}
.viewList a{padding: 18px 20px;transition:color .4s;width: calc(100% - 180px);}
.viewList a:hover{color:#28314c;text-decoration: underline;}

/*테이블W(글쓰기 테이블)*/
.tableW{border-top:1px solid #28314c;}
.tableW th{background:#eef3f7;border-bottom:1px solid #d4d4d4;padding: 7px;font-weight: 400;text-align: center;}
.tableW td{border-bottom:1px solid #d4d4d4;padding: 7px 15px;height: 56px;line-height: 1.6;}
.tableW td>*{vertical-align: middle;}
.tableW td label{margin:0;}
.tableW td.pill:after{display: none;}
.tableW input[type="text"], .tableW input[type="password"], .tableW input[type="email"], .tableW input[type="number"], .tableW select{height: 41px;margin-right: 1px;width: 200px;}
.tableW .btn{font-size: 14px;padding: 7px 15px;height: auto;min-width: auto;}

.tableW td.select_in input, .tableW td.select_in select{width: calc(33.3% - 10px);max-width: 200px;}
.tableW td.select_in .email03{width: 172px;}
.tableW td.select_in>*:last-child{margin-right: 0;}

/*페이징*/
.paging{margin-top:40px;display: flex;align-items: center;justify-content: center;}
.paging button, .paging a{width: 20px;height: 25px;}
.paging button{font-size:0;line-height:0;width: 25px;background-repeat: no-repeat;background-position: center;}
.paging button.first{background-image: url(../images/common/first_arrow.png);}
.paging button.prev{background-image: url(../images/common/prev_arrow.png);margin-right: 13px;}
.paging button.next{background-image: url(../images/common/prev_arrow.png);transform:rotate(180deg);margin-left: 13px;}
.paging button.last{background-image: url(../images/common/first_arrow.png);transform:rotate(180deg);}
.paging .num{font-size: 14px;text-align: center;margin:0 5px;line-height: 24px;border-radius: 50%;}
.paging .num:hover{color:#28314c;font-weight: 500;}
.paging .num.on{background-color:#28314c;color:#fff;font-weight: 500;width: 25px;}

/* 테이블A(일반페이지) */
.tableA{border-top:2px solid #28314c;}
.tableA th{background:#eef3f7;border-bottom:1px solid #d4d4d4;padding: 10px;border-left: 1px solid #d4d4d4;font-weight: 500;text-align: center;height: 50px;}
.tableA td{background:#fff;border-bottom:1px solid #d4d4d4;padding: 12px 20px;text-align: center;border-left: 1px solid #d4d4d4;height: 50px;word-break: break-all;}
.tableA tr *:first-child{border-left: 0;}
.tableA .bl{border-left: 1px solid #d4d4d4!important;}
.tableA img{max-width: 100%;}


/*제품문의*/
#complete_pop .cts p{font-size: 16px;margin-bottom: 5px;}
#complete_pop .cts p:last-child{margin-bottom: 0;}
.tableW td.select_in .b_number01{width: 160px;}
.tableW td.select_in .b_number02{width: 130px;}
.tableW td.select_in .b_number03{width: 212px;}

.m_btn{margin-top: 20px;display: none;}


/* L5E&E 서브 */
.topArea_img{margin-bottom: 46px;position: relative;background-position: center;background-repeat: no-repeat;background-size: cover;height: 250px;}
.topArea_img .text{font-size: 20px;font-weight: 300;letter-spacing: 0;position: absolute;left: 0;bottom: 0;width: 100%;padding: 0px 36px 38px;color: #fff;}
.topArea_img.type01{background-image: url(../images/sub/energy_bg01.jpg);} /* 분산에너지 활성화 특별법 */
.topArea_img.type02{background-image: url(../images/sub/appraisal_bg.jpg);} /* 전력계통 영향평가 */
.topArea_img.type03{background-image: url(../images/sub/evalution_bg.jpg);} /* 신재생에너지 발전사업자 전력계통 영향평가 */
.topArea_img.type04{background-image: url(../images/sub/service_bg.jpg);} /* L5 E&E 서비스 */
.topArea_img.type05{background-image: url(../images/sub/l5service_bg.jpg);} /* 대규모 전기사용 -> L5 E&E 서비스 */
.topArea_img.type06{background-image: url(../images/sub/consulting_bg.jpg);} /* 설계 및 Consulting */


.blue_bg{background: #f0f9fe;padding: 70px 0 120px;margin-top: 76px;}

.link_wrap{display: flex;flex-wrap: wrap;gap: 5px 50px;}
.link_btn{display: inline-block;padding-left: 26px;position: relative;color: #2837c2;text-decoration: underline;font-size: 18px;letter-spacing: -1px;}
.link_btn:before{content: '';background: url(../images/sub/link_ico.png) left top no-repeat;width: 21px;height: 16px;position: absolute;left: 0;top: 2px;}

.color_box{display: flex;gap: 20px 45px;}
.color_box dl{width: 100%;}
.color_box dl dt, .color_box dl dd{display: flex;justify-content: center;align-items: center;text-align: center;padding: 10px;}
.color_box dl dt{font-size: 20px;font-weight: 500;color: #fff;background: #1f365e;min-height: 70px;}
.color_box dl dd{min-height: 140px;border: 1px solid #e2e2e2;text-align: center;font-size: 18px;text-wrap: balance;line-height: 1.6;}
.color_box dl dt button{font-size: 20px;font-weight: 500;color: #fff;}

.color_box02{gap: 30px 20px;}
.color_box02 dl{display: flex;}
.color_box02 dl dt{width: 100px;min-width: 100px;text-align: center;color: #fff;}
.color_box02 dl dd{min-height: auto;border-left: 0;text-align: left;width: 100%;justify-content: flex-start;align-items: flex-start;}
.color_box02 dl:first-child dt{background: #2d82cb;}
.color_box02 dl:nth-child(2) dt{background: #336ad0;}
.color_box02 dl:last-child dt{background: #1e55bd;}
.color_box02 .pop_ico{color: #fff;font-size: 18px;font-weight: 500;line-height: 1.6;}
.color_box02 .pop_ico:after{margin: 8px auto 0;display: block;}

/*인사말*/
.point_line{font-size: 29px;font-weight: 600;color: #044487;background: linear-gradient(to top, #bde3f5 50%, transparent 50%);margin-bottom: 12px;display: inline-block;}
.flex_box{display: flex;align-items: center;flex-wrap: wrap;}
.flex_box .textArea{padding-right: 40px;width: calc(100% - 700px);}
.flex_box .textArea .text{font-size: 18px;font-weight: 400;margin-bottom: 34px;line-height: 1.8;}
.flex_box .textArea .title{font-size: 55px;letter-spacing: -3px;margin-bottom: 35px;font-weight: 300;line-height: 1.5;}
.flex_box .textArea .title.small{font-size: 48px;}
.flex_box .textArea .title01{font-size: 46px;letter-spacing: -3.5px;margin-bottom: 52px;}
.flex_box .textArea .title02{font-size: 50px;margin-bottom: 52px;}

.flex_box .textArea .title03{font-size: 26px;margin-bottom: 42px; color: #044487; font-weight: 500;}
.flex_box .textArea em{font-weight: 500;}
.flex_box .imgArea{width: 700px;position: relative;height: 100%;}
.flex_box .imgArea span{position: absolute;display: block;z-index: 5;width: 100%;height: 100%;}

.greeting_box{align-items: flex-start;}
.greeting_box .imgArea{width: 750px;height: 780px;margin-top: 80px;}
.greeting_box .imgArea .bg01{width: 500px;height: 437px;left: 0;top:0;background: url(../images/sub/greeting_img01.jpg)center no-repeat;background-size: cover;}
.greeting_box .imgArea .bg02{width: 430px;height:387px;right:0;top: 240px;background: url(../images/sub/greeting_img02.jpg)left no-repeat;background-size: cover;}
.greeting_box .imgArea .bg03{width: 225px;height:225px;left:160px;top: 550px;background: url(../images/sub/greeting_img03.jpg)left no-repeat;background-size: cover;}
.greeting_box .imgArea span:before{content: '';width: 100%;height: 100%;top: 0;position: absolute;background-color: #fff;transition: 1s;}
.greeting_box .textArea{padding-left: 84px;width: calc(100% - 750px);padding-right: 0 !important;}
.greeting_box .textArea .title{font-size: 28px;font-weight: 600;margin-bottom: 30px;}
.greeting_box .textArea .btm_text{margin-bottom: 0!important;}
.greeting_box .textArea .btm_text span:nth-child(2){display: inline-block;margin: 0 20px;}

.greeting_box .imgArea .bg01.aos-animate:before{right: 0;width: 0;}
.greeting_box .imgArea .bg02.aos-animate:before{bottom: 0;height: 0;}
.greeting_box .imgArea .bg03.aos-animate:before{bottom: 0;height: 0;}

/* 회사소개 */
.intro_box .imgArea{width: 600px;text-align: center;}
.intro_box .imgArea em{display: block;font-size: 18px;margin-top: 16px;font-weight: 300;}
.intro_box img{display: block;max-width: 100%;}
.intro_box .textArea{margin-left: auto;width: calc(100% - 640px);padding-left: 60px;}
.vision_cts{background: #f0f9fe;padding: 70px 0 120px;margin-top: 68px;}
.vision_cts img{display: block;max-width: 100%;}
.vision_cts .wrap{text-align: center;}

/* 핵심 구성원 */
.orgnz_cts{background: #f0f9fe;padding: 65px 0 55px;margin-bottom: 60px;}
.orgnz_box{display: flex;flex-wrap: wrap;gap: 30px 15px;}
.orgnz_box .mem_list{width: calc((100% - 15px) / 2);}
.orgnz_box .mem_list .imgArea{display: flex;align-items: flex-end;}
.orgnz_box .mem_list .imgArea img{border-radius: 16px;}
.orgnz_box .mem_list .imgArea .name{padding-left: 40px;font-size: 16px;}
.orgnz_box .mem_list .imgArea .name span{font-weight: 500;color: #2d44b6;}
.orgnz_box .mem_list .imgArea .name p{font-weight: 600;margin-top: 10px;}
.orgnz_box .mem_list .imgArea .name p em{font-size: 26px;font-weight: 600;letter-spacing: 4px;display: inline-block;margin-left: 10px;}
.orgnz_box .mem_list .txtArea{margin-top: 38px;}
.orgnz_box .mem_list .txtArea dl{margin-top: 20px;}
.orgnz_box .mem_list .txtArea dl dt{font-size: 18px;font-weight: 600;margin-bottom: 10px;}
.orgnz_box .mem_list .txtArea dl dd{display: flex;gap: 0 30px;flex-wrap: wrap;}
.orgnz_box .mem_list .txtArea dl dd span{margin: 0;}

/* 찾아오시는 길 */
.map_area{width: 100%;background-color: #ccc;position: relative;}
.map_area .address{display: flex;flex-wrap: wrap;align-items: center;width: 100%;min-height: 60px;gap: 10px 60px;background-color: #1b1e25;font-size: 15px;padding: 15px 30px;}
.map_area .address li{color:#fff;display: flex;}
.map_area .address li span{color: #00d7fe;padding-right: 40px;display: block;position: relative;letter-spacing: 0;}
.map_area .address li span:before{content: '';width: 1px;height: 16px;background-color: #61656b;position: absolute;right:20px;top:2px;}
.map{width: 100%;height: 550px;}

/* 분산에너지 활성화 특별법 */
.energy_box .color_box{position: relative;margin-bottom: 180px;}
.energy_box .color_box:after{content: '';width: 100%;height: 180px;background: url(../images/sub/arrow.png) center no-repeat;display: block;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);}
.energy_box .btm{background: url(../images/sub/energy_bg02.jpg) center no-repeat;padding: 20px;text-align: center;display: flex;flex-direction: column;justify-content: center;min-height: 250px;}
.energy_box .btm .title{font-size: 28px;color: #fff;text-wrap: balance;line-height: 1.6;}
.energy_box .btm .title em{display: block;margin-top: 10px;font-size: 32px;font-weight: 600;}
.energy_box .btm .text{font-size: 20px;color: #fff;margin-top: 28px;}
.energy_cts{display: flex;gap: 30px 50px;}
.energy_cts div{width: 100%;}
.energy_cts div img{max-width: 100%;}

/* 전력계통 영향평가 */
.step_box{margin: 0;padding: 0;padding-bottom: 40px;display: flex;gap: 0 100px;}
.step_box li{width: 100%;text-align: center;position: relative;}
.step_box li .text{font-size: 18px;font-weight: 500;color: #fff;display: flex;align-items: center;justify-content: center;min-height: 80px;line-height: 1.6;}
.step_box li .tit{font-size: 16px;display: block;position: absolute;top: calc(100% + 18px);left: 0;width: 100%;}
.step_box li:first-child .text{background: #3b606e;}
.step_box li:nth-child(2) .text{background: #305566;}
.step_box li:nth-child(3) .text{background: #254c5e;}
.step_box li:last-child .text{background: #194255;}
.step_box li:not(:last-child):after{content: '';width: 100px;height: 100%;background: url(../images/sub/arrow_s.png) center no-repeat;display: block;position: absolute;left: 100%;top: 0;}

.evlt_pop{width: 100%;max-width: 1140px;}
.evlt_pop .pop_inner{text-align: left;}
.evlt_pop .pop_inner .cts{overflow-y: auto;max-height: calc(100vh - 200px);}
.evlt_pop .pop_inner .cts .text{line-height: 1.6;font-size: 15px;margin-top: 4px;}
.evlt_pop .bullet01{margin-top: 4px;}
.evlt_pop .pop_inner table{margin-top: 6px;}
.evlt_pop sub{vertical-align: text-bottom;}
.evlt_pop .btnArea{text-align: center;}

.evlt_pop .pop_inner .evlt_pop03{display: flex;align-items: center;}
.evlt_pop .pop_inner .evlt_pop03 p{font-size: 18px;text-align: center;width: 100%;line-height: 1.6;}
.evlt_pop .flex_table{display: flex;gap: 10px 25px;align-items: flex-start;}
.evlt_pop .flex_table .bullet02{padding-left: 20px;}
.evlt_pop .flex_table .bullet02:before{top: 8px;left: 10px;}
.evlt_pop th, .evlt_pop td{font-size: 15px;}

/* L5 E&E 서비스 */
.service_list li{display: flex;align-items: center;margin-top: 40px;}
.service_list li:before{content: '';width: 100px;min-width: 100px;height: 100px;background-color: #e5ebf7;background-repeat: no-repeat;background-position: center;border-radius: 50%;margin-right: 36px;display: block;}
.service_list li.list01:before{background-image: url(../images/sub/service_ico01.png);}
.service_list li.list02:before{background-image: url(../images/sub/service_ico02.png);}
.service_list li.list03:before{background-image: url(../images/sub/service_ico03.png);}
.service_list li .title{font-size: 20px;font-weight: 600;color: #1d4f98;margin-bottom: 12px;}
.service_list li .text{font-size: 18px;}

.service_cts{display: flex;gap: 30px;flex-wrap: wrap;margin-top: 20px;}
.service_cts>div{width: calc((100% -  60px) / 3);display: flex;flex-direction: column;}
.service_cts>div.f1{width: 100%;}
.service_cts>div.f2{width: calc((100% -  30px) / 2)}
.service_cts>div .titleB{margin-top: 0;}
.service_cts>div .textA{margin-bottom: 20px;}
.service_cts>div .imgArea{background: #fff;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;}
.service_cts>div .imgArea ul{padding: 15px 15px 10px;}
.service_cts>div .imgArea .bullet01{font-size: 15px;margin-top: 4px;font-weight: 500;}
.service_cts>div .imgArea img{width: 100%;margin: auto auto 0;display: block;}
.service_cts>div.f1 .imgArea{padding: 20px;}
.service_cts>div.f1 .imgArea img{margin: 0 auto;max-width: 100%;width: auto;}
.service_cts>div.f2 .imgArea{min-height: 400px;height: auto;margin-top: auto;}
.service_cts>div.f2 .imgArea img{margin: 0 auto;max-width: 100%;width: auto;}


/* 회사강점 */
.forte_box{display: flex;flex-wrap: wrap;gap: 50px;}
.forte_box>li{width: calc((100% - 50px) / 2);margin-top: 50px;background: #f0f9fe;position: relative;padding: 44px 40px 38px;}
.forte_box>li.f1{width: 100%;}
.forte_box>li:before{content: '';position: absolute;left: 50%;top: -50px;transform: translateX(-50%);width: 100px;height: 70px;border-radius: 50px 50px 0 0;background-position: top center;background-repeat: no-repeat;background-color: #f0f9fe;}
.forte_box>li.list01:before{background-image: url(../images/sub/forte_ico01.png);}
.forte_box>li.list02:before{background-image: url(../images/sub/forte_ico02.png);}
.forte_box>li.list03:before{background-image: url(../images/sub/forte_ico03.png);}
.forte_box>li.list04:before{background-image: url(../images/sub/forte_ico04.png);}
.forte_box>li.list05:before{background-image: url(../images/sub/forte_ico05.png);}
.forte_box>li .top{font-size: 18px;background-image: linear-gradient(to right, #000 1px, rgba(0,0,0,0) 0%);background-position: bottom;background-size: 10px 1px;background-repeat: repeat-x;width:100%;margin-bottom: 38px;padding-bottom: 38px;text-align: center;}
.forte_box>li .top .title{font-size: 26px;font-weight: 600;color: #1d4f98;margin-top: 14px;}
.forte_box>li .top .text{margin-top: 34px;}

.forte_box .bullet_list>li{min-width: 280px;margin-top: 0;margin-bottom: 10px;}
.forte_box .bullet_list>li:nth-child(2n){margin-right: 0;margin-top: 0;}
.forte_box .bullet_list>li:last-child{margin-bottom: 0;}

.forte_box .item_box div{display: flex;justify-content: space-between;max-width: 560px;margin: 0 auto 36px;}
.forte_box .item_box div span{display: block;width: 100px;height: 100px;border-radius: 50%;background: #d8e5f6;font-size: 16px;font-weight: 600;color: #1d4f98;text-align: center;line-height: 100px;}
.forte_box .item_box p{text-align: center;text-wrap: balance;font-size: 16px;line-height: 1.6;}

.forte_box .net_top{width: 125px;height: 125px;border-radius: 50%;font-size: 0;line-height: 0;letter-spacing: -9999px;background: #fff url(../images/sub/network_ico.png) center no-repeat;box-shadow: 5px 5px 5px rgba(0,0,0,0.15);margin: 0 auto 18px;position: relative;}
.forte_box .net_top:after{content: '';width: 1px;height: 18px;background: #d8e5f6;position: absolute;left: 50%;top: 100%;transform: translateX(-50%);}
.forte_box .net_list{display: flex;justify-content: space-between;gap: 20px;position: relative;max-width: 1380px;margin: 0 auto;}
.forte_box .net_list:before{content: '';width: 85%;height: 1px;background: #d8e5f6;position: absolute;left: 50%;top: 0;transform: translateX(-50%);}
.forte_box .net_list span{display: flex;text-align: center;gap: 0 4px;text-wrap: balance;justify-content: center;align-content: center;align-items: center;flex-wrap: wrap;min-height: 90px;border-radius: 18px;padding: 10px;font-weight: 500;line-height: 1.6;position: relative;margin-top: 25px;background: #d8e5f6;width: calc((100% - 100px) / 5);}
.forte_box .net_list span:before{content: '';width: 1px;height: 25px;background: #d8e5f6;position: absolute;left: 50%;transform: translateX(-50%);top: -25px;}
.forte_box .net_list span:first-child:after{content: '';width: calc(50% - 1px);height: 10px;position: absolute;left: 0;top: -30px;background: #f0f9fe;}
.forte_box .net_list span:last-child:after{content: '';width: calc(50% - 1px);height: 10px;position: absolute;right: 0;top: -30px;background: #f0f9fe;}
.forte_box .net_list span em{white-space: nowrap;}

/* 신재생에너지 발전사업자 전력계통 영향평가 */
.evlt_cts .textA{margin-top: 20px;margin-bottom: 10px;}
.line_box{padding: 30px 20px;border: 1px solid #e2e2e2;text-align: center;margin-top: 22px;}
.line_box img{max-width: 100%;}

.qna_info>li{display: inline-block;margin-right: 30px;letter-spacing: 0;font-size: 16px;margin-top: 0;}
.qna_info>li strong{color: #216eb4;}

.pss_pop img{max-width: 100%;}
.pss_pop .cts div{overflow-y: auto;max-height: calc(100vh - 250px);}

/* 설계 및 Consulting */
.consult_cts .titleB{margin-top: 70px;}
.consult_cts .blue_bg{padding: 70px 0 80px;}
.consult_cts .blue_bg .titleB{margin-top: 0;}

.consult_box{display: flex;gap: 30px;flex-wrap: wrap;justify-content: center;margin-top: 20px;}
.consult_box li{width: calc((100% - 30px) / 2);}
.consult_box.f1 li{width: 100%;}
.consult_box.f3 li{width: calc((100% - 60px) / 3);}
.consult_box.f1 .imgArea{border: 1px solid #e2e2e2;width: 100%;}
.consult_box .imgArea{background: #fff;}
.consult_box img{display: block;max-width: 100%;border: 1px solid #e2e2e2;margin: auto;}
.consult_box img.no_line{border: 0;}
.consult_box p{text-align: center;margin-top: 16px;}

.crtf_box{margin-top: 20px;}
.crtf_box img{display: block;max-width: 100%;}