@charset "utf-8";
.fashion .lineBlock {position:relative;}
.fashion .hrz_line{ position:absolute; width:0; height:2px; top:50%; left:50%; transform:translate(-50%, -50%); background:#bc2531; animation:hrz_line_anime 1.5s infinite linear;}
  @keyframes hrz_line_anime{
    0%{
      width:0%;
    }
    100%{
      width:50px;
    }
  }

  .fashion .hrz_line::after{ position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:1px; background:#bc2531; content:"" }

/*img 안에 텍스트*/
.fashion .imgNtxt {position:relative; width: 100%; height:100%;}
.fashion .imgNtxt .txt { width:100%; height:auto; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); padding:20px; }

.fashion .imgNtxt .posImg {border-radius:20px;}

/*half layout*/
.fashion .halfWrap {display:flex; justify-content: space-between; align-items: center; }
.fashion .half.inImg {width:400px; border-radius: 15px; overflow: hidden;;}
.fashion .half.inImg img {width:100%;}
.fashion .half.inTxt {width:calc(100% - 400px);padding-left:100px;}

.fashion .half.inImg img {width:100%; }
.fashion .half.inImg.border img {border:1px solid #c6c6c6}

.fashion .half.inTxt .bullet {position:relative; padding-left:12px;}
.fashion .half.inTxt .bullet::before {content:""; position:absolute; top:12px; left:0; width:5px; height:5px; background-color: #a9a9a9;}


@media screen and (max-width:1024px){ 
  .fashion .half.inImg {width:300px;}
  .fashion .half.inTxt {width:calc(100% - 300px);padding-left:50px;}
}

@media screen and (max-width:768px){ 
  .fashion .half.inImg {display:none}
  .fashion .half.inTxt {width:100%; padding-left:0;}
  .fashion .imgNtxt .posImg.h35 {padding-bottom:100%;}
  .fashion .halfWrap {flex-wrap:wrap;}
  .fashion .tbl_lay01 li .tit {width:113px; }
}

@media screen and (max-width:560px){ 

}