@charset "utf-8";

.sub_container_wrap{overflow-x: hidden;}
.sub_container_wrap>.sec02{max-width: 1400px; width: 100%; margin: 0 auto; display: flex; height: 340px; margin-top: 120px; gap: 40px;}
.sub_container_wrap>.sec02>.art01{width: 560px; background: #f5f2fa; height: 100%;}
.sub_container_wrap>.sec02>.art02{max-width: 800px; width: 100%; display: flex; flex-direction: column; gap: 40px;}
.sub_container_wrap>.sec02>.art02>div{height: 150px;}
.sub_container_wrap>.sec02>.art01>.img_box{width: 200px;height: 50px;background: url(../../img/sub/intro04_time.png) center center no-repeat; margin: 60px 60px 40px 60px;}
.sub_container_wrap>.sec02>.art01>.txt_box{width: 370px;height: 150px;background: url(../../img/sub/intro04_time_info.png) center center no-repeat; margin-left: 120px;}
.sub_container_wrap>.sec02>.art02>div{background-color: #f5f5f5;}
.sub_container_wrap>.sec02>.art02>.banner_box1>.img_box{background: url(../../img/sub/intro04_banner01.png) center center no-repeat #f5f5f5; width: 100%; height: 100%;}
.sub_container_wrap>.sec02>.art02>.banner_box2>.img_box{background: url(../../img/sub/intro04_banner02.png) center center no-repeat #f5f5f5; width: 100%; height: 100%;}
.sub_container_wrap>.sec02>.art02>.banner_box2{background: url(../../img/sub/intro04_banner02.png) center center no-repeat #f5f5f5;}
.sub_container_wrap>.sec03{width: 100%; max-width: 1400px; margin: 0 auto; height: 550px; margin-top: 120px;}
.sub_container_wrap>.sec03>#naver_map02{width: 100%; height: 100%;}
.sub_container_wrap>.sec03>.map_banner{width: 100%; height: 100px; background:#16013a;}
.sub_container_wrap>.sec03>.map_banner>.txt_box{display: flex; align-items: center; height: 100%; justify-content: center; gap: 42px;}
.sub_container_wrap>.sec03>.map_banner>.txt_box>h2{color: #fff; font-size: 40px;font-family: 'Pretendard-Bold'; display: flex; align-items: center; gap: 20px;}
.sub_container_wrap>.sec03>.map_banner>.txt_box>p{color: #fff; font-size: 25px;font-family: 'Pretendard-ExtraLight';}
.sub_container_wrap>.sec04{max-width: 830px; width: 100%; margin: 0 auto; margin-top: 100px;}
.sub_container_wrap>.sec04>.txt_box{padding-top: 60px; display: flex; align-items: center; gap: 40px; padding-bottom: 200px;}
.sub_container_wrap>.sec04>.txt_box>p{font-family: 'Pretendard-ExtraLight'; font-size: 20px;}
.sub_container_wrap>.sec04>.txt_box>p span{font-family: 'Pretendard-Bold'; font-size: 20px;}
@media screen and (max-width: 1800px){
  .sub_container_wrap>.sec02{flex-direction: column; padding: 0 20px; max-width: 100%;}
  .sub_container_wrap>.sec02>.art01{width: calc(100% - 40px); display: flex; justify-content: center; align-items: center; gap: 40px; padding: 50px 0;}
  .sub_container_wrap>.sec02>.art01>.img_box,.sub_container_wrap>.sec02>.art01>.txt_box{margin: 0;}
  .sub_container_wrap>.sec02{height: auto;}
  .sub_container_wrap>.sec02>.art02{max-width: calc(100% - 40px);}
  .sub_container_wrap>.sec02>.art02>.banner_box1>.img_box{width: 610px;margin: 0 auto;background: url(../../img/sub/intro04_banner01.png) center left no-repeat #f5f5f5;}
  .sub_container_wrap>.sec02>.art02>.banner_box2>.img_box{width: 610px;margin: 0 auto;background: url(../../img/sub/intro04_banner02.png) center left no-repeat #f5f5f5;}
}
@media screen and (max-width: 1400px){
  .sub_container_wrap>.sec03>.map_banner{height: auto; padding: 30px 0;}
  .sub_container_wrap>.sec03>.map_banner>.txt_box{flex-direction: column;}
  .sub_container_wrap>.sec04 {margin-top: 140px;}
}
@media screen and (max-width: 800px){
  .sub_container_wrap>.sec04>.txt_box>p{font-size: 18px;}
  .sub_container_wrap>.sec04>.txt_box{gap: 20px;}
  .sub_container_wrap>.sec03>.map_banner>.txt_box>p{font-size: 20px;}
  .sub_container_wrap>.sec03{padding: 0 20px; width: calc(100% - 40px);}
  .sub_container_wrap>.sec04{padding: 0 20px; width: calc(100% - 40px)}
}
@media screen and (max-width: 700px){
  .sub_container_wrap>.sec04>.txt_box>p{font-size: 18px;}
  .sub_container_wrap>.sec04>.txt_box{gap: 20px;}
  .sub_container_wrap>.sec03>.map_banner>.txt_box>p{font-size: 20px;}
  .sub_container_wrap>.sec03{padding: 0 20px; width: calc(100% - 40px);}
  .sub_container_wrap>.sec04{padding: 0 20px; width: calc(100% - 40px);}
  .sub_container_wrap>.sec02,.sub_container_wrap>.sec03{margin-top: 50px;}
  .sub_container_wrap>.sec02>.art01>.img_box, .sub_container_wrap>.sec02>.art01>.txt_box{display: none;}
  .sub_container_wrap>.sec02>.art01{height: 8vw;}
  .sub_container_wrap>.sec02>.art01{background: url(../../img/sub/intro04_time_m.png) center left 10px no-repeat #f5f2fa; background-size: contain;}
  .sub_container_wrap>.sec02>.art02>.banner_box1>.img_box{background: url(../../img/sub/intro04_banner01_m.png) center left 30px no-repeat #f5f5f5; background-size: 80%; width: auto;}
  .sub_container_wrap>.sec02>.art02>.banner_box2>.img_box{background: url(../../img/sub/intro04_banner02_m.png) center left 35px no-repeat #f5f5f5; background-size: 80%; width:auto;}
  .sub_container_wrap>.sec02>.art02>div{height: 20vw;}
  .sub_container_wrap>.sec02,.sub_container_wrap>.sec02>.art02{gap: 10px;}
  .sub_container_wrap>.sec03>.map_banner>.txt_box>p {font-size: 10px;}
  .sub_container_wrap>.sec03>.map_banner>.txt_box>h2{font-size: 20px;}
  .sub_container_wrap>.sec03>.map_banner>.txt_box{gap: 20px;}
  .sub_container_wrap>.sec03>.map_banner{padding: 20px 0;}
  .sub_container_wrap>.sec03>.map_banner>.txt_box>h2>img{width: 20px;}
  .sub_container_wrap>.sec04>.txt_box>img{width: 60px;}
  .sub_container_wrap>.sec04>.txt_box>p,.sub_container_wrap>.sec04>.txt_box>p>span{font-size: 10px;}
  .sub_container_wrap>.sec04>.txt_box>p>.trick{display: block;}
  .sub_container_wrap>.sec04>.txt_box{gap: 10px; justify-content: center;}
  .sub_container_wrap>.sec04>.txt_box{padding-top: 0; padding-bottom: 50px;}
  .sub_container_wrap>.sec04{margin-top: 115px;}
}