@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;600;800&family=Nanum+Myeongjo:wght@700&display=swap');

#skip a {position:absolute;top:-9999px;z-index:9999;display:block;width:100%;background:#333;font-size:16px;font-weight:600;color:#fff;text-align:center;}
#skip a:hover,#skip a:focus {top:0;padding:15px 0;}

#main {padding-top:110px;}

#header {box-sizing:border-box; position:fixed;left:0;top:0;width:100%;z-index:99999;/* padding:0 20px; */font-size:0;transition:0.3s;/* overflow:hidden;  */height:110px; background:#fff;min-width:1450px;}
#header:before {content:"";display:block;width:100%;height:1px;position:absolute;top:109px;left:0;background:rgba(0,0,0,0.2);opacity:0;transition:0.3s;z-index:99;}
#header .inner {/* max-width:1820px; */margin:0 auto;position:relative; width:100%; height:110px;text-align:center;z-index:10;}
#header .logo {position:absolute;left:145px;top:50%;margin-top:-26px;}
#header .logo a {display:block;width:139px;height:52px;background:url(../images/logo.png) no-repeat center center ;text-indent:-9999px;}
#header .gnb {padding-left:250px; box-sizing:border-box;transition:0.3s;background-color:#fff;height:110px;}
#header .gnb > li {display:inline-block;vertical-align:top;position:relative;}
#header .gnb > li > a {display:block;height:110px;line-height:110px;font-size:17px;color:#333;padding:0 35px;}
#header .gnb > li > a > span {display:block;position:relative;letter-spacing:-0.05em;}
#header .gnb > li > a > span:before {content:"";display:block;position:absolute;left:50%; margin-left:-5px; width:0;bottom:32px;height:2px;background:#c36c5e;transition:0.3s;opacity:0; padding:0 5px;}
#header .gnb > li > ul {display:none; position:absolute;left:50%;top:100%;width:180px; margin-left:-90px; padding:15px 0 25px; background:#c36c5e; text-align:left;}
#header .gnb > li > ul > li > a {display:block;font-size:16px;color:#fff;letter-spacing:-0.05em;padding:9px 0 9px 34px;}
#header .tel {position:absolute;white-space:nowrap;right:219px;top:50%; margin-top:-8.5px; }
/* #header .tel a {display:block;color:#000;transition:0.3s;}
#header .tel i {font-size:18px;display:inline-block;vertical-align:middle;margin-right:7px;}
#header .tel span {font-size:24px;font-weight:600;font-family:'Jost',sans-serif;display:inline-block;vertical-align:middle;}
#header:hover {background:#fff;height:220px;}
#header:hover .logo a {background-image:url(../images/logo2.png);}
#header:hover .gnb > li > a {color:#222;}
#header:hover .tel a {color:#007dc5;}
#header:hover:before {opacity:1;} */

#header .gnb > li:hover > a > span:before {left:0;width:100%;opacity:1;}
#header .gnb > li > ul > li:hover > a,
#header .gnb > li > ul > li.active > a {color:#faf2ac;}

#header .all_btn { position:absolute; top:0; right:0; width:78px; height:100%; background:#333 url(../images/icon_all.png) center center no-repeat; border:none;}


/* .white #header {background:#fff;}
.white #header .logo a {background-image:url(../images/logo2.png);}
.white #header .gnb > li > a {color:#222;}
.white #header .tel a {color:#007dc5;} */

.shadow #header {box-shadow:0 1px 1px rgba(0,0,0,0.2);}

#header.active:before{opacity:1;}
#header.active .gnb{height:410px;overflow:hidden;}
#header.active .gnb > li > ul{background:none;display:block !important;height:auto !important;padding-top: 15px !important;padding-bottom: 25px !important;margin-left:0;left:0;}
#header.active .gnb > li > ul > li > a{color:#999;font-size:15px;}
#header.active .gnb > li > ul > li > a:hover{color:#ca705b;}


#aside {position:fixed;right:30px;top:50%;z-index:150;margin-top:-57.5px;}
#aside a {display:block;width:10px;height:10px;position:relative;white-space:nowrap;transition:0.3s;}
#aside a:before {content:"";display:block;width:6px;height:6px;position:absolute;right:1px;top:50%;margin-top:-3px;background:#888;box-sizing:border-box;}
#aside a ~ a {margin-top:25px;}
#aside a span {display:block;position:absolute;right:17px;top:0;font-size:12px;color:#818182;font-family:'Roboto',sans-serif;}
#aside .active:before {background:none;border:2px solid #0b4ea2;right:0;top:50%;margin-top:-5px;width:10px;height:10px;}
#aside .active span {color:#0b4ea2;}

.ban-wrap{/* max-width: 1880px;margin: 0 auto; */position:relative;}
.ban{position:absolute;top:15px;right:93px;z-index:9999;}

.vis_quick {position:absolute; top:110px; right:193px; z-index:9999;}
.vis_quick a {position:absolute; display:block; width:146px; height:40px; }
.vis_quick a.apt_link {top:263px; left:20px;}
.vis_quick a.op_link {top:415px; left:20px;}

.fp-tableCell {height:inherit !important;}

.left_pad {padding-left:145px; box-sizing:border-box;  }
#vis {position:relative; height:860px !important;}
#vis .roll {height:100%;}
#vis .area {height:100%;}
#vis .vis {height:100%;}
#vis .vis > div{height:100%;background-repeat:no-repeat;/* background-position:center center; */background-size:cover;/* padding:0 20px; */}
#vis .vis1 > div {background-image:url(../images/vis4.jpg);}
#vis .vis2 > div {background-image:url(../images/vis1.jpg);}
#vis .vis3 > div {background-image:url(../images/vis3.jpg);}
#vis .vis5 > div {background-image:url(../images/vis5.jpg?ver=2);}
#vis .vis6 > div {background-image:url(../images/vis6.jpg?ver=2);}
#vis .vis .inner {height:100%;/* max-width:1200px;margin:0 auto; */position:relative;}
#vis .vis .img {position:absolute;transform:translate3d(0,20px,0);opacity:0; z-index:10;}
#vis .vis1 .img {top:140px;left:207px;}
#vis .vis5 .img {top:140px;left:207px;}
#vis .vis1 .img2 { position: absolute; left: -1140px; top: 40px; z-index: 9; animation: cloud01 40s 0.2s linear infinite; transform:none !important; }
#vis .vis1 .img3 { position: absolute; right:100%; top: 100px; z-index: 9; animation: cloud02 40s 0.2s linear infinite; animation-delay:2s; transform:none !important;}
#vis .vis2 .img {top:198px;left:207px;}
#vis .vis6 .img {top:140px;left:207px;}
#vis .vis3 .img {top:159px;left:207px;}
#vis .vis.swiper-slide-active .img {animation:visImg 1.5s;animation-delay:0.3s;animation-fill-mode:forwards;}
/* #vis .vis.swiper-slide-active .img2 { position: absolute; left: -1140px; top: 40px; z-index: 9; animation: cloud01 40s 0.2s linear infinite; transform:none; }
#vis .vis.swiper-slide-active .img3 { position: absolute; right: 100%; top: 100px; z-index: 9; animation: cloud02 40s 0.2s linear infinite; animation-delay:1s; transform:none;} */

#vis .vis_bg{}
#vis .swiper-slide-active .vis_bg{animation-name:vis;animation-duration:2s;animation-fill-mode:forwards;}

@keyframes vis {
	0% { transform:scale(1.1); }
	100% { transform:scale(1);  }
}

@keyframes cloud01 {
	0% { left: -1140px; }
	100% { left: 2000px;  }
}
@keyframes cloud02 {
	0% { right: -850px; }
	100% { right: 2000px; }
}


#vis .cont {z-index:100;position:absolute;left:-46px; top:217px; white-space:nowrap;font-size:0;}
#vis .cont button {color:#fff;border:none;background:none;font-size:28px;display:inline-block;vertical-align:middle;}
#vis .cont .next {margin-left:30px;}
#vis .cont .page {position:relative; vertical-align:middle;font-size:16px;font-weight:bold; color:#fff; font-family: 'Jost', sans-serif; width:auto;}
#vis .cont .page span {display:block; color:#333;}
#vis .cont .page span.swiper-pagination-total {font-weight:400; margin-bottom:168px;}
#vis .cont .page span.swiper-pagination-current {font-weight:800; color:#ca705b;}


/* #vis .cont .page .bar {position:absolute; top:62px; width:18px; height:108px; background:url(../images/bar_img.png) center center  no-repeat;}
#vis .cont .page .bar .line{height: 101px; width: 1px; background:#ca705b; margin: 0 auto; position: relative}
#vis .cont .page .bar .line  i{position: absolute; width: 100%; height:100%; background: #ca705b; }
#vis .cont .page .bar .line em{position: absolute; width:7px; height:7px; background: #ca705b; border-radius:100%; transform: rotate(45deg); left: 50%; margin-left: -3.5px;  transition:5s; top: 0; animation:barMove 5.5s ease infinite;}
#vis .cont .page .bar.on .line em{top: 100%;} */

.swiper-progress-bar {
  position: absolute;
  width: 1px;
  display: block;
  z-index: 1;
  height: 108px;
  background: #ca705b;
  top:267px;
  left:-37px;
}
.swiper-progress-bar .slide_progress-bar {
  position: absolute;
  height: 108px;
  width:7px;
  background:#ca705b;
  width: auto;
  clear: both;
  opacity: 0;
  top:0;
  left: 0;
  right: 0;
}
.swiper-progress-bar .slide_progress-bar:after {
  position: absolute;
  top:0;
  left:50%;
  margin-left:-3.5px;
  content: "";
  width:7px; height:7px; background: #ca705b; border-radius:100%;
  transition: 0.1s height linear;
}
.swiper-progress-bar.active .slide_progress-bar {
  opacity: 1;
}
.swiper-progress-bar.animate .slide_progress-bar:after {
  transition: all linear;
  transition-delay: unset;
  top:100%;
  transition-duration: 5s;
}

@keyframes barMove {
	0 {top:0}
	100% {top:100%;}
}

#vis .cont .auto {font-size:20px;position:relative;top:-1px;}
#vis .cont .auto.stop i:before {content:"\e748";}
#vis .cont .inner {max-width:1200px;margin:0 auto;}

#vis .scr {width:13px;height:25px;background:url(../images/vis-scr.png) no-repeat;text-indent:-9999px;position:absolute;z-index:90;left:-48px;bottom:55px;animation:visScr 2s ease infinite;}
#vis .scr.scr2 {bottom:20px;}
@keyframes visImg {
	0 {transform:translate3d(0,20px,0);opacity:0;}
	100% {transform:translate3d(0,0,0);opacity:1;}
}

@keyframes visScr {
	0% {transform:translate3d(0,0,0);}
	50% {transform:translate3d(0,-20px,0);}
	0% {transform:translate3d(0,0,0);}
}

.quick {position:absolute; top:0; right:0; width:78px; background:#ca705b; height:100%; z-index:9; padding-top:0px; box-sizing:border-box;}

#land {height:704px !important; padding-left:145px; box-sizing:border-box;  margin-top:155px;}
#land  .inner {height:100%; position:relative; width:100%:}
#land .land_bg {height:100%; background:url(../images/bg_land.jpg) no-repeat right bottom; min-width:1614px;}
#land .land_txt {position:absolute; top:180px; left:0; }
#land  .more_btn {margin-top:87px; display:block; height:51px; width:181px; border-top:1px solid #5e6367; border-bottom:1px solid #5e6367; box-sizing:border-box; font-size:14px; color:#5e6367; font-family: 'Jost', sans-serif; font-weight:600; line-height:51px; text-align:center; transition:all 0.2s;}
#land .more_btn:hover {border:none; background:#ca705b; color:#fff;}


#first {margin-top:155px; padding:107px 0 146px; background:url(../images/first-bg.jpg) no-repeat 50% 50%; background-size:cover; height:950px !important; }
#first .inner:before {content:''; width:463px; height:68px; background:url(../images/prem_bg2.png) no-repeat; position:absolute; top:184px; right:0;}
#first .inner {max-width:1614px;margin:0 auto;position:relative; min-width:1614px;}

.prem-roll  { padding:50px 0 100px;}
.prem-roll .swiper-slide img {vertical-align:bottom;  max-width:100%; opacity:0; transition:all 0.2s;}
.prem-roll .swiper-slide.swiper-slide-active {box-shadow:46px 39px 30px 0px rgba(0,0,0,0.2); z-index:9; }
.prem-roll .swiper-slide.swiper-slide-active img {opacity:1;}
.prem-roll .swiper-slide.prem1 {background:url(../images/prem1.jpg) bottom center no-repeat;}
.prem-roll .swiper-slide.prem2 {background:url(../images/prem2.jpg) bottom center no-repeat;}
.prem-roll .swiper-slide.prem3 {background:url(../images/prem3.jpg) bottom center no-repeat;}
.prem-roll .swiper-slide.prem4 {background:url(../images/prem4.jpg) bottom center no-repeat;}
.prem-roll .swiper-button-next {width:32px; height:15px; background:url(../images/prem_next.png) center center no-repeat; top:100px; left:487px;}
.prem-roll .swiper-button-next:before {content:''; width:1px; height:20px; background:#bbb; position:absolute; top:50%; margin-top:-10px; left:-20px; }
.prem-roll .swiper-button-prev {width:32px; height:15px; background:url(../images/prem_prev.png) center center no-repeat; top:100px; left:414px;}

#first .area {position:relative;padding:60px 10px 45px;margin:0 -10px;}
#first .area .box {box-shadow:0 2px 10px rgba(0,0,0,0.2);}
#first .area .box .info {background:#fff url(../images/ico-first1.jpg) no-repeat 100% 100%;border:1px solid #ddd;border-top:none;height:200px;padding:40px 40px 0;}
#first .area .box .info dl dt {font-size:18px;line-height:1.35;letter-spacing:-0.025em;}
#first .area .box .info dl dd {font-size:22px;line-height:1.3;color:#444;letter-spacing:-0.025em;margin-top:15px;font-weight:500;}
#first .area .box .info dl dd span {font-size:16px;font-weight:normal;}
#first .area .box2 .info {background-image:url(../images/ico-first2.jpg);}
#first .area .box3 .info {background-image:url(../images/ico-first3.jpg);}
#first .area .box4 .info {background-image:url(../images/ico-first4.jpg);}
#first .area .box5 .info {background-image:url(../images/ico-first5.jpg);}
#first .area .box6 .info {background-image:url(../images/ico-first6.jpg);}
#first .area .box7 .info {background-image:url(../images/ico-first7.jpg);}
#first .page {text-align:center;font-size:0;}
#first .page button {display:inline-block;width:13px;height:13px;border-radius:50%;background:#acacac;margin:0 4px;border:none;}
#first .page .swiper-pagination-bullet-active {background:#007dc5;}
#first .prev,
#first .next {width:26px;height:48px;position:absolute;top:50%;margin-top:30px;border:none;z-index:50;background-repeat:no-repeat;background-position:50% 50%;text-indent:-9999px;background-color:transparent;}
#first .prev {right:50%;margin-right:660px;background-image:url(../images/first-prev.png);}
#first .next {left:50%;margin-left:660px;background-image:url(../images/first-next.png)}


#bs {padding:155px 0;}
#bs .inner {max-width:1614px; margin:0 auto;}
#bs .inner .fix_bg{height:480px;background:url(../images/bs_bg.jpg) no-repeat bottom;background-attachment: fixed; background-size: cover; text-align:center; }

#bs .inner .fix_bg a {display:block; padding-top:156px; box-sizing:border-box; height:100%;}

#contact {text-align:center;}
#contact  img {vertical-align:bottom; max-width:100%;}
#contact .inner {max-width:1614px;margin:0 auto; }
#contact .tit {margin-bottom:13px;}

#contact  .map_btns {position:absolute; bottom:52px; right:141px; font-size:0; }
#contact  .map_btns  a {display:inline-block; width:300px; height:50px;}
#contact  .map_btns  a.map_link1 {background:url(../images/map_link1.png) no-repeat;}
#contact  .map_btns  a.map_link2 {background:url(../images/map_link2.png) no-repeat; margin-left:20px;}
#contact  .map_btns  a.map_link1:hover {background:url(../images/map_link1_on.jpg) no-repeat;}
#contact  .map_btns  a.map_link2:hover {background:url(../images/map_link2_on.jpg) no-repeat;}


#gotop {position:absolute;right:0;top:0;width:78px;height:78px;background:url(../images/gotop.png) no-repeat;text-indent:-9999px;border:none;}
#footer {background:#333; padding:88px 0 67px; position:relative; width:100%;}
#footer .inner {max-width:1614px;margin:0 auto;position:relative;}
#footer .head {padding:0 20px;}
#footer .head h2 {font-size:16px;font-weight:500;color:#888;height:72px;line-height:72px;}
#footer .head .tel {position:absolute;right:140px;top:0;height:72px;line-height:72px;color:#007dc5;font-family:'Jost',sans-serif;font-size:28px;padding-left:45px;display:block;background:url(../images/ico-tel.png) no-repeat 0 50%;}
#footer .foot {padding:37px 20px 0; }
#footer .head .rel {position:absolute;right:0;top:39px;}
#footer .foot .info {font-size:12px;color:rgba(170,171,171,0.5);line-height:20px;}
#footer .foot .copy {margin-top:30px;font-size:14px;color:rgba(170,171,171,0.5); line-height:24px;}

.info_brand{font-size:14px; color:rgba(170,171,171,0.5); margin-bottom:20px;font-weight:500;}
.info_online {font-size:12px; color:rgba(170,171,171,0.5); margin-bottom:15px;}

@media all and (max-width:1520px){
	#footer .foot .rel {position:relative;margin-bottom:20px;}
}

#svis {height:318px;background:url(../images/svis1.jpg) no-repeat 50% 50%;background-size:cover;position:relative;z-index:10; margin-top:110px;}
#svis .snb {position:absolute;left:0;bottom:-33px;width:100%;}
#svis .snb .menu {max-width:1200px;margin:0 auto; background:#fff;/* background:url(../images/snb-bg.gif) no-repeat; */box-shadow:0 10px 10px rgba(0,0,0,0.2);}
/* #svis .snb .menu > li {display:inline-block;position:relative;margin-left:-1px;vertical-align:top;}
#svis .snb .menu > li:first-child {margin-left:0;}
#svis .snb .menu > li > a,
#svis .snb .menu > li > span {display:block;height:63px;line-height:63px;border-left:1px solid #73c1ee;position:relative;color:#fff;font-size:15px;}
#svis .snb .menu > li > a {width:63px;text-align:center;font-size:18px;border-left:none;background:#ca705b;}
#svis .snb .menu > li > span {font-size:15px;padding:0 50px 0 20px;cursor:pointer;min-width:240px;}
#svis .snb .menu > li > span:before {content:"\f1af";font-family:axicon;position:absolute;right:15px;top:0;font-size:10px;}
#svis .snb .menu > li:first-child + li span {border-left:none;}
#svis .snb .menu > li:last-child > span {border-right:1px solid #73c1ee;}
#svis .snb .menu li ul {display:none;position:absolute;left:0;top:100%;min-width:100%;border:1px solid #07428c;border-top:none;background:#fff;box-sizing:border-box;padding:15px 0;}
#svis .snb .menu li ul li a {display:block;font-size:15px;white-space:nowrap;padding:5px 20px;color:#999;}
#svis .snb .menu > li.on > span,
#svis .snb .menu > li:hover > span {color:#fff;}
#svis .snb .menu > li.on > span:before,
#svis .snb .menu > li:hover > span:before {content:"\f1b2";}
#svis .snb .menu > li.on > ul,
#svis .snb .menu > li:hover > ul {display:block;}
#svis .snb .menu li ul li a:hover {color:#000;} */

#svis .snb .menu {font-size:0;}
#svis .snb .menu > li {display:inline-block;position:relative; vertical-align:top; width:63px;}
#svis .snb .menu > li:first-child {margin-left:0;}
#svis .snb .menu > li > a,
#svis .snb .menu > li > span {display:block;height:63px;line-height:63px;border-left:1px solid #73c1ee;position:relative;color:#fff;font-size:15px;}
#svis .snb .menu > li > a {width:63px;text-align:center;font-size:18px;border-left:none;background:#ca705b;}
#svis .snb .menu > li > span {font-size:15px;padding:0 50px 0 20px;cursor:pointer;min-width:240px;}
#svis .snb .menu > li > span:before {content:"\f1af";font-family:axicon;position:absolute;right:15px;top:0;font-size:10px;}
#svis .snb .menu > li:first-child + li span {border-left:none;}
#svis .snb .menu > li:last-child > span {border-right:1px solid #73c1ee;}
#svis .snb .menu li.ov {width:calc(100% - 63px); padding-right:63px;}
#svis .snb .menu li ul {background:#fff;  text-align:center;}
#svis .snb .menu li ul li {display:inline-block; margin:0 15px;}
#svis .snb .menu li ul li a {display:block;font-size:18px;white-space:nowrap; color:#5e6367; line-height:63px; font-weight:300;}
#svis .snb .menu li ul li a  span {position:relative;}
/* #svis .snb .menu > li.on > span,
#svis .snb .menu > li:hover > span {color:#fff;}
#svis .snb .menu > li.on > span:before,
#svis .snb .menu > li:hover > span:before {content:"\f1b2";}
#svis .snb .menu > li.on > ul,
#svis .snb .menu > li:hover > ul {display:block;} */
#svis .snb .menu li ul li.active a {font-weight:bold;} 
#svis .snb .menu li ul li a:hover {font-weight:bold;} 

.sub_tit {text-align:center; color:#fff; font-size:45px; padding-top:149px; box-sizing:border-box;}

#sub {padding:126px 0 100px; max-width:1200px; margin:0 auto; min-width:1200px;}
#sub > .inner {max-width:1200px;margin:0 auto;}

#intro {position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000;background:#fff;text-align:center;font-size:0;overflow:hidden;display:none;background-color:#000;}
#intro .bg {position:absolute;left:0;top:0;width:100%;height:100%;transition:1s;opacity:0;transform:scale(1.3);}
#intro .bg video{min-width: 100%;min-height: 100%;}
#intro .intro {display:flex;position:relative;z-index:10;align-items:center;width:100%;height:100%;}
#intro .intro > div{width:100%;}
#intro .intro-head{position: fixed;left: 0;top: 0;width: 100%;z-index: 200;padding: 0 20px;transition:0.5s;transition-delay:0.5s;opacity:0;}
#intro .intro-head .inner{height: 90px;position: relative;max-width: 1820px;margin: 0 auto;}
#intro .intro-head .intro-logo{width: 164px;height: 37px;background: url(../images/logo.png) no-repeat 50% 50%;background-size: contain;position: absolute;left: 0;top: 50%;margin-top: -18.5px;}
#intro .intro-head .tel{position: absolute;right: 0;top: 0;height: 90px;line-height: 90px;color: #007dc5;}
#intro .intro-head .tel i{font-size: 18px;display: inline-block;vertical-align: middle;margin-right: 7px;}
#intro .intro-head .tel span{font-size: 24px;font-weight: 600;font-family: 'Jost',sans-serif;display: inline-block;vertical-align: middle;}
#intro .intro-txt{transition:1.5s;transition-delay:1s;opacity:0;padding-top:60px;}
#intro .intro .txt1{margin-top:35px;padding:25px 0;display:inline-block;position:relative;}
#intro .intro .txt1 span{transition:1s;transition-delay:2.5s;opacity:0;}
#intro .intro .txt1:before{content:"";display:inline-block;position:absolute;left:0;top:0;width:0%;height:1px;background-color:#fff;transition:0.5s;;transition-delay:2s;}
#intro .intro .txt1:after{content:"";display:inline-block;position:absolute;right:0;bottom:0;width:0%;height:1px;background-color:#fff;transition:0.5s;;transition-delay:2s;}
#intro .intro .txt2{transform:translate3d(0,30px,0);opacity:0;transition:1s;;transition-delay:3s;margin-top:70px;}
#intro .intro .skip {margin-top:50px;opacity:0;;transition:1.5s;transition-delay:1s;}
#intro .intro .skip a {border:none;width:75px;text-align:center;display:inline-block;font-size:17px;font-weight:500;padding-bottom:9px;}

#intro .intro1{width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;}
#intro .intro1 .txt1:before{background-color:#fff;}
#intro .intro1 .txt1:after{background-color:#fff;}
#intro .intro1 .skip a{background:url(../images/intro1-skip.png) no-repeat 50% 100%;color:#fff;}
#intro .intro2 .intro-txt > div{position:relative;display:inline-block;}
#intro .intro2 .intro-txt span{position:absolute;top:-20px;left:-25px;opacity:0;transform:translate3d(0,-30px,0);transition:1s;transition-delay:6.5s;}
#intro .intro2 .txt1:before{background-color:#000;}
#intro .intro2 .txt1:after{background-color:#000;}
#intro .intro2 .skip a{background:url(../images/intro2-skip.png) no-repeat 50% 100%;color:#000;}
#intro .intro2{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;opacity:0;transition:3s;}
#intro .intro2 .bg{background:url(../images/intro2-bg.jpg) no-repeat center;background-size:cover;}
#intro .intro2 .intro-head .intro-logo{background-image: url(../images/logo2.png)}

.load #intro .bg {opacity:1;transform:scale(1);}
.load #intro .intro-head{opacity:1;}
.load #intro .intro-txt {opacity:1;transform:translate3d(0,0,0);}
.load #intro .txt1 span{opacity:1;}
.load #intro .txt1:before{width:100%;}
.load #intro .txt1:after{width:100%;}
.load #intro .txt2 {opacity:1;transform:translate3d(0,0,0);}
.load #intro .intro .skip{opacity:1;}
.load #intro .intro2{opacity:1;}
.load  #intro .intro2 .intro-txt span{opacity:1;transform:translate3d(0,0,0);}


.__aboutTbl {width:100%;table-layout:fixed;border-top:2px solid #000;}
.__aboutTbl tr > * {border-bottom:1px solid #e6e6e6;font-size:18px;line-height:1.5;}
.__aboutTbl tr th {text-align:center;color:#121212;font-weight:500;}
.__aboutTbl tr th strong {display:block;font-weight:500;letter-spacing:-0.05em;position:relative;}
.__aboutTbl tr th strong:before {content:"";display:block;width:1px;height:26px;position:absolute;right:0;top:50%;margin-top:-13px;background:#ededed;}
.__aboutTbl tr td {color:#666;padding:25px 0 25px 25px;letter-spacing:-0.05em; height:78.5px; box-sizing:border-box;}

#hnn_order {max-width:1200px; margin:0 auto;} 

.privacy{ margin:30px auto 0; letter-spacing: -0.05em;}
.document{ color:#666; font-size: 12px; line-height:20px; width: 100%;}
.document h2 {font-size:36px; color:#444; font-weight:500; text-align:center; margin-bottom:60px; line-height:1; }
.document table { border-top: 2px solid #333; width: 100%; margin-top: 8px; margin-bottom: 20px;}
.document tr { border-bottom: 1px solid #ddd; }
.document td {padding: 10px;   }
.document td.b_r { border-right: 1px solid #ddd; text-align: center; }
.document2 td {border-right: 1px solid #ddd; text-align: center;}

.agree { color:#666; line-height: 140%; }
.agree * {font-size:15px;}
.agree h5{display:inline-block;}
.agree table {float:right;}
.agree tr { }
.agree td {color:#666; padding-right: 10px; }
.agree div{background-color:#f5f5f5;padding:20px ;}
.agree1{margin-bottom: 10px;}

.board_btn .bobtn_center li{display:inline-block;float:none !important;text-align:center;margin:0 5px;}
.board_btn .bobtn_center li:nth-child(1) a{color:#fff;background-color:#353535;}
.board_btn .bobtn_center li:nth-child(1) a:hover{background-color:#fff;color:#353535;border:1px solid #353535;box-sizing:border-box;}
.board_btn .bobtn_center li:nth-child(2) a{background-color:#fff;color:#353535;border:1px solid #353535}
.board_btn .bobtn_center li:nth-child(2) a:hover{color:#fff;background-color:#353535;}

.sub_con {max-width:1200px; margin:0 auto;}


.thumb { position:absolute; bottom:129px; left:-100px; z-index:99; font-size:0; width:448px;}
.thumb > div {position:relative; display:inline-block;height:200px; background-size:cover; width:200px !important; cursor:pointer; margin-right:24px;}
.thumb > div.thumb1 {background:url(../images/vis4.jpg); background-size:cover; background-position:center center;}
.thumb > div.thumb2 {background:url(../images/vis1.jpg); background-size:cover; background-position:center center;}
.thumb > div.thumb3 {display:none;  background:url(../images/vis3.jpg); background-size:cover; background-position:center center;}
.thumb > div:after {position:absolute; top:0; left:0; content:''; width:100%; height:100%; background:rgba(183,96,75,0.6); /* mix-blend-mode: multiply; */} 

.open_tag {position:absolute; bottom:129px; left:348px; z-index:99; box-shadow:17px 9px 14px 0px rgba(0,0,0,0.3);}
.open_tag img {vertical-align:bottom;}

.vis_tag {position:absolute; bottom:0; left:-107px; z-index:99; }
.open_tag img {vertical-align:bottom;}

.map_wrap {position:relative;}
.sub_map_link1 {position:absolute; width:300px; height:50px; bottom:53px; right:447px; }
.sub_map_link1:hover {background:url(../images/map_link1_on.jpg) center center no-repeat; }
.sub_map_link2 {position:absolute; width:300px; height:50px; bottom:53px; right:127px;}
.sub_map_link2:hover {background:url(../images/map_link2_on.jpg) center center no-repeat;}


@media screen and (max-width:1870px){
	#header .gnb {padding-left:0;}
}

@media screen and (max-width:1650px){
	#wrap {overflow-x:hidden;}
	#first .inner {padding:0 20px; box-sizing:border-box;}
	#contact .map_btns {right:20px;}
	#header .tel {right:150px;}
	#first .inner:before {display:none;}
} 

@media screen and (max-width:1560px){
	#header .gnb  {padding-left:0;}
}


.inter_cate label {vertical-align:middle; }
.inter_cate input {margin-right:3px;}

.bowrite_in.new_st {display:inline-block;padding:0 10px;height:35px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} 
.bowrite_in.new_w {width:410px; display:block;  }
#boardwrite input.new_st  {vertical-align:top;}

/*pop_video*/
.layer_pop_mov{position: fixed;left:calc(12% + 400px);top:110px;z-index:110;}
.pop_wrap{width:800px;}
.popContents .video{height:500px;width:800px;}
.popBtns{background: #d4d4d4;text-align:right;}
.closePop{display:inline-block;padding:6px 10px 6px 20px;}
.closePop button{border:none;background:none;}

/*¹æ¹®¿¹¾à*/
#hnn-tab {width: 100%;margin-bottom:60px;}
#hnn-tab:after {content: ""; display: block; clear: both;}
#hnn-tab li {float: left;text-align: center;line-height: 60px;position: relative;}
#hnn-tab li a {display: block;border: solid #dedede;border-width: 1px 1px 1px 0;font-size: 20px; color: #888; letter-spacing: -0.075em;background:#f0f0f0;font-weight:normal;}
#hnn-tab li:first-child {border-left: 1px solid #dedede;}
.tab1 li {width: 100%;}
.tab2 li {width: 49.95%;}
.tab3 li {width: 33.333%; box-sizing:border-box;}
.tab4 li {width: 24.97%;}
.tab5 li {width: 19.98%;}
#hnn-tab li a:hover,
#hnn-tab li a.active  {border-color: #ca705b; color: #fff;background:#ca705b;}
#hnn-tab li a:hover:after,
#hnn-tab li a.active:after  {content: ""; display: block; width: 0; height: 0;position: absolute;left: 50%;margin-left: -7px;border-top:8px solid #ca705b;border-left:8px solid transparent;border-right:8px solid transparent;}

.reservation{text-align:center;font-weight:300;font-size: 24px;margin:60px 0;line-height: 1.5em;}
.reservation span{color:#ca705b;font-weight:500;}
.board_btn .bobtn_center li button{width: 150px;height: 50px;background: #ca705b;color: #fff;font-size: 15px;}

.compl-msg {position:relative; width:1200px;background:#eee; margin-bottom:30px;padding:60px 300px 100px;box-sizing:border-box;}
.compl-msg > span {display:block;font-size:32px;color:#121212;text-align:center;line-height:52px;font-weight:600;padding:40px 0;border-top:1px solid #333;border-bottom:1px solid #333;}
.compl-tit{color:#121212;font-size:36px;font-weight:300;margin-bottom:20px;text-align:center;}
.compl-txt{color:#121212;font-size:18px;text-align:center;font-weight:300;margin-bottom:30px;}
.botarea {margin-top:80px;text-align:center;}
.cer-btn3 {display:inline-block;width:240px;height:70px;line-height:70px;border:1px solid #999;color:#999;font-size:20px;margin-left:5px;}
.cer-btn4 {display:inline-block;width:240px;height:70px;line-height:70px;border:1px solid #041d45;color:#041d45;font-size:20px;margin-left:20px;}

.step {position: relative;padding-left: 20%;margin-bottom: 30px;}
.step dt {display: inline-block;position: absolute;left: 0;top: 0;width: 20%;background: #7bb4da;color: #fff;line-height: 99px;text-align: center;border-radius: 10px 0 0 10px;-webkit-border-radius: 10px 0 0 10px;font-size: 16px;}
.step dt i {display: inline-block;margin-left: 10px;}
.step dd ul {box-sizing: border-box;display: table;table-layout: fixed;max-width: 100%;border: 1px solid #ddd;border-left: none;border-radius: 0px 10px 10px 0px;-webkit-border-radius: 0px 10px 10px 0px;}
.step dd ul li {display: table-cell;width: 25%;vertical-align: middle;font-size: 18px;text-align: left;height: 97px;padding: 0 5.3rem;position: relative;font-weight: 500;}
.step dd ul li::before {content: "";width: 1px;height: 37px;background: #cccccc;position: absolute;left: 0;top: 30px;}
.step dd ul li:first-child::before{content:none;}
.step dd ul li span {display: block;font-size: 14px;color: #9a9a9a;font-weight: 400;}

#hnn-tab3 {	width: 100%;text-align:center;margin-bottom:40px;border-top:1px solid #ca705b; border-bottom:1px solid #ca705b;}
#hnn-tab3:after {content: ""; display: block; clear: both;}
#hnn-tab3 li {display:inline-block;margin:0 30px;text-align: center;position: relative;}
#hnn-tab3 li a {display:block;height:63px;line-height:63px;font-size:18px;color:#222;}
#hnn-tab3 li a.active {color:#ca705b;}
#hnn-tab3 li a.active:after  {content: ""; display: block; width: 0; height: 0;position: absolute;left: 50%;margin-left: -7px;bottom:0;border-bottom:8px solid #ca705b;border-left:8px solid transparent;border-right:8px solid transparent;}

.text_img{text-align:center;margin-bottom:40px;}

.event-box {padding:0 85px;}
.event-box:after {content:'';display:block;clear:both;}
.event-box .lef {float:left;}
.event-box .rig {float:right;}
.event-box table {width:480px;border-top:1px solid #ccc;}
.event-box table th, .event-box table td {font-size:15px;text-align:center;padding:14px 0;}
.event-box table th {color:#fff;font-weight:400;background:#ca705b;border:1px solid #ccc;border-top:none;}
.event-box table td {color:#333;border:1px solid #ccc;}

.precaution{background-color: #f5f5f5;margin-top: 30px;padding: 30px 20px 30px 120px;position: relative;}
.precaution:before{content: "";display: inline-block;width: 50px;height: 50px;background: url(../images/precaution_icon.png) no-repeat;position: absolute;top: calc(50% - 25px);left: 40px;}
.precaution li{font-size: 13px;color: #999;line-height: 22px;position: relative;padding-left: 10px;}

/*tab*/
.with_tab{margin-bottom:30px;}
.with_tab ul{display:flex;}
.with_tab ul li{background-color:#fbf1f0;text-align:center;cursor:pointer;font-size:18px;border:1px solid #cdc9c6;line-height:50px;}
.with_tab ul li.on{background-color:#ca705b;color:#fff;border:1px solid #ca705b;}
.tab2 ul li{width:50%;}
.tab6 ul li{width:16.66%;}
.with_box{display:none;}
.with_box.on{display:block;}

/*iframe*/
iframe.video1,
iframe.video2{display:block;}
.vr_btn{position:relative;}
.vr_btn ul{position:absolute;display:flex;top:50px;right:40px;}
.vr_btn ul li ~ li{margin-left:20px;}
.vr_btn ul li a{display:inline-block;width:300px;height:50px;transition:0.2s;}
.vr_btn ul li:nth-child(1) a{background:url(../images/sub54-btn1.png) no-repeat center;background-size:contain;}
.vr_btn ul li:nth-child(2) a{background:url(../images/sub54-btn2.png) no-repeat center;background-size:contain;}
.vr_btn ul li:nth-child(1) a:hover{background-image:url(../images/sub54-btn1-ho.png);}
.vr_btn ul li:nth-child(2) a:hover{background-image:url(../images/sub54-btn2-ho.png);}



/* sub 2-2 */
.sub_ccon{
background:url(../images/sub22-2.png) no-repeat;
max-width: 1120px;
    height:363px;
    width: 1120px;
    text-align: center;
    margin: 0 auto;
	position: absolute;
    bottom: -52%;
    left: 50.6%;
    transform: translateX(-50%);
}
.sub22-1{padding:25px 0;}
.sub_cccon{background:url(../images/sub22.jpg)  no-repeat;padding-bottom: 73%;}
/* sub 3-2 */
.sub_cccon1{background:url(../images/sub32.jpg)  no-repeat;padding-bottom: 73%;}

/*pop*/
.black_overlay22{ position:fixed; top:0px;  left: 0px;  width:100%;  height:100%; background-color: black;   z-index:1180;  -moz-opacity: 0.60;   opacity:.60;   filter: alpha(opacity=50);  } 
.white_content{ margin-left:-700px;  animation-duration:2s; animation-name:pr;  width:1400px; height:675px;  position: fixed;  top:100px;    left: 50%;  z-index:110000;  } 
#player3 { z-index:10000; animation-duration:2s; animation-name:pr; position: fixed; top: 100px; left: 50%; margin-left: -700px; }
#movie-close { position: absolute; top:0px; right: -40px;z-index: 1189;}
@keyframes pr {
	  from { opacity:0; margin-top:-1000px; }
	  50% {opacity:0;  margin-top:-1000px;}
	  to { }
	}