@charset 'utf-8';




.h2_tit{ margin-bottom:10px; font-size:14px; color:#333; background:url('/images/histMgt/images/h2_bullet.gif') no-repeat 0 1px; padding-left:12px; }

.h3_tit{ margin-bottom:8px; font-size:13px; color:#444; clear:both; }
.h3_tit .input{ width:200px; height:24px; line-height:24px; padding-left:5px; font-weight:bold; color:#444; font-size:14px; border:1px solid #ddd; background:#fafafa;}
.h3_tit .radio{ vertical-align:middle; margin-right:3px; }


.dot_line{ border-bottom:1px dashed #bbb; margin-bottom:30px;}
.gray_box{ padding:10px 15px; text-align:left; margin-bottom:15px; border-radius:5px; background:#f9f9f9; border:1px solid #eee; color:#555; display:block; font-size:12px; }

.s_tit p{ color:#444; text-align:left; font-weight:bold; margin-bottom:7px;}
.s_tit p input{ vertical-align:middle; margin-right:5px;}

/*타이틀 등록*/
.t_form01{ width:100%; border-top:2px solid #31a6d2; border-left:1px solid #ddd; margin-bottom:15px;}
.t_form01 th,.t_form01 td{ border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center; white-space:nowrap; line-height:18px; }
.t_form01 th{ padding:5px 0; color:#333; background:#f9f9f9;}
.t_form01 td{  padding:5px 0;  color:#666;  }
.t_form01 td .input01{ width:55%; text-align:center; margin-right:5px; height:20px; padding-left:3px; border:1px solid #ddd; background:#fafafa; font-weight:bold; color:#444;}
.t_form01 td .input02{ width:15%; text-align:center; margin-right:5px; height:20px; padding-left:3px; border:1px solid #ddd; background:#fafafa;}


/*교사소개 등록*/
.t_form02{ width:100%; border-top:2px solid #31a6d2; border-left:1px solid #ddd; margin-bottom:15px;}
.t_form02 th,.t_form02 td{ border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center; white-space:nowrap; line-height:18px; }
.t_form02 th{ padding:6px; color:#333; background:#f9f9f9;}
.t_form02 td{  padding:5px 3px;  color:#666;  }
.t_form02 td input{ width:80%; text-align:center; height:20px; padding-left:3px; border:1px solid #ddd; background:#fafafa;}

.t_form04{ width:100%; border-top:2px solid #31a6d2; border-left:1px solid #ddd; margin-bottom:15px;}
.t_form04 th,.t_form04 td{ border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center; white-space:nowrap; line-height:18px; }
.t_form04 th{ padding:6px; color:#333; background:#f9f9f9;}
.t_form04 td{  padding:5px 0 5px 10px;  color:#666; text-align:left;  }
.t_form04 td input{ width:80%; text-align:center; height:20px; padding-left:3px; border:1px solid #ddd; background:#fafafa;}

/*테이블*/
.tableHis{ width:100%; border-top:2px solid #407dda; border-left:1px solid #ddd; }
.tableHis caption{ background:url('/images/template/00013/sub/icon_arrow.gif') no-repeat 0 3px; padding:10px 0 17px 15px; text-align:left; font-weight:bold; font-size:14px; color:#4d6fd4; }
.tableHis th,.tableHis td{ border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.tableHis th{background:#f9f9f9;padding: 12px 0;text-align:center;}
.tableHis td{padding: 7px 12px;word-break: keep-all;text-align:center;vertical-align: middle;}


.t_form03{ width:48%; border-top:2px solid #31a6d2; border-left:1px solid #ddd; margin-bottom:15px;}
.t_form03 th,.t_form03 td{ border-bottom:1px solid #ddd; border-right:1px solid #ddd; white-space:nowrap; line-height:18px; }
.t_form03 th{ padding:6px; color:#333; background:#f9f9f9; text-align:center;}
.t_form03 td{ padding:5px 0 5px 10px;  color:#666; text-align:left;  }
.t_form03 td input{ width:80%; text-align:center; height:20px; padding-left:3px; border:1px solid #ddd; background:#fafafa;}


.btn_R{ float:right; text-align:right; margin-bottom:20px; clear:both; width:100%;}
.btn_R span{ margin-left:3px;}
.btn_L{ float:left; text-align:left; margin-bottom:20px; clear:both; width:100%;}
.btn_L span{ margin-right:3px;}
.btn_C{ text-align:center; margin-bottom:20px; clear:both; width:100%;}
.btn_C span{ margin-right:3px;}

table .slash{background:url(/images/template/01309/sub/slash.png); background-size: 100% 100%;text-align: left;}


/* Button Reset */
.button,
.button a,
.button button,
.button input { position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:Tahoma, Sans-serif; white-space:nowrap; background:url('/images/schlHistNew/images/buttonWhite.gif') no-repeat; overflow:visible; color:#333;}
.button { height:23px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top;}
.button a,
.button button,
.button input{ left:2px; vertical-align:top; cursor:pointer;}

/* Button Size */
.button.large { height:29px; background-position:left -30px; }
.button.xLarge { height:35px; background-position:left -65px; }
.button.small { height:18px; background-position:left -107px; }
.button a,
.button button,
.button input { height:23px; padding:0 10px 0 8px; font-size:12px; line-height:23px; background-position:right top;}
.button.large a,
.button.large button,
.button.large input { height:30px; padding:0 10px 0 8px; font-size:16px; line-height:29px; background-position:right -30px;}
.button.xLarge a,
.button.xLarge button,
.button.xLarge input { height:35px; padding:0 10px 0 8px; font-size:20px; line-height:35px; background-position:right -65px;}
.button.small a,
.button.small button,
.button.small input { height:18px; padding:0 6px 0 4px; font-size:11px; line-height:18px; background-position:right -107px;}

/* Button Text Color */
.button *:hover,
.button *:active,
.button *:focus{ color:#1d96c3;}
.button.green,
.button.green a,
.button.green button,
.button.green input { background-image:url('/images/apple/histMgt/images/buttonGreen.gif'); color:#fff;}
.button.green *:hover,
.button.green *:active,
.button.green *:focus{ color:#d5f0a7;}
.button.black,
.button.black a,
.button.black button,
.button.black input { background-image:url('/images/apple/histMgt/images/buttonBlack.gif'); color:#fff;}
.button.black *:hover,
.button.black *:active,
.button.black *:focus{ color:#e5e5e5;}
.button.red,
.button.red a,
.button.red button,
.button.red input { background-image:url('/images/apple/histMgt/images/buttonRed.gif'); color:#fff;}
.button.red *:hover,
.button.red *:active,
.button.red *:focus{ color:#ffe4cf;}
.button.blue,
.button.blue a,
.button.blue button,
.button.blue input { background-image:url('/images/apple/histMgt/images/buttonBlue.gif'); color:#fff;}
.button.blue *:hover,
.button.blue *:active,
.button.blue *:focus{ color:#c3e3ef;}

.txt_l{text-align:left !important; }

/* Button Text Strong */
.button.strong * { font-weight:bold !important;}