/* BASIC css start */
/*210601_하단(마진값없음)_매장내용삭제-02*/
/*마진값 없음*/


/*--------2차추가------------*/
#footer .footer-wrap {width:100%; overflow:hidden;}


#footer .cs-wrap {
  width: 1100px;
  margin: 0 auto;
  border-top:2px solid #272727;
  padding-top:33px;
  letter-spacing: -0.5px;
}

.cs-wrap h1 {
  font-size:16px;
  font-weight: bold;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 5px;
  color:#333;
  overflow: hidden;
}

.cs-wrap h1 p {float: left;}
.cs-wrap h1 span {
  font-size:12px;
  color:#787878;
  display: block;
  float:right;
  font-weight:500;
}

.cs-info-wrap {
  width: 396px;
  float: left;
  margin-left: 18px;
}

.cs-info {width:221px; float: left; margin-left:10px;}

.cs-info h2{
  font-size:31px;
  font-weight: 800;
  color:#5bb330;
  margin-top: 21px;
}

.cs-info ul.text { margin-top: 18px; }

.cs-info ul.text li{
  font-size: 13px;
  line-height: 19px;
  color:#333;
  margin-bottom:4px;
}

.cs-info ul.text li:nth-child(3) {margin-bottom: 18px;}

.cs-info ul.text li span { color: #767676; }


.cs-shop {
  width:129px;
  font-size: 13px;
  line-height: 17px;
  color:#333;
  float: left;
  margin-left: 27px;
}

.cs-shop .cs-bt {
  position:relative;
  margin:28px auto 23px;
  overflow: hidden;
}

.cs-shop .cs-bt ul li {
  float: left;
  margin:0 7px 7px 0;
}

.cs-shop .cs-bt ul li a { 
  text-align: center; 
  line-height: 37px;
  width:124px; height:37px;
  border:1px solid #e1e1e1;
  display: block;
  box-sizing: border-box;
  font-size:14px;
}

.cs-shop .cs-bt ul li a:hover {border:1px solid #5bb330; color:#5bb330;}

.cs-shop .cs-bt ul li:first-child a { color:red; }
.cs-shop .cs-bt ul li:first-child a:hover { border:1px solid red; }


.cs-shop p {margin-top: 15px;}

.cs-shop ul.text {margin:15px 0 32px;}

.cs-shop ul.text li:before {
  content: "·";
  margin-right: 2px;
}

.cs-shop ul.text li {
  margin-bottom: 5px;
  text-indent: -6px;
  padding-left: 6px;
}


.cs-bankno {
  width:311px;
  float: left;
  margin-left: 40px;
}

.cs-bankno ul {margin-top: 17px; }

.cs-bankno ul.text2 {
  border-top: 1px solid #e1e1e1;
  padding-top:12px;
}

.cs-bankno ul > li {margin-bottom:10px;}
.cs-bankno ul > li > span {font-size: 18px; margin-left:10px; letter-spacing:1px; color: #222; } 

.cs-bankno ul.text1 > li:nth-child(3) {color: #333; margin-top: 14px;}

.cs-bankno ul.text2 > li:nth-child(2) {
  color: red;
  font-size:18px;
}
.cs-bankno ul.text2 > li:nth-child(3) {
  color:red;
  font-size:13px;
  line-height: 19px;
}

.cs-notice{
 float: left;
 width: 272px; 
 position: relative;
 margin-left: 40px;
}
.cs-notice a.cs-notice-t { right:0px; top:6px; position:absolute;}
.cs-notice a.cs-notice-t:hover {border:0;}
.cs-notice .notice-bd {
  line-height: 35px;
  height: 35px;
  width:261px;
  border-bottom: 1px solid #e1e1e1;
  padding-left: 12px;
}
.cs-notice a.story {width:190px; height:190px; background-image: url(http://herbnoori.img14.kr/img/shop_img/story.jpg); display: block; margin:20px auto;}
.cs-notice a.story:hover {border:0px;}


#footer .map-wrap {background-color:#454545; }
#footer .map-wrap .ft-map { width:1100px; height:430px; margin:0 auto; }
#footer .map-wrap .ft-map > ul {clear:both; }
#footer .map-wrap .ft-map > ul > li { width:190px; margin:15px; float:left; }
#footer .map-wrap .ft-map .map-tit {margin-top:25px;padding-bottom:15px; border-bottom:1px solid #222; margin-bottom:21px;}
#footer .map-wrap .ft-map .map-tit02 {margin-top:64px;}
#footer .map-wrap .ft-map .map-tit > a {font-size:16px; color:#fff; font-weight:500;}
#footer .map-wrap .ft-map .map-con > a {display:block; margin-bottom: 18px; font-size:13px; color:#888;}
#footer .map-wrap .ft-map .map-con > a:hover {color:#5bb330;}
#footer .map-wrap .ft-map .map-con > a > span {font-size:10px; color:#5bb330;}
#footer .co-wrap {border-bottom:1px solid #e1e1e1;}
#footer .co-wrap .ft-coworker {width:1100px; height:68px; margin:0 auto; background:url('/design/herbnoori/0704everday/ft_coworker.jpg') no-repeat;}

#footer .copy-wrap {width:1100px; margin:0 auto; line-height:22px; margin-top:18px;}
#footer .copy-wrap .copyright {font-weight:bold; color:#222;}


/*-------기존----------*/

#ftWrap {padding:0 0;}

#footer {width:100%;} /*마진값 없음*/
#footer .contentslider-bottom .btn_area {width:1100px; position:relative; margin:0 auto;}
#footer .contentslider-bottom .sliderkit-nav {position:absolute; top:10px; right:10px; }
#footer .contentslider-bottom .sliderkit-nav-clip ul {display:inline-block;  text-align:center;}
#footer .contentslider-bottom .sliderkit-nav-clip li a{margin:3px;text-decoration:none;width:18px;height:18px;line-height:18px; background-color:#bbbbbb; cursor:pointer; font-size:11px;  color:#fff; border-radius:18px;}
#footer .contentslider-bottom .sliderkit-nav-clip li.sliderkit-selected a{width:18px;height:18px; background-color:#222; color:#fff;  border-radius:18px;}
#footer .contentslider-bottom {width:100%; text-align:center; height:120px; padding:0px; margin:0px; border-right:none;  position:relative;}
#footer .contentslider-bottom .sliderkit-panels{ width:100%; height:120px;overflow:hidden; padding:0px; margin:0px; background:transparent;}
#footer .contentslider-bottom .sliderkit-panel{  width:100%; height:120px;overflow:hidden ;padding:0px; margin:0px; background:transparent;}

#footer .section3 {width:1100px; margin:0 auto;padding:50px 0; }
#footer .section3 p {text-align:center;color:#222;font-size:11px;}
#footer .section3 #instafeed {margin:20px auto 0;text-align:center;}
#footer .section3 #instafeed img {text-decoration:none; border:none; width:55px; height:55px;margin:0 2px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
#footer .section3 #instafeed img:hover {filter:alpha(opacity=60); opacity:0.6;-moz-opacity:0.6;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;   -ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
/* BASIC css end */