/* 회원가입 */
.idChk{ margin:0; padding:5%; border:1px solid #000; background:#fff; width:100%; overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.idChk h3{margin:0 auto; padding:0 0 20px 0; font-size:40px; font-weight:bold; text-transform:uppercase; color:#bc0d1e;}
.idChk h3 span{color:#CCCCCC; font-weight:100;display:inline-block;}
.idChk .stt{font-size:20px; color:#666666; margin:0; padding:0 0 7px 0; overflow:hidden}
.idChk .sstt{font-size:13px; color:#666666; padding:0 0 20px 0; overflow:hidden; margin:0; line-height:120%}
.idChk .idBox{margin:0 auto; padding:5%; clear:both; width:100%; border:1px solid #dedede; overflow:hidden; background:#fafafa;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.idChk .idBox li{float:none; margin:0; padding:0;}
.idChk .idBox li:first-child{margin-bottom:15px;}
.idChk .idBox li input[type='text']{border:1px solid #d5d5d5; width:100%; height:32px; text-indent:15px;}
.idChk .idBox li input[type='button']{border:1px solid #d5d5d5; width:48%; height:32px; background:#fff; margin:0; float:right; color:#999999;}
.idChk .idBox li input[type='button']:hover{border:1px solid #222; color:#222; transition:all ease 0.8s}
.idChk .idBox li:nth-child(2){text-align:center;}
.idChk .idBox li:nth-child(2) input[type='button']:first-child{float:left;background: #bc0d1e;border:1px solid #bc0d1e; color:#fff;cursor:pointer;}
.idChk .idBox li:nth-child(2) input[type='button']:hover:first-child{background-color:#bc0d1e; border:1px solid #bc0d1e; transition:all ease 0.8s}
@media only screen and (max-width:499px) {
  .idChk h3{padding:0 0 12px 0; font-size:30px}
  .idChk .stt{font-size:17px;}
  .idChk .sstt{font-size:12px; padding:0 0 15px 0;}
}
/* 회원가입  */

/* 로그인 */

.login-con{margin:0 auto; padding:0; width:86%; clear:both; overflow:hidden; border:1px solid #d5d5d5;}
.login-con .loginL{ float:left; width:50%; overflow:hidden; margin:0; padding:5%; background:#fafafa; border-right:1px solid #d5d5d5}
.login-con .loginR{ float:right; width:50%; overflow:hidden; margin:0; padding:5%; }
.login-con h3{argin:0 auto; padding:0 0 20px 0; font-size:25px; font-weight:bold; color:#212121; text-transform:uppercase}
.login-con .loginList{margin:0; padding:0; width:100%; clear:both; overflow:hidden;}
.login-con .loginList>li{float:right; margin:0; padding:0; width:28%;}
.login-con .loginList>li:first-child{width:70%; float:left;}
.login-con .loginSList{margin:0; padding:0; width:100%; clear:both;}
.login-con .loginSList li{float:none; margin:0; padding:7px 0;}
.login-con .loginList>li:first-child input{border:1px solid #d5d5d5; width:100%; height:32px; text-indent:15px; /*-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;*/}
.login-con .loginList>li input.login{ background-color:#bc0d1e; border:1px solid #bc0d1e; color:#FFFFFF; width:100%; height:100%; font-size:19px; font-weight:bold; line-height:77px; margin-top:5px;}
.login-con .loginList>li input.login:hover{ background-color:#bc0d1e; border:1px solid #bc0d1e; transition:all ease 0.8s}
.login-con p.txt{font-size:15px; margin:25px 0 0 0; padding:8px 0; border-bottom:1px solid #d5d5d5; line-height:100%;}
.login-con p.but{ margin:15px 0 0 0; padding:0; width:100%; clear:both; overflow:hidden;}
.login-con p.but input{ float:left; width:32.33%; margin:0 0 0 1.5%; background-color:#fff; border:1px solid #bc0d1e; color: #999999; height:37px; line-height:35px;}
.login-con p.but input:hover{border:1px solid #222; color:#323232; transition:all ease 0.8s}
.login-con p.but input:first-child{margin:0; background-color:#bc0d1e; color:#fff;border:1px solid #bc0d1e;transition:all ease 0.2s;}
.login-con p.but input:hover:first-child{background-color:#bc0d1e; border:1px solid #bc0d1e; transition:all ease 0.2s;}
.login-con .loginList>li input.ok{ background-color:#fff; border:1px solid #e3e3e3; color:#999999; width:100%; height:100%; font-size:19px; font-weight:bold; line-height:77px; margin-top:5px;}
.login-con .loginList>li input.ok:hover{ background-color:#fff; border:1px solid #222; color:#323232; transition:all ease 0.8s}
.login-con input[type=button],.login-con input[type=submit]{cursor:pointer;}
@media only screen and (max-width:1107px) {
  .login-con{width:100%;}
}
@media only screen and (max-width:767px) {
  .login-con .loginL{ float: inherit; width:100%; border-bottom:1px solid #d5d5d5; border-right:none;}
  .login-con .loginR{ float: inherit; width:100%;}
  .login-con h3{padding:0 0 12px 0; font-size:20px;}
  .login-con .loginList>li .loginSList li{padding:5px 0;}
  .login-con .loginList>li input.login{font-size:16px; }
  .login-con p.txt{font-size:13px; margin:25px 0 0 0; padding:8px 0; border-bottom:1px solid #d5d5d5; line-height:100%;}
  .login-con p.but{ margin:15px 0 0 0; padding:0; width:100%; clear:both; overflow:hidden;}
  .login-con p.but input{ float:left; width:32.33%; margin:0 0 0 1.5%; background-color:#fff; border:1px solid #e3e3e3; color: #999999; height:37px; line-height:35px;}
  .login-con .loginList>li input.ok{ font-size:16px; }
}
/* 로그인 */

/* 아이디, 패스워드 찾기 */

.login-con {
  margin: 0 auto;
  padding: 0;
  width: 80%;
  clear: both;
  overflow: hidden;
  border: 1px solid #d5d5d5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}

.login-con .loginL {
  float: left;
  width: 50%;
  overflow: hidden;
  margin: 0;
  padding: 5%;
  background: #fafafa;
  border-right: 1px solid #d5d5d5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}

.login-con .loginR {
  float: right;
  width: 50%;
  overflow: hidden;
  margin: 0;
  padding: 5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}

.login-con h3 {
  argin: 0 auto;
  padding: 0 0 20px 0;
  font-size: 25px;
  font-weight: bold;
  color: #212121;
  text-transform: uppercase
}

.login-con .loginList {
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
  overflow: hidden;
}

.login-con .loginList > li {
  float: right;
  margin: 0;
  padding: 0;
  width: 28%;
}

.login-con .loginList > li:first-child {
  width: 70%;
  float: left;
}

.login-con .loginSList {
  margin: 0;
  padding: 0;
  width: 100%;
  clear: both;
}

.login-con .loginSList li {
  float: none;
  margin: 0;
  padding: 5px 0;
}

.login-con .loginList > li:first-child input {
  border: 1px solid #d5d5d5;
  width: 100%;
  height: 32px;
  text-indent: 15px; /*-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;*/
}

.login-con .loginList > li input.login {
  background-color: #bc0d1e;
  border: 1px solid #bc0d1e;
  color: #FFFFFF;
  width: 100%;
  height: 100%;
  font-size: 19px;
  font-weight: bold;
  line-height: 77px;
  margin-top: 5px;
  transition: all ease 0.8s;
  cursor: pointer;
}

.login-con .loginList > li input.login:hover {
  background-color: #bc0d1e;
  border: 1px solid #bc0d1e;
  transition: all ease 0.8s;
}

.login-con p.txt {
  font-size: 15px;
  margin: 25px 0 0 0;
  padding: 8px 0;
  border-bottom: 1px solid #d5d5d5;
  line-height: 100%;
}

.login-con p.but {
  margin: 15px 0 0 0;
  padding: 0;
  width: 100%;
  clear: both;
  overflow: hidden;
}

.login-con p.but input {
  float: left;
  width: 32.33%;
  margin: 0 0 0 1.5%;
  background-color: #fff;
  border: 1px solid #e3e3e3;
  color: #999999;
  height: 37px;
  line-height: 35px;
}

.login-con p.but input:hover {
  border: 1px solid #222;
  color: #323232;
  transition: all ease 0.8s
}

.login-con p.but input:first-child {
  margin: 0;
  background-color: #854c14;
  color: #fff;
  border: 1px solid #603307;
}

.login-con p.but input:hover:first-child {
  background-color: #603307;
  border: 1px solid #603307;
  transition: all ease 0.8s
}

.login-con .loginList > li input.ok {
  background-color: #fff;
  border: 1px solid #e3e3e3;
  color: #999999;
  width: 100%;
  height: 100%;
  font-size: 19px;
  font-weight: bold;
  line-height: 77px;
  margin-top: 5px;
  transition: all ease 0.8s;
  cursor: pointer;
}

.login-con .loginList > li input.ok:hover {
  background-color: #fff;
  border: 1px solid #222;
  color: #323232;
  transition: all ease 0.8s
}

@media only screen and (max-width: 1107px) {
  /**************************************************************************************
                                   * 로그인 *
  ***************************************************************************************/
  .login-con {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  
  /**************************************************************************************
                                   * 로그인 *
  ***************************************************************************************/
  .login-con .loginL {
    float: inherit;
    width: 100%;
    border-bottom: 1px solid #d5d5d5;
    border-right: none;
  }
  
  .login-con .loginR {
    float: inherit;
    width: 100%;
  }
  
  .login-con h3 {
    padding: 0 0 12px 0;
    font-size: 20px;
  }
  
  .login-con .loginList {
    margin: 0;
    padding: 0;
    width: 100%;
    clear: both;
    overflow: hidden;
  }
  
  .login-con .loginList > li {
    float: right;
    margin: 0;
    padding: 0;
    width: 28%;
  }
  
  .login-con .loginList > li:first-child {
    width: 70%;
    float: left;
  }
  
  .login-con .loginList > li .loginSList {
    margin: 0;
    padding: 0;
    width: 100%;
    clear: both;
  }
  
  .login-con .loginList > li .loginSList li {
    float: none;
    margin: 0;
    padding: 5px 0;
  }
  
  .login-con .loginList > li:first-child input {
    border: 1px solid #d5d5d5;
    width: 100%;
    height: 32px;
    text-indent: 15px; /*-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;*/
  }
  
  .login-con .loginList > li input.login {
    background-color: #854c14;
    border: 1px solid #603307;
    color: #FFFFFF;
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-weight: bold;
    line-height: 77px;
    margin-top: 5px;
  }
  
  .login-con .loginList > li input.login:hover {
    background-color: #603307;
    border: 1px solid #603307;
    transition: all ease 0.8s
  }
  
  .login-con p.txt {
    font-size: 13px;
    margin: 25px 0 0 0;
    padding: 8px 0;
    border-bottom: 1px solid #d5d5d5;
    line-height: 100%;
  }
  
  .login-con p.but {
    margin: 15px 0 0 0;
    padding: 0;
    width: 100%;
    clear: both;
    overflow: hidden;
  }
  
  .login-con p.but input {
    float: left;
    width: 32.33%;
    margin: 0 0 0 1.5%;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    color: #999999;
    height: 37px;
    line-height: 35px;
  }
  
  .login-con p.but input:hover {
    border: 1px solid #222;
    color: #323232;
    transition: all ease 0.8s
  }
  
  .login-con p.but input:first-child {
    margin: 0;
    background-color: #854c14;
    color: #fff;
    border: 1px solid #603307;
  }
  
  .login-con p.but input:hover:first-child {
    background-color: #603307;
    border: 1px solid #603307;
    transition: all ease 0.8s
  }
  
  .login-con .loginList > li input.ok {
    background-color: #fff;
    border: 1px solid #e3e3e3;
    color: #999999;
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-weight: bold;
    line-height: 77px;
    margin-top: 5px;
  }
  
  .login-con .loginList > li input.ok:hover {
    background-color: #fff;
    border: 1px solid #222;
    color: #323232;
    transition: all ease 0.8s
  }
}

/* 아이디, 패스워드 찾기 */

/* 회원탈퇴 */

.idChk{ margin:0; padding:5%; border:1px solid #000; background:#fff; width:100%; overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.idChk h3{margin:0 auto; padding:0 0 20px 0; font-size:35px; font-weight:bold; color:#212121; text-transform:uppercase; color:#bc0d1e;}
.idChk h3 span{color:#CCCCCC; font-weight:100}
.idChk .stt{font-size:20px; color:#666666; margin:0; padding:0 0 7px 0; overflow:hidden}
.idChk .sstt{font-size:15px; color:#666666; padding:0 0 20px 0; overflow:hidden; margin:0; line-height:120%}

.idChk .idBox{margin:0 auto; padding:5%; clear:both; width:100%; border:1px solid #dedede; overflow:hidden; background:#fafafa;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
.idChk .idBox li{float:none; margin:0; padding:0 0 15px 0;}

.idChk .idBox li input[type='text'],.idChk .idBox li input[type='password']{border:1px solid #d5d5d5; width:100%; height:32px; text-indent:15px;}
.idChk .idBox li input[type='button']{border:1px solid #d5d5d5; width:48%; height:32px; background:#fff; margin:0; float:right; color:#999999;}
.idChk .idBox li input[type='button']:hover{border:1px solid #222; color:#222; transition:all ease 0.8s}
.idChk .idBox li:nth-child(3){text-align:center;}
.idChk .idBox li:nth-child(3) input[type='button']:first-child{float:left;background: #bc0d1e; color:#fff}
.idChk .idBox li:nth-child(3) input[type='button']:hover:first-child{background-color:#603307; border:1px solid #603307; transition:all ease 0.8s}
@media only screen and (max-width:499px) {
  .idChk h3{padding:0 0 12px 0; font-size:30px}
  .idChk .stt{font-size:17px;}
  .idChk .sstt{font-size:12px; padding:0 0 15px 0;}
}

/* 회원탈퇴 */