/* 빠른 서비스 바로가기 카드 hover 효과 (hbil teal) */
.qs_card { position: relative; transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; cursor: pointer; }
.qs_card:hover { border-color: #0F766E !important; box-shadow: 0 8px 20px rgba(15, 118, 110, 0.12); transform: translateY(-4px); }
.qs_card:hover .title { color: #0F766E; }
/* 카드 전체를 클릭 가능하게 (화살표 링크를 카드 전체로 확장) */
.qs_card a::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }

/* FAQ 아코디언 기본 닫힘 (JS 실행 전 FOUC 방지 — 열림은 initFaqAccordion 이 inline display:block 으로 처리) */
.faq-content { display: none; }

/* 고객센터 버튼(1:1 문의하기 / 원격지원 요청) hover */
.cs_btn { transition: background 0.2s ease, border-color 0.2s ease; cursor: pointer; }
.cs_btn:hover { background: rgba(255, 255, 255, 0.12); border-color: #ffffff !important; }

#wrap_body_content div,#wrap_body_content input {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#wrap_body_content  {font-size: 11px;}
.body_content_left { position: relative; float: left; height: 100%; width: 220px; text-align: center; height: auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.body_content_left .box_login { border: 1px solid #ddd; padding: 10px; height: 220px; overflow: hidden; margin-bottom: 15px;}
.body_content_left .box_login input[type=text],.body_content_left .box_login input[type=password] { width: 100%; height: 30px; margin-bottom: 3px; margin-top: 3px;}
#frmLogin { width: 100%; margin: 0 auto;}
#frmLogin h3 { font-size: 17px; color: #12c3f3; font-weight: bold; width: 100%; text-align: left; margin-bottom: 3px;}
#frmLogin label { width: 100%; display: block; height: 30px; line-height: 30px; font-size: 12px; margin-bottom: 5px;}



.body_content_center {position: relative; float: left;margin-left: 30px; width: 600px; text-align: center; height: auto; background-color: #fff; padding-bottom: 20px; overflow: hidden;}

.body_content_center .box_notice { width: 100%; height: auto; background:none; position: relative;}
.body_content_center .box_notice table { width: 100%;}
.body_content_center .box_notice table td { padding:3px 0px; text-align: center;}
.body_content_center .box_notice h3 { text-align: left; border-bottom: 2px solid #333; padding-bottom: 10px; margin-bottom: 10px;}

.btn_more { position: absolute; right: 10px; top: 10px;}

.box_btn_login { width: 100%; height: 30px; line-height: 30px; border: 1px solid #ddd; position: relative; background-color: #12c3f3;}

.box_btn_login .btn_login { color: #fff; font-size: 13px; }
.box_btn_login .btn_login:hover { text-decoration: none;}

.box_btn_login:hover { background-color: #efefef; cursor: pointer;}
.box_btn_login:hover .btn_login { color: #333; cursor: pointer;}
.btn_menu {color: #999; }
.btn_menu > a {color: #666; }
.btn_menu > a:hover {text-decoration: none;}

.box_real_result { border: 1px solid #ddd; height: 35px; overflow: hidden; width: 100%; position: relative; margin-top: 10px;}
.box_real_result span { position: absolute; left: 0; top:0; width: 120px; height: 35px; background-color: #f2f2f2; line-height: 33px; text-align: center;}
.box_real_result ul { position: absolute; left: 130px; top:0; width: 420px; height: 35px; background-color: #fff; line-height: 33px; text-align: center;}
.box_real_result ul li { float: left; width: 100%;}

.box_new_bid { width: 100%; margin-top: 20px; height: auto; margin-bottom: 15px;}

#tab_new_bid table { width: 100%;}
#tab_new_bid table th,#tab_new_bid table td { padding: 3px;}
.body_content_left a > p { color: #666;}
.body_content_left a:hover { text-decoration: none;}
.body_content_left .box_service ul { float: left; display: block; position: relative; width: 100%; height: auto; margin-left: 15px; margin-top: 15px;}
.body_content_left .box_service li { width: 190px; float: left; margin-bottom: 15px; border-bottom: 1px solid #ddd; padding-bottom: 15px;}
.body_content_left .box_service li:last-child { border-bottom: none; padding-bottom: 0;}
.body_content_left .box_service { border: 1px solid #ddd; float: left; width: 100%; height: auto;position: relative;}
.body_content_left .box_service a,.body_content_left .box_edu a { display: block; width: 190px; height: auto; text-align: left;}
.body_content_left .box_service strong,.body_content_left .box_edu strong { font-size: 22px;line-height: 29px; color: #000; letter-spacing: -.3px; font-weight: 500; margin-bottom: 10px; float: left; margin-left: -2px;}
.body_content_left .box_banner { margin-top: 15px; width: 100%; float: left; position: relative; margin-bottom: 15px;}
.body_content_left .box_banner a {position: relative; display: block; width: auto;padding: 0; margin: 0;}
.body_content_left .box_banner li {margin: 0; padding: 0; float: left; width: 100%;clear: both;}
.body_content_left .box_banner a > img { float: left; margin: 0; padding: 0;}
.body_content_right { float: left; width: 220px; border: none; margin-left: 30px;}
.body_content_right .box_call_center { width: 100%; height: 120px; background:none; position: relative; border-bottom: 1px solid #ddd; padding-bottom: 20px; position: relative; clear: both;}

.body_content_right .box_call_center ul { display: block; width: 100%;}
.body_content_right .box_call_center .phone_num { color: #1f1f1f;font-family: helvetica;font-size: 20px;font-weight: 700;padding: 0 0 10px;}
.body_content_right .box_call_center li { font-size: 11px; color: #666; width: 100%; float: left;}
.body_content_right .box_call_center .icon_phone { position: absolute; right: -5px; bottom: -3px;}
.body_content_right .box_remote_service { width: 100%; height: 100px; position: relative; border-bottom: 1px solid #ddd; padding-bottom: 10px; padding-top: 15px;}

.body_content_right .box_quick_menu { width: 100%; height: 70px; position: relative; clear: both; padding:10px 0; border-bottom: 1px solid #ddd; margin-bottom: 15px;}
.body_content_right .box_quick_menu li {  width: 100%; float: left; height: 25px; line-height: 25px;}
.body_content_right .box_quick_menu li a {  font-size: 12px; color: #333; text-decoration: underline;}
.body_content_right .box_quick_menu li a:hover { color:#12c3f3; }

.body_content_right .box_bank { width: 100%; height: 120px; border-bottom: none; position: relative;}
.body_content_right .box_bank .acount { color: #1f1f1f;font-family: helvetica;font-size: 20px;font-weight: 700;padding: 0 0 10px;}
.body_content_right .box_bank .icon_bank_logo { position: absolute; right: 5px; bottom: 7px;}

.box_list { width: 100%; position: relative; height: auto; margin-bottom: 15px; border: 1px solid #ddd;height: auto; padding: 15px; float: left;}
.box_list h4{text-align: left; border-bottom: none;margin-bottom: 10px; font-weight: 500; color: #000; float: left; width: 100%; border-bottom: 1px solid #1f1f1f; padding-bottom: 5px;}
.box_list a {width: 100%; height: auto; display: inline-block; float: left; clear: both;}
.box_list a:hover { text-decoration: none;}
.box_list a strong { font-size: 23px; line-height: 29px; color: #000; letter-spacing: -.3px; font-weight: 500; margin-bottom: 10px; float: left;}
.box_list a p { font-size: 11px; line-height: 18px; color: #666; float: left; width: 80%; }
.box_list a:visited p { color: #666; }
.box_list .box_bt_line { border-bottom: 1px solid #ddd; margin-bottom: 15px; padding-bottom: 10px;}
.box_list ul { float: left; width: 100%; height: auto; margin: 0; padding: 0}
.box_list li { float: left; width: 100%; height: auto; margin: 0; padding: 0; }
.box_list li.a_list { height: 25px; line-height: 25px;}
.box_list li.a_list a { font-size: 12px; color: #333; text-decoration: underline;}
.box_list li.a_list a:hover { color:#12c3f3; }
.box_list .d_wrap { position: relative;}

.icon_folder { position: absolute; right: 1px; bottom: 13px;}
.box_balju { overflow: hidden;}
.box_balju li { width: auto; height: 25px; line-height: 25px; border-radius: 3px; background-color:#12c3f3; margin-right: 9px;}
.box_balju li:last-child { margin-right: 0px; float: right;}
.box_balju li a { padding:0px 8px; color: #fff; width: 100%; height: auto; font-size: 10px;}
.box_balju li a:hover { }

.rel_link { width: 140px;height: 23px;border: 1px solid #ccc;line-height: 20px;float: left;margin-bottom: 4px;}
.box_link ul li { height: 30px; line-height: 30px;}
.box_link ul li span {float: right;position: relative;padding-left: 5px;}
.box_link ul li span a {width: 40px;height: 23px;display: block;text-indent: -9999px;background: url(/skin/v1.0/image/btn/btn_sitego.gif);}

.box_viewer li { width: 94px; height: 25px; line-height: 25px; text-align: left;}

.box_viewer li a span{ float: left;margin-right: 4px; }
.box_viewer li a p { float: left; }
.box_viewer li a:hover p { color: #12c3f3 !important; text-decoration: underline !important;}

.box_main_img { width: 100%; height: 220px; background-color: #efefef; text-align: center; position: relative; padding: 0; overflow: hidden; background: url(/skin/v1.0/image/main/main.jpg) no-repeat center center;}
.box_main_img h3 { display: none;}

.box_member li { width: 100%; text-align: left; height: 25px; line-height: 25px;}
.box_member li:first-child { width: 100%; text-align: left; height: auto; line-height: 25px;}
.box_member li a { width: auto; display: inline-block; float: none; color: #666; text-decoration: underline; margin-right: 25px; font-size: 12px;}
.box_member li a:last-child{ margin-right: 0;}
.box_member li a:hover { color: #12c3f3;}
.box_member li.bt_line { border-bottom: 1px solid #ddd; margin-bottom: 5px; padding-bottom: 5px;}
.box_member .f_l { color: #666; }
.box_member .f_r { color: #000; font-size: 13px; }
.box_member .f_r a { color: #000; font-size: 13px; text-align: right; margin-right: 0;}

.box_site_banner li { width: 150px; float: left; height: 40px; border: 1px solid #ddd; margin-right: 10px; margin-bottom: 10px; padding:5px 15px;}
.box_site_banner li:last-child { margin-right: 0;}

.main_calendar{
    height: 76px;
    overflow: auto;
}


.main_calendar .main_calendar_item {
 &:last-child {
    border-bottom: 1px solid #E5E7EB;
 }
}

.main_calendar .main_calendar_item .status.dday {
    color: #EF4444;
}

.main_calendar .main_calendar_item .status {
    color: #005DFE;
    text-overflow: ellipsis;
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.main_calendar_item_none {
    display: flex;
    height: 76px;
    align-items: center;
    justify-content: center;
    color: #6B7280;
    text-overflow: ellipsis;
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: #E5E7EB;
}


.main_analysisResultSummary{

}

.main_analysisResultSummary_list{

}

.main_analysisResultSummary {

}

.main_analysisResultSummary_none{
    height: 190px;
    display: flex;
    padding: 10px 12px;
    align-items: center;
    justify-content: center;
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: #E5E7EB;
    background: #E5E7EB33;color: #6B7280;
    text-overflow: ellipsis;
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}


#wrap_body_content .first_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px;
  gap: 32px;
}

#wrap_body_content .first_wrap .main_banner{
  width: 100%;
  /* background: url('/skin/v.3.0/image/first/banner/main_banner.jpg'); */
  background:  url('/skin/v.3.0/image/first/banner/main_banner.png')
  50% 50% / 120% auto no-repeat;
  ;
  background-color: #E6EEFB;
  background-size: cover;
  background-position: left;
  /* height: 456px; */
  /* border-radius: 12px; */
  padding: 32px 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#wrap_body_content .first_wrap .main_banner p{
  color: #374151;
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}

#wrap_body_content .first_wrap .main_banner button{
  color: #374151;
  font-family: Pretendard;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  display: flex;
  padding: 12px 20px 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 4px;
}

#wrap_body_content .first_wrap .title {
  color: var(--text_black, #374151);
  font-family: Pretendard;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}

/* fullCalendar */
#calendar {
  width: 100%;
}
/* 전체 border 제거 */
.fc,
.fc-theme-standard td,
.fc-theme-standard th,
.fc-scrollgrid,
.fc-scrollgrid-section,
.fc-scrollgrid-sync-table {
  border: none !important;
}

/* 셀 라인 제거 */
.fc-daygrid-day-frame {
  border: none !important;
}

/* 일요일 날짜 */
.fc-day-sun .fc-daygrid-day-number {
  color: #D12626!important;
}

/* 요일 헤더 */
.fc-col-header-cell.fc-day-sun {
  color: #D12626!important;
}

.fc-day-sun .fc-col-header-cell-cushion{
  color: #D12626!important;
}

.fc .fc-col-header-cell-cushion{
  color: #374151;
  text-align: center;
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

/* 날짜 번호 정렬 */
.fc .fc-daygrid-day-top {
  text-align: center;
  justify-content: center;
}

/* 오늘 날짜 */
.fc-day-today {
  background-color: #e3f2fd !important;
}

.fc-daygrid-day-top {
  padding-top: 16px;
}

.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events{
  display: none;
}

#calendar tbody tr {
  height: 30px;
}

.fc-day-sun .fc-daygrid-day-number{
  /* height: 14px; */
  color:#D12626!important;
  /* text-align: center;
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 500!important;
  line-height: normal;
  padding: 0!important; */
}

.fc .fc-daygrid-day-number{
  height: 14px;
  color: #6B7280;
  text-align: center;
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 500!important;
  line-height: normal;
  padding: 0!important;
}

.fc-scrollgrid-sync-table{
  border-collapse: collapse;
  height: 0!important;
}

/* 기본 화살표 제거 */
.fc .fc-button .fc-icon {
  display: none;
}

/* 버튼 스타일 초기화 */
.fc .fc-button {
  background: none;
  border: none;
  box-shadow: none;
}

.fc .fc-button-primary:hover{
  background: none;
  border: none;
  box-shadow: none;
}

/* prev 버튼 */
.fc-prev-button::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;

  background: url("/skin/v.3.0/image/icon/keyboard_arrow_down_374151.svg") no-repeat center;
  background-size: contain;
}

/* next 버튼 (좌우 반전) */
.fc-next-button::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;

  background: url("/skin/v.3.0/image/icon/keyboard_arrow_down_374151.svg") no-repeat center;
  background-size: contain;
  transform: rotate(180deg);
}

.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active{
   background: none;
   border: none;
   box-shadow: none;
   outline: none;
}

.fc .fc-button-primary:focus{
  box-shadow: none!important;
}

.fc-day-today{
  background-color: #ffffff !important;
}

.fc-view-harness{
  height: 228px!important;
  /* height: 204px!important; */
}

.fc .fc-toolbar-title{
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  color: #374151;
}