@charset "utf-8";
/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */
.joinContent { padding:20px 0 0 0; width: 1024px; margin: 0 auto;font-family: 'Noto Sans Japanese', sans-serif;}
.joinContent fieldset{ border:0; margin:0; padding:0;}
.joinContent form{ margin:0; padding:0;}
.joinContent label{ cursor:pointer;}
.joinContent .inputCheck{ width:13px; height:13px; vertical-align:middle; margin:0 5px 0 0;}
.joinContent .joinTitle{ font-size:16px; padding:15px; margin:0 0 10px 5px; font-weight:bold; color:#272928; }


.joinContent .checkAgreementAll {margin-left: 20px; margin-bottom: 40px;}
.joinContent .joinAgreement{ position:relative; /*height:140px;*/ line-height:1.5; margin:0 20px 15px 20px; padding:10px; overflow:auto; border:1px solid #ddd; background:#fbfbfb; color:#535353; -moz-border-radius:5px;}
.joinContent .joinAgreementSelect{ position:relative; /*height:140px;*/ line-height:1.5; margin:0 20px 15px 20px; padding:10px; overflow:auto; border:1px solid #ddd; background:#fbfbfb; color:#535353;}
.joinContent .checkAgreement{ margin:0 20px 25px 20px; color:#333;}
.joinContent .joinButtonArea{ margin:0 20px; padding:0 0 25px 0px; *zoom:1; text-align:center;margin-bottom: 60px; }
.joinContent .agreement-info{position:relative; /*height:105px*/; line-height:1.5; margin:0 20px 15px 20px; padding:10px; overflow:auto; border:1px solid #ddd; color:#535353;}

.joinContent .joinButton{ position:relative; display:inline-block; width:120px; height:30px; border:3px double #ddd; background:#53ACE4; -moz-border-radius:5px; -webkit-border-radius:5px; }
.joinContent .joinButton:hover{ background:#7FC8F1;}
.joinContent .joinButton input,
.joinContent .joinButton a{ position:relative; display:inline-block; vertical-align:middle; width:120px; height:30px; line-height:30px; text-align:center; overflow:visible; padding:0; margin:0; border:0; cursor:pointer; background:transparent; color:#fff; text-decoration:none;}
.joinContent .joinButton input{ font-weight:bold;}

input[id="checkAgreementAll"],
input[id="checkAgreement"],
input[id="checkPrivateAgreement"],
input[id="checkPrivateAgreementSelect"]
{
    display: none;
}

input[id="checkAgreementAll"] + label,
input[id="checkAgreement"] + label,
input[id="checkPrivateAgreement"] + label,
input[id="checkPrivateAgreementSelect"] + label {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 15px;
    border: 1px solid #bcbcbc;
    cursor: pointer;
}

input[id="checkAgreementAll"]:checked + label,
input[id="checkAgreement"]:checked + label,
input[id="checkPrivateAgreement"]:checked + label,
input[id="checkPrivateAgreementSelect"]:checked + label {
    background-image : url("/common/copymon/img/btn-check.png");
}

input[id="checkAgreementAll"] + label span,
input[id="checkAgreement"] + label span,
input[id="checkPrivateAgreement"] + label span,
input[id="checkPrivateAgreementSelect"] + label span {
    width: 500px;
    margin-left: 30px;
    display: inline-block;
    font-size: 16px;
    color: #777777;
}