#main { padding-top: 55px; }
#main #section1 { padding-top: 40px; }
#main #section1 h1 { margin-bottom: 40px; text-align: center; }
#main #section1 h1 .main_title { width: 265px; }
#main #section1 .apply_wrap { padding: 0 20px 85px 20px; background: url('../img/main/apply_bg.png') no-repeat center bottom / 100% 80%; }
#main #section1 .apply_wrap .apply { padding: 20px 45px 17px 45px; background-color: #fff;  border-radius: 30px; text-align: center; }
#main #section1 .apply_wrap .apply .txt_box { margin-bottom: 20px; }
#main #section1 .apply_wrap .apply .txt_box img { width: 55px; margin-right: 22px; }
#main #section1 .apply_wrap .apply .txt_box { font-size: 25px; justify-content: center; align-items: center; }
#main #section1 .apply_wrap .apply .txt_box span { font-weight: 500; text-align: left; }
#main #section1 .apply_wrap .apply .apply_btn { font-size: 17px; width: 100%; height: 40px; line-height: 40px; background-color: #01b7cf; font-weight: 600; display: block; border-radius: 30px; }

#main #section2 { margin-top: -50px; } 
#main #section2 .top { align-items: baseline; justify-content: space-between; }
#main #section2 .top h2 { font-size: 23px; margin-right: 35px; font-weight: 600; color: #fff; }
#main #section2 .top .tab_menu li:not(:last-of-type) { margin-right: 20px; }
#main #section2 .top .tab_menu li a { font-size: 17px; padding-bottom: 10px; color: #fff; font-weight: 500; display: block; position: relative; }
#main #section2 .top .tab_menu li a.active { font-weight: 600; color: #5dfff5; }
#main #section2 .top .tab_menu li a::after { content: ''; width: 0; height: 3px; background-color: #5dfff5; border-radius: 10px; display: block; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); transition: all 0.3s; }
#main #section2 .top .tab_menu li a.active::after { width: 100%; }
#main #section2 .list_wrap { padding-top: 50px; position: relative; }
#main #section2 .all_list_btn { position: absolute; right: 20px; top: 10px; }
#main #section2 .all_list_btn span { font-size: 12px; font-weight: 500; }
#main #section2 .all_list_btn img { width: 15px; }
.list_wrap { padding: 32px 20px; background-color: #eff1f6; }
.list_wrap .list:not(:last-of-type) { margin-bottom: 20px; }
.list_wrap .list { padding: 25px 20px; border-radius: 10px; background-color: #fff; cursor: pointer; }
.list_wrap .list.complete { background: url('../img/main/complete_bg.jpg') no-repeat center / cover; }
.list_wrap .list .list_top { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 2px solid #e5e5e5; align-items: center; justify-content: space-between; }
.list_wrap .list .list_top > .flex-box { align-items: center; }
.list_wrap .list .list_top h3 { font-size: 20px; font-weight: 600; margin-right: 5px; letter-spacing: -0.05em; }
.list_wrap .list .list_top .list_btn { font-size: 12px; height: 22px; padding: 0 8px; text-align: center; border-radius: 20px; display: block; font-weight: 600; }
.list_wrap .list .list_top .list_btn:not(:last-child) { margin-right: 5px; }
.list_wrap .list .list_top .list_btn img { width: 12px; }
.list_wrap .list .list_top .comple_btn { border: 1px solid #029aee; color: #029aee; }
.list_wrap .list .list_top .approve_btn { border: 1px solid #4861f4; color: #4861f4; }
.list_wrap .list .list_top .req_btn { border: 1px solid #01b7cf; color: #01b7cf; }
.list_wrap .list .list_top .date { font-size: 12px; margin-left: 12px; color: #777777; letter-spacing: -0.05em; }
.list_wrap .list .list_bottom { position: relative; }
.list_wrap .list .list_bottom .txt_wrap:not(:last-of-type) { margin-bottom: 10px; }
.list_wrap .list .list_bottom .txt_wrap span { display: block; }
.list_wrap .list .list_bottom .txt_wrap .title { width: 81px; margin-right: 15px; font-size: 15px; font-weight: 600; }
.list_wrap .list .list_bottom .txt_wrap .txt { font-size: 15px; }
.list_wrap .list .list_bottom .view_btn { position: absolute; bottom: 0; right: 0; }
.list_wrap .list .list_bottom .view_btn img { width: 30px; }


#collector_main { padding-top: 55px; height: 100vh; }
#collector_main #section1 #map { width: 100%; height: 100vh; }
#collector_main #section1 #map .map_status_btn { position: absolute; top: 50px; right: 20px; z-index: 101; }
#collector_main #section1 #map .map_status_btn li:not(:last-of-type) { margin-bottom: 8px; }
#collector_main #section1 #map .map_status_btn li a { font-size: 13px; font-weight: 500; padding: 10px 8px; display: block; }
#collector_main #section1 #map .map_status_btn li .r_btn { background-color: #01b7cf; border: 1px solid #01b7cf; }
#collector_main #section1 #map .map_status_btn li .c_btn { background-color: #fff; border: 1px solid #029aee; color: #029aee; }
#collector_main #section1 #map .marker { padding: 6px; border-radius: 10px; display: block; position: relative; }
#collector_main #section1 #map .marker.r_marker { background-color: #01b7cf; }
#collector_main #section1 #map .marker.counsult_marker { background-color: #ffffff;}
#collector_main #section1 #map .marker.c_marker { background-color: #029aee; }
#collector_main #section1 #map .marker span { display: block; color: #fff; text-align: center; }
#collector_main #section1 #map .marker.counsult_marker span { display: block; color: #029aee; text-align: center; }
#collector_main #section1 #map .marker .date { font-size: 10px; }
#collector_main #section1 #map .marker .ea { font-size: 13px; font-weight: 500; }
#collector_main #section1 #map .marker::after { content: ''; display: block; width: 0; height: 0; border-right: 6px solid transparent; position: absolute; bottom: -7px; left: 50%; transform: translateX(-50%); }
#collector_main #section1 #map .marker.r_marker::after { border-top: 12px solid #01b7cf; border-left: 6px solid transparent; border-right: 6px solid transparent; position: absolute; bottom: -7px; left: 50%; transform: translateX(-50%); }
#collector_main #section1 #map .marker.counsult_marker::after { border-top: 12px solid #ffffff; border-left: 6px solid transparent; border-right: 6px solid transparent; position: absolute; bottom: -7px; left: 50%; transform: translateX(-50%); }
#collector_main #section1 #map .marker.c_marker::after { border-top: 12px solid #029aee; border-left: 6px solid transparent; border-right: 6px solid transparent; position: absolute; bottom: -7px; left: 50%; transform: translateX(-50%); }
#collector_main #section1 .info_layer { width: 100%; background-color: #eff1f6; position: fixed; left: 0; bottom: -125px; z-index: 101; box-shadow: 0px -35px 20px rgba(0, 0, 0, .3); }
#collector_main #section1 .info_layer.active { bottom: 0; }
#collector_main #section1 .info_layer .info { background-color: #fff; margin-top: -25px; border-radius: 20px; padding: 20px; position: relative; }
#collector_main #section1 .info_layer .info .info_btn span { font-size: 13px; margin-right: 5px; color: #999999;  }
#collector_main #section1 .info_layer .info  img { width: 13px; }
#collector_main #section1 .info_layer .info .info_box .title { margin-bottom: 10px; }
#collector_main #section1 .info_layer .info .info_box .title .tt { font-size: 20px; font-weight: 600; margin-right: 10px; }
#collector_main #section1 .info_layer .info .info_box .status { padding: 3px 10px; font-size: 13px; font-weight: 600; border-radius: 20px; }

#collector_main #section1 .info_layer .info .info_box .txt { margin-bottom: 10px; padding-bottom: 15px; position: relative; }
#collector_main #section1 .info_layer .info .info_box .txt span { font-size: 17px; font-weight: 500; letter-spacing: -0.05em; }
#collector_main #section1 .info_layer .info .info_box .txt .confirm_btn { font-size: 13px; position: absolute; top: 0; right: 0; padding: 3px 10px; background-color: #333333; color: #fff; border-radius: 5px; display: block; font-weight: 500; }
#collector_main #section1 .info_layer .info .info_box .btn_box a { width: 48%; padding: 10px 0; border-radius: 5px; font-size: 15px; font-weight: 600; display: block; }
#collector_main #section1 .info_layer .info .info_box .btn_box a:not(:last-of-type) { margin-right: 4%; }
#collector_main #section1 .info_layer .info .info_box .btn_box .r_list_btn { background-color: #01b7cf; }
#collector_main #section1 .info_layer .info .info_box .btn_box .c_list_btn { background-color: #029aee; }
#collector_main #section1 .info_layer .info .info_box .btn_box a img { margin-left: 20px; width: 10px; }
#collector_main #section1 .info_layer .info .info_box .all_btn { padding: 10px 0; width: 100%; font-size: 15px; margin-top: 10px; background-color: #3b8ede; display: block; font-weight: 600; }
#collector_main #section1 .info_layer .info .info_box .all_btn img { width: 17px; margin-left: 5px; vertical-align: baseline; }
#collector_main #section1 .info_layer .list_wrap { padding: 20px; max-height: 350px; overflow: auto; display: none; }
#collector_main #section1 .info_layer.active .info .info_btn img { transition: all 0.3s; transform: rotate(180deg); }
#collector_main #section1 .info_layer.acrive .info .info_box .txt { border-bottom: 1px solid #e5e5e5; }
#collector_main #section1 .info_layer .info .info_top { margin-bottom: 20px; justify-content: space-between; align-items: center; }
#collector_main #section1 .info_layer .info .info_top_txt { font-size: 13px; color: #01b7cf; font-weight: 500; }