article,aside,audio,canvas,caption,details,div,figure,footer,header,hgroup,iframe,img,mark,menu,nav,object,section,span,summary,table,tbody,td,tfoot,thead,tr,video{border:0;margin:0;padding:0}a,abbr,address,b,blockquote,cite,code,dd,del,dfn,dl,dt,em,fieldset,h1,h2,h3,h4,h5,h6,hr,i,ins,label,legend,li,ol,p,pre,q,samp,small,strong,sub,sup,ul{border:0;font-size:100%;vertical-align:baseline;margin:0;padding:0}article,aside,audio,canvas,figcaption,figure,figure img,footer,header,hgroup,nav,section,video{display:block}li{list-style:none}table{border-collapse:separate;border-spacing:0}table caption,table td,table th{text-align:left;vertical-align:middle}a img{border:0}:focus{outline:0}.container{width:auto;max-width:1280px;margin-left:auto;margin-right:auto;--grid-padding:20px;padding-left:var(--grid-padding);padding-right:var(--grid-padding);box-sizing:border-box}.container.small{max-width:760px}.container.medium{max-width:1040px}.container.full{max-width:100%;margin-left:64px;margin-right:64px}@media only screen and (max-width:809px){.container{--grid-padding:16px}}body.show-grid .container:before{content:"";position:absolute;left:var(--grid-padding);top:0;width:1px;height:100%;z-index:1000;pointer-events:none;mix-blend-mode:multiply;background:#f0f}body.show-grid .container:after{content:"";position:absolute;right:var(--grid-padding);top:0;width:1px;height:100%;z-index:1000;pointer-events:none;mix-blend-mode:multiply;background:#f0f}.row{display:flex;gap:5px}.row.wrap{flex-wrap:wrap}@media only screen and (max-width:1280px){.row{flex-wrap:wrap}}.col{-webkit-flex-basis:0;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;max-width:100%;width:100%}.col:not(.not-fill):last-child{flex:1;max-width:none}@media only screen and (max-width:809px){.col:not(.not-fill):last-child.col-mobile-12{flex:0 0 100%}}body.show-grid .col{position:relative}body.show-grid .col:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:1000;pointer-events:none;mix-blend-mode:multiply;background:#bfffff}.offset-12{margin-left:calc((12 / 12) * 100%)}@media only screen and (max-width:809px){.offset-mobile-12{margin-left:calc((12 / 12) * 100%)}}.offset-11{margin-left:calc((11 / 12) * 100%)}@media only screen and (max-width:809px){.offset-mobile-11{margin-left:calc((11 / 12) * 100%)}}.offset-10{margin-left:calc((10 / 12) * 100%)}@media only screen and (max-width:809px){.offset-mobile-10{margin-left:calc((10 / 12) * 100%)}}.offset-9{margin-left:calc((9 / 12) * 100%)}@media only screen and (max-width:809px){.offset-mobile-9{margin-left:calc((9 / 12) * 100%)}}.offset-8{margin-left:calc((8 / 12) * 100%)}@media only screen and (max-width:809px){.offset-mobile-8{margin-left:calc((8 / 12) * 100%)}}.offset-7{margin-left:calc((7 / 12) * 100%)}@media only screen and (max-width:809px){.offset-mobile-7{margin-left:calc((7 / 12) * 100%)}}.offset-6{margin-left:calc((6 / 12) * 100%)}@media only screen and (max-width:809px){.offset-mobile-6{margin-left:calc((6 / 12) * 100%)}}.offset-5{margin-left:calc((5 / 12) * 100%)}@media only screen and (max-width:809px){.offset-mobile-5{margin-left:calc((5 / 12) * 100%)}}.offset-4{margin-left:calc((4 / 12) * 100%)}@media only screen and (max-width:809px){.offset-mobile-4{margin-left:calc((4 / 12) * 100%)}}.offset-3{margin-left:calc((3 / 12) * 100%)}@media only screen and (max-width:809px){.offset-mobile-3{margin-left:calc((3 / 12) * 100%)}}.offset-2{margin-left:calc((2 / 12) * 100%)}@media only screen and (max-width:809px){.offset-mobile-2{margin-left:calc((2 / 12) * 100%)}}.offset-1{margin-left:calc((1 / 12) * 100%)}@media only screen and (max-width:809px){.offset-mobile-1{margin-left:calc((1 / 12) * 100%)}}.order-12{order:12}@media only screen and (max-width:809px){.order-mobile-12{order:12}}.order-11{order:11}@media only screen and (max-width:809px){.order-mobile-11{order:11}}.order-10{order:10}@media only screen and (max-width:809px){.order-mobile-10{order:10}}.order-9{order:9}@media only screen and (max-width:809px){.order-mobile-9{order:9}}.order-8{order:8}@media only screen and (max-width:809px){.order-mobile-8{order:8}}.order-7{order:7}@media only screen and (max-width:809px){.order-mobile-7{order:7}}.order-6{order:6}@media only screen and (max-width:809px){.order-mobile-6{order:6}}.order-5{order:5}@media only screen and (max-width:809px){.order-mobile-5{order:5}}.order-4{order:4}@media only screen and (max-width:809px){.order-mobile-4{order:4}}.order-3{order:3}@media only screen and (max-width:809px){.order-mobile-3{order:3}}.order-2{order:2}@media only screen and (max-width:809px){.order-mobile-2{order:2}}.order-1{order:1}@media only screen and (max-width:809px){.order-mobile-1{order:1}}.col-12{flex:0 0 calc((12 / 12) * 100% - 5px);max-width:calc((12 / 12) * 100% - 5px)}.col-11{flex:0 0 calc((11 / 12) * 100% - 5px);max-width:calc((11 / 12) * 100% - 5px)}.col-10{flex:0 0 calc((10 / 12) * 100% - 5px);max-width:calc((10 / 12) * 100% - 5px)}.col-9{flex:0 0 calc((9 / 12) * 100% - 5px);max-width:calc((9 / 12) * 100% - 5px)}.col-8{flex:0 0 calc((8 / 12) * 100% - 5px);max-width:calc((8 / 12) * 100% - 5px)}.col-7{flex:0 0 calc((7 / 12) * 100% - 5px);max-width:calc((7 / 12) * 100% - 5px)}.col-6{flex:0 0 calc((6 / 12) * 100% - 5px);max-width:calc((6 / 12) * 100% - 5px)}.col-5{flex:0 0 calc((5 / 12) * 100% - 5px);max-width:calc((5 / 12) * 100% - 5px)}.col-4{flex:0 0 calc((4 / 12) * 100% - 5px);max-width:calc((4 / 12) * 100% - 5px)}.col-3{flex:0 0 calc((3 / 12) * 100% - 5px);max-width:calc((3 / 12) * 100% - 5px)}.col-2{flex:0 0 calc((2 / 12) * 100% - 5px);max-width:calc((2 / 12) * 100% - 5px)}.col-1{flex:0 0 calc((1 / 12) * 100% - 5px);max-width:calc((1 / 12) * 100% - 5px)}@media only screen and (max-width:1280px){.col-tablet-hidden{display:none}}@media only screen and (max-width:809px){.col-mobile-hidden{display:none}}@media only screen and (max-width:1280px){.col-tablet-12{flex:0 0 100%;max-width:100%}}@media only screen and (max-width:1280px){.col-tablet-12{flex:0 0 calc((12 / 12) * 100% - 5px);max-width:calc((12 / 12) * 100% - 5px)}}@media only screen and (max-width:1280px){.col-tablet-11{flex:0 0 calc((11 / 12) * 100% - 5px);max-width:calc((11 / 12) * 100% - 5px)}}@media only screen and (max-width:1280px){.col-tablet-10{flex:0 0 calc((10 / 12) * 100% - 5px);max-width:calc((10 / 12) * 100% - 5px)}}@media only screen and (max-width:1280px){.col-tablet-9{flex:0 0 calc((9 / 12) * 100% - 5px);max-width:calc((9 / 12) * 100% - 5px)}}@media only screen and (max-width:1280px){.col-tablet-8{flex:0 0 calc((8 / 12) * 100% - 5px);max-width:calc((8 / 12) * 100% - 5px)}}@media only screen and (max-width:1280px){.col-tablet-7{flex:0 0 calc((7 / 12) * 100% - 5px);max-width:calc((7 / 12) * 100% - 5px)}}@media only screen and (max-width:1280px){.col-tablet-6{flex:0 0 calc((6 / 12) * 100% - 5px);max-width:calc((6 / 12) * 100% - 5px)}}@media only screen and (max-width:1280px){.col-tablet-5{flex:0 0 calc((5 / 12) * 100% - 5px);max-width:calc((5 / 12) * 100% - 5px)}}@media only screen and (max-width:1280px){.col-tablet-4{flex:0 0 calc((4 / 12) * 100% - 5px);max-width:calc((4 / 12) * 100% - 5px)}}@media only screen and (max-width:1280px){.col-tablet-3{flex:0 0 calc((3 / 12) * 100% - 5px);max-width:calc((3 / 12) * 100% - 5px)}}@media only screen and (max-width:1280px){.col-tablet-2{flex:0 0 calc((2 / 12) * 100% - 5px);max-width:calc((2 / 12) * 100% - 5px)}}@media only screen and (max-width:1280px){.col-tablet-1{flex:0 0 calc((1 / 12) * 100% - 5px);max-width:calc((1 / 12) * 100% - 5px)}}@media only screen and (max-width:809px){.col-mobile-12{flex:0 0 100%;max-width:100%}}@media only screen and (max-width:809px){.col-mobile-12{flex:0 0 calc((12 / 12) * 100% - 5px);max-width:calc((12 / 12) * 100% - 5px)}}@media only screen and (max-width:809px){.col-mobile-11{flex:0 0 calc((11 / 12) * 100% - 5px);max-width:calc((11 / 12) * 100% - 5px)}}@media only screen and (max-width:809px){.col-mobile-10{flex:0 0 calc((10 / 12) * 100% - 5px);max-width:calc((10 / 12) * 100% - 5px)}}@media only screen and (max-width:809px){.col-mobile-9{flex:0 0 calc((9 / 12) * 100% - 5px);max-width:calc((9 / 12) * 100% - 5px)}}@media only screen and (max-width:809px){.col-mobile-8{flex:0 0 calc((8 / 12) * 100% - 5px);max-width:calc((8 / 12) * 100% - 5px)}}@media only screen and (max-width:809px){.col-mobile-7{flex:0 0 calc((7 / 12) * 100% - 5px);max-width:calc((7 / 12) * 100% - 5px)}}@media only screen and (max-width:809px){.col-mobile-6{flex:0 0 calc((6 / 12) * 100% - 5px);max-width:calc((6 / 12) * 100% - 5px)}}@media only screen and (max-width:809px){.col-mobile-5{flex:0 0 calc((5 / 12) * 100% - 5px);max-width:calc((5 / 12) * 100% - 5px)}}@media only screen and (max-width:809px){.col-mobile-4{flex:0 0 calc((4 / 12) * 100% - 5px);max-width:calc((4 / 12) * 100% - 5px)}}@media only screen and (max-width:809px){.col-mobile-3{flex:0 0 calc((3 / 12) * 100% - 5px);max-width:calc((3 / 12) * 100% - 5px)}}@media only screen and (max-width:809px){.col-mobile-2{flex:0 0 calc((2 / 12) * 100% - 5px);max-width:calc((2 / 12) * 100% - 5px)}}@media only screen and (max-width:809px){.col-mobile-1{flex:0 0 calc((1 / 12) * 100% - 5px);max-width:calc((1 / 12) * 100% - 5px)}}:root{--vh:100vh;--transition:0.3s;--font-size:15px;--header:130px;--footer:410px;--padding:32px}body{padding:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-family:"Noto Sans KR",Pretendard,sans-serif;font-size:var(--font-size);font-weight:400;line-height:150%}@media only screen and (max-width:809px){body{--padding:16px}}body a{text-decoration:none;transition:color var(--transition)}body .serif{font-family:"Noto Serif KR",serif}body .view-mobile{display:none}@media only screen and (max-width:809px){body .view-mobile{display:block}}body .view-tablet{display:none}@media only screen and (max-width:1280px){body .view-tablet{display:none}}@media only screen and (max-width:1280px){body .view-desktop{display:none}}body .extra-bold{font-weight:800}header{position:fixed;height:var(--header);top:0;left:0;width:100%;transition:transform .6s;z-index:1000}body.page-id-16 header{position:absolute}header.headroom--pinned{transform:translateY(0)}header.headroom--unpinned{transform:translateY(calc(-100% + 50px))}header .header{display:flex;height:var(--header)}header .header .part{display:flex;flex-direction:column;flex:1}header .header .part .part-header{color:#fff;height:80px;font-size:26px;font-weight:700;line-height:24px;letter-spacing:-.52px;display:flex;align-items:center}@media only screen and (max-width:809px){header .header .part .part-header{font-size:20px;line-height:20px;letter-spacing:-.4px}}@media only screen and (max-width:320px){header .header .part .part-header{font-size:18px}}header .header .part .part-header .text{width:100%;justify-content:center;text-align:center}@media only screen and (max-width:809px){header .header .part .part-header .text{height:100%}}header .header .part .part-header .text a{color:#fff}@media only screen and (max-width:809px){header .header .part .part-header .text a{display:flex;width:100%;height:100%;align-items:center;justify-content:center}}header .header .part .part-menus{flex:1;display:flex}@media only screen and (max-width:809px){header .header .part .part-menus{display:none}}header .header .part .part-menus ul{display:flex;width:100%;height:100%;align-items:center;justify-content:space-between}@media only screen and (max-width:1280px){header .header .part .part-menus ul{justify-content:space-evenly}}header .header .part .part-menus ul li a{color:#fff;font-size:15px;font-weight:700;line-height:15px;letter-spacing:-.3px;height:28px;display:flex;align-items:center;justify-content:center;padding:0 18px}header .header .part .part-menus ul li.active a{background:#fff;border-radius:14.5px}header .header .part.part-1{background-color:#ff6450;justify-content:flex-end}@media only screen and (max-width:809px){header .header .part.part-1{justify-content:flex-start}}header .header .part.part-1 .part-header{justify-content:flex-end;padding-right:60px}@media only screen and (max-width:1280px){header .header .part.part-1 .part-header{justify-content:center;padding-right:0}}@media only screen and (max-width:809px){header .header .part.part-1 .part-header{justify-content:center;padding-right:0}}header .header .part.part-1 .part-header .text{max-width:340px}@media only screen and (max-width:809px){header .header .part.part-1 .part-header .text{max-width:100%}}@media only screen and (max-width:809px){header .header .part.part-1:not(.active) .part-header .text{opacity:.4}}header .header .part.part-1 .part-menus{justify-content:flex-end;background:#e8422d;padding-right:60px}@media only screen and (max-width:1280px){header .header .part.part-1 .part-menus{justify-content:center;padding-right:0}}header .header .part.part-1 .part-menus ul{max-width:340px}@media only screen and (max-width:809px){header .header .part.part-1 .part-menus ul{max-width:100%}}header .header .part.part-1 .part-menus ul li.active a{color:#e8422d}header .header .part.part-2{background-color:#df63de}header .header .part.part-2 .part-header{padding-left:60px}@media only screen and (max-width:1280px){header .header .part.part-2 .part-header{justify-content:center;padding-left:0}}@media only screen and (max-width:809px){header .header .part.part-2 .part-header{justify-content:center;padding-left:0}}header .header .part.part-2 .part-header .text{max-width:540px}@media only screen and (max-width:1280px){header .header .part.part-2 .part-header .text{text-align:left;padding-left:60px;max-width:100%}}@media only screen and (max-width:809px){header .header .part.part-2 .part-header .text{text-align:center;padding-left:0;max-width:100%}}@media only screen and (max-width:809px){header .header .part.part-2:not(.active) .part-header .text{opacity:.4}}header .header .part.part-2 .part-menus{padding-left:60px;background:#ce46cc}@media only screen and (max-width:1280px){header .header .part.part-2 .part-menus{padding-left:0}}header .header .part.part-2 .part-menus ul{max-width:540px}@media only screen and (max-width:1280px){header .header .part.part-2 .part-menus ul{max-width:100%}}@media only screen and (max-width:809px){header .header .part.part-2 .part-menus ul{max-width:100%}}header .header .part.part-2 .part-menus ul li.active a{color:#ce46cc}header .mobile-sub-menus{display:none}@media only screen and (max-width:809px){header .mobile-sub-menus{display:block;position:absolute;left:0;bottom:0;width:100%}header .mobile-sub-menus .part{display:none}header .mobile-sub-menus .part.active{display:block}header .mobile-sub-menus .part ul{display:flex;align-items:center;justify-content:space-around;height:50px}header .mobile-sub-menus .part ul li{flex:1;display:flex;align-items:center;justify-content:center}header .mobile-sub-menus .part ul li a{display:block;height:28px;display:flex;color:#fff;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;font-size:15px;font-weight:700;line-height:15px;letter-spacing:-.3px}header .mobile-sub-menus .part ul li.active a{background:#fff;border-radius:14.5px}header .mobile-sub-menus .part.part-1{background-color:#e8422d}header .mobile-sub-menus .part.part-1 li.active a{color:#e8422d}header .mobile-sub-menus .part.part-2{background-color:#ce46cc}header .mobile-sub-menus .part.part-2 li.active a{color:#ce46cc}}header .goto-martyrs{position:absolute;right:20px;top:0;color:#0099fe;font-size:13px;font-weight:700;line-height:18px;border-radius:0 0 10px 10px;background:#fff;width:150px;height:50px;display:flex;align-items:center;justify-content:center}@media only screen and (max-width:809px){header .goto-martyrs{display:none}}header .goto-martyrs span{display:inline-block}header .goto-martyrs span:after{display:inline-block;margin-left:4px;content:"";vertical-align:middle;width:13px;height:13px;margin-top:-2px;background:url(../assets/img/icon-link.svg) no-repeat center/contain}main{padding-top:var(--header);min-height:calc(var(--vh) - var(--header) - var(--footer));background:#f5f5f5}body.home main{background:url(../assets/img/bg-home-pattern.png) repeat-y left top #0098ff}@media only screen and (max-width:809px){body.home main{background:#0099fe}}footer{color:#fff;background:#2b82f7;padding:50px 0 42px 0;height:var(--footer);box-sizing:border-box}@media only screen and (max-width:809px){footer{height:auto}}footer .container{display:flex;justify-content:space-between}@media only screen and (max-width:1280px){footer .container{justify-content:space-around;gap:20px}}@media only screen and (max-width:809px){footer .container{justify-content:space-between;flex-direction:column;gap:0}}footer .container .left .logo{display:inline-block;width:220px;height:54px;margin-bottom:44px;background:url(../assets/img/footer-logo.svg) no-repeat center/contain}@media only screen and (max-width:809px){footer .container .left .logo{margin-bottom:20px}}footer .container .left dl{display:flex;font-size:16px;font-weight:700;line-height:30px;letter-spacing:-.32px}@media only screen and (max-width:809px){footer .container .left dl{font-size:13px;font-weight:500;line-height:24px;letter-spacing:-.26px}}footer .container .left dl dt{font-weight:700;width:83px}footer .container .left dl dd{flex:1;opacity:.7}footer .container .left dl dd a{color:#fff}footer .container .left .terms{margin-top:30px}@media only screen and (max-width:809px){footer .container .left .terms{margin-top:16px}}footer .container .left .terms a{color:#fff;font-size:16px;font-weight:700;line-height:30px;letter-spacing:-.32px;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}@media only screen and (max-width:809px){footer .container .left .terms a{font-size:14px}}footer .container .right .mobile-goto-button-wrap{display:none;margin-top:30px}@media only screen and (max-width:809px){footer .container .right .mobile-goto-button-wrap{display:block}}footer .container .right .mobile-goto-button-wrap a{display:flex;align-items:center;height:50px;padding:0 20px;border-radius:10px;background:url(../assets/img/icon-arrow-right-for-button.svg) no-repeat #fff right 15px center;color:#0099fe;font-size:13px;font-weight:700;line-height:13px}footer .container .right .kakaotalk{display:block;width:350px;height:67px;background:url(../assets/img/footer-kakaotalk.svg) no-repeat center/contain;margin-bottom:32px}@media only screen and (max-width:809px){footer .container .right .kakaotalk{max-width:100%;margin-top:32px;margin-left:auto;margin-right:auto}}footer .container .right .appstores{display:flex;gap:10px}footer .container .right .appstores .title{width:86px;color:#fff;font-size:15px;font-weight:500;line-height:25px;letter-spacing:-.32px}@media only screen and (max-width:809px){footer .container .right .appstores .title{font-size:15px;line-height:22px}}footer .container .right .appstores .title:after{content:"";display:block;margin-top:12px;width:86px;height:86px;background:url(../assets/img/footer-app.svg) no-repeat center/contain}@media only screen and (max-width:809px){footer .container .right .appstores .title:after{width:72px;height:72px}}footer .container .right .appstores .qrcodes{flex:1}footer .container .right .appstores .qrcodes img{height:100%}@media only screen and (max-width:809px){footer .container .right .appstores .qrcodes img{width:100%;height:auto}}.index-wrap{color:#fff;min-height:1078px;background:url(../assets/img/bg-home.png?v=2) no-repeat}@media only screen and (max-width:809px){.index-wrap{min-height:0;background:0 0;position:relative}.index-wrap:before{content:"";position:absolute;left:0;bottom:0;width:100%;padding-top:160%;background:url(../assets/img/bg-home-mobile@2x.png) no-repeat center bottom/cover}}.index-wrap .container{max-width:1000px}.index-wrap .index-content{position:relative;width:386px;padding-top:130px;margin-left:auto}@media only screen and (max-width:809px){.index-wrap .index-content{width:auto;padding-top:106px;padding-bottom:580px}}.index-wrap .index-content .logo{text-indent:-10000px;overflow:hidden;width:330px;height:135px;margin-bottom:40px;background:url(../assets/img/page/index-logo.svg) no-repeat center/contain}@media only screen and (max-width:809px){.index-wrap .index-content .logo{max-width:100%;width:280px;height:115px;margin-left:auto;margin-right:auto}}.index-wrap .index-content .description{font-size:20px;line-height:1.4;font-weight:500;letter-spacing:-.4px}@media only screen and (max-width:809px){.index-wrap .index-content .description{text-align:center}}.index-wrap .index-content .date{margin-top:40px;margin-bottom:60px;padding:30px 0;text-align:center;font-size:22px;font-weight:700;line-height:24px;letter-spacing:-.44px;border-top:1px solid #fff;border-bottom:1px solid #fff}@media only screen and (max-width:809px){.index-wrap .index-content .date{font-size:20px;margin-top:48px;margin-bottom:48px}}.index-wrap .index-content .button-wrap{display:flex;gap:20px}@media only screen and (max-width:809px){.index-wrap .index-content .button-wrap{flex-direction:column}}.index-wrap .index-content .button-wrap .button{flex:1;height:55px;display:flex;align-items:center;justify-content:center;border-radius:28px;border:2px solid #fff;color:#fff;font-size:16px;font-weight:700;line-height:normal;letter-spacing:-.32px;transition:.3s}@media only screen and (max-width:809px){.index-wrap .index-content .button-wrap .button{flex:none}}@media only screen and (hover:hover){.index-wrap .index-content .button-wrap .button:hover{background:#ff6450;color:#fff;border-color:#ff6450}}.index-wrap .index-content .button-wrap .button.active{background:#fff;color:#0099fe}@media only screen and (hover:hover){.index-wrap .index-content .button-wrap .button.active:hover{color:#fff;border-color:#df63de;background:#df63de}}.index-wrap .index-content .banner-wrap{margin-top:15px}@media only screen and (max-width:809px){.index-wrap .index-content .banner-wrap{margin-top:20px}}.index-wrap .index-content .banner-wrap a{display:flex;align-items:center;justify-content:center;border-radius:28px;border:2px solid #fff;position:relative;width:100%;height:55px;background:url(../assets/img/img-wyd-logo.svg) no-repeat right 26px top 13px/auto 36px;color:#fff;transition:.3s}@media only screen and (max-width:809px){.index-wrap .index-content .banner-wrap a{background-position:right 20px top 13px}}.index-wrap .index-content .banner-wrap a .text{position:absolute;display:flex;gap:4px;left:20px;top:50%;transform:translateY(-50%);font-size:16px;font-weight:700;line-height:normal;letter-spacing:-.32px;padding:8px 16px}@media only screen and (max-width:809px){.index-wrap .index-content .banner-wrap a .text{left:50%;transform:translate(-50%,-50%)}}@media only screen and (hover:hover){.index-wrap .index-content .banner-wrap a:hover{color:#323232;background-color:#fff}}.about-wrap{padding:90px 0 150px 0}@media only screen and (max-width:809px){.about-wrap{padding-top:75px}}.about-wrap .title{text-align:center;margin-bottom:90px}@media only screen and (max-width:809px){.about-wrap .title{margin-bottom:74px}.about-wrap .title img{width:200px;height:auto}}.about-wrap .image{margin-bottom:80px;font-size:0;line-height:0}@media only screen and (max-width:809px){.about-wrap .image{margin-bottom:75px}}.about-wrap .image img{width:100%;height:auto;object-fit:contain}.about-wrap .description{color:#6e6e6d;font-size:20px;line-height:165%;letter-spacing:-.6px;display:flex;flex-direction:column;gap:50px;margin-bottom:60px}@media only screen and (max-width:809px){.about-wrap .description{gap:40px}}.about-wrap .description h2{font-family:"Noto Serif KR",serif;font-size:22px;font-weight:700;line-height:32px;letter-spacing:-.66px}.about-wrap .description h2 strong{color:#0099fe}.about-wrap .description h3{font-family:"Noto Serif KR",serif;font-size:20px;font-weight:700;line-height:33px;letter-spacing:-.6px}.about-wrap .description h3 strong{color:#0099fe}.about-wrap .content-image{display:flex;justify-content:center;margin-bottom:40px}.about-wrap.is-holyplace .title{margin-bottom:66px}@media only screen and (max-width:809px){.about-wrap.is-holyplace .title{margin-bottom:55px}}.about-wrap.is-holyplace .image{margin-bottom:72px}@media only screen and (max-width:809px){.about-wrap.is-holyplace .image{margin-bottom:50px}}.about-wrap.is-holyplace .content-image img{mix-blend-mode:darken}.about-wrap.is-holyplace .summary{margin-bottom:52px}@media only screen and (max-width:809px){.about-wrap.is-holyplace .summary{margin-bottom:28px}}.event-wrap{padding-top:90px;padding-bottom:150px}@media only screen and (max-width:809px){.event-wrap{padding-top:50px}}.event-wrap h1{font-family:"Noto Serif KR",serif;color:#323232;text-align:center;margin-bottom:90px;font-size:36px;font-weight:900;line-height:36px;letter-spacing:-1.08px}@media only screen and (max-width:809px){.event-wrap h1{font-size:26px;letter-spacing:-.78px;margin-bottom:60px}}.event-wrap .event-content-wrap{display:flex;gap:20px}@media only screen and (max-width:809px){.event-wrap .event-content-wrap{flex-direction:column;gap:50px}}.event-wrap .event-content-wrap .main-title{font-size:36px;font-weight:900;line-height:30px;letter-spacing:-.72px;margin-bottom:40px}@media only screen and (max-width:809px){.event-wrap .event-content-wrap .main-title{font-size:32px;line-height:32px;letter-spacing:-.64px;margin-bottom:20px}}.event-wrap .event-content-wrap .image{font-size:0;line-height:0}.event-wrap .event-content-wrap .image img{width:100%;height:auto;object-fit:contain}.event-wrap .event-content-wrap .left{width:386px}@media only screen and (max-width:809px){.event-wrap .event-content-wrap .left{width:auto}}.event-wrap .event-content-wrap .left .box{border-radius:18px;border:2px solid #0099fe;background:#fff;padding:25px 30px;padding-bottom:33px}.event-wrap .event-content-wrap .left .missa+.missa{margin-top:25px}@media only screen and (max-width:809px){.event-wrap .event-content-wrap .left .missa+.missa{margin-top:40px}}.event-wrap .event-content-wrap .left h3{font-size:24px;line-height:normal;margin-bottom:8px}@media only screen and (max-width:809px){.event-wrap .event-content-wrap .left h3{font-size:22px}}.event-wrap .event-content-wrap .left .content{color:rgba(50,50,50,.8);font-size:20px;font-weight:500;line-height:33px;letter-spacing:-.6px;margin-bottom:20px}@media only screen and (max-width:809px){.event-wrap .event-content-wrap .left .content{font-size:18px;line-height:30px;letter-spacing:-.54px;margin-bottom:20px}}.event-wrap .event-content-wrap .left .content ol li,.event-wrap .event-content-wrap .left .content ul li{position:relative;padding-left:14px;margin-left:10px;word-break:keep-all}.event-wrap .event-content-wrap .left .content ol li:before,.event-wrap .event-content-wrap .left .content ul li:before{content:"";width:5px;height:5px;left:0;top:14px;position:absolute;border-radius:100%;background:rgba(50,50,50,.8)}.event-wrap .event-content-wrap .left .content p{margin-top:6px}.event-wrap .event-content-wrap .right{flex:1;color:#fff}@media only screen and (max-width:809px){.event-wrap .event-content-wrap .right{width:auto;flex:none}}.event-wrap .event-content-wrap .right .box{border-radius:18px;background:#1fc7f4;padding:25px 30px;padding-bottom:33px;height:100%;box-sizing:border-box}.event-wrap .event-content-wrap .right .box>.title{font-size:26px;font-weight:700;line-height:24px;letter-spacing:-.78px;margin-bottom:26px}.event-wrap .event-content-wrap .right .box .event-content .label{min-width:93px;border-radius:12.5px;background:#ff6450;height:25px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;line-height:14px;letter-spacing:-.28px;padding:0 20px;box-sizing:border-box}.event-wrap .event-content-wrap .right .box .event-content .content{font-size:20px;font-style:normal;font-weight:500;line-height:140%;letter-spacing:-.6px}.event-wrap .event-content-wrap .right .box .event-content .image{margin-top:20px;font-size:0;line-height:0}@media only screen and (max-width:809px){.event-wrap .event-content-wrap .right .box .event-content .image{margin-top:15px}}.event-wrap .event-content-wrap .right .box .event-content .image img{width:100%;height:auto;object-fit:contain}.event-wrap .event-content-wrap .right .box .event-content .date{display:flex;gap:16px;align-items:center}@media only screen and (max-width:809px){.event-wrap .event-content-wrap .right .box .event-content .date{display:block}.event-wrap .event-content-wrap .right .box .event-content .date .label{margin-bottom:8px}}.event-wrap .event-content-wrap .right .box .event-content .how-to{margin-top:20px}.event-wrap .event-content-wrap .right .box .event-content .how-to .content{margin-top:13px;line-height:165%}.event-wrap .event-content-wrap .right .box .event-content .how-to .content ul{margin-left:15px}.event-wrap .event-content-wrap .right .box .event-content .how-to .content ul li{padding-left:5px;list-style:decimal}@media only screen and (max-width:809px){.event-wrap .event-content-wrap .right .box .event-content .how-to .content ul li{font-size:19px;line-height:26px}.event-wrap .event-content-wrap .right .box .event-content .how-to .content ul li+li{margin-top:26px}}.event-wrap .event-content-wrap .right .box .event-content .where-to-buy{margin-top:45px}@media only screen and (max-width:809px){.event-wrap .event-content-wrap .right .box .event-content .where-to-buy{margin-top:25px}}.event-wrap .event-content-wrap .right .box .event-content .where-to-buy .content{margin-top:12px;font-size:17px;font-weight:500;line-height:28px;letter-spacing:-.3px}@media only screen and (max-width:809px){.event-wrap .event-content-wrap .right .box .event-content .where-to-buy .content{line-height:25px}}.event-wrap .event-content-wrap .right .box .event-content .where-to-buy .content p{font-size:15px;word-break:keep-all}.event-wrap .event-content-wrap .right .box .event-content .where-to-buy .content p.type-2{margin-top:23px;color:#003b48}@media only screen and (max-width:809px){.event-wrap .event-content-wrap .right .box .event-content .where-to-buy .content p.type-2{margin-top:30px;margin-bottom:30px}}.donation-wrap{padding-top:60px;padding-bottom:150px}.donation-wrap .donation-page-header{text-align:center;padding-bottom:30px;border-bottom:.5px solid #0099fe;margin-bottom:50px}.donation-wrap .donation-page-header h3{color:#0099fe;font-size:18px;font-weight:700;line-height:28px;letter-spacing:-.36px;margin-bottom:10px}@media only screen and (max-width:809px){.donation-wrap .donation-page-header h3{font-size:16px;margin-bottom:2px}}.donation-wrap .donation-page-header h2{font-family:"Noto Serif KR",serif;color:#323232;font-size:36px;font-weight:900;line-height:36px;letter-spacing:-1.08px;margin-bottom:40px}@media only screen and (max-width:809px){.donation-wrap .donation-page-header h2{font-size:26px;margin-bottom:65px}}.donation-wrap .donation-page-header .image img{width:100%;height:auto}.donation-wrap .donation-page-header .description{margin-top:35px;color:#6e6e6d;font-size:20px;font-weight:500;line-height:30px;letter-spacing:-.6px}@media only screen and (max-width:809px){.donation-wrap .donation-page-header .description{font-size:18px;line-height:25px;text-align:left}.donation-wrap .donation-page-header .description br:not(.show){display:none}}.donation-wrap form{max-width:522px;margin:0 auto}.donation-wrap form .form-element{display:flex;gap:20px}.donation-wrap form .form-element+.form-element{margin-top:20px}.donation-wrap form .form-element label{width:118px;color:#323232;font-size:18px;font-weight:700;line-height:18px;letter-spacing:-.36px;padding-top:19px}@media only screen and (max-width:809px){.donation-wrap form .form-element label{width:68px}}.donation-wrap form .form-element>div{flex:1}.donation-wrap form .form-element>div .form-group{display:flex;gap:12px}.donation-wrap form .form-element>div .form-group+.form-group{margin-top:10px}.donation-wrap form .form-element>div .form-group button{cursor:pointer;color:#323232;opacity:.6;border-radius:6px;border:1px solid #bebbbb;background:#fff;padding:6px;white-space:nowrap;font-size:14px;font-weight:700;line-height:normal;letter-spacing:-.28px;min-width:100px}@media only screen and (hover:hover){.donation-wrap form .form-element>div .form-group button:hover{border-color:#0099fe;color:#0099fe;opacity:1}}.donation-wrap form .form-element input,.donation-wrap form .form-element select,.donation-wrap form .form-element textarea{display:block;width:100%;height:50px;border-radius:6px;border:1px solid #d9d9d9;background:#fff;padding:16px 20px;box-sizing:border-box;color:#323232;font-size:16px;font-weight:700;line-height:16px;letter-spacing:-.32px}@media only screen and (hover:hover){.donation-wrap form .form-element input:hover,.donation-wrap form .form-element select:hover,.donation-wrap form .form-element textarea:hover{border-color:#0099fe}}.donation-wrap form .form-element input.disabled,.donation-wrap form .form-element select.disabled,.donation-wrap form .form-element textarea.disabled{pointer-events:none;background:#e8e6e6}.donation-wrap form .form-element p.hint{color:#323232;font-size:13px;font-weight:400;line-height:normal;letter-spacing:-.26px;margin-top:8px;opacity:.5}@media only screen and (max-width:809px){.donation-wrap form .form-element p.hint{font-size:11px}}.donation-wrap form .form-element select{appearance:none;background:url(../assets/img/icon-select-arrow.svg) no-repeat right 20px center #fff}.donation-wrap form .form-element textarea{height:130px;resize:vertical}.donation-wrap form .agreement{margin-top:35px}.donation-wrap form .agreement h3{color:#323232;font-size:16px;font-weight:700;line-height:normal;letter-spacing:-.32px;margin-bottom:15px}.donation-wrap form .agreement ul{border-radius:6px;border:1px solid #d9d9d9;background:#ebeaea;padding:20px 28px}@media only screen and (max-width:809px){.donation-wrap form .agreement ul{padding:20px 18px}}.donation-wrap form .agreement ul li{color:#818181;font-size:14px;font-weight:400;line-height:22px;letter-spacing:-.28px}.donation-wrap form .agreement label{display:block;margin-top:15px;color:#323232;font-size:14px;font-weight:500;line-height:normal;letter-spacing:-.28px;vertical-align:middle}.donation-wrap form .bank-info{margin-top:50px;border-radius:6px;border:.5px solid #d9d9d9;background:#0099fe;color:#fff;font-size:18px;line-height:32px;letter-spacing:-.36px;padding:32px 40px}@media only screen and (max-width:809px){.donation-wrap form .bank-info{padding:30px}}.donation-wrap form .bank-info dl{display:flex}@media only screen and (max-width:809px){.donation-wrap form .bank-info dl{flex-direction:column}.donation-wrap form .bank-info dl+dl{margin-top:26px}}.donation-wrap form .bank-info dl dt{width:84px;font-weight:700}@media only screen and (max-width:809px){.donation-wrap form .bank-info dl dt{width:auto;line-height:1}}.donation-wrap form .bank-info dl dd{flex:1;font-weight:400}@media only screen and (max-width:809px){.donation-wrap form .bank-info dl dd{font-size:15px}}.donation-wrap form button[type=submit]{cursor:pointer;display:flex;align-items:center;justify-content:center;margin:0 auto;margin-top:60px;width:100%;max-width:328px;height:56px;border-radius:28px;border:2px solid #0099fe;background:#fff;color:#0099fe;text-align:center;font-size:18px;font-weight:700;line-height:14px}.donation-wrap form button[type=submit].disabled{pointer-events:none;background:#e8e6e6;border-color:#e8e6e6;color:#999}@media only screen and (hover:hover){.donation-wrap form button[type=submit]:hover{color:#fff;border-color:#ff6450;background:#ff6450}}@media only screen and (max-width:809px){.donation-wrap form button[type=submit]{margin-top:50px;max-width:100%}}.single-course .course-header{background:#fff;padding-top:40px;padding-bottom:50px;box-shadow:0 4px 20px 0 rgba(0,0,0,.05)}.single-course .course-header .content{display:flex}@media only screen and (max-width:809px){.single-course .course-header .content{flex-direction:column}}.single-course .course-header .content .left,.single-course .course-header .content .right{width:50%}@media only screen and (max-width:809px){.single-course .course-header .content .left,.single-course .course-header .content .right{width:auto}}.single-course .course-header .content .header{padding-top:40px;padding-right:90px;width:435px}@media only screen and (max-width:809px){.single-course .course-header .content .header{width:auto;padding:0}}.single-course .course-header .content .header h3{font-size:32px;font-weight:900;line-height:normal;letter-spacing:-.64px;margin:0 auto;text-align:center}.single-course .course-header .content .header .summary{max-width:262px;margin:0 auto;margin-top:28px;border-radius:10px;background:#ff8488;padding:18px 32px;color:#323232;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:20px;font-weight:700;line-height:28px;letter-spacing:-.6px}@media only screen and (max-width:809px){.single-course .course-header .content .header .summary{max-width:100%;margin-bottom:48px}}.single-course .course-header .content .description{color:#6e6e6d;padding-left:80px;max-width:448px}@media only screen and (max-width:809px){.single-course .course-header .content .description{max-width:100%;padding-left:0}}.single-course .course-header .content .description h3{font-family:"Noto Serif KR",serif;font-size:20px;font-weight:700;line-height:33px;letter-spacing:-.6px}.single-course .course-header .content .description p{margin-top:16px;font-size:16px;font-weight:500;line-height:25px;letter-spacing:-.48px}@media only screen and (max-width:809px){.single-course .course-header .content .description p{margin-top:12px}}.single-course .course-content{padding-top:50px;padding-bottom:150px}.single-course .course-content .path-image{margin:0 auto;max-width:880px;margin-bottom:80px}@media only screen and (max-width:809px){.single-course .course-content .path-image{max-width:100%;margin-bottom:50px}}.single-course .course-content .path-image img{width:100%;height:auto}.single-course .course-content .place-list{max-width:794px;margin:0 auto;display:flex;flex-direction:column;gap:60px}@media only screen and (max-width:809px){.single-course .course-content .place-list{max-width:100%;box-sizing:border-box;padding:0 20px}}.single-course .course-content .place-list .place{display:flex;gap:54px}@media only screen and (max-width:809px){.single-course .course-content .place-list .place{flex-direction:column;gap:20px}}.single-course .course-content .place-list .place .image{position:relative;width:285px}@media only screen and (max-width:809px){.single-course .course-content .place-list .place .image{width:100%}}.single-course .course-content .place-list .place .image img{width:100%;height:auto}.single-course .course-content .place-list .place .image .type{position:absolute;top:12px;right:12px;width:50px;height:60px;text-indent:-1000px;overflow:hidden}.single-course .course-content .place-list .place .image .type.type-순교성지{background:url(../assets/img/icon-type-1.svg) no-repeat center/contain}.single-course .course-content .place-list .place .image .type.type-교회사적지{background:url(../assets/img/icon-type-2.svg) no-repeat center/contain}.single-course .course-content .place-list .place .image .type.type-순례지{background:url(../assets/img/icon-type-3.svg) no-repeat center/contain}.single-course .course-content .place-list .place .info{flex:1}.single-course .course-content .place-list .place .info .title{color:#323232;font-size:22px;font-weight:900;line-height:20px;letter-spacing:-.44px;margin-bottom:22px}@media only screen and (max-width:809px){.single-course .course-content .place-list .place .info .title{margin-bottom:15px}}.single-course .course-content .place-list .place .info .description{color:#6e6e6d;font-size:16px;font-weight:500;line-height:28px;letter-spacing:-.32px;margin-bottom:20px}@media only screen and (max-width:809px){.single-course .course-content .place-list .place .info .description{line-height:25px;margin-bottom:15px}}.single-course .course-content .place-list .place .info .description .hint{display:block;color:#a2a2a2;font-size:14px}.single-course .course-content .place-list .place .info .address{display:flex;gap:6px;color:#0099fe;font-size:14px;font-weight:700;line-height:normal;letter-spacing:-.28px}.single-course .course-content .place-list .place .info .address:before{content:"";display:inline-block;width:11px;height:16px;background:url(../assets/img/icon-map.svg) no-repeat center/contain}.single-course .course-content .place-list .place .info .address a{color:#0099fe}.popup{width:100%;max-width:378px;margin:0 auto;top:100px;left:100px;display:none;z-index:1000;box-shadow:0 1px 3px rgba(0,0,0,.2);position:fixed}@media only screen and (max-width:809px){.popup{left:50%;transform:translateX(-50%);max-width:320px}}.popup .popup-inner{display:flex;flex-direction:column}.popup .banner-image{display:block;font-size:0;line-height:0}.popup img{width:100%;height:auto}.popup .buttons{display:flex}.popup .buttons .button{flex:1;display:flex;color:#fff;height:48px;align-items:center;justify-content:center;background:#221e1f}@media only screen and (max-width:809px){.popup .buttons .button{font-size:12px;height:38px}}@media only screen and (max-width:809px){.popup .buttons .button.today{background:#385b44}}.popup .buttons .button.close{background:#be3d9f}
/*# sourceMappingURL=app.css.map */