body, html {
height : 100% ;
font-family : 돋움, sasn-serif;
font-size : 12px;
line-height : 1.5 ;
}
img { border : 0 ; }
div.floatL { float : left ;}
div.floatR { float : right ; }
/* cinema friday 이미지 영역 */
div.list_title { /* 영화리스트, 음반 리스트 */
clear : both ;
background : url(/lgcyon/02_mobile/images/movie/arrow.gif) no-repeat center left ;
padding-left : 10px ;
font-weight : bold ;
color : #000 ;
margin : 10px 0 ;
}
div.friday_area {
clear : both ;
border : 3px solid #000 ;
float : left ;
background : #000 ;
width : 765px ;
}
div.image_area {
float : left ;
width : 556px ;
}
div.floatL dl { margin : 0 ; padding : 0 ; }
div.floatL dt, { margin : 0 ; padding : 0 ; }
dl.description {
margin :0 ;
padding : 0 ;
margin-top : 5px ;
background : url(/lgcyon/02_mobile/images/movie/cinema_friday_titlebg.gif) no-repeat bottom left ;
width : 200px ;
height : 73px ;
}
dl.description dt {
margin-top : 7px;
margin-left : 5px;
}
dl.description span {
background : url(/lgcyon/02_mobile/images/movie/redbar.gif) no-repeat 0 1px;
font-size : 12px ;
line-height : 1.5 ;
font-size :12px ;
font-weight : bold ;
padding-left : 5px ;
font-family : 돋움, sans-serif ;
color : #000 ;
}
dl.description dd {
margin : 0 ;
padding : 0 ;
}
dl.description dd.actor {
font-size : 11px;
padding-left : 10px;
color : #000 ;
}
dl.description dd.view_detail {
text-align : right ;
padding-right : 10px ;
}
div.clear {
clear:both; font-size:1px ; line-height :1px; height : 10px;
}
/* cinema friday list 영역 */
ul.list {
float: left ;
width: 771px ;
clear : both ;
margin : 0 ;
padding : 0 ;
margin-bottom : 10px ;
border-bottom : 1px solid #dcdcdc ;
padding-bottom : 10px ;
}
ul.list li {
float: left ;
margin : 0 ;
padding : 0 ;
list-style : none;
}
ul.list dl,
ul.list dt,
ul.list dd {
margin : 0 ;
padding : 0 ;
font-size : 12px;
line-height : 1.5 ;
font-family : 돋움, sasn-serif;
}
ul.list dl {
margin-left : 15px ;
width : 630px;
}
ul.list dt span {
background : url(/lgcyon/02_mobile/images/movie/redbar.gif) no-repeat 0 1px;
font-size : 12px ;
line-height : 1.5 ;
font-size :12px ;
font-weight : bold ;
padding-left : 5px ;
font-family : 돋움, sans-serif ;
}
ul.list dd.desc { margin : 0 ; padding : 0 ; }
ul.list dd.desc ul,
ul.list dd.desc li {margin : 0 ; padding : 0 ; }
ul.list dd.desc li {
float : left ;
background : url(/lgcyon/02_mobile/images/movie/double_dot.gif) no-repeat center left ;
padding-left : 5px;
padding-right : 15px ;
}
ul.list dd.desc span { color : #666; }
ul.list dd.scribe {
clear : both ;
background : #eeeeee ;
padding : 5px ;
}
ul.list dd.scribe span {
color : #666;
}
/* 영화 tab menu table */
table.movieTab {
border-collapse : collapse;
padding : 0;
border : 1px solid #ddd ;
border-top : none;
border-spacing : 0 ;
width : 100% ;
}
table.movieTab th {
padding-left : 10px ;
text-align : left ;
vertical-align : top ;
background : url(/lgcyon/02_mobile/images/movie/movie_bg.gif) repeat-x top left #fff;
height : 25px ;
}
table.movieTab th div {
float : left ;
margin-top : -1px ;
}
/* 음악 view 영역 */
div.movieTitle {
background : #FFB8C0 ;
height : 31px ;
margin-bottom : 1px ;
line-height : 31px ;
padding-left : 15px ;
}
div.movieView_area {
float : left ;
background : url(/lgcyon/02_mobile/images/music/music_bg.jpg) no-repeat top right #FFE5E8;
padding : 10px 15px ;
border-bottom : 1px solid #FFB8C0 ;
}
div.movieView_area div.thumb_area {
float : left ;
margin-right : 15px;
}
div.thumb_area img {
border : 1px solid #979797 ;
}
div.check_area {
clear : both ;
padding-top : 10px;
padding-bottom : 20px;
}
div.check {
float : right ;
padding-left : 15px ;
padding-top : 8px ;
}
div.check input { vertical-align : middle ; line-height : 31px;}
div.check label { padding : 0 15px 0 5px ; line-height : 31px;}
.bar {
background : url(/lgcyon/02_mobile/images/movie/redbar.gif) no-repeat left center;
font-size : 12px ;
line-height : 31px;
font-size :12px ;
font-weight : bold ;
padding-left : 5px ;
font-family : 돋움, sans-serif ;
color : #000 ;
}
div.movie_desc {
float : left ;
}
div.movie_desc ul {
margin : 0 ;
padding : 0 ;
}
div.movie_desc li {
width : 300px ;
margin : 0 ;
padding : 0 ;
background : url(/lgcyon/02_mobile/images/music/bottom_double_line.gif) repeat-x bottom left ;
padding-left : 5px;
line-height : 17px ;
padding-bottom : 2px;
margin-bottom : 5px ;
color : #000 ;
}
div.movie_desc li span { color :#666 ;vertical-align : middle ; line-height : 17px;}
div.movie_desc li img { vertical-align : middle ;}
/* HOT MUSIC */
div.music_visual_area {
clear : both ;
margin-bottom : 10px ;
padding-top : 40px ;
width : 771px ;
height : 200px ;
}
div.music_visual_area div { margin-left : 570px ; width : 180px; }
div.music_visual_area dl { margin : 0 ; padding : 0 ; }
div.music_visual_area dt { margin : 0 ; padding : 0 ; font-weight : bold ; color : #000 ; }
div.music_visual_area dd { margin : 0 ; padding : 0 ; }
div.music_visual_area dd.album_info { color : #996600 ; }
.mList dl {
float : left ;
width : 375px ;
margin : 0 ;
padding : 0 ;
display : inline ; /* 더블마진 */
}
.mList dt {
float : right ;
width : 216px ;
margin : 0 ;
padding : 0 ;
font-size : 12px ;
line-height : 1.3 ;
font-weight : bold ;
color : #000 ;
background : url(/lgcyon/02_mobile/images/movie/redbar.gif) no-repeat 0 1px;
padding-left : 5px ;
margin-bottom : 8px ;
}
.mList dd {
margin : 0 ;
padding : 0 ;
font-size : 12px ;
line-height : 1.3 ;
color : #000 ;
}
.mList dd.img img {
float : left ;
margin : 0 18px 0 15px ;
padding : 0 ;
border : 1px solid #999 ;
}
dd.ul ul{ padding : 6px 8px ; margin : 0 ; width : 205px ; background : #ebebeb;float : right ; }
dd.ul li { margin : 0 ; padding : 0 ; list-style : none ;}
dd.ul img { vertical-align : middle ; }
.mContents {
padding : 18px 10px 15px 10px ;
background-color : white ;
}
table.malbum {
border-collapse : collapse ;
border-spacing : 0 ;
paddng : 0 ;
border : 0 ;
width : 100% ;
}
table.malbum caption { text-align : left; font-weight : bold; color : #000; padding-bottom : 8px; }
table.malbum td { border-bottom : 1px solid #d3d3d3 ; padding : 8px 0 2px 0 ; }
table.malbum td.mp3 { text-align : right ; width : 422px ; }
/* ************************************************
MOVIE
************************************************* */
.movieList dl {
display : inline ; /* 더블마진 */
float : left ;
background : #fff;
margin : 0 0 10px 15px;
border-bottom : 1px solid #D2D2D2 ;
padding : 0 0 10px 0;
width : 735px ;
}
.movieList dt {
float : right ;
background : url(/lgcyon/02_mobile/images/movie/redbar.gif) no-repeat 0 1px;
margin : 0 ;
margin-bottom : 8px ;
padding : 0 ;
padding-left : 5px ;
width : 590px ;
line-height : 1.3 ;
font-size : 12px ;
font-weight : bold ;
color : #000 ;
}
.movieList dd {
margin : 0 ;
padding : 0 ;
line-height : 1.3 ;
font-size : 12px ;
color : #000 ;
}
.movieList dd.img img {
float : left ;
margin : 0 18px 0 0 ;
border : 1px solid #999 ;
padding : 0 ;
}
dd.ul ul{ padding : 6px 8px ; margin : 0 ; background : #ebebeb; float : left; width : 580px ; border-bottom : 1px solid #D2D2D2 ; margin-bottom : 7px;}
dd.ul li { margin : 0 ; padding : 0 ;list-style : none ; color : #000 ;float : left ;}
dd.ul li.director { background : url(/lgcyon/02_mobile/images/movie/tit_director.gif) no-repeat 2px left ; padding-left : 33px; padding-right : 20px; }
dd.ul li.actor { background : url(/lgcyon/02_mobile/images/movie/tit_actor.gif) no-repeat 2px left ; padding-left : 33px; padding-right : 20px; width:187px; }
dd.ul li.jangre { background : url(/lgcyon/02_mobile/images/movie/tit_jangre.gif) no-repeat 2px left ; padding-left : 33px; padding-right : 20px; }
dd.ul li.date { background : url(/lgcyon/02_mobile/images/movie/tit_date.gif) no-repeat 2px left ; padding-left : 45px; padding-right : 20px; }
dd.ul li.artist { background : url(/lgcyon/02_mobile/images/music/tit_artist.gif) no-repeat 2px left ; padding-left : 56px; padding-right : 20px; }
dd.ul li.albumdate { background : url(/lgcyon/02_mobile/images/music/tit_albumdate.gif) no-repeat 2px left ; padding-left : 45px; padding-right : 20px; }
div.movTitle {
background : #FFAD43 ;
height : 31px ;
margin-bottom : 1px ;
line-height : 31px ;
padding-left : 15px ;
}
div.mov_area {
float : left ;
background : url(/lgcyon/02_mobile/images/movie/movie_bak_bg.gif) no-repeat top right #FFEFC0;
padding : 10px 15px ;
border-bottom : 1px solid #FFB8C0 ;
}
div.mov_area div.thumb_area {
float : left ;
margin-right : 15px;
}
div.thumb_area img {
border : 1px solid #979797 ;
}
div.mov_desc {
float : left ;
}
div.mov_desc ul {
margin : 0 ;
padding : 0 ;
}
div.mov_desc li {
width : 300px ;
margin : 0 ;
padding : 0 ;
background : url(/lgcyon/02_mobile/images/movie/double_line.gif) repeat-x bottom left ;
padding-left : 5px;
line-height : 17px ;
padding-bottom : 2px;
margin-bottom : 5px ;
color : #000 ;
}
div.mov_desc li span { color :#666 ;vertical-align : middle ; line-height : 17px;}
div.mov_desc li img { vertical-align : middle ;}