.s0401_stepbox ul li{width: 32.5%;float:left;border: 4px solid #64bbe9;box-sizing:border-box;padding:120px 15px 30px;position:relative;margin-right: 7px;text-align:center;height:400px;border-radius: 25px;box-shadow: 3px 3px 6px rgb(0 0 0 / 8%);}
.s0401_stepbox ul li:after{position:absolute;right:-20px;content:'';top:45%;background: url(/pages/fund/img/sub/sub0401_arrow.png) no-repeat;width:34px;height:34px;z-index:9 }
.s0401_stepbox ul li:last-child:after{display:none}
.s0401_stepbox ul li dt{font-size:28px;font-weight:700;color:#000;margin:10px 0 20px}
.s0401_stepbox ul li dd{text-align:left;letter-spacing: -1px;font-size: 18px;}
.s0401_stepbox ul li h5{color: #2196F3;font-weight:700;font-size: 18px;}
.s0401_stepbox ul li.s0401_step1{background:#fffffe url(/pages/new_fund/img/sub/gu_icon1.png) no-repeat center 35px;background-size: 75px;}
.s0401_stepbox ul li.s0401_step1 dl dd{display: flex; align-content: center;justify-content: center;}
.s0401_stepbox ul li.s0401_step2{background:#fffffe url(/pages/new_fund/img/sub/gu_icon2.png) no-repeat center 35px;background-size: 75px;}
.s0401_stepbox ul li.s0401_step2 dl dd{
    display: inline-block;}
.s0401_stepbox ul li.s0401_step3{background:#fffffe url(/pages/new_fund/img/sub/gu_icon3.png) no-repeat center 35px;background-size: 75px;}
.s0401_stepbox ul li.s0401_step3 dl dd{display: flex; align-content: center;justify-content: center;}
.donation_online{width:100%;padding:20px;box-sizing:border-box;text-align:center;background:#369f67;color:#fff;display:block;clear:both}
.donation_online:hover{background:#25804f;text-decoration:none;font-weight:700}
.donation_online span{background:url(../img/sub/btn_link_icon.png) right top no-repeat;padding-right:21px}

.support_mailbox{width:98%;margin-bottom: 50px; display: flex;padding: 30px 0 10px 0;border: solid 1px #ffffff;margin: 0 auto;background: #f3f2f2;border-bottom-right-radius: 30px;margin: 30px 0 50px 0;float: left;flex-direction: row;justify-content: center;}
.support_mail{background: url('/pages/new_fund/img/sub/gu_icon4.png') no-repeat 45px 15px;padding-left: 128px;width: 40%;}
.support_mail2{}
.fund_down {margin-top: 30px;margin-right: 15px; width: 98%;}
.s_tit{font-size:18px}
.fund_down dl dd{display:inline-block; }
.fund_down dl .hwp_blue {float:left;margin-right: 5px;font-size:16px }
.fund_down dl .pdf_red  {float:left;margin-right:5px;font-size:16px }
.fund_down dl .word {float:left;margin-right:15px;font-size:16px; margin-top: 14px; }
.fund_down dl .word a {color: #35b1e9;background: #fff;
    padding: 5px 8px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: bold;}

/****** 1200 ******/
@media screen and (max-width: 1200px) {
.support_mailbox {width: 96%;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;}
.support_mail { width: calc(100% / 1 - -30px);}
.fund_down {margin-top: 0px;}
}

/****** 960 ******/
@media screen and (max-width: 960px) {

.fund_down {margin-top: 0px;}
}

/****** Tablet Device ******/
@media screen and (min-width:691px) and (max-width:899px) {
.s0401_stepbox ul li dd {font-size: 16px;line-height:22px}
.s0401_stepbox ul li{width:31.5%;font-size:14px;padding:120px 6px 30px}
}


/****** Mobile ******/
@media screen and (max-width:690px){
.s0401_stepbox ul li{width:100%;margin-bottom:5px}
.s0401_stepbox ul li::after{right:auto;top:auto;bottom:-20px;transform:rotate(90deg);left:50%;margin-left:-17px}
.support_mailbox {
    width: 96%;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;}
    .support_mail {
        width: calc(100% / 1 - -30px);
    }
.ul_type1 {
    margin: 0 0 10px 0;
    width: 88%;
    overflow: hidden;}

}
