@charset "utf-8";
@import url('css.css');
@import url('tablestyle.css');

body {
	background-color:transparent
}
#contents_wrap {
	margin:0;
	padding:0;
	background:url(../img/c_bg1.gif) 0 0 repeat-x;
}
h1.st {
	padding:23px 0 10px 55px;
	background:url(../img/st.png) 27px 26px no-repeat;
	font-family:'나눔고딕', 'NanumGothic', 'ng', sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#534d4b;
}
.bt_tip {
	margin-left:20px;
}
.article {
	margin:32px 27px;
}
.tip {
	position:relative;
	margin-bottom:25px;
	padding:1px;
	background:url(../img/bg_dot1.gif) 0 0;
}
.tip>.innertube {
	padding:11px 11px 11px 30px;
	background:url(../img/point.gif) 16px 14px no-repeat #faf9f7;
}
.tip .lt {
	position:absolute;
	top:0;
	left:0;
	width:11px;
	height:11px;
	background:url(../img/ro01_corner01.png) 0 0 no-repeat;
}
.tip .rt {
	position:absolute;
	top:0;
	right:0;
	width:11px;
	height:11px;
	background:url(../img/ro01_corner02.png) 0 0 no-repeat;
}
.tip .lb {
	position:absolute;
	bottom:0;
	left:0;
	width:11px;
	height:11px;
	background:url(../img/ro01_corner03.png) 0 0 no-repeat;
}
.tip .rb {
	position:absolute;
	bottom:0;
	right:0;
	width:11px;
	height:11px;
	background:url(../img/ro01_corner04.png) 0 0 no-repeat;
}
.tip .close {
	position:absolute;
	top:50%;
	right:20px;
	margin-top:-15px;
}
.tip .close a {
	display:block;
	padding:8px;
	width:11px;
	height:10px;
}
.btn_wrap {
	margin-bottom:13px;
}
.bt_group {
	float:left;
	margin:0 4px;
}
/* box style */
/* box01 */
.box01 {
	position:relative;
	margin-bottom:11px;
	padding:3px;
	background:#fff;
	border:1px solid #acacac;
}
.box01>.innertube {
	padding:9px;
	background:#ececec;
}
.box01>.lt {
	position:absolute;
	top:-1px;
	left:-1px;
	width:13px;
	height:13px;
	background:url(../img/ro02_corner01.png) 0 0 no-repeat;
}
.box01>.rt {
	position:absolute;
	top:-1px;
	right:-1px;
	width:13px;
	height:13px;
	background:url(../img/ro02_corner02.png) 0 0 no-repeat;
}
.box01>.lb {
	position:absolute;
	bottom:-1px;
	left:-1px;
	width:13px;
	height:13px;
	background:url(../img/ro02_corner03.png) 0 0 no-repeat;
}
.box01>.rb {
	position:absolute;
	bottom:-1px;
	right:-1px;
	width:13px;
	height:13px;
	background:url(../img/ro02_corner04.png) 0 0 no-repeat;
}
/* box02 */
.box02 {
	position:relative;
	margin-bottom:11px;
	background:url(../img/box1_bg_top.gif) 0 0;
	border:1px solid #c7c7c7;
}
.box02>.innertube {
	padding:12px 18px;
}
.box02>.lt {
	position:absolute;
	top:-1px;
	left:-1px;
	width:13px;
	height:13px;
	background:url(../img/ro03_corner01.png) 0 0 no-repeat;
}
.box02>.rt {
	position:absolute;
	top:-1px;
	right:-1px;
	width:13px;
	height:13px;
	background:url(../img/ro03_corner02.png) 0 0 no-repeat;
}
.box02>.lb {
	position:absolute;
	bottom:-1px;
	left:-1px;
	width:13px;
	height:13px;
	background:url(../img/ro03_corner03.png) 0 0 no-repeat;
}
.box02>.rb {
	position:absolute;
	bottom:-1px;
	right:-1px;
	width:13px;
	height:13px;
	background:url(../img/ro03_corner04.png) 0 0 no-repeat;
}
/* box03 */
.box03 {
	position:relative;
	margin-bottom:11px;
	background:#fff;
	border:1px solid #c7c7c7;
}
.box03>.innertube {
	padding:20px 18px;
}
.box03>.lt {
	position:absolute;
	top:-1px;
	left:-1px;
	width:13px;
	height:13px;
	background:url(../img/ro04_corner01.png) 0 0 no-repeat;
}
.box03>.rt {
	position:absolute;
	top:-1px;
	right:-1px;
	width:13px;
	height:13px;
	background:url(../img/ro04_corner02.png) 0 0 no-repeat;
}
.box03>.lb {
	position:absolute;
	bottom:-1px;
	left:-1px;
	width:13px;
	height:13px;
	background:url(../img/ro04_corner03.png) 0 0 no-repeat;
}
.box03>.rb {
	position:absolute;
	bottom:-1px;
	right:-1px;
	width:13px;
	height:13px;
	background:url(../img/ro04_corner04.png) 0 0 no-repeat;
}
/* box_top */
.box_top {
	margin-bottom:0;
}
.box_top>.lb,
.box_top>.rb {
	display:none;
}
.box_top .label_text {
	margin-left:25px;
	padding-left:19px;
	background:url(../img/ic01.gif) 6px 50% no-repeat;
	font-weight:bold;
	color:#5d5d5d;
}
.box_top .label_text:first-child {
	margin-left:0;
}

/* box_bottom */
.box_bottom {
	border-top:none;
}
.box_bottom>.lt,
.box_bottom>.rt {
	display:none;
}
/**/
.box_title {
	font-family:'나눔고딕', 'NanumGothic', 'ng', sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#312d2c;
	line-height:28px;
}


/* Table Style */
table{border-collapse:collapse;}
table label {margin:0;}
/*table_style01*/
.table_style01 {
	margin-bottom:34px;
}
.table_style01 .ts01_line_fir {
	padding-left:3px;
	background:url(../img/table_style02.png) 0 0;
}
.table_style01 .ts01_line_lst {
	padding-right:3px;
	background:url(../img/table_style03.png) 100% 0;
}
.ts01_line_lst span {
	display:block;
	height:3px;
	background:#3e3e3e;
}
.table_style01 table,
.table_style01 tr,
.table_style01 th,
.table_style01 td {border-collapse:collapse;}
.table_style01 table {
	width:100%;
}
/* horizontal */
.table_style01 .horizontal th,
.table_style01 .horizontal td {
	padding:8px 4px;
	vertical-align:middle;
	text-align:center;
}
.table_style01 .horizontal thead th,
.table_style01 .horizontal thead td {
	background:url(../img/table_style01.png) 50% 0;
	border-left:1px solid #939291;
	border-bottom:1px solid #616161;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
.table_style01 .horizontal thead .first {
	border-left:1px solid #616161;
}
.table_style01 .horizontal thead .last {
	border-right:1px solid #616161;
}
.table_style01 .horizontal tbody th,
.table_style01 .horizontal tbody td {
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
	color:#626262;
}
.table_style01 .horizontal tbody th:first-child,
.table_style01 .horizontal tbody td:first-child {	border-left:1px solid #dedede; }
.table_style01 .horizontal tbody th {
	background:#f8f8f8;
	color:#393939;
	font-weight:bold;
}
/* vertical */
.table_style01 .vertical th,
.table_style01 .vertical td {
	padding:8px 4px;
	vertical-align:middle;
	text-align:center;
}
.table_style01 .vertical th,
.table_style01 .vertical td {
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
	color:#626262;
}
.table_style01 .vertical th {
	background:url(../img/table_style01.png) 50% 0;
	border-right:1px solid #616161;
	border-left:1px solid #616161;
	border-bottom:1px solid #616161;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
.table_style01 .vertical td {
	color:#626262;
}

/* table01 */
.table01 {
	width:100%;
	border-top:1px solid #5e5e5e;
}
.table01 table,
.table01 tr,
.table01 th,
.table01 td {border-collapse:collapse;}
.table01 table {
	width:100%;
}
.table01 th,
.table01 td {
	padding:8px 4px;
	border:1px solid #dfdfdf;
	vertical-align:middle;
	text-align:center;
}
.table01 thead th,
.table01 thead td {
	background:#f8f8f8;
	border-top:0;
	color:#676767;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
.table01 tbody th,
.table01 tbody td {
	border:1px solid #dedede;
	color:#626262;
}

/***table02***/
.table02 {
	width:100%;
	border-top:1px solid #5e5e5e;
}
.table02 table,
.table02 tr,
.table02 th,
.table02 td {border-collapse:collapse;}
.table02 table {
	width:100%;
}
.table02 th,
.table02 td {
	padding:8px 4px;
	border:1px solid #dfdfdf;
	vertical-align:middle;
}
.table02 tr:first-child th,
.table02 tr:first-child td {border-top:0;}
.table02 th {
	padding-left:15px;
	background:#f8f8f8;
	color:#676767;
	font-size:12px;
	font-weight:bold;
	text-align:left;
}
.table02 td {
	text-align:left;
	padding-right:10px;
	padding-left:10px;
}
.table02 thead th,
.table02 thead td {
	background:#f8f8f8;
	border-top:0;
	color:#676767;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
.table02 tbody th,
.table02 tbody td {
	border:1px solid #dedede;
	color:#626262;
}

/* Tab Style */
.tab1 {
	margin-bottom:25px;
	background:url(../img/tab1_bg.png) 0 0;
}
.tab1 li {
	float:left;
	width:161px;
	height:32px;
	margin-right:1px;
	padding-right:9px;
	background-image:url(../img/tab.png);
	background-repeat:no-repeat;
	background-position:100% -40px;
	font-family:'나눔고딕', 'NanumGothic', 'ng', sans-serif;
	font-size:13px;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
.tab1 li a {
	display:block;
	padding:9px;
	padding-right:0;
	background-image:url(../img/tab.png);
	background-repeat:no-repeat;
	background-position:0 -40px;
	color:#fff;
}
.tab1 li.on {
	background-position:100% 0;
}
.tab1 li.on a {
	background-position:0 0;
	font-size:14px;
	color:#9c2b2e;
}
/* Column Style */
.col_group {
	float:left;
	margin-bottom:17px;
}
.onecol { width:100%; }
.twocol_one { width:50%; *width:49.999%; }
.threecol_one { width:33.333%; }
.threecol_two { width:66.666%; }
.fourcol_one { width:25%; *width:24.999%;}
.fourcol_two { width:50%; *width:49.999%;}
.fourcol_three { width:75%; *width:74.999%;}

.col_group>.innertube {
	margin-right:7px;
}
.col_group.last>.innertube{
	margin-right:0;
}
/* Board Style */
.board_search {
	margin:12px 0;
}
.board_search .list_num {
	float:left;
	padding-top:5px;
	font-family:'나눔고딕', 'NanumGothic', 'ng', sans-serif;
	font-size:13px;
	color:#413c50;
}
.board_search .select_text,
.board_search .input_text {
	padding: 2px 2px 3px;
}
.board_search .btn03 {
	margin:2px 0;
}
.board_list {
	width:100%;
	border-top:2px solid #444;
	font-family:'나눔고딕', 'NanumGothic', 'ng', sans-serif;
}
.board_list table,
.board_list tr,
.board_list th,
.board_list td {border-collapse:collapse;}
.board_list table {
	width:100%;
}
.board_list th,
.board_list td {
	padding:8px 4px;
	vertical-align:middle;
	text-align:center;
}
.board_list thead th,
.board_list thead td {
	padding:10px 4px;
	background:#f4f4f4;
	border-bottom:1px solid #444;
	color:#565553;
	font-size:13px;
	font-weight:bold;
	text-align:center;
}
.board_list tbody th,
.board_list tbody td {
	border-bottom:1px solid #cbcbcb;
	color:#626262;
}
.board_list .al_left {
	text-align:left;
}
/* Page Style */
.paging {
	margin:20px 0;
	text-align:center;
	font-family:'나눔고딕', 'NanumGothic', 'ng', sans-serif;
}
.paging a {
	display:inline-block;
	padding:13px 0 12px;
	width:45px;
	background:#fff;
	border:1px solid #ccc;
	color:#727272;
	font-size:13px;
	text-decoration:none;
	vertical-align:middle;
}
.paging a:hover,
.paging a:active,
.paging a:focus {
	border:1px solid #292929;
	color:#5c5c5c;
}
.paging .on {
	background:#5c5c5c;
	border:1px solid #292929;
	color:#fff;
}
.paging .direction {
	margin:0;
	padding:0;
	width:43px;
	height:43px;
	border:1px solid #d4d4d4;
	background:url(../img/paging_direction_bg.gif) 0 100% repeat-x #fff;
}
.paging .prev1 {margin-right:20px;}
.paging .next1 {margin-left:20px;}

/* Button Style */
.btn01 {
	display:inline-block;
	padding-right:3px;
	background:url(../img/bt/btn.png) 100% 0 no-repeat;
	font-family:돋움, 돋움체, Dotum, DotumChe, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#464d5a;
	line-height:1;
	white-space:nowrap;
	text-decoration:none;
}
.btn01 span {
	display:block;
	padding:9px 11px 9px 14px;
	background:url(../img/bt/btn.png) 0 0 no-repeat;
}
.btn01_green {
	background:url(../img/bt/btn.png) 100% 0 no-repeat;
}
.btn01_green span {
	background:url(../img/bt/btn.png) 0 0 no-repeat;
}
.btn01_red {
	background:url(../img/bt/btn.png) 100% -40px no-repeat;
}
.btn01_red span {
	background:url(../img/bt/btn.png) 0 -40px no-repeat;
}

.btn02 {
	float:left;
	display:block;
	margin-right:6px;
	padding-right:22px;
	background:url(../img/bt/btn.png) 100% -120px no-repeat;
	font-family:돋움, 돋움체, Dotum, DotumChe, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#333;
	line-height:1;
	white-space:nowrap;
	text-decoration:none;
}
.btn02 span {
	display:block;
	padding:8px 3px 8px 11px;
	background:url(../img/bt/btn.png) 0 -120px no-repeat;
}
.btn02_arr {
	background:url(../img/bt/btn.png) 100% -160px no-repeat;
}
.btn02_arr span {
	background:url(../img/bt/btn.png) 0 -160px no-repeat;
}
.btn03 {
	display:inline-block;
	padding-right:3px;
	background:url(../img/bt/btn.png) 100% -80px no-repeat;
}
.btn03 span,
.btn03 button {
	display:block;
	padding:6px 12px 6px 15px;
	background:url(../img/bt/btn.png) 0 -80px no-repeat;
	font-family:'나눔고딕', 'NanumGothic', 'ng', sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#fff;
	line-height:1;
	white-space:nowrap;
	text-decoration:none;
}

/* Select Style */
.select {
	position:relative;
	line-height:normal;
	display:inline-block;
	*display:inline;
	vertical-align:middle;
	*zoom:1;
	z-index:999;
}
.select * {
	margin:0;
	padding:0;
	cursor:pointer;
	font-size:12px;
}
.select .myValue {
	position:relative;
	left:0;
	top:0;
	padding-right:22px;
	width:100%;
	background:url(../img/bt/btn.png) 100% -160px no-repeat;
	color:#333;
	*font-size:0;
	line-height:1;
	_line-height:1;
	text-align:left;
	overflow:visible;
	z-index:2;
}
.select .myValue span {
	display:block;
	*margin-top:0px;
	padding:8px 3px 8px 11px;
	*padding-top:7px;
	background:url(../img/bt/btn.png) 0 -160px no-repeat;
}

.select .myValue.selected {font-weight:bold;}
.select ul {
	top:25px;
	left:0;
	width:100%;
	list-style:none;
	overflow:hidden;
	z-index:999;
}
.select ul.aList {display:none;}
.select.open ul.aList {display:block;}
.select li {
	position:relative;
	overflow:hidden;
	white-space:nowrap;
	height:22px;
	border-left:1px solid #b4b4b4;
	border-right:1px solid #b4b4b4;
}
.select li a {
	display:block;
	padding:3px 0;
	text-indent:8px;
	*text-indent:6px;
	height:18px;
	line-height:18px;
	color:#767676;
	background:#fff;
	text-decoration:none;
}
.select li.last {
	padding-right:3px;
	height:25px;
	border-width:0;
	background:url(../img/bt/btn.png) 100% -212px no-repeat;
}
.select li.last a {
	padding:3px 0 6px;
	background:url(../img/bt/btn.png) 0 -212px no-repeat;
}
.select li.hover * {background:#b4b4b4; color:#fff;}
.select li.hover.last {
	background:url(../img/bt/btn.png) 100% -252px no-repeat;
}
.select li.hover.last a {
	background:url(../img/bt/btn.png) 0 -252px no-repeat;
}

/* width */
.w95 {width:95px}
.w105 {width:105px;}


/* ----- 2023-06-21 추가 ----- */
h3.tit{font-size:24px; font-weight:bold; font-family:'nb'; text-align:center;}

/* table width */
td.td_wid5{width:5%;}
td.td_wid10{width:10%;}
td.td_wid15{width:15%;}
td.td_wid20{width:20%;}

/* table style */
.BB_bk{border-bottom-color:#333 !important;}
.bg_color_pink{background:#f8f8f8 !important;}

/* table text */
.td_red{font-weight:bold; color:#b60005 !important; background:rgba(182,0,5,0.05) !important; font-size:14px;}
.td_gray{font-weight:bold; color:#111 !important; background:#eee !important;}

/* [강사]업적평가 > 근무현황 */
div.work-status{padding:2rem;}
div.work-status h2.ws-tit{margin-bottom:1rem; font-family:'NGB'; font-size:2rem;}
div.work-status div.ws-con table td{word-break:break-all;}
div.work-status div.ws-check{background:#f5f5f5; padding:1.5rem; margin-top:1rem; font-size:1.5rem; text-align:center; border:1px solid #ddd;}
div.work-status div.ws-check > p{font-family:'NGB'; margin-bottom:1rem;}
div.work-status div.ws-check input[type="radio"]{vertical-align:text-bottom; margin-right:3px;}
div.work-status div.ws-check input[type="radio"]:checked{font-weight:bold;}


/* 관리자모드 > 원서관리 > 파일다운로드  */
div.filereason{width:100%; height:100vh; padding:30px; background:#f5f5f5;  font-family:'ng';}
div.filereason h3.top-tit{font-size:15px; font-family:'ng'; font-weight:bold; margin-bottom:10px; color:#000;}
div.filereason div.inner{background:#fff; border-radius:10px; padding:20px; border:1px solid #ddd; box-shadow:0 10px 20px rgba(0,0,0,0.08);}
div.filereason div.inner div.txt-wrap{margin-bottom:10px;}
div.filereason div.inner div.txt-wrap p{font-size:13px;  text-align:left; font-family:'ng';}
div.filereason div.inner div.txt-wrap p.txt-dot{position:relative; padding-left:10px; margin-bottom:8px;}
div.filereason div.inner div.txt-wrap p.txt-dot:before{content:''; display:block; width:3px; height:3px; background:#c03d3d; border-radius:50%; position:absolute; top:8px; left:0;}
div.filereason div.inner div.inp-wrap{background:#f7f7f7; padding:20px; border:1px solid #eee; border-radius:8px;}
div.filereason div.inner div.inp-wrap span.inp-lab{display:inline-block; font-size:13px; font-weight:bold; font-family:'ng'; width:10%; text-align:center; color:#000;}
div.filereason div.inner input.reason-input{width:60%; font-size:15px; height:35px; padding:10px; border-radius:5px 0 0 5px; border:1px solid #333; border-right:0;}
div.filereason div.inner input.reason-confirm{height:35px; font-size:14px; line-height:35px; background:#333; color:#fff; padding:0 20px; border:1px solid #333; border-left:0; border-radius:0 5px 5px 0; margin-left:0; border:0; font-family:'ng';font-weight:bold;}