Help
RSS
API
Feed
Maltego
Contact
Domain > samduk.org
×
Welcome!
Right click nodes and scroll the mouse to navigate the graph.
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2014-05-20
211.233.11.156
(
ClassC
)
2024-11-19
104.21.80.253
(
ClassC
)
Port 80
HTTP/1.1 200 OKDate: Tue, 19 Nov 2024 09:52:39 GMTContent-Type: text/html; charsetUTF-8Transfer-Encoding: chunkedConnection: keep-aliveX-Powered-By: PHP/8.1.27Set-Cookie: cisessiona%3A5%3A%7Bs%3A10%3A%22session_id%22%3Bs%3A32%3A%225cf9f166937bfac02b195e7824842598%22%3Bs%3A10%3A%22ip_address%22%3Bs%3A13%3A%22172.68.174.36%22%3Bs%3A10%3A%22user_agent%22%3Bs%3A0%3A%22%22%3Bs%3A13%3A%22last_activity%22%3Bi%3A1732009959%3Bs%3A9%3A%22user_data%22%3Bs%3A0%3A%22%22%3B%7D4b52440d1a08555fc27319e59eeeacd5; expiresWed, 20-Nov-2024 09:52:39 GMT; Max-Age86400; path/Set-Cookie: cisessiona%3A5%3A%7Bs%3A10%3A%22session_id%22%3Bs%3A32%3A%22328c72f2c41ce0177acebc5690436f16%22%3Bs%3A10%3A%22ip_address%22%3Bs%3A13%3A%22172.68.174.36%22%3Bs%3A10%3A%22user_agent%22%3Bs%3A0%3A%22%22%3Bs%3A13%3A%22last_activity%22%3Bi%3A1732009959%3Bs%3A9%3A%22user_data%22%3Bs%3A0%3A%22%22%3B%7Dc1e8baff20ef81b1ad3286bcfbaecda5; expiresWed, 20-Nov-2024 09:52:39 GMT; Max-Age86400; path/CF-Cache-Status: DYNAMICReport-To: {endpoints:{url:https:\/\/a.nel.cloudflare.com\/report\/v4?sV3Q1cb0Z2XkNVgnPM6IxyvycWexGX4rYlezGNhVprdGPdge40mh8o4CWb0qDrtaNxdQeopXtcCfuCeFvA3D%2BAbL%2FTi8rOeLrsVfjduJEagbznYp%2F1VgRCMpSCnzC},group:cf-nel,max_age:604800}NEL: {success_fraction:0,report_to:cf-nel,max_age:604800}Server: cloudflareCF-RAY: 8e4f4f059a305ee6-PDXalt-svc: h3:443; ma86400server-timing: cfL4;desc?protoTCP&rtt6093&sent1&recv3&lost0&retrans0&sent_bytes0&recv_bytes49&delivery_rate0&cwnd249&unsent_bytes0&cid0000000000000000&ts0&x0 !DOCTYPE html>html langko>head> meta charsetutf-8 /> meta nameviewport contentwidthdevice-width, initial-scale0.9 /> meta content복음의 빛, 삼덕교회 namedescription /> meta content삼덕교회, 대구교회, 강영롱목사 namekeywords /> meta content nameauthor /> meta propertyog:title content /> meta propertyog:image content /> meta propertyog:url content /> meta propertyog:site_name content /> meta propertyog:description content /> meta nametwitter:title content /> meta nametwitter:image content /> meta nametwitter:url content /> meta nametwitter:card content /> title>삼덕교회/title> link hrefhttps://static-assets.moim.us/common/plugins/fontawesome/6.4.2/css/all.min.css relstylesheet> link hrefhttps://fastly.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css relstylesheet integritysha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH crossoriginanonymous /> link relstylesheet hrefhttps://fastly.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css /> link relstylesheet hrefhttps://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/css/lightbox.css integritysha512-Woz+DqWYJ51bpVk5Fv0yES/edIMXjj3Ynda+KWTIkGoynAMHrqTcDUQltbipuiaD5ymEo9520lyoVOo9jCQOCA crossoriginanonymous referrerpolicyno-referrer /> link relstylesheet hrefhttps://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard.css typetext/css/> link relstylesheet hrefhttps://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo.css typetext/css/> link relstylesheet hrefhttps://site-assets.moim.us/a1/b0/c0/d81/37163d3b-7e41-455d-b6d0-6e1af8cb51b9/html/assets/css/style_sh.css?20240904 /> link relstylesheet hrefhttps://site-assets.moim.us/a1/b0/c0/d81/37163d3b-7e41-455d-b6d0-6e1af8cb51b9/html/assets/css/board.css.css?20240904 /> link relstylesheet hrefhttps://site-assets.moim.us/a1/b0/c0/d81/37163d3b-7e41-455d-b6d0-6e1af8cb51b9/html/assets/css/layout.css?20240904 /> script src//ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js>/script> script srchttps://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js integritysha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz crossoriginanonymous>/script> link relpreconnect hrefhttps://fonts.googleapis.com> link relpreconnect hrefhttps://fonts.gstatic.com crossorigin> link hrefhttps://fonts.googleapis.com/css2?familyNanum+Gothic:wght@400;700&familyNoto+Sans+KR:wght@100..900&displayswap relstylesheet> script srchttps://unpkg.com/vue@3>/script> script srchttps://unpkg.com/axios/dist/axios.min.js>/script> script srchttps://static-assets.moim.us/tools/analysis.js>/script> script srchttps://site-assets.moim.us/plugins/gsap/gsap.min.js>/script> script srchttps://site-assets.moim.us/plugins/gsap/ScrollTrigger.min.js>/script> script srchttps://site-assets.moim.us/plugins/gsap/SplitText.min.js>/script> script srchttps://site-assets.moim.us/plugins/gsap/DrawSVGPlugin.min.js>/script> script srchttps://site-assets.moim.us/plugins/gsap/MotionPathPlugin.min.js>/script> script srchttps://site-assets.moim.us/plugins/PhotoSwipe/dist/umd/photoswipe.umd.min.js>/script> script srchttps://site-assets.moim.us/plugins/PhotoSwipe/dist/umd/photoswipe-lightbox.umd.min.js>/script> link hrefhttps://site-assets.moim.us/plugins/PhotoSwipe/dist/photoswipe.css relstylesheet> style> body { font-family: Pretendard, Noto Sans KR, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; font-optical-sizing: auto; } header .login-btn button { display: flex; align-items: center; gap:10px; } header .login-btn button .login-icon { display: flex; width: 40px; height: 40px; border-radius: 30px; background: #111; padding-top: 0; justify-content: center; align-items: center; } body { color: var(--bs-body-color) !important; } .main-menu { position: relative; display: inline-block; } .gnb-container { position: relative; width:100%; } header .login-layer ul li, header .login-layer ul a { cursor: pointer; font-size:20px; } @media screen and (min-width: 992px) { body:not(.intro-playing) .gnb-container:hover .sub-menu { /*display: block;*/ max-height: 550px; opacity: 1; } body:not(.intro-playing) .gnb-container:hover .gnb-background { height: 550px; background: var(--bs-body-bg); border-bottom: 1px solid #111; } } .gnb-background { position: absolute;top:0;left:0; background: transparent; height: 100%; width: 100%; border-bottom: 1px solid transparent; transition: height 0.2s, border 0.2s, background 0.2s; } header .logo svg.logo-main-title { transform-origin: center center; } .sub-menu { /*display: none;*/ position: absolute; top: 100%; left: 0; z-index: 10; padding-top: 25px; max-height: 20px; overflow: hidden; opacity: 0; transition: max-height 0.2s, opacity 0.2s; } .sub-menu dd { white-space: nowrap; cursor: pointer; padding: 10px 20px; font-weight: 300; font-size: 20px; color: #828282; margin-left: -20px; } .sub-menu dd:hover { font-weight: 400; color: var(--bs-body-color); } .sub-menu dd::after { content: ; display: block; width: 100%; height: 2px; background: var(--bs-body-color); margin-top: 10px; transform: scaleX(0); transform-origin: left center; transition: transform 0.2s; } .sub-menu dd:hover::after { transform: scaleX(1); } @media (min-width: 1680px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1680px; } } @media (max-width: 567px) { .container { padding-left: 32px; padding-right: 32px; } } @media (max-width: 567px) { .gnb-container-inner { padding-left: 32px; padding-right: 15px !important; } .footer-container { padding-left: 32px; padding-right: 32px; } footer { padding-bottom: 100px; } } footer { padding: 40px 0; margin-top: 242px; display: none; border-top: 1px solid #e8e8e8; } footer.show { display: block } footer .container-xxl { text-align: left; padding-top: 60px; padding-bottom: 60px } footer .lnb ul li { display: inline-block; margin-right: 30px; font-size: 17px; } footer .address { display: inline-block; font-size: 16px; line-height: 160%; font-weight: 200; } footer .address .font-bold { font-weight: 400; } footer .address .sep { color: #ddd; margin: 0 8px; } footer .rights { display: inline-block; font-size: 12px; color: #A6A6A6 } footer .sns-list { text-align: right; display: flex; gap: 10px; padding: 0 5px; } footer .sns-list button { display: inline-flex; font-size: 15px; border: 1px solid var(--bs-border-color); padding: 14px 14px; background: var(--bs-body-bg); max-width: 45%; width: 254px; text-align: left; position: relative; justify-content: space-between; align-items: center; } footer .sns-list button i { content: ; font-size: 30px; color: #B8B8B8; } @media screen and (max-width: 1024px) { footer { margin-top: 50px; } footer .sns-list { text-align: left; margin-bottom: 30px } } @media screen and (max-width: 768px) { .page-menu-title { font-size: 38px; } } /style> link relstylesheet hrefhttps://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css /> script srchttps://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js>/script> script srchttps://site-assets.moim.us/a1/b0/c0/d81/37163d3b-7e41-455d-b6d0-6e1af8cb51b9/html/assets/js/custom.js>/script> script srchttps://static-assets.moim.us/assets/js/common.cms.js>/script> script srchttps://site-assets.moim.us/a1/b0/c0/d81/37163d3b-7e41-455d-b6d0-6e1af8cb51b9/html/assets/js/board.js>/script> script srchttps://site-assets.moim.us/a1/b0/c0/d81/37163d3b-7e41-455d-b6d0-6e1af8cb51b9/html/assets/js/layout.js>/script> script srchttps://site-assets.moim.us/a1/b0/c0/d81/37163d3b-7e41-455d-b6d0-6e1af8cb51b9/html/assets/js/index.js?20240904>/script> script srchttps://static-assets.moim.us/assets/js/jquery-form-3.51.js>/script>/head>body>header> div classgnb-container> div classcontainer gnb-container-inner> div classgnb-background>/div> div classrow> div classcol col-md-2> div classlogo logo-area onclickgo_url(/)> svg width196 height77 viewBox0 0 196 77 fillnone xmlnshttp://www.w3.org/2000/svg classlogo-sub-title preserveAspectRatioxMinYMid> g clip-pathurl(#clip0_1811_7894)> path dM14.7002 15.0449V4.6349H14.1602V15.0449H12.1202V10.0049H5.53516V0.524902H10.9052V2.4149H7.75516V8.0999H12.1202V0.524902H14.1602V2.7299H14.7002V0.524902H16.7552V15.0449H14.7002Z fill#231815 classlogo-text-item /> path dM18.9603 3.03007V1.14007H21.6453V0.195068H23.8503V1.14007H26.5353V3.03007H25.1103C25.7403 3.64507 26.1453 4.51507 26.1453 5.47507C26.1453 7.36507 24.6153 8.89507 22.7403 8.89507C20.8653 8.89507 19.3353 7.36507 19.3353 5.47507C19.3353 4.53007 19.7403 3.64507 20.3703 3.03007H18.9453H18.9603ZM30.1653 13.1401V15.0301H21.1653V10.2901H23.3703V13.1251H30.1653V13.1401ZM22.7403 6.82507C23.4753 6.82507 24.0903 6.24007 24.0903 5.49007C24.0903 4.74007 23.4753 4.15507 22.7403 4.15507C22.0053 4.15507 21.4053 4.75507 21.4053 5.49007C21.4053 6.22507 22.0053 6.82507 22.7403 6.82507ZM30.0003 0.510068V2.71507H31.2603V4.60507H30.0003V10.9201H27.7953V0.510068H30.0003Z fill#231815 classlogo-text-item /> path dM39.9452 15.045V6.99001H38.9102V6.45001C38.2352 7.62001 36.9602 8.40001 35.5202 8.40001C33.3302 8.40001 31.5752 6.63001 31.5752 4.45501C31.5752 2.28001 33.3302 0.51001 35.5202 0.51001C36.9452 0.51001 38.2052 1.27501 38.9102 2.44501V1.93501H39.9452V0.52501H41.8352V15.045H39.9452ZM35.5352 2.56501C34.4852 2.56501 33.6452 3.42001 33.6452 4.45501C33.6452 5.49001 34.4852 6.34501 35.5352 6.34501C36.5852 6.34501 37.4252 5.49001 37.4252 4.45501C37.4252 3.42001 36.5702 2.56501 35.5352 2.56501ZM39.9452 3.84001H39.4352C39.4352 4.05001 39.4652 4.24501 39.4652 4.47001C39.4652 4.69501 39.4352 4.89001 39.4352 5.10001H39.9452V3.84001ZM42.4802 0.52501H44.3702V15.045H42.4802V0.52501Z fill#231815 classlogo-text-item /> path dM51.6746 0L57.5096 6.105L55.8746 7.62L51.6596 3.255L47.4596 7.605L45.8096 6.105L51.6596 0H51.6746ZM57.1946 10.44H52.7696V15.015H50.5646V10.44H46.1396V8.535H57.1946V10.44Z fill#231815 classlogo-text-item /> path dM59.9551 14.0551V12.1501H61.2151V6.79509H63.2701V12.1501H64.3801V6.79509H66.4351V12.1501H67.5451V2.37009H59.9551V0.465088H69.7501V12.1501H70.3801V14.0551H59.9551Z fill#231815 classlogo-text-item /> path dM79.4254 8.25004L76.8754 4.18504L74.3554 8.23504L72.5254 7.11004L75.4504 2.44504H72.9454V0.540039H80.5204V2.43004H78.3154L81.2254 7.11004L79.4254 8.23504V8.25004ZM84.0004 4.33504V9.70504H81.9904C82.5004 10.335 82.8154 11.13 82.8154 12C82.8154 13.965 81.2254 15.54 79.2754 15.54C77.3254 15.54 75.7204 13.965 75.7204 12C75.7204 10.035 77.3104 8.44504 79.2754 8.44504C80.2504 8.44504 81.1504 8.86504 81.8104 9.51004V0.540039H84.0154V2.43004H85.2754V4.33504H84.0154H84.0004ZM79.2754 10.485C78.4504 10.485 77.7604 11.175 77.7604 12C77.7604 12.825 78.4354 13.5 79.2754 13.5C80.1154 13.5 80.7604 12.825 80.7604 12C80.7604 11.175 80.0854 10.485 79.2754 10.485Z fill#231815 classlogo-text-item /> path dM94.02 9.63009V12.1501H98.28V14.0551H87.54V12.1501H91.8V9.63009H88.02V4.11009H95.595V2.37009H88.02V0.465088H97.8V6.00009H90.225V7.74009H97.8V9.63009H94.02Z fill#231815 classlogo-text-item /> path dM105.69 9.03007H109.17V0.510068H111.225V15.0301H109.17V10.9201H100.8V9.03007H103.485V8.22007C102.12 7.74007 101.115 6.49507 101.115 4.92007C101.115 4.08007 101.355 3.43507 101.805 2.86507H100.8V1.14007H103.485V0.195068H105.69V1.14007H108.375V2.88007H107.37C107.805 3.43507 108.045 4.09507 108.045 4.93507C108.045 6.51007 107.04 7.75507 105.675 8.23507V9.04507L105.69 9.03007ZM104.58 6.36007C105.375 6.36007 106.02 5.73007 106.02 4.93507C106.02 4.14007 105.375 3.49507 104.58 3.49507C103.785 3.49507 103.14 4.14007 103.14 4.93507C103.14 5.73007 103.785 6.36007 104.58 6.36007Z fill#231815 classlogo-text-item /> /g> defs> clipPath idclip0_1811_7894> rect width195.615 height76.365 fillwhite /> /clipPath> /defs> /svg> svg width196 height77 viewBox0 0 196 77 fillnone xmlnshttp://www.w3.org/2000/svg classlogo-main-title preserveAspectRatioxMinYMid> g> g classlogo-black-title> path dM26.115 47.055L16.29 38.67V29.04H9.525V38.73L0 47.28L4.515 52.32L12.975 44.73L21.735 52.185L26.115 47.055Z fill#231815 classlogo-text-item /> path dM50.4001 43.4551V36.6901H40.6651V22.9651H33.9001V56.3551H25.8301V76.0201H46.3051V56.3551H40.6651V43.4551H50.4001ZM39.5401 69.2701H32.5801V63.1201H39.5401V69.2701Z fill#231815 classlogo-text-item /> path dM91.9052 23.8801V36.6751H81.2852V43.4401H91.9052V54.9601H98.6702V23.8801H91.9052Z fill#231815 classlogo-text-item /> path dM78.8851 52.0051H59.3701V28.9951H79.0201V35.7601H66.1351V45.2551H78.8851V52.0051Z fill#231815 classlogo-text-item /> path dM98.6698 76.365H91.9048V63.075H74.5498V56.325H98.6698V76.365Z fill#231815 classlogo-text-item /> path dM135.54 49.8599H142.29V27.5249H114.72V34.2899H135.54V49.8599Z fill#231815 classlogo-text-item /> path dM132.99 53.985V44.145H126.225V53.985H122.46V44.145H115.71V53.985H107.37V60.735H147.33V53.985H132.99Z fill#231815 classlogo-text-item /> path dM195.585 53.9851V23.4151H188.82V53.9851H171.75V50.5051C175.545 49.0801 178.26 45.4351 178.26 41.1451C178.26 38.9101 177.51 36.8551 176.265 35.1901H180.48V28.4251H171.045V22.2151H164.28V28.4251H156.24V35.1901H160.26C159.015 36.8551 158.265 38.9101 158.265 41.1451C158.265 45.5101 161.07 49.2001 164.97 50.5651V53.9851H155.64V60.7351H195.585V53.9851ZM165.06 41.1451C165.06 39.3601 166.5 37.9201 168.285 37.9201C170.07 37.9201 171.51 39.3751 171.51 41.1451C171.51 42.9151 170.07 44.3851 168.285 44.3851C166.5 44.3851 165.06 42.9301 165.06 41.1451Z fill#231815 classlogo-text-item /> /g> g classlogo-color-bullet> path dM142.305 27.5249H135.54V34.2749H142.305V27.5249Z fill#00A0E9 classlogo-blue-rect /> path dM66.1351 45.2551H59.3701V52.0201H66.1351V45.2551Z fill#C30D23 classlogo-red-rect /> path dM46.305 56.355H39.54V63.12H46.305V56.355Z fill#F39800 classlogo-yellow-rect /> path dM171.765 53.9851H165V60.7501H171.765V53.9851Z fill#E4007F classlogo-magenta-rect /> /g> /g> /svg> /div> /div> !-- /div>--> div classbtn-mobile-nav col col-md-10 position-relative text-end> button typebutton classmobile-gnb data-bs-togglemodal data-bs-target#mobile_gnb_modal> svg xmlnshttp://www.w3.org/2000/svg width48 height40 viewBox0 0 24 20 fillnone> path dM0 20L-8.74228e-08 18L24 18L24 20L0 20Z fill#4C4C4C /> path dM-7.86805e-07 2L-8.74228e-07 0L24 -1.04907e-06L24 2L-7.86805e-07 2Z fill#4C4C4C /> path dM-3.93402e-07 11L-4.80825e-07 9L24 9L24 11L-3.93402e-07 11Z fill#4C4C4C /> /svg> /button> div classgnb>!-- data-bs-togglemodal data-bs-target#mobile_gnb_modal --> ul> li classmain-menu > h4>예배/h4> div classnav-items sub-menu> dl classstep2-wrap> dd classstep2-title menu-codeb01 onclickgo_url(/home/b01/) stylecursor: pointer> 주일예배 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codeb02 onclickgo_url(/home/b02/) stylecursor: pointer> 수요기도회 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codeb03 onclickgo_url(/home/b03/) stylecursor: pointer> 금요기도회 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codeb06 onclickgo_url(/home/b06/) stylecursor: pointer> 찬양 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codeb05 onclickgo_url(/home/b05/) stylecursor: pointer> 새벽기도회 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codea94 onclickgo_url(/home/a94/) stylecursor: pointer> 바푸너(BAPUNER) /dd> /dl> /div> /li> li classmain-menu > h4>성장/h4> div classnav-items sub-menu> dl classstep2-wrap> dd classstep2-title menu-codec0101 onclickgo_url(/home/c0101/) stylecursor: pointer> 다음세대 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codec04 onclickgo_url(/home/c04/) stylecursor: pointer> 청년 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codec02 onclickgo_url(/home/c02/) stylecursor: pointer> 장년 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codec03 onclickgo_url(/home/c03/read_latest) stylecursor: pointer> 전교인 성경통독 /dd> /dl> /div> /li> li classmain-menu > h4>소통/h4> div classnav-items sub-menu> dl classstep2-wrap> dd classstep2-title menu-coded01 onclickgo_url(/home/d01/) stylecursor: pointer> 신망애 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-coded02 onclickgo_url(/home/d02/) stylecursor: pointer> 주보 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codea90 onclickgo_url(/home/a90/) stylecursor: pointer> 갤러리 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-coded04 onclickgo_url(/home/d04/) stylecursor: pointer> 교회소식 /dd> /dl> /div> /li> li classmain-menu > h4>행정/h4> div classnav-items sub-menu> dl classstep2-wrap> dd classstep2-title menu-codee01 onclickgo_url(/home/e01/) stylecursor: pointer> 새가족 등록 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codee02 onclickgo_url(/home/e02/) stylecursor: pointer> 장소 예약 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codee03 onclickgo_url(/home/e03/) stylecursor: pointer> 헌금 안내 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codee04 onclickgo_url(/home/e04/) stylecursor: pointer> 온라인 센터 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codee05 onclickgo_url(/home/e05/) stylecursor: pointer> 예식 안내 /dd> /dl> /div> /li> li classmain-menu > h4>교회소개/h4> div classnav-items sub-menu> dl classstep2-wrap> dd classstep2-title menu-codea01 onclickgo_url(/home/a01/) stylecursor: pointer> 비전 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codea02 onclickgo_url(/home/a02/) stylecursor: pointer> 역사 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codea03 onclickgo_url(/home/a03/) stylecursor: pointer> 섬기는 사람 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codebuilding onclickgo_url(/home/building/) stylecursor: pointer> 시설안내 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codea05 onclickgo_url(/home/a05/) stylecursor: pointer> 예배안내 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codea87 onclickgo_url(/home/a87/) stylecursor: pointer> 오시는길 /dd> /dl> /div> /li> /ul> /div> div classlogin-btn> button class data-bs-togglecollapse data-bs-target#login-collapse aria-expandedfalse aria-controlslogin-collapse> span classlogin-icon> svg xmlnshttp://www.w3.org/2000/svg width14 height16 viewBox0 0 14 16 fillnone> g clip-pathurl(#clip0_1388_3733)> path dM7 8C8.06087 8 9.07828 7.57857 9.82843 6.82843C10.5786 6.07828 11 5.06087 11 4C11 2.93913 10.5786 1.92172 9.82843 1.17157C9.07828 0.421427 8.06087 0 7 0C5.93913 0 4.92172 0.421427 4.17157 1.17157C3.42143 1.92172 3 2.93913 3 4C3 5.06087 3.42143 6.07828 4.17157 6.82843C4.92172 7.57857 5.93913 8 7 8ZM5.57188 9.5C2.49375 9.5 0 11.9937 0 15.0719C0 15.5844 0.415625 16 0.928125 16H13.0719C13.5844 16 14 15.5844 14 15.0719C14 11.9937 11.5063 9.5 8.42813 9.5H5.57188Z fillwhite /> /g> defs> clipPath idclip0_1388_3733> rect width14 height16 fillwhite /> /clipPath> /defs> /svg> /span> 로그인 /button> /div> div classlogin-layer> div classcollapse collapse-vertical idlogin-collapse stylemin-width: 240px> div classcard card-body stylewidth: 240px> ul > li classbtn-login onclickgo_url(/home/login)> 로그인 /li> li onclickfindId()> i classfa-light fa-file-magnifying-glass>/i> 아이디/패스워드 찾기 /li> /ul> /div> /div> /div> /div> /div> /div> /div>/header>div idscroll_trigger>/div>div classmain-container> div classsub-layout-container> script>var plugin_vars {site_idx:81,menu_uid:,module_idx:85,parent_idx:-1,mid:index,name:,ord:41,depth:0,layout:normal,view:,template_id:null,menu_num:,is_display:Y,ext_url:,plugin:page,plugin_type:page,extra:null,is_del:N,created_date:2024-05-26 18:11:52,edited_date:null,deleted_date:null,data:null,vars:{},hierarchy:{module_idx:85,parent_idx:-1,mid:index,name:,menu_num:,depth:0},_view_url:site_program\/plugin_views\/page\/,_module_url:\/home\/index,_module_uri:http:\/\/samduk.org\/home\/index,_domain:samduk};document.addEventListener(DOMContentLoaded, function() { setTimeout(() > { if(typeof setTheme ! undefined && typeof getStoredTheme ! undefined){ if(plugin_vars.view video){ setTheme(dark); setStoredTheme(dark); }else{ setTheme(light); setStoredTheme(light); } } }, 500);});/script>style> :root { --main-top-padding: 310px; } header, footer, section { padding-right: 100px; } .section-title h2 { font-size: 60px; margin-bottom: 20px; } .section-title .comment { width: 200px; font-size: 24px; } .gallery-slider .gallery-wrap { text-align: left; margin-right: 50px; padding-bottom: 60px; } .gallery-slider .gallery-wrap .gallery-img { /*width: calc(100vw - 24px);*/ width: 100%; /*max-width: 480px;*/ height: 480px; display: inline-block; } .gallery-slider .gallery-wrap .gallery-title { font-size: 24px; font-weight: 700; display: block; margin-top: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; /*width: calc(100vw - 24px);*/ /*max-width: 480px;*/ cursor: pointer; } .gallery-slider .gallery-wrap .gallery-date { color: #a6a6a6; display: block; } @media screen and (max-width: 1440px) { .gallery-slider .gallery-wrap .gallery-img { height: 300px; } } @media screen and (max-width: 991px) { .container-xxl { padding-left: 8%; padding-right: 8%; } section ul li.card-item .card-description { font-size: 13px; } .section-title h2 { font-size: 28px; margin-bottom:0; } .section-title .comment { width: auto; font-size: 0.8rem; line-height: 150%; } :root { --main-top-padding: 150px; } header, footer, section { padding-right: 0; } /*.section-4 .grow-wrap ul li .grow-img img */ .section-6 { padding: 50px 0; } .gallery-slider .gallery-wrap { margin-top: 30px; } .button-area { padding: 0; } .button-area svg { width: 20px; height: 20px; } .gallery-slider .gallery-wrap .gallery-title { font-size: 20px; } } section ul li.card-item { overflow: hidden; } section ul li.card-item .card-description { font-size: 16px; word-break: keep-all; } section ul li .photo-background { position: absolute; bottom: 0; left: 50% !important; width: 350px; transform: translateX(-50%); } section ul li .photo-background img { width: 400px; }/style>style> .section-1 { height: 100vh; max-height: 1050px; } .section-1 .swiper-slide { height: calc(100vh); max-height: 1050px; /*height: calc(100vh - var(--main-top-padding));*/ } .section-1 .container-xxl { height: 100%; /*padding-top: 250px;*/ padding-top: 0; position: relative; } .section-1 .main-img-title { background-repeat: no-repeat; margin: auto; width: 1129px; position: relative; max-width: 75%; left: 0; top: 0; z-index: 999; opacity: 1; padding-top: var(--main-top-padding); } .section-1 .main-img-title svg { width: 100%; } .section-1 .main-subtitle { font-size: 22px; font-weight: 700; } .section-1 .main-title { font-size: 26px; font-weight: 700; word-break: keep-all; } .main-rel { width: 100%; display: flex; justify-content: end; margin-top: 80px; } .main-rel > div { width: 400px; } .main-img { position: absolute; right: 0; bottom: 0; z-index: -1; width: 750px; height: 100%; } .main-img svg { width: 100%; height: 100%; } .main-img svg path{ opacity: 0.3; } .pagination-area { position: absolute; width: 100%; top: 800px; left: 0; } .pagination-area > div { width: 1120px; margin: auto; } .swiper-pagination { position: relative; display: flex; } @media screen and (max-width: 991px) { .section-1 { overflow: hidden; } .section-1 .container-xxl { /*padding-top: 150px;*/ padding-top: 0; } .popup-container { top: 100%; width: 100%; opacity: 0; position: fixed; } } /* mobile */ @media screen and (max-width: 767px) { .section-1 { max-height: 800px; } .section-1 .swiper-slide { height: calc(100vw * 1.84); max-height: 800px; /*max-height: calc(800px - 150px);*/ } .section-1 .main-img-title { width: 80%; max-width: 80%; margin: 15% auto 0 auto; padding-top: var(--main-top-padding); } .section-1 .main-img-title svg { width: 100%; height: 100%; max-height: 200px; } .main-img { position: absolute; /*right: 44px;*/ right: 0; bottom: 0; z-index: -1; width: 75%; /*height: 50%;*/ } .main-rel { margin: 40px auto 0 auto; display: block; position: relative; left: 0; top: 0; } .main-rel .main-subtitle { font-size: 15px; } .main-rel .main-title { font-size: 17px; } .pagination-area { position: absolute; width: 100%; top: unset; left: 0; bottom: 100px; } .pagination-area > div { width: 80%; margin: 10px auto; } } /* mobile */ @media screen and (max-width: 575px) { .section-1 .container-xxl { padding: 0; } .section-1 .container-xxl .row{ margin: 0; } } .swiper-pagination-bullet { width: 31px; height: 31px; display: flex; justify-content: center; align-items: center; border: 0; border-radius: 0; background: transparent; } .swiper-pagination-bullet.swiper-pagination-bullet-active { border: 1px solid #D3D3D3; }/style>section classsection-1> div classcontainer> div classrow> div classmain-slider swiper> div classswiper-wrapper> div classswiper-slide> div classmain-img-title> svg width802 height360 viewBox0 0 802 360 fillnone xmlnshttp://www.w3.org/2000/svg> g filterurl(#filter0_d_2890_269)> path dM143.438 10.2109V170.172H121.992V10.2109H143.438ZM110.742 12.4961V162.789H89.6484V113.219H70.8398C64.8633 128.775 54.4043 137.652 40.957 137.652C19.8633 137.652 6.15234 115.504 6.15234 79.4688C6.15234 43.6094 19.8633 21.6367 40.957 21.6367C54.3164 21.6367 64.7754 30.3379 70.8398 45.7188H89.6484V12.4961H110.742ZM40.957 42.7305C31.6406 42.7305 26.3672 55.0352 26.543 79.4688C26.3672 104.078 31.6406 116.207 40.957 116.031C50.2734 116.207 55.8984 104.078 55.8984 79.4688C55.8984 55.0352 50.0977 42.7305 40.957 42.7305ZM75.2344 63.6484C75.9375 68.5703 76.2891 73.8438 76.2891 79.4688C76.2891 85.0059 75.9375 90.2793 75.2344 95.1133H89.6484V63.6484H75.2344ZM241.615 22.6914C241.615 41.5 260.775 62.418 297.513 66.9883L288.724 85.0938C260.775 81.0508 240.296 68.1309 229.837 50.8164C219.291 68.1309 198.988 81.0508 171.302 85.0938L162.337 66.9883C198.724 62.418 218.06 41.5 218.06 22.6914V14.957H241.615V22.6914ZM302.611 97.2227V115.504H240.384V170.172H218.236V115.504H156.712V97.2227H302.611ZM360.534 20.9336C385.847 20.7578 404.831 37.2812 404.831 60.1328C404.831 83.1602 385.847 99.5078 360.534 99.5078C335.222 99.5078 316.062 83.1602 316.062 60.1328C316.062 37.2812 335.222 20.7578 360.534 20.9336ZM360.534 40.2695C347.878 40.2695 338.21 47.6523 338.386 60.1328C338.21 72.7891 347.878 79.9961 360.534 79.9961C373.191 79.9961 382.859 72.7891 383.034 60.1328C382.859 47.6523 373.366 40.2695 360.534 40.2695ZM443.152 10.2109V170.523H420.827V10.2109H443.152ZM309.382 119.547C337.859 119.723 377.409 119.195 411.687 114.449L413.445 130.621C377.937 137.477 339.968 137.828 312.019 137.828L309.382 119.547ZM644.428 83.8633V101.969H498.53V83.8633H644.428ZM571.303 110.934C605.932 110.934 626.85 121.832 627.026 140.641C626.85 159.625 605.932 170.172 571.303 170.172C536.323 170.172 515.229 159.625 515.229 140.641C515.229 121.832 536.323 110.934 571.303 110.934ZM571.303 128.336C549.155 128.336 537.905 132.203 538.08 140.641C537.905 148.902 549.155 152.77 571.303 152.77C592.924 152.77 604.35 148.902 604.526 140.641C604.35 132.203 592.924 128.336 571.303 128.336ZM631.245 17.5938V35.5234H587.651C591.254 46.6855 607.514 57.7598 638.276 60.4844L630.366 78.0625C600.219 75.1621 579.829 63.7363 571.303 48.1797C562.866 63.7363 542.827 75.1621 512.416 78.0625L505.034 60.4844C535.092 57.7598 551.528 46.7734 555.307 35.5234H511.889V17.5938H631.245ZM784.441 10.3867V125.348H761.941V10.3867H784.441ZM788.66 149.43V167.359H677.215V113.746H699.891V149.43H788.66ZM696.727 20.582C721.336 20.582 740.496 37.457 740.496 60.8359C740.496 84.7422 721.336 101.441 696.727 101.441C672.117 101.441 652.957 84.7422 652.957 60.8359C652.957 37.457 672.117 20.582 696.727 20.582ZM696.727 40.0938C684.246 39.918 674.754 47.8281 674.93 60.8359C674.754 74.1953 684.246 81.9297 696.727 81.9297C708.855 81.9297 718.348 74.1953 718.348 60.8359C718.348 47.8281 708.855 39.918 696.727 40.0938ZM56.0742 230.465C56.0742 256.305 63.2812 283.023 85.0781 297.086L72.9492 314.488C59.1504 306.139 50.3613 292.428 45.3516 275.992C39.5508 294.098 29.9707 309.215 15.4688 318.004L1.75781 301.48C25.4883 286.715 34.2773 258.59 34.2773 231.52V203.922H56.0742V230.465ZM143.438 190.211V350.172H121.992V190.211H143.438ZM109.863 192.496V342.789H88.9453V262.457H68.2031V244.176H88.9453V192.496H109.863ZM215.072 215.348C215.072 234.684 226.322 253.316 251.634 261.227L239.681 278.629C222.718 273.004 210.853 262.105 203.998 248.043C197.054 264.215 184.662 276.871 166.38 283.023L154.252 265.445C180.97 256.48 192.396 235.211 192.572 213.238V198.648H215.072V215.348ZM283.627 190.211V227.652H305.248V246.285H283.627V285.133H261.127V190.211H283.627ZM231.244 288.297C264.291 288.297 285.209 299.723 285.209 319.234C285.209 338.922 264.291 350.172 231.244 350.172C197.494 350.172 176.4 338.922 176.4 319.234C176.4 299.723 197.494 288.297 231.244 288.297ZM231.244 305.875C210.15 305.875 198.724 310.445 198.9 319.234C198.724 328.375 210.15 332.594 231.244 332.594C251.986 332.594 263.06 328.375 263.06 319.234C263.06 310.445 251.986 305.875 231.244 305.875ZM360.534 200.934C385.847 200.758 404.831 217.281 404.831 240.133C404.831 263.16 385.847 279.508 360.534 279.508C335.222 279.508 316.062 263.16 316.062 240.133C316.062 217.281 335.222 200.758 360.534 200.934ZM360.534 220.27C347.878 220.27 338.21 227.652 338.386 240.133C338.21 252.789 347.878 259.996 360.534 259.996C373.191 259.996 382.859 252.789 383.034 240.133C382.859 227.652 373.366 220.27 360.534 220.27ZM443.152 190.211V350.523H420.827V190.211H443.152ZM309.382 299.547C337.859 299.723 377.409 299.195 411.687 294.449L413.445 310.621C377.937 317.477 339.968 317.828 312.019 317.828L309.382 299.547ZM632.475 190.211V350.523H609.799V190.211H632.475ZM545.639 201.461C569.721 201.461 587.651 223.609 587.651 258.414C587.651 293.57 569.721 315.543 545.639 315.543C521.03 315.543 503.1 293.57 503.276 258.414C503.1 223.609 521.03 201.461 545.639 201.461ZM545.639 221.676C533.159 221.676 524.897 234.684 524.897 258.414C524.897 282.32 533.159 295.152 545.639 295.152C557.768 295.152 566.03 282.32 566.03 258.414C566.03 234.684 557.768 221.676 545.639 221.676ZM796.395 260.348V278.805H734.344V293.922H712.02V278.805H650.496V260.348H796.395ZM734.52 303.238C734.52 316.422 750.691 329.605 786.023 332.594L779.168 349.469C751.834 347.008 732.586 338.043 722.918 325.035C713.162 337.779 694.266 347.008 667.371 349.469L659.812 332.594C694.617 329.605 711.316 315.719 711.492 303.238V300.074H734.52V303.238ZM723.445 192.145C759.305 192.145 781.453 203.043 781.629 222.203C781.453 241.363 759.305 252.438 723.445 252.438C687.762 252.438 665.086 241.363 665.086 222.203C665.086 203.043 687.762 192.145 723.445 192.145ZM723.445 208.668C700.77 208.668 688.289 213.414 688.465 222.203C688.289 230.816 700.77 235.387 723.445 235.387C745.77 235.387 758.426 230.816 758.426 222.203C758.426 213.414 745.77 208.668 723.445 208.668Z fill#111111/> /g> path dM143.5 10H122V31.5H143.5V10Z fill#F39800/> path dM283.6 190H261V213H283.6V190Z fill#00A0E9/> path dM632.6 190H610V213H632.6V190Z fill#E4007F/> path dM516 84H498V102H516V84Z fill#C30D23/> defs> filter idfilter0_d_2890_269 x0.757812 y9.21094 width796.637 height342.312 filterUnitsuserSpaceOnUse color-interpolation-filterssRGB> feFlood flood-opacity0 resultBackgroundImageFix/> feColorMatrix inSourceAlpha typematrix values0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0 resulthardAlpha/> feOffset/> feGaussianBlur stdDeviation0.5/> feComposite in2hardAlpha operatorout/> feColorMatrix typematrix values0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0/> feBlend modenormal in2BackgroundImageFix resulteffect1_dropShadow_2890_269/> feBlend modenormal inSourceGraphic in2effect1_dropShadow_2890_269 resultshape/> /filter> /defs> /svg> div classmain-rel> div> div classmain-subtitle>2024년 교회 표어/div> div classmain-title>땅 끝까지 이르러 내 증인이 되리라br/> 행 1:8/div> /div> /div> /div> div classmain-img> svg width700 height1074 viewBox0 0 700 1074 fillnone xmlnshttp://www.w3.org/2000/svg> path dM2 962.808C2 962.808 159.767 1047.88 170.837 1030.6C181.907 1013.31 75.769 903.938 78.8829 901.604C81.9968 899.27 132.598 855.697 139.605 808.498C146.611 761.3 156.731 718.24 163.224 699.302C169.716 680.363 178.529 663.51 203.969 636.012C229.41 608.515 277.661 548.089 281.039 513.075C284.418 478.061 284.418 439.935 308.8 439.157C333.182 438.379 345.124 465.347 342.788 487.398C340.453 509.449 337.339 554.578 335.268 563.137C333.197 571.696 294.787 615.269 270.39 597.886C265.983 578.434 336.561 550.937 336.561 550.937C336.561 550.937 337.074 524.995 382.226 471.572C427.378 418.149 472.359 400.33 489.143 383.041C505.927 365.752 574.776 310.944 592.417 323.393C592.417 323.393 596.433 326.599 595.188 333.384C593.942 340.169 573.904 381.143 549.351 394.977C524.797 408.811 433.793 467.246 422.022 499.412C410.252 531.578 384.313 599.007 374.27 591.055C364.228 583.103 425.136 502.524 432.392 491.802C439.647 481.08 433.435 468.288 453.847 450.299C474.258 432.31 501.599 409.839 522.696 396.347C543.792 382.855 591.887 339.282 614.043 319.923C636.198 300.564 646.926 297.467 664.224 301.607C681.522 305.746 668.381 344.837 668.381 344.837C668.381 344.837 660.939 366.017 651.083 366.53C641.227 367.044 633.178 364.196 623.571 376.91C613.965 389.624 539.667 497.342 513.027 511.861C486.387 526.38 467.361 553.707 460.433 562.872C453.504 572.038 447.292 585.001 441.064 610.429C434.836 635.857 431.722 632.558 425.152 649.504C418.581 666.451 409.068 696.703 411.31 714.864C413.552 733.024 423.252 745.473 430.165 747.372C437.078 749.271 450.063 740.976 453.52 723.858C456.976 706.74 465.975 687.724 465.975 687.724C465.975 687.724 535.868 591.413 551.437 572.054C567.007 552.695 569.249 546.642 581.02 525.198C592.79 503.753 622.186 454.999 634.299 450.844C634.299 450.844 650.382 446.86 648.997 483.523C647.611 520.187 611.629 558.219 578.419 647.435C545.209 736.65 554.551 796.827 562.85 809.276C571.148 821.726 581.533 840.4 608.516 830.02C608.516 830.02 638.098 866.855 615.257 890.711C592.417 914.567 565.948 935.84 522.882 909.385C479.817 882.93 538.966 795.271 538.966 795.271C538.966 795.271 440.363 951.402 402.996 984.081C365.629 1016.76 333.976 1042.7 302.307 1031.28C270.639 1019.86 233.287 987.193 253.528 972.659C273.768 958.124 325.148 981.482 294.009 1041.64C262.869 1101.81 446.591 1058.76 483.958 1030.24C521.325 1001.71 634.47 907.813 604.358 825.336C604.358 825.336 561.807 794.726 537.409 771.384C513.011 748.041 513.541 720.544 532.224 717.431C550.908 714.319 595.017 717.945 604.358 737.661C613.7 757.378 608.375 778.9 598.006 778.511C587.637 778.122 583.993 734.549 607.862 709.65C631.73 684.752 641.072 679.57 641.072 675.539C641.072 671.509 633.801 621.073 647.175 603.831C647.175 603.831 638.347 589.561 637.055 563.246C635.762 536.931 645.618 500.221 648.607 497.373C651.597 494.525 660.409 497.249 663.788 501.528C667.166 505.808 675.2 514.631 677.536 537.834C677.536 537.834 683.764 503.894 678.75 489.374C673.737 474.855 665.952 472.77 665.952 472.77C665.952 472.77 685.679 452.54 681.008 434.908C676.337 417.277 659.21 412.251 651.939 413.807C644.668 415.363 629.27 434.037 637.755 450.47C637.755 450.47 661.452 415.721 661.795 402.742C662.137 389.764 649.339 365.223 653.138 356.929C656.937 348.634 668.194 337.57 675.979 352.603C683.764 367.635 699.847 617.323 697.776 676.457C697.776 676.457 698.461 682.853 697.434 689.949C696.406 697.045 687.407 724.699 675.465 741.303C663.523 757.907 623.431 822.442 608.858 831.218 strokeblack stroke-width3 stroke-linecapround stroke-linejoinround/> /svg> /div> /div> div classswiper-slide> div classmain-img-title> svg width954 height360 viewBox0 0 954 360 fillnone xmlnshttp://www.w3.org/2000/svg> g filterurl(#filter0_d_2890_186)> path dM89.6484 22.6914C89.6484 41.5 108.809 62.418 145.547 66.9883L136.758 85.0938C108.809 81.0508 88.3301 68.1309 77.8711 50.8164C67.3242 68.1309 47.0215 81.0508 19.3359 85.0938L10.3711 66.9883C46.7578 62.418 66.0938 41.5 66.0938 22.6914V14.957H89.6484V22.6914ZM150.645 97.2227V115.504H88.418V170.172H66.2695V115.504H4.74609V97.2227H150.645ZM291.537 10.2109V106.891H269.212V75.4258H248.47V57.1445H269.212V10.2109H291.537ZM291.537 113.746V168.414H183.959V113.746H291.537ZM206.459 131.324V150.484H269.564V131.324H206.459ZM251.283 24.0977V42.0273H157.064V24.0977H193.275V8.80469H215.423V24.0977H251.283ZM204.349 47.3008C226.849 47.3008 242.67 59.2539 242.67 75.9531C242.67 93.3555 226.849 104.957 204.349 104.957C182.025 104.957 165.853 93.3555 165.853 75.9531C165.853 59.2539 182.025 47.3008 204.349 47.3008ZM204.349 64.1758C193.978 64.1758 187.298 68.3945 187.474 75.9531C187.298 84.0391 193.978 88.4336 204.349 88.4336C214.545 88.4336 221.224 84.0391 221.224 75.9531C221.224 68.3945 214.545 64.1758 204.349 64.1758ZM359.831 38.6875C359.831 55.9141 368.796 73.1406 390.066 81.2266L378.112 98.2773C364.489 93.0918 355.085 83.5996 349.284 71.7344C343.484 85.6211 333.464 97.2227 318.523 103.375L306.394 86.1484C328.894 76.3047 338.034 56.6172 338.034 38.6875V19.8789H359.831V38.6875ZM446.14 10.3867V108.121H424.87V67.5156H411.511V103.199H390.593V13.1992H411.511V49.4102H424.87V10.3867H446.14ZM391.472 110.406C425.222 110.406 446.843 121.656 447.019 140.289C446.843 158.922 425.222 170.172 391.472 170.172C357.546 170.172 336.101 158.922 336.101 140.289C336.101 121.656 357.546 110.406 391.472 110.406ZM391.472 127.105C370.554 127.105 358.425 131.676 358.601 140.289C358.425 148.902 370.554 153.297 391.472 153.297C412.214 153.297 424.343 148.902 424.343 140.289C424.343 131.676 412.214 127.105 391.472 127.105ZM533.595 12.4961C570.333 12.4961 591.602 22.1641 591.778 39.7422C591.602 57.4961 570.333 67.1641 533.595 67.1641C496.68 67.1641 475.235 57.4961 475.235 39.7422C475.235 22.1641 496.68 12.4961 533.595 12.4961ZM533.595 28.8438C510.04 28.8438 498.614 32.7109 498.79 39.7422C498.614 47.6523 510.04 50.6406 533.595 50.6406C557.325 50.6406 568.575 47.6523 568.575 39.7422C568.575 32.7109 557.325 28.8438 533.595 28.8438ZM606.544 74.7227V92.4766H460.645V74.7227H606.544ZM588.79 101.793V142.574H499.669V152.242H593.009V169.117H477.696V126.93H566.641V118.141H477.52V101.793H588.79ZM702.703 16.8906C727.137 16.7148 744.891 30.6016 744.891 50.8164C744.891 70.8555 727.137 84.918 702.703 84.7422C678.27 84.918 660.516 70.8555 660.691 50.8164C660.516 30.6016 678.27 16.7148 702.703 16.8906ZM702.703 34.8203C690.75 34.8203 682.312 40.6211 682.312 50.8164C682.312 60.8359 690.75 66.6367 702.703 66.4609C715.008 66.6367 723.621 60.8359 723.621 50.8164C723.621 40.6211 715.008 34.8203 702.703 34.8203ZM785.32 10.3867V170.172H763.172V10.3867H785.32ZM650.848 94.5859C679.148 94.5859 719.402 93.8828 753.504 88.7852L754.91 105.309C741.727 107.945 728.191 109.615 714.832 110.582V165.426H692.508V111.988C678.445 112.604 665.174 112.691 653.66 112.867L650.848 94.5859ZM929.377 10.3867V59.4297H950.998V77.7109H929.377V129.742H906.877V10.3867H929.377ZM897.384 27.0859V44.8398H802.463V27.0859H838.849V10.0352H861.173V27.0859H897.384ZM849.923 50.4648C873.127 50.4648 889.298 62.9453 889.298 81.4023C889.298 99.8594 873.127 111.988 849.923 111.988C826.545 111.988 810.197 99.8594 810.197 81.4023C810.197 62.9453 826.545 50.4648 849.923 50.4648ZM849.923 67.5156C839.201 67.6914 831.994 72.6133 832.17 81.4023C831.994 90.1914 839.201 94.9375 849.923 94.9375C860.646 94.9375 868.029 90.1914 868.029 81.4023C868.029 72.6133 860.646 67.6914 849.923 67.5156ZM935.177 149.43V167.359H825.666V120.602H847.99V149.43H935.177ZM139.219 190.211V350.172H116.543V190.211H139.219ZM91.2305 206.91C91.2305 255.426 74.1797 295.68 17.0508 322.75L5.27344 304.82C46.582 285.309 64.7754 259.996 68.3789 224.488H13.8867V206.91H91.2305ZM287.142 261.754V279.508H240.736V313.609H303.138V331.891H156.712V313.609H218.412V279.508H173.939V201.461H285.912V219.391H196.439V261.754H287.142ZM443.152 190.211V350.172H420.827V190.211H443.152ZM309.382 304.996C321.599 304.908 335.573 304.908 350.163 304.469V290.934C332.585 287.857 321.159 276.959 321.335 261.93C321.159 244 337.507 231.871 361.062 231.871C384.792 231.871 401.316 244 401.316 261.93C401.316 276.871 389.89 287.77 372.312 290.934V303.766C385.671 303.15 399.206 302.096 412.038 300.426L413.62 316.949C378.64 322.926 340.847 323.277 312.37 323.277L309.382 304.996ZM409.753 207.965V225.543H312.546V207.965H350.163V190.914H372.487V207.965H409.753ZM361.062 248.922C350.163 248.922 342.429 253.668 342.605 261.93C342.429 270.367 350.163 274.938 361.062 274.938C372.312 274.938 379.87 270.367 379.87 261.93C379.87 253.668 372.312 248.922 361.062 248.922Z fillblack/> /g> path dM23 97H4V116H23V97Z fill#F39800/> path dM139 190H116V213H139V190Z fill#00A0E9/> path dM444 190H421V213H444V190Z fill#E4007F/> path dM446 10H425V31H446V10Z fill#C30D23/> defs> filter idfilter0_d_2890_186 x3.74609 y7.80469 width948.252 height343.367 filterUnitsuserSpaceOnUse color-interpolation-filterssRGB> feFlood flood-opacity0 resultBackgroundImageFix/> feColorMatrix inSourceAlpha typematrix values0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0 resulthardAlpha/> feOffset/> feGaussianBlur stdDeviation0.5/> feComposite in2hardAlpha operatorout/> feColorMatrix typematrix values0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0/> feBlend modenormal in2BackgroundImageFix resulteffect1_dropShadow_2890_186/> feBlend modenormal inSourceGraphic in2effect1_dropShadow_2890_186 resultshape/> /filter> /defs> /svg> div classmain-rel> div> div classmain-subtitle>수험생을 위한 기도회/div> div classmain-title>11월 14일 (목)/div> /div> /div> /div> div classmain-img> svg width909 height338 viewBox0 0 909 338 fillnone xmlnshttp://www.w3.org/2000/svg> path dM908 139C908 139 903.706 135.5 890.5 135.5C878 135.5 866 135.5 859.5 137C856 137.808 852 141 852 147.5C852 159.5 841.247 328.395 827 334.5C820 337.5 808.314 335.35 806.5 332.5C803 327 801 313 801 304.5C801 231.211 776.91 139.398 792.501 135.5C802.5 133 818 134 822.5 135.5C827.001 137 830.25 141.961 824 164C814.5 197.5 796.303 242.52 787 297C783.5 317.5 773 333.315 765 334.5C757 335.685 750.5 336 741.5 332.5C732.5 329 728.5 316 730 294.5C732.795 254.445 733.681 138.046 751.501 135.5C765.5 133.5 777.501 131 761.001 170C744.501 209 694.5 265.5 558.5 236.5C547.167 233 520.201 222.2 513.001 221C505.801 219.8 531.632 237.822 556.001 244C591.5 253 702.1 277.3 714.5 236.5C730 185.5 735.5 139 717 118.5C702.2 102.1 638.833 67 609 51.5C603 48.8334 587.499 47.1 573.5 61.5C556.001 79.5 499 86.0001 497.5 98.5001C496 111 497 127.5 473 129C449 130.5 439 125 434.5 137.5C430 150 431 172 441 166C451 160 445.5 128 425 126C404.5 124 361 121.5 349 132.5C337 143.5 348 158.5 355.5 157.5C363 156.5 379.5 161.5 384.5 152C389.5 142.5 388.5 132 382 130.5C375.5 129 347 123 340.5 137.5C334 152 339.5 172 372.5 175.5C405.5 179 495.001 193.5 484 224.5C479.653 231.333 463.666 238.4 434.5 212C428 205.333 420.8 194.9 444 206.5C473 221 406.5 244 366 184C366 184 376.5 208.4 368.5 212C357 217.175 344 214.5 327.5 194C311 173.5 317 156.949 333 156C329.834 144.667 331.6 121.3 364 118.5C396.4 115.7 412.5 115 416.5 115L626 32.5001C627.5 26.8334 626.8 13.1001 612 3.50011L591.5 10.5001C596.5 12.8334 606 21.2001 604 36.0001C602.5 29.8334 596.2 16.6001 583 13.0001L368.5 96.0001C364.834 102.167 353.1 114.9 335.5 116.5C342.167 113.5 357.2 103.8 364 89.0001C370.8 74.2001 375.5 70 379 68.0001L372.5 85.5001C380.333 86.1667 400.8 80.3 420 51.5C420 51.5 416.5 62.1669 422 64.0001C426.5 65.5 437 59.5 475 44.5C513 29.5 548.5 17.5 548.5 17.5L519.5 7.5001C512.833 5.5001 495.3 1.7001 478.5 2.5001C461.7 3.3001 428.833 6.16677 414.5 7.5001C406.667 7.66674 388.6 10.9 379 22.5C367 37 349 44 336.5 56C331.179 61.1078 314.167 83.3333 306 93.5C304.167 96.1667 302.6 103.7 311 104.5C319.4 105.3 330.833 88.5 335.5 80C335.167 77.8333 333.2 74 328 76C322.8 78 312.167 92.5 307.5 99.5C303.496 105.667 301.091 118.3 323.5 119.5C309 124.5 276 138.5 260 154.5C259 155.167 257.8 157 261 159C265 161.5 259 164 254.5 162.5C250 161 252.5 157 253.5 154.5C254.5 152 286.001 120 303.001 124.5C320.001 129 324.001 159 309.501 159C295.001 159 285.001 166 240.501 167C204.901 167.8 190.667 173 188.001 175.5C180.334 179 166.601 180.6 173.001 159C181.001 132 162 162 151 167C140 172 121 184.5 140.5 148.5C160 112.5 112.5 196 86 187.5C59.5 179 104 83.5 130 88C156 92.5 93.0005 174.5 61.5005 172C58.6671 171.167 55.0005 166.8 63.0005 156C73.0005 142.5 26.0003 189.5 12.0003 183.5C-1.99965 177.5 19.0003 138.5 24.0003 127.5C29.0003 116.5 27.5 110.5 1.5 136.5 strokeblack stroke-width3/> /svg> /div> /div> div classswiper-slide> div classmain-img-title style> svg width709 height360 viewBox0 0 709 360 fillnone xmlnshttp://www.w3.org/2000/svg> g filterurl(#filter0_d_2890_405)> path dM143.086 10.2109V170.172H121.816V89.8398H106.348V162.438H85.7812V12.8477H106.348V71.9102H121.816V10.2109H143.086ZM68.9062 28.668V46.7734H31.8164V114.977C47.2852 114.889 60.9961 114.098 76.4648 111.285L78.0469 129.566C58.5352 133.258 41.4844 133.785 20.3906 133.961H9.31641V28.668H68.9062ZM290.658 10.3867V105.133H268.158V10.3867H290.658ZM239.154 19.5273V67.5156H187.123V81.4023C213.841 81.3145 232.65 80.5234 254.271 77.0078L257.084 94.9375C232.474 98.8047 211.029 99.6836 179.212 99.6836H165.15V50.4648H216.83V37.1055H164.974V19.5273H239.154ZM290.658 112.164V168.414H183.431V112.164H290.658ZM205.58 129.918V150.484H268.685V129.918H205.58ZM400.085 16.3633V34.293H368.269C368.884 50.2891 380.486 66.9883 404.831 74.0195L394.46 91.7734C376.443 86.5879 364.05 75.9531 357.019 62.5938C349.724 77.3594 336.716 89.4883 318.171 95.1133L307.273 77.7109C332.321 69.7129 344.802 51.2559 345.769 34.293H313.425V16.3633H400.085ZM443.503 10.2109V91.5977H421.179V60.8359H396.042V43.082H421.179V10.2109H443.503ZM443.503 97.75V140.992H359.655V151.188H448.249V168.59H337.155V124.645H421.179V115.504H336.98V97.75H443.503ZM31.9922 334H3.51562L47.6367 206.734H81.5625L125.508 334H97.207L87.7148 304.645H41.6602L31.9922 334ZM48.3398 284.078H81.0352L65.0391 235.387H64.1602L48.3398 284.078ZM181.146 334H136.322V206.734H181.673C219.994 206.734 243.373 230.641 243.373 270.191C243.373 310.094 219.994 334 181.146 334ZM162.689 311.324H180.091C204.349 311.324 217.005 298.668 217.005 270.191C217.005 241.891 204.349 229.41 180.267 229.41H162.689V311.324ZM274.05 206.734L304.988 303.766H306.218L337.331 206.734H366.511L322.566 334H288.64L244.519 206.734H274.05ZM377.325 334V206.734H462.755V228.531H403.692V259.469H458.36V281.266H403.692V312.203H462.93V334H377.325ZM585.893 206.734V334H563.041L507.143 253.141H506.088V334H479.721V206.734H502.924L558.471 287.594H559.702V206.734H585.893ZM598.816 228.531V206.734H703.055V228.531H664.031V334H637.84V228.531H598.816Z fillblack/> /g> path dM143 10H122V31H143V10Z fill#F39800/> path dM463 312H441V334H463V312Z fill#00A0E9/> path dM703 207H681V229H703V207Z fill#E4007F/> path dM443 10H421V32H443V10Z fill#C30D23/> defs> filter idfilter0_d_2890_405 x2.51562 y9.21094 width701.539 height325.789 filterUnitsuserSpaceOnUse color-interpolation-filterssRGB> feFlood flood-opacity0 resultBackgroundImageFix/> feColorMatrix inSourceAlpha typematrix values0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0 resulthardAlpha/> feOffset/> feGaussianBlur stdDeviation0.5/> feComposite in2hardAlpha operatorout/> feColorMatrix typematrix values0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0/> feBlend modenormal in2BackgroundImageFix resulteffect1_dropShadow_2890_405/> feBlend modenormal inSourceGraphic in2effect1_dropShadow_2890_405 resultshape/> /filter> /defs> /svg> div classmain-rel> div> div classmain-subtitle>대림절/div> div classmain-title>12월 1일 (주일) 성찬식/div> /div> /div> /div> div classmain-img> svg width688 height579 viewBox0 0 688 579 fillnone xmlnshttp://www.w3.org/2000/svg> path dM687 511.675C673.189 507.428 632.817 508.49 609.444 511.675C586.071 514.86 556.855 516.983 556.324 492.564C556.052 480.053 556.055 444.807 556.14 411.876C556.155 405.506 551.544 400.197 544.638 400.197C534.014 400.197 529.764 406.567 528.171 412.938C525.594 423.237 524.983 454.874 528.171 479.293C531.358 503.712 538.793 524.415 534.544 537.156C530.295 549.896 510.642 546.18 513.297 514.86C515.952 483.54 521.796 430.455 513.297 420.369C511.172 417.184 505.499 415.838 497 421.5C488.076 427.445 478.237 418.777 479.831 416.653C480.539 416.123 483.443 415.698 489.393 418.246C495.342 420.794 500.57 413.468 502.382 411.876C504.798 409.752 507.985 409.222 510.641 411.345C516.221 415.806 518.793 426.085 524.452 410.814C529.764 396.481 537.732 394.889 546.763 395.42C553.656 395.825 556.17 400.197 556.202 391.704C556.24 380.849 556.284 370.93 556.324 363.038C555.793 355.606 553.561 344.776 548.887 360.914C543.044 381.086 521.264 408.16 515.952 388.518C510.64 368.877 534.013 362.507 534.544 333.841C534.969 310.908 527.992 287.126 524.451 278.102C519.67 262.707 511.277 224.911 515.952 196.882C512.588 203.429 505.859 228.202 505.859 268.016C505.859 307.829 501.078 302.521 493.642 338.088C492.95 341.956 493.533 350.399 499.486 358.766C501.434 361.429 499.486 358.26 500.548 341.273C501.61 324.286 518.609 321.632 515.952 295.62C515.949 296.283 521.226 327.375 508.516 345.52C504.798 350.828 504.266 358.766 505.859 365.692C510.247 384.771 510.11 419.838 483.55 409.752C456.99 399.666 489.393 517.514 452.74 511.675C445.48 512.029 430.854 505.305 430.429 475.577C430.004 445.85 430.252 408.69 430.429 393.827C439.991 394.535 457.839 383.528 437.866 333.841C425.864 303.984 423.551 247.844 423.551 247.844C421.343 289.25 425.648 323.224 425.648 355.075C425.648 386.926 419.274 406.567 409.712 420.369C402.836 430.295 405.108 452.397 407.587 458.06C411.306 466.022 415.662 482.691 403.338 485.664C391.014 488.636 385.454 480.178 384.214 475.577C369.341 408.69 404.4 375.778 410.775 345.52C415.874 321.313 416.087 289.781 415.555 277.041C413.962 254.214 414.912 247.844 421.343 232.449C427.773 217.055 426.327 199.966 419.274 196.882C415.556 194.759 405.781 193.91 396.432 207.499C393.336 212 389.633 212.383 383.683 212.808V183.081C383.683 183.611 388.464 183.611 388.464 183.611C388.464 183.611 373.59 177.772 373.59 153.884C373.59 126.806 382.089 131.058 378.902 109.293C384.568 115.428 393.882 133.254 385.808 155.477C375.715 183.255 398.557 178.495 400.682 177.772C411.837 172.271 410.831 158.886 404.4 127.872C392.183 68.9484 383.152 99.7376 374.121 39.7519C372.603 29.6658 367.214 1 367.214 1C367.214 1 370.508 39.4333 362.434 55.1464C354.359 70.8595 357.299 96.0217 359.778 106.639C361.017 113.894 361.903 130.739 355.529 140.082C347.561 151.761 343.842 156.538 348.623 171.933C352.448 184.248 368.986 184.496 376.777 183.081V207.499C376.954 212.808 372.953 221.302 355.529 212.808C338.105 204.314 328 204 328 204C328.885 226.119 329.818 273.431 322.594 295.089C313.563 322.163 318.876 341.804 332.687 328.533C334.84 352.203 338.371 397.476 339.74 434.702C340.222 438.772 343.312 446.275 351.811 443.727C358.717 441.656 355.529 429.394 355.529 429.394C332.935 312.512 335.344 242.005 335.344 209.623C333.75 182.019 354.998 207.5 365.622 201.129C376.02 194.895 410.775 183.076 410.775 215.462C410.775 234.042 400.681 239.35 391.12 245.19C381.558 251.029 366.153 261.646 355.529 292.435C340.956 334.668 355.529 404.444 360.31 419.839C365.091 435.233 366.258 444.259 357.654 451.689C348.239 459.82 339.74 451.689 339.74 451.689C339.971 461.534 340.381 466.096 340.125 473.454C338.865 509.552 330.031 519.107 319.408 521.23C304.159 524.278 291.785 515.391 290.723 487.256C289.66 459.121 281.692 423.554 293.379 399.135C305.065 374.717 287.536 376.309 295.503 343.927C266.287 384.803 273.724 436.826 275.849 458.06C277.974 479.293 270.005 496.281 282.754 523.885C295.503 551.489 295.503 578.031 279.036 576.969C262.568 575.907 255.132 570.068 260.975 526.008C266.818 481.948 266.287 446.912 264.693 411.876C263.419 383.847 269.474 368.7 272.661 364.63C278.859 356.137 292.104 335.752 295.503 322.163C298.903 308.573 294.087 302.344 291.254 300.929C289.554 320.039 281.161 326.781 264.693 331.718C248.226 336.655 248.757 341.804 248.757 341.804V464.43C249.182 479.718 242.914 483.009 237.602 482.478C232.29 481.948 229.103 476.108 232.29 458.06C235.477 440.011 239.196 375.247 239.196 367.285C239.196 359.322 240.258 351.89 235.477 351.359C230.696 350.828 230.942 354.34 225.384 358.26C216.354 364.63 210.511 358.26 210.511 354.544C210.511 343.717 219.01 340.742 225.384 338.619C231.759 336.495 233.453 336.23 240.789 332.78C249.818 328.533 258.672 324.109 262.036 322.163C272.66 316.854 272.661 315.792 279.567 310.484C286.473 305.176 287.004 300.929 283.817 297.213C276.911 292.435 261.649 307.154 259.38 309.422C259.38 309.422 262.036 297.213 262.036 283.942C262.036 276.245 251.577 266.483 250 259.5C246.5 244 255.5 196.882 255.5 196.882C255.5 196.882 257.506 246.043 259.5 256.338C260.5 261.5 265.042 273.325 268.943 279.695C268.943 279.695 271.16 273.867 274.785 268.016C288.596 245.721 277.441 237.227 271.066 223.425C264.692 209.623 263.098 206.438 262.036 167.155C260.973 127.872 243.975 110.885 247.162 89.1206C244.506 95.8447 240.47 111.947 245.57 122.564C251.944 135.835 248.756 171.932 245.57 196.882C242.383 221.832 222.728 226.61 225.384 256.338C226.428 268.016 241.638 277.708 248.757 285.534C254.069 291.373 255.662 304.645 249.818 312.607C243.975 320.57 236.007 328.001 224.852 333.841C213.696 339.681 202.01 341.804 205.197 372.062C205.551 376.84 203.816 390.005 194.042 404.444C181.824 422.493 201.479 441.604 220.071 425.678L217.416 509.552C218.302 517.691 212.529 532.272 182.357 525.477C144.641 516.984 130.299 525.477 97.3641 523.354C64.4295 521.23 39.5 526.008 0.5 525.477 strokeblack stroke-width3/> /svg> /div> /div> /div> div classpagination-area> div> div classswiper-pagination>/div> /div> /div> /div> /div> /div>/section>script> const mainSliderContainer () > { const playMainSlider () > { animateMainImgTitle(0); playDrawSvg(0); mainSlider.autoplay.start({ delay: 3000, }); }; function animateMainImgTitle(index) { titlePaths.forEach((textObjects, textIndex) > { if(textIndex ! index) { textObjects.forEach(paths > { gsap.set(paths, { opacity: 0, }); }); } }); let slideObject titlePathsindex; let totalLength 0; slideObject.forEach(paths > { paths.forEach(segment > totalLength + segment.getTotalLength()); paths.sort((a, b) > b.getTotalLength() - a.getTotalLength()); paths.forEach((segment, index) > { gsap.to(segment, { opacity: 1, delay: index * 0.03 + 0.3, duration: 0.3, ease: power2.out, }); }); }); } function prepareMainImgTitle() { titlePaths ; titlePathObjects.forEach((svg, index) > { titlePathsindex ; svg.setAttribute(preserveAspectRatio, xMinYMid); svg.querySelectorAll(path).forEach((path, pathIndex) > { let newPaths splitPaths(path); titlePathsindexpathIndex newPaths; gsap.set(newPaths, { opacity: 0 }); }); }); } function prepareDraw() { slidePathObjects ; pathSlideObjects.forEach((slideDiv, index) > { const strokePath slideDiv.querySelector(pathstroke); let newStrokePaths ; if(strokePath){ newStrokePaths splitPaths(strokePath); gsap.set(newStrokePaths, { drawSVG: 0 }); } const fillPath slideDiv.querySelector(pathfill); let newFillPaths ; if(fillPath){ newFillPaths splitPaths(fillPath); gsap.set(newFillPaths, { opacity: 0 }); } slidePathObjectsindex { stroke: newStrokePaths, fill: newFillPaths, }; }); const svgElements document.querySelectorAll(.main-slider .main-img svg); svgElements.forEach((svg,index) > { // preserveAspectRatio 속성을 xMaxYMax로 설정 if(index 0){ svg.setAttribute(preserveAspectRatio, xMaxYMax); } }); } function playDrawSvg(index, delay 0) { let duration 2, distance 0, tl gsap.timeline(); const strokePath slidePathObjectsindex.stroke; const fillPath slidePathObjectsindex.fill; console.log(strokePath); console.log(fillPath); // debugger; if(strokePath?.length > 0){ gsap.set(strokePath, { drawSVG: 0 }); strokePath.forEach(segment > distance + segment.getTotalLength()); strokePath.forEach(segment > { tl.to(segment, { drawSVG: true, ease: none, duration: duration * (segment.getTotalLength() / distance), }); }); } if(fillPath?.length > 0){ gsap.set(fillPath, { opacity: 0 }); fillPath.sort((a, b) > b.getTotalLength() - a.getTotalLength()); fillPath.forEach((segment, index) > { const tl2 gsap.timeline(); tl2.to(segment, { opacity: 1, delay: index * 0.03 + 0.5, duration: 1, ease: power2.out, }); }); } } mainSlider new Swiper(.main-slider, { autoplay: false, fadeEffect: { crossFade: true, }, pagination: { el: .swiper-pagination, clickable: true, renderBullet: function(index, className) { return span class + className + > + (index + 1) + /span>; }, }, }); mainSlider.on(slideChange, function(swiper) { // console.log(slide changed, swiper); playDrawSvg(swiper.activeIndex); animateMainImgTitle(swiper.activeIndex); }); pathObjects document.querySelectorAll(.main-slider .main-img svg path); pathSlideObjects document.querySelectorAll(.main-slider .main-img); titlePathObjects document.querySelectorAll(.main-slider .main-img-title svg); // SVG 경로를 미리 준비 prepareDraw(); prepareMainImgTitle(); emitLoaded(); if (isFirstVisit || isRefreshMethod()) { sessionStorage.setItem(isFirstVisit, false); playIntro(); setTimeout(function() { playMainSlider(); }, 4000); } else { playMainSlider(); } }; document.addEventListener(DOMContentLoaded, function() { mainSliderContainer(); const introAnimationToggleButton document.getElementById(introAnimationToggleButton); let isPaused false; introAnimationToggleButton?.addEventListener(click, () > { console.log(introAnimationToggleButton clicked); if (isPaused) { logoRectTimeline.play(); logoTitleTimeline.play(); } else { logoRectTimeline.pause(); logoTitleTimeline.pause(); } isPaused !isPaused; }); }); const emitLoaded () > { document.body.classList.add(loaded); }; let logoRectTimeline; let logoTitleTimeline; const playIntro () > { document.body.classList.add(intro-playing); const logoMainTitleSVG document.querySelector(.logo-main-title); const logoMainTitleGroup document.querySelector(.logo-main-title g); const mainContentTag document.querySelectorAll(.main-container, .btn-mobile-nav); const logoSubTitle document.querySelector(.logo-sub-title); const bodyElement document.querySelector(body); const logoTextItem document.querySelectorAll(.logo-text-item); const logoMainTitleRect logoMainTitleGroup.getBoundingClientRect(); // // 화면 정중앙 위치 계산 const centerX window.innerWidth / 2; const centerY window.innerHeight / 2; const logoMaxWidth window.innerWidth * 0.6; const logoItemWidth Math.min(logoMaxWidth, logoMainTitleRect.width * 3); const scale logoItemWidth / logoMainTitleRect.width; const originWidth logoMainTitleSVG.getAttribute(width); const originScale logoMainTitleRect.width / originWidth; const rectPositions ; gsap.set(mainContentTag, { opacity: 0 }); // 애니메이션이 진행되는동안 본문이 보이지 않도록 gsap.set(bodyElement, { backgroundColor: #212529 }); // 애니메이션이 진행되는 동안 배경이 어두운 색상이도록 // 로고의 위치를 화면 정중앙으로 이동 gsap.set(logoMainTitleSVG, { x: (centerX - logoMainTitleRect.left) - (logoMainTitleRect.width / 2), y: (centerY - logoMainTitleRect.top) - (logoMainTitleRect.height / 2), scale: scale, }); gsap.set(logoTextItem, { opacity: 0, fill: #ffffff }); gsap.set(logoSubTitle, { opacity: 0 }); const logoRect document.querySelectorAll(.logo-color-bullet path); // debugger; // 로고의 위치가 세팅된 상태에서 rect 의 위치를 계산해야 올바르게 계산이 가능하다. logoRect.forEach((rect, index) > { const rectBounds rect.getBoundingClientRect(); rectPositionsindex { x: rectBounds.left, y: rectBounds.top, width: rectBounds.width, height: rectBounds.height, }; }); logoRectTimeline gsap.timeline(); // 가운데로 점을 모으기 gsap.set(logoRect, { x: (index) > { const currentRect rectPositionsindex; return (centerX - (currentRect.x + currentRect.width / 2)) / (scale * originScale); }, y: (index) > { const currentRect rectPositionsindex; return (centerY - (currentRect.y + currentRect.height / 2)) / (scale * originScale); }, }); // logoRectTimeline .to(logoRect, { x: (index) > { const currentRect rectPositionsindex; const targetX (centerX - (currentRect.x + currentRect.width / 2)) / (scale * originScale); if (index 3) { const pos (index - 1) * 30; return targetX + pos; } return targetX; }, y: (index) > { const currentRect rectPositionsindex; return (centerY - (currentRect.y + currentRect.height / 2)) / (scale * originScale); }, duration: 0.3, delay: 0.5, ease: power2.inOut, }); logoRectTimeline.to(logoRect, { delay: 0.4, x: (index) > 0, y: (index) > 0, duration: 0.2, ease: power2.inOut, stagger: 0.2, }); gsap.to(logoTextItem, { delay: 2, opacity: 1, duration: 0.5 }); const gnbMenuItems document.querySelectorAll(.gnb ul li); gsap.set(gnbMenuItems, { y: 50, opacity: 0, }); const loginBtn document.querySelector(.login-btn); gsap.set(loginBtn, { y: 50, opacity: 0, }); gsap.to(bodyElement, { delay: 3.5, backgroundColor: #ffffff }); logoTitleTimeline gsap.timeline({ onComplete: () > { document.body.classList.remove(intro-playing); } }); logoTitleTimeline.to(logoMainTitleSVG, { delay: 2.2, opacity: 1, duration: 0.3 }) .to(logoMainTitleSVG, { x: 0, y: 0, scale: 1, duration: 0.3, ease: power2.inOut, }) .to(logoTextItem, { opacity: 1, fill: #231815 }) .to(logoSubTitle, { opacity: 1, duration: 0.5 }, -0.5) .to(mainContentTag, { delay: 0.3, opacity: 1, duration: 0.5 }, -0.5) .to(gnbMenuItems, { y: 0, opacity: 1, duration: 0.5, stagger: 0.1, ease: power2.out, }, -0.3) .to(loginBtn, { y: 0, opacity: 1, duration: 0.5, ease: power2.out, }); };/script>style> .section-2 { /* height: 1080px; */ /* background: url(https://site-assets.moim.us/a1/b0/c0/d81/37163d3b-7e41-455d-b6d0-6e1af8cb51b9/html/assets/images/bg_section2.png) center center/cover; */ position: relative; height: 100%; } .section-2 .welcome-wrap { position: absolute; z-index: 1; left: 0; top: 50%; transform: translateY(-50%); display: inline-block; text-align: left; height: initial; width: initial; } .section-2 .welcome-wrap h2 { color: #fff; display: inline-block; } .section-2 .welcome-wrap h4 { color: #fff; display: inline-block; } .section-2 .backdrop { position: absolute; left: 0; top: 0; width: 100%; background: rgba(0, 0, 0, 0.4); height: 100%; } /* 모바일 */ @media screen and (max-width: 991px) { .section-2 { height: 100vh; max-height:600px; } .section-2 .video-wrap { height: 100%; } .section-2 .welcome-wrap h2 { line-height: 130%; margin-bottom: 10px; } .section-2 .video-wrap .video-background { width: 100%; object-fit: cover; height: 100%; } .section-2 .welcome-wrap { height: initial !important; width: initial !important; } .section-2 .welcome-wrap { position: absolute; z-index: 1; left: 0; top: auto; bottom: 40px; transform: none; display: inline-block; text-align: left; height: initial; width: initial; } }/style>script> document.addEventListener(DOMContentLoaded, function() { gsap.set(.welcome-wrap h2 div, { y: 50, opacity: 0 }); gsap.set(#section2_detail_msg, { opacity: 0 }); ScrollTrigger.create({ trigger: .welcome-wrap, start: top 70%, onEnter: function() { gsap.to(.welcome-wrap h2 div, { y: 0, opacity: 1, duration: 0.8, stagger: 0.2, ease: power3.out, }); const timeline gsap.timeline(), mySplitText new SplitText(#section2_detail_msg, { type: words,chars }), chars mySplitText.chars; timeline.set(#section2_detail_msg, { perspective: 400, opacity: 1 }) .from(chars, { opacity: 0, scale: 0, y: 80, rotationX: 180, transformOrigin: 0% 50% -50, ease: back, stagger: 0.01, }); }, onLeaveBack: function() { gsap.to(.welcome-wrap h2 div, { y: 50, opacity: 0, duration: 0.8, ease: power3.out, }); gsap.set(#section2_detail_msg, { opacity: 0 }); }, }); });/script>section classsection-2 position-relative> div classwelcome-wrap w-100> div classcontainer> div classrow> div classcol welcome-message> h2> div>삼덕교회에/div> div>오신걸 환영합니다/div> /h2> br /> h4 idsection2_detail_msg>이웃과의 사랑이 넘치는 여기는 삼덕교회입니다/h4> /div> /div> /div> /div> div classbackdrop>/div> div classvideo-wrap> div classvideo-wrap> video stylewidth: 100% autoplay muted playsinline loop idbackgroundVideo classvideo-background >/video> /div> /div>/section>script> document.addEventListener(DOMContentLoaded, function() { const videoUrls https://ohjic.synology.me:8001/homepage/samduk/main_video.mp4, https://ohjic.synology.me:8001/homepage/samduk/main_video3.m4v ; const randomUrl videoUrlsMath.floor(Math.random() * videoUrls.length); const videoElement document.getElementById(backgroundVideo); videoElement.src randomUrl; });/script>style> .section-3 { padding-top: 150px; padding-bottom: 150px; min-height: 50vh; } .section-3 .news-list { } .section-3 .news-list ul li { font-size: 36px; text-align: left; padding: 30px 0; position: relative; } a { color: #555; } .section-3 ul li a { display: flex; align-items: center; gap: 20px; } .section-3 ul li .badge { display: inline-block; width: 43px; height: 43px; background: #111; border-radius: 0; font-size: 16px; padding: 14px 0; } .section-3 ul li a .article-title { flex: 1; word-break: keep-all; position: relative; } .section-3 ul li a .article-title::after { content: ; display: block; width: 100%; height: 4px; background: #111111; margin-top: 10px; transform: scaleX(0); transform-origin: left center; transition: transform 0.2s; } .section-3 ul li a:hover .article-title::after { transform: scaleX(0.8); } .section-3 .news-list ul li .date { font-size: 24px; color: #d9d9d9; float: right; } @media screen and (max-width: 1440px) { .section-3 .news-list ul li { font-size: 28px; } .section-3 .news-list ul li .date { font-size: 20px; } } @media screen and (max-width: 991px) { .section-3 .news-list ul li .date { display: none; } .section-3 { padding: 100px 0 50px 0; } section ul li a { font-size: 1.3rem; } section ul li .badge { display: flex; justify-content: center; align-items: center; width: 33px; height: 33px; background: #111; border-radius: 0; font-size: 13px; } }/style>script> document.addEventListener(DOMContentLoaded, function() { // .news-list 안의 li 태그들에 애니메이션 적용 gsap.from(.news-list li, { y: 50, opacity: 0, stagger: 0.2, duration: 0.8, ease: power3.out, scrollTrigger: { trigger: .news-list li, start: top 70%, end: bottom 60%, toggleActions: play none none reverse, }, }); });/script>section classsection-3 data-aosfade-up> div classcontainer> div classrow> div classcol-lg-3 text-start section-title> h2>소식/h2> div classcomment> span>교회소식을/span> span>안내드립니다/span> /div> /div> div classcol-lg-9 text-start> div classnews-list> ul> li> a href/home/d04/contents/4124647> span classbadge>공지/span> span classarticle-title>11월 17일 삼덕교회 영상예배/span>span classdate stylemargin-top: 10px> 2024-09-08 06:37:25 /span> /a> /li> li> a href/home/d04/contents/4124774> span classbadge>공지/span> span classarticle-title>2025년도 예산신청서 제출서식/span>span classdate stylemargin-top: 10px> 2024-10-10 16:32:08 /span> /a> /li> li> a href/home/d04/contents/4124639> span classbadge>공지/span> span classarticle-title>가을빛축제/span>span classdate stylemargin-top: 10px> 2024-09-07 12:39:20 /span> /a> /li> li> a href/home/d04/contents/246839> span classbadge>공지/span> span classarticle-title>2024년도 삼덕교회 장학생 명단공고/span>span classdate stylemargin-top: 10px> 2024-04-27 10:50:35 /span> /a> /li> /ul> /div> /div> /div> /div>/section>script> document.addEventListener(DOMContentLoaded, function() { gsap.set(.section-3 .section-title *, { y: 50, opacity: 0 }); ScrollTrigger.create({ trigger: .section-3, start: top 70%, onEnter: function() { gsap.to(.section-3 .section-title *, { y: 0, opacity: 1, duration: 0.8, stagger: 0.2, ease: power3.out, }); }, onLeaveBack: function() { gsap.to(.section-3 .section-title *, { y: 50, opacity: 0, duration: 0.8, ease: power3.out, }); }, }); });/script>style> .section-4 { padding-bottom: 100px; } .section-4 .grow-wrap { display: inline-block; width: 100%; } .section-4 .grow-wrap ul { /*border: 1px solid #e8e8e8;*/ display: grid; grid-template-columns: repeat(3, 1fr); /*height: 628px;*/ } .section-4 .grow-wrap ul li { display: inline-block; padding: 85px 42px 0; text-align: left; vertical-align: top; border: 1px solid #e8e8e8; position: relative; height: 628px; margin: -1px 0 0 -1px; } .section-4 .grow-wrap ul li::after { content: ; display: block; clear: both; position: absolute; width: 100%; height: 100%; left: 0; top: 0; pointer-events: none; transition: border 0.3s; border: 0 solid #000; } .section-4 .grow-wrap ul li:hover::after { border: 15px solid #000; } .section-4 .grow-wrap ul li:hover .grow-img img { transform: scale(1.15); } .section-4 .grow-wrap ul li:hover h4 svg { transform: translateX(8px); } .section-4 .grow-wrap ul li h4 { font-size: 26px; font-weight: 700; white-space: nowrap; } .section-4 .grow-wrap ul li h4 svg { margin-left: 20px; transition: transform 0.3s; } .section-4 .grow-wrap ul li .grow-content { color: #747474; margin-top: 30px; } .section-4 .grow-wrap ul li .grow-img { position: absolute; bottom: 0; left: 5%; max-width: 100%; } .section-4 .grow-wrap ul li .grow-img img { transition: transform 0.3s; width: 100%; } @media screen and (max-width: 1440px) { .section-4 .grow-wrap ul li { height: 500px; } } @media screen and (max-width: 1023px) { .section-4 .grow-wrap ul li .grow-img { width: 400px; } } @media screen and (max-width: 767px) { .section-4 { margin-top: 100px; padding-bottom: 50px; } .section-4 .grow-wrap { margin-top: 30px; } .section-4 .grow-wrap ul li h4 { font-size: 16px; display: inline-flex; align-items: center; } .section-4 .grow-wrap ul { height: auto; grid-template-columns: repeat(2, 1fr); } .section-4 .grow-wrap ul li { max-height: 600px; overflow: hidden; padding: 40px 25px; height: 450px; } .section-4 .grow-wrap ul li h4 svg { margin-left: 3px; height: 16px; } .section-4 .grow-wrap ul li .grow-img { width: 250px; } }/style>section classsection-4> div classcontainer> div classrow> div classcol-lg-3 text-start section-title> h2>성장/h2> div classcomment> span>신앙을/span> span>성장시킵니다/span> /div> /div> div classcol-lg-9 text-start> div classgrow-wrap> ul> li classcard-item onclicklocation.href/home/c0101 stylecursor: pointer > h4> 다음세대 svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone > path dM19 12L5 12M19 12L13 18M19 12L13 6 stroke#111111 stroke-width2 stroke-linecapround stroke-linejoinround /> /svg> /h4> div classgrow-content card-description> 다음 시대를 열어갈,br/> 예수님의 제자를 길러내는 교육 공동체 /div> div classgrow-img photo-background> img srchttps://site-assets.moim.us/a1/b0/c0/d81/37163d3b-7e41-455d-b6d0-6e1af8cb51b9/html/assets/images/class1.png /> /div> /li> li classcard-item onclick location.href/home/c02 stylecursor: pointer > h4> 청년 svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone > path dM19 12L5 12M19 12L13 18M19 12L13 6 stroke#111111 stroke-width2 stroke-linecapround stroke-linejoinround /> /svg> /h4> div classgrow-content card-description> 순전하지만 지혜로운 청년,br/> 서로를 사랑하는 청년 공동체 /div> div classgrow-img photo-background> img srchttps://site-assets.moim.us/a1/b0/c0/d81/37163d3b-7e41-455d-b6d0-6e1af8cb51b9/html/assets/images/class2.png /> /div> /li> li classcard-item onclick location.href/home/c02 stylecursor: pointer > h4> 장년 svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone > path dM19 12L5 12M19 12L13 18M19 12L13 6 stroke#111111 stroke-width2 stroke-linecapround stroke-linejoinround /> /svg> /h4> div classgrow-content card-description> 세상 안에서 살지만,br/> 세상과 달리 살아가는 그리스도인. /div> div classgrow-img photo-background> img srchttps://site-assets.moim.us/a1/b0/c0/d81/37163d3b-7e41-455d-b6d0-6e1af8cb51b9/html/assets/images/class3.png /> /div> /li> li classcard-item onclicklocation.href/home/c03 stylecursor: pointer > h4> 전교인 성경통독 svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone > path dM19 12L5 12M19 12L13 18M19 12L13 6 stroke#111111 stroke-width2 stroke-linecapround stroke-linejoinround /> /svg> /h4> div classgrow-content card-description> 말씀을 함께 읽고,br/> 주님과 함께 걷는 말씀 공동체 /div> div classgrow-img photo-background> img srchttps://site-assets.moim.us/a1/b0/c0/d81/37163d3b-7e41-455d-b6d0-6e1af8cb51b9/html/assets/images/grow_img3.png /> /div> /li> /ul> /div> /div> /div> /div>/section>script> document.addEventListener(DOMContentLoaded, function() { gsap.set(.section-4 .section-title *, { y: 100, opacity: 0 }); gsap.set(.section-4 .grow-wrap ul li, { y: 10, opacity: 0 }); ScrollTrigger.create({ trigger: .section-4, start: top 70%, onEnter: function() { gsap.to(.section-4 .section-title *, { y: 0, opacity: 1, duration: 0.4, stagger: 0.3, ease: power3.out, }); gsap.to(.section-4 .grow-wrap ul li, { y: 0, opacity: 1, duration: 0.4, stagger: 0.3, ease: power3.out, }); }, onLeaveBack: function() { gsap.to(.section-4 .section-title *, { y: 100, opacity: 0, duration: 0.8, ease: power3.out, }); gsap.to(.section-4 .grow-wrap ul li, { y: 10, opacity: 0 }); }, }); });/script>style> .section-5 { /*height: 1850px;*/ padding-bottom: 100px; } .section-5 .office-wrap { display: inline-block; width: 100%; } .section-5 .office-wrap ul { display: grid; grid-template-columns: repeat(3, 1fr); } .section-5 .office-wrap ul li { display: inline-block; /*width: 33.33%;*/ padding: 85px 7%; text-align: left; vertical-align: top; border: 1px solid #e8e8e8; position: relative; min-height: 700px; margin: -1px 0 0 -1px; } .section-5 .button-area { text-align: right; position: absolute; bottom: 30px; right: 20px; } .section-5 .button-area svg { width: 30px; height: 30px; } .section-5 .office-wrap ul li h4 { font-size: 26px; font-weight: 700; margin-top: 40px; } .section-5 .office-wrap ul li::after { content: ; display: block; clear: both; position: absolute; width: 100%; height: 100%; left: 0; top: 0; pointer-events: none; transition: border 0.3s; border: 0 solid #000; } .section-5 .office-wrap ul li:hover::after { border: 15px solid #000; } .section-5 .office-wrap ul li img { transition: transform 0.3s; } .section-5 .office-wrap ul li:hover img { transform: scale(1.15); } .section-5 .office-wrap ul li .office-content { color: #a6a6a6; margin-top: 16px; line-height: 26px; } .section-5 .office-wrap ul li .office-img { display: inline-block; overflow: hidden; width: 100%; } .section-5 .office-wrap ul li .office-img img { width: 100%; } .section-5 .office-wrap ul li svg { /*bottom: 140px;*/ /*position: absolute;*/ /*right: 20%;*/ } @media screen and (max-width: 1440px) { .section-5 .office-wrap ul li { padding: 45px 7% 100px 7%; min-height: 500px; } } @media screen and (max-width: 991px) { .section-5 .office-wrap ul li { min-height: 400px; padding: 40px 10%; } } @media screen and (max-width: 767px) { .section-5 { margin-top: 100px; height: auto; } .section-5 .office-wrap { margin-top: 30px; } .section-5 .office-wrap ul { grid-template-columns: repeat(2, 1fr); } .section-5 .office-wrap ul li { min-height: 400px; padding: 40px 7%; } .section-5 .office-wrap ul li h4 { font-size: 16px; font-weight: 500; margin-top: 25px; } }/style>section classsection-5> div classcontainer> div classrow> div classcol-lg-3 text-start section-title> h2>행정/h2> div classcomment>편리한 서비스를 제공합니다/div> /div> div classcol-lg-9 text-start> div classoffice-wrap> ul> li classcard-item onclicklocation.href/home/e01 stylecursor: pointer > div classoffice-img> img srchttps://site-assets.moim.us/a1/b0/c0/d81/37163d3b-7e41-455d-b6d0-6e1af8cb51b9/html/assets/images/office_img1.png /> /div> h4>새가족등록/h4> div classoffice-content card-description> 삼덕에 오신것을 환영하며 등록방법을 안내합니다 /div> div classbutton-area> svg xmlnshttp://www.w3.org/2000/svg width32 height32 viewBox0 0 32 32 fillnone > path dM25.2808 16L6.6529 16M25.2808 16L17.2974 24M25.2808 16L17.2974 8 stroke#B8B8B8 stroke-width2 stroke-linecapround stroke-linejoinround /> /svg> /div> /li> li classcard-item onclicklocation.href/home/e02 stylecursor: pointer > div classoffice-img> img srchttps://site-assets.moim.us/a1/b0/c0/d81/37163d3b-7e41-455d-b6d0-6e1af8cb51b9/html/assets/images/office_img2.png /> /div> h4>장소예약/h4> div classoffice-content card-description> 다양한 행사와 모임을 위한 장소를 대여합니다 /div> div classbutton-area> svg xmlnshttp://www.w3.org/2000/svg width32 height32 viewBox0 0 32 32 fillnone > path dM25.2808 16L6.6529 16M25.2808 16L17.2974 24M25.2808 16L17.2974 8 stroke#B8B8B8 stroke-width2 stroke-linecapround stroke-linejoinround /> /svg> /div> /li> li classcard-item onclicklocation.href/home/e03 stylecursor: pointer > div classoffice-img> img srchttps://site-assets.moim.us/a1/b0/c0/d81/37163d3b-7e41-455d-b6d0-6e1af8cb51b9/html/assets/images/office_img3.png /> /div> h4>헌금안내/h4> div classoffice-content card-description> 하나님의 사명과 사랑을 이어갑니다 /div> div classbutton-area> svg xmlnshttp://www.w3.org/2000/svg width32 height32 viewBox0 0 32 32 fillnone > path dM25.2808 16L6.6529 16M25.2808 16L17.2974 24M25.2808 16L17.2974 8 stroke#B8B8B8 stroke-width2 stroke-linecapround stroke-linejoinround /> /svg> /div> /li> li classcard-item onclicklocation.href/home/e04 stylecursor: pointer > div classoffice-img> img srchttps://site-assets.moim.us/a1/b0/c0/d81/37163d3b-7e41-455d-b6d0-6e1af8cb51b9/html/assets/images/office_img4.png altoffice /> /div> h4>증명서발급/h4> div classoffice-content card-description> 필요한 증명서를 신속하게 발급받습니다 /div> div classbutton-area> svg xmlnshttp://www.w3.org/2000/svg width32 height32 viewBox0 0 32 32 fillnone > path dM25.2808 16L6.6529 16M25.2808 16L17.2974 24M25.2808 16L17.2974 8 stroke#B8B8B8 stroke-width2 stroke-linecapround stroke-linejoinround /> /svg> /div> /li> li classcard-item onclicklocation.href/home/e05 stylecursor: pointer > div classoffice-img> img srchttps://site-assets.moim.us/a1/b0/c0/d81/37163d3b-7e41-455d-b6d0-6e1af8cb51b9/html/assets/images/office_img5.png altoffice5 /> /div> h4>예식안내/h4> div classoffice-content card-description> 기쁨과 슬픔의 순간을 함께 나눕니다 /div> div classbutton-area> svg xmlnshttp://www.w3.org/2000/svg width32 height32 viewBox0 0 32 32 fillnone > path dM25.2808 16L6.6529 16M25.2808 16L17.2974 24M25.2808 16L17.2974 8 stroke#B8B8B8 stroke-width2 stroke-linecapround stroke-linejoinround /> /svg> /div> /li> li classcard-item d-none >/li> /ul> /div> /div> /div> /div>/section>script> document.addEventListener(DOMContentLoaded, function() { const mySplitText new SplitText(.section-5 .section-title *, { type: words }), words mySplitText.words; gsap.set(words, { y: 100, opacity: 0 }); gsap.set(.section-5 .office-wrap ul li, { y: 10, opacity: 0 }); ScrollTrigger.create({ trigger: .section-5, start: top 70%, onEnter: function() { gsap.to(words, { y: 0, opacity: 1, duration: 0.4, stagger: 0.3, ease: power3.out, }); gsap.to(.section-5 .office-wrap ul li, { y: 0, opacity: 1, duration: 0.4, stagger: 0.3, ease: power3.out, }); }, onLeaveBack: function() { gsap.to(words, { y: 100, opacity: 0, duration: 0.8, ease: power3.out, }); gsap.to(.section-5 .office-wrap ul li, { y: 10, opacity: 0 }); }, }); });/script>section classsection-6> div classcontainer> div classrow> div classcol-lg-3 text-start section-title> h2>갤러리/h2> div classcomment>다양한 삼덕 행사를 소개합니다/div> /div> div classcol-lg-9> div classgallery-slider swiper> div classswiper-wrapper idgalleryWrapper>/div> div classswiper-pagination>/div> /div> /div> /div> /div>/section>style> .swiper-pagination-bullet.pagination-control-bar { flex:1; height: 10px; border:0; } .swiper-pagination-bullet.pagination-control-bar::after { content: ; display: block; width: 100%; height: 1px; background: #111; }/style>script> document.addEventListener(DOMContentLoaded, function() { const mySplitText new SplitText(.section-6 .section-title *, { type: words }), words mySplitText.words; gsap.set(words, { y: 100, opacity: 0 }); ScrollTrigger.create({ trigger: .section-6, start: top 70%, onEnter: function() { gsap.to(words, { y: 0, opacity: 1, duration: 0.4, stagger: 0.3, ease: power3.out, }); }, onLeaveBack: function() { gsap.to(words, { y: 100, opacity: 0, duration: 0.8, ease: power3.out, }); }, }); }); function fetchGalleryData() { fetch(/api/instagram/getInstaContent) .then(response > response.json()) .then(data > { renderGallerySlides(data.data); initGallerySlider(data.data.length); // const lightbox new PhotoSwipeLightbox({ // gallery: .gallery-slider, // children: .gallery-img, // pswpModule: PhotoSwipe // }); // // lightbox.init(); }) .catch(error > { console.error(Error fetching gallery data:, error); }); } function initGallerySlider(contentLength) { new Swiper(.gallery-slider, { // autoplay: false, autoplay: { delay: 3000, }, pagination: { el: .swiper-pagination, clickable: true, renderBullet: function (index, className) { return span class + className + pagination-control-bar>/span>; }, }, slidesPerView: 1, spaceBetween: 20, breakpoints: { 768: { slidesPerView: 3, spaceBetween: 40, }, 480: { slidesPerView: 1, spaceBetween: 40, }, }, }); } document.addEventListener(DOMContentLoaded, function() { fetchGalleryData(); });/script>div classpopup-container> div classpopup-trigger> div classbutton-list> div classpopup-top-area> button classnavbar-toggle idnavbar_toggler> svg xmlnshttp://www.w3.org/2000/svg width50 height50 viewBox0 0 50 50 fillnone> path dM10.4167 25L39.5834 25M10.4167 25L22.9167 12.5M10.4167 25L22.9167 37.5 stroke#111111 stroke-width2 stroke-linecapround stroke-linejoinround /> /svg> /button> button classnavbar-title idnavbar_title> span classtitle>설교영상/span>span classnew idnotice_new>/span> /button> /div> button classnavbar-top idnavbar_top>/button> /div> /div> div classpopup-content> div classpopup-header> button typebutton classpopup-close> svg xmlnshttp://www.w3.org/2000/svg width50 height50 viewBox0 0 50 50 fillnone> path dM37.5 12.5L12.5 37.5M12.5 12.5L37.5 37.5 stroke#111111 stroke-width2 stroke-linecapround stroke-linejoinround /> /svg> /button> /div> div classpopup-body> div classpastor-area onclickgo_url(/home/b01/contents/) stylecursor: pointer> h4>강영롱 목사님의br />주일예배 설교 영상/h4> h3>다가오는 미래/h3> span classbible>계 21:1~8/span> span classdate>2024-11-17/span> div classpastor-photo>/div> /div> ul> li classsermon-item onclickgo_url(/home/b01/contents/) stylecursor: pointer> div classbible-title> span classsection>주일예배 3부/span> span classtitle>다가오는 미래/span> /div> div classbible-list> span classbible-section>계 21:1~8/span> span classbible-pastor>강영롱 목사/span> span classbible-date>2024-11-17/span> /div> /li> li classsermon-item onclickgo_url(/home/b01/contents/) stylecursor: pointer> div classbible-title> span classsection>주일예배 3부/span> span classtitle>하늘 미리보기, /span> /div> div classbible-list> span classbible-section>계 4:1~11/span> span classbible-pastor>강영롱 목사/span> span classbible-date>2024-11-10/span> /div> /li> li classsermon-item onclickgo_url(/home/b01/contents/) stylecursor: pointer> div classbible-title> span classsection>주일예배 3부/span> span classtitle>빛 앞에서/span> /div> div classbible-list> span classbible-section>요일1:5~10/span> span classbible-pastor>강영롱 목사/span> span classbible-date>2024-11-03/span> /div> /li> /ul> /div> /div>/div>style> body { visibility: hidden; } body.loaded { visibility: visible; } body section { transition: margin 0.3s ease-in-out; } body.popup-active section, body.popup-active header, body.popup-active footer{ margin-right: 400px; } body header.sticky { width: auto; right: 0; }/style>script> var popupContainer document.querySelector(.popup-container); var popupTrigger document.querySelector(.popup-trigger); var popupClose document.querySelector(.popup-close); function openPopup() { popupContainer.classList.add(active); document.body.classList.add(popup-active); setTimeout(() > { popupTrigger.style.display none; }, 300); } function closePopup() { popupTrigger.style.display block; document.body.classList.remove(popup-active); setTimeout(() > { popupContainer.classList.remove(active); }, 100); setTimeout(() > { // popupTrigger.style.opacity 0; }, 400); } // popupTrigger.addEventListener(click, openPopup); popupClose.addEventListener(click, closePopup);/script>style> body.first-visit { background-color: #212529; }/style>script> let mainSlider; let pathObjects; let pathSlideObjects; let titlePathObjects; let slidePathObjects; let titlePaths; const isRefresh () > { const currentDomain window.location.hostname; // Referrer URL const referrer document.referrer; // Referrer 도메인 const referrerDomain referrer ? (new URL(referrer)).hostname : ; if (!referrer) { // referrer가 없으면 새로고침 또는 직접 입력하여 접속한 경우 console.log(새로고침 또는 직접 URL 입력); } else if (referrerDomain currentDomain) { // referrer가 같은 도메인의 경우 console.log(같은 도메인의 다른 페이지에서 내부 이동); } else { // referrer가 외부 도메인의 경우 console.log(외부 도메인에서 접속); } }; const isRefreshMethod () > { if (performance.navigation.type 1) { return true; } else { return false; } }; const isFirstVisit sessionStorage.getItem(isFirstVisit) null; // const isFirstVisit false; if (isFirstVisit || isRefreshMethod()) { document.body.classList.add(first-visit); document.getElementsByTagName(html)0.style.scrollBehavior auto; window.addEventListener(load, function() { setTimeout(()>{ window.scrollTo(0, 0); document.getElementsByTagName(html)0.style.scrollBehavior smooth; },100); }); }/script>style> .sub-layout-container { padding-top:0 !important; }/style> /div> style> body, html { height: 100%; width: 100%; } .bottom-app-bar { display: none; position: fixed; bottom: 0; left: 0; width: 100%; height: 70px; background: var(--bs-body-bg); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); z-index: 10; } .bottom-app-bar ul { display: flex; height: 100%; } .bottom-app-bar ul li.active svg { fill: #F39800; } .bottom-app-bar ul li { display: flex; flex: 1; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; font-size: 14px; color: #666666; height: 100%; } .bottom-app-bar ul .nav-icon { padding: 5px 0; } .bottom-app-bar ul svg { height: 18px; fill: #D3D3D3; } @media screen and (max-width: 768px) { .bottom-app-bar { display: block; } } /style> div classbottom-app-bar> ul>!-- li>-->!-- a classbottom-bar-link href/>-->!-- div classnav-icon>-->!-- svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 576 512>-->!-- <!–!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.–>-->!-- path-->!-- dM575.8 255.5c0 18-15 32.1-32 32.1h-32l.7 160.2c0 2.7-.2 5.4-.5 8.1V472c0 22.1-17.9 40-40 40H456c-1.1 0-2.2 0-3.3-.1c-1.4 .1-2.8 .1-4.2 .1H416 392c-22.1 0-40-17.9-40-40V448 384c0-17.7-14.3-32-32-32H256c-17.7 0-32 14.3-32 32v64 24c0 22.1-17.9 40-40 40H160 128.1c-1.5 0-3-.1-4.5-.2c-1.2 .1-2.4 .2-3.6 .2H104c-22.1 0-40-17.9-40-40V360c0-.9 0-1.9 .1-2.8V287.6H32c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24z />-->!-- /svg>-->!-- /div>-->!-- div classnav-label>첫화면/div>-->!-- /a>-->!-- /li>--> li> a classbottom-bar-link href/home/d02/> div classnav-icon> svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 576 512> !--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--> path dM249.6 471.5c10.8 3.8 22.4-4.1 22.4-15.5V78.6c0-4.2-1.6-8.4-5-11C247.4 52 202.4 32 144 32C93.5 32 46.3 45.3 18.1 56.1C6.8 60.5 0 71.7 0 83.8V454.1c0 11.9 12.8 20.2 24.1 16.5C55.6 460.1 105.5 448 144 448c33.9 0 79 14 105.6 23.5zm76.8 0C353 462 398.1 448 432 448c38.5 0 88.4 12.1 119.9 22.6c11.3 3.8 24.1-4.6 24.1-16.5V83.8c0-12.1-6.8-23.3-18.1-27.6C529.7 45.3 482.5 32 432 32c-58.4 0-103.4 20-123 35.6c-3.3 2.6-5 6.8-5 11V456c0 11.4 11.7 19.3 22.4 15.5z /> /svg> /div> div classnav-label>주보/div> /a> /li> li> a classbottom-bar-link href/home/d03/> div classnav-icon> svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 512 512>!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->path dM220.6 121.2L271.1 96 448 96l0 96-114.8 0c-21.9-15.1-48.5-24-77.2-24s-55.2 8.9-77.2 24L64 192l0-64 128 0c9.9 0 19.7-2.3 28.6-6.8zM0 128L0 416c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L271.1 32c-9.9 0-19.7 2.3-28.6 6.8L192 64l-32 0 0-16c0-8.8-7.2-16-16-16L80 32c-8.8 0-16 7.2-16 16l0 16C28.7 64 0 92.7 0 128zM168 304a88 88 0 1 1 176 0 88 88 0 1 1 -176 0z/>/svg> /div> div classnav-label>갤러리/div> /a> /li> li> a classbottom-bar-link href/home/a05/> div classnav-icon> svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 576 512>!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->path dM0 80l0 48c0 17.7 14.3 32 32 32l16 0 48 0 0-80c0-26.5-21.5-48-48-48S0 53.5 0 80zM112 32c10 13.4 16 30 16 48l0 304c0 35.3 28.7 64 64 64s64-28.7 64-64l0-5.3c0-32.4 26.3-58.7 58.7-58.7L480 320l0-192c0-53-43-96-96-96L112 32zM464 480c61.9 0 112-50.1 112-112c0-8.8-7.2-16-16-16l-245.3 0c-14.7 0-26.7 11.9-26.7 26.7l0 5.3c0 53-43 96-96 96l176 0 96 0z/>/svg> /div> div classnav-label>예배안내/div> /a> /li> li> a classbottom-bar-link href/home/b01/contents> div classnav-icon> svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 576 512> !--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--> path dM0 128C0 92.7 28.7 64 64 64H320c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128zM559.1 99.8c10.4 5.6 16.9 16.4 16.9 28.2V384c0 11.8-6.5 22.6-16.9 28.2s-23 5-32.9-1.6l-96-64L416 337.1V320 192 174.9l14.2-9.5 96-64c9.8-6.5 22.4-7.2 32.9-1.6z /> /svg> /div> div classnav-label>금주설교영상/div> /a> /li> /ul> /div>/div>footer classshow> div classcontainer footer-container> div classrow> div classcol-xl-6 order-xl-1 order-2> div classlnb> ul> li>개인정보처리 방침/li> li>이용약관/li> /ul> /div> div classaddress mt-4 styleword-break: break-word> div classfont-bold>대구광역시 중구 공평로4길 11 삼덕교회/div> 사무실 430-9191 span classsep>|/span> 팩스 426-3272br /> 119중보기도 010-4785-3271 span classsep>|/span> 삼덕노인복지센터 423-3279 span classsep>|/span> 삼덕기억학교 268-3271 /div> div classrights mt-4 styleword-break: break-word> ⓒSAMDUCKCHURCH. All rights reserved. Designed by ohjic /div> /div> div classcol-xl-6 order-xl-2 order-1> div classsns-list> button onclickopen_url(https://www.instagram.com/samduk1952/)> span> svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone> path fill-ruleevenodd clip-ruleevenodd dM0 6C0 2.68629 2.68629 0 6 0H18C21.3137 0 24 2.68629 24 6V18C24 21.3137 21.3137 24 18 24H6C2.68629 24 0 21.3137 0 18V6ZM12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 5.99999 12 5.99999C8.68632 5.99999 6.00002 8.68629 6.00002 12C6.00002 15.3137 8.68632 18 12 18ZM12.0001 16C14.2092 16 16.0001 14.2091 16.0001 12C16.0001 9.79084 14.2092 7.99998 12.0001 7.99998C9.79093 7.99998 8.00007 9.79084 8.00007 12C8.00007 14.2091 9.79093 16 12.0001 16ZM19 6.20001C19.5523 6.20001 20 5.7523 20 5.20001C20 4.64773 19.5523 4.20001 19 4.20001C18.4477 4.20001 18 4.64773 18 5.20001C18 5.7523 18.4477 6.20001 19 6.20001Z fill#111111 /> /svg> span>인스타그램 /span> /span> i classbi bi-arrow-right-short>/i> /button> button onclickopen_url(https://www.youtube.com/@samduk_church)> span> svg xmlnshttp://www.w3.org/2000/svg width26 height24 viewBox0 0 26 24 fillnone> path dM24.8129 6.04585C24.5285 4.97606 23.6934 4.13648 22.6327 3.8521C20.7098 3.33301 13 3.33301 13 3.33301C13 3.33301 5.29032 3.33301 3.3674 3.8521C2.30664 4.13648 1.47157 4.97606 1.18719 6.04585C0.672607 7.98231 0.672607 12.0177 0.672607 12.0177C0.672607 12.0177 0.672607 16.0531 1.18719 17.9896C1.47157 19.0594 2.30664 19.8629 3.3674 20.1472C5.29032 20.6663 13 20.6663 13 20.6663C13 20.6663 20.7098 20.6663 22.6327 20.1472C23.6934 19.8629 24.5285 19.0549 24.8129 17.9896C25.3275 16.0531 25.3275 12.0177 25.3275 12.0177C25.3275 12.0177 25.3275 7.98231 24.8129 6.04585ZM10.4813 15.683V8.35245L16.9226 12.0177L10.4813 15.683Z fill#111111 /> /svg> span>유튜브 /span> /span>i classbi bi-arrow-right-short>/i> /button> /div> /div> /div> /div>/footer>!-- Modal -->div classmodal fade idmobile_gnb_modal data-bs-backdropstatic data-bs-keyboardfalse tabindex-1 aria-labelledbymobile_gnb_modalLabel aria-hiddentrue> div classmodal-dialog modal-fullscreen> div classmodal-content> div classmodal-body gnb-modal > div classcontainer> div classrow stylemin-height:100%;> div classcol-xl-2 col-lg-3 d-flex col mobile-top-area> div classlogo sidebar-logo logo-area onclickgo_url(/)> svg width196 height77 viewBox0 0 196 77 fillnone xmlnshttp://www.w3.org/2000/svg classlogo-sub-title preserveAspectRatioxMinYMid> g clip-pathurl(#clip0_1811_7894)> path dM14.7002 15.0449V4.6349H14.1602V15.0449H12.1202V10.0049H5.53516V0.524902H10.9052V2.4149H7.75516V8.0999H12.1202V0.524902H14.1602V2.7299H14.7002V0.524902H16.7552V15.0449H14.7002Z fill#231815 classlogo-text-item /> path dM18.9603 3.03007V1.14007H21.6453V0.195068H23.8503V1.14007H26.5353V3.03007H25.1103C25.7403 3.64507 26.1453 4.51507 26.1453 5.47507C26.1453 7.36507 24.6153 8.89507 22.7403 8.89507C20.8653 8.89507 19.3353 7.36507 19.3353 5.47507C19.3353 4.53007 19.7403 3.64507 20.3703 3.03007H18.9453H18.9603ZM30.1653 13.1401V15.0301H21.1653V10.2901H23.3703V13.1251H30.1653V13.1401ZM22.7403 6.82507C23.4753 6.82507 24.0903 6.24007 24.0903 5.49007C24.0903 4.74007 23.4753 4.15507 22.7403 4.15507C22.0053 4.15507 21.4053 4.75507 21.4053 5.49007C21.4053 6.22507 22.0053 6.82507 22.7403 6.82507ZM30.0003 0.510068V2.71507H31.2603V4.60507H30.0003V10.9201H27.7953V0.510068H30.0003Z fill#231815 classlogo-text-item /> path dM39.9452 15.045V6.99001H38.9102V6.45001C38.2352 7.62001 36.9602 8.40001 35.5202 8.40001C33.3302 8.40001 31.5752 6.63001 31.5752 4.45501C31.5752 2.28001 33.3302 0.51001 35.5202 0.51001C36.9452 0.51001 38.2052 1.27501 38.9102 2.44501V1.93501H39.9452V0.52501H41.8352V15.045H39.9452ZM35.5352 2.56501C34.4852 2.56501 33.6452 3.42001 33.6452 4.45501C33.6452 5.49001 34.4852 6.34501 35.5352 6.34501C36.5852 6.34501 37.4252 5.49001 37.4252 4.45501C37.4252 3.42001 36.5702 2.56501 35.5352 2.56501ZM39.9452 3.84001H39.4352C39.4352 4.05001 39.4652 4.24501 39.4652 4.47001C39.4652 4.69501 39.4352 4.89001 39.4352 5.10001H39.9452V3.84001ZM42.4802 0.52501H44.3702V15.045H42.4802V0.52501Z fill#231815 classlogo-text-item /> path dM51.6746 0L57.5096 6.105L55.8746 7.62L51.6596 3.255L47.4596 7.605L45.8096 6.105L51.6596 0H51.6746ZM57.1946 10.44H52.7696V15.015H50.5646V10.44H46.1396V8.535H57.1946V10.44Z fill#231815 classlogo-text-item /> path dM59.9551 14.0551V12.1501H61.2151V6.79509H63.2701V12.1501H64.3801V6.79509H66.4351V12.1501H67.5451V2.37009H59.9551V0.465088H69.7501V12.1501H70.3801V14.0551H59.9551Z fill#231815 classlogo-text-item /> path dM79.4254 8.25004L76.8754 4.18504L74.3554 8.23504L72.5254 7.11004L75.4504 2.44504H72.9454V0.540039H80.5204V2.43004H78.3154L81.2254 7.11004L79.4254 8.23504V8.25004ZM84.0004 4.33504V9.70504H81.9904C82.5004 10.335 82.8154 11.13 82.8154 12C82.8154 13.965 81.2254 15.54 79.2754 15.54C77.3254 15.54 75.7204 13.965 75.7204 12C75.7204 10.035 77.3104 8.44504 79.2754 8.44504C80.2504 8.44504 81.1504 8.86504 81.8104 9.51004V0.540039H84.0154V2.43004H85.2754V4.33504H84.0154H84.0004ZM79.2754 10.485C78.4504 10.485 77.7604 11.175 77.7604 12C77.7604 12.825 78.4354 13.5 79.2754 13.5C80.1154 13.5 80.7604 12.825 80.7604 12C80.7604 11.175 80.0854 10.485 79.2754 10.485Z fill#231815 classlogo-text-item /> path dM94.02 9.63009V12.1501H98.28V14.0551H87.54V12.1501H91.8V9.63009H88.02V4.11009H95.595V2.37009H88.02V0.465088H97.8V6.00009H90.225V7.74009H97.8V9.63009H94.02Z fill#231815 classlogo-text-item /> path dM105.69 9.03007H109.17V0.510068H111.225V15.0301H109.17V10.9201H100.8V9.03007H103.485V8.22007C102.12 7.74007 101.115 6.49507 101.115 4.92007C101.115 4.08007 101.355 3.43507 101.805 2.86507H100.8V1.14007H103.485V0.195068H105.69V1.14007H108.375V2.88007H107.37C107.805 3.43507 108.045 4.09507 108.045 4.93507C108.045 6.51007 107.04 7.75507 105.675 8.23507V9.04507L105.69 9.03007ZM104.58 6.36007C105.375 6.36007 106.02 5.73007 106.02 4.93507C106.02 4.14007 105.375 3.49507 104.58 3.49507C103.785 3.49507 103.14 4.14007 103.14 4.93507C103.14 5.73007 103.785 6.36007 104.58 6.36007Z fill#231815 classlogo-text-item /> /g> defs> clipPath idclip0_1811_7894> rect width195.615 height76.365 fillwhite /> /clipPath> /defs> /svg> svg width196 height77 viewBox0 0 196 77 fillnone xmlnshttp://www.w3.org/2000/svg classlogo-main-title preserveAspectRatioxMinYMid> g> g classlogo-black-title> path dM26.115 47.055L16.29 38.67V29.04H9.525V38.73L0 47.28L4.515 52.32L12.975 44.73L21.735 52.185L26.115 47.055Z fill#231815 classlogo-text-item /> path dM50.4001 43.4551V36.6901H40.6651V22.9651H33.9001V56.3551H25.8301V76.0201H46.3051V56.3551H40.6651V43.4551H50.4001ZM39.5401 69.2701H32.5801V63.1201H39.5401V69.2701Z fill#231815 classlogo-text-item /> path dM91.9052 23.8801V36.6751H81.2852V43.4401H91.9052V54.9601H98.6702V23.8801H91.9052Z fill#231815 classlogo-text-item /> path dM78.8851 52.0051H59.3701V28.9951H79.0201V35.7601H66.1351V45.2551H78.8851V52.0051Z fill#231815 classlogo-text-item /> path dM98.6698 76.365H91.9048V63.075H74.5498V56.325H98.6698V76.365Z fill#231815 classlogo-text-item /> path dM135.54 49.8599H142.29V27.5249H114.72V34.2899H135.54V49.8599Z fill#231815 classlogo-text-item /> path dM132.99 53.985V44.145H126.225V53.985H122.46V44.145H115.71V53.985H107.37V60.735H147.33V53.985H132.99Z fill#231815 classlogo-text-item /> path dM195.585 53.9851V23.4151H188.82V53.9851H171.75V50.5051C175.545 49.0801 178.26 45.4351 178.26 41.1451C178.26 38.9101 177.51 36.8551 176.265 35.1901H180.48V28.4251H171.045V22.2151H164.28V28.4251H156.24V35.1901H160.26C159.015 36.8551 158.265 38.9101 158.265 41.1451C158.265 45.5101 161.07 49.2001 164.97 50.5651V53.9851H155.64V60.7351H195.585V53.9851ZM165.06 41.1451C165.06 39.3601 166.5 37.9201 168.285 37.9201C170.07 37.9201 171.51 39.3751 171.51 41.1451C171.51 42.9151 170.07 44.3851 168.285 44.3851C166.5 44.3851 165.06 42.9301 165.06 41.1451Z fill#231815 classlogo-text-item /> /g> g classlogo-color-bullet> path dM142.305 27.5249H135.54V34.2749H142.305V27.5249Z fill#00A0E9 classlogo-blue-rect /> path dM66.1351 45.2551H59.3701V52.0201H66.1351V45.2551Z fill#C30D23 classlogo-red-rect /> path dM46.305 56.355H39.54V63.12H46.305V56.355Z fill#F39800 classlogo-yellow-rect /> path dM171.765 53.9851H165V60.7501H171.765V53.9851Z fill#E4007F classlogo-magenta-rect /> /g> /g> /svg> /div> div classgnb-modal-close mo data-bs-dismissmodal> svg xmlnshttp://www.w3.org/2000/svg width70 height70 viewBox0 0 50 50 fillnone> path dM37.5 12.5L12.5 37.5M12.5 12.5L37.5 37.5 strokeblack stroke-width2 stroke-linecapround stroke-linejoinround /> /svg> /div> /div> div classcol-xl-10 col-lg-9 gnb-wrap d-flex flex-column> div classgnb-wrap-top pc> div classgnb-modal-close data-bs-dismissmodal> svg xmlnshttp://www.w3.org/2000/svg width70 height70 viewBox0 0 50 50 fillnone> path dM37.5 12.5L12.5 37.5M12.5 12.5L37.5 37.5 strokeblack stroke-width2 stroke-linecapround stroke-linejoinround /> /svg> /div> /div> div classgnb-wrap-middle> div classgnb-menu> ul> li> h4>예배/h4> div classnav-items> dl classstep2-wrap> dd classstep2-title menu-codeb01 onclickgo_url(/home/b01/) stylecursor: pointer> 주일예배 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codeb02 onclickgo_url(/home/b02/) stylecursor: pointer> 수요기도회 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codeb03 onclickgo_url(/home/b03/) stylecursor: pointer> 금요기도회 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codeb06 onclickgo_url(/home/b06/) stylecursor: pointer> 찬양 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codeb05 onclickgo_url(/home/b05/) stylecursor: pointer> 새벽기도회 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codea94 onclickgo_url(/home/a94/) stylecursor: pointer> 바푸너(BAPUNER) /dd> /dl> /div> /li> li> h4>성장/h4> div classnav-items> dl classstep2-wrap> dd classstep2-title menu-codec0101 onclickgo_url(/home/c0101/) stylecursor: pointer> 다음세대 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codec04 onclickgo_url(/home/c04/) stylecursor: pointer> 청년 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codec02 onclickgo_url(/home/c02/) stylecursor: pointer> 장년 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codec03 onclickgo_url(/home/c03/read_latest) stylecursor: pointer> 전교인 성경통독 /dd> /dl> /div> /li> li> h4>소통/h4> div classnav-items> dl classstep2-wrap> dd classstep2-title menu-coded01 onclickgo_url(/home/d01/) stylecursor: pointer> 신망애 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-coded02 onclickgo_url(/home/d02/) stylecursor: pointer> 주보 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codea90 onclickgo_url(/home/a90/) stylecursor: pointer> 갤러리 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-coded04 onclickgo_url(/home/d04/) stylecursor: pointer> 교회소식 /dd> /dl> /div> /li> li> h4>행정/h4> div classnav-items> dl classstep2-wrap> dd classstep2-title menu-codee01 onclickgo_url(/home/e01/) stylecursor: pointer> 새가족 등록 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codee02 onclickgo_url(/home/e02/) stylecursor: pointer> 장소 예약 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codee03 onclickgo_url(/home/e03/) stylecursor: pointer> 헌금 안내 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codee04 onclickgo_url(/home/e04/) stylecursor: pointer> 온라인 센터 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codee05 onclickgo_url(/home/e05/) stylecursor: pointer> 예식 안내 /dd> /dl> /div> /li> li> h4>교회소개/h4> div classnav-items> dl classstep2-wrap> dd classstep2-title menu-codea01 onclickgo_url(/home/a01/) stylecursor: pointer> 비전 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codea02 onclickgo_url(/home/a02/) stylecursor: pointer> 역사 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codea03 onclickgo_url(/home/a03/) stylecursor: pointer> 섬기는 사람 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codebuilding onclickgo_url(/home/building/) stylecursor: pointer> 시설안내 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codea05 onclickgo_url(/home/a05/) stylecursor: pointer> 예배안내 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codea87 onclickgo_url(/home/a87/) stylecursor: pointer> 오시는길 /dd> /dl> /div> /li> /ul> /div> div classgnb-banner> span classsubtitle>2024년br />교회 표어/span> span classtitle>예수의 증인br />세상의 이웃/span> span classbible>땅 끝까지 이르러 내 증인이 되리라br />행 1:8/span> span classimg>img srchttps://site-assets.moim.us/a1/b0/c0/d81/37163d3b-7e41-455d-b6d0-6e1af8cb51b9/html/assets/images/bg_icon1.png />/span> /div> /div> div classgnb-wrap-bottom d-flex> div classgnb-favorite> h4>자주찾는 서비스/h4> ul classgrid-container> li onclicklocation.href/home/e02/ stylecursor: pointer> svg xmlnshttp://www.w3.org/2000/svg width48 height43 viewBox0 0 48 43 fillnone> path dM22.6667 4.00002C24.1417 4.00002 25.3333 5.19169 25.3333 6.66669V17.3334C25.3333 18.8084 24.1417 20 22.6667 20H4C2.525 20 1.33333 18.8084 1.33333 17.3334V6.66669C1.33333 5.19169 2.525 4.00002 4 4.00002H22.6667ZM4 2.66669C1.79167 2.66669 0 4.45835 0 6.66669V17.3334C0 19.5417 1.79167 21.3334 4 21.3334H22.6667C24.875 21.3334 26.6667 19.5417 26.6667 17.3334V6.66669C26.6667 4.45835 24.875 2.66669 22.6667 2.66669H4ZM44 4.00002C45.475 4.00002 46.6667 5.19169 46.6667 6.66669V28C46.6667 29.475 45.475 30.6667 44 30.6667H36C34.525 30.6667 33.3333 29.475 33.3333 28V6.66669C33.3333 5.19169 34.525 4.00002 36 4.00002H44ZM36 2.66669C33.7917 2.66669 32 4.45835 32 6.66669V28C32 30.2084 33.7917 32 36 32H44C46.2083 32 48 30.2084 48 28V6.66669C48 4.45835 46.2083 2.66669 44 2.66669H36ZM9.33333 26.6667H24C25.475 26.6667 26.6667 27.8584 26.6667 29.3334V36C26.6667 37.475 25.475 38.6667 24 38.6667H9.33333C7.85833 38.6667 6.66667 37.475 6.66667 36V29.3334C6.66667 27.8584 7.85833 26.6667 9.33333 26.6667ZM5.33333 29.3334V36C5.33333 38.2084 7.125 40 9.33333 40H24C26.2083 40 28 38.2084 28 36V29.3334C28 27.125 26.2083 25.3334 24 25.3334H9.33333C7.125 25.3334 5.33333 27.125 5.33333 29.3334Z fillblack /> /svg> div classspace stylemargin-top: 10px>/div> 장소예약 /li> li onclicklocation.href/home/e01/ stylecursor: pointer> svg xmlnshttp://www.w3.org/2000/svg width48 height48 viewBox0 0 48 48 fillnone> g clip-pathurl(#clip0_1036_522)> path dM45 1.5C45.825 1.5 46.5 2.175 46.5 3C46.5 12.6469 39.4969 20.6625 30.2906 22.2281C30.3844 22.7156 30.4688 23.2125 30.5344 23.7094C40.4438 22.0219 48 13.3969 48 3C48 1.34062 46.6594 0 45 0H42C34.4062 0 27.75 4.03125 24.0563 10.0781C24.4125 10.4625 24.7594 10.8562 25.0969 11.2594C28.4719 5.42812 34.7812 1.5 42 1.5H45ZM6 7.5C16.7719 7.5 25.5 16.2281 25.5 27V28.5H21C10.2281 28.5 1.5 19.7719 1.5 9C1.5 8.175 2.175 7.5 3 7.5H6ZM3 6C1.34062 6 0 7.34062 0 9C0 20.5969 9.40313 30 21 30H25.5V47.25C25.5 47.6625 25.8375 48 26.25 48C26.6625 48 27 47.6625 27 47.25V30V29.25V28.5V27C27 15.4031 17.5969 6 6 6H3Z fillblack /> /g> defs> clipPath idclip0_1036_522> rect width48 height48 fillwhite /> /clipPath> /defs> /svg> div classspace stylemargin-top: 10px>/div> 새가족안내 /li> li onclicklocation.href/home/b01/ stylecursor: pointer> svg xmlnshttp://www.w3.org/2000/svg width60 height48 viewBox0 0 60 48 fillnone> g clip-pathurl(#clip0_1036_509)> path dM30 4.39689L28.3406 2.70939C25.5844 -0.0843629 21.1219 -0.0843629 18.3656 2.70939C15.6094 5.50314 15.6094 10.0406 18.3656 12.8344L27.8906 22.5094C28.4719 23.1 29.2312 23.3906 30 23.3906C30.7687 23.3906 31.5281 23.1 32.1094 22.5094L41.6344 12.8344C44.3906 10.0406 44.3906 5.50314 41.6344 2.70939C38.8781 -0.0843629 34.4156 -0.0843629 31.6594 2.70939L30 4.39689ZM30.5344 5.99064L32.7281 3.75939C34.8937 1.55626 38.4 1.55626 40.5656 3.75939C42.7406 5.97189 42.7406 9.56251 40.5656 11.775L31.0406 21.4594C30.75 21.75 30.375 21.9 30 21.9C29.625 21.9 29.25 21.7594 28.9594 21.4594L19.4344 11.7844C17.2594 9.57189 17.2594 5.98126 19.4344 3.76876C21.6 1.56564 25.1062 1.56564 27.2719 3.76876L29.4656 6.00001C29.7562 6.30001 30.2437 6.30001 30.5344 6.00001V5.99064ZM9 10.5C9 8.01564 6.98437 6.00001 4.5 6.00001C2.01562 6.00001 0 8.01564 0 10.5V32.2688C0 34.8563 1.03125 37.3313 2.85937 39.1594L11.475 47.775C11.7656 48.0656 12.2437 48.0656 12.5344 47.775C12.825 47.4844 12.825 47.0063 12.5344 46.7156L3.91875 38.1094C2.37187 36.5625 1.5 34.4625 1.5 32.2688V10.5C1.5 8.84064 2.84062 7.50001 4.5 7.50001C6.15937 7.50001 7.5 8.84064 7.5 10.5V24.2813C7.5 26.2219 8.26875 28.0875 9.64687 29.4563L11.475 31.2844L16.7156 36.525L17.4656 37.275C17.7562 37.5656 18.2344 37.5656 18.525 37.275C18.8156 36.9844 18.8156 36.5063 18.525 36.2156L17.775 35.4656L12.5344 30.225C11.5406 29.2313 11.475 27.6375 12.3937 26.5594C13.4156 25.3688 15.2344 25.2938 16.35 26.4094L25.05 35.1C26.2969 36.3469 27 38.0438 27 39.8156V47.25C27 47.6625 27.3375 48 27.75 48C28.1625 48 28.5 47.6625 28.5 47.25V39.825C28.5 37.6594 27.6375 35.5781 26.1094 34.05L17.4094 25.35C15.6844 23.625 12.8437 23.7281 11.2594 25.5844C10.6781 26.2594 10.35 27.075 10.2656 27.9C9.45 26.8781 9 25.6031 9 24.2813V10.5ZM55.5 6.00001C53.0156 6.00001 51 8.01564 51 10.5V24.2813C51 25.6031 50.55 26.8875 49.7344 27.9094C49.65 27.0844 49.3219 26.2688 48.7406 25.5938C47.1469 23.7375 44.3156 23.625 42.5906 25.3594L33.9 34.0594C32.3719 35.5875 31.5094 37.6688 31.5094 39.8344V47.25C31.5094 47.6625 31.8469 48 32.2594 48C32.6719 48 33.0094 47.6625 33.0094 47.25V39.825C33.0094 38.0531 33.7125 36.3563 34.9594 35.1094L43.6594 26.4188C44.7656 25.3031 46.5937 25.3781 47.6156 26.5688C48.5344 27.6375 48.4687 29.2313 47.475 30.2344L42.2344 35.475L41.4844 36.225C41.1937 36.5156 41.1937 36.9938 41.4844 37.2844C41.775 37.575 42.2531 37.575 42.5437 37.2844L43.2937 36.5344L48.5344 31.2938L50.3625 29.4656C51.7312 28.0781 52.5 26.2219 52.5 24.2813V10.5C52.5 8.84064 53.8406 7.50001 55.5 7.50001C57.1594 7.50001 58.5 8.84064 58.5 10.5V32.2688C58.5 34.4531 57.6281 36.5531 56.0812 38.1L47.4656 46.7156C47.175 47.0063 47.175 47.4844 47.4656 47.775C47.7562 48.0656 48.2344 48.0656 48.525 47.775L57.1406 39.1594C58.9687 37.3313 60 34.8469 60 32.2688V10.5C60 8.01564 57.9844 6.00001 55.5 6.00001Z fillblack /> /g> defs> clipPath idclip0_1036_509> rect width60 height48 fillwhite /> /clipPath> /defs> /svg> div classspace stylemargin-top: 10px>/div> 주일예배 /li> li onclicklocation.href/home/d02/view_list/page/0 stylecursor: pointer> svg xmlnshttp://www.w3.org/2000/svg width42 height48 viewBox0 0 42 48 fillnone> g clip-pathurl(#clip0_1036_516)> path dM1.5 12V42C1.5 44.4844 3.51562 46.5 6 46.5H36C38.4844 46.5 40.5 44.4844 40.5 42V12H1.5ZM1.5 10.5H40.5V6C40.5 3.51562 38.4844 1.5 36 1.5H6C3.51562 1.5 1.5 3.51562 1.5 6V10.5ZM42 6V10.5V11.25V12V42C42 45.3094 39.3094 48 36 48H6C2.69062 48 0 45.3094 0 42V12V11.25V10.5V6C0 2.69063 2.69062 0 6 0H36C39.3094 0 42 2.69063 42 6ZM9.75 19.5H32.25C32.6625 19.5 33 19.8375 33 20.25C33 20.6625 32.6625 21 32.25 21H9.75C9.3375 21 9 20.6625 9 20.25C9 19.8375 9.3375 19.5 9.75 19.5ZM9.75 28.5H32.25C32.6625 28.5 33 28.8375 33 29.25C33 29.6625 32.6625 30 32.25 30H9.75C9.3375 30 9 29.6625 9 29.25C9 28.8375 9.3375 28.5 9.75 28.5ZM9.75 37.5H23.25C23.6625 37.5 24 37.8375 24 38.25C24 38.6625 23.6625 39 23.25 39H9.75C9.3375 39 9 38.6625 9 38.25C9 37.8375 9.3375 37.5 9.75 37.5Z fill#111111 /> /g> defs> clipPath idclip0_1036_516> rect width42 height48 fillwhite /> /clipPath> /defs> /svg> div classspace stylemargin-top: 10px>/div> 주보 /li> li onclicklocation.href/home/d01/view_list/page/0 stylecursor: pointer> svg xmlnshttp://www.w3.org/2000/svg width60 height48 viewBox0 0 60 48 fillnone> g clip-pathurl(#clip0_1036_525)> path dM30.8812 40.5937L51.2906 36.5156C51.9937 36.375 52.5 35.7562 52.5 35.0437V3.14061C52.5 2.23123 51.6937 1.52811 50.7937 1.64998L30.75 4.41561V40.6219C30.7969 40.6125 30.8344 40.6031 30.8812 40.5937ZM29.25 40.6219V4.41561L9.20625 1.65936C8.30625 1.52811 7.5 2.23123 7.5 3.14061V35.0437C7.5 35.7562 8.00625 36.375 8.70937 36.5156L29.1187 40.5937C29.1656 40.6031 29.2031 40.6125 29.25 40.6219ZM50.5875 0.168734C52.3969 -0.0750155 54 1.32186 54 3.14061V35.0437C54 36.4781 52.9875 37.7062 51.5906 37.9875L31.1812 42.0656C30.4031 42.225 29.6062 42.225 28.8281 42.0656L8.40937 37.9781C7.00312 37.6969 6 36.4687 6 35.0344V3.14061C6 1.32186 7.60312 -0.0750155 9.4125 0.168734L30 2.99998L50.5875 0.168734ZM0 6.14061C0 4.46248 1.36875 3.14061 3 3.14061V4.64061C2.18437 4.64061 1.5 5.29686 1.5 6.14061V39.2437C1.5 39.9562 2.00625 40.575 2.70937 40.7156L29.1187 45.9937C29.7 46.1062 30.3 46.1062 30.8812 45.9937L57.2906 40.7156C57.9937 40.575 58.5 39.9562 58.5 39.2437V6.14061C58.5 5.29686 57.8156 4.64061 57 4.64061V3.14061C58.6312 3.14061 60 4.46248 60 6.14061V39.2437C60 40.6781 58.9875 41.9062 57.5906 42.1875L31.1812 47.4656C30.4031 47.625 29.6062 47.625 28.8281 47.4656L2.40937 42.1781C1.0125 41.9062 0 40.6687 0 39.2437V6.14061Z fillblack /> /g> defs> clipPath idclip0_1036_525> rect width60 height48 fillwhite /> /clipPath> /defs> /svg> div classspace stylemargin-top: 10px>/div> 신망애 /li> li onclickgo_url(/home/d03/) stylecursor: pointer> svg xmlnshttp://www.w3.org/2000/svg width54 height48 viewBox0 0 54 48 fillnone> path dM48 34.5H15C12.5156 34.5 10.5 32.4844 10.5 30V9C10.5 6.51562 12.5156 4.5 15 4.5H26.0156C27.2062 4.5 28.35 4.97812 29.1937 5.82187L31.6781 8.30625C33.0844 9.7125 34.9969 10.5 36.9844 10.5H48C50.4844 10.5 52.5 12.5156 52.5 15V30C52.5 32.4844 50.4844 34.5 48 34.5ZM15 36H48C51.3094 36 54 33.3094 54 30V15C54 11.6906 51.3094 9 48 9H36.9844C35.3906 9 33.8625 8.37188 32.7375 7.24688L30.2531 4.75313C29.1281 3.62813 27.6 3 26.0062 3H15C11.6906 3 9 5.69063 9 9V30C9 33.3094 11.6906 36 15 36ZM0 18V39C0 42.3094 2.69063 45 6 45H39C42.3094 45 45 42.3094 45 39H43.5C43.5 41.4844 41.4844 43.5 39 43.5H6C3.51562 43.5 1.5 41.4844 1.5 39V18C1.5 15.5156 3.51562 13.5 6 13.5V12C2.69063 12 0 14.6906 0 18Z fillblack /> /svg> div classspace stylemargin-top: 10px>/div> 갤러리 /li> li onclicklocation.href/home/c03/read_latest stylecursor: pointer> svg xmlnshttp://www.w3.org/2000/svg width42 height48 viewBox0 0 42 48 fillnone> g clip-pathurl(#clip0_1036_472)> path dM0 5.25C0 2.35313 2.35313 0 5.25 0H38.25C40.3219 0 42 1.67812 42 3.75V35.25C42 37.0687 40.7156 38.5781 39 38.925V46.5H41.25C41.6625 46.5 42 46.8375 42 47.25C42 47.6625 41.6625 48 41.25 48H5.25C2.35313 48 0 45.6469 0 42.75V5.25ZM5.25 39C3.17812 39 1.5 40.6781 1.5 42.75C1.5 44.8219 3.17812 46.5 5.25 46.5H37.5V39H5.25ZM1.5 39.075C2.45625 38.1 3.77813 37.5 5.25 37.5H38.25C39.4969 37.5 40.5 36.4969 40.5 35.25V3.75C40.5 2.50312 39.4969 1.5 38.25 1.5H5.25C3.17812 1.5 1.5 3.17812 1.5 5.25V39.075ZM21 7.5H24C25.2469 7.5 26.25 8.50313 26.25 9.75V13.5H30C31.2469 13.5 32.25 14.5031 32.25 15.75V18.75C32.25 19.9969 31.2469 21 30 21H26.25V29.25C26.25 30.4969 25.2469 31.5 24 31.5H21C19.7531 31.5 18.75 30.4969 18.75 29.25V21H15C13.7531 21 12.75 19.9969 12.75 18.75V15.75C12.75 14.5031 13.7531 13.5 15 13.5H18.75V9.75C18.75 8.50313 19.7531 7.5 21 7.5ZM20.25 9.75V14.25C20.25 14.6625 19.9125 15 19.5 15H15C14.5875 15 14.25 15.3375 14.25 15.75V18.75C14.25 19.1625 14.5875 19.5 15 19.5H19.5C19.9125 19.5 20.25 19.8375 20.25 20.25V29.25C20.25 29.6625 20.5875 30 21 30H24C24.4125 30 24.75 29.6625 24.75 29.25V20.25C24.75 19.8375 25.0875 19.5 25.5 19.5H30C30.4125 19.5 30.75 19.1625 30.75 18.75V15.75C30.75 15.3375 30.4125 15 30 15H25.5C25.0875 15 24.75 14.6625 24.75 14.25V9.75C24.75 9.3375 24.4125 9 24 9H21C20.5875 9 20.25 9.3375 20.25 9.75Z fillblack /> /g> defs> clipPath idclip0_1036_472> rect width42 height48 fillwhite /> /clipPath> /defs> /svg> div classspace stylemargin-top: 10px>/div> 성경통독 /li> li onclicklocation.href/home/a04/ stylecursor: pointer> svg xmlnshttp://www.w3.org/2000/svg width54 height48 viewBox0 0 54 48 fillnone> g clip-pathurl(#clip0_1036_467)> path dM35.7469 15.1125C35.1 16.65 34.1906 18.3188 33.1687 19.9781C31.125 23.2969 28.7062 26.4562 27.2156 28.3125C27.0937 28.4625 26.8969 28.4625 26.7844 28.3125C25.2938 26.4562 22.875 23.2875 20.8312 19.9781C19.8094 18.3188 18.9 16.65 18.2531 15.1125C17.5969 13.5469 17.25 12.2344 17.25 11.25C17.25 5.86875 21.6187 1.5 27 1.5C32.3812 1.5 36.75 5.86875 36.75 11.25C36.75 12.2344 36.4125 13.5469 35.7469 15.1125ZM28.3875 29.25C31.3969 25.4906 38.25 16.3687 38.25 11.25C38.25 5.03437 33.2156 0 27 0C20.7844 0 15.75 5.03437 15.75 11.25C15.75 16.3687 22.6031 25.4906 25.6125 29.25C26.3344 30.15 27.675 30.15 28.3875 29.25ZM39.4781 17.8125L50.4844 13.8094C51.4594 13.4531 52.5 14.175 52.5 15.2156V39.675C52.5 40.3031 52.1063 40.8656 51.5156 41.0813L37.5 46.1813V27.75C37.5 27.3375 37.1625 27 36.75 27C36.3375 27 36 27.3375 36 27.75V46.2375L18 40.6969V27.75C18 27.3375 17.6625 27 17.25 27C16.8375 27 16.5 27.3375 16.5 27.75V40.725L3.51562 45.45C2.53125 45.8062 1.5 45.075 1.5 44.0344V19.575C1.5 18.9469 1.89375 18.3844 2.48438 18.1688L13.1906 14.2781C13.0594 13.7906 12.9469 13.2937 12.8719 12.7969L1.97813 16.7531C0.7875 17.1844 0 18.3188 0 19.575V44.0344C0 46.1156 2.07188 47.5687 4.02188 46.8562L17.2687 42.0375L36.525 47.9625C36.6844 48.0094 36.8438 48.0094 37.0031 47.9531L52.0219 42.4875C53.2031 42.0563 54 40.9313 54 39.6656V15.2156C54 13.1344 51.9281 11.6812 49.9781 12.3937L40.275 15.9188C40.1531 16.2375 40.0312 16.5469 39.9 16.8563C39.7687 17.1656 39.6281 17.4844 39.4781 17.8031V17.8125ZM24 10.5C24 9.70435 24.3161 8.94129 24.8787 8.37868C25.4413 7.81607 26.2044 7.5 27 7.5C27.7956 7.5 28.5587 7.81607 29.1213 8.37868C29.6839 8.94129 30 9.70435 30 10.5C30 11.2956 29.6839 12.0587 29.1213 12.6213C28.5587 13.1839 27.7956 13.5 27 13.5C26.2044 13.5 25.4413 13.1839 24.8787 12.6213C24.3161 12.0587 24 11.2956 24 10.5ZM31.5 10.5C31.5 9.30653 31.0259 8.16193 30.182 7.31802C29.3381 6.47411 28.1935 6 27 6C25.8065 6 24.6619 6.47411 23.818 7.31802C22.9741 8.16193 22.5 9.30653 22.5 10.5C22.5 11.6935 22.9741 12.8381 23.818 13.682C24.6619 14.5259 25.8065 15 27 15C28.1935 15 29.3381 14.5259 30.182 13.682C31.0259 12.8381 31.5 11.6935 31.5 10.5Z fillblack /> /g> defs> clipPath idclip0_1036_467> rect width54 height48 fillwhite /> /clipPath> /defs> /svg> div classspace stylemargin-top: 10px>/div> 시설안내 /li> li onclicklocation.hrefhttps://www.instagram.com/samduk1952/ stylecursor: pointer> svg xmlnshttp://www.w3.org/2000/svg width50 height48 viewBox0 0 48 48 fillnone> path fill-ruleevenodd clip-ruleevenodd dM36 1.5H12C6.20101 1.5 1.5 6.20101 1.5 12V36C1.5 41.799 6.20101 46.5 12 46.5H36C41.799 46.5 46.5 41.799 46.5 36V12C46.5 6.20101 41.799 1.5 36 1.5ZM12 0C5.37258 0 0 5.37258 0 12V36C0 42.6274 5.37258 48 12 48H36C42.6274 48 48 42.6274 48 36V12C48 5.37258 42.6274 0 36 0H12ZM24.234 34.4565C29.5798 34.4565 33.9681 30.0197 33.9681 24.4783C33.9681 18.9368 29.5798 14.5 24.234 14.5C18.8883 14.5 14.5 18.9368 14.5 24.4783C14.5 30.0197 18.8883 34.4565 24.234 34.4565ZM24.234 35.9565C30.4384 35.9565 35.4681 30.8175 35.4681 24.4783C35.4681 18.139 30.4384 13 24.234 13C18.0297 13 13 18.139 13 24.4783C13 30.8175 18.0297 35.9565 24.234 35.9565ZM38 12.3479C39.1046 12.3479 40 11.4525 40 10.3479C40 9.24333 39.1046 8.3479 38 8.3479C36.8954 8.3479 36 9.24333 36 10.3479C36 11.4525 36.8954 12.3479 38 12.3479Z fillblack /> /svg> div classspace stylemargin-top: 10px>/div> 인스타그램 /li> li onclicklocation.hrefhttps://www.youtube.com/@samduk_church stylecursor: pointer> svg xmlnshttp://www.w3.org/2000/svg width62 height46 viewBox0 0 62 46 fillnone> path fill-ruleevenodd clip-ruleevenodd dM13 1.5H49C55.3513 1.5 60.5 6.64873 60.5 13V33C60.5 39.3513 55.3513 44.5 49 44.5H13C6.64872 44.5 1.5 39.3513 1.5 33V13C1.5 6.64873 6.64873 1.5 13 1.5ZM0 13C0 5.8203 5.8203 0 13 0H49C56.1797 0 62 5.8203 62 13V33C62 40.1797 56.1797 46 49 46H13C5.8203 46 0 40.1797 0 33V13ZM26.2044 12.7269C24.3777 11.8369 22.25 13.1671 22.25 15.1991V29.7267C22.25 31.7833 24.4249 33.1122 26.2549 32.1737L40.7825 24.7236C42.7991 23.6895 42.7694 20.797 40.732 19.8044L26.2044 12.7269ZM23.75 15.1991C23.75 14.2755 24.7171 13.6708 25.5475 14.0753L40.0751 21.1529C41.0012 21.6041 41.0146 22.9189 40.098 23.3889L25.5704 30.839C24.7386 31.2655 23.75 30.6615 23.75 29.7267V15.1991Z fillblack /> /svg> div classspace stylemargin-top: 10px>/div> 유튜브 /li> /ul> /div> div idgnb-worship> div classgnb-worship v-iflatestWorship> a :href/home/b01/contents/> span classsubtitle>강영롱 목사님의br />주일예배 설교 영상/span> span classtitle>{{ latestWorship.title }}/span> span classbible>{{ latestWorship.etc2 }}/span> span classdate>{{ latestWorship.etc4 }}/span> span classimg> img srchttps://site-assets.moim.us/a1/b0/c0/d81/37163d3b-7e41-455d-b6d0-6e1af8cb51b9/html/assets/images/pastor_2.png?20240904 /> /span> /a> /div> /div> /div> /div> /div> /div> /div> /div> /div>/div>style> body { letter-spacing: -0.02em; } body a { color: unset; text-decoration: none; } body a:hover, body a:active, body a:focus { color: unset; } header { position: absolute; width: auto; /*min-width: 1200px;*/ top: 0; left: 0; right: 0; z-index: 20; background: transparent; transition: all 0.5s; min-height: 80px; } header.sticky { position: fixed; top: 0; left: 0; background: var(--bs-body-bg); height: 100px; box-shadow: 0 0 19px 0 rgb(0 0 0 / 10%); } footer .lnb ul li { font-weight: 500; } a.bottom-bar-link { display: flex; width:100%; height: 100%; justify-content: center; align-items: center; flex-direction: column; } @media screen and (max-width: 1024px) { header { height: 140px; min-width: unset; min-height: unset; } header.sticky { height: 60px; } header.sticky .logo { height: 45px; } header.sticky .logo svg { height: 45px; } header.sticky .mobile-gnb { height: 45px; } .gnb-modal > .row { margin: 0; } .gnb-modal .gnb-wrap { padding: 0; } .mobile-top-area { padding: 30px 25px 0 25px; } .logo-area svg { /*height: 45px;*/ width: 90px; } .gnb-modal-close { height: 45px; display: flex; align-items: center; } } /*@media screen and (max-width: 568px) *//style>style> .sub-layout-container { padding-top: 300px; min-height: 70vh; } /* 모바일 */ @media screen and (max-width: 1024px) { .sub-layout-container { padding-top: 120px; } }/style>script> document.addEventListener(DOMContentLoaded, function() { gsap.registerPlugin(SplitText); gsap.registerPlugin(ScrollTrigger); gsap.registerPlugin(DrawSVGPlugin); gsap.registerPlugin(MotionPathPlugin); const header document.querySelector(header); window.addEventListener(scroll, function() { if (window.scrollY > 0) { header.classList.add(sticky); header.classList.remove(stop); } else { header.classList.remove(sticky); header.classList.remove(stop); } }); }); function go_url(url) { location.href url; } function open_url(url) { window.open(url, _blank); } // 아이디 패스워드 찾기 function findId(){ // alert(준비중입니다.); location.href /home/find_id_passwd/; } $(function() { // 탭 아이템 클릭 시 $(.tab).on(click, li, function() { var index $(this).index() + 1; // 해당 탭 아이템을 활성화 $(.tab li).removeClass(active); $(this).addClass(active); // 해당 서브탭 및 콘텐츠를 활성화 $(.sub-tab ul).removeClass(active); $(.sub-tab-item + index).addClass(active); $(.sub-item-content + index + 1).addClass(active); $(.page-wrap).removeClass(active); $(.tab-panel).removeClass(active); $(.tab-panel- + index + 1).addClass(active); }); // 서브탭 아이템 클릭 시 $(.sub-tab).on(click, li, function() { var index $(this).index() + 1; var parentIndex $(this).parent().index() + 1; // 해당 서브탭 아이템을 활성화 $(.sub-tab li).removeClass(active); $(this).addClass(active); // 해당 콘텐츠를 활성화 $(.page-wrap).removeClass(active); $(.tab-panel- + parentIndex + index).addClass(active); }); }); const app Vue.createApp({ data() { return { latestWorship: null, }; }, mounted() { this.fetchLatestWorship(); }, methods: { fetchLatestWorship() { axios.get(/api/documents/getLatestWorship?moduleIdb01) .then(response > { this.latestWorship response.data; }) .catch(error > { console.error(error); }); }, }, }); app.mount(#gnb-worship);/script>!--button idintroAnimationToggleButton styleposition: fixed; bottom: 200px; right: 200px; z-index: 29999;>Toggle Animation/button>-->/body>/html>
Port 443
HTTP/1.1 200 OKDate: Tue, 19 Nov 2024 09:52:40 GMTContent-Type: text/html; charsetUTF-8Transfer-Encoding: chunkedConnection: keep-aliveX-Powered-By: PHP/8.1.27Set-Cookie: cisessiona%3A5%3A%7Bs%3A10%3A%22session_id%22%3Bs%3A32%3A%220a7a5e3acc1fcfb0ea6d0cdf004f57bb%22%3Bs%3A10%3A%22ip_address%22%3Bs%3A13%3A%22172.71.151.29%22%3Bs%3A10%3A%22user_agent%22%3Bs%3A0%3A%22%22%3Bs%3A13%3A%22last_activity%22%3Bi%3A1732009960%3Bs%3A9%3A%22user_data%22%3Bs%3A0%3A%22%22%3B%7D27052fe49f487398b4418a77078c922f; expiresWed, 20-Nov-2024 09:52:40 GMT; Max-Age86400; path/Set-Cookie: cisessiona%3A5%3A%7Bs%3A10%3A%22session_id%22%3Bs%3A32%3A%22bce77dd30b9d4461fa0418e27d930874%22%3Bs%3A10%3A%22ip_address%22%3Bs%3A13%3A%22172.71.151.29%22%3Bs%3A10%3A%22user_agent%22%3Bs%3A0%3A%22%22%3Bs%3A13%3A%22last_activity%22%3Bi%3A1732009960%3Bs%3A9%3A%22user_data%22%3Bs%3A0%3A%22%22%3B%7Dbb133c41fea1f0a9e2d814bbba04131a; expiresWed, 20-Nov-2024 09:52:40 GMT; Max-Age86400; path/CF-Cache-Status: DYNAMICReport-To: {endpoints:{url:https:\/\/a.nel.cloudflare.com\/report\/v4?scnEvdYfcfS7xdm5my6mq0Go7BZQ4YjTpMaMX%2F5JN08Sszp9VQvJCCyGNstUU7ge%2BUtfwPXdyyJZ53YS8IJGHZBfYTLKGsrfvhU20iwgxLDWPUSX0p1PpRDBRTcw%2F},group:cf-nel,max_age:604800}NEL: {success_fraction:0,report_to:cf-nel,max_age:604800}Server: cloudflareCF-RAY: 8e4f4f0b3af0c38b-SEAalt-svc: h3:443; ma86400server-timing: cfL4;desc?protoTCP&rtt8484&sent5&recv6&lost0&retrans0&sent_bytes2848&recv_bytes721&delivery_rate349505&cwnd252&unsent_bytes0&cida69accfa9c30cbe2&ts360&x0 !DOCTYPE html>html langko>head> meta charsetutf-8 /> meta nameviewport contentwidthdevice-width, initial-scale0.9 /> meta content복음의 빛, 삼덕교회 namedescription /> meta content삼덕교회, 대구교회, 강영롱목사 namekeywords /> meta content nameauthor /> meta propertyog:title content /> meta propertyog:image content /> meta propertyog:url content /> meta propertyog:site_name content /> meta propertyog:description content /> meta nametwitter:title content /> meta nametwitter:image content /> meta nametwitter:url content /> meta nametwitter:card content /> title>삼덕교회/title> link hrefhttps://static-assets.moim.us/common/plugins/fontawesome/6.4.2/css/all.min.css relstylesheet> link hrefhttps://fastly.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css relstylesheet integritysha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH crossoriginanonymous /> link relstylesheet hrefhttps://fastly.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css /> link relstylesheet hrefhttps://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.4/css/lightbox.css integritysha512-Woz+DqWYJ51bpVk5Fv0yES/edIMXjj3Ynda+KWTIkGoynAMHrqTcDUQltbipuiaD5ymEo9520lyoVOo9jCQOCA crossoriginanonymous referrerpolicyno-referrer /> link relstylesheet hrefhttps://cdn.jsdelivr.net/gh/fonts-archive/Pretendard/Pretendard.css typetext/css/> link relstylesheet hrefhttps://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo.css typetext/css/> link relstylesheet hrefhttps://site-assets.moim.us/a1/b0/c0/d81/37163d3b-7e41-455d-b6d0-6e1af8cb51b9/html/assets/css/style_sh.css?20240904 /> link relstylesheet hrefhttps://site-assets.moim.us/a1/b0/c0/d81/37163d3b-7e41-455d-b6d0-6e1af8cb51b9/html/assets/css/board.css.css?20240904 /> link relstylesheet hrefhttps://site-assets.moim.us/a1/b0/c0/d81/37163d3b-7e41-455d-b6d0-6e1af8cb51b9/html/assets/css/layout.css?20240904 /> script src//ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js>/script> script srchttps://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js integritysha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz crossoriginanonymous>/script> link relpreconnect hrefhttps://fonts.googleapis.com> link relpreconnect hrefhttps://fonts.gstatic.com crossorigin> link hrefhttps://fonts.googleapis.com/css2?familyNanum+Gothic:wght@400;700&familyNoto+Sans+KR:wght@100..900&displayswap relstylesheet> script srchttps://unpkg.com/vue@3>/script> script srchttps://unpkg.com/axios/dist/axios.min.js>/script> script srchttps://static-assets.moim.us/tools/analysis.js>/script> script srchttps://site-assets.moim.us/plugins/gsap/gsap.min.js>/script> script srchttps://site-assets.moim.us/plugins/gsap/ScrollTrigger.min.js>/script> script srchttps://site-assets.moim.us/plugins/gsap/SplitText.min.js>/script> script srchttps://site-assets.moim.us/plugins/gsap/DrawSVGPlugin.min.js>/script> script srchttps://site-assets.moim.us/plugins/gsap/MotionPathPlugin.min.js>/script> script srchttps://site-assets.moim.us/plugins/PhotoSwipe/dist/umd/photoswipe.umd.min.js>/script> script srchttps://site-assets.moim.us/plugins/PhotoSwipe/dist/umd/photoswipe-lightbox.umd.min.js>/script> link hrefhttps://site-assets.moim.us/plugins/PhotoSwipe/dist/photoswipe.css relstylesheet> style> body { font-family: Pretendard, Noto Sans KR, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; font-optical-sizing: auto; } header .login-btn button { display: flex; align-items: center; gap:10px; } header .login-btn button .login-icon { display: flex; width: 40px; height: 40px; border-radius: 30px; background: #111; padding-top: 0; justify-content: center; align-items: center; } body { color: var(--bs-body-color) !important; } .main-menu { position: relative; display: inline-block; } .gnb-container { position: relative; width:100%; } header .login-layer ul li, header .login-layer ul a { cursor: pointer; font-size:20px; } @media screen and (min-width: 992px) { body:not(.intro-playing) .gnb-container:hover .sub-menu { /*display: block;*/ max-height: 550px; opacity: 1; } body:not(.intro-playing) .gnb-container:hover .gnb-background { height: 550px; background: var(--bs-body-bg); border-bottom: 1px solid #111; } } .gnb-background { position: absolute;top:0;left:0; background: transparent; height: 100%; width: 100%; border-bottom: 1px solid transparent; transition: height 0.2s, border 0.2s, background 0.2s; } header .logo svg.logo-main-title { transform-origin: center center; } .sub-menu { /*display: none;*/ position: absolute; top: 100%; left: 0; z-index: 10; padding-top: 25px; max-height: 20px; overflow: hidden; opacity: 0; transition: max-height 0.2s, opacity 0.2s; } .sub-menu dd { white-space: nowrap; cursor: pointer; padding: 10px 20px; font-weight: 300; font-size: 20px; color: #828282; margin-left: -20px; } .sub-menu dd:hover { font-weight: 400; color: var(--bs-body-color); } .sub-menu dd::after { content: ; display: block; width: 100%; height: 2px; background: var(--bs-body-color); margin-top: 10px; transform: scaleX(0); transform-origin: left center; transition: transform 0.2s; } .sub-menu dd:hover::after { transform: scaleX(1); } @media (min-width: 1680px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1680px; } } @media (max-width: 567px) { .container { padding-left: 32px; padding-right: 32px; } } @media (max-width: 567px) { .gnb-container-inner { padding-left: 32px; padding-right: 15px !important; } .footer-container { padding-left: 32px; padding-right: 32px; } footer { padding-bottom: 100px; } } footer { padding: 40px 0; margin-top: 242px; display: none; border-top: 1px solid #e8e8e8; } footer.show { display: block } footer .container-xxl { text-align: left; padding-top: 60px; padding-bottom: 60px } footer .lnb ul li { display: inline-block; margin-right: 30px; font-size: 17px; } footer .address { display: inline-block; font-size: 16px; line-height: 160%; font-weight: 200; } footer .address .font-bold { font-weight: 400; } footer .address .sep { color: #ddd; margin: 0 8px; } footer .rights { display: inline-block; font-size: 12px; color: #A6A6A6 } footer .sns-list { text-align: right; display: flex; gap: 10px; padding: 0 5px; } footer .sns-list button { display: inline-flex; font-size: 15px; border: 1px solid var(--bs-border-color); padding: 14px 14px; background: var(--bs-body-bg); max-width: 45%; width: 254px; text-align: left; position: relative; justify-content: space-between; align-items: center; } footer .sns-list button i { content: ; font-size: 30px; color: #B8B8B8; } @media screen and (max-width: 1024px) { footer { margin-top: 50px; } footer .sns-list { text-align: left; margin-bottom: 30px } } @media screen and (max-width: 768px) { .page-menu-title { font-size: 38px; } } /style> link relstylesheet hrefhttps://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css /> script srchttps://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js>/script> script srchttps://site-assets.moim.us/a1/b0/c0/d81/37163d3b-7e41-455d-b6d0-6e1af8cb51b9/html/assets/js/custom.js>/script> script srchttps://static-assets.moim.us/assets/js/common.cms.js>/script> script srchttps://site-assets.moim.us/a1/b0/c0/d81/37163d3b-7e41-455d-b6d0-6e1af8cb51b9/html/assets/js/board.js>/script> script srchttps://site-assets.moim.us/a1/b0/c0/d81/37163d3b-7e41-455d-b6d0-6e1af8cb51b9/html/assets/js/layout.js>/script> script srchttps://site-assets.moim.us/a1/b0/c0/d81/37163d3b-7e41-455d-b6d0-6e1af8cb51b9/html/assets/js/index.js?20240904>/script> script srchttps://static-assets.moim.us/assets/js/jquery-form-3.51.js>/script>/head>body>header> div classgnb-container> div classcontainer gnb-container-inner> div classgnb-background>/div> div classrow> div classcol col-md-2> div classlogo logo-area onclickgo_url(/)> svg width196 height77 viewBox0 0 196 77 fillnone xmlnshttp://www.w3.org/2000/svg classlogo-sub-title preserveAspectRatioxMinYMid> g clip-pathurl(#clip0_1811_7894)> path dM14.7002 15.0449V4.6349H14.1602V15.0449H12.1202V10.0049H5.53516V0.524902H10.9052V2.4149H7.75516V8.0999H12.1202V0.524902H14.1602V2.7299H14.7002V0.524902H16.7552V15.0449H14.7002Z fill#231815 classlogo-text-item /> path dM18.9603 3.03007V1.14007H21.6453V0.195068H23.8503V1.14007H26.5353V3.03007H25.1103C25.7403 3.64507 26.1453 4.51507 26.1453 5.47507C26.1453 7.36507 24.6153 8.89507 22.7403 8.89507C20.8653 8.89507 19.3353 7.36507 19.3353 5.47507C19.3353 4.53007 19.7403 3.64507 20.3703 3.03007H18.9453H18.9603ZM30.1653 13.1401V15.0301H21.1653V10.2901H23.3703V13.1251H30.1653V13.1401ZM22.7403 6.82507C23.4753 6.82507 24.0903 6.24007 24.0903 5.49007C24.0903 4.74007 23.4753 4.15507 22.7403 4.15507C22.0053 4.15507 21.4053 4.75507 21.4053 5.49007C21.4053 6.22507 22.0053 6.82507 22.7403 6.82507ZM30.0003 0.510068V2.71507H31.2603V4.60507H30.0003V10.9201H27.7953V0.510068H30.0003Z fill#231815 classlogo-text-item /> path dM39.9452 15.045V6.99001H38.9102V6.45001C38.2352 7.62001 36.9602 8.40001 35.5202 8.40001C33.3302 8.40001 31.5752 6.63001 31.5752 4.45501C31.5752 2.28001 33.3302 0.51001 35.5202 0.51001C36.9452 0.51001 38.2052 1.27501 38.9102 2.44501V1.93501H39.9452V0.52501H41.8352V15.045H39.9452ZM35.5352 2.56501C34.4852 2.56501 33.6452 3.42001 33.6452 4.45501C33.6452 5.49001 34.4852 6.34501 35.5352 6.34501C36.5852 6.34501 37.4252 5.49001 37.4252 4.45501C37.4252 3.42001 36.5702 2.56501 35.5352 2.56501ZM39.9452 3.84001H39.4352C39.4352 4.05001 39.4652 4.24501 39.4652 4.47001C39.4652 4.69501 39.4352 4.89001 39.4352 5.10001H39.9452V3.84001ZM42.4802 0.52501H44.3702V15.045H42.4802V0.52501Z fill#231815 classlogo-text-item /> path dM51.6746 0L57.5096 6.105L55.8746 7.62L51.6596 3.255L47.4596 7.605L45.8096 6.105L51.6596 0H51.6746ZM57.1946 10.44H52.7696V15.015H50.5646V10.44H46.1396V8.535H57.1946V10.44Z fill#231815 classlogo-text-item /> path dM59.9551 14.0551V12.1501H61.2151V6.79509H63.2701V12.1501H64.3801V6.79509H66.4351V12.1501H67.5451V2.37009H59.9551V0.465088H69.7501V12.1501H70.3801V14.0551H59.9551Z fill#231815 classlogo-text-item /> path dM79.4254 8.25004L76.8754 4.18504L74.3554 8.23504L72.5254 7.11004L75.4504 2.44504H72.9454V0.540039H80.5204V2.43004H78.3154L81.2254 7.11004L79.4254 8.23504V8.25004ZM84.0004 4.33504V9.70504H81.9904C82.5004 10.335 82.8154 11.13 82.8154 12C82.8154 13.965 81.2254 15.54 79.2754 15.54C77.3254 15.54 75.7204 13.965 75.7204 12C75.7204 10.035 77.3104 8.44504 79.2754 8.44504C80.2504 8.44504 81.1504 8.86504 81.8104 9.51004V0.540039H84.0154V2.43004H85.2754V4.33504H84.0154H84.0004ZM79.2754 10.485C78.4504 10.485 77.7604 11.175 77.7604 12C77.7604 12.825 78.4354 13.5 79.2754 13.5C80.1154 13.5 80.7604 12.825 80.7604 12C80.7604 11.175 80.0854 10.485 79.2754 10.485Z fill#231815 classlogo-text-item /> path dM94.02 9.63009V12.1501H98.28V14.0551H87.54V12.1501H91.8V9.63009H88.02V4.11009H95.595V2.37009H88.02V0.465088H97.8V6.00009H90.225V7.74009H97.8V9.63009H94.02Z fill#231815 classlogo-text-item /> path dM105.69 9.03007H109.17V0.510068H111.225V15.0301H109.17V10.9201H100.8V9.03007H103.485V8.22007C102.12 7.74007 101.115 6.49507 101.115 4.92007C101.115 4.08007 101.355 3.43507 101.805 2.86507H100.8V1.14007H103.485V0.195068H105.69V1.14007H108.375V2.88007H107.37C107.805 3.43507 108.045 4.09507 108.045 4.93507C108.045 6.51007 107.04 7.75507 105.675 8.23507V9.04507L105.69 9.03007ZM104.58 6.36007C105.375 6.36007 106.02 5.73007 106.02 4.93507C106.02 4.14007 105.375 3.49507 104.58 3.49507C103.785 3.49507 103.14 4.14007 103.14 4.93507C103.14 5.73007 103.785 6.36007 104.58 6.36007Z fill#231815 classlogo-text-item /> /g> defs> clipPath idclip0_1811_7894> rect width195.615 height76.365 fillwhite /> /clipPath> /defs> /svg> svg width196 height77 viewBox0 0 196 77 fillnone xmlnshttp://www.w3.org/2000/svg classlogo-main-title preserveAspectRatioxMinYMid> g> g classlogo-black-title> path dM26.115 47.055L16.29 38.67V29.04H9.525V38.73L0 47.28L4.515 52.32L12.975 44.73L21.735 52.185L26.115 47.055Z fill#231815 classlogo-text-item /> path dM50.4001 43.4551V36.6901H40.6651V22.9651H33.9001V56.3551H25.8301V76.0201H46.3051V56.3551H40.6651V43.4551H50.4001ZM39.5401 69.2701H32.5801V63.1201H39.5401V69.2701Z fill#231815 classlogo-text-item /> path dM91.9052 23.8801V36.6751H81.2852V43.4401H91.9052V54.9601H98.6702V23.8801H91.9052Z fill#231815 classlogo-text-item /> path dM78.8851 52.0051H59.3701V28.9951H79.0201V35.7601H66.1351V45.2551H78.8851V52.0051Z fill#231815 classlogo-text-item /> path dM98.6698 76.365H91.9048V63.075H74.5498V56.325H98.6698V76.365Z fill#231815 classlogo-text-item /> path dM135.54 49.8599H142.29V27.5249H114.72V34.2899H135.54V49.8599Z fill#231815 classlogo-text-item /> path dM132.99 53.985V44.145H126.225V53.985H122.46V44.145H115.71V53.985H107.37V60.735H147.33V53.985H132.99Z fill#231815 classlogo-text-item /> path dM195.585 53.9851V23.4151H188.82V53.9851H171.75V50.5051C175.545 49.0801 178.26 45.4351 178.26 41.1451C178.26 38.9101 177.51 36.8551 176.265 35.1901H180.48V28.4251H171.045V22.2151H164.28V28.4251H156.24V35.1901H160.26C159.015 36.8551 158.265 38.9101 158.265 41.1451C158.265 45.5101 161.07 49.2001 164.97 50.5651V53.9851H155.64V60.7351H195.585V53.9851ZM165.06 41.1451C165.06 39.3601 166.5 37.9201 168.285 37.9201C170.07 37.9201 171.51 39.3751 171.51 41.1451C171.51 42.9151 170.07 44.3851 168.285 44.3851C166.5 44.3851 165.06 42.9301 165.06 41.1451Z fill#231815 classlogo-text-item /> /g> g classlogo-color-bullet> path dM142.305 27.5249H135.54V34.2749H142.305V27.5249Z fill#00A0E9 classlogo-blue-rect /> path dM66.1351 45.2551H59.3701V52.0201H66.1351V45.2551Z fill#C30D23 classlogo-red-rect /> path dM46.305 56.355H39.54V63.12H46.305V56.355Z fill#F39800 classlogo-yellow-rect /> path dM171.765 53.9851H165V60.7501H171.765V53.9851Z fill#E4007F classlogo-magenta-rect /> /g> /g> /svg> /div> /div> !-- /div>--> div classbtn-mobile-nav col col-md-10 position-relative text-end> button typebutton classmobile-gnb data-bs-togglemodal data-bs-target#mobile_gnb_modal> svg xmlnshttp://www.w3.org/2000/svg width48 height40 viewBox0 0 24 20 fillnone> path dM0 20L-8.74228e-08 18L24 18L24 20L0 20Z fill#4C4C4C /> path dM-7.86805e-07 2L-8.74228e-07 0L24 -1.04907e-06L24 2L-7.86805e-07 2Z fill#4C4C4C /> path dM-3.93402e-07 11L-4.80825e-07 9L24 9L24 11L-3.93402e-07 11Z fill#4C4C4C /> /svg> /button> div classgnb>!-- data-bs-togglemodal data-bs-target#mobile_gnb_modal --> ul> li classmain-menu > h4>예배/h4> div classnav-items sub-menu> dl classstep2-wrap> dd classstep2-title menu-codeb01 onclickgo_url(/home/b01/) stylecursor: pointer> 주일예배 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codeb02 onclickgo_url(/home/b02/) stylecursor: pointer> 수요기도회 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codeb03 onclickgo_url(/home/b03/) stylecursor: pointer> 금요기도회 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codeb06 onclickgo_url(/home/b06/) stylecursor: pointer> 찬양 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codeb05 onclickgo_url(/home/b05/) stylecursor: pointer> 새벽기도회 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codea94 onclickgo_url(/home/a94/) stylecursor: pointer> 바푸너(BAPUNER) /dd> /dl> /div> /li> li classmain-menu > h4>성장/h4> div classnav-items sub-menu> dl classstep2-wrap> dd classstep2-title menu-codec0101 onclickgo_url(/home/c0101/) stylecursor: pointer> 다음세대 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codec04 onclickgo_url(/home/c04/) stylecursor: pointer> 청년 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codec02 onclickgo_url(/home/c02/) stylecursor: pointer> 장년 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codec03 onclickgo_url(/home/c03/read_latest) stylecursor: pointer> 전교인 성경통독 /dd> /dl> /div> /li> li classmain-menu > h4>소통/h4> div classnav-items sub-menu> dl classstep2-wrap> dd classstep2-title menu-coded01 onclickgo_url(/home/d01/) stylecursor: pointer> 신망애 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-coded02 onclickgo_url(/home/d02/) stylecursor: pointer> 주보 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codea90 onclickgo_url(/home/a90/) stylecursor: pointer> 갤러리 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-coded04 onclickgo_url(/home/d04/) stylecursor: pointer> 교회소식 /dd> /dl> /div> /li> li classmain-menu > h4>행정/h4> div classnav-items sub-menu> dl classstep2-wrap> dd classstep2-title menu-codee01 onclickgo_url(/home/e01/) stylecursor: pointer> 새가족 등록 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codee02 onclickgo_url(/home/e02/) stylecursor: pointer> 장소 예약 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codee03 onclickgo_url(/home/e03/) stylecursor: pointer> 헌금 안내 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codee04 onclickgo_url(/home/e04/) stylecursor: pointer> 온라인 센터 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codee05 onclickgo_url(/home/e05/) stylecursor: pointer> 예식 안내 /dd> /dl> /div> /li> li classmain-menu > h4>교회소개/h4> div classnav-items sub-menu> dl classstep2-wrap> dd classstep2-title menu-codea01 onclickgo_url(/home/a01/) stylecursor: pointer> 비전 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codea02 onclickgo_url(/home/a02/) stylecursor: pointer> 역사 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codea03 onclickgo_url(/home/a03/) stylecursor: pointer> 섬기는 사람 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codebuilding onclickgo_url(/home/building/) stylecursor: pointer> 시설안내 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codea05 onclickgo_url(/home/a05/) stylecursor: pointer> 예배안내 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codea87 onclickgo_url(/home/a87/) stylecursor: pointer> 오시는길 /dd> /dl> /div> /li> /ul> /div> div classlogin-btn> button class data-bs-togglecollapse data-bs-target#login-collapse aria-expandedfalse aria-controlslogin-collapse> span classlogin-icon> svg xmlnshttp://www.w3.org/2000/svg width14 height16 viewBox0 0 14 16 fillnone> g clip-pathurl(#clip0_1388_3733)> path dM7 8C8.06087 8 9.07828 7.57857 9.82843 6.82843C10.5786 6.07828 11 5.06087 11 4C11 2.93913 10.5786 1.92172 9.82843 1.17157C9.07828 0.421427 8.06087 0 7 0C5.93913 0 4.92172 0.421427 4.17157 1.17157C3.42143 1.92172 3 2.93913 3 4C3 5.06087 3.42143 6.07828 4.17157 6.82843C4.92172 7.57857 5.93913 8 7 8ZM5.57188 9.5C2.49375 9.5 0 11.9937 0 15.0719C0 15.5844 0.415625 16 0.928125 16H13.0719C13.5844 16 14 15.5844 14 15.0719C14 11.9937 11.5063 9.5 8.42813 9.5H5.57188Z fillwhite /> /g> defs> clipPath idclip0_1388_3733> rect width14 height16 fillwhite /> /clipPath> /defs> /svg> /span> 로그인 /button> /div> div classlogin-layer> div classcollapse collapse-vertical idlogin-collapse stylemin-width: 240px> div classcard card-body stylewidth: 240px> ul > li classbtn-login onclickgo_url(/home/login)> 로그인 /li> li onclickfindId()> i classfa-light fa-file-magnifying-glass>/i> 아이디/패스워드 찾기 /li> /ul> /div> /div> /div> /div> /div> /div> /div>/header>div idscroll_trigger>/div>div classmain-container> div classsub-layout-container> script>var plugin_vars {site_idx:81,menu_uid:,module_idx:85,parent_idx:-1,mid:index,name:,ord:41,depth:0,layout:normal,view:,template_id:null,menu_num:,is_display:Y,ext_url:,plugin:page,plugin_type:page,extra:null,is_del:N,created_date:2024-05-26 18:11:52,edited_date:null,deleted_date:null,data:null,vars:{},hierarchy:{module_idx:85,parent_idx:-1,mid:index,name:,menu_num:,depth:0},_view_url:site_program\/plugin_views\/page\/,_module_url:\/home\/index,_module_uri:http:\/\/samduk.org\/home\/index,_domain:samduk};document.addEventListener(DOMContentLoaded, function() { setTimeout(() > { if(typeof setTheme ! undefined && typeof getStoredTheme ! undefined){ if(plugin_vars.view video){ setTheme(dark); setStoredTheme(dark); }else{ setTheme(light); setStoredTheme(light); } } }, 500);});/script>style> :root { --main-top-padding: 310px; } header, footer, section { padding-right: 100px; } .section-title h2 { font-size: 60px; margin-bottom: 20px; } .section-title .comment { width: 200px; font-size: 24px; } .gallery-slider .gallery-wrap { text-align: left; margin-right: 50px; padding-bottom: 60px; } .gallery-slider .gallery-wrap .gallery-img { /*width: calc(100vw - 24px);*/ width: 100%; /*max-width: 480px;*/ height: 480px; display: inline-block; } .gallery-slider .gallery-wrap .gallery-title { font-size: 24px; font-weight: 700; display: block; margin-top: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; /*width: calc(100vw - 24px);*/ /*max-width: 480px;*/ cursor: pointer; } .gallery-slider .gallery-wrap .gallery-date { color: #a6a6a6; display: block; } @media screen and (max-width: 1440px) { .gallery-slider .gallery-wrap .gallery-img { height: 300px; } } @media screen and (max-width: 991px) { .container-xxl { padding-left: 8%; padding-right: 8%; } section ul li.card-item .card-description { font-size: 13px; } .section-title h2 { font-size: 28px; margin-bottom:0; } .section-title .comment { width: auto; font-size: 0.8rem; line-height: 150%; } :root { --main-top-padding: 150px; } header, footer, section { padding-right: 0; } /*.section-4 .grow-wrap ul li .grow-img img */ .section-6 { padding: 50px 0; } .gallery-slider .gallery-wrap { margin-top: 30px; } .button-area { padding: 0; } .button-area svg { width: 20px; height: 20px; } .gallery-slider .gallery-wrap .gallery-title { font-size: 20px; } } section ul li.card-item { overflow: hidden; } section ul li.card-item .card-description { font-size: 16px; word-break: keep-all; } section ul li .photo-background { position: absolute; bottom: 0; left: 50% !important; width: 350px; transform: translateX(-50%); } section ul li .photo-background img { width: 400px; }/style>style> .section-1 { height: 100vh; max-height: 1050px; } .section-1 .swiper-slide { height: calc(100vh); max-height: 1050px; /*height: calc(100vh - var(--main-top-padding));*/ } .section-1 .container-xxl { height: 100%; /*padding-top: 250px;*/ padding-top: 0; position: relative; } .section-1 .main-img-title { background-repeat: no-repeat; margin: auto; width: 1129px; position: relative; max-width: 75%; left: 0; top: 0; z-index: 999; opacity: 1; padding-top: var(--main-top-padding); } .section-1 .main-img-title svg { width: 100%; } .section-1 .main-subtitle { font-size: 22px; font-weight: 700; } .section-1 .main-title { font-size: 26px; font-weight: 700; word-break: keep-all; } .main-rel { width: 100%; display: flex; justify-content: end; margin-top: 80px; } .main-rel > div { width: 400px; } .main-img { position: absolute; right: 0; bottom: 0; z-index: -1; width: 750px; height: 100%; } .main-img svg { width: 100%; height: 100%; } .main-img svg path{ opacity: 0.3; } .pagination-area { position: absolute; width: 100%; top: 800px; left: 0; } .pagination-area > div { width: 1120px; margin: auto; } .swiper-pagination { position: relative; display: flex; } @media screen and (max-width: 991px) { .section-1 { overflow: hidden; } .section-1 .container-xxl { /*padding-top: 150px;*/ padding-top: 0; } .popup-container { top: 100%; width: 100%; opacity: 0; position: fixed; } } /* mobile */ @media screen and (max-width: 767px) { .section-1 { max-height: 800px; } .section-1 .swiper-slide { height: calc(100vw * 1.84); max-height: 800px; /*max-height: calc(800px - 150px);*/ } .section-1 .main-img-title { width: 80%; max-width: 80%; margin: 15% auto 0 auto; padding-top: var(--main-top-padding); } .section-1 .main-img-title svg { width: 100%; height: 100%; max-height: 200px; } .main-img { position: absolute; /*right: 44px;*/ right: 0; bottom: 0; z-index: -1; width: 75%; /*height: 50%;*/ } .main-rel { margin: 40px auto 0 auto; display: block; position: relative; left: 0; top: 0; } .main-rel .main-subtitle { font-size: 15px; } .main-rel .main-title { font-size: 17px; } .pagination-area { position: absolute; width: 100%; top: unset; left: 0; bottom: 100px; } .pagination-area > div { width: 80%; margin: 10px auto; } } /* mobile */ @media screen and (max-width: 575px) { .section-1 .container-xxl { padding: 0; } .section-1 .container-xxl .row{ margin: 0; } } .swiper-pagination-bullet { width: 31px; height: 31px; display: flex; justify-content: center; align-items: center; border: 0; border-radius: 0; background: transparent; } .swiper-pagination-bullet.swiper-pagination-bullet-active { border: 1px solid #D3D3D3; }/style>section classsection-1> div classcontainer> div classrow> div classmain-slider swiper> div classswiper-wrapper> div classswiper-slide> div classmain-img-title> svg width802 height360 viewBox0 0 802 360 fillnone xmlnshttp://www.w3.org/2000/svg> g filterurl(#filter0_d_2890_269)> path dM143.438 10.2109V170.172H121.992V10.2109H143.438ZM110.742 12.4961V162.789H89.6484V113.219H70.8398C64.8633 128.775 54.4043 137.652 40.957 137.652C19.8633 137.652 6.15234 115.504 6.15234 79.4688C6.15234 43.6094 19.8633 21.6367 40.957 21.6367C54.3164 21.6367 64.7754 30.3379 70.8398 45.7188H89.6484V12.4961H110.742ZM40.957 42.7305C31.6406 42.7305 26.3672 55.0352 26.543 79.4688C26.3672 104.078 31.6406 116.207 40.957 116.031C50.2734 116.207 55.8984 104.078 55.8984 79.4688C55.8984 55.0352 50.0977 42.7305 40.957 42.7305ZM75.2344 63.6484C75.9375 68.5703 76.2891 73.8438 76.2891 79.4688C76.2891 85.0059 75.9375 90.2793 75.2344 95.1133H89.6484V63.6484H75.2344ZM241.615 22.6914C241.615 41.5 260.775 62.418 297.513 66.9883L288.724 85.0938C260.775 81.0508 240.296 68.1309 229.837 50.8164C219.291 68.1309 198.988 81.0508 171.302 85.0938L162.337 66.9883C198.724 62.418 218.06 41.5 218.06 22.6914V14.957H241.615V22.6914ZM302.611 97.2227V115.504H240.384V170.172H218.236V115.504H156.712V97.2227H302.611ZM360.534 20.9336C385.847 20.7578 404.831 37.2812 404.831 60.1328C404.831 83.1602 385.847 99.5078 360.534 99.5078C335.222 99.5078 316.062 83.1602 316.062 60.1328C316.062 37.2812 335.222 20.7578 360.534 20.9336ZM360.534 40.2695C347.878 40.2695 338.21 47.6523 338.386 60.1328C338.21 72.7891 347.878 79.9961 360.534 79.9961C373.191 79.9961 382.859 72.7891 383.034 60.1328C382.859 47.6523 373.366 40.2695 360.534 40.2695ZM443.152 10.2109V170.523H420.827V10.2109H443.152ZM309.382 119.547C337.859 119.723 377.409 119.195 411.687 114.449L413.445 130.621C377.937 137.477 339.968 137.828 312.019 137.828L309.382 119.547ZM644.428 83.8633V101.969H498.53V83.8633H644.428ZM571.303 110.934C605.932 110.934 626.85 121.832 627.026 140.641C626.85 159.625 605.932 170.172 571.303 170.172C536.323 170.172 515.229 159.625 515.229 140.641C515.229 121.832 536.323 110.934 571.303 110.934ZM571.303 128.336C549.155 128.336 537.905 132.203 538.08 140.641C537.905 148.902 549.155 152.77 571.303 152.77C592.924 152.77 604.35 148.902 604.526 140.641C604.35 132.203 592.924 128.336 571.303 128.336ZM631.245 17.5938V35.5234H587.651C591.254 46.6855 607.514 57.7598 638.276 60.4844L630.366 78.0625C600.219 75.1621 579.829 63.7363 571.303 48.1797C562.866 63.7363 542.827 75.1621 512.416 78.0625L505.034 60.4844C535.092 57.7598 551.528 46.7734 555.307 35.5234H511.889V17.5938H631.245ZM784.441 10.3867V125.348H761.941V10.3867H784.441ZM788.66 149.43V167.359H677.215V113.746H699.891V149.43H788.66ZM696.727 20.582C721.336 20.582 740.496 37.457 740.496 60.8359C740.496 84.7422 721.336 101.441 696.727 101.441C672.117 101.441 652.957 84.7422 652.957 60.8359C652.957 37.457 672.117 20.582 696.727 20.582ZM696.727 40.0938C684.246 39.918 674.754 47.8281 674.93 60.8359C674.754 74.1953 684.246 81.9297 696.727 81.9297C708.855 81.9297 718.348 74.1953 718.348 60.8359C718.348 47.8281 708.855 39.918 696.727 40.0938ZM56.0742 230.465C56.0742 256.305 63.2812 283.023 85.0781 297.086L72.9492 314.488C59.1504 306.139 50.3613 292.428 45.3516 275.992C39.5508 294.098 29.9707 309.215 15.4688 318.004L1.75781 301.48C25.4883 286.715 34.2773 258.59 34.2773 231.52V203.922H56.0742V230.465ZM143.438 190.211V350.172H121.992V190.211H143.438ZM109.863 192.496V342.789H88.9453V262.457H68.2031V244.176H88.9453V192.496H109.863ZM215.072 215.348C215.072 234.684 226.322 253.316 251.634 261.227L239.681 278.629C222.718 273.004 210.853 262.105 203.998 248.043C197.054 264.215 184.662 276.871 166.38 283.023L154.252 265.445C180.97 256.48 192.396 235.211 192.572 213.238V198.648H215.072V215.348ZM283.627 190.211V227.652H305.248V246.285H283.627V285.133H261.127V190.211H283.627ZM231.244 288.297C264.291 288.297 285.209 299.723 285.209 319.234C285.209 338.922 264.291 350.172 231.244 350.172C197.494 350.172 176.4 338.922 176.4 319.234C176.4 299.723 197.494 288.297 231.244 288.297ZM231.244 305.875C210.15 305.875 198.724 310.445 198.9 319.234C198.724 328.375 210.15 332.594 231.244 332.594C251.986 332.594 263.06 328.375 263.06 319.234C263.06 310.445 251.986 305.875 231.244 305.875ZM360.534 200.934C385.847 200.758 404.831 217.281 404.831 240.133C404.831 263.16 385.847 279.508 360.534 279.508C335.222 279.508 316.062 263.16 316.062 240.133C316.062 217.281 335.222 200.758 360.534 200.934ZM360.534 220.27C347.878 220.27 338.21 227.652 338.386 240.133C338.21 252.789 347.878 259.996 360.534 259.996C373.191 259.996 382.859 252.789 383.034 240.133C382.859 227.652 373.366 220.27 360.534 220.27ZM443.152 190.211V350.523H420.827V190.211H443.152ZM309.382 299.547C337.859 299.723 377.409 299.195 411.687 294.449L413.445 310.621C377.937 317.477 339.968 317.828 312.019 317.828L309.382 299.547ZM632.475 190.211V350.523H609.799V190.211H632.475ZM545.639 201.461C569.721 201.461 587.651 223.609 587.651 258.414C587.651 293.57 569.721 315.543 545.639 315.543C521.03 315.543 503.1 293.57 503.276 258.414C503.1 223.609 521.03 201.461 545.639 201.461ZM545.639 221.676C533.159 221.676 524.897 234.684 524.897 258.414C524.897 282.32 533.159 295.152 545.639 295.152C557.768 295.152 566.03 282.32 566.03 258.414C566.03 234.684 557.768 221.676 545.639 221.676ZM796.395 260.348V278.805H734.344V293.922H712.02V278.805H650.496V260.348H796.395ZM734.52 303.238C734.52 316.422 750.691 329.605 786.023 332.594L779.168 349.469C751.834 347.008 732.586 338.043 722.918 325.035C713.162 337.779 694.266 347.008 667.371 349.469L659.812 332.594C694.617 329.605 711.316 315.719 711.492 303.238V300.074H734.52V303.238ZM723.445 192.145C759.305 192.145 781.453 203.043 781.629 222.203C781.453 241.363 759.305 252.438 723.445 252.438C687.762 252.438 665.086 241.363 665.086 222.203C665.086 203.043 687.762 192.145 723.445 192.145ZM723.445 208.668C700.77 208.668 688.289 213.414 688.465 222.203C688.289 230.816 700.77 235.387 723.445 235.387C745.77 235.387 758.426 230.816 758.426 222.203C758.426 213.414 745.77 208.668 723.445 208.668Z fill#111111/> /g> path dM143.5 10H122V31.5H143.5V10Z fill#F39800/> path dM283.6 190H261V213H283.6V190Z fill#00A0E9/> path dM632.6 190H610V213H632.6V190Z fill#E4007F/> path dM516 84H498V102H516V84Z fill#C30D23/> defs> filter idfilter0_d_2890_269 x0.757812 y9.21094 width796.637 height342.312 filterUnitsuserSpaceOnUse color-interpolation-filterssRGB> feFlood flood-opacity0 resultBackgroundImageFix/> feColorMatrix inSourceAlpha typematrix values0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0 resulthardAlpha/> feOffset/> feGaussianBlur stdDeviation0.5/> feComposite in2hardAlpha operatorout/> feColorMatrix typematrix values0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0/> feBlend modenormal in2BackgroundImageFix resulteffect1_dropShadow_2890_269/> feBlend modenormal inSourceGraphic in2effect1_dropShadow_2890_269 resultshape/> /filter> /defs> /svg> div classmain-rel> div> div classmain-subtitle>2024년 교회 표어/div> div classmain-title>땅 끝까지 이르러 내 증인이 되리라br/> 행 1:8/div> /div> /div> /div> div classmain-img> svg width700 height1074 viewBox0 0 700 1074 fillnone xmlnshttp://www.w3.org/2000/svg> path dM2 962.808C2 962.808 159.767 1047.88 170.837 1030.6C181.907 1013.31 75.769 903.938 78.8829 901.604C81.9968 899.27 132.598 855.697 139.605 808.498C146.611 761.3 156.731 718.24 163.224 699.302C169.716 680.363 178.529 663.51 203.969 636.012C229.41 608.515 277.661 548.089 281.039 513.075C284.418 478.061 284.418 439.935 308.8 439.157C333.182 438.379 345.124 465.347 342.788 487.398C340.453 509.449 337.339 554.578 335.268 563.137C333.197 571.696 294.787 615.269 270.39 597.886C265.983 578.434 336.561 550.937 336.561 550.937C336.561 550.937 337.074 524.995 382.226 471.572C427.378 418.149 472.359 400.33 489.143 383.041C505.927 365.752 574.776 310.944 592.417 323.393C592.417 323.393 596.433 326.599 595.188 333.384C593.942 340.169 573.904 381.143 549.351 394.977C524.797 408.811 433.793 467.246 422.022 499.412C410.252 531.578 384.313 599.007 374.27 591.055C364.228 583.103 425.136 502.524 432.392 491.802C439.647 481.08 433.435 468.288 453.847 450.299C474.258 432.31 501.599 409.839 522.696 396.347C543.792 382.855 591.887 339.282 614.043 319.923C636.198 300.564 646.926 297.467 664.224 301.607C681.522 305.746 668.381 344.837 668.381 344.837C668.381 344.837 660.939 366.017 651.083 366.53C641.227 367.044 633.178 364.196 623.571 376.91C613.965 389.624 539.667 497.342 513.027 511.861C486.387 526.38 467.361 553.707 460.433 562.872C453.504 572.038 447.292 585.001 441.064 610.429C434.836 635.857 431.722 632.558 425.152 649.504C418.581 666.451 409.068 696.703 411.31 714.864C413.552 733.024 423.252 745.473 430.165 747.372C437.078 749.271 450.063 740.976 453.52 723.858C456.976 706.74 465.975 687.724 465.975 687.724C465.975 687.724 535.868 591.413 551.437 572.054C567.007 552.695 569.249 546.642 581.02 525.198C592.79 503.753 622.186 454.999 634.299 450.844C634.299 450.844 650.382 446.86 648.997 483.523C647.611 520.187 611.629 558.219 578.419 647.435C545.209 736.65 554.551 796.827 562.85 809.276C571.148 821.726 581.533 840.4 608.516 830.02C608.516 830.02 638.098 866.855 615.257 890.711C592.417 914.567 565.948 935.84 522.882 909.385C479.817 882.93 538.966 795.271 538.966 795.271C538.966 795.271 440.363 951.402 402.996 984.081C365.629 1016.76 333.976 1042.7 302.307 1031.28C270.639 1019.86 233.287 987.193 253.528 972.659C273.768 958.124 325.148 981.482 294.009 1041.64C262.869 1101.81 446.591 1058.76 483.958 1030.24C521.325 1001.71 634.47 907.813 604.358 825.336C604.358 825.336 561.807 794.726 537.409 771.384C513.011 748.041 513.541 720.544 532.224 717.431C550.908 714.319 595.017 717.945 604.358 737.661C613.7 757.378 608.375 778.9 598.006 778.511C587.637 778.122 583.993 734.549 607.862 709.65C631.73 684.752 641.072 679.57 641.072 675.539C641.072 671.509 633.801 621.073 647.175 603.831C647.175 603.831 638.347 589.561 637.055 563.246C635.762 536.931 645.618 500.221 648.607 497.373C651.597 494.525 660.409 497.249 663.788 501.528C667.166 505.808 675.2 514.631 677.536 537.834C677.536 537.834 683.764 503.894 678.75 489.374C673.737 474.855 665.952 472.77 665.952 472.77C665.952 472.77 685.679 452.54 681.008 434.908C676.337 417.277 659.21 412.251 651.939 413.807C644.668 415.363 629.27 434.037 637.755 450.47C637.755 450.47 661.452 415.721 661.795 402.742C662.137 389.764 649.339 365.223 653.138 356.929C656.937 348.634 668.194 337.57 675.979 352.603C683.764 367.635 699.847 617.323 697.776 676.457C697.776 676.457 698.461 682.853 697.434 689.949C696.406 697.045 687.407 724.699 675.465 741.303C663.523 757.907 623.431 822.442 608.858 831.218 strokeblack stroke-width3 stroke-linecapround stroke-linejoinround/> /svg> /div> /div> div classswiper-slide> div classmain-img-title> svg width954 height360 viewBox0 0 954 360 fillnone xmlnshttp://www.w3.org/2000/svg> g filterurl(#filter0_d_2890_186)> path dM89.6484 22.6914C89.6484 41.5 108.809 62.418 145.547 66.9883L136.758 85.0938C108.809 81.0508 88.3301 68.1309 77.8711 50.8164C67.3242 68.1309 47.0215 81.0508 19.3359 85.0938L10.3711 66.9883C46.7578 62.418 66.0938 41.5 66.0938 22.6914V14.957H89.6484V22.6914ZM150.645 97.2227V115.504H88.418V170.172H66.2695V115.504H4.74609V97.2227H150.645ZM291.537 10.2109V106.891H269.212V75.4258H248.47V57.1445H269.212V10.2109H291.537ZM291.537 113.746V168.414H183.959V113.746H291.537ZM206.459 131.324V150.484H269.564V131.324H206.459ZM251.283 24.0977V42.0273H157.064V24.0977H193.275V8.80469H215.423V24.0977H251.283ZM204.349 47.3008C226.849 47.3008 242.67 59.2539 242.67 75.9531C242.67 93.3555 226.849 104.957 204.349 104.957C182.025 104.957 165.853 93.3555 165.853 75.9531C165.853 59.2539 182.025 47.3008 204.349 47.3008ZM204.349 64.1758C193.978 64.1758 187.298 68.3945 187.474 75.9531C187.298 84.0391 193.978 88.4336 204.349 88.4336C214.545 88.4336 221.224 84.0391 221.224 75.9531C221.224 68.3945 214.545 64.1758 204.349 64.1758ZM359.831 38.6875C359.831 55.9141 368.796 73.1406 390.066 81.2266L378.112 98.2773C364.489 93.0918 355.085 83.5996 349.284 71.7344C343.484 85.6211 333.464 97.2227 318.523 103.375L306.394 86.1484C328.894 76.3047 338.034 56.6172 338.034 38.6875V19.8789H359.831V38.6875ZM446.14 10.3867V108.121H424.87V67.5156H411.511V103.199H390.593V13.1992H411.511V49.4102H424.87V10.3867H446.14ZM391.472 110.406C425.222 110.406 446.843 121.656 447.019 140.289C446.843 158.922 425.222 170.172 391.472 170.172C357.546 170.172 336.101 158.922 336.101 140.289C336.101 121.656 357.546 110.406 391.472 110.406ZM391.472 127.105C370.554 127.105 358.425 131.676 358.601 140.289C358.425 148.902 370.554 153.297 391.472 153.297C412.214 153.297 424.343 148.902 424.343 140.289C424.343 131.676 412.214 127.105 391.472 127.105ZM533.595 12.4961C570.333 12.4961 591.602 22.1641 591.778 39.7422C591.602 57.4961 570.333 67.1641 533.595 67.1641C496.68 67.1641 475.235 57.4961 475.235 39.7422C475.235 22.1641 496.68 12.4961 533.595 12.4961ZM533.595 28.8438C510.04 28.8438 498.614 32.7109 498.79 39.7422C498.614 47.6523 510.04 50.6406 533.595 50.6406C557.325 50.6406 568.575 47.6523 568.575 39.7422C568.575 32.7109 557.325 28.8438 533.595 28.8438ZM606.544 74.7227V92.4766H460.645V74.7227H606.544ZM588.79 101.793V142.574H499.669V152.242H593.009V169.117H477.696V126.93H566.641V118.141H477.52V101.793H588.79ZM702.703 16.8906C727.137 16.7148 744.891 30.6016 744.891 50.8164C744.891 70.8555 727.137 84.918 702.703 84.7422C678.27 84.918 660.516 70.8555 660.691 50.8164C660.516 30.6016 678.27 16.7148 702.703 16.8906ZM702.703 34.8203C690.75 34.8203 682.312 40.6211 682.312 50.8164C682.312 60.8359 690.75 66.6367 702.703 66.4609C715.008 66.6367 723.621 60.8359 723.621 50.8164C723.621 40.6211 715.008 34.8203 702.703 34.8203ZM785.32 10.3867V170.172H763.172V10.3867H785.32ZM650.848 94.5859C679.148 94.5859 719.402 93.8828 753.504 88.7852L754.91 105.309C741.727 107.945 728.191 109.615 714.832 110.582V165.426H692.508V111.988C678.445 112.604 665.174 112.691 653.66 112.867L650.848 94.5859ZM929.377 10.3867V59.4297H950.998V77.7109H929.377V129.742H906.877V10.3867H929.377ZM897.384 27.0859V44.8398H802.463V27.0859H838.849V10.0352H861.173V27.0859H897.384ZM849.923 50.4648C873.127 50.4648 889.298 62.9453 889.298 81.4023C889.298 99.8594 873.127 111.988 849.923 111.988C826.545 111.988 810.197 99.8594 810.197 81.4023C810.197 62.9453 826.545 50.4648 849.923 50.4648ZM849.923 67.5156C839.201 67.6914 831.994 72.6133 832.17 81.4023C831.994 90.1914 839.201 94.9375 849.923 94.9375C860.646 94.9375 868.029 90.1914 868.029 81.4023C868.029 72.6133 860.646 67.6914 849.923 67.5156ZM935.177 149.43V167.359H825.666V120.602H847.99V149.43H935.177ZM139.219 190.211V350.172H116.543V190.211H139.219ZM91.2305 206.91C91.2305 255.426 74.1797 295.68 17.0508 322.75L5.27344 304.82C46.582 285.309 64.7754 259.996 68.3789 224.488H13.8867V206.91H91.2305ZM287.142 261.754V279.508H240.736V313.609H303.138V331.891H156.712V313.609H218.412V279.508H173.939V201.461H285.912V219.391H196.439V261.754H287.142ZM443.152 190.211V350.172H420.827V190.211H443.152ZM309.382 304.996C321.599 304.908 335.573 304.908 350.163 304.469V290.934C332.585 287.857 321.159 276.959 321.335 261.93C321.159 244 337.507 231.871 361.062 231.871C384.792 231.871 401.316 244 401.316 261.93C401.316 276.871 389.89 287.77 372.312 290.934V303.766C385.671 303.15 399.206 302.096 412.038 300.426L413.62 316.949C378.64 322.926 340.847 323.277 312.37 323.277L309.382 304.996ZM409.753 207.965V225.543H312.546V207.965H350.163V190.914H372.487V207.965H409.753ZM361.062 248.922C350.163 248.922 342.429 253.668 342.605 261.93C342.429 270.367 350.163 274.938 361.062 274.938C372.312 274.938 379.87 270.367 379.87 261.93C379.87 253.668 372.312 248.922 361.062 248.922Z fillblack/> /g> path dM23 97H4V116H23V97Z fill#F39800/> path dM139 190H116V213H139V190Z fill#00A0E9/> path dM444 190H421V213H444V190Z fill#E4007F/> path dM446 10H425V31H446V10Z fill#C30D23/> defs> filter idfilter0_d_2890_186 x3.74609 y7.80469 width948.252 height343.367 filterUnitsuserSpaceOnUse color-interpolation-filterssRGB> feFlood flood-opacity0 resultBackgroundImageFix/> feColorMatrix inSourceAlpha typematrix values0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0 resulthardAlpha/> feOffset/> feGaussianBlur stdDeviation0.5/> feComposite in2hardAlpha operatorout/> feColorMatrix typematrix values0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0/> feBlend modenormal in2BackgroundImageFix resulteffect1_dropShadow_2890_186/> feBlend modenormal inSourceGraphic in2effect1_dropShadow_2890_186 resultshape/> /filter> /defs> /svg> div classmain-rel> div> div classmain-subtitle>수험생을 위한 기도회/div> div classmain-title>11월 14일 (목)/div> /div> /div> /div> div classmain-img> svg width909 height338 viewBox0 0 909 338 fillnone xmlnshttp://www.w3.org/2000/svg> path dM908 139C908 139 903.706 135.5 890.5 135.5C878 135.5 866 135.5 859.5 137C856 137.808 852 141 852 147.5C852 159.5 841.247 328.395 827 334.5C820 337.5 808.314 335.35 806.5 332.5C803 327 801 313 801 304.5C801 231.211 776.91 139.398 792.501 135.5C802.5 133 818 134 822.5 135.5C827.001 137 830.25 141.961 824 164C814.5 197.5 796.303 242.52 787 297C783.5 317.5 773 333.315 765 334.5C757 335.685 750.5 336 741.5 332.5C732.5 329 728.5 316 730 294.5C732.795 254.445 733.681 138.046 751.501 135.5C765.5 133.5 777.501 131 761.001 170C744.501 209 694.5 265.5 558.5 236.5C547.167 233 520.201 222.2 513.001 221C505.801 219.8 531.632 237.822 556.001 244C591.5 253 702.1 277.3 714.5 236.5C730 185.5 735.5 139 717 118.5C702.2 102.1 638.833 67 609 51.5C603 48.8334 587.499 47.1 573.5 61.5C556.001 79.5 499 86.0001 497.5 98.5001C496 111 497 127.5 473 129C449 130.5 439 125 434.5 137.5C430 150 431 172 441 166C451 160 445.5 128 425 126C404.5 124 361 121.5 349 132.5C337 143.5 348 158.5 355.5 157.5C363 156.5 379.5 161.5 384.5 152C389.5 142.5 388.5 132 382 130.5C375.5 129 347 123 340.5 137.5C334 152 339.5 172 372.5 175.5C405.5 179 495.001 193.5 484 224.5C479.653 231.333 463.666 238.4 434.5 212C428 205.333 420.8 194.9 444 206.5C473 221 406.5 244 366 184C366 184 376.5 208.4 368.5 212C357 217.175 344 214.5 327.5 194C311 173.5 317 156.949 333 156C329.834 144.667 331.6 121.3 364 118.5C396.4 115.7 412.5 115 416.5 115L626 32.5001C627.5 26.8334 626.8 13.1001 612 3.50011L591.5 10.5001C596.5 12.8334 606 21.2001 604 36.0001C602.5 29.8334 596.2 16.6001 583 13.0001L368.5 96.0001C364.834 102.167 353.1 114.9 335.5 116.5C342.167 113.5 357.2 103.8 364 89.0001C370.8 74.2001 375.5 70 379 68.0001L372.5 85.5001C380.333 86.1667 400.8 80.3 420 51.5C420 51.5 416.5 62.1669 422 64.0001C426.5 65.5 437 59.5 475 44.5C513 29.5 548.5 17.5 548.5 17.5L519.5 7.5001C512.833 5.5001 495.3 1.7001 478.5 2.5001C461.7 3.3001 428.833 6.16677 414.5 7.5001C406.667 7.66674 388.6 10.9 379 22.5C367 37 349 44 336.5 56C331.179 61.1078 314.167 83.3333 306 93.5C304.167 96.1667 302.6 103.7 311 104.5C319.4 105.3 330.833 88.5 335.5 80C335.167 77.8333 333.2 74 328 76C322.8 78 312.167 92.5 307.5 99.5C303.496 105.667 301.091 118.3 323.5 119.5C309 124.5 276 138.5 260 154.5C259 155.167 257.8 157 261 159C265 161.5 259 164 254.5 162.5C250 161 252.5 157 253.5 154.5C254.5 152 286.001 120 303.001 124.5C320.001 129 324.001 159 309.501 159C295.001 159 285.001 166 240.501 167C204.901 167.8 190.667 173 188.001 175.5C180.334 179 166.601 180.6 173.001 159C181.001 132 162 162 151 167C140 172 121 184.5 140.5 148.5C160 112.5 112.5 196 86 187.5C59.5 179 104 83.5 130 88C156 92.5 93.0005 174.5 61.5005 172C58.6671 171.167 55.0005 166.8 63.0005 156C73.0005 142.5 26.0003 189.5 12.0003 183.5C-1.99965 177.5 19.0003 138.5 24.0003 127.5C29.0003 116.5 27.5 110.5 1.5 136.5 strokeblack stroke-width3/> /svg> /div> /div> div classswiper-slide> div classmain-img-title style> svg width709 height360 viewBox0 0 709 360 fillnone xmlnshttp://www.w3.org/2000/svg> g filterurl(#filter0_d_2890_405)> path dM143.086 10.2109V170.172H121.816V89.8398H106.348V162.438H85.7812V12.8477H106.348V71.9102H121.816V10.2109H143.086ZM68.9062 28.668V46.7734H31.8164V114.977C47.2852 114.889 60.9961 114.098 76.4648 111.285L78.0469 129.566C58.5352 133.258 41.4844 133.785 20.3906 133.961H9.31641V28.668H68.9062ZM290.658 10.3867V105.133H268.158V10.3867H290.658ZM239.154 19.5273V67.5156H187.123V81.4023C213.841 81.3145 232.65 80.5234 254.271 77.0078L257.084 94.9375C232.474 98.8047 211.029 99.6836 179.212 99.6836H165.15V50.4648H216.83V37.1055H164.974V19.5273H239.154ZM290.658 112.164V168.414H183.431V112.164H290.658ZM205.58 129.918V150.484H268.685V129.918H205.58ZM400.085 16.3633V34.293H368.269C368.884 50.2891 380.486 66.9883 404.831 74.0195L394.46 91.7734C376.443 86.5879 364.05 75.9531 357.019 62.5938C349.724 77.3594 336.716 89.4883 318.171 95.1133L307.273 77.7109C332.321 69.7129 344.802 51.2559 345.769 34.293H313.425V16.3633H400.085ZM443.503 10.2109V91.5977H421.179V60.8359H396.042V43.082H421.179V10.2109H443.503ZM443.503 97.75V140.992H359.655V151.188H448.249V168.59H337.155V124.645H421.179V115.504H336.98V97.75H443.503ZM31.9922 334H3.51562L47.6367 206.734H81.5625L125.508 334H97.207L87.7148 304.645H41.6602L31.9922 334ZM48.3398 284.078H81.0352L65.0391 235.387H64.1602L48.3398 284.078ZM181.146 334H136.322V206.734H181.673C219.994 206.734 243.373 230.641 243.373 270.191C243.373 310.094 219.994 334 181.146 334ZM162.689 311.324H180.091C204.349 311.324 217.005 298.668 217.005 270.191C217.005 241.891 204.349 229.41 180.267 229.41H162.689V311.324ZM274.05 206.734L304.988 303.766H306.218L337.331 206.734H366.511L322.566 334H288.64L244.519 206.734H274.05ZM377.325 334V206.734H462.755V228.531H403.692V259.469H458.36V281.266H403.692V312.203H462.93V334H377.325ZM585.893 206.734V334H563.041L507.143 253.141H506.088V334H479.721V206.734H502.924L558.471 287.594H559.702V206.734H585.893ZM598.816 228.531V206.734H703.055V228.531H664.031V334H637.84V228.531H598.816Z fillblack/> /g> path dM143 10H122V31H143V10Z fill#F39800/> path dM463 312H441V334H463V312Z fill#00A0E9/> path dM703 207H681V229H703V207Z fill#E4007F/> path dM443 10H421V32H443V10Z fill#C30D23/> defs> filter idfilter0_d_2890_405 x2.51562 y9.21094 width701.539 height325.789 filterUnitsuserSpaceOnUse color-interpolation-filterssRGB> feFlood flood-opacity0 resultBackgroundImageFix/> feColorMatrix inSourceAlpha typematrix values0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0 resulthardAlpha/> feOffset/> feGaussianBlur stdDeviation0.5/> feComposite in2hardAlpha operatorout/> feColorMatrix typematrix values0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0/> feBlend modenormal in2BackgroundImageFix resulteffect1_dropShadow_2890_405/> feBlend modenormal inSourceGraphic in2effect1_dropShadow_2890_405 resultshape/> /filter> /defs> /svg> div classmain-rel> div> div classmain-subtitle>대림절/div> div classmain-title>12월 1일 (주일) 성찬식/div> /div> /div> /div> div classmain-img> svg width688 height579 viewBox0 0 688 579 fillnone xmlnshttp://www.w3.org/2000/svg> path dM687 511.675C673.189 507.428 632.817 508.49 609.444 511.675C586.071 514.86 556.855 516.983 556.324 492.564C556.052 480.053 556.055 444.807 556.14 411.876C556.155 405.506 551.544 400.197 544.638 400.197C534.014 400.197 529.764 406.567 528.171 412.938C525.594 423.237 524.983 454.874 528.171 479.293C531.358 503.712 538.793 524.415 534.544 537.156C530.295 549.896 510.642 546.18 513.297 514.86C515.952 483.54 521.796 430.455 513.297 420.369C511.172 417.184 505.499 415.838 497 421.5C488.076 427.445 478.237 418.777 479.831 416.653C480.539 416.123 483.443 415.698 489.393 418.246C495.342 420.794 500.57 413.468 502.382 411.876C504.798 409.752 507.985 409.222 510.641 411.345C516.221 415.806 518.793 426.085 524.452 410.814C529.764 396.481 537.732 394.889 546.763 395.42C553.656 395.825 556.17 400.197 556.202 391.704C556.24 380.849 556.284 370.93 556.324 363.038C555.793 355.606 553.561 344.776 548.887 360.914C543.044 381.086 521.264 408.16 515.952 388.518C510.64 368.877 534.013 362.507 534.544 333.841C534.969 310.908 527.992 287.126 524.451 278.102C519.67 262.707 511.277 224.911 515.952 196.882C512.588 203.429 505.859 228.202 505.859 268.016C505.859 307.829 501.078 302.521 493.642 338.088C492.95 341.956 493.533 350.399 499.486 358.766C501.434 361.429 499.486 358.26 500.548 341.273C501.61 324.286 518.609 321.632 515.952 295.62C515.949 296.283 521.226 327.375 508.516 345.52C504.798 350.828 504.266 358.766 505.859 365.692C510.247 384.771 510.11 419.838 483.55 409.752C456.99 399.666 489.393 517.514 452.74 511.675C445.48 512.029 430.854 505.305 430.429 475.577C430.004 445.85 430.252 408.69 430.429 393.827C439.991 394.535 457.839 383.528 437.866 333.841C425.864 303.984 423.551 247.844 423.551 247.844C421.343 289.25 425.648 323.224 425.648 355.075C425.648 386.926 419.274 406.567 409.712 420.369C402.836 430.295 405.108 452.397 407.587 458.06C411.306 466.022 415.662 482.691 403.338 485.664C391.014 488.636 385.454 480.178 384.214 475.577C369.341 408.69 404.4 375.778 410.775 345.52C415.874 321.313 416.087 289.781 415.555 277.041C413.962 254.214 414.912 247.844 421.343 232.449C427.773 217.055 426.327 199.966 419.274 196.882C415.556 194.759 405.781 193.91 396.432 207.499C393.336 212 389.633 212.383 383.683 212.808V183.081C383.683 183.611 388.464 183.611 388.464 183.611C388.464 183.611 373.59 177.772 373.59 153.884C373.59 126.806 382.089 131.058 378.902 109.293C384.568 115.428 393.882 133.254 385.808 155.477C375.715 183.255 398.557 178.495 400.682 177.772C411.837 172.271 410.831 158.886 404.4 127.872C392.183 68.9484 383.152 99.7376 374.121 39.7519C372.603 29.6658 367.214 1 367.214 1C367.214 1 370.508 39.4333 362.434 55.1464C354.359 70.8595 357.299 96.0217 359.778 106.639C361.017 113.894 361.903 130.739 355.529 140.082C347.561 151.761 343.842 156.538 348.623 171.933C352.448 184.248 368.986 184.496 376.777 183.081V207.499C376.954 212.808 372.953 221.302 355.529 212.808C338.105 204.314 328 204 328 204C328.885 226.119 329.818 273.431 322.594 295.089C313.563 322.163 318.876 341.804 332.687 328.533C334.84 352.203 338.371 397.476 339.74 434.702C340.222 438.772 343.312 446.275 351.811 443.727C358.717 441.656 355.529 429.394 355.529 429.394C332.935 312.512 335.344 242.005 335.344 209.623C333.75 182.019 354.998 207.5 365.622 201.129C376.02 194.895 410.775 183.076 410.775 215.462C410.775 234.042 400.681 239.35 391.12 245.19C381.558 251.029 366.153 261.646 355.529 292.435C340.956 334.668 355.529 404.444 360.31 419.839C365.091 435.233 366.258 444.259 357.654 451.689C348.239 459.82 339.74 451.689 339.74 451.689C339.971 461.534 340.381 466.096 340.125 473.454C338.865 509.552 330.031 519.107 319.408 521.23C304.159 524.278 291.785 515.391 290.723 487.256C289.66 459.121 281.692 423.554 293.379 399.135C305.065 374.717 287.536 376.309 295.503 343.927C266.287 384.803 273.724 436.826 275.849 458.06C277.974 479.293 270.005 496.281 282.754 523.885C295.503 551.489 295.503 578.031 279.036 576.969C262.568 575.907 255.132 570.068 260.975 526.008C266.818 481.948 266.287 446.912 264.693 411.876C263.419 383.847 269.474 368.7 272.661 364.63C278.859 356.137 292.104 335.752 295.503 322.163C298.903 308.573 294.087 302.344 291.254 300.929C289.554 320.039 281.161 326.781 264.693 331.718C248.226 336.655 248.757 341.804 248.757 341.804V464.43C249.182 479.718 242.914 483.009 237.602 482.478C232.29 481.948 229.103 476.108 232.29 458.06C235.477 440.011 239.196 375.247 239.196 367.285C239.196 359.322 240.258 351.89 235.477 351.359C230.696 350.828 230.942 354.34 225.384 358.26C216.354 364.63 210.511 358.26 210.511 354.544C210.511 343.717 219.01 340.742 225.384 338.619C231.759 336.495 233.453 336.23 240.789 332.78C249.818 328.533 258.672 324.109 262.036 322.163C272.66 316.854 272.661 315.792 279.567 310.484C286.473 305.176 287.004 300.929 283.817 297.213C276.911 292.435 261.649 307.154 259.38 309.422C259.38 309.422 262.036 297.213 262.036 283.942C262.036 276.245 251.577 266.483 250 259.5C246.5 244 255.5 196.882 255.5 196.882C255.5 196.882 257.506 246.043 259.5 256.338C260.5 261.5 265.042 273.325 268.943 279.695C268.943 279.695 271.16 273.867 274.785 268.016C288.596 245.721 277.441 237.227 271.066 223.425C264.692 209.623 263.098 206.438 262.036 167.155C260.973 127.872 243.975 110.885 247.162 89.1206C244.506 95.8447 240.47 111.947 245.57 122.564C251.944 135.835 248.756 171.932 245.57 196.882C242.383 221.832 222.728 226.61 225.384 256.338C226.428 268.016 241.638 277.708 248.757 285.534C254.069 291.373 255.662 304.645 249.818 312.607C243.975 320.57 236.007 328.001 224.852 333.841C213.696 339.681 202.01 341.804 205.197 372.062C205.551 376.84 203.816 390.005 194.042 404.444C181.824 422.493 201.479 441.604 220.071 425.678L217.416 509.552C218.302 517.691 212.529 532.272 182.357 525.477C144.641 516.984 130.299 525.477 97.3641 523.354C64.4295 521.23 39.5 526.008 0.5 525.477 strokeblack stroke-width3/> /svg> /div> /div> /div> div classpagination-area> div> div classswiper-pagination>/div> /div> /div> /div> /div> /div>/section>script> const mainSliderContainer () > { const playMainSlider () > { animateMainImgTitle(0); playDrawSvg(0); mainSlider.autoplay.start({ delay: 3000, }); }; function animateMainImgTitle(index) { titlePaths.forEach((textObjects, textIndex) > { if(textIndex ! index) { textObjects.forEach(paths > { gsap.set(paths, { opacity: 0, }); }); } }); let slideObject titlePathsindex; let totalLength 0; slideObject.forEach(paths > { paths.forEach(segment > totalLength + segment.getTotalLength()); paths.sort((a, b) > b.getTotalLength() - a.getTotalLength()); paths.forEach((segment, index) > { gsap.to(segment, { opacity: 1, delay: index * 0.03 + 0.3, duration: 0.3, ease: power2.out, }); }); }); } function prepareMainImgTitle() { titlePaths ; titlePathObjects.forEach((svg, index) > { titlePathsindex ; svg.setAttribute(preserveAspectRatio, xMinYMid); svg.querySelectorAll(path).forEach((path, pathIndex) > { let newPaths splitPaths(path); titlePathsindexpathIndex newPaths; gsap.set(newPaths, { opacity: 0 }); }); }); } function prepareDraw() { slidePathObjects ; pathSlideObjects.forEach((slideDiv, index) > { const strokePath slideDiv.querySelector(pathstroke); let newStrokePaths ; if(strokePath){ newStrokePaths splitPaths(strokePath); gsap.set(newStrokePaths, { drawSVG: 0 }); } const fillPath slideDiv.querySelector(pathfill); let newFillPaths ; if(fillPath){ newFillPaths splitPaths(fillPath); gsap.set(newFillPaths, { opacity: 0 }); } slidePathObjectsindex { stroke: newStrokePaths, fill: newFillPaths, }; }); const svgElements document.querySelectorAll(.main-slider .main-img svg); svgElements.forEach((svg,index) > { // preserveAspectRatio 속성을 xMaxYMax로 설정 if(index 0){ svg.setAttribute(preserveAspectRatio, xMaxYMax); } }); } function playDrawSvg(index, delay 0) { let duration 2, distance 0, tl gsap.timeline(); const strokePath slidePathObjectsindex.stroke; const fillPath slidePathObjectsindex.fill; console.log(strokePath); console.log(fillPath); // debugger; if(strokePath?.length > 0){ gsap.set(strokePath, { drawSVG: 0 }); strokePath.forEach(segment > distance + segment.getTotalLength()); strokePath.forEach(segment > { tl.to(segment, { drawSVG: true, ease: none, duration: duration * (segment.getTotalLength() / distance), }); }); } if(fillPath?.length > 0){ gsap.set(fillPath, { opacity: 0 }); fillPath.sort((a, b) > b.getTotalLength() - a.getTotalLength()); fillPath.forEach((segment, index) > { const tl2 gsap.timeline(); tl2.to(segment, { opacity: 1, delay: index * 0.03 + 0.5, duration: 1, ease: power2.out, }); }); } } mainSlider new Swiper(.main-slider, { autoplay: false, fadeEffect: { crossFade: true, }, pagination: { el: .swiper-pagination, clickable: true, renderBullet: function(index, className) { return span class + className + > + (index + 1) + /span>; }, }, }); mainSlider.on(slideChange, function(swiper) { // console.log(slide changed, swiper); playDrawSvg(swiper.activeIndex); animateMainImgTitle(swiper.activeIndex); }); pathObjects document.querySelectorAll(.main-slider .main-img svg path); pathSlideObjects document.querySelectorAll(.main-slider .main-img); titlePathObjects document.querySelectorAll(.main-slider .main-img-title svg); // SVG 경로를 미리 준비 prepareDraw(); prepareMainImgTitle(); emitLoaded(); if (isFirstVisit || isRefreshMethod()) { sessionStorage.setItem(isFirstVisit, false); playIntro(); setTimeout(function() { playMainSlider(); }, 4000); } else { playMainSlider(); } }; document.addEventListener(DOMContentLoaded, function() { mainSliderContainer(); const introAnimationToggleButton document.getElementById(introAnimationToggleButton); let isPaused false; introAnimationToggleButton?.addEventListener(click, () > { console.log(introAnimationToggleButton clicked); if (isPaused) { logoRectTimeline.play(); logoTitleTimeline.play(); } else { logoRectTimeline.pause(); logoTitleTimeline.pause(); } isPaused !isPaused; }); }); const emitLoaded () > { document.body.classList.add(loaded); }; let logoRectTimeline; let logoTitleTimeline; const playIntro () > { document.body.classList.add(intro-playing); const logoMainTitleSVG document.querySelector(.logo-main-title); const logoMainTitleGroup document.querySelector(.logo-main-title g); const mainContentTag document.querySelectorAll(.main-container, .btn-mobile-nav); const logoSubTitle document.querySelector(.logo-sub-title); const bodyElement document.querySelector(body); const logoTextItem document.querySelectorAll(.logo-text-item); const logoMainTitleRect logoMainTitleGroup.getBoundingClientRect(); // // 화면 정중앙 위치 계산 const centerX window.innerWidth / 2; const centerY window.innerHeight / 2; const logoMaxWidth window.innerWidth * 0.6; const logoItemWidth Math.min(logoMaxWidth, logoMainTitleRect.width * 3); const scale logoItemWidth / logoMainTitleRect.width; const originWidth logoMainTitleSVG.getAttribute(width); const originScale logoMainTitleRect.width / originWidth; const rectPositions ; gsap.set(mainContentTag, { opacity: 0 }); // 애니메이션이 진행되는동안 본문이 보이지 않도록 gsap.set(bodyElement, { backgroundColor: #212529 }); // 애니메이션이 진행되는 동안 배경이 어두운 색상이도록 // 로고의 위치를 화면 정중앙으로 이동 gsap.set(logoMainTitleSVG, { x: (centerX - logoMainTitleRect.left) - (logoMainTitleRect.width / 2), y: (centerY - logoMainTitleRect.top) - (logoMainTitleRect.height / 2), scale: scale, }); gsap.set(logoTextItem, { opacity: 0, fill: #ffffff }); gsap.set(logoSubTitle, { opacity: 0 }); const logoRect document.querySelectorAll(.logo-color-bullet path); // debugger; // 로고의 위치가 세팅된 상태에서 rect 의 위치를 계산해야 올바르게 계산이 가능하다. logoRect.forEach((rect, index) > { const rectBounds rect.getBoundingClientRect(); rectPositionsindex { x: rectBounds.left, y: rectBounds.top, width: rectBounds.width, height: rectBounds.height, }; }); logoRectTimeline gsap.timeline(); // 가운데로 점을 모으기 gsap.set(logoRect, { x: (index) > { const currentRect rectPositionsindex; return (centerX - (currentRect.x + currentRect.width / 2)) / (scale * originScale); }, y: (index) > { const currentRect rectPositionsindex; return (centerY - (currentRect.y + currentRect.height / 2)) / (scale * originScale); }, }); // logoRectTimeline .to(logoRect, { x: (index) > { const currentRect rectPositionsindex; const targetX (centerX - (currentRect.x + currentRect.width / 2)) / (scale * originScale); if (index 3) { const pos (index - 1) * 30; return targetX + pos; } return targetX; }, y: (index) > { const currentRect rectPositionsindex; return (centerY - (currentRect.y + currentRect.height / 2)) / (scale * originScale); }, duration: 0.3, delay: 0.5, ease: power2.inOut, }); logoRectTimeline.to(logoRect, { delay: 0.4, x: (index) > 0, y: (index) > 0, duration: 0.2, ease: power2.inOut, stagger: 0.2, }); gsap.to(logoTextItem, { delay: 2, opacity: 1, duration: 0.5 }); const gnbMenuItems document.querySelectorAll(.gnb ul li); gsap.set(gnbMenuItems, { y: 50, opacity: 0, }); const loginBtn document.querySelector(.login-btn); gsap.set(loginBtn, { y: 50, opacity: 0, }); gsap.to(bodyElement, { delay: 3.5, backgroundColor: #ffffff }); logoTitleTimeline gsap.timeline({ onComplete: () > { document.body.classList.remove(intro-playing); } }); logoTitleTimeline.to(logoMainTitleSVG, { delay: 2.2, opacity: 1, duration: 0.3 }) .to(logoMainTitleSVG, { x: 0, y: 0, scale: 1, duration: 0.3, ease: power2.inOut, }) .to(logoTextItem, { opacity: 1, fill: #231815 }) .to(logoSubTitle, { opacity: 1, duration: 0.5 }, -0.5) .to(mainContentTag, { delay: 0.3, opacity: 1, duration: 0.5 }, -0.5) .to(gnbMenuItems, { y: 0, opacity: 1, duration: 0.5, stagger: 0.1, ease: power2.out, }, -0.3) .to(loginBtn, { y: 0, opacity: 1, duration: 0.5, ease: power2.out, }); };/script>style> .section-2 { /* height: 1080px; */ /* background: url(https://site-assets.moim.us/a1/b0/c0/d81/37163d3b-7e41-455d-b6d0-6e1af8cb51b9/html/assets/images/bg_section2.png) center center/cover; */ position: relative; height: 100%; } .section-2 .welcome-wrap { position: absolute; z-index: 1; left: 0; top: 50%; transform: translateY(-50%); display: inline-block; text-align: left; height: initial; width: initial; } .section-2 .welcome-wrap h2 { color: #fff; display: inline-block; } .section-2 .welcome-wrap h4 { color: #fff; display: inline-block; } .section-2 .backdrop { position: absolute; left: 0; top: 0; width: 100%; background: rgba(0, 0, 0, 0.4); height: 100%; } /* 모바일 */ @media screen and (max-width: 991px) { .section-2 { height: 100vh; max-height:600px; } .section-2 .video-wrap { height: 100%; } .section-2 .welcome-wrap h2 { line-height: 130%; margin-bottom: 10px; } .section-2 .video-wrap .video-background { width: 100%; object-fit: cover; height: 100%; } .section-2 .welcome-wrap { height: initial !important; width: initial !important; } .section-2 .welcome-wrap { position: absolute; z-index: 1; left: 0; top: auto; bottom: 40px; transform: none; display: inline-block; text-align: left; height: initial; width: initial; } }/style>script> document.addEventListener(DOMContentLoaded, function() { gsap.set(.welcome-wrap h2 div, { y: 50, opacity: 0 }); gsap.set(#section2_detail_msg, { opacity: 0 }); ScrollTrigger.create({ trigger: .welcome-wrap, start: top 70%, onEnter: function() { gsap.to(.welcome-wrap h2 div, { y: 0, opacity: 1, duration: 0.8, stagger: 0.2, ease: power3.out, }); const timeline gsap.timeline(), mySplitText new SplitText(#section2_detail_msg, { type: words,chars }), chars mySplitText.chars; timeline.set(#section2_detail_msg, { perspective: 400, opacity: 1 }) .from(chars, { opacity: 0, scale: 0, y: 80, rotationX: 180, transformOrigin: 0% 50% -50, ease: back, stagger: 0.01, }); }, onLeaveBack: function() { gsap.to(.welcome-wrap h2 div, { y: 50, opacity: 0, duration: 0.8, ease: power3.out, }); gsap.set(#section2_detail_msg, { opacity: 0 }); }, }); });/script>section classsection-2 position-relative> div classwelcome-wrap w-100> div classcontainer> div classrow> div classcol welcome-message> h2> div>삼덕교회에/div> div>오신걸 환영합니다/div> /h2> br /> h4 idsection2_detail_msg>이웃과의 사랑이 넘치는 여기는 삼덕교회입니다/h4> /div> /div> /div> /div> div classbackdrop>/div> div classvideo-wrap> div classvideo-wrap> video stylewidth: 100% autoplay muted playsinline loop idbackgroundVideo classvideo-background >/video> /div> /div>/section>script> document.addEventListener(DOMContentLoaded, function() { const videoUrls https://ohjic.synology.me:8001/homepage/samduk/main_video.mp4, https://ohjic.synology.me:8001/homepage/samduk/main_video3.m4v ; const randomUrl videoUrlsMath.floor(Math.random() * videoUrls.length); const videoElement document.getElementById(backgroundVideo); videoElement.src randomUrl; });/script>style> .section-3 { padding-top: 150px; padding-bottom: 150px; min-height: 50vh; } .section-3 .news-list { } .section-3 .news-list ul li { font-size: 36px; text-align: left; padding: 30px 0; position: relative; } a { color: #555; } .section-3 ul li a { display: flex; align-items: center; gap: 20px; } .section-3 ul li .badge { display: inline-block; width: 43px; height: 43px; background: #111; border-radius: 0; font-size: 16px; padding: 14px 0; } .section-3 ul li a .article-title { flex: 1; word-break: keep-all; position: relative; } .section-3 ul li a .article-title::after { content: ; display: block; width: 100%; height: 4px; background: #111111; margin-top: 10px; transform: scaleX(0); transform-origin: left center; transition: transform 0.2s; } .section-3 ul li a:hover .article-title::after { transform: scaleX(0.8); } .section-3 .news-list ul li .date { font-size: 24px; color: #d9d9d9; float: right; } @media screen and (max-width: 1440px) { .section-3 .news-list ul li { font-size: 28px; } .section-3 .news-list ul li .date { font-size: 20px; } } @media screen and (max-width: 991px) { .section-3 .news-list ul li .date { display: none; } .section-3 { padding: 100px 0 50px 0; } section ul li a { font-size: 1.3rem; } section ul li .badge { display: flex; justify-content: center; align-items: center; width: 33px; height: 33px; background: #111; border-radius: 0; font-size: 13px; } }/style>script> document.addEventListener(DOMContentLoaded, function() { // .news-list 안의 li 태그들에 애니메이션 적용 gsap.from(.news-list li, { y: 50, opacity: 0, stagger: 0.2, duration: 0.8, ease: power3.out, scrollTrigger: { trigger: .news-list li, start: top 70%, end: bottom 60%, toggleActions: play none none reverse, }, }); });/script>section classsection-3 data-aosfade-up> div classcontainer> div classrow> div classcol-lg-3 text-start section-title> h2>소식/h2> div classcomment> span>교회소식을/span> span>안내드립니다/span> /div> /div> div classcol-lg-9 text-start> div classnews-list> ul> li> a href/home/d04/contents/4124647> span classbadge>공지/span> span classarticle-title>11월 17일 삼덕교회 영상예배/span>span classdate stylemargin-top: 10px> 2024-09-08 06:37:25 /span> /a> /li> li> a href/home/d04/contents/4124774> span classbadge>공지/span> span classarticle-title>2025년도 예산신청서 제출서식/span>span classdate stylemargin-top: 10px> 2024-10-10 16:32:08 /span> /a> /li> li> a href/home/d04/contents/4124639> span classbadge>공지/span> span classarticle-title>가을빛축제/span>span classdate stylemargin-top: 10px> 2024-09-07 12:39:20 /span> /a> /li> li> a href/home/d04/contents/246839> span classbadge>공지/span> span classarticle-title>2024년도 삼덕교회 장학생 명단공고/span>span classdate stylemargin-top: 10px> 2024-04-27 10:50:35 /span> /a> /li> /ul> /div> /div> /div> /div>/section>script> document.addEventListener(DOMContentLoaded, function() { gsap.set(.section-3 .section-title *, { y: 50, opacity: 0 }); ScrollTrigger.create({ trigger: .section-3, start: top 70%, onEnter: function() { gsap.to(.section-3 .section-title *, { y: 0, opacity: 1, duration: 0.8, stagger: 0.2, ease: power3.out, }); }, onLeaveBack: function() { gsap.to(.section-3 .section-title *, { y: 50, opacity: 0, duration: 0.8, ease: power3.out, }); }, }); });/script>style> .section-4 { padding-bottom: 100px; } .section-4 .grow-wrap { display: inline-block; width: 100%; } .section-4 .grow-wrap ul { /*border: 1px solid #e8e8e8;*/ display: grid; grid-template-columns: repeat(3, 1fr); /*height: 628px;*/ } .section-4 .grow-wrap ul li { display: inline-block; padding: 85px 42px 0; text-align: left; vertical-align: top; border: 1px solid #e8e8e8; position: relative; height: 628px; margin: -1px 0 0 -1px; } .section-4 .grow-wrap ul li::after { content: ; display: block; clear: both; position: absolute; width: 100%; height: 100%; left: 0; top: 0; pointer-events: none; transition: border 0.3s; border: 0 solid #000; } .section-4 .grow-wrap ul li:hover::after { border: 15px solid #000; } .section-4 .grow-wrap ul li:hover .grow-img img { transform: scale(1.15); } .section-4 .grow-wrap ul li:hover h4 svg { transform: translateX(8px); } .section-4 .grow-wrap ul li h4 { font-size: 26px; font-weight: 700; white-space: nowrap; } .section-4 .grow-wrap ul li h4 svg { margin-left: 20px; transition: transform 0.3s; } .section-4 .grow-wrap ul li .grow-content { color: #747474; margin-top: 30px; } .section-4 .grow-wrap ul li .grow-img { position: absolute; bottom: 0; left: 5%; max-width: 100%; } .section-4 .grow-wrap ul li .grow-img img { transition: transform 0.3s; width: 100%; } @media screen and (max-width: 1440px) { .section-4 .grow-wrap ul li { height: 500px; } } @media screen and (max-width: 1023px) { .section-4 .grow-wrap ul li .grow-img { width: 400px; } } @media screen and (max-width: 767px) { .section-4 { margin-top: 100px; padding-bottom: 50px; } .section-4 .grow-wrap { margin-top: 30px; } .section-4 .grow-wrap ul li h4 { font-size: 16px; display: inline-flex; align-items: center; } .section-4 .grow-wrap ul { height: auto; grid-template-columns: repeat(2, 1fr); } .section-4 .grow-wrap ul li { max-height: 600px; overflow: hidden; padding: 40px 25px; height: 450px; } .section-4 .grow-wrap ul li h4 svg { margin-left: 3px; height: 16px; } .section-4 .grow-wrap ul li .grow-img { width: 250px; } }/style>section classsection-4> div classcontainer> div classrow> div classcol-lg-3 text-start section-title> h2>성장/h2> div classcomment> span>신앙을/span> span>성장시킵니다/span> /div> /div> div classcol-lg-9 text-start> div classgrow-wrap> ul> li classcard-item onclicklocation.href/home/c0101 stylecursor: pointer > h4> 다음세대 svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone > path dM19 12L5 12M19 12L13 18M19 12L13 6 stroke#111111 stroke-width2 stroke-linecapround stroke-linejoinround /> /svg> /h4> div classgrow-content card-description> 다음 시대를 열어갈,br/> 예수님의 제자를 길러내는 교육 공동체 /div> div classgrow-img photo-background> img srchttps://site-assets.moim.us/a1/b0/c0/d81/37163d3b-7e41-455d-b6d0-6e1af8cb51b9/html/assets/images/class1.png /> /div> /li> li classcard-item onclick location.href/home/c02 stylecursor: pointer > h4> 청년 svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone > path dM19 12L5 12M19 12L13 18M19 12L13 6 stroke#111111 stroke-width2 stroke-linecapround stroke-linejoinround /> /svg> /h4> div classgrow-content card-description> 순전하지만 지혜로운 청년,br/> 서로를 사랑하는 청년 공동체 /div> div classgrow-img photo-background> img srchttps://site-assets.moim.us/a1/b0/c0/d81/37163d3b-7e41-455d-b6d0-6e1af8cb51b9/html/assets/images/class2.png /> /div> /li> li classcard-item onclick location.href/home/c02 stylecursor: pointer > h4> 장년 svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone > path dM19 12L5 12M19 12L13 18M19 12L13 6 stroke#111111 stroke-width2 stroke-linecapround stroke-linejoinround /> /svg> /h4> div classgrow-content card-description> 세상 안에서 살지만,br/> 세상과 달리 살아가는 그리스도인. /div> div classgrow-img photo-background> img srchttps://site-assets.moim.us/a1/b0/c0/d81/37163d3b-7e41-455d-b6d0-6e1af8cb51b9/html/assets/images/class3.png /> /div> /li> li classcard-item onclicklocation.href/home/c03 stylecursor: pointer > h4> 전교인 성경통독 svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone > path dM19 12L5 12M19 12L13 18M19 12L13 6 stroke#111111 stroke-width2 stroke-linecapround stroke-linejoinround /> /svg> /h4> div classgrow-content card-description> 말씀을 함께 읽고,br/> 주님과 함께 걷는 말씀 공동체 /div> div classgrow-img photo-background> img srchttps://site-assets.moim.us/a1/b0/c0/d81/37163d3b-7e41-455d-b6d0-6e1af8cb51b9/html/assets/images/grow_img3.png /> /div> /li> /ul> /div> /div> /div> /div>/section>script> document.addEventListener(DOMContentLoaded, function() { gsap.set(.section-4 .section-title *, { y: 100, opacity: 0 }); gsap.set(.section-4 .grow-wrap ul li, { y: 10, opacity: 0 }); ScrollTrigger.create({ trigger: .section-4, start: top 70%, onEnter: function() { gsap.to(.section-4 .section-title *, { y: 0, opacity: 1, duration: 0.4, stagger: 0.3, ease: power3.out, }); gsap.to(.section-4 .grow-wrap ul li, { y: 0, opacity: 1, duration: 0.4, stagger: 0.3, ease: power3.out, }); }, onLeaveBack: function() { gsap.to(.section-4 .section-title *, { y: 100, opacity: 0, duration: 0.8, ease: power3.out, }); gsap.to(.section-4 .grow-wrap ul li, { y: 10, opacity: 0 }); }, }); });/script>style> .section-5 { /*height: 1850px;*/ padding-bottom: 100px; } .section-5 .office-wrap { display: inline-block; width: 100%; } .section-5 .office-wrap ul { display: grid; grid-template-columns: repeat(3, 1fr); } .section-5 .office-wrap ul li { display: inline-block; /*width: 33.33%;*/ padding: 85px 7%; text-align: left; vertical-align: top; border: 1px solid #e8e8e8; position: relative; min-height: 700px; margin: -1px 0 0 -1px; } .section-5 .button-area { text-align: right; position: absolute; bottom: 30px; right: 20px; } .section-5 .button-area svg { width: 30px; height: 30px; } .section-5 .office-wrap ul li h4 { font-size: 26px; font-weight: 700; margin-top: 40px; } .section-5 .office-wrap ul li::after { content: ; display: block; clear: both; position: absolute; width: 100%; height: 100%; left: 0; top: 0; pointer-events: none; transition: border 0.3s; border: 0 solid #000; } .section-5 .office-wrap ul li:hover::after { border: 15px solid #000; } .section-5 .office-wrap ul li img { transition: transform 0.3s; } .section-5 .office-wrap ul li:hover img { transform: scale(1.15); } .section-5 .office-wrap ul li .office-content { color: #a6a6a6; margin-top: 16px; line-height: 26px; } .section-5 .office-wrap ul li .office-img { display: inline-block; overflow: hidden; width: 100%; } .section-5 .office-wrap ul li .office-img img { width: 100%; } .section-5 .office-wrap ul li svg { /*bottom: 140px;*/ /*position: absolute;*/ /*right: 20%;*/ } @media screen and (max-width: 1440px) { .section-5 .office-wrap ul li { padding: 45px 7% 100px 7%; min-height: 500px; } } @media screen and (max-width: 991px) { .section-5 .office-wrap ul li { min-height: 400px; padding: 40px 10%; } } @media screen and (max-width: 767px) { .section-5 { margin-top: 100px; height: auto; } .section-5 .office-wrap { margin-top: 30px; } .section-5 .office-wrap ul { grid-template-columns: repeat(2, 1fr); } .section-5 .office-wrap ul li { min-height: 400px; padding: 40px 7%; } .section-5 .office-wrap ul li h4 { font-size: 16px; font-weight: 500; margin-top: 25px; } }/style>section classsection-5> div classcontainer> div classrow> div classcol-lg-3 text-start section-title> h2>행정/h2> div classcomment>편리한 서비스를 제공합니다/div> /div> div classcol-lg-9 text-start> div classoffice-wrap> ul> li classcard-item onclicklocation.href/home/e01 stylecursor: pointer > div classoffice-img> img srchttps://site-assets.moim.us/a1/b0/c0/d81/37163d3b-7e41-455d-b6d0-6e1af8cb51b9/html/assets/images/office_img1.png /> /div> h4>새가족등록/h4> div classoffice-content card-description> 삼덕에 오신것을 환영하며 등록방법을 안내합니다 /div> div classbutton-area> svg xmlnshttp://www.w3.org/2000/svg width32 height32 viewBox0 0 32 32 fillnone > path dM25.2808 16L6.6529 16M25.2808 16L17.2974 24M25.2808 16L17.2974 8 stroke#B8B8B8 stroke-width2 stroke-linecapround stroke-linejoinround /> /svg> /div> /li> li classcard-item onclicklocation.href/home/e02 stylecursor: pointer > div classoffice-img> img srchttps://site-assets.moim.us/a1/b0/c0/d81/37163d3b-7e41-455d-b6d0-6e1af8cb51b9/html/assets/images/office_img2.png /> /div> h4>장소예약/h4> div classoffice-content card-description> 다양한 행사와 모임을 위한 장소를 대여합니다 /div> div classbutton-area> svg xmlnshttp://www.w3.org/2000/svg width32 height32 viewBox0 0 32 32 fillnone > path dM25.2808 16L6.6529 16M25.2808 16L17.2974 24M25.2808 16L17.2974 8 stroke#B8B8B8 stroke-width2 stroke-linecapround stroke-linejoinround /> /svg> /div> /li> li classcard-item onclicklocation.href/home/e03 stylecursor: pointer > div classoffice-img> img srchttps://site-assets.moim.us/a1/b0/c0/d81/37163d3b-7e41-455d-b6d0-6e1af8cb51b9/html/assets/images/office_img3.png /> /div> h4>헌금안내/h4> div classoffice-content card-description> 하나님의 사명과 사랑을 이어갑니다 /div> div classbutton-area> svg xmlnshttp://www.w3.org/2000/svg width32 height32 viewBox0 0 32 32 fillnone > path dM25.2808 16L6.6529 16M25.2808 16L17.2974 24M25.2808 16L17.2974 8 stroke#B8B8B8 stroke-width2 stroke-linecapround stroke-linejoinround /> /svg> /div> /li> li classcard-item onclicklocation.href/home/e04 stylecursor: pointer > div classoffice-img> img srchttps://site-assets.moim.us/a1/b0/c0/d81/37163d3b-7e41-455d-b6d0-6e1af8cb51b9/html/assets/images/office_img4.png altoffice /> /div> h4>증명서발급/h4> div classoffice-content card-description> 필요한 증명서를 신속하게 발급받습니다 /div> div classbutton-area> svg xmlnshttp://www.w3.org/2000/svg width32 height32 viewBox0 0 32 32 fillnone > path dM25.2808 16L6.6529 16M25.2808 16L17.2974 24M25.2808 16L17.2974 8 stroke#B8B8B8 stroke-width2 stroke-linecapround stroke-linejoinround /> /svg> /div> /li> li classcard-item onclicklocation.href/home/e05 stylecursor: pointer > div classoffice-img> img srchttps://site-assets.moim.us/a1/b0/c0/d81/37163d3b-7e41-455d-b6d0-6e1af8cb51b9/html/assets/images/office_img5.png altoffice5 /> /div> h4>예식안내/h4> div classoffice-content card-description> 기쁨과 슬픔의 순간을 함께 나눕니다 /div> div classbutton-area> svg xmlnshttp://www.w3.org/2000/svg width32 height32 viewBox0 0 32 32 fillnone > path dM25.2808 16L6.6529 16M25.2808 16L17.2974 24M25.2808 16L17.2974 8 stroke#B8B8B8 stroke-width2 stroke-linecapround stroke-linejoinround /> /svg> /div> /li> li classcard-item d-none >/li> /ul> /div> /div> /div> /div>/section>script> document.addEventListener(DOMContentLoaded, function() { const mySplitText new SplitText(.section-5 .section-title *, { type: words }), words mySplitText.words; gsap.set(words, { y: 100, opacity: 0 }); gsap.set(.section-5 .office-wrap ul li, { y: 10, opacity: 0 }); ScrollTrigger.create({ trigger: .section-5, start: top 70%, onEnter: function() { gsap.to(words, { y: 0, opacity: 1, duration: 0.4, stagger: 0.3, ease: power3.out, }); gsap.to(.section-5 .office-wrap ul li, { y: 0, opacity: 1, duration: 0.4, stagger: 0.3, ease: power3.out, }); }, onLeaveBack: function() { gsap.to(words, { y: 100, opacity: 0, duration: 0.8, ease: power3.out, }); gsap.to(.section-5 .office-wrap ul li, { y: 10, opacity: 0 }); }, }); });/script>section classsection-6> div classcontainer> div classrow> div classcol-lg-3 text-start section-title> h2>갤러리/h2> div classcomment>다양한 삼덕 행사를 소개합니다/div> /div> div classcol-lg-9> div classgallery-slider swiper> div classswiper-wrapper idgalleryWrapper>/div> div classswiper-pagination>/div> /div> /div> /div> /div>/section>style> .swiper-pagination-bullet.pagination-control-bar { flex:1; height: 10px; border:0; } .swiper-pagination-bullet.pagination-control-bar::after { content: ; display: block; width: 100%; height: 1px; background: #111; }/style>script> document.addEventListener(DOMContentLoaded, function() { const mySplitText new SplitText(.section-6 .section-title *, { type: words }), words mySplitText.words; gsap.set(words, { y: 100, opacity: 0 }); ScrollTrigger.create({ trigger: .section-6, start: top 70%, onEnter: function() { gsap.to(words, { y: 0, opacity: 1, duration: 0.4, stagger: 0.3, ease: power3.out, }); }, onLeaveBack: function() { gsap.to(words, { y: 100, opacity: 0, duration: 0.8, ease: power3.out, }); }, }); }); function fetchGalleryData() { fetch(/api/instagram/getInstaContent) .then(response > response.json()) .then(data > { renderGallerySlides(data.data); initGallerySlider(data.data.length); // const lightbox new PhotoSwipeLightbox({ // gallery: .gallery-slider, // children: .gallery-img, // pswpModule: PhotoSwipe // }); // // lightbox.init(); }) .catch(error > { console.error(Error fetching gallery data:, error); }); } function initGallerySlider(contentLength) { new Swiper(.gallery-slider, { // autoplay: false, autoplay: { delay: 3000, }, pagination: { el: .swiper-pagination, clickable: true, renderBullet: function (index, className) { return span class + className + pagination-control-bar>/span>; }, }, slidesPerView: 1, spaceBetween: 20, breakpoints: { 768: { slidesPerView: 3, spaceBetween: 40, }, 480: { slidesPerView: 1, spaceBetween: 40, }, }, }); } document.addEventListener(DOMContentLoaded, function() { fetchGalleryData(); });/script>div classpopup-container> div classpopup-trigger> div classbutton-list> div classpopup-top-area> button classnavbar-toggle idnavbar_toggler> svg xmlnshttp://www.w3.org/2000/svg width50 height50 viewBox0 0 50 50 fillnone> path dM10.4167 25L39.5834 25M10.4167 25L22.9167 12.5M10.4167 25L22.9167 37.5 stroke#111111 stroke-width2 stroke-linecapround stroke-linejoinround /> /svg> /button> button classnavbar-title idnavbar_title> span classtitle>설교영상/span>span classnew idnotice_new>/span> /button> /div> button classnavbar-top idnavbar_top>/button> /div> /div> div classpopup-content> div classpopup-header> button typebutton classpopup-close> svg xmlnshttp://www.w3.org/2000/svg width50 height50 viewBox0 0 50 50 fillnone> path dM37.5 12.5L12.5 37.5M12.5 12.5L37.5 37.5 stroke#111111 stroke-width2 stroke-linecapround stroke-linejoinround /> /svg> /button> /div> div classpopup-body> div classpastor-area onclickgo_url(/home/b01/contents/) stylecursor: pointer> h4>강영롱 목사님의br />주일예배 설교 영상/h4> h3>다가오는 미래/h3> span classbible>계 21:1~8/span> span classdate>2024-11-17/span> div classpastor-photo>/div> /div> ul> li classsermon-item onclickgo_url(/home/b01/contents/) stylecursor: pointer> div classbible-title> span classsection>주일예배 3부/span> span classtitle>다가오는 미래/span> /div> div classbible-list> span classbible-section>계 21:1~8/span> span classbible-pastor>강영롱 목사/span> span classbible-date>2024-11-17/span> /div> /li> li classsermon-item onclickgo_url(/home/b01/contents/) stylecursor: pointer> div classbible-title> span classsection>주일예배 3부/span> span classtitle>하늘 미리보기, /span> /div> div classbible-list> span classbible-section>계 4:1~11/span> span classbible-pastor>강영롱 목사/span> span classbible-date>2024-11-10/span> /div> /li> li classsermon-item onclickgo_url(/home/b01/contents/) stylecursor: pointer> div classbible-title> span classsection>주일예배 3부/span> span classtitle>빛 앞에서/span> /div> div classbible-list> span classbible-section>요일1:5~10/span> span classbible-pastor>강영롱 목사/span> span classbible-date>2024-11-03/span> /div> /li> /ul> /div> /div>/div>style> body { visibility: hidden; } body.loaded { visibility: visible; } body section { transition: margin 0.3s ease-in-out; } body.popup-active section, body.popup-active header, body.popup-active footer{ margin-right: 400px; } body header.sticky { width: auto; right: 0; }/style>script> var popupContainer document.querySelector(.popup-container); var popupTrigger document.querySelector(.popup-trigger); var popupClose document.querySelector(.popup-close); function openPopup() { popupContainer.classList.add(active); document.body.classList.add(popup-active); setTimeout(() > { popupTrigger.style.display none; }, 300); } function closePopup() { popupTrigger.style.display block; document.body.classList.remove(popup-active); setTimeout(() > { popupContainer.classList.remove(active); }, 100); setTimeout(() > { // popupTrigger.style.opacity 0; }, 400); } // popupTrigger.addEventListener(click, openPopup); popupClose.addEventListener(click, closePopup);/script>style> body.first-visit { background-color: #212529; }/style>script> let mainSlider; let pathObjects; let pathSlideObjects; let titlePathObjects; let slidePathObjects; let titlePaths; const isRefresh () > { const currentDomain window.location.hostname; // Referrer URL const referrer document.referrer; // Referrer 도메인 const referrerDomain referrer ? (new URL(referrer)).hostname : ; if (!referrer) { // referrer가 없으면 새로고침 또는 직접 입력하여 접속한 경우 console.log(새로고침 또는 직접 URL 입력); } else if (referrerDomain currentDomain) { // referrer가 같은 도메인의 경우 console.log(같은 도메인의 다른 페이지에서 내부 이동); } else { // referrer가 외부 도메인의 경우 console.log(외부 도메인에서 접속); } }; const isRefreshMethod () > { if (performance.navigation.type 1) { return true; } else { return false; } }; const isFirstVisit sessionStorage.getItem(isFirstVisit) null; // const isFirstVisit false; if (isFirstVisit || isRefreshMethod()) { document.body.classList.add(first-visit); document.getElementsByTagName(html)0.style.scrollBehavior auto; window.addEventListener(load, function() { setTimeout(()>{ window.scrollTo(0, 0); document.getElementsByTagName(html)0.style.scrollBehavior smooth; },100); }); }/script>style> .sub-layout-container { padding-top:0 !important; }/style> /div> style> body, html { height: 100%; width: 100%; } .bottom-app-bar { display: none; position: fixed; bottom: 0; left: 0; width: 100%; height: 70px; background: var(--bs-body-bg); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); z-index: 10; } .bottom-app-bar ul { display: flex; height: 100%; } .bottom-app-bar ul li.active svg { fill: #F39800; } .bottom-app-bar ul li { display: flex; flex: 1; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; font-size: 14px; color: #666666; height: 100%; } .bottom-app-bar ul .nav-icon { padding: 5px 0; } .bottom-app-bar ul svg { height: 18px; fill: #D3D3D3; } @media screen and (max-width: 768px) { .bottom-app-bar { display: block; } } /style> div classbottom-app-bar> ul>!-- li>-->!-- a classbottom-bar-link href/>-->!-- div classnav-icon>-->!-- svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 576 512>-->!-- <!–!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.–>-->!-- path-->!-- dM575.8 255.5c0 18-15 32.1-32 32.1h-32l.7 160.2c0 2.7-.2 5.4-.5 8.1V472c0 22.1-17.9 40-40 40H456c-1.1 0-2.2 0-3.3-.1c-1.4 .1-2.8 .1-4.2 .1H416 392c-22.1 0-40-17.9-40-40V448 384c0-17.7-14.3-32-32-32H256c-17.7 0-32 14.3-32 32v64 24c0 22.1-17.9 40-40 40H160 128.1c-1.5 0-3-.1-4.5-.2c-1.2 .1-2.4 .2-3.6 .2H104c-22.1 0-40-17.9-40-40V360c0-.9 0-1.9 .1-2.8V287.6H32c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24z />-->!-- /svg>-->!-- /div>-->!-- div classnav-label>첫화면/div>-->!-- /a>-->!-- /li>--> li> a classbottom-bar-link href/home/d02/> div classnav-icon> svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 576 512> !--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--> path dM249.6 471.5c10.8 3.8 22.4-4.1 22.4-15.5V78.6c0-4.2-1.6-8.4-5-11C247.4 52 202.4 32 144 32C93.5 32 46.3 45.3 18.1 56.1C6.8 60.5 0 71.7 0 83.8V454.1c0 11.9 12.8 20.2 24.1 16.5C55.6 460.1 105.5 448 144 448c33.9 0 79 14 105.6 23.5zm76.8 0C353 462 398.1 448 432 448c38.5 0 88.4 12.1 119.9 22.6c11.3 3.8 24.1-4.6 24.1-16.5V83.8c0-12.1-6.8-23.3-18.1-27.6C529.7 45.3 482.5 32 432 32c-58.4 0-103.4 20-123 35.6c-3.3 2.6-5 6.8-5 11V456c0 11.4 11.7 19.3 22.4 15.5z /> /svg> /div> div classnav-label>주보/div> /a> /li> li> a classbottom-bar-link href/home/d03/> div classnav-icon> svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 512 512>!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->path dM220.6 121.2L271.1 96 448 96l0 96-114.8 0c-21.9-15.1-48.5-24-77.2-24s-55.2 8.9-77.2 24L64 192l0-64 128 0c9.9 0 19.7-2.3 28.6-6.8zM0 128L0 416c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L271.1 32c-9.9 0-19.7 2.3-28.6 6.8L192 64l-32 0 0-16c0-8.8-7.2-16-16-16L80 32c-8.8 0-16 7.2-16 16l0 16C28.7 64 0 92.7 0 128zM168 304a88 88 0 1 1 176 0 88 88 0 1 1 -176 0z/>/svg> /div> div classnav-label>갤러리/div> /a> /li> li> a classbottom-bar-link href/home/a05/> div classnav-icon> svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 576 512>!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->path dM0 80l0 48c0 17.7 14.3 32 32 32l16 0 48 0 0-80c0-26.5-21.5-48-48-48S0 53.5 0 80zM112 32c10 13.4 16 30 16 48l0 304c0 35.3 28.7 64 64 64s64-28.7 64-64l0-5.3c0-32.4 26.3-58.7 58.7-58.7L480 320l0-192c0-53-43-96-96-96L112 32zM464 480c61.9 0 112-50.1 112-112c0-8.8-7.2-16-16-16l-245.3 0c-14.7 0-26.7 11.9-26.7 26.7l0 5.3c0 53-43 96-96 96l176 0 96 0z/>/svg> /div> div classnav-label>예배안내/div> /a> /li> li> a classbottom-bar-link href/home/b01/contents> div classnav-icon> svg xmlnshttp://www.w3.org/2000/svg viewBox0 0 576 512> !--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--> path dM0 128C0 92.7 28.7 64 64 64H320c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128zM559.1 99.8c10.4 5.6 16.9 16.4 16.9 28.2V384c0 11.8-6.5 22.6-16.9 28.2s-23 5-32.9-1.6l-96-64L416 337.1V320 192 174.9l14.2-9.5 96-64c9.8-6.5 22.4-7.2 32.9-1.6z /> /svg> /div> div classnav-label>금주설교영상/div> /a> /li> /ul> /div>/div>footer classshow> div classcontainer footer-container> div classrow> div classcol-xl-6 order-xl-1 order-2> div classlnb> ul> li>개인정보처리 방침/li> li>이용약관/li> /ul> /div> div classaddress mt-4 styleword-break: break-word> div classfont-bold>대구광역시 중구 공평로4길 11 삼덕교회/div> 사무실 430-9191 span classsep>|/span> 팩스 426-3272br /> 119중보기도 010-4785-3271 span classsep>|/span> 삼덕노인복지센터 423-3279 span classsep>|/span> 삼덕기억학교 268-3271 /div> div classrights mt-4 styleword-break: break-word> ⓒSAMDUCKCHURCH. All rights reserved. Designed by ohjic /div> /div> div classcol-xl-6 order-xl-2 order-1> div classsns-list> button onclickopen_url(https://www.instagram.com/samduk1952/)> span> svg xmlnshttp://www.w3.org/2000/svg width24 height24 viewBox0 0 24 24 fillnone> path fill-ruleevenodd clip-ruleevenodd dM0 6C0 2.68629 2.68629 0 6 0H18C21.3137 0 24 2.68629 24 6V18C24 21.3137 21.3137 24 18 24H6C2.68629 24 0 21.3137 0 18V6ZM12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 5.99999 12 5.99999C8.68632 5.99999 6.00002 8.68629 6.00002 12C6.00002 15.3137 8.68632 18 12 18ZM12.0001 16C14.2092 16 16.0001 14.2091 16.0001 12C16.0001 9.79084 14.2092 7.99998 12.0001 7.99998C9.79093 7.99998 8.00007 9.79084 8.00007 12C8.00007 14.2091 9.79093 16 12.0001 16ZM19 6.20001C19.5523 6.20001 20 5.7523 20 5.20001C20 4.64773 19.5523 4.20001 19 4.20001C18.4477 4.20001 18 4.64773 18 5.20001C18 5.7523 18.4477 6.20001 19 6.20001Z fill#111111 /> /svg> span>인스타그램 /span> /span> i classbi bi-arrow-right-short>/i> /button> button onclickopen_url(https://www.youtube.com/@samduk_church)> span> svg xmlnshttp://www.w3.org/2000/svg width26 height24 viewBox0 0 26 24 fillnone> path dM24.8129 6.04585C24.5285 4.97606 23.6934 4.13648 22.6327 3.8521C20.7098 3.33301 13 3.33301 13 3.33301C13 3.33301 5.29032 3.33301 3.3674 3.8521C2.30664 4.13648 1.47157 4.97606 1.18719 6.04585C0.672607 7.98231 0.672607 12.0177 0.672607 12.0177C0.672607 12.0177 0.672607 16.0531 1.18719 17.9896C1.47157 19.0594 2.30664 19.8629 3.3674 20.1472C5.29032 20.6663 13 20.6663 13 20.6663C13 20.6663 20.7098 20.6663 22.6327 20.1472C23.6934 19.8629 24.5285 19.0549 24.8129 17.9896C25.3275 16.0531 25.3275 12.0177 25.3275 12.0177C25.3275 12.0177 25.3275 7.98231 24.8129 6.04585ZM10.4813 15.683V8.35245L16.9226 12.0177L10.4813 15.683Z fill#111111 /> /svg> span>유튜브 /span> /span>i classbi bi-arrow-right-short>/i> /button> /div> /div> /div> /div>/footer>!-- Modal -->div classmodal fade idmobile_gnb_modal data-bs-backdropstatic data-bs-keyboardfalse tabindex-1 aria-labelledbymobile_gnb_modalLabel aria-hiddentrue> div classmodal-dialog modal-fullscreen> div classmodal-content> div classmodal-body gnb-modal > div classcontainer> div classrow stylemin-height:100%;> div classcol-xl-2 col-lg-3 d-flex col mobile-top-area> div classlogo sidebar-logo logo-area onclickgo_url(/)> svg width196 height77 viewBox0 0 196 77 fillnone xmlnshttp://www.w3.org/2000/svg classlogo-sub-title preserveAspectRatioxMinYMid> g clip-pathurl(#clip0_1811_7894)> path dM14.7002 15.0449V4.6349H14.1602V15.0449H12.1202V10.0049H5.53516V0.524902H10.9052V2.4149H7.75516V8.0999H12.1202V0.524902H14.1602V2.7299H14.7002V0.524902H16.7552V15.0449H14.7002Z fill#231815 classlogo-text-item /> path dM18.9603 3.03007V1.14007H21.6453V0.195068H23.8503V1.14007H26.5353V3.03007H25.1103C25.7403 3.64507 26.1453 4.51507 26.1453 5.47507C26.1453 7.36507 24.6153 8.89507 22.7403 8.89507C20.8653 8.89507 19.3353 7.36507 19.3353 5.47507C19.3353 4.53007 19.7403 3.64507 20.3703 3.03007H18.9453H18.9603ZM30.1653 13.1401V15.0301H21.1653V10.2901H23.3703V13.1251H30.1653V13.1401ZM22.7403 6.82507C23.4753 6.82507 24.0903 6.24007 24.0903 5.49007C24.0903 4.74007 23.4753 4.15507 22.7403 4.15507C22.0053 4.15507 21.4053 4.75507 21.4053 5.49007C21.4053 6.22507 22.0053 6.82507 22.7403 6.82507ZM30.0003 0.510068V2.71507H31.2603V4.60507H30.0003V10.9201H27.7953V0.510068H30.0003Z fill#231815 classlogo-text-item /> path dM39.9452 15.045V6.99001H38.9102V6.45001C38.2352 7.62001 36.9602 8.40001 35.5202 8.40001C33.3302 8.40001 31.5752 6.63001 31.5752 4.45501C31.5752 2.28001 33.3302 0.51001 35.5202 0.51001C36.9452 0.51001 38.2052 1.27501 38.9102 2.44501V1.93501H39.9452V0.52501H41.8352V15.045H39.9452ZM35.5352 2.56501C34.4852 2.56501 33.6452 3.42001 33.6452 4.45501C33.6452 5.49001 34.4852 6.34501 35.5352 6.34501C36.5852 6.34501 37.4252 5.49001 37.4252 4.45501C37.4252 3.42001 36.5702 2.56501 35.5352 2.56501ZM39.9452 3.84001H39.4352C39.4352 4.05001 39.4652 4.24501 39.4652 4.47001C39.4652 4.69501 39.4352 4.89001 39.4352 5.10001H39.9452V3.84001ZM42.4802 0.52501H44.3702V15.045H42.4802V0.52501Z fill#231815 classlogo-text-item /> path dM51.6746 0L57.5096 6.105L55.8746 7.62L51.6596 3.255L47.4596 7.605L45.8096 6.105L51.6596 0H51.6746ZM57.1946 10.44H52.7696V15.015H50.5646V10.44H46.1396V8.535H57.1946V10.44Z fill#231815 classlogo-text-item /> path dM59.9551 14.0551V12.1501H61.2151V6.79509H63.2701V12.1501H64.3801V6.79509H66.4351V12.1501H67.5451V2.37009H59.9551V0.465088H69.7501V12.1501H70.3801V14.0551H59.9551Z fill#231815 classlogo-text-item /> path dM79.4254 8.25004L76.8754 4.18504L74.3554 8.23504L72.5254 7.11004L75.4504 2.44504H72.9454V0.540039H80.5204V2.43004H78.3154L81.2254 7.11004L79.4254 8.23504V8.25004ZM84.0004 4.33504V9.70504H81.9904C82.5004 10.335 82.8154 11.13 82.8154 12C82.8154 13.965 81.2254 15.54 79.2754 15.54C77.3254 15.54 75.7204 13.965 75.7204 12C75.7204 10.035 77.3104 8.44504 79.2754 8.44504C80.2504 8.44504 81.1504 8.86504 81.8104 9.51004V0.540039H84.0154V2.43004H85.2754V4.33504H84.0154H84.0004ZM79.2754 10.485C78.4504 10.485 77.7604 11.175 77.7604 12C77.7604 12.825 78.4354 13.5 79.2754 13.5C80.1154 13.5 80.7604 12.825 80.7604 12C80.7604 11.175 80.0854 10.485 79.2754 10.485Z fill#231815 classlogo-text-item /> path dM94.02 9.63009V12.1501H98.28V14.0551H87.54V12.1501H91.8V9.63009H88.02V4.11009H95.595V2.37009H88.02V0.465088H97.8V6.00009H90.225V7.74009H97.8V9.63009H94.02Z fill#231815 classlogo-text-item /> path dM105.69 9.03007H109.17V0.510068H111.225V15.0301H109.17V10.9201H100.8V9.03007H103.485V8.22007C102.12 7.74007 101.115 6.49507 101.115 4.92007C101.115 4.08007 101.355 3.43507 101.805 2.86507H100.8V1.14007H103.485V0.195068H105.69V1.14007H108.375V2.88007H107.37C107.805 3.43507 108.045 4.09507 108.045 4.93507C108.045 6.51007 107.04 7.75507 105.675 8.23507V9.04507L105.69 9.03007ZM104.58 6.36007C105.375 6.36007 106.02 5.73007 106.02 4.93507C106.02 4.14007 105.375 3.49507 104.58 3.49507C103.785 3.49507 103.14 4.14007 103.14 4.93507C103.14 5.73007 103.785 6.36007 104.58 6.36007Z fill#231815 classlogo-text-item /> /g> defs> clipPath idclip0_1811_7894> rect width195.615 height76.365 fillwhite /> /clipPath> /defs> /svg> svg width196 height77 viewBox0 0 196 77 fillnone xmlnshttp://www.w3.org/2000/svg classlogo-main-title preserveAspectRatioxMinYMid> g> g classlogo-black-title> path dM26.115 47.055L16.29 38.67V29.04H9.525V38.73L0 47.28L4.515 52.32L12.975 44.73L21.735 52.185L26.115 47.055Z fill#231815 classlogo-text-item /> path dM50.4001 43.4551V36.6901H40.6651V22.9651H33.9001V56.3551H25.8301V76.0201H46.3051V56.3551H40.6651V43.4551H50.4001ZM39.5401 69.2701H32.5801V63.1201H39.5401V69.2701Z fill#231815 classlogo-text-item /> path dM91.9052 23.8801V36.6751H81.2852V43.4401H91.9052V54.9601H98.6702V23.8801H91.9052Z fill#231815 classlogo-text-item /> path dM78.8851 52.0051H59.3701V28.9951H79.0201V35.7601H66.1351V45.2551H78.8851V52.0051Z fill#231815 classlogo-text-item /> path dM98.6698 76.365H91.9048V63.075H74.5498V56.325H98.6698V76.365Z fill#231815 classlogo-text-item /> path dM135.54 49.8599H142.29V27.5249H114.72V34.2899H135.54V49.8599Z fill#231815 classlogo-text-item /> path dM132.99 53.985V44.145H126.225V53.985H122.46V44.145H115.71V53.985H107.37V60.735H147.33V53.985H132.99Z fill#231815 classlogo-text-item /> path dM195.585 53.9851V23.4151H188.82V53.9851H171.75V50.5051C175.545 49.0801 178.26 45.4351 178.26 41.1451C178.26 38.9101 177.51 36.8551 176.265 35.1901H180.48V28.4251H171.045V22.2151H164.28V28.4251H156.24V35.1901H160.26C159.015 36.8551 158.265 38.9101 158.265 41.1451C158.265 45.5101 161.07 49.2001 164.97 50.5651V53.9851H155.64V60.7351H195.585V53.9851ZM165.06 41.1451C165.06 39.3601 166.5 37.9201 168.285 37.9201C170.07 37.9201 171.51 39.3751 171.51 41.1451C171.51 42.9151 170.07 44.3851 168.285 44.3851C166.5 44.3851 165.06 42.9301 165.06 41.1451Z fill#231815 classlogo-text-item /> /g> g classlogo-color-bullet> path dM142.305 27.5249H135.54V34.2749H142.305V27.5249Z fill#00A0E9 classlogo-blue-rect /> path dM66.1351 45.2551H59.3701V52.0201H66.1351V45.2551Z fill#C30D23 classlogo-red-rect /> path dM46.305 56.355H39.54V63.12H46.305V56.355Z fill#F39800 classlogo-yellow-rect /> path dM171.765 53.9851H165V60.7501H171.765V53.9851Z fill#E4007F classlogo-magenta-rect /> /g> /g> /svg> /div> div classgnb-modal-close mo data-bs-dismissmodal> svg xmlnshttp://www.w3.org/2000/svg width70 height70 viewBox0 0 50 50 fillnone> path dM37.5 12.5L12.5 37.5M12.5 12.5L37.5 37.5 strokeblack stroke-width2 stroke-linecapround stroke-linejoinround /> /svg> /div> /div> div classcol-xl-10 col-lg-9 gnb-wrap d-flex flex-column> div classgnb-wrap-top pc> div classgnb-modal-close data-bs-dismissmodal> svg xmlnshttp://www.w3.org/2000/svg width70 height70 viewBox0 0 50 50 fillnone> path dM37.5 12.5L12.5 37.5M12.5 12.5L37.5 37.5 strokeblack stroke-width2 stroke-linecapround stroke-linejoinround /> /svg> /div> /div> div classgnb-wrap-middle> div classgnb-menu> ul> li> h4>예배/h4> div classnav-items> dl classstep2-wrap> dd classstep2-title menu-codeb01 onclickgo_url(/home/b01/) stylecursor: pointer> 주일예배 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codeb02 onclickgo_url(/home/b02/) stylecursor: pointer> 수요기도회 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codeb03 onclickgo_url(/home/b03/) stylecursor: pointer> 금요기도회 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codeb06 onclickgo_url(/home/b06/) stylecursor: pointer> 찬양 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codeb05 onclickgo_url(/home/b05/) stylecursor: pointer> 새벽기도회 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codea94 onclickgo_url(/home/a94/) stylecursor: pointer> 바푸너(BAPUNER) /dd> /dl> /div> /li> li> h4>성장/h4> div classnav-items> dl classstep2-wrap> dd classstep2-title menu-codec0101 onclickgo_url(/home/c0101/) stylecursor: pointer> 다음세대 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codec04 onclickgo_url(/home/c04/) stylecursor: pointer> 청년 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codec02 onclickgo_url(/home/c02/) stylecursor: pointer> 장년 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codec03 onclickgo_url(/home/c03/read_latest) stylecursor: pointer> 전교인 성경통독 /dd> /dl> /div> /li> li> h4>소통/h4> div classnav-items> dl classstep2-wrap> dd classstep2-title menu-coded01 onclickgo_url(/home/d01/) stylecursor: pointer> 신망애 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-coded02 onclickgo_url(/home/d02/) stylecursor: pointer> 주보 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codea90 onclickgo_url(/home/a90/) stylecursor: pointer> 갤러리 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-coded04 onclickgo_url(/home/d04/) stylecursor: pointer> 교회소식 /dd> /dl> /div> /li> li> h4>행정/h4> div classnav-items> dl classstep2-wrap> dd classstep2-title menu-codee01 onclickgo_url(/home/e01/) stylecursor: pointer> 새가족 등록 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codee02 onclickgo_url(/home/e02/) stylecursor: pointer> 장소 예약 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codee03 onclickgo_url(/home/e03/) stylecursor: pointer> 헌금 안내 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codee04 onclickgo_url(/home/e04/) stylecursor: pointer> 온라인 센터 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codee05 onclickgo_url(/home/e05/) stylecursor: pointer> 예식 안내 /dd> /dl> /div> /li> li> h4>교회소개/h4> div classnav-items> dl classstep2-wrap> dd classstep2-title menu-codea01 onclickgo_url(/home/a01/) stylecursor: pointer> 비전 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codea02 onclickgo_url(/home/a02/) stylecursor: pointer> 역사 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codea03 onclickgo_url(/home/a03/) stylecursor: pointer> 섬기는 사람 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codebuilding onclickgo_url(/home/building/) stylecursor: pointer> 시설안내 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codea05 onclickgo_url(/home/a05/) stylecursor: pointer> 예배안내 /dd> /dl> dl classstep2-wrap> dd classstep2-title menu-codea87 onclickgo_url(/home/a87/) stylecursor: pointer> 오시는길 /dd> /dl> /div> /li> /ul> /div> div classgnb-banner> span classsubtitle>2024년br />교회 표어/span> span classtitle>예수의 증인br />세상의 이웃/span> span classbible>땅 끝까지 이르러 내 증인이 되리라br />행 1:8/span> span classimg>img srchttps://site-assets.moim.us/a1/b0/c0/d81/37163d3b-7e41-455d-b6d0-6e1af8cb51b9/html/assets/images/bg_icon1.png />/span> /div> /div> div classgnb-wrap-bottom d-flex> div classgnb-favorite> h4>자주찾는 서비스/h4> ul classgrid-container> li onclicklocation.href/home/e02/ stylecursor: pointer> svg xmlnshttp://www.w3.org/2000/svg width48 height43 viewBox0 0 48 43 fillnone> path dM22.6667 4.00002C24.1417 4.00002 25.3333 5.19169 25.3333 6.66669V17.3334C25.3333 18.8084 24.1417 20 22.6667 20H4C2.525 20 1.33333 18.8084 1.33333 17.3334V6.66669C1.33333 5.19169 2.525 4.00002 4 4.00002H22.6667ZM4 2.66669C1.79167 2.66669 0 4.45835 0 6.66669V17.3334C0 19.5417 1.79167 21.3334 4 21.3334H22.6667C24.875 21.3334 26.6667 19.5417 26.6667 17.3334V6.66669C26.6667 4.45835 24.875 2.66669 22.6667 2.66669H4ZM44 4.00002C45.475 4.00002 46.6667 5.19169 46.6667 6.66669V28C46.6667 29.475 45.475 30.6667 44 30.6667H36C34.525 30.6667 33.3333 29.475 33.3333 28V6.66669C33.3333 5.19169 34.525 4.00002 36 4.00002H44ZM36 2.66669C33.7917 2.66669 32 4.45835 32 6.66669V28C32 30.2084 33.7917 32 36 32H44C46.2083 32 48 30.2084 48 28V6.66669C48 4.45835 46.2083 2.66669 44 2.66669H36ZM9.33333 26.6667H24C25.475 26.6667 26.6667 27.8584 26.6667 29.3334V36C26.6667 37.475 25.475 38.6667 24 38.6667H9.33333C7.85833 38.6667 6.66667 37.475 6.66667 36V29.3334C6.66667 27.8584 7.85833 26.6667 9.33333 26.6667ZM5.33333 29.3334V36C5.33333 38.2084 7.125 40 9.33333 40H24C26.2083 40 28 38.2084 28 36V29.3334C28 27.125 26.2083 25.3334 24 25.3334H9.33333C7.125 25.3334 5.33333 27.125 5.33333 29.3334Z fillblack /> /svg> div classspace stylemargin-top: 10px>/div> 장소예약 /li> li onclicklocation.href/home/e01/ stylecursor: pointer> svg xmlnshttp://www.w3.org/2000/svg width48 height48 viewBox0 0 48 48 fillnone> g clip-pathurl(#clip0_1036_522)> path dM45 1.5C45.825 1.5 46.5 2.175 46.5 3C46.5 12.6469 39.4969 20.6625 30.2906 22.2281C30.3844 22.7156 30.4688 23.2125 30.5344 23.7094C40.4438 22.0219 48 13.3969 48 3C48 1.34062 46.6594 0 45 0H42C34.4062 0 27.75 4.03125 24.0563 10.0781C24.4125 10.4625 24.7594 10.8562 25.0969 11.2594C28.4719 5.42812 34.7812 1.5 42 1.5H45ZM6 7.5C16.7719 7.5 25.5 16.2281 25.5 27V28.5H21C10.2281 28.5 1.5 19.7719 1.5 9C1.5 8.175 2.175 7.5 3 7.5H6ZM3 6C1.34062 6 0 7.34062 0 9C0 20.5969 9.40313 30 21 30H25.5V47.25C25.5 47.6625 25.8375 48 26.25 48C26.6625 48 27 47.6625 27 47.25V30V29.25V28.5V27C27 15.4031 17.5969 6 6 6H3Z fillblack /> /g> defs> clipPath idclip0_1036_522> rect width48 height48 fillwhite /> /clipPath> /defs> /svg> div classspace stylemargin-top: 10px>/div> 새가족안내 /li> li onclicklocation.href/home/b01/ stylecursor: pointer> svg xmlnshttp://www.w3.org/2000/svg width60 height48 viewBox0 0 60 48 fillnone> g clip-pathurl(#clip0_1036_509)> path dM30 4.39689L28.3406 2.70939C25.5844 -0.0843629 21.1219 -0.0843629 18.3656 2.70939C15.6094 5.50314 15.6094 10.0406 18.3656 12.8344L27.8906 22.5094C28.4719 23.1 29.2312 23.3906 30 23.3906C30.7687 23.3906 31.5281 23.1 32.1094 22.5094L41.6344 12.8344C44.3906 10.0406 44.3906 5.50314 41.6344 2.70939C38.8781 -0.0843629 34.4156 -0.0843629 31.6594 2.70939L30 4.39689ZM30.5344 5.99064L32.7281 3.75939C34.8937 1.55626 38.4 1.55626 40.5656 3.75939C42.7406 5.97189 42.7406 9.56251 40.5656 11.775L31.0406 21.4594C30.75 21.75 30.375 21.9 30 21.9C29.625 21.9 29.25 21.7594 28.9594 21.4594L19.4344 11.7844C17.2594 9.57189 17.2594 5.98126 19.4344 3.76876C21.6 1.56564 25.1062 1.56564 27.2719 3.76876L29.4656 6.00001C29.7562 6.30001 30.2437 6.30001 30.5344 6.00001V5.99064ZM9 10.5C9 8.01564 6.98437 6.00001 4.5 6.00001C2.01562 6.00001 0 8.01564 0 10.5V32.2688C0 34.8563 1.03125 37.3313 2.85937 39.1594L11.475 47.775C11.7656 48.0656 12.2437 48.0656 12.5344 47.775C12.825 47.4844 12.825 47.0063 12.5344 46.7156L3.91875 38.1094C2.37187 36.5625 1.5 34.4625 1.5 32.2688V10.5C1.5 8.84064 2.84062 7.50001 4.5 7.50001C6.15937 7.50001 7.5 8.84064 7.5 10.5V24.2813C7.5 26.2219 8.26875 28.0875 9.64687 29.4563L11.475 31.2844L16.7156 36.525L17.4656 37.275C17.7562 37.5656 18.2344 37.5656 18.525 37.275C18.8156 36.9844 18.8156 36.5063 18.525 36.2156L17.775 35.4656L12.5344 30.225C11.5406 29.2313 11.475 27.6375 12.3937 26.5594C13.4156 25.3688 15.2344 25.2938 16.35 26.4094L25.05 35.1C26.2969 36.3469 27 38.0438 27 39.8156V47.25C27 47.6625 27.3375 48 27.75 48C28.1625 48 28.5 47.6625 28.5 47.25V39.825C28.5 37.6594 27.6375 35.5781 26.1094 34.05L17.4094 25.35C15.6844 23.625 12.8437 23.7281 11.2594 25.5844C10.6781 26.2594 10.35 27.075 10.2656 27.9C9.45 26.8781 9 25.6031 9 24.2813V10.5ZM55.5 6.00001C53.0156 6.00001 51 8.01564 51 10.5V24.2813C51 25.6031 50.55 26.8875 49.7344 27.9094C49.65 27.0844 49.3219 26.2688 48.7406 25.5938C47.1469 23.7375 44.3156 23.625 42.5906 25.3594L33.9 34.0594C32.3719 35.5875 31.5094 37.6688 31.5094 39.8344V47.25C31.5094 47.6625 31.8469 48 32.2594 48C32.6719 48 33.0094 47.6625 33.0094 47.25V39.825C33.0094 38.0531 33.7125 36.3563 34.9594 35.1094L43.6594 26.4188C44.7656 25.3031 46.5937 25.3781 47.6156 26.5688C48.5344 27.6375 48.4687 29.2313 47.475 30.2344L42.2344 35.475L41.4844 36.225C41.1937 36.5156 41.1937 36.9938 41.4844 37.2844C41.775 37.575 42.2531 37.575 42.5437 37.2844L43.2937 36.5344L48.5344 31.2938L50.3625 29.4656C51.7312 28.0781 52.5 26.2219 52.5 24.2813V10.5C52.5 8.84064 53.8406 7.50001 55.5 7.50001C57.1594 7.50001 58.5 8.84064 58.5 10.5V32.2688C58.5 34.4531 57.6281 36.5531 56.0812 38.1L47.4656 46.7156C47.175 47.0063 47.175 47.4844 47.4656 47.775C47.7562 48.0656 48.2344 48.0656 48.525 47.775L57.1406 39.1594C58.9687 37.3313 60 34.8469 60 32.2688V10.5C60 8.01564 57.9844 6.00001 55.5 6.00001Z fillblack /> /g> defs> clipPath idclip0_1036_509> rect width60 height48 fillwhite /> /clipPath> /defs> /svg> div classspace stylemargin-top: 10px>/div> 주일예배 /li> li onclicklocation.href/home/d02/view_list/page/0 stylecursor: pointer> svg xmlnshttp://www.w3.org/2000/svg width42 height48 viewBox0 0 42 48 fillnone> g clip-pathurl(#clip0_1036_516)> path dM1.5 12V42C1.5 44.4844 3.51562 46.5 6 46.5H36C38.4844 46.5 40.5 44.4844 40.5 42V12H1.5ZM1.5 10.5H40.5V6C40.5 3.51562 38.4844 1.5 36 1.5H6C3.51562 1.5 1.5 3.51562 1.5 6V10.5ZM42 6V10.5V11.25V12V42C42 45.3094 39.3094 48 36 48H6C2.69062 48 0 45.3094 0 42V12V11.25V10.5V6C0 2.69063 2.69062 0 6 0H36C39.3094 0 42 2.69063 42 6ZM9.75 19.5H32.25C32.6625 19.5 33 19.8375 33 20.25C33 20.6625 32.6625 21 32.25 21H9.75C9.3375 21 9 20.6625 9 20.25C9 19.8375 9.3375 19.5 9.75 19.5ZM9.75 28.5H32.25C32.6625 28.5 33 28.8375 33 29.25C33 29.6625 32.6625 30 32.25 30H9.75C9.3375 30 9 29.6625 9 29.25C9 28.8375 9.3375 28.5 9.75 28.5ZM9.75 37.5H23.25C23.6625 37.5 24 37.8375 24 38.25C24 38.6625 23.6625 39 23.25 39H9.75C9.3375 39 9 38.6625 9 38.25C9 37.8375 9.3375 37.5 9.75 37.5Z fill#111111 /> /g> defs> clipPath idclip0_1036_516> rect width42 height48 fillwhite /> /clipPath> /defs> /svg> div classspace stylemargin-top: 10px>/div> 주보 /li> li onclicklocation.href/home/d01/view_list/page/0 stylecursor: pointer> svg xmlnshttp://www.w3.org/2000/svg width60 height48 viewBox0 0 60 48 fillnone> g clip-pathurl(#clip0_1036_525)> path dM30.8812 40.5937L51.2906 36.5156C51.9937 36.375 52.5 35.7562 52.5 35.0437V3.14061C52.5 2.23123 51.6937 1.52811 50.7937 1.64998L30.75 4.41561V40.6219C30.7969 40.6125 30.8344 40.6031 30.8812 40.5937ZM29.25 40.6219V4.41561L9.20625 1.65936C8.30625 1.52811 7.5 2.23123 7.5 3.14061V35.0437C7.5 35.7562 8.00625 36.375 8.70937 36.5156L29.1187 40.5937C29.1656 40.6031 29.2031 40.6125 29.25 40.6219ZM50.5875 0.168734C52.3969 -0.0750155 54 1.32186 54 3.14061V35.0437C54 36.4781 52.9875 37.7062 51.5906 37.9875L31.1812 42.0656C30.4031 42.225 29.6062 42.225 28.8281 42.0656L8.40937 37.9781C7.00312 37.6969 6 36.4687 6 35.0344V3.14061C6 1.32186 7.60312 -0.0750155 9.4125 0.168734L30 2.99998L50.5875 0.168734ZM0 6.14061C0 4.46248 1.36875 3.14061 3 3.14061V4.64061C2.18437 4.64061 1.5 5.29686 1.5 6.14061V39.2437C1.5 39.9562 2.00625 40.575 2.70937 40.7156L29.1187 45.9937C29.7 46.1062 30.3 46.1062 30.8812 45.9937L57.2906 40.7156C57.9937 40.575 58.5 39.9562 58.5 39.2437V6.14061C58.5 5.29686 57.8156 4.64061 57 4.64061V3.14061C58.6312 3.14061 60 4.46248 60 6.14061V39.2437C60 40.6781 58.9875 41.9062 57.5906 42.1875L31.1812 47.4656C30.4031 47.625 29.6062 47.625 28.8281 47.4656L2.40937 42.1781C1.0125 41.9062 0 40.6687 0 39.2437V6.14061Z fillblack /> /g> defs> clipPath idclip0_1036_525> rect width60 height48 fillwhite /> /clipPath> /defs> /svg> div classspace stylemargin-top: 10px>/div> 신망애 /li> li onclickgo_url(/home/d03/) stylecursor: pointer> svg xmlnshttp://www.w3.org/2000/svg width54 height48 viewBox0 0 54 48 fillnone> path dM48 34.5H15C12.5156 34.5 10.5 32.4844 10.5 30V9C10.5 6.51562 12.5156 4.5 15 4.5H26.0156C27.2062 4.5 28.35 4.97812 29.1937 5.82187L31.6781 8.30625C33.0844 9.7125 34.9969 10.5 36.9844 10.5H48C50.4844 10.5 52.5 12.5156 52.5 15V30C52.5 32.4844 50.4844 34.5 48 34.5ZM15 36H48C51.3094 36 54 33.3094 54 30V15C54 11.6906 51.3094 9 48 9H36.9844C35.3906 9 33.8625 8.37188 32.7375 7.24688L30.2531 4.75313C29.1281 3.62813 27.6 3 26.0062 3H15C11.6906 3 9 5.69063 9 9V30C9 33.3094 11.6906 36 15 36ZM0 18V39C0 42.3094 2.69063 45 6 45H39C42.3094 45 45 42.3094 45 39H43.5C43.5 41.4844 41.4844 43.5 39 43.5H6C3.51562 43.5 1.5 41.4844 1.5 39V18C1.5 15.5156 3.51562 13.5 6 13.5V12C2.69063 12 0 14.6906 0 18Z fillblack /> /svg> div classspace stylemargin-top: 10px>/div> 갤러리 /li> li onclicklocation.href/home/c03/read_latest stylecursor: pointer> svg xmlnshttp://www.w3.org/2000/svg width42 height48 viewBox0 0 42 48 fillnone> g clip-pathurl(#clip0_1036_472)> path dM0 5.25C0 2.35313 2.35313 0 5.25 0H38.25C40.3219 0 42 1.67812 42 3.75V35.25C42 37.0687 40.7156 38.5781 39 38.925V46.5H41.25C41.6625 46.5 42 46.8375 42 47.25C42 47.6625 41.6625 48 41.25 48H5.25C2.35313 48 0 45.6469 0 42.75V5.25ZM5.25 39C3.17812 39 1.5 40.6781 1.5 42.75C1.5 44.8219 3.17812 46.5 5.25 46.5H37.5V39H5.25ZM1.5 39.075C2.45625 38.1 3.77813 37.5 5.25 37.5H38.25C39.4969 37.5 40.5 36.4969 40.5 35.25V3.75C40.5 2.50312 39.4969 1.5 38.25 1.5H5.25C3.17812 1.5 1.5 3.17812 1.5 5.25V39.075ZM21 7.5H24C25.2469 7.5 26.25 8.50313 26.25 9.75V13.5H30C31.2469 13.5 32.25 14.5031 32.25 15.75V18.75C32.25 19.9969 31.2469 21 30 21H26.25V29.25C26.25 30.4969 25.2469 31.5 24 31.5H21C19.7531 31.5 18.75 30.4969 18.75 29.25V21H15C13.7531 21 12.75 19.9969 12.75 18.75V15.75C12.75 14.5031 13.7531 13.5 15 13.5H18.75V9.75C18.75 8.50313 19.7531 7.5 21 7.5ZM20.25 9.75V14.25C20.25 14.6625 19.9125 15 19.5 15H15C14.5875 15 14.25 15.3375 14.25 15.75V18.75C14.25 19.1625 14.5875 19.5 15 19.5H19.5C19.9125 19.5 20.25 19.8375 20.25 20.25V29.25C20.25 29.6625 20.5875 30 21 30H24C24.4125 30 24.75 29.6625 24.75 29.25V20.25C24.75 19.8375 25.0875 19.5 25.5 19.5H30C30.4125 19.5 30.75 19.1625 30.75 18.75V15.75C30.75 15.3375 30.4125 15 30 15H25.5C25.0875 15 24.75 14.6625 24.75 14.25V9.75C24.75 9.3375 24.4125 9 24 9H21C20.5875 9 20.25 9.3375 20.25 9.75Z fillblack /> /g> defs> clipPath idclip0_1036_472> rect width42 height48 fillwhite /> /clipPath> /defs> /svg> div classspace stylemargin-top: 10px>/div> 성경통독 /li> li onclicklocation.href/home/a04/ stylecursor: pointer> svg xmlnshttp://www.w3.org/2000/svg width54 height48 viewBox0 0 54 48 fillnone> g clip-pathurl(#clip0_1036_467)> path dM35.7469 15.1125C35.1 16.65 34.1906 18.3188 33.1687 19.9781C31.125 23.2969 28.7062 26.4562 27.2156 28.3125C27.0937 28.4625 26.8969 28.4625 26.7844 28.3125C25.2938 26.4562 22.875 23.2875 20.8312 19.9781C19.8094 18.3188 18.9 16.65 18.2531 15.1125C17.5969 13.5469 17.25 12.2344 17.25 11.25C17.25 5.86875 21.6187 1.5 27 1.5C32.3812 1.5 36.75 5.86875 36.75 11.25C36.75 12.2344 36.4125 13.5469 35.7469 15.1125ZM28.3875 29.25C31.3969 25.4906 38.25 16.3687 38.25 11.25C38.25 5.03437 33.2156 0 27 0C20.7844 0 15.75 5.03437 15.75 11.25C15.75 16.3687 22.6031 25.4906 25.6125 29.25C26.3344 30.15 27.675 30.15 28.3875 29.25ZM39.4781 17.8125L50.4844 13.8094C51.4594 13.4531 52.5 14.175 52.5 15.2156V39.675C52.5 40.3031 52.1063 40.8656 51.5156 41.0813L37.5 46.1813V27.75C37.5 27.3375 37.1625 27 36.75 27C36.3375 27 36 27.3375 36 27.75V46.2375L18 40.6969V27.75C18 27.3375 17.6625 27 17.25 27C16.8375 27 16.5 27.3375 16.5 27.75V40.725L3.51562 45.45C2.53125 45.8062 1.5 45.075 1.5 44.0344V19.575C1.5 18.9469 1.89375 18.3844 2.48438 18.1688L13.1906 14.2781C13.0594 13.7906 12.9469 13.2937 12.8719 12.7969L1.97813 16.7531C0.7875 17.1844 0 18.3188 0 19.575V44.0344C0 46.1156 2.07188 47.5687 4.02188 46.8562L17.2687 42.0375L36.525 47.9625C36.6844 48.0094 36.8438 48.0094 37.0031 47.9531L52.0219 42.4875C53.2031 42.0563 54 40.9313 54 39.6656V15.2156C54 13.1344 51.9281 11.6812 49.9781 12.3937L40.275 15.9188C40.1531 16.2375 40.0312 16.5469 39.9 16.8563C39.7687 17.1656 39.6281 17.4844 39.4781 17.8031V17.8125ZM24 10.5C24 9.70435 24.3161 8.94129 24.8787 8.37868C25.4413 7.81607 26.2044 7.5 27 7.5C27.7956 7.5 28.5587 7.81607 29.1213 8.37868C29.6839 8.94129 30 9.70435 30 10.5C30 11.2956 29.6839 12.0587 29.1213 12.6213C28.5587 13.1839 27.7956 13.5 27 13.5C26.2044 13.5 25.4413 13.1839 24.8787 12.6213C24.3161 12.0587 24 11.2956 24 10.5ZM31.5 10.5C31.5 9.30653 31.0259 8.16193 30.182 7.31802C29.3381 6.47411 28.1935 6 27 6C25.8065 6 24.6619 6.47411 23.818 7.31802C22.9741 8.16193 22.5 9.30653 22.5 10.5C22.5 11.6935 22.9741 12.8381 23.818 13.682C24.6619 14.5259 25.8065 15 27 15C28.1935 15 29.3381 14.5259 30.182 13.682C31.0259 12.8381 31.5 11.6935 31.5 10.5Z fillblack /> /g> defs> clipPath idclip0_1036_467> rect width54 height48 fillwhite /> /clipPath> /defs> /svg> div classspace stylemargin-top: 10px>/div> 시설안내 /li> li onclicklocation.hrefhttps://www.instagram.com/samduk1952/ stylecursor: pointer> svg xmlnshttp://www.w3.org/2000/svg width50 height48 viewBox0 0 48 48 fillnone> path fill-ruleevenodd clip-ruleevenodd dM36 1.5H12C6.20101 1.5 1.5 6.20101 1.5 12V36C1.5 41.799 6.20101 46.5 12 46.5H36C41.799 46.5 46.5 41.799 46.5 36V12C46.5 6.20101 41.799 1.5 36 1.5ZM12 0C5.37258 0 0 5.37258 0 12V36C0 42.6274 5.37258 48 12 48H36C42.6274 48 48 42.6274 48 36V12C48 5.37258 42.6274 0 36 0H12ZM24.234 34.4565C29.5798 34.4565 33.9681 30.0197 33.9681 24.4783C33.9681 18.9368 29.5798 14.5 24.234 14.5C18.8883 14.5 14.5 18.9368 14.5 24.4783C14.5 30.0197 18.8883 34.4565 24.234 34.4565ZM24.234 35.9565C30.4384 35.9565 35.4681 30.8175 35.4681 24.4783C35.4681 18.139 30.4384 13 24.234 13C18.0297 13 13 18.139 13 24.4783C13 30.8175 18.0297 35.9565 24.234 35.9565ZM38 12.3479C39.1046 12.3479 40 11.4525 40 10.3479C40 9.24333 39.1046 8.3479 38 8.3479C36.8954 8.3479 36 9.24333 36 10.3479C36 11.4525 36.8954 12.3479 38 12.3479Z fillblack /> /svg> div classspace stylemargin-top: 10px>/div> 인스타그램 /li> li onclicklocation.hrefhttps://www.youtube.com/@samduk_church stylecursor: pointer> svg xmlnshttp://www.w3.org/2000/svg width62 height46 viewBox0 0 62 46 fillnone> path fill-ruleevenodd clip-ruleevenodd dM13 1.5H49C55.3513 1.5 60.5 6.64873 60.5 13V33C60.5 39.3513 55.3513 44.5 49 44.5H13C6.64872 44.5 1.5 39.3513 1.5 33V13C1.5 6.64873 6.64873 1.5 13 1.5ZM0 13C0 5.8203 5.8203 0 13 0H49C56.1797 0 62 5.8203 62 13V33C62 40.1797 56.1797 46 49 46H13C5.8203 46 0 40.1797 0 33V13ZM26.2044 12.7269C24.3777 11.8369 22.25 13.1671 22.25 15.1991V29.7267C22.25 31.7833 24.4249 33.1122 26.2549 32.1737L40.7825 24.7236C42.7991 23.6895 42.7694 20.797 40.732 19.8044L26.2044 12.7269ZM23.75 15.1991C23.75 14.2755 24.7171 13.6708 25.5475 14.0753L40.0751 21.1529C41.0012 21.6041 41.0146 22.9189 40.098 23.3889L25.5704 30.839C24.7386 31.2655 23.75 30.6615 23.75 29.7267V15.1991Z fillblack /> /svg> div classspace stylemargin-top: 10px>/div> 유튜브 /li> /ul> /div> div idgnb-worship> div classgnb-worship v-iflatestWorship> a :href/home/b01/contents/> span classsubtitle>강영롱 목사님의br />주일예배 설교 영상/span> span classtitle>{{ latestWorship.title }}/span> span classbible>{{ latestWorship.etc2 }}/span> span classdate>{{ latestWorship.etc4 }}/span> span classimg> img srchttps://site-assets.moim.us/a1/b0/c0/d81/37163d3b-7e41-455d-b6d0-6e1af8cb51b9/html/assets/images/pastor_2.png?20240904 /> /span> /a> /div> /div> /div> /div> /div> /div> /div> /div> /div>/div>style> body { letter-spacing: -0.02em; } body a { color: unset; text-decoration: none; } body a:hover, body a:active, body a:focus { color: unset; } header { position: absolute; width: auto; /*min-width: 1200px;*/ top: 0; left: 0; right: 0; z-index: 20; background: transparent; transition: all 0.5s; min-height: 80px; } header.sticky { position: fixed; top: 0; left: 0; background: var(--bs-body-bg); height: 100px; box-shadow: 0 0 19px 0 rgb(0 0 0 / 10%); } footer .lnb ul li { font-weight: 500; } a.bottom-bar-link { display: flex; width:100%; height: 100%; justify-content: center; align-items: center; flex-direction: column; } @media screen and (max-width: 1024px) { header { height: 140px; min-width: unset; min-height: unset; } header.sticky { height: 60px; } header.sticky .logo { height: 45px; } header.sticky .logo svg { height: 45px; } header.sticky .mobile-gnb { height: 45px; } .gnb-modal > .row { margin: 0; } .gnb-modal .gnb-wrap { padding: 0; } .mobile-top-area { padding: 30px 25px 0 25px; } .logo-area svg { /*height: 45px;*/ width: 90px; } .gnb-modal-close { height: 45px; display: flex; align-items: center; } } /*@media screen and (max-width: 568px) *//style>style> .sub-layout-container { padding-top: 300px; min-height: 70vh; } /* 모바일 */ @media screen and (max-width: 1024px) { .sub-layout-container { padding-top: 120px; } }/style>script> document.addEventListener(DOMContentLoaded, function() { gsap.registerPlugin(SplitText); gsap.registerPlugin(ScrollTrigger); gsap.registerPlugin(DrawSVGPlugin); gsap.registerPlugin(MotionPathPlugin); const header document.querySelector(header); window.addEventListener(scroll, function() { if (window.scrollY > 0) { header.classList.add(sticky); header.classList.remove(stop); } else { header.classList.remove(sticky); header.classList.remove(stop); } }); }); function go_url(url) { location.href url; } function open_url(url) { window.open(url, _blank); } // 아이디 패스워드 찾기 function findId(){ // alert(준비중입니다.); location.href /home/find_id_passwd/; } $(function() { // 탭 아이템 클릭 시 $(.tab).on(click, li, function() { var index $(this).index() + 1; // 해당 탭 아이템을 활성화 $(.tab li).removeClass(active); $(this).addClass(active); // 해당 서브탭 및 콘텐츠를 활성화 $(.sub-tab ul).removeClass(active); $(.sub-tab-item + index).addClass(active); $(.sub-item-content + index + 1).addClass(active); $(.page-wrap).removeClass(active); $(.tab-panel).removeClass(active); $(.tab-panel- + index + 1).addClass(active); }); // 서브탭 아이템 클릭 시 $(.sub-tab).on(click, li, function() { var index $(this).index() + 1; var parentIndex $(this).parent().index() + 1; // 해당 서브탭 아이템을 활성화 $(.sub-tab li).removeClass(active); $(this).addClass(active); // 해당 콘텐츠를 활성화 $(.page-wrap).removeClass(active); $(.tab-panel- + parentIndex + index).addClass(active); }); }); const app Vue.createApp({ data() { return { latestWorship: null, }; }, mounted() { this.fetchLatestWorship(); }, methods: { fetchLatestWorship() { axios.get(/api/documents/getLatestWorship?moduleIdb01) .then(response > { this.latestWorship response.data; }) .catch(error > { console.error(error); }); }, }, }); app.mount(#gnb-worship);/script>!--button idintroAnimationToggleButton styleposition: fixed; bottom: 200px; right: 200px; z-index: 29999;>Toggle Animation/button>-->/body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]