@charset "utf-8";

/* 내용관리 */
/* tabs */
.tabs {
text-align:center;


}
.tabs:after {
  content: "";
  display: table;
  clear: both;
}
.tabs input[type=radio] {
  display: none;
}
.tabs label {
  display: inline-block;
  width: 49.5%;
  padding:10px 0;
  margin:1px;
  border-right: none;
  border:solid 3px #dadada;
  text-align: center;
  font-weight: 700;
  color:#333;
  cursor: pointer;
  -webkit-transition: background-color 150ms ease-in-out;
  transition: background-color 150ms ease-in-out;
  margin:0 auto
}
.tabs label:nth-child(1):hover { background-color: #082b49;}
.tabs label:hover {

}
.tabs [id^="tab1"]:checked + label {
  border:solid 3px #082b49;
  background:#082b49;
  color:#fff;
}

.tabs [id^="tab2"]:checked + label {
  border:solid 3px #082b49;
  background:#082b49;
  color:#fff;
}

.tabs [id^="tab3"]:checked + label {
   border:solid 3px #082b49;
  background:#082b49;
  color:#fff;
}
.tabs [id^="tab4"]:checked + label {
   border:solid 3px #082b49;
  background:#082b49;
  color:#fff;
}
.tab-content {
  display: none;
  float: left;
  width: 100%;
	padding-top:50px;
  background-color: white;
}
.tab-content img{MAX-width:100%; }
#tab1:checked ~ #tab-content1,
#tab2:checked ~ #tab-content2,
#tab3:checked ~ #tab-content3,
#tab4:checked ~ #tab-content4,
#tab5:checked ~ #tab-content5,
#tab6:checked ~ #tab-content6 {
  display: block;
}

.other-content {
  color: white;
}

.title_c{font-size:40px; margin-top:50px}

@media only screen and (max-width: 1200px) {
	.tab-content {padding-top:30px;}
}

@media only screen and (max-width: 768px) {
	.tabs{text-align:center;}
	.tabs label {font-size:14px; width: 32%; font-weight: 400; margin-bottom:10px;}
	.title_c{font-size:25px; margin-top:0px}
}