body {	background-color:#ffffff;	margin:0;	padding:0;	font:14px "돋움", "돋움체","굴림", "굴림체"; color:#101010; line-height:21px; }
img { border:0; }
p,ul,li { margin:0; padding:0; }
ul { list-style:none; }
a { color:#101010; }
a:link, a:visited { text-decoration:none; }
a:hover { text-decoration:none; }
a:active { color:#101010;  text-decoration:none; }
input, textarea, select {font:14px "돋움", "돋움체","굴림", "굴림체"; }
html, body, div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, p, address, pre, cite, form, fieldset, input, textarea, select, table, th, td,hr { margin:0; padding:0; }


#skipnavigation{display:none;}
.hidden {
	position: absolute; /* 절대 위치지정 */
	left:-10000px; /* 부모 요소로부터 왼쪽 위치는 -10000px 만큼 위치 */
	top:auto; /* 상단 위치는 자동으로 설정 */
	width:0; /* 가로 폭은 1px 설정 */
	height:0; /* 세로 폭은 1px 설정 */
	overflow:hidden; /* 부모 요소 영역을 넘어갈 경우, 현재 선택한 요소를 감추는 설정 */
}


/* 로그인 */
#box{margin:0 auto;width:486px; border: 7px solid #418ccc;margin-top:50px}
#header { width:484px; height:95px; background:url(popup_img/login_bg.gif) repeat-x; border-left: 1px solid #fff;  border-right: 1px solid #fff;}
#header_txt{width:100%; font-size:24px; text-align:center;padding-top:37px; font-weight:bold; color:#00183f; letter-spacing:-1px}
.txt_blue{color:#01559b}

#login { width:100%; height:104px; background:#418ccc;}
#login ul{ padding:21px 0 0 0; float:left; }
#login li { font-size:16px; font-weight:bold; color:#fff; letter-spacing:-1px; text-align:right;  line-height:29px; padding-left:75px; padding-right:20px;}
#login input.textf {width:122px; height:18px; border:1px solid #316998;  vertical-align:middle; padding:4px 0 0 10px; margin-left:20px;}
#login_btn { padding-top:25px;}

#footer { width:100%; height:145px;}
#footer ul{ margin-top:42px; margin-left:17px;}
#footer ul li{background:url(popup_img/blet.gif) no-repeat left 5px; padding:0 0 5px 13px; margin-top:5px;}


  /* 로고부분 공통*/
#logo {  height:63px;background:#418ccc}
#logo h1{float:left;margin-top:10px}
#logo_txt{  float:right ; font-weight:bold; color:#fff;font-size:16px;padding-top:5px; text-align:right;}
.txt_deco{background:#00183f;font-size:19px; letter-spacing:-1px;line-height:24px;}

  /* Test Type A*/
#test_box{margin:0 auto;width:806px; border: 7px solid #418ccc;}
#question_no_box{padding-top:5px;margin-left:20px;background:url(popup_img/test_line_bg.gif) left bottom no-repeat;height:110px}
#question_no { clear:both;float:left;width:540px;}
#question_no ul {
    list-style: none;
    margin: 0; padding: 0;
    overflow: hidden;
}
#question_no ul li {float:left;margin:0;padding:0; text-align:center;  line-height:0;width:52px;padding-top:15px;margin-bottom:2px;font-size:0;}
#question_no ul li.sel{padding-top:0}


#question_no ul li img{margin:1px;vertical-align:middle;}
#question_no ul li:after {display:block;clear:both;content:""}

#pInfo{ width:360px;padding:10px; background:#888888; font-weight:bold; font-size:22px;color:#fff;float:center;  }

#time_a {float:right; padding:15px 20px  10px 0;}
#time_a p{float:left}
#time_a p span{display:block}
#time_a p.time_pink{ width:127px; height:68px;background:#e70c6f; text-align:center;  font-weight:bold; font-size:22px;color:#fff; }
#time_a p span.time_pink_txt{ line-height:39px; font-size:16px; }
#time_a p.time_black{ width:200px; height:45px; background:#00183f; text-align:center;  font-weight:bold; font-size:22px;color:#fff;  }
#time_a p span.time_black_txt{ line-height:39px; font-size:22px; }


#question{ clear:both;padding:0 20px 25px 20px;}
#question_cnt{ margin-top:6px; border: 1px solid #4e4e4e; padding:15px;}
.question_cnt{ 
	margin-top:8px; margin-bottom:25px; border: 4px solid red; padding:15px;
	font-weight:bold; font-size:18px; 
	line-height:30px;
}
.title{ font-weight:bold; font-size:18px;  }
.spacing{letter-spacing:+40pt;}

#answer{ padding:0px 20px 40px 30px;}
#answer li{line-height:29px;}
#answer_url{ padding:0 20px 34px 20px; }
#answer_url textarea{
width:700px; height:50px; border:1px solid #4e4e4e; vertical-align:top;  padding:4px 0 0 10px; margin-left:10px; line-height:22px;
font-size:22px;
}

.answer_url{ padding:0 20px 34px 20px; }
.answer_url textarea{
width:700px; height:50px; border:1px solid #4e4e4e; vertical-align:top;  padding:4px 0 0 10px; margin-left:10px; line-height:22px;
font-size:22px;
}

#test01_footer { width:100%; height:59px; border-top:1px solid #adcde9; text-align:center; padding-top:13px;}
#test01_footer li{ font-weight:bold; font-size:18px; padding-top:30px; border:1px solid #4e4e4e;}

  /* Test Type B*/
#test_box_b{clear:both;margin:0 auto;width:806px; height:616px; border: 7px solid #418ccc;}
#time_b {float:right; padding:12px 20px  15px 20px;width:373px;}
#time_b p{float:left;}
#time_b p.time_pink_b{ width:212px; line-height:36px; background:#e70c6f; text-align:center;  margin-right:2px; font-weight:bold; font-size:22px;color:#fff; }
#time_b p span.time_pink_txt_b{ font-size:16px;}
#time_b p.time_black_b{ width:158px;  line-height:36px; background:#00183f; text-align:center;  margin:0; font-weight:bold; font-size:22px; color:#fff;  }
#time_b p span.time_black_txt_b {font-size:16px;}


#question_cnt_b{ margin-top:6px; border: 1px solid #4e4e4e; padding:15px; line-height:22px;}

#file{ padding:0px 0 25px 35px;}
#file li { padding:0 0 5px 13px; margin-top:5px; }
#file input {width:356px; height:18px; border:1px solid #4e4e4e;   padding:3px 0 0 10px; }
.txt_pink{ font-weight:bold; color:#e70c6f; }
/*.add_file{background:url(popup_img/btn_add_file_bg.gif) no-repeat left 5px; font-weight:bold;   margin-left:5px;vertical-align:middle;  padding:8px 20px 20px 27px ; }*/

#my_file{ padding:14px 0 14px 35px; background:#eff5fb; }
.my_file_txt{ font-weight:bold; color:#101010; background:url(popup_img/blet_black.gif) no-repeat left 5px; padding:0 0 5px 13px;  vertical-align:middle;}

  /* Finish 01*/
#finish_box{margin:0 auto;width:806px; height:409px; border: 7px solid #418ccc;}


#finish_cnt{ clear:both;font-weight:bold; height:205px;  border-top:1px solid #adcde9;  background:url(popup_img/finish_bg_timeout.gif) no-repeat 180px;}
#finish_cnt p{margin-left:380px; margin-top:70px; line-height:28px; }
.finish_txt { font-size:16px; }
#finish01_footer { clear:both;width:100%; border-top:1px solid #adcde9; text-align:center;  padding-top:16px; padding-bottom:16px}


  /* Finish 01*/
  #finish_cnt02{clear:both;font-weight:bold; height:205px;  border-top:1px solid #adcde9;  background:url(popup_img/finish_bg_cong.gif) no-repeat 190px; }
  #finish_cnt02 p{margin-left:400px; margin-top:55px;}
  #finish02_footer {  clear:both;width:100%; border-top:1px solid #adcde9; text-align:center;  padding-top:16px;  padding-bottom:16px}   
  #finish02_footer img{padding-left:12px}




table{border-collapse:separate;border-spacing:0;border:0 none}
caption,th,td {text-align:center;font-weight:normal}
caption{position:absolute;visibility:hidden;width:0;height:0;overflow:hidden;font-size:0;line-height:0}
table.base{width:100%;border:0;border-right:1px solid #d9d9d9;border-bottom:1px solid #b3b3b3;color:#555;font-size:12px}
table.base tr.first_tr th,table.base tr.first_tr td{border-top:2px solid #b3b3b3}
table.base th,table.base td{padding:8px;border:0}
table.base thead th,table.base tfoot th,table.base tfoot td{background:#f5f5f5;font-size:12px;color:#333;font-weight:bold}
table.base tbody th{background:#fafafa;font-size:12px;font-weight:bold}
table.base td{color:#555}
table.base thead th,table.base tbody th,table.base tfoot th,table.base tbody td,table.base tfoot td{border-left:1px solid #d9d9d9;border-top:1px solid #d9d9d9}
.tablefont {margin-top:4px;margin-left:5px;font-size:12px;color:#777}


#idpwdiv{width:100%;text-align:center;padding:20px 0 20px 0;}
#idpw_table{border-top:1px solid #666666;border-right:1px solid #666666;}
#idpw_table thead tr td{font-weight:bold; background:#e6e6e6;}
#idpw_table td{border-bottom:1px solid #666666;border-left:1px solid #666666;}