@import url('https://fonts.googleapis.com/css?family=Raleway:300');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@300;400&display=swap');
.rough {background-image:url("/images/draken/contents_bg.jpg"); background-position:center top; margin-bottom:120px; padding:60px 90px 110px 90px;}

.rough.story {padding:0 70px 100px 70px;}
.story h4 {text-align:center; color:#ffffff; font-size:1.11rem; display:inline-block; width:100%; height:393px; padding-top:342px; background-image:url("/images/draken/prologue_title.png"); background-repeat:no-repeat; background-position:center bottom; letter-spacing:-1px;}
.story p {font-size:1rem; line-height:1.78rem; letter-spacing:-1px; margin-left:430px;}
.story p.head {font-size:1.78rem; line-height:45px; letter-spacing:-3px; margin-left:0px; padding:45px 0 65px 0; text-align:center;}
.story p.head b {font-weight: 700;}
.story img {float:left; margin-top:-20px;}
.story span.hi {background-color:#2b2429; color:#ebe3dd; font-size:1.17rem; font-family: 'NanumSquare'; padding:2px;}
.story span.hi2 {color:#b50f3e; font-size:1.44rem; }

.drakenmap {background-image:url("/images/draken/prologue_map.png?2"); background-repeat:no-repeat; background-position:center center; min-height:500px; margin:100px auto 0 auto; width:100%; max-width:1000px; padding:80px 120px;}
.drakenmap h5 {font-size:1.78rem; font-weight: 500;}
.drakenmap ul {margin-top:15px;}
.drakenmap ul li {font-size:0.94rem; font-weight: 500; line-height:2.11rem;}
.drakenmap ul li span {color:#ffffff; font-size:0.72rem; background-color:#6f0825; height:23px; width:23px; border-radius:12px; display:inline-block; text-align:center; line-height:21px; margin-right:10px;}

.peter {position:relative;}
.peter ul.tab {position:absolute; right:-77px; top:0;}
.peter ul.tab li {width:63px; height:147px; background-image:url("/images/draken/tab_bg.png"); background-repeat:no-repeat; background-position:right center; word-break:keep-all; padding:0 10px; text-align:center; line-height:19px; display:table; margin-bottom:3px;}
.peter ul.tab li.on {width:77px; background-image:url("/images/draken/tab_bg_on.png"); line-height:24px;}
.peter ul.tab li a {font-size:0.89rem; color:#ffffff; display:table-cell; vertical-align:middle;}
.peter ul.tab li.on a {font-size:1.11rem;}
.peter h4 {text-align:center; font-size:2.67rem; font-weight: 300; color:#000000;}
.peter h4 span {font-size:1.11rem; color:#ffffff; background-color:#ed1c24; height:33px; padding:0 20px; border-radius:17px; letter-spacing:2px; }
.peter hr {height:7px; background-image:url("/images/draken/hr_bg.png"); border:none; margin:35px 0;}
.peter p {text-align:center; font-size:1.11rem; line-height:2rem;}
.peter ul.photo {margin:70px 0; *zoom:1;}
.peter ul.photo:after {content:""; clear:both; display:block;}
.peter ul.photo li {float:left; width:47%; margin-left:6%;}
.peter ul.photo li:first-child {margin-left:0%;}
.peter ul.photo li img {width:100%;}
.peter ul.single {width:100%; max-width:708px; margin:70px auto;}
.peter ul.single li {width:100%;}
.peter span.hi {font-size:1.28rem; color:#ed1c24; display:inline-block;}
.peter span.hi2 {font-size:1.67rem; color:#ed1c24; padding:20px 0; display:inline-block;}
.peter iframe {width:100%; height:630px;}

.treasure{margin-bottom:80px;}
.treasure img{width:100%;}
.treasureMovie{padding:64px 80px;background-size:cover;background-position:center;}
.treasureMovie.water{background-image:url(/images/draken/treasure_water_bg.jpg)}
.treasureMovie.wind{background-image:url(/images/draken/treasure_wind_bg.jpg)}
.treasureMovie.fire{background-image:url(/images/draken/treasure_fire_bg.jpg)}
.treasureMovie.soil{background-image:url(/images/draken/treasure_soil_bg.jpg)}
.treasureMovie.love{background-image:url(/images/draken/treasure_love_bg.jpg)}
.treasureMovie.new{background-image:url(/images/draken/treasure_new_bg.jpg)}


#DraKenGuide {padding:0 0 50px; 0;}
#DraKenGuide dl { *zoom:1;}
#DraKenGuide dl:after {content:""; clear:both; display:block;}
#DraKenGuide dl dt {float:left; border-top:1px solid #000000; width:180px; padding:50px 0; color:#8c8c8c; font-size:1rem; font-family: 'NanumSquare'; font-weight: 700; letter-spacing:-2px;}
#DraKenGuide dl dt span {display:block; font-size:1.5rem; font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; color:#000000; word-break:keep-all;}
#DraKenGuide dl dd {float:left; border-bottom:1px solid #e6e6e6; width:calc(100% - 180px); padding:50px 0 50px 90px; font-weight: 300; font-size:0.89rem;  height:auto; }
#DraKenGuide dl dd:nth-child(2) {border-top:1px solid #e6e6e6;}
#DraKenGuide dl dd b {color:#ed1c24; font-weight: 500;}
#DraKenGuide dl dd img {width:100%; }
#DraKenGuide dl dd ul.text > li {line-height:32px; background-image:url("/images/css/bullet.png"); background-repeat:no-repeat; background-position:-410px -200px; padding-left:20px; color:#444444; font-size:1rem; font-weight:500;}
#DraKenGuide dl dd ul.text > li b {color:#ed1c24}
#DraKenGuide dl dd ul.step {margin:0 50px; *zoom:1;}
#DraKenGuide dl dd ul.step:after {content:""; clear:both; display:block;}
#DraKenGuide dl dd ul.step li {float:left; width:200px; height:200px; text-align:center; display:table; margin-left:calc(50% - 300px);}
#DraKenGuide dl dd ul.step li:first-child {margin-left:0;}
#DraKenGuide dl dd ul.step li span {height:200px; color:#ffffff; font-size:1rem; font-weight: 400; line-height:27px; border-radius:100px; background-color:#f73b4b; display:table-cell; vertical-align:middle; letter-spacing:-1px;}
#DraKenGuide dl dd ul.step li:nth-child(2) span {background-color:#5674b9;}
#DraKenGuide dl dd ul.step li:nth-child(3) span {background-color:#00a651;}
#DraKenGuide dl dd ul.step li span b {display:block; font-size:1.56rem; color:#ffffff; line-height:40px;}
#DraKenGuide .slope_check_list{margin-top:0;}
#DraKenGuide .slope_check_list .hi{margin-top:8px;color:#ed1c24}
.slope_solo{font-size:0.79rem; color:#fff; margin-left:8px; padding:4px 8px; background:#314352; border-radius: 8px;}

.OpenTime {clear:both; text-align:center; margin-top:60px;}
.OpenTime p {text-align:center; font-size:1.11rem; font-weight:400;}
.OpenTime p.hi {color:#ed1c24; font-size:0.94rem;}
.OpenTime p.time { color:#4d4d4d; font-size:2.78rem; margin:20px 0;}
.OpenTime p.time span.open {position:relative;}
.OpenTime p.time span.closed {position:relative;}
.OpenTime p.time span.mark {color:#717171; font-size:0.83rem; font-weight: 700; position:absolute; top:-33px; left:0; display:none;}
.OpenTime p.time span.num {color:#1c1c1c; font-size:4.11rem; font-family: 'NanumSquare'; width:67px; height:86px; line-height:92px; display:inline-block; background-color:#f4f4f4; border-radius:7px; vertical-align:middle;}


/* KA0200 */
#Worldview {}
#Worldview .WrapWidth {background-image:url("/images/draken/movie_bg.jpg"); background-repeat:no-repeat; background-position:100% 50%; height:668px;}
#Selectview {float:left; width:calc(100% - 1000px); height:590px; padding:120px 0 0 40px;}
#Selectview span {font-size:2.06rem; color:#000000; font-weight: 300; display:block; line-height:65px; letter-spacing:-3px; padding-left:15px;}
#Selectview span:nth-child(2) {font-size:3.06rem; font-weight: 500;}
#Selectview hr {width:21px; height:3px; border:none; background-color:#000000; margin:20px 15px; float:left;}
#Selectview p {clear:both; font-weight: 100; font-size:1rem; letter-spacing:-1px; color:#000000; line-height:24px; padding-left:15px;}
#Movieframe {float:left; width:1000px; height:590px; padding:35px 115px 0 35px;}
#Movieframe video {width:100%; height:590px;}


/* 스노우파크 */
.snowpark{
	font-weight:300;
	line-height:1
}
.fltClr:after{
	content:'';
	display:block;
	clear:both;
}
.mainVisual{
	height:39.479vw;
	position:relative;
}
.slope_popup{
	background:#fff;
	padding:16px;
	position:absolute;
	top:30px;
	right:30px;
	z-index: 1;
}
.slope_popup table{
	text-align:center;
	margin-top:8px;
	font-size:0.7rem;
	border-top:1px solid #333;
}
.slope_popup tbody tr:first-child{
    
}
.slope_popup th, .slope_popup td{
	padding:12px;
	font-weight:normal;
	border-bottom:1px solid #eee;
}
.slope_popup thead th{
	background:#f1f4f8;
}
.slope_popup td:nth-child(2){
	color:#3784d8;
}
.slope_popup td.wait{
	color:#5dc579;
	background:#ebfbee;
}
.slope_popup td.off{
	color:#aaa;
}
.mainVisual .list{
	background-image:url(/images/snow/main_visual01.jpg?ver=25268);
	background-size:cover;
	background-position:center;
	height:100%;
}
.mainTxt{
	position:absolute;
	top:50%;
	left:50%;
	margin:-322px 0 0 -356px;
	text-align:center;
}
.mainTxt img{
	display:none;
}
.mainTxt a{
	display:inline-block;
	padding:16px 24px 16px 50px;
	position:relative;
	background:#fff;
	border-radius:50px;
	color:#2a6aa2;
	font-size:0.89rem;
}
.mainTxt a:before{
	content:'';
	position:absolute;
	top:12px;
	left:22px;
	width:22px;
	height:26px;
	background:url(/images/snow/ico_cam.png);
}
.snowIntro{
	background-image:url(/images/snow/snow_intro_bg01.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	padding:80px 0;
}
.snowIntro .inner{
	max-width:1300px;
	margin:0 auto;
	position:relative;
	padding-right:418px;
}
.snowIntro .picBox{
	background-image:url(/images/snow/snow_intro_pic01.jpg?v1);
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
	height:423px;
}
.snowIntro .picBox img{
	display:none;
}
.snowIntro .txtBox{
	width:418px;
	height:423px;
	position:absolute;
	top:0;
	right:0;
	background:#fff;
	padding:110px 60px;
	text-align:center;
	font-size:0.89rem;
	font-weight:300;
} 
.snowIntro .txtBox em{
	font-size:1.5rem;
	font-weight:bold;
}
.snowIntro .txtBox p{
	margin-top:24px;
	line-height:1.5;
}
.snowIntro .txtBox a{
	display: inline-block;
    width: 78px;
    height: 26px;
    border: 1px solid #747474;
    vertical-align: middle;
    line-height: 22px;
    color: #010101;
    text-align: center;
    font-size: 0.78rem;
	margin-top:40px;
}
.slope_check{
	margin:80px auto;
}
.slope_check_list{
	margin-top:40px;
}
.slope_check em{
	font-size: 1.5rem;
    font-weight: bold;
}
.slope_check img{
	width:100%;
	margin-top:30px;
}
.slope_check .m_img{
	display:none;
}
.slope_check_list ul:after{
	content:'';
	display:block;
	clear:both;
}
.slope_check_list li{
	width:25%;
	font-size:0.78rem;
	border-top:1px solid #333;
	border-left:1px solid #eee;
	border-bottom:1px solid #eee;
	float:left;
	text-align:center;
}
.slope_check_list li:first-child{
    border-left:none;
}
.slope_check_list li p{
	padding:16px 0;
}
.slope_check_list li p:first-child{
	display:block;
	background:#f1f4f8;
	color:#000;
	font-weight:normal;
}
.slope_check_list li p:nth-child(2){
	font-size:0.89rem;
	font-weight: 400;
}
.slope_check_list li span{
	font-size:0.78rem;
	font-weight:700;
	padding:2px 4px;
	color:#3784d8;
	background:#e7f5ff
}
.slope_check_list li .wait{
	color:#5dc579;
	background:#ebfbee;
}
.slope_check_list li .off{
	color:#aaa;
	font-weight:normal;
	background:#f8f9fa;
}
.linkList{
	margin:80px 0;
}
.linkList li{
	width:49.2%;
	float:left;
	text-align:center;
	font-size:0.89rem;
	border:1px solid #eee;
	margin-left:1.5%;
}
.linkList li:first-child{
	margin-left:0;
}
.linkList a{
	color:#000;
}
.linkList span{
	display:block;
}
.linkList .tit{
	font-size:1.3rem;
	font-weight:bold;
	display:block;
	margin-top:56px;
}
.linkList .con{
	margin-top:16px;
	line-height:1.25;
}
.linkList .img img{
	width:100%;
}
.linkList .linkIcon{
	width:28px;
	height: 28px;
	border:1px solid #000;
	position:relative;
	margin:32px auto;
	background:#fff;
}
.linkList .linkIcon:before, .linkList .linkIcon:after{
	content:'';
	transform:rotate(0deg);
	transition:all .3s;
	background:#000;
	position:absolute;
	top:50%;
	left:50%;
}
.linkList .linkIcon:before{
	width:2px;
	height:14px;
	margin-top:-6px;
	margin-left:-1px
}
.linkList .linkIcon:after{
	width:14px;
	height:2px;
	margin-left:-7px;
}
.linkList a:hover .linkIcon:before, .linkList a:hover .linkIcon:after{
	transform:rotate(180deg);
}

.subMenuWrap{
	display: none;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	font-weight:400;
}
.subMenuWrap ul{
	max-width:1300px;
	margin:0 auto;
}
.subMenuWrap li{
	width:16.615%;
	float:left;
	text-align:center;
	font-size: 0;
}
.subMenuWrap li a{
	position:relative;
	color:#000;
	display:inline-block;
	width:100%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	line-height:60px;
	font-size:0.89rem;
}
.subMenuWrap li.on a:after{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:1px;
	background:#000;
}
.slopeList{
	max-width:1300px;
	margin: 0 auto;
}

.slopeList .list{
	padding-right:548px;
	position:relative;
	margin-top:80px;
}
.slopeList .list .pic img{
	width:100%
}

.slopeList .list .txt{
	width:423px;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
}
.slopeList .list .txt .inner{
	display:table-cell;
	vertical-align:middle;
}
.slopeList .list .txt .mdl{
	display:table;
	height: 100%;
}
.slopeList .list .txt .type{
	background:#000;
	color:#fff;
	padding:4px 8px;
	display:inline-block;
	font-size:0.89rem;
}
.slopeList .list .txt em{
	font-size:2.5rem;
	font-weight:bold;
	line-height:1.1;
	display:block;
}
.slopeList .list .txt em span{
	display:block;
	font-weight:300;
}
.slopeList .list .txt p{
	margin-top:32px;
	line-height:1.25;
}
.slopeList .list.listRight{
	padding-right:0;
	padding-left:548px;
}

.slopeList .list.listRight .txt{
	right:auto;
	left:0;
}
.slopeNote{
	background:#1b2228;
	padding:40px 0;
	margin-top:80px;
}
.slopeNote table{
	width:100%;
	max-width:862px;
	margin:0 auto;
	font-size:0.78rem;
	color:#fff;
}
.slopeNote th, .slopeNote td{
	border-top:1px solid #313539;
	font-weight:300;
	padding:16px 0;
}
.slopeNote th{
	color:#ffcd1e;
	width:40%;
}
.slopeNote table ul:after{
	content:'';
	display:block;
	clear:both;
}
.slopeNote table tr:first-child th, .slopeNote table tr:first-child td{
	border:none;
}
.slopeNote table li{
	float:left;
	margin-left:8px;
	padding-left:8px;
	border-left:1px solid #fff;
    line-height: 1.25;
}
.slopeNote table li:first-child{
	margin-left:0;
	padding-left:0;
	border-left:none;
}

.slopeEtc{
	max-width:1300px;
	margin:80px auto;
}
.slopeEtc li{
	width:49.5%;
	float:left;
	margin-left:1%;
	text-align:center;
	border:1px solid #eee;
}
.slopeEtc li:first-child{
	margin-left:0;
}
.slopeEtc li em{
	font-size:1.5rem;
	font-weight:bold;
	line-height:1.1;
}
.slopeEtc li em span{
	display:block;
	font-weight:300;
}
.slopeEtc li .pic{
	position:relative;
	height:318px;
	overflow: hidden;
}
.slopeEtc li .pic img{
	width:100%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.slopeEtc li .txt{
	padding:40px 0;
}
.slopeEtc li p{
	margin-top:24px;
	font-size:0.78rem;
	line-height:1.25;
}

.snackArea{
	margin:80px auto;
	max-width:1300px;
}
.snackArea .list{
	padding-left:418px;
	position:relative;
	height:400px;
}
.snackArea .pic{
	position:absolute;
	top:0;
	left:0;
}
.snackArea .txt{
	display:table;
	height:100%;
	padding-left:22%;
}
.snackArea .txt .inner{
	display:table-cell;
	vertical-align:middle;
}
.snackArea .txt span{
	font-size:4rem;
	position:absolute;
	top:80px;
	right:72px;
	color:#dedede;
	letter-spacing:30px;
	font-family: 'Raleway'
}
.snackArea .txt em{
	font-size:2rem;
	font-weight:300;
}
.snackArea .txt p{
	margin-top:8px;
	line-height:1.25;
}
.snackArea .txt a{
	display: inline-block;
    width: 102px;
    height: 40px;
    border: 1px solid #747474;
    vertical-align: middle;
    line-height: 40px;
    color: #010101;
    text-align: center;
    font-size: 0.78rem;
	margin-top:24px;
}
.snackArea .txt .menu{
	font-size:0.78rem;
	margin-top:32px;
}
.snackArea .list{
	padding-left:418px;
	margin-top:80px;
}
.snackArea .list:first-child{
	margin-top:0;
}
.snackArea .listRight{
	padding-left:0;
	padding-right:418px;
}
.snackArea .listRight .pic{
	left:auto;
	right:0
}
.snackArea .listRight .txt{
	padding-left:0;
	padding-right:12%;
}
.snackArea .listRight .txt span{
	left:-8px;
	right:auto;
}


#PopupWrap {position:absolute; top:0; left:0; z-index:1000;}
#PopupWrap ul {position:relative;}
#PopupWrap ul li {float:left; margin-top:5px; margin-left:5px;}
#PopupWrap ul li .popup {border:1px solid #000000;}
#PopupWrap ul li .popup .close {font-size:0;margin-top:-6px; background-color:#ffffff;}
#PopupWrap ul li .popup .close span {display:inline-block; font-size:0.7rem; width:50%; text-align:center; line-height:40px;}
#PopupWrap ul li .popup .close span.text {background:#e5e5e5;}
#PopupWrap ul li .popup .close span.text input[type="checkbox"]{width:1px; height:1px; margin:-1px; padding:0; border:0;clip:rect(0,0,0,0); overflow:hidden;position:absolute; }
#PopupWrap ul li .popup .close span.text label{display:block;cursor:pointer}
#PopupWrap ul li .popup .close span.button a{display:block; color:#000; background:#fff;}

#PopupWrap ul li .template {width:100%; max-width:350px; background-image:url("/images/main/popup_bg_1.jpg"); background-repeat:no-repeat; background-position:50% 0%;}
#PopupWrap ul li .template2 {background-image:url("/images/main/popup_bg_2.jpg");}
#PopupWrap ul li .template .popimg {margin:95px 15px 21px 15px; padding:60px 30px; width:calc(100% -30px); max-width:320px; min-height:290px; background-color:#ffffff;}


.fa_pic img{
	width:100%;
}
.fa_pic img:nth-child(2){
	display: none;
}
.fa_box{
	max-width:1200px;
	margin:0 auto 40px;
}
.fa_main{
	background:#fff;
	padding:70px;
	margin-top:-70px;
	position: relative;
}
.fa_main .zone{
	position:absolute;
	top:-68px;
	left:70px;
	font-size:4.5rem;
	font-family:'Montserrat';
	font-weight:700;
	color:#fff;
	letter-spacing: 0;
}
.fa_main_tit{
	width:50%;
	display:inline-block;
	line-height: 1.1
}
.fa_main .desc{
	width:49%;
	display:inline-block;
	vertical-align: top;
	padding:20px 2%;
	line-height:1.3;
	font-weight:normal;
}
.fa_main em{
	font-size:2rem;
	margin-top:5px;
	display:block;
	word-break: keep-all;
}
.facility{
	max-width:1200px;
	font-size: 0;
}
.facility > div:after{
	content:'';
	display:block;
	clear:both;
}
.facility .pic, .facility .desc{
	width:50%;
	display:inline-block;
	vertical-align: middle;
}
.facility .right{
	position:relative;
}
.facility .right .pic{
	float:right;
}
.facility .right .desc{
	text-align:left;
	position: absolute;
	top:50%;
	transform:translateY(-50%);
}
.facility .pic img{
	width:100%;
}
.facility .desc{
	width:50%;
	padding:5% 4%;
	line-height:1.55;
}
.facility .desc em{
	font-size:1.5rem;
	font-weight:normal;
	word-break: keep-all;
	line-height: 1.4;
}
.facility .desc em b span{
	font-size:0.89rem;
	font-weight:normal;
}
.facility .desc p{
	margin-top:25px;
	font-size:0.89rem;
}
.facility.asgard .desc em,
.facility.asgard .desc p{
	font-family: 'Noto Serif KR', 'Noto Sans KR', sans-serif;
}
.facility dl{
	font-size:0.89rem;
}
.facility dt, .facility dd{
	
}
.facility dt{
	float:left;
	clear:both;
	width:70px;
	margin-right:10px;
	font-weight:normal;
	position:relative;
	padding-left:10px;
}
.facility dt:after{
	content:'';
	position:absolute;
	top:50%;
	left:0;
	margin-top:-1px;
	width:2px;
	height:2px;
	background:#252525;
}





@media only screen and (max-width: 1000px){

.rough.story {padding:0 70px 100px 70px;}
.story h4 {font-size:0.89rem; height:200px; padding-top:172px; background-image:url("/images/draken/prologue_title.png"); background-size:350px;}
.story p {font-size:1rem; line-height:1.78rem; margin-left:0px;}
.story p.head {font-size:1.33rem; padding:25px 0 35px 0;}
.story img {margin-top:0px; width:130px; margin-right:15px;}
.story span.hi {background-color:#2b2429; color:#ebe3dd; font-size:1rem; font-family: 'NanumSquare'; padding:2px;}
.story span.hi2 {color:#b50f3e; font-size:1.33rem; }

.drakenmap {background-image:url("/images/draken/prologue_map.png"); margin:10px auto 0 auto; padding:20px 10px; background-size:550px; min-height:0px; max-width:550px;}
.drakenmap h5 {font-size:1.56rem;}
.drakenmap ul {margin-top:5px;}
.drakenmap ul li {font-size:0.94rem; font-weight: 500; line-height:1.67rem;}
.drakenmap ul li span {color:#ffffff; font-size:0.72rem; background-color:#6f0825; height:23px; width:23px; border-radius:12px; display:inline-block; text-align:center; line-height:21px; margin-right:10px;}

.peter iframe {width:100%; height:200px;}
.treasure{margin-bottom:40px;}
.treasureMovie{padding:16px;}

#DraKenGuide dl dt {width:100%; margin-top:40px; padding:20px 5px;}
#DraKenGuide dl dt span {display:inline-block; margin-left:10px;}
#DraKenGuide dl dd {border-top:1px solid #e6e6e6; width:100%; height:auto; padding:20px 5px 20px 5px;border-bottom:none;}
#DraKenGuide dl dd ul.step {margin:0 0;}
#DraKenGuide dl dd ul.step li {width:100px; height:100px; margin-left:calc(50% - 150px);}
#DraKenGuide dl dd ul.step li span {height:100px; font-size:0.67rem; line-height:14px; border-radius:50px;}

.OpenTime { margin-top:20px;}
.OpenTime p.time {font-size:1.78rem; letter-spacing:-1px; margin:10px 0;}
.OpenTime p.time span.num {font-size:2rem; width:31px; height:43px; line-height:46px; }
.OpenTime .time > span{display:block;}

/* KA0200 */
#Worldview .WrapWidth {background-image:url("/images/draken/movie_bg_.jpg"); height:auto;}
#Selectview {clear:both; width:100%; height:auto; padding:20px 0 20px 0; text-align:center;}
#Selectview span {font-size:1.89rem; display:inline-block; line-height:35px; padding-left:5px; padding-right:5px;}
#Selectview hr {margin:20px auto; float:none;}
#Movieframe {clear:both; width:100%; height:auto; padding:0 0 0 0; background-color:#000000;}
#Movieframe video {height:250px;}

/* 스노우파크 */
.snowIntro{
	padding:30px;
}
.snowIntro .inner{
	padding-right:276px;
}
.snowIntro .picBox{
	height:346px;
}
.snowIntro .txtBox{
	width:276px;
	height:346px;
	padding:80px 0;
}
.mainTxt a{
	padding:12px 20px;
	font-size:0.79rem;
}
.mainTxt a:before{
	display:none;
}

.slope_popup{
	padding:12px;
	top:15px;
	right:15px;
}
.slope_popup em{
	font-size:0.89rem;
}
.slope_popup th, .slope_popup td{
	padding:6px;
}
.slope_check{
	width: auto;
	margin:40px 10px;
}
.slope_check img{
	display:none;
}
.slope_check .m_img{
	display:block;
}
.slope_check_list{
	margin-top:30px;
}
.slope_check_list li{
	width:50%;
}
.slope_check_list li:nth-child(2){
	border-left:none;
}
/* .slope_check_list li:nth-child(odd){
	border-left:none;
} */

/* 시설안내 */
.slopeList .list{
	padding-right:336px;
	margin-top:6%;
}
.slopeList .list .txt{
	width:302px;
	padding-left:2%;
}
.slopeList .list .txt em{
	font-size:2rem;
}
.slopeList .list.listRight{
	padding-left:336px;
}
.slopeEtc{
	margin:30px;
}
.slopeEtc li .pic{
	height:238px;
}
.slopeEtc li .txt{
	padding:24px 0;
}


.snackArea .list{
	height:50.5vw;
	padding-left:44%
}
.snackArea .list .pic{
	width:41%;
}
.snackArea .list .pic img{
	width:100%;
}
.snackArea .txt{
	padding-left:0
}
.snackArea .txt span{
	display:block;
	font-size:2rem;
	position:inherit;
	top:auto;
	right:auto;
	letter-spacing:28px;
}
.snackArea .txt em{
	margin-top:24px;
	display:block;
}
.snackArea .listRight{
	padding-left:2%;
}


.fa_main{
	padding:50px 20px;
}



}

@media only screen and (max-width: 768px){
.mainVisual{
	height:131.667vw;
}
.mainVisual .list{
	background-image:url(/images/snow/m_main_visual01.jpg?ver=25268)
}
.mainVisual .mainTxt{
	margin:102px 0 0 -138px;
}
.mainVisual .mainTxt img{
	width:276px;
}
.snowIntro{
	padding:0;
}
.snowIntro .inner{
	padding-right:0;
}
.snowIntro .picBox{
	background-image:none;
	height:auto;
}
.snowIntro .picBox img{
	display:block;
	width:100%;
}
.snowIntro .txtBox{
	width:100%;
	position:inherit;
	top:auto;
	right:auto;
	padding:32px 30px 32px;
	height:auto;
	background:#438cda;
	color: #fff;
}
.snowIntro .txtBox p{
	margin-top:16px;
}
.snowIntro .txtBox p br{
	display:none;
}
.snowIntro .txtBox a{
	margin-top:24px;
	border-color:#fff;
	color:#fff;
}


.linkList{
	margin:15px 0;
	padding:0 10px;
}
.linkList li{
	width:100%;
	float:none;
	border:1px solid #eee;
	margin-left:0;
	margin-top:16px;
}
.linkList li:first-child{
	margin-top:0;
}
.linkList .tit{
	margin-top:24px;
}
.linkList .con{
	margin-top:8px;
}
.linkList .linkIcon{
	margin:16px auto -14px;
}


.slopeList .list{
	padding:0 30px;
}
.slopeList .list .txt{
	width:auto;
	padding-left:0;
	position:inherit;
	top:auto;
	right:auto;
	bottom:auto;
	margin-top:6%;
}
.slopeList .list .txt em{
	font-size:1.5rem;
}
.slopeList .list .txt em span{
	display:inline-block;
}
.slopeList .list .txt p{
	margin-top:16px;
	font-size:0.89rem;
}
.slopeList .list.listRight{
	padding:0 30px;
}
.slopeNote{
	margin-top:40px;
}
.slopeNote table th{
	text-align:left;
	padding-left:14%;
}
.slopeNote table li{
	float:none;
	margin-left:0;
	padding-left:0;
	border:none;
	margin-top:8px;
}
.slopeNote table li:first-child{
	margin-top:0;
}

.slopeEtc li .pic{
	height:128px;
}
.slopeEtc li .txt{
	padding:24px 16px;
}
.slopeEtc li em{
	font-size:1.2rem;
}
.slopeEtc li p{
	margin-top:16px;
}

.snackArea{
	margin:40px 15px;
}
.snackArea .list{
	margin-top:30px;
	padding:0;
	height:auto;
}
.snackArea .list .pic{
	width:100%;
	position:inherit;
	top:auto;
	left:auto;
}
.snackArea .txt{
	width:100%;
	text-align:center;
	padding:30px 15px 15px;
}

.snackArea .txt span{
	font-size:1.2rem;
	letter-spacing:10px;
	color:#bbb;
}
.snackArea .txt em{
	font-size:1.5rem;
	margin-top:16px;
}
.snackArea .txt p{
	font-size:0.89rem;
}
.snackArea .txt p br{
	display:none;
}
.snackArea .txt a{
	margin-top:16px;
}
.snackArea .txt .menu{
	margin-top:16px;
}

.snackArea .listRight .txt{
	padding:30px 15px 15px;
}


#PopupWrap ul {position:relative; width:100%; padding:10px;}
#PopupWrap ul li {width:100%;}
#PopupWrap .popimg img { width:100%;}




.fa_pic img:first-child{
	display:none;
}
.fa_pic img:nth-child(2){
	display: block;
}
.fa_main .zone{
	font-size:2.5rem;
	top:-32px;
	left:20px;
}
.fa_main{
	margin:-30px 10px 0;
	padding:40px 20px;
}
.fa_main_tit{
	width:100%;
}
.fa_main .desc{
	width:100%;
	padding:15px 0;
}
.facility .pic, .facility .desc{
	width:auto;
	margin:0 20px;
}
.facility .right .pic{
	float:left;
}

.facility .desc p{
	margin-top:10px;
}
.facility .right .desc{
	position: static;
	top: auto;
	transform:none;
}
.facility .desc{
	padding:25px 15px;
}
.facility  dl{
	line-height:1.5;
}
.facility dt{
	display:block;
	width:100%;
	margin-top:5px;
}
.facility dd{
	padding-left:10px;
}
}
@media only screen and (max-width: 480px){
.subMenuWrap ul{
	overflow-x:auto;
	white-space:nowrap;
	width:100%;
	text-align:center;
	-webkit-overflow-scrolling:touch;
}
.subMenuWrap li{
	width:auto;
	float:none;
	display:inline-block;
	padding:0 8px;
	line-height:40px;
}

.linkList .img{
	position:relative;
	height:160px;
	overflow:hidden;
	z-index:-1;
}
.linkList .img img{
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
}



.slopeList .list, .slopeList .list.listRight{
	padding:0 15px;
}

.slopeEtc{
	margin:30px 15px;
}
.slopeEtc li{
	width:100%;
	margin-left:0;
}
.slopeEtc li .pic{
	height:170px;
}
.slopeEtc li p{
	margin-top:8px;
}






}