@charset "utf-8";

/* Main */
.header{width:100%; height:42px; position:fixed; left:0; top:0; background:url("/mobile4/images/common/header-bg.png") center top no-repeat; margin-bottom:1px; box-shadow:1px 1px 1px #666666; z-index:40}
.header .logo{width:60px; position:absolute; left:50%; top:8px; margin-left:-30px;}
.header .menu{width:18px; position:absolute; left:15px; top:14px; cursor:pointer}
.header .search{width:20px; position:absolute; right:15px; top:12px; cursor:pointer}
.header .share{width:20px; position:absolute; right:45px; top:11px; cursor:pointer; background:url(/mobile4/images/common/mbar2.png) right center no-repeat; padding-right:10px}

.menu-wrap{width:100%; position:fixed; left:0; top:0; z-index:50; display:none}
.menu-wrap .close-line{height:42px; overflow:hidden; z-index:30;}
.menu-wrap .close-line img{cursor:pointer}
.menu-wrap .login-line{background:#17496d; padding:7px 15px; color:#FFF; border-bottom:1px solid #215478}
.menu-wrap .login-line a{color:#FFF; font-family:'calibri'; font-weight:bold; font-size:16px; width:100%; display:inline-block}
.menu-wrap .forget-line{background:url("/mobile4/images/common/forget-bg.gif") right top no-repeat; background-color:#114e79; padding:7px 15px; border-bottom:1px solid #154567}
.menu-wrap .forget-line:nth-last-child(1){border-bottom:0}
.menu-wrap .forget-line a{color:#FFF; font-family:'calibri'; font-weight:normal; font-size:14px; width:100%; display:inline-block}
.navi{width:100%; font-family:'calibri'}
.navi > li{background:url(/mobile4/images/common/navi-bg.gif) right top no-repeat; background-color:#ececec; border-bottom:1px solid #cecece;}
.navi > li.normal{background:#ececec}
.navi > li > a{display:block; padding:6px 15px; color:#333; font-weight:bold; font-size:17px;}
.navi > li > .depth2{display:none}
.navi > li.on{background:url("/mobile4/images/common/navi-bg_on.gif") right top no-repeat; background-color:#ececec;}
.navi > li.on > a{color:#0d6eaf}
.navi > li.on > .depth2{display:block}
.navi > li.normal.on{background:#ececec}
.navi > li > .depth2 > li{background:url(/mobile4/images/common/d2dot.gif) 15px center no-repeat; background-color:#d2d2d2; height:30px; line-height:30px; border-bottom:1px solid #c2c2c2}
.navi > li > .depth2 > li:nth-last-child(1){border-bottom:0}
.navi > li > .depth2 > li a{padding:0 20px; font-size:13px; color:#5a5a5a; display:block;}
.mlt-wrap{padding:0 10px; background-color:#e1e1e1;}
.menu-wrap table{width:100%; table-layout:fixed; font-family:Verdana, Geneva, sans-serif}
.menu-wrap table td{background-color:#e1e1e1; background:url("/mobile4/images/common/lbar.gif") right center no-repeat; vertical-align:top; padding:15px 8px; text-align:center}
.menu-wrap table td:nth-last-child(1){background:#e1e1e1;}
.menu-wrap table td p{color:#464646; font-weight:bold; font-size:12px}

.menu-wrap .login-line .logout-btn{color:#a2cae6; background:#053456; border-radius:4px; display:inline-block; width:auto; font-size:13px; padding:0px 5px; float:right}
.menu-wrap .login-fo{background-color:#114e79; border-bottom:1px solid #154567}
.my-table{width:100%}
.my-table th{padding:8px 0; border:1px solid #154567;
background: #0f5687; /* Old browsers */
background: -moz-linear-gradient(top,  #0f5687 0%, #194e74 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f5687), color-stop(100%,#194e74)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0f5687 0%,#194e74 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0f5687 0%,#194e74 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0f5687 0%,#194e74 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0f5687 0%,#194e74 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f5687', endColorstr='#194e74',GradientType=0 ); /* IE6-9 */
}
.my-table th.on{
background: #2472a7; /* Old browsers */
background: -moz-linear-gradient(top,  #2472a7 1%, #1868a1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#2472a7), color-stop(100%,#1868a1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2472a7 1%,#1868a1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2472a7 1%,#1868a1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2472a7 1%,#1868a1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #2472a7 1%,#1868a1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2472a7', endColorstr='#1868a1',GradientType=0 ); /* IE6-9 */
}
.my-table th a{font-size:13px; color:#FFF; font-family:'calibri'; display:block;}

.search-wrap{position:fixed; left:0; top:0px; z-index:50; display:none; width:100%}
.search-wrap .search-con{background:#f8f8f8; padding:20px 15px; width:auto; overflow:hidden}
.search-wrap .close-line{width:100%; height:42px}
.search-wrap .close-line img{cursor:pointer; position:fixed; right:0}
.search-wrap .m-tit{font-size:17px; margin:0 0 5px 0;}
.film-search-table{width:100%; table-layout:fixed}
.film-search-table select{width:100%; font-family:'calibri'; color:#666; font-size:12px; border:1px solid #dcdcdc; padding:2px 0}
.film-search-table input{width:100%; font-family:'calibri'; color:#666; font-size:12px; border:1px solid #dcdcdc; padding:2px 0}
.search-wrap input[type="search"]{width:100%; font-family:'calibri'; color:#666; font-size:12px; border:1px solid #dcdcdc; padding:2px 0}

.social-wrap{position:fixed; left:0; top:0px; z-index:50; display:none}
.social-wrap .search-con{background:#f8f8f8; padding:20px 15px;}
.social-wrap .close-line{width:100%; height:42px}
.social-wrap .close-line img{cursor:pointer; position:fixed; right:0}
.social-wrap .m-tit{font-size:17px; margin:0 0 5px 0;}

.black-bg{position:fixed; left:0; top:0; z-index:30; width:100%; min-height:480px; background:#333; opacity:0.7; display:none}

.bx-wrapper{padding-top:42px !important}
.visual .visual-link img{width:100%}
.visual .gray-bg{position:absolute; left:0; bottom:0; width:100%; height:40px; opacity:0.7}
.visual p{color:#FFF; font-weight:bold; font-family:'Georgia'; font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:80%; display:inline-block}
.visual .name{position:absolute; left:15px; bottom:20px;}
.visual .date{position:absolute; left:15px; bottom:5px;}

.m-tit{font-size:19px; font-weight:bold; font-family:'calibri'; height:19px; position:relative; margin:0 0 10px 0}
.m-tit .more-btn{width:33px; position:absolute; right:0; bottom:0}
.m-tit .seeall-btn{width:38px; position:absolute; right:0; bottom:0}

.latest-m{padding:20px 15px; background:#FFF; position:relative}
.latest-visual{min-width:100px; width:25%; float:left}
.latest-visual a img{width:100%}
.latest-con{width:60%; float:left; margin-left:10px; font-family:Verdana, Geneva, sans-serif}
.latest-con dd, .latest-con dt{line-height:13px}
.latest-con dd{margin-top:5px}
.latest-con dt a{color:#333; font-weight:bold; font-size:13px;}
.latest-con dd a{color:#666; font-size:12px;}
.latest-list{clear:both; padding-top:10px}
.latest-list dl dt{background:url("/mobile4/images/common/gdot.gif") left center no-repeat; padding-left:5px}
.latest-list dl dt a{color:#666; font-weight:bold; font-size:13px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:95%; display:inline-block}
.latest-list dl dd{font-size:11px; color:#878787; padding-left:5px}

.weekly-m{padding:20px 15px; background:#f8f8f8; position:relative}
.weekly-m table{width:100%; table-layout:fixed; font-family:Verdana, Geneva, sans-serif}
.weekly-m table td{vertical-align:top; text-align:left}
.weekly-m table td img{width:100%; display:block}
.weekly-m table td dl{margin:5px 0 0 0}
.weekly-m table td dl dt{font-size:13px; font-weight:bold; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:95%;}
.weekly-m table td dl dd{font-size:12px; color:#878787; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:95%;}

.boxoffice-m{padding:20px 15px; background:#FFF; position:relative}
.office-list{font-family:Verdana, Geneva, sans-serif}
.office-list li{border-bottom:1px solid #d4d4d4; padding:7px 0; position:relative}
.office-list li .rank-img{width:20px; margin-right:5px}
.office-list li .off-tit a{color:#464646; font-size:13px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:80%; display:inline-block}
.office-list li .off-date{color:#878787; font-size:11px; position:absolute; right:0; bottom:5px}
.office-list li.first{border-top:1px solid #000; border-bottom:1px solid #000}
.office-list li.first .off-tit a{color:#0d6eaf}
.office-list li.first .off-date{color:#0d6eaf}
.office-list li .from{padding-left:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:60%; font-size:11px; color:#878787}

.boxoffice-m{padding:20px 15px; background:#FFF; position:relative}
.office-list_vod{font-family:Verdana, Geneva, sans-serif}
.office-list_vod li{border-bottom:1px solid #d4d4d4; padding:7px 0; position:relative}
.office-list_vod li .rank-img{width:20px; margin-right:5px}
.office-list_vod li .off-tit{color:#464646; font-size:13px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:80%; display:inline-block}
.office-list_vod li .off-date{color:#878787; font-size:11px; position:absolute; right:0; bottom:5px}
.office-list_vod li.first{border-top:1px solid #000; border-bottom:1px solid #000}
.office-list_vod li.first .off-tit a{color:#0d6eaf}
.office-list_vod li.first .off-date{color:#0d6eaf}
.office-list_vod li .from{padding-left:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:60%; font-size:11px; color:#878787}


.reports-m{padding:20px 15px; background:#f8f8f8; position:relative}
.reports-m table{width:100%; table-layout:fixed; font-family:Verdana, Geneva, sans-serif}
.reports-m table td{vertical-align:top}
.reports-m table td .inf-img{width:100%; border:1px solid #dcdcdc; display:block}
.reports-m table td p{margin:5px 0 0 0; line-height:13px}
.reports-m table td p a{font-weight:bold; color:#464646; font-size:13px}

.cinema-m{padding:20px 15px; background:#FFF; position:relative}
.cinema-m table{width:100%; table-layout:fixed; font-family:Verdana, Geneva, sans-serif; margin:0 0 10px 0}
.cinema-m table td{vertical-align:top}
.cinema-m table td.cinema-link img{width:100%}
.cinema-m table td .name{font-size:14px; color:#464646; font-weight:bold}
.cinema-m table td .tit{font-size:12px; color:#666666; line-height:13px; margin:3px 0 0 0}
.cinema-m table td.pbot{padding-bottom:10px}
.cinema-file{height:27px; line-height:27px; border:1px solid #dedede; background:url("/mobile4/images/main/cinema-file-bg.png") left 0 repeat-x; position:relative; font-family:Verdana, Geneva, sans-serif}
.cinema-file .icon{height:25px; width:auto; margin-right:3px; vertical-align:top}
.cinema-file .tit{font-size:11px; color:#464646; font-weight:bold; display:inline-block; background:url("/mobile4/images/common/cbar.gif") right center no-repeat; padding-right:7px;}
.cinema-file .con{font-size:11px; color:#5a5a5a; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:50%; vertical-align:middle; display:inline-block;}
.cinema-file .down{width:18px; position:absolute; right:10px; top:5px}

.newsletter-m{padding:20px 15px; background:#eeeeee; position:relative}
.subscribe{width:100%; table-layout:fixed;}
.subscribe input{width:100%; border:1px solid #dcdcdc}
.subscribe a{display:inline-block; width:100%; height:18px; line-height:18px; border:1px solid #838383; background:url(/mobile4/images/main/news-btn.gif) repeat-x; text-align:center; color:#FFF; font-family:'calibri';}
.social-table{width:100%; table-layout:fixed; margin:10px 0 0 0; font-family:Verdana, Geneva, sans-serif}
.social-table td{text-align:center; vertical-align:top; background:url("/mobile4/images/main/nbar.gif") right center no-repeat;}
.social-table td:nth-last-child(1){background:none}
.social-table td img{width:30px}
.social-table td p{color:#464646; font-weight:bold; font-size:11px; margin:5px 0 0 0}

.business-m{padding:20px 15px; background:#dddddd; position:relative}
.apply-table{width:100%; table-layout:fixed}
.apply-table td{vertical-align:top}
.apply-table td p{font-family:Verdana, Geneva, sans-serif}
.apply-table td .lir{font-weight:bold; color:#464646; font-size:12px; letter-spacing:-1px}
.apply-table td .liren{font-weight:bold; color:#333; font-size:13px; }
.apply-table td .apply-btn{display:inline-block; width:100%; height:30px; line-height:30px; background:url(/mobile4/images/main/apply-bg.png) repeat-x; font-family:'calibri'; text-align:center; color:#FFF; font-weight:bold;}
.business-table{width:100%; table-layout:fixed; margin:10px 0 0 0}
.business-table td{vertical-align:top; font-family:'calibri';}
.business-table td a{max-height:55px; background:url(/mobile4/images/main/bu-bg.png) repeat-x; display:inline-block; width:100%; text-align:center; color:#FFF; font-weight:bold; font-size:14px; line-height:12px; padding:20px 0;}
@media screen and (max-width:369px) {
	.business-table td a{padding:15px 0;}
}
.business-table td a.ko-pro{padding:7px 0}
.business-table td a span{font-size:12px; font-weight:normal; position:relative; top:2px}
.production-search-table{width:100%; table-layout:fixed; font-family:Verdana, Geneva, sans-serif; margin:5px 0 0 0}
.production-search-table td{vertical-align:middle; color:#5a5a5a;}
.production-search-table td.txt{letter-spacing:-1px; line-height:13px}
.production-search-table td input{width:60%; border:1px solid #dcdcdc; vertical-align:middle; padding:3px 0;}

.footer{background:#1f1f21; padding:20px 15px; position:relative}
.footer .quick-link li{float:left; background:url(/mobile4/images/main/fbar.gif) right center no-repeat; padding-right:7px; margin-right:7px; font-size:12px;}
.footer .quick-link li:nth-last-child(1){background:none; padding-right:0; margin-right:0}
.footer .quick-link li a{color:#d4d3d3; font-family:'calibri';}
.end{clear:both; padding:15px 0 0 0; overflow:hidden}
.copy-right{color:#999999; font-size:10px; font-family:Verdana, Geneva, sans-serif; float:left; width:60%; vertical-align:bottom}
.link-logo{float:right; width:35%; text-align:right; vertical-align:bottom}
@media screen and (max-width:439px) {
	.copy-right{width:42%}
	.link-logo{width:55%}
}

/* 제목 이미지 */
.m-tit-img{height:13px; vertical-align:middle}

/* 포뎁스 김진모*/
.cinema-file .tit{font-size:11px; color:#464646; font-weight:bold; display:inline-block; background:url("/mobile4/images/common/cbar.gif") right center no-repeat; padding-right:7px; width:70px;}

.loading_bg{position:fixed; left:0; top:0; z-index:1000; width:100%; height:100%; background:#333; opacity:0.3; display:none;}
.loading_img{display:none; position:fixed; z-index:1001; top: 50%; left: 50%; margin: -45px 0 0 -45px;
animation:1s rotateRight infinite linear;
-moz-animation:1s rotateRight infinite linear; 
-webkit-animation:1s rotateRight infinite linear;
}

@keyframes rotateRight{
    0%{ transform:rotate(0deg); transform-origin:50% 50%; }
    100%{ transform:rotate(360deg); }
}

@-moz-keyframes rotateRight{
    0%{ -moz-transform:rotate(0deg); -moz-transform-origin:50% 50%; }
    100%{ -moz-transform:rotate(360deg); }
}

@-webkit-keyframes rotateRight{
    0%{ -webkit-transform:rotate(0deg); -webkit-transform-origin:50% 50%; }
    100%{ -webkit-transform:rotate(360deg); }
}

.menu-wrap .login-line{background:#17496d; padding:10px 15px; color:#FFF; border-bottom:1px solid #215478}
.menu-wrap .forget-line{background:url("/mobile4/images/common/forget-bg.gif") right center no-repeat; background-color:#114e79; padding:10px 15px; border-bottom:1px solid #154567}
.navi > li{background:url(/mobile4/images/common/navi-bg.gif) right center no-repeat; background-color:#ececec; border-bottom:1px solid #cecece;}
.navi > li > a{display:block; padding:10px 15px; color:#333; font-weight:bold; font-size:17px;}
.my-table th{padding:10px 0; border:1px solid #154567;
background: #0f5687; /* Old browsers */
background: -moz-linear-gradient(top,  #0f5687 0%, #194e74 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f5687), color-stop(100%,#194e74)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0f5687 0%,#194e74 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0f5687 0%,#194e74 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0f5687 0%,#194e74 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0f5687 0%,#194e74 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f5687', endColorstr='#194e74',GradientType=0 ); /* IE6-9 */
}

.social-wrap{position:fixed; left:0; top:0px; width:100%; z-index:50; display:none}

/* 하단 바 항상 보이게 할 수 있는 버전*/
/*.footer{background:#1f1f21; padding:20px 15px; position:fixed; left:0; bottom:0; width:100%;}*/

/* 상단 바 중 한 메뉴가 열린 상태에서 다른 메뉴를 선택할 수 있게 한 버전 */
.black-bg{top:42px}
.search-wrap{top:42px}
.search-wrap .close-line{display:inline}
.search-wrap .close-line img{top:0}
.menu-wrap{top:42px}
.menu-wrap .close-line{display:inline}
.menu-wrap .close-line img{position:fixed; left:0; top:0}
.social-wrap{top:42px}
.social-wrap .close-line{display:inline}
.social-wrap .close-line img{position:fixed; right:0; top:0}
.favorites-list th.fa-visual a{display:inline !important}

/* 20150204 */
.visual .date{font-weight:normal;}
.visual .date .wdir:after{content:" | "}

/* 20150415 */
.quick-link{overflow:hidden}
.f-mail{color:#d4d3d3; font-family:'calibri'}
.f-mail a{color:#d4d3d3; font-family:'calibri'}

/* 20150417 */
.app-down-ban{width:100%; height:45px; position:fixed; bottom:0px; left:0px; background-color:#535353; z-index:1000}

.app-down-ban .app-down-img{height:25px; padding:10px 20px; }

.app-down-ban .app-close{position:absolute; right:0px; top:0px; height:45px; width:32px;}
.app-down-ban .app-close img{height:45px; }

/* 20150420 */
.app-down-ban > a{display:block; width:100%; height:45px; background-color:#535353}