.guide {
  max-width: 1920px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: auto;
  margin-right: auto
}
.guide.hide {
  display: none
}
/* 회사 소개 intro_01*/
.intro{
  padding-top: 0 !important;
}
.sub-logo-thumb{
  display: flex;
  justify-content: center;
  margin-bottom: 72px;
}
.sc-zoom {
  position: sticky;
  top: 0;
}
.sc-zoom .stky-wrapper{
  position: relative;
  height: 220vh;
}
.sc-zoom .stky-wrapper .sticky{
  position: sticky;
  top: 0;
  display: flex;
  justify-content: center;
  height: 100vh;
  align-items: flex-end;
}
.sc-zoom .stky-wrapper .point-thumb img{
  position: relative;
  z-index: 55;
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: 30% center;
}
.sc-zoom .stky-wrapper .point-thumb img{
  width: 50vw;  
  height: 50vh; 
  position: relative;
  z-index: 50;
  will-change: transform;
  backface-visibility: hidden;
  transform-style: preserve-3d;
}
.sc-zoom .stky-wrapper .txt{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  opacity: 0;
  transition: opacity 0.3s;
  color: var(--white, #FFF);
  text-align: center;
  font-family: Lato;
  font-size: 4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 64px */
  letter-spacing: -1.28px;
  width: 100%;
  z-index: 50;
}
.sc-txt {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}
.sc-txt h2{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 37px;
}

.sc-txt {
  width: 100%;
  height: 150vh;
  position: relative;
}
.sc-txt .stky-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center; 
}
.sc-txt .stky-wrapper .sticky {
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}

.sc-txt .stky-wrapper {
  position: relative;
  height: 300vh; 
  display: flex;
  justify-content: center;
  align-items: center; 
}
.sc-txt .stky-wrapper .sticky {
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100%;
}
.sc-black{
  position: relative;
  z-index: 80;
  width: 100%;
  background: #333;
  height: auto;
}
.sc-black h2 span:first-child{
  margin-bottom: 37px;
}
.color-fill-text {
  text-align: center;
  font-family: Lato;
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 56px */
  letter-spacing: -1.12px;
  background: linear-gradient(to right, black 50%, #979494 50%);
  background-size: 200% 100%;
  background-position-x: 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  transition: background-position-x 0.3s;
}
.sc-black h2 span{
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.16);
  /* color: #333; */
  color: transparent;
  font-family: Lato;
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 56px */
  letter-spacing: -1.12px;
  width: 100%;
}

.sc-black h2{
  width: 100%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  z-index: -1;
}
.sc-black .card-wrapper .wrap-right{
  display: flex;
  flex-direction: column;
  gap: 210px;
}
.sc-black .card-wrapper .wrap-left{
  display: flex;
  flex-direction: column;
  gap: 210px;
  margin-top:280px;
}
.sc-black .card-wrapper{
  padding-top: 100vh;
  display: flex;
  gap: 120px;
  padding-bottom: 250px;
}
.sc-black .card-wrapper .wrap-top{
  margin-bottom: 210px;
}
.sc-black .card-wrapper .thumb img{
  transition: all 0.3s;
}
.sc-black .card-wrapper .thumb{
  margin-bottom: 30px;
}
.sc-black .card  img {
  transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;
  will-change: transform  !important;
}
.sc-black .card:hover img,
.sc-black .card:focus img {
  transform: scale(0.9)  !important; 
}
.sc-black .card-wrapper .card strong{
  color: var(--white, #FFF);
  font-family: Lato;
  font-size: 2.38rem;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 38px */
  letter-spacing: -0.76px;
}
.banner-area{
  position: relative;
  z-index: 600 !important;
  background: #fff;
  padding: 195px 0 75px;
  color: var(--text-title-main, #1C1C1E);
  font-family: Pretendard;
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 57.6px */
  letter-spacing: -0.72px;
}
.sc-autoplay{
  position: relative;
  z-index: 600;
  height: auto;
  padding: 120px 0 120px;
  background-image: url(/image/sub/sc-play-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.sc-autoplay .top-msg h2{
  color:  #FFF;
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 28.8px */
  letter-spacing: -0.36px;
  max-width: 740px;
  width: 100%;
  margin-bottom: 25px;
}
.sc-autoplay .top-msg p{
  max-width: 1000px;
  width: 100%;
}
.sc-autoplay .top-msg p+p{
}
.sc-autoplay .top-msg{
  color: var(--white, #FFF);
  font-family: Pretendard;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 25.6px */
  letter-spacing: -0.32px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 90px;
}
.sc-autoplay .item-list {
  display: flex;
}
.sc-autoplay .item {
  position: relative;
  flex: 1;
  background: rgba(255,255,255,0.20);
  backdrop-filter: blur(19.2px);
  overflow: hidden;
  max-width: 431px;
  min-width: 431px;
  width: 100%
}
.sc-autoplay .item .bg {
  position: absolute;
  inset: 0;
  background-color: #1AA249;
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(.4,0,.2,1);
  z-index: 0;
}
.sc-autoplay .item.on .bg {
  opacity: 1;
}
.sc-autoplay .item .txt h3{
  margin-bottom: 10px;
  font-family: Pretendard;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%; /* 31.2px */
  letter-spacing: -0.52px;
}
.sc-autoplay .item .txt p{
  font-family: Pretendard;
  font-size: 1.06rem;
  font-style: normal;
  font-weight: 500;
  line-height: 160%; /* 27.2px */
  letter-spacing: -0.34px;
  text-align: center;
}
.sc-autoplay .item .txt .ico-thumb{
  /* margin: 28px 0 36px; */
  margin-bottom: 24px;
}
.sc-autoplay .item .txt strong{
  text-align: right;
  width: 100%;
  display: block;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 28.8px */
  letter-spacing: -0.36px;
}
.sc-autoplay .item .txt {
  position: relative; 
  z-index: 1;   
  display: block;   
  width: 100%;
  height: 100%;
  padding: 65px 30px;
  color:  #FFF;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.sc-autoplay .item-list{
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  justify-content: center;
}

/* 프로젝트&히스토리 intro_02*/
.intro-02 .content {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.intro-02 .content .bg img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.intro-02 .content .bg {
  position: absolute;
  top: 0; left: 0;
  width: 100%; 
  height: 100%;
  object-fit: cover;
  z-index: 0;
  pointer-events: none;
}
.intro-02 .content .grid{
  position: relative;
  z-index: 1;
  padding: 142px 0 165px;
}
.grid-top{
  display: flex;
  gap: 16px;
  align-items: stretch;
 
}

/* card01 */
.grid-top-left{
  display: flex;
      align-items: flex-start;
      flex-direction: column;
      justify-content: center;
  position: relative;
  width: 33.333%;
  background-color:  #1AA249;
  flex: 1;
  padding: 60px 50px;
}
.grid-top-left .tit{
  color: #FFF;
  margin-bottom: 20px;
  font-family: Pretendard;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
}
.grid-top-left p{
  color: #FFF;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%; /* 28.8px */
  letter-spacing: -0.36px;
}
.grid-top-left .thumb{
  position: absolute;
  right: 0;
  bottom: 0;
}
.grid-top-right{
  width: 66.666%;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}
.grid-top-right .grid-top-right-top {
  display: flex;
  gap: 16px;
  width: 100%;
}
.grid-top-right .grid-top-right-top > div {
  width: 50%;
}
/* card02 */
.top-01 .thumb{
  position: absolute;
  left: 50%;
  top: 32px;
  transform: translateX(-50%);
}
.top-01 .zoom{
  margin-top: 20px;
  font-family: Lato;
  font-size: 68px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 68px */
  letter-spacing: -1.36px;
  color:  #1AA249 ;
}

.top-01 .zoom.scale-ani {
  animation: scaleAni 1.5s;
}

@keyframes scaleAni {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes scaleAni {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}
.top-01{
  position: relative;
  background-color: #FFF;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px 40px;
}
.top-01 p{
  margin-top: 48px;
  color:  #1C1C1E;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; 
  letter-spacing: -0.36px;
}
/* card03 */
.top-02{
  position: relative;
  padding: 54px 40px;
  background: #EBF9EF;
  backdrop-filter: blur(6.75px);
  }
  .top-02 .thumb{
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .top-02 .flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .top-02 .tit{
  display: flex;
  align-items: flex-start;
  gap: 8px;
  flex-direction: column;
  }
  .top-02 .tit span:nth-child(1){
    font-family: Lato;
    font-size: 68px;
    font-style: normal;
    font-weight: 700;
    line-height: 85%; /* 68px */
    letter-spacing: -1.36px;
    color:#1AA249 ;
    margin-right: 8px;
  }
  .top-02 .tit span:nth-child(2){
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; 
    letter-spacing: -0.36px;
    color:#1AA249 ;
  }
  .top-02 p{
  color:  #1C1C1E;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; 
  letter-spacing: -0.36px;
  margin-top: 24px;
  }
/* card04 */
.grid-top-right-bottom{
  position: relative;
  margin-top: 16px;
  width: 100%;
  padding: 60px 40px;
  border: 1px solid var(--divider-primary, #DDD);
  background: rgba(0, 0, 0, 0.10);
  backdrop-filter: blur(5px);
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  justify-content: center;
}
.grid-top-right-bottom .thumb{
  position: absolute;
  bottom: 0;
}
.grid-top-right-bottom strong{
  position: relative;
  z-index: 55;
  color: #FFF;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; 
  letter-spacing: -0.36px;
}
.grid-top-right-bottom p{
  position: relative;
  z-index: 55;
  color:  #FFF;
  font-family: Pretendard;
  font-size: 68px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 68px */
  letter-spacing: -1.36px;
}

.grid-btm{
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 16px;
}
.grid-btm-top,
.grid-btm-btm{
  width: 100%;
  display: flex;
  gap: 16px;
  margin-top: 16px;
}
.grid-btm-btm{
  margin-top: 0px;
}
.w33{
  width: 33.33%;
  padding: 45px 40px;
}
.w66{
  width: 66.66%;
  padding: 60px 40px;
}
/* card05 */
.grid-btm-top .w66{
  position: relative;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  justify-content: center;
}
.grid-btm-top .w66 .thumb{
  position: absolute;
  right: 0;
  bottom: 0;
}
.grid-btm-top .w66 p{
  font-family: Pretendard;
  font-size: 68px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 68px */
  letter-spacing: -1.36px;
  color: #1AA249 ;
}
.grid-btm-top .w66 strong{
  color: #000;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 21.6px */
  letter-spacing: -0.36px;
}
.grid-btm-top .w33{
  position: relative;
  background-color:#1AA249;
}
.grid-btm-top .w33 .thumb{
  position: absolute;
  right: 0;
  bottom: 0;
}
.grid-btm-top .w33 .tit span:nth-child(1){
  color:  #FFF;
  font-family: Lato;
  font-size: 68px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  letter-spacing: -1.36px;
}
.grid-btm-top .w33 .tit span:nth-child(2){
  color:  #FFF;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; 
  letter-spacing: -0.36px;
  margin-top: 20px;
}
.grid-btm-top .w33 p{
  color: #FFF;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 21.6px */
  letter-spacing: -0.36px;
}
.grid-btm-top .w33 .tit{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 24px;
}

.grid-btm-btm .w33 .thumb{
  position: absolute;
  right: 0;
  bottom: 0;

}
.grid-btm-btm .w33{
  position: relative;
  border: 1px solid  #979494;
  background: rgba(0, 0, 0, 0.10);
  backdrop-filter: blur(5px);
}

.grid-btm-btm .w33 .flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .grid-btm-btm .w33 .tit{
   display: flex;
    align-items: flex-start;
    gap: 8px;
    flex-direction: column;
  }
  .grid-btm-btm .w33 .tit span:nth-child(1){
    font-family: Lato;
    font-size: 68px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 68px */
    letter-spacing: -1.36px;
    color:#FFF ;
    margin-right: 8px;
  }
  .grid-btm-btm .w33 .tit span:nth-child(2){
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; 
    letter-spacing: -0.36px;
    color:#FFF ;
  }
  .grid-btm-btm .w33 p{
    color:  #FFF;
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; 
    letter-spacing: -0.36px;
    margin-top: 24px;
  }
  .grid-btm-btm .w66{
    position: relative;
    background: #EAF9EF;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 24px;
    max-height: 236px;
  }
  .grid-btm-btm .w66 .thumb img{

    width: 100%;
    height: 100%;
    object-fit: cover;

  }
  .grid-btm-btm .w66 .thumb{
    position: absolute;
    height: 100%;
  }
  .grid-btm-btm .w66 p{
    display: flex;
    align-items: center;
    gap: 8px;
    color:#1AA249 ;
    position: relative;
    z-index: 5;
    padding-left: 0 !important;
  }
  .grid-btm-btm .w66 span:nth-child(1){
  font-family: Lato;
  font-size: 68px;
  font-style: normal;
  font-weight: 700;
  line-height: 85%; /* 68px */
  letter-spacing: -1.36px;
  }
  .grid-btm-btm .w66 span:nth-child(2){
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; 
    letter-spacing: -0.36px;
    margin-top: 20px;
  }
  .grid-btm-btm .w66 strong{
    color: #000;
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 21.6px */
    letter-spacing: -0.36px;
    position: relative;
    z-index: 5;
  }

/* global-network intro_03*/

.global-nw .content{
  position: sticky;
  top: 0;
  background-color:  #363636;
  padding: 93px 0;
}
.map-area {
  position: relative !important;
  padding: 0 20px;
}
.map-area .thumb{
  position: relative !important;
  max-width: 1386px;
  aspect-ratio: 1386/735;
  width: 100%;
  margin: 0 auto;
}
.map-area img{
  width: 100%;
  object-fit: cover;
  display: block;
}

 .ripple-item {

    display: flex;
    align-items: center;
    justify-content: center;
}

.ripple {
	position: absolute;
	width: 60px;
	height: 60px;
	border-radius: 50%;
  background-color: rgba(26, 162, 73, 0.4);
	animation: ripple-effect 3s linear infinite;
	opacity: 0;
}
.dot {
	width: 16px;
	height: 16px;
	border-radius : 20px;
	background :  #1AA249;
	z-index : 3
}
.kr {
    position: absolute;
    top: 34%;
    left: 45.5%;
}
.hh {
    position: absolute;
    top: 70%;
    left: 49.5%;
}
.mm {
    position: absolute;
    top: 57%;
    left: 55%;
}
.qq {
    position: absolute;
    top: 45%;
    left: 49.5%;
}
.ii {
    position: absolute;
    top: 30%;
    left: 49.5%;
}
.vv {
    position: absolute;
    top: 18%;
    left: 61.5%;
}
.ww {
    position: absolute;
    top: 38%;
    left: 61.5%;
}
.rr {
    position: absolute;
    top: 20%;
    left: 90.5%;
}
.oo {
    position: absolute;
    top: 30%;
    left: 73.5%;
}
.pp {
    position: absolute;
    top: 32%;
    left: 75.5%;
}
.id  {
    position: absolute;
    top: 70%;
    left: 32%;
}
.aa  {
    position: absolute;
    top: 76.6%;
    left: 25.6%;
}
.sp {
    position: absolute;
    top: 35%;
    left: 23%;
}
.ff {
    position: absolute;
    top: 41.5%;
    left: 15.4%;
}
.xx {
    position: absolute;
    top: 30.5%;
    left: 15.4%;
}
.yy {
    position: absolute;
    top: 27.5%;
    left: 13.4%;
}
.zz {
    position: absolute;
    top: 24.5%;
    left: 20.4%;
}
.zz01 {
    position: absolute;
    top: 66.5%;
    left: 25.4%;
}
.zz02 {
    position: absolute;
    top: 75.5%;
    left: 84.4%;
}
.zz03 {
    position: absolute;
    top: 27.5%;
    left: 28.4%;
}
.zz04 {
    position: absolute;
    top: 20.5%;
    left: 78.4%;
}
.zz05 {
    position: absolute;
    top: 44.5%;
    left: 19.4%;
}
.zz06 {
    position: absolute;
    top: 43.5%;
    left: 23.4%;
}

.gg {
    position: absolute;
    top: 62%;
    left: 22.7%;
}

.usa {
    position: absolute;
    top: 44%;
    left: 56%;
}
.cc {
    position: absolute;
    top: 52.5%;
    left: 74.4%;
}
.kk {
    position: absolute;
    top: 48.5%;
    left: 67.5%;
}
.jj {
    position: absolute;
    top: 44%;
    left: 78.5%;
}
.bb {
    position: absolute;
    top: 33%;
    left: 81.6%;
}
.ll {
    position: absolute;
    top: 81%;
    left: 88.9%;
}
.nn {
    position: absolute;
    top: 84%;
    left: 99%;
}

.ripple:nth-child(1) {
	animation-delay: 0s;
}

.ripple:nth-child(2) {
	animation-delay: 1.5s;
}

.ripple:nth-child(3) {
	animation-delay: 3s;
}

@keyframes ripple-effect {
	0% {
		transform: scale(0.5);
		opacity: 0;
	}
	50% {
		transform: scale(0.7);
		opacity: 1;
	}
	100% {
		transform: scale(1);
		opacity: 0;
	}
}


.sc-site{
  position: relative;
  background-color: #FFF;
  padding: 60px 0 140px;
  z-index: 60;
}

.sc-site .wrap{
 display: grid;
 grid-template-columns: repeat(3,1fr);
  gap: 30px;
}
.sc-site .wrap .card{
  flex: 1;
}
.sc-site .wrap .thumb{
  margin-bottom: 28px;
}
.sc-site .wrap strong{
  color: #1C1C1E;
  font-family: Pretendard;
  font-size: 34px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -0.68px;

}
.sc-site .wrap p{
  color:  #4C4C4E;
  font-family: Pretendard;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; 
  letter-spacing: -0.34px;
  margin: 16px 0 28px;
  /* display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; */
  min-height: 109px;
  word-break: break-all;
}
.sc-site .wrap a{
  margin: 0 !important;
}
/* intro_04 */
.root_daum_roughmap_landing .border2 {
  display: block !important;
}
.loca{
  padding-bottom: 140px;
}
#daumRoughmapContainer1750129179712{
  width: 100% !important;
  min-width: 0 !important;
  height: 580px !important;
}
#map {
  border: none !important;
}
#daumRoughmapContainer1750129179712 .wrap_map{
  height: 100% !important;
  border: none !important;
}
.root_daum_roughmap .wrap_btn_zoom { display: none !important; }
.root_daum_roughmap .map_scale { display: none !important; }
.loca .txt{
  display: flex;
  padding-top: 40px;
  justify-content: space-between;
  align-items: center;
}
.loca .txt strong{
  color: #1C1C1E;
font-family: Pretendard;
font-size: 26px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 26px */
letter-spacing: -0.52px;
}
.loca .txt .wrap{
  display: flex;
  padding-top: 40px;
}
.loca .txt .wrap span:not(.tit):before{
  content: '';
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-right: 12px;
  background-size: contain;
  background-repeat: no-repeat;
}
.loca .txt .wrap span.tel::before{
  background-image: url(/image/sub/tel-ico.png);
}
.loca .txt .wrap span.fax::before{
  background-image: url(/image/sub/fax-ico.png);
}
.loca .txt .wrap span.email::before{
  background-image: url(/image/sub/email-ico.png);
}
.loca .txt .wrap span{
  display: flex;
  align-items: center;
  color: #999;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 700 ;
  line-height: 100%; 
  letter-spacing: -0.36px;
}
.loca .txt .wrap span a{
  color:  #4C4C4E;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; 
  letter-spacing: -0.36px;
  margin-left: 30px;
}
.loca .txt .wrap span.email::after{
 display: none !important;
}
.loca .txt .wrap span:not(.tit)::after {
  content: '';
  display: inline-block;
  background-color: #DDD;
  width: 1px;
  height: 16px;
  margin: 0px 30px;
}
.txt-right{
  display: flex;
  align-items: center;
  gap: 20px;
}
/* 업무분야 뷰페이지 */
.busi-view .contact-list{
  gap: 0 !important;
}
.busi-view .tit-wrap{
  padding: 87px 0 36px;
}
.view-headline{
  text-align: center;
}
.view-headline strong{
  color: var(--color-main);
}
.view-headline span{
  color:var(--color66);
  text-align: center;
  font-family: Pretendard;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.34px;
}
.view-headline h2{
  padding: 20px 0 30px;
  color: var(--color22);
  text-align: center;
  font-family: Pretendard;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 56px */
  letter-spacing: -0.8px;
}
.busi-view .flex{
  display: flex;
  gap: 65px;
}
.busi-view .insight-list .flex{
  display: flex;
  align-items: center;
  gap: 40px;
}
.busi-view .flex .flex-left{
  /* max-width: 960px; */
  width: 100%;
  min-width: 300px;
}
.busi-view .flex .flex-right .stck-wrapper{
  position: sticky;
  top: 107px;
  display: flex;
  flex-direction: column;
  gap: 30px;
 
}
.busi-view .flex .flex-right{
width: 175px; 
flex-shrink: 0;
  height: auto;
}
.stck-wrapper a.on::before {
  content: ""; 
  background-image: url(../image/sub/nav-icon.png);
  width: 12px;
  height: 12px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
}

.busi-view .flex .flex-right a:not(.on){
  padding-left: 18px;
}
.busi-view .flex .flex-right a.on{
  color: var(--black);
  display: flex;
  align-items: center;
  gap: 8px;
}
.busi-view .flex .flex-right a{
  color: var(--color99);
  font-family: Pretendard;
  font-size: 21px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 21px */
  letter-spacing: -0.42px;
  word-break: break-all;
  transition: color 0.3s;
}
.busi-view .sec_01{
  padding-bottom: 80px;
}
.busi-view .sec_01 p{
  font-size: 18px;
}
.busi-view .sec_01 p+p{
  margin-top: 20px;
}
.busi-view .flex .flex-left > div+div{
  padding: 60px 0;
  border-top: 1px solid #ddd;
}
.busi-view .flex .flex-left h3{
  color: var(--black);
  font-family: Pretendard;
  font-size: 2.13rem;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 34px */
  letter-spacing: -0.68px;
  margin-bottom: 30px;
}

.busi-view .sec_02 .gtc_03{
 display: flex;
 flex-direction: column;
 gap: 20px;
}
.busi-view .gtc_03 > div{
}
.busi-view .gtc_03 span::before{
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 3px;
  content: '';
  background-color: var(--color-main);
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 8px;
}
.busi-view .gtc_03 span{
  position: relative;
  color: #000;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 17px */
  letter-spacing: -0.34px;
  align-items: center;
  padding-left: 10px;
}
.busi-view .tit h3{
  margin-bottom: 0 !important;
  color: #000;
  font-family: Pretendard;
  font-size: 34px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 34px */
  letter-spacing: -0.68px;
}
.busi-view .tit{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}

.contact-slide .swiper-wrapper{
  padding-bottom: 60px !important;
}
.contact-slide .swiper-scrollbar {
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  background: #D9D9D9 !important;         
  border-radius: 8px;          
  height: 4px !important;     
  margin: 16px 0;      
  width: 100% !important;   
}
.contact-slide .swiper-scrollbar-drag {
  background: #1B242B !important;       
  height: 4px !important;      
  border-radius: 0px !important;
}
 .contact-list li{
  width: 100%;
 }
 .contact-list.gtr3{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
  gap: 80px 24px;
}
 .contact-list .thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contact-list .thumb{
  width: 100%;
  margin-bottom: 33px;
  background-color: #f5f5f5;
  aspect-ratio: 341.82/382.80;
}
 .lawyer-name span:nth-child(1){
  color: var(--black);
  font-family: Pretendard;
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 26px */
  letter-spacing: -0.52px;
}
 .lawyer-name span:nth-child(2){
  color: var(--black);
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; 
  letter-spacing: -0.36px;
}
 .lawyer-name{
  margin-bottom: 30px;
  display: flex;
  align-items: flex-end;
  gap: 15px;
}
 .lawyer-info span:nth-child(1){
  color: var(--color-main);
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; 
    letter-spacing: -0.32px;
}
 .lawyer-info span:nth-child(2){
  color: var(--color66);
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.32px;
}
 .lawyer-info{
  display: flex;
  align-items: center;
  gap: 10px;
}
 .lawyer-info + .lawyer-info{
  margin-top: 10px;
}
 .lst-list{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 20px;
}
.busi-view .more-btn{
  color: #000;
}
.busi-view .lst-list div a strong{
  color: var(--color-main);
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 15px */
  letter-spacing: -0.3px;
}
.busi-view .lst-list div a p{
  color: var(--black);
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 28px */
  letter-spacing: -0.4px;
  min-height: 56px;
  display: -webkit-box;
  -webkit-line-clamp: 2;      
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.busi-view .lst-list div a{
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  height: 100%;
  padding: 34px 49px;
  border: 1px solid #DDD;
  background: #F9F9F9;
  transition: all 0.5s;
}
 .serv-list.gtc03{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 20px;
 }
 .serv-list.gtc04 p::before{
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 3px;
  content: '';
  background-color: var(--color-main);
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 8px;
 }
 .serv-list.gtc04 a{
  padding: 28px;
  max-width: 315px;
  width: 100%;
 }
 .serv-list.gtc04 p{
  position: relative;
  color: var(--black);
  font-family: Pretendard;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 17px */
  letter-spacing: -0.34px;
  padding-left: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
 }
 .serv-list.gtc04{
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 20px;
  padding-top: 40px;
  border-top: 1px solid #ddd;
 }
 .serv-list{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 20px;
}
 .serv-list div strong{
  color: var(--color-main);
font-family: Pretendard;
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: 100%;
letter-spacing: -0.3px;
white-space: nowrap;         
overflow: hidden;         
text-overflow: ellipsis;
width: 100%;
}
 .serv-list div p{
  color: var(--black);
  font-family: Pretendard;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -0.44px;
  white-space: nowrap;         
  overflow: hidden;         
  text-overflow: ellipsis;
  max-width: 404px;
  width: 100%;
}
 .serv-list div {
  min-width: 0; 
 }
 .serv-list div a{
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  height: 100%;
  padding: 30px;
  border: 1px solid var(--colordd);
background: #F9F9F9;
transition: all 0.5s;
}
 .sub-page .more-btn{
  margin: 0 auto;
}
 .serv-list div a .txt{
  display: flex;
  flex-direction: column;
  gap: 16px;
}
 .serv-list div a{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-radius: 8px;
}
.serv-list div a .link-more-cir {
  position: relative;
  border-radius: 50%;
  border: 1px solid #DDD;
  background: #fff;
  width: 60px;
  height: 60px;
  padding: 16px;
}
.serv-list div a .link-more-cir svg{
  color: #DDD;
}

.serv-list div a .link-more-cir:hover svg{
  color: #fff;
}
.board{
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}
.board.right{
  display: flex;
    justify-content: flex-end;
    margin-bottom: 40px;
}
.board-left{
  display: flex;
  align-items: center;
  gap: 20px;
}
.board-left a.on{
  background: #1AA249;
  color: #FFF;
}
.board-left a{
  padding: 17px 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  background: #F5F5F5;
  color: #666;
  text-align: center;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; 
  letter-spacing: -0.36px;
  width: 152px;
}
.board-right{
  display: flex;
  align-items: center;
  gap: 10px;
}

.board-search .search-wrap .search-box input{
  width: 100%;
}
.board-search .search-wrap .search-box{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.busi-area .board-search .search-box{
  border: none;
  height: 16px;
  padding: 0;
}
.busi-area .search-box input {
  width: 100%;
  height: 100%;
  color: var(--color22);
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  letter-spacing: -0.44px;
}
.busi-area .board-search .search-wrap {
  padding: 16px 30px;
}
.board-search .search-wrap{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #FFF;
  border: 1px solid var(--colordd);
  border-radius: 50px; 
  padding: 13px 30px;
}
.board-search .search-wrap .results {
  width: 100%;
}
.board-search .search-wrap .results .msg{
  padding: 40px 0;
  color: var(--black);
  text-align: center;
  font-family: Pretendard;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -0.44px;
}

.board-search .search-wrap .no-results .msg{
  padding-top: 40px;
  color: var(--black);
  font-family: Pretendard;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; 
  letter-spacing: -0.44px;
}
.sub-tab a + a{
  border-left: 1px solid var(--colordd);
}
.sub-tab a.on{
  background: var(--color-main);
  color: #FFF;
}
.sub-tab a{
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 31px 0;
  background: #F5F5F5;
  color: var(--color66);
  text-align: center;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; 
  letter-spacing: -0.36px;
}
.sub-tab{
  display: flex;
  width: 100%;
  margin-bottom: 80px;
}
.busi-view .tit  a svg{
  transition: all 0.5s;
}
.busi-view .tit  a:hover svg{
  transform: rotate(180deg);
}
/* 업무사례 */
.busi .search-box input::placeholder{
  color: #AAA;
}
.busi .search-box input {
  color: #222;
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 16px */
  letter-spacing: -0.32px;
}
.busi .search-wrap{
  height: 52px;
  max-width: 320px;
  min-width: 240px;
  width: 100%;
}
.busi .search-box {
  align-items: center;
  width: 321px;
  height: 52px;
  padding: 0 !important;
  border: none;
}
.date-range-wrap .thumb{
  display: flex;
  align-items: center;
  margin: 0 8px;
}
.date-range-wrap {
  display: flex;
}
.date-picker-box.a .icon-calendar{
  margin-right: 15px !important;
}
.date-picker-box.a{
  position: relative;
 width: 131px;
  height: 52px;
  display: flex;
  align-items: center;
  border: 1px solid var(--coloraa);
  background:  var(--white);
  border-radius: 50px;
}
.date-picker-box {
  position: relative;
width: 152px;
  height: 52px;
  display: flex;
  align-items: center;
  border: 1px solid var(--coloraa);
  background:  var(--white);
  border-radius: 50px;
}
.date-picker-box input {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  font-size: 11px;
  background: transparent;
  cursor: pointer;
  padding-left: 10px;
}
.icon-calendar {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  pointer-events: none;
}
.search-btn {
  flex-shrink: 0;
  width: 40px !important;
  height: 40px !important;
  padding: 10px;
  box-sizing: border-box;
  background: var(--color22);
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 50%;
  margin-right: 7px;
}
.case .flex{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.case-list{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 27px;
}
.case-list > div a{
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid var(--colordd);
  transition: all 0.5s;
}
.case-list > div a .tit{
  background: #F9F9F9;
  padding: 40px 49px;
}
.case-list > div a .tit strong{
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 15px */
  letter-spacing: -0.3px;
}
.case-list > div a .tit h3{
  color: var(--color22);
  font-family: Pretendard;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 33.6px */
  letter-spacing: -0.48px;
  margin-top: 16px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  min-height: 68px;
  word-break: break-word;
}
.case-list > div a .tag{
  min-height: 34px;
}
.case-list > div a .desc{
  padding: 40px 49px 20px 49px;
}
.case-list > div a .desc p{
  overflow: hidden;
  color: var(--color66);
  text-overflow: ellipsis;
  font-family: Pretendard;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%; /* 27.2px */
  letter-spacing: -0.34px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  word-break: normal;
  margin-bottom: 20px;
  min-height: 164px;
}
.case-list > div a .desc > div{
  display: grid;
  grid-template-columns: repeat(5,1fr);
  gap: 10px;
}
.case-list > div a .desc > div span{
  display: flex;
  padding: 7px ;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  background: rgba(26, 162, 73, 0.20);
  box-sizing: border-box;
}
.case-list > div .datetime{
  display: flex;
  color: var(--color66);
  font-family: Pretendard;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 17px */
  letter-spacing: -0.34px;
  margin: 0 49px;
  border-top: 1px solid var(--colordd);
  padding: 20px 0 40px;
}

.board.w100{
  justify-content: space-between;
  gap: 110px;
  align-items: flex-end;
}
.board.w100 .board-left{
  align-items: flex-end;
  margin-bottom: 20px;
  white-space: nowrap;
  flex-wrap: wrap;

}
.board.w100 .board-left a {
  width: auto;
}


.board.w100 .board-right {
  justify-content: flex-end;
}



/* 인사이트 뷰페이지 */
.policy ul li,
.case-view  ul li{
  list-style-type: disc !important; 
}
.policy ol li,
.case-view ol li{
  list-style-type: decimal  !important; 
}
.banner-thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.case-view .tit-wrap {
  padding-bottom: 40px;
  border-bottom: 1px solid var(--colordd);
}
.case-view .contact-list li img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.case-view .sec_03{
  padding: 40px 0 50px;
  border-top: 1px solid var(--colordd);
}
.case-view .desc {
padding: 40px 0;
}
.case-view .desc p:has(img) img{
  object-fit: cover;
}
.case-view .desc p:has(img) {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
.case-view .desc p,
.case-view .desc h3{
  color: var(--black);
font-family: Pretendard;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 160%; /* 27.2px */
letter-spacing: -0.34px;
}
.case-view .desc p.deco{
  display: flex;
  align-items: flex-start;
}
.case-view .desc p.deco::before{
  width: 4px;
  height: 4px;
  background-color: var(--black);
  content: '';
  border-radius: 50%;
  flex-shrink: 0;
 margin: 11px 15px 0px 15px;
}
.cont .tag {
  display: grid;
  grid-template-columns: repeat(14,1fr);
  gap: 10px;
  margin-bottom: 40px;
}
.cont .tag span{
  display: flex;
  padding: 7px 12px;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  background: rgba(26, 162, 73, 0.20);
}
/* 소식 */
.new-list {
  border-top: 1px solid  #000;
  border-bottom: 1px solid  #DDD;
}
.new-list .item + .item{
  border-top: 1px solid #ddd;
}
.new-list .item .flex{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.new-list .item{
  display: flex;
  align-items: center;
  width: 100%;
  padding: 32px 50px;
  transition: all 0.5s;
}
.new-list .item span{
  width: 24px;
  margin-right: 40px;
  color: #1AA249;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; 
  letter-spacing: -0.36px;
}
.new-list .item .thumb{
  margin-right: 40px;
  flex-shrink: 0;
}
.new-list .item strong{
  width: 96px;
  border-radius: 50px;
  background: rgba(26, 162, 73, 0.20);
  display: flex;
  padding: 7px 14px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  color: #1AA249;
  text-align: center;
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 15px */
  letter-spacing: -0.3px;
  margin-right: 40px;
}

.new-list .item a{
  display: flex;
  overflow: hidden;
  width: 100%;
  max-width: 1018px;
  color: #222;
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 28px */
  letter-spacing: -0.4px;
  margin-right: 5.5vw;
}
.new-list.legi .item a{
  display: flex;
  overflow: hidden;
  width: 100%;
  max-width: 1105px;
  color: #222;
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 28px */
  letter-spacing: -0.4px;
  margin-right: 5.5vw;
}

.new-list .item a h3{
  color: #222;
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 28px */
  letter-spacing: -0.4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}
.new-list .item .datetime{
  display: flex;
  width: 82px;
  flex-shrink: 0;
  color: #666;
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 15px */
  letter-spacing: -0.3px;
}

/* 구성원 */
.lawyers .more-btn{
  margin-top: 80px;
  }

/* 구성원상세 */
.bg-gg{
  position: absolute;
  top: 0%;
  left: 0;
  width: 100%;
  max-height: 400px;
  height: 100%;
  background: #E4E4E4;
}
.detail-area{
  position: relative;
padding-top: 75px;
  margin-bottom: 60px;
}
.detail-area .top-flex{
  background: linear-gradient(106deg, #0C100C 43.54%, #0E0F11 56.4%, #0A0A0A 67.77%, #090A08 86.98%);
  display: flex;
  justify-content: space-between;
  padding: 0 88px 0 88px;
}
.detail-area .top-flex .col-right img{
  width: 100%;
  height: 100%;
  object-fit: cover;

}
.detail-area .top-flex .col-right {
  max-width: 368px;
  width: 100%;
  height: 100%;
  aspect-ratio: 334 / 363;
  padding-top: 50px;
}
.detail-area .bg{
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  height: 609px;
}
.detail-area .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover; 
}
.detail-area .col-left{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 50px;
  padding: 70px 0 45px;
  /* padding: 100px 0 70px; */
}
.detail-area .info{
  display: flex;
  flex-direction: column;
}
.detail-area .info strong{
  color:  #fff;
  /* color:  #1C1C1E; */
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; 
  letter-spacing: -0.36px;
}
.detail-area .name{
  margin-top: 30px;
  /* margin-top: 64px; */
}
.detail-area .name span:nth-child(1){
  color:  #fff;
  /* color: var(--text-title-main, #1C1C1E); */
  font-family: Pretendard;
  font-size: 3.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; 
  letter-spacing: -1.12px;
  margin-right: 11px;
}
.detail-area .name span:nth-child(2){
  color:  #fff;
  /* color: var(--text-title-main, #1C1C1E); */
  font-family: Pretendard;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.48px;
}
.addr{
  gap: 11px;
}
.addr span{
  display: flex;
  align-items: center;
  color: var(--white, #FFF);
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; 
  letter-spacing: -0.36px;
}
.addr span a{
 margin-left: 10px;
 color: #FFF;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.36px;
}
.addr .download-btn{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 20px;
  max-width: 240px;
  border: 1px solid var(--white, #FFF);
  background: #FFF;
  margin-top: 40px;
}
.addr .download-btn span{
  font-family: Pretendard;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 16px */
  letter-spacing: -0.32px;
  color: #1AA249 ;
}
.comn-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.sec_06 .wrap+.wrap{
  margin-top: 60px;
}
.comn-list .item::before{
  content: '';
  width: 3px;
  height: 3px;
  background-color: #1AA249;
  margin-right: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}
.comn-list .item{
  display: flex;
  align-items: center;
  color: #4C4C4E;
  font-family: Pretendard;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.34px;
}
.sec_06 .tag:first-child{
  margin-top: 0 !important;
}
.sec_06 .tag{
  display: flex;
padding: 12px 26px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 4px;
background:#1AA249;
color: var(--white, #FFF);
font-family: Pretendard;
font-size: 17px;
font-style: normal;
font-weight: 700;
line-height: 100%; /* 17px */
letter-spacing: -0.34px;
width: fit-content;
margin-bottom: 20px;
margin-top: 40px;
}
.insight-list {
  border-top: 1px solid #DDD;
border-bottom: 1px solid #DDD;
}
.insight-list .item + .item{
  border-top: 1px solid #DDD;
}
.insight-list .item a{
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  padding: 24px 30px;
  transition: all 0.5s;
}
.insight-list .item a strong{
  font-family: Pretendard;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 17px */
  letter-spacing: -0.34px;
  color:  #1AA249;
  flex-shrink: 0;
}

.insight-list .item a h4{
  overflow: hidden;
  color:  #4C4C4E;
  text-overflow: ellipsis;
  font-family: Pretendard;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; 
  letter-spacing: -0.34px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  max-width: 684px;
  max-height: 17px;
  -webkit-box-orient: vertical; 
  width: 100%;
}
.insight-list .item a .datetime{
  color:  #999;
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.3px;
  flex-shrink: 0;
}
/* 상담문의 */
.bg-gray{
padding: 103px 0; 
  background: #F9F9F9;
  margin-bottom: 80px;
}
.step-area{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
}
.step-area .circle{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 28px;
  width: 197px;
height: 197px;
border-radius: 50%;
background-color: #fff;
margin-bottom: 28px;
}
.step-area h3{
  color: #000;
font-family: Pretendard;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 20px */
letter-spacing: -0.4px;
margin-bottom: 16px;
text-align: center;
}
.step-area li.ar .thumb{
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.step-area li{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.step-area strong{
  color: #333;
text-align: center;
font-family: Pretendard;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 100%; /* 16px */
letter-spacing: -0.32px;
text-align: center;
}
.step-area .circle span{
  color: #1AA249;
text-align: center;
font-family: Pretendard;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 100%; /* 14px */
letter-spacing: -0.28px;
}



@media all and (max-width:1200px) {
 
  .step-area {
 display: grid;
 grid-template-columns: 1fr auto 1fr; /* 좌우는 균등, 가운데는 콘텐츠 크기만큼 */
 align-items: center; /* 세로 정렬 */
 justify-items: center; /* 아이템 중앙 정렬 (필요 시) */
}
.step-area .circle {
  width: 180px;
  height: 180px;
}
}

@media all and (max-width:640px) {
  .step-area {
    gap: 40px 15px !important;
  }
  .step-area h3 {
    font-size: 18px !important;
  }
  .step-area strong {
    font-size: 14px !important;
  }
}
@media all and (max-width:500px) {
  .step-area h3 {
    height: 50px;
  }
}
@media all and (max-width:460px) {
  .step-area .circle {
    width: 130px;
    height: 130px;
  }
  .step-area .circle .thumb{
    width: 40px;
    height: 40px;
  }
}


.contact {
  padding-bottom: 140px;
}
.contact .form{
  display: flex;
  flex-direction: column;
  border-top: 1px solid #000;
  border-bottom: 1px solid #ddd;
  margin-bottom: 80px;
}
.contact .form__full + .form__full{
  border-top: 1px solid #ddd;
}
.contact .form__full{
  display: flex;
  align-items: flex-start;
  padding: 20px 60px;
}
.form__tit {
  display: flex;
  align-items: center;
  max-width: 200px;
  width: 100%;
  color:  #1C1C1E;
  font-family: Pretendard;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; 
  letter-spacing: -0.4px;
  padding-top: 18px;
}
.form__tit .deco {
  color:  #1AA249 ;
}
.form__input select{
  border: 1px solid #DDD;
  display: flex;
  padding: 16px 60px 16px 26px;
  align-items: center;
  gap: 28px;
  color: var(--text-body-caption, #999);
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.36px;
}
.form textarea::placeholder,
.form .form__input input::placeholder{
  color:  #999;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; 
  letter-spacing: -0.36px;
}
.form .form__input{
  padding: 18px 0;
}
.form .form__input input,
.form .form__input{
  width: 100%;
}
.form textarea{
  width: 100%;
  font-family: inherit;
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  resize: none;
  overflow-y: auto;
  height: 276px;
}
#agreemt .scroll .desc{
  font-family: Pretendard;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.32px;
  word-break: break-all;
}
#agreemt .scroll .desc + .desc{
  margin-top: 15px;
}
#agreemt .scroll{
  overflow-y: auto;
  padding: 30px;
  height: 100%;
}
.scroll p:nth-child(1){
  color: #4C4C4E;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; 
  letter-spacing: -0.36px;
  margin-bottom: 30px;
}
.scroll p:nth-child(2){
  color: #1AA249;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: -0.36px;
}
.scroll p:nth-child(3){
  color:  #999;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  letter-spacing: -0.36px;
}
#agreemt .scroll::-webkit-scrollbar {
  width: 4px; 
}
#agreemt .scroll::-webkit-scrollbar-thumb {
  background: #b0b0b0; 
  border-radius: 0px;
}
#agreemt .scroll::-webkit-scrollbar-track {
  background: #f0f0f0; 
}
#agreemt{
  height: 234px;
  background-color: #F5F5F5;
  margin-bottom: 20px;
}
.chk-box{
  display: flex;
  gap: 5px;
  align-items: center;
}
.checkbox{
  width: 24px !important;
  height: 24px;
  margin-right: 14px;
}
#terms-label{
  color:  #4C4C4E;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; 
  letter-spacing: -0.36px;
}
.contact .more-btn{
  color: #4C4C4E;
  font-family: Pretendard;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; 
  letter-spacing: -0.36px;
}
 /* 통합 검색 페이지  */
 h2.tac{
  color: #222;
  font-family: Pretendard;
  font-size: 56px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 56px */
  letter-spacing: -1.12px;
  text-align: center;
 }
.total{
  margin: 98px 0;
}
.total .search-box{
  margin: 0 auto;
  width: 100%;
  max-width: 800px;
  height: 60px;
}

.green{
  color: #1AA249;
}
.result-box{
  display: flex;
  justify-content: center;
}
.result-box p{
  color: #000;
  font-family: Pretendard;
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.52px;
  text-align: center;
}
.scroll-tab{
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  margin-top: 70px;
  margin-bottom: 80px;
  width: 100%;
  max-width: 1440;
  background: #fff;
  z-index: 999;
  transition: top 0.3s ease;
}
.scroll-tab a{
  flex: 1;
  color: #666;
  text-align: center;
  font-family: Pretendard;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 22px */
  letter-spacing: -0.44px;
  padding: 28px 0;
  border-bottom: 1px solid #DDD;
}

.scroll-tab a.on{
  color: #0DA049;
  border-bottom: 4px solid #0DA049;
}
.total-search .more-btn span{
  background-color:#1C1C1E;
  
}
.total-search {
  padding-bottom: 140px;
}
.total-search h3{
  color: #222;
  font-family: Pretendard;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 40px */
  letter-spacing: -0.8px;
  padding-bottom: 30px;
  border-bottom: 1px solid #000;
  margin-bottom: 45px;
}
.total-search h3 span{
  font-family: Pretendard;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%; /* 24px */
  letter-spacing: -0.48px;
  margin-left: 10px;
}
.total-search section+section{
  margin-top: 120px;
}
.serv-list.gtc03 {
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.total-search .more-btn{
  margin-top: 60px;
}
.contact-list.gtr05 {
  display: grid;
  grid-template-columns: repeat(5,1fr);
  gap: 80px 16px;
}
.total-search .insight-list .item a h4 {
  max-width: 990px;
  width: 100%;
  overflow: hidden;
color: #222;
text-overflow: ellipsis;
font-family: Pretendard;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 28px */
letter-spacing: -0.4px;
max-height: 29px;
}
.sc-case h3{
  margin-bottom: 0;
  
}
.sc-case .insight-list .item a strong {
  padding: 7px 14px;
  border-radius: 50px;
background: rgba(26, 162, 73, 0.20);
width: fit-content;
flex-shrink: 0;
}
.sc-case .insight-list .item a span{
  color: #1AA249;
font-family: Pretendard;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 100%; 
letter-spacing: -0.36px;
min-width: 80px;
}
.sc-case .insight-list .item a .datetime {
  color: #666;
  text-overflow: ellipsis;
  font-family: Pretendard;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; 
  letter-spacing: -0.3px;
  margin-left: auto;
}

.sc-case:last-child .insight-list .item a {
  gap: 0 !important;
}
.sc-case .insight-list .item a {
  padding: 33px 63px 33px 49px;
  gap: 30px !important;
}
.sc-case .insight-list .item a .flex{
  width: 100%;
  display: flex;
  align-items: center;
}

/* 개인정보처리방침 */
.policy{
  padding-bottom: 140px;
}
.policy p{
color: #333;
font-family: Pretendard;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 160%; 
letter-spacing: -0.09px;
}
.policy p+p{
  margin-top: 28px;
}

.headline.tac{
  text-align: center;
}
.stcky-nav.search{ 
  display: flex;
  align-items: center;
  margin-top: 120px;
  margin-bottom: 80px;
  width: 100%;
  max-width: 1440;
  background: #fff;
  z-index: 999;
  transition: top 0.3s ease;
}
.stcky-nav.search a{
  flex: 1;
color: #666;
text-align: center;
font-family: Pretendard;
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 100%; /* 22px */
letter-spacing: -0.44px;
padding: 28px 0;
border-bottom: 1px solid #DDD;
transition: all 0.3s;
}
.stcky-nav.search a.on{
  border-bottom: 4px solid #0DA049;
  color: #0DA049;
}
.flex .stcky-nav.search{
  display: flex !important;
  position: sticky !important;
  top: 0 !important;
  background-color: #fff;
  z-index: 88;
 }


@media all and (min-width:768px) {
  .case-list > div a:hover,
.busi-view .lst-list div a:hover,
.serv-list div a:hover,
.serv-list.gtc03 div a:hover{
  border: 1px solid var(--color-main);
  background: var(--white);
  box-shadow: 4px 4px 10px 3px rgba(0, 0, 0, 0.08);
}
.new-list .item:hover a{
  text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: 3px;  
text-underline-position: from-font;
}
.new-list .item:hover{
  background-color: #F9F9F9;
}
.insight-list .item a:hover{
  background-color: #F9F9F9;
}
.insight-list .item a h4:hover{
  text-decoration: underline;
}
}