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

* {
   font-family: Dotum;
   font-size: 12px;
	}

body {
	margin:0 ;
	padding:0;
	color:#000;

	}

img {
	border:none;
	}

a {
	color:#000;
    text-decoration:none;
	}

a:hover {
	color:#337b99;
	text-decoration:none;
	}

/* ------메인시작 */
.MainBody{
	background-color:#FFF;
	}

#Container {
	margin:0;
	padding:0;
	border:none;
	text-align:left !important;
	text-align:center;
	background:#FFF url(/Common/Images/Container_bg.gif) repeat-x;
	}
#Header{
	margin:0 auto;
	padding:0;
	width:980px;
	position: relative;
	}
#Header .Login_Info {
	margin: 0;
	padding: 6px 0 0 0;
	width: 370px;
	height: 24px;
	position: absolute;
	top: 0px;
	left: 308px;
	text-align: center;
	background:url(/Common/Images/Top_onlinebg.jpg) no-repeat 0 0;
	}
#Header .Login_Info img {
	margin: 0;
	padding: 0 12px 0 0;
	display:inline;
	}
#Header .Login_Info .course {
	font-size: 12px;
	font-weight: bold;
	color: #ff0000;
	}
#MainBox{
	margin:0 ;
	padding:0;
	height:580px;
	background:#fff url(/Common/Images/Body_bgCenter.gif) repeat-x;
	}
#MainBox .MainVisual{
	margin:0 auto;
	padding:0;
	width:986px;
	height:330px;
	background: url(/Common/Images/MainVisual.gif) no-repeat;
	}

/*왼쪽컨텐츠*/
#MainBox .LeftContents{
	margin:0;
	padding:0;
	width:238px;
	height:580px;
	float:left;
	}
/*로긴박스*/
#MainBox .LoginBox{
	margin:30px 0 0 3px;
	padding:0;
	text-align:left !important;
	width:235px;
	height:150px;
	/*height:122px;*/
	float:left;
	}
#MainBox .LoginBox .LoginForm{
	margin:10px 0 0 0;
	padding: 0;
	height:65px;
	/*height:45px;*/
    position:relative;
	}
#MainBox .LoginBox .LoginForm .selectcourse{
	width:233px;
	line-height:16px;
	margin:0 0 10px 0;
	}
#MainBox  .LoginBox .LoginForm label{
	margin:0;
	padding:0;
	}
#MainBox .LoginBox .LoginForm input{
	margin:0 0 5px 10px;
	padding:0;
 	vertical-align:top;
	height:18px;
	width:125px;
    background:#f3f3f3;
	border:#CCC solid 1px;
}
#MainBox .LoginBox .LoginForm .btn{
	position:absolute;
	top:27px;
	right:2px;
	height:45px;
	width:55px;
	border-width:0px;
	}
#MainBox .LoginBox .LoginForm .UserName{
	margin:25px 0 0 15px;
	width:150px;
	color:#337b99;
	line-height:14px;

	}
#MainBox .LoginBox .LoginForm .User{
    line-height:20px;
	color:#000000;
	font-weight:bold;

	}
#MainBox .LoginBox .LoginMenu{
	margin:15px 0;
	padding:0;

	}

/*board*/
#MainBox #BoardPart{
	margin:350px 0 0 0 !important;
	margin:150px 0 0 0;
	padding:0;
	width:238px;

	}

#MainBox #BoardPart .BoardList{
	margin:0;
	padding:0;
	}

#MainBox .BoardList .Tabmenu{
	margin:0;
	padding:0;
    list-style:none;
	}


#MainBox .BoardList .Tabmenu li{
	margin:0;
	padding:0;
	float:left;
	}


#MainBox .MainCon{
	margin:15px 0;
	padding:0;
	width:238px;
	height:102px;
	}

#MainBox .MainCon td{
	margin:0;
	padding:0 0 0 16px;
	text-decoration:none;
	background:url(/Common/Images/bullet.gif) no-repeat 7px 3px;
	color:#bbbbbb;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	line-height:16px;
	}
#MainBox .MainCon td a{
	margin:0;
	padding:0;
	text-decoration:none;
	color:#bbbbbb;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	line-height:16px;
	}
#MainBox .MainCon td a:hover{
	color:#337b99;
	text-decoration:none;
}
#MainBox .MainCon .date{
	margin:0;
	padding:0;
	text-decoration:none;
	background:none;
	color:#888888;
	font-family:Arial;
	font-size:11px;
	text-align:right;
	line-height:16px;
	}

#MainBox .ConList{
	margin:0;
	padding:38px 0 0 0;

	}

#MainBox .IconmenuL{
	margin:0;
	padding:0;
	width:238px;
	height:77px;
	float:left;
	}

#MainBox .IconmenuL ul{
	margin:0;
	padding:0;
	list-style:none;

	}
#MainBox .IconmenuL ul li{
	float:left;
	list-style:none;
	}

/*메인 플래시*/
#MainBox .MainQuick{
	margin:0 0 0 35px !important;
	margin:0 0 0 20px;
	padding:0 !important;
	padding:0 0 0 20px;
	width:440px;
	float:left;
	}


/*오른쪽 컨텐츠*/
#MainBox .RightContents{
	margin:0 0 0 739px !important;
	margin:0 0 0 730px;
	padding:0;
	height:580px;
	}


#MainBox .Majorinfo{
	margin:0;
	padding:15px 0 0 3px;
	}

#MainBox .Majorinfo a{
	text-decoration:none;
	}

#MainBox .IconmenuR{
	margin:42px 0 0 0;
	padding:0;

}


#Footer{
	margin:0 auto;
	padding:0;
    height:80px;
	background:#fff url(/Common/Images/Body_bgFooter.gif) repeat-x;
	text-align:center;
	}
#Footer .myMenu{
	margin:0 auto;
	padding:35px 10px 0 0;
	text-align:right;
	background:url(/Common/Images/Footer.gif) no-repeat top left;
	width:966px;
	height:60px;

	}

/*------서브시작*/
.SubBody{
	background-color:#FFF;

	}

.SubBody #SubBox {
	margin:0 auto;
	padding:0 ;
	width:980px;
	background:url(/Common/Images/Sub_LeftLine.gif) repeat-y 249px 0 ;

	}



/* 왼쪽메뉴부분 */

#SubBox .SubLeft{
	margin:0;
	padding:0;
	width:250px;

	background: url(/Common/Images/Sub_leftTop.gif) no-repeat;
	float:left;
	}


#SubBox .LeftMenu{
	margin:0;
	padding:0;
	width:250px;
	}

#SubBox .LeftIcon{
	margin:27px 35px 27px 25px;
	padding:0;
	width:190px;
	height:153px;
	}
#SubBox .LeftIcon ul{
	margin:0;
	padding:0;
	list-style:none;
	}
#SubBox .LeftIcon ul li{
	float:left;
	list-style:none;
	padding-bottom:17px;
	}

.clearfloat { /* 이 클래스는 div 또는 분할 요소에 배치되어야 하며, 부동 요소를 완전히 포함해야 하는 컨테이너를 닫기 전 마지막 요소가 되어야 합니다. */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* 서브컨텐츠부분 */

#SubBox .SubContents{
	padding:0 0 20px 0;
	margin:0 0 0 290px !important;
	margin:0 0 0 287px;
	width:690px;
}
#SubBox .SubTop{
	padding:0;
	margin:0;
	height:190px;
	position:relative;
    background: url(/Common/Images/Sub_Topbg01.gif) no-repeat top right;
}
#SubBox .SubTop2{
	padding:0;
	margin:0 0 11px 250px !important;
	margin:0 0 11px 247px;
	width:730px;
	height:190px;
	position:relative;
    background: url(/Common/Images/Sub_Topbg02.gif) no-repeat top right;
}
#SubBox .SubTop3{
	padding:0;
	margin:0 0 11px 250px !important;
	margin:0 0 11px 247px;
	width:730px;
	height:190px;
	position:relative;
    background: url(/Common/Images/Sub_Topbg03.gif) no-repeat top right;
}
#SubBox .SubTop4{
	padding:0;
	margin:0 0 11px 250px !important;
	margin:0 0 11px 247px;
	width:730px;
	height:190px;
	position:relative;
    background: url(/Common/Images/Sub_Topbg04.gif) no-repeat top right;
}
#SubBox .SubTop5{
	padding:0;
	margin:0 0 11px 250px !important;
	margin:0 0 11px 247px;
	width:730px;
	height:190px;
	position:relative;
    background: url(/Common/Images/Sub_Topbg05.gif) no-repeat top right;
}
#SubBox .SubTop6{
	padding:0;
	margin:0 0 11px 250px !important;
	margin:0 0 11px 247px;
	width:730px;
	height:190px;
	position:relative;
    background: url(/Common/Images/Sub_Topbg06.gif) no-repeat top right;
}
#SubBox .ContentsTile{
	margin:0;
	padding:0;
	position:absolute;
	bottom:0;
	right:0;
	}


/*사이트맵 */

.sitemap {
	margin:0;
	padding:0;
	list-style:none;
}
.sitemap li {
	margin:0 15px 20px 0;
	padding:0 0 15px 0;
	list-style:none;
	float:left;
	width:600px;
	border-bottom:#CCC dotted 1px;
}
.sitemap li h2 {
	margin:0 0 5px 0;
}
.sitemap li ul {
	list-style:none;
	margin:0 0 0 10px;
	padding:0;
	color:#666;
	font-size:12px;
}
.sitemap li ul li {
	list-style:none;
	color:#777;
	font-size:12px;
	line-height:16px;
	margin:2px 0;
	padding:0 0 0 10px;
	background:url(/Common/Images/bullet2.gif) no-repeat 2px 5px;
	width:125px;
	border:none;
}
.sitemap li ul li strong {
	color:#333;
	font-size:12px;
	font-weight:normal;
}

.text
{
	margin:0;
	padding:0;
 	vertical-align:top;
	height:18px;
    background:#f3f3f3;
	border:#CCC solid 1px;
}

.renew,
.renew ul,
.renew li,
.renew h1,
.renew h2,
.renew figure,
.renew img,
.renew dl,
.renew dt,
.renew dd,
.renew span,
.renew div,
.renew a {margin: 0; padding: 0; list-style:none; text-decoration:none; font-family: '맑은 고딕',맑은고딕,sans-serif; color:#444; box-sizing:border-box;}
#new_header {width: 980px; height: 110px; padding-top: 25px;}
#new_header::after {content:""; clear: both; display: block;}
#new_header h1 {float:left; width: 235px;}
#new_header #nav {float:right; width: 720px;}
#new_header #nav > li {position: relative; float:left; width: 120px;}
#new_header #nav .dep1 {display: block; padding:17px 0; text-align: center; font-size: 16px; font-weight: bold; letter-spacing:-0.5px; }
#new_header #nav > li:hover .dep1 {color: #327a98;}
#new_header #nav .dep2 {position: absolute; left:0; top:55px; display: none; width: 500px;}
#new_header #nav > li:nth-child(1) .dep2 {width:600px;}
#new_header #nav > li:nth-child(5) .dep2 {width: 260px;}
#new_header #nav > li:nth-child(6) .dep2 {margin-left:-780px; width:900px;}
#new_header #nav > li:hover .dep2 {display: block;}
#new_header #nav .dep2 li {display: inline-block; margin:0 5px;}
#new_header #nav .dep2 li a {line-height: 30px; font-size: 12px; color: #fff;}
#new_header #nav .dep2 li a:hover {font-weight: bold;}

#visual {width:440px; height:580px;}
#visual .visu_slider {position: relative; overflow: hidden; width:440px; height:580px;}
#visual .visu_slider .visu_menu {width:370px; height:220px; margin:0 auto; padding:0 24px;background-color:#fff; border:6px solid #327a98; border-top:0;}
#visual .visu_slider .visu_menu dt,
#visual .visu_slider .visu_menu dd {border-bottom:1px solid #ddd;}
#visual .visu_slider .visu_menu dt {line-height: 28px; font-weight: bold; cursor:default;}
#visual .visu_slider .visu_menu dt span {display: inline-block; width:18px; height:18px; margin-right: 6px; background-color: #659800 ;  text-align: center; line-height: 18px; font-size: 12px; font-weight: bold; color: #fff;}
#visual .visu_slider .visu_menu dd {display: none;}
#visual .visu_slider .visu_menu dl.on dd {display: block;}
#visual .visu_slider .visu_ctrl {display: block; position: absolute; top:145px; width: 30px; height: 40px; z-index: 100;}
#visual .visu_slider .visu_prev {right:0;}
#visual .visu_slider .visu_next {left:0;}

#sub_menu {position: relative; width:190px; margin: 0 auto; padding-top:40px;z-index: 100;}
#sub_menu h2 {margin-bottom:15px; font-size:20px; font-weight:bold; letter-spacing:-2px; }
#sub_menu .dep1 {border-top:1px solid #ddd;}
#sub_menu .dep1 > li {border-bottom:1px solid #ddd;}
#sub_menu .dep1 > li > a {display: block; padding:8px 10px; font-size: 13px; letter-spacing: -1px;}
#sub_menu .dep1 > li .on {background-color: #659800; font-weight: bold; color: #fff;}
#sub_menu .dep2 {border-top:1px solid #eee; padding:5px 10px; background-color: #f4f4f4;}
#sub_menu .dep2 li {padding:4px 0;}
#sub_menu .dep2 li a {display: block; font-size: 12px; color: #666; letter-spacing: -1px}

#page_title {width:690px; margin-bottom:10px; padding-bottom:15px;  border-bottom:1px solid #eee; text-align: left; font-size: 26px; font-weight: bold; letter-spacing: -2px;}