@charset "utf-8";

/* 공용 */
.mb50 { margin-bottom:50px; }

.jquery-modal.blocker { z-index:99; }
.modal { }
  
/* 메인 */
.main-visual { position:relative; width:100%; height:100vh; }

#mainVisual { position:relative; width:100%; height:100vh;  overflow:hidden; }
#mainVisual .swiper-slide { width:100%; height:100vh; background-position:center center; background-repeat:no-repeat; background-size:cover; }


#mainVisual .swiper-pagination-bullet {
    width:10px;
    height:10px;
    border-radius:5px;
    background:#f0f0f0;
}
#mainVisual .swiper-pagination-bullet-active {  background:#fff;}

.main-visual .mainVisualTxt { position:absolute; width:1280px; top:30%; left:50%; transform:translate(-50%, 0); z-index:999; }
.main-visual .mainVisualTxt .m_logo { width:200px; }
.main-visual .mainVisualTxt .m_logo img { width:100%; height:auto; }

.main-visual .mainVisualTxt .main_text_inner { text-align:center; color:#fff; margin-top:50px; }
.main-visual .mainVisualTxt .main_text_inner h3 { font-size:18px; line-height:1.8;  }
.main-visual .mainVisualTxt .main_text_inner p { font-size:14px; line-height:1.8; margin:20px 0; }

.main-visual .mainVisualTxt .main_text_inner a {
    background-color: rgba(255,255,255,0);
    zoom: 1;
    color: rgba(255,255,255,1);
    border: 1px solid rgba(255,255,255,0.29);
	padding:8px 25px;
    margin: 15px 0;
    display: inline-block;
	font-size:14px;
	height:auto;
	transition:all 0.3s; 
}

.main-visual .mainVisualTxt a:hover { background:#42200a; color:#fff;}

/* 내용 */
.mg-cont {}
.mg-cont h2 { font-size:20px; font-weight:700; line-height:1.5; margin-bottom:5px; }
.mg-cont p { line-height:1.5; }

.mg-cont .mgslider-inner { position:relative; overflow:hidden; }

.mg-cont .swiper-pagination-bullet {
    width:10px;
    height:10px;
    border-radius:5px;
    background:#fff;
}

.mg-cont .swiper-pagination-bullet-active {  background:#fff;}

.mg-cont .swiper-button-next:after, .mg-cont .swiper-button-prev:after { color:#fff; font-size:18px; border:1px solid #fff; border-radius:15px; width:30px; height:30px; text-align:center; line-height:30px; }

/* About */
#about1 .mgslider-inner { width:662px; }

#daumRoughmapContainer1749721283510 { width:100%; }
#daumRoughmapContainer1749721283510 .cont { display:none; }

/* Room */
#room .room_map { max-width:1020px; margin:0 auto 30px; }
#room .room-list { display:flex; flex-wrap:wrap; gap:50px 10px; }
#room .room-list li { width:calc(20% - 8px); }
#room .room-list li .thumb { }
#room .room-list li .thumb img { width:100%; height:auto; }

#room .room-list li .name { font-weight:bold; margin:5px 0; }
#room .room-list li .info { line-height:1.5; margin-bottom:10px; }
#room .room-list li .btn a { display:inline-block; width:120px; border:1px solid #42200a; color:#42200a; font-size:12px; font-weight:500; transition:all 0.3s; }
#room .room-list li .btn a:hover { background:#42200a; color:#fff;}


#room .room-inner { display:flex; justify-content: space-between; }
#room .room-inner .room-info { width:300px; }
#room .room-inner .room-info h2 { margin-bottom:20px; }
#room .room-inner .room-info dl { }
#room .room-inner .room-info dl dt { font-weight:700; margin-bottom:10px; }
#room .room-inner .room-info dl dd { line-height:1.5; word-break:keep-all; }

#room .room-inner .btn_resv { margin-top:20px; }
#room .room-inner .btn_resv a { display:inline-block; width:120px; height:37px; line-height:37px; text-align:center; border:1px solid #42200a; color:#42200a; font-size:12px; font-weight:500; transition:all 0.3s; }
#room .room-inner .btn_resv a:hover { background:#42200a; color:#fff;}#room .room-inner .room-info dl dd + dt { margin-top:30px; }

#room a.btn_room_chk { display:inline-block; padding:2px 22px;; border:1px solid #000; border-radius:20px; transition:all 0.3s; }
#room a.btn_room_chk i { display:inline-block; margin-right:10px; transform: rotate(30deg); }
#room a.btn_room_chk:hover { background:#000; color:#fff; }


#room .room-inner .room-img { width:650px; }
#room .room-inner .room-desc { line-height:1.5; margin-top:30px; }

#room-etc h3 { font-size:22px; border-bottom:1px solid #333; text-align:center; padding:10px 0; }
#room-etc .etc-list { display:flex; flex-wrap:wrap; gap:30px 0; padding:20px 10px; } 
#room-etc .etc-list li { width:50%; }
#room-etc .etc-list li h4 { font-size:16px; margin-bottom:15px; }

/* program */
#program {}
#program .program-wrap + .program-wrap { margin-top:80px; }
#program .program-wrap { display:flex; gap:0 4%; }
#program .program-wrap:nth-child(even) { flex-direction: row-reverse; }
#program .program-wrap .program-info,
#program .program-wrap .program-img { width:46%; align-self:center; }

#program .program-wrap .program-info h2 { margin-bottom:30px; }
#program .program-wrap .program-info p { lin-height:1.5; }


.program-cont h2 { font-size:15px; color:#737172; margin-bottom:10px; font-weight:300; }
.program-cont h3 { font-size:22px; margin-bottom:50px; font-weight:400; }
.program-cont h3 span { display:inline-block; margin-left:10px; font-size:15px; }

/* Story */
.story-cont { }
.story-cont .sec-container { display:flex; justify-content: space-between; }

.story-cont .work-Introduction { padding-top:60px; max-width:550px; width:46%; }
.story-cont .work-Introduction h2 { font-size:15px; color:#737172; margin-bottom:10px; font-weight:300; }
.story-cont .work-Introduction h3 { font-size:22px; margin-bottom:50px; font-weight:400; }
.story-cont .work-Introduction p.desc { font-size:16px; line-height:1.5; word-break:keep-all; }
.story-cont .work-Introduction p.small-desc { margin-top:30px; line-height:1.8; word-break:keep-all; }

.story-cont .work-painting { position:relative; max-width:760px; width:46%; border:1px solid #e7e5e6; background:#fff; padding:50px; }
.story-cont .work-painting .work-painting-info { position:relative; margin-top:30px; width:100%; text-align:center; }
.story-cont .work-painting .work-painting-info h3 { font-size:16px; margin-bottom:20px; color:#737172;  }
.story-cont .work-painting .work-painting-info p { font-size:13px; line-height:1.5; color:#737172; font-weight:500;  }

.story-cont .section.type01 .sec-container { align-items: center; }
.story-cont .section.type01 .work-Introduction {  padding-top:50px; max-width:100%; width:100%; }
.story-cont .section.type01 .brand_clang { display:flex; justify-content: space-between; width:100%; margin-top:80px;  }
.story-cont .section.type01 .brand_clang li { text-align:center; font-size:14px; line-height:1.5; }
.story-cont .section.type01 .brand_clang li .txt_c1 { font-size:48px; font-weight:500; margin-bottom:50px; }
.story-cont .section.type01 .brand_clang li .txt_c2 { margin-bottom:5px; }
.story-cont .section.type01 .brand_clang li .txt_c3 { margin-top:5px; }
.story-cont .section.type01 .brand_clang li .dot { font-size:18px; line-height:25px; color: #000; margin: 2px 0; }


/* Space */
.space-cont { }
.space-cont .sec-container { width:100% !important; margin:0 !important; display:flex; justify-content: space-between; }

.space-cont .space-Introduction { position:relative; max-width:600px; width:46%; padding-right:4%; }
.space-cont .space-Introduction.typ01 { position:absolute; bottom:100px; left:0; max-width:380px; }
.space-cont .space-Introduction h2 { font-size:15px; color:#737172; margin-bottom:10px; font-weight:300; }
.space-cont .space-Introduction h3 { font-size:22px; margin-bottom:50px; font-weight:400; }
.space-cont .space-Introduction h3 span { display:inline-block; margin-left:10px; font-size:15px; }
.space-cont .space-Introduction h3 span.stit-block { display:block; margin-left:0; }
.space-cont .space-Introduction p.desc { font-size:16px; line-height:1.5; word-break:keep-all; }
.space-cont .space-Introduction p.small-desc { margin-top:30px; line-height:1.8; word-break:keep-all; }

.space-cont .space-Introduction .space-item { position:relative; margin-top:50px; color:#666; font-size:14px; }
.space-cont .space-Introduction .space-item h4 { margin-bottom:20px; }
.space-cont .space-Introduction .space-item ul { list-style-type:disc; margin-left:15px; }
.space-cont .space-Introduction .space-item ul.col2 { display:flex; flex-wrap:wrap; width:340px; }
.space-cont .space-Introduction .space-item ul.col2 li { width:50%; }


.space-cont .space-Introduction .space-item .info { margin-top:20px; }

.space-cont .space-painting { position:relative; width:62.5%;  overflow:hidden; margin-top:60px; }
.space-cont .space-painting .swiper-slide { width:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; }

.space-cont .swiper-pagination-bullet {
    width:10px;
    height:10px;
    border-radius:5px;
    background:#f0f0f0;
}
.space-cont .swiper-pagination-bullet-active {  background:#fff;}

/*
.space-cont .space-painting.space-painting01 { background-image:url('../img/content/space1.jpg'); }
.space-cont .space-painting.space-painting02 { background-image:url('../img/content/space2.jpg'); }
.space-cont .space-painting.space-painting03 { background-image:url('../img/content/space3.jpg'); }
.space-cont .space-painting.space-painting04 { background-image:url('../img/content/space4.jpg'); }
.space-cont .space-painting.space-painting05 { background-image:url('../img/content/space5.jpg'); }
.space-cont .space-painting.space-painting06 { background-image:url('../img/content/space6.jpg'); }
.space-cont .space-painting.space-painting07 { background-image:url('../img/content/space7.jpg'); }
.space-cont .space-painting.space-painting08 { background-image:url('../img/content/space8.jpg'); }
.space-cont .space-painting.space-painting09 { background-image:url('../img/content/space9.jpg'); }
*/

.space-cont .room-map { width:100%; height:100vh; background:url('../img/content/21.jpg') center center no-repeat; background-size:cover; }
.space-cont .room-map2 { width:100%; height:100vh; background:url('../img/content/22.jpg') center center no-repeat; background-size:cover; }

/* 예약 */
#reservation {}
#reservation .sec-container { display:flex; justify-content: space-between; }
#reservation .reserv_gnb { padding-top:120px; width:120px; }
#reservation .reserv_gnb h2 { font-size:15px; color:#737172; margin-bottom:10px; font-weight:300; }
#reservation .reserv_gnb h3 { font-size:22px; margin-bottom:50px; font-weight:400; }
#reservation .reserv_gnb ul { display:flex; flex-direction:column; gap:10px; }
#reservation .reserv_gnb ul li { position:relative; padding-left:10px;  }
#reservation .reserv_gnb ul li a { display:inline-block; color:#6c6b6e; font-size:16px; }
#reservation .reserv_gnb ul li a:before { position:absolute; left:0; top:50%; transform:translateY(-50%); content:''; background:#6c6b6e; width:4px; height:4px; border-radius:2px; }
#reservation .reserv_gnb ul li a.active { color:#000; }
#reservation .reserv_gnb ul li a.active:before { background:#000; }

#reservation .reserv_list { width:calc(100% - 170px); }


/* 지도 맵포인트 */
.space-cont .space-Introduction .room_list {  margin-left:20px; }
.space-cont .space-Introduction .room_list li + li { margin-top:5px; }
.space-cont .space-Introduction .room_list li a { display:inline-block; font-size:18px; }
.space-cont .space-Introduction .room_list li a.active { color:#3e210d; font-weight:700; }

.map-position .map_cc { position:absolute; border-radius:50%; background:rgba(234, 80, 170, 0.35); border: 1px solid rgba(234, 80, 170, .7); z-index:99; 
animation-name:map_circle; animation-duration:1.2s; animation-iteration-count:infinite; animation-direction: alternate;display:block; 
transform:translate(-50%, -50%); left:50%; top:50%; width:100%; height:100%; }

@keyframes map_circle { 0% { opacity:0; } 100% { opacity:1; } }

.map-position .map_point { width:14px; height:14px; position:relative; }
.map-position .map_img { display:none; position:absolute; transform:translate(-50%, -50%); }
.map-position .map_img.active { display:block; }

.map-position .map_cc { animation-duration:1.4s; }
.map-position .cc_02{ animation-delay:0.2s; width:200%; height:200%; }
.map-position .cc_03{ animation-delay:0.4s; width:350%; height:350%; }
.map-position .cc_04{ display:none; animation-delay:0.6s; width:550%; height:550%; }
.map-position .cc_05{ display:none; animation-delay:0.8s; width:750%; height:750%; }

#map-point1 { left:44.76875%; top:77.26732161323681%;  }
#map-point2 { left:58.0125%; top:59.90082644628099%;  }
#map-point3 { left:59.0125%; top:36.95702479338843%;  }
#map-point4 { left:55.32291666666667%; top:20.88911917098446%;  }
#map-point5 { left:32.82708333333333%; top:70.43801652892562%;  }
#map-point6 { left:32.82708333333333%; top:55.43801652892562%;  }
#map-point7 { left:32.82708333333333%; top:40.43801652892562%;  }
#map-point8 { left:44.62708333333333%; top:42.43801652892562%;  }
#map-point9 { left:44.62708333333333%; top:27.43801652892562%;  }

#map-point10 { left:61.26875%; top:76.26732161323681%;  }
#map-point11 { left:71.86875%; top:74.76732161323681%;  }

#map-point12 { left:78.36875%; top:50.96732161323681%;  }
#map-point13 { left:78.36875%; top:25.96732161323681%;  }
#map-point14 { left:86.36875%; top:40.26732161323681%;  }