@charset "utf-8";

/*전체*/
header, header a, .menu a {color: #fff; transition: .3s; position: relative;}
#wrap {min-height: 100vh; min-width: 1400px; position: relative; display: flex; flex-direction: column; justify-content: space-between;}
#wrap_pop {position:relative; width:100%; height:auto; margin:0;}

/*본문 바로가기*/
.skip-to {position: absolute; top: 0px; left: 91%; border:2px solid #1b3281; border-top: 0; font-weight:700; background: #fff; color: #1b3281; box-shadow: 3px 0px 3px rgba(255, 255, 255, 0.3); padding: 8px 30px; text-align: center; text-decoration: none; z-index: 999; transform: translateX(-50%); border-radius: 0 0 10px 10px; transition: .3s;}
.skip-to:hover, .skip-to:focus, .skip-to:active {display:block; top:0; background: #1B3281; color: #fff;}

/*헤더 header*/
header {width: 100%; position: relative;}
.header {position: relative; width: 1420px; margin: 0 auto; display: flex; justify-content: space-between; padding: 25px 0; align-items: center;}
.header .main_logo {z-index: 102; transition: .3s;}
.header .menu-tab {font-family: 'ONE Mobile Titel'; font-weight: 600; font-size: 22px; position: relative; z-index: 100;}
.header .menu-tab .gnb {display: flex;}
.header .menu-tab .gnb li {margin: 20px 25px;}
.header .login-tab ul {display: flex; position: relative; z-index: 100;}
.header .login-tab ul li {cursor: pointer; width: 45px; height: 45px; border-radius: 50%; background: #fff; color: #1B3281; margin: 0 auto; box-sizing: border-box; line-height: 55px; text-align: center; font-size: 14px; margin-right: 10px; transition: .3s; border: 2px solid #1B3281;}
.header .login-tab ul li button {color: #1B3281; transition: .3s; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.header .login-tab ul li svg {font-size: 22px;}
.header .login-tab ul li.login-box {width: 125px;}
.header .login-tab ul li.login-box span {margin-left: 18px; position: relative; font-weight: 600;}
.header .login-tab ul li.login-box span:after {position: absolute; left: -9px; content: ""; width: 1px; height: 100%; background: #fff;}
.header .login-tab ul .login-box {font-family: 'ONE Mobile Titel'; min-width: 45px; border-radius: 45px; padding:0 10px; border: 2px solid #fff; background: linear-gradient(90deg, rgba(27,50,129,1) 0%, rgba(237,28,36,1) 100%); display: flex; justify-content: center; align-items: center; color: #fff; box-shadow: 3px 3px 6px rgba(225, 225, 225, 0.4);}
.fixed-menu-btn {overflow: hidden;}
.header .login-tab ul .login-box button {display: flex; justify-content: center; align-items: center; color: #fff;}

/*헤더 header sos*/
.header_sos {width: 100%; position: relative; text-align: center;  overflow: hidden; height: 330px;}
.header_sos .head-img {position: relative; z-index: 99;  padding: 15px; background: rgba(0, 0, 0, 0.5); width: 100%;}
.header_sos .head-img img {text-align: center; opacity: 0.8; object-fit: contain; height: 35px;}
.header_sos .heder-main {position: absolute; top: 0; width: 100%; height: 360px;}
.header_sos .heder-main h1 {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 38px;}
.header_sos .heder-main h1::after {content: ""; position: absolute; top: -12px; right: -12px; width: 10px; height: 10px; background: #ff434a; border-radius: 50%;}
.header_sos .heder-main img {object-fit: cover;}

/*메뉴 menu*/
.main-menu {position: absolute; width: 100%; z-index: 99; top: 75px; height: 0px; overflow: hidden; transition: .2s;}
.menu {font-family: 'ONE Mobile Blod'; padding: 10px 0; display: flex; justify-content: space-between;}
.menu a {color: #1B3281; font-size: 18px;}
.menu .menu-inner {line-height: 55px; text-align: center; width: 140px;}
.menu > li:first-child .menu-inner {width: 155px;}
.menu > li:nth-child(2) .menu-inner {width: 150px;}
.menu > li:nth-child(3) .menu-inner {width: 200px;}
.menu_back {background: #fff; width: 100%; height: 460px; position: absolute; top: 0px; z-index: 11; height: 0; transition: .3s; box-shadow: 0 3px 6px rgba(0,0,0,0.3);}

/*메뉴 menu sos*/
.menu_sos {width: 100%; background: #1B3281; height: 80px; overflow: hidden;}
.menu_sos a {color: #fff; font-size: 22px; font-weight: 600;}
.menu_sos ul {width: 1000px; margin: 0 auto; display: flex; justify-content: space-between; line-height: 60px; text-align: center;}
.menu_sos ul li {width: 100%; position: relative; padding: 10px; background: #1B3281; transition: .3s;}
.menu_sos ul li:hover {background: #797979;}
.menu_sos ul li.active {background: #282828;}
.menu_sos ul li a {position: relative;}
.menu_sos ul li:hover a::after, .menu_sos ul li.active a::after {position: absolute; content: ""; top: -10px; right: -10px; background: #ED1C24; width: 7px; height: 7px; border-radius: 50%;}

/*메뉴 호버링 변화 meun hover*/
header:hover .menu-tab .gnb li a {color: #1B3281;}
header:hover .main-menu {height: 340px;}
header:hover .menu_back {height: 460px;}
header:hover .login-tab ul li, .header .login-tab ul .login-box {box-shadow: 3px 3px 6px rgba(27,50,129,0.4);}
header:hover .main_logo a img {content: url(../images/logo.png); width: 273px;}
.gnb li a::after {content: ""; height: 2px; width: 0%; background-color: #1B3281; position: absolute; bottom: -5px; left: 0; z-index: 101; transition: width 250ms ease-out;}
.gnb li.active a::after {content: ""; height: 2px; width: 100%; background-color: #fff; position: absolute; bottom: -5px; left: 0; z-index: 101; transition: width 250ms ease-out;}
.gnb li:hover a::after, .gnb li.active a::after{width: 100%;}
.gnb li a::before, .gnb li.active a::before {content: ""; width: 0px; height: 0px; border-radius: 50%; background: #ED1C24; position: absolute; top: -10px; right: -10px;}
.gnb li:hover a::before, .gnb li.active a::before {width: 8px; height: 8px;}
.menu-inner li:hover a {color: #ED1C24;}
.menu-inner li a::after {content: ""; width: 0px; height: 0px; border-radius: 50%; background: #ED1C24; position: absolute; top: -10px; right: -15px;}
.menu-inner li:hover a::after {width: 8px; height: 8px;}
.header .login-tab ul li:first-child:hover, .header .login-tab ul li:first-child:hover button {background: #1B3281; color: #fff;}

/*메뉴 fiexed-menu*/
.fixed-menu-wrap {display: none; position: relative;  z-index: 1000;}
.fixed-menu {width: 100%; background:linear-gradient(180deg, rgba(27,50,129,1) 0%, rgba(89,114,206,1) 100%);; position: fixed; top: 0; left: 0; padding: 30px 0 80px; z-index: 1000; box-shadow: 0px 3px 10px rgba(225, 225, 225, 0.5); border-radius: 0 0 300px 300px;}
.fixed-menu .fixed-inner {width: 1420px; margin: 0 auto;}
.fixed-menu .fixed-inner h1 {display: flex; justify-content: flex-end;}
.fixed-menu .fixed-inner button {border: none; background: transparent; color: #fff; font-size: 36px;}
.fixed-menu .fixed-nav {color: #fff; display: flex; justify-content: space-around;}
.fixed-menu .fixed-nav>li {font-size: 20px; font-weight: 700; position: relative; padding-top: 15px; border-top: 2px solid transparent; transition: .3s;}
.fixed-menu .fixed-nav>li::before {content: ""; width: 0px; height: 0px; transition: .3s; background: transparent;}
.fixed-menu .fixed-nav>li:hover::before {width: 7px; height: 7px; border-radius: 10px; background: #ED1C24; position: absolute; top: 3px; right: 0px;}
.fixed-menu .fixed-nav>li:not(:last-of-type)::after {content: ""; width: 1px; height: 100%; position: absolute; top: 50%; transform: translateY(-50%); right: -50px; background: rgba(225, 225, 225, 0.4);}
.fixed-menu .fixed-nav .fixed-gnb {margin-top: 20px; line-height: 36px;}
.fixed-menu .fixed-nav .fixed-gnb a {color: #fff; font-size: 14.5px; position: relative; opacity: 0.8;}
.fixed-menu .fixed-nav .fixed-gnb a:hover {text-decoration: underline; opacity: 1;}
.fixed-menuname h1 {position: relative; font-size: 38px;}
.fixed-menuname h1::after {content: ""; position: absolute; bottom: -10px; right: 0; width: 110px; height: 3px; background: rgba(225, 225, 225, 0.5);}
.fixed-menuname p {font-size: 14px;}

/*index swiper 커스터마이징*/
.index_container .swiper.main-slide {width: 100%; height: 540px; position: absolute; top: 0; overflow: hidden;}
.index_container .swiper.main-slide .swiper-slide img {object-fit: cover; width: 100%; height: 100%; }
.index_container .swiper.main-slide .swiper-pagination-bullet {width: 14px; height: 14px; border-radius: 30px; background: #fff; opacity: 0.5;}
.index_container .swiper.main-slide .swiper-pagination-bullet-active {background: #ff434a; width: 30px; height: 10px; opacity: 1;}

/*슬라이드 텍스트 index-txt*/
.index-txt-box {width: 1420px; margin: 0 auto; height: 100%; position: absolute; left: 50%; transform: translateX(-50%); top: 0; font-family: '한국기계연구원';}
.indexBigTxt {position: absolute; color: #fff; font-size: 48px; left: 25px; top: 50%; transform: translateY(-50%); line-height: 58px;}
.indexBGTxt {font-family: 'ONE Mobile Titel'; position: absolute; color: #fff; opacity: 0.3; bottom: -56px; right: 0; font-size: 260px;}

/*login 박스*/
.login_container {width: 1420px; margin: 0 auto}
.login_container .login_table {padding: 15px; min-width: 610px; background: #1B3281; box-shadow: 3px -3px 10px rgba(225, 225, 225, 0.5); position: absolute; z-index: 10; top: 450px; border-radius: 10px 10px 0 0; color: #fff; box-sizing: border-box;}
.login_container .login_table a {color: #fff; font-size: 14px;}
.login_table td {font-family: 'ONE Mobile Regular'; font-size: 16px; padding: 0 7px; box-sizing: border-box; position: relative;}
.login_table .login-btn {font-family: 'ONE Mobile Titel'; font-size: 16px; width: 95px; height: 75px; box-shadow: 0 0 12px rgba(225, 225, 225, 0.5); border: 1px solid #fff; color: #fff; background: linear-gradient(90deg, rgba(27,50,129,1) 0%, rgba(237,28,36,1) 100%); border-radius: 7px; overflow: hidden;}
.login_table .login-btn::after {position: absolute; width: 100px; height: 75px; line-height: 75px; content: "로그인"; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 7px; background: linear-gradient(180deg, rgba(237,28,36,1) 0%, rgba(27,50,129,1) 100%); opacity: 0; transition: linear .3s; border: 1px solid #fff; }
.login_table .login-btn:hover::after {opacity: 1;}
.login_table .login-input {width: 100%; padding: 5px; margin-bottom: 3px; background: rgba(225, 225, 225, 0.4); border: 1px solid #fff; height: 35px; color: #fff; border-radius: 2px;}
.login_table .login-input::placeholder {color: #fff; }
input[type="password"] {font-family: "password";-webkit-text-security: disc;}
.login_table td:first-child {font-family: 'ONE Mobile Titel';}
.login_table td:first-child::after {content: ""; width: 1px; height: 70%; background: #fff; position: absolute; right: 2px; top: 50%; transform: translateY(-50%);}
.login_table a::after {content: ""; width: 1px; height: 50%; background: #fff; position: absolute; left: -4px; top: 50%; transform: translateY(-50%);}
/*login 로그인 후*/
.login_container.login .login_table td {padding: 0 5px;}
.login_container.login .login_table td span {display: inline-block; padding: 7px 10px; background: rgba(225, 225, 225, 0.3); border-radius: 50%; text-align: center;}
.login_container.login .login_table td svg {font-size: 20px;}
.login_container.login .login_table tr:first-child td p {font-size: 20px; font-weight: 700; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis;}
.login_container.login .login_table tr:first-child td {padding-bottom: 10px;}
.login_container.login .login_table tr:first-child td:first-child {text-align: center;}
.login_container.login .login_table td:first-child::after {width: 0;}
.login_container.login .login_table .logout-btn {font-family: 'ONE Mobile Titel'; width: 100%; font-size: 14.5px; background: linear-gradient(180deg, rgba(27,50,129,1) 0%, rgba(237,28,36,1) 100%); border: 1px solid #fff; border-radius: 20px; color: #fff; padding: 10px 0; box-shadow: 3px 0px 6px rgba(225, 225, 225, 0.3);}
.login_container.login .login_table tr:last-child td {text-align: center; margin: 0 auto; padding-top: 10px; border-top: 1px solid rgba(225, 225, 225, 0.6);}
.login_container.login .login_table tr:last-child td button {margin-right: 5px; background: rgba(225, 225, 225, 0.3); border: 1px solid #fff; color: #fff; padding: 7px 20px; border-radius: 20px; font-size: 14.5px; border-radius: 7px;}
.login_container.login .login_table tr:last-child td button svg {margin-right: 7px;}

/*바로가기 상자*/
.GotoTab {padding: 15px 12px; position: fixed; top: 250px; right: 0; border-radius: 7px 0 0 7px; background: linear-gradient(180deg, rgba(27,50,129,1) 0%, rgba(237,28,36,1) 100%); box-shadow: -5px 4px 8px rgba(0,0,0,0.4); color: #fff; text-align: center;}
.GotoTab ul li:first-child {font-family: 'ONE Mobile Titel'; font-size: 18px; padding: 20px 0; margin-bottom: 20px; border-bottom: 1px solid #fff;}
.GotoTab ul li:not(:first-child) button {font-size: 28px; font-weight: 700; margin-bottom: 30px; cursor: pointer; transform: scale(1); transition: .3s; position: relative; color: #fff; text-align: center;}
.GotoTab ul li:not(:first-child) button::after {content: ""; width: 0px; height: 0px; z-index: -1; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 7px; transition: .3s;}
.GotoTab ul li:not(:first-child):hover button::after {width: 95px; height: 65px; box-shadow: inset 3px 3px 6px rgba(27,50,129,0.4);}
.GotoTab ul li button p {font-size: 12px; margin-top: 5px; font-weight: 600;}
.GotoTab ul li:not(:first-child):hover button {color: #1B3281;}

/*공지사항 및 질의사항 리스트*/
.fst-section {width: 1420px; margin: 445px auto 0; height: auto; padding: 100px 10px 75px; display: flex; justify-content: space-between;}
.notice-list {width: 30%; position: relative;}
.notice-list::after {content: ""; width: 1px; height: 85%; position: absolute; top: 50%; right: -32px; transform: translateY(-50%); background: #c5c5c5;}
.notice-list .title {display: flex; justify-content: space-between; font-family: 'ONE Mobile Titel'; margin-bottom: 25px; align-items: center;}
.notice-list .title button {background: #1B3281; color: #fff; font-weight: 700; font-size: 16px; border-radius: 20px; padding: 7px 10px; box-shadow: 0px 0px 0px transparent; border: 1px solid transparent; transition: .3s; }
.notice-list .title button:hover {background: #fff; box-shadow: 3px 3px 3px rgba(27,50,129,0.4); color: #1B3281; border: 1px solid #1B3281;}
.notice-list ul {line-height: 35px;}
.notice-list ul a {position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 75%;}
.notice-list ul a svg {color: #ccc; font-size: 7px; margin-right: 5px;}
.notice-list ul a:hover {text-decoration: underline;}
.notice-list ul>li {display: flex; justify-content: space-between;}

/*지원절차 버튼*/
.contact-button {width: 31%;}
.contact-button ul {display: flex; flex-direction: column; justify-content: center; height: 100%;}
.contact-button ul li {background: #1B3281; color: #fff; cursor: pointer; padding: 15px 20px; height: 120px; margin: 0 0 8px; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 0 0 transparent; transition: .3s;}
.contact-button ul li:hover {box-shadow: 3px 3px 10px rgba(27,50,129,0.8);}
.contact-button ul li.red-box {background: #ff434a;}
.contact-button ul li > svg {font-size: 36px; width: 10%;}
.contact-button ul li h1 {margin-bottom: 10px;}
.contact-button ul li h1 span {display: inline-block; width: 40px; height: 40px; background: #fff; border-radius: 50%; color: #1B3281; line-height: 45px; text-align: center; box-sizing: border-box; margin-right: 5px;}
.contact-button ul li.red-box h1 span {color: #ff434a;}

/*연구장비공동활용 지원 + swiper 커스텀*/
.sec-section {width: 100%; background: #F8F8F8; padding: 40px 0 60px; position: relative; z-index: 0;}
.support-list {width: 1420px; margin: 0 auto; overflow: hidden; position: relative;}
.support-list h1 {margin-bottom: 25px; color: #1B3281; font-size: 28px;}
.support-list h1 span {display: inline-block; width: 40px; height: 40px; background: #1B3281; color: #fff; line-height: 40px; margin-right: 10px; text-align: center; border-radius: 50%; font-size: 20px;}
.support-list .swiper2 {height: 415px; padding: 10px;}
.support-list .swiper-slide {text-align: center; font-size: 18px; background: #fff;}
.support-list .swiper-button-next, .support-list .swiper-button-prev {bottom: 0; z-index: 20;}
.support-list .swiper-button-next {right: 42%;}
.support-list .swiper-button-prev {left: 42%;}

.support-list .swiper-wrapper { z-index: 30;}
.support-list .swiper-wrapper .swiper-slide.support-inner {width: 250px; height: 310px; border-radius: 15px; border: 1px solid #1B3281; box-shadow: 3px 3px 6px rgba(27,50,129,0.2); transition: .3s;}
.support-list .swiper-wrapper .swiper-slide.support-inner:hover {box-shadow: 3px 3px 10px rgba(27,50,129,0.8);}
.swiper-slide.support-inner {padding: 30px 20px; color: #1B3281; position: relative;}
.swiper-slide.support-inner .support-text {text-align: left; height: 220px;}
.swiper-slide.support-inner h4 {font-size: 24px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #1B3281; line-height: 30px;}
.swiper-slide.support-inner p {line-height: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.swiper-slide.support-inner button {position: absolute; right: 15px; bottom: 25px; font-family: 'ONE Mobile Titel'; font-size: 24px; font-weight: 700; color: #1B3281; padding: 7px 18px; background: transparent; transition: .4s;}
.swiper-slide.support-inner button:hover {background: #D1D6E6;}
.swiper-slide.support-inner button svg {transform: rotate(0); transition: .4s;}
.swiper-slide.support-inner:hover button svg {transform: rotate(360deg);}

/*footer*/
footer {width: 100%; background: #1B3281;}
footer .footer {width: 1420px; margin: 0 auto; padding: 40px 8px 50px; color: #fff; }
footer .footer > ul {display: flex;}
footer .footer > ul li {margin-right: 55px; position: relative;}
footer .footer > ul li:first-child::after {content: ""; width: 1px; height: 100%;  background: #fff; position: absolute; top: 50%; right: -27px; transform: translateY(-50%);}
footer .footer > ul li a {color: #fff; font-size: 14px;}
footer .footer .under-foot {display: flex; justify-content: space-between; margin-top: 20px; align-items: center; line-height: 25px;}
footer .footer .under-foot ul:last-child {display: flex;}
footer .footer .under-foot ul li {margin-right: 10px;}
footer .footer .under-foot ul li a {color: #fff;}
footer .footer .under-foot ul li p {font-size: 14px;}
footer .footer .under-foot ul li img {width: 250px;background: #fff; height: 60px; object-fit: contain; padding: 5px;}

/*서브페이지 - 배경이미지 : sub 이미지의 경우 height 400px */
section {width: 100%; min-height: 420px;}
.sub-img-container {position: absolute; top: 0; width: 100%;}
.sub-img-container img {width: 100%; object-fit: cover; height: 400px;}
.sub-img-container .sub-container-txt {position: absolute;  width: 1420px; height: 100%; top: 0%; left: 50%; font-size: 20px; text-align: right; color: #fff; transform: translateX(-50%);}
.sub-img-container .sub-container-txt div {position: absolute; top: 50%; right: 0%; transform: translateY(-50%);}
.sub-img-container .sub-container-txt p {font-size: 14px;}

/*서브페이지*/
.inner-wrap {width: 1420px; margin: 280px auto 0; position: relative; min-height: 100%;}
.inner-wrap .subpage-title {position: absolute; top: -90px; left: 50%; transform: translateX(-50%); min-width: 345px; padding: 40px 30px 15px; background: #fff; text-align: center; font-size: 38px; border-radius: 45px 45px 0 0; color: #1B3281; box-shadow: -5px -5px 6px rgba(0,0,0,0.3);}
.inner-wrap .navigation {text-align: center; display: flex; justify-content: center; padding: 35px 0;}
.inner-wrap .navigation li:not(:last-child) {margin-right: 30px; position: relative;}
.inner-wrap .navigation li:not(:last-child)::after {content: ">"; position: absolute; top: 50%; right: -18px; color: #1B3281; transform: translateY(-50%);}
.inner-wrap .navigation li a {color: #1B3281; font-weight: 600; font-size: 16px;}
.inner-wrap .navigation li a:hover {text-decoration: underline;}
.inner-container {display: flex; justify-content: space-between;}

/*서브페이지 - 미니메뉴*/
.left-menu {padding: 10px 25px 25px; min-width: 135px; max-width: 130px; background: #1B3281; border-radius: 15px; color: #fff; text-align: center; margin-right: 60px; height: 100%;}
.left-menu ul li {font-size: 18px; padding: 25px 0 15px; border-bottom: 1px solid rgba(225, 225, 225, 0.8);}
.left-menu ul li:first-child {padding: 7px 0;}
.left-menu ul li a {color: #fff; font-size: 14px; position: relative; display: inline-block; transition: .3s;}
.left-menu ul li a:hover, .left-menu ul li.atcive a {color: #ED1C24;}
.left-menu ul li a:hover::after, .left-menu ul li.atcive a::after {content: ""; width: 4px; height: 4px; background: #ED1C24; position: absolute; left: 50%; transform: translateX(-50%); top: -10px; border-radius: 5px;}

/*서브페이지 - 본문*/
.inner-content-wrap {padding: 55px 40px 90px; border-top: 1px solid #eee; width: 100%;}
.inner-content {line-height: 24px;}
.inner-content > div {margin-bottom: 45px;}
.inner-content.flex {display: flex; justify-content: space-between;}
.inner-content .sub-title {margin: 65px 0 20px; font-size: 24px; font-family: "ONE Mobile Titel"; color: #1B3281; position: relative;}
.inner-content .sub-title::after {content:url(../images/title_deco_s.png); position: absolute; left: 0; top: -28px;}
.inner-content .left-tilte {width: 20%;}
.inner-content.half-content .left-tilte {width: 35%;}
.inner-content .left-tilte .inner-sub-tilte {line-height: 24px;}
.inner-content .left-tilte .inner-main-title, .inner-content .inner-main-title {font-size: 40px; color: #1B3281; margin-bottom: 15px; position: relative; line-height: 50px;}
.inner-content .left-tilte .inner-main-title::after, .inner-content .inner-main-title::after {content:url(../images/title_deco.png); position: absolute; left: 0; top: -35px;}
.inner-content .inner-main-title.font36 {font-size: 36px;}
.inner-content.half-content .right-content {width: 60%;}
.inner-content .right-content {width: 80%;}
.list-txt {margin-left: 25px; line-height: 35px;}
.list-txt li {position: relative;}
.list-txt li::after {content: ""; width: 7px; height: 7px; border-radius: 50%; background: #cecece; position: absolute; top: 50%; left: -20px; transform: translateY(-50%);}
.list-txt .list-sub-txt {margin-left: 125px;}
.list-txt .list-sub-txt::after {content: none;}
.table-list li {margin: 55px 0 0px;}

/*서브페이지 - 본문2*/
.inner-content-wrap2 {padding: 55px 40px 90px; border-top: 1px solid #eee; width: 1250px; margin: 0 auto;}
.sos-content-img {text-align: center; padding: 70px 20px; background: #f9f9f9; margin-top: 20px; border: 1px solid #bdbdbd;}
.inner-content-wrap2 .inner-main-title {font-size: 40px; color: #1B3281; margin-bottom: 15px; position: relative; line-height: 50px;}
.inner-content-wrap2 .inner-main-title::after {content:url(../images/title_deco.png); position: absolute; left: 0; top: -35px;}
.inner-content-wrap2 .content-title-sub {font-size: 22px; margin-top: 35px;}
.related-sites {padding: 20px 40px; border: 1px solid #fff; font-size: 20px;}
.sub-text-box {width: 100%; display: flex; border: 1px solid #cecece;}
.sub-text-box h3 {width: 23%; padding: 40px; font-weight: 600; color: #1b3281; text-align: center;}
.sub-text-list {width: 77%; padding: 40px; display: flex; position: relative; background: #F3F4F9;}
.sub-text-list ul {display: flex; margin-right: 50px;}
.sub-text-list ul li:first-child {position: relative; font-weight: 600; color: #1b3281; margin-right: 25px;}
.sub-text-list ul li:first-child::after {content: ""; position: absolute; right: -13px; transform: translateX(-50%); width: 1px; height: 100%; background-color: #364e9e; }

.sub-text-box2 {width: 100%; margin-top: 40px;  border-top: 1px solid #aaa; padding: 50px 35px; border-bottom: 1px solid #ddd;}
.sub-text-box2 ul {display: flex; justify-content: space-between;}
.sub-text-box2 ul .head-txt {position: relative; display: flex; align-items: center; width: 30%; color: #1B3281; line-height: 30px;}
.sub-text-box2 ul .head-txt svg {font-size: 42px; margin-right: 25px;}
.sub-text-box2 ul .head-txt::after {position: absolute; top: 50%; right: -25px; transform: translateY(-50%); content: ""; width: 1px; height: 50px; background: #e8e8e8;}
.sub-text-box2 ul .main-txt {font-size: 17px; font-weight: 600; line-height: 30px;}
.sub-text-box2 ul .main-txt p {font-weight: 600;}

/*서브페이지 - 로그인박스2*/
.sub-table {padding: 40px 180px 80px; width: 100%; border-bottom: 1px solid #aaa;}
.sub-table tr {display: table-row !important;}
.sub-table tr td {font-size: 22px; font-weight: 600;}
.sub-table input {width: 100%; padding: 9px; border: 1px solid #aaa; margin-right: 20px;}
.sub-table button {font-size: 18px; height: 100%; background: #1B3281; color: #fff; margin-left: 15px; height: 85px; transition: .3s;}
.sub-table button:hover {background: #aaa; color: #282828;}

/*서브페이지 - 텍스트 박스*/
.right-content div {margin-bottom: 50px; clear: both;}
.text-box {width: 100%; padding: 40px 50px; border-radius: 25px; background: #fff; box-shadow: 0px 0px 8px rgba(27,50,129,0.4); position: relative; line-height: 24px; overflow: hidden;}
.text-box::after {content: "KIMM"; font-family: 'ONE Mobile Titel'; -webkit-text-stroke: 1px #D1D6E6; color: transparent; font-size: 120px; opacity: 0.5; position: absolute; right: 10px; bottom: 28px; }
.text-box ul {line-height: 35px;}
.text-box ul>li {position: relative; margin-left: 20px;}
.text-box ul>li::after {position: absolute; top: 50%; left: -20px; transform: translateY(-50%); content: ""; width: 7px; height: 7px; border-radius: 50%; background: #ccc;}
.text-box2 {width: 100%; min-height: 140px; border-radius: 0 60px 0 0; box-shadow: 0 0 8px rgba(0,0,0,0.4); padding: 30px 45px; line-height: 25px; display: flex; justify-content: space-between; align-items: center;}
.text-box-icon {width: 80px; height: 80px; line-height: 80px; text-align: center; border-radius: 50%; background: linear-gradient(180deg, rgba(27,50,129,1) 0%, rgba(237,28,36,1) 100%); font-size: 40px; color: #fff;}
.text-box2 .txt-div {width: 90%;}
.text-box3 {width: 100%; border: 1px solid #1B3281;padding: 20px 15px; margin-top: 90px; display: flex; align-items: center; background: linear-gradient(180deg, rgba(27,50,120,0.1) 0%, rgba(0,0,0,0)100%);}
.text-box3 img {width: 140px;}
.text-box3 a {font-weight: 600; margin-left: 25px;}
.text-box3 a span {color: #ED1C24; font-weight: 700;}

.content-title {color: #1B3281; font-size: 24px; margin-bottom: 25px;}
.content-title svg {color: #ff434a;}
.content-title-sub {font-size: 18px; display: flex; align-items: center; margin-top: 17px;}
.content-title-sub svg {color: #fff; background: #1B3281; width: 22px; height: 22px; padding: 5px; border-radius: 5px; margin-right: 7px;}
.accent-txt {text-align: center; font-family: 'ONE Mobile Titel'; font-size: 18px;}
.accent-txt span {background: #1B3281; color: #fff;}

/*로그인 페이지 - 로그인 박스*/
.content-loginbox {width: 100%; border: 2px solid #1B3281; border-radius: 25px; padding: 40px 20px; color: #1B3281;}
.content-loginbox.findbox {padding: 40px 60px; margin-bottom: 15px;}
.content-loginbox.findbox td {padding: 15px 0px;}
.content-loginbox td {min-height: 35px; padding: 5px 8px; font-weight: 600;}
.content-loginbox td input {width: 100%; height: 45px; border: 1px solid #1B3281; padding: 3px 7px; font-size: 16px;}
.content-loginbox.findbox td input {width: 400px;}
.content-loginbox td input.width-25 {width: 25%;}
.content-loginbox td button {width: 100%; height: 100px; background: linear-gradient(180deg, rgba(27,50,129,1) 0%, rgba(237,28,36,1) 100%); text-align: center; font-size: 24px; font-family: 'ONE Mobile Titel'; color: #fff; border: none; border-radius: 7px; box-shadow: 3px 3px 6px rgba(27,50,129,0.4);}

/*로그인 페이지 - 회원가입 및 아이디/비밀번호 찾기 버튼*/
.under-loginbox {margin-top: 30px; display: flex; justify-content: space-between; color: #1B3281;}
.under-loginbox li {width: 50%; padding: 20px 15px; position: relative;}
.under-loginbox li:not(:first-child)::after {content: ""; width: 1px; height: 100%; background: #cecece; position: absolute; top: 50%; transform: translateY(-50%); left: 0px;}
.under-loginbox p {margin-bottom: 40px;}
.under-loginbox button {float: right;}
.findbox-btn {display: flex; justify-content: center; align-items: center;}
.findbox-btn button {margin-right: 10px; padding: 10px; min-width: 200px; height: 55px; text-align: center; font-weight: 600; font-size: 16px;}

/*scroll div 스크롤 박스*/
.inner-content .member-terms {width: 100%; height: 330px; resize: none; padding: 20px 25px; margin-bottom: 10px; overflow-y: scroll; border-radius: 7px; border: 1px solid #1B3281; font-size: 14.5px; line-height: 24px;}
.radio-right {float: right;}

/*서브페이지 - 찾아오시는 길*/
.inner-content .map {width: 100%; height: 500px; border: 1px solid #ddd; margin-bottom: 0;}
.map_detail {width: 100%; background: #f8f8f8; margin-bottom: 40px;}
.map_detail ul {display: flex; justify-content: center; align-items: center; padding: 35px 0;}
.map_detail ul li {width: 30%; text-align: center;}
.map_detail ul li span {margin: 0 14px; font-weight: 700;}
.map-list tr td {height: 80px;}
.map-list tr td:nth-child(3) {text-align: center;}
.map-list tr:last-child td {border-bottom: 1px solid #ccc;}

/*서브페이지 - 직접방문지원절차*/
.apply-process-list-wrap {padding: 0 25px; margin-top: 40px;}
.apply-process-list-wrap .apply-process-list {margin-bottom: 110px; width: 100%; position: relative;}
.apply-process-list-wrap .apply-process-list:not(:last-child)::after {content: "▼"; position: absolute; left: 55%; bottom: -65px; color: #1B3281; font-size: 16px; transform: translateX(-50%);}
.apply-process-list-wrap .apply-process-list ul {display: flex; justify-content: space-between; align-items: center; width: 100%;}
.apply-process-list-wrap .apply-process-list ul li:first-child {font-size: 18px; font-weight: 600; color: #fff; background: #1B3281; width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 40px;}
.apply-process-list-wrap .apply-process-list ul li:last-child {position: relative; display: flex; width: 93%; background: #fff; border: 2px solid #1B3281; border-radius: 50px; height: 95px; line-height: 95px; text-align: center; overflow: hidden;}
.apply-process-list-wrap .apply-process-list ul li span {position: absolute; left: 0; width: 200px; height: 100px;background: #E7EAF2; border-radius: 50px; color: #1B3281;  font-family: 'ONE Mobile Titel';}
.apply-process-list-wrap .apply-process-list ul li p {width: 77%; margin-left: 155px;}

/*서브페이지 - 시험검사항목*/
.test_list_wrap {display: grid; grid-template-columns: repeat(3, 1fr); row-gap: 30px; column-gap: 28px; margin-top: 55px;}
.test_list_wrap li {display: flex; justify-content: space-between; height: 100px; border: 1px solid #1B3281; border-radius: 20px; padding: 0 25px; font-size: 18px; box-shadow: 3px 3px 6px rgba(27,50,129,0.2); transition: .3s;}
.test_list_wrap li:hover {background: #E7EAF2;}
.test_list_wrap li a {display: flex; justify-content: space-between; align-items: center; color: #1B3281; width: 100%; font-weight: 600;}
.test_list_wrap li a svg {font-size: 22px;}

/*서브페이지 - 시험검사항목 상세*/
.test-content {margin-top: 30px; line-height: 30px;}
.test-content > h3 {color: #1B3281; font-size: 22px; margin-top: 50px;}
.top-title {display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; color: #1B3281; font-size: 22px;}
.top-title button {width: 250px; height: 50px; box-shadow: 0px 0px 6px rgba(0,0,0,0.2); border: 1px solid #ddd; background: #fff; font-size: 14px; transition: .3s;}
.top-title button:hover {background-color: #1B3281; color: #fff;}
.test-content .name-box {width: 100%; min-height: 120px; border: 1px solid #E7EAF2; box-shadow: 0px 0px 8px rgba(27,50,129,0.2); border-radius: 0 40px 0 0; display: flex; align-items: center; padding: 38px 40px; margin: 20px 0;}
.test-content .name-box h3 {color: #1B3281; min-width: 125px; text-align: center; position: relative; font-size: 18px;}
.test-content .name-box ul {padding: 0 55px;}
.test-content .name-box h3::after {content: ""; width: 1px; height: 200%; background: #E7EAF2; position: absolute; right: -25px; top: 50%; transform: translateY(-50%);}
.test-content .sub-testlist {margin: 35px 0 18px;}
.test-content .sub-testlist > h3 {color: #1B3281; margin-left: 30px; position: relative;}
.test-content .sub-testlist > h3::after {content: ""; width: 7px; height: 7px; background: #1B3281; position: absolute; border-radius: 50%; left: -20px; top: 50%; transform: translateY(-50%);}
.test-content .sub-testlist > p {margin-left: 30px; margin-top: 5px;}
.sub-testlist .caution-box {margin-left: 20px; padding: 5px 20px; color: #282828;}
.caution-box {padding: 15px 20px; font-size: 14.5px; line-height: 25px;}
.caution-box svg {font-size: 6px; color: #1B3281; margin-right: 8px;}

/*검색창 search-bar*/
.search-bar {width: 100%; margin-top: 30px; border: 2px solid #1B3281; border-radius: 25px; padding: 40px 35px; color: #1B3281; font-weight: 600; box-shadow: 0px 0px 6px rgba(27,50,129,0.2);}
.search-bar input {width: 99%; height: 35px; border: 1px solid #1B3281; padding: 3px 6px;}
.search-bar select { width: 95%; height: 35px; border: 1px solid #1B3281;}
.search-bar .search-select {width: 14%; margin-right: 7px;}
.search-bar.list {display: grid;  grid-template-columns:repeat(3, 1fr); line-height: 35px;}
.search-bar.list li {margin-left: 25px; position: relative;}
.search-bar.list li:after {content: ""; position: absolute; top:50%; left: -20px; transform: translateY(-50%); background: #ddd; width: 7px; height: 7px; border-radius: 50%; transition: .3s;}
.search-bar.list li:hover:after {background: #ED1C24;}
.search-bar.list li a span {font-weight: 700; color: #1B3281;}
.search-bar.list li a:hover {text-decoration: underline; color:#707070;}

/*서브페이지 - 연구장비검색*/
.equip-list-wrap > div {margin-bottom: 30px;}
.equip-list-wrap .top-title {display: flex; justify-content: space-between; align-items: center; margin: 30px 0;}
.equip-list-wrap .top-title p:first-child {font-size: 24px; color: #1B3281; background: #E7EAF2; padding: 12px 22px; font-family: 'ONE Mobile Titel';}
.equip-list-wrap .top-title .top-btn-wrap {width: 33%; text-align: center; display: flex;}
.equip-list-wrap .top-title p {font-size: 16px;}
.equip-list-wrap .top-title button {min-width: 150px; height: 43px; border: 1px solid #aaa; box-shadow: 3px 3px 6px rgba(225, 225, 225, 0.3); margin-right: 5px;}
.equip-list-wrap .top-title button.main-color {background-color: var(--main-color); color:#fff;}

/*연구장비 상세 - 테이블*/
.kimm-table.information-table {margin-bottom: 70px;}
.kimm-table.information-table tr:first-child td {border-top: 2px solid #1B3281;}
.kimm-table.information-table tr:last-child td {border-bottom: 2px solid #1B3281;}
.kimm-table.information-table tr td:first-child, .kimm-table.information-table tr td:nth-child(3) {font-weight: 700; text-align: center; background: #EFF1F6; font-size: 16px;}
.kimm-table.information-table tr td {padding: 10px 28px;}
.equip-photo {display: flex; justify-content: space-between; align-items: center; margin: 20px 0 70px; padding: 5px 25px;}
.equip-photo li {width: 320px; height: 320px; line-height: 320px; border: 1px solid #1B3281; background: #F8F8F8; border-radius: 30px; overflow: hidden; text-align: center; color:rgba(27,50,129,0.1); font-size: 48px;}
.equip-photo li img {width: 100%; height: 100%; object-fit: cover;}

/*공지사항, 질의사항, 자료실 내용보드*/
.note-bord-wrap {width: 100%; height: auto; border-top: 2px solid #1B3281;}
.note-bord-wrap .top-title {width: 100%; padding: 25px 15px; font-size: 22px; color: #000; margin-bottom: 0;}
.note-bord-wrap .name-date-bar {width: 100%; background: #E7EAF2; border-top: 1px solid #1B3281; border-bottom: 1px solid #1B3281; padding: 16px 30px; display: flex; font-size: 14px;}
.note-bord-wrap .name-date-bar li {display: flex; width: 50%;}
.note-bord-wrap .name-date-bar li p {margin-right: 20px;}
.note-bord-wrap .name-date-bar li > p:first-child {font-weight: 700; font-size: 16px;}
.note-bord-wrap .content-txt {min-height: 400px; padding: 45px 25px 80px; border-bottom: 1px solid #bdbdbd;}
.attach-file {display:flex; align-items:center; width: 100%; padding: 18px 20px; border-bottom: 1px solid #282828;}
.attach-file .attach-list {height:fit-content; padding: 5px 20px; background: #1B3281; border-radius: 30px; color: #fff; margin-right: 10px;}
.attach-file ul {line-height: 28px; margin-left: 35px; position: relative;}
.attach-file ul:after {content: ""; width: 1px; height: 100%; background: #ddd; position: absolute; top: 50%; transform: translateY(-50%); left: -18px;}
.attach-file ul li a {text-decoration: underline; color: #282828; transition: .3s;}
.attach-file ul li a:hover {color: #acacac;}

.kimm-table.list-table .answer td {background: #E7EAF2; color: #1B3281;}
.kimm-table.list-table .answer td a {color: #1B3281; font-weight: 600;}

/*팝업 페이지*/
.container-pop {position: relative; width: 100%; height: 100%; min-height: 100%;}
.inner-content-pop {width: 575px; height: auto; padding: 40px;}
.inner-content-pop p {font-size: 14px;}
.inner-content-pop .title-pop {font-size: 24px; color: #1B3281; margin-bottom: 20px;}
.inner-content-pop .title-pop svg {color: #ff434a;}
.inner-content-pop .search-bar {display: flex; justify-content: space-between; align-items: center; padding: 20px 15px; margin: 15px 0; border-radius: 0; border: 1px solid #1B3281; border-right: 0px; border-left: 0px; box-shadow: none;}
.inner-content-pop .search-bar input {width: 63%; margin-left: 5px;}
.inner-content-pop .search-bar button {min-width: 68px; margin-left: 3px; transition: .3s;}
.inner-content-pop .search-bar button:hover {color: #000; background: #D1D6E6;}
.table-wrapper {overflow-y: auto; height: 400px; margin-top: 23px; padding-right: 7px;}
.kimm-table.scroll-table tbody {max-height: 500px; overflow-y: auto; }
.kimm-table.scroll-table tbody tr {background: #fff; transition: .3s; cursor: pointer;}
.kimm-table.scroll-table tbody tr:hover {background: #f2f2f2;}
.kimm-table.scroll-table tr > th {position: sticky; top: -1px; z-index: 99;}
.kimm-table.scroll-table thead > tr {box-shadow: -2px 3px 3px rgba(0, 0, 0, 0.2);}

/*첨부파일 디자인*/
.attach-div-wrap {margin-top:12px;}
.attach-div-wrap label {padding: 10px; cursor: pointer; box-shadow: 3px 3px 6px #e8e8e8; transition: .3s; border: 1px solid #ccc; margin-left: 10px;}
.attach-div-wrap label svg {color: #1b3281; margin-right: 6px;}
.attach-div-wrap label:hover {box-shadow: 3px 3px 8px #aaa; background: #1b3281; color: #fff;}
.attach-div-wrap label:hover svg {color: #fff;}
.attach-filelist {margin-top: 16px;}
.attach-filelist ul {padding: 10px 0; border-top : 1px solid #ddd; display: grid; grid-template-columns:repeat(2,1fr); overflow: hidden;}
.attach-filelist ul li {font-size: 14.5px; display: flex; align-items: center; justify-content:space-between; padding: 3px 14px; position: relative;}
.attach-filelist ul li:after {content: ""; height: 100%; width: 1px; background: #aaa; position:absolute; top: 50%;     transform: translateY(-50%); right: 0px;}
.kimm-table .attach-filelist ul li p {display:flex; align-items:center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.attach-filelist ul li p span:first-child {display:inline-block; font-size: 14.5px; width: 318px; color: #282828; overflow: hidden; text-overflow: ellipsis;}
.attach-filelist ul li span {font-size: 10px; color: #c2c2c2; margin-left: 3px;}
.attach-filelist ul li button {display: flex; align-items: center; justify-content:space-between; padding: 3px 10px; font-size: 14px; margin-left: 12px; border-radius: 20px; background: #fff; border:1px solid #707070; box-shadow: 0px 0px 3px #ddd; min-width: 67px; color: #707070; min-height: 25px; opacity:1; transition: .3s;}
.attach-filelist ul li button svg {margin-right: 3px;}
.attach-filelist ul li button:hover {background: #1b3281; border: 1px solid #fff; color: #fff;}

/*error_area*/
.error_area {width: 100%; position: relative; min-width: 1400px; min-height: 100%;}
.error-container {position: relative; width: 100%; height: 100vh; min-height:600px; background: rgba(0, 0, 0, .2)}
.error-container::before {content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: url(../images/bg_01.png) no-repeat center; background-size: cover; z-index:-1;}
.error-contets {position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%);}
.error_header {margin-bottom: 10px;}
.error_header .logo {text-align: center;}
.error_content {padding: 50px 45px 120px; background: #fff; border-radius: 12px; line-height: 28px; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);}
.error_content p {text-align: center;}
.error-hd {font-size: 36px; font-weight: 700; color: #1b3281; margin-bottom: 5px;}
.error-subhd {margin-bottom: 30px; border-bottom: 1px solid #e8e8e8; padding-bottom: 15px;}
.error_content .home-button {position: absolute; left: 50%; transform: translateX(-50%); border: 1px solid #5793ea; padding: 7px; background-color: #1b3281; color:#fff; border-radius: 4px; height: 45px; width:150px; margin: 30px auto; transition: .3s;}
.error_content .home-button:hover {border: 1px solid #1b3281; background: #fff; color:#1b3281;}

/* */