@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* 요소(element) 여백 초기화 */
html,body { width:100% }
html, body { background-color: white; }
html,body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,blockquote,p,address,pre,cite,form,fieldset,caption,legend,input,textarea,select,table,th,td,div,button {margin:0;padding:0;font-family:"Noto Sans KR", "바른고딕", "Nanum Gothic",sans-serif;font-size:17px; color:#333; font-style: normal;line-height:1.6em;letter-spacing:-0.5px }

iframe {border:0 none}

table {	 border-collapse: collapse; border-spacing: 0 }

textarea { border:1px solid #ebf3fd }
button { margin:5px 0; white-space:nowrap; cursor:pointer }


div { box-sizing: border-box !important; }
* {-webkit-text-size-adjust: none;}
*, *:before, *:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* uikit.css 커스터마이징 */
audio, canvas, iframe, img, svg, video { vertical-align: initial; }
a:hover { color:#333; text-decoration:none }

/* 테두리 없애기 */
fieldset,abbr,acronym{ border:0 none }
button { outline:0 }
img { max-width:100%; border:0 }


/* 목록 */
ul,ol,li,dt,dd{list-style:none;}


/* 텍스트 관련 요소 초기화 */
address,cite,code,dfn,em,var {font-style:normal;font-weight:normal;}
ins {text-decoration:none}
del {text-decoration:line-through}
a { color:#333; text-decoration:none }

.none { display: none; }

/* 아이폰,안드로이드 input ,submit 테두리 초기화 */
input[type=text], input[type=password], input[type=submit], input[type=search], input[type=button], textarea { -webkit-appearance:none;resize:none; }


/* 클리어 */
.cle:after{clear: both; content: ""; display: block;}
.cle {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */


/* 정렬 */
.left { float:left }
.right { float:right }
.alignC { text-align:center !important }
.alignL { text-align:left !important }
.alignR { text-align:right !important }


/* 글자 굵기 지정 */
.bold { font-weight:600 }


/* 마진 정의 */
.margin-t10 { margin-top:10px !important; }
.margin-t15 { margin-top:15px !important; }
.margin-t20 { margin-top:20px !important; }
.margin-t25 { margin-top:25px !important; }
.margin-t30 { margin-top:30px !important; }
.margin-t40 { margin-top:40px !important; }
.margin-t50 { margin-top:50px !important; }


/* 글자크기지정 */
.f14 { font-size:14px !important }
.f17 { font-size:17px !important }
.f19 { font-size:19px !important }
.f21 { font-size:21px !important }
.f25 { font-size:25px !important }
.f27 { font-size:27px !important }

/* 글자색 설정 */
.red { color:red !important }
.blue { color:#003399 !important }
.blue2 { color:#3366cc !important }
.gray { color:#999 !important }
.gray2 { color:#ccc !important }
.orange { color:#e9730a !important }
.white { color:#fff !important }
.green { color:#28bf8d !important }

/* 배경색 설정 */
.bg-orange { background-color:#f68616 }
.bg-green { background-color:#709b09 }


/* 폼 설정 */
.ipt { height:37px; padding:0 10px; line-height:37px; background-color:#fff; border:1px solid #ccc }
.ipt1 { border-radius:7px 0 0 7px }
.ipt2 { border-radius:7px }
.slt { height:37px; padding:0 10px; line-height:37px; background-color:#fff;  border:1px solid #ccc; border-radius:7px }
.txta { padding:10px; background-color:#fff;  border:1px solid #ccc; border-radius:7px }


/* 버튼 설정 */
.btn { height:37px; padding:0 35px; line-height:37px; background-color:#fff; border:1px solid #ccc; border:0 }
.btn2 { height:37px; padding:0 25px; color:#fff; line-height:37px; border:0 }
.btn3 { height:55px; margin:3px; padding:0 35px; color:#fff; line-height:55px; border:0 }
.btn4 { height:39px; margin:3px; padding:0 35px; color:#fff; line-height:39px; border-radius:5px; border:0 }
.btn5 { height:31px; margin:3px; padding:0 15px; font-size:15px; color:#fff; line-height:31px; border-radius:5px; border:0 }
.btn-radius1 { border-radius:0 7px 7px 0 }
.btn-radius2 { border-radius:7px }
.btn_gray { background-color:#999 }
.btn_gray:hover { background-color:#7d7d7d }
.btn_gray2 { background-color:#666 }
.btn_gray2:hover { background-color:#444 }
.btn_gray3 { background-color:#333 }
.btn_gray3:hover { background-color:#1a1a1a }
.btn_red { background-color:#f74835 }
.btn_red:hover { background-color:#e3321e }
.btn_red2 { background-color:#cc0000 }
.btn_red2:hover { background-color:#a90000 }
.btn_blue { background-color:#3366cc }
.btn_blue:hover { background-color:#1e50b3 }
.btn_blue2 { background-color:#3498db }
.btn_blue2:hover { background-color:#1b7fc1 }
.btn_blue3 { background-color:#549cee }
.btn_blue3:hover { background-color:#367fd2 }
.btn_green { background-color:#19b7aa }
.btn_green:hover { background-color:#0a9c90 }
.btn_yellow { background-color:#fcac08 }
.btn_yellow:hover { background-color:#e09700 }
.btn_pink { background-color:#ef2b5c }
.btn_pink:hover { background-color:#d71546 }


/* 테이블설정 */
.tbl { width:100%; border-top:2px solid #071360 }
.tbl th { padding:10px 20px; text-align:left;font-weight:600;color:#071360;background-color:#ebf3fd; border-bottom:1px solid #c2cfe0 }
.tbl td { padding:10px 20px; background-color:#fff; border-bottom:1px solid #c2cfe0 }


/* 테이블설정 */
.tbl_gray { width:100%; border-top:2px solid #333 }
.tbl_gray th { padding:10px 20px; text-align:left;font-weight:600;color:#333; background-color:#fff; border-bottom:1px solid #ccc }
.tbl_gray td { padding:10px 20px; background-color:#fff; border-left:1px solid #ccc; border-bottom:1px solid #ccc }


/* 테이블2설정 */
.tbl2 { width:100%; margin-top:10px; border-top:2px solid #071360 }
.tbl2 > thead > tr > th { padding:13px; text-align:center; font-weight:600; color:#071360; background:#ebf3fd;border-left:1px solid #d6e8ff; border-bottom:1px solid #071360 }
.tbl2 > thead > tr > th:first-child { border-left:0 }
.tbl2 > thead > tr > td { padding:13px;text-align:center;background-color:none;border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
.tbl2 > tbody > tr > th { padding:13px;text-align:center; font-weight:600;background-color:none;border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
.tbl2 > tbody > tr > th:first-child { border-left:0 }
.tbl2 > tbody > tr > td { padding:13px; text-align:center; border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
.tbl2 > tbody > tr > td:first-child { border-left:0 }
.tbl2_cal_info { display:none }
.tbl2 td img { border-radius:10px }


/* 테이블3설정 */
.tbl3 { width:100%; margin-top:10px; border-top:2px solid #333 }
.tbl3 > thead > tr > th { padding:13px; text-align:center; font-weight:600; color:#333; background:#f7f7f7;border-left:1px solid #ddd; border-bottom:1px solid #ddd }
.tbl3 > thead > tr > th:first-child { border-left:0 }
.tbl3 > thead > tr > td { padding:13px;text-align:center;background-color:none;border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
.tbl3 > tbody > tr > th { padding:13px;text-align:center; font-weight:600; color:#333;background-color:#f7f7f7;border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
.tbl3 > tbody > tr > td { padding:13px; text-align:center; border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }
.tbl3 > tbody > tr > th:first-child, .tbl3 > tbody > tr > td:first-child { border-left:0 }


/* 통합검색 테이블 */
.tbl-search-wrap { padding:10px; background-color:#213d6c; border-radius:10px }
.tbl_search { width:100% }
.tbl_search th { padding:10px 15px; font-size:17px; font-weight:500; color:#fff; background-color:#213d6c; border-top:1px solid #213d6c; border-bottom:1px solid #213d6c }
.tbl_search th img { vertical-align:middle }
.tbl_search td { padding:10px 15px; background-color:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc }


/* 달력 테이블 */
.tbl_cal { width:100% }
.tbl_cal th { width:14.2857%;padding:10px 5px; font-size:13px !important; font-weight:500;color:#fff;background-color:#777 !important; border-top:1px solid #666; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc }
.tbl_cal td { padding:7px 5px; text-align:center; font-size:13px; font-weight:400; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc }
.tbl_cal th:first-child, .tbl_cal td:first-child { border-left:0 }

/* 달력 테이블 */
.tbl_cal2 { width:100% }
.tbl_cal2 th { width:14.2857%;padding:10px 5px; font-size:14px !important; font-weight:500;color:#333;background-color:#eee; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #dcdcdc }
.tbl_cal2 td { border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; background-color:#fff }
.tbl_cal2 td a { display:block; padding:3px; font-size:15px; text-align:center; background-color:#fff }
.tbl_cal2 td a:hover { color:#fff; background-color:#12c3a4 }
.tbl_cal2 th:first-child, .tbl_cal2 td:first-child { border-left:0 }
.sun { color:#fff !important; background-color:#ff3333 !important }
.sat { color:#fff !important; background-color:#3366cc !important }
.date-sun a { color:#ff9999 !important }
.date-sat a { color:#8daff2 !important }

/* 상세보기 테이블 */
.tbl_detail { width:100%; border-top:2px solid #071360 }
.tbl_detail > tbody > tr > th { padding:10px 15px; font-weight:500;color:#071360;background-color:#e2efff; border-top:1px solid #c2cfe0; border-bottom:1px solid #c2cfe0 }
.tbl_detail > tbody > tr > td { padding:10px 15px; border-top:1px solid #c2cfe0; border-bottom:1px solid #c2cfe0 }
.tbl_detail td > .tbl_cal thead th, .tbl_detail td > .tbl_cal td { font-size:15px !important }
.tbl_detail td img { margin-top:10px; border-radius:15px }

/* 탭메뉴 */
ul.tabs{ margin: 0px; padding: 0px; font-size:0; text-align:center }
ul.tabs li{ display:inline-block; width:19.5%; margin:2px; padding:10px 20px; font-size:19px; letter-spacing:-1px; color: #333; text-align:center; border-radius:7px; background-color:#fff; border:1px solid #dedede; cursor: pointer }
ul.tabs li.current { color:#fff; background-color:#212c81; border:1px solid #212c81 }
.tab-content { display:none; margin-top:30px !important }
.tab-content.current{ display: inherit }



@media only screen and (max-width:1250px) {
}

@media only screen and (max-width: 1100px) {
	/* 버튼설정 */
	.btn4 { padding:0 20px }

	/* 테이블설정 */
	.tbl2 > thead > tr > th, .tbl2 > thead > tr > td, .tbl2 > tbody > tr > th, .tbl2 > tbody > tr > td { padding:10px 7px }
}


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

	/* 통합검색 테이블 */
	.tbl_search th { display:none }
	.tbl_search td { display:block; border-left:0; border-top:0; border-bottom:0 }
	.tbl_search_txt { font-weight:600; color:#fff; background-color:#213d6c !important }
}


@media only screen and (max-width:768px) {
	html,body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,blockquote,p,address,pre,cite,form,fieldset,caption,legend,input,textarea,select,table,th,td,div,button { font-size:16px }

	/* 폼 설정 */
	.ipt, .slt { height:33px; line-height:33px }

	/* 버튼 설정 */
	.btn, .btn2, .btn3, .btn4, .btn5 { height:33px; line-height:33px }

	/* 테이블설정 */
	.tbl th, .tbl td { display:block; padding:10px 0 !important; font-weight:500; text-align:center }
	.tbl th {  }
	.tbl td { border-top:0 }

	.tbl2 { border-top:0 }
	.tbl2 > thead > tr > th, .tbl2 > thead > tr > td { display:none }
	.tbl2 tbody { border-top:2px solid #333 }
	.tbl2 > tbody > tr > th, .tbl2 > tbody > tr > td { display:block; border-left:0 }
	.tbl2_num { padding:10px 0 !important; font-weight:500; color:#fff; background-color:#3154ac !important }
	.tbl2_num::before { content:"▼ 장비 " }
	.tbl2_place::before { content:"임대장소 : " }
	.tbl2_cal_info { display:block; margin-bottom:7px }

	/* 상세보기 테이블 */
	.tbl_detail { border-top:0 }
	.tbl_detail > tbody > tr > th, .tbl_detail > tbody > tr > td { display:block; text-align:center }
	.tbl_detail > tbody > tr > td { padding-left:0; padding-right:0; border-top:0 }

	/* 탭메뉴 */
	ul.tabs li{ width:24%; font-size:16px }
}

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

	/* 탭메뉴 */
	ul.tabs li{ width:48%; padding:7px 10px }
}