/* Main 2010.05.03 */ @import url("base_ver3.css"); /* content style */ /* 공통 콘텐츠영역 - base.css -- #Con_M{width:960px; float:left; text-align:left;}*/ iframe{ border:none; margin:0; padding:0; overflow:hidden;} #Con_M{ _margin-top:-2px;} #Con_M .Con_MT{position:relative; display:block; width:100%; margin-bottom:5px; overflow:hidden; font-size:0;} .Con_MT .bn_TL{float:left; width:160px; font-size:0; margin:0; padding:0;} .Con_MT .bn_TC{float:left; width:510px; height:151px; overflow:hidden; font-size:0; margin-left:5px; display:inline;} /* s: 상단플디영역 */ .Con_MT .bn_TR{float:right; width:280px; height:151px; display:inline; padding:0; margin:0; font-size:0; overflow:hidden;} .Con_MT .bn_TR a{font-size:0;} .bn_TR iframe.pd { border:0; margin:0; padding:0; background:#FFF; width:100%; height:100%; overflow:hidden;} /* 기사타입 */ .bn_TR2_in .T_Pdb{float:left; width:276px; border:1px solid #d8d8d8; height:147px; font-size:0; padding:1px; overflow:hidden;} :root .bn_TR2_in .T_Pdb{float:left; width:274px; border:1px solid #d8d8d8; height:145px; font-size:0; padding:1px; overflow:hidden;} .bn_TR2_in .T_Pdb dd.Lbn{float:left; width:99px; font-size:0; margin:0; padding:0;} .bn_TR2_in .T_Pdb dd.Lbn img{ font-size:0; width:99px; height:147px;} .bn_TR2_in .T_Pdb dd.Linfo{float:left; width:155px; margin:0 0 0 10px; padding:0; text-align:left; display:inline; font-size:0; overflow:hidden;} .bn_TR2_in .T_Pdb dd.Linfo .RTtit{position:relative; width:155px; margin:12px 0 0 0; padding:0; display:inline-block;} .bn_TR2_in .T_Pdb dd.Linfo .Rtit_info{position:relative; width:155px; margin:7px 0 0 0; padding:0; display:inline-block; } .bn_TR2_in .T_Pdb dd.Linfo .Rtit_info .stit{pheight:12px; overflow:hidden; display:inline-block; margin:0; font-size:11px; color:#888888; letter-spacing:-1px;} .bn_TR2_in .T_Pdb dd.Linfo .Rtit_info .tit{height:14px; overflow:hidden; display:inline-block; margin-top:4px; font-size:12px; color:#33333b; letter-spacing:-1px; font-weight:bold;} .bn_TR2_in .T_Pdb .T_article_List{position:relative; width:155px; margin-top:5px; display:block;} .bn_TR2_in .T_Pdb .T_article_List li{float:left; width:148px; height:12px; display:inline; overflow:hidden; padding:0 0 0 6px; margin:3px 0; line-height:120%; background:url(http://ticketimage.interpark.com/TicketImage/main/100506_main/main_icon.gif) -5px -388px no-repeat transparent; letter-spacing:-1px; font-size:11px; color:#6c6d6f;} .bn_TR2_in .T_Pdb .T_article_List li a{ color:#6c6d6f;} /* 배너타입 */ .bn_TR_in{float:right; width:280px; height:151px; display:inline; padding:0; margin:0; font-size:0; border:none; overflow:hidden;} .bn_TR_in a{font-size:0;} /* e: 상단플디영역 */ #Con_M .Con_ML{position:relative; float:left; width:160px; margin-right:5px; display:inline;} .Con_ML p.tiki{position:relative;} /* 굿모닝 티켓 */ .Con_ML dl.morning{position:relative; height:97px; display:block; overflow:hidden; border:1px solid #d5d5d5; border-bottom:1px solid #bdbdbd; border-top:none; background:#f7f7f7;} .Con_ML dl.morning dt{position:relative; padding:10px; font-size:0;} .Con_ML dl.morning dt span.date{position:absolute; top:10px; right:8px; font-family:tahoma; font-size:10px; font-weight:bold; color:#999;} .Con_ML dl.morning dd { position:relative; padding:0 7px;} .Con_ML dl.morning dd .poster { float:left; width:44px; margin-right:8px; display:inline;} .Con_ML dl.morning dd .poster img{ width:44px; height:54px;} .Con_ML dl.morning dd .txt{ float:left; width:90px; display:inline-block; margin-top:3px; letter-spacing:-1px; line-height:120%;} .Con_ML dl.morning dd .gray{ color:#6c6d6f; font-size:11px;} /* 굿모닝티켓임시 */ #divMorning span.txt {float:left;} .Con_ML dl.morning dd .txt a img{ float:left; display:block;} /* 할인,초대 */ .Con_ML dl.sale{position:relative; height:324px; display:block; overflow:hidden; border:1px solid #d5d5d5; border-top:1px solid #eaeaea;} .Con_ML dl.sale dt{position:relative; height:29px; padding:8px 10px 0 10px; font-size:0; background:#f7f7f7;} :root .Con_ML dl.sale dt{height:24px;} .Con_ML dl.sale dt .btn{position:absolute; top:5px; right:7px;} .Con_ML dl.sale dd.sum{ position:relative; background:#fcfcfc; text-align:left; font-size:11px; padding:9px 0px 9px 10px; letter-spacing:0; color:#6c6d6f; z-index:10;} .Con_ML dl.sale dd.sum span.num{ font-family:dotum; font-size:11px; letter-spacing:0; font-weight:bold; display:inline-block; margin-left:2px;letter-spacing:-2px;} .Con_ML dl.sale dd.sum span.num a{color:#DA6464; text-decoration:underline; font-family:dotum; font-size:11px; letter-spacing:-2px;} .Con_ML dl.sale dd.sum span.num div{color:#DA6464; text-decoration:underline; font-family:dotum; font-size:11px; padding-right:2px; /*letter-spacing:-2px;*/} .Con_ML dl.sale dd.sum span.num div a{color:#DA6464; text-decoration:underline; font-family:dotum; font-size:11px; letter-spacing:-2px;} .Con_ML dl.sale dd.elist{ position:relative; z-index:9; /*margin-top:-1px;*/} .Con_ML dl.sale dd.elist ul.tab{position:relative; float:left; width:36px; } .Con_ML dl.sale dd.elist ul.tab li{position:relative; float:left; width:36px; height:44px; background:url(http://ticketimage.interpark.com/TicketImage/main/100506_main/main_bg_ver2.png) -5px -781px no-repeat; overflow:hidden; display:inline-block; text-align:center; font-size:11px;} .Con_ML dl.sale dd.elist ul.tab li a{width:36px; height:44px; color:#6c6d6f; display:inline-block;} .Con_ML dl.sale dd.elist ul.tab li a:hover{ text-decoration:none;} .Con_ML dl.sale dd.elist ul.tab li span{ margin:18px 5px 0 5px; display:block;} .Con_ML dl.sale dd.elist ul.tab li span.diy{ margin:16px 5px 0 0; display:block; letter-spacing:-3px;} .Con_ML dl.sale dd.elist ul.tab li span.card{ margin:8px 5px 0 5px; display:block;} .Con_ML dl.sale dd.elist ul.tab li span.package{ margin:16px 5px 0 2px; display:block; letter-spacing:-3px;} .Con_ML dl.sale dd.elist ul.tab li.on{width:36px; height:44px; background:#d7d7d7 url(http://ticketimage.interpark.com/TicketImage/main/100506_main/main_bg_ver2.png) -5px -733px no-repeat; overflow:hidden; display:inline-block;} .Con_ML dl.sale dd.elist ul.tab li.on span{ font-weight:bold; color:#303843;} .Con_ML dl.sale dd.elist ul.tab li.on_first{width:36px; height:44px; background:#d7d7d7 url(http://ticketimage.interpark.com/TicketImage/main/100506_main/main_bg_ver2.png) -5px -734px no-repeat; overflow:hidden; display:inline-block;} .Con_ML dl.sale dd.elist ul.tab li.on_first span{ font-weight:bold; color:#303843;} .Con_ML dl.sale dd.elist ul.tab li div.hot{ position:absolute; display:inline-block; top:6px; left:7px; width:21px; height:12px; background:url( http://ticketimage.interpark.com/TicketImage/main/100506_main/main_icon.gif) -39px -210px no-repeat transparent; z-index:100; text-indent:-90000px;} .Con_ML dl.sale dd.elist ul.tab li div.tiki{ position:absolute; display:inline-block; top:6px; left:7px; width:30px; height:12px; background:url( http://ticketimage.interpark.com/TicketImage/main/100506_main/main_icon.gif) -38px -254px no-repeat transparent; z-index:100; text-indent:-90000px;} /* 아이프레임으로 관리 : 사파리와 크롬에선 스크롤히든이 안되므로 iframe을 스크롤만큼 오버해서 잡고, 그위에 div로 overflow:hidden; 처리 */ dl.sale .sale_iframe {/*float:left;*/ width:118px; height:260px; margin:0; padding:0; text-align:left; overflow:hidden;} dl.sale .sale_iframe iframe{ margin:0; padding:0; background:#FFF; width:100%; height:100%; overflow:hidden; border:none; display:block;} dl.sale .sale_iframe iframe div{float:left; margin:0; padding:0; text-align:left; width:118px; height:260px; overflow:hidden; border:none; display:block;} /* dl.sale .sale_iframe iframe html{width:140px; overflow:hidden;} */ /* 할인 */ .list_sale{float:left; padding:10px 7px; width:100px; display:inline;} .list_sale li{float:left; width:100px;} .list_sale li.thumb{float:left; width:90px; margin:0 0 8px 10px; display:inline;} .list_sale li.thumb img{ width:77px; height:53px; border:1px solid #ebebeb;} .list_sale li.thumb span.txt{margin-top:3px; text-align:left; font-size:11px; color:#888888; padding:2px; line-height:120%; display:block;} .list_sale li.thumb strong{ color:#32373a; letter-spacing:-0.1em;} .list_sale li.dot{float:left; width:97px; height:17px; padding-left:7px; line-height:120%; background:url(http://ticketimage.interpark.com/TicketImage/main/100506_main/main_icon.gif) -4px -386px no-repeat transparent; display:block; overflow:hidden; letter-spacing:-0.1em;} .list_sale li.dot a{font-size:11px; color:#6c6d6f;} .list_sale li.dot a:hover{font-size:11px; color:#da6464;} /* 쿠폰*/ .list_coupon{float:left; width:98px; margin:4px 0 0 16px; display:inline; overflow:hidden;} .list_coupon li{float:left;} .list_coupon li.thumb{float:left; width:85px; margin-top:6px; text-align:left;} .list_coupon li.thumb img{width:82px; height:56px; border:1px solid #ebebeb; font-size:0;} .list_coupon li.thumb span.txt{width:90px; height:14px; margin-top:2px; text-align:left; font-size:11px; color:#6c6d6f; padding:2px; line-height:120%; display:inline-block; letter-spacing:-1px;} .list_coupon li.thumb strong{ color:#db6565; letter-spacing:0px; margin-left:5px; display:inline;} /* 초대 */ .list_invitation{float:left; margin:10px 0 10px 6px; width:108px; display:inline;} .list_invitation li{float:left; width:108px; margin:1px 0; text-align:left;} .list_invitation li.btn{float:right; text-align:right; display:inline;} .list_invitation li.tit h5{ color:#595959; letter-spacing:-0.1em; font-size:12px; margin:0px 0px 2px 6px;} .list_invitation li.tit2 h5{ color:#595959; letter-spacing:-0.1em; font-size:12px; margin:17px 0 2px 6px;} .list_invitation li.dot{float:left; text-align:left; width:100px; height:15px; padding-left:7px; line-height:120%; background:url(http://ticketimage.interpark.com/TicketImage/main/100506_main/main_icon.gif) -4px -386px no-repeat transparent; display:inline; overflow:hidden; letter-spacing:-0.1em;} .list_invitation li.dot a{font-size:11px; color:#6c6d6f;} .list_invitation li.dot a:hover{font-size:11px; color:#da6464;} /* 경품 */ .list_gift{float:left; width:98px; margin:2px 0 0 16px; display:inline; overflow:hidden;} .list_gift li{float:left; text-align:left;} .list_gift li.btn{float:right; text-align:right; display:inline; padding-right:13px;} .list_gift li.btn a{margin:2px;} .list_gift li.thumb{float:left; width:100%; margin-bottom:6px;} .list_gift li.thumb img{width:82px; height:56px; border:1px solid #ebebeb; font-size:0;} .list_gift li.thumb span.txt{width:90px; height:13px; overflow:hidden; margin:2px; text-align:left; font-size:11px; color:#6c6d6f; line-height:130%; display:inline-block;} /* 핫세일 */ .list_Hot{float:left; width:112px; margin:9px 0 0 2px; display:inline; overflow:hidden;} .list_Hot li.btn{float:right; text-align:right; display:inline; padding-right:5px;} .list_Hot li.btn a{margin:2px;} .list_Hot li{float:left; padding:2px 0 0 0;} /* 할인카드 */ .list_Card{float:left;width:104px; margin:2px 0 0 10px; display:inline; overflow:hidden;} .list_Card li.btn{float:right; text-align:right; display:inline;} .list_Card li.btn a{margin:2px;} .list_Card li.thumb{float:left; text-align:left; width:104px; margin:0 0 7px 0; display:inline; border-bottom:1px solid #ececec; padding-bottom:7px;} .list_Card span.txt1{height:12px; margin-top:2px; text-align:left; font-size:11px; color:#888888; line-height:120%; display:block; letter-spacing:-1px;} .list_Card span.txt2{height:12px; font-weight:bold; margin-top:1px; text-align:left; font-size:11px; overflow:hidden; color:#284e85; line-height:120%; display:block; letter-spacing:-1px;} .list_Card li.thumb_last{float:left; text-align:left; width:104px; margin:0 0 8px 0; display:inline; border-bottom:none;} .list_Card a span.txt1{height:12px; margin-top:2px; text-align:left; font-size:11px; color:#888888; line-height:120%; display:block; letter-spacing:-1px;} .list_Card a span.txt2{height:12px; font-weight:bold; margin-top:1px; text-align:left; font-size:11px; overflow:hidden; color:#284e85; line-height:120%; display:block; letter-spacing:-1px;} .list_Card a:hover span{ text-decoration:none; cursor:pointer;} /* ==== 좌측중앙 프로모션용 스타일 ==== */ /* 프로모션배너 */ .Bn_Promotion{position:absolute; top:400; left:0; z-index:10; clear:both; width:165px; height:170px; overflow:hidden;} /* 중앙탭 */ #Con_M .Con_MC{position:; float:left; width:510px;} .cHit{ position:relative; display:block; height:246px;} .cHit ul.Ptab{position:relative; width:510px; height:41px; background:url(http://ticketimage.interpark.com/TicketImage/main/100506_main/main_bg_ver2.png) -5px -14px no-repeat; overflow:hidden; display:inline-block;} .cHit ul.Ptab li {float:left; position:relative; left:1px; /*width:95px;*/ display:inline-block; _display:inline; text-align:center; font-weight:bold; letter-spacing:-1px;} .cHit ul.Ptab li a{color:#888888; /*width:95px;*/ padding:0 16px; display:inline-block; _display:inline; height:33px; padding-top:12px; text-decoration:none;} .cHit ul.Ptab li.sai{float:left; width:1px; height:12px; font-size:0; padding:0; margin-top:12px; background:url(http://ticketimage.interpark.com/TicketImage/main/100506_main/main_bg_ver2.png) -5px -73px no-repeat;} .cHit ul.Ptab li.on {overflow:hidden; color:#c51010; background:url(http://ticketimage.interpark.com/TicketImage/main/100506_main/bg_tabon.png) top center no-repeat transparent;} .cHit ul.Ptab li a:hover {/*width:95px;*/ height:33px; color:#c51010; background:url(http://ticketimage.interpark.com/TicketImage/main/100506_main/bg_tabon.png) top center no-repeat transparent; z-index:11;} .cHit ul.Ptab li.on a{ color:#c51010;} /* 티키전용 */ .list_tiki{float:left; width:92px; margin:4px 0 0 12px; display:inline; overflow:hidden;} .list_tiki li{float:left;} .list_tiki li.thumb{float:left; width:80px; margin-top:6px; text-align:left;} .list_tiki li.thumb img{width:90px; height:45px; border:1px solid #ebebeb; font-size:0;} .list_tiki li.thumb span.txt1{height:12px; margin-top:4px; text-align:left; font-size:11px; color:#888888; line-height:120%; overflow:hidden; display:block; letter-spacing:-1px;} .list_tiki li.thumb span.txt2{height:12px; font-weight:bold; margin-top:2px; text-align:left; font-size:11px; overflow:hidden; color:#da6464; line-height:120%; display:block; letter-spacing:-1px;} /* 110506 DIY 패키지*/ .list_DIY{float:left; width:102px; margin:12px 0 0 10px; display:inline; overflow:hidden;} .list_DIY li{float:left; text-align:left;} .list_DIY li.btn{float:right; text-align:right; display:inline; font-size:0; margin-bottom:6px;} .list_DIY li.thumb{float:left; width:100%; margin:3px 0 11px 0;} .list_DIY li.thumb dl{ clear:both; display:block;} .list_DIY li.thumb dd{ vertical-align:middle; float:left; display:inline-block;} .list_DIY li.thumb dd img { vertical-align:middle; font-size:0; width:43px; height:52px; border:1px solid #e9e9e9;} .list_DIY li.thumb dd.plus{ width:12px; height:12px; margin-top:20px; vertical-align:middle; display:inline-block; overflow:hidden; background:url('http://ticketimage.interpark.com/TicketImage/main/100506_main/icon_plus.gif') top center no-repeat;} .list_DIY li.thumb span.txt1{width:102px; margin-top:7px; text-align:left; font-size:11px; color:#6c6d6f; display:inline-block;} .list_DIY li.thumb span.txt1 a{color:#6c6d6f;} .list_DIY li.thumb span.txt2{width:102px; overflow:hidden; text-align:left; font-size:12px; font-weight:bold; color:#da6464; line-height:130%; display:inline-block;} /* 패키지 */ .list_package{float:left; width:102px; margin:8px 0 0 7px; display:inline; overflow:hidden;} .list_package li{float:left; text-align:left;} .list_package li.btn{float:right; text-align:right; display:inline; font-size:0; margin-bottom:6px;} .list_package li.thumb{float:left; width:100%; margin:3px 0 11px 0;} .list_package li.thumb img{width:102px; height:54px; font-size:0;} .list_package li.thumb span.txt1{width:102px; margin-top:7px; text-align:left; font-size:11px; color:#6c6d6f; display:inline-block;} .list_package li.thumb span.txt2{width:102px; overflow:hidden; text-align:left; font-size:12px; font-weight:bold; color:#da6464; line-height:130%; display:inline-block;} /* 추천상단_연말버전 */ .skip{display:none} .YearEnd{ position:relative; display:inline-block; width:510px; height:205px; top:-7px; z-index:10; overflow:hidden; background:url('http://ticketimage.interpark.com/TicketImage/main/100506_main/main_bg_yearend2011.png') -5px -495px no-repeat;} .YearEnd ul.Theme{position:relative; width:500px; height:180px; margin-top:26px; margin-left:24px; z-index:9; display:inline-block; _display:inline;} .YearEnd ul.Theme li.TMposter{position:relative; float:left; width:95px; height:172px; padding:0 5px 0 15px; display:inline-block; _display:inline;} .YearEnd ul.Theme li.TMposter img{width:87px; height:106px; display:inline-block; } .YearEnd ul.Theme li.TMposter .info1{display:block; text-align:center; margin-top:18px; width:95px; height:28px; overflow:hidden; font-weight:bold;} .YearEnd ul.Theme li.TMposter .info2{display:block; text-align:center; margin-top:3px; width:95px; height:12px; overflow:hidden; color:#C10100; font-size:11px;} .YearEnd .btn_more{position:absolute; cursor:pointer; right:0; top:5; width:115px; height:14px; display:inline-block; z-index:20;} /* 추천상단_연말버전 끝 */ /* 추천상단_겨울느낌 */ .Winter{ position:relative; display:inline-block; width:510px; height:205px; top:-7px; z-index:10; overflow:hidden; background:url('http://ticketimage.interpark.com/TicketImage/main/100506_main/main_bg_yearend2011.png') -5px -495px no-repeat;} .Winter ul.Theme{position:relative; width:500px; height:180px; margin-top:21px; margin-left:27px; z-index:9; display:inline-block; _display:inline;} .Winter ul.Theme li.TMposter{position:relative; float:left; width:95px; height:172px; padding:0 0 0 15px; display:inline-block; _display:inline;} .Winter ul.Theme li.TMposter .hover {width:95px; height:119px; overflow:hidden; display:inline-block; _display:inline; vertical-align:top; background:url(http://ticketimage.interpark.com/TicketImage/main/100506_main/normal_yearend.png) 0 0 no-repeat transparent; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://ticketimage.interpark.com/TicketImage/main/100506_main/normal_yearend.png', sizingMethod='crop'); cursor:pointer; text-decoration:none;} .Winter ul.Theme li.TMposter .hover a:hover {width:95px; height:119px; overflow:hidden; display:inline-block; background:url(http://ticketimage.interpark.com/TicketImage/main/100506_main/over_yearend.png) 0 0 no-repeat transparent; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://ticketimage.interpark.com/TicketImage/main/100506_main/over_yearend.png', sizingMethod='crop'); cursor:pointer; text-decoration:none;} .Winter ul.Theme li.TMposter img{width:87px; height:106px; display:inline-block; margin:4px; _display:inline;} .Winter ul.Theme li.TMposter .info1{display:block; text-align:center; margin-top:10px; width:95px; height:28px; overflow:hidden; font-weight:bold;} .Winter ul.Theme li.TMposter .info2{display:block; text-align:center; margin-top:4px; width:95px; height:12px; overflow:hidden; color:#C10100; font-size:11px;} .Winter span.skip{display:none} .Winter .btn_more{position:absolute; cursor:pointer; right:0; top:5; width:80px; height:14px; display:inline-block; z-index:20;} /* 추천상단_겨울느낌 끝 */ /* 추천상단_골든티켓 */ .GoldenTK{ position:relative; display:inline-block; width:510px; height:205px; top:-7px; overflow:hidden; background:url(http://ticketimage.interpark.com/TicketImage/main/100506_main/main_bg_special.png) -5px -495px no-repeat;} .GoldenTK ul.Theme{position:relative; width:500px; height:180px; margin-top:21px; margin-left:27px; z-index:9; display:inline-block; _display:inline;} .GoldenTK ul.Theme li.TMposter{position: absolute; clear:both; left:14px; top:69px;} .GoldenTK ul.Theme li.TMposter a{ float:left; margin-right:10px; display:inline-block; _display:inline;} .GoldenTK ul.Theme li.TMposter img{width:74px; height:90px; display:inline-block; border:2px solid #7d7f86;} .GoldenTK .btn{position:absolute; right:17px; top:34px; z-index:20;} .GoldenTK .btn a{width:73px; height:40px; display:inline-block; cursor:pointer;} /* 추천상단_골든티켓 끝 */ /* Start 패키지예매 110503 오픈 */ .Con_MC .Package{height:205px; background:url('http://ticketimage.interpark.com/TicketImage/main/100506_main/main_bg_package.png') top center no-repeat; overflow:hidden;} .Con_MC .Package .btn_make{display:inline-block; margin:28px 0 0 263px;} .Con_MC .Obj{ clear:both; margin-top:36px; margin-left:27px; display:block; overflow:hidden;} .Con_MC .Package dl{ display:inline-block; width:140px; float:left; margin-left:10px;} .Con_MC .Package dl dt img{margin:0 9px;} .Con_MC .Package dl dd{ font-size:11px; color:#777777; margin-top:10px; letter-spacing:-1px; width:135px; text-align:center; overflow:hidden; height:13px;} .Con_MC .Package dl dd strong{ color:#d36161;} /* End 패키지예매 110503 오픈 */ /* 인기공연 */ .Popular{ position:relative; display:block; height:205px;} /* 좌우이동버튼 */ .Popular p.btn_pre span, .Popular p.btn_next span{ display:none; width:15px; height:60px;} .Popular p.btn_pre{ position:absolute; z-index:10; display:inline-block; top:23px; left:5px; width:15px; height:60px; background:url(http://ticketimage.interpark.com/TicketImage/main/100506_main/main_icon.gif) -5px -2px no-repeat; cursor:pointer;} .Popular p.btn_pre a{width:15px; height:60px; display:block; cursor:pointer;} .Popular p.btn_next{position:absolute; z-index:10; display:inline-block; top:23px; left:490px; width:15px; height:60px; background:url(http://ticketimage.interpark.com/TicketImage/main/100506_main/main_icon.gif) -22px -2px no-repeat; cursor:pointer;} .Popular p.btn_next a{width:15px; height:60px; display:block; cursor:pointer;} /* 포스터나열 수정 05.28. .Popular .thumb{position:absolute; left:16px; padding-left:4px; width:480px; height:111px; background:url(http://ticketimage.interpark.com/TicketImage/main/100506_main/main_bg_ver2.png) -20px -144px no-repeat; overflow:hidden; z-index:9;} .Popular .thumb li{position:relative; float:left; width:78px; height:100px; margin:8px 8px 0 8px; display:inline-block;} */ .Popular .thumb{position:relative; padding-left:27px; top:0; width:500px; height:111px; overflow:hidden; z-index:9; background:url(http://ticketimage.interpark.com/TicketImage/main/100506_main/main_bg_ver2.png) -5px -144px no-repeat;} :root .Popular .thumb {width:480px;} .Popular .thumb li{position:relative; float:left; width:78px; height:100px; margin:8px 16px 0 0; display:inline-block;} .Popular .thumb li .on a img{width:78px; height:94px; display:inline-block;} .Popular .thumb li .on a{position:absolute; top:0; width:78px; height:100px; z-index:2; cursor:pointer; display:inline-block; background:url(http://ticketimage.interpark.com/TicketImage/main/100506_main/select_poster.png) 0 0 no-repeat transparent; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://ticketimage.interpark.com/TicketImage/main/100506_main/select_poster.png', sizingMethod='crop');} .Popular .thumb li .over a img{width:78px; height:94px; display:inline-block;} .Popular .thumb li .over a{position:absolute; top:0; width:78px; height:100px; z-index:2; cursor:pointer;} .Popular .thumb li .over a:hover{width:78px; height:100px; display:inline-block; background:url(http://ticketimage.interpark.com/TicketImage/main/100506_main/select_poster.png) 0 0 no-repeat transparent; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://ticketimage.interpark.com/TicketImage/main/100506_main/over_poster.png', sizingMethod='crop'); cursor:pointer;} /* s: 포스터이미지 */ .Popular .thumb li .img {position:absolute; top:0; display:inline-block; width:78px; height:94px; z-index:1;} .Popular .thumb li .img img{ width:78px; height:94px;} /* e: 포스터이미지 */ .Popular .thumb li .cover_on a{position:absolute; top:0; z-index:2; width:78px; height:100px; text-align:center; display:inline-block; background:url(http://ticketimage.interpark.com/TicketImage/main/100506_main/select_poster2.png) 0 0 no-repeat transparent; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://ticketimage.interpark.com/TicketImage/main/100506_main/select_poster2.png', sizingMethod='crop'); cursor:pointer; text-decoration:none;} .Popular .thumb li .cover_on a span{position: absolute; left:0; bottom:7px; width:78px; text-align:center; font-weight:bold; color:#FFF; font-size:11px;} .Popular .thumb li .cover a{position:absolute; top:0; z-index:2; width:78px; height:100px; text-align:center; display:inline-block; overflow:hidden; background:url(http://ticketimage.interpark.com/TicketImage/main/100506_main/bg_cover.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://ticketimage.interpark.com/TicketImage/main/100506_main/bg_cover.png', sizingMethod='crop'); cursor:pointer;} .Popular .thumb li .cover a span{position: absolute; left:0; bottom:7px; width:78px; text-align:center; color:#d9d9d9; font-size:11px;} .Popular .thumb li .cover a div.empty {position:absolute; width:78px; height:100px; top:0px; left:0; z-index:5;} .Popular .thumb li .cover a div.empty img{position:absolute; width:78px; height:100px; top:0px; left:0; z-index:5;} .Popular .thumb li .cover a:hover{width:78px; height:100px; bottom:0px; display:inline-block; background:url(http://ticketimage.interpark.com/TicketImage/main/100506_main/select_poster2.png) 0 0 no-repeat transparent; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://ticketimage.interpark.com/TicketImage/main/100506_main/over_poster2.png', sizingMethod='crop'); cursor:pointer; text-decoration:none;} .Popular .thumb li .cover a:hover span{display:inline-block; padding-top:80px; font-weight:normal; color:#FFF; font-size:11px;} .Popular .thumb li .Dday_on a{position:absolute; top:0; z-index:2; width:78px; height:100px; text-align:center; display:inline-block; background:url(http://ticketimage.interpark.com/TicketImage/main/100506_main/select_poster2.png) 0 0 no-repeat transparent; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://ticketimage.interpark.com/TicketImage/main/100506_main/select_poster2.png', sizingMethod='crop'); cursor:pointer; text-decoration:none;} .Popular .thumb li .Dday_on a span{position: absolute; left:0; bottom:7px; width:78px; text-align:center; font-weight:bold; color:#FFF; font-size:11px;} .Popular .thumb li .Dday a{position:absolute; top:0; z-index:2; width:78px; height:100px; text-align:center; display:inline-block; overflow:hidden; background:url(http://ticketimage.interpark.com/TicketImage/main/100506_main/bg_cover.png); _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://ticketimage.interpark.com/TicketImage/main/100506_main/bg_cover.png', sizingMethod='crop'); cursor:pointer;} .Popular .thumb li .Dday a span{position: absolute; left:0; bottom:7px; width:78px; text-align:center; color:#d9d9d9; font-size:11px;} .Popular .thumb li .Dday a div.empty {position:absolute; width:78px; height:100px; top:0px; left:0; z-index:5;} .Popular .thumb li .Dday a div.empty img{position:absolute; width:78px; height:100px; top:0px; left:0; z-index:5;} .Popular .thumb li .Dday a:hover{width:78px; height:100px; bottom:0px; display:inline-block; background:url(http://ticketimage.interpark.com/TicketImage/main/100506_main/select_poster2.png) 0 0 no-repeat transparent; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://ticketimage.interpark.com/TicketImage/main/100506_main/over_poster2.png', sizingMethod='crop'); cursor:pointer; text-decoration:none;} .Popular .thumb li .Dday a:hover span{display:inline-block; padding-top:80px; font-weight:normal; color:#FFF; font-size:11px;} /* 공연관련기사 */ .Popular div.Pinfo{clear:both; position:absolute; top:108px; overflow:hidden; display:block; width:494px; height:90px; margin:0 8px; border:1px solid #e9e9e9; background:#f8f8f8; z-index:20;} .Popular div.Pinfo dl{ float:left; padding:10px 0 8px 13px; width:210px; display:inline; } .Popular div.Pinfo dl dt { font-weight:bold; letter-spacing:-0.1em; margin-bottom:6px;} .Popular div.Pinfo dl dt .name{ height:14px; overflow:hidden; margin:0 5px 0 0;} .Popular div.Pinfo dl dt img{vertical-align:middle; margin-bottom:2px;} .Popular div.Pinfo dl dd.sum { font-size:12px; height:20px; letter-spacing:-0.1em;} .Popular div.Pinfo dl dd.sum span.num{ font-weight:bold; font-family:; font-size:11px; letter-spacing:0; display:inline-block; margin-bottom:1px; text-decoration:underline; display:inline-block; margin-left:2px;} .Popular div.Pinfo dl dd.sale {font-size:11px; height:14px; color:#da6464; background:url(http://ticketimage.interpark.com/TicketImage/main/100506_main/main_icon.gif) -21px -74px no-repeat transparent; padding-left:7px;} .Popular div.Pinfo dl dd.sale div a{font-size:11px; height:14px; color:#da6464;} ul.article_list { float:right; margin:28px 0 0 0; width:260px; display:inline-block;} ul.article_list li {float:left; width:200px; height:19px; padding:0 0 0 8px; margin:0; line-height:120%; background:url(http://ticketimage.interpark.com/TicketImage/main/100506_main/main_icon.gif) -3px -387px no-repeat transparent; display:block; white-space:nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis; overflow:hidden;} ul.article_list li a{color:#6c6d6f;} ul.article_list li a:hover{color:#da6464;} ul.article_list li.btn{ float:right; width:41px; display:inline; margin:0 10px 0 0; padding:0; font-size:0; cursor:pointer; background:none; text-align:right;} ul.article_list li.hot a{color:#da6464; font-weight:bold;} /* 좋은좌석 */ .gSeat{ position:relative; display:block; width:494px; height:205px; margin:0 8px; overflow:hidden; top:-19px; } .gSeat .btn{ position:relative; top:25px; left:425px; height:20px; display:inline; cursor:pointer; z-index:500; margin:0; padding:0;} .gSeat .Exc {position:relative; float:left; width:100%; display:block; border-bottom:1px solid #e5e5e5; padding:8px 0;} .gSeat .Exc dt {float:left; width:81px; padding:0 0 0 4px; display:block; font-size:0;} .gSeat .Exc dt img{width:65px; height:80px; border:1px solid #ececec;} .gSeat .Exc .icon{float:left; padding:1px 0 0 0; display:inline-block; } .gSeat .Exc .Tag{float:left; width:410px; display:inline-block;} :root .gSeat .Exc .Tag{width:400px;} .gSeat .Exc .Tag span { display:inline-block; margin:3px; font-size:12px;} .gSeat .Exc .Tag .L1 a{ letter-spacing:-1px; color:#7b7b7b;} .gSeat .Exc .Tag .L2 a{ letter-spacing:-1px; font-weight:bold; color:#595959;} .gSeat .Exc .Tag .L3 a{ letter-spacing:-1px; font-weight:bold; color:#db6565;} .gSeat .gS {position:relative; float:left; width:100%; display:block; padding:8px 0;} .gSeat .gS .btn{ position:absolute; rigth:10px; top:10px;} .gSeat .gS dt {float:left; width:81px; padding:0 0 0 4px; display:block; font-size:0;} .gSeat .gS dt img{width:65px; height:80px; border:1px solid #ececec;} .gSeat .gS .icon{float:left; padding:1px 0 0 0; display:inline-block; } .gSeat .gS .Tag{float:left; width:410px; display:inline-block;} :root .gSeat .gS .Tag{width:400px;} .gSeat .gS .Tag span { display:inline-block; margin:3px; font-size:12px;} .gSeat .gS .Tag .L1 a{ letter-spacing:-1px; color:#7b7b7b;} .gSeat .gS .Tag .L2 a{ letter-spacing:-1px; font-weight:bold; color:#595959;} .gSeat .gS .Tag .L3 a{ letter-spacing:-1px; font-weight:bold; color:#284e85;} /* 랭킹 */ .ranking{clear:both; position:relative; width:510px; height:170px; background:url('http://ticketimage.interpark.com/TicketImage/main/100506_main/main_bg_ver2.png') -5px -306px no-repeat; overflow:hidden; display:inline-block;} .ranking .tit_bar{position:relative; height:41px; } .ranking .tit_bar span.tit{display:inline-block; color:#c51010; font-weight:bold; padding:12px 0 0 25px;} .ranking .tit_bar span.btn{display:inline-block; color:#6c6d6f; font-size:11px; font-family:dotum; position:absolute; right:10px; top:10px;} /* 100720 랭킹순위 신규 */ .r_wrap{ display:block; } .ol_group{float:left; width:244px; margin-left:9px; height:130px; display:inline; overflow:hidden;} .ol_group_none{clear:both; clear:left; padding:0; margin:0; display:none; font-size:0px;} /* 장르명, 탭 */ .ol_group p.Tbar {position:relative; width:245px; height:26px; display:inline-block; overflow:hidden;} :root .ol_group p.Tbar{width:242px;} .ol_group p.Tbar .tit{text-align:center; width:72px; line-height:120%; font-weight:bold; letter-spacing:-1px; position:absolute; display:inline-block; left:1px;} .ol_group p.Tbar .stab{display:inline-block; color:#6c6d6f; font-size:11px; letter-spacing:-1px; font-family:dotum; position:absolute; right:2px; top:2px;} .ol_group p.Tbar .stab a{color:#6c6d6f;} .ol_group p.Tbar .stab a.on{ font-weight:bold; color:#2f3742;} .ol_group .poster{ float:left; display:inline-block; width:78px; text-align:left;} .ol_group .poster img{width:70px; height:85px; border:1px solid #eaeaea;} .ol_group .r_ol_num{float:left; background:url('http://ticketimage.interpark.com/TicketImage/main/100506_main/main_icon.gif') -60px -265px no-repeat transparent; display:inline-block; text-align:left; width:15px; height:90px;} .ol_group div.r_ol{float:left; width:166px; display:inline-block;} .ol_group div.r_ol ol li {position:relative; font-size:0; line-height:0; height:18px; width:166px; overflow:hidden; color:#6c6d6f; display:inline-block;} .ol_group div.r_ol ol li span.num {position:absolute; left:0; top:2px; font-size:12px; height:11px; width:11px; display:inline-block;} .ol_group div.r_ol ol li span.name {position:absolute; left:12px; top:0; font-size:12px; height:14px; width:136px; line-height:140%; letter-spacing:-1px; overflow:hidden; text-align:left;} :root .ol_group div.r_ol ol li span.name{width:125px;} .ol_group div.r_ol ol li span.name a{color:#6c6d6f;} .ol_group div.r_ol ol li span.name a:hover{color:#000; text-decoration:none;} .ol_group div.r_ol ol li span.name strong a{color:#da6464;} .ol_group div.r_ol ol li span.name strong a:hover{color:#da6464;} .ol_group div.r_ol ol li p span{ display:none;} .ol_group div.r_ol ol li p{display:inline-block; text-align:left; position:absolute; right:0; top:0; width:20px; height:11px; margin-top:2px; font-size:10px; color:#999999; font-family:tahoma; line-height:96%; letter-spacing:0; overflow:hidden;} .ol_group div.r_ol ol li p.down{background:url('http://ticketimage.interpark.com/TicketImage/main/100506_main/main_icon.gif') -5px -130px no-repeat transparent; display:inline-block; text-align:left; padding-left:7px;} .ol_group div.r_ol ol li p.up{background:url('http://ticketimage.interpark.com/TicketImage/main/100506_main/main_icon.gif') -24px -145px no-repeat transparent; display:inline-block; text-align:left; padding-left:7px;} .ol_group div.r_ol ol li p.stop{background:url('http://ticketimage.interpark.com/TicketImage/main/100506_main/main_icon.gif') -43px -160px no-repeat transparent; display:inline-block; text-align:left; width:20px;} :root .ol_group div.r_ol ol li p.stop {width:27px;} .ol_group div.r_ol ol li p.new{background:url('http://ticketimage.interpark.com/TicketImage/main/100506_main/main_icon.gif') -5px -187px no-repeat transparent; display:inline-block; text-align:left; width:20px;} :root .ol_group div.r_ol ol li p.new {width:27px;} /* 랭킹_골든티켓 버전 2010 .ranking_GoldenTicket{clear:both; position:relative; width:510px; height:170px; background:url(http://ticketimage.interpark.com/TicketImage/main/100506_main/main_bg_goldenticket.png) -5px -304px no-repeat; overflow:hidden; display:inline-block;} .ranking_GoldenTicket .tit_bar{position:relative; float:left; display:block;} .ranking_GoldenTicket ul.Ss_tab{position:relative; float:left; width:510px; height:41px; margin-top:2px; overflow:hidden; display:inline-block;} .ranking_GoldenTicket ul.Ss_tab li{float:left; position:relative; left:1px; letter-spacing:-1px; display:inline-block; text-align:center; font-weight:bold;} .ranking_GoldenTicket ul.Ss_tab li a{display:inline-block; _display:inline; color:#888888; padding:0 18px; padding-top:12px; height:33px; text-decoration:none;} .ranking_GoldenTicket ul.Ss_tab li.sai{float:left; width:1px; height:12px; font-size:0; padding:0; margin:12px 0 0 0; background:url(http://ticketimage.interpark.com/TicketImage/main/100506_main/main_bg_goldenticket.png) -5px -73px no-repeat;} .ranking_GoldenTicket ul.Ss_tab li.on {overflow:hidden; color:#c51010; background:url(http://ticketimage.interpark.com/TicketImage/main/100506_main/bg_tabon.png) top center no-repeat transparent;} .ranking_GoldenTicket ul.Ss_tab li a:hover {height:33px; color:#c51010; background:url(http://ticketimage.interpark.com/TicketImage/main/100506_main/bg_tabon.png) top center no-repeat transparent; z-index:11;} .ranking_GoldenTicket ul.Ss_tab li.on a{ color:#c51010;} .ranking_GoldenTicket .btn{ float:left; display:inline-block; margin-top:-30px; margin-left:200px;} .ranking_GoldenTicket .btn a{position:relative; vertical-align:middle;} 랭킹_골든티켓 버전 2010 */ /* 랭킹_연말버전 */ .ranking_yearend_ver2 .Tbar{ color:#FFF;} .ranking_yearend_ver2 .btn{ position:relative; float:right; display:inline-block; margin-top:-30px; margin-right:10px; _display:inline;} .ranking_yearend_ver2 .ol_group p.Tbar .tit{text-align:left; width:72px; line-height:120%; font-weight:bold; letter-spacing:-1px; position:absolute; display:inline-block; left:1px;} .sale_One{display:inline-block; margin-top:169px;} .YearEnd_ranking{position:absolute; top:400; left:0; z-index:10; clear:both; width:675px; height:170px; overflow:hidden; background:url('http://ticketimage.interpark.com/TicketImage/main/100506_main/yearend_bg_2011.jpg') top right no-repeat;} .YearEnd_ranking .go_Btn{float:left; width:160px; height:170px; cursor:pointer;} .ranking_yearend_ver2{float:left; width:515px; height:170px; overflow:hidden; display:inline-block;} .ranking_yearend_ver2 .tit_bar{ clear:both; overflow:hidden; display:block;} .ranking_yearend_ver2 ul.Ss_tab{ position:relative; left:8px; float:left; width:515px; height:41px; overflow:hidden; display:inline-block;} .ranking_yearend_ver2 ul.Ss_tab li{float:left; /*left:1px; width:95px;*/ font-family:dotum; letter-spacing:-1px; display:inline-block; text-align:center; font-weight:bold;} .ranking_yearend_ver2 ul.Ss_tab li a{display:inline-block; color:#554427; /*width:95px;*/ padding:0 20px; display:inline-block; _display:inline; height:33px; padding-top:12px; text-decoration:none;} .ranking_yearend_ver2 ul.Ss_tab li.on {color:#c11815; /* overflow:hidden; background:url('http://ticketimage.interpark.com/TicketImage/main/100506_main/yearend_bg_select.png') top center no-repeat;*/} .ranking_yearend_ver2 ul.Ss_tab li a:hover {/*width:95px; height:33px; background:url('http://ticketimage.interpark.com/TicketImage/main/100506_main/yearend_bg_select.png') top center no-repeat; z-index:11;*/ color:#c11815;} .ranking_yearend_ver2 ul.Ss_tab li.on a{ color:#c11815;} .ranking_yearend_ver2 ul.Ss_tab li.sai{float:left; width:2px; height:9px; font-size:0; display:inline-block; margin-top:12px; background:url('http://ticketimage.interpark.com/TicketImage/main/100506_main/yearend_tab_sai.gif') top left no-repeat;} /* 랭킹_연말버전 끝 */ /* 랭킹_골든티켓 2011 버전 시작 */ .GT2011_ranking{position:absolute; top:400; left:0; z-index:10; clear:both; width:160px; height:170px; overflow:hidden;} .GT2011_ranking .go_Btn{float:left; width:160px; height:170px; cursor:pointer;} .sale_One{display:inline-block; margin-top:169px;} .ranking_GT2011{float:left; width:510px; margin-left:5px; height:168px; padding-top:2px; overflow:hidden; display:inline-block; _display:inline; background:url('http://ticketimage.interpark.com/TicketImage/main/100506_main/gt_bg_2011.jpg') no-repeat;} .ranking_GT2011 .tit_bar{ clear:both; overflow:hidden; display:block;} .ranking_GT2011 .btn{ position:relative; float:left; display:inline-block; margin-top:-30px; margin-left:210px; _display:inline;} .ranking_GT2011 .btn_goYearEnd{position:relative; margin-top:-40px; float:right; width:210px; height:32px; display:inline-block; cursor:pointer;} .ranking_GT2011 .ol_group p.Tbar .tit{text-align:left; width:72px; line-height:120%; font-weight:bold; letter-spacing:-1px; position:absolute; display:inline-block; left:1px;} .ranking_GT2011 ul.Ss_tab{ position:relative; left:8px; float:left; width:515px; height:41px; overflow:hidden; display:inline-block;} .ranking_GT2011 ul.Ss_tab li{float:left; /*left:1px; width:95px;*/ font-family:dotum; letter-spacing:-1px; display:inline-block; text-align:center; font-weight:bold;} .ranking_GT2011 ul.Ss_tab li a{display:inline-block; color:#554427; /*width:95px;*/ padding:0 20px; display:inline-block; _display:inline; height:33px; padding-top:12px; text-decoration:none;} .ranking_GT2011 ul.Ss_tab li.on {color:#c11815; /* overflow:hidden; background:url('http://ticketimage.interpark.com/TicketImage/main/100506_main/yearend_bg_select.png') top center no-repeat;*/} .ranking_GT2011 ul.Ss_tab li a:hover {/*width:95px; height:33px; background:url('http://ticketimage.interpark.com/TicketImage/main/100506_main/yearend_bg_select.png') top center no-repeat; z-index:11;*/ color:#c11815;} .ranking_GT2011 ul.Ss_tab li.on a{ color:#c11815;} .ranking_GT2011 ul.Ss_tab li.sai{float:left; width:2px; height:9px; font-size:0; display:inline-block; margin-top:12px; background:url('http://ticketimage.interpark.com/TicketImage/main/100506_main/yearend_tab_sai.gif') top left no-repeat;} /* 랭킹_골든티켓 2011 버전 끝 */ /* 추천공연 */ .Good{position:relative;} .Good .tit_bar{position:relative; width:510px; height:41px; background:url('http://ticketimage.interpark.com/TicketImage/main/100506_main/main_bg_ver2.png') -5px -14px no-repeat; overflow:hidden; display:inline-block;} .Good .tit_bar span.tit{display:inline-block; color:#c51010; font-weight:bold; padding:12px 0 0 25px;} .Good .tit_bar span.stab{display:inline-block; color:#B5B6BB; font-size:10px; font-family:tahoma; position:absolute; right:12px; top:10px; font-weight:bold;} .Good .tit_bar span.stab span.bar_gray{ margin:0 1px; font-weight:normal;} .Good .tit_bar span.stab strong {color:#86858A; font-size:10px; font-family:tahoma;} /* 좌우이동버튼 */ .Good p.btn_pre span, .Good p.btn_next span{ display:none;} .Good p.btn_pre{ position:absolute; top:55px; left:5px; width:15px; height:60px; background:url('http://ticketimage.interpark.com/TicketImage/main/100506_main/main_icon.gif') -5px -2px no-repeat; z-index:10;} .Good p.btn_pre a{width:15px; height:60px; display:inline-block;} .Good p.btn_next{position:absolute; top:55px; left:490px; width:15px; height:60px; background:url('http://ticketimage.interpark.com/TicketImage/main/100506_main/main_icon.gif') -22px -2px no-repeat; z-index:11;} .Good p.btn_next a{width:15px; height:60px; display:inline-block;} /* s: 임시 */ .Good ul.thumb{position:absolute; left:22px; overflow:hidden; z-index:9;} .Good ul.thumb li{ float:left; position:relative; margin:8px 7px 0 7px; display:inline;} .Good ul.thumb li img{ width:99px; height:60px; border:1px solid #eaeaea;} .Good ul.thumb li span.txt1{ width:100px; overflow:hidden; height:11px; text-align:left; font-size:11px; color:#adadad; margin:5px 2px 4px 0; line-height:130%; display:block; letter-spacing:-1px;} .Good ul.thumb li span.txt1 strong{ font-weight:bold; color:#888888;} /* e: 임시 */ .Good ul.thumb li span.txt2{ width:100px; overflow:hidden; height:12px; font-size:12px; color:#2f3743; font-weight:bold; line-height:130%; display:block; letter-spacing:-1px; margin-top:2px;} #Con_M .Con_MR{position:; float:right; width:280px; margin-left:5px; display:inline; overflow:hidden;} /* 티켓오픈 */ .Topen_wrap{margin-top:151px; display:block; height:96px;} :root .Topen_wrap{margin-top:152px; height:95px;} .Topen{position:relative; text-align:left; height:97px; display:block; overflow:hidden; border:1px solid #d5d5d5; border-top:none; border-bottom:none; background:#f7f7f7;} :root .Topen{height:94px;} .Topen p{position:relative; padding:10px 10px 8px 10px; font-size:0;} .Topen p .btn{position:absolute; top:7px; right:7px;} .Topen ul { position:relative; width:260px; margin-top:2px; _margin-top:4px; padding:0 7px 0 9px; height:56px; display:inline-block; overflow:hidden;} .Topen ul li{width:255px; height:17px; margin-top:2px; line-height:140%; _line-height:150%; /*padding-left:8px; background:url(http://ticketimage.interpark.com/TicketImage/main/100506_main/main_icon.gif) -3px -385px no-repeat transparent;*/ background:none; display:block; overflow:hidden;} .Topen ul li strong{letter-spacing:-1px; margin-right:3px;} .Topen ul li a{color:#6c6d6f;} .Topen ul li a:hover{color:#da6464;} .Topen_wrap iframe{height:96px !important;} /* 주요공연장 */ .Place{position:relative; width:280px; height:284px; display:block; overflow:hidden; border:1px solid #d5d5d5; border-top:none; border-bottom:none; background:#f7f7f7; text-align:left;} :root .Place{width:278px; height:287px} .Place p{position:relative; padding:10px 10px 5px 10px; font-size:0;} .Place p .btn{position:absolute; top:7px; right:7px;} .Place dl.view_place {position:relative; height:95px; padding:5px 5px 0 10px; display:block;} :root .Place dl.view_place {height:91px; padding-top:7px;} .Place dl.view_place dt.img{float:left; width:77px; } .Place dl.view_place dt.img img{width:66px; height:80px; font-size:0;} .Place dl.view_place dd.txt{float:left; display:block; overflow:hidden; line-height:130%; padding-top:3px; letter-spacing:-1px;} :root .Place dl.view_place dd.txt ul { margin-top:2px;} .Place dl.view_place dd.txt ul li{width:170px; height:12px; padding-left:7px; background:url('http://ticketimage.interpark.com/TicketImage/main/100506_main/main_icon.gif') -5px -386px no-repeat transparent; display:block; white-space:nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis; overflow:hidden; color:#888888; font-size:11px; letter-spacing:0px;} .list_place{ position: absolute; height:162px; width:100%; background:url('http://ticketimage.interpark.com/TicketImage/main/100506_main/main_bg_ver2.png') -264px -711px no-repeat; overflow:hidden; display:block; } .list_place dl{position:relative; display:block; width:100%; height:17px; padding-top:3px;} .list_place dl dt{ float:left; width:100px; font-size:11px; letter-spacing:-0.2em; color:#6c6d6f; height:17px; padding:2px 0 0 10px; display:inline;} :root .list_place dl dt{width:90px; height:15px;} .list_place dl dd{ float:left; width:170px; font-size:11px; letter-spacing:-0.1em; line-height:160%; overflow:hidden; height:17px; display:inline;} .list_place dl dd span{ display:inline-block; white-space:nowrap;} .list_place dl dd span a{color:#888888; display:inline-block; padding-left:5px; letter-spacing:-1px;} .list_place dl dd span a:hover{color:#da6464; display:inline-block; background:url('http://ticketimage.interpark.com/TicketImage/main/100506_main/main_icon.gif') -5px -437px no-repeat transparent; padding-left:5px;} .list_place dl dd span.on a{ color:#33333b; font-weight:bold;} .list_place ul{position:relative; display:block; width:100%; padding:7px 0 0 0;} .list_place ul li{float:left; /* width:85px;*/ height:13px; margin:2px 2px 2px 10px; letter-spacing:-0.1em; line-height:130%; display:inline-block; overflow:hidden; } .list_place ul li a{font-size:11px; color:#888888; /*padding-left:10px;*/ display:inline-block;} .list_place ul li a:hover{color:#da6464;} /* .list_place ul li a:hover{ display:inline-block; color:#da6464; background:url(http://ticketimage.interpark.com/TicketImage/main/100506_main/main_icon.gif) -2px -437px no-repeat transparent;}*/ .list_place_110909{ position: absolute; height:162px; width:100%; background:url('http://ticketimage.interpark.com/TicketImage/main/100506_main/main_bg_ver3.png') -264px -711px no-repeat; overflow:hidden; display:block; } .list_place_110909 dl{position:relative; display:block; width:100%; height:17px; padding-top:3px;} .list_place_110909 dl dt{ float:left; width:100px; font-size:11px; letter-spacing:-0.2em; color:#6c6d6f; height:17px; padding:2px 0 0 10px; display:inline;} :root .list_place_110909 dl dt{width:90px; height:15px;} .list_place_110909 dl dd{ float:left; width:170px; font-size:11px; letter-spacing:-0.1em; line-height:160%; overflow:hidden; height:17px; display:inline;} .list_place_110909 dl dd span{ display:inline-block; white-space:nowrap;} .list_place_110909 dl dd span a{color:#888888; display:inline-block; padding-left:5px; letter-spacing:-1px;} .list_place_110909 dl dd span a:hover{color:#da6464; display:inline-block; background:url('http://ticketimage.interpark.com/TicketImage/main/100506_main/main_icon.gif') -5px -437px no-repeat transparent; padding-left:5px;} .list_place_110909 dl dd span.on a{ color:#33333b; font-weight:bold;} .list_place_110909 ul{position:relative; display:block; width:100%; padding:7px 0 0 0;} .list_place_110909 ul li{float:left; /* width:85px;*/ height:13px; margin:2px 2px 2px 10px; letter-spacing:-0.1em; line-height:130%; display:inline-block; overflow:hidden; } .list_place_110909 ul li a{font-size:11px; color:#888888; /*padding-left:10px;*/ display:inline-block;} .list_place_110909 ul li a:hover{color:#da6464;} /* 공연장 테이블 */ .LPtabel {display:block; padding:7px 0 0 3px; width:;} .LPtabel td {padding:2px 0px; overflow:hidden; letter-spacing:-2px; padding-left:7px; background:url('http://ticketimage.interpark.com/TicketImage/main/100506_main/main_icon.gif') -3px -410px no-repeat transparent;} .LPtabel td a{font-size:11px; color:#888888; /*padding-left:10px;*/ display:inline-block;} .LPtabel td a:hover{color:#da6464;} #Con_M .Con_B1{position:relative; clear:both; width:960px; margin:5px 0; display:inline-block; overflow:hidden;} .tab_area {position:relative; float:left; width:160px; height:123px; background:url('http://ticketimage.interpark.com/TicketImage/main/100506_main/main_bg_ver2.png') -5px -512px no-repeat; overflow:hidden; display:inline-block;} .tab_area p{ margin:5px 10px;} .tab_area p span.btn{position:relative; left:21px; top:2px;} .tab_area ul{ margin-top:7px;} .tab_area ul li{ height:23px; letter-spacing:-0.1em; } .tab_area ul li a{ height:23px; width:160px; display:inline-block;} .tab_area ul li a:hover{ text-decoration:none; background:url('http://ticketimage.interpark.com/TicketImage/main/100506_main/main_bg_ver2.png') -5px -650px no-repeat; overflow:hidden; display:inline-block;} .tab_area ul li a:hover span{color:#da6464; cursor:pointer;} .tab_area ul li a:hover span.bar_gray{color:#D6D6D6; cursor:pointer;} .tab_area ul li a span{padding:7px 0 0 10px; font-size:11px; color:#6d6d70; display:inline-block;} .tab_area ul li.on{ width:160px; height:23px; background:url('http://ticketimage.interpark.com/TicketImage/main/100506_main/main_bg_ver2.png') -5px -650px no-repeat; overflow:hidden; display:inline-block;} .tab_area ul li.on span{letter-spacing:-0.15em; padding:7px 0 0 10px; font-size:11px; color:#da6464; font-weight:bold; display:inline-block;} .tab_area ul li .bar_gray { font-size:11px; color:#d6d6d6; margin:0 3px; padding:0; font-weight:normal;} .tab_area ul li.on span .bar_gray { font-size:11px; color:#d6d6d6; margin:0 3px; padding:0; font-weight:normal;} /* 전국주요공연 */ .area_list{position:relative; float:left; width:800px; height:123px; background:#FFF; border:1px solid #d8d8d8; border-left:none;} :root .area_list{position:relative; float:left; width:799px; height:121px; background:#FFF; border:1px solid #d8d8d8; border-left:none;} .area_list ul{ padding:23px 10px 0 10px;} .area_list ul li{ float:left; margin:0 7px; display:inline;} .area_list ul li p.poster{float:left; margin-right:7px; display:inline;} .area_list ul li p.poster img{ width:59px; height:72px; border:1px solid #ebebeb;} .area_list ul li p.txt {float:left; width:73px; display:block;} .area_list ul li p.txt span.tit{ display:block; height:28px; line-height:120%; margin:6px 0 8px 0; overflow:hidden; font-weight:bold;} .area_list ul li p.txt span.area{ display:block; height:14px; line-height:130%; overflow:hidden; font-size:11px; color:#adadad; letter-spacing:-0.1em;} .area_list ul li p.txt span.gray{ display:block; height:14px; line-height:130%; overflow:hidden; font-size:11px; color:#888888;} /* 놓칠수없는명작 */ .Con_B2{position:relative; clear:left; width:960px; height:88px; background:url('http://ticketimage.interpark.com/TicketImage/main/100506_main/bg_special.gif') 0px 0px no-repeat;} .Con_B2 ul.special{position:relative; left:65px; top:17px; display:inline-block;} .Con_B2 ul.special li {float:left; margin:0 5px; display:inline; width:45px; height:65px; background:url('http://ticketimage.interpark.com/TicketImage/main/100506_main/bg_special_poster.gif') 0px 0px repeat-x;} .Con_B2 ul.special li img{ width:43px; height:52px; border:1px solid #e9e9e9;} /* 메인 하단 SNS 아이콘배너 2012-10-04추가 */ .bn_SMS_Area{float:right; display:inline-block; margin-bottom:5px; *margin-bottom:0px;} .bn_SMS_Area .title{ margin-right:5px;} .bn_SMS_Area img{ display:inline-block; font-size:0; vertical-align:middle;} .bn_SMS_Area a{ margin:0 2px;} /* 공통스타일 */ .bar_gray { font-size:11px; color:#ccc; margin:0 4px;} .MainPlayWizard {position:absolute; top:512; z-index:20000; left:expression((document.body.clientWidth/2)-480); width:960px;} :root .MainPlayWizard {position:absolute; top:512; z-index:20000; left:50%; margin-left:-480px; width:960px;}