/* BASIC css start */
.tit-jointype { padding-top:30px; text-align:center }
.tit-jointype h2 { font-size:40px; font-weight:bold; font-family:Malgun Gothic,"¸¼Àº °íµñ", sans-serif; line-height:1 }
.tit-jointype h3 { padding-top: 0; font-size: 30px; line-height: 1; font-weight: 500;}
.joinStep { padding-top:50px;
    width: 343px;
    margin: auto;}
    
.joinStep ol { font-size:0; text-align:center;
    display: flex;
    justify-content: space-between;
    width: 343px; }
    
.joinStep li {     display: inline-block;
    _margin: 0 35px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    vertical-align: top;
    color: #9E9E9E;
    position: relative;}

.joinStep li:nth-last-child(1):after{display:none}

.joinStep li:after {
    content: "-";
    position: absolute;
    top: 10px;
    left: 59px;
    width: 81px;
    background: #e0e2e5;
    height: 1px;
    font-size: 0;
}

.joinStep li p{font-size:0;
    line-height: 1;
    color: #6A6A6A;
    margin-bottom: 5px;
    font-weight: 400;}

.joinStep li p em{display: block;
    font-weight: 500;
    width: 20px;
    height: 20px;
    background: #eee;
    margin: auto 16px;
    border-radius: 100%;
    aspect-ratio: 1 / 1;
    padding: 0;
    line-height: 20px;
    text-align: center;
    font-size: 10px;}

.joinStep li .ico {display:none;
    margin-bottom: 20px;
    width: 40px;
    height: 40px;
    margin: 12px 10px;}
    
    
.joinStep li .icoStep1 { background:url(/design/mhmall2023/2025_renewal/pc/img/step1.png) center no-repeat;}
.joinStep li .icoStep2 { background:url(/design/mhmall2023/2025_renewal/pc/img/step2.png) center no-repeat; }
.joinStep li .icoStep3 { background:url(/design/mhmall2023/2025_renewal/pc/img/step3.png) center no-repeat;}

.joinStep li.on .icoStep1 {background:url(/design/mhmall2023/2025_renewal/pc/img/step1_on.png) center no-repeat;}
.joinStep li.on .icoStep2 { background:url(/design/mhmall2023/2025_renewal/pc/img/step2_on.png) center no-repeat;}
.joinStep li.on .icoStep3 { background:url(/design/mhmall2023/2025_renewal/pc/img/step3_on.png) center no-repeat; }



.joinStep li.on {color: #000;}
.joinStep li.on p{color: #000;}
.joinStep li.on p em{
    color: #fff;
    background: #000;}
    
.joinStep li.on .ico {}
    
    
/* BASIC css end */