@charset "utf-8";


#wrap { overflow-x:hidden;}
#wrap { overflow-y:hidden;}


/* 하단 사진4컷 */
.main-bottom-pic4 {
	margin-bottom:10px;
}

.main-bottom-pic4 > ul > li {
    width:25%;
    padding:0 5px;
}

@media (max-width: 850px) {
    .main-bottom-pic4 > ul > li {
        width: 25%;
    }
}

@media (max-width: 630px) {
    .main-bottom-pic4 > ul > li {
        width: 25%;
    }
}

/* 이미지 오버시 폰트 */

.room_title {
    margin-top:100px;
    font-size:1.5rem;
    text-align:center;
	color:#404040;
	margin-bottom:30px;
}

@media (max-width: 850px) {
.room_title {
    margin-top:30px;
    font-size:1rem;
	margin-bottom:10px;
}
}

.main-bottom-pic4 .row > .cell > .img-box {
    position:relative;
    cursor:pointer;
    overflow:hidden;
}

.main-bottom-pic4 .row > .cell > .img-box::before {
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0);
    z-index:1;
    transition: background-color .2s;
}

.main-bottom-pic4 .row > .cell > .img-box:hover::before {
    background-color:rgba(120,100,75,0.5);
}


.main-bottom-pic4 .row > .cell > .img-box > span {
    position:absolute;
    top:50%;
    left:50%;
    color:white;
    border:1px solid white;
    border-radius:2px;
    padding:10px 20px;
    transform:translateX(-50%) translateY(-50%);
    text-transform:uppercase;
    z-index:2;
    opacity:0;
    transition: opacity .2s;
}

.main-bottom-pic4 .row > .cell > .img-box:hover > span {
    opacity:1;
}

.main-bottom-pic4 .row > .cell > .img-box > img {
    transition: transform .2s;
}

.main-bottom-pic4 .row > .cell > .img-box:hover > img {
    transform:scale(1.1);
}

/* 하단 사진 4컷 끝 */


/* 하단 사진 6컷 */
.main-bottom-pic {
	margin-bottom:10px;
}

.main-bottom-pic > ul > li {
    width:33.3333%;
    padding:0 5px;
}

/*.main-bottom-pic > ul > li:nth-child(3) {
    width:50%;
}*/


/*@media (min-width: 851px) {
    .main-bottom-pic > ul {
        position: relative;
    }

    .main-bottom-pic > ul > li:nth-last-child(1), .main-bottom-pic > ul > li:nth-last-child(2) {
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .main-bottom-pic > ul > li:nth-last-child(1) {
        left: 25%;
    }
}
*/

@media (max-width: 850px) {
    .main-bottom-pic > ul > li {
        width: 33.3333%;
    }

    .main-bottom-pic > ul > li:nth-child(4n + 3) {
        width: 33.3333%;
    }
}

@media (max-width: 630px) {
    .main-bottom-pic > ul > li {
        width: 33.3333%;
    }

    .main-bottom-pic > ul > li:nth-child(4n + 3) {
        width: 33.3333%;
    }
}

/* 하단6장 이미지 오버시 폰트 */

.room_title {
    margin-top:100px;
    font-size:1.5rem;
    text-align:center;
	color:#404040;
	margin-bottom:30px;
}
@media (max-width: 850px) {
.room_title {
    margin-top:30px;
    font-size:1rem;
	margin-bottom:10px;
}
}

.main-bottom-pic .row > .cell > .img-box {
    position:relative;
    cursor:pointer;
    overflow:hidden;
}

.main-bottom-pic .row > .cell > .img-box::before {
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0);
    z-index:1;
    transition: background-color .2s;
}

.main-bottom-pic .row > .cell > .img-box:hover::before {
    background-color:rgba(0,0,0,0.5);
}


.main-bottom-pic .row > .cell > .img-box > span {
    position:absolute;
    top:50%;
    left:50%;
    color:white;
    border:1px solid white;
    border-radius:2px;
    padding:10px 20px;
    transform:translateX(-50%) translateY(-50%);
    text-transform:uppercase;
    z-index:2;
    opacity:0;
    transition: opacity .2s;
}

.main-bottom-pic .row > .cell > .img-box:hover > span {
    opacity:1;
}

.main-bottom-pic .row > .cell > .img-box > img {
    transition: transform .2s;
}

.main-bottom-pic .row > .cell > .img-box:hover > img {
    transform:scale(1.1);
}

/* 하단 사진 6컷 끝 */


/* special */
.special1-1 > ul .sub-1 {
    width:calc(100% - 50%);
	text-align:center;
}
.special1-1 > ul .sub-1 > span:nth-child(1) {
    display:block;
    margin-top:180px;
    font-size:2rem;
	margin-bottom:50px;
}
@media (max-width: 850px) {
.special1-1 > ul .sub-1 .special_title > img {
    width:180px;
}
.special1-1 > ul .sub-1 > span:nth-child(1) {
    display:block;
    margin-top:30px;
    font-size:1rem;
	margin-bottom:0px;
}
}
.special1-1 > ul .sub-1 > span:nth-child(2) {
    display:block;
    margin-top:10px;
    font-size:1rem;
	line-height:38px;
}
@media (max-width: 850px) {
.special1-1 > ul .sub-1 > span:nth-child(2) {
    display:block;
    font-size:0.8rem;
	line-height:20px;
}
}
.special1-1 > ul .sub-2 {
    padding:20px 0;
    width:50%;
}

@media ( max-width:767px ) {
    .special1-1 > ul .sub-1, .special1-1 > ul .sub-2 {
        width:100%;
    }
    .special1-1 > ul .sub-1 > span:nth-child(1) {
    margin-top:30px;
}
}
/* special 끝 */

/* 하단 큰 이미지 */ 
.main-bottom {
    text-align:center;
}
.main-bottom > ul {
    position:relative;
    margin-top:20px;
    margin-bottom:40px;
}
.main-bottom > ul li::before {
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(120,100,90,0.2);
}
.main-bottom > ul li:nth-child(1) span {
    position:absolute;
	text-align:center; 
	left:10%;
    right:10%;
    bottom:10%;
    top:42%;
    font-size:3.2rem;
	font-family: 'Playfair Display', serif;
    color:white;
    z-index:1;
}
.main-bottom > ul li:nth-child(2) span {
    position:absolute;
    top:60%;
    left:10%;
    right:10%;
    bottom:10%;
	top:52%;
    text-align:center; 
    font-size:1.4rem;
	font-family: 'Jeju Myeongjo', serif;
    color:white;
	line-height:40px;
}
@media (max-width: 630px) {

    .main-bottom > ul li:nth-child(1) span {
        font-size:1.3rem;
    }
    .main-bottom > ul li:nth-child(2) span {
        display:none;
    }
}
/* 하단 큰 이미지 끝 */