@charset "utf-8";

#wrap_exper {overflow:hidden}
#wrap_exper h3.stit {padding:0;background:none;text-align:center}
#wrap_exper h4.sstit {margin-bottom:5px;font-size:1.333em;line-height:1.5;letter-spacing:-0.5px}
#wrap_exper .readonly, #wrap_exper .disabled {background-color:#eee !important}
#wrap_exper .box_ei {padding:15px;border:1px dashed #d4d4d4;background:#f8f8f8}
#wrap_exper .tbl_exper {margin:0 0 20px}
#wrap_exper .tbl_exper table {border-top:2px solid #49545a;border-bottom:1px solid #d4d4d4}
#wrap_exper .tbl_exper th {padding:12px;border:1px solid #d4d4d4;border-left:0;font-weight:normal;font-size:1.167em;background:#f5f5f5;text-align:left;letter-spacing:-0.5px}
#wrap_exper .tbl_exper thead th {padding:17px 5px;text-align:center}
#wrap_exper .tbl_exper thead th:last-child {border-right:0}
#wrap_exper .tbl_exper tfoot th {text-align:center}
#wrap_exper .tbl_exper td {padding:10px 7px;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;font-size:1.167em;letter-spacing:-0.5px}
#wrap_exper .exper_result th {padding:17px 12px}
#wrap_exper .exper_result td {padding:17px 7px;border-right:1px solid #d4d4d4;text-align:center}
#wrap_exper .exper_result td:last-child {border-right:0}
#wrap_exper .frm_input {height:36px;text-align:right}
#wrap_exper .w75_input {width:75%}
#wrap_exper .box_input {position:relative}
#wrap_exper .box_input h4.sstit {height:36px;line-height:36px}
#wrap_exper .box_input > div {position:absolute;left:45%;top:0;width:55%;font-size:1.167em}
#wrap_exper .box_msg {margin:0 0 20px;padding:20px;border:2px solid #d4d4d4;font-size:1.167em;line-height:1.5}
#wrap_exper .box_msg p {margin:7px 0 0}
#wrap_exper .txt {margin:20px 0 0;padding:0 10px;line-height:1.5}
#wrap_exper .ul01 {margin:20px}
#wrap_exper .ul01 > li {font-size:1.167em}
#wrap_exper .btn_confirm {margin:20px 0 0;text-align:center}
#wrap_exper .btn_confirm .btn {width:47%;height:55px;font-size:1.167em;line-height:55px}
#wrap_exper #btn_result, #calc_interest #btn_apply {background:#fdb815;color:#333}
#wrap_exper #btn_reset {background:#108ad2;color:#fff}
#wrap_exper #btn_print, #calc_interest #btn_close {color:#333}
#wrap_exper .tbl_exper th .btn {overflow:hidden;border-radius:7px;font-size:0.857em;background:#2d4478;color:#fff}
#wrap_exper #btn_calc_interest {margin-top:-12px;border-radius:7px;background:#2d4478;color:#fff}

#calc_interest {display:none;position:fixed;left:0;top:0;z-index:500;width:100%;height:100%;background:rgba(0,0,0,0.5)}
#calc_interest > div {position:absolute;left:50%;top:50%;width:94%;max-width:800px;max-height:560px;margin:-280px 0 0 -400px;padding:20px;background:#fff;box-shadow:0 0 12px 0px #333}
#calc_interest h3.stit {margin-bottom:10px;text-align:left}
#calc_interest .tbl_exper {overflow:auto}
#calc_interest .tbl_exper table {min-width:650px}
#calc_interest .tbl_exper td {height:56px;border-right:1px solid #d4d4d4;text-align:center}
#calc_interest .tbl_exper td:last-child {border-right:0}
#calc_interest .txt {text-align:center}
#calc_interest .btn_confirm .btn {max-width:180px;margin:0 3px}


@media screen and (max-width:767px) {
    #wrap_exper .exper_result h3.stit {margin-top:50px !important}
}

@media screen and (min-width:768px) {
    #wrap_exper .exper_input {float:left;width:48%}
    #wrap_exper .exper_result {float:right;width:48%}
}

@media screen and (min-width:1150px) {
    #wrap_exper h3.stit {padding:0;font-size:2.25em}
    #wrap_exper h4.sstit {margin-top:35px;font-size:1.75em;letter-spacing:0}
    #wrap_exper .box_ei {padding:30px}
    #wrap_exper .tbl_exper th {font-weight:normal;font-size:1.333em;font-family:'NanumBarunGothicBold';letter-spacing:0}
    #wrap_exper .tbl_exper td {font-size:1.333em;font-family:'NanumBarunGothic';letter-spacing:0}
    #wrap_exper .exper_result th {padding:17px 20px}
    #wrap_exper .box_input > div {font-size:1.333em;font-family:'NanumBarunGothic'}
    #wrap_exper .box_msg {font-size:1.333em;font-family:'NanumBarunGothic'}
    #wrap_exper .txt {font-size:1.167em;font-family:'NanumBarunGothic'}
    #wrap_exper .ul01 > li {font-size:1.333em;font-family:'NanumBarunGothic'}
    #wrap_exper .tbl_exper th .btn {font-size:0.75em}
    #wrap_exper .btn_confirm .btn {font-size:1.333em;font-family:'NanumBarunGothicBold'}
    #wrap_exper #btn_calc_interest {position:absolute;left:120px;top:0;margin:0}

    #calc_interest > div {padding:30px}
    #calc_interest .txt {font-size:1.25em}
    #calc_interest .btn_confirm .btn {font-size:1.25em}
}

/* 인쇄 */
@page {
    size:21cm 29.7cm; /* A4크기 */
    margin:0.7cm 1cm;
}

@media print {
    #header, #container_vis, #container_location, .page_tit, .quick_menu, #footer {display:none}
    .page {min-height:auto !important;margin:0 !important;padding:0 !important}
    #wrap_exper .tbl_exper {margin:0}
    #wrap_exper .tbl_exper th {padding:12px 7px;font-size:1.083em;font-family:'NanumBarunGothicBold';letter-spacing:-0.5px}
    #wrap_exper .tbl_exper td {font-size:1.083em;font-family:'NanumBarunGothic';letter-spacing:-0.5px}
    #wrap_exper .exper_input .tbl_exper thead th {padding:12px 0}
    #wrap_exper .exper_input .tbl_exper td {padding:7px}
    #wrap_exper .frm_input {height:28px}
    #wrap_exper .box_input > div, #wrap_exper .box_msg, #wrap_exper .ul01 > li {font-size:1.083em;font-family:'NanumBarunGothic'}
    #wrap_exper .ul01 {margin:20px 15px}
    #wrap_exper .txt {font-size:1em;font-family:'NanumBarunGothic'}
    #wrap_exper .btn_confirm, #wrap_exper .btn, #calc_interest {display:none}
    #wrap_exper .exper_input {float:left;width:48%}
    #wrap_exper .exper_result {float:right;width:48%}
}