/*
(주)파이브센스_FIVESENSES.Corp.

본 라이브러리(라이브러리 소스코드)는 (주)파이브센스의 자산입니다.
무단으로 외부로 유출 및 일시 반출을 할 경우 손해배상 책임 및 민사/형사적 책임이 있습니다.
*/

.wh1_wrap {padding: clamp(50px,5.2083vw,100px) 0; background:#f9f9f9;}

.wh1_wrap .wh1_title {margin-bottom: 40px; text-align: center;}
.wh1_wrap .wh1_title h5 {font-size: 35px; font-weight: 700; color:#0c0c0c;}
.wh1_wrap .wh1_title h5 .wid_color {color:#2d99fb !important;}

.wh1_wrap .step_ul {display: flex; gap: 0 20px;}
.wh1_wrap .step_ul .step_li {display: flex; flex-direction: column; justify-content: center; align-items: center; gap:clamp(20px,1.7708vw,34px) 0; width: calc((100% - 20px * 5)/6); padding:137.5px 0 44px; border-radius: 5px; background-repeat: no-repeat; background-position: center; background-size: cover;}

.wh1_wrap .step_ul .step_li.step1 {background-image: url(/img/step1_bg.png);}
.wh1_wrap .step_ul .step_li.step2 {background-image: url(/img/step2_bg.png);}
.wh1_wrap .step_ul .step_li.step3 {background-image: url(/img/step3_bg.png);}
.wh1_wrap .step_ul .step_li.step4 {background-image: url(/img/step4_bg.png);}
.wh1_wrap .step_ul .step_li.step5 {background-image: url(/img/step5_bg.png);}
.wh1_wrap .step_ul .step_li.step6 {background-image: url(/img/step6_bg.png);}

.wh1_wrap .step_ul .step_li .step_tit {font-size: clamp(21px,1.3021vw,25px); font-weight: 700; color:#0c0c0c;}
.wh1_wrap .step_ul .step_li .step_step {min-width: 110px; text-align: center; line-height:36px; font-size: clamp(16px,0.8333vw,18px); font-weight: 600; color:#fff; border-radius: 50px; background:#001751; }

.wh1_wrap .step_ul .step_li .step_y {color: #fff44f;}




@media (max-width:991px) {


    .wh1_wrap .wh1_title {margin-bottom: clamp(25px,4.04vw,40px);}
    .wh1_wrap .wh1_title h5 {font-size: clamp(23px,3.53vw,35px);}


    .wh1_wrap .step_ul {flex-wrap:wrap; gap:9px;}
    .wh1_wrap .step_ul .step_li {width:calc((100% - 9px * 2)/3); gap:clamp(15px,2.02vw,20px); padding:clamp(67.5px,21.70vw,215px) 0 clamp(20px,4.44vw,44px)}

    .wh1_wrap .step_ul .step_li.step1 {background-image: url(/img/mstep1_bg.png);}
    .wh1_wrap .step_ul .step_li.step2 {background-image: url(/img/mstep2_bg.png);}
    .wh1_wrap .step_ul .step_li.step3 {background-image: url(/img/mstep3_bg.png);}
    .wh1_wrap .step_ul .step_li.step4 {background-image: url(/img/mstep4_bg.png);}
    .wh1_wrap .step_ul .step_li.step5 {background-image: url(/img/mstep5_bg.png);}
    .wh1_wrap .step_ul .step_li.step6 {background-image: url(/img/mstep6_bg.png);}


    .wh1_wrap .step_ul .step_li .step_tit {font-size: clamp(15px,2.12vw,21px);}
    .wh1_wrap .step_ul .step_li .step_step {min-width: clamp(55px,11.10vw,110px); line-height:clamp(22px,3.63vw,36px); font-size: clamp(12px,1.61vw,16px);}
}