/**********************************************************************************
	TABS
**********************************************************************************/
.tab-content {
	display:none;
	/*padding:10px;*/
}

.tab-content.active {
	display: inherit;
}

@media (min-width: 769px) {
	.tabs-wrap .btn-open {
		display:none;
	}

	ul.tabs {
		width:100%;
	}

	ul.tabs:before, ul.tabs:after {
	  display: table;
	  content: " ";
	}

	ul.tabs:after {
	  clear: both;
	}

	ul.tabs li.select {
		display:none;
	}

	ul.tabs li {
		/*float:left;*/
		display: inline-block;
		padding:13px 20px;
		text-align:center;
		cursor: pointer;
		/*background:#fafafa;*/
	}

	ul.tabs li.active {
		box-shadow: inset 0 3px #0ce0ce;
		background:#fff;
	}
}

/* 추가 */
ul.tabs{font-size:0;text-align:center;}
ul.tabs li{font-size:1rem;color:#000;font-weight:700;}
@media screen and (min-width:769px){
	ul.tabs{border-bottom:solid 1px #000;}
	ul.tabs li{width:25%;max-width:200px;background:transparent;position:relative;}
	ul.tabs li.active{box-shadow:none;border:solid 1px #000;border-bottom:0;background:transparent;}
	ul.tabs li.active:after{display:block;width:100%;height:1px;background:url(../images/sub_bg1.jpg)no-repeat;position:absolute;bottom:-1px;left:0;content:'';}
	.section_wrap.menu_view ul.tabs li.active:after{background:#fff;}
}

@media (max-width: 768px) {
	.tabs-wrap {
		position:relative;
	}

	.tabs-wrap .btn-open {
		width:100%;
		text-align:left;
		padding:10px;
		border-radius: 5px;
		background: #fafafa;
		cursor: pointer;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-ms-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}

	.tabs-wrap .btn-open:after {
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		top: 50%;
		right: 15px;
		margin-top: -3px;
		border-width: 6px 6px 0 6px;
		border-style: solid;
		border-color: #0ce0ce transparent;
	}

	.tabs-wrap.active .btn-open {
		background: #fff;
		color:#000;
	}

	.tabs-wrap.active .btn-open:after {
		border-color: #ea3130 transparent;
	}

	ul.tabs {
		position:absolute;
		top:100%;
		left:0;
		right:0;
		z-index:1;
		background:#fff;
		display:none;
		border:1px solid #000;
		border-top:0;

		 /* 추가 */
		z-index:2;
		margin-top:-2px;
	}

	.tabs-wrap.active ul.tabs {
		display:inherit;
	}

	ul.tabs li {
		padding:10px;
		border-bottom:1px solid #000;
		cursor:pointer;
		position:relative;
	}

	ul.tabs li.active {
		background: #eee;
		color:#444;
	}

	/*
	ul.tabs li.active:after {
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		top: 50%;
		right: 15px;
		margin-top: -6px;
		border-width: 6px 10px 6px 0;
		border-style: solid;
		border-color:  transparent #444;
	}
	*/

	ul.tabs li:last-child {
		border-bottom:0;
	}

	/* 추가 */
	.tabs-wrap .btn-open{background:transparent;border:solid 1px #000;border-radius:0;}
	.tabs-wrap .btn-open:after{border-color:#000 transparent;}
	ul.tabs li a{display:block;}
}

.grid_wrap{margin:0 -1% 0;}
.grid_wrap > *{margin:0 1% 2%;float:left;}
.grid_wrap:after{display:block;clear:both;content:'';}
.m12-col-1{width:calc(8.333% - 2%);}
.m12-col-2{width:calc(16.666% - 2%);}
.m12-col-3{width:calc(25% - 2%);}
.m12-col-4{width:calc(33.333% - 2%);}
.m12-col-5{width:calc(41.665% - 2%);}
.m12-col-6{width:calc(50% - 2%);}
.m12-col-7{width:calc(58.331% - 2%);}
.m12-col-8{width:calc(66.664% - 2%);}
.m12-col-9{width:calc(74.997% - 2%);}
.m12-col-10{width:calc(83.33% - 2%);}
.m12-col-11{width:calc(91.663% - 2%);}
.m12-col-12{width:calc(100% - 2%);}
.m10-col-1{width:calc(10% - 2%);}
.m10-col-2{width:calc(20% - 2%);}
.m10-col-3{width:calc(30% - 2%);}
.m10-col-4{width:calc(40% - 2%);}
.m10-col-5{width:calc(50% - 2%);}
.m10-col-6{width:calc(60% - 2%);}
.m10-col-7{width:calc(70% - 2%);}
.m10-col-8{width:calc(80% - 2%);}
.m10-col-9{width:calc(90% - 2%);}
.m10-col-10{width:calc(100% - 2%);}
@media screen and (max-width:767px){
	.grid_wrap>*{width:calc(100% - 2%);}
}