/* 공통 */
.main_wrap{width: 1620px; height: 100%; margin: auto;}
.wrap{width: 1350px; height: auto; margin: auto;}
.font_L{font-family: 'GmarketSansLight', sans-serif;}
.font_M{font-family: 'GmarketSansMedium', sans-serif;}
.font_B{font-family: 'GmarketSansBold', sans-serif;}

.size{font-size: 75%; font-weight: bold;}
.none{text-align: center; padding: 200px 0; color: #999;}

.article{border-radius: 50%; position: absolute; z-index: -1;}
.article::after{content: ''; display: block; width: 66%; height: 66%; border-radius: 50%; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.green{background: #eef6f2;}
.blue{background: #eef2f8;}
.orange{background: #fde6d4;}


.main_title{text-align: center; margin-bottom: 40px;}
.main_title h1{font-size: 43px; display: inline-block; line-height: 43px; margin-bottom: 15px;}
.main_title h1::after{content: ''; display: block; position: absolute; top: -5px; right: -20px; width: 10px; height: 10px; border-radius: 50px; background: #f58426;}
.main_title p{font-size: 18px; color: #777;}
.main_title a{color: #0067b0; font-size: 16px; position: absolute; bottom: 0; right: 0; display: inline-block; font-weight: 500;}
.main_title a::after{content: ''; display: block; position: absolute; bottom: 0; left: -5px; width: calc(100% + 10px); height: 10px; background: rgba(0,103,176,0.1);}


/* 동영상 썸네일 */
.video{width: 100%; padding-top: 56%; overflow: hidden; border-radius: 20px; background: #fff; cursor: pointer;}
.video .img{width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);transition: all 0.3s; opacity:  0.9;}
.video .paly_btn{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 15%; opacity: 0.85; transition: all 0.3s;}


/* 사진 썸네일 */
.img .plus{width: 60px; height: 60px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #f58426; border-radius: 50%; transition: all 0.3s; opacity: 0;}
.img .plus::before{content: ''; display: block; position: absolute; top: 18px; left: 29px; width: 2px; height: 40%; background: #fff; transform: rotate(0deg); transition: all 0.3s; opacity: 0;}
.img .plus::after{content: ''; display: block; position: absolute; top: 29px; left: 18px; width: 40%; height: 2px; background: #fff; transform: rotate(0deg); transition: all 0.3s; opacity: 0;}

/* head */
.head{width: 100%; height: 100px; position: fixed; top: 0; left: 0; z-index: 99999; transition: all 0.3s; overflow: hidden;}
.head::after{content: ''; display: block; position: absolute; top: 100px; left: 0; width: 0; height: 1px; background: #ddd;}
.head .main_wrap{height: 100px;}
.head .logo{position: absolute; top: 50%; left: 0; transform: translate(0, -50%); width: 230px;}
.head .logo img{max-width: 100%;}
.head .logo .logo_on{display: none;}

.head .count{position: absolute; top: 28%; right: 0; transform: translate(0, -50%);}
.head .count li{color: #fff; font-size: 14px; display: inline-block; margin-left: 27px; letter-spacing: 0;}
.head .count li::before{content: ''; display: block; width: 1px; height: 14px; background: rgba(255,255,255,0.4); position: absolute; top: 4px; left: -14px;}
.head .count li:first-child{margin-left: 0;}
.head .count li:first-child::before{display: none;}

.head .menu{position: absolute; top: 70%; right: 0; transform: translate(0, -50%);}
.head .menu>li{display: inline-block; width: 160px; text-align: center;}
.head .menu>li>a{color: #fff; font-size: 20px; line-height: 60px;  display: inline-block;}
.head .menu>li>a::after{content: ''; display: none; position: absolute; top: 16px; right: -16px; width: 6px; height: 6px; border-radius: 50%; background: #f58426;}
.head .menu>li img{width: 10px; margin-left: 5px; opacity: 0.4; top: -2px;}

.head .menu .live{display: inline-block; border-radius: 5px; background: #fff; color: #f58426; font-size: 12px; font-weight: 600; padding: 0 8px; height: 25px; vertical-align: middle; line-height: 25px; letter-spacing: 0; top: -2px; margin-right: 3px;}

.head .sub_menu{display: none; position: absolute; top: 60px; left: 50%; transform: translate(-50%, 0); width: 100%; padding: 20px 0; height: 250px;}
.head .sub_menu>li{margin-bottom: 10px;}
.head .sub_menu>li>a{text-align: center; line-height: 22px; padding: 5px 0; color: #999;}
.head .sub_menu .size{font-weight: 500; color: #999;}

.head .sub_menu::after{content: ''; display: block; position: absolute; top: 0; left: 0; width: 0; height: 3px; z-index: 999; background: #0067b0; transition: all 0.3s;}

.live_on .live{animation: live_on 0.8s infinite Alternate;}
@keyframes live_on{
    0%{background: red; color: #fff; border: 1px solid red; line-height: 22px;}
    50%{background: red; color: #fff; border: 1px solid red; line-height: 22px;}
    100%{background: #fff; color: red; border: 1px solid red; line-height: 22px;}
}

.head_on{background: #fff; border-bottom: 1px solid #ddd;}
.head_on::after{width: 100%;}
.head_on .logo .logo_on{display: block;}
.head_on .logo .logo_basic{display: none;}

.head_on .count li{color: #999;}
.head_on .count li::before{background: #ccc;}

.head_on .menu>li>a{color: #333;}
.head_on .menu .live{color: #fff; background: #f58426;}

/* 마우스오버용 스타일 별도로 만들기  */
.head_on2{background: #fff; border-bottom: 1px solid #ddd;}
.head_on2::after{width: 100%;}
.head_on2 .logo .logo_on{display: block;}
.head_on2 .logo .logo_basic{display: none;}

.head_on2 .count li{color: #999;}
.head_on2 .count li::before{background: #ccc;}

.head_on2 .menu>li>a{color: #333;}
.head_on2 .menu .live{color: #fff; background: #f58426;}



.head_menu_on{height: 350px; box-shadow: 0 0 10px rgba(0,0,0,0.2); border-bottom: none!important;}
.head_menu_on .sub_menu{display: block;}


/* 햄버거바(모바일용) */
.ham_icon{width: 30px;height: inherit; display: none; cursor: pointer;z-index: 100; position: absolute; top: 50%; right: 0; transform: translate(0, -50%);}
.ham_bar{width: 100%; height: 3px; background: #fff; position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);}
.ham_bar::before,
.ham_bar::after {content: "";position: absolute; width: 100%; height: 3px; background: #fff;}
.ham_bar::before {top: -10px;}
.ham_bar::after {top: 10px;}
.ham_icon.active .ham_bar {background: rgba(0, 0, 0, 0);}
.ham_icon.active .ham_bar::before {background: #fff;top: 0;transform: rotate(45deg);transition: 0.3s;}
.ham_icon.active .ham_bar::after {top: 0;transform: rotate(135deg);transition: 0.3s;}

.head_on .ham_bar{background: #333;}
.head_on .ham_bar::before{background: #333;}
.head_on .ham_bar::after{background: #333;}

.head_on2 .ham_bar{background: #333;}
.head_on2 .ham_bar::before{background: #333;}
.head_on2 .ham_bar::after{background: #333;}

/* 모바일 메뉴 */
.m_menu_box{position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; opacity: 0; visibility: hidden; background: rgba(0, 0, 0, 0.6);transition-delay: 300ms; transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);}
.m_menu_box .wrap{background: #fff; width: 70%; height: 100vh; position: absolute; top: 0; right: 0; bottom: 0; transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1); transform: translateX(100%); margin-top: 0;}

.m_menu_box .close_btn{display: block; width: 60px; height: 60px; background: #0067b0; position: absolute; top: 0; right: 0; z-index: 99;}
.m_menu_box .close_btn img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40%;}

.m_menu_box .count{position: absolute; top: 0; left: 0; background: #f7f7f7; height: 60px; width: 100%;}
.m_menu_box .count li{display: inline-block; margin-left: 30px; line-height: 60px; font-size: 16px; font-weight: 500; color: #999;}
.m_menu_box .count li::after{content: ''; display: block; position: absolute; top: 24px; right: -17px; background: #ccc; width: 1px; height: 14px;}
.m_menu_box .count li:last-child::after{display: none;}

.m_menu_box .m_menu{margin-top: 100px; padding: 0 30px;}
.m_menu_box .m_menu li{color: #666;}
.m_menu_box .m_menu li img{width: 10px; margin-left: 5px; opacity: 0.4;}
.m_menu_box .m_menu a{padding: 15px 20px; font-size: 20px; line-height: 20px;}
.m_menu_box .m_menu .more_li{display: inline-block;}
.m_menu_box .m_menu img{width: 10px; margin-left: 15px; transition: all 100ms ease-out; top: -1px;}
.m_menu_box .m_menu .span{display: none; position: absolute; top: 12px; right: 4px; width: 6px; height: 6px; border-radius: 50%; background: #f58426;}
.m_menu_box .m_menu .live{display: inline-block; border-radius: 5px; background: #f58426; color: #fff; font-size: 12px; font-weight: 600; padding: 0 8px; height: 25px; vertical-align: middle; line-height: 25px; letter-spacing: 0; top: -2px; margin-right: 3px;}
.m_menu_box .m_sub_menu{background: #f7f7f7; padding: 10px 10px 10px 30px; display: none;}
.m_menu_box .m_sub_menu a{padding: 8px; font-size: 16px;}
.m_menu_box .m_sub_menu .size{color: #666; font-weight: 400;}

.acteve_menu_box{z-index: 999999; opacity: 1; visibility: visible; transition-delay: 0ms;}
.acteve_menu_box .wrap{transition-delay: 300ms; transform: translateX(0);}
.active_menu{color: #0067b0; font-weight: 700;}
.active_menu img{transition: all 0.4s; transform: rotate(180deg); top: -3px;}
.active_menu .span{display: block!important;}


/* 메인 슬라이드 */
.main_slide{margin-bottom: 100px; height: 740px; width: 100%;}
.main_slide .ms_bg{width: 100%; height: 650px;}

.main_slide .img03{background: url(/img/main/main_03_bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}
.main_slide .img02{background: url(/img/main/main_02_bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}
.main_slide .img01{background: url(/img/main/main_05_bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}

.main_slide .ms_bg .img{width: 1200px; height: 600px; border-radius: 150px 0 150px 0; box-shadow: 0 0 20px rgba(0,0,0,0.3); float: right; margin-top: 160px; transition: all 1s; opacity: 0;}

.main_slide .img03 .img{background: url(/img/main/main_03_img.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}
.main_slide .img02 .img{background: url(/img/main/main_02_img.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}
.main_slide .img01 .img{background: url(/img/main/main_05_img.jpg); background-position: 27%; background-repeat: no-repeat; background-size: cover;}
/*20230919 추가 { */
.main_slide .img01 .img a {display: block; width: 100%; height: 100%}
.main_slide .img01 .text h1 {display: none;}
.main_slide .img01 .text h1 br {display: block!important}
/* } */

.main_slide .ms_bg .text{position: absolute; top: 60%; left: -100px; transform: translate(0, -50%); transition: all 1s 0.2s; opacity: 0; z-index: 99;}
.main_slide .ms_bg .text h2{color: #fff; font-size: 28px; text-shadow: 0 0 10px rgba(0,0,0,0.5);}
.main_slide .ms_bg .text h1{color: #fff; font-size: 85px; line-height: 95px; text-shadow: 0 0 10px rgba(0,0,0,0.5);}
.main_slide .ms_bg .text a{color: #fff; font-size: 20px; font-weight: 400; display: inline-block; line-height: 20px;}
.main_slide .ms_bg .text a::after{content: ''; display: inline-block; position: absolute; bottom: -5px; left: -5px; width: calc(100% + 10px); height: 15px; background: rgba(255,255,255,0.15);}
.main_slide .ms_bg .text p{color: #fff; font-size: 28px; text-shadow: 0 0 10px rgba(0,0,0,0.5); line-height: 40px; margin-top: 15px;}

.main_slide .main_wrap::after{content: ''; display: block; clear: both;}

.main_slide .swiper-slide-active .text{left: 0; opacity: 1;}
.main_slide .swiper-slide-active .img{margin-top: 120px; opacity: 1;}


/* 메인 슬라이드 버튼 */
.main_swiper_btn{height: auto; top: -40px;}
.main_swiper_btn .msb_box{width: calc(100% - 1260px);}
.main_swiper_btn .ms_paging{bottom: -5px; color: #999}
.main_swiper_btn .ms_paging span{color: #999; font-family: 'GmarketSansBold', sans-serif; margin: 0 5px;}
.main_swiper_btn .ms_prev{background: none;}
.main_swiper_btn img{opacity: 0.6;}
.main_swiper_btn .ms_next{background: none;}


/* 인천과학사랑 소식 */
.main_notice{}
.main_notice .mn_list{}
.main_notice .mn_list li{float: left; width: calc(100% / 4 - 23px); margin-right: 30px; border-radius: 20px; overflow: hidden; border: 1px solid #ebebeb; transition: all 0.3s; background: #fff;}
.main_notice .mn_list li:last-child{margin-right: 0;}
.main_notice .mn_list a{padding: 30px;}

.main_notice .mn_list .caption{font-size: 13px; color: #fff; background: #999; display: inline-block; padding: 0 15px; border-radius: 50px; height: 28px; line-height: 28px; margin-bottom: 15px; transition: all 0.3s;}
.main_notice .mn_list h1{font-size: 18px; font-weight: 600; line-height: 28px; height:56px; margin-bottom: 15px; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; text-decoration:none; transition: all 0.3s;}
.main_notice .mn_list p{font-size: 16px; line-height: 24px; color: #999; height:48px; margin-bottom: 50px; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; text-decoration:none; transition: all 0.3s;}
.main_notice .mn_list h2{font-size: 16px; font-weight: 500; color: #999;}

.main_notice .mn_list .plus{width: 25px; height: 25px; position: absolute; bottom: 30px; right: 30px;}
.main_notice .mn_list .plus::after{content: ''; display: block; position: absolute; top: 12px; left: 0; transform: rotate(0deg); width: 100%; height: 2px; background: #999; transition: all 0.3s;}
.main_notice .mn_list .plus::before{content: ''; display: block; position: absolute; top: 0; left: 12px; transform: rotate(0deg); width: 2px; height: 100%; background: #999; transition: all 0.3s;}

.main_notice .mn_list::after{content: ''; display: block; clear: both;}


/* 인천과학사랑 소식_article */
.main_notice .green{width: 200px; height: 200px; top: 0; left: -20%;}
.main_notice .orange{width: 150px; height: 150px; top: -45%; right: 10%;}
.main_notice .blue{width: 350px; height: 350px; bottom: -45%; right: -15%;}


/* 동아리 체험 부스 */
.main_circles{margin: 100px 0; padding: 100px 0; background: #cef2ff;}
.main_circles .wrap{display: flex; align-items: center; justify-content: space-between;}

.main_circles .left{width: calc(100% - 675px); padding-right: 50px;}
.main_circles .main_title{text-align: left;}
.main_circles .mc_menu{}
.main_circles .mc_menu li{border: 2px solid #0067b0; display: inline-block; height: 60px; line-height: 60px; text-align: center; margin-right: 5px; margin-bottom: 10px; border-radius: 50px; text-align: center; color: #0067b0; font-size: 16px; padding: 0 50px; cursor: pointer;}
.main_circles .mc_menu li.on{background: #0067b0!important; color: #fff!important;}
.main_circles .left>a{color: #0067b0; font-size: 16px; margin-top: 50px; display: inline-block; font-weight: 500;}
.main_circles .left>a::after{content: ''; display: block; position: absolute; bottom: 0; left: -5px; width: calc(100% + 10px); height: 10px; background: rgba(0,103,176,0.1);}

.main_circles .right{width: 675px;}
.main_circles .mc_content{cursor: pointer;}
.main_circles .mc_content h1{text-align: center; font-size: 18px; font-weight: 600; line-height: 28px; margin-top: 20px; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* 학생참여 */
.main_part .mp_menu{background: #f7f7f7; border-radius: 50px; overflow: hidden; margin-bottom: 70px;}
.main_part .mp_menu li{float: left; width: calc(100% / 3); text-align: center; height: 80px; line-height: 85px; font-size: 18px; cursor: pointer; color: #999;}
.main_part .mp_menu li .size{color: #999;}
.main_part .mp_menu li.on{background: #0067b0; border-radius: 50px; z-index: 9; color: #fff!important;}
.main_part .mp_menu li.on .size{color: #fff!important;}
.main_part .mp_menu li::after{content: ''; display: block; position: absolute; top: 50%; right: 0; width: 1px; height: 16px; background: #ccc; transform: translate(0, -50%);}
.main_part .mp_menu li:last-child::after{display: none;}
.main_part .mp_menu::after{content: ''; display: block; clear: both;}

.main_part .mp_content{}
.main_part .mp_content li{float: left; margin-right: 30px; width: calc(100% / 3 - 20px); margin-bottom: 100px;}
.main_part .mp_content li:nth-child(3n){margin-right: 0;}
.main_part .mp_content h1{text-align: center; font-size: 18px; font-weight: 500; line-height: 28px; margin-top: 20px; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main_part .mp_content h2{text-align: center; font-size: 16px; font-weight: 400; margin-top: 10px; color: #0067b0;}
.main_part .mp_content::after{content: ''; display: block; clear: both;}


/* 학생참여_article */
.main_part .green{width: 350px; height: 350px; bottom: 20%; right: -30%;}
.main_part .blue{width: 220px; height: 220px; top: 15%; left: -25%;}

/* 과학 이야기 */
.main_science_photo{padding: 100px 0 0;}
.main_science_photo .bg{width: 100%; height: 340px; position: absolute; top: 0; left: 0; overflow: hidden;}
.main_science_photo .bg img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.main_science_photo .main_title h1{color: #fff;}
.main_science_photo .main_title p{color: #fff;}
.main_science_photo .main_title a{color: #fff;}
.main_science_photo .main_title a::after{background: rgba(255,255,255,0.2);}

.main_science_photo .mp_list{}
.main_science_photo .mp_list li{float: left; width: calc(100% / 4 - 22.5px); margin-right: 30px; background: #fff; padding: 10px; border-radius: 20px;}
.main_science_photo .mp_list li:last-child{margin-right: 0;}
.main_science_photo .mp_list .none{background: #fff; border-radius: 20px;}


.main_science_photo .mp_list .img{overflow: hidden; padding-top: 100%; border-radius: 20px; cursor: pointer; background: #000;}
.main_science_photo .mp_list .img img{width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.3s;}

.main_science_photo .mp_list a{margin-top: 10px; border: 2px solid #0067b0; text-align: center; height: 50px; line-height: 48px; border-radius: 50px; color: #0067b0; font-weight: 500; transition: all 0.3s}
.main_science_photo .mp_list h1{text-align: center; margin-top: 20px; font-weight: 600; font-size: 18px; line-height: 28px; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main_science_photo .mp_list::after{content: ''; display: block; clear: both;}

/* 하단 */
.foot{padding: 50px 0;  background: #333; margin-top: 120px;}
.foot img{position: absolute; top: 50%; right: 0; transform: translate(0, -50%); opacity: 0.6;}
.foot .ft_info{}
.foot .ft_info li{color: rgba(255,255,255,0.4); display: inline-block; margin-right: 20px; letter-spacing: 0; margin-bottom: 5px;}
.foot .ft_info .bold{font-weight: 600;}
.foot p{color: rgba(255,255,255,0.4); margin-top: 20px;}
.foot p a{display: inline-block; font-weight: 600;}

/* top btn */
.top_btn{position: fixed; bottom: 20px; right: 20px; width: 60px; height: 60px; border-radius: 50%; background: #00a160; color: #fff; text-align: center; font-size: 13px; display: none; color: #fff; line-height: 64px; cursor: pointer;}

/* 팝업 */
#popup {width: 100%;height: 100%; position: fixed; top: 0;left: 0; z-index: 99999999; visibility: hidden; opacity: 0;}
#popup .pop_bg{width: 100%;height: 100%; background: rgba(0,0,0,0.95); transition: all 0.2s; opacity: 0; visibility: hidden;}
#popup-content {width: 1000px; max-height: 700px; overflow-y: auto; position: absolute; top: 60%; left: 50%; transform: translate(-50%, -50%); transition: all 0.2s 0.3s; opacity: 0; visibility: hidden; background: #fff; border-radius: 20px; padding: 20px;}
#popup .close_btn{width: 60px; height: 60px; border-radius: 50%; cursor: pointer; position: absolute; top: 20px; right: 20px; background: #f58426;}
#popup .close_btn img{width: 40%; cursor: pointer; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.popup_on{visibility: visible!important; opacity: 1!important;}
.popup_on .pop_bg{opacity: 1!important; visibility: visible!important;}
.popup_on #popup-content{opacity: 1!important; visibility: visible!important; top: 50%!important;}

/* 비디오 팝업 */
#popup-content .video_box .pc_video{display: block; width: 100%; padding-bottom: 60%; margin: auto; border-radius: 20px; overflow: hidden;}
#popup-content .video_box h1{text-align: center; color: #111; font-weight: 700; font-size: 25px; line-height: 35px; text-align: center; background: rgba(255,255,255,0.95); padding: 20px 20px 10px;}

/* 사진 팝업 */
#popup-content .img_box{}
#popup-content .link_btn{position: absolute; top: 20px; right: 20px; background: #00a160; flex-direction: column; height: 100px; width: 100px; border-radius: 50%; z-index: 99; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 22px;}
#popup-content .link_btn img{width: 40px;}
#popup-content .link_btn p{color: #fff; text-align: center; margin-top: 5px; font-size: 14px;}

#popup-content .ib_slide{width: 100%; border-radius: 20px; background: #f7f7f7;}
#popup-content .ib_slide .swiper-slide{width: 100%; padding-top: 56%;}
#popup-content .ib_slide .swiper-slide img{width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.ib_paging .swiper-pagination-bullet{background: #ccc; opacity: 1;}
.ib_paging .swiper-pagination-bullet-active{background: #333; width: 30px; border-radius: 50px;}

.ib_prev{background: rgba(0,0,0,0.3); left: 0!important; width:40px!important; height: 60px!important; background-image: none!important;}
.ib_prev img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 15px;}
.ib_next{background: rgba(0,0,0,0.3); right: 0!important; width:40px!important; height: 60px!important; background-image: none!important;}
.ib_next img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 15px;}

#popup-content .img_box h1{text-align: center; color: #111; font-weight: 700; font-size: 25px; line-height: 35px; text-align: center; background: rgba(255,255,255,0.95); padding: 20px 20px 10px;}

/* 파트너 로고 */
.partner{background: #f4f4f4; margin-top: 100px; margin-bottom: -120px; padding: 30px 0;}
.partner .list{}
.partner .list li{float: left; width: calc(100% / 4 - 11.5px); margin-right: 15px;}
.partner .list li:last-child{margin-right: 0;}
.partner .list li a{display: block; width: 100%; padding-top: 40%; border: 1px solid #eee; background: #fff; overflow: hidden;}
.partner .list li img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70%; transition: all 0.5s;}
.partner .list::after{content: ''; display: block; clear: both;}

/* 그누보드 팝업레이어 */
#hd_pop{width: 100%; z-index: 999999;}

/* 마우스 하버 스타일(모바일 방지) */
@media screen and (min-width:1000px) and (max-width:3000px){
    /* 동영상 썸네일 */
    .video:hover{background: #000;}
    .video:hover .img{opacity: 0.4;}
    .video:hover .paly_btn{opacity: 1; width: 20%;}

    /* 사진 썸네일 */
    .img:hover .plus{opacity: 1;}
    .img:hover .plus::before{opacity: 1; transform: rotate(180deg);}
    .img:hover .plus::after{opacity: 1; transform: rotate(180deg);}
    .img:hover .img{background: #000;}
    .img:hover img{opacity: 0.4;}

    /* head */
    .head .menu>li:hover>a{color: #0067b0;}
    .head .menu>li:hover>a::after{display: block;}
    .head .menu>li:hover .sub_menu{background: #f7f7f7;}
    .head .menu>li:hover .sub_menu::after{width: 100%;}
    .head .sub_menu li:hover a{color: #0067b0; font-weight: 500;}
    .head .sub_menu li:hover .size{color: #0067b0; font-weight: 600;}


    /* 메인 슬라이드 */
    .main_swiper_btn img:hover{opacity: 1;}

    /* 인천과학사랑 소식 */
    .main_notice .mn_list li:hover{border: 1px solid #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
    .main_notice .mn_list li:hover p{color: #333;}
    .main_notice .mn_list li:hover h2{color: #333;}
    .main_notice .mn_list li:hover .plus::after{transform: rotate(180deg);}
    .main_notice .mn_list li:hover .plus::before{transform: rotate(180deg);}

    .main_notice .mn_list .caption_01:hover .caption{background: #0067b0;}
    .main_notice .mn_list .caption_01:hover h1{color: #0067b0;}
    .main_notice .mn_list .caption_01:hover .plus::after{background: #0067b0;}
    .main_notice .mn_list .caption_01:hover .plus::before{background: #0067b0;}

    .main_notice .mn_list .caption_02:hover .caption{background: #00a160;}
    .main_notice .mn_list .caption_02:hover h1{color: #00a160;}
    .main_notice .mn_list .caption_02:hover .plus::after{background: #00a160;}
    .main_notice .mn_list .caption_02:hover .plus::before{background: #00a160;}

    .main_notice .mn_list .caption_03:hover .caption{background: #f58426;}
    .main_notice .mn_list .caption_03:hover h1{color: #f58426;}
    .main_notice .mn_list .caption_03:hover .plus::after{background: #f58426;}
    .main_notice .mn_list .caption_03:hover .plus::before{background: #f58426;}

    /* 동아리 체험 부스 */
    .main_circles .mc_menu li:hover{background: rgba(0,103,176,0.1);}

    /* 학생참여 */
    .mp_menu li:hover{color: #333;}
    .mp_menu li:hover .size{color: #333;}

    /* 과학이야기 */
    .main_science_photo .mp_list a:hover{background: #0067b0; color: #fff;}

	/* 파트너 로고 */
	.partner .list li a:hover img{width: 75%;}
}


@media screen and (max-width: 1660px){
    /* 공통 */
    .main_wrap{width: calc(100% - 40px);}
    .main_notice .green{left: -10%;}
    .main_part .green{right: -10%;}
    .main_part .blue{left: -10%;}

    /* 메인 슬라이드 */
    .main_swiper_btn .msb_box{width: 250px;}
    .main_slide .ms_bg .img{width: calc(100% - 300px);}
}

@media screen and (max-width: 1390px){
    /* 공통 */
    .wrap{width: calc(100% - 40px);}
}

@media screen and (max-width: 1290px){
    /* head */
    .head .logo{width: 210px;}
    .head .menu>li{width: 135px;}
    .head .menu>li>a{font-size: 18px; font-family: 'GmarketSansMedium', sans-serif;}
    .head .menu>li>a::after{top: 16px; right: -12px; width: 5px; height: 5px;}
    .head .sub_menu>li>a{font-size: 14px; line-height: 20px;}

    /* 인천과학사랑 소식 */
    .main_notice .mn_list li{margin-right: 20px; width: calc(100% / 4 - 15px);}

    /* 동아리 체험 부스 */
    .main_circles .right{width: 550px;}
    .main_circles .left{width: calc(100% - 550px); padding-right: 30px;}
    .main_circles .mc_menu li{font-size: 14px; height: 50px; line-height: 50px; padding: 0 40px;}

    /* 학생참여 */
    .main_part .mp_content li{margin-right: 20px; width: calc(100% / 3 - 13.5px);}

    /* 과학 이야기 */
    .main_science_photo .mp_list li{margin-right: 20px; width: calc(100% / 4 - 15px);}
}

@media screen and (max-width: 1100px){
    /* head */
    .head{height: 80px;}
    .head .menu{display: none;}
    .head .count{display: none;}
    .head .main_wrap{height: 100%;}
    .head .logo{width: 170px;}
    .ham_icon{display: block;}

    /* 메인 슬라이드 */
    .main_slide .img01 .text h1 {display: block;}/*20230919 추가*/
    
    
    .main_slide{height: auto;}
    .main_slide .ms_bg{height: auto; padding-bottom: 100px;}

    .main_slide .ms_bg .text{width: 100%; text-align: center; position: relative; top: auto; transform: inherit; padding-top: 120px;}
    .main_slide .ms_bg .text h2{font-size: 22px;}
    .main_slide .ms_bg .text h1{font-size: 60px; line-height: 70px;}
    .main_slide .ms_bg .text h1 br{display: none;}
    .main_slide .ms_bg .text a{font-size: 18px; line-height: 18px;}
	.main_slide .ms_bg .text p{font-size: 22px; line-height: 32px;}

    .main_slide .ms_bg .img{float: inherit; width: calc(100% - 40px); height: auto; margin: auto; padding-top: 45%; border-radius: 100px 0 100px 0; margin-top: 50px; left: 200px;}
    .main_slide .swiper-slide-active .img{margin-top:  50px; left: 0;}
	.main_slide .img03 .img{padding-top: 57%!important;}
	.main_slide .img02 .img{padding-top: 57%!important;}
    
    /*20230919 추가 {*/
    .main_slide .ms_bg .img {padding: 0; background-position: center}
	.main_slide .img01 .img a{padding-top: 54%!important;}
    /*}*/

    .main_swiper_btn .msb_box{width: 100%;}
    .main_swiper_btn .ms_paging{font-size: 12px; color: #bbb; font-family: 'GmarketSansMedium', sans-serif;}
    .main_swiper_btn .ms_paging .swiper-pagination-current{color: #fff;}
    .main_swiper_btn .ms_paging .swiper-pagination-total{color: #bbb; font-family: 'GmarketSansMedium', sans-serif;}

    /* 학생참여 */
    .main_part .mp_menu{margin-bottom: 50px;}
    .main_part .mp_menu li{font-size: 16px; height: 70px; line-height: 70px;}
    .main_part .mp_content li{width: calc(100% / 2 - 10px); margin-bottom: 70px;}
    .main_part .mp_content li:nth-child(3n){margin-right: 20px;}
    .main_part .mp_content li:nth-child(2n){margin-right: 0;}

    /* 그누보드 팝업레이어 */
    .hd_pops{top: 10px!important; left: 10px!important; width: auto!important; max-width: calc(100% - 20px);}
    .hd_pops_con{width: auto!important; height: auto!important; min-width: 300px; min-height: 250px;}
}

@media screen and (max-width: 1060px){
    /* 팝업 */
    #popup-content{width: calc(100% - 40px);}
    #popup-content .video_box h1{font-size: 20px; line-height: 30px;}
    #popup-content .img_box h1{font-size: 20px; line-height: 30px;}
}

@media screen and (max-width: 1000px){
    /* 공통 */
    .main_title h1{font-size: 38px; line-height: 38px;}
    .main_title p{font-size: 16px;}
    .main_title a{font-size: 14px;}

    /* 사진 팝업 */
    #popup-content .link_btn{width: 60px; height: 60px;}
    #popup-content .link_btn img{width: 30px;}
    #popup-content .link_btn p{display: none;}

    /* 인천과학사랑 소식 */
    .main_notice .mn_list li{width: calc(100% / 2 - 15px); margin-top: 20px;}
    .main_notice .mn_list li:nth-child(1){margin-top: 0;}
    .main_notice .mn_list li:nth-child(2){margin-top: 0;}
    .main_notice .mn_list li:nth-child(2n){margin-right: 0;}
    .main_notice .caption_01 .caption{background: #0067b0!important;}
    .main_notice .caption_02 .caption{background: #00a160!important;}
    .main_notice .caption_03 .caption{background: #f58426!important;}

    /* 동아리 체험 부스 */
    .main_circles .wrap{display: block; align-items: inherit; justify-content: inherit;}
    .main_circles .left{width: 100%; text-align: center; padding: 0; margin-bottom: 50px;}
    .main_circles .main_title{text-align: center;}
    .main_circles .mc_menu{margin: -20px auto 0;}
    .main_circles .right{width: 100%;}
    .main_circles .left>a{margin-top: 10px;}

    /* 과학 이야기 */
    .main_science_photo .mp_list li{margin-top: 50px; width: calc(100% / 2 - 10px); box-shadow: 0 0 10px rgba(0,0,0, 0.15);}
    .main_science_photo .mp_list li:nth-child(1){margin-top: 0;}
    .main_science_photo .mp_list li:nth-child(2){margin-top: 0;}
    .main_science_photo .mp_list li:nth-child(2n){margin-right: 0;}

    /* foot */
    .foot img{position: relative; top: auto; right: auto; transform: inherit; margin: 0 auto 50px; display: block;}
    .foot .ft_info{text-align: center;}
    .foot p{text-align: center;}
}

@media screen and (max-width: 800px){
    /* 공통 */
    .main_title{margin-bottom: 30px;}
    .main_title h1{font-size: 30px; line-height: 30px; margin-bottom: 5px;}
    .main_title h1::after{right: -15px; width: 8px; height: 8px;}
    .main_title a{position: relative; bottom: auto; right: auto; margin-top: 10px;}
    .none{padding: 100px 0;}

    /* 모바일 메뉴 */
    .acteve_menu_box .wrap{width: 75%;}
    .m_menu_box .close_btn{border-radius: 50%; top: 15px; right: 20px;}
    .m_menu_box .count{padding: 20px 100px 20px 20px; height: auto;}
    .m_menu_box .count li{font-size: 14px; display: block; line-height: inherit; margin-bottom: 10px; margin-left: 0; color: #333;}
    .m_menu_box .count li:last-child{margin-bottom: 0;}
    .m_menu_box .count li::after{display: none;}
    .m_menu_box .m_menu{margin-top: 120px;}
    .m_menu_box .m_menu{padding: 0 20px;}
    .m_menu_box .m_sub_menu{padding: 10px 10px 10px 20px;}
    .m_menu_box .m_sub_menu a{font-size: 14px; line-height: 14px; padding: 10px 0;}

    /* 팝업 */
    #popup-content{padding: 10px; max-height: 500px;}
    #popup-content .video_box .pc_video{border-radius: 15px;}
    #popup-content .video_box h1{font-size: 16px; line-height: 24px; font-weight: 500; padding: 15px 15px 5px;}
    #popup .close_btn{width: 50px; height: 50px;}

    #popup-content .ib_slide{border-radius: 15px;}
    #popup-content .img_box h1{font-size: 16px; line-height: 24px; font-weight: 500; padding: 15px 15px 5px;}
    .ib_prev{width:30px!important; height: 50px!important;}
    .ib_prev img{width: 10px;}
    .ib_next{width:30px!important; height: 50px!important;}
    .ib_next img{width: 10px;}
    .ib_paging .swiper-pagination-bullet-active{width: 25px;}

    /* top btn */
    .top_btn{width: 50px; height: 50px; font-size: 11px; line-height: 53px; font-weight: 400;}

    /* 메인 슬라이드 */
    .main_slide{margin-bottom: 70px;}
    .main_slide .ms_bg .text{padding-top: 100px;}
    .main_slide .ms_bg .text h2{font-size: 18px;}
    .main_slide .ms_bg .text h1{font-size: 12vw; line-height: 13.5vw;}
    .main_slide .ms_bg .text a{font-size: 14px; line-height: 14px;}
    .main_slide .ms_bg .text a::after{height: 10px; bottom: -3px;}
	.main_slide .ms_bg .text p{font-size: 18px; line-height: 28px; margin-top: 8px;}
    .main_slide .ms_bg .img{border-radius: 50px 0 50px 0; margin-top: 30px;}
    .main_slide .swiper-slide-active .img{margin-top: 30px;}
    
/*    .main_slide .img01 .text h1 {margin: 9% 0}20230919 추가*/

    /* 인천과학사랑 소식 */
    .main_notice .mn_list li{width: 100%; margin-right: 0;}
    .main_notice .mn_list li:nth-child(2){margin-top: 20px;}
    .main_notice .mn_list h1{font-size: 16px; line-height: 24px; height: 48px; margin-bottom: 10px;}
    .main_notice .mn_list p{font-size: 14px; line-height: 22px;  height: 44px;}
    .main_notice .mn_list h2{font-size: 14px;}
    .main_notice .mn_list .plus{width: 20px; height: 20px;}
    .main_notice .mn_list .plus::before{width: 1px; left: 10px;}
    .main_notice .mn_list .plus::after{height: 1px; top: 10px;}

    /* 동아리 체험 부스 */
    .main_circles{margin: 70px 0; padding: 70px 0;}
    .main_circles .left>a{font-size: 14px; margin-top: 0;}
    .main_circles .mc_menu{margin: 0; width: 683px; text-align: left; overflow: hidden;}
    .m_mc_menu{max-width: 100%; overflow-x: scroll; overflow-y: hidden;}
    .main_circles .mc_menu li{margin-bottom: 20px; font-size: 12px; height: 45px; line-height: 45px; padding: 0 30px;}
    .main_circles .mc_menu li:last-child{margin-right: 0;}
    .main_circles .left{margin-bottom: 30px;}
    .main_circles .mc_content h1{font-size: 16px; line-height: 24px; margin-top: 15px;}

    /* 학생참여 */
    .main_part .mp_menu{width: 100%; overflow: hidden; margin-bottom: 0;}
    .main_part .mp_menu li{font-size: 14px; height: 50px; line-height: 55px;}
    .main_part .mp_content li{width: 100%; margin-right: 0; margin-bottom: 50px;}
    .main_part .mp_content li:nth-child(3n){margin-right: 0;}
    .main_part .mp_content{margin-top: 40px;}
    .main_part .mp_content h1{font-size: 16px; line-height: 24px; margin-top: 15px;}
    .main_part .mp_content h2{font-size: 14px; margin-top: 5px;}

     /* 과학 이야기 */
    .main_science_photo .mp_list li{margin-top: 20px; width: 100%; margin-right: 0;}
    .main_science_photo .mp_list li:nth-child(2){margin-top: 20px;}
    .main_science_photo .mp_list a{font-size: 14px;}
    .main_science_photo .mp_list h1{font-size: 16px; line-height: 24px; margin-bottom: 10px; padding: 0 20px;}

	/* 파트너 로고 */
	.partner{margin-top: 80px; padding: 20px 0;}
	.partner .list li{width: calc(100% / 2 - 2.5px); margin-right: 5px;}
	.partner .list li:nth-child(2n){margin-right: 0;}
	.partner .list li:nth-child(3){margin-top: 5px;}
	.partner .list li:nth-child(4){margin-top: 5px;}
}

@media screen and (max-width: 600px){
    /* 공통 */
    .article{display: none;}

    /* head */
    .head{height: 60px;}
    .head .logo{width: 120px;}
    .m_menu_box .close_btn{width: 50px; height: 50px; top: 20px;}

    /* 사진 팝업 */
    #popup-content .ib_slide .swiper-slide{padding-top: 100%;}

    #popup-content .link_btn{width: auto; height: auto; padding: 8px 10px 6px 10px; border-radius: 5px; top: 10px; right: 10px;}
    #popup-content .link_btn img{display: none;}
    #popup-content .link_btn p{display: block; margin-top: 0; font-size: 12px; line-height: 12px;}

    /* 학생참여 */
    .main_part .mp_menu{width: 560px;}

	/* 파트너 로고 */
	.partner{margin-bottom: -70px; margin-top: 60px;}

    /* foot */
    .foot{margin-top: 70px; padding: 30px 0;}
    .foot img{width: 180px; margin: 0 auto 30px;}
    .foot .ft_info li{font-size: 14px; line-height: 22px;}
    .foot p{font-size: 14px; line-height: 22px;}

}

@media screen and (max-width:500px){
/*    .main_slide .img01 .text h1 {margin: 13% 0}20230919 추가*/
}