header{ background: #1b223c; width: 100%; min-width: 1240px; margin: 0 auto; }
.header_wrap{ width: 1240px; margin: 0 auto; }
.header_wrap:after{content:'';clear: both;display: block;}
h1.logo{display: inline-block; padding: 10px 14px 4px;}

.top_nav{float: right; color: #FFF; font-size: 12px;}
.top_nav li{padding: 15px 10px 14px;  border-right: 1px solid #54596d;}
.top_nav li:nth-child(1) a{font-weight: bold; text-decoration: underline;}

.main_nav{background: #1763c1;}
.main_nav ul{ width: 1240px; margin: 0 auto; }
.main_nav ul li{
	color: #FFF; font-size: 11.5px;
	width: 12.85%; text-align: center;

	border-right: 1px solid #1b223c;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.main_nav ul li:last-child{width: 10%;}
.main_nav ul li a{display: block;padding: 10px 0 10px; }
.main_nav ul li:nth-child(1){border-left: 1px solid #1b223c;}
.main_nav ul li img{ display: block; margin: 0 auto 5px;  }
.main_nav ul li:hover,
.main_nav ul li.selected {background: #ffde45; color: #000; font-weight: bold; }

.main{ width: 1240px; margin: 0 auto; padding-top: 36px; }
.main:after{content:'';clear: both;display: block;}
.sub{ width: 1240px; margin: 0 auto; position: relative; min-height: 500px; }

.main > section{
	float: left; -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.main-dashboard{ width: 706px; margin-right: 33px; }
.main-dashboard li{ margin: 0 0 8px 11px; }
.main-dashboard li a{
	display: block; width: 226px; height: 115px; color: #FFF;
	font-size: 13px; letter-spacing: -1px;
	padding: 36px 0 22px 21px;
	border: 1px solid transparent;
	/*transition: all .1s ease-in-out;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
.main-dashboard li:nth-child(3n-2){margin-left: 6px;}
.main-dashboard li:nth-child(n+7){ margin-bottom: 0;}
.main-dashboard li:hover a{border: 3px solid #FFF; padding: 34px 0 22px 19px;}
.main-dashboard li:hover .desc{ opacity: 1; }
.main-dashboard .title{ font-size: 35px; font-weight: bold; margin-bottom: 10px;}
.main-dashboard .desc{opacity: .7; transition: all .2s ease-in-out;}

.main-dashboard li:nth-child(1){ background: #62549a; }
.main-dashboard li:nth-child(2){ background: #4aa9e9; }
.main-dashboard li:nth-child(3){ background: #23b9a9; }
.main-dashboard li:nth-child(4){ background: #f44236; }
.main-dashboard li:nth-child(5){ background: #ff6c60; }
.main-dashboard li:nth-child(6){ background: #eac459; }
.main-dashboard li:nth-child(7){ background: #7cb5ec; }
.main-dashboard li:nth-child(8){ background: #6dc26d; }
.main-dashboard li:nth-child(9){ background: #8a8a8a; }

.main-calendar{ width: 501px; height: 361px; }
.calendar-title{ text-align: center; font-size: 20px; position: relative; font-weight: bold; }
.calendar-title a{display: block; position: absolute; top: 0; left: 0; opacity: .7; transition: all .2s ease;}
.calendar-title a.after{left: 24px;}
.calendar-title a.today{left: 58px;}
.calendar-title a:hover{ opacity: 1; }

.calendar{ width: 100%; margin: 6px auto 0; letter-spacing: -1px; }
.calendar th{ background: #17335a; color: #FFF; font-size: 13px; padding: 5px 0 6px; width: 14.2%; }
.calendar th:nth-child(1){ width: 14.8%; }
.calendar td{ position: relative; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; font-size: 13px; height: 62px;}
.calendar td:nth-child(1){border-left: 1px solid #e0e0e0;}
.calendar td.nodate{ background: #ececf0; }
.calendar td span{ display: block; position: absolute; height: 5px; width: 102%; left: 0; }
.calendar td span.bgRed{ bottom: 16px;}
.calendar td span.bgYellow{ bottom: 8px;}
.calendar td span.bgBlue{ bottom: 23px;}
.calendar td a{display: inline-block; margin: 2px; position: absolute; top: 4px; left: 4px;}
.calendar td a.selected { color: #FFF; padding: 5px 8px; display: inline-block; border-radius: 30px; background: #df3c3c; line-height: 1; text-align: center; font-size: 11px; left: 0px; top: 0px; }

.bgRed{background: #004795; color: #FFF; font-size: 15px;}
.bgYellow{background: #f0ad4e;}
.bgBlue{background: #3c8dbc;}
.bgGray{background: #b7b7b7;}
.bgPink{background: #d776f3;}

.main-students{ margin-top: 43px; width: 100%; padding-left: 6px; }
.main-reservation{ margin-top: 28px; margin-left: 6px; width: 597px; margin-right: 34px; margin-bottom: 48px; }
.main-qna{ margin-top: 28px; width: 603px; }

.main-title{ position: relative; font-size: 20px; font-weight: bold; padding-bottom: 10px; letter-spacing:-2px;}
.main-title:after{content:'';clear: both;display: block;}
.main-title .more{background: #f7f7f7; color: #000; border: 1px solid #c6c8ca; display: inline-block; float: right; font-size: 11px; padding: 6px 8px; position: absolute; right: 0; top: -2px;}

.common-list{ width: 100%; font-size: 12.5px; }
.common-list th{background: #939598; color: #FFF; border-right: 1px solid #a5a5a5; border-bottom:  1px solid #a5a5a5; text-align: center; vertical-align: middle; padding: 13px 0; font-weight: bold;}
.common-list tr:nth-child(1) th{ border-top: 1px solid #a5a5a5; }
.common-list th:nth-child(1){ border-left:  1px solid #a5a5a5;  }
.common-list td{ text-align: center; vertical-align: middle; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; padding: 2px 0; font-size: 13px; color: #595959; }
.common-list td a:not(.btn){display: block; padding: 20px 0; }
.common-list td:nth-child(1){border-left: 1px solid #e3e3e3;}
.common-list:not(.no-hover) tr:hover td{ background: #efefef; }
.common-list img{ vertical-align: middle; }
.common-list .birth-img{display: block; margin: 0px auto 5px;}

/* dual-row 관련 추가 */
.common-list tr.dual-row th{padding: 5px 0;}
.common-list tr.dual-row + tr th{padding: 5px 0;}

.common-list tr.dual-row td{height: 28px;}
.common-list tr.dual-row td[rowspan]{height: 56px;}
.common-list tr.dual-row + tr td{height: 28px;}
.common-list tr.dual-row:hover + tr td{background: #efefef;}

.common-list td.dual-cell a{display: inline-block; width: 100%;}
.common-list td.dual-cell a span{display: block; width: 100%; height: 28px; line-height: 28px;}
.common-list td.dual-cell span:nth-child(1){border-bottom: 1px solid #e3e3e3;}

.common-list td.priceTd{ background: #fdf2bf; }
.common-list tr:hover td.priceTd{background: #fdf2bf;}

/* sub max-height */
.sub .common-list td { height: 46px; }
.sub .common-list td a{ display: inline-block; padding: 0; }

.common-list.no-link th,
.common-list.no-link td{ padding: 10px 0; }

footer{ min-width: 1240px; margin: 0 auto; margin-top: 0px; font-size: 12px; background: #9ca0a8; color: #FFF; text-align: center; padding: 10px 0 12px; letter-spacing: 0;}
.main footer{margin-top: 48px;}

.login-bg{background: url(/page/images/login_bg.jpg) 0 0 / cover no-repeat fixed;}
	.login-area {width: 300px; height: 328px; margin: 200px auto 0; background: #FFF; box-shadow: 0 0 20px #999; border-radius: 5px; padding: 30px;}
.login-area img{ display: block; margin: 0px auto 10px;}
.login-area label{display: inline-block; text-align: left; color: #000; letter-spacing: -1px; font-weight: bold;}
.login-area input[type=text],
.login-area input[type=password]{
	display: block;
	width: 100%; height: 40px;
	margin: 11px 0 20px;
	padding: 7px;
	padding-left: 35px;
	border-radius: 0px;
	background-repeat: no-repeat;
	background-position: 10px 50%;
	transition: box-shadow .2s ease-in;
}
.login-area input[type=text]:focus,
.login-area input[type=password]:focus{
	box-shadow: 0px 0px 5px 3px #2561ac;
}
#userId{background-image: url(/asset/images/admin/login_id.gif);}
#userPw{background-image: url(/asset/images/admin/login_pw.gif);}
input[type=submit].login-btn{background: #0261cc; outline: none; border: none; border-radius: 5px; display: block; padding: 5px 5px; width: 100%; color: #FFF; font-size: 16px; font-weight: bold;}

.login-footer{ text-align: center; color: #FFF; font-size: 14px; margin: 10px 0; }

aside{
	width: 155px; position: absolute; left: 0; top: 0; bottom: 0;
	border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf;
	letter-spacing: -1px;
	z-index: 1;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
aside h2{ font-size: 21px; background: #6e7074; color: #FFF; text-align: left; padding: 27px 0; padding-left: 29px; font-weight:600; }
aside li{ border-bottom: 1px solid #cfcfcf; color: #595959; font-weight: bold; }
aside li a{ display: block; padding: 15px 0 16px 29px; font-size: 13px; letter-spacing:-1px;}
aside li.selected a,
aside li:hover a{background: #e8e8e8;}

article{ position: relative; }
.sub article{ padding-left: 155px; padding-bottom: 40px; }

.page-nav{ display: block; border-bottom: 1px solid #e6e6e6; font-size: 12px; padding: 10px 15px;}
.page-nav li{margin-right: 15px; position: relative;}
.page-nav li:after{content:'>'; position: absolute; left: -10px; }
.page-nav li:nth-child(1):after{content: none;}

h3.title{ padding: 24px 0 13px 20px; font-size: 21px; font-weight: bold; letter-spacing:-2px;}

h3.title2{ padding: 10px 0 10px 0px; font-size: 17px; font-weight: bold; letter-spacing:-2px;}

.search-box{ margin-left: 16px;	-webkit-box-sizing: border-box;	 -moz-box-sizing: border-box;	 box-sizing: border-box; }
.search-box + .data-list{border-top: 1px solid #7d7d7d;}

.common-search{ width: 100%; border-top: 2px solid #888; letter-spacing: -1px; }
.common-search tr th{width: 110px; text-align: left; padding-left: 25px; color: #000; background: #f3f3f3; font-weight: bold; font-size: 13px; }
.common-search td{  height: 44px; padding: 4px 0 4px 15px; font-size: 13px; }
.common-search th, .common-search td{border-bottom: 1px solid #dfdfdf;}
.common-search img{ vertical-align: middle; display: inline-block; margin: 0 3px; }
.common-search .product-list li{ padding: 5px 0; }

.common-search label{ font-size: 13px; }

.sub select{ font-size: 13px; letter-spacing: -1px; color: #595959;}
.sub input[type=text],
.sub input[type=password],
.sub input[type=date],
.sub select,
.sub textarea{ border: 1px solid #c9c9c9; color: #000; }

.sub textarea{ padding: 10px; min-height: 100px; }

.common-search.add-new th{width: 162px;}


.common-search.common-detail td{height: 48px;}

.common-search.sub-table{border-top: 1px solid #dfdfdf; margin-top: 5px;}

.common-search .used-list{ width: 800px; }
.common-search .used-list th{background: #dfdfdf; width: 15px; text-align: center; padding: 0 10px;}
.common-search .used-list th, .common-search .used-list td{ border: 1px solid #c9c9c9; }

.common-search .used-list td:nth-child(2){ width: 170px; }
.common-search .used-list td:nth-child(3){ width: 372px; }

.common-search .used-list2 {margin-top: 15px; margin-bottom: 25px;}
.common-search .used-list2 td{ padding: 5px 0; border-bottom: none; }
.common-search .used-list2 td:nth-child(1){width: 577px;}
.common-search .used-list2 td:nth-child(2){padding-left: 3px;}
.common-search .used-list2 td:nth-child(2) input{width: 220px;}
.common-search .used-list2 td:nth-child(3){padding-left: 5px;}

.data-list{
	margin-left: 16px; position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.data-list.page-top > .btn-box:nth-child(1){padding: 0 0 10px;}
.data-list .btn-box select{ border: 1px solid #d5d5d5; height: 28px; vertical-align: top; font-size: 12px;}
.data-list .btn-box a.btn{font-size: 12px; border: 0px solid #c9c9c9; height: 28px; vertical-align: top; padding: 7px 15px; font-weight: normal;}
.data-list .btn-box {padding: 40px 0 2px; padding-top: 10px;}
.data-list.noLine { border-top: none; }

.total-box{font-size: 13px; letter-spacing:-1px; position: absolute; top:50px; left: 5px;  font-weight: bold; top: 25px;}

.popup-bg{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .6; z-index:999; }
.popup{ display: none; width: 694px; height: 632px; position: absolute; top: 50%; left: 50%; margin-top: -316px; margin-left: -337px; border: 1px solid #cfcfcf; padding: 48px 23px; background: #FFF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index:1000;}
.popup .right-menu{position: absolute; top:0; right: 0;}
.popup h3{ font-size: 24px; font-weight: bold; padding: 0px 0 13px 14px; }
.popup .common-search td{ padding: 15px 10px; }

.week-data{width: 100%; margin: 20px auto 0;}
.week-data th, .week-data td{ border-right: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; }
.week-data tr:nth-child(1) th{ border-top: 1px solid #cfcfcf; }
.week-data th:nth-child(1), .week-data td:nth-child(1){ border-left: 1px solid #cfcfcf; }
.week-data th{ width: 20%; color: #000; font-size: 13px; font-weight: bold; padding: 15px 0; text-align: center; background: #ffd966; }
.week-data td{ padding: 40px 0; text-align: center; vertical-align: middle; }

.week-data.half{ width: 49%; float: left; margin: 15px .5%; vertical-align: top; }
.week-data.half td{ height: 53px; padding: 15px 0; font-size: 13px; }

.add-new .btn{ padding: 7px 25px 9px; margin:0 5px; font-weight: normal; font-size: 13px; letter-spacing: -1px;  }
.add-new .btn:nth-child(1){ margin-left: 0; }
.add-new input[type=text],
.add-new input[type=password],
.add-new select:not(.half){ width: 180px; }
.add-new select.half{ width: 87px; }
.add-new textarea{ width: 100%; }

.add-new input.full{ width: 100%; }

.calendar-box{
	padding: 10px 0; border-top: 2px solid #888; border-bottom: 1px solid #888;
	margin-left: 16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.calendar-box .right{ float: right; }
.calendar-box .right.today{ margin-left: 10px; }
.calendar-wrap{
	margin-left: 16px; padding-bottom: 77px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.calendar-wrap h4{font-size: 28px; color: #000; padding: 38px 0 30px; text-align: center; font-weight: 900;}

.calendar-detail th{ padding: 15px 0; font-weight: bold; border-left: 1px solid #cfcfcf; }
.calendar-detail td{ height: 130px; vertical-align: bottom; padding-bottom: 15px; }
.calendar-detail td a{ left: auto; right: 10px; top: 10px; font-size: 13px; font-weight: bold; }

.calendar-detail td div{
	width: 90%; height: 19px; margin: 5px auto;
	vertical-align: bottom;
	border-radius: 5px;
	cursor: pointer;
	color: #FFF; padding: 3px 5px;
	position: relative;
	-webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
}
.calendar-detail td.nodate a{ color: #bfbfc1; }
.calendar-detail td div.clock:after{content:''; width: 15px; height: 15px; position: absolute; right: 5px; top: 2px; background: url(/asset/images/admin/clock.png) no-repeat;}
.calendar-detail td span{ position: static; display: inline-block; width: auto; height: auto; font-weight: bold; margin-right: 3px; }
.calendar-detail td div.right{width: 95%; float: right; border-radius: 5px 0 0 5px; padding-left: 15px;}
.calendar-detail td div.left {width: 95%; float: left; border-radius: 0 5px 5px 0;}
.calendar-detail td.selected{background: #fdf2cc;}

.common-search .common-list {margin: 10px auto; }
.common-search .common-list th{text-align: center; padding: 5px 0; width: 60px; }
.common-search .common-list td{text-align: center; padding: 5px 0; border-color: #a5a5a5; }
.common-search .common-list .absence{background: #d9cffc;}
.common-search .common-list .last{background: #fdecaa; width: 82px;}
.common-search .common-list tr:hover td{background-color: #FFF;}
.common-search .common-list tr:hover td.absence{background-color: #d9cffc;}
.common-search .common-list tr:hover td.last{background-color: #fdecaa;}

.common-search .nav li:nth-child(-n+3){ width: 25%; border-bottom: 1px solid #c9c9c9; padding: 7px 5px; }
.common-search .nav li a{ display: block; }
.common-search .nav li input{width: 100%;}
.common-search .nav li:nth-child(4) {padding: 7px 0;}

.party-title{ width: 250px; font-weight: bold; }
.new-party{margin-top: 10px; border-top: 1px solid #e3e3e3;}
.new-party .full{ width: 500px; }
.new-party td{ padding: 10px; }

.btn.confirm-check{width: 75px; padding: 10px 0; font-size: 12px;}
.common-search .btn + .btn{margin-left: -4px;}

.common-search .bohum-common th,
.common-search .bohum-common td{
    border-right: 1px solid #a5a5a5;
    border-bottom: 1px solid #a5a5a5;
		padding: 15px 0;
		line-height: 1.2;
}
.bohum-common td{
		color: #595959;
}
.bohum-common tr:first-child td,
.bohum-common tr:first-child th{
	border-top: 1px solid #a5a5a5;
}
.bohum-common th,
.bohum-common td{
  border-right: 1px solid #a5a5a5;
  border-bottom: 1px solid #a5a5a5;
	text-align: center;
	color: #000;
}
.bohum-common thead th{
	background: #dadada;
	text-align: center;
	padding: 15px 5px;
}
.bohum-common tbody th{
	text-align: center;
}
.bohum-common thead tr:nth-child(2) th{
	font-size: 11px;
	letter-spacing: -0.5px;
	font-weight: normal;
}
.bohum-common tbody th{
    background: #e4e5e6;
    border-top: 1px solid #a5a5a5;
		text-align: center;
}
th.nobg{background: #FFF !important;}
.bohum-common caption{font-size: 15px; font-weight: bold; margin-top: 10px; text-align: left; padding-bottom: 5px;}

.horizontal-wrap{overflow-x: scroll; width: 885px; position: relative;}
.horizontal-wrap table{ width: 1068px;}
.horizontal-wrap th,
.horizontal-wrap td{ white-space: nowrap; padding: 15px 5px !important;}