@chaset "UTF-8";

/*레이아웃*/
.layout {width: 1200px;margin: 0 auto}

/*header 헤더 설정*/
.header {position: relative;top: 0;left: 0;width: 100%;height: 80px;background: #fff;border-bottom: 1px solid #ddd;z-index: 12;}
.header::after {display: block;clear: both;content:'';}
.header .layout {position: relative;top: 0;left: 0;}
.header .logo {position: absolute;top: 50%;left: 0;width: 212px;height: 49px;transform: translateY(-50%);background: url(/img/logo_2021.png) no-repeat center center;background-size: contain;}
.header .logo a {display: block;width: 100%;height: 100%;}
.header .logo a span {font-size: 0;}
.header .menu {width: 100%;line-height: 80px;text-align: center;}
.header .menu>ul>li {position: relative;display: inline-block;margin: 0 5px;}
.header .menu>ul>li>a {display: block;width: 100%;height: 100%;padding: 0 35px;color: #333;font-family: 'NanumSquare';font-size: 20px;font-weight: 600;letter-spacing: -1px}
.header .menu>ul>li>ul {display: none;position: absolute;width: 100%;background: #3e3e47;text-align: center}
.header .menu>ul>li>ul>li {height: 45px;line-height: 45px;border-top: 1px solid #6b6b74;}
.header .menu>ul>li>ul>li:first-child {border-top: none}
.header .menu>ul>li>ul>li>a {display: block;width: 100%;height: 100%;font-size: 15px;font-family: 'NanumSquare';color: #fff;}
.header .menu>ul>li>ul>li>a:hover {background: #00a4f1;color: #fff;transition: all 0.2s;}
.header .etc {position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.header .etc ul {display: inline-block;}
.header .etc ul::after {display: block;clear: both;content: '';}
.header .etc ul li {float: left;margin: 0 15px;}
.header .etc ul li a {font-size: 16px;}
.header .etc .log-in {display: block;position: relative;}
.header .etc .log-in::before {display: block;content: '';position: absolute;top: 50%;left: -50px;transform: translateY(-50%);width: 40px;height: 40px;background: url(/img/log_in.png) no-repeat center center;background-size: contain;}
.header .etc .log-out {display: none;position: relative;}
.header .etc .log-out::before {display: block;content: '';position: absolute;top: 50%;left: -50px;transform: translateY(-50%);width: 40px;height: 40px;background: url(/img/log_out.png) no-repeat center center;background-size: contain;}
.header .etc .my-page {display: block;position: relative;}
.header .etc .my-page::before {display: block;content: '';position: absolute;top: 50%;left: -15px;transform: translateY(-50%);width: 1px;height: 20px;background: #aaa}

/*content 컨텐츠 설정*/
.content {background: #f0f0f0;}
.content .visual {position: relative;width: 100%;height: 325px;background: linear-gradient(90deg, #0076c0, #0076c0, #0097a4);}
.content .visual::before {display: block;content: '';position: absolute;top: 0;left: 0;width: 250px;height: 250px;background: url(/img/bg_main_left_top.png) no-repeat center center;background-size: contain;}
.content .visual::after {display: block;content: '';position: absolute;top: -60px;right: 40%;margin-right:-220px;width: 220px;height: 305px;background: url(/img/bg_main_right_top.png) no-repeat center center;background-size: contain;}
.content .visual .visual-txt::before {display: block;content: '';position: absolute;bottom: 0;right: 0;width: 100px;height: 145px;background: url(/img/bg_main_right_bottom.png) no-repeat center center;background-size: contain;}
.content .visual .visual-txt::after {display: block;content: '';position: absolute;bottom: -1.5px;right: 40%;margin-right:-380px;width: 380px;height: 280px;background: url(/img/bg_visual_person.png) no-repeat center center;background-size: contain;}
.content .visual .visual-txt {width: 1200px;height: 110px;margin: 0 auto;padding-top: 110px;color: #fff;}
.content .visual .visual-txt h2 {margin-bottom: 30px;font-size: 37px;font-family: 'NanumSquare';}
.content .visual .visual-txt p {font-size: 18px;line-height: 1.5;font-family: 'NanumSquare';}
.content .box-list-wrap {padding: 6% 0;}
.content .box-list {display:flex; gap:12px;}
/*.content .box-list::after {display: block;clear: both;content: '';}*/
.content .box-basic {float: left;width:20%;margin:0;background-color: #fff;border-radius: 15px;box-shadow: 10px 10px 10px #ddd;}
.content .box-basic .box-tit {padding: 25px 25px 0 25px;color: #111;}
.content .box-basic .box-tit p {position: relative;margin-bottom: 10px;font-size: 16px;color: #838592;font-weight: bold;}
.content .box-basic .box-tit h3 {padding-bottom: 8px;font-size: 22px;font-family: 'NanumSquare';font-weight: 800;}
.content .box-basic .box-tit h2 {padding-bottom: 8px;border-bottom: 1px solid #dfdfdf;}
.content .box-basic .box-tit p::after {content:'';position:absolute;display:block;top:-18px;right:-15px;width:60px;height:60px;background-size:100%;background-position:50%;background-repeat:no-repeat;}

/*아이콘 변경*/
.content .box-basic .box-tit .ico_01::after {background-image: url(/img/ico_01.png);}
.content .box-basic .box-tit .ico_02::after {background-image: url(/img/ico_02.png);}
.content .box-basic .box-tit .ico_03::after {background-image: url(/img/ico_03.png);}
.content .box-basic .box-tit .ico_04::after {background-image: url(/img/ico_04.png);}
.content .box-basic .box-tit .ico_05::after {background-image: url(/img/ico_05.png);}
.content .box-list li:nth-child(1) .list b{color:#038e9b;}
.content .box-list li:nth-child(2) .list b{color:#1365b1;}
.content .box-list li:nth-child(3) .list b{color:#d53060;}
.content .box-list li:nth-child(4) .list b{color:#2893c3;}
.content .box-list li:nth-child(5) .list b{color:#2c41c5;}

.content .box-basic .box-cont {position: relative;height: 240px;padding:20px 25px 25px 25px;border-radius: 15px;}
.content .box-basic .box-cont .list {padding: 0;line-height: 1.4;list-style: disc;font-size: 15px;color: #555;letter-spacing: -1px;}
.content .box-basic .box-cont .list li {margin-bottom: 10px;font-size: 15px;line-height: 1.3;color: #555}
.content .box-basic .box-cont .btn-default {display: inline-block;position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);overflow: hidden;z-index: 10;width:88%;padding: 16px 0;border-radius: 8px;text-align: center;color: #fff;font-family: 'NanumSquare';font-size: 16px;font-weight: 600;}
.content .box-basic .box-cont .btn-default::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 0;z-index: -1;transition: all 0.8s;border-radius: 0 0 50% 50%;}
.content .box-basic .box-cont .btn-default:hover::after {height: 200%}
.content .box-basic .box-cont .btn-default.n1 {background: #0099a7;}
.content .box-basic .box-cont .btn-default.n1::after {background: #16909b;}
.content .box-basic .box-cont .btn-default.n2 {background-color: #076bc7;}
.content .box-basic .box-cont .btn-default.n2::after {background: #004c7b;}
.content .box-basic .box-cont .btn-default.n3 {background-color: #ee4778;}
.content .box-basic .box-cont .btn-default.n3::after {background-color: #dd0f4b;}
.content .box-basic .box-cont .btn-default.n4 {background-color: #384dd5;}
.content .box-basic .box-cont .btn-default.n4::after {background-color: #23318d;}
.content .box-basic .box-cont .btn-default.n5 {background-color: #3ca7d7;}
.content .box-basic .box-cont .btn-default.n5::after {background-color: #2b8db9;}


/*footet 푸터 설정*/
.footer {padding: 30px 0;background: #555;color: #ddd;text-align: center;line-height: 1.3;font-size: 13px;}
.footer address {display: inline;margin-right: 20px;}
.footer span {display: inline;}

/*테이블 스타일*/
.table-wrapper {max-width: 1200px;margin: 5% auto;}
.board-list-table {border-collapse:collapse;border-spacing:0px;width:100%;border-top:2px solid #192a49;}
.board-list-table {text-align:center;}
.board-list-table img {vertical-align:middle;margin-right: 5px;}

/* 상단 타이틀 설정(th) */
.board-list-table thead th {padding:16px 0;font-weight:500;line-height:110%;font-size:1em;background:#f9f9f9;border-bottom:1px solid #999;text-align:center;color:#444;}
.board-list-table thead th:first-child  {background-image:none;}

/* 기본 td 속성 */
#BBSList2 {border-bottom: 1px solid #ddd;}
.board-list-table tbody td, .board-list-table thead th {padding:17px 3px;line-height:130%;border-bottom: 1px solid #dcdcdc;border-left: 1px solid #dcdcdc;}
.board-list-table tbody td:first-child, .board-list-table thead th:first-child {border-left: none;}
.board-list-table tbody td a, .board-list-table tbody td span {color:#444;}
.board-list-table .chk {width:20px;text-align: center;}
.board-list-table .num {width:50px;font-size:13px;text-align: center;}
.board-list-table .writer {width:90px;font-size:14px;text-align: center;}
.board-list-table .cate {width:100px;font-size:14px;text-align: center;}
.board-list-table .file {width:30px;font-size:13px;text-align: center; }
.board-list-table .date {width:120px;font-size:13px;text-align: center;}
.board-list-table .date2 {width:140px;font-size:13px; color:#777;}
.board-list-table .read {width:50px;font-size:13px;text-align: center;}
.board-list-table .subject {text-align:left;padding-left:20px;padding-right:3px;}
.board-list-table .subject .r-stat {margin-right:5px;}
.board-list-table .status {width:60px;}
.board-list-table .ing {width:70px;}
.board-list-table .no-data {font-size:100%;}
.board-list-table .cmtNum {font-size:10px;color:#d4151c; font-family:Verdana; font-weight:none;}
.board-list-table .home {width:70px;font-size:13px;}
.board-list-table .num_lg {width:150px;font-size:13px;text-align: center;}
.board-list-table .writer_lg {width:150px;font-size:14px;text-align: left;}
.board-list-table .date_lg {width:140px;font-size:13px; color:#777;}
.board-list-table .term {width:240px;font-size:13px; color:#777;}
.board-list-table .filedown {overflow:hidden; display:inline-block; width:26px; height:26px; vertical-align:middle; text-indent:-1000px; background:url(/Board/img/common/downfile.png) no-repeat center center; }
.board-list-table .nodata td{border-bottom: 1px solid #ddd;}
.board-list-table .nodata td:hover{background:0;}
.board-list-table #BBSList2 td:hover{background:0;}

/* 공지사항 출력 */
.board-list-table .isnotice td{background:#fbfbfb} 

/* 짝수,홀수 라인 속성 */
.board-list-table .child_1 td {}	 /*홀수 라인*/
.board-list-table .child_2 td {/*background-color:#f5f5f5;*/} /*짝수 라인*/


@media only screen and (max-width:1240px){
	.table-wrapper {max-width: 80%;}
}

@media only screen and (max-width:1024px){
	.board-list-table .f-down {display: none}
	.board-list-table .f-nm {display: none}
}

@media only screen and (max-width:768px){
	.table-wrapper {max-width: 90%;}
	.board-list-table {width:100%;}
	.board-list-table .ntt_no {display:none;}
	.board-list-table .atch_nm{display:none;}
	.board-list-table .reg_date{display:none;}
	.board-list-table thead th {padding:8px 16px;}
	.board-list-table .title{width:87%;}
	#BBSList2 {margin-left: -62px;}
	#BBSList2 td{display:inline-block;}
	#BBSList2 .ntt_no{display:none;}
	#BBSList2 .atch_nm{display:none;}
	#BBSList2 .reg_date{display:none;}
}

@media only screen and (max-width:640px){
	.board-list-table .f-chk,
	.board-list-table .f-num,
	.board-list-table .f-hits,
	.board-list-table .f-nm {display:none;}
	.vgallery-list li .pimg {height:60px}
	.vgallery-list-cont {height:120px;}
	.vgallery-llist .btnPrev {position:absolute;left:0px;top:25px}
	.vgallery-llist .btnNext {position:absolute;right:0px;top:25px}
	.webzine-list-li .ptitle {padding-right:0;}
	.webzine-list-li .ptit {max-width:96%;}
	.board-stab {display:block;margin-bottom:15px;}
	.board-stab select {width:100%;}
}

@media only screen and (max-width:540px){
	.board-tot-wrap {float:left;max-width:100%;padding:5px 0px;font-size:12px;line-height:1.3em;}
	.board-search-wrap {line-height:120%;max-width:100%;min-width:50%;width:100%;}
	.board-search  {text-align:right;padding:0px 0px 0px 0px;position:relative;overflow:hidden;}
	.board-search select {font-size:12px;width:80px;background-color:#fff;border:1px solid #ddd;padding-left:5px;}
	.board-search .text {width:40%;min-width:90px;max-width:70%;}
}

@media only screen and (max-width:500px) {
	/* 상단 타이틀 설정(th) */

	.board-list-table thead th {height:auto;line-height:1.3em;padding-top:0.85em;padding-bottom:0.75em;}
	/* 기본 td 속성 */
	.board-list-table tbody td {padding-left:2px;padding-right:2px;padding-top:0.85em;padding-bottom:0.75em;}
	.board-list-table tbody td * {vertical-align:middle}
	.board-list-table .chk {width:20px;}
	.board-list-table .num {width:30px;font-size:11px;}
	.board-list-table .writer {width:90px;}
	.board-list-table .date {width:80px;font-size:11px;}
	.board-list-table .date2 {width:80px;font-size:11px; }
	.board-list-table .cate {width:90px;font-size:11px;}
	.board-list-table .read {width:40px;font-size:11px;}
	.board-list-table .subject {text-align:left;padding-left:7px;padding-right:3px;}
	.board-list-table tbody td.subject > p {min-width:120px;/* max-width:200px; */}
	.board-list-table tbody td.subject span.r-stat {float:left;margin:3px 5px 0 0;}
	.board-list-table tbody td.subject img.isFileIcon {margin-left:3px;vertical-align:bottom;}
	.board-list-table tbody td.writer > p {max-width:90px;}
	.board-list-table tbody td.cate > p {max-width:90px;}
	.board-list-table tbody td.date > p {max-width:80px;}
	.board-list-table tbody td.date2 > p {max-width:80px;}
	.board-list-table tbody td.read > p {max-width:40px;}
	.board-list-table .title {width: 79%;}
}

@media only screen and (max-width:360px) {
	.board-list-table .title {width: 70%;}
}


.btn_ing {background:#2c41c5 !important;} /*모집중*/
.btn_end {} /*모집마감*/

.btn_simsa {} /*심사중*/
.btn_sel {background:green !important;} /*선정*/
.btn_sel_not {background:red !important;} /*미선정*/