@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville');

li {list-style: none; color: inherit; }
a, a:hover, a:focus, a:active, a:link, a:visited { text-decoration: none; color: #131313; }

table { border-spacing: inherit; }
ul {    margin: 0;
    padding: 0;}

/* Common */
.clearfix::after {
	content:'';
	display: block;
	clear: both;
}
.wrapper {
	width:1200px;
    
    position: relative;
}
.wrap_1279 { width: 1279px;
        margin: 0 auto;
}

.booking_wrap { padding: 60px 0; }

.hide {
	display: none
}



strong { font-weight: bold; }

.tit_box { text-align: center; margin-bottom: 60px; background-image: url(../img/main/tit_bg.png); background-repeat: no-repeat; background-position: center; }
h3 { font-size: 26px; color: #000; font-weight: bold; margin-bottom: 13px; text-transform: uppercase;   } 
.tit_bg {  }
.tit_desc { color: #666;  }


.view_btn_box { text-align: center }
.view_btn_box>div { display: inline-block; }
.view_btn_box>div:nth-child(2) { margin-left: 10px }
.view_btn  { width: 252px; background-color: #ccc; color: #fff; padding: 10px 0; text-align: center; text-transform: uppercase; transition: all 0.3s; }
.view_btn:hover { background-color: #b3b0da; }
.view_btn p:nth-child(1) { font-size: 16px; margin-bottom: 4px;  }



.list_style1 { overflow: hidden; text-align: center; }
.list_style1 li { width: 24.25%; margin-left: 1%; float: left; }
.list_style1 li:nth-child(1) { margin-top: 55px;  }
.list_style1 li:nth-child(2) { margin-top: 110px; }
.list_style1 li:nth-child(4) { margin-top: 55px;  }
.list_style1 li img { width: 100%; }
.list_style1 li:first-child { margin-left: 0; }
.list_style1 li>a>div:nth-child(2) { font-size: 22px; color: #000; font-weight: bold; text-transform: uppercase; margin-top: 15px; margin-bottom: 9px; }
.list_style1 li>a>div:nth-child(3) { margin-bottom: 1px; }


.list_style1 li:hover .hover_bg { opacity: 1; }
.img_box { position: relative;}
.hover_bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); color: #fff; opacity: 0; transition: all 0.3s; }
.hover_bg p { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-transform: uppercase; border: 1px solid #fff; width: 140px; height: 45px; line-height: 45px; font-size: 16px;  }



/*** header ***/
.header{position:fixed;top:0;left:0;width:100%;z-index:9999;box-sizing:border-box; background:rgba(255,255,255,0);}
.header .gnb_wrap{height:80px; width:1200px; margin:0 auto;}
.gnb_wrap h1.logo{float:left;margin-top:10px;}
.gnb_wrap ul.h_btn{float:right; right:45px;top:0;}
.gnb_wrap ul.h_btn li{display:inline-block;line-height:80px;}
.gnb_wrap ul.h_btn li > a{ padding:15px 20px; color:#fff;text-shadow:0 0 3px #000;    font-weight: 900;}
.gnb_wrap ul.h_btn li:nth-child(1) > a{padding-right:0;}
/* .gnb_wrap ul.h_btn li:nth-child(2) > a{padding-right:0;} */
.gnb_wrap ul.h_btn li.reserve{border:solid 1px #fff; box-sizing:border-box; line-height:30px; box-shadow:0 0 1px #333;}
.gnb_wrap .nav{float:right;}
.gnb_wrap .nav ul.menu > li.gnb1{position:relative;float:left;font-size:16px; display:table;}
.gnb_wrap .nav ul.menu > li.gnb1 > h2.title{font-weight:normal;}
.gnb_wrap .nav ul.menu > li.gnb1 > h2.title > a{line-height:80px; width:130px; display:block; text-align:center; color:#fff; text-shadow:0 0 3px #000;  font-weight: 900;}
.gnb_wrap .nav ul.menu > li.gnb1:nth-child(2) > h2.title > a{width:143px;}
.gnb_wrap .nav ul.menu > li.gnb1 > ul.sub_m{height:276px; background:linear-gradient( to top, rgba(0,0,0,0), rgba(0,0,0,0.5) ); text-align:center; width:100%; box-sizing:border-box;position:absolute; top:80px; left:0; display:none;}
.gnb_wrap .nav ul.menu > li.gnb1 > ul.sub_m > li > a{display:block; padding:15px 0; font-size:14px; color:#fff; font-weight:bold;text-shadow: 0 0 3px #000;}
.gnb_wrap .nav ul.menu > li.gnb1 > ul.sub_m > li > a:hover{font-weight:bold;}
.gnb_wrap .nav ul.menu > li.gnb1:last-child > h2.title > a{line-height:50px;margin-top:15px; background:#2d221e;}

.ft{clear: both;} 	

#footer {   }
#footer .ft_top { background-color: #7470bb; text-align: center; padding: 19px 0; }
#footer .ft_top .ft_info { overflow: hidden; font-size: 0; }
#footer .ft_top .ft_info li { display: inline-block; color: #fff; font-size: 12px; background-image: url(../img/main/ft_line.jpg); background-repeat: no-repeat; background-position: left center; padding: 1px 5px; transition: all 0.3s; }
#footer .ft_top .ft_info li:hover { color: #00fff5; }
#footer .ft_top .ft_info li:nth-child(1) { background-image: none; }

#footer .ft_bottom { background-color: #000; text-align: center; padding: 40px 0;  }
#footer .ft_bottom .ft_logo { background-image: url(../img/main/ft_logo_line.png); background-repeat: no-repeat; background-position: center; }
#footer .ft_bottom .address { margin-top: 18px; margin-bottom: 15px; font-size: 12px; color: #888; }
#footer .ft_bottom .copy { color: #888; font-size: 12px; }

.go_mobile{text-align:left;margin-top:15px;}
.go_mobile a{display: inline-block;
    padding: 5px 10px;
    border: solid 1px #666666;
    border-radius: 20px;
    font-size: 0.8em;
    color: #fff;}

span.btn {        padding: 0.2em 0.5em;
    background-color: red;
    color: #fff;
    display: inline-grid;
    /* text-align: center; */
    /* margin: 0 auto; */
    cursor: pointer;}
span.complate {    padding: 0.2em 0.5em;
    background-color: blue;
    color: #fff;
    display: inline-grid;}
span.cancel {    padding: 0.2em 0.5em;
    background-color: gray;
    color: #fff;
    display: inline-grid;}
span.degi{    
	padding: 0.2em 0.5em;
    background-color: orange;
    color: #fff;
    display: inline-grid;
}
div.center {text-align:center;}
.mb3 {margin-bottom:3em !important}
.fs08 {font-size:0.8em !important}
.fs10 {font-size:1em !important}
.fs12 {font-size:1.2em !important}
.fs13 {font-size:1.3em !important}
.fs14 {font-size:1.4em !important}
.fs15 {font-size:1.5em !important}
.fs16 {font-size:1.6em !important}
.fs18 {font-size:1.8em !important}
.fs20 {font-size:2.0em !important}
.fs25 {font-size:2.5em !important}
.fs30 {font-size:3.0em !important}
.pcolor{color:#90cc1b !important}
.pcolor2{color:#02a7e4 !important}