@charset "UTF-8";
/*회원가입 tab*/
.join-step{display: flex; max-width: 960px; margin: 9rem auto 0 auto; text-align: center;}
.join-step li {position: relative; flex: 1;}
.join-step li:after{display:inline-block; width:14px;height:22px; background-image: url(/common/images/user/ico/ico_step_arrow.png); background-repeat: no-repeat; cursor: pointer; vertical-align:middle; background-size:100%; position: absolute; top:0.3rem; right:0; content: "";}
.join-step li:last-child:after{display: none}
.join-step li a{color:#787878; font-size: 2rem; font-weight: 500;}
.join-step li a span{display:inline-block; width:28px; height: 28px; line-height: 28px; margin-right: 0.5rem; color:#fff; background: #999; text-align: center; border-radius: 100%;}
.join-step li a strong{font-weight: 500;}
.join-step li a.on{color:#258FF6}
.join-step li a.on span{background:#258FF6}

.agreement-guide {display: block; width: 100%; max-height: 240px; padding: 2.8rem 2.4rem; box-sizing: border-box; overflow: auto; overflow-y: auto; background: #F0F5F9; border-radius: 6px; word-break: keep-all; color:#555; line-height: 1.5; font-size: 1.5rem;}
.agreement-guide strong{font-weight: 400; color: #222;}
.check-list1.join-check {margin-top: 2rem;}
.check-list1.join-check label span{font-size: 1.6rem;}
.all-check{padding:28px 60px 30px 60px}
.check-list1.all-join-check label span{font-size: 1.8rem; font-weight: 500; color:#333;}
.complete-box{text-align: center;}
.complete-box img{max-width: 100%; margin:0 auto;}
.complete-box strong{font-size: 2.6rem; font-weight: 500; color:#1a1a1a; display: block; margin:1rem 0}
.complete-box p.item{font-size: 1.8rem; color:#555;}
.complete-box .box{margin:4rem 0 2rem 0; padding:2rem;  background: #F0F5F9; border-radius: 1.2rem; }
.complete-box .box p{color:#1A1A1A; font-size: 2rem; }
.complete-box .box p span{color:#258FF6; font-weight: 500;}
.complete-box p.item2{color:#555; font-size: 1.5rem; margin-bottom:6rem}
.complete-box .btn-type1{padding:27px 0}
.radio-wrap ul.radio-list.l{display:block; margin-top: 2rem;}
.radio-wrap ul.radio-list.l li{display:inline-block; margin-right: 1rem;}
.radio-wrap ul.radio-list.l > li .check-list2 label span{font-size: 1.6rem;}
.photo-box{display: flex; align-items: center;}
.photo-box p.step3 {padding-left:10px;}
.photo-box p.msg {padding-left:10px;}
.photo-box button{background: none; margin-left: 10px; vertical-align: middle;}
.photo-box .btn-photo{width:96px; height: 96px; background: url(/common/images/user/bg/bg_default.png) no-repeat center;}
.photo-box.type2{display: block;}
.photo-box.type2 .txt{display: flex; align-items: center;}
.photo-box.type2 p{margin-left: 8px;}
.photo-box.type2  ul{margin-top:2rem}
.photo-box.type2  ul li{display:inline-block; margin-top:1rem}
.photo-box.type2  ul li button{vertical-align: middle;}

.photo-box label.btn-photo {display: flex; align-items: center; justify-content: center;}
.photo-box label.btn-photo span img {max-width: 94px;}

@media all and (max-width:991px){
/*회원가입 tab*/
.join-step li a{font-size: 1.8rem;}
}

/* 모바일 */
@media all and (max-width:767px){
.join-step{justify-content: center; align-items: center; margin:5rem auto 0 auto}
.join-step li{flex:none; padding:0 2rem 0 1.5rem}
.join-step li:last-child{padding-right:0}
.join-step li:first-child{padding-left:0}
.join-step li a{font-size: 1.7rem;}
.join-step li a span{width: 24px; height: 24px; line-height: 24px; font-size: 1.3rem; margin-right: 0;}
.join-step li a strong{display: none;}
.join-step li a.on strong{display:inline-block; align-items: center; vertical-align: middle;}
.join-step li:after{width:8px; height: 12px; top: 0.7rem;}
.agreement-guide{font-size: 1.4rem; padding:2.4rem 2rem}
.check-list1.join-check label span{font-size: 1.4rem;}
.check-list1.all-join-check label span{font-size:1.6rem; margin-left: 0;}
.all-check{padding: 2rem !important; border-radius: 1.8rem;}
.complete-box strong{font-size: 2.2rem;}
.complete-box .box{margin:2rem 0 1rem 0}
.complete-box .box p{font-size: 1.8rem;}
.complete-box p.item2{font-size: 1.4rem; margin-bottom: 4rem;}
.complete-box .btn-type1{padding:22px 0}
.photo-box{display:inline-block}
.photo-box p{margin-top:1rem; font-size: 1.4rem;}
.photo-box p.step3 {padding-left: 0;}
.photo-box p.msg {padding-left: 0;}
.photo-box.type2 .txt{display: block;}
.photo-box.type2 ul li{font-size:1.4rem ;}
.photo-box.type2 p{margin:1rem 0 0 0;}
.photo-box.type2 ul li{display: block;}
.photo-box.type2 ul li:first-child{margin:0}
.photo-box.type2 ul li button img {width: 16px; height: 16px;}
.photo-box label.btn-photo {display: inline-flex;}
}


/* 모바일 */
@media all and (max-width:360px){
.join-step li a{font-size:4.7vw;}
}