@charset "utf-8";

.at2 .bttmline {position:relative;}
.at2 .bttmline::after {content:""; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:30px; height:5px; background-color:#ff6902;}

.at2 .half_wrap { display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between; }
.at2 .half { width:50%; }

.at2 .half.order1 {order:1;}
.at2 .half.order2 {order:2;}
/**텍스트 부분 */
.at2 .cont_box .boxCont { position:relative; font-size: 1.8rem; font-weight:500; padding:7px 0 7px 30px;  } 
.at2 .cont_box .boxCont:before {content:""; position:absolute; top:8px; left:0; width:20px; height:20px; background-image:url('./check_box.svg'); background-repeat:no-repeat; background-size:contain;}
.at2 .ment_wrap { padding-left:150px; padding-bottom:0; }
.at2 .ment_wrap .cont_p_big {padding-bottom:50px;}

/**이미지 부분 */
.at2 .halfimg_cont { position:relative; width:100%; height:0; padding-bottom:90%; overflow:hidden; background-color:#f9f9f9; border-radius:20px; }
.at2 .halfimg_cont img { width:100%; height: 100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }


/**순서 */

.at2 .setpIcon ul.stepUl {display:flex; flex-wrap:wrap; justify-content: center;; }
.at2 .setpIcon ul.stepUl li {position:relative; width:calc(33% - 30px);  padding:40px 20px; background-color:#ffffff; border-radius:20px; }
.at2 .setpIcon ul.stepUl li::after {content:""; position:absolute; top:50%; right:-35px; transform:translateY(-50%); width:30px; height:30px; background-image:url('./step_arrow.svg'); background-position:center; background-size:contain; background-repeat:no-repeat ; }
.at2 .setpIcon ul.stepUl li:last-child::after {display:none;}
/**아이콘 */
.at2 .setpIcon ul.stepUl li .topIcon {position:relative; margin:0 auto 30px; background-color:#f9f9f9; text-align:center; width:130px; height:130px; line-height:132px; border-radius:50%; z-index:0;}
.at2 .setpIcon ul.stepUl li .topIcon img {position:relative; height:5em; z-index:1;}
.at2 .setpIcon ul.stepUl li .topIcon::after {content:""; }
/**텍스트 */
.at2 .setpIcon ul.stepUl li .bttm_txt {text-align:center;}
.at2 .setpIcon ul.stepUl li .bttm_txt h4 {padding-bottom:5px;}
.at2 .setpIcon ul.stepUl li .bttm_txt p {word-break: keep-all;}
.at2 .setpIcon ul.stepUl li .topNum {text-align:center;}



@media screen and (max-width:1200px){
  .at2 .half.ment_wrap { padding-left:70px; }
}

@media screen and (max-width:1024px){
  .at2 .half.order1 {order:2;}
  .at2 .half.order2 {order:1;}
  .at2 .half { width:100%; }
  .at2 .halfCont {width:90%; margin:0 auto;}
  .at2 .halfimg_wrap { flex-wrap:wrap; }
  .at2 .halfimg_cont { padding-bottom:70%; }
  .at2 .half.ment_wrap { padding-left:10px; padding-right:10px; padding-bottom:70px; }
 
}
@media screen and (max-width:768px){
  .at2 .halfCont {width:100%;}
  .at2 .half.ment_wrap {padding-bottom:50px; } 
  .at2 .halfCont .half.ment_wrap { padding-left:10px; padding-right:10px;}
  .at2 .setpIcon ul.stepUl li {width:calc(50% - 30px); padding:20px 0;}
  .at2 .setpIcon ul.stepUl {justify-content: space-between;}
}

@media screen and (max-width:560px){
  
}