/*@media only screen and (min-width: 1281px) and (max-width: 1823px) {

}*/
@media all and (max-width: 1823px) {
	
	#gnbMenu > ul > li > a{padding:0 29px;}
	/* .wd #gnbMenu > ul > li > a{padding:0 20px;} */
	#header dl{right:10px;}
	#header .nav{padding-right:85px}
	#header dl dd{margin:0 7px}
	#gnbMenu > ul > li.first a{padding-left:0;}
}

@media all and (max-width: 1650px) {
	#gnbMenu > ul > li > a{padding:0 27px;}
	
	div.index_youtube {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom:calc(-8%); margin-top:calc(115px - 8%)}
	div.index_youtube video {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

}

@media all and (max-width: 1400px) {
	.w1400{width:100%; padding:0 10px; box-sizing:border-box}
	
	.photo.pc {height: 560px}
    .photo.pc .bx-wrapper {position:absolute; left:50%; max-width:2954px !important; margin-left:-1441px !important; height:560px;}
    .photo.pc .bx-wrapper .bx-viewport {height: 560px !important;}
    .photo.pc .slide li.acco_slide {width: 960px !important;}
    .photo.pc .outside {width: 960px;}
	
	#header dl{right:5px;}
	#header .nav{padding-right:73px}
	#header h1 a{width:130px; height:53px;}
	
	.outside span a.bx-prev{left:10px;}
	.outside span a.bx-next{right:10px;}
	
}

@media all and (max-width: 1350px) {
	
	#gnbMenu > ul > li > a{padding:0 24px;}
}

@media all and (max-width: 1280px) {
	.w1200{width:100%; max-width:100%; box-sizing:border-box; padding:0 15px; }
	
}

@media all and (max-width: 1279px) {
	.w1200{padding:0 15px; }
	#indexeve{display:none;}
	
	#gnbMenu > ul > li > a{padding:0 20px;}
	/* #header.wd h1 a{width:185px; height:67px; background-size:cover !important;} */
	
	#bookArea .bookIns{width:100%; box-sizing:border-box;}
	#bookArea .bookIns ul li .innerBox{padding:0 3px;}
	
	.outside span a.bx-prev{left:15px;}
	.outside span a.bx-next{right:15px;}
	
	#mapArea .mapIns{width:calc(100% - 3%);}
	
	.photo.pc {height: 525px}
    .photo.pc .bx-wrapper {position:absolute; left:50%; max-width:2795px !important; margin-left:-1350px !important; height: 525px;}
    .photo.pc .bx-wrapper .bx-viewport {height: 525px !important;}
    .photo.pc .slide li.acco_slide {width: 900px !important;}
    .photo.pc .outside {width: 900px;}
    
    .amenities a{height:117px; margin-right:10px;}
	.amenities a img{padding:30px 20.5px;}
	.amenities a span.box em{font-size:15px;}
	
	#footer .weather i img{width:60px; height:60px;}
	
}

@media all and (max-width: 1220px) {
	
	#gnbMenu > ul > li > a{padding:0 17px;}
	/* #header h1{left:15px;} */
	#gnbMenu .gnbbg{display:none;}
	#gnbMenu > ul{padding:0;}
	
	/* .photo.pc {height: 475px}
    .photo.pc .bx-wrapper {position:absolute; left:50%; max-width:2795px !important; margin-left:-1350px !important;}
    .photo.pc .slide li.acco_slide {width: 900px !important; } */
	
	#bookArea{bottom:27%;}
	
	/* article.sitemap dl dd.smap-3{width:35%;} */
	
}

@media only all and (max-width: 1150px) {
	#gnbMenu > ul > li > a{padding:0 17px;}
	
	#facArea .detail h2 br{display:none;}
	#facArea em{font-size:37px;}
	
	.amenities a{height:105px; margin-right:10px;}
	.amenities a img{padding:24px 14.5px;}
}

@media all and (max-width: 1024px) {
	
	#gnbMenu > ul > li > a{margin:0 4px;}	
	
	#introArea br.block{display:none;}
	#introArea{padding-bottom:50px;}
	
	.hidden_1024{display:none;}
	
	/* #facArea ul li{width:50%;} */
	#facArea em{font-size:32px;}
	
	#mapArea ul li.left{width:45%}
	#mapArea ul li.right{width:55%;}
	#mapArea ul li figure em{display:block}
	#mapArea ul li figure dl dd a{margin-bottom:10px;}
	
	.photo{width:100% !important; margin:0;}
	.photo .slide li.acco_slide{width:100%;}
	.photo .outside{width:100%; position:absolute; top:33%;}
	
	#visualArea .tabList dd{width:187px;}
	.roominfo ul.b33.room li{width:29%;}
	.roominfo ul.b33.room li:nth-child(1){width:42%;}
	.roominfo ul li.resv span{width:100%; position:relative;}
	.roominfo ul li.resv dl dd{padding-left:0;}
	
	/** facilities  **/
	.roominfo ul.b33.fac li{width:35%}
	.roominfo ul.b33.fac li:nth-child(1){width:30%}
		
	.amenities figure.x{/* float:left; margin-left:3px; */}
	.amenities ul{margin-bottom:0}
	.amenities a{height:98px; margin-right:8px;}
	.amenities a span.box em{font-size:14px;}
	.amenities a img{width:65px; height:48px;}
	
	.guide dl em{width:70px; height:80px; line-height:80px;}
	.guide dl .info{width:calc(50% - 67px); top:0}
	.guide dl dd .info{right:calc(50% + 67px)}
	.guide dl .info article{font-size:14px;}
	.guide dl dt .info article{padding-left:137px;}
	.guide dl dd .info article{padding-right:137px;}
	.guide dl dt em:after,
	.guide dl dd em:after{width:32px; top:39px;}
	.guide dl dt em:before,
	.guide dl dd em:before{top:35.5px;}
	.guide dl em:before,
	.guide dl em:after{right:-32px;}
	.guide br.tem_none{display:block;}
	
	#container .content .info-table ul.story li .title {font-size: 14px;}

	#bookArea .bookIns ul li{margin-bottom:7px;}
	#bookArea .bookIns{padding:50px 10px; box-sizing:border-box;}
	#bookArea .bookIns.wd {padding: 30px 10px; margin-top: 40px;}
	#bookArea .bookIns ul li.ci_date{width:36.5%}
	#bookArea .bookIns ul li.rooms{width:12.2%}
	#bookArea .bookIns ul li.adults{width:12.2%}
	#bookArea .bookIns ul li.child{width:12.2%}
	#bookArea .bookIns .resv {padding-left: 10px;}
	#bookArea .bookIns .resv span {/* width: 160px; */ margin-right: 20px;}
	#bookArea .bookIns .resv-bt a {width: 180px;}

	#footer dl dd{width:50%; margin-bottom:15px;}
	#footer ul.info{width:100%;}
	#footer dl dd:nth-child(2n){border-right:none;}
	#footer section{width:75%; margin:0;}
	#footer dl dd .site_2th_02{padding-left:25%;}
	article.sitemap dl dd{border-left:none;}
	#footer dl dd .site_2th_02{padding-left:0;}
	article.sitemap dl dd.last{text-align:left;}
	
	#footer.wd article.sitemap dl dd.smap-1{width:50%; border:none}
	#footer.wd article.sitemap dl dd.smap-2{width:50%;}
	#footer.wd article.sitemap dl dd.smap-3{width:50%; text-align: left;}
		
	
	div.index_youtube {margin-bottom:calc(-8%); margin-top:calc(115px - 8%)}

}

@media all and (max-width: 970px){
	#container .view_info dl{height:415px;}
	#bookArea .bookIns ul li.ci_date{width:38.5%}
	#bookArea .bookIns ul li.rooms{width:11.2%}
	#bookArea .bookIns ul li.adults{width:11.2%}
	#bookArea .bookIns ul li.child{width:11.2%}
	#bookArea .bookIns ul li.search{width:14.9%;}
	
	.roominfo .amenities ul.b50 li{width:100%;}
	.amenities ul li{margin-bottom:25px;}
	.amenities figure{margin-top:30px;}
	.amenities figure.y{margin-left:0; margin-right:5px;}
	.amenities figure.x{position:relative; float:left; margin-left:3px;}
	
	.guide dl dt .info article span,
	.guide dl dd .info article span{width:100%; position:relative;}
	.guide dl dt .info article p{padding-left:0; margin-bottom:7px;}
	.guide dl dd .info article p{padding-right:0; margin-bottom:7px;}
	
	.info-table .courseArea .info section{width:calc(100% - 48px)}
	
}

@media all and (max-width: 900px){
	.info-table .courseArea .info section:before,
	.info-table .courseArea .info section:after{left:55px; position:relative;}
	
	#container .info-table .courseArea .info dl dd,
	#container .info-table .courseArea .info dl dd:first-child,
	#container .info-table .courseArea .info dl dd:last-child{float:none; width:100%; display:flex; align-items:center;}
	
	.info-table .courseArea .info dl dd:after,
	.info-table .courseArea .info dl dd:first-child:after,
	.info-table .courseArea .info dl dd:last-child:after{content:''; display:block; clear:both;}
	
	.info-table .courseArea .info dl{padding:18px 0 18px;}
	.info-table .courseArea .info dl em{min-width:75px;}
	.info-table .courseArea .info .route{padding:15px 10px 15px 22px; width:calc(100% - 32px); border:none; border-left:1px solid #cacaca; min-height:65px; margin-top:0;}
	.info-table .courseArea .info .route:before{transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); left:-20px; top:-6px}
	.info-table .courseArea .info dd:last-child .route:after{transform:rotate(90deg); -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); position:absolute; display:inline-block; top:calc(100% - 9px); bottom:0; right:calc(100% - 10px);}
	
}

@media all and (max-width: 800px){
	
	#container .view_info dl{width:280px; padding:20px 25px}
	#container .view_info dl dd{width:280px;}
	
	#bookArea{bottom:17%;}
	#bookArea .bookIns ul li.ci_date{width:100%;}
	#bookArea .bookIns ul li.rooms{width:33.33%}
	#bookArea .bookIns ul li.adults{width:33.33%}
	#bookArea .bookIns ul li.child{width:33.33%}
	#bookArea .bookIns ul li.company{width:50%;}
	#bookArea .bookIns ul li.search{width:50%;}
	
	.info-table .table_wrap.wd900 {width: 100%; overflow-x: scroll;}
	.info-table .table_wrap.wd900 table {width: 800px; margin-bottom: 0;}
	.info-table .table_wrap table th, .info-table .table_wrap table td {font-size: 14px; padding: 12px 10px;}
	.info-table .table_wrap table.tl td:last-child {padding-left: 10px;}
	.info-table .courseArea .Img{padding:35px 10px 35px;}
	.info-table .courseArea .Img .mImg{display:block; margin:0 auto;}
	.info-table .courseArea .Img .pcImg{display:none}
	
	.amenities a{height:auto; box-sizing:border-box; width:96px;}
	.amenities a span.box{transition:none; opacity:1; background:none; position:relative; margin:5px 0 8px;}
	.amenities a span.box em{color:#333; display:inline-block}
	
	.overview dl dt{width:33.3%;}
	.intro ul.conList{margin:0 -13px;}
	.intro ul.conList li figure{margin:0 13px 14px}
	.econci .List dl dd{width:calc(60% - 26px); padding-left:26px}
	.roominfo ul.b50.shutt li{width:100%; float:none; text-align:center; margin-bottom:35px;}
	
	/* #slider-mobile{display:block;}
	#slider-pc{display:none;} */
	
	/* div.index_youtube{height:676px;} */
}

@media all and (min-width: 769px) {
	#bookArea .bookIns .resv-bt {float: right;}	
	#bookArea .bookIns .resv-bt a.location {transform: skewX(-20deg); -ms-transform: skewX(-20deg); -webkit-transform: skewX(-20deg); -moz-transform: skewX(-20deg);}
	#bookArea .bookIns .resv-bt a.location span {transform: skewX(20deg);}
	#bookArea .bookIns .resv-bt a.party {height: 0; border-left: 16px solid transparent; border-bottom: 47px solid #51315e;}
	
}

@media all and (max-width: 768px) {
	#homeArea .homeTxt dl dt{font-size:64px;}
	#homeArea .homeTxt dl dd{font-size:17px; margin-top:20px;}
	
	
	
	#bookArea .bookIns .resv-bt {width: 100%; overflow: hidden; padding: 0 3px; margin-top: 10px;}
	#bookArea .bookIns .resv-bt a {width: 49.5%; margin-right: 1%; display: inline-block; float: left;}
	#bookArea .bookIns .resv-bt a:last-child {margin-right: 0;}
	#bookArea .bookIns .resv-bt a.location {}
	#bookArea .bookIns .resv-bt a.party {height: 47px; background: #51315e; border-left: 0; border-bottom: 0;}
	
	.info-table p {font-size: 16px;}
	.info-table ul li {margin-bottom: 0;}
	.info-table .table_wrap.wd650 {width: 100%; overflow-x: scroll;}
	.info-table .table_wrap.wd650 table {width: 650px; margin-bottom: 0;}	
	.info-table ul.story li, .info ul.story li:first-child {width: 100%; border-right: 0;}
	.info-table ul.story li .con {height: 250px; border-bottom: 0;}
	.info-table ul.story li .con span img {max-width: 100%; max-height: 100%; padding: 30px 0;}
	.info-table ul.story li:last-child .con {border-bottom: 1px solid #ddd;}

	#footer .footerIns{font-size:12px; padding-top:0px;}
	#footer.wd .footerIns{padding-top:49px;}
	#footer .footerIns .footer_menu li{margin:0 3px;}
	#footer .footerIns .footer_menu li a{font-size:13px;}
	#footer .footerIns p.address{margin-top:15px;}
	#footer .footerIns p.address span{padding:0; line-height:150%;}
	#footer .footerIns p.address span em{display:block}
	
	.loca .info,
	.loca.wd .info{padding:20px 10px; text-align:center;}
	.loca .info br.none{display:block;}
	.loca .info span{margin-right:8px; margin-bottom:4px;}
	.loca .info a.btn{position:relative; margin:13px auto 0; left:0; top:0; font-size:13px;}
	.loca .info br.tem_none{display:block;}
	.econci .List dl dt,
	.econci .List dl dd{width:100%; float:none; padding-left:0; margin-bottom:40px;}
	.econci .tabList{margin-bottom:20px;}
	.econci .tabList li a{font-size:14px; line-height:45px; margin-top:1px;}
	.econci .List a.btn{margin:18px auto;}
	
}

@media all and (max-width: 745px) {
	.guide{padding:72px 0 50px;}
	.guide dl .info{background:none !important;}
	.guide dl dt .info article{padding-left:20px;}
	.guide dl dd .info article{padding-right:20px}
	
	#facArea ul li{width:100%; float:none; height:150px;}
	#facArea em{font-size:25px;}
	#facArea a.btn{margin-top:13px; font-size:13px; padding:7px 45px;}
	#offerArea .title h1{font-size:35px;}
	#facArea .detail{display:none;}
	#facArea figure:after{position:relative;}
}


@media all and (max-width:640px) {
	
	#header .top_1th p.tel{display:none;}
	#header .top_1th .info{width:100%;}
	#header .language,
	#header .revbtn{width:50%; box-sizing:border-box;}
	#header .revbtn a.btn{width:100%;}
	
	.m_hidden{display:none;}
	.m_block{display:block;}
	
/**-----  Main  -----**/
	#homeArea .homeTxt{top:28%}
	#homeArea .homeTxt dl dd{font-size:16px;}
	#homeArea .homeTxt dl dd span{white-space:normal}
	#homeArea .homeTxt dl .block{display:none;}
	#homeArea .homeTxt dl dt{font-size:54px;}
	div.index_slide .item{height:750px; background-position:center center !important;}
	
	#offerArea.x{padding:33px 0}
	#offerArea{padding:70px 0 46px;}
	
	#mapArea .mapIns{padding:60px 0 0; width:100%;}
	#mapArea ul li{height:auto;}
	#mapArea ul li.left,
	#mapArea ul li.right{width:100%; float:none}
	#mapArea ul li.right{height:550px;}
	#mapArea ul li figure dl dt{font-size:35px;}
	#mapArea ul li figure dl dd{font-size:15px; margin-bottom:18px;}
	#mapArea ul li figure dl dd a{width:135px; padding:15px 0;}
	#mapArea ul li figure dl dd.last{margin-top:24px;}
	
	#introArea{padding:80px 0 60px}
	#introArea h1{font-size:20px;}
	#introArea .info h2{margin:18px 0 18px; font-size:33px;}
	#introArea h2{font-size:33px; margin:18px 0 18px}
	#introArea .info{margin:0; width:100%;}
	.intro_slide .Img{height:328px;}
	#introArea a.btn{font-size:13px;}
	#introArea p{line-height:1.9em;}
	#introArea p.ko2{font-size:18px;}
	
	
/**-----  Sub ------**/
	#visualArea{height:350px;}
	#visualArea.room{height:460px;}
	#visualArea .inner{padding:0 10px;}
	#visualArea .title u{font-size:35px; line-height:1.2em;}
	#visualArea .title em{font-size:17px;}
	#visualArea .title em.bigFont{font-size:20px; margin-top:7px;}
	#visualArea .tabList dd{margin:0 auto 5px;; display:block; width:75%;}
	br.block{display:none;}
		
	#container .othertit h1{font-size:24px;}
	.roominfo{padding:60px 0;}
	.roominfo h1{font-size:35px; margin-bottom:38px;}
	.roominfo h2{margin-top:-14px;}
	
	.roominfo section > ul{width:100%; float:none; margin-bottom:30px;}
	.roominfo ul li dl dt{font-size:16px;}
	.roominfo ul li dl dd{font-size:13px;}
	.roominfo ul.info li dl dd{font-size:14px;}
	.roominfo ul.info{padding-top:40px;}
	
	#container .roominfo ul li{width:100%; margin-bottom:12px;}
	#container .roominfo ul.formWrap li{margin-bottom:7px;}
	#container .roominfo ul.fac li{margin-bottom:10px;}
	#container .roominfo.svc ul li{width:50%; margin-bottom:0px;}
	.roominfo ul li.resv dl{text-align:left; height:auto;}
	.roominfo em.warning{position:relative; top:0.55em;}
	
	.roominfo.svc{background-size:cover !important;}
	.roominfo .img{margin-top:10px;}
	.roominfo .line{margin:40px auto;}	
	
	#otherArea .info dt,
	#otherArea .info dt.kor{font-size:28px;}
	#otherArea ul li{height:220px;}
	#otherArea .Img{height:220px;}
	
	.amenities h4{font-size:17px;}
	#container .roominfo .amenities ul li{margin-bottom:6px;}
	.amenities ul{margin-bottom:0;}
	.amenities a img{padding:18px 14.5px;}
	.amenities a span.box em{font-size:13px;}
	.amenities figure{margin-top:5px;}
	.amenities figure.y,
	.amenities figure.x{width:100%;}
	.amenities figure.y{margin-bottom:18px;}
	
	
	#bookArea{bottom:0; background:#8a8989;}
	#bookArea .bookIns{padding:35px 10px;}
	#bookArea .bookIns ul li.company{width:100%;}
	#bookArea .bookIns ul li.search{width:100%;}
	
	.outside span a.bx-prev,
	.outside span a.bx-next{top:20%;}
	.outside span a{width:30px; height:57px; background-size:cover !important;}
	
	#otherArea.addspace{margin-top:70px;}
	#otherArea .outside span a{width:45px; height:88px; background-size:cover !important;}

	.photo .outside{top:34%;}
	
	/****  about pj  ****/
	.intro{padding:60px 0;}
	.intro h3{font-size:26px; margin-bottom:40px;}
	.intro ul.conList li{width:100%;}
	.intro ul.conList h4{font-size:17px;}
	.intro ul.conList li figure{margin-bottom:20px;}
	.intro br.none{display:block;}
	.intro br.block{display:none;}
	.overview{padding:75px 0;}
	.overview h3{font-size:30px; margin-bottom:35px;}
	.overview dl dt{width:50%;}
	.overview dl dd{width:100%;}
	.overview figure i{font-size:15px;}
	.overview figure{height:129px; margin:0 5px; padding:43px 10px 0;}
	.overview dl dt,
	.overview dl dd{margin-bottom:10px;}
	.locaMap{height:600px;}
	.loca .info span{font-size:15px;}
	.loca .info span.plus_txt {position: relative; right :0; top: 0; text-align: center; margin-top :10px;}
	.loca ul.List{border:none;}
	.loca ul.List li,
	.loca.wd ul.List li{width:100%; float:none; border-bottom:1px solid #ccc; padding:35px 10px; border-right:none;}
	.loca.wd ul.List{border-bottom:1px solid #ccc;}
	.loca.wd ul.List li{border-bottom:none; padding:10px 10px;}
	.loca.wd ul.List li:nth-child(2n+0){width:100%;}
	.loca ul.List i{margin-right:21px;}
	.loca ul.List h1{font-size:17px;}
	.loca.wd ul.List h1{margin-top:36px;}
	.loca ul.List dl{font-size:14px;}
	.loca .info br.m_none{display:block;}
	.econci .tabList li{width:50%;}
	.guide{padding:72px 0 30px;}
	.guide dl em{width:133px; height:131px; line-height:131px;}
	.guide dl{text-align:left;}
	#container .guide dl .info{width:100%; height:131px; right:0;}
	#container .guide dl .info article{text-align:left; padding-left:83px;}
	.guide dl dt em:after, .guide dl dd em:after{top:64px;}
	.guide dl dt em:before, .guide dl dd em:before{top:60.5px;}
    .guide dl dd em,
	.guide dl dd em i{transform:rotateZ(360deg);  -webkit-transform:rotateZ(360deg); -ms-transform:rotateZ(360deg); -moz-transform:rotateZ(360deg); -o-transform:rotateZ(360deg);}    
    /* .guide br.tem_none{display:none;} */
    
    .guide dl span.media-guide {position: absolute; width: calc(100% - 103px); right: 0;}
    .guide dl span.media-guide ._4f {width: 100%; position: relative; /* padding-left: 50px; */}
	
	.info-table h1 {font-size: 35px;}
	.info-table .table_wrap table th, .info-table .table_wrap table td {font-size: 13px; padding: 6px 5px;}
	.info-table .courseArea .info dl em{min-width:64px;}
	.info-table .courseArea .info section{width:100%;}
	.info-table .courseArea .info .route ul.addbr li{width:50%;}
	.info-table .courseArea .info section:before, .info-table .courseArea .info section:after{left:40px;}


	/****  footer  ****/
	#footer dl dd .site_2th_02{padding-left:0;}
	#footer dl dd{border:none}
	/* #footer dl dd.smap-3{display:none} */
	#footer dl dd.smap-4{/* width:100%; float:none; */}
	#footer .info u{display:block;}
	#footer dl dd.last{text-align:left; width: 53%;}
	#footer section{width:92%; padding-top:0}
	#footer .weather i img{width:50px; height:50px;}
	
	
	
	/****  board  ****/
	#container .board-wrap .board-title{font-size:35px;}
	
	/* div.index_youtube{height:558px;}
	div.index_youtube video{width:100%; height:auto;} */
	
	/* div.index_youtube {
	    position: relative;
	    padding-bottom: 56.25%;
	    height: 0;
	    overflow: hidden;
	    margin-bottom: 4em;
	}
	div.index_youtube iframe,
	div.index_youtube object,
	div.index_youtube video {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	} */
	
}
@media all and (max-width:480px) {
	div.index_slide .item{height:556px;}
	.mapWrap{height:625px;}
	.amenities a:nth-child(3n+1){margin-right:0}
	
}