
#cont_body .cont_box2{width:100%; float: left;   overflow: hidden; background-color: #f8f9fd;  position: relative; padding-top: 35PX }

.cont_box2 .list_in2{width:calc(100% - 730px)!important; float:left;  position: relative; padding:30px 45px 175px 145px }

.cont_box2 .cont_view2{width:730px; float:right;  background-color: #eaecf6 ; position: relative; padding:30px  200px 30px 30px}
.cont_box2 .cont_bottom{width:100%; float: left; height:70px; background-color: #fff ;  border-top: 1px solid #a2adca; position:fixed; left:0px; bottom:0px; }




.list_box_all{width:100%;  float: left;  border-radius: 20px 20px; padding:90px 30px 30px;   box-shadow:1px 1px 30px rgba(59,118,249,0.1); background-color: #fff; position: relative}

.list_box_all2{width:100%;  float: left;  border-radius: 20px 20px; padding: 30px 30px;   box-shadow:1px 1px 30px rgba(59,118,249,0.1); background-color: #fff; position: relative}

.list_box_all .list_box_top2{width:100%; height: 60px; float: left; border-bottom: #f0f0f0 1px solid; border-radius: 20px 20px 0px 0px; padding:25px  30px 0px;    background-color: #fff; position: absolute; left:0px; top:0px}
.list_box_all .list_box_top2 .list_title{ width:auto; float: left; font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg);  color: #3266ca ; font-weight: 700; font-size: 19px; border-bottom: #3266ca 2px solid; line-height:180% }

.list_box_all .list_box_head{width:100%; height: 30px; float: left; border-bottom: #737373 2px solid; background-color: #fff; display: grid; grid-template-columns:15% 35% auto 16%; }
.list_box_all .list_box_head>.head_tx{width:100%;  float: left; color:#333; font-size:16px;  text-align:center;   font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg); font-weight: 700;  box-sizing: border-box; line-height:120%;  }



.list_box_head2{width:100%; height: 48px; float: left; border-radius:5px;  border: #c8c8c8 1px solid; background-color: #fff; display: grid; grid-template-columns:10%  auto 10% 20%; padding:15px 0px!important; box-shadow:1px 1px 30px rgba(59,118,249,0.1); }
.list_box_head2>.head_tx2{width:100%;  float: left; color:#333; font-size:15px;  text-align:center;   font-family:'Noto Sans Korean', 'Noto Sans KR' ; font-weight: 500; line-height:120%;  box-sizing: border-box; }


.list_box_all .list_box_top2 .list_subtitle{width: auto;float: left;font-family: 'NanumSquare', sans-serif;transform: skew(-0.201deg);font-weight: 700;font-size: 14px;line-height: 260%;margin-left: 15px;}
.list_box_all .list_box_top2 .list_subtitle img{width:25px;}
.list_box_all .list_box_top2 .list_subtitle span{vertical-align:middle;}


.list2_tab {width:100% ; height: 100%;  float: left;  }
.list2_tab ul.tabs{width:100% ;  float: left; }
.list2_tab ul.tabs li{  width:110px;  float: left;  line-height: 44px; height: 44px;  background-color: #a4adbe; color: #fff; font-size: 15px; text-align: center; cursor: pointer;  padding: 0px!important; box-sizing: border-box; border: 1px solid #a4adbe; margin-right:1px; font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg); font-weight: 700}
.list2_tab ul.tabs li a{  width:100%!important;  float: left;  text-align: center; box-sizing: border-box; color: #fff}

.list2_tab ul.tabs li.selected a, .list_tab ul.tabs li.selected a:hover
{background: #000033;  border: 1px solid #000033; margin-top: -2px; color: #fff}

.list2_tab ul.tabs li{  border-radius: 8px 8px 0px 0px; }
.list2_tab ul.tabs li.selected a {  border-radius: 8px 8px 0px 0px; }

.list2_tab div.tabcontents
{  border: 1px solid #a4adbe; background-color: #fff; border-radius:0px 15px 15px 15px;  margin-top: -1px;
	float: left; width: 100% ; height: calc(100% - 40px); padding:0px 30px;}



.working_box{width:100%;  float: left; padding: 0px 30px; box-sizing: border-box }
.working_box .working_in2{width:100%; height: 50px;  float: left; border-left: 1px solid #a4a8b3; position: relative; padding-left: 20px; position: sticky; top: 0px; left: 0px; z-index: 9999; background-color: #eaecf5}
.working_box .working_in2 .dot_box{ width:50px; height:50px; position: absolute; left: -25px; top: 0px; }

.working_box .working_in2 .dot_box .dot2{ width:50px; height:50px; border-radius: 100%; background-color: #101b34 ;  position: relative;}
.working_box .working_in2 .dot_box .dot2 img{width:30px; position: absolute; left:10px; top:10px; }

.working_box .working_in2 .title_box{width:100%;  float: left; margin-top:10px;  margin-bottom: 10px; padding-left:20px; display: flex;
  justify-content:flex-start;  align-items: center; flex-direction:row; box-sizing: border-box }
.working_box .working_in2 .title_box .title{width:auto;  float: left; font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg);  color: #1f1f1f ; font-weight: 700; font-size: 20px;  }
.title_box .chbox{width: calc(100% - 140px);   float: left; height: 20px; line-height: 20px;  font-size: 16px;  font-weight: 400; color:#333; font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg); letter-spacing:-1px; }	


.btn_sharing_out{position: absolute; right: 0px; top: 10px; }

.btn_sharing{}


input[type="checkbox"] {
 width: 20px;
 height: 20px;
 padding: 0;
}


/* 작은 체크 */
input.checkbox_work[type="checkbox"] {
 position: absolute;
 width: 1px;
 height: 1px;
 padding: 0;
 margin: -3px 10px 0px 0px;
 overflow: hidden;
 clip: rect(0,0,0,0);
 border: 0; 
}
input.checkbox_work[type="checkbox"] + label {
 display: inline-block; 
 position: relative;
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none; font-size: 16px; color: #333; font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg); font-weight: 700;
}

input.checkbox_work[type="checkbox"] + label:before { 
 content: ' ';
 display: inline-block;
 width: 20px; /* 체크박스의 너비를 지정 */
 height: 20px; /* 체크박스의 높이를 지정 */
 line-height: 20px;
 margin: -3px 10px 0px 0px;
 text-align: center;
 vertical-align: middle;
border: 1px solid #488afe; border-radius:3px; 
 background-size: 18px;  background-color:#fff; background-position: center;  background-repeat: no-repeat; 
}
input.checkbox_work[type="checkbox"] + label:active:before, input.checkbox_work[type="checkbox"]:checked + label:active:before {
 
}
 /* 체크박스를 체크했을때 */
input.checkbox_work[type="checkbox"]:checked + label:before {

background: url( "../../img/icon/icon_ch2.svg");  background-color:#488afe ;background-position: center;  background-repeat: no-repeat; background-size: 18px;
 color: #fff;
}	

.working_box_h{ height:calc(100vh - 180px)!important; overflow-y: scroll!important; overflow-x: hidden}


.working_box .working_in{width:100%;  float: left; border-left: 1px solid #a4a8b3; position: relative; padding-left: 20px; padding-bottom: 15px}
.working_box .working_in .dot{ width:8px; height:8px; border-radius: 100%; background-color: #343177 ; position: absolute; left: -4px; top: 30px;   }
.working_box .working_in:last-child{width:100%;  float: left; border-left:none; position: relative; padding-left: 20px; padding-bottom: 0px}
.working_box .working_in:last-child .dot{ width:8px; height:8px; border-radius: 100%; background-color: #343177 ; position: absolute; left: -3px; top: 0px;   }

.working_box .working_in  .working_view{width:100%;  float: left;  background-color: #fff; border-radius:10px; padding: 20px;   margin-bottom: 10px; position: relative}
.working_box .working_in  .working_view .working_tt_icon{width:auto;  float: left; font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg);  color: #3366ff ; font-weight:normal; font-size: 12px; border:1px solid #3366ff; border-radius:30px; padding: 5px 10px; position: absolute; right:20px; top:20px }
.working_box .working_in  .working_view .working_tt01{width:85%;  float: left; font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg);  color: #333 ; font-weight:700; font-size: 16px; line-height:150% }
.working_box .working_in  .working_view .working_tt02{width:100%;  float: left; padding-left:5px  }
.working_box .working_in  .working_view .working_tt02 ul li{width:100%;  float: left; font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg);  color: #333 ; font-weight:500; font-size: 14px; line-height:150% }

.working_box .working_in  .working_view.off{width:100%;  float: left;  background-color: #eff2f9; border-radius:10px; padding: 20px;   margin-bottom: 10px; }



.cont_bottom .bottom_inner{width: 100%; padding: 0px 70px; position: relative;padding-top: 10px; margin:0 auto;   display: flex;  justify-content: center;  align-items: center;flex-direction: row;}
.bottom_inner .fl_bottom{width:50%; float: left;}
.bottom_inner .fr_bottom{width:50%; float:right;}

.fl_bottom .bottom_logo{width:168px; float: left;}
.fl_bottom .bottom_logo img{width:130px; float: left;}

.fl_bottom .bottom_address{width: calc(100% - 168px);  float:right; padding-left:45px; color: #999; font-size:12px; font-family:'Noto Sans Korean', 'Noto Sans KR' ; font-weight: 500; line-height:130%; letter-spacing:-1px;  }

.fr_bottom {width:50%; float: left; padding:0px 50px!important; position: relative;  background-color:#fff;   height: 50px; overflow: hidden; line-height: 50px;}

.fr_bottom .footer_company{width:100%; float: left; padding: 0px 0px!important; position: relative; display: flex;
  justify-content:flex-start;  align-items: center; flex-direction:row; box-sizing: border-box}
.fr_bottom .footer_company .footer_company_inbox{width:auto;  float: left; }



.tb_list7 { width:100%;  border-collapse: collapse; }
.tb_list7 thead th{ color:#333;font-size:17px;  text-align:center; background-color:#fff ;   font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg); font-weight: 700; padding-bottom:10px ; box-sizing: border-box; line-height:120%;   border-bottom:2px solid #737373; display: none}
.tb_list7 tbody th{
 border-bottom:1px solid #e1e1e1; padding:10px 8px; font-family:'Noto Sans Korean', 'Noto Sans KR' ;
font-weight:500; color:#333; background-color:#fff; font-size:14px; line-height: 100%;  text-align:left}
.tb_list7 tbody td {border-bottom:1px solid #e1e1e1; padding:10px 8px; font-family:'Noto Sans Korean', 'Noto Sans KR' ;
font-weight:400; color:#333; background-color:#fff; font-size:14px; line-height: 100%;  text-align: center}


.tb_list8 { width:100%;  border-collapse: collapse; }
.tb_list8 thead th{ color:#4b5158; font-size:15px;  text-align:center;   font-family:'Noto Sans Korean', 'Noto Sans KR' ; font-weight: 500; line-height:120%; box-sizing: border-box; background-color:#fff ;   padding:15px!important; box-shadow:1px 1px 30px rgba(59,118,249,0.1); height:48px; width:100%; margin-bottom:10px; display: none}
.tb_list8 tbody th{border-bottom:1px solid #e1e1e1; padding:10px 8px; font-family:'Noto Sans Korean', 'Noto Sans KR' ;
font-weight:500; color:#333; background-color:#fff; font-size:14px; line-height: 100%;  text-align:left}
.tb_list8 tbody td {border-bottom:1px solid #e1e1e1; padding:10px 8px; font-family:'Noto Sans Korean', 'Noto Sans KR' ;
font-weight:400; color:#333; background-color: rgba(255,255,255,0.00); font-size:14px; line-height: 100%;  text-align: center}
.tb_list8 tbody td.left{text-align:left}
.tb_list8 tbody td .tx{float: left; position: relative ; line-height: 18px; display: flex;
  justify-content:flex-start;  align-items: center; flex-direction:row; box-sizing: border-box}
.tb_list8 tbody td .tx img{float: left; margin-left:10px   }



.table_h2{ height:calc(100vh - 130px)!important; overflow-y: scroll!important; overflow-y: hidden}

#cont_body2 .cont_box3{width:100%; float: left;   overflow: hidden; background-color: #eaecf6;  position: relative }
.cont_box3 .cont_bottom{width:100%; float: left; height:70px; background-color: #fff ;  border-top: 1px solid #a2adca; position:fixed; left:0px; bottom:0px; }
.cont_box3 .cont_bottom2{width:100%; float: left; height:80px; background-color: #eaecf6 ;  position:fixed; left:0px; bottom:0px; }




.path_box2{width:100%; float: left; height:54px;   line-height: 54px; position: relative;}

.path_box2 .location2{width:25%; float: left; height:50px;  line-height: 50px;  font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg);  color: #000 ; font-weight: 700; font-size: 22px ; padding-left:35px ; position: relative}
.path_box2 .location2 .location_icon{width:30px; float: left; height:30px;  line-height: 50px; background: url("../../img/icon/icon_map.svg")no-repeat left center; background-size: 30px; position: absolute; left:0px; top:10px; }


.path_box2 .top_process{width:730px; float: left; height:54px; background: url("../../img/file/process_bg.png")no-repeat left center; background-size: 100%;   }
.path_box2 .top_process .process_in{width:100%; float: left; padding:0px  20px; display: flex;
  justify-content:flex-start;  align-items: center; flex-direction:row; box-sizing: border-box ;}


.path_box2 .top_process .process_in .step01{width:116px; height:54px; float: left;  background: url("../../img/file/step01_off.png")no-repeat left center; }
.path_box2 .top_process .process_in .step01 .step_tx{width:100%; float: left; color:#fff; font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg); font-size:15px;  font-weight: 700; line-height:120%; padding-left:25px; margin-top:16px   }
.path_box2 .top_process .process_in .step01.on{width:116px; height:54px; float: left; background: url("../../img/file/step01.png")no-repeat left center; }



.path_box2 .top_process .process_in .step02{width:110px; height:54px; float: left; background: url("../../img/file/step02_off.png")no-repeat left center;}
.path_box2 .top_process .process_in .step02 .step_tx{width:100%; float: left; color:#fff; font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg); font-size:15px;  font-weight: 700; line-height:120%; padding-left:30px; margin-top:16px}
.path_box2 .top_process .process_in .step02.on{width:110px; height:54px; float: left;  background: url("../../img/file/step02.png")no-repeat left center;}


.path_box2 .top_process .process_in .step03{width:117px; height:54px; float: left; background: url("../../img/file/step03_off.png")no-repeat left center; }
.path_box2 .top_process .process_in .step03 .step_tx{width:100%; float: left; color:#fff; font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg); font-size:15px;  font-weight: 700; line-height:120%; padding-left:25px; margin-top:16px}
.path_box2 .top_process .process_in .step03.on{width:117px; height:54px; float: left;  background: url("../../img/file/step03.png")no-repeat left center;}


.path_box2 .top_process .process_in .step04{width:109px; height:54px; float: left; background: url("../../img/file/step04_off.png")no-repeat left center; }
.path_box2 .top_process .process_in .step04 .step_tx{width:100%; float: left; color:#fff; font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg); font-size:15px;  font-weight: 700;line-height:120%; padding-left:30px; margin-top:16px}
.path_box2 .top_process .process_in .step04.on{width:109px; height:54px; float: left;  background: url("../../img/file/step04.png")no-repeat left center; }


.path_box2 .top_process .process_in .step05{width:116px; height:54px; float: left; background: url("../../img/file/step05_off.png")no-repeat left center;}
.path_box2 .top_process .process_in .step05 .step_tx{width:100%; float: left; color:#fff; font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg); font-size:15px;  font-weight: 700; line-height:120%; padding-left:53px; margin-top:16px; position: relative}

.path_box2 .top_process .process_in .step05 .step_icon05{width:30px; height:30px;  float: left; background: url("../../img/icon/icon_step05_01.svg")no-repeat left center; background-size:20px;  position: absolute; left:25px; top:-7px}
.path_box2 .top_process .process_in .step05 .step_icon05_ac{width:30px; height:30px;  float: left; background: url("../../img/icon/icon_step05_01_ac.svg")no-repeat left center; background-size:20px;  position: absolute; left:25px; top:-7px}
.path_box2 .top_process .process_in .step05 .step_icon05_02_ac{width:30px; height:30px;  float: left; background: url("../../img/icon/icon_step05_02.svg")no-repeat left center; background-size:20px;  position: absolute; left:25px; top:-7px}
.path_box2 .top_process .process_in .step05 .step_icon05_03_ac{width:30px; height:30px;  float: left; background: url("../../img/icon/icon_step05_03.svg")no-repeat left center; background-size:20px;  position: absolute; left:25px; top:-7px}
.path_box2 .top_process .process_in .step05.on{width:116px; height:54px; float: left;  background: url("../../img/file/step05.png")no-repeat left center;}
.path_box2 .top_process .process_in .step05.on2{width:116px; height:54px; float: left;  background: url("../../img/file/step05_02.png")no-repeat left center;}
.path_box2 .top_process .process_in .step05.on3{width:116px; height:54px; float: left;  background: url("../../img/file/step05_03.png")no-repeat left center;}

.path_box2 .top_process .process_in .step06{width:122px; height:54px; float: left; background: url("../../img/file/step06_off.png")no-repeat left center; }
.path_box2 .top_process .process_in .step06 .step_tx{width:100%; float: left; color:#fff; font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg); font-size:15px;  font-weight: 700; line-height:120%; padding-left:60px; margin-top:16px; position: relative}
.path_box2 .top_process .process_in .step06 .step_icon06{width:30px; height:30px;  float: left; background: url("../../img/icon/icon_step06.svg")no-repeat left center; background-size:20px;  position: absolute; left:30px; top:-6px}
.path_box2 .top_process .process_in .step06 .step_icon06_ac{width:30px; height:30px;  float: left; background: url("../../img/icon/icon_step06_ac.svg")no-repeat left center; background-size:20px;  position: absolute; left:30px; top:-6px}
.path_box2 .top_process .process_in .step06.on{width:122px; height:54px; float: left;  background: url("../../img/file/step06.png")no-repeat left center; }

.path_box2 .btn_list_box{ float: right;  display:flex; justify-content: flex-end;  flex-direction:row; margin-top:5px }

.btn_down_b1{border-radius: 4px; background-color: #4e5ba7; color: #fff; font-size: 14px; padding: 0px 20px 0px 50px; line-height: 38px; font-family: 'Noto Sans KR', sans-serif;   font-weight: 500;position: relative; cursor: pointer}
.btn_down_b1 .icon{ width: 38px; height: 38px; border-radius: 4px;  background: url("../../img/icon/icon_down.svg")no-repeat center center; background-size: 20px;  background-color: #353f78; position: absolute; left: 0px; top: 0px  }
.btn_down_b1:hover{border-radius: 4px; background-color: #2c377a; color: #fff; font-size: 14px; padding: 0px 20px 0px 50px; line-height: 38px; font-family: 'Noto Sans KR', sans-serif;   font-weight: 500;position: relative; cursor: pointer}
.btn_down_b1:hover .icon{ width: 38px; height: 38px; border-radius: 4px;  background: url( "../../img/icon/icon_down.svg")no-repeat center center; background-size: 20px;  background-color: #3c4ca9; position: absolute; left: 0px; top: 0px  }

.btn_down_b2{border-radius: 4px; background-color: #50a190; color: #fff; font-size: 14px; padding: 0px 20px 0px 50px; line-height: 38px; font-family: 'Noto Sans KR', sans-serif;   font-weight: 500;position: relative; cursor: pointer}
.btn_down_b2 .icon{ width: 38px; height: 38px; border-radius: 4px;  background: url("../../img/icon/icon_down4.svg")no-repeat center center; background-size: 20px;  background-color: #356e63; position: absolute; left: 0px; top: 0px  }
.btn_down_b2:hover{border-radius: 4px; background-color: #4AA8AC; color: #fff; font-size: 14px; padding: 0px 20px 0px 50px; line-height: 38px; font-family: 'Noto Sans KR', sans-serif;   font-weight: 500;position: relative; cursor: pointer}
.btn_down_b2:hover .icon{ width: 38px; height: 38px; border-radius: 4px;  background: url( "../../img/icon/icon_down4.svg")no-repeat center center; background-size: 20px;  background-color: #167A7F; position: absolute; left: 0px; top: 0px  }

.btn_down_b3{border-radius: 4px; background-color: #608de4; color: #fff; font-size: 14px; padding: 0px 20px 0px 50px; line-height: 38px; font-family: 'Noto Sans KR', sans-serif;   font-weight: 500;position: relative; cursor: pointer}
.btn_down_b3 .icon{ width: 38px; height: 38px; border-radius: 4px;  background: url("../../img/icon/icon_upload.svg")no-repeat center center; background-size: 20px;  background-color: #486aab; position: absolute; left: 0px; top: 0px  }
.btn_down_b3:hover{border-radius: 4px; background-color: #4371CB; color: #fff; font-size: 14px; padding: 0px 20px 0px 50px; line-height: 38px; font-family: 'Noto Sans KR', sans-serif;   font-weight: 500;position: relative; cursor: pointer}
.btn_down_b3:hover .icon{ width: 38px; height: 38px; border-radius: 4px;  background: url( "../../img/icon/icon_upload.svg")no-repeat center center; background-size: 20px;  background-color: #2C4D8E; position: absolute; left: 0px; top: 0px  }

.btn_down_b4{border-radius: 4px; background-color: #ff644d; color: #fff; font-size: 14px; padding: 0px 20px 0px 50px; line-height: 38px; font-family: 'Noto Sans KR', sans-serif;   font-weight: 500;position: relative; cursor: pointer}
.btn_down_b4 .icon{ width: 38px; height: 38px; border-radius: 4px;  background: url("../../img/icon/icon_close3.svg")no-repeat center center; background-size: 20px;  background-color: #ff2100; position: absolute; left: 0px; top: 0px  }
.btn_down_b4:hover{border-radius: 4px; background-color: #ff3112; color: #fff; font-size: 14px; padding: 0px 20px 0px 50px; line-height: 38px; font-family: 'Noto Sans KR', sans-serif;   font-weight: 500;position: relative; cursor: pointer}
.btn_down_b4:hover .icon{ width: 38px; height: 38px; border-radius: 4px;  background: url( "../../img/icon/icon_close3.svg")no-repeat center center; background-size: 20px;  background-color: #ef5a43; position: absolute; left: 0px; top: 0px  }

.btn_down_b5{border-radius: 4px; background-color: #158384; color: #fff; font-size: 14px; padding: 0px 20px 0px 60px; line-height: 42px; font-family: 'Noto Sans KR', sans-serif;   font-weight: 500;position: relative; cursor: pointer}
.btn_down_b5 .icon{ width: 46px; height: 42px; border-radius: 4px;  background: url("/resources/img/icon/icon_step05_03.svg")no-repeat center center; background-size: 20px;  background-color: #147475; position: absolute; left: 0px; top: 0px  }
.btn_down_b5:hover{border-radius: 4px; background-color: #147475; color: #fff; font-size: 14px; padding: 0px 20px 0px 60px; line-height: 42px; font-family: 'Noto Sans KR', sans-serif;   font-weight: 500;position: relative; cursor: pointer}
.btn_down_b5:hover .icon{ width: 46px; height: 42px; border-radius: 4px;  background: url( "/resources/img/icon/icon_step05_03.svg")no-repeat center center; background-size: 20px;  background-color: #158384; position: absolute; left: 0px; top: 0px  }


.btn_down_b6{border-radius: 4px; background-color: #bebebe; color: #fff; font-size: 14px; padding: 0px 40px 0px 40px; line-height: 42px; font-family: 'Noto Sans KR', sans-serif;   font-weight: 500;position: relative;
}

.btn_down_b6:hover{border-radius: 4px; background-color: #bebebe; color: #fff; font-size: 14px; padding: 0px 40px 0px 40px; line-height: 42px; font-family: 'Noto Sans KR', sans-serif;   font-weight: 500;position: relative; 
}

.path_box3{width:100%; float:left; height:25px;   line-height: 25px; display: flex;
  justify-content:flex-end;  align-items: center; flex-direction:row; box-sizing: border-box}
.path_box3 .count_tx{width:auto; float:right; color: #000033; font-size: 13px; font-family:'Noto Sans Korean', 'Noto Sans KR' ; font-weight:normal; }
.path_box3 .count_tx em.count_um{ color: #669900; font-size: 13px; font-family:'Noto Sans Korean', 'Noto Sans KR' ; font-weight:normal; padding:0px 10px }
.path_box3 .count_tx em.count_all{color: #000033; font-size: 13px; font-family:'Noto Sans Korean', 'Noto Sans KR' ; font-weight:normal; padding-left:10px }

.cont_bottom2 .bottom_inner2{width: 100%;  position: relative; padding-top: 20px; margin:0 auto}

.flex_between{ width: 100%; float: left; display: flex;  justify-content:space-between;  align-items: center; flex-direction:row; box-sizing: border-box;  line-height: 30px }

.inflex_r{ float: left; display: flex;  justify-content:flex-end;  align-items: center; flex-direction:row; box-sizing: border-box;  line-height: 30px }

.btn_list{border-radius: 4px; background: url("../../img/icon/icon_list.svg")no-repeat 15px center;background-size: 20px; background-color: #6d6d6d;color: #fff; font-size: 14px;  padding: 0px 15px 0px 40px ; line-height: 40px; font-family: 'Noto Sans KR', sans-serif;   font-weight: 500;; cursor: pointer}

.btn_list:hover{background-color: #555;}

.btn_request{border-radius: 4px; background: url("../../img/icon/icon_ch2.svg")no-repeat; background-position: 90% 50%;background-size: 20px; background-color: #4563d3;color: #fff; font-size: 14px;  padding: 0px 40px 0px 15px ; line-height: 40px; font-family: 'Noto Sans KR', sans-serif;   font-weight: 500;; cursor: pointer}

.btn_request:hover{background-color: #3052d3;}

.btn_request_no{border-radius: 4px; background: url("../../img/icon/icon_ch2.svg")no-repeat; background-position: 90% 50%;background-size: 20px; background-color: #cccccc;color: #fff; font-size: 14px;  padding: 0px 40px 0px 15px ; line-height: 40px; font-family: 'Noto Sans KR', sans-serif;   font-weight: 500;; cursor: pointer}

.btn_temp{border-radius: 4px;  background-color: #50a190;color: #fff; font-size: 14px;  padding:0px 20px ; line-height: 40px; font-family: 'Noto Sans KR', sans-serif;   font-weight: 500;; cursor: pointer}

.btn_temp:hover{background-color: #428577;}




.table_h3{ height:calc(100vh - 300px)!important; overflow-y: scroll!important; overflow-y: hidden}


.map_popup_w6{ width: 300px; position: absolute;  right:25px; top: 50px; height:550px }

.map_popup2{min-height: 200px; float: left;  background-color: #fff; border-radius: 10px; border: 1px solid #666; z-index: 9999999;   box-shadow:3px 3px 30px rgba(0,0,0,0.1);  display: none; }

.map_popup2 .close3{ position: absolute; right: 7px; top: 12px; width: 30px; height: 30px; float: left; z-index: 9999999999999999999999999 ; cursor: pointer}
.map_popup2 .close3 img{width: 25px!important}

.map_popup2 .inbox3{ width: 100%;  float: left; padding:15px; box-sizing: border-box}


.map_popup2 .list_btxt{ width: 100%;  float: left;  font-size: 18px; font-weight: 700; font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg);line-height:160%!important; color: #333; margin-bottom: 20px; padding-left:40px; position: relative }
.map_popup2 .list_btxt .bell{ width:40px; height: 40px; float: left; background: url("../../img/icon/icon_bell.svg") no-repeat left center; position: absolute; left:5px; top:-5px; background-size:35px }


.map_popup2 .notice_box{ width: 100%;  float: left; height:430px;overflow-y: scroll; overflow-x:hidden; padding-right:5px; padding-bottom: 5px }
.map_popup2 .notice_box .notice_list{ width: 100%;  float: left;  background-color:#efefef;  padding: 15px; box-sizing: border-box; border-radius: 10px; margin-bottom: 10px;}

.map_popup2 .notice_box .notice_list .date{ width:auto;  float: left;  font-size: 16px; font-weight: 700; font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg);color: #626f94;position: relative; margin-bottom: 10px }
.map_popup2 .notice_box .notice_list .date .newbtn{ width:18px!important; height: 18px; float:left; position: absolute; right:-20px; top:0px; background-color:#669900; font-size:10px;font-family:'Noto Sans Korean', 'Noto Sans KR' ; font-weight: 300; color: #fff; border-radius: 100% ; line-height:160%; display: flex;  justify-content: center;  align-items: center; flex-direction:row; box-sizing: border-box   }

.map_popup2 .notice_box .notice_list .title{ width: 100%;  float: left;  font-size: 14px; font-weight: 700; font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg);line-height:130%!important;color: #333 ; margin-bottom: 10px}
.map_popup2 .notice_box .notice_list .list_tx{width: 100%;  float: left;  font-size: 13px; font-weight: 400; font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg);line-height:120%;color: #333 }

.map_popup2  .search_more2{ width: 100%;  float: left; position: relative; height: 25px;border-bottom: 1px solid #ccc;  margin-bottom: 20px;}
.map_popup2  .search_more2 .morebtn{ width:80px; border-radius: 30px; background-color: #000; color: #fff; font-size: 12px;;  float: left; position: relative ; position: absolute; left: 50%; top: 10px; margin-left:-40px; padding: 7px 10px; text-align: center; cursor: pointer; }
.map_popup2  .search_more2 .morebtn:hover{ width:80px; border-radius: 30px; background-color: #222; color: #fff; font-size: 12px;;  float: left; position: relative ; position: absolute; left: 50%; top: 10px; margin-left:-40px; padding: 7px 10px; text-align: center; cursor: pointer; }




#popup_rvw_result .map_popup2{min-height: 200px; float: left;  background-color: #fff; border-radius: 10px; border: 2px solid #666; z-index: 9999999;   box-shadow:3px 15px 30px rgba(0,0,0,0.4);  display: none; }
.map_popup2 #notice_rvw{ width: 100%;  float: left;  overflow-x:hidden; padding-right:5px; padding-bottom: 5px }
.map_popup2 #notice_rvw .notice_list{ width: 100%;  float: left;  background-color:#efefef;  padding: 15px; box-sizing: border-box; border-radius: 10px; margin-bottom: 10px; height: 160px;}

.map_popup2 #notice_rvw .notice_list .date{ width:auto;  float: left;  font-size: 18px; font-weight: 700; font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg);color: #626f94;position: relative; margin-bottom: 10px }
.map_popup2 #notice_rvw .notice_list .date .newbtn{ width:18px!important; height: 18px; float:left; position: absolute; right:-20px; top:0px; background-color:#669900; font-size:10px;font-family:'Noto Sans Korean', 'Noto Sans KR' ; font-weight: 300; color: #fff; border-radius: 100% ; line-height:160%; display: flex;  justify-content: center;  align-items: center; flex-direction:row; box-sizing: border-box;   }
.map_popup2 #notice_rvw .notice_list .date span{margin-bottom : 15px;}
.map_popup2 #notice_rvw .notice_list .title{ width: 100%;  float: left; color: #626f94; font-size: 17px; font-weight: 700; font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg);line-height:130%!important;color: #333 ; margin-bottom: 10px;  margin-top:15px;}
.map_popup2 #notice_rvw .notice_list .list_tx{width: 100%;  float: left;  font-size: 18px; font-weight: 700; font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg);line-height:120%;color: #333 }

.ani_alarm{
    -webkit-animation-name: ani_alarm; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration:1s; /* Safari 4.0 - 8.0 */
    animation-name: ani_alarm;
    animation-duration: 1s; margin-left: 3px;  animation-direction: alternate-reverse; animation-iteration-count: infinite;
}
@-webkit-keyframes ani_alarm {
	from {  margin-left: 3px;}
    to { margin-left: 0px;}
}

/* Standard syntax */
@keyframes ani_alarm{
		from {  margin-left: 3px;}
    to { margin-left: 0px;}
}


#head_top2{width:100%;  min-width: 1800px ;float: left;  height: 80px;  position:fixed;left: 0px; top: 0px; z-index: 999999;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#19305c+0,080d1a+100 */
background: #19305c; /* Old browsers */
background: -moz-linear-gradient(left, #19305c 0%, #080d1a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #19305c 0%,#080d1a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #19305c 0%,#080d1a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19305c', endColorstr='#080d1a',GradientType=1 ); /* IE6-9 */

}
#head_top2 .logo2{position: absolute; left: 0px; top:0px; opacity: 1}
#head_top2 .logo2 img{  width: 396px}

#head_top2 .topmenu2{position: absolute; right:0px; top:0px;}


.topmenu_list{width:380px; float:right; padding: 0px 10px;    display: flex;  justify-content: center;  align-items: center;box-sizing: border-box; gap:15px;position: absolute;  right: 0px; top: 20px; z-index:7;  height: 40px}
.topmenu_list .icon_menulist02{width:30px; height: 30px; float:left; border-radius:100%; background-color:#263656; position: relative ;   display: flex;  justify-content: center;  align-items: center; cursor: pointer}
.icon_menulist02 .img{width:30px; height: 30px; float:left; border-radius:100%; overflow: hidden}
.icon_menulist02 .img img{width:30px!important; }
.icon_menulist02 .notice_um{width:18px!important; height: 18px; float:left; position: absolute; right:-5px; top:-2px; background-color:#669900; font-size:10px;font-family:'Noto Sans Korean', 'Noto Sans KR' ; font-weight: 300; color: #fff; border-radius: 100% ; line-height:160%; display: flex;  justify-content: center;  align-items: center; flex-direction:row; box-sizing: border-box ;  }

.topmenu_list .icon_menulist01{width:30px; height:30px; float:left; position: relative;  display: flex;  justify-content: center;  align-items: center; }
.icon_menulist01 img{width:25px!important;  }
.topmenu_list .icon_menulist03{width:30px; height:30px; float:left; position: relative;  display: flex;  justify-content: center;  align-items: center; }
.icon_menulist03 img{width:20px!important;  }

.topmenu_list .icon_menulist04{width:auto; float:left; position: relative; font-size:13px; color: #fff; font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg);  font-weight: 400; padding-left:40px }
.topmenu_list .icon_menulist04 .icon_menulogo{width:30px; height: 30px; float:left; border-radius:100%; background-color:#ccc;position: absolute; left:0px; top:-8px; }


	.tableWrapper {
    width: 100%;
    height:650px;
    overflow: auto;
}
