@charset "UTF-8";

/* CSS reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, hr, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, span, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font-style:normal;font-variant:normal;font-weight:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;line-height:120%}
input, select{margin:0;padding:0;font-style:normal;font-variant:normal;font-weight:inherit;font-size:100%;font-family:inherit;line-height:120%}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
body{font-family:'Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','AppleGothic','NanumGothic','나눔고딕','Droid sans','Microsoft NeoGothic';-webkit-text-size-adjust:none}
li{list-style:none}
blockquote, q{quotes:'"' '"'}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
address{font-style:normal}
input, select, button, img{vertical-align:middle}
button{display:block;margin:0;padding:0;border:0;background-color:transparent;font:inherit;color:inherit;cursor:pointer}
a{font-size:inherit;color:inherit;text-decoration:none}
strong, em{font-size:inherit;line-height:inherit}

html, body{height:100%}
#videoWrap{overflow:hidden;position:relative;height:100%}
.btn_skip{position:absolute;left:50%;bottom:100px;width:160px;height:161px;margin-left:-80px}
.btn_skip > .logo{position:relative;height:152px}
.btn_skip > .logo:before{content:'';opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;background:url('../img/intro/logo02.png') no-repeat;transition:opacity 0.3s}
.btn_skip > .logo:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url('../img/intro/logo01.png') no-repeat}
.btn_skip:hover > .logo:before{opacity:1}
.btn_skip > p{position:absolute;left:0;bottom:0;width:100%;height:24px;background:url('../img/intro/btn_skip.png') no-repeat center bottom;font-size:0}