@charset "utf-8";
/**
 * fix - layout.css
 * @author kfsura, www.iosys.co.kr
 * @update 2013.11.12
 * @version 1.0.alpha
 */

/* module */
@import url('./jquery/jquery-ui-1.9.2.custom.css');
@import url('./jquery/jquery-ui-timepicker-addon.css');

.control-label { line-height: 2em; padding: 5px; }
@media (max-width: 760px){
    .srch_item .control-label {width:120px; line-height: 1em; padding: 6px 5px; }	
	.srch_item div[class^="col-"] { padding-left:120px; }
}
@media (min-width: 768px){
	.srch_item .control-label {width:120px; line-height: 1em; padding: 6px 5px; }	
	.srch_item div[class^="col-"] { padding-left:120px; }
}
@media (min-width: 1024px){
	.srch_item .control-label {width:100px; line-height: 1em; padding: 6px 5px; }	
	.srch_item div[class^="col-"] { padding-left:100px; }
}
@media (min-width: 1280px){
}
@media (min-width: 1440px){
    .container { width: 1400px; }
}

/* tab active */
.nav-tabs { border-bottom:1px solid #55687a; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	border:1px solid #55687a;  border-bottom:1px solid #55687a;
	color:#fff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #88a0b2), color-stop(1, #55687a));
	background:-moz-linear-gradient(top, #88a0b2 5%, #5D7486 50%, #55687A 50%, #55687a 100%);
	background:-webkit-linear-gradient(top, #88a0b2 5%, #5D7486 50%, #55687A 50%, #55687a 100%);
	background:-o-linear-gradient(top, #88a0b2 5%, #5D7486 50%, #55687A 50%, #55687a 100%);
	background:-ms-linear-gradient(top, #88a0b2 5%, #5D7486 50%, #55687A 50%, #55687a 100%);
	background:linear-gradient(to bottom, #88a0b2 5%, #5D7486 50%, #55687A 50%, #55687a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#88a0b2', endColorstr='#55687a',GradientType=0);
}
.nav-tabs > li > a {
	font-weight:600;
	border-bottom:0;
}

.nav-tabs.nav-justified > li > a {
	border-bottom:1px solid #55687a;
}

/* jquery-ui fixed, leedan */
.ui-widget { font-size:11px !important; } /* 12.15, 사이즈 변경 12->11 */
.ui-datepicker select.ui-datepicker-year , .ui-datepicker select.ui-datepicker-month { width: 48%;}
.ui-datepicker { font-family:'나눔고딕' !important; }
.ui-datepicker table { font-size:11px !important; }
.hasDatepicker { cursor:pointer; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{top : 20%;}
.ui-state-hover, .ui-datepicker-prev-hover{top : 20%;}

/* jquery 가로 스크롤바 */
.scroll-bar-wrap { clear: left; padding: 0 4px 0 2px; margin: 0 -1px -1px -1px;border-radius: 4px; -moz-border-radius :4px; -webkit-border-radius :4px; -khtml-border-radius :4px; background:#eee; }
.scroll-bar-wrap .ui-slider { background: none; border:0; height: 2em; margin: 0 auto;  }
.scroll-bar-wrap .ui-handle-helper-parent { position: relative; width: 100%; height: 100%; margin: 0 auto; }
.scroll-bar-wrap .ui-slider-handle { top:.2em; height: 1.5em; }
.scroll-bar-wrap .ui-slider-handle .ui-icon { margin: -8px auto 0; position: relative; top: 50%; }

/* 페이징 네비 관련*/
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {z-index: auto;}

/* 자동완성 레이어 */
.ui-autocomplete {z-index: 900;}
.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper{ line-height: 2em; border: 1px solid #fff; padding: 0 5px; }
.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper.ui-state-active{border: 1px solid #aaaaaa; background: #eef;}
