/* ----------------------------------------------
					브라우저기본스타일
-----------------------------------------------*/
* {margin:0; padding:0;}

body { font-family:돋움, dotum, verdana, san-serif, apple-gothic;   
			font-size:12px; 
			color:#5f5f5f;
			background-color:#FFFFFF;
			text-align:center;
			background:url(http://images.joins.com/ui_biz/himtec2010/images/bg_indexall.jpg) repeat-x 0px 0px;
			line-height:18px;
		
}
				
a {color:#5f5f5f;}
a, a:link, a:visited {text-decoration:none;}
a:hover, a:active {color:#555; text-decoration:underline;}
hr,h1,h2 {display:none;}
li {list-style:none; }
img {border:none;}



/* ----------------------------------------------
					레이아웃 
-----------------------------------------------*/
#CONTAINER {width:1000px; margin:0 auto;}
.SWFbox {width:1000px; height:555px; }
.SWFbox img{display:block; }

#CONTENTS970 {width:970px; text-align:center; 	margin:0 auto; }
	#CL260			{width:260px; float:left; }
	#CC350			{width:350px; float:left; margin:30px 0 0px 15px; }
	#CR340			{width:340px; float:left; margin:30px 0 0px 0px; }

#FOOTER {width:970px; overflow:hidden;}

/* loginbox 
.loginbox {width:260px; height:100px;  background:url(http://images.joins.com/ui_biz/himtec2010/images/index_box_bg01.jpg) no-repeat 0px 0px; margin-bottom:10px; border:1px solid #cc0000; background-color:#cc0000;}
.loginbox p.hello {padding-top:30px;}

.loginBG {width:243px; height:43px; background:url(http://images.joins.com/ui_biz/himtec2010/images/index_box_bg01_in.jpg) no-repeat 0px 0px;  margin:10px 0 0 2px; padding:10px 0 0px 0;}
	:root .loginBG {width:250px; height:43px; background:url(http://images.joins.com/ui_biz/himtec2010/images/index_box_bg01_in.jpg) no-repeat 5px 10px;  padding:20px 0 0px 2px;}

.loginBG img {vertical-align:middle;}
.loginBG input {vertical-align:middle; width:80px; height:16px; padding:2px 0 0 2px; font-size:11px; color:#6f6f6f; border:1px solid #d7d7d7; }
.loginBG input.imgb {width:56px; height:21px; border:0;}

.loginbox ul{font-size:11px; color:#858585; text-align:left; margin:3px 0 0 20px;}
.loginbox li.memberjoin{height:10px; overflow:visible; float:left; margin:0 10px; border-right:1px solid #c2c2c2; padding-right:10px;}
*/

/* search */
.searchbox {width:260px; height:69px;  background:url(http://images.joins.com/ui_biz/himtec2010/images/index_box_bg02.jpg) no-repeat 0px 0px; padding:1px 0 0 0; margin-bottom:10px;}	
.searchbox p {margin:10px 0; }
.searchbox img {vertical-align:middle;}
.searchbox input{vertical-align:middle; width:160px; height:15px; padding-top:5px; font-size:11px; color:#6f6f6f; border:1px solid #d7d7d7; }

.searchbox ul{font-size:11px; color:#858585; text-align:left; margin:2px 0 0 12px; }
.searchbox li {float:left; height:13px; overflow:visible;  background:url(http://images.joins.com/ui_biz/himtec2010/images/img_baridx00.gif) no-repeat right 3px; padding:0 6px;}
.searchbox li.none {background:none;}

/* news */
.news {width:335px; background-color:#ffffff; margin-bottom:15px; padding-bottom:5px; margin-right:15px; overflow:hidden; border-bottom:1px solid #e4e4e4;}
.news h2{float:left; display:block; width:70px;}
.news ul {float:left; width:260px; text-align:left; margin:5px 0;}
.news li {background:url(http://images.joins.com/ui_biz/himtec2010/images/icon_dot.jpg) no-repeat 0px 7px; line-height:22px; padding-left:7px; height:21px; overflow:hidden;}
.news li .listbold {color:#5989d3; font-size:11px; font-weight:bold; }

/* jobcenter */
.jobcenter {width:350px;}
.jobcenter h2{float:left; display:block; width:70px;}
.jobcenter ul {float:left; width:270px; text-align:left; }
.jobcenter li {line-height:24px;}
.jobcenter li img {vertical-align:middle; margin-right:3px;}

/* , notice */
.news2 {width:325px; background-color:#ffffff;margin-bottom:20px; overflow:hidden; padding-left:15px; padding-bottom:10px; border-left:1px solid #cdcdcd;}
.news2 h2{float:left; display:block; width:70px;}
.news2 ul {float:left; width:250px; text-align:left; margin:5px 0; }
.news2 li {background:url(http://images.joins.com/ui_biz/himtec2010/images/icon_dot.jpg) no-repeat 0px 7px; line-height:21px; padding-left:7px;}
.news2 li .listbold {color:#5989d3; font-size:11px; font-weight:bold; }

/* relative college */
.majorGO {width:340px; float:left;}
.majorGO h2 {display:block; float:left; width:70px;}
.majorGO p {float:left;}


/* footer */
#FOOTER .bannerbox {width:970px; height:50px; background-color:#f9f9f9; padding:20px 0px; margin-top:20px; overflow:hidden;}
#FOOTER .bannerbox p {float:left; margin:0px; padding:0 15px; }
#FOOTER .bannerbox p.btn_relview {padding-top:0px;}
#FOOTER .bannerbox p.btn_relview02 {padding-top:5px;}
#FOOTER .bannerbox ul {overflow:hidden;float:left;left:0; width:730px; height:38px; text-align:left; margin:0px; }
#FOOTER .bannerbox li {float:left; padding:0 11px;} 
/*
#FOOTER .bannerUL {position:relative; overflow:hidden;float:left; width:730px;}
#FOOTER .bannerUL ul {position:absolute; float:left; width:1030px; left:0; height:38px; text-align:left; margin:0px; }
#FOOTER .bannerUL li {overflow:hidden;float:left; padding:0 11px;}
#FOOTER .bannerUL li img {display:block;}*/

.bannerbox .bannerUL {position:relative; float:left; overflow:hidden; width:730px; height:38px; }
.bannerbox .bannerUL ul {position:absolute; left:0; top:0; overflow:hidden; width:730px;}
.bannerbox .bannerUL ul li {float:left; overflow:hidden; margin:0 12px;}
.bannerbox .bannerUL ul li img {display:block;}



/* popup */
.popup_wrap {
			width:305px;  padding:10px; text-align:center;
			position:absolute; top:0px; left:10px; 
			z-index:990;
			border:1px solid #7ad5d7;
			background-color:#ffffff;
		}
		.popup_wrap h2 {display:block;padding:10px 0 0 15px; text-align:left; height:12px;}
		.popup_wrap p.closebtn{display:block; position:absolute; top:20px; right:30px;}
		.popContents {width:285px; overflow:hidden; padding:10px; margin:0 0 0px 0px; text-align:center;}

		p.txt {font-size:12px; text-align:left; text-align:center; }
		p.btn {text-align:center; border-top:1px dotted #ccc; padding:15px 0 20px 0; width:90%;}