/****************************************************************************

        ¼Ò½º¸í : tab_menu.css
        ¿ë  µµ : ½ºÅ¸ÀÏ >> ÅǸ޴º
        ³¯  Â¥ : 2017.01.20
        ÀÛ¼ºÀÎ : ±èÇýÁø

*******************************************************************************/
/*------------ tab¸Þ´º container ºÎºÐ ------------*/
#container_live {
        width:1020px;
        margin:0 auto;
		padding: 70px 0 0 0;
}

#container {
        width:1000px;
        margin:0 auto;
		padding: 70px 0 0 0;
}

.tab_container{
	width: 1000px;
	margin: 0 auto;
	border-bottom: 2px solid #b5b5b5;
}

.tab_container:after{
	display: block;
	clear: both;
	content: '';
}

/*------------ tab¸Þ´º menuºÎºÐ ------------*/
.tab_menu{
	float:left;
}

.tab_menu.title{
	float: left;
	padding: 0 10px;
}
.tab_menu.list{
	float: left;
	position: relative;
}

#container:after{
	display: block;
   	clear: both;
	content: '';
}

#container_live:after{
	display: block;
   	clear: both;
	content: '';
}

.tab {
	width: 300px;
	position: absolute;
	bottom: -38px;
}

/* Float the list items side by side */
.tab li {
        float: left;
}

/* Style the links inside the list items */

 .tab li a {
        display: inline-block;
        color: #000;
        text-align: center;
        text-decoration: none;
        padding: 0 10px 3px 10px;
        font-size: 15px;
		font-weight: 700;
        transition:0.3s;
}

 .tab li a:hover {
        color: #3c5998;
}


/* Style the tab content */
.tabcontent {
        display: none;
}
ul.tab li.current{
	font-weight: bold;
	border-bottom: 3px solid #3c5998;
}
ul.tab li.current a{
	color: #3c5998;
}
.tabcontent.current {
        display: block;
}


/* ¸ÞÀÎ ÅÇ */
 .tab li h2 a {
        font-size: 24px;
}

.main_tab_container{
	width: 1000px;
	margin: 0 auto;
	margin-bottom: -15px;
}

.main_tab_container .tab {
    width: 400px;
    position: relative;
    bottom: 0;
    padding-top: 30px;
    margin: 0 auto;
    text-align: center;
}

.main_tab_container .tab li {
    display: inline-block;
	float: none;
}

.main_tab_container .tab li{
	margin: 0 3px;
}

.tab:after{
	display: block;
	clear: both;
	content: '';
}

.main_tab_container .tab li a{
	padding: 0 10px;
}