/****************************
01. 占싸깍옙占쏙옙
*****************************/
.loginArea {background: url('../img/program_bg.jpg') center top repeat;}
.loginArea h1 {margin-bottom:20px; padding-top:100px;}
.login-box {background: #fff; padding:40px 45px; box-shadow: 0 15px 15px rgba(167,166,172,0.2); /*border-radius: 15px;*/ overflow: hidden;}
.login-con1 {position: relative;  display: flex;}
.login-con1 .ctrl {position: absolute; background-color: rgba(0,0,0,0.7); border-radius: 0 15px 0 0; padding: 5px 10px; z-index:99; top:170px;}
.login-con1 .ctrl .vis-count {float:left;}
.login-con1 .ctrl .btnG a {display: inline-block; line-height: 35px;}

.login-con1 .msec-vis{position:relative; width:540px; border-radius: 15px;background: #fff; overflow: hidden; }
.login-con1 .msec-vis .item { width:540px;height:280px;}
.login-con1 .msec-vis .item img {height:280px;}
.login-con1 .msec-vis .item .text {background: #164194; padding:15px 30px; color:#fff; overflow: hidden; border-radius:0 0 15px 15px;}
.login-con1 .msec-vis .item .text a { color:#fff;}
.login-con1 .msec-vis .item .img {height:280px;}
.login-con1 .msec-vis .item .img .login-img {background-size: contain; height: 280px;}
.login-con1 .ctrl { margin-top:65px; color:#fff;}
.login-con1 .count span{display:inline-block; line-height: 34px; }
.login-con1 .count, .login-con1 .count.btnG {float:left; margin:0 5px; }
.login-con1 .btnG a{ display: inline-block;text-align: center; border-radius: 5px; margin-left:10px; line-height: 30px; color:#fff;}


.login-form {margin:0 auto; width:45%; padding-left:20px;}
.login-form h2 {text-align: center; padding-top:30px; padding-bottom:50px; }
.input-box .form-style {display: block; width:calc(100% - 32px); border-radius: 5px; border:1px solid #e5e5e5; margin-bottom:10px; color:#666; padding:10px 15px;}
/*.input-box .btn-submit {background: #164194; color:#fff; font-size:1.25em; width:100%;border:1px solid #164194; padding:10px 0; margin-top:10px; border-radius: 5px;}*/
.input-box .btn-submit {background: #164194; color:#fff; font-size:1.25em; width:calc(100%); border:1px solid #164194; padding:10px 0; margin-top:10px; border-radius: 5px;}


.login-con2 {margin-top:30px;}
.login-con2 ul {margin:0 -10px;}
.login-con2 li {float:left;  margin:10px; width:calc(100% / 4 - 20px);}
.login-con2 li a {display: block; text-align: center; border:1px solid #e5e5e5; box-sizing: border-box; border-radius: 10px; padding-bottom:20px; transition: all .3s ease; }
.login-con2 li a:hover {background: #F6FAFF; border-color: #164194;}
.login-con2 li a p {font-size:1.25em; font-weight: 600; color:#222;}
.login-con2 li a span.quick-img { width:100%; height:110px; display: block; margin:20px auto; background-size: contain;}
.login-con2 li a span.quick01 {background: url('../img/login_quick01.png') center center no-repeat;}
.login-con2 li a span.quick02 {background: url('../img/login_quick02.png') center center no-repeat;}
.login-con2 li a span.quick03 {background: url('../img/login_quick03.png') center center no-repeat;}
.login-con2 li a span.quick04 {background: url('../img/login_quick04.png') center center no-repeat;}

@media screen and (max-width:991px) {
      .loginArea {height: auto; /*padding-bottom:30px;*/}
      .loginArea h1 {padding-top:50px;}
      .loginArea h1 img {width:60%;}
      .login-con2 li {margin:10px; width:calc(100% / 2 - 20px);}
      .login-con2 li a span.quick-img {width:80px; background-size: contain;}
}

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


      .login-box {padding:20px;}
      .login-con1 {position: relative;  display: block;}
      .login-con1 .msec-vis {width:100%;}
      .login-form {width:100%; padding-left:0; margin-bottom:30px;}
      .login-form h2 {padding:20px 0 30px 0}
      .login-form h2 img {width:40%;}
}

/****************************
00. Sub 占쏙옙占쏙옙
*****************************/
.subtopArea {width:100%;}
.subtopArea h2 {color:#252525; letter-spacing: -1pt; font-size: 2.63em; font-family: 'GmarketSans'; font-weight: 700;  text-align: center; padding:40px 0 30px 0;}

.contents-wrap {padding:2rem 0 6rem 0;}
.breadcrumb {background: #F4F4F8; border-radius: 10px; padding:18px 30px; max-width:1140px; margin:0 auto; width:100%; min-height: 26px; max-height: 52px;}
.breadcrumb li {float: left;}
.breadcrumb li.arrow {margin:0 10px; color: #9595A9;}

.sub-tit {background:url('../img/tit_dot_hoseo.jpg') left 10px no-repeat; font-size:1.5em; color:#252525; font-weight: 600; padding-left:28px; margin-bottom: 10px; margin-top: 10px;}
.sub-tit3 { font-size:1.5em; color:#252525; font-weight: 600; padding-left:28px;}
.sub-tit2 {font-size:1.5em; color:#252525; font-weight: 700; margin-bottom:10px;}
.d-flex {display: flex;}
.justify-space {justify-content: space-between;}
.justify-center {justify-content: center;}
.align-center {align-items: center;}

/* 占쏙옙占쏙옙占쏙옙 */
.pagination {display: flex; align-items: center; justify-content: center; margin: 40px 0; position: relative;}
.pagination span, .pagination a { display: block; width: auto; margin: 2px; padding: 8px 5px; background-color: #fff; text-align: center; line-height: 16px; border-radius: 5px; }
.pagination .pager{ width: 20px; border: 1px solid #ddd; }
.pagination a:hover, .pagination .current{ color: #fff; border-color: #333; background-color: #333; }
.pagination .str{font-weight: bold;}
.pagination a.prev {margin-right: 16px;}
.pagination a.next {margin-left: 16px;}
.pagination span.page_num {display: none;}

/* 占쏙옙占쏙옙 */
.pt0 {padding-top:0;}
.mt30 {margin-top:30px;}
.mr20 {margin-right:20px;}
.p10 {padding: 10px;}

/* 占쏙옙占쏙옙타占쏙옙 */
.form-style {display: block; width:calc(100% - 32px); border-radius: 5px; border:1px solid #e5e5e5; color:#666; padding:10px 15px;}
input::placeholder, textarea::placeholder {color: #444;}

.sort_list li {display: inline-block;}
.sort_list li label {vertical-align: middle; cursor: pointer;}
.sort_list li input[type=radio] { cursor: pointer; background-color: #fff; appearance: none; -webkit-appearance: none; -moz-appearance: none; margin-left: 20px; border:2px solid #E5E5E5; width:22px; height:22px; border-radius: 100%; }
.sort_list li input[type=radio]:checked { background:url('../img/ico_checked.png') center center; border:2px solid  #164194; appearance: none; -webkit-appearance: none; -moz-appearance: none; margin-left:20px;  width:22px; height:22px; border-radius:  50%;}

@media screen and (max-width:991px) {
      .subtopArea h2 {font-size:2em; padding:20px 0}
      .breadcrumb {padding:10px 20px; border-radius: 0; overflow: hidden;}

      .sub-tit {background:url('../img/tit_dot.png') left 7px no-repeat;}
}

/* Table */
.table {table-layout:fixed; width:100%; text-align:center; }
.table table {width: 100%; }
.table th {border-top:2px solid #282F42; font-weight: 500;}
.table td, .table th {padding:20px 0; border-bottom:1px solid #ddd; word-break:break-all }
.table th {padding:10px 0;}
.table td:first-child {text-align: center;}
.table-block th:nth-child(2), .table-block th:nth-child(3) {width:10%;}
.table-block th:nth-child(4), .table-block th:nth-child(5) {width:20%;}

.table-basic th:nth-child(1), .table-basic th:nth-child(3) {width:10%;}
.table-basic td a:hover {text-decoration: underline;}

.table-inquiry {border-top:2px solid #282F42;}
.table-inquiry th{border-top:0;}

@media screen and (max-width: 767px) {
      .table_txt br{
            display:none !important;
      }
}

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

      .table-block, .table-basic {width:100%;}
      .table-block thead, .table-basic thead {position: absolute; width:0; height: 0;overflow: hidden; }
      .table-block tr{display:block; margin-bottom:15px; padding:20px 0; border:1px solid #ddd; border-radius: 10px;}
      .table-block th, .table-block td {display:block; position:relative; padding:5px 10px; padding-left:13%; text-align: left;border:0;}
      .table-basic th, .table-basic td {display:block; position:relative; padding:5px 20px;  text-align: left;border:0; line-height: unset;}
      .table-block td:first-child, .table-basic td:first-child {padding-left:20px;}
      .table-block td:before {display:block; position:absolute; left:0; top:0; width:15%; padding:5px 0 5px 20px;font-weight: 500;}

      .table-basic {border-top:2px solid #252525;}
      .table td:first-child {text-align: left;}
      .table-basic tr {display:block;padding:10px 0; border-bottom:1px solid #ddd;}
      .table-basic td a {font-size: 1.15em;}
      .table-basic td:nth-child(3) {float:left;}
      .table-basic td:nth-child(3)::after {content:''; position: absolute; width:1px; height:15px; background: #ddd; margin-left:10px; margin-top:3px;}

      .table-block td br {display: none;}
      .table-block td:nth-child(3):before {content:'吏��썝�궗�뾽:';}
      .table-block td:nth-child(4):before {content:'泥댄뿕�꽱�꽣:';}
}

@media screen and (max-width:640px) {
      .table-block th, .table-block td {padding-left:20px;}
      .table-block td:before {position: relative; padding-left:0; width:100%;}
}


/****************************
02. 占쏙옙占쏙옙占쏙옙占쏙옙占쏙옙
*****************************/
.table-title {margin-bottom:10px;}
.table-title strong {color:#164194;}
.contents-wrap a.more {background: #F4F4F8; border-radius: 5px; padding:5px 15px;}
.contents-wrap a.more:hover {background: #444; color:#fff;}
.badge {display: inline-block; padding:5px 15px; border-radius: 30px; margin-bottom:15px; margin-right:5px;}
/* 2024-03-25 박태균 마이페이지 박스 색 조정  [S]*/
.badge-green {background-color: #248435; color:#164194; font-weight: 500;}
/* 2024-03-25 박태균 마이페이지 박스 색 조정  [E]*/
.badge-blue {background-color: #EBEFFC; color:#164194; font-weight: 500;}

.mypage-top {display: flex; margin-bottom:40px;}
.mypage-top .profile-box {width:500px; background: #164194; padding:30px; margin-right:30px; border-radius: 20px; position:relative; overflow: hidden;}
.mypage-top .profile-box h4 {font-size:1.88em; color:#fff; letter-spacing: -.5pt;}
.mypage-top .profile-box h4 strong {font-size:1em; color:#fff; font-weight: 700;}
.mypage-top .profile-box p { color:#C1D1EE; padding-top:15px;}
.mypage-top .profile-box a {display: block; background-color: #fff; color:#164194;
/* position: absolute;  */
bottom:30px; width:calc(100% - 250px); border-radius: 30px; text-align: center; font-size:1.0em; padding:10px 0px; margin: 0 5px;}
.mypage-top .recent {width:calc(100% - 330px);}
.mypage-top .recent .title {display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.mypage-top .recent .title h3 {font-size: 1.5em; font-weight: bold;}
/* 2024-03-25 박태균 마이페이지 박스 사이즈 조정 [S]*/
.mypage-top .recent .box {border:1px solid #E5E5E5; padding:30px; display: flex; border-radius: 15px; align-items: center; height: calc(100% - 45px);}
/* 2024-03-25 박태균 마이페이지 박스 사이즈 조정 [E]*/
.mypage-top .recent .box .img {width:280px; height:210px; overflow: hidden; border-radius: 15px; position: relative; margin-right:30px;}
/* 2024-03-22 박태균 마이페이지 기업기관로고 이미지 출력 css 수정  START */
.mypage-top .recent .box .img img {position: absolute; top: 50%; transform: translateY(-50%); width:80%; height: auto; left:10%;}
/* 2024-03-22 박태균 마이페이지 기업/기관로고 이미지 출력 css 수정  END */
.mypage-top .recent .box .text {width:calc(100% - 280px);}

.mypage-top .recent .box .text dl {display: flex; color:#252525}
.mypage-top .recent .box .text dl dt {font-weight: 500; padding-left:15px; position: relative; width:130px;}
.mypage-top .recent .box .text dl dt::before {content: ''; position: absolute; top:10px; margin-left:-15px; width:4px; height:4px; background: #444;}
.mypage-top .recent .box .text dl dd.tag {color:#707782;}
.mypage-top .recent .box .text a {display: block; background-color: #164194; color:#fff; width:100%; border-radius: 30px; text-align: center; font-size:1.13em; padding:15px 0; margin-top:30px;}

.mypage-menu-button a {background-color: #799eb8; color:#ffffff; bottom:30px; width:calc(100% - 60px); border-radius: 30px; text-align: center; font-size:1.13em; padding:15px 0; margin: 10px 10px;}


.tbl-box .box{display: flex; align-items: center;}
.tbl-box .box .img {width:210px; height:160px; overflow: hidden; border-radius: 15px; position: relative; margin-right:20px;}
.tbl-box .box .img img {position: absolute; top: 50%; transform: translateY(-50%); margin-left: -50%; width:100%;}
.tbl-box .box .text {width:calc(100% - 240px); text-align: left;}
.tbl-box .box .text dl {display: flex; color:#252525; width:100%;}
.tbl-box .box .text dl dt {font-weight: 500; padding-left:15px; position: relative; width:70px;}
.tbl-box .box .text dl dt::before {content: ''; position: absolute; top:10px; margin-left:-15px; width:4px; height:4px; background: #444;}
.tbl-box .box .text dl dd.tag {color:#707782;}

.s-btn {width:160px; height:35px; line-height: 35px; display: block; border-radius: 30px; margin:3px auto; text-align: center;}
.btn-support {background-color: #DEFAE3; border:1px solid #164194; color:#164194;}
.btn-support:hover {background-color: #164194; color:#fff;}
.btn-ex {background-color: #EBEFFC; border:1px solid #164194; color:#164194;}
.btn-ex:hover {background-color: #164194; color:#fff;}
.btn-product {border:1px solid #282F42; color:#282F42;}
.btn-product:hover {background-color: #282F42; color:#fff;}

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

@media screen and (max-width:991px) {
      .s-btn {width:100%;}
      .mypage-top {display: block;}
      .mypage-top .profile-box {width:calc(100% - 60px); margin-bottom:30px;}
      .mypage-top .recent {width: 100%;}
      .mypage-top .profile-box a {position: relative; margin-top:20px; width:100%; padding:10px 0; bottom:0;}
      .tbl-box .box .img img {position: absolute; top: 50%; transform: translateY(-50%); margin-left: 0px; width:100%;}
}

@media screen and (max-width: 768px) {
      .mypage-top .profile-box {width:calc(100% - 0px);  padding:15px;}
      .mypage-top .recent .box {display: block; padding:15px;}
      .mypage-top .recent .box .img {margin: 0 auto 20px auto;}
      .mypage-top .recent .box .text {width:100%;}
      .tbl-box .box .img img {position: absolute; top: 50%; transform: translateY(-50%); margin-left: 0px;  width:100%;}
}
@media screen and (max-width:640px) {
      .mypage-top .recent .box .img {width:100%;}

      .tbl-box .box{ display: block;}
      .tbl-box .box .img {margin:auto;}
      .tbl-box .box .text {width:calc(100% - 15%); margin-top:20px;}
      .tbl-box .box .img img {position: absolute; top: 50%; transform: translateY(-50%); margin-left: 0px;  width:100%;}
}

/****************************
02. 占쏙옙占쏙옙占쏙옙占� 占싯삼옙
*****************************/
.detail-search {border:1px solid #ddd; border-bottom:0;}
.detail-search dl {display: flex;}
.detail-search dl dt {background: #F4F4F8; border-bottom:1px solid #ddd; padding:15px; width:10%;}
.detail-search dl dd {border-bottom:1px solid #ddd; padding:15px; width:90%}

.view-tit {border-bottom:1px solid #282F42; padding-bottom:20px; margin-bottom:30px; display: flex; justify-content: space-between; align-items: center;}
.view-tit .tit h5 {font-size:1.88em; font-weight: 600; margin-bottom:10px;}
.view-tit .tit p {position: relative;}
.view-tit .tit p span {padding-right:20px;}
.view-tit .tit p span::after {content: ''; position: absolute; width:1px; height:15px; background-color: #ddd; margin:3px 10px;}
.view-tit .tit p span:last-child::after {display: none;}
.view-tit .btn, .view-con .btn {border:0; border-radius:10px; padding:8px 15px; color:#fff;}
.view-tit .btn img, .view-con .btn img  {padding-left:15px;}
.view-tit .btn-green {background-color: #164194;}
.view-tit .btn-blue {background-color: #164194;}

.view-con {width:100%; display: flex;}
.view-con .btn-dark {background-color: #282F42; width:170px; margin:10px auto;}
.view-con .left {text-align: center;}
.view-con .left .img {width:380px; height:280px; overflow: hidden; border-radius: 15px; position: relative; margin-right:30px; text-align: left;}
.view-con .left .img img {position: absolute; top: 50%; transform: translateY(-50%); width:100%;}
.view-con .right {width:calc(100% - 410px);}

.view-info {margin-top:30px;}
.view-info h5 {border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:20px;}

/* 占쏙옙占� */
.modal-wrap {position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.2); text-align: center;}
.modal-wrap::before {content: ''; height: 100%; display: inline-block; vertical-align: middle;}
.modal-inner {position: relative; display: inline-block; width: 800px; height: 400px; padding: 40px; background-color: rgba(255,255,255,1); box-shadow: 8px 8px 20px rgba(0,0,0,.2); border-radius: 8px; vertical-align: middle; text-align: left; box-sizing: border-box;}
.modal-head {position: relative; height: 40px; margin-bottom:10px;}
.modal-head h2 {font-size:1.5em; font-weight: 600; color:#252525;}
.modal-body {
	overflow: auto; 
/* 	height: calc(400px - 40px - 80px); */
}
.modal-foot {position:relative; height: 80px; margin:0 auto; text-align: center;}
.btn-close {position: absolute; top: 0; right: 0; border:0; background: none;}

.modal-dialog-custom {max-width: 1000px;}
.modal-body-custom {max-height: 1000px; overflow-y: scroll;}
.modal-body-custom::-webkit-scrollbar{display: none;}

.btn-bt-close {width:150px; height:50px; color:#fff; background:#164194; border-radius: 30px; margin:30px auto; text-align: center; border:0;}

.size-normal {width: 40vw; height: 80vh;}
.size-normal .modal-body {height: calc(80vh - 40px - 80px);}
.size-vertical {width: 40vw; height: 90vh;}
.size-vertical .modal-body {height: calc(90vh - 110px - 80px);}
.size-horizontal {width: 90vw; height: 50vh;}
.size-horizontal .modal-body {height: calc(50vh - 40px - 80px);}

.js-modal {display: none;}
.js-modal.js-is-active {display: block;}

.support-list .box {border:1px solid #E5E5E5; padding:20px; display: flex; border-radius: 15px; align-items: center; margin-bottom:20px;}
.support-list .box .img {width:200px; height:160px; overflow: hidden; border-radius: 15px; position: relative; margin-right:30px;}
.support-list .box .img img {position: absolute; top: 50%; transform: translateY(-50%); width:100%;}
.support-list .box .text {width:calc(100% - 200px);}

.support-list .box .text dl {display: flex; color:#252525; margin-bottom:5px;}
.support-list .box .text dl dt {font-weight: 500; padding-left:15px; position: relative; width:100px; font-weight: 600;}
.support-list .box .text dl dt::before {content: ''; position: absolute; top:10px; margin-left:-15px; width:4px; height:4px; background: #444;}
.support-list .box .text dl dd.tag {color:#707782;}
.support-list .box .button a {display: block; background-color: #282F42; color:#fff; width:75px; height:75px; border-radius: 50%; text-align: center; line-height: 75px;}

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

      size-normal {width: 60vw; height: 80vh;}
      .size-normal .modal-body {height: calc(80vh - 40px - 80px);}
      .size-vertical {width: 60vw; height: 90vh;}
      .size-vertical .modal-body {height: calc(90vh - 40px - 80px);}
      .size-horizontal {width: 60vw; height: 50vh;}
      .size-horizontal .modal-body {height: calc(50vh - 40px - 80px);}
}

@media screen and (max-width:991px) {
      .detail-search dl dt {width:120px;}
      .detail-search dl dd {padding:15px 0;}
      .detail-search dl dd li {margin-bottom:5px;}

      .view-tit {display: block;}
      .view-tit .button {margin-top:10px;}
      .view-tit .btn, .view-con .btn {padding:4px 10px;}
      .view-tit .btn img, .view-con .btn img {padding-left:5px;}
      .view-con {display: block;}
      .view-con .left {margin:0 auto;}
      .view-con .left .img {margin:0 auto;}
      .view-con .right{width:100%;}
      .view-con .right dd {padding-left:20px;}

      .modal-inner {padding:20px;}
      .btn-bt-close {height:35px;}
      .size-normal {width: 90vw; height: 80vh;}
      .size-normal .modal-body {height: calc(80vh - 40px - 80px);}
      .size-vertical {width: 90vw; height: 90vh;}
      .size-vertical .modal-body {height: calc(90vh - 70px - 80px);}
      .size-horizontal {width: 90vw; height: 50vh;}
      .size-horizontal .modal-body {height: calc(50vh - 40px - 80px);}
}

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

      .support-list .box{display: block; padding:15px;}
      .support-list .box .img {margin: 0 auto 20px auto;}
      .support-list .box .text {width:100%;}
      .support-list .box .button a {display: block; background-color: #282F42; color:#fff; width:100%; height:35px; border-radius: 30px; text-align: center; line-height: 35px;}
}


/****************************
03. 커占승댐옙티
*****************************/
.comunity-tab {display: flex; justify-content: center;}
.comunity-tab ul {text-align: center}
.comunity-tab ul li {float:left;}
.comunity-tab ul li a {display: block; font-size:1.13em; color:#999; border:1px solid #ddd; margin-right:-1px; padding:15px 60px; z-index: 0; position: relative;}
.comunity-tab ul li:first-child a {border-radius: 10px 0 0 10px;}
.comunity-tab ul li:last-child a {border-radius: 0 10px 10px 0;}
.comunity-tab ul li a.on {border:1px solid #164194; color: #164194; z-index: 11;}

.table-search {display: flex;}
.table-search .btn {margin-left:5px; border:0; background-color: #282F42; color:#fff; border-radius: 5px; padding:0 20px}

.point {color:#FF4444;}

.inquiry-btn {display: flex; justify-content: center;}
.inquiry-btn button {margin:0 10px; border-radius: 50px; padding:1em 3em; border:0; font-size: 1.13em;}
.inquiry-btn button.btn-submit {background-color: #164194; color:#fff;}


/****************************
04. 커占승댐옙티
*****************************/
.match-top {margin-bottom:30px;}
.match-top h5 {font-weight: bold; color:#252525;}
.match-top .step {width:100%; overflow: hidden; margin:10px 0 30px;}
.match-top li {float:left; width:45px; height:45px; background-color: #F4F4F8; color:#696977; font-weight: bold; border-radius: 30px; text-align: center; line-height: 45px; margin-right:10px;}
.match-top li.on {background-color: #164194; color:#fff;}
.match-top .question {width:100%; position: relative; font-size:1.75em; display: block; color:#252525;}

.match-con {clear: both;}
.match-con .box-list {margin:0 -10px; text-align: center;}
.match-con .box-list li {margin:10px; width:calc(100% / 4 - 24px); display: inline-block;}
.match-con .box-list li a {display: block; text-align: center; border:1px solid #e5e5e5; box-sizing: border-box; border-radius: 10px; padding-bottom:20px; transition: all .3s ease; background-color: #fff;}
.match-con .box-list li a:hover {background: #F6FAFF; border-color: #164194;}
.match-con .box-list li a p {font-size:1.25em; font-weight: 600; color:#222;}
.match-con .box-list li a span.quick-img { width:100%; display: block; margin:20px auto; background-size: contain;}
.match-con .num-list li {width:100%; border-bottom:1px solid #ddd;}
.match-con .num-list li a {display: block; font-size: 1.88em; font-weight: 500; padding:15px 0; color:#252525;}

.match-bottom button {margin:0 10px; border-radius: 50px; padding:1em 3em; border:0; font-size: 1.13em;}
.match-bottom .btn-refresh {background-color: #164194; color:#fff;}

@media screen and (max-width:991px) {
      .match-con .box-list li {margin:10px; width:calc(100% / 2 - 24px);}
      .match-con .box-list li a span.quick-img {width:80px; background-size: contain;}
}



.sns-login p {margin-bottom:30px;}
.sns-login ul {text-align: center;}
.sns-login li {width:22%; display: inline-block; padding:0 10px;}


/*지원 사업 검색 페이지 화면*/

.main-notice {margin-right:40px; width:calc(96% - 580px)}


.notice-list {background: #fff; border-radius: 15px; padding:40px; border : solid 1px;}
.notice-list li {border-bottom:1px solid #e5e5e5; height: 50px;}
.notice-list li a {display: block;  position: relative; padding-left:15px; width:100%;}
.notice-list li a::before {content: ''; position: absolute; top:23px; margin-left:-15px; width:4px; height:4px; background: #444;}
.notice-list li a span.tit { width: 75%; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 50px;}
.notice-list li a span.date {float:right; margin-top:15px; color:#6B6E6E; width:20%; right:20px; position: absolute; text-align: right;}
.notice-list li a:hover {color:#2F9638}

.popup-zone .title {display: flex; justify-content: space-between;}
.slide-btn {position: absolute; top:45%; z-index:11; width:100%;}
.slide-btn a {position: absolute;}
.slide-btn .slide-prev {float:left; left:20px;}
.slide-btn .slide-next {float:right; right:20px;}
.slide-btn i {color:#505050; font-size:30px;}
.popup-zone {position: relative;}
.popup-zone .msec-vis{position:relative; width:580px;height:330px; margin:0 auto;  border-radius: 15px;background: #fff; overflow: hidden; }
.popup-zone .msec-vis .item{ width:580px;height:330px; }
.popup-zone .ctrl { margin-top:65px; }
.popup-zone .count span{display:inline-block; line-height: 34px;}
.popup-zone .count,.btnG {float:left; margin:0 5px; color:#fff;}
.popup-zone .btnG a{border:1px solid #fff; width:30px; height:30px; display: inline-block;text-align: center; border-radius: 5px; margin-left:10px; line-height: 30px}
.listimg_box { height: 200px !important;}
.card-list li a img {max-width:100%; width:100%; height: 100%; object-fit: contain}

.ann_wrap {
      padding: 0 0 30px;
      border-bottom: 1px solid #828282;
      position: relative;
}
.ann_wrap.unslick {
      padding-bottom: 35px;
}
.ann_slide-wrap {
      margin: 0 -11px;
      font-size: 0;
}
.ann_slide-wrap .slide {
      height: 100%;
}
.ann_slide-wrap.unslick .slide {
      width: calc((100% - 66px) / 3);
      margin: 0 11px 10px;
      display: inline-block;
}
.ann_slide-wrap .slide a {
      display: block;
      border: 1px solid #c5c5c5;
      border-radius: 20px;
      background: #f7f7f7;
      position: relative;
      transition: all 0.3s;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
}
.ann_slide-wrap .slide a:before {
      display: block;
      content: "";
      border: 1px solid #df795e;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      border-radius: 20px;
      visibility: hidden;
}
.ann_slide-wrap .slide a:hover {
      background: #fffafa;
      border-color: #df795e;
}
.ann_slide-wrap .slide a:hover:before {
      visibility: visible;
}
.ann_wrap .slide_ctl {
      text-align:center;
      font-size:0;
      margin-top:20px;
}
.ann_wrap .slide_ctl button {
      display: inline-block;
      width: 27px;
      height: 27px;
}
.ann_wrap .slide_ctl .s4_prev {
      background: url(../img/btn_prev_01.png) no-repeat center;
}
.ann_wrap .slide_ctl .s4_stop {
      background: url(../img/ico-stop.png) no-repeat center;
}
.ann_wrap .slide_ctl .s4_play {
      display: none;
      background: url(../img/ico-play.png) no-repeat center;
}
.ann_wrap .slide_ctl .s4_next {
      background: url(../img/btn_next_01.png) no-repeat center;
}
.ann_slide-wrap .ann_top {
      border-bottom: 1px solid #d3d3d3;
      padding: 15px 18px;
      font-size: 0;
}
.ann_slide-wrap .ann_top .flag,
.ann_slide-wrap .ann_top .txt {
      display: inline-block;
      vertical-align: middle;
      font-size: 16px;
      line-height: 1;
      letter-spacing: -0.04em;
}
.ann_slide-wrap .ann_top .flag {
      padding: 0 10px;
      line-height: 25px;
      height: 27px;
      margin-right: 6px;
      letter-spacing: -0.1em
}
.ann_slide-wrap .ann_top .flag:last-of-type {
      margin-right: 14px;
}
.ann_slide-wrap .ann_top .txt {
      color: #606060;
      vertical-align: top;
      padding-top: 5px;
}
.ann_slide-wrap .ann_cont {
      padding: 20px 20px 18px;
      display: flex;
      flex-direction: column;
      height: calc(100% - 58px);
      min-height: 162px;
}
.ann_slide-wrap .ann_cont .tit {
      font-size: 22px;
      font-weight: 600;
      letter-spacing: -0.04em;
      color: #000;
      line-height: 29px;
      height: 87px;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      word-break: break-word;
}
.ann_slide-wrap .ann_cont .tit .new {
      margin-left: 11px;
}
.ann_slide-wrap .ann_cont .tit .new:before {
      bottom: 2px;
}
.ann_slide-wrap .ann_cont ul {
      font-size: 0;
      margin-top: auto;
}
.ann_slide-wrap .ann_cont li {
      display: inline;
      vertical-align: middle;
      font-size: 15px;
      letter-spacing: -0.04em;
      color: #606060;
}
.ann_slide-wrap .ann_cont li:after {
      display: inline-block;
      content: "";
      vertical-align: middle;
      width: 1px;
      height: 16px;
      background: #9f9f9f;
      margin: 0 13px 2px;
}
.ann_slide-wrap .ann_cont li:last-of-type:after {
      display: none;
}
.ann_slide-wrap .slick-track {
      display: flex !important;
}
.ann_slide-wrap .slick-slide {
      margin: 0 11px;
}
.ann_slide-wrap .slick-slide>div {
      height: 100%;
}
.ann_slide-wrap .slick-slide>div:not(:last-of-type){
      margin-bottom:16px;
}
.ann_slide-wrap .slick-dots {
      position: absolute;
      left: 0;
      bottom: -39px;
      font-size: 0;
      width:100%;
      text-align:center;
}
.ann_slide-wrap .slick-dots li {
      font-size: 0;
      color: transparent;
      margin-right: 15px;
      display: inline-block;
      vertical-align: middle;
}
.ann_slide-wrap .slick-dots li:last-of-type {
      margin-right: 0;
}
.ann_slide-wrap .slick-dots button {
      width: 14px;
      height: 14px;
      background: #a6a6a6;
      border-radius: 100%;
}
.ann_slide-wrap .slick-dots .slick-active button {
      width: 36px;
      background: #4470d5;
      border-radius: 20px;
}
.ann_wrap .btn_wrap {
      text-align: center;
      position: absolute;
      bottom: -19px;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
}
.ann_wrap .btn_wrap button {
      display: inline-block;
      line-height: 37px;
      height: 39px;
      font-size: 16px;
      letter-spacing: -0.04em;
      padding: 0 18px 0 21px;
      background: #fff;
}
.ann_wrap .btn_wrap button:after {
      display: inline-block;
      content: "";
      width: 13px;
      height: 7px;
      background: url(../img/ico_arrow-down.png) no-repeat;
      margin: -2px 0 2px 14px;
      vertical-align: middle;
}
.ann_wrap .btn_wrap button.unslick:after {
      transform: rotate(180deg);
}
.ann_wrap .btn_wrap button p {
      display: inline-block;
      vertical-align: top;
}
.ann_wrap .btn_wrap button .unslide_txt {
      display: none;
}

/*갤러리 게시판*/
.d-flex {
      display: -ms-flexbox !important;
      display: flex !important;
}
.row {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-right: -15px;
      margin-left: -15px;
}
.mb-4, .my-4 {
      margin-bottom: 1.5rem !important;
}
.col {
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
      position: relative;
      width: 100%;
      padding-right: 15px;
      padding-left: 15px;
}
.card {
      position: relative;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      min-width: 0;
      word-wrap: break-word;
      background-color: #fff;
      background-clip: border-box;
      border: 1px solid rgba(0, 0, 0, 0.125);
      border-radius: 0.25rem;
}
/*갤러리 게시판*/