@charset "utf-8";
/*
Update Date : 2016. 4. 13
------------------------------------------------------------*/
/* content page
------------------------------------------------------------*/
.mainGate{
	width: 100%; 
	height:600px; 
	margin-top: -10px; 
	background:url('/images/back/common/admin-gate.jpg') center top no-repeat; 
}
.footerWrap {
	height: 50px; 
	padding: 18px 0 0 0; 
	border-top: 1 solid #a1a1a1;
	color: #a1a1a1; 
}
.naviKbi {
	min-width:1024px;
	height:38px;
	background: url('/images/back/common/bg_navi.gif') repeat-x left top;
}
.topNavi {
	position:relative;	
	height:38px;
}
.btnL {
	position:absolute;
	left:0px;
	top:0px;
	width:25px;
	display:block;
	z-index:1;
	background: url('/images/back/common/bg_navi.gif') repeat-x left top;
}
.btnR {
	position:absolute;
	right:0px;
	top:0px;
	display:block;
	z-index:1;
}
.topNavi > ul  {
	position:absolute;
	left:10px;
	top:0;
	padding:0;
	z-index:0;
}	
.topNavi > ul:after {
	content:" ";
	display:block;	
	clear:both;
}
.topNavi > ul > li {
	position:relative;
	width:140px;
	float:left;
}
.topNavi > ul > li.on, .topNavi > ul > li:hover {
	background: url('/images/back/common/bg_navi_on.gif') repeat-x left top;		
}
.topNavi > ul > li  > a {
	display:block;
	height:38px;
	line-height: 38px;
	text-align:center;
	color:#fff;
	font-size:15px;
	font-weight:700;
	font-family: '나눔  고딕','Nanum Gothic';	
}
.conKbi {
	min-width:1024px;
	margin:25px 40px 0;
}
.conKbi * {
	font-family: '나눔  고딕','Nanum Gothic';
	font-size:12px;	
}
.wrapHeader * {
	font-family: '나눔  고딕','Nanum Gothic';
	font-size:12px;	
}
.wrapHeader { 		
	position:relative;
	height:38px;
	min-width:1200px;
	padding:15px 0 11px 0;
	margin:0 40px;
	text-align:right;
	z-index:100;
}
.wrapHeader:after {
	content:" ";
	display:block;
}
.wrapHeader > h1 {
	float:left;
	margin:0px;
}
.wrapHeader > div {
	float:right;
}
.wrapHeader > div table td {
	padding: 0 5px;
}
.file_input_textbox {  
	display:none;
} 
.file_input_div { 
	position:relative; 
	display:block;
	width:16px;
	height:16px;
	overflow:hidden;
	background: url('/images/back/icon/icon_contents_view.gif') no-repeat;
}
.file_input_img_btn {
   padding:0 0 0 5px;
} 
.file_input_hidden {
   font-size:29px;
   position:absolute;
   right:0px;
   top:0px;
   opacity:0;
   filter: alpha(opacity=0);
   -ms-filter: alpha(opacity=0);
   cursor:pointer;
} 
.listNavi {
	position:relative;
	padding-left:22px;
	padding-top:3px;
	margin-bottom:10px;
	font-size:14px;
	color:#3a3a3a;
	font-weight:700;
	letter-spacing:-1px;
	background: url('/images/back/icon/icon_home.gif') no-repeat left 3px;
}
.btnDesc, .listNavi > a {
	position:absolute;
	right:0;
	top:0;
}
.boxForm {
	width:300px;
	display:inline-block;
	margin-left:10px;
	vertical-align:middle;
}
.iconRock {
	display:inline-block;
	padding-right:20px;
	line-height:1.3;
	background: url('/images/back/icon/icon_rock.gif') no-repeat right center;
}
.inpNum {
	overflow:hidden;
	text-align:left;
}
.inpNum > li {
	display:inline-block;
	margin-bottom:10px;
	text-align:center;  	
}
.inpNum > li:first-child {
	margin-left:0px;
}
.inpNum > li > span {
	background:#d1eaf2;
	display:inline-block;
}
.inpNum > li > span:first-child {
	background:#d3ddf0;
}
.inpNum  input[type="text"] {
	width:36px;
	height:21px;
	padding-top:3px;
	border:0px;
	color:#555555;
	text-align:center;
	background:transparent;
}

 /*button*/
.btnArea {
	clear:both;
	margin-top:15px;
	text-align:center;
}
.btnSearch, .btnReset {
	display:inline-block;
	width:59px;
	height:18px;
	padding-top:5px;
	text-align:center;
	border:1px solid #666666;
	font-size:12px;
	font-weight:700;
}
.btnSearch {
	color:#fff !important;
	background:#666666;
}
.btnReset {
	color:#666666;
	background:#ffffff;
}
.btnEvaluate {
	display:inline-block;
	width:130px;
	height:40px;
	vertical-align:middle;
	line-height:40px;
	font-size:16px;
	color:#fff;
	background:#646464;
}
.tabKbi {
	position:relative;
	margin:32px 0 0 0;
}
.tabKbi > ul {
	overflow:hidden;
	padding:0px;
	margin:0;
	border-bottom:1px solid #3e67b8;
}
.tabKbi > ul > li {
	float:left;
	min-width:65px;
	margin-left:-1px;
	padding:0 10px;
	text-align:center;
	border:1px solid #b2b2b2;
	border-bottom:none;
}
.tabKbi > ul > li:first-child {
  	margin-left:0px;
}
.tabKbi > ul > li  > a {
  	display:block;
  	padding:5px 0 4px 0; 
  	color:#3a3a3a;
}
.tabKbi > ul > li.on {
  	background: url('/images/back/common/tabOn.gif') repeat-x left top;
}
.tabKbi > ul > li.on > a {
  	color:#fff;
  	font-weight:700;
}
.tabKbi > input[type="button"] {
  	position:absolute;
  	right:0;
  	top:-3px;
}
.wrapPrint {
  	position:absolute;
  	right:0;
  	top:-10px;
}
.countBoard {
  	position:relative;
  	min-height:40px;
  	margin-top:20px;
  	overflow:hidden;
}
.countBoard  > span {
   	float:right;
}
.countBoard > span:first-child {
  	float:left;
  	color:#666767;
  	font-weight:700;
}  
.btnGray {
  	width:95px;
  	display:inline-block;
  	padding:4px 0;
  	text-align:center;
  	border:1px solid #a5a5a5;
  	color:#333333;
  	font-size:12px;
  	background:#eeeeee;
}
.tabTop {
	margin-top:10px;
 	background:url('/images/back/common/bg_tab.gif') repeat-x left bottom;
}
.tabTop > ul {
	margin:0 0 0 40px;
}
.tabTop > ul > li {
 	display:inline-block;
 	margin-right:1px;
 	padding:7px 12px 5px;
 	background:#17305a;
}
.tabTop > ul > li.on {
	position:relative;
	padding:6px 11px 5px;
	border:1px solid #17305a;
	border-bottom:none;
	background:#ffffff;
} 
.tabTop > ul > li > a {
 	display:inline-block;
 	font-size:12px;
 	color:#fff;
 	cursor:pointer;
 	font-weight:700;
}
.tabTop > ul > li > a+a {
	margin-left: 5px;
    font-size: 15px;
}
.tabTop > ul > li.on > a {
	color:#17305a;
}
.wrapRelative {
	overflow:hidden;
}
.wrapRelative  .boardWrite {
 	float:left;
 	width:30%;
  	margin-right:20px;
}
/* navi */
.kbiNavi {
 	min-width:150px;
	padding: 9px 22px 15px 12px;
	margin-top:-10px;
	border:1px solid #97b1e5;
	border-top:none;
	background:#fff;
}
.kbiNavi td {
	cursor:default;
	padding:3px 0 0 0;
	height: 24px;
}
.kbiNavi td img {
    margin-right: 5px;
}
.kbiNavi .submenu {
	color:#222222 !important;
	font-weight:normal !important; 
}
.kbiNavi .submenu_sub {
	padding-bottom:7px;
	color:#555555;
}
.kbiNavi td, .kbiNavi .submenu, .kbiNavi .submenu_sub {
	letter-spacing: -0.5px;
	font-size: 13px;
	font-family: '나눔  고딕','Nanum Gothic'; 
} 
.kbiNavi .submenu:visited, .kbiNavi .submenu_sub:visited {
	color:#222222 !important;
}
.kbiNavi .submenu:hover, .kbiNavi .submenu_sub:hover {
	color:#156eff !important;
	cursor:pointer;
}
 /* button */
.btnSkyCommon, .btnBlueCommon, .btnGrayCommon, .btnGrayCommon2, .btnGrayApply, .btnGrayMagnify {
 	display:inline-block;
 	padding:5px 14px 5px;
 	min-width:81px;
 	color:#ffffff !important;
 	font-weight:700;
 	font-size:12px;
 	cursor:pointer;
 	text-align:center;
  	border:1px solid #426fca;
  	background:#426fca;
}
.btnBlueCommon {
  	border:1px solid #153b86;
  	background:#153b86;
}
.btnGrayCommon {
 	border:1px solid #555555;
 	background:#555555;
}
.btnGrayCommon2 {
 	border:1px solid #555555;
 	background:#A6A6A6;
}
.btnGrayApply {
 	padding:5px 14px 5px 25px;
 	border:1px solid #555555;
 	background:#555555 url('/images/back/icon/icon_apply.png') no-repeat 10px center; 
}
.btnGrayMagnify {
 	min-width:31px;
 	padding:5px 25px 3px 14px; 
 	border:1px solid #555555;
 	background:#555555 url('/images/back/icon/icon_magnifying.png') no-repeat 90% center;
}
.btnGrayMagnify02 {
 	display:inline-block;
 	width:22px;
 	height:24px;
 	padding: 0;
 	vertical-align:middle;
 	border:none;
 	cursor:pointer;
 	background:url('/images/back/button/btnSearch.gif') no-repeat left top;
}
.btnSkyDown, .btnSkyPrint, .btnSkySms, .btnSkyMail {
 	display:inline-block;
    min-width: 31px;
    padding: 5px 14px 5px 30px;
    border:1px solid #426fca;
 	color:#fff !important;
 	font-weight:700;
 	font-size:12px;
 	text-align: center;
 	cursor:pointer;
}
.btnSkyDown {
 	background:#5c75a0 url('/images/back/icon/icon_download.png') no-repeat 8px center;
}
.btnSkyPrint {
 	padding: 5px 14px 5px 27px;
 	background:#5c75a0 url('/images/back/icon/icon_print.png') no-repeat 8px center;
}
.btnSkySms {
  	padding: 5px 14px 5px 27px;
 	background:#426fca url('/images/back/icon/icon_sms.png') no-repeat 8px center;
}
.btnSkyMail {
  	padding: 5px 14px 5px 27px;
 	background:#426fca url('/images/back/icon/icon_mail.png') no-repeat 8px center;
}
.btnbSkyCommon, .btnbGrayCommon, .btnbGrayCommon02, .btnbGrayCommon03 {
	display:inline-block;
	padding:5px 14px;
 	min-width:81px;
 	text-align:center;
 	font-weight:700;
 	font-size:12px;
 	cursor:pointer;
 	color:#406fc7 !important; 
 	border:1px solid #406fc7;
 	background:#ffffff;
}
.btnbGrayCommon {
 	color:#555555 !important;
 	border:1px solid #555555;
}
.btnbGrayCommon02 {
 	color:#333333 !important;
 	border:1px solid #a5a5a5;
 	background:#eeeeee;
}
.btnbGrayCommon03 {
 	color:#8d8989 !important;
 	border:1px solid #a5a5a5;
 	background:#eeeeee;
}
.btnSkyNext, .btnSkyLock, .btnSkyUnlock {
 	display:inline-block;
 	padding:5px 25px 5px 14px;
 	min-width:81px;
 	color:#fff !important;
 	font-weight:700;
 	font-size:12px;
 	border:1px solid #426fca;
 	cursor:pointer;
 	text-align:center;
 	background:#426fca url('/images/back/icon/paging-next_w.png') no-repeat 90% center;
}
.btnSkyLock {
 	min-width:61px;
 	background:#426fca url('/images/back/icon/btn_lock.png') no-repeat 83% center;
}
.btnSkyUnlock {
 	min-width:61px;
 	color:#fff !important;
 	background:#426fca url('/images/back/icon/btn_unlock.png') no-repeat 83% center;
}
.btnTBig {
	min-width:50px;
 	padding:4px 10px;
 	text-align:center;
 	vertical-align:middle;
 	border-radius:3px;
 	cursor:pointer;
 }
.btnTBig.btnSkyPrint {
	padding:4px 10px 4px 27px;
	text-align:center;
	vertical-align:middle;
	border-radius:3px;
	cursor:pointer;
}
.sbgrid_datagrid_GridWhole  .sbgrid_datagrid1_focusColor  .btnbSkyCommon  {
	color:#406fc7 !important; 
}
.sbgrid_datagrid_GridWhole  .sbgrid_datagrid1_focusColor .btnbGrayCommon03 {
	color:#8d8989 !important;
}
.btnFold {
  	display:inline-block;
  	min-width:58px;
  	padding:5px 20px 5px 11px;
  	border:1px solid #dfdfdf;
  	text-align:left;
  	color:#444444;
  	cursor:pointer;
  	background:#f7f7f7 url('/images/back/icon/icon_folder.gif') no-repeat 90% 7px;
}
.btnFoldO {
  	display:inline-block;
  	min-width:58px;
  	padding:5px 20px 5px 11px;
  	border:1px solid #dfdfdf;
  	text-align:left;
  	color:#444444;
  	cursor:pointer;
 	background:#f7f7f7 url('/images/back/icon/icon_folder_top.gif') no-repeat 90% 7px;
}
.btnEnroll {
	display:inline-block;
	width:60px;
	height:24px;
	float:right;
	padding:7px 14px 5px;
  	text-align:center;
	padding-top:10px;
	text-align:center;
	font-weight:700;
	color:#ffffff !important;
	font-size:14px !important;
	cursor:pointer;
	background:url('/images/back/common/bg_btnGray.gif') no-repeat left top;
}
.btnPurple {
	display:table-cell;
	width:80px;
	padding:0 10px;
	height:80px;
	margin-right:25px;
	vertical-align:middle;
	text-align:center;
	color:#ffffff !important;
	cursor:pointer;
	background:url('/images/back/button/btn_purple.gif') no-repeat left top;
}
.btnCyber, .btnTextbook, .btnAvi, .btnDisable {
	display:inline-block;
	width:209px;
	height:25px;
	padding:9px 0 0 0;
	text-align:center;
	border:1px solid #009dc8; 		
	color:#ffffff !important;
	font-weight:700;
	font-size:14px !important;
	cursor:pointer;
	background:#46accd;
}
.btnTextbook {
	border:1px solid #326ac2;
	background:#4f79c5;
}
.btnAvi {
	border:1px solid #8668c8;
	background:#9078ca;
}
.btnDisable {
	border:1px solid #999999;
	background:#aaaaaa;
}
.btnArrowL, .btnArrowR {
	display:inline-block;
	width:20px;
	height:45px;
	cursor:pointer;
	border:none;
	background:url('/images/back/button/btn_arrow_L.png') no-repeat left top;
}
.btnArrowR {
	background:url('/images/back/button/btn_arrow_r.png') no-repeat left top;
}
.btnBottom, .btnBottomDis, .btnTop, .btnTopDis {
	display:inline-block;
	width:19px;
	height:18px;
	cursor:pointer;
	border:none;
	background:url('/images/back/button/btn_arrow_b2.gif') no-repeat left top;
}
.btnBottomDis {
	background:url('/images/back/button/btn_order_bottom.png') no-repeat left top;
}
.btnTop {
	background:url('/images/back/button/btn_arrow_t2.gif') no-repeat left top;
}
.btnTopDis {
	background:url('/images/back/button/btn_order_top.png') no-repeat left top;
}	
.btnDisable > span, .btnAvi > span, .btnTextbook > span, .btnCyber > span {
	display:block;
	width:176px;
	padding:0 9px;
	height:2.4em;
	overflow:hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	word-break: keep-all;
	margin-top:5px;
	line-height: 1.2em;
	color:#ffffff !important;
	font-weight:700;
	font-size:14px !important;
}
.btnList .btnCyber, .btnList .btnTextbook, .btnList .btnAvi {
	height:80px;
	padding:0;
	display:table-cell;
	vertical-align:middle;
	border-radius:3px;
}
.btnView {
	margin-top:20px;
	text-align:center;
	cursor:pointer;
}
.btnDel, .btnRevise {
	display:inline-block;
	width:91px;
	padding:11px 0;
	text-align:center;
	color:#fff !important;
	font-size:15px;
	font-weight:700;
	cursor:pointer;
	background:#555555;
}
.btnRevise {
	background:#426fca;
}
.popKbi > div:first-child {
 	position:relative;
 	padding:7px 0 7px 20px;
 	font-size:16px;
 	color:#fff;
 	font-weight:700;
 	background:#153b86;
}
.popKbi > div:first-child > span {
 	font-size:16px;
 	color:#fff;
 	font-weight:700;
}
.popKbi > div:first-child > a {
 	position:absolute;
 	right:0;
 	top:0;
}
.popBody {
 	overflow:hidden;
 	padding:15px 35px 35px;
}
.boxPerson {
	position:relative;
 	padding:15px;
 	overflow:hidden;
 	border:1px solid #dddddd;
 	background:#f5f5f5;
}
.boxPerson > table {
	width:100%;
}
.boxPerson  td {
	padding:4px 0px;
}
.boxPerson  > table > tbody tr  th {
	padding:4px 10px;
}
.boxPerson  > table select {
	width:120px;
	height: 24px;
}  
.boxPerson select, .boxPerson input[type="text"] {
	height: 22px;
} 
.btnSearchC {   
	position:absolute;
	right:20px;
	top:50%;
	width:67px;
	height:30px;
	margin-top:-15px;
	display:block;
	text-align:center;
	line-height:31px;
	vertical-align:middle;
	font-weight:700;
	color:#fff;
	background:url('/images/back/button/bg_btn.gif') no-repeat left center;
}
.boxPerson2 {
  	padding:15px;
  	overflow:hidden;
  	border:1px solid #97b1e5;
  	font-size: 12px;
 }
.boxPerson3 {
  	padding-left: 15px;
  	padding-right : 15px;
  	padding-top : 10px;
  	padding-bottom : 10px;
  	overflow:hidden;
  	border:1px solid #dddddd;
  	background:#f5f5f5;
  	font-size: 12px;
  	margin-top: 10px;
  	white-space: pre-wrap;
 }
.titInform {
    padding:15px 20px; 
    min-width:810px;
    margin-top:10px;
 	border:1px solid #dddddd;
 	color:#222222;
 	font-weight:700;
 	background:#f5f5f5;
}
.titInform > span {
	display:inline-block;
	width:180px;
	margin-right:14px;
}
.titInform > a {
 	display:inline-block;
 	width:75px;
 	padding:5px 0 3px;
 	color:#fff !important;
 	font-size: 12px;
 	text-align:center;
 	background:#426fca;
}
.listInform {
	overflow:hidden;
}
.listInform > li {
 	float:left;
 	width:178px;
 	height:162px;
 	margin-top:10px;
 	margin-right:20px;
 	padding:15px;
 	overflow-y:auto;
 	border:1px solid #dddddd;
 	color:#333333;
 	background:#fff;
}
.boardWrite .listInform > li {
	width:160px;
}
.listInform> li:first-child {
   	height:193px;
   	margin-right:33px;
   	padding:0;
}
.listInform > li.mg-r0 {
	margin-right:0px;
}
.listInform > li > strong {
	color:#444;
} 
.listInform > li > textarea {
   	border:0px;
   	height:240px;
}
.listPerson {
	margin-top:20px;
}
.listPerson > li {
   	position:relative;   	
   	margin-top:19px;
   	padding-left:22px;
   	color:#333;
}
.listPerson > li > label {
	vertical-align:middle;
}
.listPerson > li > input[type="checkbox"] {
   	position:absolute;
   	left:0;
   	top:-1px;
   	padding:0;
}
.boxBusiness {
	display:inline-block;
	width:158px;
	height:120px;
	overflow-y:scroll;
	vertical-align:top;
	border:1px solid #dddddd;
}
.boxBusiness .listPerson {
	margin-top:0px;
}
.wrapCdms {
	position:relative;
	padding-left:170px;
}
.snbCdms {
 	position:absolute;
 	left:0;
 	top:27px;
 	width:170px;
}
.snbCdms > ul {
 	width:150px;
 	font-size:13px;
}
.snbCdms > ul > li {
	min-height:30px;
   	background:url('/images/back/common/navi_bg.gif') no-repeat left top;
}
.snbCdms > ul > li:first-child {
   	min-height:22px;
   	padding: 8px 21px 0 11px;
   	font-size:13px;
   	color:#fff;
   	font-weight:700;
   	background:url('/images/back/common/navi_top.gif') no-repeat left top;
}
.snbCdms > ul > li.last {
 	background:url('/images/back/common/navi_bottom.gif') no-repeat left top;
}
.snbCdms > ul > li > a {
	display:block;
	padding:11px 25px 9px 11px;
 	color:#555;
 	font-weight:700;
 	font-size:13px;
 	background:url('/images/back/common/navi_bgArrow.png') no-repeat 129px center;
}
.snbCdms > ul > li > a.depth2On {
   	background:url('/images/back/common/navi_bgOn.png') no-repeat 129px center;
}
.snbCdms > ul > li > a.depth2Off {
   	background:url('/images/back/common/navi_bgOff.png') no-repeat 129px center;
}
.snbCdms2 {
	padding:10px;
	border-left:1px solid #dedede;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
	background:#ececec;
}
.snbCdms2 > li {
	position:relative;
	margin-top:11px;
	padding-left:8px;
	background:url('/images/back/common/navi_bgOff.png') no-repeat 129px center;
}
.snbCdms2 > li:first-child {
	margin-top:0px;
}
.snbCdms2 > li:before {
	position:absolute;
	left:-4px;
	top:0px;
	content:"·";
	color:#999999;
	font-weight:700;
	font-size:24px;
}
.snbCdms2 > li > a {
	color:#444;
	font-size:12px;
}
.contentsCdms {
   	position:relative;
	min-width:1030px;
}
.contentsCdms > select {
	position:absolute;
	right:0;
	top:0;
	width:140px;
	height:20px;
	border:1px solid #c0c0c0;
	color:#666666;
	font-size:12px;
}
.contentsCdms > h3 {
	 margin:0 0 10px;
	 padding-left:6px;
	 border-left:5px solid #4370cb; 
	 color:#3a3a3a;
	 font-size:18px;
	 font-weight:700;
	 line-height: 0.9;
	 letter-spacing:-1px;
}
.subTit {
	display:inline-block;
	margin:20px 0 10px;
	padding-left:11px;
	color:#3a3a3a;
	font-size:16px;
	font-weight:700;
	line-height:1.2;
	background:url('/images/back/icon/icon_blit.gif') no-repeat left center;
}
.subTit + .group_btn {margin-top:20px;}
h3.subTit > span {
    font-size: 16px;
}
.contentsCdms > h3.subTit {
	background: none;
}
.boxCdms {
	border:1px solid #dfdfdf;
	background:#f8f8f8;
}
.boxCdms > ul {
	overflow:hidden;
}
.boxCdms > ul  > li {
	position:relative;
	float:left;
	width:20%;
	height:64px;
	padding:15px 0 0 0; 		
	text-align:center;
}
.boxCdms > ul  > li:first-child {
	background:url('/images/back/common/bg_cdms01.gif') no-repeat left top;
}
.boxCdms > ul  > li.cdmsList02 {
	background:url('/images/back/common/bg_cdms02.gif') no-repeat left top;
}
.boxCdms > ul  > li.cdmsList03 {
	background:url('/images/back/common/bg_cdms03.gif') no-repeat left top;
}
.boxCdms > ul  > li.cdmsList04 {
	background:url('/images/back/common/bg_cdms04.gif') no-repeat left top;
}
.boxCdms > ul  > li.cdmsList05 {
	background:url('/images/back/common/bg_cdms04.gif') no-repeat left top;
}
.boxCdms > ul  >  li.on > div {	
	height:63px;
	background:url('/images/back/common/blit_arrow.png') no-repeat center bottom;
}
.boxCdms > ul > li  span {
	display:inline-block;
	width:50px;
	height:32px;
	padding-top:18px;
	font-size:20px;
	color:#6c6c6c;
	font-weight:700;
	text-align:center;
	background:url('/images/back/common/bg_round.png') no-repeat left top;
}
.boxCdms > ul  >  li.on  span {
	color:#fff;
	font-weight:700;
	background:url('/images/back/common/bg_round_on.png') no-repeat left top;
}
.boxCdms > ul > li  strong {
	margin-right:8px;
	font-size:18px;
	color:#fff;
	font-weight:700;
}
.boxCdms > ul > li.cdmsList04 strong, .boxCdms > ul > li.cdmsList05 strong {
	color:#666666;
}
.boxCdms > ul > li.cdmsList04 span, .boxCdms > ul > li.cdmsList05 span {
	background:url('/images/back/common/bg_round02.png') no-repeat left top;
}
.boxCdms > ul > li.cdmsList04.on span, .boxCdms > ul > li.cdmsList05.on span  { 		
	background:url('/images/back/common/bg_round02_on.png') no-repeat left top;
}
.cdmsList {
	padding:20px;
	overflow:hidden;
}
.cdmsList > ul {
	padding:20px 0 0 20px;
	height:260px;
	overflow-y:scroll;
	border:1px solid #cccccc;
	background:#fff;
}
.cdmsList > ul  > li {
	float:left;
	width:290px;
	height:238px;
	margin-right:20px;
	margin-bottom:20px;
	border:1px solid #cccccc;
	border-radius:2px;
}
.cdmsList > ul > li > a {
	font-size:18px;
	color:#fff;
	font-weight:700;
}
.cdmsList > div {
	position:relative;
	overflow:hidden;
	margin-bottom:20px;
}
.cdmsList > ul > li > span {
	position:relative;
	display:block;
	overflow:hidden;
	height:35px;
	padding:10px 30px 0 10px;
	vertical-align:top;
	color:#fff;
	font-weight:700;
	font-size:13px;
}
.cdmsList > ul > li > span > a  {
	position:absolute;
	right:10px;
	top:10px;
}
.txtName {
	margin:0 10px;
	color:#333;
}
.txtName > strong {
	padding-right:10px;
	margin:0 10px 0 5px;
	border-right:1px solid #cccccc;
	vertical-align:middle;
}
.txtName > a {
	padding-left:22px;
	color:#333;
	font-weight:700;
	background:url('/images/back/icon/icon_comment.gif') no-repeat left top;
}
.txtName  p {
	display:inline-block;
	margin:0 5px;
	font-size:21px;
	font-weight:700;
	color:#426fca;
	vertical-align:top;
	line-height:0.9;
}
.txtName  p a {
	display:block;
	line-height:0.9;
	vertical-align:top;
	font-size:21px;
	color:#426fca;
}
.txtName img {
	vertical-align:middle;
}
.txtName .titNotice {
	margin-bottom:10px;
}
.txtName  li {
	margin-top:3px;
}
.listCommon {
	padding:15px 10px;
	min-height:100px;
}
.listCommon > li {
	position:relative;
	padding-left:75px;
	margin-bottom:8px;
	color:#666666;
	font-size:13px;
}
.listCommon > li > strong {
	position:absolute;
	left:0px;
	top:0px;
	display:inline-block;
	width:60px;
	padding:3px 0;
	text-align:center;
	color:#3a3a3a;
	background:#eee;
}
.boxCyber, .boxTextbook, .boxAvi {
	display:inline-block;
	height:25px;
	padding:9px 0 0 0;
	border:1px solid #009dc8; 		
	color:#fff !important;
	font-weight:700;
	font-size:14px !important;
	background:#46accd;
}
.boxTextbook {
	border:1px solid #326ac2;
	background:#4f79c5;
}
.boxAvi {
	border:1px solid #8668c8;
	background:#9078ca;
}
.listBookmark {
	position:absolute;
	left:10px;
	top:20px;
	width:150px;
	text-align:left;
	border:1px solid #6c9fbc;
	background:#f5f8fd;
}
.listBookmark > li {
	position:relative;
	display:block;
	overflow:hidden;
}
.listBookmark > li > a  {
	display:block;
	float:right;
}
.listBookmark > li > a:first-child {
	float:left;
	padding:5px 0 7px 10px;
	color:#444444;
	font-size:12px;
}
.btnList {
	overflow:hidden;
	width:665px;
	margin:20px auto 0;
}
.btnList > li {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.btnList > li:first-child {
	margin-left:0px;
}
.boxProcess {
	min-width:1200px;
	padding:40px;
	border:1px solid #ddd;
}
.boxView {
	border-top:2px solid #426fca;
}
.txtView {
	position:relative;
	padding:30px 400px 25px 20px;
	margin-bottom:10px;
	min-height:75px;
} 
.txtView > p { 
	line-height:22px;
	color:#666766;
	font-size:13px;
}
.txtView > div  {
	position:absolute;
	right:0;
	top:30px;
	width:355px;
	height:50px;
	padding-top:14px;
	overflow-y:scroll;
	border:1px solid #cccccc;
	background:#f2f2f2;
}
.txtView > div > span {
	display:block;
	text-align:center;
	line-height:40px;
	vertical-align:middle;
	color: #666;
}
.txtView > div > p {
	margin:0 15px 10px;
	color:#333333;
}
.txtView > div > p span {
	font-weight:300;
	color:#666666;
}
.txtView > div  img {
	vertical-align:middle;
}
.titView {
	position:relative;
	min-height:40px;
	padding:13px 20px;
	border-bottom:1px solid #9ab2e2;
	background:#f2f5fb;
}
.titView:after {
	content:" ";
	display:block;
	clear:both;
} 
.titView > div {
	float:left;
}
.titView .txtName {
	float:right;
	border-top:none;
}
.viewIcon {
	margin-bottom:9px;
}
.viewIcon > span {
	display:inline-block;
	padding:4px 6px;
	color:#426fca;
	font-size:14px;
	font-weight:700; 		
}
.viewIcon > span:first-child {
	border:1px solid #426fca;
	background:#fff;
}
.titNotice {
	line-height:1.7;
}
.titNotice > label {
	font-weight:700;
}
.titNotice > input[type="text"] {
	width:100%;
	height:24px;
	border:1px solid #c0c0c0;
	box-sizing: border-box;
}
.titNotice > img {
	vertical-align:middle;
	margin-top:5px;
}
.titNotice > h2 {
	display:inline;
	margin-left:0px;
	vertical-align:top;
	font-size:17px;
	color:#333333;
	font-weight:700;
}
.titNotice > span {
	display:inline-block;
	margin-left:10px;
	margin-top:5px;
	vertical-align:middle;
	color:#888888;
	font-size:12px;
}
/*대댓글*/
.listComment {
	margin-top:10px;
	border:1px solid #cccccc;
	border-top:2px solid #999999;
	background:#f0f0f0;
}
.listComment > li {
	padding:30px 40px;
	border-top:1px solid #cccccc;
}
.listComment > li:first-child {
	border-top:none;
}
.listComment > li > .titView {
	background:none;
	border-bottom:1px solid #cccccc;
}
.listComment > li > table {
	width:100%;
}
.listComment > li > table td {
	padding:10px 0;
}
.listComment .txtName {
	margin:0;
	padding-top:0px;
	padding-bottom:15px;
	border-top:none;
	border-bottom:1px solid #cccccc;
}
.txtName span  {
	color:#888888;
}
.listComment .btnView {
	text-align:left;
}
.boxTextarea {
	position:relative;
	height:63px; 	
}
.boxTextarea > textarea {
	width:100%;
	padding:15px 0; 
	color:#666766;
	font-size:13px;
	border:1px solid #cccccc;
	resize: none;
}
.listComment .btnDel, .listComment  .btnRevise {
	display:inline-block;
	width:61px;
	padding:7px 0;
	text-align:center;
	color:#fff !important;
	font-size:12px;
	font-weight:700;
	background:#555555;
}
.listComment  .btnRevise {
	background:#426fca;
}
.listComment .txtView {
	padding:30px 400px 25px 0px;
}
.sbgrid_datagrid_GridWhole  .sbgrid_datagrid1_focusColor span ,.sbgrid_datagrid_GridWhole  .sbgrid_datagrid1_focusColor span u ,.sbgrid_datagrid1_focusColor span a ,.sbgrid_datagrid1_focusColor > div > span,
.sbgrid_datagrid2_focusColor > div > span {
	color:#fff !important;
}
.sbgrid_datagrid_GridWhole  .sbgrid_datagrid1_focusColor option ,
.sbgrid_datagrid_GridWhole  .sbgrid_datagrid1_focusColor .sbgrid_datagrid_Output option {
	color:#666 !important;
}
.iconProcess, .iconDevelop, .iconAuthor, .iconPm, .iconOutside, .iconJudge {
 	display:inline-block;
 	width:70px;
 	padding:2px;
 	text-align:center;
 	color:#ffffff !important;
 	font-size:12px;
 	vertical-align:middle;
 	-webkit-border-radius:2px;
 	-moz-border-radius:2px;
 	border-radius:2px;
 	vertical-align:middle;
 	background:#4f79c5;
}
.iconDevelop {
 	background:#46accd;
}
.iconAuthor {
 	background:#0fb1a4;
}
.iconPm {
  	background:#9078ca;
}
.iconOutside {
  	background:#c084c1;
}
.iconJudge {
	background:#8fb04f;
}
.boxInp {
	margin:0px;
	padding:0px;
}
.boxInp > li {
	margin-bottom:10px;
}
.boxInp > li > span {
	display:inline-block;
	width:32%;
}
.listRelative {
	overflow:hidden;
}
.listRelative > div {
	float:left;
	width:30%;
	margin-left:3%;
}
.listRelative > div:first-child {
	margin-left:0;	
} 
.listTemplate {
	position:relative;
	overflow:hidden;
}
.listTemplate > div {
	float:right;
	width:42%;
	margin-left:3%;
}
.listTemplate > div:first-child { 		
	float:left;
	width:55%;
	margin-left:0;	
} 
.listTemplate2 {
	position:relative;
	min-height:200px;
}
.listTemplate2 > div {
	float:right;
	width:48%;
	margin-left:4%;
}
.listTemplate2 > div:first-child { 		
	float:left;
	width:48%;
	margin-left:0;	
} 
.titRelative {
	position:relative;
	margin-bottom:15px;
}
.titRelative > h4 {
	display:inline-block;
	margin:0px;
	font-size:14px;
	font-weight:700;
	color:#333;
}
.titRelative > input[type="button"] {
	position:absolute;
	right:0;
	top:0;
}
.WrapsubTit {
	position:relative;
	min-height:55px;
}
.WrapsubTit > span {
	position:absolute;
	right:0;
	top:20px;
}
.listSelect {
	position:relative;
	overflow:hidden;
	min-height:110px;
}
.listSelect > span {
	position:Absolute; 		
	left:48%;
	top:50%;
	display:block;
	width:20px;
	height:110px;
	margin-top:-55px;
	margin-left:-10px;
}
.listSelect > span > .btnArrowR {
	display:block;
	margin-bottom:10px;
}
.listSelect > div { 	
	float:left;
	width:50%;
}
.listSelect > div:first-child {
	position:relative;
	width:46%;
	margin-right:4%;
}
.listSelect2 {
	position:relative;
	overflow:hidden;
	min-height:110px;
}
.listSelect2 > span {
	position:absolute; 		
	left:48%;
	bottom:50%;
	display:block;
	width:20px;
	height:110px;
	margin-bottom:-85px;
	margin-left:-10px;
}
.listSelect2 > span > .btnArrowR {
	display:block;
	margin-bottom:10px;
}
.listSelect2 > div { 	
	float:left;
	width:50%;
}
.listSelect2 > div:first-child {
	position:relative;
	width:46%;
	margin-right:4%;
}
.listOpinion {
	float:left;
	width:50%;
	margin:0px;
	padding:0px;
	font-size:12px;
}
.listOpinion > li  {
	position:relative;
	padding-left:80px; 		
	margin-top:10px;
	min-height:17px;
}
.listOpinion > li:first-child {
	margin-top:0px;
} 
.listOpinion > li.pd0 {
	padding-left:0;
} 
.listOpinion > li  > strong {
	position:absolute;
	left:0;
	top:0;
	font-size:12px;
}
.inpHeader {
    position: absolute;
    top: 18px;
    left: 50%;
    margin-left: -196px;
}
.inpHeader  > input[type="text"] {
	width:364px;
	height:29px;
	padding:3px 0 3px 15px;
	color:#666666;
	border:none;
	vertical-align:top;
	background:#e5e5e5;
}
.txtLogin {
	position:relative;
	display:inline-block;
	margin-top:5px;
	vertical-align:top;
}
.txtLogin > select {
	width:90px;
	margin-left:10px;
	border:1px solid #c0c0c0;
	vertical-align:top;
	color:#686868;
}
.txtLogin > span {
	display:inline-block;
	margin-top:2px;
	margin-left:10px;
	vertical-align:top;
	font-weight:700;
	font-size:11px;
	color:#333333;
}
.txtLogin > a {
	margin-left:10px;
}
.listEnroll {
	overflow:hidden;
}
.listEnroll > div {
	float:left;
	width:40%;
}
.listEnroll > div:first-child {
	width:57%;
	margin-right:3%;
}
.wrapEnroll {
	overflow:hidden;
	margin-top:20px;
}
.wrapEnroll > span {
	float:right;
}
.wrapEnroll > span:first-child {
	float:left;
}
.wrapEnroll > span:first-child > select {
	width:100px;
	height:23px;
	border:1px solid #cccccc;
}
.boxCourse {
	padding-top:15px;
	min-height:75px;
	text-align:right;
}
.boxCourse > ul {
	display:inline-block;
	margin-bottom:20px;
	padding:10px;
	border:1px solid #cccccc;
	text-align:left;
}
.boxCourse  input[type="radio"] {
	margin-bottom:5px;
	vertical-align:middle; 		
}
.listPopSurvey {
	margin:10px 0 20px;
	padding:10px 0 0 0;
	border:1px solid #dedede;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	color:#666666;
	font-size:12px;
	background:#f5f5f5;
}
ol.listPopSurvey {
	margin:0px;
	padding:0px;
	background:none;
}
.listPopSurvey > ol {
	padding:0 15px 7px 15px; 
	overflow: auto;
}
.listPopSurvey li {
	position:relative;
	display:block;
	margin-bottom:5px;
	min-height: 20px;
	padding-left:30px;
	font-size:12px;
	color:#666666;
	list-style-position:none;
}
.listPopSurvey li > span {
	position:absolute;
	left:0px;
	top:2px;
}
.listPopSurvey li  > div {
	margin-top:10px;
	line-height:1.8;
	color:#666666;
}
.listPopSurvey li > input[type="radio"],.listPopSurvey > li > input[type="checkbox"] {
	position:absolute;
	left:10px;
	top: 3px;
	margin: 0 4px;
}
.listPopSurvey li > label {
	display: inline-block;
	line-height: 22px;
}
.listPopSurvey  li > label > p {
	margin: 0;
	line-height: 22px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .listPopSurvey  li > input[type="radio"],.listPopSurvey > li > input[type="checkbox"] {top: 6px;}
    .listPopSurvey li > span {top: 4px;}
}
.listPopSurvey2 {
	font-size:12px;
	color:#666666;
	margin:10px 0 20px;
	padding:0;
}
.listPopSurvey2  li {
	position:relative;
	margin-bottom:5px;
	font-size:12px;
	color:#666666;
	list-style:decimal;
	list-style-position:inside;
}
.listPopSurvey2  li  > div {
	margin-top:10px;
	margin-left:20px;
	line-height:1.8;
	color:#666666;
}
.listPopSurvey2  li > input[type="radio"],.listPopSurvey > li > input[type="checkbox"] {
	position:absolute;
	left:10px;
	top:50%;
	margin-top:-7px;
}

.wrapPopfile {
	position:relative;
	margin-top:20px;
}
.wrapPopfile > input[type="file"] {
	height:25px;
	width:300px;
	vertical-align:top;
	border:1px solid #eee;
}
.wrapResult {
	width:839px;
	height:500px;
	margin-top:20px;
	overflow:scroll;
}
.wrapResult02 {
	height:200px;
	overflow-y:scroll;
}
.wrapResult  .boardRead {
	width:2000px;
	margin:0;
}
.tbGraph {
	width:100%;
}
.tbGraph  tr {
	height:40px;
}
.leaderS, .leaderStartS, .leaderEndS {
	position:relative;
	background:url('/images/back/common/bg_sky.gif') repeat-x left 12px;
}
.leaderStartS:before {
	content:"<";
	left:-2px;
}  
.leaderEndS:before {
	content:">";
	right:-2px;
}  
.leaderStartS:before, .leaderEndS:before {
	position:absolute;
	top:9px;
	font-size:11px;
	color:#4bacc6;
	font-weight:700;		
	z-index:1;
}
.leaderStartS  > span, .leaderEndS > span, .leaderS > span  {
	position:absolute;
	bottom:5px;
	left:-30px;		
	display:block;
	width:35px;
	letter-spacing:-1x;
	font-size:11px;
	color:#4bacc6;
}
.leaderEndS > span  {
	left:7px;
}
.leaderS > span {
	left:-7px;
}
.leaderY, .leaderStartY, .leaderEndY {
	position:relative;
	background:url('/images/back/common/bg_yellow.gif') repeat-x left 12px;
}
.leaderStartY:before {
	content:"<";
	left:-2px;
}  
.leaderEndY:before {
	content:">";
	right:-2px;
} 
.leaderStartY:before, .leaderEndY:before {
	position:absolute;
	top:9px;
	z-index:1;
	font-size:11px;
	color:#f79646;
	font-weight:700;		
}   
.leaderStartY  > span, .leaderY > span, .leaderEndY > span {
	position:absolute;
	bottom:5px;
	left:-30px;	
	display:block;
	width:35px;
	font-size:11px;
	color:#f79646;
}
.leaderY > span {
	left:-7px;
	font-size:12px;
}
.leaderEndY > span  {
	left:7px;
	font-size:12px;
}
.leaderR, .leaderStartR, .leaderEndR {
	position:relative;
	background:url('/images/back/common/bg_Red.gif') repeat-x left 12px;
}
.leaderStartR > span, .leaderEndR > span, .leaderR > span  {
	position:absolute;
	bottom:5px;
	left:-30px;	
	display:block;
	width:35px;
	font-size:11px;
	color:#ff0000;
}
.leaderEndR > span {
	left:7px;
}
.leaderR > span{
	left:-7px;
}
.leaderStartR:before {
	content:"<";
	left:-2px;
}  
.leaderEndR:before {
	content:">";
	right:-2px;
} 
.leaderStartR:before, .leaderEndR:before {
	position:absolute;
	top:9px;
	z-index:1;
	font-size:11px;
	color:#ff0000;
	font-weight:700;		
}   
.titPopSurvey {
	margin-top:30px;
	color:#666666;
	font-size:12px;
	font-weight:700;
	white-space: pre-wrap; 
}
.boxPopSurvey {
	width:100%;
	margin-top:20px;
	border:1px solid #b8b8b8;
	font-size:12px;
}
.boxPopSurvey th {
	padding:10px;
	border-left:1px solid #cbcbcb;
	color:#fff;
	font-weight:700;
	background:#b8b8b8;
}
.boxPopSurvey td {
	padding:10px;
	line-height:22px;
	border-left:1px solid #b8b8b8;
	color:#666666;
}
.boxPopSurvey tr td:first-child, .boxPopSurvey tr th:first-child {
	border-left:0px;
}
.wrapAnswer {
	margin-top:10px;
}
.wrapAnswer >  input[type="text"] {
	width:100%;
	height:23px;
	border:1px solid #b8b8b8;
}
.wrapAnswer > textarea {
	width:100%;
	height:60px;
	border:1px solid #b8b8b8;
}
.listPrint {
	width:1125px;
	margin:0 auto;
}
.listPrint > li {
	width:266px;
	float:left;
	margin-left:20px;
}
.listPrint > li:first-child {
	margin-left:0px;
} 
.listPrint > li > div {
	display:inline-block;
	width:265px;
	padding:20px 0 10px;
	margin-bottom:5px;
	border:1px solid #dddddd;
	text-align:Center;
	background:#fff;
}
.listPrint > li > div  > input[type="button"] {
	width:234px;
	display:block;
	padding:10px 0 11px;
	margin:0 auto 10px;
	text-align:center;
	color:#444444;
	font-size:15px;
	font-weight:700;
	border:0px;
	background:url('/images/back/button/btn_print.png') no-repeat left top;
}
.manageMenu {	
	position:relative;
	padding-left:270px;
}
.manageMenu:after {
	content:" ";
	display:block;
}
.manageMenu > div:first-child {
	position:absolute;
	left:0;
	top:0;
	width:250px;
}
.manageMenu2 {	
	position:relative;
	padding-left:270px;
	margin-top:30px;
}
.manageMenu2:after {
	content:" ";
	display:block;
}
.manageMenu2 > div {
	border:1px solid #ddd;
	min-height:500px;
	padding:20px;
}
.manageMenu2 > div:first-child {
	position:absolute;
	left:0;
	top:0;
	width:210px;
}
.manageMenu2 > div:first-child > ul  {
	padding:0;
}
.manageMenu2 > div:first-child > ul > li {
	margin-bottom:10px;
}
.wrapPopType {
	display:inline-block;
	margin-top:25px;
	margin-left:35px;
	width:250px;
	height:255px;
	border:7px solid #e7e7e7;
	background:#f9f9f9;
	border-radius:3px;
	padding:10px;
}
.txtPopCharater {
	border:1px solid #323232;
	background:#fff7ff;
	padding:10px;
	height:235px;
	margin-bottom:10px;
	overflow-y:scroll;
}
.txtPopCharater a {
	color:#000000;
	font-size:12px;
}
.wrapPopMobile {
	display:inline-block;
	width:197px;
	height:255px;
	background:url(/images/back/popup/bg-phone.png) no-repeat left top;
	padding:60px 20px 0 20px;
	vertical-align:top;
}
.wrapSubtext {
	position:relative;
	width:196px;
	padding:22px 0 0 0;
	background:url(/images/back/popup/bg-mobile-txt-top.png) no-repeat left top;
}
.wrapSubtext > div {
	overflow:hidden;
	padding-left:7px;
	padding-right:7px;
	background: url(/images/back/popup/bg-mobile-txt-bottom.png) no-repeat left bottom;
}
.wrapSubtext > div  span {
	position:absolute;
	left:30px;
	top:5px;
	color:#838187;
	font-size:11px;
}
.wrapSubtext > div  textarea {
	overflow-y:auto;
	width:100%;
	min-height:150px;
	margin:0 auto;
	padding:0px;
	border:1px solid #323232;
	background:#fffcff;
}
.txtPopbyte {
	line-height:28px;
	vertical-align:middle;
	text-align:right;
	color:#000;
	font-size:12px;
}
.wrapPopMobile .btnbGrayCommon {
	text-align:center;
	margin:11px auto  0;
}
.boxFileupload1, .boxFileupload2, .boxFileupload3 {
	position:relative;
	overflow:hidden;
	margin-top:20px;
}
.boxFileupload1 > div {
	float:left;
}
.boxFileupload1 > div:first-child {
	margin-right:10px;
}
.boxFileupload1 > div > span, .boxFileupload2 > div > span {
	display:inline-block;
	margin-right:10px;
	margin-top:5px;
	color:#6d6d6d;
	font-size:13px;
}
.boxFileupload1 > div > span > img, .boxFileupload2 > div > span > img {
	vertical-align:bottom;
}
.boxFileupload1 input[type="file"], .boxFileupload2 input[type="file"], .boxFileupload3 input[type="file"] {
	position:absolute;
	left:0;
	top:0;
	width:81px;
	opacity:0;
}
.boxFileupload2 > div, .boxFileupload3 > div {
	margin-bottom:15px;
}
.boxFileupload3 table {
	width:100%;
	border:1px solid #bdc4d3;
	border-left:none;
}
.boxFileupload3 table thead th  {
	padding:8px 0;
	border-left:1px solid #bdc4d3;
	color:#464646;
	text-align:center;
	background:#dfe7f2;
}
.boxFileupload3 table tbody td {
	padding:8px 5px;
	border-top:1px solid #bdc4d3;
	border-left:1px solid #bdc4d3;
	color:#000000;
	text-align:center;
}  
.wrapLimit {
	overflow:hiden;
}
.boardRead .wrapLimit > input[type="text"] {
	width:41px;
	padding-top:3px;
	text-align:center;
	vertical-align:middle;
	border:none;
	color:#555555;
}
.boardRead .otherColor {
	border-bottom:1px solid #4f79c5;
}
.listManager {
	height:80px;
	margin-top:7px;
	padding:10px;
	overflow-y:scroll;
	border:1px solid #eee;		
}
.listManager > li {
	margin-bottom:7px;
}
.listManager > li  > a {
	display:block;
} 
.Search {
	float:right;
	width:24px;
	display:inline-block;
}
.txtSearch {
	float:left;
	width:80%;
	display:inline-block;
	margin-top:5px;
}
.stepNumber {
	text-align:right;
	margin-top:-27px;		
}
.stepNumber > li {
	display:inline-block;
	padding-left:13px;
	margin-left:7px;
	background: url(/images/back/icon/bg_stepArrow.gif) no-repeat left center;
}
.stepNumber > li:first-child {
	background:none;
}
.stepNumber > li > span {
	display:inline-block;
	width:40px;
	line-height:42px;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	font-size:20px;
	color:#6c6c6c;
	font-weight:700;
	cursor:pointer;
	background: url(/images/back/icon/bg_step.gif) no-repeat left top;
	background-size:40px; 
}
.stepNumber > li.on span {
	color:#fff;
	background: url(/images/back/icon/bg_stepOn.gif) no-repeat left top;
	background-size:40px; 
} 
.txtComment {
	background: url(/images/back/icon/icon_recommend.gif) no-repeat left -2px;
	padding-left:10px;
}
.txtSubCommentC {
	line-height:25px;
	margin-bottom:15px;
	padding-left:4px;
	vertical-align:middle;
	color:#666666;
	font-size:13px;
}
.txtSubCommentC > span {
	margin-right:10px;
	padding-right:10px;
	font-size:13px;
	background:url("/images/back/common/bg_opinion.png") no-repeat right top;
}
.txtSubCommentC > span > span {
	color:#17305a;
	font-weight:700;
}
.wrapSubComW {
	padding:0 20px 8px;
	border-top:2px solid #666666;
	border-bottom:1px solid #cccccc;
	background:#f9f9f9;
}
.wrapSubCommntC {
	overflow:hidden;
	margin: 15px 0 10px;
}
.wrapSubCommntC > textarea {
	float:left;
	width:94%;
	border:1px solid #c0c0c0;
	border-right:none;
	height:64px;
	background:#ffffff;
}
.wrapSubCommntC > a {
	float:left;
	display:inline-block;
	width:67px;
	line-height:67px;
	text-align:center;
	color:#fff;
	font-weight:700;
	background: url(/images/back/common/bg_btn.png) no-repeat left top;
}
.txtSubCommntC {
	color:#666666;
	font-size:12px;
}
.listSubCommnt {
	border-top:2px solid #666666;
}
.listSubCommnt > li {
	border-top:1px solid #e3e3e3;
	padding:10px 20px;
}
.listSubCommnt input[type="button"] {
	min-width:51px;
   	padding:5px 0px 3px;
   	text-align:center;
   	vertical-align:middle;
   	border-radius:3px;
   	cursor:pointer;
}
.wrapSubConmC {
	overflow:hidden;
	margin-bottom:10px;
	color:#666666;
}
.wrapSubConmC  a {
	color:#666666;
}
.wrapSubConmC span {
	color:#1f4620;
}
.txtSubName {
	float:left;
	margin-right:9px;
	padding-right:23px;
	line-height:17px;
	vertical-align:middle;
	color:#333333;
	font-weight:700;
	background:url("/images/back/common/icon_man.png") no-repeat right top;
}
.txtSubDate {
	float:left;
	margin-right:9px;
	color:#888888;
}
.txtSubidea {
	float:left;
	padding-left:11px;
	color:#333333;
	background:url("/images/back/common/bg_opinion.png") no-repeat left center;
}
.wrapManage {
	position:relative;	
	min-height:25px;
	padding-right:20px;
}
.wrapManage > ul {
	text-align:center;
}
.wrapManage > ul > li {
	margin-bottom:7px;
}
.wrapManage > input[type="button"] {
	position:absolute;
	right:10px;
	bottom:0px;
}
.wrapBox {
	position:relative;
	padding-top:10px;
	padding-left:79px;
	clear:both;
}
.wrapBox  > strong {
	position:Absolute;
	left:0;
	top:30px;
}
.wrapBox  > textarea {
	width:100%;
	height:60px;
	border:1px solid #c0c0c0;
}
.boxResult {
	height:30px;
}
.boxResult .boardRead {
	position:fixed;
	margin:0 40px 0 0;
	border-top:none;
}
.listTeaching {
	list-style:none;
	padding:0;
}
.listTeaching > li {
	position:relative;
	margin-bottom:10px;
	padding:10px;
	border:1px solid #cbcbcb;
	border-radius:10px;
	font-size:14px;
	background:#f5f5f5;
}
.listTeaching > li > span {
	width:50px;
	margin-right:20px;
	line-height:52px;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	font-size:20px;
	color:#fff;
	font-weight:700;
	background: url(/images/back/icon/bg_stepOn.png) no-repeat left top;
}
.listTeaching > li > input[type="button"] {
	position:absolute;
	right:20px;
	top:50%;
	margin-top:-12px;
}
.thumNailProcess {
	overflow:hidden;
}
.thumNailProcess > div  {
	display:inline-block;
	vertical-align:middle;
}
.thumNailProcess > div:first-child {
	width:300px;
	height:200px;
	text-align:center;
	border:1px solid #E0E0E0;
	background:#eaeaea url(/images/back/common/img-noimg.gif) no-repeat center;
}
.thumNailProcess > div:first-child  > img {
	display:inline-block;
	vertical-align:middle;
}
#email_div #ce_apq_namoEditor {
	height:225px !important;
}
.accountHeigh {
	height:508px;
	overflow-y:scroll;
	border-bottom:1px solid #b2b2b2;
}
.txtnone {
	opacity:0;
}
.addressResult {
	overflow-y:scroll;
	padding:10px;
	height:130px;
	border:1px solid #b2b2b2;
}
.addressResult  li {
	margin-bottom:5px;
}
/* 유형선택 */
.listType {
	display:inline-block;
	margin-right:10px;
}
.con {
	zoom:1;
}
.con > div {
	overflow:hidden;
	zoom:1;
}
.lbInp {
	position:relative;
	display:inline-block;
	text-align:center;
}
.lbInp > label {
	position:absolute;
	left:30px;
	top:7px;
	color:#fff;
	font-weight:700;
}
.conKbi #GridArea, .conKbi .boxPerson {
	min-width:1220px;
}	
/*독려템플릿*/
.listEncourage {
	display:inline-block;
	padding:0 15px;
	height:255px;
	overflow-y:scroll;
}
.listEncourage  > li {
	margin-bottom:12px;
}
.wrapStudent {
	overflow-x:scroll;
	overflow-y:hidden;
	width:100%;
}
.wrapStudent  .boardWrite {
	width:2000px;
}
.progress table {
	width:100%;
	color:#fff;
}
/* 점검공지사항  */
.alertWrap {
	position: relative; 
	top: 90px;
	margin: 0 auto; 
	width:720px;
	height: 264px; 
	line-height: 18px;
	padding-top: 37px;
	border-top: 1px solid #d1d1d1; 
	border-bottom: 1px solid #d1d1d1;
}
.alertWrap span.alert {
	float:left; 
	height: 230px;
	margin-right: 75px;
	padding-left:210px; 
	border-right:1px solid #d1d1d1; 
	background:url('/images/common/alert.png') 10px 70px no-repeat; 
}
.alertWrap h2 {
	padding-bottom: 10px; 
	color: #333;
	font-size: 14px; 
}
.alertWrap h1 {
	padding-bottom: 27px; 
	color: #333;
	font-size: 28px; 
}
/* 메뉴검색시 나오는 페이지 */
.menuList > li {
	margin-bottom:10px;
	color:#a9a9a9;
}
.menuList > li > a {
	color:#333;
}
.menuList > li > a > .txtPoint {
	color:#157cb5;
}
.subTit  .txtPoint {
	font-size:16px;
	color:#157cb5;
}
/*DASHBOARD*/
.schedule {
	min-width:1200px;
}
.scheduleHeader {
    margin: 20px 0 10px 0;
	text-align:center;
}
.scheduleHeader strong {
	display:inline-block;
	width:190px;
	margin-top:2px;
	font-size:23px;
	color:#333333;
	vertical-align:top;
}
.btnPrev, .btnNext {
	display:inline-block;
	width:21px;
	height:21px;
	background:url('/images/back/common/bg_Prev.gif') left top no-repeat;
}
.btnNext {
	background:url('/images/back/common/bg_Next.gif') left top no-repeat;
}
.schedule table {
	width:100%;
	border:1px solid #dddddd;
	border-top:1px solid #c0c0c0;
	border-left:none;
	border-collapse:separate;
}
.schedule table thead th {
	padding:10px;
	text-align:right;
	border-bottom:1px solid #c0c0c0;
	background:#d5d8dc;
}
.schedule table tbody td {
    vertical-align: top;
    height: 110px;
    border: 1px solid #ddd;
}
.schedule table tbody td.today {
	border:1px solid #555555;
} 
.schedule table tbody td.today p {
	position:relative;
	float:right;
	width: 25px;
    height: 25px;
    line-height: 24px;
    vertical-align: middle;
    color: #fff;
    font-weight: 700;
    padding: 0;
    text-align: center;
    margin: 3px 5px 1px 5px;
    background: url('/images/back/common/blackRound.gif') center center no-repeat; 
}
.schedule table tbody td.today p:before {
	position: absolute;
	top: 0;
	left: -50px;
    padding-right: 5px;
    display: inline-block;
    content: "Today";
    color: #555555;
    font-weight: 700;
}
.schedule table tbody td.today a {
	margin-top: 29px;
}
.schedule table td {
	box-sizing: border-box;
}
.schedule table td a {
	display:block;
    height: 70px;
	padding:5px 3px 0 3px;
}
.schedule table td:hover {
	border:1px solid #426fca;
}
.schedule table td  p {
    display: block;
    padding: 7px 15px;
    text-align: right;
    margin: 0px;
    font-weight: 700;
    font-size: 15px;
    color: #333333;
}
.schedule table tr th:first-child, .schedule table tr td:first-child p {
	color:#d30000;
}
.schedule table tr th:last-child, .schedule table tr td:last-child p {
	color:#426fca;
}
.boxBegin, .boxExpired, .boxAnnounce, .boxEnd, .boxTestStart {
	display:block;
	padding:0 7px;
	margin-bottom:1px;
	font-size:12px;
	color:#333;
	border-radius:2px;
}
.boxBegin {
	border:1px solid #b9c9e8;
	background:#e3e9f6;
}
.boxBegin b {
	margin-right:3px;
	font-size:8px;
	color:#4f79c5;
}
.boxExpired {
	border:1px solid #e6cee6;
	background:#f5ebf5;
}
.boxExpired b {
	margin-right:3px;
	font-size:8px;
	color:#c084c1;
}
.boxAnnounce {
	border:1px solid #9fe0db;
	background:#d9f3f1;
}
.boxAnnounce b {
	margin-right:3px;
	font-size:8px;
	color:#0fb1a4;
}
.boxEnd {
	border:1px solid #d2dfb9;
	background:#edf2e3;
}
.boxEnd b {
	margin-right:3px;
	font-size:8px;
	color:#8fb04f;
}
.boxTestStart {
    border:1px solid #eae2c4;
    background:#fdf7e1;
}
.boxTestStart b {
    margin-right:3px;
    font-size:8px;
    color:#d0b33e;
}
.schedule table tr td.prevMonth, .schedule table tr td.nextMonth {
	border:1px solid #ddd;
	background:#f5f5f5;
}
.schedule table tr td.prevMonth p, .schedule table tr td.nextMonth p {
	color:#b3b3b3;
}

/*160411 수빈 추가*/
.scrollBox_X {
	width: 100%; overflow-x: auto;
}
.scrollBox_X .boardWrite {
	width: 1480px;
}
.ui-datepicker-trigger {
    margin-left: 2px;
}
@media screen and (max-width : 1023px) {
	.alertWrap{ width:80%;border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1;position:relative; padding:15px 0 0;margin:0 auto;line-height:15px;text-align:center;}
	.alertWrap span.alert{ display:block;;float:none;height: 120px;margin-right:0;background:url('/images/common/alert.png') top center no-repeat;background-size:auto 100px;border-right:0px;}
	.alertWrap h2{padding-bottom: 5px; margin:0px;font-size: 12px;  color: #333;}
	.alertWrap h1{font-size: 23px; padding-bottom: margin:0px;15px; color: #333;}
}

/* 191022 관리자 메인보드 추가 */
.box_mainBoard {position:absolute; left:0; bottom:-250px; padding:0 50px; margin-bottom:10px;}
	.box_mainBoard .mbw_left {float:left; width:49%;}
		.mbw_left .mbw_list {height:173px;}
		
		.box_mainBoard [class^="mbw_"] .mb_title {padding:15px; font-size:15px; font-weight:bold; background:#f6f6f6;}
			.mb_title .mb_day {float:right; font-size:13px; color:#575757;}
		.box_mainBoard .boardWrite {padding:15px; background:#fff;}
			.box_mainBoard .boardWrite tbody td {text-align:center; font-size:13px;}
				.box_mainBoard .boardWrite tbody td a {color:#3964b7; font-size:15px; font-weight:bold;}
				.mbw_left .boardWrite tbody td {height:50px; font-size:15px; font-weight:bold;}
					.mbw_left .boardWrite.ty2 tbody td {height:auto;}	
		
	.box_mainBoard .mbw_right {float:right; width:49%;}	
		/* .mbw_right .mbw_list {height:266px;} */
			.mbw_right .boardWrite tbody td {max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	
	.mbw_lists_w .mbw_list {border:1px solid #8b8b8b; background:#fff;}
		.mbw_list + .mbw_list {margin-top:10px;}
		
/* 191119 서비스운영 레이아웃 수정 */
#sbGridArea + .listRelative, .listRelative.ty2, .listRelative.ty2 + .listRelative {padding-top:30px;}
.listRelative .lr_grid_w {width:48%;}
	.lr_grid_w #GridArea {min-width:unset;}	
	.titRelative .btnArea {text-align:right;}
	.titRelative h4 + .btnArea {float:right; margin-top:0; /* margin-bottom:10px; */}	
	
	.lr_grid_w + .lr_grid_w {float:right;}
	
	.lr_grid_sw {width:1080px !important;}
	
.btnArea [class^="btn_icon"] {border:0;}
.btnArea .btnBlueCommon + [class^="btn_icon"] {margin-left:3px;} 
.btnArea .btn_icon_add {width:22px; height:27px; background:url("/images/platform/button/btn_add.png") no-repeat; background-size:85%;}
.btnArea .btn_icon_delete {width:22px; height:27px; background:url("/images/platform/button/btn_delete.png") no-repeat; background-size:85%;}

.titRelative .btnArea .btnBlueCommon {min-width:60px;}
.btnArea.tright {padding-bottom:30px; text-align:right;}

/**
 비즈센터 메인
 @date 19.11.25
 @author simjh
 @issue #1740
 */
.conKbi .btn {cursor:pointer;}
.txt_size20 {font-size:20px}
.txt_size16 {font-size:15px; font-weight:normal}
.cRed {color:#ff2d2d}
.cBlue {color:#4273d1}

.mrt20 {margin-top:20px}


.biz_title_gr {position:relative; background:#f6f6f6; padding:15px 20px; border-bottom:2px solid #666666}
.biz_title_gr.cour_dtl, .biz_title_gr.close-cur_dtl {text-align: center; cursor:pointer;}
.biz_title_gr.close-cur_dtl {border-bottom: none;}
.cour_dtl .tb-container .biz_box_in {max-height:300px; overflow: hidden; overflow-y: scroll;}

h2.biz_title {display:inline-block;font-size:16px;}
.biz_box {border:1px solid #8b8b8b;}
.biz_box_in {padding:15px 20px}

.biz_tbstyle1 {font-size:14px}
.biz_tbstyle1 th {background:#eeeeee; border:1px solid #b2b2b2; text-align:center; padding:10px 0;}
.biz_tbstyle1 td {border:1px solid #b2b2b2; text-align:center; padding:12px 0;}
.biz_tbstyle1 td a:hover {text-decoration:underline}
.biz_tbstyle1 td.le {text-align:left; padding-left:6px}

.biz_tbstyle2 {font-size:14px}
.biz_tbstyle2 th {background:#eeeeee; border:1px solid #b2b2b2; text-align:center; padding:10px 0;}
.biz_tbstyle2 td {border:1px solid #e7e7e7; text-align:center; padding:12px 0}
.biz_tbstyle2 td.sch_my {background:#daf5cb;}
.biz_tbstyle2 td a {text-overflow:ellipsis; width:80%;}
.biz_tbstyle2 td a:hover {text-decoration:underline}

.biz_quick {width:100%}
.biz_quick li {position:relative; display:inline-block; background:#e2f1ff; border:1px solid #accfef; padding:15px 20px; margin-right:20px; width:20%; cursor:pointer;}
.biz_quick li.last {margin-right:0}
.biz_quick li span {display:block}
.biz_quick li .title {font-size:16px}
.biz_quick li .txt {padding-top:10px}
.biz_quick li .arrow {font-size:26px; position:absolute; right:15px; top:20px}

.sch_week {position:absolute; right:15px; top:10px}
.sch_week li {display:inline-block}
.sch_week li.txt_middle {vertical-align:top; padding-top:5px}

.go_course {position:absolute; right:15px; top:18px}

.biz_graph_gr {}
.biz_graph_gr li.biz_graph {display:inline-block; width:33.1%}

.biz_status {}
.biz_status li.biz_status1 {display:inline-block; width:49.8%}
/* // end of 비즈센터 */