.inputread{background:#f2f2f2;}
.file{height:25px; border:0px;}

input[type="text"]{height:35px; line-height:20px; padding:0px 0px 0px 10px; border:1px solid #d9d9d9;}
input[type="password"]{height:35px; line-height:20px; padding:0px 0px 0px 10px; border:1px solid #d9d9d9;}
input[type="file"]{height:35px; line-height:20px; padding:0px 0px 0px 10px; border:1px solid #d9d9d9;}


.clear_div{clear:both;}

.mt_5{margin-top:5px !important;}
.mt_10{margin-top:10px !important;}
.mt_15{margin-top:15px !important;}
.mt_20{margin-top:20px !important;}
.mt_25{margin-top:25px !important;}
.mt_30{margin-top:30px !important;}
.mt_35{margin-top:35px !important;}
.mt_40{margin-top:40px !important;}
.mt_45{margin-top:45px !important;}

.mr_5{margin-right:5px !important;}
.mr_10{margin-right:10px !important;}
.mr_15{margin-right:15px !important;}
.mr_20{margin-right:20px !important;}
.mr_25{margin-right:25px !important;}
.mr_30{margin-right:30px !important;}
.mr_35{margin-right:35px !important;}
.mr_40{margin-right:40px !important;}

.mb_5{margin-bottom:5px !important;}
.mb_10{margin-bottom:10px !important;}
.mb_15{margin-bottom:15px !important;}
.mb_20{margin-bottom:20px !important;}
.mb_25{margin-bottom:25px !important;}
.mb_30{margin-bottom:30px !important;}
.mb_35{margin-bottom:35px !important;}
.mb_40{margin-bottom:40px !important;}

.ml_5{margin-left:5px !important;}
.ml_10{margin-left:10px !important;}
.ml_15{margin-left:15px !important;}
.ml_20{margin-left:20px !important;}
.ml_25{margin-left:25px !important;}
.ml_30{margin-left:30px !important;}
.ml_35{margin-left:35px !important;}
.ml_40{margin-left:40px !important;}
.ml_45{margin-left:45px !important;}

.pl_5{padding-left:5px !important;}
.pl_10{padding-left:10px !important;}
.pl_15{padding-left:15px !important;}
.pl_20{padding-left:20px !important;}
.pl_25{padding-left:25px !important;}
.pl_30{padding-left:30px !important;}
.pl_35{padding-left:35px !important;}
.pl_40{padding-left:40px !important;}

.pt_5{padding-top:5px !important;}
.pt_10{padding-top:10px !important;}
.pt_15{padding-top:15px !important;}
.pt_20{padding-top:20px !important;}
.pt_25{padding-top:25px !important;}
.pt_30{padding-top:30px !important;}
.pt_35{padding-top:35px !important;}
.pt_40{padding-top:40px !important;}

.pr_5{padding-right:5px !important;}
.pr_10{padding-right:10px !important;}
.pr_15{padding-right:15px !important;}
.pr_20{padding-right:20px !important;}
.pr_25{padding-right:25px !important;}
.pr_30{padding-right:30px !important;}
.pr_35{padding-right:35px !important;}
.pr_40{padding-right:40px !important;}

.pb_5{padding-bottom:5px !important;}
.pb_10{padding-bottom:10px !important;}
.pb_15{padding-bottom:15px !important;}
.pb_20{padding-bottom:20px !important;}
.pb_25{padding-bottom:25px !important;}
.pb_30{padding-bottom:30px !important;}
.pb_35{padding-bottom:35px !important;}
.pb_40{padding-bottom:40px !important;}


.txt_center{text-align:center !important;}
.txt_left{text-align:left !important;}
.txt_right{text-align:right !important;}

.float_left{float:left !important;}
.float_right{float:right !important;}

.margin_auto{margin:0px auto !important;}

.black{color:#000 !important;}
.red{color:red !important;}
.blue{color:blue !important;}
.blue_1{color:#57a7e1 !important;}


/* 테스트베드 신청 */
.testSearch {margin-bottom:20px; border-top:2px solid #535353; width:100%; border-collapse:collapse; font-size:14px;}
.testSearch td {border-bottom:1px solid #ebebeb; padding:5px 0 5px 10px;}
.testSearch th {/*background:#f3f3f3;*/ border-bottom:1px solid #ebebeb; text-align:left; padding:5px 0px; text-align:center; color:#000;}
.testSearch th select{width:80%; border:1px solid #d4d4d4;}
.testSearch th input{width:100%; border:1px solid #d4d4d4;}
.testSearch td select{/*width:60%;*/ width:100%; border:1px solid #d4d4d4;}
.testSearch td.searchAll {padding:8px 0 8px 14px;}
.testSearch th.search_btn{padding:3px 10px; background:url("/images/common/search_btn.png") border:none; border-radius:5px; font-weight:bold;}
.request_btn{float:right; }

.testlist {position:relative; z-index:20;}
.testlist a{ text-decoration:none;}
.testlist table {table-layout:fixed; width:100%;}
.testlist th, .testlist td {text-align:center;  font-size:14px; }
.testlist th {padding:20px 1%; word-wrap:break-word; background-color:#f3f3f3; border-top:2px solid #535353; color:#000;}
.testlist td {padding:20px 1%; word-wrap:break-word; border-bottom:1px solid #ebebeb; line-height:1.2;}
.testlist .rent{color:#da4173; font-size:12px;}
.testlist .rent2{color:#6f6f6f; font-size:12px;}
.testlist .rent2 a:hover,active{text-decoration:none !important;}
.testlist .rent2 img{/*margin:0; width:50%;*/ margin-bottom:3px;}
.testlist .test_tit a{color:#000; font-weight:bold;}
.test_requestbtn{width:120px; line-height:35px; background:/*#52b0f8*/#122243; color:#fff; text-align:center; font-size:14px; letter-spacing:-0.5px;}


/*테스트베드_19리뉴얼*/
.testlistbox {position:relative; font-size:14px;}
.testbed_list{margin-right:-2%; overflow:hidden;}
.testbed_list li{float:left; border:1px solid #ddd; min-height:250px; width:15.46%; border-radius:5px; padding:10px 1.5%; text-align:center; margin-right:1.2%; margin-bottom:1.2%;}
.testbed_list a:hover,active,focus{text-decoration:none;}
.testbed_list a:link{text-decoration:none;}
.testbed_list img.tsbed{padding-top:40px; /*max-height:180px;*/ height:110px;}
.testbed_dt{text-align:left; position:relative;}
.it_name{font-size:20px; line-height:180%; color:#333; text-align:center; margin:0px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.osiconbox{position:absolute; z-index:10; padding:10px 0px;}
.osiconbox img{width:40px;}

.testde_deta{table-layout:fixed; font-size:14px;}
.testde_deta th{color:#0072bc; font-weight:normal; line-height:180%;}
.testde_deta td{line-height:170%; color:#000000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:180%;}
.test_state{position:relative; padding-top:10px; height:30px;}
.rent{color:#e60012; /*font-size:12px;*/}
.rent2{color:#333333; /*font-size:12px;*/}
.test_state .test_num{position:absolute; right:0px; top:10px;}
.test_state .select_btn{background:#1f8fce; /*width:62px;*/ display:inline-block; line-height:22px; color:#fff; height:22px; padding:0px 15px; border-radius:20px;}
.test_state .select_btn:hover,active,focus{text-decoration:none;}
.test_state .select_btn:link{text-decoration:none;}

.list_morebtn{background:rgba(18,34,69,0.5); width:94px; color:#fff !important; line-height:40px; height:40px; border-radius:30px; padding:5px 20px; margin:0px auto;}
.list_morebtn:link{text-decoration:none;}

/*테스트베드_19리뉴얼_신청목록*/
.test_selectarea{position:absolute; z-index:10000; right:10px; top:400px;}
.test_selectbox{width:110px; min-height:420px; background:#f3f3f3; box-shadow:2px 2px 2px rgba(0,0,0,0.5); border-radius:5px;}
.test_selectbox .test_tit{border-radius:5px 5px 0px 0px; background:#1f8fce; line-height:33px; color:#fff; height:33px; font-size:14px; text-align:center;}
.test_selectbox .select_list{padding:10px;}
.test_selectbox .select_list li{border-bottom:1px solid #ddd; padding:10px 0px 10px; text-align:center;}
.test_selectbox .select_list p{font-size:14px; color:#000;}
.test_selectbox .select_list select{width:100%;}
.test_selectbox .select_list img{width:20px; margin-bottom:10px;}
.test_selectbox .btn_alctbox{padding:0px 10px 10px;}
.test_selectbox .btn_alct{position:relative; bottom:0px; background:#122243; width:100%; line-height:35px; height:35px; color:#fff; text-align:center;}

/*검색결과*/
.result_num{font-size:14px; color:#000;}
a.result_link{color:#57a7e1; font-size:14px;}

/*테스트베드 안내사항추가(20200609)*/
.testbdguidebox{border:1px solid #ddd;}
.testbdguidebox .pd{padding:10px;}


/*테스트베드_사용약관 20180809추가*/
.caution{border:1px solid #ddd; padding:0px 10px;}
.caution ul{padding:10px 0;}
.caution ul li{list-style-image:url(../images/common/list_style_ico_.png); margin-left:20px; line-height:30px; font-size:14px; letter-spacing:-0.5px;}
.caution div{font-weight:bold; color:#000; text-align:center; font-size:14px;}

.to_tit{background:#f0f0f0;  padding:5px 5px 5px; background-repeat:no-repeat; font-size:14px; letter-spacing:-0.5px; color:#333;}

.clause_to{border:1px solid #ddd; padding:0px 10px;}
.clause_to ul{padding:10px 0px;}
.clause_to ul li{line-height:150%; font-weight:normal; font-size:14px; letter-spacing:-0.5px;}

.caution2{background:#f9f9f9; border:1px dotted #c0c0c0; font-size:14px; padding:0px 10px;}
.caution2 ul{padding:10px 0;}
.caution2 ul li{list-style-image:url(../images/common/list_style_ico.png); margin-left:20px; line-height:30px;}
.caution2 div{font-weight:bold; color:#000; text-align:center; padding:10px; margin-top:20px;}

.cautionyes{border:0px !important;}

/*달력*/
.Month_content{display:inline-block; width:100%; letter-spacing:-1px;}
.Month_tblarea{width:73.2%; float:left;}
.Month_table table{width:100%; margin-top:2px;}
.Month_table table.pCon {width:100%; padding:13px 10px 0 10px;}
.Month_table table.txt {margin-bottom:8px;}
.Month_table table {border-collapse:collapse; table-layout:fixed;}
.Month_table table th, .Month_table table td {text-align:center;}
.Month_table table th.nonbox{border:0px; height:2px; padding:0px;}
.Month_table table td.nonbox{border:0px; height:5px; padding:0px;}
.Month_table table th {line-height:34px; border:1px solid #d3d3d4; background-color:#f3f3f3; font-size:14px; color:#000000; font-weight:normal;}
.Month_table .date_move {border-bottom:4px solid #ed4e17; font-size:25px; color:#000;  font-weight:bold; padding-bottom:18px; margin-top:-11px;}
.Month_table .date_move img {margin-right:2px; vertical-align:middle;}
.Month_table table td {height:114px; text-align:left; padding:12px 11px; color:#888888; font-size:14px; border:1px solid #a0a0a0; background-color:#fff; vertical-align:top; }
.Month_table table td em {display:inline; color:#000;}
.Month_table table .last {border-bottom:1px solid #b4b5b3;}
.Month_table table td div span {display:block; margin-bottom:2px; font-size:11px;}
.Month_table table td div.on span.bkok {color:#f85503;}
.Month_table table td.on{background:#FEF4F1;}
.Month_table table td.none{background:#f0f0f0;}
.Month_table table td input{float:right; border-radius:2px;}
.Month_table table td img{clear:both;  padding:2px 0;}
.Month_table table td span{float:left; padding:2px; color:#000; }
.Month_table .rsv{/*float:left;*/ padding:12px 0px 4px; color:#fa5956; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.Month_table table td p{/*float:left;*/ line-height:130%; color:#666666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.Month_table table tr.day em{font-size:14px; color:#000;}
.Month_table table tr.day td.sat em{font-size:14px; float:left;}

.mtroomlist li{white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#666;}
.mtroomlist li.mtr_1{background:url(); }

/*테스트베드_예약일정확인 및 신청버튼*/
.monthrsv_listarea{width:25.1%; float:right;}
.monthrsv_listbox{width:100%; height:100%; font-size:14px;}
.monthrsv_listbox p{margin-top:60px; font-size:20px; color:#0072bc;}
.mouthrsvlist{border-top:1px solid #dededf; border-left:1px solid #dededf; border-right:1px solid #dededf; border-collapse:collapse; table-layout:fixed;}
.mouthrsvlist li{background:#f0f0f0;}
.mouthrsvlist .rsv_name{line-height:35px; padding-left:10px; color:#000; /*border-top:1px solid #dededf;*/ border-bottom:1px solid #dededf; }
.sub_rsvlist{border-collapse:collapse; }
.sub_rsvlist li{border-bottom:1px solid #dededf; line-height:36px; background:#fff; color:#666666; display:inline-block; width:100%;}
.rsvteam_tbl{table-layout:fixed;}
.rsvteam_tbl .rsv_team{white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-left:30px;}
.request_btn_fac{background:#4c9ddb; line-height:50px; color:#fff; text-align:center; width:100%;}

/*시설신청 탭버튼*/
.tabbtn_type2{display:inline-block; position:relative; width:100%;}
.tabbtn_type2 li{cursor:pointer; float:left; background:#f6f6f6;  border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; color:#333; border-radius:5px 5px 0px 0px;; text-align:center; font-size:14px; padding:10px 10px; margin-right:5px;}
.tabbtn_type2 li.on{ border-top:1px solid #ed4e17; border-left:1px solid #ed4e17; border-right:1px solid #ed4e17; background:#fff; color:#ed4e17; font-weight:600;}

.tabbtn_type_my{display:inline-block; position:relative; width:100%;}
.tabbtn_type_my li{cursor:pointer; float:left; background:#f6f6f6;  border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; color:#333; border-radius:5px 5px 0px 0px;; text-align:center; font-size:14px; padding:10px 10px; margin-right:5px;}
.tabbtn_type_my li.on{ border-top:1px solid #00a9e2; border-left:1px solid #00a9e2; border-right:1px solid #00a9e2; background:#fff; color:#00a9e2; font-weight:600;}

/* Desktop Device :480 이하 */
@media screen and (max-width:480px){

	/*전체*/
	.view_t{display:none;}
	.view_w{display:none;}

	.view_wt{display:none;}

	.dsp_in{margin-top:5px;}


	/*테스트베드 view*/
	.testview_left{text-align:center; margin-bottom:20px;}
	.device_img{max-width:200px;}

	/*테스트베드_19리뉴얼*/
	.testlistbox {position:relative; font-size:12px;}
	.testbed_list li{width:44.5%; padding:10px 1.6%; text-align:center; margin-right:1.5%; margin-bottom:1.5%;}
	.testbed_list img.tsbed{max-height:170px;}
	.it_name{font-size:18px; line-height:150%;}
	.osiconbox{position:absolute; z-index:10; padding:10px 0px;}
	.osiconbox img{width:30px;}

	.testde_deta{font-size:12px;}
	.testde_deta th,.testde_deta td{line-height:150%;}
	
	/*테스트베드_19리뉴얼_신청목록*/
	.test_selectarea{z-index:100; margin:0px auto; right:0px; left:10px; display:none;}
	.test_selectbox{width:95%; min-height:160px;}
	.test_selectbox .select_list{padding:10px; /*overflow-x:scroll; overflow-y:hidden;*/ overflow-x:scroll; /*width:100%;*/ white-space:nowrap; height:150px;}
	.test_selectbox .select_list li{border-bottom:1px solid #ddd; display:inline-block; padding:10px 10px 10px; width:100px; margin:0px 10px; text-align:center;}
	.test_selectbox .select_list p{font-size:13px; color:#000; white-space:pre-wrap;}
	.test_selectbox .select_list select{width:100%;}

	/*시설안내_19리뉴얼*/
	.fac_content{overflow:hidden;}
	.fac_list li{float:left; width:100%; margin-bottom:15px;}
	.facbox .fac_img{width:100%;}

	/*테스트베드_예약일정확인 및 신청버튼*/
	.monthrsv_listarea{width:100%; float:right;}
	.monthrsv_listbox{width:100%; height:100%; font-size:14px;}
	.monthrsv_listbox p{margin-top:20px; font-size:20px; color:#0072bc;}

	/*달력*/
	.Month_tblarea{width:100%;}
	.Month_table table td {padding:12px 2%;}

	.per_selectbox div.venue3 ul li p{font-size:14px; font-weight:bold;}
	.request{text-align:right; padding:20px 0; width:100%;}
	.request img{width:100px; float:right; margin:13px 0;}


	.tabbtn_type2 li{float:left; background:#f6f6f6;  border:1px solid #ccc; color:#333; border-radius:5px; padding:10px 10px; margin:0px 3px 3px 0px;}
	.tabbtn_type2 li.on{border:1px solid #ed4e17; background:#fff; color:#ed4e17; font-weight:600;}

}


/* Desktop Device :481~768 */
@media screen and (min-width:481px) and (max-width:768px){

	/*전체*/
	.view_m{display:none;}
	.view_w{display:none;}

	/*테스트베드 view*/
	.testview_left{text-align:center; margin-bottom:30px;}
	.device_img{max-width:300px; /*padding:10px 39%;*/ text-align:center;}


	/*테스트베드_19리뉴얼*/
	.testbed_list{margin-right:-2.2%;}
	.testbed_list li{width:28.5%;}

	
	/*시설안내_19리뉴얼*/
	.fac_content{overflow:hidden;}
	.fac_list li{float:left; width:100%; margin-bottom:1.5%;}

	/*테스트베드_예약일정확인 및 신청버튼*/
	.monthrsv_listarea{width:100%; float:right;}
	.monthrsv_listbox p{margin-top:20px; font-size:20px; color:#0072bc;}

	/*달력*/
	.Month_tblarea{width:100%;}

	.per_selectbox div.venue3 ul li p{font-size:14px; font-weight:bold; }
	.request{text-align:right; padding:20px 0; width:100%;}
	.request img{width:110px; float:right; margin:10px 0;}


}


/* Desktop Device :769 이상 */
@media screen and (min-width:769px){

	/*전체*/
	.view_m{display:none;}
	.view_t{display:none;}
	
	.view_tm{display:none;}

	.dsp_in{display:inline-block;}


	/* 테스트베드 신청 */
	.testselect{max-width:200px;}

	/*테스트베드_19리뉴얼*/
	.testlistbox {font-size:14px; overflow:hidden;}

	/*테스트베드 view*/
	.device_img{max-width:400px;}
	.testview_left{width:45%; float:left; text-align:center; display:table-cell;}
	.testview_right{width:54%; float:right;}

}