@import url('/ysrcss/ui.css');

#bodyheader	{background: url('/ysrimg/common/bg_gnb_02.gif') no-repeat 0 70px;}
#gnbwrap	.here {left:567px;}
#gnb	li.gnb_menu	a {background: url('/ysrimg/common/bar_ver_gray_11_2.gif') no-repeat 0 7px;}
#leftmenu {	padding:4px 0 0;background:url('/ysrimg/specup/lnb_top.gif') no-repeat 0 0;}
div.left_menu ul li ul li a:hover, div.left_menu ul li ul li a.selected {height:18px;padding:5px 0 0 10px;color:#fff;text-decoration:none;background:url('/ysrimg/specup/bg_lnb_sub.gif') no-repeat 0 0;}
#left_news	{border-top:2px solid #c82e3d;}

h3  {background:url('/ysrimg/common/blt_h3_red.gif') no-repeat 0 3px;}

#tablehead.first {border-top:2px solid #c82e3d;}

.boxtype1	.boxtype1_wrap	{border-top:2px solid #c82e3d;}
.boxtype1	.boxtype1_wrap	.boxtype1_wrap	{border-top:2px solid #6f6f6f;}

.boxtype1.view	h4	{color:#c82e3d;}
.boxtype1.view	span.tag	{background:url('/ysrimg/board/ico_tag_red.gif') no-repeat 0 3px;}
:root	.boxtype1.view	span.tag	{background:url('/ysrimg/board/ico_tag_red.gif') no-repeat 0 2px;}

table.board_list.first	{border-top:2px solid #c82e3d;} /* 목록열기 버튼 클릭시 view 상단 노출 리스트 */
table.board_list		tbody	 tr.best	td.left	{background:url('/ysrimg/common/ico_best_red.gif') no-repeat 15px 8px;}

div.new .text h5 {background:url('/ysrimg/specup/bg_d_01.gif') no-repeat 0 0;}

#popupwrap {margin:0;padding:0;}

/* 영삼성문화센터 강좌리스트 : 6/14 명호 */
div.lecture {padding:11px 0 10px 0;background:url('/ysrimg/common/line_dot_gray_03.gif') repeat-x 0 0;}
div.lecture.first {background:none;border-top:2px solid #c82e3d;}

/* 영삼성문화센터 강좌리스트 */
div.lecture_in {
	position:relative;
	height:255px;
	padding:6px 0 0 5px;
	background:url('/ysrimg/specup/bg_lecture_02.gif') no-repeat 0 0;
}
div.lecture_in div.f_left {
	position:relative;
	float:left;
	width:267px;
	padding:54px 0 0 25px;
}
div.lecture_in div.f_left h4 {
	position:absolute;
	z-index:1;
	margin:-40px 0 0 0;
	font-size:1.25em;
	font-family:Dotum;
	color:#FFFFFF;
}
div.lecture_in div.f_left span {position:absolute;top:0;left:0;}
div.lecture_in div.f_left p {
	position:relative;
	width:240px;
	height:24px;
	margin-top:-20px;
	padding:13px 0 0;
	background:#fff;
	color:#fff;
	font-weight:bold;
	background:url('/ysrimg/specup/bg_thumnail_top.png') no-repeat 0 0;_background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ysrimg/specup/bg_thumnail_top.png', sizingMethod='crop');
	/*background:#fff url('/ysrimg/specup/bg_thumnail_top.png') no-repeat 0 0;*/
}
:root	div.lecture_in div.f_left p {
	margin-top:-16px;
}
div.lecture_in div.f_right {float:left;width:376px;padding:15px 30px 0 14px;}
div.f_right table.board_list .left {padding:7px 5px 5px 20px;}
div.f_right table tbody td {padding:9px 5px 6px 5px;}
div.lecture_in	.paging_wrap	{margin:12px 0 0 0;}
/* //영삼성문화센터 강좌리스트 */

/* 직업사전 열기,닫기 */
.job_list {position:absolute;z-index:2;margin:-10px 0 0;}
:root	.job_list {margin:-5px 0 0;}
.view_list {position:relative;width:724px;height:305px;padding:8px 0;z-index:1;background:url('/ysrimg/specup/bg_specup_05.gif') no-repeat 0 0;}
.view_list .view_list_wrap {
	height:303px;
	margin:0 1px;_margin:0 2px 0 0;
	padding:0 15px;
	overflow:auto;
	scrollbar-face-color: #fff;
	scrollbar-highlight-color: #fff;
	scrollbar-shadow-color: #ddd;
	scrollbar-3dlight-color: #ddd;
	scrollbar-arrow-color: #999;
	scrollbar-track-color: #fff;
	scrollbar-darkshadow-color: #fff;
	}
.view_list .view_list_wrap .list {width:97%;padding:11px 0 10px;}
.view_list .view_list_wrap .line {clear:both;display:block;background:url('/ysrimg/common/line_dot_gray_03.gif') repeat-x 0 0;}

.view_list .view_list_wrap .list .list_in {float:left;width:218px;padding:1px 0 0;}
.view_list .view_list_wrap .list .list_in h4 {margin:0 0 7px;padding:0 0 0 8px;color:#666;font-family:Gulim;font-size:1.1em;background:url('/ysrimg/board/th_bg_blt.gif') no-repeat 0 1px;}
.view_list .view_list_wrap .list .list_in ul {margin:0 0 0 8px;}
.view_list .view_list_wrap .list .list_in ul li {padding:0 0 5px;font-size:1.1em;font-family:Gulim;}
/* //직업사전 열기,닫기 */

/* Quiz */
.quiz_type01 {height:340px;text-align:center;background:url('/ysrimg/specup/bg_quiz_top_01.gif') no-repeat 0 0;}
.quiz_type02 {height:408px;padding:30px 0 0;background:url('/ysrimg/specup/bg_quiz_top_02.gif') no-repeat 0 0;}
.quiz_type01 h4 {padding:61px 0 4px;}
.quiz_type02 h4 {position:relative;margin:0 0 0 23px;padding:0;}
.quiz_type01 .txt {margin-bottom:28px;}
.quiz_type01 .btn {margin-bottom:59px;}

.quiz_type02 .l_btn {float:left;margin:-20px 0 0 124px;_margin:-20px 0 0 62px;}
.quiz_type02 .l_btn.q2 {margin:-20px 0 0 252px;}
.quiz_type02 .l_btn.q3 {margin:-20px 0 0 385px;}
.quiz_type02 .l_btn.q4 {margin:-20px 0 0 515px;}
.quiz_type02 .r_btn {float:right;margin:-20px 25px 0 0;_margin:-20px 72px 0 0;}

.quiz_type02 h4 span {display:block;position:absolute;width:58px;height:41px;}
.quiz_type02 h4 .wrong {background:url('/ysrimg/specup/img_wrong.png') no-repeat 0 0;}
.quiz_type02 h4 .right {background:url('/ysrimg/specup/img_right.png') no-repeat 0 0;}
.quiz_type02 h4 .num01 {top:5px;left:60px;}
.quiz_type02 h4 .num02 {top:5px;left:200px;}
.quiz_type02 h4 .num03 {top:5px;left:331px;}
.quiz_type02 h4 .num04 {top:5px;left:450px;}
.quiz_type02 h4 .num05 {top:5px;left:600px;}

.quiz_cont {height:335px;margin:17px 60px 0 62px;}
.quiz_cont h5 {padding:1px 0 7px;color:#565656;background:url('/ysrimg/specup/bg_h_gray_top.gif') no-repeat center bottom;}
.quiz_cont .r_txt {float:right;margin-top:-22px;_margin-top:-20px;color:#a1a0a0;font-family:Dotum;font-size:0.98em;}
.quiz_cont .r_txt strong {padding:0 8px 0 0;color:#565656;}
.quiz_cont .question {margin:6px 0 0 7px;padding:2px 0 7px 38px;font-weight:bold;font-size:1.3em;color:#333;font-family:Dotum;background:url('/ysrimg/specup/bg_question.gif') no-repeat left top;}
.quiz_cont .answer {margin-left:7px;padding:0 0 10px 38px;font-weight:bold;background:url('/ysrimg/specup/bg_answer.gif') no-repeat 0 0;}
.quiz_cont .answer	li	{padding:0 0 0 20px;text-indent:-20px;}
:root	.quiz_cont .answer	li	{margin:4px 0 0 0;}
.quiz_cont .answer	input	{margin:0 -3px 1px -2px;}
:root .quiz_cont .answer	input	{margin:0 2px 1px 0;}
.quiz_cont .hint {margin-left:7px;padding:0 0 8px 42px;font-family:Dotum;background:url('/ysrimg/specup/bg_hint.gif') no-repeat 0 1px;}
.quiz_cont .exp {margin-left:7px;padding:0 0 8px 42px;font-family:Dotum;background:url('/ysrimg/specup/bg_exp.gif') no-repeat 0 0;}
.quiz_cont .c_btn {padding:12px 0 0;text-align:center;background:url('/ysrimg/specup/bg_h_gray_bottom.gif') no-repeat center 0;}
.quiz_cont .res {padding:10px 0 3px;text-align:center;}
.quiz_cont .res	img {margin:0 5px 0 0;}
.quiz_cont .last {width:343px;height:174px;margin-top:-2px;padding:6px;margin:0 auto 7px;background:url('/ysrimg/specup/bg_specup_04.gif') no-repeat 0 0;}
.quiz_cont .last li {float:left;width:156px;padding:10px 0 10px 15px;}

.quiz_bottom {overflow:hidden;width:675px;height:250px;padding:0 0 0 49px;text-align:left;background:url('/ysrimg/specup/bg_quiz_btm_01.gif') no-repeat 0 0;}
.quiz_bottom.type02 {background:url('/ysrimg/specup/bg_quiz_btm_02.gif') no-repeat 0 0;}
.quiz_bottom .f_left {float:left;;}
.quiz_bottom .f_left h5 {margin:23px 0 10px;}
.quiz_bottom .f_left p {margin-bottom:9px;}
.quiz_bottom .f_center {float:left;margin-left:61px;}
.quiz_bottom .f_center h5 {padding:12px 0 0 10px;}
.quiz_bottom .f_center .p_txt {padding:9px 0 3px;color:#87b326;font-family:Dotum;}
.quiz_bottom .f_center .p_txt img {vertical-align:middle;}
/* 1차
.quiz_bottom .f_center ol {margin:12px 0 0 0;padding:5px 0 3px 7px;}
*/
.quiz_bottom .f_center ol {padding:5px 0 3px 7px;}
.quiz_bottom .f_center ol li {overflow:hidden;width:190px;height:17px;padding:1px 0 0 11px;color:#a1a0a0;font-family:Dotum;}
.quiz_bottom .f_center ol li.num01 {background:url('/ysrimg/common/ico_rank_01.gif') no-repeat 0 1px;}
.quiz_bottom .f_center ol li.num02 {background:url('/ysrimg/common/ico_rank_02.gif') no-repeat 0 1px;}
.quiz_bottom .f_center ol li.num03 {background:url('/ysrimg/common/ico_rank_03.gif') no-repeat 0 1px;}
.quiz_bottom .f_center ol li span {float:left;display:block;}
.quiz_bottom .f_center ol li span.rank {float:left;display:block;width:30px;text-align:center;}
.quiz_bottom .f_center ol li strong {float:left;display:block;width:150px;color:#565656;}
.quiz_bottom .f_center ol li span img {margin:2px 0 0 0;vertical-align:middle;}
.quiz_bottom .f_center .b_btn {padding:7px 0 0;text-align:center;background:url('/ysrimg/specup/bg_line_gray.gif') no-repeat 0 0;}
.quiz_bottom .f_right {float:left;width:175px;margin-left:30px;}
.quiz_bottom .f_right h5 {padding:10px 0 6px 9px;}
.quiz_bottom .f_right .img_list {height:95px;width:175px;background:url('/ysrimg/specup/bg_specup_03.gif') no-repeat 0 0;}
.quiz_bottom .f_right .img_list .img {float:left;width:69px;height:69px;margin:8px 0 0 8px;_margin:8px 0 0 4px;}
.quiz_bottom .f_right .img_list .img	img {width:67px;height:67px;border:1px solid #ccc;}
.quiz_bottom .f_right .img_list .id {float:left;width:75px;margin:0 0 9px 0;padding:10px 9px 0 8px;font-weight:bold;font-family:Dotum;}
.quiz_bottom .f_right .img_list .r_btn {float:left;padding:0 0 0 4px;}
.quiz_bottom .f_right .img_list .rb_btn {float:left;margin-left:5px;}
.quiz_bottom .f_right ul {overflow:hidden;padding:0 0 0 5px;}
.quiz_bottom .f_right ul li {position:relative;width:135px;padding:0 0 2px;font-family:Dotum;color:#a1a0a0;}
.quiz_bottom .f_right ul li strong {position:absolute;right:0;top:0;color:#565656;}
.quiz_bottom .f_right.logout {padding:62px 0 0 0;text-align:center;height:147px;background:url('/ysrimg/specup/bg_logout.gif') no-repeat 0 10px;}
.quiz_bottom .f_right.logout	.btn {margin:0 0 5px 0;}
/* //Quiz */

 /* 퀴즈의 달인 팝업 */
.quizpop_01 {width:540px;height:558px;margin:0;padding:0;background:url('/ysrimg/specup/bg_popup_quiz_01.gif') no-repeat 0 0;}
.quizpop_02 {width:540px;height:304px;margin:0;padding:0;;background:url('/ysrimg/specup/bg_popup_quiz_02.gif') no-repeat 0 0;}
.quizpop_01 #popupcontent h1, .quizpop_02 #popupcontent h1 {padding:11px 50px 0 0;background:none;text-align:center;}
.quizpop_01 #popupcontent, .quizpop_02 #popupcontent {position:relative;padding:0 0 0 50px;}
.quizpop_01 #popupcontent h2, .quizpop_02 #popupcontent h2 {height:60px;padding:26px 0 0 7px;border:none;}
.quizpop_01 #popupcontent .p_txt {padding:7px 0 0 20px;}
.quizpop_02 #popupcontent .p_txt {padding:7px 0 0 3px;}

.quizpop_01 #popupcontent .r_txt, .quizpop_02 #popupcontent .r_txt {float:left;width:75px;padding:1px 0 0;font:bold 1em Dotum;color:#333;text-align:left;}
.quizpop_01 #popupcontent .r_txt	{float:left;width:auto;}
.quizpop_01 #popupcontent td	.r_txt{float:left;width:auto;}
.quizpop_01 #popupcontent .r_txt span, .quizpop_02 #popupcontent .r_txt span {display:block;color:#666;}
.quizpop_02 #popupcontent .r_txt input.id {width:72px;margin:0;font:bold 1em Dotum;border:0 none;background:none;}
.quizpop_02 #popupcontent .r_txt	ul	{clear:both;margin:2px 0 0 0;font:normal 1em Dotum;}
.quizpop_02 #popupcontent .r_txt	ul	li	{margin:0 0 3px 0;}
.quizpop_02 #popupcontent .r_txt	ul	li	img	{margin:0 3px -3px 0;}
.quizpop_02 #popupcontent .quiz_left .p_txt {clear:both;width:100%;}
 /* //퀴즈의 달인 팝업 */

/* 이달의 모두의 퀴즈 성적표 */
#popupcontent .quiz_left {float:left;margin:14px 0 0;_width:204px;}
.quizpop_02 #popupcontent .quiz_left {float:left;;margin:0;padding:55px 0 0 21px;_width:186px;}
#popupcontent .tab_btn {position:relative;overflow:hidden;top:0;float:right;margin:-5px 36px 0 0;_margin:-5px 20px 0 0;}
#popupcontent .tab_btn span {float:left;padding:0 6px 0;}
#popupcontent .tab_btn strong {float:left;padding:2px 0 0;color:#333;font-family:Dotum;font-size:1.05em;}
#popupcontent .quiz_right {float:right;width:279px;padding:48px 0 0;}
.quizpop_02 #popupcontent .quiz_right {float:right;padding:42px 0 0;}
#popupcontent .lf_img {float:left;height:97px;margin-right:10px;padding:0 9px 0 11px;}
.quizpop_02 #popupcontent .quiz_left .lf_img {padding:0 9px 0 12px;}
.quizpop_02 #popupcontent .quiz_left .lf_img	img, #popupcontent .quiz_right .lf_img img {width:67px;height:67px;border:1px solid #ccc;}

/* 직업체험 24시 동영상 */
#job_mov { width:650px; text-align:center; }
#job_mov #viewMovie_Se { width:650px; text-align:center; }
#job_mov #job_mov #answer .rnd_b div { display:none; }
#job_mov .rnd_wrap { width:628px; background:url(/ysrimg/specup/career/rnd_c_bg.gif) repeat-y; text-align:left; }
#job_mov .rnd_t { width:628px; background:url(/ysrimg/specup/career/rnd_t_bg.gif) no-repeat top; }
#job_mov .rnd_b { width:602px; background:url(/ysrimg/specup/career/rnd_b_bg.gif) no-repeat bottom; padding:10px 15px 15px 11px; overflow:hidden; }
#job_mov p { clear:both; }
#job_mov #viewMovie_Se .rnd_b { background:url(/ysrimg/specup/career/viewMovie_Se_b.gif) no-repeat bottom; padding-bottom:23px; }
#job_mov #viewMovie_Se .title { float:left; width:115px; }
#job_mov #viewMovie_Se .question { float:left; width:475px; padding-top:10px; }
#job_mov #viewMovie_Se .question li { float:left; width:237px; padding:5px 0; }
#job_mov #viewMovie_Se .question a { color:#1ea713; font-weight:bold; text-decoration:underline; }
#job_mov #answer dl { padding:5px; }
#job_mov #answer dl dt { padding-left:13px; padding-bottom:10px; color:#c61c1c; font-weight:bold; font-size:14px; font-family:Tahoma,"돋움",Dotum; }
#job_mov #answer dl dd { background:#ffdfdf; padding:8px 15px 8px 30px; line-height:160%; word-break:keep-all;word-wrap: break-word; }