@charset "utf-8";

/* Form ===========================================================================================================*/
/* input */
input[type="text"], input[type="password"], input[type="tel"], input[type="number"] {height: 50px;padding: 0 10px;font-size: 16px;border: 1px solid #c2c2c2;}
/* select */
select{height:50px;padding-left:12px;border:1px solid #c2c2c2;font-size:14px;background:url(../images/common/ico_select.png) no-repeat right 50% #fff;}
select:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="number"]:focus,textarea:focus{border:1px solid #222 !important;}

/* textarea */
textarea{padding: 20px;border: 1px solid #c2c2c2;font-size: 16px;}
/* radio */
.radio_box input[type=radio]{opacity:0;-webkit-appearance:none}
.radio_box{display:inline-block;position:relative;line-height:16px;}
.radio_box label{display:inline-block;padding-left:30px;font-size:16px; cursor:pointer;}
.radio_box input[type="radio"]{position:absolute;top:3px;left:0;}
.radio_box label:before{content:"";position:absolute;top:1px;left:0;width:22px;height:22px;background:url(../images/common/ico_radio.png) no-repeat 0 0}
.radio_box input[type="radio"]:checked + label::before{background:url(../images/common/ico_radio_on.png) no-repeat 0 0}
.radio_box input:disabled + label:before{background:url(../images/common/ico_radio_di.png) no-repeat 0 0}
.radio_box input:disabled:checked + label:before{background:url(../images/common/ico_radio_on_di.png) no-repeat 0 0}
.radio_box.type label{width:22px;height:22px;padding-left:0;font-size:0}
.radio_box~.radio_box{margin-left:20px;}
/* checkbox */
.chk_box input[type=checkbox]{opacity:0;-webkit-appearance:none}
.chk_box{display:inline-block;position:relative;line-height:16px;}
.chk_box{display:inline-block;position:relative;line-height:16px;}
.chk_box label{display:inline-block;padding-left:26px;font-size:16px;}
.chk_box input[type="checkbox"]{position:absolute;top:2px;left:0;}
.chk_box label:before{content:"";position:absolute;top:2px;left:0;width:18px;height:18px;background:url(../images/common/ico_chk.png) no-repeat 0 0}
.chk_box input[type="checkbox"]:checked + label::before{background:url(../images/common/ico_chk_on.png) no-repeat 0 0}
.chk_box input:disabled + label:before{background:url(../images/common/ico_chk_di.png) no-repeat 0 0}
.chk_box input:disabled:checked + label:before{background:url(../images/common/ico_chk_on_di.png) no-repeat 0 0}
.chk_box.type label{width:18px;height:18px;padding-left:0;font-size:0}
.chk_box~.chk_box{margin-left:20px;}

/* Form 양식 ====================================================================================================== */
/*.formWrap *{box-sizing: border-box;}
.formWrap .item {
  margin-bottom: 2em;
}
.formWrap .item:last-child {
  margin-bottom: 0;
}
.formWrap .item-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  line-height: 1.3;
  margin-bottom: 0.625em;
  position: relative;
}
.formWrap .item-title .tit {
  font-size: 1.125em;
  line-height: 1.3;
  color: #000;
  position: relative;
}
.formWrap .item-title > span {
  display: block;
  line-height: 1;
}
.formWrap .item-form.w30{width: 30%;}
.formWrap .item-form.w50{width: 50%;}

@media all and (max-width: 768px) {
	.formWrap .item-form.w30{width: auto;}
	.formWrap .item-form.w50{width: auto;}
}

.formWrap .item-form input {
  width: 100%;
}
.formWrap .item-form input::placeholder {
  color: #555;
  opacity: 0.5;
}
.formWrap .item-form textarea {
  height: 250px;
  width: 100%;
  display: block;
}
.formWrap .item-form textarea::placeholder {
  color: #555;
  opacity: 0.5;
}
@media screen and (max-width: 768px) {
  .formWrap .item-form textarea {
    padding: 10px;
  }
}

.formWrap .item-form .postcodeDiv {
  margin-bottom: 0.625em;
}
.formWrap .item-form .postcodeDiv:last-child {
  margin-bottom: 0;
}
.formWrap .item-form .search {
  width: 100%;
  max-width: 335px;
  position: relative;
  padding-right: 8.125em;
}
.formWrap .item-form .search .postcodeBtn {
  position: absolute;
  top: 0;
  right: 0;
  width: 7.5em;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  font-weight: 300;
  background-color: #333;
}
@media all and (min-width: 1024px) {
  .formWrap .item-form .search .postcodeBtn {
    transition: all 200ms ease-out;
  }
  .formWrap .item-form .search .postcodeBtn:hover {
    opacity: 0.9;
  }
}

.formWrap .item-form .field-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}


.formWrap .item-form .field-wrap.two .field-item {
  max-width: 50%;
  flex: 1 0 50%;
}
.formWrap .item-form .field-wrap.two .field-item~.field-item{padding-left: 0.3125em}

@media screen and (max-width: 768px) {
  .formWrap .item-form .field-wrap.two .field-item {
    max-width: 100%;
    flex: 1 0 100%;
    padding: 0;
    margin-bottom: 0.7142857143em;
  }
  .formWrap .item-form .field-wrap.two .field-item:last-child {
    margin-bottom: 0;
  }
  .formWrap .item-form .field-wrap.two .field-item~.field-item{padding-left: 0}
}

.formWrap .item-form .field-wrap.three .field-item {
  max-width: 33.3333%;
  flex: 1 0 33.3333%;
}
.formWrap .item-form .field-wrap.three .field-item~.field-item{padding-left: 0.3125em}

@media screen and (max-width: 768px) {
  .formWrap .item-form .field-wrap.three .field-item {
    max-width: 100%;
    flex: 1 0 100%;
    padding: 0;
    margin-bottom: 0.7142857143em;
  }
  .formWrap .item-form .field-wrap.three .field-item:last-child {
    margin-bottom: 0;
  }
  .formWrap .item-form .field-wrap.three .field-item~.field-item{padding-left: 0}
}
.formWrap .item-form .field-wrap .field-item {
  width: 100%;
}
.formWrap .item-form .field-wrap .field-item .inner-tit {
  font-size: 1em;
  line-height: 1.3;
  color: #333;
  margin-bottom: 0.3125em;
}
.formWrap .registration-btn {
  font-size: 1.125em;
  line-height: 1.3;
  color: #fff;
  font-weight: 300;
  background-color: #572a31;
  height: 2.7777777778em;
  text-align: center;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 1.3888888889em auto 0;
}
@media screen and (max-width: 480px) {
  .formWrap .registration-btn {
    font-size: 1.0714285714em;
  }
}
.formWrap .item-form .mail_box{font-size:0;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;}
.formWrap .item-form .mail_box .col{width:70%;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;}
.formWrap .item-form .mail_box select{width:50%;margin-left:1%;}
.formWrap .item-form .mail_box .part{display:block;padding:0 5px;line-height:40px;height:40px;font-size:14px;text-align:center;}

.formWrap .item-form input.cal {
    width: 100%;
    max-width: 300px;
    background-color: #fff;
    background-position: right 17px center;
    background-repeat: no-repeat;
    background-image: url(../images/common/cal_icon.png);
    cursor: pointer;
}*/