@charset "utf-8";
@import url('common.css');
@import url('global.css');
/* 첫 로그인 페이지 */
#loginbg {position:absolute; top:50%; left:50%; width:800px; height:480px; margin-left: -400px; margin-top: -330px; background-image:url(../images/login_bg.jpg); }
.login {float:left; width:143px; margin-top:301px; margin-left:308px;}
.login ul li { float:left; margin-bottom:3px;}
.login input { padding:3px !important; height:20px !important; margin:2px !important;font-family: '돋움'; font-size:12px; color:#333 !important;}
#loginbg .btn { float:left; margin-top:302px; border:0; }
#loginbg .btn input { border:0; padding:0; }

#wrap{ width:100%; _text-align:left;  }

/* 헤더영역 */
#top{ width:100%; height: 94px; background-image:url(../images/top_bg.jpg); background-repeat:repeat-x;}
.logo{ float:left; margin-top:6px; margin-left:8px; }
.topBtn{ float:right; margin-top:9px; width:165px;}
.topBtn ul li{ float:left; margin-right:8px; }
.topMenu{ float:left; width:100%; margin-top:5px; }


/* 네비영역 */
.nav {float:left; width:180px;background:#edeff2; margin:10px 30px 0 10px;}
.nav .title  { line-height:45px; text-align:center;font-family: '돋움'; font-weight:bold; font-size:14px; color:#f4fcff; background:#2a3c5b;   }
#sm li a  { display:block; width:150px; padding-left:18px; border:1px #bfc4ce solid;  line-height:30px; font-family: '돋움'; font-size:12px; color:#333; background:#fff url(../images/dot_01_off.png) no-repeat 10px 13px; margin:5px 5px 0 5px   }
#sm li a:hover  { font-weight:bold}
#sm li.on a  {border:1px #5c7297 solid; color:#fff; background:#5c7297 url(../images/dot_01_on.png) no-repeat 10px 13px; font-weight:bold}

#sm2 {padding-top:10px; margin-top:13px; border-top:1px #999 dashed;}
#sm2 li a  { display:block; width:140px; padding-left:28px; border:1px #bfc4ce solid;  line-height:30px; font-family: '돋움'; font-size:12px; color:#333; background:#fff url(../images/dot_01_manage.png) no-repeat 7px 7px; margin:5px 5px 0 5px   }
#sm2 li a:hover  { font-weight:bold}
#sm2 li.on a  {border:1px #5c7297 solid; color:#fff;  font-weight:bold}




/* 콘텐츠영역 */
body > .contents {float:left; width:900px; }
.contents > h1 {width:100%; line-height:35px; border-bottom:1px #b8bfc9 solid;font-family: '돋움'; font-weight:bold; font-size:14px; color:#222; margin-top:10px;}
.contents .wrapper{ margin-top:25px;}
.contents .wrapper > .header {overflow:hidden;}
.contents .wrapper > .contents { margin-top:10px;}
.contents .wrapper  h1 {line-height:13px;font-family: '돋움'; font-weight:bold; font-size:12px; color:#222; border-left:3px #F60 solid; padding-left:5px; float:left;}
.contents .wrapper   .search { float:right;}


/* 테이블 */
.tb1 { color: #535353; font-size: 12px; width:100%; border:0; padding:0; border-spacing:0;border-collapse:collapse;  font-family: '돋움';  }
.tb1 caption {color: #454545; font-size: 12px; line-height:29px; font-weight:bold; background:url(../images/dot_title.png) no-repeat 0px 9px;  padding-left:20px; text-align:left; }
.tb1 th,.tb1 td{border:1px #CCCCCC solid; padding:6px; }
.tb1 .bg1{background-color:#f3f6fb; color:#222; }
.tb1 thead {background-color:#f3f6fb; color:#222; font-size:12px; }

/* 인풋박스 */
input {border:1px #b9b9b9 solid;padding:8px; font-family: '돋움';  font-size:12px; color:#333;box-sizing:border-box;}
textarea {border:1px #b9b9b9 solid;padding:8px; font-family: '돋움';  font-size:12px; color:#333; box-sizing:border-box;}


/* 네비 탭메뉴 영역 */
.navTab { background:#edeff2; padding:13px 18px; margin-top:25px; overflow:hidden;} 
.navTab li { float:left; margin-left:10px; padding-left:10px; border-left:1px #999 solid; } 
.navTab li:first-child { margin-left:0; padding-left:0; border-left:none; } 
.navTab li a{ font-family: '돋움';font-size:12px; color:#222;  } 

/* 버튼 */
.buttonArea {margin-top:10px; text-align:right;}
.buttonAreaCenter {margin-top:10px; text-align:center;}
.button1 { background:#2a3c5b; padding:2px 8px 0; height:20px; color:#FFFFFF;font-family: '돋움'; font-size:12px; border: none; margin:0; line-height:0;  cursor:pointer; } 
.button2 { background:#2a3c5b; padding:5px 15px 0; height:32px; color:#FFFFFF;font-family: '돋움'; font-size:12px; border: none; margin:0; line-height:0;  cursor:pointer; } 
.buttonA { padding:4px 8px 2px; height:21px; color:#FFFFFF;font-family: '돋움'; font-size:12px; border: 1px #CCCCCC solid; margin:0; line-height:0;  cursor:pointer; } 
.buttonB { background:#2a3c5b; padding:4px 8px 2px; height:21px; color:#FFFFFF !important;font-family: '돋움'; font-size:12px; border: 1px #2a3c5b solid; margin:0; line-height:0;  cursor:pointer; } 
.buttonC { background:#fff; padding:8px 11px 6px; color:#333;font-family: '돋움'; font-size:12px; border: none; margin:0; line-height:32px; border: 1px #CCCCCC solid;  cursor:pointer; } 
.buttonD { background:#2a3c5b; padding:8px 11px 6px; color:#fff !important;font-family: '돋움'; font-size:12px; border: none; margin:0; line-height:32px; border: 1px #2a3c5b solid;  cursor:pointer; } 


/*게시판*/
.bbsButton { float:right; clear:right; margin-bottom:15px;}

@media all and (max-width:1100px) {
	
/* 첫 로그인 페이지 */
#loginbg {position: relative; top:50%;  left:auto; width:100%; height:480px; margin-left: -0; margin-top: -50px;  background:url(../images/login_bg.jpg) center; }
#loginBox {width: 360px; margin:0 auto;}
.login {float:left; width:143px; margin-top:301px; margin-left:89px;}
.login ul li { float:left; margin-bottom:3px;}
.login input { padding:3px !important; height:20px !important; margin:2px !important;font-family: '돋움'; font-size:12px; color:#333 !important;}
#loginbg .btn { float:left; margin-top:302px; border:0; }
#loginbg .btn input { border:0; padding:0; }
	
	
/* 네비영역 */
.nav {float: left; width:100%; background:#edeff2; margin:0;box-sizing:border-box;}
.nav .title  { line-height:45px; text-align:center;font-family: '돋움'; font-weight:bold; font-size:14px; color:#f4fcff; background:#2a3c5b;   }
#sm {overflow:hidden; padding:10px;}
#sm li {float:left; width:33.3%;}
#sm li a  { display:block; width:98%; box-sizing:border-box; padding-left:0; border:1px #bfc4ce solid;  line-height:30px; font-family: '돋움'; font-size:12px; color:#333; background:#fff; margin:1%; text-align:center;   }
#sm li a:hover  { font-weight:bold}
#sm li.on a  {border:1px #5c7297 solid; color:#fff; background:#5c7297; font-weight:bold}

#sm2 { display:none;}




/* 콘텐츠영역 */
body > .contents {float:left;width:100%; padding:10px; box-sizing:border-box; }
.contents > h1 {width:100%; line-height:35px; border-bottom:1px #b8bfc9 solid;font-family: '돋움'; font-weight:bold; font-size:14px; color:#222; margin-top:10px;}
.contents .wrapper{ margin-top:25px;}
.contents .wrapper > .header {overflow:hidden;}
.contents .wrapper > .contents { margin-top:10px;}
.contents .wrapper h1 {line-height:13px;font-family: '돋움'; font-weight:bold; font-size:12px; color:#222; border-left:3px #F60 solid; padding-left:5px; float:left;}
.contents .wrapper .search { float:right;}

	
}