@charsed "UTF-8"; /* donation_sec */ .donation_sec{padding:200px 0;} .donation_sec .article_teb{margin:100px 0 0;} .donation_sec .article_teb .artc_title{font-size:28px;font-weight:700;letter-spacing:-0.025em;} .donation_sec .article_teb .artc_title span{color:#51056b;} .donation_sec .article_teb .lst_steps{margin:25px 0 0;} .donation_sec .article_teb .lst_steps li{box-sizing:border-box;position:relative;width:calc(33.33% - 5px);padding:30px;background-color:#f1f1f1;background-repeat:no-repeat;background-position:left 30px center;} .donation_sec .article_teb .lst_steps li:after{content:'';position:absolute;top:50%;right:20px;width:18px;height:25px;background-image:url(../img/icon_arrow.png);background-repeat:no-repeat;background-position:center center;background-size:contain;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);} .donation_sec .article_teb .lst_steps li p{padding:0 0 0 80px;} .donation_sec .article_teb .lst_steps li p.txt_step{font-size:23px;font-weight:500;} .donation_sec .article_teb .lst_steps li p.txt_title{margin:10px 0 0;font-size:18px;font-weight:300;} .donation_sec .article_teb .lst_steps li.item_01{background-image:url(../img/icon_step01.png);} .donation_sec .article_teb .lst_steps li.item_02{background-image:url(../img/icon_step02.png);} .donation_sec .article_teb .lst_steps li.item_03{background-image:url(../img/icon_step03.png);} .donation_sec .article_teb .lst_steps li.active{background-color:#51056b;} .donation_sec .article_teb .lst_steps li.active:after{background-image:url(../img/icon_arrow_w.png);} .donation_sec .article_teb .lst_steps li.active.item_01{background-image:url(../img/icon_step01_w.png);} .donation_sec .article_teb .lst_steps li.active.item_02{background-image:url(../img/icon_step02_w.png);} .donation_sec .article_teb .lst_steps li.active.item_03{background-image:url(../img/icon_step03_w.png);} .donation_sec .article_teb .lst_steps li.active p{color:#fff;} @media all and (max-width:1600px){ .donation_sec .article_teb{margin:97px 0 0;} .donation_sec .article_teb .artc_title{font-size:27px;} .donation_sec .article_teb .lst_steps{margin:24px 0 0;} .donation_sec .article_teb .lst_steps li{padding:29px;background-position:left 29px center;} .donation_sec .article_teb .lst_steps li:after{right:19px;} .donation_sec .article_teb .lst_steps li p{padding:0 0 0 80px;} .donation_sec .article_teb .lst_steps li p.txt_step{font-size:22px;} } @media all and (max-width:1400px){ .donation_sec{padding:190px 0;} .donation_sec .article_teb{margin:92px 0 0;} .donation_sec .article_teb .artc_title{font-size:26px;} .donation_sec .article_teb .lst_steps{margin:23px 0 0;} .donation_sec .article_teb .lst_steps li{padding:28px;background-position:left 28px center;} .donation_sec .article_teb .lst_steps li:after{right:18px;width:17px;height:23px;} .donation_sec .article_teb .lst_steps li p{padding:0 0 0 80px;} .donation_sec .article_teb .lst_steps li p.txt_step{font-size:21px;} .donation_sec .article_teb .lst_steps li p.txt_title{font-size:17px;} } @media all and (max-width:1200px){ .donation_sec{padding:180px 0;} .donation_sec .article_teb{margin:87px 0 0;} .donation_sec .article_teb .artc_title{font-size:24px;} .donation_sec .article_teb .lst_steps{margin:22px 0 0;} .donation_sec .article_teb .lst_steps li{padding:26px;background-position:left 26px center;} .donation_sec .article_teb .lst_steps li:after{right:17px;width:16px;height:22px;} .donation_sec .article_teb .lst_steps li p{padding:0 0 0 80px;} .donation_sec .article_teb .lst_steps li p.txt_step{font-size:20px;} .donation_sec .article_teb .lst_steps li p.txt_title{font-size:16px;} } @media all and (max-width:1000px){ .donation_sec{padding:170px 0;} .donation_sec .article_teb{margin:82px 0 0;} .donation_sec .article_teb .artc_title{font-size:23px;} .donation_sec .article_teb .lst_steps{margin:20px 0 0;} .donation_sec .article_teb .lst_steps li{padding:25px;background-position:left 25px center;background-size:auto 50%;} .donation_sec .article_teb .lst_steps li:after{right:16px;width:15px;height:20px;} .donation_sec .article_teb .lst_steps li p{padding:0 0 0 80px;} .donation_sec .article_teb .lst_steps li p.txt_step{font-size:19px;} .donation_sec .article_teb .lst_steps li p.txt_title{font-size:15px;} } @media all and (max-width:800px){ .donation_sec{padding:160px 0;} .donation_sec .article_teb{margin:77px 0 0;} .donation_sec .article_teb .artc_title{font-size:21px;} .donation_sec .article_teb .lst_steps{margin:19px 0 0;} .donation_sec .article_teb .lst_steps li{padding:23px;background-image:none !important;} .donation_sec .article_teb .lst_steps li:after{right:15px;width:14px;height:19px;} .donation_sec .article_teb .lst_steps li p{padding:0 0 0 20px;} .donation_sec .article_teb .lst_steps li p.txt_step{font-size:18px;} .donation_sec .article_teb .lst_steps li p.txt_title{font-size:14px;} } @media all and (max-width:600px){ .donation_sec{padding:150px 0;} .donation_sec .article_teb{margin:72px 0 0;} .donation_sec .article_teb .artc_title{font-size:20px;} .donation_sec .article_teb .lst_steps{margin:18px 0 0;} .donation_sec .article_teb .lst_steps li{padding:22px;} .donation_sec .article_teb .lst_steps li:after{right:14px;width:13px;height:18px;} .donation_sec .article_teb .lst_steps li p{padding:0;} .donation_sec .article_teb .lst_steps li p.txt_step{font-size:16px;} .donation_sec .article_teb .lst_steps li p.txt_title{font-size:13px;} } @media all and (max-width:500px){ .donation_sec{padding:140px 0;} .donation_sec .article_teb{margin:69px 0 0;} .donation_sec .article_teb .artc_title{font-size:19px;} .donation_sec .article_teb .lst_steps{margin:17px 0 0;} .donation_sec .article_teb .lst_steps li{padding:21px;} .donation_sec .article_teb .lst_steps li:after{display:none;} .donation_sec .article_teb .lst_steps li p.txt_step{font-size:15px;} } @media all and (max-width:380px){ .donation_sec{padding:130px 0;} .donation_sec .article_teb{margin:66px 0 0;} .donation_sec .article_teb .artc_title{font-size:18px;} .donation_sec .article_teb .lst_steps{-webkit-box-lines:multiple;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:16px 0 0;} .donation_sec .article_teb .lst_steps li{width:100%;padding:20px;} .donation_sec .article_teb .lst_steps li:after{display:block;right:13px;width:12px;height:16px;-webkit-transform:translateY(-50%) rotate(90deg);-moz-transform:translateY(-50%) rotate(90deg);-o-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg);} .donation_sec .article_teb .lst_steps li:nth-child(n+2){margin:10px 0 0;} .donation_sec .article_teb .lst_steps li p.txt_step{font-size:15px;} .donation_sec .article_teb .lst_steps li p.txt_title{margin:5px 0 0;font-size:12px;} } @media all and (max-width:350px){ .donation_sec{padding:120px 0;} .donation_sec .article_teb{margin:61px 0 0;} .donation_sec .article_teb .artc_title{font-size:17px;} .donation_sec .article_teb .lst_steps{margin:15px 0 0;} .donation_sec .article_teb .lst_steps li{padding:18px;} .donation_sec .article_teb .lst_steps li:after{right:12px;width:11px;height:15px;} .donation_sec .article_teb .lst_steps li p.txt_step{font-size:14px;} .donation_sec .article_teb .lst_steps li p.txt_title{font-size:11px;} } .donation_sec .step_title{margin:70px 0 0;} .donation_sec .step_title .title{font-weight:500;letter-spacing:-0.025em;color:#51056b;} .donation_sec .step_title .title strong{font-size:25px;font-weight:700;} .donation_sec .sub_step_title .sub_title{font-size:18px;font-weight:700;letter-spacing:-0.025em;color:#51056b;} @media all and (max-width:1600px){ .donation_sec .step_title{margin:68px 0 0;} .donation_sec .step_title .title strong{font-size:24px;} } @media all and (max-width:1400px){ .donation_sec .step_title{margin:65px 0 0;} .donation_sec .step_title .title strong{font-size:23px;} .donation_sec .sub_step_title .sub_title{font-size:17px;} } @media all and (max-width:1200px){ .donation_sec .step_title{margin:61px 0 0;} .donation_sec .step_title .title strong{font-size:22px;} .donation_sec .sub_step_title .sub_title{font-size:16px;} } @media all and (max-width:1000px){ .donation_sec .step_title{margin:57px 0 0;} .donation_sec .step_title .title strong{font-size:20px;} .donation_sec .sub_step_title .sub_title{font-size:15px;} } @media all and (max-width:800px){ .donation_sec .step_title{margin:54px 0 0;} .donation_sec .step_title .title strong{font-size:19px;} .donation_sec .sub_step_title .sub_title{font-size:14px;} } @media all and (max-width:600px){ .donation_sec .step_title{margin:50px 0 0;} .donation_sec .step_title .title strong{font-size:18px;} .donation_sec .sub_step_title .sub_title{font-size:13px;} } @media all and (max-width:500px){ .donation_sec .step_title{margin:48px 0 0;} .donation_sec .step_title .title strong{font-size:17px;} .donation_sec .sub_step_title .sub_title{font-size:13px;} } @media all and (max-width:380px){ .donation_sec .step_title{margin:46px 0 0;} .donation_sec .step_title .title strong{font-size:16px;} .donation_sec .sub_step_title .sub_title{font-size:12px;} } @media all and (max-width:350px){ .donation_sec .step_title{margin:42px 0 0;} .donation_sec .step_title .title strong{font-size:15px;} .donation_sec .sub_step_title .sub_title{font-size:11px;} } .donation_sec .step_form{margin:15px 0 0;} .donation_sec .step_form .form{border-top:solid 3px #51056b;} .donation_sec .step_form .form_content_write{border-bottom:solid 1px #51056b;font-family:'Noto Sans CJK KR, sans-serif';} .donation_sec .step_form .form_content_write > li{min-height:80px;height:80px;border-top:solid 1px #51056b;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:center;} .donation_sec .step_form .form_content_write > li:first-of-type{border-top:none;} .donation_sec .step_form .form_content_write > li.address{height:auto;} .donation_sec .step_form .form_content_write .form_title{width:240px;font-weight:700;text-align:center;} .donation_sec .step_form .form_content_write .form_content{width:calc(100% - 240px);font-weight:500;} .donation_sec .step_form .form_content_write .form_content input, .donation_sec .step_form .form_content_write .form_content select{position: relative; height:40px !important;width:200px;vertical-align:middle;} .donation_sec .step_form .form_content_write .form_content input[disabled], .donation_sec .step_form .form_content_write .form_content select[disabled], .donation_sec .step_form .form_content_write .form_content textarea[disabled], .donation_sec .step_form .form_content_write .form_content input[readonly], .donation_sec .step_form .form_content_write .form_content select[readonly], .donation_sec .step_form .form_content_write .form_content textarea[readonly] {cursor: not-allowed; background-color: #eeeeee;} .donation_sec .step_form .form_content_write .form_content ul{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;} .donation_sec .step_form .form_content_write .form_content ul::after{content:'';display:block;clear:both;} .donation_sec .step_form .form_content_write .form_content ul > li{} .donation_sec .step_form .form_content_write .form_content ul > li:nth-child(n+2){margin:0 0 0 20px;} .donation_sec .step_form .form_content_write .form_content ul > li label{position:relative;vertical-align:middle;padding-left:35px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .donation_sec .step_form .form_content_write .form_content ul > li label input[type="radio"]{position:absolute;opacity:0;cursor:pointer;line-height:2;} .donation_sec .step_form .form_content_write .form_content ul > li label .checkmark{position:absolute;top:50%;left:0;height:20px;width:20px;border:solid 1px #51056b;background:#fff;border-radius:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);} .donation_sec .step_form .form_content_write .form_content ul > li label:hover input[type="radio"] ~ .checkmark{background-color:#51056b;} .donation_sec .step_form .form_content_write .form_content ul > li label input[type="radio"]:checked ~ .checkmark:after{display:block;} .donation_sec .step_form .form_content_write .form_content ul > li label .checkmark:after{content:"";position:absolute;display:none;top:50%;left:50%;width:15px;height:15px;border-radius:50%;background:#51056b;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);} .donation_sec .step_form .form_content_write .form_content ul.list_phone > li::after{content: "-"; position:absolute;top:0;left:0;} .donation_sec .step_form .form_content_write .account_number .form_content .cm_input_cols_list > li{width:50%;} .donation_sec .step_form .form_content_write .account_number .form_content .cm_input_cols_list > li input{width:100%;} @media all and (max-width:1600px){ .donation_sec .step_form .form_content_write > li{min-height:78px;height:78px;} .donation_sec .step_form .form_content_write .form_title{width:230px;} .donation_sec .step_form .form_content_write .form_content{width:calc(100% - 230px);} .donation_sec .step_form .form_content_write .form_content input, .donation_sec .step_form .form_content_write .form_content select{height:39px !important;width:190px;} .donation_sec .step_form .form_content_write .form_content ul > li:nth-child(n+2){margin:0 0 0 19px;} .donation_sec .step_form .form_content_write .form_content ul > li label{padding-left:34px;} .donation_sec .step_form .form_content_write .form_content ul > li label .checkmark{height:19px;width:19px;} .donation_sec .step_form .form_content_write .form_content ul > li label .checkmark:after{width:15px;height:15px;} } @media all and (max-width:1400px){ .donation_sec .step_form .form_content_write > li{min-height:74px;height:74px;} .donation_sec .step_form .form_content_write .form_title{width:220px;} .donation_sec .step_form .form_content_write .form_content{width:calc(100% - 220px);} .donation_sec .step_form .form_content_write .form_content input, .donation_sec .step_form .form_content_write .form_content select{height:37px !important;width:180px;} .donation_sec .step_form .form_content_write .form_content ul > li:nth-child(n+2){margin:0 0 0 18px;} .donation_sec .step_form .form_content_write .form_content ul > li label{padding-left:32px;} .donation_sec .step_form .form_content_write .form_content ul > li label .checkmark{height:18px;width:18px;} .donation_sec .step_form .form_content_write .form_content ul > li label .checkmark:after{width:15px;height:15px;} } @media all and (max-width:1200px){ .donation_sec .step_form .form_content_write > li{min-height:70px;height:70px;} .donation_sec .step_form .form_content_write .form_title{width:210px;} .donation_sec .step_form .form_content_write .form_content{width:calc(100% - 210px);} .donation_sec .step_form .form_content_write .form_content input, .donation_sec .step_form .form_content_write .form_content select{height:35px !important;width:170px;} .donation_sec .step_form .form_content_write .form_content ul > li:nth-child(n+2){margin:0 0 0 17px;} .donation_sec .step_form .form_content_write .form_content ul > li label{padding-left:30px;} .donation_sec .step_form .form_content_write .form_content ul > li label .checkmark{height:17px;width:17px;} .donation_sec .step_form .form_content_write .form_content ul > li label .checkmark:after{width:15px;height:15px;} } @media all and (max-width:1000px){ .donation_sec .step_form{margin:10px 0 0;} .donation_sec .step_form .form_content_write > li{min-height:66px;height:100px;padding:10px 0;} .donation_sec .step_form .form_content_write .form_title{width:150px;} .donation_sec .step_form .form_content_write .form_content{width:calc(100% - 150px);} .donation_sec .step_form .form_content_write .form_content input, .donation_sec .step_form .form_content_write .form_content select{height:33px !important;width:160px;} .donation_sec .step_form .form_content_write .form_content ul > li:nth-child(n+2){margin:0 0 0 16px;} .donation_sec .step_form .form_content_write .form_content ul > li label{padding-left:29px;} .donation_sec .step_form .form_content_write .form_content ul > li label .checkmark{height:16px;width:16px;} .donation_sec .step_form .form_content_write .form_content ul > li label .checkmark:after{width:15px;height:15px;} .donation_sec .step_form .form_content_write .form_content .price_content{-webkit-box-lines:multiple;-ms-flex-wrap:wrap;flex-wrap:wrap;} .donation_sec .step_form .form_content_write .form_content .price_content li.price05{margin:20px 0 0;width:100%;} .donation_sec .step_form .form_content_write .account_number .form_content .cm_input_cols_list > li{width:80%;} } @media all and (max-width:800px){ .donation_sec .step_form .form_content_write > li{-webkit-box-lines:multiple;-ms-flex-wrap:wrap;flex-wrap:wrap;min-height:31px;height:auto;} .donation_sec .step_form .form_content_write .form_title{width:100%;text-align:left;} .donation_sec .step_form .form_content_write .form_content{width:100%;margin:10px 0 0;} .donation_sec .step_form .form_content_write .form_content input, .donation_sec .step_form .form_content_write .form_content select{height:30px !important;width:150px;} .donation_sec .step_form .form_content_write .form_content ul > li:nth-child(n+2){margin:0 0 0 15px;} .donation_sec .step_form .form_content_write .form_content ul > li label{padding-left:27px;} .donation_sec .step_form .form_content_write .form_content ul > li label .checkmark{height:15px;width:15px;} .donation_sec .step_form .form_content_write .form_content ul > li label .checkmark:after{width:15px;height:15px;} .donation_sec .step_form .form_content_write .form_content .price_content li.price05{margin:0 0 0 15px;width:auto;} } @media all and (max-width:600px){ .donation_sec .step_form .form_content_write > li{min-height:29px;} .donation_sec .step_form .form_content_write .form_content input, .donation_sec .step_form .form_content_write .form_content select{height:28px !important;width:100%;} .donation_sec .step_form .form_content_write .form_content ul > li:nth-child(n+2){margin:0 0 0 14px;} .donation_sec .step_form .form_content_write .form_content ul > li label{padding-left:25px;} .donation_sec .step_form .form_content_write .form_content ul > li label .checkmark{height:14px;width:14px;} .donation_sec .step_form .form_content_write .form_content ul > li label .checkmark:after{width:15px;height:15px;} .donation_sec .step_form .form_content_write .form_content ul.cm_input_cols_list li{width:calc(33.33% - 10px);} .donation_sec .step_form .form_content_write .mail .form_content ul.cm_input_cols_list li{width:calc(33.33% - 20px);} .donation_sec .step_form .form_content_write .mail .form_content ul.cm_input_cols_list li:nth-of-type(2){width:auto;} .donation_sec .step_form .form_content_write .account_number .form_content .cm_input_cols_list > li{width:100%;} .donation_sec .step_form .form_content_write .form_content .price_content li.price05{margin:20px 0 0;width:100%;} .donation_sec .step_form .form_content_write .form_content .price_content li.price05 input{width:50%;} } @media all and (max-width:500px){ .donation_sec .step_form{margin:5px 0 0;} .donation_sec .step_form .form_content_write > li{min-height:27px;} .donation_sec .step_form .form_content_write .form_content input, .donation_sec .step_form .form_content_write .form_content select{height:27px !important;} .donation_sec .step_form .form_content_write .form_content ul > li label{padding-left:24px;} .donation_sec .step_form .form_content_write .form_content ul > li label .checkmark:after{width:15px;height:15px;} } @media all and (max-width:380px){ .donation_sec .step_form .form_content_write > li{min-height:26px;} .donation_sec .step_form .form_content_write .form_content input, .donation_sec .step_form .form_content_write .form_content select{height:26px !important;} .donation_sec .step_form .form_content_write .form_content ul > li:nth-child(n+2){margin:0 0 0 13px;} .donation_sec .step_form .form_content_write .form_content ul > li label{padding-left:23px;} .donation_sec .step_form .form_content_write .form_content ul > li label .checkmark{height:13px;width:13px;} .donation_sec .step_form .form_content_write .form_content ul > li label .checkmark:after{width:15px;height:15px;} } @media all and (max-width:350px){ .donation_sec .step_form .form_content_write > li{min-height:24px;} .donation_sec .step_form .form_content_write .form_content input, .donation_sec .step_form .form_content_write .form_content select{height:24px !important;} .donation_sec .step_form .form_content_write .form_content ul > li:nth-child(n+2){margin:0 0 0 12px;} .donation_sec .step_form .form_content_write .form_content ul > li label{padding-left:21px;} .donation_sec .step_form .form_content_write .form_content ul > li label .checkmark{height:12px;width:12px;} .donation_sec .step_form .form_content_write .form_content ul > li label .checkmark:after{width:15px;height:15px;} } .donation_sec .step_form .agree_check{margin:30px 0 0;padding:40px 200px;background:#f1f1f1;} .donation_sec .step_form .agree_check .agree{margin:55px 0 0;font-family:'Noto Sans CJK KR, sans-serif';} .donation_sec .step_form .agree_check .agree:first-of-type{margin:0;} .donation_sec .step_form .agree_check .agree .title{font-size:20px;font-weight:700;text-align:center;} .donation_sec .step_form .agree_check .agree .desc{margin:30px 0 0;} .donation_sec .step_form .agree_check .agree .desc li{position:relative;line-height:1.8;padding:0 0 0 15px;} .donation_sec .step_form .agree_check .agree .desc li::before{content:'*';position:absolute;top:0;left:0;} .donation_sec .step_form .agree_check .agree .radio_btn{margin:25px 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;} .donation_sec .step_form .agree_check .agree .radio_btn:after{content:'';display:block;clear:both;} .donation_sec .step_form .agree_check .agree .radio_btn li{float:left;} .donation_sec .step_form .agree_check .agree .radio_btn li:nth-child(n+2){margin:0 0 0 20px;} .donation_sec .step_form .agree_check .agree .radio_btn li label{position:relative;vertical-align:middle;padding-left:35px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .donation_sec .step_form .agree_check .agree .radio_btn li label input[type="radio"]{position:absolute;opacity:0;cursor:pointer;line-height:2;} .donation_sec .step_form .agree_check .agree .radio_btn li label .checkmark{position:absolute;top:50%;left:0;height:20px;width:20px;border:solid 1px #51056b;background:#fff;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);} .donation_sec .step_form .agree_check .agree .radio_btn li label:hover input[type="radio"] ~ .checkmark{background-color:#51056b;} .donation_sec .step_form .agree_check .agree .radio_btn li label input[type="radio"]:checked ~ .checkmark:after{display:block;} .donation_sec .step_form .agree_check .agree .radio_btn li label .checkmark:after{content:"";position:absolute;display:none;top:50%;left:50%;width:15px;height:15px;background:#51056b;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);} .donation_sec .step_form .agree_check .agree.agree_desc .desc li::before{content:'#';} .krZip{padding:15px 0;} .krZip > div:nth-of-type(n+2){margin:15px 0 0;} .krZip > div label{display:none;} .donation_sec .step_form .form_content_write .form_content .krZip .krzip-address-wrap .krzip-roadAddress, .donation_sec .step_form .form_content_write .form_content .krZip .krzip-detailAddress-wrap .krzip-detailAddress{width:50%;} .krZip .krzip-address-wrap .krzip-jibunAddress, .krZip .krzip-address-wrap .krzip-extraAddress{display:none;} @media all and (max-width:1600px){ .donation_sec .step_form .agree_check{margin:29px 0 0;padding:39px 190px;} .donation_sec .step_form .agree_check .agree{margin:54px 0 0;} .donation_sec .step_form .agree_check .agree .title{font-size:19px;} .donation_sec .step_form .agree_check .agree .desc{margin:29px 0 0;} .donation_sec .step_form .agree_check .agree .radio_btn li:nth-child(n+2){margin:0 0 0 19px;} .donation_sec .step_form .agree_check .agree .radio_btn li label{padding-left:34px;} .donation_sec .step_form .agree_check .agree .radio_btn li label .checkmark{height:19px;width:19px;} } @media all and (max-width:1400px){ .donation_sec .step_form .agree_check{margin:28px 0 0;padding:37px 160px;} .donation_sec .step_form .agree_check .agree{margin:51px 0 0;} .donation_sec .step_form .agree_check .agree .title{font-size:18px;} .donation_sec .step_form .agree_check .agree .desc{margin:28px 0 0;} .donation_sec .step_form .agree_check .agree .radio_btn li:nth-child(n+2){margin:0 0 0 18px;} .donation_sec .step_form .agree_check .agree .radio_btn li label{padding-left:32px;} .donation_sec .step_form .agree_check .agree .radio_btn li label .checkmark{height:18px;width:18px;} } @media all and (max-width:1200px){ .donation_sec .step_form .agree_check{margin:26px 0 0;padding:35px 120px;} .donation_sec .step_form .agree_check .agree{margin:48px 0 0;} .donation_sec .step_form .agree_check .agree .title{font-size:17px;} .donation_sec .step_form .agree_check .agree .desc{margin:26px 0 0;} .donation_sec .step_form .agree_check .agree .radio_btn li:nth-child(n+2){margin:0 0 0 17px;} .donation_sec .step_form .agree_check .agree .radio_btn li label{padding-left:30px;} .donation_sec .step_form .agree_check .agree .radio_btn li label .checkmark{height:17px;width:17px;} } @media all and (max-width:1000px){ .donation_sec .step_form .agree_check{margin:25px 0 0;padding:33px 94px;} .donation_sec .step_form .agree_check .agree{margin:45px 0 0;} .donation_sec .step_form .agree_check .agree .title{font-size:16px;} .donation_sec .step_form .agree_check .agree .desc{margin:25px 0 0;} .donation_sec .step_form .agree_check .agree .desc li{padding:0 0 0 10px;} .donation_sec .step_form .agree_check .agree .radio_btn li:nth-child(n+2){margin:0 0 0 16px;} .donation_sec .step_form .agree_check .agree .radio_btn li label{padding-left:29px;} .donation_sec .step_form .agree_check .agree .radio_btn li label .checkmark{height:16px;width:16px;} .donation_sec .step_form .agree_check .agree .radio_btn li label .checkmark:after{width:10px;height:10px;} .krZip{padding:10px 0;} .krZip > div:nth-of-type(n+2){margin:10px 0 0;} .donation_sec .step_form .form_content_write .form_content .krZip .krzip-address-wrap .krzip-roadAddress, .donation_sec .step_form .form_content_write .form_content .krZip .krzip-detailAddress-wrap .krzip-detailAddress{width:80%;} } @media all and (max-width:800px){ .donation_sec .step_form .agree_check{margin:23px 0 0;padding:30px 64px;} .donation_sec .step_form .agree_check .agree{margin:42px 0 0;} .donation_sec .step_form .agree_check .agree .title{font-size:15px;} .donation_sec .step_form .agree_check .agree .desc{margin:23px 0 0;} .donation_sec .step_form .agree_check .agree .radio_btn li:nth-child(n+2){margin:0 0 0 15px;} .donation_sec .step_form .agree_check .agree .radio_btn li label{padding-left:27px;} .donation_sec .step_form .agree_check .agree .radio_btn li label .checkmark{height:15px;width:15px;} } @media all and (max-width:600px){ .donation_sec .step_form .agree_check{margin:22px 0 0;padding:28px 33px;} .donation_sec .step_form .agree_check .agree{margin:39px 0 0;} .donation_sec .step_form .agree_check .agree .title{font-size:14px;} .donation_sec .step_form .agree_check .agree .desc{margin:22px 0 0;} .donation_sec .step_form .agree_check .agree .radio_btn li:nth-child(n+2){margin:0 0 0 14px;} .donation_sec .step_form .agree_check .agree .radio_btn li label{padding-left:25px;} .donation_sec .step_form .agree_check .agree .radio_btn li label .checkmark{height:14px;width:14px;} .donation_sec .step_form .form_content_write .form_content .krZip .krzip-postcode-wrap input[type="text"]{width:70%;} .donation_sec .step_form .form_content_write .form_content .krZip .krzip-postcode-wrap input[type="button"]{width:29%;} .donation_sec .step_form .form_content_write .form_content .krZip .krzip-address-wrap .krzip-roadAddress, .donation_sec .step_form .form_content_write .form_content .krZip .krzip-detailAddress-wrap .krzip-detailAddress{width:100%;} } @media all and (max-width:500px){ .donation_sec .step_form .agree_check .agree{margin:38px 0 0;} .donation_sec .step_form .agree_check .agree .desc{margin:21px 0 0;} .donation_sec .step_form .agree_check .agree .desc li{padding:0 0 0 5px;} .donation_sec .step_form .agree_check .agree .radio_btn li label{padding-left:24px;} .donation_sec .step_form .agree_check .agree .radio_btn li label .checkmark:after{width:5px;height:5px;} .krZip{padding:5px 0;} .krZip > div:nth-of-type(n+2){margin:5px 0 0;} .donation_sec .step_form .form_content_write .form_content .krZip .krzip-postcode-wrap input[type="button"]{width:28%;} } @media all and (max-width:380px){ .donation_sec .step_form .agree_check{margin:20px 0 0;padding:26px 20px;} .donation_sec .step_form .agree_check .agree{margin:36px 0 0;} .donation_sec .step_form .agree_check .agree .title{font-size:13px;} .donation_sec .step_form .agree_check .agree .desc{margin:20px 0 0;} .donation_sec .step_form .agree_check .agree .radio_btn li:nth-child(n+2){margin:0 0 0 13px;} .donation_sec .step_form .agree_check .agree .radio_btn li label{padding-left:23px;} .donation_sec .step_form .agree_check .agree .radio_btn li label .checkmark{height:13px;width:13px;} } @media all and (max-width:350px){ .donation_sec .step_form .agree_check{margin:18px 0 0;padding:24px 10px;} .donation_sec .step_form .agree_check .agree{margin:33px 0 0;} .donation_sec .step_form .agree_check .agree .title{font-size:12px;} .donation_sec .step_form .agree_check .agree .desc{margin:18px 0 0;} .donation_sec .step_form .agree_check .agree .radio_btn li:nth-child(n+2){margin:0 0 0 12px;} .donation_sec .step_form .agree_check .agree .radio_btn li label{padding-left:21px;} .donation_sec .step_form .agree_check .agree .radio_btn li label .checkmark{height:12px;width:12px;} } .donation_sec .step_form .step_desc ul{margin:45px 0 0;} .donation_sec .step_form .step_desc ul li{line-height:1.5;margin:5px 0 0;font-weight:400;font-family:'Noto Sans CJK KR, sans-serif';} .donation_sec .step_form .step_desc ul li::before{content:'*';display:inline-block;margin:0 5px 0 0;} @media all and (max-width:1600px){ .donation_sec .step_form .step_desc ul{margin:44px 0 0;} } @media all and (max-width:1400px){ .donation_sec .step_form .step_desc ul{margin:42px 0 0;} } @media all and (max-width:1200px){ .donation_sec .step_form .step_desc ul{margin:39px 0 0;} } @media all and (max-width:1000px){ .donation_sec .step_form .step_desc ul{margin:37px 0 0;} } @media all and (max-width:800px){ .donation_sec .step_form .step_desc ul{margin:35px 0 0;} } @media all and (max-width:600px){ .donation_sec .step_form .step_desc ul{margin:33px 0 0;} } @media all and (max-width:500px){ .donation_sec .step_form .step_desc ul{margin:31px 0 0;} } @media all and (max-width:380px){ .donation_sec .step_form .step_desc ul{margin:30px 0 0;} } @media all and (max-width:350px){ .donation_sec .step_form .step_desc ul{margin:28px 0 0;} } .donation_sec .step_button_area{margin:80px 0 0;} .donation_sec .step_button_area .step_btns{background:#f1f1f1;-webkit-box-shadow:4px 4px 7px 0px rgba(0, 0, 0, 0.35);-moz-box-shadow:4px 4px 7px 0px rgba(0, 0, 0, 0.35);box-shadow:4px 4px 7px 0px rgba(0, 0, 0, 0.35);} .donation_sec .step_button_area .step_btns .btn_step{display:block;padding: 20px 40px;font-size:25px;font-weight:500;color:#474747;background: none;} .donation_sec .step_button_area .step_btns:nth-child(n+2){margin:0 0 0 20px;} .donation_sec .step_button_area .step_btns.next{background:#51056b;} .donation_sec .step_button_area .step_btns.next .btn_step{color:#fff;} .donation_sec .step_button_area .step_btns.prev .btn_stepa::before{content:'<';display:inline-block;margin:0 10px;} .donation_sec .step_button_area .step_btns.next .btn_step::after{content:'>';display:inline-block;margin:0 10px;} @media all and (max-width:1600px){ .donation_sec .step_button_area{margin:78px 0 0;} .donation_sec .step_button_area .step_btns .btn_step{padding:19px 39px; font-size:24px;} .donation_sec .step_button_area .step_btns:nth-child(n+2){margin:0 0 0 19px;} } @media all and (max-width:1400px){ .donation_sec .step_button_area{margin:74px 0 0;} .donation_sec .step_button_area .step_btns a{padding:18px 37px;font-size:23px;} .donation_sec .step_button_area .step_btns:nth-child(n+2){margin:0 0 0 18px;} } @media all and (max-width:1200px){ .donation_sec .step_button_area{margin:70px 0 0;} .donation_sec .step_button_area .step_btns .btn_step{padding:17px 35px;font-size:22px;} .donation_sec .step_button_area .step_btns:nth-child(n+2){margin:0 0 0 17px;} } @media all and (max-width:1000px){ .donation_sec .step_button_area{margin:66px 0 0;} .donation_sec .step_button_area .step_btns .btn_step{padding:16px 33px;font-size:20px;} .donation_sec .step_button_area .step_btns:nth-child(n+2){margin:0 0 0 16px;} } @media all and (max-width:800px){ .donation_sec .step_button_area{margin:62px 0 0;} .donation_sec .step_button_area .step_btns .btn_step{padding:15px 30px;font-size:19px;} .donation_sec .step_button_area .step_btns:nth-child(n+2){margin:0 0 0 15px;} } @media all and (max-width:600px){ .donation_sec .step_button_area{margin:58px 0 0;} .donation_sec .step_button_area .step_btns .btn_step{padding:14px 28px;font-size:18px;} .donation_sec .step_button_area .step_btns:nth-child(n+2){margin:0 0 0 14px;} } @media all and (max-width:500px){ .donation_sec .step_button_area{margin:55px 0 0;} .donation_sec .step_button_area .step_btns .btn_step{padding:14px;font-size:17px;} } @media all and (max-width:380px){ .donation_sec .step_button_area{margin:53px 0 0;} .donation_sec .step_button_area .step_btns .btn_step{padding:13px;font-size:16px;} .donation_sec .step_button_area .step_btns:nth-child(n+2){margin:0 0 0 13px;} } @media all and (max-width:350px){ .donation_sec .step_button_area{margin:49px 0 0;} .donation_sec .step_button_area .step_btns .btn_step{padding:12px;font-size:15px;} .donation_sec .step_button_area .step_btns:nth-child(n+2){margin:0 0 0 12px;} } .donation_sec .article_complete{padding:60px 0 75px;} .donation_sec .article_complete .box_cont{text-align:center;} .donation_sec .article_complete .box_cont .box_txt{color:#333;} .donation_sec .article_complete .box_cont .box_txt .title{font-size:32px;font-weight:700;} .donation_sec .article_complete .box_cont .box_txt .desc{line-height:1.8;margin:35px 0 0;font-size:20px;font-weight:500;} .donation_sec .article_complete .box_cont .box_button{display:inline-block;margin:45px 0 0;background:#ffc000;} .donation_sec .article_complete .box_cont .box_button a{display:block;padding:20px 60px;font-size:25px;font-weight:700;letter-spacing:-0.025em;color:#0c1048;} @media all and (max-width:1600px){ .donation_sec .article_complete{padding:58px 0 73px;} .donation_sec .article_complete .box_cont .box_txt .title{font-size:31px;} .donation_sec .article_complete .box_cont .box_txt .desc{margin:34px 0 0;font-size:19px;} .donation_sec .article_complete .box_cont .box_button{margin:44px 0 0;} .donation_sec .article_complete .box_cont .box_button a{display:block;padding:19px 58px;font-size:24px;} } @media all and (max-width:1400px){ .donation_sec .article_complete{padding:55px 0 69px;} .donation_sec .article_complete .box_cont .box_txt .title{font-size:30px;} .donation_sec .article_complete .box_cont .box_txt .desc{margin:32px 0 0;font-size:18px;} .donation_sec .article_complete .box_cont .box_button{margin:42px 0 0;} .donation_sec .article_complete .box_cont .box_button a{padding:18px 55px;font-size:23px;} } @media all and (max-width:1200px){ .donation_sec .article_complete{padding:52px 0 66px;} .donation_sec .article_complete .box_cont .box_txt .title{font-size:28px;} .donation_sec .article_complete .box_cont .box_txt .desc{margin:30px 0 0;font-size:17px;} .donation_sec .article_complete .box_cont .box_button{margin:39px 0 0;} .donation_sec .article_complete .box_cont .box_button a{padding:17px 52px;font-size:22px;} } @media all and (max-width:1000px){ .donation_sec .article_complete{padding:49px 0 62px;} .donation_sec .article_complete .box_cont .box_txt .title{font-size:26px;} .donation_sec .article_complete .box_cont .box_txt .desc{margin:29px 0 0;font-size:16px;} .donation_sec .article_complete .box_cont .box_button{margin:37px 0 0;} .donation_sec .article_complete .box_cont .box_button a{padding:16px 49px;font-size:20px;} } @media all and (max-width:800px){ .donation_sec .article_complete{padding:46px 0 58px;} .donation_sec .article_complete .box_cont .box_txt .title{font-size:25px;} .donation_sec .article_complete .box_cont .box_txt .desc{margin:27px 0 0;font-size:15px;} .donation_sec .article_complete .box_cont .box_button{margin:35px 0 0;} .donation_sec .article_complete .box_cont .box_button a{padding:15px 46px;font-size:19px;} } @media all and (max-width:600px){ .donation_sec .article_complete{padding:43px 0 54px;} .donation_sec .article_complete .box_cont .box_txt .title{font-size:23px;} .donation_sec .article_complete .box_cont .box_txt .desc{margin:25px 0 0;font-size:14px;} .donation_sec .article_complete .box_cont .box_button{margin:33px 0 0;} .donation_sec .article_complete .box_cont .box_button a{padding:14px 43px;font-size:18px;} } @media all and (max-width:500px){ .donation_sec .article_complete{padding:42px 0 52px;} .donation_sec .article_complete .box_cont .box_txt .title{font-size:22px;} .donation_sec .article_complete .box_cont .box_txt .desc{margin:24px 0 0;} .donation_sec .article_complete .box_cont .box_button a{font-size:17px;} } @media all and (max-width:380px){ .donation_sec .article_complete{padding:40px 0 50px;} .donation_sec .article_complete .box_cont .box_txt .title{font-size:21px;} .donation_sec .article_complete .box_cont .box_txt .desc{margin:23px 0 0;font-size:13px;} .donation_sec .article_complete .box_cont .box_button{margin:30px 0 0;} .donation_sec .article_complete .box_cont .box_button a{padding:13px 40px;font-size:16px;} } @media all and (max-width:350px){ .donation_sec .article_complete{padding:37px 0 46px;} .donation_sec .article_complete .box_cont .box_txt .title{font-size:19px;} .donation_sec .article_complete .box_cont .box_txt .desc{margin:21px 0 0;font-size:12px;} .donation_sec .article_complete .box_cont .box_button{margin:28px 0 0;} .donation_sec .article_complete .box_cont .box_button a{padding:12px 37px;font-size:15px;} }