/* 빠른 서비스 바로가기 카드 hover 효과 */
.qs_card { transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; cursor: pointer; }
.qs_card:hover { border-color: #005DFE !important; box-shadow: 0 8px 20px rgba(0, 93, 254, 0.12); transform: translateY(-4px); }
.qs_card:hover .title { color: #005DFE; }

/* 고객지원 버튼(자주묻는질문/1:1문의/이용가이드/사용자매뉴얼) hover */
.cs_btn { transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease; cursor: pointer; }
.cs_btn:hover { border-color: #005DFE !important; background: #F5F9FF; box-shadow: 0 4px 12px rgba(0, 93, 254, 0.10); }
.cs_btn:hover .title { color: #005DFE; }

#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;}

/* 더보기 버튼 (모던 텍스트형) */
.btn_more_arrow {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 26px;
    padding: 0 4px;
    background: transparent;
    border: none;
    font-family: Pretendard;
    font-size: 12px;
    font-weight: 500;
    color: #6B7280;
    cursor: pointer;
    transition: color 0.15s ease;
}
.btn_more_arrow::after {
    content: "›";
    font-size: 16px;
    line-height: 1;
    transition: transform 0.2s ease;
}
.btn_more_arrow:hover {
    color: #005DFE;
}
.btn_more_arrow:hover::after {
    transform: translateX(3px);
}