@charset "utf-8"; 

/*회원구분*/
.joinType {}
.joinType .wrap {margin-top: 80px}
.joinType .choose {text-align: center; width: 49%; }
.joinType .choose label {cursor: pointer}
.joinType .choose h4 {font-weight: 700; margin: 25px 0 10px 0;}
.joinType .choose p {}
.joinType span { width: 1px; float: left; height: 65px; background: #ccc; margin-top: 8%}
.joinType button {}  
.joinType .input-hidden {position: absolute; left: -9999px;}
.joinType input[type=radio] {transition: 0.2s ease;}
.joinType input[type=radio]:checked + label>h4, .joinType input[type=radio]:checked + label>p {color: #f12938;}
.joinType .btnList {} 
.joinType .btnList button {margin: 0 auto; transition: 0.2s ease;
    display: block;
    border: 1px solid #000;
    border-radius: 50px;
    padding: 13px 0;
    width: 280px;}
    .joinType .btnList img {    width: 14px;
    float: right;
    position: absolute;
    left: 50%;
    margin-left: 105px;}
    .joinType .btnList button:hover {    box-shadow: 0 0 0px 1px #333;}




/*일반회원 가입*/
.snsList {border-top: 2px solid #333; padding: 0;}
.snsList .title {width: 100%; float: left; height: 77px; display: table; background: #f9f9f9; color: #797979;}
.snsList .title span {display: table-cell; vertical-align: middle;}
.snsList .title span:nth-child(1) {width: 21%;padding: 29px 2%;}
.snsList .title span:nth-child(2) {}
.snsList input[type=checkbox] {}
.snsList input[type=text] {margin-right: 8px;}
.wrap .snsList ul li {width: 100%;}
.snsList li span:nth-child(1) {background: #fff; padding: 19px 2%;}
.snsList img {width: 34px;float:  left;}
.snsList li span p {color:  #424242; float:  left; margin: 8px 0 0 15px;}
.snsList li input {float: left; width: 210px;}
/*.mailWarning {position: absolute;left: 50%;margin-left: 158px;top: 50%;margin-top: -235px;}*/
.codeWarning {position: absolute;left: 50%;margin-left: 81px;top: 50%;margin-top: 130px;}
.barTable li input[type=text], .barTable li input[type=password] {width: 311px;}
.barTable li input[type=password] {width:380px;}
.join .btnList {text-align: center; margin:100px 0;}
.pwOK {position: absolute;top: 50%;left: 50%;margin-top: -76px;margin-left: 30px;}
.pwOK p {color: #4f8f73;}
.joinMember .barTable li span:nth-child(2) div:nth-child(2) .barTableBtn {width: 123px}

/*성별*/
.barTable ul li.sex .right .chbox {margin-right:10px; float: left;}
li.sex [type="radio"]:checked,
li.sex [type="radio"]:not(:checked) {position: absolute; left: -9999px;}
li.sex [type="radio"]:checked + label,
li.sex [type="radio"]:not(:checked) + label {position: relative; cursor: pointer; line-height: 20px; display: inline-block; color: #666;}
li.sex [type="radio"]:checked + label:before,
li.sex [type="radio"]:not(:checked) + label:before {width: 34px; height: 34px; box-shadow: inset 0 0 0 1px #cccccc; -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; float:  left; margin-right: 10px; cursor:  pointer; content: '';}
li.sex [type="radio"]:checked + label:after,
li.sex [type="radio"]:not(:checked) + label:after {content: ''; width: 34px; height: 34px; position: absolute; left: 0; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; background-image: url(/assets/img/common/checked.png); box-shadow: inset 0 0 0 0px #cccccc; background-color: #000; background-repeat: no-repeat; background-position: center center; background-size: 50%;}
li.sex [type="radio"]:not(:checked) + label:after {opacity: 0;}
li.sex [type="radio"]:checked + label:after {opacity: 1;}
li.sex .right div.chbox label i {
    display:inline-block;
    height:34px;
    line-height:34px;
}

/*이용약관*/
.agree {display: flex; margin-top: 40px}
.agreeInner {margin: 0 auto;}
.agree input {}
.agree span {}
.agree .left {padding-top: 8px}
.agree .link {font-weight: 700; text-decoration: underline; cursor: pointer;}

/*가입완료*/
.joinComplete {
    width: 100%;
    text-align: center;
    margin-top: 150px;
}

.joinComplete img {width: 53px;}
.joinComplete h3 {font-weight: 700; margin: 40px 0 20px 0;}
.joinComplete p {width: 100%; float: left; line-height: 1.7em; margin-bottom: 60px}
.joinComplete a {padding: 15px 0; width: 206px; display: inline-block;}
.joinComplete .redBtn {margin-left: 20px}

/*비번찾기*/
.findPW .subTxt {padding: 25px 2% 0 2%}
.findPW .subTxt p {color: #888888}
.findPW .btnList {text-align: center; margin-top: 100px}

.join input + .barTable ul li:first-child span:nth-child(2) { width: 42%;}
.barTable .phoneLi > span:first-child {padding:53px 2%;}