/* 20250606 kstartup.css */
@import url('https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css');
/*  Table */
table {
  position: relative;
  width: 100%;
  th { 
    text-align: left; 
    vertical-align: bottom;
    border-bottom: 1px solid #ccc;
    text-transform: uppercase;
    font: .8em;
  }
  th, td { padding: .4em; }
}

/*  fold table  */
table.fold-table {
  background: white;
  color: #555;
  > tbody {
    /*  view segment */
    > tr.view {
      transition: all .3s ease;
      td, th {cursor: pointer;}
      td:first-child, 
      th:first-child { 
        position: relative;
        padding-left:30px;
        &:before {
          position: absolute;
          top:50%; left:5px;
          width: 9px; height: 16px;
          margin-top: -8px;
          font: 16px fontawesome;
          content: "\f0d7";
          transition: all .3s ease;
        }
      }
      &:nth-child(4n-1) { background: #eee; }
      &:hover { background: #ddd; }
      &.open {
        background: #3b7abe;
        color: white;
        td:first-child, th:first-child {
          &:before {
            transform: rotate(-180deg);
            color: white;
          }
        }
		#notice_title {color: white;} /* 목록 선택 시 지원사업명 - white */
      }
    }
  
    /*  fold segment */
    > tr.fold {
      display: none;
      &.open { display:table-row; }
    }
  }
}

/*  fold content */
.fold-content {
  padding: .5em;
  h3 { margin-top:0; }
  > table {
    background: white;
    color: #555;
    border: 1px solid #ccc;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.2);
    > tbody {
      > tr {
        cursor: pointer;
        &:nth-child(even) { background: #eee; }
        &:hover { background: #ddd; }
      }
    }
  }
}

.visible-small { display: none; }
.visible-big { display: block; }

/* 20250702
@media (max-width: 700px) {
  body { font-size: .8em; padding: 0 10px;}
  table {
    th, td { padding: 1em .2em; }
    th { vertical-align: bottom; padding-bottom: 0; }
  }
  
  table.small-friendly {
    > thead { display: none; }
    > tbody {
      > tr {
        > td, 
        > th {
          position: relative;
          padding: 0;
          padding-left: 50%;
          display:block;
          vertical-align: top;
          border-bottom: 1px solid rgba(0,0,0,.05);
          &:before {
            position: absolute;
            top:0; left:.5em;
            max-width: 50%;
            content: attr(data-th)": ";
            display:block;
            font-weight: bold;
          }
          &:first-child { margin-top:1em; }
          &:last-child { margin-bottom:1em; border:0; }
        }
      }
    }
  }
  .visible-small { display: block; }
  .visible-big { display: none; }
}
*/
.mb-5 {padding-bottom: 5px;}
.mb-10 {padding-bottom: 10px;}
.mb-30 {padding-bottom: 30px;}
.color-gray {color:gray;}
.pl-10 {padding-left: 20px;}

#notice_outline {
	font-size: 12px;
	padding: 0 10px 0 10px; /* 위 오른쪽 아래 왼쪽 */
	background: #fff;
	border: 1px solid #59abe3;
	color: #59abe3;
}
#notice_outline2 {
	font-size: 12px;
	padding: 0 10px 0 10px; /* 위 오른쪽 아래 왼쪽 */
	background: #fff;
	border: 1px solid #ff9900;
	color: #ff9900;
}
#notice_new {
	font-size: 12px;
	padding: 0 4px 0 4px; /* 위 오른쪽 아래 왼쪽 */
	background: #f35854;
	border: 1px solid #f35854;
	color: white;
	font-weight: 700
}
#notice_title {
	font-size: 15px;
	color: black;
	font-weight: 500;
}
.font-12 { font-size: 12px;}
.page-cn {font-size:11px;color:#cccccc;}
/* 20250606 kstartup.css */
/* select 기본 스타일 */
select {
	width: 200px;
	padding: 10px;
	font-size: 16px;
	border: 2px solid #3b7abe;
	border-radius: 5px;
	background-color: white;
	color: #333;
	appearance: none; /* 브라우저 기본 스타일 제거 */
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url('/images/icon/arrow.jpg'); /* 드롭다운 화살표 커스텀 */
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 15px;
}

/* select 요소의 컨테이너에 화살표 추가 */
.select-container {
	position: relative;
	display: inline-block;
	width: 200px;
}

/* select 박스가 포커스될 때 스타일 */
select:focus {
	border-color: #ff5e5e;
	outline: none;
	box-shadow: 0 0 5px rgba(255, 94, 94, 0.5);
}

/* 옵션 스타일 */
option {
	padding: 10px;
}

#round-btn{
	color: white;
	padding: 5px 30px 5px 30px; /* 위 | 오른쪽 | 아래 | 왼쪽 */
	font-size: 16px;
	font-weight: bold;
	background: #59abe3;
	border: 2px solid #59abe3;
	border-radius: 30px;
}

.page-active {
	color: white; 
	font-weight: 700;
	padding: 8px 15px 8px 15px;
	margin: 0 -15px 0 -15px; /* 상우하좌 */
	border-radius: 100%;
	background-color: var(--color-light-1);
}

.pagination a {font-size: 17px;}