/* BASIC css start */
.donation23 { background-color: #f5f1e8; margin: 0 33%; padding-bottom: 10%; }
.donation23 p { margin:0 auto 5%; font-size: 1.05em; line-height: 1.75em; color: #464646; text-align: center; }
.donation23 img { width:100%; }

.if_not_login { padding: 5%; }
.if_not_login a { background-color: #000; padding: 4% 6%; border-radius: 10px; color: #fff; }

.thepaper { margin: 7% 12% 15%;
            background-image: url('https://mothersall.img6.kr/event_notice/background_white.jpg'); /* ¹è°æ À̹ÌÁö */
            background-size: cover;
            /*height: 80vh;*/
            display: flex;
            flex-direction: column;
            align-items: center;
            border-image-slice: 130 130 130 130;
border-image-width: 30px 30px 30px 30px;
border-image-outset: 30px 30px 30px 30px;
border-image-repeat: stretch stretch;
border-image-source: url("https://mothersall.img6.kr/event_notice/background_paper.jpg");
        }

.paper_tit img { width: 30%; margin: 5% 35% 0; }
.paper_tit p { font-size: 1.2em; line-height: 1.5em; }

        #titleContainer { text-align: center; }
        #titleContainer > #mainTitle { font-size: 2.5em; line-height: 2.5em; font-weight: 600; color: #000; }
        #titleContainer > #subTitle { font-size: 1.2em; line-height: 1.5em; color: #464646; height: 90px; }
        
        #buttonContainer { display: flex; margin: 5% 5% 0;}
        
        .custom-button { width: 30%;
            cursor: pointer;
            border: none;
            background-color: transparent;
            padding: 0;
            margin: 0 10px;
            outline: none;
        }

        #displayText { margin-top: 3%; font-size: 2.5em; line-height: 3em; font-weight: 500; color: #000; }

.navi_btn { margin: 5% auto; text-align: center; }
.navi_btn a { background-color: #f38352; padding: 5% 6%; border-radius: 10px; font-size: 1.2em; color: #fff; font-weight: 600; margin: 0 1%; }

.donation_story { text-align: center; }
.donation_story img { margin: 20% 0 10%; }
.donation_story a { padding: 5% 16%; border-radius: 10px; font-size: 1.25em; color: #fff; font-weight: 600; }
.donation_story a:nth-child(2) { background-color: #00a0e9; }
.donation_story a:nth-child(4) { background-color: #f77a3a; }
.donation_story a:nth-child(6) { background-color: #e15799; }
.donation_story p { margin: 30% auto 10%; font-size: 1.25em; color: #000; }
.donation_story p span { color:#f38352; font-size: 2.25em; line-height: 1.75em; font-weight: 600; }

.livechat { background-color: #fff; margin: 10% 5% 0; border-radius: 10px; padding-bottom: 10%; }
.livechat > p { text-align: center; font-size: 1.25em; line-height: 1.75em; margin: 5% 0 2%; color:#000; }
.livechat > p > span { font-size: 1.75em; line-height: 1.75em; font-weight: 500; }
.livechat > a { text-align: center; padding: 3% 0; width: 80%; background-color: #424242; border-radius: 10px; color: #fff; display:inline-block; margin: 0 10% 10%; }


/* BASIC css end */