@CHARSET "UTF-8";
@import url("./common.css");

body 	{font-size:12px; background:url(../images/mainbg.jpg)}
#wrap	{position:relative;}

/* 상단 영역 */
.layHeader	{position:fixed; top:0px; left:0px; width:100%; min-width:1200px; height:35px; background:url(../images/headerbg.jpg) repeat-x left top; z-index:8000;}
	.layHeader h1 {position:absolute; left:10px; top:10px;}
	.Lnb {position:absolute; left:50%; width:400px; margin-left:-110px;}
		.Lnb li {height:34px; top:0; float:left; margin:0 10px 0 0; padding:0;}
		.Lnb li .Lnb a {display:block;}
		.Lnb .icoNote {width:21px; background:url(../images/headerIcon.png) no-repeat -9px 0; text-indent:-9999px}
		.Lnb .icoMail {width:21px; background:url(../images/headerIcon.png) no-repeat -40px 0; text-indent:-9999px}
		.Lnb .icoMessage {width:21px; background:url(../images/headerIcon.png) no-repeat -71px 0; text-indent:-9999px}
		.Lnb .icoSign {width:21px; background:url(../images/headerIcon.png) no-repeat -102px 0; text-indent:-9999px}
		.Lnb .icoCal {width:21px; background:url(../images/headerIcon.png) no-repeat -133px 0; text-indent:-9999px}
		.Lnb .icoTodo {width:21px; background:url(../images/headerIcon.png) no-repeat -164px 0; text-indent:-9999px}
		.Lnb .icoAdd {width:21px; background:url(../images/headerIcon.png) no-repeat -195px 0; text-indent:-9999px}
		.Lnb .icoNote:hover {width:21px; background:url(../images/headerIcon.png) no-repeat -9px -49px; text-indent:-9999px}
		.Lnb .icoMail:hover {width:21px; background:url(../images/headerIcon.png) no-repeat -40px -49px; text-indent:-9999px}
		.Lnb .icoMessage:hover {width:21px; background:url(../images/headerIcon.png) no-repeat -71px -49px; text-indent:-9999px}
		.Lnb .icoSign:hover {width:21px; background:url(../images/headerIcon.png) no-repeat -102px -49px; text-indent:-9999px}
		.Lnb .icoCal:hover {width:21px; background:url(../images/headerIcon.png) no-repeat -133px -49px; text-indent:-9999px}
		.Lnb .icoTodo:hover {width:21px; background:url(../images/headerIcon.png) no-repeat -164px -49px; text-indent:-9999px}
		.Lnb .icoAdd:hover {width:21px; background:url(../images/headerIcon.png) no-repeat -195px -49px; text-indent:-9999px}
	.Gnb {position:absolute; right:10px;}
		.Gnb li {float:left; margin-left:5px; height:35px; line-height:35px; }
		.Gnb .miniPic {width:20px; height:20px; margin-top:6px; background:gray; border:1px solid black; text-indent:-9999px}
		.Gnb .gnbName {text-indent:0}
		.Gnb .gnbList {width:8px; background:url(../images/headerIcon.png) no-repeat -12px -99px; text-indent:-9999px}
		.Gnb .gnbSearch {width:21px; background:url(../images/headerIcon.png) no-repeat -27px -99px; text-indent:-9999px}
		.Gnb .gnbSett {width:21px;  background:url(../images/headerIcon.png) no-repeat -61px -99px; text-indent:-9999px}
		.Gnb .gnbHelp {width:21px;  background:url(../images/headerIcon.png) no-repeat -83px -99px; text-indent:-9999px}
		.Gnb .gnbList:hover {width:8px; background:url(../images/headerIcon.png) no-repeat -123px -99px; text-indent:-9999px}
		.Gnb .gnbSearch:hover {width:21px; background:url(../images/headerIcon.png) no-repeat -134px -99px; text-indent:-9999px}
		.Gnb .gnbSett:hover {width:21px;  background:url(../images/headerIcon.png) no-repeat -168px -99px; text-indent:-9999px}
		.Gnb .gnbHelp:hover {width:21px;  background:url(../images/headerIcon.png) no-repeat -190px -99px; text-indent:-9999px}


/* 메뉴 영역 */
.layMenu	{position:fixed; top:35px; left:0px; width:100%; min-width:1200px; height:34px; background:url(../images/menubg.jpg) repeat-x left top; z-index:7000;}
	.layMenu_naviBx {position:absolute; top:4px; left:10px; line-height:34px; border-width:0px; z-index:99;}
	#layMenu_navi	{border-width:0px; background-color:transparent;}
	#layMenu_navi li.rootNavi	{min-width:150px; text-align:center; background-color:transparent;}
	#layMenu_navi li.rootNavi a {display:block;}
	#layMenu_navi li.subNavi 	{min-width:150px; margin:0px; padding-top:7px; padding-bottom:0px; text-align:left; background-color:transparent;}
	#layMenu_navi li.subNavi a  {display:block;}
	
	.layMenu .Weather {position:absolute; width:300px; top:4px; left:50%; margin-left:-100px; z-index:100;}
	.layMenu .Weather li {float:left; height:27px; line-height:27px;}
	.weatherData {height:27px; background:#223269; padding:0 20px;}
	.weatherData img {margin-left:5px; margin-top:2px;}
	
	.favorit {position:absolute; width:269px; height:34px; right:0; background:url(../images/menubg2.jpg) no-repeat 0 0; z-index:98;}
	.favorit li {position:absolute; right:10px;}


/* 임시 : 스타일 테마박스 */
.themeChooserBx {display:none; position:relative; margin-top:69px; margin-bottom:-69px; padding:8px 5px 0px 5px; border-bottom:2px solid black; background-color:black; z-index:5000;}
	.themeChooserBx .dummy {height:5px; font-size:1px;}
	#mainWrapInner {padding:0px; border-width:0px; background-color:#fff;}
	.loginInfo	   {position:absolute; top:12px; right:65px;}
	.loginInfo li  {display:inline; font-size:13px; color:white;}
	

/* 메인 영역 */
.layMain	{position:relative; min-width:1200px; margin-top:69px; margin-bottom:40px; padding-right:54px; overflow-x:hidden;}
.layDetail	{position:relative; margin:20px 20px 0px 20px; padding-left:10; background-color:#fff;}

	/* 메인내용 영역 */
	.layContent	{position:relative; min-height:770px; padding:0px 20px 10px 10px;}
		section.abc-content {position:relative;}
	
	/* 서브메뉴 영역 */
	.laySide	{position:absolute; top:0px; left:0px; width:220px; min-height:780px;}
		.laySubMenu {width:200px; margin:10px;}
		/*
		.laySubMenu li {border-bottom:1px dotted #ccc;}
		.laySubMenu li.indent {text-indent:10px;}
		.laySubMenu li a {display:block; padding:10px 5px 4px 5px; font-size:14px;}
		.laySubMenu li a:hover {color:#fff; background-color:#000;}
		*/



/* 퀵 메뉴 */
.layQuick	{position:fixed; top:69px; right:0px; width:54px; min-height:1000px; background:url(../images/quick_bg.png) repeat-y 0 0 #4c62ae; z-index:6000;}
	.layQuick div {position:relative; height:630px;}
		.layQuick li {height:45px; left:8px; top:0; padding:0; text-indent:-9999px}
		.layQuick .icoGroup {width:40px; margin:21px 0 0 8px; background:url(../images/quick_icon.png) no-repeat -8px -16px;}
		.layQuick .icoAdress {width:40px; margin:21px 0 0 8px; background:url(../images/quick_icon.png) no-repeat -8px -94px;}
		.layQuick .icoSms {width:40px; margin:21px 0 0 8px; background:url(../images/quick_icon.png) no-repeat -8px -165px;}
		.layQuick .icoMemo {width:40px; margin:21px 0 0 8px; background:url(../images/quick_icon.png) no-repeat -8px -231px;}
		.layQuick .icoline {width:54px; height:2px; margin-top:15px; background:url(../images/quick_icon.png) no-repeat 0 -75px;}
		.layQuick .quickAdd {position:absolute; bottom:20px; left:8px; width:40px; height:20px; background:url(../images/quick_icon.png) no-repeat -8px -306px; text-indent:-9999px}



.layConsole {min-height:50px; margin:10px 0px; padding:15px 10px; text-align:left; border-top:2px solid #333;}

	
/* 하단 영역 */
.layFooter	{position:fixed; bottom:0px; left:0px; width:100%; min-width:1200px; height:31px; background:url(../images/footerbg.jpg) repeat-x; z-index:9000;}
	.layFooter .footerBxcenter {height:31px; line-height:31px; padding:0px 340px 0px 170px;}
	.layFooter .footerBxleft {position:absolute; top:0px; left:0px; width:150px; margin-left:10px;}
	.layFooter .footerBxright {position:absolute; top:0px; right:0px; width:320px;}
	.layFooter .footerBxright li {height:31px; line-height:31px; float:left;}
	.layFooter .footerBtn {height:28px; width:80px; background:url(../images/footerbtnbg.jpg) repeat-x left top; border:1px solid #b2b2b2; text-align:center}


/*=== 전체, 공용 레이어		======================================== */	
/* 블라인드 처리(모달창) */
#cmnBlindBx {display:none; position:fixed; top:0px; left:0px; width:100%; height:800px; text-align:center; z-index:10000;
	background-color:black; 
	filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.3;
}

/* 메시지 창 (Alert) */
.cmnAlertBx {display:none; position:fixed; top:150px; left:300px; width:250px; text-align:center; z-index:10021;
	border-width:1px; border-style:solid;
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
}
	.cmnAlertBx div	 {padding:20px 15px 25px 15px; text-align:left;}
	.cmnAlertBx button {min-width:50px; margin-bottom:15px;}
	
/* 메시지 박스 */
.cmnMsgBx {display:none; position:fixed; top:0px; left:0px; width:250px; text-align:center; z-index:10011;
	border-width:1px; border-style:solid;
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
}
	.cmnMsgBx div	 {margin:0px 25px 0px 0px; padding:20px 0px 15px 10px; text-align:center;}
	.cmnMsgBx button {position:absolute; top:15px; right:5px; width:20px;}

button {
    border: 0;
}
/*에러페이지 -테마*/
.layerror {position:absolute; width:99%; margin:0 auto}
.layerror div.messege {position: relative; width:600px; left:50%; margin-left:-300px; margin-top:100px; text-align:center;}
	.layerror div.messege img {margin-bottom:20px;}
.layerror div.msg_txtbox {padding:60px 0; background-color:#fbfbfb;}
.layerror div.msg_txt {position: relative; width:600px; left:50%; margin-left:-300px; padding:0 20px; font-size:14px; overflow:hidden;}
.layerror div._btn button {font-weight:bold; text-align:center; height:32px; line-height:24px; width:182px; margin-top:20px; cursor:pointer;}
.layerror div._btn button.home {background:url(/resources/abc/images/error_btn.png) no-repeat -11px -4px; color:#fff; }
.layerror div._btn button.back {background:url(/resources/abc/images/error_btn.png) no-repeat -198px -4px; color:#a3a8b6; }
.layerror div.msg span.tit {display:block; font-size:32px; margin-bottom:20px;}