﻿
/* 메인 TAB  ============================================================= */
.tabArea {
    font-size: 1.6rem;
    min-width: 288px;
    max-width: 100%;
    /*padding: 50px;*/
    /*margin: 0 auto;*/
    background: #ffffff;
    border-bottom: 1px solid #d4d4d4;
 }
 /* 
 section {
    display: none;
    padding: 20px 0 0;
    border-top: 1px solid #ddd;
 } */
 
 /*라디오버튼 숨김*/
 .tabArea > input {
    display: none;
 }
 
 .tabArea > label {
    display: inline-block;
    margin: 0 0 -1px;
    padding: 0px 6px 17px 6px;
    font-weight: 600;
    text-align: center;
    color: #949295;
    font-size : 1.6rem !important;
 }
 .tabArea > img {
   margin-right: 0px;
}
 
 .tabArea > label:hover {
    /* color: #302e31; */
    cursor: pointer;
 }
 
 /*input 클릭시, label 스타일*/
 .tabArea > input:checked + label {
    color: #302e31;
    /* border: 1px solid #ddd;
    border-top: 2px solid #2e9cdf; */
    border-bottom: 4px solid #2571c5;
 }
 
 #tab1:checked ~ #noticeTab1,
 #tab2:checked ~ #noticeTab2 {
    display: block;
 }
 
 
/* 지회소식 탭 ============================================================= */
.tabAreaBranch {
   min-width: 320px;
   max-width: 100%;
   /*padding: 50px;*/
   /*margin: 0 auto;*/
   background: #ffffff;
   border-bottom: 1px solid #ddd;
   padding-top: 10px;
}

/* section {
   display: none;
   padding: 20px 0 0;
   border-top: 1px solid #ddd;
} */

/*라디오버튼 숨김*/
.tabAreaBranch > input {
   display: none;
}

.tabAreaBranch > label {
   display: inline-block;
   width: 11%;
   margin: 0 0 -1px;
   padding: 12px 0px;
   font-size: 15px;
   font-weight: 700;
   text-align: center;
   color: #777;
   border: 1px solid transparent;
}

.tabAreaBranch > label:hover {
   color: #29448a;
   cursor: pointer;
}

/*input 클릭시, label 스타일*/
.tabAreaBranch > input:checked + label {
   color: #777;
   border: 1px solid #ddd;
   border-top: 2px solid #29448a;
   border-bottom: 1px solid #ffffff;
   background: #f8f8f8;
}

/*#tab1:checked ~ #content1,
#tab2:checked ~ #content2 {
   display: block;
}*/