@import url(common.css);

/* .depth1>.more_depth>a.now{color:#fff;}
.depth1>.more_depth.hover>a{color:#5be6ff;} */

/*서브공통*/
.container{padding-top: 130px;}
.contents{padding: 50px 0 100px 0;min-height: calc(100vh - 517px);}
.contents>.wrap{position: relative;}
.contents>.wrap>*:last-child{margin-bottom:0}

/*타이틀*/
.titleS{font-size: 36px;font-weight: 500;text-align: center;margin-bottom: 50px;}
.titleS span{position: relative;padding-bottom: 50px;display: block;}
.titleS span:before{content: '';width: 1px;height: 30px;background: #1c2750;position: absolute;left: 50%;bottom:0;}
.titleS p{margin:20px 0 0 0;}
.titleA{font-size: 25px;font-weight: 600;padding-bottom:20px;margin-bottom: 20px;position: relative;margin-top: 40px;}
.titleA:before{content: '';width: 23px;height: 4px;background:#e21625;position: absolute;left: 0;bottom:0;}
.titleA:first-child{margin-top:0;}

.titleB{font-size: 20px;font-weight: 500;margin:20px 0 15px 0;}
.titleC{font-size: 18px;font-weight: 500;color:#3a57c2;margin-bottom: 20px;margin-top: 20px;}
.titleD{font-size: 24px;font-weight: 500;margin-bottom: 20px;}
.titleD span{font-size: 15px;display: inline-block;margin-left: 10px;}

.innerA{margin-bottom: 40px;}
.innerC{margin-bottom: 20px;}
.innerB:last-child, .innerC:last-child{margin-bottom:0}
.sub_flex{display: flex;margin-bottom: 40px;align-items: center;}
.sub_flex>*{margin-right:20px}
.sub_flex>*:last-child{margin-right:0}

.textA{font-size:15px; line-height: 1.7;margin-bottom:12px;}
.textA:last-child{margin-bottom:0}
.textP{font-size: 16px;font-weight: 500;margin-bottom: 20px;}
.textT{font-size: 18px;font-weight: 500;margin-bottom: 10px;}
.alert_p{color:#1c2750;padding-left: 25px;position: relative;}
.alert_p:before{content: '';width: 18px;height: 18px;background-image: url(/eng/images/common/alret.png);background-position:left center;background-repeat:no-repeat;position: absolute;left: 2px;top:0;}
.alert_p_out{color:#1c2750;padding-left: 25px;position: relative;margin-top: 20px;}
.alert_p_out:before{content: '';width: 18px;height: 18px;background-image: url(/eng/images/common/alret.png);background-position:left center;background-repeat:no-repeat;position: absolute;left: 2px;top:0;}
.pointP_Sub{font-size: 25px;font-weight: 400;text-align: center;line-height: 1.5;}
.pointP_Sub>em{font-weight: 500;background: linear-gradient(to top, #ced5f0 50%, transparent 50%);}
.pointP_Sub span{display: block;font-size: 15px;color: #555;padding-top: 35px;position: relative;font-weight:400;line-height: 1.6;}
.pointP_Sub span:before{content: '';width: 4px;height: 4px;border-radius: 50%;background:#e21625;position: absolute;top:15px;left:50%;margin-left: -2px;}
.pointP_Sub span.last{padding-top: 15px;}
.pointP_Sub span.last:before{display: none;}

.gubun_line{width: 100%;height: 5px;background: url(/eng/images/sub/line_bg.jpg) left top repeat-x;margin: 40px 0;}

/*불릿*/
.bullet_wrap{margin-bottom: 20px;}
.bullet_wrap:last-child{margin-bottom: 0;}
.bullet_wrap ul{margin-top: 5px;width: 100%;}
.bullet01{padding-left: 10px;position: relative;margin-bottom: 7px;line-height: 1.5;}
.bullet01:before{content: '';width: 3px;height: 3px;background:#1c2750;position: absolute;left: 0;top:9px;}
.bullet01:last-child{margin-bottom:0 !important;}
.bullet_wrap.no_wrap>li{display:flex;flex-wrap: nowrap !important;}
.bullet_wrap.no_wrap>li .item{display: block;margin-right: 5px;white-space: nowrap;}
.bullet_wrap.no_wrap>li .item:after{content: ':';padding-left: 5px;}

.bullet02{font-size: 14px;padding-left: 10px;position: relative;margin-bottom: 5px;}
.bullet02:before{content: '';width: 5px;height: 1px;background:#242424;position: absolute;left: 0;top:10px;}

.bullet_num{font-size: 14px;padding-left: 1em;position: relative;margin-bottom: 5px;}
.bullet_num:before{content: attr(data-num);position: absolute;left: 0;top:0}
.bullet_num.star:before{top:-4px}
.bullet_num:last-child{margin-bottom:15px;}
.bullet_num.kr{padding-left: 20px;}

/*테이블*/
.tableScroll{overflow-x: auto;}

.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.text .top_detail.bullet01{margin-left: 0;margin-bottom: 0;}
.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(/eng/images/common/bg.png)-292px -10px;position: absolute;left: 0;top: 2px;}
.total .count{color:#1270c9}

.official{display: flex;font-size: 13px;}
.official dl{display: flex;margin-right:20px;align-items: center;}
.official dl:last-child{margin-right:0}
.official dt{background:#1c2750;padding: 3px 10px 2px 10px;min-width:67px;color:#fff;}
.official dd{margin-left: 8px;}

.top_search, .table_top .btn_area{display: flex;align-items: center;margin-left: auto;}
.top_search select{width: 120px;}
.top_search input{margin-left: 5px;width: 280px;}

.top_detail{font-size: 14px;text-align: right;position: relative;padding-left: 10px;}
.top_detail.bullet:before{content: '';width: 3px;height: 3px;background:#1c2750;position: absolute;left: 0;top:7px;}

.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:'';width:16px;height:16px;background-image: url(/eng/images/common/bg.png);background-repeat:no-repeat;background-position:-500px -10px;position: absolute;left:0;top:0;}
.attach_btn.pdf:before{background-position:-572px -10px;}
.attach_btn.excel:before{background-position:-464px -10px;}
.attach_btn.ppt:before{background-position:-608px -10px;}
.attach_btn.word:before{background-position: -428px -10px;}
.attach_btn.hwp:before{background-position:-536px -10px;}
.attach_btn.file:before{background-position:-500px -10px;}

/*테이블A(일반 테이블)*/
.tableA{border-top:1px solid #1977d0;line-height: 1.4;}
.tableA th{background:#efeff1;border-bottom:1px solid #d9d9d9;padding: 15px 15px;border-left: 1px solid #d9d9d9;font-weight: 400;text-align: center;}
.tableA td{background:#fff;border-bottom:1px solid #d9d9d9;padding: 8px 15px;text-align: center;border-left: 1px solid #d9d9d9;height: 52px;}
.tableA th:first-child, .tableA td:first-child{border-left: 0;}
.tableA .bl{border-left: 1px solid #d9d9d9 !important;}
.tableA .blue{background-color: #f7f7f8;}
.tableA .bullet02:last-child{margin-bottom:0}
.tableA .b{font-weight: 500;}

/*테이블L(리스트 테이블)*/
.tableL{border-top:1px solid #1977d0;}
.tableL tr{min-height: 50px;transition:background .4s;}
.tableL thead tr{background:#efeff1;}
.tableL th{border-bottom:1px solid #d9d9d9;padding: 15px 15px;position: relative;font-weight: 400;}
.tableL th:before{content: '';width: 1px;height: 15px;background:#d9d9d9;position: absolute;right:0;top:16px;}
.tableL th:last-child:before{display: none;}
.tableL td{border-bottom:1px solid #d9d9d9;padding: 10px 15px;text-align: center;position: relative;height: 50px;}
.tableL tbody tr:hover{background-color:#f7f7f8;}
.tableL td a:hover{color:#3a57c2;text-decoration: underline;transition:color .4s;}
.tableL .attach_btn{font-size:0;line-height:0;width: 16px;height: 16px;padding:0;margin: 0 3px;}
.tableL .lock a{padding-left: 20px;position: relative;}
.tableL .lock a:before{content: '';width: 15px;height: 18px;background-image: url(/eng/images/common/bg.png);background-position:-393px -10px;background-repeat:no-repeat;position: absolute;left: 0;top:0;}

.tableL .t_link tr:hover{cursor: pointer;}
.tableL .t_link tr:hover a{text-decoration: underline;color:#3a57c2;}

/*테이블V(뷰 테이블)*/
.tableV{border-top:1px solid #1977d0;margin-bottom: 40px;}
.view_top{background:#efeff1;border-bottom:1px solid #d9d9d9;padding: 15px 40px;position: relative;font-weight: 400;display: flex;}
.view_top .title{font-weight: 500;line-height: 1.4;width: calc(100% - 200px);}
.view_top .right{display: flex;width: 200px;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:#d9d9d9;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 #d9d9d9;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;}
.view_cts{padding: 40px;font-size: 15px;border-bottom:1px solid #d9d9d9;}
.view_cts p{line-height: 1.6;}
.view_cts img{display: block;margin: 0 auto;}

.viewList{border-top:1px solid #d9d9d9;}
.viewList>div{border-bottom:1px solid #d9d9d9;display: flex;font-size: 14px;}
.viewList span{color:#3a57c2;background: #f2f4f7;padding: 16px 10px;width: 180px;text-align: center;position: relative;}
.viewList span:before, .viewList span:after{content: '';width: 1px;height: 7px;background: #014c8f;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: 16px 20px;transition:color .4s;}
.viewList a:hover{color:#3a57c2;text-decoration: underline;}

/*테이블W(글쓰기 테이블)*/
.tableW{border-top:1px solid #1977d0;}
.tableW th{background:#f2f4f7;border-bottom:1px solid #d9d9d9;padding: 7px;font-weight: 400;background-clip: padding-box;}
.tableW td{background:#fff;border-bottom:1px solid #d9d9d9;padding: 7px 10px;height: 51px;line-height: 1.6;background-clip: padding-box;}
.tableW td>*{vertical-align: middle;}
.tableW td label{margin:0;}
.tableW td.pill:before{display: none;}
.tableW input[type="text"], .tableW input[type="password"], .tableW input[type="email"], .tableW input[type="number"], .tableW select{height: 36px;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% - 11px);max-width: 165px;}

.pill{padding-left: 10px;position: relative;}
.pill:before{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;}

.flex_table .tableA{width: 50%;}

/* 모바일 터치스크롤 */
.touchSwipe,.touchSwipe1366,.touchSwipe1024,.touchSwipe767,.touchSwipe500{overflow-x: auto;position: relative;}
.touchSwipe .touchSwipe_icon,.touchSwipe1366 .touchSwipe_icon,.touchSwipe1024 .touchSwipe_icon,.touchSwipe767 .touchSwipe_icon{background: url(/eng/images/common/touch_swipe.png) 0 0 no-repeat;width: 300px;height: 60px;position: absolute;z-index: 1;top: 55%;left: 50%;transform: translateX(-50%) translateY(-50%);background-size: 100%;display: none;}


/*검색폼*/
/*일반검색폼*/
.searchArea{background:#efeff1;padding: 30px 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:40px;padding: 10px 20px;min-width: 110px;}
.searchArea a{width: 160px;}
.searchArea .btn02 a{width: 110px;}

/*라벨있는 검색폼*/
.searchArea.label .left{display: flex;margin-right: 0;}
.searchArea.label .input_box{display: flex;align-items: center;margin-left: 20px;margin-right: 0;}
.searchArea.label .input_box:first-child{margin-left: 0 !important;}
.searchArea.label .input_box>*{margin-right:10px}
.searchArea.label .input_box>*:last-child{margin-right:0}
.searchArea.label label{display:inline-block;padding-left: 9px;position: relative;margin-left:20px}
.searchArea.label label:before{content: '';width: 2px;height: 2px;background:#242424;position: absolute;left: 0;top:50%;}
.searchArea.label label:first-child{margin-right:10px;margin-left: 0;}
.searchArea.label em{margin-right:10px}
.searchArea.label .btn_area{margin-left: 20px;}

.searchArea.label .w2.input_box{width: calc(100% - 360px);}
/*.searchArea.label .w3.input_box{width: calc(100% - 717px);}*/
.searchArea.label .input_date{width: 362px;}
.searchArea.label .input_select{width: 315px;}
.searchArea.label .input_date input, .searchArea.label .input_select select{width:calc(50% - 40px)}
.searchArea.label .left.b1{max-width: calc(100% - 180px);}
.searchArea.label .left.b2{max-width: calc(100% - 245px);}

/*페이징*/
.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(/eng/images/common/first_arrow.png);}
.paging button.prev{background-image: url(/eng/images/common/prev_arrow.png);margin-right: 13px;}
.paging button.next{background-image: url(/eng/images/common/prev_arrow.png);transform:rotate(180deg);margin-left: 13px;}
.paging button.last{background-image: url(/eng/images/common/first_arrow.png);transform:rotate(180deg);}
.paging .num{font-size: 14px;text-align: center;margin:0 5px;line-height: 24px;}
.paging .num:hover{color:#1c2750;font-weight: 500;}
.paging .num.on{background-color:#1c2750;color:#fff;font-weight: 500;width: 25px;}

.state{font-size:13px;display: inline-block;min-width: 80px;height: 29px;padding: 7px 10px;}
.state01{border:1px solid #242424;background:#fff;}
.state02{border:1px solid #173db3;background:#fff;color:#173db3}
.state03{background:#173db3;color:#fff;}
.state04{background:#868686;color:#fff;}

/*탭*/
.tab_wrap .now_tab{display: none;}
.tabA{display:flex;border-bottom:1px solid #1c2750;margin-bottom: 40px;}
.tabA li{text-align: center;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;}
.tabA li:first-child{border-left:1px solid #dbdbdb;}
.tabA li a{font-size: 16px;display: block;padding: 11px 10px;position: relative;height: 100%;display: flex;align-items: center;justify-content: center;}
.tabA li a:before{content: '';width: 10px;height: 10px;background:#1c2750;transform: rotate(45deg);position: absolute;bottom:-6px;left:50%;margin-left: -5px;opacity: 0;}
.tabA li a:hover{color: #3a57c2;}
.tabA li.current a{color:#fff;background: #1c2750;border:1px solid #1c2750;border-bottom:0}
.tabA li.current a:before{opacity: 1;transition: .4s;}
.tabA li.active a{color:#fff;background: #1c2750;border:1px solid #1c2750;border-bottom:0}
.tabA li.active a:before{opacity: 1;transition: .4s;}

.tabA.f2 li{width: 50%;}
.tabA.f3 li{width: 33.3333%;}
.tabA.f4 li{width: 25%;}
.tabA.f5 li{width: 20%;}
.tabA.f6 li{width: 16.66666%;}
.tabA.f7 li{width: 14.28571%;}

/* 탭박스  */
.box_con{display: none;}
.box_con.current{display: block;}

/*박스*/
/*이미지박스*/
.blue_box .textArea .bullet_wrap .flex_c{flex-direction: column;}
.blue_box{border-top:1px solid #1977d0;display: flex;flex-wrap: wrap;}
.blue_box>li{padding: 30px 0 20px;border-bottom: 1px solid #d9d9d9;display: flex;align-items: center;width: 100%;}
.blue_box .textArea{padding:0 30px;width: 100%;}
.blue_box .textArea .title{font-size: 20px;color:#3a57c2;font-weight: 500;margin-bottom: 15px;}
.blue_box .textArea .titleC{margin: 0;margin-bottom: 15px;}
.blue_box .textArea .text{line-height: 1.5;}
.blue_box .textArea .bullet_wrap{display: flex;flex-wrap: wrap;}
.blue_box .textArea .bullet_wrap>li{width:50%;margin-bottom:0;display: flex;padding-right: 10px;flex-wrap: wrap;}
.blue_box .textArea .bullet_wrap>li:nth-child(n+3){margin-top:10px;}
.blue_box .textArea .bullet02{margin-bottom: 0;}

.blue_box.img_flex .imgArea{display: flex;width: 520px;}
.blue_box.img_flex .imgArea img{display:block;margin-right: 20px;}
.blue_box.img_flex .imgArea img:last-child{margin-right: 0;}
.blue_box.img_flex .textArea{width:calc(100% - 520px)}
.blue_box .imgArea.detail_img .img_detail{margin-top:5px;font-size: 14px;}
.blue_box .imgArea.detail_img .img_detail em{position: relative;padding-left: 15px;}
.blue_box .imgArea.detail_img .img_detail em:before{content: '';width: 9px;height: 11px;background: url(/eng/images/sub/mini_arrow01.png) center no-repeat;position: absolute;left: 0;top: 3px;transform: rotate(-90deg);}

.blue_box.w2>li{width: 50%;}
.blue_box.img_box{border: none;}
.blue_box.img_box>li{border-bottom: none;padding: 0;margin-top: 40px;}
.blue_box.img_box>li:first-child{margin-top:0 !important}

.scroll_box{overflow-y: auto;height: 250px;}

.blue_box>li.sizeFix .imgArea{position:relative;width:255px;height:220px;overflow:hidden;}
.blue_box>li.sizeFix .imgArea img{position:absolute;height:100%;left:50%;top:50%;transform:translate(-50%, -50%)}
.blue_box>li.sizeFix .textArea{width:calc(100% - 255px);}
.blue_box>li.sizeFix.saudi .imgArea img{left:70%;}

/*서브비주얼*/
.sub_visual{width: 100%;height: 180px;}
.sub_visual .visual_title{font-size: 34px;color:#fff;font-weight: 600;text-align: center;position: relative;padding-top: 50px;}
.sub_visual .visual_title:before{content: 'KOREA EAST-WEST POWER COMPANY CO.,LTD';font-size: 13px;font-weight: 400;color:rgba(255,255,255,.8);position: absolute;left: 50%;bottom: -25px;transform: translateX(-50%);letter-spacing: 1px;width: 100%;}

.sub_visual.sub01{background:url(/eng/images/sub/sub_visual04.jpg) center top no-repeat;background-size: cover;}/*About Us*/
.sub_visual.sub02{background:url(/eng/images/sub/sub_visual03.jpg) center top no-repeat;background-size: cover;}/*Business*/
.sub_visual.sub03{background:url(/eng/images/sub/sub_visual06.jpg) center top no-repeat;background-size: cover;}/*Technology*/
.sub_visual.sub04{background:url(/eng/images/sub/sub_visual05.jpg) center top no-repeat;background-size: cover;}/*Sustainability*/
.sub_visual.sub05{background:url(/eng/images/sub/sub_visual01.jpg) center top no-repeat;background-size: cover;}/*Investor Relations*/
.sub_visual.sub06{background:url(/eng/images/sub/sub_visual02.jpg) center top no-repeat;background-size: cover;}/*Bidding*/

/*LNB*/
.lnb{width: 100%;height: 47px;background: #efefef;border:1px solid #dbdbdb;border-left: none;border-right: none;position: relative;z-index: 50;}
.lnb_inner{display: flex;font-size: 14px;color: #242424;}
.lnb_inner>li{border-right:1px solid #dbdbdb;min-width: 250px;position: relative;}
.lnb_inner>li>a{display: block;line-height: 47px;padding: 0 40px 0 18px;background: url(/eng/images/common/select_bg.png) right 18px top 20px no-repeat;transition: color .3s;}
.lnb_inner>li.home{border-left:1px solid #dbdbdb;width: 52px;min-width: auto;}
.lnb_inner>li.home>a{font-size: 0;line-height: 0;background: url(/eng/images/sub/lnb_home.png) center no-repeat;height: 100%;padding: 0;}
.lnb_inner>li:hover>a,.lnb_inner>li>a:focus{color:#1270c9}
.lnb_more{position: absolute;left: -1px;top:46px;border-left:1px solid #dbdbdb;border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;width: calc(100% + 2px);display: none;}
.lnb_more>li{border-bottom:1px solid #dbdbdb;background-color: #fff;}
.lnb_more>li:last-child{border-bottom: none;}
.lnb_more>li>a{display: block;padding: 14px 18px;background-color: #fff;transition: background-color .3s, color .4s;}

.lnb_inner>li.no_more>a{background: none;}
.lnb_more>li.now>a, .lnb_more>li:hover>a, .lnb_more>li>a:focus{background-color: #5f95d7;color:#fff}

/*메뉴이동*/
.near_link{position: absolute;top:22px;width: 100%;left: 0;}
.near_link:after{content:'';display:block;clear:both}
.near_link a{display: inline-block;height: 40px;line-height:40px;position: relative;}
.near_link a:before{content: '';width: 40px;height: 40px;background:#ccddfb;border-radius: 50%;position: absolute;top:0;}
.near_link a:after{content: '';width: 28px;height: 13px;background-image: url(/eng/images/common/bg.png);background-position:-768px -10px;background-repeat:no-repeat;position: absolute;top: 50%;margin-top: -6px;transition: .4s;}
.near_link .prev{float: left;padding-left: 54px;}
.near_link .prev:before{left:0;}
.near_link .prev:after{left:17px;}
.near_link .next{float: right;padding-right: 54px;}
.near_link .next:before{right:0}
.near_link .next:after{transform:rotate(180deg);right:17px}
.near_link .prev:hover:after{left: 6px;}
.near_link .next:hover:after{right: 6px;}

.near_link .next[target="_blank"]{background:url(/eng/images/common/new_win.png) left center no-repeat;padding-left:20px;}
.near_link .prev[target="_blank"]{background:url(/eng/images/common/new_win.png) right center no-repeat;padding-right:20px;}

.flex_table .tableA:last-child{border-left: 1px solid #d9d9d9;}

/*고객센터 > EWP에 바란다 > 청렴신문고(기명)*/
.gray_box{background-color:#f5f5f5;padding: 48px 50px;margin-top: 40px;display: flex;flex-wrap: wrap;line-height: 1.4;align-items: center;position: relative;}
.gray_box.img_box{margin-top:0;text-align: center;display: block;padding: 25px;}
.gray_box.img_box img{display: inline-block;width: 100%;}

.gray_box.table_box{padding: 50px;justify-content: center;}
.gray_box.table_box .tableA{width: 590px;margin-right: 50px;}
.gray_box.table_box .tableA td{padding: 20px;height: auto;}
.gray_box.table_box .bullet_wrap{padding: 16px 0;}
.gray_box .imgArea.m_btn .navy_btn{display: none;}
.gray_box.table_box .imgArea img{width: 100%;max-width: 470px;}

.bg_p{background: url(/eng/images/sub/p_bg.jpg) center no-repeat;width: 100%;line-height: 1.5;color:#fff;text-align: center;padding: 22px 10px;font-size: 16px;font-weight: 500;margin-top: 40px;}
.bg_p.center{margin:0 0 15px 0}
.bg_p.logo{margin:0;font-size: 24px;font-weight: 600;padding: 24px 10px;}
.bg_p.logo span{display: inline-block;position: relative;padding-left: 73px;}
.bg_p.logo span:before{content: '';width: 64px;height: 40px;background: url(/eng/images/sub/logo.png) center no-repeat;background-size:100%;position: absolute;left: 0;top:-3px;}


.mapArea{overflow: hidden;width: 100%;height: 400px;display: flex;justify-content: center;}
.map_btm{margin-top:20px;display: flex;}
.map_btm p{padding-left: 25px;font-size: 14px;margin-right: 35px;line-height: 19px;}
.map_btm .locate{background: url(/eng/images/sub/satisfaction07.png) left top no-repeat;}
.map_btm .tel{background: url(/eng/images/sub/satisfaction03.png) left top no-repeat;}
.map_btm .bus{background: url(/eng/images/sub/satisfaction08.png) left top no-repeat;}
.map_btm .parking{background: url(/eng/images/sub/satisfaction09.png) left top no-repeat;}

.office_map{height: 780px;background: url(/eng/images/sub/office_map_bg.jpg) center no-repeat;display: flex;align-items: center;padding: 127px 148px 0 127px;}
.office_map .info{width: 100%;height: 100%;display: flex;justify-content: flex-end;position: relative;}
.office_map .info:before{content: '';background: url(/eng/images/sub/trans_map.png) center no-repeat;width: 351px;height: 630px;position: absolute;left: 63px;top: -46px;}
.office_map .info .slick-list{width: 550px;}
.office_map .info_slide{display: none;color: #fff;}
.office_map .info .imgArea{width: 100%;height: 280px;overflow: hidden;;}
.office_map .info .textArea{margin-top: 32px;}
.office_map .info .name{font-size: 26px;font-weight: 500;margin-bottom: 30px;}
.office_map .info .text{min-height: 38px;margin-bottom: 20px;}
.office_map .info .bullet01:before{background-color: #fff;}
.office_map .info .bullet01 .item{margin-right: 26px;position: relative;}
.office_map .info .bullet01 .item:after{content: '';width: 1px;height: 14px;background: #929da7;position: absolute;right: -15px;top: 3px;padding-left: 0;}

.office_map .slick-track{top: 60px;padding-bottom: 60px;}
.office_map .slick-dots{position: absolute;left: 0;top:0;}
.office_map .slick-dots button{font-size: 14px;background: url(/eng/images/sub/satisfaction01.png) left 10px center no-repeat;background-color:#fff;border-radius: 8px;padding: 6px 10px 4px 30px;display: inline-block;margin-bottom: 23px;position: absolute;width: 165px;}
.office_map .slick-dots button:before{content: '';width: 13px;height: 13px;border-radius: 50%;background-color: #fff;position: absolute;left: 50%;bottom:-23px;margin-left: -6px;box-shadow: 3px 3px 5px rgba(0,0,0,.45);}
.office_map .slick-dots .slick-active button, .office_map .slick-dots .slick-active button:before{background-color:#fff99e;}

.office_map .dot01{top: 125px;left: 26px;}/*당진발전*/
.office_map .dot02{top: 294px;left: 296px;}/*울산발전*/
/*.office_map .dot03{top: 364px;left: 130px;}호남발전*/
.office_map .dot03{top: 28px;left: 260px;}/*동해바이오발전*/
.office_map .dot04{top: 18px;left: 55px;}/*일산발전*/

/* 추가1206 */
/* 공통 */
.mobile_telNo{cursor: auto;}
/* 모바일일때 테이블 th,td 100%  .mob_th100 .mobile_telNo{}*/

/* Organization Chart */
.organization{background: #f5f5f5 url(/eng/images/sub/organization_bg.png) center no-repeat;padding: 50px 25px;text-align: center;position: relative;z-index: 1;}
.organization:before{content: '';width: 1px;height: 190px;background: #cbcbcb;position: absolute;left: 50%;top: 200px;z-index: -1;}
.organization .alert_p{margin-top: 30px;text-align: left;}
.organization ul{position: relative;}
.organization ul li{display: flex;justify-content: center;}
.ceo span{width: 200px;height: 200px;background: url(../images/sub/org01_bg.png) center no-repeat;font-size: 24px;color:#fff;font-weight: 600;text-align: center;line-height: 28px;border-radius: 50%;box-shadow: 8px 8px 5px rgba(0,0,0,.15);padding-top: 65px;}
.org_box .title{display:flex;justify-content:center;align-items:center;font-size: 20px;color:#fff;font-weight: 500;padding: 15px 10px;text-align: center;position: relative;width: 100%;height: 55px;}
.org_box .sub{font-size: 16px;color:#fff;display:block;font-weight: 500;padding: 13px 0;margin-top: 20px;text-align: center;position: relative;font-weight: 300;height: 45px;}
.org_box .sub:before{content: '';width: 1px;height: 50px;background: #cbcbcb;position: absolute;left: 50%;top: -20px;z-index: -1;}
.org_box .sub:nth-child(2):before{top:-40px;}
.org_box:not(.org03) .sub:nth-child(2):before{top:-124px;height:124px;}
.org_box .sub:after{content: '';height: 1px;background: #cbcbcb;position: absolute; z-index: -1;width: 104%;top:-20px;left:50%;}
.org_box .sub:last-child:after{display:none;}
.org_top .org_box{width: 330px;margin-top: 20px;}
.org_top .org_box.org03{margin-top: 0;}
.org_top .left{margin-right: 260px;width: 330px;}
.org_top .right{margin-left: 260px;width: 330px;}
.org_top .title:before{width: 260px;top: 50%;}
.org_top .left .title:before{right: -260px}
.org_top .right .title:before{left: -260px;}
.org_box .box{background-color: #fff;padding: 15px 10px;text-align: left;width: 100%;}
.org_box .box p{font-size: 14px;margin-bottom: 3px;}
.organization .position{position: absolute;right: 48px;top: 20px;}
.organization .position .title:before{display: none;}
.org_btm{height:320px;width: 100%;margin: 60px auto 0; position: relative;justify-content: space-between!important;}
.org_btm .org_box{display: flex;flex-wrap: wrap;align-content: flex-start;width: calc(33% - 5px);/*max-width: 330px;min-width: 330px;*/}
/*.org_btm .org_box:nth-child(1){margin-left: 90px;}
.org_btm .org_box:nth-child(3){margin-right: 90px;}*/
.org_btm .org_box .top{width: 100%;text-align: center;position: relative}
.org_btm .org_box .top:before{content: '';height: 40px;background: #cbcbcb;position: absolute;left:50%;top: -40px; z-index: -1;width: 1px;}
.org_btm .org_box:nth-child(2) .top:after{content: '';height: 1px;background: #cbcbcb;position: absolute; z-index: -1;width:206%;top:-40px;left:50%;transform:translateX(-50%)}

.org_btm .org_box .subtitbx{width:100%;display:flex;justify-content:space-between;margin-top:124px;}
.org_btm .org_box .subtitbx .sub{display:flex;width:calc(33% - 2px);padding:13px 10px;margin-top:0;align-items:center;justify-content:center;}
.org_box .hlong{height:100px;}
.org_btm .org_box.org06 .top:before{left:50%;transform:translateX(-50%);height:226px;}
.org_btm .org_box.org06 .subtitbx{justify-content:flex-end;margin:30px 0 0 0;}
.org_btm .org_box.org06 .subtitbx .sub{width:200px;height:64px;}
.org_btm .org_box.org06 .subtitbx .sub:before{content: '';width:30px;height: 1px;background: #cbcbcb;position: absolute;left:-30px;top:50%;z-index: -1}
.org_btm .org_box.org06 .box{display:flex;justify-content:space-between;width:100%;margin-top:30px;padding:0;background-color:transparent}
.org_btm .org_box.org06 .box p{position:relative;display:flex;align-items:center;justify-content:center;width:calc(33.33% - 2px);height:100px;padding:13px 10px;text-align:center;margin-bottom:0;background:#de8d14;color:#fff;font-size:15px;line-height:1.4;border:solid 1px #de7614}
.org_btm .org_box.org06 .box p:before{content: '';width: 1px;height:20px;background: #cbcbcb;position: absolute;left:50%;top:-20px;z-index: -1}
.org_btm .org_box.org06 .box p:after{content: '';width:208%;height: 1px;background: #cbcbcb;position: absolute;left:50%;top:-20px;z-index: -1}
.org_btm .org_box.org06 .box p:last-child:after{display:none}

.organization .org_btm2{display: flex;margin-top: 80px;flex-wrap: wrap;justify-content: flex-start;}
.org_btm2 .org_box{background: #fff;margin-right: 5px;width: calc(25% - 3.75px);border: 1px solid #1186e1;}
.org_btm2 .org_box:nth-child(4n){margin-right: 0;}
.org_btm2 .org_box:nth-child(n+5){margin-top: 10px;}
.org_btm2 .org_box .sub{color: #242424;margin-top: 0;height: auto;padding: 18px 0;}
.org_btm2 .org_box .sub:before{display: none;}

.org02 .title{background-color: #1186e1;}
.org03 .title{background-color: #e21625;}
.org03 .sub{background-color: #e21625;}
.org04 .title{background-color: #00a66c;width:250px;margin:0 auto;height:80px;}
.org04 .sub{background-color: #5a9856;}
.org05 .title{background-color: #0090a0;width:250px;margin:0 auto;height:80px;}
.org05 .sub{background-color: #00a2b1;}
.org06 .title{background-color: #d96004;width:250px;margin:0 auto;height:80px;}
.org06 .sub{background-color: #de7614;}


.organization02{padding:50px;}
.organization02 ul.mb{display:none;}
.organization02 ul li.org_top{margin-top:40px;justify-content:flex-start;}
.organization02 li > div{position:relative;}
.organization02 li > div:before{display:block;content:'';position:absolute;top:-30px;left:50%;width:1px;height:30px;background:#cdcdcd}
.organization02 li > div.left:before,
.organization02 li > div.right:before{height:200px}
.organization02 li > div:not(.left, .right, .mid){margin-top:150px;margin-right:12px;padding:10px;width:112px;background:#fff;border:solid 1px #1186e1;display:flex;align-items:center;justify-content:center;}
.organization02 li > div:not(.left, .right, .mid):before{top:-170px;height:170px;}
.organization02 li > div:nth-child(n+7):before{height:30px;top:-30px;}
.organization02 li > div.left:before,
.organization02 li > div.mid:before{top:-20px;height:20px;}
.organization02 li > div.right:before{top:-20px;height:170px;}
.organization02 .pc .org_top .left{position:absolute;right:400px;margin-right:0;width:190px;}
.organization02 .pc .org_top .right{position:absolute;right:0px;margin-left:0;width:190px;}
.organization02 .pc .org_top .mid{position:absolute;right:200px;width:190px;}
.organization02 .org_top .left .org_box,
.organization02 .org_top .right .org_box,
.organization02 .org_top .mid .org_box{width:100%;margin:0;}
.organization02 .org_top .right ul{position:relative;display:flex;justify-content:flex-end;margin-top:50px;}
.organization02 .org_top .left ul:after{display:block;content:'';position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:132px;height:1px;background:#cbcbcb}
/*.organization02 .org_top .left ul:before{display:block;content:'';position:absolute;top:-40px;left:50%;transform:translateX(-50%);width:1px;height:20px;background:#cbcbcb}*/
.organization02 .org_top .right ul li{position:relative;width:112px;height:100px;padding:10px 4px;background:#fff;border:solid 1px #1186e1;align-items:center}
.organization02 .org_top .mid ul{margin-top:20px;}
.organization02 .org_top .mid ul li{padding:10px 4px;background:#fff;border:solid 1px #1186e1}
.organization02 .org_box .title{position:relative;font-size:17px;}
.organization02:before{height:20px;top:250px;}
.organization02 .org01{position:relative;}
.organization02 .org01:after{display:block;content:'';position:absolute;bottom:-20px;left:56px;width:88.9%;height:1px;background:#cbcbcb}
.organization02 .org_top .left .title:before,
.organization02 .org_top .right .title:before{display:none;}
.organization02 .pc .org_top > div:nth-child(10):after{display:block;content:'';position:absolute;top:-30px;right:54px;width:496px;height:1px;background:#cbcbcb}

.organization02 .mb .org_top{flex-wrap:wrap;height:auto;justify-content:space-between;}
.organization02 .mb .org_top > div{width:33.3%;margin:0;}
.organization02 .mb li > div:not(.left, .mid, .right){width:calc((100% - 15px) / 3);padding:18px 5px;margin-top:60px;}
.organization02 .mb li > div:nth-child(n+7){margin-top:10px}
.organization02 .mb li > div:nth-child(n+7):before{display:none}
.organization02 .mb .org_box .title{width:340px;margin:0 auto;}
.organization02 .mb .org_top ul{width:340px;margin:0 auto;flex-direction:column;padding:17px 20px 13px 20px;background:#fff;border:solid 1px #1186e1}
.organization02 .mb .org_top ul li{position:relative;width:100%;height:auto;border:0;display:block;padding:0;padding-left:10px;text-align:left;}
.organization02 .mb .org_top ul li:before{content:'';display:block;width:3px;height:3px;background:#1c2750;position:absolute;left:0;top:9px;}
.organization02 .mb .org_top ul li + li{margin-top:8px;}
.organization02 .mb .org_top .left ul:before,
.organization02 .mb .org_top .left ul:after{display:none;}

.mem_chart{display: flex;align-items: center;justify-content: center;}
.mem_chart img{display: inline-block;margin-right: 60px;width: 50%;max-width: 500px;}
.mem_bullet{display: flex;flex-wrap: wrap;text-align: left;flex-direction: column;margin-top: 0;border: 1px solid #d9d9d9;padding: 20px;}
.mem_bullet p{font-size: 16px;padding-left: 24px;position: relative;margin-top: 20px;font-weight: 500;}
.mem_bullet p:first-child{margin-top: 0;}
.mem_bullet p:before{content: '';width: 17px;height: 17px;position:absolute;left: 0;top:0;background-position: center;background-repeat: no-repeat;}
.mem_bullet .mem_bullet01:before{background-image: url(/eng/images/sub/mem_bullet01.png);}
.mem_bullet .mem_bullet02:before{background-image: url(/eng/images/sub/mem_bullet02.png);}
.mem_bullet .mem_bullet03:before{background-image: url(/eng/images/sub/mem_bullet03.png);}
.mem_bullet .mem_bullet04:before{background-image: url(/eng/images/sub/mem_bullet04.png);}
.mem_bullet .mem_bullet05:before{background-image: url(/eng/images/sub/mem_bullet05.png);}
.mem_bullet .mem_bullet06:before{background-image: url(/eng/images/sub/mem_bullet06.png);}
.mem_bullet .mem_bullet07:before{background-image: url(/eng/images/sub/mem_bullet07.png);}
.mem_bullet .mem_bullet08:before{background-image: url(/eng/images/sub/mem_bullet08.png);}
.mem_bullet .mem_bullet09:before{background-image: url(/eng/images/sub/mem_bullet09.png);}
.mem_bullet p span{border-left: 1px solid #c4c4c4;margin-left: 10px;padding-left: 10px;font-weight: 400;font-size: 15px;}

/* history */
.history_list{display: flex;flex-wrap: wrap;position: relative;}
.history_list:before{content: '';width: 1px;height: calc(100% - 20px);position: absolute;left: 50%;top:9px;background-color: #cbcbcb;}
.history_list>li{width: 100%;display: flex;margin-top: 70px;}
.history_list>li:first-child{margin-top: 0;}
.history_list .date{font-size: 22px;color:#3a57c2;font-weight: 700;position: relative;min-width: 132px;}
.history_list .date:before{content:'';width: 10px;height: 10px;border-radius: 50%;background-color: #3a57c2;position: absolute;top:8px;}
.history_list .bullet_wrap{margin-top: 3px;}

.history_list>li:nth-child(2n-1){padding-left: calc(50% - 125px);}
.history_list>li:nth-child(2n-1) .date{margin-right: 30px;padding-right: 40px;}
.history_list>li:nth-child(2n-1) .date:before{right:0;}
.history_list>li:nth-child(2n){padding-right: calc(50% - 128px);text-align: right;flex-direction: row-reverse;}
.history_list>li:nth-child(2n) .date{margin-left: 30px;padding-left: 40px;}
.history_list>li:nth-child(2n) .date:before{left:0}
.history_list>li:nth-child(2n) .bullet01{padding: 0 10px 0 0;}
.history_list>li:nth-child(2n) .bullet01:before{left: auto;right: 0;}

.history_list.year_only .date{min-width: 95px;}
.history_list.year_only>li:nth-child(2n-1){padding-left: calc(50% - 90px);}
.history_list.year_only>li:nth-child(2n){padding-right: calc(50% - 90px);}

/* Contact Us */
.mob_th100 td span{background: url(/eng/images/sub/slash_icon.png) left center no-repeat;padding-left: 20px;}

/* business_ operating */
.data_value{background:url(/eng/images/sub/pattern03.png) left top repeat-x;margin-top: 20px;padding-top: 20px;display: flex;align-items: flex-end;}
.data_value p{position: relative;font-size: 22px;font-weight: 600;padding-top: 25px;margin-right: 40px;}
.data_value p:last-child{margin-right: 0;padding-right: 0;min-width: 210px;}
.data_value p:before{content: attr(data-name);font-size: 14px;color:#555;font-weight:300;position: absolute;left: 0;top:0;}
.data_value .btn_area{margin-left: auto;}

.imgBox{text-align: center;padding: 20px;}
.imgBox.pa0{padding:20px 0;}
.imgBox.pa00{padding:0;}
.imgBox img{display: inline-block;width: 100%;}

.domestic_chart{display: flex;justify-content: center;}
.domestic_chart>div{width: 50%;display: flex;flex-wrap: wrap;justify-content: center;padding: 0 15px;}
.domestic_chart img{display: inline-block;width: 100%;max-width: 500px;}
.chart_dot{text-align: left;display: flex;flex-wrap:wrap;margin-top: 20px;max-width:600px;}
.chart_dot li{font-size: 14px;padding-left: 24px;position: relative;width: 50%;min-height: 17px;margin-top: 20px;}
.chart_dot li:before{content: '';width: 17px;height: 17px;position: absolute;left: 0;top:0;background-position: left center;background-repeat: no-repeat;}
.chart_dot .dot01:before{background-image: url(/eng/images/sub/chart_dot01.png);}
.chart_dot .dot02:before{background-image: url(/eng/images/sub/chart_dot02.png);}
.chart_dot .dot03:before{background-image: url(/eng/images/sub/chart_dot03.png);}
.chart_dot .dot04:before{background-image: url(/eng/images/sub/chart_dot04.png);}

/* business_ EWP Solutions */
.img_scroll .inner{text-align: center;}
.busi_cts04.imgArea{margin: 20px 0;}

.Cicle_form{position: relative;justify-content: center;padding: 80px 0 230px;}
.Cicle_form img{display: inline-block;position: relative;z-index: 2;}
/* .Cicle_form>p{display: inline-block;position: relative;z-index: 2;background: url(/eng/images/sub/biomass_bg.png)center no-repeat;width: 660px;height: 660px;} */
.Cicle_form ul{position: absolute;left: 50%;background: #fff;border: 3px solid #ccc;padding: 20px; z-index: 3;box-shadow: 6px 6px 3px rgba(61, 61, 61, 0.13);}
.Cicle_form .area01{top: 55px;margin-left: 121px;}
.Cicle_form .area01 .textT{color:#006e31;}
.Cicle_form .area02{top: 255px;margin-left: 235px;}
.Cicle_form .area02 .textT{color:#1f6eb1;}
.Cicle_form .area03{top: 480px;margin-left: -485px;}
.Cicle_form .area03 .textT{color:#334b65;}
.Cicle_form .area04{top: 55px;margin-left: -340px;}
.Cicle_form .area04 .textT{color:#098988;}

/* 탭 4번째EWP industry4.0 */
.platform_en{position: relative;justify-content: center;padding: 150px 0;}
.platform_en img{display: inline-block;position: relative;z-index: 2;}
.platform_en ul{position: absolute;left: 50%;}
.platform_en ul:before, .platform_en ul:after{content:'';background-color: #cbcbcb;position: absolute;top: 10px;}
/* .platform_en .spp01:after, .platform_en .spp02:after, .platform_en .spp03:after, .platform_en .spp04:after{display: none;} */
.platform_en .bullet01:after{content:'';width: 11px;height: 1px;background-color: #cbcbcb;position: absolute;left: -11px;top: 10px;}

.platform_en .spp01{top:100px;margin-left: 130px;}
.platform_en .spp01:before{width: 1px;height: 75px;left: -11px;}
.platform_en .spp02{top:400px;margin-left: 330px;}
.platform_en .spp02:before{width: 1px;height: 52px;left: -11px;}
.platform_en .spp02 .bullet01:last-child:after{width: 55px;left: -55px;}
.platform_en .spp03{bottom:70px;margin-left: -20px;}
.platform_en .spp03:before{width: 1px;height: 75px;left: -11px;top: -34px;}
.platform_en .spp04{bottom:160px;margin-left: -410px;}
.platform_en .spp04:before{width: 1px;height: 83px;left: -11px;top: -43px;}
.platform_en .spp04:after{width: 240px;height: 1px;left:-11px;top: -43px;}
.platform_en .spp05{top:150px;margin-left: -410px;}
.platform_en .spp05:before{width: 1px;height: 73px;left: -11px;}
.platform_en .spp05:after{width: 240px;height: 1px;left:-11px;top: 82px;}

/* technology 01 */
/* 상단 타이틀 컬러 백그라운드 박스 .title_Box */
.title_Box{display: flex;flex-wrap: wrap;}
.title_Box .title_inner{width: calc(50% - 10px);margin-right: 20px;margin-top: 0;}
.title_Box .title_inner:first-child{margin-top: 0;}
.title_Box .title_inner:nth-child(2n){margin-right: 0;}
.title_Box .title_inner:nth-child(n+3){margin-top: 20px;}

.title_inner{width: 100%;border: 1px solid #dbdbdb;text-align: center;}
.title_inner .title{background-color: #206fb2; color: #fff;padding: 10px;font-weight: 500;font-size: 17px;}
.title_inner>div{padding:20px 20px 30px;}
.title_inner .flex{align-items: center;}
.title_inner .bullet_wrap{text-align: left;margin-left: 20px;margin-top: 0;}

/* technology 02 */
.step_line{display: flex;justify-content: space-between;position: relative;flex-wrap: wrap;}
.step_line:before{content:'';position: absolute;top:30px;left:0;width: 100%;height: 5px;background:#f5f5f5;z-index: -1;}
.step_line li{text-align: center;display: flex;align-items: center;position: relative;padding-top: 75px;justify-content: center;}
.step_line li:before{content: attr(data-num);width: 65px;height: 65px;border-radius: 50%;font-size: 24px;font-weight: 600;color:#fff;background:#34b6ee;padding-top: 17px;position: absolute;left: 50%;top:0;margin-left: -32px;}
.step_line li:after{content: '';width: 9px;height: 11px;position: absolute;left:0;top: 27px;background-size: 100%;z-index: 5;}
.step_line p{line-height: 1.5;}
.step_line li:first-child:after{display: none;}

.step_line.step li:before{width: 50px;height: 50px;font-size: 18px;padding-top: 14px;top: 9px;margin-left: -25px;}
.step_line.f5 li{width: calc(100%/5);}
.step_line.f6 li{width: calc(100%/6);}
.step_line.f7 li{width: calc(100%/7);}

.step_line li[data-num="01"]:before{background: #2579e8;}
.step_line li[data-num="02"]:before{background: #2870ce;}
.step_line li[data-num="03"]:before{background: #215eae;}
.step_line li[data-num="04"]:before{background: #154e9a;}
.step_line li[data-num="05"]:before{background: #0b3a78;}
.step_line li[data-num="06"]:before{background: #081c70;}
.step_line li[data-num="07"]:before{background: #001158;}
.step_line li[data-num="08"]:before{background: #00073d;}

.step_line li[data-num="01"]:after{background: url(/eng/images/sub/mini_arrow03.png) center no-repeat;}
.step_line li[data-num="02"]:after{background: url(/eng/images/sub/mini_arrow04.png) center no-repeat;}
.step_line li[data-num="03"]:after{background: url(/eng/images/sub/mini_arrow05.png) center no-repeat;}
.step_line li[data-num="04"]:after{background: url(/eng/images/sub/mini_arrow06.png) center no-repeat;}
.step_line li[data-num="05"]:after{background: url(/eng/images/sub/mini_arrow07.png) center no-repeat;}
.step_line li[data-num="06"]:after{background: url(/eng/images/sub/mini_arrow08.png) center no-repeat;}
.step_line li[data-num="07"]:after{background: url(/eng/images/sub/mini_arrow09.png) center no-repeat;}

.flex_img>div{display: flex;align-items: center;margin-top: 40px;}
.flex_img .right{flex-direction: row-reverse;}
.flex_img>div:first-child{margin-top: 0;}
.flex_img .imgArea{width: 230px;height: 100%;overflow: hidden;}
.flex_img .textArea{width: calc(100% - 250px);}
.flex_img .left .textArea{margin-left: 20px;}
.flex_img .right .textArea{margin-right: 20px;}

/* Sustainability sust01 Ethical Management */
.organization2{margin:20px 0 15px;}
.organization2:before{top: 210px;}
.organization2 .ceo2{position: absolute;left: 50%;transform: translateX(-50%);top: 105px;}
.ceo2 span{padding-top: 0;line-height: 200px;font-size: 36px;}
.org_center .org_box{width: 330px;}
.org_center.top{margin-bottom: 120px;}
.org_center.btm{margin-top: 70px;}

/* Sustainability sust02 */
.figure_wrap{display: flex;}
.figure_wrap figure{margin-right: 20px; width: 320px;}
.figure_wrap figure div{overflow: hidden;height: 180px;width: 100%;display: flex;justify-content: center;}
.figure_wrap figure img{display: block;}
.figure_wrap figure:last-child{margin-right: 0;}
.figure_wrap figcaption{font-size: 16px;text-align: center;display: block;margin-top: 10px;width: 100%;font-weight: 500;}

.organization3 .btm2{margin-top: 30px;}

/* Sustainability sust03 */
.vision_top li{padding: 25px;display: block;background: #ccc;min-height: 80px;margin-bottom: 10px;color: #fff;}
.vision_top .slogan01{background: #141b38;}
.vision_top .slogan02{background: #2f3e79;}
.vision_top .slogan03{background: #fafafa;color: #242424;border: 1px solid #2f3e79;}
.vision_top p{font-size: 22px;font-weight: 600;text-align: center;}
.vision_btm{display: flex;justify-content: space-between;padding-top: 90px;margin-top: 20px;}
.vision_btm .vision_circle{margin:0 auto;width: 300px;height: 300px;border-radius: 50%;border: 1px solid #dbdbdb;display: inline-block;}
.vision_btm .vision_circle>span{display: inline-block;width: 90%;height: 90%;position: relative;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: #ddd;border-radius: 50%;text-align: center;}
.vision_btm .vision_circle>.circle01{background: linear-gradient(to right, #0c81ee, #04549e);}
.vision_btm .vision_circle>.circle02{background: linear-gradient(to right, #08bcca, #037e88);}
.vision_btm .vision_circle>.circle03{background: linear-gradient(to right, #f12b44, #b00f23);}
.vision_btm .vision_circle>span:before{content: '';width: 90%;height: 90%;position: relative;background: #fff;display: block;border-radius: 50%;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);}
.vision_btm .vision_circle>span>em{position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);font-size: 24px;font-weight: 600;width: 100%;}
.vision_btm>div{display: flex;flex-direction: column;}
.vision_btm>div>ul{padding: 20px;margin-top: 50px;min-width: 410px;}
.vision_btm .vb_01 .bullet_wrap{border: 1px solid #1977d0;}
.vision_btm .vb_02 .bullet_wrap{border: 1px solid #07abb9;}
.vision_btm .vb_03 .bullet_wrap{border: 1px solid #f22c44;}
.arrow_bg{position: relative;}
.arrow_bg:before{content: '';width: 1233px;height: 300px;background: url(/eng/images/sub/ceo_back.png) center top no-repeat;position: absolute;left: 50%;top: 0;background-size: 100%;transform: translateX(-50%);}

.iso_wrap .bullet_wrap{max-width: 380px;margin: 0 auto;}

/* Sustainability sust04 */
.down_box{display: flex;flex-wrap: wrap;}
.down_box li{margin-right: 40px;width: calc(25% - 30px);}
.down_box li:nth-child(4n){margin-right: 0;}
.down_box li:nth-child(n+5){margin-top: 40px;}
.down_box li .imgArea{width: 100%;height: 11.5vw;border: 1px solid #d9d9d9;overflow: hidden;transition: border .4s;}
.down_box li .imgArea img{width: 100%;}
.down_box li .btm{text-align: center;padding: 18px;}
.down_box li .btm p{margin-bottom: 15px;transition: color .4s;}
.down_box li:hover .imgArea{border: 1px solid #1977d0;}
.down_box li:hover .btm p{color: #3a57c2;font-weight: 500;}
.down_box .navy_btn[target="_blank"]{padding: 8px 15px 8px 34px;}
.down_box .navy_btn[target="_blank"]:before{display: block;}

/* Investor Relations inv02 */
.manageGraph_wrap{display: flex;flex-wrap: wrap;}
.manageGraph_wrap .manageGraph{width: calc(50% - 20px);margin-right: 40px;}
.manageGraph_wrap .manageGraph:nth-child(2n){margin-right: 0;}
.manageGraph_wrap .manageGraph:nth-child(n+3){margin-top: 40px;}
.manageGraph .imgBox{border: 1px solid #dbdbdb;}
.manageGraph .imgBox>img{max-width: 485px;}
.inv_cts02 .titleA{margin-bottom: 0;}
.inv_cts02 .textBox{border: 1px solid #dbdbdb;padding: 30px;display: flex;justify-content: center;align-items: center;}
.inv_cts02 .textBox dl{width: 300px;margin-right: 40px;}
.inv_cts02 .textBox dl:last-child{margin-right: 0;}
.inv_cts02 .textBox dt{font-size: 120px;color: #77787b;font-weight: 600;padding-bottom: 10px;text-align: center;letter-spacing: -8px;line-height: 120px;}
.inv_cts02 .textBox dd{border-top: 1px solid #394c67;font-weight: 500;text-align: center;padding-top: 10px;font-size: 17px;}


/*이미지 확대보기팝업*/
.m_btn{margin-top: 20px;display: none;} /*확대보기 버튼*/
.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 70px 20px;height: 100%;display: flex;align-items: center;}
.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;}

/*팝업크기*/
#regulation{max-width: 450px;}

/*새창보기*/
.depth_box a[target="_blank"], .lnb_more>li>a[target="_blank"]{padding-right:20px;position: relative;}
.depth_box a[target="_blank"]:after, .lnb_more>li>a[target="_blank"]:after{content: '';width: 15px;height: 13px;background: url(/eng/images/common/new_win.png) center no-repeat;position: absolute;right: 0;top: 3px;}
.lnb_more>li>a[target="_blank"]:after{right: 20px;top: 16px;}
.lnb_more>li>a[target="_blank"]:hover:after{background: url(/eng/images/common/new_win_w.png) center no-repeat;}