@charset "utf-8";

/* font */
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

/* common */
html, body, div, span, 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, 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, menu, nav, section, main, summary, 
time, mark, audio, video {margin:0;	padding:0; border:0; outline:0; box-sizing:border-box; background:transparent; font-size:100%;}
html {height:100%;}
body {min-width:1024px; height:100%; overflow-x:auto; color:#fff; font-size:100%; font-weight:300; font-family:"Noto Sans KR", "Malgun Gothic", Dotum, sans-serif; line-height:1;}
a {box-sizing:border-box; color:#fff; text-decoration:none;}

/* style */
#wrapper {position:relative; width:100%; height:100%; box-sizing:border-box;overflow:hidden}
.contents {width:100%;height:100%;}
.video_wrap {width:100%;height:100%;overflow:hidden;}


/* video*/
.resort_logo {position: absolute; top: 70px;left: 120px;width: 167px;height: 37px;z-index: 2;}
.resort_logo a {display: block; height: 100%; text-indent: -999em; background: url("/web/images/intro/intro_logo_violet.png") no-repeat; background-size: 100% auto;}
.video_wrap {position:relative;}
.video_wrap .dim{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3); z-index: 1;}
.video_wrap video {
-webkit-transform: translateX(-50%) translateY(0%);
-moz-transform: translateX(-50%) translateY(0%);
-ms-transform: translateX(-50%) translateY(0%);
-o-transform: translateX(-50%) translateY(0%);
transform: translateX(-50%) translateY(0%);
position: absolute;
top: 0;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
}
.btn_links {position:absolute;left:50%;bottom:120px;transform:translate(-50%, 0);width: 100%;text-align:center;z-index: 2;}
.btn_links > a {display:inline-block;width:360px;height:98px;border: 1px solid rgba(51, 51, 51, .5);font-family: Montserrat, sans-serif;font-weight: 600;letter-spacing: -1px;font-size: 32px;line-height: 96px;}
.btn_links > a:hover{border-width: 5px;border-color: #333;line-height: 88px;}
.btn_links > a:first-child {margin-right:21px;}
.btn_links ul {font-size: 0;margin-top:49px;}
.btn_links ul li {position:relative;display:inline-block;width:158px;font-size:18px;color:#fefefe;text-align:center;}
.btn_links ul li:nth-child(n+2):before{content:"";position:absolute;top:5px;left:0;width:1px;height:9px;background-color: rgba(255, 255, 255, .5);}