@CHARSET "UTF-8";
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700);

/* common */
body{min-width:1200px;}
.section {position:relative;width:100%;height:100%;overflow:hidden;z-index:200;}
.slide_show > div{position:absolute;top:0;left:0;width:100%;height:100%;}
.btn_arrow li {position:absolute;margin-top:-40px;overflow:hidden;z-index:200;}
.btn_arrow li.prev {top:50%;left:1%;}
.btn_arrow li.next {top:50%;right:1%;}

.top_mask{background:#000;position:fixed;top:0;left:0;width:100%;height:100%;z-index:500;}
#loading {position:fixed;top:50%;left:50%;margin:-17px 0 0 -17px;z-index:510;}
#myVideo{position:absolute;top:0;left:0;width:100%;height:auto;z-index:150;overflow:hidden;object-fit:cover;}
.btn_scroll {position:fixed;bottom:0;left:50%;background:url(../images/btn_scroll.png) no-repeat left top;width:123px;height:61px;margin-left:-62px;z-index:200;}
/* w; */
/*
@media (min-aspect-ratio:16/9) {#myVideo{top:-100%;height:300%;}}
@media (max-aspect-ratio:16/9) {#myVideo{left:-100%;width:300%;}}
@supports (object-fit:cover) {#myVideo{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}}
*/
/* header */
#header {position:fixed;top:0;width:100%;z-index:800;background:url(../images/bg_header.png) repeat-x;height:66px;min-width:1200px;}
#header .logo {position:absolute;top:12px;left:	20px;}
#header .gnb {position:absolute;top:0;right:120px;width:800px;}
#header .gnb > li {/*width:14.28%;*/float:left;position:relative;}
#header .gnb > li.line_2 > a {height:45px;padding:15px 20px 0 20px;}
#header .gnb > li a {height:37px;padding:23px 20px 0 20px;text-align:center;font-size:14px;font-weight:bold;display:block;color:#262626;}  
#header .gnb > li a:hover {color:#fecb19;}
#header .gnb > li > a.active {color:#fecb19;}
#header .gnb > li ul {position:absolute;top:62px;overflow:hidden;height:0;}
#header .gnb > li ul > li {background:url(../images/bg_gnb_list.png) repeat left top;margin:0 1px 1px 0;}
#header .gnb > li.g_menu01 ul {left:-80px;width:261px;}
#header .gnb > li.g_menu01 ul li {float:left;width:125px;}
#header .gnb > li.g_menu02 ul {left:-15px;width:121px;}

#header .book {position:absolute;top:0;right:0;}
#header .book a {background:url(../images/bg_book.png) no-repeat left top;width:120px;height:70px;padding-top:13px;display:block;color:#fff;font-weight:bold;font-size:15px;text-align:center;}
#header .book a span {color:#262626;font-size:11px;font-weight:bold;display:block;margin-bottom:2px;}

/* footer */
#footer {position:absolute;bottom:0;background:#414141;width:100%;height:50px;min-width:1200px;color:#e1e1e1;font-size:11px;overflow:hidden;}
#footer .foot_in {padding-top:5px;}
#footer .foot_in span{float:left;padding-left:30px;}
#footer .foot_in span a {color:#e1e1e1;}
#footer .foot_in address{float:right;padding-right:30px;text-align:right;line-height:1.3em;}

/* index */
.ttl {position:fixed;bottom:60px;right:35px;opacity:0;z-index:200;}
.index .ttl_mov {position:absolute;top:50%;left:50%;margin:-71px 0 0 -350px;z-index:160;}
.index .btn_mov {position:absolute;top:50%;left:50%;margin:30px 0 0 -88px;z-index:160;}

/*villa_common */
.villa {}
.btn_villa a {position:fixed;bottom:130px;right:50%; margin-right:-350px; width:700px;height:270px;display:block;}
.btn_a a{background:url(../images/r1.png) no-repeat left top;}
.btn_b a{background:url(../images/r2.png) no-repeat left top;}
.btn_c a{background:url(../images/r3.png) no-repeat left top;}
.btn_d a{background:url(../images/r4.png) no-repeat left top;}
.btn_e a{background:url(../images/r5.png) no-repeat left top;}
.btn_f a{background:url(../images/r6.png) no-repeat left top;}
.btn_g a{background:url(../images/r7.png) no-repeat left top;}
.btn_h a{background:url(../images/r8.png) no-repeat left top;}


.villa_info {position:fixed;bottom:100%;background:#fff;width:100%;height:100%;z-index:300;}
.villa_info .info_in {position:relative;left top;width:1200px;height:100%;margin:0 auto;}