@charset "utf-8";

* {margin:0; padding:0;border:0}
html{font-family: Dotum; font-size: 12px; color: #888888;}
img{border:0}
ul, li { list-style: none; padding:0; margin:0}
dl, dd {  padding:0; margin:0}

/* Common */
#pop_exam{background:url('');overflow-y:hidden}
#pop_exam #wrap{border:1px solid #ccc; margin:0 auto;width:800px;height:600px;background:url(/html/images/pop_exam/box_bg.gif) no-repeat left bottom;}

#header {border:0px solid #ccc;height:51px;background:url(/html/images/pop_exam/top_bg.gif) repeat-x left top;}
#header h1{margin:10px}
 h2{width:634px;padding:15px 0 0 38px; margin-bottom:22px;
 /*background:url(/html/images/pop_exam/h2_tit_bg.gif) no-repeat right bottom*/
 }

.text_box{padding:10px 0 10px 28px;}
.text_box dl{width:650px;padding-bottom:10px;background:url(/html/images/pop_exam/box_bottom.gif) no-repeat left bottom}
.text_box dt h3{height:27px;}
.text_box dd{padding:0 10px;margin:15px;background:url(/html/images/pop_exam/bullet_01.gif) no-repeat left 3px}

p.btn{text-align:center}

/*경고 레이어창*/
.warning_pop{display:none;position:absolute;top:100px;left:176px;width:342px;height:330px;background:#fff;border:2px solid #ff8d27}
.warning_top{position:relative;padding:0;height:35px}
.btn_close{position:absolute;right:5px;top:3px}

.text_tit{padding:0 20px;font-weight:bold }
.text01 {padding:20px 15px;line-height:18px;color:#000}
.text01 span.text_ob{color:#ff8d27;font-weight:bold;}

.no_pro{height:70px;margin:0 15px;padding:10px 10px 20px;border:1px solid #ccc;overflow:auto}
.no_pro li{padding:2px}

.text02{font-size:11px;padding:10px 15px 20px 15px;line-height:16px;font-weight:bold;letter-spacing:-1px}
.btn_02{text-align:right;padding-right:15px}


/*   */
#pop_exam02{padding:70px 0;background:url(/html/images/pop_exam/bg_full.gif) repeat left top}
#pop_exam02 #wrap{position:fixed;border:1px solid #ccc; margin:0 auto;width:800px;height:600px;background:url(/html/images/pop_exam/box_bg.gif) no-repeat left bottom}
 
#header02{position:relative;width:800px;height:63px;background:url(/html/images/pop_exam/top_bg02.gif) no-repeat left top}
#header02 h1{padding:13px 0 0 20px;}
#header02 span.btn{position:absolute;left:150px;top:15px}

.title_line{height:60px;width:770px;margin-left:15px;}
.test {float:left;margin:15px 0 0 10px;width:500px;padding:20px 0 0 18px;color:#000;font-size:12px;background:url(/html/images/pop_exam/bullet_big.gif) no-repeat left 19px}
.test_tit{color:#00a7e8;letter-spacing:-1px}
.text_b{color:#00ccff;font-weight:100}

.time{width:200px;float:right;padding:20px 0 20px 25px;color:#000;font-weight:bold}
.time_box{padding:6px 10px 14px;color:#fff;font-size:2em;font-weight:bold;font-family: arial;background:url(/html/images/pop_exam/time_box_bg.gif) no-repeat left top;display:inline}

.test_leftbox{position:relative;float:left;margin-left:0px;padding:0px 0 ;border:0px solid #ccc;width:565px;height:420px;overflow:hidden}
.test_mainbox{position:relative;float:left;margin-left:20px;padding:0px 0 ;border:1px solid #ccc;width:540px;height:382px;overflow:auto} 
.test_box{position:relative;float:left;margin-left:5px;padding:0px 0 ;border:0px solid #ccc;width:508px;height:360px;overflow:auto} 
.test_tit_s{font-weight:bold;margin:10px 0 0 20px;padding:10px 0 0 15px;color:#000;background:url(/html/images/pop_exam/bullet_arr.gif) no-repeat left 10px}
.test_q {padding:13px 5px 20px 45px;margin:10px 20px 10px;color:#000;border-top:2px solid #00a7e8;border-bottom:1px solid #00a7e8;background:url(/html/images/pop_exam/bullet_dt.gif) no-repeat left 8px}

.test_list {clear:both;padding:10px 20px;*padding:2px 20px}
.test_list dd{float:left;width:100%;line-height:15px; *padding-top:2px;border:0px solid #ccc;}
.test_btn{position:absolute;left:200px ;top:400px}

/*  */
.anw_box{float:right;margin-right:25px;border:1px solid #ccc;border-top:2px solid #ff8d27;width:178px;height:380px;overflow:auto}
.table_con {width:100%;*width:90%}
.table_con th{text-align:center;letter-spacing:-1px;height:37px;background:url(/html/images/pop_exam/th_bg.gif) repeat-x left top}
.table_con td{text-align:center;padding:5px 0;border-bottom:1px solid #e6e6e6;background:#fffdf5}
.text_redb{color:red;font-weight:bold}
.text_blueb{color:blue;font-weight:bold}

.under_btn li{float:left;padding:0px 30px 0;border:0px solid #ccc;}
.text_info{padding-top:10px}