@charset "utf-8";
/************************************************************************
 * filename     : sub-common.css
 * description  : uvote sub common style CSS
 * date         : 2024.10.31
************************************************************************/

/*===== LAYOUT =====*/
.wrapper.wrapper-sub{
  padding-bottom: 25rem;
}

/*===== SUB LAYOUT FLEX =====*/
.layout-flex.layout-sub{
  display:flex;
  flex-wrap: wrap;
  flex-direction: column;
  margin:0 -10px 2rem;
}
.layout-flex.layout-sub .flex-item{
  flex: 1; 
  padding:0 10px;
}

/*===== SUB SECTION =====*/
.sub-section{
  margin-bottom:3rem;
}

/*===== SUB TAB =====*/
/* https://hongpage.kr/16 */
.wrapper-sub .tabs-header{
  display:flex;
  margin-bottom:1rem;
}
.wrapper-sub .tabs{
  display:flex;
  flex-wrap: wrap;
  flex:1;
  border-bottom:0 none;
}
.wrapper-sub .tabs li{
  padding-right:5px;
  padding-bottom:5px;
}
.wrapper-sub .tabs li a{
  display:inline-block;
  position: relative;
  text-align:center;
  cursor: pointer;
  color:#b0b2b9;
  padding: .45rem 0 .25rem;
  margin-bottom: 0;
  margin-right:1rem;
  border: 0 none;
  border-bottom:0 none;
  background-color: #ffffff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-size:1rem;
  white-space: nowrap;
}
.wrapper-sub .tabs li a.active{
  background-color:#ffffff;
  color:#1D88FA;
  font-weight:700;
  border:0 none;
  border-bottom:3px solid #1D88FA;
}
.wrapper-sub .tab-container {
  border-top: 0 none;
  margin-top: 0;
}
.wrapper-sub .tab-content {
  padding:1.5rem 0;
  display:none;
}

/*===== CONTENT =====*/
#content{
  padding:4.5rem 1.5rem;
}
#content-in{
  max-width:1280px;
  margin:0 auto;
}
.content-header{
  display:flex;
  flex-direction: column;
  padding-bottom:.5rem;
}
.content-header::after{
  content:'';
  display:block;
  clear:both;
}
.content-header .header-title{
  font-size:1.4rem;
  font-weight:600;
  flex-grow: 1;
  padding-bottom:5px;
}
.content-header .header-title small{
  font-size:1.4rem;
  font-weight:600;
  flex-grow: 1;
}
.content-header .header-location .breadcrumb{
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
}
.content-header .header-location .breadcrumb .breadcrumb-item{
  padding-left: 0.2rem;
  font-size:.85rem;
  color:rgba(31, 35, 48, 0.3);
}
.content-header .header-location .breadcrumb .breadcrumb-item a,
.content-header .header-location .breadcrumb .breadcrumb-item a i{
  font-size:.85rem;
  color:rgba(31, 35, 48, 0.3);
}
.content-header .header-location .breadcrumb .breadcrumb-item.active{
  color:#333;
  font-weight:600;
}
.content-header .header-location .breadcrumb-item+.breadcrumb-item::before {
  font-size:1rem;
  display:inline-block;
  padding-right: 0.2rem;
  color: rgba(31, 35, 48, 0.3);
  content: "\e93f";
  font-family: xeicon !important;
  vertical-align: -2px;
}
.content-header .header-location .breadcrumb .breadcrumb-item i{
  vertical-align: -2px;
}
.content-sub .sub-in{
  height:100%;
}
.content-sub .sub-in .sub-header{
  margin:1rem 0;
}
.content-sub .sub-in .sub-header .header-box{
  padding:2rem 1.5rem;
  margin-bottom:1rem;
  font-size:1rem;
  font-weight:500;

  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;


  background-size: cover;
  animation: mtop_bg 5s ease-in-out;
  animation-fill-mode: forwards;
  -webkit-animation: mtop_bg 5s ease-in-out;
  -webkit-animation-fill-mode: forwards;
  -moz-animation: mtop_bg 5s ease-in-out;
  -moz-animation-fill-mode: forwards;
  -o-animation: mtop_bg 5s ease-in-out;
  -o-animation-fill-mode: forwards;
}
@keyframes mtop_bg {
  0% {background-size:120% 120%;}
  80% {background-size: 100% 100%}
  100% {background-size: 100% 100%}
}
@-webkit-keyframes mtop_bg {
  0% {background-size:120% 120%;}
  80% {background-size: 100% 100%}
  100% {background-size: 100% 100%}
}
@-moz-keyframes mtop_bg {
  0% {background-size:120% 120%;}
  80% {background-size: 100% 100%}
  100% {background-size: 100% 100%}
}
@-o-keyframes mtop_bg {
  0% {background-size:120% 120%;}
  80% {background-size: 100% 100%}
  100% {background-size: 100% 100%}
}
.content-sub .sub-in .sub-header .header-box strong{
  font-size:1rem;
  font-weight:700;
}
.content-sub .sub-in .sub-body{
  padding:15px 0 0;
}
.content-sub .sub-in .sub-title{
  margin-bottom:1rem;
  font-size:1.2rem;
  font-weight:600;
  color: #1d88fa;
}
.content-sub .sub-in .sub-txt{
  font-size:1rem;
  margin-bottom:1rem;
}
.content-sub .sub-in .sub-img{
  margin-bottom:1rem;
}
.content-sub .sub-in .sub-img .img-content{
  margin-bottom:1rem;
}
.content-sub .sub-in .sub-img .img-content:last-child{
  margin-bottom:0;
}
.content-sub .sub-in .sub-img .img-content img{
  width:auto;
}

/*===== BUTTON BOX =====*/
.content-button{
  padding:1rem;
  text-align: center;
}
.content-button .btn {
  margin: 0 .1rem;
  padding: .55rem .9rem;
  font-size: .9rem;
  min-width: 120px;
}


/*===== 투표 미리보기 =====*/
.review-content{
  text-align: center;
  border:1px solid #D1D1D1;
  padding:1.5rem;
}
.review-content .tabs-btn{
  display:inline-block;
  margin:0 auto;
  background-color: #F2F9FF;
  border-radius: 2rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1), 0 2px 8px rgba(0, 0, 0, 0.15);
}
.review-content .tabs-btn ul{
  display:flex;
  justify-content: center;
}
.review-content .tabs-btn ul li a{
  font-size:.85rem;
  padding:.55rem .85rem;
  display:block;
}
.review-content .tabs-btn ul li.ui-state-active a{
  background-color: #1D88FA;
  color:#fff;
  border-radius: 2rem;
}
.review-content .tab-container{
  padding:1rem .5rem;
}
.review-content .tab-container .tabs-view-pc > img{
  width: 100%;
}
.review-content .tab-container .tabs-view-mobile > img{
  width: 100%;
}

/*===== 보안 및 서버 =====*/
.content-sub .sub-in .sub-header .header-box.sub-style-1{
  background:url('/images/v2/sub/bg-sub-header-01.jpg') no-repeat 0 0;
  color:#fff;  
}
.sub-box-intro{
  display:flex;
  flex-direction: column;
  border:1px solid #E4E4E4;
  padding:1rem;
  margin-bottom:1rem;
  text-align:center;
}
.sub-box-intro .intro-img{
  width:120px;
  margin:0 auto .85rem;
}
.sub-box-intro .intro-txt{
  flex:1;
}
.sub-box-intro .intro-txt dt{
  padding-bottom:.85rem;
  font-size:1.4rem;
  font-weight:600;
}
.sub-box-intro .intro-txt dd{
  font-size:1rem;
}

.sub-box-intro2{
  padding:1.5rem;
  background-color: #F9F9F9;
  border:1px solid #E4E4E4;
}

/*===== 인증 및 링크 =====*/
.content-sub .sub-in .sub-header .header-box.sub-style-2{
  background:url('/images/v2/sub/bg-sub-header-02.jpg') no-repeat top center / 100% 100%;
  color:#fff;  
}
.sub-box-link{
  display:flex;
  flex-direction: column;
  border:1px solid #E4E4E4;
  padding:1rem;
  margin-bottom:1rem;
  text-align:center;
}
.sub-box-link .link-img{
  width:120px;
  margin:0 auto;
}
.sub-box-link .link-txt{
  flex:1;
}
.sub-box-link .link-txt dt{
  padding-bottom:.85rem;
  font-size:1.2rem;
  font-weight:600;
}
.sub-box-link .link-txt dd{
  font-size:1rem;
}

/*===== 현장총회 =====*/
.content-sub .sub-in .sub-header .header-box.sub-style-4{
  background:url('/images/v2/sub/bg-sub-header-04.jpg') no-repeat top center / 100% 100%;
  color:#fff;  
}

/*===== 기능소개 =====*/
.content-sub .sub-in .sub-header .header-box.sub-style-5{
  background:url('/images/v2/sub/bg-sub-header-05.jpg') no-repeat top center / 100% 100%;
  color:#fff;  
}
.sub-box-fnc{
  display:flex;
  flex-direction: column;
  border:1px solid #E4E4E4;
  padding:1rem;
  margin-bottom:1rem;
  text-align:center;
}
.sub-box-fnc .fnc-img{
  width:200px;
  margin:0 auto;
  text-align:center;
}
.sub-box-fnc .fnc-txt{
  flex:1;
  align-content: center;
}
.sub-box-fnc .fnc-txt dt{
  padding-bottom:.85rem;
  font-size:1.2rem;
  font-weight:600;
}
.sub-box-fnc .fnc-txt dd{
  padding-bottom:.65rem;
  font-size:1rem;
}
.sub-box-fnc .fnc-txt dd:last-child{
  padding-bottom:0;
}

/*===== 기능소개 : One Place 구성도 =====*/
.sub-list{
  padding: 1rem;
  border:1px solid #E4E4E4;
}
.sub-list .list-item{
  margin-bottom:1rem;
  display:flex;
}
.sub-list .list-item:last-child{
  margin-bottom:0;
}
.sub-list .list-item .item-num{
  padding:0 1rem 0 0;
  font-size:1rem;
  font-weight:600;
  color:#1D88FA;
}
.sub-list .list-item .item-txt{
  flex:1;
}
.sub-list .list-item .item-txt dt{
  padding-bottom:.5rem;
  font-size:1rem;
  font-weight:600;
}
.sub-list .list-item .item-txt dd{
  font-size:.85rem;
}

/*===== 실증 특례 사업개시 =====*/
.content-sub .sub-in .sub-header .header-box.sub-style-3{
  background:url('/images/v2/sub/bg-sub-header-03.jpg') no-repeat top center / 100% 100%;
  color:#fff;  
}
.sub-box-cert{
  display:flex;
  flex-direction: column;
  border:1px solid #E4E4E4;
  padding:1rem;
  margin-bottom:1rem;
  text-align:center;
}

/*===== 이용요금 =====*/
.vote-pay{
  display:flex;
  flex-wrap: wrap;
  margin:0 -1rem;
}
.item-pay{
  flex:1 1 100%;
  text-align:left;
  padding:1rem 1rem;
}
.item-pay .item-in{
  display:flex;
  flex-direction: column;
  height:100%;
  border:1px solid #F0F0F0;
  background-color: #fff;
  box-shadow: 0 0 25px rgba(0,0,0,.15);
  border-radius: .85rem;
}
.item-pay .item-in .item-header{
  padding:1rem 1rem;
  border-top-left-radius: .85rem;
  border-top-right-radius: .85rem;
  border-bottom:1px solid #efefef;
}
.item-pay .item-in .item-header .header-type{
  padding-bottom:1.5rem;
  text-align: center;
}
.item-pay .item-in .item-header .header-type .label{
  display:inline-block;
  padding:.45rem .85rem;
  border:2px solid #1D88FA;
  color:#1D88FA;
  text-align: center;
  font-size:.85rem;
  font-weight:600;
  border-radius:1.5rem;
}
.item-pay .item-in .item-header .header-title{
  font-size: .85rem;
  font-weight:600;
  text-align: center;
  color:#1D88FA;
}
.item-pay .item-in .item-header .header-guide{
  padding-bottom:.65rem;
  font-size: 1.6rem;
  font-weight: 700;
}
.item-pay .item-in .item-header .header-guide .guide-price{
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
}
.item-pay .item-in .item-header .header-guide .guide-price .price-unit{
  padding-left:.2rem;
  font-size: .85rem;
}
.item-pay .item-in .item-header .header-guide-sub{
  font-size: .85rem;
  color:#999;
  text-align: center;
}
.item-pay .item-in .item-body{
  padding:1rem 1rem;
}
.item-pay .item-in .item-body ul{
  display:flex;
  flex-wrap: wrap;
}
.item-pay .item-in .item-body ul li{
  line-height:1.6;
  padding:0 0 0 1.5rem;
  position: relative;
  font-size:.85rem;
  flex:1 1 50%;
}
.item-pay .item-in .item-body ul li::before{
  font-family: xeicon !important;
  content:"\e929";
  position:absolute;
  left:0; top:2px;
  color:#1D88FA;
  font-size: 22px;
  line-height:1;
}
.item-pay .item-in .item-footer{
  margin-top:auto;
  padding:0 1rem 1rem;
  text-align:center;
}
.item-pay .item-in .item-footer .btn{
  width:100%;
  padding:.65rem 1rem;
  background-color: #1D88FA;
  border:1px solid #1D88FA;
  color:#fff;
  font-size:1rem;
}

/* type 01 */
.item-pay:nth-child(1) .item-in .item-header{
  border-top:5px solid #1D88FA;
}
.item-pay:nth-child(1) .item-in .item-header .header-type .label{
  border:2px solid #1D88FA;
  color:#1D88FA;
}
.item-pay:nth-child(1) .item-in .item-header .header-title{
  color:#1D88FA;
}
.item-pay:nth-child(1) .item-in .item-body ul li::before{
  color:#1D88FA;
}
.item-pay:nth-child(1) .item-in .item-footer .btn{
  background-color: #1D88FA;
  border:1px solid #1D88FA;
}

/* type 02 */
.item-pay:nth-child(2) .item-in .item-header{
  border-top:5px solid #F65D94;
}
.item-pay:nth-child(2) .item-in .item-header .header-type .label{
  border:2px solid #F65D94;
  color:#F65D94;
}
.item-pay:nth-child(2) .item-in .item-header .header-title{
  color:#F65D94;
}
.item-pay:nth-child(2) .item-in .item-body ul li::before{
  color:#F65D94;
}
.item-pay:nth-child(2) .item-in .item-footer .btn{
  background-color: #F65D94;
  border:1px solid #F65D94;
}

/* type 03 */
.item-pay:nth-child(3) .item-in .item-header{
  border-top:5px solid #0FD4DC;
}
.item-pay:nth-child(3) .item-in .item-header .header-type .label{
  border:2px solid #0FD4DC;
  color:#0FD4DC;
}
.item-pay:nth-child(3) .item-in .item-header .header-title{
  color:#0FD4DC;
}amountr
.item-pay:nth-child(3) .item-in .item-body ul li::before{
  color:#0FD4DC;
}
.item-pay:nth-child(3) .item-in .item-footer .btn{
  background-color: #0FD4DC;
  border:1px solid #0FD4DC;
}

/*===== 이용요금 계산 =====*/
.card-calculate{
  border:1px solid #1D88FA;
}
.card-calculate .card-header{
  background-color: #eaf2ff;
  border-bottom:1px solid #1D88FA;
}
.card-calculate .card-header .header-title{
  font-size:1rem;
}
.card-calculate .card-body{
  padding:0;
}
.calculate-content{
  padding: 15px;
}
.calculate-content ul li{
  padding:3px 0;
}
.calculate-content ul li:last-child{
  padding-bottom:0px;
}
.calculate-content ul li.list-divider{
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #ccc;
}
.calculate-content ul li dl{
  display:flex;
}
.calculate-content ul li dl dt{
  font-size:.85rem;
}
.calculate-content ul li dl dd{
  flex-grow: 1;
  text-align:right;
  font-size:.85rem;
}
.calculate-content ul li dl dd .amount-total{
  color:#D22929;
  font-size:1.2rem;
  font-weight:700;
}

/*===== 공지사항 =====*/
#notice-content.form-control-plaintext{
  min-height:350px;
}

/*===== FAQ =====*/
.faq-list{
  border-top: 1px solid #373F57;
}
.faq-list .ab-accordion-content{
  line-height:1.5;
}

/*===== Q&A =====*/
.box-privacy dl{
  margin-bottom:1rem;
}
.box-privacy dl:last-child{
  margin-bottom:0rem;
}
.box-privacy dl dt{
  margin-bottom:.5rem;
  font-weight:600;
}
.box-privacy dl dd{
  color:#666a77;
}

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

  /*===== LAYOUT =====*/
  .wrapper.wrapper-sub{
    padding-bottom: 17rem;
  }

  /*===== SUB LAYOUT FLEX =====*/
  .layout-flex.layout-sub{
    flex-direction: row;
    margin:0 -10px 3rem;
  }

  /*===== SUB SECTION =====*/
  .sub-section{
    margin-bottom:5rem;
  }

  /*===== SUB TAB =====*/
  .wrapper-sub .tabs li{
    padding-right:5px;
    padding-bottom:0;
  }
  .wrapper-sub .tabs li a{
    padding: .45rem 0;
    margin-right:1rem;
    font-size:1.2rem;
  }
  .wrapper-sub .tabs li a.active{
    border-bottom:4px solid #1D88FA;
  }
  .wrapper-sub .tab-content {
    padding:1.5rem 0;
  }
  
  /*===== CONTENT =====*/
  #content{
    padding:7rem 1.5rem;
  }
  .content-header{
    padding:2rem 0 0;
    flex-direction: unset;
  }
  .content-header .header-title{
    font-size:1.6rem;
    padding-bottom:0;
  }
  .content-sub .sub-in .sub-header{
    margin:2rem 0;
  }
  .content-sub .sub-in .sub-header .header-box{
    padding:3.5rem 2rem;
    margin-bottom:1.5rem;
    font-size:1.5rem;
  }
  .content-sub .sub-in .sub-header .header-box strong{
    font-size:1.5rem;
  }
  .content-sub .sub-in .sub-body{
    padding:20px 0 0;
  }
  .content-sub .sub-in .sub-title{
    margin-bottom:1.5rem;
    font-size:1.4rem;
    font-weight:600;
  }
  .content-sub .sub-in .sub-txt{
    font-size:1.1rem;
    margin-bottom:1.5rem;
  }
  .content-sub .sub-in .sub-img{
    margin-bottom:1.5rem;
  }

  /*===== BUTTON BOX =====*/
  .content-button{
    padding:1.5rem;
  }
  .content-button .btn {
    margin: 0 .1rem;
    padding: .65rem 1rem;
    font-size: 1rem;
    min-width: 150px;
  }

  /*===== 투표 미리보기 =====*/
  .review-content{
    padding:2rem;
  }
  .review-content .tabs-btn ul li a{
    font-size:1rem;
    padding:.65rem 1rem;
  }
  .review-content .tab-container{
    padding:2rem;
  }
  .review-content .tab-container .tabs-view-pc > img{
    width: 100%;
  }
  .review-content .tab-container .tabs-view-mobile > img{
    width: 40%;
  }

  /*===== 보안 및 서버 =====*/
  .sub-box-intro{
    flex-direction:row;
    padding:1.5rem;
    margin-bottom:1.5rem;
    text-align:left;
  }
  .sub-box-intro .intro-img{
    width:150px;
    margin-bottom:0;
  }
  .sub-box-intro .intro-txt{
    padding-left:2rem;
    flex:1;
  }
  .sub-box-intro .intro-txt dt{
    padding-bottom:1rem;
    font-size:1.6rem;
  }
  .sub-box-intro .intro-txt dd{
    font-size:1.1rem;
  }
  .sub-box-intro2{
    padding:1.5rem;
  }

  /*===== 인증 및 링크 =====*/
  .sub-box-link{
    flex-direction:column;
    padding:1.5rem;
    margin-bottom:1.5rem;
  }
  .sub-box-link .link-img{
    width:150px;
  }
  .sub-box-link .link-txt{
    flex:1;
  }
  .sub-box-link .link-txt dt{
    padding-bottom:1rem;
    font-size:1.4rem;
  }
  .sub-box-link .link-txt dd{
    font-size:1.1rem;
  }

  /*===== 기능소개 =====*/
  .sub-box-fnc{
    flex-direction:column;
    padding:1.5rem;
    margin-bottom:1.5rem;
  }
  .sub-box-fnc .fnc-img{
    width:230px;
  }
  .sub-box-fnc .fnc-txt{
    flex:1;
  }
  .sub-box-fnc .fnc-txt dt{
    padding-bottom:1rem;
    font-size:1.4rem;
  }
  .sub-box-fnc .fnc-txt dd{
    font-size:1.1rem;
  }

  /*===== 기능소개 : One Place 구성도 =====*/
  .sub-list{
    padding: 1.5rem;
  }
  .sub-list .list-item{
    margin-bottom:1.2rem;
  }
  .sub-list .list-item:last-child{
    margin-bottom:0;
  }
  .sub-list .list-item .item-num{
    padding:0 1rem 0 0;
    font-size:1.3rem;
  }
  .sub-list .list-item .item-txt dt{
    padding-bottom:.65rem;
    font-size:1.3rem;
  }
  .sub-list .list-item .item-txt dd{
    font-size:1rem;
  }

  /*===== 이용요금 =====*/
  .vote-pay{
    margin:0 -1.2rem;
  }
  .item-pay{
    flex:1 1 25%;
    padding:1.2rem 1.2rem;
  }
  .item-pay .item-in .item-header{
    padding:1.5rem 1.5rem;
  }
  .item-pay .item-in .item-header .header-title{
    font-size: 1rem;
  }
  .item-pay .item-in .item-header .header-guide{
    padding-bottom:.85rem;
    font-size: 1.8rem;
  }
  .item-pay .item-in .item-header .header-guide .guide-price{
    font-size: 1.8rem;
  }
  .item-pay .item-in .item-header .header-guide .guide-price .price-unit{
    padding-left:.25rem;
    font-size: .7rem;
  }
  .item-pay .item-in .item-header .header-guide-sub{
    font-size: .8rem;
  }

  .item-pay .item-in .item-body{
    padding:1.5rem 1.5rem;
  }
  .item-pay .item-in .item-body ul li{
    line-height:1.8;
    font-size:.85rem;
    flex:1 1 100%;
  }
  .item-pay .item-in .item-footer .btn{
    padding:.75rem 1rem;
    font-size:1rem;
  }
  .btn.btn-function .xi-calculator{
    color:#fff;
  }


  /*===== 이용요금 계산 =====*/
  .card-calculate .card-header .header-title{
    font-size:1.2rem;
  }
  .item-paymentinfo .card .card-body .card-in-title{
    padding-bottom:25px;
  }
  .calculate-content{
    padding: 25px;
  }
  .calculate-content ul li{
    padding:5px 0;
  }
  .calculate-content ul li.list-divider{
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .calculate-content ul li dl dt{
    font-size: 1rem;
  }
  .calculate-content ul li dl dd{
    font-size:1rem;
  }
  .calculate-content ul li dl dd .amount-total{
    color:#D22929;
    font-size:1.4rem;
    font-weight:700;
  }

  /*===== 공지사항 =====*/
  .table-notice thead tr th:first-child{
    width:5%;
  }
  .table-notice thead tr th:nth-child(3){
    width:15%;
  }
  .table-notice thead tr th:nth-child(4){
    width:15%;
  }

  /*===== Q&A =====*/
  .table-qna thead tr th:first-child{
    width:5%;
  }
  .table-qna thead tr th:nth-child(3){
    width:15%;
  }
  .table-qna thead tr th:nth-child(4){
    width:15%;
  }

}

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

  /*===== LAYOUT =====*/
  .wrapper.wrapper-sub{
    padding-bottom: 17rem;
  }

  /*===== SUB LAYOUT FLEX =====*/
  .layout-flex.layout-sub{
    margin:0 -10px 4rem;
  }

  /*===== SUB SECTION =====*/
  .sub-section{
    margin-bottom:8rem;
  }

  /*===== CONTENT =====*/
  #content{
    padding:9rem 1.5rem;
  }
  .content-header .header-title{
    font-size:1.8rem;
  }
  .content-sub .sub-in .sub-header{
    margin:3rem 0;
  }
  .content-sub .sub-in .sub-header .header-box{
    padding:5rem 3rem;
    margin-bottom:2rem;
    font-size:2rem;
  }
  .content-sub .sub-in .sub-header .header-box strong{
    font-size:2rem;
  }
  .content-sub .sub-in .sub-body{
    padding:30px 0 0;
  }
  .content-sub .sub-in .sub-title{
    margin-bottom:2rem;
    font-size:1.6rem;
  }
  .content-sub .sub-in .sub-txt{
    font-size:1.2rem;
    margin-bottom:2rem;
  }
  .content-sub .sub-in .sub-img{
    margin-bottom:2rem;
  }


  /*===== BUTTON BOX =====*/
  .content-button{
    padding:2rem;
  }
  .content-button .btn{
    margin:0 .1rem;
    padding: .85rem 1.2rem;
    font-size: 1.2rem;
    min-width:180px;
  }

  /*===== 인증 및 링크 =====*/
  .sub-box-link{
    flex-direction:row;
    text-align:left;
  }
  .sub-box-link .link-txt{
    padding-left:2rem;
    text-align:left;
  }

  /*===== 기능소개 =====*/
  .sub-box-fnc{
    flex-direction:row;
    text-align:left;
  }
  .sub-box-fnc .fnc-txt{
    padding-left:2rem;
    text-align:left;
  }

  /*===== 기능소개 : One Place 구성도 =====*/
  .sub-list{
    padding: 2rem;
  }
  .sub-list .list-item{
    margin-bottom:1.5rem;
  }
  .sub-list .list-item .item-num{
    font-size:1.5rem;
  }
  .sub-list .list-item .item-txt dt{
    padding-bottom:.85rem;
    font-size:1.5rem;
  }
  .sub-list .list-item .item-txt dd{
    font-size:1.2rem;
  }

  /*===== 이용요금 =====*/
  .vote-pay{
    margin:0 -2rem;
  }
  .item-pay{
    flex:1 1 25%;
    padding:2rem 2rem;
  }
  .item-pay .item-in .item-header{
    padding:2rem 2rem;
  }
  .item-pay .item-in .item-header .header-title{
    font-size: 1.2rem;
  }
  .item-pay .item-in .item-header .header-guide{
    padding-bottom:1rem;
    font-size: 2rem;
  }
  .item-pay .item-in .item-header .header-guide .guide-price{
    font-size: 2rem;
  }
  .item-pay .item-in .item-header .header-guide .guide-price .price-unit{
    padding-left:.25rem;
    font-size: .85rem;
  }
  .item-pay .item-in .item-header .header-guide-sub{
    font-size: .85rem;
  }

  .item-pay .item-in .item-body{
    padding:1.5rem 1.5rem;
  }
  .item-pay .item-in .item-body ul{
    display:block;
  }
  .item-pay .item-in .item-body ul li{
    line-height:2;
    font-size:.85rem;
    flex:1 1 50%;
  }
  .item-pay .item-in .item-footer .btn{
    padding:.85rem 1rem;
    font-size:1.2rem;
  }

}

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

  
}

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


}