* {
	font-family: 'Open Sans', sans-serif, Dotum,'돋움',Helvetica,"Apple SD Gothic Neo";
	font-size:12px; ime-mode:active;
}

body{ 
	background:#ffffff; margin:0; padding:0; color:#595959;

	scrollbar-face-color: #D8E0E3;
	scrollbar-shadow-color:#A2B1B8;
	scrollbar-highlight-color: #FEFEFE;
	scrollbar-3dlight-color: #8FA2A9;
	scrollbar-darkshadow-color: #A2B1B8;
	scrollbar-track-color: #EBEFF2;
	scrollbar-arrow-color: #FFFFFF;
}

#main { max-width:1200px; padding:10px 10px 10px 10px;}

div, ul, li, form, fieldset, p { margin: 0; padding: 0; }
img,p { border:0;margin:0;padding:0; }
form { display:inline;margin:0;padding:0; }

ol, ul {list-style: none;}
th {font-weight: Normal;}

a { text-decoration: none; /*color: #000000;*/ cursor:pointer;cursor:hand; }
a:hover{ text-decoration: none; /*color: #000000;*/ }

iframe { border:0px; display: block; }

/* input  - input(기본), inputRo(bgcolor 유, 입력 금지 폼에 적용) */
.input {line-height:16px;color:#000000;border:1px solid #aaaaaa; background-color:#ffffff; height:18px; }
.inputRo {line-height:16px;color:#4d4d4d;border:1px solid #aaaaaa; background-color:#E6E6E6; height:18px; }

/* select */
.mSelect {line-height:16px; color:#000000; background-color:#ffffff; height:22px;}
.select {line-height:16px;color:#000000;border:1px solid #aaaaaa; background-color:#ffffff; height:22px;}
.selectRo {line-height:16px;color:#4d4d4d;border:1px solid #aaaaaa; background-color:#E6E6E6; height:22px;}

/* 체크박스 옵션 */
input[type="checkbox"]{ vertical-align:-2px; }

.overlay { position:absolute; z-index:9; display:block; filter:alpha(opacity=20); opacity:0.2; -moz-opacity:0.2; background-color:#000000; left:0; top:0; width:100%; height: 100%; } /* 검은화면 데이타처리결과 및 loading 중 */

/* 그리드 링크 클래스 */
.grdlnk { color:#2e66d4; cursor:pointer; cursor:hand; /*text-decoration: underline; text-underline-position: under;*/ }

.textarea {
	resize:none;
	border:1px solid #CECECE;
	background-color:#FCFCFC;
	padding:2px 2px;
	scrollbar-3dlight-color:#C0BEBE; scrollbar-shadow-color:#C0BEBE; scrollbar-arrow-color:#C0BEBE; scrollbar-darkshadow-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-base-color:#cfcfcf;
}

.textareaRo {
	resize:none;
	border:1px solid #CECECE;
	background-color:#E6E6E6;
	padding:2px 2px;
	scrollbar-3dlight-color:#C0BEBE; scrollbar-shadow-color:#C0BEBE; scrollbar-arrow-color:#C0BEBE; scrollbar-darkshadow-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-base-color:#cfcfcf;
}

.telNum { font-size:12px; }
.overFlow { overflow:auto; }

.ft11 { font-size:11px; }
.scroll { scrollbar-face-color:#EEEEEE; scrollbar-highlight-color: FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-shadow-color: FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: navy }


.b {font-weight:bold;}
.u {text-decoration:underline;}
.s {text-decoration:line-through;}
.left {text-align:left !important}
.right {text-align:right !important}
.center {text-align:center !important}
.clear {clear:both;}
.shift {position:relative;left:90px;}
.hand {cursor:pointer;cursor:hand}
.hide {display:none;}
.filter {filter:alpha(opacity=20);opacity:0.2;}
.nomargin {padding:0;margin:0;}

.pd0 {padding:0px !important}
.pd1 {padding:1px !important}
.pd2 {padding:2px !important}
.pd3 {padding:3px !important}
.pd4 {padding:4px !important}
.pd5 {padding:5px !important}
.pd10 {padding:10px !important}
.pd15 {padding:15px !important}
.pd20 {padding:20px !important}
.pd30 {padding:30px !important}
.pt1 {padding-top:1px !important}
.pt2 {padding-top:2px !important}
.pt4 {padding-top:3px !important}
.pt5 {padding-top:4px !important}
.pt5 {padding-top:5px !important}
.pt10 {padding-top:10px !important}
.pt15 {padding-top:15px !important}
.pt20 {padding-top:20px !important}
.pt30 {padding-top:30px !important}
.pl1{padding-left:1px !important}
.pl2{padding-left:2px !important}
.pl3{padding-left:3px !important}
.pl4{padding-left:4px !important}
.pl5{padding-left:5px !important}
.pl10{padding-left:10px !important}
.pl20{padding-left:20px !important}
.pl30{padding-left:30px !important}

.mt1 {margin-top:1px !important}
.mb1 {margin-bottom:1px !important}

.f11 {font-size:11px !important}
.f13 {font-size:12px !important}
.f14 {font-size:14px !important}
.f15 {font-size:15px !important}
.f16 {font-size:16px !important}
.f18 {font-size:18px !important}
.f20 {font-size:20px !important}
.f24 {font-size:24px !important}

.toolTip { position:absolute;background-color:#F2F2F2 }

.loss { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.in-block { display: inline-block; }

.float-left { float:left; }
.float-right { float:right; }
.float-clear { clear: both; }

.contentSearch {
	border: solid #85B1EE 1px;
	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
	background-color:#EDF7FF;
	padding:3px 10px 3px 10px;
}
.contentSearch b {color:#5b5b5b;}
.contentSearch .searchItem { font-weight: bold; padding-top: 3px; padding-bottom: 3px; padding-right:15px; }


/* 검색폼 바 */
.barSearch {
	padding:3px 5px 3px 5px;background:#EDF7FF;border:1px #85B1EE solid;border-radius:5px;letter-spacing:-1px;
}
.barSearch:after {content:""; display:block;float:none;clear:both;}
.searchitem { padding-top: 3px; padding-bottom: 3px; padding-right:15px; }
.searchitem-pc { padding-top: 3px; padding-bottom: 3px; padding-right:15px; }


/* tabs*/
ul.tabs {padding-top:0px; list-style: none; overflow: hidden; color:#35b7e1; padding-left: 3px;}
ul.tabs li { display: inline; }
ul.tabs li a {display:inline-block;padding:0 15px;height:32px;line-height:30px;color:#000;border: 1px solid #ccc;background: #eee;letter-spacing:-1px;margin-right:-2px;outline:none;border-top-left-radius:3px;border-top-right-radius:3px;}
ul.tabs li a.selected {background:#fff;height:33px;position:relative;top:0;border:2px solid #81a6ee;border-bottom:none;z-index:2;color:#4374D9;font-weight:bold}
.tabline {border-top:2px #81a6ee solid;position:relative; margin-top: 1px;}

div.label { color:#000000; text-align:left; background: #f9f9f9; }
div.label.req { color:#FF0000; font-weight: bold; }
div.field { padding-bottom: 10px;}

/* tabs Content 감싸기 */
.tabContent.Wrap { border-left:1px solid #81a6ee;border-right:1px solid #81a6ee;border-bottom:1px solid #81a6ee; }

/* 출결정리, 강좌정리 등등 처리에서 쓰임 */
.procBox {
	border: solid #85b1ee 6px;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
	background-color:#daeaf7;
	padding:2px 0 2px 0;
}


.popTitle01 { height:37px; padding:0; margin:0; background:url("./image/popTitleBar_bg.gif"); }
.popTitle01 td { color:#000000; }
.popTitle01 td:first-child { width:31px; height:37px; background-image:url("./image/popTitleBar01_left.gif"); }
.popTitle01 td:last-child { width:5px; height:37px; background-image:url("./image/popTitleBar01_right.gif"); }

.popTitle02 { height:37px; padding:0; margin:0; background:url("./image/popTitleBar_bg.gif"); }
.popTitle02 td { color:#000000; }
.popTitle02 td:first-child{ width:31px; height:37px; background-image:url("./image/popTitleBar02_left.gif"); }
.popTitle02 td:last-child{ width:5px; height:37px; background-image:url("./image/popTitleBar02_right.gif"); }

/* 게시판 읽기 타이틀 색*/
.bReadTit{color:#9ac2e5;}

/* 타이틀 바 */
.titleView {padding:8px 10px 8px 10px;border:1px #c0c0c0 solid;border-radius:3px;letter-spacing:-0.5px;min-height:16px;position:relative;
	background-image: -webkit-linear-gradient(top, #fff, #f0f0f0);
	background-image: -moz-linear-gradient(top, #fff, #f0f0f0);
	background-image: -o-linear-gradient(top, #fff, #f0f0f0);
	background-image: linear-gradient(to bottom, #fff, #f0f0f0);
}
.titleView span.navi {position:absolute; left:auto;right:170px; padding-right:10px;}
.titleView span.bookmark {position:absolute; left:auto;right:90px;bottom:5px; text-align:right;}
.titleView span.refresh {position:absolute; left:auto;right:10px; bottom:5px;}

/* 팁바 */
.descriptionView {padding:10px 10px 10px 10px;border:1px #c0c0c0 solid;border-radius:3px;letter-spacing:-0.5px;min-height:30px;position:relative;
	background-image: -webkit-linear-gradient(top, #fff, #f0f0f0);
	background-image: -moz-linear-gradient(top, #fff, #f0f0f0);
	background-image: -o-linear-gradient(top, #fff, #f0f0f0);
	background-image: linear-gradient(to bottom, #fff, #f0f0f0);
}
.descriptionView span.icoinfo {position:absolute;top:10px;left:10px}

/* 라운드 바 */
.barDesign {padding:3px 5px 3px 5px;background:#f0f0f0;border:1px #c0c0c0 solid;border-radius:5px;letter-spacing:-1px;
	background-image: -webkit-linear-gradient(top, #fff, #f0f0f0);
	background-image: -moz-linear-gradient(top, #fff, #f0f0f0);
	background-image: -o-linear-gradient(top, #fff, #f0f0f0);
	background-image: linear-gradient(to bottom, #fff, #f0f0f0);
}
.barDesign:after {content:""; display:block;float:none;clear:both;}


.captionTop {padding:5px 5px 5px 5px;background:#f0f0f0;border:1px #c0c0c0 solid;position:relative;
	border-top-left-radius:5px;border-top-right-radius:5px;border-bottom:none;letter-spacing:-1px;
	background-image: -webkit-linear-gradient(top, #fff, #f0f0f0);
	background-image: -moz-linear-gradient(top, #fff, #f0f0f0);
	background-image: -o-linear-gradient(top, #fff, #f0f0f0);
	background-image: linear-gradient(to bottom, #fff, #f0f0f0);
}
.captionTop span.more {position:absolute; left:auto;right:10px; }
.captionWrap {border:1px #ccc solid;padding:10px;border-bottom-left-radius:3px;border-bottom-right-radius:3px; margin-bottom:10px;}

.MvsCls { 
	overflow-x:hidden; overflow-y:scroll; background: white;
	scrollbar-face-color:#EEEEEE; scrollbar-highlight-color: FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-shadow-color: FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: navy
}

/* 달력 타이틀 */
.WeekendTitle { height: 30px; color: #ffffff; font-weight: bold;}
.WeekendTitle.Black { background-image:url("/image/weekend_bg_black.gif");}
.WeekendTitle.Red { background-image:url("/image/weekend_bg_red.gif");}
.WeekendTitle.Blue { background-image:url("/Wimage/weekend_bg_blue.gif");}

table.table { border:none; border-spacing:0px; border-collapse:collapse; }
table.table td { padding:0px 0px 0px 0px }

/* 그리드스타일 테이블 iframe에서 주로사용 */
table.grid { border:none; border-spacing:0px; border-collapse:collapse; }
table.gridWrap { border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }
table.grid th { 
	height:26px; color:#555;
	background-color: #f1f1f1;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
table.grid tr:nth-child(odd) {background: #f9f9f9}
table.grid tr:nth-child(even) {background: #FFFFFF}
table.grid tr:hover { background-color: #DAE8F8; }
table.grid td { height:24px; border-right: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; }
table.grid td:last-child { border-bottom: 1px solid #c7c7c7; }
table.grid .underline { height:1px; background-color: #c7c7c7 }
table.grid .subtbl { border:none; border-spacing:0px; border-collapse:collapse; border: 0px; }
table.grid .subtbl td { padding:0px 0px 0px 0px; border: 0px; }
table.grid .iframeWrap { margin: -1px -1px -1px -1px }

table.gray { border:0px; background:#dddddd; border-spacing:1px;  }
table.gray th { height:30px; text-align:center; background: linear-gradient(#fbfbfb, #f2f2f2); color:#000000; }
table.gray th.empty { background: linear-gradient(#ffffff, #ffffff); color:#000000; }
table.gray td { height:26px; padding:1px 0px 1px 4px; background:#ffffff; }
table.gray td.label { color:#333; background-color:#FAFAFA; text-align:center; }
table.gray td.label.req { color:#333; font-weight: bold; }
table.gray td.labelL { color:#333; background-color:#FAFAFA;  text-align:left; padding-left: 5px; }
table.gray td.labelL.req { color:#333; font-weight: bold; }
table.gray td.labelR { color:#333; background-color:#FAFAFA; text-align:right; padding-right: 5px; }
table.gray td.labelR.req { color:#333; font-weight: bold; }
table.gray .underline { height:0px; background-color: #cccccc }
table.gray .subtbl { border:none; border-spacing:0px; border-collapse:collapse; }
table.gray .subtbl td { padding:0px 0px 0px 0px }

table.sky { background:#7facd0; border-spacing:1px; }
table.sky th { height:30px; text-align:center; background: linear-gradient(#c5e0f6, #b0d2ee); color:#000000; }
table.sky th.empty { background: linear-gradient(#ffffff, #ffffff); color:#000000; }
table.sky td { height:26px; padding:1px 0px 1px 4px; background:#ffffff; }
table.sky td.label { color:#000000; background-color:#f4f8ff; text-align:center; }
table.sky td.label.req { color: #ff6a6a; }
table.sky td.labelL { color:#000000; background-color:#f4f8ff;  text-align:left; padding-left: 5px; }
table.sky td.labelL.req { color: #ff6a6a; }
table.sky td.labelR { color:#000000; background-color:#f4f8ff; text-align:right; padding-right: 5px; }
table.sky td.labelR.req { color: #ff6a6a; }
table.sky .underline { height:0px; background-color: #7facd0 }
table.sky .subtbl { border:none; border-spacing:0px; border-collapse:collapse; }
table.sky .subtbl td { padding:0px 0px 0px 0px }

table.green { background:#c0cb98; border-spacing:1px; }
table.green th { height:30px; text-align:center; background: linear-gradient(#f0f6d8, #dbe6b3); color:#000000; }
table.green th.empty { background: linear-gradient(#ffffff, #ffffff); color:#000000; }
table.green td { height:26px; padding:1px 0px 1px 4px; background:#ffffff; }
table.green td.label { color:#000000; background-color:#F8FFE9; text-align:center; }
table.green td.label.req { color: #ff6a6a; }
table.green td.labelL { color:#000000; background-color:#F8FFE9;  text-align:left; padding-left: 5px; }
table.green td.labelL.req { color: #ff6a6a; }
table.green td.labelR { color:#000000; background-color:#F8FFE9; text-align:right; padding-right: 5px; }
table.green td.labelR.req { color: #ff6a6a; }
table.green .underline { height:0px; background-color: #c0cb98 }
table.green .subtbl { border:none; border-spacing:0px; border-collapse:collapse; }
table.green .subtbl td { padding:0px 0px 0px 0px }

table.red { background:#d2b8b4; border-spacing:1px; }
table.red th { height:30px; text-align:center; background: linear-gradient(#ffe2dd, #fccac1); color:#000000; }
table.red th.empty { background: linear-gradient(#ffffff, #ffffff); color:#000000; }
table.red td { height:26px; padding:1px 0px 1px 4px; background:#ffffff; }
table.red td.label { color:#000000; background-color:#FFEEEB; text-align:center; }
table.red td.label.req { color: #ff6a6a; }
table.red td.labelL { color:#000000; background-color:#FFEEEB; text-align:left; padding-left: 5px; }
table.red td.labelL.req { color: #ff6a6a; }
table.red td.labelR { color:#000000; background-color:#FFEEEB; text-align:right; padding-right: 5px; }
table.red td.labelR.req { color: #ff6a6a; }
table.red .underline { height:0px; background-color: #d2b8b4 }
table.red .subtbl { border:none; border-spacing:0px; border-collapse:collapse; }
table.red .subtbl td { padding:0px 0px 0px 0px }

.mem-info {background-color:rgba(255, 255, 255, 0.082);padding:8px 14px;}
.mem-info > div:first-child {color:#93e4ff;font-size:.97em;letter-spacing:.9px;margin-bottom:8px;}
.mem-info > div:last-child {color:#ffff80;font-size:.92em;}
.mem-info > div > span {display:inline-block;width:142px;font-size:inherit;}
.mem-info > div > span > i {margin-right:2px;font-size:.9em;}
.mem-info > div > a.btn {color:#fff;font-size:inherit;padding:0 4px;margin:0;float:right;}

.payFixedRem {display:flex;flex-flow:row nowrap;align-items: stretch; border: 1px solid #aaa; padding: 4px; font-size: .95em; background-color:#f5f5f5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-top: 8px;}
.payFixedRem > div {align-self: stretch; }
.payFixedRem > div:nth-child(1) {font-weight:bolder; margin: auto 4px; }
.payFixedRem > div.cnt {display:flex;flex-flow:column; border-left:1px dashed #aaa;}
.payFixedRem > div.cnt > div {display:flex;flex-flow:row nowrap;}
.payFixedRem > div.cnt > div > div {margin-left:2px; text-align: right;}
.payFixedRem > div.cnt > div > div:nth-child(1) {width:34px;}
.payFixedRem > div.cnt > div > div:nth-child(2) {color:#00e; font-weight:bolder; width:34px;}
.payFixedRem > div.cnt > div > div:nth-child(3) {width:8px; color:#aaa;}
.payFixedRem > div.cnt > div > div:nth-child(4) {width:30px;}

.payFixedSendBtn {display:flex;flex-flow:row nowrap; }
.payFixedSendBtn > .send-btn {padding-top:20px; flex-grow: 1;}
.payFixedSendBtn > .send-btn > a {display:block; text-align:center; letter-spacing: 1px;}
.payFixedSendBtn > div:nth-child(2) {margin-left:20px;}


.pop-bill  {
	padding: 0;
}

.pop-bill #wtjensign {
	width: 70px;
	position: absolute;
	z-index: 2;
}

.pop-bill P.breakhere {
	page-break-before: always;
}

.pop-bill table {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

.pop-bill table tr>th {
	font-weight: bolder;
	background-color: #f0f0f0;
}

.pop-bill table tr>th,
.pop-bill table tr>td {
	padding: 4px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.pop-bill table tr>th.title {
	font-size: 1.1em;
}

.pop-bill.acc table tr>th.title {
	color: #224388;
}

.pop-bill.req table tr>th.title {
	color: #8d1d1d;
}

.pop-bill table tr>th.title .sch-name {
	font-size: 1.1em;
}

.pop-bill table tr.sum th,
.pop-bill table tr.sum td {
	background-color: #fbfadf !important;
	font-weight: bolder;
	color: #CF436D;
}

.pop-bill table tr>td {
	text-align: right;
}

@media print {
	.pop-bill table tr>th {
		print-color-adjust: exact;
		-webkit-print-color-adjust: exact;
	}

	.pop-bill .btns {
		display: none;
	}
}