/*** 기본 스타일 ***/
html { width:100%; height:100%; }
body { width:100%; height:100%; color:#555; font-size:75%; line-height:1.2; font-family:"맑은고딕", 'Malgun Gothic', "굴림", Gulim, "돋움", Dotum, Tahoma, Verdana, AppleGothic, sans-serif; }


/* CSS Document */
legend, #login h1, .login-layout label, #skipNavi,
caption.none {
	position:absolute;
	overflow:hidden;	
	width:1px;
	height:1px;
	top:auto;
	text-indent:-9999%;	
	font-size:0;
	line-height:0;
}


/* float:left등으로 띄우면 높이를 잃게되는데, 높이 인식하게 하기 */
.clearfix:after { content: ""; display: block; clear: both; }

::selection { background: rgba(176, 0, 105, 0.85); color: rgb(255, 255, 255); } /* 드래그 했을 때 색 */


/* body */
html { margin:0; padding:0; }
body { margin:0; color:#555; font-size:75%; line-height:1.2; letter-spacing:0em; font-family:'Malgun Gothic', 'MalgunGothic', "맑은고딕", "굴림", Gulim, "돋움", Dotum, Tahoma, Verdana, AppleGothic, sans-serif; }

ol, ul { list-style:none; }

a, a:link { color:#555; text-decoration:none; } 
a:visited { color:#555; text-decoration:none; }
a:hover { color:#2473e8; text-decoration:none; }
a:focus { color:#2473e8; text-decoration:none; }
a:active { color:#2473e8; text-decoration:none; }



#lib-wrapper { width:100%; margin:0; clear:both; }
#lib-header { width:990px; height:90px; margin:10px auto 0; z-index:100; clear:both; }
#lib-header .lib-wrap { position:relative; width:990px; margin:0 auto; z-index:100; }

#lib-box-def { width:100%; height:700px; margin:0; background:url(../../images/common/lib_main.jpg) no-repeat center 0; clear:both; }
#lib-box-def .lib-boxin-def { width:960px; padding-top:70px; margin:0 auto; }

#lib-box { width:100%; height:300px; margin:0; background:url(../../images/common/lib_back.jpg) no-repeat center 0; clear:both; }
#lib-box .lib-boxin { width:960px; padding-top:70px; margin:0 auto; }

#lib-con  { position:relative; width:990px; padding:0; margin:0 auto; clear:both; height:auto !important; }
#lib-con h1 { padding:0 0 15px; margin:0; color:#333; LINE-HEIGHT:1em; letter-spacing:-0.1em; font:35px "맑은고딕", 'Malgun Gothic', "굴림", "Trebuchet MS", Tahoma; font-weight:normal; border-bottom:1px solid #e2e2e2; }
#lib-con h2 { padding:40px 0 0; margin:0; color:#b00069; LINE-HEIGHT:1em; letter-spacing:-0.1em; font:30px "맑은고딕", 'Malgun Gothic', "굴림", "Trebuchet MS", Tahoma; font-weight:normal; }
#lib-con h2 span { font-size:16px; }
#lib-con .lib-area { width:100%; margin:0; padding-top:35px; LINE-HEIGHT:1.5em; }


/*** 폼박스 input ***/
.libsearch { margin-top:10px; padding:3px; border: #fff 1px solid; }

input { font-family:'Malgun Gothic', 'MalgunGothic', "맑은고딕", "굴림", Gulim, "돋움", Dotum, Tahoma, Verdana, AppleGothic, sans-serif; }
input.libinput { margin-top:5px; padding:0 10px; border-radius: 0px; border: 0px solid rgb(227, 227, 227); border-image: none; width: 320px; height: 55px; color: rgb(187, 187, 187); letter-spacing: 0px; font-size: 16px; background-color: rgb(255, 255, 255); }
input.libinput:focus { margin-top:5px; padding:0 10px; border-radius: 0px; border: 0px solid rgb(136, 136, 136); border-image: none; color: rgb(51, 51, 51); letter-spacing: 0px; font-size: 16px; background-color: rgb(255, 255, 255); }
input.libsearchBtn { position:absolute; margin-top:5px; padding:0; width:68px; height:55px; border-radius: 0px; }

.form-control, .form-control:focus { box-shadow: none; -webkit-box-shadow: none; font-size:18px; }
.form-control { padding: 5px 5px 8px; border-radius: 0px; border: 1px solid rgb(255, 255, 255); border-image: none; font-weight: normal; -webkit-border-radius: 0; -moz-border-radius: 0; font-family:'Malgun Gothic', 'MalgunGothic', "맑은고딕", "굴림", Gulim, "돋움", Dotum, Tahoma, Verdana, AppleGothic, sans-serif; }


/*** Input폼 ime-mode ***/
.activeMode {ime-mode:active}
.inactiveMode {ime-mode:inactive}
.disabledMode {ime-mode:disabled}
.imgPointer {cursor:pointer}

.authorbox { padding:0; margin:0; }
.authorli { float:left; width:90px; height:40px; margin:0; }
.authorli > .authora a { float:left; width:69px; height:19px; padding:10px 10px; background:#f9f9f9; border-right:1px solid #fff; border-bottom:1px solid #fff; font-size:13px; color:#555; line-height:1.0em; }
.authorli > .authora a:visited { background:#f2f2f2; }
.authorli > .authora a:hover { background:#ea088c; color:#fff; }


.acthorinfo { padding:40px 0 0; margin:0; font-size:1.333em; line-height:1.500em; }

.dedit { position:absolute; right:0; top:46px; }


/* -------------------- FOOTERI(copyright) 영역 ---------------------- */
#footW { clear:both; width:100%; min-height:160px; background:#333; margin:70px auto 0; }

#foot_top { width:990px; padding:30px 0 0; margin:0 auto; }
#foot_top ul { margin:0; }
#foot_top ul li { font-size:14px; display:inline; padding:5px 5px 0 10px; background:url(../../images/common/footer_bar.gif) no-repeat 0 12px; }
#foot_top ul li.first { background:none; padding:0 5px 0 0; }
#foot_top ul li a { color:#fcc80d; }
#foot_top ul li a:link, #foot_top ul li a:visited { text-decoration:none; }
#foot_top ul li a:hover { text-decoration:underline; color:#fff; }

#foot_bottom { width:990px; margin:0 auto; }
#foot_bottom address { position:relative; margin-top:0; font-size:14px; padding:20px 0 4px; color:#fff; }
#foot_bottom p.copyright { font-family:Tahoma, Verdana, AppleGothic, sans-serif; font-size:1em; color:#a4a3a3; }
#foot_bottom p.mail { font-size:1em; margin-left:20px; width:650px; }
#foot_bottom p.cstar { font-size:1em; color:#ffff00; padding:10px 0; }

.mphone a { color:#ffff00; }
.mphone a:visited { color:#ffff00; }
.mphone a:hover { color:#0078d5; }