/*컨텍트*/
.contact-part .row {margin-bottom:60px;}
.contact-part .row:first-child {padding-bottom:60px; border-bottom:1px solid #ebebeb;}
.contact-part h4 {margin-bottom:20px;}
.contact-part .form-input-group i {font-size:1rem; color:#999;}

.contact-card {
	min-height:226px;
  text-align: center;
  border-radius: 8px;
  padding:40px 15px;
  border:1px solid #ccc;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.contact-card:hover {
  background: var(--primary);
}

.contact-card:hover i {
  color: var(--primary);
  background: var(--white);
}

.contact-card:hover h4, .contact-card:hover p, .contact-card:hover a {
  color: var(--white);
}

.contact-card i {
  width: 50px;
  height: 50px;
  font-size: 22px;
  line-height: 50px;
  border-radius: 50%;
  margin-bottom: 15px;
  text-align: center;
  display: inline-block;
  color: var(--white);
  background: var(--primary);
  text-shadow: var(--primary-tshadow);
  -webkit-box-shadow: var(--primary-bshadow);
          box-shadow: var(--primary-bshadow);
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.contact-card h4 {
  margin-bottom: 18px;
  text-transform: capitalize;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.contact-card p {
  font-size: 1rem;
  margin: 0 auto;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.contact-card p a {
  font-size:1rem;
  display: block;
  color: var(--text);
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.contact-card.active {
  background: var(--primary);
}

.contact-card.active i {
  color: var(--primary);
  background: var(--white);
}

.contact-card.active h4, .contact-card.active p, .contact-card.active a {
  color: var(--white);
}

.contact-card .icofont-phone ~ p a {font-size:24px; font-weight:700;}

.contact-map iframe {
  height: 474px;
  width: 100%;
  border: none;
}

.contact-form {padding-left:20px;}
.contact-form h4 {font-size:20px; font-weight:700;}

.branch-card {
  margin: 0px 2.5px 30px;
  position: relative;
}

.branch-card:hover::before {
  background: rgba(17, 151, 68, 0.85);
}

.branch-card:hover .branch-overlay {
  top: 50%;
}

.branch-card:hover .branch-overlay p {
  opacity: 1;
}

.branch-card::before {
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.45);
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.branch-card img {
  width: 100%;
  border-radius: 8px;
}

.branch-overlay {
  position: absolute;
  top: 60%;
  left: 0px;
  width: 100%;
  padding: 0px 15px;
  text-align: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.branch-overlay h3 {
  color: var(--white);
  letter-spacing: 0.3px;
  margin-bottom: 8px;
  text-transform: capitalize;
  text-shadow: var(--primary-tshadow);
}

.branch-overlay p {
  width: 200px;
  margin: 0 auto;
  letter-spacing: 0.3px;
  color: var(--white);
  opacity: 0;
  text-transform: capitalize;
  text-shadow: var(--primary-tshadow);
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.team-media {
  overflow: hidden;
  position: relative;
  border-radius: 8px;
}

.team-media:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.team-media:hover .team-overlay {
  top: 0px;
  opacity: 1;
}

.team-media:hover .team-overlay a {
  padding-top: 0px;
}

.team-media img {
  width: 100%;
  border-radius: 8px;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.team-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.team-overlay a {
  width: 36px;
  height: 36px;
  font-size: 15px;
  line-height: 36px;
  margin: 0px 5px;
  padding-top: 30px;
  text-align: center;
  border-radius: 50%;
  color: var(--text);
  background: var(--white);
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.team-meta {
  text-align: center;
}

.team-meta h5 {
  text-transform: capitalize;
}

.team-meta h5 a {
  color: var(--heading);
  transition: all linear .3s;
  -webkit-transition: all linear .3s;
  -moz-transition: all linear .3s;
  -ms-transition: all linear .3s;
  -o-transition: all linear .3s;
}

.team-meta h5 a:hover {
  color: var(--primary);
}

.team-meta p {
  font-size: 15px;
  text-transform: capitalize;
}

/* 어바웃 */
.d-block {display:block;}
.about-part {margin-bottom:0;}
.about-part .stit {margin-bottom:20px; text-align:center; color:var(--black);}
.about-part .stit p {margin-top:20px;}
.about-part > div {padding:120px var(--p-side);}
.about-part .stit h2,
.about-part dt h2 {margin-bottom:20px; font-size:34px; font-weight:700; color:var(--black);}
.about-part .summary {padding:70px var(--p-side); background:var(--primary);}
.about-part .summary h1 {color:#fff; font-size:24px; text-align:center; font-weight:400;}
.about-part .summary h1 strong {display:block; font-size:48px; font-weight:700;}
.about-part .summary ul {display:flex; gap:12px; margin-top:40px; margin-left:var(--pn-side); margin-right:var(--pn-side)}
.about-part .summary li {flex:1; padding:40px 15px; background:#fff; border-radius:var(--border-radius20); text-align:center; color:var(--black);}
.about-part .summary li:last-child {flex:1.3;}
.about-part .summary li strong {display:block; margin-bottom:20px; font-size:50px; font-weight:700; color:var(--primary);}

.about-part .geo ul {display:flex; justify-content:space-between; gap:10px; max-width:1000px; margin:0 auto; padding-top:50px; color:var(--black);}
.about-part .geo li {max-width:300px; padding-top:100px; background-repeat:no-repeat; background-size:auto 80px; background-position:top center; text-align:center;}
.about-part .geo .geo1 {background-image:url(/themes/nlstar/pro/resources/images/about_geo1.webp);}
.about-part .geo .geo2 {background-image:url(/themes/nlstar/pro/resources/images/about_geo2.webp);}
.about-part .geo .geo3 {background-image:url(/themes/nlstar/pro/resources/images/about_geo3.webp);}
.about-part .geo strong {font-weight:700; font-size:20px;}

.about-part .complex {background:var(--pistachio); color:var(--black);}
.about-part .complex ul {display:flex; justify-content:space-between; gap:10px; max-width:1000px; margin:0 auto; padding-top:50px; color:var(--black);}
.about-part .complex li {max-width:300px; padding-top:100px; background-repeat:no-repeat; background-size:auto 80px; background-position:top center; text-align:center;}
.about-part .complex .complex1 {background-image:url(/themes/nlstar/pro/resources/images/about_complex1.webp);}
.about-part .complex .complex2 {background-image:url(/themes/nlstar/pro/resources/images/about_complex2.webp);}
.about-part .complex .complex3 {background-image:url(/themes/nlstar/pro/resources/images/about_complex3.webp);}
.about-part .complex strong {font-weight:700; font-size:20px;}

.about-part .standard .container {padding:40px var(--p-side); border:1px solid #ddd; border-radius:var(--border-radius20);}
.about-part .standard ul {display:flex; justify-content:center; gap:100px; padding-top:20px; }

.about-part .rnd {padding:0; color:var(--black);}
.about-part .rnd img {max-width:100%; border-radius:var(--border-radius20);}
.about-part .rnd .row {margin:0;  margin-bottom:100px; justify-content: space-between; gap:20px;}
.about-part .rnd .row:last-child {flex-direction:row-reverse; margin-bottom:120px;}
.about-part .rnd .row > * {width:calc(50% - 20px); max-width:550px;}
.about-part .rnd ul {margin-top:40px;}
.about-part .rnd li {position:relative; margin-bottom:20px; padding-left:38px;}
.about-part .rnd li:before {content:""; position:absolute; display:flex; align-items:center; justify-content:center; width:24px; height:24px; top:0; left:0; background: var(--primary) url('/themes/nlstar/pro/resources/images/icn_check.webp') no-repeat; background-size:auto 20px; background-position:center; border-radius:50px;}
.about-part .rnd li strong {font-size:20px;}
.about-part .rnd li:first-child {line-height:24px;}

.about-part .products {background:rgba(220, 234, 221, 0.3); color:var(--black);}
.about-part .products img {max-width:100%; border-radius:var(--border-radius20);}
.about-part .products .row {margin:0; margin-bottom:100px;  justify-content: space-between; gap:20px;}
.about-part .products .row:nth-of-type(2) {flex-direction:row-reverse;}
.about-part .products .row:last-child {margin-bottom:0;}
.about-part .products .row > * {width:calc(50% - 20px); max-width:550px;}
.about-part .products dt {margin-bottom:15px; font-size:20px; font-weight:400; }
.about-part .products dt h2 {margin-bottom:0;}
.about-part .products dd {color:#525252;}
.about-part .products .result {margin-top:50px; padding:20px; background:var(--pistachio); border-radius:var(--border-radius20);}
.about-part h3 {margin-bottom:10px; font-size:18px; font-weight:700; color:var(--black);}
.about-part .products ul {margin:10px;}
.about-part .products li {position:relative; padding-left:16px;}
.about-part .products li:before {content:"·"; position:absolute; top:0; left:0; font-weight:900; }
.about-part .products i {display:block; font-style:normal; color:#525252;}
.about-part .condition {color:#525252;}
.about-part .condition img {margin-bottom:20px;}
.about-part .condition p {padding:5px 10px;}

@media (max-width: 575px) {
  .team-card {
    width: 290px;
    margin: 0px auto 50px;
  }
}


@media (max-width:1200px) {
	.about-part .container {max-width:100%;}
	.about-part .summary li strong {font-size:40px;}

}

@media (max-width:992px) {
	.about-part .summary ul {flex-wrap: wrap;}
	.about-part .summary ul li {flex:none!important; width: calc(50% - 12px);}

}

@media (max-width:576px) {
	.about-part > div {padding:60px 0}
	.about-part .summary {padding:40px var(--p-side);}
	.about-part .summary h1 {font-size:20px;}
	.about-part .summary h1 strong {font-size:40px;}
	.about-part .summary ul {gap:6px;}
	.about-part .summary ul li {width:100%; padding:16px;}
	.about-part .summary li strong {margin-bottom:0; font-size:32px;}	
	.about-part .geo ul,
	.about-part .complex ul {flex-wrap:wrap; gap:40px; padding:20px 20px 0;}
	.about-part .geo ul {gap:30px; padding-top:0;}
	.about-part .geo li,
	.about-part .complex li {width:100%; max-width:100%; padding-top:84px;}
	.about-part .stit h2, 
	.about-part dt h2 {font-size:28px;}
	.about-part .standard {padding-left:var(--p-side); padding-right:var(--p-side);}
	.about-part .standard ul {gap:20px;}
	.about-part .standard img {height:70px;}
	.about-part .rnd .row > *,
	.about-part .products .row > * {width:100%;}
	.about-part .rnd .row,
	.about-part .rnd .row:last-child,
	.about-part .products .row {margin-bottom:60px; gap:0;}
	.about-part .rnd ul {margin-top:20px;}
	.about-part dt h2 {margin-bottom:10px;}
	.about-part .products .row {gap:0;}
	.about-part .products dt {font-size:16px;}
	.about-part .products .result {margin-top:20px;}


}