@charset "utf-8"; body.noscroll #wrap{position: relative;} body.noscroll{overflow: hidden;width: 100%;height: 100%;touch-action: none;} .mo{display: none} .pc{display: block;} .pc.inline{display: inline;} colgroup.pc{display: table-column-group} col.pc{display: table-column} th.pc, td.pc{display: table-cell} img {max-width: 100%;} .thumb{display:inline-block;overflow:hidden;width:100%;height:100%;box-sizing: border-box;vertical-align: middle} .thumb img{object-fit: cover;object-position: 50% 50%;width:100%;height:100%;} .bar{position:relative;margin: 0 6px;display: inline-block;vertical-align:middle;width: 1px;height: 13px;font-size: 0;color: transparent} #wrap{position: relative;width: 100%;height: 100%;min-width:280px;min-height: 100%;padding: 0;padding-top: 226px;box-sizing: border-box;overflow: hidden;} #wrap{min-height: 100vh; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; } #footer{margin-top: auto;} .resp_inner, #header .head, #footer .related_site .site_list, .total_nav .total_inner{position:relative;padding: 0 20px;width: 100%;max-width: 1440px;margin: 0 auto;box-sizing: border-box;} #header{position: fixed;top:0;left:0;width: 100%;z-index: 1000;background-color: #fff;padding-top: 52px;} #header .logo{display: inline-block;vertical-align: middle;position: relative;} #header .logo > a{display: block;width: 221px;height: 70px;background: url("/resource/usr/image/logo.svg") no-repeat 0 50%;background-size: cover} #header .logo.online > a{width: 178px;background-image: url("/resource/usr/image/logo_online.svg")} #header .logo.tschool > a{width: 166px;background-image: url("/resource/usr/image/logo_tschool.svg")} #header .logo.nursery > a{width: 227px;background-image: url("/resource/usr/image/logo_nursery.svg")} #header .logo.toddler > a{width: 230px;background-image: url("/resource/usr/image/logo_toddler.svg")} #header .logo.infant > a{width: 198px;background-image: url("/resource/usr/image/logo_infant.svg")} #header .logo.kindergarten > a{width: 215px;background-image: url("/resource/usr/image/logo_kindergarten.svg")} #header .logo.elementary > a{width: 198px;background-image: url("/resource/usr/image/logo_elementary.svg")} #header .logo.boys > a{width: 220px;background-image: url("/resource/usr/image/logo_boys.svg")} #header .logo.special_needs > a{width: 222px;background-image: url("/resource/usr/image/logo_special_needs.svg")} #header .logo.youth > a{width: 220px;background-image: url("/resource/usr/image/logo_youth.svg")} #header .logo.brand_new > a{width: 220px;background-image: url("/resource/usr/image/logo_brand_new.svg")} #header .util_bar .resp_inner{position: relative;z-index: 1} #header .util_bar{background-color: #233B63;color: #fff;position: absolute;top:0;left:0;width: 100%;z-index: 100;transition: top .2s;} #header .util_bar .resp_inner{height:52px;display: flex;align-items: center;} #header .util_bar .resp_inner{justify-content: center;gap:20px} #header .util_bar .col{font-size: 0;flex: 1 1 100%;max-width: 40%;} #header .util_bar .col:nth-child(2){max-width: 40%;text-align: center} #header .util_bar .col:nth-child(3){max-width: 40%;text-align: right} #header .util_bar .close{position: absolute;left:50%;top:3px;transform:translateX(-50%);width: 72px;height: 72px;background-color: #233B63;border-radius: 100%;opacity: 1;} #header .util_bar .close:before{position:absolute;top:43px;left:50%;transform:translateX(-50%);display: block;content: '';width: 22px;height: 12px;background: url("/resource/usr/image/icon_arrow02.svg") no-repeat 0 0;transition: top .1s} #header .gnb_bar{font-size: 0;} #header .gnb_bar .box{position: absolute;top: -52px;left:20px;padding-top: 10px;} #header .home{position:relative;display: inline-block;z-index: 1001;vertical-align:middle;color: #fff;font-size: var(--font-size02);font-weight: 300;padding-left: 26px;} #header .home:before{display: block;z-index: 1001;content: '';width: 18px;height: 16px;background: url("/resource/usr/image/icon_home.svg") no-repeat 0 0;position: absolute;top:50%;left:0;margin-top: -8px;} #header .bar{z-index: 1001;top:0;width: 2px;height: 13px;background-color: #666;border-radius: 2px;margin: 0 20px} #header .manage{position:relative;display:inline-block;z-index: 1001;vertical-align:middle;color:#fff;font-size:var(--font-size02);font-weight:300;padding-left:26px;} #header .manage:before{display:block;z-index: 1001;content:'';width:18px;height:16px;background:url("/resource/usr/image/icon_manage.svg") no-repeat 0 0;position:absolute;top:50%;left:0;margin-top:-8px;} #header .util_bar.off{top: -52px;} #header .util_bar.off .close{top: 7px;} #header .util_bar.off .close:before{top: 53px;transform:translateX(-50%) rotate(180deg)} #header .gnb_bar.off:before{display: block;content:'';position: absolute;top: 0;width: 100%;height: 52px;background-color: #F7F7F7} #header .gnb_bar.off .home{color: #444} #header .gnb_bar.off .home:before{background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.9688 8C17.9688 8.5625 17.5 9 16.9688 9H15.9688L16 14C16 14.0938 16 14.1875 16 14.25V14.75C16 15.4688 15.4375 16 14.75 16H14.25C14.1875 16 14.1562 16 14.125 16C14.0938 16 14.0312 16 14 16H12.25C11.5312 16 11 15.4688 11 14.75V12C11 11.4688 10.5312 11 10 11H8C7.4375 11 7 11.4688 7 12V14.75C7 15.4688 6.4375 16 5.75 16H4C3.9375 16 3.90625 16 3.84375 16C3.8125 16 3.78125 16 3.75 16H3.25C2.53125 16 2 15.4688 2 14.75V11.25C2 11.25 2 11.2188 2 11.1875V9H1C0.4375 9 0 8.5625 0 8C0 7.71875 0.09375 7.46875 0.3125 7.25L8.3125 0.28125C8.53125 0.0625 8.78125 0 9 0C9.21875 0 9.46875 0.09375 9.65625 0.25L17.625 7.25C17.875 7.46875 18 7.71875 17.9688 8Z' fill='%23444444'/%3E%3C/svg%3E%0A");} #header .gnb_bar.off .manage{color: #444} #header .gnb_bar.off .manage:before{background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.34 1.1 10.9 0H7.1l-.44 1.1c-.33.84-.97 1.52-1.78 1.88l-1.03.44-.44 1.03C3 5.26 2.32 5.9 1.48 6.23L.38 6.67v2.66l1.1.44c.84.33 1.52.97 1.88 1.78l.44 1.03 1.03.44c.81.36 1.45 1.04 1.78 1.88l.44 1.1H10.9l.44-1.1c.33-.84.97-1.52 1.78-1.88l1.03-.44.44-1.03c.36-.81 1.04-1.45 1.88-1.78l1.1-.44V6.67l-1.1-.44c-.84-.33-1.52-.97-1.88-1.78l-.44-1.03-1.03-.44c-.81-.36-1.45-1.04-1.78-1.88zM9 11.25A2.75 2.75 0 1 1 9 5.75a2.75 2.75 0 0 1 0 5.5z' fill='%23444444'/%3E%3C/svg%3E%0A");} #header .gnb_bar.off .bar{background-color: #ddd} #header .gnb_bar.off .custom_option .label{border-color: #444;color: #444} #header .gnb_bar.off .custom_option .label:after{background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.48483 1.00045L5.24219 5.24309L0.999547 1.00045' stroke='%23444444' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");} #header .util_bar_off{display: none;} .hamburger-label{font-size: var(--font-size02); font-weight: 500; color: #fff; letter-spacing: -0.02em; line-height: 1;} .hamburger{position:relative;display: flex; align-items: center; justify-content: center; gap: 8px; width: auto; min-width: 55px; height: 55px; padding: 0 20px; box-sizing: border-box; background-color: #344C6C; border-radius: 100px; cursor: pointer;} .hamburger .btn_total{position:relative; width:23px;height:2px;background:#ddd;/*transition:all .3s ease;*/font-size: 0;color: transparent;border-radius: 2px} .hamburger .btn_total:before, .hamburger .btn_total:after{content:'';display:block;position:absolute;right: 0;width:100%;height:100%;background:#ddd;transition:all .2s ease;} .hamburger .btn_total:before{top:-9px;} .hamburger .btn_total:after{top:9px;} .hamburger.show .btn_total{background:transparent !important;width: 23px;} .hamburger.show .btn_total:before{transform:rotate(45deg);top:0;} .hamburger.show .btn_total:after{top:0;transform:rotate(-45deg);} .custom_option{position: relative;z-index: 1001;width: 157px;display: inline-block;vertical-align: middle} .custom_option .label{position:relative;width:100%;height: 32px;font-size: var(--font-size01);color: #fff;border: 1px solid #fff;border-radius: var(--radius01);text-align: left;padding: 0 28px 0 15px} .custom_option .label:after{position:absolute;top:50%;right: 14px;margin-top: -3px;display: block;content: '';width: 10px;height: 6px;background: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.48483 1.00045L5.24219 5.24309L0.999547 1.00045' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 0 0} .custom_option .option{display:none;position: absolute;top: 36px;left:0;width: 100%;background-color: #fff;border: 1px solid #444;border-radius: var(--radius01);box-sizing: border-box;overflow: hidden} .custom_option .option li{border-bottom: 1px solid #ddd} .custom_option .option li:last-child{border-bottom: 0} .custom_option .option a{display: flex;align-items: center;height:31px;font-weight: 300;font-size: var(--font-size01);color: #444;padding: 0 15px;box-sizing: border-box;} .custom_option .option a:hover{background-color: #E6EFFB;font-weight: 400} .dl01{display: inline-flex;align-items: center;max-width: 100%} .dl01 dt, .dl01 dd{font-size: var(--font-size02);font-weight: 500;} .dl01 dt{position:relative;color: #EC505D;padding-right: 21px;margin-right: 21px;flex-shrink: 0;width:80px;box-sizing: border-box} .dl01 dt:after{display: block;content: '';width: 2px;height: 12px;background-color: #666;border-radius: 2px;position: absolute;top:50%;right:0;margin-top: -6px;} .dl01 dd{color: #fff;padding-left: 0;letter-spacing: -0.02em;padding-bottom: 2px;flex-grow: 1;} .dl01 .date{display:inline-block;vertical-align: middle;font-weight: 100;color: #ddd;margin-left: 18px} .dl01 a{display:inline-block;vertical-align: middle;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;} .dl02{display: inline-flex;align-items: center;max-width: 100%} .dl02 dt, .dl02 dd{font-size: var(--font-size02);font-weight: 300;color: #fff;letter-spacing: -0.02em;} .dl02 dt{position:relative;padding-right: 21px;flex-shrink: 0;box-sizing: border-box} .dl02 dt:after{display: block;content: '';width: 2px;height: 12px;background-color: #666;border-radius: 2px;position: absolute;top:50%;right:0;margin-top: -6px;} .dl02 dd{padding-left: 21px;padding-bottom: 2px;flex-grow: 1;} .dl02 a{display:inline-block;vertical-align: middle;max-width:54%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;} #header .head{display: flex;align-items: center;justify-content: space-between;height:110px} #header .head .col{display: flex;align-items: center;gap:46px} #header .head .col:first-child{gap:60px;} .sns_link{display: inline-flex;gap:15px} .sns_link .btn_sns{display: inline-block;width: 50px;height: 50px;background: url("/resource/usr/image/icon_video.svg") no-repeat 50% 50%;background-color: #666;border-radius: var(--radius02);box-shadow: 2px 2px 10px 0px rgba(51, 51, 51, 0.1);transition: background .1s ease} .sns_link .btn_sns.youtube{background-image: url("/resource/usr/image/icon_youtube.svg")} .sns_link .btn_sns:hover{background-color: #ED1C24} .online{display: inline-flex;align-items: center;} .online .tit, .online .onair{font-size: var(--font-size03);color: #222;font-weight: 700} .online .onair{display: flex;width: 92px;height: 35px;border: 1px solid #888;box-sizing: border-box;align-items: center;justify-content: center;border-radius: 35px} .online .onair span{padding-left: 17px;position: relative} .online .onair span:before{display: block;content:'';width: 6px;height: 6px;background-color: #888;border-radius: 100%;position: absolute;top:50%;left:0;margin-top: -3px} .online .tit{margin-right: 14px} .online .onair.on{border-color: #ED1C24} .online .onair.on span:before{background-color: #ED1C24} .member_nav{gap:16px;display: inline-flex;align-items: center;} .member_nav a{display: inline-block;width: 60px;height: 55px;text-align: center;font-size: var(--font-size02);color: #222;font-weight: 500} .member_nav a.btn_join:before{background-image: url("/resource/usr/image/icon_join.svg");} .member_nav a:hover:before{background-image: url("data:image/svg+xml,%0A%3Csvg width='20' height='27' viewBox='0 0 20 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_320_3980)'%3E%3Cpath d='M10.0514 26.4995H9.94858C4.73975 26.4995 0.5 22.1157 0.5 16.7246V12.9178C0.5 11.2603 1.80506 9.91016 3.40725 9.91016H16.5927C18.1949 9.91016 19.5 11.2603 19.5 12.9178V16.7246C19.5 17.862 19.3126 18.9756 18.9423 20.0373C18.7709 20.5291 18.2475 20.7845 17.7721 20.6071C17.2967 20.4298 17.0499 19.8883 17.2213 19.3965C17.5184 18.5406 17.6693 17.6421 17.6693 16.7246V12.9178C17.6693 12.303 17.1847 11.8018 16.5905 11.8018H3.40725C2.813 11.8018 2.32846 12.303 2.32846 12.9178V16.7246C2.32846 21.0706 5.74768 24.6079 9.94858 24.6079H10.0514C12.0742 24.6079 13.9803 23.7968 15.418 22.3214C15.7768 21.9525 16.355 21.9549 16.7116 22.3261C17.0681 22.6974 17.0659 23.2956 16.707 23.6644C14.9266 25.4922 12.5633 26.4995 10.0537 26.4995H10.0514Z' fill='%23567DB0'/%3E%3Cpath d='M14.6613 11.8023C14.1561 11.8023 13.747 11.379 13.747 10.8565V6.26937C13.747 4.13187 12.0648 2.3916 9.99868 2.3916C7.93252 2.3916 6.25034 4.13187 6.25034 6.26937V10.8565C6.25034 11.379 5.84122 11.8023 5.33611 11.8023C4.83099 11.8023 4.42188 11.379 4.42188 10.8565V6.26937C4.42416 3.08676 6.92458 0.5 10.001 0.5C13.0774 0.5 15.5778 3.08676 15.5778 6.26937V10.8565C15.5778 11.379 15.1687 11.8023 14.6635 11.8023H14.6613Z' fill='%23567DB0'/%3E%3Cpath d='M10.0011 19.416C9.49603 19.416 9.08691 18.9927 9.08691 18.4702V16.938C9.08691 16.4154 9.49603 15.9922 10.0011 15.9922C10.5063 15.9922 10.9154 16.4154 10.9154 16.938V18.4702C10.9154 18.9927 10.5063 19.416 10.0011 19.416Z' fill='%23567DB0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_320_3980'%3E%3Crect width='19' height='26' fill='white' transform='translate(0.5 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");} .member_nav a.btn_join:hover:before{background-image: url("data:image/svg+xml,%0A%3Csvg width='28' height='27' viewBox='0 0 28 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_320_3986)'%3E%3Cpath d='M20.8654 26.4992C19.2243 26.4992 17.5811 25.8524 16.3319 24.5611C13.8314 21.9763 13.8314 17.7734 16.3319 15.1886C18.8302 12.6038 22.8983 12.6038 25.3988 15.1886C27.8993 17.7734 27.8993 21.9763 25.3988 24.5611C24.1497 25.8524 22.5064 26.4992 20.8654 26.4992ZM20.8654 15.0919C19.6808 15.0919 18.494 15.5592 17.5922 16.4914C15.7864 18.358 15.7864 21.394 17.5922 23.2584C19.398 25.125 22.3327 25.125 24.1385 23.2584C25.9443 21.3917 25.9443 18.3557 24.1385 16.4914C23.2367 15.5592 22.0499 15.0919 20.8654 15.0919Z' fill='%23567DB0'/%3E%3Cpath d='M20.8653 22.9905C20.3732 22.9905 19.9746 22.5785 19.9746 22.0698V17.6804C19.9746 17.1718 20.3732 16.7598 20.8653 16.7598C21.3574 16.7598 21.7559 17.1718 21.7559 17.6804V22.0698C21.7559 22.5785 21.3574 22.9905 20.8653 22.9905Z' fill='%23567DB0'/%3E%3Cpath d='M22.8693 20.7964H18.8614C18.3693 20.7964 17.9707 20.3844 17.9707 19.8758C17.9707 19.3671 18.3693 18.9551 18.8614 18.9551H22.8693C23.3614 18.9551 23.76 19.3671 23.76 19.8758C23.76 20.3844 23.3614 20.7964 22.8693 20.7964Z' fill='%23567DB0'/%3E%3Cpath d='M10.4518 13.0673C7.10068 13.0673 4.37305 10.2477 4.37305 6.78364C4.37305 3.31958 7.09845 0.5 10.4518 0.5C13.8051 0.5 16.5305 3.31958 16.5305 6.78364C16.5305 10.2477 13.8029 13.0673 10.4518 13.0673ZM10.4518 2.34136C8.08263 2.34136 6.15436 4.33463 6.15436 6.78364C6.15436 9.23265 8.08263 11.2259 10.4518 11.2259C12.8209 11.2259 14.7492 9.23265 14.7492 6.78364C14.7492 4.33463 12.8209 2.34136 10.4518 2.34136Z' fill='%23567DB0'/%3E%3Cpath d='M2.03762 18.8544C1.90624 18.8544 1.77487 18.8245 1.65018 18.7623C1.20708 18.5414 1.02227 17.989 1.23825 17.5332C3.0641 13.6433 6.59332 11.2266 10.4521 11.2266C12.0686 11.2266 13.6161 11.6363 15.0568 12.4442C15.4887 12.6858 15.6491 13.2452 15.413 13.6917C15.1792 14.1382 14.6382 14.3039 14.2062 14.06C13.0305 13.3994 11.768 13.0656 10.4521 13.0656C7.28135 13.0656 4.36446 15.0842 2.84143 18.3342C2.6878 18.6611 2.36939 18.8521 2.03984 18.8521L2.03762 18.8544Z' fill='%23567DB0'/%3E%3Cpath d='M0.890656 24.0998C0.398569 24.0998 0 23.6878 0 23.1791C0 22.5554 0.0423062 21.927 0.126918 21.3148C0.195944 20.8107 0.645726 20.4631 1.13336 20.5322C1.62099 20.6035 1.95944 21.0685 1.89042 21.5725C1.81916 22.0996 1.78131 22.6405 1.78131 23.1791C1.78131 23.6878 1.38274 24.0998 0.890656 24.0998Z' fill='%23567DB0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_320_3986'%3E%3Crect width='28' height='26' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");} .lnb_area{background-color: #567DB0;transition: background .1s;position: relative} .lnb_area:before{display: none;content:'';background-color: rgba(0,0,0,.5);bottom: 0;width: 100%;position: fixed;top:226px;left:0;z-index: 999} .lnb_area.active:before{display: block} .lnb_area.active{background-color: #344C6C;transition: background .1s} .lnb_area.active #lnb > li > a{color: #888} .lnb_area.active #lnb > li.active > a{color: #fff} .lnb_area.active #lnb > li.active > a span:before, .lnb_area #lnb > li.on > a span:before{opacity: 1} #lnb{display: table;width: 100%;table-layout: fixed} #lnb > li{width: 16.666%;display: table-cell;height: 64px;vertical-align: middle;text-align: center;position: relative} #lnb > li > a{font-family: 'SCoreDream','Noto Sans KR', sans-serif;font-weight: 600;font-size: var(--font-size04);color: #fff;text-decoration: none;cursor: pointer;user-select: none;display: inline-block} #lnb > li > a span{position: relative;} #lnb > li > a span:before{display: block;content: '';width: 12px;height: 15px;background: url("/resource/usr/image/icon_cross.svg") no-repeat 0 0;position: absolute;left:-12px;top:-5px;opacity: 0;transition: opacity .1s ease} #lnb .sub_area{display: none;background-color: rgba(0,0,0,.5);z-index: 1000;max-height: 0;opacity: 0;transition: max-height 0.3s ease, opacity 0.2s ease;} #lnb > li.active .sub_area{display: block;width: 100%;position: fixed;top:226px;left:0;overflow:hidden;overflow-y: auto;max-height: calc(100vh - 326px);opacity: 1;} #lnb .depth01{background-color: #E6EFFB;} #lnb .resp_inner{max-width: 1200px;margin: 0 auto;padding: 0 20px;display: table;table-layout: fixed;width: 100%;} #lnb .sub_tit, #lnb .sub_nav{display: table-cell;vertical-align: top;min-height: 700px;} /* 최소 높이 700px */ #lnb .sub_tit{position: relative;width: 277px;font-family: 'SCoreDream','Noto Sans KR', sans-serif;font-weight: 600;padding-top: 34px} /*#lnb .sub_tit:before{display: block;content: '';width: 258px;height: 79px;background: url("/resource/usr/image/logo_op.png") no-repeat 0 0;background-size: 100% 100%;position: absolute;bottom: 39px;left: 0px;}*/ #lnb .sub_tit h2{font-size: var(--font-size08);color: #222} #lnb .sub_nav{padding-left: 10px;padding-top: 30px;padding-bottom: 27px;position: relative} #lnb .sub_nav:before{display: block;content: '';width: 100vw;height: 100%;background-color: #fff;position: absolute;top:0;left:0;} #lnb .sub{display: flex;gap: 28px 0;flex-wrap: wrap;position: relative;z-index: 1;list-style: none} #lnb .sub > li{width: 25%;flex: 0 1 calc(25% - 40px);margin-left: 40px;} #lnb .sub > li:hover > a{border-color: #557db0} #lnb .sub > li > a{display: flex;align-items: center;text-align: left;border: 1px solid #ddd;height: 45px;border-radius: 5px;padding-left: 14px;padding-right: 24px;background: #fff url(../image/icon_arrow06.svg) no-repeat right 14px top 50%;color:#222;font-family: 'SCoreDream','Noto Sans KR', sans-serif;font-size: var(--font-size02);font-weight: 600;text-decoration: none} #lnb .sub .depth02{padding-top: 4px;list-style: none} #lnb .sub .depth02 > li{margin: 5px 0} #lnb .sub .depth02 a{font-size: var(--font-size01);color: #666;font-weight: 400;display: block;text-align: left;padding: 5px 0 5px 24px;position: relative;text-decoration: none} #lnb .sub .depth02 a:before{display: block;content: '•';position: absolute;top:50%;left:14px;color: #ddd;transform: translateY(-50%);} #lnb .sub .depth02 a:hover span{border-bottom: 1px solid #222;color: #222;font-weight: 500} #lnb .sub .depth02 a:hover:before{color: #222} .close_overlay {position: fixed;top: 226px;left: 0;width: 100%;height: calc(100vh - 326px);background: transparent;z-index: 999;display: none;cursor: pointer;} .lnb_area.active .close_overlay {display: block;} #lnb > li > a:focus-visible {outline: 2px solid #fff;outline-offset: 2px;} .total_nav{display: none;position: fixed;top:226px;left:0;width: 100%;height:calc(100vh - 226px); /* 100% -> 100vh로 수정 */ background-color: #F3F6FB;z-index: 101;overflow: hidden;overflow-y: auto} .total_nav .total_inner{padding-top: 57px;} .total_nav .total_inner > ul{display: flex;width: 100%;gap:32px;justify-content: space-between;} .total_nav .total_inner > ul > li{width: 16.666%;flex: 1 1 calc(16.666% - 32px);} .total_nav .total_inner > ul > li > a{display: block;margin-bottom: 20px;font-family: 'SCoreDream','Noto Sans KR', sans-serif;font-weight: 600;font-size: var(--font-size06);} .total_nav .sub > li > a{display: flex;align-items: center;text-align: left;border: 1px solid #ddd;height: 45px;border-radius: 5px;padding-left: 14px;padding-right: 24px;background: #fff url(../image/icon_arrow04.svg) no-repeat right 14px top 50%;color: #444;font-family: 'SCoreDream','Noto Sans KR', sans-serif;font-size: var(--font-size02);font-weight: 600;text-decoration: none;} /* color, text-decoration 수정 */ .total_nav .sub > li.has_sub > a{background-image: url(../image/icon_arrow06.svg);} .total_nav .sub > li{margin-bottom: 20px} .total_nav .sub > li > a{margin-bottom: 0} .total_nav .depth02{display: none;padding-top: 4px;margin-bottom: 22px;list-style: none;} /* list-style: none 추가 */ .total_nav .sub > li.has_sub.active > a{background-color: #567DB0;color: #fff;background-image: url("data:image/svg+xml,%0A%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.68628 1.67188L7.34313 7.32873L13 1.67188' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");} .total_nav .sub .depth02 > li{margin: 5px 0} .total_nav .sub .depth02 a{font-size: var(--font-size01);color: #666;font-weight: 400;display: block;text-align: left;padding: 5px 0 5px 24px;position: relative;text-decoration: none;} .total_nav .sub .depth02 a:before{display: block;content: '•';position: absolute;top:50%;left:14px;color: #ddd;transform: translateY(-50%);} .total_nav .sub .depth02 a:hover span{border-bottom: 1px solid #222;color: #222;font-weight: 500} .total_nav .sub .depth02 a:hover:before{color: #222;} .total_nav .total_inner > ul > li.m{display: none} .mobile-menu-box {display: none;} .mobile-menu-box{text-align: center; background:#3a4b69;padding:5px 8px;overflow-x:auto;white-space:nowrap} .mobile-menu-box::-webkit-scrollbar{display:none} .mobile-menu-box .util{display:inline} .mobile-menu-box a{display:inline-block;vertical-align:top;width:30%;min-width:80px;padding:6px 0;text-align:center;text-decoration:none;color:#fff;font-size:12px;font-weight:500} .mobile-menu-box .material-symbols-outlined{font-size:24px;margin-bottom:3px;line-height:1;display:block} .custom_select{position: relative;width: 100%;max-width: 400px;} .select_selected, .select_items div{padding: 0 20px;height: 52px;border: 1px solid #F1F1F1;background: #FEFEFE;border-radius: var(--radius07);box-sizing: border-box;font-size: var(--font-size09);color: var(--color02);} .custom_select select{display: none;} .select_selected, .select_items div{display: flex;align-items: center;cursor: pointer;position: relative} .select_selected:after{position: absolute;display: block;content: '';top: 50%;margin-top: -4px;right: 22px;width: 14px;height: 8px;background: url("/resource/images_extend/cont/sel.svg") no-repeat 0 0 / cover;} .select_selected.select-arrow-active:after {transform: rotate(-180deg)} .select_items{position: absolute;border: 1px solid #F1F1F1;background: #FEFEFE;max-height: 208px;top: calc(100% + 18px);overflow-y: auto;left: 0;right: 0;z-index: 99;border-radius: var(--radius07);width: 100%;top: auto} .select_items::-webkit-scrollbar{width: 6px;} .select_items::-webkit-scrollbar-track{background: #fff;border: 1px solid #F1F1F1;border-radius: 3px} .select_items::-webkit-scrollbar-thumb{background: #E8E8E8;border-radius: 3px} .select_items div{border:0;border-bottom: 1px solid #F1F1F1;cursor: pointer;border-radius: 0} .select_items div:last-child{border-bottom: 0} .select_hide{display: none;} .select_items div:hover{background: #F1F1F1;} .section_01{padding: 50px 0 60px} .section_01 .resp_inner{display: flex;} .section_01 .col:nth-child(1){width: 66.215%} .section_01 .col:nth-child(2){width: 33.785%;box-sizing: border-box;padding-left: 47px;} .section_01 .col:nth-child(2) .inner{position: relative;height: 100%} .main_visual{width:100%;max-width: 927px;border-radius: var(--radius03);overflow: hidden;position: relative;background: #f7f7f7;isolation: isolate} .main_visual:not(.swiper-container-initialized) .swiper-slide{display: none} .main_visual:not(.swiper-container-initialized) .swiper-slide:first-child{display: block} .main_visual .swiper-wrapper{background: #f7f7f7} .main_visual .swiper-slide{overflow: hidden;background: #f7f7f7;backface-visibility: hidden} .main_visual .swiper-slide-active{z-index: 2} .main_visual .swiper-slide > a{display: block;overflow: hidden;border-radius: var(--radius03)} .main_visual img{display: block;width: 100%} .swiper-option{display:flex;align-items: center;justify-content:center;color:#ddd;position: absolute;bottom:0;left:0;width: 180px;height: 50px;border-top-right-radius: var(--radius03);border-bottom-left-radius: var(--radius03);background-color: rgba(34,34,34,.5);z-index: 1;box-sizing: border-box;} .swiper-option .option{font-size: 0} .swiper-button-next, .swiper-button-prev{display:inline-block;vertical-align: middle;width: 20px;height: 20px;position: relative;top: auto;left: auto;right: auto;margin: 0;background: url("/resource/usr/image/btn_next.svg") no-repeat 50% 50%} .swiper-button-prev{background-image: url("/resource/usr/image/btn_prev.svg")} .swiper-button-next:after, .swiper-button-prev:after{display: none} .swiper-pagination-current{color: #fff;font-weight: 500} .swiper-pagination{font-size: var(--font-size02);font-weight: 300;display: inline-block;vertical-align: middle;position: relative;top: auto;left: auto;right: auto;bottom:auto;margin: 0;width: auto;margin-right:18px;} .swiper-play{display:inline-block;vertical-align: middle;background: none;width:16px;height:12px;background: url("/resource/usr/image/btn_pause.svg") no-repeat 50% 50%;margin: 0 15px} .swiper-play.stop{background-image: url("/resource/usr/image/btn_play.svg");} .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 1} /* .swiper-container-horizontal>.swiper-pagination-bullets{font-size: 0;bottom: 15px;} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 14px;height: 14px;background-color: #F2F5FE;opacity: 1;margin: 0 6px} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color: #0059EA} */ .sermon_slider{position: relative;overflow: hidden;border-radius: var(--radius03);} .sermon_slider .swiper-slide > a{display: block;position: relative} .sermon_slider .swiper-slide .cont_box{position: absolute;top:0;left:0;width: 100%;height: 100%;flex-wrap: wrap;display:flex;align-content: flex-end;align-self: flex-end;align-items: flex-end;box-sizing:border-box;padding: 0 30px 29px;color: #fff;line-height: 1.42; background: linear-gradient(to bottom, rgba(34,34,34,0) 0%,rgba(34,34,34,0.15) 40%,rgba(34,34,34,0.4) 58%,rgba(34,34,34,1) 83%)} .sermon_slider .swiper-slide .cont_box .tit, .sermon_slider .swiper-slide .cont_box .cont{flex: 1 1 100%;} .sermon_slider .swiper-slide .cont_box .tit{font-weight: 500;font-size: var(--font-size03);margin-bottom: 9px;} .sermon_slider .swiper-slide .cont_box .cont{font-weight: 300;font-size: var(--font-size01);display: flex;align-items: flex-end;justify-content: space-between;} .sermon_slider .swiper-slide .cont_box .date{color: #ddd} .sermon_slider .swiper-option{bottom:auto;left:auto;top:0;right:0;} .container{padding-bottom: 30px;} .section_01 .link01{width: 100%;height: calc(39.473% - 41px);padding: 20px 16px;position: absolute;bottom: 0;background: #F7F7F7;border: 1px solid #DDD;box-sizing: border-box;border-radius: var(--radius03);overflow: hidden;} .section_01 .link01 ul{height: 100%;position: relative;flex-wrap: wrap;display: flex} .section_01 .link01 ul > li{width: 50%;height: 50%;flex: 1 1 40%;box-sizing: border-box;display: table;table-layout: fixed;} .section_01 .link01 ul > li > div{display: table-cell;font-size: var(--font-size02);} .section_01 .link01 ul > li a{display: block;position: relative;padding-right: 20px;color: #222;} .section_01 .link01 ul > li a:after{display: block;content: '';width: 15px;height: 15px;position: absolute;top:50%;right:0;margin-top: -7px;background: url("/resource/usr/image/icon_link.svg") no-repeat 0 0;} .section_01 .link01 ul > li a:hover{color: #E35D68} .section_01 .link01 ul > li a:hover:after{background-image: url("data:image/svg+xml,%0A%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.375 0C8.85645 0 8.4375 0.418945 8.4375 0.9375C8.4375 1.45605 8.85645 1.875 9.375 1.875H11.7979L5.90039 7.77539C5.53418 8.1416 5.53418 8.73633 5.90039 9.10254C6.2666 9.46875 6.86133 9.46875 7.22754 9.10254L13.125 3.20215V5.625C13.125 6.14355 13.5439 6.5625 14.0625 6.5625C14.5811 6.5625 15 6.14355 15 5.625V0.9375C15 0.418945 14.5811 0 14.0625 0H9.375ZM2.34375 0.9375C1.04883 0.9375 0 1.98633 0 3.28125V12.6562C0 13.9512 1.04883 15 2.34375 15H11.7188C13.0137 15 14.0625 13.9512 14.0625 12.6562V9.375C14.0625 8.85645 13.6436 8.4375 13.125 8.4375C12.6064 8.4375 12.1875 8.85645 12.1875 9.375V12.6562C12.1875 12.9141 11.9766 13.125 11.7188 13.125H2.34375C2.08594 13.125 1.875 12.9141 1.875 12.6562V3.28125C1.875 3.02344 2.08594 2.8125 2.34375 2.8125H5.625C6.14355 2.8125 6.5625 2.39355 6.5625 1.875C6.5625 1.35645 6.14355 0.9375 5.625 0.9375H2.34375Z' fill='%23E35D68'/%3E%3C/svg%3E%0A");} .section_01 .link01 ul > li span{display: block;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;} .section_01 .link01 ul > li:nth-child(1), .section_01 .link01 ul > li:nth-child(3){padding-left: 7px;padding-right: 24px} .section_01 .link01 ul > li:nth-child(2), .section_01 .link01 ul > li:nth-child(4){padding-left: 24px;padding-right: 7px} .section_01 .link01 ul > li:nth-child(1) > div, .section_01 .link01 ul > li:nth-child(2) > div{padding-top: 8px;} .section_01 .link01 ul > li:nth-child(3) > div, .section_01 .link01 ul > li:nth-child(4) > div{vertical-align: bottom;padding-bottom: 7px;} .section_01 .link01 ul:before, .section_01 .link01 ul:after{display: block;content: '';background-color: #ddd;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);width: 1px;height: 100%} .section_01 .link01 ul:after{width: 100%;height: 1px} .section_02{display:flex;align-items: center;height: 280px;background: url("/resource/usr/image/main_bg01.png") no-repeat 50% 0;text-align: center} .quick_link{display: flex;justify-content: space-between;} .quick_link > li > a{display: block;font-size: var(--font-size03);color: #222;transition: transform .2s} .quick_link i{display: block;width: 98px;margin: 0 auto 13px;border-radius: var(--radius03);overflow: hidden} .quick_link > li.featured > a{font-weight:500;color:#1a3a63} .quick_link > li.featured i{border:2px solid #A5B7D1;background-color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);} .quick_link > li.featured:hover i{background-color:#F5F8FC;transform:translateY(-5px);} .panel{display: none;} .has_slide .panel{display: block;} .has_slide .panel{position: absolute;top: 0;left: 0;width: 100%;z-index: -1;visibility: hidden} .has_slide .panel.on{position: relative;z-index: 1;visibility: visible} .more{display: block;width: 20px;height: 20px;padding: 5px;background: url("/resource/usr/image/btn_more01.svg") no-repeat 50% 50%;transform:rotate(0);transition: transform .25s ease} .more:hover{transform:rotate(90deg);} .section_03 .resp_inner{display: flex;gap:40px;} .section_03 .col{width: calc(50% - 20px);flex: 0 1 calc(50% - 20px);padding-top: 57px;flex-shrink: 1;position: relative} .board_box, .weekly_box .inner, .notice_box .inner{height: 330px;border-radius: var(--radius03);box-sizing: border-box;} .board_box, .notice_box .inner{border: 1px solid #ddd;box-shadow: 2px 2px 10px 0px rgba(51, 51, 51, 0.1);min-height: 330px} .board_box .tab_btns{display: table;table-layout: fixed;width: 100%;border-bottom: 1px solid #ddd} .board_box .tab_btns > li{display:table-cell;text-align: center;vertical-align: middle} .board_box .tab_btns button{width:100%;height: 67px;font-size: var(--font-size04);color: #222;font-weight: 500;} .board_box .tab_btns .on button{color: #ED1C24;font-weight: 700;} .board_box .tab_btns .on button span{border-bottom: 1px solid #ED1C24;} .board_box .tab_panel{padding: 0 26px} .section_03 .more{position: absolute;top: 62px;right: -5px;} .board_list01{padding-top: 23px;padding-bottom: 20px;} .board_list01 > li{margin-bottom: 25px;display: flex;align-items: center;justify-content: space-between;position: relative;padding-left: 11px} .board_list01 > li:last-child{margin-bottom: 0} .board_list01 > li:before{display: block;content: '';width: 3px;height: 3px;background-color: #ddd;position: absolute;top:50%;left:0;margin-top: -1px;border-radius: 100%} .board_list01 > li a{font-size: var(--font-size04);color: #222;font-weight: 500;display:inline-block;vertical-align: middle;max-width:82%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;line-height: 1.1;border-bottom: 1px solid #fff} .board_list01 > li a:hover{border-bottom-color: #222} .board_list01 > li .date{font-size: var(--font-size02);color: #888;font-weight: 400} .weekly_box .inner{display:table;table-layout:fixed;width:100%;padding: 20px;background: url("/resource/usr/image/weekly_bg.png") no-repeat 50% 0;background-size: cover;box-shadow: 2px 2px 10px 0px rgba(51, 51, 51, 0.1);} .weekly_box .cont, .weekly_box .thumbnail{display: table-cell;vertical-align: top;} .weekly_box .cont{width: 218px;padding:33px 10px 77px 20px;box-sizing: border-box;font-size: var(--font-size03);color: #222;position: relative} .weekly_box .cont .date{font-weight: 700;font-size: var(--font-size05);margin-bottom: 23px;} .weekly_box .cont p{font-weight: 500} .weekly_box .cont .num, .weekly_box .cont .date{display: block;} .weekly_box .cont .num{margin-bottom: 9px;} .weekly_box .img_list{display: flex;gap:20px;height: 291px;max-width: 422px;margin: 0 auto;} .weekly_box .img_list > li{flex-grow: 1;width: 50%} .weekly_box .img_list > li a{display:block;overflow:hidden;width:100%;height:100%;box-sizing: border-box;} .weekly_box .img_list > li img{object-fit: cover;object-position: 50% 50%;width:100%;height:100%;} .weekly_box .btns.t1{position: absolute;bottom: 33px;left:20px} .title01{font-family: 'SCoreDream','Noto Sans KR', sans-serif;font-size: var(--font-size08);font-weight: 600;color: #000;line-height: 1.3;margin-bottom: 30px;} .title02{font-size: var(--font-size03);font-weight: 700;color: #222;line-height: 1.3;margin-bottom: 6px;} .title03{height:160px;font-family: 'SCoreDream','Noto Sans KR', sans-serif;font-weight: 600;font-size: var(--font-size08);color: #000;display:flex;align-items: center;justify-content:center;background: url("/resource/usr/image/cont/login_bg.jpg") no-repeat 50% 0;} .title04{font-size: var(--font-size04);font-weight: 700;color: #222;margin-bottom: 9px;} .title05{font-size: var(--font-size02);font-weight: 700;color: #222;margin-bottom: 7px;line-height: 1.35} .title06{font-size: var(--font-size06);font-weight: 700;color: #000;margin-bottom: 6px;line-height: 1.35} .title07{font-size: var(--font-size04);font-weight: 500;color: #000;margin-bottom: 16px;line-height: 1.35} .title08{font-family: 'SCoreDream','Noto Sans KR', sans-serif;font-weight: 600;font-size: var(--font-size06);color: #000;margin-bottom: 16px;} .title08.t1{ padding-bottom: 19px; /* border-bottom: 1px solid #ddd; */ margin-bottom: 30px; } .title09{display:inline-block;padding: 4px 16px 10px;font-family: 'SCoreDream','Noto Sans KR', sans-serif;font-weight: 700;font-size: var(--font-size12);color: #fff;background-color: #E35D68} .title10{font-family: 'SCoreDream','Noto Sans KR', sans-serif;font-size: var(--font-size11);font-weight: 600;color: #E35D68;line-height: 1.3;margin-bottom: 12px;} .title11{font-size: var(--font-size06);font-weight: 700;color: #000;margin-bottom: 20px;line-height: 1.35} .title12{font-size: var(--font-size02);font-weight: 500;color: #E35D68;margin-bottom: 9px;line-height: 1.35} .title13{font-size: var(--font-size06);font-weight: 500;color: #222;margin-bottom: 7px;line-height: 1.35} .title14{font-size: var(--font-size03);font-weight: 500;color: #222;margin-bottom: 6px;line-height: 1.35} .title15{font-size: var(--font-size06);font-weight: 700;color: #000;margin-bottom: 30px;} .title15 > span{padding-left: 80px;position: relative;display: block;line-height: 1.15} .title15 small{padding-left: 1.8em;font-weight: 500;font-size: var(--font-size02);color: #222} .title15 .subway:before, .title15 .bus:before, .title15 .parking:before, .title15 .shuttle:before{display: block;content: '';width: 60px;height:60px;position:absolute;top:50%;left:0;margin-top: -30px;background: url("/resource/usr/image/cont/icon_subway.svg") no-repeat 0 0;} .title15 .bus:before{background-image: url("/resource/usr/image/cont/icon_bus.svg")} .title15 .parking:before{background-image: url("/resource/usr/image/cont/icon_parking.svg")} .title15 .shuttle:before{width:70px;background-image: url("/resource/usr/image/cont/icon_shuttle.svg")} .title15 .shuttle{padding-left: 90px} .title16{font-size: var(--font-size01);font-weight: 500;color: #222;margin-bottom: 35px;} .title16 > span{padding-left: 60px;position: relative;display: block;} .title16 .bus:before{display: block;content: '';width: 50px;height:51px;position:absolute;top:50%;left:0;margin-top: -25px;background: url("/resource/usr/image/cont/icon_bus02.svg") no-repeat 0 0} .title17{font-size: var(--font-size14);color: #000;font-weight: 700;margin-bottom: 26px;} .title17 .point{color: #e35d68} .title18{font-size: var(--font-size08);color: #000;font-weight: 700;margin-bottom: 25px;} [class ^="title"].rd{color: #E35D68} [class ^="title"].nv{color: #344C6C !important} [class ^="title"] .point{color: #e35d68} [class ^="title"] .line{position: relative;padding-left: 14px;display: block;} [class ^="title"] .line:before{display: block;content: '';width: 4px;height: 24px;background-color: #d84c69;position: absolute;top:0.2em;left:0} .btn_space{padding-top: 32px;display: flex;align-items: center;justify-content: space-between;} .btn_center{text-align: center;margin-top: 109px;display: flex;gap:8px;justify-content: center;} .btn_right{text-align: right;margin-top: 30px;display: flex;justify-content: flex-end;gap:10px; margin-bottom:30px;} .btn_left{display: flex;gap:25px;} .btns{display: inline-block;vertical-align: middle;box-sizing: border-box;text-align: center; display: inline-flex;justify-content: center;align-items: center;/*flex-direction: column;*/ } .btns.t1{min-width: 130px;height: 45px;padding: 0 18px 0 21px;background-color: #222;font-size: var(--font-size03);font-weight: 700;color: #fff;border-radius: 45px} .btns.t1 span{position: relative;display: block;text-align: left;padding-right: 40px;box-sizing: border-box;white-space: nowrap;} .btns.t1 span:after{display: block;content: '';width: 9px;height: 15px;background: url("/resource/usr/image/icon_arrow03.svg") no-repeat 0 0;position: absolute;top: 50%;right: 0;margin-top: -7px;} .btns.t1.wh{border: 1px solid #222;background-color: #fff;color: #222} .btns.t1.wh span:after{background-image: url("data:image/svg+xml,%3Csvg width='9' height='15' viewBox='0 0 9 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.97057 1.84315L7.62743 7.5L1.97057 13.1569' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");} .btns.t2{width: 104px;height: 40px;padding: 0 5px;background-color: #344C6C;font-size: var(--font-size02);font-weight: 300;color: #fff;border-radius: var(--radius04);} .btns.t2.gy{border:1px solid #ddd;background-color: #F7F7F7;color: #666} .btns.t2.rd{border:1px solid #E35D68;background-color: #f9dfe2;color: #E35D68} .btns.t2.bl{border:1px solid #567DB0;background-color: #E6EFFB;color: #567DB0} .btns.t2.dg{border:1px solid #888;background-color: #888;color: #fff} .btns.t2.dr{border:1px solid #E35D68;background-color: #E35D68;color: #fff} .btns.t3{min-width: 85px;height: 40px;padding: 0 15px;background-color: #444;font-size: var(--font-size01);font-weight: 300;color: #fff;border-radius: var(--radius04);} .btns.t3.rd{background-color: #E35D68} .btns.t3.wh{background-color: #fff;border: 1px solid #ddd;color: #666;font-weight: 400} .btns.t4{min-width: 58px;height: 24px;padding: 0 5px;font-size: var(--font-size01);font-weight: 300;color: #444;border-radius: var(--radius04);border: 1px solid #444} .btns.t4 span{padding-right: 16px;background-position: 100% 50%;background-repeat: no-repeat;background-size: auto 9px} .btns.t4 span.del{background-image: url("/resource/usr/image/cont/icon_del.png");} .btns.t4 span.edit{background-image: url("/resource/usr/image/cont/icon_edit.png")} .btns.t4 span.plus{background-image: url("/resource/usr/image/cont/icon_plus.png");background-size: auto 10px} .btns.t4.bk{background-color: #222;color: #fff} .btns.t5{width:100%;height: 60px;background-color: #567DB0;font-weight: 500;color: #fff;font-size: var(--font-size04);border-radius: var(--radius04);} .btns.t6{width:100%;height: 50px;background-color: #fff;border: 1px solid #888;color: #222;font-size: var(--font-size02);border-radius: var(--radius04);} .btns.t6 > span{line-height: 18px;padding-left: 30px;background-position: 0 50%;background-repeat: no-repeat;background-size: auto 18px} .btns.t6 > span.kakao{background-image: url("/resource/usr/image/cont/icon_kakaotalk.png");} .btns.t6 > span.naver{background-image: url("/resource/usr/image/cont/icon_naver.png");} .btns.t7{width:100%;max-width: 208px;height: 50px;background-color: #567DB0;border: 1px solid #567DB0;color: #fff;font-size: var(--font-size02);border-radius: var(--radius04);} .btns.t7.gr{border-color: #888;background-color: #F7F7F7;color: #222} .btns.t7.rd{border-color: #ED1C24;background-color: rgba(237,28,36,.1);color: #ED1C24} .btns.t8{padding: 0 8px;height: 24px;background-color: #222;color: #fff;font-size: var(--font-size01);border-radius: var(--radius04);} .btns.t8 span{padding-right: 18px;background: url("/resource/usr/image/cont/icon_arw.png") no-repeat 100% 50% / 10px auto} .btns.t9{padding: 0 16px;height: 40px;background-color: #fff;color: #666;font-size: var(--font-size01);border-radius: var(--radius04);border: 1px solid #ddd} .btns.t9.gr{border-color: #888;background-color: #f7f7f7;color: #222} .btns.t10{padding: 0 10px;height: 26px;background-color: #fff;color: #E35D68;font-size: var(--font-size01);border-radius: var(--radius04);font-weight: 500;border: 1px solid #E35D68} .btns.t10 span{padding-right: 12px;background: url("/resource/usr/image/icon_arrow09.svg") no-repeat 100% 50%} .btns.t11{padding: 0 10px;min-width: 90px;height: 45px;background-color: #fff;color: #D84765;font-size: var(--font-size02);border-radius: var(--radius03);font-weight: 700;border: 1px solid #D84765} .btns.t12{padding: 0 10px;min-width: 140px;height: 45px;background-color: #fff;color: #E35D68;font-size: var(--font-size02);border-radius: 45px;font-weight: 700;border: 1px solid #E35D68} .btns.t12.on{background-color: #E35D68;color: #fff} .btns.t13{height: 29px;border: 1px solid #E35D68;font-weight: 500;color: #E35D68;font-size: var(--font-size02);padding: 0 16px} .btns.t13 span{padding-right: 28px;position: relative} .btns.t13 span:after{display: block;content: '';width: 9px;height: 13px;background: url("/resource/usr/image/icon_arrow10.svg") no-repeat 0 0;position: absolute;top: 50%;right: 0;margin-top: -6px;} .btns .download{padding-right: 19px;position: relative;color: #222} .btns .download:after{display: block;content: '';width: 16px;height: 16px;background: url("/resource/usr/image/cont/icon_download.svg") no-repeat 0 0;position: absolute;top:50%;right:0;margin-top: -8px} .tab01 > li a, .tab01 > li button{width:100%;height: 60px;padding: 0 10px;box-sizing: border-box;border-radius: var(--radius02);} .tab01 > li a{display: flex;} .tab01 span{position:relative;display: flex;align-items: center;height:100%;padding: 0 10px;font-weight:500;color: #222;font-size: var(--font-size04);border-bottom: 1px solid #ddd;box-sizing: border-box} .tab01 span:after{display: block;content: '';width: 8px;height: 14px;position:absolute;top:50%;right:10px;margin-top: -7px;background: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.34338 1.34315L7.00023 7L1.34338 12.6569' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;} .tab01 > li:last-child span{border-bottom-color: transparent} .tab01 > li.on{position: relative;z-index: 1} .tab01 > li.on a, .tab01 > li.on button{background-color: #344C6C;} .tab01 > li.on span{color: #fff} .tab01 > li.on span, .tab01 > li:hover span{border-bottom-color: transparent;} .tab01 > li.on span:after{background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.34338 1.34315L7.00023 7L1.34338 12.6569' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")} .section_04{padding-top: 56px;} .compt_tabs01{display: table;width: 100%;table-layout: fixed} .compt_tabs01 .col{display: table-cell;vertical-align: top} .compt_tabs01 .col.left{width: 197px;} .compt_tabs01 .col.right{padding-left: 80px} .slide_type01{position: relative} .slide_type01 .slide_outer{padding: 10px;overflow: hidden;margin: -10px -10px 0} .slide_type01 .swiper-slide{width: 33.333%;margin-right: 42px} .slide_type01 .swiper-slide .slide_inner{display: block;border-radius: var(--radius03);border: 1px solid #f2f2f2;box-shadow: 2px 2px 10px 0px rgba(51, 51, 51, .1);overflow: hidden;background-color: #F9F9F9} .slide_type01 .cont_box{padding: 21px 30px 22px} .slide_type01 .tit{margin-bottom: 17px;font-weight: 500;color: #222;line-height: 1.38;font-size: var(--font-size03);height: 2.9em;display: -webkit-box;overflow: hidden;white-space: normal;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;} .slide_type01 .date{font-weight: 300;color: #888;font-size: var(--font-size02);text-align: right;display: block;} .slide_type01 .swiper-option{background: none;width: 130px;justify-content: space-between;top: -60px;right: 0;left: auto;} .slide_type01 .swiper-button-next{background-image: url("/resource/usr/image/btn_next_bk.svg")} .slide_type01 .swiper-button-prev{background-image: url("/resource/usr/image/btn_prev_bk.svg")} .slide_type01 .swiper-play{background-image: url("/resource/usr/image/btn_pause_bk.svg")} .slide_type01 .swiper-slide .slide_inner:hover{border-color: #DDD} .slide_type01 .thumb{position: relative;height:0;padding-bottom:55.943%;} .slide_type01 .thumb img{position: absolute;top: 0;left: 0;} .section_05{padding-top: 51px;padding-bottom: 47px;} .section_06{padding: 52px 0;height: 690px;background: url("/resource/usr/image/main_bg02.png") no-repeat 0 50%;box-sizing: border-box} .slide_type02{position: relative} .slide_type02 .slide_outer{padding: 10px;overflow: hidden;margin: -10px -10px 0} .slide_type02 .swiper-slide{width: 25%;margin-right: 20px} .slide_type02 .swiper-slide .slide_inner{display: block;border-radius: var(--radius03);padding: 38px 30px 35px;border: 1px solid #f2f2f2;box-shadow: 2px 2px 10px 0px rgba(51, 51, 51, .1);overflow: hidden;background-color: #fff} .slide_type02 .tit{margin-bottom: 47px;font-weight: 500;color: #222;line-height: 1.38;font-size: var(--font-size03);height: 2.8em;display: -webkit-box;overflow: hidden;white-space: normal;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;} .slide_type02 .info{padding-top: 14px;border-top: 1px solid #DDD;font-size: var(--font-size02);display: flex;align-items: center;justify-content: space-between;} .slide_type02 .date{font-weight: 300;color: #888;} .slide_type02 .name{font-weight: 500;color: #444;} .slide_type02.gallery .swiper-slide .slide_inner{padding: 0;} .slide_type02.gallery .swiper-slide .slide_inner{padding: 0;} .slide_type02.gallery .swiper-slide .info{display: block;padding: 15px 30px 15px;border-top: 0;text-align: right} .slide_type02.gallery .swiper-slide .tit{margin-bottom: 8px;text-align: left;-webkit-line-clamp: 1;height: auto} .slide_type02.gallery .swiper-slide .thumb{height: 122px} .swiper-option.t1{background: none;width: 130px;justify-content: space-between;top: -60px;right: 0;left: auto;} .swiper-option.t1 .swiper-button-next{background-image: url("/resource/usr/image/btn_next_bk.svg")} .swiper-option.t1 .swiper-button-prev{background-image: url("/resource/usr/image/btn_prev_bk.svg")} .swiper-option.t1 .swiper-play{background-image: url("/resource/usr/image/btn_pause_bk.svg")} .swiper-option.t1 .swiper-play.stop{background-image: url("/resource/usr/image/btn_play_bk.svg")} .slide_type01 .swiper-slide .slide_inner:hover, .slide_type02 .swiper-slide .slide_inner:hover{border-color: #DDD} .swiper-option.t2{background: none;width: auto;top: -94px;right: -7px;left: auto;} .swiper-option.t2 .swiper-button-next, .swiper-option.t2 .swiper-button-prev{padding: 7px} .swiper-option.t2 .swiper-button-next{background-image: url("/resource/usr/image/btn_next_bk.svg")} .swiper-option.t2 .swiper-button-prev{background-image: url("/resource/usr/image/btn_prev_bk.svg")} .section_06 .compt_tabs01 .col.right{padding-left: 38px} .section_06 .resp_inner{margin-bottom: 23px;} .section_07 .resp_inner{display: flex;gap:40px;} .section_07 .col{width: calc(50% - 20px);flex: 0 1 calc(50% - 20px);flex-shrink: 1;padding-top: 57px;position: relative} .section_07 .more{position: absolute;top: 62px;right: -5px;} .notice_box .inner{background-color:#F6F9FD;border-color:#DCE6F0;overflow:hidden;} .notice_box .tit{padding:0 25px;height: 56px;border-bottom: 1px solid #DCE6F0;display: flex;align-items: center;gap:12px;color: #293746;font-weight: 500;font-size: var(--font-size04);background-color:#EEF4FA;} .notice_box .tit .date{font-weight:600;} .notice_box .tit .label{padding-left:12px;border-left:1px solid #CBD9E7;color:#6C7D90;font-size:var(--font-size02);font-weight:400;} .notice_box .cont{padding: 8px 25px 20px;font-size: var(--font-size04);line-height: 1.55;height: 274px;box-sizing: border-box;color:#293746;} .notice_box .cont .cont_inner{overflow: hidden;overflow-y: auto;height: 100%} .notice_box .cont li, .notice_box .cont > p{margin-bottom: 29px;} .notice_box .cont li:last-child, .notice_box .cont > p:last-child{margin-bottom: 0;} .notice_box .prayer_list{margin:0;padding:0;list-style:none;} .notice_box .prayer_list li{display:flex;gap:13px;margin:0;padding:15px 6px;border-bottom:1px solid #DCE6F0;} .notice_box .prayer_list li:last-child{border-bottom:0;} .notice_box .prayer_list .number{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;width:26px;height:26px;margin-top:1px;border-radius:50%;background-color:#5B82B3;color:#fff;font-size:14px;font-weight:600;line-height:1;} .notice_box .prayer_list .text{min-width:0;word-break:keep-all;overflow-wrap:break-word;} .notice_box .cont_inner{scrollbar-color:#B8C9DC transparent;scrollbar-width:thin;} .notice_box .cont_inner::-webkit-scrollbar{width:5px;} .notice_box .cont_inner::-webkit-scrollbar-thumb{background-color:#B8C9DC;border-radius:5px;} .section_08 .prayer_more{right:0;width:auto;height:auto;padding:2px 20px 2px 0;background:none;color:#536B86;font-size:var(--font-size02);transform:none;} .section_08 .prayer_more:after{position:absolute;top:50%;right:2px;content:'\2192';transform:translateY(-52%);transition:transform .2s;} .section_08 .prayer_more:hover{color:#233B63;transform:none;} .section_08 .prayer_more:hover:after{transform:translate(3px,-52%);} .section_08{padding-top: 60px;padding-bottom: 60px;} .section_08 .resp_inner{display: flex;gap:40px;} .section_08 .col{position: relative} .section_08 .col:nth-child(1), .section_08 .col:nth-child(2){flex-grow: 2;width: calc(50% - 20px);flex: 0 1 calc(50% - 20px);} .section_08 .col:nth-child(1){display: flex;} .section_08 .calendar, .section_08 .visitors{flex-grow: 2;width: calc(50% - 20px);flex: 0 1 calc(50% - 20px);} .section_08 .more{position: absolute;top: 0;right: -5px;} .section_08 .swiper-option.t1{width:auto} .round{border: 1px solid #ddd;box-shadow: 2px 2px 10px 0px rgba(51, 51, 51, 0.1);border-radius: var(--radius03);} .section_08 .round, .slide_type03 .thumb{position: relative;height: 330px;box-sizing: border-box} .section_08 .calendar .round{padding: 30px 20px;} .section_08 .calendar .tit{display: block;font-size: var(--font-size06);font-weight: 700;color: #222;text-align: center;margin-bottom: 18px;} .section_08 .calendar .tit > span{font-weight: 500;color: #666;} .section_08 .calendar .tbl_calendar{width: 100%;table-layout: fixed;text-align: center;} .section_08 .calendar .tbl_calendar th, .section_08 .calendar .tbl_calendar td{color: #444;font-size: var(--font-size02);} .section_08 .calendar .tbl_calendar th{font-weight: 700;font-size: var(--font-size02);height: 40px} .section_08 .calendar .tbl_calendar td{height: 36px;} .section_08 .calendar .tbl_calendar a{width: 28px;height: 28px;display: inline-flex;justify-content: center;align-items: center;border-radius: 100%;background-color: #F7F7F7} .section_08 .calendar .tbl_calendar a:hover{background-color: rgba(227,93,104,.3);} .section_08 .calendar .tbl_calendar a.now{background-color: #E35D68;color: #fff} .section_08 .calendar .more{top: 5px;right:-5px;position: absolute} .section_08 .visitors .variation{color: #E35D68;font-weight: 400;font-size: var(--font-size02);padding-left: 14px;position: relative;margin-left: 10px} .section_08 .visitors .variation:before{display: block;content: '';width: 10px;height: 8px;position: absolute;top:50%;left:0;margin-top: -4px;} .graph_area{background: url("/resource/usr/image/graph_bg.png") repeat 0 0;overflow: hidden;padding-bottom: 94px;} .graph_area .graph{width: 100%;height: 100%} .graph_area .visitors_cnt{display:flex;background-color: #E6EFFB;width:100%;height: 94px;position: absolute;bottom: 0;left:0;color: #444;font-size: var(--font-size01);box-sizing: border-box;padding-top: 20px;} .graph_area .visitors_cnt > div{text-align: center;flex-grow: 1;flex-shrink: 0;width: 50%;} .graph_area .visitors_cnt .cnt{font-size: var(--font-size06);display: block;margin-top: 5px;font-weight: 700} .slide_type03 .swiper{overflow: hidden} .slide_type03 a{display: block;position: relative} .slide_type03 .cont{position: absolute;top:0;left: 0;width:100%;padding-left:40px;padding-top: 43px;box-sizing: border-box;color: #fff;font-size: var(--font-size03);font-weight: 300;line-height: 1.5;} .slide_type03 .tit{margin-bottom: 18px;font-size: var(--font-size07);font-family: 'SCoreDream','Noto Sans KR', sans-serif;font-weight: 600;line-height: 1.35} .slide_type03 .swiper-option.t1{top: -7px;} .section_09{background: url("/resource/usr/image/bnr_bg.png") no-repeat 50% 0;background-size: cover} .section_09 .resp_inner{display: flex;align-items: center;min-height: 140px;padding-top: 10px;padding-bottom: 10px;box-sizing: border-box} .section_09 .left{flex-shrink: 0;width: 240px;} .section_09 .left .title01, .section_09 .left .more{display: inline-block;vertical-align: middle;margin: 0} .section_09 .left .more{margin-left: 15px} .section_09 .right{flex-grow: 1;} .section_09 .flex{display: flex;justify-content: space-between;flex-wrap: wrap;letter-spacing: -0.03em;} .section_09 dl{margin-left:10px;} .section_09 dt, .section_09 dd{display: inline-block;vertical-align: middle;font-size: var(--font-size02);} .section_09 dt{font-weight: 700;color: #222;margin-right: 5px} .section_09 dd{font-weight: 400;color: #444} .section_09 dd em{font-weight: 500;color: #222;} .text_small{display: flex;justify-content: space-between;flex-wrap: wrap;font-weight: 400;color: #666;font-size: var(--font-size02);} .text_small > li{margin-left: 10px} .section_09 .flex, .section_09 .text_small{margin-top: 13px;margin-bottom: 13px} .site_go{display: flex;align-items: center;justify-content: center;width:100%;height: 50px;background-color: #666;text-align: center;font-size: var(--font-size02);font-weight: 500;color: #fff;} .site_go span{padding-right: 30px;position: relative} .site_go span:after{display: block;content: '';width: 12px;height: 7px;background: url("/resource/usr/image/icon_arrow05.svg") repeat 0 0;position: absolute;top: 50%;right:0;margin-top: -3px;} .site_go.off span:after{transform:rotate(180deg)} #footer{position: relative} #footer > .resp_inner{padding-bottom: 60px} #footer .related_site{background-color: #f7f7f7;} #footer .related_site .inner{padding-top: 31px;padding-bottom: 28px;} #footer .related_site > li{margin-left: 10px;} #footer .related_site > li:first-child{margin-left: 0;} #footer .related_site .site_list{display: flex;justify-content: space-between;gap:20px} #footer .related_site .site_list > li{margin: 20px 0;} #footer .related_site .list{font-size: 0} #footer .related_site .list > li{display: inline-block;vertical-align: middle;position: relative;padding: 2px 0; padding-left: 8px;margin-right: 12px;white-space: nowrap} #footer .related_site .list > li:last-child{margin-right: 0} #footer .related_site .list > li:before{display: block;content: '';width: 2px;height: 2px;background-color: #E35D68;position: absolute;top:50%;left:0;margin-left: 0;margin-top: -1px;border-radius: 100%} #footer .related_site .list a{color: #444;font-size: var(--font-size02);} #footer .related_site .list a:hover{text-decoration: underline} #footer{background-color: #344C6C} #footer .util_nav{padding: 22px 0;border-bottom: 1px solid #888;} #footer .util_nav a{font-size: var(--font-size02);font-weight: 300;color: #fff;margin-right: 30px} #footer .util_nav a:last-child{margin-right: 0} #footer .util_nav a.policy{color: #E35D68;font-weight: 500} #footer .addr_list{padding-top: 24px;display: flex;justify-content: space-between;gap:10px;color: #fff;font-size: var(--font-size02);font-weight: 300;line-height: 1.4;letter-spacing: -0.01em} #footer .addr_list .tit{display: flex;align-items: center;gap: 8px;font-weight: 500;margin-bottom: 5px} #footer .addr_list .btn_home{display: inline-flex;align-items: center;justify-content: center;padding: 2px 8px;font-size: 11px;color: #fff;border: 1px solid rgba(255,255,255,0.4);border-radius: 4px;text-decoration: none;font-weight: 400;line-height: 1;transition: all 0.2s;} #footer .addr_list .btn_home:hover{background: #fff;color: #344C6C;border-color: #fff;} #footer .copy{padding-top: 32px;display: flex;justify-content: space-between;align-items: center;} #footer .copy p{color: #567DB0;font-size: var(--font-size01);} #footer .visitant{position:absolute;top:20px;right:20px;color:#fff;font-weight:300} #footer .visitant em{font-weight: 700;margin-right:5px} #footer .visitant .bar{background-color: #fff} .quick_right{position: absolute;bottom: calc(100% + 30px);right:20px;z-index: 100} .quick_right.fixed {position: fixed;bottom: 30px;} .quick_right .sns_link{display: block} .quick_right .sns_link .btn_sns{width: 60px;height: 60px;border-radius: 100%;display: block;margin-bottom: 10px;} /* Circular Progress Top Button */ .progress_top_wrap { position: relative; width: 60px; height: 60px; opacity: 0; visibility: hidden; transform: translateY(20px); transition: all 0.3s ease; } .progress_top_wrap.active { opacity: 1; visibility: visible; transform: translateY(0); } .progress_circle { transform: rotate(-90deg); } .btn_top { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; border-radius: 100%; background : #567DB0 url("/resource/usr/image/icon_arrow02.svg") no-repeat 50% 50%; box-shadow: 2px 2px 10px 0px rgba(51, 51, 51, 0.1); border: none; cursor: pointer; z-index: 2; } .progress_bar { transition: stroke-dashoffset 0.1s linear; } .main_visual img, .sermon_slider img{width: 100%} #visitors_chart{width:100%;max-width:100%} /* SUB START */ #container{width: 100%;padding: 0 30px;padding-top: 192px;padding-bottom:124px;max-width: 1520px;margin: 0 auto;font-size: 22px;color: #444;line-height: 1.75;box-sizing: border-box} .part{margin-bottom: 145px} .part:last-child{margin-bottom: 0} .sel{padding:0 23px 0 15px;-webkit-appearance:none;width: 100%;outline:none;} :root .sel{background:#fff url("/resource/usr/image/icon_arrow06.svg") right 12px top 50% no-repeat;background-size: 10px 6px;} .sel::-ms-expand{display:none;} @-moz-document url-prefix(){.sel{background:0 0}} .sel:focus::-ms-value{background: none;} .check{display:inline-block;} .check label{display:inline-block;position:relative;padding:1px 0;padding-left:32px;font-size: var(--font-size02);color: #222;cursor: pointer;} .check input[type='checkbox'] + label:before{display:block;position:absolute;top:50%;left:0;margin-top:-11px;content:'';width:23px;height:23px;background: url("/resource/usr/image/cont/chk.png") no-repeat 0 0 / 23px auto;} .check input[type='checkbox']:checked + label:before{background-position: 0 -23px;} .check input[type='checkbox']{display:none;} .check.t1 label{padding: 0;width: 23px;height: 23px;} .check.t1 input[type='checkbox'] + label:before{margin-top: -12px;} .radio{display:inline-block;} .radio label{display:inline-block;position:relative;padding:1px 0;padding-left:32px;padding-right: 27px;font-size: var(--font-size02);color: #111;cursor: pointer;} .radio input[type='radio'] + label:before{display:block;position:absolute;top:50%;left:0;margin-top:-12px;content:'';width:23px;height:23px;background: url("/resource/usr/image/cont/radio.png") no-repeat 0 0 / 23px auto;} .radio input[type='radio']:checked + label:before{background-position: 0 -23px;} .radio input[type='radio']{display:none;} #sub_container{padding-top: 50px;} #sub_container > .resp_inner{display: flex;} #sub_container .snb_area{width: 269px;flex-shrink: 0;margin-right: 75px} #sub_container .content_area{flex-grow: 1;min-width: 0;} #sub_container > .resp_inner > form{flex-grow: 1;min-width: 0;} .snb_area .title{margin-bottom: 30px;display: flex;justify-content: center;align-items: center;width: 100%;height: 100px;background: url("/resource/usr/image/cont/subtit_bg.jpg") 0 0 no-repeat;background-size: cover;font-family: 'SCoreDream','Noto Sans KR', sans-serif;font-weight: 600;color: #000;font-size: var(--font-size08);} #snb > li{margin-bottom: 11px;} #snb > li{border: 1px solid #ddd;box-sizing: border-box;border-radius: var(--radius02);overflow: hidden} #snb > li > a{position:relative;display: flex;align-items: center;height: 59px;padding-left:20px;font-size: var(--font-size04);font-weight: 500;color: #222} #snb > li > a:before{display: block;content: '';width: 14px;height: 8px;background: url("/resource/usr/image/icon_arrow07.svg") 0 0 no-repeat;position: absolute;top:50%;margin-top: -4px;right:20px;} #snb .sub_depth{display: none} #snb .sub_depth a{display: flex;align-items: center;font-size: var(--font-size03);color: #666;position: relative;padding-left: 30px;min-height:45px;} #snb .sub_depth a:before{display: block;content: '';width: 4px;height: 4px;background-color: #ddd;border-radius: 100%;position: absolute;top:50%;left:20px;margin-top: -2px} #snb .sub_depth a:hover, #snb .sub_depth .on a{background-color: #F3F6FB;font-weight: 500;color: #222;} #snb .sub_depth a:hover:before, #snb .sub_depth .on a:before{background-color: #222} #snb > li.on > a{background-color: #567DB0;color: #fff} #snb > li.on > a:before{background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 6.9994L7.34314 1.34254L1.68629 6.9994' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");} #snb > li.has_sub.on > a:before{transform:rotate(180deg);background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 6.9994L7.34314 1.34254L1.68629 6.9994' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");} #snb > li.on .sub_depth{display: block;} .location{font-size: 0;margin-bottom: 17px;} .location > *{display: inline-block;vertical-align: middle} .location .home, .location .gt{width: 23px;height: 23px;} .location .gt{font-size: 0;color: transparent;background: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L1 11' stroke='%23DDDDDD' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;} .location .home{background: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9727 7.75C15.9727 8.24219 15.5626 8.625 15.0977 8.625H14.2227L14.2501 13C14.2501 13.082 14.2501 13.1641 14.2501 13.2188V13.6562C14.2501 14.2852 13.7579 14.75 13.1563 14.75H12.7188C12.6641 14.75 12.6368 14.75 12.6094 14.75C12.5821 14.75 12.5274 14.75 12.5001 14.75H10.9688C10.3399 14.75 9.87506 14.2852 9.87506 13.6562V11.25C9.87506 10.7852 9.4649 10.375 9.00006 10.375H7.25006C6.75787 10.375 6.37506 10.7852 6.37506 11.25V13.6562C6.37506 14.2852 5.88287 14.75 5.28131 14.75H3.75006C3.69537 14.75 3.66803 14.75 3.61334 14.75C3.586 14.75 3.55865 14.75 3.53131 14.75H3.09381C2.4649 14.75 2.00006 14.2852 2.00006 13.6562V10.5938C2.00006 10.5938 2.00006 10.5664 2.00006 10.5391V8.625H1.12506C0.632874 8.625 0.250061 8.24219 0.250061 7.75C0.250061 7.50391 0.332092 7.28516 0.523499 7.09375L7.5235 0.996094C7.7149 0.804688 7.93365 0.75 8.12506 0.75C8.31647 0.75 8.53522 0.832031 8.69928 0.96875L15.6719 7.09375C15.8907 7.28516 16.0001 7.50391 15.9727 7.75Z' fill='%23666666'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;} .location em{font-size: 14px;color: #666;} .location .breadcrumb_list{display: flex;align-items: center;flex-wrap: wrap;gap: 0;margin: 0;padding: 0;list-style: none;} .location .breadcrumb_item{display: flex;align-items: center;position: relative;min-height: 32px;} .location .breadcrumb_item + .breadcrumb_item:before{display: block;content: '';flex: 0 0 23px;width: 23px;height: 23px;background: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L1 11' stroke='%23DDDDDD' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;} .location .breadcrumb_link, .location .breadcrumb_current, .location .breadcrumb_toggle{display: inline-flex;align-items: center;max-width: 240px;min-height: 32px;font-size: 14px;color: #666;line-height: 1.35;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .location .breadcrumb_link:hover{color: #567DB0;} .location .breadcrumb_toggle{height: 32px;padding: 0 34px 0 13px;border: 1px solid #D9DEE8;border-radius: 6px;background-color: #fff;position: relative;font-weight: 500;transition: border-color .2s ease, color .2s ease, box-shadow .2s ease;} .location .breadcrumb_toggle:after{display: block;content: '';width: 10px;height: 6px;position: absolute;top: 50%;right: 13px;margin-top: -3px;background: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1L5 5L1 1' stroke='%23666666' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;} .location .breadcrumb_item.is_open .breadcrumb_toggle, .location .breadcrumb_toggle:focus, .location .breadcrumb_toggle:hover{border-color: #567DB0;color: #222;box-shadow: 0 4px 12px rgba(86, 125, 176, .12);} .location .breadcrumb_item.is_open .breadcrumb_toggle:after{transform: rotate(180deg);} .location .breadcrumb_menu{display: none;position: absolute;top: calc(100% + 7px);left: 23px;z-index: 20;min-width: 190px;max-width: 280px;padding: 8px 0;border: 1px solid #D9DEE8;border-radius: 6px;background-color: #fff;box-shadow: 0 12px 28px rgba(32, 44, 64, .14);} .location .breadcrumb_item.is_open .breadcrumb_menu, .location .breadcrumb_item:focus-within .breadcrumb_menu{display: block;} .location .breadcrumb_menu a{display: block;padding: 9px 15px;font-size: 14px;color: #555;line-height: 1.35;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .location .breadcrumb_menu a:hover, .location .breadcrumb_menu .on a{background-color: #F3F6FB;color: #222;font-weight: 500;} .location .breadcrumb_current{font-weight: 500;color: #666;} .sub_top{position:relative;padding-bottom: 29px;border-bottom: 1px solid #ddd;margin-bottom: 10px;} .subtitle{font-family: 'SCoreDream','Noto Sans KR', sans-serif;font-weight: 600;color: #000;font-size: var(--font-size06);} .module_box{font-size: 0;position: absolute;top:-10px;right:0;} .module_box a, .module_box button{margin-left:10px;display: inline-block;width: 40px;height: 40px;background-position: 50% 50%;background-color: #fff;background-repeat: no-repeat;border-radius: 100%;border: 1px solid #ddd;box-sizing: border-box;background-size: cover} .module_box .story{background-image: url("/resource/usr/image/cont/module_01.png")} .module_box .facebook{background-image: url("/resource/usr/image/cont/module_02.png")} .module_box .x{background-image: url("/resource/usr/image/cont/module_03.png")} .module_box .print{background-image: url("/resource/usr/image/cont/module_04.png")} .text_box01{margin-bottom: 20px;font-size: var(--font-size01);color:#444;background-color: #F3F6FB;border-radius: var(--radius02);padding: 14px 30px} .caution_list > li{margin: 7px 0;font-size: var(--font-size01);color:#444;padding-left: 23px;position: relative} .caution_list > li strong{font-weight: 500} .caution_list > li:before{display: block;content: '';width: 18px;height: 18px;background: url("/resource/usr/image/cont/icon_caution.svg") 0 0 no-repeat;position: absolute;top: 0.07em;left:0;} .text_box02{margin-bottom: 33px;font-size: var(--font-size03);color:#444;background-color: #F3F6FB;border-radius: var(--radius02);padding: 36px 30px;text-align: center;line-height: 1.38;} .text_box02 .tit{margin-bottom: 8px;font-size: var(--font-size04);font-weight: 500;color:#222;} .text_box02 .point{color:#E35D68;font-weight: 500;} .text_box02 .btns.t7{margin-top: 30px;} .tab_slider{margin-bottom: 19px;overflow: hidden;padding-bottom: 1px;} .tab_slider .swiper{border-bottom: 1px solid #ddd;} .tab_slider .swiper-slide{min-width: 150px;width: auto;} .tab_slider .swiper-slide a{padding: 0 20px;display: flex;height: 49px;justify-content: center;align-items: center;color: #666;font-size: var(--font-size03);position: relative} .tab_slider .swiper-slide a:after{display: block;content: '';width: 100%;height: 3px;background-color: #ddd;position: absolute;bottom: -2px;left:0;} .tab_slider .swiper-slide.on a{font-weight: 500;color: #344C6C} .tab_slider .swiper-slide.on a:after{background-color: #334c6b} .tab02{margin-bottom: 19px;overflow: hidden;padding-bottom: 1px;} .tab02 ul{border-bottom: 1px solid #ddd;display: flex} .tab02 li{max-width: 150px;width: 33.333%} .tab02 li a{display: flex;height: 49px;justify-content: center;align-items: center;color: #666;font-size: var(--font-size03);position: relative} .tab02 li a:after{display: block;content: '';width: 100%;height: 3px;background-color: #ddd;position: absolute;bottom: -2px;left:0;} .tab02 li.on a{font-weight: 500;color: #344C6C} .tab02 li.on a:after{background-color: #334c6b} .search_zone{width: 100%;margin-bottom: 19px;display: flex;justify-content: end;} .search_zone .inner{width: 100%;max-width: 417px;display: contents;} .search_zone .sel{flex-shrink: 0;max-width: 110px;margin-right: 7px;} .search_zone .has_btn{flex-grow: 1;position: relative;max-width:300px;width: 100%;height:40px;box-sizing: border-box} .search_zone .has_btn input[type='text']{width:100%;height: 100%;padding:0 36px 0 15px;border: 0;} .search_zone .btn_search{position: absolute;top: 50%;right:0;width: 40px;height: 100%;margin-top: -20px;background: url("/resource/usr/image/cont/icon_search.svg") no-repeat 50% 50%;} .search_zone .has_btn + .btns{margin-left: 20px;max-width: 110px;} .search_zone .sel, .search_zone .has_btn{height: 40px;border:1px solid #ddd;border-radius: 4px;font-size: var(--font-size01);color: #222;overflow: hidden} .tbl_list01{width: 100%;table-layout: fixed;border-top: 1px solid #888;border-bottom: 1px solid #888} .tbl_list01 tr:last-of-type td{border-bottom: 1px solid #888} .tbl_list01 th, .tbl_list01 td{height: 57px;box-sizing: border-box} .tbl_list01 td{font-size: var(--font-size01);color: #666;border-bottom: 1px solid #ddd;padding: 0 5px;font-weight: 300} .tbl_list01 .notice td.hits, .tbl_list01 .notice td.writer, .tbl_list01 .notice td.answer{font-size: 0} .tbl_list01 .icon_notice{display: inline-flex;justify-content: center;align-items: center;background-color: #E35D68;width: 46px;height: 24px;border-radius: var(--radius04);color: #fff;box-sizing: border-box} .tbl_list01 .title{text-align: left;padding-left: 15px} .tbl_list01 .title a{color:#222;font-size: var(--font-size02);font-weight: 500;display:inline-block;vertical-align: middle;max-width:91%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;} .tbl_list01 .writer{color:#444;} .tbl_list01 .no, .tbl_list01 .title a, .tbl_list01 .label{font-weight: 400} .tbl_list01 .icon_secret img{width: 14px} .tbl_list01 .type{font-weight: 700;color: #E35D68} .tbl_list01 .re.title{padding-top: 16px;padding-bottom: 15px} .tbl_list01 .reply_row{padding-top: 5px;} .tbl_list01 .reply_row a{font-size: var(--font-size01);color:#444;font-weight: 400} .tbl_list01.type01 .no{width: 7.5%} .tbl_list01.type01 .writer{width: 17%} .tbl_list01.type01 .hits{width: 9%} .tbl_list01.type01 .answer{width: 9%} .tbl_list01.type01 .date{width: 10%} .tbl_list01.type02 .no{width: 7.5%} .tbl_list01.type02 .date{width: 13%} .tbl_list01.type02 .btn{width: 10%} .base_paging{margin-top:29px;width:100%;text-align:center;} .base_paging a, .base_paging .number, .base_paging .number .on{display:inline-block;box-sizing: border-box;vertical-align: middle;} .base_paging a.page{width:40px;height:40px;position: relative;background-repeat: no-repeat;background-image: url("/resource/usr/image/cont/page_first.svg");background-size: cover;background-position: 50% 50%;border: 1px solid #ddd;border-radius: 100%} .base_paging a.page.first{background-image: url("/resource/usr/image/cont/page_first.svg");} .base_paging a.page.prev{background-image: url("/resource/usr/image/cont/page_prev.svg");} .base_paging a.page.next{background-image: url("/resource/usr/image/cont/page_next.svg");} .base_paging a.page.last{background-image: url("/resource/usr/image/cont/page_last.svg");} .base_paging .number{vertical-align:middle;margin: 0 10px;font-size: 0} .base_paging .number a, .base_paging .number .on{font-size: var(--font-size01);padding:0 2px;width:40px;line-height:40px;color:#444;margin: 0;font-weight: 300;border-radius: 100%;} .base_paging .number .on{color: #fff;background-color: #344C6C} .board_view01 .top_row{padding: 1px 16px 15px;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;border-bottom: 1px solid #888} .board_view01 .title{font-weight: 700;font-size: var(--font-size04);color: #222;margin-bottom: 10px;margin-right: 20px} .board_view01 .info{display: inline-flex;flex-wrap: wrap;font-size: var(--font-size01);font-weight: 300;color: #666;white-space: nowrap;margin-bottom: 10px;gap:0 30px} .board_view01 .info .writer{color: #444} .board_view01 .info .label{font-weight: 400} .board_view01 .cont_row{background-color: #F7F7F7;padding: 16px 16px 26px;color: #444;font-weight: 400;font-size: var(--font-size03);line-height: 1.4;max-width:100%;min-width:0;overflow-x:auto;overflow-wrap:anywhere;box-sizing:border-box;contain:layout paint;isolation:isolate} .board_view01 .cont_row img, .board_view01 .cont_row video, .board_view01 .cont_row iframe, .board_view01 .cont_row table{max-width:100%;box-sizing:border-box} .board_view01 .cont_row img, .board_view01 .cont_row video{height:auto} .board_view01 .file_row{width: 100%;table-layout: fixed;} .board_view01 .file_row th, .board_view01 .file_row td{font-size: var(--font-size02);text-align: left;line-height: 1.6;vertical-align: top} .board_view01 .file_row th{padding-top: 11px;width: 86px;font-weight: 500;color: #344C6C;} .board_view01 .file_row td{padding: 13px 0 0 26px;color: #666;} .board_view01 .icn_down{padding-right: 26px;background: url("/resource/usr/image/cont/icon_download.png") 100% 50% no-repeat;background-size: 22px 22px;} .board_view01 .comment_row{margin-top: 50px;} .board_view01 .comment_write{display: flex;gap:7px;margin-bottom: 19px;} .board_view01 .comment_write textarea{flex-grow: 1;width: 100%;height:60px;resize: vertical;padding: 10px 15px 5px;border:1px solid #ddd;border-radius: var(--radius04);font-size: var(--font-size01);} .board_view01 .comment_list{border-top: 1px solid #888} .board_view01 .comment_list > li{padding-top: 16px;padding-bottom: 15px;border-bottom: 1px solid #ddd} .board_view01 .comment_list .comment_info{position: relative;margin-bottom: 10px;padding-right: 120px} .board_view01 .comment_list .comment_info > *{display: inline-block;vertical-align: middle} .board_view01 .comment_list .name{color: #222;font-weight: 500;font-size: var(--font-size03);} .board_view01 .comment_list .date{color: #666;font-size: var(--font-size01);margin-left: 14px} .board_view01 .comment_list .comment_btn{position: absolute;top:0;right:0;font-size: 0} .board_view01 .comment_list .comment_btn .btns{margin-left: 8px} .board_view01 .comment_list .comment_cont{font-size: var(--font-size02);color: #444;line-height: 1.5;letter-spacing: -0.02em;} .board_view01 .thumbnail_row{padding: 17px 16px 24px;text-align: center} .board_view01 .thumbnail_row .thumb{display: inline-block;} .board_view01 .thumbnail_row .thumb, .board_view01 .thumbnail_row .thumb img{height: auto;width: auto;max-width: 100%} .board_view01 .thumbnail_row .thumb{border: 1px solid #ddd;border-radius: var(--radius02);height: auto} .board_view01 .gallery_row{padding-top: 30px} .board_view01 .gallery_row:after{display: block;content: '';clear: both} .board_view01 .gallery_row > li{float: left;width: 25%} .board_view01 .gallery_row .thumb{border: 1px solid #ddd;padding-bottom: 53.409%;height: 0;position: relative} .board_view01 .gallery_row .thumb img{position: absolute;top:0;left:0;} .basic_tbl{margin-top: 29px;width: 100%;border-top: 1px solid #888;border-bottom: 1px solid #888;table-layout: fixed} .basic_tbl th, .basic_tbl td{height: 57px;border-bottom: 1px solid #ddd;text-align: left;box-sizing: border-box} .basic_tbl tr:last-of-type th, .basic_tbl tr:last-of-type td{border-bottom: 1px solid #888} .basic_tbl th{width: 90px;font-weight: 500;color: #666;font-size: var(--font-size02);padding-left: 17px;} .basic_tbl th span{background-position: 100% 50%;background-repeat: no-repeat;padding-right: 18px} .basic_tbl th span.next{background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.33891 5.26754C9.48191 5.41054 9.52469 5.6256 9.4473 5.81244C9.36991 5.99927 9.18759 6.12109 8.98536 6.12109H0.500076C0.297845 6.12109 0.115526 5.99927 0.0381359 5.81244C-0.0392546 5.6256 0.00352334 5.41054 0.146522 5.26754L4.38916 1.0249C4.58443 0.829637 4.90101 0.829637 5.09627 1.0249L9.33891 5.26754Z' fill='%23666666'/%3E%3C/svg%3E%0A");} .basic_tbl th span.prev{background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.33891 1.73246C9.48191 1.58946 9.52469 1.3744 9.4473 1.18756C9.36991 1.00073 9.18759 0.878906 8.98536 0.878906H0.500076C0.297845 0.878906 0.115526 1.00073 0.0381359 1.18756C-0.0392546 1.3744 0.00352334 1.58946 0.146522 1.73246L4.38916 5.9751C4.58443 6.17036 4.90101 6.17036 5.09627 5.9751L9.33891 1.73246Z' fill='%23666666'/%3E%3C/svg%3E%0A");} .basic_tbl td{font-size: var(--font-size03);color: #222} .basic_tbl td a{display:inline-block;vertical-align: middle;max-width:96%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;} .basic_tbl .nodata th, .basic_tbl .nodata td{color: #888;background-color: #F7F7F7} .basic_tbl .nodata th span.next{background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.33891 5.26754C9.48191 5.41054 9.52469 5.6256 9.4473 5.81244C9.36991 5.99927 9.18759 6.12109 8.98536 6.12109H0.500076C0.297845 6.12109 0.115526 5.99927 0.0381359 5.81244C-0.0392546 5.6256 0.00352334 5.41054 0.146522 5.26754L4.38916 1.0249C4.58443 0.829637 4.90101 0.829637 5.09627 1.0249L9.33891 5.26754Z' fill='%23888888'/%3E%3C/svg%3E%0A");} .basic_tbl .nodata th span.prev{background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.33891 1.73246C9.48191 1.58946 9.52469 1.3744 9.4473 1.18756C9.36991 1.00073 9.18759 0.878906 8.98536 0.878906H0.500076C0.297845 0.878906 0.115526 1.00073 0.0381359 1.18756C-0.0392546 1.3744 0.00352334 1.58946 0.146522 1.73246L4.38916 5.9751C4.58443 6.17036 4.90101 6.17036 5.09627 5.9751L9.33891 1.73246Z' fill='%23888888'/%3E%3C/svg%3E%0A");} .board_write01{padding-bottom: 19px;border-bottom: 1px solid #888;font-size: var(--font-size03);} .board_write01 .tbl_write, .board_write01 .tbl_file{width: 100%; table-layout: fixed;} .board_write01 .tbl_write > tbody > tr > th, .board_write01 .tbl_write > tbody > tr > td{text-align: left;padding: 15px 0;vertical-align: top} .board_write01 .tbl_write > tbody > tr > th{width:92px;font-weight: 500;font-size: var(--font-size02);color: #222;padding-top: 28px;} .board_write01 .tbl_write > tbody > tr > th.mid, .board_write01 .tbl_write > tbody > tr > td.mid{padding: 0;vertical-align: middle;padding: 8px 0;height: 49px;} .board_write01 .tbl_write .top_row{color: #222;padding: 0} .board_write01 .tbl_write .top_row .int{margin-top: 7px} .board_write01 .tbl_write .top_row .int:first-child{margin-top: 0} .board_write01 .tbl_write .content_row{padding-top: 23px} .board_write01 .tbl_write .content_row .cont_box{padding: 16px 16px 26px;height: 292px;color: #444;font-weight: 500;font-size: var(--font-size03);box-sizing: border-box} .board_write01 .sel{max-width: 300px} .board_write01 .tbl_write .flex_box{display: flex;align-items: center;gap:30px} .board_write01 .tbl_file th, .board_write01 .tbl_file td{vertical-align: top} .board_write01 .tbl_file th{width: 92px;text-align: center;color: #344C6C;font-size: var(--font-size02);font-weight: 500} .board_write01 .tbl_file td{padding-left: 26px;} .board_write01 .tbl_file th .btns.t4{width: 100%;margin-top: 6px;} .board_write01 .tbl_file .file_list > li{display: flex;align-items: center;gap: 7px;margin-bottom: 7px} .board_write01 .tbl_file .file_list > li:last-child{margin-bottom: 0} .board_write01 .tbl_file .file_box{flex-grow: 1;} .int, .textarea, .sel, .file_box .file_name{width:100%;padding-left:16px;height: 49px;border: 1px solid #ddd;font-size: inherit;color: inherit;box-sizing: border-box;border-radius: var(--radius04);} .textarea{resize: none;height: 252px;padding-top: 16px;padding-bottom: 16px} .int.readonly, .int[readonly]{background-color: #F7F7F7} .file_box{display: flex;gap: 7px;} .file_box .file_name{display:inline-block;width:100%;height: 40px;vertical-align:middle;font-size: var(--font-size01);} .file_box .btn_file{flex-shrink: 0;width:83px;height:40px;vertical-align:middle;border-radius: var(--radius04);background: #444;font-size: var(--font-size01);color: #fff;font-weight: 300} .file_box input[type='file'] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0} .blog_list{padding-top: 1px;margin: 0 -20px} .blog_list:after{display: block;content: '';clear: both} .blog_list > li{margin-top: 30px;float:left;width: 50%;color: #444;font-size: var(--font-size01);padding: 0 20px;box-sizing: border-box;} .blog_list > li:nth-child(1), .blog_list > li:nth-child(2){margin-top: 0} .blog_list > li > a{display: flex;width: 100%} .blog_list .img{width: 34.845%;flex-shrink: 0;} .blog_list .thumb{ border: 1px solid #ddd; border-radius: var(--radius02); padding-bottom: 100%; position: relative; overflow: hidden; } /* .blog_list .thumb img 스타일 추가 */ .blog_list .thumb img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } .blog_list .cont{width: 65.155%;flex-shrink: 0;padding: 10px 0 19px 28px;line-height: 1.43;display: flex;flex-direction: column;box-sizing: border-box} .blog_list .cont .inner{flex: 1 0;} .blog_list .cont .tit{display: block;font-size: var(--font-size02);font-weight: 500;color: #222;margin-bottom: 15px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;} .blog_list .cont .info{padding-top: 8px;border-top: 1px solid #ddd;color: #666;font-size: 0} .blog_list .cont .info span{font-size: 12px;display: inline-block;vertical-align: middle;font-weight: 300} .blog_list .cont .bar{color: #ddd;font-size: var(--font-size01);width: auto;height: auto;margin: 0 9px} .blog_list .cont p{height: 8.7em;display: -webkit-box;overflow: hidden;white-space: normal;word-wrap: break-word;-webkit-line-clamp: 6;-webkit-box-orient: vertical;text-overflow: ellipsis;margin-bottom: 20px} .gallery_list01{margin: 0 -16px} .gallery_list01:after{display: block;content: '';clear: both} .gallery_list01 > li{width: 25%;float: left;padding: 0 16px;box-sizing: border-box;margin-top: 30px} .gallery_list01 > li:nth-child(1), .gallery_list01 > li:nth-child(2), .gallery_list01 > li:nth-child(3), .gallery_list01 > li:nth-child(4){margin-top: 0} .gallery_list01 .thumb{border: 1px solid #ddd;border-radius: var(--radius02);height:0;padding-bottom:144.62%;position:relative;} .gallery_list01 .thumb img{position:absolute;top:0;left:0;} .gallery_list01 .cont{padding-top: 13px;} .gallery_list01 .date{font-size: 12px;color: #666;font-weight: 300} .board_view02 .top_row .tit{font-size: var(--font-size04);color: #222;text-align: center;padding-bottom: 25px;} .board_view02 .cont_row{border-top: 1px solid #888;background-color: #f7f7f7;padding: 16px 16px 26px;text-align: center} .board_view02 .cont_row img{max-width: 100%;} .gallery_list02{margin: 0 -16px} .gallery_list02:after{display: block;content: '';clear: both} .gallery_list02 > li{width: 25%;float: left;padding: 0 16px;box-sizing: border-box;margin-top: 28px;/*min-height:273px;*/} .gallery_list02 > li:nth-child(1), .gallery_list02 > li:nth-child(2), .gallery_list02 > li:nth-child(3), .gallery_list02 > li:nth-child(4){margin-top: 0} .gallery_list02 .thumb{border: 1px solid #ddd;border-radius: var(--radius02);height:0;padding-bottom:64.454%;position:relative;} .gallery_list02 .thumb img{position:absolute;top:0;left:0;} .gallery_list02 .tit{margin-bottom:16px;font-size: var(--font-size02);font-weight: 500;color: #222;vertical-align: middle;max-width:98%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;} .gallery_list02 .cont{padding-top: 16px;} .gallery_list02 .info{padding-top: 8px;border-top: 1px solid #ddd;color: #666;font-size: 0} .gallery_list02 .info span{font-size: 12px;display: inline-block;vertical-align: middle;font-weight: 300} .gallery_list02 .bar{color: #ddd;font-size: var(--font-size01);width: auto;height: auto;margin: 0 9px} .gallery_list01 > li.no_data, .gallery_list02 > li.no_data, .gallery_list03 > li.no_data, .blog_list > li.no_data, .video_list > li.no_data { width: 100%; text-align: center; padding: 100px 0; float: none; margin-top: 0; color: #888; border: none; } .layer_zone{display:none;position: fixed;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0,0,0,.5);z-index: 1000;overflow-y: auto;} .layer_zone .layer_wrap{position: relative;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;} .layer_zone .layer_cont{position: relative;max-width: 100%;width: 1400px;} .layer_zone .layer_cont.confirm .btns.close{width: 100%;height: 45px;background-color: #f15921;font-size: 14px;color: #fff;font-weight: 700} .layer_zone.layer01 .layer_cont{max-width: 90%;background-color: #fff;border-radius: var(--radius03);overflow: hidden} .layer_zone.layer01 .layer_cont > .title{display: flex;align-items: center;padding: 5px 56px 5px 30px;min-height: 70px;background-color: #344C6C;color: #fff;font-size: var(--font-size06);font-weight: 500;box-sizing: border-box} .layer_zone.layer01 .layer_cont > .layer_inner{padding: 30px} .layer_zone.layer01 .layer_cont .layer_terms{padding: 20px 16px;height: 592px;background-color: #F7F7F7;overflow-y: auto;font-size: var(--font-size02);line-height: 1.38;color: #444;box-sizing: border-box} .layer_zone.layer01 .layer_cont .layer_terms p{margin-bottom: 20px} .layer_zone.layer01 .layer_cont .layer_terms p:last-child{margin-bottom: 0} .layer_zone.layer01 .layer_cont .btn_center{margin-top: 25px;} .layer_zone.layer01 .layer_cont .close{position:absolute;top:18px;right:26px;width: 34px;height: 34px;background: url("/resource/usr/image/cont/icon_close.svg") no-repeat 50% 50%;position: absolute;} .layer_zone.layer02 .layer_cont{padding: 37px 40px 40px;background-color: #fff;width: 1270px;max-width: 96%;box-sizing: border-box;border-radius: var(--radius02);} .layer_zone.layer02 .facilities_slide{padding: 0;} .layer_zone.layer02 .facilities_slide .swiper{overflow: hidden;} .layer_zone.layer02 .facilities_slide .swiper .swiper-slide{background-color: #fff} .layer_zone.layer02 .facilities_slide .img{border-radius: var(--radius02);overflow: hidden} .layer_zone.layer02 .facilities_slide .tit{display: block;margin-bottom: 30px;font-family: 'SCoreDream', sans-serif;font-weight:600;font-size: var(--font-size06);color: #222} .layer_zone.layer02 .facilities_slide .swiper-pagination{width: 100%;} .layer_zone.layer02 .facilities_slide .swiper-pagination-bullet{margin: 0 5px;} .layer_zone.layer02 .close{position: absolute;top:40px;right:40px;z-index: 2;} .popup_slide{position: relative;padding: 0 105px;box-sizing: border-box} .popup_slide .swiper{box-shadow: 0px 0px 30px 0px rgba(68,68,68,0.15);border-radius: var(--radius02);overflow: hidden} .popup_slide .swiper-slide img{width: 100%} .popup_slide .swiper-button-next, .popup_slide .swiper-button-prev{position:absolute;top:50%;left:0;margin-top: -43px;width: 86px;height: 86px;background: url("/resource/usr/image/cont/sp_pn.png") no-repeat 0 0} .popup_slide .swiper-button-next{background-position: -86px 0;left: auto;right:0} .popup_slide .swiper-button-prev:hover{background-position: 0 -86px} .popup_slide .swiper-button-next:hover{background-position: -86px -86px} .calendar_area .top_row{display: flex;align-items: center;justify-content: center;position: relative;padding-bottom: 19px;} .calendar_area .top_row > .date{margin: 0 22px;font-family: 'SCoreDream','Noto Sans KR', sans-serif;font-weight: 700;font-size: var(--font-size09);color: #000} .calendar_area .btn_prev, .calendar_area .btn_next{width: 36px;height: 36px;background: url("/resource/usr/image/btn_prev_bk.svg") no-repeat 50% 50%} .calendar_area .btn_next{background-image: url("/resource/usr/image/btn_next_bk.svg");} .select_calendar_pop{display:none;position: absolute;top:100%;left:50%;transform:translateX(-50%);width: 100%;max-width: 323px;background-color: #fff;box-shadow: 0px 0px 30px 0px rgba(68,68,68,0.15);border-radius: var(--radius02);z-index: 10} .select_calendar_pop > .date{display: flex;align-items: center;justify-content: center;height: 78px;border-bottom: 3px solid #E35D68;font-family: 'SCoreDream','Noto Sans KR', sans-serif;font-weight: 700;font-size: var(--font-size06);color: #000} .select_calendar_pop .select_inner{padding: 24px 54px 41px;} .select_calendar_pop .select_date{display: flex;gap:24px} .select_calendar_pop .calendar_scroll{width: 50%;height: 114px;overflow: hidden;overflow-y: auto;position: relative} .select_calendar_pop .calendar_scroll button{width:100%;height: 38px;text-align: center;background-color: #F7F7F7;color: #888;font-weight: 400;font-size: var(--font-size02);border-top:1px solid #F7F7F7;border-bottom: 1px solid #F7F7F7} .select_calendar_pop .calendar_scroll::-webkit-scrollbar{background-color:transparent;width:0;} .select_calendar_pop .calendar_scroll::-webkit-scrollbar{display: none;} .select_calendar_pop .calendar_scroll{-ms-overflow-style: none;scrollbar-width: none;} .select_calendar_pop .calendar_scroll button:hover{background-color: #fff;color: #222} .select_calendar_pop .calendar_scroll button.on{background-color: #fff;border-color: #E35D68;color: #222} .select_calendar_pop .btn_center{margin-top: 24px} .tab03{display: table;width: 100%;table-layout: fixed;border-bottom: 3px solid #567DB0} .tab03 > li{display: table-cell;vertical-align: bottom;} .tab03 > li a, .tab03 > li button{display: flex;align-items: center;justify-content: center;width: 100%;height: 60px;font-size: var(--font-size04);font-weight:400;color: #666;border: 1px solid #ddd;background-color: #F7F7F7;text-align: center;border-top-left-radius: var(--radius02);border-top-right-radius: var(--radius02);box-sizing: border-box} .tab03 > li.on{position: relative;z-index: 1} .tab03 > li.on a, .tab03 > li.on button{color: #fff;background-color: #567DB0;border-color: #567DB0} .member_area{width: 540px;max-width: 100%;margin: 110px auto 100px;} .login_box{border: 1px solid #ddd;border-radius: var(--radius02);overflow: hidden} .member_area .inner{padding: 50px 53px} .login_form a{font-size: var(--font-size01);color: #444;} .login_form a.bk{color: #222} .login_form .btn_space{padding-top: 15px;} .login_form + .btn_center{border-top: 1px solid #ddd;margin-top: 40px;padding-top: 29px;} .idpw_box{text-align: center} .idpw_box .inner{border: 1px solid #ddd;border-top: 0;border-bottom-left-radius: var(--radius02);border-bottom-right-radius: var(--radius02);} .idpw_box .text_area{margin-bottom: 32px;} .idpw_box .text_area p{font-size: var(--font-size02);color: #444} .idpw_box .form_type02{margin-bottom: 33px;} .idpw_box .has_btn{display:flex;gap:5px;} .idpw_box .has_btn .int{flex:1;} .idpw_box .has_btn .btns{flex-shrink:0;white-space:nowrap;min-width:120px;} .idpw_box .btns.t5,.idpw_box .btns.t7{width:100%;max-width:400px;} .form_type01{margin-bottom: 41px;font-size: var(--font-size01);} .form_type01 .row{margin-bottom: 14px;} .form_type01 .int{height: 40px} .form_type01 .check label{font-size: var(--font-size01);color: #444;} .form_type02{width: 100%;table-layout: fixed;font-size: var(--font-size01);} .form_type02 th, .form_type02 td{padding: 7px 0} .form_type02 th{font-size: var(--font-size02);font-weight: 500;color: #222;width: 25%;text-align: left} .form_type02 .int{height: 40px} .idpw_box .result_box{margin: 39px 0 40px;padding: 36px 10px 34px;background-color: #F3F6FB;border-radius: var(--radius02);font-size: var(--font-size02);color: #666;line-height: 1.4;} .idpw_box .result_box .point{color: #E35D68;font-weight: 500} .idpw_box .result_box .date{color: #444;font-weight: 500} .idpw_box .result_box > p{margin-bottom: 9px} .idpw_box .result_box > p:last-child{margin-bottom: 0} .join_area{padding-top:112px;padding-bottom: 100px;font-size: var(--font-size03);color: #222} .join_area .part {margin-bottom: 83px;} .join_area.step01 {padding-top: 112px;} .join_area .part.step01 {margin-bottom: 20px;} .join_area .part:last-child{margin-bottom: 0;} .join_area .btn_right {margin-top: 13px;} .join_area .last_text{margin-top: 78px;padding: 28px 0 0;border-top: 1px solid #ddd} .join_area .last_text .check label{font-size: var(--font-size03);font-weight: 700} .join_area .last_text .list02{margin-top: 14px;} .join_area .btn_center{gap:14px;margin-top: 80px;} .join_step{display: flex;gap:130px;margin-bottom: 62px} .join_step > li{padding-bottom: 8px;position:relative;flex-grow: 1;display:flex;align-items: center;font-size: var(--font-size06);color: #666;font-weight: 500;border-bottom: 3px solid #ddd} .join_step > li:after{position:absolute;top:50%;right:-84px;margin-top:-18px;display: block;content: '';width: 39px;height: 39px;background: #ddd url("/resource/usr/image/icon_arrow03.svg") no-repeat 50% 50%;border-radius: 100%;} .join_step .no{font-size: 60px;font-weight: 700;color: rgba(86,125,176,.5);margin-right: 25px;} .join_step > li.on{border-color: #567DB0;color: #222} .join_step > li.on .no{color: #567DB0} .join_step > li:last-child:after{display: none} .terms_box{margin-top: 27px;height:234px;padding: 22px 26px;background-color: #F7F7F7;border: 1px solid #ddd;font-weight: 300;line-height:1.44;font-size: var(--font-size02);color: #666;box-sizing: border-box;overflow: hidden;overflow-y: auto;border-radius: var(--radius04);} .terms_box .grp{margin-bottom: 22px;} .terms_box .grp:last-child{margin-bottom: 0;} .terms_box .tit{font-weight: 500;line-height: 1.35;} .terms_box .list01{font-size: var(--font-size01);margin-top: 22px;} .list02 > li{font-weight: 300;font-size: var(--font-size02);color: #E35D68;padding-left: .6em;text-indent: -.6em;} .tel_int, .mail_int, .birth_sel{display: inline-flex;align-items: center;width: 660px} .tel_int .hyphen, .mail_int .at{flex-shrink: 0;width: 20px;text-align: center;color: #222;} .mail_int .at{font-size: 16px;color: #222} .mail_int .sel{margin-left: 10px} .tel_int{width: 300px;max-width: 100%;} .birth_sel{width: 344px;max-width: 100%;gap:7px} .addr_int .has_btn.zipcode .int{max-width: 100px} .addr_int .row{margin-top: 7px;} .required{color: #E35D68} .form_type03{margin-top: 26px;width: 100%;border-top: 1px solid #222;table-layout: fixed} .form_type03 > tbody > tr:last-child th, .form_type03 > tbody > tr:last-child td{border-bottom: 1px solid #222} .form_type03 > tbody > tr > th, .form_type03 > tbody > tr > td{padding-left: 16px;text-align: left;border-bottom: 1px solid #ddd;font-size: var(--font-size02);box-sizing: border-box} .form_type03 > thead > tr > th, .form_type03 > tbody > tr > th{height: 55px;background-color: #F7F7F7;color: #222;font-weight: 500} .form_type03 > thead > tr > th{border-bottom: 1px solid #ddd;text-align: center} .form_type03 > tbody > tr > th{width:150px;} .form_type03 > tbody > tr > td{width:auto;padding-right: 10px;padding-top: 10px;padding-bottom: 10px;font-size: var(--font-size01);} .form_type03 .inline_area{display: inline-block} .form_type03 .auth_type{display: flex;align-items: center;height: 58px;margin-bottom: 7px} .form_type03 .auth .text01{margin-right: 5px} .form_type03 .has_btn{display: inline-flex;gap:7px;width: 100%;max-width: 392px} .form_type03 .text01{color: #E35D68;margin: 3px 0} .form_type03 .text02{color: #666;line-height: 1.43;margin-top: 7px;padding-left: .45em;text-indent: -.45em;} .form_type03 .text02 + .text02, .form_type03 .form_type04 + .text02{margin-top: 0} .form_type03 ul.text02{margin-top: 7px;margin-bottom: 7px} .form_type03 .form_type04 + ul.text02{margin-top: 7px} .form_type03 .int, .form_type03 .sel{color: #222;max-width: 300px} .form_type03 .int.wide{max-width: 100%} .form_type03 .int, .form_type03 .sel, .form_type03 .text01, .form_type03 .text02{font-size: var(--font-size01);font-weight: 400} .form_type03 .int, .form_type03 .sel{height: 40px;} .form_type03 .mr1{margin-right: 12px} .form_type03 .flex{display: flex;gap:5px;flex-wrap: wrap;align-items: center;} .form_type03 .text01{display: inline-block} .form_type03 .textarea{height: 140px} .custom_style01{margin-top: 26px;border-top: 1px solid #222;border-bottom: 1px solid #222;} .custom_style01 .form_type03{border-top: 0;margin-top: 0} .custom_style01 .form_type03 .a_center{padding-left: 2px !important;padding-right: 2px !important} .custom_style01 .form_type03 > thead > tr > th{line-height: 1.2} .custom_style01 .form_type03 > thead > tr > th, .custom_style01 .form_type03 > tbody > tr > th, .custom_style01 .form_type03 > tbody > tr > td{border-right:1px solid #ddd} .custom_style01 .form_type03 > thead > tr > th:last-of-type, .custom_style01 .form_type03 > tbody > tr > td:last-of-type{border-right: 0} .custom_style01 .form_type03 > tbody > tr:last-child th, .custom_style01 .form_type03 > tbody > tr:last-child td{border-bottom: 0} .form_type03 .col1{width: 150px} .form_type03 .col2{width: 200px} .form_type04{display: table;width: 100%;table-layout: fixed} .form_type04 > tbody > tr > th, .form_type04 > tbody > tr > td{text-align: left;padding-bottom: 7px} .form_type04 > tbody > tr > th{width:100px;font-weight: 400;font-size: var(--font-size02);color: #222;} .form_type04 > tbody > tr > th.vt{vertical-align: top;padding-top: .8em} .join_complete .title06{margin-bottom: 29px;} .join_complete .cont_box{padding: 36px 15px;text-align: center;background-color: #F3F6FB;border-radius: var(--radius02);font-size: var(--font-size03);letter-spacing: -0.02em;} .join_complete .text01{display: block;margin-bottom: 9px;font-weight: 500;color: #222;font-size: var(--font-size04);} .join_complete .text02{font-weight: 500;color: #E35D68;} .join_complete .text03{font-weight: 500;color: #222;text-decoration: underline} .join_complete .text04{font-weight: 300;color: #888;} .video_list{padding-top: 1px;margin: 0 -20px;font-size:0} .video_list:after{display: block;content: '';clear: both} .video_list > li{margin-top: 30px;display:inline-block;vertical-align:top;width: 50%;color: #444;font-size: var(--font-size01);padding: 0 20px;box-sizing: border-box;} .video_list > li:nth-child(1), .video_list > li:nth-child(2){margin-top: 0} .video_list > li > a{display: flex;width: 100%} .video_list .img{width: 47.035%;flex-shrink: 0;} .video_list .thumb{border: 1px solid #ddd;border-radius: var(--radius02);height: auto} .video_list .cont{width: 52.965%;flex-shrink: 0;padding: 0 0 0 28px;line-height: 1.43;box-sizing: border-box} .video_list .cont .inner{flex: 1 0;} .video_list .cont .tit{display: block;font-size: var(--font-size02);font-weight: 500;color: #222;margin-bottom: 9px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;} .video_list .cont .info{padding-top: 8px;border-top: 1px solid #ddd;color: #666;font-size: 0} .video_list .cont .info span{font-size: 12px;display: inline-block;vertical-align: middle;font-weight: 300} .video_list .cont .bar{color: #ddd;font-size: var(--font-size01);width: auto;height: auto;margin: 0 9px} .video_list .cont .inner > p{height: 3em;display: -webkit-box;overflow: hidden;white-space: normal;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;margin-bottom: 6px;letter-spacing: -0.02em} .video_list .cont .inner > table{width: 100%;margin-bottom: 10px;} .video_list .cont .inner > table th, .video_list .cont .inner > table td{color: #222;text-align: left} .video_list .cont .inner > table th{font-weight: 500;width: 1%;white-space: nowrap;vertical-align: top;} .video_list .cont .inner > table td{padding-left: 4px} .video_area{display: flex;justify-content: space-between;} .video_area .video_player{width:66.3825%;} .video_area .video_player .inner{height: 0;padding-bottom: 56.25%;position: relative;overflow: hidden;border-radius: var(--radius02);} .video_area .video_player iframe{position: absolute;top:0;left:0;width: 100%;height: 100%;} .video_area .aside_info{width:29.8295%} .video_area .aside_info .title04{margin-bottom: 16px;line-height: 1.2} .video_area .aside_info .thumb{height: 0;padding-bottom: 65.396%;position: relative;border-radius: var(--radius02);} .video_area .aside_info .thumb img{position: absolute;top:0;left:0;} .video_area .aside_info .cont{padding-top: 17px;} .video_area .aside_info table{width: 100%;} .video_area .aside_info table th, .video_area .aside_info table td{text-align: left;font-size: var(--font-size01);color: #444;line-height: 1.4;vertical-align: top} .video_area .aside_info table th{font-weight: 500;width: 1%;white-space: nowrap} .video_area .aside_info table td{padding-left: 4px;} .video_area .aside_info .info{display: flex;justify-content: space-between;align-items: center;margin-top: 16px;padding-top: 9px;border-top: 1px solid #ddd;color: #666;font-size: 0} .video_area .aside_info .info div > span{font-size: 14px;display: inline-block;vertical-align: middle;font-weight: 300} .video_area .aside_info .info .bar{color: #ddd;font-size: var(--font-size01);width: auto;height: auto;margin: 0 9px} .audio_area{padding:31px 0 0;margin-bottom: 27px} .audio_player{position: relative;background-color: #F7F7F7;border-radius: var(--radius02);padding: 30px 30px 37px} .audio_player .mejs__container{width: 100% !important} .audio_player .tit_row{padding-top: 1px;padding-left: 76px;font-size: var(--font-size01);color: #666;padding-right: 180px;} .audio_player .tit_row .tit{font-weight: 500;font-size: var(--font-size03);color: #222;margin-top: 5px} .audio_player .mejs__controls{padding: 0} .audio_player .mejs__container, .audio_player .mejs__controls:not([style*='display: none']){background: none} .audio_player .mejs__controls{align-items: center;} .audio_player .mejs__time{margin: 0;padding: 0;height: auto;font-size: var(--font-size01);color: #444;font-weight: 400;position: absolute;top:30px;line-height: 1.2} .audio_player .mejs__duration-container{right:0;left:auto} .audio_player .mejs__time-rail{margin: 0;padding: 0} .audio_player .mejs__time-total{margin-top:0;background-color: #ddd;border-radius: 6px;overflow: hidden} .audio_player .mejs__time-total, .audio_player .mejs__time-rail, .audio_player .mejs__time-current{height: 6px} .audio_player .mejs__time-current{background-color: #E35D68;border: 0;left:0} .audio_player .mejs__horizontal-volume-slider{height: 3px;width: 70px;} .audio_player .mejs__horizontal-volume-total{position: relative;top: auto;border: 0;background: #ddd;height: 3px;border-radius: 3px;width: 100%;font-size: 0} .audio_player .mejs__horizontal-volume-current{background: #666;border-radius: 3px;border-right: 0;width: 0} .audio_player .mejs__playpause-button{background-color: #E35D68;width: 49px;height: 49px;border-radius: 100%;position: absolute;top:-49px;left:0} .audio_player .mejs__playpause-button > button{ cursor: pointer;display: block;font-size: 0;line-height: 0;text-decoration: none; margin: 0;padding: 0;position: absolute;height: 100%;width: 100%;border: 0; } .audio_player .mejs__playpause-button > button:before{position:absolute;top:50%;left:50%;margin: -10px 0 0 -10px;display: block;content: '';width: 20px;height: 20px;background: transparent url("/resource/usr/image/cont/mejs-controls.svg");background-size: 450px auto;} .audio_player .mejs__playpause-button.mejs__pause > button:before{background-position: -24px 0} .audio_player .mejs__volume-button{position: absolute;top:0;right:0} .audio_player .mejs__horizontal-volume-slider{position: absolute;top:-26px;right:108px} .audio_player .mejs__time-buffering {display: none !important} .audio_player .mejs__time-loaded{background: none} .audio_player .mejs__time-hovered, .audio_player .mejs__time-handle{display: none} .audio_player .mejs__volume-button > button, .audio_player .audio_download{display:block;width: 40px;height: 40px;background-color: #fff;border-radius: 100%;border: 1px solid #444;box-sizing: border-box;padding: 0;margin: 0} .audio_player .mejs__volume-button{position: absolute;top: -44px;right: 50px;width: 40px;height: 40px;} .audio_player .mejs__volume-button > button{background-image: url("data:image/svg+xml,%3Csvg width='12' height='19' viewBox='0 0 12 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0781 0.825176C10.7812 0.122051 12 0.637676 12 1.62205V17.3721C12 18.4033 10.7812 18.8721 10.0781 18.1689L5.90625 13.9971H1.125C0.46875 13.9971 0 13.5283 0 12.8721V6.12205C0 5.51268 0.46875 4.99705 1.125 4.99705H5.90625L10.0781 0.825176Z' fill='%23444444'/%3E%3C/svg%3E%0A"); background-position: 49.5% 50.5%;background-repeat: no-repeat; } .audio_player .mejs__volume-button.mejs__unmute > button{border-color: #ddd; background-image: url("data:image/svg+xml,%3Csvg width='12' height='19' viewBox='0 0 12 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0781 0.825176C10.7812 0.122051 12 0.637676 12 1.62205V17.3721C12 18.4033 10.7812 18.8721 10.0781 18.1689L5.90625 13.9971H1.125C0.46875 13.9971 0 13.5283 0 12.8721V6.12205C0 5.51268 0.46875 4.99705 1.125 4.99705H5.90625L10.0781 0.825176Z' fill='%23dddddd'/%3E%3C/svg%3E%0A");} .audio_player .audio_download{position: absolute;top: 36px;right:30px;background: #fff url("data:image/svg+xml,%0A%3Csvg width='23' height='16' viewBox='0 0 23 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.0625 15.75C2.25 15.75 0 13.5 0 10.6875C0 8.50781 1.40625 6.60938 3.375 5.94141C3.375 5.83594 3.375 5.73047 3.375 5.625C3.375 2.53125 5.87109 0 9 0C11.0742 0 12.9023 1.16016 13.8516 2.84766C14.3789 2.46094 15.0469 2.25 15.75 2.25C17.6133 2.25 19.125 3.76172 19.125 5.625C19.125 6.08203 19.0195 6.46875 18.8789 6.85547C20.9531 7.27734 22.5 9.10547 22.5 11.25C22.5 13.7461 20.4609 15.75 18 15.75H5.0625ZM7.83984 9.87891L10.6523 12.6914C10.9688 13.043 11.4961 13.043 11.8125 12.6914L14.625 9.87891C14.9766 9.5625 14.9766 9.03516 14.625 8.71875C14.3086 8.36719 13.7812 8.36719 13.4648 8.71875L12.0938 10.0898V5.34375C12.0938 4.88672 11.707 4.5 11.25 4.5C10.7578 4.5 10.4062 4.88672 10.4062 5.34375V10.0898L9.03516 8.71875C8.68359 8.36719 8.15625 8.36719 7.83984 8.71875C7.48828 9.03516 7.48828 9.5625 7.83984 9.87891Z' fill='%23444444'/%3E%3C/svg%3E%0A") no-repeat 55% 50%;} #audio{visibility: hidden} .video_desc{background-color: #F3F6FB;border-radius: var(--radius02);padding: 40px 30px;} .video_desc .desc_list{margin-bottom: 40px} .video_desc .desc_list > li{display: flex;align-items: center;min-height: 2.5em;line-height: 1.4;margin-bottom: 22px;position: relative;padding-left: 62px;font-weight: 500;color: #222;font-size: var(--font-size03);} .video_desc .desc_list > li:last-child{margin-bottom: 0} .video_desc .desc_list .no{position:absolute;top:0.2em;left:0;display: inline-flex;justify-content: center;align-items: center;width: 46px;height: 46px;background-color: #344C6C;font-weight: 500;color: #fff;font-size: var(--font-size03);border-radius: 100%} .video_desc .cont_row{min-height:292px;padding: 16px 16px 26px;background-color: #f4e1e7;font-weight: 500;color: #444;font-size: var(--font-size03);box-sizing: border-box} .video_desc .desc_list .bible-header {list-style: none; font-weight: 800; font-size: 20px; color: #2c3e50; padding: 15px 0 10px 5px; border-bottom: 1px solid #e5e5e5; margin-bottom: 15px; width: 100%; clear: both; line-height: 1.2;} .video_desc .desc_list .bible-header span {color: #555;} #intro_container{padding-top: 49px;} #intro_container .main_top{position: relative} #aside_container{padding-top: 49px;padding-bottom: 0} .gallery_list03{margin: 0 -12px;font-size: 0} .gallery_list03 > li{display:inline-block;vertical-align:top;margin: 5px 0;width: 25%;color: #222;font-size: var(--font-size01);padding: 0 12px;box-sizing: border-box;} .gallery_list03 > li > a{display: flex;width: 100%} .gallery_list03 .img{width: 48.195%;flex-shrink: 0;} .gallery_list03 .thumb{border: 1px solid #ddd;border-radius: var(--radius02);height: auto} .gallery_list03 .cont{width: 51.805%;flex-shrink: 0;padding: 0 0 0 16px;line-height: 1.43;display: flex;flex-direction: column;box-sizing: border-box} .gallery_list03 .cont .inner{flex: 1 0;} .gallery_list03 .cont .tit{display: block;font-size: var(--font-size02);font-weight: 500;color: #222;margin-bottom: 10px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;} .gallery_list03 .cont .info{margin-top: 6px;padding-top: 6px;border-top: 1px solid #ddd;color: #666;font-size: 12px;font-weight: 300} .gallery_list03 .cont p{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;} .slide_type04{position: relative} .slide_type04 .slide_outer{overflow: hidden;} .slide_type04 .swiper-slide{width: 25%;margin-right: 28px} .slide_type04 .thumb{position:relative;border-radius: var(--radius02);border: 1px solid #ddd;height: 0;padding-bottom: 64.44%} .slide_type04 .thumb img{position: absolute;top:0;left:0} .slide_type04 .cont{padding: 16px 0 0} .slide_type04 .tit{font-weight: 500;color: #222;line-height: 1.38;font-size: var(--font-size02);} .slide_type04 .swiper-button-next{background-image: url("/resource/usr/image/btn_next_bk.svg")} .slide_type04 .swiper-button-prev{background-image: url("/resource/usr/image/btn_prev_bk.svg")} .category_main .calendar_area{margin-bottom: 60px;} .category_main .calendar_area .top_row{padding-top: 9px;padding-bottom: 29px;border-bottom: 1px solid #ddd} .category_main .calendar_area .top_row > .date{font-size: var(--font-size12);} .category_main .video_area{margin-bottom: 25px} .category_main .video_area .video_player{width: 74.6429%;} .category_main .video_area .aside_info{width: 22.5%;} .category_main .video_area .video_player .inner {padding-bottom: 53.59%;} .category_main .part{margin-top: 47px;margin-bottom: 57px} .category_main .part .btn_center{margin-top: 39px;} .live_area .part{margin-top: 57px;margin-bottom: 0;} .live_top{padding-top: 15px;padding-bottom: 29px;border-bottom: 1px solid #ddd;text-align: center} .live_item{display: flex;gap:40px;} .live_item .img, .live_item .cont{width: 50%;flex: 1 1 auto;} .live_item .img img{max-width: auto;width: 100%;} .live_item .live_box{position:relative;display: block;border-radius: var(--radius02);overflow: hidden} .live_item .live_box .text{position:absolute;top:50%;left:0;width: 100%;transform:translateY(-50%);font-family: 'SCoreDream', sans-serif;font-size: var(--font-size06);font-weight: 500;color: #666;text-align: center;box-sizing: border-box;padding: 0 20px;} .live_item .live_box .text:before{margin: 0 auto 26px;display: block;content: '';width: 130px;height: 135px;background: url("/resource/usr/image/cont/icon_live.svg") no-repeat 50% 50%} .live_item .live_box.replay .text, .live_item .live_box.on .text{color: #222;} .live_item .live_box.replay .text:before{background-image: url("data:image/svg+xml,%3Csvg width='129' height='135' viewBox='0 0 129 135' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M123.925 31.8749H120.219C117.457 31.8749 113.34 33.1726 111.081 34.752L101.571 41.4016V28.1627C101.571 23.5855 97.8149 19.8633 93.1855 19.8633H8.42953C3.80009 19.8633 0.0443115 23.5754 0.0443115 28.1627V84.4583C0.0443115 89.0456 3.80009 92.7577 8.42953 92.7577H93.1855C97.8149 92.7577 101.571 89.0456 101.571 84.4583V71.2294L111.081 77.8791C113.34 79.4685 117.457 80.7562 120.219 80.7562H123.925C126.696 80.7562 128.956 78.5128 128.956 75.7765V36.8646C128.956 34.1283 126.696 31.8849 123.925 31.8849V31.8749Z' fill='%23222222'/%3E%3Cpath d='M41.3377 47.3997C41.3377 42.8626 44.5512 41.0015 48.4677 43.2751L64.4347 52.5101C68.3612 54.7736 68.3612 58.4958 64.4347 60.7593L48.4677 70.0044C44.5412 72.2679 41.3377 70.4168 41.3377 65.8798V47.3997Z' fill='white'/%3E%3Cpath d='M0.867737 104.059H10.1065V126.643H24.5271V134.017H0.867737V104.059Z' fill='%23222222'/%3E%3Cpath d='M29.0963 104.059H38.3552V134.017H29.0963V104.059Z' fill='%23222222'/%3E%3Cpath d='M42.0507 104.059H51.7113L58.4396 125.617L65.0875 104.059H74.4669L63.3602 134.017H53.3482L42.0507 104.059Z' fill='%23222222'/%3E%3Cpath d='M77.4695 104.057H102.233V110.455H86.7284V115.213H101.109V121.32H86.7284V127.225H102.685V134.005H77.4695V104.047V104.057Z' fill='%23222222'/%3E%3Cpath d='M101.48 2C105.929 2 110.378 3.70013 113.772 7.09034C117.166 10.4906 118.853 14.9371 118.853 19.4037' stroke='%23222222' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M101.48 12.5156C103.238 12.5156 104.995 13.1896 106.341 14.5276C107.686 15.8656 108.359 17.6361 108.359 19.3966' stroke='%23222222' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");} .live_item .live_box.on .text:before{background-image: url("data:image/svg+xml,%3Csvg width='129' height='135' viewBox='0 0 129 135' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M123.924 31.8749H120.219C117.457 31.8749 113.34 33.1726 111.081 34.752L101.571 41.4016V28.1627C101.571 23.5855 97.8148 19.8633 93.1854 19.8633H8.42941C3.79996 19.8633 0.0441895 23.5754 0.0441895 28.1627V84.4583C0.0441895 89.0456 3.79996 92.7577 8.42941 92.7577H93.1854C97.8148 92.7577 101.571 89.0456 101.571 84.4583V71.2294L111.081 77.8791C113.34 79.4685 117.457 80.7562 120.219 80.7562H123.924C126.696 80.7562 128.956 78.5128 128.956 75.7765V36.8646C128.956 34.1283 126.696 31.8849 123.924 31.8849V31.8749Z' fill='%23ED1C24'/%3E%3Cpath d='M41.3376 47.3997C41.3376 42.8626 44.5511 41.0015 48.4676 43.2751L64.4347 52.5101C68.3611 54.7736 68.3611 58.4958 64.4347 60.7593L48.4676 70.0044C44.5411 72.2679 41.3376 70.4168 41.3376 65.8798V47.3997Z' fill='white'/%3E%3Cpath d='M0.867676 104.059H10.1065V126.643H24.527V134.017H0.867676V104.059Z' fill='%23ED1C24'/%3E%3Cpath d='M29.0962 104.059H38.3551V134.017H29.0962V104.059Z' fill='%23ED1C24'/%3E%3Cpath d='M42.0505 104.059H51.7111L58.4394 125.617L65.0873 104.059H74.4667L63.36 134.017H53.348L42.0505 104.059Z' fill='%23ED1C24'/%3E%3Cpath d='M77.4695 104.057H102.233V110.455H86.7284V115.213H101.109V121.32H86.7284V127.225H102.685V134.005H77.4695V104.047V104.057Z' fill='%23ED1C24'/%3E%3Cpath d='M101.48 2C105.929 2 110.378 3.70013 113.772 7.09034C117.166 10.4906 118.853 14.9371 118.853 19.4037' stroke='%23ED1C24' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M101.48 12.5156C103.238 12.5156 104.995 13.1896 106.341 14.5276C107.686 15.8656 108.359 17.6361 108.359 19.3966' stroke='%23ED1C24' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");} .tbl01{width: 100%;border-top: 1px solid #222;border-bottom: 1px solid #222} .tbl01 th{width: 150px;background-color: #F7F7F7;font-size: var(--font-size02);font-weight: 500;color: #222} .tbl01 th, .tbl01 td{height: 73px;border-top: 1px solid #ddd;padding-top: 5px;padding-bottom: 5px;box-sizing: border-box} .tbl01 td{padding-left: 16px;text-align: left;font-size: var(--font-size01);color: #444} .tbl01 td strong{font-weight: 500} .tbl01 tbody tr:first-child th, .tbl01 tbody tr:first-child td{border-top: 1px solid #222;} .tbl01 tbody tr:hover .onair.on{background-color: #fee9ea} .tbl01 td a{display: block;} .onair{display: inline-flex;width: 85px;height: 31px;border: 1px solid #888;box-sizing: border-box;align-items: center;justify-content: center;border-radius: 35px;font-size: var(--font-size02);color: #222;font-weight: 700} .onair span{padding-left: 14px;position: relative} .onair span:before{display: block;content:'';width: 6px;height: 6px;background-color: #888;border-radius: 100%;position: absolute;top:50%;left:0;margin-top: -3px} .onair.on{border-color: #ED1C24} .onair.on span:before{background-color: #ED1C24} .onair.on:hover{background-color: #fee9ea} .tab04{margin: 9px auto 28px;overflow: hidden;padding-bottom: 1px;text-align: center} .tab04 ul{border-bottom: 1px solid #ddd;display: inline-flex;max-width: 550px;width: 100%} .tab04 li{flex: 1 1 auto} .tab04 li a{display: flex;justify-content: center;align-items: center;height: 40px;color: #666;font-size: var(--font-size01);position: relative} .tab04 li a:after{display: block;content: '';width: 100%;height: 3px;background-color: #ddd;position: absolute;bottom: -2px;left:0;} .tab04 li.on a{font-weight: 500;color: #344C6C} .tab04 li.on a:after{background-color: #334c6b} .tbl02{width: 100%;border-top: 1px solid #222;table-layout: fixed} .tbl02 th{width: 150px;height: 60px;background-color: #F7F7F7;font-size: var(--font-size02);font-weight: 500;color: #222;padding-left: 14px;} .tbl02 th, .tbl02 td{border-bottom: 1px solid #ddd;padding-top: 5px;padding-bottom: 5px;text-align: left;box-sizing: border-box} .tbl02 td{padding-left: 16px;padding-right:5px;font-size: var(--font-size01);color: #666;} .tbl02 td strong{font-weight: 500} .tbl02 tbody tr:last-child th, .tbl02 tbody tr:last-child td{border-bottom: 1px solid #222} .tbl02 .photo{padding: 10px;background-color: #F7F7F7;text-align: center;vertical-align: middle;border-left: 1px solid #ddd} .fc{padding-top: 2px} .fc-col-header{font-size: var(--font-size02);} .fc .fc-col-header thead th{height: 41px;color: #222;font-weight: 400;border-bottom: 3px solid #888;vertical-align: middle} .fc .fc-col-header thead th.fc-day-sun{border-bottom-color: #ED1C24;color: #ED1C24} .fc .fc-col-header thead th.fc-day-sat{border-bottom-color: #344C6C;color: #344C6C} .fc .fc-scrollgrid-sync-table td.fc-daygrid-day{padding: 11px 12px;height: 154px;border-bottom: 2px solid #ddd;color: #333;font-size: var(--font-size02);;font-family: 'Pretendard', sans-serif;font-weight: 400;} .fc .fc-day-other .fc-daygrid-day-top{opacity: 0 !important} .fc .fc-daygrid-day-top{flex-direction: row !important;} .fc .fc-daygrid-day-number{width: 28px;height: 28px;display: inline-flex;justify-content: center;align-items: center;box-sizing: border-box;background-color: #F7F7F7;border-radius: 100%;letter-spacing: -0.02em} .fc .fc-day-sun .fc-daygrid-day-number{color: #ED1C24} .fc .fc-day-sat .fc-daygrid-day-number{color: #344C6C} .fc .fc-daygrid-day.fc-day-today{background: none !important} .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number{background: #E35D68;color: #fff} .fc .fc-daygrid-event{color: #444;font-size: var(--font-size01);} .fc .fc-daygrid-event-dot{flex-shrink: 0;width: 2px;height: 2px;border-radius: 100%;background-color: #444;border: 0} .fc .fc-daygrid-dot-event{padding: 1px 0;line-height: 1.2;} .fc .fc-daygrid-body-natural .fc-daygrid-day-events{margin-top: 5px;} .fc .fc-daygrid-dot-event .fc-event-title{font-weight: 400;flex-grow: 0;} .fc-daygrid-block-event .fc-event-time{font-weight: 400 !important} .fc .fc-scrollgrid-section-body table, .fc .fc-scrollgrid-section-footer table {border-bottom-style: solid !important;} .fc .fc-secret{color: #344c6c} .fc .fc-secret .fc-event-time{background: url("/resource/usr/image/cont/icon_lock.svg") no-repeat 0 50%;background-size: 12px auto;padding-left: 16px} .dl03{font-size: var(--font-size01);} .dl03 dt{color: #666;margin-bottom: 7px;} .dl03 dt .tit{font-weight: 500;color: #222;font-size: var(--font-size02);margin-right: 4px} .dl03 dt .type{color: #E35D68;} .dl03 dd{color: #444;} .calendar_view .tbl01 th, .calendar_view .tbl01 td{height: 80px} .calendar_view .tbl01 th{width: 30%} .calendar_view .tbl01 .no_data td{font-weight: 500;color: #222;font-size: var(--font-size02);} .calendar_view .tbl01 .no_data th, .calendar_view .tbl01 .no_data td{height: 55px} .calendar_view .tbl01 + .tbl01{margin-top: 18px} .mypage_board{display: flex;gap:40px;width: 100%;box-sizing: border-box} .mypage_board .col{margin-top: 27px;margin-bottom: 10px;position: relative; flex: 1 1 auto;min-width: 0; width:24%;} .mypage_board .title08.t1{padding-bottom: 18px;margin-bottom: 10px;} .mypage_board .more{position: absolute;top:-2px;right:0;} .nodata_box{margin-bottom: 9px;display: flex;justify-content: center;align-items: center;height:120px;background-color: #F7F7F7;color: #666;font-weight: 500;font-size: var(--font-size02);} .board_list02{border-top: 1px solid #222;border-bottom: 1px solid #222;} .board_list02 > li{display: flex;align-items: center;justify-content: space-between;height: 56px;padding: 0 16px;border-bottom: 1px solid #ddd;} .board_list02 > li:last-child{border-bottom: 0} .board_list02 > li .title a{font-weight: 500;font-size: var(--font-size02);color: #222;display:inline-block;vertical-align: middle;max-width:84%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;} .board_list02 .date{color: #666;font-size: var(--font-size01);flex-shrink: 0;} .board_list02 .point{color: #E35D68;font-weight: 700} .board_list02 .title{flex-grow: 1;min-width: 0;} .terms_area{color: #444;font-size: var(--font-size03);line-height: 1.4;letter-spacing: -0.02em} .terms_area .part{margin-bottom: 32px;} .terms_area .tit01{margin-bottom: 7px;font-weight: 500;font-size: var(--font-size04);color: #222} .terms_area .part > p, .terms_area .list01 > li{margin-bottom: 7px;} .terms_area .list01 > li:last-child{margin-bottom: 0} .terms_area .tbl03{margin-top: 27px;margin-bottom: 28px;} .terms_area .list03 > li{padding-left: 3px;} .tbl03{width: 100%;border: 1px solid #ddd;} .tbl03 thead th{width: 150px;height: 50px;background-color: #F7F7F7;font-size: var(--font-size02);color: #222;} .tbl03 th, .tbl03 td{font-weight: 500;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;padding-top: 5px;padding-bottom: 5px;text-align: center;box-sizing: border-box} .tbl03 td, .tbl03 tbody th{font-size: var(--font-size01);color: #444;height: 44px;padding: 12px 8px} .tbl03 tbody td{font-weight: 400} .sub_visual{height: 280px;background: url("/resource/usr/image/cont/mypage_visual.jpg") no-repeat 50% 50%;background-size: cover;line-height: 1.65;font-size: var(--font-size06);font-weight: 500;color: #444;box-sizing: border-box} .sub_visual .point{font-size: var(--font-size11);color: #222;font-weight: 600;} .sub_visual .point > span{color: #E35D68} .sub_visual .point .profile_link {position: relative;padding-left: 73px;text-decoration: none;color: inherit;} .sub_visual .point .profile_link:hover {text-decoration: underline;} .sub_visual .point .profile_link::before {display: block;content: '';width: 80px;height: 80px;background: url("/resource/usr/image/icon_profile.svg") no-repeat 0 0;background-size: contain;position: absolute;top: 28%;left: 0;margin-top: -8px;} .sub_visual.mypage{padding: 61px 0 0 6.2%;font-family: 'SCoreDream', sans-serif;} .sub_visual.offering{height: 340px;display: flex;align-items: center;justify-content: center;padding: 0;background-image: url("/resource/usr/image/cont/offering_visual.jpg");line-height: 1.45;font-size: var(--font-size09);font-weight: 700;color: #fff;text-align: center} .sub_visual.qt{height: 340px;display: flex;align-items: center;justify-content: center;padding: 0 10px;background-image: url("/resource/usr/image/cont/qt_visual.jpg");line-height: 1.42;font-family: 'SCoreDream', sans-serif;font-size: var(--font-size11);font-weight: 600;color: #fff;text-align: center} .sub_visual.t1{height: 340px;display: flex;padding: 5% 30px 20px 6.25%;line-height: 1.39;font-size: var(--font-size03);color: #fff;font-weight: 300} .sub_visual.t1 .point{font-family: 'SCoreDream', sans-serif;color: #fff;margin-bottom: 16px;line-height: 1.3;} .sub_visual.vision{background-image: url("/resource/usr/image/cont/vision_visual.jpg");} .sub_visual.story01{background-image: url("/resource/usr/image/cont/story01_visual.jpg");} .sub_visual.story02{background-image: url("/resource/usr/image/cont/story02_visual.jpg");} .intro_visual{margin-bottom: 60px;padding-top: 77px;padding-left: 5.7142%;padding-right: 20px;padding-bottom: 20px;min-height: 456px;background: url("/resource/usr/image/cont/online_visual.jpg") no-repeat 80% 0 / cover;font-size: 20px;color: #fff;font-size: var(--font-size04);text-shadow: 2px 2px 8px rgba(0,0,0,0.25);font-weight: 400;box-sizing: border-box} .intro_visual .title{margin-top: 31px;padding-top: 31px;position:relative;font-family: 'Cafe24Dangdanghae', sans-serif;font-size: 60px;color: #fff;font-weight: 400} .intro_visual .title:before{display:block;content:'';width: 60px;height: 3px;background-color: #fff;position: absolute;top:0;left:0;} .intro_visual .text{margin-top: 18px;font-size: var(--font-size02);} .intro_visual#type02{background-image: url("/resource/usr/image/cont/tschool_visual.jpg")} .intro_visual#type03{background-image: url("/resource/usr/image/cont/nursery_visual.jpg")} .intro_visual#type04{background-image: url("/resource/usr/image/cont/toddler_visual.jpg")} .intro_visual#type05{background-image: url("/resource/usr/image/cont/infant_visual.jpg")} .intro_visual#type06{background-image: url("/resource/usr/image/cont/kindergarten_visual.jpg")} .intro_visual#type07{background-image: url("/resource/usr/image/cont/elementary_visual.jpg")} .intro_visual#type08{background-image: url("/resource/usr/image/cont/boys_visual.jpg")} .intro_visual#type09{background-image: url("/resource/usr/image/cont/special_needs_visual.jpg")} .intro_visual#type10{background-image: url("/resource/usr/image/cont/youth_visual.jpg")} .intro_visual#type11{background-image: url("/resource/usr/image/cont/brand_new_visual.jpg")} .intro_visual#type12{background-image: url("/resource/usr/image/cont/parents_visual.jpg")} .intro_visual#type13{background-image: url("/resource/usr/image/cont/gwangju_visual.jpg")} .intro_visual#type14{background-image: url("/resource/usr/image/cont/daegu_visual.jpg")} .sub_explain{display: table;width: 100%;padding-bottom: 60px} .sub_explain .col{display: table-cell;vertical-align: top;color: #444;font-weight: 500;font-size: var(--font-size03);line-height: 1.4;letter-spacing: -0.02em} .sub_explain .col:nth-child(2){padding-left: 45px} .sub_explain .title{position: relative;padding-right: 100px} .sub_explain .title:after{display: block;content: '';width: 100%;height: 2px;background-color: #eee;position: absolute;top:50%;left:0;margin-top: -1px} .sub_explain .title span{z-index:1;white-space:nowrap;position:relative;padding-left:65px;padding-right:30px;background-color: #fff;font-size: var(--font-size08);color: #000;font-family: 'SCoreDream','Noto Sans KR', sans-serif;font-weight: 600;} .sub_explain .title span:before{position:absolute;top:-2px;left:0;display: block;content: '';width: 35px;height: 48px;background: url("/resource/usr/image/icon_cross.png") no-repeat 0 0 / cover} .sub_explain .txt1{display: block;font-weight: 400;color: #666;} .sub_explain .btn_left{margin-top: 31px} .link_box{padding: 65px 0 120px;min-height: 538px;background: #f3f6fb url("/resource/usr/image/main_bg02.png") no-repeat 50% 0;box-sizing: border-box} .link_box .resp_inner{display: flex;gap:20px;} .link_box .resp_inner .col{min-height:350px;padding:33px 30px 21px;flex: 1 1 0;border-radius: var(--radius03);box-shadow: 2px 2px 10px rgba(51,51,51,0.1);background-color: #fff;overflow: hidden;box-sizing:border-box;} .link_box .link > li{display:flex;align-items: center;height:50px;border-bottom: 1px solid #ddd;font-size: var(--font-size02);color: #222;font-weight: 500;box-sizing: border-box} .link_box .link > li:last-child{border-bottom: 0} .link_box .link > li a{display: block;position: relative;flex-grow: 1;} .link_box .link > li a:after{display: block;content: '';width: 15px;height: 15px;position: absolute;top: 50%;right: 0;margin-top: -7px;background: url("/resource/usr/image/icon_link.svg") no-repeat 0 0;} .tab05{display: flex;align-items: center;justify-content: center;gap:30px;border-bottom: 1px solid #d9d9d9;padding: 30px 0;margin-bottom: 30px} .tab05 .btns.t1{min-width:140px;background-color: #fff;border: 1px solid #E35D68;color: #E35D68;font-size: var(--font-size02);} .tab05 .btns.t1.on{background-color: #E35D68;color: #fff} .tbl04{width: 100%;table-layout: fixed} .tbl04 th, .tbl04 td{padding: 4px 0} .tbl04 th{width: 120px} .tbl04 th span{display: flex;align-items: center;justify-content: center;height: 37px;border-radius: 37px;background-color: #E35D68;color: #fff;font-size: var(--font-size02);font-weight: 700} .tbl04 td{font-weight: 500;font-size: var(--font-size02);color: #222;vertical-align: middle;padding-left: 28px;text-align: left} .online_offering .text_box02{margin-bottom: 30px} .online_offering .part{margin-top: 81px;margin-bottom: 0} .online_offering .title06{margin-bottom: 17px;} .online_offering .btn_center{margin-top: 80px;} .account_num{display: flex;gap: 20px} .account_num .tbl04{width:50%} .list04{padding-left: 20px;} .list04 > li{list-style: decimal;color: #222;font-size: var(--font-size03);line-height: 1.4;} #aside_container .quick_section{display:flex;align-items: center;height: 216px;background: url("/resource/usr/image/main_bg01.png") no-repeat 50% 0;text-align: center} #aside_container .quick_link{justify-content: center;max-width: 1040px;margin: 0 auto} #aside_container .quick_link > li{flex: 1 1 0;position: relative;} #aside_container .quick_link .sub_menu {display: none;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);background: #fff;border: 1px solid #ddd;border-radius: var(--radius02);box-shadow: 2px 2px 10px rgba(0,0,0,0.1);z-index: 10;min-width: 120px;padding: 10px 0;} #aside_container .quick_link .sub_menu:before {content: '';position: absolute;top: -6px;left: 50%;transform: translateX(-50%) rotate(45deg);width: 10px;height: 10px;background: #fff;border-top: 1px solid #ddd;border-left: 1px solid #ddd;} #aside_container .quick_link .sub_menu li a {display: block;padding: 8px 15px;font-size: var(--font-size02);color: #444;white-space: nowrap;text-align: center;transition: none;} #aside_container .quick_link .sub_menu li a:hover {background-color: #f5f8fc;color: #1a3a63;transform: none;} #aside_container .quick_link li.has_sub.on .sub_menu {display: block;} #aside_container .quick_link li.has_sub.on > a {transform: none !important;} #aside_container .quick_link li.has_sub.on i {box-shadow: none;} #aside_container .quick_section .title01{padding-top: 37px;margin-bottom: 9px;} #aside_container .quick_section .title01 + p{color: #444;font-size: var(--font-size03); margin-bottom: 30px;} #aside_container .quick_section.t1{height: auto;padding-bottom: 40px;background-image: url("/resource/usr/image/main_bg02.png")} #aside_container .board_section01, #aside_container .board_section03{padding: 57px 0 54px;} #aside_container .board_section02{padding: 52px 0;min-height: 554px;background: url("/resource/usr/image/main_bg03.png") no-repeat 50% 50% / cover;box-sizing: border-box;} #aside_container .board_section01 .resp_inner, #aside_container .board_section02 .resp_inner, #aside_container .board_section03 .resp_inner{margin-bottom: 47px} #aside_container .board_section01 .resp_inner:last-child{margin-bottom: 0} .grid_type01{padding-bottom: 100px} .grid_type01 .part{margin-bottom: 81px;} .grid_type01 .part:last-child{margin-bottom: 0} .grid_type01 .btn_center{margin-top: 80px} .grid_type01 .class{font-size: var(--font-size03);} .list_type01{border-top: 1px solid #222;border-bottom: 1px solid #222;} .list_type01 > li{padding: 14px 16px;min-height: 51px;gap:15px;display:flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #ddd;box-sizing: border-box;background-color: #F7F7F7;color: #444;font-weight: 500;font-size: var(--font-size02);} .list_type01 > li:last-child{border-bottom: 0} .list_type01 .check label{font-weight: 400} .list_type01 + .list_type01{margin-top: 26px} .list_type01 .int{height: 40px;font-size: var(--font-size01);width: 100%} .list_type01 .inner{width: 100%} .list_type01 .txt1{margin-bottom: 10px} .list_type01 .point{color: #E35D68} .form_type05{margin-top: 26px;border-top: 1px solid #222;border-bottom: 1px solid #222} .form_type05 > table{width: 100%;table-layout: fixed} .form_type05 > table > thead > tr > th, .form_type05 > table > tbody > tr > th, .form_type05 > table > tbody > tr > td{height: 51px;text-align: center;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;color: #222;font-size: var(--font-size02);box-sizing: border-box;} .form_type05 > table > tbody > tr > td{height: 56px} .form_type05 > table > thead > tr > th, .form_type05 > table > tbody > tr > th{background-color: #F7F7F7;font-weight: 500} .form_type05 > table > thead > tr > th{border-bottom: 1px solid #ddd;text-align: center} .form_type05 > table > tbody > tr > td{width:auto; padding: 10px 10px;font-size: var(--font-size01);line-height: 1.45} .form_type05 > table > thead > tr > th:last-of-type, .form_type05 > table > tbody > tr > td:last-of-type{border-right: 0} .form_type05 > table > tbody > tr:last-child > th, .form_type05 > table > tbody > tr:last-child > td{border-bottom: 0} .form_type05 .a_left{padding-left: 16px} .form_type05 .col1{width: 8.6%} .form_type05 .col2{width: 10.5%} .form_type05 .col3{width: 13.8%} .form_type05 .col4{width: 22.8%} .form_type05 .col5{width: 6%} .form_type05 .col6{width: 11.5%} .form_type05 .col7{width: 15%} .form_type05 .tit{display: none} .form_type05 th.point{color: #E35D68} .form_type05 td.point{background-color: rgba(227,93,104,0.1)} .form_type05 td.no_data{text-align: center} .notice_txt01{margin-top: 27px;padding-top: 28px;font-size: var(--font-size02);color: #E35D68;border-top: 1px solid #ddd} .notice_txt02{margin-top: 8px;font-size: var(--font-size02);color: #E35D68;} .notice_txt03{margin-top: 9px;font-size: var(--font-size01);color: #E35D68;text-align: center} .editor_area{background-color: #fde9ea;color: #444;font-size: var(--font-size03);height: 292px} .text_box01 .no_data{text-align: center;font-size: var(--font-size04);font-weight: 500;color: #222;padding: 15px 0;} .attendance_area .part{margin-bottom: 29px;} .attendance_area .grid_type01 .part{margin-bottom: 18px} .form_type06{border-top: 1px solid #222;border-bottom: 1px solid #222;overflow: hidden;overflow-x: auto} .form_type06 > table{table-layout: fixed;width: 100%} .form_type06 > table > thead > tr > th, .form_type06 > table > tbody > tr > th, .form_type06 > table > tbody > tr > td{height: 51px;text-align: center;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;color: #222;font-size: var(--font-size02);box-sizing: border-box;} .form_type06 > table > tbody > tr > td{height: 54px} .form_type06 > table > thead > tr > th, .form_type06 > table > tbody > tr > th{background-color: #F7F7F7;font-weight: 500} .form_type06 > table > thead > tr > th{border-bottom: 1px solid #ddd;text-align: center} .form_type06 > table > tbody > tr > td{width:auto; padding: 5px 10px;font-size: var(--font-size01);line-height: 1.45} .form_type06 > table > thead > tr > th:last-of-type, .form_type06 > table > tbody > tr > td:last-of-type{border-right: 0} .form_type06 > table > thead > tr > th[rowspan]:last-child, .form_type06 > table > tbody > tr > td[rowspan]{border-left: 1px solid #ddd;} .form_type06 > table > tbody > tr > td[rowspan]:first-child{border-left: 0} .form_type06 .a_left{padding-left: 16px} .form_type06 .mg1{margin-top: 5px} .form_type06 .status01{color: #E35D68} .form_type06 .sel{height: 40px;color: #666} .form_type06 .sel option{color: #666} .form_type06 .cont{text-align: left;color: #666} .qt_explain{padding-top: 30px;padding-bottom: 80px;font-size: var(--font-size03);color: #444;line-height: 1.4} .qt_explain .b{font-size: var(--font-size04);color: #222;font-weight: 500;letter-spacing: -0.02em;margin-bottom: 7px;} .list_type02 > li{margin-bottom: 40px;display: flex;width: 100%;color: #444;font-size: var(--font-size02);line-height: 1.4;} .list_type02 > li:last-child{margin-bottom: 0} .list_type02 .img{padding-right: 40px;width: auto;flex-shrink: 0;} .list_type02 .cont{flex-grow: 1;display: flex;align-items: center;} .list_type02 .tit{font-size: var(--font-size03);font-weight: 500;color: #222;margin-bottom: 8px;line-height: 1.35;} .list_type02 .point{color: #E35D68} .list_type02.t1 > li{margin-bottom: 20px} .list_type03 > li{margin-bottom: 30px;display: table;width: 100%;color: #444;font-size: var(--font-size02);line-height: 1.38;} .list_type03 .img, .list_type03 .cont{display: table-cell;text-align: left;vertical-align: middle} .list_type03 .img{padding-right: 40px;width: 269px;} .list_type03 .img img{box-shadow: 0px 0px 4px 0px rgba(68,68,68,0.2);} .list_type03 .tit{display: block;font-size: var(--font-size03);font-weight: 500;color: #E35D68;margin-bottom: 8px;line-height: 1.35;} .list_type03 .list > li{margin-bottom: 20px;} .list_type03 .list > li:last-child{margin-bottom: 0} .grid_type02{padding-top: 81px;padding-bottom: 71px;color: #444;font-size: var(--font-size03);line-height: 1.38} .grid_type02 .point{font-weight: 500;color: #222;font-size: var(--font-size04);} .grid_type02 p{margin-bottom: 8px} .list_type04 > li{margin-bottom: 60px;display: table;width: 100%;height: 1px;color: #444;font-size: var(--font-size02);line-height: 1.38;background-color: #F7F7F7;border-radius: 16px;overflow: hidden} .list_type04 .img, .list_type04 .cont{display: table-cell;text-align: left;vertical-align: middle;height: 100%;position: relative} .list_type04 .img{width: 432px;position: relative;overflow: hidden} .list_type04 .img img{object-fit: cover;object-position: 50% 50%;width:100%;height:100%;} .list_type04 .cont{padding: 20px;padding-left: 53px;font-size: var(--font-size01);color: #666;line-height: 1.4;letter-spacing: -0.04em} .list_type04 .tit{position:relative;display: block;font-size: var(--font-size06);font-weight: 700;color: #567DB0;margin-bottom: 30px;line-height: 1.25;padding-left: 60px} .list_type04 .tit span.sm{font-size: var(--font-size01);} .list_type04 .tit:after{display: block;content: '';width: 39px;height: 40px;background: url("/resource/usr/image/cont/icon_celebration.svg") no-repeat 0 0;position: absolute;top:50%;left: 0;margin-top: -20px;} .list_type04 .tit:before{display: block;content: '';width: 4px;height: 42px;background: #567DB0;position: absolute;top:50%;left: -53px;margin-top: -21px;} .list_type04 .cont p{margin-bottom: 21px;} .list_type04 .cont p:last-child{margin-bottom: 0} .list_type04 .year_box{width:100%;height: 73%;position: absolute;left:0;bottom: 0;text-align: center;display: table; background: linear-gradient(to bottom, rgba(227,93,104,0) 20%,rgba(227,93,104,0) 1%,rgba(227,93,104,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .list_type04 .year_box .year{font-size: 160px;color: transparent; -webkit-text-stroke: 2px #fff; font-weight: 700;display: table-cell;text-align: center;vertical-align: bottom;line-height: 1.1} .list_type04 .red .tit{color: #E35D68} .list_type04 .red .tit:before{background: #E35D68;} .list_type04 .red .tit:after{background-image: url("/resource/usr/image/cont/icon_celebration_rd.svg")} .list_type04 .cont .b{font-weight: 700} .vision_area{padding-top: 82px;} .vision_area .part{margin-bottom: 93px;} .vision_area .part:first-child .title11{margin-bottom: 2px} .vision_area .img_area{margin-bottom: 27px;text-align: center} .list_type05{display: flex;gap:30px} .list_type05 > li{flex: 1 1 0;font-size: var(--font-size02);color: #444;text-align: center} .list_type05 .tit{margin-bottom: 11px;height: 30px;display:flex;align-items: center;justify-content: center;background-color: #222;border-radius: 30px;font-weight: 500;font-size: var(--font-size03);color: #fff} .list_type06{display: flex;flex-wrap: wrap;gap:30px} .list_type06 > li{position:relative;flex: 1 1 30%;height: 254px;border: 1px solid #ddd;border-radius: var(--radius03);padding: 30px;box-sizing: border-box;color: #444;font-size: var(--font-size02);line-height: 1.4} .list_type06 .no{margin-bottom: 8px;display: block;font-size: var(--font-size06);font-weight: 500;color: #222} .list_type06 > li:after{position:absolute;bottom: 27px;right:30px;display: block;content: '';width: 75px;height: 75px;background: url("/resource/usr/image/cont/icon_vision01.svg") no-repeat 0 0;background-size:100% 100%} .list_type06 > li:nth-child(2):after{background-image: url("/resource/usr/image/cont/icon_vision02.svg")} .list_type06 > li:nth-child(3):after{background-image: url("/resource/usr/image/cont/icon_vision03.svg")} .list_type06 > li:nth-child(4):after{background-image: url("/resource/usr/image/cont/icon_vision04.svg")} .list_type06 > li:nth-child(5):after{background-image: url("/resource/usr/image/cont/icon_vision05.svg")} .list_type06 > li:nth-child(6):after{background-image: url("/resource/usr/image/cont/icon_vision06.svg")} .story_area .part {margin-bottom: 80px;} .story_section01{display: flex;} .story_section01 .img{flex-shrink: 0;padding: 0 16px;display: flex;align-items: center;justify-content: center;} .story_section01 .txt{flex: 1 1 0;font-size: var(--font-size03);font-weight: 500;color: #444;line-height: 1.39;letter-spacing: -0.035em} .story_section01 .tit{font-size: var(--font-size06);font-weight: 700;color: #567DB0;margin-bottom: 17px;} .story_section01 .extract{display: block;font-size: var(--font-size02);font-weight: 400;margin-top: 18px;} .story_section01 .txt.n02{flex-direction: column-reverse;display: flex} .story_section01 .txt.n02 .tit{color: #E35D68;margin-bottom: 0;margin-top: 17px;} .story_section01 .txt.n02 .extract{margin-top: 0;margin-bottom: 18px;} .story_area .p01{padding: 30px 0;font-weight: 500;font-size: var(--font-size03);color: #222;line-height: 1.4;letter-spacing: -0.02em} .list_type07 > li{display: flex;font-size: var(--font-size01);color: #666;line-height: 1.45;margin-bottom: 45px;} .list_type07 > li:last-child{margin-bottom: 0} .list_type07 .img{width: auto;flex-shrink: 0;padding-right: 32px;} .list_type07 .cont{display: flex;align-items: center;justify-content: center;letter-spacing: -0.018em} .list_type07 .tit{color: #222;font-weight: 500;font-size: var(--font-size03);margin-bottom: 18px;} .list_type07 .tit .church{color: #567DB0;font-size: var(--font-size02);margin-left: 15px;padding-left: 16px;position: relative;} .list_type07 .tit .church:before{display: block;content: '';width: 1px;height:14px;background-color: #CFCFCF;position: absolute;top:.4em;left:0} .word_area{padding-top: 12px} .word_area .part{margin-bottom: 80px;} .word_box{background-color: #F2F2F2;padding: 52px 88px 25px} .list_type08{font-size: 0;margin: 0 -12px} .list_type08 > li{display: inline-block;vertical-align: top;width: 33.333%;box-sizing: border-box;padding: 0 12px;margin-bottom: 32px;} .list_type08 .inner{display: block;padding: 31px 20px 10px;background-color: #fff;border-radius: var(--radius03);box-shadow: 2px 2px 10px 0px rgba(51,51,51,0.1);text-align: center} .list_type08 .img{border-radius: 9px;overflow: hidden} .list_type08 .img img{width: 100%;max-width: auto} .list_type08 .cont{min-height:53px;padding-top: 14px;text-align: left;border-top: 1px solid #ddd;margin-top: 27px;color: #444;font-weight: 500;font-size: var(--font-size03);} .list_type08 .bul{display: block;background: url("/resource/usr/image/icon_arrow08.svg") no-repeat 100% 50%;} .ci_download{text-align: right;padding: 12px 0;font-size: 0} .ci_download .btns{margin-left: 12px} .ci_area .part{margin-bottom: 82px;padding-bottom: 80px;border-bottom: 1px solid #ddd} .ci_area .part:last-child{border-bottom: 0;margin-bottom: 0} .ci_area .grid_box{display: flex;gap: 30px} .ci_area .cont{margin-top: 41px;font-size: var(--font-size02);color: #444;line-height: 1.38} .ci_area .tit{margin-bottom: 7px;font-weight: 700;color: #222;font-size: var(--font-size03);} .ci_area dd + .tit{margin-top: 21px} .ci_area .img{border: 1px solid #ddd} .reverend_area{display: flex;padding-right: 70px} .reverend_area .part{margin-bottom: 88px;} .reverend_area .img{flex-shrink: 0;} .reverend_area .inner{padding-right: 45px} .reverend_area .title10{color: #000;margin-bottom: 41px;} .reverend_area .cont{padding-top: 60px;color: #666;font-size: var(--font-size01);line-height: 1.4} .reverend_area .point{color: #000;font-size: var(--font-size03);margin-bottom: 16px;} .reverend_area th, .reverend_area td{vertical-align: top;text-align: left} .reverend_area th{padding-right: 29px;} .reverend_area td{padding-top: 1px;padding-bottom: 60px;} .reverend_area .label{display: flex;align-items: center;justify-content: center;width: 84px;height: 26px;border-radius: 26px;background-color: #E35D68;font-weight: 500;font-size: var(--font-size03);color: #fff} .reverend_area .list01{font-size: var(--font-size02);color: #000} .reverend_area .list01 li{margin-bottom: 28px;} .reverend_area .list01 .txt{margin-right: 10px;display: inline-block} .item_list01{font-size: var(--font-size02);color: #000;line-height: 1.38;} .item_list01 > li{position: relative;padding-left: 15px} .item_list01 > li:before{display: block;content: '';width: 4px;height: 4px;background-color: #000;border-radius: 100%;position: absolute;top:.6em;left:0} .broadcast_area .part {margin-bottom: 82px;} .broadcast_list{margin-top: 20px;display: flex;gap:30px;flex-wrap: wrap;} .broadcast_list > li{width:calc(50% - 15px);padding: 26px 25px 22px;background-color: #F3F6FB;border-radius: 12px;text-align: center;color: #444;font-size: var(--font-size02);line-height: 1.38;box-sizing: border-box} .broadcast_list .img{max-width: 399px;margin:0 auto 16px;display: block;border-radius: 12px;box-shadow: 2px 2px 10px 0px rgba(51,51,51,0.1);overflow: hidden;background-color: #fff;} .broadcast_list .tit{color: #222;font-weight: 700;font-size: var(--font-size03);margin-bottom: 7px;} .priest_list{font-size: 0;margin: 0 -24px} .priest_list > li{margin-bottom: 40px;display:inline-block;width:33.333%;vertical-align: top;padding: 0 24px;box-sizing: border-box;} .priest_list .inner{padding: 19px 0;display: flex;box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.15);border: 1px solid #E9E9E9;border-radius: var(--radius02);overflow: hidden; min-height:145px;} .priest_list .img{flex-shrink: 0;width: 39.312%;} .priest_list .img img{border-top-right-radius: 10px;border-bottom-right-radius: 10px;width: 100%} .priest_list .cont{padding: 21px 5px 21px 15px;display: flex;flex-direction: column;line-height: 1.2;min-width: 0;} .priest_list .info{flex: 1 0;} .priest_list .info > span{color: #777;font-weight: 500;font-size: 15px;} .priest_list .name{display: block;font-size: 25px;font-weight: 500;color: #000} .priest_list .mail > span, .priest_list .duty, .priest_list .tel{font-size: 12px;color: #000;} .priest_list .mail, .priest_list .duty, .priest_list .tel{padding-left: 20px;position: relative;display: block;margin-top: 6px} .priest_list .mail:before{display: block;content: '';width: 17px;height: 15px;background: url("/resource/usr/image/cont/icon_email.svg") no-repeat 0 0;position: absolute;left:0;top:0} .priest_list .mail > span{text-decoration: underline;word-break:break-all} .priest_list .duty:before{display: block;content: '';width: 17px;height: 15px;background: url("/resource/usr/image/cont/icon_man.svg") no-repeat 0 0;position: absolute;left:0;top:0} .priest_list .tel:before{display: block;content: '';width: 17px;height: 15px;background: url("/resource/usr/image/cont/icon_tel.svg") no-repeat 0 0;position: absolute;left:0;top:0} .priest_list.t1{margin: 0 -13px} .priest_list.t1 > li{width: 25%;padding: 0 13px;} .priest_list.t1 .img{width: 51.5%;} .priest_list.t1 .cont{padding-top: 5px;padding-bottom: 5px;align-items: center;flex-direction: initial;flex-grow: 1;} .priest_list.t1 .info{flex: auto;} .priest_list.t2{margin: 0 -9px} .priest_list.t2 > li{padding: 0 9px;} .priest_list.t2 .img{width: 36.985%} .priest_list.t2 .cont{padding: 12px 5px 12px 15px;} .priest_list.t2 .info{line-height: 1.1} .serve_area .part{margin-bottom: 33px;} .serve_area .title06{margin-bottom: 30px;} .grid_type03{display: flex;flex-wrap: wrap;} .grid_type03 > li{width: 50%;flex: 1 1 50%;margin-bottom: 21px;} .grid_type04{display: flex;} .grid_type04 .col{flex-grow: 1;} .grid_type04 .img{flex-shrink: 0;flex-grow: 0;margin-left: 30px;overflow: hidden} .grid_type04 .img img{object-fit: cover;object-position: 50% 50%;width:100%;height:100%;} .grid_type05{display: flex;flex-wrap: wrap;gap:40px} .grid_type05 .col{width: 50%;flex: 1 1 40%;font-size: var(--font-size02);color: #444} .list05 > li{color: #444;font-size: var(--font-size02);} .list06 > li{color: #444;font-size: var(--font-size02);position: relative;padding-left: 12px;line-height: 1.2} .list06 > li:before{display: block;content: '·';color: #E35D68;position: absolute;left:0;top:0.05em} .list07 > li{color: #222;font-size: var(--font-size02);font-weight: 500;letter-spacing: -0.03em;line-height: 1.4} .list07 .label{color: #E35D68} .worship_schedule .part{margin-bottom: 68px} .worship_schedule .title06{margin-bottom: 17px} .worship_schedule .grid_type05 .title06{margin-bottom: 26px;} .worship_schedule .grid_type05 .list07{margin-bottom: 9px;} .list_type09{display: flex;flex-wrap: wrap;gap:30px} .list_type09 > li{width: calc(33.333% - 20px);} .list_type09 .inner{padding: 27px 30px 131px;position: relative;height: 100%;box-sizing: border-box;border: 1px solid #ddd;border-radius: var(--radius03);} .list_type09 .icn{padding-top: 29px;text-align: right;position: absolute;bottom: 27px;right:30px;} .btn_slider{margin-bottom: 30px;overflow: hidden;} .btn_slider .swiper-slide{width: auto;} .btn_slider.t1{padding: 0 0 33px;border-bottom: 0;margin-bottom: 0} .btn_slider.t1 .swiper-slide div{padding: 0 5px} .btn_floor{position:relative;display: flex;flex-wrap: wrap;justify-content: space-between;gap:10px} .btn_slider{position: relative;border-bottom: 1px solid #D9D9D9;padding: 10px 0 30px;} .btn_slider:after{display: none;content: '';width: 20px;height: 100%;position: absolute;top: 0;right: 0;z-index: 10; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+2,ffffff+91&0+0,1+91 */ background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.02) 2%,rgba(255,255,255,1) 91%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .floor_pictogram{padding: 29px 0;border: 1px solid #DDD;border-radius: var(--radius03);display: flex;gap: 50px;align-items: center;justify-content: center;} .floor_pictogram .n1{width: calc(142 / 1056 * 100%);max-width: 142px} .floor_pictogram .n2{width: calc(163 / 1056 * 100%);max-width: 163px} .floor_pictogram .n3{width: calc(145 / 1056 * 100%);max-width: 145px} .floor_pictogram .n4{width: calc(120 / 1056 * 100%);max-width: 120px} .floor_pictogram .n5{width: calc(90 / 1056 * 100%);max-width: 90px} .floor_area{text-align: center;margin-top: 105px;} .floor_area .item{position: relative;padding: 30px 0 95px} .floor_area .item:last-child{padding-bottom: 0} .floor_area .item:before{display: block;content: '';width: 2px;height: 100%;background: #d9d9d9;position: absolute;top:0;left: 6px;} .floor_area .item:after{display: block;content: '';width: 16px;height: 16px;background: #E35D68;position: absolute;top:0;left: -1px;;box-sizing: border-box;border: 2px solid #fff;border-radius: 100%} .floor_area .floor{min-width: 87px;height: 41px;margin-left:8px;padding: 0 5px;position:absolute;top:-15px;left:26px;display: inline-flex;justify-content: center;align-items: center;background-color: #E35D68;font-weight: 500;font-size: var(--font-size04);color: #fff;border-radius: 41px;box-sizing: border-box} .floor_area .floor:before{display: block;content: '';width: 10px;height: 15px;background: url("/resource/usr/image/cont/bul01.svg") no-repeat 0 0;background-size: cover;position: absolute;top:50%;left:-8px;margin-top: -7px;} .tab_type01{display: flex;justify-content:center;text-align: center;padding: 20px 0 0;margin-bottom: 50px;gap: 0 50px} .tab_type01 .btns.on{background-color: #E35D68;color: #fff} .map_area{position: relative;padding-left: 340px} .map_area .info{display:flex;align-items: center;position: absolute;top:0;left: 0;background-color: #F9F9F9;width: 340px;height: 100%;padding:0 24px;box-sizing: border-box} .map_area .info .title11{margin-bottom: 15px;} .map_area .info table{width: 100%;} .map_area .info table th, .map_area .info table td{padding-bottom: 15px;text-align: left;vertical-align: top;color: #222;font-size: var(--font-size02);line-height: 1.45} .map_area .info table td{color: #555;letter-spacing: -0.025em;} .map_area .info table th{font-weight: 500;width: 1%;white-space: nowrap} .map_area .info table th span{position: relative;padding-left: 28px;margin-right: 4px} .map_area .info table th span:before{display: block;content:'';position:absolute;top:50%;left:0;margin-top:-9px;width: 19px;height: 19px;background: url("/resource/usr/image/cont/icon_location.png") no-repeat 0 0;background-size: 100% auto} .map_area .info table th span.landline:before{background-image: url("/resource/usr/image/cont/icon_landline.png")} .map_area .info table th span.fax:before{background-image: url("/resource/usr/image/cont/icon_fax.png")} .map_area .map{position: relative;height: 360px;overflow: hidden} .map_area iframe, .map_area .root_daum_roughmap{left:0;top:0;height:100%;width:100%;position:absolute;} .map_area .wrap_map{height: 100% !important} .root_daum_roughmap .border1, .root_daum_roughmap .border2, .root_daum_roughmap .border3, .root_daum_roughmap .border4{display: none !important} .location_area .util{padding-top: 13px;text-align: right;color: #777;font-weight: 500;font-size: var(--font-size02);} .location_area .util p{margin-bottom: 10px;} .public_transportation{margin-top: 64px;color: #000;font-size: var(--font-size01);font-weight: 500} .public_transportation .title15 + p{margin-top: -14px;margin-bottom: 20px;padding-left: 10px} .public_transportation .point{color: #E35D68;font-weight: 700} .public_transportation .part{margin-bottom: 66px;} .route_list{border: 5px solid #E9E9E9;padding: 25px 45px;} .route_list > li{padding: 22px 0;border-bottom: 2px solid #D9D9D9;display: flex} .route_list > li:last-child{border-bottom: 0} .route_list .col:first-child{flex-shrink: 0;text-align: center} .route_list .col.w01{width: 100px;} .route_list .col.w02{width: 70px;} .route_list .tit{display: block;font-size: var(--font-size02);color: #222;font-weight: 700;line-height: 1.15;} .route_list .direction{display: block;margin-bottom: 11px;color: #000;font-size: var(--font-size03);font-weight: 700} /* .route_list .subway:before{display: block;content: '';width: 60px;height: 60px;margin: 0 auto 5px;background: url("/resource/usr/image/cont/icon_subway01.png") no-repeat 0 0;} .route_list .subway.no02:before{background-image: url("/resource/usr/image/cont/icon_subway02.png");} .route_list .subway.no03:before{background-image: url("/resource/usr/image/cont/icon_subway03.png");} */ .route_list .tit img{margin: 0 auto} .route_list .tit.subway img{display: block;margin-bottom: 5px;} .list08 > li{position:relative;font-weight: 500;color: #000;font-size: var(--font-size02);padding-left: 24px;line-height: 1.2;margin-bottom: 11px;white-space: normal;word-break: break-all;} .list08 > li:before{display: block;content: '';width: 14px;height: 14px;box-sizing: border-box;border: 3px solid #e35d68;position: absolute;top:0.25em;left:0;border-radius: 100%;} .list08 > li:last-child{margin-bottom: 0} .list08 .num{display: block;font-weight: 700;color: #E35D68;margin-bottom: 4px;} .parking_img{display: flex;border: 1px solid #999;} .parking_img img{flex: 1 1 0;min-width: 0} .grid_type06{border: 1px solid #999;background-color: #F9F9F9;} .grid_type06 .tit{background-color: #ADADAD;height: 50px;display:flex;align-items: center;justify-content: center;font-weight: 700;font-size: var(--font-size04);color: #fff} .grid_type06 .tit small{font-weight: 400;font-size: var(--font-size02);margin-left: 5px} .grid_type06 .cont{border-top: 0;display: table;width: 100%;box-sizing: border-box} .grid_type06 .col{display: table-cell;vertical-align: top;padding: 20px 10px 29px} .grid_type06 .txt{text-align: center;color: #222;font-size: var(--font-size02);} .list09 > li{position: relative;font-size: var(--font-size01);font-weight: 500;color: #222;padding-left: 20px;line-height: 1.6;margin-bottom: 10px;} .list09 > li:before{display: block;content: '';width: 10px;height: 10px;background-color: #E35D68;border-radius: 100%;position: absolute;top:0.42em;left:0} .list09 > li:last-child{margin-bottom: 0} .list10 > li{position: relative;font-size: var(--font-size01);font-weight: 400;color: #666;padding-left: 12px;line-height: 1.42;} .list10 > li:before{display: block;content: '';width: 3px;height: 3px;background-color: #666;border-radius: 100%;position: absolute;top:0.6em;left:0} .list10 > li:last-child{margin-bottom: 0} .parking_info{padding-top: 15px} .parking_info .part{margin-bottom: 50px;} .parking_info .video{margin-bottom: 63px;position: relative;height: 0;padding-bottom: 56.06%} .parking_info .video img, .parking_info .video video{position: absolute;width: 100%;height: 100%;top:0;left: 0} .grid_type07{display: table;width: 100%;} .grid_type07 > .col{display: table-cell;vertical-align: top;padding-top: 36px;width: 50%;box-sizing: border-box} .grid_type07 > .col:first-child{padding-right: 20px;} .grid_type07 > .col:last-child{padding-left: 20px;} .grid_type08{display: table;width: 100%;height: 100%;table-layout: fixed} .grid_type08 > .col{height: 100%;display: table-cell;vertical-align: top;padding-top: 0;box-sizing: border-box} .grid_type08 > .col:first-child{padding-right: 10px;} .grid_type08 > .col:last-child{padding-left: 10px;} .grid_type08 .border{background-color: #F9F9F9;border: 1px solid #999;height: 100%;box-sizing: border-box} .grid_type08 .border .parking_img, .grid_type08 .border .grid_type06{border: 0;} .grid_type08 + .grid_type08{margin-top: 23px} .time_capsule{text-align: center;margin-top: 55px;} .time_capsule .item{position: relative;padding: 68px 0 95px 100px} .time_capsule .item:last-child{padding-bottom: 0} .time_capsule .item:before{display: block;content: '';width: 2px;height: 100%;background: #d9d9d9;position: absolute;top:0;left: 6px;} .time_capsule .item:after{display: block;content: '';width: 16px;height: 16px;background: #E35D68;position: absolute;top:0;left: -1px;;box-sizing: border-box;border: 2px solid #fff;border-radius: 100%} .time_capsule .label{min-width: 152px;height: 41px;margin-left:8px;padding: 0 5px;position:absolute;top:-15px;left:26px;display: inline-flex;justify-content: center;align-items: center;background-color: #E35D68;font-weight: 500;font-size: var(--font-size04);color: #fff;border-radius: 41px;box-sizing: border-box} .time_capsule .label:before{display: block;content: '';width: 10px;height: 15px;background: url("/resource/usr/image/cont/bul01.svg") no-repeat 0 0;background-size: cover;position: absolute;top:50%;left:-8px;margin-top: -7px;} .time_capsule .list .img{overflow: hidden;border-radius: 100%;display: block;margin: 0 auto 18px;position: relative;max-width: 100%} .time_capsule .list .year{display: block;position: absolute;width:100%;bottom:0;font-family: 'Nova Round', 'SCoreDream', serif;font-size: min(8vw, 110px);color: rgba(255,255,255,0.7);text-align: center;letter-spacing: -0.1em} .time_capsule .list .tit{margin-bottom: 5px;font-size: var(--font-size06);font-weight: 500;color: #222} .time_capsule .point{color: #E35D68;font-weight: 700} .time_capsule .list small{color: #444;font-weight: 500;font-size: var(--font-size02);} .time_capsule .list{font-size: 0} .time_capsule .list > li{display: inline-block;vertical-align: top;width: 33.333%;padding: 0 8px;box-sizing: border-box;max-width: 300px} .greeting_10th > p{font-weight: 500;color: #444} .greeting_box{display: flex;gap:60px;padding-top: 60px;} .greeting_box .col:first-child{flex-grow: 1;min-width: 0;padding-right: 50px;order: 2} .greeting_box .col:last-child{width: 45.265%;flex-shrink: 0;order: 1} .holy_list > li{margin-bottom: 20px;border: 1px solid #DDD;border-radius: 12px;color: #666;padding: 30px 20px;line-height: 1.45} .holy_list .row{margin-bottom: 19px;} .holy_list .label{font-weight: 700;color: #E35D68;font-size: var(--font-size04);position: relative;padding-left: 50px;} .holy_list .label:before{display: block;content: '';width: 39px;height: 40px;position: absolute;left:0;top:50%;margin-top: -20px;background: url("/resource/usr/image/cont/icon_celebration_rd.svg") no-repeat 0 0} .holy_list > li:nth-child(even) .row{text-align: right;margin-bottom: 0;margin-top: 19px;} .congratulations_area .visual{padding: 0 15px;display:flex;justify-content: center;align-items: center;font-weight:700;color: #fff;line-height:1.45;text-align:center;font-size: var(--font-size14);height: 340px;background: url("/resource/usr/image/cont/congratulations_bg.png") no-repeat 0 0;background-size: cover} .congratulations_area .board_view01 .comment_row {margin-top: 30px;} .wooridle_story{color: #444;} .wooridle_story .txt01{font-size: var(--font-size02);font-weight: 500;margin-bottom: 25px} .wooridle_story .txt02{font-size: var(--font-size05);font-weight: 500;line-height: 1.37;margin-bottom: 60px} .list_type10:after{display: block;content: '';clear: both} .list_type10 .col{width: 50%;float: left;border-radius:14px;overflow: hidden;border: 1px solid #E6EFFB;box-sizing: border-box} .list_type10 .col:first-child{margin-top: 50px} .list_type10 .item{background-color: #fff;padding: 35px 20px 30px;min-height: 280px;box-sizing: border-box;letter-spacing: -0.02em} .list_type10 .item.bl{background-color: #E6EFFB} .list_type10 .title{margin-bottom: 21px;font-size: 20px;color: #444;font-weight: 700;padding-left: 50px;position: relative} .list_type10 .title:before{display: block;content: '';width: 39px;height: 40px;background: url("data:image/svg+xml,%3Csvg width='39' height='40' viewBox='0 0 39 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.8153 24.0964L32.9958 19.9233C33.5902 19.3233 33.303 18.0896 32.6419 17.5368C32.0675 17.0582 31.2061 17.1458 30.6785 17.6784L26.5648 21.8312C25.4763 22.9301 24.8552 24.4132 24.8419 25.9705L24.7617 33.211L29.8371 36.6762L30.1175 31.9503L36.6754 23.0986C37.5703 21.8919 38.0311 20.4222 37.9977 18.9188L37.8307 11.9346C37.8107 11.1256 37.1429 10.4851 36.3415 10.5053H36.2814C35.4801 10.5256 34.8456 11.1997 34.8657 12.0087L34.9458 15.2784C34.9925 17.1997 34.1511 18.8649 32.7554 20.166L28.8287 24.0964H28.8153Z' fill='%23E35D68' stroke='%23E6EFFB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.7349 29.7424L20.6641 34.4644L30.5503 38.8828L32.6212 34.1609L22.7349 29.7424Z' fill='%23E35D68' stroke='%23E6EFFB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.1841 24.0964L6.00358 19.9233C5.40923 19.3233 5.69639 18.0896 6.35752 17.5368C6.93184 17.0582 7.79331 17.1458 8.32088 17.6784L12.4346 21.8312C13.5231 22.9301 14.1442 24.4132 14.1575 25.9705L14.2377 33.211L9.16232 36.6762L8.88184 31.9503L2.32396 23.0986C1.42909 21.8919 0.968304 20.4222 1.00169 18.9188L1.16865 11.9346C1.18868 11.1256 1.85649 10.4851 2.65786 10.5053H2.71796C3.51933 10.5256 4.15375 11.1997 4.13372 12.0087L4.05358 15.2784C4.00683 17.1997 4.84827 18.8649 6.24399 20.166L10.1707 24.0964H10.1841Z' fill='%23E35D68' stroke='%23E6EFFB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.37448 34.1599L8.44531 38.8818L18.3316 34.4634L16.2608 29.7414L6.37448 34.1599Z' fill='%23E35D68' stroke='%23E6EFFB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M27.1333 6.79776H21.6706V1H17.3365V6.79776H11.8672V11.173H17.3365V23.2472H21.6706V11.173H27.1333V6.79776Z' fill='%23E35D68' stroke='%23E6EFFB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 0 0;position: absolute;top:50%;left:0;margin-top: -20px;} .list_type10 .title .point{color: #E35D68} .list_type10 .item.wh .title:before{background-image: url("data:image/svg+xml,%3Csvg width='39' height='40' viewBox='0 0 39 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.8153 24.0964L32.9958 19.9233C33.5902 19.3233 33.303 18.0896 32.6419 17.5368C32.0675 17.0582 31.2061 17.1458 30.6785 17.6784L26.5648 21.8312C25.4763 22.9301 24.8552 24.4132 24.8419 25.9705L24.7617 33.211L29.8371 36.6762L30.1175 31.9503L36.6754 23.0986C37.5703 21.8919 38.0311 20.4222 37.9977 18.9188L37.8307 11.9346C37.8107 11.1256 37.1429 10.4851 36.3415 10.5053H36.2814C35.4801 10.5256 34.8456 11.1997 34.8657 12.0087L34.9458 15.2784C34.9925 17.1997 34.1511 18.8649 32.7554 20.166L28.8287 24.0964H28.8153Z' fill='%23E35D68' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.7349 29.7424L20.6641 34.4644L30.5503 38.8828L32.6212 34.1609L22.7349 29.7424Z' fill='%23E35D68' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.1841 24.0964L6.00358 19.9233C5.40923 19.3233 5.69639 18.0896 6.35752 17.5368C6.93184 17.0582 7.79331 17.1458 8.32088 17.6784L12.4346 21.8312C13.5231 22.9301 14.1442 24.4132 14.1575 25.9705L14.2377 33.211L9.16232 36.6762L8.88184 31.9503L2.32396 23.0986C1.42909 21.8919 0.968304 20.4222 1.00169 18.9188L1.16865 11.9346C1.18868 11.1256 1.85649 10.4851 2.65786 10.5053H2.71796C3.51933 10.5256 4.15375 11.1997 4.13372 12.0087L4.05358 15.2784C4.00683 17.1997 4.84827 18.8649 6.24399 20.166L10.1707 24.0964H10.1841Z' fill='%23E35D68' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.37448 34.1599L8.44531 38.8818L18.3316 34.4634L16.2608 29.7414L6.37448 34.1599Z' fill='%23E35D68' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M27.1333 6.79776H21.6706V1H17.3365V6.79776H11.8672V11.173H17.3365V23.2472H21.6706V11.173H27.1333V6.79776Z' fill='%23E35D68' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");} .analects_area{margin-top: 27px;padding: 33px 62px 170px;background: #fefaf9 url("/resource/usr/image/cont/analects_bg.jpg") no-repeat 0 0;background-size: cover} .analects_area .title17{text-align: center;margin-bottom: 57px;} .thanksgiving_service .part{margin-bottom: 40px} .thanksgiving_service .img_list{display: flex;gap: 0 15px} .thanksgiving_service .img_list > li{flex-grow: 1;} .thanksgiving_service .img_list img{width: 100%;max-width: auto} .video_box{position: relative;height: 0;padding-bottom: 56.155%} .video_box iframe{position: absolute;top:0;left:0;width: 100%;height: 100%} .list11{font-size: 0;padding: 20px 0} .list11 > li{display:inline-block;vertical-align:top;width: 33.333%;padding: 0 15px;box-sizing: border-box;font-size: 13px;color: #444} .list11 .tit{margin-bottom: 19px;font-weight: 700;color: #000;font-size: var(--font-size02);} .list11 .tit .point{color: #E35D68} .worship_schedule.bg_white{background-color: #fff;} .worship_schedule{background-color: #E6EFFB;padding: 40px 24px 40px} .worship_schedule .date{margin-bottom: 6px;min-width: 130px;height: 30px;display: inline-flex;justify-content: center;align-items: center;background-color: #222;border-radius: 30px;font-size: var(--font-size03);color: #fff} .worship_schedule .schedule{display: flex;gap: 16px} .worship_schedule .schedule .item{min-height:327px;font-weight:500;color:#444;font-size: var(--font-size02);line-height:1.45;padding: 30px 20px 50px;flex-grow: 1;width: 25%;border: 1px solid #ddd;border-radius: var(--radius03);background-color: #fff;background-repeat: no-repeat;box-sizing: border-box} .worship_schedule .schedule .item:nth-child(1){flex-grow: 2;width: 50%;background-image: url("/resource/usr/image/cont/worship_schedule_bg01.png");background-position: 0 100%} .worship_schedule .schedule .item:nth-child(2){background-image: url("/resource/usr/image/cont/worship_schedule_bg02.png");background-position: 50% 0} .worship_schedule .schedule .item:nth-child(3){background-image: url("/resource/usr/image/cont/worship_schedule_bg03.png");background-position: 100% 100%} .worship_schedule .schedule .title11{color: #222;margin-bottom: 9px;} .worship_schedule .schedule .item:nth-child(1) ul{display: flex;flex-wrap: wrap;} .worship_schedule .schedule .item:nth-child(1) li{width: 50%;padding: 0 10px;box-sizing: border-box} .worship_schedule .schedule ul > li{margin-bottom:10px;} .dedication_service .part{margin-bottom: 42px;} .sermon_sketch{font-size: 13px;color: #444;} .sermon_sketch .tit{font-size: var(--font-size02);color: #000;margin-bottom: 19px;line-height: 1.4;} .sermon_sketch p{margin-bottom: 16px} .sermon_sketch p:last-child{margin-bottom: 0} .sermon_sketch .row{display: flex;gap:10px;margin-bottom: 10px} .sermon_sketch .col{width: 50%;box-sizing: border-box} .sermon_sketch .left img{width: 100%;} .sermon_sketch .right{display: flex;align-items: center;padding: 0 15px} .sermon_sketch .n02 .tit{color: #fff} .sermon_sketch .n02 .left{order:2} .sermon_sketch .n02 .right{order:1;background-color: #567DB0;color: #fff} .sermon_sketch .n03 .left{order:2} .sermon_sketch .n03 .right, .sermon_sketch .n04 .right{order:1;display: flex;padding: 0;gap: 20px} .sermon_sketch .n03 .right .thumbs, .sermon_sketch .n04 .right .thumbs{width: 41.3%;flex-shrink: 0;} .sermon_sketch .n03 .right .thumbs img, .sermon_sketch .n04 .right .thumbs img{width: 100%} .sermon_sketch .n03 .right .cont, .sermon_sketch .n04 .right .cont{min-width: 0;flex-grow: 1;} .sermon_sketch .n04 .right{gap: 10px} .sermon_sketch .n04 .right .cont{background-color: #567DB0;color: #fff;height: 100%;display: flex;align-items: center;padding: 0 10px} .sermon_sketch .n04 .tit{color: #fff;} .word_festival .part{margin-bottom: 43px} .catalog_area{background-color: #F7F7F7;padding: 40px 24px 40px} .catalog_area .title11{margin-bottom: 30px} .catalog_area .date{margin-bottom: 6px;min-width: 130px;height: 30px;display: inline-flex;justify-content: center;align-items: center;background-color: #222;border-radius: 30px;font-size: var(--font-size03);color: #fff} .catalog_area .catalog{display: flex;gap: 16px} .catalog_area .catalog .item{min-height:327px;font-weight:500;color:#444;font-size: var(--font-size01);line-height:1.6;padding: 61px 20px 50px;flex-grow: 1;width: 27%;border: 1px solid #ddd;border-radius: var(--radius03);background-color: #fff;background-repeat: no-repeat;box-sizing: border-box} .catalog_area .catalog .item:nth-child(1){flex-grow: 2;background-image: url("/resource/usr/image/cont/catalog_bg01.png");background-position: 50% 100%} .catalog_area .catalog .item:nth-child(2){width: 73%;background-image: url("/resource/usr/image/cont/catalog_bg02.png");background-position: 100% 100%} .catalog_area .catalog .title04{margin-bottom: 5px;} .catalog_area .catalog .item:nth-child(1) li{box-sizing: border-box} .catalog_area .catalog ul > li{margin-bottom:18px;} .president_forum .part {margin-bottom: 82px;} .president_forum .forum_article{background-color: #F3F6FB;padding: 40px 50px;border-radius: 12px;font-size: var(--font-size02);color: #000} .president_forum .forum_article .thumb{border-radius: 12px;margin-bottom: 34px;position: relative;height: 340px} .president_forum .forum_article .thumb img{position: absolute;top:0;left:0;} .president_forum .forum_article p{margin-bottom: 13px;} .president_forum .forum_article p:last-child{margin-bottom: 0} .president_forum .grid_type08 .col:first-child{width: 45%} .president_forum .grid_type08 .col:last-child{width: 55%} .list_type11{position: relative} .list_type11:before{display: block;content: '';width: 1px;height: 100%;background-color: #E35D68;position: absolute;top:0;left:28px;} .list_type11 > li{display:table;width:100%;margin-bottom:14px;box-shadow: 2px 2px 10px 0px rgba(51,51,51,0.1);border-radius: 12px;background-color: #fff;position: relative;z-index: 1} .list_type11 > li:last-child{margin-bottom: 0} .list_type11 .no{display: inline-flex;justify-content: center;align-items: center;width: 22px;height: 22px;margin-right:7px;background-color: #E35D68;border-radius: 100%;font-weight: 700;font-size: var(--font-size01);color: #fff} .list_type11 .label, .list_type11 .cont{display: table-cell;vertical-align: middle;text-align: left;height: 46px} .list_type11 .label{color: #E35D68;font-size: var(--font-size02);font-weight: 700;width: 1%;white-space: nowrap;padding-right: 12px;position: relative;padding-left: 18px;box-sizing: border-box} .list_type11 .label:after{display: block;content: '';width: 1px;height: 10px;background-color: #d9d9d9;position: absolute;top:50%;right:0;margin-top: -5px} .list_type11 .cont{padding:5px 10px;} @media (hover: hover) and (pointer: fine) { /* when supported */ .tab01 > li:hover a, .tab01 > li:hover button{background-color: rgba(86,125,176,.3);} .quick_link > li:hover > a{transform:translateY(-13px);} .quick_link > li:hover > a > i{box-shadow: 2px 2px 10px 0px rgba(51, 51, 51, 0.1);} } /*슬라이드 팝업 수정*/ .layer_zone.layer03 .layer_cont{max-height: 100%} .layer_zone.layer03 .close{position:absolute;top:15px;right:14px;width: 34px;height: 34px;background: url(../image/cont/icon_close.svg) no-repeat 50% 50%;position: absolute;z-index: 10} .layer_zone.layer03 .layer_cont, .popup_slide, .popup_slide .swiper{height: 100%;max-height: 100%;position: relative} .popup_slide .swiper-slide{display: flex;justify-content: center;align-items: center;opacity: 0 !important} .popup_slide .swiper-slide img{max-height: 100%;width: auto} .popup_slide .swiper-slide-active{opacity: 1 !important} .sitemap_area{padding:10px 0 80px} .sitemap_area > ul > li{padding: 30px 0 0} .sitemap_area > ul > li > a{font-family: 'SCoreDream', 'Noto Sans KR', sans-serif;font-size:23px;font-weight:600;color:#222;display:inline-block;margin-bottom:18px;position: relative;padding-left:22px} .sitemap_area > ul > li > a:before{position:absolute;top:-2px;left:0;display: block;content: '';width: 15px;height: 21px;background: url("/resource/usr/image/icon_cross.png") no-repeat 0 0 / cover} .sitemap_area .sub{display: flex;gap: 0 0;flex-wrap: wrap;position: relative;z-index: 1;margin: 0 -10px;} .sitemap_area .sub > li{width: calc(16.666% - 20px);flex-shrink: 0;margin: 0 10px 30px} .sitemap_area .sub > li > a{display: flex;align-items: center;justify-content: center;text-align: left;border: 1px solid #ddd;height: 43px;border-radius: 5px;padding:0 10px;color:#222;font-family: 'SCoreDream','Noto Sans KR', sans-serif;font-size: 16px;font-weight: 600;/*background: #fff url(../image/icon_arrow06.svg) no-repeat right 14px top 50%;*/} .sitemap_area .depth02{padding-top: 12px;} .sitemap_area .sub .depth02 a{font-size: 15px;color: #666;font-weight: 400;display: block;text-align: left;padding: 5px 0 5px 24px;position: relative;} .sitemap_area .sub .depth02 a:before{display: block;content: '•';position: absolute;top:50%;left:10px;color: #ddd;transform: translateY(-50%);} .material-symbols-outlined {font-variation-settings:'FILL' 0,'wght' 300,'GRAD' 0,'opsz' 24}