@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; font-size:12px; font-family:Verdana, Geneva, sans-serif, "돋움";}
html{ overflow-y:scroll }
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,textarea,button,select{margin:0;padding:0}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none;}
:focus{ outline:none;}
fieldset{ border:none;}
/*태혁 추가 코드*/
table,th,td{border-collapse: collapse ; border-spacing :0px;}
th {padding:12px 10px 8px;  background:#F60; color : white;}
td{padding: 5px 5px 5px }
.wrap_db {margin:0 auto; padding: 20px 20px 40px 20px; border:1px solid #A57D5A; background:#FAF4E4; overflow:hidden; }
.list_bottom{text-align: right; padding: 10px 0px 0px 0px;}
textarea{width: 690px; height: 400px;padding: 5px}
.checkwithtext{padding-bottom:5px}
 
/* Global */
legend{display:block;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-family:Sans-serif;font-size:0;line-height:0}
button,label{cursor:pointer;_cursor /**/:hand}
button span,button em,button img{position:relative}
button img{left:-3px;*left:auto}


body { margin:0; padding:0}
.wrap_exam { width:1200px; margin:0 auto; padding-top:20px}
#content_exam_ctr{position:relative; max-width:860px; margin:0 auto; z-index:100;}
#content_exam{position:relative; max-width:860px; margin:20px; z-index:100;}
.cont_center_exam{}
.timer{position:relative; float:right; z-index:10000; overflow:hidden; }

#container_test{width:1200px}
#container_test:after{display:block;clear:both;content:''}
#content{ position:relative; width:860px; margin:auto; z-index:100}

.header {text-align:right; color:#666;}
.header a.logout {color:#D44; font-weight:bold; text-decoration:underline;}
.header a.mypage {color:#555; font-weight:bold; text-decoration:underline;}
.header .top-menu {border-bottom:1px solid #DDD;padding:5px 10px;}
.header .main-menu {background-color:#FAF4E4;width:860px;height:45px;margin:20px auto 0;}
.header .main-menu ul {text-align:center;line-height:35px; height:45px; border:1px solid #A57D5A;}
.header .main-menu ul li {display:block;padding:0 10px 0 10px;border-right:1px solid #A53135; padding:5px 15px 5px 15px; float:left;}
.header .main-menu ul li.on {display:block;padding:0 10px 0 10px;border-right:1px solid #A53135; padding:5px 15px 5px 15px; float:left; background-color:#A53135;}
.header .main-menu ul li a {font-size:12pt;text-decoration:none; color:rgba(150,150,150, 0.8);}
.header .main-menu ul li.on a {font-size:12pt;text-decoration:none; color:white;}


/* 정렬관련 */
.p_a { position:absolute;}
.p_r { position:relative;}
.f_l { float:left; }
.f_r { float:right; }
.f_none { float:none; }
.il { display:inline; }
.db{ display:block; }
.dn{ display: none; }
.c_both { clear:both;}
.c_l { clear:left; }
.c_r { clear:right; }
.center { margin:0 auto; }
.t_c {text-align:center;}
.t_r { text-align:right}
.t_l { text-align:left}
.v_middle { vertical-align:middle; }
.over_h{ overflow:hidden}
.m_a{margin:auto}


.px14{ font-size:14px; }
.px16{ font-size:16px; }
.px20{ font-size:20px; }
.px30{ font-size:30px; }

.p_a { position:absolute;}

.m_t_20 { margin-top:20px; }
.m_t_30 { margin-top:30px; }
.m_t_40 { margin-top:40px; }

.m_b_20 { margin-bottom:20px; }

/* text color */
.t_b{ font-weight:bold}
.tc_90 {color:#909090;}
.tc_orenge{color:#ff5400}
.tc_orenge2{color:#F96}
.tc_red{color:#ff0000}
.tc_blue1 {color:#4db0dd;}
.tc_darkopera {color:#976f4c}
.tc_black {color:#000}
.tc_dark {color: #333}
.tc_grey { color:#999}
.tc_orch { color:#eed192}
.tc_yll{ color:#FF0}
.tc_red9{color:#F2C893; font-size:9px}
.tc_orch2{color:#c8ba8f}
.tc_orch3{color:#A6823E}
.tc_wh{ color:#fff;}


/* numbering */
.numbering{overflow:hidden;clear:both;margin:-1px auto 0;padding:5px 0;text-align:center; border:1px solid #C00; zoom:1}
.numbering a{display:-moz-inline-box;display:inline-block;_position:relative;margin-right:0px;padding:0 0 0 5px;color:#F60;font-family:'돋움',Dotum;font-size:12px;font-weight:bold;line-height:28px;text-decoration:none !important}
.numbering a:hover,.numbering a:focus,.numbering a:active{background:url(../images/btn/bg_page_nav_ru.gif) no-repeat 0 0 !important}
.numbering strong{display:-moz-inline-box;display:inline-block;_position:relative;margin-right:-2px;padding:0 0 0 5px;background:url(../images/btn/bg_page_nav_ru.gif) no-repeat 0 0 !important;color:#F60;font-family:'돋움',Dotum;font-size:12px;font-weight:bold;line-height:28px;text-decoration:none !important}
.numbering strong{color:#59B5EC !important}
.numbering a span{display:block;_display:inline;position:relative;top:0;padding:0 8px 0 3px;zoom:1}
.numbering a:hover span,.numbering a:focus span,.numbering a:active span{background:url(../images/btn/bg_page_nav_ru.gif) no-repeat 100% 0 !important;text-decoration:underline;cursor:pointer}
.numbering strong span{display:block;_display:inline;position:relative;top:0;padding:0 8px 0 3px;background:url(../images/btn/bg_page_nav_ru.gif) no-repeat 100% 0 !important;zoom:1}

/* 시험문제세팅시CSS------------------------------------------------------------------------------------------------------------- */
.wrap_test{border:1px solid #A57D5A; background:#FAF4E4;padding:20px;}
.test_title{overflow:auto; padding:12px 10px 8px; /*margin-left:-21px;*/ border:1px solid #C00; background:#F60; color:#FFF;}
.test_title h2 {float:left}
.test_title h3 {float:right}
.test_title a {color:#FFF;text-decoration:underline;}

/* s:도서리스트 */
.books_cplbox{margin-top:10px; display:inline-block; /*overflow:hidden*/}
.books_cplbox ul {margin:15px 0 15px 10px; }
.books_cplbox ul li{ list-style:none; margin-top:10px; margin-left:2px; margin-right:30px; width:170px; height:330px; float:left; }

.books_cplbox ul li h2.c_mainbox_bottom_sub {
	display: block;
	width: auto;
	margin: 10px 0 auto;
	
	color: #545454;
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	letter-spacing: -1px;
}

.books_cplbox ul li p.c_mainbox_bottom_info {
	display: block;
	width: auto;
	margin:5px 0 auto;
		
	color: #545454;
	text-align: center;
	font-size: 0.9em;
}

.books_cplbox li {position:relative;}
.c_mainbox_book_summary {display:none;position:absolute; z-index:999; top:0;left:195px;width:420px;padding:10px;background-color:#FFF;border:1px solid #CCC;box-shadow: 0 0 15px #888888;z-index:9999999;}
/* e:도서리스트 */

/* 시험문제세팅완료시CSS */
.test_cplbox{margin-top:10px; border:1px solid #DEC28F; background-color:white; overflow:hidden;position:relative}
.test_cplbox ol {margin:15px 0 15px 80px; display:block; }
.test_cplbox ol li{ list-style:decimal; margin-top:10px; }
.test_cplbox ol li a.list{ color:#39C }
.test_cplbox ol li a.list:hover{ color: #C30 }
.test_cplbox .qst{padding:10px 10px 10px 40px; background:#FFF;overflow:hidden; line-height:200%}
.test_cplbox .number{position:absolute; margin-left:-27px;}
.test_cplbox .ans{padding:10px;overflow:hidden; border-top:1px dashed #DEC28F}
.test_cplbox .creator {color:#666;}
.ans .commentary{overflow:hidden; border-right:1px dashed #DEC28F}
.ans .commentary p.ttlss{ font-weight:bold; color:#C63}
.ans .commentary p.subss{ margin-top:10px; padding-right:30px; color:#C96; width:600px;}

.ans .commentary2 p.ttlss{ font-weight:bold; color:#C63}

.test_cplbox ol {margin:15px 0 15px 60px;}
.test_cplbox ol li{ list-style:decimal; margin-top:10px; overflow:visible}
.test_cplbox ol li.selected { color:#F00; font-weight:bold }
.test_cplbox ol li.wrong { color:#F00; font-weight:bold;text-decoration:line-through }
.test_cplbox ol li.correct { color:#39F; font-weight:bold }
.test_cplbox .ox {position:absolute;bottom:25px;right:5px;}
.test_check{position:absolute; margin:15px}
.test_check2{position:relative; display:block; width:12px; float:left; margin-left:-40px; *margin-left:-48px; padding:0px;}


.layer_alert{position:absolute; left:50%; margin-left:-125px; top:340px; overflow:hidden; z-index:50000}
.layer_alert2{position:absolute; left:50%; margin-left:-225px; top:210px; overflow:hidden; z-index:50000}
.layer_top{height:11px; width:450px; background:url(../images/common/layer_top.png) no-repeat}
.layer_center{padding:30px 40px; background:url(../images/common/layer_center.png) repeat-y; text-align:center;}
.layer_bottom{height:14px; background:url(../images/common/layer_bottom.png) no-repeat}
.shadow{margin-top:50px; margin-left:40px}
.layer_s_top{height:16px; width:460px; background:url(../images/common/layer_s_top.png) no-repeat}
.layer_s_center{ width:460px; background:url(../images/common/layer_s_center.png) repeat-y;}
.layer_s_bottom{height:16px; width:460px; background:url(../images/common/layer_s_bottom.png) no-repeat}

.layer_center.btn a{ display:block; width:298px; margin:0 auto}
.layer_center.btn a.btn_start{ background:url(./images/btn/btn_start.jpg) center 0 no-repeat; width:298px; height:90px}
.layer_center.btn a:hover.btn_start{ background:url(./images/btn/btn_start.jpg) center -90px no-repeat; width:298px; height:90px}

.report_list {width:770px;margin-left:50px; padding-bottom:50px}
.report_list ul li{ float:left; margin-right:1px; margin-bottom:1px}
.submitted {background: #68D1F9; border:1px solid #0D6DE3; color:#FFF}
.non-submitted {background: #F5B46B; border:1px solid #FF2828; color:#FF2828}
.check-report {background: #EEE; border:1px solid #ccc; color:#666}
.model{margin:5px 10px 0 5px}

.submitted_spl {background: #68D1F9; border:1px solid #0D6DE3; color:#FFF; width:20px; height:20px; cursor:pointer}
.non-submitted_spl {background: #F5B46B; border:1px solid #FF2828; color:#FF2828; width:20px; height:20px; cursor:pointer}
.check-report_spl {background: #EEE; border:1px solid #ccc; color:#666; width:20px; height:20px; cursor:pointer}


/* copy */
.copy{ width:500px; margin:50px auto 20px; color:#ccc; text-align:center; font-size:9px;}

/* BTN */
.btn_pack,
.btn_pack *{display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0;background:url(../images/btn/btn_pack.gif) no-repeat;font-size:12px;font-family:Tahoma, Sans-serif;color:#333;text-decoration:none !important;vertical-align:top;white-space:nowrap}
.btn_pack{margin-right:4px}
.btn_pack *{left:4px;cursor:pointer;_cursor:hand}
.btn_pack.medium,
.btn_pack.medium *{height:24px;line-height:24px}
.btn_pack.large,
.btn_pack.large *{height:30px;line-height:30px}
.btn_pack.xlarge,
.btn_pack.xlarge *{height:36px;line-height:36px}
.btn_pack.small,
.btn_pack.small *{height:19px;line-height:19px}
.btn_pack.medium{background-position:left 0}
.btn_pack.large{background-position:left -30px}
.btn_pack.xlarge{background-position:left -65px}
.btn_pack.small{background-position:left -106px}
.btn_pack.medium *{padding:0 10px 0 6px;background-position:right top;font-size:12px}
.btn_pack.large *{padding:0 10px 0 6px;background-position:right -30px;font-size:12px}
.btn_pack.xlarge *{padding:0 10px 0 6px;background-position:right -65px;font-size:20px}
.btn_pack.small *{padding:0 6px 0 2px;background-position:right -106px;font-size:11px}
.btn_pack *:hover,
.btn_pack *:active,
.btn_pack *:focus{color:#690}
.btn_pack.strong *{font-weight:bold !important}
.btn_pack.icon *{padding-left:20px}
.btn_pack.small.icon *{padding-left:16px}
.btn_pack.icon span{width:20px;margin-right:-20px;padding:0 !important}
.btn_pack.medium .check{background-position:4px -150px}
.btn_pack.large .check{background-position:4px -146px}
.btn_pack.xlarge .check{background-position:5px -144px}
.btn_pack.small .check{background-position:3px -153px}
.btn_pack.medium .add{background-position:-16px -150px}
.btn_pack.large .add{background-position:-14px -146px}
.btn_pack.xlarge .add{background-position:-14px -144px}
.btn_pack.small .add{background-position:-18px -153px}
.btn_pack.medium .delete{background-position:-34px -150px}
.btn_pack.large .delete{background-position:-34px -146px}
.btn_pack.xlarge .delete{background-position:-34px -144px}
.btn_pack.small .delete{background-position:-37px -153px}
.btn_pack.medium .calendar{background-position:-56px -150px}
.btn_pack.large .calendar{background-position:-56px -146px}
.btn_pack.xlarge .calendar{background-position:-56px -144px}
.btn_pack.small .calendar{background-position:-59px -153px}
.btn_pack.medium .refresh{background-position:-76px -150px}
.btn_pack.large .refresh{background-position:-76px -146px}
.btn_pack.xlarge .refresh{background-position:-76px -144px}
.btn_pack.small .refresh{background-position:-79px -153px}
.btn_pack.medium .download{background-position:-96px -151px}
.btn_pack.large .download{background-position:-96px -147px}
.btn_pack.xlarge .download{background-position:-96px -145px}
.btn_pack.small .download{background-position:-99px -154px}

.btn_pack.medium .all{background-position:-245px -150px}

.btn_pack.medium .srch{background-position:-156px -150px}
.btn_pack.large .srch{background-position:-156px -147px}

.btn_pack_ex,
.btn_pack_ex *{display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0;background:url(./images/btn/btn_pack2.gif) no-repeat;font-size:12px;font-family:Tahoma, Sans-serif;color:#333;text-decoration:none !important;vertical-align:top;white-space:nowrap}
.btn_pack_ex{margin-right:4px}
.btn_pack_ex *{left:4px;cursor:pointer;_cursor:hand}
.btn_pack_ex.medium,
.btn_pack_ex.medium *{height:24px;line-height:24px}
.btn_pack_ex.medium{background-position:left 0}
.btn_pack_ex.medium *{padding:0 5px 0 6px;background-position:right top;font-size:12px}
.btn_pack_ex *:hover,
.btn_pack_ex *:active,
.btn_pack_ex *:focus{color:#690}
.btn_pack_ex.strong *{font-weight:bold !important}
.btn_pack_ex.icon *{padding-left:20px}
.btn_pack_ex.icon span{width:16px;margin-right:-20px;padding:0 !important}

.btn_pack_ex.medium .srch{background-position:-272px -150px}
.btn_pack_ex.medium .gbg{background-position:-295px -149px}
.btn_pack_ex.medium .pen{background-position:-317px -149px}
.btn_pack_ex.medium .mdf{background-position:-341px -149px}
.btn_pack_ex.medium .dnld{background-position:-370px -149px}
.btn_pack_ex.medium .cht{background-position:-397px -148px}
.btn_pack_ex.medium .nxt{background-position:-420px -148px}
.btn_pack_ex.medium .pctr{background-position:-439px -147px}

/* UI Object */
a.btn_big{display:inline-block;padding-right:4px;background:url(http://static.naver.com/groupware/2010/bg_btn_default.gif) no-repeat 100% 0;font-family:'돋움',dotum;font-size:12px;color:#444;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}
a.btn_big span,a.btn_big strong{display:block;padding:1px 8px 0 12px;background:url(http://static.naver.com/groupware/2010/bg_btn_default.gif) no-repeat}
a.btn_sml{display:inline-block;padding-right:4px;background:url(http://static.naver.com/groupware/2010/bg_btn_default.gif) no-repeat 100% -27px;font-family:'돋움',dotum;font-size:11px;color:#444;line-height:21px;letter-spacing:-1px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}
a.btn_sml span,a.btn_sml strong{display:block;padding:1px 4px 0 8px;background:url(http://static.naver.com/groupware/2010/bg_btn_default.gif) no-repeat 0 -27px}
/* //UI Object */

/* //BTN .btn_pack.large .test_icon{background-position: }*/


.book_img {
	border:1px solid #ccc;
	box-shadow: 0 0 15px #888888;
}

.tooltip
{
  background: #eaeaea;  
  display: inline-block;
  text-decoration: none;
  color: #222;
  outline: none;
}

.tooltip span
{
  visibility: hidden;
  position: absolute; 
  left: -170px;
  top:90px;
  z-index:9999;
  width: 520px;
  padding: 10px;
  border: 2px solid #ccc;
  background-color: #fff;                     
  background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));  
  -moz-border-radius: 4px;
  border-radius: 4px;  
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;  
  text-shadow: 0 1px 0 rgba(255,255,255,.4); 
}

.tooltip:hover
{
  border: 0; /* IE6 fix */
  z-index:9999;
}

.tooltip:hover span
{
  visibility: visible;
  z-index:9999;
}

.tooltip span:before,
.tooltip span:after
{
  content: "";
  position: absolute;
  z-index:9999;
  bottom: -7px;
  left: 50%;
  margin-left: -8px;  
  border-top: 8px solid #ddd;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;        
  border-bottom: 0;  
}

.tooltip span:before{ border-top-color: #ccc; bottom: -8px; }





#bcategorybox ul { display:inline-block; }
#bcategorybox ul li { 
	display:inline;
	width:100%;
	float: left;
	text-align: left;
	list-style: none;
	margin-left: 14px;
	padding: 0px;
	line-height:30px; 
}
#bcategorybox span a { 
	width: 65px;
  color: #A72121;
  text-decoration: none;
  color: #000;
  background-color: transparent;
  padding: 7px 5px;
  margin: 5px 5px;
}

#bcategorybox span a:hover { 
	 padding: 7px 5px;
  margin: 5px 5px;
	background-color: #A72121;
  color: #FFFFFF;
  border-radius: 5px;
  cursor: pointer;
}

#bcategorybox span a.on {
  background-color: #A72121;
  color: #FFFFFF;
  border-radius: 5px;
  cursor: pointer;
}

#bcategorybox ul li a { 
	width: 65px;
  padding: 7px 5px;
  margin: 5px 5px;
  color: #A72121;
  text-decoration: none;
  color: #000;
  background-color: transparent;
}

#bcategorybox ul li a:hover { 
	
	background-color: #A72121;
  color: #FFFFFF;
  border-radius: 5px;
  cursor: pointer;
}

#bcategorybox ul li a.on {
  background-color: #A72121;
  color: #FFFFFF;
  border-radius: 5px;
  cursor: pointer;
}
.exam-join {
    width: 650px;
    margin: 0 auto;
}
.exam-join > * {
    
}
.exam-join-title {
    font-size: 16px;
    text-align: center;
    padding: 20px;
    margin: 20px;
}
.exam-join table {
    width: 100%;
    text-align: left;
}
.exam-join table th {
    width: 100px;
}
.exam-join table th,
.exam-join table td {
    vertical-align: middle;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    padding: 12px;
}
.exam-join table th {
    background-color: #efefef;
    color: #333;
}
.exam-join table td input[type="text"] {
    padding: 5px;
}
.exam-join table td.num input[type="text"] {
    width: 50px;
}
.exam-join .agree {
    margin-top: 30px;
}
.exam-join .agree textarea {
    width: 100%;
    height: 150px;
}
.exam-join .agree .agree-term {
    float: right;
}
.exam-join .app_btn {
    margin-top: 30px;
    text-align: center;
}
.test-result {
    width: 1000px;
    margin: 0 auto;
    padding: 20px 0 100px;
}
.test-result h1 {
    text-align: center;
    padding: 30px;
    font-size: 24px;
}
.test-result .total {
    text-align: right;
}
.test-result .total dt,
.test-result .total dd {
    display: inline-block;
}
.test-result .total dt {
    margin-left: 15px;
}
.test-result .total dd strong {
    font-size: 16px;
}
.test-result table {
    width: 100%;
    margin-top: 15px;
    border-spacing: 0;
}
.test-result table th,
.test-result table td {
    vertical-align: middle;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    padding: 12px;
    text-align: center;
}
.test-result table th {
    background-color: #efefef;
    color: #333;
}

.sub_container {
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 4px;
}