#wrap {position: relative; width: 100%; overflow:hidden;}
h1, h2, h3, h4, h5 {letter-spacing:-2px;}
/************ header ************/
header .subGnb {display:none !important;}
header {position: fixed;width: 100%;height: 70px;display: flex;justify-content: space-between;align-items: center;padding: 0 110px 0 30px;z-index: 8889;transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out; background:transparent;}
.header {position: relative;width: 70%; height:100%;}
.header-scrolled {background-color: #000;transition: background-color 0.3s;transform: translateY(0);}
.header .slick-arrow {width: 30px;cursor: pointer;}
.submenu-content {display: none;color: white;text-align: center;}
.submenu-content ul {display: block;width: 100%;}
.submenu-content ul li a {color: #fff;float: left;padding: 10px 30px;cursor: pointer;font-size: 15px;white-space: nowrap;}
.menu-item {color: #fff;cursor: pointer;padding: 10px;position: relative; text-align:center;}
.headLogo img {width:250px;}
.menu-slider {display:flex !important; align-items:center;}
.submenu-content ul li a:hover {color: #a4aac1; transition:0.3s;}
.subVisual {background:url(/assets/service/img/newImg/subVisual.jpg) no-repeat; background-size:cover;width:100%; height:600px; position:relative;}
.subVisual .subSlogan {width:100%; height:100%; display:flex; flex-direction:column; padding-left:140px;}
.subVisual .subSlogan .title h1 {font-size:140px;color: transparent; padding-top:120px; -webkit-text-stroke: 2px white;font-weight: 800;font-family: 'RedHatDisplay-Black';white-space: nowrap; padding-bottom:30px;}
.subVisual .subSlogan .title {display:flex; flex-direction:column;gap:15px;}
.subVisual .subSlogan .title p {color:#fff; font-size:70px;font-family: 'RedHatDisplay-Black';}
.subVisual .subSlogan .title span {color:#fff; font-size:40px; font-weight:100;}
.subVisual .slnb {display:flex; position:relative; padding-top:50px; gap:25px;}
.subVisual .slnb .slnbMenu a img {width:20px;}
.subVisual .slnb .slnbMenu span {color:#fff; font-size:17px;}
.slnbMenu {position: relative;}
.dropdownMenu {position: absolute;top: 35px;left: -67px;width: 200px;background-color: #fff;box-shadow: 0px 2px 10px rgba(0,0,0,0.2);overflow: hidden;height: 0;opacity: 0;transition: height 0.5s ease, opacity 0.5s ease, padding 0.5s ease;text-align:center;z-index:998;}
.dropdownMenu.open {height: auto;opacity: 1;max-height: 1000px;}
.dropdownMenu ul li {padding:10px 0; cursor:pointer;}
.dropdownMenu ul li a {color:#000; font-size:14px;}
.dropdownMenu ul li.active {background-color:#323747;}
.dropdownMenu ul li.active a {color: #fff;}
background-color: #1d1f2c; transition: background-color 0.3s ease;}
.subVisual .slnb .slnbMenu .goHome{cursor:pointer;}
.subVisual .slnb .slnbMenu .dropSub {cursor:pointer;}
.subVisual .slnb .slnbMenu .dropSub2 {cursor:pointer;}
.header-scrolled {background-color: #000 !important; transition: background-color 0.3s ease, transform 0.3s ease;}
.submenu-scrolled {background-color: #2c2c34 !important;transition: background-color 0.3s ease;}
.submenu {display: none;position: absolute;width: 100%;background-color: rgb(0 0 0 / 23%);backdrop-filter: blur(10px);transform: translateY(-10px);top: 79px;left: 0;z-index: 9990;padding: 10px	 0;color: #fff; transition: background-color 0.3s ease;}
.header .slick-initialized .slick-slide {display:flex; align-items:center; justify-content:center;}
.header .menu-item {height:70px;}
.header .slick-list {height:70px;}
.header .menu-slider {height:100%;}
.dropdownMenu ul li:hover {background:#8a8c98; transition:0.3s;}
.dropdownMenu ul li:hover a {color:#fff; transition:0.3s;}


/* content */
.content {width:1200px; margin:0 auto; padding-top:80px; min-height:500px;}
.content:after {display:block; clear:both; content:'';}
.content > img {display:block; margin:0 auto; padding-top:50px;}
@media (max-width:1400px) {
	header .top {max-width:1000px;}
	ul#slickfor {max-width:1000px;}
	header .subGnb ul {max-width:1000px;}
}

/* skin-wrap */
.skin-wrap {width:25%; float:left; padding-bottom:100px;}
.skin-wrap .sideTit{width:250px; font-size:30px; color: #000;  padding:0 20px 30px 0;text-align:left;}
.skin-wrap #smenuCon {width:250px;}
.skin-wrap li.navg.arrow_lnb { width:100%; background: #f7f7f7 url(/assets/service/img/common/arrow_lnb_on.png) no-repeat !important; background-position:90% 25px !important; }
.skin-wrap .navg.arrow_lnb:hover {border-bottom:0; background:#f7f7f7 url(/assets/service/img/common/arrow_lnb_on.png) no-repeat; background-position:90% 25px; color:#000;
font-weight:500;}
.skin-wrap .navg:hover .smenuTit {font-weight:500; color: #000;}
.skin-wrap .navg.arrow_lnb .smenuList {display:none;}
.skin-wrap .navg .smenuTit {padding:10px 0 10px 15px; position:relative; display:block; width:250px; line-height: 35px; cursor: pointer; color:#000; text-align:left; border-bottom:1px solid #fff;}
.skin-wrap .navg .smenuList {display: none; padding:15px 0;  background-color:#262b42 !important;}
.skin-wrap .navg .smenuList li {width:250px; line-height: 35px; text-align:left; font-size:14px; padding-top: 10px; background:#262b42 !important;}
.skin-wrap .navg .smenuList li:nth-of-type(1) {padding-top: 0;}
.skin-wrap .navg .smenuList li a {display: block;width: 100%; color:#fff; line-height:19px; padding-left: 20px;}
.skin-wrap .navg .smenuList li a:before {content: ''; display: inline-block; width: 3px; height: 3px; background: #c6c5c5; vertical-align:middle; margin-right:10px; margin-bottom: 3px; border-radius: 50%;}
.skin-wrap .navg .smenuList li a:hover, .skin-wrap .navg .smenuList li a.active {color:#fff;}
.skin-wrap .navg.arrow_lnb.on { background:#f7f7f7 url(/assets/service/img/common/arrow_lnb_off.png) no-repeat !important; background-position:90% 25px !important;}
.skin-wrap .navg:hover {background:#f7f7f7;}
.skin-wrap #smenuCon li {background:#f7f7f7;}

/* 서브페이지 lnb */
.conR {float:right; width:75%;}
.conR .shead:after {display:block; content:''; clear:both;}
.conR h2.sTit {font-size:38px; display:inline-block;}
.conR .lnb_wrap {float:right; z-index:2;height: 40px;}
.conR .lnb {height:100%; z-index:11;position: relative; display: none; margin-top: 40px;}
.conR .lnb .lnb_map {width:100%; height:100%;}
.conR .lnb .lnb_map:after{content:'';display:block;clear:both;}
.conR .lnb .lnb_map li {height: 100%;float:left;position: relative;background: #fff;}
.conR .lnb .lnb_map li a {width:100%;padding-left: 20px;display:table;}
.conR .lnb .lnb_map li.depth a i{position: absolute;left: 15px;top: 10px; transform: translateY(-50%);color: #0162b1;}
.conR .lnb .lnb_map li.home {display:table;}
.conR .lnb .lnb_map li.home a{display:table-cell;vertical-align:top ;width: 100%;height: 100%;}
.conR .lnb .lnb_map li.home a i{color: #999;font-size: 20px;text-align: center;}
.conR .lnb .lnb_map li.depth {position:relative;}
.conR .lnb .lnb_map li.depth a {z-index:198; display:block; width:100%; height:100%;}
.conR .lnb .lnb_map li.depth a span {float:left; padding-left:25px; width:100%; font-size:16px; color:#888; line-height:22px;}
.conR .lnb .lnb_map li.depth ul {display:none; position:absolute;left:0;top:60px;margin:0;padding:0;width:165px;z-index:1; text-align:center;box-shadow:0 5px 10px rgba(0,0,0,0.1);}
.conR .lnb .lnb_map li.depth ul li {width:100%; float:none;}
.conR .lnb .lnb_map li.depth ul li a {display:block; padding:12px 25px;font-size:14px;background: #fff; color: #666;}
.conR .lnb .lnb_map li.depth ul li a.active {background: #0162b1;color: #fff;}
.conR .lnb .lnb_map li.depth * {vertical-align:top;}
@keyframes down_loca{from{opacity: 0;top: 30px;}to{opacity: 1;top: 40px;}}
.lnb .lnb_map li.depth ul{animation:down_loca 0.5s forwards ease-out}
@media (max-width:1400px){
	.conR .shead {width:850px;}
}

/* scrollbar_custom */
::-webkit-scrollbar {width:5px;}
::scrollbar {width:5px;}
::-webkit-scrollbar-track {background: none;}
::scrollbar-track {background: none;}
::-webkit-scrollbar-thumb {background: #cad8ef; border-radius: 8px;}
::scrollbar-thumb {background: #cad8ef; border-radius: 8px;}

/************ footer ***************/
footer {width:100%; overflow:hidden;}
.ftWrap {width:100%; position:relative; padding:40px 140px; background:#0A161A;display:flex; justify-content:space-between; align-items:center; min-width:1260px;}
.ftWrap:after{}
.ftWrap .leftBox {display:flex; flex-direction:column; gap:30px;}
.ftWrap .leftBox img {width:250px;}
.ftWrap .leftBox .adress {display:flex; flex-direction:column; gap:10px;}
.ftWrap .leftBox .adress p{color:#fff; font-size:15px;}
.ftWrap .leftBox .adress div {display:flex; gap:20px;}
.ftWrap .leftBox .adress span {color:#fff; font-size:15px;}
.ftWrap .rightBox {display:flex; flex-direction:column; justify-content:flex-start;gap:20px;}
.ftWrap .rightBox div {display:flex; gap:30px; align-items:center;}
.ftWrap .rightBox div span {font-size:20px; color:#fff;}
.ftWrap .rightBox div p {font-size:20px; color:#fff; font-weight:600;}
.ftWrap .rightBox h4 {color:#fff; font-size:14px; font-weight:300; font-family:'RedHatDisplay-Regular'; letter-spacing:0;}
.ftWrap .rightBox h4 b {color:#397AF8;}


/* pagination */
.pagination {padding-top:50px; width:100%; margin:0 auto;}
.pagination > div  {width:56%; display:block; margin:0 auto;}
.pagination > div p {display:inline-block; vertical-align:super; margin-right:15px; font-weight:500;}
.pagination > div span {vertical-align:super; margin-left:15px;}
.pagination > div ul {display:inline-block;}
.pagination > div ul:after {content:''; display:block; clear:both;}
.pagination > div ul li {float:left; padding:0 10px;}
.pagination > div ul li.pd5 {padding:0 5px;}
.pagination > div ul li a {display:block; line-height:25px;  font-size:16px; color:#000; cursor:pointer;}
.pagination > div ul li a.bg000 {display:block; line-height:25px; width:25px; height:25px; display:block; text-align:center; font-size:16px;}
.pagination > div ul li a.bg000:hover { background:#0162b1; color:#fff; width:25px; height:25px; display:block; line-height:25px; text-align:center; font-size:16px;}
.pagination .titBox {padding:20px 0 50px 0;}
.pagination .titBox select {width:80px; background:url(/assets/service/img/sub/tryangle2.png)no-repeat; background-size:12px; background-position:86%; padding:5px; border:1px solid #e0e0e0;}
.pagination .titBox input[type="text"] {border:1px solid #e0e0e0; padding:5px; width:78%;}
.pagination .titBox input.textBox2 {width:60%;}
.pagination .titBox button {padding:4px 15px; font-weight:bold; cursor:pointer;}
.pagination .titTxt {padding-bottom:50px;}
.pagination .titTxt span {background:#0162b1; color:#fff; padding:5px 15px; margin-right:10px; margin-left:0;}


/* 기업지원 > 기업지원팀 > 연구원소개 */

/*.resWrap {display: block !important;}*/
.resWrap:after {display:block; content:''; clear:both;}
.resWrap .resCon {border:1px solid #e0e0e0;  float: left;  width:280px; margin:10px; padding:20px 10px 30px 10px; vertical-align:top; }
.resWrap .resCon ul li{ text-align:center; padding:3px 0; font-size:14px;}
.resWrap .resCon ul li.pd10 {padding-bottom:10px;}
.resWrap .resCon ul li.pdt20 {padding-top:20px;}
.resWrap .resCon ul li strong {font-size:20px; font-weight:600;}
.resWrap .resCon ul li i {font-size:12px;color:#fff; padding-right:5px;}
.resWrap .resCon ul li b {color:#000; font-weight:400; font-size:16px;}
.resWrap .resCon ul li a { background:#514e5a; color:#fff; padding:10px 20px; letter-spacing:0; font-size:14px;}
.resWrap .resCon ul li a:hover {background:#000; color:#fff;  transition:0.3s;}
.resWrap .resCon ul li:nth-of-type(3) { height:50px;}
.fa-phone:before {color:#000;}

.resWrap table th {border-bottom: 3px solid #1467C1FF;padding:10px 0px;font-size: 18px;}
#tableResult {padding: 10px;}
#tableResult tr td {text-align: center; padding: 20px;letter-spacing: 0.3px; font-weight: 300; border-bottom: 1px solid #16C; font-size: 15px;}


/*추가 장비리스트*/
.signUpForBtn {background:#fff; border:1px solid #000; font-weight:600;padding:15px 20px; cursor:pointer; font-size:15px; }
.signUpForBtn:hover {border:1px solid #e0e0e0; background:#e0e0e0; transition:0.3s;}
.signUpFor {display:flex; justify-content:space-between;}
.signUpFor div:last-of-type {display:flex; justify-content:space-between; gap:10px;}
.posCon .viewcWrap .btnWrap.signUpFor button.listview {height:auto;}
.signPop-modal {display: none;position: fixed; z-index: 9997;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0, 0, 0, 0.5);opacity: 0;transition: opacity 0.3s ease-in-out;}
.signPop-modal-content {position: relative;margin: 6% auto;padding: 30px 50px;background-color: #fff; width: 43%;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);opacity: 0;transform: translateY(-50px);transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;}
.signPop-modal.show {display: block;opacity: 1;}
.signPop-modal.show .signPop-modal-content {opacity: 1;transform: translateY(0);}
#datePickerInput {width:100% ;padding: 10px;cursor: pointer; border:1px solid #ddd; height:50px; font-size:15px; font-family:'pretendard' !important; background:url(/assets/service/img/newImg/calendarImg.png) no-repeat #fff !important; background-position: 90% 50% !important;
    background-size: 20px !important;}
#datePickerInput2 {width:100% ;padding: 10px;cursor: pointer; border:1px solid #ddd; height:50px; font-size:15px; font-family:'pretendard' !important;background:url(/assets/service/img/newImg/calendarImg.png) no-repeat #fff !important;    background-position: 90% 50% !important;
    background-size: 20px !important;}
.date-picker {display: none;position: absolute; border-radius:10px; overflow:hidden;background: white; box-shadow: 0 4px 8px rgba(0 0 0 / 27%);width: auto;z-index: 1060;top:-100px !important;left:175px !important;}
.date-picker-header {display: flex;justify-content: space-between;padding: 10px;background: #29303f; color:#fff;}
.date-picker-header button {background: none;border: none;font-size: 16px;cursor: pointer; font-weight:bold; color:#fff;}
.date-picker-body {padding: 10px;}
.date-picker-weekdays, .date-picker-days {display: grid;grid-template-columns: repeat(7, 1fr);text-align: center;}
.date-picker-weekdays span {font-family:'pretendard';font-weight: bold;margin-bottom: 10px;}
.date-picker-days span {padding: 10px;margin: 2px;cursor: pointer;border-radius: 4px;}
.date-picker-days span:hover {background: #f0f0f0;}
.date-picker-days span.selected {background:#476ae6;color: white;}
.pickerWrap {position:relative; width:50%;}
.pickerBox {display:flex; justify-content:space-between; align-items:center; gap:4px;}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.posCon .viewcWrap .btnWrap:after {display:none;}
.signPop-body h2 {text-align:center; margin-bottom:20px;}
.formGroups {position: relative; width:33%;}
.select-type2 select {width: 100%; height: 50px; border: 1px solid #ddd; padding: 6px 15px; line-height: 1; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #333;	background: url(/assets/service/img/sub/select_arrow_gray.png) no-repeat; background-position: right 15px center !important; font-size: 15px; cursor: pointer;}
.select-type2 select:focus {border: 1px solid #000; background: url(/assets/service/img/sub/select_arrow5.png) no-repeat;}
.signPopForm {display:flex; flex-direction:column;gap:12px;}
.signPopForm .shortForm {display:flex; gap:12px;}
.signPopForm .adressForm {display:flex; gap:6px;}
.signPopForm .adressForm .spBox.adressBox {display:flex;}
.signPopForm .adressForm .spBox.adressBox div {display:flex;}
.signPopForm .adressForm .spBox.adressBox.box1 {width:25%; display:flex; align-items:center;gap:0;}
.signPopForm .adressForm .spBox.adressBox.box1 button {padding:0 15px; height:100%; background:#585c64; color:#fff;}
.signPopForm .adressForm .spBox.adressBox.box2 {width:75%;display:flex;gap:6px;}
.signPopForm .adressForm .spBox.adressBox.box2 input.street {width:65%;}
.signPopForm .adressForm .spBox.adressBox.box2 input.detail {width:35%;}

.signPopForm .eventForm {display:flex; gap:12px; align-items:flex-end;}
.signPopForm .eventForm .pickerForm {width:50%;}
.signPopForm .eventForm .signPopBox {width:50%;}
.signPopForm .signPopBox {display:flex; flex-direction:column;width:100%; gap:8px;}
.signPopForm .signPopBox  span {font-weight:500;}
.signPopForm .emailForm {display:flex; justify-content:space-between; gap:5px; align-items:center;}
.signPopForm  .spBox {display:flex; justify-content:space-between; gap:2px; align-items:center; width:100%;}
.signPopForm  .spBox input {border:1px solid #ddd; height:50px; font-size:15px; width:100%;}
.signPopForm  .spBox span {font-size:15px;}
.signPopForm .signTit {font-weight:500;}
.signPopForm .signTit:after {content:'*'; display:inline-block; padding-left:5px; font-size:20px; color:red; vertical-align:middle;}
.pickerForm {display:flex; gap:8px; flex-direction:column;}
.signPopForm .spBox input {padding:5px 10px; font-family:'pretendard';}
#datePickerInput {font-family:'pretendard' !important;}
.signPopForm .spBox.spBox2 {display:flex; justify-content:space-between; gap:2px; align-items:center; width:33%;}
.signPopForm .fileBox {position:relative;}
.signPopForm .fileBox input.upload-name[disabled] {font-weight: 300; color: #78797A; height:50px;}
.signPopForm .fileBox #fileCus {display: none;}
.signPopForm .fileBox button {position: absolute; top: 50%; transform: translateY(-50%); right: 10px; width: 90px; height: 34px; background-color: #fff; color: #2A3384; border: 1px solid #2A3384; font-size: 16px;}
.signPopForm .fileBox #fileCus {display: none;}
.signPopForm .fileBox label.file-select-label {position: absolute;top: 50%;transform: translateY(-50%);right: 0;width: 80px;padding: 6px;display: flex;justify-content: center;align-items: center;color: #fff;font-size: 15px;cursor: pointer;border: none;height: 100%;background:#585c64;}
.signPopForm .fileBox input.upload-name {width: 100%; height: 50px; background-color: #fff !important;padding: 12px 10px;border: none;box-sizing:border-box;color: #78797A;pointer-events: none;border:1px solid  #ddd;}
.signPop-modal-content .spBtnBox {display:flex; justify-content:flex-end; align-items:center; gap:10px; padding-top:20px;}
.signPop-close-btn {font-size: 16px; height:50px;font-weight: bold;color: #333;;cursor: pointer; padding:12px 20px; width:120px;}
.spCheckBtn {font-size: 16px; height:50px;font-weight: bold;color: #fff;cursor: pointer; padding:12px 20px; width:120px; background:#476ae6;}
.spCheckBtn:hover {background:#333; transition:0.3s;}
.complete-modal {display: none;position: fixed;z-index: 9998;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0,0,0,0.4);}
.complete-modal-content {background-color: #fff;margin: 15% auto;padding: 30px;width: 20%;display:flex; flex-direction:column; align-items:center;}
.complete-close {color: #aaa;float: right;font-size: 28px;font-weight: bold;display:none;}
.complete-close:hover,.complete-close:focus {color: black;text-decoration: none;
cursor: pointer;}
.complete-modal-content h2 {text-align:center; padding-bottom:20px;}
.complete-modal-content p {text-align:center; font-size:20px;}
.complete-modal-content .complete-close-btn  {display:flex; font-size:17px; width:100px; align-items:center; justify-content:center; padding:10px; margin-top:30px; background:#1f1f22; color:#fff; border-radius:5px;}


/* custom */
.equipAttachParent {padding:20px!important;}
.equipAttach {padding: 10px 15px; color:#ffffff!important; background-color: #0d1477d6; border-radius: 30px; margin:10px;}
.w50 {width:48%!important;}
/* custom */