@charset "utf-8";



/*0102_연혁*/
.history_box {position:relative; padding-left:150px;}
.history_box h3 {position:absolute; left:0; top:0; width:120px; height:85px; padding:35px 0 0; font-size:18px; letter-spacing: -1px; color:#fff; text-align:center; background:url('/images/web/horti/sub/bg_history.png') no-repeat;box-sizing: content-box;}
.history_box h3 span {display:block; font-size:24px; line-height:30px; font-family:'NotoM';}
.history_box ol {border-top:2px solid #000;}
.history_box ol li {position:relative; padding:13px 0 13px 130px; line-height:1.4; color:#555; font-size:15px; border-bottom:1px dashed #b2b7c7;}
.history_box ol li span {position:absolute; left:0; top:13px; width:100px; color:#10438a; font-family:"NotoM"; font-size:16px; text-align:right;}


.fs_14{font-size:14px; line-height:1.4; font-family:"NotoR"; color:#444; }





/* 실시간 예약 - 예약등록 */
.bg_reserve {padding:15px 20px 15px 110px; background:url("../../../images/web/horti/sub/icon_reserve.png") no-repeat 20px 15px #fff;}
.box_st3 .bg_reserve:before {position:absolute; right:0; bottom:0; width:50px; height:50px; border-right:5px solid #434e5f; border-bottom:5px solid #434e5f; content:'';}

.reserve_table {font-size:14px; border-top:2px solid #000;}
.reserve_table th {padding:8px 10px; color:#222; border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; background:#f3f3f3;}
.reserve_table td {padding:8px 10px; border-bottom:1px solid #dbdbdb;}
.reserve_table td .departure {padding-left:20px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#f25953; background:url("../../../images/web/horti/sub/bu_atte.png") no-repeat left 2px;}
.reserve_table td input {padding:0 5px; margin:1px 2px; height:28px; line-height:28px; font-size:14px; color:#555; border:1px solid #c8d1db;}
.reserve_table td input.inW100 {width:95%;}
.reserve_table td textarea {padding:0 5px; margin:1px 2px; width:95%; height:200px; line-height:1.3; font-size:14px; color:#555; border:1px solid #c8d1db;}
.reserve_table td select {margin:1px 2px; height:28px; line-height:28px; font-size:14px; color:#555; border:1px solid #c8d1db;}
.reserve_table td .rese_room dt {padding-top:10px; font-size:15px; color:#222;}
.reserve_table td .rese_room dd {margin-top:10px; padding-bottom:10px; border-bottom:1px dashed #dbdbdb; overflow:hidden; letter-spacing:-1px;}
.reserve_table td .rese_room dd ul li {width:20%; height:31px; line-height:28px; float:left;}
.reserve_table td .rese_room dd ul li label {margin-left:3px; }
.reserve_table td .rese_room dd ul li span.possible {display:inline-block; margin:2px 0 2px 3px; padding:2px 5px; line-height:20px; color:#fff; background:#155eb6; border-radius:5px;}
.reserve_table td .rese_room dd ul li span.impossible {display:inline-block; margin:2px 0 2px 3px; padding:2px 5px; line-height:20px; color:#fff; background:#f25953; border-radius:5px;}
.reserve_table td .rese_room_Etc {padding-top:10px; font-size:15px; color:#222;}
.reserve_table td .rese_room_Etc label {margin-left:3px; }

/* 실시간 예약 - 실시간 예약확인 */
.reserve_box {position:relative; padding:15px 20px; font-family:"NotoR"; text-align:center; border:1px solid #dbdbdb;  overflow:hidden; background:#fff;}
.reserve_box span {margin:0 10px;}
.reserve_box input {vertical-align:middle; }
.reserve_box label {vertical-align:middle; margin-left:3px;}
.reserve_top {position:relative; margin-top:20px;}
.reserve_search {margin-bottom:10px; text-align:right; }
.reserve_search select {margin:1px 2px; height:28px; line-height:28px; font-size:14px; color:#555; border:1px solid #c8d1db;}
.reserve_search a {vertical-align:middle; display:inline-block; width:50px; height:30px; line-height:30px; text-align:center; color:#fff; background:#394b61;}
/* 실시간 예약 - 실시간 예약확인 - 표 */
.reserve_expl {position:absolute; left:0; top:0; overflow:hidden;}
.reserve_expl ul li {float:left; margin-right:20px; line-height:30px;}
.reserve_expl ul li span {vertical-align:middle; display:inline-block; width:15px; height:15px; margin-right:5px;}
.reserve_expl ul li span.expl1 {background:#4db02c;}
.reserve_expl ul li span.expl2 {background:#f8941d;}
.reserve_expl ul li span.expl3 {background:#155eb6;}
.reserve_table2 {position:relative; font-size:14px; border-top:2px solid #000;}
.reserve_table2 .table_scroll {display:none;}
.reserve_table2 thead th {padding:8px 0; color:#222; border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; background:#f3f3f3;}
.reserve_table2 thead th.bl_none {border-left:none;}
.reserve_table2 tbody th {padding:8px 0; color:#222; border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; background:#fafbfb;}
.reserve_table2 tbody th:first-child {border-left:none;}
.reserve_table2 tbody td {position:relative; border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; z-index:1;}
.reserve_table2 tbody td.on {z-index:2;}
.reserve_table2 tbody td div.expl1, .reserve_table2 tbody td div.expl2, .reserve_table2 tbody td div.expl3 {position:absolute; left:50%; top:7px; height:20px; z-index:2;}
.reserve_table2 tbody td div.expl1 {background:#4db02c;}
.reserve_table2 tbody td div.expl2 {background:#f8941d;}
.reserve_table2 tbody td div.expl3 {background:#155eb6;}
.reserve_table2 tbody td div a {display:block; height:20px; margin:0 1px;  text-indent:-10000px;}
.reserve_table2 .tm_table_left {display:none;  z-index:4;}

/* 실시간 예약확인 레이어팝업 */
.room_rese_layer {display:none; position:absolute; left:50%; top:100px; width:400px; margin:0 0 0 -200px; border:2px solid #17335a; background:#fff; z-index:9;}
.room_rese_layer h3 {height:24px; line-height:24px; padding:8px 20px; color:#fff; font-size:18px; font-weight:normal; background:#17335a;}
.room_rese_layer dl {position:relative; margin:10px 20px;}
.room_rese_layer dl dt {position:relative; margin-top:10px; padding-left:10px; font-size:15px; }
.room_rese_layer dl dt:before {content:''; position:absolute; top:7px; left:0; width:5px; height:5px; background:#155eb6; border-radius:3px;}
.room_rese_layer dl dd {position:relative; margin-top:5px; padding-left:20px; color:#555;}
.room_rese_layer dl dd:before {content:''; position:absolute; top:10px; left:10px; width:5px; height:1px; background:#8e9096; border-radius:3px;}
.room_rese_layer a.close {position:absolute; display:block; top:-2px; right:-2px; width:50px; height:26px; padding:8px 5px; line-height:26px; text-align:center; color:#fff; background:#245191; }

/* 실시간 예약 - 실시간 예약확인 - 달력 */
.reserve_cal_btn {position:absolute; left:0; top:0; width:220px; line-height:30px; font-size:20px; text-align:center; overflow:hidden;}
.reserve_cal_btn a.btn_cal_prev {position:absolute; left:0; top:0; width:30px; height:30px; text-indent:-10000px; background:url("../../../images/web/horti/sub/btn_cal_prev.png") no-repeat left top;}
.reserve_cal_btn a.btn_cal_next {position:absolute; right:0; top:0; width:30px; height:30px; text-indent:-10000px; background:url("../../../images/web/horti/sub/btn_cal_next.png") no-repeat left top;}

.reserve_table3 {position:relative; border-top:2px solid #000; font-size:14px; overflow:hidden;}
.reserve_table3 table {position:relative; width:100%; border-collapse:collapse; margin-left:-1px;}
.reserve_table3 table caption span {position:absolute; top:-9999px; overflow:hidden; height:0px; width:0px; }
.reserve_table3 table thead th {padding:13px 10px; color:#111; font-size:14px; border-bottom:1px solid #dbdbdb; border-left:1px solid #dbdbdb; background:#f3f3f3;}

.reserve_table3 table .op07 {opacity:0.7;}
.reserve_table3 table .red {color:#f25953;}
.reserve_table3 table .blue {color:#155eb6;}
.reserve_table3 table td {position:relative; line-height:20px; color:#fff; font-size:14px; text-align:center; vertical-align:top; border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}

.reserve_table3 table tbody td div.rese_calDate {padding:5px 7px; color:#666; font-weight:normal; font-size:14px; border-bottom:1px dashed #dbdbdb; background:#fafbfb;}
.reserve_table3 table tbody td div.rese_calTxt {padding:10px;}
.reserve_table3 table tbody td div.rese_calTxt p {margin:2px 0; }
.reserve_table3 table tbody td div.rese_calTxt p a {display:block; color:#fff;}
.reserve_table3 table tbody td div.rese_calTxt p.bg_mint {background:#00a1b9;}
.reserve_table3 table tbody td div.rese_calTxt p.bg_gray {background:#9298af;}
.reserve_table3 table tbody td div.rese_calTxt p.bg_blue {background:#3c7ac4;}
.reserve_table3 table tbody td div.rese_calTxt p.bg_red {background:#f25953;}

/* 실시간 예약 - 예약내역확인 */
.reserve_BD_Top {position:relative; padding:15px 25px; font-family:"NotoR"; border-top:1px solid #c8d1db; border-left:1px solid #c8d1db; border-bottom:1px solid #9298af; border-right:1px solid #9298af; overflow:hidden;}
.reserve_BD_Top .BD_down {float:left; line-height:31px;}
.reserve_BD_Top .BD_down a.reserve_btn_down {display:inline-block; vertical-align:middle; margin:2px; padding:0 10px 0 50px; line-height:30px; font-size:14px; color:#333; border:1px solid #566578; letter-spacing:-1px; overflow:hidden; background:url("../../../images/web/horti/sub/btn_down_g.png") no-repeat left center #fff; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.reserve_BD_Top select {height:32px; margin:2px; vertical-align:middle; border:1px solid #c8d1db;}
.reserve_BD_Top .BD_srch {float:right;}
.reserve_BD_Top .BD_srch input {width:200px; height:30px; line-height:30px; padding:0; font-family:"NotoR"; border:1px solid #c8d1db;}
.reserve_BD_Top .BD_srch button {width:80px; height:32px; font-family:"NotoR"; line-height:32px; border:none; color:#fff; background:#394b61;}

/* 게시판 list */
.reserve_BD_list {position:relative; margin-top:20px; border-top:2px solid #000;}
.reserve_BD_list table {table-layout:fixed; } 
.reserve_BD_list th {padding:15px 0; font-size:16px; font-family:"NotoM"; color:#111; font-weight:normal; border-bottom:1px solid #000;}
.reserve_BD_list td {padding:10px 10px; font-family:"NotoR"; font-size:14px; color:#555; text-align:center; border-bottom:1px solid #b2b7c7;}
.reserve_BD_list td a {width:90%; display:block; color:#444; ;}
.reserve_BD_list td a:hover, 
.reserve_BD_list td a:active, 
.reserve_BD_list td a:focus {text-decoration:underline;}
.reserve_BD_list td span.expl1, .reserve_BD_list td span.expl2, .reserve_BD_list td span.expl3 {padding:2px 5px; color:#fff;}
.reserve_BD_list td span.expl1 {background:#4db02c;}
.reserve_BD_list td span.expl2 {background:#f8941d;}
.reserve_BD_list td span.expl3 {background:#155eb6;}
.reserve_BD_list .rese_TM_block {display:none;}
.reserve_BD_list .rese_TM_block2 {display:none;}

/* 페이징 181023 */
.reserve_pagination {margin:20px 0 0; display:inline-block; }
.reserve_pagination li {float:left; margin:2px 0 2px -1px;}
.reserve_pagination li:first-child a {border-radius:3px 0 0 3px; overflow:hidden;}
.reserve_pagination li:last-child a {border-radius:0 3px 3px 0; overflow:hidden;}
.reserve_pagination li a {display:block; line-height:35px; padding:0 13px; border:1px solid #c8d1db;}
.reserve_pagination li a:hover, 
.reserve_pagination li a:focus {background-color:#f7f7f7; border:1px solid #c8d1db; color:#333;}
.reserve_pagination li.active a,
.reserve_pagination li.active a:hover, 
.reserve_pagination li.active a:focus {background-color:#25476a; border:1px solid #25476a; color:#fff;}




/********** Media quary **********/
@media screen and (max-width:1019px) {
	

	/* 실시간 예약 - 실시간 예약확인 - 표 */
	.reserve_table2  .table_scroll {display:block; position:absolute; top:-25px; right:0; padding:0 5px 0 30px; line-height:20px; color:#fff; background:url("../../../images/web/horti/sub/bg_scroll.png") no-repeat left top; border-radius:5px;}
	.reserve_table2_box {overflow-x:auto;}
	.reserve_table2 .reserve_table2_box table {width:900px;}
	.reserve_table2 .tm_table_left {position:absolute; left:0; top:0; display:block; width:101px;}
	.reserve_table2 .tm_table_left thead th {height:67px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	.reserve_table2 .tm_table_left th {border-right:1px solid #dbdbdb;}

	/* 실시간 예약 - 실시간 예약확인 - 달력 */
	.reserve_table3 table thead {display:none;}
	.reserve_table3 table td {text-align:center; vertical-align:middle; overflow:hidden;}
	.reserve_table3 table tbody td {display:block; padding-left:100px;}
	.reserve_table3 table tbody td div.rese_calDate {position:absolute; left:0; top:0; width:100px; height:100%; padding:10px 7px;border-right:1px dashed #dbdbdb; border-bottom:none;  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	.reserve_table3 table tbody td div.rese_calTxt {overflow:hidden;}
	.reserve_table3 table tbody td div.rese_calTxt p.bg_blue, .reserve_table3 table tbody td div.rese_calTxt p.bg_red {width:32%; float:left; margin:2px 0 2px 2%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	.reserve_table3 table tbody td div.rese_calTxt p:nth-child(3n+1) {margin-left:0;}

	/* 실시간 예약 - 예약내역확인 */
	.reserve_BD_Top {padding:0;}
	.reserve_BD_Top .BD_down {padding:10px 25px; float:none; text-align:center; border-bottom:1px dashed #c8d1db; background:#f7f7f7;}
	.reserve_BD_Top select {width:25%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	.reserve_BD_Top .BD_srch {position:relative; padding:10px 107px 10px 25px; float:none; text-align:center;}
	.reserve_BD_Top .BD_srch input {width:45%; height:32px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	.reserve_BD_Top .BD_srch button {position:absolute; right:25px; bottom:12px; width:80px; height:32px;}

	/* 게시판 list */
	.reserve_BD_list table colgroup {display:none;}
	.reserve_BD_list th, .reserve_BD_list td {display:none;}
	.reserve_BD_list td.rese_BD_block {display:block; text-align:left; font-size:15px;}
	.reserve_BD_list td .rese_TM_block {margin-top:10px; display:block; border:1px solid #c8d1db; background:#f7f7f7;}
	.reserve_BD_list td .rese_TM_block ul {padding:10px; font-size:13px; overflow:hidden; }
	.reserve_BD_list td .rese_TM_block ul li {position:relative; float:left; margin-left:15px;}
	.reserve_BD_list td .rese_TM_block ul li strong {padding-left:10px; color:#222;}
	.reserve_BD_list td .rese_TM_block ul li strong:before {content:''; position:absolute; top:8px; left:0; width:4px; height:4px; background:#4a4d54;}
	.reserve_BD_list td .rese_TM_block2 {display:inline-block; margin-right:5px;}
	



	
	

}

@media screen and (max-width:840px) {

	/* 실시간 예약 - 예약등록 */
	.bg_reserve {padding:15px 20px; background-image:none;}
	.reserve_table td .departure {display:block; background-position:left 7px;}
	.reserve_table td .rese_room dd ul li {width:33%;}


}

@media screen and (max-width:768px) {
	
	/* 실시간 예약 - 예약등록 */
	.reserve_table td .rese_room dd ul li {width:50%;}

	/* 실시간 예약 - 실시간 예약확인 */
	.reserve_top {padding-bottom:35px;}
	.reserve_expl {top:auto; bottom:0;}
	.reserve_expl ul li {margin-right:8px; letter-spacing:-1px;}
	.reserve_search {text-align:center;}

	/* 실시간 예약확인 레이어팝업 */
	.room_rese_layer {width:90%; margin:0 0 0 -45%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

	/* 실시간 예약 - 실시간 예약확인 - 달력 */
	.reserve_cal_btn {left:50%; top:auto; bottom:0; margin-left:-110px;}

	/* 페이징 */
	.reserve_pagination li a {padding:0 10px;}


		
	

}

@media screen and (max-width:640px) {




}

@media screen and (max-width:560px) {	




	.history_box {padding-left:0;}
	.history_box h3 {position:relative; left:auto; top:auto; width:100%; height:50px; padding:0 15px 0 50px; line-height:50px; text-align:left; background-size:auto 50px; background-color:#266ed4; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-

sizing:border-box; }
	.history_box h3 span {display:inline; line-height:50px;}
	.history_box ol {border-top:none;}
	.history_box ol li {padding:13px 0 13px 120px;}



	/* 실시간 예약 - 실시간 예약확인 - 달력 */
	.reserve_table3 table tbody td div.rese_calTxt p.bg_blue, .reserve_table3 table tbody td div.rese_calTxt p.bg_red {width:49%;}
	.reserve_table3 table tbody td div.rese_calTxt p:nth-child(3n+1) {margin-left:2%;}
	.reserve_table3 table tbody td div.rese_calTxt p:nth-child(odd) {margin-left:0;}

	/* 실시간 예약 - 예약내역확인 */
	.reserve_BD_Top select {width:48%; margin:2px 0 2px 1%;}
	.reserve_BD_Top select:first-child {margin-left:0;}
	.reserve_BD_Top .BD_srch {padding:10px 25px;}
	.reserve_BD_Top .BD_srch input {width:100%;}
	.reserve_BD_Top .BD_srch button {position:relative; right:auto; bottom:auto; width:100%; margin-top:2px;}

	/* 게시판 list */
	.reserve_BD_list td .rese_TM_block ul li:first-child {width:90%;}

	/* 페이징 */
	.reserve_pagination li {min-width:13.5%; font-size:13px; margin:1px 1px;}
	.reserve_pagination li:first-child a {border-radius:0;}
	.reserve_pagination li:last-child a {border-radius:0;}
	.reserve_pagination li a {padding:0 5px;}
	


}

@media screen and (max-width:480px) {
	
	/* 010202_02국제학생증 */
	.studentID_box li {width:100%; margin:20px 0%;}
	.studentID_box li div {min-height:auto;}


	
}

@media screen and (max-width :380px) {

	/* 실시간 예약 - 실시간 예약확인 - 달력 */
	.reserve_table3 table tbody td div.rese_calTxt p.bg_blue, .reserve_table3 table tbody td div.rese_calTxt p.bg_red {width:100%; margin:2px 0; float:none;}
	.reserve_table3 table tbody td div.rese_calTxt p:nth-child(3n+1) {margin-left:0;}
	.reserve_table3 table tbody td div.rese_calTxt p:nth-child(odd) {margin-left:0;}

}