@charset "utf-8";
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");

#wrap {width:100%; margin:0 auto;}

/* Header */
#header {width:100%; background:#f1f1ee; padding-top:108px}
#header	h1.logo {width:120px; padding-top:10px}

/* Global Navigation bar */
.gnb_area {width:100%; background:#fff; border-top:1px solid #dadada; border-bottom:3px solid #4c4c4c;}
.gnb_area .gnb_box {position:relative; width:970px; height:50px; margin:0 auto; }
.gnb_area .gnb_box #gnb, .gnb_area .gnb_box h1.logo {display:block; float:left}
#gnb {}
#gnb li {float:left;height:50px}
#gnb li:last-child {border:none}
#gnb li a {font-size:14px; font-weight:bold; color:#111; padding:15px 0 10px; display:block; }
#gnb li a span {border-right:1px solid #c4c4c4; padding:0 15px}
#gnb li:last-child span {border:none}
#gnb li a:hover span, #gnb li a.on span {display:block; margin-top:-4px; color:#dd1a4d;}
.gnb_area .gnb_box .search_area, .gnb_area .gnb_box .btn_member {display:block; float:right; }
#gnb li a:hover, #gnb li a.on {border-top:4px solid #f02358; text-decoration:none;}
.gnb_area .gnb_box #member_myid {position:absolute; right:-110px; top:13px; padding-top:4px; border-radius:4px; font-size:12px; font-weight:bold; color:#828282; width:111px;height:24px; text-align:center;  background:url('http://image.cine21.com/www1/common/header_footer.png') no-repeat -170px 0px; overflow:hidden; }
.gnb_area .gnb_box .member_pop {padding:20px 25px; position:absolute; right:0; top:47px; border:1px solid #bcbcbc; background:#fff; z-index:500; }
.gnb_area .gnb_box .member_pop a.btn {border:1px solid #ccc; font-weight:bold; font-size:14px; padding:5px 6px; background:#f4f4f4}
.gnb_area .gnb_box .member_pop a.btn:hover {text-decoration:none; border:1px solid #f02358; color:#f02358}
.gnb_area .gnb_box .member_pop .ico {position:absolute; top:-10px; right:7px;  background:url('http://image.cine21.com/www1/common/header_footer.png') no-repeat -120px 0px; width:19px; height:10px; }
.gnb_area .gnb_box .search_area {background:#b2b2b2; margin-top:12px}
.gnb_area .gnb_box .search_area .input_search {background:#b2b2b2; border:none; color:#fff; padding:3px 7px; width:140px}
.gnb_area .gnb_box .search_area .input_search::-webkit-input-placeholder {color:#fff}
.gnb_area .gnb_box .search_area .input_search::-moz-placeholder {color:#fff} 
.gnb_area .gnb_box .search_area .input_search::-ms-input-placeholder  {color:#fff} 
.gnb_area .gnb_box .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;}
.gnb_area .gnb_box .btn_member {display:inline-block; text-indent:-5000px;  background:url('http://image.cine21.com/www1/common/header_footer.png') no-repeat -50px 0px; width:30px; height:30px; margin-top:10px; margin-left:7px}
.gnb_area .gnb_box .btn_member.logged {background-position:-85px 0px}

/* LNB */
.lnb_area {position:relative; width:100%;  border-bottom:1px solid #4c4c4c;}
.lnb_area #lnb {width:970px; margin:0 auto; height:60px; border-left:1px solid #dfdedf;}
.lnb_area #lnb li {float:left; } 
.lnb_area #lnb li a {border-right:1px solid #dfdedf; display:block; height:40px; padding-top:20px;  text-align:center; color:#000; font-weight:bold; font-size:16px}
.lnb_area #lnb li a:hover, .lnb_area #lnb li a.on  {text-decoration:none; color:#fff; background:#f02459;}

/*
.lnb_area01 {width:100%; }
.lnb_area01 .lnb_title {width:970px; margin:0 auto ; color:#f02459; font-size:30px; padding:52px 0 10px}
.lnb_area01 #lnb {width:969px; margin:0 auto; overflow:hidden; border-top:1px solid #e0dcdc; border-bottom:1px solid #e0dcdc; border-left:1px solid #e0dcdc;}
.lnb_area01 #lnb li {float:left; }
.lnb_area01 #lnb li a {text-align:center; background:#fff; font-size:16px; color:#000; text-decoration:none; font-weight:bold; padding:20px 0 ;display:block; border-right:1px solid #e0dcdc;}
.lnb_area01 #lnb li a:hover {color:#f02459}
.lnb_area01 #lnb li a.on {background:#f02459; color:#fff; }
*/

/* SNB */
#snb_l {border-bottom:1px solid #d9d9d9; margin-bottom:60px}
#snb_l li {position:relative;}
#snb_l li a {text-decoration:none; display:block; padding:10px 0 10px 20px; color:#000; font-weight:bold; font-size:14px; border-top:1px solid #d9d9d9}
#snb_l li a .ico {background:url('http://image.cine21.com/www1/common/icon.png') no-repeat 0 -340px ; width:10px; height:10px; position:absolute; right:20px; top:15px; display:none;}
#snb_l li a.on {border-top:2px solid #000; border-bottom:2px solid #000; color:#f02459;}
#snb_l li a.on .ico {display:block; }
#snb_l li a:hover {color:#f02459;}

#snb_t {overflow:hidden; margin-left:-10px; height:52px; margin-bottom:25px;}
#snb_t li {float:left;}
#snb_t li a {position:relative; border-top:1px solid #000; border-bottom:1px solid #000; text-decoration:none; padding:12px 0; display:block; font-weight:bold; color:#000; font-size:14px; text-align:center;  margin-left:10px; } 
#snb_t li a.on {border-top:2px solid #000; border-bottom:2px solid #000; padding:11px 0; color:#f02459}
#snb_t li a .ico {background:url('http://image.cine21.com/www1/common/icon.png') no-repeat -140px -340px ; width:11px; height:6px; position:absolute; bottom:-8px; left:50%; margin-left:-5px ; display:none;}
#snb_t li a.on .ico {display:block; }
#snb_t li a:hover {color:#f02459;}

/* Container */
#container {position:relative; width:100%; }
#container:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#container {display: inline-block;}
* html #container {height: 1%;}
#container {display: block;}

/* Main Visual */
.main_movie_list_area {position:relative; height:318px; margin:0 auto; margin-bottom:35px; overflow:hidden; }/* 20120712 추가 */
.portal_discovery {position:relative; left:0; top:0; width:5500px;}
.portal_discovery li {position:absolute; margin-right:12px; display:inline-block; }

.main_movie_list_area .movie_list_inner {position:relative; width:990px; height:318px; margin:0 auto;}
.main_movie_list_area .movie_list_inner .prev {position:absolute; top:115px; right:20px;}
.main_movie_list_area .movie_list_inner .next {position:absolute; top:115px; left:20px;}
.main_movie_list_area .movie_list_inner .mask_prev {width:1000px; height:318px; position:absolute; top:0; left:50%; margin-left:-1500px; z-index:100; cursor:pointer; background:#fff; filter:alpha(opacity=70); opacity:0.7;}
.main_movie_list_area .movie_list_inner .mask_next {width:1000px; height:318px;  position:absolute; top:0; right:50%; margin-right:-1500px; z-index:100;  cursor:pointer; background:#fff; filter:alpha(opacity=70); opacity:0.7;}
.main_movie_list_area .movie_list_inner .mask_next .rolling {position:absolute; top:207px; left:16px;}
.main_movie_list_area .movie_list_inner .mask_next .rolling img {margin-right:8px;}

/* Contents */
#content {padding:40px 0 50px; min-height:670px; width:970px; margin:0 auto; }
#content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#content {display: inline-block;}
* html #content {height: 1%;}
#content {display: block;}

/* Footer */
#footer {width:100%; border-top:1px solid #dadada; }
#footer .notice_area {border-bottom:1px solid #dadada; }
#footer .notice_area .notice {width:970px; margin:0 auto; padding:10px 0; overflow:hidden}
#footer .notice_area .notice dt {font-size:16px; color:#000; font-weight:bold; float:left; padding-right:15px; border-right:1px solid #c4c4c4;}
#footer .notice_area .notice dd {float:left; padding-left:15px}
#footer .notice_area .notice dd a {font-size:15px; }
#footer .notice_area .notice dd .date {color:#828282; font-size:12px; padding-left:10px}
#footer .notice_area .notice dd a.more {display:inline-block; background:#bbb; padding:4px 6px; color:#fff; font-size:12px; font-weight:bold; border-radius:4px; vertical-align:middle;text-decoration:none; margin-left:10px}

#footer .area_footer {position:relative; overflow:hidden; width:970px; margin:0 auto;padding:30px 0}
#footer .area_footer .ft_menu {float:left; width:25%; height:229px; margin-bottom:20px}
#footer .area_footer .ft_menu h2 {font-size:15px; font-weight:bold; margin-bottom:10px}
#footer .area_footer .ft_menu .subscription {background:rgba(0,0,0,1); width:170px; height:200px; position:relative; }
#footer .area_footer .ft_menu .subscription img {width:170px; height:200px; opacity:0.7}
#footer .area_footer .ft_menu .subscription a.btn {position:absolute; left:36px; top:83px; border:1px solid #fff; color:#fff; padding:6px 18px; font-weight:bold; font-size:16px}
#footer .area_footer .ft_menu .subscription a.btn:hover {text-decoration:none; border:1px solid #f02358; color:#f02358}
#footer .area_footer .ft_menu ul {overflow:hidden;}
#footer .area_footer .ft_menu ul li {float:left; margin-right:10px}
#footer .area_footer .ft_menu ul li:last-child {float:left; margin-right:0}
#footer .area_footer .ft_menu ul li a {font-size:12px; color:#828282; text-align:center; display:block; }
#footer .area_footer .ft_menu ul li .menu_img {display:block; margin-bottom:5px; background:url('http://image.cine21.com/www1/common/header_footer.png') no-repeat 0 0; }
#footer .area_footer .ft_menu .dg_mag .menu_img {width:80px; height:80px;}
#footer .area_footer .ft_menu .dg_mag .ico1 {background-position:0 -50px}
#footer .area_footer .ft_menu .dg_mag .ico2 {background-position:-100px -50px}
#footer .area_footer .ft_menu .sns li, #footer .area_footer .ft_menu .family li {width:50px}
#footer .area_footer .ft_menu .sns .menu_img, #footer .area_footer .ft_menu .family .menu_img {width:50px; height:50px;}
#footer .area_footer .ft_menu .sns .ico1 {background-position:0 -160px}
#footer .area_footer .ft_menu .sns .ico2 {background-position:-70px -160px}
#footer .area_footer .ft_menu .sns .ico3 {background-position:-140px -160px}
#footer .area_footer .ft_menu .family .ico1 {background-position:0 -250px}
#footer .area_footer .ft_menu .family .ico2 {background-position:-70px -250px}
#footer .area_footer .ft_menu .family .ico3 {background-position:-140px -250px}
#footer .area_footer .ft_menu2 {overflow:hidden; background:#e6e6e3; clear:both; padding:7px 10px; margin-bottom:20px}
#footer .area_footer .ft_menu2 li {float:left; padding:0 12px; border-right:1px solid #ccc}
#footer .area_footer .ft_menu2 li:last-child {border:none} 
#footer .area_footer .ft_menu2 li a {color:#666; font-size:14px}
#footer .area_footer .address {font-size:12px; color:#828282; line-height:150%}

/* Popup */
.pop_container {background:#fff; padding:40px;}