@charset "utf-8";

/* common */
*{margin:0;padding:0;}
li{list-style:none;}
li img{vertical-align:top;}
fieldset,img{border:0;}
h1,h2,h3,h4,h5,h6{font-size:16px;}
input,select{font-size:100%;color:#333;}
legend{width:1px;height:1px;font-size:1px;line-height:0;position:absolute;left:-9999px;}
body{font-family:Dotum,arial;font-size:14px;color:#333;} 
a{color:#333;text-decoration:none;}
/* @font-face {font-family:'abc';	src:local('NanumGothic'), url('NanumGothic.eot'), url('NanumGothic.ttf'), url('NanumGothic.woff');} */
/* body{font-family:'abc'} */

/* bg: blue */
/* .bt01 {background:#1b257b;border:1px solid #30363E;border-radius:5px;color:#fff;padding:2px;padding:7px 10px;} */
/* bg: sky blue */
.bt01 {background:#00a0e9;border:1px solid #30363E;border-radius:5px;color:#fff;padding:2px;padding:7px 10px;}
.bt02 {background:#df5e8c;border:1px solid #b8426c;border-radius:5px;color:#fff;padding:2px;padding:7px 10px;}
.bt03 {background:#8b839c;border:1px solid #655b7a;border-radius:5px;color:#fff;padding:2px;padding:7px 10px;}


/*헤더*/
#header { width:100%; height:60px;border-bottom:1px solid #e0e0e0; }
#header:after { content:""; display:block; clear:both; }
#header h1 {background: rgba(0, 0, 0, 0) url("/images/h1.png") no-repeat scroll 0 0; display: block;   height: 25px;    text-indent: -999em;    width: 60px;    display: inline-block;    vertical-align: middle;    width: 25%;}
#header ul:after { content:"";display:block;clear:both; }
#header ul { display: inline-block;  text-align: center; width: 50%;  }
#header ul li { display:inline-block;line-height:60px; font-size:1.1em; }
#header ul li a { display:block; padding:0 40px; }
#header ul li a:hover { border-bottom:2px solid #53769a;font-weight:bold; }
#header.logout { width:25%; }
#header button { position:absolute;top:13px; right:10px;}

h2 {  height:60px;background:#f4f4f4; line-height:60px; text-align:center; border-bottom:1px solid #e0e0e0; font-size:1.2em; }
#container { padding:50px; }

/*메인*/
#container .content dl { width:1000px ;margin:0 auto; } 
#container .content dd:after { content:"";display:block;clear:both; }
#container .content dd ul { float:left; width:164px; padding:15px;border:1px solid #e0e0e0;margin:2px;background:#f8f8f8; }
#container .content dd ul li { padding:5px 0; }
#container .content dd ul li span { float:right;  }
#container .content dd ul li span.time1 { color:#3257cc;}
#container .content dd ul li span.time2 { color:#d3113e;}
#container .content dd ul li span.time3 { color:#00b258;}
#container .content dd ul li.room_n { font-size:1.2em;font-weight:bold; padding-bottom:12px; }
#container .content dd ul.off { background: #30363e; color:#fff; border:1px solid #25282c; }
#container .content dd ul.off li.off { padding:42px 0;font-size:1.2em;text-align:center; }
#container .content dd ul.wait { background: #53769A; color:#fff; border:1px solid #655b7a; }
#container .content dd ul.wait li.wait { padding:42px 0;font-size:1.2em;text-align:center; }

/*이력*/
#container .content .search { width:100%; text-align:center; border-top:1px solid #bdcad6; background:#eef1f3;  padding:25px 0 ; }
#container .content .search label { font-weight:bold; color:#1b354d; font-size:1.1em; }
#container .content .search input {margin:0 10px ; padding:10px; border:1px solid #839db4; }
#container .content .search select {margin:0 5px ; padding:8px; border:1px solid #839db4; }


#container .content .table { border-collapse:collapse; width:100% ;} /*collapse를 줘야 사이가 벌어지지 않음*/
#container .content .table td {text-align:center;} /*tr에는 아무것도 주지 말기, 크로스 브로징 안됨 th,td에 줌*/
#container .content .table tbody th {font-weight:normal;}
#container .content .table thead th {border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;background:#f8f8f8; }
#container .content .table th,#container .content .table td {border-bottom:1px solid #e0e0e0;padding:15px 0;}

/*설정*/
#container .content .add { width:100%;text-align:right; }
#container .content .add button {margin:0 10px 20px 0; }

/*팝업 - 셋탑등록*/
#container .content .tablePop { border-collapse:collapse; width:100% ;} /*collapse를 줘야 사이가 벌어지지 않음*/
#container .content .tablePop td {text-align:center;} /*tr에는 아무것도 주지 말기, 크로스 브로징 안됨 th,td에 줌*/
#container .content .tablePop tbody th {font-weight:normal;background:#f5f5f5;width:40%; }
#container .content .tablePop th,#container .content .tablePop td { border-bottom:1px solid #e0e0e0;padding:10px 0; }
#container .content .tablePop td input { padding:8px 10px; width:70%; border:1px solid #e0e0e0;}
#container .content .tablePop th.first { border-top:1px solid #e0e0e0; } 
#container .content .tablePop td.first { border-top:1px solid #e0e0e0; } 
#container .content .buttonPop { margin-top:20px; text-align:center; }

/*팝업 - 셋탑상세정보*/
#container .content .tableDetail { border-collapse:collapse; width:100% ;} /*collapse를 줘야 사이가 벌어지지 않음*/
#container .content .tableDetail td {text-align:center;} /*tr에는 아무것도 주지 말기, 크로스 브로징 안됨 th,td에 줌*/
#container .content .tableDetail tbody th {font-weight:normal;background:#f5f5f5;width:40%; text-align:right; padding:20px 40px 20px 0; }
#container .content .tableDetail th,#container .content .tableDetail td { border-bottom:1px solid #e0e0e0;padding:10px 0; }
#container .content .tableDetail th input { padding:8px 10px; width:50%;border:1px solid #e0e0e0; }
#container .content .tableDetail th.first { border-top:1px solid #e0e0e0; } 
#container .content .tableDetail td.first { border-top:1px solid #e0e0e0; } 
#container .content .buttonPop { margin-top:20px; text-align:center; }
#container .content .tableDetail td.time1 { color:#3257cc;}
#container .content .tableDetail td.time2 { color:#d3113e;}

/*로그인*/
#headerLogin { width:100%; border-bottom:1px solid #e0e0e0; }
#headerLogin h1 {background: rgba(0, 0, 0, 0) url("/images/h1.png") no-repeat scroll 0 0;   text-indent: -999em;    width: 60px;width: 25%;margin:21px 0 ;}
#containerLogin { padding-top:50px;height:100%; width:60%;margin:0 auto;}
#containerLogin .loginWrp { width:100%; }
#containerLogin .loginWrp input { width:100%;border:1px solid #e0e0e0; padding:8px 0; text-align:center; }
#containerLogin .loginWrp li.colum {font-size:0.9em;font-weight:bold; padding:22px 5px 10px;}
#containerLogin .loginWrp .buttonwrap { padding-top:20px; }
#containerLogin .loginWrp .buttonwrap button { width:100%;margin-bottom:2px; padding:15px 0; }


/*회원가입*/
#container .content .tableJoin { border-collapse:collapse; width:100% ;} /*collapse를 줘야 사이가 벌어지지 않음*/
#container .content .tableJoin td {text-align:center;} /*tr에는 아무것도 주지 말기, 크로스 브로징 안됨 th,td에 줌*/
#container .content .tableJoin tbody th {font-weight:normal;background:#f5f5f5;width:30%; text-align:right; padding:10px 40px 10px 0; }
#container .content .tableJoin th,#container .content .tableJoin td { border-bottom:1px solid #e0e0e0;padding:10px 0; }
#container .content .tableJoin td input { padding:5px; width:90%; border:1px solid #e0e0e0; }
#container .content .tableJoin th.first { border-top:1px solid #e0e0e0; } 
#container .content .tableJoin td.first { border-top:1px solid #e0e0e0; } 
#container .content .buttonwrap  { margin-bottom:2px; padding:15px 0; text-align:center; }