@charset "utf-8";
/*탭 디자인*/
#divTab {
  width: 100%;
  display: inline-block;
  margin-left: 1px;
}
#divTab .m-tabs {
  width: 100%;
}
#divTab .m-tabs li {
  width: 50%;
  float: left;
  font-size: 14px;
  cursor: pointer;
  border: 1px solid #eee;
  border-bottom: 1px solid #231815;
  color: #999;
  background: transparent;
  margin: -1px 0 0 -1px;
  padding: 11px 0px 13px;
  text-align: center;
  z-index: 1;
  line-height: 14px;
}
#divTab .m-tabs li.active {
  border: 1px solid #231815;
  color: #231815;
  border-bottom: 1px solid transparent;
  z-index: 2;
  position: relative;
}

/*== input box title ==*/
.subBox.whiteBox.joinBox h4 {
  font-size: 12px;
  margin-bottom: 7px;
  margin-top: 5px;
  text-align: left;
  font-weight: 600;
}

/* Login */
.containerWrap {
  text-align: center;
  max-width: 1130px;
  margin: 0 auto;
}
.whiteBox {
  background: rgba(255, 255, 255, 1);
  border: 1px solid #eee;
}
.subBox.whiteBox {
  background: rgba(255, 255, 255, 0.8);
  border: 0;
  margin: 0 auto 148px;
  display: inline-block;
  text-align: left;
  padding: 50px 30px;
  margin: 0px auto 110px;
  width: 40%;
  box-sizing: border-box;
}
.subBox.whiteBox.login-step2 {
  width: 100%;
}
.subBox.whiteBox.login-step2.loginBoxWRap {
  width: 95%;
  border: 1px solid #eeeeee;
}
.subBox.whiteBox.joinBox.joinComplete {
  width: 40%;
}
.subBox.whiteBox.joinBox {
  width: 40%;
}
.subBox.whiteBox .loginArea {
  padding: 0px 90px 0 0;
  border-right: 1px solid #d7d7d7;
}
.subBox.whiteBox .loginArea .loginBoxArea {
  width: 380px;
  margin: 0 0 0 auto;
}
.subBox.whiteBox .loginBtn2 {
  /*border-bottom:1px dashed #dedede; */
  padding-bottom: 20px;
  margin-bottom: 25px;
}
.subBox.whiteBox .loginArea a {
  color: #fff;
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  font-weight: 400;
  font-size: 1em;
  width: 100%;
  margin-bottom: 5px;
  height: 50px;
  line-height: 50px;
}
.subBox.whiteBox .loginArea a img {
  float: left;
  vertical-align: middle;
  margin-left: 3px;
  margin-bottom: 3px;
  max-width: 50px;
}
.subBox.whiteBox .loginArea a strong {
  color: #fff;
  font-weight: bold;
}
.subBox.whiteBox .loginArea a.facebookBtn {
  background: #4473aa;
  border: 1px solid #315b95;
}
.subBox.whiteBox .loginArea a.naverBtn {
  background: #1ec800;
  border: 1px solid #12ad00;
}
.subBox.whiteBox .loginArea a.googleBtn {
  background: #dc4b34;
  border: 1px solid #c83124;
}
.subBox.whiteBox .loginArea a.kakaoBtn {
  background: #ffeb00;
  border: 1px solid #f4da00;
  color: #472900;
}
.subBox.whiteBox .loginArea .loginInput input {
  background: #fff;
  border: 0;
  width: 100%;
  border: 1px solid #d7d7d7;
  text-indent: 15px;
  margin-bottom: 5px;
  height: 50px;
  line-height: normal;
  border-radius: 0;
}
.subBox.whiteBox .loginArea .loginInput input[type="password"].user_pw {
  font-size: 13px;
  font-family: "Nanum Gothic";
} /* added by Oak */
.subBox.whiteBox .loginArea .btnarea {
  margin-top: 18px;
}
.subBox.whiteBox .loginArea .btnarea button {
  width: 100%;
  margin: 5px 0 0px;
  height: 43px;
  line-height: 41px;
  cursor: pointer;
  border-radius: 50px;
}

.subBox.whiteBox .registerBox {
  padding: 0px 0px 0 90px;
}
.subBox.whiteBox .registerBox .memberBox h4 {
  font-size: 1.25em;
  margin-bottom: 13px;
  font-weight: 400;
}
.subBox.whiteBox .registerBox .memberBox p {
  font-size: 1em;
  color: #6f6f6f;
  margin-bottom: 30px;
}
.subBox.whiteBox .registerBox .memberBox .noMember {
  margin: 20px 0 77px;
}
.subBox.whiteBox .registerBox .memberBox .noMember a {
  color: #333;
  width: 172px;
  height: 43px;
  line-height: 41px;
}
.subBox.whiteBox .registerBox .memberBox .forgot {
  margin: 20px 0 77px;
}
.subBox.whiteBox .registerBox .memberBox .forgot p {
}
.subBox.whiteBox .registerBox .memberBox .forgot a {
  color: #231815;
  width: 172px;
  height: 43px;
  line-height: 41px;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
}
.subBox.whiteBox .registerBox .memberBox .forgot a:last-child {
  margin-left: 10px;
}

/* 회원가입 */
.subBox.whiteBox.joinBox.login-step2.login_input_step {
  border: 1px solid #eeeeee;
}

.subBox.whiteBox.joinBox {
  box-sizing: border-box;
}
.subBox.whiteBox.joinBox .loginArea {
  padding: 0 10px;
  border-right: 0;
}
.subBox.whiteBox.joinBox .loginArea .loginBoxArea {
  width: 100%;
  margin-left: 0;
}
.subBox.whiteBox.joinBox .loginArea .loginBoxArea h2 {
  font-size: 1.25em;
  text-align: center;
  margin-bottom: 20px;
  font-weight: 500;
}
.subBox.whiteBox.joinBox .loginArea .btnarea button {
  border-radius: 0px;
  border-radius: 50px;
}
.subBox.whiteBox.joinBox .loginArea .loginInfo {
  color: #888;
  width: 100%;
  display: inline-block;
  height: 50px;
  line-height: 50px;
}
.subBox.whiteBox.joinBox .loginArea .loginInfo a {
  color: #231815;
  float: right;
  width: auto;
}

/*회원가입 - step1*/
.subBox.whiteBox.joinBox .fullInput.disable {
  background: #f8f8f8;
  border: 1px solid #d7d7d7;
  height: 37px;
  line-height: 35px;
  width: 100%;
  text-indent: 10px;
  color: #9b9b9b;
  font-size: 13px;
}

.subBox.whiteBox.joinBox.login-step2 {
  padding: 50px 130px;
  margin: 0px auto 110px;
  width: 100%;
} /* 외부 div 고정 픽셀 설정으로 인한 입력창 좁아짐 현상 발생시 130px 을 줄일 것 */
.subBox.whiteBox.joinBox .fullInput {
  width: 100%;
}
.subBox.whiteBox.joinBox h2 {
  font-size: 1.25em;
  font-weight: 500;
  margin-bottom: 20px;
}
.subBox.whiteBox.joinBox.login-step2 .loginArea {
  padding: 0 90px 0 10px;
  border-right: 1px dashed #dedede;
}
.subBox.whiteBox.joinBox.login-step2 .agreeBoxArea {
  padding: 0 10px 0 90px;
}
.subBox.whiteBox.joinBox.login-step2.login_input_step .loginArea {
  padding: 0 90px 0 10px;
  border-right: 0;
}
.subBox.whiteBox.joinBox.login-step2.login_input_step .agreeBoxArea {
  padding: 0 10px 0 90px;
  border-left: 1px dashed #dedede;
}
.subBox.whiteBox.joinBox .loginArea .loginInput input {
  width: 78%;
  background: #fff;
  float: left;
}
.subBox.whiteBox.joinBox .loginArea .loginInput a.whiteBtn,
.subBox.whiteBox.joinBox .loginArea .cellular a.whiteBtn,
.subBox.whiteBox.joinBox .loginArea .pCellular a.whiteBtn,
.subBox.whiteBox.joinBox .agreeBoxArea a.whiteBtn {
  border-radius: 0;
  width: 20%;
  float: right;
  margin-bottom: 0;
  color: #333;
  height: 37px;
  line-height: 36px;
  font-size: 13px;
}
.subBox.whiteBox.joinBox .loginArea .loginInput {
  display: inline-block;
  width: 100%;
  margin-bottom: 5px;
}
.subBox.whiteBox.joinBox .loginArea .loginInput #id_chk {
  font-size: 13px;
  color: #ea3737;
  margin-top: 5px;
  width: 100%;
  display: inline-block;
  margin-bottom: 10px;
}
.subBox.whiteBox.joinBox .loginArea .loginInput p.txt,
.subBox.whiteBox.joinBox .loginArea .loginInput2 p.txt {
  font-size: 0.938em;
  color: #777;
  width: 100%;
  display: inline-block;
  margin: 5px 0 15px;
}
.subBox.whiteBox.joinBox .loginArea .loginInput2 input {
  width: 100%;
  border: 1px solid #d7d7d7;
  text-indent: 15px;
  height: auto;
  line-height: normal;
  border-radius: 0;
  background: #fff;
}
.subBox.whiteBox.joinBox
  .loginArea
  .loginInput2
  input[type="password"].user_pw {
  font-size: 12px;
}
.subBox.whiteBox.joinBox .loginArea .userInfo input.user_pw {
  margin-bottom: 5px;
}
.subBox.whiteBox.joinBox .loginArea .userInfo {
  border-bottom: 1px dashed #dedede;
  margin-bottom: 20px;
}

.subBox.whiteBox.joinBox.login-step2 .loginArea .userInfo {
  border-bottom: 0;
  margin-bottom: 0px;
}
.subBox.whiteBox.joinBox .loginArea .userInfo:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.subBox.whiteBox.joinBox select {
  border-radius: 0;
}
.subBox.whiteBox.joinBox .loginArea .userInfo input {
  border-radius: 0;
  height: 37px;
  text-indent: 10px;
  margin-bottom: 0;
}
.subBox.whiteBox.joinBox .loginArea .userInfo input[type="text"],
.subBox.whiteBox.joinBox .loginArea .userInfo input[type="number"] {
  border-radius: 0;
  height: 37px;
  text-indent: 10px;
  margin-bottom: 0;
}
.subBox.whiteBox.joinBox .loginArea .userInfo input[type="text"].user_pw {
  margin-bottom: 5px;
}
.subBox.whiteBox.joinBox .loginArea .userInfo input[type="text"].mb-10 {
  margin-bottom: 10px;
}
.subBox.whiteBox.joinBox .loginArea .userInfo .gender {
  width: 100%;
  display: inline-block;
}
.subBox.whiteBox.joinBox .loginArea .userInfo .gender label.radio {
  font-size: 13px;
  color: #555;
}
.subBox.whiteBox.joinBox .loginArea .userInfo .fullInput {
  width: 100%;
}
.subBox.whiteBox.joinBox .loginArea .userInfo .birth {
  width: 100%;
  display: inline-block;
}
.subBox.whiteBox.joinBox .loginArea .userInfo .birth select {
  margin-right: 2%;
  float: left;
  height: 37px;
}
.subBox.whiteBox.joinBox .loginArea .userInfo .birth select.w160 {
  width: 40%;
}
.subBox.whiteBox.joinBox .loginArea .userInfo .birth select.w100 {
  width: 28%;
}
.subBox.whiteBox.joinBox .loginArea .userInfo .birth select:last-child {
  margin-right: 0;
}
.subBox.whiteBox.joinBox .loginArea .userInfo .agreeInput {
  height: 40px;
  line-height: 40px;
  width: 100%;
  display: inline-block;
}
.subBox.whiteBox.joinBox .loginArea .userInfo .agreeInput span {
}
.subBox.whiteBox.joinBox .loginArea .userInfo .agreeInput .checkArea {
  float: right;
}
.subBox.whiteBox.joinBox
  .loginArea
  .userInfo
  .agreeInput
  .checkArea
  label.check {
  margin-left: 10px;
}
.subBox.whiteBox.joinBox .loginArea .cellular {
  display: inline-block;
  width: 100%;
  margin-bottom: 15px;
}
.subBox.whiteBox.joinBox .loginArea .cellular select {
  margin-right: 0;
  width: 19%;
  height: 37px;
  float: left;
}
.subBox.whiteBox.joinBox .loginArea .cellular input {
  width: 35.5%;
  border-radius: 0;
  float: left;
}
.subBox.whiteBox.joinBox .loginArea .cellular span {
  display: inline-block;
  text-align: center;
  width: 5%;
  float: left;
  line-height: 37px;
}
.subBox.whiteBox.joinBox .loginArea .pCellular {
  display: inline-block;
  width: 100%;
  margin-bottom: 15px;
}
.subBox.whiteBox.joinBox .loginArea .pCellular select {
  margin-right: 0;
  width: 19%;
  float: left;
}
.subBox.whiteBox.joinBox .loginArea .pCellular input {
  width: 35.5%;
  border-radius: 0;
  float: left;
}
.subBox.whiteBox.joinBox .loginArea .pCellular span {
  display: inline-block;
  text-align: center;
  width: 5%;
  float: left;
  line-height: 37px;
}

/* .subBox.whiteBox.joinBox .agreeBoxArea .cellular{display:inline-block; width:100%;} */
/* .subBox.whiteBox.joinBox .agreeBoxArea .cellular select{margin-right:0;width:19%;float:left;} */
/* .subBox.whiteBox.joinBox .agreeBoxArea .cellular input{width:26%; border-radius:0;float:left;} */
/* .subBox.whiteBox.joinBox .agreeBoxArea .cellular span{display:inline-block; text-align:center; width:3.5%;float:left; line-height:37px;} */
/* .subBox.whiteBox.joinBox .agreeBoxArea .cellular .certification{margin-top:5px;display:inline-block; width:100%;} */
/* .subBox.whiteBox.joinBox .agreeBoxArea .cellular .certification input{width:78%;} */

.subBox.whiteBox.joinBox.login-step2 .agreeBoxArea .memberBox .btnarea {
  margin-top: 40px;
}
.subBox.whiteBox.joinBox.login-step2 .agreeBoxArea .memberBox .btnarea button {
  width: 100%;
  cursor: pointer;
}
.subBox.whiteBox.joinBox.login-step2 .operation {
  margin-bottom: 15px;
  padding-bottom: 20px;
}
.subBox.whiteBox.joinBox.login-step2 .operation .gender {
}
.subBox.whiteBox.joinBox.login-step2 .operation .gender .radioArea {
  line-height: 37px;
}
.subBox.whiteBox.joinBox.login-step2
  .operation
  .gender
  .radioArea
  input.smallInput {
  width: 280px;
  float: right;
}
.subBox.whiteBox.joinBox .agreeBoxArea.uploadArea {
}
.subBox.whiteBox.joinBox .agreeBoxArea.uploadArea .upload {
  display: inline-block;
  width: 100%;
}
.subBox.whiteBox.joinBox .agreeBoxArea.uploadArea .upload > div.input {
  float: left;
  width: 80%;
  background: #f3f3f3;
  border: 1px solid #d7d7d7;
  height: 37px;
  padding: 11px 10px;
  font-size: 13px;
  line-height: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.subBox.whiteBox.joinBox .agreeBoxArea.uploadArea .upload > a {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #231815;
  color: #231815;
  font-size: 0.813em;
  width: 20%;
  height: 37px;
  line-height: 35px;
  text-align: center;
}
.subBox.whiteBox.joinBox .agreeBoxArea.uploadArea .upload > div.upload-thumb {
  border: 1px solid #d7d7d7;
  width: 140px;
  height: 140px;
  margin-right: 8px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: bottom;
}
.subBox.whiteBox.joinBox
  .agreeBoxArea.uploadArea
  .upload
  > div.upload-thumb
  span {
  width: 138px;
  height: 138px;
  background: #f2f2f2;
  margin-left: 0;
  border: 8px solid #fff;
  display: inline-block;
}
.subBox.whiteBox.joinBox .agreeBoxArea.uploadArea .upload span {
  font-size: 0.813em;
  color: #999999;
  margin-left: 10px;
}
.subBox.whiteBox.joinBox .agreeBoxArea.uploadArea .txt {
  font-size: 0.813em;
  line-height: 18px;
  color: #777;
  white-space: pre-line;
  margin-top: 10px;
}
.subBox.whiteBox.joinBox .agreeBoxArea.uploadArea .txt span.blue {
  color: #269cd3;
}
.subBox.whiteBox.joinBox .agreeBoxArea.uploadArea .btnarea {
  margin-top: 40px;
  width: 100%;
  display: inline-block;
}
.subBox.whiteBox.joinBox .agreeBoxArea.uploadArea .btnarea button {
  width: 32%;
  float: left;
  margin: 0 2%;
}
.subBox.whiteBox.joinBox .agreeBoxArea.uploadArea .btnarea button.blueBtn {
  float: right;
  margin: 0;
}
.subBox.whiteBox.joinBox .agreeBoxArea.uploadArea .btnarea button.addBtn {
  border-color: #42a5df;
  color: #42a5df;
  margin: 0;
}
.subBox.whiteBox.joinBox .agreeBoxArea.uploadArea .btnarea button.addBtn:hover {
  background: #42a5df;
  color: #fff;
}
.subBox.whiteBox.joinBox .loginArea .loginBoxArea .add-dogInfo {
  /*border-bottom:1px solid #d7d7d7;padding-bottom:10px; */
  margin-top: 5px;
  margin-bottom: 14px;
}
.subBox.whiteBox.joinBox .loginArea .loginBoxArea .add-dogInfo ul {
  display: inline-block;
}
.subBox.whiteBox.joinBox .loginArea .loginBoxArea .add-dogInfo li {
  margin-right: 8px;
  display: inline-block;
}
.subBox.whiteBox.joinBox .loginArea .loginBoxArea .add-dogInfo li.on {
}
.subBox.whiteBox.joinBox .loginArea .loginBoxArea .add-dogInfo li a {
  padding: 0 20px;
  display: inline-block;
  background: #fff;
  border: 1px solid #777;
  color: #777;
  font-size: 13px;
  border-radius: 4px;
  height: 32px;
  line-height: 30px;
  box-sizing: border-box;
}
.subBox.whiteBox.joinBox .loginArea .loginBoxArea .add-dogInfo li.on a {
  background: #061f5c;
  border: 1px solid #061f5c;
  color: #fff;
}

.subBox.whiteBox.joinBox .mail {
  width: 100%;
  display: inline-block;
  margin-bottom: 15px;
}
.subBox.whiteBox.joinBox .mail .color-gray {
  font-size: 0.813em;
  color: #777;
  margin-top: 8px;
  display: inline-block;
  text-align: left;
}
.subBox.whiteBox.joinBox .mail span {
  float: left;
  line-height: 37px;
  width: 6%;
  text-align: center;
  font-size: 15px;
  color: #9b9b9b;
}
.subBox.whiteBox.joinBox .mail .mail1 {
  width: 30%;
  float: left;
}
.subBox.whiteBox.joinBox .mail .mail2 {
  width: 32%;
  float: left;
}
.subBox.whiteBox.joinBox .mail select {
  display: inline-block;
  width: 29%;
  height: 37px;
  margin-left: 3%;
  margin-top: 0;
  vertical-align: top;
}
/*
.subBox.whiteBox.joinBox .agreeBoxArea .mail .certification{margin-top: 5px;display: inline-block; width: 100%;}
.subBox.whiteBox.joinBox .agreeBoxArea .mail .certification input{width:78%;}
*/
.subBox.whiteBox.joinBox .address {
  margin-bottom: 15px;
}
.subBox.whiteBox.joinBox .address a.whiteBtn,
.rightBlock .moidify .mail a.whiteBtn,
.subBox.whiteBox.joinBox .cellular a.whiteBtn {
  border-radius: 0;
  width: 22%;
  float: right;
  margin-bottom: 0;
  color: #333;
  height: 37px;
  line-height: 36px;
  font-size: 0.813em;
}
.subBox.whiteBox.joinBox .address .addressSrch input[type="text"] {
  width: 76%;
  height: 37px;
}
.subBox.whiteBox.joinBox .address input {
  border-radius: 0;
  padding-left: 10px;
  height: 37px;
}
.subBox.whiteBox.joinBox .address input.fullInput {
  width: 100%;
  padding-left: 10px;
  height: 37px;
}

.subBox.whiteBox.joinBox .couponBox {
  margin-top: 20px;
}
.subBox.whiteBox.joinBox .couponBox input.fullInput {
  width: 100%;
  padding-left: 10px;
  height: 37px;
}

.subBox.whiteBox.joinBox .agreeBoxArea .memberBox .joinAgree {
  background: #fff;
  border: 1px solid #d7d7d7;
  box-sizing: border-box;
  padding: 15px;
  margin-top: 25px;
}
.subBox.whiteBox.joinBox .agreeBoxArea .memberBox .joinAgree .title {
  margin-bottom: 15px;
  color: #231815;
}
.subBox.whiteBox.joinBox .agreeBoxArea .memberBox .joinAgree .txt {
  color: #777;
  white-space: pre-line;
  font-size: 0.813em;
  line-height: 18px;
  margin-bottom: 0;
}
.subBox.whiteBox.joinBox .agreeBoxArea .memberBox .joinAgree .checkArea {
  width: 100%;
  font-size: 0.875em;
}
.subBox.whiteBox.joinBox
  .agreeBoxArea
  .memberBox
  .joinAgree
  .checkArea
  label.check {
  width: auto;
  vertical-align: middle;
}
.subBox.whiteBox.joinBox
  .agreeBoxArea
  .memberBox
  .joinAgree
  .checkArea
  label.check
  a {
  width: auto;
  color: #9b9b9b;
  color: #777;
  border-bottom: 1px solid #9b9b9b;
}
.subBox.whiteBox.joinBox
  .agreeBoxArea
  .memberBox
  .joinAgree
  .checkArea
  label.check
  span {
  color: #269cd3;
}
.subBox.whiteBox.joinBox .agreeBoxArea .memberBox .joinAgree .viewAll {
  vertical-align: middle;
  margin-left: 5px;
  font-size: 13px;
}

.subBox.whiteBox.joinBox .agreeBox .text {
  font-size: 14px;
  text-align: center;
  line-height: 18px;
  margin-bottom: 7px;
  color: #555;
}
.subBox.whiteBox.joinBox .agreeBox .btnarea button {
  border-radius: 50px;
  width: 49%;
}
.subBox.whiteBox.joinBox .agreeBox .btnarea button:last-child {
  float: Right;
}

.subBox.whiteBox.joinBox .leave {
  text-align: right;
  margin-top: 20px;
}
.subBox.whiteBox.joinBox .leave a {
  width: auto;
  color: #9b9b9b;
  color: #777;
  border-bottom: 1px solid #9b9b9b;
}

/* 비밀번호, 아이디 찾기 */

.subBox.whiteBox .loginArea01 {
  padding: 0px 90px 0 0;
  border-right: 1px solid #d7d7d7;
}
.subBox.whiteBox .loginBoxArea h4 {
  margin-bottom: 13px;
}
.subBox.whiteBox .loginArea01 .loginBoxArea {
  width: 380px;
  margin: 0 0 0 auto;
  padding: 20 20 20 60;
}
.subBox.whiteBox .loginArea01 .loginBoxArea .memberBox {
  margin-bottom: 13px;
}
.subBox.whiteBox .loginArea01 .loginInput input {
  background: #fff;
  border: 0;
  width: 100%;
  border: 1px solid #d7d7d7;
  text-indent: 15px;
  margin-bottom: 5px;
  height: 37px;
  line-height: normal;
  border-radius: 0;
}
.subBox.whiteBox .loginArea01 .loginInput .cellular select {
  margin-right: 0;
  width: 19%;
  height: 37px;
  float: left;
}
.subBox.whiteBox .loginArea01 .loginInput .cellular input {
  background: #fff;
  border: 0;
  width: 34.1%;
  border: 1px solid #d7d7d7;
  text-indent: 15px;
  margin-bottom: 5px;
  height: 37px;
  line-height: normal;
  border-radius: 0;
}
.subBox.whiteBox .loginArea01 .loginInput .cellular span {
  display: inline-block;
  text-align: center;
  width: 5%;
  line-height: 37px;
}
.subBox.whiteBox .loginArea01 .btnarea {
  margin-top: 18px;
}
.subBox.whiteBox .loginArea01 .btnarea button {
  width: 100%;
  margin: 5px 0 0px;
  height: 43px;
  line-height: 41px;
  cursor: pointer;
}
.subBox.whiteBox .loginArea01 .checkArea {
  float: right;
  padding-top: 10px;
}
.subBox.whiteBox .loginArea01 .checkArea label.check {
  margin-left: 10px;
}

.subBox.whiteBox .loginArea02 {
  padding: 0px 25px 0 0;
}
.subBox.whiteBox .loginArea02 .loginBoxArea {
  width: 380px;
  margin: 0 0 0 auto;
}
.subBox.whiteBox .loginArea02 .loginBoxArea .memberBox p {
  margin-bottom: 13px;
}
.subBox.whiteBox .loginArea02 .loginInput input {
  background: #fff;
  border: 0;
  width: 100%;
  border: 1px solid #d7d7d7;
  text-indent: 15px;
  margin-bottom: 5px;
  height: 37px;
  line-height: normal;
  border-radius: 0;
}
.subBox.whiteBox .loginArea02 .btnarea {
  margin-top: 18px;
}
.subBox.whiteBox .loginArea02 .btnarea button {
  width: 100%;
  margin: 5px 0 0px;
  height: 43px;
  line-height: 41px;
  cursor: pointer;
}

/* 간편로그인 버튼 */
.social_login {
  position: relative;
  width: 100%;
  border-top: #f1f1f1 1px solid;
  margin-top: 40px;
}
.social_login .col1 {
  position: relative;
  width: 35%;
  display: block;
  padding: 0;
  line-height: 45px;
  font-size: 19px;
  color: #2a2b2b;
  font-weight: 600;
  float: left;
  margin-top: 40px;
}
.social_login .col2 {
  position: relative;
  width: 65%;
  display: block;
  padding: 0;
  line-height: 45px;
  float: left;
  margin-top: 40px;
  font-size: 0;
}
.social_login .col2 a {
  position: relative;
  width: 17% !important;
  display: inline-block;
  float: left;
  margin: 0 10px;
  line-height: 45px;
  padding: 0;
}

/*테블릿*/

@media all and (max-width: 990px) {
  .pcVer {
    display: none;
  } /*pc버전에서 안보이게 하기*/
  .pc-tabletVer {
    display: block;
  } /*pc에서 테블릿버전에서만 보이게 하기*/
  .tabletVer {
    display: block;
  } /*모바일-테블릿버전에서만 보이게 하기*/
  .mobileVer {
    display: none;
  } /*모바일-테블릿버전에서만 보이게 하기*/

  select {
    font-size: 13px;
  }
  input[type="text"],
  input[type="password"],
  textarea {
    font-size: 13px;
  }
  #wrapper .containerWrap {
    padding-top: 0px;
  }
  #wrapper.customer .containerWrap {
    padding-top: 0px;
  }
  #subwrapper {
    padding-top: 0px;
  }
  #cartwrapper #wrapper .content {
    padding-top: 0px;
  }
  #m_header.fixed {
    position: fixed;
    top: 0px;
    width: 100%;
  }

  body {
    /*모바일에서 단어별로 줄바꿈*/
    -ms-word-break: keep-all;
    word-break: keep-all;
    /* Non standard for webkit */
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  /*==  Header  ==*/
  .pcHeader {
    display: none;
  }
  #header .hd_wrap .hd {
    height: auto;
  }
  #header .hd_wrap .hd .wsmenu {
    width: 300px;
  }
  #header .hd_wrap .hd nav .wsmenu-list > li > a.navtext {
    padding: 9px 20px 8px 20px;
  }
  .wsmobileheader {
    position: fixed;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #eee;
    z-index: 101;
  }
  .wsmobileheader .mobileheder-wrap {
    height: 50px;
  }
  .wsmobileheader .mobileheder-wrap .logo {
    text-align: center;
    height: 50px;
  }
  .wsmobileheader .mobileheder-wrap .logo img {
    width: 110px;
    margin: 12px 0px;
  }
  .wsmenu02 {
    display: block;
  }
  #header .hd_wrap .hd .right_menu,
  #header .hd_wrap .hd .smllogo {
    display: none;
  }
  .gnb-bnr {
    background: #f3f3f3;
    text-align: center;
  }
  .gnb-bnr img {
  }

  /*==  Login 레이아웃  ==*/
  .subBox.whiteBox {
    width: 90%;
  }

  /* 로그인 */
  .subBox.whiteBox.login-step2.loginBoxWRap {
    border: 0;
  }

  .subBox.whiteBox .loginArea .loginBoxArea {
    width: 100%;
  }
  .whiteBox.subBox .loginArea .loginInput input {
    height: 40px;
  }
  #subwrapper {
    background: #f8f6e9 url("../img/loginBg.jpg") no-repeat top left;
  }
  #subwrapper .containerWrap {
    min-height: 648px;
  }
  .subBox.whiteBox .registerBox .memberBox h4 {
    margin-bottom: 5px;
  }
  .subBox.whiteBox .registerBox .memberBox p {
    margin-bottom: 20px;
    line-height: 19px;
  }
  .subBox.whiteBox .registerBox .memberBox .noMember {
    margin: 0px 0 36px;
  }
  .subBox.whiteBox .registerBox .memberBox .forgot {
    margin: 20px 0 36px;
  }
  .subBox.whiteBox.joinBox .loginArea .loginInput a.whiteBtn,
  .subBox.whiteBox.joinBox .agreeBoxArea a.whiteBtn {
    font-size: 12px;
  }

  /*== 회원가입 2 ==*/
  .subBox.whiteBox.joinBox.login-step2.login_input_step {
    border: 0;
  }

  .subBox.whiteBox.joinBox .agreeBoxArea .memberBox .joinAgree:first-child {
    margin-top: 25px;
  }
  .subBox.whiteBox.joinBox .agreeBoxArea .memberBox .joinAgree {
    margin-top: 15px;
  }
  .subBox.whiteBox.joinBox.login-step2 .agreeBoxArea .memberBox .btnarea,
  .subBox.whiteBox.joinBox .agreeBoxArea.uploadArea .btnarea {
    margin-top: 25px;
  }
  .subBox.whiteBox.joinBox.login-step2 {
    padding: 50px 20px;
    width: 60%;
  }
  .subBox.whiteBox.joinBox.login-step2 .loginArea {
    padding: 0 10px 0 10px;
    width: 100%;
    border-right: 0;
  }
  .subBox.whiteBox.joinBox.login-step2 .agreeBoxArea {
    padding: 0 10px 0 10px;
    width: 100%;
  }
  .subBox.whiteBox.joinBox.login-step2 .operation {
    border-bottom: 1px dashed #dedede;
  }
  .subBox.whiteBox.joinBox.login-step2.login_input_step .loginArea {
    padding: 0 10px 0 10px;
    width: 100%;
    border-right: 0;
  }
  .subBox.whiteBox.joinBox.login-step2.login_input_step .agreeBoxArea {
    padding: 0 10px 0 10px;
    width: 100%;
    border-left: 0;
  }

  /*.subBox.whiteBox.joinBox .loginArea .userInfo .mail{margin-bottom:13px;}*/
  /*.subBox.whiteBox.joinBox .loginArea .userInfo .mail .mail1{width:59%;}*/
  .subBox.whiteBox.joinBox .loginArea .userInfo select {
    font-size: 12px;
  }
  .subBox.whiteBox.joinBox.login-step2
    .operation
    .gender
    .radioArea
    input.smallInput {
    width: 70%;
    float: none;
  }
  .subBox.whiteBox.joinBox.joinComplete p.txt {
    font-size: 14px;
    line-height: 19px;
  }
  .subBox.whiteBox.joinBox.joinComplete .btnarea {
    margin-top: 25px;
  }
  .subBox.whiteBox.joinBox .loginArea .loginBoxArea .add-dogInfo li a {
    font-size: 14px;
  }

  /* 비밀번호, 아이디 찾기 */
  .subBox.whiteBox .loginArea01 {
    padding: 0px 20px 0 0;
    border-right: 0px;
  }
  .subBox.whiteBox .loginArea01 .loginBoxArea {
    width: 100%;
  }
  .whiteBox.subBox .loginArea01 .loginInput input {
    height: 40px;
  }

  .subBox.whiteBox .loginArea02 {
    padding: 0px 25px 0 0;
  }
  .subBox.whiteBox .loginArea02 .loginBoxArea {
    width: 100%;
  }
  .whiteBox.subBox .loginArea02 .loginInput input {
    height: 40px;
  }
}

/*모바일*/
@media all and (max-width: 767px) {
  /*==  Responsive  ==*/
  .pcVer {
    display: none;
  } /*pc버전에서 안보이게 하기*/
  .pc-tabletVer {
    display: none;
  } /*pc에서 테블릿버전에서만 보이게 하기*/
  .tabletVer {
    display: block;
  } /*모바일-테블릿버전에서만 보이게 하기*/
  .mobileVer {
    display: block;
  } /*모바일-테블릿버전에서만 보이게 하기*/
  input[type="text"],
  input[type="password"],
  textarea {
    font-size: 12px;
  }
  #wrapper .containerWrap {
    padding-top: 0px;
  }
  select {
    font-size: 12px;
  }
  body {
    /*모바일에서 단어별로 줄바꿈*/
    -ms-word-break: keep-all;
    word-break: keep-all;
    /* Non standard for webkit */
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  /*==  Header  ==*/

  .gnb-bnr {
    height: auto;
  }
  .gnb-bnr img {
    width: 100%;
  }
  #wrapper.main
    .containerWrap
    .content.section03
    .contactArea
    .contact_form
    > div.btn
    > .roundBtn {
    font-size: 1.167em;
  }

  /*==  Login  ==*/
  .login_Tmg {
    margin: -50px 0 0 0;
  }
  .login_Bmg {
    margin: 0 0 -100px 0;
  }
  .subBox.whiteBox.login-step2.loginBoxWRap {
    border: 0;
  }

  .subBox.whiteBox {
    padding: 25px;
  }
  .subBox.whiteBox > h3 {
    font-size: 1.5em;
    font-weight: bold;
  }
  .subBox.whiteBox > p {
    font-size: 1.333em;
  }
  .subBox.whiteBox .registerBtn {
    width: 100%;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #ddd;
  }
  .subBox.whiteBox .registerBtn a {
    color: #fff;
    display: inline-block;
    text-align: center;
    font-size: 1.167em;
    width: 100%;
    margin-bottom: 10px;
    height: 45px;
    line-height: 45px;
    border-radius: 5px;
  }

  .subBox.whiteBox .loginBox {
    width: 100%;
    padding: 20px 0 0 0;
  }
  .subBox.whiteBox .loginArea,
  .subBox.whiteBox .registerBox {
    width: 100%;
  }
  .subBox.whiteBox .loginArea {
    padding-right: 0px;
    border-right: 0;
  }
  .subBox.whiteBox .loginArea a {
    font-size: 1.167em;
  }
  .subBox.whiteBox .loginArea .loginInfo {
    font-size: 1.167em;
  }
  .subBox.whiteBox .loginArea .loginInfo a {
    font-size: 1em;
  }
  .subBox.whiteBox .registerBox {
    padding-left: 0px;
    margin-top: -10px;
  }
  .subBox.whiteBox .registerBox .memberBox .noMember {
    margin: 0px 0 30px;
    padding-top: 20px;
    border-top: 1px dashed #dedede;
  }

  /* 간편로그인 버튼 */
  .social_login {
    position: relative;
    width: 100%;
    border-top: #f1f1f1 1px solid;
    margin-top: 20px;
  }
  .social_login .col1 {
    position: relative;
    width: 40%;
    display: block;
    padding: 0;
    line-height: 45px;
    font-size: 19px;
    color: #2a2b2b;
    font-weight: 600;
    float: left;
    margin: 20px 0 30px 0;
  }
  .social_login .col2 {
    position: relative;
    width: 60%;
    display: block;
    padding: 0;
    line-height: 45px;
    float: left;
    margin-top: 20px;
    font-size: 0;
  }
  .social_login .col2 a {
    position: relative;
    width: 45px !important;
    display: inline-block;
    margin: 0 5px;
    line-height: 45px;
    padding: 0;
  }

  /*회원가입*/
  .subBox.whiteBox.joinBox.login-step2.login_input_step {
    border: 0;
  }

  .subBox.whiteBox.joinBox {
    width: 90%;
    padding: 20px 10px;
  }
  .subBox.whiteBox.joinBox.joinComplete {
    width: 90%;
    padding: 50px 10px;
    margin: 40px auto 110px;
  }
  .subBox.whiteBox.joinBox.joinComplete p.txt {
    font-size: 14px;
    line-height: 19px;
  }
  .subBox.whiteBox.joinBox.joinComplete .btnarea {
    margin-top: 25px;
  }
  .subBox.whiteBox.joinBox {
    width: 90%;
  }
  /*.subBox.whiteBox.joinBox .loginArea .userInfo .mail{margin-bottom:13px;}*/
  /*.subBox.whiteBox.joinBox .loginArea .userInfo .mail .color-gray{font-size:11px; line-height:16px;margin-top:5px;}*/
  .subBox.whiteBox.joinBox.login-step2 .loginArea .userInfo {
    border-bottom: 0;
  }
  .subBox.whiteBox.joinBox.login-step2 .agreeBoxArea .memberBox .btnarea {
    margin-top: 25px;
  }

  /*== 회원가입 2 ==*/
  .subBox.whiteBox.joinBox.login-step2 {
    padding: 20px 10px 30px;
    width: 90%;
  }

  /* 비밀번호, 아이디 찾기 */
  .subBox.whiteBox .loginArea01 {
    padding: 0px 0px 0 0;
    border-right: 0px;
  }
  .subBox.whiteBox .loginArea01,
  .subBox.whiteBox .loginBoxArea {
    width: 100%;
  }

  .subBox.whiteBox .loginArea02 {
    padding: 40px 25px 0 0;
  }
  .subBox.whiteBox .loginArea02,
  .subBox.whiteBox .loginBoxArea {
    width: 100%;
  }
  .subBox.whiteBox .loginArea02 {
    padding-right: 0px;
    border-right: 0;
  }
}

/*==  로그인창 디자인  ==*/
.boxGridArea {
  width: 100%;
  float: left;
}
.boxGrid {
  /*박스가 4개일때*/
}
.box-20,
.box-25,
.box-30,
.box-33,
.box-40,
.box-50,
.box-60,
.box-70,
.box-75,
.box-100 {
  float: left;
}
.square {
  position: relative; /*width: 100%;*/
}

.square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.sq-content {
  position: absolute;
  width: 100%;
  height: 100%;
}
.rectangle {
  position: relative;
}
.rectangle:after {
  content: "";
  display: block;
  padding-bottom: 50%;
}
.re-content {
  position: absolute;
  width: 100%;
  height: 50%;
}

.box-20 {
  width: 20%;
}
.box-25 {
  width: 25%;
}
.box-30 {
  width: 30%;
}
.box-33 {
  width: 33.333%;
}
.box-40 {
  width: 40%;
}
.box-50 {
  width: 50%;
}
.box-60 {
  width: 60%;
}
.box-70 {
  width: 70%;
}
.box-75 {
  width: 75%;
}
.box-100 {
  width: 100%;
}

.cContainer {
  padding-left: 5px;
  padding-right: 5px;
  margin-left: auto;
  margin-right: auto;
}
.row {
  clear: both;
  margin-left: -15px;
  margin-right: -15px;
  position: relative;
}
.row .col-20,
.row .col-25,
.row .col-30,
.row .col-33,
.row .col-35,
.row .col-40,
.row .col-50,
.row .col-60,
.row .col-66,
.row .col-70,
.row .col-75,
.row .col-100 {
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
}

.row .col-20 {
  width: 20%;
}
.row .col-25 {
  width: 25%;
}
.row .col-30 {
  width: 30%;
}
.row .col-33 {
  width: 33.333%;
}
.row .col-35 {
  width: 35%;
}
.row .col-40 {
  width: 40%;
}
.row .col-50 {
  width: 50%;
}
.row .col-60 {
  width: 60%;
}
.row .col-66 {
  width: 66%;
}
.row .col-70 {
  width: 70%;
}
.row .col-75 {
  width: 75%;
}
.row .col-100 {
  width: 100%;
}

.mr-3 {
  margin-right: 3px;
}
.mr-10 {
  margin-right: 10px;
}
.mr-20 {
  margin-right: 20px;
}
.mt-5 {
  margin-top: 5px;
}
.mt-10 {
  margin-top: 10px;
}
.mt-15 {
  margin-top: 15px;
}
.mt-20 {
  margin-top: 20px;
}
.mt-45 {
  margin-top: 45px;
}
.mt-200 {
  margin-top: 200px;
}
.mb-5 {
  margin-bottom: 5px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mb-13 {
  margin-bottom: 13px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-40 {
  margin-bottom: 40px;
}
.mb-50 {
  margin-bottom: 50px;
}
.mb-60 {
  margin-bottom: 60px;
}

.pt-30 {
  padding-top: 30px !important;
}
.pt-20 {
  padding-top: 20px;
}

.pb-10 {
  padding-bottom: 10px;
}
.pb-30 {
  padding-bottom: 30px !important;
}
.pb-20 {
  padding-bottom: 20px;
}
.inline-b {
  display: inline-block;
}

.center {
  text-align: center;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}