@charset "utf-8";

.sub_container_wrap>.sec01{width: 100%; height: 500px; background: url(../../img/sub/woman01_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/woman01_title.png) center center no-repeat!important; background-size: contain!important;}
.sub_container_wrap>.sec01~section>article {padding: 120px 0px; text-align: center;}
.sub_container_wrap>.sec02{margin-top: 0;}
.sub_container_wrap h2{font-family: 'Pretendard-Bold';font-size: 40px;text-align: center; padding-bottom: 20px;}
.sub_container_wrap>.sec02>.art01>p{font-family: 'Pretendard-ExtraLight';font-size: 20px;padding-bottom: 60px;}
.sub_container_wrap>.sec02>.art01>.sec02_list>ul{display: flex; padding-bottom: 60px;gap: 40px; justify-content: center;}
.sub_container_wrap>.sec02>.art01>.last_txt>p{font-family: 'Pretendard-ExtraLight';font-size: 20px;}
.sub_container_wrap>.sec02>.art01>.last_txt>p>span{font-family: 'Pretendard-Bold'; background: #cce7f1; position: relative;}
.sub_container_wrap>.sec02>.art01>.last_txt>p>span::after{display: inline-block; width: 100%; height: 2px; background: #000; position: absolute; left: 0; bottom: 0; content: "";}
.sub_container_wrap>.sec03{background: url(../../img/sub/woman01_back02.png) center center no-repeat; background-size: cover;}
.sub_container_wrap>.sec03>.art01>h2,.sub_container_wrap>.sec05>.art01>h2{color: #fff; padding-bottom: 40px;}
.sub_container_wrap>.sec04>.art01>h2{padding-bottom: 40px;}
.sub_container_wrap>.sec03>.art01>.list_box{height: 280px; width: 840px; background: url(../../img/sub/woman_wonin.png) center center no-repeat; background-size: cover; margin: 0 auto;}
.sub_container_wrap>.sec04>.art01>.list_box>ul{display: flex; justify-content: center; gap: 40px; flex-wrap: wrap;}
.sub_container_wrap>.sec05{background: #002f6e;}
.sub_container_wrap>.sec05>.art01>.list_box>ul{display: flex; justify-content: center; gap: 40px; flex-wrap: wrap;}
.sub_container_wrap>.sec05>.art01>.list_box>ul>li{height: 320px;; width: 320px;}
.sub_container_wrap>.sec05>.art01>.list_box>ul>li:first-child{background: url(../../img/sub/03list01.png) center center no-repeat; background-size: cover;}
.sub_container_wrap>.sec05>.art01>.list_box>ul>li:nth-child(2){background: url(../../img/sub/03list02.png) center center no-repeat; background-size: cover;}
.sub_container_wrap>.sec05>.art01>.list_box>ul>li:nth-child(3){background: url(../../img/sub/03list03.png) center center no-repeat; background-size: cover;}
.sub_container_wrap>.sec05>.art01>.list_box>ul>li:last-child{background: url(../../img/sub/03list04.png) center center no-repeat; background-size: cover;}
@media screen and (max-width: 1800px){
.sub_container_wrap>.sec01~section>article {padding: 120px 20px;}
.sub_container_wrap>.sec02>.art01>.sec02_list>ul{flex-wrap: wrap; gap: 40px;}
}
@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/woman01_main_m.png) center center no-repeat!important; background-size: cover!important;}
  .sub_container_wrap>.sec01>.sub_art01>.txt_box{background: url(../../img/sub/woman01_title_m.png) center center no-repeat!important; background-size: contain!important;}
  .sub_container_wrap>.sec03>.art01>.list_box{background: url(../../img/sub/woman_wonin_m.png) center center no-repeat; width: 100%; height: 500px;}
  .sub_container_wrap>.sec05>.art01>.list_box>ul>li{width: 47%; height: 44.5vw;}
}
@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 h2{font-size: 35px;}
  .sub_container_wrap>.sec01~section>article{padding: 60px 20px;}
  .sub_container_wrap>.sec02>.art01>p,.sub_container_wrap>.sec02>.art01>.last_txt>p{font-size: 16px;}
  .sub_container_wrap .tirck{display: block;}
  .sub_container_wrap>.sec02>.art01>p{padding-bottom: 40px;}
  .sub_container_wrap>.sec02>.art01>.sec02_list>ul{padding-bottom: 40px;}
  .sub_container_wrap>.sec02>.art01>.sec02_list>ul>li{width: 28vw;}
  .sub_container_wrap>.sec02>.art01>.sec02_list>ul>li>img{width: 100%;}
  .sub_container_wrap>.sec02>.art01>.sec02_list>ul{gap: 30px;}
  .sub_container_wrap>.sec03>.art01>.list_box{background-size: 100%; height: 87vw;}
}
@media screen and (max-width: 700px){
  .sub_container_wrap>.sec02>.art01>.sec02_list>ul{gap: 20px;}
  .sub_container_wrap>.sec02>.art01>.sec02_list>ul>li{width: 27vw;}
  .sub_container_wrap>.sec04>.art01>.list_box>ul>li{width: 100%;}
  .sub_container_wrap>.sec04>.art01>.list_box>ul>li>img{width: 100%;}
  .sub_container_wrap>.sec05>.art01>.list_box>ul>li:first-child{background: url(../../img/sub/03list01_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/03list02_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/03list03_m.png) center center no-repeat; background-size: contain;}
.sub_container_wrap>.sec05>.art01>.list_box>ul>li:last-child{background: url(../../img/sub/03list04_m.png) center center no-repeat; background-size: contain;}
.sub_container_wrap>.sec05>.art01>.list_box>ul>li{height: 31vw;}
.sub_container_wrap>.sec05>.art01>.list_box>ul{gap: 20px;}
.sub_container_wrap>.sec01{padding:0;}
}
@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>.sec02>.art01>.sec02_list>ul>li{width: 28vw;}
  .sub_container_wrap>.sec02>.art01>.sec02_list>ul{gap: 10px;}
  .sub_container_wrap>.sec01~section>article{padding: 30px 10px;}
  .sub_container_wrap h2{font-size: 30px;}
  .sub_container_wrap>.sec02>.art01>p, .sub_container_wrap>.sec02>.art01>.last_txt>p{font-size: 12px;}
  .sub_container_wrap h2{padding-bottom: 10px;}
  .sub_container_wrap>.sec03>.art01>h2,.sub_container_wrap>.sec04>.art01>h2,.sub_container_wrap>.sec03>.art01>h2, .sub_container_wrap>.sec05>.art01>h2{padding-bottom: 30px;}
  .sub_container_wrap>.sec02>.art01>p{padding-bottom: 20px;}
  .sub_container_wrap>.sec02>.art01>.last_txt>p>span::after{height: 1px;}
}