@charset "utf-8"; /*main slide =================================================== */
.sec-main-visual { position:relative; height: 100vh; } 

#main-slide,
#main-slide .swiper,
#main-slide .swiper-container { overflow:hidden; height:100%; background:#333; } 

#main-slide .swiper-slide { overflow:hidden; } 
#main-slide video { object-fit:cover; width:100%; height:100%; } 

#main-slide .swiper-slide .img { position:absolute; left:0; top:0; width:100%; height:100%; background: none center/cover no-repeat; transform: scale(1.2); transition-duration: 3s; } 
#main-slide .swiper-slide .img:before { content: ""; display: block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.3); } 

#main-slide .swiper-slide-active .img { transform: scale(1); } 

#main-slide .swiper-slide .c { position:absolute; left:50%; top:45%; transform:translate(-50%, -50%); width:100%; } 

#main-slide .content { position:relative; width:750px; color:white; display:none; } 
#main-slide .swiper-slide-active .content { display:block; } 
#main-slide .content .head { line-height:1.3; display:inline-block; font-weight:600; font-size:var(--heading-lg); } 
#main-slide .content .desc { line-height:1.4; margin-top:10px; font-weight:400; font-size:var(--title-xl); } 

#main-slide .ctrl { position:absolute; left:50%; top:70%; transform: translate(-50%, -50%); width:100%; z-index:2; display:flex; align-items:center; } 
#main-slide .ctrl .pg { display:flex; align-items:center; } 
#main-slide .ctrl .pg .item { position:relative; width:auto; height:auto; border-radius:0; padding:10px 20px; background:rgba(0,0,0,.3); opacity:1; margin:0 5px; color:#fff; } 


#main-notice { position:absolute !important; left:0; right:50%; bottom:0; padding:0 40px; background:var(--color-primary90); display:none !important; color:#fff; align-items:center; z-index:9; } 
#main-notice .title { font-weight:800; } 
#main-notice .nav { display:flex; align-items:center; margin:0 20px; } 
#main-notice .nav div { margin:0 5px; font-size:12px; display:flex; align-items:center; cursor:pointer; padding:5px; } 
#main-notice .swiper { flex:1; height:20px; margin:25px 0; } 
#main-notice .swiper-slide { height:100%; display:flex; align-items:center; } 
#main-notice .swiper-slide .head { flex:1; } 
#main-notice .swiper-slide .date { width:100px; margin-left:15px; opacity:.5; text-align:right; } 

/* scrolldown 미사용 — 복구 시 main-visual-slide-img-01.php·main-visual-slide.css 함께 해제
#main-slide .scrolldown { position: absolute; left: 50%; transform:translateX(-50%); bottom: 60px; display:block; width:160px; height:160px; z-index: 99; cursor: pointer; } 
#main-slide .scrolldown:before { content:"\f063"; font-family: "Font Awesome 6 Free"; line-height: 1; font-weight:900; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); color:#fff; font-size:20px; } 
#main-slide .scrolldown text { fill: #fff; font-size: 30px; letter-spacing: 10px; animation: circle-rotate 10s linear infinite; transform-origin: 250px 250px; } 

@keyframes circle-rotate { to { transform: rotate(360deg); } 
 }
*/


/*main 주요사업 =================================================== */
.sec-tiles-4topimg1 {background: var(--color-silver5); } 

.sec-tiles-4topimg1 .header { margin-bottom:50px; } 

.sec-tiles-4topimg1 .tiles { display:flex; flex-wrap: wrap; } 
.sec-tiles-4topimg1 .tiles .tile { text-align:left; } 

.sec-tiles-4topimg1 .a { background: var(--color-silver0); border-radius:30px; } 
.sec-tiles-4topimg1 .a .box { position:relative; background-size:0; padding:40px; height:100%; border-radius:30px; box-shadow:0 0 20px rgba(0,0,0,.15); overflow:hidden; transition-duration:300ms; } 
.sec-tiles-4topimg1 .a .box:before,
 .sec-tiles-4topimg1 .a .box:after { content:""; position:absolute; left:0; top:0; right:0; bottom:0; transition-duration:400ms; } 

.sec-tiles-4topimg1 .a .box:before { background:no-repeat center/cover; background-image:inherit; clip-path: circle(25% at center 180px); } 
.sec-tiles-4topimg1 .a .box:after { background:rgba(0,0,0,.15); opacity:0; } 

.sec-tiles-4topimg1 .a .box div { position:relative; z-index:2; transition-duration:300ms; } 

.sec-tiles-4topimg1 .a .head { font-size:1.25rem; font-weight:600 !important; } 
.sec-tiles-4topimg1 .a .desc { font-size:1.125rem; margin-top:230px; line-height:1.4; font-weight:500; } 


.sec-tiles-4topimg1 .a:hover .box { transform:scale(1.1); } 
.sec-tiles-4topimg1 .a:hover .box:before { clip-path: circle(100% at center 44%); } 
.sec-tiles-4topimg1 .a:hover .box:after { opacity:1; } 
.sec-tiles-4topimg1 .a:hover .box div { color:var(--color-silver0) !important; } 

/*main 홍보물, 공지사항 =================================================== */

.sec-3board-sw-banner1 { background: var(--color-silver0); } 

.sec-3board-sw-banner1 .header { margin-bottom:30px; } 
.sec-3board-sw-banner1 .header .head img { width: var(--icon-lg); } 
.sec-3board-sw-banner1 .content { display:flex; justify-content: space-between; } 
.sec-3board-sw-banner1 .content > div { width:48%; } 

.sec-3board-sw-banner1 .board-list { border-bottom:1px solid #333; } 
.sec-3board-sw-banner1 .board-list .tab-btn { position:relative; display:flex; border-bottom:1px solid #ddd; } 
.sec-3board-sw-banner1 .board-list .tab-btn .btn { text-align:center; padding:10px 5%; font-size: var(--title-xl); transition-duration:0ms; color:#666; } 
.sec-3board-sw-banner1 .board-list .tab-btn .btn.on { font-weight:800; color:#333; border-bottom:3px solid #333; } 

.sec-3board-sw-banner1 .board-list .tab-btn .more { position:absolute; top:50%; right:0; transform:translateY(-50%); width:30px; height:30px; border:1px solid #666; line-height:40px; text-align:center; font-size:1.5rem; background-color: var(--color-silver0); } 
.sec-3board-sw-banner1 .board-list .tab-btn .more:before,
 .sec-3board-sw-banner1 .board-list .tab-btn .more:after { content:""; position:absolute; left:50%; top:50%; background:#333; } 
.sec-3board-sw-banner1 .board-list .tab-btn .more:before { width:15px; height:1px; margin-left:-7px; } 
.sec-3board-sw-banner1 .board-list .tab-btn .more:after { width:1px; height:15px; margin-top:-7px; } 

.sec-3board-sw-banner1 .board-list .tab-con ul { display:none; margin:20px 0; font-size:var(--title-md); height:330px; } 
.sec-3board-sw-banner1 .board-list .tab-con ul.on { display:block; } 
.sec-3board-sw-banner1 .board-list .tab-con ul li { position:relative; display:flex; height:55px; line-height:55px; padding-left:25px; } 
.sec-3board-sw-banner1 .board-list .tab-con ul li:before { content:""; position:absolute; left:5px; top:50%; transform:translateY(-50%); width:5px; height:5px; background:#333; border-radius:100%; } 

.sec-3board-sw-banner1 .board-list .tab-con ul li .head { width:calc(100% - 130px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 
.sec-3board-sw-banner1 .board-list .tab-con ul li .head:hover { text-decoration:underline; } 
.sec-3board-sw-banner1 .board-list .tab-con ul li .date { width:130px; text-align:right; color:var(--color-silver50); } 

.sec-3board-sw-banner1 .banner .swiper { height:100%; } 
.sec-3board-sw-banner1 .banner .image { height:100%; background:none no-repeat center/cover; } 

.sec-3board-sw-banner1 .banner .pg { position:absolute; left:auto; right:20px; bottom:20px; z-index:2; width:auto; } 
.sec-3board-sw-banner1 .banner .pg span { background:var(--color-silver0); opacity:1; width:15px; height:15px; box-shadow:2px 2px 5px #333; } 

/*main 장비 =================================================== */
.sec-equipment-slide { background: var(--color-primary90); } 
.sec-equipment-slide .header { display: flex; align-items: center; } 
.sec-equipment-slide .header .head { color: var(--color-silver0); } 

.sec-equipment-label-con { position: relative; display: flex; margin-left: var( --layout-gap-40); flex-grow: 0.9; } 
.sec-equipment-label-con .sec-equipment-pagination { top: auto; bottom: 0; height: 2px; background: var(--color-primary5); border-radius: 1rem; opacity: 0.85; } 
.sec-equipment-label-con .sec-equipment-pagination .swiper-pagination-progressbar-fill { background:var(--color-postech-sub); } 
.sec-equipment-label-con .sec-equipment-labels { margin-bottom: var(--spacing-4); } 
.sec-equipment-label-con .sec-equipment-labels a { color: var(--color-silver0); font-weight: var(--font-bold); padding: var(--spacing-5) var(--spacing-6); transition: .5s; } 
.sec-equipment-label-con .sec-equipment-labels a:hover { opacity: 0.7; } 
.sec-equipment-wrapper { display: flex; justify-content: space-between; } 
.sec-equipment-btn-wrap { width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: flex-end; align-items: center; padding: var(--spacing-5); margin-top: var(--layout-gap-24); color: var(--color-silver0); font-weight: var(--font-bold); text-align: right; } 
.sec-equipment-btn-wrap a { position: relative; display: block; width: 100%; padding: var(--spacing-5) 0; font-size: var(--links-lg); } 
.sec-equipment-btn-wrap a:after { clear: both; content: ""; display: block; position: absolute; opacity: 0; top: 70%; right: -0.5rem; background-color: var(--color-postech-sub); color: var(--color-silver0); width: 6px; height: 6px; border-radius: 50%; transition: 0.5s; } 
.sec-equipment-btn-wrap a:hover { text-decoration: underline; text-decoration-thickness: 0.1em; text-underline-offset: 0.4em; color: var(--color-postech-sub); } 
.sec-equipment-btn-wrap a:hover:after { top: 0.5rem; right: -0.5rem; opacity: 1; } 
.sec-equipment-slide-con { width: 75%; } 

.sec-equipment-slide-con .swiper-inner-con { background: var(--color-silver0); border-radius: 0.2em; overflow: hidden; } 
.sec-equipment-slide-con .swiper-inner-con a { display: block; width: 100%; padding: var(--spacing-4); position:relative; } 
.sec-equipment-slide-con .swiper-inner-con a:after { clear: both; content: "장비신청"; display: inline-block; position: absolute; width: 0; height: 0; border-radius: 50%; line-height: 25em; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); padding: var(--spacing-6); background-color: rgba(0,0,0,.5); color: var(--color-silver0); font-weight: var(--font-bold); text-align: center; pointer-events: none; transition: 0.5s; font-size: var(--title-lg); } 
.sec-equipment-slide-con .swiper-inner-con:hover a:after { transform: scale(1) translate(-50%,-50%); width: 35rem; height: 35rem; } 
.sec-equipment-slide-con .equip-img { width: 100%; margin-bottom: var(--spacing-4); } 
.sec-equipment-slide-con .equip-img img { width:100%; object-fit: cover; object-position: center; } 
.sec-equipment-slide-con .equip-desc { padding: var(--spacing-3); } 
.sec-equipment-slide-con .equip-desc dl { } 
.sec-equipment-slide-con .equip-desc dt { font-size: var(--title-xs); margin-bottom: var(--spacing-4); } 
.sec-equipment-slide-con .equip-desc dt span { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } 
.sec-equipment-slide-con .equip-desc dt span:first-child { } 
.sec-equipment-slide-con .equip-desc dd { font-size: var(--detail-md); color: var(--color-silver70); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } 
.sec-equipment-slide-con .equip-desc dd span { display: inline-block; } 
.sec-equipment-slide-con .equip-desc dd span:first-child { } 


/*main 협력회사 =================================================== */
.sec-partner-slide { } 
.sec-partner-slide a { color: inherit; } 
.sec-partner-slide-con { width: 100%; max-width: 100%; overflow: hidden; } 
.sec-partner-slide-con .swiper-wrapper { transition-timing-function: linear; } 
.sec-partner-slide-con .swiper { padding: var(--spacing-10); } 
.sec-partner-slide-con .swiper .swiper-slide { display: flex; align-items: center; justify-content: center; } 

/*main response =================================================== */
 @media (max-width: 1024px) { /*main slide 1024px ============ */

 .sec-main-visual { height:calc(100vh - var(--top-height)); } 
 
 #main-slide .content .head { font-size:var(--heading-md); } 
 
 #main-slide .ctrl { top:auto; bottom:100px; } 
 
 #main-notice { right:0; } 
 #main-notice .swiper { margin:20px 0; } 
 
 /* #main-slide .scrolldown { display:none; } — scrolldown 미사용 */

 /*main 주요사업 1024px ============ */


 .sec-tiles-4topimg1 .header { margin-bottom:30px; } 
 .sec-tiles-4topimg1 .tiles .tile { width:50% !important; } 

 /*main 홍보물, 공지사항 1024px ============ */
 .sec-3board-sw-banner1 .header { margin-bottom:15px; } 

 .sec-3board-sw-banner1 .content { flex-direction: column; } 
 .sec-3board-sw-banner1 .content > div { width:100%; } 

 .sec-3board-sw-banner1 .board-list .tab .tab-btn { padding:5px 10px; } 
 .sec-3board-sw-banner1 .board-list .tab .more { font-size:var(--title-md); } 

 .sec-3board-sw-banner1 .board-list .tab-con ul { height:240px; } 
 .sec-3board-sw-banner1 .board-list .tab-con ul li { height:40px; line-height:40px; } 

 .sec-3board-sw-banner1 .banner { margin-top:20px; } 
 .sec-3board-sw-banner1 .banner .image { height:auto; padding-bottom:60%; } 

 
/*main 협력회사 1024px ============ */
.sec-partner-slide-con .swiper { padding: var(--spacing-7); } 
 }
 
 @media (max-width: 767px) { /*main slide 767px ============ */
 .sec-main-visual { height:500px; } 
 
 #main-slide .swiper-slide .c { left:0; top:35%; transform:translateX(0); } 
 
 #main-slide .content { width:100%; } 
 #main-slide .content .head { font-size:var(--heading-sm); } 
 #main-slide .content .desc { font-size:var(----title-lg); } 
 
 #main-slide .ctrl { bottom:70px; } 
 #main-slide .ctrl .pg .item { margin:0 5px 0 0; font-size:.875rem; padding:7px 15px; } 
 
 #main-notice { padding:0 var(--c-padding); } 
 #main-notice .title,
 #main-notice .nav { display:none; } 
 #main-notice .swiper { margin:15px 0; } 

 /*main 주요사업 767px ============ */
 .sec-tiles-4topimg1 .header { margin-bottom:30px; } 

 .sec-tiles-4topimg1 .tiles .tile { width:100% !important; } 
 
 .sec-tiles-4topimg1 .a .box { padding:35px 20px 35px 130px; } 
 .sec-tiles-4topimg1 .a .box:before { left:20px; top:50%; transform:translateY(-50%); width:90px; height:90px; border-radius:100%; background-size:cover; clip-path: none; } 
 .sec-tiles-4topimg1 .a .desc { font-size:1rem; margin-top:10px; } 

 /*main 장비 767px ============ */
 .sec-equipment-wrapper { justify-content: space-between; align-items: center; flex-direction: column; } 
.sec-equipment-slide-con { width: 100%; } 
.sec-equipment-slide .header { align-items: center; flex-direction: column; justify-content: center; } 
.sec-equipment-label-con { margin-left: 0; flex-grow: unset; margin-top: var(--layout-gap-40); } 
.sec-equipment-label-con .sec-equipment-pagination { opacity: 1; } 
.sec-equipment-label-con .sec-equipment-pagination .swiper-pagination-progressbar-fill { background: var(--color-primary20); } 
.sec-equipment-btn-wrap { padding: var(--spacing-2); color: var(--color-silver0); text-align: center; } 
.sec-equipment-btn-wrap a { width: 100%; font-size: var(--links-md); width: 100%; font-size: var(--links-md); margin: var(--spacing-3) 0; background: var(--color-silver20); border-radius: 0.2em; color: #333;} 
.sec-equipment-btn-wrap a:hover:after { top: -79%; right: -0.5rem; opacity: 0; } 
.sec-equipment-btn-wrap a:hover { text-decoration: unset; color: var(--color-silver0); } 
.sec-equipment-slide-con .swiper-inner-con:hover a:after { display: none; } 

 /*main 홍보물,공지사항 767px ============ */
 .sec-3board-sw-banner1 .board-list .tab-btn .btn { font-size: var(--title-md); } 

/*main 협력회사 767px ============ */
.sec-partner-slide-con .swiper { padding: var(--spacing-5); } 
 }