@import url('/ysrcss/base.css');
@import url('/ysrcss/layout.css');
@import url('/ysrcss/popup.css');

#bodyheader	{background: url('/ysrimg/common/bg_gnb_05.gif') no-repeat 0 70px;}
#gnbwrap	.here {left:750px;}
#gnb	li.gnb_menu	a {background: url('/ysrimg/common/bar_ver_gray_11_5.gif') no-repeat 0 7px;}
#contents_wrap	{
	width:1090px;
	padding:1px 0 0 0;
	background: url('/ysrimg/common/bg_main_hor_01.gif') repeat-x 0 0;
}

/* 공통적용 */
#top_area	img, #middle_area	img	{display:block;}
#top_area, #middle_area	{overflow:hidden;clear:both;}
#top_area	 div, #middle_area	 div, .wrap div {float:left;}
/*#top_area	 div, #middle_area	 div, .wrap div.recent {float:left; overflow:hidden;}

/* div wrap */
.wrap {overflow:hidden;}
.c_both {clear:both;}
.line_ver	 {padding:0 0 0 1px;background: url('/ysrimg/common/bg_main_ver_01.gif') repeat-y 0 0;}
/* //div wrap */

/* 로그인 */
#top3,	#login_area	 {width:210px;height:101px;}
/* 방문자수 */
#login_area	.visitor {width:205px;height:29px;padding:7px 0 0 5px;text-align:right;}
#login_area	.visitor	img {float:left;margin:5px 3px 0 1px;}
#login_area	.visitor	span {float:left;}
#login_area	.visitor	span	img {margin:0;}
/* 로그인영역 */
#login_area	.login	 .input {height:50px;}
#login_area	.login	 input {width:114px;height:17px;margin:0 0 3px 0;padding:3px 3px 0 3px;border:none;background:url('/ysrimg/main/common/bg_login_input.gif') no-repeat 0 0;}
:root	#login_area	.login	 input {margin:1px 0 4px 0;}
#login_area	.login	 input.nobrd {width:auto;height:auto;padding:0;font:1em '돋움' dotum;border:none;background:none;}/* padding 보정 for opera */
#login_area	.login	 label {display:none;}
#login_area	.login	 .input {float:none;position:relative;width:180px;height:52px;}
#login_area	.login	 .input	.btn {position:absolute;top:-1px;right:0;}
#login_area	.login	 .check {float:none;width:180px;height:20px;}
:root	#login_area	.login	 .check {padding:3px 0 0 0;}
#login_area	.login	 .check	input {margin:0 0 0 -3px;height:auto;}
:root #login_area		.login	 .check	input {margin:0 2px 0 0;}
#login_area	.login	 ul.func {width:180px;padding:13px 0 0 0;}
:root	#login_area	.login	 ul.func {padding:10px 0 0 0;}
#login_area	.login	 ul.func	li {float:left;padding:0 7px 0 0;}
#login_area	.login	 ul.func	li.second {padding:0 7px;background:url('/ysrimg/main/common/bg_bar_ver_01.gif') no-repeat 0 2px;}

/* 20091201 */

#login_area	.login {width:193px;height:114px;padding:17px 0 0 17px;font:0.98em '돋움' dotum;background:url('/ysrimg/main/common/bg_login.gif') no-repeat 0 0;}
#login_area	.login.after .photo {clear:both; float:left;width:65px;height:65px; display:inline;}
#login_area	.login.after .photo	img {width:64px;height:64px;border:1px solid #ccc;}

#login_area	.login.after	 ul {overflow:hidden;float:left; margin:0 0 0 2px; display:inline;}
#login_area	.login.after	 ul	li {float:left;height:22px;padding:0 4px 0 0; display:inline;}
#login_area	.login.after	 ul	li	img {margin:0;}

#login_area .login.after     ul.brief {margin:0px 0 0 2px;_margin:2px 0 0 2px; width:113px;letter-spacing:-1px;}
#login_area .login.after     ul.brief li {width:113px;text-decoration:none;color:#2d2d2d;background:none; float:left;overflow:hidden; display:inline;}

#login_area	.login.after	 ul.brief li.p_nick {margin:1px 0 0 0;padding:0 0 0 5px; font-weight:bold; font-size:11px; color:#2d2d2d;}
#login_area	.login.after	 ul.brief li.p_level {margin:-2px 0 0 0;padding:0 0 0 2px;}
#login_area	.login.after	 ul.brief li.p_level img{margin:0; padding:0; float:left; display:inline;}
#login_area	.login.after	 ul.brief li.p_level span{margin:0;padding:0; float:left; display:inline;}
#login_area	.login.after	 ul.brief li.p_level span.test{padding:3px 0 0 0;}
#login_area	.login.after	 ul.brief li.exp_lv {margin:2px 0 0 0;padding:3px 0 0 5px;}
#login_area	.login.after	 ul.brief li.exp_lv span{margin:0 4px 0 0;}


#login_area	.login.after	 ul.func_info {width:195px;margin:0 0 0 0;padding:2px 0 0 4px;}
#login_area	.login.after	 ul.func_info li {margin:4px 7px 0 0;_margin:8px 7px 0 0; padding:5px 5px 0 0;}
/* 20091201 */
/* 2차 적용 
#login_area	.login.after	 ul.func {margin:0;padding:10px 0 0 0;}
#login_area	.login.after	 ul.func	li {height:auto;margin:3px 0 0 0;padding:0 5px 0 0;}
#login_area	.login.after	 ul.func	li.second {padding:0 5px 0 6px;}
#login_area	.login.after	 ul.func	li.btn {margin:0;padding:0 0 0 6px;background:url('/ysrimg/main/common/bg_bar_ver_01.gif') no-repeat 0 4px;}
#login_area	.login.after	 ul.func	li.btn	img {margin:0;}
*/

/* 링크버튼 */
#login_area		.qlink {height:132px;background:url('/ysrimg/main/common/bg_qlink.gif') no-repeat 0 0;}
#login_area		.qlink	 ul	 li {float:left;padding:6px 8px;}
/* //로그인 */

/* 리스트 */
.list	{width:210px;padding:7px 0 0 0;}
.list	.title	{width:198px;height:30px;padding:5px 0 0 5px;background:url('/ysrimg/main/common/bg_ul_title.gif') no-repeat 0 0;}
.list	.title	h3	{width:60%;}
.list	.title	span	{float:right;margin:-12px 5px 0 0;}
.list	ul	{clear:both;margin:0 10px;border-bottom:1px solid #666;}
.list	ul	li	{margin:0;padding:5px 0 4px 8px;border-top:1px solid #d9d9d9;background:url('/ysrimg/main/common/blt_li.gif') no-repeat 0 10px;}
.list	ul	li.first	{padding:0 0 3px 8px;border-top:none;background:url('/ysrimg/main/common/blt_li.gif') no-repeat 0 5px;}

/* 삼성채용 */
.employ	{position:relative;width:623px;height:18px;padding:3px;border:4px solid #387fd9;}
.employ	.btn_more	{position:absolute;top:0;right:0;z-index:3;vertical-align:top;}
.employ	ul	{}
.employ	ul	li	{padding:4px 0;}
.employ	ul	li	span	{font-weight:bold;color:#387fd9;}
.employ	#view_list	{
	position:absolute;
	top:2px;
	left:-1px;
	z-index:2;
	width:619px;
	height:22px;
	overflow:hidden;
	padding:0 5px 0 5px;
	border:1px solid #387fd9;
	border-top:none;
	background-color:#fff;
}


/* 상단 dot line */
#top_area	#top3,
#middle_area, #middle_area	#middle5,	#middle_area	#middle7,
#middle_area	#middle8,	#middle_area	 .wrap	.wrap	{padding:1px 0 0 0;background: url('/ysrimg/common/bg_main_hor_01.gif') repeat-x 0 0;}

/* 왼쪽 dot line */
#top_area	.wrap, #login_area,
#middle_area	#middle3, #middle_area	#middle7	{padding:0 0 0 1px;background: url('/ysrimg/common/bg_main_ver_01.gif') repeat-y 0 0;}

/* //공통적용 */

#top_area	 .wrap	.wrap	{padding:0;background:none;}
#top3	 {clear:both;}

#middle1	 {position:relative;}
#middle1	.movie	 {position:absolute;top:22px;left:21px;width:391px;height:220px;} /* 동영상 */

#middle_area	#middle5	{width:637px;height:39px;padding:8px 0 0 7px;} /* 삼성 채용 */

#middle6	 {width:216px;height:337px;} /* 공감덧글 */


#edit_w {width:644px;}