@charset "UTF-8";
.container,.title{width:100%;position:relative}
.donation__process,.title{top:0;left:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-webkit-box-direction:normal;-moz-box-direction:normal}
.container,.contents,.donation,.title,.title img{position:relative}
.container{padding:0;max-width:900px;height:auto;margin:0 auto}
.title{font-size:30px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.6;letter-spacing:1px;text-align:center;color:#000;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.contents,.donation__process-box{letter-spacing:normal;color:#4b4b4b;font-weight:400;font-stretch:normal;font-style:normal;text-align:center}
.title img{width:48px;height:48px;margin:0 0 0 -45px}
.contents{top:0;left:0;margin:10px 0 0;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:17px;line-height:1.53;padding-bottom:20px}
.contents .line{margin:10px auto 30px;width:1px;height:30px;background-color:#d70c19}
.donation{width:100%;height:auto;padding:0;background-color:#fffbe7}
.donation .container{padding:130px 0 0;background-color:#fff}
.donation__process{position:absolute;width:100%;height:90px;margin:0;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.donation__process-box{position:relative;width:-webkit-calc(100% / 3 + 20px);width:-moz-calc(100% / 3 + 20px);width:calc(100% / 3 + 20px);height:90px;margin:0 -15px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-clip-path:polygon(0 0,90% 0,100% 50%,90% 100%,0 100%);clip-path:polygon(0 0,90% 0,100% 50%,90% 100%,0 100%);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;font-size:15px;line-height:1.87;border:1px solid #c2c2c2;background-color:#f1f1f1}
.donation__process-box img{position:relative;width:50px;height:40px;margin:0 0 5px}
.donation__process-box::after,.donation__process-box::before{content:'';position:absolute;right:-16px;width:46px;height:2px;background-color:#c2c2c2}
.donation__process-box::before{top:21px;-webkit-transform:rotate(72deg);-moz-transform:rotate(72deg);-ms-transform:rotate(72deg);-o-transform:rotate(72deg);transform:rotate(72deg)}
.donation__process-box::after{bottom:21px;-webkit-transform:rotate(-72deg);-moz-transform:rotate(-72deg);-ms-transform:rotate(-72deg);-o-transform:rotate(-72deg);transform:rotate(-72deg)}
.donation__process .processBox0{z-index:3}
.donation__process .processBox1{z-index:2}
.donation__process .processBox2{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);z-index:1}
.donation__process .processBox2::after,.donation__process .processBox2::before{height:0}
.donation__process .active{background-color:#f5d2d4;color:#cc2027;border:1px solid #d70c19}
.donation__process .active::after,.donation__process .active::before{background-color:#d70c19}
.donation__wrapper{position:relative;width:100%;height:auto}
.donation__wrapper .title{position:relative;font-size:20px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.6;letter-spacing:1px;text-align:center;color:#000}
.donation__wrapper .container__form{text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:30px 0 60px}
.donation__wrapper .container__form .wrapper__item__inner{padding-left:10px;padding-right:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.donation__wrapper .container__form .wrapper__item__inner .label{cursor:pointer;width:100%;height:48px;line-height:22px;font-size:16px;font-weight:600;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.donation__wrapper .container__form .wrapper__item__inner .label input[type=checkbox]{display:none}
.donation__wrapper .container__form .wrapper__item__inner .label input[type=checkbox]:checked~.c_check_wrapper{background-color:rgba(255,131,2,.5)}
.donation__wrapper .container__form .wrapper__item__inner .label input[type=checkbox]:checked~.c_check_wrapper .c_check{background-color:#ff8302}
.donation__wrapper .container__form .wrapper__item__inner .label input[type=checkbox]:checked~.c_check_wrapper .c_check:after{content:"";display:block;position:relative;left:4px;top:0;width:5px;height:10px;border:solid #FFF;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.donation__wrapper .container__form .wrapper__item__inner .label .c_check_wrapper{-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;margin-right:4px;vertical-align:middle;position:relative;display:inline-block;width:22px;height:22px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background-color:rgba(255,131,2,0);margin-left:10px}
.donation__wrapper .container__form .wrapper__item__inner .label .c_check_wrapper .c_check{-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;margin:2px;vertical-align:top;position:relative;display:inline-block;width:16px;height:16px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;border:1px solid #272727;background-color:rgba(255,131,2,0)}
.donation__wrapper .container__form .wrapper__item__inner .label .c_check_value{width:-webkit-calc(100% - 22px);width:-moz-calc(100% - 22px);width:calc(100% - 22px)}
.donation__wrapper .container__form .wrapper__item__inner .btn{margin:50px auto 0;cursor:pointer;outline:0;border:0;display:block;width:300px;height:48px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 4px 6px 0 rgba(0,0,0,.15);-moz-box-shadow:0 4px 6px 0 rgba(0,0,0,.15);box-shadow:0 4px 6px 0 rgba(0,0,0,.15);background-color:#cc2027;font-size:18px;font-weight:500;color:#FFF}
.donation__wrapper .container__form .wrapper__item__inner .wrapper__item{position:relative;text-align:left;width:100%;margin-bottom:30px;padding-left:10px;padding-right:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:16px}
.donation__wrapper .container__form .wrapper__item__inner .wrapper__item input[type=radio]{display:none}
.donation__wrapper .container__form .wrapper__item__inner .wrapper__item input[type=radio]:checked+.tabe{background-color:#ff8302;color:#FFF}
.donation__wrapper .container__form .wrapper__item__inner .wrapper__item .wrapper__item__title{height:48px;width:100%;display:block}
.donation__wrapper .container__form .wrapper__item__inner .wrapper__item .tabe{margin:5px;position:relative;cursor:pointer;width:30%;height:48px;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;-webkit-box-shadow:0 4px 6px 0 rgba(0,0,0,.15);-moz-box-shadow:0 4px 6px 0 rgba(0,0,0,.15);box-shadow:0 4px 6px 0 rgba(0,0,0,.15);background-color:#e2e2e2;display:inline-block;text-align:center;line-height:48px;font-size:16px;font-weight:600;color:#272727}
.donation__wrapper .container__form .wrapper__item__inner .wrapper__item .error_text{color:#f44336;font-size:14px;display:none;position:absolute;top:35px}
.donation__wrapper .container__form .wrapper__item__inner .wrapper__item .wrapper__item__row.erroe .error_text{display:block}
.donation__wrapper .container__form .wrapper__item__inner .wrapper__item .wrapper__item__row{position:relative;width:-webkit-calc(50% - 20px);width:-moz-calc(50% - 20px);width:calc(50% - 20px);padding-left:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.donation__wrapper .container__form .wrapper__item__inner .wrapper__item .wrapper__item__row .error_text{color:#f44336;font-size:14px;display:none;position:absolute;top:35px}
.donation__wrapper .container__form .wrapper__item__inner .wrapper__item .i-label{font-size:16px;font-weight:500;position:absolute;top:10px;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.donation__wrapper .container__form .wrapper__item__inner .wrapper__item input{-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;background-color:transparent;display:block;width:100%;outline:0;border:0;border-bottom:1px solid #000;margin-bottom:20px;margin-top:0;color:#000;font-size:16px;letter-spacing:1px;height:20px;padding-top:10px;font-weight:600}
.donation__wrapper .container__form .wrapper__item__inner .wrapper__item input:focus{border-bottom:2px solid #ff8302;height:19px}
.donation__wrapper .container__form .wrapper__item__inner .wrapper__item input:focus~.i-label{color:#ff8302;top:-15px}
.donation__wrapper .container__form .wrapper__item__inner .wrapper__item input:not([value=""])~.i-label{color:#000;top:-15px}
.donation__wrapper .container__form .wrapper__item__inner .wrapper__item label{font-size:16px;font-weight:500;color:#000;position:absolute;top:-15px;left:10px}
.donation__wrapper .container__form .wrapper__item__inner .wrapper__item.error .error_text{display:block}
.donation__wrapper .container__form .wrapper__item__inner .w50{width:50%}
.donation__wrapper .container__form .wrapper__item__inner .w20{width:20%}
.donation__wrapper .container__form .wrapper__item__inner .w30{width:30%}
.donation__wrapper .container__form .wrapper__remark{height:40px;margin-top:-20px;padding-left:20px;padding-right:20px;line-height:22px;padding-bottom:30px}
@media only screen and (min-width:440px){.list__wrapper .list__footer nav .pagination li{margin:9px}
.list__wrapper .list__footer nav .pagination li:nth-child(5){display:block}
}
@media only screen and (min-width:768px){.container{width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 40px);padding:0 20px}
.container__inner{max-width:900px}
.title{font-size:36px;line-height:1.72;letter-spacing:2px}
.title img{width:60px;height:60px;margin:0 0 0 -55px}
.contents{font-size:22px;line-height:1.82;padding-bottom:20px}
.contents .line{margin-top:20px;height:50px}
.donation{padding:85px 0 0}
.donation .container{padding:105px 0 0}
.donation__process{top:-45px;left:50%;width:646px;height:90px;margin:0 0 0 -323px}
.donation__process-box{width:236px;height:90px;margin:0 -15px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;font-size:18px;font-weight:500;line-height:1.56;letter-spacing:2px}
.donation__process-box img{width:50px;height:40px}
.donation__process-box::before{top:14px;right:-19px;width:68px;height:1px;-webkit-transform:rotate(62deg);-moz-transform:rotate(62deg);-ms-transform:rotate(62deg);-o-transform:rotate(62deg);transform:rotate(62deg)}
.donation__process-box::after{bottom:14px;right:-19px;width:68px;height:1px;-webkit-transform:rotate(-62deg);-moz-transform:rotate(-62deg);-ms-transform:rotate(-62deg);-o-transform:rotate(-62deg);transform:rotate(-62deg)}
.donation__wrapper .title{font-size:30px;line-height:1.6;letter-spacing:1px}
.donation__wrapper .container__form{padding:30px 130px 60px}
.donation__wrapper .container__form .wrapper__item__inner .wrapper__item{-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.donation__wrapper .container__form .wrapper__item__inner .wrapper__item .wrapper__item__title{height:48px;width:90px}
.donation__wrapper .container__form .wrapper__item__inner .wrapper__item .tabe{width:170px}
.donation__wrapper .container__form .wrapper__item__inner .w30{width:30%}
.donation__wrapper .container__form .wrapper__item__inner .w70{width:70%}
.donation__wrapper .container__form .wrapper__remark{padding-bottom:10px}
}