@charset "utf-8";

body{ font-family:Verdana, sans-serif; margin:0;}

*{box-sizing:border-box;}

#stay{width:79%; margin: 5% auto 0;}

.intxt{margin:1.5% auto;}
.intxt span{font-size:20px; margin-left:1%;}

/*레이아웃*/
.row > .column{padding:0 0px;}
.row:after{ content:""; display:table; clear:both;}

.column ul li {/*float:left;*/ margin-left:1.5%;}
.column ul li:first-child {margin-left:0px;}
.column .img_w_00{ margin-bottom:1.3%;}
.column .img_w_01{width:60.5%; float:left; margin-bottom:1.3%;}
.column .img_w_02{width:38%; float:left; margin-bottom:1.3%;}
.column .img_w_03{width:32.33%; float:left; margin-bottom:1.3%;}
.column .img_w_04{width:32.33%; float:left; margin-bottom:1.3%;}
.column .img_w_05{float:left; width:100%; margin-left:0%; margin-bottom:5.3%;}

.main01_01 { float:left; width:50%;}
.main01_03 { float:left; width:24%; margin-left:1%;}

.cursor:hover{opacity:0.6; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}

/*The Modal (background)*/
.modal{display:none; position:fixed; z-index:1; padding-top:100px; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:rgba(0, 0, 0, 0.80);}

/*Modal Content*/
.modal-content{position:relative; margin:auto; padding:0; width:100%; max-width:1400px;}
.modal-content .modimg{position:relative; margin:auto; padding:0; width:100%; max-width:78%;}
.modal-content .modimg01{position:relative; margin:auto; padding:0; width:100%; max-width:44%;}
.modal-content .modimg02{position:relative; margin:auto; padding:0; width:100%; max-width:85%;}
.modal-content .modimg03{position:relative; margin:auto; padding:0; width:100%; max-width:38%;}

/*The Close Button*/
.close{color:white; position:absolute; top:10%; right:14%; font-size:35px; font-weight:bold; z-index:99;}

.close:hover, .close:focus{ color:#999; text-decoration:none; cursor:pointer;}

.mySlides{display:none;}

.cursor{cursor:pointer;}

/*Next & previous buttons*/
.prev, .next{cursor:pointer; position:absolute; top:50%; width:auto; padding:16px; margin-top:-50px; color:rgba(255, 255, 255, 0.71); font-size:45px; transition:0.6s ease; border-radius:0 3px 3px 0; user-select:none; -webkit-user-select:none;}

/*position the "next button" to the right*/
.next{right:0; border-radius:3px 0 0 3px;}

/*On hover, add a black background color with a little bit see-through*/

/*Number text (1/3 etc)*/
.numbertext{ color:#f2f2f2; font-size:12px; padding:8px 12px; position:absolute; top:0;}
img{margin-bottom:-4px;}
.caption-container{text-align:center; padding:2px 16px; color:white;}
.demo{opacity:0.6;}
.active,.demo:hover{opacity:1;}


@media all and (max-width: 1600px) {
#stay{width:85%;}

.column ul li{margin-left:1.6%;}
.column .img_w_01{width:60.3%;}
.column .img_w_03{width:32.25%;}
.column .img_w_04{width:32.25%;}

.modal-content{max-width:1135px;}
.close{top:12%; right:15%;}
.modal-content .modimg{max-width:75%;}
.modal-content .modimg01{max-width:42%;}
}

@media all and (max-width: 1440px) {#stay{width:85%;}}

@media all and (max-width: 1366px) {
#stay{width:90%;}
.modal-content{width:870px;}
.modal-content .modimg{max-width:75%;}
.modal-content .modimg01{max-width:40%;}
.modal-content .modimg02{max-width:85%;}
}

@media all and (max-width: 900px) {
#stay{width:95%; margin:5% auto 0;}
.roominfo .name{font-size:19px; margin:10px auto;}
.roominfo .ttl{font-size:12px;}
.roominfo .txt{font-size:12px;}
.modal-content{max-width:1400px; width:100%;}
.modal{padding-top:150px;}
.close{right:2%;}
.prev, .next{padding:12px; font-size:26px; margin-top:-30px;}
.intxt img {width:10%;}
.modal-content .modimg {max-width:100%;}
.modal-content .modimg01 {max-width:70%;}
.modal-content .modimg02 {max-width:100%;}
.modal-content .modimg03 {max-width:100%;}

/*.column .img_w_00{margin-bottom:2.3%;}*/ .img_g_00{margin-top:46.5% !important;} .img_a_00{margin-top:93.5% !important;} .img_b_00{padding-top:119.3% !important;}
.column .img_w_01{width:60%; margin-bottom:-2.7%;}
.column .img_w_02{ width:38%; margin-bottom:1.3%;} .img_g_02{margin-bottom:-1.5% !important;} 
.column .img_w_03{width:31.33%; margin-bottom:1.3%;}
.column .img_w_05{margin-bottom:-4.7%;}
}