@charset "utf-8";
/* CSS Document */

.bg_none {background: none !important;}
/* .main_bg {background: url(/images/kofac/main_bg.jpg) center top no-repeat;} */
.mw_cont.inner{width: 1500px; margin: 0 auto;}
.main_contents  {width:100%; overflow: hidden;}
.main_visual{position: relative; width: 100%; height: 580px;}
.main_visual.intro {height: auto; text-align: center;}
.main_visual.intro .visual_cont{width: 100%; height: 700px; background:url(/images/kofac/main/main_banner_bg.png) no-repeat center / cover; overflow: hidden;}
.main_visual .logo{margin: 80px auto 0; max-width: 250px;}
.main_visual.intro strong{display: block; font-size: 35px; color: #fff; font-weight: 400; padding-top: 60px;}
.main_visual.intro .box{width: 100%; border-radius: 20px; padding: 30px; background: rgba(255,255,255,.5); margin-top: 60px;}
.main_visual.intro .box em{font-size: 30px;}
.main_visual.intro .box p{font-size: 20px; padding-top: 30px;}
.main_visual .bold{font-weight: bold;}
.direct_link{position: absolute; bottom: -70px; left: 50%; transform: translateX(-50%); display: flex; gap: 40px; justify-content: center;}
.direct_link .item{width: 460px; display: flex; gap: 30px; align-items: center; padding: 30px; border-radius: 50px; background: #fff; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);}
.direct_link .item b{display: block; color: #01499B;}
.direct_link .item p{flex: 1; font-size: 28px;}
.direct_link .item .ico{width: 60px; height: 80px; background: url(/images/kofac/main/logo_symbol.png)no-repeat center;}
.direct_link .item .arrow{width: 42px; height: 30px; background: url(/images/kofac/main/link_arrow.png)no-repeat center;}

/* 검정신청자 */

.main_visual.issuer{background: url(/images/kofac/main/issuer_banner.png)no-repeat center;}
.main_visual .txt{text-align: center; color: #fff; padding-top: 80px;}
.main_visual .txt p{font-size: 24px; color: #fff;}
.main_visual .txt strong{display: block; font-size: 40px; color: #fff; font-weight: bold; margin: 20px 0;}
.main_visual .txt .name{text-align: center; font-size: 24px; font-weight: bold;}
.main_visual .txt .name span{display: inline-block; padding: 5px; min-width: 180px; border-radius: 30px; background: #fff; line-height: 1.3;}
.main_visual.issuer .txt .name span{color: #252FA3; background: #fff;}
.main_visual .link_wrap{display: flex; gap: 50px; justify-content: center; align-items: center; margin-top: 58px;}
.main_visual .link_wrap .item{width: 200px; height: 200px; text-align: center; background: #fff; padding: 20px; border-radius: 20px; font-size: 20px; color: #393434; font-weight: 600; align-content: center; transition: .3s;}
.main_visual .link_wrap .item:hover{transform: translateY(-20px);}
.main_visual .link_wrap .item .ico{display: inline-block; width: 82px; height: 82px; background-repeat: no-repeat; background-position: center; margin: 0 auto;}
.main_visual .link_wrap .item p{padding-top: 16px;}
.main_visual .link_wrap .ico.manual{background-image: url(/images/kofac/main/ico_link_manual.png);}
.main_visual .link_wrap .ico.notice{background-image: url(/images/kofac/main/ico_link_notice.png);}
.main_visual .link_wrap .ico.status{background-image: url(/images/kofac/main/ico_link_status.png);}
.main_visual .link_wrap .ico.edit{background-image: url(/images/kofac/main/ico_link_edit.png);}
.main_visual .link_wrap .ico.review{background-image: url(/images/kofac/main/ico_link_review.png);}
.main_visual .link_wrap .ico.final{background-image: url(/images/kofac/main/ico_link_final.png);}

/* 검정담당자 */

.main_visual.exam{background: url(/images/kofac/main/exam_banner.png)no-repeat center;}
.main_visual.exam .txt .name span{color: #fff; background: #014586;}
.main_visual .link_wrap .ico.schedule{background-image: url(/images/kofac/main/ico_link_schedule.png);}
.main_visual .link_wrap .ico.basic{background-image: url(/images/kofac/main/ico_link_basic.png);}
.main_visual .link_wrap .ico.main{background-image: url(/images/kofac/main/ico_link_main.png);}


/* 검정공고 / 접수현황 탭 */

.main_notice_list{padding: 70px 0;}
.main_notice_list .list_table{border: 1px solid #999; border-bottom: 0;border-left: 0;border-right: 0;}
.main_notice_list .top{width: 100%; height: 76px; align-content: center; display: flex; justify-content: space-between; background: #F2F3F7; align-items: center; padding: 0 20px; border-left: 1px solid #999;border-right: 1px solid #999;}
.main_notice_list .empty_item{width: 100%; height: 169px; align-content: center; text-align: center; border-bottom: 1px solid #999; border-left: 1px solid #999;border-right: 1px solid #999;}
.main_notice_list .empty_item span {font-size: 24px;}
.main_notice_list .empty_block{width: 100%; height: 169px; border-left: 0; border-right:0; border-bottom: 0;}
.main_notice_list .tab_row{display: flex;}
.main_notice_list .notice li{padding: 0 20px;}
.main_notice_list .notice li a{position: relative; font-size: 24px;}
.main_notice_list .notice li a::after{display: none; content: ''; position: absolute; left: 0; bottom: -20px; width: 100%; height: 4px; background: #1F3FAA;}
.main_notice_list .notice li.active a{color: #1F3FAA; font-weight: bold;}
.main_notice_list .notice li.active a::after{display: block;}

.main_notice_list .status{gap: 20px;}
.main_notice_list .status li a{position: relative; padding: 10px 0; font-size: 18px;}
.main_notice_list .status li a::after{display: none; content: ''; position: absolute; left: 0; bottom: 0px; width: 100%; height: 3px; background: #1F3FAA;}
.main_notice_list .status li.active a{color: #1F3FAA; font-weight: bold;}
.main_notice_list .status li.active a::after{display: block;}

.main_notice_list .tab_cont{display: flex; flex-wrap: wrap; height: 358px; position: relative; border: 1px solid #999;}
.main_notice_list .tab_cont::after {content: ''; width: 100%; max-width: 1px; height: 100%; position: absolute; left: 500px; top: 0; background: #999;}
.main_notice_list .tab_cont::before {content: ''; width: 100%; max-width: 1px; height: 100%; position: absolute; left: 1000px; top: 0; background: #999;}
.main_notice_list .tab_cont .item_body{width: 100%; display:grid; grid-template-columns: repeat(3, 1fr); position: relative;}
.main_notice_list .tab_cont .item_body::after {content: ''; width: 100%; max-width: 100%; height: 1px; background: #999; position: absolute; left: 0; top: 183px;}
.main_notice_list .tab_cont .item{width: 100%; padding: 25px 25px; position: relative; max-width: 500px; height: 179px;}
.main_notice_list .tab_cont .item a strong {margin-bottom: 50px;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.main_notice_list .item a strong,
.main_notice_list .item a span{transition: all .3s;}
.main_notice_list .item a:hover strong,
.main_notice_list .item a:hover span{color: #1F3FAA !important;}
.main_notice_list .item .small{display: block; font-size: 15px;}
.main_notice_list .item strong{display: block; font-size: 28px; word-break: keep-all;}
.main_notice_list .item .status_label{display: inline-block; padding: 6px; color: #5F5E66; border: 1px solid #5F5E66; position: absolute; left: 25px; bottom: 25px;}
.main_notice_list .item .status_label.green{color: #5EA46B; border: 1px solid #5EA46B;}
.main_notice_list .item .status_label.blue{color: #1F3FAA; border: 1px solid #1F3FAA;}
.pagination{display: flex; gap: 15px; justify-content: center; align-items: center; margin-top: 50px; position: relative;}
.pagination .btn{font-size: 0; width: 64px; height: 40px; border: 1px solid #D8D8D8; border-radius: 6px;}
.pagination .btn.prev{background: url(/images/kofac/main/ico_prev2.png)no-repeat center;}
.pagination .btn.next{background: url(/images/kofac/main/ico_next2.png)no-repeat center;}
.pagination .btn.next.on {background: #01499B url(/images/kofac/main/ico_next2_on.png) no-repeat center;}
.pagination .num{font-size: 20px; color: #999;}
.pagination .num b{color: #01499B;}
.pagination .mom_add_btn {position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
/* 한 눈에 보는 검정 진행 현황 */

.main_procedure{padding: 70px 0; background: #1E5A8C;}
.main_procedure .tit{display: block; color: #fff; text-align: center; font-size: 35px;}
.main_procedure .box{padding: 70px 50px; margin-top: 30px; background: #fff;}
.tb_wrap {width: 100%; height: 290px; border: 1px solid #A5A5A5; position: relative;}
.tb_wrap .line1 {position: absolute; left: 159px; top: 0; width: 1px; height: 100%; background: #A5A5A5;}
.tb_wrap .line2 {position: absolute; left: 319px; top: 0; width: 1px; height: 100%; background: #A5A5A5;}
.tb_wrap .line3 {position: absolute; right: 554px; top: 0; width: 1px; height: 100%; background: #A5A5A5;}
.tb_wrap .line4 {position: absolute; right: 394px; top: 0; width: 1px; height: 100%; background: #A5A5A5;}
.tb_wrap .line5 {position: absolute; right: 99px; top: 0; width: 1px; height: 100%; background: #A5A5A5;}
.tb_wrap .line6 {position: absolute; left: 0; top: 58px; width: 100%; height: 1px; background: #A5A5A5;}
.tb_wrap .line7 {position: absolute; left: 0; top: 116px; width: 100%; height: 1px; background: #A5A5A5;}
.tb_wrap .line8 {position: absolute; left: 0; top: 174px; width: 100%; height: 1px; background: #A5A5A5;}
.tb_wrap .line9 {position: absolute; left: 0; top: 232px; width: 100%; height: 1px; background: #A5A5A5;}






table.exam_status{width: 100%; table-layout: fixed;}
table.exam_status th {font-weight: bold; color: #01499B;}
table.exam_status th,
/* table.exam_status td{padding: 10px; text-align: center; height: 58px; font-size: 18px;  border-left: 1px solid #A5A5A5;} */
table.exam_status td{padding: 10px; text-align: center; height: 58px; font-size: 18px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;-webkit-line-clamp: 1; -webkit-box-orient: vertical;}
table.exam_status th:first-child,
table.exam_status td:first-child{border-left: 0;}
table.exam_status .small_button{font-size: 15px; padding: 3px 10px; border-radius: 4px; }
table.exam_status tbody tr:nth-child(odd){background: #F2F5F7;}
.main_procedure .tabs{display: flex; margin-bottom: 30px;}
.main_procedure .tabs li {width: 25%; text-align: center;}
.main_procedure .tabs li a{font-size: 24px; text-align: center; position: relative; padding: 5px 0; color: #A5A5A5; transition: .2s; font-weight: 600;}
.main_procedure .tabs li a:hover{color: #346DAF;}
.main_procedure .tabs li a::after{display: none; content: ''; position: absolute; left: 0; bottom: 0px; width: 100%; height: 4px; background: #01499B;}
.main_procedure .tabs li.active a{color: #01499B !important; font-weight: bold;}
.main_procedure .tabs li.active a::after{display: block;}
.basicStatus_table_after {width: 100%; height: 0;  position: relative;}
.basicStatus_table_after.on {height: 290px;}


.basicStatus_table_after .line1 {display: none; position: absolute; width: 100%; height: 1px; left: 0; top: 58px; background: #A5A5A5; z-index: 999;}
.basicStatus_table_after .line2 {display: none; position: absolute; width: 100%; height: 1px; left: 0; top: 116px; background: #A5A5A5; z-index: 999;}
.basicStatus_table_after .line3 {display: none; position: absolute; width: 100%; height: 1px; left: 0; top: 174px; background: #A5A5A5; z-index: 999;}
.basicStatus_table_after .line4 {display: none;position: absolute; width: 100%; height: 1px; left: 0; top: 232px; background: #A5A5A5;  z-index: 999;}
.basicStatus_table_after.on .line1 {display: block;}
.basicStatus_table_after.on .line2 {display: block;}
.basicStatus_table_after.on .line3 {display: block;}
.basicStatus_table_after.on .line4 {display: block;}


.basicStatus_table_after::after {display: none; content: ''; width: 1px; height: 290px; position: absolute; left: 520px; top: 0; background: #A5A5A5;}
.basicStatus_table_after.on::after {display: block;}
.basicStatus_table_after::before {display: none; content: ''; width: 1px; height: 290px; position: absolute; left: 994px; top: 0; background: #A5A5A5; z-index: 999;}
.basicStatus_table_after.on::before {display: block;}
.basicStatus_table_after .basicStatus_table_befor {width: 100%; height: 100%; position: relative;}
.basicStatus_table_after .basicStatus_table_befor::after {display: none;content: ''; width: 1px; height: 290px; position: absolute; right: 86px; top: 0; background: #A5A5A5;}
.basicStatus_table_after .basicStatus_table_befor::before {display: none;content: ''; width: 1px; height: 290px; position: absolute; right: 244px; top: 0; background: #A5A5A5;}













/* 심의위원 */

.main_visual.review{background: url(/images/kofac/main/review_banner.png)no-repeat center;}
.main_visual.review .txt .name span{color: #fff; background: #5B0052;}
.main_visual.review .txt strong,
.main_visual.review .txt p{color: #5B0052;}
.main_procedure.review{background: #fff;}
.main_procedure.review .tit{color: #333;}
.main_procedure.review .tabs{margin-top: 50px;}
.main_procedure.review .tabs li{width: 33.3333%; border-top: 1px solid #A299CB; border-bottom: 1px solid #A299CB; border-right: 1px solid #A299CB; overflow: hidden;}
.main_procedure.review .tabs li:first-child{border-left: 1px solid #A299CB; border-radius: 10px 0 0 10px;}
.main_procedure.review .tabs li:last-child{border-radius: 0 10px 10px 0;}
.main_procedure.review .tabs li.active{border-color: #5B0052;}
.main_procedure.review .tabs li a{display: block; width: 100%; height: 56px; align-content: center; font-size: 20px; }
.main_procedure.review .tabs li a::after{display: none !important;}
.main_procedure.review .tabs li a:hover{color: #5B0052;}
.main_procedure.review .tabs li.active a{background: #5B0052; color: #fff !important; font-weight: 600;}


#reviewStatus {width: 100%; height: 291px; border: 1px solid #D8D8D8; border-top: none; position: relative;}
#noticeStatus {width: 100%; height: 291px; border: 1px solid #D8D8D8; border-top: none; position: relative;}
#momStatus {width: 100%; height: 291px; border: 1px solid #D8D8D8; border-top: none; position: relative;}

#reviewStatus .line1 {width: 1px; height: calc(100% - 58px); position: absolute; left: 639px; top: 58px; background-color: #D8D8D8;}
#reviewStatus .line2 {width: 1px; height: calc(100% - 58px); position: absolute; left: 843px; top: 58px; background-color: #D8D8D8;}
#reviewStatus .line3 {width: 1px; height: calc(100% - 58px); position: absolute; right: 450px; top: 58px; background-color: #D8D8D8;}
/* #reviewStatus .line4 {width: 1px; height: calc(100% - 58px); position: absolute; right: 155px; top: 58px; background-color: #D8D8D8;} */
#reviewStatus .line5 {width: 100%; height: 1px; position: absolute; left: 0; top: 58px; background-color: #D8D8D8;}
#reviewStatus .line6 {width: 100%; height: 1px; position: absolute; left: 0; top: 116px; background-color: #D8D8D8;}
#reviewStatus .line7 {width: 100%; height: 1px; position: absolute; left: 0; top: 174px; background-color: #D8D8D8;}
#reviewStatus .line8 {width: 100%; height: 1px; position: absolute; left: 0; top: 232px; background-color: #D8D8D8;}

#noticeStatus .line1 {width: 1px; height: calc(100% - 58px); position: absolute; left: 453px; top: 58px; background-color: #D8D8D8;}
#noticeStatus .line2 {width: 1px; height: calc(100% - 58px); position: absolute; left: 905px; top: 58px; background-color: #D8D8D8;}
#noticeStatus .line3 {width: 1px; height: calc(100% - 58px); position: absolute; right: 373px; top: 58px; background-color: #D8D8D8;}
#noticeStatus .line4 {width: 1px; height: calc(100% - 58px); position: absolute; right: 154px; top: 58px; background-color: #D8D8D8;}
#noticeStatus .line5 {width: 100%; height: 1px; position: absolute; left: 0; top: 58px; background-color: #D8D8D8;}
#noticeStatus .line6 {width: 100%; height: 1px; position: absolute; left: 0; top: 116px; background-color: #D8D8D8;}
#noticeStatus .line7 {width: 100%; height: 1px; position: absolute; left: 0; top: 174px; background-color: #D8D8D8;}
#noticeStatus .line8 {width: 100%; height: 1px; position: absolute; left: 0; top: 232px; background-color: #D8D8D8;}




#momStatus .line1 {width: 1px; height: calc(100% - 58px); position: absolute; left: 453px; top: 58px; background-color: #D8D8D8;}
#momStatus .line2 {width: 1px; height: calc(100% - 58px); position: absolute; left: 905px; top: 58px; background-color: #D8D8D8;}
#momStatus .line3 {width: 1px; height: calc(100% - 58px); position: absolute; right: 373px; top: 58px; background-color: #D8D8D8;}
#momStatus .line4 {width: 1px; height: calc(100% - 58px); position: absolute; right: 154px; top: 58px; background-color: #D8D8D8;}
#momStatus .line5 {width: 100%; height: 1px; position: absolute; left: 0; top: 58px; background-color: #D8D8D8;}
#momStatus .line6 {width: 100%; height: 1px; position: absolute; left: 0; top: 116px; background-color: #D8D8D8;}
#momStatus .line7 {width: 100%; height: 1px; position: absolute; left: 0; top: 174px; background-color: #D8D8D8;}
#momStatus .line8 {width: 100%; height: 1px; position: absolute; left: 0; top: 232px; background-color: #D8D8D8;}








table.review_status{width: 100%; table-layout: fixed;}
table.review_status th {font-weight: bold; color: #1D1D1D; border-top: 1px solid #A299CB; border-bottom: 1px solid #A299CB; border-left: 1px solid #A299CB; background: #EFEDF5;}
table.review_status th,
table.review_status td{padding: 10px; text-align: center; height: 58px; font-size: 18px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
table.review_status th:first-child,
table.review_status td:first-child{border-left: 0;}
table.review_status .small_button{font-size: 15px; padding: 3px 10px; border-radius: 4px;}
.bg_purple{color: #fff; background: #5B0052;}
.mom_add_btn{position: relative; padding: 10px 31px 10px 10px; border-radius: 4px; color: #69C27D; font-size: 16px; line-height: 1; border: 1px solid #69C27D; font-family: "NotoSans", sans-serif;}
.mom_add_btn i{position: absolute; width: 14px; height: 14px; right: 4px; top: 50%; transform: translate(-50%, -50%);}
.mom_add_btn i::before,
.mom_add_btn i::after{content: ''; position: absolute; background: #69C27D; border-radius: 2px; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.mom_add_btn i::before{width: 100%; height: 2px;}
.mom_add_btn i::after{width: 2px; height: 100%;}

.main_procedure.review .pagination{gap: 15px;}
.main_procedure.review .pagination .btn{width: 64px; height: 40px; border-radius: 6px; border: 1px solid #D8D8D8;}
.main_procedure.review .pagination .num{font-size: 20px; color: #555;}
.main_procedure.review .pagination .num b{color: #5B0052;}
.main_procedure.review .pagination .btn.prev{background: url(/images/kofac/main/ico_prev2.png)no-repeat center;}
.main_procedure.review .pagination .btn.prev.on{border-color: #5B0052; background: #5B0052 url(/images/kofac/main/ico_prev2_on.png)no-repeat center;}
.main_procedure.review .pagination .btn.next{background: url(/images/kofac/main/ico_next2.png)no-repeat center;}
.main_procedure.review .pagination .btn.next.on{border-color: #5B0052; background: #5B0052 url(/images/kofac/main/ico_next2_on.png)no-repeat center;}

.main_progress_wrap{padding: 80px 0 120px; background: #F5F5F5;}
.main_progress_wrap .tit{display: flex; align-items: center; gap: 40px; font-size: 40px; padding-left: 64px; background: url(/images/kofac/main/ico_check_ball.png)no-repeat center left;}
.main_progress_wrap .tit i{display: inline-block; width: 50px; height: 50px; background: url(/images/kofac/main/ico_tit_arrow.png)no-repeat center;}
.main_progress_wrap .progress{position: relative; margin-top: 170px; width: 100%;}
.main_progress_wrap .bar_bg{position: relative; width: 100%; height: 56px; background: #BEBEBE; border-radius: 60px;}
.main_progress_wrap .bar_bg .bar{position: absolute; height: 56px; text-align: right; align-content: center; border-radius: 60px; padding-right: 60px; color: #fff; font-weight: bold; font-size: 24px; font-style: italic; background: linear-gradient(90deg, #87D6F4 0%, #006AEE 100%); z-index: 10;}
.main_progress_wrap .bar .obj_now{position: absolute; top: -64px; right: -35px; width: 82px; height: 100px; background: url(/images/kofac/main/obj_now.png)no-repeat center ;}
.main_progress_wrap .bar .obj_now .bubble{position: absolute; padding: 15px 20px; border-radius: 10px; border: 1px solid #BEBEBE; background: #fff; color: #006AEE; font-size: 20px; font-weight: 600; white-space: nowrap; top: -90px; left: 50%; transform: translateX(-50%);}
.main_progress_wrap .bar .obj_now .bubble::after{content: ''; position: absolute; left: 50%; bottom: -19px; transform: translateX(-50%); width: 20px; height: 20px; background: url(/images/kofac/main/bubble_tail.png)no-repeat center;}
.main_progress_wrap .obj_start{position: absolute; left: 25px; top: -64px;}
.main_progress_wrap .obj_end{position: absolute; right: 25px; top: -64px;}

.main_progress_wrap.empty .tit{padding: 0; background: transparent;}
.main_progress_wrap.empty .img{text-align: center; margin-top: 80px;}
.main_progress_wrap.empty p{text-align: center; font-size: 20px; margin-top: 32px; font-weight: bold;}

.main_progress_wrap .desc{display: flex; justify-content: space-between; margin-top: 30px;}
.main_progress_wrap .desc p{font-size: 20px; color: #8E8E8E; font-weight: 600;}



/* 스크롤 효과 */

.back_to_position{opacity: 0; transition: 1s; transform: translateY(200px);}
.show .back_to_position {opacity: 1; transform: translateY(0);}
.show .back_to_position.delay_0{transition-delay: .1s;}
.show .back_to_position.delay_1{transition-delay: .2s;}
.show .back_to_position.delay_2{transition-delay: .4s;}
.show .back_to_position.delay_3{transition-delay: .6s;}
.show .back_to_position.delay_4{transition-delay: .8s;}
.show .back_to_position.delay_5{transition-delay: 1s;}


/* 공지사항 */

.main_notice_wrap {width: 100%; background: var(--light_grey); padding: 70px 0;}
.main_notice_wrap.review{background: #fff;}
.main_notice_wrap.intro {padding: 200px 0 70px 0;}
.main_notice_wrap .notice_top{width: 100%; height: 52px; background: #d9d9d9;}
.main_notice_wrap h3 {color:#01499B;font-size: 27px;font-weight: 700;margin-bottom: 25px; display: flex; align-items: center; justify-content: space-between;}
.main_notice_wrap h3 .more{font-size: 14px; color: #919191; font-weight: 500; padding-left: 26px; background: url(/images/kofac/main/ico_more.png)no-repeat center left; line-height: 2; transition: .2s;}
.main_notice_wrap h3 .more:hover{color: #01499B; background: url(/images/kofac/main/ico_more_on.png)no-repeat center left;}

.main_notice_wrap .mn_cont{display: flex;}
.main_notice {margin-right: 30px;}

.notice_box {width:50%; background: #fff; height: auto; padding: 30px 40px; filter: drop-shadow(3px 4px 4px rgba(0, 0, 0, 0.25)); position: relative;}
.notice_box li {font-size: 18px; margin-bottom: 16px;align-items: center;}
.notice_box li a {display: flex;justify-content: space-between; gap: 10px; z-index: 9;}
.notice_box li p{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; flex: 1; transition: .2s;}
.notice_box li a:hover p,
.notice_box li a:hover span{color:#01499B;}
.notice_box span {color:#333; font-size: 16px; transition: .2s;}



.logo_banner {background: #fff;}
/*.logo_banner ul {text-align: center; display: flex; justify-content: space-between;}*/
.logo_banner ul {text-align: center;display: flex;justify-content: space-between;align-items: center;}
.logo_banner ul li {display: inline-block; padding:15px 60px;}
/*
.mn_cont .notice_box::before{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 15px solid transparent; transition: all .2s ease-in-out; border-image: linear-gradient(135deg, #014E99 0%, #25CCE6 100%) 30; opacity: 0;}
.mn_cont .notice_box:hover::before{ opacity: 1;}
*/

/* 2020-10-30 */
/* .rolling_panel { position: relative; height: 150px; overflow: hidden; margin: 0 0 0 -5px;}
.rolling_panel ul { position: absolute; margin: 5px; padding: 0; list-style: none; }
.rolling_panel ul li { float: left; width: 205px; height: 140px; margin-top: 16px;} */


#top-btn {position: fixed; width: 44px; height: 44px; bottom: 30px; right: 30px; background: #006AB6 url(/images/kofac/top_arrow_white.png) no-repeat center center; border-radius: 44px; border: none; cursor: pointer; transition: all .3s;}