/* Tab Content - menucool.com */
ul.tabs
{
	
    padding: 4px 0;
    margin:0;
    font-size: 0;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the tabs as desired*/
    padding-left:0px; /* Offset of the first tab */
}
        
ul.tabs li
{
    display: inline;
    margin: 0;/*no distance between tabs*/
    background: White;
    margin-left:0px;
}
        
ul.tabs li a
{
    font: normal 16px NanumSquareR;
    text-decoration: none;
    position: relative;
    padding: 10px 13px;
    color: #000;
    
    background: #F6F6F9;
    border:1px solid #ebebeb;
    border-right:0;
	
	
}


/*메인에 정보마당*/
ul.tabs li .tabs_s2
{
    font: normal 17px notokr-regular ;
    text-decoration: none;
    position: relative;
    padding: 5px 30px !important;

    color: #6a6a6a;
    
    background: #ebebeb;
    border:1px solid #ebebeb;
    border-right:0;
}

/*메인에 개강반탭*/
ul.tabs li .tabs_period
{
    font: normal 17px notokr-regular ;
    text-decoration: none;
    position: relative;
    padding: 5px 30px !important;

    color: #dedede;
    
    background: #a3a3a3;
    border:0px solid #ebebeb;
    border-right:0;
}



ul.tabs li .tabs_s4
{
    font: normal 15px notokr-regular ;
    text-decoration: none;
    position: relative;
    padding: 13px 15px !important;

    color: #999;
    
    background: #E3E3E3;
    border:1px solid #CCC;
	border-left:0;

}




/*Note: IE8 and earlier doesn't support li:last-child. You have to add another class to the last tab (LI) and specify its border-right as below.*/
ul.tabs li:last-child a
{
    
	padding: 13px 18px;
}
 
/*li:first-child */
        
ul.tabs li a:hover
{
    color: #000;
    background: white;
}
        
ul.tabs li.selected a, ul.tabs li.selected a:hover
{
    top: 0px;
    font-weight:normal;
    background: #FFF;
    border-bottom: 1px solid #FFF;
    color: #000;
}
        
        
ul.tabs li.selected a:hover
{
    text-decoration: none;
}


div.tabcontents
{
    border-top: 1px solid #ebebeb; padding: 16px 0px;
}


div.tabcontents2
{
    border-top: 0px solid #CCC; padding: 16px 0px;
}


div.tabcontents3
{
    border-top: 0px solid #CCC;;
	padding-top:25px;
}

div.tabcontents4
{
    border-top:5px solid #ffd73f;;
	padding-top:0px;
}


/*222222222*/



ul.tabs_style2 li .tabs_s3
{
    font: normal 15px notokr-regular ;
    text-decoration: none;
    position: relative;
    padding: 10px 30px !important;
	background: #fff;
    color: #000;
    
   
    border:1px solid #ebebeb;
	margin:0 2px;
   

}


ul.tabs_style2 li a {border:1px solid #ebebeb; background: #F6F6F9;}

ul.tabs_style2 li:last-child a
{
    border:1px solid #ebebeb;
	padding: 13px 18px;
}
 
/*li:first-child */
        
ul.tabs_style2 li a:hover
{
    color: #000;
    background: white;
}
        
ul.tabs_style2 li.selected a, ul.tabs_style2 li.selected a:hover
{
    top: 0px;
    font-weight:normal;
    background: #ffd73f;
    border-bottom: 1px solid #FFF;
    color: #000;
}
        
        
ul.tabs_style2 li.selected a:hover
{
    text-decoration: none;
}




/*공인인증센터******************************************/



ul.tabs_style3 li .tabs_s5
{
    font: normal 16px notokr-regular ;
    text-decoration: none;
    position: relative;
    padding: 12px 20px !important;	
	background: #f7f7f7;
    color: #000;
       
    border:1px solid #ebebeb;
	margin:0px;
	z-index:0
	
}


ul.tabs_style3 li a {border:1px solid #ebebeb; background: #F6F6F9;}

/* ul.tabs_style3 li:last-child a
{
    border:1px solid #ebebeb;

} */
 
/*li:first-child */
        
ul.tabs_style3 li a:hover
{
    background: #4770A3;    
    color: #fff;
	
}
        
ul.tabs_style3 li.selected a, ul.tabs_style2 li.selected a:hover
{
    top: 0px;
    font-weight:normal;
    background: #4770A3;
    border-bottom: 1px solid #FFF;
    color: #fff;
}
        
        
ul.tabs_style3 li.selected a:hover
{
    text-decoration: none;
	background: #4770A3;    
    color: #fff;
	
}

.tabs_style3 .select_on  { 
 font: normal 16px notokr-regular ;
    text-decoration: none;
    position: relative;
    padding: 12px 20px !important;	
	background: #000;
    color: #fff;
       
    border:1px solid #000;
	margin:0px;
	z-index:0
}


/*수강신청 개강 탭*/

.app_tabs_wrap { width:100%; display:block; position:relative; height:52px;background: #6b6b6b; margin-bottom:0px; border-bottom:#ffd73f solid 4px;}

ul.app_tabs li { float:left;border-right:#555252 solid 1px; }
ul.app_tabs li a{ display:block; width:388px; text-align:center; border-right:1px solid #555252;}
ul.app_tabs li:last-child a { width:390px; border:0; }


.app_tabs_wrap2 { width:100%; display:block; position:relative; height:70px;background:#efefef; margin-bottom:0px; }
ul.app_tabs2 li { float:left;border-right:#fff solid 4px; }
ul.app_tabs2 li a{ display:block; width:388px; text-align:center; border-right:1px solid #555252;}
ul.app_tabs2 li:last-child a { width:390px; border:0; }
ul.app_tabs2 li:nth-child(3) { float:left;border-right:#fff solid 0px; }

ul.app_tabs li .app_tabs_off

{
	font: normal 18px NanumSquareR ;
    text-decoration: none;
    position: relative;
    padding: 16px 0px !important;	
	background: #5d5d5d;
    color: #fff;
          
	margin:0px;
	z-index:0;		
	display: block;
	border-right:#CCC solid 1px;
	

	}
	
	
ul.app_tabs2 li .app_tabs_off2

{
	font: normal 18px NanumSquareR ;
    text-decoration: none;
    position: relative;
    padding:11px 0px !important;	
	
    color: #999;
	height:65px;          
	margin:0px;
	z-index:0;		
	display: block;
	border-right:#CCC solid 0px;
	box-sizing:border-box;
	

	}	


ul.app_tabs li .app_tabs_on

{
	font: normal 18px NanumSquareB ;
    text-decoration: none;
    position: relative;
    padding: 0px 0px !important;
	width:390px;
	background: #ffd73f;	
    color: #000;
       
    border-right:0px solid #000;
	margin:0px;
	z-index:0;		
	display: block;

	}
	
	
ul.app_tabs2 li .app_tabs_on2

{
	font: normal 18px NanumSquareB ;
    text-decoration: none;
    position: relative;
    padding: 10px 0px !important;
	width:390px;

	background-image:url(../images/application/apptab_bg.png)  ;
	background-position:bottom;
	background-repeat:no-repeat;
    color: #fff;
    height:80px;     
    border-right:0px solid #555252;
	margin:0px;
	z-index:0;		
	display: block;
	box-sizing:border-box;

	}	
	
ul.app_tabs li:last-child .app_tabs_on

{
	font: normal 18px NanumSquareB;
    text-decoration: none;
    position: relative;
    padding: 16px 0px !important;
	width:390px;
	background: #ffd73f;
    color: #000;
       
    border-right:0px solid #555252;
	margin:0px 2px;
	z-index:0;		
	display: block;
    border: 1px solid #000;

	}	


/*수강신청_과목탭******************************************/


ul.tabs_style4 li .tabs_s6
{
    font: normal 16px notokr-regular ;
    text-decoration: none;
    position: relative;
    padding: 10px 14px !important;	
	background: #f7f7f7;
    color: #000;
       
    border:1px solid #ebebeb;
	margin:3px;
	z-index:0;
    line-height: 45px;
	
}

ul.tabs_style4 li .tabs_s6_on {
	font: normal 16px notokr-regular ;
    text-decoration: none;
    position: relative;
    padding: 10px 14px !important;	
	background: #4770A3;
    color: #fff;
       
    
    border-top: 3px solid #000;
    border-left: 1px solid #4770A3;
    border-right: 1px solid #4770A3;
    border-bottom: 1px solid #4770A3;
	margin:3px;
	z-index:0
	
	
}



ul.tabs_style4 li a {border:1px solid #ebebeb; background: #F6F6F9;}

/* ul.tabs_style4 li:last-child a {border:1px solid #ebebeb;}
ul.tabs_style4 li:first-child a {border:1px solid #ebebeb;padding: 10px 30px !important;	}  */
/*li:first-child */
        
ul.tabs_style4 li a:hover
{
    background: #4770A3;    
    color: #fff;
	
}
        
ul.tabs_style4 li.selected a, ul.tabs_style4 li.selected a:hover
{
    top: 0px;
    font-weight:normal;
    background: #4770A3;
    border-bottom: 1px solid #FFF;
    color: #fff;
}
        
        
ul.tabs_style4 li.selected a:hover
{
    text-decoration: none;
	background: #4770A3;    
    color: #fff;
	
}

/*결제내역 환불*/



ul.tabs_style5 li .tabs_s6
{
    font: normal 16px notokr-regular ;
    text-decoration: none;
    position: relative;
    padding: 10px 24px !important;	
	background: #f7f7f7;
    color: #000;
       
    border:1px solid #ebebeb;
	margin:0px 3px;
	z-index:0;
    line-height: 45px;
	
}

ul.tabs_style5 li .tabs_s6_on {
	font: normal 16px notokr-regular ;
    text-decoration: none;
    position: relative;
    padding: 10px 24px !important;	
	background: #4770A3;
    color: #fff;
       
    border-top:3px solid #000;
    border-left: 1px solid #4770A3;
    border-right: 1px solid #4770A3;
    border-bottom: 1px solid #4770A3;
	margin:0px 3px;
	z-index:0
	
	
}

ul.tabs_style5 li a {border:1px solid #ebebeb; background: #F6F6F9;}

        
ul.tabs_style5 li a:hover
{
    background: #4770A3;    
    color: #fff;
    border-top:3px solid #000;
    border-left: 1px solid #4770A3;
    border-right: 1px solid #4770A3;
    border-bottom: 1px solid #4770A3;
	
}
        
ul.tabs_style5 li.selected a, ul.tabs_style5 li.selected a:hover
{
    top: 0px;
    font-weight:normal;
    background: #4770A3;
    border-bottom: 1px solid #FFF;
    color: #fff;
}
        
        
ul.tabs_style5 li.selected a:hover
{
    text-decoration: none;
	background: #4770A3;    
    color: #fff;
	
}




/*학사일정*/

ul.tabs_style3 li .calendar_tab_off {font: normal 15px notokr-regular ;
    text-decoration: none;
    position: relative;
    padding: 12px 5px !important;	
	background: #f7f7f7;
    color: #000;       
    border:1px solid #ebebeb;
	margin:0px 1px;
    letter-spacing: -0.5px;
	z-index:0}


ul.tabs_style3 li .calendar_tab_on  { 	
    font: normal 15px notokr-regular ;
    text-decoration: none;
    position: relative;
    padding: 12px 5px !important;	
	background: #4770A3;
    color: #fff;
    border-top: 3px solid #000;   
    border-left: 1px solid #4770A3;
    border-right: 1px solid #4770A3;
    border-bottom: 1px solid #4770A3;
    letter-spacing: -0.5px;
	margin:0px 3px;
	z-index:0} 


/* 2024.12.13 수강신청 리뉴얼 추가  *******************************************************/


/* 수강신청 개강탭 */
.app_tabs_wrap3 { width:100%; display:block; position:relative; height:80px;background:#efefef; margin-bottom:0px; }
ul.app_tabs3 li { float:left;border-right:#fff solid 4px; background: #efefef;}
ul.app_tabs3 li a{ display:block; width:388px; text-align:center; border-right:1px solid #555252;}
ul.app_tabs3 li:last-child a { width:390px; border:0; }
ul.app_tabs3 li:nth-child(3) { float:left;border-right:#fff solid 0px; }
	
ul.app_tabs3 li .app_tabs_off3
{text-decoration: none;position: relative;padding:12px 0px !important;color: #646464;	height:56px;          
margin:0px;	z-index:0;display: block;border-right:#CCC solid 0px;	-sizing:border-box;}	

ul.app_tabs3 li .app_tabs_on3
{text-decoration: none; position: relative; padding: 11px 0px !important;width:390px;
background:#1b3183 ; color: #fff; height:80px; border-right:0px solid #555252;margin:0px;z-index:0;display: block;box-sizing:border-box;	}	



/* 수강신청 개강탭  ttttt */
.app_tabs_wrapNEW { width:100%; display:block; position:relative; height:80px;background:#fff; margin-bottom:0px;  }
.app_tabsNEW { background: #fff;display: flex;}
.app_tabsNEW  a{ display:block;  text-align:center;  border-right:#fff solid 4px; width: 100%;}
.app_tabsNEW a:last-child  {margin-right: 3px; }

	
.app_tabsNEW .app_tabs_off3
{text-decoration: none;position: relative;padding:12px 0px !important;color: #646464;	height:56px;          
margin:0px 3px;	z-index:0;display: block;border-right:#fff solid 5px;	-sizing:border-box; width: 100%; background:#efefef;
border-top: #e1e1e1 solid 1px; border-left: #e1e1e1 solid 1px ;border-right: #e1e1e1 solid 1px}	

.app_tabsNEW .app_tabs_on3
{text-decoration: none; position: relative; padding: 11px 0px !important;
background:#1b3183 ; color: #fff; height:80px; border:1px solid #000;margin:0px 3px;z-index:0;display: block;box-sizing:border-box; width: 100%;	}	

.app_tabsNEW .app_tabs_on3::before {content: '▲'; position: absolute; bottom:-10px; left: 50%; font-size: 13px; }


/*수강신청_과목탭******/

.tabs_style6 {display: flex; justify-content: space-between;}


.tabs_style6 .tabs_s6
{    
    text-decoration: none; 
    padding: 10px 14px !important;	
	background: #fff;
    color: #000;       
    border:1px solid #ebebeb;
	margin:0px;
	width: 20%;
    text-align: center;
    margin: 0 1px;
	
}

.tabs_style6 .tabs_s6_on {
	
    text-decoration: none;
    position: relative;
    padding: 10px 14px !important;	
	background: #4c52cd;
    color: #fff;       
    border-top: 3px solid #000;   
    border-left: 1px solid #4770A3;
    border-right: 1px solid #4770A3;
    border-bottom: 1px solid #4770A3;
    width: 20%;
    text-align: center;
    margin: 0 1px;
}

.tabs_style6 a {border:1px solid #ebebeb; background: #F6F6F9;}

.tabs_style6:last-child a {border:1px solid #ebebeb;}
.tabs_style6:first-child a {border:1px solid #ebebeb;padding: 10px 30px !important;	} 
/*li:first-child */
        
ul.tabs_style6 li a:hover
{
    background: #4770A3;    
    color: #fff;	
}
        
.tabs_style6.selected a, .tabs_style6 .selected a:hover
{
    top: 0px;
    font-weight:normal;
    background: #4770A3;
    border-bottom: 1px solid #FFF;
    color: #fff;
}
        
        
.tabs_style6 .selected a:hover
{
    text-decoration: none;
	background: #4770A3;    
    color: #fff;
	
}