@charset "utf-8";

.sub_container_wrap>.sec01{width: 100%; height: 500px; background: url(../../img/sub/woman13_main.png) center center !important; background-size: cover!important;}
.sub_container_wrap>.sec02{margin-top:0;}
.sub_container_wrap>.sec01>.sub_art01{padding: 0 220px; display: flex; flex-direction: row; align-items: center; height: 100%;}
.sub_container_wrap>.sec01>.sub_art01>.txt_box{width: 440px; height: 200px; background: url(../../img/sub/woman13_title.png) center center no-repeat; background-size: contain;}
.sub_container_wrap>.sec01~section>article {padding: 120px 0px; text-align: center;}
.sub_container_wrap h2{font-family: 'Pretendard-Bold';font-size: 40px;text-align: center; padding-bottom: 20px;}
.sub_container_wrap p{font-family: 'Pretendard-ExtraLight';font-size: 20px;}
.sub_container_wrap>.sec02>.art01>p,.sub_container_wrap>.sec03>.art01>p{font-family: 'Pretendard-ExtraLight';font-size: 20px;padding-bottom: 60px;}
.sub_container_wrap>.sec02>.art01>.banner_box{max-width: 1400px; margin: 0 auto; width: 100%; height: 220px; background: url(../../img/sub/woman13_sec02.png) center center no-repeat; background-size: contain;}
.sub_container_wrap>.sec02>.art01>.list_box{padding-top: 60px;}
.sub_container_wrap>.sec02>.art01>.list_box>ul{display: flex; max-width: 1400px; width: 100%; margin: 0 auto; gap: 40px; justify-content: center;}
.sub_container_wrap>.sec03{color: #fff; background: url(../../img/sub/woman13_sec03_back.png) center center no-repeat; background-size: cover;}
.sub_container_wrap>.sec03>.art01>.list_box>ul{display: flex; flex-direction: column; gap: 40px;}
.sub_container_wrap>.sec03>.art01>.list_box>ul>li{margin: 0 auto; justify-content: center; max-width: 1400px; width: 100%; height: 660px;}
.sub_container_wrap>.sec03>.art01>.list_box>ul>li:first-child{background: url(../../img/sub/woman13_sec03_list01.png) center center no-repeat; background-size: contain;}
.sub_container_wrap>.sec03>.art01>.list_box>ul>li:last-child{background: url(../../img/sub/woman13_sec03_list02.png) center center no-repeat; background-size: contain;}
.sub_container_wrap>.sec04>.art01>h2{padding-bottom: 60px;}
.sub_container_wrap>.sec04>.art01>h2>.color{color: #a61d68; font-family: 'Pretendard-Black';}
.sub_container_wrap>.sec04>.art01>.banner_box{max-width: 1400px; width: 100%; margin: 0 auto; height: 540px; background: url(../../img/sub/woman13_sec04_mab.png) center center no-repeat; background-size: contain;}
.sub_container_wrap .fake{display: block;}
@media screen and (max-width: 1800px){
.sub_container_wrap>.sec01~section>article {padding: 120px 20px;}
.sub_container_wrap .fake{display: none;}
.sub_container_wrap .trick{display: block;}
}
@media screen and (max-width: 1200px){
  .sub_container_wrap>.sec01 {padding: 0; background: url(../../img/sub/woman13_main_m.png) center center no-repeat!important;background-size: cover!important;}
  .sub_container_wrap>.sec01>.sub_art01{padding: 0 0 0 20px;}
  .sub_container_wrap>.sec01~section>article{padding: 80px 20px;}
  .sub_container_wrap>.sec01>.sub_art01>.txt_box{width: 360px; background: url(../../img/sub/woman13_title_m.png) center center no-repeat; background-size: contain;}
  .sub_container_wrap>.sec02>.art01>.banner_box{background: url(../../img/sub/woman13_sec02_m.png) center center no-repeat;background-size: contain; height: 30vw;}
  .sub_container_wrap>.sec02>.art01>.list_box>ul{flex-wrap: wrap;}
  .sub_container_wrap>.sec03>.art01>.list_box>ul>li:first-child{background: url(../../img/sub/woman13_sec03_list01_m.png) center center no-repeat; background-size: contain; height: 216vw;}
  .sub_container_wrap>.sec03>.art01>.list_box>ul>li:last-child{background: url(../../img/sub/woman13_sec03_list02_m.png) center center no-repeat; background-size: contain; height: 216vw;}
  .sub_container_wrap>.sec04>.art01>.banner_box{background: url(../../img/sub/woman13_sec04_mab_m.png) center center no-repeat; background-size: contain; height: 77vw;}
  .sub_container_wrap>.sec02>.art01>.list_box>ul,.sub_container_wrap>.sec03>.art01>.list_box>ul{gap: 30px;}
  .sub_container_wrap>.sec02>.art01>.list_box {padding-top: 50px;}
}
@media screen and (max-width: 800px){
  .sub_container_wrap>.sec01{height: 400px;}
  .sub_container_wrap>.sec01>.sub_art01>.txt_box{width: 300px;}
  .sub_container_wrap>.sec01~section>article{padding: 60px 20px;}
  .sub_container_wrap>.sec02>.art01>p, .sub_container_wrap>.sec03>.art01>p{padding-bottom: 40px;font-size: 16px;}
  .sub_container_wrap h2{font-size: 35px;}
  .sub_container_wrap>.sec04>.art01>h2{padding-bottom: 40px;}
  .sub_container_wrap>.sec04>.art01>.banner_box{height: 75vw;}
  .sub_container_wrap>.sec02>.art01>.list_box>ul>li{width: 100%;}
  .sub_container_wrap>.sec02>.art01>.list_box>ul>li>img{width: 40vw;}
  .sub_container_wrap>.sec02>.art01>.list_box>ul,.sub_container_wrap>.sec03>.art01>.list_box>ul{gap: 20px;}
  .sub_container_wrap>.sec02>.art01>.list_box {padding-top: 40px;}
}
@media screen and (max-width: 500px){
  .sub_container_wrap>.sec01{height: 250px;}
  .sub_container_wrap>.sec01>.sub_art01>.txt_box{width: 200px;}
  .sub_container_wrap>.sec01~section>article{padding: 30px 10px;}
  .sub_container_wrap h2{font-size: 30px; padding-bottom: 10px;}
  .sub_container_wrap>.sec02>.art01>p, .sub_container_wrap>.sec03>.art01>p{padding-bottom: 20px; font-size: 11px; letter-spacing: -1px;}
  .sub_container_wrap>.sec04>.art01>h2{padding-bottom: 30px;}
  .sub_container_wrap>.sec02>.art01>.list_box>ul,.sub_container_wrap>.sec03>.art01>.list_box>ul{gap: 10px;}
  .sub_container_wrap>.sec02>.art01>.list_box {padding-top: 20px;}
}