@charset "utf-8";

/* ----------------------------------
Name: main.css
Version: 1.0
-------------------------------------*/

/* main_상단 */
.main_cont{position: absolute;top:300px;left:50%;transform: translateX(-50%);width: 1440px;display: flex;justify-content: space-between;align-items: flex-start;font-family: 'Paperlogy', '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;z-index: 999;}
.main_cont .tit_area{position: relative;padding-top: 30px;font-weight: 300;color: #fff;}
.main_cont .tit_area .tit{margin-bottom: 20px;}
.main_cont .tit_area .tit p{font-size: 2.25rem;line-height: 1.6;letter-spacing: 0;}
.main_cont .tit_area .tit strong{font-size: 4.6rem;font-weight: 600;}
.main_cont .tit_area .text{font-size: 1.25rem;line-height: 1.6;letter-spacing: 0;}
.main_cont .main_right{position: relative;float: right;width: 475px;}

.main_box{width: 480px;}
.main_box .box a{position: relative;overflow: hidden;display: inline-block;flex: 1;height: 225px;padding: 40px;margin-bottom: 25px;border-radius: 40px;font-weight: 500;color: #fff;}
.main_box .box .more{position: absolute;bottom:20px;right:20px;display: inline-block;width: 55px;height: 55px;background: #fff;border-radius: 50%;font-size: 0;transition: background-position 0.5s ease;}
.main_box .box .more::before{content: '';position: absolute;top:0;left:0;width: 55px;height: 55px;background: url(../../images/front/icon/icon_arrow01.png) no-repeat center center;background-size: 17px;}
.main_box .box a:hover .more::before{animation: movearrow 0.7s ease forwards;}
@keyframes movearrow {
  0% {
    background-position: center center;
  }
  50% {
    background-position: 70% center;
  }
  100% {
    background-position: center center;
  }
}
.main_box .box.type1{position: relative;display: flex;gap:5%;}
.main_box .box.type1 a{font-size: 24px;}
.main_box .box.type1 a:nth-child(1){background: url(../../images/front/main/icon_service_top01.png) no-repeat 70% 70% #316ee7;}
.main_box .box.type1 a:nth-child(2){background: url(../../images/front/main/icon_service_top02.png) no-repeat 70% 70% #3c86c5;}
.main_box .box.type2 a{background-color: #17255c;}
.main_box .box a p{font-size: 1.5rem;font-weight: 500;margin-top: 10px;margin-bottom: 20px;}
.main_box .box.type2 a .text{display: inline-block;width: 80%;font-weight: 300;letter-spacing: 0;line-height: 1.5;}

.main_visual_slide .slide_item{text-align: center;height: 790px;background: #000;}
.main_visual_slide .slide_item .img img{width:100%;height: 790px;object-fit:cover;}
.main_visual_slide .slide_item .cont .visual_btn {position:absolute;top:537px;left:50%;transform:translateX(-600px);-webkit-transform:translateX(-600px);-ms-transform:translateX(-600px);}
.main_visual_slide .slide_item .cont .visual_btn a {display:inline-block;height:48px;padding:0 17px;border:2px solid #fff;font-weight:600;line-height:46px;color:#fff;letter-spacing:-1px;}
.main_visual_slide .slide_item .cont .visual_btn a:focus,
.main_visual_slide .slide_item .cont .visual_btn a:hover {background-color:#186acd;border-color:#186acd;}
.main_visual_slide .slide_item.swiper-slide-active .cont .tit,
.main_visual_slide .slide_item.swiper-slide-active .cont .txt {animation: main_visual_text_animation 1s ease 0.5s 1 normal both;}

.main_visual_slide_wrap{position: relative;width: 100%;}
.main_visual_slide_wrap .slide_pagination button{position: absolute;top: 50%;width: 50px;height: 50px;background-color: rgba(255, 255, 255, 0.1);border: 1px solid rgba(255, 255, 255, 0.2);z-index: 1;opacity: 1;}
.main_visual_slide_wrap .slide_pagination button:nth-child(1){left: 30px;}
.main_visual_slide_wrap .slide_pagination button:nth-child(1)::before{content: '';position:absolute;top:14px;left:18px;width: 20px;height: 20px;background:url('../../images/front/icon/icon_arr_l.svg');background-size: 100%;}
.main_visual_slide_wrap .slide_pagination button:nth-child(2){right: 30px;}
.main_visual_slide_wrap .slide_pagination button:nth-child(2)::before{content: '';position:absolute;top:14px;left:15px;width: 20px;height: 20px;background:url('../../images/front/icon/icon_arr_r.svg');background-size: 100%;}

.slide_pagination{position: absolute;bottom: -90px;left:60px;transform: translate(-50%);}
.swiper-pagination-bullet {width: 50px !important;height: 8px !important;margin: 0 4px !important;border: 1px #fff solid!important;background: none!important;border-radius: 10px!important;opacity:inherit!important;}
.swiper-pagination-bullet-active{background: #3a61d6!important;border: 1px #3a61d6 solid!important;}


/* ==========================================================================
	contents
   ========================================================================== */
.main_contents{overflow: hidden;margin-top: 50px;}
.main_contents h2{font-family: 'Paperlogy', '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;font-size: 1.687rem;font-weight: 600;color: #222;letter-spacing: 0;margin-bottom: 30px;}
.btn_more{position: absolute;top:8px;right:0;font-size: 0rem;display: inline-block;width: 22px;height: 22px;background: url('../../images/front/icon/icon_more.png') no-repeat 0 0;}
.main_contents .tag{position: absolute;width: 55px;height: 55px;font-size: 0.875rem;font-weight: 500;color: #a2a2a2;text-align: center;letter-spacing: -1px;background: #e5e5e5;border-radius: 40px;}
.main_contents .tag.on{color: #fff;background: #e64a5c;}

/* 사업공고 */
.main_support{max-width: 1440px;margin: 0 auto 90px auto;}
.main_support::after{content:'';display: block;clear: both;}
.main_support .support_list{position: relative;width: 63%;}
.main_support .support_list h2{margin-bottom: 15px;}
.main_support .support_list .list{position: relative;display: inline-block;width: 100%;height: 110px;margin: 6px 0;padding: 25px 35px 10px 35px;}
.main_support .support_list .list::before{content: '';position: absolute;top:0;left:0;width: 100%;height: 110px;border: 1px #ddd solid;border-radius: 15px;box-sizing: border-box;}
.main_support .support_list .list:hover::before{border: 2px #3052b7 solid;box-shadow: 0 10px 30px rgb(0 0 0 / 10%);transition: .2s;}
.main_support .support_list .list .tit{width: 90%;font-size: 1.25rem;font-weight: 500;color: #333;margin-bottom: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.main_support .support_list .list ul{display: flex;align-items: center;width: 90%;}
.main_support .support_list .list li{display: flex;align-items: center;width: 33%;margin-right: 30px;}
.main_support .support_list .list li .tit_s{font-size: 0.9rem;color: #fff;font-weight: 300;background: #333;border-radius: 4px;padding: 3px 8px 4px 8px;margin: 2px 5px 2px 0;}
.main_support .support_list .list li .text_s{color: #7f7f7f;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main_support .support_list .list .tag{top:27px;right:30px;line-height: 55px;}
.main_support .support_list .list .tag.on{color: #fff;background: #f05567;}

.main_support .service_list{width: 475px;margin-top: 35px;}
.main_support .service_list .box{position: relative;display: inline-block;width: 100%;height: 223px;border-radius: 40px;padding: 50px 40px;margin: 15px 0;font-family: 'Paperlogy', '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;letter-spacing: 0;}
.main_support .service_list .box.icon01{background: #e9f8fe;}
.main_support .service_list .box.icon02{background: #ebf3fb;}
.main_support .service_list .box.icon01:hover{background: #c9e7fa;}
.main_support .service_list .box.icon02:hover{background: #d9e8f7;}
.main_support .service_list .box::before{content: '';position: absolute;top:35%;right:45px;width: 80px;height: 80px;}
.main_support .service_list .box.icon01::before{background: url('../../images/front/main/icon_service06.png') no-repeat center center;}
.main_support .service_list .box.icon02::before{background: url('../../images/front/main/icon_service07.png') no-repeat center center;}
.main_support .service_list .box .tit{font-size: 1.4rem;font-weight: 600;margin-bottom: 10px;}
.main_support .service_list .box .text{display: inline-block;width: 70%;font-weight: 400;color: #666;}

/* 연구장비 */
.main_product{max-width: 1440px;height: 320px;margin: 0 auto 90px auto;}
.main_product .main_product_in{position: relative;}
.main_product .tit_area{position: absolute;top:0;left:0;overflow: hidden;width: 460px;height: 320px;padding: 60px 0 0 60px;border-radius: 30px;background: #3052b7;}
.main_product .tit_area::before{content: '';position: absolute;bottom:0;right:0;width: 460px;height: 350px;background: url('../../images/front/main/bg_circle.png') no-repeat right bottom;}
.main_product .tit_area .tit_con{position: relative;margin-bottom: 30px;}
.main_product .tit_area .tit_con h2{font-size: 1.875rem;font-weight: 300;color: #fff;margin-bottom: 10px;}
.main_product .tit_area .tit_con h2 strong{display: block;font-size: 2.188rem;font-weight: 600;}
.main_product .tit_area .tit_con span{color: #fff;}
.main_product .tit_area .slide_control{position: relative;}
.main_product .tit_area .slide_control a{position: relative;display: inline-block;width:38px;height: 38px;font-size: 0;border: 2px #fff solid;border-radius: 40px;margin: 0 1px;}
.main_product .tit_area .slide_control a::before{content: '';position: absolute;top:0;left:0;width:38px;height: 38px;}
.main_product .tit_area .slide_control a.btn_prev{background:url('../../images/front/icon/arr_right_w.png') no-repeat center center;background-size: 25px;transform: scaleX(-1);}
.main_product .tit_area .slide_control a.btn_next{background:url('../../images/front/icon/arr_right_w.png') no-repeat center center;background-size: 25px;}
.main_product .tit_area .slide_control a.more{margin-left: 10px;background:url('../../images/front/icon/icon_more_w.png') no-repeat center center;}

.main_product .listBox{overflow: hidden;margin-left:22%;padding-top: 35px;}
.main_product .listBox::after{content: '';display: block;clear: both;}
.main_product .listBox .box{float: left;width: 350px;margin-right:2.7%;}
.main_product .listBox .box:last-child{margin-right:0;}
.main_product .listBox .box a{overflow: hidden;position: relative;display: inline-block;width: 100%;height: 250px;margin-right:5%;border-radius: 20px;background: #ddd;}
.main_product .listBox .box a::before{content: '';position: absolute;top:0;left:0;width: 100%;height: 100%;background: linear-gradient(to bottom, transparent 50%, #000 140%);z-index: 99;}
.main_product .listBox .lavel_best{position: absolute;top:0;right:0;font-size: 14px;font-weight: 600;border-radius: 0 0 0 20px;z-index: 99;}
.main_product .listBox .tit{position: absolute;bottom:20px;left:20px;width: 85%;font-size: 1.25rem;font-weight: 600;color: #fff;z-index: 99;word-break: break-all;}
.main_product .listBox .box .img_box img{width: 100%;height: 100%;}
.main_product .listBox .box a:hover .img_box img{transform: scale(1.1);transition: all .3s ease;}
.main_product .product_non{height: 355px;text-align: center;background:#fff;border: 1px #ddd solid;border-radius: 30px;;margin-left: 36%;}
.main_product .product_non p{font-size: 1.125rem;padding-top: 170px;}


.main_product .product_non{height: 355px;text-align: center;background:#fff;border: 1px #ddd solid;border-radius: 30px;;margin-left: 36%;}
.main_product .product_non p{font-size: 1.125rem;padding-top: 170px;}

/* 공지사항 */
.main_notice{overflow: hidden;max-width: 1440px;margin: 0 auto 110px auto;}
.main_notice .notice_area{position: relative;float: left;width: 46.5%;}
.main_notice .notice_area.notice02{float: right;}
.notice_area .list{position: relative;}
.notice_area .list li{height: 60px;border-bottom: 1px #e3e3e3 solid;padding: 15px 0;}
.notice_area.notice01 .list li a{position: relative;overflow: hidden;display: block;}
.notice_area.notice01 .list li a .tit_news{position:relative;display: inline-block;width: 70%;font-size: 1.063rem;font-weight: 400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-left: 15px}
.notice_area.notice01 .list li a .tit_news:before{content: "";display: inline-block;position: absolute;top:10px;left:0;width: 5px;height: 5px;background: #3052b7;border-radius: 40px;}
.notice_area.notice01 .list li a .date{position: absolute;top:5px;right:0;color: #999;}
.notice_area.notice02 .list li a{position: relative;display: inline-block;width: 90%;height: 30px;font-size: 1.063rem;font-weight: 400;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left: 40px;line-height: 30px;}
.notice_area.notice02 .list li a::before{content: "Q";position: absolute;top: 0;left: 0;width: 30px;height: 30px;font-size: 0.95rem;font-weight: 600;color: #fff;background: #3052b7;text-align: center;border-radius: 50%;line-height: 30px;}

@media screen and (max-width:1440px){
	/* main_상단 */
	.main_cont{width: 100%;padding: 0 30px;}
	.main_contents {padding: 0 30px;}
	.main_visual_con .main_right, .main_support .service_list {width: 35%;}
}
@media screen and (max-width:1240px){
	/* main_상단 */
	.main_cont{top: 150px;flex-wrap: wrap;justify-content: space-evenly;width: 100%;padding: 0 30px;}
	.main_cont .tit_area{text-align: center;margin-bottom: 40px;}
	.main_cont .tit_area .tit strong{font-size: 4.2rem;}
	.main_box {width: 95%;display: flex;gap: 1rem;}
	.main_box .box.type1{gap: 1rem;width: 60%;}
	.main_box .box.type1 a{width: 50%;}
	.main_box .box a p{margin-top: 0;}
	.slide_pagination{bottom: -320px;left: 50%;}
	
	/* 사업공고 */
	.main_support{margin: 0 auto 50px auto;}
	.main_support .support_list, .main_support .service_list {width: 100%;}
	.main_support .service_list .box {height: auto;border-radius:20px;}

	/* 연구장비 */
    .main_product .listBox{margin-left: 0;padding-top: 150px;}
    .main_product .tit_area{width: 100%;padding: 40px 0 0 40px;}
	.main_product .tit_area .tit_con{margin-bottom: 30px;}
	.main_product .tit_area .tit_con h2 strong{display: inline-block;font-size: 1.875rem;}
	.main_product .tit_area .slide_control{position: absolute;top:40px;right:40px;z-index: 999999;}
	.main_product .main_product_in .bx-wrapper .bx-viewport{margin-left: 0;}

	/* 공지사항 */
	.main_notice .notice_area {width: 100%;}
	.main_notice .notice_area.notice01 {margin-bottom: 50px;}
}
@media screen and (max-width:800px){
	.main_cont{top:90px;}
	.main_cont .tit_area .tit strong{font-size: 3.8rem;line-height:1.2;}
	.main_cont .tit_area .tit p{font-size: 1.5rem;}
	.main_cont .tit_area .text{font-size: 1rem;}
	.main_box{width: 85%;display: block;}
	.main_box .box a{height: auto;padding: 25px 35px;border-radius: 20px;}
	.main_box .box.type1{width: 100%;}
	.main_box .box.type1 a{height: 150px;}
	.slide_pagination{bottom: -370px;}
	
	/* 사업공고 */
	.main_support .support_list .list{height: 185px;}
	.main_support .support_list .list::before{height: 185px;}
	.main_support .support_list .list ul{display: block;}
	.main_support .support_list .list li{width: 100%;padding: 2px 0;}
}
@media screen and (max-width:640px){/* mobile version */
	/* main_상단 */
	.main_wrap{height: 550px;}
	.main_cont .tit_area{margin-bottom: 30px;}
	.main_cont .tit_area .tit{margin-bottom: 10px;}
	.main_cont .tit_area .tit strong{font-size: 2.6rem;}
	.main_cont .tit_area .tit p{font-size: 1.3rem;}
	.main_visual_slide .slide_item{height: 610px;}
	.main_visual_slide .slide_item .img img{height: 610px;}
	.main_box{width: 100%;}
	.main_box .box a{padding: 25px;margin-bottom: 15px;}
	.main_box .box.type1 a{height: 130px;}
	.main_box .box a p{font-size: 1.4rem;margin-bottom: 10px;}
	.main_box .box.type1 a:nth-child(1){background: url(../../images/front/main/icon_service_top01.png) no-repeat 130% 50% #316ee7;}
	.main_box .box.type1 a:nth-child(2){background: url(../../images/front/main/icon_service_top02.png) no-repeat 130% 50% #3c86c5;}
	.main_box .box .more{bottom: 10px;right: 10px;width: 34px;height: 34px;}
	.main_box .box .more::before{top:50%;left:50%;width: 16px;height: 10px;background-size:cover;transform: translate(-50%, -50%);background-size: 13px;}
	
	/* contents */
	.main_contents{margin-top: 30px;padding: 0 20px;}
	.main_contents h2{font-size: 1.5rem;margin-bottom: 20px;}
	.main_contents .tag{width: 45px;height: 45px;}
	.btn_more{top: 0;}
	
	/* 사업공고 */
	.main_support{margin: 0 auto 40px auto;}
	.main_product .main_product_in{height: 390px;}
	.main_support .support_list .list{height: 160px;padding: 20px;}
	.main_support .support_list .list::before{height: 160px;}
	.main_support .support_list .list .tag {top: 10px;right: 10px;line-height: 45px;}
	.main_product .listBox .lavel_best{left: auto !important;right: 0 !important;}
	
	.main_support .service_list{margin-top: 20px;}
	.main_support .service_list .box{padding: 30px;}
	.main_support .service_list .box::before{right:20px;}
	
	/* 연구장비 */
	.main_product{height: 420px;}
	.main_product .tit_area .tit_con h2, .main_product .tit_area .tit_con h2 strong{font-size: 1.6rem;}
	.main_product .tit_area .slide_control{top: 120px;left:30px;right:auto;}
    .main_product .listBox{padding-top: 180px;}
    
	/* 공지사항 */
	.notice_area .list li{height: 45px;padding: 8px 0;}
	.notice_area.notice01 .list li a .tit_news:before{width: 3px;height: 3px;top: 7px;}
	.notice_area.notice02 .list li a::before{width: 26px;height: 26px;font-size: 0.8rem;line-height: 26px;}
}