@charset "utf-8";


/* 연봉계산기 */
.annual-income-calc-wrap { border-top: 1px solid #5283e0; }
.annual-income-calc-wrap .input-area { border: 1px solid #dcdcdc; }
.annual-income-calc-wrap .result-area { background: #f8f8f8; border: 1px solid #dcdcdc;}
.annual-income-calc-wrap .header { height: 60px; border-bottom: 1px solid #dcdcdc; text-align: center; line-height: 60px; font-size: 17px; font-weight: bold; color: #2d2d2d; }
/*.annual-income-calc-wrap .cont-wrap { height: 482px; }*/
.annual-income-calc-wrap .cont-wrap .row:after { content: ''; clear: both; display: block; height: 0; }
.annual-income-calc-wrap .cont-wrap .row .a-head { font-size: 1.5rem; font-weight: bold; color: #2d2d2d; line-height: 35px; }
.annual-income-calc-wrap .input-area .cont-wrap { padding: 20px; }
.annual-income-calc-wrap .input-area .cont-wrap .row { margin-bottom: 20px; }
.annual-income-calc-wrap .input-area .cont-wrap .row:last-child { margin-bottom: 0; }
.annual-income-calc-wrap .input-area .cont-wrap .row ul.select-tab { display: block; width: 220px; height: 35px; float: right; }
.annual-income-calc-wrap .input-area .cont-wrap .row ul.select-tab li { float: left; width: 50%; text-align: center; height: 100%; }
.annual-income-calc-wrap .input-area .cont-wrap .row ul.select-tab li label { border: 1px solid #dcdcdc; display: block; height: 100%; line-height: 33px; cursor: pointer; font-size: 13px; color: #9d9d9d; background: #fff; }
.annual-income-calc-wrap .input-area .cont-wrap .row ul.select-tab li:nth-child(1) label { border-right: none; }
.annual-income-calc-wrap .input-area .cont-wrap .row ul.select-tab li:nth-child(2) label { border-left: none; }
.annual-income-calc-wrap .input-area .cont-wrap .row ul.select-tab li input[type=radio]:checked + label { border: 1px solid #5283e0; color: #5283e0; font-weight: bold; }
.annual-income-calc-wrap .input-area .cont-wrap .row .txt-input { height: 33px; position: relative; }
.annual-income-calc-wrap .input-area .cont-wrap .row .txt-input input[type=text] { height: 100%; width: 100%; border: 1px solid #dcdcdc; padding: 0 30px 0 10px; text-align: right; font-size: 15px; color: #333; font-weight: bold; }
.annual-income-calc-wrap .input-area .cont-wrap .row .txt-input .unit { color: #939393; top: 5px; position: absolute; right: 10px; font-size: 13px; }

.annual-income-calc-wrap .result-area .cont-wrap { padding: 50px 20px; }
.annual-income-calc-wrap .result-area .cont-wrap .monthly-amount { padding-bottom: 25px; border-bottom: 1px dashed #c6c6c6; margin-bottom: 25px; }
.annual-income-calc-wrap .result-area .cont-wrap .row { margin-bottom: 10px; }
.annual-income-calc-wrap .result-area .cont-wrap .row .value { float: right; font-size: 15px; font-weight: bold; line-height: 35px; }
.annual-income-calc-wrap .result-area .cont-wrap .row .value .col { color: #5283e0; }
.annual-income-calc-wrap .result-area .cont-wrap .monthly-amount .value { font-size: 17px; }

@media all and (max-width: 365px) {
	.annual-income-calc-wrap .input-area .cont-wrap .row ul.select-tab { width:100%;}
}