/** CSS3PIE **/
.pie {
	behavior: url(../PIE-2_0beta1/PIE.htc);
}


html, body { height:100%; }

body {
	margin:0px;
	padding:0px;
	font-size:12px;
	color: #000000;
	font-family:굴림체; Arial, Myriad, Helvetica, sans-serif;
	line-height:150%;
}
.thebook_body {
}
.thebook_body img {
	z-index: -1; margin-top: 40px; width: 100%; height: 100%; position: fixed; min-height: 1440px;
}

a:link {text-decoration: none;  font-size: 12px; color: #2E8DEC;}
a:visited {text-decoration: none; font-size: 12px; color: #313131;}
a:hover {text-decoration: none;  font-size: 12px; color: #2E8DEC;}


button.lightgreen {
	border:1px solid #A8C760;
	background-color:#BAD76A;
	color:#444;
	-webkit-border-radius: 5px;
	-moz-border-radius   : 5px;
	border-radius        : 5px;
	-webkit-box-shadow :5px 5px 10px #ABCB67;
	-moz-box-shadow    :5px 5px 10px #ABCB67;
	box-shadow         :5px 5px 10px #ABCB67;
}
button.lightgreen:hover {border:1px solid #A8C760; background-color:#D5EE8B; color:#000; cursor:pointer;}


button.orange_normal {
	border:1px solid #666;
	color:#444;
	background-color:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius   : 5px;
	border-radius        : 5px;
}
button.orange_normal:hover {border:1px solid #FBB653; color:#d99431; cursor:pointer;}


img {
	border:0px;
}
img.borderOrange:hover {border:3px solid #FBB653;}
img.borderShadow {
	border:1px solid #666;
	-webkit-box-shadow :5px 5px 10px #666;
	-moz-box-shadow    :5px 5px 10px #666;
	box-shadow         :5px 5px 10px #666;
	margin-bottom:5px;
}
img.borderGreen {
	border:1px solid #9DC34D;
	-webkit-box-shadow :5px 5px 10px #9DC34D;
	-moz-box-shadow    :5px 5px 10px #9DC34D;
	box-shadow         :5px 5px 10px #9DC34D;
	margin-bottom:5px;
}

input, textarea {
	border:1px solid #585858;
	font-size: 12px;
}
input.opt {
	border:0px;
}
input.chk {
	border:0px;
}

/* common/left_main */
td.middleMenu {
	background:url('../images/menu_sbk01.gif') no-repeat left center;
	color:#01446D;
	font-weight:bold;
	height:29px;
	padding:0px 0px 0px 18px;
}

/* 왼쪽메뉴 스타일 */
table.lv3Menu {
}
table.lv3Menu td {
	height:24px;
	background:url('../images/menu_sbk02.gif') no-repeat left top;
	padding:0 0 0 33px;
}
table.lv3Menu td.end {
	height:24px;
	background:url('../images/menu_sbk03.gif') no-repeat left top;
	padding:0 0 0 33px;
}


/* 공지사항 게시판 */
table.tbl_notice {
	background-color:#5DA201;
	table-layout:fixed;
	word-break:break-all;

	-webkit-border-radius: 8px;
	-moz-border-radius   : 8px;
	border-radius        : 8px;
	-webkit-box-shadow :5px 5px 10px #666;
	-moz-box-shadow    :5px 5px 10px #666;
	box-shadow         :5px 5px 10px #666;
}
table.tbl_notice td.title {
	background-color:#D4E6BB;
	color:#088E51;
	font-weight:bold;
	font-size:13px;
	padding:3px 0;
	text-align:center;
}
table.tbl_notice td.textL {
	background-color:#FFFFFF;
	line-height:110%;
	padding:5px 3px;
}
table.tbl_notice td.textC {
	background-color:#FFFFFF;
	line-height:110%;
	padding:5px 0;
	text-align:center;
}
table.tbl_notice td div {
	background-color:#FFFADD;
	border:1px solid #B8B8B8;
	margin:10px 0;
	padding:5px 15px;
	word-break:break-all;
}


/* Shadow Table */
table.shadowGray {
	background-color:#666;
	-webkit-box-shadow :5px 5px 10px #666;
	-moz-box-shadow    :5px 5px 10px #666;
	box-shadow         :5px 5px 10px #666;
}
table.shadowGray td {
	background-color:#fff;
}


/* bottom Shadow Table */
table.shadowGray {
	border:1px solid #666;
	-webkit-box-shadow :5px 5px 10px #666;
	-moz-box-shadow    :5px 5px 10px #666;
	box-shadow         :5px 5px 10px #666;
}
table.shadowGray td {
	background-color:#E9ECE4;
}





/* 더북 게시판 */
.diary {
background-color: #FFFFFF;
    border: 4px solid #CCCCCC;
    border-radius: 12px 12px 12px 12px;
    padding: 10px;
padding-left: 0;
width: 160px;
}
.agree {
margin:0px;
	padding:0px;
	font-size:11px;
	color: #000000;
	font-family:돋움; Arial, Myriad, Helvetica, sans-serif;
	line-height:120%;
}
.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
.theBookList {	background-color: #FFFFFF;
    border: 4px solid #CCCCCC;
    border-radius: 20px 20px 20px 20px;
    padding: 20px;
	font-family:굴림체, Arial, Myriad, Helvetica, sans-serif;
	}
.ui-accordion .ui-accordion-content {
	padding: 0 !important;
}
.article {
background-color: #FFFFFF;
    border: 4px solid #CCCCCC;
    border-radius: 12px 12px 12px 12px;
    height: 1000px;
    overflow-y: scroll;
    padding: 20px;
line-height: 20px;
font-family: 돋움, dotum, 굴림체 Arial, Myriad, Helvetica, sans-serif;
font-size: 12px;
}
.theBookList  ul li {
	list-style : none;
	height: 20px;
	clear: both;
}
.theBookList  ul li  .title {
	float: left;
    margin-left: -30px;
	width: 100px;
	padding-top: 1px;
}
.theBookList  ul li  .date{
	float: right;
	width: 80px;
}
table.theBookList {	background-color: #FFFFFF;
    border: 4px solid #CCCCCC;
    border-radius: 20px 20px 20px 20px;
    padding: 20px;
    table-layout: fixed;word-break:break-all;}
table.theBookList td.textL {
	line-height:110%;
	padding:3px 3px;
}
table.theBookList td.textC {
	line-height:110%;
	padding:3px 0;
	text-align:center;
}

table.theBookView {
table-layout:fixed;word-break:break-all;}
table.theBookView td.title {
	background-color:#FFF
	line-height:150%;
	font-size:30px;
	font-weight:bold;
	padding-bottom:20px;
}
table.theBookView td.content {
}





.cont {background-color:#e9e9e9;}
.end {line-height:130%;text-align:justify; text-decoration : none;}







/*shot */
.s	{font-family:돋움; font-size:11px; color:#474647; text-decoration:none;letter-spacing:0.5px; line-height:115%;}
.s a:link	{font-family:돋움; font-size:11px; color:#666666; text-decoration:none;}
.s a:visited	{font-family:돋움; font-size:11px; color:#666666; text-decoration:none;}
.s a:hover	{font-family:돋움; font-size:11px; color:#666666; text-decoration:none;}
.s a:active	{font-family:돋움; font-size:11px; color:#666666; text-decoration:none;}


/* board link */
.b		{font-family:돋움; font-size:12px; color:#666666; text-decoration:none;}
.b a:link	{font-family:돋움; font-size:12px; color:#666666; text-decoration:none;}
.b a:visited	{font-family:돋움; font-size:12px; color:#666666; text-decoration:none;}
.b a:hover	{font-family:돋움; font-size:12px; color:#545454; text-decoration:underline;}
.b a:active	{font-family:돋움; font-size:12px; color:#666666; text-decoration:none;}

/* submenu link */
.c		{font-family:돋움; font-size:12px; color:#666666; text-decoration:none;font-weight: bold;}
.c a:link	{font-family:돋움; font-size:12px; color:#666666; text-decoration:none;font-weight: bold;}
.c a:visited	{font-family:돋움; font-size:12px; color:#666666; text-decoration:none;font-weight: bold;}
.c a:hover	{font-family:돋움; font-size:12px; color:#666666; text-decoration:underline;font-weight: bold;}
.c a:active	{font-family:돋움; font-size:12px; color:#666666; text-decoration:none;font-weight: bold;}

/* form box */
.InputStyle {
	border-style:solid;border-width:1px;border-color:B4B4B4;color:333333;font
	size:12px;color:#585958; family: 돋움,seoul,helvetica,verdana;background-color:FFFFFF;padding-TOP:4
}

.HiddenInputStyle {
	border-style:none;border-width:0px;border-color:B4B4B4;color:333333;font
	size:12px;color:#585958; family: 돋움,seoul,helvetica,verdana;background-color:FFFFFF;padding-TOP:4
}

.HiddenNoticeStyle {
	border-style:solid;border-width:0px;border-color:B4B4B4;color:333333;font
	size:12px;color:red; family: 돋움,seoul,helvetica,verdana;background-color:FFFFFF;padding-TOP:4;text-align: center
}



#floater { border:0px solid red; position:relative; float:left; width:1px; height:50%; margin-bottom:-340px; }
#mainContainer { clear:both; position:relative; border:0px solid red;width:992px;margin:0 auto; padding:20px 0;}
@media only screen and (max-width:1024px){ #mainContainer { width:98%; } }
@media only screen and (max-width:931px){ #mainContainer { width:930px; } }
	#mainContainer .header {*zoom:1;}  /* IE 5.5~7 hack for clear:both */
	#mainContainer .header:after {content:" "; display:block; clear:both;}
		#mainContainer .header .note { float:left; margin-left:3px;}
		#mainContainer .header .language { float:right; margin-right:3px;}
	#mainContainer .slider {}
	#mainContainer .navigation {text-align:center;}
		#mainContainer .navigation img {margin-left:3%;}
		#mainContainer .navigation img.first {margin-left:0;}
		#mainContainer .navigation .bottom { border:0px solid red;margin-top:6px; height:2px; background:#E4E5E7;}

	#mainContainer .footer { text-align:center;}


.borderRoundGray {
	border: 3px solid #666;
	-webkit-border-radius: 8px;
	-moz-border-radius   : 8px;
	border-radius        : 8px;
	-webkit-box-shadow :5px 5px 10px #666;
	-moz-box-shadow    :5px 5px 10px #666;
	box-shadow         :5px 5px 10px #666;
}

.shadow {
	-webkit-box-shadow :5px 5px 10px #666;
	-moz-box-shadow    :5px 5px 10px #666;
	box-shadow         :5px 5px 10px #666;
}

.aaa {text-decoration: none;  font-size: 12px; color: #00a4f0}

.BUTTON_SRF {
   background: #3D94F6;
   background-image: -webkit-linear-gradient(top, #3D94F6, #1E62D0);
   background-image: -moz-linear-gradient(top, #3D94F6, #1E62D0);
   background-image: -ms-linear-gradient(top, #3D94F6, #1E62D0);
   background-image: -o-linear-gradient(top, #3D94F6, #1E62D0);
   background-image: -webkit-gradient(to bottom, #3D94F6, #1E62D0);
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   color: #FFFFFF;
   font-family: Open Sans;
   font-size: 12px;
   font-weight: 100;
   padding: 8px;
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
   text-align: center;
}

.BUTTON_SRF:hover {
   border: solid #0059A0 0;
   background: #1E62D0;
   background-image: -webkit-linear-gradient(top, #1E62D0, #3D94F6);
   background-image: -moz-linear-gradient(top, #1E62D0, #3D94F6);
   background-image: -ms-linear-gradient(top, #1E62D0, #3D94F6);
   background-image: -o-linear-gradient(top, #1E62D0, #3D94F6);
   background-image: -webkit-gradient(to bottom, #1E62D0, #3D94F6);
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   text-decoration: none;
}