@charset "UTF-8";
html,body{font-family: 'Krona One', sans-serif;}

.header{position:fixed;left:0px;top:0px;z-index: 9;width:100%;transition:all 0.3s ease-in-out;}
.header.hideHeader{top:-100px;}
.header .logo{width:100%;text-align: center;margin-top:30px;margin-bottom:30px;}
.header .logo a{display: inline-block;width:110px;}
.header .logo img{max-width: 100%;}
.header .nav{position:absolute;right:6.5vw;top:43px;width:30px;z-index: 2;cursor:pointer;}
.header .nav span{display:block;width:100%;height:4px;}
.header .nav span:after{content: "";position:absolute;top:-4px;left:0px;height:4px;display:block;width:100%;background-color: #222;transition:all 0.3s ease-in-out;}
.header .nav span:before{content: "";position:absolute;top:4px;left:0px;height:4px;display:block;width:100%;background-color: #222;transition:all 0.3s ease-in-out;}

.header .nav.active span:after{transform:rotate(45deg);top:0;}
.header .nav.active span:before{transform:rotate(-45deg);top:0;}

.nav_bg{
	display: none;
	position: fixed;top:0px;left:0px;right:0px;bottom:0px;
	background-color: #fff;z-index: 8;
}
.nav_con{
	margin-top:6vw;padding-top:2vw;text-align: right;
	width:88%;margin-left:auto;margin-right:auto;
	height: 80vh;padding-right:20px;
}
.nav_con .swiper-slide {
	height: auto;
  }
.nav_con li{ margin-bottom: 2vw;}
.active .nav_con{border-top:1px solid #666;}

.nav_con li a{transition:all 0.3s ease-in-out;position: relative;}
.nav_con li a:after{
	content: "";
	position: absolute;
	display:block;
	width:0px;height:4px;
	background-color: #bb9a5a;
	transition:all 0.3s ease-in-out;
	left:0%;bottom:0px;
}
.nav_con li dl{margin-top:1vw;}
.nav_con li dd{margin-bottom: 0.5vw;}
.nav_con li dd a{color:#666}
.nav_con li a:hover{
	color:#bb9a5a;
	padding-right:10px;
}
.nav_con li a:hover:after{width:100%;}

.footer{position: fixed;width:100%;left:0px;bottom:0px;font-size: 12px;
	padding:2vw 6vw 1vw 6vw;
	background: linear-gradient(to top, rgba(0,0,0,0.3), rgba(0,0,0,0));
	z-index: 9;
}
.footer .f_con{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.footer .left{flex:1;}
.footer .left p{margin-bottom: 5px;color:#222;}
.footer .left .p1 a{color:#444;margin-right: 10px;}
.footer .left .p1 a:hover{color:#222;text-decoration: underline;}
.footer .left .p2 a{color:#fff;}
.footer .left .p2 span{display: inline-block;margin-right: 10px;}
.footer .right{display: flex;color:#444;flex-wrap: wrap;justify-content: flex-end;}
.footer .down{position:absolute;top:10%;left:50%;transform:translateX(-50%);z-index: 2;}
.footer .share a{margin-left:13px;}
.footer .policy{margin-left: 20px;}
.footer .policy a{text-decoration: underline;margin-left:10px;}
.footer .policy a:hover{color:#222;}


.touch_body .footer{position:static;display: block;height:auto;background:url('../img/bg_f.jpg') no-repeat;background-size: cover;}
.touch_body .footer .down{display:none;}
.touch_body .footer .left{float: left;}
.touch_body .footer .right{float: right;}



@media screen and (max-width: 1320px) {
	.footer{padding-bottom: 20px;}
	.footer .left{width:50%;}
	.footer .right{width:50%;text-align: right;}
	.footer .share{width:100%;}
	.footer .policy{margin-top: 10px;width:100%;}
	.footer .left .p2 a{color:#222;margin-top: 10px;display:block;}
}

@media screen and (max-width: 1000px) {
  .footer{padding-top: 20px;}
	.footer .right{justify-content: end;}
	.footer .policy{flex:0 0 100%;text-align: right;margin-top:10px;}

	.nav_con{margin-top:10vw;padding-top:5vw;}
	.nav_con li{margin-bottom: 8vw;}
	.nav_con li dl{margin-top:2vw;}
	.nav_con li dd{margin-bottom: 3vw;}
}
@media screen and (max-width: 700px) {

  .nav_con{margin-top:20vw;padding-top:10vw;padding-right:0px;}

	.footer{background: #e8e4dc;padding:6%;}
	.footer .left{float:none;width:100%;text-align: left;}
	.footer .left p{margin-bottom: 20px;}
	.footer .left .p1 a{display: block;margin-bottom: 5px;}
	.footer .right{float:none;width:100%;text-align: left;margin-top:5vw;}

	.touch_body .footer{background: #e8e4dc;padding:6%;}
	.touch_body .footer .left{float:none;width:100%;text-align: left;}
	.touch_body .footer .right{float:none;width:100%;text-align: left;margin-top:5vw;}
	.footer .share a{margin-right: 15px;margin-left:auto;}
	.footer .policy{text-align: left;flex:1;margin-left: 0;}
	.footer .policy a{margin-right: 10px;margin-left:0;}
}