@charset "utf-8";

.sub_container_wrap>.sec01{width: 100%; height: 500px; background: url(../../img/sub/woman12_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/woman12_title.png) center center no-repeat; background-size: contain;}
.sub_container_wrap>.tab_box>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>.tab_box>.sec02~section h2{padding-bottom: 60px;}
.sub_container_wrap>.tab_box>.sec02>.art01>.banner_box{max-width: 1400px; margin: 0 auto; width: 100%; height: 220px; background: url(../../img/sub/woman12_sec02_tab.png) center center no-repeat; background-size: contain;}
.sub_container_wrap>.tab_box>.sec03{color: #fff; background: url(../../img/sub/woman12_sec03_back.png) center center no-repeat; background-size: cover;}
.sub_container_wrap>.tab_box>.sec03>.art01>.list_box>ul{display: flex; justify-content: center; gap: 40px; width: 100%; margin: 0 auto;}
.sub_container_wrap>.tab_box>.sec03>.art01>.list_box>ul>li>p{padding-top: 30px;}
.sub_container_wrap>.tab_box>.sec04>.art01>.list_box>ul{display: flex; justify-content: center; gap: 40px;}
.sub_container_wrap>.tab_box>.sec05{background: url(../../img/sub/woman12_sec05_back.png) center center no-repeat; background-size: cover;}
.sub_container_wrap>.tab_box>.sec05>.art01{padding: 120px 240px; display: flex; color: #fff;}
.sub_container_wrap>.tab_box>.sec05>.art01>.txt_box{margin-left: auto;}
.sub_container_wrap>.tab_box>.sec05>.art01>.txt_box>h2{text-align: left;}
.sub_container_wrap>.tab_box>.sec05>.art01>.txt_box>ul>li>p{padding-bottom: 0; text-align: left; font-size: 20px; line-height: 40px;}
.sub_container_wrap>.tab_box>.sec05>.art01>.txt_box>ul>li>p>span{font-family: 'Pretendard-Bold';}
.sub_container_wrap>.tab_box>.sec06>.art01>.list_box>ul{max-width: 1400px; width: 100%; margin: 0 auto; display: flex; gap: 40px;}
.sub_container_wrap>.tab_box>.sec06>.art01>.list_box>ul>li{width: 680px; height: 370px;}
.sub_container_wrap>.tab_box>.sec06>.art01>.list_box>ul>li:first-child{background: url(../../img/sub/woman12_sec06_list01.png) center center no-repeat; background-size: contain;}
.sub_container_wrap>.tab_box>.sec06>.art01>.list_box>ul>li:last-child{background: url(../../img/sub/woman12_sec06_list02.png) center center no-repeat; background-size: contain;}
.sub_container_wrap p{font-family: 'Pretendard-ExtraLight';font-size: 20px;padding-bottom: 60px;}
.sub_container_wrap .fake{display: block;}
.sub_container_wrap .tab_box{display: none;}
.sub_container_wrap .tab_box.active{display: block;}
.sub_container_wrap>.tab_box02>.sec02>.art01>.banner_box{max-width: 1400px; margin: 0 auto; width: 100%; height: 220px; background: url(../../img/sub/woman12_sec02_tab02.png) center center no-repeat; background-size: contain;}
.sub_container_wrap>.tab_box02>.sec05{background: url(../../img/sub/woman12_sec05_back-2.png) center center no-repeat; background-size: cover;}
.sub_container_wrap>.tab_box02>.sec05>.art01>.txt_box>ul>li>p,.sub_container_wrap>.tab_box02>.sec05>.art01>.txt_box>h2{color: #000;}
.sub_container_wrap>.tab_box02>.sec05>.art01>.txt_box>ul>li>p{font-family: 'Pretendard-Regular';}
.sub_container_wrap>.tab_box02>.sec05>.art01>.txt_box>ul>li>p>span{color: #a61d68;}
.sub_container_wrap>.tab_box02>.sec05>.art01{padding: 140px 240px;}

.sub_container_wrap>.tab_box03>.sec02>.art01>.banner_box{max-width: 1400px; margin: 0 auto; width: 100%; height: 220px; background: url(../../img/sub/woman12_sec02_tab03.png) center center no-repeat; background-size: contain;}
.sub_container_wrap>.tab_box03>.sec04>.art01>.list_box>ul{display: flex; gap: 40px; justify-content: center;}
.sub_container_wrap>.tab_box03>.sec04>.art01>.list_box>ul>li{height: 250px; width: 680px;}
.sub_container_wrap>.tab_box03>.sec04>.art01>.list_box>ul>li:first-child{background: url(../../img/sub/woman12_sec06_list01-3.png) center center no-repeat; background-size: contain;}
.sub_container_wrap>.tab_box03>.sec04>.art01>.list_box>ul>li:last-child{background: url(../../img/sub/woman12_sec06_list02-3.png) center center no-repeat; background-size: contain;}
.sub_container_wrap>.tab_box03>.sec05{background: url(../../img/sub/woman12_sec05_back-3.png) center center no-repeat; background-size: cover;}
.sub_container_wrap>.tab_btn{display: flex; gap: 40px; justify-content: center; padding-top: 60px;}
.sub_container_wrap>.tab_btn>li{cursor: pointer; border-radius: 50px; color: #9c9c9c; padding: 17px 0px; width: 200px; text-align: center; border: 1px solid #9c9c9c; font-size: 20px; font-family: 'Pretendard-ExtraLight';}
.sub_container_wrap>.tab_btn>li.active{border: 1px solid #a61d68; background: #a61d68; color: #fff;}
@media screen and (max-width: 1800px){
.sub_container_wrap .fake{display: none;}
.sub_container_wrap>.tab_box>.sec01~section>article,.sub_container_wrap>.tab_box>.sec05>.art01 {padding: 120px 20px;}
.sub_container_wrap .trick{display: block;}
.sub_container_wrap>.tab_box>.sec03>.art01>.list_box>ul {flex-wrap: wrap;}
}
@media screen and (max-width: 1200px){
  .sub_container_wrap>.sec01 {padding: 0; background: url(../../img/sub/woman12_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>.sub_art01>.txt_box{width: 360px; background: url(../../img/sub/woman12_title_m.png) center center no-repeat; background-size: contain;}
  .sub_container_wrap>.tab_box>section>article{padding: 80px 20px;}
  .sub_container_wrap>.tab_box>.sec02>.art01>.banner_box{background: url(../../img/sub/woman12_sec02_tab_m.png) center center no-repeat; background-size: contain; height: 30vw;}
  .sub_container_wrap>.tab_box>.sec05{background: url(../../img/sub/woman12_sec05_back_m.png) center center no-repeat; background-size: cover;}
  .sub_container_wrap>.tab_box>.sec05>.art01{height: 90vw; justify-content: center;}
  .sub_container_wrap>.tab_box>.sec05>.art01>.txt_box>h2{text-align: center;}
  .sub_container_wrap>.tab_box>.sec05>.art01>.txt_box{margin-left: 0; margin-top: auto;}
  .sub_container_wrap>.tab_box>.sec06>.art01>.list_box>ul>li:first-child{background: url(../../img/sub/woman12_sec06_list01_m.png) center center no-repeat; background-size: contain;}
  .sub_container_wrap>.tab_box>.sec06>.art01>.list_box>ul>li:last-child{background: url(../../img/sub/woman12_sec06_list02_m.png) center center no-repeat; background-size: contain;}
  .sub_container_wrap>.tab_box>.sec06>.art01>.list_box>ul{flex-wrap: wrap; justify-content: center;}
  .sub_container_wrap>.tab_box>.sec06>.art01>.list_box>ul>li{width: 100%; height: 43vw;}
  .sub_container_wrap>.tab_box>.sec03>.art01>.list_box>ul,.sub_container_wrap>.tab_box>.sec04>.art01>.list_box>ul,.sub_container_wrap>.tab_box>.sec06>.art01>.list_box>ul,.sub_container_wrap>.tab_btn{gap: 30px;}

  .sub_container_wrap>.tab_box02>.sec05{background: url(../../img/sub/woman12_sec05_back-2_m.png) center center no-repeat; background-size: cover;}
  .sub_container_wrap>.tab_box02>.sec05>.art01{height: 83vw;}
  .sub_container_wrap>.tab_box02>.sec03>.art01>.list_box>ul>li{width: 28vw;}
  .sub_container_wrap>.tab_box02>.sec03>.art01>.list_box>ul>li>img{width: 100%;}
  
  .sub_container_wrap>.tab_box03>.sec05{background: url(../../img/sub/woman12_sec05_back-3_m.png) center center no-repeat; background-size: cover;}
  .sub_container_wrap>.tab_box03>.sec05>.art01{height: 90vw;  background-size: contain;padding: 60px 20px;}
  .sub_container_wrap>.tab_box03>.sec04>.art01>.list_box>ul{flex-wrap: wrap;}
  .sub_container_wrap>.tab_box03>.sec04>.art01>.list_box>ul>li{width: 100%; height: 32vw;}
  .sub_container_wrap>.tab_box03>.sec04>.art01>.list_box>ul>li:first-child{background: url(../../img/sub/woman12_sec06_list01-3_m.png) center center no-repeat; background-size: contain;}
  .sub_container_wrap>.tab_box03>.sec04>.art01>.list_box>ul>li:last-child{background: url(../../img/sub/woman12_sec06_list02-3_m.png) center center no-repeat; background-size: contain;}
  .sub_container_wrap>.tab_box03>.sec02~section h2{padding-bottom: 20px;}

  .sub_container_wrap>.tab_btn>li{font-size: 18px;}
}
@media screen and (max-width: 800px){
  .sub_container_wrap>.sec01{height: 400px;}
  .sub_container_wrap>.tab_box>section>article{padding: 60px 20px;}
  .sub_container_wrap h2{font-size: 35px;}
  .sub_container_wrap p{font-size: 16px; padding-bottom: 40px;}
  .sub_container_wrap>.tab_box>.sec03>.art01>.list_box>ul>li{width: 40vw;}
  .sub_container_wrap>.tab_box>.sec03>.art01>.list_box>ul>li>img{width: 100%;}
  .sub_container_wrap>.tab_box>.sec03>.art01>.list_box>ul>li>p{padding-bottom: 0;}
  .sub_container_wrap>.tab_box>.sec03>.art01>.list_box>ul,.sub_container_wrap>.tab_box>.sec04>.art01>.list_box>ul,.sub_container_wrap>.tab_box>.sec06>.art01>.list_box>ul{gap: 20px;}
  .sub_container_wrap>.tab_box>.sec04>.art01>.list_box>ul>li{width: 45vw;}
  .sub_container_wrap>.tab_box>.sec04>.art01>.list_box>ul>li>img{width: 100%;}
  .sub_container_wrap>.tab_box>.sec05>.art01{padding: 60px ; height: 109vw;}
  .sub_container_wrap>.tab_box>.sec02~section h2{padding-bottom: 30px;}
  .sub_container_wrap>.tab_box>.sec05>.art01>.txt_box>ul>li>p{font-size: 16px; line-height: 30px;}

  .sub_container_wrap>.tab_box02>.sec05>.art01{height: 89vw;}
  .sub_container_wrap>.tab_box02>.sec03>.art01>.list_box>ul>li{width: 44vw;}
  .sub_container_wrap>.tab_box02>.sec03>.art01>.list_box>ul>li>img{width: 100%;}

  .sub_container_wrap>.tab_box03>.sec02~section h2{padding-bottom: 10px;}
  .sub_container_wrap>.tab_box03>.sec04>.art01>.list_box>ul>li{width: 100%; height: 32vw;}
  .sub_container_wrap>.tab_box03>.sec05>.art01{padding: 30px 20px; background-size: contain; height: 98vw;}
  .sub_container_wrap>.tab_btn{gap: 0; justify-content: center;}
  .sub_container_wrap>.tab_btn>li{font-size: 16px; border-radius: 0; width: 30vw; border-right: none; position: relative;}
  .sub_container_wrap>.tab_btn>li:last-child::after{display: inline-block; content: ""; position: absolute; height: 100%; width: 1px; background: #9c9c9c; right: 0; top: 0;}
}
@media screen and (max-width: 500px){
  .sub_container_wrap>.tab_box>section>.art02{padding: 0 10px 30px;}
  .sub_container_wrap>.sec01{height: 250px;}
  .sub_container_wrap>.sec01>.sub_art01>.txt_box{width: 200px;}
  .sub_container_wrap h2{padding-bottom: 10px; font-size: 30px;}
  .sub_container_wrap .sec02~section h2{padding-bottom: 30px;}
  .sub_container_wrap>.tab_box>section>article{padding: 30px 10px;}
  .sub_container_wrap p{padding-bottom: 20px;font-size: 12px; letter-spacing: -1px;}
  .sub_container_wrap>.tab_box>.sec05>.art01>.txt_box>ul>li>p{font-size: 12px; line-height: 20px;}
  .sub_container_wrap>.tab_box>.sec05>.art01>.txt_box>h2{font-size: 25px; padding-bottom: 20px;}
  .sub_container_wrap>.tab_box>.sec05>.art01{padding: 20px 10px; height: 119vw;}
  .sub_container_wrap>.tab_box02>.sec05>.art01{height: 92vw;}
  .sub_container_wrap>.tab_box03>.sec05>.art01{padding: 10px; background-size: cover; height: 101vw;}
  .sub_container_wrap>.tab_btn{padding-top: 30px;}
  .sub_container_wrap>.tab_btn>li{font-size: 14px; padding: 10px 0;}
  .sub_container_wrap>.tab_box02>.sec02>.art01>p,.sub_container_wrap>.tab_box03>.sec02>.art01>p{font-size: 11px; letter-spacing: -1.2px;}
}