/* defult */
#container {width: 100%; font-weight: 300;}
.board-container {width: 100%; font-weight: 300; padding-bottom: 70px;}
.wrap1200 {width:1200px; margin: 0 auto; position: relative;}
.m_block {display: none;}
.blockTxt {display: inline-block;}

/* bxslider */
.bx-wrapper .bx-controls .bx-controls-direction {display: none;}

.main_visual .bx-wrapper .bx-pager.bx-default-pager a {display: inline-block; text-indent: -9999px; width: 18px; height: 18px; background: url(/Template07_common/images/homepage/common/paging.PNG) no-repeat;}

.main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover,
.main_visual .bx-wrapper .bx-pager.bx-default-pager a.active,
.main_visual .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: url(/Template07_common/images/homepage/common/paging_over.PNG) no-repeat;
}

.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item {display: inline; padding: 0 5px;}
.bx-wrapper .bx-pager.bx-default-pager a {display: inline-block; text-indent: -9999px; width: 18px; height: 18px; background: url(/Template07_common/images/homepage/common/paging_white.png) no-repeat;}

.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: url(/Template07_common/images/homepage/common/paging_over_white.png) no-repeat;
}

/* booking */
#quickArea {position: relative; width: 1200px; margin: 0 auto; left: 0; right: 0; bottom: 50px;}
#bookArea {width: 1200px; background: #fff; position: absolute; left: 0; top: 0;
-webkit-box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.07);
-moz-box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.07);
box-shadow: 10px 10px 10px 0px rgba(0,0,0,0.07);}
#bookArea .bookIns ul li.search, #bookArea .bookIns ul li.search .fb_rsvn {padding: 0;}
#bookArea .bookIns .fb_rsvn button {background: #af8d5d !important;}

/* nav */
#header {width:100%;height: 160px; position: relative; z-index:99; top:0; left:0; text-align: center;}
.logo {position: relative; z-index: 50; margin-top: 50px; background: url(/Template07_common/images/homepage/common/logo.png) no-repeat center center; text-indent: -9999px; height: 23px; width: 100%;}
.logo.on {background: url(/Template07_common/images/homepage/common/logo2.png) no-repeat center center;}
.m_line {text-align: center;}
.m_line .rMenu {position: absolute; top:40px; right: 60px; z-index: 50;}
.m_line .rMenu div {float: left; width: 94px;  border-radius:100px; font-size: 15px;}
.m_line .rMenu .rsvn {height: 35px;background: #614e34; color: #fff; border: none; line-height: 34px; margin-right: 20px;}
.m_line .rMenu .lang_wrap {border: 1px solid #fff; color: #fff;}
.m_line .rMenu .lang_wrap a {line-height: 33px;}
.m_line .rMenu .lang_wrap.on {border: 1px solid #b9b9b9; color: #4b4b4b;}
.m_line .rMenu .lang_wrap .language a:after {content: url(/Template07_common/images/homepage/common/lan-arrow.png); display: inline-block; margin-left: 25px;}
.m_line .rMenu .lang_wrap.on .language a:after {content: url(/Template07_common/images/homepage/common/lan-arrow-on.png);}
.m_line .rMenu .lang_wrap.over {background: #614e34; border-radius: 20px; border: none; color: #fff;}
.m_line .rMenu .lang_wrap.over .language a:after {content: url(/Template07_common/images/homepage/common/lan-arrow-over.png);}
.m_line .rMenu .lang_list, .m_line .side_menu {display: none;}
.m_line .rMenu .lang_list a {padding-right: 35px;}
.m_line .side_menu {position: relative; height: 55px; text-indent: -9999px; z-index: 60;}
.m_line .side_menu span {position: absolute; top: -55px; right: 0; width: 65px; height: 65px;}
.m_line .side_menu span.open_menu {z-index: 2; background: transparent url(/Template07_common/images/homepage/common/nav-open.png) center center no-repeat;}
.m_line .side_menu span.close_menu {z-index: 1; right: 40px; top: -10px; background: #af8d5d url(/Template07_common/images/homepage/common/nav-close.png) center center no-repeat; border-radius: 50%;}
.nav {width: 1200px; margin: 0 auto; text-align: center; position: relative; z-index:9;}
.nav.over {height: 144px;}

.nav .nav_m .menu .under {bottom: 0; content:''; width: 0; height: 3px; background: #af8d5d; margin: 0 auto; display: block; margin-top: -5px;}
.nav .nav_m .menu.on {color: #2a2a2a; height:70px; line-height: 70px;}
.nav .nav_m .menu {vertical-align: middle; display: inline-block; min-width: 100px; height:70px; line-height: 70px; font-size: 16px; font-weight: 300; color: #fff; padding: 0 25px; letter-spacing: 0.5px;}
.nav .nav_m .menu .nav2 {position:absolute; top:70px; height: 60px; left:0; right:0; z-index: 99; overflow: hidden; display: none; border-top: 1px solid rgba(255,255,255,.15);}
.nav .nav_m .menu .nav2 .nav2-inner {width: 1000px; margin: 0 auto;}
.nav .nav_m .menu .nav2 .nav2-inner ul {line-height: 53px; text-align: left;}
.nav .nav_m .menu .nav2 .nav2-inner ul li {display: inline; color: #7e7e7e; margin-right: 30px; font-size: 14px; letter-spacing: 0.5px;}
.nav .nav_m .menu .nav2 .nav2-inner ul li:last-child {margin-right: 0;}

.nav .nav_m .menu-1 ul{padding-left:10%;}
.nav .nav_m .menu-2 ul{padding-left:25%;}
.nav .nav_m .menu-3 ul{padding-left:42%;}
.nav .nav_m .menu-4 ul{padding-left:47%;}
.nav .nav_m .menu-6 ul{padding-left:60%;}

.nav .nav_m .menu .nav2 .nav2-inner ul li:hover {color: #af8d5d;}

.nav .language_list {display: none;}

#header .line {width: 100%; height: 1px; position: absolute; top: 145px; left:0; background: #ddd; display: none; z-index: 10;}
.nav_bg {width: 100%; height: 205px; position: absolute; top: -205px; left:0; background: #fff; display: block; z-index: 1;}


/* Index */
.main_visual {position: relative; top:-200px; left:0; width: 100%; height: 860px !important ; color: #fff; margin-bottom: -200px; }
.main_visual_title {position: absolute; top: 32%; width: 100%; text-align: center; z-index: 51;}
.main_visual_title p {font-size: 25px; color: #fff; font-weight: 300;}
p.title, dt.title {font-family: 'Playfair Display', '바탕'; letter-spacing: 3px; font-size: 80px; color: #fff; line-height: 1.4em; font-weight: 600; font-style: italic;}
dt.title {color: #695b48;}

.main_visual .bxslider li.main_slide01 {background: url(/Template07_common/images/homepage/index/main02.jpg) no-repeat center center;}
.main_visual .bxslider li.main_slide02 {background: url(/Template07_common/images/homepage/index/main02.jpg) no-repeat center center;}
.main_visual .bxslider li.main_slide03 {background: url(/Template07_common/images/homepage/index/main02.jpg) no-repeat center center;}
.main_visual .bxslider li {height:860px; background-size: cover !important; -webkit-background-size: cover !important; -o-background-size: cover !important; -moz-background-size: cover !important;}
.main_visual .bx-controls.bx-has-pager {position: absolute; top: 55%; left: 50%; margin-left: -40px; z-index: 51;}

.main_section > div {text-align: center; margin: 0 auto;}
.main_section {width: 100%; overflow: hidden;}
.main_section.section_acco {background: #fff; padding-top: 180px;}
.main_section .main_acco {overflow: hidden; padding-bottom:90px; position: relative;}

.main_section .main_acco .bx-pager {position: absolute; right: 21%; bottom: 25%;}
.main_section .main_acco .bx-wrapper .bx-pager.bx-default-pager a {background-size: 75%;}
.main_section .main_acco .bx-wrapper .bx-pager.bx-default-pager a:hover,
.main_section .main_acco .bx-wrapper .bx-pager.bx-default-pager a.active,
.main_section .main_acco .bx-wrapper .bx-pager.bx-default-pager a:focus {background-size: 75%;}
.main_section .main_fac .bx-pager {position: absolute; right:72%;}

.main_section .con_room > div {float: left; width: 49%;}
.main_section .con_room.con_fac > div {float: right;}
.main_section .con_room .con_img {position: relative; z-index:9; margin-bottom: 10px;}
.main_section .con_room .con_img img {width:100%; height:100%;}
.main_section .con_room .con_img:before {content:""; background:#e9e2d9; width:100%; height: 100%; position: absolute; right:-10px; bottom:-10px; z-index:-1; }
.main_section .con_room.con_fac .con_img:before {left:-10px; }
.main_section .con_room .con_info {margin-left: 2%;}
.main_section .con_room.con_fac .con_info {margin-left: 0; margin-right: 2%;}
.main_section .con_room .con_info {text-align: center; color:#292929; padding-top:50px;}
.main_section .con_room .con_info p.info_acc {font-size: 14px; font-weight: 400; letter-spacing: 3px;}
.main_section .con_room .con_info p.info_acc:after {content:""; display: block; margin: 15px auto 5px;background: #aba296; width:1px; height:40px;}
.main_section .con_room .con_info .info_desc dt.title {font-size: 43px; margin: 0;}
.main_section .con_room .con_info .info_desc dd {color:#595959; font-size: 18px; margin-bottom:40px;}
.main_section .con_room .con_info .info_desc dd span {font-size: 25px; color:#2f2f2f; margin-bottom:10px;}
.main_section .con_room .con_info .info_desc .view {padding: 10px 25px; background: #695b48; font-size: 13px; color: #fff;}

.main_section .main_banner {background: url(/Template07_common/images/homepage/index/mainDown02.jpg) no-repeat center center; background-size:cover !important; height: 830px; color: #fff; position:relative; }
.main_section .banner_info {padding: 190px 0 80px;}
.main_section .banner_info p.title {font-size: 50px; font-weight: 500;}
.main_section .banner_info p {font-size: 30px;}
.main_section .banner_btn ul a {display: inline-block; width: 20%; height: 240px; margin-right: 3%;}
.main_section .banner_btn ul a:last-child {margin-right: 0;}
.main_section .banner_btn ul li {width: 100%; height: 100%; padding-top:80px; border: 5px solid #fff; display: inline-block; font-size: 22px;}
.main_section .banner_btn ul li span {display: block; margin:0 auto; margin-top:15px; width: 74px; height: 10px;background:url(/Template07_common/images/homepage/common/view_white.png) no-repeat center center; background-size: 100%;}
.main_section .banner_btn ul li:hover {border: 5px solid #ead8a9;}
.main_section .banner_btn ul li:hover em {color: #ead8a9;}
.main_section .banner_btn ul li:hover span {background:url(/Template07_common/images/homepage/common/view_hover.png) no-repeat center center; background-size: 100%;}

/* Main Content */
.sub-container {margin: 0 auto; background: #fff; color: #695b48; font-weight: 300; width: 100%;}

.sub_visual {position: relative; top:-200px; left:0; width: 100%; height: 760px !important ; color: #fff; margin-bottom: -200px; background-size: cover !important; -webkit-background-size: cover !important; -o-background-size: cover !important; -moz-background-size: cover !important; }
.sub_visual.acco {background: url(/Template07_common/images/homepage/visual/sub_visual01.jpg) center center no-repeat;}
.sub_visual.din {background: url(/Template07_common/images/homepage/dining/din_visual01.jpg) 58% no-repeat;}
.sub_visual.loc {background: url(/Template07_common/images/homepage/company/loc_visual01.jpg) center center no-repeat;}
.sub_visual.about {background: url(/Template07_common/images/homepage/company/about_visual01.jpg) top 40px center no-repeat;}
.sub_visual.news {background: url(/Template07_common/images/homepage/company/loc_visual01.jpg) center center no-repeat;}

.sub_visual .main_visual_title {top: 45%;}
.subTitle {text-align: center; margin-top: 80px;}
.subTitle h2 {font-size: 30px; font-weight: 700; text-transform: uppercase;}
.subTitle h2:after {content:""; display: block; margin: 30px auto; background: #aba296; width:1px; height:80px;}

.subslider {position: relative;}
.outside {width: 100%; height: 80px; position: absolute; top: 33%; margin: 0 auto; display: block; float: none; z-index:51;}
.outside .prev {position: absolute; left: -40px;}
.outside .prev a {width: 80px; height: 80px; background: url(/Template07_common/images/homepage/common/paging_prev.png) no-repeat; text-indent:-9998px;}
.outside .next {position: absolute; right: -40px;}
.outside .next a {width: 80px; height: 80px; background: url(/Template07_common/images/homepage/common/paging_next.png) no-repeat; text-indent:-9998px;}

.subTitle.loc_title h2:after {display: none;}
.subTitle.loc_title p {font-size: 22px; color: #222; font-weight: 200;}
.loc-area{margin:80px auto 100px;}
.loc-area ul:after{content:''; display:block; clear:both;}
.loc-area ul li{float:left; width:33%; margin-right: 0; font-size: 17px;}
.loc-area ul li .Ins {padding: 0 30px;}
.loc-area ul li span {position: relative; font-weight: 300;}
.loc-area ul li span:after{content:''; display:block; width: 1px; height:50px; background:#aba296; position: absolute; left: -30px; top: 0;}
.loc-area ul li dl{margin-top:18px; }
.loc-area ul li dl dd{font-weight:200; margin:2px 0; color: #595959;}
.loc-area ul li dl dd b {font-weight: 300; color: #695b48;}

.mapH{height: 635px;}
.mapH iframe{height:100%; width:100%;}

.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;}

.sub-info {padding: 50px 0;}
.sub-info.sub-din {padding: 50px 0 130px;}
.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.con figure {padding-left: 37px;}
.sub-info ul li.tit h2 {font-size: 27px; line-height: 1.2em; font-weight: 400;}
.sub-info ul li.tit p {font-weight: 200; color: #222222; font-size: 18px; margin-top: 20px;}
.sub-info ul li.tit a.rsvnBtn {width: 210px; line-height: 50px; text-align: center; color: #fff; font-size: 18px; margin: 30px 0 0; background: #372813;}

.sub-info ul li.con h3{margin:0 0 20px; font-size:20px; font-weight: 400; color: #222;}
.sub-info ul li.con ul li{display:table;}
.sub-info ul li.con em{width:106px; display:table-cell; font-size:16px; vertical-align:top;}
.sub-info ul li.con span{padding-left: 15px; font-weight: 200; font-size: 15px;}
.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 {border-top: 1px solid #ddd; padding: 15px 0 20px;}
.sub-info ul li.con ul.room span {padding-top: 6px; font-size: 16px; color: #595959;}
.sub-info ul li.con ul.room.dining {border-bottom: 1px solid #ddd;}
.sub-info ul li.con ul.room.dining li {float: none; width: 100%;}
.sub-info ul li.con em i {display: block; text-align: left; line-height:36px; font-weight: 400;}

.amenity-area {border: 4px solid #ddd; padding:10px 40px; margin:30px 0 110px;}
.amenity-area .tit {display: block; font-size: 20px; font-weight: 300; margin-bottom: 15px;}
.amenity-area .list {width:100%; padding:40px 0;}
.amenity-area .list:first-child {border-bottom: 1px solid #ddd;}

.amenity-area .list ul li {color: #86827b; position: relative; padding: 0 0 10px 10px;}
.amenity-area .list ul li:before {content: ""; width: 3px; height: 3px; background: #9c8564; border-radius: 50%; position: absolute; top: 9px; left: 0;}

.amenity-area .list ul li span {color: #9c8564; font-weight: 400; padding-right: 5px;}
.amenity-area .list.use-list ul li:before {background: #86827b;}

.otherRoom {position: relative;}
.otherRoom .otherRoom_slide img {height: 364px; left: 0; max-width: inherit; position: absolute; filter: brightness(0.5); -webkit-filter: brightness(0.5); -moz-filter: brightness(0.5); -o-filter: brightness(0.5); -ms-filter: brightness(0.5);}
.otherRoom .otherRoom_slide ul li {background: #ccc; height: 364px; overflow: hidden;}
.otherRoom .otherRoom_slide .bx-viewport {height: 364px !important;}
.otherRoom .outside {height: 45px; top: 40%;}
.otherRoom .outside .prev {left: 20%;}
.otherRoom .outside .prev a {width: 45px; height: 45px; background: url(/Template07_common/images/homepage/common/circle_prev.png) center center no-repeat; text-indent:-9998px;}
.otherRoom .outside .next {right: 20%;}
.otherRoom .outside .next a {width: 45px; height: 45px; background: url(/Template07_common/images/homepage/common/circle_next.png) center center no-repeat; text-indent:-9998px;}
.otherRoom ul li span {width: 50%; position: absolute; left: 25%; top: 26%; font-size: 20px; text-align: center; font-weight: 200; color: #fff;}
.otherRoom ul li span em {display: block; padding: 30px 0; font-size: 17px;}
.otherRoom ul li span a {border: 1px solid #fff; padding: 5px 15px; font-size: 13px;}

.sub-info.about_img {padding: 0 0 140px;}
.about_wrap span.img {background: url(/Template07_common/images/homepage/company/introduce01.jpg) center center no-repeat; width: 100%; height: 417px; background-size: cover !important; -webkit-background-size: cover !important; -o-background-size: cover !important; -moz-background-size: cover !important;}
.about_wrap .about_con ul li {float: left;}
.about_wrap .about_con ul li.about_txt01 {width: 30%; margin-right: 3%;}
.about_wrap .about_con ul li.about_txt02 {width: 67%; color: #222; font-weight: 200;}
.about_wrap .about_con ul li h3 {font-size: 27px; font-weight: 400; position: relative;}
.about_wrap .about_con ul li h3:after {content: ''; display: inline-block; width: 83px; height: 2px; background: #aba296; position: absolute; left: 0; bottom: -30px; }
.about_wrap .about_img ul li {float: left; width: 48%; margin-right: 4%; height: 346px;}
.about_wrap .about_img ul li.over1 {background: url(/Template07_common/images/homepage/company/introduce02.jpg) no-repeat; background-size: cover !important; -webkit-background-size: cover !important; -o-background-size: cover !important; -moz-background-size: cover !important;}
.about_wrap .about_img ul li.over2 {background: url(/Template07_common/images/homepage/company/introduce03.jpg) no-repeat; margin-right: 0; background-size: cover !important; -webkit-background-size: cover !important; -o-background-size: cover !important; -moz-background-size: cover !important;}

/* --------
Sub Menu
---------  */
#gnbArea{position: absolute; width: 100%; top: 60%; z-index: 98;}
#gnbArea .gnbIns{width: 100%; max-width: 1200px; margin: 0 auto;}
#gnbArea .gnbIns ul{margin: 0 auto; text-align: center; width: 45%;}
#gnbArea .gnbIns ul li{color: #fff; font-size: 17px; position: relative; margin-right: 5%; display: inline-block;}
#gnbArea .gnbIns ul li a{width: 100%; display: block; color: #fff; text-align: center;}
#gnbArea .gnbIns ul li::after{width: 10px; height: 15px; content:""; background: url(/Template07_common/images/homepage/common/sub-icon.png) center center no-repeat; position: absolute; right: -20px; top: 6px;}
#gnbArea .gnbIns ul li:last-child {margin-right: 0;}
#gnbArea .gnbIns ul li:last-child::after{display: none;}
#gnbArea .gnbIns ul li img{vertical-align: middle;}
#gnbArea .gnbIns ul li.menu .downMenu{display: none;}

/* footer */
#footer {position: relative; width: 100%; background: #403526; text-align: center; font-size: 14px;}
#footer .footer_info {border-bottom: 1px solid #524637; padding: 30px 0; color: #a6a6a6; font-size: 14px; font-weight: 200; overflow: hidden;}
#footer .footer_info ul li {display: inline-block; margin-right: 15px; color: #fff;  font-weight: 200;}
#footer .footer_info ul li:last-child {margin-right: 0;}
#footer .footer_info .footer_menu {padding-top: 23px;}
#footer .footer_info .footer_menu li {font-weight: 300;}
#footer .footer_info .sns ul li a {width: 38px; height: 38px; border: 1px solid #fff; border-radius: 50%; line-height: 33px;}
#footer .company_info {padding: 20px 0 30px; color: #999;}
#footer .company_info ul li {display: inline-block; margin-right: 15px; margin-bottom: 10px; }