@charset "UTF-8";

.partition_frame_modal_link_wrapper {
  padding-left: 0px !important;
  padding-bottom: 0px !important;
}

.partition_frame_modal_link_wrapper::before {
  content: none !important;
}

.partition_rame_radio {
  margin-bottom: 0px !important;
}

.partitionOption .thicknessTitle {
  margin-top: 20px;
}

.partitionOption .color_modal_link {
  color: #1782c4;
  font-weight: bold;
  display: inline-block;
  padding-left: 10px !important;
  font-size: 14px;
}

.partitionOption .pladanSectionTitle .color_modal_link::before,
.optionBox .partition_frame_modal_link_wrapper .partition_frame_modal_link::before {
  content: "i";
  border: 1px solid;
  border-radius: 50px;
  display: inline-block;
  font-size: 11px;
  width: 14px;
  height: 14px;
  text-align: center;
  margin-right: 2px;
  vertical-align: middle;
}

.partitionOption .radio-shape {
  height: 54px !important;
  line-height: 48px !important;
  display: block !important;
}

.partitionOption.pladanSpec div.box1 {
  float: left;
  width: 50% !important;
  margin-right: 0 !important;
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .partitionOption.pladanSpec div.box1 {
    width: 100% !important;
  }
}

.partitionOption .input_content {
  width: 100% !important;
}

.partitionOption .textBox h4 span {
  background: #f00;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  width: 50px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}

.partitionOption.pladanSpec .box2 {
  float: right;
  width: 50% !important;
  font-weight: bold;
  margin-right: 0px !important;
}

@media screen and (max-width: 768px) {
  .partitionOption.pladanSpec .box2 {
    float: left;
    width: 100% !important;
  }
}

.partitionOption .imageAll {
  display: block;
}

.partitionOption .imageAll img {
  width: 400px !important;
  height: auto;
}

@media screen and (max-width: 768px) {
  .partitionOption .imageAll img {
    width: 100% !important;
  }
}
@media screen and (max-width: 768px) {
  .partitionOption .box2 .imageAll {
    width: 100% !important;
  }
}

.partitionOption .radioBox {
  margin-bottom: 0 !important;
}
.partitionOption .colorBox {
  margin-bottom: 20px !important;
}
.partitionOption .colorBox div img {
  width: 68px !important;
}
.partitionOption .colorBox span {
  width: calc(100% - 79px) !important;
}
.partitionOption .textBox .inputMethodNumber input[type="number"] {
  width: 60px;
}
.partitionOption .textBox .inputMethodNumber,
.partitionOption .resultBox .inputMethodNumber {
  display: flex;
  flex-wrap: wrap;
  width: 100% !important;
  margin-bottom: 0px !important;
}
.partitionOption .textBox .inputMethodNumber div,
.partitionOption .resultBox .inputMethodNumber div {
  width: auto !important;
  margin-right: 20px !important;
  margin-bottom: 0px !important;
}
.partitionOption .resultBox {
  background: #d2e9f8;
  padding: 20px;
}

.partitionOption .resultBox .inputMethodNumber div {
  color: #1782c3;
  font-weight: bold;
}
.partitionOption .resultBox .inputMethodNumber div span {
  margin-left: 10px;
  font-size: 14px;
}

@media (min-width: 768px) and (max-width: 1440px) {
  .partitionOption {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}

@media only screen and (max-width: 767px) {
  .partitionOption .textBox .inputMethodNumber div {
    width: 100%;
    margin-right: 0px;
  }
  .partitionOption .pladanOptionContent section div:nth-child(odd) {
    margin-right: 20px;
  }
  .partitionOption .resultBox .inputMethodNumber div {
    width: 100% !important;
  }
  .partitionOption .resultBox .inputMethodNumber {
    margin-bottom: 0;
  }
  .partitionOption .inputMethodNumber-ttl {
    width: 4em;
    display: inline-block;
  }
}