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

.tab_wrap{width:100%; margin:0px auto;}
input[type="radio"]{display:none;}
.tab_area{font-size:0; margin:0 0px;padding-left: 0px;}
.tab_area label{width:21%; margin:0 5px ; display:inline-block; padding:0px 0; color:#999; background:#ddd; text-align:center; font-size:13px; cursor:pointer; transition:ease 0.2s opacity;}
.tab_area label:hover{opacity:0.5;}

.tab_area div{width:100% !important;}

.panel_area{background:#fff;}
.tab_panel{width:100%; padding:0px 0; display:none;}
.tab_panel p{font-size:14px; letter-spacing:1px; text-align:center;}

#tab1:checked ~ .tab_area .tab1_label{background:#fff; color:#000;}
#tab1:checked ~ .panel_area #panel1{display:block;}
#tab2:checked ~ .tab_area .tab2_label{background:#fff; color:#000;}
#tab2:checked ~ .panel_area #panel2{display:block;}
#tab3:checked ~ .tab_area .tab3_label{background:#fff; color:#000;}
#tab3:checked ~ .panel_area #panel3{display:block;}
#tab4:checked ~ .tab_area .tab4_label{background:#fff; color:#000;}
#tab4:checked ~ .panel_area #panel4{display:block;}

.row1 label {
/*	width:100% !important;*/
	font-weight:normal !important;
	display:block;
}

.tab_area div.tab1 {
/*	padding-left:0 !important;
	padding-right:0 !important;*/
}