/* BASIC css start */
.brand_pagearea { position: relative; margin:20px auto;}
.brand_pagearea .binbox_area { margin-top:20px; }
.brand_pagearea .granadainfo_title { font-size: 32px; font-weight:600; letter-spacing: -0.1em }
.brand_pagearea .granada_stitle { font-size: 16px; color: #763b1b;  margin-top:20px; font-weight: 600; }
.brand_pagearea .binbox_area .granada_subt { font-size:16px; color: #f08200; padding-top:20px; font-weight: 600; }
.brand_pagearea .info_tap { overflow: hidden; background-color: #898989; width: 100%; margin-top:20px; }
.brand_pagearea .info_tap li { float: left;width: 150px; text-align:center;padding: 5px 0;}
.brand_pagearea .info_tap .infot_select { background-color: #8fc31f; padding:5px 0;}
.brand_pagearea .info_tap li a { font-size: 16px; color:#fff; font-weight: 600; }
.brand_pagearea .info_tap li:hover { cursor: pointer; background-color: #8fc31f;}
.brand_pagearea .subt_under { font-size: 16px; padding-top:10px; line-height: 25px;}
.subt_under .year_table { margin-top:20px; }
.subt_under .year_table th { font-size: 16px; color: #898989; width: 7%; line-height: 25px;}
.subt_under .year_table td { font-size: 16px; }

.tab_menu{margin: 50px 0;}
.tab_menu ul{display: flex; justify-content: center; flex-wrap: wrap; width: 900px; margin: 0 auto;}
.tab_menu ul li{margin: 0 10px;}
.tab_menu ul li a{display: flex; align-items: center; justify-content: center; width: 200px; height: 40px; background: #fff; border: 1px solid #64463b; color: #64463b; font-size: 16px;}
.tab_menu ul li.on a{background: #64463b; color: #fff; font-weight: 700;}

.cafe_con{margin: 50px 0;}

.cafe_info2, .cafe_info3, .cafe_info5{display:none;}
/* BASIC css end */