@charset "euc-kr";

*{margin:0px; padding:0px;}
table{
	border-spacing: 0px;
	border-collapse: collapse;
}
nav ul,li{
	list-style:none;
}
a{
	vertical-align:baseline;
	background:transparent;
	text-decoration:none;
}
/*ºñµð¿À ÄÁÅÙÃ÷ ºÎºÐ*/
#video{
	position: absolute;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:rgba( 16, 16, 16, 1 );
}
.videoWrap{
	position: absolute;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:rgba( 16, 16, 16, 1 );
}
.videoBtn{
	position:absolute;
	top:10%;
	left:85%;
	z-index:1001;
	width:10%;
	height:10%;
	font-family: Pulmuone LOHAS OTF Bold;
	cursor: pointer;
	color:white;
	font-size:28px;
	text-align:center
}

/* ÆùÆ® */
@FONT-FACE{
    font-family: 'Pulmuone LOHAS OTF Bold';
    /*src: url('https://cdn.jsdelivr.net/gh/Jun-Libraries/drim123/PulmuoneLOHASOTFBold.woff');*/
    font-weight: 700;
    src: url('../font/PulmuoneLOHASOTFBold.woff'); 
}

@FONT-FACE{
    font-family: 'Pulmuone LOHAS OTF Medium';    
    /*src:url('https://cdn.jsdelivr.net/gh/Jun-Libraries/drim123/PulmuoneLOHASOTFMedium.woff');	*/
    src: url('../font/PulmuoneLOHASOTFMedium.woff'); 
}

@FONT-FACE{
    font-family: 'Pulmuone LOHAS OTF Light';
    /*src:url('https://cdn.jsdelivr.net/gh/Jun-Libraries/drim123/PulmuoneLOHASOTFLight.woff');*/
    src: url('../font/PulmuoneLOHASOTFLight.woff'); 
}

@FONT-FACE{
	 font-family: 'S-CoreDream-4';
	 src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
}

/* font-size */
.font6{font-size:6px;}
.font18{font-size:18px;}
/* color */
.NVfont{color: #FFFFFF;}

/* width */
.WD35{width:35px;}
/* align */
.textL{text-align:left;}
.VM{vertical-align:middle;}
/* padding */
.gapT8{padding-top:8px;}
.gapT12{padding-top:12px;}
.gapT40{padding-top:40px;}
.gapT130{padding-top:130px;}

.gapTL20{padding-left:20px;}

.gapPL5{padding-left:5px;}
/* margin */
.gapMT10{margin-top:10px;}
.gapMT15{margin-top:15px;}
.gapMR15{margin-right:15px;}
.gapMR10{margin-right:10px;}

/* SNS Logo */
.insta{padding-left:28px;}

/* Sprites(Æ®·¡ÇÈ Àý¾à) ¹é±×¶ó¿îµå À̹ÌÁö */
.bg-icon_facebook {
	vertical-align:middle;
	display: inline-block;
    width: 17px; height: 32px;
    background: url('../img/icon_facebook.png');
}
.bg-icon_instar {
	vertical-align:middle;
	display: inline-block;
    width: 32px; height: 32px;
    background: url('../img/icon_instar.png');
}
.bg-icon_youtube {
	vertical-align:middle;
	display: inline-block;
    width: 32px; height: 23px;
    background: url('../img/icon_youtube.png');
}

.bg-icon_facebook_B {
	display: inline-block;
    width: 17px; height: 32px;
    background: url('../img/icon_facebook_B.png');
}
.bg-icon_instar_B {
	display: inline-block;
    width: 32px; height: 32px;
    background: url('../img/icon_instar_B.png');
}
.bg-icon_youtube_B {
	display: inline-block;
    width: 32px; height: 23px;
    background: url('../img/icon_youtube_B.png');
}

.bg-XtheSKY_logo_W {
	display:inline-block;
    width: 160px; height: 50px;
    background: url('../img/XtheSKY_logo_W.png');
}
.bg-icon_arr {
	display:inline-block;
	vertical-align:middle;
    width: 15px; height: 9px;
    background: url('../img/icon_arr.png');
}
.bg_icon_arrW {
	display:inline-block;
	vertical-align:middle;
    width: 15px; height: 9px;
    background: url('../img/icon_arr_W.png');
}
.bg-logo_B {
	display: inline-block;
    width: 160px; height: 51px;
    background: url('../img/logo_B.png');
}

.bg_icon_call {
	display: inline-block;
	margin-top:10px;
	margin-left:10px;
	float: right;
    width: 30px; height: 30px;
    background: url('../img/icon_call.png');
}


/* ³×ºñ°ÔÀÌ¼Ç ÄÁÅÙÃ÷ */ 
.navigation{	
	font-family:'Pulmuone LOHAS OTF Bold';
	font-size: 0px;
	position: fixed;
	width: 100%;
	z-index:998;
	border-bottom: 1px solid;
	border-color:rgba( 255, 255, 255, 0.25 );
	background-color : rgba(0,0,0,0.2);
}
.naviWrap{
	width: 1440px;
	margin: 0px 0px 0px 320px;
	z-index:998;

}
.navilogo{
	/*background: transparent url('../img/logo_B.png') 0% 14px no-repeat;*/
	width:160px;
	height:65px;
	padding-right:30px;
}
.naviName{
	height:80px;
	font-family:'Pulmuone LOHAS OTF Bold';
	font-weight: 700;
	font-size:22px;
	vertical-align:middle;
	text-align: center;
	padding: 0 20px; /*¿¹¾à ÀÌÀü 30px*/
}

.naviblack{color:#000000;}

.NVfont:hover{color:#696969;}
.NVfont .active:hover{color:#696969;}

/* ¾ð¾î ¼±Åà ¹Ú½º */
.menubar{
	width:130px; /*220px ¿¹¾àÇϱâ ÀÌÀü*/
	height:80px;
	font-family:'Pulmuone LOHAS OTF Bold';
	font-weight: 500;
	font-size:24px;
	vertical-align:middle;
	padding-right:40px;
	
}
.menubox{
	width:120px;
	height:40px;
	margin-top:20px;
	margin-left:auto;
}
.Language{
	margin:11px 10px 10px 10px;
	font-size:18px;
	text-align:left;
	cursor: pointer;
	height:20px;
}
.LangText{
	display:inline-block;
	vertical-align:top;
	margin-right:7px;
	height:20px;
	color: #FFFFFF;
}
.LangText:hover{
	color:#c0c0c0;
}
/* ¾ð¾î ¹Ú½º µå·Ó´Ù¿î ÄÁÅÙÃ÷ */
.dropdown{	
	position:relative;
	margin-left:-1px;
	/*background: #2E466E 0% 0% no-repeat;*/
	width: 122px;
	height: 45px;
	font: 15px/22px 'Pulmuone LOHAS OTF Bold';
	border:1px solid;
	border-color: rgba( 255, 255, 255, 0.25 );
	font-weight: 200;
	letter-spacing: -0.38px;
	text-align: center;	
	z-index:999;
	white-space: nowrap;
}
.dropdownContent{
	height:22px;
	padding-top:12px;
	padding-bottom:4px;
	vertical-align: middle;
	color: #FFFFFF;
	cursor: pointer;
    white-space: nowrap;
}
.dropdownContent::before {
 position: absolute;
  top: 12px;
  left: 40.5px;
font: 15px/22px 'Pulmuone LOHAS OTF Bold';
  content: attr(data-split);
  height: 10%;
  color: #000000;
  overflow: hidden;
}
.dropText:hover{
	color:#c0c0c0;
	border-bottom:1px solid #ffffff;
}
/*·¹½ºÅä¶û ÀÌ¿ë*/
.menubox2{
	width:140px;
	height:40px;
	margin-top:15px;
	margin-left:auto;
}
.Language2{
	cursor: pointer;
	height:20px;
}
.LangText2{
	display:inline-block;
	vertical-align:top;
	margin-right:7px;
	height:20px;
	color: #FFFFFF;
}
.LangText2:hover{
	color:#c0c0c0;
}
/* ¾ð¾î ¹Ú½º µå·Ó´Ù¿î ÄÁÅÙÃ÷ */
.dropdown2{	
	position:relative;
	margin-left:-10px;
	/*background: #2E466E 0% 0% no-repeat;*/
	width: 145px;
	height: 50px;
	font: 20px/22px 'Pulmuone LOHAS OTF Bold';
	border:1px solid;
	border-color: rgba( 255, 255, 255, 0.25 );
	font-weight: 200;
	letter-spacing: -0.38px;
	text-align: center;	
	z-index:999;
	white-space: nowrap;
}
.dropdownContent2{
	height:22px;
	padding-top:12px;
	padding-bottom:4px;
	vertical-align: middle;
	color: #FFFFFF;
	cursor: pointer;
    white-space: nowrap;
}
.dropdownContent2::before {
 position: absolute;
  top: 12px;
  left: 40.5px;
font: 15px/22px 'Pulmuone LOHAS OTF Bold';
  content: attr(data-split);
  height: 10%;
  color: #000000;
  overflow: hidden;
}
.dropText2:hover{
	color:#c0c0c0;
	border-bottom:1px solid #ffffff;
}

/* ³×ºñ°ÔÀÌ¼Ç Á¾·á */

/* ³×ºñ ¹Ù ¼³Á¤ */
.navbar {
    position: fixed;
    z-index: 999;
    top: 50%;
    right: 0%;
    transform: translateY(-50%);
}
/* ³×ºñ°ÔÀÌ¼Ç ¼³Á¤ */
.nav-menu {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.nav-menu li {
    position: relative;
    min-width: 50px;
    text-align: right;
}
/* ³×ºñ ¹Ù ¹Ú½º ±Û¾¾ ¼³Á¤ */
.nav-menu li .dot {
    display: block;
    color: #000000;
    padding: 0;
}
/* ³×ºñ ¹Ù Àü/ÈÄ Àüü ¼³Á¤ */
.navbar .nav-menu li .dot::before,
.navbar .nav-menu li .dot::after {
    display: block;
    position: absolute;
    content: '';
    border-radius: 50%;
    top: 50%;
  /*   transition: all .25s ease; */
}
/* ³×ºñ ¹Ù Àü¼³Á¤ ¿ø ¸ð¾ç*/
.navbar .nav-menu li .dot::before {
    width: 9px;
    height: 9px;
    right: 35px;
    transform: translateY(-50%);
}
/* ³×ºñ ¹Ù ÈÄ ¼³Á¤ */
.navbar .nav-menu li .dot::after {
    width: 20px;
    height: 20px;
    border: 5px solid #000000;
    right: -5px;
    transform: translateY(-50%) scale(0);
}
/* ³×ºñ ¹Ù ½ÇÇàÈÄ ¹é±×¶ó¿îµå »ö»ó º¯°æ*/
.navbar .nav-menu li .dot.active::before{
    background: #000000;
    border-color: #000000;
}
.navbar .nav-menu li .dot.active.naviwhite::before{
    background: #FFFFFF;
    border-color: #FFFFFF;
}
/* ³×ºñ ¹Ú½º ³»ºÎ »ö ±Û¾¾ µî */
.navbar .nav-menu li .dot span {
    display: inline-block;
	font: 300 16px 'Pulmuone LOHAS OTF Bold';
	font-weight: 700;
    letter-spacing: .5px;
    padding: 10px 0 10px 20px;
    border-radius: 3px;
    /* margin-right: 20px; */
    transition: all .25s ease;
}
.navbar .nav-menu li .dot div{
	display: inline-block;
	height: 3px;
	width: 15px;
	margin-left: 50px;
	border-top: 1px solid;
	border-color: black;
	opacity: 1;
	/* transition: opacity 1s ease; */
}
.navbar .nav-menu li .dot.active div{
	display: inline-block;
	height: 3px;
	width: 35px;
	margin-left:  30px;
/* 	margin-right: -70px; */
	border-top: 1px solid;
	border-color: black;
	opacity: 1;
	/* transition: opacity 1s ease; */
}
/* ³×ºñ ¹Ù ¹Ú½º À§Ä¡ Åõ¸íµµ */
.navbar .nav-menu li .dot.active span,
.navbar .nav-menu li:hover .dot span {
    transform: translateX(0px);
    opacity: 1;
}
/* ³×ºñ ¹Ù (¿ìÃø)¿µ¿ª Á¾·á */
 
/* ¸ÞÀÎ ÄÁÅÙÃ÷ */
.dvPageContentClass{
	width:1280px;
	height:930px;
	margin: auto;
	padding-top:120px;
}
/* ÆäÀÌÁö À̸§ ÄÁÅÙÃ÷ */
.dvPageName{	
	width:240px;
	height:60px;
	font-size:0px;
}
.NameX{
	display:table-cell;
	width:53px;
	height:60px;
	padding-right:7px;
}
.bingle_box{display:table-cell;}
.bingle_top{
	width:180px;
	height:3px;
}
.bingle_text{
	display:inline-block;
	width:177px;
	height:39px;
	margin-top:15px;
	font-size:24px;
	font-family:Pulmuone LOHAS OTF Bold;
	text-align:center;
	vertical-align:middle;	
}
.bingsub{
	font-size:22px;text-align:left;
}
.bingle_right{
	display:inline-block;
	width:3px;
	height:57px;
	vertical-align:top;
}
.bingle_bottom{
	width:180px;
	height:3px;
	float:right;
}
.NMlogo_D{background:url(../img/img_X.png) no-repeat}
.NMlogo_W{background:url(../img/img_X_W.png) no-repeat}

.BG_C_G{background-color:#DDDDDD;}
.BG_C_W{background-color:#FFFFFF;}

.Font_C_B{color: #788DA6;}
.Font_C_W{color: #FFFFFF;}


/*³¯¾¾ ¿µ¿ª ÄÁÅÙÃ÷*/
#dvWeather{
	top: 130px;
	right: 140px;
	width:300px;
	height:80px;
	position: absolute;
	z-index: 999;
}
.dvTemper{
	display:inline-block;
	width:87px;
	height:80px;
	float:left;
	font-family:'Pulmuone LOHAS OTF Bold';
	font-size:40px;
	line-height:80px;
	color:#8aa0b9;
}
.dvWeatherText{
	display:inline-block;
	width:107px;
	height:60px;
	margin-top:10px;
	margin-left:16px;
	margin-right:10px;
	font-size:16px;
	color:#8aa0b9;
	font-family:'Pulmuone LOHAS OTF Light';
}
.dvWeatherIcon{
	display:inline-block;
	width:80px;
	height:80px;
	float:right;
	background:url(../../xtheskyAdmin/images/weather/gray/wi-day-sunny.svg);
}

/* ¸ÞÀÎ ÆäÀÌÁö ÄÁÅÙÃ÷ */
#Main{
	/*background: transparent url('../img/Rectangle1.jpg') 0% 0% no-repeat padding-box;*/
	height:1060px;
	background-size: 1920px 1060px;
	background-position: center;
}
/* ¸ÞÀÎ ÅؽºÆ® ÄÁÅÙÃ÷ */
.dvMainTextClass{
	width:590px;
/* 	height:1100px; */
	padding-top:330px;
	margin-left:515px;
	text-align:center;
}
.dvMainTitle{
	position: absolute;
	height:68px;
	width: 590px;
	padding-top:450px;
	padding-bottom:20px;
	font-family: Pulmuone LOHAS OTF Light;
	font-weight: 200;
	font-size:30px;
	text-align:center;
	letter-spacing: -0.7px;
	color: #02314B;
	opacity:0;
}
.dvMainSubTitle{
	position: absolute;
	width:590px;
	margin-left:60px;
	background: transparent url('../img/main_logo_text.png') 0% 0% no-repeat padding-box;
	text-align: center;
}
/* ÄÁ¼Á ÆäÀÌÁö ÄÁÅÙÃ÷ */
#Concept {}
.dvConceptTextClass{
	padding-top:30px;
	text-align:center;
}
/* ÄÁ¼Á ÅؽºÆ® ÄÁÅÙÃ÷ */
.dvConceptTitle{
	margin:15px;
	height:63px;
	font: normal 60px 'Pulmuone LOHAS OTF Bold';
	font-weight: 700;
	letter-spacing: -1.5px;
	color: #444444;
}
.dvConceptSubTitle{
	height:32px;
	margin-top:5px;
	font: normal 30px/32px 'Pulmuone LOHAS OTF Bold';
	font-weight: 700;
	letter-spacing:  -0.75px;
	color: #444444;
}
.dvConceptSubContent{
	margin-top:20px; 
	font: normal 18px/24px 'Pulmuone LOHAS OTF Light';
	font-weight: 200;
	letter-spacing:  -0.45px;
	color: #666666;
}
/* ÄÁ¼Á À̹ÌÁö ÄÁÅÙÃ÷ */
.dvConceptImgClass{
	display:table;
	height:320px;
	margin:0 10px;
	margin-top:40px;
	font: normal 22px/30px 'Pulmuone LOHAS OTF Bold';
	font-weight: 700;
	letter-spacing: -0.55px;
}
.dvConImgContent{display:table-cell;}
.dvConImgName{
	text-align:center;
	width:410px; 
	height:24px;
}
.dvConBackImg{
	width:410px;
	height:280px;
	/* margin-top:20px; */
}

/* ÄÁ¼Á ÆäÀÌÁö Á¾·á*/

/* µðÀÚÀÎ ÆäÀÌÁö ÄÁÅÙÃ÷ */
#Design{
 	/*background: transparent url('../img/Rectangle2.jpg') 0% 0% no-repeat padding-box; */
	background-size: 1920px 1060px;
	background-position: center;
	height:1060px;
}
/* µðÀÚÀÎ ÅؽºÆ® ÄÁÅÙÃ÷ */
.dvDesignTextClass{
	width:688px;
	margin-top:180px;
	margin-left:467px;
}
.dvDesignTitle{
	width:688px;
	text-align: left;
	font: normal 36px/38px 'Pulmuone LOHAS OTF Bold';
	font-weight: 700;
	letter-spacing: -0.9px;
	color: #444444;
}
.dvDesignSubTitle{
	margin-top:32px;
	margin-left:13px;
	text-align: left;
	font: normal 24px/25px 'Pulmuone LOHAS OTF Bold';
	font-weight: 700;
	letter-spacing: -0.6px;
	color: #444444;
}
.dvDesignContent01{
	margin-top:15px;
	margin-left:13px;
	text-align: left;
	font: normal 18px/24px 'Pulmuone LOHAS OTF Light';
	font-weight: 200;
	letter-spacing: -0.45px;
	color: #444444;
}
.dvDesignContent02{
	margin-top:10px;
	margin-left:13px;
	text-align: left;
	font: normal 18px/24px 'Pulmuone LOHAS OTF Light';
	font-weight: 200;
	letter-spacing: -0.45px;
	color: #444444;
}
.dvDesignSubContent{
	margin-top:29px;
	margin-left:13px;
	text-align: left;
	font: normal 18px/24px 'Pulmuone LOHAS OTF Medium';
	font-weight: 500;
	letter-spacing: -0.45px;
	color: #444444;
}
/* µðÀÚÀÎ ÆäÀÌÁö Á¾·á */

.dvInfoContent{
	height:740px;
	margin: -10px 0px 0px 0px;
}
.InfoList{
	display:table;
	height:560px;
	margin-top:40px;
	margin-left:10px;
}
.dvInfoTabBtn{
	display:table;
	margin:0px 50px;
	height:102px;
}
.InTabList1{margin-left:60px;margin-right:50px;}
.InTabList2{margin-left:25px;margin-top:55px;}
.InTabList3{margin-left:60px;margin-right:50px;}
/*ÀÌ¿ë±Ç ¾È³» ½ºÅ©·Ñ ¿µ¿ª ¼³Á¤*/
.ticketWrap{
	display:inline-block;
	width:1110px; 
	height:570px; 
	overflow-x:hidden;
	overflow-y:hidden;
}
.infoPageCon{
	display:inline-block; 
	width : 520px;
	height:510px; 
	margin-right:70px;
	vertical-align: top;
}
.ticketNmBox{
	width:520px;
}
.ticketNm{
	display:inline-block;
	width:370px;
	font-family:Pulmuone LOHAS OTF Bold;
	font-size:24px;
	text-align:left;
	vertical-align:top;
	letter-spacing: 0px;
	color:#FFFFFF; 
}
.tiLeftNmSize{
	width:180px;
}
.ticketPris{
	display:inline-block;
	width:150px;
	font-family:Pulmuone LOHAS OTF Bold;
	font-size:24px;
	text-align:right;
	color:#A3BDDE;
}
.tiLeftPrisSize{
	width:340px;
}


.ticketPrisSub{
	font-family:Pulmuone LOHAS OTF Light;
	font-size:16px;
	color:#FFFFFF;
}
.tiLeftBrNmSize{
	width:400px;
}
.tiLeftBirthSize{
	width:470px;
	margin-top:20px;
	margin-left:25px;
	text-align:left;
}

.ticketBirthSub{
	font-family:Pulmuone LOHAS OTF Light;
	font-size:18px;
	color:#FFFFFF;
}
.tickImgWrap{
	width:430px;
	height:210px;
	margin:auto;
	margin-top:17px;
	text-align:center;
}
.tickImg_01{background: url("../img/ticket_img_01_year.png") 0% 0% no-repeat padding-box; height:216px;}
.tickImg_02{background: url("../img/ticket_img_02_two.png") 0% 0% no-repeat padding-box; height:190px;}
/*ÀÌ¿ë¾È³» ÅÇ ¹öÆ° ¼Ó¼º*/
.InBtn01{border-bottom:2px solid #ffffff;}
.InBtn02{border-bottom:1px solid #666666;}
.InBtn03{border-bottom:1px solid #666666;}
.InTabText01{color: #ffffff;}
.InTabText02{color: #666666;}
.InTabText03{color: #666666;}

.InList1LeftWrap{width:560px; display:table-cell;}
.InList1rightWrap{width:560px; padding-left:40px; display:table-cell;}
.InList2LeftWrap{width:580px; display:table-cell;}

.dvInfoConWrap{height:120px; border:1px solid; border-color:rgba( 255, 255, 255, 0.30);}
.dvInfoConText{
	line-height:24px;
	font-size:22px;
	letter-spacing: -0.55px;
	font-family:Pulmuone LOHAS OTF Bold;
	color:#ffffff;
}
.ConText1{padding-top:30px;padding-right:170px;text-align:right;}
.ConText2{margin-top:30px;margin-left:35px;}
.Consubfont{font-size:18px;font-family:Pulmuone LOHAS OTF Medium; margin: 0px 8px 0px 4px;}

.InfoMap{height:40px; margin-bottom:10px;}
/* Á¤º¸ ÄÁÅÙÃ÷ À̸§ */
.dvInfoConNM{
	display:inline-block;
	height:32px;
	margin: 0px 0px 13px 0px;
	font: normal 24px 'Pulmuone LOHAS OTF Bold';
	font-weight: 700;
	letter-spacing: -0.6px;
	color: #FFFFFF;
}
/* ³×À̹ö Áöµµ ¿¬°á */
.dvInfoNaverMap{
	display:inline-block;
	cursor:pointer;
	background: transparent url('../img/btn_naver.png');
	width:100px;
	height:40px;
	float:right;
}
/* Á¤º¸ »ó´Ü ¿µ¿ª */
.dvInfoTopSubCon{
	margin:0px auto;
	margin-top:20px;
	font: normal 15px/20px 'Pulmuone LOHAS OTF Light';
	font-weight: 200;
	letter-spacing: -0.45px;
	color: #CCCCCC;
	line-height:30px;
}

.dvTiSubCon{
	margin:0px 45px;
	margin-top:20px;
	font: normal 16px/20px 'Pulmuone LOHAS OTF Light';
	font-weight: 200;
	letter-spacing: -0.45px;
	color: #CCCCCC;
	line-height:25px;
}

.dvTiSubCon tr{
	vertical-align: top;
}

.dvInfoTopSubCon tr{
	vertical-align: top;
}

/* Á¤º¸ ÇÏ´Ü ¿µ¿ª ÁÂ:01, ¿ì:02*/
.dvInfoBottomCon01{
	height:280px;
}
.InList2RightWrap{
	display:table-cell;
	width:478px;
	height:280px;
	padding-left:79px;
}
/* ÇÏ´Ü ¿µ¿ª ÄÁÅÙÃ÷*/
.dvInfoAddress{
	display:inline-block;
	margin-top:20px;
	height:50px; 
	font: normal 20px/28px 'Pulmuone LOHAS OTF Bold'; 
	font-weight: 700;
	text-align: left; 
	letter-spacing: -0.5px; 
	color: #FFFFFF;
}
.dvInfoTraffic{
	height:21px; 
	margin-top:25px;
	margin-bottom:5px;
	font: normal 20px 'Pulmuone LOHAS OTF Bold';
	font-weight: 700;
	text-align: left; 
	letter-spacing: -0.5px;
	color: #FFFFFF;
}
/* ÁÖº¯ ÁöÇÏö ÄÁÅÙÃ÷*/
.dvCircle{
	display:inline-block;
	width: 25px;
	height: 25px;
	margin-top:4px;
	background: #63B130 0% 0% no-repeat; 
	border-radius:25px;
}
.CircleNum{
	padding-left:7.5px;
	font: normal 17px/28px 'Pulmuone LOHAS OTF Bold';
	font-weight: 700;
	color:#FFFFFF; 
	text-align: left;
	letter-spacing: 0px;
}
.dvTrainNM{
	display:inline-block;
	height: 17px; 
	margin: 0 40px 0 5px;
	text-align: left;
	font: normal 16px 'Pulmuone LOHAS OTF Medium';
	color:#CCCCCC;
	font-weight: 500;
	letter-spacing: 0px;
}
/* ÁÖº¯ ¹ö½º ÄÁÅÙÃ÷*/
.dvSqaure{
	display:inline-block;
	width: 40px;
	height: 20px;
	margin-top:5px;
	border-radius:4px;
	text-align:center;
}
.brown{	background: #A78873 0% 0% no-repeat;}
.blue {	background: #38AEAC 0% 0% no-repeat;}
.red  {	background: #EF6D50 0% 0% no-repeat;}
.green{	background: #6AB732 0% 0% no-repeat;}

.SqaureName{
	font: normal 12px/20px  'Pulmuone LOHAS OTF Light';
	font-weight: 200;
	color:#FFFFFF;
	vertical-align:top; 
	text-align: left;
	letter-spacing: 0px;
}
.dvBusNM{
	height: 20px;
	padding-top:5px;
	padding-left:5px;
	text-align: left;
	font: normal 16px 'Pulmuone LOHAS OTF Light';
	font-weight: 200;
	letter-spacing: 0px;
	color: #CCCCCC;	
}
.dvInfoMap{
	width:480px;
	height:190px;
	margin-top:10px;
	background: url('../img/map_img.jpg') no-repeat;
	background-size: auto;
}
/* Á¤º¸ ÆäÀÌÁö Á¾·á */

/* Ç÷ξÀ̵å ÆäÀÌÁö */
#FloorGuide{
	height:1060px;
}
.dvFGcontentWrap{
	width:1240px;
	height:600px;
	margin:0px auto;
	margin-top:70px;
	font-size: 0; 
}
.left-btn-FG{
	display:inline-block;
	width: 36px;
	margin-right: 30px;
	margin-bottom:240px;
	height: 104px;
	background: url('../img/arr_L_BO.png') no-repeat;cursor: pointer;
}
.right-btn-FG{
	display:inline-block;
	width: 36px;
	margin-left: 30px;
	margin-bottom:240px;
	height: 104px;
	background: url('../img/arr_R_B.png') no-repeat;cursor: pointer;
}
.FGWrap{
	display:inline-block;
	width:1100px; 
	height:600px;
	overflow-x:hidden;
	overflow-y:hidden;
}
.guide-scroll{
	width:5500px; 
	height:600px; 
	font-size:0px;
}
.gsPage{
	width:1100px; 
	height:600px; 
	display:inline-block;
	font-size:0px;
	vertical-align: top;
}
/* .Fl_img_1{background: url('../img/1F.png') no-repeat; background-size: auto;}
.Fl_img_2{background: url('../img/2F.png') no-repeat; background-size: auto;}
.Fl_img_3{background: url('../img/98F.png') no-repeat; background-size: auto;}
.Fl_img_4{background: url('../img/99F.png') no-repeat; background-size: auto;}
.Fl_img_5{background: url('../img/100F.png') no-repeat; background-size: auto;} */
/* Facyluties ÆäÀÌÁö */
#Facyluties{
  	/*background: transparent url('../img/Rectangle3.jpg') 0% 0% no-repeat padding-box; */
  	background-position: center;
	height:1060px;
}
.dvFloorConBG{
	width:1280px;
	height:740px;
	margin-top:32px;
	background-color:rgba(0, 0, 0, 0.7);
}
/* Ç÷ξÀ̵å ÅÇ ¹öÆ° ¿µ¿ª*/
.dvFloorContent{
	height:740px;
	margin: 0 50px;
}
.dvTabBtn{
	display:table;
	height:102px;
}
.dvTabButtton{
	display:table-cell;
	width:590px;
	height:102px;
	cursor: pointer;	
}
.Btn01{border-bottom:2px solid #FFFFFF;}
.Btn02{border-bottom:1px solid #666666;}

.dvTabBtnText{
	width:100%;
	padding-top:45px;
	text-align: center;
	font: normal 30px 'Pulmuone LOHAS OTF Bold';
	font-weight: 700;
	letter-spacing: 0px;
}
.TabText01{color: #FFFFFF;}
.TabText02{color: #666666;}
/* Ç÷ξÀÌµå ¸®½ºÆ® ¿µ¿ª */
.floorList{
	display:table;
	width:1230px;
	height:460px;
	margin-top:50px;
	margin-left:-25px;
}
.FTabList1{
}
/* ½Ã¼³ ¾È³»*/
/* ¾îÆ®·¢¼Ç ¸®½ºÆ® ¿µ¿ª */
.FTabList2{
}
.left-btn{
	display:inline-block;
	width: 36px;
	margin-right: 18px;
	margin-bottom:240px;
	height: 104px;
	background: url('../img/arr_L_G.png') no-repeat;cursor: pointer;
}
.left-btn-hide{
	display:inline-block;
	width: 36px;
	margin-right: 18px;
	margin-bottom:240px;
	height: 104px;
}

.left-btn::hover{
	background: url('../img/arr_L_B.png') no-repeat;
}
.right-btn{
	display:inline-block;
	width: 36px;
	margin-left: 18px;
	margin-bottom:240px;
	height: 104px;
	background: url('../img/arr_R_W.png') no-repeat;cursor: pointer;
}
.right-btn-hide{
	display:inline-block;
	width: 36px;
	margin-left: 18px;
	margin-bottom:240px;
	height: 104px;
}
.right-btn::hover{
	background: url('../img/arr_R_B.png') no-repeat;
}
.FatrackWrap{
	display:inline-block;
	width:1110px; 
	height:505px; 
	overflow-x:hidden;
	overflow-y:hidden;
}
.page-scroll{
	width:3500px; 
	height:500px; 
	font-size:0px;
}
.dvAtrPage{
	display:inline-block;
	font-size:0px;
	vertical-align: top;
	line-height: 1;
}
.dvAtrContent{
	display:inline-block; 
	padding-right:30px;
	vertical-align: top;
	margin-top: 1px;
}
.dvAtrName{
	width:270px; 
	margin:0px auto;
	margin-bottom:20px;
	height:60px; 
	text-align:center;
}
.dvAtrImgName1{
	width:140px; 
	height:17px;
	margin:10px auto;
	text-align:center;
	background:url('../img/logo_XtheLounge.png') no-repeat;
}
.dvAtrImgName2{
	width:101px; 
	height:17px;
	margin:10px auto;
	text-align:center; 
	background: url('../img/logo_XtheGift.png') no-repeat;
}
.dvAtrImgName3{
	width:126px;
	height:17px;
	margin:10px auto;
	text-align:center; 
	background: url('../img/logo_XthePhoto.png') no-repeat;
}
.dvAtrImgName4{
	width:140px; 
	height:17px;
	margin:10px auto;
	text-align:center;
	background:url('../img/logo_dal.png') no-repeat;
}
.dvAtrImgName5{
	width:170px; 
	height:17px;
	margin:10px auto;
	text-align:center;
	background:url('../img/logo_star.png') no-repeat;
}
.dvAtrImgName6{
	width:100px; 
	height:17px;
	margin:10px auto;
	text-align:center;
	background:url('../img/logo_webe.png') no-repeat;
}
.dvAtrImgName7{
	width:140px; 
	height:17px;
	margin:10px auto;
	text-align:center;
	background:url('../img/logo_lenti.png') no-repeat;
}
.dvAtrFloorNum{
	text-align: center;
	font: 30px/25px Pulmuone LOHAS OTF Bold;
	letter-spacing: -0.75px;
	color: #FFFFFF;
	margin-bottom:6px;
}
.dvAtrFloorName{
	text-align: center;
	font: 24px/25px Pulmuone LOHAS OTF Medium;
	letter-spacing: -0.6px;
	color: #A3BDDE;
}
.dvAtrimg{
	width:350px; 
	height:260px;
}
.Fac01{ background:url('../img/fac_01_Lounge.jpg') no-repeat;}
.Fac02{ background:url('../img/fac_02_Gift.jpg') no-repeat;}
.Fac03{ background:url('../img/fac_03_Photo.png') no-repeat;}
.Fac04{ background:url('../img/fac_04.jpg') no-repeat;background-size: 100% 100%;}
.Fac05{ background:url('../img/fac_05_star.png') no-repeat;}
.Fac06{ background:url('../img/fac_06.jpg') no-repeat;background-size: 100% 100%;}
.Fac07{ background:url('../img/fac_07.jpg') no-repeat;background-size: 100% 100%;}
.Fac08{ background:url('../img/fac_08.jpg') no-repeat;background-size: 100% 100%;}
/*.Atr01{ background:url('../img/atr_01_Xstory.png') no-repeat padding-box;}
.Atr02{ background:url('../img/atr_02_Cruise.jpg') no-repeat;}
.Atr03{ background:url('../img/atr_03_Bridge.jpg') no-repeat;}*/
/*.Atr07{ background:url('../img/img_07.jpg') no-repeat;}
.Atr08{ background:url('../img/img_08.jpg') no-repeat;}
.Atr09{ background:url('../img/img_09.jpg') no-repeat;}*/

.dvAtrIntro{
	width:350px;
	height:135px;
	margin-top:25px;
}
.dvAtrIntroName{
	font: 22px/25px Pulmuone LOHAS OTF Medium; 
	letter-spacing: -0.55px; 
	color: #A3BDDE;
	margin:0px auto;
	margin-bottom:10px;
	height:24px; 
	text-align:center;
}
.dvAtrIntrotext{
	font: 18px/24px Pulmuone LOHAS OTF Light;
	letter-spacing: -0.45px; 
	color: #C7CDD3;
	margin:0px auto;
	/*margin-bottom:10px;*/
	text-align:center;
}
.dvFdotWrap{
	width: 1230px; 
	height:50px;
	text-align:center; 
}
.dvFdotbox{
	display:inline-block;
	width: 105px; 
	height:30px;
	margin-top:25px;
	/*margin-right:25px;*/
	float:center;
}
.Fdot{
	display:inline-block;
	cursor: pointer;
	width:15px;
	height:15px;
	border-radius:15px;
	background-color:black;
	border: 1px solid #999999;
	margin-left:20px;
}
.FD1{
	background-color:white;
	margin-left:0;
}
/*2021/01/27 KJ Ãß°¡ ÆÐÅ°Áö ¹öÆ°*/
.FacBtn{
	display:inline-block;
	width:165px; 
	height:35px; 
	margin-top: 20px; 
	border: 1px solid #A3BDDE; 
	cursor: pointer;
	font-family:"Pulmuone LOHAS OTF Medium";
	font-size:16px;
	text-align: center;
	color: #A3BDDE;
	line-height: 35px;
}
/*comming soon Àӽà ¹®±¸*/
.comingSoon{
  display: table-cell;
  width: 350px;
  height: 260px;
  vertical-align: middle;
  text-align: center;
  font: 18px/30px Pulmuone LOHAS OTF Medium; 
  letter-spacing: -0.45px;
  color: #C7CDD3;
  opacity: 1;
}
/* Ç÷ξÀ̵å ÆäÀÌÁö Á¾·á */

/* À̺¥Æ® ÆäÀÌÁö */
#Event{
	height:1060px;

}
.EventWrap{
	width:1280px;
	height:930px;
	margin:auto;
}
/* À̺¥Æ® ÄÁÅÙÃ÷ ¿µ¿ª */
.dvEventConWrap{
	
	margin-top:120px;
	margin-left:90px;
	font-size:0;
}
.dvEventContent{
	border:1px solid #d3d3d3;
	width:1100px; 
	height:370px;
	overflow-x:hidden;
	overflow-y:hidden;
}
.event_scroll{
	width:3600px; 
	height:280px;
	font-size:0px;
}
.eventName{
	padding-top:129px;
	text-align: center;
	font-family: 'Pulmuone LOHAS OTF Medium';
	font-weight: 500;
	letter-spacing: -0.66px;
	color: #FFFFFF;
}
.dvEdotWrap{
	width: 1100px;
	height:50px;
	text-align:center;
}
.dvEdotbox{
	display:inline-block;
	width: 450px; 
	height:30px;
	margin-top:30px;
	float:center;
}
/* Ãß°¡ */
.edot{
	display:inline-block;
	cursor: pointer;
	margin-left:20px;
	width:15px;
	height:15px;
	border-radius:15px;
	border: 1px solid #999999;
}
.event_Content{
	display:inline-block;width:1100px;  height:370px;	
}
.edot.active{
	background-color:black;
}

.event0{width:1100px; height:370px; display:inline-block; background-image: url('../img/event/web_event_blue.png');}
.event1{width:0px; height:370px; display:inline-block; background-image: url('../img/event/web_event_air.png');}
.event2{width:0px; height:370px; display:inline-block; background-image: url('../img/event/web_event_mega.png');}
.event3{width:0px; height:370px; display:inline-block; background-image: url('../img/event/web_event_spa.png');}
.event4{width:0px; height:370px; display:inline-block; background-image: url('../img/event/web_event_nonghub.png');}  
.event5{width:0px; height:370px; display:inline-block; background-image: url('../img/event_8.png');}
.event6{width:0PX; height:370px; display:inline-block; background-image: url('../img/event/web_event_sin.jpg');}
                           
/* À̺¥Æ® ÆäÀÌÁö Á¾·á */                                                                              

/* ÇÏ´Ü ÄÁÅÙÃ÷ Footer*/
.Footer{width: 100%; height:350px;background-color:#414244; margin-top:300px;}
.footWrap{
	width:1280px; 
	margin: auto;
	background-color:#414244;
}
.footlogo{
	/*background: transparent url('../img/XtheSKY_logo_W.png') 0% 35px no-repeat padding-box;*/
	width:160px;
	height:85px;
}
.footContent{
	width:810px;
	vertical-align:top;
	padding-left: 85px;
	font: normal 16px/28px 'Pulmuone LOHAS OTF Light';
	font-weight: 200;
	letter-spacing: 0px;
	color: #CCCCCC;
}
.ServiceCenter{
	margin-top:40px; 
	margin-bottom:10px;
	padding-bottom:20px;
	/*height:120px; */
	border-bottom:1px solid #666666;
}
.dvServiceWrap{
	display:table-cell;
	width:420px;
	vertical-align:top;
}
.dvCustomer{
	text-align: left;
	font: 24px Pulmuone LOHAS OTF Bold;
	letter-spacing: 0px;
	color: #A3BDDE;
}
.dvCustomText{
	margin-top:7px;
	text-align: left;
	font: 16px Pulmuone LOHAS OTF Light;
	letter-spacing: 0px;
	color: #CCCCCC;
}
.dvTelNum{
	font: 40px Pulmuone LOHAS OTF Bold;
	text-align: right;
	letter-spacing: 0px;
	color: #A3BDDE;
}
.dvTelTime{
	display: inline-block;
    float: right;
	margin-left:10px;
	text-align: right;
	font:16px Pulmuone LOHAS OTF Light;
	letter-spacing: 0px;
	color: #CCCCCC;
}
.dvfootSNSCotent{ 
	text-align:right;	
}

.dvFootBtn{
	float: right;
	margin-top: 15px;
	margin-left: 10px;
	color: black;
	width: 70px;
	height: 20px;
	cursor:pointer;
	font-size: 14px;
	line-height:21px;
	border-radius: 10px;
	text-align: center;
	background-color: #A3BDDE;
	font-family: Pulmuone LOHAS OTF Light;
}

.dvAdminBtn{
	float: right;
	margin-left: 10px;
	color: #CCCCCC;
	width: 70px;
	height: 20px;
	cursor:pointer;
	font-size: 14px;
	line-height:21px;
	border-radius: 10px;
	text-align: center;
	background-color: #666666;
	font-family: Pulmuone LOHAS OTF Light;
}
.dvPryBtn{
	cursor:pointer;
	font-weight:900;
	color:#8FC31F;
}
.dvBottomBtn{
	margin-top:10px;
	width:220px;
	height:40px;
	line-height:40px;
	font-size:16px;
	cursor:pointer;
	background-color:#414244;
	color:white;
	font-weight: 900;
	border: 1px solid #CCCCCC;
}
/*°ü¸®ÀÚ ·Î±×ÀÎ*/
.dvLoginWrap{
	display:none;
	position: fixed;
	z-index:1000;
	top: 30%;
	left: 40%;
	width:340px;
	height:360px;
	background-color:white;
	border: 1px solid #707070;
	opacity: 1;
}
.dvLoginTop{
	width:100%;
	height:40px;
	margin-top:30px;
}
.dvLoginMain{
	width:240px;
	height:210px;
	margin-left:50px;
}
.dvLoginClose{
	float:right;
	margin-right:20px;
	width:40px;height:40px;
	background: url("../img/icon_close.png");
	cursor:pointer;
}
.dvLoginTitle{
	font-family: Pulmuone LOHAS OTF Bold;
	color:#444444;
	font-size:24px;
	padding-bottom:5px;
}
.inputLogin{
	width:228px;
	height:38px;
	padding-left:10px;
	margin-top:10px;
	border: 1px solid #CCCCCC;
	font-size:18px;
	font-family: Pulmuone LOHAS OTF Light;
}
input::placeholder {
	color:#CCCCCC;
	font-size:18px;
	font-family: Pulmuone LOHAS OTF Light;
}

.dvLoginBtn{
	width: 240px;
	height: 60px;
	line-height: 60px;
	margin-top:20px;
	background: #93A7BF 0% 0% no-repeat padding-box;
	font-family: Pulmuone LOHAS OTF Bold;
	font-size:20px;
	text-align:center;
	background-color:#93A7BF;
	color:#FFFFFF;
	cursor:pointer;
}
.dvPass{
	color:#727272;
	text-align: right;
	font-size:16px;
	cursor:pointer;
	font-family: Pulmuone LOHAS OTF Light;
}

.dvPassWrap{
	display:none;
	position: fixed;
	z-index:1000;
	top: 30%;
	left: 40%;
	width:340px;
	height:440px;
	background-color:white;
	border: 1px solid #707070;
	opacity: 1;
}


/* 1280 ÇØ»óµµ ±âÁØ ¹é±×¶ó¿îµå ÄÁÅÙÃ÷ */
@media screen and (max-width:1280px){
html,body{width:1280px;}
.navigation{width:1280px; border-bottom: 1px solid #EEEEEE;}
.dvbackground{width:1280px;}
.navbar{top:45%;}
}
@media screen and (-webkit-min-device-pixel-ratio:0){ 
	#video{
		position: absolute;
		width:100%;
		height:100%;
		z-index:1000;
		background-color:rgba( 0, 0, 0, 1 );
	}
	.videoWrap{
		background-color:rgba( 0, 0, 0, 1 );
	}
}


/***************************************************** ¸Þ½ÃÁö Æ˾÷ ½ºÅ¸ÀϽÃÆ® ½ÃÀÛ *************************************/
/* ¸Þ½ÃÁö¿µ¿ª Àüü css */
.drh-msgpopup-wrapper-css{
	/*position:absolute;left:0px;top:0px;z-index:99;width:330px;height:185px;background-image:url('/xtheskyAdmin/images/bg_msg_popup.png');background-repeat:no-repeat;*/
	position:fixed;left:0px;top:0px;z-index:1101;width:330px;height:360px;
	background-color:#ffffff;
	background-repeat:no-repeat;
}
/* ¸Þ½ÃÁö ¿µ¿ª Àüü back css */
.drh-msgpopup-bak-wrapper-css{
	position:fixed;left:0px;top:0px;z-index:1100;width:100%;background: none rgba(0, 0, 0, 0.3);
}
/* ¸Þ½ÃÁö ŸÀÌƲ ¿µ¿ª Àüü css */
.drh-msgpopup-title-css{
	height:50px;
}
.drh-msgpopup-title-css > div:first-child {
	padding:14px 15px 14px 20px;
}
.drh-msgpopup-title-css > div:first-child > div:first-child {
	float:left;
}
.drh-msgpopup-title-css > div:first-child > div:last-child {
	/*float:right;width:22px;height:22px;background-image:url("/xtheskyAdmin/images/btn_progress_close.png");background-repeat:no-repeat;cursor:pointer;*/
	float:right;width:40px;height:40px;background-image:url("/xtheskyAdmin/images/btn_progress_close2.svg");background-repeat:no-repeat;cursor:pointer;
	background-size: 40px 40px;
}

.drh-close {
	width: 20px;
    height: 20px;
    background-image: url(/xtheskyAdmin/images/btn_progress_close2.svg);
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: 20px 20px;
    /* display: block; */
    position: relative;
    top: -129px;	
    border: solid 2px;
}

.drh-close2 {
	width: 20px;
    height: 20px;
    background-image: url(/xtheskyAdmin/images/btn_progress_close2.svg);
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: 20px 20px;
    /* display: block; */
	position: absolute;
    margin-top: -129px;	
    border: solid 2px;
}

#sp_msgpopup_title{
	font-size:18px;color:#ffffff;font-weight:bold;
}

/* ¸Þ½ÃÁö ÄÁÅÏÃ÷ ¿µ¿ª css */
.mst-msgpopup-contents-css{
	/*width:100%;height:100px;word-break:break-all;overflow-y:auto;*/
	width:100%;height:235px;word-break:break-all;overflow-y:auto;
}
.mst-msgpopup-contents-css > div{
	width:100%;height:100%;display:table;
}
.mst-msgpopup-contents-css > div > div{
	display:table-cell;vertical-align:middle;text-align:center;	
}

/* ¸Þ½ÃÁö ¹öÆ° ¿µ¿ª css */
.mst-msgpopup-button-css > table{
	width:100%;height:25px;	
}
#msg-msgpopup-one-btn{
	/*margin-left:auto;margin-right:auto;width:90px;line-height:25px;*/
	margin-left:auto;margin-right:auto;width:100%;line-height:25px;
	display: flex;
	justify-content: center;
}
#msg-msgpopup-two-btn{
	/*margin-left:auto;margin-right:auto;width:190px;line-height:25px;*/
	margin-left:auto;margin-right:auto;width:100%;line-height:25px;
	display: flex;
	justify-content: center;
}
.drh-msg-button-css{
	/*width:90px;height:25px;cursor:pointer;background-color:#f3f3f3;text-decoration:none;border:solid 1px #c5c5c5;*/
	width: 120px;
    height: 40px;
	cursor:pointer;background-color:#93A7BF;text-decoration:none;border:solid 1px #c5c5c5;
	border-radius: 20px;
	color:#FFFFFF;
}
.drh-msg-button2-css
{
	/*width:90px;height:25px;cursor:pointer;background-color:#f3f3f3;text-decoration:none;border:solid 1px #c5c5c5;*/
	width: 120px;
    height: 40px;
	cursor:pointer;background-color:#CCCCCC;text-decoration:none;border:solid 1px #c5c5c5;
	border-radius: 20px;
	color:#FFFFFF;
}
button-css:focus{
	border:dotted 1px #c5c5c5;background-color:#e5e5e5;
}
/***************************************************** ¸Þ½ÃÁö Æ˾÷ ½ºÅ¸ÀϽÃÆ® Á¾·á *************************************/