/* ---------------------- 서브공통 */
/* 레이아웃 */
.page_content { padding: 3.125rem; background: #fff; border-radius: 18px; } 

@media screen and (max-width:1024px) { 
 .page_content { padding: 2rem; } 
}

@media screen and (max-width:640px) { 
 .page_content { padding: 1.5rem; } 
}




/* 탭 메뉴 */
.page_tab { margin-bottom:20px; } 
.page_tab ul { display: flex; gap:2px; border-bottom:1px solid var(--primary, #E4096D); flex-wrap: wrap; } 
.page_tab ul li { flex:1; height:48px; } 
.page_tab ul li a { display: flex; gap:10px; align-items: center; justify-content: center; width:100%; height:100%; background-color:var(--gray-50, #F8F8F8); font-weight: 500; color: var(--gray-550, #737373); border-radius: 20px 20px 0 0; } 
.page_tab ul li a .count { font-weight: 600; color: var(--gray-900, #1A1A1A); } 
.page_tab ul li a:hover { background-color:#f0f0f0; } 
.page_tab ul li.active a { background: var(--primary, #E4096D); font-weight: 600; color:#fff; } 
.page_tab ul li.active a .count { color:#fff; } 


@media screen and (max-width:768px) { 
 .page_tab ul li { height: auto; flex:auto; } 
 .page_tab ul li a { flex-direction: column; padding: 10px; border-radius: 10px 10px 0 0; gap: 0; } 
 .page_tab ul li span:not(:empty) { margin-top:5px } 
 
}

/* 토글 버튼*/
.toggle_wrap{display: flex;align-items: center;gap:5px}
.toggle_wrap p{color: var(--gray-550, #737373);font-size: .875rem;font-weight: 600;line-height: 100%;letter-spacing: -0.56px;}
.toggle {position: relative;display: inline-block;width: 46px;height: 24px;border-radius: 30px;overflow: hidden;}
.toggle input {opacity: 0;width: 0;height: 0;}
.slider {position: absolute;cursor: pointer;inset: 0;background:url(../../img/ico_toggle_close.svg) no-repeat left 5px center #ccc;transition: 0.3s;}
.slider::before {content: "";position: absolute;height: 16px;width: 16px;right: 4px;top: 50%;transform: translateY(-50%);background-color: #fff;border-radius: 50%;transition: 0.3s;box-shadow:2px 2px 4px rgba(0, 0, 0, 0.25);
}

/* ON 상태 */
.toggle input:checked + .slider {
background:url(../../img/ico_toggle_check.svg) no-repeat right 9px center #1FC936;
}

.toggle input:checked + .slider::before {
  right: auto;left: 4px;
}

/* 모달 탭 */
.tab_menu { display: flex; border-bottom: 1px solid var(--primary); } 
.tab_menu li { flex: 1 1; } 
.tab_menu li a { display: block; padding: 15px 20px; background: #f8f8f8; font-size: 1.0625rem; font-weight: 500; color: var(--gray-550); text-align: center; transition: all 0.5s; border-radius: 18px 18px 0 0; } 
.tab_menu li.active a,
.tab_menu li:hover a { background: var(--primary); color: #fff; } 


.tab_content .tab_item { display:none; } 
.tab_content .tab_item.active { display:block; } 



/* 타이틀 */
.sub_top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.5rem; flex-wrap: wrap; gap:1rem; } 
.sub_top .sub_title { display: flex; align-items: center; font-size: 1.375rem; font-weight: 600; } 
.sub_top .sub_title.black { color:#000 !important; } 
#managed .sub_top .sub_title { color:#fff; } 
#managed .modal .sub_top .sub_title { color:#000; } 
.sub_top select { width:calc(33.333% - 6.66px) } 
.sub_top .sub_title .ico { display: flex; align-items: center; justify-content: center; margin-right: 10px; width: 4.0625rem; height: 4.0625rem; background: var(--gray-800); border-radius: 22px; } 
#evaluator .sub_top .sub_title .ico { background: var(--evaluator); } 

h4.ico_title { margin-bottom:1.875rem; display: flex; align-items: center; gap:0.625rem; color: var(--gray-900, #1A1A1A); font-size: 1.25rem; font-weight: 600; } 
h4.ico_title span { display: flex; align-items: center; justify-content: center; width:2.5rem; height:2.5rem; border-radius: 15px; background: #464646; } 

@media screen and (max-width:768px) { 
.sub_top { flex-direction: column; gap: 10px; align-items: flex-start; } 
.sub_top .sub_title .ico { width: 45px; height: 45px; border-radius: 16px; } 
.sub_top .sub_title .ico img { width: 25px; } 
.sub_top select { width:100% } 
}

/* 타이틀 > 메뉴 */
.sub_top ul.link_list { display: flex; gap:0.25rem; flex-wrap: wrap; } 
.sub_top ul.link_list li a { display: block; padding:0.625rem 1.25rem; border-radius: 22px; background:#222; color: #FFF; font-weight: 600; } 
.sub_top ul.link_list li.active a { background-color: var(--primary); } 





/* 사용자 입력폼 > 셀렉트 */
select { padding: 0px 45px 0px 20px; border: 1px solid #E5E5E5; background: url("../../img/select_arrow.svg") no-repeat right 20px center #fff; color:#595959; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 10px; height:40px; } 
select::-ms-expand { display: none; } 
textarea::placeholder { font-weight: 500; line-height: normal; color: #9FA0A0; } 
.chk_box { display: block; margin-bottom: 5px; padding-left: 33px; position: relative; font-size: 1.125rem; font-weight: 500; line-height: 23px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } 

/* 사용자 입력폼 > 체크박스 */
.chk_box input[type="checkbox"] { display: none; } 
.on { border: 1px solid var(--gray-600); position: absolute; top: 0; left: 0; width: 23px; height: 23px; background: #fff; border-radius: 4px; } 
.on:after { display: none; position: absolute; top: 50%; left: 50%; width: 18px; height: 13px; background: url(../../img/ico_check_box.svg) no-repeat; content: ""; transform: translate(-50%,-50%); } 
.chk_box input[type="checkbox"]:checked + .on:after { display: block; } 


/* 사용자 입력폼 > 기본체크박스 */
label.flex { display: flex; align-items: center; gap:4px; } 
input[type="checkbox"] { width: 20px; height: 20px; } 

/* 사용자 입력폼 > 기본 데이터픽커 */
input[type="date"] { padding:0 20px; border-radius: 10px; border: 1px solid var(--list_line, #E5E5E5); background: var(--gray-0, #FFF); height:40px; } 




/* 버튼 */
.btn_bottom { display: flex; gap: 10px; justify-content:flex-end; margin-top: 2.5rem; } 
.btn_bottom.sm { gap:5px; } 
.btn_bottom.between { justify-content: space-between;} 
.btn_center { justify-content: center; } 
.btn { display: flex; align-items: center; justify-content: center; width: 200px; height: 60px; font-size: 1.125rem; border-radius: 18px; } 
.btn_pink { background: var(--primary); color: #fff; } 
.btn_gray { background: #9FA0A0; color: #fff; } 
.btn_navy { background-color: #032079; color:#fff; }
.btn_blue { background-color: #2448B2; color:#fff; } 
.btn_black { background-color: #222; color:#fff; } 

.btn.icon { display: flex; gap:10px; align-items: center; font-weight: 600; } 
.btn.icon::before { display: block; } 
.btn.icon.write::before { content:'';width:28px;height: 22px;background:  url("../../img/ico_btn_write.svg") no-repeat center;} 
.btn.sm.icon.write::before{background-size: 18px;width:18px;height: 15px;}

.btn.sm { height:30px; min-width:46px; width:auto; padding:6px 10px; font-size: 15px; font-weight: 500; border-radius: 10px; } 
.btn.md { height:46px; min-width:160px; width:auto; padding:14px; font-size: 17px; font-weight: 600; border-radius: 16px; } 
.btn.round{border-radius: 50px;}

@media screen and (max-width:768px) { 
 .btn_bottom > a:only-of-type,
 .btn_center > a:only-of-type { width: 100%; } 
 .btn { height: 50px; } 
}


/* 모달 */
.rounded_tit { display: inline-flex; gap:5px; align-items: center; justify-content: center; margin-top:30px; margin-bottom:10px; padding:0 20px; height:42px; background: var(--gray-650, #595959); font-weight: 600; line-height: 150%; color: #FFF; border-radius: 20px; } 
.rounded_tit:first-of-type { margin-top:0; } 
.rounded_tit b { font-size: 20px; font-weight: 600; color: #FFF; } 

.modal_result { font-size: 22px; font-weight: 600; text-align: center; } 

.modal h3.sub_title { color: var(--gray-900, #1A1A1A); font-size: 22px; font-weight: 600; padding-bottom:16px; border-bottom:1px solid #E5E5E5; margin-bottom:30px; width:100%; } 


.modal .board_view { margin-bottom:40px; } 

/* 모달 > 피드백 */
.feedback { margin-top: 20px; padding: 30px; border:1px solid #e5e5e5; border-radius: 10px; } 
.feedback h3 { margin-bottom: 24px; padding-left:32px; position: relative; font-size: 1.125rem; font-weight: 600; } 
.feedback h3::before { display: block; position: absolute; top: 50%; left: 0; width: 22px; height: 22px; background: url("../../img/ico_feedback.svg") no-repeat center/cover; content: ''; transform: translateY(-50%); } 
.feedback .feedback_cont { overflow-y: auto; height: 100px; line-height: 160%; } 
.feedback textarea { padding:10px; border: 0 none; width:100%; height:100px; background: #F5F5F5; resize: none; border-radius: 10px; } 


/* 페이지네이션 */
.paging { display: flex; gap: 30px; align-items: center; justify-content: center; margin-top: 4.375rem; } 
.paging a { display: block; } 
.paging .ico_page { width: 24px; height: 24px; text-indent: -9999px; } 
.paging .prev { background: url(../../img/paging_prev.svg) no-repeat center; } 
.paging .next { background: url(../../img/paging_next.svg) no-repeat center; } 
.paging .num { font-size: 1.125rem; font-weight: 500; color: var(--gray-400); } 
.paging .active a { font-weight: bold; color: var(--gray-800); } 

@media screen and (max-width:768px) { 
 .paging { margin-top: 1.875rem; } 
 
}

/* 보드 리스트 */
.total { display: flex; gap:10px; align-items: center; margin-bottom: 1.125rem; font-size:24px; font-weight: 500; } 
.total b { font-size: 14px; font-weight: 400; color: var(--gray-400); } 
.board_list { border-top: 1px solid var(--gray-800); width: 100%; } 
.board_list tr { border-bottom: 1px solid #E5E5E5; } 
.board_list td { padding: 15px 0; vertical-align: middle; text-align: center; } 
.board_list .num { color: var(--gray-400); } 
.board_list .num .notice { padding: 6px 9px; background: #80A6CF; font-size:14px; color:#fff; border-radius: 8px; } 
.board_list .title { text-align: left; } 
.board_list .title a { margin-right: 0.375rem; font-size: 1.125rem; font-weight: 500; } 
.board_list .title a:hover { text-decoration: underline; } 
.board_list .title .file { margin-left:6px; position: relative; } 
.board_list .title .file::after { display: block; position: absolute; top:-2px; left:0; width:16px; height:21px; background:url("../../img/ico_down.svg") no-repeat center/cover; content: ""; } 


.board_list .hit,
.board_list .date { font-size: 0.9375rem; font-weight: 500; color: var(--gray-400, #999); } 
.board_list .division { display: inline-flex; align-items: center; padding: 0.375rem 0.625rem; border: 1px solid #e5e5e5; font-size: .9375rem; color:#80A6CF; border-radius: 1.875rem; } 
.board_list .division .company { display: flex; align-items: center; } 
.board_list .division .company::after { display: block; margin:0 10px; width:1px; height:11px; background-color: #ccc; content: ""; } 
.board_list .title .date { display: block; margin-top: 5px; font-weight: 500; color: var(--gray-400); } 
.board_list .right { text-align: right; } 
.board_list .right .right_cont { display: flex; gap: 7px; align-items: center; justify-content: flex-end; } 
.board_list .right .txt { font-size: .9375rem; color: var(--gray-550); } 
.board_list .score { display: inline-flex; align-items: center; padding: 7px 10px; border: 1px solid #cc5b9083; position: relative; font-weight: 500; color: #CC5B8F; border-radius: 30px; gap:6px; height:30px; font-size:1rem !important;} 
.board_list .score:after { display: block; width: 14px; height: 14px; background: url(../../img/ico_link_pink02.svg) no-repeat center; content: ''; } 
.board_list .right .staus { display: flex; align-items: center; justify-content: center; width: 58px; height: 30px; font-size: .875rem; font-weight: 500; border-radius: 30px; } 
.board_list .right .staus_blue { background: #DEF5FF; color: #3669C8; } 
.board_list .right .staus_green { background: #D0FDD7; color: #528B31; } 
.board_list .right .staus_gray { background: var(--gray-50); color: var(--gray-650); } 
.board_list .right .staus_red { background: #FFEBEB; color: #C01F1F; } 
.board_list .right .assigned_days { display: flex; gap:5px; align-items: center; color: var(--gray-500, #808080); } 
.board_list .right .assigned_days::before { display: block; width:20px; height:20px; background:url("../../img/ico_clock.svg") no-repeat center/cover; content: ""; } 
.board_list .right .assigned_days b { font-weight: 500; color: var(--primary, #E4096D); } 

@media screen and (max-width:768px) { 
 .board_list.notice_list colgroup { display: none; } 
 .board_list.notice_list tr { display: block; padding: 10px 0; } 
 .board_list.notice_list .num { display: inline-block; } 
 .board_list.notice_list .title { display: block; margin: 3px 0; } 
 .board_list.notice_list .hit, .board_list.notice_list .date { display: inline-block; } 
 .board_list.notice_list td { padding: 5px 0; } 
 .board_list.notice_list .hit { margin-right: 7px; padding-right: 10px; position: relative; } 
 .board_list.notice_list .hit:after { content: ''; display: block; width: 1px; height: 11px; background: #ccc; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } 
 .total { font-size: 1.25rem; } 

 /* 나의 제안 현황*/
 .board_list.status_list,
 .board_list.status_list tbody,
 .board_list.status_list tr { display: block; } 
 .board_list.status_list colgroup { display: none; } 
 .board_list.status_list tr,
 .board_list.status_list tbody { width: 100%; } 
 .board_list.status_list tr { padding: 10px 0 } 
 .board_list.status_list .num { display: inline-block; } 
 .board_list.status_list td { padding: 5px 0; } 
 .board_list.status_list .name{display: block;text-align: left;}
 .board_list.status_list .m_mg{padding: 0 5px;}
 .board_list.status_list .company,
 .board_list.status_list .department{text-align: left;}
 .board_list.status_list .title { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; } 
 .board_list.status_list .right { display: block; } 
 .board_list.status_list .right .right_cont {flex-wrap:wrap} 
 .board_list.status_list .eval-info{width:100%;font-size: .9375rem;text-align: left;}
}

/* 보드 상세 */
.board_view .view_info { padding-bottom:1rem; border-bottom: 1px solid #e5e5e5; } 
.board_view .view_info .view_title { display: flex; gap:12px; align-items: center; align-items: center; flex-wrap: wrap; margin-bottom: 1.25rem; font-size: 22px; font-weight: 500; } 
.board_view .view_info .view_title .staus { display: flex; align-items: center; justify-content: center; padding: 8px 16px; font-size: 14px; font-weight: 600; 
line-height: 100%; border-radius: 30px; } 
.board_view .view_info .view_title .staus_blue { background: #DEF5FF; color: #3669C8; } 
.board_view .view_info .view_title .staus_green { background: #D0FDD7; color: #528B31; } 
.board_view .view_info .view_title .staus_gray { background: var(--gray-50); color: var(--gray-650); } 
.board_view .view_info .view_title .staus_red { background: #FFEBEB; color: #C01F1F; } 
.board_view .view_info .view_title .staus_gray { background: var(--gray-50); color: var(--gray-650); } 
.board_view .view_info .view_title .staus_red { background: #FFEBEB; color: #C01F1F; } 
.board_view .view_info .view_detail { display: flex; align-items: center; justify-content: space-between; position: relative; } 
.board_view .view_info .view_detail .btn_print { width:40px; height:40px; background:#D6BF9A url("../../img/ico_print.svg") no-repeat center; border-radius: 18px; } 

.board_view .view_info ul { display: flex; } 
.board_view .view_info ul li { display: flex; align-items: center; margin-right: 1.875rem; padding-right: 1.875rem; position: relative; } 
.board_view .view_info ul li:last-child { margin-right: 0; padding-right: 0; } 
.board_view .view_info ul li:last-child:after { display: none; } 
.board_view .view_info ul li:after { display: block; position: absolute; top: 50%; right: 0; width: 1px; height: 14px; background: var(--gray-200); content: ''; transform: translateY(-50%); } 
.board_view .view_info ul li p { display: flex; gap:5px; align-items: center; margin-right: .625rem; font-size: 14px; color: var(--gray-500); } 
.board_view .view_info ul li.assigned_days p::before { display: block; width:20px; height:20px; background: url("../../img/ico_clock.svg") no-repeat center/cover; content:""; } 
.board_view .view_info ul li.assigned_days span { color:var(--primary); } 


.board_view .view_info ul li span { font-weight: 500; } 
.board_view .view_body .view_content { margin: 2.1875rem 0; line-height: 150%; color: #595959; } 
.board_view .view_body .view_content img{max-width:100%}
.board_view .view_file { margin: 35px 0; } 
.board_view .view_file h3 { margin-bottom: .875rem; padding-bottom: .875rem; border-bottom: 1px solid #ececec; font-size: .875rem; font-weight: 600; } 
.board_view .view_file ul { display: flex; gap: 5px; flex-wrap: wrap; } 
.board_view .view_file ul li { margin-right: 2.5rem; padding-left: 22px; position: relative; font-size: .875rem; color:#595959; } 
.board_view .view_file ul li::before { display: block; position: absolute; top: 50%; left: 0; width: 15px; height: 16px; background: url("../../img/ico_view_file.svg") no-repeat; content: ''; transform: translateY(-50%); } 
.board_view .view_file ul li a:hover { text-decoration: underline; } 
.board_view .view_confirm .vc_top { margin-bottom: 1.375rem; color: #902C5A; } 
.board_view .view_confirm .vc_top h3 { margin-bottom: 10px; padding-left: 22px; position: relative; font-size: 1.125rem; font-weight: 500; } 
.board_view .view_confirm .vc_top h3::before { display: block; position: absolute; top: 50%; left: 0; width: 16px; height: 16px; background: url(../../img/ico_confirm.svg) no-repeat; content: ''; transform: translateY(-50%); } 
.board_view .view_confirm ul { padding: 0 10px; } 

@media screen and (max-width:768px) { 
.board_view .view_info ul { flex-direction: column; gap: 10px; } 
.board_view .view_info ul li { margin-right: 0; padding-right: 0; } 
.board_view .view_info ul li:after { display: none; } 
.board_view .view_file ul{gap: 10px;}
}

/* 게시판 쓰기 */
.board_write .board_row { display: flex; justify-content: space-between; margin-bottom: 15px; padding-bottom: .9375rem; border-bottom: 1px solid #ececec; } 
.board_write .board_row .title { display: flex; align-items: center; width: 120px; } 
.board_write .board_row .title label { font-weight: 500; } 
.board_write .board_row .title .required { margin-left: .5625rem; width: 9px; height: 9px; background: var(--primary); text-indent: -9999px; border-radius: 3px; } 
.board_write .board_row .cont { width: calc(100% - 150px); } 
.board_write input[type="text"],
.board_write textarea { padding: .9375rem 1.25rem; border: 1px solid #e5e5e5; font-size: 1.125rem; border-radius: 10px; } 
.board_write input[type="text"]::placeholder,
.board_write textarea::placeholder { color: #9FA0A0; } 
.board_write select,
.board_write input:not([type="checkbox"]):not([type="radio"]),
.board_write textarea { width: 100%; } 
.board_write textarea { height: 192px; resize: none; } 
/* .board_write select { padding: 25px 20px; border-color: #e5e5e5; border-radius: 18px; } */

.board_write .board_row .attached_file { padding:20px; border-radius: 18px; background: var(--gray-50, #F8F8F8); } 
.board_write .board_row .attached_file p { margin-bottom:10px; color: #000; font-size: 14px; font-weight: 500; } 
.board_write .board_row .attached_file ul li { display: flex; gap:6px; padding:10px 0; border-top:1px solid #ECECEC; color: #595959; font-size: 15px; font-weight: 500; } 
.board_write .board_row .attached_file ul li span { color: #80A6CF; font-size: 14px; font-weight: 600; } 
.board_write .board_row .attached_file ul li:last-child { padding-bottom:0; } 
.board_write select{padding:.9375rem 1.25rem;height: auto;}

/* 박스 */
.gray_box { padding: 25px 20px; background: #f5f5f5; border-radius: 18px; } 
.pink_box { padding: 25px 20px; background: #F7F2F4; border-radius: 18px; } 
.pink_txt { color: #902C5A !important } 



/* 파일 업로더 */
.fileuploader { margin: 0 !important; padding: 0 !important; background: #fff !important; } 
.fileuploader-input .fileuploader-input-caption { margin-right: 10px !important; padding: 1.5625rem 1.25rem !important; border:2px dashed #ccc !important; background: var(--gray-50) !important; font-weight:500 !important; color: var(--gray-500) !important; border-radius: 10px !important; } 
.fileuploader-input .fileuploader-input-button, .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success { background: #CC5B8F !important; font-size: .875rem !important; border-radius: 10px !important; } 
.fileuploader-items-list { margin:10px 0 15px 0 !important; padding: 1.25rem; background:var(--gray-50); border-radius: 18px; } 
.fileuploader-items .fileuploader-item .column-title { font-size: .9375rem !important; font-weight: 400 !important; color: #595959 !important; } 
.fileuploader-items .fileuploader-item .column-title span { font-size: .875rem !important; font-weight: 500 !important; color: #80A6CF !important; } 
.fileuploader-items .fileuploader-item .column-thumbnail { width: 42px !important; height: 42px !important; } 
.fileuploader-items .fileuploader-item .fileuploader-item-image { border-radius: 10px !important; } 
.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove { box-shadow: none !important; background: url(../../img/ico_file_del.svg) no-repeat center !important; } 
.fileuploader-action-download { background: url(../../img/ico_file_down.svg) no-repeat center; } 
.fileuploader-items .fileuploader-item .fileuploader-action+.fileuploader-action { margin-left:7.5px !important; } 


/* 점 리스트 */
.dot_list li { margin-bottom: 8px; padding-left: 10px; position: relative; font-size: .9375rem; } 
.dot_list li:last-child { margin-bottom: 0; } 
.dot_list li:before { display: block; position: absolute; top: 6px; left: 0; width: 3px; height: 3px; background: #595959; content: ''; border-radius: 50%; } 

@media screen and (max-width:768px) { 
 .board_write .board_row { flex-direction: column; gap:10px } 
 .board_write .board_row .title,
 .board_write .board_row .cont { width:100% } 
 .board_write input[type="text"], 
 .board_write textarea { width:100% } 
 .board_write input[type="text"] { height: 40px; font-size: 1rem; } 
 .fileuploader-input .fileuploader-input-caption { padding: .9375rem 1.250rem !important; } 
}


/* ---------------------- 사용자 */
.suggest_list { display: grid; gap: 12px; grid-template-columns: repeat(3, 3fr); } 
.suggest_list .item { padding: 1.875rem 1.875rem 5.625rem 1.875rem; border: 1px solid #fff; position: relative; background: #fff; font-weight: 500; cursor: pointer; border-radius: 18px; } 
.suggest_list .item:after { display: block; position: absolute; right: 1.25rem; bottom: 1.25rem; width: 40px; height: 40px; background: url(../../img/ico_link_pink.svg) no-repeat center; content: ''; } 
.suggest_list .item:hover { box-shadow:0px 0px 10px rgba(0, 0, 0, 0.1); } 
.suggest_list .item .title { display: flex; align-items: center; margin-bottom: 1.875rem; font-size: 1.25rem; color: var(--gray-900); } 
.suggest_list .item .ico { display: flex; align-items: center; justify-content: center; margin-right: 1rem; width: 60px; height: 60px; background: #f5f5f5; border-radius: 22px; } 
.suggest_list input { position: absolute; width: 0; height: 0; opacity: 0; } 
.suggest_list .item:has(input:checked) { border:1px solid var(--primary); } 
.suggest_list .desc { font-weight: 500; line-height: 140%; color: var(--gray-450); word-break: keep-all; } 


.agree_box .desc { padding-left: 33px; font-weight: 500; color: #595959; } 

@media screen and (max-width:768px) { 
.suggest_list { grid-template-columns:repeat(2, 4fr) } 
.suggest_list .item { padding: 30px 20px 50px 20px} 
.suggest_list .item .title { flex-direction: column; align-items: flex-start; gap:16px; margin-bottom: 10px;word-break: keep-all;font-size: 1.125rem;} 
.suggest_list .item:after { right:0; bottom: 0 } 


}

/* 제안하기 결과 */
.suggest_complete { margin: auto; max-width: 700px; } 
.suggest_complete .complete_txt { text-align: center; } 
.suggest_complete .complete_txt:before { display: block; margin: auto; width: 130px; height: 130px; background: url(../../img/ico_complete.svg) no-repeat var(--primary) center; content: ''; border-radius: 29px; } 
.suggest_complete .complete_txt h3 { margin: 3.125rem 0 .625rem 0; font-size: 2.125rem; font-weight: 600; } 
.suggest_complete .complete_txt p { font-size: 1.25rem; font-weight: 500; line-height: 140%; color: #595959; } 
.suggest_complete .complete_cotent { margin: 3.125rem 0 4.0625rem 0; padding: 3.75rem 9.375rem; } 
.suggest_complete .complete_cotent ul li { display: flex; align-items: center; justify-content: space-between; margin-bottom: .875rem; padding-bottom: .875rem; border-bottom: 1px solid #ececec; width: 100%; max-width: 400px; } 
.suggest_complete .complete_cotent ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } 
.suggest_complete .complete_cotent ul li p { font-weight: 500; color: var(--gray-600); } 
.suggest_complete .complete_cotent ul li span { font-size: 1.375rem; font-weight: 500; color: var(--gray-800); } 
.suggest_complete .suggest_step { display: flex; justify-content: space-between; margin-bottom: 5.3125rem; } 
.suggest_complete .suggest_step > .item { display: flex; flex-direction: column; position: relative; } 
.suggest_complete .suggest_step > .item:after { position: absolute; top: 50%; right: -50%; width: 10px; height: 31px; background: url(../../img/ico_step_arrow.svg) no-repeat center; content: ''; transform: translateY(-50%); } 
.suggest_complete .suggest_step > .item:last-child:after { display: none; } 
.suggest_complete .suggest_step > .item .ico { display: flex; align-items: center; justify-content: center; margin-bottom: .625rem; border: 3px solid var(--gray-100); width: 70px; height: 70px; border-radius: 18px; } 
.suggest_complete .suggest_step > .item.active .ico { border-color: #CC5B8F; background:#CC5B8F; } 
.suggest_complete .suggest_step > .item.active p { color: #CC5B8F; } 
.suggest_complete .suggest_step > .item p { font-weight: 500; text-align: center; } 


@media screen and (max-width:768px) { 
 .suggest_complete .complete_txt:before { background-size: 55px; width: 100px; height: 100px; } 
 .suggest_complete .complete_txt h3 { margin: 1.875rem 0 1.25rem 0; font-size: 1.25rem; } 
 .suggest_complete .complete_txt p { font-size: 1rem; } 
 .suggest_complete .complete_cotent { padding: 1.25rem
 1.875rem; } 
 .suggest_complete .complete_cotent ul li { max-width: 100%; } 
 .suggest_complete .complete_cotent ul li p { font-size: .9375rem; } 
 .suggest_complete .complete_cotent ul li span { font-size: 1.125rem; } 
 .suggest_complete .suggest_step { flex-direction: column; gap: 20px; position: relative; margin-bottom: 3.125rem; } 
 .suggest_complete .suggest_step:before { content: ''; display: block; width: 2px; height: 100%; background:var(--gray-100); position: absolute; left: 25px; top: 0; } 
 .suggest_complete .suggest_step > .item { flex-direction: row; align-items: center; gap: 10px; } 
 .suggest_complete .suggest_step > .item .ico { width: 50px; height: 50px; border-radius: 15px; margin-bottom: 0; position: relative; z-index: 5; background: #fff; } 
 .suggest_complete .suggest_step > .item .ico img { width: 20px; } 
}
@media screen and (max-width:480px) { 
 .suggest_complete .complete_txt:before { background-size: 40px; width: 80px; height: 80px; border-radius: 20px; } 

}

/* 나의 제한 현황 */
.notice_top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 3.75rem; padding: 1.25rem; background:var(--gray-50); border-radius: 18px; } 
.notice_top select { padding: 10.5px 1.25rem; min-width:190px; } 
.notice_top .search_area { display: flex; gap:5px; align-items: center } 
.notice_top .search_area.w_full { width:100%; } 
.notice_top .search_area input { padding: 0 1.25rem; border: 1px solid #e5e5e5; background: #fff; font-weight: 500; border-radius: 10px; height:40px; } 
.notice_top .search_area.w_full input { width:100%; } 
.notice_top .search_area input::placeholder { color: #9FA0A0; } 
.notice_top .search_area button { width: 60px; height: 40px; background: url("../../img/ico_search.svg") no-repeat center var(--gray-600); text-indent: -9999px; border-radius: 10px; } 

@media screen and (max-width:1024px) { 
 .notice_top { flex-direction: column; align-items: flex-start; gap: 15px; margin-bottom: 1.875rem; } 
 .notice_top .select_area { width: 100%; display: flex; gap:5px } 
 .notice_top select { width: 50%; min-width:auto } 
 .notice_top .search_area { width: 100%; } 
 .notice_top .search_area input { width: calc(100% - 65px); } 

 
}

@media screen and (max-width:768px) { 

}


/* 나의 제안 현황 > 상세점수확인 (모달) */
.suggest_result .sub_top { align-items: flex-start; } 
.suggest_result .all_score { padding: 1.875rem 3.8125rem; border: 1px solid #E5E5E5; text-align: center; border-radius: 18px;margin-left: auto;} 
.suggest_result .all_score h4 { margin-bottom: 1.25rem; font-weight: 500; } 
.suggest_result .all_score .num { font-size: 1.25rem; font-weight: 500; color: var(--gray-700); } 
.suggest_result .all_score strong { font-size: 3.75rem; font-weight: bold; color: var(--primary); } 
.result_top { display: flex; gap: 26px; align-items: center; padding: 20px 0; border-bottom: 1px solid #E5E5E5; } 
.suggest_result .result_top .title { font-weight: 500; color:#9FA0A0; } 
.suggest_result .result_top .name { font-size: 1.25rem; font-weight: bold; color: var(--gray-900); } 
.suggest_result .result_top .num { font-weight: 500; color: var(--gray-700); } 
.suggest_result .result_top .num strong { font-size: 2.25rem; font-weight: bold; color: var(--primary); } 
.suggest_result .result_cont .item { margin-top: 1.875rem; } 
.suggest_result .result_cont .gray_box { display: flex; align-items: center; justify-content:space-between; padding: 1.25rem 1.875rem; } 
.suggest_result .result_cont .gray_box + .gray_box { margin-top: 5px; } 
.suggest_result .result_cont .txt h3 { margin-bottom: .3125rem; font-size: 1.125rem; font-weight: 500; } 
.suggest_result .result_cont .txt .desc { font-weight: 500; color: var(--gray-450); } 
.suggest_result .result_cont .rating { display: flex; align-items: center; } 
.suggest_result .result_cont .rating .class { display: flex; align-items: center; justify-content: center; width: 65px; height: 65px; background: #fff; font-size: 1rem; font-weight: bold; color: var(--primary); border-radius: 50%; } 
.suggest_result .result_cont .rating .indivi { width:124px; font-size: 1.125rem; font-weight: 500; color: var(--gray-800); text-align: right; } 
.suggest_result .result_cont .rating .indivi strong { font-size: 1.625rem; font-weight: bold; } 

.assgin_wrap .notice_top .search_area input{min-width: 238px;}

@media screen and (max-width:768px) { 
  .suggest_result .all_score strong{font-size: 1.875rem;}
  .suggest_result .all_score{width:100%}
  .suggest_result .result_cont .gray_box{flex-direction: column;gap:15px}
  .suggest_result .result_cont .gray_box .txt{text-align:center;}
  .suggest_result .result_cont .rating .class{font-size: 1rem}
}



/* 자주 묻는 질문 */
.faq_list { border-top: 1px solid var(--gray-800, #333); } 
.faq_list li { border-bottom:1px solid var(--gray-100, #E5E5E5); } 
.faq_list li .question { display: flex; gap:1.25rem; align-items: center; justify-content: space-between; width:100%; min-height:4.25rem; font-size: 1.125rem; font-weight: 500; line-height: 150%; text-align: left; } 
.faq_list li .question span { display: block; flex:1; width:100%; } 
.faq_list li .question::before { font-size: 1.375rem; font-weight: 700; text-align: center; content:"Q."; } 
.faq_list li .question::after { display: flex; align-items: center; justify-content: center; width:1.625rem; height:1.625rem; background: url("../../img/ico_faq_accordion_on.svg") no-repeat center/cover; content: ""; } 
.faq_list li.active .question::after { background-image: url("../../img/ico_faq_accordion.svg"); } 

.faq_list li .answer .answer_txt { padding-bottom:20px; line-height: 160%; word-break: keep-all; border-radius: 10px; display: flex; gap:1.25rem; } 

.faq_list li .answer .answer_txt::before { font-size: 1.375rem; font-weight: 700; text-align: center; content: "A."; } 

.faq_list li .answer .btn_bottom { padding-bottom:20px; margin-top:0; } 



@media screen and (max-width:768px) { 
 .faq_list li .question { font-size: 1rem; } 
 .faq_list li .answer { font-size: .9375rem; } 
}





/* ---------------------- 평가자 */
.total_score_box { display: flex; gap:16px; align-items: center; justify-content: flex-end; align-self: stretch; margin-top:20px; padding: 24px 50px; border: 1px solid var(--gray-100, #E5E5E5); border-radius: 18px; } 
.total_score_box .tit { font-weight: 600; color: var(--gray-900, #1A1A1A); } 
.total_score_box .score { display: flex; gap:5px; align-items: flex-end; } 
.total_score_box .score b { font-size: 60px; font-weight: 700; line-height: 80%; color: var(--primary, #E4096D); letter-spacing: -0.04em; } 
.total_score_box .score span { font-size: 20px; font-weight: 500; color: var(--gray-700, #4D4D4D); } 


/* 평가서 작성 (모달) */
.evaluation_write .evaluation_item { margin-top:10px; } 
.evaluation_write .evaluation_item:first-of-type { margin-top:0; } 
.evaluation_write .evaluation_title strong { font-size: 18px; font-weight: 600; color: var(--gray-900, #1A1A1A); } 
.evaluation_write .evaluation_title .desc { margin-top:12px; font-weight: 500; color: var(--gray-450, #8C8C8C); } 
.evaluation_write .evaluation_options { display: flex; align-items: center; flex-wrap: wrap; margin-top:20px; } 
.evaluation_write .evaluation_options li { flex:1; } 
.evaluation_write .evaluation_options li label { display: flex; gap:4px; align-items: center; flex-wrap: wrap; cursor: pointer; } 
.evaluation_write .evaluation_options li .grade { font-size: 23px; font-weight: 700; line-height: 80%; color: var(--primary, #E4096D); } 
.evaluation_write .evaluation_options li .label { font-size: 16px; font-weight: 600; line-height: 80%; color:#464646; } 

@media screen and (max-width:768px) { 
 .evaluation_write .evaluation_options { flex-direction: column; align-items: flex-start; gap:10px } 
}


/* 평가서 미리보기 (모달) */
.evaluation_preview .preview_summary { margin:16px 0; padding:30px; border: 1px solid var(--gray-100, #E5E5E5); border-radius: 18px; } 
.evaluation_preview .preview_summary h3 { margin-bottom:10px; font-size: 18px; font-weight: 600; 
line-height: 150%; color: var(--gray-900, #1A1A1A); } 

.evaluation_preview .preview_summary > article { margin-top:30px; } 
.evaluation_preview .preview_summary > article:first-of-type { margin-top:0; } 

.evaluation_preview .summary_graph ul { display: flex; gap:24px; } 
.evaluation_preview .summary_graph ul li { display: flex; gap:20px; flex:1; flex-direction: column; padding:30px 20px; background: var(--gray-50, #F8F8F8); text-align: center; border-radius: 10px; } 
.evaluation_preview .summary_graph ul li .tit { font-size: 17px; font-weight: 600; color: var(--gray-900, #1A1A1A); text-align: center; } 
.evaluation_preview .summary_graph ul li .score { font-size: 23px; font-weight: 500; 
line-height: 80%; color: #595959; } 
.evaluation_preview .summary_graph ul li .score b { font-weight: 700; line-height: 80%; color: var(--primary, #E4096D); text-align: center; } 
.evaluation_preview .summary_graph ul li .graph { overflow: hidden; position: relative; width:100%; height: 12px; background-color: #d9d9d9; border-radius: 10px; } 
.evaluation_preview .summary_graph ul li .graph > span { display: block; position: absolute; top:0; left:0; height:100%; background-color: var(--primary); border-radius: 10px; } 


.evaluation_preview .writer_info { display: flex; gap:8px; align-items: center; margin-bottom:40px; padding-bottom:14px; border-bottom:1px solid var(--primary); } 
.evaluation_preview .writer_info .writer_img { display: flex; align-items: flex-end; justify-content: center; border: 1px solid var(--gray-150); width: 40px; height: 40px; border-radius: 14px; } 
.evaluation_preview .writer_info .writer_name { display: flex; gap:8px; align-items: center; position: relative; font-weight: 600; } 

.evaluation_preview .writer_info .writer_name:after { display: block; width: 1px; height: 14px; background: var(--gray-150); content: ''; } 
.evaluation_preview .writer_info .writer_name span { font-size: 14px; font-weight: 500; color: var(--gray-600, #666); } 
.evaluation_preview .writer_position { font-size: 14px; font-weight: 500; color: var(--gray-600) } 

@media screen and (max-width:768px) { 
 .evaluation_preview .writer_info { flex-direction: column; align-items: flex-start; } 
 .evaluation_preview .writer_info .writer_name:after { display: none; } 
 .evaluation_preview .writer_info { margin-bottom: 1.875rem; } 
 .board_view .view_info .view_title { font-size: 1.25rem; } 
 .board_view .view_info ul li p { font-size: .875rem; } 
 .total_score_box .score b { font-size: 2.5rem; } 
 .total_score_box,
 .evaluation_preview .preview_summary { padding: 20px; } 
 .evaluation_preview .summary_graph ul { flex-direction: column; } 
}

.assgin_select{display: flex;justify-content: flex-end;margin-bottom: 1.25rem;}
.assgin_select select{border: 2px solid var(--primary);border-radius: 30px;color: #000;}

.right_btn{display: flex;align-items: center;justify-content: flex-end;gap:5px;margin-bottom: 1.875rem;}
.right_btn .active{background:#032079 ;}
/* ---------------------- 개인정보처리방침 */
.policies_wrap { word-break: keep-all; } 
.policies_wrap .item { margin-top: 2.5rem; } 
.policies_wrap h4 { margin-bottom: 1rem; font-size: 1.25rem; font-weight: 500; color: var(--gray-900); } 
.policies_wrap p { font-weight: 500; line-height: 160%; color: var(--gray-700); } 
.policies_wrap table { margin: .625rem 0; border-top: 2px solid #000; width: 100%; } 
.policies_wrap table caption { display: none; text-indent: -9999px; } 
.policies_wrap table tr { border-bottom: 1px solid var(--gray-100); } 
.policies_wrap table tbody th { border-right:1px solid var(--gray-100);; } 
.policies_wrap table th { padding:1rem; background: #f5f5f5; font-weight: 600; line-height: 160%; text-align: center; } 
.policies_wrap table td { padding:1rem; } 
.policies_wrap table td strong { font-weight: 600; } 
.policies_wrap .dash_list,
.policies_wrap .num_list { display: flex; gap:0.375rem; flex-direction: column; } 
.policies_wrap .dash_list li { padding-left:1rem; position: relative; line-height: 160%; color: var(--gray-700, #4D4D4D); } 
.policies_wrap .dash_list li::before { position: absolute; top:0; left:0; content: "-"; } 
.policies_wrap .num_list li { padding-left:1rem; position: relative; font-weight: 500; line-height: 160%; color: var(--gray-700, #4D4D4D); } 
.policies_wrap .td_item { font-weight: 500; } 
.policies_wrap .td_item + .td_item { margin-top: 30px } 
.policies_wrap .td_item h5 { margin: .625rem 0; font-size: 18px; font-weight: 600; } 
.policies_wrap .harf_table { display: flex; gap: 50px; justify-content: space-between; } 
.policies_wrap .harf_table > table { flex: 1 1; } 
.policies_wrap .a_link { color: blue; text-decoration: underline; } 
.policies_wrap .gray_txt { color: var(--gray-550) !important; } 
.policies_wrap .mg50 { margin: 3.125rem 0; } 

@media screen and (max-width:768px) { 
 .policies_wrap .harf_table { flex-direction: column; gap: 20px; } 
}

/* 카테고리 관리 */
.category_cont{display: flex;gap: 40px;}
.category_cont > .item{width: calc(50% - 20px);}
.category_cont .category_btn{display: flex;gap: 5px;justify-content: flex-end;margin-bottom: .625rem;}
.category_cont .category_btn button{padding: 6px 10px;border-radius: 10px;border: 1px solid var(--gray-100, #E5E5E5);font-size: .875rem;color: var(--gray-600);letter-spacing: -.56px;display: flex;gap: 10px;align-items: center;}
.category_cont .category_btn button.add_btn::before{content: '';background: url(../../img/ico_add.svg) no-repeat;width: 12px;height: 12px;}
.category_cont .category_btn button.del_btn::before{content: '';background: url(../../img/ico_del.svg) no-repeat;width: 12px;height: 1.5px;}
.category_cont table caption{text-indent: -9999px;width: 0px;height: 0px;overflow: hidden;}
.category_cont table {width: 100%;}
.category_cont table thead{border-top: 1px solid var(--gray-800);}
.category_cont table tr{border-bottom: 1px solid #e5e5e5;cursor: move;}
.category_cont table .active{background: #FFFDE6;}
.category_cont table .active .btn_td button{background: #546DB9;}
.category_cont table th,
.category_cont table td{padding:15px 5px;}
.category_cont table th{font-weight: 600;}
.category_cont table input[type="text"]::placeholder,
.category_cont table textarea::placeholder{color: #595959;font-weight: 500;}
.category_cont table input[type="text"]{padding: .625rem;letter-spacing: -.64px;color: var(--gray-900);border-radius: 10px;border:1px solid #E5E5E5;font-weight: 600;width: 100%;}
.category_cont table textarea{padding: .625rem;letter-spacing: -.64px;color: var(--gray-900);border-radius: 10px;border:1px solid #E5E5E5;font-weight: 500;resize: none;min-height: 58px;margin-top: .625rem;width: 100%;}
.category_cont .btn_td button{padding: 8px 15px;border-radius: 30px;background: #222;color: #fff;font-weight: 600;font-size: 14px;letter-spacing: -.56px;}
.category_cont .btn_td{vertical-align: top;text-align: center;}
.category_cont .no_cate div{text-align: center;padding: 30px 10px;color: #555;font-style: italic;}
.category_cont .no_cate {cursor: default;word-break: keep-all;}

@media screen and (max-width:768px) {
  .category_cont{flex-direction: column;}
  .category_cont > .item{width: 100%;}
}

/* 평가표관리 모달 css*/
.modal  .me_wrap h3.sub_title,
.modal  .record_wrap h3.sub_title{padding-bottom: 0;border-bottom: none;}
.record_wrap .eval_table{min-width: auto;}
.record_wrap .gray_box{margin-bottom: 1.25rem;}
.record_wrap .gray_box p{font-size: 1.25rem;font-weight: 500;letter-spacing: -1px;}

/* 통계 리포트 */
.list_top{display: flex;justify-content: space-between;align-items: center;margin-bottom: 1.125rem;}
.list_top .total{margin-bottom: 0;}
.sub_tab{display: flex;gap:5px;}
.sub_tab li a{display: block;padding: 6px 15px;color: var(--gray-600, #666);font-size: .875rem;letter-spacing: -0.56px;font-weight: 500;border-radius: 10px;border: 1px solid var(--gray-100, #E5E5E5);}
.sub_tab li.active a{background: var(----primay_light, #CC5B8F);color: #fff;border-color: var(----primay_light, #CC5B8F);}