@import url('https://fonts.googleapis.com/css2?family=East+Sea+Dokdo&display=swap');

.text_center { text-align:center; }
.inner { max-width:1400px; margin:0 auto; }
.cursor_pointer { cursor: pointer; }

.sub_content { max-width:1400px; margin:0 auto; padding:3rem 0 10rem; }

.sub_header_wrap { height:600px; padding-top:100px; }
.sub_location_box { border-bottom:1px solid #f1f1f1; background-color:#fff }
.sub_level1 { display:none; position:absolute; border:1px solid #fafafa; top:61px; left:0; right:0;  background-color:#fff; padding:10px; z-index:90; box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; }
.sub_level2 { display:none; position:absolute; border:1px solid #fafafa; top:61px; left:0; right:0;  background-color:#fff; padding:10px; z-index:90; box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; }
.sub_level0 > li { width:250px; border-right:1px solid #f1f1f1; position:relative;  background-color:#fff; }
.sub_level0 > li:first-child {  width:100px; border: none; background-color:#e58012 }
.sub_level0 > li > a { text-align:center; font-weight:bold; padding:20px 10px; }
.sub_level1 > li > a,
.sub_level2 > li > a { display:block; padding:15px 10px; border-bottom:1px solid #fafafa; transition:.3s; }
.sub_level1 > li:last-child a,
.sub_level2 > li:last-child a { border-bottom:none; }
.sub_level1 > li > a:hover,
.sub_level2 > li > a:hover { font-weight:800; }

.sub_level0 > li svg { transition:.3s; }
.sub_level0 > li.active svg { transform:rotate(180deg); }
.sub_level0 > li.active > a { background-color:#f1f1f1;}
.sub_level0 > li.active .sub_level1,
.sub_level0 > li.active .sub_level2 { display:block; }

.sub_header_content { color:#fff; text-align:center; width:100%; }
.sub_header_title { }
.sub_header_subtitle { margin-top:20px; }
.sub_header_share { text-align:center; font-weight:bold; padding:20px 10px;  width:100px; background-color:#12995e}
.sub_title_location { padding:50px 0 0; margin-bottom:40px; }
.sub_title_location h4 { border-bottom:6px solid #419bc6; padding-bottom:10px; padding-right:30px; }
.sub_location { color:#999; }

#hd.user_hd { height:100px; position: fixed; width:100%; z-index: 999; background-color:#fff; }
#hd.user_hd.fixed { position: fixed; width:100%; background-color:#fff; border-bottom:1px solid #f1f1f1; }
.header_content { height:100%; gap:30px; }
.header_logo { width:300px; padding:20px 0; }
.header_logo a { display:block; }
.header_menu { width:calc(100% - 450px); height: 100%; padding:0 50px; }
.header_right { width:150px; }
.header_logo img { width:180px; }

.gnb { height: 100%; }
.gnb > li { position:relative; height: 100%; display:flex; justify-content: center; align-items: center; text-align:center; width:calc(100% / 4);}
.gnb > li::after { content:""; display:block; width:4px; height:4px; background-color:#aaabab; position:absolute; right:0; border-radius:100%; }
.gnb > li:last-child::after { display:none; }
.gnb > li > a { font-weight:700; font-size:1.1rem; display:block; }
.lnb { display:none; transition:.5s; position:absolute; z-index: 99; top:90px; left:50%; transform:translateX(-50%); width:200px; padding:20px; border-radius:20px; background-color:#fff; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.lnb > li > a { padding:10px 0; color:#555; text-align:left; display:block; font-weight: 500; transition:.3s; }
.lnb > li > a:hover { font-weight: 700; color:#419bc6; }
.gnb > li.active > a { color:#419bc6 }
.gnb > li.active .lnb { display:block; }


.header_right span.vertical_bar { margin:0 10px; }

.menu_btn { position:relative; margin-left:30px; width:30px; height:20px; }
.menu_btn .menu_bar { position:absolute; transition:.5s; width:100%; height:2px; background-color:#222; display:block; }
.menu_btn .menu_bar.top { top:0; }
.menu_btn .menu_bar.mid { top:calc(50% - 1px); }
.menu_btn .menu_bar.bottom { bottom:0; width:23px; }
.menu_btn .menu_bar.bottom::after { content:""; display:block; position:absolute; width:2px; height:2px; background-color:#000; right:-7px; }

.menu_btn:hover .menu_bar { background-color:#419bc6; }
.allGnb { display:none; position:fixed; z-index:9999; background-color:rgba(0,0,0,.6); top:0; left:0; right:0; bottom:0; }
.allGnb.active { display:block; }
.gnb_box { position:fixed; background:#fff url("/img/grey_logo.svg") -100px 200px/300px no-repeat; width:60%; left:50%; top:50%; transform:translate(-50%, -50%); transition:.5s; padding:2rem 2rem 10rem; border-radius:20px; }

.gnb_box > ul > li { flex:1; text-align:center; }
.gnb_box > ul > li > a { font-size:1.3rem; font-weight: 700; display:inline-block; margin-bottom:3rem; }
.gnb_box > ul > li ul li { margin-bo7ttom:2rem; font-size:1.1rem;}
.gnb_box h2 { margin-bottom:3rem; color:#ccc; }
.gnball_btn_wrap { text-align:center; }
.gnball_btn { display:inline-block; width:50px; height:50px; position:absolute; right:20px; top:20px; }
.gnball_btn::after { display:block; content:""; width:50px; height:1px; top:50%; transform:rotateZ(45deg); background-color:#000; position:absolute; }
.gnball_btn::before { display:block; content:""; width:50px; height:1px; top:50%; transform:rotateZ(-45deg); background-color:#000; position:absolute; }

#top_btn { position:fixed; width:60px; height:60px; border-radius:100%; right:20px; bottom:20px; border:none; background-color:#12995e; color:#fff; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; }


.section2 { padding:4rem 0; }
.section3 { padding:4rem 0; }
.section4 { padding:4rem 0; position: relative;}
.section5 { padding:3rem 0 5rem; position: relative;}
.section4::after { content:'';  background-color:#f5f6f8; display:block; width:100%; height:70%; position:absolute; top:0; }

.mainSwiper { height:700px; }
.slide_img01 { background:url('/img/mv1.png') center/cover no-repeat; }
.section2 h2 { text-align:center; font-weight:800; margin-bottom:3rem; }

.main_service_item { display:block; }
.main_service_item > div { background-color:#f5f5f5; border-radius:20px; width:180px; height:180px; transition:.4s; }
.main_service_item > div img { transition:.4s; }
.main_service_item:hover > div { background-color: #70b7d8; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; }
.main_service_item:hover > div img { transform:translateY(-10px); }
.main_service_item > p { text-align:center; margin-top:20px; font-weight:700; }

.main_section_title { font-weight:800; }
.main_section_title span { color:#419bc6 }

.main_board_flex { gap:50px; }
.main_notice_cate { gap:50px; }
.more_btn { display:block; font-weight: 800; width:40px; height:40px; text-align:center; border-radius:100%; background-color:#f5f5f5; line-height:40px; }

.sec3_notice { width:calc(100% - 370px); }
.sec3_gallery { width:370px; }

.main_notice_content { min-height:360px; margin-top:2rem; border:1px solid #f1f1f1; border-radius:20px; padding:20px 30px;}

.main_notice_content > a { padding:20px 0; border-bottom:1px solid #f1f1f1; }
.main_notice_content > a:last-child { border-bottom:none; }
.main_notice_content > a > div { width:calc(100% - 100px); }
.main_notice_content > a > .main_notice_date { width:100px; text-align:right; }
.main_notice_title { color:#6f6f6f; font-weight:500; width:calc(100% - 60px); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.cate_chip { padding:2px 5px; width:60px; text-align:center; background-color:#419bc6; color:#fff; border-radius:40px; font-size:12px; font-weight:500; margin-right:10px; }

.main_gallery_content { display:block; margin-top:2rem; border:1px solid #f1f1f1; border-radius:20px; padding:20px 30px;}
.main_gall_thumb { padding-top:100%; border-radius:20px; }
.main_gallery_content p { margin-top:20px; font-weight: 500; text-align:center; }

.busSwiper h3 { font-weight:800; margin-top:2rem; margin-bottom:1rem; }
.busSwiper .swiper-slide { gap: 2rem; }
.font_weight_bold { font-weight:800; }
.bus_text { font-weight:700; line-height:1.5rem; }
.bus_img { width:50%; padding-top:30%; }
.bus_img.bis1 { background:url("/img/bis1.jpg") center/cover no-repeat;  }
.bus_img.bis2 { background:url("/img/bis2.jpg") center/cover no-repeat; }
.bus_img.bis3 { background:url("/img/bis3.jpg") center/cover no-repeat; }
.bus_img.bis4 { background:url("/img/bis4.jpg") center/cover no-repeat; }
.busSwiper .busSliderPager.swiper-pagination { left:0px; width:50%; text-align:right; padding-right:30px; }
.busSwiper .busSliderPager.swiper-pagination .swiper-pagination-bullet-active { background-color:#419bc6; }
.busSwiper .busSliderPager.swiper-pagination .swiper-pagination-bullet { width:7px; height:7px; margin:0 10px; }
.busSwiper .bus_left_text { opacity: 0; padding:20px; transform:translateY(-20px); transition:1s; transition-delay: 1s; }
.busSwiper .swiper-slide-active .bus_left_text { opacity: 1;  transform:translateY(0px); }
.sec5_wrap { gap:20px; }
.sec5_box { width:50%; border-radius:30px; padding:3rem 2rem; }
.sec5_box.left { background:#f5fdea url("/img/m_banner_img1.png") right center/contain no-repeat; }
.sec5_box.right { background:#e8f7ff url("/img/m_banner_img2.png") right center/contain no-repeat;}
.sec5_box h3 { margin-bottom:1rem; }
.sec5_box a { transition:.5s; display:block; width:120px; margin-top:2rem; text-align:center; padding:15px 0; background-color:#fff; border-radius:20px; font-weight:700; }
.sec5_box a:hover { background-color:#419bc6; color:#fff; box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; }


#ft { background-color:#f5f6f8; padding-bottom:3rem; }
.ft_menu { padding:1.3rem 0; border-bottom:1px solid #ddd; }
.ft_menu a { font-weight:600; color:#535353; }
.ft_menu .d_flex { gap: 30px; }
.f_logo {  padding:20px; }
.f_logo img { width:180px; }
.ft_info { gap: 40px; font-weight: 500; padding-top:2rem; }
.copy_text { margin-top:1rem; color:#6e6e6e; }

.calendar_wrap { width:100%; height:800px; }
.rent_form { width:100%; margin-top:50px; }
.rent_info { margin-bottom:5rem; }
.rent_info_text { background-color:#f4f4f4; padding:20px; }
.rent_header { margin-bottom:5rem; }
.rent_header  select { width:calc(100% - 90px); padding:10px; background-color:#f5f5f5; border:1px solid #ddd; border-radius: 10px; margin:20px 0; }
.rent_header  p { color:#419bc6 }
.rent_info_subtitle { font-weight: bold; margin-bottom:10px;  }
.rent_info_row { margin-bottom:20px; }
.rent_info_row:last-child { margin-bottom:0; }
.rent_form_section_title { margin-bottom:20px; border-bottom:1px solid #ddd; padding-bottom:20px; font-size:1.5rem; }

.time-button {
    margin: 2px;
    padding: 5px;
    font-size:0.8rem;
    background-color: #419bc6;
    color: white;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    display:inline-block;
}

.time-button:disabled {
    background-color: #cccccc;
}

.time-button.selected {
    background-color: #28a745 !important;
}
.rform_section { margin-bottom:5rem; }
.rform_section_title { font-weight: 700; margin-bottom:10px; color:#419bc6; }
.rent_form_header { padding-bottom:20px; margin-bottom:20px; }
.rent_form_header h4 { font-weight: 800; margin-bottom:10px; }
.rent_form_header p { color:#419bc6 }
.rform_label { width:120px; font-size:1rem; }
.rform_section select { width:calc(100% - 120px); padding:10px; background-color:#f5f5f5; border:1px solid #ddd; border-radius: 10px; }
.rform_section input[type=text] {  width:calc(100% - 90px); padding:10px; background-color:#f5f5f5; border:1px solid #ddd; border-radius: 10px; }
.rform_section textarea {  width:calc(100% - 90px); padding:10px; background-color:#f5f5f5; border:1px solid #ddd; border-radius: 10px; }
.rform_section > div { margin-bottom:20px; }
#rent_agree { width:100%; }
.etc_info { margin-top:5px; color:#888 }
.fc-daygrid-block-event .fc-event-time, .fc-daygrid-block-event .fc-event-title { font-size:10px; }
.rent_btn { width:100%; border:none; background-color:#419bc6; color:#fff; padding:20px 0; }
.etc_info { padding-left:10px; }

/* 사업개요 */
.business_title_sub { font-weight: 800; margin-top:10px;  }
.business_title_sub span { color:#28a745 }
.business_label { width:200px; margin-right:20px; font-weight: 800; border-left:1px solid #28a745; padding-left:20px; }
.business_text { width:calc(100% - 200px); }
.business_info_table { margin:4rem 0; background:url("/img/grey_logo.svg") right 100px/contain no-repeat; }
.business_info_table_row { padding:40px 20px; }
.business_img { width:100%; margin:20px 0; border:1px solid #ddd; }
.busi_location_item { margin-bottom:150px; }
.bl_img { width:45%; padding-top:30%; background-color:#f1f1f1; border-radius:0px; }
.bl_img.long { padding-top:35%; }
.bl_content { width:55%; margin-left:80px; }
.bl_title { font-weight:800; margin-bottom:20px; font-size:35px; }
.bl_icon_text { gap: 10px; margin-bottom:20px; color:#888 }
.bl_icon_text span { font-weight: 500; color:#28a745; width:100px; }
.floor_info table { table-layout: fixed; width:100%; border-bottom:2px solid #28a745 }
.floor_info table thead { background-color:#f1f1f1; }
.floor_info table th { padding:10px; color:#888; font-weight:500; }
.floor_info table td { padding:15px 10px; border-bottom:1px solid #f1f1f1; }
.floor_info p { font-weight:700; margin-bottom:10px; color:#28a745; }
.table_margin_bottom { margin-bottom:30px; }
.sub_title_logo_icon { width:40px; margin-right:-10px; }



/* 인사말 */
.intro_left_img { width:500px; background:url("/img/intro_img.jpg") center/cover no-repeat; padding-top:50%; }
.intro_right { width:100%; }
.intro_right h3 { font-weight:800; margin-bottom:3rem; }
.intro_right h3 span { color:#419bc6 }
.intro_sign { margin-top:5rem; text-align:right; }
.intro_sign span { font-weight:800; font-size:3rem;  font-family: "East Sea Dokdo", sans-serif; }
.intro_section2 { border-top:1px solid #419bc6; padding-top:3rem; margin-top:4rem; }
.intro_section2 h3 { font-weight:800; }
.intro_table {  margin-top:4rem; }
.intro_table > div { padding:2rem 0; border-bottom:1px solid #f1f1f1; }
.intro_table .intro_table_label{ width:200px; border-right:10px solid #f1f1f1; color:#419bc6; padding:10px 0; border-radius:0px; font-weight:700; text-align:center; }
.intro_table .intro_table_text {  width:calc(100% - 200px); padding:20px; font-weight:700; }


/* 연혁 */
.history_ul { display:flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap:2rem; }
.history_li { width:calc(50% - 1rem); margin-bottom:2rem;  }
.history_year { font-size:1.5rem; font-weight: 600; letter-spacing: -2px; width:200px; color:#888; border-bottom:2px solid #ddd; margin-right:20px;}
.history_year b { color:#222; font-size:3.5rem; margin-right:5px; }
.history_month { font-size:1.2rem; margin-bottom:10px; display:block; font-weight: 600; }
.history_inner p { margin-bottom:20px; }
.history_inner img { margin-bottom:2rem; width:100%; border-radius:20px;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; }

/* 오시는길 */
#daumRoughmapContainer1719558814273 { width:100% !important; }
.location_table > div { padding:20px; }
.location_table > div:nth-of-type(2n) { background-color:#f5f5f5 }
.location_table .location_label { width:200px; font-weight: 700; }
.location_table .location_text { width:calc(100% - 200px);}
.location_table .location_text a { display:inline-block; padding:10px; background-color:#f9e000; font-weight: 700; border-radius:5px; }
.location_text img { width:20px; }
.location_table { margin-bottom:30px;  }

.manage_board { position:fixed; padding:10px; background-color:#222; color:#fff; left:20px; bottom:20px; }

/* 사회적협동조합의 목적 */
.purpose_title { margin-bottom:50px; }
.purpose_title h3 { margin-bottom:20px; }
.purpose_content { background:#f3f5f7 url("/img/grey_logo.svg") right 100px/contain no-repeat;padding:30px;  }
.purpose_content h4 { margin-bottom:20px; }
.purpose_content p { margin-bottom:10px; }
.purpose_content p:last-child { margin-bottom:0px; }

.mv_video_wrap { position:relative; height:700px; }


/* 기부금안내 */
.donation_text p { margin-bottom:20px; }
.donation_btn { font-weight: bold; color:#419bc6 }

.section6 { padding-bottom:80px; }
#agency { border:none; padding:5px 10px; }
.rel_links { gap:20px; padding:20px 0; }
.rel_links p { text-align:center; font-weight: 500; margin-top:5px; }
.rel_links .rel_link_img { padding:10px 0; border:1px solid #ddd; width:200px; display:inline-block; text-align:center; }
.rel_links img { height:40px; }