@charset "utf-8";

@import url(./global.css);

/* main */
#wrap {width:948px; margin:17px auto 14px; border:8px solid #dedcda; background:url(../images/main_bg.jpg) no-repeat left top;}
#go_home {position:absolute; width:956px; margin:-8px -8px 0 0; text-align:right; font-size:0;}

#main_header {clear:both; width:100%;}
	#main_header h1.top_logo {float:left; height:105px; margin-top:25px;}
	#main_header h1.top_logo span {padding:0 9px 0 13px;}
	#main_header h1.top_logo span, h1.top_logo img {float:left;}

	#main_header ul.top_menu {float:right; width:544px; height:22px; margin:38px 0 0 0; padding:7px 0 0 40px; background:url(../images/menu_bg.gif) no-repeat left top;}
	#main_header ul.top_menu li {float:left; padding:0 25px 0 25px; background:url(../images/menu_bar.gif) no-repeat left 4px;}

#content {clear:both; overflow:hidden; margin:0 0 0 0;}
	#content div.left {float:left; margin-top:70px;}
	#content div.right {float:right;}

#footer {clear:both; width:941px; height:60px; margin:0 auto; padding:0 8px 0 15px;}
	#footer span img {float:left; padding:6px 0 0 0;}
	#footer span img.logo {padding-right:32px;}
	#footer p.select {float:right; width:122px; height:20px; padding:3px 5px 0 0; text-align:right; background:url(../images/footer_selectbg.gif) no-repeat left top;}
	#footer p.select select {margin-top:-1px;}
	
a {selector-dummy: expression(this.hideFocus=true);} 
a,img {selector-dummy: expression(this.hideFocus=true);} 

/* sub */
#header {width:965px; overflow:hidden; margin:5px auto;}
	#header h1.top_logo {float:left; margin-top:8px;}
	#header h1.top_logo span {padding:0 8px 0 5px;}
	#header h1.top_logo span, h1.top_logo img {float:left;}
	
	#header div.right {float:right;}
		#header div.right div.go_home {text-align:right;}
		#header ul.top_menu {float:right; width:528px; height:22px; margin-top:16px; padding:7px 0 0 40px; background:url(../images/menu_bg.gif) no-repeat left top;}
		#header ul.top_menu li {float:left; padding:0 25px 0 25px; background:url(../images/menu_bar.gif) no-repeat left 4px;}

#container {width:948px; overflow:hidden; margin:0 auto 10px; padding-bottom:50px; border:8px solid #dedcda; background:url(../images/leftarea_bg.gif) repeat-y left top;}
	#snb {float:left; width:252px; padding-top:36px;}
		#snb dl dt {font-size:0; margin-bottom:15px;}
		#snb dl dd {margin:4px 21px 4px 20px;}
		#snb dl dd a {display:block; font-size:11px; color:#999; line-height:16px; padding-left:13px; background:url(../images/icon_sub.gif) no-repeat 3px 5px;}
		#snb dl dd a:hover, #snb dl dd.on a {display:block; color:#75484d; padding-left:13px; background:url(../images/icon_dot.gif) no-repeat 0 4px;}
		#snb p {margin-top:85px; text-align:center;}
	#contentWrap {float:left; width:692px; padding:2px;}
		#contentWrap div.visual {margin-bottom:30px; font-size:0;}
		#contentWrap div.con {width:645px; margin:0 auto;}
		#contentWrap div.con h2 {margin:20px 0 15px; font-size:0;}
		#contentWrap div.con p {padding-bottom:15px; line-height:18px; text-align:justify;}
		#contentWrap div.con p.fl_l {margin-right:15px; padding-bottom:0 !important;}
		#contentWrap div.con p.fl_r {margin-left:15px; padding-bottom:0 !important;}
		#contentWrap div.con p.fl_c {text-align:center;}
		#contentWrap div.con p.fl_c img {text-align:center;}
		#contentWrap div.con p.ta_c {margin:5px 0 10px;}
		#contentWrap div.con p.inquiry {color:#5c8382 !important; font-weight:bold;}
		#contentWrap div.con .num{list-style:inside;padding:0 0 25px 15px;list-style-type:decimal;}
		#contentWrap div.con .commentator{background:url(../images/04_img03_comment.jpg) no-repeat left top;padding:14px 15px 0 60px;line-height:18px;font-size:11px;margin-bottom:50px;}
		#contentWrap div.con .list{background:#fff;padding:0 0 40px 6px;color:#848484;margin:0;}
		#contentWrap div.con .list li{background:url(../images/dot_bul.gif) no-repeat left 5px;padding:1px 0 1px 6px;float:left;width:500px;}

		#contentWrap div.bg_dee6e8 {width:100%; margin-top:-30px;}
		#contentWrap div.bg_dee6e8 p {padding:0 30px 20px; color:#5c6270 !important; background:#dee6e8;}

		#contentWrap div.con ul {clear:both; overflow:hidden; margin-top:20px; padding-top:4px; background:url(../images/dot_row.gif) repeat-x left top;}
		#contentWrap div.con ul li {float:right; margin-right:7px;}

		dl.explain {clear:both; margin-top:20px; border-top:1px solid #dcd5cd;}
		dl.explain dd {padding:1px 0 0 44px; color:#7f756c; font-size:11px; line-height:18px;}

		dl.definition {margin:-5px 15px 15px; padding:8px 10px; background:#eee; line-height:18px;}
		dl.definition dt {margin-bottom:3px; color:#5eba6d; font-weight:bold;}
		dl.definition dd {padding-left:6px; color:#676767;}

		div.coment {clear:both; width:641px; margin:20px auto 6px; border-bottom:1px solid #a03e35; background:url(../images/comentbox_bg.gif) no-repeat left top;}
			div.coment dl.box {height:105px; margin-bottom:5px; overflow:hidden;}
			div.coment dl.box dt {height:20px; padding:16px 88px 0 18px; color:#888; font-size:11px;}
			div.coment dl.box dt span {line-height:18px;}
			div.coment dl.box dd {clear:both; padding:2px 0 0 18px;}
			div.coment dl.box textarea {width:540px; height:45px; border:1px solid #d9d9d9;}
			div.coment dl.box a {margin-left:3px;}

			div.coment dl.list {clear:both; padding:10px; line-height:18px; background:url(../images/dot_row.gif) repeat-x left bottom;}
			div.coment dl.list dt {padding-left:15px; font-weight:bold; color:#000; background:url(../images/icon_coment.gif) no-repeat left 3px;}
			div.coment dl.list dd a img {margin:3px 0 0 2px;}

	p.btn_top {clear:both; width:641px; margin:0 auto; text-align:right; }

/* event_register */
#event_register {padding:8px; background:#e4ddc3 url(../images/quiz_bottom.gif) no-repeat 8px bottom; }
#event_register div.bg {padding:9px; background:url(../images/quiz_bg.gif) repeat-y left 4px;}

	#event_register div.bg table {width:510px; border:2px solid #a4a094; border-width:2px 0; border-collapse:collapse; border-spacing:0; word-break:break-all;}
	#event_register div.bg table tr th div {margin:1px 0 2px; padding:10px 0; background:#c4bea8;}
	#event_register div.bg table tr th, #event_register div.bg table tr td {background:url(../images/quiz_dot.gif) repeat-x left bottom;}
	#event_register div.bg table tr td {padding:2px 0 3px 10px;}
	#event_register div.bg table tr td p {padding-top:3px;}
	#event_register div.bg table tr td input.btn {width:70px; height:20px; margin-top:-1px; border:none; cursor:hand;}
	#event_register div.bg table tr td input {height:16px;}
	#event_register div.bg table tr td input, #event_register div.bg table tr td textarea {border:1px solid #c8c1a4; padding:2px 0 0 5px;}
	#event_register div.bg table tr.bgn th, #event_register div.bg table tr.bgn td {background:none !important;}
	#event_register div.bg table tr td textarea {margin-bottom:3px; padding:5px 0 0 10px; color:#999; font-size:11px;}
	#event_register div.bg table tr th div.add {padding:21px 0;}
	#event_register div.bg table tr th div.answer {padding:96px 0;}
	#event_register div.bg div.btn_area {width:510px; margin:10px 0 3px; text-align:center;}

/* popup */
#popup {border:5px solid #f99c4f; padding:10px 15px;}
	#popup div.box {width:262px; height:57px; margin:10px 0; text-align:center; background:url(../images/popbox_bg_right.gif) no-repeat right top;}
	#popup div.box div {height:46px; padding:11px 0 0 0; background:url(../images/popbox_bg_left.gif) no-repeat left top;}
	#popup div.box div input {border:1px solid #d8d8d8; padding:2px 0 0 5px; height:16px;}
	#popup div.box div input.btn {width:65px; height:33px; border:none; cursor:hand;}
	#popup div.ser_area {width:258px; height:140px; padding:2px; overflow-y:scroll;}
	#popup div.ser_area a {display:block; line-height:20px; color:#707070; text-decoration:none;}