@charset "utf-8";
/* CSS Document */

/* JOIN FORM */
.join-form-wrap { padding:45px 0;}
.join { position: relative;  background: #FFFFFF; max-width: 450px; margin: 0 auto; margin-top: 13px; padding: 45px; text-align: center;border:1px solid #dee3eb;}
.join > img {margin-bottom:30px;}
.join input { font-family: "Nanum Gothic"; background: #f2f2f2; width: 100%; border: 0; margin: 0 0 15px; padding: 15px; box-sizing: border-box; font-size: 12px; }
.join .join-form button { font-family: 'nanum-square-r'; text-transform: uppercase; outline: 0; background: #5283e0; width: 100%; border: 0; padding: 15px; color: #FFFFFF; font-size: 17px; transition: all 0.3 ease-out; -webkit-transition: all 0.3 ease-out; cursor: pointer; }
.join .join-form button:hover,.login .login-form button:active,.login .login-form button:focus { background: #6595EF; }
.join .join-form .message { margin: 15px 0 0; color: #b3b3b3; font-size: 12px; }
.join .join-form .message a { padding-top: 10px; }
.join .join-form .message a:hover,
.join .join-form .message a:active,
.join .join-form .message a:focus { color: #6595EF; }
.join .join-form .mobile select { font-family: "Nanum Gothic"; background: #f2f2f2; width: 33%; border: 0; margin: 0 0 15px; padding: 14px; box-sizing: border-box; font-size: 14px; margin-bottom: 0; }
.join .join-form .mobile input { width: 32.5%; margin-bottom: 0; font-size:12px;}
.join .join-form .mobile .message { margin: 5px 0 5px; }
.join .join-form .agree-box { margin-bottom: 15px; vertical-align: top; box-sizing: border-box; height: 40px; background: #f1f1f1; padding: 12px 0; }
.join .join-form .agree-box input[type=checkbox] { display: inline-block; width: 15px; height: 15px; cursor: pointer; }
.join .join-form .agree-box label { display: inline-block; vertical-align: top; cursor: pointer; font-size: 14px; line-height: 15px; }
.join .join-form .agree-box a { vertical-align: top; text-decoration: underline; font-size: 12px; margin-left: 10px; line-height: 15px; }
.join .join-form .interested-box { margin-bottom: 15px; vertical-align: top; box-sizing: border-box; height: 110px; border-top: solid 1px #f1f1f1; border-bottom: solid 1px #f1f1f1; padding: 12px 0; }
.join .join-form .interested-box input[type=radio] { display: none; }
.join .join-form .interested-box label { display: inline-block; font-family: 'nanum-square-r'; border: 1px solid #f1f1f1; border-right:0; cursor: pointer; font-size: 12px; line-height: 32px; width: 100%; letter-spacing: -0.5px;}
.join .join-form .interested-box span:nth-of-type(3n) label {border-right: 1px solid #f1f1f1;}
.join .join-form .interested-box label:HOVER { background: #5283e0; color: #fff; }
.join .join-form .interested-box label:ACTIVE { background: #6595EF; }
.join .join-form .interested-box .interested { position: relative; display: block; float:left; width: 33.3%; cursor: pointer; margin-bottom:4px;}
.join .join-form .interested-box .interested-on { display: inline-block; font-family: 'nanum-square-r'; background: #5283e0; color: #fff; cursor: pointer; font-size: 12px; line-height: 32px; width: 100%; }

.sns-join { max-width: 450px; margin: 0 auto; text-align: center; }
.sns-join button { margin-top:10px; height: 45px; line-height: 43px; background:#eee; background:#fff; color:#767676; border:1px solid #e5e5e5; font-size:13px; display: block; width: 100%; cursor: pointer; } 
.sns-join button:nth-child(1) {margin-top:0;}
.sns-join button img {width:16px; margin-right:6px; margin-top: 13px; display: inline-block; vertical-align: top; }
.sns-join button:hover {background: #f8f8f8;}