@charset "utf-8";

input[readonly] {background-color:#ddd}

/* 계산기 */
#wrap_calc .tbl_cal {}
#wrap_calc .tbl_cal table {width:100%;border-top:2px solid #333;border-bottom:1px solid #ccc;border-collapse:collapse;border-spacing:0}
#wrap_calc .tbl_cal th {width:150px;padding:10px 5px;border:1px solid #ccc;border-left:0;font-size:1.25em;line-height:1.6;background:#f1f1f1}
#wrap_calc .tbl_cal td {padding:10px;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
#wrap_calc .tbl_cal .frm_input, #wrap_calc .tbl_cal select {width:100%;border:1px solid #d4d4d4}
#wrap_calc .tbl_cal select {height:40px;border-radius:3px}
#wrap_calc .tbl_cal .box_unit {position:relative}
#wrap_calc .tbl_cal .box_unit .frm_input {padding-right:30px}
#wrap_calc .tbl_cal .box_unit.word_tw .frm_input {padding-right:40px}
#wrap_calc .tbl_cal .box_unit span {position:absolute;right:5px;top:0;padding:0 5px;font-size:1.167em;line-height:40px}
#wrap_calc .btn_confirm {margin:20px 0 0;text-align:center}

#wrap_print {display:none}

.cal_result {margin:50px 0 0}
.cal_result h3 {margin:0 0 7px;font-weight:bold;font-size:1.5em;line-height:1.5}
.cal_result .table_dl {margin:0 0 30px}
.cal_result .table_dl dl {display:flex;flex-direction:row;flex-wrap:wrap;margin:0;border-top:1px solid #333;font-size:1.25em;line-height:1.5}
.cal_result .table_dl dt {display:inherit;align-items:center;justify-content:center;width:120px;margin:0;padding:15px 10px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;font-weight:bold;background:#f1f1f1}
.cal_result .table_dl dd {display:inherit;align-items:center;width:calc(100% - 120px);margin:0;padding:15px 12px;border-bottom:1px solid #ccc;color:#555}
.cal_result .tbl_repayment {}
.cal_result .tbl_repayment table {width:100%;border-top:2px solid #333;border-bottom:1px solid #ccc;border-collapse:collapse;border-spacing:0}
.cal_result .tbl_repayment thead th {padding:12px 0;border-right:1px solid #ccc;border-bottom:1px solid #ccc;font-size:1.25em;line-height:1.6;background:#f1f1f1}
.cal_result .tbl_repayment td {padding:12px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;font-size:1.25em;line-height:1.6;text-align:center}
.cal_result .tbl_repayment thead th:last-child, .cal_result .tbl_repayment td:last-child {border-right:0}
.cal_result .box_txt {margin:20px 0 0;padding:15px 17px;font-size:1.25em;line-height:1.6;background:#eee}

.cal_result .box_result {margin:50px 0 0;padding:50px;border:1px solid #333}
.cal_result .box_result p {font-size:1.333em;line-height:1.5;text-align:center}
.cal_result .box_result p span {display:inline-block;min-width:50px;color:blue}

/* 금리알리미 */
#wrap_irate {overflow:hidden;position:relative;width:100%;height:1920px}
#wrap_irate iframe {position:absolute;left:-15px;top:-250px;width:calc(100% + 30px);height:2400px;border:0}

@media screen and (min-width:348px) {
    #wrap_irate {height:1820px}
}
@media screen and (min-width:361px) {
    #wrap_irate iframe {top:-275px}
}
@media screen and (min-width:433px) {
    #wrap_irate {height:1720px}
}
@media screen and (min-width:464px) {
    #wrap_irate {height:1640px}
}
@media screen and (min-width:481px) {
    #wrap_irate {height:1760px}
    #wrap_irate iframe {top:-310px}
}
@media screen and (min-width:542px) {
    #wrap_irate {height:1680px}
}
@media screen and (min-width:561px) {
    #wrap_irate {height:1710px}
}
@media screen and (min-width:595px) {
    #wrap_irate {height:1630px}
}
@media screen and (min-width:620px) {
    #wrap_irate {height:1600px}
}
@media screen and (min-width:769px) {
    #wrap_irate iframe {top:-350px}
}
@media screen and (min-width:1025px) {
    #wrap_irate {height:1610px}
    #wrap_irate iframe {left:-20px;top:-430px;width:calc(100% + 40px)}
}


/* 미디어쿼리 */
@media screen and (min-width:768px) {
    .cal_result .table_dl dt {width:150px}
    .cal_result .table_dl dd {width:calc((100% - 300px) / 2);padding:15px}
}

@media screen and (min-width:1024px) {
    #wrap_calc .tbl_cal th {width:300px}

    .cal_result .table_dl dd {width:calc((100% - 450px) / 3)}
}


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

@media print {
    #wrap_calc .calc_input {display:none}
    #wrap_print {display:block;margin:0 !important}
}