/* CSS Document */
@charset "utf-8";

/* main */
#infoBox {
	margin-left:20px;
}

.first_box{width:1000px; overflow:hidden;}
.search{width: 350px; float: left; background-color: #fff; border: 1px solid #dadada; padding: 25px;}
.search_logo{border-bottom: 1px solid #e3e3e3; padding-bottom:20px;}
.search_info{padding: 17px 0 17px 5px; font-size: 12px; color: #6a6a6a; line-height:20px;}
.sort{padding: 10px 0 0 0;}
.sort label{font-size: 12px; color: #717171; font-weight: bold;}
.sort select{display: block; margin-top: 10px; width: 100%; height: 45px; color: #818181; padding: 10px; border: 1px solid #d6d6d6;}

/* 검색창 */
.keyword{padding: 10px 0 0 0;}
.keyword label{font-size: 12px; color: #717171; font-weight: bold;}
.search_box{width:340px; margin-top: 10px; height: 34px; color: #818181; border: 5px solid #fd4a2c;}
.search_box input{display: block; width:287px;  height: 32px; color: #818181; border:none;}
.keyword_text{width:286px; float:left;}
.btn_search{width:54px; float:left; background-color:#fd4a2c;}

/* 광고슬라이드 */
.slide_add{width:585px; height: 306px; float:left; margin-left:10px; border:1px solid #dadada;}
.second_box{clear:both; width: 1000px; margin:10px 0;}

/* 신규업체 */

.second_box{overflow:hidden;}

.business{overflow:hidden; border-bottom:1px solid #e2e2e2; padding-bottom:5px;}
.new_business{width:980px; float:left; background-color: #fff; border: 1px solid #dadada; padding:10px;}
.notice{width:306px; float:left; background-color: #fff; border: 1px solid #dadada; margin-left:10px; padding:10px;}
.title{width:113px; float:left;}
.title_text{width: 470px; float: left; line-height: 30px; font-family: 'Dotum', '돋움'; font-size: 12px; color: #afafaf;}
.btn_more{width: 57px; float: left; font-family: 'Dotum', '돋움'; font-size: 12px; line-height: 28px; color: #484848; background:url(../images/main/more_bg.jpg); background-repeat:no-repeat; background-position: 40px 7px;}
.btn_more a:link, .btn_more a:hover, .btn_more a:visited{color:#484848;}
.nbarea{padding: 10px 0; position:relative;}
.nbimg{width: 350px;overflow: hidden;}
.nbname{background: rgba(0,0,0,0.6); position: absolute; bottom: 0px; width: 340px; line-height: 34px; color: #fff; padding-left: 10px; font-family: 'Dotum','돋움';}
.nbname a:link, .nbname a:hover, .nbname a:visited{color:#fff;}


.nbimg_new{width: 100%; overflow: hidden;}
.nbname_new{background: rgba(0,0,0,0.6); position: absolute; bottom: 0px; width: 279px; line-height: 34px; color: #fff; padding-left: 10px; font-family: 'Dotum','돋움';}
.nbname_new a:link, .nbname_new a:hover, .nbname_new a:visited{color:#fff;}

.btn_img{width: 40px; margin: 0 601px; overflow:hidden;}
.prev{width:20px; float:left;}
.next{width:19px; float:left;}

/* 공지사항 */
.ntct{overflow:hidden; border-bottom:1px solid #e2e2e2; padding-bottom:8px;}
.ntc{width: 249px; float: left; }
.ntc_list{overflow: hidden; }
.ntc_list ul{overflow: hidden; }
.ntc_list li{font-family: 'Dotum', '돋움'; font-size: 12px; line-height: 32px; color: #575757; border-bottom:1px solid #e8e8e8; overflow:hidden;}
.ntc_list li:nth-child(even){background-color:#f8f8f8;}
.cont{width: 230px; float: left; padding-left: 5px;}
.cont a:link, .cont a:hover, .cont a:visited{color:#575757;}

/* 추천업체 */
.third_box{margin-top: 10px; background-color: #fff; border: 1px solid #dadada; padding: 10px;}
.rcmend{overflow:hidden; border-bottom:1px solid #e2e2e2; padding-bottom:5px;}
.rcmend_title{width:113px; float:left;}
.rcmend_titletext{width: 808px; float: left; line-height: 30px; font-family: 'Dotum', '돋움'; font-size: 12px; color: #afafaf;}
.remend_area{overflow:hidden;}
.remend_area li{width:318px; float:left; padding:10px 0 0 8px;}
.remend_area li:first-child{padding:10px 0 0 5px;}
.remend_img{width:318px; overflow:hidden; margin-bottom:10px;}
.remend_info{color:#000; font-family:'Dotum','돋움'; font-size:12px; line-height:18px; text-align:left;}

/*수정_리스트*/
.main_btn {
  margin: 10px 0 10px;
  color: #d5d3dd;
  text-align: center;
}
.main_btn a:first-child {
  margin-left: 0;
}
.ico_info {
  background: url(http://image.softapp.co.kr/images/main/telephone.svg);
  background-size: 20px 20px;
  background-position: center;
  background-repeat: no-repeat;
}
.ico_feed, .ico_info, .ico_call, .ico_store {
  display: block;
  border: 1px solid #fff;
  overflow: hidden;
  width: 35px;
  height: 35px;
  text-indent: -9999px;
  background: url(http://image.softapp.co.kr/images/main/chat.svg);
  background-size: 23px 23px;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 6px;
  border-radius: 9999px;
}
.main_btn a {
  display: inline-block;
  position: relative;
  font-size: 12px;
  text-shadow: 0 0 0;
  margin: 0 0 -1px 3px;
  line-height: 14px;
  vertical-align: top;
}
.ico_facebook {
  background: url(/images/main/icon_facebook.png);
  background-size: 38px 39px;
  background-position: center;
  background-repeat: no-repeat;
}
.ico_call {
  background: url(http://image.softapp.co.kr/images/main/sms.svg);
  background-size: 20px 20px;
  background-position: center;
  background-repeat: no-repeat;
}
.ico_store {
  background: url(http://image.softapp.co.kr/images/main/home.svg);
  background-size: 22px 22px;
  background-position: center;
  background-repeat: no-repeat;
}
/* 영업자 소개 */
.sales_box{margin-top: 10px; background-color: #fff; border: 1px solid #dadada; overflow:hidden; padding: 10px; clear:both;}
.sales{overflow:hidden; border-bottom:1px solid #e2e2e2; padding-bottom:5px;}
.sales_title{width:145px; float:left;}
.sales_titletext{width: 776px; float: left; line-height: 30px; font-family: 'Dotum', '돋움'; font-size: 12px; color: #afafaf;}
.sales_mainlist li{width:235px; float:left; border:1px solid #e8e8e8; margin:0 10px 0px 0; padding-top:15px; margin-bottom:10px;}

.sales_mainlist li:nth-child(4n){margin:0 0 10px 0}

.sales_img{width:200px; height:102px; overflow:hidden; margin:0 auto;}
.sales_img img{ max-width: 200px; max-height:102px;}
.sales_info{ font-family: 'Dotum', '돋움'; text-align:center; padding:10px; line-height:16px;}
.name01{font-weight:bold; color:#434343; font-size:14px !important;}
.department{font-size:11px; color:#333; padding:5px 0; width:215px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.department2{font-size:11px; color:#333; padding:5px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap }
.mail_phone{font-size:11px; color:#ef4323;}
.sns_link{background-color:#f4f4f4; overflow:hidden; border-top:1px solid #e8e8e8;}
.sns_link ul{overflow:hidden;}
.sns_link li{overflow:hidden; width:76px; float:left; margin:0; border:none; color:#6f6f6f; border-right:1px solid #e8e8e8; text-align:center; font-family: 'Dotum', '돋움'; line-height:22px; padding: 5px 0 1px 0;}
.sns_link li:last-child{margin:0; border-right:none;}
.sns_link li a:link, .sns_link li a:visited, .sns_link li a:hover{color:#6f6f6f;}

/* 업체, 인물, 지도 리스트 */

.menu_tab, .menu_tab2 {width:100%; height: 50px; overflow:hidden; padding-top: 18px;}
.menu_tab ul, .menu_tab2 ul{padding:23px 0;border-width:1px 0;}
.menu_tab li, .menu_tab2 li{width:115px; float:left; list-style:none;position:relative;top:-20px; line-height:35px; border-radius:20px; background-color:#fff; border:1px solid #dadada; color:#393939; margin-right:10px;}
.menu_tab li a, .menu_tab2 li a{display:block; text-decoration:none;text-align:center;  color:#393939;}
.menu_tab li a:hover, .menu_tab2 li a:hover{text-decoration:none;  color:#393939; }
.menu_tab li.active a {background:#ccc; font-weight:bold;color:#fd4a2c; border-radius:20px; background-color:#fff; border:1px solid #fd4a2c;}
.menu_tab li.active a:hover, .menu_tab2 li.active a:hover{text-decoration:none;}
.menu_tab_title{float:left;top:-15px !important; line-height:35px; border-radius:0 !important; border:0 !important; background-color:rgba(0, 0, 0, 0) !important;}
.menu_tab_right{float:right !important;}
/* 지도 */
.map_wrap{position:relative;}
.map_view{background-color:#fff;  border: 1px solid #dadada;}
.franchise{position:absolute; width:47px; height:57px; color:#757575; background:url(../images/main/franchise_num.png); background-repeat:no-repeat; top: 100px; left: 300px; text-align:center; padding-top:16px; font-weight:bold; font-family: 'Dotum', '돋움'; font-size: 12px;}
.franchise a:link, .franchise a:hover, .franchise a:visited{color:#757575;}
.pamm_frcs{position:absolute; width:50px; height:61px; top: 50px; right: 301px; cursor:pointer;}
.frcs_info{position:absolute; background-color:#fff; width:184px; top: 22px; right: 99px; border:1px solid #dadada; padding:10px; }
.shop_sales{clear:both; background-color: #fff; border: 1px solid #dadada; overflow:hidden; padding: 10px;}

.sns_link2{background-color:#f4f4f4; overflow:hidden; border: 1px solid #e8e8e8;}
.sns_link2 ul{overflow:hidden;}
.sns_link2 li{overflow:hidden; width:60px; float:left; margin:0; border:none; color:#6f6f6f; border-right:1px solid #e8e8e8; text-align:center; font-family: 'Dotum', '돋움'; line-height:22px; padding: 6px 0 6px 0;}
.sns_link2 li:last-child{margin:0; border-right:none;}
.sns_link2 li a:link, .sns_link2 li a:visited, .sns_link2 li a:hover{color:#6f6f6f;}
.sales_img2{width:180px; height:92px; overflow:hidden; margin:0 auto;}
/* .sales_img2 img{overflow:hidden;} */
.sales_img2 img{ max-width: 200px; max-height:102px;}
.sales_info2{ font-family: 'Dotum', '돋움'; text-align:center; padding:10px; line-height:16px;}
.hide{display:none;}

/*제휴광고문의 ~ 팜 홈페이지*/

.fifth_box{margin-top: 10px; background-color: #fff; border: 1px solid #dadada; overflow:hidden;}
.fifth_box ul{overflow:hidden;}
.fifth_box li{ float:left; overflow:hidden; border-right:1px solid #e2e2e2;  padding: 13px;height:146px }
.fifth_box li:last-child{border-right:none;}
.ad_qnatext{ font-family: 'Dotum', '돋움'; font-size: 12px; color: #7c7c7c; padding-left:5px; padding-top:13px; line-height:17px;}
.btn_adqna{width: 125px; background-color: #686868; color: #fff; line-height: 32px; font-size: 12px; font-family: 'Dotum','돋움'; text-align: center; margin-left: 99px; margin-top: 13px;}
.btn_adqna a:link, .btn_adqna a:hover, .btn_adqna a:visited{color:#fff; padding: 10px 26px;}
.qna_list ul{overflow:hidden;}
.qna_list li{padding:0; border:none; padding-top: 7px; font-family: 'Dotum','돋움'; font-size:12px; color:#7c7c7c;}
.qna_list li:first-child{padding-top:11px;}
.qna_title{width:151px; float:left;}
.qna_title a:link, .cont a:hover, .qna_title a:visited{color:#575757;}
.date{width:71px; float:left;}
.tel{padding-top:6px;}
.customer_info{padding-top:8px; padding-left:4px; line-height:17px; font-family: 'Dotum','돋움'; font-size:12px; color:#676767;}
.btn_homepage{width: 125px; background-color: #686868; color: #fff; line-height: 32px; font-size: 12px; font-family: 'Dotum','돋움'; text-align: center; margin-left: 99px; margin-top: 13px;}
.btn_homepage a:link, .btn_homepage a:hover, .btn_homepage a:visited{color:#fff; padding: 10px 12px;}
.pamm_text{ font-family: 'Dotum', '돋움'; font-size: 12px; color: #7c7c7c; padding-left:5px; padding-top:13px; line-height:17px;}

/* 업체정보(팝업) */

#mask {position:absolute; z-index:9000; background:rgba(0,0,0,0.8); display:none; left:0; top:0;} 
.window{display: none; position:absolute; left: 30%; top: 50%;  z-index:10000;}
.openMask{cursor: pointer;}

.pop_box{width:694px; height:570px; background-color:#fff; padding:28px;}
.title_area{border-bottom:5px solid #000; overflow: hidden; padding-bottom: 12px;}
.pop_title{width: 649px; float: left; font-size: 30px; color: #000; line-height: 46px;}
.btn_close{width: 45px; float: left; cursor:pointer;}
.left_area{width:350px; float:left; padding: 15px 0;}
.right_area{width: 344px; float: left;}
.info_area{padding:15px 0; overflow: hidden;}
.left_photo{width: 350px; float: left;}
.photo{width:350px; overflow:hidden;}
.info_btn{margin: 10px 0; overflow:hidden;}
.detailPage{width: 165px; float: left; background-color: #555555; text-align: center; color: #fff; line-height: 38px; font-family: 'Dotum','돋움'; margin-right:10px;}
.detailPage a:link, .detailPage a:visited, .detailPage a:hover{color: #fff; padding: 13px 38px;}
.Homepage{width: 165px; float: left; border:1px solid #9c9c9c; text-align: center; color: #9c9c9c; line-height: 38px; font-family: 'Dotum','돋움';}
.Homepage a:link, .Homepage a:visited, .Homepage a:hover{color: #9c9c9c; padding: 13px 29px;}

.right_area table{font-size:12px; padding: 0 15px;}
.right_area td{padding:10px 0;}
.article{color:#212121;}
.enterprise_info, .enterprise_info a:link, .enterprise_info a:visited, .enterprise_info a:hover{color:#6e6e6e;}

.gallery_area{clear:both; overflow:hidden;}
.gallery_title{color:#3c3c3c; font-weight:bold; padding: 30px 10px 8px 0px; border-bottom:1px solid #e1e1e1;}
.gallery{overflow:hidden; padding-top: 10px;}
.gallery ul{overflow:hidden;}
.gallery li{width:225px; float:left; margin-right:9px; overflow:hidden;}
.gallery li:last-child{margin-right:0px;}


.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.new_business .slick-slider{height:143px}
.new_business .slick-track{height:143px}
.new_business .slick-list{margin-left:10px}
.main_more_btn{background:#fff; border:1px solid #ccc; padding:15px; margin:10px 0 30px 0; text-align:center; font-weight:bold; cursor:pointer;}
.bmain_more_btn{margin: 8px 0 30px 0;text-align: center;width: 998px;border: 1px solid #ddd;line-height: 42px;background-color: #fff;cursor:pointer;}

.pull-left{float:left;}