.imgbox{ display:flex; }
.img_wrap{position:relative; overflow:hidden}


.imgbox h5{font-weight:bold;}
 
.conbox8{}
.conbox8 ul{display:flex;flex-wrap: wrap; /* 가로·세로 동일 */}
.conbox8 li{position:relative; }

.conbox8 li div{position:absolute;width:100%;left: 0;bottom: 0;text-align: center;}
.conbox8 li div h5,.conbox8 li div p{color:#fff; font-weight:bold}

.textbox{z-index:10;}
.textbox p{word-break:keep-all}
 @media (min-width: 1599px){
	 
	 
	 .v11{display:none}
.img_wrap{width: 55%;}
  .imgbox h5{font-size: 63px;}
  .textbox div {  margin:70px 0;
  width: 596px;
}
.textbox p{font-size:15px;}
.textbox div span{width: 180px;height:40px;line-height:40px;font-size:19px;}
.conbox4 .img_wrap img{left: 0;/* transform: translate(0, -50%); */}
.conbox5 .img_wrap img{right: 0;}
.conbox5 .textbox{padding-right: 2%;padding-left: 3%;}
.conbox4 .textbox{padding-left: 2vw;padding-right: 3%;}

 .imgbox img{width:auto;}
 }
 @media (min-width:1099px) and (max-width:1400px){
	.imgbox{/* align-items: stretch !important; */position: relative;} 
	 .v16{display:none}
 .img_wrap{width: 117%;height: auto !important;}
 .imgbox h5{font-size: 4vw;}
	 .textbox div {
  margin: 2vw 0;
}
.textbox div span{width: 13vw;height: 3vw;line-height: 2.8vw;font-size: 1.4vw;}
.textbox p{font-size: 1.1vw;}
  .img_wrap img{right: 0;transform: translate(0, -50%);}

	   .conbox5 .textbox{padding-right: 2%;padding-left: 3%;}
  .conbox4 .textbox{padding-left: 3%;padding-right: 3%;}
 .imgbox img{width: 100%;top: auto !important;bottom: 0;transform: translate(0, 0);/* max-width: 880px; */height: 100%;/* width: auto; */}
 }
 @media (min-width:1399px) and (max-width:1600px){
	.v16{display:none;} 
	 
 .img_wrap{width: 93%;height: auto !important;}
 .imgbox h5{font-size: 3.4vw;}
	 .textbox div {
  margin: 44px 0;
  /* width: 520px; */
}
.textbox div span{width: 12vw;height: 2.5vw;line-height: 2.3vw;font-size: 1.1vw;}
.textbox p{font-size: 1vw;}
  .img_wrap img{right: 0;transform: translate(0, -50%);}

	   .conbox5 .textbox{padding-right: 2%;padding-left: 3%;}
  .conbox4 .textbox{padding-left: 3%;padding-right: 3%;}
 .imgbox img{width: 100%;top: auto !important;bottom: 0;transform: translate(0, 0);/* max-width: 880px; */}
 }
 @media (min-width: 1100px){
 
 .char_box{padding-bottom:45px}
 .char_box h6{font-size:55px;line-height:1.1em;/* width: 100%; */width: 38%;margin-right:0 !important;}
  .char_box p{width:60%}
 .imgbox{display:flex;align-items: flex-end;justify-content: flex-start;}

  .conbox5{justify-content: flex-end;}

   .conbox4 .textbox p{}
  
  
.img_wrap{display: flex;overflow: hidden;height: 650px;align-items: flex-end;max-width: 1032px;}
  .img_wrap img{/* position:absolute; */top: 50%;/* left: 50%; *//* transform: translate(-50%, -50%); */}
.conbox4{/* justify-content: flex-end; */}
.conbox4 .img_wrap{
    /* justify-content: flex-end; */
}

.textbox div {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 20px;
  row-gap: 10px;
  }
.textbox div span{display:inline-block;text-align:center;border:1px solid #000;font-weight: 500;}

.textbox p{line-height: 1.6em;font-weight: 500;}

.process ul{display:flex;justify-content: space-between;}
  .process ul::after{display:none;}
.process li{max-width: 400px;width: 29%;}
.process ul::before{
    bottom: 152px !important;
    top: auto;
    left: 15%;
}

.conbox8 li{max-width: 442px;/* width:32%; *//* margin-bottom: 2.5%; */width: calc(33.333% - 13.34px);}
 .conbox8 ul{gap: 1.4vw;}   

.conbox8 li div{padding-bottom: 48px;}
.conbox8 li div h5{font-size:26px;margin-bottom: 15px;}
.conbox8 li div p{font-size:17px;line-height: 1.4em;}


.conbox8 h6 {
        margin-bottom: 130px;
    }
 }
@media (min-width: 750px){
 .char_box{border-top:2px solid #000 !important;border-bottom:2px solid #000;}
 
}
@media (max-width:1099px){
 	 .v11{display:none}
}

@media (min-width:750px) and (max-width:1099px){
   
 .char_box{padding-bottom: 8vw;padding-top: 8vw;margin-top: 20vw;}
 .char_box h6{font-size: 6.9vw;line-height:1.1em}
 .char_box h6 br{display:none;}
 
 .imgbox{display:flex;align-items: flex-end;flex-direction: column;}
 .imgbox img{width:69vw}

 .textbox{margin-top:-2.5vw}
  .conbox5{justify-content: flex-end;flex-direction: column-reverse;align-items: flex-start;}
  .conbox5 .textbox{padding-right:70px;}
  .textbox{width: 85vw;padding: 0 7vw;}
  
  
  
.img_wrap{width: 100%;}
 .conbox4 img{}
 .conbox5 .img_wrap{text-align:right}
.imgbox h5{font-size: 6.9vw;}
.textbox div {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 20px;
  row-gap: 10px;
  margin: 5vw 0;
  }
.textbox div span{display:inline-block;width: 21vw;height: 5vw;line-height: 4.5vw;font-size: 2.5vw;text-align:center;border:1px solid #000;font-weight: 500;}
.textbox p{font-size: 1.8vw;line-height: 1.6em;font-weight: 500;}
 
  .process ul::after{display:none;}
 


.conbox8 h6{margin-bottom:7%;}
.conbox8 li{width:41vw;margin-bottom: 1.6vw;}
 .conbox8 ul{/* gap: 3.5vw; */justify-content: space-between;}   

.conbox8 li div{padding-bottom: 5vw;}
.conbox8 li div h5{font-size:3vw;margin-bottom: 2vw;}
.conbox8 li div p{font-size:2vw;line-height: 1.4em;}
  
}
@media (max-width:749px){
 
  .char_box{padding-bottom: 8vw;padding-top: 8vw;margin-top: 25vw;border-top: 2px solid #000;border-bottom: 2px solid #000;}
 .char_box h6{font-size: 6.5vw;line-height:1.1em}
 .char_box h6 br{display:none;}
  .char_box p strong{font-size: 3.1vw;}
 .imgbox{display:flex;align-items: flex-end;flex-direction: column;}
 .imgbox img{width:69vw}

 .textbox{margin-top:-2.5vw}
  .conbox5{justify-content: flex-end;flex-direction: column-reverse;align-items: flex-start;}
  .conbox5 .textbox{padding-right: 7vw;}
  .textbox{width: 85vw;padding: 0 7vw;}
  
  
  
.img_wrap{width: 100%;}
 .conbox4 img{}
 .conbox5 .img_wrap{text-align:right}
.imgbox h5{font-size: 7vw;}
.textbox div {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 2vw;
  row-gap: 1vw;
  margin: 6vw 0;
  }
.textbox div span{display:inline-block;width: 22vw;height: 5vw;line-height: 4.5vw;font-size: 2.5vw;text-align:center;border:1px solid #000;font-weight: 500;}
.textbox p{font-size: 2.8vw;line-height: 1.6em;font-weight: 500;}
 .process ul{width:74vw}
 .process ul::after{display:none;}
 .process ul::before{left: 35.5vw;top: 12%;width: 0.4vw;}
 .process li{width: 100%;font-size: 0;}
 .process li img{width: 30vw;}
 .process li p{width: 35%;}
 .process li p br{display:none;}



.conbox8 h6{margin-bottom:6%;}
.conbox8 li{width:41vw;margin-bottom: 3vw;}
 .conbox8 ul{/* gap: 3.5vw; */justify-content: space-between;}   


.conbox8 li div{padding-bottom: 4vw;}
.conbox8 li div h5{font-size:3vw;margin-bottom: 2vw;}
.conbox8 li div p{font-size: 2.2vw;line-height: 1.4em;}
}






 
/*****************/