@charset "UTF-8";
/**
* contents
* */
html { min-width: 300px; }
.sr-only { position: absolute; width: 0.1rem; height: 0.1rem; padding: 0; margin: -0.1rem; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
/**
* 공통
* */
.main_r26 { --ratio: 1; --bg-gap: clamp(40px, 40%, 240px); --sns-icon: 40px; --ctrl-icon: 30px; }
@media (max-width:768px) {
    .main_r26 { --ratio: 0.5; --sns-icon: 34px; --ctrl-icon: 20px; }
}
.main_r26 { padding-top: 139px; line-height: 1.5; font-weight: 500; font-family: "Pretendard"; }
.main_r26 .font-pri, .main_r26 .section.events .badge, .main_r26 .section.education .tab_select, .main_r26 .section.main .visitor_info, .main_r26 .section_header * { font-family: "Hakgyoansim"; line-height: 1.2; font-weight: 400; }
.main_r26 .font-sec { font-family: "Pretendard"; }
.main_r26 .font-thd { font-family: "WantedSans"; }
.main_r26 .section_inner { max-width: 1550px; padding: 0 15px; margin: 0 auto; position: relative; }
@media (max-width:1024px) {
    .main_r26 .section_inner { padding-bottom: 67px; }
}
@media (max-width:768px) {
    .main_r26 .section_inner { padding-bottom: 47px; }
}
.main_r26 .section_header { max-width: 250px; margin-top: 140px; }
.main_r26 .section_header * { word-break: normal; overflow-wrap: break-word; }
.main_r26 .section_header .section_title { font-weight: 400; font-size: 38px; }
.main_r26 .section_header .seciton_subtit { font-size: 18px; margin-top: 30px; color: #576273; }
.main_r26 .section_header .slider_ctrl { justify-content: flex-start; margin-top: 100px; }
@media (max-width:1024px) {
    .main_r26 .section_header { max-width: 100%; margin-top: 0; padding-top: 36px; }
    .main_r26 .section_header .section_title { text-align: center; font-size: 2.375rem; }
    .main_r26 .section_header .seciton_subtit { text-align: center; margin-top: 10px; font-size: 1.125rem; }
    .main_r26 .section_header .slider_ctrl { justify-content: center; margin-top: 32px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
}
@media (max-width:768px) {
    .main_r26 .section_header .section_title { font-size: 23px; }
    .main_r26 .section_header .seciton_subtit { font-size: 13px; }
}
.main_r26 .slide { opacity: 0; }
.main_r26 .slide .slick-slide a { display: block; }
.main_r26 .slider_btn { width: calc(64px * var(--ratio)); height: calc(64px * var(--ratio)); border-radius: 50%; background-color: #fff; background-position: center; background-size: 9px 14px; background-repeat: no-repeat; background-image: url(../img/common/ico_arr02.png); }
.main_r26 .slider_btn.prev { transform: rotate(180deg); box-shadow: 0px -15px 30px 0px rgba(43, 63, 122, 0.15); }
.main_r26 .slider_btn.next { transform: rotate(0deg); transform: translateX(calc(-8px * var(--ratio))); box-shadow: 0px 15px 30px 0px rgba(43, 63, 122, 0.15); }
.main_r26 .slider_btn.more { background-image: url(../img/common/ico_plus_w.png); background-color: #30364d; background-size: 14px; box-shadow: 5.63px 6.76px 24.79px 0px rgba(158, 169, 194, 0.3); }
.main_r26 .slider_btn.small { width: 50px; height: 50px; }
.main_r26 .slider_btn.trans { background-image: url(../img/common/ico_arr03.png); background-color: transparent; background-size: 9px 14px; box-shadow: none; }
.main_r26 .slider_btn.trans.next { transform: translateX(0); }
@media (max-width:768px) {
    .main_r26 .slider_btn { background-size: 6px 10px; }
    .main_r26 .slider_btn.more { background-size: 10px; }
    .main_r26 .slider_btn.small { width: 35px; height: 35px; }
}
.main_r26 .slider_ctrl { display: flex; justify-content: center; position: relative; z-index: 1; }
.main_r26 .slider_ctrl .left, .main_r26 .slider_ctrl .right { display: flex; }
.main_r26 .slider_autoplay button { display: none; width: calc(35px * var(--ratio)); height: calc(35px * var(--ratio)); border-radius: 50%; background-position: center; background-size: 100%; background-repeat: no-repeat; }
.main_r26 .slider_autoplay button.play.on { display: block; background-image: url(../img/common/ico_play.png); }
.main_r26 .slider_autoplay button.pause.on { display: block; background-image: url(../img/common/ico_pause.png); }
.main_r26 .slider_autoplay.type2 { margin-right: 10px; }
.main_r26 .slider_autoplay.type2 button { box-shadow: 5.63px 6.76px 24.79px 0px rgba(158, 169, 194, 0.3); }
.main_r26 .section.main .slide:focus-within, .main_r26 .section.news .slide:focus-within { outline: 2px dashed #ed272d; }
/**
* 메인 배너
* */
.main_r26 .section.main { position: relative; background-image: url(../img/common/bg_sec_01.png); background-position: top center; background-size: 100% auto; background-repeat: no-repeat; }
.main_r26 .section.main .section_inner { display: grid; grid-template-columns: minmax(300px, 984px) minmax(472px, 1fr); gap: 20px clamp(20px, 3.3vw, 64px); padding: 60px 15px 114px; grid-template-areas: "main_banner banner_zone" "main_banner visitor_info"; }
@media (max-width:1400px) {
    .main_r26 .section.main .section_inner { gap: 114px 20px; grid-template-columns: minmax(0, 1fr) minmax(450px, 1fr); grid-template-areas: "main_banner main_banner" "banner_zone visitor_info"; }
}
.main_r26 .section.main .banner_slides { position: relative; grid-area: main_banner; }
.main_r26 .section.main .banner_slides .slide { overflow: hidden; border-radius: calc(60px * var(--ratio)); height: 100%; }
.main_r26 .section.main .banner_slides .slide * { display: block; height: 100%; }
.main_r26 .section.main .banner_slides .slide .img_wrap { position: relative; border-radius: 0; overflow: hidden; width: 100%; padding-top: 58.6382113821%; }
.main_r26 .section.main .banner_slides .slide .img_wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media (max-width:768px) {
    .main_r26 .section.main .banner_slides .slide .img_wrap { border-radius: 0; }
}
.main_r26 .section.main .banner_slides .slider_ctrl { position: absolute; bottom: -57px; left: 50%; transform: translateX(-50%); gap: 27px; }
.main_r26 .section.main .banner_slides .slider_ctrl .left { position: relative; z-index: 0; background-color: #fff; box-shadow: 0px 0px 10px 0px rgba(43, 63, 122, 0.1490196078); padding: 15px 35px 42px; border-top-left-radius: calc(45px * var(--ratio)); border-top-right-radius: calc(45px * var(--ratio)); align-items: center; gap: 14px; }
.main_r26 .section.main .banner_slides .slider_ctrl .left::after { content: ""; display: block; width: calc(100% + 30px); height: 50px; background-color: #fff; position: absolute; left: -15px; bottom: -15px; z-index: 1; }
.main_r26 .section.main .banner_slides .slider_ctrl .left .count { min-width: 64px; font-family: "WantedSans"; font-size: 18px; color: #9ea6af; font-weight: 500; display: flex; gap: 6px; }
.main_r26 .section.main .banner_slides .slider_ctrl .left .count .current { font-weight: 700; color: #000; }
.main_r26 .section.main .banner_slides .btn_more { display: block; width: calc(35px * var(--ratio)); height: calc(35px * var(--ratio)); border-radius: 50%; background-image: url(../img/common/ico_more.png); background-position: center; background-size: 100%; background-repeat: no-repeat; margin-left: 8px; }
.main_r26 .section.main .banner_zone { position: relative; grid-area: banner_zone; }
.main_r26 .section.main .banner_zone .title_box { display: flex; align-items: center; justify-content: space-between; padding-bottom: 15px; position: relative; z-index: 1; }
.main_r26 .section.main .banner_zone .title_box h3 { font-size: 28px; font-weight: 400; }
.main_r26 .section.main .banner_zone .title_box .btn_plus { display: block; width: 24px; height: 24px; background-image: url(../img/common/ico_plus_b.png); background-position: center; background-size: 100%; background-repeat: no-repeat; }
.main_r26 .section.main .banner_zone .slide { border-radius: 20px; overflow: hidden; }
.main_r26 .section.main .banner_zone .slide .img_wrap { position: relative; border-radius: 0; overflow: hidden; width: 100%; padding-top: 52.9661016949%; }
.main_r26 .section.main .banner_zone .slide .img_wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media (max-width:768px) {
    .main_r26 .section.main .banner_zone .slide .img_wrap { border-radius: 0; }
}
.main_r26 .section.main .banner_zone .slider_ctrl { position: absolute; bottom: 16px; right: 14px; background-color: rgba(255, 255, 255, 0.9); padding: 10px 15px 10px 25px; border-radius: 50px; box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.08); }
.main_r26 .section.main .banner_zone .slider_ctrl .slider_btn { width: 24px; height: 24px; }
.main_r26 .section.main .banner_zone .slider_ctrl .right { align-items: center; gap: 10px; margin-left: 10px; }
.main_r26 .section.main .banner_zone .slider_ctrl .count { font-family: "WantedSans"; font-size: 16px; color: #9ea6af; font-weight: 500; display: flex; align-items: center; gap: 6px; }
.main_r26 .section.main .banner_zone .slider_ctrl .count .current { font-weight: 700; color: #000; }
.main_r26 .section.main .visitor_info { grid-area: visitor_info; display: flex; justify-content: space-between; flex-direction: column; }
.main_r26 .section.main .visitor_info .info_list { background-color: #fff; border-top-left-radius: 20px; border-top-right-radius: 20px; border: 4px solid #edf1f5; border-bottom: 0; padding: 10px clamp(10px, 1.6vw, 30px) 20px; flex: 1; width: 100%; display: flex; flex-direction: column; justify-content: center; }
.main_r26 .section.main .visitor_info .info_list dl { display: flex; align-items: center; flex-wrap: wrap; margin-top: 20px; }
.main_r26 .section.main .visitor_info .info_list dl dt { width: 58px; font-size: 15px; color: #3351ad; margin-right: 13px; background: linear-gradient(to top, rgba(51, 81, 173, 0.2), rgba(51, 81, 173, 0.2)); background-size: 100% 7px; background-repeat: no-repeat; background-position: left bottom 4px; }
.main_r26 .section.main .visitor_info .info_list dl dt.ls { letter-spacing: 6px; overflow-wrap: normal; }
.main_r26 .section.main .visitor_info .info_list dl dd { font-size: 17px; }
.main_r26 .section.main .visitor_info .info_list dl dd.desc { flex: 0 0 100%; color: #9197a2; font-size: 13px; letter-spacing: 0; margin-top: 5px; }
.main_r26 .section.main .visitor_info .info_list dl dd span { font-size: 14px; }
.main_r26 .section.main .visitor_info .info_link { position: relative; display: flex; justify-content: center; background-color: #3351ad; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1); padding: 15px; gap: calc(60px * var(--ratio)); }
.main_r26 .section.main .visitor_info .info_link li { position: relative; padding-left: 28px; background-position: left top; background-size: 20px; line-height: 20px; background-repeat: no-repeat; }
.main_r26 .section.main .visitor_info .info_link li.ico_call { background-image: url(../img/common/ico_call.png); }
.main_r26 .section.main .visitor_info .info_link li.ico_parking { background-image: url(../img/common/ico_parking.png); }
.main_r26 .section.main .visitor_info .info_link li.ico_map { background-image: url(../img/common/ico_map.png); }
.main_r26 .section.main .visitor_info .info_link li a { display: block; height: 100%; color: #fff; font-size: 14px; }
.main_r26 .section.main .visitor_info .info_link li:not(:first-child)::after { content: ""; display: block; position: absolute; width: 1px; height: 13px; background-color: #fff; opacity: 0.3; left: -30px; top: 5px; }
.main_r26 .section.main .visitor_info .info_link::after { content: ""; display: block; position: absolute; width: 85px; height: 87px; right: 12px; top: -79px; background-image: url(../img/common/img_charactor_01.png); background-position: center; background-repeat: no-repeat; background-size: 100%; }
/**
* 전시 둘러보기
* */
.main_r26 .section.exhibition { position: relative; background-image: url(../img/common/bg_sec_02.png); background-position: top right; background-size: calc(100% - var(--bg-gap)) auto; background-repeat: no-repeat; overflow: hidden; }
.main_r26 .section.exhibition .section_inner { display: grid; grid-template-columns: 250px 1fr; }
.main_r26 .section.exhibition .section_inner::after { content: ""; display: block; position: absolute; width: 185px; height: 150px; background-image: url(../img/common/img_charactor_03.png); background-position: center; background-size: 100%; background-repeat: no-repeat; left: 0; bottom: 55px; }
@media (max-width:1024px) {
    .main_r26 .section.exhibition .section_inner::after { display: none; }
}
.main_r26 .section.exhibition .slide_wrap { width: calc(100% + 20px); margin-top: 56px; overflow: hidden; }
.main_r26 .section.exhibition .slide { padding-left: 80px; position: relative; }
.main_r26 .section.exhibition .slide .img_wrap { position: relative; border-radius: 30px; overflow: hidden; width: 100%; padding-top: 66.2983425414%; }
.main_r26 .section.exhibition .slide .img_wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media (max-width:768px) {
    .main_r26 .section.exhibition .slide .img_wrap { border-radius: 25px; }
}
.main_r26 .section.exhibition .slide .text_box { padding: clamp(20px, 2.125rem, 34px) clamp(24px, 1.875rem, 29px); position: relative; }
.main_r26 .section.exhibition .slide .text_box h4 { font-size: clamp(18px, 1.375rem, 22px); color: #3351ad; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.main_r26 .section.exhibition .slide .text_box p { font-size: clamp(15px, 1.0625rem, 17px); margin-top: 10px; color: #576273; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.main_r26 .section.exhibition .slide .ico_more { position: absolute; right: clamp(12px, 2.5rem, 20px); top: -30px; display: block; width: 70px; height: 70px; border-radius: 50%; background: url("../img/common/ico_srch.png") no-repeat center top 16px, linear-gradient(180deg, #377ad2 0%, #309da9 100%); background-size: 15px; color: #fff; font-size: 13px; padding-top: 36px; text-align: center; }
.main_r26 .section.exhibition .slide .slick-track { display: flex; padding: 20px; }
@media (max-width:1024px) {
    .main_r26 .section.exhibition .slide .slick-track { padding: 20px 0; }
}
.main_r26 .section.exhibition .slide .slick-slide { position: relative; background-color: #fff; box-shadow: 0px 4px 20px 0px rgba(16, 37, 44, 0.15); border-radius: 30px; border-bottom-right-radius: clamp(70px, 4.7vw, 90px); transform: translateY(0); transition: margin-top 0.4s ease, transform 0.4s ease; }
.main_r26 .section.exhibition .slide .slick-slide:not(:last-child) { margin-right: 42px; }
@media (hover:hover) and (pointer:fine) {
    .main_r26 .section.exhibition .slide .slick-slide:hover { transform: translateY(-10px); }
}
.main_r26 .section.exhibition .slide .text_box p { white-space: normal; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.4; max-height: 2.8em; min-width: 0; }
.main_r26 .section.exhibition .slide .slick-slide:nth-child(even) { margin-top: 46px; }
/**
* 과학교육
* */
.main_r26 .section.education { position: relative; margin-top: 50px; overflow: hidden; }
.main_r26 .section.education .section_inner { display: grid; grid-template-columns: 250px 1fr; position: relative; }
.main_r26 .section.education .section_inner::after { content: ""; display: block; position: absolute; width: 473px; height: 441px; background: linear-gradient(144.45deg, #eaf2fb 42.52%, #f6e8eb 93.77%); border-radius: calc(166px * var(--ratio)); left: 0; top: 31px; z-index: -1; }
.main_r26 .section.education .section_inner::before { content: ""; display: block; position: absolute; width: clamp(150px, 8.8vw, 170px); height: calc(clamp(150px, 8.8vw, 170px) * 0.8647058824); background-image: url(../img/common/img_charactor_04.png); background-size: 100%; background-repeat: no-repeat; bottom: clamp(20px, 2.1vw, 60px); left: clamp(155px, 8vw, 155px); }
@media (max-width:1024px) {
    .main_r26 .section.education .section_inner::before { transform: scale(0.7); bottom: unset; top: -38px; left: unset; right: 0; }
}
.main_r26 .section.education .section_header { margin-top: 120px; padding-left: 50px; position: relative; }
.main_r26 .section.education .section_header .section_title { position: relative; z-index: 1; padding-left: 30px; width: calc(100% + 100px); }
.main_r26 .section.education .tab_list { margin-top: 30px; display: flex; flex-direction: column; width: calc(100% + 100px); position: relative; }
.main_r26 .section.education .tab_list .tab_btn { padding: 13px 70px 11px 30px; position: relative; height: 80px; display: flex; align-items: center; z-index: 1; }
.main_r26 .section.education .tab_list .tab_btn button, .main_r26 .section.education .tab_list .tab_btn a { font-size: 26px; color: #636979; transition: color 0.4s ease; z-index: 1; }
.main_r26 .section.education .tab_list .tab_btn button.active, .main_r26 .section.education .tab_list .tab_btn a.active { color: #000; }
.main_r26 .section.education .tab_list::after { content: ""; display: block; position: absolute; width: 304px; height: 148px; background-image: url(../img/common/bg_tab.png); background-position: center; background-size: 100% 100%; background-repeat: no-repeat; left: 0; top: -34px; z-index: 0; transition: transform 0.2s ease; }
@media (max-width:1024px) {
    .main_r26 .section.education .tab_list::after { display: none; }
}
.main_r26 .section.education .tab_list:has(.tab_btn:nth-child(1) button.active)::after { transform: translateY(0); }
.main_r26 .section.education .tab_list:has(.tab_btn:nth-child(2) button.active)::after { transform: translateY(80px); }
@media (max-width:1024px) {
    .main_r26 .section.education .tab_list { display: none; }
}
.main_r26 .section.education [role=tabpanel] { opacity: 0; visibility: hidden; transition: opacity 0.4s ease, transform 0.4s ease; }
.main_r26 .section.education [role=tabpanel].show { opacity: 1; visibility: visible; }
.main_r26 .section.education .tab_select { width: 100%; max-width: 250px; height: 40px; margin: 16px auto 0; display: block; padding: 10px 54px 10px 26px; border: none; font-size: 15px; color: #000; border-radius: 20px; background-color: #fff; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-image: url(../img/common/ico_arr04.png); background-repeat: no-repeat; background-position: right 27px center; background-size: 13px 8px; cursor: pointer; }
@media (min-width:1024px) {
    .main_r26 .section.education .tab_select { display: none; }
}
.main_r26 .section.education .tab_content { overflow: hidden; width: calc(100% + 20px); padding-top: 84px; }
.main_r26 .section.education .slide_wrap { margin-top: 0; }
.main_r26 .section.education .slide { padding-left: 80px; position: relative; z-index: 2; }
.main_r26 .section.education .slide .img_wrap { position: relative; border-radius: 30px; overflow: hidden; width: 100%; padding-top: 66.2983425414%; }
.main_r26 .section.education .slide .img_wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media (max-width:768px) {
    .main_r26 .section.education .slide .img_wrap { border-radius: 25px; }
}
.main_r26 .section.education .slide .text_box { padding: clamp(20px, 2.125rem, 34px) clamp(24px, 1.875rem, 29px); position: relative; }
.main_r26 .section.education .slide .text_box h4 { font-size: clamp(18px, 1.375rem, 22px); color: #3351ad; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.main_r26 .section.education .slide .text_box p { font-size: clamp(15px, 1.0625rem, 17px); margin-top: 10px; color: #576273; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.main_r26 .section.education .slide .ico_more { position: absolute; right: clamp(12px, 2.5rem, 20px); top: -30px; display: block; width: 70px; height: 70px; border-radius: 50%; background: url("../img/common/ico_srch.png") no-repeat center top 16px, linear-gradient(180deg, #377ad2 0%, #309da9 100%); background-size: 15px; color: #fff; font-size: 13px; padding-top: 36px; text-align: center; }
.main_r26 .section.education .slide .slick-track { display: flex; padding: 20px; }
@media (max-width:1024px) {
    .main_r26 .section.education .slide .slick-track { padding: 20px 0; }
}
.main_r26 .section.education .slide .slick-slide { position: relative; background-color: #fff; box-shadow: 0px 4px 20px 0px rgba(16, 37, 44, 0.15); border-radius: 30px; border-bottom-right-radius: clamp(70px, 4.7vw, 90px); transform: translateY(0); transition: margin-top 0.4s ease, transform 0.4s ease; }
.main_r26 .section.education .slide .slick-slide:not(:last-child) { margin-right: 42px; }
@media (hover:hover) and (pointer:fine) {
    .main_r26 .section.education .slide .slick-slide:hover { transform: translateY(-10px); }
}
.main_r26 .section.education .slide .text_box h4 { color: #313131; }
.main_r26 .section.education .slide .text_box p { color: #535d6c; font-weight: 500; }
.main_r26 .section.education .slide .text_box p + p { margin-top: 5px; }
.main_r26 .section.education .slider_ctrl { position: absolute; z-index: 1; right: 15px; top: 22px; }
/**
* 문화행사
* */
.main_r26 .section.events { background: linear-gradient(97.05deg, #e3eeff 32.39%, #e4f2ff 59.01%, #d5e7ff 79.92%); padding: calc(62px * var(--ratio)) 0 calc(33px * var(--ratio)); margin-top: calc(82px * var(--ratio)); position: relative; overflow: hidden; }
.main_r26 .section.events .section_inner { display: grid; grid-template-columns: 250px 1fr; }
.main_r26 .section.events .section_header { margin-top: 36px; }
.main_r26 .section.events .badge { position: absolute; padding: 8px 13px; border-radius: 8px; color: #fff; font-size: clamp(12px, 0.95rem, 15px); left: clamp(15px, 1.2vw, 20px); top: clamp(15px, 1.2vw, 20px); z-index: 1; }
.main_r26 .section.events .badge.type01 { background-color: #3890e4; }
.main_r26 .section.events .badge.type02 { background-color: #33bfb4; }
.main_r26 .section.events .slide_wrap { --char-width: clamp(80px, 6vw, 98px); overflow: hidden; width: calc(100% + 40px); position: relative; }
.main_r26 .section.events .slide_wrap::after { content: ""; display: block; position: absolute; width: var(--char-width); height: calc(var(--char-width) * 1.3673469388); background-image: url(../img/common/img_charactor_02.png); background-repeat: no-repeat; background-size: 100%; left: calc(98px - var(--char-width) * 78 / 98); top: 76px; }
@media (max-width:1024px) {
    .main_r26 .section.events .slide_wrap::after { display: none; }
}
.main_r26 .section.events .slide { padding-left: 100px; }
.main_r26 .section.events .slide .img_wrap { position: relative; border-radius: 30px; overflow: hidden; width: 100%; padding-top: 66.2983425414%; }
.main_r26 .section.events .slide .img_wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media (max-width:768px) {
    .main_r26 .section.events .slide .img_wrap { border-radius: 25px; }
}
.main_r26 .section.events .slide .text_box { padding: clamp(20px, 2.125rem, 34px) clamp(24px, 1.875rem, 29px); position: relative; }
.main_r26 .section.events .slide .text_box h4 { font-size: clamp(18px, 1.375rem, 22px); color: #3351ad; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.main_r26 .section.events .slide .text_box p { font-size: clamp(15px, 1.0625rem, 17px); margin-top: 10px; color: #576273; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.main_r26 .section.events .slide .ico_more { position: absolute; right: clamp(12px, 2.5rem, 20px); top: -30px; display: block; width: 70px; height: 70px; border-radius: 50%; background: url("../img/common/ico_srch.png") no-repeat center top 16px, linear-gradient(180deg, #377ad2 0%, #309da9 100%); background-size: 15px; color: #fff; font-size: 13px; padding-top: 36px; text-align: center; }
.main_r26 .section.events .slide .slick-track { display: flex; padding: 20px; }
@media (max-width:1024px) {
    .main_r26 .section.events .slide .slick-track { padding: 20px 0; }
}
.main_r26 .section.events .slide .slick-slide { position: relative; background-color: #fff; box-shadow: 0px 4px 20px 0px rgba(16, 37, 44, 0.15); border-radius: 30px; border-bottom-right-radius: clamp(70px, 4.7vw, 90px); transform: translateY(0); transition: margin-top 0.4s ease, transform 0.4s ease; }
.main_r26 .section.events .slide .slick-slide:not(:last-child) { margin-right: 42px; }
@media (hover:hover) and (pointer:fine) {
    .main_r26 .section.events .slide .slick-slide:hover { transform: translateY(-10px); }
}
.main_r26 .section.events .slide .slick-slide { background-color: transparent; box-shadow: none; }
.main_r26 .section.events .slide .slick-track { padding: 20px 0; }
.main_r26 .section.events .slide .text_box { padding: 27px 0 0 0; }
.main_r26 .section.events .slide .text_box h4 { color: #313131; }
.main_r26 .section.events .slide .text_box p { color: #535d6c; font-weight: 500; }
.main_r26 .section.events .slide .text_box p + p { margin-top: 5px; }
/**
* 과학관소식
* */
.main_r26 .section.news { margin-top: clamp(32px, 5.2vw, 100px); }
.main_r26 .section.news .section_inner { display: grid; grid-template-columns: minmax(55%, 1fr) minmax(0, 490px); gap: clamp(20px, 4.68vw, 90px); padding-bottom: clamp(35px, 3.4vw, 65px); }
.main_r26 .section.news .section_header { width: 100%; max-width: 100%; display: flex; flex-wrap: wrap; margin: 0; padding: 18px 0; }
.main_r26 .section.news .part_left { display: flex; flex-direction: column; position: relative; }
.main_r26 .section.news .part_left .section_header { align-items: flex-end; gap: clamp(20px, 2.8vw, 55px); padding-right: calc(50px * var(--ratio)); padding-bottom: 22px; }
.main_r26 .section.news .part_left .tab_list { display: flex; gap: calc(10px * var(--ratio)); position: relative; z-index: 1; }
.main_r26 .section.news .part_left .tab_list .tab_btn { position: relative; }
.main_r26 .section.news .part_left .tab_list .tab_btn:not(:first-child) { padding-left: calc(24px * var(--ratio)); }
.main_r26 .section.news .part_left .tab_list .tab_btn:not(:first-child)::after { content: ""; display: block; position: absolute; width: calc(6px * var(--ratio)); height: calc(6px * var(--ratio)); border-radius: 6px; background-color: #c8cada; left: calc(34px * var(--ratio) / 2 - 10px * var(--ratio) - 3px); top: 5px; }
.main_r26 .section.news .part_left .tab_list button, .main_r26 .section.news .part_left .tab_list a { font-size: clamp(15px, 1.125rem, 18px); color: #576273; transition: color 0.2s ease; }
.main_r26 .section.news .part_left .tab_list button.active, .main_r26 .section.news .part_left .tab_list a.active { color: #1353a6; border-bottom: 3px solid #1353a6; }
.main_r26 .section.news .part_left .slider_btn { position: absolute; z-index: 1; right: 0; top: 16px; }
.main_r26 .section.news .part_right { gap: 12px; }
.main_r26 .section.news .part_right .section_header { align-items: center; justify-content: space-between; }
.main_r26 .section.news .slider_ctrl { margin: 0; }
.main_r26 .section.news [role=tabpanel] { opacity: 0; visibility: hidden; transition: opacity 0.4s ease, transform 0.4s ease; }
.main_r26 .section.news [role=tabpanel].show { opacity: 1; visibility: visible; }
.main_r26 .section.news .news_list { display: flex; gap: 10px; flex-direction: column; justify-content: space-between; }
.main_r26 .section.news .news_list a { display: flex; align-items: center; padding: 25px 40px; gap: 28px; border-radius: 20px; background-color: #f4f4f4; font-weight: 500; }
.main_r26 .section.news .news_list a time { padding-right: 10px; position: relative; color: #36435e; font-weight: 700; font-size: clamp(15px, 1.375rem, 22px); }
.main_r26 .section.news .news_list a time.new::after { content: ""; display: block; position: absolute; width: calc(8px * var(--ratio)); height: calc(8px * var(--ratio)); border-radius: 8px; background-color: #fb5a3a; right: 0; top: 0; }
.main_r26 .section.news .news_list a p { font-size: clamp(15px, 1.25rem, 20px); color: #2c364b; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.main_r26 .section.news .news_list a p[class*=ico_] { padding-left: 40px; }
.main_r26 .section.news .news_list a p[class*=ico_].ico_noti { background-image: url(../img/common/ico_noti.png); background-repeat: no-repeat; background-position: left center; background-size: auto 100%; }
@media (max-width:1080px) {
    .main_r26 .section.news .news_list a { padding: clamp(15px, 1.35vw, 28px) clamp(20px, 1.8vw, 40px); gap: clamp(16px, 1.6vw, 28px); border-radius: calc(20px * var(--ratio)); }
}
.main_r26 .section.news .img_wrap { position: relative; border-radius: 24px; overflow: hidden; width: 100%; padding-top: 56.9958847737%; }
.main_r26 .section.news .img_wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media (max-width:768px) {
    .main_r26 .section.news .img_wrap { border-radius: 20px; }
}
.main_r26 .section.news .text_box { padding: clamp(20px, 2.125rem, 34px) clamp(24px, 1.875rem, 29px); position: relative; }
.main_r26 .section.news .text_box h4 { font-size: clamp(18px, 1.375rem, 22px); color: #3351ad; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.main_r26 .section.news .text_box p { font-size: clamp(15px, 1.0625rem, 17px); margin-top: 10px; color: #576273; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.main_r26 .section.news .text_box { padding: 14px 0; }
.main_r26 .section.news .text_box h4 { color: #313131; }
.main_r26 .section.news .text_box p { font-size: clamp(14px, 1rem, 16px); color: #9ca3b2; }
.main_r26 .section.news .sns_wrap { position: relative; padding: 16px 32px 16px 120px; background: linear-gradient(112.13deg, #c8e4ff 32.18%, #daeaff 58.28%, #deebff 78.79%); border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 40px; border-bottom-left-radius: 20px; display: flex; flex-wrap: wrap; gap: clamp(10px, 1.25vw, 24px); justify-content: flex-end; }
.main_r26 .section.news .sns_wrap::after { content: ""; display: block; position: absolute; width: 134px; height: 103px; background-image: url(../img/common/img_charactor_05.png); background-size: auto 100%; background-repeat: no-repeat; left: 4px; bottom: -48px; }
.main_r26 .section.news .sns_wrap a { position: relative; display: block; width: var(--sns-icon); height: var(--sns-icon); text-align: center; background-image: url(../img/common/sprite_sns.png); background-repeat: no-repeat; background-size: auto var(--sns-icon); transition: transform 0.2s ease; }
.main_r26 .section.news .sns_wrap a:hover { transform: scale(1.125); }
.main_r26 .section.news .sns_wrap a.naverblog { background-position: 0 0; }
.main_r26 .section.news .sns_wrap a.facebook { background-position: calc(-1 * var(--sns-icon)) 0; }
.main_r26 .section.news .sns_wrap a.instagram { background-position: calc(-2 * var(--sns-icon)) 0; }
.main_r26 .section.news .sns_wrap a.kakaochannel { background-position: calc(-3 * var(--sns-icon)) 0; }
.main_r26 .section.news .sns_wrap a.youtube { background-position: calc(-4 * var(--sns-icon)) 0; }
@media (min-width:769px) and (max-width:1080px) {
    .main_r26 .section.news .sns_wrap { display: grid; grid-template-columns: repeat(3, max-content); }
    .main_r26 .section.news .sns_wrap >:nth-child(4) { grid-column: 2; }
    .main_r26 .section.news .sns_wrap >:nth-child(5) { grid-column: 3; }
    .main_r26 .section.news .sns_wrap::after { bottom: unset; top: 48px; }
}
/**
* 관련기관 배너
* */
.main_r26 .section.org { border-top: 1px solid #dce0e6; padding: clamp(10px, 1rem, 20px) 0; margin-top: 40px; }
.main_r26 .section.org .section_inner { padding-bottom: 0; display: flex; align-items: center; }
.main_r26 .section.org .controls { display: flex; align-items: center; gap: 4px; margin-right: 60px; }
.main_r26 .section.org .controls .swiper-button-prev, .main_r26 .section.org .controls .swiper-button-next { display: block; position: relative; margin: 0; padding: 0; width: var(--ctrl-icon); height: var(--ctrl-icon); background-image: url(../img/common/ico_arr06.png); background-position: center; background-repeat: no-repeat; background-size: var(--ctrl-icon); inset: unset; }
.main_r26 .section.org .controls .swiper-button-prev::after, .main_r26 .section.org .controls .swiper-button-next::after { display: none; }
.main_r26 .section.org .controls .swiper-button-prev { transform: rotate(-180deg); }
.main_r26 .section.org .controls .btn-stop, .main_r26 .section.org .controls .btn-play { width: var(--ctrl-icon); height: var(--ctrl-icon); background-image: url(../img/common/ico_pause02.png); background-position: center; background-repeat: no-repeat; background-size: var(--ctrl-icon); }
.main_r26 .section.org .controls .btn-play { display: none; background-image: url(../img/common/ico_play02.png); }
.main_r26 .section.org .swiper { overflow: hidden; }
.main_r26 .section.org .swiper .swiper-slide { width: auto; margin-right: 55px; }
.main_r26 .section.org .swiper .swiper-slide a { font-size: clamp(13px, 1rem, 16px); color: #666; }
html[lang=en] .main_r26 .section.news .part_left .tab_list { flex-wrap: wrap; }
html[lang=en] .main_r26 .section.news .section_header:has(.tab_list) { padding-right: 40px; }
html[lang=en] .main_r26 .section.education .section_header { margin-top: 80px; }
html[lang=en] .main_r26 .section.main .visitor_info .info_list { padding-top: 0; padding-bottom: 10px; }
html[lang=en] .main_r26 .section.main .visitor_info .info_list dl { margin-top: 12px; }
html[lang=en] .main_r26 .section.main .visitor_info .info_list dl:last-child dd.desc { padding-right: 80px; }
html[lang=en] .main_r26 .section.main .visitor_info .info_list dl dt { width: auto; }
html[lang=en] .main_r26 .section.main .visitor_info .info_list dl dt.ls { letter-spacing: -0.5px; }
html[lang=en] .main_r26 .section.main .visitor_info .info_list dl dd:not(.desc) { flex: 1; }
html[lang=en] .main_r26 .section.main .visitor_info .info_link { gap: calc(30px * var(--ratio)); }
html[lang=en] .main_r26 .section.main .visitor_info .info_link li:not(:first-child)::after { left: -15px; }
/**
* 반응형
* */
@media (max-width:1024px) {
    .main_r26 { padding-top: 94px; }
    .main_r26 .section.exhibition { background-size: 100%; margin-top: 32.5px; overflow: visible; }
    .main_r26 .section.exhibition .section_inner { display: block; }
    .main_r26 .section.exhibition .slide_wrap { width: calc(100% + 30px); margin-left: -15px; margin-top: 8px; }
    .main_r26 .section.exhibition .slide { padding-left: 0; width: 100%; transform: translateX(0); }
    .main_r26 .section.exhibition .slide::after { display: none; }
    .main_r26 .section.exhibition .slide .slick-slide { margin: 0 15px !important; }
    .main_r26 .section.events { padding-bottom: 42px; }
    .main_r26 .section.events .section_inner { display: block; }
    .main_r26 .section.events .section_header { margin: 0; padding: 0; }
    .main_r26 .section.events .slide_wrap { width: calc(100% + 30px); margin-left: -15px; margin-top: 8px; }
    .main_r26 .section.events .slide { padding-left: 0; width: 100%; }
    .main_r26 .section.events .slide .slick-slide { margin: 0 10px !important; }
    .main_r26 .section.education { margin-top: 74px; overflow: visible; }
    .main_r26 .section.education .section_inner { display: block; }
    .main_r26 .section.education .section_inner::after { width: calc(100% - 30px); height: clamp(230px, 70%, 441px); left: 15px; top: 0; }
    .main_r26 .section.education .section_header { margin: 0; padding: 0; }
    .main_r26 .section.education .section_header .section_title { padding-left: 0; padding-top: 42px; width: 100%; }
    .main_r26 .section.education .tab_content { margin-top: 5px; width: calc(100% + 30px); margin-left: -15px; padding-top: 0; }
    .main_r26 .section.education .slide { padding-left: 0; width: 100%; }
    .main_r26 .section.education .slide .slick-slide { margin: 0 10px !important; }
    .main_r26 .section.education .slider_ctrl { top: unset; right: unset; left: 50%; bottom: 0; transform: translateX(-50%); }
    .main_r26 .section.news .part_right .section_header .slider_ctrl { position: relative; inset: unset; transform: none; }
}
@media (max-width:768px) {
    .main_r26 .section.main .section_inner { display: block; padding-top: 27px; padding-bottom: 0; }
    .main_r26 .section.main .section_inner .banner_slides .slider_ctrl { bottom: -48px; gap: 21px; }
    .main_r26 .section.main .section_inner .banner_slides .slider_ctrl .left { padding: 7px 20px 42px; }
    .main_r26 .section.main .section_inner .banner_slides .slider_ctrl .left .count { font-size: 12px; min-width: 42px; margin-right: 6px; }
    .main_r26 .section.main .section_inner .banner_zone { margin-top: 36px; }
    .main_r26 .section.main .section_inner .banner_zone .title_box h3 { font-size: 23px; }
    .main_r26 .section.main .section_inner .banner_zone .btn_plus { width: 19px; height: 19px; }
    .main_r26 .section.main .section_inner .banner_zone .slider_ctrl { padding: 10px 10px 10px 20px; background-color: rgba(255, 255, 255, 0.7); }
    .main_r26 .section.main .section_inner .banner_zone .slider_ctrl .right { gap: 0px; }
    .main_r26 .section.main .section_inner .banner_zone .slider_ctrl .count { font-size: 13px; }
    .main_r26 .section.main .section_inner .visitor_info { margin-top: 30px; }
    .main_r26 .section.main .section_inner .visitor_info .info_list { padding: 0px 14px 20px; border-top-left-radius: 13.5px; border-top-right-radius: 13.5px; border: 3px solid #edf1f5; border-bottom: 0; }
    .main_r26 .section.main .section_inner .visitor_info .info_list dl { display: grid; grid-template-columns: 50px 1fr; -moz-column-gap: 7px; column-gap: 7px; align-items: start; }
    .main_r26 .section.main .section_inner .visitor_info .info_list dl dt { width: 50px; margin-right: 0; font-size: 13px; grid-column: 1; grid-row: 1; }
    .main_r26 .section.main .section_inner .visitor_info .info_list dl dd { font-size: 14px; margin: 0; grid-column: 2; grid-row: 1; }
    .main_r26 .section.main .section_inner .visitor_info .info_list dl dd span { font-size: 8.5px; }
    .main_r26 .section.main .section_inner .visitor_info .info_list dl dd.desc { font-size: 8.5px; grid-column: 2; grid-row: 2; margin-top: 4px; }
    .main_r26 .section.main .section_inner .visitor_info .info_link { border-bottom-left-radius: 13.5px; border-bottom-right-radius: 13.5px; }
    .main_r26 .section.main .section_inner .visitor_info .info_link li { padding-left: 19px; background-size: 15px; line-height: 15px; }
    .main_r26 .section.main .section_inner .visitor_info .info_link li a { font-size: 11px; }
    .main_r26 .section.main .section_inner .visitor_info .info_link li:not(:first-child)::after { width: 1px; height: 10px; opacity: 0.3; left: -15px; top: 3px; }
    .main_r26 .section.main .section_inner .visitor_info .info_link::after { width: 50px; height: 52px; right: 5px; top: -45px; }
    .main_r26 .section.events .slide .slick-list { padding-left: 0 !important; }
    .main_r26 .section.news .section_inner { display: block; }
    .main_r26 .section.news .part_left .section_header { flex-direction: column; align-items: center; padding-right: 0; padding-bottom: 15px; }
    .main_r26 .section.news .part_right { margin-top: 32px; }
    .main_r26 .section.news .part_right .section_header { padding-bottom: 15px; }
    .main_r26 .section.news .news_list a time.new { padding-right: 4px; }
    .main_r26 .section.news .news_list a p { height: auto; white-space: normal; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.4; max-height: 2.8em; min-width: 0; }
    .main_r26 .section.news .news_list a p[class*=ico_] { padding-left: 0; background-image: none !important; }
    .main_r26 .section.news .sns_wrap { padding: 22px 25px 22px 80px; border-top-left-radius: 25px; border-top-right-radius: 50px; border-bottom-right-radius: 90px; border-bottom-left-radius: 25px; }
    .main_r26 .section.news .sns_wrap::after { height: 70px; left: -4px; bottom: -4px; }
    .main_r26 .section.org .controls { margin-right: 15px; }
    .main_r26 .section.org .swiper .swiper-slide { margin-right: 16px; }
}
@media (max-width:520px) {
    .main_r26 .section.education .slide .slick-slide { margin: 0 45px !important; }
}
@media (max-width:768px) {
    html[lang=en] .main_r26 .section.main .section_inner .visitor_info .info_list dl { grid-template-columns: max-content 1fr; }
    html[lang=en] .main_r26 .section.main .section_inner .visitor_info .info_list dl dt { width: 100%; }
}