/* 1. 상단 가이드 텍스트 */
.top_guide{
    line-height: 155%;
    margin-bottom: 3rem;
}
.top_guide p{
    display: flex;
    align-items: center;
    column-gap: 8px;
    justify-content: center;
    color: #999999;
}
.top_guide img{
    width: 22px;
    height: auto;
}




/*   2. 옵션 유형 선택    */

/* h3 */
.wrap h3{
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 6px;
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 2rem;
}
.wrap h3 span{
    color: var(--main-color);
    font-weight: 600;
}
/* 간격 */
.option{
    margin-bottom: 3rem;
}
@media (max-width:768px) {
    .wrap h3{
        margin-bottom: 1rem;
    }
}


/*.h_usim, .n_usim, .step_customer, .step_plan{
    display: none;
}*/


/* esim 상세 */
.esimtype h3{
    margin-bottom:  4px;
}
 .btnStyle1{
    margin-bottom: 1.2rem;
}
.guide_text{
    margin-bottom: 2rem;
    line-height: 155%;
    text-align: center;
    color: #979797;
}



/* 확인 방법 */
.how{
    display: flex;
    align-items: center;
    column-gap: 4px;
    color: var(--main-color);
    font-weight: 500;
    margin: 0 0 10px 10px;
}






/* 3. 요금제 */
.tab_btn{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.wrap select{
    background-color: #fff;
}
.plan {
    margin-bottom: 1.2rem;
}
/* 요금제 클릭효과 */
.data.click {
    outline: 3px solid var(--main-color);
    box-shadow: 4px 4px 10px rgba(125, 125, 125, 0.25);
    border-radius: 20px;
    transition: outline 0.1s ease-in-out;
}
/* 선택한 요금제 */
.select_tit{
    margin: 3rem 0 1.1rem 0;
}
/* 새로고침 */
.reload{
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.reload:hover{
    transform: rotate(180deg);
    transition: all 0.3s ease-in-out;
}
.select_data>div:first-child{
    margin-bottom: 0.8rem;
}
.select_data h3{
    font-size: 1.1rem;
    font-weight: 600;
}
.click, .choice_data{
    padding: 2.19rem;
    outline: 2px solid var(--main-color);
    box-shadow: 4px 4px 10px rgba(125, 125, 125, 0.25);
    background: #fff;
}