@charset "UTF-8";

/*
	eHistory
	Movie CSS (GNB2)
*/

/* preview */
.preview {height:210px; margin-bottom:30px;}
.preview dl {overflow:hidden; height:85px; margin-bottom:20px;}
.preview h3 {float:left; width:350px; padding:0 0 2px 20px; font-size:110%; font-weight:bold; background:url("/image/movie/bu_arrow_blue.gif") no-repeat left center;}

.preview ul {overflow:hidden; float:left; width:372px; height:50px; margin-top:5px; padding:0 5px; background:url("/image/movie/bg_preview_round.gif") no-repeat center top;}
.preview li {float:left; padding:5px;}
.preview li img {border:1px solid #fff;}

/* preview theme */
#contents .theme {margin-bottom:20px;}
#contents .theme dl {height:82px; margin-bottom:16px}
#contents .theme ul {width:380px; height:57px; padding:0; background:none;}
#contents .theme li {overflow:hidden; height:57px; margin-right:10px; padding:0;}
#contents .theme li img {margin-right:5px; padding:3px; border:1px solid #ccc; vertical-align:middle;}
#contents .theme li a {color:#236196; font-weight:bold; text-decoration:underline;}

/* preview movelsit */
.movelist .preimg {margin-right:15px;}
.movelist dl {width:200px; height:177px;}
.movelist dt {color:#236196; font-weight:bold; text-decoration:underline;}

.movelist ul {float:left; width:210px; height:175px; margin:10px 0 0 0; padding:0; background:none;}
.movelist li {overflow:hidden; float:none; height:75px;}
.movelist li img {float:left; padding:3px; border-color:#ccc;}

.movelist li dl {width:95px; height:auto; margin:5px 0 10px 5px;}
.movelist li dl dt {overflow:hidden; height:35px; font-size:90%;}

/* preview detail */
.detail dl {height:158px;}
.detail dt {color:#236196; font-weight:bold;}

/* preview recordview */
.recordview {height:190px;}
.recordview a {color:#0953ba;}
.recordview dl {width:320px; height:160px;}
.recordview object {float:left; margin:30px 25px 0 0;}
.recordview .rdate {margin-top:10px;}

/* history */
.history {overflow:hidden; width:735px;}

/* item */
.item {float:left; width:367px; height:110px; padding-bottom:20px; background:url("/image/board/bg_line_dot.gif") no-repeat left bottom;}
.item a img {float:left; margin:10px; padding:3px; border:1px solid #ccc;}

.item dl {float:left; width:200px; height:80px; margin:15px 0 0 10px;}
.item dt a {font-weight:bold; text-decoration:underline;}
.item dd {overflow:hidden; height:41px; padding:5px 0; line-height:120%;}

.item p {float:right; width:200px; padding-right:20px; text-align:right;}
.item p img {margin-left:5px;}

/* boardinfo */
.boardinfo {overflow:hidden; height:25px;}
.boardinfo h3 {float:left;}
.boardinfo p {float:left; margin-left:10px; padding-top:2px;}
.boardinfo strong {font-weight:bold;}

.boardinfo .attach {float:right;}
.boardinfo .attach img {margin-left:15px;}

/* record */
.record dt span {padding-left:5px; color:#808080;}

/* bbssearch */
.bbssearch .president {right:295px;}
.bbssearch .voice {right:290px;}

/* info */
.info {overflow:hidden; clear:both; height:30px; margin-top:15px;}
.info strong {float:left; padding-top:5px; font-weight:bold;}
.info label {display:block; float:right; height:23px;}
.info label select {height:20px; vertical-align:middle;}
.info button {display:none;}

/* tickers */
.tickers {width:715px; height:30px; margin-top:10px; padding:18px 0 0 20px; background:url("/image/movie/bg_tickers.gif") no-repeat left top;}
.tickers h3 {float:left; font-weight:bold; letter-spacing:-1px;}
.tickers p {float:left; padding-left:25px;}
.tickers img {float:right; padding-right:20px;}

/* graph */
.graph {overflow:hidden; float:left; width:505px; height:150px; margin-top:15px; padding-left:15px; background:url("/image/movie/bg_graph.gif") no-repeat left top;}
.graph ul {display:inline; float:left; margin:40px 0 0 10px;}
.graph li {display:inline;}
.graph .yearbar {margin-left:6px;}
.graph .blank {margin-right:5px;}

/* graphyear */
.graphyear {overflow:hidden; float:left; width:505px; height:150px; margin-top:15px; padding-left:15px; background:url("/image/movie/bg_graph.gif") no-repeat left top;}
.graphyear ul {overflow:hidden; margin:35px 0 1px 5px;}
.graphyear li {float:left; position:relative; width:36px; height:75px; margin:0 6px; background:#e9e9e9;}
.graphyear li img {position:absolute; left:0; bottom:0; vertical-align:bottom;}
.graphyear .yearbar {margin-left:2px;}

/* datetab */
#datetab {float:right; position:relative; width:200px; height:122px; margin-top:15px; padding-top:28px; background:url("/image/movie/bg_datetab.gif") no-repeat left bottom;}
#datetab .monthlist {position:absolute; left:0; top:0;}
#datetab .yearlist {position:absolute; right:0; top:0;}
#datetab ul {overflow:hidden;}
#datetab li {float:left; margin:3px;}
#datetab a {font-weight:bold;}

#monthlist {margin-left:6px;}
#monthlist li {width:40px; height:23px; padding-top:10px; text-align:center; background:url("/image/movie/bg_month.gif") no-repeat left top;}

#yearlist {margin-left:6px;}
#yearlist li {width:55px; height:23px; padding-top:10px; text-align:center; background:url("/image/movie/bg_year.gif") no-repeat left top;}

/* dateselect */
.dateselect {margin-top:15px; padding-left:15px; background:url("/image/movie/bu_arrow.gif") no-repeat left 50%;}
.dateselect strong {padding:0 3px; color:#0953ba; font-size:110%; font-weight:bold; vertical-align:middle;}
.dateselect img {vertical-align:middle;}

.total {margin:15px 0 5px 0; font-weight:bold;}

/* happenview */

.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; }
#textarea1 {width:420px;padding-left:120px; }
#textarea {width:420px;padding-left:120px; }