/*****************************
제목 : 해커스영어 아이엘츠점수환산기 CSS
작성자 : 해커스교육그룹 개발지원팀 정미례
작성일 : 2012.05.22
*****************************/
#change_wrap {width:316px;height:455px; text-align:left; }
#change_wrap p.top {height:65px; background:url(//image.gohackers.com/img/sub/eng_edu/ielts/img/top.jpg) left top no-repeat;}
#change_wrap p.bottom {*margin-top:-1px;}

#change_wrap img {vertical-align:middle; border:0; }
#change_wrap input {vertical-align:middle; text-align:center;}

#change_wrap .change_tab {width:100%; height:37px; background:url(//image.gohackers.com/img/sub/eng_edu/ielts/img/tab.jpg) no-repeat}
#change_wrap .change_tab li {float:left;}
#change_wrap .change_tab li span {display:none;}
#change_wrap .change_tab li a {width:143px; height:37px; display:block; background:url(//image.gohackers.com/img/sub/eng_edu/ielts/img/tab.jpg) no-repeat}
#change_wrap .change_tab li.left a {background-position:-15px -37px; margin-left:15px; }
#change_wrap .change_tab li.right a {background-position:-158px -37px;}
#change_wrap .change_tab li.left a.on,
#change_wrap .change_tab li.left a:hover {background-position:-15px 0px;}
#change_wrap .change_tab li.right a.on,
#change_wrap .change_tab li.right a:hover {background-position:-158px 0px;}

/* 각단계별_배경 */
#change_wrap .change_main {position:relative; width:100%; height:220px; display:inline-block; background-color:red}
#change_wrap .score_main {background:url(//image.gohackers.com/img/sub/eng_edu/ielts/img/bg_01.jpg) no-repeat}
#change_wrap .score_result_01 {background:url(//image.gohackers.com/img/sub/eng_edu/ielts/img/bg_02.jpg) no-repeat}
#change_wrap .score_result_02 {background:url(//image.gohackers.com/img/sub/eng_edu/ielts/img/bg_03.jpg) no-repeat}
#change_wrap .subject_main {background:url(//image.gohackers.com/img/sub/eng_edu/ielts/img/bg_04.jpg) no-repeat}
#change_wrap .subject_result_01 {background:url(//image.gohackers.com/img/sub/eng_edu/ielts/img/bg_05.jpg) no-repeat; height:278px; }
#change_wrap .subject_result_02 {background:url(//image.gohackers.com/img/sub/eng_edu/ielts/img/bg_06.jpg) no-repeat; height:278px; }

/* 총점변환 */
#change_wrap .change_main .select_text {position:absolute; top:66px; left:37px;}
#change_wrap .change_main .select_text li {float:left; width:133px;}
#change_wrap .change_main .select_text li.put {width:100%; text-align:center;}
#change_wrap .change_main .put_score_01 input {position:absolute; top:165px; left:116px; width:95px; height:17px; line-height:17px; border:1px solid #c4c4c4;}

/* 총점변환_결과확인 */
#change_wrap .change_main .result_value {position:absolute; top:100px; left:116px;}
#change_wrap .change_main .result_value input {width:82px; height:22px; border:1px solid #c4c4c4;}
#change_wrap .change_main .replay {position:absolute; top:167px; left:118px;}
#change_wrap .change_main .replay a {display:block; _margin-bottom:1px;}


/* 과목당변환 */
#change_wrap .subject_main .select_text {top:51px;}
#change_wrap .change_main .put_score_02 {position:absolute; top:139px; left:7px;}
#change_wrap .change_main .put_score_02 li {float:left; width:131px; height:40px; text-align:right;}
#change_wrap .change_main .put_score_02 input {width:34px; height:14px; line-height:14px; border:1px solid #d3dbe6;}


/* 과목당변환_결과확인 */
#change_wrap .change_main .result_value_02 {position:absolute; top:68px; left:170px;}
#change_wrap .change_main .result_value_02 li {height:36px;}
#change_wrap .change_main .result_value_02 input {width:51px; height:16px; line-height:16px; border:1px solid #9ba9b4;}
#change_wrap .change_main .replay_02 {position:absolute; top:235px; left:118px;}
#change_wrap .change_main .replay_02 a {display:block; _margin-bottom:1px;}