.join-bg{background: url('../img/section_bg.png') #f5f5f7; padding: 0 0 100px 0 !important;}

.join-box form{ font-family: 'NanumSquare'; text-align: center;}
.join-box form h1{font-size: 33px; color: #000;font-weight: 400;letter-spacing: -0.5px;margin-bottom: 8px;}
.join-box form h5{font-size: 17px; color: #777;letter-spacing: -0.5px;}
.join-box form h1:before{content: '';display: block;width: 20px;height: 20px;border-radius: 40px;border: solid 4px #f4b92f;margin: auto;margin-bottom: 15px;}

.join-box form ul{display: inline-block;margin: auto;margin-top: 30px;t}
.join-box form ul li{margin-bottom:20px;font-size: 18px;text-align: left;}
.join-box form div{display: inline-block;margin: 0 10px;vertical-align: middle;text-align: left;}
.join-box form div:first-child{width: 120px;}
.join-box form div b{color: red;font-weight: bold;margin-left: 2px;}
.join-box form div font{margin-left: 10px;font-size: 14px; color: #888;}
.join-box form div input[type="text"]{line-height: 40px;height: 40px;width: 400px; padding-left: 15px;}
.join-box form div input[type="password"]{line-height: 40px;height: 40px;width: 400px; padding-left: 15px;}
.join-box form div input[type="text"].phone{width: 100px;}
.join-box form div input[type="text"].email{width: 180px;}
.join-box form div input[type="text"].school{width: 300px;}
.join-box form div textarea{height: 100px;width: 400px;}
.join-box form div.school-box input{margin-bottom: 5px}
.join-box form div select{line-height: 40px;height: 40px;width: 400px;}

.join-box form .scroll div.scroll_box{margin-bottom: 20px;}
.join-box form .scroll div pre{background: #fff;border: solid 1px #aaa;padding: 10px;width: 400px;height: 100px;overflow-y: scroll;overflow-x: hidden;white-space: pre-line;font-size: 11px;font-family: '�룍��', sans-serif;}
.join-box form .scroll div .checkbox{position: relative;font-size: 12px;font-family: '돋움', sans-serif;margin: 0;margin-top: 10px;}
.join-box form .scroll div .checkbox input[type="checkbox"]{vertical-align: middle;vertical-align: middle;
margin: 0;
width: 18px;
height: 18px;
border-radius: 0;
border: solid 1px #aaa;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background: #fff;
margin-right: 5px;}

.join-box form input[type="submit"]{font-family: 'NanumSquare';line-height: 50px;background: #4d585c;cursor: pointer;border: 0;color: #fff;font-size: 20px;width: 350px;height: 50px;}
.join-box form input[type="submit"]:hover{background: #2f383c;-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;}

.join-box form .check-boxs .checkbox{display: block;margin-bottom: 3px;margin: 3px;}
.join-box form .check-boxs2 .checkbox{display: inline-block;width: auto;margin: 3px;vertical-align: middle;}
.join-box form .checkbox input[type="checkbox"] {display: inline-block; position: absolute; z-index: 999; width: 22px;height: 22px;margin: 0; opacity: 0; cursor: pointer;}
.join-box form .checkbox input[type="checkbox"] + label{display: inline-block;cursor: pointer;position: absolute;font-size: 13px;}
.join-box form .checkbox input[type="checkbox"] + label:before {content: "";display: inline-block;width: 20px;height: 20px;position: absolute;left: 0;background-color: #fff;border:1px solid #000;border-radius: 0;}
.join-box form .checkbox input[type="checkbox"]:checked + label:before {content: "\2713"; font-size: 18px;font-weight:800;color: #000;text-align: center;line-height: 18px;}
.join-box form .checkbox span{margin-left: 26px;margin-top: 3px;display: inline-block;}