@charset "utf-8";
@import url(common.css?after&ver=<%=css_ver%>);
/* 2024-02-22 */
/* .depth1>.more_depth>a.now{color:#fff;} */
/* .depth1>.more_depth.hover>a{color:#5be6ff;} */

/*서브공통*/
.container{padding-top: 160px;}
.contents{padding: 50px 0 40px 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;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;}
.titleA .innerTit{font-size:18px;}
.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;}

.txtBox{padding:12px 14px;border:solid 1px #d9d9d9;background:#efeff1;font-size:17px;font-weight:500}

.titleG{font-size: 32px;font-weight: 500;text-align: center;letter-spacing: 0;margin-bottom: 40px;}
.titleG span{display: block;font-size: 16px;color: #555;line-height: 1.6;letter-spacing: -0.5px;padding-top: 20px;font-weight: 400;}

.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}
.sub_flex.flexend{justify-content:flex-end}
.sub_flex.aife{align-items:flex-end;}
.sub_flex.aife>*{margin-right:25px}
.sub_flex.aife p+p{margin-top:5px}


.textA{line-height: 1.7;margin-bottom:12px;}
.textA:last-child{margin-bottom:0}
.textP{font-size: 16px;font-weight: 500;margin-bottom: 20px;}
.text_C{font-size: 14px;margin-top: 20px;text-align: center;}
.alert_p{color:#1c2750;padding-left: 25px;position: relative;}
.alert_p:before{content: '';width: 18px;height: 18px;background-image: url(/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;margin-bottom: 50px;}
.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.fs20{font-size:20px}
.pointP_Sub strong{display:block;width:200px;text-align:left;margin:0 auto;font-weight:500}
.pointP_Sub strong:last-child{margin-bottom:10px}
/*.pointP_Sub strong:before{content:'';display:inline-block;width:3px;height:3px;margin:-4px 6px 0 0;background:#1c2750;vertical-align:middle;}*/
.pointP_Sub strong:before{content:'';display:inline-block;width:14px;height:14px;margin:-4px 5px 0 0;background:url(/images/sub/i_chk.png) no-repeat 50% 50%;vertical-align:middle;background-size:100%;}

.btn380bx{margin-top:5px;}
.btn380bx + span{padding-top:15px;margin-bottom:20px;}
.btn380bx + span:before{display:none;}
.btn380bx .navy_btn.down{width:380px;padding:8px 15px;vertical-align:top}
.btn380bx .navy_btn.down:before{position:static;display:inline-block;margin-right:6px;vertical-align:middle;}
.btn380bx .navy_btn.down + a{margin-left:10px;}
.btn380bx .navy_btn.down + a:after{display:inline-block;content: '';width: 4px;height: 4px;border-radius: 50%;background: #e21625;position: absolute;top: 15px;left:-10px;}

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

.wordBreak a, .wordBreak th{word-break:normal}


/*불릿*/
.bullet_wrap{margin-bottom: 20px;}
.bullet_wrap:last-child{margin-bottom: 0;}
.bullet_wrap ul{margin-top: 5px;width: 100%;}
.bullet_wrap ul.his { margin-top:0px; padding-left:15px;}
.bullet01{padding-left: 10px;position: relative;margin-bottom: 7px;line-height: 1.5; display:block; width:100%;}
.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;}
.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;}
.bullet_num2{font-size: 15px;padding-left: 17px;position: relative;margin-bottom: 10px;}
.bullet_num2:before{content: attr(data-num);position: absolute;left: 0;top:-2px}
.bullet_circleN{padding-left: 28px;position: relative;margin-bottom: 5px;line-height: 20px;}
.bullet_circleN:before{font-size: 12px;content: attr(data-num);position: absolute;left: 0;top:0;background: #1c2750;width: 20px;height: 20px;border-radius: 50%;color: #fff;font-weight: 500;text-align: center;}
.bullet_Kr{padding-left: 1.5em;position: relative;margin-left: 5px;}
.bullet_Kr:before{content: attr(data-num);position: absolute;left: 0;top:0}

.bullet_check{padding-left: 2em;position: relative;margin-bottom: 15px;line-height: 1.5em;}
.bullet_check:last-child{margin-bottom: 0;}
.bullet_check:before{content: '';position: absolute;left: 0;top:0;background-image: url(/images/sub/bullet_check.png);background-position: center;background-repeat: no-repeat;background-color: #ccc;width: 22px;height: 22px;border-radius: 50%;}

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

.table_top{position: relative;display: flex;align-items: flex-end;margin-bottom: 10px;flex-wrap: wrap;}
.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;margin-bottom: 3px;}
.total:before{content: '';width:13px;height: 13px;background: url(/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;text-align: center;}
.official dd{margin-left: 8px;padding-top: 2px;}

.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(/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 10px;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.rpsY_tb thead th{background:#141b38;color:#fff;font-weight:500;}
.tableA.rpsY_tb thead th.th_red{background:#e21625}

/* tbody에 th있는 경우(배경 흰색) */
.scope_white>tbody th{background:#fff;padding: 8px 15px;}

/*테이블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(/images/common/bg.png);background-position:-393px -10px;background-repeat:no-repeat;position: absolute;left: 0;top:0;}
*/
.tableL .lock a{padding-left:0;}
.tableL .lock a i{display:inline-block;width:15px;height:18px;margin:-2px 10px 0 0;vertical-align:middle;}

/* .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: 220px;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;word-break:break-word}
.view_cts img{display: block;margin: 0 auto;max-width: 100%;}
.view_cts .fblue{background:blue;color:#fff;}

.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;min-height: 40px;}
.tableW td{background:#fff;border-bottom:1px solid #d9d9d9;padding: 7px 10px;height: 51px;line-height: 1.6;background-clip: padding-box;min-height: 40px;}
.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 input[type="tel"], .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;}

/* 챠�┖뮼�씲늘ヂ멤�� 챘혶쩌챘짼짢 챙�짢챗쨍째챗쨍째 (챙�봔뮨�졻�샖ぢ력셌р�왖�)*/
.labelblind td label,
.survey label.blind{width:1px;height:1px;clip:rect(0 0 0 0); position:Absolute;overflow:hidden;}
/* 챘혶쩌챘짼짢챘짠흸 챘쨀쨈챙탑�� */
.tableW.labelblind td label.file_add{position:static;width:auto;height:36px;clip:auto;overflow:hidden}
.tableW.labelblind td .radiobox label{position:static;width:auto;height:auto;clip:auto;overflow:visible}

.tableW .radiobox{white-space: normal;}
.tableW .radiobox.linethree{padding: 12px 0;}

.tableW.labelblind td.labelshow label{width:auto;height:auto;clip:auto;position:static;overflow:unset}

.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,.touchSwipe500 .touchSwipe_icon{background: url(/images/common/touch_swipe.png) 0 0 no-repeat;width: 302px;height: 60px;position: absolute;z-index: 1;top: 55%;left: 50%;transform: translateX(-50%) translateY(-50%);background-size: 100%;display: none;}


.file_box.flex{display:flex;justify-content:space-between;}
.file_box.flex .file_info{width:calc(100% - 500px);font-size:13px;}
.file_box.flex .file_info p{position:relative;margin-bottom:0;line-height:1.3;padding-left:16px;}
.file_box.flex .file_info p:before{top:5px;left:4px;}
.file_box.flex .file_info p:not(.bullet01):before{content:'※';display:block;position:absolute;left:0;top:0;}

/*검색폼*/
/*일반검색폼*/
.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);}

.searchArea form{display: flex;width: 100%;justify-content: center;}
.searchArea form>*{margin-right:10px}
.searchArea form>*: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;}
.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;}
.state05{border:1px solid #0da95e;background:#0da95e;color:#fff}

/*탭*/
.tab_wrap .now_tab{display: none;}
.tabA{display:flex;border-bottom:1px solid #1c2750;margin-bottom: 40px;z-index: 60;}
.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.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%;}

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

.tabB.f2 li{width: 50%;}
.tabB.f3 li{width: 33.3333%;}
.tabB.f4 li{width: 25%;}
.tabB.f7 li{width: calc(100% / 7);}

/*박스*/
/*라인박스*/
.line_box{display: flex;border-top:1px solid #1977d0;border-bottom:1px solid #d9d9d9;margin-bottom: 40px;flex-wrap: wrap;}
.line_box>div{width: 50%;border-bottom:1px solid #d9d9d9;border-right:1px solid #d9d9d9;padding: 30px;align-items: center;display: flex;justify-content: space-between;min-height: 117px;}
.line_box>div:nth-last-child(-n+2){border-bottom: 0;}
.line_box>div:nth-child(2n), .line_box>div:last-child{border-right: 0;}
.line_box .text_area{width: calc(100% - 147px);}
.line_box .text_area .top{font-size: 18px;color:#3a57c2;font-weight: 500;}
.line_box .text_area .btm{margin-top: 15px;font-size:14px}

.line_box.f1>div{width: 100%;}

/*링크박스*/
.depth_box{display: flex;flex-wrap: wrap;border:1px solid #d9d9d9;padding: 27px 30px;margin-bottom: 40px;}
.depth_box a{font-size:14px;margin-bottom:0;padding-bottom:2px;position: relative;display: inline-block;}
.depth_box a:hover, .depth_box a.active{text-decoration: underline;color: #3a57c2;}
.depth_box a:before{top: 8px;}
.depth_box.title_box li{width: 25%;}
.depth_box.title_box li:nth-child(n+6){margin-top:12px}
.depth_box .title{width: 100%!important;color: #3a57c2;margin-bottom: 16px;}
.depth_box.title_box.f2 li{margin-top:0!important;}

.depth_box.f2 li{width: 50%;}
.depth_box.f2 li:nth-child(n+3){margin-top:12px}
.depth_box.f3 li{width: 33.333%;}
.depth_box.f3 li:nth-child(n+4){margin-top:12px}
.depth_box.f4 li{width: 25%;}
.depth_box.f4 li:nth-child(n+5){margin-top:12px}
.depth_box.f5 li{width: 20%;}
.depth_box.f8 li{width: 12.5%;}
.depth_box.f8 li:nth-child(n+9){margin-top:12px}
/* 사이즈 자유로운 depth_box = .padding_re */
.depth_box.padding_re li{padding-right: 30px;margin: 4px 0;}
.depth_box.gray{background-color: #f5f5f5;}

.text_box{display: block;margin-bottom: 20px;}
.text_box>div{margin-bottom: 15px;font-size: 15px;}
.text_box>div:last-child, .text_box>div ul li:last-child{margin-bottom: 0;}
.text_box>div>ul{margin-top: 10px;font-size: 14px;}
.text_box>div ul li{margin-bottom: 5px;}
.agree_text{display: flex;justify-content: space-between;}

.str{font-size:18px;font-weight:600; color:blue;}

/*이미지박스*/
.blue_box{border-top:1px solid #1977d0;display: flex;flex-wrap: wrap;}
.blue_box>li{padding: 30px 0;border-bottom: 1px solid #d9d9d9;display: flex;align-items: flex-start;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(/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.w2>li.w100{width: 100%;}
.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}

.year_box{display: flex;flex-wrap: wrap;}
.year_box dl{display: flex;margin-right: 20px;border: 1px solid #d9d9d9;width: calc(20% - 16px);height: 65px;align-items: center;}
.year_box dl:nth-child(5n){margin-right: 0;}
.year_box dl:nth-child(n+6){margin-top:20px}
.year_box dt{color:#3a57c2;font-weight: 500;border-right: 1px solid #d9d9d9;background-color: #f5f5f5;width: 116px;height: 100%;position: relative;padding: 22px 0 0 57px;}
.year_box dt:before{content: '';width: 23px;height: 23px;background:url(/images/sub/exhalation.png) left top no-repeat;background-size:100%;position: absolute;left: 25px;top:18px;}
.year_box dd{text-align: center;width: calc(100% - 116px);display: block;}

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

/*박스링크(아이콘)*/
.box_icon{display: flex;flex-wrap: wrap;margin-bottom: 40px;}
.box_icon a{height: 125px;border: 1px solid #d9d9d9;margin-right: 10px;display: flex;align-items: flex-end;justify-content: center;padding-bottom: 15px;position: relative;background-position: center top 15px;background-repeat: no-repeat;transition: background-color .4s, box-shadow .4s, border .4s;}
.box_icon a:before{content: '';position: absolute;right: 10px;top: 10px;}
.box_icon a span{display: block;text-align: center;transition:color .4s;}
.box_icon a:hover, .box_icon a.active{background-color: #f5f5f5;box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.21);border: 1px solid #1977d0;}
.box_icon a:hover span, .box_icon a.active span{color:#3a57c2;font-weight: 500;}

.box_icon.f7 a{width: calc(14% - 5px);}
.box_icon.f7 a:nth-child(7n){margin-right: 0;}
.box_icon.f7 a:nth-child(n+8){margin-top: 10px;}
.box_icon.f6 a{width: calc(16.6% - 8px);}
.box_icon.f6 a:nth-child(6n){margin-right: 0;}
.box_icon.f6 a:nth-child(n+7){margin-top: 10px;}

.box_icon.check a:before{width: 18px;height: 18px;border: 1px solid #d9d9d9;transition:border-color .4s;}
.box_icon.check a:hover:before, .box_icon.check a.active:before{border-color: #1977d0;background: url(/images/sub/check.png) center no-repeat;}
.box_icon.search a:before{width: 21px;height: 21px;background-image: url(/images/sub/search_top.png);background-position:center;background-repeat:no-repeat;transition:background-image .4s;}
.box_icon.search a:hover:before{background-image: url(/images/sub/search_top2.png);}

.subtab .box_icon a{background-position:center top 10px;background-color:rgb(22 22 22 / 55%)}
.subtab .box_icon a:hover{background-color: #f5f5f5;box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.21);border: 1px solid #1977d0;}
.subtab .box_icon a p{display: block;text-align: center;transition:color .4s;color:#fff}
.subtab .box_icon a span{font-size:13px;display:block;opacity:.8;}
.subtab .box_icon a:hover p, .subtab .box_icon a.active p{color:#3a57c2;font-weight: 500;}

/*서브비주얼*/
.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(/images/sub/sub_visual06.jpg) center top no-repeat;background-size: cover;}/*정보공개*/
.sub_visual.sub02{background:url(/images/sub/sub_visual02.jpg) center top no-repeat;background-size: cover;}/*고객센터*/
.sub_visual.sub03{background:url(/images/sub/sub_visual03.jpg) center top no-repeat;background-size: cover;}/*기업지원센터*/
.sub_visual.sub05{background:url(/images/sub/sub_visual05.jpg) center top no-repeat;background-size: cover;}/*사이버홍보실*/
.sub_visual.sub06{background:url(/images/sub/sub_visual04.jpg) center top no-repeat;background-size: cover;}/*회사소개*/
.sub_visual.sub07{background:url(/images/sub/sub_visual06.jpg) center top no-repeat;background-size: cover;}/*안전환경경영*/
.sub_visual.sub08{background:url(/images/sub/sub_visual07.jpg) center top no-repeat;background-size: cover;}/*동서동행센터*/
.sub_visual.sub04{background:url(/images/sub/sub_visual01.jpg) center top no-repeat;background-size: cover;}/*개인정보처리방침*/
.sub_visual.sub09{background:url(/images/sub/sub_visual09.jpg) center top no-repeat;background-size: cover;}/*사회적가치*/

/*LNB*/
.lnb{width: 100%;height: 47px;background: #efefef;border:1px solid #dbdbdb;border-left: none;border-right: none;position: relative;z-index: 70;}
.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(/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(/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:2px;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(/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(/images/common/new_win.png) left center no-repeat;padding-left:20px;}
.near_link .prev[target="_blank"]{background:url(/images/common/new_win.png) right center no-repeat;padding-right:20px;}

/*만족도 평가*/
.satisfaction{border: 1px solid #d9d9d9;background-color:#fff;margin-top:100px;}
.satisfaction .top{background-color:#f5f5f7;border-bottom:1px solid #d9d9d9;display: flex;padding: 15px 30px 16px 34px;align-items: center;flex-wrap: wrap;}
.satisfaction .top dl{display: flex;font-size: 14px;padding-left: 25px;background-position: left center;background-repeat: no-repeat;margin-right: 35px;}
.satisfaction .top dl dt{color:#3a57c2;margin-right: 25px;position: relative;}
.satisfaction .top dl dt:after{content: '';width: 1px;height: 12px;background: #d6d6d6;position: absolute;right: -13px;top: 4px;}
.satisfaction dl.depart{background-image: url(/images/sub/satisfaction01.png);}
.satisfaction dl.manager{background-image: url(/images/sub/satisfaction02.png);}
.satisfaction dl.tel_num{background-image: url(/images/sub/satisfaction03.png);}
.satisfaction dl.fax_num{background-image: url(/images/sub/satisfaction05.png);}
.satisfaction dl.email_adr{background-image: url(/images/sub/satisfaction06.png);}
.satisfaction dl.cal{background-image: url(/images/sub/satisfaction11.png);}
.satisfaction dl.refresh{background-image: url(/images/sub/satisfaction04.png);margin-left: auto;margin-right: 0 !important;background-position: left -3px center;}
.satisfaction dl.refresh dt{margin-right: 5px !important;}
.satisfaction dl.refresh dt:after{display: none;}
.satisfaction .btm{padding: 25px 30px 29px 30px;display: flex;justify-content: space-between;flex-direction: row;}
.satisfaction .btm>div{width: calc(100% - 120px);}
.satisfaction .btm p{font-size: 22px;font-weight: 600;margin-bottom: 25px;}
.satisfaction .btm p span{display: inline-block;font-size: 15px;font-weight: 400;color:#555;margin-left: 12px;}
.satisfaction .radiobox{font-size: 16px;margin-left: 0;flex-wrap: wrap;}
.satisfaction .radiobox input{margin-left: 50px;}
.satisfaction .radiobox input:checked + label{color:#3a57c2}
.satisfaction .radiobox label{background-position: left center;background-repeat: no-repeat;}
.satisfaction .radiobox label[for="star01"]{background-image: url(/images/sub/star01.jpg?var=20250225);padding-left:28px;}
.satisfaction .radiobox label[for="star02"]{background-image: url(/images/sub/star02.jpg?var=20250225);padding-left:42px;}
.satisfaction .radiobox label[for="star03"]{background-image: url(/images/sub/star03.jpg?var=20250225);padding-left:55px;}
.satisfaction .radiobox label[for="star04"]{background-image: url(/images/sub/star04.jpg?var=20250225);padding-left:68px;}
.satisfaction .radiobox label[for="star05"]{background-image: url(/images/sub/star05.jpg?var=20250225);padding-left:82px;}

.satisfaction .btm .satis_btn{display: flex;margin-bottom: 0;}
.satisfaction .btm .satis_btn .navy_btn{font-size: 16px;padding: 27px 0px;width: 100px;height: 74px;margin-right: 10px;font-weight: 500;}
.satisfaction .btm .satis_btn .navy_btn:last-child{margin-right: 0;}

/*정보공개>사전정보공표>사전정보공표목록*/
.box_icon01 a.icon01{background-image: url(/images/sub/info_i01.png);}
.box_icon01 a.icon02{background-image: url(/images/sub/info_i02.png);}
.box_icon01 a.icon03{background-image: url(/images/sub/info_i03.png);}
.box_icon01 a.icon04{background-image: url(/images/sub/info_i04.png);}
.box_icon01 a.icon05{background-image: url(/images/sub/info_i05.png);}
.box_icon01 a.icon06{background-image: url(/images/sub/info_i06.png);}
.box_icon01 a.icon07{background-image: url(/images/sub/info_i07.png);}
.box_icon01 a.icon08{background-image: url(/images/sub/info_i08.png);}
.box_icon01 a.icon09{background-image: url(/images/sub/info_i09.png);}
.box_icon01 a.icon10{background-image: url(/images/sub/info_i10.png);}
.box_icon01 a.icon11{background-image: url(/images/sub/info_i11.png);}
.box_icon01 a.icon12{background-image: url(/images/sub/info_i12.png);}
.box_icon01 a.icon13{background-image: url(/images/sub/info_i13.png);}
.box_icon01 a.icon14{background-image: url(/images/sub/info_i14.png);}
.box_icon01 a.add01{background-image: url(/images/sub/info_i17.png);}
.box_icon01 a.add02{background-image: url(/images/sub/info_i16.png);}
.box_icon01 a.add03{background-image: url(/images/sub/info_i19.png);}
.box_icon01 a.add04{background-image: url(/images/sub/info_i22.png);}
.box_icon01 a.add05{background-image: url(/images/sub/info_i18.png);}
.box_icon01 a.add06{background-image: url(/images/sub/info_i15.png);}

/*정보공개>사전정보공표>즐겨찾기*/
.box_icon02 a.icon01{background-image: url(/images/sub/info_i15.png);}
.box_icon02 a.icon02{background-image: url(/images/sub/info_i16.png);}
.box_icon02 a.icon03{background-image: url(/images/sub/info_i17.png);}
.box_icon02 a.icon04{background-image: url(/images/sub/info_i18.png);}
.box_icon02 a.icon05{background-image: url(/images/sub/info_i19.png);}
.box_icon02 a.icon06{background-image: url(/images/sub/info_i20.png);}

/**/
.survey{border:1px solid #d9d9d9;border-top:1px solid #1977d0;background-color:#fafafb;padding: 25px 30px;}
.survey p{font-size: 18px;margin-bottom: 10px;margin-top:25px;padding-left: 0;line-height: 1.5;}
.survey p span{display: block;padding-left: 15px;margin-top: 2px;}
.survey p:before{position: relative;margin-right: 5px;}
.survey p:first-child{margin-top:0}
.survey div{font-size: 14px;margin-bottom: 8px;}
.survey div input, .survey div textarea{margin-left: 20px;}
.survey div textarea{width: calc(100% - 35px);height: 64px;}
.survey .checkbox{display: flex;flex-wrap: wrap;width: 90%;}

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


/*경영공시*/
.banner_relate{width:100%; clear: both; margin-top:50px; }
.banner_relate a li{color:#242424;  width:32%; margin-right:20px; font-size:15px; letter-spacing:-1px;   display:inline-block; border:1px solid #e8e8e8; padding: 15px 0 20px 0;  font-weight:500; background:url(/images/sub/next_arrow.jpg) no-repeat  right  ;    }
.banner_relate a li img{padding:0 15px 0 20px; position:relative; top:4px;}
.banner_relate a li.last {margin-right:0px;}


/*반부패청렴센터*/
.line_box02>div.ewp07{background-image: url(/images/sub/ewp07.png);}
.line_box02>div.ewp08{background-image: url(/images/sub/ewp08.png);}
.line_box02>div.ewp09{background-image: url(/images/sub/ewp09.png);}
.line_box02>div.ewp10{background-image: url(/images/sub/ewp10.png);}
.line_box02>div.ewp11{background-image: url(/images/sub/ewp11.png);}
.line_box02>div.ewp12{background-image: url(/images/sub/ewp12.png); margin-top:30px;}
.line_box02>div.ewp13{background-image: url(/images/sub/ewp13.png); margin-top:30px;}
.line_box02>div.ewp14{background-image: url(/images/sub/ewp14.png); margin-top:30px;}
.line_box02>div.ewp15{background-image: url(/images/sub/ewp15.png); margin-top:30px;}
.line_box02>div.ewp15{background-image: url(/images/sub/ewp16.png); margin-top:30px;}
.line_box02 .text a { text-decoration:underline; color:#3a57c2; line-height:24px;}
.int>div .text br { display:block !important;}


/*고객센터 > EWP에 바란다 > EWP에 바란다 안내*/
.line_box02{display: flex;flex-wrap: wrap;}
.line_box02>div{width:calc(20% - 24px);height: 400px;border: 1px solid #d9d9d9;margin-right: 30px;position: relative;background-position: center top 38px;background-repeat: no-repeat;transition: background-color .4s, box-shadow .4s, border .4s;text-align: center;padding: 20px 20px;}
.line_box02>div:nth-child(5n){margin-right:0}
.line_box02>div .title{text-align: center;font-size:20px;font-weight:500;transition:color .4s;padding-top: 115px;}
.line_box02>div .text{font-size: 14px;margin-top: 20px;}
.line_box02>div .navy_btn{position: absolute;left: 50%;bottom:30px;margin-left: -60px;}
.line_box02>div:hover{background-color: #f5f5f5;box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.21);border: 1px solid #1977d0;}
.line_box02>div:hover .title{color:#3a57c2;font-weight: 500;}
.line_box02.srm>div .num{position:absolute;width:100%;left:0;bottom:12px;font-size:14px;color:#3a57c2;border-top:solid 1px #ddd;padding-top:10px;}
.line_box02.srm>div .navy_btn{bottom:65px;}


.line_box02>div.ewp01{background-image: url(/images/sub/ewp01.png);}
.line_box02>div.ewp02{background-image: url(/images/sub/ewp02.png);}
.line_box02>div.ewp03{background-image: url(/images/sub/ewp03.png);}
.line_box02>div.ewp04{background-image: url(/images/sub/ewp04.png);}
.line_box02>div.ewp05{background-image: url(/images/sub/ewp05.png);}

/*고객센터 > 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%;}
.step_start{background-color:#fff;border:12px solid #34b6ee;width: 224px;height: 224px;border-radius: 50%;position: relative;text-align: center;padding-top: 90px;background-repeat: no-repeat;margin-right: 124px;}
.step_start:after{content: '';width:104px;height: 118px;background: url(/images/common/arrow03.png) center no-repeat;background-size:100%;position: absolute;right: -104px;top: 50%;margin-top: -59px;}
.step_start p{font-size: 16px;}
.step_right{width: calc(100% - 348px);display: flex;}
.step_right .step_div{width: 50%;}
.step_div:last-child{margin-right: 0 !important;}

.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 .inner img{width: 100%;max-width: 470px;}

.stepbox01 .step_start{background-image: url(/images/sub/ewp01.png);background-position: center top 26px;background-size: 40px;}
.stepbox01 .step_start.start02{background-image: url(/images/sub/ewp06.png);background-size: 47px;}
.stepbox01 .step_div{margin-right: 62px;border-radius: 169px;text-align: center;display: flex;align-items: center;position: relative;padding: 40px 55px;background-color: #fff;}
.stepbox01 .step_div:after{content: '';width: 30px;height: 34px;background: url(/images/common/arrow04.png) center no-repeat;background-size:100%;position: absolute;right:-47px;top:50%;margin-top: -17px;}
.stepbox01 .step_div:nth-child(2):after{background: url(/images/common/arrow05.png) center no-repeat;background-size:100%;}
.stepbox01 .step_div p{font-size: 16px;}
.stepbox01 .step_div span{position: absolute;left: 50%;top: -37px;width: 65px;height: 65px;margin-left: -37px;border-radius: 50%;font-size: 24px;color: #fff;background-color: #3494ee;line-height: 62px;font-weight: 600;}
/* background-color:34b6ee */
.stepbox01 .step_div.step02 span{background-color: #3494ee;}
.stepbox01 .step_div.step03 span{background-color: #2579e8;}
.stepbox01 .step_div:last-child:after{display: none !important;}

/*고객센터 > EWP에 바란다 > 공공재정 부정청구행위 &middot; 예산낭비 신고센터*/
.stepbox02 .step_start{background-image: url(/images/sub/ewp05.png);background-position: center top 32px;background-size: 62px;margin-right: 151px;padding-top: 112px;}
.stepbox02 .step_start p{font-size: 18px;}
.stepbox02 .step_div{margin-right: 165px;width:375px;position: relative;height: 370px;}
.stepbox02 .step_div.step02{width: 445px;}
.stepbox02 .step_div li{border:1px solid #757575/*#cbcbcb*/;width:100%;height: 110px;border-radius: 110px;background-color:#fff;text-align: center;font-size: 15px;display: flex;align-items: center;justify-content: center;margin-top: 20px;position: relative;}
.stepbox02 .step_div li:first-child{margin-top:0}
.stepbox02 .step01{display: flex;flex-wrap: wrap;align-content: space-between;}
.stepbox02 .step01 li.first{order: 1;}
.stepbox02 .step01 li.second{border:1px solid #42b8eb;position: absolute;left: 0;top: 50%;width: 100%;margin-top: -55px;order: 2;}
.stepbox02 .step01 li.third{order: 3;}

.stepbox02 .step_div strong{font-size: 18px;margin-bottom: 10px;display: block;}
.stepbox02 .step_div:before{content: '';width: 1px;height: 261px;background-color: #757575/*#cbcbcb*/;position: absolute;left: -40px;top: 50%;margin-top: -130px;}
.stepbox02 .step_div li:before{content: '';width: 40px;height: 1px;background-color: #757575/*#cbcbcb*/;position: absolute;left: -40px;top: 50%;}
.stepbox02 .step_div li.second:before{width: 61px;left: -61px;}
.stepbox02 .step02:before{height: 131px;left: -83px;}
.stepbox02 .step02 li.third{border:1px solid #2f85d8}
.stepbox02 .step_div li.third01:before{width: 83px;left: -83px;}
.stepbox02 .step_div li.third02:before{width: 165px;left: -165px;;}
.stepbox02 .step_div li.third03:before{width: 1px;height: 20px;left:50%;top:-20px;}
.stepbox02 .arrow:after{content: '';width: 9px;height: 11px;background: url(/images/sub/mini_arrow01.png) center no-repeat;position: absolute;left: -45px;top: 50%;margin-top: -5px;background-size: 100%;z-index: 5;}
.stepbox02 .third03.arrow:after{left: 50%;top: 0;margin-top: -16px;margin-left: -4px;transform: rotate(90deg);}

.rocate_p{position: absolute;left: calc(50% + 93px);text-align: center;font-size: 14px;top: 53%;}
.rocate_p.arrow:after{left: 12px;top: 0;margin-top: -18px;}

.stepbox01.w3 .step_div{width: calc(33% - 38px);height: 135px;border-radius: 135px;justify-content: center;margin-top: 37px;}
.stepbox01.w3 .step_div p{font-size: 22px;font-weight: 500;}

.box_icon03 a{width: 200px;height: 65px;justify-content: flex-start;padding: 0 0 20px 20px;}
.box_icon03 a:last-child{margin-right: 0;}

.box_icon03 a.typeC,
.box_icon03.maxlength > a{padding:0 28px 0 20px;align-items:center;}
.dot_bg{display: block;width: 100%;background:#242424;height: 1px;margin: 40px 0;position: relative}
.dot_bg:before{content: '';width: 100%;height: 1px;position: absolute;left: 0;top:-1px;border-bottom:1px dashed #fff;}

.wedding figure { border:solid 1px #d9d9d9;}
.wedding figure ul { padding:20px;}
.wedding figure .caption { font-weight:500; margin-top:0px; background:#013b80; color:#fff; padding:10px;}
.figure_wrap{display: flex;}
.figure_wrap figure{margin-right: 53px;width: calc(25% - 39px);}
.figure_wrap figure div{overflow: hidden;height: 210px;display: flex;justify-content: center;}
.figure_wrap figure img{display: block;}
.figure_wrap figure:last-child{margin-right: 0;}
.figure_wrap .caption{font-size: 16px;text-align: center;display: block;margin-top: 18px;}
.box_con{display: none;}
.box_con.current{display: block;}

.step_line{display: flex;justify-content: flex-start;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.f10 li{width: calc(100%/10);}
/*
.step_line li[data-num="01"]:before{background: #34b6ee;}
.step_line li[data-num="02"]:before{background: #3494ee;}
.step_line li[data-num="03"]:before{background: #2579e8;}
.step_line li[data-num="04"]:before{background: #2870ce;}
.step_line li[data-num="05"]:before{background: #215eae;}
.step_line li[data-num="06"]:before{background: #154e9a;}
.step_line li[data-num="07"]:before{background: #0b3a78;}
.step_line li[data-num="08"]:before{background: #081c70;}
.step_line li[data-num="09"]:before{background: #001158;}
.step_line li[data-num="10"]:before{background: #00073d;}
*/
.step_line li[data-num="01"]:before{background: #3494ee;}
.step_line li[data-num="02"]:before{background: #2579e8;}
.step_line li[data-num="03"]:before{background: #2870ce;}
.step_line li[data-num="04"]:before{background: #215eae;}
.step_line li[data-num="05"]:before{background: #154e9a;}
.step_line li[data-num="06"]:before{background: #0b3a78;}
.step_line li[data-num="07"]:before{background: #081c70;}
.step_line li[data-num="08"]:before{background: #001158;}
.step_line li[data-num="09"]:before{background: #00073d;}
.step_line li[data-num="10"]:before{background: #00071b;}

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

.num_box{flex-wrap: wrap;padding: 40px;}
.num_box div{width: 315px;height: 105px;border-radius: 105px;background-color:#fff;margin-right: 40px;display: flex;align-items: center;padding: 0 0 0 90px;background-position: left 35px center;background-repeat: no-repeat;}
.num_box div:nth-child(4n){margin-right: 0;}
.num_box div:nth-child(n+5){margin-top: 40px;}
.num_box div p{font-size: 15px;padding-left: 1.8em;margin-bottom: 0 !important;}
.num_box div p:before{color: #1977d0;font-weight: 600;}

.num_box div.num01{background-image: url(/images/sub/enter_i01.png);}
.num_box div.num02{background-image: url(/images/sub/enter_i02.png);}
.num_box div.num03{background-image: url(/images/sub/enter_i03.png);}
.num_box div.num04{background-image: url(/images/sub/enter_i04.png);}
.num_box div.num05{background-image: url(/images/sub/enter_i05.png);}
.num_box div.num06{background-image: url(/images/sub/enter_i06.png);}
.num_box div.num07{background-image: url(/images/sub/enter_i07.png);}
.num_box div.num08{background-image: url(/images/sub/enter_i08.png);}

.now_date{display: flex;margin-bottom: 20px;position: relative;align-items: center;}
.now_date .btn{width: 32px;height: 32px;background-color:#1c2750;background-image: url(/images/sub/arrow01.png);background-position: center;background-repeat: no-repeat;font-size:0;line-height:0;text-indent:-9999px;}
.now_date .btn.prev{transform: rotate(180deg);}
.now_date p{font-size: 20px;font-weight: 500;padding: 0 10px 0 15px;line-height: 30px;}
.now_date p select{margin-right: 5px;height: 30px;}
.now_date .btn01{width: 45px;height: 32px;line-height: 32px;background: #1c2750;color: #fff;margin-right: 5px;text-align: center;display: inline-block;}
.now_date .cal_info{position: absolute;right: 0;bottom: 0;}
.now_date .cal_info span{font-size: 14px;padding-left: 22px;margin-left: 28px;position: relative;}
.now_date .cal_info span:before{content: '';width: 15px;height: 15px;position: absolute;left: 0;top:50%;margin-top: -7px;background-color: #2579e8;}
.now_date .cal_info .info01:before{background:url(/images/sub/patter01.jpg) left top repeat;border: 1px solid #d9d9d9;}
.apply_box{margin-top: 40px;}
.apply_box .now_date{margin-bottom: 15px;}
.apply_box .now_date .titleB{margin-bottom: 0;padding: 0;width: 100%;}
.apply_box .now_date .info01:before{background:url(/images/sub/patter01.jpg) left top repeat;border: 1px solid #d9d9d9;}
.apply_box .now_date .info02:before{background:url(/images/sub/pattern01_red.png) left top repeat;}
.apply_box .now_date .info03:before{background:#798a9d;}
.apply_box .now_date .info04:before{background:url(/images/sub/pattern01_blue.png) repeat;}
.apply_box .time{display: inline-block;padding: 5px 10px;min-width: 150px;border:1px solid #d9d9d9;}
.apply_box .time:nth-child(n+8){margin-top: 10px;}
.apply_box .apply01{background:url(/images/sub/patter01.jpg) left top repeat}
.apply_box .apply02{background:url(/images/sub/pattern01_red.png) left top repeat;color:#fff}
.apply_box .apply03{background-color:#798a9d;color:#fff}
.apply_box .apply04{background:url(/images/sub/pattern01_blue.png) left top repeat;color:#fff}

.calender_cts{overflow: hidden;}
.day_name{background: #1c2750;text-align: center;display: flex;}
.day_name span{width: 14.286%;display: block;color: #fff;padding:10px 0px 12px 0;}
.week{background: #fff;border-bottom: 1px solid #d9d9d9;border-left: 1px solid #d9d9d9;border-right: 1px solid #d9d9d9;display: flex;}
.week>div{width: 14.286%;height:81px;display: block;border-right: 1px solid #d9d9d9;display: flex;justify-content: center;align-items: center;cursor: pointer;}

.calender_cts .sat{border-right:none;}
.calender_cts .sun{color: #e21625;}
.calender_cts .sat{color: #3a57c2;}
.calender_cts .day{background: url(/images/sub/patter01.jpg) left top repeat;}
.calender_cts .check{background:#2579e8;position: relative;color:#fff;}
.calender_cts .check:before{content: '';width: 18px;height: 18px;background: #fff url(/images/sub/check.png) center no-repeat;position: absolute;right:11px;top: 10px;}
/* 달력테이블로제작 */
.calender_table{font-size: 15px;margin-bottom: 20px;}
.calender_table thead{background: #1c2750;text-align: center;}
.calender_table thead tr{border-left: 1px solid #1c2750;border-right: 1px solid #1c2750;}
.calender_table thead th{font-weight: 400;color: #fff;padding:10px 0px 12px 0;}
.calender_table tbody tr{background: #fff;border-bottom: 1px solid #d9d9d9;border-left: 1px solid #d9d9d9;border-right: 1px solid #d9d9d9;}
.calender_table tbody td{height:81px;border-right: 1px solid #d9d9d9;text-align: center;}
.calender_table .sat,.calender_table .sat a{border-right:none;color: #3a57c2;}
.calender_table .sun,.calender_table .sun a{color: #e21625;}
.calender_table .day{background: url(/images/sub/patter01.jpg) left top repeat;}
.calender_table .day a{display: block;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.calender_table .check{background:#2579e8;position: relative;}
.calender_table .check a{color:#fff!important;}
.calender_table .check:before{content: '';width: 18px;height: 18px;background: #fff url(/images/sub/check.png) center no-repeat;position: absolute;right:11px;top: 10px;}

.global_img{position: relative;margin-bottom: 40px;}
.global_img img{display: block;width: 100%;}
.global_img div .caption{position: absolute;left: 0;bottom:0;width: 100%;height: 60px;background: rgba(0,0,0,.5);display: flex;align-items: center;padding: 0 30px;}
.global_img div .caption p{font-size: 16px;color:#fff;padding-left: 20px;margin-right: 48px;position: relative;}
.global_img div .caption p:before{content: '';width: 13px;height: 13px;background-color: #fff99e;position: absolute;left: 0;top:2px;}
.global_img div .caption .point_01:before{border-radius: 50%;}
.global_img div .caption .point_03:before{width: 0px;height: 0px;border-bottom: 12px solid #fff99e;border-right: 9px solid transparent;border-left: 9px solid transparent;background: none;left: -2px;}
.global_img .caption{background-color: rgba(0,0,0,0.5);width: 100%;height: 60px;position: absolute;left: 0;bottom:0;display: flex;padding: 0 30px;align-items: center;}
.global_img .caption p{color:#fff;font-size: 16px;font-weight: 500;margin-right: 48px;padding-left: 20px;position: relative;}
.global_img .caption p:before{content: '';position: absolute;left: 0;top:2px;background-color: #fff99e;width: 13px;height: 13px;}
.global_img .caption .point_01:before{border-radius: 50%;}
.global_img .caption .point_03:before{width: 0px;height: 0px;border-top: none;border-bottom: 11px solid #fff99e;border-right: 7px solid transparent;border-left: 7px solid transparent;background: none;}

.solution_list{display: flex;flex-wrap: wrap;}
.solution_list .title{font-size: 20px;font-weight: 500;margin-bottom: 15px;}
.solution_list>div{width: calc(50% - 10px);margin-right: 20px;padding:34px 20px 34px 222px;position: relative;}
.solution_list>div:before{content: '';width: 120px;height: 120px;border-radius: 50%;background-color: #f5f5f5;position: absolute;left: 52px;top:50%;margin-top: -60px;background-position: center;background-repeat: no-repeat;}
.solution_list>div:nth-child(2n){margin-right: 0;}
.solution_list>div:nth-child(n+3){margin-top: 20px;}

.solution_list .list01{border:1px solid #037b65;}
.solution_list .list01:before{background-image: url(/images/sub/sol_list01.png);}
.solution_list .list02{border:1px solid #4ec4b8;}
.solution_list .list02:before{background-image: url(/images/sub/sol_list02.png);}
.solution_list .list03{border:1px solid #34b6ef;}
.solution_list .list03:before{background-image: url(/images/sub/sol_list03.png);}
.solution_list .list04{border:1px solid #f07126;}
.solution_list .list04:before{background-image: url(/images/sub/sol_list04.png);}

.solution_box{margin-top: 0;}
.solution_box div{width: calc(50% - 13px);margin-right: 25px;}
.solution_box div:nth-child(2n){margin-right: 0;}
.solution_box div:nth-child(n+3){margin-top: 30px;}
.solution_box div.num01{background-image: url(/images/sub/enter_i07.png);}
.solution_box div.num02{background-image: url(/images/sub/enter_i09.png);}
.solution_box div.num03{background-image: url(/images/sub/enter_i02.png);}
.solution_box div.num04{background-image: url(/images/sub/enter_i10.png);}

.bg_p{background: url(/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(/images/sub/logo.png) center no-repeat;background-size:100%;position: absolute;left: 0;top:-3px;}

.platform{position: relative;justify-content: center;padding: 150px 0;}
.platform img{display: inline-block;position: relative;z-index: 2;}
.platform ul{position: absolute;}
.platform ul:before, .platform ul:after{content:'';background-color: #cbcbcb;position: absolute;top: 10px;}
.platform .spp01:after, .platform .spp02:after, .platform .spp03:after, .platform .spp04:after{display: none;}
.platform .bullet01:after{content:'';width: 11px;height: 1px;background-color: #cbcbcb;position: absolute;left: -11px;top: 10px;}

.platform .spp01{top:83px;left:50%;margin-left: 40px;}
.platform .spp01:before{width: 1px;height: 61px;left: -11px;}
.platform .spp02{top:252px;left:50%;margin-left: 295px;}
.platform .spp02:before{width: 1px;height: 30px;left: -11px;}
.platform .spp02 .bullet01:last-child:after{width: 55px;left: -55px;}
.platform .spp03{bottom:317px;left:50%;margin-left: 295px;}
.platform .spp03:before{ width: 35px;height: 1px;left: -45px;}
.platform .spp04{bottom:125px;left:50%;margin-left: 90px;}
.platform .spp04 .bullet01:after{display: none;}
.platform .spp04:before{width: 1px;height: 35px;left: 1px;top: -26px;}
.platform .spp05{bottom:87px;left:50%;margin-left: -229px;}
.platform .spp05:before{width: 1px;height: 83px;left: -11px;top: -43px;}
.platform .spp05:after{width: 120px;height: 1px;left:-11px;top: -43px;}
.platform .spp06{bottom:318px;left:50%;margin-left: -450px;}
.platform .spp06:before{width: 1px;height: 73px;left: -11px;top: -33px;}
.platform .spp06:after{width: 190px;height: 1px;left:-11px;top: -33px;}
.platform .spp07{top:157px;left:50%;margin-left: -409px;}
.platform .spp07:before{width: 1px;height: 73px;left: -11px;}
.platform .spp07:after{width: 220px;height: 1px;left:-11px;top: 82px;}

.edu_box{padding: 80px 50px 75px 50px;margin: 0;margin-bottom:35px;align-items: flex-start;position: relative;}
.edu_box:before{content: '';width: calc(100% - 100px);height: 5px;background-color: #dcdcdc;position: absolute;left: 50px;top:124px;}
.edu_box>div{width: 25%;text-align: center;padding-top: 104px;background-position: center top;background-repeat: no-repeat;position: relative;}
.edu_box .title{font-size: 18px;font-weight: 500;}
.edu_box .text{font-size: 14px;}
.edu_box .edu01{background-image: url(/images/sub/edu_area01.png);}
.edu_box .edu02{background-image: url(/images/sub/edu_area02.png);}
.edu_box .edu03{background-image: url(/images/sub/edu_area03.png);}
.edu_box .edu04{background-image: url(/images/sub/edu_area04.png);}

.diagram_box{margin-top: 0;padding: 40px;}
.prop_diagram{width: calc(100% - 310px);height: 346px;display: flex;position: relative;}
.prop_diagram .item{margin-right: 40px;display: flex;flex-wrap: wrap;align-content: space-between;position: relative;z-index: 1;width: calc(25% - 40px);}
.prop_diagram .item03{position: absolute;top: 50%;left: 50%;margin:-39px 0 0 -12%;}
.prop_diagram .item:last-child{margin-right: 0;}
.prop_diagram .item p{font-size: 18px;border: 1px solid #cbcbcb;background-color: #fff;width: 220px;height: 88px;border-radius: 88px;text-align: center;line-height: 88px;position: relative;}
.prop_diagram .item .green{color:#11b018;font-weight: 500;border: 1px solid #11b018;}
.prop_diagram .item .blue{color:#3a57c2;font-weight: 500;border: 1px solid #3a57c2;}

.prop_diagram .item p:before{content: '';position: absolute;background-color: #cbcbcb;z-index: -1;}
.prop_diagram .item p::after{content: '';width: 9px;height: 11px;position: absolute;background: url(/images/sub/mini_arrow01.png) center no-repeat;}
.prop_diagram .item01 p:before{width: 40px;height: 1px;right: -41px;top: 50%;}
.prop_diagram .item01 p:after{right: -25px;margin-top: -5px;top: 50%;}
.prop_diagram .item02 p:before, .prop_diagram .item04 p:before, .prop_diagram .item05 p:before{width: 1px;height: 170px;top: 87px;left: 50%;}
.prop_diagram .item02 p:last-child:before, .prop_diagram .item04 p:last-child:before, .prop_diagram .item05 p:last-child:before{display: none;}
.prop_diagram .item02 p:after{display: none;}
.prop_diagram .item03 p:before{width: 122%;height: 1px;left: -13%;top: 50%;}
.prop_diagram .item03 p:after{left: -17px;top: 50%;margin-top: -5px;}
.prop_diagram .item04 p:nth-child(1):after{transform: rotate(-90deg);top: 100%;left: 50%;margin: 14px 0 0 -4px;}
.prop_diagram .item04 p:nth-child(2):after{transform: rotate(90deg);bottom: 100%;left: 50%;margin:0 0 14px -4px;}
.prop_diagram .item05 p:nth-child(2):before{width: 70px;height: 1px;top: 50%;left: auto;right: -48px;}
.prop_diagram .item05 p:after{transform: rotate(90deg);}
.prop_diagram .item05 p:nth-child(1):after{top: 100%;left: 50%;margin: 14px 0 0 -4px;}
.prop_diagram .item05 p:nth-child(3):after{bottom: 100%;left: 50%;margin:0 0 14px -4px;}
.prop_diagram .item05 p:nth-child(2):after{transform: rotate(0);right: -29px;margin-top: -5px;top: 50%;}

.diagram_text{width: 310px;border: 1px solid #cbcbcb;background-color: #fff;padding: 30px 30px 20px 30px;position: relative;z-index: 1;}
.diagram_text>div{margin-bottom: 10px;}
.diagram_text .m_title{display: none;}
.diagram_text .titleC {margin: 0 0 8px 0;}
.diagram_text .bullet01{margin-bottom: 5px;}
.diagram_text .bullet01:last-child{margin-bottom: 0;}
.diagram_text .bullet_wrap ul {margin-top: 0;}

.simul_box{display: flex;}
.simul_box .imgArea{width: calc(61% - 20px);margin-right: 20px;overflow: hidden;}
.simul_box .imgArea img{width: 100%;max-width: 580px;}
.simul_box .tableScroll{width: 59%;}

.mapArea{overflow: hidden;width: 100%;height: 400px;display: flex;justify-content: center;}
.mapArea img{height: 100%;}
.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-image: url(/images/sub/satisfaction07.png);background-repeat: no-repeat;background-position: left top;}
.map_btm .tel{background-image: url(/images/sub/satisfaction03.png);background-repeat: no-repeat;background-position: left top;}
.map_btm .bus{background-image: url(/images/sub/satisfaction08.png);background-repeat: no-repeat;background-position: left top;}
.map_btm .parking{background-image: url(/images/sub/satisfaction09.png);background-repeat: no-repeat;background-position: left top;}
.map_btm .blog{background-image: url(/images/sub/satisfaction10.png);background-repeat: no-repeat;background-position: left top;}


.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%;min-height: 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>li>a{width: 100%;height: 100%;}
.down_box>li>a .ellipsis1{text-align: left;max-width: 100%;}
.down_box li .btm p.tit{text-align: right;margin: 0;color: #333;font-weight: 400;}
.down_box .photo_title{border-bottom: 1px solid #ddd;}
.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;}

.anti_flex{margin-top: 40px;}
.anti_flex>div{width: 50%;}
.anti_flex .btn_area{justify-content: flex-start;}

.equip_img{display: flex;flex-wrap: wrap;}
.equip_img>div{width: calc(50% - 15px);margin-right: 30px;}
.equip_img>div:last-child{margin-right: 0;}
.equip_img .imgArea{overflow: hidden;}

.simbol_box{display: flex;flex-wrap: wrap;}
.simbol_box>div, .simbol05>li{width: calc(50% - 19px);margin-right: 38px;margin-top: 25px;}
.simbol_box>div:nth-child(-n+2), .simbol05>li:nth-child(-n+2){margin-top: 0;}
.simbol_box>div:nth-child(2n), .simbol05>li:nth-child(2n){margin-right: 0;}
.simbol_box .titleB{margin-top: 0;}
.simbol_box .imgArea{background: url(/images/sub/pattern02.jpg) left top repeat;display: flex;align-items: center;justify-content: center;border-right: 1px solid #e1e1e3;}
.simbol_box .imgArea img{display: inline-block;width: 100%;}
.simbol_box .btn_area{justify-content: flex-end;margin-top: 15px;margin-left: auto;margin-right: 0;}

.simbol01 .imgArea{height: 301px;padding: 30px 40px;}
.simbol_box .h311 .imgArea{height: 311px;}
.simbol_box .h191 .imgArea{height: 191px;}
.simbol02 .imgArea{padding: 0 60px;justify-content: flex-start;}

.simbol03 .first{width: 71%;margin-right: 0;display: flex;padding-right: 38px;}
.simbol03 .second{width: 29%;margin-right: 0;display: flex;}

.simbol03 .bol01, .simbol03 .bol02{width: calc(50% - 19px);margin-right: 38px;}
.simbol03 .bol03, .simbol03 .bol04{width: calc(50% - 21px);margin-right: 36px;}
.simbol03 .bol02, .simbol03 .bol04{margin-right: 0 !important;}
.simbol03 .imgArea{height: 311px;}
.simbol03 .bol04 .imgArea, .simbol03 .bol03 .imgArea{align-items: flex-start;padding-top: 37px;}
.color_box{display: flex;}
.color_box li{margin-right: 10px;width: calc(25% - 10px);}
.color_box li:last-child{margin-right: 0;}
.color_box .top{font-size: 14px;font-weight: 700;color:#fff;padding: 40px 0 6px 53px;background-image: url(/images/sub/ewp_color01.png);background-position: left 10px bottom 10px; background-repeat: no-repeat;}
.color_box .btm{font-size: 10px;padding:11px 9px}
.color_box .red .top{background-color: #ee1b2d;}
.color_box .blue .top{background-color: #094fa3;}
.color_box .dark .top{background-color: #77787b;}
.color_box .gray .top{background-color: #dcdddf;background-image: url(/images/sub/ewp_color02.png);color:#394c67}
.color_box .red .btm{border:1px solid #ee1b2d}
.color_box .blue .btm{border:1px solid #094fa3}
.color_box .dark .btm{border:1px solid #77787b}
.color_box .gray .btm{border:1px solid #dcdddf}

.simbol05{border-top: none;}
.simbol05>li{border-top: 1px solid #1977d0;border-left: 1px solid #d9d9d9;border-right: 1px solid #d9d9d9;padding: 26px 0;}

.office_map{height: 780px;background: url(/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(/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: 12px;}
.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-dots{position: absolute;left: 0;top:0;}
.office_map .slick-dots button{font-size: 16px;background: url(/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;}
.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: 140px;left: 58px;}/*당진발전*/
.office_map .dot02{top: 310px;left: 328px;}/*울산발전*/
/*.office_map .dot03{top: 381px;left: 119px;}호남발전*/
.office_map .dot03{top: 41px;left: 270px;}/*동해바이오발전*/
.office_map .dot04{top: 34px;left: 87px;}/*일산발전*/

.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: 415px;}
.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(/images/sub/chart_dot01.png);}
.chart_dot .dot02:before{background-image: url(/images/sub/chart_dot02.png);}
.chart_dot .dot03:before{background-image: url(/images/sub/chart_dot03.png);}
.chart_dot .dot04:before{background-image: url(/images/sub/chart_dot04.png);}

.video_flex{display: flex;padding: 40px 0;}
.video_flex .video{width: 980px;height: 550px;overflow: hidden;}
.video_flex .video_detail{width: calc(100% - 980px);height: 550px;overflow-y: scroll;background-color: #f5f5f5;padding: 24px 28px;line-height: 1.5;}

.management{display: flex;flex-wrap: wrap;}
.management>li{margin-right: 40px;width: calc(50% - 20px);border: 1px solid #d9d9d9;display: flex;position: relative;}
.management>li:nth-child(2n){margin-right: 0;}
.management>li:nth-child(n+3){margin-top: 40px;}
.management .org01{border-top:1px solid #1186e1}
.management .org02{border-top:1px solid #00a66c}
.management .org03{border-top:1px solid #0090a0}
.management .org04{border-top:1px solid #d96004}

.management .photo{width: 220px;background-color: #f5f5f5;display: flex;align-items: center;justify-content: center;}
.management .info{width: calc(100% - 220px);padding: 28px 32px 25px 32px;position: relative;}
.management .info:after{content: '';width: 51px;height: 32px;background: url(/images/sub/logo.png) center no-repeat;background-size:100%;position: absolute;right: 31px;top:25px;opacity: .1;}
.management .info .name{font-size: 20px;font-weight: 500;padding-bottom: 28px;background: url(/images/sub/pattern03.png) left bottom repeat-x;}
.management .info .name strong{color:#3a57c2;font-weight: 500;display: inline-block;margin-right: 5px;}
.management .info .name em{font-size: 14px;display: inline-block;font-weight: 300;}
.management .info .bullet_wrap{margin: 27px 0 0 3px;position: relative;}
.management .info .bullet_wrap:before{content: '';width: 1px;height: 100%;background-color: #d9d9d9;position: absolute;left: 75px;top:0;}
.management .info .bullet_wrap .item{font-size: 13px;color:#3a57c2;width: 82px;padding-top: 1px;}
.management .info .bullet_wrap .item:after{display: none;}
.management .info .bullet_wrap p{padding-left: 1px;width: calc(100% - 82px);}

.history{text-align: center;position: relative;}
.history:before{content: '';width: 1px;height: 620px;position: absolute;left: 50%;top:326px;background-color: #757575/*#cbcbcb*/;}
.history01{display:inline-block;width: 320px;height: 320px;border-radius: 50%;border:10px solid #e2e6f6;text-align: center;color:#fff;margin: 16px;position:relative;margin-bottom: 115px;}
.history01 img{width: 77px;}
.history01:before{content: '';width: 351px;height: 351px;border-radius: 50%;background: #f5f6fc;position: absolute;left: -26px;top:-26px;z-index: -1;}
.history01:after{content: '';width: 79px;height: 75px;background: url(/images/sub/history_dot.png) left top no-repeat;position: absolute;left: -49px;top:22px;}
.history01 div{width: 100%;height: 100%;background: url(/images/sub/history_01.png) center no-repeat;padding-top: 64px;position: relative;z-index: 5;}
.history01 .text{font-weight: 300;line-height: 1.6;margin: 14px 0 32px 0;}
.history01 .date{font-size: 18px;font-weight: 600;}

.history02{position: relative;height: 250px;}
.history02:before{content: '';width: calc(50% - 90px);height: 1px;background-color: #757575/*#cbcbcb*/;position: absolute;top:11px;}
.history02 .imgArea{position: absolute;top: 0;width: 320px;height: 360px;overflow: hidden;margin-top: -180px;}
.history_text{font-size: 18px;position: relative;display: flex;width: 50%;}
.history_text .date{color: #3a57c2;font-weight: 600;display: inline-block;position: relative;}
.history_text .date:before{content: '';width: 10px;height: 10px;border-radius: 50%;background:#3a57c2;position: absolute;top: 50%;margin-top: -5px;}
.history02.left .history_text{margin-left: auto;left: -4px;}
.history02.left .history_text .date{padding: 0 11px 0 20px;}
.history02.left .history_text .date:before{left:0;}
.history02.left:before, .history02.left .imgArea{left: 90px;}
.history02.right .history_text{flex-direction: row-reverse;right: -5px;}
.history02.right .history_text .date{padding: 0 20px 0 11px;}
.history02.right .history_text .date:before{right: -1px;}
.history02.right:before, .history02.right .imgArea{right: 90px;}

.history04{display: flex;padding-top: 71px;position: relative;}
.history04:before{content: '';width: 974px;height: 1px;background-color: #757575/*#cbcbcb*/;position: absolute;top: -6px;left: 50%;margin-left: -486px;}
.history04>div{position: relative;width: 33.333%;display: flex;justify-content: center;}
.history04>div:after{content: '';width: 39px;height: 39px;position: absolute;right:-19px;top:50%;margin-top: -19px;background: url(/images/sub/plus.png) center no-repeat;}
.history04>div:last-child:after{display: none;}
.history04 p{width: 185px;height: 185px;border-radius: 50%;border: 12px solid #1e2952;font-size: 18px;padding-top: 55px;position: relative;}
.history04 p:before{content: '';width: 10px;height: 10px;border-radius: 50%;background:#3a57c2;position: absolute;top: -40px;left:50%;margin-left: -3px;}
.history04 p:after{content: '';width: 1px;height: 50px;background:#757575/*#cbcbcb*/;position: absolute;bottom: 200px;left:50%;margin-left: 1px;z-index: -1;}
.history04 p .date{display: block;color:#3a57c2;font-weight: 600;margin-bottom: 6px;}

.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: #757575/*#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;}

.member_box{background: url(/images/sub/member_bg.jpg) center top no-repeat;width: 100%;height: 338px;display: flex;flex-wrap: wrap;color:#fff;padding: 45px 0 43px 0;}
.member_box .total_mem{width: 100%;font-size: 24px;text-align: center;padding-bottom: 48px;}
.member_box .total_mem strong{font-size: 34px;font-weight: 600;}
.member_box .mem_config{width: 25%;text-align: center;padding-top: 84px;background-position: center top;background-repeat: no-repeat;position: relative;}
.member_box .mem_config:before{content: '';width: 1px;height: 157px;position: absolute;right:0;top:0;background: url(/images/sub/pattern04.png) right top repeat-y;}
.member_box .mem_config p{font-size: 22px;font-weight: 500;}
.member_box .mem_config .number{font-size: 24px;font-weight: 600;display: block;margin-top: 13px;color:#fff;}
.member_box .config01{background-image: url(/images/sub/member_01.png);color:#ffa285}
.member_box .config02{background-image: url(/images/sub/member_02.png);color:#6efeda}
.member_box .config03{background-image: url(/images/sub/member_03.png);color:#ffdf8a}
.member_box .config04{background-image: url(/images/sub/member_04.png);color:#52e5ff}
.member_box .config04:before{display: none;}

.mem_chart{display: flex;}
.mem_chart li{width: 33.333%;text-align: center;}
.mem_chart li img{display: inline-block;}
.mem_bullet{display: flex;flex-wrap: wrap;text-align: left;margin: 20px auto 0 auto;}
.member01 .mem_bullet{width: 381px;}
.member02 .mem_bullet{width: 290px;}
.member03 .mem_bullet{width: 130px;}
.mem_bullet p{font-size: 14px;padding-left: 24px;position: relative;margin-top: 20px;}
.member01 .mem_bullet p{width: 127px;}
.member02 .mem_bullet p, .member03 .mem_bullet p{width: 80px;}
.member02 .mem_bullet p:nth-child(4n), .member03 .mem_bullet p:nth-child(2n){width: auto;}
.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(/images/sub/mem_bullet01.png);}
.mem_bullet .mem_bullet02:before{background-image: url(/images/sub/mem_bullet02.png);}
.mem_bullet .mem_bullet03:before{background-image: url(/images/sub/mem_bullet03.png);}
.mem_bullet .mem_bullet04:before{background-image: url(/images/sub/mem_bullet04.png);}
.mem_bullet .mem_bullet05:before{background-image: url(/images/sub/mem_bullet05.png);}
.mem_bullet .mem_bullet06:before{background-image: url(/images/sub/mem_bullet06.png);}
.mem_bullet .mem_bullet07:before{background-image: url(/images/sub/mem_bullet07.png);}
.mem_bullet .mem_bullet08:before{background-image: url(/images/sub/mem_bullet08.png);}
.mem_bullet .mem_bullet09:before{background-image: url(/images/sub/mem_bullet09.png);}
.mem_bullet .alert_p:before{width: 18px;height: 18px;}

.organization{background: #f5f5f5 url(/images/sub/organization_bg.png) center no-repeat;padding: 50px 33px;text-align: center;position: relative;z-index: 1;}
.organization:before{content: '';width: 1px;height: 457px;background: #757575;position: absolute;left: calc(50% - 1px);top: 200px;z-index: -1;}
.organ .mb{display:none;}
.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: 36px;color:#fff;font-weight: 600;text-align: center;line-height: 200px;border-radius: 50%;box-shadow: 8px 8px 5px rgba(0,0,0,.15);margin-bottom: 20px;}
.org_box .title{font-size: 20px;color:#fff;display:block;font-weight: 500;padding: 15px 40px;text-align: center;position: relative;}
.org_box .title:before{content: '';height: 1px;background: #757575;position: absolute;z-index: -1;}
.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;}
.org_box .sub:before{content: '';width: 1px;height: 35px;background: #757575;position: absolute;left: 50%;bottom: 45px;z-index: -1;}
.org_box .box{background-color: #fff;padding: 17px 20px 13px 20px;text-align: left;}
.org_box .box p{font-size: 13px;margin-bottom: 3px;}
.org_top .org_box{width: 230px;margin-top: 40px;}
.org_top .left{margin-right: 230px;width: 230px;}
.org_top .right{margin-left: 230px;width: 230px;}
.org_top .title:before{width: 230px;top: 50%;}
.org_top .left .title:before{right: -230px}
.org_top .right .title:before{left: -230px;}
.organization .position{position: absolute;right: 48px;top: 20px;}
.organization .position .org_box{margin-top: 0;}
.organization .position .title:before{display: none;}
.org_btm{margin-top: 60px;position: relative;}
.org_btm:before{content: '';height: 1px;background: #757575;position: absolute;left:50%;top: -31px;z-index: -1;width: 67.4%;transform:translateX(-50%);/*margin-left: -35.1%;*/}
.org_btm .org_box{width: 33.3%;display: flex;flex-wrap: wrap;margin-right: 15px;}
.org_btm .org_box:last-child{margin-right: 0;}
.org_btm .org_box .top{width: 100%;text-align: center;position: relative}
.org_btm .org_box .top:before{content: '';height: 1px;background: #757575;position: absolute;left:50%;bottom:-90px;z-index: -1;width: 68%;margin-left: -34%;}
.org_btm .org_box.org06 .top:before{width:44%;margin-left:0;transform:translateX(-50%);}
.org_btm .org_box .subtop{width:100%;text-align:right;margin-top:30px;}
.org_btm .org_box .subtit{position:relative;display:inline-block;width:180px;padding:12px 25px 10px;background:#de6814;color:#fff;text-align:center;}
.org_btm .org_box .subtit:before{content:'';position:absolute;top:20px;left:-48px;width:48px;height:1px;background:#757575;}
.org_btm .org_box .title{width: 270px;display: inline-block;}
.org_btm .org_box .title:before{width: 1px;height: 176px;left: 50%;top: -30px;}
.org_btm .org_box.org05 .title:before{top:0;height:146px;}
.org_btm .org_box .sub{margin-top:0;}
.org_btm .org_box .sub:before{height: 15px;}
.org_btm .org_box .box{padding: 18px 10px 10px 10px;}
.org_btm .org_box>div:not(.flex){width: calc(33% - 2px);margin-right: 5px;background-color: #fff;margin-top: 102px;}
.org_btm .org_box>div.mgt30{margin-top:30px;}
.org_btm .org_box>div:last-child{margin-right: 0;}
.org_btm .org_box>div.flex{width:100%;display:flex;justify-content:space-evenly;}
.org_btm .org_box>div.flex > div{width: calc(33% - 2px);}
.org02 .title{background-color: #1186e1;}
.org03 .title{background-color: #e21625;}
.org03 .sub{background-color: #e21625;}
.org04 .title{background-color: #00a66c;}
.org04 .sub{background-color: #5a9856;}
.org05 .title{background-color: #0090a0;}
.org05 .sub{background-color: #00a2b1;}
.org06 .title{background-color: #d96004;}
.org06 .sub{background-color: #de7614;}

.organization ul.pc{display:block;}   
.organization ul.mb{display:none;}
.organization ul li.dirR{justify-content:flex-end;margin-top:20px;margin-right:-24px}
.organization ul li.dirR .org_box{width:200px;margin-top:0;margin-right:24px;height:80px;}
.organization ul li.dirR .org_box span{display:flex;align-items:center;height:100%;justify-content:center;font-size:18px}
.organization ul li.dirR .org_box + .org_box{margin-right:0;}
.organization ul li.dirR .org_box .sub{margin-top:0;}
.organization02 .org_btm.flexct{margin:20px auto 0;width:100%;justify-content:space-between;}
.organization02 .org_btm.flexct .org_box{width:calc(100% / 9);}

.flexct .sub{display:flex;align-items:center;justify-content:center;width:100%;padding:18px 5px 14px;background-color:#fff;color:#242424}
.organization02 .org_btm.flexct .sub:before{height:120px;bottom:70px}
.organization02 .org_btm.flexct .org_box:nth-child(n + 7) .sub:before{height:70px;}
/*.organization02 .org_btm.flexct .org_box:last-child .sub:before{height:0;}*/
.organization02 .org_btm.rps{justify-content:flex-end;margin:20px 0 0;}
.organization02 .org_btm.rps > div{position:relative;height:73px;margin-right:222px;}
.organization02 .org_btm.rps > div:before{content:'';position:absolute;top:-113px;height:113px;width:1px;background:#757575;left:50%;z-index:-1;}

.organization02 ul li.ceo{position:relative;}
.organization02 ul li.ceo:after{display:block;content:'';clear:both;position:absolute;bottom:0;width:89.1%;height:1px;background:#757575}
.organization02 .org_top .title:before{width:1px;height:20px;top:-20px;}
/*.organization02 .org_top .org_box:nth-child(2) .title:before{height:200px;left:50%;transform:translateX(-50%);}*/

.organization01:before{height: 360px;}
.organization01 .org_btm .org_box>div{min-height: 216px;}

.organization02{padding: 50px 53px;}
.organization02:before{height: 20px;top:250px;}
.organization02 .org_top .org_box{margin-top: 30px;}
.organization02 .org02 .sub{border: 1px solid #1186e1;font-size:14px;font-weight:normal}
.organization02 .org_btm{margin-top: 105px;}
.organization02 .org_btm:before{display:none;}

.organ{background: #f5f5f5 url(/images/sub/organization_bg.png) center no-repeat;padding: 50px 33px;text-align: center;position: relative;z-index: 1;}
.organ ul{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end}
.organ ul li.orgType01{display:flex;justify-content:center;}
.organ ul li.ceo{position:relative;width:100%;display:flex;justify-content:center;margin-bottom:20px;}
.organ ul li.ceo:before{display:block;content:'';clear:both;position:absolute;bottom:0px;left:50%;width:1px;height:20px;background:#757575;}
.organ ul li.ceo:after{display:block;content:'';clear:both;position:absolute;bottom:0;width:1248px;height:1px;background:#757575;left:50%;transform:translateX(-50.9%);}
.ceo span{width: 200px;height: 200px;background: url(/images/sub/org01_bg.png) center no-repeat;font-size: 36px;color: #fff;font-weight: 600;text-align: center;line-height: 200px;border-radius: 50%;box-shadow: 8px 8px 5px rgba(0,0,0,.15);margin-bottom: 20px;}
.organ .org_btm{margin-top:0;}
.organ .org_btm:before{display:none;}
.organ .bx{position:relative;}
.organ .bx + .bx,
.organ ul li ul li + li{margin-left:5px}
.organ .sub{display:flex;width:122px;align-items:center;justify-content:center;height:74px;border:solid 1px #1186e1;font-size:15px;font-weight:normal;background:#fff;color:#242424;padding:18px 10px}
.organ .title{position:relative;width:100%;height:65px;margin:0 auto 100px;}
.organ .title span{position:absolute;width:170px;display:flex;align-items:center;height:100%;justify-content:center;font-size:18px;background-color:#0090a0;color:#fff;}
.organ .title span:before{display:block;content:'';clear:both;position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:1px;height:20px;background:#757575;}
.organ .bx:after{display:block;content:'';clear:both;position:absolute;top:-16px;left:50%;transform:translateX(-50%);width:1px;height:16px;background:#757575;}
.organ .orgType01 .bx:after{height:186px;top:-186px;}
.organ .orgType01 .bx:nth-child(n+8):after{height:16px;bottom:74px;top:auto}
.organ .orgType01 .bx:nth-child(8):before{display:block;content:'';clear:both;position:absolute;left:-65px;top:-16px;width:380px;height:1px;background:#757575}

.organ .orgType02{position:relative;top:-74px;left:-402px}
.organ .orgType02 .title span{background:#c85700}
.organ .orgType02 .title span:before{height:20px;z-index:-1;background:#c85700}
.organ .orgType03{position:relative;width:0;top:-74px;left:-225px}
.organ .orgType03 .title span{background:#00a66c}
.organ .orgType03 .title span:before{background:#00a66c}
.organ .orgType04 .sub{border-color:#0090a0}
.organ .orgType04 .title span{right:0;}
.organ .orgType04 .title span:before{height:185px;z-index:-1;background:linear-gradient(180deg, #757575, #184c52)}
.organ .orgType04 .bx:after{display:none;}

.arrow_bg{position: relative;}
.arrow_bg:before{content: '';width: 1223px;height: 300px;background: url(/images/sub/ceo_back.png) center top no-repeat;position: absolute;left: 50%;top: 80px;margin-left: -611px;background-size: 100%;}
.ceo_top{text-align: center;}
.ceo_top .company_title{font-size: 0;line-height: 0;width:652px;height:75px;background: url(/images/sub/company_title01.png) center top no-repeat;background-size: 100%;display: inline-block;}
.ceo_top .titie{font-size: 30px;position: relative;}
.ceo_circle{text-align: center;margin-top: 105px;}
.ceo_circle .bg{width: 515px;height: 515px;border-radius: 50%;background: url(/images/sub/ceo_bg.png) center no-repeat;display: inline-block;position: relative;background-size: 100%;}
.ceo_circle span{position: absolute;width: 140px;height: 140px;border-radius: 50%;}
.ceo_circle span em{font-size: 30px;font-weight: 500;text-align: center;background-color: #fff;width: 120px;height: 120px;border-radius: 50%;line-height: 119px;display: block;margin: 10px;}
.ceo_circle .circle01{background: linear-gradient(to right, #f12b44, #b00f23);top: -2px;left: 50%;margin-left: -70px;}
.ceo_circle .circle02{background: linear-gradient(to right, #08bcca, #037e88);left:24px;bottom:83px;}
.ceo_circle .circle03{background: linear-gradient(to right, #0c81ee, #04549e);right:24px;bottom:83px;}
.ceo_policy{margin-top: 40px;display: flex;}
.ceo_policy>li{margin-right: 40px;width: calc(33.333% - 20px);padding: 120px 10px 25px 20px;}
.ceo_policy>li:last-child{margin-right:0}
.ceo_policy .title{font-size: 20px;font-weight: 500;text-align: center;margin-bottom: 25px;}
/* .ceo_policy .title br{display: none;} */
.ceo_policy .text{margin-top: 15px;}
.ceo_policy .bullet01{font-size: 14px;}
.ceo_policy .policy01{border:1px solid #b00f23;background:url(/images/sub/ceo_policy01.png) center top 34px no-repeat;}
.ceo_policy .policy02{border:1px solid #07aeba;background:url(/images/sub/ceo_policy03.png) center top 34px no-repeat;}
.ceo_policy .policy03{border:1px solid #1977d0;background:url(/images/sub/ceo_policy02.png) center top 34px no-repeat;}
.ceo_policy .policy01 .title{color:#b00f23}
.ceo_policy .policy02 .title{color:#07aeba}
.ceo_policy .policy03 .title{color:#1977d0}
/* CEO경영방침 */
.ceo_energy.ceo_circle{margin-top: 0;}
.ceo_energy.ceo_circle span em{line-height: 1.2em;padding-top: 25px;}

/*.talent{margin-top: 90px;}*/
.talent>li{display: flex;align-items: center;margin-bottom: 135px;}
.talent>li:last-child{margin-bottom: 0;}
.talent>li>div{width: calc(100% - 262px);}
.talent .gubun{width: 262px;font-size: 24px;color:#3a57c2;font-weight: 600;background: url(/images/sub/gubun_arrow.png) left 113px center no-repeat;}
.talent .ceo_top{margin-top: -15px;}
.talent .ceo_top:before{top:115px;}
.talent .ceo_top .company_title{width:980px;height: 75px;}
.talent .ceo_top .titie{font-size: 22px;}

.flex_circle{display: flex;margin-top: 0;justify-content: space-between;}
.flex_circle span{position: relative;left: auto !important;top: auto !important;bottom: auto !important;right: auto !important;margin: 0;width: 273px;height: 273px;display: block;margin: 14px;border-radius: 50%;}
.flex_circle span:before{content: '';width: 299px;height: 299px;background: #fff;border: 1px solid #dbdbdb;border-radius: 50%;position: absolute;left: -14px;top: -14px;z-index: -1;}
.flex_circle span:after{content: '+';font-size:58px;font-weight:600;color:#1c2750;position: absolute;top: 50%;right: -38%;margin-top: -37px;}
.flex_circle span em{margin: 13px;width: 247px;height: 247px;font-size: 18px;font-weight: 500;color:#fff;line-height: 1.5;padding-top: 103px;display: block;border-radius: 50%;text-align: center;}
.flex_circle .circle01{margin-left: 14px;}
.flex_circle .circle01:after{display: none;}
.flex_circle .circle01 .img_circle{background: url(/images/sub/talent_circle03.png) center no-repeat;}
.flex_circle .circle02 .img_circle{background: url(/images/sub/talent_circle01.png) center no-repeat;}
.flex_circle .circle03 .img_circle{background: url(/images/sub/talent_circle02.png) center no-repeat;}
.talent .pointP_Sub{text-align: center;font-size: 32px;font-weight: 300;}

.conduct{display: flex;justify-content: space-between;}
.conduct span{font-size: 18px;text-align: center;position: relative;}
.conduct span:after{content: '';width: 2px;height: 82px;background: url(/images/sub/pattern05.png) left top repeat-y;position: absolute;right:-49px;top:34px;}
.conduct span:last-child:after{display: none;}
.conduct span .img{width: 135px;height: 135px;border-radius: 50%;display: block;margin: 7px;position: relative;margin-bottom: 20px;}
.conduct span .img:before{content: '';width: 149px;height: 149px;background-color: #fff;border: 1px solid #e4eaef;border-radius: 50%;position: absolute;left: -7px;top:-7px;z-index: -1;}
.conduct .conduct01 .img{background: #e4eaef url(/images/sub/conduct01.png) center no-repeat;}
.conduct .conduct02 .img{background: #e4eaef url(/images/sub/conduct02.png) center no-repeat;}
.conduct .conduct03 .img{background: #e4eaef url(/images/sub/conduct03.png) center no-repeat;}
.conduct .conduct04 .img{background: #e4eaef url(/images/sub/conduct04.png) center no-repeat;}
.conduct .conduct05 .img{background: #e4eaef url(/images/sub/conduct05.png) center no-repeat;}

.director_info{display: flex;flex-wrap: wrap;position: relative;}
.director_info:before{content: '';width: 409px;height: 271px;background: url(/images/sub/logo_shadow.png) center no-repeat;position: absolute;left: 50%;top:50%;margin: -135px 0 0 -204px;background-size: 100%;}
.director_info>li{margin-right: 30px;width: calc(50% - 15px);height: 201px;background-color: #fafafa;background-repeat: no-repeat;display: flex;align-items: center;}
.director_info>li:nth-child(2n){margin-right: 0;}
.director_info>li:nth-child(n+3){margin-top: 30px;}
.director_info .title{font-size: 24px;font-weight: 500;}
.director_info .text{font-size: 16px;margin-top: 15px;line-height: 1.5;}
.director_info .director01{background-image: url(/images/sub/info_i02.png);border:1px solid #1a244a;}
.director_info .director02{background-image: url(/images/sub/info_i18.png);border:1px solid #07aeba;}
.director_info .director03{background-image: url(/images/sub/info_i17.png);border:1px solid #1977d0;}
.director_info .director04{background-image: url(/images/sub/info_i07.png);border:1px solid #ad0f22;}
.director_info .director01, .director_info .director03{background-position: left 65px center;padding-left: 190px;}
.director_info .director02, .director_info .director04{background-position: right 65px center;padding-right: 180px;text-align: right;justify-content: flex-end;}

/*.safty_policy{padding: 50px 0;}*/
.document{background-color: #fff;box-shadow: 0 0 15px rgba(0,0,0,.15);max-width: 1130px;width:100%;margin: 0 auto;padding: 23px;}
.document:before{content: '';width: 430px;height: 273px;background: url(/images/sub/logo.png) center no-repeat;background-size: 100%;position: absolute;left: 50%;top:50%;margin: -136px 0 0 -215px;opacity: 0.04;z-index: 5;}
.document_inner{text-align: center;position: relative;overflow: hidden;background-color:#d2d4dc;padding: 6px;}
.document_inner .line{width: 100%;height: 100%;padding: 94px 85px;background-color: #fff;}

.document_inner .side{width: 118px;height: 118px;background-color: #fff;border:6px solid #d2d4dc;border-radius: 50%;display: block;position: absolute;}
.document_inner .side.top{top: -64px;}
.document_inner .side.bottom{bottom: -64px;}
.document_inner .side.left{left: -64px;}
.document_inner .side.right{right: -64px;}

.natural_title{font-size: 46px;font-weight: 600;color:#000;display: inline-block;letter-spacing: -3px;padding-bottom: 34px;position: relative;background: url(/images/sub/pattern06.png) left bottom repeat-x;}
.natural_title br{display: none;}
.natural_title span{display: block;font-weight: 300;}
.document .text{font-size: 17px;line-height: 1.8;margin-top: 35px;}
.num_list{display: flex;margin: 52px 0 55px 0;position: relative;padding: 57px 0 45px 0;justify-content: space-around;}
.num_list:before, .num_list:after{content: '';width: 100%;height: 2px;background: url(/images/sub/pattern07.png) left top repeat-x;position: absolute;left: 0;top:0;}
.num_list:after{top:auto;bottom:0}
.num_list li{position: relative;padding-top: 120px;}
.num_list li:before{content: attr(data-num);font-size: 32px;color:#fff;font-weight: 600;width: 90px;height: 90px;border-radius: 50%;background: #3494ee;position: absolute;left: 50%;top:0;margin-left: -45px;line-height: 90px;}

.colorline_box{display: flex;}
.colorline_box>div{margin-right: 20px;width: calc(25% - 10px);padding: 118px 20px 20px 20px;}
.colorline_box>div:last-child{margin-right: 0 !important;}
.colorline_box .inner{width: 100%;}
.colorline_box .title{font-size: 20px;font-weight: 500;text-align: center;margin-bottom: 15px;}
.colorline_box .bullet01{margin-bottom: 3px;}
.colorline_box .bullet01:last-child{margin-bottom: 0;}
.colorline_box .color01{border:1px solid #1c2750;background: url(/images/sub/info_i21.png) center top 40px no-repeat;}
.colorline_box .color02{border:1px solid #b00f23;background: url(/images/sub/info_i08.png) center top 34px no-repeat;}
.colorline_box .color03{border:1px solid #07aeba;background: url(/images/sub/info_i10.png) center top 34px no-repeat;}
.colorline_box .color04{border:1px solid #1977d0;background: url(/images/sub/info_i05.png) center top 34px no-repeat;}

.propulsion_system>li{margin-bottom: 40px;}
.propulsion_system>li.first{margin: 70px 0;}
.propulsion_system>li.second{margin-bottom: 80px;}
.propulsion_system>li.third{margin-bottom: 100px;}

/* 안전혁신 추진체계 수정22_02_11  */
.p_system_wrap>li{margin-bottom: 60px;}
.p_system_wrap .p_system01 .title{font-size: 28px;font-weight: 600;color: #fff;text-align: center;padding:20px 20px 18px;min-height: 75px;background: linear-gradient(to right, #05a6aa, #0076c0);position: relative;}
.p_system_wrap .p_system01 .title:before{content: '';background: linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,0) 60%), linear-gradient(to right, rgba(5,166,170), rgba(0,118,192));opacity: 10%;z-index: -1;width: 100%;height: 400px;position: absolute;left: 0;}
.p_system_wrap .liner_box .color{background: #fff;font-weight: 500;}
.p_system_wrap .liner_box .color01{border: 1px solid #089791;color: #089791;}
.p_system_wrap .liner_box  .color02{border: 1px solid #1385bb;color: #1385bb;}
.p_system_wrap .liner_box  .color03{border: 1px solid #0768ac;color: #0768ac;}
.p_system_wrap .liner_box  .color04{border: 1px solid #355bac;color: #355bac;}
.p_system_wrap .p_system03{align-items: flex-start;}
.p_system_wrap .p_system03 .gubun{background-position: left 113px top 18px;}
.p_system_wrap .p_system03 .liner_box{flex-wrap: wrap;width: calc(100% - 262px);justify-content: space-between;text-align: center;}
.p_system_wrap .p_system03 .liner_box li{display: flex;width: calc((100% - 90px) / 4);border: 1px solid #d9d9d9;background: #fff;padding: 15px 20px 15px;min-height: 55px;justify-content: space-between;line-height: 23px;align-items: center;}
.p_system_wrap .p_system03 .liner_box li:nth-child(n+5){margin-top: 10px;}
.p_system_wrap .p_system03 .liner_box li div{display: flex;flex-direction: column;}
.p_system_wrap .p_system03 .liner_box li div i:nth-child(2){margin-top: 7px;}
.p_system_wrap .liner_box i{background: #ccc;background-position: center;background-repeat: no-repeat;width: 8px;height: 8px;border-radius: 50%;display: inline-block;}
.p_system_wrap .tactic_icon li{padding-left: 3px;font-size: 13px;font-weight: 500;color: #242424;line-height: 20px;display: flex;margin-top: 10px;}
.p_system_wrap .tactic_icon i{background: #ccc;background-position: center;background-repeat: no-repeat;width: 20px;height: 20px;border-radius: 50%;display: inline-block;margin-right: 7px;}
.p_system_wrap i.tac_env{background-image: url(/images/sub/dot_env.jpg);}
.p_system_wrap i.tac_soc{background-image: url(/images/sub/dot_soc.jpg);}
.p_system_wrap i.tac_gov{background-image: url(/images/sub/dot_gov.jpg);}
.p_system_wrap .p_system04{margin-top: 110px;}
.p_system_wrap .p_system04 .arrow_bg{text-align: center;}
.p_system_wrap .p_system04 .arrow_bg:before{background-size: 40%;top: -90px;z-index: -1;}
.p_system_wrap .p_system04 .arrow_bg em{color: #0768ac;font-weight: 600;}
.p_system_wrap .p_system04 .title{border: 4px solid transparent;background-image: linear-gradient(#fff, #fff),linear-gradient(to right, #05a6aa 0% , #0076c0 100%);background-origin: border-box;background-clip: content-box, border-box;min-height: 75px;font-size: 28px;font-weight: 600;margin-bottom: 20px;}
.p_system_wrap .p_system04 .title span{padding: 15px 10px;display: inline-block;}
.p_system_wrap .p_system04 .text{font-size: 13px;letter-spacing: 0;}
.p_system_wrap .pointP_Sub br{display: none;}
.p_system_wrap .p_system07 .item01{background-image: url(/images/sub/info_i10.png);background-position: top 24px center;}
.p_system_wrap .p_system07 .item02{background-image: url(/images/sub/dangermanage_icon01.png);background-position: top 34px center;}
.p_system_wrap .p_system07 .item03{background-image: url(/images/sub/dangermanage_icon02.png);background-position: top 30px center;}
.p_system_wrap .p_system07 .item04{background-image: url(/images/sub/mission_icon03.png);background-position: top 29px center;}
.p_system_wrap .p_system07 .item05{background-image: url(/images/main/risk_manage05.png);background-position: top 27px center;}



.gray_item_box{display: flex;justify-content: space-between;}
.gray_item_box .item{padding: 100px 10px 15px;min-height: 200px;background: #eee;text-align: center;width: calc((100% - 80px) / 5);background-repeat: no-repeat;background-position: top center;}
.gray_item_box .item .title{font-size: 16px;font-weight: 500;margin-bottom: 14px;}
.gray_item_box .item .text{font-size: 14px;}


.liner_box{display: flex;justify-content: space-around;}
.liner_box>div{margin-right: 30px;width: calc(33% - 16px);min-height: 75px;display: flex;align-items: center;justify-content: center;padding: 10px;}
.liner_box>div:last-child{margin-right: 0 !important;}
.liner_box .color01{border:1px solid #1977d0;}
.liner_box .color02{border:1px solid #07aeba;}
.liner_box .color03{border:1px solid #b00f23;}
.liner_box .title{font-size: 18px;text-align: center;}

.line01 .title{padding-left: 58px;position: relative;}
.line01 .title:before{content: '';position: absolute;left:0;top:0}
.line01 .color01 .title:before{width:47px;height:49px;background: url(/images/sub/line_icon01.png) left center no-repeat;top: 50%;margin-top:-24px;background-size: 100%;}
.line01 .color02 .title:before{width:33px;height:35px;background: url(/images/sub/line_icon02.png) left center no-repeat;left: 14px;top: 50%;margin-top:-20px;background-size: 100%;}
.line01 .color03 .title:before{width:40px;height:38px;background: url(/images/sub/line_icon03.png) left center no-repeat;left: 13px;top: 50%;margin-top:-19px;background-size: 100%;}

.line02>div{justify-content: flex-start;padding: 19px 30px;}
.line02>div .bullet01{margin-bottom: 4px;}
.line02>div .bullet01:last-child{margin-bottom: 0;}

.system_inner{display: flex;align-items: center;}
.system_inner .left{margin-right: 50px;}
.system_inner .right{margin-left: 50px;}
.system_inner .agency_ilne p{padding-top: 108px;text-align: center;position: relative;width: 100px;}
.system_inner .agency_ilne p:nth-child(2n){margin-top: 33px;}
.system_inner .agency_ilne p:before{content: '';width: 100%;height: 100px;border-radius: 50%;background-color: #eee;position: absolute;left: 0;top:0;background-position: center;background-repeat: no-repeat;}
.system_inner .agency_ilne .agency01:before{background-image: url(/images/sub/system_icon01.png);}
.system_inner .agency_ilne .agency02:before{background-image: url(/images/sub/system_icon02.png);}
.system_inner .agency_ilne .agency03:before{background-image: url(/images/sub/system_icon03.png);}
.system_inner .agency_ilne .agency04:before{background-image: url(/images/sub/system_icon04.png);}
.system_inner .agency_ilne p:after{content: '';width: 45px;height: 7px;background: url(/images/sub/system_arrow.png) center no-repeat;position: absolute;top: 40%;margin-top: -3px;background-size: 100%;}
.system_inner .agency_ilne.left p:after{right: -60px;}
.system_inner .agency_ilne.right p:after{left: -60px;}

.system_inner .center{width: calc(100% - 300px);}
.system_inner .center .border{padding: 28px 25px 20px 25px;background-color: #eee;}
.system_inner .title{font-size: 24px;font-weight: 500;width: 100%;text-align: center;margin-bottom: 26px;}
.system_inner .center ul{display: flex;}
.system_inner .center ul li{background-color: #fff;margin-right: 20px;width: calc(33% - 5px);padding: 10px;}
.system_inner .center ul li:last-child{margin-right: 0 !important;}
.system_inner .center .border .box:first-child{margin-top:0;background-color: #1c2750;border:1px solid #1c2750;color:#fff;}
.system_inner .center .box{font-size: 16px;border:1px solid #cfcfcf;text-align: center;padding: 14px 0;margin-top: 10px;}
.system_inner .center .bullet_box{padding: 17px 0 3px 12px;}
.system_inner .center .box_detail{display: flex;position: relative;}
.system_inner .center .box_detail:before {content: '';width: 591px;height: 94px;background: url(/images/sub/system_back.png) center top no-repeat;position: absolute;left: 50%;top: 68px;margin-left: -328px;background-size: 100%;}
.system_inner .center .box_detail .box{margin-right: 20px;width: calc(25% - 15px);margin-top: 20px;position: relative;}
.system_inner .center .box_detail .box:before{content: '';width: 1px;height: 20px;background-color: #1c2750;position: absolute;left: 50%;top: -20px;}
.system_inner .center .box_detail .box:last-child{margin-right: 0 !important;}

.safty_policy{margin-top: 0;}
.certification_img{margin: 75px 0 40px 0;display: inline-block;width: 100%;max-width: 774px;}

.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: 650px;height: 450px;overflow: hidden;}
.flex_img .textArea{width: calc(100% - 700px);}
.flex_img .left .textArea{margin-left: 50px;}
.flex_img .right .textArea{margin-right: 50px;}
.safemem_table td{padding: 30px 25px;}
.safemem_table .bullet_num{font-size: 15px;}
.safemem_table .bullet_num:last-child{margin-bottom: 0;}

.environ_list{margin-top: 70px;}
.environ_list>li{margin-bottom: 45px;}
.environ_vision{justify-content: center;display: flex;}
.environ_vision .history01{width: 440px;height: 440px;border: none;margin: 38px;}
.environ_vision .history01:before{background: rgba(35, 148, 253, 0.08);width: 515px;height: 515px;left: -38px;top: -38px;}
.environ_vision .history01 div{background: url(/images/sub/environ_vision.png) center no-repeat;background-size: 100%;}
.environ_vision .history01:after{display: none;}
.environ_vision .history01 .text{font-size: 24px;color:#1c2750;font-weight: 600;}

.envior_circle{margin-top: 30px;}
.envior_circle:before{top: -100px;}
.environ_list .envior_circle span em{background: #fff;font-size: 22px;color:#242424;padding-top: 130px;}
.environ_list .envior_circle span em.small{margin: 0;width: auto;height: auto;padding-top: 8px;font-size: 15px;background: none !important;font-weight: 300;}
.environ_list .envior_circle span:after{display: none;}

.environ_list .envior_circle .circle01 em{background: #fff url(/images/sub/environ_icon03.png) center top 50px no-repeat;}
.environ_list .envior_circle .circle02 em{background: #fff url(/images/sub/environ_icon02.png) center top 47px no-repeat;}
.environ_list .envior_circle .circle03 em{background: #fff url(/images/sub/environ_icon01.png) center top 46px no-repeat;}

.environ_list .liner_box>div{margin-right: 140px;}

.complaint{text-align: center;}
.complaint .document_inner{background: linear-gradient(130deg, #e8c976, #f7eda0, #e0b660, #f6eb9e, #e0b660, #f1de8e);}
.complaint .document_inner .side{border: none;background: linear-gradient(130deg, #e8c976, #f7eda0, #e0b660, #f6eb9e, #e0b660, #f1de8e);}
.complaint .document_inner .side:before{content: '';width: 106px;height: 106px;background-color: #fff;position: absolute;right: 6px;bottom: 6px;border-radius: 50%;}
.complaint .document_inner .side:after{content: '';width: 83px;height: 82px;background: url(/images/sub/complaint_bg.png) center no-repeat;position: absolute;}

.complaint .document_inner .side.top.left:after{transform: rotate(90deg);right: -46px;bottom: -42px;}
.complaint .document_inner .side.top.right:after{transform: rotate(177deg);left: -46px;bottom: -42px;}
.complaint .document_inner .side.bottom.left:after{right: -46px;top: -42px;}
.complaint .document_inner .side.bottom.right:after{transform: rotate(-90deg);left: -46px;top: -42px;}

.complaint .num_list{display: block;padding-left: 30px;margin-bottom: 0;padding-bottom: 0;}
.complaint .num_list:after{display: none;}
.complaint .num_list li{font-size: 16px;padding: 0 0 0 54px;text-align: left;margin-bottom: 30px;line-height: 1.6;}
.complaint .num_list li:last-child{margin-bottom: 0;}
.complaint .num_list li:before{left: 0;top:50%;margin: -20px 0 0 0;width: 40px;height: 40px;font-size: 16px;color:#634c13;line-height: 40px;text-align: center;background: linear-gradient(130deg, #f5e999 34%, #d9b43b);}
.logo_text{font-size: 0;line-height: 0;width: 400px;height: 47px;background: url(/images/sub/logo_text.jpg) center no-repeat;display: inline-block;margin-top: 121px;}

.category{display: flex;justify-content: flex-end;}
.category span{font-size: 14px;padding-left: 25px;margin-left: 28px;position: relative;}
.category span:before{content: '';width: 17px;height: 17px;position: absolute;left: 0;top:0;}
.category .category01:before{background: url(/images/sub/accident_category01.jpg) center no-repeat;}
.category .category02:before{background: #aaa;}

.graph_area{border: 1px solid #1c2750;border-top:none;border-right:none;margin-left: 60px;display: flex;height: 450px;align-items: flex-end;position: relative;}
.graph_area>li{width: 20%;position: relative;height: 100%;}
.graph_area>li.first{width: 100%;position: absolute;left: -60px;top: 33%;}
.graph_area>li.first span{display: block;width: 100%;font-weight: 500;height: 33%;padding-left: 30px;position: relative;}
.graph_area>li.first span:before{content: '';position: absolute;left:60px;top:10px;width:100%;border-bottom: 1px dotted #1c2750;height: 1px;}
.graph_box{display: flex;justify-content: center;align-items: flex-end;overflow: hidden;height: 100%;}
.graph_box span{width: 55px;margin-right: 10px;}
.bar_gauge{background: url(/images/sub/accident01.jpg) left bottom repeat;box-shadow: 5px 5px 5px rgba(0,0,0,.24);position: relative;}
.graph_bg {background: #aaa;}
.score{font-size: 16px;color:#fff;background: url(/images/sub/graph_bg.png) center no-repeat;width: 63px;height: 67px;display: block;position: absolute;left: 50%;top:-71px;margin-left: -31px;font-weight: 500;padding: 19px 0 0 13px;background-size:100%}
.remark{position: absolute;left: 50%;bottom:-33px;font-weight: 500;transform: translateX(-50%);}
.source{display: flex;justify-content: flex-end;margin-top: 70px;width: 100%;}
.source .bullet01{margin: 0;margin-left: 30px;}

/*ceo인사말*/
.ceo_greeting .pointP_Sub{font-size: 42px;font-weight: 300;}
.ceo_greeting .pointP_Sub em{font-weight: 500;}
.ceo_greeting .top{background: url(/images/sub/ceo_bg2.jpg) center top no-repeat;width: 100%;height: 135px;position: relative;display: flex;align-items: center;justify-content: center;margin: 30px 0 45px 0;}
.ceo_greeting .top:before{content: '';width: 263px;height: 283px;background: url(/images/sub/ceo_img.png?var=20241104) center bottom no-repeat;background-size:100%;position: absolute;left: 85px;bottom: 0;}
.ceo_greeting .top:after{content: '';width: 633px;height: 223px;background: url(/images/sub/ceo_right_bg.png) center bottom no-repeat;background-size:100%;position: absolute;right:0;bottom: 0;}
.ceo_greeting .top p{font-size: 22px;font-weight: 300;line-height: 1.6;position: relative;z-index: 1;}
.ceo_greeting .btm p{font-size: 18px;margin-bottom: 25px;line-height: 1.5;}
.ceo_greeting .btm p:last-child{margin-bottom: 0;}

/* 핵심가치 이전 */
.value_slogan{display:flex;justify-content:space-between;padding:46px 0 0px;height:725px;position: relative;background:url(/images/sub/value_slogan_bg.png) 50% 50% no-repeat;}
.value_slogan li{position:relative;display:flex;z-index:1;}
.value_slogan li:before{position:absolute;z-index: -2;line-height:1.6;}
.value_slogan .value01{margin-top:-40px}
.value_slogan .value01:before{left:0;top:290px;width:225px;content: '경영 효율화와 일하는 방식의 혁신을 기반으로 경쟁력을 강화하고 미래 에너지산업의 신성장동력을 창출';}
.value_slogan .value02{align-items:flex-end}
.value_slogan .value02:before{right:260px;bottom:48px;width:270px;text-align:right;content: '협력사를 포함한 동서발전과 관계있는 모든 사람의 안전을 최우선하며, 안전보건 및 재난대응과 관련된 사항은 언제 어디서든 절대적으로 지켜야할 원칙임을 강조';}
.value_slogan .value03{align-items:center}
.value_slogan .value03:before{right:134px;top:180px;width:236px;content:'친환경 에너지 전환 선도라는 비전에 부합하도록 환경의 중요성을 강조하여 직원들에게 바람직한 업무 수행의 우선 가치로 제시'}
.value_slogan .value04:before{left:254px;top:0px;width:265px;content:'협력사, 자회사, 지역사회 등 이해관계자와 동반성장 할 수 있는 생태계를 조성하고, 실질적인 자원활동을 통해 공기업으로서 사회적 가치를 실현'}
.value_slogan .value05{align-items:flex-end}
.value_slogan .value05:before{right:262px;bottom:30px;width:196px;text-align:right;content:'세대별, 직급별, 직군별로 임직원들에게 공정하게 기회가 주어지고, 청렴을 바탕으로 한 적극적 직무수행으로 신뢰받는 조직문화를 구현'}

.value_slogan .title{display: flex;font-size: 28px;font-weight: 600;justify-content: center;align-items: flex-end;padding-bottom: 45px; width: 227px;height: 270px;color: #fff;z-index: -1;background-image: url(/images/sub/value_slogan_item01.png);background-position: left bottom;background-repeat: no-repeat;background-size: contain;}
.value_slogan .text{display:none;}
.value_slogan .value01 .title{background-image: url(/images/sub/value_slogan_item05.png);}
.value_slogan .value02 .title{width:227px;background-image: url(/images/sub/value_slogan_item01.png);}
.value_slogan .value03 .title{background-image: url(/images/sub/value_slogan_item02.png);}
.value_slogan .value04 .title{background-image: url(/images/sub/value_slogan_item03.png);}
.value_slogan .value05 .title{background-image: url(/images/sub/value_slogan_item04.png);}

.value_info{margin-top: 30px;display: flex;flex-wrap: wrap;}
.value_info li{margin-right: 30px;width: calc(50% - 15px);display: flex;align-items:center;padding: 45px 25px 40px 50px;background:#fafafa;}
.value_info li:nth-child(2n){margin-right: 0;}
.value_info li:nth-child(n+3){margin-top: 30px;}
.value_info .title{font-size: 20px;font-weight: 500;padding-top: 78px;margin-right: 40px;}
.value_info .text{line-height: 1.4;}
.value_info .bullet01{margin-top: 25px;}
.value_info .value01{border:1px solid #0da95e;}
.value_info .value02{border:1px solid #e1253d;}
.value_info .value03{border:1px solid #0b7ce6;}
.value_info .value04{border:1px solid #08b0bd;}
.value_info .value01 .title{background: url(/images/sub/info_i08.png) center top no-repeat;}
.value_info .value02 .title{background: url(/images/sub/info_i05.png) center top no-repeat;}
.value_info .value03 .title{background: url(/images/sub/info_i14.png) center top no-repeat;}
.value_info .value04 .title{background: url(/images/sub/ewp04.png) center top 7px no-repeat;background-size: 56px;}
/* 핵심가치 이전 끝 */

/* 핵심가치 250403 */
.value_wrap .imgArea{width:650px;margin:0 auto 80px;}
.value_wrap .imgArea img{max-width:100%}
.value_wrap .textArea ul{display:flex;justify-content:space-between;}
.value_wrap .textArea ul li{position:relative;width:28%}
.value_wrap .textArea ul li:not(:last-child):after{content: '';width: 2px;height: 82px;background: url(/images/sub/pattern05.png) left top repeat-y;position: absolute;right:-49px;top:50%;transform:translateY(-50%);}
.value_wrap .textArea .title{margin-bottom:24px;font-size:20px;text-align:center;}
.value_wrap .textArea .title strong{font-size:22px;}
.value_wrap .textArea .tag{padding:0 5px;margin-top:14px;}
.value_wrap .textArea .tag > span{display:inline-block;padding:6px 14px;margin-left:6px;border-radius:3px;background:#e9ebed;text-align:center;font-size:14px;}
.value_wrap .textArea .tag > span:nth-child(2){background:#ceeceb;}
.value_wrap .textArea .tag > span:nth-child(3){background:#c1dadc;}
/* 핵심가치 250403 끝 */

/*경영목표 및 전략방향*/
.strategy{margin-top: 40px;}
.strategy>div{padding: 107px 20px 23px 20px;}
.strategy .text{font-size: 16px;text-align: center;line-height: 1.8;display: flex;flex-wrap: wrap;justify-content: center;}
.strategy .text span{font-size: 14px;}
.strategy .color01{border:1px solid #e1253d;background: url(/images/sub/conduct05.png) center top -7px no-repeat;}
.strategy .color02{border:1px solid #47524c;background: url(/images/sub/info_i07.png) center top 28px no-repeat;}
.strategy .color03{border:1px solid #0b7ce6;background: url(/images/sub/ceo_policy01.png) center top 28px no-repeat;}
.strategy .color04{border:1px solid #08b0bd;background: url(/images/sub/conduct02.png) center top -12px no-repeat;}

.strategy_circle{display: flex;justify-content: space-between;margin:0 34px;margin-top: 160px;}
.strategy_circle:before{transform: rotate(180deg);width: 800px;height: 240px;top: -210px;margin-left: -400px;background-size: 100%;}
.strategy_circle span{width: 256px;height: 256px;}
.strategy_circle span:before{width: 282px;height: 282px;}
.strategy_circle span:after{display: none;}
.strategy_circle .img_circle{width: 232px;height: 232px;padding-top: 85px;}
.strategy_circle .circle01{background: linear-gradient(to right, #f12b44, #b00f23);}
.strategy_circle .circle02{background: linear-gradient(to right, #27f08d, #0da95e);}
.strategy_circle .circle03{background: linear-gradient(to right, #0c81ee, #04549e);}
.strategy_circle .circle04{background: linear-gradient(to right, #08bcca, #037e88);}
.strategy_circle .circle01 .img_circle{background:url(/images/sub/strategy_bg01.jpg) center no-repeat;background-size:100%;}
.strategy_circle .circle02 .img_circle{background:url(/images/sub/strategy_bg02.jpg) center no-repeat;background-size:100%;}
.strategy_circle .circle03 .img_circle{background:url(/images/sub/strategy_bg03.jpg) center no-repeat;background-size:100%;}
.strategy_circle .circle04 .img_circle{background:url(/images/sub/strategy_bg04.jpg) center no-repeat;background-size:100%;}

.strategy_line{margin: 36px 0 35px 0;}
.strategy_line .color01{border:1px solid #e1253d}
.strategy_line .color02{border:1px solid #0da95e}
.strategy_line .color03{border:1px solid #0b7ce6}
.strategy_line .color04{border:1px solid #08b0bd}

/*비전체계*/
.vision_list>li{margin-bottom: 50px;}
.vision_list .vision_info00 .titie{background: #141b38;color: #fff;padding: 22px 10px 18px;}
.talent.vision_list  .ceo_top{margin-top: 0;}
.vision_info01{width: calc(100% - 262px);}
.vision_info01:before{width: 166px;height: 109px;background-size: 100%;margin: -55px 0 0 36px;}
.vision_info01.director_info>li{background-image: none !important;display: block;border: 1px solid #1a244a !important;height: auto;padding: 22px 20px;text-align: center !important;}
.vision_info01.director_info>li:first-child{width:calc(60% - 15px);padding-right:50px;}
.vision_info01.director_info>li:last-child{width:calc(40% - 15px);}
.vision_info01 ul{display: flex;justify-content: center;}
.vision_info01 .title{font-size: 22px;margin-bottom: 25px;}
.vision_info01 .bullet01{font-size: 16px;margin-right: 20px;}
.vision_info01 .bullet01:last-child{margin-right: 0;}
.vision_info01 .bullet01:first-child:before{display:none;}
.vision_info01 .bullet01 strong{display:block;font-size:18px;}
.vision_info01 .director01 .title{margin-bottom:15px}
.vision_info01 .director02 .bullet01{font-size:18px;font-weight:500;}

.vision_info02 .text{font-size: 15px;margin-top: 7px;}
.vision_info02 .text:first-child{margin-top: 0;}
.vision_info02 .text span{font-size: 13px;}
.vision_info02 .color{text-align: center;padding: 92px 20px 20px 20px;margin-right: 30px;width: calc((100% - 90px) / 4);}
.vision_info02 .color01{border:1px solid #e1253d;background: url(/images/sub/i_goal2040_01.png) center top 18px no-repeat;}
.vision_info02 .color02{border:1px solid #0da95e;background: url(/images/sub/i_goal2040_02.png) center top 20px no-repeat;}
.vision_info02 .color03{border:1px solid #0b7ce6;background: url(/images/sub/i_goal2040_04.png) center top 20px no-repeat;}
.vision_info02 .color04{border:1px solid #08b0bd;background: url(/images/sub/i_goal2040_03.png) center top 18px no-repeat;}

.vision_info03{margin: 0 40px;}
.vision_info03.flex_circle span{width: 182px;height: 182px;margin: 10px;}
.vision_info03 span:before{width: 202px;height: 202px;left: -10px;top: -10px;}
.vision_info03 span em{font-size: 16px;color:#242424;width: 155px;height: 155px;font-weight: 400;padding-top: 55px;}
.vision_info03 span em strong{display:block;font-size:19px;letter-spacing:-1px;}
.vision_info03 span:after{display: none;}
.vision_info03 .circle01{background: linear-gradient(to right, #f12b44, #b00f23);}
.vision_info03 .circle02{background: linear-gradient(to right, #27f08d, #0da95e);}
.vision_info03 .circle03{background: linear-gradient(to right, #0c81ee, #04549e);}
.vision_info03 .circle04{background: linear-gradient(to right, #08bcca, #037e88);}

.vision_info04{display:flex;}
.vision_info04 > div{margin-right:30px;width:calc(33% - 16px);min-height:75px;display:flex;align-items:center;padding:19px 22px;background:#ecf0f4;border:1px solid #1a244a;}
.vision_info04 > div:last-child{margin-right:0}

.vision_info05{display: flex;width: calc(100% - 262px);justify-content: space-between;flex-wrap: wrap;}
.vision_info05>li{margin-right: 30px;width: calc(25% - 22.5px);background: #ecf0f4;padding: 30px 10px;text-align: center;display: flex;align-items: center;justify-content: center;}
.vision_info05>li:last-child{margin-right: 0;}

/*미션*/
.mission_flex{max-width: 1240px;margin: 0 auto;width: 100%;position: relative;}
.mission_flex .mission{display:flex;flex-wrap: wrap;align-items: center;}
.mission_flex .left{background: url(/images/sub/mission_img.png) center no-repeat;width: 703px;height: 516px;position: absolute;left: 0;top:0;}
.mission_flex .left .mission{color: #fff;text-align: center;}
.mission_flex .left p{font-size: 22px;font-weight: 600;width: 100%;}
.mission_flex .left span{display: block;font-size: 15px;font-weight: 400;margin-top: 5px;}
.mission_flex .mission01{height: 195px;padding-top: 60px;}
.mission_flex .mission02{height: 156px;}
.mission_flex .mission03{height: 165px;}
.mission_flex .right{padding-left: 352px;}
.mission_flex .right .mission{justify-content: flex-end;position: relative;}
.mission_flex .right .mission:before{content: '';width: 100%;height: 1px;position: absolute;right:0;bottom:0}
.mission_flex .right .mission:after{content: '';width: 5px;height: 9px;background-position: right bottom;background-repeat: no-repeat;position: absolute;right:0;bottom:-4px}
.mission_flex .right p{text-align: right;font-size: 16px;padding-right: 114px;background-position: center right;background-repeat: no-repeat;}
.mission_flex .right strong{display: block;font-size: 22px;font-weight: 600;margin-bottom: 12px;}
.mission_flex .right .mission01:before{background-color:#06a96e;}
.mission_flex .right .mission02:before{background-color:#06a6b1;}
.mission_flex .right .mission03:before{background-color:#0b7ce6;}
.mission_flex .right .mission01:after{background-image:url(/images/sub/mission_arrow01.png)}
.mission_flex .right .mission02:after{background-image:url(/images/sub/mission_arrow02.png)}
.mission_flex .right .mission03:after{background-image:url(/images/sub/mission_arrow03.png)}
.mission_flex .right .mission01 p{background-image:url(/images/sub/mission_icon01.png);}
.mission_flex .right .mission02 p{background-image:url(/images/sub/mission_icon02.png);}
.mission_flex .right .mission03 p{background-image:url(/images/sub/mission_icon03.png);}
.mission_flex .right .mission01 strong{color:#06a96e}
.mission_flex .right .mission02 strong{color:#06a6b1}
.mission_flex .right .mission03 strong{color:#0b7ce6}
/* 미션수정 22_02_09 */
.mission_wrap{position: relative;width: 100%;max-width: 1030px;margin: 0 auto 90px;}
.mission_wrap .mission_bg{background: url(/images/sub/mission_bg.png) center bottom no-repeat;max-height: 470px;width: 100%;height: 80vw; background-size: contain;position: relative;}
.mission_wrap .mission_bg .mission_title{position: absolute;left: 50%;transform: translateX(-50%);text-align: center;top: 160px;display: flex;flex-direction: column;align-items: center;}
.mission_bg .mission_title>p{background: #dbe1ef;border-radius: 50%;width: 96px;height: 96px;line-height: 96px;color: #063771;font-weight: 600;font-size: 28px;margin-bottom: 20px;}
.mission_bg .mission_title>span{font-size: 18px;line-height: 28px;}
.mission_wrap>ul{position: absolute;top: 0;left: 50%;transform: translateX(-50%);height: 100%;width: 100%;}
.mission_wrap .mission{position: absolute;padding-bottom: 16px;}
.mission_wrap .mission>p{font-size: 28px;font-weight: 600;margin-bottom: 10px;}
.mission_wrap .mission>span{font-size: 16px;}
.mission_wrap .mission>span>br{display: none;}

.mission_wrap .mission01{width: 40%;max-width: 350px;border-bottom: 1px solid #43bcc5;left:0;top: 80px;}
.mission_wrap .mission01>p{color: #0c7f89;}
.mission_wrap .mission02{width: 40%;max-width: 350px;border-bottom: 1px solid #3c8ccb;right: 0;top: 80px;text-align: right;}
.mission_wrap .mission02>p{color: #3c8ccb;}
.mission_wrap .mission03{width: 50%;max-width: 466px; border-bottom: 1px solid #144279;left: 50%;bottom: -10px;text-align: right;}
.mission_wrap .mission03:before{content: '';position: absolute;width: 1px;height:50px;border-left: 1px solid #144279;left: 0;bottom: 0;}
.mission_wrap .mission03>p{color: #144279;}

/*비전*/
.vision_slogan img{width: 100%;max-width: 1460px;display: inline-block;}
.vision_slogan .title{background: url(/images/sub/energy_bg.png) center no-repeat;text-align: center;padding: 130px 50px 120px;font-weight: 300;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;font-size:0px;}
.vision_slogan.arrow_bg:before{top: 75%;}
.vision_title{background: #fafafa;display: flex;justify-content: center;align-items: center;padding: 24px 10px;margin-top: 15px;}
.vision_title .left{font-size: 30px;font-weight: 600;text-align: center;margin-right: 40px;padding-right: 40px;position: relative;}
.vision_title .left:before{content: '';width: 2px;height: 65px;background: url(/images/sub/pattern08.png) center top repeat-y;position: absolute;right:0;top:3px}
.vision_title .left span{display: block;font-size: 22px;font-weight: 300;margin-top: 6px;letter-spacing: 0;}
.vision_title .right{font-size: 22px;font-weight: 500;}
.vision_title .right br{display: none;}
.vision_info{margin-top: 40px;}
.vision_info li{align-items: center;height: 161px;padding: 10px 10px 10px 165px;background-repeat: no-repeat;}
.vision_info .title{font-size: 20px;padding: 0;margin: 0;margin-bottom: 13px;background: none !important;}
.vision_info .value01{background-image: url(/images/sub/info_i07.png);background-size: 49px;background-position: left 61px center;}
.vision_info .value02{background-image: url(/images/sub/environ_icon02.png);background-position: left 58px center;}
.vision_info .value03{background-image: url(/images/sub/mission_icon02.png);background-position: left 51px center;}
.vision_info .value04{background-image: url(/images/sub/mission_icon01.png); background-position: left 62px center;}

/*비전 수정 22_02_08*/
.vision_wrap{display: flex;align-items: center;justify-content: space-between}
.vision_wrap .imgArea{width: calc(100% - 620px);}
.vision_wrap .imgArea img{width: 100%;max-width: 740px;}
.vision_wrap .textArea{width: 600px;margin-left: 20px;}
.vision_wrap .vision_box:last-child{margin-bottom: 0;}
.vision_wrap .vision_box:before{content: '';background-image: url(/images/sub/vision_icon01.png);background-repeat: no-repeat;background-position: center bottom;position: absolute;left: 40px;background-size:cover}
.vision_wrap .vision01{border: 1px solid #33954f;}
.vision_wrap .vision02{border: 1px solid #0bad71;}
.vision_wrap .vision03{border: 1px solid #1d9f96;}
/*
.vision_wrap .vision_box .title{font-size: 20px;font-weight: 600;padding-bottom: 16px;}
.vision_wrap .vision01 .title{color: #33954f;}
.vision_wrap .vision02 .title{color: #0bad71;}
.vision_wrap .vision03 .title{color: #1d9f96;}
*/
.vision_wrap .vision_box{background: #fafafa;margin-top: 80px;padding: 28px 40px;position: relative;}
.vision_wrap .vision_box .title{font-size:20px;font-weight:500}
.vision_wrap .vision_box .title strong{font-weight:600;}
.vision_wrap .vision01 .title strong{color:#33954f}
.vision_wrap .vision02 .title strong{color: #148755;}
/*.vision_wrap .vision03 .title strong{color: #1d9f96;}*/
.vision_wrap .vision03 .title strong{color: #247e77;}
.vision_wrap .vision_box > p:not(.title){margin-top:14px}


.vision_wrap .vision01:before{background-image: url(/images/sub/vision_icon02.png?var=20250403);width: 33px;height: 46px;top: -46px;}
.vision_wrap .vision02:before{background-image: url(/images/sub/vision_icon01.png?var=20250403);width: 52px;height: 40px;top: -40px;}
.vision_wrap .vision03:before{background-image: url(/images/sub/vision_icon03.png?var=20250403);width: 41px;height: 40px;top: -40px;}

.data_value{background:url(/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;}
.data_value p:before{content: attr(data-name);font-size: 14px;color:#555;font-weight:400;position: absolute;left: 0;top:0;}
.data_value .btn_area{margin-left: auto;}
.more_link{position: absolute;right:0;top:0;font-size:0;line-height: 0;width: 18px;height: 18px;}
.more_link:before, .more_link:after{content: '';width: 18px;height: 2px;position: absolute;background: #1c2750;}
.more_link:before{left:0;top:50%;transform: translateY(-50%);}
.more_link:after{left: 0;top:8px;transform: rotate(90deg);}

.committee .left .item{width: 64px;}
.committee .left .item p{width: calc(100% - 64px);}

.sns_box{display: flex;}
.sns_box a{display: block;margin-right: 40px;width: calc(25% - 20px);text-align: center;padding-top: 50px;overflow: hidden;}
.sns_box a:last-child{margin-right: 0;}
.sns_box .blog{background: #08ca55;}
.sns_box .instagram{background: url(/images/sub/insta_bg.png) top left no-repeat;background-size: 100% 100%;}
.sns_box .facebook{background: #3a59a0;}
.sns_box .youtube{background: #f32625;}
.sns_box p{font-size: 18px;font-weight: 700;color:#fff;min-width: 160px;padding: 187px 0 45px 0;display: inline-block;position: relative;z-index: 1;letter-spacing: 0;}
.sns_box p:before{content: '';width: 431px;height: 431px;position: absolute;top: 0;left: 0;z-index: -1;background-position: right top;background-repeat: no-repeat;}
.sns_box .blog p:before{background-image: url(/images/sub/sns_blog.png);background-size: 100%;}
.sns_box .instagram p:before{background-image: url(/images/sub/sns_insta.png);background-size: 100%;}
.sns_box .facebook p:before{background-image: url(/images/sub/sns_facebook.png);background-size: 100%;}
.sns_box .youtube p:before{background-image: url(/images/sub/sns_youtube.png);background-size: 100%;}

.global_map{align-items: flex-end;margin-top: 0;}
.global_map .imgArea{width:50%}
.global_map .imgArea img{width:100%;max-width: 673px;display:inline-block;}
.global_map .tableArea{padding-left:20px;width: 50%;}

.mobile_telNo{cursor: auto;}

/* 조회순위 */
.check_lanking{display: flex;width: 100%;align-items: center;justify-content: center;min-height: 30px;margin-top: 15px;margin-bottom: 40px;}
.check_lanking dt{font-size: 13px;color:#fff;background-color: #3a57c2;padding: 0 13px;line-height: 30px;white-space: nowrap;margin-right: 15px;}
.check_lanking dd{width: 100%;}
.check_lanking dd a{font-size: 14px;margin:5px 15px 5px 0;display: inline-block;transition: color .4s;}
.check_lanking dd a:hover{color: #3a57c2;text-decoration: underline;}

.box_select{display: none;}
.box_select select{border: 1px solid #1b274f;}

/* 비공개대상 세부기준 */
.logo_box{text-align: center;padding: 40px 20px 35px;background: #141b38 url(/images/common/foot_logo.png) right 20px top 20px no-repeat;margin-bottom: 40px;}
.logo_box .title{font-size: 32px;font-weight: 600;color: #fff;padding-bottom: 20px;}
.logo_box .text{font-size: 18px;color: #fff;}

.info_private_wrap .title{background: #65ccbb;padding: 17px 30px;min-height: 100px;display: flex;align-items: center;font-size: 26px;font-weight: 600;margin-bottom: 26px;}
/* .info_private_wrap .title br{display: none;} */
.info_private_wrap .title>span{background-image: url(/images/sub/number_icon.jpg);background-repeat: no-repeat;background-position: left center;height: 68px;width: 68px;font-size: 0;line-height: 0;letter-spacing: -9999px;margin-right: 30px;background-size: cover;}
.info_private_wrap .text{padding: 0 360px 0 30px;font-size: 20px;font-weight: 500;display: block;min-height: 85px;}
.info_private_wrap .text>span{font-size: 16px;font-weight: 300;padding-top:7px;display: block;}
.info_private_wrap .text .bullet_wrap{font-size: 16px;font-weight: 400;margin-top: 15px;padding-bottom: 15px; display: block;}
.info_private_wrap .text .bullet_wrap li{margin-bottom: 7px;}
.info_private_wrap .text .bullet_wrap li:last-child{margin-bottom: 0;}
.info_private_wrap table .bullet02:before{top: 8px;}
.info_private_wrap table .bullet_Kr{font-size: 14px;}
.info_private_wrap table tbody td a{color: #444;transition: color .4s;}
.info_private_wrap table tbody td a:hover{color: #3a57c2;text-decoration: underline;}
.info_private_wrap colgroup col:first-of-type{min-width: 65px;}

.info_pri01 .title>span{background-position: left center;}
.info_pri02 .title>span{background-position: left -70px center;}
.info_pri03 .title>span{background-position: left -140px center;}
.info_pri04 .title>span{background-position: left -210px center;}
.info_pri05 .title>span{background-position: left -280px center;}
.info_pri06 .title>span{background-position: left -350px center;}
.info_pri07 .title>span{background-position: left -420px center;}
.info_pri08 .title>span{background-position: left -493px center;}
.info_pri02 .text{padding: 0 310px 0 30px;}
.info_pri04 .text{padding: 0 240px 0 30px;}
.info_pri06 .text{padding: 0 30px 0 30px;}
.info_pri07 .text{padding: 0 290px 0 30px;}

.private_box{background-color: #fafafa;position: relative;padding: 55px 30px 30px 30px;margin-top: 38px;}
.private_box.box02{margin-top: 45px;}
.private_box .boxtitle{font-size: 18px;color:#fff;font-weight: 500;background-color: #ccc;text-align: center;width: 200px;height: 50px;line-height: 50px;position: absolute;left: 0;top:-22px;}
.private_box.box01{position: relative;}
.private_box.box01:after{content: '';background-image: url(/images/sub/info_private01.jpg);background-repeat: no-repeat;background-position: right bottom; width: 344px;height: 234px;position: absolute;right: 0;top: -234px;}
.private_box.box01 .boxtitle{background-color: #e1253d;}
.private_box.box02 .boxtitle{background-color: #0b7ce6;}
.private_box.box01 .bullet_check:before{background-color: #e1253d;}
.private_box.box02 .bullet_check:before{background-color: #0b7ce6;}

.info_pri01 .private_box.box01:after{background-image: url(/images/sub/info_private01.jpg);}
.info_pri02 .private_box.box01:after{background-image: url(/images/sub/info_private02.jpg);}
.info_pri03 .private_box.box01:after{background-image: url(/images/sub/info_private03.jpg);}
.info_pri04 .private_box.box01:after{background-image: url(/images/sub/info_private04.jpg);}
.info_pri05 .private_box.box01:after{background-image: url(/images/sub/info_private05.jpg);}
.info_pri06 .private_box.box01:after{background-image: url(/images/sub/info_private06.png);}
.info_pri07 .private_box.box01:after{background-image: url(/images/sub/info_private07.png);}
.info_pri08 .private_box.box01:after{background-image: url(/images/sub/info_private08.jpg);}


/* 양성평등 */
.equality_wrap{background: url(/images/sub/equality_bg.png) right top 20px no-repeat;}
.equality_qna{background-color: #f5f5f5;padding: 70px 60px 42px;background-image: url(/images/sub/equality_qna.png);background-repeat: no-repeat;background-position: left 3.7vw center;margin: 55px 0 50px;display: flex;justify-content: flex-end;}
.equality_qna>.equality_qna_inner{display: flex;justify-content: flex-end;width: 86%;}
.equality_qna_inner>div{background: #fff;text-align: center;padding: 50px 50px 20px;position: relative;border-radius: 85px;min-height: 170px;display: flex;align-items: center;justify-content: center;}
.equality_qna .box01{width: 41%;margin:0 4%;}
.equality_qna .box02{width: 50%}
.equality_qna .box01 .circle_t{background: #fb4a57;}
.equality_qna .box02 .circle_t{background: #3494ee;}
.equality_qna .circle_t{width: 65px;height: 65px;border-radius: 50%;line-height: 65px;background: #ccc;color: #fff;font-size: 24px;font-weight: 600;position: absolute;top: -30px;left: 50%;transform: translateX(-50%);}
.equality_qna .text{line-height: 24px;}

/* 비정상적인 경로 접근 */
.ab_route{background: #f5f5f5 url(/images/sub/organization_bg.png) center no-repeat;width: 100%;max-width: 875px;margin: 0 auto;min-height: 400px;padding: 100px 20px;background-size: 400px;display: flex;flex-direction: column;justify-content: center;}
.ab_route>p{text-align: center;font-size: 32px;line-height: 1.5em;}
.ab_route>div{margin-top: 40px;}

/* 신재생에너지사업_목표 */
.renew_wrap .depth_box.f2 li:nth-child(n+3){margin-top:0}
.color_title{display: flex;font-size: 22px;line-height: 26px;font-weight: 600;color: #fff;background: #e21625;text-align: center;align-items: center;}
.color_title>p{padding:22px 40px;flex: 1;max-width: 300px;}
.color_title>span{background-color: #141b38;padding:22px 10px;flex: 2;display: block;width: 100%;}
.renew_graph{display: flex;justify-content: space-between;}
.renew_graph .arrow_bg:before{width: 167px;height: 60px;left: auto;right: -70%;margin-left: 0;top: 120px;transform-origin: center;transform: rotate(90deg);}
.renew_graph>li{width: 300px;text-align: center;display: flex;flex-direction: column;align-items: center;}
.renew_graph>li>p{font-size: 16px;font-weight: 500;padding-top: 15px;}
.renew_graph>li:last-child{margin-right: 0;}
.renew_graph_wrap .mem_bullet{margin: 30px auto 0 auto;flex-wrap: wrap;}
.renew_graph_wrap .mem_bullet p{padding-right: 40px;min-width: 90px;}
.renew_graph_wrap .mem_bullet .alert_p{margin-left: auto;padding-right: 0;}

/* 신재생사업현황 */
.rnw_imgArea{ /*box-sizing*/-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-align:center;display: flex;flex-wrap: wrap;margin-bottom: 20px;}
.rnw_imgArea li{width: calc(20% - 8px);margin-right: 10px;background:#094fa3;} 
.rnw_imgArea li:nth-child(5n){margin-right: 0;}
.rnw_imgArea li:nth-child(n+6){margin-top: 10px;}
.rnw_imgArea .ib_img{display: flex;flex-direction: column;width: 100%;}
.rnw_imgArea .ib_img img{width:100%;}
.rnw_imgArea .ib_img strong{text-align:center; color:#fff;display:block;font-weight:400;font-size:13px;letter-spacing:-1px;;padding: 10px 0;}

/* 적극행정 국민추천 */
.recommend_list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.recommend_list>li{width: calc((100% - 20px) / 2);border: 1px solid #d9d9d9;background: #fff;background-repeat: no-repeat;padding: 20px 20px 20px 155px;min-height: 150px;display: flex;flex-direction: column;justify-content: center;}
.recommend_list>li .title{font-size: 18px;font-weight: 500;margin-bottom: 15px;}
.recommend_list>li .text{font-size: 14px;}
.recommend_list>li:nth-child(n+3){margin-top: 20px;}
.recommend_list>.list01{background-image: url(/images/sub/ewp04.png);background-position: left 47px center;}
.recommend_list>.list02{background-image: url(/images/sub/ewp01.png);background-position: left 55px center;}
.recommend_list>.list03{background-image: url(/images/sub/recommend_icon01.png);background-position: left 50px center;}
.recommend_list>.list04{background-image: url(/images/sub/conduct05.png);background-position: left 12px center;}
.recommend_list>.list05{background-image: url(/images/sub/conduct02.png);background-position: left 12px center;}

/* 신재생권역센터 */
.renew_center{display: flex;}
.renew_center .textArea{margin-left: 50px;margin-top: 40px;}
.renew_center .textArea strong{color: #b1b1b1;font-size: 48px;}
.renew_center.right{flex-direction: row-reverse;justify-content: space-between;position: relative;top: -165px;margin-bottom: -165px;}
.renew_center.right .textArea{margin-top: 205px;}

.renew_box{background-color: #f5f5f5;padding: 30px 40px;margin-top: 40px;display: flex;align-items: center;justify-content: space-between;}
.renew_box>div{width: calc(50% - 10px);padding-left: 95px;display: flex;flex-direction: column;justify-content: space-between;background-color: #f5f5f5;background-position: left 15px center;background-repeat: no-repeat;min-height: 60px;}
.renew_box>div:last-child{margin-right: 0;}
.renew_box>div .title{font-size: 18px;font-weight: 500;margin-bottom: 10px;}
.renew_box .item01{background-image: url(/images/sub/info_i12.png);}
.renew_box .item02{background-image: url(/images/sub/info_i04.png);}

.renew_powerplant{background: url(/images/sub/office_map_bg.jpg) center no-repeat;height: 780px;position: relative;}
.renew_powerplant:before{content: '';background: url(/images/sub/trans_map.png) center no-repeat;width: 351px;height: 603px;position: absolute;top: 80px;left: 50%;transform: translateX(-50%);}
.renew_powerplant ul{padding: 0 10px;width: 1070px;height: 100%;margin: 0 auto;position: relative;}
.renew_powerplant .plant_inner{display: flex;justify-content: space-between;width: 390px;min-height: 120px;border-radius: 10px;background: #fff;position: absolute;transform: translateX(-50%);}
.renew_powerplant .plant_inner:before{content: '';width: 8px;height: 8px;position: absolute;top: 50%;transform: translateY(-50%) rotate(-90deg);left: -12px;border-top: 6px solid transparent;border-bottom: 6px solid #fff;border-right: 6px solid transparent;border-left: 6px solid transparent;}
.renew_powerplant .plant_inner:after{content: '';width: 35px;height: 40px;background: url(/images/sub/renew_plant_dot.png) left top no-repeat;position: absolute;top: 50%;left: -50px;transform: translateY(-50%);}
.renew_powerplant .plant_inner .textArea{padding: 20px;}
.renew_powerplant .plant_inner .plant_name{font-size: 18px;font-weight: 500;line-height: 18px;margin-bottom: 20px;}
.renew_powerplant .plant_inner .plant_name .count{padding-left: 30px;position: relative;}
.renew_powerplant .plant_inner .plant_name .count:before{content: '';width: 1px;height: 16px;background: #c7c7c7;position: absolute;left: 15px;}
.renew_powerplant .plant_inner .imgArea{height: 120px;border-radius: 0 10px 10px 0;overflow: hidden;}
.renew_powerplant .plant_inner .imgArea img{height: 100%;}
.renew_powerplant .plant_inner.right{flex-direction: row-reverse;justify-content: flex-end;}
.renew_powerplant .plant_inner.right:before{left: auto;right: -12px;transform: translateY(-50%) rotate(90deg)}
.renew_powerplant .plant_inner.right:after{left: auto;right: -50px;}
.renew_powerplant .plant_inner.right .imgArea{border-radius: 10px 0 0 10px;}

.renew_powerplant .plant01{top: 166px;left: 787px;}
.renew_powerplant .plant06{top: 166px;left: 226px;}
.renew_powerplant .plant02{top: 297px;left: 269px;}
.renew_powerplant .plant03{top: 348px;left: 852px;}
.renew_powerplant .plant04{top: 453px;left: 196px;}
.renew_powerplant .plant05{top: 592px;left: 624px;}
.renew_powerplant .plant07{top: 162px;left: 236px;}
.renew_powerplant .plant02:before{top:38px;}
.renew_powerplant .plant02:after{top:28px;}

/* 통합검색 */
.search_board .titleA{margin-bottom: 0;}
.search_board .keywords{margin-top: 40px;}
.search_board .table_top .total{margin-right: 0;}
.search_board .table_top.text{margin-bottom: 20px;margin-top: 40px;}
.search_board table .ellipsis1{max-width: 100%;}
.search_board .navy_btn{padding: 8px 15px;}
.search_board .navy_btn.link:before{right: 25px;}

/* 요약재무현황 그래프 */
.graphA,.graphB{background: #f5f5f5;height: 422px;margin-top: -40px;padding: 30px 30px 50px;}
.graphA ul,.graphB ul{display: table;background: url(/images/sub/graphA_bg.png) 0 0 repeat-x; width: 100%;height: 342px;}
.graphA ul li,.graphB ul li{display: table-cell;vertical-align: bottom;text-align: center;position: relative;}
.graphA ul li span.graph_bar,.graphB ul li span.graph_bar{width: 35px;background: #1186e1;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.24); border-bottom: 1px solid #1c2750;display: inline-block;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.graphA .graph_score,.graphB .graph_score{background: #f5f5f5; font-size: 13px;display: inline-block;position: relative;top: -30px;left: 50%;transform: translateX(-50%);padding: 3px 5px 0 3px;}
.graphA .remark,.graphB .remark{display: flex;align-items: center;justify-content: center;height: 50px;min-width: 60px; bottom: -50px;background: #f5f5f5;}


/*이미지 확대보기팝업*/
.m_btn{margin-top: 20px;display: none;padding: 12px 15px;min-height: 45px;height: auto;} /*챠�™�▣ヅ믠궗챘쨀쨈챗쨍째 챘짼�왗�졖�*/
.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: 60px 20px 100px 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;}
#lock_board{max-width: 520px;}

/* 게시판 비밀번호 입력 팝업 */
.pop_lock input{width: calc(100% - 130px);height: 45px;margin-right: 5px;}
.pop_lock .close_pop, .pop_lock .black_btn{display: inline-block;text-align: center;padding: 13px 15px;min-width: 120px;font-size: 15px;height: 45px;}

/* 캘린더 월 선택 */
.ui-widget select{font-family: Verdana,Arial,sans-serif;font-size: 15px;font-weight: bold;line-height: 16px;}

#monthcal{z-index:62;}


/*새창보기*/
.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(/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(/images/common/new_win_w.png) center no-repeat;}

.depth_box.f4 a[target="_blank"]:after{position:static;display:inline-block;margin-left:5px;}

.bb_line td{border-bottom:1px solid #222;}

/* 공공기관 안전관리등급 */
.flex_img2>div{display: flex;align-items: center;margin-top: 0;}
.flex_img2 .right{flex-direction: row-reverse;}
.flex_img2>div:first-child{margin-top: 0;}
.flex_img2 .imgArea{width: 700px;height: 390px;overflow: hidden;}
.flex_img2 .textArea{width: calc(100% - 760px);}
.flex_img2 .left .textArea{margin-left: 60px;}
.flex_img2 .right .textArea{margin-right: 60px;}

.assessment_list{display: flex;justify-content: space-between;margin-top: 30px;}
.assessment_list li{border: 6px solid #ccc;border-radius: 50%;width: 140px;height: 140px;display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;margin-right: 20px;}
.assessment_list li:last-child{margin-right: 0;}
.assessment_list li p{font-size: 24px;font-weight: 600;margin-top: 10px;}
.assessment_list li:before{content: '+';position: absolute;left: -30%;top: 50%;transform: translateY(-50%);font-size: 28px;font-weight: 600;}
.assessment_list li.item01{border: 6px solid #bb1429;}
.assessment_list li.item01:before{display: none;}
.assessment_list li.item01 p{color: #bb1429;}
.assessment_list li.item02{border: 6px solid #11b365;}
.assessment_list li.item02:before{content: '=';}
.assessment_list li.item02 p{color: #007170;}
.assessment_list li.item03{border: 6px solid #0761b5;}
.assessment_list li.item03 p{color: #0761b5;}
.assessment_list li.item04{border: 6px solid #0595a1;}
.assessment_list li.item04 p{color: #0595a1;}

/* 신재생 사업 아이디어 공모 */
.titleS .sm{font-size:20px;font-weight:normal;margin-bottom:10px;padding-bottom:0;}
.numlist{padding:0;margin:0;counter-reset: li;font-size:15px;}
.numlist li{display:flex;position: relative;margin-bottom: 12px;line-height: 1.5;width: 100%;}
.numlist li.intb{flex-direction:column}
.numlist li p:first-child{width:98px;}
.numlist li p:first-child:before{display:inline-block;clear:both;content:'0' counter(li) '.';counter-increment:li;margin-right:4px;font-size:15px;color:#1977d0;font-weight:600;}
.numlist li p + p{margin-left:8px;width:calc(100% - 98px);}
.numlist li strong{color:#3a57c2;font-weight:500}
.numlist li p .gap{display:inline-block;width:27px}
.numlist li.intb > p{margin-bottom:12px}
.bullet_wrap.pointR01 .bullet01{padding-left:18px}
.bullet_wrap.pointR01 .bullet01:before{content:'창���';width:auto;height:auto;background:none;color:#e21625;top:0;}
.bullet_wrap.pointR01 .bullet02:before{background:#e21625}

.tableW.ideaWrite .cheakbox{display:inline-flex;}
.tableW.ideaWrite .cheakbox + p{display:inline-block;margin-top:0;margin-left:20px;}
.tableW.ideaWrite .cheakbox.agreechk{justify-content: flex-start;}
.tableW.ideaWrite .cheakbox p + p{margin-left:40px}
.tableW.ideaWrite input[type="text"], 
.tableW.ideaWrite input[type="password"], 
.tableW.ideaWrite input[type="email"], 
.tableW.ideaWrite input[type="number"], 
.tableW.ideaWrite input[type="tel"], 
.tableW.ideaWrite select{width:100%;}
.tableW.ideaWrite th.subth{background:#f7f7f7}
.tableW td .agreebx{height:160px;padding:0 20px;overflow-y:scroll;}
.tableW td.mailbx > div{display:inline-flex;align-items:center;width:calc(100% - 160px);}
.tableW td.mailbx > div em{margin:0 4px}
.tableW td.mailbx select{width:155px;display:inline-block;}
.tableW.ideaWrite td p{word-break:break-all;}
.tableW.ideaWrite td{height:auto;min-height:51px;word-break:break-all;/*white-space:pre-wrap*/}

.navy_btn.link.bfdiB{padding:8px 32px 8px 15px}
.navy_btn.link.bfdiB:before{display:block;}

.textP.tac{text-align:center;margin-top:80px;margin-bottom:0;font-size:20px;font-weight:normal;}

/* 사전정보공표테스트 탭 슬라이드 */
.subtab .box_icon{margin-bottom:20px}
.tab_wrap.slidebx{height:0;overflow:hidden;transition:height ease 0.5s}

/* 환경소통플랫폼 */
img.mw100{max-width:100%}
.titleD.fs22{font-size:22px;margin:35px 0 10px;}
.tableA.envTb,
.tableA .gasTb{font-size:15px}
.tableA.moTb{display:none;}
.tableA strong{display:inline-block;font-size:18px}
.tableA strong.mr7{margin-right:7px}
.tableA td.oltd{vertical-align:top}
.tableA ol{padding:0;margin:0;counter-reset:num;}
.tableA ol li{position:relative;counter-increment:num;padding-left:24px;word-break:break-all;}
.tableA ol li:before{display:block;content:counter(num);clear:both;position:absolute;top:2px;left:0;font-size:10px;width:18px;height:18px;line-height:20px;text-align:center;background:#013b80;color:#fff;vertical-align:middle;}
.tableA ol li + li{margin-top:8px}

.gasTb .outputList{display:flex;justify-content:space-between;}
.gasTb .outputList li{position:relative;width:33.3%;height:160px;font-size:0;text-indent:-9999px;background:url(/images/sub/gasicon_03_1.png?var=20240311) no-repeat 50% 50%;}
.gasTb .outputList li:nth-child(2){background-image:url(/images/sub/gasicon_03_3.png?var=20240311)}
.gasTb .outputList li:nth-child(2):before{display:block;content:"'18년 대비 45.9% 감축";clear:both;position:absolute;left:-45px;width:80px;height:160px;font-size:0;text-indent:-9999px;background:url(/images/sub/gasicon_03_2.png?var=20240311) no-repeat 50% 50%;}
.gasTb .outputList li:nth-child(3){background-image:url(/images/sub/gasicon_03_5.png?var=20240311)}
.gasTb .outputList li:nth-child(3):before{display:block;content:"'18년 대비 100% 감축";clear:both;position:absolute;left:-45px;width:80px;height:160px;font-size:0;text-indent:-9999px;background:url(/images/sub/gasicon_03_4.png?var=20240311) no-repeat 50% 50%;}
.gasTb .row4 td img{height:184px;}
.gasTb .row5 td p{display:inline-block;padding:74px 40px 12px;border-radius:15px;border:solid 2px #86bec0;background:url(/images/sub/gasicon_05_1.png) no-repeat 50% 12px;background-size:auto 52px;}
.gasTb .row5 td p br{display:none}
.gasTb .row5 td:nth-child(3) p{background-image:url(/images/sub/gasicon_05_2.png);background-size:auto 52px;}
.gasTb .row5 td:nth-child(4) p{background-image:url(/images/sub/gasicon_05_3.png);background-size:auto 52px;}

.wbword{word-break:break-word;}

/* 윤리경영 */
.human_rights .num_list{display: block;padding-left: 30px;}
.human_rights .num_list li{font-size: 16px;padding: 0 0 0 54px;text-align: left;margin-bottom: 30px;line-height: 1.6;}
.human_rights .num_list li:last-child{margin-bottom: 0;}
.human_rights .num_list li:before{left: 0;top:50%;margin: -20px 0 0 0;width: 40px;height: 40px;font-size: 16px;color:#fff;line-height: 40px;text-align: center;background: #3494ee;}

/* 0817 아이디어접수 & 안전신고 */
.line_box02.boxtype02{align-items:center;justify-content:center;}
.line_box02.boxtype02>div{display:flex;flex-direction:column;align-items:center;justify-content:center;width:300px;height:380px;margin:0;background:url(/images/sub/i_tab01.png) 50% 28% no-repeat;}
.line_box02.boxtype02>div + div{margin-left:20px;background-image: url(/images/sub/i_tab02.png);background-position: 54% 30%;}
.line_box02.boxtype02>div .title{padding-top:90px;margin-bottom:20px;font-size:22px;}
.line_box02.boxtype02>div .navy_btn{position:relative;margin-left:0;left:auto;bottom:auto;}
.line_box02.boxtype02>div.bgcall{background:url(/images/sub/i_tab02.png) 50% 28% no-repeat;}
/*1007 개인정보처리방침*/
.labelList > p{padding:15px 10px;text-align:center;font-weight:400;background:#efeff1;border-bottom:solid 1px #d9d9d9;border-top:solid 1px #1977d0;}
.labelList ul{display:flex;flex-direction:row;flex-wrap:wrap}
.labelList ul li{position:relative;width:33.33%;padding:8px 10px;border-bottom:solid 1px #d9d9d9;text-align:center;height:auto;border-left:solid 1px #d9d9d9;}
.labelList ul li:nth-child(3n + 1){border-left:0;}
.labelList ul li div.i00{padding-top:70px;background:url(/images/sub/pricon01.png) no-repeat 50% 0;background-size:64px;}
.labelList ul li div.i02{background-image:url(/images/sub/pricon06.png)}
.labelList ul li div.i03{background-image:url(/images/sub/pricon24.png)}
.labelList ul li div.i04{background-image:url(/images/sub/pricon23.png)}
.labelList ul li div.i05{background-image:url(/images/sub/pricon29.png)}
.labelList ul li div.i06{background-image:url(/images/sub/pricon31.png)}
.labelList ul li .ihover{position:absolute;top:0;left:0;display:none;flex-direction:column;align-items:center;justify-content:center;padding:0 10px;width:100%;height:100%;background:rgba(0,57,128,0.9);box-sizing:border-box;}
.labelList ul li .ihover p{position:relative;padding-left:10px;color:#fff;word-break:break-all}
.labelList ul li .ihover p:before{display:block;content:'-';clear:both;position:absolute;top:0;left:0;}

.toc{margin-top:40px;}
.toc td{display:flex;height:auto;}
.toc ol{display:flex;flex-direction:column;width:100%;height:137px;box-sizing:border-box;flex-wrap:wrap;}
.toc ol li{width:33.3%;text-align:left;padding-right:8px;}
.toc ol li + li{margin-top:8px;}
.toc ol li:nth-child(5n+1){margin-top:0;}

.titleA .ico{display:inline-block;width:42px;height:42px;margin:-4px 0 0 14px;background:url(/images/sub/pricon06.png) no-repeat 0 0;background-size:100%;vertical-align:middle;}
.titleA#cont02 .ico{background-image:url(/images/sub/pricon01.png)}
.titleA#cont02 .ico + .ico{margin-left:8px;background-image:url(/images/sub/pricon24.png)}
.titleA#cont03 .ico{background-image:url(/images/sub/pricon22.png)}
.titleA#cont04 .ico{background-image:url(/images/sub/pricon23.png)}
.titleA#cont05 .ico{background-image:url(/images/sub/pricon26.png)}
.titleA#cont06 .ico{background-image:url(/images/sub/pricon09.png)}
.titleA#cont07 .ico{background-image:url(/images/sub/pricon10.png)}
.titleA#cont08 .ico{background-image:url(/images/sub/pricon08.png)}
.titleA#cont09 .ico{background-image:url(/images/sub/pricon29.png)}
.titleA#cont10 .ico{background-image:url(/images/sub/pricon33.png)}
.titleA#cont11 .ico{background-image:url(/images/sub/pricon32.png)}
.titleA#cont12 .ico{background-image:url(/images/sub/pricon27.png)}
.titleA#cont13 .ico{background-image:url(/images/sub/pricon34.png)}
.titleA#cont14 .ico{background-image:url(/images/sub/pricon11.png)}

.btnlist li + li{margin-top:5px;}
.btnlist li a{width:420px;}

.opdata .disfx{display:flex;justify-content:space-between;align-items:center;margin-top:50px;}
.opdata .cont01{padding-top:20px;}
.opdata .cont01 > div{width:620px;height:360px;}
.opdata.list .cont01 > div{height:auto;}
.opdata .cont01 > .left{position:relative;background:#f5f5f5;}
.opdata .cont01 > .left:before{content:'';position:absolute;width:1px;height:100%;background:#d9d9d9;left:50%;z-index:0;}
.opdata .cont01 > .left:after{content:'';position:absolute;width:100%;height:1px;background:#d9d9d9;top:50%;z-index:0;}
.opdata .cont01 .left .top{display:flex;position:absolute;top:-10px;width:100%;} 
.opdata .cont01 .left .top > p{width:50%;text-align:center;font-size:20px;font-weight:500;}
.opdata .cont01 .left .center{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:24px 56px;color:#fff;font-size:24px;text-align:center;z-index:1;background:url(/images/sub/bg_con01_.png)}
.opdata .cont01 .left .center strong{display:block;width:260px;padding:12px 0px;margin:8px auto 0;background:#fff;border-radius:30px;color:#242424}
.opdata .cont01 .left .inner{position:absolute;top:50%;transform:translateY(-50%);text-align:center;}
.opdata .cont01 .left .inner:after{display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/sub/con01_arr.png) no-repeat 50% 50%;background-size:75%;}
.opdata .cont01 .left .inner.topleft{transform:none;top:45px;left:45px;}
.opdata .cont01 .left .inner.topleft:after{display:none;}
.opdata .cont01 .left .inner.innerLeft{left:35px;}
.opdata .cont01 .left .inner.innerRight{left:auto;right:35px;}
.opdata .cont01 .left .inner.innerBot{display:flex;top:auto;bottom:35px;left:50%;transform:translate(-50%, 0);}
.opdata .cont01 .left .inner.innerBot:after{width:56px;height:129px;left:46px;top:-55px;transform:rotate(90deg);}
.opdata .cont01 .left .inner p + p{margin-top:90px;}
.opdata .cont01 .left .inner.innerBot p + p{margin-top:0;margin-left:90px;}
.opdata .cont01 .arrow{width:82px;display:flex;align-items:center;font-size:17px;font-weight:500;background:url(/images/sub/center_arr.png) no-repeat 50% 50%;text-align:center;}
.opdata .cont01 .right{display:flex;justify-content:center;flex-direction:column;padding:25px 25px 20px;background:#094fa3;text-align:center;color:#fff;}
.opdata .cont01 .right .top{margin-bottom:20px;font-weight:600;font-size:32px}
.opdata .cont01 .right ul{display:flex;justify-content:space-between;align-items:center;font-size:18px}
.opdata .cont01 .right ul li{width:120px;padding-top:102px;background:url(/images/sub/icon01_1.png) no-repeat 50% 0;background-size:75%}
.opdata .cont01 .right ul li:nth-child(2){position:relative;width:250px;padding-top:190px;background:url(/images/sub/icon01_2.png) no-repeat 50% 0;background-size:90%}
.opdata .cont01 .right ul li:nth-child(2):before{position:absolute;top:44%;left:-46px;display:block;content:'';width:50px;height:2px;opacity:0.6;background:url(/images/sub/opdata_dot.png) repeat-x 0 0;}
.opdata .cont01 .right ul li:nth-child(2):after{position:absolute;top:44%;right:-46px;display:block;content:'';width:50px;height:2px;opacity:0.6;background:url(/images/sub/opdata_dot.png) repeat-x 0 0;}
.opdata .cont01 .right ul li:nth-child(3){background-image:url(/images/sub/icon01_3.png)}
.opdata .cont01 .right ul strong{display:block;font-size:22px;}

.opdata .cont02 div{width:280px;font-size:18px;padding-top:65px;background:url(/images/sub/icon02_1.png) no-repeat 50% 0%;}
.opdata .cont02 div:nth-of-type(3){background-image:url(/images/sub/icon02_2.png)}
.opdata .cont02 div:nth-of-type(4){background-image:url(/images/sub/icon02_3.png)}
.opdata .cont02 .txtbx{width:auto;padding-top:0;background:None;}
.opdata .cont02 .txtbx strong{display:block;margin-top:10px;font-size:24px;}
.opdata .cont02 .txtbx strong span{color:#3a57c2;font-weight:600;}
.opdata .cont02 div .tit{padding:10px 0 8px;text-align:center;font-size:20px;font-weight:500;background:#ecf0f4;}
.opdata .cont02 div ul{padding:19px 30px;font-size:15px;}

.opdata .proc > ul{display:flex;justify-content:space-between}
.opdata .proc > ul > li{position:relative;}
.opdata .proc > ul > li:first-child{width:340px;display:flex;flex-wrap:wrap;}
.opdata .proc > ul > li + li:before{display:block;content:'데이터 생성';clear:both;position:absolute;top:50%;left:-64px;width:56px;height:180px;padding-top:70px;transform:translateY(-50%);text-align:center;font-weight:500;font-size:18px;background:url(/images/sub/exarr.png) no-repeat 100% 50%;background-size:cover;}
.opdata .proc > ul > li:last-child:before{content:'데이터 활용'}
.opdata .proc > ul > li.ct{width:750px}
.opdata .proc > ul > li:last-child{width:240px;}
.opdata .proc > ul > li .disfx{margin-top:0;align-items:flex-start}
.opdata .proc .tit{position:relative;height:50px;padding:12px 0;margin-bottom:20px;font-size:20px;font-weight:500;text-align:center;background:#151a3a;color:#fff;}
.opdata .proc .tit:after{display:block;content:'';position:absolute;right:-17px;top:8px;width:34px;height:34px;background:#151a3a;transform:rotate(45deg)}
.opdata .proc li:first-child .tit{width:100%;}
.opdata .proc li:last-child .tit:after{display:none}
.opdata .proc .con{height:637px;padding:20px;border:solid 1px #d9d9d9;box-sizing:border-box;background:#f5f5f5}
.opdata .proc li:first-child .con{padding:0;width:calc(100% - 55px);}
.opdata .proc .subTit{padding:10px 0;margin-bottom:10px;text-align:center;background:#215eae;color:#fff;font-size:18px;font-weight:500;}/*#e21625*/
.opdata .proc li:first-child > .subTit{width:50px;height:637px;margin-right:5px;padding:22px 15px;word-break:break-all;background:#e21625}
.opdata .proc li:first-child > .subTit span{display:block;width:20px;height:2px;margin:13px 0;background:#fff;}
.opdata .procList01_1{display:flex;flex-direction:column;padding:0 10px;margin-bottom:10px;}
.opdata .procList01_1 > li{display:flex;flex-direction:row;justify-content:space-between;align-items:center;text-align:center;}
.opdata .procList01_1 li .full{display:block;width:100%;padding:10px 0;background:#3494ee;height:auto;line-height:normal;}
.opdata .procList01_1 li:nth-child(2) p{background:#00a66c;}
.opdata .procList01_1 li:nth-child(2) ul li{border:solid 1px #5a9856;}
.opdata .procList01_1 li:nth-child(3) p{background:#0090a0;}
.opdata .procList01_1 li:nth-child(3) ul li{border:solid 1px #00a2b1;}
.opdata .procList01_1 li:nth-child(4) p{height:141px;line-height:141px;background:#d96004;}
.opdata .procList01_1 li:nth-child(4) ul li{border:solid 1px #de7614;}
.opdata .procList01_2 li + li,
.opdata .procList01_1 li + li{margin-top:5px;}
.opdata .procList01_1 li p{width:98px;height:104px;line-height:104px;color:#fff;}
.opdata .procList01_1 li ul li{width:160px;padding:5px 0;background:#fff;}
.opdata .procList01_2 {padding:0 10px 0 113px;text-align:center;margin-bottom:10px;background:url(/images/sub/proc01_2.png) no-repeat 10px 50%;}
.opdata .procList01_2 li{width:160px;padding:5px 0;border:1px solid #1186e1;background:#fff;}
.opdata .procList02_1{position:relative;display:flex;flex-direction:column;text-align:center;padding:16px 10px;height:585px;background:#f5f5f5;justify-content:space-between;border:solid 1px #d9d9d9}
.opdata .procList02_1:before{display:block;content:'';position:absolute;right:-28px;top:4%;width:1px;height:92%;background:#215eae}
.opdata .procList02_1:after{display:block;content:'';position:absolute;right:-34px;top:18px;width:11px;height:9px;background:url(/images/sub/mini_arrow01_r.png) no-repeat 50% 50%;}
.opdata .procList02_1 li{position:relative;width:104px;height:45px;line-height:45px;background:#fff;border-radius:40px}
.opdata .procList02_1 li:first-child:after,
.opdata .procList02_1 li:last-child:after{display:block;content:'';position:absolute;right:-64px;top:6px;width:54px;height:1px;background:#215eae}
.opdata .procList02_1 li:last-child:after{bottom:7px;top:auto;right:-38px;width:27px;}
.opdata .procList02_2{width:180px;height:585px;display:flex;flex-direction:column;justify-content:space-between;}
.opdata .proc > ul > li.ct .left{width:360px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.opdata .proc > ul > li.ct .left .subTit{width:100%;}
.opdata .procList02_2 .bx{position:relative}
.opdata .procList02_2 .bx:first-child:after{display:block;content:'';position:absolute;bottom:-149px;left:50%;transform:translateX(-50%);width:0.5px;height:149px;background:#215eae}
.opdata .procList02_2 .bx:nth-child(2):before{display:block;content:'';position:absolute;top:-36%;left:50%;transform:translateX(-50%);width:9px;height:11px;background:url(/images/sub/opdata_arrow01.png) no-repeat 50% 50%;}
.opdata .procList02_2 ul li{position:relative;padding:10px 8px;text-align:center;background:#f5f5f5;border:solid 1px #d9d9d9}
.opdata .procList02_2 ul li + li{margin-top:20px;}
.opdata .procList02_2 ul li + li:before{content:'';display:block;position:absolute;top:-16px;left:50%;transform:translateX(-50%);width:9px;height:11px;background:url(/images/sub/opdata_arrow02.png) no-repeat 50% 50%;}
.opdata .procList02_2 + .subTit{margin:10px 0 0;background:#e21625}
.opdata .procList02_3{width:380px;}
.opdata .procList02_3 > div{position:relative;height:206px;overflow:hidden;border:solid 1px #d9d9d9}
.opdata .procList02_3 > div + div{margin-top:10px;}
.opdata .procList02_3 > div p{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:8px 24px;background:#1b2950;color:#fff;border:solid 1px #fff;}
.opdata .procList02_3 img{width:100%}
.opdata .procList03_1 li + li{margin-top:24px;}
.opdata .procList03_1 li p{width:100%;text-align:center;font-weight:500;}
.opdata .procList03_1 li i{display:block;width:90px;height:90px;margin:0 auto 10px;border-radius:50%;background:#fff url(/images/sub/proc03_1.png) no-repeat 50% 50%;background-size:64px;}
.opdata .procList03_1 li i.i02{background-image:url(/images/sub/proc03_2.png);background-size:50px}
.opdata .procList03_1 li i.i03{background-image:url(/images/sub/proc03_3.png);background-size:60px;}
.opdata .procList03_2{margin-top:26px;}
.opdata .procList03_2 li{padding:8px 0;text-align:center;border:solid 1px #215eae;background:#3494ee;color:#fff}
.opdata .procList03_2 li + li{margin-top:4px}


.opdata .procB > ul{flex-direction:column;}
.opdata .procB > ul > li{width:100% !important;}
.opdata .procB .con{display:flex;}
.opdata .procB .con > div{width:50%;}


.opdata .system > li{position:relative;display:flex;justify-content:space-between;text-align:center;}
.opdata .system > li:first-child{justify-content:center;margin-bottom:60px;}
.opdata .system > li:first-child:after{content:'';position:absolute;bottom:-30px;width:calc(100% - 340px);height:1px;background:#757575;z-index:-1;}
.opdata .system .bx{width:340px;}
.opdata .system > li:nth-child(2) .bx:before{content:'';position:absolute;top:-30px;width:1px;height:30px;background:#757575;z-index:-1;}
.opdata .system > li:nth-child(2) .bx:nth-child(2):before{height:60px;top:-60px;}
.opdata .system .bx p{padding:12px;background:#f5f5f7}
.opdata .system .bx p.head{background:#094fa3;color:#fff;font-weight:500;}
.opdata .system .bx ul{padding:0 10px;margin-top:15px;}
.opdata .system li.bullet01{text-align:left;}

/* 공공데이터 목록 */
.opdata.list .cont01{display:flex;justify-content:space-between;align-items:flex-end;/*height:310px;*/box-sizing:border-box;margin-bottom:40px}
.opdata.list .cont01 .item.ctbx{width:calc((100% - 380px) / 2);}
.opdata.list .cont01 .item:nth-child(2){width:480px;margin-left:40px}
.opdata.list .cont01 .item:last-child{width:300px;}

.opdata .tableScroll,
.opdata .touchSwipe{overflow-x:unset}
.opdata table .itemTit{position:relative;text-align:left;}
.opdata table .itemInfo{display:none;position:absolute;top:50%;left:75%;transform:translateY(-50%);width:420px;padding:14px 20px;background:#fff;border:solid 1px #1977d0;z-index:1;box-shadow:2px 2px 6px rgb(0 0 0 / 21%);}
.opdata table .itemTit a:hover + .itemInfo{display:block;}

/* Pie 차트 */
.opdata .ctbx.item{position:relative;}
#ct01_legend{position:absolute;}
[class$="-legend"] {list-style: none;cursor: pointer;padding-left: 0;}
[class$="-legend"] li {padding: 0 5px;font-size:13px;}
[class$="-legend"] li.hidden{text-decoration:line-through}
[class$="-legend"] li span {border-radius: 5px;display:inline-block;width:10px;height:10px;margin:-2px 6px 0 0;vertical-align:middle;}
[class$="-legend"] li:nth-child(1) span{background:url(/images/sub/ctlg01.png) no-repeat center center;}
[class$="-legend"] li:nth-child(2) span{background:url(/images/sub/ctlg02.png) no-repeat center center;}
[class$="-legend"] li:nth-child(3) span{background:url(/images/sub/ctlg03.png) no-repeat center center;}
[class$="-legend"] li:nth-child(4) span{background:url(/images/sub/ctlg04.png) no-repeat center center;}
[class$="-legend"] li:nth-child(5) span{background:url(/images/sub/ctlg05.png) no-repeat center center;}
[class$="-legend"] li:nth-child(6) span{background:url(/images/sub/ctlg06.png) no-repeat center center;}
[class$="-legend"] li:nth-child(7) span{background:url(/images/sub/ctlg07.png) no-repeat center center;}
.opdata.list .cont01 .navy_btn{display:block;height:60px;padding:0;line-height:60px;}
.opdata.list .cont01 .list{margin-top:9px;background:#f5f5f7;text-align:right;border:solid 1px #d9d9d9}
.opdata.list .cont01 .list.col2{display:flex;}
.opdata.list .cont01 .list li{padding:14px 25px;font-size:16px;}
.opdata.list .cont01 .list li + li{border-top:solid 1px #d9d9d9}
.opdata.list .cont01 .list li p{display:flex;align-items:center;justify-content:space-between;}
.opdata.list .cont01 .list li span{display:block;}
.opdata.list .cont01 .list li strong{display:block;min-width:60px;margin-left:24px;font-size:32px;line-height:1;font-weight:500;color:#e21625}
.opdata.list .cont01 .list li:nth-child(2) strong{color:#5a9856}
.opdata.list .cont01 .list li:nth-child(3) strong{color:#1186e1}
.opdata.list .cont01 .list li:nth-child(4) strong{color:#3a57c2}

.opdata.list .cont01 .res .list{border:0;border-bottom:solid 1px #d9d9d9;}
.opdata.list .cont01 .res .list li{height:60px;transition:all ease 0.25s;border:solid 1px #d9d9d9;border-bottom:0;}
.opdata.list .cont01 .list li.link > a{display:block}
.opdata.list .cont01 .list li.link:hover{background:#f5f5f5;border:1px solid #1977d0;box-shadow:2px 2px 6px rgb(0 0 0 / 21%)}


.opdata.list .cont01 .list.col2{margin-top:0;}
.opdata.list .cont01 .list.col2 li{position:relative;width:50%;padding:10px 25px;}
.opdata.list .cont01 .list.col2 li + li{border-top:0}
.opdata.list .cont01 .list.col2 li + li:before{display:block;content:'';position:absolute;left:0;top:16px;width:1px;height:20px;background:#d9d9d9}
.opdata.list .cont01 .list.col2 li p{justify-content:center;align-items:center;}
.opdata.list .cont01 .list.col2 li strong{margin-left:24px;color:#242424;font-size:26px;font-weight:400;}

.opdata .total{display:flex;width:100%;justify-content:space-between;margin-right:0;margin-bottom:14px;}
.opdata .total .alignbx a{display:inline-block;position:relative;}
.opdata .total .alignbx a + a{margin-left:24px;}
.opdata .total .alignbx a + a:before{content:'';width:1px;height:24px;background:#d9d9d9;position:absolute;left:-12px;top:3px;}
.opdata .total .alignbx a.on{font-weight:600;color:#3a57c2;border-bottom:solid 2px #3a57c2}

/* 검색 탭 (적용 url)*/ 
.opdata .box_icon{justify-content:space-between}
.opdata .box_icon.f7 h5{width:calc(14% - 6px);}
.opdata .box_icon.f7 h5 a{display:flex;width:100%;}
.opdata .box_icon.f7 h5 a span{font-size:15px;font-weight:normal;}
.opdata .box_icon a.icon01{background-image:url(/images/sub/oplist_i01.png)}
.opdata .box_icon a.icon02{background-image:url(/images/sub/info_i08.png)}
.opdata .box_icon a.icon03{background-image:url(/images/sub/info_i20.png)}
.opdata .box_icon a.icon04{background-image:url(/images/sub/info_i05.png)}
.opdata .box_icon a.icon05{background-image:url(/images/sub/info_i07.png)}
.opdata .box_icon a.icon06{background-image:url(/images/sub/info_i02.png)}
.opdata .box_icon a.icon07{background-image:url(/images/sub/info_i01.png)}
/* 검색 탭 (적용 url) 끝*/ 
/* 검색 탭 (이동 후 삭제)*/ 
.opdata .box_icon a.icon01{background-image:url(/images/sub/oplist_i01.png)}
.opdata .box_icon a.icon02{background-image:url(/images/sub/info_i08.png)}
.opdata .box_icon a.icon03{background-image:url(/images/sub/info_i20.png)}
.opdata .box_icon a.icon04{background-image:url(/images/sub/info_i05.png)}
.opdata .box_icon a.icon05{background-image:url(/images/sub/info_i07.png)}
.opdata .box_icon a.icon06{background-image:url(/images/sub/info_i02.png)}
.opdata .box_icon a.icon07{background-image:url(/images/sub/info_i01.png)}
/* 검색 탭 (이동 후 삭제) 끝*/ 

/* 챙�혶챗째혖챘짧짢챙혶흸 */
.think .flex_circle{justify-content:space-evenly}
.think .flex_circle span{width:182px;height:182px;margin:10px;}
.think .flex_circle span.circle01{background:linear-gradient(to right, #0c81ee, #04549e)}
.think .flex_circle span.circle02{background:linear-gradient(to right, #27f08d, #0da95e)}
.think .flex_circle span.circle03{background:linear-gradient(to right, #f12b44, #b00f23)}
.think .flex_circle span:before{width:202px;height:202px;left:-10px;top:-10px;}
.think .flex_circle span:after{right: auto;left: -70%;}
.think .flex_circle span:last-child:after{content:'=';}
.think .flex_circle span em{display:flex;align-items:center;justify-content:center;font-size:18px;color:#242424;width:155px;height:155px;font-weight:400;padding-top:60px;background:#fff url(/images/sub/thkidx01.png) no-repeat center 26px;}
.think .flex_circle span:nth-child(2) em{padding-top:70px;background:#fff url(/images/sub/thkidx02.png) no-repeat center 28px;}
.think .flex_circle span:nth-child(3) em{padding-top:70px;line-height:1.3;background:#fff url(/images/sub/thkidx03.png) no-repeat center 18px;}
.think .line_box02{justify-content:center;}
.think .line_box02 > div.ewp01{background-image:url(/images/sub/thkidx04.png)}
.think .line_box02 > div.ewp02{background-image:url(/images/sub/thkidx05.png)}

.thkList ul{display:flex;flex-wrap:wrap;}
.thkList ul li{position:relative;width:calc((100% - 75px) / 4);height:250px;margin-right:25px;border:solid 1px #d9d9d9;box-sizing:border-box;transition:background-color .4s, box-shadow .4s, border .4s}
.thkList ul li:after{display:block;content:'';position:absolute;right:-1px;top:-1px;width:0;height:0;border-width:15px;border-style:solid;border-color:#fff #fff transparent transparent;background:#d9d9d9;transition:all ease 0.4s}
.thkList ul li:nth-child(n + 5){margin-top:25px}
.thkList ul li:nth-child(4n){margin-right:0;}
.thkList ul li:not(.nodata):hover{background-color: #f5f5f5;box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.21);border: 1px solid #1977d0;}
.thkList ul li:hover:after{opacity:0;}
.thkList ul li.nodata{display:block;width:100%;height:auto;border:0;padding:20px 0;text-align:center;}
.thkList ul li.nodata:after{display:none;}
.thkList ul li > a{display:flex;justify-content:space-between;flex-direction:column;height:100%;padding:28px 20px;box-sizing:border-box;}
.thkList ul li .pstTit{display:-webkit-box;height:80px;padding-right:20px;word-break:break-all;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:17px;font-weight:500;}
.thkList ul li .pstTit .state{display:block;width:72px;min-width:auto;height:Auto;padding:5px 10px;text-align:center;border-radius:30px;margin-bottom:10px;background:#2579e8;color:#fff;font-size:14px;}
.thkList ul li .pstTit .state.end{background:/*#ababab*/ #757575}
.thkList ul li .infobx{display:flex;justify-content:space-between;align-items:flex-end;font-size:15px;}
.thkList ul li .infobx p + p{margin-top:5px;color:#555;}
.thkList ul li .opbx{display:flex;}
.thkList ul li .opbx span{width:62px;height:36px;padding:4px;padding-left:40px;box-sizing:border-box;line-height:32px;background:url(/images/sub/i_good.png) no-repeat 6px 4px;background-size:auto 24px;}
.thkList ul li .opbx span.iBd{background-image:url(/images/sub/i_bad.png);background-position:6px 12px;}

.think .view_cts .opbx{display:flex;justify-content:center;margin-top:80px}
.think .view_cts .opbx > a{display:flex;justify-content:flex-end;align-items:center;width:145px;padding:14px 18px;padding-left:28px;background:url(/images/sub/i_good.png) no-repeat 14px 12px;background-size:auto 28px;border:solid 1px #d9d9d9;transition:background-color .4s, box-shadow .4s, border .4s}
.think .view_cts .opbx > a:hover{background-color: #f5f5f5;box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.21);border: 1px solid #1977d0;}
.think .view_cts .opbx > a.opB{margin-left:14px;background-image:url(/images/sub/i_bad.png);background-position-y:14px;}
.think .view_cts .opbx > a.opB:hover{background-color: #fdf0f0;border-color:#ad0f22}
.think .view_cts .opbx > a span{display:block;margin-left:12px;font-size:20px;}
.cmtbx .wrt{display:flex;}
.cmtbx .wrt textarea{height:90px;width:calc(100% - 125px);margin-right:5px;}
.cmtbx .wrt button{width:120px;}
.cmtbx .cmt_head{display:flex;margin-bottom:8px;justify-content:space-between;align-items:flex-end;}
.cmtbx .list{margin:20px 0 40px}
.cmtbx .list li{padding:14px 20px;padding-right:0;}
.cmtbx .list li + li{border-top:solid 1px #d9d9d9}
.cmtbx .cmt_head .u_nm{font-weight:500;}
.cmtbx .cmt_head .u_nm:before{display:inline-block;content:'';clear:both;width:26px;height:26px;margin:-8px 10px 0 0;vertical-align:middle;border-radius:50%;overflow:hidden;background:url(/images/sub/i_user.png) 50% 50% no-repeat;background-size:100%;}
.cmtbx .cmt_head .u_nm span{display:inline-block;margin-left:20px;font-size:14px;color:#979797;font-weight:normal;}
.cmtbx .cmt_head .btn_area a{padding:8px 18px 6px;width:auto;min-width:auto;height:auto;font-size:13px;}
.cmtbx .list .txt{padding:14px 20px;background:#f2f4f7;font-size:14px;word-break:break-all;}


.disF{display:flex;}
.jcSB{justify-content:space-between;}

.rental_solar{display:flex;width:100%;justify-content:space-around;}
.rental_solar .left{display:flex;align-items:center;}
.rental_solar .left > div:not(.gap){position:relative;width:180px;height:180px;border-radius:50%;background:linear-gradient(to right, #0c81ee, #04549e);}
.rental_solar .left > div:not(.gap):before{content: '';width: 202px;height: 202px;background: #fff;border: 1px solid #dbdbdb;border-radius: 50%;position: absolute;left: -10px;top: -10px;z-index: -1;}
.rental_solar .left > div:not(.gap) p{display:flex;justify-content:center;align-items:center;margin: 13px;width:155px;height:155px;font-size:28px;font-weight: 500;background:#fff;color: #242424;line-height: 1.5;border-radius: 50%;}
.rental_solar .left > div.bxR p{font-size:0;line-height:0;text-indent:-9999px;background:#fff url(/images/sub/ppa_img02.png) no-repeat 50% 50%;background-size:68%;}
.rental_solar .gap{width:280px;padding:0 40px;text-align:center;font-size:18px;font-weight:500;}
.rental_solar .gap > p{position:relative}
.rental_solar .gap .toR{margin-top:45px}
.rental_solar .gap .toR:after{display:block;clear:both;content:'';position:absolute;top:-16px;left:50%;transform:translateX(-50%);width:160px;height:10px;background:url(/images/sub/reArr_lineB.png) no-repeat 50% 50%;background-size:100%;}
.rental_solar .gap .toL:before{display:block;clear:both;content:'';position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);width:160px;height:10px;background:url(/images/sub/reArr_lineG.png) no-repeat 50% 50%;background-size:100%;}

.rental_solar .right {text-align:center}
.rental_solar .right .titleB{margin-bottom:25px;font-size:28px;font-weight:600;}
.rental_solar .right > ul{display:flex;justify-content:center;width:100%;}
.rental_solar .right > ul li{width:150px;text-align:center;font-size:17px;}
.rental_solar .right > ul li span{font-weight:500}
.rental_solar .right > ul li span:before{display:block;content:'';width:130px;height:130px;margin:0 auto 10px;border-radius:50%;background:#ff8900 url(/images/sub/i_rental_solar01.png) no-repeat 50% 50%;background-size:86%}
.rental_solar .right > ul li:nth-child(2) span:before{background-image:url(/images/sub/i_rental_solar02.png)}
.rental_solar .right > ul li:nth-child(3) span:before{background-image:url(/images/sub/i_rental_solar03.png)}
.rental_solar .right > ul + p{font-weight:500;margin-top:20px;font-size:26px;}
.rental_solar .right > ul + p strong{color:#ff8900}
.reEnergy .gray_box{display:flex;flex-wrap:nowrap;position:relative;align-items:center;margin-top:0px;padding:40px;}
.reEnergy .num_box:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:90%;height:5px;background:#d9d8dd;}
.reEnergy .num_box li{position:relative;display:flex;width:256px;height:80px;padding:0 0 0 30px;margin-right:25px;border-radius:105px;background:#fff;align-items:center;}
.reEnergy .num_box li:nth-child(5n){margin-right:0;}
.reEnergy .num_box li:after{content:'';width:9px;height:11px;position:absolute;left:-16px;top:34px;z-index:5;}
.reEnergy .num_box li:nth-child(2):after{background:url(/images/sub/mini_arrow01.png) center no-repeat}
.reEnergy .num_box li:nth-child(3):after{background:url(/images/sub/mini_arrow03.png) center no-repeat}
.reEnergy .num_box li:nth-child(4):after{background:url(/images/sub/mini_arrow05.png) center no-repeat}
.reEnergy .num_box li:nth-child(5):after{background:url(/images/sub/mini_arrow09.png) center no-repeat}
.reEnergy .num_box li p{position:relative;font-size:15px;padding-left:1.8em;margin-bottom:0;}
.reEnergy .num_box li p:before{position:absolute;left:0;top:0;content:attr(data-num);font-weight:600;color:#1977d0;}

.reEnergy .renew_powerplant .plant_inner{display:block;height:130px;}
.reEnergy .renew_powerplant .plant_inner.plant01{top:122px;}
.reEnergy .renew_powerplant .plant_inner.plant03{top:294px;left:840px;}
.reEnergy .renew_powerplant .plant_inner.plant04{top:432px;}
.reEnergy .renew_powerplant .plant_inner.plant05{left:165px;}
.reEnergy .renew_powerplant .plant_inner.plant06{top:460px;left:880px;}
.reEnergy .renew_powerplant .plant_inner .libx{display:flex;justify-content:space-between;align-items:center;width:100%;flex-wrap:wrap;height:130px;border-radius:10px;overflow:hidden;background:#fff;}

.reEnergy .renew_powerplant .plant_inner:nth-child(3):after{top:82%}
.reEnergy .renew_powerplant .plant_inner:nth-child(4):after{top:70%}
.reEnergy .renew_powerplant .plant_inner:nth-child(6):after{top:8%}

.reEnergy .renew_powerplant .plant_inner:nth-child(3):before,
.reEnergy .renew_powerplant .plant_inner:nth-child(4):before{top:72%}
.reEnergy .renew_powerplant .plant_inner:nth-child(6):before{top:12%}

.reEnergy .renew_powerplant .plant_inner .textArea{width:calc(100% - 132px);padding:0 16px;font-size:14px;}
.reEnergy .renew_powerplant .plant_inner .textArea p + p{margin-top:2px;}
.reEnergy .renew_powerplant .plant_inner .plant_name{margin-bottom:10px;}
.reEnergy .renew_powerplant .plant_inner .imgArea{width:130px;height:130px;border-radius:0 !important}
.reEnergy .renew_powerplant .plant_inner .infoArea{width:100%;padding:20px;background:url(/images/sub/pattern03.png) left top repeat-x;}
.reEnergy .renew_powerplant .plant_inner .infoArea p{position:relative;padding-left:8px;font-size:14px;}
.reEnergy .renew_powerplant .plant_inner .infoArea p:before{content:'';clear:both;display:block;position:absolute;left:0;top:7px;width:3px;height:3px;background:#242424;}
.reEnergy .renew_powerplant .plant_inner .infoArea p + p{margin-top:4px}
.reEnergy .renew_powerplant .plant_inner .libx{transition:all ease .25s}
/*
.reEnergy .renew_powerplant .plant_inner:hover{z-index:100;}
.reEnergy .renew_powerplant .plant_inner:not(.plant07):hover .libx{height:274px;box-shadow:2px 2px 15px rgba(1,1,1,0.35);}
.reEnergy .renew_powerplant .plant_inner:nth-child(2):hover .libx,
.reEnergy .renew_powerplant .plant_inner:nth-child(4):hover .libx,
.reEnergy .renew_powerplant .plant_inner:nth-child(5):hover .libx{box-shadow:-2px -2px 15px rgba(1,1,1,0.35);}

.reEnergy .renew_powerplant .plant_inner.plant03:hover .libx{height:250px;}	 
.reEnergy .renew_powerplant .plant_inner.plant05:hover .libx,
.reEnergy .renew_powerplant .plant_inner.plant06:hover .libx{height:180px;}
*/
.reEnergy .hoverBg{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:#111;opacity:0.4;}

.reEnergy .rehis{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;}
.reEnergy .rehis:before{display:block;content:'';position:absolute;top:50%;left:0;width:100%;height:1px;background:#cbcbcb}
.reEnergy .rehis li:not(:first-child),
.reEnergy .rehis li:first-child div{position:Relative;display:flex;align-items:center;background:#fff;border-radius:105px;width:240px;height:80px;padding:0 30px;border:1px solid #cbcbcb;box-sizing:border-box;}
.reEnergy .rehis li:first-child{width:220px;background:url(/images/sub/bgarr.png) no-repeat 100% center}
.reEnergy .rehis li:first-child div{width:200px;height:60px;}
.reEnergy .rehis li:not(:first-child, :last-child):after,
.reEnergy .rehis li:first-child div:before{display:block;content:'';position:absolute;top:25px;right:-10px;width:10px;height:10px;border-radius:50%;background:#3a57c2}
.reEnergy .rehis li:not(:first-child):after{top:35px;}
/*.reEnergy .rehis li:first-child div:after{display:block;content:'';position:absolute;top:30px;right:-35px;width:25px;height:1px;background:#cbcbcb}*/
.reEnergy .rehis li:first-child div:nth-child(2):after{display:none;}
.reEnergy .rehis li:first-child div + div{margin-top:10px;}
/*.reEnergy .rehis li:nth-child(2):before{content:'';display:block;position:absolute;left:-22px;width:1px;height:141px;background:#cbcbcb}*/
.reEnergy .rehis li:last-child{border-color:#2f85d8}
.reEnergy .rehis li .date{color:#3a57c2;font-weight:600;display:inline-block;margin-right:10px;}
.reEnergy .rehis li p{max-width:106px;}
.reEnergy .rehis li span{font-size:13px;display:block;color:#787878}

.reEnergy .ppa{display:flex;align-items:center;justify-content:center;margin:40px 0;}
.reEnergy .ppa > div{position:relative}
.reEnergy .ppa > div:not(.gap){position:relative;z-index:1;background-color:#fff;}
.reEnergy .ppa > div.right{width:230px;height:230px;border-radius:50%;border:solid 2px #d9d9d9;background:#fff url(/images/sub/ppa_img02.png) no-repeat 50% 50%;}
.reEnergy .ppa > div.left > div{width:230px;height:230px;border-radius:50%;border:solid 2px #d9d9d9;background:url(/images/sub/ppa_img01.png) no-repeat 50% 50%;}
.reEnergy .ppa > div:not(.gap) p{font-size:0;line-height:0;text-indent:-9999px;}
.reEnergy .ppa > div.mid{width:230px;height:230px;border-radius:50%;border:solid 2px #d9d9d9;}
.reEnergy .ppa > div.mid p{padding-top:150px;font-size:20px;text-align:center;color:#3a57c2;font-weight:500;background:url(/images/sub/proc03_3.png) no-repeat 50% 60%;line-height:normal;text-indent:0;background-size:88px;}
.reEnergy .ppa > div.gap{width:220px;text-align:center;}
.reEnergy .ppa > div.gap p{position:relative;width:100%;padding:0 6px;box-sizing:border-box;font-weight:500;font-size:17px}
.reEnergy .ppa > div.gap p + p{margin-top:42px;}
.reEnergy .ppa > div.gap01 p.toR:after{display:block;clear:both;content:'';position:absolute;top:-16px;left:50%;transform:translateX(-50%);width:160px;height:10px;background:url(/images/sub/reArr_lineB.png) no-repeat 50% 50%;background-size:100%;}
.reEnergy .ppa > div.gap01 p.toL:before{display:block;clear:both;content:'';position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);width:160px;height:10px;background:url(/images/sub/reArr_lineG.png) no-repeat 50% 50%;background-size:100%;}
.reEnergy .ppa > div.gap p.both:after{display:block;clear:both;content:'';position:absolute;top:-16px;left:50%;transform:translateX(-50%);width:160px;height:10px;background:url(/images/sub/reArr_lineB2.png) no-repeat 50% 50%;background-size:100%;}
.reEnergy .ppa > div.gap02{display:flex;flex-direction:column;justify-content:space-between;height:270px}
.reEnergy .ppa > div.gap02 p + p{margin-top:0}
.reEnergy .ppa > div.gap02 p:not(.both){padding:10px 0;color:#fff;background:#1c2750}
.reEnergy .ppa > div.mid:after,
.reEnergy .ppa > div.right:before{content:'';display:block;position:absolute;bottom:-21px;left:50%;transform:translateX(-50%);width:1px;height:20px;background:#1c2750}
.reEnergy .ppa > div.right:before{bottom:auto;top:-21px;}
.reEnergy .ppa > div.mid:before,
.reEnergy .ppa > div.right:after{content:'';display:block;position:absolute;top:-12px;left:50%;transform:translateX(-50%);width:16px;height:9px;background:url(/images/sub/select_bg_navy.png) no-repeat 0 0;background-size:100%;}
.reEnergy .ppa > div.right:after{top:auto;bottom:-12px;transform:translateX(-50%) rotate(180deg)}
.reEnergy .ppa > div.gap02 p.toR:before,
.reEnergy .ppa > div.gap02 p.toL:after{display:block;clear:both;content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:451px;height:1px;background:#1c2750}
.reEnergy .ppa > div.gap02 p.toR:before{top:auto;bottom:0;}
.reEnergy .ppa > div.gap02 p.toL:before,
.reEnergy .ppa > div.gap02 p.toR:after{display:block;clear:both;content:'';position:absolute;top:0;left:-116px;width:1px;height:18px;background:#1c2750}
.reEnergy .ppa > div.gap02 p.toR:after{left:auto;top:auto;bottom:0;right:-116px;}


.reEnergy .ppa .imgArea{text-align:center;margin-bottom:40px;}

.REbx{display:flex;position:relative;padding:15px 15px 20px;margin-bottom:10px;background:#e5e5e5;justify-content:space-between;align-items:flex-end;}
.REbx .wrap{width:auto;display:flex;padding:50px 110px 50px 18px;border-radius:15px;background:#f5f5f5}
.REbx .after .wrap{padding:50px 18px 50px 110px}
.REbx .titbx{position:relative;display:inline-block;width:290px;margin-bottom:10px;text-align:center;padding:5px 14px;font-size:18px;background:#1c2750;color:#fff;}
.REbx .before:before,
.REbx .after:after{content:'';display:block;clear:both;position:absolute;left:0;top:0;height:33px;width:205px;background:url(/images/sub/reArr_lineBk.png) no-repeat 0% 50%;background-size:auto 13px;}
.REbx .after:after{left:auto;right:0px;transform:rotate(180deg)}
.REbx .before:after,
.REbx .after:before{content:'';display:block;clear:both;position:absolute;right:-7px;top:0;height:33px;width:212px;background:url(/images/sub/reArr_lineBk.png) no-repeat 0% 50%;background-size:auto 13px;}
.REbx .after:before{right:auto;left:-7px;transform:rotate(180deg)}
.REbx .center:before,
.REbx .center:after{display:block;content:'';clear:both;width:7px;height:40px;position:absolute;left:111px;top:-38px;background:url(/images/sub/reArr_dotBk.png) no-repeat 0% 100%;}
.REbx .center:after{left:auto;right:111px;}
.REbx > div:not(.center){position:relative;width:calc(50% - 15px);text-align:center;}
.REbx .center{position:absolute;left:50%;transform:translateX(-50%);width:248px;padding:28px 8px 14px;margin-bottom:15px;background:#fff;border:solid 1px #d9d9d9;border-radius:10px;text-align:center;z-index:9}
.REbx .center .subtit{margin-bottom:14px;font-size:23px;font-weight:500;color:#3a57c2}
.REbx .center span{display:block;width:100%;margin-top:14px;padding:8px 0;background:#555;font-size:17px;color:#fff;font-weight:600;}
.REbx .wrap > div:not(.gap){display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:105px;padding:12px 20px;background:#fff;border:solid 1px #d9d9d9;border-radius:10px;}
.REbx .wrap .subtit{font-size:20px;font-weight:500;color:#3a57c2}
.REbx .wrap .subtit + .item{margin-top:8px}
.REbx .wrap .item{width:100%;text-align:left}
.REbx .wrap .item:before{display:inline-block;content:'';clear:both;width:5px;height:1px;background:#333;margin:-3px 5px 0 0;vertical-align:middle;}
.REbx .wrap .gap{width:140px;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.REbx .wrap .gap p{position:relative;width:100%;padding:0 6px;box-sizing:border-box;}
.REbx .wrap .gap p.toL{margin-top:14px;height:20px;}
.REbx .wrap .gap p.toR:after{display:block;clear:both;content:'';position:absolute;left:50%;bottom:-8px;width:98%;height:10px;transform:translateX(-50%);background:url(/images/sub/reArr_lineB.png) no-repeat 100% 50%}
.REbx .wrap .gap p.toL:before{display:block;clear:both;content:'';position:absolute;left:50%;top:-8px;width:98%;height:10px;transform:translateX(-50%);background:url(/images/sub/reArr_lineG.png) no-repeat 0% 50%}
.REbx .wrap .gap.dot p.toL:before{background-image:url(/images/sub/reArr_dotG.png)}
.REbx .wrap .gap.dot p.toR:after{background-image:url(/images/sub/reArr_dotB.png)}
.yImgbx{width:100%;background:#f5f5f5;padding:16px 28px;}
.yImgbx img{width:100%}
.yImgbx {position:relative;display:flex;}
.yImgbx:after{display:block;content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:calc(100% - 56px);height:1px;background:#242424;}
.yImgbx > div{line-height:2.4;text-align:center;width:calc(100% - 350px);border-right:solid 1px #242424}
.yImgbx .fr{position:relative;width:350px;border-left:solid 1px #242424}
.yImgbx .fr i{display:block;position:absolute;top:39%;left:1%;width:98%;height:1px;background:#e21625;}
.yImgbx .fr i:before{content:'';display:block;position:absolute;left:0;top:-4px;width:5px;height:10px;background:url(/images/sub/yearArr.png) no-repeat 0 0;transform:rotate(180deg)}
.yImgbx .fr i:after{content:'';display:block;position:absolute;right:0;top:-5px;width:5px;height:10px;background:url(/images/sub/yearArr.png) no-repeat 0 0;}
.yImgbx.y10 > div{width:calc(100% - 700px)}
.yImgbx.y10 .fr{width:700px;}
.sptbx{width:100%;display:flex;flex-wrap:wrap;position:relative;justify-content:center;}
.sptbx:before{content: '';width: 210px;height: 158px;background: url(/images/sub/sptArr.png) center no-repeat;position: absolute;left: 50%;top:50%;transform:translate(-50%, -50%)}
.sptbx > li{display:block;width:394px;padding:16px 20px 18px;text-align:center;background-color:#fafafa;border:solid 1px #1a244a;}
.sptbx > li:first-child{margin-right:140px;}
.sptbx > li .title{font-size:22px;margin-bottom:12px;font-weight:500;}
.sptbx > li ol{display:flex;padding:0;/*flex-direction:column;*/align-items:center;}
.sptbx > li:nth-child(2) ol{justify-content:center;}
.sptbx > li ol li{position:relative;counter-increment:list-num;text-align:left;}
.sptbx > li ol li:before{display:inline-block;content:counter(list-num);width:17px;height:17px;margin-right:4px;line-height:17px;font-size:13px;border-radius:50%;border:solid 1px #242424;text-align:center;vertical-align:top;}
.sptbx > li ol li + li{margin-left:40px}
.sptbx > li ol li > p{display:inline-block}
.sptbx > li ol li > p .sm{display:block;margin-top:4px;}
.stepbx{justify-content:space-between;}
.stepbx.num_box li{width:274px;padding:0 25px 0 30px;margin-right:0;}
.stepbx.num_box li:after{left:-50px;}
.stepbx + .sup{margin-top:6px;text-align:right;}
.bullet_num.fs15{font-size:15px;}
.bullet_num.fs15 li + li{margin-top:4px}

.reEnergy .titleS{font-weight:600;letter-spacing:-0.5px}
.reEnergy .titleS span{font-size:20px;font-weight:500;padding:10px 0 0;color:#111}
.reEnergy .fmsolar01{display:flex;justify-content:space-between;align-items:baseline;width:1080px;margin:0 auto 20px;}
.reEnergy .fmsolar01 img{width:auto}
.reEnergy .gray_box.fmsolar02{justify-content:space-between;}
.reEnergy .gray_box.fmsolar02 .bx{position:relative;width:calc((100% - 40px) / 2);}
.reEnergy .gray_box.fmsolar02 .bx:last-child:before{content:'';position:absolute;left:-20px;top:0;width:1px;height:100%;background:#d9d9d9;}
.reEnergy .gray_box.fmsolar02 .bx.flex:before{display:none}
.reEnergy .gray_box.fmsolar02 .tit{padding:10px 20px;margin-bottom:8px;text-align:center;background:#fff;border:solid 1px #44a284;font-weight:500;}
.reEnergy .gray_box.fmsolar02 .tit.nobx{padding:0;text-align:left;background:transparent;border:0;}
.reEnergy .gray_box.fmsolar02 .imgbx{display:flex;}
.reEnergy .gray_box.fmsolar02 .imgbx.w2,
.reEnergy .gray_box.fmsolar02 .bx.flex{justify-content:space-between;}
.reEnergy img{width:100%}
.reEnergy .gray_box.fmsolar02 .imgbx.w2 > div{width:calc((100% / 2) - 2px);}
.reEnergy .gray_box.fmsolar02 .bx.flex > div{position:relative;width:calc((100% / 2) - 10px);}
.reEnergy .gray_box.fmsolar02 .bx.flex > div:last-child:before{content:'';position:absolute;left:-10px;top:0;width:1px;height:100%;background:#d9d9d9;}
.reEnergy .gray_box.fmsolar02 .bx.flex p{font-weight:600;}
.reEnergy .gray_box.fmsolar02 .txt{padding:19px 0;font-size:22px;font-weight:600;text-align:center;color:#fff;line-height:1;background:#00736b}
.reEnergy .tbbx.w2{display:flex;justify-content:space-between}
.reEnergy .tbbx.w2 .tableScroll{position:relative;width:calc(100% - 250px);}
.reEnergy .tbbx.w2 .tableScroll + div{width:70px;height:180px;background:url(/images/sub/exarr.png) no-repeat 50% 50%;background-size:auto 65%;}
.reEnergy .tbbx.w2 table.tbR{width:180px;}

.reEnergy .box_con.current .figure_wrap{justify-content:space-between;}
.reEnergy .box_con.current figure {position:relative;width:calc(33.3% - 39px);border:solid 1px #d9d9d9;}
.reEnergy .box_con.current figure:nth-child(2):before{content: '';width: 30px;height: 34px;background: url(/images/common/arrow04.png) center no-repeat;background-size:100%;position: absolute;left:-47px;top:50%;margin-top: -17px;}
.reEnergy .box_con.current figure:nth-child(3):before{content: '';width: 30px;height: 34px;background: url(/images/common/arrow05.png) center no-repeat;background-size:100%;position: absolute;left:-47px;top:50%;margin-top: -17px;}
.reEnergy .box_con.current figure div{height:auto;}
.reEnergy .box_con.current figure div img{width:100%}
.reEnergy .box_con.current figure p:not(.caption) { padding:20px;text-align:center;font-size:17px;}
.reEnergy .box_con.current figure .caption { font-weight:500; margin-top:0px; background:#013b80; color:#fff; padding:10px 20px;}
.reEnergy .box_con.current figure .caption span{position:relative;display:block;padding-top:14px}
.reEnergy .box_con.current figure .caption span:before{display:block;content:'';position:absolute;top:7px;left:50%;transform:translateX(-50%);width:100%;height:1px;background:#b3b3b3}


/* 怨듦났�꾨━ */
.crtype{display:flex;margin:28px 0;border:solid 1px #d9d9d9}
.crtype li{text-align:center;padding-bottom:10px;border-left:solid 1px #d9d9d9}
.crtype li:first-child{border-left:0;}
.crtype li p{padding:12px 0 8px;}
.crtype li .tit{padding:10px 0 8px;font-size:18px;font-weight:500;background:#ecf0f4;border-bottom:solid 1px #d9d9d9}
.crtype img{width:94%}
.crimg_free{display:block;margin:0 auto 12px;}
.graybx{margin:28px 0;padding:14px 20px;background:#ecf0f4;border:solid 1px #d9d9d9;}
.graybx .titleC{margin:0 0 8px}
.accoList{border-top:1px solid #1977d0}
.accoList > li{border-bottom:solid 1px #d9d9d9;}
.accoList .que > p{width:calc(100% - 60px)}
.accoList .que > p a{position:relative;display:block;width:100%;padding-right:24px;}

.accoList .que > p a:after{display:block;content:'';clear:both;position:absolute;top:8px;right:0;width:14px;height:8px;background:url(/images/sub/faqArr.png) no-repeat 100% 50%;transform:rotate(-180deg)}
.accoList .show .que > p a:after{transform:rotate(0);}
.accoList .que,
.accoList .ans{display:flex;padding:14px 14px 12px ;align-items:center;font-size:17px;font-weight:500;}
.accoList .que{cursor:pointer}
.accoList #faq01 .ans,
.accoList #faq03 .ans,
.accoList #faq06 .ans{align-items:flex-start}
.accoList .que i,
.accoList .ans i{position:relative;display:block;width:40px;height:40px;margin-right:10px;text-align:center;font-size:20px;font-style:normal;font-weight:600;line-height:40px;background:#1977d0;color:#fff;border-radius:5px}
.accoList .ans i{background:#fff;border:solid 1px #0c7bc0;color:#0c7bc0}
.accoList .ans{background:#ecf0f4;border-top:solid 1px #d9d9d9}
.accoList .ans .itembx{width:100%;font-size:16px;font-weight:normal;line-height:1.6}
.accoList .ans .item{display:flex;border:solid 1px #d9d9d9;background:#fff;justify-content:space-between;align-items:center;line-height:1.3}
.accoList .ans .item + .item{border-top:0}
.accoList .ans .item > div{padding:10px 24px;}
.accoList .ans .item .imgbx{width:428px;height:121px;padding:10px 24px;border-left:solid 1px #d9d9d9;text-align:center}
.accoList .ans .item .tit{margin-bottom:10px;font-weight:500;font-size:17px;}
.accoList .ans .item .tit .sm{display:inline-block;margin-left:5px;font-weight:normal;font-size:14px;}
.accoList .ans .item img{height:100%}
.accoList .ans .bullet02{font-size:15px}
.accoList .ans .bullet_num{margin-bottom:10px;font-size:15px;}
.accoList .ans .bullet_num p + p{margin-top:4px}
.accoList .ans .bullet_num .ex{display:flex;}
.accoList .ans .bullet_num .ex span{display:inline-block;margin-right:4px}
.accoList .ans .sup{display:block;position:relative;padding-left:46px}
.accoList .ans .sup:before{display:block;content:'*';position:absolute;left:35px;}

.line{width:100%;height:1px;background:#d9d9d9;margin:20px 0;}
.disrip{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;}

.retire .textA.info{padding-top:35px;position:relative;font-weight:400;line-height:1.6;text-align:center;}
.retire .textA.info:before{content:'';position:absolute;top:15px;left:50%;margin-left:-2px;width:4px;height:4px;border-radius:50%;background:#e21625}
.retire .textA.info > span{display:block;}
.retire .tableA strong{font-size:16px;font-weight:500;}
.retire .tableA strong.block{display:block}

.retire .stepbox01 .step_div{display:block;padding:40px 20px;height:auto;}
.retire .stepbox01 .step_div p{font-size:18px;margin-bottom:8px;}
.retire .stepbox01 .step_div ul li{text-align:left;margin-bottom:0;}
.retire .step_line{justify-content:center}
.retire .step_line > li{flex-direction:column;justify-content:flex-start;width:240px}
.retire .step_line > li .bullet_wrap{margin-top:8px}
.retire .step_line > li .bullet01{margin-bottom:0;text-align:left;}

.retire > .alert_p:before{top:4px;}
.retire .alert_p .blue_btn{padding:5px 15px;height:auto;margin-left:5px;font-size:14px;}
.retire .tableW #retirecheck_confirm{margin-left:8px;font-size:13px;}
.retire .tableW .alert_p:before{top:-1px;}
.retire .tableW .btn_area{display:inline-flex;}
.retire .tableW .btn_area a{margin-right:5px;}

.retire .tableW .btn{line-height:1.6}
.addr_box_wrap{display:flex;align-items:center;flex-wrap:wrap;width:100%;gap:5px}
.addr_box_wrap input[readonly]{background:#ececec}
.addr_box_wrap > div{display:flex;gap:5px;width:calc(100% - 223px);}
.addr_box_wrap > div input[type="text"]{width:calc((100% - 4px) / 2)}

/* 240517 정보공개제도안내 > 업무처리절차 */
.open_prc{position:relative;display:flex;justify-content: space-between;align-items:flex-end;width:900px;margin:0 auto;}
.open_prc li:not(.col2),
.open_prc li.col2 > div{position:relative;display:flex;align-items:center;justify-content:center;width:200px;height:70px;padding:0 30px;box-sizing:border-box;background:#fff;border-radius:105px;border:solid 1px #cbcbcb;text-align:center;}
.open_prc li.col2{position:relative}
.open_prc li:last-child{border-color:#2f85d8;color: #3a57c2;font-weight: 600;}
.open_prc li.circle{width:140px;height:140px;border-radius:50%;padding:0 20px;border-color:#2f85d8;color: #3a57c2;font-weight: 600;}
.open_prc li.col2 > div + div{margin-top:10px;}
.open_prc li:not(:last-child):after{display:block;content:'';clear:both;position:Absolute;right:-92px;top:35px;width:92px;height:1px;background:#757575}
.open_prc li.col2:before{display:block;content:'';clear:both;position:Absolute;left:-30px;top:37px;width:1px;height:80px;background:#757575}
.open_prc li.circle:after{top:64px;width:25px;right:-25px}
.open_prc li.col2:after{top:116px;}
.open_prc li:not(:first-child, .col2):before,
.open_prc li.col2 > div:before{display:block;content:'';clear:both;position:Absolute;left:-10px;top:30px;width:0;height:0;border-left:solid 7px #3a57c2;border-right:solid 7px transparent;border-bottom:solid 6px transparent;border-top:solid 6px transparent}
.open_prc li.col2 > div:after{display:block;content:'';position:absolute;left:-30px;top:35px;width:20px;height:1px;background:#757575}

.depth1_linkbox.st{margin-top:0;padding:30px;margin-bottom:20px}
.depth1_linkbox.st .pointP_Sub{margin-bottom:40px;}
.depth1_linkbox.st > div{display:flex;text-align:center;justify-content:center}
.depth1_linkbox.st strong{padding:24px 40px;font-weight:500;font-size:17px;background:#fff;border-radius:45px;}
.depth1_linkbox.st strong:before{content:'';display:inline-block;width:14px;height:14px;margin:-4px 5px 0 0;background:url(/images/sub/i_chk.png) no-repeat 50% 50%;vertical-align:middle;background-size:100%;}
.depth1_linkbox.st strong + strong{margin-left:40px;}
.depth1_linkbox.st div + p{text-align:center;font-size:16px;margin-top:20px;}

.enviro_info .mapArea{display: unset;}
.enviro_info .titleB4{margin-top: 0;}
.enviro_info .map_right{margin-top: 25px;}
.mapArea:after { content: ''; display: table; clear: both }
.map_left{float: left;width:53%}
.map_left .tableA td{padding:21px 10px}
.map_right{float: right;width:45%;text-align: right;margin-top: 47px;}
.map_right .detail{font-size:14px;color:#242424;margin: -12px 0 10px 0;display: block;}
.map{background:url(/images/sub_value/info_map.jpg)right top no-repeat;width:100%;height:444px;position: relative;}
.map .locate{text-align:center;position: absolute;cursor:pointer;background: url(/images/sub_value/map_list.png)left top no-repeat;width:110px;height:111px;background-size:100%;}
.map .locate p{font-size:16px;color:#fff;padding-top: 60px;background: url(/images/sub_value/locate.png)center top 19px no-repeat;letter-spacing: -1px;line-height: 1.1;font-weight: 300;}
.map .ilsan{left: 50px;top: 20px;}
.map .donghae{right: 40px;top: 20px;}
.map .dangjin{left: 140px; top: 150px;}
.map .ulsan{bottom: 78px;right: 42px;}
.map .honam{left: 50px;bottom:52px;}

.map .ilsan::before{content: '';background: url(/images/sub_value/line01.png)left top no-repeat;width: 99px;height:10px;position:absolute;right: -90px;top: 49%;transform: rotateY(180deg);}
.map .donghae::before{content: '';background: url(/images/sub_value/line01.png)left top no-repeat;width: 124px;height:10px;position:absolute;left: -113px;top: 50%;}
.map .dangjin::before{content: '';background: url(/images/sub_value/line03.png)left top no-repeat;width: 71px;height:1px;position:absolute;right: -65px;top: 48%;}
.map .ulsan::before{content: '';background: url(/images/sub_value/line03.png)left top no-repeat;width: 71px;height:1px;position:absolute;left: -32px;top: 52%;}
.map .honam::before{content: '';background: url(/images/sub_value/line04.png)right top no-repeat;width: 214px;height:24px;position:absolute;right: -202px;top: 52%;}
.map .ilsan::after{content: '';width:5px;height:5px;border-radius:50%;background:#01419a;position:absolute;right: -92.5px;top: 64px;}
.map .donghae::after{content: '';width:5px;height:5px;border-radius:50%;background:#01419a;position:absolute;left: -115px;top: 66px;}
.map .dangjin::after{content: '';width:5px;height:5px;border-radius:50%;background:#01419a;position:absolute;right: -69px;top: 52px;}
.map .ulsan::after{content: '';width:5px;height:5px;border-radius:50%;background:#01419a;position:absolute;left: -34px;top: 56px;}
.map .honam::after{content: '';width:5px;height:5px;border-radius:50%;background:#01419a;position:absolute;right: -204px;top: 81px;}

.map .on_map{position:absolute;display:none}
.map .on_map.click{display:block}
.map .locate.click{background: url(/images/sub_value/map_list_on.png)left top no-repeat;background-size:100%;}
.map .locate.click::after{opacity:0;}
.map .on_map.ilsan_map{background:url(/images/sub_value/ilsan_map.png)left top no-repeat;width:38px;height:24px;right: 387px;top: 17%;}
.map .on_map.donghae_map{background:url(/images/sub_value/donhae_map.png)left top no-repeat;width:129px;height:111px;right: 207px;top: 6.3%;}
.map .on_map.dangjin_map{background:url(/images/sub_value/dangjin_map.png)left top no-repeat;width:105px;height:73px;right: 291px;top: 43.2%;}
.map .on_map.ulsan_map{background:url(/images/sub_value/ulsan_map.png)left top no-repeat;width:38px;height:31px;right: 164px;bottom: 110px;}
.map .on_map.honam_map{background:url(/images/sub_value/honam_map.png)left top no-repeat;width:106px;height:103px;right: 283px;bottom: 23px;}

.map .locate.click img{display:none}
.map .locate.click .on_img{display:inline-block;position: relative;z-index: 10;}
.map .ilsan.click::before{background: url(/images/sub_value/line01_on.png)left top no-repeat;top: 43%;right: -92px;}
.map .donghae.click::before{background: url(/images/sub_value/line03_on.png)left top no-repeat;left: -87px;top: 52%;}
.map .dangjin.click::before{background: url(/images/sub_value/line03_on.png)left top no-repeat;top: 48%;right: -25px;;}
.map .ulsan.click::before{background: url(/images/sub_value/line03_on.png)left top no-repeat;top: 45%;left: -15px;width: 22px;}
.map .honam.click::before{background: url(/images/sub_value/line03_on.png)right top no-repeat;right: -128px;top: 42%;}
.map_this{width:100%;border:1px solid #00b0f0;background:rgba(0,176,240,0.05);display:none;height:45px;position: absolute;left: 0;box-sizing: border-box;}
.map_this.click{display:block;}
#ilsan.map_this{top: 240px;}
#donghae.map_this{top:292px}
#ulsan.map_this{top: 344px;}
#honam.map_this{top: 396px;}
#dangjin.map_this{top: 188px;}
.map_table{position:relative;}

/* 개인정보처리방침 - 개인정보 권리 행사 안내 */
.policy_box.web{display:flex;justify-content:space-between;margin:40px 0;}
.policy_box.mob{display:none;margin-top:40px;}
.policy_box .process{width:calc(100% - 340px);}
.policy_box .process > *:not(.last){text-align:center;}
.policy_box .process > div:not(:last-child){margin-bottom:80px}
.policy_box .process .title{position:relative;width:560px;margin:0 auto;padding:16px 10px;font-size:22px;font-weight:500;border-radius:60px;color:#fff;background:#1c2750;box-sizing:border-box;}
.policy_box .process .title:before{display:block;content:'';clear:both;position:absolute;left:50%;bottom:-40px;transform:translateX(-50%);width:1px;height:40px;background:/*#cbcbcb*/ #757575;}
.policy_box .process .title:after{display:block;content:'';clear:both;position:absolute;left:50%;bottom:-40px;transform:translateX(-50%);width:560px;height:1px;background:/*#cbcbcb*/ #757575;}
.policy_box .process .col2{display:flex;justify-content:space-around;}
.policy_box .process .col2 .box {position:relative;width:360px;background:#f1f7f5;border:solid 1px #d9d9d9;padding-bottom:14px}
.policy_box .process .col2 .box:before{display:block;content:'';clear:both;position:absolute;left:50%;top:-42px;transform:translateX(-50%);width:1px;height:42px;background:/*#cbcbcb*/ #757575;}
.policy_box .process .col2 .box + div{background:#f5f7f9;}
.policy_box .process .sub_title{padding:12px 14px;margin-bottom:14px;font-size:18px;font-weight:500;background:#00a66c;color:#fff;}
.policy_box .process .col2 .box + div .sub_title{background:#1977d0}
.policy_box .process .text{position:Relative;width:320px;margin:0 auto;padding:14px 20px;background:#fff;border-radius:5px;border:solid 1px #d9d9d9}
.policy_box .process .text + .text{margin-top:50px}
.policy_box .process .text + .text:before{display:block;content:'';clear:both;position:absolute;left:50%;top:-36px;transform:translateX(-50%);width:28px;height:20px;background:url(/images/sub/policy_gray_arr.png?var=20250225) no-repeat 50% 50%;background-size:100%;}
.policy_box .process .txtbx{display:flex;justify-content:space-evenly;align-items:center;}
.policy_box .process .txtbx > div{display:flex;justify-content:space-evenly;align-items:center;width:540px}
.policy_box .process .txtbx p{position:relative;display:flex;justify-content:center;flex-direction:column;width:220px;height:128px;padding:14px 20px;border:solid 1px #d9d9d9;font-size:17px;font-weight:500;border-radius:15px;background:#efeff1}
.policy_box .process .txtbx p:before{display:block;content:'';clear:both;position:absolute;left:50%;top:-65px;transform:translateX(-50%);width:9px;height:50px;background:url(/images/sub/policy_line.png?var=20250225) no-repeat 50% 50%;}
.policy_box .process .txtbx p.bBlue{border:solid 1px #1977d0;background:#fff;}
.policy_box .process .txtbx p span{font-size:14px;display:inline-block;margin-top:4px;font-weight:normal;}
.policy_box .process .last{position:relative;width:220px;height:85px;text-align:center;line-height:83px;margin-left:46px;border:solid 1px #215eae;background:#3a57c2;color:#fff;font-size:18px;font-weight:500;border-radius:10px;}
.policy_box .process .last:before{display:block;content:'';clear:both;position:absolute;left:50%;top:-52px;transform:translateX(-50%);width:28px;height:20px;background:url(/images/sub/policy_blue_arr.png) no-repeat 50% 50%;background-size:100%;}
.policy_box .process .last span{display:inline-block;width:18px}

.policy_box .gubun{width:240px}
.policy_box .gubun li{position:relative;display:flex;align-items:center;justify-content:center;min-height:60px;padding:20px 24px;text-align:center;font-size:16px;font-weight:500;border-radius:5px;background:#1c2750;color:#fff;}
.policy_box .gubun li:after{display:block;content:'';clear:both;position:absolute;height:1px;border-top:dotted 2px #757575;}/*d9d9d9*/
.policy_box .gubun li.red{background:#e21625;}
.policy_box .gubun li:nth-child(2){margin-top:136px}
.policy_box .gubun li:nth-child(3){margin-top:48px}
.policy_box .gubun li:nth-child(4){height:128px;margin-top:98px}
.policy_box .gubun li:nth-child(5){margin-top:90px}
.policy_box .gubun li:nth-child(1):after{right:-380px;width:380px;}
.policy_box .gubun li:nth-child(2):after,
.policy_box .gubun li:nth-child(3):after{right:-200px;width:200px;}
.policy_box .gubun li:nth-child(4):after,
.policy_box .gubun li:nth-child(5):after{right:-146px;width:146px;}

.policy_box.mob .process{width:100%}
.policy_box.mob .process > div:not(:last-child){margin-bottom:40px}
.policy_box.mob .process > div.title{width:100%;font-size:18px;margin-bottom:25px;}
.policy_box.mob .process .title:before{height:25px;bottom:-25px}
.policy_box.mob .process .title:after{display:none}
.policy_box.mob .process .sub_title{font-size:16px}
.policy_box.mob .process .sub_title.blue{background:#1977d0}
.policy_box.mob .process .col2{flex-direction:column}
.policy_box.mob .process .col2 .box{width:100%}
.policy_box.mob .process .col2 .box:before{display:none}
.policy_box.mob .process .text{width:calc(100% - 40px);padding:10px 14px}
.policy_box.mob .process .text + .text{margin-top:24px}
.policy_box.mob .process .text + .text:before{width:20px;height:13px;top:-20px}
.policy_box.mob .process .col2 .txtbx{margin:50px 0 24px;background:transparent;justify-content:space-between;align-items:normal;}
.policy_box.mob .process .txtbx p{width:calc((100% - 10px) / 2);height:auto;min-height:68px;font-size:16px;padding:12px 10px;}
.policy_box.mob .process .txtbx p:before{top:-46px;height:40px;background-size:auto 100%;}
.policy_box.mob .process .last{width:calc((100% - 10px) / 2);margin-left:0;height:68px;line-height:66px;font-size:16px;}
.policy_box.mob .process .last:before{width:20px;height:13px;top:-20px}

/* 개인정보처리방침 - 개인정보 권리 행사 안내 끝 */


/* 우리사주조합 모바일 투표 */
.esop .titleS{margin-bottom:20px}
.esop .pointP_Sub{margin-bottom:0}
.esop .pointP_Sub span{font-size:17px}
.esop .btn_area{margin-top:40px}

.i_certi{display:block;width:100px;height:100px;margin:28px auto 0;background:url(/images/sub/i_certi.png) no-repeat 50% 50%;}
br.mob{display:none}
/* 우리사주조합 모바일 투표 끝 */

/* CEO경영방침, 슬로건 */
.subCeo .policy_img{display:block;margin:0px 0 40px;text-align:center;}
.subCeo .policy_img.slogan img{width:800px;}
.subCeo .color_title>p,
.subCeo .color_title>span{padding:16px 10px;}

.policy_tit{display:flex;align-items:center;padding:20px 24px;background:#fff;border-radius:10px;box-shadow:0 0 4px rgb(0 0 0 / 24%);font-size:17px;text-align:left;}
.policy_tit > .tit{position:relative;width:240px;font-size:20px;margin-right:20px;font-weight:500;}
.policy_tit > .tit strong{font-weight:600}
.policy_tit > .tit:after{display:inline-block;content:'';clear:both;width:12px;height:14px;margin:-6px 0 0 14px;vertical-align:middle;background:url(/images/sub/arr_policy.png) no-repeat 0 0;}
.policy_tit > .tit + p{width:calc(100% - 260px)}
.policy_tit + .policy_tit{margin-top:18px}
.policy_tit .textE{color:#f05a23}
.policy_tit .textW{color:#e6001f}
.policy_tit .textP{color:#f7921e;font-size:20px;}
.policy_list{padding:0 28px;margin:20px 0}
.policy_list li + li{margin-top:10px}
.policy_list li{position:relative;padding-left:10px;font-size:16px;}
.policy_list li:before{display:block;content:'';clear:both;position:absolute;left:0;top:8px;width:4px;height:4px;background:#242424;border-radius:50%;}
.policy_list li strong{font-weight:500}
.policy_list + .policy_tit{margin-top:40px}
/* CEO경영방침, 슬로건 끝 */

.target_bx{margin:20px 0;padding:28px 40px 45px;border:solid 1px #d9d9d9;text-align:center;}
.target_bx .tglist{position:relative;width:auto;display:inline-flex;justify-content:center;padding-bottom:40px;background:#fff;font-weight:500;}
.target_bx .tglist li{position:relative;}
.target_bx .tglist li:not(:last-child):after{content: '';width: 2px;height: 82px;background: url(/images/sub/pattern05.png) left top repeat-y;position: absolute;right:-80px;top:34px;}
.target_bx .tglist li + li{margin-left:180px;}
.target_bx .tglist li > p{position:relative;}
.target_bx .tglist li > p .img{width:135px;height:135px;border-radius:50%;display:block;margin:7px auto;position:relative;margin-bottom:20px;background:#e4eaef url(/images/sub/i_target01.png) no-repeat 50% 50%;}
.target_bx .tglist li:nth-child(2) > p .img{background-image:url(/images/sub/i_target02.png)}
.target_bx .tglist li:nth-child(3) > p .img{background-image:url(/images/sub/i_target03.png)}
.target_bx .tglist li > p .img:before{content:'';width:149px;height:149px;background-color:rgba(255,255,255,0);border:solid 1px #e4eaef;border-radius:50%;position:absolute;left:-7px;top:-7px;}
.target_bx .tglist ~ p{position:relative;margin-bottom:50px;padding:10px 0;font-size:20px;font-weight:500;}
.target_bx .tglist ~ p:before{display:block;content:'';width:680px;height:100px;position:absolute;left:50%;transform:translateX(-50%);bottom:0;border-radius:40px;border:solid 1px #3494ee;z-index:-1;}
.target_bx .tglist ~ p:after{display:block;content:'';width:9px;height:34px;position:absolute;left:50%;transform:translateX(-50%);bottom:-34px;z-index:-1;background:url(/images/sub/arr_dot_blue.png) no-repeat 50% 50%;}
.target_bx .tglist ~ p.reverse{margin-bottom:0;margin-top:50px;}
.target_bx .tglist ~ p.reverse:before{bottom:auto;top:0;}
.target_bx .tglist ~ p.reverse:after{transform:translateX(-50%) rotate(-180deg);bottom:auto;top:-34px}
.target_bx .bxlist{display:flex;justify-content:center;padding:22px 20px;background:#fafafa;}
.target_bx .bxlist li{width:270px;padding:22px 10px;background:#fff;border-radius:50px;}
.target_bx .bxlist li + li{margin-left:28px}
.cibx{padding:50px 0 0;background:#fff;}
.cibx > img{height:30px}

.app_process {width:100%;font-size:15px;text-align:center;}
.app_process .col{display:flex;align-items:center;margin-top:20px}
.app_process .col2{margin-top:28px}
.app_process .col .fir{flex:0.6;text-align:center;padding-top:70px;background:url(/images/sub/icon01_3.png) no-repeat 50% 0;margin-left:0;background-size:65px;font-size:17px;font-weight:500;}
.app_process .col2 .fir{background-image:url(/images/sub/icon01_4.png)}
.app_process .col > div{width:294px;margin-left:30px;flex:0.7}
.app_process .col > div:nth-child(2){margin-left:0;flex:1.5}
.app_process .col > div:nth-child(4){flex:1.5}
.app_process .f2{display:flex;}
.app_process .f2 p{width:50%}
.app_process .subtit{background:#151a3a;color:#fff;font-weight:500;}
.app_process p{padding:12px 0;background:#f5f5f7}
.app_process p:not(.subtit){position:relative;}
.app_process p:not(.subtit):before{display:inline-block;content:attr(data-num);width:20px;height:20px;line-height:21px;font-size:13px;font-weight:600;color:#fff;background:#151a3a;border-radius:50%;text-align:center;margin-right:6px;vertical-align:top;}
.app_process p + p{border-left:dotted 2px #bdbdbd}
.app_process p:not(.subtit):after{display:block;content:'';position:absolute;z-index:1;}
.app_process p[data-num="1"]:after{width:24px;height:9px;right:-14px;top:17px;background:url(/images/sub/arr_toR.png) no-repeat 100% 50%;}
.app_process p[data-num="2"]:after,
.app_process p[data-num="7"]:after{width:9px;height:40px;right:50px;bottom:-46px;background:url(/images/sub/arr_bothS.png) no-repeat 100% 50%;}
.app_process p[data-num="4"]:after,
.app_process p[data-num="9"]:after{width:9px;height:40px;left:50%;top:73px;background:url(/images/sub/arr_toB.png) no-repeat 100% 50%;transform:translateY(-50%);}
.app_process p[data-num="6"]:after{width:20px;height:9px;right:-2px;top:17px;background:url(/images/sub/arr_toR.png) no-repeat 100% 50%;}
.app_process p[data-num="3"]:after,
.app_process p[data-num="5"]:after,
.app_process p[data-num="8"]:after{width:9px;height:39px;right:-20px;top:-45px;background:url(/images/sub/arr_toT.png) no-repeat 100% 50%;transform:rotate(45deg);}

.bigdata_wrap{display:flex;align-items:flex-end;justify-content:space-between;width:100%;margin:20px 0;padding:18px 20px 32px;border:solid 1px #d9d9d9;text-align:center;}
.bigdata_wrap > div:not(.center){width:200px;position:relative;}
.bigdata_wrap .title{padding:5px 0;font-size:18px;font-weight:500;}
.bigdata_wrap .left:after{display:block;content:'';clear:both;position:absolute;top:50%;right:-50%;transform:translate(-70%, -50%);width:50px;height:50px;background:#151a3a url(/images/sub/arr_bigdata.png) no-repeat 50% 50%;border-radius:50%;}
.bigdata_wrap .left > ul{border:dotted 2px #d9d9d9;border-radius:10px;padding:10px;}
.bigdata_wrap .left > ul > li > p{height:36px;line-height:36px;margin-top:10px;background:#3494ee;color:#fff;}
.bigdata_wrap .left > ul > li:nth-child(2) > p{background:#215eae}
.bigdata_wrap .left ul li ul{padding:10px 8px;border:solid 1px #d9d9d9;background:#f5f5f5;margin-top:0;}
.bigdata_wrap .left ul li ul li{padding:5px 0;border:solid 1px #d9d9d9;background:#fff;}
.bigdata_wrap .left ul li ul li + li{margin-top:4px}

.bigdata_wrap .center{position:relative;width:840px;padding:0 15px;}
.bigdata_wrap .center:before{display:block;content:'';position:absolute;width:100%;height:100%;border-radius:10px;border:solid 1px #215eae;left:0;top:16px;z-index:-1;}
.bigdata_wrap .center .title{width:80%;margin:-5px auto 20px;padding:8px 0;background:#215eae;color:#fff;border-radius:30px;font-weight:800;letter-spacing:0;}
.bigdata_wrap .center .title span{font-weight:normal}
.bigdata_wrap .center > ul{display:flex;justify-content:space-between;}
.bigdata_wrap .center > ul > li{position:relative;width:192px;padding:10px;padding-top:0;}
.bigdata_wrap .center > ul > li:after{display:block;content:'';position:absolute;width:100%;height:475px;bottom:0;left:0;border:dotted 2px #d9d9d9;border-radius:10px;z-index:-1;}
.bigdata_wrap .center > ul > li > p{width:90px;height:90px;text-align:center;margin:0 auto;border-radius:50%;line-height:80px;border:solid 6px #0090a0;font-size:18px;box-sizing:border-box;background:#fff;font-weight:500;}
.bigdata_wrap .center > ul > li:nth-child(2) > p{border-color:#00a66c}
.bigdata_wrap .center > ul > li:nth-child(3) > p{border-color:#d96004}
.bigdata_wrap .center > ul > li:nth-child(4) > p{border-color:#215eae}
.bigdata_wrap .center > ul > li ul li p{height:36px;line-height:36px;margin-top:10px;background:#d96004;color:#fff;}
.bigdata_wrap .center > ul > li .img{border:solid 1px #d9d9d9}
.bigdata_wrap .center > ul > li .img img{max-width:100%}
.bigdata_wrap .center .collect_list p{background:#0090a0;}
.bigdata_wrap .center .collect_list ul{margin-top:0;padding:10px 8px;background:#f5f5f5;border:solid 1px #d9d9d9;}
.bigdata_wrap .center .collect_list ul li{padding:5px 0;border:solid 1px #d9d9d9;background:#fff;}
.bigdata_wrap .center .collect_list ul li + li{margin-top:4px}
.bigdata_wrap .center .serve_list ul{border:solid 1px #215eae;margin-top:0;padding:5px;}
.bigdata_wrap .center .serve_list li + li{margin-top:2px;}
.bigdata_wrap .center .serve_list p{background:#215eae;}
.bigdata_wrap .center .save_list p{background:#00a66c;}
.bigdata_wrap .center .save_list > li{position:relative}
.bigdata_wrap .center .save_list > li + li{margin-top:50px}
.bigdata_wrap .center .save_list > li:nth-child(2):before{content:'처리';clear:both;display:block;position:absolute;top:-50px;width:100%;height:50px;line-height:50px;font-size:16px;font-weight:500;color:#00a66c;background:url(/images/sub/exarr_m.png) no-repeat 50% 50%;background-size:60%;}
.bigdata_wrap .center .save_list > li:nth-child(3):before{content:'';clear:both;display:block;position:absolute;top:-50px;width:100%;height:50px;background:url(/images/sub/exarr_m.png) no-repeat 50% 50%;background-size:60%;}
.bigdata_wrap .center .save_list > li + li p{margin-top:0}

.bigdata_wrap .right:before{display:block;content:'';clear:both;position:absolute;top:50%;left:-50%;transform:translate(70%, -50%);width:50px;height:50px;background:#151a3a url(/images/sub/arr_bigdata.png) no-repeat 50% 50%;border-radius:50%;}
.bigdata_wrap .right .ci_bx{display:flex;justify-content:center;flex-direction:column;height:475px;margin-top:5px;border:dotted 2px #d9d9d9;border-radius:10px;padding:10px;background:#f5f5f5}
.bigdata_wrap .right .ci_bx > div{font-size:15px;font-weight:500}
.bigdata_wrap .right .ci_bx > div i{display:block;width:90px;height:90px;margin:0 auto 10px;border-radius:50%;background:#fff url(/images/sub/bigdata_ewp.png) no-repeat 50% 50%;background-size:64px;}
.bigdata_wrap .right .ci_bx > div.unist{margin-top:60px;}
.bigdata_wrap .right .ci_bx > div.unist i{background-image:url(/images/sub/info_i20.png);background-size:52px}