@charset "utf-8";


.sub_container_wrap>.sec02,.sub_container_wrap>.sec03{margin-top: 120px; height: 650px; background: url(../../img/sub/intro01_medical01_back.png) center left; background-size: cover;}
.sub_container_wrap>.sec02>.art01,.sub_container_wrap>.sec03>.art01{padding: 90px 260px 0 260px; display: flex;}
.sub_container_wrap>.sec02>.art01>.txt_box{margin-left: auto;}
.sub_container_wrap>.sec02>.art01>.txt_box>.info_box,.sub_container_wrap>.sec03>.art01>.txt_box>.info_box{display: flex; padding: 45px; background: #f5f5f5; gap: 74px;}
.sub_container_wrap>.sec02>.art01>.txt_box>.info_box p,.sub_container_wrap>.sec03>.art01>.txt_box>.info_box p{font-size: 20px;font-family: 'Pretendard-Regular'; line-height: 40px;}
.sub_container_wrap>.sec02>.art01>.txt_box > h2,.sub_container_wrap>.sec03>.art01>.txt_box > h2{padding-bottom: 20px;}
.sub_container_wrap>.sec03>.art01>.txt_box > h2{text-align: right;}
.sub_container_wrap>.sec03{background: url(../../img/sub/intro01_medical02_back.png) center right; background-size: cover;}
.sub_container_wrap>.sec03>.art01>.txt_box>.info_box {background: #fff;}
.sub_container_wrap>.sec04{margin-top: 120px; padding: 200px 0; background: url(../../img/sub/intro01_last.png); background-size: cover;}
.sub_container_wrap>.sec04>.img_box{text-align: center;}
@media screen and (max-width: 1800px){
  .sub_container_wrap>.sec02>.art01>.txt_box>.info_box, .sub_container_wrap>.sec03>.art01>.txt_box>.info_box{flex-direction: column;}
  .sub_container_wrap>.sec02, .sub_container_wrap>.sec03{height: auto;}
  .sub_container_wrap>.sec02{background-position: left -300px center;}
  .sub_container_wrap>.sec03{background-position: right -300px center;}
}
@media screen and (max-width: 1340px){
  .sub_container_wrap>.sec02{background-position: left -600px center;}
  .sub_container_wrap>.sec03{background-position: right -600px center;}
  .sub_container_wrap>.sec02>.art01, .sub_container_wrap>.sec03>.art01{padding: 90px 0;}
}
@media screen and (max-width: 900px){
  .sub_container_wrap>.sec02{background-position: left -400px center;}
  .sub_container_wrap>.sec03{background-position: right -400px center;}
  .sub_container_wrap>.sec02>.art01>.txt_box > h2 img, .sub_container_wrap>.sec03>.art01>.txt_box > h2 img{width: 30vw;}
  .sub_container_wrap>.sec02>.art01>.txt_box>.info_box, .sub_container_wrap>.sec03>.art01>.txt_box>.info_box{gap: 20px;}
  .sub_container_wrap>.sec02>.art01>.txt_box>.info_box p, .sub_container_wrap>.sec03>.art01>.txt_box>.info_box p{font-size: 14px;}
  .sub_container_wrap>.sec02>.art01>.txt_box>.info_box, .sub_container_wrap>.sec03>.art01>.txt_box>.info_box{padding: 20px;}
  .sub_container_wrap>.sec02>.art01>.txt_box>.info_box p, .sub_container_wrap>.sec03>.art01>.txt_box>.info_box p{line-height: 30px;}
}
@media screen and (max-width: 700px){
  .sub_container_wrap>.sec02{background: url(../../img/sub/intro01_medical01_back_m.png) center left; background-size: cover;}
  .sub_container_wrap>.sec03{background: url(../../img/sub/intro01_medical02_back_m.png) center right; background-size: cover;}
  .sub_container_wrap>.sec02>.art01, .sub_container_wrap>.sec03>.art01{padding: 30px 0;}
}
@media screen and (max-width: 600px){
  .sub_container_wrap > .sec02, .sub_container_wrap > .sec03,.sub_container_wrap>.sec04{margin-top: 50px;}
  .sub_container_wrap>.sec02>.art01>.txt_box > h2 img, .sub_container_wrap>.sec03>.art01>.txt_box > h2 img{width: 180px;}
  .sub_container_wrap>.sec02>.art01, .sub_container_wrap>.sec03>.art01{padding: 30px 10px}
  .sub_container_wrap>.sec02>.art01>.txt_box>.info_box, .sub_container_wrap>.sec03>.art01>.txt_box>.info_box{gap: 10px;}
  .sub_container_wrap>.sec02>.art01>.txt_box>.info_box p, .sub_container_wrap>.sec03>.art01>.txt_box>.info_box p{font-size: 10px; line-height: 20px;}
  .sub_container_wrap>.sec02>.art01>.txt_box>.info_box, .sub_container_wrap>.sec03>.art01>.txt_box>.info_box{padding: 10px;}
  .sub_container_wrap>.sec04>.img_box img{width: 70vw;}
}
@media screen and (max-width: 400px){
  .sub_container_wrap>.sec04{padding: 90px 0;background: url(../../img/sub/intro01_last_m.png) center center; background-size: cover;}
}
@media screen and (max-width: 370px){
  .sub_container_wrap>.sec02>.art01, .sub_container_wrap>.sec03>.art01 {padding: 10px;}
  .sub_container_wrap>.sec02>.art01>.txt_box > h2 img, .sub_container_wrap>.sec03>.art01>.txt_box > h2 img{width: 100px;}
}