﻿@charset "UTF-8";

/*
	eHistory Base CSS
*/

/* display none for screen reader sofrware */
hr, legend, .dpn, #header h2, #footer h2 {overflow:hidden; position:absolute; left:0; top:0; width:0; height:0; font-size:0; line-height:0; visibility:hidden;}

/* caption display none for opera */
caption {display:none;}

/* skipnavigation, gotop, longdesc class for keyboard access */
.skipnavigation, .gotop, .longdesc {display:block; overflow:hidden; clear:both; position:relative; width:0; height:0; color:#fff; text-align:center; white-space:nowrap; background:#3861bb;}
.skipnavigation:focus,
.skipnavigation:active,
.gotop:focus,
.gotop:active,
.longdesc:focus,
.longdesc:active {position:absolute; left:0; top:0; width:auto; height:auto; padding:5px;}

/* default font style */
body {font-size:small; font-family:"돋움", dotum, sans-serif; color:#666;}
a {color:#666;}
a:hover {text-decoration:underline;}

/* form align */
form * {vertical-align:middle;}

/* path */
.path {overflow:hidden; height:30px; margin-top:15px; color:#252626; font-size:85%; line-height:190%; background:url("/image/layout/bg_preview.gif") no-repeat left top;}
.path span {display:block; float:right; width:250px; text-align:center;}

/* patharea */
.patharea {overflow:hidden; height:30px;}
.patharea h2 {float:left;}
.patharea p {float:right; padding-top:5px; font-size:85%;}

/* preview */
.preview {overflow:hidden; height:310px; margin-bottom:40px; padding:4px 25px; background:url("/image/layout/bg_preview.gif") no-repeat left bottom;}
.preview .preimg {float:left; margin-right:25px; padding:3px; border:1px solid #ccc;}
.preview dl {float:left; width:375px; height:160px; margin-top:10px; line-height:140%;}
.preview dt {margin-bottom:10px; font-size:120%;}
.preview dt a {font-weight:bold; text-decoration:underline;}

/* happenview */
.happenview {width:704px; height:343px; margin:0 10px; border:1px solid #ccc; background:url("/image/movie/bg_happen.gif") no-repeat left top;}
.happenview object {margin:25px 0 0 176px;}
.happenview object object {margin-left:0;}
.happenview h3 {margin:35px 0 0 50px; color:#0953ba; font-weight:bold; font-size:120%; letter-spacing:-1px;}
.happenview p {overflow:hidden; height:47px; margin-top:8px; margin-left:30px; padding:0 20px; }