@charset "UTF-8";
html {
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #c8cbcc;
	scrollbar-3dlight-color: #f0f3f4;
	scrollbar-darkshadow-color: #f0f3f4;
	scrollbar-track-color: #f0f3f4;
	scrollbar-arrow-color: #8b8d8e;
	scrollbar-shadow-color: #c8cbcc;
}
html, body {height:100%;margin:0;padding:0;}
body {height:100%;font-family: "돋움";font-size:12px; color:#5a5b5c;line-height:15px;}
table { border-collapse: collapse;}
td, th {font-family: "돋움";font-size:12px;color:#5a5b5c;word-break:break-all;line-height:15px;}
fieldset, img { border: none;}
.b { font-weight:bold;}
.bold { font-weight:bold;}
div, ul,li, p, dl, dt, dd, form, fieldset, li, h1, h2, h3, h4 { margin:0; padding:0;}
ul {list-style:none;}
img.middle { vertical-align:middle; margin-bottom:3px;}
hr { display:none;}
div.hide { display:none;}
a:link, a:visited, a:active {text-decoration:none;color:#777;}
a:hover {text-decoration:underline;color:#ff6100;}

/*form*/
select {color:#5a5b5c;font-size:12px;margin-top:2px;height:21px;}
textarea{font-family: "돋움";; color:#5a5b5c;border:#cbcecf 1px solid;padding:3px;line-height:15px;}
input {font-family: "돋움";font-size:12px;color:#5a5b5c;background: #fff;padding:3px 3px 1px 3px;border:1px solid #cbcecf;height:21px;}
input.require{background:url(/HTML/images/common/require.gif) no-repeat 1px 1px;padding-left:8px;}
input.radio, input.checkbox {border:none;background:none;}
button {font-family: "돋움";this.hideFocus=true};
table, td {margin:0; padding:0;}

a,img,input,button{outline: none;selector-dummy:expression(this.hideFocus=true);}

/*
input.type-checkbox {border:none;}
input.type-radio {border:none;}
*/
input[type=checkbox],input[type=radio] {border:none;}

/*
white-space:nowrap;
*/

body {
}
body.left {
	padding:0px 0 10px;
}
body.tab_body {
	padding-bottom:17px;
}
body.tab_main {
	padding-right:15px;
	padding-bottom:10px;
}
#mainWrap {
	background:#f9f9f9;
    height:100%;
    vertical-align:top;
	text-align:center;
}
#wrap {
	width:100%;
	height:100%;
}
#tabWrap {
	width:100%;
	height:100%;
}
table.sheet1 {
	height:100%;
}
table.wrap {
	width:100%;
	height:100%;
}
table.wrap2 {
	width:100%;
}
table.sheet1 {
	width:100%;
	height:100%;
}
div.frameTop {
}
#contentBody  {
	width:100%;
	height:100%;
}
#contentBody td.tableBody {
	padding:0 5px;
}
#contentBody td {
	vertical-align:top;
}

#coverDiv {
	position:absolute;
	width:100%;
	height:100%;
}
#coverDiv div.black {
	width:100%;
	height:100%;
	border:1px solid;
	background:#000000;
}

#layoutMain {
	width:980px;
	text-align:center;
}
#layoutSub {
	height:90px;
}

div.school {
	 width:50%;
}


/* 검색 시작 */

div.search {
	/* width:100%;*/
}

div.contentMain {
	width:95%;
	padding-left:10px;
}

div.searchMain {
	/*width:100%;*/
	border:1px solid #e6ecf2;
	background:#eef3fa url(../images/common/img_search.gif) no-repeat 20px center;
	padding:4px 4px 4px 59px;
	/*border:5px solid #e6ecf2;
	background:#eef3fa;*/
}

div.search {
/*	width:100%;  */
	padding:8px 20px 5px 20px;
	background:#FFFFFF;
	border:1px solid #e6ecf2;
}

div.searchMain div.search td {
	color:#333;
	font-size:12px;
	line-height:14px;
	height:26px;
}
div.searchMain input {
}
div.searchMain img {
	vertical-align:top;
	margin-top:1px;
}

div.memo {
  width :100%;
  word-break:break-all;
}

table.searchTable {
	margin-right:5px;
}
table.searchTable td {
	padding:1px 7px 0 0;
	white-space:nowrap;
}
table.searchTable td.txt {
}
table.searchTable td.btn {
	padding:0 0 0 10px;
}
/* 검색 종료 */

/* 컨텐츠 타이틀 & 버튼들 시작 */
table.contentTitle {
	width:100%;
	height:40px;
}
table.contentTitle td.left {
	vertical-align:bottom;
	padding:0 0 4px 10px;
	white-space:nowrap;
}
table.contentTitle td.right {
	text-align:right;
	vertical-align:bottom;
	overflow:hidden;
	padding:0 10px 4px 0;
/*	white-space:pre;*/
}
/* 컨텐츠 타이틀 & 버튼들 종료 */

table.faceLine {
	width:100%;
	table-layout:auto;
}
table.faceLine td.face {
	width:108px;
	text-align:center;
	vertical-align:top;
}
table.faceLine td.info {
	vertical-align:top;
}




table.tableLine {
	width:100%;
	border:1px solid #d8dfe6;
}

table.tableLine td {
	font-size:12px;
	border:1px solid #d8dfe6;
}
table.tableLine td td {
	border:none;
	padding-right:3px;
}
table.tableLine td.title {
	height:27px;
	color:#333;
	padding:3px 10px 0 10px;
	white-space:nowrap;
	background:#e7ecf3;
	/*background:#dff2c3;*/
}
table.tableLine td.header {
	height:27px;
	color:#333;
	text-align:center;
	padding:1px 10px 0 10px;
}
table.tableLine td.title p {
	width:48px;
}
table.tableLine td.content {
	height:27px;
	color:#666;
	background:#f9fcfe;
	padding:1px 5px 1px 5px;
	white-space:nowrap;
}

table.tableLine td.content2 {
	height:27px;
	background:#f9fcfe;
	padding:3px 5px 1px 5px;
	word-break:break-all;
}

table.tableLine td.content_nobg {
	height:27px;
	color:#666;
	padding:1px 5px 1px 5px;
	white-space:nowrap;
}

table.tableLine td.content_nobg2 {
	height:27px;
	color:#666;
	padding:1px 5px 1px 5px;
	word-break:break-all;
}

table.tableLine td.content textarea {
	margin-top:5px;
	margin-bottom:5px;
}
table.tableLine td.content input.checkbox {
	vertical-align:middle;
}
table.tableLine td.center {
	text-align:center;
}
table.tableLine td.right {
	text-align:right;
}

table.tableLine2 {
	width:100%;
}
table.tableLine2 td {
	font-size:11px;
	white-space:nowrap;
}
table.tableLine2 td.title {
	height:20px;
}
table.tableLine2 td.content {
	height:20px;
	text-align:center;
	background:#f9fcfe;
}

table.noLineB {
	border-bottom:none;
}
table.noLineB td.none {
	border-bottom:none;
}

#layoutFrame {
	/*width:663px;*/
	height:1px;
	overflow:hidden;
}
.sheet {
	vertical-align:top;
	border:1px solid #d8dfe6;
}
.contents {
	vertical-align:top;
}
.sheet2 {
	vertical-align:top;
	border:1px solid #cedced;
}

.dragArea {
	width:15px;
	padding:0 8px;
	text-align:center;
}
.selectArea {
	text-align:center;
	padding:60px 15px 0;
	vertical-align:top;

}
.selectArea div.iconDiv {
	width:60px;
	height:60px;
	border:1px solid #CEDCEB;
	margin-bottom:18px;
}
.selectArea div.iconDiv div {
	width:27px;
	height:25px;
	margin-top:16px;
}
.selectArea div.icon01 {
	background:url(../images/skin1/main/qImg_pay.gif) no-repeat;
}

/* 시트 하단 버튼 영역 시작 */
.footerButton {
	text-align:center;
}
.footerButton div {
	position:absolute;
	text-align:center;
}
/* 시트 하단 버튼 영역 종료 */

/* 탭 아이프레임 */
div.tabIframe {
	padding-top:13px;
	border-top:1px solid #B3B3B3
}


/* Button Reset */
.button,
.button a,
.button button,
.button input {font-family:"돋움" "dotum"; position:relative; margin:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-weight:bold; white-space:nowrap; background:url(../images/btn/buttonWhite.gif) no-repeat; overflow:visible; color:#5b6066;}

.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 img {vertical-align:middle;}
/* Button Size */
.button.large { height:31px; background-position:left -30px; }
.button.xLarge { height:35px; background-position:left -65px; }
.button.small { height:18px; background-position:left -107px; margin-bottom:0; }
.button a,
.button button,
.button input { height:23px; padding:0 7px 0 7px; font-size:12px; line-height:24px; background-position:right top;}
.button.large a,
.button.large button,
.button.large input { height:31px; padding:0 19px 0 17px; font-size:12px; line-height:31px; 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 { overflow:visible;color:#FF8800;height:18px; padding:0 3px 0 1px; font-size:11px; letter-spacing:-1px;line-height:18px;margin-bottom:3px; background-position:right -107px;}

/* Button Text Color */
.button *:hover,
.button *:active,
.button *:focus{ }
.button.green,
.button.green a,
.button.green button,
.button.green input { background: #87CE00; color:#fff; border-radius: 10px;}
/*.button.green input { background-image:url(../images/btn/buttonGreen.gif); color:#fff;}*/
.button.green *:hover,
.button.green *:active,
.button.green *:focus{ color:#fafbe9;}
.button.pink,
.button.pink a,
.button.pink button,
.button.pink input { background: #FF00DD; color:#fff; border-radius: 10px;}
/*.button.pink input { background-image:url(../images/btn/buttonPink.gif); color:#fff;}*/
.button.pink *:hover,
.button.pink *:active,
.button.pink *:focus{ color:#fdeaee;}
.button.aquaBlue,
.button.aquaBlue a,
.button.aquaBlue button,
.button.aquaBlue input { background: #5587ED; color:#fff; border-radius: 10px;}
/*.button.aquaBlue input { background-image:url(../images/btn/buttonAquaBlue.gif); color:#fff;}*/
.button.aquaBlue *:hover,
.button.aquaBlue *:active,
.button.aquaBlue *:focus{ color:#e5f7f7;}
.button.brown,
.button.brown a,
.button.brown button,
.button.brown input { background-image:url(../images/btn/buttonBrown.gif); color:#fff;}
.button.brown *:hover,
.button.brown *:active,
.button.brown *:focus{ color:#fff;}
.button.darkBrown,
.button.darkBrown a,
.button.darkBrown button,
.button.darkBrown input { background-image:url(../images/btn/buttonDarkBrown.gif); color:#fff;}
.button.darkBrown *:hover,
.button.darkBrown *:active,
.button.darkBrown *:focus{ color:#fff;}
.button.gray,
.button.gray a,
.button.gray button,
.button.gray input { background-image:url(../images/btn/buttonGray.gif); color:#fff;}
.button.gray *:hover,
.button.gray *:active,
.button.gray *:focus{ color:#fff;}
.button.orange,
.button.orange a,
.button.orange button,
.button.orange input { background: #FFBB00; color:#fff; border-radius: 10px;}
/*.button.orange input { background-image:url(../images/btn/buttonOrange.gif); color:#fff;}*/
.button.orange *:hover,
.button.orange *:active,
.button.orange *:focus{ color:#fff;}
.button.blue,
.button.blue a,
.button.blue button,
.button.blue input { background: #1266FF; color:#fff; border-radius: 10px;}
/*.button.blue input { background-image:url(../images/btn/buttonOrange.gif); color:#fff;}*/
.button.blue *:hover,
.button.blue *:active,
.button.blue *:focus{ color:#fff;}
.button.gray,
.button.gray a,
.button.gray button,
.button.gray input { background: #BDBDBD; color:#fff; border-radius: 10px;}
/*.button.gray input { background-image:url(../images/btn/buttonOrange.gif); color:#fff;}*/
.button.gray *:hover,
.button.gray *:active,
.button.gray *:focus{ color:#fff;}
/* Button Text Strong */
.button.strong * { font-weight:bold !important;}


/* 마우스 커서 */
.hand {
	cursor:pointer;
}
/* 로케이션 / 기능버튼 */
div.locationWrap {
	height:35px;
	border-bottom:1px solid #d8dfe6;
	background-color:#eef3fa;
}
div.locationWrap  table{
	float:right;
}
div.locationWrap  table td{
	font-family:'verdana';
	color:#889099;
	padding:6px 20px 0 0;	
}
div.locationBtn  img{
	cursor:pointer;
}
/* 타이틀 */
span.title_menu {
	color:#5a5b5c;
	font-weight:bold;
	padding:1px 0 0 5px;
	font-size:12px;
	letter-spacing:-1px;
	line-height:17px;
}
span.title00 {
	color:#5a5b5c;
	font-weight:normal;
	padding:1px 0 0 5px;
	font-size:11px;
	letter-spacing:-1px;
	line-height:14px;
}
span.title01 {
	color:#5a5b5c;
	font-weight:bold;
	padding:1px 0 0 5px;
	font-size:14px;
	letter-spacing:-1px;
	line-height:17px;
}
span.title02 {
	color:#5a5b5c;
	font-weight:bold;
	padding:1px 0 0 5px;
	font-size:20px;
	letter-spacing:-1px;
	line-height:30px;
}

/* 입력 */
.readonly {
	border:1px solid #ccc;
	background:#F4F4F4;
}
.required {
	border:1px solid #ff6100;
}
.transparent {
	border:none;
	background:transparent;
}
/* 텍스트 정렬 */
.fit2 {
	letter-spacing:24px;
}
.fit3 {
	letter-spacing:6px;
}

.left {
	text-align:left;
}
.center {
	text-align:center;
}
.right {
	text-align:right;
}

/* 높이값 조절 */
.h05 {height:5px;}
.h10 {height:10px;}
.h15 {height:15px;}
.h20 {height:20px;}
.h25 {height:25px;}
.h30 {height:30px;}
.h40 {height:40px;}
.h50 {height:50px;}
.h60 {height:60px;}
.h70 {height:70px;}
.h80 {height:80px;}
.h90 {height:90px;}

/* 넓이값 조절 */
.w05 {width:5px;}
.w10 {width:10px;}
.w15 {width:15px;}
.w20 {width:20px;}
.w25 {width:25px;}
.w30 {width:30px;}

/* 마진관련 */
/* 상 */
.mt05 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }

/* 하단 */
.mb05 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }

/* 좌측 */
.ml05 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }

/* 우측 */
.mr05 { margin-right:5px }
.mr10 { margin-right:10px }
.mr15 { margin-right:5px }
.mr20 { margin-right:30px }

/* 패딩관련 */
/* 상 */
.pt05 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; }

/* 하단 */
.pb05 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px; }
.pb40 { padding-bottom:40px; }
.pb50 { padding-bottom:50px; }

/* 좌측 */
.pl05 { padding-left:5px; }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px; }
.pl20 { padding-left:20px; }

/* 우측 */
.pr05 { padding-right:5px }
.pr10 { padding-right:10px }
.pr15 { padding-right:5px }
.pr20 { padding-right:30px }

/* 정렬 */
.top {vertical-align:top;}
.middle {vertical-align:middle;}
.bottom {vertical-align:bottom;}

/* 폰트 컬러 */
.tBlue {color:#00b5ad}
.tOrange {color:#FF7700}
.tPink {color:#ee2f58}

.bold {font-weight:bold}
.normal {font-weight:normal}

/* /info */
#infoContainer {width:100%;height:100%;text-align:center}
#infoLayout {width:705px;height:100%;margin:0 auto}
table.infoTableWrap {width:100%;height:100%}
/* //info */
div.infoTextWrap{width:705px;height:400px;background:url(../images/common/img_error.jpg) no-repeat;text-align:right;padding-right:15px;}
div.infoTextWrap table{margin-top:130px}
div.infomationWrap{width:705px;height:400px;background:url(../images/common/img_Information.jpg) no-repeat;text-align:right;padding-right:15px;}
div.infomationWrap table{margin-top:150px}




#popupWrap {
}
table.popupMain {
	width:100%;
	height:100%;
}
table.popupMain td.header {
	height:50px;
	vertical-align:top;
	border-bottom:3px solid #47c7c7;
	background-color:#f9fcfe;
	
}
table.popupMain td.header table {
	width:100%;
	margin-top:17px;
}
table.popupMain td.header table th {
	text-align:left;
	font-size:14px;
	color:#666666;
	vertical-align:top;
	padding-left:30px;
}
table.popupMain td.header table td {
	text-align:right;
	vertical-align:top;
	padding-right:20px;
}
table.popupMain td.header table td img {
	cursor:pointer;
}
table.popupMain td.popupContent {
	text-align:center;
	vertical-align:top;
	padding:10px 15px 15px 15px;
}
table.popupMain td.footer {
	height:50px;
	text-align:center;
	border-top:1px solid #eeeeee;
	background-color:#f9fcfe;
}
#mask { 
	position:absolute; 
	left:0; 
	top:0; 
	z-index:9000; 
	background-color:#000; 
	width: 0px;
	height: 0px;
	display:none; 
}