body {margin:0; padding:0;}
fieldset, img {border:none;}
legend {display:none;}
a {text-decoration:none;}
table {border-collapse:collapse;}

.gpa_wrap {width:550px; font-family:gulim; font-size:12px; overflow:hidden;} /*margin:30px 0 0 230px; 추가함*/
.gpa_wrap * {list-style:none; font-style:normal; font-size:12px; margin:0; padding:0;}

.gpa_wrap h1 {position:relative;}
.gpa_wrap h1 a {position:absolute; top:20px; right:41px;}

.gpa_content {float:left; width:466px; padding:0 41px; border:1px solid #c5c6cf; border-top:none;}
.gpa_content .gpa_info {padding:27px 0 18px; border-bottom:1px solid #333;} 

.gpa_content .tab_menu {width:468px; margin:24px 0 0;}
.gpa_content .tab_menu dl {float:left; width:233px; margin:0 0 0 1px; letter-spacing:-1px;}
.gpa_content .tab_menu dt {padding:7px 0 6px; background:#3d4450; text-align:center; font-weight:bold; color:#fff;}
.gpa_content .tab_menu dt em.blue {color:#a3c0ff;}
.gpa_content .tab_menu dt em.org {color:#ffa63c;}
.gpa_content .tab_menu dd {float:left; width:116px; margin:1px 0 0; line-height:16px;}
.gpa_content .tab_menu dd a {display:inline-block; width:100%; padding:7px 0 5px; color:#60656d; text-align:center; border:1px solid #d8d9de;}
.gpa_content .tab_menu dd.last a {margin:0 0 0 0; border-left:none;}
.gpa_content .tab_menu dd a:hover, 
.gpa_content .tab_menu dd.on  a {color:#fff; text-shadow:5px 5px 5px #335ed5; background:#4f80eb; border:1px solid #3162c8;}
.gpa_content .tab_menu dd.last a:hover {margin:0 0 0 -1px;}

.subject_input {float:left; width:100%; margin:29px 0 0;}
.subject_input .tab_menu02 {float:left; padding:0 0 8px;}
.subject_input .tab_menu02 li {float:left;}
.subject_input .tab_menu02 li a {color:#666; letter-spacing:0;}
.subject_input .tab_menu02 li a:hover {letter-spacing:-1px; font-weight:bold; color:#2e3192;}
.subject_input .tab_menu02 var {padding:0 11px; color:#666;}

.subject_input .btn_add {position:relative; top:-5px; float:right;}

.subject_input .input_box {float:left; width:466px; border:1px solid #c5c6cf;}
.subject_input .input_box table {width:100%;}
.subject_input .input_box th {padding:11px 0; letter-spacing:-1px; color:#666; font-weight:normal;}
.subject_input .input_box th, .subject_input .input_box td {border-right:1px solid #ebebee; border-bottom:1px solid #ebebee;}
.subject_input .input_box td {text-align:center;}
.subject_input .input_box tr:hover td {background:#eaeef9;}
.subject_input .input_box td input {border:none; width:185px; padding:5px 0 4px; color:#333; text-align:center; border:2px solid #fff;}
.subject_input .input_box td input:hover {border:2px solid #4676e8;}
.subject_input .input_box td.change {border-right:none; color:#ed1c24; font-weight:bold;}
.subject_input .input_box th.last {border-right:none;}

/* 총점 바로 계산하기 */
.total {padding:0 26px;}
.total h3 {padding:21px 0 10px; text-align:center; border-bottom:1px solid #d1d1d1;}
.total ul {float:left; width:415px; height:31px; margin:29px 0 0; background:url(../../img/sub/GPA/arrow.gif) center top no-repeat;}
.total li {float:left; width:170px; margin:4px 0 0;}
.total li.last {float:right;}
.total li input {width:65px; height:20px; margin:0 11px 0 0; text-align:center; border:2px solid #4676e8; vertical-align:middle;}
.total li img {vertical-align:middle;}
.total p.text {float:left; width:415px; margin:29px 0 17px; line-height:18px; text-align:center; color:#818181;}

.subject_input .btn {float:left; width:100%; padding:20px 0; text-align:center;}
.subject_input .btn a {margin:0 5px;}

.subject_input .result {float:left; width:100%; padding:15px 0 5px; border:1px solid #c5c6cf;}
.subject_input .result li {padding:0 0 5px 18px; font-weight:bold; color:#333}
.subject_input .result em {color:#ed1c24;}

.btn_print {float:right; padding:11px 0 20px;}
.btn_print img {margin:0 0 0 8px;}

/* 이용안내 */
.info {margin:30px 0 0;}
.info h2 {margin:0 0 24px;}
.info h3 {padding:0 0 6px; border-bottom:1px solid #0054a6;}
.info .text {padding:10px 0 32px; line-height:18px;}
.info .text em {color:#ed1c24;}
.info .text_box {padding:7px 0 4px 11px; line-height:18px; font-weight:bold; background:#fef5f0; color:#dd2a2a; border:1px solid #e78784;}
.info p.btn {padding:21px 0 40px; text-align:center;}