@charset "utf-8";



/* 레이어 팝업창  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity=70); z-index:9;}

/* 코딩용 레이어 */
.layerWrapC450 {display:none; position:absolute; left:50%; top:50%; width:450px; background:#333; z-index:10;}
.layerWrapC500 {display:none; position:absolute; left:50%; top:50%; width:500px; background:#333; z-index:10;}
.layerWrapC600 {display:none; position:absolute; left:50%; top:50%; width:600px; background:#333; z-index:10;}
.layerWrapC700 {display:none; position:absolute; left:50%; top:50%; width:700px; background:#333; z-index:10;}
.layerWrapC800 {display:none; position:absolute; left:50%; top:50%; width:800px; background:#333; z-index:10;}
.layerWrapC900 {display:none; position:absolute; left:50%; top:50%; width:900px; background:#333; z-index:10;}
.layerWrapC1000 {display:none; position:absolute; left:50%; top:50%; width:1000px; background:#333; z-index:10;}

/* 개발용 레이어 */
.layerWrap450 {width:450px; background:#333;}
.layerWrap500 {width:500px; background:#333;}
.layerWrap600 {width:600px; background:#333;}
.layerWrap700 {width:700px; background:#333;}
.layerWrap800 {width:800px; background:#333;}
.layerWrap850 {width:850px; background:#333;}
.layerWrap900 {width:900px; background:#333;}
.layerWrap960 {width:960px; background:#333;}
.layerWrap1000 {width:1000px; background:#333;}
.layerWrap680 {width:680px;}
.layerWrap1200 {width:1210px; background:#333; z-index:10;}
.layerWrap985 {min-width:985px; background:#333;}

/* 명암 */
.layerTLine {height:10px; background:url('../images/layer/layer_topBg.gif') repeat-x;}
.layerBLine {height:25px; margin-bottom:20px; background:url('../images/layer/layer_btnBg.gif') repeat-x;}

/* 타이틀 */
.layer-title {display:flex; justify-content:space-between; align-items:center; padding:15px 25px; background:#fff; border-bottom:1px solid #e6e6e6;}
.layer-title h1 {margin:0; font-size:20px; font-weight:bold; color:#333; word-break:keep-all;}
.layer-title a {font-size:28px;}

/* 서브타이틀*/
.layer-subTitle {font-size:18px; font-weight:600; color:#333; margin-bottom:10px; word-break:keep-all;}

/* 상단 정보 */
.layer-info {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseLine; width:100%; margin-bottom:10px;}
.layer-info > div {display:flex; gap:3px; align-items:baseLine;}
.layer-info > div label {font-weight:600;}

/* 영역 */
.layer-area {padding:20px; background:#fff; overflow-y:auto;}
.layer-area .adm-tableList, 
.layer-area .adm-tableView,
.layer-area .list-table,
.layer-area .view-table {overflow:unset;}

@media screen and (max-width: 481px) {
	.layer-area .view-table .layer-input {width:100% !important;}
	.layer-area .view-table .hasDatepicker {width:100%;}
	.layer-area .view-table .hasDatepicker + img {display:none;}
}



/* 전체영역[개발용] */
.layerWrap200Dev {width:200px; z-index:10;}
.layerWrap450Dev {width:450px; background:#333; z-index:10;}
.layerWrap500Dev {width:500px; background:#333; z-index:10;}
.layerWrap600Dev {width:600px; background:#333; z-index:10;}
.layerWrap700Dev {width:700px; background:#333; z-index:10;}
.layerWrap800Dev {width:800px; background:#333; z-index:10;}
.layerWrap900Dev {width:900px; background:#333; z-index:10;}
.layerWrap1000Dev{width:1000px; background:#333; z-index:10;}


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

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

@media screen and (max-width: 769px){
	#USERPOP .nyroModalCont {top:0 !important; left:0 !important; width:100% !important; height:100% !important; margin:0 !important; z-index:999 !important; overflow:hidden;}
	#USERPOP .nyroModalLink, #USERPOP .nyroModalLink > * {width:100%; height:100%; min-width:100%; min-height:100%; padding:0; overflow:hidden;}
	#USERPOP .nyroModalLink .layerArea {height:calc(100% - 70px); padding:10px; overflow:auto;}
	#USERPOP .nyroModalLink .layerArea::-webkit-scrollbar {display:none;}
}

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


/* 팝업창  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 팝업창-기본형 */
.popWrap480 {width:485px;}
.popWrap785 {width:785px;}
.popWrap1225 {width:1225px;}

#popWrap930 {width:930px; padding:0 15px 0 15px; background:url('../images/btnIcn/pop_930Bg.gif') no-repeat; overflow:hidden; overflow-x:hidden;}
#popWrap700 {width:700px; padding:0 15px 0 15px; background:url('../images/btnIcn/pop_700Bg.gif') no-repeat; overflow:hidden; overflow-x:hidden;}
#popWrap450 {width:450px; padding:0 15px 0 15px; background:url('../images/btnIcn/pop_450Bg.gif') no-repeat; overflow:hidden; overflow-x:hidden;}

/* 팝업창 영역 */
body:has(#popWrap) {min-width:100px; width:100%;}
#popWrap {width:100%; max-width:1400px; min-width:270px; margin:0 auto;}

/* 팝업창 상단 영역 */
#popWrap .popTop {display:flex; justify-content:space-between; align-items:center; gap:10px; width:100%; padding:15px 20px; background:#fff; border-bottom:1px solid #d3d3d3; box-shadow:none;}
#popWrap .popTop h1 {color:#333; font-size:20px; font-weight:bold; word-break:keep-all;}
#popWrap .popTop i {font-size:30px; color:#333;}

/* 팝업창 상단 정보 영역 */
#popWrap .pop-info {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseLine; width:100%; margin-bottom:10px;}
#popWrap .pop-info > div {display:flex; gap:3px; align-items:baseLine; flex-wrap:wrap;}
#popWrap .pop-info > div label {font-weight:600;}

/* 팝업창 서브타이틀*/
#popWrap .pop-subTitle {font-size:18px; font-weight:600; color:#333; margin-bottom:10px; word-break:keep-all;}

/* 팝업창 메인 영역 */
#popWrap .popCont {width:100%; padding:20px; background:#fff; overflow-y:auto;}

/* 팝업창 검색 영역 */
#popWrap .pop-srchWrap {
	display:grid; grid-template-columns:1fr 120px; width:100%;
	margin-bottom:20px; border-radius:10px; border:1px solid #e5e5e5; background:#fff; box-shadow:1px 1px 5px 1px rgba(0,0,0,0.05); overflow:hidden;
}
#popWrap .pop-srchForm {display:flex; flex-wrap:wrap; gap:15px 10px; padding:15px;}
#popWrap .pop-srchForm * {vertical-align:middle;}
#popWrap .pop-srchForm p {display:inline-flex; align-items:center; flex-wrap:wrap; gap:5px 0;}
#popWrap .pop-srchForm p label {margin-right:5px; font-size:15px; font-weight:600;}
#popWrap .pop-srchForm p label ~ label {margin-left:10px;}
#popWrap .pop-srchForm input[type="text"],
#popWrap .pop-srchForm select {min-width:75px; border-radius:5px; height:35px;}
#popWrap .pop-srchForm input[type=text]:focus,
#popWrap .pop-srchForm select:focus {border-color:transparent; outline:2px solid #008fd5;}
#popWrap .pop-srchForm .popInput-1 {width:calc(100% - 7px);}/* ########확인 요망######### */
#popWrap .pop-srchBtn {display:flex; justify-content:center; align-items:center; padding:15px 0; border-left:1px solid #e5e5e5;}
#popWrap .pop-srchBtn a {display:block; width:90px; height:35px; line-height:35px; border-radius:50px; background:#333; color:#fff; font-size:15px; font-weight:600; text-align:center;}

@media screen and (max-width: 481px){
	#popWrap .pop-srchWrap {grid-template-columns:1fr;}
	#popWrap .pop-srchBtn {padding:15px; border-left:none; border-top:1px solid #e5e5e5;}
	#popWrap .pop-srchBtn a {width:100%;}	
}

/* 팝업창 하단 영역 */
#popWrap .popBottom {display:flex; justify-content:center; align-items:center; gap:6px; width:100%; padding:20px 0 30px; background:#fff;}
#popWrap .popBottom a {margin:0 !important;}


/* 파일 업로드 ========================= */
#popWrap .uploadFileArea {padding:20px;}
#popWrap #dropZone {
	display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center;
	width:100%; min-height:300px; padding:15px; overflow:hidden; font-size:15px; border:2px dashed #e5e5e5; word-break:keep-all;
}
#popWrap #fileDragDesc {display:flex; flex-direction:column; justify-content:center; align-items:center; gap:10px;}
#popWrap #fileDragDesc .fileDragIcon {position:relative; padding:10px; margin-bottom:10px; width:80px; height:80px; border:3px solid #0186d1; border-radius:50%;}
#popWrap #fileDragDesc .fileDragIcon i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:35px; color:#0186d1;}
#popWrap #fileDragDesc > span {text-align:center; font-weight:600;}
#popWrap #fileDragDesc > span:last-child {color:#999; font-weight:400;}

#popWrap .file-row {display:grid; grid-template-columns:auto 1fr; align-items:center; gap:0 10px; padding:10px 15px; background:#f8f8f8; border-radius:5px;}
#popWrap .file-row .file-icon {grid-row:1/3; color:#0186d1; font-size:27px;}
#popWrap .file-row .file-name {display:flex; justify-content:space-between; align-items:center; font-weight:600;}
#popWrap .file-row .file-name a {font-size:16px;}
#popWrap .file-row .file-load {color:#888; font-size:14px;}

#popWrap #fileListTable #fileTableTbody {display:flex; flex-direction:column; gap:10px; margin-bottom:20px; max-height:210px; overflow-y:auto;}

#popWrap .upload-btn-wrapper {position:relative; width:60%; overflow:hidden; height:fit-content;}
#popWrap .upload-btn-wrapper input[type=file] {position:absolute; top:0; left:0; opacity:0; width:100%; height:100%; font-size:14px; cursor:pointer;}
#popWrap .upload-btn-wrapper > .upload-btn {
	display:block; width:100%; padding:8px 12px; color:#fff; text-align:center; font-size:14px; font-weight:400; background:#0186d1;	border-radius:5px; background-image:none;
	touch-action:manipulation; -ms-touch-action:manipulation; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; 
}

/* 사용안함 : 불필요한 CSS삭제 예정 */
/* 실습정보/활동보고서 ========================= */
.rec_title {display:flex; margin-bottom:3rem; padding:1.2rem 2rem; background:#333; justify-content:space-between; align-items:center;}
.rec_title * {font-size:2.2rem; color:#fff;}
.rec_title a {font-size:2.2rem;}
.rec_content {width:100%; max-width:1200px; padding:0 2rem; margin:0 auto 5rem auto; overflow:hidden;}
.rec_content .rec_content_tit {font-size:2rem; margin-bottom:2rem; font-weight:500; color:#333;}
.rec_frame {padding:2rem; border:1px solid #ddd;}

.rec_content.rec_cont_box {padding:0;}

.rec_status {border-radius:5px; border:1px solid #ddd; border-top:5px solid #4179cd; overflow:hidden;}
.rec_status > * {padding:3rem 2rem;}
.rec_status ul {display:flex; flex-wrap: wrap; gap:10px;}
.rec_status span {display: inline-block; min-width:4rem; font-size:1.4rem; color:#888;}
.rec_status p {font-weight:500; color:#222;}

.rec_status .status {padding-bottom:2rem;}
.rec_status .status span {margin-bottom:0.8rem;}
.rec_status .status p {display:flex; flex-wrap:wrap; align-items:center; font-size:2.8rem;}
.rec_status .status select {height:auto; border:none; font-size:3rem; font-weight:600; color:#4179cd;}
.rec_status .status select option {padding:3rem; color:#444; font-size:2rem;}
.rec_status .status .point {margin:0 0.5rem; font-size:4rem; font-weight:600; color:#4179cd;}
.rec_status .status dl {display:grid; gap:2rem; margin-top:1.5rem;}
.rec_status .status dl:first-child {margin-top:2rem;}
.rec_status .status dl dt {font-size:1.4rem; color:#888; margin-top:3px;}
.rec_status .status dl dd {font-size:1.8rem; font-weight:500; color:#222;}

.rec_status .status dl.capstone {grid-template-columns:60px 1fr;}
.rec_status .status dl.venture {grid-template-columns:120px 1fr;}


.rec_status ul.c_info {padding:2rem 2rem 3rem;}
.rec_status ul.c_info li {display:flex; flex:1 auto; flex-direction:column; position:relative; margin-left:2rem; padding-right:2rem; border-right:1px solid #ddd;}
.rec_status ul.c_info li:first-child {margin-left:0;}
.rec_status ul.c_info li:last-child {border-right:none;}
.rec_status ul.c_info span {margin-bottom:0.8rem;}
.rec_status ul.c_info p {font-size:1.8rem;}

.rec_status ul.m_info {background:#f9f9f9;}
.rec_status ul.m_info li {display:flex; align-items:center; margin-right:2.8rem;}
.rec_status ul.m_info li:last-child {margin-right:0;}
.rec_status ul.m_info li span {margin-bottom:0; margin-right:0.8rem;}
.rec_status ul.m_info li p {font-size:1.4rem;}

.rec_tab {margin-bottom:2rem;}
.rec_tab ul {display:-webkit-box; display:-moz-box; display:-ms-flexbox; margin:0; display:flex; border:1px solid #e6e6e6; background:#f9f9f9;}
.rec_tab ul li {flex:1; border-right:1px solid #e5e5e5;}
.rec_tab ul li:last-child {border-right:none;}
.rec_tab ul li a {display:flex; flex-wrap:wrap; align-items:center; width:100%; height:100%; padding:1.8rem 0.8rem; font-size:1.5rem; text-align:center;}
.rec_tab ul li a:hover {position:relative; color:#fff; background:#2177ce;}
.rec_tab ul li a.on {position:relative; color:#fff; background:#2177ce;}
.rec_tab ul li a.on::before {content:""; position:absolute; left:50%; bottom:0; width:0; height:0; border-bottom:5px solid #f8fafd; border-left:5px solid transparent; border-right:5px solid transparent; transform:translate(-50%);}

@media screen and (max-width: 767px) {
	.rec_status .status {border-bottom:1px solid #ddd;}
	.rec_status .status dl {grid-template-columns:1fr !important; gap:1rem; margin-top:2rem;}
	.rec_status .status dl dt br {display:none;}
	
	.rec_status ul {flex-direction:column;}
	.rec_status ul.c_info li {margin:0; padding:0; border:none; padding-bottom:0; margin-bottom:1rem;}
    .rec_status ul.c_info li:last-child {margin-bottom:0; border:none;}
    .rec_status > * {padding:2rem;}
    .rec_status ul.m_info li {margin:0; margin-bottom:0.6em;}
    .rec_status ul.m_info li:last-child {margin:0;}
    .rec_frame {padding:0; border:none;}
    
     .rec_content.rec_cont_box {padding:0 0.6rem;}
}
@media (max-width :520px) {
	.rec_title {margin-bottom:5rem;}
	.rec_status span {font-size:1.5rem;}
	.rec_status ul.m_info li p {font-size:1.5rem;}
	.rec_status .status p, .rec_status .status select {font-size:3.2rem;}
}

/* 반응형 탭 */
.rec_tab .tab-select {display:none;}

@media screen and (max-width: 767px) {
	.rec_tab .tab-button {display:none;}
	.rec_tab .tab-button.tab-button-adm {display:block;}
	.rec_tab .tab-select {display:block;}
	.rec_tab .tab-select select {width:100%; height:50px;}
	.rec_tab .tab-select select option {color:#555;}
	.rec_tab .tab-select select:focus {font-weight:500; color:#2177ce; border:1px solid #2177ce;}
}

/* 사용안함 : 불필요한 CSS삭제 예정 */
/* 변경신청서-지원금정산 */
.active_change_wrapper .change-inner {
	display:grid; grid-template-columns:repeat(2, 1fr); gap:2rem 1.5rem; margin-top:2rem; padding:1.5rem; 
	border-radius:5px; border:2px solid #eee; background:#fff; /* box-shadow:0 0 2px rgba(0,0,0,0.1); */
}
.active_change_wrapper .change-inner.wide {grid-template-columns:1fr;}
.active_change_wrapper .change-inner:first-child {margin:0;}

.active_change_wrapper .change-inner .bbsView table {height:100%;}
.active_change_wrapper .change-inner .bbsView table th {height:48px;}
.active_change_wrapper .change-inner .bbsView table td {vertical-align:top;}

@media screen and (max-width :768px){
	.active_change_wrapper .change-inner {grid-template-columns:1fr;}
}


/* 사용안함 : 불필요한 CSS삭제 예정 */
/* 창업동아리 지원금 사용내역 */
.venture_money {width:100%; margin-bottom:3rem; border-radius:1rem; border:1px solid #ddd;}
.venture_money > ul {display:grid; grid-template-columns:repeat(auto-fill, minmax(14.285714%, 1fr)); gap:1rem; padding:1rem;}
.venture_money > ul > li {border-radius:1rem; border:1px solid #ddd; background:#fff;}
.venture_money > ul > li > h3 {font-size:1.6rem; font-weight:bold; color:#222; padding:1rem 1.2rem; border-radius:1rem 1rem 0 0; background:#fff;}
.venture_money > ul > li > ul {padding:1rem 1.2rem; border-radius:0 0 1rem 1rem; background:#f7f8fc;}
.venture_money > ul > li > ul * {font-size:1.25rem;}
.venture_money > ul > li > ul > li {display:flex; justify-content:space-between; gap:5px;}
.venture_money > ul > li > ul > li:first-child {padding-bottom:1rem; margin-bottom:1rem; border-bottom:1px dashed #bbb;}
.venture_money > ul > li > ul > li > dfn {margin-right:1rem;}
.venture_money > ul > li > ul > li > strong {font-size:1.4rem; color:#222; letter-spacing:0;}
.venture_money > div {display:flex; justify-content:space-between; align-items:center; gap:2rem; padding:1rem 1.5rem; border-radius:0 0 1rem 1rem; background:#eef7ff;}
.venture_money > div * {font-size:1.5rem; color:#222;}
.venture_money > div > h3 {
	display:inline-flex; flex-wrap:wrap; justify-content:center; align-items:center; min-width:8rem; height:3rem; 
	font-weight:500; border-radius:50em; background:#fff; box-shadow:1px 1px 3px rgba(0,0,0,0.1);
}
.venture_money > div > ul {display:flex; gap:4rem;}
.venture_money > div > ul > * {display:flex; align-items:center;}
.venture_money > div > ul > li > dfn {margin-right:1rem;}
.venture_money > div > ul > li > strong {font-size:2rem; letter-spacing:0;}

.venture_money .useMoney strong {color:#2177ce;}

@media screen and (max-width :1025px) {
	.venture_money > ul {grid-template-columns:repeat(auto-fit, minmax(25%, 1fr));}
}

@media screen and (max-width :769px) {
	.venture_money > ul > li > ul * {font-size:1.4rem;}
	.venture_money > ul {grid-template-columns:repeat(2, 1fr);}
	.venture_money > div {flex-direction:column; align-items:flex-start; padding:1.5rem;}
	.venture_money > div > * {width:100%;}
	.venture_money > div > h3 {display:flex;}
	.venture_money > div > ul {flex-direction:column; align-items:flex-end; gap:5px;}
}

@media screen and (max-width :481px) {
	.venture_money > ul {grid-template-columns:1fr;}
}




/* 역량진단결과 관련 팝업  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.popResultBox {width:100%; margin-bottom:30px; border-radius:10px; border:1px solid #ddd; background:#fff; overflow:hidden;}
.popResultBox > h3 {display:table; width:100%; height:60px; padding:10px 15px; border-bottom:1px solid #ddd; overflow:hidden; word-break:keep-all;}
.popResultBox > h3 strong {display:table-cell; vertical-align:middle; font-size:17px; font-weight:500; color:#333;}
.popResultBox > h3 strong span {display:inline-block; width:26px; height:26px; font-size:16px; line-height:26px; font-weight:500; text-align:center; color:#fff; margin-right:5px; border-radius:50%; background:#333;}
.popResultBox > div.pop_rs_cont {width:100%; padding:15px;}
.popResultBox > div.pop_rs_cont > div {font-size:15px;}
.popResultBox .textListLine li {word-break:keep-all;}

.resultGraph {width:100%; overflow:hidden;}