/* reset
-------------------------------------------------- */

/* mainpop
-------------------------------------------------- */
.mainpop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.7);
	z-index: 99999;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
}

.mainpop:target {
	opacity:1;
	pointer-events: auto;
}

.mainpopBox {
	width: 800px;
	height: 750px;
	padding: 10px 0px 10px 30px;
	position: relative;
	margin: 5% auto;
	border-radius: 3px;	
	background-color: #e7ecf5;
	background-repeat:no-repeat; 
}

.mainpopBox img{ text-align:center; width:96%; box-shadow:0 10px 10px gray; margin: 15px 0px 20px 0px; }
.mainpopBox h4 { margin-bottom:20px;}
.mainpopBox input { margin-bottom:15px;}

/* 축산공고 목록 검색 박스 
-------------------------------------------------- */
 .bidbox {  

	background-color: #f2f2f2;  	
/* 	margin: 0 0 5px 0;	 */
    text-align: left;
    display: inline-block;
    border: 1px solid #ddd;
    padding: 7px 15px 6px 15px;
    width: 100%;
    }
    
     .bidbox2 {  

	margin: 0 0 5px 0;	
    text-align: right;
    display: inline-block;
    border: 1px solid #ddd;
    padding: 7px 15px 6px 15px;
    width: 100%;
    }

.bidboxright {

	/* line-height: 67px; */

    text-align: right;

    border-left: 1.5px dashed #ddd;}
    
 .bidboxleft {

	/* line-height: 67px; */

    text-align: left;

    border-right: 1.5px dashed #ddd;}
    


/* 상단 top 추가시 */
.header_top {background-color: #F5F5F5;
    width: 100%;
    border-bottom: 1px solid #dbdbdb; height:30px;}
.header_top .gnbmenu {    font-size: 11px;    font-weight: normal;}
.header_top ul.gnbmenu li {    background: url(../images/top_dot.gif)no-repeat right;}
.header_top ul.gnbmenu li:last-child { background:none;}
.header_top ul.gnbmenu li a { padding:5px 15px; color:#464646;}
.header_top ul.gnbmenu li a:hover { background-color:transparent;}

/* 아이콘 */
.ifbox { height:95px; text-align: center;}
.ifbox > .ift {    position: absolute;
    font-weight: 900;
    font-size: 1.15em;
    top: 20%;
    left: 23%;
    color: #464646;
    text-shadow: 0px 0px 5px #ffffff;}
.ifbox img { width:110px;margin-top: 15px;}

/* 배너 */
.ifbnbox { border: 1px solid #ddd;
    border-radius: 5px;
    margin: 10px;
    padding: 10px;
    height: 75px;
	background: url(../images/ptn03.png);}
.ifcon > .ift {font-size: 1.5em;    font-weight: 700;}
.ifbnbox > img { margin-left: 20px;height: 55px;    float: left;}
.ifcon { margin: 10px 20px; display: table-cell; vertical-align:middle;    height: 55px;    padding-left: 20px;}
.ifcon ul {    padding-left: 0;margin:0;}
.ifcon ul li {display: inline; padding-right:30px; font-size:1.3em;    font-weight: 600; }
.ifcon ul li:first-child { padding-left:0;font-weight: 700;font-size:2em;padding-right: 40px;} 
.ifcon ul li:first-child::after, .ifcon ul li:last-child::after{ content:none;}
.ifcon ul li:last-child { padding-right:0;}
.ifcon ul li a { padding:10px 20px;
    border-radius: 5px;
    background-color: #4C8DB3; color:#fff; }
.ifcon ul li::after { content:'|'; padding-left:30px; font-size: 11px;color: #999;}
.ifcon ul li a:hover { text-decoration:none;background-color: #0475AD; }



/* index_bnr2.html */
/* .feature_bg2 { background:url(../images/f_bg.jpg) 50% 50%; background-size:cover;}
.ifbnbox2 {    margin: 10px;    padding: 10px;    height: 75px;}
.ifbnbox2 > img { margin-left: 20px; position: absolute; height: 55px; left: 0; top: 0; float: left;}
.ift {    font-weight: bold;    padding-left: 40px;font-size: 1.2em;}
.ifcon2 {}
.ifcon2 ul { padding:0; margin:0 auto;    width: 380px;}
.ifcon2 ul li {display: inline; padding:0 35px; font-size:1.3em;    font-weight: 600; }
.ifcon2 ul li a {font-size: 20px;}
.ifcon2 ul li i { margin-left:5px;}
.ifcon2 ul li a:hover { text-decoration:none;} */


/* index_bnr3.html */
.feature_bg3 { background-color: #e9ecef;}
.feature_bg3 ul { padding:0; list-style:none; zoom: 1; display:block; margin:30px 0;    height: 60px;}
.feature_bg3 ul li { float:left; width:191px; margin-left: -1px;   text-align: center; height:60px;}
.bbg {border: 1px solid #5896B9; background-color: #62A8CC; text-shadow: 0px 0px 3px rgba(13, 47, 98, 1);}
.gbg {border: 1px solid #39A38C; background-color: #30B886; text-shadow: 0px 0px 3px rgba(6, 71, 21, 1);}
.abg {border: 1px solid #6b6b9d; background-color: #7c7cc6; text-shadow: 0px 0px 3px rgba(13, 47, 98, 1);}
.feature_bg3 ul li a { display:block;padding:10px 0; color:#fff;line-height: 40px; font-weight: 700;font-size: 1.3em;}
.feature_bg3 ul li a:hover { text-decoration:none;}

/* index_bnr4.html */
.feature_bg4 { background-color: #e9ecef;  height: 50px; }
.feature_bg4 ul { width:100%; padding-top: 10px !important  ; list-style:none; zoom: 1; margin:30px 0;   }
.feature_bg4 ul li {width:100%; margin-left: -1px;   text-align: center; height:50px; }



/* 2016.02.01 추가
* 네비게이션 new
-------------------------------------------------- */
.navnew { padding: .15em .5em .25em; font-size: 9px; z-index: 5;}

/* sitemap */
.col-xs-20p { width:20%; float: left;    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;}
    
.col-xs-16p { width:16%; float: left;    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;}

/*2016.04.01 추가 툴팁과 메모*/    
/* Tooltip text */

.memotooltip .tooltiptext {

    visibility: hidden;
    /* min-width: 120px; */
    /*background-color: black;*/
    background-color:#337ab7;
    color: #fff;
    text-align: center;
    padding: 7px 10px;
    border-radius: 4px;
    margin-top: 10px;
    margin-left: 10px;
    font-size:12px;
    letter-spacing:1px;
	
    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.memotooltip:hover .tooltiptext {
    visibility: visible;
}

/*memo*/

.memo {
    float: left;
    padding: 30px 20px 15px 70px;
    min-height: 180px;
    border: #FFF18E solid 0px;
    width: 65%;
    height: 70%;
   /*  background-image: url(../images/bg_diary_springnote.png) ,url(../images/back_note.gif) ;
    background-repeat: no-repeat, repeat; */
    background-image: url(../images/back_note2.png) ;
    background-repeat: no-repeat;
    
    background-position: top center;
    font-size:15px;
    background-size:cover;
}

.height-long {
	overflow:auto;
	height: 670px;
}

.height-long-box {
	overflow:auto;
	height: 650px;
	
}

.height-long-box2 {
	overflow:auto;
	height: 270px;
	
}
.height-long-box-gong-modal {
	overflow:auto;
	height: calc(100vh - 575px);
	margin-left: auto;
	margin-right:auto
}

.height-top{
	overflow:auto;
	max-height: 150px;
	margin-bottom: 15px;
}

.height-top-box {
	overflow:auto;
	max-height: 190px;
	margin-bottom: 15px;
	
}

.height-top210 {
	overflow:auto;
	height: 210px;
}

.height-bottom {
	overflow:auto;
	height: 560px;
}

.height-bottom2 {
	overflow:auto;
	height: 525px;
}


.height-bottom3{
	overflow:auto;
	height: 482px;
}

.height-bottom430 {
	overflow:auto;
	height: 430px;
}

.height-bottom390 {
	overflow:auto;
	height: 390px;
}
.height-bottom-box {
	overflow:auto;
	height: 365px;
}

.v_align {
    vertical-align: top !important ; 
}

/* thead 고정 */
.fixed-table-container {
    position: relative;
    padding-top: 30px; /* header-bg height값 */
}
.fixed-table-container2 {
    position: relative;
    padding-top: 50px; /* header-bg height값 */
}

.header-bg {
    /* background: #fff; */
    height: 30px; /* header-bg height값 */
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    border-top: 2px solid #464646;;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    
}

.header-bg2 {
    background: #fff;
    height: 50px; /* header-bg height값 */
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    border-top: 2px solid #464646 ;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
} 

.table-wrapper {
    overflow-x: auto;
    overflow-y: auto;
    height: 100%;
}

div.table-wrapper table {
    width: 100%;
    border-collapse: collapse;
}

div.table-wrapper td {
    border-bottom: 1px solid #ccc;
    padding: 5px;
}

div.table-wrapper td + td {
    border-left: 1px solid #ccc;
}

div.table-wrapper th {
	text-align: center;
    padding: 0px; /* reset */
}

.th-text {
    position: absolute;
    top: 0;
    width: inherit;
    line-height: 30px; /* header-bg height값 */
    border-left: 1px solid #ddd;
}

.th-text-gray {
	
	position: absolute;
    top: 0;
    width: inherit;
    line-height: 30px; /* header-bg height값 */
    border-left: 1px solid #ddd;
    background-color : #f4f4f4;
}
.th-text-pink {
    position: absolute;
    top: 0;
    width: inherit;
    line-height: 30px; /* header-bg height값 */
    border-left: 1px solid #ddd;
    background-color: #e4567a;
    color: #fff;
}

.th-text2 {
    position: absolute;
    top: 0;
    width: inherit;
    height: 50px; /* header-bg height값 */
    border-left: 1px solid #ddd;
    padding-top: 8px;
}

/* 견적서 총액 계산 부분 하단 박스 
-------------------------------------------------- */
 .estbox {  

	/* background-color: #f2f2f2; */  	
	background-color: #ffecec;  	
	margin: 0px;	
    font-weight: bold;
    display: inline-block;
    border: 1px solid #a20000;
    padding: 5px 20px 5px 0px;
    width: 100%;
}

/* 중간 박스 
-------------------------------------------------- */
 .mbox {  

	background-color: #FFF0F2;  	
	margin: 10px 0 5px; 0;	
	padding: 4px 0;
    font-weight: bold;
    display: inline-block;
    border: 1px solid #ddd;
    width: 100%;
}

.back_pink {
	background-color: #fdf2f5;  	
}
.back_b_warning {
	background-color: #FFE400;  	
}
.back_b_info {
	background-color: #6EE3F7;  	
}
.back_b_danger {
	background-color: #FF7171;  	
}
.back_pastel_blue {
	background-color: #6cd6e8;  	
}
.back_skyblue {
	background-color: #e4f5fa;  	
}
.back_darkblue {
	background-color: #435f75;  	
	color: #fff;
}
.back_green {
	background-color: #1a936f;  	
	color: #fff;
}
.back_pink2 {
	background-color: #e4567a;  	
	color: #fff;
}
.back_light_green {
	background-color: #f1f9f6;  	
}
.listbox_forLeft {
	border: 1px solid #ddd;
}
.listbox_bg {
	background-color: #f4f4f4;
}

.clickRow {
	background-color:yellow !important;
}

.modalHeadErp{
	background-color:#b51a1d;
	color:white;
}

.modalHeadErp2{
	background-color:#211e9d;
	color:white;
}

/* labels 사이즈 */
.lb-sm {
  font-size: 12px;
}

.lb-md {
  font-size: 16px;
}

.lb-lg {
  font-size: 20px;
}

/***** 체크박스/라디오 버튼 스타일  *****/
#ck-button {
    margin:2px;
    background-color:#fafafa;
    border-radius:4px;
    border:1px solid #D0D0D0;
    overflow:auto;
    float:left;
    cursor: pointer;
}

#ck-button label {
    float:left;
    min-width:3.0em;
    margin-bottom: 0;
}

#ck-button label span {
    text-align:center;
    padding:3px 5px;
    display:block;
    border-radius:4px;
}

#ck-button label input {
    position:absolute;
    top:-20px;
}

#ck-button input:hover + span {
    background-color: #c9e3e9;
}

#ck-button input:checked + span {
    background-color:#00a7ca;
    color:#fff;
}

#ck-button input:checked:hover + span {
    background-color:#c9e3e9;
}

/* modal size  */
.modal-dialog.modal-fullsize {
  width: 97%;
  height: 97%;
  margin: 0;
  padding: 0;
}
.modal-content.modal-fullsize {
  height: auto;
  min-height: 97%;
  border-radius: 0; 
}
.modal.modal-center {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  .modal.modal-center:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog.modal-center {
  display: inline-block;
  text-align: left;
  vertical-align: middle; 
}

.modal-fixed-footer  { position: absolute; bottom: 0; width: 100%; }


.gong-modal-table-thead {
	background-color: #FF9696;  	
}
.gong-modal-table-tbody {
	background-color: #FFC8C8;  	
}
.gong-recommend1 {
	background-color: #9AB9FF;  	
}
.gong-recommend2 {
	background-color: #E0EBFF;  	
}

.main-btn-box {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    text-align: center;
    text-decoration: none!important;
    padding: 5vh 0;
    /* margin: 0 5px 30px; */
    width:29%; 
    display: block; 
   /*  float: right;  */
    height: 20vh; 
    min-height: 30px; 
    box-sizing: border-box;
	/* background-color: #E0EBFF; */
	/* background-color: #e4f5fa; */
	background-color: #ECF8FC;
	box-shadow: 0px 1px 20px 0px rgba(69, 90, 100, 0.08);
}

.main-btn-box2 {
    /* margin-bottom: 20px; */
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    /* text-align: center; */
    text-decoration: none!important;
    /* padding: 25px 0;
    margin: 0 0 30px; */
}

.icon-random {
    background-position: -216px -120px;
    width: 16px;
}

.main-btn-box span, .main-btn-box b {
    display: block;
    color: #b51a1d;
    font-size: 36px;
    /* line-height: 36px; */
    height: 36px;
    font-weight: bold;
}

.main-btn-box>b, .main-btn-box>i{
    color: #444;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 5px;
    text-shadow: 0 1px 0 #fff;
}

.main-btn-box:hover span{
   color: #269abc;
}

.main-panel-body-box{
	overflow-y: auto; 
	height:250px; 
	padding: 0px
}

.main-panel-table{
	margin:0px; 
	cursor:pointer
}

.main-panel-table>tbody>tr>td{
	padding-left:5%;
	padding-right:5%;
}

a.main-panel-title-1 , a.main-panel-title-1:hover{
	color:#3c763d;
}
a.main-panel-title-2, a.main-panel-title-2:hover{
	color:#31708f;
}
a.main-panel-title-3,a.main-panel-title-3:hover{
	color:#8a6d3b;
}
a.main-panel-title-4, .main-panel-title-4:hover{
	color:#a94442;
}

a.main-panel-title-1, a.main-panel-title-2,a.main-panel-title-3,a.main-panel-title-4{
	text-decoration: none!important
}

/* paging */
.firstPage {  
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.lastPage {  
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.otherPage {  
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}

.currentPage {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
/* paging end */