/***********************************************
* 와이즈만 영재교육 css
* STYLE SHEET
* CSS author - Grayblue 
***********************************************/

@import "base.css";
@import "weizmann_notice.css";
@import "member.css";
@import "popup.css";
@import "mypage.css";
@import "program.css";
@import "community.css";
@import "weizmann.css";
@import "blscmcompany.css";
@import "customer.css";
@import "passstatistics.css";
@import "recruit.css";

div#wrapper{width:100%;}
.png24 { tmp:expression(setPng24(this));}

/* header */
div#header{
	position:relative;
	width:988px;
	height:236px;
	margin:0 auto;
	background:#fff;
	z-index:2;
}
div.gnb{
	position:absolute;
	width:998px;
	left:0px;
	top:0;
	z-index:3;
}
div.gnbNavi{}

div#lnb{
	position:absolute;
	left:0;
	top:140px;
	width:231px;
	z-index:1;
}
div#lnb img{display:none;}


div.util_wrap{}
div.util{}
div.util h1{display:none;position:absolute;left:0;top:26px;z-index:10;}
div.util ul{position:absolute;right:0;top:4px;float:right;z-index:10;}
div.util ul li{float:left;padding:10px 0 0 3px;}
div.util ul li img{vertical-align:top;}
div.util ul li img{display:block;}
div.util ul li.btn{padding:5px 0 0 11px;}

div.visual-p{
	position:absolute;
	left:190px;
	top:0;
	z-index:1;
}
div.visual-copy1, div.visual-copy2, div.visual-copy3,
div.visual-copy4, div.visual-copy5, div.visual-copy6{position:absolute;z-index:2;}
div.visual-copy1{
	right:0px;
	top:133px;
	width:396px;
	height:50px;
	background: url('../../images/comm/sub_visual_copy1.png') no-repeat;
}
div.visual-copy2{
	right:30px;
	top:135px;
	width:353px;
	height:50px;
	background: url('../../images/comm/sub_visual_copy2.png') no-repeat;
}
div.visual-copy3{
	right:30px;
	top:135px;
	width:289px;
	height:50px;
	background: url('../../images/comm/sub_visual_copy3.png') no-repeat;
}
div.visual-copy4{
	right:30px;
	top:135px;
	width:289px;
	height:50px;
	background: url('../../images/comm/sub_visual_copy4.png') no-repeat;
}
div.visual-copy5{
	right:30px;
	top:135px;
	width:319px;
	height:50px;
	background: url('../../images/comm/sub_visual_copy5.png') no-repeat;
}
div.visual-copy6{
	right:30px;
	top:135px;
	width:356px;
	height:50px;
	background: url('../../images/comm/sub_visual_copy6.png') no-repeat;
}
div.visual-copy7{
	left:0;
	top:3px;
	width:988px;
	height:236px;
	background: url('../../images/blscmcompany/blscmcompany_visual.jpg') no-repeat 0 1px;
}
div.visual-copy9{
	left:0;
	top:3px;
	width:988px;
	height:236px;
	background: url('../../images/customer/customer_visual.jpg') no-repeat 0 1px;
}

/* contents */
div#container{position:relative;width:988px;margin:0 auto;}
div#contents_wrap{
	float:right;
	width:757px;
	padding:26px 0 250px 0;
	border-top:1px solid #e5e5e5;
}
div#contents_wrap div.title{position:relative;height:81px;}
div#contents_wrap div.title h2{height:31px;}
div#contents_wrap div.title span{
	position:absolute;right:0;top:30px;
	font-size:11px;
	color:#808080;
	padding:0 0 0 10px;
	background:url('../../images/comm/location.gif') no-repeat 0 5px;
}
div#contents_wrap div.title span a{color:#808080;}

/* footer */
div#footer_wrap{
	clear:both;
	width:988px;
	height:122px;
	margin:0 auto;
	background:url('../../images/comm/footer_line.gif') repeat-x left top;
}
div.footerUtil{
	float:left;
	width:670px;
	padding:31px 0 0 0;
}
div.footerUtil h5{
	float:left;
	width:96px;
	height:31px;
	padding:7px 0 0 0;
	text-align:center;
}
div.footerUtil ul.depth1, div.footerUtil ul.depth2{height:15px;}
div.footerUtil ul.depth1 li{float:left;padding:0 5px 0 0;}
div.footerUtil ul.depth2 li{float:left;padding:0 1px 0 0;}
div.footerUtil ul.depth1 li img, div.footerUtil ul.depth2 li img{vertical-align:top;}
div.footerUtil p.address{clear:both;padding:0 0 0 10px;}

div.footerRview{
	float:right;
	padding:34px 13px 0 0;
}

/* old footer 
div.fot1{float:left;width:700px;padding:29px 0 0 0;}
div.fot1 p.center{width:200px;height:31px;padding:0 0 0 11px;}
div.fot1 dl{height:22px;}
div.fot1 dl dt{float:left;width:95px;padding:0 0 0 9px;}
div.fot1 dl dd ul li{float:left;padding:3px 6px 0 0;}
div.fot1 p{height:39px;padding:0 0 0 8px;}
div.fot2{float:right;width:278px;padding:32px 0 0 0;}
div.fot2 ul{float:right;width:270px;height:26px;}
div.fot2 ul li{float:left;padding:0 4px 0 0;}
div.fot2 p{clear:both;height:63px;text-align:right;}
*/

/* member_sub */
div#mem_headerwrap{
	width:100%;
	height:100%;
	height:137px;
	background:url('../../images/comm/mem_header_bg.gif') repeat-x;
}
div.mem_header{position:relative;width:988px;height:137px;margin:0 auto;}
div.mem_header h1{position:absolute;left:0;top:19px;z-index:2;}
div.mem_header div.visual_etc, div.mem_header div.visual_member{position:absolute;left:0;top:0;width:100%;height:137px;z-index:1;}
div.mem_header div.visual_etc{background: url('../../images/comm/visual_etc.jpg') no-repeat top right;}
div.mem_header div.visual_member{background: url('../../images/comm/visual_member.jpg') no-repeat top right;}
div#mem_container{width:988px;margin:0 auto;}
div.mem_contwrap{width:675px;margin:0 auto;}
div.mem_title{width:100%;height:92px;}
div.mem_title h2{width:675px;padding:51px 0 6px 0;}
div.mem_title p{}
div.mem_contents{width:675px;padding:40px 0 150px 0;}

div.merge_wrap{position:relative;width:988px;}
div.merge_wrap div#mergelnb{position:absolute;left:0;top:45px;width:231px;z-index:1;}
div#merge_contwrap{float:right;width:757px;padding:51px 0 150px 0;}
div#merge_contwrap div.title{position:relative;height:81px;}
div#merge_contwrap div.title h2{height:31px;}
div#merge_contwrap div.title span{
	position:absolute;right:0;top:30px;
	font-size:11px;
	color:#808080;
	padding:0 0 0 10px;
	background:url('../../images/comm/location.gif') no-repeat 0 5px;
}
div#merge_contwrap div.title span a{color:#808080;}


/* mypage_sub */

body.mypage div#mem_headerwrap{
	width:100%;
	height:100%;
	height:137px;
	background:url('../../images/comm/mem_header_bg.gif') repeat-x;
}
body.mypage div.mem_header{position:relative;width:958px;height:137px;margin:0 auto;border:none;}
body.mypage div.mem_header h1{position:absolute;left:0;top:19px;z-index:2;}
body.mypage div.mem_header div.visual_etc,body.mypage div.mem_header div.visual_member{position:absolute;left:0;top:0;width:100%;height:137px;z-index:1;}
body.mypage div.mem_header div.visual_etc{background: url('../../images/comm/visual_etc.jpg') no-repeat top right;}
body.mypage div.mem_header div.visual_member{background: url('../../images/comm/visual_member.jpg') no-repeat top right;}
body.mypage div#mem_container{width:958px;margin:0 auto;}
body.mypage div.mem_contwrap{width:675px;margin:0 auto;}
body.mypage div.mem_title{width:100%;height:92px;}
body.mypage div.mem_title h2{width:675px;padding:51px 0 6px 0;}
body.mypage div.mem_title p{}
body.mypage div.mem_contents{width:675px;padding:40px 0 150px 0;}

body.mypage div.merge_wrap{position:relative;width:988px;}
body.mypage div.merge_wrap div#mergelnb{position:absolute;left:0;top:15px;width:221px;overflow:hidden;z-index:1;}
body.mypage div#merge_contwrap{display:inline;float:left;width:757px;padding:51px 0 150px 200px;}
body.mypage div#merge_contwrap div.title{position:relative;height:81px;}
body.mypage div#merge_contwrap div.title h2{height:31px;}
body.mypage div#merge_contwrap div.title span{
	position:absolute;right:0;top:30px;
	font-size:11px;
	color:#808080;
	padding:0 0 0 10px;
	background:url('../../images/comm/location.gif') no-repeat 0 5px;
}
body.mypage div#merge_contwrap div.title span a{color:#808080;}


/* 레이어 팝업 */
div.layerBg{
	position:fixed;
	z-index:4;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.1;
	filter:alpha(opacity=10);
}
div.layerwrap{
	position:absolute;
	left:0;
	top:0;
	z-index:10;
	width:100%;
}
div.layerwrap div.layer-container{
	position:relative;
	width:988px;
	margin:130px auto;
	z-index:10;
}

/* 캘린더 */
div.calendar{
	position:absolute;
	top:400px;
	left:370px;
	z-index:10;
	width:491px;
	height:247px;
	background:url('../../images/weizmann/calendar_bxbg.gif') no-repeat;
}
div.cal_scr{
	clear:both;
	display:block;
	width:440px;
	height:145px;
	overflow:hidden;
	overflow-y:scroll;
	margin:0 auto 0;
	border-top:2px solid #615b5a;
}
div.calendar h1{display:inline;float:left;height:54px;padding:12px 0 0 23px;}
div.calendar span.close{display:inline;float:right;height:29px;padding:12px 20px 0 0;}
table.cal_college{width:400px;border:0;}
table.cal_college th{border-right:1px solid #e7e7e7;}

/* 채용sub */
div#reheader{
	width:100%;
	height:309px;
}
div#recontents_wrap{
	position:relative;
	width:784px;
	margin:0 auto;
}
div.recontents{width:100%;padding:50px 0 100px 0;}
div.reutil_wrap{position:relative;width:998px;height:78px;margin:0 auto;}
div.reutil_wrap h1{display:none;position:absolute;left:0;top:26px;z-index:2;}
div.reutil{position:absolute;right:4px;top:4px;z-index:2;}
div.reutil ul{float:right;}
div.reutil ul li{float:left;padding:10px 3px 0 0;}
div.reutil ul li.btn{padding:5px 0 0 11px;}
div.reutil ul li img{vertical-align:top;}
div.regnb{position:absolute;left:0;top:0;z-index:1;}
div.revisual_wrap{
	width:100%;
	height:231px;
	/* background:url('../../images/comm/re_visual_bg.gif') repeat-x; */
}
div.re_visual{width:988px;margin:0 auto;}
div.retitle{width:100%;height:81px;}
div.retitle h2{padding:0 0 5px 0;}

div#nmheader{
	position:relative;
	width:988px;
	height:142px;
	margin:0 auto;
	z-index:1;
}
div#nmlnb{
	position:absolute;
	left:0;
	top:140px;
	width:231px;
	z-index:1;
}
div#nmcontents_wrap{
	float:left;
	overflow:hidden;
	padding:0 0 150px 266px;
}

/* 영재교육 메인 유틸추가 */
div#weimain_util{position:absolute;left:0;top:0;width:100%;}
div.weiutil_wrap{position:relative;width:988px;margin:0 auto;}


div.sitemap{
	width:784px;
	overflow:hidden;
}
div.sitemap ul.line{width:810px;}
div.sitemap ul li{float:left;width:201px;height:414px;}
div.sitemap ul li dl{width:180px;}
div.sitemap ul li dl dt{height:;}
div.sitemap ul li dl dd{overflow:hidden;padding:10px 0 10px 10px;border-bottom:1px solid #ededed;}
div.sitemap ul li dl dd img{display:block;}
div.sitemap ul li dl dd ul.depth{margin:10px 0 0 0;}
div.sitemap ul li dl dd ul.depth li{
	width:162px;
	height:16px;
	padding:0 0 0 7px;
	line-height:0;
	font-size:0;
	background: url('../../images/etc/stmenu_depth_dot.gif') no-repeat 0 4px;
}
div.sitemap ul li dl dd ul.depth li img{}
