@charset "UTF-8";
.l-sub-complex .sub-tit-area {
  padding-bottom: 16.40625vw;
}

.l-sub-complex .sub-tit-area .sub-tit {
  margin-bottom: 8.98438vw;
}

.l-sub-complex .sub-tit-area .tit-desc {
  font-size: 2.8125vw;
  color: #333333;
  position: relative;
}

.l-sub-complex .sub-tit-area .tit-desc::before {
  content: "";
  position: absolute;
  width: 4.6875vw;
  height: 0.46875vw;
  background-color: #a2acab;
  top: -5.07812vw;
  left: 50%;
  transform: translateX(-50%);
}

.l-sub-complex .wrap-cont {
  position: relative;
  margin-top: -12.34375vw;
}

.l-sub-complex .sub-tab-inner .sub-tab-list li {
  width: 50%;
}

.l-sub-complex .sub-tab-inner .sub-tab-list li a {
  width: 100%;
  font-size: 2.65625vw;
  letter-spacing: 0;
  font-weight: 500;
}

.l-sub-complex .cont-desc {
  padding: 5.85938vw 0 12.5vw;
}

.l-sub-complex .cont-desc .desc-list li {
  padding-left: 1.95312vw;
  position: relative;
}

.l-sub-complex .cont-desc .desc-list li::before {
  content: "*";
  display: block;
  position: absolute;
  left: 0;
  top: 0.46875vw;
}

.l-sub-complex .cont-img-wrap > .desc {
  text-align: center;
  font-size: 3.125vw;
  line-height: 4.375vw;
  color: #555555;
  margin-bottom: 5.07812vw;
}

.l-sub-complex .cont-img-wrap img {
  margin-bottom: 9.375vw;
}

.l-sub-complex .cont-img-wrap > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.l-sub-complex .cont-img-wrap > ul li {
  width: calc(50% - 3.125vw);
  margin-bottom: 7.8125vw;
  padding-left: 3.51562vw;
  position: relative;
}

.l-sub-complex .cont-img-wrap > ul li::before {
  content: "";
  position: absolute;
  width: 0.625vw;
  height: 100%;
  background-color: rgba(39, 59, 60, 0.5);
  left: 0;
  top: 0;
}

.l-sub-complex .cont-img-wrap > ul li:last-of-type {
  margin-bottom: auto;
}

.l-sub-complex .cont-img-wrap > ul li .tit {
  font-size: 4.84375vw;
  line-height: 4.6875vw;
  font-weight: bold;
  color: #273b3c;
  margin-bottom: 3.90625vw;
}

.l-sub-complex .cont-img-wrap > ul li .txt {
  font-size: 3.4375vw;
  line-height: 4.375vw;
  color: #555;
  font-weight: 300;
}

.l-sub-complex-back .wrap-cont {
  background: #f7f3eb;
  position: relative;
}

.l-sub-complex-back .wrap-cont::before {
  content: "";
  position: absolute;
  background: url(/hc/2021/singil/m/Content/images/sub/complex/plan_bg.jpg) no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 50vw;
}

.l-sub-complex-back .wrap-cont .inner {
  padding: 9.375vw 6.25vw 12.5vw;
}

.l-sub-complex-back .wrap-cont .inner img {
  position: relative;
  z-index: 2;
}

.l-sub-complex-back .wrap-cont .inner .cont-tit {
  margin: 0 auto 6.25vw;
}

.l-sub-complex-back .wrap-cont .inner .cont-tit > img {
  height: auto;
}

.l-sub-complex-back .wrap-cont .inner > img {
  margin-bottom: 5.85938vw;
}

.l-sub-complex-back .wrap-cont .inner .cont-img-wrap {
  border-top: 0.15625vw solid #084f51;
  padding-top: 12.10938vw;
}

.l-sub-complex-back .cont-desc .desc-list li {
  padding-left: 3.125vw;
  position: relative;
}

.l-sub-complex-back .cont-desc .desc-list li::before {
  content: "※";
  top: 0;
  left: 0;
  position: absolute;
}

.l-sub-complex-plan .wrap-cont .inner .explan-list > li .tit {
  position: relative;
  padding-left: 2.57812vw;
  font-size: 5.3125vw;
  line-height: 5.9375vw;
  color: #273b3c;
  font-weight: 300;
  padding-bottom: 2.73438vw;
}

.l-sub-complex-plan .wrap-cont .inner .explan-list > li .tit::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.46875vw;
  width: 0.46875vw;
  height: 5.46875vw;
  background-color: #084f51;
}

.l-sub-complex-plan .wrap-cont .inner .explan-list > li .tit strong {
  font-weight: bold;
}

.l-sub-complex-plan .wrap-cont .inner .explan-list > li:last-child > ul {
  margin-bottom: auto;
}

.l-sub-complex-plan .wrap-cont .inner .explan-list > li > ul {
  margin-bottom: 6.64062vw;
}

.l-sub-complex-plan .wrap-cont .inner .explan-list > li > ul li {
  font-size: 3.4375vw;
  line-height: 4.45312vw;
  color: #555;
  padding-left: 2.34375vw;
  position: relative;
  margin-bottom: 0.78125vw;
  font-weight: 300;
}

.l-sub-complex-plan .wrap-cont .inner .explan-list > li > ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2.34375vw;
  width: 0.625vw;
  height: 0.625vw;
  border-radius: 50%;
  background: #555;
}

.l-sub-complex-land .wrap-cont .inner .cont-tit {
  width: 75.39062vw;
}

.l-sub-complex-land .wrap-cont .inner .cont-img-wrap > P {
  font-size: 5.3125vw;
  line-height: 5.9375vw;
  color: #273b3c;
  font-weight: 300;
  text-align: center;
  margin-bottom: 5.85938vw;
}

.l-sub-complex-land .wrap-cont .inner .cont-img-wrap > P strong {
  display: block;
  font-weight: bold;
}

.l-sub-complex-land .wrap-cont .inner .cont-img-wrap > P strong.one-line {
  display: inline;
}

.l-sub-complex-land .wrap-cont .inner .cont-img-wrap > ul li .tit {
  margin-bottom: 2.73438vw;
}

.l-sub-complex-land .wrap-cont .inner .cont-img-wrap > ul li::before {
  height: 19.6875vw;
  background-color: rgba(39, 59, 60, 0.5);
}

.l-sub-complex-land .wrap-cont .inner .cont-img-wrap > ul li:nth-last-of-type(2) {
  margin-bottom: auto;
}

.l-sub-complex-community .wrap-cont .inner .cont-img-wrap {
  padding-top: 0;
  border-top: none;
}

.l-sub-complex-community .wrap-cont .inner .cont-img-wrap h4 {
  font-weight: bold;
  font-size: 5.3125vw;
  color: #273b3c;
  margin-bottom: 1.95312vw;
  text-align: center;
}

.l-sub-complex-community .wrap-cont .inner .cont-img-wrap .txt {
  font-size: 3.125vw;
  line-height: 4.6875vw;
  color: #555;
  margin-bottom: 5.07812vw;
  text-align: center;
}

.l-sub-complex-community .wrap-cont .inner .cont-img-wrap > ul li::before {
  background-color: #155151;
}

.l-sub-complex-community .wrap-cont .inner .cont-img-wrap > ul li .tit {
  margin-bottom: 1.95312vw;
  font-size: 3.75vw;
  color: #222222;
  font-weight: 500;
}

.l-sub-complex-community .wrap-cont .inner .cont-img-wrap > ul li .txt {
  margin-bottom: auto;
  font-size: 2.8125vw;
  line-height: 3.59375vw;
  text-align: left;
}

.l-sub-complex-place .wrap-cont .inner .info {
  margin-top: 6.25vw;
}

.l-sub-complex-place .wrap-cont .inner .info .box {
  margin: 0 auto;
  width: 31.25vw;
  height: 9.375vw;
  line-height: 9.375vw;
  text-align: center;
  background-color: #8c8983;
  font-size: 3.4375vw;
  color: #fff;
  margin-bottom: 4.6875vw;
}

.l-sub-complex-place .wrap-cont .inner .info .box .num {
  font-size: 3.75vw;
  font-family: 'scdream';
  font-weight: 500;
  margin-left: 0.78125vw;
  display: inline-block;
}

.l-sub-complex-place .wrap-cont .inner .info .wrap ul {
  display: flex;
  flex-wrap: wrap;
}

.l-sub-complex-place .wrap-cont .inner .info .wrap ul li {
  width: calc(100% / 3);
  position: relative;
  line-height: 4.14062vw;
  padding-left: 4.53125vw;
  font-size: 3.35938vw;
  color: #000;
  margin-bottom: 1.95312vw;
}

.l-sub-complex-place .wrap-cont .inner .info .wrap ul li:last-of-type {
  margin-bottom: auto;
}

.l-sub-complex-place .wrap-cont .inner .info .wrap ul li::before {
  content: "";
  position: absolute;
  width: 3.125vw;
  height: 3.125vw;
  left: 0;
  top: 0.54688vw;
  border-radius: 50%;
}

.l-sub-complex-place .wrap-cont .inner .info .wrap ul li.elevator::before {
  border-radius: 0;
  background: url(/hc/2021/singil/m/Content/images/sub/complex/ele-icon.png) left center no-repeat;
  width: 4.6875vw;
  height: 3.125vw;
  background-size: contain;
}

.l-sub-complex-place .wrap-cont .inner .info .wrap ul li.da::before {
  background-color: #ee7700;
}

.l-sub-complex-place .wrap-cont .inner .info .wrap ul li.stairs::before {
  background-color: #005fad;
}

.l-sub-complex-place .wrap-cont .inner .info .wrap ul li.out::before {
  background-color: #77b157;
}

.l-sub-complex-place .wrap-cont .inner .info .wrap ul li.out-elevator::before {
  background-color: #e4007f;
}

.l-sub-complex-place .wrap-cont .inner .info .wrap ul li.waste::before {
  background-color: #55c3f1;
}

.l-sub-complex-place .wrap-cont .inner .info .wrap ul li.bike::before {
  background-color: #a27db7;
}

.l-sub-complex-place .wrap-cont .inner .info .wrap ul li.piloti {
  padding-left: 6.25vw;
}

.l-sub-complex-place .wrap-cont .inner .info .wrap ul li.piloti::before {
  border-radius: 0;
  background: url(/hc/2021/singil/m/Content/images/sub/complex/complex-icon.png) center center no-repeat;
  width: 4.6875vw;
  height: 3.125vw;
  background-size: contain;
}

.l-sub-complex-place .wrap-cont .inner .info .wrap ul .unit {
  padding-left: 6.25vw;
}

.l-sub-complex-place .wrap-cont .inner .info .wrap ul .unit::before {
  content: "";
  width: 4.6875vw;
  height: 3.125vw;
  position: absolute;
  top: 0.54688vw;
  left: 0;
  border-radius: 0;
}

.l-sub-complex-place .wrap-cont .inner .info .wrap ul .unit .wrap {
  color: #004f51;
  width: 19.14062vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.l-sub-complex-place .wrap-cont .inner .info .wrap ul .unit-84::before {
  background-color: #fbd282;
}

.l-sub-complex-place .wrap-cont .inner .info .wrap ul .unit-98::before {
  background-color: #74b5e4;
}

.l-sub-complex-layout .sub-tit-area {
  padding-bottom: 25vw;
}

.l-sub-complex-layout .wrap-cont {
  position: relative;
  margin-top: -17.1875vw;
}