@charset "utf-8";

/* 수련원 안내 */
.training_intro {position:relative; padding:100px 0 0 540px;}
.training_intro .img_box {position:absolute; left:0; top:0; }
.training_intro h3 {margin-left:100px;}
.training_intro .txt_box {position:relative; margin-top:20px; background:url("/images/web/guest/sub/pt_training_intro.png") repeat; z-index:2;}
.training_intro .txt_box ul {padding:30px; background:url("/images/web/guest/sub/bg_training_intro2.png") no-repeat right bottom;}
.training_intro .txt_box ul li {position:relative; padding-left:13px; color:#fff; line-height:28px; font-size:15px;}
.training_intro .txt_box ul li:after {position:absolute; left:0; top:13px; width:3px; height:3px; content:""; display:block;  background:#fff;}
.training_intro span.bg_training_intro {position:absolute; right:0; top:0; display:block; width:128px; height:165px; background:url("/images/web/guest/sub/bg_training_intro1.png") no-repeat left top; z-index:2;}

/* 실배치도 */
.block_plan {position:relative; margin:20px 0 50px 20px; padding:10px; background:url("/images/web/guest/sub/pt_diagonal.png") repeat;}
.block_plan h3 {position:absolute; left:-20px; top:-20px; width:70px; height:70px; line-height:70px; color:#fff; font-size:20px; text-align:center; background:url("/images/web/guest/sub/tit_block_plan.png") no-repeat;}
.block_plan .block_plan_img {padding:30px 20px; text-align:center; border:1px solid #c8d1db; background:#fff;}

/* 타입별 객실 */
.type_room {position:relative; margin-top:10px; padding:20px 0 20px 320px; border-top:2px solid #000; border-bottom:1px solid #c8d1db;}
.type_room .type_room_img {position:absolute; left:0; top:20px; }
.type_room .type_room_txt ul li {position:relative; padding:6px 0 6px 110px; line-height:24px; font-size:15px; border-top:1px dashed #c8d1db;}
.type_room .type_room_txt ul li:first-child {border-top:none}
.type_room .type_room_txt ul li:after {position:absolute; left:0; top:17px; width:3px; height:3px; content:""; display:block;  background:#757e9b;}
.type_room .type_room_txt ul li strong {position:absolute; left:15px; top:6px; color:#222;}

/* 실시간 예약 - 이용방법 */
.how_use li {position:relative; padding:6px 0 6px 30px; line-height:20px;}
.how_use li em {position:absolute; left:0; top:4px; width:24px; height:24px; text-align:center; color:#fff; background:#394b61; border-radius:12px;}



/* 실시간 예약 - 예약등록 */
.bg_reserve {padding:15px 20px 15px 110px; background:url("/images/web/guest/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/guest/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 {border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; z-index:1;} /* 181116 */
.reserve_table2 tbody td .on {position:relative; height:31px;} /* 181116 */
.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;text-indent: -10000px;}
.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:30px; width:400px; margin:0 0 0 -200px; border:2px solid #17335a; background:#fff; z-index:9;} /* 181116 */
.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/guest/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/guest/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/guest/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;}

/* 교통안내 */
.SC_map {height:400px;}
.SC_map .root_daum_roughmap.root_daum_roughmap_landing {width:100%; height:400px;}
.SC_address {padding:15px 20px 15px 50px; color:#fff; font-size:16px; border:1px solid #67708d; background:url("/images/web/guest/sub/icon_address.png") no-repeat 20px 12px #757e9b; }

/* 입퇴실안내 */
.check_in_out {position:relative; padding:20px 20px 20px 150px; border:1px solid #c8d1db;}
.check_in_out h3 {position:absolute; left:-1px; top:-1px; width:120px; height:120px; text-align:center; color:#fff; font-size:20px; line-height:120px; background:url("/images/web/guest/sub/bg_check_in_out.png") no-repeat left top #266ed4; }



/********** Media quary **********/
@media screen and (max-width:1019px) {
	
	.img_w100 {width:100%;}

	/* 수련원 안내 */
	.training_intro {padding:100px 0 0 55%;}
	.training_intro .img_box {width:65%;}
	.training_intro .img_box img {width:100%;}
	.training_intro h3 {margin-left:120px;}

	/* 실배치도 */
	.block_plan .block_plan_img img {width:100%;}


	/* 실시간 예약 - 실시간 예약확인 - 표 */
	.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/guest/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) {

	/* 수련원 안내 */
	.training_intro {padding:0;}
	.training_intro .img_box {position:relative; left:auto; top:auto; width:80%; margin:0 auto;}
	.training_intro h3 {margin:20px 0 0 0;}
	.training_intro span.bg_training_intro {top:auto; bottom:241px;}

	
	/* 실시간 예약 - 예약등록 */
	.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%;}

	/* 입퇴실안내 */
	.check_in_out {padding:20px;}
	.check_in_out h3 {position:relative; left:auto; top:auto; width:100%; height:50px; line-height:50px; padding-left:20px; background-size:auto 100%;  background-position:right center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}



}

@media screen and (max-width:768px) {
	
	/* 타입별 객실 */
	.type_room {padding:20px 0 20px 0;}
	.type_room .type_room_img {position:relative; left:auto; top:auto; text-align:center; margin-bottom:20px;}
	.type_room .type_room_img img {max-width:100%;}
	
	/* 실시간 예약 - 예약등록 */
	.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:260px; margin:0 0 0 -130px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} /* 181116 */

	/* 실시간 예약 - 실시간 예약확인 - 달력 */
	.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) {	

	/* 실시간 예약 - 실시간 예약확인 - 달력 */
	.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;}

}