.group:after{ display:block; clear:both; content:"";}
ul.group:after{ display:block; clear:both; content:"";}
ul.group > li{float:left;}
div.group div.left{float:left;} 
div.group div.right{float:right;}



/**
 * lnb
 */

.tab > ul.tab_list > li{
                          box-sizing:border-box; width:25%;
						  background-color:#1f5981; /* 좌측 메뉴 배경색 */
						  color:#fff;
						  position:relative; 
						  text-align: center; 
					  }

/* 왼쪽메뉴 즉 서브메뉴 글자 크기 */


/* 서브메뉴 글자 크기 */

/*화면 너비 0~767 */
@media screen and (max-width:767px) 
{ 
   .tab > ul.tab_list1 > li > a{font-size:8px; border:1px solid transparent; border-bottom-color: #3a81d7;} 
   .tab > ul.tab_list > li > a{ 
							 display:block; 
							 height:2rem;   /* 서브메뉴 높이가 정의 됨 */
							 line-height:2rem; 
							 
						 }

}

/*화면 너비 769~959 */
@media screen and (min-width:768px) and ( max-width:959px) { 
   .tab > ul.tab_list1 > li > a{font-size:16px; border:1px solid transparent; border-bottom-color: #3a81d7;} 
   .tab > ul.tab_list > li > a{ 
							 display:block; 
							 height:3rem;   /* 서브메뉴 높이가 정의 됨 */
							 line-height:4rem; 
							 
						 }

}

/* 화면너비 960~ 무한 */
@media screen and (min-width:960px)
{ 
   .tab > ul.tab_list1 > li > a{font-size:20px; border:1px solid transparent; border-bottom-color: #3a81d7;} 
   .tab > ul.tab_list > li > a{ 
							 display:block; 
							 height:5rem;   /* 서브메뉴 높이가 정의 됨 */
							 line-height:6rem; 
							 
						 }

}

.tab > ul.tab_list1 > li.on > a {
                                 color:yellow; 
								 font-weight:600; 
								 background-color:#040a59;   /*좌측 메뉴 선택된 메뉴 색상 */
								 border-color:#3a81d7; 
								 border-bottom-color:transparent;
						 }

.tab > ul.tab_list1 > li.on > a:after {
                                 display:inline-block; 
								 position:absolute; 
								 top:1.5rem; 
								 width:0.5rem;  
								 height:0.5rem; border-radius:50%;
								 background-color:#13c6ff; 
								 content:"";
							 }




.tab > ul.tab_list2 > li > a{border:1px solid #d6edf7; background:#f3fbff; border-right:none;}
.tab > ul.tab_list2 > li:last-child > a{border-right:1px solid #d6edf7;}
.tab > ul.tab_list2 > li.on > a {color:#fff; font-weight:600; background:#3a81d7; border-color:#3a81d7;}

.tab > ul.tab_list.box1 > li {width:100%;}
.tab > ul.tab_list.box2 > li {width:50%;}
.tab > ul.tab_list.box3 > li {width:33.33%;}
.tab > ul.tab_list.box4 > li {width:25%;}
.tab > ul.tab_list.box5 > li {width:20%;}
.tab > ul.tab_list.box6 > li {width:16.6%;}
.tab > ul.tab_list.box7 > li {width:14.2%;}
.tab > ul.tab_list.box8 > li {width:12.5%;}
.tab > ul.tab_list.box9 > li {width:11.1%;}
.tab > ul.tab_list.box10 > li {width:10%;}
.tab > ul.tab_list.box11 > li {width:9%;}
.tab > ul.tab_list.box12 > li {width:8.3%;}
.tab > ul.tab_list.box13 > li {width:7.7%;}