@charset "utf-8";
/* CSS Document */

html {overflow-x:scroll; overflow-X: hidden;} 


body{margin:0; padding:0; color:#7d7d7d; font-size:12px; font-family:돋움,굴림,Dotum,Gulim,sans-serif,Arial Unicode MS; line-height:17px; }

img{border:0;}

a:link, a:visited, a:active {color:#7d7d7d; font-size:12px; text-decoration:none; }
a:hover { color:#ff6f0f; text-decoration:underline; }

.menu_style{height:31px; position:absolute; left:50%;}
.menu_style ul{margin:0; padding:0; list-style:none; }
.menu_style ul li{float:left;}
.list_img {background:url(../make_img/sub/list_img01.gif) no-repeat 0 -1px; padding-left:18px;font-weight:bold; font-size:14px; color:#555454; }

.history_y{ font-weight:bold; color:#23aa9c; padding-right:10px;}

.pad05{padding:5px;}
.pad15{padding:15px;}
.professor_bd1{border-right:1px solid #d4d4d4; border-bottom:1px solid #c5c5c5;} 
.professor_bd2{border-bottom:1px solid #d4d4d4;}


.list_dot{background:url(../make_img/list_dot.gif) no-repeat 0 50%; padding-left:10px;}

.border1{border:1px solid #d7d7d7; padding:3px;}


.sub_stitle{font-weight:bold; padding:8px 18px;}

.pad_b_40{padding-bottom:40px;}
.pad_lb{padding-left:18px; padding-bottom:40px;}
.pad_tb{padding-top:10px; padding-bottom:30px;}


ul.list1{padding:0; margin:0; list-style:none;}
ul.list1 ul li{list-style:none; background: none; padding-left: 0; margin-left: -25px;}
ul.list2{padding:0; margin:0; margin-left:20px; list-style:none; }
ul.list3{padding:0; margin:0; list-style:none;}
ul.list2 li, ul.list1 li{background:url(../make_img/sub/arrow.gif) no-repeat 0 3px; padding-left:18px;}
ul.list3 li{background:url(../make_img/sub/arrow.gif) no-repeat 0 3px; padding:0 0 10px 18px; margin-top:10px;}

.p_detail_table td{padding:5px; border:1px solid #ccc;}

.td_border1{border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:10px; }
.td_border2{border-bottom:1px solid #e0e0e0; padding:10px;}
.td_border3{border-bottom:1px solid #e0e0e0; border-top:1px solid #e0e0e0; padding:10px;}

.td_border4{border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:5px; }
.td_border5{border-bottom:1px solid #e0e0e0; padding:5px;}
.td_border6{border-bottom:1px solid #e0e0e0; border-top:1px solid #e0e0e0; padding:5px;}


.subject_title{background:url(../make_img/sub/arrow.gif) no-repeat 0 14px; font-weight:bold; padding:10px 0 0 18px;}


/***************************************************************/
.listTable {border-top:2px solid #fb8b12; clear:both;}
.listTable table {width:100%;}
.listTable table td {border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; padding:7px;}
.listTable table th {border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; padding:7px; background:#f4f4f4; text-align:center;}
.listTable table .first {border-left:none;}
.listTable table .end {border-left:none;}

/***************************************************************/
.listTable2 {border-top:2px solid #ff6f0f; clear:both;}
.listTable2 table {width:100%;}
.listTable2 table td {border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; padding:2px;}
.listTable2 table .first {border-left:none;}
.listTable2 table .end {border-left:none;}

.listTable3 table td {padding:2px 5px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:13px;}
.listTable3 .num_bg1 {border:1px solid #ff4301; background:#ff7801; text-align:center; overflow-y:hidden; color:#FFF; font-weight:bold;}
.listTable3 .num_bg2 {border:1px solid #d5d5d5; background:#FFFFFF; text-align:center; overflow-y:hidden;}

/***************************************************************/
.grade ul{list-style:none; margin:0; padding:0}
.grade li{display:inline;}
.grade li a{float:left; margin-right:5px;  margin-bottom:5px; padding:6px 30px; text-decoration:none; color:#FFF; background:#999;}}
.grade li a.active, .grade a:hover{color:#FFF; background:#36F;}



.t01 {
	width: 100%;
	margin-top: 10px;
	border-top: 2px solid #0074c1;
	border-left:1px solid #d2d2d2;
}

.t01 thead th {
	text-align: center;
	border-right:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
	background: #f4f4f4;
	padding: 3px;
}

.t01 tbody th {
	text-align: center;
	border-right:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
	background: #f4f4f4;
	padding: 3px;
}

.t01 tbody td {
	text-align: center;
	border-right:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
	padding: 3px;
}

.t01 tbody th.text-left {
	text-align: left;
}

.title01 {
	font-size: 13px;
	font-weight: bold; 
	color: #06C;
	margin: 0;
	padding: 0;
	padding-top: 15px;
}

.t02 {
	width: 100%;
	margin-top: 10px;
	border-top:1px solid #d2d2d2;
	border-left:1px solid #d2d2d2;
}

.t02 thead th {
	text-align: center;
	border-right:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
	background: #f4f4f4;
	padding: 5px;
}

.t02 tbody th {
	text-align: center;
	border-right:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
	background: #f4f4f4;
	padding: 5px;
}

.t02 tbody td {
	text-align: center;
	border-right:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
	padding: 5px;
}

.t02 tbody th.text-left,
.t02 tbody td.text-left {
	text-align: left;
	padding-left: 10px;
}

.t03 {
	width: 100%;
	margin-top: 10px;
	border-top: 2px solid #0074c1;
	border-left:1px solid #d2d2d2;
}

.t03 thead th {
	text-align: center;
	border-right:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
	background: #e5f0f7;
	padding: 5px;
}

.t03 tbody th {
	text-align: center;
	border-right:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
	background: #f4f4f4;
	padding: 5px;
}

.t03 tbody td {
	text-align: center;
	border-right:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
	padding: 5px;
}

.t03 tbody th.text-left,
.t03 tbody td.text-left {
	text-align: left;
}

/* tabmenu 20200319 장성화*/
.menu_tab {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.menu_tab ul {
	width: 100%;
	margin: 0;
	padding: 0;
	margin: 20px 0;
}

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

.menu_tab ul li {
	position: relative;
	list-style: none;
	float: left;
	line-height: 30px;
	border: 1px solid #ccc;
	background: #f4f4f4;
}

.menu_tab ul li:nth-child(2),
.menu_tab ul li:nth-child(3),
.menu_tab ul li:nth-child(4),
.menu_tab ul li:nth-child(5){
	margin-left: -1px;
}

.menu_tab ul li a {
	display: block;
	text-decoration: none;
	text-align: center;
}

.menu_tab ul li a:hover {
	background: #0074c1;
	font-weight: bold;	
	color: #fff;
}

.menu_tab ul li.active a {
	background: #0074c1;
	font-weight: bold;	
	color: #fff;
}

.menu_tab ul li.active a:hover {
	text-decoration: none
}

.depth2 ul li {
	width: calc(50% - 2px)
}

.depth3 ul li {
	width: calc(33.3333333% - 2px)
}

.depth4 ul li {
	width: calc(25% - 2px)
}

.depth5 ul li {
	width: calc(20% - 2px)
}

.mTs {
	width: 100%;
}

/* tab (20220107 장성화) */

.tab {
    width: 100%;
    height: auto;
    overflow: hidden;
	margin-top: 20px;
}
 
.tab ul {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
    height: auto;
    overflow: hidden;
}
 
.tab ul li {
    display: inline-block;
    float: left;
    line-height: 34px;
    text-align: center;
    cursor: pointer;
	font-weight: bold;
	background: #f2f2f2;
	margin-right: 2px
}
 
.tab ul li:hover,
.tab ul li.on {
	color: #fff;
    background: #0074c1;
}
 
.tab .contents-box {
    width: 100%;
    height: auto;
    overflow: hidden;
    min-height: 200px;
    display: none;
    text-align: center;
}
 
.tab .contents-box.on {
    display: block;
	text-align: left;
}
.tab ul.depth2 li {
    width: calc(50% - 2px);
}
 
.tab ul.depth3 li {
    width: calc(33.33333333% - 2px);
}
 
.tab ul.depth4 li {
    width: calc(25% - 2px);
}
 
.tab ul.depth5 li {
    width: calc(20% - 2px);
}