@charset "utf-8";
/* File Name: portal.css */

/* common */
.fr								{float:right; margin-top:-20px;}
.mt5							{margin-top:5px;}
.mt10							{margin-top:10px;}
.mt20							{margin-top:20px;}
.mt30							{margin-top:30px;}
.ml15							{margin-left:15px;}
.lh120							{line-height:120%;}
.lh140							{line-height:140%;}
.tar							{text-align:right; !important;}
.tac							{text-align:center; !important;}
.tal							{text-align:left; !important;}

/* color */
.red							{color:#f87004; !important;}
.blue							{color:#348197; !important;}

/* style */
dd img.secret					{margin-right:3px;;}

div.quick_list					{width:680px; border:1px solid #e7e7e7; padding:0 10px;}
div.quick_list dl				{width:680px; overflow:hidden; line-height:30px;}
div.quick_list dl.fir			{background:url(/image/portal/dl_dot_line.gif) no-repeat left bottom;}
div.quick_list dl dt			{width:60px; height:22px; background:url(/image/portal/img_dt_line.gif) no-repeat right 10px; padding:8px 0 0 10px; float:left; }
div.quick_list dl dt img		{vertical-align:top;}
div.quick_list dl dd			{float:left; padding:0 0 0 15px;}
div.quick_list dl dd.date		{float:right;}

dl.reply						{width:100%; overflow:hidden;}
dl.reply dd						{margin-top:8px;}
dl.reply dd textarea			{width:630px; height:37px;}

ul.reply_view							{width:100%;}
ul.reply_view li						{background:url(/image/portal/reply_line.gif) no-repeat left bottom; padding:10px 0 15px 5px; position:relative;}
ul.reply_view li.last					{background:none;}
ul.reply_view li p.title				{font-weight:bold; color:#575757;}
ul.reply_view li p.title span.date		{color:#a0a0a0;}
ul.reply_view li p.del					{position:absolute; right:0; top:10px; font-size:11px;}
ul.reply_view li p.txt					{padding:10px 0 0 18px;}

div.box_type01					{width:692px; border:3px solid #e7e7e7; line-height:24px; padding:0 0 0 8px;}
dl.write_t01					{width:100%; overflow:hidden;}
dl.write_t01 img				{vertical-align:middle;}
dl.write_t01 dt.t_type01		{background:#f8f8f8; border-top:1px solid #eee; border-bottom:1px solid #eee; width:70px;}
dl.write_t01 dt.t_type02		{background:#f8f8f8; border-top:1px solid #eee; border-bottom:1px solid #eee; width:100%;}
dl.write_t01 dt					{line-height:20px; padding:5px 0 5px 27px; float:left; width:70px; height:20px;}
dl.write_t01 dd					{line-height:22px; float:left; width:590px; padding:5px 0 5px 10px; height:22px;}
dl.write_t01 dd input			{vertical-align:middle; height:17px; padding:0 0 1px 0;}
dl.write_t01 dd.edit			{padding:0; height:auto;}
dl.write_t01 dd.d_type01		{background:url(/image/portal/dd_bg01.gif) no-repeat left top;}
dl.write_t01 dd.d_type01 input	{width:500px; border:1px solid #d9d9d9; }
dl.write_t01 dd span.text		{font-size:11px; color:#8f8f8f;}

ol.gallery_board				{width:100%; overflow:hidden;}
ol.gallery_board li				{float:left; margin-left:20px; margin-bottom:15px;}
ol.gallery_board li p.img		{width:137px; height:121px; background:url(/image/portal/gallery_bg.gif) no-repeat left top; padding:25px 0 0 13px;}
ol.gallery_board li dl			{width:150px;; overflow:hidden; margin-top:10px;}
ol.gallery_board li dl dt		{background:url(/image/portal/dt_bul.gif) no-repeat left top; padding:0 0 0 15px; margin-bottom:7px; color:#449fba; font-weight:bold;}
ol.gallery_board li dl dt a		{color:#575757;}
ol.gallery_board li dl dt a:hover		{color:#449fba;}
ol.gallery_board li dl dd		{background:url(/image/portal/dd_bul.gif) no-repeat left top; padding:0 0 0 15px; margin-bottom:3px;}
ol.gallery_board li dl dd span.count			{background:url(/image/portal/line01.gif) no-repeat left 1px; padding:0 0 0 5px; margin-left:3px;}

ul.event_board					{width:710px; overflow:hidden;}
ul.event_board li				{float:left; margin-right:10px; margin-bottom:20px;}
ul.event_board li dl			{width:345px;}
ul.event_board li dl dt			{width:325px; height:60px; background:url(/image/portal/dt_bg01.gif) no-repeat left top; padding:10px; text-align:center; font-size:12pt;font-weight:bold; color:#0C6681;}
ul.event_board li dl dd			{padding:12px 0 0 10px; vertical-align:middle; color:#666; font-weight:bold;}
ul.event_board li dl dd img		{vertical-align:middle;}

div.tab_con dl dd.event_con		{background:none; margin-top:20px; padding:10px;}
