@charset "utf-8";

/* reset css */
html,body{width:100%;height:100%}
html{overflow-y:scroll}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button,p,div,td{font-family:NanumGothic,"나눔고딕","맑은고딕","Malgun Gothic";color:#464646;font-size: 13px;}
body {background: url('/img/bg.jpg');}

img,fieldset,iframe{border:0 none;}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
button *{position:relative}
button img{left:-3px;*left:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
hr{display:none}
legend{*width:0}
table{/* border-collapse:collapse;table-layout:fixed; */border-collapse:collapse;border-spacing:0}


a { selector-dummy : expression(this.hideFocus=true);text-decoration:none;}
A:link			{color:#838382; text-decoration:none;}
A:visited		{color:#838382; text-decoration:none;}
A:hover 		{color:#000000; text-decoration:none;}

/* main */
#wrap {width:1000px; margin:0 auto;}
#head{width:1000px; height:153px;}
	.logo{width:271px; height:86px; padding-top:47px;float:left;}
	.menu{width:729px; height:90px; float:left; margin-top:50px}
	.sub_menu{width:1000px; height:20px; float:left; z-index:10; position:relative}
	.sub_menu ul{float:right;}
	.sub_menu ul li{display:inline;padding-left: 18px;}
	.sub_menu ul li a {color:#838383;font-weight:bold; line-height:25px;}
#main-content{width:1000px;height;465px;}	
#bottom{
	width:1000px;
	height:27px;
	color: #a3a3a3;
	text-align: center;
	padding: 28px 0 40px 0;
	line-height: 130%;
	clear:both;
	margin:0 auto;
}

/* sub */
#sub-content {width:1000px;}
	.sub_top {width:1000px;height:100px;}
	.sub_left{width:120px; float:left; margin-top:20px}
	.sub_left ul li{width:120px; height:40px;background-color:#39383a; }
	.sub_left ul li:hover{background-color:#ed5353; }
	.sub_left ul li:hover > a{color:#f8c6c6;}
	.sub_left ul li a {display:inline-block;
					   color: #b9b9ba;
					   font-size: 12px;	
					   font-weight:bold;
					   padding: 12px 0 0 15px;
					   width:105px;
					   height:28px;}
	.sub_left ul li a:hover {color: #f8c6c6;
	     				    font-size: 12px;	
						    font-weight:bold;}				   
	.sub_main{border:1px solid #e9e8e8; width:831px; margin:14px 0 23px 14px;float:left;padding:36px 0 60px 33px; background-color:#fff;}
		.title{font-size:26px; vertical-align:middle;}
		.sub_main_text {margin: 40px 0 0 15px; width:775px; line-height:150%; color:#838382}

.font_bl{ color:#000}
.font_pk{ color:#e3635a}

.sub_tb{ border-top:1px solid #ee9892;  border-bottom:1px solid #ee9892}
.td1{ width:180px; text-align:center;color:#838382}
.td2{ text-align:left; padding:20px;color:#838382}

.sub_tb2{ border-top:2px solid #ee9892;}
._td3{ padding:10px; text-align:center;color:#838382;border-right:1px solid #e9e8e8; border-bottom:1px solid #cccccc; background-color:#f7f7f7; font-weight:bold}
._td4{ text-align:center; padding:10px;color:#838382; border-bottom:1px solid #cccccc;  background-color:#f7f7f7;font-weight:bold}
.td3{ padding:10px; text-align:center;color:#838382;border-right:1px solid #e9e8e8; border-bottom:1px solid #e9e8e8;}
.td4{ text-align:left; padding:10px;color:#838382; border-bottom:1px solid #e9e8e8;}
.td5{ padding:10px; text-align:left;color:#838382;border-right:1px solid #e9e8e8; border-bottom:1px solid #e9e8e8;}

.sub_tb3{ border-top:2px solid #cccccc;}
._td6{padding:5px 20px 5px 20px; text-align:center;color:#838382;border-right:1px solid #e9e8e8; border-bottom:1px solid #e9e8e8; background-color:#f3f1f0; }
._td7{ text-align:center; padding:5px 20px 5px 20px; color:#838382; border-bottom:1px solid #e9e8e8;  background-color:#f3f1f0;}
.td6{ padding:5px 20px 5px 20px; text-align:center;color: #666;border-right:1px solid #e9e8e8; border-bottom:1px solid #e9e8e8;}
.td7{ text-align:center;padding:5px 20px 5px 20px;color:#666; border-bottom:1px solid #e9e8e8; }


.list_2st{margin:0 0 0px 10px;padding:0;}
.list_2st li{padding-left:15px;background:url(/img/h6.gif) no-repeat 2px 6px;line-height:150%;}
.list_3st{margin:0 0 0px 10px;padding:0;}
.list_3st li{padding-left:10px;background:url(/img/h7.gif) no-repeat 0 9px;line-height:150%;color:#838382; }

h5{margin-bottom:7px;padding:0 0 0px 22px;background:url(/img/h5.gif) no-repeat 2px 4px;font-size:14px;}

/* 탭메뉴 */
#tab_box {margin:20px auto 0;padding-bottom:22px;}
#tab_box strong.tabTi {display:block;text-indent:-9999px;}
#tab_cnt{clear:both;width:100%;margin:0;padding:0 0 2px;background:url(/img/pd_tab_bg.gif) repeat-x right bottom;line-height:15px;}
#tab_cnt:after {content:" ";display:block;visibility:hidden;clear:both;}
#tab_cnt a {float:left;margin-right:-1px;word-break:keep-all; cursor:pointer;}
#tab_cnt a:link,
#tab_cnt a:visited {padding:0;background:url(/img/tab_bg_l.gif) no-repeat 0 0; color:#838382; font-weight:bold}
#tab_cnt a span {display:inline-block;padding:10px 12px 8px;background:url(/img/tab_bg_r.gif) no-repeat 100% 0;}
#tab_cnt a:hover,
#tab_cnt .tab_ov:link,
#tab_cnt .tab_ov:visited,
#tab_cnt .tab_ov:hover {margin-top:-0;padding:0;color:#fff;background:url(/img/tab_bg_ov_l.gif) no-repeat 0 0; font-weight:bold}
#tab_cnt a:hover span,
#tab_cnt .tab_ov:link span,
#tab_cnt .tab_ov:visited span,
#tab_cnt .tab_ov span {display:inline-block;padding:10px 12px 8px;color:#fff;background:url(/img/tab_bg_ov_r.gif) no-repeat 100% 0; font-weight:bold}


.tab_cnt{margin:0;padding:0;}



/*instructor*/	
.left_title{width: 70px;
			height: 13px;
			font-size: 10px;
			background-color: #000;
			color: #fff;
			text-align: center;
			padding-top: 2px;
			float:left;}	
.teacher_intro{float: left;
			   font-size: 12px;
	           margin-left: 25px;
			   border-left: 1px solid #eaeaea;
			   color: #84b772;
			   font-weight: bold;
			   padding-left:20px;}				
.instructor {border-left:1px solid #eaeaea;border-bottom:1px solid #eaeaea;padding: 20px 0 35px 0; float:right;width:679px;}
	.picture {padding:0 20px 0 20px;float:left;}
		.picture img {border: 1px solid #d8d8d8;padding: 5px;}
	.career {float:left;}	
	.career ul li{line-height: 130%;}	
		.t_name{font-size: 18px;
                font-weight: bold;
				border-left:1px solid #d3d3d3;
				padding-left: 10px;}
		.t_class{border-left: 1px solid #d3d3d3;padding-left: 12px;}
		.t_career{color: #777;
				  font-size: 11px;
				  padding-top: 5px;
				  padding-left: 14px;}		