main {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
}

.agency-wrap {
  height: 100%;
  width: calc(100% - 84px);
  background: #f8f7f5;
}

.agency_head {
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ededed;
  padding: 10px 30px 5px;
  /*padding: 30px 30px 20px;*/
  position: relative;
}

.agency_head a.back_btn {
	display:flex;
  font-size:16px;
  font-weight:700;
  color: #404040;
  margin: 12px 0;
  width: fit-content;
  height: fit-content;
}
.agency_head span{
  font-size:22px;
  font-weight: 700;
  color: #404040;
  position: absolute;
  left: 50%;
  top: 20px/*42px*/;
  transform: translateX(-50%);
  color: #262626;

}
.agency_head a.back_btn img {
  margin-right: 5px;
}

.agency_head a.join_btn,
.agency_head a.login_btn {
  width: 100px;
  height: 45px;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}

.agency_head a.join_btn {
  border: 1px solid #d9d9d9;
  color: #404040;
  margin-right: 10px;
}

.agency_head a.login_btn {
  background: #404040;
  color: #fff;
}

.agency-wrap .inputbox {display:flex; flex-flow:row wrap; justify-content:center; align-items:center; margin-bottom:30px; padding-left:26px; padding-right:26px;}
.agency-wrap .tabs {margin:30px 0 20px;/*margin:40px 0 20px;*/}
.agency-wrap .tabs a {display:flex; justify-content:center; align-items:center;  width: calc(33.33% - 10px); max-width: 192px;height:50px; margin:0 5px; padding:10px; border:1px solid #ddd; font-weight: 500; font-size: 18px; color:#666;}
.agency-wrap .tabs a.active {background: #222; border: 1px solid #222; color: #fff;}
.agency-wrap .inputbox:nth-child(3) {margin-bottom:12px;}
.agency-wrap .inputbox .outer {display: flex;
    flex-flow: row wrap;
    width:100%; max-width: 800px;
    /*margin-top: 30px;*/
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 3px 18px rgba(0, 0, 0, 0.08);
    opacity: 0.94;
    overflow: hidden;}
.agency-wrap .inputbox select,
.agency-wrap .inputbox input {height:50px; padding:6px 10px ; font-size:1rem; line-height:1;  appearance:auto;}
.agency-wrap .inputbox select {padding-right:20px;}
.agency-wrap .inputbox input {flex:1; border-left:1px solid #ededed; }
.agency-wrap .deleteBtn {padding:6px 10px;}

.agency-wrap .pagination {display:flex; align-items:center; justify-content:center; padding:30px 0; font-size:16px; color:#787878;}
.agency-wrap .pagination button {display:flex; align-items:center; justify-content:center; width:36px; height:36px; margin:0 20px; border:1px solid #ddd; background:rgba(255, 255, 255, 0.8); border-radius:50px;}
.agency-wrap .pagination button img {opacity:0.4;}
.agency-wrap .pagination button:hover img,
.agency-wrap .pagination button.active img {opacity:0.8;}
.agency-wrap .pagination strong {font-weight:700}
.agency-wrap .pagination em {color:#486af5;}

.agency_body {
  width: 100%;
  height: calc(100% - 232px);/*calc(100% - 308px);*/
  /*border-top:1px solid #ededed;*/
  overflow-y: scroll;
}
.agency_body::-webkit-scrollbar{
  display: none;
}
.agency_body .body_top {display: flex; flex-wrap: wrap; justify-content: flex-end; padding:10px 36px; border-bottom:1px solid #ededed;}
.body_top.inputbox select {height: 42px; border-radius: 5px; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.06);}
.agency_top{
  padding: 0 30px 26px;
  display: flex;
  /* justify-content: center; */
  flex-wrap: wrap;
  border-bottom: solid 1px #EDEDED;
}
.agency_top button{
  width: calc((100% - 36px)/10);
 /* height: 154px; */
  height:126px;
  margin-right: 4px;
  margin-bottom: 4px;
  border: solid 1px #DEDEDE;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  padding:  20px;
}

.agency_top button:nth-child(-n+30){
	width: calc((100% - 16px)/5);
}

.agency_top button:nth-child(-5n+30){
	margin-right: 0;
}

.agency_top button:nth-child(10n){
  margin-right: 0;
}
.agency_top button img{
  max-height: 100%;

}

.agency_bttom{
  padding: 26px 30px 26px;
  display: flex;
  /* justify-content: center; */
  flex-wrap: wrap;
  border-bottom: solid 1px #EDEDED;
}
.agency_bttom button{
  width: calc((100% - 60px)/10);
 /* height: 154px; */
  height:126px;
  margin-right: 4px;
  margin-bottom: 4px;
  border: solid 1px #DEDEDE;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  padding:  20px;
}

.agency_bttom button:nth-child(-n+30){
	width: calc((100% - 16px)/10);
}

.agency_bttom button:nth-child(-5n+30){
	margin-right: 0;
}

.agency_bttom button:nth-child(10n){
  margin-right: 0;
}
.agency_bttom button img{
  max-height: 100%;

}
.agency_bot{
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
}
.agency_bot li{
  width: calc((100% - 27px)/2);
  height: 83px;
  padding: 8px 20px 8px 14px;
  margin-right: 27px;
  margin-bottom: 10px;
  background-color: #F8F7F5;
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 18px;
  font-weight: 700;
}
.agency_bot li:nth-child(2n){
  margin-right: 0;
}
.agency_bot li img{
  width: 103px;
  margin-right: 36px;
}
.agency_bot li > span{
  display: flex;
  align-items: center;
}
.agency_bot li >button{
  width: 100px;
  height: 45px;
  font-size: 16px;
  font-weight: 600;
  color: #404040;
  border: solid 1px #D9D9D9;
  border-radius: 6px;
}

/* 상세 페이지 */
.agency_detail .agency_body  {height: calc(100% - 218px);}
.agency_detail_top{
  display: flex;
  padding: 30px;
  border-bottom: solid 1px #EDEDED;
}
.agency_detail_top .logo{
  width: 500px;
  height: 280px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);
  border-radius: 6px;
  overflow: hidden;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
}
.agency_detail_top .logo img{
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  object-position: center;
}
.agency_detail_top .map{
  width: 350px;
  height: 190px;
  border-radius: 6px;
  border: solid 1px #E0E0DA;
  overflow: hidden;
}
.agency_detail_top .map img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.agency_detail_top #map {width:100%;}

/* #agency_logo{
  width: 500px;
  height: fit-content;
} */
/* #agency_map{
  width: 350px;
  height: fit-content;
} */

.agency_detail_top .map_wrap {width:100%;}
.agency_detail_top .map_wrap .tit {
	font-size: 18px;
	font-weight: 700;
	display: flex;
	align-items: center;
}
.agency_detail_top .map_wrap .tit::before {
    content: '';
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url(../images/icon/nav_location.svg);
    margin-right: 8px;
}

.tit_wrap{
  width: calc(100% - 500px - 350px);
  padding-left: 40px;
}
.tit_wrap h2{
  font-size: 32px;
  font-weight: 700;

}
.tit_wrap .labels{
margin-top: 20px;
display: flex; flex-wrap:wrap;
align-items: center;
}
.tit_wrap .labels>span{
  padding: 10px 16px;
  border: solid 1px #E0E0DA;
  font-size: 14px;
  font-weight: 500;
  border-radius: 10px;
  margin-right: 10px; margin-bottom: 5px;
  color: #707277;
}
.tit_wrap .labels>span:last-child{
  margin-right: 0;
}
.tit_wrap .info{
 margin-top:20px;
}
.tit_wrap .info li{
  font-size: 16px;
  color: #404040;
  margin-bottom: 10px;

}
.tit_wrap .info li:last-child{
  margin-bottom: 0;
}
.tit_wrap .tags{
  margin-top: 23px;
  display: flex;
  flex-wrap: wrap;
}
.tit_wrap .tags span{
  padding: 10px 16px;
  background-color: #3F60E5;
  border-radius: 19px;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  margin-right: 8px;
  margin-bottom: 8px;
}
.tit_wrap .tags span:last-child{
  margin-right: 0;
}
.tit_wrap .tags span::before{
  content: '#';
  color: #88B8FA;
  margin-right: 8px;
}
.agency_detail_bot{
  padding: 30px 0 60px;

}
.agency_detail_bot .tit {
font-size: 18px;
font-weight: 700;
display: flex;
align-items: center;
padding: 0 30px;
}
.agency_detail_bot .tit::before{
  content: '';
  display: inline-block;
  width: 21px;
  height: 21px;
  background: url(../images/icon/nav_pic.svg);
  margin-right: 8px;
}
.agency_swiper{
  margin-top: 30px;
  padding: 0 30px;
}
.agency_swiper .swiper-slide {
  height: 318px;
  cursor: pointer;
  position: relative;
}
/* .agency_swiper .swiper-slide  button{
  width: 100%;
  height: 100%;
position: absolute;
left: 0;
top: 0;
} */
.agency_swiper .swiper-slide img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.agency-wrap .inquery_btn{
width: 815px;
height: 80px;
background-color: #262626;
border-radius: 10px;
font-size: 20px;
font-weight: 600;
color: #fff;
display: block;
position: sticky;
left: 50%;
bottom: 0;
margin: 0;
margin-top:20px;
transform: translateX(-50%);
z-index: 1;
}
.img_maximal{
	display: flex; justify-content: center;
	width:90%;
  max-width: 1000px;
  max-height: calc(100vh - 100px);
  margin:0 auto;
  overflow-y: scroll;

}
.img_maximal::-webkit-scrollbar{
  display: none;
}
.img_maximal > img:not(.img_maximal > img:first-child){
  display: none;
}

/*입점문의*/
.inquiry .agency-wrap {font-size:1rem;}
.inquiry .agency_body {width:calc(100% - 8%); max-width:780px; height:calc(100% - 160px); margin:40px auto; padding:20px 0 40px; border:none;}
.inquiry .input_wrap p {padding-bottom:20px;}
.inquiry label {padding-left:5px; font-weight:500;}
.inquiry input {height:42px; width:100%; padding:10px; border:1px solid #ddd; background:#fff; border-radius:5px; font-weight:700;}
.inquiry input::placeholder,
.inquiry textarea::placeholder {font-weight:400;}
.inquiry textarea {height:300px; width:100%; padding:10px; border:1px solid #ddd; background:#fff; border-radius:5px; font-weight:700;}
.inquiry .btn_wrap {margin-top:30px;}
.inquiry .btn {width:100%; max-width:300px; height:60px; margin:5px auto;}

.agency .inputbox .btn_search {
    background: #cd9233;
    width: 80px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

@media (max-width:1600px){

  .agency_detail_top{
    flex-direction: column;
  }
  .tit_wrap{
    width: 100%;
    padding-left: 0;
    margin: 30px 0;
  }
  .agency-wrap .inquery_btn{
    width: calc(100% - 60px);
    transform: translateX(0);
    left: 30px;
	margin:0 auto; margin-bottom:20px;
  }
  .agency_detail_top #map {width:80%;}

}
@media (max-width:1580px){

}
@media (max-width:1500px){
  main{
    height: auto;
  }
  .agency-wrap{
    width: 100%;
    padding-left: 84px;
  }
}
@media (max-width:1024px){
  .agency_top button{
    width: calc((100% - 40px)/2);

  }
  /*.agency_top button:nth-child(2n){
    margin-right: 0;
  }
  */

  .agency-wrap .inputbox input {width: calc(100% - 86px);}

  .agency_bot li{
    width: 100%;
    margin-right: 0;
  }
}
@media (max-width:768px){
  footer.agency_detail{
    padding-bottom:108px;
  }
  .popup_wrap#imgPopup{
    /*display: none;*/
  }

  .agency-wrap{
    padding-left: 0;
  }
  .agency-wrap{
    padding-top: 62px;
  }

	.agency-wrap .tabs a {max-width:none;}

	.agency-wrap .inputbox  {padding-right:4%; padding-left:4%;}
	.agency-wrap .inputbox select {min-width:128px;}
	.agency-wrap .inputbox input {flex: auto; width: calc(100% - 116px); border-left: none;}
	.agency-wrap .inputbox input, 
	.agency-wrap .deleteBtn {border-top: 1px solid #ededed;}

	.agency_top{padding: 30px 4%; padding-top:2px; justify-content: center;}
	.agency_bttom button:nth-child(-n+30) {width: calc((100% - 16px) / 3);}

    .agency_detail_top{
    padding: 20px 0 10px;
    border-bottom: none;

  } 
  .agency_detail_top .map_wrap {padding-left:4%; padding-right:4%;}
  .agency_detail_top #map {width:100%;}
  .agency_detail_bot{
    padding: 0;
  }
  .agency_detail_bot .tit{
    display: none;
  }
  .agency_swiper{
    margin-top: 0;
    width: 92%;
    /*max-width: 344px;*/
    padding: 0;
  }

  .agency_swiper .swiper-slide {
    height: 258px;
  }
  .agency_detail_top .logo,
  .agency_detail_top .map{
    width: 92%;
    max-width: 344px;
    margin: 0 auto;
  }
  .tit_wrap h2{
    font-size: 26px;
  }
  .tit_wrap .labels>span{
    font-size: 14px;
    padding: 10px 16px;
  }
  .agency_detail_top .logo{
    height: 193px;
  }
  .agency_detail_top .map{
    height: 187px;
  }
  .tit_wrap h2,
  .tit_wrap .labels,
  .tit_wrap .info{
    padding-left: 4%;
    padding-right: 4%;
  }
  .tit_wrap .tags{
    padding: 20px 4%;
    border-top: solid 1px #EDEDED;
    border-bottom: solid 1px #EDEDED;
  }
  .tit_wrap .labels{
    margin-top: 18px;
  }
  .tit_wrap .info{
    margin-top: 20px;
  }
  .tit_wrap{
    margin-bottom: 15px;
  }
  .agency_detail_bot{
    padding-bottom: 75px;
  }
  .agency_top button{
    width: 100%!important;
    margin-right: 0;
    /*max-width: 344px;*/
    height: 154px;
  }
  .agency_top button:last-child{
    margin-bottom: 0;

  }
  .agency_bot li {
    padding: 8px;
    font-size: 16px;
  }
  .agency_bot li >button{
    width: 24px;
    height: 24px;
    overflow: hidden;
    border: none;
    background: url(../images/icon/arrow_bk_r.svg) no-repeat;
    color: transparent;
  }
  .agency_bot li img{
    margin-right: 20px;
  }
  .agency_head{
    width: 100%;
    height: 62px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: #fff;
    align-items: center;
    padding: 0 4% 0;
    border: none;
  }
  .agency_head span{
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
  }
  .agency_body{
    height: auto;
    /*padding: 0 0 135px;*/
    background-color: #F8F7F5;
  }
  .swiper-backface-hidden .swiper-slide{
    margin-bottom: 10px;
  }
  .swiper-backface-hidden .swiper-slide:last-child{
    margin-bottom: 0;
  }
  .agency-wrap .btn_wrap {position:sticky; bottom:98px; padding:10px 0 20px; background:#f8f7f5; z-index:1}
  .agency-wrap .inquery_btn{
    height: 57px;
    margin-top: 0; margin:0 auto;
	left:0;
    /*position: fixed;
    bottom: 112px;*/
    width: 92%;
    /*left: 50%;
    transform: translateX(-50%);
	*/
    font-size: 16px;
  }
  .tit_wrap .labels{
    flex-direction: column;
    align-items: flex-start;

  }
  .tit_wrap .labels>span{
    margin-right: 0;
    margin-bottom: 11px;

  }
  .tit_wrap .labels>span:last-child{
    margin-bottom: 0;
  }
  .agency-wrap #map {height:200px!important;}

  
}
/* 팝업 */
.popup_wrap{
  width:calc(100% - 84px);
  height: 100vh;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup_wrap .popup_inner{
  width: 100%;
  max-width: 700px;
  background-color: #fff;

  border-radius: 10px;
  max-height: 800px;
  overflow-y: scroll;
}
.popup_wrap .popup_inner::-webkit-scrollbar{
  display: none;
}
.popup_wrap .popup_inner > div{
  padding: 30px;
  border-bottom: solid 1px #EDEDED;
}
.popup_wrap .popup_inner > div:last-child{
  border-bottom: none;
}
.popup_tit{
  font-size: 22px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.popup_tit button{
  width: 26px;
  height: 26px;
  background: url(../images/icon/c-popup-close.svg) no-repeat;
}
.popup_wrap .agency_info{
  margin-top: 20px;
  display: flex;
  align-items: center;
  background-color: #F7F7F7;
  border-radius: 10px;
  padding: 20px;
}
.popup_wrap .agency_info img{
  width: 180px;
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);
}
.popup_wrap .agency_info > div{
  padding-left: 30px;
}

.popup_wrap .agency_info span{}
.popup_wrap .agency_info .agency-name{
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 16px;
}
.popup_wrap .agency_info .agency-location{
  padding: 10px 16px;
  background-color: #FFFFFF;
  border: solid 1px #E0E0DA;
  border-radius: 10px;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #707277;
}
.popup_wrap .agency_info .agency-location::before{
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images/icon/location.svg);
  background-size: cover;
  margin-right: 4px;
}
.popup_wrap .popup_inner > div.input_wrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 10px;
}
.popup_wrap .input_box{
  width: 100%;
  margin-bottom: 20px;
}
.popup_wrap .input_box .input-tit{
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 8px;
  display: block;
}
.popup_wrap .input_box input{
  width: 100%;
  height: 42px;
  border: solid 1px #E8E8E8;
  border-radius: 10px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 500;
  color: #404040;
}
.popup_wrap .input_box input.is-error{
  border-color: red;
}
.popup_wrap .input_box input.is-error::placeholder{
  color: red;
}
.popup_wrap .input_box .select_wrap{
  width: 100%;
  height: 42px;


  font-size: 14px;
  font-weight: 500;
  color: #404040;
  position: relative;
  border-radius: 10px 10px 0 0;
}
.popup_wrap .input_box .select_wrap.is-active{
  z-index: 1;
}
.popup_wrap .input_box .select_wrap.is-error  .select-tit{
  border-color: red;
}
.popup_wrap .input_box .select_wrap.is-active .select-tit{
  border-radius: 10px 10px 0 0;
  border-bottom: none;

}
.popup_wrap .input_box .select_wrap.is-active .select-tit::after{
  transform: rotate(-180deg);
}
.popup_wrap .input_box .select_wrap .select-tit{
  padding: 0 16px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: solid 1px #E8E8E8;
  border-radius: 10px;
  cursor: pointer;
}
.popup_wrap .input_box .select_wrap .select-tit::after{
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images/icon/c-selectl-arrow.svg) no-repeat;
}
.popup_wrap .input_box .select_wrap ul{
  width: 100%;
  position: absolute;
  left: 0;
  top: 42px;
  background-color: #fff;
  padding: 16px;
  border-radius: 0 0 10px 10px;
  display: none;
  border: solid 1px #E8E8E8;
  border-top: none;
}
.popup_wrap .input_box .select_wrap.is-active ul{
  display: block;
}
.popup_wrap .input_box .select_wrap ul li{
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 19px;
  cursor: pointer;
}
.popup_wrap .input_box .select_wrap ul li:last-child{
  margin-bottom: 0;
}
.popup_wrap .input_box input::placeholder{
  color: #B9B9B9;
}
.popup_wrap .input_box select{
  background: url(../images/icon/c-selectl-arrow.svg) no-repeat;
  background-position: 94%;
}
.popup_wrap .input_box.half{
  width: calc((100% - 20px)/2);
}
.popup_wrap .apply_btn{
  width: 100%;
  max-width: 390px;
  height: 57px;
  background-color:#486AF5 ;
  border-radius: 10px;
  margin:5px;
  font-size: 16px;
  color: #fff;
  font-weight: 700;
}
.popup_wrap .popup_inner > div.tit{
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: #fff;
}

#inqueryPopup .btn_wrap {justify-content:space-between; width:100%; margin: 20px auto 30px;}
#inqueryPopup .btn_wrap button {width:calc(50% - 5px); margin:5px 0;}
#inqueryPopup .btn_kakao {background-color:#ebb207;}


@media (max-width:768px){
  .popup_wrap{
    width: 100%;
    height: 100vh;
    padding-top: 62px;
    padding-bottom: 100px;
  }
  .popup_wrap .popup_inner{
    width: 92%;
    height: 480px;
  }

  .popup_wrap .agency_info{
   /* display: none;*/
  }
  .popup_wrap .popup_inner > div{
    padding: 19px 17px 20px;
  }
  .popup_wrap .input_box.half{
    width: 100%;
    margin-right: 0;
  } .popup_wrap .input_box{
    margin-bottom: 16px;
  }
  .popup_wrap .apply_btn{
    margin-top: 30px;
    margin-bottom: 0;
  }
  main{
    height: auto;
  }
}

@media (max-width: 767px) {
	
}

@media (max-width:500px){
	.agency_head span {font-size:20px;}
	.agency_head a.back_btn img {margin-right: 2px; width: 15px;}
	.agency_head a.back_btn {font-size:15px;}
	.agency_head a.join_btn, .agency_head a.login_btn {width:60px; height:32px; font-size:15px;}	
	.agency-wrap .tabs {margin: 40px 0 10px;}
	.agency-wrap .tabs a {width:33.33%; min-width:auto; margin:0;  font-size:15px; text-align:center;}
	.agency-wrap .tabs a:not(:last-child) {border-right:none;}
	/*.agency-wrap .inputbox {margin-bottom:0;}*/
	.agency_body {margin-top: 24px; border-top:1px solid #ededed;}
	.agency_body .body_top {margin-bottom:0; border-bottom:none;}
	.agency_bttom {padding:30px 4%;}
	.agency_bttom button:nth-child(-n+30) {width: calc((100% - 8px) / 2); margin:0 2px 4px 2px;}

	.inquiry * {font-size:14px;}
	.inquiry .input_wrap p {padding-bottom:10px;}
	.inquiry .btn_wrap {margin-top: 10px;}
	.inquiry .btn {max-width:none; height:50px;}

}

@media (max-width:380px) {
	main nav ul {padding: 4px 0 28px;}
}