/*
 * layout definition
 */

/* #top */
 
@import url(template.css);

#header{   width:860px;	position: relative;
	height:92px; border:0px solid red; margin:-14px 0 0 50px;}

#header  #menu           {width:860px; text-align:right; float:right; height:19px; padding:0px;position:absolute;}
#header  #menu ul        { width:170px; padding-left:8px; background: url(../images/common/header_sitebg01.gif)  no-repeat top left;margin:0;}
#header  #menu li        { display:inline; padding:0px 2px 0px 2px; }
#header  #menu li.end  { padding:0px;background:none;}



#body-wrapper { border:0px solid red; width:920px;
 vertical-align:top;  margin-left:50px;}

/* #left */
#submenu { float:left; width:140px;margin:0;padding:0px; vertical-align:top; height:500px;  border:0px solid red;background-color:#ffffff; }  


#SUBimg{ height:125px;margin-left:50px;}
/* #foot */
#foot {position: relative;clear: both;	width: 860px; height:80px; margin-left:50px; margin-top:28px;border-top:2px solid #e5e5e5;
padding-top:15px;
}
/* #foot */

#foot ul{ clear: both;  margin-top:8px; padding:0px; }
#foot li {   list-style-type:none;   float:left;   }
#foot li.bar { margin:0; padding:0 15px;  float:left; background: url(../images/common/img_bar.gif)  no-repeat top center;  }

#banner { float:right;  }



/*본문영역 */
#conts {float:left; width:700px; padding:0px 0 0 20px; height:440px; }

#conts2{float:left; width:700px;   margin-left:20px; padding:15px 0 0 20px; height:440px; background: url(../images/common/img_dash.gif)  no-repeat top left;}


/*메인스타일*/
#body-main { width:875px;
margin-top:0px; margin-left:40px;}

#header_main{   width:875px;	position: relative;
	height:300px; border:0px solid red; margin:0px 0 0 40px;}

#header_main #menu           {width:860px; text-align:right; float:right; height:19px; padding:0px;position:absolute;}
#header_main #menu ul        { width:170px; padding-left:8px; background: url(../images/common/header_sitebg01.gif)  no-repeat top left;margin:0;}
#header_main #menu li        { display:inline; padding:0px 2px 0px 2px; }
#header_main #menu li.end  { padding:0px;background:none;}
#foot_main {position: relative;clear: both;	width: 860px; height:80px; margin-left:40px; margin-top:28px;border-top:2px solid #e5e5e5;
padding-top:15px;}
#foot_main ul{ clear: both;  margin-top:8px; padding:0px; }
#foot_main li {   list-style-type:none;   float:left;   }
#foot_main li.bar { margin:0; padding:0 15px;  float:left; background: url(../images/common/img_bar.gif)  no-repeat top center;  }


/* / 라운드박스컨텐츠*/
#conts .gutter{margin-left:20px; padding:0 15px; }

/*제목*/

#conts h1{  margin:0; margin-bottom:8px;}
#conts h2{ clear:both; margin:0px 0 5px 0;}


#conts .txt{float:left; padding:25px 25px 20px 30px; width:100%;}
#context{position:absolute;}
#conts_gray {float:left; width:760px; padding:0px; margin-top: 80px; height:440px; background:#CCCCCC;}
#conts_gray .sideimg{ float:left; }
#conts_gray #txt{float:left; padding:25px 25px 5px 25px;}
#conts_gray .txt{float:left; padding:25px 25px 5px 25px;}
#BGIMG {float:left; background: no-repeat;  width:500px; height:440px;}
#BGIMG .txt{float:left;  width:100%;  padding:25px 20px 0px 20px; }
/*팝업스타일*/
.popbg{background: #fff; }


#pop_head {position: relative;
width: 100%;
z-index: 1;
 background: url(../images/common/pop_bg.jpg)  no-repeat top left; 

   padding:15px 0 0px 15px;
	height:55px;
}
#pop_body {
min-height: 100%;
height: 100%;
margin: -55px 0px -50px 0px;
 color:#434343;
}
#pop_content td{color:#434343;}
#pop_content {color:#434343;
min-height: 100%;
	float: left;
	width: 95%;
	padding:10px;
margin: 55px 0px 0px 0px;
}

#pop_foot {position: relative;
clear: both;
text-align:center;
 background: url(../images/common/pop_bottom.gif)  no-repeat bottom left; 
	padding:7px 0px 5px 0px;
	height:50px;
}

/*best 온라인*/
#bestbg{position:absolute;text-align:right;margin:-18px 0 0 -20px; width:676px; height:200px; background: url(../images/audition/best_img.gif)  no-repeat top left;
padding:25px 20px 5px 0px;
}
#bestbg .txt{	font:bold 23px ;
	color:f44f00;}