@CHARSET "UTF-8";

/* 나눔 스퀘어 */
@font-face {
	 font-family:"NanumSquare";
	 src:url(/mobile/css/font/NanumSquareR.eot);
	 src:url(/mobile/css/font/NanumSquareR.eot?#iefix) format("embedded-opentype"),
	 src:url(/mobile/css/font/NanumSquareR.woff) format("woff"),
	 src:url(/mobile/css/font/NanumSquareR.ttf) format("truetype");
}

/* 단위 : em */
/* reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul,li,dt,dd{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;/* font-size:100%; */vertical-align:baseline;background:transparent; text-decoration:none; color:#666;}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle; box-sizing:border-box;}
/* img{width:100%;} */
legend{display:none;}
body{background-color:#fff; font-family: 'NanumSquare';}

#wrap{position:relative;  min-width:320px; max-width:640px; margin:0 auto; width:100%; overflow:hidden;}
/* @media (min-width:412px){
	#wrap{
		font-size:7px;
	}
}
@media (max-width:540px){
	#wrap{
		font-size:7px;
	}
} */
header {
	position: relative;
	width: 100%;	
	height: 4.14286em;
	background-color: #282828;
	border-bottom: 1px solid #4a4a4a;
}
header div {
	display: inline-block;
}
header .left {
	float: left;
	width: 11em;
	margin-left: 2.143em;
	margin-top: 1em;
}
header .left span {
	display: block;
	font-size: 1em;
	font-weight: bold;
	color:#9c9c9c;
}
header .center {
	width: 12em;
	margin-left: calc(50% - 11em - 2.143em - 3em);
	margin-top: 0.57143em;
}
header .right {
	float: right;
	width: 4.0714em;
}
header a {
	display: inline-block;
	width: 100%;
}
header a img {
	width: 100%;
}
nav {
	position: relative;
	width: 100%;
	height: 4.35714em;
	background-color: #282828;
	border-bottom: 1px solid #4a4a4a;
}
nav ul {
	width: 100%;
	height: 100%;
	padding: 0 2%;
}
nav ul li {
	float: left;
	width: 16.6%;
	height: 100%;
	line-height: 4.35714em;
}
nav ul li.selected {
	border-bottom: 2px solid #e12a25;
}
nav ul li a {
	display: inline-block;
	width: 100%;	
	font-size: 1.28571em;
	color: white;
	text-align: center;
}
.visual {
	width: 100%;
	/* height: 33.57143em; */
	background-color: #313131;
	padding: 2.57143em 2em;	
}
.visual .slide_wrap {
	position: relative;
	width: 100%;
	/* height: 100%; */
}
.visual .slides {
	position: relative;	
	/* width: 100%; */
	/* height: 100%; */
	/*overflow: hidden;*/
}
.visual .slides li {
	position: relative;
	display: inline-block;
	width: 46%;
	/*min-height: 34em;*/
	/* margin: 0 1em;  */
	/* padding-top: 78%; */
	/* height: 100%;	
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover; */
	color:white;
	background-color: white;
}
.visual .slide_wrap li:not(:first-child) {
	/* margin-left: 5%; */
	/* margin-left: 2em; */
}
.visual .slides li a {
/*
	position: absolute;
	display:inline-block;
	width: 100%;
	height: 100%; 
	left: 0;
	top: 0;
	*/
}
.visual .slides span {
	display:inline-block;
}
.visual .slides > img {
	width: 100%;
}
.visual .slides .image {
	width: 100%;
	/* height: 85%;
	background-repeat: no-repeat;
	background-position: top;
	background-size: 100% 100%; */
	background-color: white;
}
.visual .slides .image img {
	display: inline-block;
	vertical-align: top;
	opacity:0;
}
.visual .slides .state {
	display: inline-block;
	position: absolute;
	width: 62%;
	height: 8%;
	left: 0;
	top: 0;
	box-shadow:1px 1px 10px #000;
	overflow: hidden;
}
.visual .slides .mov_time_table { margin:10px 0 0 10px; font-size:0; }
.visual .slides .mov_time_table p { display:inline-block; /*border-radius:7px;*/ padding:1px !important 3px !important; margin-right:5px; background:#503396; font-size:12px !important; color:#fff; }
.visual .slides .mov_time_table.empty li { background:#928F8E; }
.visual .slides .state span {
	float: left;
}
.visual .slides .state .display {
	width: 40%;
}
.visual .slides .state .premiere_date {
	display:inline-block; 
	width: 60%;
	/* height:37px; 
	line-height:37px; */ 
	height: 100%;
	text-align: center;
	color: white; 
	padding: 0 3px;
	font-size: 1em;
	padding-top: 0.8em;
	background-repeat: no-repeat;
	background-size: 100% 100%;	
}
.visual .slides .state .screening_date {
	background-image: url('/mobile/images/main/movie_list/screening_bg.png');
}
.visual .slides .state .schedule_date {
	background-image: url('/mobile/images/main/movie_list/schedule_bg.png');
}
.visual .slides .info {
	display: inline-block;
	width: 100%;
	/*height: 20%;*/ 
	padding: 1em;
	background-color: white;
}
.visual .slides .info span {
	float: left;
}
.visual .slides .rate {
	width: 1.57142em;
	margin-top: 0;
	margin-right: 0.42857em;
}
.visual .slides .name {
	width: calc(100% - 2.57142em);
	font-size: 1.42857em;
	font-weight: bold;
	overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
.position {
	width: 100%;
	display: inline-block;
}
.position img {
	width: 100%;
}
.timetable_wrap{
	display: inline-block;
	width: 100%;
	padding: 3.57142em 2.14285em 0;
}
.timetable_content{
	width: 100%;
}
.title{
	display: inline-block;
	width: 100%;	
	/* font-weight: bold; */
}
.head {
	font-weight: bold;
}
.title span {
	display: inline-block;
}
.name {
	float: left;
	font-size: 2.01428em;
	color: #231f20;
	font-weight: bold;
}
.more {
	float: right;
	font-size: 1.07142em;
	width: 1.5em;
	height: 1.5em;
	background-color: #928f8e;
	border-radius: 1em;
	text-align: center;
	color: white;
	font-weight: bold;
	margin-top: 0.28571em;
}
.timetable_content table{
	width: 100%; 
	margin-top: 0.5em;
	font-size:1.52142em;
	border-collapse: separate;
	border-spacing: 0;
}
.timetable_content table thead,
.timetable_content table td:first-child{
	/*background:#e2e2e2;*/
}
.timetable_content table thead tr td{
	color:#fff;
	background:#777;
	border-top:0;
	font-weight: bold;
}
.timetable_content table thead tr td:first-child{
	border-top-left-radius:0.8em;
	border-left:0;
}
.timetable_content table thead tr td:last-child{
	border-top-right-radius:0.8em;
	border-right:0;
}
.timetable_content table tbody tr:last-child td:first-child{
	border-bottom-left-radius:0.8em;
}
.timetable_content table tbody tr:last-child td:last-child{
	border-bottom-right-radius:0.8em;
}
.timetable_content table tbody tr td:last-child{
	border-right:1px solid #cdcdcd; 
}
.timetable_content table tbody tr:last-child td{
	border-bottom:1px solid #cdcdcd; 
}
.timetable_content table td{
	/* font-size:1.07142em; */ 
	color:#231f20; 
	text-align:center; 
	border-top:1px solid #cdcdcd; 
	border-left:1px solid #cdcdcd; 
	padding:1em 0;
	font-weight: normal;
	padding-left:10px;
	padding-right:10px;
}
.timetable_content table td.borderless_left{
	border-left:none; 
	background:#eee;
}
.timetable_content table td.borderless_right{
	border-right:none;
}
.notice {
	width: 100%;
	display: inline-block;
	padding: 2.57142em 2.14285em 0;
}
.notice_content {
	width: 100%;	
	display: inline-block;
	padding: 0.5em;
	border-bottom: 1px solid #cdcdcd;
}
.notice_content:last-child {
	border-bottom: none;
}
.notice_content span {
	display: inline-block;
}
.notice_content span:first-child {
	float: left;
	font-size: 1.07142em;
	color: #231f20;
}
.notice_content span:last-child {
	float: right;
	font-size: 0.92857em;
	color: #979797;
}
.gallery {
	width: 100%;
	display: inline-block;
	padding: 1em 2.14285em 0;
}
.gallery .title {
	margin-bottom: 0.5em;
}
.gallery ul {
	width: 100%;
	display: inline-block;
}
.gallery li {
	display: inline-block;
	width: 48%;
	height: 13.85714em;
	background-repeat: no-repeat;
	background-position: top;
	background-size: 100% 100%;	
}
.gallery li:first-child {
	margin-right: 2%;
}
.gallery li a {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 100%;
}
.gallery li span {
	display: inline-block;
	width: 100%;
}
.gallery li .empty {
	height: 78%;
} 
.gallery li .title {	
	height: 22%;
	text-align: center;
	background-color: black;
	opacity: 0.8;
	color: white;
	font-size: 1.07142em;	
	margin-bottom: 0;
	padding: 0.8em 0;
}
.gallery li span.no_list {
	font-size: 1.07142em;
}
.quick {
	display: inline-block;
	width: 100%;
	padding: 2.85714em 0;
	background-color: #313131;
	margin-top: 3.57142em;
}
.quick li {
	width: 33.2%;
	display:inline-block;
	float: left;
}
.quick a {
	width: 100%;
	display: inline-block;
}
.quick img {
	width: 100%;
}
footer {
	display:inline-block;
	width: 100%;
	background-color: #eeeeee;
	color: #959595;
	font-size: 1.28571em;
	padding: 1.666em;
	letter-spacing: -0.142857em;	
	font-weight: 500;	
}
footer a {
	color: #313131;
}
.sub_title {
	width: 100%;
	height: 10em;
	background-image: url('/mobile/images/sub/sub_title_bg.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding-top: 3em;
}
.sub_title span {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 3.42857em;
	color: white;	
}
.content {
	display: inline-block;
	width: 100%;
}
.content img {
	width: 100%;
}
.sub_menu {
	width: 100%;
	padding: 1.71428em 2.14285em 0;
}
.sub_menu ul {
	display: inline-block;
	width: 100%;	
}
.sub_menu li {
	width: 32%;
	float: left;
	text-align: center;
	font-size: 1.42857em;
	color: #1e1e1e;
	background-color: #e4e4e4;
	padding: 0.9em 0;
	font-weight: bold;
	cursor: pointer;
}
.sub_menu .selected {
	color: white;
	background-color: #888888;
}
.sub_menu li:not(:first-child) {
	margin-left: 1%;
}
.movie_wrap {
	display: inline-block;
	width: 100%;
	padding: 3.57142em 2.14285em 0;
}
.movie_wrap .title {
	margin-bottom: 2.14285em;
}
.movie_wrap .poster {
	display: inline-block;
	width: 39%;
	float: left;
}
.movie_wrap img {
	width: 100%;
}
.movie_wrap .info {
	display: inline-block;
	position: relative;
	width: 57%;
	float: right;
}
.movie_wrap .info div {
	display: inline-block;
	width: 100%;
	font-size: 1.07142em;
	margin-bottom: 1em;
}
.movie_wrap .info .state {	
	width:20%;
	margin-bottom: 1.28571em;
}
.movie_wrap .info span {
	display: inline-block;
} 
.movie_wrap .info .head {
	width: 20%;
}
.movie_wrap .info .txt {
	color: #838383;
}
.map {
	display: inline-block;
	width: 100%;
	padding: 3.57142em 2.14285em 0;
}
.map .address {
	display: inline-block;
	width: 100%;
	padding: 2.71428em 0;
}
.map .address span {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 1.42857em;
}
.community {
	display: inline-block;
	width: 100%;
	padding: 3.57142em 2.14285em 0;
}


/*게시판 페이지*/
.page {
  text-align: center;
  /* padding-top: 8.7%; */
  padding: 8.7% 0;
  font-weight: 800;
}
.page a {
  font-size: 2em;
  color: #333;
  margin: 0 4%;
  display: inline-block;
 /* padding-bottom: 0.5%;
  padding-right: 0.3%;*/
}
.page a.current_page {
  color: #ff5608;
  border-bottom: 1px solid #ff5608;
}
.page a.current_page img{width: 11px; height: 21px;}

/* gallery */
.gallery_list {
	clear: both;
	width: 100%;
	margin: 0 auto;
}
.gallery_list ul {
	overflow: hidden;
}
.gallery_list li {
	float: left;
	width: 45%;
	margin: 2%;
	border: 1px solid #d9d9d9;
}
.gallery_list li p.img {
	margin-bottom: 10px;
	height:10em;
}
.gallery_list li p.img img {
	width:100%;
	height:10em;
}
.gallery_list li p.tit {
	color: #222;
	width: 100%;
	padding: 0 0.5em 0.5em;
	font-size: 1.28571em;
	border-left: none;
	border-right: none;
}
.gallery_list li p.txt {
	width: 100%;
	padding: 1em;
	font-size: 0.92857em;
	color: #555;
}
.gallery_list li p.date {
	position: relative;
	width: 100%;
	color: #666;
	background: #ececec;
	padding: 1em;
	font-size: 0.92857em;
}
.sch{float:right;}
.sch  form > select{width: 7em; height: 2.57142em; border:1px solid #d6d6d6;/*  padding:0.3em; */ color:#555;}
.sch  form > input[type="text"]{border:1px solid #d6d6d6; padding:0.5em; width:10em; color:#555;}
.sch  form > input[type="image"]{}

.bx-wrapper {
	padding-top: 0;
}