@charset "utf-8";

.sub_container_wrap>.sec01{width: 100%; height: 500px; background: url(../../img/sub/woman02_main.png) center center !important; background-size: cover!important;}
.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/woman02_title.png) center center no-repeat; background-size: contain;}
.sub_container_wrap>.sec01~section>article {padding: 120px 0px; text-align: center;}
.sub_container_wrap>.sec01{padding:0;}
.sub_container_wrap h2{font-family: 'Pretendard-Bold';font-size: 40px;text-align: center; padding-bottom: 20px;}
.sub_container_wrap>.sec02{margin-top:0;}
.sub_container_wrap>.sec02>.art01>p{font-family: 'Pretendard-ExtraLight';font-size: 20px;padding-bottom: 60px;}
.sub_container_wrap>.sec02>.art01>.banner_box{height: 300px; width: 100%; background: url(../../img/sub/woman02_sec02.png) center center no-repeat; background-size: contain;}
.sub_container_wrap>.sec03{background: url(../../img/sub/woman02_sec03_back02.png) center center no-repeat; background-size: cover;}
.sub_container_wrap>.sec03>.art01>h2{color: #fff; padding-bottom: 60px;}
.sub_container_wrap>.sec04>.art01>h2,.sub_container_wrap>.sec05>.art01>h2{padding-bottom: 60px;}
.sub_container_wrap>.sec03>.art01>.list_box{height: 300px; width: 100%; background: url(../../img/sub/woman02_sec03_back.png) center center no-repeat; background-size: contain;}
.sub_container_wrap>.sec04>.art01>.list_box>ul{display: flex; justify-content: center; gap: 40px; flex-wrap: wrap; max-width: 1400px; margin: 0 auto;}
.sub_container_wrap>.sec05>.art01{padding-top: 0;}
.sub_container_wrap>.sec05>.art01>.list_box>ul{max-width: 1400px; margin: 0 auto; display: flex; flex-direction: column; gap: 40px; padding-bottom: 60px;}
.sub_container_wrap>.sec05>.art01>.list_box>ul>li{height: 200px;}
.sub_container_wrap>.sec05>.art01>.list_box>ul>li:first-child{background: url(../../img/sub/woman02_sec05_list01.png) center center no-repeat; background-size: cover;}
.sub_container_wrap>.sec05>.art01>.list_box>ul>li:nth-child(2){background: url(../../img/sub/woman02_sec05_list02.png) center center no-repeat; background-size: cover;}
.sub_container_wrap>.sec05>.art01>.list_box>ul>li:nth-child(3){background: url(../../img/sub/woman02_sec05_list03.png) center center no-repeat; background-size: cover;}
.sub_container_wrap>.sec05>.art01>.list_box>ul>li:last-child{background: url(../../img/sub/woman02_sec05_list04.png) center center no-repeat; background-size: cover;}
.sub_container_wrap>.sec05>.art01>.last_div{max-width: 1400px; height: 690px; background: url(../../img/sub/woman02_9.png) center center no-repeat; background-size: cover; margin: 0 auto;}
@media screen and (max-width: 1800px){
.sub_container_wrap>.sec01~section>article {padding: 120px 20px;}
}
@media screen and (max-width: 1200px){
  .sub_container_wrap>.sec01>.sub_art01{padding: 0 0 0 20px;}
  .sub_container_wrap>.sec01{background: url(../../img/sub/woman02_main_m.png) center center no-repeat; background-size: cover;}
  .sub_container_wrap>.sec01>.sub_art01>.txt_box{background: url(../../img/sub/woman02_title_m.png) center center no-repeat; background-size: contain;}
  .sub_container_wrap>.sec02>.art01>.banner_box{background: url(../../img/sub/woman02_sec02_m.png) center center no-repeat; width: 100%; height: 500px; background-size: contain;}
  .sub_container_wrap>.sec03>.art01>.list_box{background: url(../../img/sub/woman02_sec03_back_m.png) center center no-repeat; width: 100%; height: 500px; background-size: contain;}
  .sub_container_wrap>.sec05>.art01>.list_box>ul{height: auto;}
  .sub_container_wrap>.sec05>.art01>.list_box>ul>li{width: 100%; height: 30vw;}
  .sub_container_wrap>.sec05>.art01>.list_box>ul>li:first-child{background: url(../../img/sub/woman02_sec05_list01_m.png) center center no-repeat; background-size: contain;}
.sub_container_wrap>.sec05>.art01>.list_box>ul>li:nth-child(2){background: url(../../img/sub/woman02_sec05_list02_m.png) center center no-repeat; background-size: contain;}
.sub_container_wrap>.sec05>.art01>.list_box>ul>li:nth-child(3){background: url(../../img/sub/woman02_sec05_list03_m.png) center center no-repeat; background-size: contain;}
.sub_container_wrap>.sec05>.art01>.list_box>ul>li:last-child{background: url(../../img/sub/woman02_sec05_list04_m.png) center center no-repeat; background-size: contain;}
.sub_container_wrap>.sec05>.art01>.last_div{background: url(../../img/sub/woman02_9_m.png) center center no-repeat; background-size: contain; height: 120vw;}
}
@media screen and (max-width: 800px){
  .sub_container_wrap>.sec01>.sub_art01>.txt_box{width: 250px;}
  .sub_container_wrap>.sec01{height: 400px;}
  .sub_container_wrap>.sec01~section>article{padding: 60px 20px;}
  .sub_container_wrap>.sec02>.art01>.banner_box{height: 60vw;}
  .sub_container_wrap h2,.sub_container_wrap>.sec03>.art01>h2,.sub_container_wrap>.sec04>.art01>h2, .sub_container_wrap>.sec05>.art01>h2{font-size: 35px;}
  .sub_container_wrap>.sec04>.art01>h2, .sub_container_wrap>.sec05>.art01>h2{padding-bottom: 30px;}
  .sub_container_wrap>.sec03>.art01>h2{padding-bottom: 20px;}
  .sub_container_wrap>.sec02>.art01>p{padding-bottom: 33px; font-size: 16px;}
  .sub_container_wrap .trick{display: block;}
  .sub_container_wrap>.sec04>.art01>.list_box>ul>li{width: 47%;}
  .sub_container_wrap>.sec04>.art01>.list_box>ul>li>img{width: 100%;}
  .sub_container_wrap>.sec04>.art01>.list_box>ul,.sub_container_wrap>.sec05>.art01>.list_box>ul{gap: 20px;}
}
@media screen and (max-width: 500px){
  .sub_container_wrap>.sec01>.sub_art01>.txt_box{width: 200px;}
  .sub_container_wrap>.sec01{height: 250px;}
  .sub_container_wrap>.sec01~section>article{padding: 30px 10px;}
  .sub_container_wrap h2, .sub_container_wrap>.sec03>.art01>h2, .sub_container_wrap>.sec04>.art01>h2, .sub_container_wrap>.sec05>.art01>h2{font-size: 30px;}
  .sub_container_wrap h2{padding-bottom: 10px;}
  .sub_container_wrap>.sec02>.art01>p{padding-bottom: 20px; font-size: 12px;}
  .sub_container_wrap>.sec05>.art01>.list_box>ul{padding-bottom: 20px;}
  .sub_container_wrap>.sec03>.art01>.list_box{background-size: contain;}
}
@media screen and (max-width: 400px){
  .sub_container_wrap>.sec03>.art01>.list_box{background-size: 100%; height: 410px;}
}