.loan__count { padding: 40px 0 50px } .loan__count .count__type { border-bottom: 4px solid #16a2a3; overflow: hidden } .loan__count .count__type a { display: block; float: left; width: 33%; color: #50504d; font-size: 16px; text-align: center; margin-right: .5%; height: 60px; line-height: 60px; background-color: #ebebeb } .loan__count .count__type a:nth-child(3) { margin-right: 0 } .loan__count .count__type a:hover { text-decoration: none; background-color: #d6d6d6 } .loan__count .count__type a.on { text-decoration: none; color: #fff; background-color: #16a2a3 } .loan__count .count__panel { font-size: 16px; color: #2f2f2f; padding: 30px 0; border: 1px solid #d6d6d6; border-top: 0 } .loan__count .panel__item { background: url(../images/dec_dot2.png) 50% 0 repeat-y; overflow: hidden } .loan__count .panel__left, .loan__count .panel__right { float: left; width: 50% } .loan__count .panel__left .count__foreword { width: 80%; margin: 0 auto; height: 105px; line-height: 25px; padding: 35px 0 0 } .loan__count .panel__left .count__foreword span { display: block } .loan__count .panel__left .count__own { width: 60%; margin: 0 auto } .loan__count .panel__left .count__own b { display: block; font-size: 24px; line-height: 26px; color: #16a2a3; padding: 25px 0 15px 70px; background-repeat: no-repeat; background-position: 0 0 } .loan__count .panel__left .count__own.own--type1 b { background-image: url(../images/icon_loan-type1.png) } .loan__count .panel__left .count__own.own--type2 b { background-image: url(../images/icon_loan-type2.png) } .loan__count .panel__left .count__own.own--type3 b { background-image: url(../images/icon_loan-type3.png) } .loan__count .panel__left .count__own .ipt3 { width: 80%; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 5% } .loan__count .panel__right .condition__title, .loan__count .panel__right .condition__list { width: 80%; margin: 0 auto } .loan__count .panel__right .condition__title { font-size: 24px; line-height: 26px; font-weight: 700; color: #50504d; margin-bottom: 15px } .loan__count .panel__right .condition__item { padding: 10px 0 } .loan__count .panel__right .condition__item b, .loan__count .panel__right .condition__item p { display: inline-block } .loan__count .panel__right .condition__item b { width: 92px; color: #50504d; font-weight: 400 } .loan__count .panel__right .condition__item p { width: -webkit-calc(98% - 92px); width: calc(98% - 92px); -moz-box-sizing: border-box; box-sizing: border-box } .loan__count .panel__right .condition__item .ipt4 { width: 86%; margin-right: 5%; -moz-box-sizing: border-box; box-sizing: border-box } .loan__count .panel__right .condition__item .notice1 { font-size: 14px; color: #9e9e9e } .loan__count .panel__right .condition__item:nth-last-child(1) { padding-top: 0 } .loan__count .btnbar { padding-top: 24px; text-align: center; clear: both; background-color: #fff } .loan__count .btnbar .btn7 { width: 20% } .ipt3 { font-size: 16px; line-height: 20px; border: 2px solid #45b5b5; padding: 13px 20px } .ipt4 { color: #9e9e9e; font-size: 16px; line-height: 20px; border: 1px solid #d6d6d6; padding: 13px 20px } .loan__result { text-align: center; padding-bottom: 20px } .loan__result .result__title { font-size: 28px; line-height: 28px; color: #16a2a3; font-weight: 700; padding-bottom: 30px } .loan__result .result__row { border: 1px solid #16a2a3; padding: 30px 4%; margin-bottom: 20px; color: #50504d; font-size: 16px; line-height: 27px; background-color: #fff } .loan__result .result__row p { width: 46%; margin: 0 auto; padding-top: 20px } .loan__result .row__total { font-size: 20px; line-height: 20px } .loan__result .row__total b { font-size: 32px; line-height: 32px; color: #e60012; margin: 0 10px; font-weight: 400 } .loan__result .row__title { font-weight: 700; font-size: 24px; line-height: 24px } .loan__result .row__title b { color: #16a2a3 } .loan__result .row__subtotal { line-height: 24px } .loan__result .row__subtotal span { margin: 0 10px } .loan__result .row__subtotal i { font-style: normal; color: #16a2a3; font-size: 16px } .loan__result .row__subtotal b { font-weight: 400; font-size: 24px; margin: 0 5px } .loan__result .row__list { overflow: hidden } .loan__result .row__list .list__item { float: left; width: 20%; text-align: left; padding-top: 10px } @media screen and (max-width: 1176px) { .loan__count .panel__left .count__foreword span { display: inline } .loan__result .result__row p { width: 100% } } @media screen and (max-width: 870px) { .loan__result .row__list .list__item { width: 25% } }