/* 회사소개 사진 top-box-1 */
.top-box-1 {
    height: 700px;
    position: relative;
}

@media (max-width: 767px) {
.top-box-1 {
        height: 300px;
    }
}

.top-box-1 .slides > div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


/* 이미지-title */
.top-box-1 .slides .tit span {
    position: absolute;
    transform: translateX(-50%) translateY(-50%);
    z-index:1;
}
.top-box-1 .slides .tit span:nth-child(1) {
    white-space: nowrap;
    top: 50%;
    left: 50%;
    color: white;
    font-size: 1.8rem;
    border:1px solid white; /* 흰테두리 */
    /*border-radius:2px;*/
    padding:16px 70px;
}
.top-box-1 .slides .tit span:nth-child(2) {
    width:90%;
    top: 55%;
    left: 50%;
    color: white;
    margin-top:25px;
    font-size: 1rem;
    letter-spacing: 0.8px;
    text-align:center;
}

/* sub-1 내용 */
.sub-1-content {
    text-align:center;
	margin-top:70px;
	margin-bottom:70px;
}
.sub-1-content > ul li:nth-child(1) {
	font-size:1rem;
	line-height:37px;
}
.sub-1-content > ul li:nth-child(2) {

	display:block;
    margin-top:40px;
    line-height:32px;
    padding:0 15px;
}
@media (max-width: 767px) {
.sub-1-content {
    margin-top:20px;
	margin-bottom:20px;
    }
.sub-1-content > ul li:nth-child(1) {
	font-size:0.9rem;
	line-height:33px;
}
}



/* list-1 (인사말 하단 6장) */
.list-1 .row {
    margin-left:-5px;
    margin-right:-5px;
	margin-bottom:40px;
}

.list-1 .cell {
    width:25%;
    margin-top:10px;
    padding-left:5px;
    padding-right:5px;
}

.list-1 .cell:nth-child(3n + 1) {
    width:50%;
}

@media ( min-width:801px ) {
    .list-1 .row {
        position:relative;
    }
    
    .list-1 .cell:last-child, .list-1 .cell:nth-last-child(2) {
        position:absolute;
        bottom:0;
        left:0;
    }
    
    .list-1 .cell:last-child {
        left:25%;
    }
}

@media ( max-width:800px ) {
    .list-1 .cell {
        width:33.3333%;
    }
    
    .list-1 .cell:nth-child(3n + 1) {
        width:66.6666%;
    }
}

@media ( max-width:600px ) {
    .list-1 .cell {
        width:50%;
    }
    
    .list-1 .cell:nth-child(3n + 1) {
        width:100%;
    }
}


/* --------------------------------------------------------------------------------- */

/* sub_2 룸썸네일 6컷 */

.room-bottom-pic {
	margin-bottom:10px;
}

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

@media (max-width: 850px) {
    .room-bottom-pic > ul > li {
		margin-bottom:10px;
        width: 33.333%;
    }

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

@media (max-width: 630px) {
	margin-bottom:10px;
    .room-bottom-pic > ul > li {
        width: 33.333%;
    }

    .room-bottom-pic > ul > li:nth-child(4n + 3) {
        width: 33.333%;
    }
}
.room-bottom-pic .title {
    text-align:center;
	margin-top:10px;
}

/* 룸썸네일 이미지 오버시 폰트 */

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

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

.room-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;
}

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


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

@media (max-width: 850px) {
.room-bottom-pic .row > .cell > .img-box > span {
    border:0px solid white;
}
}

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

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

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

/* 룸썸네일 6컷 끝 */

/* sub_title */
.sub_title {
    margin-top:60px;
    font-size:1.8rem;
    text-align:center;
	color:#404040;
	margin-bottom:40px;
}

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

/* 룸info 테이블 */
section {max-width:85%; margin:20px auto; padding:10px; margin-bottom:70px; }
table {
    width: 100%;
}
th, td {
    padding: 8px;
    border: 1px solid #ddd;
}
th {
    background: #e3e2dc;
}
td {
    background: #f7f7f7;
}
.demo02 th {
    width: 8%;
}
/*.demo02 th:nth-child(2) { 
    width: 4%;
}*/
.demo02 td {
    text-align: center;
}

@media only screen and (max-width: 850px) {

section {margin-bottom:30px; }
.demo02 {
    display: block;
    width: 100%;
    margin: 0 -5px;
}
.demo02 thead {
    display: block;
    float: left;
}
.demo02 tbody {
    display: block;
    width: auto;
    white-space: nowrap;
}
.demo02 th {
    display: block;
	width: 145px;

}
.demo02 tbody tr {
    display: inline-block;
    margin: 0 -2px;

}
.demo02 td {
    display: block;
	width: 145px;
}
}
/* 룸info 테이블 끝 */


/* 룸 하단 사진4컷 */
.room-bottom-pic4 {
    margin-top:80px;
	margin-bottom:30px;
}

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

@media (max-width: 850px) {
    .room-bottom-pic4 {
        margin-top:40px;
}
    .room-bottom-pic4 > ul > li {
        width: 50%;
		margin-bottom:10px;
    }
}

/* 하단 사진 4컷 끝 */

/* --------------------------------------------------------------------------------- */

/* special sub pic */
.special-sub-pic {
	/*margin-bottom:20px;*/
}

.special-sub-pic > ul > li {
    width:50%;
    padding:10px 10px;
}

@media (max-width: 850px) {
    .special-sub-pic > ul > li {
        width: 100%;
		margin-bottom:0px;
    }
}

.special_title {
    margin-top:40px;
    font-size:1.5rem;
    text-align:center;
	color:#404040;
	margin-bottom:50px;
	font-weight:100;
	font-family: 'Jeju Myeongjo';
}
@media (max-width: 850px) {
.special_title {
    margin-top:20px;
    font-size:1rem;
	margin-bottom:10px;
}
}
/* special sub pic 끝 */

/* --------------------------------------------------------------------------------- */

/* tour pic */
.tour-pic {
	margin-bottom:20px;
}

.tour-pic > ul > li {
    width:50%;
    padding:10px 10px;
}

@media (max-width: 850px) {
    .tour-pic > ul > li {
        width: 100%;
		margin-bottom:10px;
    }
}

.tour_title {
    margin-top:45px;
    font-size:1.5rem;
    text-align:center;
	color:#404040;
	margin-bottom:20px;
	font-weight:100;
	font-family: 'Jeju Myeongjo';
}
.tour_title_sub {
    font-size:1rem;
    text-align:center;
	color:#727272;
	margin-bottom:50px;
}
@media (max-width: 850px) {
.tour_title {
    margin-top:20px;
    font-size:1.3rem;
	margin-bottom:15px;
}
.tour_title_sub {
    font-size:0.8rem;
	margin-bottom:10px;
}
}
/* tour pic 끝 */

/* --------------------------------------------------------------------------------- */

/* map 지도, font */

.sub-1-2-content {
    text-align:center;
}
.sub-1-2-content > ul li:nth-child(1) {
    display:block;
    margin-top:30px;
    line-height:32px;
    text-align:left;
    margin-left:10px;
}
.sub-1-2-content > ul li .box-1 > .bg-box {
    background-color:black;
    margin:5px 0;
    text-align:center;
    padding:0 10px;
    color:white;
    border-radius:3px;
}
.sub-1-2-content > ul li .box-2 > .bg-box {
    margin:5px 0;
    margin-left:15px;
	font-size:1rem;
}
.sub-1-2-content > ul li:nth-child(2) {
    padding-top:30px;
}
@media (max-width: 850px) {
.sub-1-2-content > ul li .box-2 > .bg-box {
	font-size:0.9rem;
}
}

/* map 사진 */
.map-pic {
    height: 189px;
    position: relative;
}

@media (max-width: 850px) {
.map-pic {
    height: 100px;
}
.map {
    margin-bottom:30px;
}
}
.map-pic .slides > div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


.map-pic .slides .tit span {
    position: absolute;
    transform: translateX(-50%) translateY(-50%);
    z-index:1;
}
.map-pic .slides .tit span:nth-child(1) {
    white-space: nowrap;
    top: 50%;
    left: 50%;
    color: white;
    font-size: 1rem;
    border:1px solid white; /* 흰테두리 */
    /*border-radius:2px;*/
    padding:10px 50px;
    font-weight: bold;
}

/* --------------------------------------------------------------------------------- */

/* reser */

.reser_img {
    display:block;
	text-align:center;
}
.reser_title {
    display: block;
    margin-top:45px;
    font-size:1.5rem;
	color:#404040;
	margin-bottom:20px;
	font-weight:100;
	font-family: 'Jeju Myeongjo';
}
.reser_txt {
    display: block;
    margin-top:10px;
}
.reser_txt .red {
    color:#ff0000;
}

/* reser table */

.cancleTable th {
    text-align: center;
	height:30px;
}
.cancleTable td {
    text-align: center;
	height:40px;
}

@media (max-width: 850px) {
.reser_img > img {
   /*display:none;*/
   width:320px;
   margin-bottom:0px;
}
.reser_title {
    width:98%;
    margin-top:20px;
    font-size:1.3rem;
	margin-bottom:15px;
}
.reser_txt {
    width:98%;
    margin-top:20px;
    font-size:0.9rem;
	margin-bottom:15px;
}
}
/* --------------------------------------------------------------------------------- */

/* board */

.board_title {
    margin-top:45px;
	text-align:center;
    font-size:1.3rem;
	color:#404040;
	margin-bottom:50px;
	font-family: 'Jeju Myeongjo';
	letter-spacing:-1px;
}
.board_title > a {
	color:#404040;
	font-family: 'Jeju Myeongjo';
	letter-spacing:-1px;
}
@media (max-width: 850px) {
.board_title {
    width:98%;
    margin-top:20px;
    font-size:1rem;
	margin-bottom:15px;
}
}





/* subLayout */
.subNav { position:relative; margin:3.5em 0 2.5em; padding:10px 0; text-align:center; }
.subNav_line01 { position:absolute; width:440px; height:calc(100% + 12px); left:50%; top:-6px; margin-left:-220px; border-top:1px solid #afaea8; border-bottom:1px solid #afaea8; }
.subNav_line02 {position:absolute; width:540px; height:100%; left:50%; top:0; margin-left:-270px; border-top:1px solid #afaea8; border-bottom:1px solid #afaea8;}
.subNav ul { position:relative; z-index:5;}
.subNav li { display:inline-block;  margin:0 5px;}
.subNav li a { font-family: 'Jeju Myeongjo', serif; font-size:1.28em; color:#222; line-height:1.8em; letter-spacing:-0.05em; }
.subNav li.this a { font-weight:700; color:#000;}
.subNav .subNav_room { padding-top:5px; margin-top:5px; border-top:1px dotted #ddd;}

.subContents { position:relative;width:100%; padding:0.5em 0 2em;  z-index:2;}
.contents {position:relative; width:96%; max-width:1520px; margin:1% auto 0; z-index:2;}
.subTitle { position:relative; margin:3.5em 0 3.5em;font-weight:400; text-align:center; }
.subTitle .title01 {display:block; font-family: 'Playfair Display', 'Jeju Myeongjo', serif; font-size:3.6em; color:#444; line-height:2em; letter-spacing:-0.02em; margin-bottom:0.5em; } 
.subTitle .title02 {display:block;  font-family: 'Jeju Myeongjo', serif; font-size:1.35em; color:#444; line-height:1.6em; font-weight:300; letter-spacing:0.08em;}

.conTitle01 { margin-bottom:0.5em; color:#000; font-size:1.6em;}
.conTitle01 span { display:inline-block; width:6px; height:3px; background:#333; vertical-align:middle; margin-right:5px; }

@media  (max-width: 1480px){

}

@media  (max-width: 1280px){
}


@media  (max-width: 1024px){
.contents { width:98%;}
.subContents { padding:0 0 2em;  }

.subNav  { padding:10px 0;}
.subNav_line01 { width:260px; height:calc(100% + 8px); top:-4px; margin-left:-130px;}
.subNav_line02 { width:320px; height:100%; margin-left:-160px;}
.subNav li a { font-size:1.05em; letter-spacing:-0.1em;}

.subTitle { margin:2.5em 0 3.5em;}
.subTitle .title01 {font-size:2.1em; letter-spacing:-0.02em; margin-bottom:0.3em; } 
.subTitle .title02 {font-size:0.85em;}
.conTitle01 { margin-bottom:2.5em; }
}


@media  (max-width: 768px){

}

@media  (max-width: 560px){

.subContents { padding-bottom:1.5em;}
.subNav li {margin:0 4px;}
}

@media  (max-width: 480px){

}


@media  (max-width: 420px){


}


@media  (max-width: 360px){
}