/* 장비예약현황 조회 */
.equipment_rsv {text-align:center;border:1px solid #efefef;padding:100px 0;background:#f9f9f9;overflow:hidden}
.equipment_rsv .title{float:left;width:40%;text-align:center;padding:10px 0 10px 80px;box-sizing:border-box}
.equipment_rsv .con_form{float:left;width:60%;padding:10px 100px 10px 80px;box-sizing:border-box}
.equip_tit{color:#333;padding:100px 0 30px;background:url(/pages/kimiro/img/sub/equip_tit.png) no-repeat center top;font-size:18px;text-align:center;word-break:keep-all;}
.equipment_rsv span{position:relative;clear:both;width:100%;margin:0 auto;height:48px;display:block;margin-bottom:5px}
.clean-slide {position: relative; display: inline-block; width: 100%; padding: 15px 0 15px 30px; font-family:'Noto Sans KR', 'Malgun Gothic' ,'Dotum','Gulim','Tahoma','Verdana',sans-serif; font-weight: 400; color: #333; background: #efefef; border: 0; border-radius: 3px;
    outline: 0; text-indent: 60px; transition: all .3s ease-in-out;box-sizing:border-box}
.clean-slide::-webkit-input-placeholder {color: #efefef; text-indent: 0; font-weight: 300;}
.clean-slide + label { display: inline-block; position: absolute; transform: translateX(0); top: 0; left: 0; bottom: 0; padding:10px 15px; font-size: 13px; font-weight: 700; text-transform: uppercase; color: #032429;
    text-align: left; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); transition: all .3s ease-in-out, color .3s ease-out; border-top-left-radius: 3px; border-bottom-left-radius: 3px; overflow: hidden;}
.clean-slide + label:after { content: ""; position: absolute; top: 0; right: 100%; bottom: 0; width: 100%; background: #d70f9d; z-index: -1; transform: translate(0); transition: all .3s ease-in-out; border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
.clean-slide:focus, .clean-slide:active { color: #d70f9d; text-indent: 0; background: #fff; border-top-left-radius: 0; border-bottom-left-radius: 0;}
.clean-slide:focus::-webkit-input-placeholder, .clean-slide:active::-webkit-input-placeholder { color: #aaa;}
.clean-slide:focus + label, .clean-slide:active + label { color: #fff; text-shadow: 0 1px 0 rgba(19, 74, 70, 0.4); transform: translateX(-100%);}
.clean-slide:focus + label:after, .clean-slide:active + label:after { transform: translate(100%);}
.equipment_rsv button{width:100%;text-align:center;height:48px;line-height:48px;border-radius:3px;margin:0 auto;cursor:pointer;background:#444654;color:#fff;border:none;font-weight:700;font-size:16px}
.equipment_rsv button:hover{background:#d70f9d}
#rent_list_wrap table{width:100%;height:auto;border-collapse:collapse;border-width:0;font-size:12px;border-bottom:1px solid #ddd}
#rent_list_wrap thead{height:60px;background:#fff;border-top:2px solid #000;border-bottom:1px solid #b5b5b5}
#rent_list_wrap thead th{line-height:58px;color:#333;font-size:15px;font-weight:500}
#rent_list_wrap thead th a{font-size:10px;color:#666;font-family:'taoma'}
#rent_list_wrap thead th a:hover{text-decoration:none;color:#4dce00}
#rent_list_wrap tbody tr{color:#666}
#rent_list_wrap tbody tr a{color:#333}
#rent_list_wrap tbody td{line-height:14px;border-bottom:1px solid #d9d9d9;letter-spacing:-.02em;text-align:center;padding:4px 8px;height:45px;min-height:45px;font-size:14px;color:#666;font-weight:400}
#rent_list_wrap tbody td .num_notice{font-weight:700;color:#fff;background:#3b476c;margin:0 auto;font-size:11px}
#rent_list_wrap tbody td .title a{display:block;width:auto;float:left;padding-right:5px;line-height:19px;font-size:14px;color:#666;font-weight:400}
#rent_list_wrap tbody td .notice{font-weight:bold}
#rent_list_wrap tbody td .notice a{color:#000 !important}
#rent_list_wrap tbody td .reply{padding-left:10px}
#rent_list_wrap tbody td.txt_l{text-align:left !important}
#rent_list_wrap tbody td a{color:#666}
#rent_list_wrap tbody td img{vertical-align:middle}
#rent_list_wrap th:first-child,#board_list td:first-child{border-left: none;}



/* 장비지원 리스트 */
.equipment_list ul li{display:inline-block;float:left;width: 100%;float:left;padding:20px 50px;box-sizing:border-box;overflow:hidden;border:2px solid #efefef;margin-bottom: 20px;}
.equipment_list ul li a{width:100%;color:#333;font-size:14px;overflow:hidden;float:left;}
.equipment_list ul li a .imgbox{width: 40%;float:left;padding:0;box-sizing:border-box;padding-right: 40px;overflow:hidden;border-right: 1px dotted #ccc;}
.equipment_list ul li a .imgbox img{max-width:100%;width:auto;height:200px}
.equipment_list ul li a dl{display:block;width: 53%;float: right;box-sizing:border-box;}
.equipment_list ul li a dt{font-size:18px;font-weight:600;padding-bottom:15px;padding-top:35px;word-break:keep-all}
.equipment_list ul li a dd{font-size:16px;padding-bottom:5px;font-weight:300;color:#777}
.equipment_list ul li:hover{text-decoration:none;border:2px solid #d70f9d}

.equipment_search {width:70%;margin:0 auto;border-bottom:2px solid #000;position:relative;margin-bottom: 30px}
.equipment_search h4{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
.equipment_search input.search_input{width:80%;line-height:63px;height:63px;font-size:19px;color:#a8a8a6;border:none}
.equipment_search input[type="submit"]{position:absolute;top:0;right:0;width:54px;height:63px;text-indent:-99999px;background:url(./img/icon_search.jpg) no-repeat right center;border:0;cursor:pointer;padding:0}

/* 장비지원 뷰 */
.equip_v_top{display:inline-block;width:100%;overflow:hidden;position:relative;border:10px solid #d70f9d;height:auto;padding:50px 40px 40px 40px;box-sizing:border-box}
.equip_v_top .equip_v_img{float:left;width:35%;box-sizing:border-box;padding-right:15px;height:100%;text-align:center}
.equip_v_top .equip_v_img img{width:auto;max-width:100%;height:auto}
.equip_v_top dl{float:left;margin-left:30px;width:60%}
.equip_v_top dl dt{font-size:20px;font-weight:700;border-bottom:2px solid #333;padding-bottom:20px;margin-bottom:20px}
.equip_v_top dl dd{color:#666;width:100%;padding-bottom:2px;font-size:15px}
.equip_v_top dl dd b{color:#d80b8c;font-weight:700}
.equip_v_top dl dd ul.btn_use{display:block;width:100%;overflow:hidden;padding:10px 0}
.equip_v_top dl dd ul.btn_use li{display:inline-block;float:left;margin:0 3px;width:48%}
.equip_v_top dl dd ul.btn_use li button{width:100%;border:none;cursor:pointer;height:45px;line-height:45px;border:0;border-radius:3px;color:#fff;background:#333;font-size:14px;letter-spacing:-1px}
.equip_v_top dl dd ul.btn_use li a{text-decoration:none}
.equip_v_top dl dd ul.btn_use li span{border-radius:3px;color:#fff;font-size:14px;display:block;clear:both;text-align:center;letter-spacing:-1px;width:100%;height:45px;line-height:45px}
.equip_v_top dl dd ul.btn_use li span.nouse{background:#f26969}
.equip_v_top dl dd ul.btn_use li span.okuse{background:#25b3cd}
.equip_v_desc{width:100%;overflow:Hidden;box-sizing:border-box;padding:30px;}

	#equip_use_form{width:100%;overflow:hidden;box-sizing:border-box;border:10px solid #ddd;margin:30px 0;padding:60px 40px}
		.equip_use_agree_box{width:100%;overflow:hidden;box-sizing:border-box;border-bottom:1px solid #ccc;padding-bottom:30px}
		.equip_use_agree_box dl{padding-bottom:15px}
		.equip_use_agree_box dt{color:#000;font-size:24px;font-weight:100;padding-bottom:10px;letter-spacing:-2px}
		.equip_use_agree_box .agree_text{background:#f9f9f9;padding:30px;box-sizing:border-box;border:1px solid #efefef}
		.equip_use_agree_box .btn_agree{width:100%;text-align:right;padding-top:10px}
		.equip_use_agree_box input[type="checkbox"] {display:none}
		.equip_use_agree_box input[type="checkbox"] + label {color:#000;display:inline-block;padding:0 10px 5px 7px;position:relative;font-weight:300;font-size:15px;margin-left:-4px;padding-right:15px}
		.equip_use_agree_box input[type="checkbox"] + label span {display:inline-block;width:19px;height:19px;margin:-2px 3px 0 0;vertical-align:middle;background:url('img/check_radio_sheet.png') left top no-repeat}
		.equip_use_agree_box input[type="checkbox"]:checked + label span {background:url('img/check_radio_sheet.png') -19px top no-repeat}

		.equip_use_form_box{width:100%;overflow:hidden;margin-top:40px}
		.equip_use_form_box h4{color:#000;font-size:24px;font-weight:100;padding-bottom:30px;letter-spacing:-2px}
		.equip_use_form_box dl{display:block;width:100%;overflow:hidden;box-sizing:border-box;border:1px dotted #ccc;border-radius:5px}
		.equip_use_form_box dl dt, .equip_use_form_box dl dd{display:block;float:left;height:50px;line-height:50px;box-sizing:border-box;border-bottom:1px dotted #ccc}
		.equip_use_form_box dl dt{width:180px;padding-left:20px;color:#fff;background:#41475a}
		.equip_use_form_box dl dd{width:calc(100% - 180px)}
		.equip_use_form_box dl dd.f_ck{padding-left:20px}
		.equip_use_form_box dl .t_ar{height:200px;border-bottom:0}
		.equip_use_form_box dl dd input{height:48px;line-height:48px;border:none;position:relative;top:-2px;width:100%;box-sizing:border-box;padding-left:20px;font-size:15px}
		.equip_use_form_box dl dd input.t_date_s{width:49.5% !important;border-right:1px dotted #ccc;background:url('img/icon_date.png') 20px 10px no-repeat;padding-left:60px}
		.equip_use_form_box dl dd input.t_date_e{width:50% !important;background:url('img/icon_date.png') 20px 10px no-repeat;padding-left:60px}
			.equip_use_form_box input::-ms-input-placeholder{color:#999;font-weight:300;font-size:15px}
			.equip_use_form_box input::-webkit-input-placeholder{color:#999;font-weight:300;font-size:15px}
			.equip_use_form_box input::-moz-placeholder{color:#999;font-weight:300;font-size:15px}
			.equip_use_form_box textarea::-ms-input-placeholder{color:#999;font-weight:300;font-size:15px}
			.equip_use_form_box textarea::-webkit-input-placeholder{color:#999;font-weight:300;font-size:15px}
			.equip_use_form_box textarea::-moz-placeholder{color:#999;font-weight:300;font-size:15px}
			.equip_use_form_box input[type="radio"] {display:none}
			.equip_use_form_box input[type="radio"] + label {color:#000;display:inline-block;padding:0 10px 5px 7px;position:relative;font-weight:300;font-size:15px;margin-left:-4px;padding-right:15px}
			.equip_use_form_box input[type="radio"] + label span {display:inline-block;width:19px;height:19px;margin:-2px 3px 0 0;vertical-align:middle;background:url('img/check_radio_sheet.png') -38px top no-repeat}
			.equip_use_form_box input[type="radio"]:checked + label span {background:url('img/check_radio_sheet.png') -57px top no-repeat}
		.equip_use_form_box dl dd textarea{border:0;width:100%;font-size:13px;line-height:22px;box-sizing:border-box;padding:20px;font-family:'Noto Sans KR', 'Malgun Gothic' ,'Dotum','Gulim','Tahoma','Verdana',sans-serif;overflow-y:auto;height:200px}
		.equip_use_form_box button.btn_ok{border:0;cursor:pointer;width:100%;margin-top:20px;line-height:55px;height:55px;text-align:center;background:#25b3cd;color:#fff;border-radius:3px;font-family:'Noto Sans KR', 'Malgun Gothic' ,'Dotum','Gulim','Tahoma','Verdana',sans-serif;font-size:16px}
		.equip_use_form_box button.btn_ok:hover{background:#1893aa}




/* 장비신청 */
.equipment_rsv2{width:100%;overflow:hidden;margin-top:40px}
		.equipment_rsv2 h4{font-size:24px;font-weight:100;padding-bottom:20px;letter-spacing:-1px;color:#000}
		.equipment_rsv2 dl{display:block;width:100%;overflow:hidden;box-sizing:border-box;border:1px dotted #ccc;border-radius:5px}
		.equipment_rsv2 dl dt, .equipment_rsv2 dl dd{display:block;float:left;height:50px;line-height:50px;box-sizing:border-box;border-bottom:1px dotted #ccc;text-align:left}
		.equipment_rsv2 dl dt{width:180px;padding-left:20px;color:#fff;background:#41475a}
		.equipment_rsv2 dl dd{width:calc(100% - 180px);padding-left:40px}
		.equipment_rsv2 dl .t_ar{height:200px;border-bottom:0}
.equip_tit{color:#333;padding:140px 30px 30px;background:url(/pages/kimiro/img/sub/equip_tit.png) no-repeat center 20px;font-size:18px;line-height:28px;text-align:left}
.equipment_rsv2 span{position:relative;clear:both;width:614px;margin:0 auto;height:48px;display:block;margin-bottom:5px}
.equipment_rsv2 span{position:relative;clear:both;width:614px;margin:0 auto;height:48px;display:block;margin-bottom:5px}
.equipment_rsv2 .clean-slide {position: relative; display: inline-block; width: 584px; padding: 15px 0 15px 30px;font-family:'Noto Sans KR', 'Malgun Gothic' ,'Dotum','Gulim','Tahoma','Verdana',sans-serif; font-weight: 400; color: #333; background: #efefef; border: 0; border-radius: 3px;
    outline: 0; text-indent: 60px; transition: all .3s ease-in-out;}
.equipment_rsv2 .clean-slide::-webkit-input-placeholder {color: #efefef; text-indent: 0; font-weight: 300;}
.equipment_rsv2 .clean-slide + label { display: inline-block; position: absolute; transform: translateX(0); top: 0; left: 0; bottom: 0; padding:10px 15px; font-size: 15px; font-weight: 700; text-transform: uppercase; color: #032429;
    text-align: left; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); transition: all .3s ease-in-out, color .3s ease-out; border-top-left-radius: 3px; border-bottom-left-radius: 3px; overflow: hidden;}
.equipment_rsv2 .clean-slide + label:after { content: ""; position: absolute; top: 0; right: 100%; bottom: 0; width: 100%; background: #d70f9d; z-index: -1; transform: translate(0); transition: all .3s ease-in-out; border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
.equipment_rsv2 .clean-slide:focus, .clean-slide:active { color: #d70f9d; text-indent: 0; background: #fff; border-top-left-radius: 0; border-bottom-left-radius: 0;}
.equipment_rsv2 .clean-slide:focus::-webkit-input-placeholder, .clean-slide:active::-webkit-input-placeholder { color: #aaa;}
.equipment_rsv2 .clean-slide:focus + label, .clean-slide:active + label { color: #fff; text-shadow: 0 1px 0 rgba(19, 74, 70, 0.4); transform: translateX(-100%);}
.equipment_rsv2 .clean-slide:focus + label:after, .clean-slide:active + label:after { transform: translate(100%);}
.equipment_rsv2 button{width:614px;text-align:center;height:48px;line-height:48px;border-radius:3px;margin:0 auto;cursor:pointer;background:#888;color:#fff;border:none}
.equipment_rsv2 button:hover{background:#d70f9d}
.dates-wrapper {background: #f0f0f0; padding: 1em 1em 0 1em; display: inline-block;border-radius:5px;margin-bottom:10px}
.input-text { background-color: #ffffff; padding: 2px 10px; color: #666; border: 1px solid #dddddd; outline: none; vertical-align: middle; height: 36px; border-radius: 0; display: block; width: 100%;
    -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none;}
.date-wrapper { position: relative; margin: 0 42px 10px 0; display: inline-block; }
.label {float: left;display: inline-block; margin-right: 28px;   padding-top: 10px;font-weight:700;color:#333  }
.input {
    font-size: 15px;
    color: #333;
    max-width: 172px;
    float: left;
    margin-right: 10px;
}

.hide-text {text-indent: 100%;white-space: nowrap; overflow: hidden;}
.group:after {content: "";display: table;clear: both;}




/* 장비신청 */
.equipment_rsv2 textarea{width:100%;border:1px solid #ddd}

.btn_on{color:#000;border-color:#d80b8c;background-color:#d80b8c;color:#fff;font-weight:700}
.agree_privacy .p_box{border:1px solid #ddd;padding:40px;box-sizing:border-box}


/* 폼 영역 컨트롤 */
.wrap_tf{position:relative}
.box_tf .lab_txt, .box_tf .txt_desc{position:absolute;top:13px;left:22px;font-size:15px;color:#aaa;}
.lab_write{display:inline-block;font-size:16px;color:#000;width:100%}
.register_gender .tit_gender{display:block;font-weight:normal;font-size:16px;color:#000}
.box_tf{position:relative;width:494px;margin-top:10px;padding-right:44px;border:1px solid #ddd;background-color:#fff}
.box_tf2{position:relative;width:250px;margin-top:10px;padding-right:44px;border:1px solid #ddd;background-color:#fff;float:left}
.box_tf .tf_write{display:block;width:100%;padding:13px 0;height:22px;font-size:15px;line-height:22px;color:#aaa;border:0 none;border-left:22px solid transparent;border-right:22px solid transparent;background-color:transparent;-webkit-appearance:none}
.box_tf2 .tf_write{display:block;width:100%;padding:13px 0;height:22px;font-size:15px;line-height:22px;color:#aaa;border:0 none;border-left:22px solid transparent;border-right:22px solid transparent;background-color:transparent;-webkit-appearance:none}
.box_register .txt_assist{padding-left:7px;font-size:15px;color:#333}
.box_register .box_select{margin-top:10px}
.state_on .lab_txt, .state_on .txt_desc{display:none}
.term{display:block;float:left;line-height:65px;width:20px;font-size:20px;text-align:center}

/* page */
#paginate_complex{text-align:center;margin-top:80px}
p.btn_page{display:inline-block;margin-top:80px}
p.btn_page a{width:27px;height:25px;margin-left:5px;font-weight:300;color:#666;font-size:16px;display:block;box-sizing:border-box;float:left;line-height:30px}
p.btn_page a:hover{background:#fff;;color:#222}
p.btn_page span.on{background:#fff;border-bottom: 2px solid #1f2c5c;margin-left: 5px;padding: 5px 10px 6px 10px;font: bold 13px/16px "Nanum Gothic";color:#1f2c5c;}
p.btn_page a.first_back{width:30px;height:30px;background:#fff url(./img/board_btn_first.jpg) no-repeat 0 0;border:1px solid #d4d4d4;margin:0 5px;font-size:0}
p.btn_page a.prev_back{width:30px;height:30px;background:#fff url(./img/board_btn_prev.jpg) no-repeat 0 0;border:1px solid #d4d4d4;margin:0 5px;font-size:0}
p.btn_page a.next_back{width:30px;height:30px;background:#fff url(./img/board_btn_next.jpg) no-repeat 0 0;border:1px solid #d4d4d4;margin:0 5px;font-size:0}
p.btn_page a.end_back{width:30px;height:30px;background:#fff url(./img/board_btn_end.jpg) no-repeat 0 0;border:1px solid #d4d4d4;margin-left:5px;font-size:0;}
p.btn_page a.first_back span,  p.btn_page a.end_back span{font-size:0;position:absolute;left:0;top:0}
p.btn_page a img{vertical-align:baseline}
p.btn_page strong{border-bottom:2px solid #1f2c5c;padding:0 0 4px;margin-left:4px;display:block;box-sizing:border-box;width:30px;height:30px;float:left;line-height:30px}


#board_list table{width:100%;height:auto;border-collapse:collapse;border-width:0;font-size:12px;border-bottom:1px solid #ddd}
#board_list{margin-top:20px}
#board_list ul li a{display:block;border-bottom:1px solid #ddd;overflow:hidden;width:100%;padding:25px;box-sizing:border-box}
#board_list ul li a span.thumb{float:left;width:300px;min-height:180px;text-align:center;background:#eee;padding:15px;box-sizing:border-box}
#board_list ul li a span.thumb img{width:265px;height:180px;margin:0 auto;text-align:center}
#board_list ul li a .txt_wrap{float:left;padding:45px 0 0 60px;width:810px;box-sizing:border-box}
#board_list ul li a strong{display:block;font-weight:400;font-size:24px;line-height:30px;color:#000;padding-bottom:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:90%;letter-spacing:-.06em}
#board_list ul li a p{font-size:16px;line-height:25px;color:#666;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:90%}
#board_list ul li a span.date{display:block;font-size:16px;color:#222;padding-top:17px}
#board_list ul li a:hover{border:1px solid #279baa;padding:24px 24px 25px 24px}


#board_list thead{height:60px;background:#fff;border-top:2px solid #000;border-bottom:1px solid #b5b5b5}
#board_list thead th{line-height:58px;color:#333;font-size:15px;font-weight:500}
#board_list thead th a{font-size:10px;color:#666;font-family:'taoma'}
#board_list thead th a:hover{text-decoration:none;color:#4dce00}
#board_list tbody tr{color:#666}
#board_list tbody tr a{color:#333}
#board_list tbody td{line-height:14px;border-bottom:1px solid #d9d9d9;letter-spacing:-.02em;text-align:center;padding:4px 8px;height:45px;min-height:45px;font-size:14px;color:#666;font-weight:400}
#board_list tbody td .num_notice{font-weight:700;color:#fff;background:#3b476c;margin:0 auto;font-size:11px}
#board_list tbody td .title a{display:block;width:auto;float:left;padding-right:5px;line-height:19px;font-size:14px;color:#666;font-weight:400}
#board_list tbody td .notice{font-weight:bold}
#board_list tbody td .notice a{color:#000 !important}
#board_list tbody td .reply{padding-left:10px}
#board_list tbody td.txt_l{text-align:left !important}
#board_list tbody td a{color:#666}
#board_list tbody td img{vertical-align:middle}
#board_list th:first-child,#board_list td:first-child{border-left: none;}





/****** Tablet Device ******/
@media screen and (min-width:691px) and (max-width:899px) {
}


/****** Mobile ******/
@media screen and (max-width:690px){
	.board_search{width:100%}

	.equipment_rsv{padding:30px}
	.equipment_rsv .title{width:100%;padding:10px 0}
	.equipment_rsv .con_form{width:100%;padding:0}
	
	.equipment_list ul li{padding:20px}
	.equipment_list ul li a .imgbox{width:100%;padding:0;border:0}
	.equipment_list ul li a dl{width:100%}
	
	.equip_v_top{padding:15px}
	.equip_v_top .equip_v_img{width:100%;padding:0}
	.equip_v_top dl{width:100%;margin-top:30px;margin-left:0}
	
	.equip_v_top dl dd ul.btn_use{padding-top:30px}
	.equip_v_top dl dd ul.btn_use li{width:100%;margin:3px 0}

	.equip_v_desc{padding:0}

	#equip_use_form{padding:30px 15px}
	.equip_use_agree_box .btn_agree{text-align:center}
	.equip_use_form_box dl dt, .equip_use_form_box dl dd{height:auto;padding:5px 15px}
	.equip_use_form_box dl dt{width:100%}
	.equip_use_form_box dl dd{width:100%}
	.equip_use_form_box dl dd input.t_date_e, .equip_use_form_box dl dd input.t_date_s{width:100% !important;border:0}
	.equip_use_form_box dl .t_ar{height:auto}
	.equip_use_form_box dl dd input{padding-left:0}

.clean-slide + label{display:none;}
.clean-slide{padding:15px 0 15px 10px;text-indent:0 }

}