@charset "utf-8";

/* ############################### COMMON ############################### */

*	{margin:0px; padding:0px;}
body	{color:#888; font-size:12px; font-family:"µ¸À½","Dotum","verdana";background:url(http://image.megahrd.co.kr/images/portal/index_v3/bg_family.gif) repeat-x 0 top;}
img	{border:0;}
input,textarea,select {font-size: 12px;}
li,dl,dt,dd {list-style:none;}
fildset, blockquote,fieldset	{border:none;}
hr	{display:none;}

a	{color:#888; text-decoration:none;}
a,img,input		{outline: none;selector-dummy:expression!(this.hideFocus=true);}
a:hover, a:active {/*color: */ text-decoration:underline;}


/* ############################### LAYOUT ############################### */
#FAMILYSITE {width:980px; margin:0 auto;height:25px;position:relative;}
#HEADER {position:relative;width:980px;margin:0 auto;text-align:left;clear:both;margin-top:1px;}
#BODY {clear:both; overflow:hidden;width:930px;margin:0 auto;text-align:left;padding:0px 25px 10px 25px;position:relative;}
#FOOTER {clear:both; width:980px; margin:0 auto; text-align:left;overflow:hidden;}

/* ############################### HEADER ############################### */
.startMega {padding:7px 0;}
#FAMILYSITE ul {position:absolute;top:7px; right:0;}
#FAMILYSITE li {background:url(http://image.megahrd.co.kr/images/portal/index_v3/icon_bar.gif) no-repeat right 1px;float:left;padding:0 9px 0 8px;}
#FAMILYSITE img {vertical-align:top;}
#FAMILYSITE .end {background:none;padding:0 0 0 8px;float:left;}

/* ############################### HEADER ############################### */
#HEADER h1 {float:left;}
#HEADER h1 img {vertical-align:middle;}


.memberAccess {text-align:right;font-size:11px;color:#d5d5d5;display:none;}
.memberAccess a {padding:0 4px;}

.search .Rsbody {display:none;}
.search .Rs {margin:30px 0px 0px 10px; text-align:left; line-height:18px;width:150px;background-color:#fff; border:1px solid #ccc; z-index:0; font-weight:bold;overflow-x:hidden;overflow-y:auto;}
.search .searchFrm {position:absolute; top:-9px; left:70px;}

#HEADER fieldset {float:right;margin-top:20px;}
#HEADER fieldset select {float:left;margin-right:5px;color:#999;}

.search {
	background:url(http://image.megahrd.co.kr/images/portal/index_v3/bg_search.gif) no-repeat; 
	width:237px; height:22px;float:left;margin-right:5px; 
	position:relative;z-index:1;
}
.searchOutcome {
 border:1px solid #e1e1e1;
 width:80px;font-size:11px;
 position:absolute; top:20px;
 left:0px;background-color:#fff;

}
.searchOutcome a {display:block;margin:5px;}

#HEADER .search img{ 
	margin:6px 7px;float:left;overflow:hidden;
}
#HEADER .search .searchtext { 
	margin:6px 7px;float:left;overflow:hidden;
	width:63px;height:10px;
	font-size:11px;color:#a0a0a0;
	background:url(http://image.megahrd.co.kr/images/portal/index_v3/btn_allsearch.gif) no-repeat;
	text-indent:-1000px;
}
#HEADER fieldset .edit {
 margin:4px 0 0 10px;
 width:120px; height:14px; line-height:14px;
 border:none; background-color:#FFF;
 color:#555; font-size:11px; font-family:"µ¸¿ò","dotum";float:left;
}
#HEADER fieldset .btn {vertical-align:middle;float:left;}




.mainNav {
	clear:both;position:relative;
	background:url(http://image.megahrd.co.kr/images/portal/index_v3/bg_nav.gif) no-repeat 0 bottom; 
	width:980px; height:81px;z-index:0;
}
.mainNav ul	{overflow:hidden; width:100%; margin-bottom:6px;}
.mainNav ul li {float:left;}
.mainNav {
	clear:both;position:relative;
	background:url(http://image.megahrd.co.kr/images/portal/index_v3/bg_nav.gif) no-repeat 0 bottom; 
	width:980px; height:81px;z-index:0;
}
.mainNav ul	{overflow:hidden;height:40px; width:100%; margin-bottom:6px;}
.mainNav ul li {float:left; }
.mainNav ul li a {height:40px;}
.mainNav ul li a img {vertical-align:top;}
.mainNav ul li a img.on {margin-top:-40px;}
.mainNav ul li a:hover, .mainNav ul li a:hover	{border:none;}
.mainNav ul li a:hover img, .suvbn b01 a:active img {margin-top:-40px;}


.sub01 {clear:both; margin-left:116px; color:#dcdcdc; height:11px;overflow:hidden;}
.sub01 a {height:11px; margin:0 4px; vertical-align:top;}
.sub01 a img {vertical-align:top;}
.sub01 a img.on {margin-top:-11px;}
.sub01 a:hover, .sub01 a:hover	{border:none;}
.sub01 a:hover img, .suvbn b01 a:active img { margin-top:-11px;}

.sub02 {clear:both; margin-left:136px; color:#dcdcdc; height:11px;overflow:hidden; }
.sub02 a {height:11px; margin:0 4px; vertical-align:top;}
.sub02 a img {vertical-align:top;}
.sub02 a img.on {margin-top:-11px;}
.sub02 a:hover, .sub01 a:hover	{border:none;}
.sub02 a:hover img, .sub01 a:active img { margin-top:-11px;}

.sub03 {clear:both; margin-left:186px; color:#dcdcdc; height:11px;overflow:hidden;}
.sub03 a {height:11px; margin:0 4px; vertical-align:top;}
.sub03 a img {vertical-align:top;}
.sub03 a img.on {margin-top:-11px;}
.sub03 a:hover, .sub01 a:hover	{border:none;}
.sub03 a:hover img, .sub01 a:active img { margin-top:-11px;}

.sub04 {clear:both; margin-left:206px; color:#dcdcdc; height:11px;overflow:hidden;}
.sub04 a {height:11px; margin:0 4px; vertical-align:top;}
.sub04 a img {vertical-align:top;}
.sub04 a img.on {margin-top:-11px;}
.sub04 a:hover, .sub01 a:hover	{border:none;}
.sub04 a:hover img, .sub01 a:active img { margin-top:-11px;}

.sub05 {clear:both; margin-left:506px; color:#dcdcdc; height:11px;overflow:hidden;}
.sub05 a {height:11px; margin:0 4px; vertical-align:top;}
.sub05 a img {vertical-align:top;}
.sub05 a img.on {margin-top:-11px;}
.sub05 a:hover, .sub01 a:hover	{border:none;}
.sub05 a:hover img, .sub01 a:active img { margin-top:-11px;}

.sub06 {clear:both; margin-left:486px; color:#dcdcdc; height:11px;overflow:hidden;}
.sub06 a {height:11px; margin:0 4px; vertical-align:top;}
.sub06 a img {vertical-align:top;}
.sub06 a img.on {margin-top:-11px;}
.sub06 a:hover, .sub01 a:hover	{border:none;}
.sub06 a:hover img, .sub01 a:active img { margin-top:-11px;}

.wizard {position:absolute;top:41px; right:15px;}
.concentrate {float:left;color:#666;font-size:11px;height:20px; display:none;}
.concentrate img {vertical-align:middle;}
.notic {float:right;width:252px;color:#666;font-size:11px;height:20px; display:none;}
.notic img {vertical-align:middle;margin-left:5px;}

/* ############################### BODY ############################### */

.contentWrap {position:relative;padding-top:56px;}
.contentWrap h3 {height:56px; overflow:hidden;}
.contentWrap img {vertical-align:top;}
.contentWrap h3 a img.on {margin-top:-56px;}
.contentWrap h3 a:hover, .contentWrap h3 a:hover {border:none;}
.contentWrap h3 a:hover img, .contentWrap h3 a:active img {margin-top:-56px;}

.contentWrap .menu1 {position:absolute;top:0px;left:0px;}
.contentWrap .menu2 {position:absolute;top:0px;left:25px;}
.contentWrap .menu3 {position:absolute;top:0px;left:245px;}
.contentWrap .menu4 {position:absolute;top:0px;left:465px;}
.contentWrap .menu5 {position:absolute;top:0px;left:685px;}
.contentWrap .menu6 {position:absolute;top:0px;left:905px;}

.introduction {clear:both;}
.service {clear:both;overflow:hidden;}
.service p {background:url(http://image.megahrd.co.kr/images/portal/promotion/mobile/images/title02.jpg) no-repeat ;width:930px;height:129px;position:relative;}
.service p a {position:absolute; top:53px; right:23px;}

.course {clear:both;}
.courseLeft {width:196px; padding:14px 0 0 28px;float:left;}
.courseLeft h5 {font-size:14px;color:#333;}
.courseLeft h5 strong {color:#f86223;}
.courseMobile {padding-top:19px;}
.courseMobile li {background:url(http://image.megahrd.co.kr/images/portal/promotion/mobile/images/bullet_skyblue.gif) no-repeat 0 14px;padding:10px 0 0 10px;font-weight:bold;font-size:12px;color:#63b7e1}
.courseMobile li a.on {color:#63b7e1;}
.courseMobile li a:hover , .courseMobile li a:active {color:#63b7e1;}
.courseMobile li ul {padding-top:6px;}
.courseMobile li li {background:none;font-size:11px;color:#888;font-weight:normal;padding:0;line-height:18px;}
.courseMobile li li a:hover , .courseMobile li li a:active {color:#010101;}
.courseMobile li li a.on {font-size:11px;color:#010101;}


.courseRight {padding:12px 0 0 24px; float:left;border-left:1px solid #ebebeb;}
.courseTop {width:672px;overflow:hidden;padding-bottom:11px;}
.courseTop h5 {float:left;margin:9px 0 13px 6px;}
.download {float:right; vertical-align:top;}

.courseTable {clear:both;padding:0 0 0 6px;}
.courseTable table {width:671px;}
.courseTable table td {border-bottom:1px solid #ebebeb; height:30px; text-align:center;}
.courseTable table td.PL17{padding-left:10px;text-align:left;}
.courseTable table td.group {word-break:break-all;width:70px;padding:0 6px;text-align:center;}
.contentWrap input {padding: 1px 5px 0; font-size:12px;}
.contentWrap textarea {padding: 5px 5px 0; font-size:12px;}

input {height:19px;border:1px solid #e2e2e2;}
select {height:22px;border:1px solid #e2e2e2;vertical-align:middle;}
.eventInfo {overflow:hidden;clear:both;}
.event {float:left;}
.advice {background:#f1f1f1;width:450px;padding:20px 20px 20px 30px;float:right;}
.advice legend {display:none;}
.adviceInfo input {width:172px; height:19px;border:1px solid #e2e2e2;}
.adviceInfo p {margin-bottom:6px;}
.adviceInfo fieldset {padding:20px 0 46px 0;margin:0;}
.event h4 {}
.adviceWrite fieldset {padding:20px 0 10px 0;margin:0;}
.adviceWrite p {margin-bottom:6px;}
.adviceWrite input {width:300px; height:19px;border:1px solid #e2e2e2;}
.adviceWrite textarea {width:300px; height:107px;border:1px solid #e2e2e2;}
.btnSend input {border:none;width:100px;height:29px;float:right;margin-right:6px;}
.Name input {width:102px;}
.adviceWrite span {padding:8px 15px 0 0;}
.up {text-align:right;clear:both;padding-top:72px;}
.up img {vertical-align:bottom;margin-right:-25px;;margin-bottom:-1px;}

html, body, td, div, textarea {
scrollbar-face-color: #fcfcfc; 
scrollbar-shadow-color: #D4D4D4; 
scrollbar-highlight-color:#E9E9E9; 
scrollbar-3dlight-color: #ffffff; 
scrollbar-darkshadow-color:#ffffff; 
scrollbar-track-color: #ffffff; 
scrollbar-arrow-color: #888888;}

/* ############################### FOOTER ############################### */
#FOOTER ul {clear:both;height:43px;border-top:1px solid #d2d7e4;border-bottom:1px solid #d2d7e4;margin:0 0 29px 0 ;padding:14px 0 15px 0;}
#FOOTER li {background:url(http://image.megahrd.co.kr/images/portal/index_v3/bg_dot.gif) no-repeat left 0;padding:0 12px 0 13px;float:left;height:43px;}
#FOOTER .first {background:none;padding:0 12px 0 28px;}
#FOOTER h2 {float:left;}
#FOOTER p {float:left;margin-bottom:14px;}

/* ############################### ¼ö°­½Åû ############################### */
.layer_panel3 {border:none;background-color:#ffffff;border:1px solid #d0d0d0;}
.layer_panel3 .header .layer_close  {position:absolute; background:url(http://image.megahrd.co.kr/images/portal/index_v3/common/btn_close03.gif) no-repeat; width:15px; height:15px; top:10px; right:15px; cursor:pointer;border:1px solid;}
.layer_panel3 .header .title		{position:relative; top:10px; left:20px;}