@charset "utf-8";

/* SUB */
.header h1{text-align:center; font-size:18px; font-weight:bold; color:#FFF; font-family:'calibri'; height:42px; line-height:42px}
.header .prev-btn{width:12px; position:absolute; left:45px; top:12px; background:url(/mobile4/images/common/mbar.png) left center no-repeat; padding-left:10px;}
.header .next-btn{width:12px; position:absolute; right:45px; top:12px}
.sub-content{padding-top:42px; background:#F8F8F8; position:relative}
.padding-wrap{padding:15px 20px; position:relative}
.padding-wrap-white{padding:15px 20px; position:relative; background:#FFF}
.gray-btn{padding:0 20px; height:25px; line-height:25px; font-family:'calibri'; background:url(/mobile4/images/sub/gbtn-bg.gif) left top repeat-x; display:inline-block; color:#FFF; font-weight:bold; font-size:14px; text-align:center}
.gray-btn:hover{color:#FFF}
.wgray-btn{padding:0 20px; height:25px; line-height:25px; font-family:'calibri'; background:url(/mobile4/images/sub/wgbtn-bg.gif) left top repeat-x; display:inline-block; color:#666; font-weight:bold; font-size:14px; text-align:center}
.wgray-btn:hover{color:#666}
.sgray-btn{padding:0 10px; height:20px; line-height:20px; color:#FFF; font-family:'calibri'; background:#9f9f9f; display:inline-block; font-size:14px; text-align:center}
.sgray-btn:hover{color:#fff}
.mailink{color:#0d6eaf !important}
.mailink:hover{color:#0d6eaf !important}
.blue-btn{border-radius:3px; background:#0d6eaf; padding:3px 5px; font-weight:normal; font-size:12px; color:#ffffff; vertical-align:middle}
.blue-btn:hover{color:#fff}
.option-btn{width:22px; height:22px; overflow:hidden; display:inline-block; vertical-align:middle}
.option-btn img{width:21px; height:21px; vertical-align:middle}
.top-btn{width:45px; position:fixed; right:10px; bottom:10px; opacity:0.8; cursor:pointer; z-index:999}
.favo-margin{margin:0 0 10px 0 !important}

.share-table{width:100%; table-layout:fixed}
.share-table td{vertical-align:top; text-align:center}
.share-table td img{width:30px}
.share-table td p{font-weight:bold}

.option-list .blue-btn{background:#939393;}
.option-list .blue-btn.on{background:#0d6eaf;}

/* Login */
.login-table{width:100%; table-layout:fixed}
.login-table th{font-weight:bold; color:#333333; font-size:13px; font-family:Verdana, Geneva, sans-serif; text-align:left; padding:5px 0}
.login-table td{text-align:left; padding:5px 0}
.login-table td input{border:1px solid #dcdcdc; width:100%}
.login-table td.check{font-family:Verdana, Geneva, sans-serif; color:#666666; font-size:12px; padding:5px 0}
.login-table td.check input{border:0; width:auto}
.login-table td.inp select{width:100%; border:1px solid #dcdcdc}
.login-table td.inp p{margin:3px 0}
.login-table td.radi input{border:0; width:auto}
.login-table td.center{text-align:center}
.login-table td.right{text-align:right; font-size:12px}
.login-table td.right a{font-weight:bold}
.login-table td.right input{border:0; width:auto}

.forgot-line{padding:7px 15px; background:url("/mobile4/images/sub/forgot-bg.gif") right top no-repeat; background-color:#e9e9e9;}
.forgot-line a{font-family:'calibri'; font-weight:normal; font-size:14px; width:100%; display:inline-block; color:#666}

.fyp{padding:0 0 20px 0; margin:0 0 20px 0; border-bottom:1px solid #cbcbcb; font-family:Verdana, Geneva, sans-serif; color:#666666; font-size:12px}

.tos{padding:20px 15px; background:#FFF}
.tos h3{text-align:center; font-size:17px; font-family:'calibri'; margin:0 0 5px 0;}
.tos div{font-family:Verdana, Geneva, sans-serif; font-size:15px; background:#f8f8f8; border:1px solid #e8e6e6; padding:10px; color:#666666; font-size:11px; position:relative}
.tos div h4{margin:0 0 10px 0; color:#333; font-size:13px}
.tos div h5{font-size:12px; margin:0 0 5px 0}
.tos div .tos-close{cursor:pointer; width:20px; position:absolute; right:10px; top:10px}

.deactivate dt{color:#333333; font-weight:bold; font-size:13px; font-family:Verdana, Geneva, sans-serif; margin:0 0 5px 0}
.deactivate dd{color:#464646; font-size:12px; font-family:Verdana, Geneva, sans-serif; margin:2px 0; padding-left:13px; text-indent:-13px; margin-bottom:5px}
.deactivate dd.txar{padding-left:0; text-indent:0; margin-bottom:0; margin:0}
.deactivate dd.txar textarea{width:100%; border:1px solid #dcdcdc; height:80px}
.deactivate dd input{vertical-align:middle; margin-right:3px}
.btn-center{margin:10px 0 10px 0; text-align:center}

/* My */
.favorites-table{width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0}
.favorites-table th{text-align:center; height:27px; line-height:27px; background:url(/mobile4/images/sub/wgbtn-bg.gif) repeat-x; border-right:1px solid #b4b4b4; position:relative}
.favorites-table th a{color:#666666; font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:normal; display:inline-block; width:100%}
.favorites-table th.on{background:url(/mobile4/images/sub/gbtn-bg.gif) repeat-x;}
.favorites-table th.on a{color:#FFF}
.favorites-table th.last{border-right:0}
.favorites-table th .gbull{position:absolute; bottom:-5px; left:50%; width:10px; margin-left:-5px; display:none}
.favorites-table th.on .gbull{display:inline}

.favorites-list{width:100%; table-layout:fixed; font-family:Verdana, Geneva, sans-serif}
.favorites-list th.fa-visual a{position:relative; display:inline-block;}
.favorites-list th.fa-visual a img{width:100%}
.favorites-list th.fa-visual p{position:absolute; left:5px; bottom:5px; color:#FFF; font-size:12px; font-weight:normal; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:70%; display:inline-block}
.favorites-list th.fa-visual .j-star{position:absolute; right:5px; bottom:5px; width:17px}
.favorites-list th.fa-visual .fa-back{position:absolute; bottom:0; left:0; width:100%; height:25px; opacity:0.8}
.favorites-list th{vertical-align:top; padding:15px 0; border-bottom:1px solid #dcdcdc; position:relative}
.favorites-list tr:nth-last-child(1) th{border-bottom:0}
.favorites-list tr:nth-last-child(1) td{border-bottom:0}
.favorites-list td{vertical-align:top; padding:15px 0; border-bottom:1px solid #dcdcdc}
.favorites-list td dl dt{margin:0 0 3px 0}
.favorites-list td dl dt a{color:#333; font-weight:bold; font-size:15px;}
.favorites-list td dl dd.date{font-size:12px; font-weight:normal; color:#878787; letter-spacing:-1px}
.favorites-list td dl dd.date span{background:url(/mobile4/images/main/fbar.gif) right center no-repeat; padding-right:9px; margin-right:3px; color:#878787; vertical-align:middle}
.favorites-list td dl dd.date span:nth-last-child(1){background:none; margin-right:0;}
.favorites-list td dl dd.con{font-size:12px; font-weight:normal; color:#666666; margin:10px 0 0 0}
.favorites-list td dl dd.con{line-height:15px}
.favorites-list td dl dd.con p{margin:0 0 2px 0}
.favorites-list td dl dd.con p a{color:#666}
.favorites-list td dl dt.small a{font-size:13px}

.favorites-list.people th{border-bottom:0; padding:10px 0}
.favorites-list.people td{border-bottom:0}

.history-list{overflow:hidden; position:relative}
.history-list li{padding:10px 15px; background:#FFF}
.history-list li.gray{background:#f8f8f8}
.history-list li a{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:95%; display:inline-block; font-family:Verdana, Geneva, sans-serif}
.history-list li a .name{color:#333; font-weight:bold; display:inline-block; background:url(/mobile4/images/sub/fbar.gif) right 5px no-repeat; padding-right:10px; margin-right:5px}

/* Database */
.sub-search{overflow:hidden; position:relative; padding:10px 15px; background:#f8f8f8; border-bottom:1px solid #dcdcdc;}
.sub-search table{width:100%;}
.sub-search table td input{width:100%; padding:4px 0}

.scb{position:relative; font-family:Verdana, Geneva, sans-serif; color:#666666; font-size:12px; border-top:1px solid #d6d6d6; margin-top:10px; padding-top:10px}
.scb span{font-weight:bold; color:#333;}

.subtit{overflow:hidden; position:relative; font-family:Verdana, Geneva, sans-serif; margin:0 0 10px 0}
.subtit dt{color:#333333; font-weight:bold; font-size:15px}
.subtit dd{color:#878787; font-weight:normal; font-size:12px; margin:5px 0 0 0}
.subtit dd span{display:inline-block; background:url(/mobile4/images/common/cbar.gif) right center no-repeat; padding-right:10px; margin-right:5px}
.subtit dd span:nth-last-child(1){background:none;}

.subvisual{width:100%; overflow:hidden; margin:10px 0 10px 0}
.subvisual img{width:100%}

.subdate{margin:10px 0 5px 0;}
.subdate span{display:inline-block; background:url(/mobile4/images/common/cbar.gif) right center no-repeat; padding-right:7px; margin-right:4px; color:#878787; font-weight:normal; font-size:12px}
.subdate span:nth-last-child(1){background:none}

.sublist{overflow:hidden}
.sublist li{margin:0 0 4px 0; line-height:13px}
.subcon{padding:20px 0 20px 0; margin-top:20px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc}
.subtail{font-size:12px; color:#878787; padding:10px 0 10px 0}

.comtit{font-size:15px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; color:#333333; margin:0 0 5px 0}
.comtit02{font-size:13px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; color:#666666; margin:10px 0 5px 0}
.coarea{border:1px solid #dcdcdc; width:100%; height:50px}

.comty-table{width:100%; margin:5px 0 5px 0}
.comty-table td img{width:50px; vertical-align:middle}
.reply-list{background:#FFF; overflow:hidden; border:1px solid #d3d3d3}
.reply-list li{padding:10px; border-bottom:1px solid #d3d3d3; font-family:Verdana, Geneva, sans-serif; color:#666666; font-size:12px; line-height:15px}
.reply-list li:nth-last-child(1){border-bottom:0}
.reply-list li p.date{margin:5px 0 0 0}
.reply-list li p.date span{font-size:11px; color:#878787; display:inline-block; background:url(/mobile4/images/sub/fbar.gif) right 5px no-repeat; padding-right:8px; margin-right:3px}
.reply-list li p.date span:nth-last-child(1){background:none}
.reply-list li p.date span img{width:15px; margin-left:5px}
.reply-list li p.re-close{text-align:right}
.reply-list li p.re-close img{width:18px}

.related-table{width:100%;}
.related-table td{vertical-align:top}
.related-table td a img{width:100%; display:block; margin:0 0 5px 0}

.refi-list li{color:#666; font-size:12px; text-indent:-8px; padding-left:8px; margin-bottom:2px}
.refi-list li.from{text-indent:0; padding-left:0}
.refi-list li a{color:#666; font-size:12px}
.refi-list li .sgtit{font-size:11px; color:#878787;}

.refi-list.lring li{margin-bottom:5px}

.related-people{width:100%;}
.related-people td{padding-bottom:15px}
.related-people td a img{width:100%}

.see-all{text-align:right}
.see-all a img{width:50px}

.star-c{width:17px; vertical-align:middle; margin-right:5px}

.tname{color:#333; font-weight:bold; font-size:16px;}
.ttre{font-size:13px; font-weight:normal; color:#878787}

.header h2{color:#FFF; font-weight:bold; font-size:17px; font-family:'calibri'; position:absolute; left:15px; top:3px}
.header h3{font-weight:normal; color:#abd0ea; font-size:13px; font-family:'calibri'; position:absolute; left:15px; top:21px}
.header .turn{position:absolute; right:40px; top:6px; width:27px}
.header .wclose{position:absolute; right:10px; top:8px; width:25px;}

.people-view{overflow:hidden; display:block}
.people-view img{width:100%; padding:5px 0}

.companies-list{overflow:hidden}
.companies-list li{padding:10px 15px; border-bottom:1px solid #d0d0d0; background:url(/mobile4/images/sub/clbar-bg.gif) right center no-repeat; background-color:#FFF; }
.companies-list li a{font-size:12px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; color:#333333; display:block}

#people-img img{padding:5px 0; width:100%;}
.padding-wrap div#people-img.ui-page.ui-page-theme-a.ui-page-active{min-height:100px !important;}
.ui-loader.ui-corner-all.ui-body-a.ui-loader-default{display:none !important}

.gray-select{width:100%; margin:0 0 5px 0; height:26px; background:#dedede; font-weight:bold; color:#333333; font-family:Verdana, Geneva, sans-serif;}

.production-table{width:100%; table-layout:fixed; border-top:1px solid #404040; margin:15px 0 5px 0}
.production-table th{background:#f8f8f8; padding:10px; text-align:left; border-bottom:1px solid #e0e0e0}
.production-table td{background:#FFF; padding:10px; border-bottom:1px solid #e0e0e0}

/* STATISTICS */
.bof-wrap{overflow:hidden; position:relative; padding:10px 15px; background:#fff; border-bottom:1px solid #dcdcdc; font-size:14px; color:#333333; font-weight:bold}
.bof-wrap .posi-left span{color:#0d6eaf}
.bof-wrap .posi-center span{color:#0d6eaf}
.posi-left{display:inline-block; overflow:hidden; width:70%}
.posi-right{display:inline-bloock; float:right; width:30%; text-align:right}
.posi-center{display:block; overflow:hidden; text-align:center}
.pos-btn{vertical-align:middle; width:20px; margin:0 2px}

.box-option{position:fixed; left:0; top:0px; z-index:50; display:none}
.box-option .search-con{background:#f8f8f8; padding:20px 15px;}
.box-option .close-line{width:100%; height:42px}
.box-option .close-line img{cursor:pointer; position:fixed; right:0}
.box-option .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}
.box-option input[type="search"]{width:100%; font-family:'calibri'; color:#666; font-size:12px; border:1px solid #dcdcdc; padding:2px 0}
.option-list{overflow:hidden; margin:0 0 10px 0}
.option-list li{float:left; padding:5px 7px 6px 0}
.col-btn{cursor:pointer; width:21px; height:21px; position:absolute; right:5px; top:50px;}

.boxoffice-list{width:100%}
.boxoffice-list td{background:#f8f8f8; padding:10px; vertical-align:top}
.boxoffice-list td.fir{padding:10px; padding-right:5px}
.boxoffice-list tr.white td{background:#fff}
.boxoffice-list td .number{display:inline-block; width:18px; height:18px; line-height:18px; font-size:11px; text-align:center; color:#FFF; background:#878787; border:1px solid #777777}
.boxoffice-list td .bx-img{width:100%}
.boxoffice-list td dl{overflow:hidden; padding:0 5px; font-family:Verdana, Geneva, sans-serif}
.boxoffice-list td dl dt{font-size:14px; color:#333333; font-weight:bold}
.boxoffice-list td dl dt a{color:#333}
.boxoffice-list td dl dd{color:#878787; font-weight:normal; font-size:12px; letter-spacing:-1px}
.boxoffice-list td dl dd span{display:inline-block; background:url(/mobile4/images/sub/fbar.gif) right center no-repeat; padding-right:7px; margin-right:5px}

.tabti{display:none}

/* NEWS */
.feaimg img{width:100%; margin:0 0 10px 0}


/* user */
.inquiry-tit{width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0}
.inquiry-tit th{text-align:left; padding:0 10px; height:26px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f0f0f0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f0f0f0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f0f0f0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
border:1px solid #cecece; border-right:0
}
.inquiry-tit td{border:1px solid #cecece; border-left:0; vertical-align:middle;
background: #eaeaea; /* Old browsers */
background: -moz-linear-gradient(top,  #eaeaea 0%, #cfcfcf 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#cfcfcf)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eaeaea 0%,#cfcfcf 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eaeaea 0%,#cfcfcf 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eaeaea 0%,#cfcfcf 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eaeaea 0%,#cfcfcf 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#cfcfcf',GradientType=0 ); /* IE6-9 */
}
.inquiry-tit td img{width:70px; cursor:pointer}

.inquiry-layer{width:100%; height:auto; margin:0 20px; background:#696969; position:fixed; left:0; top:30%; display:none}
.il-wrap{margin:10px; overflow:hidden;}
.il-wrap ol{overflow:hidden}
.il-wrap ol li{display:inline-block; padding:5px; background:#FFF; margin-right:0px; margin-bottom:5px; min-width:18px; text-align:center; overflow:hidden; border-radius:3px}
.il-wrap ol li a{font-weight:bold; font-size:15px; color:#696969; text-shadow:2px 1px 1px #c0c0c0}
.il-wrap > a > img{width:25px; cursor:pointer; float:right; margin:3px}


/* Contact us */
.contact-tit{font-size:15px; color:#333; font-weight:bold; margin:0 0 10px 0}
.contact-sm-tit{font-size:13px; color:#666; font-weight:bold; margin:20px 0 5px 0}
.contact-list{overflow:hidden; line-height:15px}
.contact-list li{font-size:12px; color:#666; margin:0 0 2px 0}

/* PODCAST */
.pod-tit{overflow:hidden}
.pod-tit dt{font-size:12px; color:#666; font-weight:bold}
.pod-tit dd{font-size:15px; color:#333; font-weight:bold; margin:0 0 15px 0}
.file-down{width:25px}
.podcast-list{border-top:1px solid #dcdcdc}
.podcast-list td{padding:10px 0; border-bottom:1px solid #dcdcdc}
.podcast-list td dl dt a{font-weight:bold; color:#333}
.podcast-list td dl dt a span{color:#0d6eaf}
.podcast-list td dl dd{font-size:12px; color:#878787}
.podcast-list td dl dd span{display:inline-block; background:url("/mobile4/images/sub/fbar.gif") right center no-repeat; padding-right:7px; margin-right:5px;}

/* ABOUT KOBIZ */
.contact-list.about li{font-size:12px; color:#000; margin:0 0 10px 0}
.social-table.about{width:100%; table-layout:fixed; margin:20px 0 40px 0; font-family:Verdana, Geneva, sans-serif; border:1px solid #b7afb0}
.social-table.about td{text-align:center; vertical-align:top; padding:15px 0;
background: #f6f6f6; /* Old browsers */
background: -moz-linear-gradient(top,  #f6f6f6 0%, #d7d7d7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#d7d7d7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f6f6f6 0%,#d7d7d7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f6f6f6 0%,#d7d7d7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f6f6f6 0%,#d7d7d7 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f6f6f6 0%,#d7d7d7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#d7d7d7',GradientType=0 ); /* IE6-9 */;
border-right:1px solid #b7afb0
}
.social-table.about td img{width:30px}
.social-table td.about p{color:#464646; font-weight:bold; font-size:11px; margin:5px 0 0 0}

/* 포뎁스 김진모 */
.header h1{margin-left:80px; margin-right:80px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

/* 하단 바 항상 보이게 할 수 있는 버전*/
/*.sub-content {padding-top:42px; padding-bottom:112px; background:#FFFFFF; position:relative}*/

.sub-content {padding-top:42px; background:#FFFFFF; position:relative}
.padding-wrap{padding:15px 20px; position:relative; background:#F8F8F8;}
/*.sub-search.on {overflow:hidden; position:relative; padding:10px 15px; background:#FFFFFF; border-bottom:1px solid #dcdcdc;}*/

.forgot-line{padding:10px 15px; background:url("/mobile4/images/sub/forgot-bg.gif") right center no-repeat; background-color:#e9e9e9;}

.companies-list li{padding:12px 15px; border-bottom:1px solid #d0d0d0; background:url(/mobile4/images/sub/clbar-bg.gif) right center no-repeat; background-color:#FFF; }
.gray-btn-search{padding:0 10px; line-height:20px; font-family:'calibri'; background:url(/mobile4/images/sub/gbtn-bg.gif) left top repeat-x; display:inline-block; color:#FFF; font-weight:bold; font-size:12px; text-align:center}
.box-option{position:fixed; left:0; top:0px; width:100%; z-index:50; display:none}

.login-table td.left{text-align:left; font-size:12px}
.login-table td.left a{font-weight:bold}
.login-table td.left input{border:0; width:auto}

/* 트레일러 버튼 */
.trailer{margin:5px 0 0 0;}
.favorites-list th.fa-visual .trailer a{width:100%; border-radius:3px; color:#FFF; font-size:15px; background:#0d6eaf; display:block !important; font-weight:normal; padding:5px 0}
div#trailerArea { float: left; position:absolute; background-color:#fff; top:200px; left:50px; display:none; z-index:100;}

/* 박스 오피스 메뉴 체크박스 추가 */
.box-office-check{margin-top:10px;}

/* 다양성 영화 글자 버튼 - 오렌지 색*/
.orange-btn{border-radius:3px; background:#f5671f ; padding:3px 5px; font-weight:normal; font-size:12px; color:#ffffff; vertical-align:middle}
.orange-btn:hover{color:#fff}