@charset "utf-8";

.findCenter {background: #f8f8f8; font-size: 16px;}
.findCenter + footer .footerTop {margin-top: 0}
.findCenter .wrapB {}
.findCenter .inner {background: #fff; border: 1px solid #ddd; padding: 50px 0; float: left; margin: 80px 0;}
.findCenter h3 {    font-weight: 400;
    padding: 0 30px;
    margin-bottom: 20px;}

/*전문점 찾기*/
.centerList {}
.centerList li {width: 100%;
    float: left;
    border-bottom: 1px dashed #999;}
.centerList li .centerListInfo {cursor: pointer; padding: 20px 30px;}
.centerList li .centerListInfo .symbol {display: block;
    float: left;
    margin-right: 5px;}
.centerList li .centerListInfo .centerTitle {width: 24%;
    float: left;}
.centerList li .centerListInfo .centerAdress {color: #666;
    width: 59%;
    float: left; line-height: 1.3em; font-size: 15px;}
.centerList li .centerListInfo .centerNum {color: #666;}  
.centerList li .mapImg {display: none;}
.centerList li .mapImg .findCenterMap {height: 275px; width: 100%;}

/*주요취급점 찾기*/
.center2 {margin-top: 110px;}
.center2 h3 {}
.center2 .searchCenter {float: right; margin: 0 30px; padding: 5px 0; border-bottom: 1px solid #dfdfdf}
.center2 .searchCenter .centerFindBar {}
.center2 .searchCenter .centerFindBtn {background: url(/assets/images/guide/map/mapSearch.png); width: 16px; height: 16px;}
.center2 .locationTab {}
.center2 .locationList {margin-bottom: 30px}
.center2 .locationList ul {border-top: 1px dashed #999}
.center2 .locationList ul li {    border-bottom: 1px dashed #999;
    padding: 20px 30px;}
.center2 .locationList ul li .centerTitle{width: 24%;
    float: left;}
.center2 .locationList ul li .centerAdress{width: 61%;
    float: left;
    color: #666;}
.center2 .locationList ul li .centerNum{color: #666;}

/*주요취급점 탭*/ 
.tabs {width: 93%; margin: 0 auto;}
.tabs li {
  float: left;
  width: 16.6%;
}
.tabs a {
  display: block;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #333;
  padding: 20px 0; 
  background: #eee;
}
.tabs a:hover,
.tabs a.active {
  background: #ddd;
}
.tabgroup div {
  padding: 30px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}


/*  .accordion-content.default {display: block;}*/

/*모바일*/
@media (max-width: 800px) { 
    .findCenter h3 {width: auto;}
    .findCenter { margin-top: 59px;}
    .findCenter .inner {margin: 40px 0;}
    .centerList li .centerListInfo {float: left}
    .centerList li .centerListInfo .centerTitle {width: 91%; margin-top: 3px;}
    .centerList li .centerListInfo .centerAdress {width: 94%; line-height: 1.5em; float: left; margin-top: 5px;}
    .centerList li .centerListInfo .centerNum {width: 94%; float: left; margin-top: 5px; margin-left: 18px;}
    .centerList li .mapImg {width: 100%; float: left}
    
    .center2 h3 {width: 82%;
    padding: 0 9%;}
    .center2 .searchCenter {width: 82%;
    margin: 0 9%;}
    .center2 .searchCenter .centerFindBar {width: 90%;}
    .center2 .searchCenter .centerFindBtn {float: right;}
    .center2 .locationTab {margin: 30px 0;}
    .center2 .locationList ul li .centerTitle {width: 100%;}
    .center2 .locationList ul li .centerAdress {width: 100%; margin: 10px 0 5px 0;}


}

/*모바일*/
@media (max-width: 420px) { 
    .centerList li .centerListInfo .centerAdress {float: right;}
    .centerList li .centerListInfo .centerNum {float: right; }


}