.view768 {display: none;}
.section {position: relative; width: 100%; height: 100%; background-size: cover!important; color: #fff; display:table;}
.section.index_con > figure {vertical-align:middle; display:table-cell;}
/* .fix{position:fixed;} */
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}
#bookArea .bookIns .fb_rsvn button{background: #ed1c24 !important;}


#fp-nav.right{display:none;}

/* nav */

#header {width: 100%; /* height: 90px; */ position: absolute; z-index: 99; background: #fff; top:0; left:0;}
#header .logo {height: 99px; line-height: 99px; overflow:hidden;  position: absolute;left: 50%;transform: translateX(-50%);}
#header .logo img {max-width: 250px;height: 99px;}
.nav {width: 100%; /* height: 320px; */ background: #fff; text-align: center; border-bottom: 1px solid #ddd; -webkit-transition: 0.8s; transition: 0.8s;}
.nav.over {/* height: 90px; */ -webkit-transition: 1s; transition: 1s;}


.m_line{text-align:center; border-bottom:1px solid #ccc; height:99px;}
.nav .nav_m {display: inline-block; margin: 0 auto 0;width: 1200px;display: flex;justify-content: space-between;}
.nav .nav_m .menu {text-align: left; vertical-align: top; display: inline-block; margin-right: 3.2%;}
.nav .nav_m .menu:last-child {margin-right: 0;}
.nav .nav_m .menu > a {color: #222; font-size: 16px; line-height:50px; position:relative;}
.nav .nav_m .menu.on > a, .nav .nav_m .menu:hover > a:after {content:''; position:absolute; bottom:-1px; height:2px; width:100%; left:0; background:#000;}

.nav .nav_m .menu .nav2{display:none; position:absolute; width:100%; z-index:51; background:rgba(255,255,255,0.9); left:0; height:60px; margin-top:1px;}
.nav .nav_m .menu .nav2 ul{display:inline-block;}
.nav .nav_m .menu .nav2 ul li {display:inline-block; margin:0 10px; line-height:60px;}
.nav .nav_m .menu .nav2 ul li a {color: #a2a2a2; font-weight: 100; font-size: 14px;}
.nav .nav_m .menu .nav2 ul li.on a, .nav .nav_m .menu .nav2 ul li:hover a {color: #000;}


.nav .nav_m .menu-1 ul{padding-left:20%}
.nav .nav_m .menu-2 ul{padding-left:20%;}
.nav .nav_m .menu-3 ul{padding-left:30%;}
.nav .nav_m .menu-4 ul{padding-left:38%;}
.nav .nav_m .menu-5 ul{padding-left:50%;}
.nav .nav_m .menu-6 ul{padding-left:50%;}
.nav .nav_m .menu-7 ul{padding-left:60%;}
.nav .nav_m .menu-8 ul{padding-left:70%;}

.nav .lang_list {display: none;}
.l_menu {position: absolute;top: 0px; z-index: 99;left: 30px;}
.l_menu .language_wrap{width:93px;}
.l_menu .language {z-index:11; width: 100%; line-height: 99px; color: #1f1f1f; text-align: center; font-size: 14px; font-weight:bold; height:99px;}
.l_menu .language a{display:block;}
.l_menu .language a:after{content:url(/SeoulGarden_common/images/homepage/common/icon-down.png); display:inline-block; margin-left:16px;}
.l_menu .lang_list {z-index: 11; padding:0 0 16px; display:none;}
.l_menu .lang_list li {text-align: center; color: #fff; margin-bottom: 11px;}

.l_menu .language_wrap.over .language a{color: #fff;}
.l_menu .language_wrap.over .language a:after{content: url(/SeoulGarden_common/images/homepage/common/icon-down-on.png);}
.l_menu .language_wrap.over{background: #000;}

.rMenu{position:absolute; right:50px; top:39px;}
.rMenu a{text-indent:-9998px; width:35px; height:23px; background:url(/SeoulGarden_common/images/homepage/common/m_menu_gray.svg) no-repeat; background-size:cover;}


.nav_bg {width: 100%; height: 140px; position: absolute; top: -140px; left:0; background: #191919; display: block; z-index: 1;}


.outside {width: 100%; height: 54px; position: absolute; top: 55%; margin: 0 auto; display: block; float: none; z-index:51;}
.outside .prev {position: absolute; left: 52px;}
.outside .prev a {width: 29px; height: 54px; background: url(/SeoulGarden_common/images/homepage/common/index_prev_slider.png) no-repeat; text-indent:-9998px;}
.outside .next {position: absolute; right: 52px;}
.outside .next a {width: 29px; height: 54px; background: url(/SeoulGarden_common/images/homepage/common/index_next_slider.png) no-repeat; text-indent:-9998px;}

.sliderArea .bx-viewport{height:auto !important;}

/* main fix */
#header.main {background: none;}
#header.main .nav {background: none;border-bottom: none;}
#header.main .nav .nav_m .menu > a {color: #fff;}
#header.main .m_line {border-bottom: none;}
#header.main .cMenu_list a {color: #fff;}
#header.main .language a:after {content:url(/SeoulGarden_common/images/homepage/common/icon-down-on.png);}
#header.main .nav .nav_m .menu .nav2 {background: rgba(255,255,255,0.5);}
#header.main .nav .nav_m .menu .nav2 ul li a {color: #000;}
#header.main .nav .nav_m .menu .nav2 ul li.on a, #header.main .nav .nav_m .menu .nav2 ul li:hover a {color: #fff;}
#header.main .nav .nav_m .menu.on > a, #header.main .nav .nav_m .menu:hover > a:after {background:#ed1c24;}
#header.main .rMenu a {background: url(/SeoulGarden_common/images/homepage/common/m_menu.svg?v=1) no-repeat;}

/* 보조 nav 추가 */
.cMenu {width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;height: 99px;}
.cMenu_list {display: flex;position: relative;align-items: baseline;}
.cMenu_list li {position: relative;}
.cMenu_list a {color: #666;font-size: 12px;font-weight: 200;padding: 0 10px;}
.cMenu_list > li:first-child > a {padding-left: 0;}
.cMenu_list > li:last-child > a {padding-right: 0;}
.cMenu_list > li + li::after {
	content: '';
	border-left: 1px solid #ddd;
	position: absolute;
    top: 6px;
    left: 0;
    width: 1px;
    height: 14px;
}
.cMenu_list li.language_list::after {top: 3px;}

.language {z-index:11; width: 100%; color: #1f1f1f; text-align: center;}
.language a {display:block;}
.language a:after{content:url(/SeoulGarden_common/images/homepage/common/icon-down2.png?v=2); display:inline-block; margin-left:10px;position: relative;top: -2px;}
.lang_list {z-index: 11; padding:0 0 11px; display:none;position: absolute;background: #afb0af;width: 64.28px;text-align: center;}
.lang_list li {text-align: center; color: #fff; margin-top: 11px;}
.lang_list li a {color: #fff;}

.language_wrap.over .language a{color: #fff;}
.language_wrap.over .language a:after{content: url(/SeoulGarden_common/images/homepage/common/icon-down-on.png);}
.language_wrap.over{background: #afb0af;}


/* nav fix */
.nav.over.fixMenu {position: fixed !important;top: 0;background: #fff;position: relative;}
#header.main .nav.over.fixMenu {background: #fff;border-bottom: 1px solid #ddd;}
#header.main .nav.over.fixMenu .nav_m .menu > a {color: #222;}
#header.main .m_line.fixMenu {border-bottom: 1px solid #ccc;}

#header.main .nav.over.fixMenu .nav_m .menu .nav2 {background: rgba(255,255,255,0.9);}
#header.main .nav.over.fixMenu .nav_m .menu .nav2 ul li a {color: #a2a2a2;}
#header.main .nav.over.fixMenu .nav_m .menu .nav2 ul li.on a, #header.main .nav.over.fixMenu .nav_m .menu .nav2 ul li:hover a {color: #000 !important;}
#header.main .nav.over.fixMenu .nav_m .menu.on > a, #header.main .nav.over.fixMenu .nav_m .menu:hover > a:after {background:#000 !important;}

/* container */

#container {width: 100%; margin: 150px auto 0;} 
.wrap1200 {width: 1200px; margin: 0 auto; position:relative;}
.index_visual{/* margin-top:150px; */height:100%; width:100%;}

.mainSlide {position: relative; overflow: hidden; height:100%;}
.mainSlide .bx-wrapper{height:100%;}
.mainSlide .bx-wrapper .bx-viewport{height:100vh !important;}
.mainSlide .bx-wrapper .bx-viewport ul{height:100vh;}
.mainSlide .bx-wrapper .bx-viewport ul li{height:100vh;}
.mainSlide .bx-wrapper .bx-viewport ul li img {width: 100%; height: 100vh;}
.mainSlide .bx-wrapper .bx-has-pager {position: absolute; bottom: 50px;  z-index:52; text-align:center; width:100%;}
.mainSlide .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item {display: inline-block; margin:0 4px;}
.mainSlide .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item a {text-indent: -9999px; width: 16px; height: 16px; border:1px solid #fff; border-radius:50%;}
.mainSlide .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item a.active {background: #fff;}


.mainSlide {position: relative; /* height: 749px; */width:100%;}
.mainSlide .mainSlideTitle {position: relative; z-index: 9; text-align: center; padding-top: 210px;}
.mainSlide .mainSlideTitle h2 {font-size: 76px; color: #ed1c24; margin-bottom: 42px; height: 76px; font-weight: 700;}
.mainSlide .mainSlideTitle h3 {font-size: 25px; color: #464f4e; line-height: 1.5em;}
.mainSlide .mainSlideTitle h3 em {color: #ed1c24; font-weight: 500;}

/* .mainSlide .slider-wrap {position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 730px;} */
.mainSlide .slider li {/* height: 899px;  */text-indent: -9999px; background-size: cover!important; width:100% !important;}

.mainSlide .slider li.main_visual01 {background: url(/SeoulGarden_common/images/homepage/index/index_visual16.jpg) no-repeat center center;}
.mainSlide .slider li.main_visual02 {background: url(/SeoulGarden_common/images/homepage/index/index_visual10.jpg) no-repeat center center;}
.mainSlide .slider li.main_visual03 {background: url(/SeoulGarden_common/images/homepage/index/index_visual11.jpg) no-repeat center center;}
.mainSlide .slider li.main_visual04 {background: url(/SeoulGarden_common/images/homepage/index/index_visual12.jpg) no-repeat center center;}
.mainSlide .slider li.main_visual05 {background: url(/SeoulGarden_common/images/homepage/index/index_visual13.jpg) no-repeat center center;}
.mainSlide .slider li.main_visual06 {background: url(/SeoulGarden_common/images/homepage/index/index_visual14.jpg) no-repeat center center;}
.mainSlide .slider li.main_visual07 {background: url(/SeoulGarden_common/images/homepage/index/index_visual15.jpg) no-repeat center center;}

.mainSlide .slider li::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.1);
	pointer-events: none;
}

.index_section{width:1200px; bottom:61px; left:0; right:0;  margin:0 auto; position:absolute !important;  z-index:52; /* position:relative; margin-top:-280px; */}
.index_scroll{margin-bottom:29px; text-align:center;}
.index_scroll a{display:inline-block; color:#fff; font-size:14px; font-weight:bold;will-change: transform;position: relative;}
.index_scroll a:after{content:''; display:block; width:26px; height:49px; margin:10px auto 0; background:url(/SeoulGarden_common/images/homepage/common/index_scroll_btn.png)}

/* .newWap{background:#fff;}
.bookArea-wrap{border:0 !important; background:none !important;}
#bookArea .bookIns .fb_rsvn button{background:#ed1c24 !important;}
#bookArea .bookIns ul li{height:106px !important; padding-top:16px !important;}
#bookArea .bookIns .fb_rsvn{padding:0 15px 15px 0;}
#bookArea .bookIns .fb_rsvn button strong{display:none !important;}
#bookArea .bookIns .fb_rsvn button{line-height:1 !important}
#bookArea .bookIns ul li:after{height:75px !important; top:16px !important;}
#bookArea .bookIns ul li.ci_date .dateWrap:first-child:after{height:75px !important; top:0 !important;} */
.date-picker-wrapper.no-shortcuts{/* top:487px !important; display:block !important; *//* display:none !important; *//* top:487px !important; */}


.main_visual{height:100vh; overflow:hidden;}
.index_con.out{top:0 !important; display:none !important;}
.index_con .ins{display:table; width:100%; height:100%;position: relative;}
.index_con .ins > figure{display:table-cell; vertical-align:middle}
.footer.out{margin-top:0 !important; display:none !important;}

.index_con dl{text-align:center; color:#000;}
.index_con dl dt{font-weight:bold; font-size:40px;}
.index_con dl dd{font-weight:100; font-size:25px;}

.list_view ul:after{content:''; display:block; clear:both;}
.list_view > ul > li{float:left; margin-right:2.5%}
.list_view ul li.con_l{width:29.7%; overflow:hidden;}
.list_view ul li.con_m{width:41.3%; overflow:hidden;}
.list_view ul li.con_r{width:24%; margin-right:0;}

.list_view{margin-top:47px;}
.index_pro .img{height:328px; background-size:cover !important; display:block; width:auto; position:relative; overflow:hidden; min-width:100%;}
.index_pro .img img{width:100%; min-height:100%;}
.index_pro .txt{text-align:center; height:243px; overflow:hidden; background: #fff;}
.index_pro .txt h2{font-size:20px; color:#000; margin:20px 0 0;}
.index_pro .txt h3,
.index_pro .txt em{font-size:16px; font-weight:100}

.index_pro .txt h3{color:#000; overflow:hidden; text-overflow:ellipsis; margin-top:11px}
.index_pro .txt em{color:#838383; display:block;}
.index_pro .txt a.btn_view{margin:18px 0 0;}

.list_view a.btn_view{display:inline-block; min-width:126px; padding:0 23px; font-size:14px; color:#000; line-height:37px; border:1px solid #000; border-radius:23px; text-align:center;}


.index_pro{position:relative; border:1px solid #ccc;}
.index_pro .bx-viewport{height:auto !important; overflow:hidden}
.index_pro .bx-controls{position:absolute; bottom:23px; z-index:52; left:0; right:0; width:100%;}
.index_pro .bx-controls-direction{display:none;}
.index_pro .bx-pager{text-align:center;}
.index_pro .bx-pager .bx-pager-item{display:inline-block; width:15px; height:15px; margin:0 3px; }
.index_pro .bx-pager .bx-pager-item a{display:block; background:#d1c4b6; width:100%; border-radius:50%; text-indent:-9998px; height:100%;}
.index_pro .bx-pager .bx-pager-item a.active{background:#ed1c24;}
.index_pro ul li{overflow:hidden; /* width: initial !important; height: initial !important; */}

.index_din{position:relative; color:#fff;}
.index_din .img{height:573px; position:relative; overflow:hidden; width:100%;}
.index_din .img img{min-height:100%; width:auto; min-width:100%;}
.index_din .txt{position:absolute; bottom:30px; left:30px; width:calc(100% - 60px)}
.index_din .txt h3{font-weight:100; font-size:15px; margin:11px 0 0; padding-right:120px;}
.index_din .txt a.btn_view{margin:18px 0 0; color:#fff; border:1px solid #fff; position:absolute; right:0; bottom:0;}
.index_din .bx-viewport{height:auto !important;}
.index_din .bx-controls{position:absolute; top:20px; right:20px;}
.index_din .bx-controls a{width:23px; height:23px; border:1px solid #fff; line-height:23px; margin-left:5px; overflow:hidden; position:relative; text-indent:-9998px;}
.index_din .bx-controls a.bx-prev{background:url(/SeoulGarden_common/images/homepage/index/index_prev_din.png) center center no-repeat;}
.index_din .bx-controls a.bx-next{background:url(/SeoulGarden_common/images/homepage/index/index_next_din.png) center center no-repeat;}

.con_r{color:#fff;}
.con_r a.link{display:table; height:100%; width:100%; text-align:center}
.con_r a.link span{display:table-cell; vertical-align:middle; font-weight:bold; font-size:14px; letter-spacing:4.5px;}
.con_r a.link span:before{content:''; display:block; margin:0 auto 18px; border-radius:50%;  width:120px; height:120px;}
.con_r h2{font-weight:bold; font-size:14px; letter-spacing:4px;}
.con_r h3{margin:36px 0 0; font-size:16px;}
.con_r .over{position:absolute; left:0; top:0; width:100%; height:100%; opacity: 0; -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in;}
.con_r .over .Ins{ width:100%; height:100%; display:table; }
.con_r .over .Ins figure{vertical-align:middle; display:table-cell;}
.con_r .box{height:271px; width:100%; /* display:table; */ text-align:center; position:relative;}
.con_r .box:hover .over{opacity: 1;}
.con_r .loc .over{background:#af8f6d}
.con_r .rsvn .over{background:#0e1e2f}
.con_r .loc{background:#ed1c24;}
.con_r .loc a.link span:before{background:url(/SeoulGarden_common/images/homepage/index/index_loc_icon.png) #af8f6d center center no-repeat;}
.con_r .rsvn{background:#182d44; margin-top:31px;}
.list_view .con_r .btn_view{margin:30px 0 0; color:#fff; border:1px solid #fff;}
.con_r .rsvn a.link span:before{background:url(/SeoulGarden_common/images/homepage/index/index_rsvn_btn.png) #0e1e2f center center no-repeat;}


.close_btn{z-index:101; cursor:pointer; position:absolute; right:37px; top:20px; width:61px; height:61px; background:url(/SeoulGarden_common/images/homepage/common/icon_close_btn.png) #303030 center center no-repeat; text-indent:-9998px;}
.rsvn_btn{z-index:101; position:absolute; right:108px; top:20px; line-height:61px; background:#ed1c24; color:#fff; font-size:18px; min-width:111px; padding:0 37px; text-align:center;}


.quick_menu{position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(255,255,255,0.95); z-index:620; display:none;}
.quick_menu figure{display:table; height:100%;}
.quick_menu .menu_list{display:table-cell; vertical-align:middle; padding:0 20px;padding-top: 40px;}
.quick_menu .menu_list dl:after{content:''; clear:both; display:block;}
.quick_menu .menu_list dl{margin-bottom: 15px;}
.quick_menu .menu_list dl dt{font-weight:bold; font-size:26px; float:left; width:29.4%;padding-top: 30px;}
.quick_menu .menu_list dl dd{font-size:20px; float:left; width:67.6%; padding-top:30px;}
.quick_menu .menu_list dl dd a{margin-right:18px;}
.quick_menu .menu_list dl dd a:hover{color:#846436}
.quick_menu .sns{padding-top:20px; position:relative; top:0; left:0;}
.quick_menu .sns:before{content:''; height:1px; background:#7e7e7e; display:block; margin:0 0 40px;}
.quick_menu .sns{text-align:right;}
.quick_menu .sns ul{display:inline-block;}



/* main_section */

.main_section {position: relative; padding: 60px 0 75px; background: #f7f7f7;}
.mainTitle {margin-bottom: 40px;}
.mainTitle h3 {font-size: 40px; display: inline-block; margin-right: 15px; font-weight: 700;}
.mainTitle > span {font-size: 23px; font-weight: 100;}


.menuSlide .bx-controls.bx-has-pager {margin-top: 40px;}
.menuSlide .bx-wrapper .bx-pager.bx-default-pager {width: 200px; margin: 0 auto;}
.menuSlide .bx-wrapper .bx-pager.bx-default-pager a {display: inline-block; text-indent: -9999px; width: 14px; height: 14px; border-radius: 7px; border: 1px solid #473728;}
.menuSlide .bx-wrapper .bx-pager.bx-default-pager a:hover,
.menuSlide .bx-wrapper .bx-pager.bx-default-pager a.active,
.menuSlide .bx-wrapper .bx-pager.bx-default-pager a:focus {background: #473728;}

.menuSlide .outside {/* position: relative;  */ bottom: 0;}
.menuSlide .outside.sub {margin-bottom: -40px;}
.menuSlide .outside .outside-wrap {position: relative; width: 1200px; margin: 0 auto; text-align: right;}
.menuSlide .outside.sub .outside-wrap {height: 80px;}
.menuSlide .outside .outside-wrap > span > a {text-align: left;}
.menuSlide .outside .outside-wrap .pager {letter-spacing: -1px; font-size: 13px;}


/* sub */

.sub_visual {height: 399px; /* background-size: cover!important; */ border-bottom:1px solid #ccc; /* margin-top:150px; */ position:relative;}
.sub_visual.acco {background: url(/SeoulGarden_common/images/homepage/acco/visual_acco.jpg?v=1) center center no-repeat;}
.sub_visual.din {background: url(/SeoulGarden_common/images/homepage/diningBar/visual_din.jpg) 58% no-repeat;}
.sub_visual.con {background: url(/SeoulGarden_common/images/homepage/facilities/visual_con.jpg?v=1) 58% no-repeat;}
.sub_visual.wed {background: url(/SeoulGarden_common/images/homepage/wedding/visual_wed.jpg) 58% no-repeat;}
.sub_visual.fac {background: url(/SeoulGarden_common/images/homepage/facilities/visual_fac.jpg?v=1) 58% no-repeat;}
.sub_visual.local {background: url(/SeoulGarden_common/images/homepage/company/visual_intro.jpg) center center no-repeat;}
.sub_visual.about {background: url(/SeoulGarden_common/images/homepage/company/visual_intro.jpg?v=1) center center no-repeat;}
.sub_visual.news {background: url(/SeoulGarden_common/images/homepage/company/visual_intro.jpg) center center no-repeat;}

.sub_menu{position:absolute; bottom:0; left:0; right:0; z-index:52;}
.sub_menu.fixMenu{position:fixed; margin-top:0; background:#fff; top:0; border-bottom:1px solid #ccc; height:61px;}
.sub_menu .ins{background:#fff; display:table; height:60px;}
.sub_menu .ins:after{content:''; display:block; clear:both;}
/* .sub_menu .box{width:calc(100% - 60px); float:left; width: -webkit-calc(100% - 60px); width: -moz-calc(100% - 60px);border-left:1px solid #ccc;} */
.sub_menu .box:after{content:''; display:block; clear:both;}
.sub_menu .home{position:relative; vertical-align:top; display:table-cell; /* border-right:1px solid #ccc; */ /* float:left; */ /* height:60px; */ width:60px; text-indent:-9998px; background:url(/SeoulGarden_common/images/homepage/common/icon-home.png) center center no-repeat;}
.sub_menu .rsvnBtn{float:right; width:250px; max-width:250px; line-height:60px; text-align:center; background:#ed1c24; color:#fff; font-size:18px;}

.sub_menu ul{float:left; width:471px; text-transform:uppercase; position:relative;}
.sub_menu ul:before{content:''; position:absolute; left:0; height:100%; width:1px; background:#ccc;}
.sub_menu ul li{float:left; width:50%; position:relative; /* border-right:1px solid #ccc; */ box-sizing:border-box;}
.sub_menu ul li:before{content:''; position:absolute; right:0; height:100%; width:1px; background:#ccc; top:0} 
.sub_menu ul li > a{width:100%; display:table; /* border-right:1px solid #ccc; */ height:60px; padding:0 26px; background:url(/SeoulGarden_common/images/homepage/common/icon-down.png) calc(100% - 26px) center no-repeat;}
.sub_menu ul li > a span{display:table-cell; vertical-align:middle;}
.sub_menu .oneMenu a{font-size:16px; color:#222;}
/* .sub_menu .oneMenu:before{display:none} */
.sub_menu .twoMenu{position:relative; left:-1px}
.sub_menu .twoMenu a{font-size:15px; color:#000;}
.sub_menu .downMenu{position:absolute; left:0px; width:100%; background:#fff; padding:7px 0; border:1px solid #ccc; display:none;}
.sub_menu .downMenu a{display:block; padding:0 25px; margin:13px 0;}
.sub_menu .downMenu a:hover{text-decoration:underline;}



.sub-tit {position: relative; padding: 70px 15px 0px; color:#000; text-align:center;}
.sub-tit p{font-size:38px; margin-bottom:13px; font-weight:100;}
.sub-tit h4 {font-size: 23px; font-weight:100}
.sub-tit h4 em{font-weight:300;}

.about-area{margin:-10px 0 0;}
.about-area ul li{padding:80px 0;}
.about-area ul li figure{position:relative; overflow:hidden;}
.about-area ul li:nth-child(2n){background:#f7f6f5}
.about-area ul li figure:after{content:''; display:block; clear:both;}
.about-area .img{width:auto; position:absolute; min-width:50%; top:0; min-height:100%; max-width:50%;}
.about-area .intro_con{width:50%;}
.about-area dl dt{font-size:30px; margin-bottom:20px; line-height:1.2em;}
.about-area dl dd{line-height:1.5em; font-size:17px; font-weight:100;}
.about-area ul li.img-left .img{left:0;}
.about-area ul li.img-left .intro_con{float:right;}
.about-area ul li.img-left dl{padding:60px 0 60px 65px;}
.about-area ul li.img-right .img{right:0;}
.about-area ul li.img-right .intro_con{float:left;}
.about-area ul li.img-right dl{padding:60px 65px 60px 0}


.loc-area{margin:70px auto 45px;}
.loc-area .Ins{margin-bottom:35px; padding-right:10px;}
.loc-area ul:after{content:''; display:block; clear:both}
.loc-area ul li{float:left; width:50%;}
.loc-area ul li span{font-size:17px;}
.loc-area ul li span:after{content:''; display:block; margin:1px 0 0; height:2px; background:#565656;}
.loc-area ul li dl{margin-top:18px;}
.loc-area ul li dl dt{font-size:17px; margin-bottom:6px;}
.loc-area ul li dl dd{font-weight:100; font-size:17px; margin:2px 0;}

.loc-area ul li dl dd.bullet{position:relative; padding-left:10px;}
.loc-area ul li dl dd.bullet:before{content:'-'; position:absolute; left:0; top:0;}

.mapH{height:745px;}
.mapH iframe{height:100%; width:100%;}


.rsvn-toggle {position: absolute; bottom: 0; right: 0;}
.rsvn-toggle #bookArea {background: rgba(0,0,0,0.2);}
.rsvn-toggle #bookArea .bookIns .fb_rsvn button {background: #77c8c1;}
.rsvn-toggle #bookArea .bookIns input, .rsvn-toggle #bookArea .bookIns select, .rsvn-toggle #bookArea .bookIns button {color: #666; font-weight: 300;}
.rsvn-toggle #bookArea .bookIns .fb_rsvn button {letter-spacing: 0.1em; font-weight: 300;}

.sub_visual .rsvnBt {width: 318px; height: 70px; text-align: center; font-size: 20px; line-height: 70px; background: #c8b677; cursor: pointer;}
.sub_visual .rsvnBt #rsvnBt {width: 100%;}
.sub_visual .rsvnBt #rsvnBt:after {content: ''; display: inline-block; width: 23px; height: 12px; margin-left: 20px; background: url(/SeoulGarden_common/images/homepage/common/arrow_u_01.png) center center no-repeat;}
.sub_visual .rsvnBt.on #rsvnBt:after {background: url(/SeoulGarden_common/images/homepage/common/arrow_d_01.png) center center no-repeat;}

.subTitle {margin: 80px 0 60px; text-align: center;}
.subTitle h2 {font-size: 40px; font-weight: 700;}


.subslider{margin:25px 0 0; position:relative;}
.gallery-thumbs-container{margin:20px 0 0;}
.gallery-thumbs-list .thumb{filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); fliter:gray; opacity: 0.4;}
.gallery-thumbs-list .thumb.pager-active {filter:none; -webkit-filter:grayscale(0); opacity: 1;}
.subslider .outside{top:35%;}
.gallery-thumbs-list .thumb-item.list1 {width: 32% !important;margin-right: 0 !important;}

.sub-info{padding:50px 0;}
.sub-info ul:after{content:''; display:block; clear:both;}
.sub-info ul li{width:50%; float:left;}
.sub-info ul li.w100{width:100%;}
.sub-info ul li.w50{width:50%;}
.sub-info ul li.w30{width:30%;}
.sub-info ul li.con figure{padding:17px 0 17px 37px; border-left:1px solid #e4e4e4}
.sub-info ul li.tit h2{font-size:24px; line-height:1.4em;}
.jpn .sub-info ul li.tit h2{font-size:22px; line-height:1.4em;}
.sub-info ul li.tit p{font-weight:100; color:#373737; font-size:18px; margin-top:16px;}
.jpn .sub-info ul li.tit p{font-weight:100; color:#373737; font-size:16px; margin-top:16px;}
.sub-info ul li.tit a.rsvnBtn{width:205px; line-height:55px; text-align:center; border-radius:30px; color:#fff; font-size:18px; margin:25px 0 0; background:#ed1c24}

.sub-info ul li.con h3{margin:0 0 27px; font-size:20px;}
.sub-info ul li.con ul li{display:table; margin-bottom:20px;}
.sub-info ul li.con em{width:106px; display:table-cell; font-size:16px; color:#000; vertical-align:top;}
.sub-info ul li.con span{padding-left:15px; font-weight:100; font-size:15px; color:#373737;}
.sub-info ul li.con span b{font-weight:300;}
.sub-info ul li.con ul li.tel span{font-size:15px;}

.sub-info ul li.con ul.room span{padding-top:8px; font-size:15px; color:#595959;}
.sub-info ul li.con em i{display:block; border:1px solid #e4e4e4; text-align:center; border-radius:6px; line-height:36px; }

.amenity-area{border:1px solid #e4e4e4; padding:0 40px; margin:30px 0 80px;}
.amenity-area .tit{width:180px; display:table-cell; font-size:20px; vertical-align:top;}
.amenity-area .tit:before{content:''; float:left; margin-right:16px; width:27px; height:27px; border-radius:50%; position:relative; top:2px;}
.amenity-area .tit.amenity:before{background:url(/SeoulGarden_common/images/homepage/common/icon-amen-tit.png) #ed1c24 center center no-repeat;}
.amenity-area .tit.useinfo:before{background:url(/SeoulGarden_common/images/homepage/common/icon-useinfo-tit.png) #ed1c24 center center no-repeat;}
.amenity-area .list{display:table; width:120%; padding:40px 0;}
/* .amenity-area .list:first-child{border-bottom:1px solid #e4e4e4;} */
.amenity-area ul{display:table-cell;}
.amenity-area ul:after{content:''; display:block; clear:both;}
.amenity-area ul li{width:50%; float:left;}
.amenity-area ul li:after{content:''; display:block; clear:both;}
.amenity-area ul li dl{width:50%; float:left;word-break: break-all;}
.amenity-area ul li dl.w100{width:100%;}
.amenity-area ul li dl dt{font-size:16px; margin-bottom:6px;min-height: 23px;}
.amenity-area ul li dl dd{font-size:16px; font-weight:100; margin:8px 0;}
.amenity-area .text-list p{font-weight:100; color:#8a8a8a; line-height:1.9em; font-size:15px;}

.otherWrap{padding:48px 0 70px; background:#f6f6f6;}
.otherWrap .otherTitle {text-align: center; position: relative; margin-bottom: 45px;}
.otherWrap .otherTitle h3 {font-size: 35px; font-weight: 300;}
.otherWrap .otherTitle .outside {top:5px}
.otherWrap .slider li{background:#fff;}
.otherWrap .slider li .img {width: 100%; max-height: 254px;}
.otherWrap .slider li .img img {width: 100%; max-width: 100%;}
.otherWrap .slider li .con {text-align:center; padding-bottom:32px;}
.otherWrap .slider li .con h4 {font-size: 23px; display:table; width:100%; height:100px;}
.otherWrap .slider li .con h4 span{display:table-cell; vertical-align:middle;}
.otherWrap .slider li .con p {color: #838383; font-weight: 100;}
.otherWrap a.btn_view{display:inline-block; min-width:126px; padding:0 23px; font-size:14px; color:#ed1c24; line-height:37px; border:1px solid #ed1c24; border-radius:23px; text-align:center;}
.otherWrap a.btn_view:hover{background:#ed1c24; color:#fff;}

.otherWrap .outside .prev {left: 0px;}
.otherWrap .outside .prev a {width: 40px; height: 40px; background: url(/SeoulGarden_common/images/homepage/common/other_room_prev.png?v=2) center center no-repeat; text-indent:-9998px; border:1px solid #afb0af; border-radius:50%;}
.otherWrap .outside .prev a:hover{background: url(/SeoulGarden_common/images/homepage/common/other_room_prev_over.png) #afb0af center center no-repeat; border:1px solid #fff}
.otherWrap .outside .next {right: 0px;}
.otherWrap .outside .next a {width: 40px; height: 40px; background: url(/SeoulGarden_common/images/homepage/common/other_room_next.png?v=2) center center no-repeat; text-indent:-9998px; border:1px solid #afb0af; border-radius:50%;}
.otherWrap .outside .next a:hover{background: url(/SeoulGarden_common/images/homepage/common/other_room_next_over.png) #afb0af center center no-repeat; border:1px solid #fff}

.otherWrap .slider.fac02 li .img img {max-height: 254px;object-fit: cover;}

.map {height: 555px; margin-top: 70px;}




/* footer */
.footer {color: #2e2e2e;position: relative;}
.footer_ins {text-align: center;width: 100%;padding: 80px 0 30px; color:#a6a6a6; font-weight: 100; font-size: 13px; line-height:1.4em; background:#fff;}
.footer_menu ul li {display: inline-block; margin-right: 15px;color: #2e2e2e;}
.footer_menu ul li:last-child {margin-right: 0;}
.footer_menu ul li:hover {font-weight: 500;}
.footer_info {padding: 30px 0; overflow: hidden;}
.company_info{margin-top:15px;color: #2e2e2e;}
.company_info ul li {margin:5px 0;}
.company_info ul li span{margin:0 3px;}
.sns {text-align: center;margin-bottom:20px;}
.sns ul {display: inline-block;}
.sns ul:after{content:''; clear:both; display:block}
.sns ul li { margin-left: 20px; float:left;}
.sns ul li:first-child{margin-left:0;}
.sns ul li a{width:33px; height:33px; line-height:33px;text-align:center;}
.sns ul li a img{vertical-align:middle;}
.footer_ins .copyright{margin-top:10px;}
.footer_menu ul li a::after {
	content: '';
    width: 1px;
    height: 10px;
    border-right: 1px solid #2e2e2e;
    display: inline-block;
    margin-left: 20px;
}
.footer_menu ul li:last-child a::after {display: none;}
.logo_line {position: relative; width: 100%; height: 65px; margin-bottom: 30px;}
.logo_line .foot_line {position: absolute; width: 100%; height: 1px; top:50%; background: #afafb0; z-index: 3;left: 0;}
.footer_logo {position: relative; width: 162px; height: 65px; margin: 0 auto; background: url(/SeoulGarden_common/images/homepage/common/ft_logo_gray.svg) no-repeat; z-index: 9;}

/* 반응형 템플릿 혼합 커스텀 */
.index_con {position: relative;padding: 60px 0 75px;}
.slide2 {background: #f7f7f7;}
.mainTitle {margin-bottom: 40px;}
.mainTitle.type2 {text-align: center;}
.mainTitle h3 {font-size: 40px; display: inline-block; margin-right: 15px; font-weight: 700;color: #000;}
.mainTitle > span {font-size: 23px; font-weight: 100;color: #000;}

.mainMenu {width: 100%; display: table;}
.mainMenu .bx-wrapper {max-width: 100%!important;}
.mainMenu .bx-viewport {height: inherit!important;}
.mainMenu .slider {}
.mainMenu .slider > li {text-align: center; background: #fff; margin-bottom: 20px;}
.mainMenu .slider > li:hover {box-shadow: 0 8px 20px rgba(0,0,0,0.1);}
.mainMenu .slider > li:last-child {margin-right: 0;}
.mainMenu .slider > li .img {height: 280px; background-size: cover!important;}
.mainMenu .slider > li .img img {height: 280px; background-size: cover!important;}
.mainMenu .slider > li .img.menu01 {background: url(/SeoulGarden_common/images/homepage/index/menu_01.jpg?v=1) center center no-repeat;}
.mainMenu .slider > li .img.menu02 {background: url(/SeoulGarden_common/images/homepage/index/menu_02.jpg?v=1) center center no-repeat;}
.mainMenu .slider > li .img.menu03 {background: url(/SeoulGarden_common/images/homepage/index/menu_03.jpg) center center no-repeat;}
.mainMenu .slider > li .img.noData {background: url(/SeoulGarden_common/images/homepage/board/noData_img.png) center bottom 35px no-repeat; background-size: 148px!important;}
.mainMenu .slider > li.noData {height: 505px;}

.mainMenu .slider > li .con {padding: 30px 20px; font-size: 16px;min-height: 242px;position: relative;}
.mainMenu .slider > li .con h4 {letter-spacing: 1.5px; font-weight: 500; margin-bottom: 10px;color: #000;font-size: 19px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mainMenu .slider > li .con p {color: #838383; font-weight: 100; line-height: 1.3;margin-bottom: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mainMenu .slider > li .con p em {color: #443838;}
.mainMenu .slider > li .con a {color: #ed1c24; font-size: 14px; font-weight: 500; margin-top: 25px; background: url(/SeoulGarden_common/images/homepage/common/more02.png) top center no-repeat; padding-top: 20px;
position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);}
.mainMenu .bx-wrapper {max-width: 100% !important;}
.mainMenu .bx-viewport {height: inherit !important;}
.mainMenu .slider > li {text-align: center;background: #fff;margin-bottom: 20px;}
.mainMenu .slider > li .con .price {display: block;color: #838383;position: absolute;bottom: 92px;left: 50%;transform: translateX(-50%);}
.mainMenu .slider > li .con .price em {font-size: 13px;margin-right: 10px;}

.mainMenu .slider > li.noData .con {min-height: 200px;}
.mainMenu .slider > li.noData .img, .mainMenu .slider > li.noData .img img {height: 300px;}
.mainMenu .slider > li.noData .con {padding: 20px 20px;}

.bx-wrapper .bx-pager.bx-default-pager {text-align: center; margin-top: 25px;}
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item {display: inline; padding: 0 7px;}
.bx-wrapper .bx-pager.bx-default-pager a {display: inline-block; text-indent: -9999px; width: 20px; height: 20px; border-radius: 10px; background: #fff;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {background: #ed1c24;}

.location_tab {color: #000;text-align: center;}

.tabMenu {border-top:1px solid #eaeaea;width:100%; text-align:center;}
.tabMenu:after{content:''; clear:both; display:block}
.tabMenu.b50 li{float:left; width:50%;}
.tabMenu.b33 li{float:left; width:33.33%;}
.tabMenu.b25 li{float:left; width:25%;}
.tabMenu li a{white-space:nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden; padding: 0 6px; font-weight:300; color:#666; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; font-size:14px; line-height:48px; display:block; background:#fff}
.tabMenu li:first-child a{border-left:1px solid #eaeaea}
.tabMenu li.active a{background:#ed1c24 ; color:#fff;}

.tabContainer {border: 1px solid #e8e8e8;border-top: 0;}
.tabContainer .mapCon {height: 740px;}
.tabContainer .mapCon iframe{height:100%; width:100%;}

.fp-watermark {display: none;}

.w1200 {width: 1200px !important;margin: 0 auto;}

.fp-table {padding-top: 100px;}

#gallery {position: relative;}
.gallery-img-btn {display: none;}
@media screen and (max-width: 768px) {
	.gallery-img-btn {display: block;position: absolute;right: 5px;bottom: 5px;width: 40px;height: 40px;text-indent: -9998px;background: #fff url(/SeoulGarden_common/images/homepage/common/img-btn.svg) no-repeat;background-size: 28px;box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;background-position: center;}
	.tabMenu.b33 li {width: 100%;}
}

.outside.package_outside {top: 100px;}
.outside.package_outside span a.bx-next {background: url(/SeoulGarden_common/images/homepage/common/right_btn.png) center center no-repeat; right: -100px;}
.outside.package_outside span a.bx-prev {background: url(/SeoulGarden_common/images/homepage/common/left_btn.png) center center no-repeat; left: -100px; }
.outside.package_outside span a {width: 46px; height: 84px; position: absolute; top: 200px;}
.outside.eng_outside span a {top: 50%;}
.outside span a {text-indent: -9999px;}

.mainSlide .slider {
    display: none;
}