/*섹션1*/
.big_img{width: 100%; background: url(../images/img01.png);height: 800px; background-repeat: no-repeat;background-size: cover; padding-top: 113px; background-position: center;}
.info{width: 80%; margin: 0 auto;}
.info h3{font-size: 1.67rem; text-align: center; margin: 100px 0;}
.info p{text-align: center;}
.info ul li{position: relative; overflow: hidden;}
.info ul li:nth-of-type(1){background: url(../images/img02.png);width: 525px; height: 310px; background-repeat: no-repeat;}
.info ul li:nth-of-type(2){background: url(../images/img03.png);width: 525px; height: 310px; background-repeat: no-repeat;}
.info ul{display: flex; justify-content: space-around;margin-top: 100px;}
.info ul li span{position: absolute; left: 50%; bottom: 0;transform: translateX(-50%); font-size: 1.27rem; color: #fff;background: rgba(0, 0, 0, .7); padding: 15px 300px; }

/*섹션2*/
.sale{height: 800px; margin-top: 400px;}
.sale .back_img{width: 1600px; height: 800px;background:url(../images/img04.png); background-repeat: no-repeat; background-size: cover; position: absolute; right: 0;}
.sale .sale_box{width: 900px; height: 550px; background: #fff;position: absolute;left: 0;top: 2540px;box-shadow: 18px 16px 47px 3px rgba(0, 0, 0, .25);text-align: right;} 
.sale .sale_box div{padding: 50px 90px ;}
.sale .sale_box div p{font-size: 1.69rem;}
.sale .sale_box div h3{font-size: 3.5rem;}
.sale .sale_box div span{padding-top: 15px;}
.sale .sale_box div ul li{display: flex; justify-content: space-between;margin-top: 100px;}
.sale .sale_box div ul li a{background: #333; color: #fff; font-size: 1.29rem; padding: 10px 35px; transition:  0.3s ease, color 0.3s ease, border 0.3s ease; border: 1px solid#333;}
.sale .sale_box div ul li a:hover{background: #fff; color: #333;border: 1px solid#333;}
/*섹션3*/
.comto{width: 80%; margin: 600px auto 0;}
.comto h3{font-size: 1.67rem; text-align: center;}
.comto ul{display: flex; justify-content: space-between; margin-top: 130px;}
.comto ul span{display: block; margin: 30px 0;}
.comto ul li p{font-size: 2rem; font-weight: 550;}
.comto_a{display: flex;justify-content: space-between; margin-top: 100px;}
.comto_a a:nth-of-type(1){ background: #333; color: #fff;border: 1px solid#333;border-radius: 20px;padding: 5px 30px;}
.comto_a a:nth-of-type(2){ background: #fff; color: #333;border: 1px solid#333;border-radius: 20px;padding: 5px 30px;}
/*섹션4*/
.retal{width: 100%; height: 800px; background: url(../images/img05.png); background-repeat: no-repeat; background-size: cover;background-position: center; margin: 400px 0;position: relative;}
.retal a{width: 100%; background: rgba(0, 0, 0, .6); height: 150px;position: absolute; bottom: 0;}
.retal h3{position: absolute;
    left: 50%;
    bottom: 50px;
    transform: translateX(-50%);
    font-size: 1.69rem;
    color: #fff;
    
    
    }
@media screen and (max-width:1350px) {

}

/* 일반 pc */
@media screen and (max-width:1280px) {

}



/* 테블릿 */
@media screen and (max-width:1024px) {
    .big_img { height: 500px; padding-top: 80px; }
    .info h3, .comto h3 { font-size: 1.4rem; margin: 60px 0; }
    .info ul li span { padding: 15px 150px; font-size: 1rem; }
  
    .sale .sale_box { width: 90%; left: 5%; top: 2300px; }
    .sale .sale_box div { padding: 30px; }
    .sale .sale_box div h3 { font-size: 2.5rem; }
    .sale .sale_box div p { font-size: 1.3rem; }
  
    .comto ul { flex-direction: column; align-items: center; gap: 40px; }
}
   

/* 소형 테블릿 */
@media screen and (max-width:768px) {
    .info { width: 90%; }
    .info h3 { font-size: 1.3rem; }
    .info ul{display: block;}
    .info ul li:nth-of-type(1){width: 100%; height: 200px; margin-bottom: 20px; box-shadow: -4px 8px 20px rgba(0, 0, 0, 0.15);    }
    .info ul li:nth-of-type(2){width: 100%; height: 200px;box-shadow: -4px 8px 20px rgba(0, 0, 0, 0.15);    }
  
    .sale .sale_box { height: auto; top: 2200px; }
    .sale .sale_box div ul li { flex-direction: column; align-items: flex-end; gap: 15px; }
  
    .comto { width: 90%; margin-top: 400px; }
    .comto ul {display: block;}
    .comto ul li p { font-size: 1.5rem; }
    .comto_a { flex-direction: column; align-items: center; gap: 20px; }
}

/* 모바일 */
@media screen and (max-width:640px) {
    .big_img { height: 400px; }
    .info h3 { font-size: 1.2rem; }
    .info ul li span { padding: 10px 50px; font-size: 0.95rem; }
  
    .sale .sale_box div h3 { font-size: 2rem; }
    .sale .sale_box div p { font-size: 1.1rem; }
  
    .comto h3 { font-size: 1.3rem; }
    .comto ul span { margin: 20px 0; }
}
@media screen and (max-width:480px) {
    .big_img { height: 300px; padding-top: 60px; }
    .info p{font-size: .8rem;}
    .info ul li { height: 180px; }
    .info ul li span { padding: 8px 30px; font-size: 0.9rem; }
  
    .sale{height: 400px; margin-top: 200px;}
    .sale .back_img{width: 100%; height: 200px;}
    .sale .sale_box{width: 80%; height: 150px; background: #fff;position: static;box-shadow: 18px 16px 47px 3px rgba(0, 0, 0, .25);text-align: right;} 

    .sale {
    position: relative; /* 절대 위치 요소를 제대로 감싸도록 */
    height: auto;
    margin-top: 200px;
  }

  .sale .back_img {
    width: 100%;
    height: 300px;
    background-size: cover;
    background-position: center;
    position: static; /* 모바일에서는 흐름에 맡김 */
  }

  .sale .sale_box {
    position: static; /* 포지션 해제 */
    width: 90%;
    height: auto;
    margin: 0 auto;
    padding: 30px 20px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    text-align: center;
  }

  .sale .sale_box div {
    padding: 0;
  }

  .sale .sale_box div p {
    font-size: 1.2rem;
  }

  .sale .sale_box div h3 {
    font-size: 2rem;
    margin-top: 10px;
  }

  .sale .sale_box div span {
    display: block;
    font-size: 0.95rem;
    margin-top: 10px;
    line-height: 1.5;
  }

  .sale .sale_box div ul li {
    flex-direction: column;
    align-items: center;
    gap: 15px;
    margin-top: 50px;
  }

  .sale .sale_box div ul li a {
    width: 100%;
    padding: 10px 0;
    font-size: 1.1rem;
  }
  
    .comto {
    width: 90%;
    margin-top: 200px;
  }

  .comto h3 {
    font-size: 1.4rem;
  }

  .comto ul {
    flex-direction: column;
    align-items: center;
    gap: 60px;
    margin-top: 80px;
  }

  .comto ul li p {
    font-size: 1.3rem;
    text-align: center;
  }

  .comto ul span {
    font-size: 0.95rem;
    margin: 15px 0;
    text-align: center;
  }

  .comto_a {
    flex-direction: column;
    gap: 15px;
    margin-top: 40px;
    align-items: center;
  }

  .comto_a a {
    width: 100%;
    max-width: 240px;
    text-align: center;
    padding: 10px 0;
    font-size: 1rem;
  }

 #daumRoughmapContainer1729132202025 {
    display: none;
  }
  .retal {
    height: 400px;
    margin: 200px 0;
  }

  .retal a {
    height: 100px;
  }

  .retal h3 {
    font-size: 1.2rem;
    bottom: 30px;
  }
}