@media all and (min-width : 1601px)
and (max-width : 1823px) {
    /**  STYLE  **/
    
    #mapArea .info{width:39%}
    #mapArea .mapIns{width:61%}
    #mapArea .info dl{padding-left:37.1%;}
    #mapArea .info dl dt .tel{font-size:34px;}
    #mapArea .info dl dt .adr{font-size:14px;}
    
    .btn{font-size:13px;}

    #conArea .conIns .location{width:90%;}
    #conArea .conIns .location ul li dl{margin:0 20px;}
    #conArea .conIns .location ul{margin:0 -20px;}
    #conArea .conIns .location ul li dl dt{font-size:17px;}
    #conArea .conIns .location ul li dl dd{font-size:13px;}
    #conArea .conIns .location ul li dl img{height:73px; width:auto; margin-bottom:35px;}
    #conArea .conIns .roomShow{width:85%;}

}

@media all and (max-width:1600px) {
	#mapArea .info dl{padding-left:25.1%;}
}

@media all and (max-width:1440px) {
    #gnbMenu > ul > li{padding:0 14px;}
    #mapArea .info dl{padding-left:17.1%;}
    
   #jssor_1 .prev-icon{left:0px;}
	#jssor_1 .next-icon{right:0px;}
}

@media all and (max-width:1279px) {
	.header_ins{width:100%;}
	#gnbMenu > ul > li{padding:0 16px;}
	#mapArea .info dl{padding-left:15px;}
	
    #conArea .conIns .roomShow{width:100%}
    
	#mainWrap .w1200,
    #footer .footerIns{width:100%; padding-left:15px; padding-right:15px; box-sizing:border-box;}
    
    #mapArea .info{width:45%}
    #mapArea .mapIns{width:55%;}
}

@media all and (max-width:1220px) {
	/* #bookArea{display:none;} */
}
@media all and (max-width:1024px) {
	#conArea .conIns .w1200 {box-sizing: border-box;}
	
	#gnbMenu > ul > li{padding:0 14px;}
	
    #homeArea{height:auto;}
	#homeArea .homeTxt dl dt{font-size:32px;}
	#homeArea .homeTxt dl dt div{padding:22px 17px}

	#footer .footerIns{width:100%; text-align:center;}
    #footer .topBtn{display:none}
    
    .bxslider .mobile-line{display:block;}
    .bxslider .pc-line{display:none;}
    
     /**  MAIN  **/
    #spaceArea .spaceIns{padding:5% 90px; box-sizing:border-box}
    #spaceArea .bx-wrapper .bx-prev{left:-75px;}
    #spaceArea .bx-wrapper .bx-next{right:-75px;}
    #spaceArea .spaceInfo dl dt{font-size:23px;}
    #spaceArea .spaceInfo dl dd{font-size:14px;}
    #spaceArea .spaceInfo dl dd::after{width:73px;}
    #roomArea .roomIns{width:100%; padding:8% 0px; box-sizing:border-box}
    #roomArea .roomIns .info h1{font-size:29px;}
    #roomArea .roomIns .info p{margin-top:10px;}
    #roomArea .roomIns .info p.txt01{font-size:15px;}
    #roomArea .roomIns .info p.txt02{font-size:14px;}
	#roomArea .roomIns .tabLink ul::before{display:none;}
    #roomArea .roomIns .tabLink ul::after{width:0}
	#roomArea .roomIns dl dt,
    #roomArea .roomIns dl dd{width:100%; float:none; max-width:100%; overflow:hidden;}
    #roomArea .roomIns dl dt{padding:0}
    #roomArea .roomIns dl dd{padding:10% 0;}
    #roomArea .roomIns .viewmore{position:absolute; right:0; bottom:3px; }
    #roomArea .roomIns .viewmore .btn{padding:7px 18px; font-size:12px;}
    #roomArea .roomIns .tab_con{padding:0 15px;}
    #roomArea .roomIns .tabLink{position:relative; margin:20px 0 0;}
    #roomArea .roomIns .tabLink ul{border-top:1px solid #6d6d6d;}
    #roomArea .roomIns .tabLink ul li{float:left; width:50%; text-align:center; height:50px; line-height:50px; border-right:1px solid #6d6d6d; border-bottom:1px solid #6d6d6d; box-sizing:border-box; background:transparent;}
    #roomArea .roomIns .tabLink ul li:nth-of-type(2n+0){border-right:none;}
    #roomArea .roomIns .tabLink ul li a{font-size:14px;}
    #roomArea .roomIns .tabLink ul li a:hover{background:#404040}
    #roomArea .roomIns .tabLink ul li a:hover::after{display:none;}
    #roomArea .roomIns .tabLink ul:after{content:''; display:block; clear:both;}
    #roomArea .bx-wrapper .bx-pager{text-align:center;}
    #roomArea .bx-wrapper .bx-pager.bx-default-pager a{width:16px;}
    
    #mapArea .info{width:100%; padding:60px 15px; box-sizing:border-box;}
    #mapArea .mapIns{width:100%;}
	#mapArea{height:auto;}
    #mapArea .info dl dt .tel::before{margin-bottom:23px;}
    #conArea .conIns .mapIns{height:600px;}
    #mapArea .info{height:auto;}
    #mapArea .info dl{padding:0}
    #mapArea .info dl dt .tel{font-size:29px;}
    #mapArea .info dl dt .adr{font-size:15px;}
    #mapArea .info dl dd{margin-top:27px;}
    #mapArea .info dl dd img{width:38px; margin:-2px 2px 0 0}
    #mapArea .info dl dd ul li{max-width:100%; height:auto; width:50%; box-sizing:border-box;}
    #mapArea .info dl dd ul li span{padding:17px 0;}
    #mapArea .info dl dd ul li span em{display:inline-block; margin:0; font-size:14px;}
	#mapArea .info dl dd div.famSite{width:100%; box-sizing:border-box;}
    /**  MAIN  **/
    
	#gnbArea .gnbIns ul li.contact{display:none;}
    #gnbArea .gnbIns ul li.reservation{display:none;}
    #gnbArea .gnbIns ul li{font-size:16px;}
    #gnbArea .gnbIns ul li.menu{padding:0 5%;}
    #gnbArea .gnbIns ul li.menu .downMenu a{padding-left:11%;} 
    #gnbArea .gnbIns ul li.menu{width:44%}
    #gnbArea .gnbIns ul li.home{width:12%;}
    #gnbArea .gnbIns ul li{box-sizing:border-box}
    
    #conArea .conIns .per80{width:100%;}
    #conArea .conIns .amenity ul li{width:25%}
    #conArea .conIns .pdLR15{padding:0 15px; box-sizing:border-box}
    
    #conArea .conIns .tit-txt{padding:10% 15px 9%}
    #conArea .conIns .tit-txt h1{font-size:32px;}
    #conArea .conIns .tit-txt h2{font-size:17px; letter-spacing:-1px; line-height:140%; margin: 10px 0 20px}
    #conArea .conIns .tit-txt em{display:block}
    #conArea .conIns .tit-txt h3{font-size:16px; margin:-5px 0 24px;}
    #conArea .conIns .tit-txt h3 em{margin-bottom:3px;}
    #conArea .conIns .tit-txt::after{width:50px; margin-top:20px;}
    
    #conArea .conIns .explain{background:url(/Template04_common/images/homepage/overview/Overview_conbg_m.jpg) right center / 100% 100% no-repeat; background-size: cover}
    #conArea .conIns .explain dl{padding:0 15px; box-sizing:border-box}
    #conArea .conIns .explain dl dt{font-size:26px;}
    #conArea .conIns .explain dl dd{font-size:14px;}
    #conArea .conIns .explain dl dt div{padding:10% 0 7%;}
    #conArea .conIns .facinfoIns dl{width:100%; float:none; padding:9% 0 10%}
    #conArea .conIns .facinfoIns dl dt{font-size:28px;}
    #conArea .conIns .facinfoIns dl dd{font-size:16px;}
    #conArea .conIns .facinfoIns dl dd::before{width:50px;}
    #conArea .conIns .facList{padding:0}
    #conArea .conIns .facList.per80{width:100%}
    
    #conArea .conIns .overview li{width:33%; box-sizing: border-box; padding:3px}
    #conArea .conIns .overview li .info{padding:7% 0 6%;}
    #conArea .conIns .overview li{width:50% ;box-sizing: border-box; padding:3px}
    #conArea .conIns .overview h3{font-size:23px;}
    #conArea .conIns .overview li h3{font-size:15px;}
    #conArea .conIns .overview li p{font-size:13px;}
    #conArea .conIns .overview li .info{height:auto;}
    #conArea .conIns .overview li .info{padding:10% 0 3%}
    #conArea .conIns .overviewIns{padding:0 20px; box-sizing:border-box}  
    #conArea .conIns .location{padding:15px 15px 0; box-sizing:border-box}
    #conArea .conIns .location ul li{width:100%;}
    #conArea .conIns .location ul li{margin-bottom:15px;}
    #conArea .conIns .location ul li dl{padding:7% 0}
    #conArea .conIns .location ul li dl dt{font-size:19px;}
    #conArea .conIns .location ul li dl dd{font-size:15px;}
    #conArea .conIns .location ul li dl img{margin-bottom:16px; width:85px;}
    
    #conArea .conIns .roomShow{width:90%}
    #conArea .conIns .roomsService ul li dl dd h1{font-size:13px;}
    #conArea .conIns .roomsService{padding:7% 0}
    #conArea .conIns .roomsInfo{padding:8% 6%}
    #conArea .conIns .roomsInfo h2{font-size:18px;}
    #conArea .conIns .roomsService ul li{width:100%}
    #conArea .conIns .roomsService ul li dl.first{height:auto;}
    #conArea .conIns .roomsService ul li dl.second{margin-bottom:18px;}
    #conArea .conIns .roomsService ul li{margin-bottom:10px;}
    #conArea .conIns .roomsService ul li dl dt{font-size:17px;}
    #conArea .conIns .roomsService ul li dl dd{font-size:14px; margin-bottom:17px;}
    #conArea .conIns .roomsInfo{font-size:14px;}
    #conArea .conIns .roomsDetail{padding:10% 15px 5%; box-sizing:border-box}
    
    #conArea .conIns .inforIns ul li dl dt{font-size:16px;}
    #conArea .conIns .inforIns ul li dl dd{font-size:15px;}
    #conArea .conIns .inforIns ul li.left{width:100%}
    #conArea .conIns .inforIns ul li.right{width:100%}
    #conArea .conIns .inforIns ul li em{display:block}
    
    #conArea .conIns .amenity{margin-top:26px;}
    #conArea .conIns .amenity h1{font-size:20px;}
    #conArea .conIns .amenity ul li{font-size:14px;}
    #conArea .conIns .amenity ul li img{width:60px; height:auto;}
    #conArea .conIns .amenity ul li div{height:85px;}
    #conArea .conIns .amenity ul li span{margin-top:7px;}
    #conArea .conIns .information h1{font-size:25px}
    #conArea .conIns .information h2{font-size:13px;}
    #conArea .conIns .information h2 a{padding:7px 30px;}
    
    #conArea .conIns .formWrap{width:100%; background:#303030;}
    #conArea .conIns .contactWrap h2{font-size:16px;}
    #conArea .conIns .frmPage input, #conArea .conIns .frmPage textarea{font-size:13px;}
    #conArea .conIns .formWrap dl{padding:10% 0;}
    #conArea .conIns .formWrap dd{padding:0 8%;}
    #conArea .conIns .frmPage button{font-size:13px;} 
   
}

@media all and (max-width:970px) {
    
    #header{display:none}
    #mheader{display:block}
    
	div.bxslider .item{height:850px;}
}

@media all and (max-width:767px) {
	/*#homeArea{height:auto;}*/

	#spaceArea .spaceIns{padding:7% 0;}
	#spaceArea .spaceList{padding:0 30px;}
	#spaceArea .spaceList .bx-wrapper {margin: 0 15px;}
	#spaceArea .bx-wrapper .bx-next{right:-15px}
	#spaceArea .bx-wrapper .bx-prev{left:-15px;}
	#spaceArea .bx-wrapper .bx-controls-direction a{width:47px; height:72px;}
	#footer .topBtn{display:none;}
}

@media all and (max-width:640px) {
	/*#homeArea{height:558px;}*/
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:6%}
    #homeArea .homeTxt .btn-area a.btn{padding:7px 25px; font-size:13px;}   
    #spaceArea .spaceIns{padding:9% 0;}
    #spaceArea .spaceInfo dl dd::after{margin:8% auto 8%}
    
    #gnbArea .gnbIns ul li{font-size:13px;}

	#conArea .conIns .tit-txt h1{font-size:29px;}
    #conArea .conIns .tit-txt h2{font-size:15px;}
	#conArea .conIns .tit-txt h3{font-size:14px;}

	#conArea .conIns .amenity ul li{font-size:13px;}
	#conArea .conIns .inforIns ul li dl{padding-left:120px;}
	#conArea .conIns .inforIns ul li dl dt{font-size:14px; width:120px;}
	#conArea .conIns .inforIns ul li dl dd{font-size:13px;}
	#conArea .conIns .roomsService ul li dl dt{font-size:15px;}
	#conArea .conIns .roomsService ul li dl dd{font-size:13px;}
	#conArea .conIns .roomsInfo{font-size:13px;}
	#conArea .conIns .roomsInfo h2{font-size:15px;}
    #conArea .conIns .mWrap{display:block}
    
    #conArea .conIns .facList dl.b50 dd,
	#conArea .conIns .facList dl.b33 dd,
	#conArea .conIns .facList dl.b25 dd,
	#conArea .conIns .facList dl.b25 dd:first-child,
	#conArea .conIns .facList dl.b25 dd:last-child,
	#conArea .conIns .facList dl.b26 dd,
	#conArea .conIns .facList dl.b26 dd:last-child,
	#conArea .conIns .facList dl.b75 dd,
	#conArea .conIns .facList dl.b75 dd:first-child{width:100%; float:none; height:200px; margin-bottom:7px;}
	#conArea .conIns .facinfoIns dl dt{font-size:26px;}
    #conArea .conIns .facinfoIns dl dd{font-size:14px;}

	#conArea .conIns .location ul li dl dt{font-size:17px;}
	#conArea .conIns .location ul li dl dd{font-size:14px;}
	#conArea .conIns .contactWrap h2{font-size:14px;}
	#conArea .conIns .overview{padding:40px 0;}
	#conArea .conIns .explain{padding:70px 0 100px;}
	#conArea .conIns .explain dl dd{margin-top:45px;}
	
	.fac_slider .outside {height: 37px; top: 25%; width: 100%;}
	#slider-prev3 a,
	#slider-next3 a {width: 37px; height: 37px;}
	
    /* footer */
    
    #footer .sns {margin-bottom: 20px;}
    #footer .sns li {margin:0 5px;}
    
    #conArea .conIns .no-br{display:none;}
    #conArea .conIns .has-br{display:block;}

}

@media all and (max-width:480px) {
	div.bxslider .item{height:620px;}
	#homeArea .homeTxt {top: 18%;}
	
    #conArea .conIns .roomShow{width:90%}
    .jssora106.prev-icon{left:-30px;}
    .jssora106.next-icon{right:-30px;}
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom: 5%;}
}