html,body,.wrapper {height: 100%;}
.hwrap {padding: 80px 0 140px 0;}
header {margin-bottom: 20px;display: flex;align-items: center;justify-content: center;}

.btn_area {display: flex;align-items: center;justify-content: center;gap: 10px;margin-bottom: 20px;}
.btn_area a {display: flex;align-items: center;justify-content: center;border: 1px solid #262626;border-radius: 10px;font-size: 16px;color: #262626;font-weight: 400;width: 180px;height: 50px;}
.btn_area a.active {background-color: #0036A2;color: #fff;}
.blue_box {padding: 40px;background-color: #F6F8FC;border-radius: 20px;}
.blue_box h2 {font-size: 24px;font-weight: 600;color: #000;margin-bottom: 10px;text-align: center;}
.blue_box p {font-size: 16px;font-weight: 400;color: #000;line-height: 1.5;text-align: center;}
.d_table {width: 100%;border-collapse: collapse;margin-top: 20px;table-layout: fixed;}
.d_table th, .d_table td {border: 1px solid #ccc;padding: 10px 30px;text-align: left;font-size: 16px;font-weight: 400;color: #000;background-color: #fff;vertical-align: middle;word-break: break-all;}
.d_table .tdcenter {text-align: center;}
.d_table td .blue {color: #0036A2;font-weight: 400;word-break: break-all;}
footer {display: flex;align-items: center;justify-content: center;background-color: #FAFAFA;border-top: 1px solid #E7E7E7;height: 60px;position: fixed;bottom: 0;left: 0;width: 100%;text-align: center;}
footer .bar {display: flex;align-items: center;justify-content: center;width: 1px;height: 12px;margin: 0 20px;background-color: #e7e7e7;}
.flogo_txt,.fcopy {font-size: 14px;color: #666;font-weight: 400;}
.num_list {font-size: 16px;color: #000000;font-weight: 400;}
.num_list li {position: relative;padding-left: 20px;margin-bottom: 3px;font-size: 16px;color: #000;font-weight: 400;}
.num_list li:last-child {margin-bottom: 0;}
.num_list .num {position: absolute;left: 0;top: 0;font-size: 16px;color: #000000;font-weight: 400;}
.ex_txt {font-size: 14px;color: #666;font-weight: 400;}
.ex_txt a {color: #0036A2;text-decoration: underline;}
.form_wrap {overflow: hidden;border-bottom: 1px solid #ccc;}
.form_wrap .item {float: left;width: 50%;}
.form_wrap .item.full {width: 100%;}
.form_wrap .item .field {border-top: 1px solid #ccc;display: flex;align-items: center;}
.form_wrap .item .th {flex-shrink: 0;width: 160px;height: 60px;background-color: #F6F8FC;font-size: 16px;color: #000;font-weight: 400;padding-left: 20px;display: flex;align-items: center;}
.form_wrap .item .th .star {font-size: 16px;color: #FF0000;font-weight: 400;display: inline-block;margin-right: 5px;}
.form_wrap .item .td {flex-grow: 1;height: 60px;display: flex;align-items: center;padding: 0 15px;}
.etxt {font-size: 16px;color: #999;font-weight: 400;}
.aselect {border: 1px solid #999;background-color: #fff;padding: 0 10px;height: 40px;font-size: 16px;color: #000;font-weight: 400;border-radius: 8px;width: 100%;}
.ainput {border: 1px solid #999;background-color: #fff;padding: 0 10px;height: 40px;font-size: 16px;color: #000;font-weight: 400;border-radius: 8px;width: 100%;}
.aselect.diff {background-color: #F5F5F5;}
.mw310 {max-width: 310px;width: 100%;}
.extxt_red {font-size: 16px;color: #FF0000;font-weight: 400;}
.submit_area {display: flex;align-items: center;justify-content: center;}
.btn_submit {display: flex;flex-direction: row;justify-content: center;align-items: center;padding: 9px 16px;gap: 8px;width: 100px;height: 40px;background: #0D5EFF;border-radius: 50px;font-size: 16px;color: #FFFFFF;font-weight: 500;border: none;cursor: pointer;}
.d_table .w15 {width: 15%;}
.d_table .w85 {width: 85%;}
.test_tit {font-size: 24px;color: #000;font-weight: 600;text-align: center;}
.r_table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;border:1px solid #D5D8E2;border-radius:12px;overflow:hidden;}
.r_table th,.r_table td{padding:12px 12px;text-align:center;border-right:1px solid #e5e7eb;vertical-align:middle;}
.r_table th{background:#f6f9ff;font-weight:700;color:#111827;border-bottom: 1px solid #D5D8E2;}
.r_table td{background:#fff;font-size:16px;color:#111;border-bottom: 1px solid #e5e7eb;}
.r_table th:last-child {border-right: none;}
.r_table td:last-child {border-right: none;}
.r_table td.bdbn {border-bottom: none;}
.r_table tr:last-child th,
.r_table tr:last-child td {border-bottom: none;}
.visible-xs {display: none;}

.close-wrap {height: 34px;display: flex;align-items: center;justify-content: end;padding: 0 15px;}
.popup_wrap {display: block;}
.popup_out {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 500;display: flex;align-items: center;justify-content: center;padding: 15px;}
.popup_out:before {content: '';display: block;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0.50);width: 100%;height: 100%;z-index: 501;}
.popup {width: 620px;background-color: #fff;position: relative;z-index: 502;border-radius: 8px;box-shadow: 0 5px 15px rgb(0 0 0 / 50%);}
.popup.w360 {width: 360px;}
.popup.w580 {width: 580px;}
.popup.w720 {width: 720px;}
.popup.w840 {width: 840px;}
.popup.w1420 {width: 1420px;}
.popup .tit {height: 60px;display: flex;align-items: center;justify-content: center;color:#141824;text-align: center;font-size: 20px;font-weight: 600;border-radius: 8px 8px 0 0;background-color: #F5F7FA;position: relative;}
.popup .cont {background-color: #fff;padding: 40px;border-radius: 0 0 8px 8px;}
.popup .cont.notit {border-radius: 8px;}
.popup_in {padding: 25px;}
.st_stit {font-size: 16px;color: #000;font-weight: 400;text-align: center;}

.w400 {width: 400px;}
.mb20 {margin-bottom: 20px;}
.mb10 {margin-bottom: 10px;}

@media (max-width: 1199px) {
    
}

@media (max-width: 991px) {
    .form_wrap .item .th {width: 120px;padding-left: 15px;}
    .d_table th, .d_table td {padding: 10px;}
}

@media (max-width: 767px) {
    .blue_box {border-radius: 0;padding: 20px;}
    .btn_area a {width: 140px;height: 40px;font-size: 14px;}
    .d_table th, .d_table td {padding: 10px;font-size: 14px;}
    .blue_box h2 {font-size: 20px;}
    .blue_box p {font-size: 14px;}
    .hwrap {padding: 40px 0;}
    footer {display: block;height: auto;padding: 20px 0;position: static;}
    footer .bar {display: none;}
    .num_list li {font-size: 14px;}
    .d_table .w15 {width: 25%;}
    .d_table .w85 {width: 75%;}
    .form_wrap .item {width: 100%;}
    .form_wrap .item .th,
    .etxt {font-size: 14px;}
    .form_wrap .item .th {width: 120px;padding-left: 10px;}
    .form_box {padding: 0 20px;}
    .aselect,
    .ainput {font-size: 14px;padding: 0 5px;}
    .hidden-xs {display: none;}
    .visible-xs {display: block;}
    .r_table th,
    .r_table td {font-size: 14px;padding: 8px 5px;}
    .r_table td {border-bottom: 1px solid #ccc;}
    .test_tit {font-size: 20px;}
    .st_stit {font-size: 14px;}
}

@media (max-width: 575px) {
    .form_wrap .item .th {width: 110px;}
}