.zipcode-popup-layer {
  max-width: 750px;
  height: 100vh;
  margin: 0 auto; }
  .zipcode-popup-layer #kolon-content {
    position: relative;
    overflow: auto;
    width: 100%;
    height: 100%;
    max-width: 750px;
    margin-top: -12.533vw;
    padding-top: 12.533vw;
    box-sizing: border-box; }
  .zipcode-popup-layer .search-zipcode-form {
    height: 100%; }
  .zipcode-popup-layer .search-zipcode-detail-form {
    display: none;
    height: 100%; }
    .zipcode-popup-layer .search-zipcode-detail-form .flex {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 100%; }
    .zipcode-popup-layer .search-zipcode-detail-form .detail-address {
      padding: 3.466vw;
      background: #f3f4f7; }
  .zipcode-popup-layer .btn-submit {
    display: block;
    width: 100%;
    height: 13.333vw;
    line-height: 13.333vw;
    font-size: 4vw;
    color: #fff;
    background: #1f1f1f;
    text-align: center;
    margin-bottom: calc(env(safe-area-inset-bottom) * 0.794); }

.search-zipcode {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0 4.8vw;
  background: #fff; }
  .search-zipcode .pop-close {
    display: block;
    width: 3.733vw;
    height: 3.733vw;
    background: url("https://assets.kolonmall.com/_ui/img/m/icn/icn-close-e303cf1581.png") no-repeat;
    font-size: 0;
    text-indent: -999px;
    position: absolute;
    top: 5.333vw;
    right: 4.8vw;
    background-size: 100%; }
  .search-zipcode h1 {
    line-height: 14.4vw;
    text-align: center;
    font-size: 4.533vw;
    color: #000;
    font-weight: 700; }
  .search-zipcode .search-top {
    padding-top: 4.666vw;
    margin-bottom: 6.933vw; }
    .search-zipcode .search-top .search-wrap {
      position: relative;
      padding-right: 4.666vw;
      border-bottom: .533vw solid #000; }
      .search-zipcode .search-top .search-wrap input {
        width: 100%;
        height: 12vw;
        font-size: 4vw; }
      .search-zipcode .search-top .search-wrap button {
        position: absolute;
        top: 0;
        right: 0;
        width: 4.666vw;
        height: 12.666vw;
        background: url(https://assets.kolonmall.com/_ui/img/m/icn/icn-search-3efe81e851.png) no-repeat 0 center;
        background-size: 100%; }
    .search-zipcode .search-top .desc {
      padding: 2.666vw 0;
      font-size: 3.733vw;
      line-height: 6.666vw; }
  .search-zipcode .list-wrap {
    flex: 1 1 auto;
    margin: 0 -4.8vw;
    padding: 3.466vw;
    background: #f3f4f7; }
    .search-zipcode .list-wrap .select-wrap {
      padding-top: 4.8vw; }
      .search-zipcode .list-wrap .select-wrap select {
        float: left;
        padding-left: 7.466vw;
        width: 30vw;
        background: url("https://assets.kolonmall.com/_ui/img/m/icn/icn-arrow05-3b830008ad.png") no-repeat 99% 50%;
        background-size: 3vw;
        font-size: 3.466vw;
        line-height: 10.666vw; }
      .search-zipcode .list-wrap .select-wrap:after {
        content: "";
        display: block;
        clear: both; }
    .search-zipcode .list-wrap .no-result {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;
      padding: 0;
      font-family: "Noto Sans KR";
      font-size: 4.266vw;
      color: #aaa; }
    .search-zipcode .list-wrap .zip-list li {
      margin-top: 1px;
      background: #fff; }
      .search-zipcode .list-wrap .zip-list li a {
        display: block;
        padding: 4.133vw 4.666vw 5.466vw;
        color: #1f1f1f; }
        .search-zipcode .list-wrap .zip-list li a span {
          display: block;
          position: relative;
          padding-left: 13.6vw;
          font-family: "Noto Sans KR";
          font-size: 3.466vw;
          color: #666;
          line-height: 4.533vw; }
          .search-zipcode .list-wrap .zip-list li a span em {
            position: absolute;
            top: 0;
            left: 0;
            color: #aaa; }
        .search-zipcode .list-wrap .zip-list li a .num {
          padding: 0;
          color: #1f1f1f; }
          .search-zipcode .list-wrap .zip-list li a .num em {
            position: static;
            color: #898989; }
        .search-zipcode .list-wrap .zip-list li a .name {
          margin-top: 3.6vw; }
        .search-zipcode .list-wrap .zip-list li a .lot {
          margin-top: 1.066vw; }
    .search-zipcode .list-wrap .zip-list li.on {
      background: #fbfcfd; }
    .search-zipcode .list-wrap .btns button {
      display: block;
      width: 100%;
      background: #1f1f1f;
      color: #fff;
      font-size: 4vw;
      line-height: 13.333vw; }

.detail-address .h1-top h1 {
  padding: 5.333vw 0; }

.detail-address .box-address {
  padding: 4.8vw;
  background: #fff; }
  .detail-address .box-address .zipcode {
    margin-bottom: 3.333vw;
    font-family: sans-serif;
    font-size: 3.733vw;
    font-weight: 600;
    color: #1f1f1f; }
    .detail-address .box-address .zipcode > span {
      color: #898989; }
  .detail-address .box-address .seleted-addr dl {
    overflow: hidden;
    padding-bottom: 1.333vw; }
    .detail-address .box-address .seleted-addr dl dt, .detail-address .box-address .seleted-addr dl dd {
      float: left;
      font-size: 3.466vw;
      letter-spacing: -1px; }
    .detail-address .box-address .seleted-addr dl dt {
      width: 10.666vw;
      margin-right: 2vw;
      color: #aaa; }
    .detail-address .box-address .seleted-addr dl dd {
      width: 66.666vw;
      color: #666; }
  .detail-address .box-address .input-addr h3 {
    margin: 8.666vw 0 3.066vw;
    font-size: 3.733vw;
    font-weight: 900;
    color: #1f1f1f; }
  .detail-address .box-address .input-addr input[type=text] {
    width: 100%;
    padding: 4.8vw 0;
    font-size: 3.733vw;
    color: #898989;
    border-bottom: .266vw solid #f1f1f1; }

@media (min-width: 750px) {
  .zipcode-popup-layer #kolon-content {
    margin-top: -94px;
    padding-top: 94px; }
  .zipcode-popup-layer .search-zipcode-detail-form .detail-address {
    padding: 26px; }
  .zipcode-popup-layer .btn-submit {
    height: 100px;
    line-height: 100px;
    font-size: 30px; }
  .search-zipcode {
    padding: 0 36px; }
    .search-zipcode .pop-close {
      width: 28px;
      height: 28px;
      top: 40px;
      right: 36px; }
    .search-zipcode h1 {
      line-height: 108px;
      font-size: 34px; }
    .search-zipcode .search-top {
      padding-top: 35px;
      margin-bottom: 52px; }
      .search-zipcode .search-top .search-wrap {
        padding-right: 35px;
        border-bottom: 4px solid #000; }
        .search-zipcode .search-top .search-wrap input {
          width: 100%;
          height: 95px;
          font-size: 30px; }
        .search-zipcode .search-top .search-wrap button {
          width: 35px;
          height: 95px; }
      .search-zipcode .search-top .desc {
        padding: 20px 0;
        font-size: 28px;
        line-height: 50px; }
    .search-zipcode .list-wrap {
      margin: 0 -36px;
      padding: 26px; }
      .search-zipcode .list-wrap .select-wrap {
        padding-top: 26px; }
        .search-zipcode .list-wrap .select-wrap select {
          padding-left: 56px;
          width: 225px;
          background-size: 22px;
          font-size: 26px;
          line-height: 80px; }
      .search-zipcode .list-wrap .no-result {
        font-size: 32px; }
      .search-zipcode .list-wrap .zip-list li {
        margin-top: 2px; }
        .search-zipcode .list-wrap .zip-list li a {
          padding: 31px 35px 41px; }
          .search-zipcode .list-wrap .zip-list li a span {
            padding-left: 102px;
            font-size: 26px;
            line-height: 34px; }
          .search-zipcode .list-wrap .zip-list li a .num {
            padding: 0; }
          .search-zipcode .list-wrap .zip-list li a .name {
            margin-top: 27px; }
          .search-zipcode .list-wrap .zip-list li a .lot {
            margin-top: 8px; }
      .search-zipcode .list-wrap .btns button {
        font-size: 30px;
        line-height: 100px; }
  .detail-address {
    padding: 26px; }
    .detail-address .box-address {
      padding: 36px; }
      .detail-address .box-address .zipcode {
        margin-bottom: 25px;
        font-size: 28px; }
      .detail-address .box-address .seleted-addr dl {
        padding-bottom: 10px; }
        .detail-address .box-address .seleted-addr dl dt, .detail-address .box-address .seleted-addr dl dd {
          font-size: 26px; }
        .detail-address .box-address .seleted-addr dl dt {
          width: 80px;
          margin-right: 15px; }
        .detail-address .box-address .seleted-addr dl dd {
          width: 500px; }
      .detail-address .box-address .input-addr h3 {
        margin: 65px 0 23px;
        font-size: 28px; }
      .detail-address .box-address .input-addr input[type=text] {
        padding: 36px 0;
        font-size: 28px;
        border-bottom: 2px solid #f1f1f1; } }

.my-delivery-popup-layer {
  max-width: 750px;
  height: 100vh;
  margin: 0 auto; }
  .my-delivery-popup-layer #kolon-content {
    position: relative;
    overflow: auto;
    width: 100%;
    height: 100%;
    max-width: 750px;
    margin-top: -14.666vw;
    padding-top: 14.666vw;
    box-sizing: border-box; }

.my-address {
  height: 100%;
  padding: 6.933vw 4.8vw 5.6vw;
  box-sizing: border-box;
  background: #f3f4f7; }
  .my-address .pop-close {
    display: block;
    width: 3.733vw;
    height: 3.733vw;
    background: url("https://assets.kolonmall.com/_ui/img/m/icn/icn-close-e303cf1581.png") no-repeat;
    font-size: 0;
    text-indent: -999px;
    position: absolute;
    top: 5.333vw;
    right: 4.8vw;
    background-size: 100%; }
  .my-address h1 {
    line-height: 14.4vw;
    text-align: center;
    font-size: 4.533vw;
    color: #000;
    font-weight: 700; }
  .my-address .delivery-popup-content {
    display: flex;
    flex-direction: column;
    height: 100%; }
  .my-address #wrapper {
    position: relative;
    flex: 1;
    overflow: auto;
    -webkit-overflow-scrolling: touch; }
  .my-address .ad-list li {
    margin-top: 2.133vw;
    padding: 5.333vw;
    background: #fff;
    overflow: hidden; }
    .my-address .ad-list li:first-child {
      margin-top: 0; }
  .my-address .ad-list .top {
    height: 5.333vw;
    font-size: 0;
    letter-spacing: 0;
    word-spacing: 0;
    line-height: 5.333vw;
    overflow: hidden; }
  .my-address .ad-list dl {
    font-size: 3.733vw;
    line-height: 5.333vw;
    padding-top: 2vw;
    overflow: hidden;
    border-top: .266vw #f1f1f1 solid;
    margin-top: 4.4vw; }
  .my-address .ad-list dt {
    float: left;
    width: 16.133vw;
    color: #1f1f1f;
    margin-top: 2.666vw;
    font-weight: 700; }
  .my-address .ad-list dd {
    float: left;
    width: 63.6vw;
    color: #898989;
    margin-top: 2.666vw; }
    .my-address .ad-list dd span + span {
      margin-left: 2.933vw; }
  .my-address .ad-list .btn-area a {
    display: block;
    font-size: 3.733vw;
    text-align: center;
    width: 38.666vw;
    height: 10.666vw;
    line-height: 10.933vw;
    box-sizing: border-box;
    font-weight: 700;
    margin-top: 8.933vw; }
  .my-address .ad-list .edit {
    float: left;
    border: .266vw #f1f1f1 solid;
    color: #1f1f1f; }
  .my-address .ad-list .del {
    float: right;
    background: #f23d4e;
    color: #fff; }
  .my-address .top .radio {
    width: 5.333vw;
    height: 5.333vw;
    position: relative;
    float: left;
    margin-right: 2.4vw; }
    .my-address .top .radio input {
      width: 0;
      height: 0;
      font-size: 0;
      line-height: 0;
      overflow: hidden;
      visibility: hidden;
      position: absolute; }
    .my-address .top .radio input + label {
      background: url("https://assets.kolonmall.com/_ui/img/m/icn/icn-radio-off-b4b07a13eb.png") no-repeat;
      background-size: 100%;
      display: block;
      width: 5.333vw;
      height: 5.333vw;
      position: absolute;
      top: 0;
      left: 0; }
    .my-address .top .radio input:checked + label {
      background: url("https://assets.kolonmall.com/_ui/img/m/icn/icn-radio-on-b55ac3464a.png") no-repeat;
      background-size: 100%; }
  .my-address .top .radio + label {
    font-size: 4vw;
    color: #1f1f1f;
    font-weight: 700; }
  .my-address .top span {
    float: right;
    font-size: 3.2vw;
    color: #f23d4e; }
  .my-address .btn-add {
    display: block;
    margin: 7.2vw 0;
    height: 13.6vw;
    line-height: 13.6vw;
    font-size: 4vw;
    color: #898989;
    text-align: center; }
    .my-address .btn-add::before {
      background: url("https://assets.kolonmall.com/_ui/img/m/icn/icn-more4-141bbfd6be.png") no-repeat;
      background-size: 100%;
      content: '';
      display: inline-block;
      width: 3.733vw;
      height: 3.733vw;
      vertical-align: middle;
      margin-right: 2.666vw; }
  .my-address .btn-apply {
    display: block;
    height: 13.6vw;
    background: #1f1f1f;
    color: #fff;
    font-size: 4vw;
    font-weight: 700;
    text-align: center;
    line-height: 13.6vw; }

.my-address-form {
  background: #fff;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }
  .my-address-form .order {
    margin-top: 0;
    padding: 50px 0 72px; }

.d-info {
  padding: 0 4.8vw; }
  .d-info .add {
    border-top: .8vw #000 solid; }
    .d-info .add ul {
      margin-top: 4.533vw; }
      .d-info .add ul li {
        padding: 0;
        line-height: 14vw;
        height: 14vw; }
        .d-info .add ul li .btn {
          height: 7.6vw;
          padding: 0 2.133vw;
          line-height: 7.6vw;
          margin-top: 3.2vw; }
        .d-info .add ul li input {
          background: transparent; }
      .d-info .add ul .txt-box {
        height: 25.333vw; }
        .d-info .add ul .txt-box textarea {
          border: 0;
          resize: none;
          background: transparent;
          display: block;
          width: 100%;
          font-size: 3.733vw;
          margin: 4vw 0;
          height: 17.333vw; }
      .d-info .add ul .radioarea .cont {
        font-size: 0;
        letter-spacing: 0;
        word-spacing: 0; }
        .d-info .add ul .radioarea .cont label {
          font-size: 3.733vw;
          color: #aaa;
          margin-right: 2.266vw; }
        .d-info .add ul .radioarea .cont .radio {
          display: inline-block;
          position: relative;
          width: 23vw; }
          .d-info .add ul .radioarea .cont .radio input {
            width: 0;
            height: 0;
            font-size: 0;
            line-height: 0;
            overflow: hidden;
            visibility: hidden;
            position: absolute; }
          .d-info .add ul .radioarea .cont .radio input + label + label {
            width: 2.933vw;
            height: 2.133vw;
            display: inline-block;
            background: url("https://assets.kolonmall.com/_ui/img/m/icn/icn-check03-off-8ecb808e2c.png") no-repeat;
            background-size: 100%;
            top: 0;
            left: 0; }
          .d-info .add ul .radioarea .cont .radio input:checked + label + label {
            background: url("https://assets.kolonmall.com/_ui/img/m/icn/icn-check03-494fce9ae3.png") no-repeat;
            background-size: 100%; }
          .d-info .add ul .radioarea .cont .radio input:checked + label {
            color: #1f1f1f; }
    .d-info .add .btn-area {
      overflow: hidden;
      margin-top: 12.133vw; }
      .d-info .add .btn-area a, .d-info .add .btn-area button {
        display: block;
        box-sizing: border-box;
        font-size: 4vw;
        float: left;
        width: 44vw;
        height: 10.933vw;
        line-height: 10.933vw;
        text-align: center;
        font-weight: 700; }
      .d-info .add .btn-area .close {
        color: #1f1f1f;
        border: .266vw #e8e8e8 solid;
        margin-right: 2.4vw; }
      .d-info .add .btn-area .finish {
        color: #fff;
        background: #1f1f1f; }
  .d-info li {
    overflow: hidden;
    font-size: 3.733vw;
    padding: 4.8vw 0;
    border-bottom: .266vw #f1f1f1 solid;
    line-height: 5.333vw; }
    .d-info li .tit {
      float: left;
      width: 23.6vw;
      color: #898989; }
    .d-info li .cont {
      float: left;
      width: 66.8vw;
      color: #1f1f1f; }
      .d-info li .cont input {
        font-size: 3.733vw;
        width: 100%; }
      .d-info li .cont textarea {
        font-size: 3.733vw;
        width: 100%;
        height: 10vw;
        line-height: 5vw;
        resize: none;
        outline: none;
        border: none; }
      .d-info li .cont .btn {
        float: right;
        font-size: 3.466vw;
        color: #1f1f1f;
        border: .266vw #f1f1f1 solid;
        padding: 2vw; }
      .d-info li .cont .hs-mt {
        margin-left: 1.3vw; }
  .d-info li.zip-code {
    padding: 3.6vw 0; }
    .d-info li.zip-code .tit {
      line-height: 8.133vw; }
    .d-info li.zip-code .cont input {
      width: 50%;
      line-height: 8.133vw; }
  .d-info li.request-box .cont {
    width: 100%; }
  .d-info li.request-box select {
    font-size: 3.733vw;
    border-radius: 0;
    display: inline-block;
    background: url("https://assets.kolonmall.com/_ui/img/m/icn/icn-arrow05-3b830008ad.png") no-repeat 100% 50%;
    background-size: 2vw 1.2vw; }
  .d-info li.request-box .request-txt {
    display: none;
    width: 100%;
    height: 29.066vw;
    resize: none;
    border: 0;
    margin-top: 4.8vw;
    border-top: .266vw #f1f1f1 solid;
    padding: 5.333vw 0;
    font-size: 3.733vw; }
  .d-info li.request-box .request-txt.on {
    display: block; }

@media (min-width: 750px) {
  .my-delivery-popup-layer #kolon-content {
    margin-top: -110px;
    padding-top: 110px; }
  .my-address {
    padding: 52px 36px 42px; }
    .my-address .pop-close {
      width: 28px;
      height: 28px;
      top: 40px;
      right: 36px; }
    .my-address h1 {
      line-height: 108px;
      font-size: 34px; }
    .my-address .ad-list li {
      margin-top: 16px;
      padding: 40px; }
    .my-address .ad-list .top {
      height: 40px;
      line-height: 40px; }
    .my-address .ad-list dl {
      font-size: 28px;
      line-height: 40px;
      padding-top: 15px;
      border-top: 2px #f1f1f1 solid;
      margin-top: 33px; }
    .my-address .ad-list dt {
      width: 121px;
      margin-top: 20px; }
    .my-address .ad-list dd {
      width: 477px;
      margin-top: 20px; }
      .my-address .ad-list dd span + span {
        margin-left: 22px; }
    .my-address .ad-list .btn-area a {
      font-size: 28px;
      width: 290px;
      height: 82px;
      line-height: 82px;
      margin-top: 67px; }
    .my-address .ad-list .edit {
      border: 2px #f1f1f1 solid; }
    .my-address .top .radio {
      width: 40px;
      height: 40px;
      margin-right: 18px; }
      .my-address .top .radio input + label {
        width: 40px;
        height: 40px; }
    .my-address .top .radio + label {
      font-size: 30px; }
    .my-address .top span {
      font-size: 24px; }
    .my-address .btn-add {
      display: block;
      margin: 54px 0;
      height: 102px;
      line-height: 102px;
      font-size: 30px; }
      .my-address .btn-add::before {
        width: 28px;
        height: 28px;
        margin-right: 20px; }
    .my-address .btn-apply {
      height: 102px;
      font-size: 30px;
      line-height: 102px; }
  .d-info {
    padding: 0 36px; }
    .d-info .add {
      border-top: 6px #000 solid; }
      .d-info .add ul {
        margin-top: 34px; }
        .d-info .add ul li {
          line-height: 105px;
          height: 105px; }
          .d-info .add ul li .btn {
            height: 57px;
            padding: 0 16px;
            line-height: 57px;
            margin-top: 24px; }
          .d-info .add ul li .hs-mt {
            margin-left: 10px; }
        .d-info .add ul .txt-box {
          height: 190px; }
          .d-info .add ul .txt-box textarea {
            font-size: 28px;
            margin: 30px 0;
            height: 130px; }
        .d-info .add ul .radioarea .cont label {
          font-size: 28px;
          margin-right: 17px; }
        .d-info .add ul .radioarea .cont .radio {
          width: 173px; }
          .d-info .add ul .radioarea .cont .radio input + label + label {
            width: 22px;
            height: 16px; }
      .d-info .add .btn-area {
        margin-top: 91px; }
        .d-info .add .btn-area a, .d-info .add .btn-area button {
          font-size: 30px;
          width: 330px;
          height: 82px;
          line-height: 82px; }
        .d-info .add .btn-area .close {
          border: 2px #e8e8e8 solid;
          margin-right: 18px; }
    .d-info li {
      font-size: 28px;
      padding: 36px 0;
      border-bottom: 2px #f1f1f1 solid;
      line-height: 40px; }
      .d-info li .tit {
        width: 177px; }
      .d-info li .cont {
        width: 501px; }
        .d-info li .cont input {
          font-size: 28px; }
        .d-info li .cont textarea {
          height: 75px;
          line-height: 37px;
          font-size: 28px; }
        .d-info li .cont .btn {
          font-size: 26px;
          border: 2px #f1f1f1 solid;
          padding: 15px; }
    .d-info li.zip-code {
      padding: 27px 0; }
      .d-info li.zip-code .tit {
        line-height: 61px; }
      .d-info li.zip-code .cont input {
        line-height: 61px; }
    .d-info li.request-box select {
      font-size: 28px;
      background: url("https://assets.kolonmall.com/_ui/img/m/icn/icn-arrow05-3b830008ad.png") no-repeat 100% 50%;
      background-size: 15px 9px; }
    .d-info li.request-box .request-txt {
      height: 218px;
      margin-top: 36px;
      border-top: 2px #f1f1f1 solid;
      padding: 40px 0;
      font-size: 28px; } }

.layer-zip-code {
  z-index: 999; }
  .layer-zip-code .layer {
    width: 560px; }
    .layer-zip-code .layer .content {
      margin-bottom: 40px; }
      .layer-zip-code .layer .content .row .col-1 {
        float: left;
        width: 380px;
        margin-right: 20px; }
        .layer-zip-code .layer .content .row .col-1 .field_desc {
          font-size: 14px; }
      .layer-zip-code .layer .content .row .col-2 {
        float: right; }
        .layer-zip-code .layer .content .row .col-2 input[name="detailAdd"] {
          margin-top: 6px; }
      .layer-zip-code .layer .content .row input[type="text"] {
        width: 100%;
        height: 38px;
        border-color: #eee;
        border-style: solid;
        border-width: 0 0 1px;
        line-height: 38px;
        font-size: 14px;
        color: #1f1f1f; }
        .layer-zip-code .layer .content .row input[type="text"]::-webkit-input-placeholder {
          color: #898989; }
        .layer-zip-code .layer .content .row input[type="text"]::-moz-placeholder {
          color: #898989; }
        .layer-zip-code .layer .content .row input[type="text"]:-ms-input-placeholder {
          color: #898989; }
        .layer-zip-code .layer .content .row input[type="text"]:-moz-placeholder {
          color: #898989; }
      .layer-zip-code .layer .content .row input[type="text"]:focus {
        border-color: #1f1f1f; }
      .layer-zip-code .layer .content .row span.desc {
        margin-top: 5px;
        color: #aaa;
        font-size: 12px;
        line-height: 2.6; }
      .layer-zip-code .layer .content .result {
        height: 340px;
        padding: 0 18px;
        background-color: #f8f8f8;
        overflow: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto; }
        .layer-zip-code .layer .content .result::-webkit-scrollbar {
          width: 4px;
          height: 4px;
          background-color: #fff; }
        .layer-zip-code .layer .content .result::-webkit-scrollbar-thumb {
          position: relative;
          background: #666; }
        .layer-zip-code .layer .content .result ul li {
          position: relative;
          display: table;
          padding: 15px 0;
          border-top: 1px solid #e2e2e2; }
          .layer-zip-code .layer .content .result ul li:first-child {
            border-top: 0; }
          .layer-zip-code .layer .content .result ul li::after {
            content: '';
            display: table;
            clear: both; }
          .layer-zip-code .layer .content .result ul li > * {
            display: table-cell;
            vertical-align: middle; }
          .layer-zip-code .layer .content .result ul li .code {
            display: block;
            font-weight: bold;
            color: #1f1f1f;
            opacity: 1; }
            .layer-zip-code .layer .content .result ul li .code em {
              color: #898989;
              margin-left: 6px; }
          .layer-zip-code .layer .content .result ul li label {
            display: block;
            width: 354px;
            padding-right: 20px;
            color: #666666;
            cursor: pointer; }
            .layer-zip-code .layer .content .result ul li label span {
              display: inline-block;
              font-size: 13px;
              color: #000;
              line-height: 1.6; }
              .layer-zip-code .layer .content .result ul li label span em {
                color: #898989;
                margin-right: 8px; }
          .layer-zip-code .layer .content .result ul li .btn-wrap .btn {
            width: 62px;
            height: 26px;
            margin: 2px 0;
            padding: 0;
            line-height: 26px;
            font-size: 12px; }
          .layer-zip-code .layer .content .result ul li .btn-wrap .btn-line {
            background-color: #f9f9f9;
            border: 1px solid #c6c6c6;
            color: #1f1f1f; }
        .layer-zip-code .layer .content .result .no-result {
          line-height: 16;
          color: #898989; }
      .layer-zip-code .layer .content .detail .result {
        height: auto; }
      .layer-zip-code .layer .content .detail .row {
        font-size: 13px;
        padding-top: 5px;
        padding-bottom: 5px; }
        .layer-zip-code .layer .content .detail .row .col-1 {
          width: 80px;
          margin-top: 12px;
          margin-right: 4px;
          margin-left: 4px; }
          .layer-zip-code .layer .content .detail .row .col-1 span {
            float: left; }
            .layer-zip-code .layer .content .detail .row .col-1 span em.required {
              font: 0/0 a;
              vertical-align: middle;
              display: inline-block;
              width: 4px;
              height: 4px;
              margin-left: 5px;
              border-radius: 50%;
              background-color: #f23d4e; }
        .layer-zip-code .layer .content .detail .row .col-2 {
          float: left; }
          .layer-zip-code .layer .content .detail .row .col-2 input[type="text"] {
            width: 385px; }

.search-zipcode-detail-form {
  display: none; }