/* 공통 서브 콘박스 */
.conBox { width: 100%; margin-top: 4.5rem; margin-bottom: -2rem; background: #e3f6ff; }
.conBox .container { padding-bottom: 7.8rem; }
.conBox .intro_title { font-size: 2rem; display: block; line-height: 1; text-decoration: underline; font-weight: 600; text-align: center; color: #070707; text-underline-offset: 4px; }

/* 테이블 */
.com_table_radius { border-radius: 1rem 1rem 0 0; overflow: hidden; }
.com_table .name_field .position_m { display: none; } 
.com_table { border: 1px solid #4156a7; }
.com_table thead th { background: #4156a7; color: #fff; font-weight: bold; line-height: 1.4; letter-spacing: -0.75px; padding: 0.85rem 0; border-bottom: 0; font-size: 0.75rem; }
.com_table thead th:not(:last-child) { border-right: 1px solid #d9dded; }
.com_table thead th:not(:first-child) { border-right: 1px solid #d9dded; }
.com_table :is(th, td) { border-bottom: 1px solid #d9dded; text-align: center; }
.com_table :is(.name_field, .tel_field, .note_field) { color: #4156a7; font-weight: bold; font-size: 0.8rem; }
.com_table tbody { background: #fff; }
.com_table tbody th { border-right: 1px solid #d9dded; color: #4156a7; font-weight: bold; font-size: 0.8rem; } 
.com_table td { padding: 1rem 0.95rem; line-height: 2; font-size: 0.75rem; }
.com_table td:not(:last-child) { border-right: 1px solid #e4e4e4; } 
.com_table .work_list { border-right: 1px solid #e4e4e4; text-align: left; } 
.com_table .work_list p { padding-left: 0.5rem; } 
.com_table .work_list p:before { content: ""; display: inline-block; width: 5px; height: 1px; background-color: #333; margin-right: 5px; margin-left: -0.5px; vertical-align: 5px; } 
.com_table tbody tr:last-child > * { border-bottom: 0 !important; }

/* 0101인사말 */
.grtWrap .conBox {min-height: 1000px; background: url('/images/web/bmcm/sub/img0101_Bg.png')no-repeat; background-size: cover; background-position: 22%; aspect-ratio: 2 / 1; }
.grtWrap .conBox h1 { padding-top: 5rem; font-size: 1.5rem; line-height: 1.6; }
.grtWrap .conBox h1 span { font-weight: 700; }
.grtWrap .conBox h1 span.txt_c1 { color: #032376; }
.grtWrap .conBox h1 span.txt_c2 { color: #006aee; }
.grtWrap .conBox h2 { padding-top: 3rem; font-size: 1rem; line-height: 2; } 

/* 0102문화관 소개 */
.introduce .conBox { padding-top: 4rem; }
.introduce .introCon { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 4.5rem 0 9rem 0; }
.introduce .introCon > li { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; flex: 1; }
.introduce .introCon > li > img { font-size: 0; line-height: 0; }
.introduce .introCon > li .intro_txt { display: block; font-size: 1.2rem; margin-top: 2rem; font-weight: 600; color: #032376; text-align: center; width: 100%; }
.introduce .box { gap: 2.5rem; display: flex; position: relative; align-items: center; justify-content: center; background: #fff; border: 1px solid #4156a7; margin-top: 4rem; border-radius: 2rem; padding: 3.25rem 1rem; min-height: 16rem; } 
.introduce .box .box_tit { background: #4156a7; border-radius: 2.5rem; display: inline-flex; align-items: center; justify-content: center; color: #fff; position: absolute; font-size: 0.9rem; height: 2.5rem; width: 6rem; left: 2.35rem; top: -1.15rem; }
.introduce .box .wrap { display: flex; align-items: center; gap: 5rem; align-self: stretch; }
.introduce .box .wrap .img_field { align-self: flex-end; }
.introduce .box .wrap.one .img_field { order: 2; align-self: flex-end; }
.introduce .box .tit_field { font-size: 1.6rem; margin-bottom: 1rem; color: #032376; font-weight: bold; text-align: center; }
.introduce .box .txt_field { font-size: 0.9rem; color: #333333; text-align: center; }
.introduce .box.ci_sec { margin: 3.25rem 0 0; }
.introduce .box.ci_sec .ci_info { gap: 1.25rem; display: flex; flex-direction: column; }
.introduce .box.ci_sec .ci_info > li { display: flex; align-items: baseline; gap: 0.85rem; color: #333333; font-size: 0.9rem; }
.introduce .box.ci_sec .ci_info > li > p:not(.introduce .box.ci_sec .ci_info > li > p.tit_field) { flex: 1; } 
.introduce .box.ci_sec .ci_info .tit_field { font-size: 1.6rem; font-weight: bold; color: #032376; margin: 0; }

/* 0103조직업무 */
.workTeam .conBox { padding: 2.35rem 0 1.2rem; }
.workTeam .fax { margin-top: 1.85rem; font-size: 1rem; font-weight: bold; line-height: 1.5; letter-spacing: -1px; text-align: left; margin-bottom: 0.55rem; color: #070707; display: flex; align-items: center; gap: 0.5rem; }

/* 0104시설이용안내 */
.guide .conBox { padding: 5rem 0 1.2rem; }
.guide .guide_section { display: flex; flex-wrap: wrap; }
.guide .guide_section .img_area { width: 48%; }
.guide .guide_section .img_area .imgSlider { height: 26.55rem; border-radius: 2rem; overflow: hidden; }
.guide .guide_section .img_area .imgSlider .item { display: inline-flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; overflow: hidden; }
.guide .guide_section .img_area .dotBox { margin-top: 1.5rem; }
.guide .guide_section .img_area .dotBox ul { display: flex; align-items: center; justify-content: center; gap: 0.8rem; }
.guide .guide_section .img_area .dotBox ul li { border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; width: 1.7rem; height: 1.7rem; }
.guide .guide_section .img_area .dotBox ul li button { background: #d9dded; width: 100%; height: 100%; display: block; border-radius: 50%; font-size: 0; text-indent: -9999px; padding: 0; }
.guide .guide_section .img_area .dotBox ul li.slick-active button { background: none; border: 10px solid #4156a7; }
.guide .guide_section .info_area { width: 52%; padding-left: 3.25rem; margin-top: 0.75rem; }
.guide .guide_section .info_area ul { display: flex; flex-wrap: wrap; }
.guide .guide_section .info_area ul li { padding-block: 0.75rem; display: flex; width: 100%; }
.guide .guide_section .info_area ul li .tit_field { width: 6rem; line-height: 2.5rem; height: 2.5rem; border-radius: 2.5rem; font-size: 0.9rem; font-weight: bold; letter-spacing: -0.75px; text-align: center; color: #fff; background: #4156a7; margin-right: 0.9rem; display: inline-flex; align-items: center; justify-content: center; }
.guide .guide_section .info_area ul li .txt_field { padding-top: 0.5rem; font-size: 1rem; line-height: 1.67; letter-spacing: -0.75px; color: #333; flex: 1; }

/* 0105안전수칙 및 주의사항 */
.safety .intro_title { padding-top: 4rem; }
.safety .box { border: 1px solid #4156a7; background-color: #fff; position: relative; display: flex; align-items: center; justify-content: center; gap: 2.5rem; min-height: 16rem; padding: 3.25rem 1rem; border-radius: 2rem; margin-top: 2rem; }
.safety .box .img_area { width: 23.5rem; text-align: center; display: flex; align-items: center; justify-content: center; }
.safety .box .list { display: flex; flex-direction: column; gap: 0.6rem; }
.safety .box .list li { display: flex; align-items: baseline; font-size: 1rem; gap: 0.7rem; line-height: 2.25rem; }
.safety .box .list li .num { width: 1.45rem; min-width: 1.45rem; height: 1.45rem; background: #4156a7; color: #fff; border-radius: 50%; font-size: 0.75rem; display: flex; align-items: center; justify-content: center; }

/* 0106찾아오시는길 */
.mapWrap .conBox { background: #e3f6ff url('/images/web/bmcm/sub/img0106_Bg.png')no-repeat; background-position: top center; background-size: contain; padding-block: 5rem; } 
.mapWrap .conBox .container { display: flex; padding: 4.5rem 1rem 4rem; justify-content: space-between; }
.mapWrap .left_wrap { width: 36%; }
.mapWrap .tit_area { font-size: 1.5rem; margin-bottom: 1.45rem; font-weight: 600; }
.mapWrap ul.list li { display: flex; margin-bottom: 1.45rem; }
.mapWrap ul.list li:last-child { margin-bottom: 0; }
.mapWrap ul.list li .tit { display: inline-flex; align-items: center; font-weight: 600; font-size: 0.9rem; padding-left: 0.95rem; color: #fff; background: #4156a7; border-radius: 5rem; height: 2.5rem; width: 7rem; min-width: 7rem; }
.mapWrap ul.list li .tit img { margin-right: 0.35rem; }
.mapWrap ul.list li .info { width: calc(100% - 7rem); font-size: 1rem; letter-spacing: -0.05rem; color: #333; margin-top: 0.5rem; padding-left: 0.5rem; line-height: 1.5; }
.mapWrap .right_wrap { width: 60%; min-width: 60%; }
.mapWrap .map {width: 100%;display: flex;justify-content: center;max-width: 77rem;margin: 0 auto; padding: 0 1rem; }
.mapWrap .map .cont, 
.mapWrap .map .hide{display:none;}
.mapWrap .map .root_daum_roughmap { width: 100% !important; }

/* 0200 프로그램소개 */
.program .conBox { padding: 3.25rem 0 5rem; background: #e3f6ff url('/images/web/bmcm/sub/img0201_Bg.png') repeat-y; background-position: center top; background-size: 100%; }
.program .conBox .container { padding-bottom: 0; }
.program .conBox .detail { display: flex; flex-wrap: wrap; justify-content: space-between; border: 6px solid #4156a7; border-radius: 2rem; overflow: hidden; background: #4156a7; }  
.program .conBox .com_sub_big_title { display: flex; align-items: center; justify-content: center; width: 100%; background: #4156a7; color: #fff; font-size: 2.5rem; font-weight: bold; }
.program .conBox .com_sub_big_title::before { content: ""; background: url('/images/web/bmcm/sub/img0200_chrt.png')no-repeat; background-position: bottom center; background-size: contain; display: inline-block; width: 6.15rem; height: 4.65rem; margin-right: 2.25rem; }
.program .conBox .left_wrap { background: #fff; width: 49%; padding: 3rem 2.75rem 4.1rem; }
.program .conBox .left_wrap .imgSldr { position: relative; width: 100%; overflow: hidden; } 
.program .conBox .left_wrap .imgSldr .item { display: inline-flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; overflow: hidden; } 
.program .conBox .left_wrap .imgSldr .item img { max-width: 100%; }
.program .conBox .left_wrap .sliderThumb .slick-track { display: flex; gap: 1rem; margin: 1.5rem 0 0 0; }
.program .conBox .left_wrap .sliderThumb .item { display: inline-flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; overflow: hidden; }
.program .conBox .left_wrap .sliderThumb .item img { max-width: 100%; }
.program .conBox .right_wrap { background: #fff; width: 51%; padding: 3rem 2.75rem 4.1rem 0; }
.program .conBox .right_wrap .sec_info_txt { border-top: 1px solid #4156a7; } 
.program .conBox .right_wrap .sec_info_txt .info_wrap { align-items: stretch; display: flex; height: 100%; border-bottom: 1px solid #e4e4e4; padding-block: 0.5rem; }
.program .conBox .right_wrap .sec_info_txt .info_wrap .title { width: 4.5rem; min-width: 4.5rem; min-height: 2.5rem; border-radius: 0.25rem; font-size: 0.85rem; display: inline-flex; align-items: center; justify-content: center; background: #4156a7; color: #fff; line-height: 1.4; font-weight: bold; }
.program .conBox .right_wrap .sec_info_txt .info_wrap .text { margin-left: 1.5rem; font-size: 0.85rem; display: inline-flex; line-height: 1.7; letter-spacing: -0.05em; color: #333; align-items: center; }

.program .inner { max-width: 64rem; margin: 0 auto; position: relative; }
.program .topBox { margin-bottom: 7.8rem; text-align: center; }
.program .topBox .inner .page_tit { margin-top: 2.5rem; }
.program .topBox .inner .sub_tit { font-size: 1.8rem; font-weight: bold; line-height: 0.83; letter-spacing: -1.8px; text-align: center; color: #fff; background: #0a9cfb; display: inline-block; margin: 2rem auto 2.4rem; border-radius: 1.5rem; padding: 0.75rem 1.2rem; }
.program .topBox .inner .txt { margin-bottom: 4rem; font-size: 0.9rem; line-height: 1.94; letter-spacing: -0.9px; text-align: center; }
.program .topBox .inner .video { border: 3px solid #a6e0f8; }
.program .topBox .inner .video iframe { width: 100%; aspect-ratio: 16 / 9; margin-bottom: -0.2rem; }
.program .centerBox { background: #e3f6fe; padding-block: 4rem 2.5rem; }
.program .centerBox .inner { display: flex; align-items: center; justify-content: space-between; }
.program .centerBox .img { width: 19.5rem; max-width: 19.5rem; }
.program .centerBox .img > img { max-width: 100%; }
.program .centerBox .info { width: calc(100% - 19.5rem); padding-left: 2.5rem; }
.program .centerBox .info .page_tit { margin-bottom: 3.45rem; text-align: left; margin-top: 0; }
.program .centerBox .info .guide { display: flex; justify-content: space-between; align-items: flex-start; } 
.program .centerBox .info .guide li { width: 50%; padding-left: 3.4rem; }
.program .centerBox .info .guide li .tit { font-size: 1.5rem; font-weight: bold; letter-spacing: -1.5px; color: #0a9cfb; display: flex; align-items: center; }
.program .centerBox .info .guide li .tit .num { min-width: 3rem; width: 3rem; height: 3rem; display: inline-flex; align-items: center; justify-content: center; margin-right: 0.4rem; background: #0a9cfb; font-size: 1.3rem; font-weight: bold; letter-spacing: -1.3px; color: #fff; text-align: center; margin-left: -3.4rem; border-radius: 50%; } 
.program .centerBox .info .guide li .txt { font-size: 0.9rem; line-height: 1.56; letter-spacing: -0.9px; color: #333; margin-bottom: 2.1rem; }
.program .centerBox .info .guide li .btn_area > a { max-width: 14rem; margin-bottom: 1rem; display: block; padding: 0; }
.program .centerBox .info .guide li .btn_area > a img { width: 100%; }
.program .centerBox .info .guide li .qr_area { display: flex; align-items: flex-start; justify-content: space-between; }
.program .centerBox .info .guide li .qr_area .qr { border-radius: 0.5rem; background: #fff; width: calc((100% - 1rem) / 2); overflow: hidden; text-align: center; }
.program .centerBox .info .guide li .qr_area .qr img { padding: 0.9rem 0.75rem; max-width: 7.45rem; width: 100%; } 
.program .centerBox .info .guide li .qr_area .qr .name { display: block; background: #0a9cfb; color: #fff; font-size: 0.75rem; font-weight: bold; letter-spacing: normal; line-height: 2.33; text-align: center; padding: 0.25rem; }
.program .bottomBox { padding-bottom: 5.5rem; }
.program .bottomBox .page_tit { margin-bottom: 2.35rem; }
.program .bottomBox .list { display: flex; align-items: center; justify-content: space-between; }
.program .bottomBox .list li { width: calc((100% - 1.6rem) / 5); background: #c8e7fc; padding-top: 1.5rem; text-align: center; }
.program .bottomBox .list li .txt { color: #3d74f2; font-size: 0.75rem; font-weight: 600; padding-bottom: 1.5rem; } 
.program .bottomBox .list li img { max-width: 100%; font-size: 0; line-height: 0; vertical-align: middle; }
.program .inner .page_tit { font-size: 2.25rem; margin-top: 5.5rem; font-weight: 700; } 

/* 0300 체험전시관 */
.workPlace .conBox { background: #e3f6ff url('/images/web/bmcm/sub/img0300_Bg.png')repeat-y; background-position: top center; background-size: 100%; padding: 3.5rem 0 7.1rem; }
.workPlace .conBox .container { padding-bottom: 0; }
.workPlace .tabTypeA ul > li { width: 270px; }
.workPlace .tabTypeA .oval { width: 270px; }
.workPlace .sec_floor_info { display: flex; align-items: stretch; justify-content: space-between; padding: 3rem 2.75rem; border: 6px solid #4156a7; border-radius: 2rem; background: #fff; }
.workPlace .sec_floor_info .left_wrap { width: calc(50% - 1.5rem); border-bottom: 1px solid #e4e4e4; padding-bottom: 2.5rem; margin-right: 1.5rem; }
.workPlace .sec_floor_info .right_wrap { width: 50%; }
.workPlace .sec_floor_info .right_wrap > p { width: 100%; height: 100%; display: inline-flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; }
.workPlace .sec_floor_info .right_wrap > p img { max-width: 100%; }
.workPlace .com_act_floor_tab { display: flex; align-items: center; }
.workPlace .com_act_floor_tab .floor_tab { width: 5rem; height: 5rem; font-size: 2rem; display: flex; align-items: center; justify-content: center; background: #eceef6; font-weight: 700; color: #cacdd6; }
.workPlace .com_act_floor_tab .floor_tab + .floor_tab { margin-left: 1rem; }
.workPlace .com_act_floor_tab .floor_tab.active { background: #4156a7; color: #fff; }
.workPlace .com_sub_big_title { margin-top: 3rem; font-size: 2.5rem; font-weight: 700; letter-spacing: -0.05em; line-height: 1.2; }
.workPlace .sec_floor_info .txt { font-size: 0.9rem; margin-top: 1rem; width: 75%; color: #333; letter-spacing: -0.05em; line-height: 1.666; }
.workPlace .sec_preview { margin-top: 2.5rem; }
.workPlace .sec_preview .com_sub_page_title { margin-bottom: 1.4rem; padding: 0; font-size: 1.5rem; display: flex; align-items: center; justify-content: space-between; font-weight: 700; line-height: 1; color: #333; }
.workPlace .sec_preview .preview_Lst ul { display: flex; flex-wrap: wrap; gap: 1.5rem 1.2rem; }
.workPlace .sec_preview .preview_Lst ul li { width: calc((100% - 3.6rem) / 4); overflow: hidden; display: flex; }
.workPlace .sec_preview .preview_Lst ul li > a { display: flex; flex-direction: column; overflow: hidden; border: 6px solid #4156a7; border-radius: 0.5rem; background: #4156a7; width: 100%; }
.workPlace .sec_preview .preview_Lst ul li > a .img { display: flex; align-items: center; justify-content: center; font-size: 0; line-height: 0; width: 100%; height: 10.75rem; border-radius: 0.5rem; background: #4156a7; overflow: hidden; }
.workPlace .sec_preview .preview_Lst ul li > a .img img { max-width: 100%; width: 100%; height: 100%; object-fit: cover; }
.workPlace .sec_preview .preview_Lst ul li > a .txt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; margin: 1rem 0.75rem 0.65rem; background: #4156a7; color: #fff; font-size: 0.9rem; text-align: center; font-weight: 600; letter-spacing: -0.05em; }

.previewPop { position: fixed; background: rgba(0,0,0,0.7); top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; display: none; }
.previewPop.active { display: block; }
.previewPop .popWrap { background: #fff; max-width: 50rem; max-height: 94vh; border-radius: 0.25rem; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); padding-bottom: 1.5rem; }
.previewPop .popWrap .popheader { position: relative; padding: 1rem 3.5rem; border-bottom: 1px solid #e4e4e4; }
.previewPop .popWrap .popheader .prvPopclose { display: inline-flex; align-items: center; justify-content: center; font-size: 1.35rem; position: absolute; right: 1.25rem; top: 50%; transform: translateY(-50%); }
.previewPop .popWrap .popheader .titSlider .item p { font-size: 1.5rem; font-weight: 700; color: #333; width: 100%; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.previewPop .popWrap .popBody { padding: 2.5rem 3.25rem; position: relative; max-height: calc(94vh - 7rem);  overflow: hidden; overflow-y: auto; }
.previewPop .popWrap .popBody::-webkit-scrollbar { width: 8px; background: none; }
.previewPop .popWrap .popBody::-webkit-scrollbar-track { width: 8px; background: none; }
.previewPop .popWrap .popBody::-webkit-scrollbar-thumb { width: 8px; background: #e1e1e1; }
.previewPop .popWrap .popBody > a { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; color: #4156a7; font-size: 2.5rem; font-weight: 400; }
.previewPop .popWrap .popBody > a.prev { left: 0.5rem; }
.previewPop .popWrap .popBody > a.next { right: 0.5rem; }
.previewPop .popWrap .popBody .video_area { width: 100%; position: relative; }
.previewPop .popWrap .popBody .video_area .youtubeP { aspect-ratio: 840 / 556; }
.previewPop .popWrap .popBody .video_area .youtubeP iframe { width: 100%; height: 100%; object-fit: contain; }
.previewPop .popWrap .popBody > p.img { display: flex; align-items: center; justify-content: center; width: 100%; font-size: 0; line-height: 0; }
.previewPop .popWrap .popBody > p.img img { max-width: 100%; }
/* 0300 체험전시관 : active */
.workPlace .sec_preview .preview_Lst ul li > a .img img { transition: 0.3s; }
.workPlace .sec_preview .preview_Lst ul li > a:hover .img img,
.workPlace .sec_preview .preview_Lst ul li > a:focus .img img { transform: scale(1.2); }

/* 0500알림마당 */
.alrim .conBox { background: #e3f6ff url('/images/web/bmcm/sub/img0500_Bg.png')repeat-y; background-position: top center; background-size: 100%; padding: 3rem 0 6rem; margin-top: 3rem; }
.alrim .conBox .container { padding-bottom: 0; }
.alrim .tabTypeB {margin: 3.6rem 0 0 1rem;}
.alrim .tabTypeB ul li a { height: 3rem; font-size: 0.9rem; font-weight: 600; }
.alrim .sec_qna_cont { border: 6px solid #4156a7; border-radius: 1rem 1rem 0 0; overflow: hidden; background: #fff; }
.alrim .qna_q { padding: 0.7rem 1.2rem; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #e4e4e4; } 
.alrim .qna_q .left_wrap { font-size: 0.75rem; display: flex; align-items: center; color: #333; letter-spacing: -0.05em; overflow: hidden; }
.alrim .qna_q .left_wrap .cate { padding: 0.25rem 0.6rem; margin-right: 0.75rem; color: #fff; background: #4156a7; border-radius: 0.75rem; display: inline-block; }
.alrim .qna_q .left_wrap h1 { font-size: 0.8rem; font-weight: 600; color: #4156a7; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.alrim .qna_q .arrow { width: 1.7rem; min-width: 1.7rem; height: 1.7rem; display: block; background-size: contain; transition: all 0.1s; background: url('/images/web/bmcm/con_com/icon_qna_arrow.svg')no-repeat center center; background-size: contain !important; }
.alrim .qna_q.active .arrow { background: url('/images/web/bmcm/con_com/icon_qna_arrow_active.svg'); }
.alrim .qna_a { display: none; font-size: 0.75rem; padding: 1rem 1.2rem; border-top: 1px solid #e4e4e4; color: #333; letter-spacing: -0.05em; background: #f7f7f7; }

.alrim .calBox { display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 6px solid #4156a7; border-radius: 1rem 1rem 0 0; overflow: hidden; background: #fff; }
.alrim .calBox .calLeft { width: 48.5%; border-left: 6px solid #4156a7; border-right: 1px solid #d9dded; } 
.alrim .calBox .calLeft .calCrt { padding: 1.25rem 0; background: #4156a7; display: flex; align-items: center; justify-content: center; gap: 1.5rem; }
.alrim .calBox .calLeft .calCrt > span { color: #fff; font-weight: bold; font-size: 1.5rem; letter-spacing: -1px; text-align: center; }
.alrim .calBox .calLeft .calCrt > a { display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; background: #fff; border: 1px solid #4156a7; border-radius: 0; }
.alrim .calBox .calLeft .calCrt > a > span { width: 25px; height: 27px; background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 17'%3E%3Cg data-name='구성 요소 29 – 10'%3E%3Cpath data-name='사각형 21297' style='fill:none' d='M0 0h16v16H0z' transform='translate(0 .479)'/%3E%3Cg data-name='그룹 19141'%3E%3Cg data-name='그룹 19142'%3E%3Cpath data-name='패스 49948' d='M12.717.084 6.4 6.034 0 0' style='stroke:%234156a7;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;fill:none' transform='rotate(90 3.948 6.069)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-size: auto; background-repeat: no-repeat; background-position: center center; }
.alrim .calBox .calLeft .calCrt > a.next > span { transform: rotate(-180deg); }
.alrim .calBox .calndr table { background: #fff; } 
.alrim .calBox .calndr table thead tr th,
.alrim .calBox .calndr table tbody tr td { border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; }
.alrim .calBox .calndr table tbody tr td:last-child { border-right: none; }
.alrim .calBox .calndr table thead tr th:last-child { border-right: none; }  
.alrim .calBox .calndr table tbody tr:last-child td { border-bottom: none; }
.alrim .calBox .calndr table thead tr th { font-size: 0.7rem; font-weight: bold; padding: 0.66rem 0; text-align: center; background: #f7f7f7; }
.alrim .calBox .calndr table thead tr th.sun,
.alrim .calBox .calndr table tbody tr td.sun { color: #f45f5f; }
.alrim .calBox .calndr table thead tr th.sat,
.alrim .calBox .calndr table tbody tr td.sat { color: #4156a7; }
.alrim .calBox .calndr table tbody tr td { background: #fff; text-align: center; color: rgba(51,51,51); }
.alrim .calBox .calndr table tbody tr td.pfrm { background: #f7f7f7; }
.alrim .calBox .calndr table tbody tr td.today { background: #ccd6fd !important; font-weight: bold !important;  color: #4156a7 !important; }
.alrim .calBox .calndr table tbody tr td.actv { background: #ff909f !important; font-weight: bold !important;  color: #fff !important; }
.alrim .calBox .calndr table tbody tr td.otherDay { background: rgba(255,255,255,0.3); color: rgba(51,51,51, 0.3); }
.alrim .calBox .calndr table tbody tr td.otherDay.pfrm { background: rgba(247, 247, 247, 0.3); }
.alrim .calBox .calndr table tbody tr td.otherDay.sun { color: rgba(244, 95, 95, 0.3); }
.alrim .calBox .calndr table tbody tr td.otherDay.sat { color: rgba(65, 86, 167, 0.3); }
.alrim .calBox .calndr table tbody tr td.otherDay.actv { background: rgba(255, 144, 159, 0.3) !important; font-weight: bold !important; }
.alrim .calBox .calndr table tbody tr td a { display: flex; align-items: center; justify-content: center; width: 100%; height: 5.15rem; padding: 0.2rem; font-size: 0.7rem; } 
.alrim .calBox .calLst { width: 51.5%; border-right: 6px solid #4156a7; }
.alrim .calBox .calLst > h2.heading { font-size: 1.5rem; padding: 1.45rem 1.75rem; color: #fff; font-weight: bold; background: #4156a7; display: flex; align-items: center; }
.alrim .calBox .calLst ul { display: flex; flex-direction: column; overflow-y: auto; padding: 0.9rem 1.5rem; }
.alrim .calBox .calLst ul > li { width: 100%; }
.alrim .calBox .calLst ul > li + li { margin-top: 0.5rem; }
.alrim .calBox .calLst ul > li > a { display: flex; align-items: center; position: relative; padding: 1.1rem 5.5rem 1.1rem 1.5rem; background: #f7f7f7; border: 1px solid #e4e4e4; }
.alrim .calBox .calLst ul > li > a > em { position: absolute; right: 0.75rem; top: 50%; transform: translateY(-50%); font-size: 0.85rem; color: #999; }
.alrim .calBox .calLst ul > li > a > span { min-height: 1.3rem; color: #fff; display: inline-flex; align-items: center; justify-content: center; padding-inline: 0.65rem; }
.alrim .calBox .calLst ul > li > a > span.Bgblue { background: #4156a7; }
.alrim .calBox .calLst ul > li > a > span.Bgsky { background: #0589da; }
.alrim .calBox .calLst ul > li > a > span.Bglblue { background: #01bacc; }
.alrim .calBox .calLst ul > li > a > p { font-size: 0.85rem; display: block; font-weight: bold; margin-left: 0.5rem; flex: 1; }
.alrim .calBox .calLst ul > li.no_data > p { display: flex; align-items: center; height: 3.6rem; padding: 0.5rem 1.5rem; border: 1px solid #e4e4e4; background: #f7f7f7; font-weight: bold; font-size: 0.9rem; }

/* 0601온라인 부산수학문화관 */
.online { padding-bottom: 5.5rem; }
.online .container .info_section { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 5rem; text-align: center; position: relative; }
.online .container .info_section .tit { font-size: 2rem; font-weight: bold; width: 100%; letter-spacing: -2px; }
.online .container .info_section .txt { font-size: 1.1rem; font-weight: normal; line-height: 1.36; letter-spacing: -1.1px; width: 100%; margin-top: 0.6rem; margin-bottom: 4rem; }
.online .container .info_section .item:nth-of-type(1) { margin-left: 4%; }
.online .container .info_section .item:nth-of-type(2) { border-color: #0589da; }
.online .container .info_section .item:nth-of-type(2) .num { color: #0589da; }
.online .container .info_section .item:nth-of-type(3) { border-color: #4156a7; margin-right: 4%; }
.online .container .info_section .item:nth-of-type(3) .num { color: #4156a7; }
.online .container .info_section .item { min-width: 21%; aspect-ratio: 1/1; border: solid 1rem #01bacc; background: #fff; border-radius: 100%; font-size: 1.1rem; font-weight: normal; line-height: 1.36; letter-spacing: -1.1px; }
.online .container .info_section .item .num { font-size: 1.8rem; font-weight: bold; line-height: 0.83; letter-spacing: -1.8px; margin: 3rem 0 0.95rem; color: #01baee; }
.online .container .info_section .tip_txt { width: 100%; font-size: 0.65rem; font-weight: normal; line-height: 1.54; letter-spacing: -0.65px; color: #aaa; margin-top: 1.5rem; }
.online .centerBox { background: #eceef6; padding: 5rem; }
.online .centerBox .container { display: flex; justify-content: space-between; gap: 3rem; flex-wrap: wrap; }
.online .centerBox .item { width: calc((100% - 6rem) / 3); }
.online .centerBox .item img { margin-bottom: 1.5rem; max-width: 100%; }
.online .centerBox .item .tit { font-size: 1.2rem; font-weight: bold; line-height: 1.38; letter-spacing: -1.2px; }
.online .centerBox .item .txt { font-size: 0.75rem; font-weight: normal; line-height: 1.67; letter-spacing: -0.75px; }
.online .com_btn_wrap { flex-direction: column; margin: 2rem 0 3rem; }
.online .com_btn { display: inline-flex; align-items: center; justify-content: center; text-align: center; flex-shrink: 1; background: #01bacc; color: #fff; width: 10rem; height: 3.5rem; }
.online .tip_txt { margin-top: 0.75rem; width: 100%; font-size: 0.65rem; font-weight: normal; letter-spacing: -0.65px; color: #aaa; line-height: 1.54; text-align: center; }
.online .bottomBox .tabLst div[id^="con"] { display: none; }
.online .bottomBox .tabLst div[id^="con"].on { display: block; }
.online .bottomBox .tabLst div[id^="con"] .sec_title { margin: 2rem 0 1.5rem; font-size: 2rem; font-weight: bold; letter-spacing: -2px; }
.online .bottomBox .tabLst div[id^="con"] .list { display: flex; justify-content: space-between; }
.online .bottomBox .tabLst div[id^="con"] .list .item { display: flex; justify-content: space-between; width: 47.5%; }
.online .bottomBox .tabLst div[id^="con"] .list .item .img_field { width: 100%; }
.online .bottomBox .tabLst div[id^="con"] .list .item .img_field img { max-width: 100%; }

/*** 반응형 ***/
@media screen and (max-width: 1440px) {
    /* 0200 프로그램소개 */
    .program .inner { max-width: 100%; padding: 0 1rem; } 
    .program .centerBox .img { width: 16.5rem; max-width: 16.5rem; }
    .program .centerBox .info { width: calc(100% - 16.5rem); padding-left: 2rem; }

    /* 0601온라인 부산수학문화관 */
    .online .container .info_section .item { width: 30%; min-width: 30%; }
}

@media screen and (max-width: 1240px) {
    /* 공통 서브 콘박스 */
    .conBox { margin-top: 2.25rem; } 
    .conBox .intro_title { font-size: 1.3rem; }

    /* 0101인사말 */
    .grtWrap .conBox { padding-bottom: 16.5rem; min-height: auto !important; } 
    .grtWrap .conBox h1 { font-size: 0.9rem; padding-top: 2.25rem; }
    .grtWrap .conBox h2 { padding-top: 1.5rem; font-size: 0.9rem; line-height: 1.6; }

    /* 0102문화관 소개 */
    .introduce .conBox {  padding-top: 2rem; }
    .introduce .introCon { gap: 2.5rem 0; margin: 2.25rem 0 4.5rem; }
    .introduce .introCon > li { flex: none; width: 50%; }
    .introduce .box { gap: 2rem; padding: 2rem 1rem 1.5rem; border-radius: 1rem; margin-top: 2rem; }
    .introduce .box .box_tit { font-size: 0.75rem; height: 2rem; width: 6rem; left: 1rem; top: -1rem; }
    .introduce .box .wrap { gap: 1rem; justify-content: center; }

    /* 0104시설이용안내 */
    .guide .guide_section .img_area .imgSlider { height: auto; background: rgba(0,0,0,0.2); }
    .guide .guide_section .img_area { width: 100%; }
    .guide .guide_section .info_area { padding: 0; margin-top: 2rem; width: 100%; } 
    .guide .guide_section .img_area .imgSlider .item img { max-width: 100%; } 

    /* 0105안전수칙 및 주의사항 */
    .safety .intro_title { padding-top: 2rem; }
    .safety .box { flex-direction: column; }
    .safety .box .list { width: 100%; }

    /* 0106찾아오시는길 */
    .mapWrap .conBox .container { flex-wrap: wrap; }
    .mapWrap .right_wrap { width: 100%; margin-top: 5rem; }
    .mapWrap .left_wrap { width: 100%; }

    /* 0200 프로그램소개 */
    .program .conBox .left_wrap { width: 100%; padding: 2rem 1rem; }
    .program .conBox .right_wrap { width: 100%; padding: 0 1rem 2rem; }
    .program .conBox .com_sub_big_title { font-size: 2rem; }
    .program .conBox .com_sub_big_title::before { width: 5rem; height: 4rem; margin-right: 1rem; }
    .program .conBox .left_wrap .imgSldr .item img { width: 100%; }

    .program .inner .page_tit { margin-top: 3rem; font-size: 2rem; } 
    .program .centerBox { padding-block: 2.5rem 2rem; }
    .program .centerBox .inner { flex-direction: column; justify-content: start; align-items: start; }
    .program .centerBox .img { width: 100%; margin: 0 auto; }
    .program .centerBox .info { padding-left: 0; width: 100%; }
    .program .centerBox .info .guide { flex-wrap: wrap; }
    .program .centerBox .info .guide li { width: 100%; }
    .program .centerBox .info .guide li + li { margin-top: 2rem; }
    .program .centerBox .info .page_tit { margin:1rem 0 2.5rem; font-size: 2rem; } 
    .program .centerBox .info .guide li .tit .num { width: 2.5rem; min-width: auto; height: 2.5rem; font-size: 1.15rem; }
    .program .centerBox .info .guide li .tit { font-size: 1.25rem; }
    .program .centerBox .info .guide li .btn_area { display: flex; align-items: center; gap: 1rem; }
    .program .centerBox .info .guide li .btn_area > a { margin: 0; }
    .program .centerBox .info .guide li .txt { margin-bottom: 1.5rem; }

    /* 0300 체험전시관 */
    .workPlace .sec_floor_info { flex-wrap: wrap; }
    .workPlace .sec_floor_info .left_wrap { width: 100%; margin-right: 0; }
    .workPlace .sec_floor_info .right_wrap { width: 100%; margin-top: 2rem; }
    .workPlace .sec_preview .preview_Lst ul li { width: calc((100% - 2.4rem) / 3); }
    .workPlace .sec_floor_info .txt { width: 100%; }

    /* 0500알림마당 */
    .alrim .calBox .calLeft { width: 100%; border-right: 6px solid #4156a7; }
    .alrim .calBox .calLst { width: 100%; border-left: 6px solid #4156a7; }

    /* 0601온라인 부산수학문화관 */
    .online .container .info_section .tit { font-size: 1.75rem; margin-top: 1rem; }
    .online .container .info_section .txt { font-size: 0.95rem; margin-bottom: 2.5rem; margin-top: 0.35rem; }
    .online .container .info_section { margin-bottom: 4rem; justify-content: space-between; gap: 0 1rem; }
    .online .container .info_section .item { margin: 0 !important; width: calc((100% - 2rem) / 3); min-width: auto; border-width: 0.75rem; }
    .online .centerBox { padding: 4rem 1rem; }
    .online .centerBox .container { gap: 2rem; }
    .online .centerBox .container .item { width: calc((100% - 4rem) / 3); }
    .online .bottomBox .tabLst div[id^="con"] .sec_title { margin: 1.5rem 0 1rem; font-size: 1.75rem; }
    .online .bottomBox .tabLst div[id^="con"] .list .item { width: 48.5%; }
}

@media screen and (max-width: 1024px) {
    /* 0102문화관 소개 */
    .introduce .box .wrap .img_field { width: 7rem; text-align: center; }
    .introduce .box .wrap .img_field img { max-width: 100%; }
    .introduce .box .tit_field { font-size: 1.15rem; margin-bottom: 0.5rem; }
    .introduce .box .txt_field { font-size: 0.85rem; }
    .introduce .box.ci_sec .ci_info .tit_field { font-size: 1.15rem; }
    .introduce .introCon > li .intro_txt { font-size: 1.15rem; margin-top: 1.5rem; }
    .introduce .box.ci_sec .img_field img { max-width: 15rem; }

    /* 0106찾아오시는길 */
    .mapWrap .right_wrap { width: 100%; margin-top: 4rem; }
    .mapWrap .tit_area { font-size: 1.25rem; margin-bottom: 1rem; }
    .mapWrap ul.list li .tit { border-radius: 3.25rem; height: 2rem; font-size: 0.75rem; justify-content: center; padding: 0 1rem; }
    .mapWrap ul.list li { flex-direction: column; }
    .mapWrap ul.list li .info { width: 100%; font-size: 0.9rem; }
    .mapWrap ul.list li .tit img { max-width: 1.1rem; margin-right: 0.2rem; }  

    /* 0200 프로그램소개 */
    .program .topBox { margin-bottom: 4rem; } 
    .program .topBox .inner .page_tit { margin-top: 1.5rem; }
    .program .centerBox .info .page_tit { font-size: 1.75rem; }
    .program .topBox .inner .sub_tit { padding: 0.75rem 1rem; font-size: 1.25rem; margin: 1rem auto 1.5rem; }
    .program .topBox .inner .txt { font-size: 0.85rem; margin-bottom: 2.5rem; }
    .program .inner .page_tit { margin-top: 2.5rem; font-size: 1.75rem; }
    .program .bottomBox .page_tit { margin-bottom: 1.5rem; }

    /* 0300 체험전시관 */
    .workPlace .sec_floor_info { padding: 2.5rem 2rem; }
    .workPlace .com_act_floor_tab .floor_tab { width: 4rem; height: 4rem; font-size: 1.5rem; }
    .workPlace .com_sub_big_title { margin-top: 2rem; font-size: 2rem; }
    .workPlace .sec_floor_info .left_wrap { padding-bottom: 2rem; }
    .previewPop .popWrap { width: calc(100% - 2rem); }
    .previewPop .popWrap .popheader { padding: 0.75rem 3.5rem; }
    .previewPop .popWrap .popheader .titSlider .item p { font-size: 1.25rem; }
    .previewPop .popWrap .popheader .prvPopclose { font-size: 1.15rem; }

    /* 0500알림마당 */
    .alrim .conBox { margin-top: 2rem; padding: 2rem 0 5.5rem; }
    .alrim .tabTypeB {margin: 2rem 0 0 1rem;}
    .alrim .tabTypeB ul li a { height: 2.5rem; font-size: 0.85rem; }
    .alrim .qna_q .arrow { width: 1.5rem; height: 1.5rem; min-width: 1.5rem; border-radius: 50%; background-position: center center !important; }
}

@media screen and (max-width: 968px) {
    /* 0102문화관 소개 */
    .introduce .box { min-height: 10rem !important; }
    .introduce .introCon > li > img { max-width: 11.5rem; }
    .introduce .introCon > li .intro_txt { font-size: 1rem; margin-top: 1.25rem; } 
    .introduce .box .wrap .img_field { width: 5.5rem; }
    .introduce .box .tit_field { font-size: 0.9rem; margin-bottom: 0.5rem; }
    .introduce .box .txt_field { font-size: 0.8rem; }
    .introduce .box.ci_sec .ci_info .tit_field { font-size: 0.9rem; }
    .introduce .introCon > li .intro_txt { font-size: 0.9rem; margin-top: 1.25rem; }

    /* 0200 프로그램소개 */
    .program .bottomBox .list { flex-wrap: wrap; gap: 1rem; }
    .program .bottomBox .list li { width: 100%; }

    /* 0300 체험전시관 */
    .workPlace .sec_preview .preview_Lst ul li { width: calc((100% - 1.2rem) / 2); }

    /* 0601온라인 부산수학문화관 */
    .online .container .info_section .item { font-size: 0.9rem; }
    .online .container .info_section .item .num { font-size: 1.5rem; margin: 2.5rem 0 0.75rem; }
    .online .centerBox { padding: 3.5rem 0; }
    .online .centerBox .container { gap: 1rem; }
    .online .centerBox .container .item { width: calc((100% - 2rem) / 3); }
    .online .centerBox .item img { margin-bottom: 1rem; }
    .online .centerBox .item .tit { font-size: 1rem; }
    .online .centerBox .item .txt { font-size: 0.7rem; }
    .online .com_btn { height: 2.5rem; }
    .online .bottomBox .tabLst div[id^="con"] .sec_title { font-size: 1.35rem; }
}

@media screen and (max-width: 768px) {
    /* 테이블 */
    .com_table_radius { border: 3px solid #4156a7; position: relative; } 
    .com_table thead,
    .com_table colgroup { display: none; }
    .com_table tbody { display: block; }
    .com_table { border: none; }
    .com_table tr { display: flex; flex-direction: column; border-bottom: 1px solid #e4e4e4; width: 100%; padding: 1rem; }
    .com_table tr:first-child { border-radius: 1rem 1rem 0 0; }
    .com_table tr:nth-child(odd) { background: #f2f2f2; }
    .com_table th { display: none !important; }
    .com_table tbody th,
    .com_table td:not(:last-child) { border-right: none; }
    .com_table td { padding: 0; border-right: none; }
    .com_table :is(th, td) { border-bottom: none; width: 100%; display: block; text-align: left; }
    .com_table .work_list { margin-top: 0.5rem; padding: 0; border: none; }
    .com_table .name_field .position_m { display: inline-block; font-weight: bold; margin-right: 0.25rem; }

    /* 0102문화관 소개 */
    .introduce .introCon > li > img { max-width: 10rem; }
    .introduce .box.ci_sec { gap: 1.5rem; }
    .introduce .box.ci_sec .img_field img { max-width: 12.5rem; }

    /* 0103조직업무 */
    .workTeam .fax { margin-top: 1.5rem; }
    .workTeam .fax > img { max-width: 2rem; }

    /* 0104시설이용안내 */
    .guide .conBox { padding: 2.5rem 0 0; }
    .guide .guide_section .info_area ul li .tit_field { width: 5.5rem; height: 2.25rem; line-height: 2.25rem; font-size: 0.8rem; }
    .guide .guide_section .info_area ul li .txt_field { padding-top: 0.4rem; font-size: 0.9rem; }

    /* 0105안전수칙 및 주의사항 */
    .safety .box { gap: 2rem; }
    .safety .box .img_area { width: auto; }
    .safety .box .img_area img { width: 80%; }
    .safety .box .list { gap: 0.5rem; }
    .safety .box .list li { font-size: 0.85rem; gap: 0.45rem; line-height: 1.75rem; }

    /* 0200 프로그램소개 */
    .program .conBox .com_sub_big_title { font-size: 1.5rem; }
    .program .conBox .com_sub_big_title::before { width: 4rem; height: 3rem; margin-right: 0.75rem; }

    .program .topBox .inner .page_tit { margin-top: 1rem; font-size: 1.25rem; }
    .program .topBox .inner .sub_tit { margin: 0.75rem auto 1rem; padding: 0.5rem 1rem; font-size: 1rem; }
    .program .topBox .inner .txt { font-size: 0.8rem; margin-bottom: 2rem; }
    .program .topBox { margin-bottom: 2.5rem; }
    .program .centerBox { padding: 1.5rem 0; }
    .program .centerBox .info .page_tit { font-size: 1.25rem; margin: 0.75rem 0 1.25rem; }
    .program .centerBox .info .guide li .tit .num { width: 2rem; height: 2rem; font-size: 0.95rem; }
    .program .centerBox .info .guide li .tit { font-size: 1rem; }
    .program .centerBox .info .guide li .txt { margin-bottom: 1.25rem; font-size: 0.85rem; }
    .program .bottomBox .page_tit { font-size: 1.25rem; margin-bottom: 1rem; margin-top: 1.5rem; }

    /* 0300 체험전시관 */
    .workPlace .conBox { padding: 2rem 0 5rem; }
    .workPlace .sec_floor_info { padding: 2rem 1.5rem; }
    .workPlace .com_act_floor_tab .floor_tab { width: 3rem; height: 3rem; font-size: 1.25rem; }
    .workPlace .com_act_floor_tab .floor_tab + .floor_tab { margin-left: 0.75rem; }
    .workPlace .com_sub_big_title { font-size: 1.5rem; margin-top: 1.25rem; }
    .workPlace .sec_floor_info .txt { font-size: 0.8rem; margin-top: 0.75rem; }
    .workPlace .sec_floor_info .left_wrap { padding-bottom: 1.5rem; }
    .workPlace .sec_floor_info .right_wrap { margin-top: 1.5rem; }
    .previewPop .popWrap .popheader .prvPopclose { right: 1rem; font-size: 1rem; }
    .previewPop .popWrap .popheader { padding: 0.75rem 2.5rem; }
    .previewPop .popWrap .popheader .titSlider .item p { font-size: 1rem; }
    .previewPop .popWrap .popBody { padding: 1.5rem 2.5rem; }
    .previewPop .popWrap .popBody > a { font-size: 2rem; }
    .previewPop .popWrap .popBody > a.prev { left: 0.25rem; }
    .previewPop .popWrap .popBody > a.next { right: 0.25rem; }

    /* 0500알림마당 */
    .alrim .calBox .calLeft .calCrt { padding: 1rem 0; }
    .alrim .calBox .calLeft .calCrt > a { width: 2rem; height: 2rem; }
    .alrim .calBox .calLeft .calCrt > a > span { background-size: contain; width: 1rem; height: 1.25rem; }
    .alrim .calBox .calLeft .calCrt > span { font-size: 1.3rem; }
    .alrim .calBox .calndr table tbody tr td a { height: 4rem; }
    .alrim .calBox .calLst > h2.heading { padding: 1rem; font-size: 1.3rem; }
    .alrim .calBox .calLst ul { padding: 0.9rem 1rem; }
    .alrim .calBox .calLst ul > li > a { padding: 0.75rem 5.25rem 0.75rem 1rem; }
    .alrim .calBox .calLst ul > li.no_data > p { height: 2.6rem; }

    /* 0601온라인 부산수학문화관 */
    .online .container .info_section .tit { font-size: 1.35rem; margin-top: 0.5rem; }
    .online .container .info_section .txt { font-size: 0.8rem; margin-bottom: 1.5rem; margin-top: 0.25rem; }
    .online .container .info_section .item { width: 100%; aspect-ratio: 0; border-radius: 15rem; border-width: 0.35rem; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 1rem; font-size: 0.8rem; }
    .online .container .info_section .item + .item { margin-top: 1rem !important; }
    .online .container .info_section .item .num { margin: 0 0 0.5rem 0; font-size: 1.35rem; }
    .online .container .info_section .tip_txt { margin-top: 1rem; } 
    .online .container .info_section { margin-bottom: 2.5rem; }
    .online .centerBox { padding: 2rem 0; }
    .online .centerBox .container { flex-direction: column; gap: 2rem; }
    .online .centerBox .container .item { width: 100%; }
    .online .bottomBox .tabLst div[id^="con"] .sec_title { font-size: 1.15rem; margin: 1.5rem 0 0.5rem; }
    .online .bottomBox .tabLst div[id^="con"] .list { flex-wrap: wrap; gap: 1.5rem; }
    .online .bottomBox .tabLst div[id^="con"] .list .item { width: 100%; }
    .online .tabTypeC ul li { flex: none; width: calc((100% - 0.15rem) / 2); }
}

@media screen and (max-width: 680px) {
    /* 0102문화관 소개 */
    .introduce .box { flex-direction: column; }
    .introduce .box .wrap .img_field { order: 0 !important; width: 4rem; }
    .introduce .box .txt_field { font-size: 0.7rem; }
    .introduce .box .wrap .info_area { width: 11rem; }
    .introduce .introCon { gap: 2rem 0; }
    .introduce .introCon > li > img { max-width: 8.5rem; }
    .introduce .introCon > li .intro_txt { font-size: 0.85rem; margin-top: 1rem; }
}

@media screen and (max-width: 580px) {
    /* 0500알림마당 */
    .alrim .calBox .calndr table tbody tr td a { height: auto; padding: 1rem 0.5rem; }
    .alrim .calBox .calLst ul > li > a > p { font-size: 0.8rem; }
    .alrim .calBox .calLst ul > li > a > span { font-size: 0.75rem; }
    .alrim .calBox .calLst ul > li > a > em { font-size: 0.8rem; }
    .alrim .calBox .calLst ul > li.no_data > p { font-size: 0.85rem; padding: 0.5rem 1rem; }
}

@media screen and (max-width: 480px) {
    /* 공통 서브 콘박스 */
    .conBox .intro_title { font-size: 1.15rem; }

    /* 0102문화관 소개 */
    .introduce .introCon { margin: 2rem 0 3.5rem; }  
    .introduce .introCon > li > img { max-width: 6rem; } 

    /* 0103조직업무 */
    .workTeam .conBox { padding: 2rem 0 1rem; margin-top: 2rem; }
    .workTeam .fax { margin-top: 0; font-size: 0.9rem; } 
    .workTeam .fax > img { max-width: 1.75rem; }

    /* 0104시설이용안내 */
    .guide .guide_section .img_area .dotBox { margin-top: 1rem; }
    .guide .guide_section .img_area .dotBox ul li { width: 1.5rem; height: 1.5rem; } 
    .guide .guide_section .img_area .dotBox ul li.slick-active button { border: 8px solid #4156a7; }
    .guide .guide_section .info_area { margin-top: 1.5rem; }

    /* 0106찾아오시는길 */
    .mapWrap .conBox { padding: 2rem 0 5rem; }  
    .mapWrap .conBox .container { padding: 1.5rem 1rem 3rem; }
    .mapWrap .right_wrap { margin-top: 2.5rem; }
    .mapWrap .tit_area { font-size: 1rem; margin-bottom: 1rem; }
    .mapWrap ul.list li { margin-bottom: 0.75rem; }
    .mapWrap ul.list li .tit { width: 5.5rem; min-width: 5.5rem; font-size: 0.7rem; padding: 0; height: 1.75rem; } 

    /* 0200 프로그램소개 */
    .program .conBox { padding: 2.5rem 0 4rem; }

    /* 0300 체험전시관 */
    .workPlace .sec_floor_info { padding: 1.5rem 1rem; }
    .workPlace .com_act_floor_tab .floor_tab { width: 2.5rem; height: 2.5rem; font-size: 1rem; }
    .workPlace .com_act_floor_tab .floor_tab + .floor_tab { margin-left: 0.5rem; }
    .workPlace .com_sub_big_title { font-size: 1.25rem; }
    .workPlace .sec_floor_info .txt { font-size: 0.75rem; margin-top: 0.5rem; }
    .workPlace .sec_floor_info .left_wrap { padding-bottom: 1rem; }
    .workPlace .sec_floor_info .right_wrap { margin-top: 1rem; }
    .workPlace .sec_preview { margin-top: 2rem; }
    .workPlace .sec_preview .com_sub_page_title { font-size: 1.25rem; margin-bottom: 1.25rem; }
    .workPlace .sec_preview .preview_Lst ul li { width: 100%; }
    .previewPop .popWrap .popheader .titSlider .item p { font-size: 0.85rem; }

    /* 0500알림마당 */
    .alrim .tabTypeB ul li a { height: 2.25rem; font-size: 0.8rem; }
    .alrim .tabTypeB { margin-top: 1.5rem; }
    .alrim .conBox { margin-top: 1.5rem; padding: 1.5rem 0 4.5rem; }
    .alrim .qna_q { padding: 0.7rem 1rem; }
    .alrim .qna_q .left_wrap,
    .alrim .qna_q .left_wrap h1 { font-size: 0.7rem; }
    .alrim .qna_q .left_wrap .cate { padding: 0.25rem 0.5rem; margin-right: 0.5rem; max-width: 4rem; }
    .alrim .qna_a { padding: 0.75rem 1rem; font-size: 0.7rem; }
        
    .alrim .calBox .calLeft .calCrt { padding: 0.75rem 0; gap: 1rem; }
    .alrim .calBox .calLeft .calCrt > a { width: 1.75rem; height: 1.75rem; }
    .alrim .calBox .calLeft .calCrt > a > span { background-size: contain; width: 0.85rem; height: 1rem; }
    .alrim .calBox .calLeft .calCrt > span { font-size: 1.15rem; }
    .alrim .calBox .calndr table tbody tr td a { font-size: 0.65rem; }
    .alrim .calBox .calLst > h2.heading { padding: 0.75rem 1rem; font-size: 1.15rem; }
    .alrim .calBox .calLst ul { padding: 0.75rem 1rem; }
    .alrim .calBox .calLst ul > li > a > p { font-size: 0.75rem; }
    .alrim .calBox .calLst ul > li > a > span { font-size: 0.7rem; }
    .alrim .calBox .calLst ul > li > a > em { font-size: 0.75rem; }
    .alrim .calBox .calLst ul > li.no_data > p { font-size: 0.8rem; }

    /* 0601온라인 부산수학문화관 */
    .online .container .info_section .tit { font-size: 1.15rem; }
    .online .container .info_section .txt { font-size: 0.75rem; margin-bottom: 1.25rem; }
    .online .container .info_section .item { font-size: 0.7rem; border-width: 0.25rem; }
    .online .container .info_section .item .num { margin: 0 0 0.35rem 0; font-size: 1.15rem; }
    .online .container .info_section .item + .item { margin-top: 0.75rem !important; }
    .online .container .info_section { margin-bottom: 2rem; }
    .online .com_btn_wrap { margin: 1.5rem 0 2rem; }
    .online .com_btn { height: 2.25rem; width: auto; padding: 0 1rem; font-size: 0.75rem; }
    .online .tip_txt { margin-top: 0.5rem; }
    .online .bottomBox .tabLst div[id^="con"] .sec_title { font-size: 1rem; margin: 1.5rem 0 0.35rem; }
}

@media screen and (max-width: 380px) {
    /* 공통 서브 콘박스 */
    .conBox { margin-top: 1rem; }

    /* 0101인사말 */
    .grtWrap .conBox { padding-bottom: 8.5rem; }
    .grtWrap .conBox h1 { padding-top: 1.25rem; font-size: 0.85rem; }
    .grtWrap .conBox h2 { padding-top: 0.75rem; font-size: 0.85rem; }

    /* 0102문화관 소개 */
    .introduce .introCon > li { width: 100%; }

    /* 0104시설이용안내 */
    .guide .conBox { padding: 1.5rem 0 0 0; }
    .guide .guide_section .img_area .dotBox { margin-top: 0.75rem; }
    .guide .guide_section .img_area .dotBox ul { gap: 0.5rem; }
    .guide .guide_section .img_area .dotBox ul li { width: 1.25rem; height: 1.25rem; } 
    .guide .guide_section .img_area .dotBox ul li.slick-active button { border: 6px solid #4156a7; }
    .guide .guide_section .info_area { margin-top: 1rem; }
    .guide .guide_section .info_area ul li .tit_field { width: 4.5rem; height: 2rem; line-height: 2rem; font-size: 0.75rem; }
    .guide .guide_section .info_area ul li .txt_field { font-size: 0.8rem; }

    /* 0106찾아오시는길 */
    .mapWrap .conBox .container { padding: 2.5rem 0.75rem 3rem; }

    /* 0200 프로그램소개 */
    .program .conBox .left_wrap { padding: 1rem 0.75rem; }
    .program .conBox .right_wrap { padding: 0 0.75rem 1.5rem; }
    .program .conBox .right_wrap .sec_info_txt .info_wrap .title { width: 4rem; min-width: 4rem; font-size: 0.75rem; }
    .program .conBox .right_wrap .sec_info_txt .info_wrap .text { margin-left: 1rem; font-size: 0.75rem; }
    .program .conBox .com_sub_big_title { font-size: 1rem; height: 2.5rem; }
    .program .conBox .com_sub_big_title::before { width: 3rem; height: 2.5rem; margin-right: 0.5rem; }
    .program .conBox .left_wrap .sliderThumb .slick-track { margin-top: 0.75rem; }

    .program .inner { padding: 0 0.75rem; }
    .program .topBox { margin-bottom: 1.5rem; }
    .program .topBox .inner .page_tit { margin-top: 0; font-size: 1.1rem; }
    .program .topBox .inner .sub_tit { font-size: 0.9rem; margin: 0.5rem auto 0.75rem; }
    .program .topBox .inner .txt { margin-bottom: 1.5rem; font-size: 0.75rem; }
    .program .centerBox { padding: 1rem 0; }
    .program .centerBox .img { max-width: 12.5rem; } 
    .program .centerBox .info .page_tit { margin: 0 0 0.75rem; font-size: 1.1rem; }
    .program .centerBox .info .guide li { padding-left: 2.4rem; }
    .program .centerBox .info .guide li .tit .num { width: 1.75rem; height: 1.75rem; font-size: 0.85rem; margin-left: -2.5rem; }
    .program .centerBox .info .guide li .tit { font-size: 0.9rem; }
    .program .centerBox .info .guide li .txt { font-size: 0.8rem; margin-bottom:
    1rem; }
    .program .centerBox .info .guide li + li { margin-top: 1rem; }

    .program .centerBox .info .guide li .qr_area .qr img { max-width: 5.5rem; padding: 0.5rem; }
    .program .centerBox .info .guide li .qr_area .qr .name { line-height: 1.75; }
    .program .bottomBox .page_tit { font-size: 1.1rem; }

    /* 0300 체험전시관 */
    .workPlace .conBox { padding: 1.5rem 0 3.5rem; }
    .workPlace .sec_floor_info { padding: 1.25rem 0.75rem; }
    .workPlace .com_act_floor_tab .floor_tab { width: 2rem; height: 2rem; font-size: 0.85rem; }
    .workPlace .com_sub_big_title { font-size: 1rem; margin-top: 1rem; }
    .workPlace .sec_floor_info .txt { font-size: 0.7rem; margin-top: 0.35rem; }
    .workPlace .sec_preview { margin-top: 1.5rem; }
    .workPlace .sec_preview .com_sub_page_title { font-size: 1rem; margin-bottom: 0.75rem; }
    .workPlace .sec_preview .preview_Lst ul { gap: 1rem; }
    .previewPop .popWrap .popheader { padding: 0.5rem 2rem; }
    .previewPop .popWrap .popheader .titSlider .item p { font-size: 0.8rem; }
    .previewPop .popWrap .popheader .prvPopclose { font-size: 0.9rem;  }
    .previewPop .popWrap .popBody { padding: 1rem 2rem; }
    .previewPop .popWrap .popBody > a.next { right: 0.15rem; font-size: 1.5rem; }
    .previewPop .popWrap .popBody > a.prev { left: 0.15rem; font-size: 1.5rem;}

    /* 0500알림마당 */
    .alrim .tabTypeB { margin: 1.5rem 0 0 0.75rem; }
    .alrim .calBox .calLeft .calCrt { gap: 0.75rem; }
    .alrim .calBox .calLeft .calCrt > a { width: 1.5rem; height: 1.5rem; }
    .alrim .calBox .calLeft .calCrt > a > span { width: 0.75rem; }
    .alrim .calBox .calLeft .calCrt > span { font-size: 1rem; }
    .alrim .calBox .calndr table tbody tr td a { font-size: 0.6rem; }
    .alrim .calBox .calLst > h2.heading { padding: 0.5rem 0.75rem; font-size: 1rem; }
    .alrim .calBox .calLst ul { padding: 0.75rem; }
    .alrim .calBox .calLst ul > li > a > p { font-size: 0.7rem; }
    .alrim .calBox .calLst ul > li > a > span { font-size: 0.65rem; }
    .alrim .calBox .calLst ul > li > a > em { font-size: 0.7rem; }
    .alrim .calBox .calLst ul > li.no_data > p { font-size: 0.75rem;  }
    .alrim .calBox .calLst ul > li > a { padding: 0.5rem 4.5rem 0.5rem 0.75rem; }

    /* 0601온라인 부산수학문화관 */
    .online .container .info_section .tit { font-size: 1rem; }
    .online .container .info_section .txt { font-size: 0.7rem; margin-bottom: 1rem; }
    .online .container .info_section .item { font-size: 0.65rem; border-width: 0.15rem; }
    .online .container .info_section .item .num { margin: 0 0 0.25rem 0; font-size: 1rem; }
    .online .container .info_section .item + .item { margin-top: 0.5rem !important; }
}