/*Join */
.joinBox {width:100%;padding-bottom:100px; padding-top: 150px;}
.joinBox .InBox {max-width:1200px;min-width:900px;margin:0 auto;padding:70px 0;background:#fff;border:1px solid #e8e8e8;}
.joinBox .InBox h2 {text-align:center;}
.joinBox .InBox h2 span {font-size:18px;display:block;}
.joinBox .InBox h2 strong {font-size:55px;display:block;margin:20px 0 70px;}
.joinBox .InBox form {width:90%;margin:0 auto;overflow:hidden;}
.joinBox .InBox form > div {width:44%;margin:0 3%;float:left;}
.joinBox .InBox form > div.cont01 > div {border-top:2px solid #000;}
.joinBox .InBox form > div.cont01 > ul {width:100%;margin-bottom:35px;}
.joinBox .InBox form > div.cont01 > ul li {line-height:1.5;margin-bottom:50px;}
.joinBox .InBox form > div.cont01 > ul li strong {display:block;font-weight:bold;font-size:16px;margin:15px 0 10px;}
.joinBox .InBox form > div.cont01 > ul li input {background:none;border:none;border-bottom:1px solid #000;width:100%;display:block;}
.joinBox .InBox form > div.cont01 > ul li input {padding:10px 0;margin-bottom:10px; font-size: 16px; }
.joinBox .InBox form > div.cont01 > ul li input::placeholder { opacity: 1; transition: 0.15s; color: #aaa; }
.joinBox .InBox form > div.cont01 > ul li input:focus { outline: none; }
.joinBox .InBox form > div.cont01 > ul li input:focus::placeholder { opacity: 0; }
.joinBox .InBox form > div.cont01 > ul li:nth-of-type(3) span:not( #pwErrMsg ) { font-size: 13px; color: #bbb; margin-right: 7px; display: inline-block; margin-bottom: 15px; }
.joinBox .InBox form > div.cont01 > ul li div {width:100%;}
.joinBox .InBox form > div.cont01 > ul li div span {display:inline-block;margin-right:10px;color:red;}
.joinBox .InBox form > div.cont01 > ul li select {width:100%;border:none;font-weight:bold;font-size:15px; color: #333; }
.joinBox .InBox form > div.cont01 > button {display:block;width:100%;text-align:center;font-size:17px;color:#fff;}
.joinBox .InBox form > div.cont01 > ul li select:focus { outline: none; }
.joinBox .InBox form > div.cont01 > button:nth-of-type(1) {margin-bottom:5px;background:#000;padding:20px 0;}
.joinBox .InBox form > div.cont01 > button:nth-of-type(2) {background:#000;padding:15px 0;}
.joinBox .InBox form > div.cont01 > button:nth-of-type(3) {background:#a9a9a9;padding:15px 0;}

.joinBox .InBox form > div.cont01 > ul li button.btn01 {width:100%;margin-bottom:5px;background:#000;padding:20px 0; color:#fff; font-size: 17px}

.joinBox .InBox form > div.cont01 .hide-register { display: none }

.joinBox .InBox form > div.cont02 > div {border-bottom:1px solid #000;padding-bottom:15px;line-height:1.5;width:100%;}
.joinBox .InBox form > div.cont02 .allcheck label { font-size: 16px; font-weight: bold; }
.joinBox .InBox form > div.cont02 > div input {display:inline-block;}
.joinBox .InBox form > div.cont02 > div label {display:inline-block;}
.joinBox .InBox form > div.cont02 > ul {padding:20px 0 15px;border-bottom:1px solid #000;margin-bottom:35px;}
.joinBox .InBox form > div.cont02 > ul {width:100%;}
.joinBox .InBox form > div.cont02 > ul li {width:100%; margin-bottom: 10px;}
.joinBox .InBox form > div.cont02 > ul li > div.agree {padding:10px 0;}
.joinBox .InBox form > div.cont02 > ul li > div.agree input {display:inline-block;}
.joinBox .InBox form > div.cont02 > ul li > div.agree label {width:calc(100% - 30px);display:inline-block; font-size: 15px; }
.joinBox .InBox form > div.cont02 > ul li > div.agree label {background:url(images/join/arrow.jpg) no-repeat right center;}
.joinBox .InBox form > div.cont02 > ul li > div.text {height:90px;padding:5px;width:calc(100% - 10px);overflow:auto;}
.joinBox .InBox form > div.cont02 > ul li > div.text {font-size:13px;line-height:1.5;background:#f9f9f9; color: #555; }
.joinBox .InBox form > div.cont02 > button {display:block;width:100%;text-align:center;font-size:17px;color:#fff;}
.joinBox .InBox form > div.cont02 > button:nth-of-type(1) {margin-bottom:5px;background:#000;padding:20px 0;}

.joinBox .InBox form > div.cont01 .use-check {margin-bottom: 5px;padding: 10px 20px;background-color: #444;color: #fff;position: relative;top: -53px;right: 0;float: right;}

.joinBox .InBox form > div.cont01 .use-check.active {background-color: #fff;color: #444;}