@charset "UTF-8";

/* title */
#eclass_title{display:block;margin-top:10px;}
#eclass_title .result_title{border-bottom:1px solid #353e4d; margin-top:30px;}
#eclass_title h3{padding-top:10px;position:relative;display:inline-block;font-weight: 500; color:#000;}
#eclass_title h3:before{content:'';width:18px;height:18px;display:inline-block;background:url(../images/bullet.png) no-repeat;margin-right:10px;vertical-align: middle;}
#eclass_title p{display:inline-block;float: right;margin-top: 18px;}
#eclass_title span{color:#005bac;font-weight: 500;}

/*list-table*/
._articleTable{margin-top:30px;}
._articleTable .artclTable{width: 100%;table-layout:fixed;border-top:2px solid #353e4d;min-width: 900px;}
._articleTable .artclTable caption{display: none;}
._articleTable .artclTable thead th{background: #f8f8f8;color: #333;font-weight:500;word-break: keep-all;border-left:1px solid #ddd;}
._articleTable .artclTable th,
._articleTable .artclTable td{padding: 15px 0;text-align: center;border-bottom:1px solid #dcdcdc; word-break: break-all; line-height: 20px; border-right:1px solid #ddd;border-left:1px solid #ddd;}
._articleTable .artclTable tr.trashLi td{text-decoration: line-through;color:#666;}
._articleTable .artclTable tr td .artclLinkView{display: block;text-align: left;font-size: 1em;margin: 0 7px;}

#eclass #menuUItab > .tab_div{margin:30px 0 15px;}
#eclass .semester ul li{margin-right:10px;padding-right:10px;display:inline-block;border-right:1px solid #666;height: 15px;margin-top: 10px;}
#eclass .semester ul li:nth-last-child(1){border:none;}
#eclass .semester ul li a{display: block;margin-top: -5px;}
#eclass .semester ul li._active > a{color:#005bac; font-weight:600;}

.applicationForm table tbody th{border-bottom:1px solid #ddd;padding:10px 5px;border-right:1px solid #ddd;background-color:#f9fafc;font-weight:400;color:#000;}

#eclass #menuUItab > .tab_div ul li{display:inline-block;width:24.7%;margin-bottom:3px;}
/*#eclass #menuUItab > .tab_div ul li:nth-child(1){margin-left:0 !important;}
#eclass #menuUItab > .tab_div ul li:nth-child(4n+1){margin-left:0;}
#eclass #menuUItab > .tab_div > ul > li > a{border-bottom:1px solid #ddd;}*/

@media only screen and (max-width:1024px){
._articleTable{overflow-x: scroll;}
}

@media only screen and (max-width:790px){
#eclass #menuUItab > .tab_div ul li{width:30%;}
#eclass #menuUItab > .tab_div ul li:nth-child(3n+1){margin-left:0;}
#eclass #menuUItab > .tab_div ul li:nth-child(4n+1){margin-left:3px;}
}