@charset "UTF-8";

/*------------------------------------*\
	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;background:transparent}
body{line-height:1.8;font-size:16px;font-family:'Apple SD Gothic Neo','Apple Gothic', '굴림', gulim, '돋움', dotum;color:#474747}
ul{list-style-type:none}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}
table{table-layout:fixed;border-collapse:collapse;border-spacing:0;empty-cells:show}
input,select{margin:0;padding:0;vertical-align:middle}
button{margin:0;padding:0;border:0;background:transparent;cursor:pointer;font:inherit}
img{max-width:100%}
body{-moz-text-size-adjust:none;-ms-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}
.a11y-hidden{overflow:hidden !important;clip:rect(1px, 1px, 1px, 1px) !important;position:absolute !important;width:1px !important;height:1px !important}

.main{
	padding-top:7.65625%;
	background-color:#002f41;
	background-image:url(/moviecoupon/img/bg_main.png), url(/moviecoupon/img/bg_main_bttm.gif);
	background-repeat:no-repeat, repeat-x;
	background-position:center 36.375%, 0 bottom;
	-webkit-background-size:98.125% auto, 27px auto;
	background-size:98.125% auto, 27px auto;
}
.main img{display:block}
.main .heading{
	margin:0 auto 2.5%;
	max-width:325px;
	width:50.78125%;
}
.main .intro{
	margin:0 auto;
	padding-bottom:10.15625%;
	max-width:511px;
	width:79.84375%;
}
#movieFrame{
	position:relative;
	margin:0 auto;
	padding-bottom:2.5%;
	max-width:370px;
	width:57.8125%;
	height:auto;
	z-index:1;
}
#movieFrame .poster{
	position:absolute;
	margin:0 auto;
	top:4.6875%;
	left:0;
	right:0;
	width:73%;
	z-index:1;
}
#movieFrame .poster img:first-child{
	position:relative;
	z-index:-1;
}
#movieFrame .poster img.btn-runapp{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	z-index:2;
	max-width:224px;
	width:82.96296296296296%;
	height:auto;
}
.benefit{
	margin:0 auto;
	padding-bottom:16.09375%;
	max-width:640px
}
.benefit img{
	margin:0 auto;
	max-width:589px;
	width:92.03125%;
}
@media all and (min-width:640px){
	.main{
		padding-top:49px;
		-webkit-background-size:628px auto, 27px auto;
		background-size:628px auto, 27px auto;
	}
	.main .heading{
		margin-bottom:16px;
	}
	.main .intro{
		padding-bottom:65px;
	}
	#movieFrame{
		padding-bottom:16px;
		height:475px;
	}
	.benefit{		
		padding-bottom:103px;
	}
	.benefit img{
		margin:0 auto;
	}
}
.caution{
	background-color:#014a5a;
	background-image:url(/moviecoupon/img/bg_caution_bttm.gif);
	background-repeat:repeat-x;
	background-position:0 bottom;
	-webkit-background-size:27px auto;
	background-size:27px auto;
}
.caution .heading{
	position:relative;
	margin:0 auto;
	max-width:345px;
	width:53.90625%;
}
.caution .heading img{
	position:absolute;
	margin-top:-7.246376811594203%;
}
.caution-body{
	margin:0 auto;
	padding-top:8.75%;
	padding-bottom:7.5%;
	max-width:585px;
	width:91.40625%;
}
@media all and (min-width:640px){
	.caution-body{
		padding-top:56px;
		padding-bottom:48px;
	}
}
.guide{
	background-color:#e7e7e7;
}
.guide .heading{
	position:relative;
	margin:0 auto;
	max-width:345px;
	width:53.90625%;
}
.guide .heading img{
	position:absolute;
	margin-top:-7.246376811594203%;
}
.guide-body{
	margin:0 auto;
	padding-top:12.03125%;
	max-width:593px;
	width:92.65625%;
}
@media all and (min-width:640px){
	.guide-body{
		padding-top:77px;
	}
}
.foot{
	margin-top:-12.03125%;
	background-color:#f46857;
	background-image:url(/moviecoupon/img/bg_guide_bttm.gif), url(/moviecoupon/img/bg_foot.png);
	background-repeat:repeat-x, no-repeat;
	background-position:0 0, center 10px;
	-webkit-background-size:27px auto, 95.3125% auto;
	background-size:27px auto, 95.3125% auto;
}
.foot-body{
	margin:0 auto;
	padding-top:17.8125%;
	padding-bottom:11.875%;
	max-width:525px;
	width:82.03125%;
}
@media all and (min-width:640px){
	.foot{		
		margin-top:-77px;
		-webkit-background-size:27px auto, 640px auto;
		background-size:27px auto, 640px auto;
	}
	.foot-body{
		padding-top:114px;
		padding-bottom:76px;
	}
}