.sub {max-width:1200px; position:relative; width:100%; margin:0 auto; padding-bottom:5%;}
.frm1 {width:100%; display:inline-block; border:0;}
.frm1 legend{width:1px; height:1px; font-size:1px; line-height:1px; text-indent:-9999px; visibility:hidden;}

/*
  login
*/

.login .con {width:100%; padding-top:40px;  padding-left:310px;box-sizing:border-box;padding-right:10px; padding-bottom:120px;}
.login .con .logo {text-align:center;}
.login .con .logo img {width:100%; max-width:320px; }
.login .con .logo .slogun {padding-top:20px; color:#8cc220; font-size:20px; line-height:28px; font-weight:bold;}
.login .con .logo .slogun2 {color:#454545; font-size:14px; line-height:26px; padding-bottom:10px;}
.login .con form.frm1 {border-top:2px solid #8cc220; border-bottom:1px solid #ccc;}
.login .con .formbox {text-align:center; overflow:hidden; max-width:460px; margin:0 auto; padding:35px 0;}
.login .con .formbox .iptbox {width:80%; line-height:45px; font-size:14px; float:left;  text-align:left; height:90px;}
.login .con .formbox .iptbox p {overflow:hidden;}
.login .con .formbox .iptbox label {float:left; width:30%; margin-right:2.5%; display:inline-block; line-height:45px;  font-size:14px; color:#444; font-weight:bold;}
.login .con .formbox .iptbox  img {vertical-align:middle; margin-top:-2px; margin-right:5%;}
.login .con .formbox .iptbox input {float:left; margin-top:7.5px; width:65%; margin-right:2.5%;border:1px solid #dadada; box-sizing:border-box; padding:5px; height:30px;}
.login .con .formbox .iptbox2 {float:left; width:20%; height:90px;}
.login .con .formbox .iptbox2 input{width:100%; height:75px; margin-top:7.5px; background:#8cc220; color:#fff; cursor:pointer;}
.login .con .btnbox {overflow:hidden; width:100%; padding-top:40px; text-align:center; padding-bottom:35px; border-bottom:1px solid #8cc220;}
.login .con .btnbox > div {display:inline-block; text-align:left;}
.login .con .btnbox > div:last-child {margin-left:10%;}
.login .con .btnbox > div p {font-size:14px; color:#454545; padding-bottom:20px; overflow:hidden;}
.login .con .btnbox > div p i {float:left; display:block; margin-right:4px;}
.login .con .btnbox > div p em {font-style:normal; display:block; float:left;}
.login .con .btnbox > div p img {vertical-align:middle; margin-top:-2px;}
.login .con .btnbox > div a {margin-left:10px;display:inline-block; background:#8cc220; color:#fff;  height:30px; line-height:30px; font-size:14px; width:100px; text-align:center;}

.join {padding-bottom:60px; padding-left:310px; box-sizing:border-box;}
.join .jointab {width:100%; padding:0 10px; box-sizing:border-box;padding-top:40px; }
.join .jointab ul li {float:left; width:33.3333%; padding:10px 0; box-sizing:border-box; position:relative; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; }
.join .jointab ul li p {text-align:center; line-height:17.5px; font-weight:bold; font-size:14px;}
.join .jointab ul li span{display:block; line-height:17.5px; font-weight:500;}
.join .jointab ul li:first-child{border-left:1px solid #d7d7d7;}
.join .jointab ul li.on {background:#8cc220; color:#fff;  border-top:1px solid #8cc220; border-bottom:1px solid #8cc220; }
.join .jointab ul li.on:after {background:url('/img/sub/membership/tab_on.png') no-repeat top left; display:block; clear:both; content:''; position:absolute; right:-27px; height:100%; top:0; width:27px; z-index:2;}
.join .jointab ul li:after {background:url('/img/sub/membership/tab_off.png') no-repeat; display:block; clear:both; content:''; position:absolute; right:-27px; height:100%; top:0; width:27px; z-index:2;}
.join .jointab ul li:last-child {border-right:1px solid #d7d7d7;}
.join .jointab ul li:last-child:after{background:none; display:none;}

/* agreement */
.join .agreement {display:block; }
.join .pri-wrap {padding:0 10px;}
.join .pri-wrap h4{text-align:left; color:#454545; font-size:20px; height:70px; line-height:70px;}
.join .pri-wrap .pri {height:180px; box-sizing:border-box; padding:10px 10px; overflow-x:hidden; overflow-y:scroll; border:1px solid #d7d7d7;}
.join .pri-wrap > p{text-align:right;  line-height:20px; padding:15px 0;}
.join .pri-wrap p input {width:15px; height:15px; border:1px solid #333; background:#fff;  vertical-align:middle; margin-top:-2.5px; margin-right:5px; display:none;}
.join .pri-wrap p label {display:inline-block; font-size:13px; line-height:20px; position:relative; top:0; left:0; padding-left:5px; cursor:pointer;}
.join .pri-wrap p label:before {display:inline-block; position:absolute; top:2px; left:-20px; width:15px; height:15px; border:1px solid #333; background:#fff; clear:both; content:'';}
.join .pri-wrap p input:checked + label:before {content:'\2714'; line-height:15px; text-align:center;}
.join .pri-wrap p input#allterm + label{ font-weight:600; }
.join .btns {text-align:center; margin-top:20px;}
.join .btns a {display:inline-block; width:120px; height:35px; line-height:34px; font-size:14px;}
.join .btns a.btn_off {border:1px solid #d7d7d7; background:#f2f2f2; color:#808080; margin-right:5px;}
.join .btns a.btn_on {border:1px solid #8cc220; background:#8cc220; color:#fff; margin-left:5px;}

.join fieldset {padding:0 10px; box-sizing:border-box; margin:0 ;}


/* member */

.join .member {max-width:1020px; margin:0 auto; display:none;}
.join .member .tit {font-size:20px; color:#454545; text-align:left; padding-top:30px;}
.join .member .subtit {text-align:right; color:#7b7b7b; font-size:12px;}

.join .member .frm {width:100%; border-top:2px solid #d7d7d7; margin-top:15px;}
.join .member .frm tr td {border:1px solid #d7d7d7; height:50px;}
.join .member .frm tr td:first-child {background:#f9f9f9; border-left:0; padding-left:5px;}
.join .member .frm tr td:first-child span {display:inline-block; padding-left:10px; font-size:14px;}
.join .member .frm tr td:first-child span.require{position:relative;}
.join .member .frm tr td:first-child span.require:before {color:#8cc220; position:absolute; left:0; top:50%; margin-top:-5px; width:5px; height:10px; clear:both; display:block; content:'*';}
.join .member .frm tr td:last-child {border-right:0; padding-left:10px;}
.join .member .frm tr td .ipt1 {width:30%; border:1px solid #d7d7d7; height:30px; padding:5px 10px; box-sizing:border-box; min-width:100px; float:left; }
.join .member .frm tr td .ipt2 {width:10%; border:1px solid #d7d7d7; padding:2.5px; box-sizing:border-box; height:30px; margin-right:5px; float:left; min-width:45px;}
.join .member .frm tr td .ipt3 {width:20%; border:1px solid #d7d7d7; padding:2.5px; box-sizing:border-box; height:30px; margin-right:5px; float:left; margin-left:5px;}
.join .member .frm tr td .ipt4 {width:50%; border:1px solid #d7d7d7; padding:2.5px; box-sizing:border-box; height:30px; }
.join .member .frm .iptbtn {color:#fff; background:#8cc220; font-size:13px;  display:block; float:left; width:100px; height:30px; margin-left:10px; text-align:center; line-height:30px;}
.join .member .frm tr td span.fl {display:block; float:left; line-height:30px; }
.join .member .frm tr td p.address {overflow:hidden; margin:5px 0;}
.join .member .frm tr td p.comment {display:inline-block; margin-left:5%; color:#7b7b7b; font-size:12px; line-height:30px;}
.join .member .frm tr td.rdo label {margin-left:2px; cursor:pointer; font-size:12px; color:#333;  vertical-align:middle;}


/* done */

.join .done{margin-top:80px; border-top:2px solid #8cc220; border-bottom:1px solid #8cc220; text-align:center; margin-bottom:150px;}
.join .done .logo > p:first-child {padding:20px 0 10px;}
.join .done .logo .slogun {font-size:20px; line-height:28px; color:#8cc220; font-weight:600;}
.join .done .logo .slogun2 {font-size:14px; line-height:26px; color:#454545;}
.join .done .btns {padding-bottom:30px;}
.join .done .btns .btn_off {background:#b6cb54; color:#fff;}


/*
  inquiry
*/

.inquiry .con {width:100%; padding-top:40px;  padding-left:310px;box-sizing:border-box;padding-right:10px; padding-bottom:120px;}
.inquiry .con .logo {text-align:center;}
.inquiry .con .logo img {width:100%; max-width:320px; }
.inquiry .con .logo .slogun {padding-top:20px; color:#8cc220; font-size:20px; line-height:28px; font-weight:bold;}
.inquiry .con .logo .slogun2 {color:#454545; font-size:14px; line-height:26px; padding-bottom:10px;}
.inquiry .con form.frm1 {border-top:2px solid #8cc220; border-bottom:1px solid #ccc; margin-top:10px;}
.inquiry .con .formbox {text-align:center; overflow:hidden; max-width:460px; margin:0 auto; padding:35px 0;}
.inquiry .con .formbox .iptbox {width:80%; line-height:45px; font-size:14px; float:left;  text-align:left; height:90px;}
.inquiry .con .formbox .iptbox p {overflow:hidden;}
.inquiry .con .formbox .iptbox label {float:left; width:30%; margin-right:2.5%; display:inline-block; line-height:45px;  font-size:14px; color:#444; font-weight:bold;}
.inquiry .con .formbox .iptbox  img {vertical-align:middle; margin-top:-2px; margin-right:5%;}
.inquiry .con .formbox .iptbox input {float:left; margin-top:7.5px; width:65%; margin-right:2.5%;border:1px solid #dadada; box-sizing:border-box; padding:5px; height:30px;}
.inquiry .con .formbox .iptbox2 {float:left; width:20%; height:90px;}
.inquiry .con .formbox .iptbox2 input{width:100%; height:75px; margin-top:7.5px; background:#8cc220; color:#fff; cursor:pointer;}
.inquiry .con .btnbox {overflow:hidden; width:100%; padding-top:20px; text-align:center; padding-bottom:20px; border-bottom:1px solid #8cc220;}
.inquiry .con .btnbox > ul{display:inline-block; margin:0 auto;}
.inquiry .con .btnbox > ul li {text-align:left; color:#454545; font-size:14px; line-height:25px;}

/*
  privacy
*/

.privacy .con {width:100%; padding-top:40px;  padding-left:310px;box-sizing:border-box;padding-right:10px; padding-bottom:120px;}
.privacy .con .policy {border-top:2px solid #8cc220; padding-top:20px;}
.policy .con {width:100%; padding-top:40px;  padding-left:310px;box-sizing:border-box;padding-right:10px; padding-bottom:120px;}
.policy .con .policy {border-top:2px solid #8cc220; padding-top:20px;}
@media (max-width:768px){
.sub{padding-left:0;}
  .sub .con {padding:0 20px;}
  span.br {display:block;}
  .login .con .btnbox > div:last-child {margin-left:0}
  .login .con .formbox .iptbox label {margin-right:1%; letter-spacing:-1.5px;}
  .join .jointab {padding:0 20px;}

  .join .jointab ul li.on:after {right:-12.5px; background-size:12.5px 100%; width:12.5px;}
  .join .jointab ul li:after{right:-12.5px; background-size:12.5px 100%; width:12.5px;}

  .join .member {padding:0 10px; box-sizing:border-box;}
  .join .member .frm colgroup {display:none;}
  .join .member .frm tr td:first-child {width:30%;}
 
  .join .member .frm tr td p.comment {margin-left:0; display:none;}
  .join .member .frm tr td .ipt1 {width:100%;}
  .join .member .frm tr td .ipt3 {width:50%;}
  .join .member .frm tr td .ipt4 {width:100%;}
  .join .member .frm tr:nth-child(2) td {padding-top:10px; padding-bottom:10px; }
  .join .member .frm tr:nth-child(2) td .ipt1 {width:50%;}
  .join .member .frm .iptbtn {width:35%; margin-left:2%;}
  .join .member .frm tr:nth-child(6) td .ipt1:first-child {width:80%; margin:5px 0;}
  .join .member .frm tr:nth-child(6) td .ipt3 {margin-left:0;  margin-top:5px; margin-bottom:5px;}
  .inquiry .con .formbox .iptbox{width:75%;}
  .inquiry .con .formbox .iptbox2 {width:25%;}

}

@media (max-width:380px) {
  .join .jointab ul li.on:after {display:none;}
  .join .jointab ul li:after{display:none;}
}