/*
 * @title		회원가입 공통 css
 * @author		김보람
 * @date		2011.10.12
 * @update		2025.10.13(김용)
 * @description
 */
.content{overflow:hidden;width:1080px;margin: 30px auto 80px;}
.top_area{position:relative;margin-bottom:25px;padding-top:70px;font-size:14px;color:#636363;}
.top_area h1{margin-bottom:20px;font-size:24px;letter-spacing:-0.12em;color:#434343; text-align: center;}
.sp_join{position:absolute;top:50px;right:0;width:570px;height:40px;background:url(//img2.itemmania.com/new_images/join/step_join.png) no-repeat;}
.step2{background-position-y:-57px;}
.step3{background-position-y:-112px;}
.step4{background-position-y:-166px;}
.join_new_banner{position:absolute;right:0;bottom:0;}


.join_progress{margin:0 auto; width:100%;}
.join_progress ul{display: flex; align-items: center; justify-content: center;}
.join_progress ul li{ display: flex; align-items: center; justify-content: center;}
.join_progress ul li span{width:28px;height: 28px; border:2px solid #f0f0f0; border-radius: 50%; font-size:15px;color:#c6c6c6; display: flex; justify-content: center; align-items: center;}
.join_progress ul li.on span{color:#fff; border-color: #159EFD; background-color: #159EFD; font-weight: bold; }
.join_progress ul li.complete span{background-color: #b0dfff;  border-color:#b0dfff;}
.join_progress ul li.complete span img{width:14px;}
.join_progress ul li::after{content:'···'; padding:0 8px; color:#c6c6c6;}
.join_progress ul li:last-child::after{content:'';}