@charset "utf-8";

/* 회사소개 */
.company-content-wrap {}
.company-content-top {
  text-align: center;
  padding-top: 80px;
}
.company-content-top .title {
  color: var(--gray-900);
  font-size: var(--text-32);
  font-weight: 700;
  letter-spacing: -.05rem;
}
.company-content-top .textbox {
  font-size: var(--text-18);
  color: var(--gray-600);
  margin-top: 20px;
  font-weight: 500;
  letter-spacing: -0.05rem;
}
.company-content-topImg {
  margin-top: 80px;
  height: 500px;
}
.company-content-topImg img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}
.company-content-box {margin-top: 120px;}
.company-content-box .content-inner {}
.company-content-box .company-image-list-wrap {
  height: 320px;
  padding-right: 195px;
}
.company-content-box .company-image-list {
  /* display: flex;
  align-items: center;
  justify-content: center; */
  height: 100%;
  margin-right: -195px;
}
.company-content-box .compnay-image-unit {
  height: 100%;
  overflow: hidden;
  border-radius: var(--radius-12);
}
.company-content-box .compnay-image-unit img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.company-content-box .company-info-wrap {
  padding-bottom: 50px;
  margin-top: 90px;
}
.company-content-box .company-info-list {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
.company-content-box .company-info-unit {
  display: flex;
  align-items: flex-start;
}
.company-content-box .company-info-unit.table {
}
.company-content-box .company-info-unit .ciu-tit {
  width: 350px;
  flex: none;
  color: var(--gray-900);
  font-size: var(--text-28);
  font-weight: 700;
  letter-spacing: -0.05rem;
}
.company-content-box .company-info-unit .ciu-txt {
  color: var(--gray-600);
  font-size: var(--text-18);
  font-weight: 500;
  letter-spacing: -0.05rem;
  flex: 1;
  min-width: 0;
}
.company-content-box .company-info-unit.table .ciu-txt {
  border-top: 2px solid #312e27;
}
.company-content-box .company-info-unit .cp-unit {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #d9d9d9;
  height: 60px;
}
.company-content-box .company-info-unit .cp-unit .stit {
  width: 190px;
  text-align: left;
  color: var(--gray-900);
  font-weight: 700;
}
.company-content-box .company-info-unit .cp-unit .stxt {  
  font-size: var(--text-18);
  color: var(--gray-600);
  font-weight: 500;
}
.company-content-box .company-info-location {
  padding: 80px 0;
  text-align: center;
  background-color: var(--gray-50);
}
.company-content-box .company-info-location .content-inner {padding-top: 0;}
.company-content-box .company-info-location .cil-tit {  
  color: var(--gray-900);
  font-size: var(--text-28);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.05rem;
}
.company-content-box .company-info-location .cil-txt {  
  color: var(--gray-600);
  font-size: var(--text-18);
  font-weight: 500;
  letter-spacing: -0.05rem;
  margin-top: 20px;
}
.company-content-box .company-info-location .cil-map {
  width: 100%;
  height: 500px;
  margin-top: 50px;
  overflow: hidden;
  border: 1px solid var(--gray-100);
  border-radius: var(--radius-12);
}
.company-content-box .company-info-location .root_daum_roughmap {
  width: 100%;
  height: 100%;
}
.company-content-box .company-info-location .root_daum_roughmap .wrap_map {
  width: 100%;
  height: 100%;
}
.company-content-box .company-info-location .root_daum_roughmap .border1,
.company-content-box .company-info-location .root_daum_roughmap .border2,
.company-content-box .company-info-location .root_daum_roughmap .border3,
.company-content-box .company-info-location .root_daum_roughmap .border4 {display: none;}
.company-content-box .company-info-location .cil-info {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.company-content-box .company-info-location .cil-info-unit {
  display: flex;
  align-items: center;
  text-align: left;
  font-size: var(--text-18);
}
.company-content-box .company-info-location .cil-info-unit .stit {
  font-weight: 700;
  color: var(--gray-900);
  width: 100px;
  flex: none;
}
.company-content-box .company-info-location .cil-info-unit .stxt {
  font-weight: 500;
  color: var(--gray-600);
  flex: 1;
  min-width: 0;
}









/* 서비스 페이지 */
.service-content-wrap {
  word-break: keep-all;
}
.service-content-wrap .content-inner {}
.service-content-box {}
.service-content-list {}
.service-content-list + .service-content-list {
  margin-top: 40px;
  padding-top:40px;
  border-top: 1px solid var(--gray-200);
}
.service-content-list .scl-title {
  display: block;
  font-size: var(--text-18);
  font-weight: 700;
  margin-bottom: 24px;
}
.service-content-box .scl-text {
  font-size: var(--text-16);
  margin-bottom: 24px;
}
.service-content-unit {
  font-size: var(--text-16);
}
.service-content-unit a {
  font-weight: 500;
  color: var(--primary-color-900);
}
.service-content-unit + .service-content-unit {
  margin-top: 24px;
}
.service-content-unit .scl-stitle {
  display: block;
  font-weight: 700;
  position: relative;
  padding-left: 20px;
}
.service-content-unit .scl-stitle:before {
  position: absolute;
  left: 0;
  top: 5px;
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border-radius: var(--radius-4);
  background-color: var(--gray-900);
}
.service-content-unit .scl-content {
  margin-top: 5px;
}
.service-content-unit .scl-stext {}
.service-content-unit .call {
  margin-top: 12px;
}
.service-content-unit .call strong {
  font-weight: 700;
  display: block;
}
.service-content-unit ul {}
.service-content-unit ul li {}
.service-content-unit ul li > ul {padding-left: 17px;}
.service-content-unit ul.scl-list-bar {}
.service-content-unit ul.scl-list-bar li {
  padding-left: 12px;
  position: relative;
}
.service-content-unit ul.scl-list-bar li:before {
  position: absolute;
  left: 0;
  top: 0;
  content: '-';
  display: block;
}

.service-content-unit .scl-stext ul {}









/************************ hover ************************/
@media (hover: hover) and (pointer: fine) {


	


}
/************************ hover ************************/



/* 반응형 중간기기 1260px 사이즈 이하*/
@media all and (max-width:1260px){
	

  .company-content-top {
    padding: 1.6rem 1.6rem 2.4rem;
  }
  .company-content-top .title {font-size: var(--text-20);}
  .company-content-top .textbox {
    font-size: var(--text-14);
    margin-top: 5px;
  }
  .company-content-top .textbox br {display: none;}
  .company-content-topImg {
    margin-top: 40px;
    height: 300px;
  }
  .company-content-box {margin-top: 40px;}
  .company-content-box .company-image-list-wrap {
    height: 200px;
    padding-right: 80px;
  }
  .company-content-box .company-image-list {margin-right: -80px;}
  .company-content-box .company-info-wrap {margin-top: 30px;}
  .company-content-box .company-info-list {margin-top: 30px;}
  .company-content-box .company-info-unit {
    flex-direction: column;
  }
  .company-content-box .company-info-unit .ciu-tit {
    font-size: var(--text-18);
  }
  .company-content-box .company-info-unit .ciu-tit br {display: none;}
  .company-content-box .company-info-unit .ciu-txt {
    font-size: var(--text-14);
    width: 100%;
  }
  .company-content-box .company-info-unit .cp-unit .stit {width: 80px;}
  .company-content-box .company-info-unit .cp-unit .stxt {
    font-size: var(--text-14);
  }
  .company-content-box .company-info-location {padding: 40px 0;}
  .company-content-box .company-info-location .cil-tit {font-size: var(--text-20);}
  .company-content-box .company-info-location .cil-txt {
    font-size: var(--text-14);
    margin-top: 5px;
  }
  .company-content-box .company-info-location .cil-map {
    height: 240px;
    margin-top: 25px;
  }
  .company-content-box .company-info-location .cil-info-unit .stit {width: 80px;}
  .company-content-box .company-info-location .cil-info-unit {
    font-size: var(--text-14);
  }
  

}