@charset "utf-8";

/* 학점변환 */
.convert-grade-wrap { border: 1px solid #dcdcdc; background: #fcfcfc; border-top: 1px solid #5283e0; }
.convert-grade-wrap .input-area { border-right: 1px solid #dcdcdc; }
.convert-grade-wrap .result-area {background: #f8f8f8; }
.convert-grade-wrap .header { border-bottom: 1px solid #dcdcdc; text-align: center; line-height: 50px; font-size: 1.5rem; font-weight: bold; color: #2d2d2d; }
.convert-grade-wrap .cont-wrap .row .a-head { font-size: 15px; font-weight: bold; color: #2d2d2d; line-height: 35px; }
.convert-grade-wrap .input-area .cont-wrap { padding: 20px 20px 25px; border-bottom: 1px solid #dcdcdc;}
.convert-grade-wrap .input-area .cont-wrap .row .input-box input[type=text] { height: 33px; width: 50%; float: left; border: 1px solid #dcdcdc; border-right: none; text-align: center; }
.convert-grade-wrap .input-area .cont-wrap .convert-btn { background: #5283e0; width: 100%; border: none; height: 33px; color: #fff; font-weight: 500; font-size: 1.5rem; margin-top: 20px; }
.convert-grade-wrap .convert-grade.lang .input-area .cont-wrap .convert-btn { margin-top: 123px; }

.convert-grade-wrap .result-area .cont-wrap { padding: 20px 20px 0; }
.convert-grade-wrap .result-area .cont-wrap:after { content: ''; clear: both; display: block; height: 0; }
.convert-grade-wrap .result-area .cont-wrap .convert-box { float: left; width: 47%; height: 33px; margin-bottom: 20px; margin-right:3%;}
.convert-grade-wrap .result-area .cont-wrap .convert-box:after { content: ''; clear: both; display: block; height: 0; }
.convert-grade-wrap .result-area .cont-wrap .convert-box input[type=text] { height: 33px; width: 47%; float: right; border: 1px solid #dcdcdc; text-align: center; }
.convert-grade-wrap .convert-grade.lang .result-area .cont-wrap .convert-box input[type=text] { margin-left: 5px; }
.convert-grade-wrap .result-area .cont-wrap .convert-box .unit { line-height: 33px; margin-left: 4px; font-weight: bold; color: #2d2d2d; font-size: 13px; letter-spacing: -0.05em;}
.convert-grade-wrap .result-area .cont-wrap .convert-box .lang-test-name { float: left; width: 40%; font-size: 13px; font-weight: bold; color: #2d2d2d; }
.convert-grade-wrap .result-area .cont-wrap .convert-box .lang-test-name.line-01 { line-height: 33px; }
.convert-grade-wrap .result-area .cont-wrap .convert-box .lang-test-name.line-02 { line-height: 14px; padding-top: 3px; }