@charset "utf-8"; /* Background image */ #container .ico, .star_area .star, .star_area .star_on, .star_area_s .star, .star_area_s .star_on, .pop_container .ico {background:url('http://image.cine21.com/www1/common/icon.png') no-repeat 0 0; display:inline-block;} #container .bg_image {background:url('http://image.cine21.com/www1/common/img.png') no-repeat 0 0; display:inline-block;} /* Banner */ .banner_top {position:absolute; top:8px; left:50%; width:728px; height:90px; margin-bottom:8px;margin-left:-364px; border:1px solid #dadada; background:url('http://image.cine21.com/www1/common/banner_top.jpg') no-repeat 0 0} #footer .area_footer .banner_footer {position:absolute; left:242px; top:171px; width:675px; height:86px; border:1px solid #dadada; } #container .banner_glam {width:160px; height:600px; position:absolute; top:104px; left:50%; margin-left:515px; z-index:50000} #container .banner_han_545x75 {background:#ccc; width:545px; height:75px; margin:0 auto; margin-bottom:30px} #container .banner_han_230x180 {width:230px; height:173px; background:#ccc} #container .banner_han_376x252 {width:376px; height:252px; background:#ccc; margin:0 auto;} #container .banner_han_310x240 {width:310px; height:240px; background:#ccc; } #container .banner_han_970x120 {width:970px; height:120px; background:#ccc; } #container .banner_han_224x400 {width:226px; height:400px; background:#ccc; } #container .banner_han_250x250 {width:250px; height:250px; background:#ccc; margin:50px auto 20px} /* Bar */ span.bar {color:#bebebe; font-weight:bold; padding:0 7px} /* Text */ span.txt_notice {color:#f02459;} /* Star */ .star_area {display: inline-block;} .star_area #star_container {display: inline-block; vertical-align:middle; margin-right:5px} .star_area .num {display:inline-block; color:#000; font-weight:bold; font-size:18px; vertical-align:middle; } .star_area .star {background-position: 0 -80px; height: 27px; width:135px; display: inline-block; vertical-align:middle; } .star_area .star .star_on {background-position:0 -120px; height: 27px; width:auto; display: inline-block;} .star_area_s {display: inline-block;} .star_area_s .num {display:inline-block; color:#000; font-weight:bold; font-size:14px;} .star_area_s .star {background-position:-350px -80px; height: 22px; width:100px; display: inline-block; vertical-align:middle; } .star_area_s .star .star_on {background-position:-350px -120px; height: 22px; width:auto; display: inline-block; cursor:pointer;} /* Search */ #container .search_default_area {border:1px solid #ccc; margin-bottom:20px} #container .search_default_area .input_search{border:none; color:#828282; padding:6px 7px; width:130px; font-weight:bold;} #container .search_default_area .btn_search {display:inline-block;} #container .search_default_area .btn_search .ico {width:28px; height:26px; background-position:-95px -335px} /* Tab Style */ .tab_area {} .tab_area .tab {overflow:hidden; border-bottom:1px solid #c9c9c9} .tab_area .tab li {float:left; text-align:center; margin-right:3px;} .tab_area .tab li:last-child {margin-right:0} .tab_area .tab li a {display:block; font-weight:bold; padding:12px 20px; color:#545454; font-size:17px; text-align:center; overflow:hidden; background:#c7c7c7;} .tab_area .tab li.on a {font-size:17px; color:#fff; padding:12px 20px; font-weight:bold; overflow:hidden; background:#000; } .tab_area1 {position:relative; height:45px} .tab_area1 .tab_bar {position:absolute; bottom:0; left:0; width:100%; height:1px; background: #d3d3d4; } .tab_area1 .tab {position:relative; height:44px; background:#f5f5f5;} .tab_area1 .tab li { float:left; text-align:center;} .tab_area1 .tab li a {height:32px; display:block; font-weight:bold; padding:12px 20px 0; color:#000; font-size:14px; text-align:center; overflow:hidden;} .tab_area1 .tab li.on {border-top:1px solid #d3d3d4; border-left:1px solid #d3d3d4; border-right:1px solid #d3d3d4; border-bottom:none; } .tab_area1 .tab li.on a {padding:12px 20px 0; color:#545454; background:#fff; } /* H Style */ #container #content h2 {padding-bottom:10px} #container #content h2 a {text-decoration:underline; font-weight:800; color:#000} #container #content h2 span {display:inline-block; font-size:14px; border-top:2px solid #000; padding-top:8px; font-weight:bold;} /* Loader */ .loading {background:url('http://image.cine21.com/www/common/loader.gif') no-repeat 50% 50%} /* Pagination Style */ .pagination a {display:inline-block; } .pagination a.btn_first .ico {width:22px; height:22px; background-position:0 -260px !important} .pagination a.btn_prev .ico {width:22px; height:22px; background-position:-30px -260px !important} .pagination a.btn_next .ico {width:22px; height:22px; background-position:-60px -260px !important} .pagination a.btn_end .ico {width:22px; height:22px; background-position:-90px -260px !important} .pagination .page {display:inline-block; margin:0 5px} .pagination .page a {font-size:13px; color:#828282; padding:4px; font-weight:bold; } .pagination .page a.on {color:#f1255a; font-weight:800} /* Button Style */ a.btn_gray_s {display:inline-block; background:#515151; padding:5px 10px; color:#fff !important; font-size:12px; font-weight:bold; border-radius:4px; vertical-align:middle; text-decoration:none; } a.btn_gray_m {display:inline-block; background:#515151; padding:5px 15px; color:#fff ; font-size:15px; font-weight:bold; border-radius:4px; vertical-align:middle;text-decoration:none; } a.btn_gray_l {display:inline-block; background:#515151; padding:8px 20px; color:#fff; font-size:18px; font-weight:bold; border-radius:4px; vertical-align:middle;text-decoration:none; } a.btn_gray_s:hover, a.btn_gray_m:hover, a.btn_gray_l:hover {background:#000} a.btn_lightgray_s {display:inline-block; background:#888; padding:5px 10px; color:#fff; font-size:12px; font-weight:bold; border-radius:4px; vertical-align:middle;text-decoration:none; } a.btn_lightgray_m {display:inline-block; background:#888; padding:5px 15px; color:#fff; font-size:15px; font-weight:bold; border-radius:4px; vertical-align:middle;text-decoration:none; } a.btn_lightgray_s:hover, a.btn_lightgray_m:hover, a.btn_lightgray_l:hover {background:#333} a.btn_brightgray_s {display:inline-block; background:#ababab; padding:5px 10px; color:#fff; font-size:12px; font-weight:bold; border-radius:4px; vertical-align:middle;text-decoration:none; } a.btn_brightgray_s:hover {background:#888} a.btn_red_s {display:inline-block; background:#f02459; padding:5px 10px; color:#fff; font-size:12px; font-weight:bold; border-radius:4px; vertical-align:middle;text-decoration:none; } a.btn_red_l {display:inline-block; background:#f02459; padding:8px 20px; color:#fff; font-size:18px; font-weight:bold; border-radius:4px; vertical-align:middle;text-decoration:none; } a.btn_red_s:hover, a.btn_red_l:hover {background:#cf0036} a.btn_white_s {display:inline-block; background:#fff; background:linear-gradient(to bottom, #ffffff, #f4f4f4); padding:5px 10px; color:#333; font-size:12px; border-radius:4px; border:1px solid #ccc; font-weight:bold; vertical-align:middle; text-decoration:none; } a.btn_white_ss {display:inline-block; background:#fff; background:linear-gradient(to bottom, #ffffff, #f4f4f4); padding:4px 5px; color:#333; font-size:11px; border-radius:4px; border:1px solid #ccc; vertical-align:middle; text-decoration:none; letter-spacing:-0.07em} a.btn_white_s:hover, a.btn_white_ss:hover {color:#f02459} a.btn_more_cont {background:#c6c6c6; border-radius:6px; color:#fff; font-weight:bold; font-size:14px; padding:5px 0; display:block; text-align:center; vertical-align:middle;text-decoration:none; } a.btn_more_cont:hover {background:#333} /* Datepicker */ .inputText.datepicker {background:#f3f3f3 url('http://image.cine21.com/www1/common/btn_calendar.gif') no-repeat right center !important} /* Image button */ .fancybox-nav span {background:rgba(0,0,0,0.7); border:1px solid #eee !important} /* Table */ table.tb_list {border-top:1px solid #000; margin-bottom:15px} table.tb_list th {background:#f9f9f9; text-align:center; font-size:12px; font-weight:bold; padding:10px 0; border-bottom:1px solid #ccc;} table.tb_list td {background:#fff; font-size:12px; color:#777; border-bottom:1px solid #ccc; padding:10px 0; text-align:center; } table.tb_list td.subject {text-align:left; padding:10px 5px 10px 15px} table.tb_list td.subject a {color:#000; font-size:12px; line-height:140%; } table.tb_view {border-top:2px solid #000; border-bottom:1px solid #000; margin-bottom:15px; } table.tb_view th.subject {position:relative; text-align:left; border-bottom:1px solid #cecece; font-weight:bold; font-size:16px; color:#333; padding:12px 30px 12px 0; line-height:140%} table.tb_view th.subject a.btn_spam {position:absolute; right:0; top:15px; font-size:12px; color:#000; text-decoration:underline; } table.tb_view td.etc_info {background:#fff; text-align:right; border-bottom:1px solid #cecece; padding:12px 0; font-size:12px; color:#828282} table.tb_view td.etc_info .tit {background:#fff; color:#5c5c5c; font-weight:bold; margin-right:5px} table.tb_view td.view_cont {background:#fff; font-size:13px; line-height:160%; padding:30px 0} table.tb_prevnext {border-top:1px solid #c4c4c4; margin-top:50px} table.tb_prevnext th {background:#f7f7f7; color:#333; font-weight:bold; border-bottom:1px solid #c4c4c4; text-align:center; padding:10px 0} table.tb_prevnext td {color:#000; border-bottom:1px solid #c4c4c4; padding:10px 0 10px 15px} table.tb_write {border-top:1px solid #000; margin-bottom:15px; } table.tb_write th {font-size:12px; background:#f7f7f7; color:#333; font-weight:bold; border-bottom:1px solid #c4c4c4; text-align:center; padding:10px 0} table.tb_write td {background:#fff; border-bottom:1px solid #c4c4c4; padding:8px 0 8px 15px; vertical-align:middle;} table.tb_write input.inputText {border:1px solid #ebebeb; background:#f3f3f3; font-size:14px; height:20px;} table.tb_write textarea.textarea {border:1px solid #ebebeb; background:#f3f3f3; font-size:14px; height:20px; margin:5px 0} table.tb_write select {border:1px solid #ebebeb; background:#f3f3f3; font-size:14px; height:21px; } /* 영화 등급 */ /* 제한상영가 */#container.grade006 {background:#ff1551; padding:2px 4px; color:#000; font-weight:bold; border-radius:4px} /* 18세관람가 */#container .grade004 {background:#ff1551; padding:2px 4px; color:#000; font-weight:bold; border-radius:4px} /* 15세관람가 */#container .grade003 {background:#15baff; padding:2px 4px; color:#000; font-weight:bold; border-radius:4px} /* 12세관람가 */#container .grade002 {background:#7ceb38; padding:2px 4px; color:#000; font-weight:bold; border-radius:4px} /* 7세관람가 */#container .grade007 {background:#ad5cff; padding:2px 4px; color:#000; font-weight:bold; border-radius:4px} /* 전체관람가 */#container .grade001 {background:#ad5cff; padding:2px 4px; color:#000; font-weight:bold; border-radius:4px} /* 댓글 */ #container #content .comment_area {position:relative; } #container #content .comment_area .num {font-weight:bold; font-size:12px; margin:10px 0 25px} #container #content .comment_area .textarea_box {position:relative; margin:10px 0; padding-right:75px} #container #content .comment_area .textarea_box a.btn_write {position:absolute; right:0; top:0; height:45px; color:#fff; font-weight:bold; width:65px; background:#828282; text-align:center; padding-top:25px} #container #content .comment_area .textarea_box textarea {border:1px solid #ebebeb; background:#f3f3f3; font-size:14px; display:block; height:70px; width:100%} #container #content .reply_box {margin-bottom:25px} #container #content .reply_box li {position:relative; border-bottom:1px solid #e0e0e0; padding:12px 0} #container #content .reply_box li .id {margin-bottom:10px; display:inline-block; font-weight:bold; color:#828282; font-size:14px} #container #content .reply_box li .comment {font-size:16px; line-height:180%} #container #content .reply_box li .date {font-size:12px; color:#bebebe; position:absolute; top:12px; right:35px} #container #content .reply_box li .btn_spam {position:absolute; right:0; top:12px;font-size:12px; text-decoration:underline; color:#000 } #container #content .reply_box li .btn_more {display:block; text-decoration:underline; font-size:12px; color:#000; margin-bottom:5px} #container #content .reply_box li .btn_del {display:block; border-radius:4px; background:#999; color:#fff; font-size:11px; padding:2px 0; text-align:center; width:30px} #container #content .comment_area .pagination {margin-bottom:20px} /* main */ #container.main {background:#f1f1ee; } #container.main .top_area {position:relative; background-repeat:no-repeat !important; background-size:cover !important; background-position:50% 50% !important; height:430px} #container.main .top_area .top_link {display:block; width:970px; height:290px; margin:0 auto; padding-top:30px} #container.main .top_area a.top_link:hover {text-decoration:none;} #container.main .top_area .top_link .top_copy {background:rgba(225,72,101,0.8); font-size:45px; font-weight:800; color:#fff; line-height:130%; letter-spacing:-0.03em} #container.main .top_area .qck_mn {width:400px;height:80px; position:absolute; right:50%; bottom:30px; margin-right:-486px; } #container.main .top_area .qck_mn a {color:#fff; float:right ; width:85px; height:63px; border:1px solid #fff; text-align:center; margin-left:6px; font-size:18px; font-weight:bold; padding-top:15px; background:rgba(0,0,0,0.3)} #container.main .top_area .qck_mn a:hover {text-decoration:none; border:1px solid #f02358; color:#f02358} #container.main .top_area_n {position:relative; background-repeat:no-repeat !important; background-size:cover !important; height:430px; } #container.main .top_area_n .top_link {display:block; width:970px; height:290px; margin:0 auto; position:relative; } #container.main .top_area_n a.top_link:hover {text-decoration:none;} #container.main .top_area_n .top_link .top_copy {background:rgba(225,72,101,0.8); font-size:45px; font-weight:800; color:#fff; line-height:130%; letter-spacing:-0.03em; } #container.main .top_area_n .qck_mn {width:400px;height:80px; position:absolute; right:50%; bottom:30px; margin-right:-486px; } #container.main .top_area_n .qck_mn a {color:#fff; float:right ; width:85px; height:63px; border:1px solid #fff; text-align:center; margin-left:6px; font-size:18px; font-weight:bold; padding-top:15px; background:rgba(0,0,0,0.3)} #container.main .top_area_n .qck_mn a:hover {text-decoration:none; border:1px solid #f02358; color:#f02358} #container.main #content {padding:50px 0 30px;} #container.main #content h2 {font-weight:800; font-size:24px; padding-bottom:15px} #container.main #content h2 span {border:none;} #container.main #content .news_area {width:970px; margin:0 auto;} #container.main #content .news_area .news {width:990px; overflow:hidden; margin-left:-20px; margin-bottom:20px} #container.main #content .news_area .news li {position:relative; float:left; background:#fff; margin-left:20px; width:310px; margin-bottom:20px; height:240px} #container.main #content .news_area .news li a {display:block; } #container.main #content .news_area .news li .thumb {display:block; } #container.main #content .news_area .news li .thumb img {width:310px; height:160px} #container.main #content .news_area .news li .tit {display:block; padding:18px 20px 5px 20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; font-weight:bold; color:#000; font-size:16px} #container.main #content .news_area .news li .cont {display:block; padding:0 20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; font-size:13px; color:#828282} #container.main #content .news_area .news li .type {position:absolute; top:100px; left:0; width:60px; height:60px; display:block; z-index:500} #container.main #content .news_area .news li .type .ico {width:60px; height:60px; } #container.main #content .news_area .news li .type.article {background:rgba(240,35,88,0.8); } #container.main #content .news_area .news li .type.article .ico {background-position:0 0; } #container.main #content .news_area .news li .type.photo {background:rgba(17,186,217,0.8); } #container.main #content .news_area .news li .type.photo .ico {background-position:-100px 0} #container.main #content .news_area .news li .type.video {background:rgba(44,194,19,0.8);} #container.main #content .news_area .news li .type.video .ico {background-position:-200px 0} #container.main #content .news_area .news li .type.etc {background:none} #container.main #content .news_area .news li .type.etc .ico {background:none;} #container.main #content .news_area .news li .native_ad {position:absolute; top:0; left:0; background:rgba(255,255,255,0.8); font-size:10px; padding:1px 3px} #container #content .pointnews_area {margin-bottom:30px; background-repeat:no-repeat !important; background-size:cover !important; background-position:50% 50% !important;} #container #content .pointnews_area .pointnews {text-align:center; width:100%; padding:30px 0; background:rgba(0,0,0,0.5); } #container #content .pointnews_area .pointnews .copy {font-weight:800; display:block; color:#fff; font-size:40px; letter-spacing:-0.03em; margin-bottom:20px} #container #content .pointnews_area .pointnews a.btn {display:inline-block; text-align:center; margin:0 auto; border:1px solid #fff; color:#fff; padding:6px 60px; font-weight:bold; font-size:18px} #container #content .pointnews_area .pointnews a.btn:hover {text-decoration:none; border:1px solid #f02358; color:#f02358} #container.main #content .main_content_banner {width:970px; height:120px; background:#ccc; margin:0 auto; margin-bottom:30px; } #container.main #content .rating_area {width:990px; margin:0 auto; overflow:hidden; margin-bottom:30px; margin-left:-20px; } #container.main #content .rating_area h2 {margin-left:20px} #container.main #content .rating_area .rating {margin-left:20px; float:left; background:#fff; width:475px; height:540px;} #container.main #content .rating_area .rating .thumb {position:relative;} #container.main #content .rating_area .rating .thumb img {width:475px; height:273px;} #container.main #content .rating_area .rating .thumb .mov_name {position:absolute; left:0; bottom:0; } #container.main #content .rating_area .rating .thumb .mov_name span {background:rgba(0,0,0,0.7); font-size:35px; color:#fff; font-weight:800; letter-spacing:-0.03em; padding:5px 8px; line-height:140%} #container.main #content .rating_area .rating ul {margin:20px 0 0 20px } #container.main #content .rating_area .rating ul li {height:79px; position:relative;} #container.main #content .rating_area .rating ul li .thumb_star img {border-radius:50%; width:60px; height:60px;} #container.main #content .rating_area .rating ul li .star_area {position:absolute; top:0; left:75px} #container.main #content .rating_area .rating ul li .comment_area {position:absolute; top:35px; left:75px;} #container.main #content .rating_area .rating ul li .comment_area .name {display:inline-block; width:60px; font-size:16px; font-weight:bold; color:#828282; border-right:1px solid #bcbcbc; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis;} #container.main #content .rating_area .rating ul li .comment_area .comment {display:inline-block; width:290px; font-size:16px; padding-left:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis;} #container.main #content .chart_area {position:relative; width:970px; margin:0 auto; } #container.main #content .chart_area h2 .date {font-size:13px; color:#828282; font-weight:normal;} #container.main #content .chart_area .tab_area {position:absolute; top:0; right:0; width:970px;} #container.main #content .chart_area .tab_area .tab li {float:right; margin-right:0; margin-left:3px} #container.main #content .chart_area .tab_area .tab li a {width:120px} #container.main #content .chart_area .poster_area {overflow:hidden; margin-left:-20px} #container.main #content .chart_area .poster_area li {position:relative; float:left; margin:0 0 20px 20px} #container.main #content .chart_area .poster_area .poster img {width:176px; height:250px; border:1px solid #bcbcbc} #container.main #content .chart_area .poster_area .info {display:none; position:absolute; top:1px; left:1px; background:rgba(0,0,0,0.7); width:176px; height:250px;} #container.main #content .chart_area .poster_area .info .mov_tit {font-size:18px; font-weight:bold; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; text-align:center; margin:55px 0 5px} #container.main #content .chart_area .poster_area .info .star_area {margin:0 0 15px 15px} #container.main #content .chart_area .poster_area .info .star_area .num {color:#fff; font-size:16px} #container.main #content .chart_area .poster_area .info .star_area .star {background-position: -180px -80px; height: 25px; width:120px;} #container.main #content .chart_area .poster_area .info .star_area .star .star_on {background-position:-180px -120px; height: 25px; } #container.main #content .chart_area .poster_area .info .genre, #container.main #content .chart_area .poster_area .info .grade {text-align:center; font-size:13px; color:#c2c2c2; margin-bottom:3px} #container.main #content .chart_area .poster_area li a:hover .info {display:block} /* 기사 > 인덱스 */ #container #content.news.newsindex {} #container #content.news.newsindex .magazine_sum {position:relative; background:#494949; padding:20px; border:1px solid red} #container #content.news.newsindex .magazine_sum .thumb {width:160px; height:190px;} #container #content.news.newsindex .magazine_sum .magazine_info {position:absolute; top:25px; left:200px} #container #content.news.newsindex .magazine_sum .magazine_info .num {font-size:24px; color:#ffd200; margin-bottom:5px;} #container #content.news.newsindex .magazine_sum .magazine_info .date {color:#ffd200; font-size:12px; margin-bottom:15px} #container #content.news.newsindex .magazine_sum .magazine_info .tit {font-weight:bold; color:#fff; font-size:18px; margin-bottom:5px;} #container #content.news.newsindex .magazine_sum .magazine_info .stit {color:#fff; font-size:14px} #container #content.news.newsindex .magazine_sum a.btn_list {position:absolute; bottom:25px; left:200px; background:#2b2b2b; padding:5px 8px; color:#909090; border-radius:4px; font-weight:bold; font-size:12px } #container #content.news.newsindex .magazine_sum a.btn_ebook {position:absolute; bottom:25px; left:265px; background:#2b2b2b; padding:5px 8px; color:#909090; border-radius:4px; font-weight:bold; font-size:12px ;} #container #content.news.newsindex .btn_prevmagazine {display:block; margin-bottom:30px; background:#ddd; padding:7px 0; text-align:center; font-size:13px; font-weight:bold; } #container #content.news.newsindex .banner_glam_728x90 {text-align:center;} #container #content.news.newsindex .index_news_area {overflow:hidden; margin-top:30px} #container #content.news.newsindex .index_news_area .todayhot {float:left; width:475px} #container #content.news.newsindex .index_news_area .youlike {float:right; width:475px} /* 기사 > 목록 */ #container #content.news.totallist .news_area {width:970px; margin:0 auto; } #container #content.news.totallist .news_area .news {width:990px; overflow:hidden; margin-left:-20px; } #container #content.news.totallist .news_area .news li {position:relative; float:left; background:#f0f0f0; margin-left:20px; width:310px; margin-bottom:35px; height:240px} #container #content.news.totallist .news_area .news li a {display:block; } #container #content.news.totallist .news_area .news li .thumb {display:block; width:310px; height:160px;background:#e6e6e3; } #container #content.news.totallist .news_area .news li .thumb img {max-width:310px; max-height:160px; display:block; margin:0 auto; } #container #content.news.totallist .news_area .news li .thumb .nothumb {display:block; font-size:13px; padding:30px 20px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.5em; height: 7.5em;} #container #content.news.totallist .news_area .news li .tit {display:block; padding:12px 20px 0px 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.5em; height: 3.0em; font-weight:bold; color:#000; font-size:15px} #container #content.news.totallist .news_area .news li .native_ad {position:absolute; top:0; left:0; background:rgba(255,255,255,0.8); font-size:10px; padding:1px 3px} #container #content.news.totallist .news_area .btn_more_cont {margin:0 auto; width:670px; } /* 기사 > 상세 */ #container #content.news.detail .culm2_area {overflow:hidden; } #container #content.news.detail .culm2_l {float:left; width:680px;border-right:1px solid #d5d5d5; padding-right:30px} #container #content.news.detail .culm2_r {float:right; width:230px; } #container #content.news.detail .pagemap {font-size:11px; color:#000;margin-bottom:25px} #container #content.news.detail .pagemap .arrow {color:#bebebe} #container #content.news.detail .pagemap strong a {font-size:13px; color:#f02459; font-weight:normal; text-decoration:underline} #container #content.news.detail .news_tit {font-size:24px; margin-bottom:20px} #container #content.news.detail .info {margin-bottom:30px; overflow:hidden; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; padding:6px 0} #container #content.news.detail .info .by {float:left; font-size:12px; color:#828282; padding-top:3px} #container #content.news.detail .info .by strong {color:#000; font-weight:normal; font-size:12px; margin-right:3px} #container #content.news.detail .info .by a {font-size:13px; color:#000; border-bottom:1px solid #888} #container #content.news.detail .info .sns {float:right} #container #content.news.detail .info .sns a.btn_fb {display:inline-block; border-radius:4px; background:#3b56a6; color:#fff; font-size:11px; padding:3px 7px} #container #content.news.detail .info .sns a.btn_fb .ico {width:16px; height:16px; background-position:0 -310px;} #container #content.news.detail .info .sns a.btn_tt {display:inline-block; border-radius:4px; background:#69ace0; color:#fff; font-size:11px; padding:3px 7px} #container #content.news.detail .info .sns a.btn_tt .ico {width:16px; height:16px; background-position:-30px -310px;} #container #content.news.detail .article {padding-bottom:40px; overflow:hidden; } #container #content.news.detail .article p, #container #content.news.detail .article b {margin-bottom:15px; font-size:18px; line-height:200%} #container #content.news.detail .article h3 {font-size:22px; line-height:280%; font-weight:bold} #container #content.news.detail .article p.stit {font-weight:bold; font-size:18px;} #container #content.news.detail .article p.img img {display:block; } #container #content.news.detail .article p.img .script {display:block; font-size:12px; background:#e8e8e8; margin-top:1px; padding:5px 8px } #container #content.news.detail .article a.btn_relay {font-weight:bold; float:right; border:1px solid #bdbdbd; box-shadow:1px 1px 0 0 #d8d8d6; padding:3px 10px; font-size:11px; margin-right:1px} #container #content.news.detail .article a.btn_relay strong {font-size:11px; } #container #content.news.detail .keyword, #container #content.news.detail .etcinfo {font-size:12px; color:#828282; margin-bottom:10px} #container #content.news.detail .keyword a {color:#000} #container #content.news.detail .keyword_movie {overflow:hidden; margin-bottom:20px} #container #content.news.detail .keyword_movie li {float:left; width:33%; position:relative; height:60px; margin-bottom:15px} #container #content.news.detail .keyword_movie li a {display:block; padding-left:47px} #container #content.news.detail .keyword_movie li a .thumb {position:absolute; left:0; top:0} #container #content.news.detail .keyword_movie li a span {padding-right:10px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; } #container #content.news.detail .keyword_movie li .title {color:#000; font-weight:bold; font-size:13px; } #container #content.news.detail .keyword_movie li .engtitle {color:#666; font-size:12px; } #container #content.news.detail .keyword_movie li .year {color:#888; font-size:12px; } #container #content.news.detail .keyword_people {overflow:hidden; margin-bottom:20px} #container #content.news.detail .keyword_people li {float:left; width:33%; position:relative; height:60px; margin-bottom:15px} #container #content.news.detail .keyword_people li a {display:block; padding-left:57px} #container #content.news.detail .keyword_people li a .thumb {position:absolute; left:0; top:0} #container #content.news.detail .keyword_people li a span {padding-right:10px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; } #container #content.news.detail .keyword_people li .title {color:#000; font-weight:bold; font-size:13px; } #container #content.news.detail .keyword_people li .engtitle {color:#666; font-size:12px; } #container #content.news.detail .keyword_people li .year {color:#888; font-size:12px; } #container #content.news.detail .relay_news_area {position:relative; width:690px; margin-bottom:50px;} #container #content.news.detail .relay_news_area a.btn_prev {position:absolute; left:0; bottom:50px; } #container #content.news.detail .relay_news_area a.btn_prev .ico {display:block; width:17px; height:36px; background-position:0 -190px} #container #content.news.detail .relay_news_area a.btn_next {position:absolute; right:0; bottom:50px; width:17px; height:36px} #container #content.news.detail .relay_news_area a.btn_next .ico {display:block; width:17px; height:36px; background-position:-40px -190px} #container #content.news.detail .relay_news_area .relay_news {overflow: hidden; width: 604px; height: 137px; position: relative; margin-left:44px;} #container #content.news.detail .relay_news_area .relay_news #relay_news {position:absolute; } #container #content.news.detail .relay_news_area .relay_news #relay_news li {position:relative; border:1px solid #ccd6dd; float: left; width:200px; height:135px; margin-right: -1px;} #container #content.news.detail .relay_news_area .relay_news #relay_news li a {display:block; opacity:0.60} #container #content.news.detail .relay_news_area .relay_news #relay_news li a img.thumb {width:200px; height:135px; } #container #content.news.detail .relay_news_area .relay_news #relay_news li a p {padding:7px 11px; position:absolute; left:0; bottom:0; background:rgba(255,255,255,0.8); } #container #content.news.detail .relay_news_area .relay_news #relay_news li a p .tit {font-size:13px; font-weight:bold; height:38px; overflow:hidden; display:block } #container #content.news.detail .relay_news_area .relay_news #relay_news li a p .num {font-size:11px ;display:block } #container #content.news.detail .relay_news_area .relay_news #relay_news li a:hover {opacity:1} #container #content.news.detail .relay_news_area .relay_news #relay_news li a.on {opacity:1} #container #content.news.detail .relay_news_area .relay_news #relay_news li a.on p {background:rgba(240,36,89,0.8); color:#fff} #container #content.news.detail .related_news_area {position:relative; margin-bottom:50px;} #container #content.news.detail .related_news_area .btnArea {position:absolute; top:0; right:0} #container #content.news.detail .related_news_area .related_news {overflow:hidden; margin-left:-10px; } #container #content.news.detail .related_news_area .related_news li { float:left; background:#fff; margin-left:10px; margin-bottom:10px; border:1px solid #e8e8e8} #container #content.news.detail .related_news_area .related_news li a {display:block;width:218px; height:195px; } #container #content.news.detail .related_news_area .related_news li .thumb {display:block; } #container #content.news.detail .related_news_area .related_news li .thumb img {width:218px; height:113px} #container #content.news.detail .related_news_area .related_news li .tit {height:35px; display:block; margin:14px 15px 5px 15px; font-weight:bold; color:#000; font-size:14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; } #container #content.news.detail .related_news_area .related_news li .date {display:block; font-size:11px; color:#aaa; margin:0 15px } #container #content.news.detail .related_news_area .related_news_more {border:1px solid #e8e8e8; padding:12px 25px} #container #content.news.detail .related_news_area .related_news_more li {position:relative; border-bottom:1px solid #eee} #container #content.news.detail .related_news_area .related_news_more li:last-child {border:none; } #container #content.news.detail .related_news_area .related_news_more a {font-size:13px; display:block; padding:7px 80px 7px 0; } #container #content.news.detail .related_news_area .related_news_more a .date {font-size:11px; color:#aaa; position:absolute; right:0; top: 7px} #container #content.news.detail .hot_news_area {} #container #content.news.detail .hot_news_area .hot_news {} #container #content.news.detail .hot_news_area .hot_news li {position:relative; border-bottom:1px solid #d5d5d5; padding:25px 0} #container #content.news.detail .hot_news_area .hot_news li:first-child {padding:0; padding-bottom:25px} #container #content.news.detail .hot_news_area .hot_news li:last-child {border:none;} #container #content.news.detail .hot_news_area .hot_news li a {display:block; position:relative; } #container #content.news.detail .hot_news_area .hot_news li .native_ad {position:absolute; top:0; left:0; background:rgba(255,255,255,0.8); font-size:10px; padding:1px 3px} #container #content.news.detail .hot_news_area .hot_news li .thumb {display:block; margin-bottom:10px} #container #content.news.detail .hot_news_area .hot_news li .thumb img {width:230px; height:100px} #container #content.news.detail .hot_news_area .hot_news li .tit {font-weight:bold; color:#000} #container #content.news.detail #news_content .banner_iframe_wrap {width:336px; height:280px; float:right; margin:0 0 15px 15px} #container #content.news.detail #news_content a {border-bottom:1px dotted #666; color:#0e2eb8} #container #content.news.detail #news_content a:visited {color:purple} #container #content.news.detail .yes24 {margin-top:20px; border:3px solid #e0e5e8; padding:5px 15px 10px 15px; } #container #content.news.detail .yes24 dt {font-size:13px; color:#000; font-weight:bold; padding-bottom:5px} #container #content.news.detail .yes24 dt img {vertical-align:middle; margin-right:5px;} #container #content.news.detail .yes24 dd {font-size:13px; } .fancybox-title a {color:#fff;border-bottom:1px dotted #666} /* 영화 > 영화별점 */ /* #container #content.movie.mov_star #snb_t li a {width:235px} */ #container #content.movie.mov_star .mov_star_list {overflow:hidden; margin-left:-22px} #container #content.movie.mov_star .mov_star_list li.mov_star_li {position:relative; float:left; margin:0 0 30px 22px; width:224px; border:1px solid #e3e3e3;} #container #content.movie.mov_star .mov_star_list li.mov_star_li .thumb {width:224px; height:320px;} #container #content.movie.mov_star .mov_star_list li.mov_star_li .mov_star_area {width:224px; overflow:hidden; border-top:1px solid #5a5959; position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.8); } #container #content.movie.mov_star .mov_star_list li.mov_star_li .mov_star_area li {border-right:1px solid #5a5959; width:111px; float:left; color:#fff; font-weight:bold; font-size:12px; text-align:center; padding:10px 0} #container #content.movie.mov_star .mov_star_list li.mov_star_li .mov_star_area li:last-child {border:none;} #container #content.movie.mov_star .mov_star_list li.mov_star_li .mov_star_area li .num {font-size:24px; color:#f02459; font-weight:bold; display:block} #container #content.movie.mov_star .mov_star_list li.mov_star_li .over {display:none; position:absolute; top:0; left:0; background:rgba(0,0,0,0.8); width:224px; height:320px} #container #content.movie.mov_star .mov_star_list li.mov_star_li .over .name {font-weight:bold; color:#fff; font-size:18px; padding:80px 5px 0; text-align:center; margin-bottom:50px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; } #container #content.movie.mov_star .mov_star_list li.mov_star_li .over .star_area {margin-left:40px} #container #content.movie.mov_star .mov_star_list li.mov_star_li .over .star_area .num {display:block; margin-top:-60px; font-weight:bold; font-size:24px; color:#fff; text-align:center;} #container #content.movie.mov_star .mov_star_list li.mov_star_li .over .btnArea {position:absolute; left:0; bottom:0; background:#eee; width:224px; padding:12px 0; text-align:center; } #container #content.movie.mov_star .mov_star_list li.mov_star_li .over .btnArea .btn {color:#222} #container #content.movie.mov_star .mov_star_list li.mov_star_li .save_message {position:absolute; left:0; top:0; width:224px; height:320px; background:#a0a0a0} #container #content.movie.mov_star .mov_star_list li.banner01 {float:left; width:474px; height:287px; text-align:center; margin:0 0 30px 22px; padding-top:35px} #container #content.movie.mov_star .mov_star_list li.banner02 {float:left; width:970px; padding:20px 0; text-align:center; margin:0 0 30px 22px ; } #container #content.movie.mov_star .mov_star_list li .grade_area {position:absolute; width:224px; bottom:110px; text-align:center;} #container #content.movie.mov_star .writer_list {overflow:hidden; margin-left:-22px} #container #content.movie.mov_star .writer_list li.writer_li {position:relative; float:left; margin:0 0 30px 22px; width:224px; border:1px solid #e3e3e3;} #container #content.movie.mov_star .writer_list li.writer_li .thumb {width:224px; height:320px;} #container #content.movie.mov_star .writer_list li.writer_li .writer_area {background:rgba(0,0,0,0.8); position:absolute; left:0; top:0; width:224px; height:320px} #container #content.movie.mov_star .writer_list li.writer_li .writer_area .writer_pic {border-radius:50%; width:130px; height:130px; border:2px solid #5a5755; display:block; margin:60px auto 10px } #container #content.movie.mov_star .writer_list li.writer_li .writer_area .name {font-weight:bold; color:#fff; font-size:18px; text-align:center; margin-bottom:6px} #container #content.movie.mov_star .writer_list li.writer_li .writer_area .num {font-weight:bold; color:#ffea01; font-size:18px; text-align:center;} #container #content.movie.mov_star .writer_list li.writer_li .over {display:none; position:absolute; left:0; top:0; background:#f8f8f8; width:224px; height:320px; text-decoration:none;} #container #content.movie.mov_star .writer_list li.writer_li .over .name {display:block; color:#000; font-size:18px; font-weight:bold; margin:45px 20px 35px; text-align:center;} #container #content.movie.mov_star .writer_list li.writer_li .over .mov_tit {display:block; color:#f02459; margin:0 20px 5px; font-weight:bold; font-size:18px} #container #content.movie.mov_star .writer_list li.writer_li .over .comment {display:block; font-weight:bold; margin:0 20px; font-weight:bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.5em; height: 4.5em;} #container #content.movie.mov_star .writer_list li.writer_li .over .star_area {position:absolute; bottom:60px; left:40px} #container #content.movie.mov_star .writer_list li.writer_li .over .star_area .num {display:block; margin-top:-60px; font-weight:bold; font-size:24px; color:#f02459; text-align:center;} #container #content.movie.mov_star .writer_list li.banner01 {float:left; width:474px; height:287px; text-align:center; margin:0 0 30px 22px; padding-top:35px} #container #content.movie.mov_star .writer_list li.banner02 {float:left; width:970px; padding:20px 0; text-align:center; margin:0 0 30px 22px; } /* 영화 > 영화별점 > 별점상세 */ #container #content.movie.star_detail {padding-bottom:0} /* #container #content.movie.star_detail #snb_t li a {width:235px} */ #container #content.movie.star_detail .floatL {width:360px; padding-right:30px; border-right:1px solid #e3e3e3} #container #content.movie.star_detail .floatR {width:550px; } #container #content.movie.star_detail .mov_tit, #container #content.movie.star_detail .mov_tit a {font-size:30px; margin-bottom:7px} #container #content.movie.star_detail .mov_tit .year {font-size:14px;} #container #content.movie.star_detail .mov_facebook {margin-bottom:13px} #container #content.movie.star_detail .mystar_area {position:relative; margin-bottom:20px} #container #content.movie.star_detail .mystar_area .thumb {width:360px; height:520px} #container #content.movie.star_detail .mystar_area .mystar {position:absolute; bottom:0; left:0; background:rgba(255,255,255,0.9); padding:20px 0 15px; width:360px } #container #content.movie.star_detail .mystar_area .mystar p {text-align:center; color:#000; font-size:18px; font-weight:bold; margin-bottom:7px} #container #content.movie.star_detail .mystar_area .mystar .star_area {margin:0 0 7px 100px} #container #content.movie.star_detail .mystar_area .btn_review {display:block; background:#5f5f5f; color:#fff; font-weight:bold; padding:10px 0; font-size:12px; text-align:center; width:150px; margin:0 auto;} #container #content.movie.star_detail .allstar_area {position:relative; margin-bottom:50px; background:url('http://image.cine21.com/www1/common/bg_pattern.png') repeat 0 0; width:360px; height:240px;} #container #content.movie.star_detail .allstar_area .thumb {width:360px; height:240px;} #container #content.movie.star_detail .allstar_area .allstar {position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.5); } #container #content.movie.star_detail .allstar_area .allstar .average_area {float:left; width:110px; height:110px;} #container #content.movie.star_detail .allstar_area .allstar .average {display:table-cell; vertical-align:middle; line-height:180%; text-align:center; width:110px; height:110px; background:#f02459; background:linear-gradient(to right, #f07339, #f02459); font-size:14px; color:#fff; } #container #content.movie.star_detail .allstar_area .allstar .average strong {line-height:100%; font-size:24px; color:#ffde00; font-weight:normal} #container #content.movie.star_detail .allstar_area .allstar .cine_netizen {float:left; width:250px;padding-top:23px} #container #content.movie.star_detail .allstar_area .allstar .cine_netizen li {padding-left:30px; color:#fff; } #container #content.movie.star_detail .allstar_area .allstar .cine_netizen li .tit {display:inline-block; width:50px;color:#aaa; font-size:14px; font-weight:bold; } #container #content.movie.star_detail .allstar_area .allstar .cine_netizen li .num {font-size:24px; font-weight:bold; color:#fff; } #container #content.movie.star_detail .nativead_area {position:relative; background:#f3f3f3; width:360px; height:230px} #container #content.movie.star_detail .nativead_area a {display:block; } #container #content.movie.star_detail .nativead_area .thumb {display:block; width:360px; height:150px} #container #content.movie.star_detail .nativead_area .tit {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.5em;height:3.0em; font-size:14px; font-weight:bold; color:#000; margin:15px 20px} #container #content.movie.star_detail .nativead_area .native_ad {position:absolute; top:0; left:0; background:rgba(255,255,255,0.8); font-size:10px; padding:1px 3px} #container #content.movie.star_detail .banner_han_230x180 {margin:50px auto;} #container #content.movie.star_detail .rating_area {width:970px; margin:0 auto; overflow:hidden; margin-bottom:30px} #container #content.movie.star_detail .rating {margin:20px 0 50px 0 } #container #content.movie.star_detail .rating li {position:relative; min-height:60px; margin-bottom:20px;} #container #content.movie.star_detail .rating li .thumb_star img {border-radius:50%; width:60px; height:60px;} #container #content.movie.star_detail .rating li .star_area {position:absolute; top:0; left:75px; } #container #content.movie.star_detail .rating li .comment_area {margin:-27px 0 0 75px} #container #content.movie.star_detail .rating li .comment_area .name {display:inline-block; vertical-align:top; width:60px; font-size:16px; font-weight:bold; color:#828282; border-right:1px solid #bcbcbc; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis;} #container #content.movie.star_detail .rating li .comment_area .comment {display:inline-block;width:402px; vertical-align:top; font-size:16px; padding-left:10px;} #container #content.movie.star_detail .netizen_review_area {padding-bottom:40px; position:relative; } #container #content.movie.star_detail .netizen_review_area .btn_review {border-radius:4px; color:#fff; font-weight:bold; font-size:12px; background:#666; padding:5px 10px; position:absolute; right:0; top:0} /* 영화 > 영화정보 */ /* #container #content.movie.info_list #snb_t li a {width:235px} */ #container #content.movie.info_list .mov_info_list {overflow:hidden; margin-left:-22px} #container #content.movie.info_list .mov_info_list li.mov_info_li {background:#e4e4e4; position:relative; float:left; width:224px; height:320px; margin:0 0 30px 22px; border:1px solid #e3e3e3;} #container #content.movie.info_list .mov_info_list li.mov_info_li a {display:block; width:224px; height:320px;} #container #content.movie.info_list .mov_info_list li.mov_info_li .noimg_tit {position:absolute; top:50%; margin-top:-30px; left:0; background:rgba(0,0,0,0.3); width:214px; padding:13px 5px; font-weight:bold; color:#fff; font-size:16px; text-align:center; } #container #content.movie.info_list .mov_info_list li.mov_info_li .type {position:absolute; top:0px; left:0; width:60px; height:60px; display:block;} #container #content.movie.info_list .mov_info_list li.mov_info_li .type.video {background:rgba(44,194,19,0.8);} #container #content.movie.info_list .mov_info_list li.mov_info_li .type.video .ico {background-position:-200px 0; width:60px; height:60px} #container #content.movie.info_list .mov_info_list .over {display:none; position:absolute; left:0; top:0; width:224px; height:320px; background:rgba(0,0,0,0.7)} #container #content.movie.info_list .mov_info_list li a:hover .over {display:block; } #container #content.movie.info_list .mov_info_list li a:hover .noimg_tit {display:none; } #container #content.movie.info_list .mov_info_list .over .tit {margin:60px 10px 7px; text-align:center; font-size:18px; font-weight:bold; color:#faeb00; display:block; } #container #content.movie.info_list .mov_info_list .over .open_date {display:block; text-align:center; font-size:12px; color:#b4b4b4} #container #content.movie.info_list .mov_info_list .over .director {position:absolute; left:10px; bottom:80px; width:200px; font-size:13px; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; } #container #content.movie.info_list .mov_info_list .over .actor {position:absolute; left:10px; bottom:60px; width:200px; font-size:13px; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; } #container #content.movie.info_list .mov_info_list .over .adult {background:#ff0000; border-radius:50%; padding:7px 0 0 0; text-align:center; width:30px; height:23px; font-size:12px; color:#fff; position:absolute; top:10px; left:10px} #container #content.movie.info_list .mov_info_list .over .btn_detail {background:#eee; position:absolute; left:0; bottom:0; font-size:14px; font-weight:bold; color:#272727; padding:12px 0; text-align:center; width:224px; } #container #content.movie.info_list .mov_info_list li.banner01 {float:left; width:474px; height:287px; text-align:center; margin:0 0 30px 22px; padding-top:35px} #container #content.movie.info_list .mov_info_list li.banner02 {float:left; width:970px; padding:20px 0; text-align:center; margin:0 0 30px 22px ; } #container #content.movie.info_list .btn_more_cont {margin:0 auto; width:670px; } /* 영화 > 영화 제작 차트 */ #container #content.movie.chart .chart_tb {border-top:1px solid #000; border-left:1px solid #ddd;} #container #content.movie.chart .chart_tb th, #container #content.movie.chart .chart_tb td {padding:10px;border-bottom:1px solid #ddd; border-right:1px solid #ddd; } #container #content.movie.chart .chart_tb th {font-size:12px; font-weight:bold; } #container #content.movie.chart .chart_tb td {font-size:12px; color:#000} #container #content.movie.chart .chart_tb td.ing, #container #content.movie.chart .chart_tb td.ready, #container #content.movie.chart .chart_tb td.casting, #container #content.movie.chart .chart_tb td.scenario {color:#fff; text-align:center; } #container #content.movie.chart .chart_tb td.ing {background:#222955;} #container #content.movie.chart .chart_tb td.ready {background:#3749b5} #container #content.movie.chart .chart_tb td.casting {background:#5996fb} #container #content.movie.chart .chart_tb td.scenario {background:#9ec3ff} /* 영화 > 상세 */ #container .movie_detail_top_area {background-repeat:no-repeat !important; background-size:cover !important; background-position:50% 50% !important; height:430px} #container .movie_detail_top_area.nostill {background:url('http://image.cine21.com/www1/common/bg_pattern.png'); background-repeat:repeat !important; background-size:12px 12px !important} #container .movie_detail_top_area .top_area_cover {height:430px; background:url('http://image.cine21.com/www1/common/bg_gradient.png') repeat-x left bottom} #container .movie_detail_top_area .mov_top {position:relative; width:970px; margin:0 auto; height:430px;} #container .movie_detail_top_area .mov_top .mov_poster {position:absolute; left:0; top:200px; } #container .movie_detail_top_area .mov_top .mov_poster img {width:230px; height:330px; border:4px solid #fff; } #container .movie_detail_top_area .mov_top .mov_facebook {position:absolute; top:550px; left:40px; z-index:5000} #container .movie_detail_top_area .mov_top .mov_info {position:absolute; left:280px; bottom:20px} #container .movie_detail_top_area .mov_top .mov_info .tit {font-weight:bold; color:#fff; font-size:30px; } #container .movie_detail_top_area .mov_top .mov_info .tit_eng {margin-bottom:15px; font-size:20px; font-weight:normal; color:#fff;} #container .movie_detail_top_area .mov_top .mov_info .tit_eng span {margin-right:20px} #container .movie_detail_top_area .mov_top .mov_info .sub_info {font-size:14px; color:#f4f4f4; margin-bottom:5px } #container .movie_detail_top_area .mov_top .mov_info .sub_info a {color:#f4f4f4; text-decoration:underline} #container .movie_detail_top_area .mov_top .mov_info .sub_info span {margin-right:20px} #container .movie_detail_top_area .mov_top .mov_rating {position:absolute; right:0; bottom:20px; } #container .movie_detail_top_area .mov_top .mov_rating li {background:rgba(0,0,0,0.3); width:90px; font-size:12px; float:left; margin-left:15px; border:1px solid #ccc; padding:15px 0; text-align:center; color:#ccc;} #container .mov_rating li .score {display:block; font-size:18px; color:#ff3368; font-weight:bold; } #container #content.movie.detail {padding:20px 0 0 0; position:relative; } #container #content.movie.detail .story_area {width:410px; min-height:180px; padding-left:280px; margin:10px 0 35px; } #container #content.movie.detail .story_area .story {color:#828282; font-weight:13px; line-height:150%} #container #content.movie.detail .story_area .story .tagline {font-size:18px; color:#000;font-weight:bold; margin-bottom:10px;} #container #content.movie.detail .story_area a.btn_more {text-decoration:underline; color:#000} #container #content.movie.detail .photo_area {position:relative; width:690px; margin-bottom:50px;} #container #content.movie.detail .photo_area a.btn_prev {position:absolute; left:0; bottom:40px; } #container #content.movie.detail .photo_area a.btn_prev .ico {display:block; width:17px; height:36px; background-position:0 -190px} #container #content.movie.detail .photo_area a.btn_next {position:absolute; right:0; bottom:40px; width:17px; height:36px} #container #content.movie.detail .photo_area a.btn_next .ico {display:block; width:17px; height:36px; background-position:-40px -190px} #container #content.movie.detail .photo_area .photo_list {overflow: hidden; width: 635px; height: 122px; position: relative; margin-left:30px} #container #content.movie.detail .photo_area .nophoto {width:640px; font-size:13px; color:#828282; text-align:center; padding-top:55px} #container #content.movie.detail .photo_area .photo_list #photo_list {position:absolute;} #container #content.movie.detail .photo_area .photo_list #photo_list li {float: left; width:120px; height:120px; border: 1px solid #e1dcdc; margin-right: 5px;} #container #content.movie.detail .photo_area .photo_list #photo_list li img {width:120px; height:120px} #container #content.movie.detail .give_star {text-align:center; position:absolute; right:0; top:20px; width:232px; height:180px; background:#f0f0f0; border-radius:10px} #container #content.movie.detail .give_star .tit {padding:20px 0 50px; font-size:14px; font-weight:bold; } #container #content.movie.detail .give_star .star_area {display:block; margin:0 0 40px 45px; text-align:left;} #container #content.movie.detail .give_star .star_area .num {display:block; width:140px; margin-top:-70px; font-weight:800; font-size:30px; color:#f02459; text-align:center;} #container #content.movie.detail .give_star a.btn_review {background:#515151; padding:5px 10px; color:#fff; font-size:12px; font-weight:bold; border-radius:4px } #container #content.movie.detail .video_area {margin-bottom:40px} #container #content.movie.detail .video_area .video {background:#000; height:445px; overflow:hidden;} #container #content.movie.detail .video_area .video .player_area {width:695px; float:left; height:415px; text-align:center; padding-top:15px} #container #content.movie.detail .video_area .video .video_list {overflow-y:auto; width:275px; float:right; background:#272727; height:445px} #container #content.movie.detail .video_area .video .video_list #video_list {} #container #content.movie.detail .video_area .video .video_list #video_list li {position:relative; overflow:hidden; border-bottom:1px solid #343434; } #container #content.movie.detail .video_area .video .video_list #video_list li a {display:block; overflow:hidden; padding:15px; } #container #content.movie.detail .video_area .video .video_list #video_list li .thumb {float:left; width:120px; height:80px } #container #content.movie.detail .video_area .video .video_list #video_list li .video_tit {float:left; width:90px; margin:10px 0 0 15px; font-weight:bold; font-size:14px; color:#bebebe} #container #content.movie.detail .video_area .video .video_list #video_list li .ico {position:absolute; background-position:-90px -190px; left:57px; top:36px; width:38px; height:38px} #container #content.movie.detail .video_area .video .video_list #video_list li a.on {background:#000} #container #content.movie.detail .video_area .video .video_list #video_list li a.on .thumb {width:118px; height:78px; border:1px solid #f02459} #container #content.movie.detail .banner_han_575x75 {margin-bottom:45px} #container #content.movie.detail .culm2_area {overflow:hidden} #container #content.movie.detail .culm2_l {float:left; width:680px;border-right:1px solid #d5d5d5; padding-right:30px} #container #content.movie.detail .culm2_r {float:right; width:230px; } #container #content.movie.detail .banner_han_230x180 {margin-bottom:30px} #container #content.movie.detail .expert_rating_area {margin-bottom:50px; } #container #content.movie.detail .expert_rating_area .expert_rating {margin:15px 0 0 0 } #container #content.movie.detail .expert_rating_area .expert_rating li {min-height:60px; position:relative; margin-bottom:15px} #container #content.movie.detail .expert_rating_area .expert_rating li .thumb {position:absolute; left:0; top:0} #container #content.movie.detail .expert_rating_area .expert_rating li .thumb img {border-radius:50%; width:60px; height:60px;} #container #content.movie.detail .expert_rating_area .expert_rating li .comment_box {padding-left:80px} #container #content.movie.detail .expert_rating_area .expert_rating li .comment_box .star_area {margin:3px 0} #container #content.movie.detail .expert_rating_area .expert_rating li .comment_box .comment_area {position:relative; } #container #content.movie.detail .expert_rating_area .expert_rating li .comment_box .comment_area a {display:block; width:60px; position:absolute; left:0; top:0} #container #content.movie.detail .expert_rating_area .expert_rating li .comment_box .comment_area .name {display:block; width:60px; font-size:14px; font-weight:bold; color:#828282; border-right:1px solid #bcbcbc; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis;} #container #content.movie.detail .expert_rating_area .expert_rating li .comment_box .comment_area .comment {display:block; font-size:14px; padding-left:75px;} #container #content.movie.detail .review_area {margin-bottom:10px } #container #content.movie.detail .review_area a {display:block; position:relative; min-height:160px; margin-bottom:20px} #container #content.movie.detail .review_area .thumb {position:absolute; width:240px; height:160px;} #container #content.movie.detail .review_area .tit {display:block; padding-left:260px; font-weight:bold; color:#000; font-size:16px} #container #content.movie.detail .review_area .by {display:block; padding-left:260px; font-size:12px; margin-bottom:15px;} #container #content.movie.detail .review_area .review_txt {display:block; padding-left:260px; font-size:13px; line-height:150%;} #container #content.movie.detail .makingnote { background:#f0f0f0; padding:20px 30px; margin-bottom:50px} #container #content.movie.detail .makingnote dt {font-weight:bold; font-size:14px; padding-bottom:15px;} #container #content.movie.detail .makingnote dd {font-size:13px; line-height:150%} #container #content.movie.detail .makingnote .makingnote_txt { line-height:150%} #container #content.movie.detail .makingnote dd .btn_more {display:block; color:#000; text-decoration:underline; font-size:13px} #container #content.movie.detail .related_news_area {position:relative; margin-bottom:50px; overflow:hidden;} #container #content.movie.detail .related_news_area .pagenum {position:absolute; top:0; right:0} #container #content.movie.detail .related_news_area .pagenum a.btn_prev span {width:23px; height:23px; background-position:-160px -190px; margin-right:5px;} #container #content.movie.detail .related_news_area .pagenum a.btn_next span {width:23px; height:23px; background-position:-210px -190px; margin-left:5px;} #container #content.movie.detail .related_news_area .pagenum a.btn_prev.off span, #container #content.movie.detail .related_news_area .pagenum a.btn_next.off span {opacity:0.3; cursor:default;} #container #content.movie.detail .related_news_area .pagenum .num {font-size:11px; } #container #content.movie.detail .related_news_area .pagenum .num strong {color:#f02459; font-size:11px} #container #content.movie.detail .related_news_area .related_news {overflow:hidden; width:680px; height:190px;} #container #content.movie.detail .related_news_area .related_news #related_news {position:absolute; margin-left:-10px; } #container #content.movie.detail .related_news_area .related_news #related_news li { float:left; background:#f0f0f0; margin-left:10px; margin-bottom:10px;} #container #content.movie.detail .related_news_area .related_news #related_news li a {display:block;width:220px; height:190px; } #container #content.movie.detail .related_news_area .related_news #related_news li .thumb {display:block; } #container #content.movie.detail .related_news_area .related_news #related_news li .thumb img {width:220px; height:115px} #container #content.movie.detail .related_news_area .related_news #related_news li .tit {height:35px; display:block; margin:14px 15px; font-weight:bold; color:#000; font-size:14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; } #container #content.movie.detail .related_mov_area {position:relative; margin-bottom:50px;} #container #content.movie.detail .related_mov_area a.btn_prev {position:absolute; left:10px; bottom:75px; } #container #content.movie.detail .related_mov_area a.btn_prev .ico {display:block; width:17px; height:36px; background-position:0 -190px} #container #content.movie.detail .related_mov_area a.btn_next {position:absolute; right:10px; bottom:75px; width:17px; height:36px} #container #content.movie.detail .related_mov_area a.btn_next .ico {display:block; width:17px; height:36px; background-position:-40px -190px} #container #content.movie.detail .related_mov_area .related_mov {overflow: hidden; width: 600px; height:230px; position: relative; margin-left:48px} #container #content.movie.detail .related_mov_area .related_mov #related_mov {position:absolute;} #container #content.movie.detail .related_mov_area .related_mov #related_mov li {float: left; width:135px; height:195px; margin-right:15px;} #container #content.movie.detail .related_mov_area .related_mov #related_mov li img {width:135px; height:195px;} #container #content.movie.detail .related_mov_area .related_mov #related_mov li a .tit {display:block; margin-top:7px; font-weight:bold; text-align:center; font-size:13px; } #container #content.movie.detail .netizen_review_area {position:relative; margin-bottom:50px; } #container #content.movie.detail .netizen_review_area a.btn_review {position:absolute; right:0; top:5px; background:#515151; padding:5px 10px; color:#fff; font-size:12px; font-weight:bold; border-radius:4px } #container #content.movie.detail .actor_area {margin-bottom:50px} #container #content.movie.detail .actor_area .nodata {font-size:12px; color:#828282; text-align:center; } #container #content.movie.detail .actor_area h3 {font-size:14px; font-weight:bold; padding:0 0 8px 10px} #container #content.movie.detail .actor_area ul {margin-bottom:15px} #container #content.movie.detail .actor_area ul.list_big li {position:relative; min-height:55px; margin-bottom:13px} #container #content.movie.detail .actor_area ul.list_big li .thumb {position:absolute; left:0; top:0; border-radius:50%; width:55px; height:55px} #container #content.movie.detail .actor_area ul.list_big li .name {margin:5px 0 2px 65px;} #container #content.movie.detail .actor_area ul.list_big li .name a {font-size:13px; color:#000; font-weight:bold;} #container #content.movie.detail .actor_area ul.list_big li .other_mov {margin:0 0 0 65px;} #container #content.movie.detail .actor_area ul.list_big li .other_mov a {font-size:12px; color:#000; } #container #content.movie.detail .actor_area ul.list_big li .role {margin:0 0 2px 65px; font-size:12px; color:#828282; } #container #content.movie.detail .actor_area ul.list_small {overflow:hidden;} #container #content.movie.detail .actor_area ul.list_small li {position:relative; min-height:30px; margin-bottom:13px; width:50%; float:left} #container #content.movie.detail .actor_area ul.list_small li .thumb {position:absolute; left:0; top:0; border-radius:50%; width:30px; height:30px} #container #content.movie.detail .actor_area ul.list_small li .name {margin:0 0 2px 37px;} #container #content.movie.detail .actor_area ul.list_small li .name a {font-size:12px; color:#000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em; height: 2.4em; } #container #content.movie.detail .etcinfo_area {margin-bottom:40px; } #container #content.movie.detail .etcinfo_area li {position:relative; font-size:12px; padding:2px 0 8px 50px } #container #content.movie.detail .etcinfo_area li .tit {position:absolute; top:0; left:0; font-weight:bold; font-size:14px;} #container #content.movie.detail .etcinfo_area li a {color:#000; font-size:12px} #container #content.movie.detail .award_area {} #container #content.movie.detail .award_area li {padding-bottom:8px; font-size:12px} #container #content.movie.detail .adult_warn {border:2px solid #eee; border-radius:5px; padding:30px 0 30px 360px; font-size:15px; font-weight:bold; background:url('http://image.cine21.com/www1/common/adult_warn.png') no-repeat 300px 27px;} #container #content.movie.detail .adult_warn a.btn_lightgray_s {margin-top:8px; margin-left:100px} #container #content.movie.detail .nitmus {margin-left:-20px} /* 영화 > 팝업 : 리뷰쓰기 */ .pop_container.review_write {width:500px; height:240px; } .pop_container.review_write .mov_tit {font-size:18px; font-weight:bold; margin-bottom:12px} .pop_container.review_write .star_area {display:block; margin-bottom:10px; } .pop_container.review_write .star_area .num {color:#f02459} .pop_container.review_write textarea {padding:15px 20px; font-size:14px; display:block; border:none; background:#efefef; margin-bottom:10px; width:460px; height:90px} /* 랭킹 */ #container #content.ranking .search_option_area {border:7px solid #eee; padding:10px 0; margin-bottom:30px} #container #content.ranking .search_option_area .search_option {width:650px; margin:0 auto;} #container #content.ranking .search_option_area .search_option li {padding:13px 0; border-bottom:1px solid #ffdcd4; color:#000} #container #content.ranking .search_option_area .search_option li:last-child {border:none; } #container #content.ranking .search_option_area .search_option .tit {display:inline-block; width:110px; font-size:14px; font-weight:bold; color:#828282} #container #content.ranking .search_option_area .search_option a {font-size:14px; color:#000} #container #content.ranking .search_option_area .search_option a.on {color:#f02459; font-weight:bold;} #container #content.ranking .search_option_area .btnArea {text-align:left; width:540px; margin:5px auto 13px; padding-left:110px; } #container #content.ranking .graph_area {border:1px solid #c0c0c0; padding:30px 0; text-align:center;} #container #content.ranking .graph_area .from {text-align:center; font-size:12px; color:#828282; margin-top:10px} #container #content.ranking .from_kobis {font-size:12px; color:#828282; margin-top:20px; text-align:center;} #container #content.ranking .grade {background:#f7a009; font-weight:800; color:#fff; } #container #content.ranking .grade.num1 {background:#f02459; } #container #content.ranking .search_option_area .search_option li a.btn_prev span {width:23px; height:23px; background-position:-160px -190px; margin-right:5px;} #container #content.ranking .search_option_area .search_option li a.btn_next span {width:23px; height:23px; background-position:-210px -190px; margin-left:5px;} /* 랭킹 > 영화 박스오피스 */ /* #container #content.ranking.boxoffice #snb_t li a {width:186px} */ #container #content.ranking.boxoffice .boxoffice_list {overflow:hidden; margin-left:-24px} #container #content.ranking.boxoffice .boxoffice_list li.boxoffice_li {position:relative; float:left; width:224px; height:400px; margin:0 0 30px 24px; padding-top:4px} #container #content.ranking.boxoffice .boxoffice_list li.boxoffice_banner { margin:0 0 30px 24px; } #container #content.ranking.boxoffice .boxoffice_list li.boxoffice_li a {text-decoration:none; display:block; width:224px; height:400px; border:1px solid #e3e3e3;} #container #content.ranking.boxoffice .boxoffice_list li.boxoffice_li a .thumb {width:224px; height:320px;} #container #content.ranking.boxoffice .boxoffice_list li.boxoffice_li a .mov_name {border-bottom:1px solid #dedede; font-size:24px; font-weight:bold; color:#000; margin:8px 15px 0; padding-bottom:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; } #container #content.ranking.boxoffice .boxoffice_list li.boxoffice_li a .people_num {font-size:12px; font-weight:bold; margin:8px 15px 0} #container #content.ranking.boxoffice .boxoffice_list .over {display:none; position:absolute; left:0; top:4px; width:224px; height:230px; background:rgba(0,0,0,0.7); padding-top:90px} #container #content.ranking.boxoffice .boxoffice_list li a:hover .over {display:block} #container #content.ranking.boxoffice .boxoffice_list li .over .info {width:175px;margin:0 auto; border-top:2px solid #895a11; border-bottom:1px solid #895a11} #container #content.ranking.boxoffice .boxoffice_list li .over .info li {position:relative; font-size:12px; color:#d4d4d4; font-weight:bold; border-bottom:1px solid #895a11; padding:10px 0 10px 70px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis;} #container #content.ranking.boxoffice .boxoffice_list li .over .info.history li {padding-left:45px} #container #content.ranking.boxoffice .boxoffice_list li .over .info .tit {position:absolute; left:0; top:10px; font-size:12px; color:#b17816; } #container #content.ranking.boxoffice .boxoffice_list li .over .nodata {width:175px; margin:0 auto; padding-top:13px; color:#b17816; font-size:12px; text-align:center;} #container #content.ranking.boxoffice .boxoffice_list li .grade {font-size:18px; position:absolute; left:0px; top:0px; padding:12px 0; text-align:center; width:45px; border-radius:6px; -webkit-box-shadow:rgba(0,0,0,0.3) 3px 3px 3px; -moz-box-shadow :rgba(0,0,0,0.3) 3px 3px 3px; box-shadow :rgba(0,0,0,0.3) 3px 3px 3px} #container #content.ranking.boxoffice .boxoffice_list li.banner01 {padding-top:4px; float:left; width:223px; height:400px; text-align:center; margin:0 0 30px 22px; } #container #content.ranking.boxoffice .boxoffice_list li.banner02 {padding-top:4px; float:left; width:970px; padding:20px 0; text-align:center; margin:0 0 30px 22px ; } #container #content.ranking.boxoffice .boxoffice_foreign_list {overflow:hidden; margin-left:-30px} #container #content.ranking.boxoffice .boxoffice_foreign_list li.boxoffice_li {position:relative; float:left; width:470px; height:210px; margin:0 0 30px 30px; padding-top:4px} #container #content.ranking.boxoffice .boxoffice_foreign_list li.boxoffice_li a {text-decoration:none; display:block;} #container #content.ranking.boxoffice .boxoffice_foreign_list li.boxoffice_li a .thumb {position:absolute; left:0; top:4px; width:145px; height:210px;} #container #content.ranking.boxoffice .boxoffice_foreign_list li.boxoffice_li a .mov_name {padding-left:170px; font-size:24px; font-weight:bold; color:#000; margin:10px 0 3px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; } #container #content.ranking.boxoffice .boxoffice_foreign_list li.boxoffice_li a .mov_name_en {padding-left:170px; font-size:14px; font-weight:bold; color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; } #container #content.ranking.boxoffice .boxoffice_foreign_list li.boxoffice_li a .info {position:absolute; left:170px; bottom:0; border-top:2px solid #f7dfe6; border-bottom:1px solid #f7dfe6} #container #content.ranking.boxoffice .boxoffice_foreign_list li.boxoffice_li a .info li {width:230px; position:relative; font-size:12px; font-weight:bold; border-bottom:1px solid #f7dfe6; padding:11px 0 11px 70px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis;} #container #content.ranking.boxoffice .boxoffice_foreign_list li.boxoffice_li a .info li .tit {position:absolute; left:0; top:11px; font-size:12px; } #container #content.ranking.boxoffice .boxoffice_foreign_list li.boxoffice_li a .info li strong {color:#f02459} #container #content.ranking.boxoffice .boxoffice_foreign_list li.boxoffice_li a .info li .director {color:#000} #container #content.ranking.boxoffice .boxoffice_foreign_list li.boxoffice_li .grade {font-size:18px; position:absolute; left:0px; top:0px; padding:8px 0; text-align:center; width:40px; border-radius:6px; -webkit-box-shadow:rgba(0,0,0,0.3) 3px 3px 3px; -moz-box-shadow :rgba(0,0,0,0.3) 3px 3px 3px; box-shadow :rgba(0,0,0,0.3) 3px 3px 3px} #container #content.ranking.boxoffice table.tb_list.boxoffice_table td {position:relative; } #container #content.ranking.boxoffice table.tb_list.boxoffice_table th a {text-decoration:underline; font-size:14px} #container #content.ranking.boxoffice table.tb_list.boxoffice_table td a {text-decoration:underline; font-size:14px} #container #content.ranking.boxoffice table.tb_list.boxoffice_table td .graph_area {margin:5px 30px} #container #content.ranking.boxoffice table.tb_list.boxoffice_table td .mov_num {z-index:5000; position:absolute; right:0; top:37px; background:#fff; padding:20px; width:500px; border:1px solid #bdbdbd; -webkit-box-shadow:rgba(0,0,0,0.3) 4px 4px 4px; -moz-box-shadow :rgba(0,0,0,0.3) 4px 4px 4px; box-shadow :rgba(0,0,0,0.3) 4px 4px 4px} #container #content.ranking.boxoffice table.tb_list.boxoffice_table td .mov_num .total {text-align:left; font-weight:bold; font-size:14px; margin-bottom:10px; color:#000} #container #content.ranking.boxoffice table.tb_list.boxoffice_table td .mov_num .ico {position:absolute; right:30px; top:-9px; background-position: -60px -340px; width:19px; height:10px; } #container #content.ranking.boxoffice table.tb_list.boxoffice_table td .mov_num .btn_close {position:absolute; right:7px; top:2px; font-size:18px; color:#828282; font-weight:800; text-decoration:none; padding:5px} /* 랭킹 > 인물 랭킹 */ #container #content.ranking.people {} /* #container #content.ranking.people #snb_t li a {width:480px} */ #container #content.ranking.people .people_list {margin-bottom:20px} #container #content.ranking.people .people_list li.people_li {min-height:147px; position:relative; border-bottom:1px solid #e6e6e6; margin-top:20px; padding:4px 0 20px 175px; } #container #content.ranking.people .people_list li.people_li .people_thumb {position:absolute; left:4px; top:4px; border:1px solid #e0e0e0; width:145px; height:145px; } #container #content.ranking.people .people_list li.people_li .name, #container #content.ranking.people .people_list li.people_li .name a {font-size:24px; font-weight:bold; color:#000; margin-bottom:25px} #container #content.ranking.people .people_list li.people_li .num_info {overflow:hidden; } #container #content.ranking.people .people_list li.people_li .num_info li {float:left; padding:5px 15px 5px 0; font-weight:bold; border-right:1px solid #dadada; margin-right:15px} #container #content.ranking.people .people_list li.people_li .num_info li:last-child {border:none; } #container #content.ranking.people .people_list li.people_li .nu#container #content.ranking.people .people_list li.people_li .num_info lim_info li .tit {display:block; margin-bottom:5px} #container #content.ranking.people .people_list li.people_li .num_info li strong {font-size:20px; font-weight:bold; color:#f02459;display:block; text-align:center; } #container #content.ranking.people .people_list li.people_li .num_info li .btn_graph {display:block; color:#000} #container #content.ranking.people .people_list li.people_li .num_info li .btn_graph span {display:inline-block; vertical-align:middle; margin-right:8px} #container #content.ranking.people .people_list li.people_li .num_info li .btn_graph .ico {width:22px; height:25px; background-position:0 -690px} #container #content.ranking.people .people_list li.people_li .mov_list {overflow:hidden; position:absolute; right:0; top:0} #container #content.ranking.people .people_list li.people_li .mov_list li {float:left; margin-left:7px; width:85px; height:140px; } #container #content.ranking.people .people_list li.people_li .mov_list li a {display:block; text-decoration:none; } #container #content.ranking.people .people_list li.people_li .mov_list li span {display:block; font-size:12px; padding-top:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; text-align:center; } #container #content.ranking.people .people_list li.people_li .grade {font-size:18px; position:absolute; left:0px; top:0px; padding:8px 0; text-align:center; width:40px; border-radius:6px; -webkit-box-shadow:rgba(0,0,0,0.3) 3px 3px 3px; -moz-box-shadow :rgba(0,0,0,0.3) 3px 3px 3px; box-shadow :rgba(0,0,0,0.3) 3px 3px 3px} #container #content.ranking.people .people_list li.banner {padding:50px 0; border-bottom:1px solid #e6e6e6; text-align:center;} /* 랭킹 > 기사 랭킹 */ #container #content.ranking.news_rank {} /* #container #content.ranking.news_rank #snb_t li a {width:480px} */ #container #content.ranking.news_rank .news_area {width:970px; margin:0 auto; } #container #content.ranking.news_rank .news_area .news {width:990px; overflow:hidden; margin-left:-20px; } #container #content.ranking.news_rank .news_area .news li {position:relative; float:left; background:#f0f0f0; margin-left:20px; width:310px; margin-bottom:35px; height:240px; } #container #content.ranking.news_rank .news_area .news li a {display:block; } #container #content.ranking.news_rank .news_area .news li .thumb {display:block; width:310px; height:160px;background:#e6e6e3;} #container #content.ranking.news_rank .news_area .news li .thumb img {width:310px; height:160px} #container #content.ranking.news_rank .news_area .news li .nothumb {display:none; background:#f0f0f0; position:absolute; left:0; top:0; width:310px; height:160px; } #container #content.ranking.news_rank .news_area .news li .nothumb span {display:blockfont-size:13px; padding:40px 20px 0px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.5em; height:7.5em;} #container #content.ranking.news_rank .news_area .news li a:hover .nothumb {display:block !important } #container #content.ranking.news_rank .news_area .news li .tit {display:block; padding:12px 20px 0px 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.5em; height: 3.0em; font-weight:bold; color:#000; font-size:15px} #container #content.ranking.news_rank .news_area .news li .grade {font-size:18px; position:absolute; left:0px; top:0px; padding:8px 0; text-align:center; width:40px; border-radius:6px; -webkit-box-shadow:rgba(0,0,0,0.3) 3px 3px 3px; -moz-box-shadow :rgba(0,0,0,0.3) 3px 3px 3px; box-shadow :rgba(0,0,0,0.3) 3px 3px 3px} /* 멀티미디어 > 사진 */ #container #content.multi.photodata {} /* #container #content.multi.photodata #snb_t li a {width:316.6px}*/ #container #content.multi.photodata .photodata_list {overflow:hidden; margin-left:-20px; margin-bottom:20px;} #container #content.multi.photodata .photodata_list li {float:left; width:310px ;margin-bottom:20px; margin-left:20px} #container #content.multi.photodata .photodata_list li img.thumb001 {width:310px; height:449px;} #container #content.multi.photodata .photodata_list li img.thumb002 {width:310px; height:230px;} #container #content.multi.photodata .photodata_list li a {display:block; text-decoration:none; } #container #content.multi.photodata .photodata_list li a:hover {color:#f02459 } #container #content.multi.photodata .photodata_list li a .caption {position:relative; display:block; background:#f1f1ee; padding:7px 70px 0 10px; font-size:13px ;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; height:23px} #container #content.multi.photodata .photodata_list li a .caption .num {position:absolute; right:10px; top:8px; width:60px; font-weight:normal; text-align:right} #container #content.multi.photodata .photodata_list li a:hover .caption .num {color:#222} #container #content.multi.photodata.detail .movieinfo {margin-bottom:20px; position:relative; padding:20px 20px 20px 215px; background:#494949; height:280px} #container #content.multi.photodata.detail .movieinfo .poster_area {position:absolute; left:20px; top:20px} #container #content.multi.photodata.detail .movieinfo .poster_area .facebook_area {padding-top:8px} #container #content.multi.photodata.detail .movieinfo .movtitle {color:#fff; font-size:24px; margin-bottom:15px } #container #content.multi.photodata.detail .movieinfo .story {margin-bottom:20px; color:#fff; font-size:12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 10; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.5em; height: 15em;} #container #content.multi.photodata.detail .movieinfo .story b {color:#fff} #container #content.multi.photodata.detail .movieinfo .btn_moviedetail {display:block; background:#333; color:#ccc; text-decoration:none; text-align:center; padding:8px 0; border-radius:6px; } #container #content.multi.photodata.detail .movieinfo a.btn_moviedetail:hover {background:#222} #container #content.multi.photodata.detail .allphoto li {text-align:center; margin-bottom:5px;} #container #content.multi.photodata.detail .allphoto li .thumb_area {position:relative; display:inline-block; } #container #content.multi.photodata.detail .allphoto li .thumb_area .caption {width:100%; background:rgba(0,0,0,0.7); position:absolute; bottom:0; left:0; color:#fff; padding:7px 0; text-align:center; font-size:12px} #container #content.multi.photodata .coverdata {overflow:hidden; margin-left:-30px} #container #content.multi.photodata .coverdata li {position:relative; float:left; margin:0 0 30px 30px; width:300px;} #container #content.multi.photodata .coverdata li .thumb {display:block; width:300px; height:360px} #container #content.multi.photodata .coverdata li .tit_box {border:1px solid #e3e3e3; padding:7px 12px 0 13px; height:103px} #container #content.multi.photodata .coverdata li .tit_box .ho_num {font-weight:bold; color:#000; font-size:25px; border-bottom:1px solid #efefef; padding-bottom:7px; margin-bottom:7px;} #container #content.multi.photodata .coverdata li .tit_box .date {font-size:12px; font-weight:normal; color:#888; margin-bottom:3px; } #container #content.multi.photodata .coverdata li .tit_box .coverpeople {font-size:12px; color:#888;} #container #content.multi.photodata .coverdata li .tit_box .coverpeople strong {color:#000} /* 멀티미디어 > 동영상 */ #container #content.multi.videodata {} /* #container #content.multi.videodata #snb_t li a {width:112.5px} */ #container #content.multi.videodata .videodata_list {overflow:hidden; margin-left:-42px; margin-bottom:20px;} #container #content.multi.videodata .videodata_list li {float:left; width:211px ;margin-left:42px; width:211px; height:230px} #container #content.multi.videodata .videodata_list li a {display:block; text-decoration:none; } #container #content.multi.videodata .videodata_list li a .thumb {margin-bottom:10px; display:block; } #container #content.multi.videodata .videodata_list li a:hover {color:#f02459 } #container #content.multi.videodata .videodata_list li a .title {margin-bottom:5px; font-weight:bold; display:block; font-size:14px ;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.4em; height: 2.8em;} #container #content.multi.videodata .videodata_list li a .date {display:block; font-weight:normal; font-size:12px} /* 이벤트 */ #container #content.event .event_tit_area {position:relative; margin-bottom:40px} #container #content.event .event_tit_area .tit {font-size:48px; font-weight:800; margin-bottom:20px} #container #content.event .event_tit_area .tit .ico {background-position:0 -410px; width:7px; height:7px; vertical-align:bottom; margin-bottom:12px} #container #content.event .event_tit_area .desc {font-size:13px; line-height:140%; color:#828282} /* 이벤트 > 시사회&이벤트 */ #container #content.event.eventlist {} /*#container #content.event.eventlist #snb_t li a {width:480px}*/ #container #content.event.eventlist .event_list {overflow:hidden; margin-left:-22px} #container #content.event.eventlist .event_list li.event_list_li {position:relative; float:left; width:226px; height:475px; margin:0 0 20px 22px; } #container #content.event.eventlist .event_list li.event_list_li .thumb {display:block; width:224px; height:320px; border:1px solid #e3e3e3;} #container #content.event.eventlist .event_list li.event_list_li .subs {font-size:16px; font-weight:bold; color:#fff; text-align:center; padding-top:15px; width:65px; height:50px; position:absolute; right:0;top: 256px; background:#f02459; background:linear-gradient(to right, #f07339, #f02459); } #container #content.event.eventlist .event_list li.event_list_li .title {font-size:18px; font-weight:bold; color:#000; margin:10px 0; } #container #content.event.eventlist .event_list li.event_list_li .info p {font-size:12px; font-weight:bold; color:#666; margin-bottom:2px } #container #content.event.eventlist .event_list li.event_list_li .info p .tit {color:#bbb} #container #content.event.eventlist .event_list li.event_list_li .winner {position:absolute; left:0; top:125px; width:226px; background:rgba(0,0,0,0.5); padding:20px 0; text-align:center; font-size:18px; color:#fff; font-weight:bold; } #container #content.event.eventlist .event_list li.event_list_li .winner .ico {background-position:-170px -340px; width:15px; height:15px; margin-right:5px} #container #content.event.eventlist .event_list li.banner {float:left; width:226px; height:510px; margin:0 0 20px 22px; } #container #content.event.eventlist .event_list li.banner_event {width:970px; padding-bottom:30px; text-align:center;} /* 이벤트 > 시사회&이벤트 > 이벤트 상세 */ #container #content.event.detail .eventdetail {text-align:center; padding-bottom:50px; border-bottom:2px solid #ccc} #container #content.event.detail .eventdetail img {max-width:970px} #container #content.event.detail .eventdetail > div, #container #content.event.detail .eventdetail > table, #container #content.event.detail .eventdetail > p { text-align:left;; width:820px; margin:0 auto;} #container #content.event.detail .eventdetail .comment_area {text-align:left; width:100%} #container #content.event.detail .eventdetail .eventinfo {margin-top:40px} #container #content.event.detail .eventdetail .eventoption {text-align:center; border:1px solid #ddd; border-radius:5px; margin-top:40px; padding:20px 0} #container #content.event.detail .eventdetail .eventoption .inputRadio {margin-left:20px} #container #content.event.detail .eventdetail .btn_red_l {margin-top:40px; } /* 이벤트 > 영화인 리쿠르트 */ #container #content.event.recruit .event_tit_area .ing {position:absolute; right:0; top:0; border:4px solid #f02459; padding:25px 0 0 40px; width:200px; height:100px } #container #content.event.recruit .event_tit_area .ing .date {color:#333; font-size:16px; font-weight:bold; margin-bottom:16px;} #container #content.event.recruit .event_tit_area .ing ul li {font-size:13px; margin-bottom:3px} #container #content.event.recruit .event_tit_area .ing ul li strong {color:#f02459; font-weight:normal;} #container #content.event.recruit .tb_view .etc_info {border-bottom:1px solid #f02559} #container #content.event.recruit .tb_view .summary {overflow:hidden; border-bottom:1px solid #f02559; background:#f7f7f7; padding:15px 50px} #container #content.event.recruit .tb_view .summary li {margin-bottom:7px} #container #content.event.recruit .tb_view .summary li.small {width:20%; float:left } #container #content.event.recruit .tb_view .summary .tit {font-weight:bold; } #container #content.event.recruit .tb_view .address {border-top:1px solid #cecece; overflow:hidden; padding:20px 0} #container #content.event.recruit .tb_view .address .company {float:left; width:570px;} #container #content.event.recruit .tb_view .address .cscenter {float:right; width:360px; } #container #content.event.recruit .tb_view .address .tit {color:#333; font-weight:bold; float:left; width:70px} #container #content.event.recruit .tb_view .address .cont {float:left; padding-left:15px; border-left:1px solid #000 } #container #content.event.recruit .tb_view .address .cont li {color:#333; font-size:13px} #container #content.event.recruit .tb_view .address .company .cont {width:470px} #container #content.event.recruit .tb_view .address .address .cont {width:280px} /* 이벤트 > 독자퀴즈*/ #container #content.event.readerquiz .magazine {position:relative; background:#464646; height:90px; border-top:1px solid #000; border-bottom:1px solid #3a3a3a; margin-bottom:30px} #container #content.event.readerquiz .magazine .thumb {position:absolute; left:50px; top:9px; width:60px; height:72px;} #container #content.event.readerquiz .magazine .ho_num {padding:23px 0 5px 130px; font-size:18px; color:#fff} #container #content.event.readerquiz .magazine .date {padding:0 0 0 130px; font-size:12px; font-weight:bold; color:#aaa; } #container #content.event.readerquiz .quiz {margin:0 50px 40px 50px} #container #content.event.readerquiz .quiz .question {font-size:14px; font-weight:bold; margin-bottom:15px; line-height:150%} #container #content.event.readerquiz .quiz .question .num {color:#f02459} #container #content.event.readerquiz .quiz .answer li {margin-bottom:10px} #container #content.event.readerquiz .btnArea {margin-top:30px} /* 이벤트 > 응모완료*/ #container #content .event_joinform {border:1px solid #eee; padding:40px 50px; text-align:left; background:#f7f7f7; } #container #content .event_joinform .tit {color:#f02459; font-size:24px; margin-bottom:10px;} #container #content .event_joinform .desc {font-size:12px; line-height:160%; margin-bottom:20px;} #container #content .event_joinform .tb_write {border-top:1px solid #ddd; border-left:1px solid #ddd} #container #content .event_joinform .tb_write th, #container #content .event_joinform .tb_write td {border-right:1px solid #ddd; border-bottom:1px solid #ddd} #container #content .event_joinform .tb_write th {background:#999; color:#fff; } /* 이벤트 > 씨네퀴즈*/ #container #content.event.cinequiz .quiz_result_area {position:relative; border-top:1px solid #000} #container #content.event.cinequiz .quiz_result_area .id {font-size:18px; font-weight:bold; padding:10px 0; } #container #content.event.cinequiz .quiz_result_area .btn_detail {font-size:12px; font-weight:bold; text-decoration:underline; position:absolute; top:15px; right:0} #container #content.event.cinequiz .quiz_result_area .quiz_result {overflow:hidden; background:#464646} #container #content.event.cinequiz .quiz_result_area .quiz_result li {border-right:1px solid #b63053; float:left; width:19.85%; font-size:18px; color:#fff; text-align:center; margin:15px 0} #container #content.event.cinequiz .quiz_result_area .quiz_result li:last-child {border:none;} #container #content.event.cinequiz .quiz_result_area .quiz_result li .tit {font-size:12px; color:#aaa; font-weight:800} #container #content.event.cinequiz .myresult_area {padding:30px 80px 40px } #container #content.event.cinequiz .myresult_area .myresult {border-top:1px solid #b1b1b1; margin-bottom:30px} #container #content.event.cinequiz .myresult_area .myresult th {text-align:center; padding:6px 0; border-bottom:1px solid #c6c6c8; background:#f8f8f8; font-size:12px; font-weight:bold; color:#828282} #container #content.event.cinequiz .myresult_area .myresult td {text-align:center; padding:6px 0; font-size:12px; border-bottom:1px solid #c6c6c8} #container #content.event.cinequiz .myresult_area .myresult tfoot th {color:#000} #container #content.event.cinequiz .myresult_area .myresult tfoot td {background:#f8f8f8; font-weight:800} #container #content.event.cinequiz .floatArea { border-top:1px solid #000} #container #content.event.cinequiz .floatArea .floatL {background:#fbfbfb; padding-top:30px; width:269px; min-height:520px; border-right:1px solid #eaeaea} #container #content.event.cinequiz .floatArea .floatL .tit {font-size:15px; font-weight:bold; color:#000; text-align:center; margin-bottom:20px} #container #content.event.cinequiz .floatArea .floatL .calendar {width:210px; margin:0 auto;} #container #content.event.cinequiz .floatArea .floatR {width:650px; padding:40px 0 30px 50px} #container #content.event.cinequiz .floatArea .floatR .date {color:#f02459; font-size:18px; font-weight:bold; margin-bottom:30px; text-align:center;} #container #content.event.cinequiz .quiz {margin-bottom:40px; position:relative; } #container #content.event.cinequiz .quiz.type1 .imgquiz {position:relative; min-height:118px;} #container #content.event.cinequiz .quiz.type1 .answer {margin-left:100px} #container #content.event.cinequiz .quiz.type2 .answer {overflow:hidden;} #container #content.event.cinequiz .quiz.type2 .answer li {float:left; color:#61c4f2; font-weight:800; font-size:90px; margin-left:100px} #container #content.event.cinequiz .quiz.type2 .answer li label {color:#61c4f2; font-weight:800; font-size:90px; } #container #content.event.cinequiz .quiz .question {font-size:14px; font-weight:bold; margin-bottom:15px; line-height:150%} #container #content.event.cinequiz .stamp {position:absolute; width:144px; height:144px; left:230px; bottom:30px} #container #content.event.cinequiz .stamp .ico { width:144px; height:144px; } #container #content.event.cinequiz .stamp.correct .ico {background-position:0 -450px;} #container #content.event.cinequiz .stamp.incorrect .ico {background-position:-180px -450px} #container #content.event.cinequiz .quiz .question .num {color:#f02459} #container #content.event.cinequiz .quiz .answer li {margin-bottom:10px; padding:2px} #container #content.event.cinequiz .quiz .answer li.hl {font-weight:bold; background:#f02459; color:#fff} #container #content.event.cinequiz .quiz .quiz_img {position:absolute; left:0; top:0} #container #content.event.cinequiz .btnArea {padding-top:30px; border-top:1px solid #000} /* 이벤트 > 시사회 표 나눔터 */ #container #content.event.ticket .option_area {font-size:12px;color:#000; font-weight:bold; padding:12px 0; border-top:1px solid #000} #container #content.event.ticket .state1 {background:#b53239; font-size:13px; color:#fff;} /* 교환 */ #container #content.event.ticket .state2 {background:#bd710d; font-size:13px; color:#fff} /* 구함 */ #container #content.event.ticket .state3 {background:#f7733a; font-size:13px; color:#fff} /* 양도 */ #container #content.event.ticket .state4 {background:#6e6968; font-size:13px; color:#fff} /* 완료 */ #container #content.event.ticket .tb_view .state1, #container #content.event.ticket .tb_view .state2, #container.event.ticket #content .tb_view .state3, #container.event.ticket #content .tb_view .state4 {padding:4px 8px; font-weight:normal; margin-right:8px} /* 이벤트 > 독자엽서 */ #container #content.event.post .event_tit_area .twitter {position:absolute; right:0; top:0;width:260px; height:130px; background:#69ace0; border-radius:10px; padding:20px 0 0 90px; } #container #content.event.post .event_tit_area .twitter .ico {position:absolute; left:35px; top:24px; width:50px; height:40px; background-position:0 -630px} #container #content.event.post .event_tit_area .twitter dt {font-size:18px; color:#fff; margin-bottom:10px; } #container #content.event.post .event_tit_area .twitter dd {font-size:11px; color:#fff; line-height:150%} #container #content.event.post .event_tit_area .twitter dd a {color:#fff; display:block; text-decoration:underline; font-size:14px; font-weight:bold; margin-top:18px} #container #content.event.post .search_default_area {display:inline-block} #container #content.event.post select {color:#828282; font-weight:bold; height:32px} #container #content.event.post .txt_wait {color:#fff; font-size:18px; background:linear-gradient(to left, #f07339, #f02459); padding:7px 10px} /* 아카이브 > 기본 폼 */ #container #content.archive.acmain {} #container #content.archive.acmain .ac_table {border-top:1px solid #000; border-bottom:1px solid #000} #container #content.archive.acmain .ac_table th {border-bottom:1px solid #d1d1d1; color:#828282; padding:15px 0; vertical-align:middle; background:#f1f1ee; font-weight:normal} #container #content.archive.acmain .ac_table td {border-bottom:1px solid #d1d1d1; line-height:180%; padding:15px 0 15px 20px; font-weight:bold; color:#828282; } #container #content.archive.acmain .ac_table td a {color:#000} #container #content.archive.acmain .ac_table td a.on {background:#f02459; padding:2px; color:#fff} #container #content.archive.acmain .btnArea {margin:10px 0; text-align:right} #container #content.archive.acmain .tab_area1 {margin-bottom:20px} #container #content.archive.acmain .result {border-bottom:1px solid #d3d3d4; padding-bottom:20px; margin-bottom:20px} #container #content.archive.acmain .result li {padding-bottom:9px; color:#828282} #container #content.archive.acmain .result li a {color:#000;} #container #content.archive.acmain .result li a.tit {font-weight:bold; } #container #content.archive.acmain .result li a.tit .en {font-weight:normal; } #container #content.archive .actable {border-top:1px solid #000} #container #content.archive .actable th {background:#f1f1ee; font-weight:bold; padding:6px 0 6px 30px; border-bottom:1px solid #d1d1d1; text-align:left;} #container #content.archive .actable td {color:#828282; border-bottom:1px solid #d1d1d1; padding:6px 0 6px 20px} #container #content.archive .actable a {color:#000} /* 아카이브 > TV > 상세 */ #container .archive_tv_detail_top_area {background:url('http://image.cine21.com/www1/common/bg_pattern.png') repeat 0 0; height:190px} #container .archive_tv_detail_top_area .tv_top {position:relative; width:970px; margin:0 auto; height:190px;} #container .archive_tv_detail_top_area .tv_top .tv_poster {position:absolute; left:0; top:20px; } #container .archive_tv_detail_top_area .tv_top .tv_poster img {width:240px; height:370px; border:4px solid #fff; } #container .archive_tv_detail_top_area .tv_top .tv_info {position:absolute; left:280px; bottom:20px} #container .archive_tv_detail_top_area .tv_top .tv_info .tit {font-weight:bold; color:#fff; font-size:30px; width:590px;} #container .archive_tv_detail_top_area .tv_top .tv_info .tit .onair {font-size:12px; background:#ff1551; padding:2px 4px; color:#000; font-weight:bold; border-radius:4px} #container .archive_tv_detail_top_area .tv_top .tv_info .tit .offair {font-size:12px; background:#15baff; padding:2px 4px; color:#000; font-weight:bold; border-radius:4px} #container .archive_tv_detail_top_area .tv_top .tv_info .tit_eng {margin-bottom:15px; font-size:20px; font-weight:normal; color:#fff;} #container .archive_tv_detail_top_area .tv_top .tv_info .sub_info {font-size:14px; color:#fff; margin-bottom:5px } #container .archive_tv_detail_top_area .tv_top .tv_rating {position:absolute; right:0; bottom:20px; } #container .archive_tv_detail_top_area .tv_top .tv_rating li {background:rgba(0,0,0,0.3); width:90px; font-size:12px; float:left; margin-left:15px; border:1px solid #ccc; padding:15px 0; text-align:center; color:#ccc;} #container .archive_tv_detail_top_area .tv_top .tv_rating li .score {display:block; font-size:18px; color:#ff3368; font-weight:bold; } #container .archive_tv_detail_top_area .tv_top .tv_rating {position:absolute; right:0; bottom:20px; } #container .archive_tv_detail_top_area .tv_top .tv_rating li {background:rgba(0,0,0,0.3); width:90px; font-size:12px; float:left; margin-left:15px; border:1px solid #ccc; padding:15px 0; text-align:center; color:#ccc;} #container .archive_tv_detail_top_area .tv_top .tv_rating li .score {display:block; font-size:18px; color:#ff3368; font-weight:bold; } #container #content.archive.tv.detail {padding:20px 0 0 0; position:relative; ;} #container #content.archive.tv.detail .program_info {width:410px; min-height:175px; padding-left:280px; margin:10px 0 30px;} #container #content.archive.tv.detail .program_info li {color:#828282; position:relative; font-size:14px; padding:0 0 5px 70px } #container #content.archive.tv.detail .program_info li strong {color:#000; font-weight:bold; } #container #content.archive.tv.detail .program_info li .tit {color:#828282; position:absolute; top:0; left:0; font-weight:bold; font-size:14px;} #container #content.archive.tv.detail .program_info li a {color:#000; font-weight:bold;} #container #content.archive.tv.detail .give_star {text-align:center; position:absolute; right:0; top:24px; width:232px; height:180px; background:#f0f0f0; border-radius:10px} #container #content.archive.tv.detail .give_star .tit {padding:20px 0 50px; font-size:14px; font-weight:bold; } #container #content.archive.tv.detail .give_star .star_area {display:block; margin:0 0 40px 45px; text-align:left;} #container #content.archive.tv.detail .give_star .star_area .num {display:block; width:140px; margin-top:-70px; font-weight:800px; font-size:30px; color:#f02459; text-align:center;} #container #content.archive.tv.detail .give_star a.btn_review {background:#515151; padding:5px 10px; color:#fff; font-size:12px; font-weight:bold; border-radius:4px } #container #content.archive.tv.detail .culm2_area {overflow:hidden} #container #content.archive.tv.detail .culm2_l {float:left; width:680px;border-right:1px solid #d5d5d5; padding-right:30px} #container #content.archive.tv.detail .culm2_r {float:right; width:230px; } #container #content.archive.tv.detail .story_area {width:680px; margin:0 0 40px; } #container #content.archive.tv.detail .story_area .story {color:#828282; font-weight:13px;} #container #content.archive.tv.detail .story_area .story .tagline {font-size:18px; color:#000;font-weight:bold; margin-bottom:10px;} #container #content.archive.tv.detail .story_area a.btn_more {text-decoration:underline; color:#000} #container #content.archive.tv.detail .makingnote { background:#f0f0f0; padding:20px 30px; margin-bottom:50px} #container #content.archive.tv.detail .makingnote dt {font-weight:bold; font-size:14px; padding-bottom:15px;} #container #content.archive.tv.detail .makingnote dd {font-size:13px} #container #content.archive.tv.detail .makingnote dd .btn_more {display:block; color:#000; text-decoration:underline; font-size:13px} #container #content.archive.tv.detail .recent_episode_area {margin-bottom:50px} #container #content.archive.tv.detail .recent_episode_area .recent_episode {margin-bottom:15px} #container #content.archive.tv.detail .recent_episode_area .recent_episode li {position:relative; padding:15px 0 15px 100px; border-bottom:1px solid #e9e9e9} #container #content.archive.tv.detail .recent_episode_area .recent_episode .epi_num {position:absolute; left:0; top:15px} #container #content.archive.tv.detail .recent_episode_area .recent_episode .epi_num .num {font-size:24px; color:#828282} #container #content.archive.tv.detail .recent_episode_area .recent_episode .epi_num .date {font-size:12px; color:#828282} #container #content.archive.tv.detail .recent_episode_area .recent_episode .epi_cont {} #container #content.archive.tv.detail .recent_episode_area .recent_episode .epi_cont .tit {font-size:16px; color:#828282; font-weight:bold; margin-bottom:12px} #container #content.archive.tv.detail .recent_episode_area .recent_episode .epi_cont .cont {font-size:13px; line-height:180%; padding-bottom:5px} #container #content.archive.tv.detail .recent_episode_area .recent_episode .epi_cont a.btn_epi_more {font-size:13px; color:#000; text-decoration:underline} #container #content.archive.tv.detail .banner_han_575x75 {margin-bottom:50px} #container #content.archive.tv.detail .related_news_area {position:relative; margin-bottom:50px; overflow:hidden;} #container #content.archive.tv.detail .related_news_area .pagenum {position:absolute; top:0; right:0} #container #content.archive.tv.detail .related_news_area .pagenum a.btn_prev span {width:23px; height:23px; background-position:-160px -190px; margin-right:5px;} #container #content.archive.tv.detail .related_news_area .pagenum a.btn_next span {width:23px; height:23px; background-position:-210px -190px; margin-left:5px;} #container #content.archive.tv.detail .related_news_area .pagenum .num {font-size:11px; } #container #content.archive.tv.detail .related_news_area .pagenum .num strong {color:#f02459; font-size:11px} #container #content.archive.tv.detail .related_news_area .related_news {overflow:hidden; width:680px; height:190px;} #container #content.archive.tv.detail .related_news_area .related_news #related_news {position:absolute; margin-left:-10px; } #container #content.archive.tv.detail .related_news_area .related_news #related_news li { float:left; background:#f0f0f0; margin-left:10px; margin-bottom:10px;} #container #content.archive.tv.detail .related_news_area .related_news #related_news li a {display:block;width:220px; height:190px; } #container #content.archive.tv.detail .related_news_area .related_news #related_news li .thumb {display:block; } #container #content.archive.tv.detail .related_news_area .related_news #related_news li .thumb img {width:220px; height:115px} #container #content.archive.tv.detail .related_news_area .related_news #related_news li .tit {height:35px; display:block; margin:14px 15px; font-weight:bold; color:#000; font-size:14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; } #container #content.archive.tv.detail .netizen_review_area {position:relative; margin-bottom:50px; } #container #content.archive.tv.detail .netizen_review_area a.btn_review {position:absolute; right:0; top:5px; background:#515151; padding:5px 10px; color:#fff; font-size:12px; font-weight:bold; border-radius:4px } #container #content.archive.tv.detail .banner_han_230x180 {margin-bottom:50px} #container #content.archive.tv.detail .multimedia_area {margin-bottom:50px} #container #content.archive.tv.detail .multimedia_area .multimedia_list {overflow-y:auto; background:#000; height:240px; padding:15px 0; text-align:center;} #container #content.archive.tv.detail .multimedia_area .multimedia_list .multimedia {text-align:center;} #container #content.archive.tv.detail .multimedia_area .multimedia_list .multimedia li {position:relative; padding:10px 0} #container #content.archive.tv.detail .multimedia_area .multimedia_list .multimedia li .thumb {} #container #content.archive.tv.detail .multimedia_area .multimedia_list .multimedia li .ico {position:absolute; background-position:-90px -190px; left:87px; top:41px; width:38px; height:38px} #container #content.archive.tv.detail .actor_area {margin-bottom:50px} #container #content.archive.tv.detail .actor_area .nodata {font-size:12px; color:#828282; text-align:center; } #container #content.archive.tv.detail .actor_area h3 {font-size:14px; font-weight:bold; padding:0 0 8px 10px} #container #content.archive.tv.detail .actor_area ul {margin-bottom:15px} #container #content.archive.tv.detail .actor_area ul.list_big li {position:relative; min-height:55px; margin-bottom:13px} #container #content.archive.tv.detail .actor_area ul.list_big li .thumb {position:absolute; left:0; top:0; border-radius:50%; width:55px; height:55px} #container #content.archive.tv.detail .actor_area ul.list_big li .name {margin:5px 0 2px 65px;} #container #content.archive.tv.detail .actor_area ul.list_big li .name a {font-size:13px; color:#000; font-weight:bold;} #container #content.archive.tv.detail .actor_area ul.list_big li .other_mov {margin:0 0 0 65px;} #container #content.archive.tv.detail .actor_area ul.list_big li .other_mov a {font-size:12px; color:#000; } #container #content.archive.tv.detail .actor_area ul.list_big li .role {margin:0 0 2px 65px; font-size:12px; color:#828282; } #container #content.archive.tv.detail .actor_area ul.list_small {overflow:hidden;} #container #content.archive.tv.detail .actor_area ul.list_small li {position:relative; min-height:30px; margin-bottom:13px; width:50%; float:left} #container #content.archive.tv.detail .actor_area ul.list_small li .thumb {position:absolute; left:0; top:0; border-radius:50%; width:30px; height:30px} #container #content.archive.tv.detail .actor_area ul.list_small li .name {margin:0 0 2px 37px;} #container #content.archive.tv.detail .actor_area ul.list_small li .name a {font-size:12px; color:#000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.2em; height: 2.4em; } #container #content.archive.tv.detail .award_area {} #container #content.archive.tv.detail .award_area li {padding-bottom:8px; font-size:12px} #container #content.archive.tv.detail .all_episode_area {margin-bottom:50px} #container #content.archive.tv.detail .all_episode_area h2 {font-size:16px; color:#f02459; font-weight:normal} #container #content.archive.tv.detail .all_episode_area .all_episode {margin-bottom:25px} #container #content.archive.tv.detail .all_episode_area .all_episode th {font-weight:bold; padding:15px 0; border-top:2px solid #000; border-bottom:1px solid #000} #container #content.archive.tv.detail .all_episode_area .all_episode th:first-child {text-align:left; } #container #content.archive.tv.detail .all_episode_area .all_episode td {vertical-align:top; border-bottom:1px solid #e9e9e9; padding:20px 0} #container #content.archive.tv.detail .all_episode_area .all_episode td .num {font-size:24px; color:#828282} #container #content.archive.tv.detail .all_episode_area .all_episode td .date {font-size:12px; color:#828282} #container #content.archive.tv.detail .all_episode_area .all_episode td .tit {font-size:16px; color:#828282; font-weight:bold; margin-bottom:12px} #container #content.archive.tv.detail .all_episode_area .all_episode td .cont {font-size:13px} #container #content.archive.tv.detail .all_episode_area .all_episode td .btn_epi_more {font-size:13px; color:#000; text-decoration:underline} /* 아카이브 > 인물 */ #container .archive_people_top_area {background:url('http://image.cine21.com/www1/common/bg_pattern.png') repeat 0 0; height:190px} #container .archive_people_top_area .people_top {position:relative; width:970px; margin:0 auto; height:190px;} #container .archive_people_top_area .people_top .people_pic {position:absolute; left:0; top:20px; } #container .archive_people_top_area .people_top .people_pic img {width:252px; height:310px; border:4px solid #fff; } #container .archive_people_top_area .people_top .people_facebook {position:absolute; top:350px; left:40px; z-index:5000} #container .archive_people_top_area .people_top .people_info {position:absolute; left:290px; top:30px} #container .archive_people_top_area .people_top .people_info .name {font-weight:bold; color:#fff; font-size:30px; margin-bottom:5px} #container .archive_people_top_area .people_top .people_info .name .role {font-size:24px; font-weight:normal} #container .archive_people_top_area .people_top .people_info .birth {color:#bebebe} #container .archive_people_top_area .people_top .people_rating {position:absolute; left:290px; bottom:20px; color:#bebebe; font-size:30px } #container .archive_people_top_area .people_top .people_rating .tit {font-size:14px; font-weight:bold; } #container .archive_people_top_area .people_top .people_rating .stit {background:#000; font-size:12px; width:45px; text-align:center; padding:1px 0; position:absolute; top:-17px; left:50%; margin-left:-22px; font-weight:normal; color:#bebebe} #container .archive_people_top_area .people_top .people_rating .score {display:inline; position:relative; font-size:30px; color:#f02459; font-weight:800; vertical-align:middle; } #container .archive_people_top_area .people_top .people_rating span.bar {font-weight:normal; color:#646560} #container #content.archive.people {padding:0; position:relative;} #container #content.archive.people .works_photo {overflow:hidden; margin-bottom:50px; height:233px} #container #content.archive.people .works_photo .part_works_area {float:left; width:340px;} #container #content.archive.people .works_photo .part_works_area .part_works {overflow:hidden; } #container #content.archive.people .works_photo .part_works_area .part_works li {float:left; margin-right:20px; width:90px} #container #content.archive.people .works_photo .part_works_area .part_works li a {display:block} #container #content.archive.people .works_photo .part_works_area .part_works li .thumb {border:1px solid #ddd; margin-bottom:5px} #container #content.archive.people .works_photo .part_works_area .part_works li .tit {display:block; font-size:14px; font-weight:bold; color:#000; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; } #container #content.archive.people .works_photo .part_works_area .part_works li .year {display:block; font-size:12px; color:#828282; text-align:center; } #container #content.archive.people .works_photo .photo_area {float:right; width:322px; height:195px} #container #content.archive.people .works_photo .photo_area .photo.bg_image {background-position:0 0; overflow:hidden; width:322px; height:195px; padding:1px 0 0 1px} #container #content.archive.people .works_photo .photo_area .photo li {width:106px; height:96px; float:left; padding:0 1px 1px 0} #container #content.archive.people .works_photo .photo_area .photo li img {width:106px; height:96px} #container #content.archive.people .culm2_area {overflow:hidden; } #container #content.archive.people .culm2_l {float:left; width:230px; padding-top:210px} #container #content.archive.people .culm2_r {float:right; width:680px;border-left:1px solid #d5d5d5;padding-left:29px ;min-height:710px; padding-top:30px} #container #content.archive.people .banner_han_230x180 {margin-bottom:50px} #container #content.archive.people .banner_han_575x75 {margin-bottom:50px} #container #content.archive.people .video_area {position:relative; margin-bottom:50px} #container #content.archive.people .video_area a.btn_prev {position:absolute; left:20px; bottom:60px; } #container #content.archive.people .video_area a.btn_prev .ico {display:block; width:17px; height:36px; background-position:-270px -190px} #container #content.archive.people .video_area a.btn_next {position:absolute; right:20px; bottom:60px; width:17px; height:36px} #container #content.archive.people .video_area a.btn_next .ico {display:block; width:17px; height:36px; background-position:-310px -190px} #container #content.archive.people .video_area .player_area {background:#000; width:680px; text-align:center; padding:10px 0} #container #content.archive.people .video_area .video_list {background:#272727;} #container #content.archive.people .video_area .video_list #video_list {overflow-y:scroll; padding:15px 0 0 15px} #container #content.archive.people .video_area .video_list #video_list li {position:relative; float:left} #container #content.archive.people .video_area .video_list #video_list li a {display:block; margin:10px 7px; } #container #content.archive.people .video_area .video_list #video_list li .thumb {display:block; width:110px; height:70px; margin-bottom:5px } #container #content.archive.people .video_area .video_list #video_list li .video_tit {text-align:center; display:block; width:110px;font-weight:bold; font-size:12px; color:#bebebe; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.4em; height: 2.8em;} #container #content.archive.people .video_area .video_list #video_list li .ico {position:absolute; background-position:-90px -190px; left:45px; top:25px; width:38px; height:38px} #container #content.archive.people .video_area .video_list #video_list li a.on {} #container #content.archive.people .video_area .video_list #video_list li a.on .thumb {width:108px; height:68px; border:1px solid #f02459} #container #content.archive.people .related_people_award { overflow:hidden; margin-bottom:50px} #container #content.archive.people .related_people_award .related_people_area {float:left; width:340px;} #container #content.archive.people .related_people_award .related_people_area .related_people {overflow:hidden; } #container #content.archive.people .related_people_award .related_people_area .related_people li {text-align:center; float:left; width:160px; border-right:1px solid #e7e7e7} #container #content.archive.people .related_people_award .related_people_area .related_people li:last-child {border:none;} #container #content.archive.people .related_people_award .related_people_area .related_people li .thumb {width:90px; height:90px; border-radius:50%; margin:20px 0 15px } #container #content.archive.people .related_people_award .related_people_area .related_people li .name {display:block; font-size:14px; font-weight:bold; color:#000;margin-bottom:3px} #container #content.archive.people .related_people_award .related_people_area .related_people li .relation {display:block; font-size:12px; color:#000; margin-bottom:15px } #container #content.archive.people .related_people_award .award_area {float:right; width:322px; overflow-y:scroll; height:220px} #container #content.archive.people .related_people_award .award_area .award {} #container #content.archive.people .related_people_award .award_area .award li {padding-bottom:7px} #container #content.archive.people .related_people_award .award_area .award li strong a, #container #content.archive.people .related_people_award .award_area .award li strong {color:#000; text-decoration:underline;} #container #content.archive.people .comment_area {margin-bottom:50px; } #container #content.archive.people .comment_area .comment {} #container #content.archive.people .comment_area .comment li {position:relative; min-height:50px; padding:15px 0 15px 75px} #container #content.archive.people .comment_area .comment li.self {padding:15px 75px 15px 0} #container #content.archive.people .comment_area .comment li .thumb {position:absolute; left:10px; top:15; border-radius:50%; width:50px; height:50px} #container #content.archive.people .comment_area .comment li.self .thumb {left:auto; right:10px;} #container #content.archive.people .comment_area .comment li .name {position:absolute; left:0; top:67px; width:70px; font-weight:bold; color:#828282; font-size:12px; margin-bottom:7px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis;} #container #content.archive.people .comment_area .comment li.self .name {left:auto; right:0px} #container #content.archive.people .comment_area .comment li .cont {min-height:40px; position:relative; font-size:14px; line-height:160%; border:1px solid #ccc; border-radius:6px; padding:5px 10px} #container #content.archive.people .comment_area .comment li .cont a {color:#000; font-weight:bold; text-decoration:underline} #container #content.archive.people .comment_area .comment li .cont strong {color:#f02459; font-style:italic; font-weight:normal;} #container #content.archive.people .comment_area .comment li .cont .ico {background-position:-220px -340px; position:absolute; left:-8px; top:17px; width:8px; height:18px; } #container #content.archive.people .comment_area .comment li.self .cont .ico {background-position:-240px -340px; left:auto; right:-8px;} #container #content.archive.people .related_news_area {position:relative; margin-bottom:50px; overflow:hidden;} #container #content.archive.people .related_news_area .pagenum {position:absolute; top:0; right:0} #container #content.archive.people .related_news_area .pagenum a.btn_prev span {width:23px; height:23px; background-position:-160px -190px; margin-right:5px;} #container #content.archive.people .related_news_area .pagenum a.btn_next span {width:23px; height:23px; background-position:-210px -190px; margin-left:5px;} #container #content.archive.people .related_news_area .pagenum .num {font-size:11px; } #container #content.archive.people .related_news_area .pagenum .num strong {color:#f02459; font-size:11px} #container #content.archive.people .related_news_area .related_news {overflow:hidden; width:680px; height:190px;} #container #content.archive.people .related_news_area .related_news #related_news {position:absolute; margin-left:-10px; } #container #content.archive.people .related_news_area .related_news #related_news li { float:left; background:#f0f0f0; margin-left:10px; margin-bottom:10px;} #container #content.archive.people .related_news_area .related_news #related_news li a {display:block;width:220px; height:190px; } #container #content.archive.people .related_news_area .related_news #related_news li .thumb {display:block; } #container #content.archive.people .related_news_area .related_news #related_news li .thumb img {width:220px; height:115px} #container #content.archive.people .related_news_area .related_news #related_news li .tit {height:35px; display:block; margin:14px 15px; font-weight:bold; color:#000; font-size:14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; } #container #content.archive.people .default_info_area {margin-bottom:50px} #container #content.archive.people .default_info_area .default_info {overflow:hidden; } #container #content.archive.people .default_info_area .default_info li {color:#828282; width:50%; float:left; padding-bottom:8px} #container #content.archive.people .default_info_area .default_info li .tit {font-weight:bold; font-size:14px; padding-right:15px} #container #content.archive.people .default_info_area .default_info li a {text-decoration:underline;} #container #content.archive.people .education_area {margin-bottom:50px; } #container #content.archive.people .education_area .education {} #container #content.archive.people .education_area .education li {padding-bottom:8px; color:#828282} #container #content.archive.people .introduce_area {margin-bottom:50px; background:#f0f0f0; padding:20px 30px;} #container #content.archive.people .introduce_area .tit {font-weight:bold; font-size:14px; margin-bottom:10px} #container #content.archive.people .introduce_area .cont {line-height:170%; font-size:13px} #container #content.archive.people .works_history_area {} #container #content.archive.people .works_history_area h3 {font-size:14px; font-weight:bold; margin-bottom:15px} #container #content.archive.people .works_history_area .works_history {overflow:hidden; margin-left:-32px} #container #content.archive.people .works_history_area .works_history li {float:left; width:146px; height:315px; margin-left:32px;} #container #content.archive.people .works_history_area .works_history li a {display:block; position:relative; width:146px; height:210px; } #container #content.archive.people .works_history_area .works_history li a .thumb {width:146px; height:210px;} #container #content.archive.people .works_history_area .works_history li a .tit {background:rgba(0,0,0,0.7); position:absolute; bottom:0; left:0; color:#fff; padding:7px 5px; text-align:center; width:136px; font-size:13px} #container #content.archive.people .works_history_area .works_history li .role {background:#ededee; padding:5px 5px; width:136px; text-align:center; font-size:13px} #container #content.archive.people .works_history_area .works_history li .award {position:relative; background:#ededee; padding:5px 5px; width:136px; text-align:center; color:#000; font-size:13px; font-weight:bold; } #container #content.archive.people .works_history_area .works_history li .award .ico {background-position:-30px -340px; width:13px; height:15px; } #container #content.archive.people .works_history_area .works_history li .audience {color:#aaa; font-size:13px;margin-top:7px} #container #content.archive.people .works_history_area .works_history li .audience .tit {font-weight:bold; } #container #content.archive.people .works_history_area .works_history li .award_pop {width:280px;padding:7px 10px; position:absolute; left:0; top:28px; border:1px solid #bcbcbc; background:#fff; z-index:500; font-size:12px; font-weight:normal; text-align:left} #container #content.archive.people .works_history_area .works_history li .award_pop .ico {position:absolute; left:24px; top:-9px; background-position: -60px -340px; width:19px; height:10px; } #container #content.archive.people .etc_award_area {margin-bottom:50px} #container #content.archive.people .etc_award_area .etc_award {} #container #content.archive.people .etc_award_area .etc_award li {padding-bottom:7px} #container #content.archive.people .etc_award_area .etc_award li strong {font-weight:bold;} #container #content.archive.people .allphoto_area {margin-bottom:40px} #container #content.archive.people .allphoto_area .nophoto {text-align:center; font-size:16px; } #container #content.archive.people .allphoto_area .allphoto {overflow:hidden; margin-left:-10px} #container #content.archive.people .allphoto_area .allphoto li {float:left; margin:0 0 10px 10px; width:162px; height:162px;} #container #content.archive.people .allphoto_area .allphoto li a {display:block; position:relative; } #container #content.archive.people .allphoto_area .allphoto li a img { } #container #content.archive.people .allphoto_area .allphoto li a .caption { background:rgba(0,0,0,0.7); position:absolute; bottom:0; left:0; color:#fff; padding:7px 5px; text-align:center; width:152px; font-size:12px} #container #content.archive.people .related_news_area.all {margin-bottom:50px; overflow:hidden; } #container #content.archive.people .related_news_area.all .related_news {overflow:visible; width:680px; height:auto; } #container #content.archive.people .related_news_area.all .related_news #related_news {position:static; } #container #content.archive.people .allrelated_people_area .tab_area1 {margin-bottom:20px} #container #content.archive.people .allrelated_people_area h3 {margin-bottom:15px; font-weight:normal } #container #content.archive.people .allrelated_people_area h3 strong {font-weight:bold; color:#000} #container #content.archive.people .allrelated_people {overflow:hidden; margin-left:-31px;} #container #content.archive.people .allrelated_people li {float:left; margin-left:31px; width:206px; height:290px} #container #content.archive.people .allrelated_people li .thumb {display:block; margin-bottom:10px; width:206px; height:206px} #container #content.archive.people .allrelated_people li .name {text-align:center; display:block; font-size:14px; color:#000; font-weight:bold; margin-bottom:5px} #container #content.archive.people .allrelated_people li .relation {text-align:center; display:block; font-size:12px; color:#000; } #container #content.archive.people .allrelated_people li .relation a {text-decoration:underline;} /* 아카이브 > 인물 > 팝업 : 함께한 작품 클릭시 */ .pop_container.related_people {width:400px; height:240px; position:relative; } .pop_container.related_people .thumb {width:120px; height:120px; position:absolute; top:40px; left:40px;} .pop_container.related_people .info_area {padding-left:140px; min-height:120px; margin-bottom:15px} .pop_container.related_people .info_area .name {font-size:16px; font-weight:bold; color:#000; margin-bottom:10px; } .pop_container.related_people .info_area .name .en {font-size:13px; font-weight:normal; color:#828282 } .pop_container.related_people .info_area .sub_info, .pop_container.related_people .info_area .birth {color:#828282; font-size:13px; margin-bottom:3px} .pop_container.related_people .info_area .btnArea {text-align:left; margin-top:15px} .pop_container.related_people .tit {font-size:13px; font-weight:bold; color:#000; margin-bottom:5px} .pop_container.related_people .together_works li {font-size:13px; padding-bottom:3px} /* 아카이브 > 필자 */ #container #content.archive.writer {} #container #content.archive.writer {} .tab_area1 {position:relative; } #container #content.archive.writer {} .tab_area1 .search_default_area {position:absolute; right:10px; top:7px;} #container #content.archive.writer .cine21_writer_area {} #container #content.archive.writer .cine21_writer_area .cine21_writer {overflow:hidden; margin-left:-22px} #container #content.archive.writer .cine21_writer_area .cine21_writer li {position:relative; float:left; text-align:center; border:1px solid #e4e4e4; width:224px; height:300px; margin:0 0 22px 22px;} #container #content.archive.writer .cine21_writer_area .cine21_writer li .bgcolor {background:#ededed; position:absolute; left:0; right:0; width:224px; height:130px;} #container #content.archive.writer .cine21_writer_area .cine21_writer li a {position:absolute; top:40px; left:0; width:224px; text-align:center; display:block; } #container #content.archive.writer .cine21_writer_area .cine21_writer li .thumb {width:130px; height:130px; margin:0 auto; margin-bottom:15px; display:block; border-radius:50%; } #container #content.archive.writer .cine21_writer_area .cine21_writer li span {display:block; } #container #content.archive.writer .cine21_writer_area .cine21_writer li .name {font-size:18px; font-weight:bold; color:#000; margin-bottom:10px} #container #content.archive.writer .cine21_writer_area .cine21_writer li .news_num {color:#000; margin-bottom:3px} #container #content.archive.writer .cine21_writer_area .cine21_writer li .star_num {color:#000} /* 아카이브 > 필자 > 필자상세 */ #container #content.archive.writer {padding-bottom:0} /*#container #content.archive.writer #snb_t li a {width:235px}*/ #container #content.archive.writer .floatL {width:639px; padding-right:30px; border-right:1px solid #e3e3e3} #container #content.archive.writer .floatL .pagination {margin-bottom:50px} #container #content.archive.writer .floatR {width:270px; } #container #content.archive.writer .tab_area1 {margin-bottom:25px} #container #content.archive.writer .writer_news {overflow:hidden; margin-left:-19px; margin-bottom:20px} #container #content.archive.writer .writer_news li {float:left; margin:0 0 25px 19px; width:310px; height:240px} #container #content.archive.writer .writer_news li a {display:block; width:308px; height:238px; border:1px solid #e1e1e1;} #container #content.archive.writer .writer_news li .category {display:block; margin:18px 20px 5px 20px; font-size:13px; font-weight:bold; color:#828282; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis;} #container #content.archive.writer .writer_news li .tit {display:block; margin:0 20px; font-size:16px; font-weight:bold; color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis;} #container #content.archive.writer .pagination {margin-top:30px} #container #content.archive.writer .profile {border:7px solid #e4e4e4; border-radius:4px; padding:25px 25px 8px; margin-bottom:50px} #container #content.archive.writer .profile .writer_pic {display:block; border-radius:50%; margin :0 auto 15px;} #container #content.archive.writer .profile .name {font-size:18px; font-weight:bold; margin-bottom:15px; text-align:center;} #container #content.archive.writer .profile .facebook {text-align:center; margin-bottom:15px} #container #content.archive.writer .profile .email {font-size:12px; color:#000; font-weight:bold; margin-bottom:15px; text-align:center; display:block} #container #content.archive.writer .data {} #container #content.archive.writer .data li {color:#828282; font-size:12px; font-weight:bold; position:relative; border-top:1px solid #e4e4e4; padding:10px 0; text-align:right} #container #content.archive.writer .data li .tit {position:absolute; left:0; top:25px; font-size:14px; font-weight:bold} #container #content.archive.writer .data li strong {font-weight:normal; color:#f02459; font-size:36px} #container #content.archive.writer .other_writer_area {position:relative; margin-bottom:40px} #container #content.archive.writer .other_writer_area .btn_more {font-size:12px; position:absolute; right:0; top:12px; font-weight:bold; color:#828282} #container #content.archive.writer .other_writer {overflow:hidden; margin:10px 0} #container #content.archive.writer .other_writer li {position:relative; float:left; width:50%; margin-bottom:15px; height:60px } #container #content.archive.writer .other_writer li a {display:block; font-weight:bold; color:#000; padding:20px 0 0 70px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis} #container #content.archive.writer .other_writer li .writer_pic {position:absolute; left:0; top:0; width:60px; height:60px; border-radius:50%; } #container #content.archive.writer .writer_star_list {margin:-20px 0 30px} #container #content.archive.writer .writer_star_list td { border-bottom:1px solid #d7d7d7; padding:20px 0} #container #content.archive.writer .writer_star_list .thumb {width:80px; height:120px} #container #content.archive.writer .writer_star_list .rightbar {min-height:100px; border-right:2px solid #e7e7e7; } #container #content.archive.writer .writer_star_list .mov_tit {padding-left:20px; font-size:14px; font-weight:bold; color:#000; margin-bottom:7px} #container #content.archive.writer .writer_star_list .comment {padding-left:20px; font-size:16px} #container #content.archive.writer .writer_star_list .star_area {margin-top:35px; margin-bottom:33px} #container #content.archive.writer .writer_star_list .star_area .num {font-weight:normal; display:block; margin-top:-60px; text-align:center; font-size:24px} #container #content.archive.writer .writer_star_list .twitter_area {font-size:11px; } #container #content.archive.writer .writer_star_list .btn_tweet .ico {width:57px; height:22px; background-position:0 -370px} /* 아카이브 > 영화사 */ #container #content.archive.company {overflow:hidden; } #container #content.archive.company .name {font-size:30px; padding-bottom:15px} #container #content.archive.company .actable {width:710px; float:left; margin-bottom:50px} #container #content.archive.company .banner_han_230x180 {float:right} #container #content.archive.company h2 {clear:both; margin-top:50px} #container #content.archive.company h3 {border-top:1px solid #ededec; border-bottom:1px solid #ededec; padding:6px 0; color:#aaa; margin:7px 0 10px } #container #content.archive.company ul.record {margin-bottom:20px;} #container #content.archive.company ul.record li {color:#000; margin-bottom:10px} #container #content.archive.company ul.record li a {color:#000} #container #content.archive.company ul.record li .year {color:#aaa;} #container #content.archive.company .about {font-size:13px} #container #content.archive.company .company_person {overflow:hidden; margin-top:20px} #container #content.archive.company .company_person li {float:left; width:97px;} #container #content.archive.company .company_person li a {display:block; text-align:center; } #container #content.archive.company .company_person li .thumb {} #container #content.archive.company .company_person li .name {margin:5px 0 15px; display:block; text-align:center; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; } /* 아카이브 > 영화제 */ #container #content.archive.movieaward {} #container #content.archive.movieaward .sum_area {position:relative; padding-left:260px; margin-bottom:50px} #container #content.archive.movieaward .sum_area img {position:absolute; top:0; left:0; width:230px; height:auto; border:1px solid #d2d2d2} #container #content.archive.movieaward .sum_area .name {font-size:30px; padding-bottom:15px} #container #content.archive.movieaward .sum_area .name .en {font-size:18px; display:block; } #container #content.archive.movieaward .sum_area .actable {margin-bottom:30px} #container #content.archive.movieaward .sum_area .sum {border:5px solid #f0f0f0; padding:15px 25px} #container #content.archive.movieaward .sum_area .sum dt {font-size:14px; margin-bottom:10px} #container #content.archive.movieaward .sum_area .sum dd {font-size:13px; line-height:150%} #container #content.archive.movieaward .award_info_area {position:relative; min-height:180px; padding-left:150px; margin-bottom:30px} #container #content.archive.movieaward .award_info_area .banner_han_230x180 {position:absolute; top:0; right:0} #container #content.archive.movieaward .award_info_area .thumb {position:absolute; left:0; top:0; width:120px; height:180px; } #container #content.archive.movieaward .award_info_area .name {width:560px; font-size:16px; margin-bottom:10px; font-weight:bold;} #container #content.archive.movieaward .award_info_area select {display:block; margin-bottom:10px; padding:1px 3px; height:26px} #container #content.archive.movieaward .award_info_area .award_info {width:560px} #container #content.archive.movieaward .award_info_area .award_info li {padding-bottom:5px; color:#aaa} #container #content.archive.movieaward .award_info_area .award_info li .tit {color:#545454; font-weight:bold;} #container #content.archive.movieaward .award_info_area .award_info li a {color:#000} #container #content.archive.movieaward .tab_area1 {margin-bottom:40px} #container #content.archive.movieaward .win_info h2 {margin-top:50px} #container #content.archive.movieaward h3 {font-weight:bold; font-size:16px; margin-bottom:20px} #container #content.archive.movieaward .win_info h4 {border-top:1px solid #ededec; border-bottom:1px solid #ededec; padding:6px 0; color:#ffa200; margin:7px 0 10px } #container #content.archive.movieaward .win_info ul.record {margin-bottom:20px;} #container #content.archive.movieaward .win_info ul.record li {color:#000; margin-bottom:10px} #container #content.archive.movieaward .win_info ul.record li a {color:#000} #container #content.archive.movieaward .win_info ul.record li .year {color:#aaa;} #container #content.archive.movieaward .win_info ul.record li .win {background:#f02459; color:#fff; padding:1px} #container #content.archive.movieaward .photo_gallery_area {} #container #content.archive.movieaward .photo_gallery_area .photo_gallery {overflow:hidden} #container #content.archive.movieaward .photo_gallery_area .photo_gallery li {text-align:center; float:left; width:194px; height:200px} #container #content.archive.movieaward .photo_gallery_area .photo_gallery li .thumb {max-width:170px; max-height:170px} #container #content.archive.movieaward .related_news_area {overflow:hidden;} #container #content.archive.movieaward .related_news_area .allnum {margin-bottom:15px} #container #content.archive.movieaward .related_news_area .allnum strong {font-weight:bold; color:#000} #container #content.archive.movieaward .related_news_area .related_news {overflow:hidden; margin-left:-10px;} #container #content.archive.movieaward .related_news_area .related_news li {float:left; background:#f0f0f0; margin-left:10px; margin-bottom:30px;} #container #content.archive.movieaward .related_news_area .related_news li a {display:block;width:235px; height:190px; } #container #content.archive.movieaward .related_news_area .related_news li .thumb {display:block; } #container #content.archive.movieaward .related_news_area .related_news li .thumb img {width:235px; height:125px} #container #content.archive.movieaward .related_news_area .related_news li .tit {height:35px; display:block; margin:14px 15px; font-weight:bold; color:#000; font-size:14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; } /* 아카이브 > 씨네21잡지 */ /* #container #content.archive.magazine #snb_t li a {width:316.6px} */ /* 아카이브 > 씨네21잡지 > 호별보기 */ #container #content.archive.magazine.ho {} #container #content.archive.magazine.ho .ho_list {overflow:hidden; margin-left:-30px} #container #content.archive.magazine.ho .ho_list li {position:relative; float:left; margin:0 0 30px 30px; width:300px;} #container #content.archive.magazine.ho .ho_list li .thumb {display:block; width:300px; height:360px} #container #content.archive.magazine.ho .ho_list li .cover {display:none; position:absolute; top:0; left:0; width:300px; height:220px; background:rgba(0,0,0,0.65); text-align:center; padding-top:140px} #container #content.archive.magazine.ho .ho_list li .cover a.btn {color:#fff; text-decoration:none; font-size:16px; font-weight:bold; padding:7px 0; width:130px; text-align:center; display:block; border:1px solid #fff; margin:0 auto; margin-bottom:13px} #container #content.archive.magazine.ho .ho_list li .cover a.btn:hover {border:1px solid #f02358; color:#f02358} #container #content.archive.magazine.ho .ho_list li .tit_box {border:1px solid #e3e3e3; padding:15px 12px 10px} #container #content.archive.magazine.ho .ho_list li .tit_box .tit {font-weight:bold; color:#000; font-size:20px; border-bottom:1px solid #efefef; padding-bottom:6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; } #container #content.archive.magazine.ho .ho_list li .tit_box .ho_num {font-size:12px; font-weight:bold; padding-top:8px} #container #content.archive.magazine.ho .ho_list li .tit_box .ho_num .date {font-weight:normal; color:#aaa; } #container #content.archive.magazine.ho .magazine_sum {position:relative; background:#494949; padding:20px; margin-bottom:30px} #container #content.archive.magazine.ho .magazine_sum .thumb {width:160px; height:190px;} #container #content.archive.magazine.ho .magazine_sum .magazine_info {position:absolute; top:25px; left:200px} #container #content.archive.magazine.ho .magazine_sum .magazine_info .num {font-size:24px; color:#ffd200; margin-bottom:5px;} #container #content.archive.magazine.ho .magazine_sum .magazine_info .date {color:#ffd200; font-size:12px; margin-bottom:15px} #container #content.archive.magazine.ho .magazine_sum .magazine_info .tit {font-weight:bold; color:#fff; font-size:18px; margin-bottom:5px;} #container #content.archive.magazine.ho .magazine_sum .magazine_info .stit {color:#fff; font-size:14px} #container #content.archive.magazine.ho .magazine_sum a.btn_ebook {position:absolute; bottom:25px; left:200px; background:#2b2b2b; padding:5px 8px; color:#909090; border-radius:4px; font-weight:bold; font-size:12px } #container #content.archive.magazine.ho .tab_area1 {margin-bottom:30px} #container #content.archive.magazine.ho h3 {font-size:18px; color:#f02459; margin-bottom:15px} #container #content.archive.magazine.ho ul.view_article {margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #5d5c5c} #container #content.archive.magazine.ho ul.view_article li {margin-bottom:10px} #container #content.archive.magazine.ho ul.view_article li a {color:#000; font-size:14px; } #container #content.archive.magazine.ho ul.view_article li .date {color:#bebebe; font-size:11px} #container #content.archive.magazine.ho .floatL {width:300px;} #container #content.archive.magazine.ho .floatR {width:610px; padding-left:30px; border-left:1px solid #d3d3d4; margin-bottom:30px} #container #content.archive.magazine.ho .floatL ul.view_cont {} #container #content.archive.magazine.ho .floatL ul.view_cont li {margin-bottom:20px;} #container #content.archive.magazine.ho .floatL ul.view_cont li a {line-height:140%} #container #content.archive.magazine.ho .floatR ul.view_cont {border-bottom:1px solid #e8e8e9; padding-bottom:10px; margin-bottom:15px} #container #content.archive.magazine.ho .floatR ul.view_cont li {margin-bottom:2px;} #container #content.archive.magazine.ho .floatR ul.view_cont li a {line-height:140%} /* 아카이브 > 씨네21잡지 > 기사 섹션별 보기 */ #container #content.archive.magazine.section {} #container #content.archive.magazine.section .floatL {width:750px; padding-right:10px; border-right:1px solid #e3e3e3} #container #content.archive.magazine.section .floatR {width:180px; } #container #content.archive.magazine.section ul.sectionL {overflow:hidden;} #container #content.archive.magazine.section ul.sectionL li {width:230px; height:190px; margin-right:20px; float:left; } #container #content.archive.magazine.section ul.sectionL li .thumb {display:block; width:230px; height:110px; margin-bottom:12px} #container #content.archive.magazine.section ul.sectionL li .sec_name {display:block; text-align:center; color:#000; font-weight:bold; } #container #content.archive.magazine.section ul.sectionR {margin-bottom:20px} #container #content.archive.magazine.section ul.sectionR li {margin-bottom:9px; } #container #content.archive.magazine.section ul.sectionR li a {color:#000; } #container #content.archive.magazine.section ul.sectionR li a.on {color:#f02459; font-weight:bold;} #container #content.archive.magazine.section ul.sec_news {} #container #content.archive.magazine.section ul.sec_news li {position:relative; margin-bottom:35px; min-height:135px} #container #content.archive.magazine.section ul.sec_news li a {display:block;} #container #content.archive.magazine.section ul.sec_news li .thumb {width:230px; height:135px; position:absolute; top:0; left:0} #container #content.archive.magazine.section ul.sec_news li span {display:block; padding-left:250px;} #container #content.archive.magazine.section ul.sec_news li .sec_name {font-weight:bold; font-size:13px; color:#f46d00; margin-bottom:5px} #container #content.archive.magazine.section ul.sec_news li .tit {font-weight:bold; color:#000; font-size:16px; margin-bottom:12px; } #container #content.archive.magazine.section ul.sec_news li .cont {margin-bottom:10px; font-size:13px; color:#828282; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.4em; height: 4.2em} #container #content.archive.magazine.section ul.sec_news li .by {color:#aaa; font-size:12px;} /* 정기구독 */ #container #content.subscription {} #container #content.subscription .btn_apply {text-decoration:none; background:#f02459; display:block; margin:0 auto; width:610px; border-radius:6px; color:#fff; font-weight:bold; font-size:14px; padding:5px 0; text-align:center; margin-bottom:50px;} #container #content.subscription .btn_apply:hover {background:#cf0036} #container #content.subscription .stit {color:#ef2358; margin-bottom:10px} #container #content.subscription .notice_pay {font-size:18px; font-weight:bold; margin-top:20px; margin-bottom:50px; padding:50px 0; border:5px solid #f02459; text-align:center; line-height:160%} #container #content.subscription .notice_pay strong {color:#f02459; font-weight:bold; } /* 정기구독 > 구독혜택 */ #container #content.subscription.benefit {} #container #content.subscription.benefit .benefit_list {overflow:hidden; margin-left:180px; margin-bottom:35px} #container #content.subscription.benefit .benefit_list li {float:left; font-size:24px; line-height:130%; } #container #content.subscription.benefit .benefit_list li.bene01 {width:240px} #container #content.subscription.benefit .benefit_list li.bene01 .ico {display:block; background-position:0 -730px; width:240px; height:136px; margin-bottom:20px} #container #content.subscription.benefit .benefit_list li.bene02 {width:260px} #container #content.subscription.benefit .benefit_list li.bene02 .ico {display:block; background-position:-240px -730px; width:260px; height:136px; margin-bottom:20px} #container #content.subscription.benefit .benefit_list li.bene03 {width:110px} #container #content.subscription.benefit .benefit_list li.bene03 .ico {display:block; background-position:-500px -730px; width:110px; height:136px; margin-bottom:20px} #container #content.subscription.benefit .sub_txt {color:#828282; font-weight:bold; font-size:13px; margin-bottom:20px} #container #content.subscription.benefit .gift_list {overflow:hidden; margin-bottom:15px; margin-left:-20px} #container #content.subscription.benefit .gift_list li {background:#f4f4f4; position:relative; float:left; margin:0 0 20px 20px; width:475px; height:200px;} #container #content.subscription.benefit .gift_list li label {display:block; } #container #content.subscription.benefit .gift_list li .radiobutton {position:absolute; top:95px; left:10px} #container #content.subscription.benefit .gift_list li .gift_name {font-size:18px; line-height:140%; display: table-cell; vertical-align:middle; height:160px; width:200px; padding:20px 20px 20px 30px;} #container #content.subscription.benefit .gift_list li .gift_name .txt_s {font-size:11px} #container #content.subscription.benefit .gift_list li .gift_img {display:table-cell; text-align:center; vertical-align:middle; width:200px; height:200px} #container #content.subscription.benefit .gift_list li .gift_img img {max-width:200px; max-height:170px; } #container #content.subscription.benefit .gift_list li .gift_info {margin-top:7px; font-size:12px; color:#828282; } #container #content.subscription.benefit .gift_list li .btn_lightgray_s {display:block; margin-top:7px; text-align:center; width:50px} #container #content.subscription.benefit .subs_check {font-size:18px; text-align:center; margin-bottom:50px; } #container #content.subscription.benefit .subs_check p {font-size:18px; display:inline-block; vertical-align:middle;} #container #content.subscription.benefit .subs_check p .ico {display:block; background-position:-630px -730px; width:74px; height:74px; } #container #content.subscription.benefit .tb_list {margin:10px auto 50px} /* 정기구독 > 정기구독 신청 */ #container #content.subscription.subs_apply {position:relative; } #container #content.subscription.subs_apply .subs_case {overflow:hidden; margin-bottom:20px} #container #content.subscription.subs_apply .subs_case li {float:left; margin-right:10px; background:#515151; border-radius:7px; } #container #content.subscription.subs_apply .subs_case li a {font-size:20px; color:#fff ; text-decoration:none; display:block; padding:20px 20px} #container #content.subscription.subs_apply .subs_case li a strong {color:#ff7e00; font-weight:normal; font-size:24px} #container #content.subscription.subs_apply .subs_benefit {margin-bottom:40px} #container #content.subscription.subs_apply .subs_benefit dt {color:#ef2358; font-weight:bold; font-size:18px; margin-bottom:12px;} #container #content.subscription.subs_apply .subs_benefit dd {margin-bottom:4px} #container #content.subscription.subs_apply .subs_benefit dd .num {color:#ef2358; font-weight:bold; } #container #content.subscription.subs_apply .digital_maga {border:10px solid #ccc; border-radius:20px; position:absolute; right:0; top:78px; background:#fff; width:250px; height:193px} #container #content.subscription.subs_apply .digital_maga .tit {color:#ef2358; font-weight:bold; font-size:18px; text-align:center; margin:30px 0 15px} #container #content.subscription.subs_apply .digital_maga ul {overflow:hidden; width:80%; margin:0 auto;} #container #content.subscription.subs_apply .digital_maga ul li {float:left; width:50%; text-align:center; } #container #content.subscription.subs_apply .digital_maga ul li a {display:block; font-size:13px; color:#000; font-weight:bold; } #container #content.subscription.subs_apply .digital_maga ul li .ico {display:block; width:66px; height:66px; margin:0 auto 8px;} #container #content.subscription.subs_apply .digital_maga ul li.android .ico {background-position:-730px -730px} #container #content.subscription.subs_apply .digital_maga ul li.ios .ico {background-position:-810px -730px} #container #content.subscription.subs_apply .tb_list {margin-bottom:50px} #container #content.subscription.subs_apply .nonmem_tit {font-size:18px; color:#ef2358; margin-bottom:5px} #container #content.subscription.subs_apply .policy {overflow:hidden; background:#fff; margin-bottom:30px; padding:15px 25px} #container #content.subscription.subs_apply .policy dt {width:80px; height:60px; padding-top:25px; float:left; border-right:1px solid #dcdcdc; font-size:16px; font-weight:bold; color:#828282; margin-right:15px} #container #content.subscription.subs_apply .policy dd {font-size:13px; color:#828282} #container #content.subscription.subs_apply .notice {margin:-40px 0 40px; font-size:12px; font-weight:bold;} /* 정기구독 > 구독정보 관리 */ #container #content.subscription.mysubs {} #container #content.subscription.mysubs tr.apply_area td {text-align:left;} #container #content.subscription.mysubs tr.apply_area .tb_list td {text-align:center;} #container #content.subscription.mysubs tr.apply_area > td {padding:20px 30px; background:#f0f0f0} #container #content.subscription.mysubs tr.apply_area table {border-right:1px solid #c4c4c4; border-top:1px solid #c4c4c4; } #container #content.subscription.mysubs tr.apply_area table td, #container #content.subscription.mysubs tr.apply_area th {border-left:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; } #container #content.subscription.mysubs h3 {font-size:13px; font-weight:bold; margin-bottom:10px;} /* 정기구독 > 구독정보 관리 > 구독미인증시 */ #container #content.subscription.mysubs .nosubscription {position:relative; margin-top:50px; padding-left:220px; margin-bottom: 10px} #container #content.subscription.mysubs .nosubscription .ico {background-position:0 -1000px; width:168px; height:238px; position:absolute; left:0; top:0} #container #content.subscription.mysubs .nosubscription .title {font-size:26px; font-weight:bold; margin-bottom:30px; } #container #content.subscription.mysubs .nosubscription .box {background:#f0f0f0; border-radius:6px; padding:20px; margin-bottom:20px; width:640px} #container #content.subscription.mysubs .nosubscription .box .stitle {font-weight:bold; color:#f02459; } /* 정기구독 > 구독인증 */ #container #content.subscription.certification {} #container #content.subscription.certification .certification_notice {margin-bottom:20px} #container #content.subscription.certification .certification_notice li {margin-bottom:9px; font-size:12px; } #container #content.subscription.certification .certifi_box {border:1px solid #e4e4e4; margin:30px 0; text-align:center; background:#f4f4f4; border-radius:6px; padding:20px; line-height:220%} #container #content.subscription.certification .certifi_box label {font-size:15px; font-weight:bold; color:#000; margin-right:30px;} /* 정기구독 > 고객센터 */ #container #content.subscription.cscenter {} #container #content.subscription.cscenter .required {font-size:12px; margin-bottom:20px;} #container #content.subscription.cscenter .required_ico {font-weight:bold; color:#ef2358; } /* 정기구독 > 결제 성공,에러*/ #container #content.subscription .success {height:230px; padding:80px 0 0 370px; position:relative; font-size:28px; font-weight:bold; color:#000; margin-left:85px} #container #content.subscription .success .ico, #container #content.subscription .payerror .ico {position:absolute; left:0; top:0; background-position:-560px -260px; width:350px; height:280px} #container #content.subscription .success .thanks {display:block; color:#f02358} #container #content.subscription .payerror {height:280px; padding:30px 0 0 370px; position:relative; margin-left:85px} #container #content.subscription .payerror .title {font-size:28px; font-weight:bold; color:#000; margin-bottom:25px} #container #content.subscription .payerror .error_ms {line-height:170%; font-size:16px} /* 검색 */ #container #content.cine21_search {padding-bottom:0} #container #content.cine21_search .searchbox {background:#494949; padding:20px 0 30px 275px; margin-bottom:30px;} #container #content.cine21_search .searchbox select {margin-right:5px; background:#b2b2b2; border:none; color:#fff; font-size:16px; height:28px; vertical-align:middle; } #container #content.cine21_search .search_area {background:#b2b2b2; margin-top:12px; width:320px; display:inline-block; } #container #content.cine21_search .search_area .input_search {background:#b2b2b2; border:none; color:#fff; padding:3px 7px; width:270px; font-size:16px; height:22px} #container #content.cine21_search .search_area .btn_search {width:28px; height:26px; display:inline-block; text-indent:-5000px; background:url('http://image.cine21.com/www1/common/header_footer.png') no-repeat 7px 4px;} #container #content.cine21_search .keyword {margin-top:10px;} #container #content.cine21_search .keyword li {color:#fff; margin-bottom:3px; font-size:13px;} #container #content.cine21_search .keyword a {color:#fff; } #container #content.cine21_search .keyword .hot {background:#f02358; padding:2px 0 ; font-size:12px; font-weight:bold; display:inline-block; text-align:center; width:40px; margin-right:5px} #container #content.cine21_search .keyword .recommend {background:#fff; padding:2px 0 ; color:#000; font-size:12px; font-weight:bold; display:inline-block; text-align:center; width:40px; margin-right:5px} #container #content.cine21_search .search_result {font-size:25px; margin-bottom:30px; color:#828282} #container #content.cine21_search .search_result strong {color:#f02459; } #container #content.cine21_search .culm2_area {overflow:hidden; } #container #content.cine21_search .culm2_l {float:left; width:680px;border-right:1px solid #d5d5d5; padding-right:30px; padding-bottom:40px} #container #content.cine21_search .culm2_r {float:right; width:230px; } /* #container #content.cine21_search #snb_t li a {width:105px} */ #container #content.cine21_search .mov_list {margin-bottom:15px} #container #content.cine21_search .mov_list li {position:relative; border-top:1px solid #e4e4e4; min-height:120px; padding:15px 0 15px 100px} #container #content.cine21_search .mov_list li .thumb {position:absolute; top:15px; left:0} #container #content.cine21_search .mov_list li .name {font-size:16px; font-weight:bold; margin-bottom:10px} #container #content.cine21_search .mov_list li .sub_info {font-size:12px; color:#828282; margin-bottom:4px} #container #content.cine21_search .mov_list li .sub_info a {color:#828282; text-decoration:underline;} #container #content.cine21_search .mov_list li .sub_info .tit {font-weight:bold; color:#000; margin-right:10px} #container #content.cine21_search .mov_list li .sub_info.search_star {position:absolute; bottom:15px} #container #content.cine21_search .people_list {margin-bottom:15px} #container #content.cine21_search .people_list li {position:relative; border-top:1px solid #e4e4e4; min-height:80px; padding:15px 0 15px 100px} #container #content.cine21_search .people_list li .thumb {position:absolute; top:15px; left:0} #container #content.cine21_search .people_list li .name {font-size:16px; font-weight:bold; margin-bottom:10px} #container #content.cine21_search .people_list li .sub_info {font-size:12px; color:#828282; margin-bottom:4px} #container #content.cine21_search .people_list li .sub_info a {color:#828282; text-decoration:underline;} #container #content.cine21_search .people_list li .sub_info .tit {font-weight:bold; color:#000; margin-right:10px} #container #content.cine21_search .news_list {margin-bottom:15px} #container #content.cine21_search .news_list li {position:relative; min-height:100px;min-height:100px; padding:15px 0 ; border-top:1px solid #e4e4e4; } #container #content.cine21_search .news_list li a {display:block;} #container #content.cine21_search .news_list li .thumb {position:absolute; top:15px; left:0 ;width:180px; height:100px; } #container #content.cine21_search .news_list li span {display:block; padding-left:200px;} #container #content.cine21_search .news_list li .tit {font-size:16px; font-weight:bold; margin-bottom:10px} #container #content.cine21_search .news_list li .cont {margin-bottom:10px; font-size:13px; color:#828282; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.4em; height: 2.8em} #container #content.cine21_search .news_list li .by {color:#aaa; font-size:12px;} #container #content.cine21_search .video_list {margin-bottom:15px; overflow:hidden; margin-left:-10px} #container #content.cine21_search .video_list li {float:left; width:128px; margin:0 0 10px 10px} #container #content.cine21_search .video_list li a {position:relative; display:block; } #container #content.cine21_search .video_list li .thumb {display:block; width:128px; height:85px; margin-bottom:5px } #container #content.cine21_search .video_list li .tit {text-align:center; display:block; width:128px;font-weight:bold; font-size:12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.4em; height: 2.8em;} #container #content.cine21_search .video_list li .ico {position:absolute; background-position:-90px -190px; left:45px; top:25px; width:38px; height:38px} #container #content.cine21_search .image_list {margin-bottom:15px; overflow:hidden; margin-left:-10px} #container #content.cine21_search .image_list li {float:left; width:128px; margin:0 0 10px 10px} #container #content.cine21_search .btn_more_cont {margin-bottom:50px} #container #content.cine21_search .top10_area {margin-bottom:50px; border:2px solid #d5d5d5; padding:15px; } #container #content.cine21_search .top10 {} #container #content.cine21_search .top10_area .title {padding-bottom:8px;font-weight:bold; margin-bottom:15px; border-bottom:1px solid #e4e4e4} #container #content.cine21_search .top10 li {position:relative; margin-bottom:7px; font-size:13px; padding-left:25px} #container #content.cine21_search .top10 .grade {position:absolute; top:0; left:0; background:#f7a009; font-weight:800; color:#fff; text-align:center; width:18px; display:inline-block; font-size:12px;} #container #content.cine21_search .top10 li.num1 {font-weight:bold; } #container #content.cine21_search .top10 li.num1 .grade {background:#f02459; } /* My 씨네21 > 회원가입 */ #container #content.mycine21.join {width:720px} #container #content.mycine21.join .greeting {height:275px; margin-top:20px; overflow:hidden; } #container #content.mycine21.join .greeting .ico {background-position:-540px 0; width:440px; height:230px; float:left; } #container #content.mycine21.join .greeting .txt {font-size:18px; font-weight:bold; padding-top:90px; float:left; } #container #content.mycine21.join .join_info {border-top:1px solid #d5d5d5; padding-top:25px; margin-bottom:30px; } #container #content.mycine21.join .join_info dt {font-weight:bold; font-size:18px; margin-bottom:15px; } #container #content.mycine21.join a.btn_join {display:block; padding:7px 0; background:#ef2358; font-weight:bold; color:#fff; border-radius:6px; text-align:center; } /* My 씨네21 > 나의 활동 내역 > 나의 네티즌 리뷰, 나의 네티즌 한마디 */ #container #content.mycine21.history .review_list {margin-bottom:30px; margin-top:25px;} #container #content.mycine21.history .review_list li {border-bottom:1px solid #d3d3d4; padding:0 15px; position:relative; } #container #content.mycine21.history .review_list li a {display:block; padding:15px 0} #container #content.mycine21.history .review_list li a .title {font-weight:bold; color:#000; font-size:18px; } #container #content.mycine21.history .review_list li a .review_cont {display:block; margin:10px 0; line-height:140%; } #container #content.mycine21.history .review_list li.hl {background:#f4f4f4} #container #content.mycine21.history .review_list li a .date {font-size:12px; margin-left:15px} #container #content.mycine21.history .review_list li a .star_area {position:absolute; right:20px; top:20px;} /* My 씨네21 > 나의 활동 내역 > 나의 씨네 퀴즈*/ #container #content.mycine21.history .id {font-size:18px; font-weight:bold; margin:30px 0 10px} #container #content.mycine21.history .totalresult {overflow:hidden; background:#464646; padding:15px} #container #content.mycine21.history .totalresult li {float:left; border-right:1px solid #b63053; color:#fff; font-size:18px; text-align:center; width:24.5%;} #container #content.mycine21.history .totalresult li:last-child {border:none; } #container #content.mycine21.history .totalresult li .tit {display:block; font-size:12px; font-weight:bold; color:#aaa} #container #content.mycine21.history .daily_result {padding:30px 80px; border-bottom:1px solid #000; background:#f5f5f5 ; margin-bottom:20px} /* My 씨네21 > 회원정보 관리 */ #container #content.mycine21.myinfo {width:720px} #container #content.mycine21.myinfo .myinfo_txt {font-size:18px; text-align:center; padding:50px 0 60px; line-height:150%} #container #content.mycine21.myinfo .myinfo_txt strong {color:#333} #container #content.mycine21.myinfo a.btn_myinfo {display:block; padding:7px 0; background:#ef2358; font-weight:bold; color:#fff; border-radius:6px; text-align:center; } /* 팝업 : 우편번호 */ .pop_container.zipcode {width:500px; height:500px; } .pop_container.zipcode .title {font-size:18px; font-weight:bold; margin-bottom:12px} .pop_container.zipcode .new_area {padding:20px; border-left:1px solid #d3d3d4; border-right:1px solid #d3d3d4; border-bottom:1px solid #d3d3d4} .pop_container.zipcode .new_area .option {margin-bottom:15px; font-size:13px} .pop_container.zipcode .new_area table.tb_doro {margin-bottom:5px; } .pop_container.zipcode .new_area table.tb_doro th, .pop_container.zipcode .new_area table.tb_doro td {padding-bottom:8px; text-align:left; font-size:12px; font-weight:normal; color:#828282} .pop_container.zipcode .new_area select, .pop_container.zipcode .new_area .inputText {width:100px; } .pop_container.zipcode table.tb_list {margin-top:20px} .pop_container.zipcode table.tb_list td .jibun {display:block; color:#888; line-height:150%} .pop_container.zipcode .old_area {text-align:center; font-size:13px; line-height:180%; padding:20px; border-left:1px solid #d3d3d4; border-right:1px solid #d3d3d4; border-bottom:1px solid #d3d3d4} .pop_container.zipcode .old_area .inputText {width:150px; } /* 팝업 : 댓글신고하기 */ .pop_container.spam {width:400px; height:350px; } .pop_container.spam .title {font-size:18px; font-weight:bold; margin-bottom:12px; color:#333} .pop_container.spam ul {margin-bottom:20px} .pop_container.spam ul li {margin-bottom:5px; } .pop_container.spam ul li textarea {background:#f4f4f4; border:1px solid #ccc; display:block; width:100%; margin-top:10px; height:70px} .pop_container.spam .notice {font-size:13px;margin-bottom:20px} /* 사이트맵 */ #container #content.sitemap {position:relative; top:-37px} #container #content.sitemap .lnb_title {} #container #content.sitemap ul {overflow:hidden; margin-left:-15px} #container #content.sitemap ul li {float:left; width:20%; height:320px;} #container #content.sitemap ul li dl {margin-left:15px} #container #content.sitemap ul li dl dt a {display:block; background:#f5f5f5; border:1px solid #ccc; color:#828282; font-weight:bold; font-size:18px; text-align:center; padding:5px 0} #container #content.sitemap ul li dl dd {border-bottom:1px solid #eee;} #container #content.sitemap ul li dl dd a {display:block; color:#000; font-weight:bold; padding:7px 0 7px 10px} /* 고객센터 */ #container #content.cscenter {line-height:140%} #container #content.cscenter .cont_tit {font-size:18px; font-weight:bold; color:#000; margin-bottom:10px;} #container #content.cscenter .sub_txt {font-size:16px; color:#000; margin-bottom:40px;} #container #content.cscenter .tab_area1 {margin-bottom:30px;} #container #content.cscenter .tb_list tr.faq_content {display:none;} #container #content.cscenter .tb_list .answer {font-size:12px; color:#fff; font-weight:bold; background:#a4a4a4; padding:17px 25px; text-align:left; line-height:150%} #container #content.cscenter .tb_list .answer a {color:#fff; text-decoration:underline} #container #content.cscenter .terms {border:1px solid #e7e7e7; width:700px; padding:15px 25px; font-size:12px; line-height:140%; height:80px; overflow-y:scroll; margin-bottom:15px; } #container #content.cscenter .radio_area {text-align:center; font-size:12px; } #container #content.cscenter .cont_stit {color:#f02358; font-weight:bold; margin-bottom:10px} #container #content.cscenter .cont_stit span {color:#999; font-size:12px; font-weight:normal } #container #content.cscenter .diagram_area {background:#e8e8e8; padding:20px 0; } #container #content.cscenter .diagram_area .diagram {margin:0 auto; width:850px; } #container #content.cscenter .diagram_area .diagram td {height:38px; text-align:center; vertical-align:middle; font-weight:bold; } #container #content.cscenter .diagram_area .diagram td.gap {height:7px} #container #content.cscenter .diagram_area .diagram .blue {background:#76b6c8; color:#fff; } #container #content.cscenter .diagram_area .diagram .white {background:#fff; color:#666; } #container #content.cscenter .diagram_area .diagram td .txt_s {font-size:12px; font-weight:normal; margin-top:10px; text-align:left; padding-left:10px; } #container #content.cscenter .diagram_area .diagram td .txt_blue {font-weight:bold; color:#54a1b7; margin-top:4px} #container #content.cscenter .diagram_area .diagram .ico {background-position:-360px -190px; width:32px; height:29px} #container #content.cscenter .box {border:2px solid #d3d3d3; padding:20px 50px; line-height:150%} #container #content.cscenter .box .organization {overflow:hidden; } #container #content.cscenter .box .organization li {font-weight:bold; width:50%; float:left; padding:2px 0} #container #content.cscenter .box .organization li a {font-weight:normal; color:#828282} #container #content.cscenter .btn_brightgray_s {margin:2px 0} #container #content.cscenter a.mail {color:#000} #container #content.cscenter.mobile .title {margin-bottom:25px; padding:4px 15px; font-size:18px; background:#f1f1ee; color:#f02358; font-weight:800; font-family:arial; } #container #content.cscenter.mobile .stitle {font-family:arial; font-size:18px; font-weight:800; color:#111; margin-bottom:10px} #container #content.cscenter.mobile strong {font-size:18px} #container #content.cscenter.mobile .digital {overflow:hidden; margin-bottom:50px} #container #content.cscenter.mobile .digital li {float:left; width:50%; } #container #content.cscenter.mobile .digital li img {vertical-align:bottom; margin-right:10px} #container #content.cscenter.mobile .sns {margin-bottom:50px} #container #content.cscenter.mobile .sns .floatR {padding-top:30px; width:640px} #container #content.cscenter.mobile .sns a.btn_facebook {display:inline-block; background:#2f5bb9; padding:8px 20px; color:#fff; font-size:18px; font-weight:bold; border-radius:4px; vertical-align:middle;text-decoration:none;} #container #content.cscenter.mobile .sns a.btn_twitter {display:inline-block; background:#00a7ea; padding:8px 20px; color:#fff; font-size:18px; font-weight:bold; border-radius:4px; vertical-align:middle;text-decoration:none;} #container #content.cscenter.mobile .sns a.btn_instagram {display:inline-block; background:#9c6b50; padding:8px 20px; color:#fff; font-size:18px; font-weight:bold; border-radius:4px; vertical-align:middle;text-decoration:none;} #container #content.cscenter.mobile .flipboard .floatR .qr, #container #content.cscenter.mobile .flipboard .floatR img {display:inline-block; vertical-align:bottom} #container #content.cscenter.mobile .flipboard .floatR .qr img {display:block; margin-bottom:6px; } #container #content.cscenter.mobile .flipboard .floatR .qr {text-align:center; font-size:13px; font-weight:bold; margin-left:10px;} #container #content.cscenter.mobile .flipboard a {color:#000} #container #content.cscenter .tb_list .top td, #container #content.cscenter .tb_list .top td.subject a {color:#f02459 ; background:#fff2f5; font-weight:bold;} /* 광고 및 제휴안내, 회사소개 연락처 박스 */ #container #content dl.contact_box {border:5px solid #e8e8e8; overflow:hidden; padding:35px 60px; margin-bottom:30px} #container #content dl.contact_box dt {vertical-align:top; font-size:18px; font-weight:bold; color:#f02358; width:180px; float:left;} #container #content dl.contact_box dd {vertical-align:top; min-height:25px; float:left; padding-left:40px; border-left:1px solid #d2d2d2; font-size:16px; width:610px; color:#000; line-height:170%} #container #content dl.contact_box dd a {color:#000} #container #content dl.contact_box dd .bar {padding:0 15px} #container #content dl.contact_box dd .desc {font-size:13px; color:#828282; margin-top:10px;} /* 광고 및 제휴안내 */ #container #content.ad .notice {font-size:12px; color:#828282; margin-bottom:40px} /* 광고 및 제휴안내 > 광고효과 */ #container #content.ad.effect {line-height:160%} #container #content.ad.effect strong {font-size:16px;} #container #content.ad.effect .cine21_sum {width:715px; line-height:160%} #container #content.ad.effect .cine21_sum .headline, #container #content.ad.effect .cine21_sum .headline strong {font-size:18px; color:#000; line-height:160%} #container #content.ad.effect .graph_area {margin-bottom:50px; } #container #content.ad.effect .graph_area img {border:1px solid #ccc} /* 광고 및 제휴안내 > 광고팀 소개 */ #container #content.ad.team .title {position:relative; height:68px; padding-left:110px; width:580px; margin:0 auto 50px; line-height:180%; font-size:18px; color:#000} #container #content.ad.team .ico {position:absolute; top:0; left:0; width:80px; height:68px; background-position:0 -900px; } #container #content.ad.team .tb_list {margin-top:15px} #container #content.ad.team .tb_list strong {font-size:14px} #container #content.ad.team .tb_list a {color:#000} /* 광고 및 제휴안내 > 지면광고 안내, 온라인광고 안내 */ #container #content.ad.paper .tb_list, #container #content.ad.online .tb_list {border-bottom:1px solid #ccc} #container #content.ad.paper .tb_list strong, #container #content.ad.online .tb_list strong {font-size:14px} #container #content.ad.paper .tb_list tbody th, #container #content.ad.online .tb_list tbody th {background:#fff; font-size:14px; font-weight:bold; border-right:1px solid #ccc} #container #content.ad.paper .tb_list tbody th, #container #content.ad.paper .tb_list tbody td, #container #content.ad.online .tb_list tbody th, #container #content.ad.online .tb_list tbody td {border-bottom:none; border-top:1px solid #ccc} #container #content.ad.paper .tb_list .sample_img, #container #content.ad.online .tb_list .sample_img {padding:0; border-top:none; } #container #content.ad.paper .tb_list .sample_img div, #container #content.ad.online .tb_list .sample_img div {display:none; } /* 광고 및 제휴안내 > 맞춤광고 안내 */ #container #content.ad.custom .title {position:relative; height:68px; padding-left:80px; width:590px; margin:0 auto 50px; line-height:180%; font-size:18px; color:#000} #container #content.ad.custom .ico {position:absolute; top:0; left:0; width:60px; height:72px; background-position:-100px -900px; } #container #content.ad.custom .notice {margin-bottom:20px} #container #content.ad.custom .terms {border:1px solid #e7e7e7; width:700px; padding:15px 25px; font-size:12px; line-height:140%; height:80px; overflow-y:scroll; margin-bottom:15px; } #container #content.ad.custom .radio_area {text-align:center; font-size:12px; } /* 회사소개 > 인사말 */ #container #content.company.greeting { line-height:160%} #container #content.company.greeting .headline {font-size:24px;} #container #content.company.greeting .headline strong {font-weight:normal ;color:#f02358;} #container #content.company.greeting .from {color:#000; text-align:right} #container #content.company.greeting .from .name {font-size:18px} /* 회사소개 > 회사 연혁 */ #container #content.company.history {} #container #content.company.history .area_hisotry {} #container #content.company.history .area_history th {font-size:48px; color:#d7d7d7; font-weight:800; text-align:left; } #container #content.company.history .area_history td {font-size:16px} #container #content.company.history .area_history .month {color:#f02358; font-size:16px; display:inline-block; width:55px; } #container #content.company.history .area_history th, #container #content.company.history .area_history td {border-bottom:1px dotted #ccc; height:40px; padding:30px 0; vertical-align:top} #container #content.company.history .area_history td .history_detail li {padding:3px 0} /* 회사소개 > 분야별 연락처 */ #container #content.company.contact .title {position:relative; height:68px; padding-left:100px; padding-top:10px; width:500px; margin:0 auto 50px; line-height:180%; font-size:18px; color:#000} #container #content.company.contact .ico {position:absolute; top:0; left:0; width:75px; height:75px; background-position:-200px -900px; } /* 회사소개 > 회사 위치 */ #container #content.company.map .address {margin-bottom:20px; font-size:18px} #container #content.company.map .howto {margin-top:25px; background:#e6e6e6; padding:20px 30px; font-weight:bold; line-height:170%} /* 404 에러 */ #container #content.pageerror {text-align:center; color:#828282; } #container #content.pageerror .ico {background-position:-310px -860px; width:130px; height:130px; margin-top:30px} #container #content.pageerror .title {font-weight:bold; font-size:26px; margin:20px 0 15px} #container #content.pageerror .btnArea {margin:30px 0 50px} /* 통합검색 자동완성 관련 */ .ui-autocomplete {left:50% !important; margin-left:137px !important; width:309px !important ; overflow:hidden; } .ui-autocomplete-category {font-weight: bold;font-size:15px;padding:7px 10px; } .ui-autocomplete-item {position:relative; height:45px} .ui-autocomplete-item img {width:32px !important ;height:40px !important ; position:absolute; left:10px; top:3px} .ui-autocomplete-item .label {display:block; color:#000; font-size:13px; margin-left:45px ; margin-bottom:4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; } .ui-autocomplete-item .desc {display:block; color:#666; font-size:12px; margin-left:45px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-o-text-overflow:ellipsis; } .ui-autocomplete-item.ui-state-focus {border:none !important; background:#f1f1f1 !important; margin:0 !important;} /* 씨네21 정책 */ .email_refusal {position:relative; width:820px; height:320px; background:url('http://image.cine21.com/www/etc/bg/bg_email_refusal.gif') no-repeat left top;} .email_refusal .txt {position:absolute; top:90px; left:332px;} .area_agre div, .area_agre p {line-height:160%; font-size:13px} .area_agre h4 {margin:30px 0 15px;} .area_agre h5 {position:relative; padding:6px 14px; background:#f0f0f0; font-weight:bold; font-size:14px; color:#676767;} .area_agre h5 .top {position:absolute; top:5px; right:15px;} .area_agre .tit {margin:0 0 20px 0;} .area_agre .list {} .area_agre .list li {position:relative; padding:20px 0; line-height:17px; color:#676767; border-bottom:1px dashed #c0c0c0; line-height:160%; font-size:13px} .area_agre .list li .top {position:absolute; top:10px; right:0;} .area_agre .list li strong {display:block; margin-bottom:6px; font-size:13px; color:#000;} .area_agre .list li .st {color:#676767;} .area_agre .list li .ml {margin-left:72px;} .area_agre .list li .ml2 {margin-left:208px;} .area_agre .list li:last-child {border-bottom:none;} .area_agre .list li.last {border-bottom:none;} .area_agre .list li .in_tbl {overflow:hidden;} .area_agre .list li .in_tbl .cont_l {float:left; width:310px; margin-right:20px} .area_agre .list li .in_tbl .cont_r {float:right; width:310px;} .area_agre .list li .in_tbl.pre .cont_l {float:left; width:475px;} .area_agre .list li .in_tbl.pre .cont_r {float:right; width:475px;} .area_agre .sub_box {margin:15px 10px; color:#828282;} .area_agre .sub_box2 {padding:10px 15px 10px 15px; background:#f0f0f0; color:#676767} .area_agre .txt {margin:15px;} .area_agre .info {position:relative; height:168px; border:1px solid #ccc; margin-bottom:30px;} .area_agre .info .list {position:absolute; top:0; left:0; background:#f4f4f4; padding:27px 30px; width:908px} .area_agre .info .list li {height:10px; padding:0; margin-bottom:6px; color:#676767; border:none;} .area_agre .info .txt_left {position:absolute; top:105px; left:30px; color:#676767; font-weight:bold;} .area_agre .info .txt_right {position:absolute; top:105px; left:440px; color:#676767; font-weight:bold;} .area_agre .info .txt_left1 {position:absolute; top:100px; left:30px; color:#676767; font-weight:bold;} .area_agre .info .txt_left2 {position:absolute; top:100px; left:400px; color:#676767; font-weight:bold;} .area_agre .info .txt_left3 {position:absolute; top:100px; left:700px; color:#676767; font-weight:bold;} .area_agre .info .t_blue {color:#000;} .area_agre .t_req {color:#c42d4c;} .privacy {margin:0 0 30px; padding:20px 25px; border:6px solid #ccc;} .privacy .tit {position:relative; margin-bottom:12px; padding-bottom:10px; border-bottom:1px dashed #c0c0c0;} .privacy .tit h4 {margin:0; font-size:17px; color:#f02459} .privacy .tit .date {position:absolute; top:3px; right:0; font-size:12px; color:#828282;} .privacy p {line-height:160%; font-size:13px; color:#676767;} .btn_prev_privacy {margin-top:15px;} .btn_prev_privacy>a { text-align:right; font-weight:bold; color:#f02459; text-decoration:underline; display:block; margin-bottom:30px;} .tbl_privacy {width:100%; margin-bottom:20px; background:#f0f0f0; } .tbl_privacy th {height:28px; padding-left:15px; text-align:left; color:#fff; background:#bbb; font-size:13px} .tbl_privacy td {padding:10px 0 10px 10px; text-align:left; color:#676767; font-weight:bold; background:#f0f0f0; vertical-align:top;white-space:nowrap; overflow:hidden; line-height:160%; font-size:13px} .tbl_privacy td.cont {padding:10px 0;} .tbl_privacy td span {color:#000; margin-bottom:7px; display:block; }