.HS_1040_1 {
  position: relative;
  padding-top: 5rem;
  padding-bottom: 5rem;

  overflow: hidden;
}

.HS_1040_1 .contents-inner {
  width: 100%;
}

.HS_1040_1 .title-area {
  margin-bottom: 6rem;
  text-align: LE;
}

.HS_1040_1 .title-area .sub_stit {
  color: #000; font-size:calc(var(--tit-md-size) * 1.5); margin-bottom: 30px; font-weight:800
}



.HS_1040_1 .title-area .sub_stit2 {
  margin-top: 1.2rem; font-size:calc(var(--tit-mds-size) * 0.9); line-height: 150%
}



.HS_1040_1 .process-items {
 width: 80%; float: left; display: flex;flex-direction: column; grid-gap: 5px
}

.HS_1040_1 .item-thumb {
  display: flex;
  gap: 3.4rem;
}

.HS_1040_1 .container-sm .item-thumb {
  gap: 1.8rem;
}
.HS_1040_1  .wg_img1{
 width: 180px;
}
.HS_1040_1 .wg_img1 img{
 width: 100%;
}
.HS_1040_1 .item-thumb img:first-child {
  width: 100%;
  max-width: 8rem;
  height: 100%;
  max-height: 8rem;
}
.HS_1040_1 .item-thumb.arr_r{position: relative
}


.HS_1040_1 .item-thumb.arr_r:before{
content: "";    position: absolute; right: 0px; bottom: 0px; background: url(/_img/svg/ico_arrow_large.svg) ; width: 176px; height: 17px
}



.HS_1040_1   .wg_img1 svg {
  width: 100%;
  max-width: 80px;
  height: auto;
  display: block;
}
.HS_1040_1 .arrow {
  width: 100%;
  max-width: 17.6rem;
}

.HS_1040_1 .container-sm .arrow {
  max-width: 12.8rem;
}

.HS_1040_1 .item-desc .wg_tx1 {
  font-weight: var(--fw-bold);
  text-wrap: nowrap;  font-size:calc(var(--tit-mds-size) * 1.2);
}

.HS_1040_1 .item-desc .wg_tx2 {
  margin-top: 1rem;
  color: var(--text-color3); font-size:calc(var(--tx-sm-size) * 0.9); line-height: 130%
}

@media (max-width: 1200px) {
  .HS_1040_1 .process-area {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    justify-content: center;
  }

  .HS_1040_1 .process-items {
    width: 100%;
    margin: 0 auto;
  }
}

@media (max-width: 992px) {
  .HS_1040_1 {

  }

  .HS_1040_1 .title-area {
    margin-bottom: 3rem;
  }

  .HS_1040_1 .title-area p {
    margin-top: 0;
  }

  .HS_1040_1 .process-area {
    margin: 0 auto;
  }

	
}

@media (max-width: 576px) {
  .HS_1040_1 .process-area {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-left: 0rem;
  }

  .HS_1040_1 .process-items {
    gap: 1.8rem; width: 100%; float: left
  }

  .HS_1040_1 .arrow {
    display: none;
  }
	
	.HS_1040_1 .item-thumb {
  display: flex;
  gap:10px;
}
	

	.HS_1040_1  .wg_img1{
 width: 180px;
}
.HS_1040_1 .wg_img1 img{
 width: 100%;
}
.HS_1040_1 .item-thumb img:first-child {
  width: 100%;
  max-width: 5rem;
  height: 100%;
  max-height: 5rem;
}
	
	
	.HS_1040_1 .item-desc .wg_tx1 {
  font-weight: var(--fw-bold);
  text-wrap: nowrap;  font-size:calc(var(--tit-mds-size) * 1.1); font-weight: 800
}

.HS_1040_1 .item-desc .wg_tx2 {
  margin-top: 1rem;
  color: var(--text-color3); font-size:calc(var(--tx-sm-size) * 0.9);
}
	
	
.HS_1040_1 .item-thumb.arr_r:before{
content: "";    position: absolute; right: 0px; bottom: 30px; background: url(/_img/svg/ico_arrow_large.svg)no-repeat center center; width: 80px; height: 17px; background-size: 100%;
}

	
	
}


/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.HS_1040_1 .process-area { width: 100%; float: left;

  gap: 8rem;  display: grid;   grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {	.HS_1040_1 .process-area { width: 100%; float: left;
  display: grid;  grid-template-columns: repeat(2, 1fr)!important; gap:20px; 
}
	
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/