@charset "utf-8";

.cafe_img {display:block; float:left; width:70px; height:70px; margin:0 10px 5px 0;}

#cafe_menu{position:relative; margin-bottom:5px;}
#cafe_menu:after {display:block;visibility:hidden;clear:both;content:""}
#cafe_menu ul{margin:0; padding:0; list-style:none;}
#cafe_menu ul li{float:left; background:#222; border-bottom:3px solid #000;  width:120px; margin-right:1px; padding:7px 0; text-align:center;}
#cafe_menu ul li:hover{background:#000; border-bottom:3px solid #FF0000; }
#cafe_menu ul li a {color:#FFF; }
#cafe_menu ul .sell {background:#FFB416;}

/*카페스토리*/
#cf_main_cafestory {margin:0 auto; border:2px solid #333333; margin-bottom:5px;}
.cf_main_cafestory_sub {padding:7px 10px; margin:5px 5px 10px 5px; background:#444444; color:#FFF; font-size:14px; font-weight:bold;}
.cf_main_cafestory_sub a {color:#FFF; text-decoration:none;}
.cf_main_cafestory_sub a:hover {color:#E04D3B;}
.cf_main_cafestory_con {margin:5px 10px;}

.cafe_story_today {float:left; width:585px; padding:10px; border:1px solid #eee;}
.cafe_story_today img {display:block; float:left;margin-right:10px; width:220px; height:170px;}
.cafe_story_today p {margin:7px 0; padding:0;}

.cafe_story_today_small {float:right;padding:5px 0; border-bottom:1px solid #eee; width:340px;}
.cafe_story_today_small  img{display:block; float:left;margin-right:10px; width:110px; height:80px;}
.cafe_story_today_small p {margin:3px 0; padding:0;}

.no_story_list {text-align:center;padding:50px 0;}



/*최근 개설 카페*/
#cf_new {position:relative; margin:10px 10px 50px 0;}
#cf_new:after {display:block;visibility:hidden;clear:both;content:""}
.newtable {margin:0; padding:0; border:0; width:100%;}
.newtable td{border-bottom:1px solid #ccc;}
.newtable .cafe_imgs{width:60px;}
.newtable .cafe_imgs img{display:inline-block; width:60px; height:60px; margin-top:7px;}
.newtable td .ca_new_sub{font-size:13px; margin-top:5px;}
.newtable td .ca_new_sub a{color:#6D6D6D; font-weight:bold;}
.newtable td .ca_new_con{font-size:12px;}
.newtable td .ca_new_inf{text-align:right !important;}
.newtable td .ca_new_inf span{display:inline-block; margin-left:10px;}
.no_list {text-align:center; padding:50px 0;}
.index_new{ font-size:14px; color:#FFF;  border:0;  background:#1A97DA; margin-bottom:10px;padding:5px 10px;}


/*하단 좌최신글*/
#new_cafe .cafe_img{border:1px solid #ccc;}
#left_bottom_latest{float:left; width:48%; }
#left_bottom_latest .cafe_latest_list{clear:both; padding:6px 0; border-bottom:1px solid #c8c8c8;}
#left_bottom_latest .cafe_latest_list:after {display:block;visibility:hidden;clear:both;content:""}
#left_bottom_latest .cafe_latest_list a{text-decoration:none; color:#6d6d6d;}
#left_bottom_latest .cafe_latest_list a:hover{color:#bbb;}
.index_new_wri{font-size:14px; color:#FFF !important;  border:0;  background:#1A97DA; margin-bottom:10px;padding:5px 10px;}

/*하단 우최신글 img*/
#right_bottom_latest{float:right; width:49%; }
#right_bottom_latest table{width:100%;}
#right_bottom_latest .imgtd{padding:5px; text-align:left;}
#right_bottom_latest .imglatest {display:inline-block; border:1px solid #ccc; margin-bottom:7px;}
.index_new_img{font-size:14px; color:#FFF !important;  border:0;  background:#1A97DA; margin-bottom:10px;padding:5px 10px;}

.cafe_late {clear:both; color:#000; font-size:14px; font-weight:bold; margin:10px 0 15px 0;}

/*include/search.php*/
#schall {position:relative; padding-bottom: 15px; text-align: center; border-bottom:1px solid #ccc;}
#schall_stx {padding-left:5px; ;width:151px;height:24px;border:1px solid #aaa;border-right:0;background:#fff;line-height:1.5em;-webkit-appearance:none}
#schall_submit {border:1px solid #aaa;border-left:0; margin-left: -0.5em;}


/*cafe_sector.php**cafe_mycafe.php**cafe_country.php*/

/*상단 분류 */
#sector_left{ border:0;  margin:-1px 0 0 0;}
#sector_left ul {margin:0; padding:10px; list-style:none;}
#sector_left ul li {display:inline; padding:0; margin-right:10px;}

/*분류별 리스트*/
#sector_right { min-height:450px;height:auto !important;height:450px; margin: 5px 0; }
#sector_right ul {margin:0; padding:10px; list-style:none;}
#sector_right ul li {display:block; height:70px; padding:5px 0; border-bottom:1px solid #c8c8c8; clear:both;}
#sector_right span{margin-left:10px;}
#sector_right ul li h2{padding:5px 0; font-size:13px; margin:5px 0 0 0;}
#sector_right ul li p{padding:0; margin:0;}
#sector_right .no_list {text-align:center; padding:50px 0;}



/*cafe/include/my_tab.php*/
#project_tabs {width:100%; margin:0 auto;  border-top:2px solid #333;}
#project_tabs ul {margin:0; padding:0; list-style:none;}
#project_tabs ul li {display:inline-block; float:left; padding:7px 0;  width:33.333%; text-align:center; background:none; border-bottom:1px solid #c8c8c8;}
#project_tabs .tm {cursor:pointer; color:#333;  font-weight:bold; margin-bottom:10px;}
#project_tabs .tm1 {background:none; border-bottom:5px solid #E14D3A;}

#pr_tab {clear:both; position:relative; width:100%; margin:0 auto; }
#pr_tab .sub_tab {min-height:155px;height:auto !important;height:155px;}
#pr_tab .tab1{}
#pr_tab .tab2{display:none;}
#pr_tab .tab3{display:none;}

.pr_cate {margin:0 10px; padding:7px 0; clear:both;}
.pr_cate:hover{background:#F7F7F7;}

.gib_right {display:block; float:right; margin-right:7px; font-weight:bold;}
.memo_time {font-size:11px; color:#CD003C; font-family:Verdana; letter-spacing:-1px;}
.memo_time_read {font-size:11px; color:#E14D3A; font-family:Verdana; letter-spacing:-1px;}

.new_co { font-size:7pt; color:#CD003C; font-family:Verdana;  }
.my_new { margin:0 7px; padding:7px 5px;}
.my_new:hover{background:#F7F7F7;}
.my_new a:hover{color:#E14D3A;}

/*cafe/open/cafe_open.php*/
#cafe_join h1 {font-size:14px; color:#5181B9; border-bottom:3px solid #5181B9; padding:5px 0;}
#cafe_join h1 a {color:#5181B9;}
#cafe_join .cafe_info {margin-top:10px;  background:#F6F6F6; padding:10px 20px 20px;}
#cafe_join .cafe_info p {min-height:30px;height:auto !important;height:30px; border:1px solid #dde4e9; background:#FFFFFF; margin-top:10px; padding:10px;}
#cafe_join .cafe_info span {display:block; margin-top:20px;}

#join_ok {text-align:center; margin-top:30px; padding:10px 0;}
a.btn_join {display:inline-block;padding:7px;border:1px solid #FF003C;background:#ff3061;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_join:focus, .btn02:hover {text-decoration:none}

#sector_left .coh1{margin:10px 0;}
#sector_left .codiv1{border:1px solid #ccc; padding:10px; margin-bottom:10px;}

#cotablle th{width:120px;}
#cotablle td{line-height:28px;}
.cafe_agree{text-align:center; margin:30px;}

#cafe_wrap2 .cfmake{color:#FFF;}