.index{margin-top:90px;}

/* 공고 레이어 팝업 ------------------------------------------------------------------------------------------------------*/    
.index .layerPopup{ position: absolute; display:none; left: 285px; top:200px; background:white; z-index: 100; border: 3px solid white; box-shadow: 3px 3px 3px rgba(51, 51, 51, 0.44);}
.index .layerPopup a{display: block; width:100%; height: 100%; }
.index .layerPopup a img{display: block; margin: 0 auto;}
.index .layerPopup .close{background: black; padding: 5px; color: #e6e6e6; font-size: 15px; overflow: hidden;}
.index .layerPopup .close .btn_todayClose{cursor:default;}
.index .layerPopup .close .btn_todayClose input[type="checkbox"]{display: inline-block;}
.index .layerPopup .close .btn_todayClose label{padding-left: 5px;}
.index .layerPopup .close .btn_todayClose input[type=checkbox] + label::before{display: none;}
.index .layerPopup .close .btn_close{font-weight: bold; float: right; cursor: pointer; line-height: 20px;} 
.index .layerPopup .close .btn_close:hover{color: #a2a2a2;}


/* 메인 배너 ------------------------------------------------------------------------------------------------------------*/
/*.index .mainVis{width: 100%; height: 633px; position: relative; background: url(../img/common/mainvis_01.jpg) center center no-repeat; background-size: cover;}*/
.index .mainVis{width: 100%; height: 633px; position: relative; overflow: hidden}
.index .mainVis img{width:100%;min-height:633px;object-fit: cover}
.index .mainVis .img_slide{position: relative;width: 100%;height: 633px;overflow:hidden;}


/* 퀵메뉴 --------------------------------------------------------------------------------------------------------------*/
.index .quickMenu{ width: 100%; background: linear-gradient( to right, #13a097, #65b965 ); }
.index .quickMenu>ul{ width: 1200px; overflow: hidden; margin: 0 auto; font-size: 0;}
.index .quickMenu>ul li{display:inline-block; width: calc(100%/5); padding: 30px 0; border-left: 1px solid rgba(255, 255, 255, 0.2); box-sizing: border-box; word-break: keep-all; font-size:0; vertical-align: top;}
.index .quickMenu>ul li:last-child{border-right: 1px solid rgba(255, 255, 255, 0.2);}
.index .quickMenu>ul li a{display:block; width:100%; height:100%; color: white;}

.index .quickMenu>ul li div.img{margin: 0 auto; margin-bottom:10px; width:85px; vertical-align: middle; text-align: center;}
.index .quickMenu>ul li img{width: 100%; text-align: center;}
.index .quickMenu>ul li img::after{content : ''; clear: both; }

.index .quickMenu>ul li div.text{display:block; text-align: center;}
.index .quickMenu>ul li div.text span.title{display:block;font-size: 16px; font-weight: bold; /*margin-bottom: 10px;*/}
.index .quickMenu>ul li div.text span.con{display:block; font-size:13px; letter-spacing: -0.5px; word-break: break-all;}

/*
.index .quickMenu>ul li:last-child{width:300px; height: 150px; background-color: #374548; border: 0; text-align: center;  line-height: 130px; margin: 0;}
.index .quickMenu>ul li:last-child a{color: white; font-size: 18px; }
.index .quickMenu>ul li:last-child a svg{margin-left: 20px;}
*/

/* 퀵메뉴 모집중 효과
.index .quickMenu>ul li div.img{position:relative;}
.index .quickMenu>ul li div.img span{display: none; padding: 2px 5px; background: #ff4e7f; position: absolute; top: -2px; right: -15px; font-size: 11px; border-radius: 50px;}
.index .quickMenu>ul li div.img.on span{display: block;}
.index .quickMenu>ul li div.img.on {
    background-color: hsl(222, 100%, 95%);
    color: hsl(243, 80%, 62%);
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(230, 237, 255, 0.7);
    animation: pulse 1.75s infinite cubic-bezier(0.66, 0, 0, 1);
}

@keyframes pulse {
    to {
      box-shadow: 0 0 0 15px rgba(230, 237, 255, 0);
    }
}
*/

/* ICS 행사 -------------------------------------------------------------------------------------------------------*/
.index .program_latest{width: 1200px; margin: 0 auto; padding: 110px 0; box-sizing: border-box; }
.index .program_latest h2{font-size: 38px; text-align: center; margin-bottom: 60px; color: #000000;}

.index .program_latest .tabMenu{ margin: 0 auto; overflow: hidden; text-align: center; margin-bottom: 50px;}
.index .program_latest .tabMenu>li{font-size: 18px; color: #b4b4b4; display: inline-block; padding: 0 0 0 15px; cursor: pointer;}
.index .program_latest .tabMenu>li::after{content: '';display:inline-block;margin-left:15px;height:10px;width: 1px;background:#dfdfdf;}
.index .program_latest .tabMenu>li:last-child::after{display:none;}
.index .program_latest .tabMenu>li.active{color: #05b26b; font-weight: bold;}

.index .program_latest .Content{overflow: hidden;}
.index .program_latest .Content>li{width: 266.25px; float: left; margin-right: 45px; display: none;}
.index .program_latest .Content>li.none_con{width: 100%; margin-right: 0; padding: 150px 0; text-align: center; font-size:16px; color: #05b26b;}
.index .program_latest .Content>li.active{display: block;}
.index .program_latest .Content>li:last-child{margin: 0;}
.index .program_latest .Content>li a{position: relative;display:inline-block;width:100%;height:100%;}
.index .program_latest .Content>li a .state{position: absolute;top:10px;right:10px;border-radius: 50px;width:50px;height:25px;line-height:25px;text-align: center;color: #fff;overflow: hidden;}
.index .program_latest .Content>li a .state:after{display:inline-block; height:100%; content:""; vertical-align:middle;}
.index .program_latest .Content>li a .state.ing{background: #ff3a8cb2;}
.index .program_latest .Content>li a .state.tobe{background: #ff3a8cb2;text-indent: 0;}
.index .program_latest .Content>li a .state.close{background: rgba(0, 0, 0, 0.3);}
.index .program_latest .Content>li a .state.recruit{background: rgba(14, 147, 255, 0.534);right:65px}
.index .program_latest .Content>li a .state.recruitend{width:70px;background: rgba(0, 0, 0, 0.3);right:65px}
.index .program_latest .Content>li a img{width: 266.25px; }
.index .program_latest .Content>li a dl{width: 266.25px; height: 165px; padding: 20px; border: 1px solid #dfdfdf; border-radius: 0 0 10px 10px; box-sizing: border-box; position: relative;}
.index .program_latest .Content>li a dl dt{font-size: 16px; margin-bottom: 10px; color: #05b26b;}
.index .program_latest .Content>li a dl dd.title{font-weight: bold; color: #000000; margin-bottom: 20px; word-break: keep-all;}
.index .program_latest .Content>li a dl dd:last-child{ position: absolute; bottom: 20px;}
.index .program_latest .Content>li a dl dd{font-size: 15px; color: #6a6a6a;}
.index .program_latest .Content>li a dl dd>img{width: 16px; height: 14px; margin-right: 10px; margin-bottom: 5px;}


/* ICS 시설 소개 ------------------------------------------------------------------------------------------------------*/
.index .facility_latest{width: 100%; height: 570px; position: relative; background-color: gray; position: relative; overflow: hidden;}
.index .facility_latest>div{width: 100%; position: relative; margin: 0 auto;}

.index .facility_latest .text{width:1200px; margin: 0 auto; background: red; position: relative; z-index: 10;text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.3);}
.index .facility_latest .text h2{font-size: 38px; color: white; margin-bottom: 100px; position: absolute; left: 0; top: 150px;}
.index .facility_latest .text h2 span{font-size: 24px; font-family: 'Nanum_r';font-weight: 300;}
.index .facility_latest .text .pager{width: 160px; overflow: hidden; position: absolute; top: 350px;}
.index .facility_latest .text .pager div{width: 60px; height: 60px; border: 1px solid white; float: left;cursor: pointer;}
.index .facility_latest .text .pager .next{margin-left: 40px;}
.index .facility_latest .text .pager svg{ color: white; font-size: 30px; margin-top: 15px; margin-left: 20px;}

.index .facility_latest .slide{position:relative;overflow: hidden;width:100%;height:100%;height:570px;}
.index .facility_latest .slide ul{position: absolute;top:0;left:0;font-size:0;}
.index .facility_latest .slide ul li{position:relative;display:inline-block;width: 100%; height: 570px;}
.index .facility_latest .slide ul li.slide_item01{background:url(../img/common/facility_lab.jpg)no-repeat center center;background-size: cover;}
.index .facility_latest .slide ul li.slide_item02{background:url(../img/common/facility_meetingroom.jpg)no-repeat center center;background-size: cover;}
.index .facility_latest .slide ul li.slide_item03{background:url(../img/common/facility_board.jpg)no-repeat center center;background-size: cover;}
.index .facility_latest .slide ul li.slide_item04{background:url(../img/common/facility_equipment.jpg)no-repeat center center;background-size: cover;}
.index .facility_latest .slide ul li.slide_item05{background:url(../img/common/facility_eda.jpg)no-repeat center center;background-size: cover;}
.index .facility_latest .slide ul li dl{width: 70%;max-width: 960px; padding: 40px 50px; height: 340px; box-sizing: border-box; background: url(../img/common/facility_bg.jpg) center center no-repeat; background-size: cover; font-size: 18px; color: white; position: absolute; top: 115px; right: 0; overflow: hidden;}
.index .facility_latest .slide ul li dl dt{color: #ffc000; height: 340px; font-size: 72px; font-weight: bold; float: left; margin-right: 50px;}
.index .facility_latest .slide ul li dl dd{color: white; margin-bottom: 25px; line-height: 1.5; font-size: 18px;}
.index .facility_latest .slide ul li dl dd:last-child{margin: 0;}
.index .facility_latest .slide ul li dl dd.title{color: #eaf2d2; margin-top: 20px;}
.index .facility_latest .slide ul li dl dd.title>span{ color: white; font-size: 24px; font-weight: bold;}
.index .facility_latest .slide ul li dl dd a{font-size: 16px; color: white; display: inline-block; width: 220px; height: 45px; border: 2px solid white; border-radius: 50px; box-sizing: border-box; text-align: center; line-height: 40px;}
.index .facility_latest .slide ul li dl dd a svg{ color: white; margin-left: 20px;}


/* 공지사항, 실시간 뉴스 ----------------------------------------------------------------------------------------------------*/
.index .notice_contents{width: 100%; padding: 30px 0 35px; box-sizing: border-box; /*background: url(../img/common/notice_bg.jpg) center center no-repeat; background-size: cover;*/}
.index .notice_contents .wrap{width: 1200px; overflow: hidden; margin: 0 auto;}
.index .notice_contents .wrap .notice_event,
.index .notice_contents .wrap table{display: inline-block; vertical-align: top;}
.index .notice_contents .wrap p,
.index .notice_contents .wrap table tr th{font-weight: 400; font-size: 24px; padding-bottom: 10px; border-bottom: 1px solid #dfdfdf; color: #000000;}

.index .notice_contents .wrap table{width: 400px; /*background: gray;*/}
.index .notice_contents .wrap table.notice{margin-right: 50px;}
.index .notice_contents .wrap table tr:nth-child(2) td {padding-top: 20px;}
.index .notice_contents .wrap table tr th,
.index .notice_contents .wrap table tr td{width: 100%;}

.index .notice_contents .wrap table tr th{line-height: 1; height: 45px;}
.index .notice_contents .wrap table tr th svg{font-size: 15px; float: right; margin-top: 10px;}
.index .notice_contents .wrap table tr th:first-child{text-align: left;}

.index .notice_contents .wrap table tr td{font-size: 15px; line-height: 2;}
.index .notice_contents .wrap table tr td.title{display: block; width: 270px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.index .notice_contents .wrap table tr td.date{text-align: right;}



/* 공고 슬라이드  -------------------------------------------------------------------------------------------------------*/
.index .notice_contents .wrap .notice_event{flex-basis: 290px; background: white; margin-right: 50px; position: relative;}
.index .notice_contents .wrap .notice_event p{line-height: 1.5; padding-bottom: 12px;}
.index .notice_contents .wrap .notice_event .noticeEvent_slide{width: 290px; height: 242px; border:1px solid #dfdfdf; box-sizing: border-box; margin-top: 20px;}

.index .notice_contents .wrap .notice_event .noticeEvent_slide ul li{width: 100%;}
.index .notice_contents .wrap .notice_event .noticeEvent_slide ul li a{display: block; width: 100%; height: 100%;}
.index .notice_contents .wrap .notice_event .noticeEvent_slide ul li img{display: block; width: 100%; height: 100%; object-fit: contain;}

.index .notice_contents .wrap .notice_event .bt_slide{font-size: 16px; padding: 0 5px; box-sizing: border-box; border-radius: 5px; cursor: pointer; position: absolute; top: 10px;}
.index .notice_contents .wrap .notice_event .bt_slide:hover{color: #9d9d9d;}
.index .notice_contents .wrap .notice_event .bt_next{right: 0}
.index .notice_contents .wrap .notice_event .bt_prev{right: 30px}



/* KSIA 반도체산업정보 --------------------------------------------------------------------------------------------------
.index .info {position:relative; float:left; width:300px !important; height:278px; background:url(../img/common/ICSBG_04.jpg);}
.index .info ul li {position:absolute; width:105px; height:70px;}
.index .info ul li.Industry {top:70px; left:40px;}
.index .info ul li.Policy {top:70px; left:158px;}
.index .info ul li.digital {top:150px; left:40px;}
.index .info ul li.data {top:150px; left:158px;}
.index .info ul li a {display:block; width:100%; height:100%;}
*/


/* 관련 홈페이지 링크 연결 -------------------------------------------------------------------------------------------- */
.index .homepage_link{width: 100%; background: url(../img/common/notice_bg.jpg) center center no-repeat; background-size: cover; /*background: #f1f4f7;*/ }
.index .homepage_link ul{width: 1200px; margin: 0 auto; display: flex;}
.index .homepage_link ul li{flex-basis: calc(100% / 4); padding: 50px 0; border-left: 1px solid white;}
.index .homepage_link ul li:last-child{border-right: 1px solid white;}
.index .homepage_link ul li a{width: 100%; display: block; margin: 0 auto; }
.index .homepage_link ul li a img{display: block; width: 200px;  margin: 0 auto 20px; opacity: .8;}
.index .homepage_link ul li a span{display: block; font-size: 14px; width: 100%; text-align: center; color: #717478; font-weight: bold;}
.index .homepage_link ul li a:hover img{opacity: 1;}


/*성장 기업 -----------------------------------------------------------------------------------------------------------
.index .enterprise{width: 100%; background-color: #f9f9f9; padding: 110px 0;}
.index .enterprise h2{font-size:36px; text-align: center; margin-bottom: 50px; color: #000000;}
.index .enterprise h2>span{font-size: 30px; font-weight: 300;}
.index .enterprise h2>span>.color{color: #05b26b; font-weight: bold;}

.index .enterprise .slide{width: 1500px; margin: 0 auto; position: relative;}
.index .enterprise .slide ul{width: 1230px; overflow: hidden; text-align: center; margin: 0 auto;}
.index .enterprise .slide ul li{width: 270px; height: 150px; background-color: white; border: 1px solid #dfdfdf; border-radius: 10px; box-sizing: border-box; float: left; margin-right: 50px; margin-bottom:50px; font-size: 18px;}
.index .enterprise ul li:nth-child(4),
.index .enterprise ul li:nth-child(8){margin-right: 0;}
.index .enterprise .slide ul li img{width: 270px; height: 100px; margin-bottom: 10px;}

.index .enterprise .slide .pager{width: 1500px; top: 50px; position: absolute; top: 150px; overflow: hidden;}
.index .enterprise .pager .next{width: 40px; height: 40px; background-color: #dfdfdf; border-radius: 50px; float: right; cursor: pointer;}
.index .enterprise .pager .prev{width: 40px; height: 40px; background-color: #dfdfdf; border-radius: 50px; float: left; cursor: pointer;}
.index .enterprise .pager svg {color: white; margin-top: 14px; margin-left: 15px;}
*/


@media screen and (max-width:1200px){
    /* 퀵메뉴 */
    .index .quickMenu>ul{width: 1160px;}
    .index .quickMenu>ul li div.text span.con{font-size:12px;}

    /* ICS 행사 */
    .index .program_latest{width: 100%; padding: 110px 20px;}
    .index .program_latest h2{font-size: 35px;}
    .index .program_latest .Content>li{width: 22.75%; margin-right: 2.5%;}
    .index .program_latest .Content>li a img{width: 100%;}
    .index .program_latest .Content>li a .state{height:50px; background: #222; color: #fff;}
    .index .program_latest .Content>li a .state.recruit{right:70px;}
    .index .program_latest .Content>li a dl{width: 100%; padding: 15px 10px;}
    .index .program_latest .Content>li a dl dt{font-size: 15px;}
    .index .program_latest .Content>li a dl dd{font-size: 14px;}
    .index .program_latest .Content>li a dl dd>img{width: 14px;}

    /* ICS 시설소개 */
    .index .facility_latest .text{width:100%;}
    .index .facility_latest .text h2{font-size: 35px; left: 20px; top: 150px;}
    .index .facility_latest .text h2 span{font-size: 20px;}
    .index .facility_latest .text .pager{top: 320px; left: 20px;}
    .index .facility_latest .slide ul li dl{width: 70%; padding: 40px; font-size: 16px;}
    .index .facility_latest .slide ul li dl dt{font-size: 62px;}
    .index .facility_latest .slide ul li dl dd{font-size: 16px;}
    
    /* 공지사항, 실시간 뉴스 */
    .index .notice_contents{padding: 30px 20px 35px;}
    .index .notice_contents .wrap table{width:393px;}
    .index .notice_contents .wrap table tr th{font-size: 20px; height: 40px;}
    .index .notice_contents .wrap table.notice{margin-right: 25px;}

    /* 공고 슬라이드 */
    .index .notice_contents .wrap p{font-size: 20px; padding-bottom: 11px;}
    .index .notice_contents .wrap .notice_event{margin-right: 25px;}

    /* 관련 홈페이지 링크 연결 */
    .index .homepage_link ul{width: 1160px;}
    .index .homepage_link ul li a{width: 180px; display: block; margin: 0 auto; }
    .index .homepage_link ul li a span{font-size: 15px;}
    .index .homepage_link ul li a img{width: 180px;}
}