/* -----------------------------
	stylesheet
-------------------------------- */
body{width:100%}
#wrapper{width:100%;height:100%}
#container{clear:both;padding:50px 20px;background:#f9f9f9;position:relative}

/* -----------------------------
	HEADER
-------------------------------- */
#header{}

/* LOGO */
#logo{padding:10px;float:left}
#logo a{font-size:20px;letter-spacing:0px;color:#444;font-family:arial}
#logo a:hover{text-decoration:none}
#logo i{position:relative;top:1px;padding-right:5px;color:#2484c1}
#logo span{color:red}

#logo img{position:relative;top:2px;left:0px}

/* account */
#account{float:right;padding:10px;margin-top:4px}
#account a{color:#333}
#account li{float:left}
#account .line{padding:0 8px;color:#888}

/* alarm */
#alarm{float:right;padding:12px 10px;position:absolute;right:10px;top:10px}
#alarm li{float:left;text-align:center;margin-left:10px}
#alarm span{float:left}
#alarm .switch{background:#333;color:#fff;text-align:center;font-size:10px;border-radius:5px;padding:3px 5px;margin-left:3px;font-family:verdana}
#alarm a:hover{text-decoration:none;cursor:pointer}
#alarm i{font-size:13px}
#alarm i.fa-mobile{font-size:18px;position:relative;top:-2px}
#alarm .ico{position:relative;top:-2px;margin-left:7px}
#alarm .ico a{color:#000;display:block;padding:3px}
#alarm .ico a:active i{color:#2484c1}

/* GNB */
#gnb{clear:both;background:#2484c1;height:34px}
#gnb ul{}
#gnb i{float:right;padding-right:5px;position:relative;top:1px}
#gnb li{display:block;float:left;width:14.2857143%;text-align:center;position:relative}
#gnb li a{display:block;color:#fff;padding:10px;border-right:1px solid #5198c5}
#gnb li a:hover{text-decoration:none}
#gnb li a:active{background:#1378b8}

#gnb ul.depth2{position:absolute;width:100%;background:#2484c1;display:none;z-index:1000}
#gnb ul.depth2 li{display:block;clear:both;float:none;width:100%;position:relative}
#gnb ul.depth2 li a{color:#fff;border:none;border-top:1px solid #5198c5}

#gnb ul.depth3{position:absolute;background:#2484c1;right:-140px;top:0px;width:auto;min-width:140px;display:none;z-index:1000}
#gnb ul.depth3 li{display:block;clear:both;float:none;width:auto}
#gnb ul.depth3 li a{color:#fff}

/* h2 title */
h2{display:block;position:relative;top:0px;left:5px}
h3{display:block;clear:both;padding-top:25px;font-size:17px}

/* -----------------------------
	LNB
-------------------------------- */
.lnb {border-radius:5px;overflow:hidden;border:1px solid #ddd;background:#fff;clear:both;margin-top:10px}
.lnb ul{overflow:hidden}
.lnb li{float:left;display:block;text-align:center}
.lnb li a{padding:10px 15px;display:block;border-right:1px solid #ddd;color:#555}
.lnb li a:hover{text-decoration:none}
.lnb li.active a{background:#333;color:#fff}

/* -----------------------------
	SEARCH
-------------------------------- */
.search select{float:left;margin-right:5px;padding:3px 6px;border:1px solid #ddd;border-radius:3px}
.search select option{padding:0px 10px}
.search input{float:left}



/* -----------------------------
	MONITOR
-------------------------------- */
.monitor{clear:both;border:1px solid #ddd;background:#fff;border-radius:10px;margin-top:10px;}
.monitor ul{padding:15px}
.monitor li{float:left;width:10%;text-align:center}

/* os */
/*.monitor .os img{width:30%}*/

/* ip */
.monitor .ip{clear:both;padding:5px 0}
.monitor .ip a{font-family:verdana;font-size:11px;color:#555}
.monitor .ip a:hover{color:#e12d2d}

/* status */
.monitor .status{clear:both;text-align:center}
.monitor .status span{padding:0 2px;cursor:default;position:relative}
.monitor .status span.red i{color:#e12d2d}
.monitor .status span.red em{background:#e12d2d}
.monitor .status span.green i{color:#8fd346}
.monitor .status span.green em{background:#8fd346}
.monitor .status span i{color:#b5b5b5}
.monitor .status span em{background:#b5b5b5}

.monitor .status span em{display:none;position:absolute;font-style:normal;color:#fff;text-align:center;padding:4px 5px;bottom:-27px;left:20px;font-size:11px;border-radius:3px;font-family:verdana;overflow:hidden;z-index:9999}
.monitor .status span:hover em{display:block}

/* 그룹's 모니터링 */
.monitor ul.m2{width:50%;float:left}
.monitor ul.m2 li{width:33.3333333%}

/* -----------------------------
	FOOTER
-------------------------------- */
#footer{clear:both;border-top:1px solid #ddd;text-align:center}
address{font-family:verdana;font-size:11px;text-align:center;padding:10px}

/* -----------------------------
	BBSLIST
-------------------------------- */
#bbslist{clear:both;margin-top:20px;border:1px solid #ddd;border-radius:10px;background:#fff}
#bbslist .inside{padding:20px}
#bbslist .btn{display:block;clear:both;padding:10px 0;float:left}

.btm_sch{}



/* -----------------------------
	BBSWRITE
-------------------------------- */
#bbswrite{clear:both;margin-top:20px}

#bbswrite .bottom{text-align:center;padding:30px 0}
#bbswrite .bottom span{display:inline-block;float:none;padding:0}
#bbswrite .bottom span a{height:17px;line-height:17px;position:relative;top:0px;font-size:14px;background:#999}

#bbswrite .del a{color:red;font-weight:bold}
#bbswrite .post a{color:blue;font-weight:bold}

/* form */
#bbswrite tbody input{display:inline-block;margin-left:5px;height:20px;line-height:20px}
#bbswrite tbody input.text{border:1px solid #ddd;text-indent:10px;width:93%}
#bbswrite tbody input.text:focus{background:#f9f9f9;border-color:#333}
#bbswrite tbody input.btn_submit{background:#82c032;color:#fff;text-align:center;font-weight:bold;border:none;padding:0 10px}
/*#bbswrite tbody select{float:left;margin-left:5px;border:1px solid #ddd;padding:2px 5px;width:100%;display:block}
#bbswrite tbody select option{display:block;width:100%}*/





/* -----------------------------
	LOGIN = main
-------------------------------- */
.fa-lock{font-size:40em;color:#f0f0f0;position:fixed;display:block;bottom:-200px;right:0}
#login{position:relative;clear:both;overflow:hidden;margin-top:200px;background:url(../images/bg_001.gif) repeat-x 0 0}
#login h1{display:block;float:none;clear:both;padding:0;text-align:center;margin-left:-295px;}
#login p{text-align:left;padding:0px 0 12px 0;color:#555}
#login .inside{width:430px;margin:0 auto;overflow:hidden;border-radius:10px;clear:both;margin-top:10px;background:url(../images/bg_002.jpg) no-repeat center top}
#login .inner{padding:20px;overflow:hidden}
#login .input{padding:10px;width:255px;display:block;clear:both;margin-bottom:6px;border:1px solid #ddd;border-radius:5px;background:#f9f9f9}
#login .input:hover{background:#fff}
#login .btn_search{background:#2484c1;text-align:center;height:77px;line-height:77px;color:#fff;font-weight:bold;border:1px solid #2484c1;border-radius:5px;padding:0 25px;display:block;cursor:pointer;font-size:14px}
#login .btn_search:hover{text-decoration:none}
#login .btn_search:active{background:#03629d}

#login .join{clear:both;text-align:center;padding-top:10px}
#login .join a{color:#666}
#login .join .line{padding:0 10px;color:#666}

/* -----------------------------
	LOGIN2 = main
-------------------------------- */
#login2{background:url(../images/bg_001.gif) repeat-x 0 185px;overflow:hidden}
#login2 .inside{background:url(../images/bg_002.jpg) no-repeat center 0;width:770px;height:540px;margin:0 auto;position:relative}
#login2 .inner{position:relative}
#login2 .form{clear:both;position:relative;top:185px;z-index:9999;width:435px;height:218px;margin:0 auto}
#login2 .form h1{margin-top:-40px;margin-left:-10px}

#login2 .box{clear:both;padding-top:50px}
#login2 p{text-align:left;padding:0px 0 12px 0;color:#555}
#login2 .input{padding:10px;width:305px;display:block;clear:both;margin-bottom:6px;border:1px solid #5599cb;border-radius:5px;background:#fff}
#login2 .input:hover{background:#fff}
#login2 .btn_search{background:#2484c1;text-align:center;height:77px;line-height:77px;color:#fff;font-weight:bold;border:1px solid #2484c1;border-radius:5px;padding:0 25px;display:block;cursor:pointer;font-size:14px}
#login2 .btn_search:hover{text-decoration:none}
#login2 .btn_search:active{background:#03629d}

#login2 .join{clear:both;text-align:center;padding-top:20px;font-size:12px;padding-right:30px}
#login2 .join a{color:#fff;font-size:12px}
#login2 .join .line{padding:0 10px;color:#fff}

#login2 address{margin-top:-100px;position:relative;z-index:9999}


.pb10{padding-bottom:10px;}
.mt10{margin-top:10px;}
.mb10{margin-bottom:10px;}
.mr5{margin-right:5px;}

table {
  border-collapse: collapse;
  width: 100%;
}
table td, table th {
  border: 1px solid #d7d7d7;
  padding: 7px;
}
table th {
  background: #f9f9f9;
}
.center {
  text-align: center;
}

div.section {
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #ddd;
}