@charset "utf-8";

body {font-size:11px;}

div.userName{
	display:inline;
}

.userName a,
.userName a:link, 
.userName a:visited, 
.userName a:active {color:#8e9699; text-decoration:none; font-size:12px;}
.userName a:hover {text-decoration:underline;}

.dateTime {
	font-size:10px;	
	font-family:arial;
	letter-spacing:0px;
	color:#585c5f;
}

.dateTime b{
 	color:#93785a;
 	font-weight:bolder;
}

.num {
	font-size:10px;	
	font-family:arial;
	letter-spacing:0px;
	color:#585c5f;
}



.buttonArea {
	margin-top:7px;
	margin-bottom:10px;
	text-align:center;
}

.pageMove {
	font-size:9px;
	text-align:center;
	padding-left:0;
	margin-top:15px;
	color:#cfcfcf;
}

.buttonArea .pageSearch {}


.pageMove img {
	cursor:pointer;
	background-image:url(/layout/page_set.gif);
	margin:0;
	outline:0;
}
.pageMove img.off {
	cursor:default;
}
.pageMove .first, .pageMove .end  {
	width:10px;
	height:13px;
}

.pageMove .first {
	background-position : -17px 0;
}

.pageMove .first:hover {
	background-position : -17px -14px;
}


.pageMove .end {
	background-position : -43px 0;
}
.pageMove .end:hover {
	background-position : -43px -14px;
}

.pageMove .prev, .pageMove .next {
	width:10px;
	height:13px;
	margin:0 3px;
}

.pageMove .prev {
	background-position : 0 0;
}
.pageMove .prev:hover {
	background-position : 0 -14px;
}

.pageMove .next {
	background-position : -60px 0;
}
.pageMove .next:hover {
	background-position : -60px -14px;
}

.pageMove .pagenum a {
	color :#939191;	
	text-decoration:none;
	font-size:12px;
	margin:0 5px;
}

.pageMove b{
	color :#58afcf;	
	text-decoration:bold;
	font-size:12px;
	margin:0 5px;
}

.buttonArea .buttonRight {
	text-align:right;
}

.buttonArea .buttonLeft {
	text-align:left;
}

.buttonArea .buttonCenter {
	text-align:center;
}

.formDate, .formText, .formInput, .formSelect {
	border:1px solid #e1e1e1;
	background-color:#ffffff;
	font-size:12px;
	padding: 2px 2px 2px 2px;
	margin:1px;
	color:#464646;
}

.formDate:focus,
.formText:focus, 
.formInput:focus,
.formSelect:focus {
	border:1px dotted #f47e7e;
	background-color:#f4e6e6;
}

.formText{
	overflow :auto;	
	line-height:170%;
}

.formInput[require=number] {
	text-align:right;
	padding-right:7px;
}

.formDate.large, 
.formInput.large {
	font-size:17px;
	padding: 4px 3px 4px 3px;
}

.formText {
	padding: 5px;	
	overflow-x:hidden;
}

.msgTitle a {
	margin-left:20px;	
}

.alignLeft {
	text-align:left;	
}
.alignCenter {
	text-align:center;	
}
.alignRight {
	text-align:right;	
}

.boardCotents {
	overflow:hidden;
	font-family:"����,Dotum";
	table-layout:fixed;font-size:10pt;line-height:180%;line-break:strict; word-break:break-all; word-wrap:break-word;
}


.boardCotents FONT{line-height:180%;}
.boardCotents P,
.boardCotents H1, 
.boardCotents H2, 
.boardCotents H3, 
.boardCotents H4, 
.boardCotents H5, 
.boardCotents H6 {
	font-family:"����,Verdana";
	margin-top:2px;
	margin-bottom:2px;
}
.boardCotents A, 
.boardCotents A:link, 
.boardCotents A:visited,
.boardCotents A:hover {color:#404040; text-decoration:underline}

.boardCotents H1 {font-family:arial,Dotum;font-weight:bold;color:#666633;font-size:12pt}
.boardCotents H2 {font-family:verdana,����;font-weight:bold;color:#454545;font-size:12pt}
.boardCotents H3 {font-family:arial,Dotum;font-weight:bold;color:#999966;font-size:11pt}
.boardCotents H4 {font-family:verdana,����;font-weight:bold;color:#454545;font-size:9pt}
.boardCotents H5 {}
.boardCotents H6 {}


.formCheck.checked{}

.formCheck input{}


.uploadFrm {
	background-image: url(/layout/uploadPreview.gif);	
	width:91px;
	height:59px;
	margin-right: 3px;
	overflow : hidden;
    text-align:center;
	float:left;
	padding:1px;
	border:1px solid #e0e0e0;
}

.photoFrm img,
.uploadFrm img{
	width:89px;
	height:57px;
}

.dropLayer {
	background-image: url(/layout/layerbg.gif);	
	background-repeat: no-repeat;
	background-color:transparent;
	width:100px;
	border:0px;
	margin:0;
	padding:0px;
}
.dropLayer table {
	margin : 5px;
}

.popupLayer {
	background-color:#fff;
	width:100px;
	padding:0px 0px 0px 0px;
	margin:0px;
	color:#666666;
}

.popupLayer td{
	color:#666666;
}
.popupLayer .title{
	font-size:13px;
	font-weight:bolder;
	text-align:left;
	color:#ffffff;
}
.popupLayer .subtitle{
	font-size:12px;
	text-decoration:underline;	
	white-space:nowrap;
	color:#666666;
}

.popupLayer .contents{}

.popupLayer .contents table{
	margin:5px;
}

.popupLayer .contents td{
	font-size:11px;
	text-align:left;	
}

.popupLayer .popButtonArea {
	text-align:center;
	border-top:2px solid #31a3cc;
	background-color:#f2f6f8;
	padding:5px;	
	margin-top:7px;	
}

.popupLayer strong{
	font-size:14px;
	color:#464646;
	font-weight:bolder;
	text-decoration:underline;	
	margin-left:4px;
	margin-right:4px;
	cursor:pointer;
}
.popupLayer strong:hover{
	color:#464646;
}

.popupLayer .topButton{
	height:1px;
}
.popupLayer .closeBtn{
	background-image: url(/layout/btn_closeg.gif);	
	background-repeat:no-repeat;
	/*
	width:11px;
	height:11px;
	*/
	width:22px;
	height:22px;
	float:right;
	font-size:1px;
	overflow:hidden;
	cursor:pointer;
	margin-right:5px;
	margin-top:10px;
	z-index:99999;
}

.popupLayer .moveBtn{
	position:absolute;
	left:0px;
	top:0px;
	cursor:pointer;
	width:200px;
	height:56px;
	margin-top:0px;
	margin-bottom:4px;
}

.popupSkin {
	background-image: url(/layout/popupbg.gif);	
	table-layout:fixed;
}

.popupSkinW {
	background-image: url(/layout/popupbgw.gif);	
	table-layout:fixed;
}



.tlayer_box .in_tr div.text  { margin:0; float:left; border:0px solid blue;}
.tlayer_box .in_tr div.text ul { float:left;}
.tlayer_box .in_tr div.text ul li{ float:left; list-style:none; width:92px; padding:0px 1px 0px 0px;}
.tlayer_box .in_tr div.text2  { margin:0; float:left; border:0px solid blue;}
.tlayer_box .in_tr div.text2 ul { float:left;}
.tlayer_box .in_tr div.text2 ul li{ float:left; list-style:none; padding:0px 0px 0px 0px;}
.tlayer_box .in_tr div.text2 ul li.txt{ float:left; list-style:none; width:123px; padding:0px 0px 0px 0px;}
.tlayer_box .in_tr div.text2 ul li.btn{ float:left; list-style:none; width:50px; padding:0px 0px 0px 0px; margin:40px 0px 0px 0px;}

div.notetxt	{ padding:0px 0px 0px 0px; margin:5px 0px 0px 0px; height:75px; overflow-y:auto; overflow-x:hidden; background:#ffffff; border:1px solid #E5E5E5;}
div.notetxt ul{ float:left; }
div.notetxt ul li {width:100%; padding:5px 5px 5px 5px; margin:0px; height:18px;}
div.notetxt ul li.on{ background:#F5F5F5;}

.rlayer_box .in_tr div.text2 ul li.btn{ float:left; list-style:none; width:50px; padding:0px 0px 0px 0px;}


.s-bc i {
	font-size:1px;	
	display:block;
	line-height:0;
}

.s-tl i,
.s-tr i,
.s-ml i,
.s-mr i,
.s-bl i,
.s-br i{
	font-size:1px;	
	display:block;
	width:10px;
	line-height:0;
}

.s-tl{
	background-position:0 0;
	width:10px;
	height:34px;	
}

.s-tc{
	background-position:-10px 0;
	height:34px;	
	text-align:center;
}
.s-tc .title {
	color:#ffffff;
	font-size:12px;
	font-weight:bolder;
}
.s-tc img {
	top:-5px;
	/*position:relative;*/
	margin-top:15px;	
}
.s-tr{
	background-position:-690px 0;
	height:34px;	
	width:10px;
}

.s-ml{
	background-position:0 -34px;
	width:10px;
}
.s-mc{
	background-position:-10px -34px;
	text-align:left;
}
.s-mr{
	background-position:-690px -34px;
}

.s-bl{
	background-position:0 -690px;
	width:10px;
	height:10px;	
}
.s-bc{
	background-position:-10px -690px;
	height:10px;	
}
.s-br{
	background-position:-690px -690px;
	height:10px;	
	width:10px;
}


.exifLayer {
	background-image: url(/layout/exifbg.gif);	
	background-repeat: no-repeat;
	background-color:transparent;
	width:260px;
	border:0px;
	margin:0;
	padding:0;
}

.exifLayer .close{
	cursor : pointer;
	height : 55px;
}

.exifLayer .contents{
	height : auto;
	margin:0 15px 5px 15px
}

.exifLayer td{
	height:24px;
	padding:2px;	
}

.memButton {
	background-image: url(/layout/mem_buttonset.gif);	
	background-repeat: no-repeat;
	background-color:transparent;
	border:0px;
	margin:0;
	padding:0;
	cursor:pointer;
    -moz-outline:0 none;
    outline:0 none;
}


.memButton.modify {
	background-position:0 0;	
	width:95px;
	height:33px;
}

.memButton.modify:hover {
	background-position:-100px 0;	
}

.memButton.ok {
	background-position:0 -68px;	
	width:69px;
	height:33px;
}

.memButton.ok:hover {
	background-position:-100px -68px;	
}

.memButton.cancel {
	background-position:0 -102px;	
	width:69px;
	height:33px;
}

.memButton.cancel:hover {
	background-position:-100px -102px;	
}

.memButton.join {
	background-position:0 -136px;	
	width:95px;
	height:33px;
}

.memButton.join:hover {
	background-position:-100px -136px;	
}

.memButton.leave {
	background-position:0 -34px;	
	width:48px;
	height:33px;
}

.memButton.leave:hover {
	background-position:-100px -34px;	
}

.memButton.login {
	background-position:0 -170px;	
	width:95px;
	height:33px;
}

.memButton.login:hover {
	background-position:-100px -170px;	
}

.memButton.loginL {
	background-position:0 -204px;	
	width:95px;
	height:58px;
}

.memButton.loginL:hover {
	background-position:-100px -204px;	
}

.boardButton {
	background-image: url(/layout/board_buttonset.gif);	
	background-repeat: no-repeat;
	background-color:transparent;
	border:0px;
	margin:0;
	padding:0;
	cursor:pointer;
    -moz-outline:0 none;
    outline:0 none;
}

.boardButton.write {
	background-position:0 0;	
	width:82px;
	height:33px;
}
.boardButton.write:hover {
	background-position:-100px 0px;	
}

.boardButton.cancel {
	background-position:0 -34px;	
	width:82px;
	height:33px;
}
.boardButton.cancel:hover {
	background-position:-100px -34px;	
}

.boardButton.preview {
	background-position:0 -68px;	
	width:92px;
	height:33px;
}
.boardButton.preview:hover {
	background-position:-100px -68px;	
}

.boardButton.tailwrite {
	background-position:0 -104px;	
	width:96px;
	height:96px;
}

.boardButton.tailwrite:hover {
	background-position:-100px -104px;	
}


@media print {
	#logoArea,
	#contentBody #columnGab,
	#contentBody #columnSide,
	#topBanner,
	#header,
	#footer {display:none}
	#bodyWrap {width:auto}
}


.bgButton {
	background-image: url(/layout/button_set.gif);
	background-repeat:no-repeat;
	background-color:transparent;
	height:20px;
	border:0;
	margin:2px 0 0 0;
	outline:0;
	cursor:pointer;
	font-size: 11px;
	color:#818181;
	text-align:center;
	display:inline-block;
	overflow:hidden;
}

.bgButton.size2{
	background-position:0 0;
	width:40px;
}

.bgButton.size2:hover{
	background-position:-150px 0;
}

.bgButton.size3{
	background-position:0 -25px;
	width:55px;
}

.bgButton.size3:hover{
	background-position:-150px -25px;
}

.bgButton.size4{
	width:70px;
	background-position:0 -50px;
}

.bgButton.size4:hover{
	background-position:-150px -50px;
}

.bgButton.size5,
.bgButton.size6 {
	width:95px;
	background-position:0 -75px;
}

.bgButton.size5:hover,
.bgButton.size6:hover{
	background-position:-150px -75px;
}


.bgButtonL {
	background-image: url(/layout/button_set.gif);
	background-repeat:no-repeat;
	background-color:transparent;
	height:26px;
	border:0;
	margin:0;
	outline:0;
	cursor:pointer;
	font-size: 12px;
	color:#585043;
	padding-left:19px;
	text-align:left;
	display:inline-block;
	overflow:hidden;white-space:nowrap;
}

.bgButtonL.size2{
	background-position:0 -125px;
	width:53px;
}

.bgButtonL.size2:hover{
	background-position:-150px -125px;
}

.bgButtonL.size3{
	width:64px;
	background-position:0 -157px;
}

.bgButtonL.size3:hover{
	background-position:-150px -157px;
}

.bgButtonL.size4{
	width:76px;
	background-position:0 -189px;
}

.bgButtonL.size4:hover{
	background-position:-150px -189px;
}

.bgButtonL.size5 {
	width:88px;
	background-position:0 -221px;
}

.bgButtonL.size5:hover{
	background-position:-150px -221px;
}

.bgButtonL.size6 {
	width:100px;
	background-position:0 -253px;
}

.bgButtonL.size6:hover{
	background-position:-150px -253px;
}

.bgButtonL.size7 {
	width:112px;
	background-position:0 -285px;
}

.bgButtonL.size7:hover{
	background-position:-150px -285px;
}

.bgButtonL.size8 {
	width:124px;
	background-position:0 -317px;
}

.bgButtonL.size8:hover{
	background-position:-150px -317px;
}

.formFile {
	border-collapse:collapse;
	width:auto;
	margin:0px;
	padding:0px;
	display:inline;
	overflow:visible;
	position:relative;
}

.formFile textarea {
	height:51px;	
	margin:0 5px 0 0;
}

.formFile input {
	margin-right:5px;
	float:left;
}

.formFile button {
	margin-left:5px;border:0;
	background-image:url(/layout/uploadbtn.gif);
	background-position:0 0;
	width:50px;height:16px;
	overflow:hidden;
	float:left;
	cursor:pointer;
}

.formFile button:hover {
	background-position:0 -16px;
}

.formFile .uploadButton {
	padding:0;
	width:49px;
	height:16px;
	overflow:hidden;
	float:left;
}

.formFile .uploadButton object{
	padding:0;
	margin:0;
	width:49px;
	height:16px;
	position:relative;
}


.formFile .selectFile {
	border:1px solid #e1e1e1;
	background-color:#ffffff;
	font-size:12px;
	color:#464646;
	display:inline;
	cursor:normal;
}

.formFile select {
	border : 1px solid #d0d0d0;
	margin-right:5px;
	height:57px;
	float:left;
}

.formFile div {
	margin-top:0px;
	position:relative;
}

.formFile .comment {
	position:relative;
	left : 5px;top:0px;
	margin-top:10px;
	margin-left: 5px;
	line-height:150%;
}
.formFileDummy {
	display:inline;	
}

.popCalendar.top {
	text-align:center;
	font-weight:bold;
	color:#848484;
	boder-bottom:2px dotted #f5f5f5;
	margin-bottom:2px;
}

.popCalendar {
	border-collapse:collapse;
}
.popCalendar thead td{
	border:1px solid #e5e5e5;
	background-color:#f5f5f5;
	text-align:center;
	color:#afafaf;
	font-weight:bold;
}
.popCalendar tbody td{
	border:1px solid #e5e5e5;
	cursor:pointer;
	text-align:center;
}
.popCalendar tbody td.blank{
	border:1px solid transparent;
	cursor:default;
	text-align:center;
}
.popCalendar tbody td.sun a{
	color:#eb5808;
}
.popCalendar tbody td.sat a{
	color:#2e9fc9;
}
.popCalendar tbody td.today a{
	color:#58afcf;
	font-weight:bold;
	text-decoration:underline;
}

.popCalendar tbody td:hover{
	background-color:#deeef3;
}

/*
Added by Kimjonggab for Tag auto com
*/
#incTop_ac_body{
	border:1px #DADADA solid;
	background:#e0e8f3;
}
#incTop_ac_body .result tr td div{
	overflow-y: auto;
	scrollbar-face-color: #E8E8E8; 
	scrollbar-shadow-color: #C9C9C9; 
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-3dlight-color: #C9C9C9; 
	scrollbar-darkshadow-color: #ffffff; 
	scrollbar-track-color: #F1F1F1; 
	scrollbar-arrow-color: #595959;
}
#incTop_ac_body .suggest tr td{
	color:#DADADA;
}
#incTop_ac_body .suggest tr td a{
	font:11px ����;
	color:#DADADA;
}
#incTop_ac_body .suggest tr td span{
	font:11px ����;
	color:#324fb0;
	padding-left:5px;
}
#incTop_ac_body .suggest tr td span a{
	font:11px ����;
	color:#324fb0;
}

#maskModal {  
	  position:absolute;  
	  z-index:9000;  
	  background-color:#000;  
	  display:none;  
	  left:0;
	  top:0;
	}