#hp_wrap{
	width: 100%;
    margin: 0 auto;
    padding: 150px 0 50px 0;
    position: relative;
    background-image: url(/images/homepage/top_bg2.gif) ;
    background-repeat : repeat-x ;
    background-position : 0px -100px;
    height: 100%;
    border:1px solid #efefef;
}
#div_top_title{
	padding:10px;
	width:100%;
}
.title_center{
	text-align:center;
	width:100%;
	font-size:15px;font-weight:bold;font-color:#636363;	
}
.title_sub{
	text-align:center;
	width:100%;
}

.hp_logo{
	position: absolute;
    left: 0;
    top: 0;
    height: 90px;
    color: #fff;
    padding: 15px;
}

#hp_header{
	position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 90px;
    background: #202020;
    opacity: 0.67;
    z-index:1;
}
#hp_container{
    width: 100%;
    align:center;
}
#hp_txt{
	width:90%;
	padding: 5px;
	padding-top: 10px ;
    margin:0 auto;
    min-height:300px;
}
#hp_footer{
    background-color: #313131;
    clear:both;
	width:100%;
	height: 40px;
    line-height: 40px;
	text-align:center;
	color: #aeaeae;
}
#div_hp_menu ul{position: absolute;   right: 0;    top: 0;}
#div_hp_menu ul li{    float: left;  height: 65px;}
#div_hp_menu ul li a{    text-decoration: none;
    display: block;
    line-height: 65px;
    padding: 0 15px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    font-family: 'Malgun Gothic','Nanum Gothic','돋움',dotum,Helvetica,sans-serif;}
#div_hp_menu ul li a:link,
#div_hp_menu ul li a:visited,
#div_hp_menu ul li a:active{color:#fff;}
#div_hp_menu ul li:first-child a:link,
#div_hp_menu ul li:first-child a:visited,
#div_hp_menu ul li:first-child a:active{background:none;}
#div_hp_menu ul li a.depth_1:hover,
#div_hp_menu ul li a.depth_1.on:link,
#div_hp_menu ul li a.depth_1.on:visited,
#div_hp_menu ul li a.depth_1.on:hover,
#div_hp_menu ul li a.depth_1.on:active,
#div_hp_menu ul li a.depth_1:hover,
#div_hp_menu ul li:first-child a.depth_1.on:link,
#div_hp_menu ul li:first-child a.depth_1.on:visited,
#div_hp_menu ul li:first-child a.depth_1.on:hover,
#div_hp_menu ul li:first-child a.depth_1.on:active{color:#f9ff62; }


#div_hp_menu ul li ul{display:none;position:absolute;right:20px;top:30px;z-index:1; padding:0; background:none;}
#div_hp_menu ul li ul li{float:left}
#div_hp_menu ul li ul li a{display:block; height:36px; line-height:30px; padding:5px 20px 0px 10px; font-size:13px; text-align:left;}
#div_hp_menu ul li ul li a:link,
#div_hp_menu ul li ul li a:active,
#div_hp_menu ul li ul li a:visited,
#div_hp_menu ul li:first-child ul li a:link,
#div_hp_menu ul li:first-child ul li a:active,
#div_hp_menu ul li:first-child ul li a:visited,
#div_hp_menu ul li ul li:first-child a:link,
#div_hp_menu ul li ul li:first-child a:active,
#div_hp_menu ul li ul li:first-child a:visited{color:#f9ff62; }


#div_hp_menu ul li ul li:first-child a:hover,
#div_hp_menu ul li:first-child ul li a:hover,	
#div_hp_menu ul li:first-child ul li a.on:link,
#div_hp_menu ul li:first-child ul li a.on:visited,
#div_hp_menu ul li:first-child ul li a.on:hover,
#div_hp_menu ul li:first-child ul li a.on:active,
#div_hp_menu ul li ul li a:hover,.div_hp_menu ul li ul li a.on{color:#87bfff;  }


.hpMainBox{
	float:left;
	background: #fff;
    border-radius: 6px;
    box-shadow: 1px 2px 6px 0 rgba(0, 0, 0, 0.22);
    color: #666;
    padding:8px;
    margin:8px;
    width:250px;
}
 
.main_notice{
	width:100%;
	min-height:145px;
	background: #fff;
    overflow: hidden;
    /* box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.22); */
    border-bottom: 1px dashed rgba(0, 0, 0, 0.22);
    color: #666;
    padding:5px 5px 0px 5px;
    margin:8px;
    text-align:left;
}
.main_notice ul{
	padding: 5px 5px 5px 15px;
}
.main_notice ul li{
	line-heigth:18px;
	background:url("../images/common/bul_02.gif") no-repeat left 8px;
	padding:0px 0px 0px 15px ;
}

.main_course{
	width:100%;
	background: #fff;
    padding:5px 5px 10px 5px;
    margin:8px;
}
.course_name{
	font-weight:bold;
	padding:3px 0px;
}
.course_sub{
	text-align:left;
	padding-left:5px;
	font-size:11px;
}
#hp_title{
	border:0px solid;
	display:block; 
	height:25px; 
	padding:0px 0px 10px 30px; 
	font-size:18px; 
	line-height:25px; 
	color:#000; 
	background:url("../images/common/title_bul.gif") no-repeat left 5px;
	text-align:left;
}
ul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}
li{
	list-style:none;
}



.tabs-style-bar{
	padding:10px 10px 2px 10px;
	width:100%;
	border-bottom:#efefef 2px solid;
	
}

.tabs-style-bar ul{
    display: block;	
    list-style-type: disc;
	margin:0px;
	padding:0px;
}
.tabs-style-bar ul li{
	/* display:inline; */
	display : inline-table;
	padding:10px 20px;
	margin:0px;
	background:#fff;
	color:#000;
	/* line-height:32px; */
	border-top:#efefef 2px solid;
	border-left:#efefef 2px solid;
	border-right:#efefef 2px solid;
	font-weight:bold;
}
.content-wrap section{
	display:none;
}

.course_info_title{
	font-weight:bold;
	font-size:15px;
	color:#3046cf;
	padding:20px 0px 10px 0px;
}

.course_info{
	padding-bottom:50px;
	width:100%;
	border-bottom:1px dotted #ccc;
}
.course_info ul li{
	line-height:32px;
}


.cursor{
	cursor:hand;
	cursor:pointer;
}

.left{
	text-aling:left;
}



#if_txt{
	text-align:center;
}
#if_menu{
	width:100%;
	padding:20px 5px;
	text-align:center;
	font-weight:bold;
}
#if_menu ul li{
	display:inline;
	padding-right:20px;
}