@charset "utf-8";

/*
  서브 회원가입 (header + container + footer)
*/



.kkw_jm .welcome {text-align: center; line-height:1.3}
.kkw_jm .welcome p {font-size: 2.125rem;color: #000;}
.kkw_jm .welcome p strong {color: #284bdb;}
.kkw_jm .welcome p.desc {margin-top: 17px;font-size: 1.5rem;}

.joinType {position: relative;width: 732px;margin:30px auto 0;}
.joinType:after {display: block;clear:both;content:"";}
.joinType li {position: relative;float: left;}



/* step navi */
.step_navi {height:82px;margin-top: 36px;background: url(../images/jm/bg_step_box.png) 0 0 no-repeat;border-radius:6px;-webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.12);-moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.12);box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.12);}
.step_navi.step1 {background-position: 0 0;}
.step_navi.step2 {background-position: 0 -100px;}
.step_navi.step3 {background-position: 0 -200px;}
.step_navi ol:after {display: block;clear:both;content:"";}
.step_navi ol li {float: left;width:33%;padding:25px 0 0 180px;font-size: 1.250rem;color:rgba(40,40,40,.7);}
.step_navi ol li:first-child {width: 34%;padding-left: 150px;}
.step_navi ol li:nth-child(2) {padding-left: 135px;}
.step_navi ol li:nth-child(3) {padding-left: 110px; padding-top: 12px;}
.step_navi ol li.active {color:#fff;}

/* 14세미만 */
.clause_area {margin-top: 75px;}
.chkbox_group+.clause_area {margin-top: 40px;}
.clause_wrap+.clause_wrap {margin-top: 40px;}
.chkbox_group+.clause_box {margin-top: 20px;}
.clause_box {position: relative;overflow-y:scroll;height: 172px;max-height:172px;padding:36px 40px;border:1px solid #d5d7de;border-radius: 6px;background-color: #fff;}
.clause_box2 {height: 230px;max-height:230px;}
.clause_content {font-size: 0.875rem;line-height: 1.625rem;color: rgba(51,51,51,.7);}
.clause_content * {line-height: 1.625rem;}
.clause_box+.chkbox_group {margin-top: 19px;}


/* 약관동의 */
.clause_area .chk_all_term {margin-bottom: 30px;}
.clause_area .chk_all_term .chkbox .txt {font-weight: 500;}
.clause_area h3 {font-weight: 500;font-size: 1.25rem;}
.clause_wrap {margin-top: 20px;}
.clause_wrap + h3 {margin-top: 80px;}
#contents h4 {padding-left: 0;font-weight: 500;font-size: 1rem;color: #333; padding-left:19px;}
#contents h4:after {content:none;}
#contents h3+h4 {margin-top: 25px;}
#contents .agree_wrap {margin-top: 20px;}
#contents .agree_wrap:after {display: block;clear: both;content: "";}
#contents .agree_wrap .fll h4 {float: left;padding:3px 0 2px;font-weight: 300;color: #333;background:none;}
#contents .agree_wrap .fll h4:after {content:none;}
#contents .agree_wrap .fll .radio_group {float: left;margin-left: 30px;}

/* 정보입력 */
.box_white {position: relative;margin-top: 50px;padding:20px 20px 35px;border:1px solid #d5d7de;border-radius: 4px;background-color: #fff;}
.box_white h3 {margin-top: 40px;margin-bottom: 12px;}

/* 가입완료 */
.kkw_jm .complete {margin-top: 170px;text-align: center;}
.kkw_jm .complete .img {width: 190px;height: 169px;margin: 0 auto 42px;background: url(../images/jm/bg_jm_complete.png) 0 0 no-repeat;}
.kkw_jm .complete p {font-size: 2.375rem;color: #292929;}
.kkw_jm .complete p strong {color: #284bdb;}
.kkw_jm .complete p.desc {margin-top: 10px;font-size: 1.25rem;}