@charset "utf-8";
/************************************************************************
 * filename     : main.css
 * description  : 더페스티벌 main style CSS
 * date         : 2025.01.15
************************************************************************/

/*===== [공통] slick slide =====*/
.slide-container{
  position:relative;
}
.slick-dots{
  display:none !important;
}
.btn-slide{
  position:absolute;
  display:inline-block;
  background-color: rgba(0, 0, 0, 0.3);
  text-align: center;
  width:35px; height:35px;
  padding:.5rem;
  border-radius: 50%;
  cursor: pointer;
  z-index:2;
}
.btn-slide i{
  color:#fff;
  font-size:1rem;
  line-height: 1;
}
.btn-slide:hover{
  background-color: rgba(0, 0, 0, 0.5);
}
.btn-slide-prev{
  left:1rem; top:32%;
}
.btn-slide-next{
  right:1rem; top:32%;
}

.slide-list{
  margin:0 -.8rem;
}
.slide-list .item-slide{
  padding:0 .8rem;
}
.slide-list .item-slide .slide-img{
  text-align: center;
  margin-bottom:1rem;
  border:1px solid rgba(51, 51, 51, .05);
  position: relative;
  width: 100%;
  padding-top: 140%;
  overflow: hidden;
  background: #f9f9f9;
  border-radius: .65rem;
}
.slide-list .item-slide .slide-img img{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
  transition: transform 0.3s ease;
  transform: scale(1);
  transition-duration: .3s;
}
.slide-list .item-slide .slide-title{
  min-height:40px;
  font-size:1rem;
  color:#333;
  font-weight:600;
  text-align: left;
  line-height:1.2;
  word-break: keep-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.slide-list .item-slide .slide-subtitle{
  padding-bottom:.3rem;
  font-size:.65rem;
  color:rgba(51, 51, 51, .5);
  font-weight:500;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.slide-list .item-slide a:hover .slide-img img{
  transform: scale(1.2);
}
.slide-list .item-slide a:hover .slide-title,
.slide-list .item-slide a:hover .slide-subtitle{
  filter:brightness(1.5);
}

/*===== Tab =====*/
.ui-tabs .tab-content-header{
  display:flex;
}
.ui-tabs .tab-content-header .header-title{
  flex:1;
  text-align: left;
  font-size: 1.2rem;
  color: #333;
  font-weight: 600;
}
.ui-tabs .tab-content-header .header-tabs{
  flex:1;
}
.ui-tabs .tab-content-header .header-tabs .tabs{
  display:flex;
}
.ui-tabs .tab-content-header .header-tabs .tabs li{
  margin-right: 1rem;
  padding: .15rem 1rem .15rem 0;
  position: relative;
  white-space: nowrap;
}
.ui-tabs .tab-content-header .header-tabs .tabs li::after{
  content: '';
  display: inline-block;
  position: absolute;
  right: 0;
  top: 6px;
  width: 1px;
  height: 14px;
  background-color: rgba(51, 51, 51, .15);
}
.ui-tabs .tab-content-header .header-tabs .tabs li:last-child::after{
  display:none;
}
.ui-tabs .tab-content-header .header-tabs .tabs li a{
  display:inline-block;
  font-size:1rem;
  color:rgba(51, 51, 51, .5);
}
.ui-tabs .tab-content-header .header-tabs .tabs li a:hover{
  background-color: rgba(51, 51, 51, .05);
  color: rgba(51, 51, 51, .7);
}
.ui-tabs .tab-content-header .header-tabs .tabs li.ui-tabs-active a{
  color:#333;
  font-weight:600;
}
.ui-tabs .tab-content-header .header-btn a{
  display: inline-block;
}
.ui-tabs .tab-content-header .header-btn a i{
  color: #333;
  font-size: 1.4rem;
}
.ui-tabs .tab-content-body{
  padding:1rem 0;
}

/*===== LAYOUT =====*/
.wrapper.wrapper-main{
  padding-bottom: 32rem;
}

/*===== CONTENT =====*/
#content{
  padding:4rem 0 0;
}
#content-in{
  max-width:100%;
  margin:0 auto;
}
.main-content-in{
  margin:0 auto;
  padding:1.5rem 1.5rem;
  max-width:1280px;
}
.main-content-in .main-content-header{
  padding:0 0 1rem 0;
  text-align:left;
  display:flex;
}
.main-content-in .main-content-header .header-title{
  font-size:1.5rem;
  font-weight:700;
  flex:1;
}
.main-content-in .main-content-header .header-btn a{
  display:inline-block;
  padding:.5rem 0;
}
.main-content-in .main-content-header .header-btn a i{
  color:#333;
  font-size:2rem;
}
.main-content-in .main-content-header .header-guide{
  font-size:.9rem;
  padding:.5rem 0 0;
}
.main-content-in .main-content-header .header-guide .header-nav{
  padding:.5rem 0 0;
}
.main-content-in .main-content-body{
  text-align:center;
}
.main-content-in .content-footer{
  padding:1.5rem 0;
  text-align:center;
}

/*===== 메인 배너 =====*/
#main-banner{
  margin: 3rem auto;
}
#main-content-visual{
  background:#333333;
  min-height:500px;
}
#main-content-visual.main-visual-01{
  background: url("../../images/main/main-banner-01.jpg") no-repeat top center / cover;
}
#main-content-visual.main-visual-02{
  background: url("../../images/main/main-banner-02.jpg") no-repeat top center / cover;
}
#main-content-visual.main-visual-03{
  background: url("../../images/main/main-banner-03.jpg") no-repeat top center / cover;
}
#main-content-visual.main-visual-04{
  background: url("../../images/main/main-banner-04.jpg") no-repeat top center / cover;
}
#main-content-visual .main-content-in{
  padding: 3rem 3rem;
}
#main-banner .banner-txt{
  text-align:center;
}
#main-banner .banner-txt dl dt{
  font-size: 1.2rem;
  font-weight:700;
  padding-bottom:.85rem;
  color:#ffffff;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
  word-break: keep-all;
}
#main-banner .banner-txt dl dd{
  font-size: 2.2rem;
  font-weight:800;
  line-height:1.2;
  color:#ffffff;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
  word-break: keep-all;
}
#main-banner .banner-txt dl dd:nth-child(3){
  color:#EC0F7A;
}

/*===== 메인 검색창 =====*/
#main-search{
  margin: 0 auto;
}
.search-container{
  position: relative;
  max-width: 800px;
  width:100%;
  margin: 0 auto;
}
.search-container .form-group-search{
  position: relative;
  border: 2px solid rgba(255, 255, 255, 0.8);
  background-color: rgba(255, 255, 255, 0.8);
  border-radius:3rem;
}
.search-container .form-group-search .search-input{
  width: 100%;
  padding: 15px 65px 15px 25px;
  font-size: 1rem;
  border-radius:3rem;
  outline: none;
  border:0 none;
  background: none;
}
.search-container .form-group-search .search-input::placeholder{
  color: rgba(0, 0, 0, 0.3);
}
.search-container .form-group-search:has(> .search-input:focus){
  background-color: rgba(255, 255, 255, 1);
  border:2px solid #EC0F7A;
}
.search-container .form-group-search .btn-search{
  position:absolute;
  right:0; top:0;
  text-align: center;
  padding: .65rem 1rem;
  cursor: pointer;
}
.search-container .form-group-search .btn-search i{
  font-size:30px;
  color:#EC0F7A;
}
.search-container .form-group-search .btn-search span{
  text-indent: -9999px;
  width: 0; 
  height: 0;
  font-size: 0;
  line-height: 0;
  opacity: 0;  
}

/* 추천검색어 */
.search-container .search-tabs{
  display: flex;
  justify-content: space-around;
  background: #f9f9f9;
  border-top: none;
}
.search-container .search-tabs button{
  flex: 1;
  padding: 10px;
  border: 0 none;
  border-right:1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #f9f9f9;
  cursor: pointer;
  font-size: 14px;
}
.search-container .search-tabs button:last-child{
  border-right:0 none;
}
.search-container .search-tabs button.active{
  background: #fff;
  border-bottom: 1px solid #fff;
  font-weight: bold;
  color:#EC0F7A;
}
.search-container .search-results{
  display: none;
  position: absolute;
  top: 103%; left: 50%;
  transform: translate(-50%, 0);
  width: 92%;
  background: #fff;
  border: 1px solid #ccc;
  border-top: none;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 1000;
}
.search-container .search-results ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
.search-container .search-results li{
  padding: 10px;
  cursor: pointer;
  display:flex;
}
.search-container .search-results li span{
  flex:1;
}
.search-container .search-results li .btn-list-delete{
  display:flex;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  align-items: center;
}
.search-container .search-results li .btn-list-delete i{
  flex:1;
  color:#ccc;
}
.search-container .search-results li .btn-list-delete:hover{
  background-color: #f3f3f3;
}
.search-container .search-results li:hover{
  background: #f9f9f9;
}
.search-container .search-results li.data-none{
  color: rgba(0, 0, 0, 0.5);
}

/* 진행 중 축제 */
#main-content-progress{
  margin:0 auto 0;
}
#main-content-progress .main-content-in{
  background-color: rgba(255, 255, 255, 0.6);
}
#main-content-progress .main-content-append{
  margin: 0 auto;
  padding: 1.5rem 0;
  max-width: 1280px;
  text-align: right;
}
#main-content-progress .main-content-append .btn-add-festival{
  border:1px solid #EC0F7A;
  background-color: #EC0F7A;
  color:#fff;
}
#main-content-progress .main-content-append .btn-add-festival i{
  font-size:inherit;
  color:inherit;
  vertical-align: -1px;
  margin-right: .2rem;
}
#main-content-progress .slide-list .item-slide .slide-img{
  padding-top: 140%;
}

/* 배너광고 */
#main-content-spotlight .main-content-header{
  display:none;
}
#spotlight-container{
  display:flex;
  flex-direction: column;
  margin:0 -1rem;
}
#spotlight-container #spotlight-content-1,
#spotlight-container #spotlight-content-2{
  flex:0 0 auto;
  width:100%;
  padding:0 1rem;
  margin-bottom:1rem;
}

/* 배너광고 : 1 */
#spotlight-container #spotlight-content-1 .content-in{
  background-color: #f9f9f9;
}
#spotlight-container #spotlight-content-1 #spotlight-content-slide{
  position:relative;
}
#spotlight-container #spotlight-content-1 #spotlight-content-slide .slide-nav{
  position:absolute;
  right:.85rem; top:.85rem;
  z-index: 1;
}
#spotlight-container #spotlight-content-1 #spotlight-content-slide .slide-nav .btn-slide{
  display:none;
}
#spotlight-container #spotlight-content-1 #spotlight-content-slide .slide-nav .pagingInfo{
  display:inline-block;
  padding:.1rem .5rem;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  color:#fff;
  font-size:.65rem;
  font-weight:400;
  letter-spacing: 1px;
  border-radius: .85rem;
  vertical-align: middle;
}
#spotlight-container #spotlight-content-1 #spotlight-content-slide .spotlight-banner-img{}
#spotlight-container #spotlight-content-1 #spotlight-content-slide .spotlight-banner-img .banner-img-in {
  text-align: center;
  border: 1px solid rgba(51, 51, 51, .05);
  position: relative;
  width: 100%;
  padding-top: 16%;
  overflow: hidden;
  background: #f9f9f9;
  border-radius: .65rem;
}
#spotlight-container #spotlight-content-1 #spotlight-content-slide .spotlight-banner-img .banner-img-in img{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  object-position: center;
}

/* 배너광고 : 2 */
#spotlight-container #spotlight-content-2 .content-in{
  text-align: center;
  border: 1px solid rgba(51, 51, 51, .05);
  position: relative;
  width: 100%;
  padding-top: 15%;
  overflow: hidden;
  border-radius: .65rem;
  background-color: #f9f9f9;
}
#spotlight-container #spotlight-content-2 .content-in img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: contain;
  object-position: center;
}

/* 추천 컨텐츠 */
#main-content-recommend .main-content-body{
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  margin:0 -1rem;
}
#recommend-feed-news{
  flex: 0 0 auto;
  margin-bottom:3rem;
  width:100%;
  padding:0 1rem;
}
#recommend-feed-local{
  flex: 0 0 auto;
  margin-bottom:3rem;
  width:100%;
  padding:0 1rem;
}
#recommend-rank{
  flex: 0 0 auto;
  margin-bottom:3rem;
  width:100%;
  padding:0 1rem;
}
#main-content-recommend .slide-list .item-slide .slide-img{
  padding-top: 100%;
}
#main-content-recommend .btn-slide-prev{
  left:1rem; top:25%;
}
#main-content-recommend .btn-slide-next{
  right:1rem; top:25%;
}

/* 축제 인기순위 */
#recommend-rank{}
#recommend-rank .tab-content-body{
  position:relative;
  padding:1rem 0 0 0;
  margin:1rem 0;
  border-top:2px solid #333333;
  border-bottom:2px solid #333333;
}
#recommend-rank .tab-content-body .body-tabs{
  border-top:1px solid rgba(51, 51, 51, .15);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
#recommend-rank .tab-content-body .body-tabs .tabs{
  display:flex;
}
#recommend-rank .tab-content-body .body-tabs .tabs li{
  flex:1;
  position:relative;
}
#recommend-rank .tab-content-body .body-tabs .tabs li::after{
  content: '';
  display: inline-block;
  position: absolute;
  right: 0;
  top: 12px;
  width: 1px;
  height: 15px;
  background-color: rgba(51, 51, 51, .15);
}
#recommend-rank .tab-content-body .body-tabs .tabs li:last-child::after{
  display:none;
}
#recommend-rank .tab-content-body .body-tabs .tabs li a{
  display:block;
  padding:.5rem 0;
  font-size:.8rem;
  color: rgba(51, 51, 51, .5);
}
#recommend-rank .tab-content-body .body-tabs .tabs li a:hover{
  background-color: rgba(51, 51, 51, .05);
  color: rgba(51, 51, 51, .7);
}
#recommend-rank .tab-content-body .body-tabs .tabs li.ui-tabs-active a{
  color:#333;
}
#recommend-rank .tab-content-body .tab-container{
  padding-bottom: 40px;
}
#recommend-rank .tab-content-body .tab-container ul{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-start;
  height:220px;
}
#recommend-rank .tab-content-body .tab-container ul li{
  margin: .6rem 0;
  padding:0 .5rem;
  width: 50%; 
}
#recommend-rank .tab-content-body .tab-container ul li a.rank-item{
  display: flex;
}
#recommend-rank .tab-content-body .tab-container ul li a.rank-item .rank-num{
  flex:0 0 40px;
  padding-right:.3rem;
  font-size:.8rem;
  font-weight:600;
  text-align:right;
}
#recommend-rank .tab-content-body .tab-container ul li a.rank-item .rank-change{
  padding-right:.3rem;
  text-align: center;
  flex: 0 0 40px;
  white-space: nowrap;
}
.rank-change .change-box > span.change-state{
  display: none;
}
.rank-change .change-box em{
  display: inline-block;
  font-size: 11px;
  color: #757271;
  vertical-align: middle;
  font-style: normal;
}
.rank-change .change-box .change-arrow{
  display: inline-block;
  vertical-align: middle;
}
.rank-change .change-box.up .change-arrow{
  display:inline-block;
  font-family: boxicons !important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
}
.rank-change .change-box.up .change-arrow::before{
  content:"\ec5d";
  display:inline-block;
  font-size:16px;
  color: #FF564C;
}
.rank-change .change-box.up > em{
  display: inline-block;
  margin-top: 1px;
  font-weight: 700;
  color: #FF564C;
  line-height: 18px;
}
.rank-change .change-box.down .change-arrow{
  display:inline-block;
  font-family: boxicons !important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
}
.rank-change .change-box.down .change-arrow::before{
  content:"\eab7";
  display:inline-block;
  font-size:16px;
}
.rank-change .change-box.down > em{
  display: inline-block;
  margin-top: 1px;
  font-weight: 700;
  line-height: 18px;
}
.rank-change .change-box.none em{
  height: 2px;
  width: 6px;
  text-indent: -1000em;
  background-color: #9C9A9A;
}
#recommend-rank .tab-content-body .tab-container ul li a.rank-item .rank-title{
  flex:1;
  font-size:.8rem;
  text-align:left;
  white-space: nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}


/*===== MEDIA QUERIES : DESKTOP =====*/
@media screen and (min-width: 768px){

  /*===== LAYOUT =====*/
  .wrapper.wrapper-main{
    padding-bottom: 20rem;
  }
    
  /*===== CONTENT =====*/
  #content{
    padding:4rem 0 0;
  }
  .main-content-in{
    padding:2rem 2rem;
  }
  .main-content-in .main-content-header{
    padding:0 0 1.5rem 0;
  }
  .main-content-in .main-content-header .header-title{
    font-size:1.8rem;
  }
  .main-content-in .main-content-header .header-guide{
    font-size:1rem;
    padding:.5rem 0 0;
  }
  .main-content-in .main-content-header .header-guide .header-nav{
    padding:0;
  }
  .main-content-in .main-content-body{

  }
  .main-content-in .content-footer{
    padding:2rem 0;
  }

  /*===== 메인 배너 =====*/
  #main-banner{
    margin: 3.5rem auto;
  }
  #main-content-visual{
    height:800px;
  }
  #main-content-visual .main-content-in{
    padding: 4rem 3rem;
  }
  #main-banner .banner-txt dl dt{
    font-size: 1.5rem;
    padding-bottom:1rem;
  }
  #main-banner .banner-txt dl dd{
    font-size: 2.8rem;
    line-height:1.2;
  }

  /*===== 메인 검색창 =====*/
  .search-container{
    max-width: 800px;
  }
  .search-container .form-group-search{
    border-radius:3rem;
  }
  .search-container .form-group-search .search-input{
    padding: 20px 65px 20px 25px;
    font-size: 1.2rem;
    border-radius:3rem;
  }
  .search-container .form-group-search .btn-search{
    padding: .9rem 1.2rem;
  }
  .search-container .form-group-search .btn-search i{
    font-size:35px;
  }

  /*===== [공통] slick slide =====*/
  .btn-slide{
    width:40px; height:40px;
    padding:.6rem;
  }
  .btn-slide i{
    font-size:1.2rem;
  }
  .btn-slide-prev{
    left:1rem; top:32%;
  }
  .btn-slide-next{
    right:1rem; top:32%;
  }

  .slide-list{
    margin:0 -.9rem;
  }
  .slide-list .item-slide{
    padding:0 .9rem;
  }
  .slide-list .item-slide .slide-img{
    border-radius: .75rem;
  }
  .slide-list .item-slide .slide-title{
    min-height:45px;
    font-size:1.2rem;
    line-height:1.2;
  }
  .slide-list .item-slide .slide-subtitle{
    padding-bottom:.3rem;
    font-size:.85rem;
  }

  /*===== Tab =====*/
  .ui-tabs .tab-content-header .header-title{
    font-size: 1rem;
  }
  .ui-tabs .tab-content-header .header-tabs .tabs li{
    margin-right: 1rem;
    padding: .15rem 1rem .15rem 0;
  }
  .ui-tabs .tab-content-header .header-tabs .tabs li::after{
    top: 6px;
    width: 1px;
    height: 16px;
  }
  .ui-tabs .tab-content-header .header-tabs .tabs li:last-child::after{
    display:none;
  }
  .ui-tabs .tab-content-header .header-tabs .tabs li a{
    font-size:1.1rem;
  }
  .ui-tabs .tab-content-header .header-btn a i{
    font-size: 1.6rem;
  }

  /* 진행 중 축제 */
  #main-content-progress{
    margin:-17rem auto 0;
  }

  /* 배너광고 */
  #spotlight-container{
    display:flex;
    flex-direction: row;
    margin:0 -1rem;
  }
  #spotlight-container #spotlight-content-1{
    flex:0 0 auto;
    width:75%;
    padding:0 1rem;
  }
  #spotlight-container #spotlight-content-2{
    flex:0 0 auto;
    width:25%;
    padding:0 1rem;
  }

  /* 배너광고 : 1 */
  #spotlight-container #spotlight-content-1 #spotlight-content-slide .slide-nav{
    right:.85rem; top:.85rem;
  }
  #spotlight-container #spotlight-content-1 #spotlight-content-slide .slide-nav .pagingInfo{
    padding:.2rem .65rem;
    font-size:.85rem;
    border-radius: .85rem;
  }

  /* 배너광고 : 2 */
  #spotlight-container #spotlight-content-2 .content-in{
    padding-top: 52%;
    border-radius: .65rem;
  }
  #spotlight-container #spotlight-content-2 .content-in img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
  }

  /* 추천 컨텐츠 */
  #main-content-recommend .main-content-body{
    flex-direction: row;
    margin:0 -1rem;
  }
  #recommend-feed-news{
    margin-bottom:4rem;
    width:100%;
    padding:0 1rem;
  }
  #recommend-feed-local{
    margin-bottom:4rem;
    width:50%;
    padding:0 1rem;
  }
  #recommend-rank{
    margin-bottom:4rem;
    width:50%;
    padding:0 1rem;
  }
  #main-content-recommend .btn-slide-prev{
    left:1rem; top:25%;
  }
  #main-content-recommend .btn-slide-next{
    right:1rem; top:25%;
  }

  /* 축제 인기순위 */
  #recommend-rank .tab-content-body{
    padding:1rem 0 0 0;
    margin:1rem 0;
  }
  #recommend-rank .tab-content-body .body-tabs .tabs li::after{
    top: 12px;
    width: 1px;
    height: 15px;
  }
  #recommend-rank .tab-content-body .body-tabs .tabs li:last-child::after{
    display:none;
  }
  #recommend-rank .tab-content-body .body-tabs .tabs li a{
    padding:.5rem 0;
    font-size:.9rem;
  }
  #recommend-rank .tab-content-body .tab-container{
    padding-bottom: 40px;
  }
  #recommend-rank .tab-content-body .tab-container ul{
    height:220px;
  }
  #recommend-rank .tab-content-body .tab-container ul li{
    margin: .6rem 0;
    padding:0 .5rem;
    width: 50%; 
  }
  #recommend-rank .tab-content-body .tab-container ul li a.rank-item .rank-num{
    flex:0 0 45px;
    padding-right:.4rem;
    font-size:.9rem;
  }
  #recommend-rank .tab-content-body .tab-container ul li a.rank-item .rank-change{
    padding-right:.4rem;
    flex: 0 0 45px;
  }
  .rank-change .change-box em{
    font-size: 11px;
  }
  .rank-change .change-box.up .change-arrow::before{
    font-size:16px;
  }
  .rank-change .change-box.down .change-arrow::before{
    font-size:16px;
  }
  #recommend-rank .tab-content-body .tab-container ul li a.rank-item .rank-title{
    font-size:.9rem;
  }

}

/*===== MEDIA QUERIES : WIDE DESKTOP =====*/
@media screen and (min-width: 992px){

  /*===== LAYOUT =====*/
  .wrapper.wrapper-main{
    padding-bottom: 20rem;
  }

  /*===== CONTENT =====*/
  #content{
    padding:5rem 0 0;
  }
  .main-content-in{
    padding:3rem 3rem;
  }
  .main-content-in .main-content-header{
    padding:0 0 2rem 0;
  }
  .main-content-in .main-content-header .header-title{
    font-size:2.2rem;
  }
  .main-content-in .main-content-header .header-guide{
    font-size:1.1rem;
  }
  .main-content-in .main-content-body{

  }
  .main-content-in .content-footer{
    padding:2.5rem 0;
  }

  /*===== 메인 배너 =====*/
  #main-banner{
    margin: 3rem auto;
  }
  #main-content-visual{
    height:900px;
  }
  #main-content-visual .main-content-in{
    padding: 5rem 3rem;
  }
  #main-banner .banner-txt dl dt{
    font-size: 2rem;
    padding-bottom:1rem;
  }
  #main-banner .banner-txt dl dd{
    font-size: 3.4rem;
    line-height:1.2;
  }

  /*===== [공통] slick slide =====*/
  .btn-slide{
    width:45px; height:45px;
    padding:.65rem;
  }
  .btn-slide i{
    font-size:1.5rem;
  }
  .btn-slide-prev{
    left:1rem; top:35%;
  }
  .btn-slide-next{
    right:1rem; top:35%;
  }

  .slide-list{
    margin:0 -1rem;
  }
  .slide-list .item-slide{
    padding:0 1rem;
  }
  .slide-list .item-slide .slide-img{
    border-radius: .85rem;
  }
  .slide-list .item-slide .slide-title{
    min-height:60px;
    font-size:1.5rem;
    line-height:1.2;
  }
  .slide-list .item-slide .slide-subtitle{
    padding-bottom:.3rem;
    font-size:1rem;
  }

  /*===== Tab =====*/
  .ui-tabs .tab-content-header .header-title{
    font-size: 1.2rem;
  }
  .ui-tabs .tab-content-header .header-tabs .tabs li{
    margin-right: 1rem;
    padding: .15rem 1rem .15rem 0;
  }
  .ui-tabs .tab-content-header .header-tabs .tabs li::after{
    top: 6px;
    width: 1px;
    height: 18px;
  }
  .ui-tabs .tab-content-header .header-tabs .tabs li:last-child::after{
    display:none;
  }
  .ui-tabs .tab-content-header .header-tabs .tabs li a{
    font-size:1.2rem;
  }
  .ui-tabs .tab-content-header .header-btn a i{
    font-size: 1.8rem;
  }

  /* 진행 중 축제 */
  #main-content-progress{
    margin:-22rem auto 0;
  }

  /* 추천 컨텐츠 */
  #recommend-feed-news,
  #recommend-feed-local,
  #recommend-rank{
    margin-bottom:5rem;
  }
  #main-content-recommend .btn-slide-prev{
    left:1rem; top:30%;
  }
  #main-content-recommend .btn-slide-next{
    right:1rem; top:30%;
  }

  /* 축제 인기순위 */
  #recommend-rank .tab-content-body .body-tabs .tabs li a{
    padding:.5rem 0;
    font-size:1rem;
  }
  #recommend-rank .tab-content-body .tab-container ul li a.rank-item .rank-num{
    flex:0 0 50px;
    font-size:1rem;
    padding-right:.5rem;
  }
  #recommend-rank .tab-content-body .tab-container ul li a.rank-item .rank-change{
    flex: 0 0 50px;
    padding-right:.5rem;
  }
  #recommend-rank .tab-content-body .tab-container ul li a.rank-item .rank-title{
    font-size:1rem;
  }


}

/*===== MEDIA QUERIES : MOBILE =====*/
@media screen and (max-width: 767px){


}

/*===== MEDIA QUERIES : MINI MOBILE =====*/
@media only screen and (max-width:480px){


}