/* ¸ð¹ÙÀÏ ±âº» CSS */
@media all and (max-width: 760px) {
   #wrap { 
		position: relative;
		width: 98%; 
	}	

   #top_mn {
		display:none;
	} 

	 #top_mn {
		display:none;
	} 

    body { 
		font-size: 80% !important;
		/* overflow: hidden; */
	}

	#header, #main_container, .room_preview, .copyright {
		width: 96% !important ;
		grid-template-columns: 100% !important;
		padding-bottom: 0px;
		grid-template-rows: auto;
	}
    
	#header { 
		position: fixed;
		z-index: 999999999999;
		background: #fff;
		height: 8%;
	}

	#header::after { 
		content:'';
		display: block;
		clear: both;
	}

	.padadd_01 {
		margin-top:-40%;
	}

	.padadd_02 {
		margin-top:30%;
	}

	.padadd_03 {
		padding-left:0;
	}

	.padadd_04 {
		margin-top:-60%;
	}
    
	.logo {
		position: relative;
		width: 50%;
	    top: 0%;
	    left: 1%;
	}
	.logo1 {
		margin-left: 2%;
	}

	.logo_name {
		font-size: 1.5em;
	}

	.logo_img {
    padding-top: 3%;
    padding-left: 3px;
    max-width: 120px;
    width: 100%;
	}	

	.top { 		
		position: absolute;
		width: 50%;
		padding: 0;
		right: 0%;
		display:block !important;

	}	
	.top::after {
		content:'';
		display: block;
		clear: both;
	}

    .top .icon { 						
		padding: 1% 0;
		right: 0%;
		position:absolute; 
		left:35%; 
		top: 100%;
		-webkit-transform: translate(-50%,45%);
		transform: translateX(-50%) translateY(45%);

	}	
    
	.icon {
		display: none;	
	}
	
    .menu {
		height: auto;
		width: 20%;
		right: 1%;
		/* font-size: 5em; */
		position: absolute;
		float: right;
	}
    
    div.sidepanel { padding-bottom:5%; }

	div.sidepanel >li > a:nth-of-type(1) {
		font-weight: bold;
		color: #fff;
		width: 80%;
		margin: 0 auto;
		font-size: 2em;
		border-bottom: 1px solid #ccc;
		padding-top: 2%;
		margin-bottom: 1%;
		letter-spacing: 0.2em;
	}

    .top .icon_m {
		position: relative;
		width: 70%;
		padding-right: 2%;
		float: left;
		text-align: center;
		top: 30%;
		display: block;
		padding-top: 5%;
	}

	.top .icon_m > a {
		display: inline-block;
		width: 22%; 
	}

	.top .icon_m > a > img {
		width: 100%;
	}

	#top_mn {
		display:none;
	}   

	img {
		display: unset;
	}

    /* main img */

	.main_img {
		margin-top: 0 !important;
		position: relative;
		margin-bottom: 0px;
		padding-top: 16%;
	}

	.carousel {
		height: 100% !important;
	}

	.container { width: 100% !important }
    
		
	/* special deco */
    
    .special_title {
		margin-top: 5%;
	}

	.spego_wrap {		
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		overflow: hidden;
	}

	.special_service_imgs {
		grid-template-columns: repeat(2, 1fr);
	}
    
	.special_service_imgs .item {
		padding: 1%;
		margin: 0px;
	}

	.sp_overlay { 
		height: auto !important;
	}

	.sptit {
		font-size: 2em;
	}
    
    div.special_title > p > img {
		width: 90%;
		max-width: 100%;
	}

	/* roomgo deco */ 

	.room_preview {
		padding-top: 20%;
	}

    .room_preview_imgs {
		grid-template-columns: repeat(2, 1fr);
		margin: 0%;
		grid-template-rows: auto;
	}
	
	.room_preview_title {
		position: relative;
	}

	.room_preview_title img{
		max-width: 50px;
		display: none;
	}

	.column {
		margin: 0; 
		padding: 5% 1%;
	}

	.column div {
		font-size: 1.8em;
		font-weight: bold;
	}	

	figure {
		width: 100%;
		height: auto;
	}
	
	.room_img {
		width: 100%;
		height: auto;
	}
    
    .roomgotit {
		font-size:3.6em;
	}

	#footer {
		margin-top: auto;
	}
	
    .carousel-indicators { bottom: 3% !important; }

	
	/* ***************************************************** */

	/* SUB DECO START */
    
		#sub_container {       
		margin-top: 50px;
		width: 100% !important;
		margin: 0 auto;
		text-align: center;
		display: unset;
		clear: both;
		position: absolute;
	}

	.sub {
		margin-top: 50px;
		grid-template-rows: auto;
		width: 96% !important;
		margin: 0 auto;
		text-align: center;
		clear: both;
		position: relative;
		top: 7%;
	}
    
	.sub_tour {
		margin-top: 50px;
		grid-template-rows: auto;
		width: 96% !important;
		margin: 0 auto;
		text-align: center;
		clear: both;
		position: relative;
		top: 14%;
	}

	.sub_rese {
		margin-top: 50px;
		grid-template-rows: auto;
		width: 96% !important;
		margin: 0 auto;
		text-align: center;
		clear: both;
		position: relative;
		top: 12%;
	}

	.sub_traffic {
		margin-top: 50px;
		grid-template-rows: auto;
		width: 96% !important;
		margin: 0 auto;
		text-align: center;
		clear: both;
		position: relative;
		top: 21%;
	}

	.sub_tap {
		padding-bottom: 5%;
	}

	.buttonmenu, .buttontour { 
		font-size: 1.4em; 
		width:46%;
	
	}
	
		
    /* prologue deco */

    .pro_bg {
		background-image: url(../img/pro/pro_bg.jpg);
		background-repeat: no-repeat;
		height: auto;
		padding: 5% 1% 10%;
	}

	.pro_info {
		width: 100%;
		text-align: justify;
		grid-template-rows: auto;
		margin: 0 auto;
	}

	.pro_title {
		margin: 5% auto 10%;
		display: inline-block;
		width: 100%;
		position: relative;
		text-align: center;	
		display: none;
	}
	
	.pro_text {
		padding-left: 0px;
	}


	/* room */
	.room_price iframe {
		height: 200px;
	}

	.room .text05 {
		padding-bottom: 4%;
		text-decoration: none;
	}

	.sub_title > img {
		width: 70%;
		padding-top: 3%;
	}	
    
	.text06 span {
		font-size: 2em;
	}

	.text07 {
		padding: 5% 0;
	}

	.text12 {
		padding-bottom: 25%;
	}
    
    /* special */
	.text06 {
	    padding-top:5%;
		font-size: 1.5em;
		padding-bottom:15%;
	}

    /* tour */
	.tour {
		padding-bottom: 50%;
	}

	.tour_list div {
		width: 100%;
	}

	.tour .test { padding-left: 0; }

	.test { display: inherit; }

	.tour_img, .tour_img2 {
		height: 20rem !important; 
	}
    
	.tour .text09 {
	padding: 5% 0 0;
	}


	/*  reser */

	.guide { padding: 0 0 50%; }
    .onbt, .pbt { display: none; }
	
	.pbt_mob a, .pbt_mob a:link { 
		width: 80%; 
		color:  #fff;
		font-size: 1.6em;
		font-weight: bold;
		margin: 0 auto;
		padding:3% 2%;
		background-color: #000;
		border-radius: 30px; 
	}

	.pbt_mob a:visited { 
		width: 80%; 
		color:  #fff;
		font-size: 1.6em;
		font-weight: bold;
		margin: 0 auto;
		padding:5% 2%;
		background-color: #000;
	}

	.pbt_mob a:hover {
		color:  #000 !important;
		background-color: #ccc;
	}
    
	.guide .text09 { padding-top: 5%; }
    .guide .text11 { padding:0 1% 0 1% ; text-align: left; }

	

	/* traffic */    
	.traffic { padding-bottom: 60%; }
	.root_daum_roughmap {
		width: 100% !important;
		height: 50vh;
	}
    .traffic .text11 { 
		padding-left: 0; 
		padding-bottom:5%;
	}
}

/* ÅÂºí¸´ ¹× pc¿ë CSS */
@media (min-width:761px) and (max-width:1920px) {

#mySidepanel,  .sidepanel, .openbtn, .guide_mobile, .onbt_mob, .pbt_mob {
		display:none;
	}
}