/* BASIC css start */
@import url(http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans|Lato');

.booking_top_warp { display: flex; width: 100%; margin: 50px auto 0px; }

/* visit_btn */
.visit_btn { position: fixed; bottom: 0; left: 0; width: 100%; padding: 0px; z-index: 999; display: flex; }
.visit_btn_warp { position:relative; width: 1680px; height:90px; margin: 0 auto; }
.visit_btn01 { position: absolute; font-size: 15px; left: 50%; top: 18px; color: #fff; background: #000; padding: 15px 30px; border-radius: 30px;  transform: translateX(-50%); }
.visit_btn01:hover { color: #907d5c; background: #fff; }
.visit_btn02 { position: absolute; color: #544c3e; font-size: 40px; right: 80px; top: 20px;}
.visit_btn02:hover { color: #fff; }
.visit_btn03 { position: absolute; color: #544c3e; font-size: 40px; right: 0px; top: 20px; }
.visit_btn03:hover { color: #fff; }

/* left_banner */
.swiper-container {  }
.booking_warpper { flex-basis: 50%; max-width: 50%; }
.booking_warp { flex-basis: 50%; max-width: 50%; }
.booking_main01 { width:840px; }
.booking_main01 .swiper-pagination-bullets {bottom:30px !important;}
.booking_main01 .swiper-pagination-bullet {margin:0 7px !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.booking_main01 .swiper-pagination-bullet {width:8px; height:8px; display:inline-block; border-radius:8px; opacity:0.7; background:none; border: 1px solid #fff;}
.booking_main01 .swiper-pagination-bullet-active {opacity:1; background:#fff; }


/* right_title */
.visit_title_warp { position: relative; flex-basis: 50%; max-width: 50%; top: 100px; text-align: center; }
.visit_title {font-family: 'KoPub Batang', serif; font-size: 30px; }
.visit_sub {line-height: 25px; font-size: 14px; margin-top: 60px; }
.visit_sub p { padding:10px 0px; }

.visit_line { padding:60px 0px 60px 0px; }
.covid_title { font-family: 'Josefin Sans', sans-serif; font-size: 30px; }
.covid_title02 { font-family: 'Josefin Sans', sans-serif; font-size: 20px; }
.covid_subtitle { font-family: 'Josefin Sans', sans-serif; }
.covid_sub { padding-bottom: 50px; }
.booking_store_sub { font-size: 14px; font-family: 'Nanum Gothic', serif; }
.covid_warp {  }
.covid_text { color: #5e5c5a; padding: 10px 0px; font-weight: 600; }
.covid_icon { font-family: 'Nanum Gothic', serif; width: 20%; text-align: center; display: inline-block; list-style: none; margin: 0px 10px;}
.covid_icon01 { font-size: 50px; color: #c2b8a6; }
.friendsale_01 { font-size: 12px; padding-left: 5px; color: #c39562; }

/* offline_review */
.booking_review_title { font-family: 'Josefin Sans', sans-serif; font-size: 35px; text-align: center; padding-top: 100px; }
.booking_intro_title { font-family: 'Josefin Sans', sans-serif; font-size: 22px; text-align: left; padding: 30px 0px 30px 0px; }
.booking_review_sub { font-size: 18px; text-align: center; }
.pow_re_t01 {position: relative; border: 1px solid #efefef;}
.pow_re_t02 img { width:120px;  padding: 10px; }
.pow_re_t02 img:hover { filter: grayscale(0%); }
.pow_re_t03 { position: absolute; display: inline-block; text-align: left; left: 28%; top: 17%; }
.pow_re_t04 { color: #1b1b1b; font-size: 15px; font-weight: 400; padding-bottom: 5px;}
.pow_re_t05 { letter-spacing: 0.02em; font-weight: normal; font-size: 11px; font-family: 'Nanum Gothic', serif; color: #434343; line-height: 17px; overflow: hidden; text-overflow: ellipsis; max-width: 360px; height: 36px; text-align: left; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.pow_re_t06 { padding-top: 5px; }
.pow_re_t07 { padding: 0px 5px; }
.pow_re_t08 { color: #c39562; }
.booking_review .swiper-pagination-bullets {bottom:-1px !important;}
.booking_review .swiper-pagination-bullet {margin:0 9px !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.booking_review .swiper-pagination-bullet {width:8px; height:8px; display:inline-block; border-radius:8px; background: none; opacity:0.7; border: 1px solid #c39562;}
.booking_review .swiper-pagination-bullet-active {opacity:1; background:#c39562; }

/* 동영상플레이어 */
#conainer { max-width:1900px; margin: 0 auto; }
.main_visual { position: relative; left: 50%; transform: translateX(-50%); font-size: 0px; }
.main_visual video { width:100%; }
.mov01 { position: absolute; left: 50%; top: 50%; transform: translateX(-50%); color: #fff; font-size: 24px; letter-spacing: 0.7em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mov02 { position: absolute; left: 50%; top: 57%; transform: translateX(-50%); color: #fff; font-size: 15px; letter-spacing: 0.17em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mov03 { position: absolute; left: 50%; top: 65%; transform: translateX(-50%); color: #fff; letter-spacing: 0.17em; font-family:'Nanum Gothic', serif; padding: 15px 50px; transition: all .3s ease-in-out; border: 1px solid #fff; z-index: 1; }
.mov03 a { font-family:'Nanum Gothic', serif; padding: 15px 50px; transition: all .3s ease-in-out; border: 1px solid #fff;  }
.mov03:hover {  background: #fff; color:#1c1c1c; }

/* 브랜드소개 */
.brand_title { margin: 100px 0px 30px 0px; font-family: 'Josefin Sans', sans-serif; font-size: 35px; font-weight: 900; color: #1e1e20; text-align: center; }
.detailbrand_warp { max-width: 1680px; margin: 0 auto; }
.detailbrand_warp .brand_bg { position: relative; left: 50%; transform: translateX(-50%); font-size: 0px; }
.detailbrand_warp .brand_bg .brand01 { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); color:#000; font-size: 24px; letter-spacing: 0.3em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: 'Josefin Sans', sans-serif; padding:20px 20px 0px 20px; background: #fff; }
.brand02 {}
.brand02 img { width:100%; }
.brand07 img { width:50%; }
.brand12 img { width:50%; }
.brand03 { text-align:center; font-family: Lato, "Noto Sans KR", sans-serif; letter-spacing: 0.02em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 20px; margin: 40px 0px 0px 0px; font-size: 15px; }
.brand04 { position: relative; margin-top: 50px; }
.brand05 { position: absolute; width: 50%; top: 50%; text-align: center; font-family: 'Josefin Sans', sans-serif; color: #000; font-size: 24px; letter-spacing: 0.1em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transform: translateY(-50%); }
.brand06 { position: absolute; width: 50%; top: 60%; text-align: center; font-family: Lato, "Noto Sans KR", sans-serif; color: #000; letter-spacing: 0.02em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transform: translateY(-50%); font-size: 15px; }
.brand07 { text-align: right; }
.brand08 { position: relative; }
.brand09 { position: absolute; right: 0; width: 50%; top: 50%; text-align: center; font-family: 'Josefin Sans', sans-serif; color: #000; font-size: 24px; letter-spacing: 0.1em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transform: translateY(-50%); }
.brand10 { position: absolute; right: 0; width: 50%; top: 60%; text-align: center; font-family: Lato, "Noto Sans KR", sans-serif; color: #000; letter-spacing: 0.02em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transform: translateY(-50%); font-size: 15px; }
.brand11 { position: absolute; right: 0; width: 50%; top: 60%; text-align: center; font-family: Lato, "Noto Sans KR", sans-serif; color: #000; letter-spacing: 0.02em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transform: translateY(-50%); font-size: 12px; }
.brand13 { position: absolute; left: 50%; top: 53%; text-align: center; font-family: 'Josefin Sans', sans-serif; color: #fff; font-size: 24px; letter-spacing: 0.1em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transform: translateX(-50%); }
.brand14 { position: absolute; left: 50%; top: 60%; text-align: center; font-family: Lato, "Noto Sans KR", sans-serif; color: #fff; letter-spacing: 0.02em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transform: translateX(-50%); font-size: 11px; }
.brand_bgend { position: relative; left: 50%; transform: translateX(-50%); font-size: 0px; margin-top:40px; }
.off_img { margin: 0px 0px 50px 0px; }


/* 오프라인공지 */
#offline_bbs_warp { display: flex; margin: 50px 0px 50px 0px; }
#offline_bbs_warp2 { position: relative; left:410px; font-family: 'Josefin Sans', sans-serif;  border: 1px solid #d9d9d9; width: 540px; height: 217px; color:#000; padding: 10px 0px 20px 0px; display: inline-block; }
.offline_event_warp1 { flex-basis: 70%; max-width: 70%; font-family: 'Josefin Sans', sans-serif; }
.offline_event_warp2 { flex-basis: 30%; max-width: 30%; font-family: 'Josefin Sans', sans-serif; }
.offline_event_title { font-size: 18px; padding: 15px 0px 10px 0px; border-bottom: 2px solid #1e1e20; text-align: center; }
.offline_event_centent {}
.offline_event_centent a { font-family: 'Lato','Noto Sans KR',sans-serif; font-size: 14px; color:#000; }
.offline_event_centent ul { padding: 10px 0px 38px 45px; }
.offline_event_centent li { padding: 0px 0px 5px 0px; text-align: left; }
.offline_event_add { max-width: 180px; margin: 0px auto;font-family: 'Nanum Gothic', serif; text-align: center;  padding: 12px; border: 1px solid #000; }

.offline_event_add a { }
.booking_writer { position: absolute;  right:140px; }

.booking_icon { padding-left:5px; }
.bbs_cate { display: flex; margin-bottom: 10px; border-bottom: 1px solid #d9d9d9; }
.bbs_cate02 { display: flex; }
.bbs_content { position: absolute; left: 105px; }
.bbs_content02 { flex-basis: 90%; max-width: 90%; text-align:center; }
.bbs_detail_text { flex-basis: 90%; max-width: 90%; }
.bbs_date { flex-basis: 10%; max-width: 10%; text-align:center; }
.booking_date { flex-basis: 10%; max-width: 10%; text-align:center; }
.bbs_writer { position: absolute; right: 147px;}


/* 오프라인이벤트 */
.offevent_warp {text-align:center; }
.offevent_title { font-family: 'Josefin Sans', sans-serif; font-size: 18px; margin: 0px 50px 10px 50px; padding: 15px 0px 10px 0px; }
.detail_off_event.swiper-container {padding:0 0 0px;}
.detail_off_event .swiper-slide { padding: 0px 0px; }
.detail_off_event .swiper-slide a {position:relative; display:block; font-size:0;}
.detail_off_event .swiper-slide img {width:50%;}
.area_warp01 { padding-bottom: 35px; color: #000; }
.area_warp02 { font-family: 'Josefin Sans', sans-serif; text-align: center; font-size: 15px; padding-top: 25px; }
.area_warp03 { font-family: 'Lato','Noto Sans KR',sans-serif; line-height: 15px; text-align: center; margin-top: 5px; color: #5e5c56; }
.area_warp04 { font-family: 'PT Sans', sans-serif; letter-spacing: 0.05em; margin: 0 auto; border: 1px solid #111; font-size: 10px; font-weight: 400; margin-top: 15px; text-align: center; width: 70px; padding: 5px 0px; background: #111; color: #fff; }
.swiper_off_event .SMS_swiper_buttonNext, .SMS_swiper_buttonPrev { position: absolute;  top:30%; width: 40px; z-index: 10; cursor: pointer; background-size: 15px; background-position: center; background-repeat: no-repeat; }
.detail_off_event .swiper-pagination-bullets {bottom:-1px !important;}
.detail_off_event .swiper-pagination-bullet { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;  transition: all 0.3s;}
.detail_off_event .swiper-pagination-bullet {width:8px; height:8px; display:inline-block; border-radius:8px; background: none; opacity:0.7; border: 1px solid #000;}
.detail_off_event .swiper-pagination-bullet-active {opacity:1; background:#000; }


/* offline_info */
.offline_event_warp3 { flex-basis: 30%; max-width: 30%; font-family: 'Josefin Sans', sans-serif; color:#000; padding: 10px 0px 20px 0px; }
.offline_info_centent01 { font-family: 'Nanum Gothic', serif; font-size: 16px; color:#000; padding: 15px 0px 10px 0px; text-align: center; }
.offline_info_centent02 { font-family: 'Nanum Gothic', serif; font-size: 14px; color:#000; padding: 15px 0px 30px 0px; text-align: center; }
.offline_info_centent03 { font-family: 'Nanum Gothic', serif; color:#000; text-align: center; }


/* 프라이빗한공간 */
.private_warp { padding: 100px 0px 0px 0px; }
.private_warp img { width:100%; }
.private_name { font-family: 'Josefin Sans', sans-serif; letter-spacing: 0.5em; text-align: left; font-size: 1.3rem; font-weight: 500; padding: 30px 0px 15px 0px; }
.private_textwarp { text-align: justify; font-size: 0.9rem; line-height: 1.6rem; letter-spacing: 0.02em; word-break: keep-all; padding-bottom: 50px; }
.private_text01 { padding-bottom:50px; }
.private_btn { text-align: center; background-color: #000; color: #fff; padding: 20px 0px; margin: 10px 0px 0px 0px; font-weight: 500; font-size: 15px; max-width: 300px; }


/* 오시는길 */

.map_warp { padding: 30px 10px 10px 10px; }
.map_warp img { width: 100%; }
.map_img { margin-bottom:40px; }
.map_title { font-family: 'Josefin Sans', sans-serif; color: #111; font-size: 14px; font-weight: 500; }
.map_info { font-size: 0.9rem; }
.map_name { font-family: 'Josefin Sans', sans-serif; color: #000; font-size: 1.3rem; font-weight: 500; letter-spacing: 1.5px; }
.map_korea { padding: 20px 0px 0px 0px; }
.map_english { }
.map_tel { padding: 20px 0px; font-weight: 500; letter-spacing: 1px; }
.map_parking { font-size: 0.9rem; word-break: keep-all; letter-spacing: 0.01rem; }
.map_link { margin: 30px 0px 50px 0px; text-align:center; }
.map_naver  { text-align: center; background-color: #000; color: #fff; padding: 20px 0px; margin: 10px 0px 0px 0px; font-weight: 500; font-size: 15px; max-width: 300px; }


.section { padding: 100px 20px; min-height: 100vh; display: flex; align-items: center; justify-content: center; font-size: 2rem; background: #f5f5f5; border-bottom: 1px solid #ddd; }
.section-dark { background: #222; color: white; }


/* BASIC css end */