@charset "utf-8";

/*tab*/
ul.tabs {
	margin: 0 0 30px 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
	width:20%;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_content .table{
	text-align:center;
}

.tab_content .table thead tr th{
	text-align:center;
}

.tab_content .table tbody tr td{
	padding: 8px 10px !important;
}


/*17-06-01*/
/*
.item{position:relative;}
.bg-img{position:absolute;}
*/

.pt-md_wrap > .quick{float:left;}



/*quick_content******************/
.quick_wrap{width:100%; height:350px;}
.quick_content{}
.quick_content h3{text-align:center; font-size:35px; margin-bottom:60px;}
.quick_content .quick_list a:hover img{margin-top:30px; transition:0.5s; -webkit-transition:0.5s;}
.q_last{margin-right:0;}

.box_wrap{}
.box_wrap .box{float:left; position:relative;}
.box_wrap .box a{display:block; position:absolute; top:25px; left:90px; text-align:center;}
.box_wrap .box:nth-child(3) a{position:absolute; left:75px;}
.box_wrap .box:nth-child(4) a{position:absolute; left:88px;}
.box_wrap .box a p{font-size:23px; color:#fff;}
.box_wrap .box a strong{font-family:'NanumSquare';font-size:16px; border:3px solid #fff; border-radius:20px; padding:0 15px;}
.box_wrap .box a strong:hover{background:#ccc;}








/**/
.btn_a a{color:#fff;}
.btn_a a:hover{color:blue;}

/*2018-02-07*/

@media screen and (max-width: 1170px) {
    #mainav {
      right: 60px;
   }
	#carousel-generic article {
		max-width: 100%;
	}

	#carousel-generic article .heading, #carousel-generic article footer, #carousel-generic article > .heading+p {
		margin-left: 110px;
	}

}

#mainav ul ul {
    width: 130px;
}

#carousel-generic article {
    padding: 170px 0 293px;
}

#carousel-generic .btn-wrap {
    bottom: -200px;
}

.carousel-control img {
    top: 50%;
    position: relative;
	margin: 0;
}

.bluebox {
	background: rgba(30, 111, 84, 0.7);
}

.lightbluebox {
    background: rgba(75, 95, 88, 0.7);
}

.a_btn {
	font-family: 'NanumSquare';
    font-size: 16px;
    border: 3px solid #fff;
    border-radius: 20px;
    padding: 0 15px;
	color: #fff;
}

.a_btn:hover {
    background: #ccc;
}