/* 제목: 씨네시티 메인페이지 스타일 만든이: 문지애, jiae_moon@cymap.net 수정일: 2005.11.3 메모: */ @charset "euc-kr"; body{width: 100%; height: 100%; margin: 0; padding: 0; background: url(images/main_bg_right_l5.gif) repeat-x top; font-size: 12px; font-family: 돋움, 돋움체; color: #666; } a, a:link, a:visited, a:active{color: #666; text-decoration: none; } a:hover{text-decoration: underline; } table{border-collapse: collapse; } h1, h2, h3, form{margin: 0; padding: 0; } img{border: 0px; } ul, li{margin: 0; padding: 0; list-style: none; } /*****[class]***********************************************************************/ .title_bar{background: url(images/main_bg_ct.gif) repeat-x; height: 43px; } .title_bar h1{float: left; background-repeat: no-repeat; background-position: 4px 3px; margin: 0; padding: 10px 0 0 50px; height: 43px; } .more{float: right; margin: 28px 10px 0 0; } /*****[content_align]***********************************************************************/ /*#content_align{width: 904px; margin: auto; text-align:left; } #content_align div, #content_align ul, #content_align li, #content_align table, #content_align iframe, #content_align form{align: left; }*/ /*****[navi]***********************************************************************/ #cinecity, #hwachun, #cine, #ticket, #event, #membership, #customer, #art{position:absolute; top: 58px; visibility: hidden; } #cinecity{margin-left: 130px; } #hwachun{margin-left: 215px; } #cine{margin-left: 300px; } #ticket{margin-left: 420px; } #event{margin-left: 485px; } #membership{margin-left: 500px; } #customer{margin-left: 520px; } #art {margin-left: 300px; } /*****[header]***********************************************************************/ #header{width: 904px; height: 71px; padding-top: 7px; } #logo img{float: left; margin: 0; padding: 0; } #navi{float: left; background: #eee; } #navi ul{width: 640px; height: 35px; display: inline; } #navi li{display: inline; } #navi ul a{float: left; } #navi .cinecity{color: red; } #member{float: right; } #member ul{width: 84px; margin-top: 1px; } #member li{background: url(/images/header_member_dot.gif) repeat-x left bottom; font: 0/0 auto; padding-bottom: 1px; } #member li.search{background: none; padding: 0; } #member{float: right; } #member ul{width: 84px; height: 51px; overflow: hidden; } #member li{clear: both; } #member li a{float: left; padding: 17px 0 0 0; overflow: hidden; height: 0px !important; height: /별별/:17px; } #member .login a{width: 84px; background: url(images/member_login.gif) no-repeat top left; } #member .join a{width: 84px; background: url(images/member_join.gif) no-repeat top left; } #member .search a{width: 84px; background: url(images/member_search.gif) no-repeat top left; } /*****[main_visual]***********************************************************************/ #main_visual{clear: both; width: 904px; height: 196px; margin-bottom: 8px; } #visual{float: left; width: 727px; height: 196px; } #quick_menu{float: left; } #quick_menu ul{width: 177px; height: 196px; overflow: hidden; } #quick_menu li{clear: left; } #quick_menu a{float: left; padding: 49px 0 0 0; overflow: hidden; height: 0px !important; height: /**/:49px; } #quick_menu a:hover, #quick_menu a:active{background-position: 0 -49px; } #quick_menu .advance a{width: 177px; background: url(images/main_quick_advance.gif) no-repeat top left; } #quick_menu .check a{width: 177px; background: url(images/main_quick_check.gif) no-repeat top left; } #quick_menu .join a{width: 177px; background: url(images/main_quick_join.gif) no-repeat top left; } #quick_menu .spot a{width: 177px; background: url(images/main_quick_spot.gif) no-repeat top left; } #quick_menu .benefit a{width: 177px; background: url(images/main_quick_benefit.gif) no-repeat top left; } /*****[content]***********************************************************************/ #content{width: 904px; border-right: 1px solid #c7c7c7; background: url(images/dot_c7.gif) repeat-y 260px top; } /*****[content / main_content]*****************************************/ #main_content{width: 643px; float: right; border-left: 1px solid #c7c7c7; } #now_showing {} #now_showing .title_bar h1{background-image: url(images/main_icon_screening.gif); } #now_showing .new_list .left {float:left;} #now_showing .new_list .right {float:left; width:260px; padding:15px 15px 24px 15px;} #now_showing .title {font-weight:bold; text-align:left; padding-bottom:5px;} #now_showing .art_bg {background:url(images/art_bg.gif) no-repeat left top; width:260px; height:407px;} #now_showing .art_bg .art_poster {width:200px; margin:0 auto; padding-top:58px;} #now_showing .button {padding-top:10px;} #now_showing .new_list {padding:0 0 15px 20px; text-align:center;} #now_showing .new_list .wrap {margin-bottom: 5px; } #now_showing .new_list .wrap .movie_info{width: 144px; background: #fff; margin: 15px 0; border-right: 1px solid #fff; } #now_showing .new_list .wrap .movie_info th {text-align: left; padding: 3px 0; } #now_showing .new_list .wrap .movie_info .button td{padding-top: 5px; } #now_showing .title_bar h1{background-image: url(images/main_icon_screening.gif); } #now_showing .list{clear: left; text-align: center; } #now_showing .list .wrap{width: 93%; margin-bottom: 5px; } #now_showing .list .wrap .movie_info{width: 144px; margin: 15px 0; background: #fff; border-right: 1px solid #fff; } #now_showing .list .wrap .movie_info th{text-align: left; padding: 3px 0; } #now_showing .list .wrap .movie_info .button td{padding-top: 5px; } .poster_img{width: 110px; height: 160px; } /*** 현재상영작 이미지 크기 ***/ #next_showing {clear:both;} #next_showing .title_bar h1{background-image: url(images/main_icon_prearrange.gif); } #next_showing .list{clear: both; } #next_showing .list .scroll_left img, #next_showing .list .scroll_right img{width: 23px; height: 155px; } #next_showing .list .scroll_list{text-align: center; height: 150px; overflow: hidden; /*white-space: nowrap; */} #next_showing .list .scroll_list a{border: 1px solid #ccc; } #next_showing .list .scroll_list img{width: 80px; height: 110px; margin: 0 5px; } #over_div{width: 200px; } #over_content{background: #fff; } #over_content .row1{width: 26px; } #over_content th, #over_content td{border: 1px solid #ddd; font-size: 12px; text-align: left; padding: 4px 2px 0 2px; } #over_content .title{color: #378fb3; background: #f4f4f4; } #over_content .sub_title{font-weight: normal; font-size: 95%; vertical-align: top; } #dhtmltooltip{position: absolute; width: 200px; visibility: hidden; z-index: 100; }/***포스터에 마우스 올렸을 때 나타나는 상세정보***/ /*****[content / side_content]*****************************************/ #side_content{width: 260px; float: left; } #events{} #events .title_bar h1{background-image: url(images/main_icon_event.gif); } #events ul{clear: left; padding: 2px 0 8px 0; } #events li{padding: 0 10px 8px 25px; background: url(images/bullet_orange_square.gif) no-repeat 15px 4px; } #notice{} #notice .title_bar h1{background-image: url(images/main_icon_notice.gif); } #notice ul{clear: left; padding: 2px 0 8px 0; } #notice li{padding: 0 10px 8px 25px; background: url(images/bullet_orange_square.gif) no-repeat 15px 4px; } #boxoffice{} #boxoffice .title_bar h1{background-image: url(images/main_icon_boxoffice.gif); } #boxoffice ul{clear: left; padding: 2px 0 8px 0; } #boxoffice li{padding: 0 10px 8px 25px; background: url(images/bullet_orange_square.gif) no-repeat 15px 4px; } #poll{} #poll .title_bar h1{background-image: url(images/main_icon_poll.gif); } #poll h3{clear: left; margin: 2px 10px 2px 13px; font-size: 100%; } #poll ul{padding: 2px 0 8px 0; } #poll li{padding: 0 10px; } #poll .button{text-align: center; } #tel_banner{padding: 20px 15px 15px 15px; } #tel_banner .ars{} #tel_banner .ticketlink{margin-left: 10px; } /*****[banner: 플래쉬 배너]*****************************************/ #banner{display: none; clear: both; margin: 0 15px; padding-top: 15px; height: 100px; border-top: 3px solid #eee; } #banner .banner1{float: left; } #banner .banner2{float: right; } /*****[cooperation: 협력업체]*****************************************/ #cooperation{clear: both; margin: 0 15px; padding: 0 0 13px 0; height: 120px; border-top: 3px solid #eee; background: #fff; } #cooperation .title_bar{background: none; height: 18px; padding: 10px 0 1px 0; } #cooperation .title_bar h1{padding: 2px 0 0 22px; height: 18px; background: url(images/main_icon_cooperation.gif) no-repeat; } #cooperation .title_bar span{float: left; height: 18px; } #cooperation .title_bar span img{margin: 4px 0 0 5px; } #cooperation .list{clear: both; } #cooperation .list a:hover{text-decoration: none; } #cooperation .list img{margin: 2px 2px; border: 1px solid #ccc; width: 135px; height: 38px; } /*****[footer]***********************************************************************/ #footer{clear: both; height: 91px; background: #e6e6e6; } #footer_logo{float: left; margin-left: 5px; } #footer_menu{float: left; margin: 9px 0 15px 0; } #footer_menu ul{display: inline; width: 278px; height: 14px; overflow: hidden; } #footer_menu li{display: inline; } #footer_menu li a{float: left; padding: 14px 0 0 0; overflow: hidden; height: 0px !important; height: /**/:14px; } #footer_menu .cinecity a{width: 54px; background: url(images/sp2_cinecity.gif) no-repeat top left; } #footer_menu .hwachun a{width: 56px; background: url(images/sp2_intro.gif) no-repeat top left; } #footer_menu .private a{width: 71px; background: url(images/sp2_policy.gif) no-repeat top left; } #footer_menu .contact a{width: 59px; background: url(images/sp2_contact.gif) no-repeat top left; } #footer_menu .sitemap a{width: 38px; background: url(images/sp2_sitemap.gif) no-repeat top left; } #copyright{clear: left; margin: -25px 0 0 110px; }