@charset "UTF-8";
@import url(font.css);

html,
body {
  color: #000;
  line-height: 1;
  font-size: 16px;
  font-family: "NanumBarunGothic", sans-serif;
  font-weight: 400;
  background-color: #fff;
  position: relative;
  min-width: 1400px;
}

button {
  border: 0;
  cursor: pointer;
  padding: 0;
  box-sizing: border-box;
  font-family: inherit;
}
.hide {
  display: none !important;
}
.hidden{
    overflow: hidden !important;
}
.FuturaPT{
    font-family: 'FuturaPT';
}
#wrap{
    overflow: hidden;
}


section 									{width:100%;height:100%;min-width:1400px;}
section,.section							{position:relative;width:100%;height:100%;overflow:hidden;}
section #banner 							{height:calc(100vh - 20px);min-height:650px;}
section #banner:before			 		{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:#000;opacity:0.5;display:block;}
section #banner h2 						{position:absolute;top:50%;left:50%;width:640px;height:100px;color:#fff;}
section #banner h2 						{margin:0px 0 0 -320px;text-align:center;z-index:100;}
section #banner h2 strong 					{display:block;font-size:55px;letter-spacing:1px;}
section #banner h2 span 					{display:block;font-size:22px;letter-spacing:1px;margin-top:10px;}

#reserve section #banner h2{top: 25%;}
#reserve section #banner h2 strong 					{font-size:35px; font-weight: bold;}
#reserve section #banner h2 span 					{font-size:16px; font-weight: bold;}

/* MyFrame */
.MyFrame 								{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;overflow:hidden;}
.MyFrame:before  							{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:#000;opacity:0;z-index:1;}
.MyFrame #MyVideo		 					{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.MyFrame #MyVideo		 					{min-width:100%;min-height:100%;width:auto;height:auto;object-fit:cover;}


/* Slide */
.slide 									{position:relative;width:100%;height:100%;overflow:hidden;min-width:1000px;min-height:562px;}
.slide_show 								{position:relative;width:100%;height:100%;overflow:hidden;min-height:562px;}
.slide_show > li 							{position:absolute;top:0;left:0;width:100%;height:100%;min-height:562px;overflow:hidden;}
.slide_show > li.active 					{z-index:10!important;}

.slide #nav > div 						{position:absolute;bottom:0;width:188px;height:106px;z-index:350;}
.slide #nav > div a 						{position:absolute;transition: 0.3s ease;}
.slide #nav > div a 						{top:41px;width:41px;height:40px;}
.slide #nav > ul 							{position:absolute;bottom:35px;overflow:hidden;z-index:350;}
.slide #nav > ul li 						{float:left;width:21px;}
.slide #nav > ul li a 					{width:17px;height:17px;display:block;margin:0 auto;background:url(../images/off.png) no-repeat 0 0;}
.slide #nav > ul li a.active 				{background:url(../images/on.png) no-repeat 0 0;}


/* Slide_01 */
.slide_01 #nav > div 						{left:0;background:url(../images/nav_bg_01.png) no-repeat left top;}
.slide_01 #nav > div > a.prev				{left:32px;}
.slide_01 #nav > div > a.next				{right:50px;}
.slide_01 #nav > div > a:hover				{opacity:0.7;}
.slide_01 #nav > ul						{left:200px;}

.slide_02 #nav > div						{right:0;background:url(../images/nav_bg_02.png) no-repeat left top;}
.slide_02 #nav > div > a.prev				{left:47px;}
.slide_02 #nav > div > a.next				{right:14px;}
.slide_02 #nav > div > a:hover				{opacity:0.7;}
.slide_02 #nav > ul						{right:200px;}


/* Table */
.table .content .InnerBox 					{width:99%;padding:3% 0 5%;margin:0 auto;}
.table .content .snb 						{width:400px;margin:0 auto;padding:35px 0;margin-bottom:3%;overflow:hidden;}
.table .content .snb li 					{float:left;width:50%;background:url(../images/pv_b.gif) no-repeat right center;}
.table .content .snb li:last-child 		{background:none;}
.table .content .snb li a 					{display:block;padding:15px 0;text-align:center;font-size:17px;}
.table .content .snb li.active a 			{font-weight:bold;}
.table .content .thumb 					{position:relative;max-width:1400px;min-width:800px;margin:0 auto;}
.table .content .thumb h3 					{width:98%;margin:0 auto;font-size:35px;}
.table .content .thumb h3 strong 			{display:block;}
.table .content .thumb h3 span 			{display:block;font-size:15px;padding:15px 0;}
.table .content .thumb iframe 				{display:block;margin-top:10px;padding-top:10px;border-top:1px solid #000;}

/* reserve-bar */
#reserveBar { position: absolute; z-index: 2; right: 0; bottom: 12%; width: 70%; height: 135px; background: rgba(174, 181, 189, .8); box-sizing: border-box; }
#reserveBar form { width: 100%; height: 100%; margin: 0 auto; box-sizing: border-box; }
#reserveBar form .wrap { width: 100%; height: 100%; display: flex; box-sizing: border-box; }
#reserveBar form .wrap .box { flex: 1; position: relative; text-align: center; box-sizing: border-box; }
#reserveBar form .wrap .box:not(:last-of-type) { padding: 33px 0; }
#reserveBar form .wrap .box::after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 50%; background: #bbb; }

#reserveBar form .wrap .box .datepicker-wrap { position: relative; display: inline-block; width: 60%; min-width: 180px; }
#reserveBar form .wrap .box input.datepicker {  background: rgba(174, 181, 189, 0);  cursor: pointer; text-align: center; width: 100%; border: none; outline: none; font-size: 18px; }
#reserveBar form .wrap .box .datepicker::placeholder { font-size: 15px; }
#reserveBar form .wrap .box .datepicker-wrap::after { content: "\e942"; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-family: xeicon; }
#reserveBar form .wrap .box select {background: rgba(174, 181, 189, 0); cursor: pointer; text-align: center; width: 70%; font-size: 18px; border: none; }
#reserveBar form .wrap .box select:focus { outline: none; }
#reserveBar form .wrap .box select option { font-size: 15px; }

#reserveBar form .wrap .box input[type=submit] { width: 100%; height: 100%; background: #2a4139; outline: none; color: #c7ae87; font-size: 20px; cursor: pointer; border: none; }
#reserveBar form .wrap .box p { color: #8a8a8a; margin-bottom: 20px; }
#reserveBar form .wrap .box:nth-of-type(4)::after { display: none; }
#reserveBar form .wrap .box:nth-of-type(5)::after { display: none; }


/* header */
header{
    position: fixed;
    left:0;
    right:0;
    top:0;
    z-index: 200;
    background-color: rgba(255,255,255,0.7);
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding:0 0 0 32px;
    height: 79px;
    min-width: 1400px;
}
header h1 a,
header h1 img{
    display: block;
}
.header-right{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.header-right nav>ul{
    display: flex;
    align-items: center;
}
.header-right nav>ul>li{
    position: relative;
}
.header-right nav>ul>li+li{
    margin-left: 42px;
}
.header-right nav>ul>li>a{
    display: block;
    font-family: 'FuturaPT',sans-serif;
    font-weight: 500;
    font-size: 17px;
}
.header-right nav>ul>li>.depth{
    position: absolute;
    background-color: #fff;
    left:50%;
    top:100%;
    transform: translate(-50%,0);
    padding:20px;
    box-sizing: border-box;
    width: 160px;
    display: none;
}
.header-right .btn-all-menu{
    text-align: center;
    background-color: #2a4139;
    height: 79px;
    border:0;
    cursor: pointer;
    width: 178px;
    margin-left: 43px;
    color:#c7ae87;
    font-size: 16px;
    font-family: 'AppleSDGothicNeo',sans-serif;
    font-weight: 500;
}
#all-menu{
    display: none;
    position: fixed;
    left:0;
    right:0;
    top:0;
    background-color: rgba(255,255,255,0.95);
    z-index: 199;
    display: none;
}
#all-menu .all-menu-inner{
    display: flex;
    align-items: stretch;
    width: 100%;
    height: 623px;
}
#all-menu .popup{
    position: relative;
    background-color: #21372f;
    width: 35%;
    min-height:100%;
}
#all-menu .popup div{
    position: absolute;
    text-align: center;
    width: 100%;
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    color: #c7ae87;
    font-size: 24px;
    font-family: 'AppleSDGothicNeo',sans-serif;
}
#all-menu .popup div span{
    font-size: 18px;
    display: block;
    color: #fff;
    margin-top: 10px;
}
/* #all-menu .popup p{
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 90%;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
}
#all-menu .popup p a{
    width: 45%;
} */
#all-menu .popup p{
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 50%;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
}
#all-menu .popup p a{
    width: 100%;
}
#all-menu .popup img{
    width: 100%;
}
#all-menu .menu-wrap{
    padding-top: 137px;
    min-height:100%;
    box-sizing: border-box;
    width: 65%
}
#all-menu .menu-wrap>ul{
    display: flex;
    align-items: stretch;
    width: 100%;
    justify-content: center;
    text-align: center;
}
#all-menu .menu-wrap>ul li{
    width: 20%;
}
#all-menu .menu-wrap>ul li dt{
    font-weight: 500;
    color:#121212;
    font-size: 17px;
    font-family: 'FuturaPT',sans-serif;
    margin-bottom: 14px;
}
#all-menu .menu-wrap>ul li dd+dd{
    margin-top: 11.5px;
}
#all-menu .menu-wrap>ul li dd a{
    display: block;
    font-size: 15px;
    color:#676767;
    line-height: 1.5em;
}
#all-menu .menu-wrap>ul li dd a:hover,
#all-menu .menu-wrap>ul li dd a.cur{
    color:#2a4139;
    font-weight: 700;
    text-decoration: underline;
}
#all-menu .menu-wrap>ul li dl+dl{
    margin-top: 45px;
}

.reser-box{display: flex; justify-content: space-around; flex-wrap: wrap; 
    position: absolute; top: 37%;left: 50%; transform: translateX(-50%);
     width: 1200px; height:590px; }
     .reser-box div{width: 40%;}
     .reser-box div p:first-child{width: 80%;
        margin: 0 auto;
        height: 180px;
        background-color: #fff;
        border-radius: 40px;
        text-align: center;
        box-sizing: border-box;
        padding-top: 37px;
        line-height: 36px;
        font-size: 23px;
        font-weight: bold;
        color: #2f4039;}
        .reser-box div p:first-child span{font-size: 19px;}
        .reser-box div p:nth-child(2){
            font-size: 18px;
        line-height: 29px;
            margin: 40px 0;
            color: #fff;
        text-align: center;
        word-break: keep-all;

        }
        .reser-box div p a{
            display: block;
            width: 80%;
        margin: 0 auto;
        height: 75px;
        line-height: 75px;
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        background-color: #2f4039;
        color: #c8bea4;
        border-radius: 60px;
        }
        .reser-box div p a:hover{background-color: #1e2924;}

/* footer */
footer 									{position:relative;background:#d7d7d7;width:100%;overflow:hidden;display: flex;align-items: stretch;}
footer >	div								{padding:100px 0;min-height:100%;overflow:hidden;box-sizing: border-box;}
footer .logo								{position:relative;width:35%;}
footer .logo a							{width:250px;height:60px;margin:10% auto 0;display:block;}
footer .InnerBox 		 					{width:65%;background:#2a4139;padding:80px 2.5%;margin:0 auto;overflow:hidden;}
footer .InnerBox > div					{float:left;width:35%;}
footer .InnerBox > div.cont01				{width:60%;margin-left:2.5%;}
footer .InnerBox > div.cont02				{margin-left:2.5%;}
footer .InnerBox > div strong 				{font-size:15px;color:#fff;display:block;margin-bottom:20px;}
footer .InnerBox > div > ul				{width:100%;}
footer .InnerBox > div > ul li 			{color:#fff;font-size:14px;color:#d7d7d7;line-height:1.7;letter-spacing:0.2px;}
footer .InnerBox > div > ul li a 			{color:#fff;font-size:14px;color:#d7d7d7;line-height:1.7;letter-spacing:0.2px;}
footer .InnerBox > div > ul li 			{font-family:'nanumbarungothicregular';}
footer .InnerBox > div > div.rvb a 		{width:180px;font-size:14px;border:1px solid #e8e8e8;display:block;padding:20px 0 19px;text-align:center;color:#e8e8e8;}
footer .InnerBox > div > div.sns strong 	{margin-top:30px;}
footer .InnerBox > div > div.sns a 		{padding:15px;border:1px solid #d7d7d7;display:inline-block!important;margin-right:5px;}
footer .InnerBox > div > div.sns a img 		{display:block;}
footer .InnerBox > div > div.sns a:hover	{opacity:0.8;}