@charset "utf-8";

/* Mobile */
/* 기부하기 절차 */
.donate>div:after { background-position: 28%;}
/* 기부받기 신청 */
.bbs_write {min-width: 87%;}
.bbs_write td {width: 100%;}

/* Mobile */
/* 기부 신청 */
.gibu_choice .choice_btn a::before {content: ''; background: url(/images/06_gibu/content/sub02/gibu_ico.png)no-repeat; center; width: 100px ; height: 150px; position: absolute; left: 28%;  top:10%;background-size: 100%;}
.gibu_choice .choice_btn a.gibu_ico1::before {background: url(/images/06_gibu/content/sub02/gibu_ico04.png)no-repeat;background-size: 100%;width: 140px;}
.gibu_choice .choice_btn a.gibu_ico2::before {background: url(/images/06_gibu/content/sub02/gibu_ico02.png)no-repeat;background-size: 100%;}
.gibu_choice .choice_btn a.gibu_ico3::before {background: url(/images/06_gibu/content/sub02/gibu_ico03.png)no-repeat;background-size: 100%;width: 130px;}
.gibu_choice .choice_btn a.gibu_ico4::before {background: url(/images/06_gibu/content/sub02/gibu_ico05.png)no-repeat;background-size: 100%;width: 150px;}
.gibu_choice .choice_btn a {transition:.3s all; display: block; position: relative; padding: 180px 20px 10px; background: var(--bggray1); border-radius: 10px;  overflow: hidden;  text-align: center;  font-size: 25px; min-height: 80px;max-width: 220px;margin: 0 auto 20px auto; line-height: 4;font-weight: 500; color: #4053b4;}
.gibu_choice .choice_btn li a:hover, .choice_btn li a:active,.choice_btn li a:focus {background: #bacafb;color: #253255; font-weight: 600;box-shadow: 0 0 10px rgba(0, 0, 0, .2);}

.gibu_step { margin: 30px 0 0 0;}
.gibu_step li { padding: 15px; margin-bottom: 5px; text-align: center; box-sizing: border-box; position: relative;  border-radius: 20px;  background: var(--bggray1);  color: var(--dkgray);}
.gibu_step li * {vertical-align: middle!important;}
.gibu_step li:first-child {border: none;}
.gibu_step li.on { background: var(--point3);}
.gibu_step li .num { position: relative; font-weight: bold; font-size: 12px; margin: 0 10px 0 0; z-index: 1; width: auto;  height: auto; background: none;  color: #343a40; line-height: normal;}
.gibu_step li .num:after {content: ""; position: absolute; width: 116%; height: 6px; left: -8%;  bottom: 0;  z-index: -1; background: var(--point3);}
.gibu_step li.on .num:after {background: #fff;}
.gibu_step li strong {font-size: 16px; font-weight: 700;}
.gibu_step li span {font-style: normal; font-size: 14px; display: block; color: #000;}

.agree_box p * {vertical-align: middle!important;}
.agree_box .ag_txt { padding: 30px 20px; border: solid 1px #ebecef; height: 220px; overflow-y: auto;  box-sizing: border-box; border-radius:20px 20px 0 0;}
.agree_box .txt_box p { font-size: 17px; padding: 15px;  background: var(--bgpoint);  margin: 0;border-radius:0 0 20px 20px;font-weight: 300;}
.agree_box .txt_box span {display: block;}
.agree_box label { font-weight: 600; color: #000; margin: 0 0 0 5px;}
.agree_box p input[type=checkbox] {width: 20px; height: 20px; border-radius: 5px;}
.agree_box .txt_box p input {margin-right: 10px;}

/* Tablet */
@media all and (min-width:768px) {
.gibu_choice .choice_btn {overflow: hidden;margin: 0 auto; max-width: 900px;}
.gibu_choice .choice_btn li {width: calc(100%/2 - 12px); margin: 0 19px 20px 0; display: inline-block;}
.gibu_choice .choice_btn li:nth-of-type(2n) {margin-right: 0;}
.gibu_choice .choice_btn a::before {left: 37%;}
.gibu_choice .choice_btn a.gibu_ico1::before {left: 33%;}
.gibu_choice .choice_btn a.gibu_ico3::before {top: 14%;}
.gibu_choice .choice_btn a.gibu_ico4::before {left: 32%;}
.gibu_choice .choice_btn a {max-width: 400px; margin: 0;;}

.gibu_step ol { overflow: hidden; text-align: center; font-size: 0;}
.gibu_step li:first-child {margin-left: 0;}
.gibu_step li:first-child::after {content:none;}
.gibu_step li {display: inline-block; position: relative; margin-left: 60px; width: 20%; max-width: 250px;border-radius: 50px;}
.gibu_step li strong  { font-size: 20px;}
.gibu_step li span { margin-top: 4px;}
.gibu_step li::after { content: "";  position: absolute; left: -30px; top: 50%; transform: translate(-50%, -50%); width: 18px; height: 17px;  background: url(/images/common/basic_step1.png) no-repeat;}
}

/* Desktop */
@media all and (min-width:1023px) {
.gibu_choice .choice_btn {max-width: 1600px;}
.gibu_choice .choice_btn li {width: calc(100%/5 - 12px); margin: 0 10px 20px 0;}
.gibu_choice .choice_btn li:nth-of-type(2n) {margin-right: 10px;}
.gibu_choice .choice_btn li:nth-of-type(5) {margin-right: 0;}
.gibu_choice .choice_btn a::before {left: 23%;}
.gibu_choice .choice_btn a.gibu_ico1::before { width: 130px;left: 16%;}
.gibu_choice .choice_btn a.gibu_ico3::before {width: 125px;left: 16%;}
.gibu_choice .choice_btn a.gibu_ico4::before {width: 145px; left: 10%;}
.gibu_choice .choice_btn a {padding: 200px 20px 10px;}
.gibu_choice .choice_btn a.gibu_ico {border-radius: 30px 10px 10px 30px;}
.gibu_choice .choice_btn a.gibu_ico4 {border-radius: 10px 30px 30px 10px;}
}

/* Desktop wide*/
@media (min-width:1600px) {
.gibu_choice .choice_btn a::before {left: 27%;}
.gibu_choice .choice_btn a.gibu_ico1::before {left: 25%;}
.gibu_choice .choice_btn a.gibu_ico3::before {left: 25%;}
.gibu_choice .choice_btn a.gibu_ico4::before {left: 20%;}
} 

/* Mobile */
/* 신청 정보 입력 */
.gibu_area li {display: inline-block; width: 110px;}
.txt_cm { position: relative; }
.txt_cm { padding-left: 35px;}
.txt_cm::before {content: ''; background: url(/images/common/notice_ico.png)no-repeat; background-position: 64% 10%;  width: 35px;  height: 25px; display: inline-block; top:-1px; left:-2px; position: absolute; background-size: 2000%;}
.bbs_table .input_cal {background: url(/images/bbs/bbs_ico_cal.jpg) no-repeat;}
.bbs_table input[type=file] {height:auto;}
/* Tablet */
@media all and (min-width:768px) {

}

/* Desktop */
@media all and (min-width:1023px) {

}

/* Desktop wide*/
@media (min-width:1600px) {

} 

/* Desktop */
@media all and (min-width:1023px) {
/* 참여방법 */
.w72 {width:72%;}
}

/* Desktop wide*/
@media (min-width:1600px) {


}