@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&display=swap);*,:after,:before{box-sizing:border-box}ol,ul{padding:0;list-style:none}h1,h2,h3,h4,h5,h6,th{font-weight:inherit}blockquote,body,dd,dl,figcaption,figure,h1,h2,h3,h4,h5,h6,li,ol,p,ul{margin:0}body{min-height:100vh;font-family:"Uiyeun","PretendardM","Noto Sans KR",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:24px;line-height:20px}button,input,select,textarea{font:inherit;border:none}a{color:inherit;text-decoration:none}button{font-family:"KOTRAHOPE";font-size:20px;line-height:20px;background:inherit;border:none;box-shadow:none;border-radius:0;padding:0;overflow:visible;cursor:pointer}textarea{border:none;overflow:auto;outline:none;box-shadow:none;resize:none}#root{height:100vh}h1{font-family:"KOTRAHOPE";font-size:32px;line-height:32px;color:#232020}*{-webkit-tap-highlight-color:transparent}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#9f8e8e}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#9f8e8e}input::placeholder,textarea::placeholder{color:#9f8e8e}@font-face{font-family:"KOTRAHOPE";src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2110@1.0/KOTRAHOPE.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:"Uiyeun";src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105@1.1/Uiyeun.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:"PretendardM";src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:"PretendardB";src:url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff) format("woff");font-weight:700;font-style:normal}.textField-label{display:flex;flex-direction:column;margin-bottom:16px;color:#000;font-size:24px;line-height:24px}.textField-input{width:100%;height:40px;padding:8px 16px;margin-top:4px;color:#232020;font-size:24px;line-height:24px;background-color:#f7f4f2;border:1px solid #eaeaea;border-radius:8px}.textField-input::-webkit-input-placeholder{color:#9f8e8e}.textField-input:-ms-input-placeholder{color:#9f8e8e}.textField-input::placeholder{color:#9f8e8e}.textField-input:focus{outline:none;border:1px solid transparent;box-shadow:0 0 0 2px #83634d}.authForm{display:flex;flex-direction:column}.tree-Container{position:relative}.tree,.tree-Container{width:100%;height:100%}.tree{object-fit:contain}.gift{width:120px;display:flex;flex-direction:column;justify-content:start;align-items:center}.gift-nametag{color:#fff;font-size:16px;font-family:"KOTRAHOPE";text-align:center;letter-spacing:-.011em;text-shadow:0 0 6px #000}.gift-ornament{height:60px;object-fit:contain;-webkit-filter:drop-shadow(0 4px 5px rgba(0,0,0,.3));filter:drop-shadow(0 4px 5px rgba(0,0,0,.3))}.gift-position0{position:absolute;top:8%;left:calc(50% - 60px);z-index:1}.gift-position1{left:calc(35% - 60px)}.gift-position1,.gift-position2{position:absolute;top:21%;z-index:1}.gift-position2{left:calc(65% - 60px)}.gift-position3{position:absolute;top:36%;left:calc(25% - 60px);z-index:1}.gift-position4{position:absolute;top:41%;left:calc(50% - 60px);z-index:1}.gift-position5{position:absolute;top:36%;left:calc(75% - 60px);z-index:1}.gift-position6{position:absolute;top:54%;left:calc(15% - 60px);z-index:1}.gift-position7{left:calc(40% - 68px)}.gift-position7,.gift-position8{position:absolute;top:60%;z-index:1}.gift-position8{left:calc(60% - 48px)}.gift-position9{position:absolute;top:54%;left:calc(85% - 60px);z-index:1}.authPage{padding:16px;position:relative}.img-logo{zoom:.5;display:block;margin:26px auto 36px}.page-wrapper{position:relative;height:100%}.give-contents-section{padding:0 16px}.progress-bar-bg{width:100%;height:8px;background-color:#f7f4f2;margin-bottom:16px}.progress-bar{position:absolute;width:33%;height:8px;background-color:#ff7981;transition:width 1s ease}.icon-btn-wrapper{display:flex;align-items:center;padding:4px;margin-bottom:16px;margin-left:-4px}.icon-btn-wrapper>svg{margin-right:4px}.icon-btn-wrapper>span{margin-top:2px;color:#83634d}.give-title{margin-bottom:24px}.give-primary-btn-wrap{position:fixed;left:0;right:0;bottom:16px}.give-primary-btn-wrap .primary-btn-wrapper{max-width:600px;margin:0 auto;padding:0 16px}@media(max-width:347px){.icon-btn-wrapper,.progress-bar-bg{margin-bottom:8px}}@media(max-width:347px)and (max-height:525px){.give-primary-btn-wrap{position:static;padding-bottom:40px}.give-primary-btn-wrap .primary-btn-wrapper{max-width:600px;padding:0}}@media(min-width:348px)and (max-width:600px)and (max-height:795px){.give-primary-btn-wrap{position:static;padding-bottom:40px}.give-primary-btn-wrap .primary-btn-wrapper{max-width:600px;padding:0}}@media(min-width:601px)and (max-height:832px){.give-primary-btn-wrap{position:static;padding-bottom:40px}.give-primary-btn-wrap .primary-btn-wrapper{max-width:600px;padding:0}}.profilePage{min-height:100vh;width:100%;padding:16px;position:relative;background-color:#d4be99;background-image:url(https://assets.colormytree.me/img/assets/background.jpg);background-repeat:no-repeat;background-position-x:50%}.profilePage-header{width:100%}.profilePage-header .profilePage-header{width:100%;position:relative;z-index:2}.profilePage-info,.profilePage-title{text-align:left;margin-bottom:12px}.profilePage-info{color:#83634d;display:flex;align-items:center}.profilePage-info .envelop{width:24px;height:24px;margin-right:4px}.text-colored{color:#ff505a}.treeCarousel-container{width:100%;max-width:343px;margin-left:auto;margin-right:auto;margin-bottom:16px}.treeCarousel-container .slick-arrow.slick-prev{left:0}.treeCarousel-container .slick-arrow.slick-next{right:0}.treeCarousel-container .slick-arrow.slick-next,.treeCarousel-container .slick-arrow.slick-prev{width:32px;height:32px}.treeCarousel-container .slick-arrow.slick-next:before,.treeCarousel-container .slick-arrow.slick-prev:before{font-size:32px;color:rgba(0,0,0,.75)}.treeCarousel-container .slick-dots{position:absolute;bottom:10px}.treeCarousel-container .slick-dots li{margin:-2px}.profilePage-toAuthPage{margin-top:20px;width:100%;color:#83634d;text-align:center;background:none}.profilePage-toastWrapper{position:absolute;bottom:0;left:calc(50% - 123px)}.navigation-button{position:absolute;top:16px;right:8px;padding:8px}.profilePage-toTop{position:fixed;bottom:16px;right:16px;z-index:20000}.profilePage-downloadBtn,.profilePage-pageIndicator-container{display:flex;justify-content:center}.profilePage-downloadBtn{width:100%;height:24px;margin-top:16px;margin-bottom:80px;color:#83634d;background:transparent none repeat 0 0/auto auto padding-box border-box scroll;background:initial;flex-direction:row;align-items:center}.profilePage-downloadBtn span{margin-left:4px}.intro-page{min-height:100vh;background-color:#d4be99;background-image:url(https://assets.colormytree.me/img/assets/background.jpg);background-repeat:no-repeat;background-position-x:50%;padding-top:16px;padding-bottom:24px}.intro-page .title-image{display:block;width:211px;margin:20px auto}.intro-page .tree-wrapper{max-width:343px;margin:0 auto}.intro-page .tree-wrapper .tree-image{width:100%}.intro-page .primary-btn-wrapper{padding-left:16px;padding-right:16px}.intro-page .by-line{font-family:"KOTRAHOPE";margin-top:16px;text-align:center;font-size:16px;color:#83634d}.downloadInfo{width:100%;padding:8px 16px;text-align:center;background-color:#ffdd27}.PNGPage{min-height:100vh;width:100%;padding:16px;background:#f7efe7;position:relative;overflow:hidden}.PNGPage-goHomeBtn{margin-bottom:16px;padding:4px;color:#83634d;display:flex;position:relative;z-index:1}.PNGPage-goHomeBtn span{margin-left:4px}.PNGPage-header{width:100%;position:relative;z-index:2}.PNG-background-illust{position:absolute;top:150px;left:calc(50% - 300px);z-index:1}.PNG-background{width:100%;height:calc(100% - 150px);position:absolute;top:150px;left:0;background-color:#d4be99;z-index:0}.PNG-navigator{width:100%;height:68px;background-color:#634646;display:flex;flex-direction:row;justify-content:space-between;position:fixed;bottom:0;left:0;z-index:3}.PNG-downloadBtn{height:calc(100% - 16px);margin:8px;flex-grow:1;background-color:#f7efe7;border-radius:30px}.PNG-downloadBtn-wrapper{width:100%;display:flex;justify-content:center;color:#83634d}.PNG-downloadBtn-wrapper span{margin-left:4px}.PNG-navigator-Btn{flex:0 0 15%;display:flex;flex-direction:row;justify-content:center;align-items:center;color:#f7efe7}.PNG-navigator-Btn span{margin:4px}.PNG-navigator-Btn.hidden{visibility:hidden}.PNG-nextBtn,.PNG-prevBtn{flex:1 1}.quit-root{padding:24px 12px 16px;display:flex;flex-direction:column;justify-content:space-between;position:relative;height:100vh}.quit-root h1{font-family:"KOTRAHOPE";margin:17px 0 24px;font-size:32px}.quit-desc{color:#83634d}.quit-desc span{color:#ff6d6d}.home-btn{display:flex;justify-content:center;font-size:20px;color:#83634d}.agree-checkbox-wrapper{margin-top:24px;color:#83634d;font-size:24px}.quit-btn{position:absolute;width:92%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);left:50%;bottom:0;background-color:#634646;color:#fff;padding:16px;border-radius:30px}.quit-disable{background-color:#d1d1d1;pointer-events:none}.quit-success-root{padding:24px 12px 16px;height:100vh;display:flex;flex-direction:column;justify-content:space-between}.quit-success-root h1{font-family:"KOTRAHOPE";margin-bottom:24px;font-size:32px}.quit-success-root .primary-btn-wrapper{width:100%}.quit-success-desc{color:#83634d}.quit-success-desc span{color:#ff6d6d}.end-root{width:100%;height:100vh;text-align:center}.end-wrapper{height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.end-wrapper h3{font-family:"KOTRAHOPE";font-size:24px}.end-msg-img{width:148px;margin-bottom:8px}.end-desc{width:100%;margin-top:36px}.end-desc a{color:#ff7981;text-decoration:underline}.service-participation-wrapper{display:flex;flex-direction:column;margin:40px;min-width:300px}.end-quit-wrapper{display:flex;width:100%;padding:24px;height:30vh;font-family:"Uiyeun";font-size:24px;background:#634646}.link-wrapper{display:flex;flex-direction:column;text-align:start;color:#fff}.end-quit-wrapper-title{color:#ff6d6d;margin-bottom:8px}.end-quit-participation-period-message{margin-top:16px;color:#83634d}.end-quit-participation-period-message span{color:#ff6d6d}.ornament-grid{width:100%;display:grid;grid-gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.ornament-cell{display:flex;align-items:center;justify-content:center;box-shadow:0 4px 0 #ddc3b8;background-color:#fff;border-radius:16px;padding:12px;border:4px solid transparent}.ornament-cell,.ornament-cell>img{width:100%;height:auto}.ornament-cell-border{border:4px solid #634646}@media(max-width:347px){.ornament-cell{padding:4px}}.bg-deco-view-wrapper{width:100%;height:100%;display:flex;align-items:center;flex-direction:column;margin-bottom:16px}.result-ornament{width:40%;margin:24px 0 48px}.tab-cells-wrapper{height:100%;flex-wrap:wrap;flex-direction:row;display:grid;grid-gap:16px;grid-template-columns:repeat(4,1fr)}.tab-cell{height:100%;display:flex;justify-content:center;border:1px solid #eaeaea;border-radius:4px;padding:4.5px}.tab-cell,.tab-cell>img{width:100%}.tab-cell-border{border:1px solid transparent;box-shadow:0 0 0 4px #634646}@media(max-width:347px){.result-ornament{margin:12px 0 40px}.tab-cell{padding:0}}.msg-wrapper{position:relative;width:100%;padding:8px;border-radius:32px;margin-top:48px;margin-bottom:16px;background:#fff;box-shadow:0 4px 0 #ddc3b8}.msg-border{padding:8px;border-radius:24px;border:2px dashed hsla(0,0%,100%,.3)}.msg-border,.textarea-wrapper{display:flex;justify-content:center}.textarea-wrapper{border-radius:16px;background-color:#fff;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.msg-input{width:100%;text-align:center;margin-top:24px;padding:24px 8px 48px;min-height:200px;background-color:transparent}.msg-ornament{position:absolute;width:80px;top:-40px;left:calc(50% - 40px)}.nickname-input{width:100%;background:#fff;padding:12px 16px;box-shadow:0 4px 0 #ddc3b8;border-radius:16px;text-align:center;margin-bottom:16px}.nickname-input:focus-visible{outline:none}.loading-view{min-height:100vh;height:100%;display:flex;flex-direction:column}.loading-view-contents{margin-top:30vh;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}.loading-view-contents>span{color:#ff7981;text-decoration:underline}.navigation{position:fixed;top:0;right:0;z-index:999}.navigation-overlay{width:100vw;background-color:rgba(0,0,0,.5)}.navigation-contents,.navigation-overlay{height:100vh;position:absolute;top:0;right:0}.navigation-contents{width:260px;padding:8px;border-radius:30px 0 0 30px;background-color:#634646}.navigation-closeBtn{margin:24px 16px 20px 220px}.navigation-title{padding:8px;color:#fff}.navigation-title>span{font-size:26px}.navigation-login-id{padding:0 8px;margin-bottom:32px;color:#fff;font-size:24px}.navigation-menu{text-align:left;width:100%;padding:12px 8px;color:#fff}.navigation-menu-logout{color:#9f8e8e}.navigation-info{margin-left:8px;margin-top:32px;color:#9f8e8e;font-family:"KOTRAHOPE";font-size:16px}.drawer-ads-wrapper{margin-top:4px}.messagePO-overlay{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:10000;background-color:rgba(0,0,0,.3)}.messagePO-outerContainer{width:100%;position:fixed;bottom:0;left:0;align-items:center}.messagePO-container{max-width:600px;height:600px;position:relative;margin-left:auto;margin-right:auto}.messagePO-wrapper{width:100%;height:100%;margin-top:50px;border-radius:40px 40px 0 0;display:flex;flex-direction:column;justify-content:flex-end}.messagePO-wrapper .secondary-btn-wrapper{margin:0 16px 8px}.messagePO-message{width:100%;height:100%}.messagePO-message .message-content{width:100%;max-height:300px;overflow-y:auto;display:flex;justify-content:center}.message-deleteBtn{width:48px;height:28px;color:#83634d;background-color:#f7efe7}.messagePO-deleteBtn{position:absolute;top:-28px;right:40px;border-radius:4px 4px 0 0;z-index:10000}.messageL-container{margin:30px 0}.messageL-deleteBtn{margin-left:calc(100% - 89px);border-radius:0 0 4px 4px;box-shadow:0 0 10px rgba(0,0,0,.2)}.pageBanner{width:100%}.pageBanner .slick-prev{width:0;height:0}.pageBanner .slick-prev:before{display:none}.pageBanner .slick-next{width:0;height:0}.pageBanner .slick-next:before{display:none}.drawerBanner{width:100%;border-radius:16px;margin-top:16px}.drawerBanner .slick-next{width:0;height:0}.drawerBanner .slick-next:before{display:none}.slick-slide{pointer-events:none}.slick-active{pointer-events:auto}.slick-slider .slick-prev{z-index:1}.layout{width:100vw;min-height:100%;background-color:#f7eee7}.main-contents{min-height:100%;max-width:600px;margin:0 auto}.primary-btn-wrapper{margin-top:16px}.primary-btn{position:relative;width:100%;background:#ff7981;padding:16px 0;color:#fff;border-radius:30px;box-shadow:0 4px 0 #cd4b53;line-height:20px;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.primary-btn:before{display:block;content:" ";left:4px;top:4px;bottom:4px;right:4px;position:absolute;margin:auto;border-radius:22px;border:2px dashed #ffb5b9}.primary-btn:active,.primary-btn:hover{background:#ff6d6d;box-shadow:0 4px 0 #cd4b53}.primary-btn.disabled,.primary-btn[disabled]{background:#d1d1d1;box-shadow:0 4px 0 #a9a9a9}.primary-btn.disabled:before,.primary-btn[disabled]:before{border:2px dashed #eaeaea}.secondary-btn-wrapper{margin-top:16px}.secondary-btn{position:relative;width:100%;background:#634646;padding:16px 0;color:#fff;border-radius:30px;line-height:20px}.secondary-btn:active,.secondary-btn:hover{background:#4d3232}.secondary-btn.disabled,.secondary-btn[disabled]{background:#d1d1d1}.popup-wrapper{min-height:100%;flex-direction:column;justify-content:flex-end;align-items:center}.bg-deem,.popup-wrapper{min-width:100%;display:flex}.bg-deem{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.54);align-items:flex-end;max-width:600px}.popup{display:flex;width:100%;max-width:600px;margin:0 auto;justify-content:center;align-items:center;background-color:#f7efe7;border-radius:24px 24px 0 0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:24px 16px 8px;flex-direction:column;text-align:center;box-shadow:0 0 20px rgba(0,0,0,.1)}.popup>.secondary-btn-wrapper{width:100%;margin-bottom:8px}.popup-img{width:200px;height:140px;margin-bottom:16px}.popup-text{font-size:24px;line-height:24px}.close-btn{padding:4px}.close-btn>span{font-size:20px;line-height:20px;color:#83634d}.toast{position:fixed;bottom:16px;left:0;width:100%;z-index:10010}.toast .toast-content{width:246px;height:52px;margin:0 auto;color:#fff;background:rgba(0,0,0,.75);border-radius:16px;display:flex;justify-content:center;align-items:center}.toast .toast-content>span{display:inline-block}.tab-container{position:relative}.tab-titleWrapper{display:flex;flex-direction:row}.tab-title{width:50%;height:60px;padding-bottom:16px;font-weight:400;text-align:center;border-radius:16px 16px 0 0}.tab-title--selected{color:#634646;background-color:#fff}.tab-title--unSelected{color:#fff;background-color:#634646}.tab-pin{width:32px;height:16px;position:absolute;top:29px;left:calc(50% - 15.5px);background:#fff;-webkit-clip-path:path("M 16 0 A 16 16 0 0 1 0 16 L 32 16 A 16 16 0 0 1 16 0 Z");clip-path:path("M 16 0 A 16 16 0 0 1 0 16 L 32 16 A 16 16 0 0 1 16 0 Z");z-index:1}.tab-viewWrapper{width:100%;padding:24px;position:relative;background-color:#fff;box-shadow:0 4px 0 0 #ddc3b8;border-radius:16px;margin-top:-16px;z-index:1}@media(max-width:347px){.tab-pin{top:17px}.tab-title{height:48px;font-size:14px}.tab-viewWrapper{padding:16px}}.tab-disabled{color:#9f8e8e}.donation-btn{width:100%;background:#fedd66;padding:3px;border-radius:16px;line-height:24px;font-size:24px;font-family:"Uiyeun";margin-top:16px}.donation-btn-border{padding:12px;border-radius:16px;color:#191e25;border:1px dashed #634646}.donation-btn-border>span{font-size:21px;color:#9f8529}.ad-btn>img{padding:3px;margin-top:4px;border-radius:16px;width:100%}.remove-alert-deem{display:flex;position:fixed;background:rgba(0,0,0,.3);top:-50vh;left:0;width:100vw;height:200vh;justify-content:center;align-items:center;z-index:10001}.remove-alert{background:#f7efe7;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:24px;border-radius:40px;text-align:center}.remove-alert>p{font-size:24px}.remove-alert-title,.remove-alert>p{margin-bottom:16px}.alert-btns{display:flex}.alert-btns>*{flex:1 0}.alert-btns>button{padding:16px;border-radius:30px;min-width:143px}.alert-btns .close-alert-btn{margin-right:8px;background:#d1d1d1}.alert-btns .remove-btn{background:#ff2633;color:#fff}.page-indicator-container{display:flex;background:rgba(0,0,0,.5);border-radius:45px;margin-top:-13px;z-index:1;flex:0 0 auto}.page-indicator-btn-left-arrow{background:none;padding-left:6px}.page-indicator-page-count{background:none;padding:4px 8px;color:#fff}.page-indicator-btn-right-arrow{background:none;padding-right:6px}.message-wrapper{position:relative;width:100%;height:100%;padding:8px;border-radius:40px;z-index:2}.message-ornament{width:100px;height:100px;position:absolute;top:-50px;left:calc(50% - 50px);z-index:3}.message-border{width:100%;height:100%;padding:8px;border-radius:36px;border:2px dashed hsla(0,0%,100%,.3)}.message-inner{width:100%;height:100%;border-radius:24px;padding:50px 8px 8px;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.message-content{height:100%;margin:0 16px 20px;line-height:26px;white-space:pre-line;text-align:center}.message-from{margin-bottom:24px}.noticeBanner{width:100%}.Notice-page{height:100%;width:100%;padding-top:200px;text-align:center;display:flex;justify-content:center;align-items:center}.html2canvas-container{height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}