html {
	height: 100%;
}
body {
	height: 100%;
}
body {

}
.header .hamberger {
	right: 90px;
}
.header .lang-sel {
	right: 140px;
}
.visual-wrap {
	height: 762px; position: relative; z-index: 1; min-width: 1440px;
}
.visual-wrap .view {
	height: 100%;
}
.visual-wrap .view > li {
	left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute;
}
.visual-wrap .view > li:nth-child(1) .bg span {
	background-image: url("/images/main/visual1.jpg");
}
.visual-wrap .view > li:nth-child(2) .bg span {
	background-image: url("/images/main/visual2.jpg");
}
.visual-wrap .view > li:nth-child(3) .bg span {
	background-image: url("/images/main/visual3.jpg");
}
.visual-wrap .view > li:nth-child(4) .bg span {
	background-image: url("/images/main/visual4.jpg");
}
.visual-wrap .view > li:nth-child(5) .bg span {
	background-image: url("/images/main/visual5.jpg");
}
.visual-wrap .view > li.on {
	display: block;
}
.visual-wrap .view .bg {
	height: 100%;
}
.visual-wrap .view .bg li {
	height: 100%; overflow: hidden; vertical-align: top; position: absolute;
}
.visual-wrap .view .bg li span {
	background-position: center; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-repeat: no-repeat; background-size: cover;
}
.visual-wrap .view .bg li:nth-child(1) {
	width: 5%;
}
.visual-wrap .view .bg li:nth-child(7) {
	left: 95%; width: 5%;
}
.visual-wrap .view .bg li:nth-child(2) {
	left: 5%; width: 10%;
}
.visual-wrap .view .bg li:nth-child(6) {
	left: 85%; width: 10%;
}
.visual-wrap .view .bg li:nth-child(3) {
	left: 15%; width: 20%;
}
.visual-wrap .view .bg li:nth-child(5) {
	left: 65%; width: 20%;
}
.visual-wrap .view .bg li:nth-child(4) {
	left: 35%; width: 30%;
}
.visual-wrap .view .bg.reverse li {
	left: auto;
}
.visual-wrap .view .bg.reverse li:nth-child(1) {
	right: 95%;
}
.visual-wrap .view .bg.reverse li:nth-child(2) {
	right: 85%;
}
.visual-wrap .view .bg.reverse li:nth-child(3) {
	right: 65%;
}
.visual-wrap .view .bg.reverse li:nth-child(4) {
	right: 35%;
}
.visual-wrap .view .bg.reverse li:nth-child(5) {
	right: 15%;
}
.visual-wrap .view .bg.reverse li:nth-child(6) {
	right: 5%;
}
.visual-wrap .view .bg.reverse li:nth-child(7) {
	right: 0%;
}
.visual-wrap .txt-wrap {
	left: 33%; top: 56%; height: 330px; padding-top: 67px; position: absolute; z-index: 7; box-sizing: border-box; transform: translate(0px, -50%); -webkit-transform: translate(0, -50%);
	width:600px;
	text-align:center;
	margin:0 auto;
}
.visual-wrap .txt-wrap .txt1 {
	left: 0px; top: 0px; position: absolute; z-index: 1; opacity: 0;
	text-align:center;
}
.visual-wrap .txt-wrap .txt1 span {
	color:#fff;font-size:48px!important;display:inline-block;margin-bottom:27px;font-family: "Calisto MT";font-weight: 400;font-style: normal;
	letter-spacing:3px;
}
.visual-wrap .txt-wrap .txt1 em {
	/*background: rgb(179, 158, 138); left: 0px; width: 0px; height: 10px; bottom: 0px; position: absolute; z-index: -1;*/
}
.visual-wrap .txt-wrap .title {
	color:#fff;font-size:32px!important;font-family:'Tw Cen MT',sans-serif;
	letter-spacing:2px;
	margin-left:-55px;
	display:block;
	margin-top:20px;
}
.visual-wrap .txt-wrap .desc {
	width: 100%; color: rgb(255, 255, 255); line-height: 25px; padding-top: 25px; font-size: 16px; display: inline-block; -ms-word-break: keep-all; opacity: 0;margin-left:-100px;
}
.visual-wrap .txt-wrap .desc a{width:170px;display:inline-block;height:51px;line-height:52px;padding:0 20px;text-align:center;background:url(../images/btn_arrow.png) no-repeat 90% center rgba(255,255,255,.6);border:1px solid #9d836a;color:#8f6c49;padding-right:50px;margin-top:10px;clear:both;}
.visual-wrap .menu {
	opacity: 0;
}
.visual-wrap .menu {
	top: 50%; width: 270px; height: 235px; right: 10%; overflow: hidden; position: absolute; z-index: 7; transform: translate(0px, -50%); transform-style: preserve-3d; -webkit-transform: translate(0, -50%);
}
[lang='ko'] .visual-wrap .menu {
	width: 235px; right: 15%;
}
.visual-wrap .menu::before {
	border-width: 14px 14px 0px 0px; border-style: solid; border-color: rgba(255, 255, 255, 0.4); left: 0px; top: 0px; width: 100%; height: 50px; position: absolute; content: ""; box-sizing: border-box;
}
.visual-wrap .menu::after {
	border-width: 0px 0px 14px 14px; border-style: solid; border-color: rgba(255, 255, 255, 0.4); left: 0px; width: 100%; height: 50px; bottom: 0px; position: absolute; content: ""; box-sizing: border-box;
}
.visual-wrap .menu > ul {
	left: 0px; top: 50%; width: 100%; padding-left: 40px; position: absolute; box-sizing: border-box; transform: translate(0px, -50%); -webkit-transform: translate(0, -50%);
}
.visual-wrap .menu > ul li {
	padding: 17px 0px; opacity: 0;
}
.visual-wrap .menu > ul li a {
	color: rgb(255, 255, 255); line-height: 20px; font-family: "Roboto","notoM","notoM-etc",sans-serif; font-size: 18px; font-weight: 500; display: block;
}
[lang='en'] .visual-wrap .menu > ul li a {
	-ms-word-break: keep-all;
}
.visual-wrap .nav {
	left: 80px; bottom: 10%; width: 120px; height: 45px; text-align: center; position: absolute; z-index: 10;
}
.visual-wrap .nav::after {
	display: none;
}
.visual-wrap .nav a:not(.current) {
	width: 15px; height: 44px; vertical-align: middle; display: inline-block; position: relative; z-index: 1; cursor: pointer;
}
.visual-wrap .nav a.prev {
	background: url("../images/btn-prev.png") no-repeat 50% 50%; opacity: 0.6;
}
.visual-wrap .nav a.next {
	background: url("../images/btn-next.png") no-repeat 50% 50%; opacity: 0.6;
}
.visual-wrap .nav .current {
	margin: 0px 8px; width: 44px; height: 44px; display: inline-block; position: relative;
}
.visual-wrap .nav .current::before {
	border-radius: 22px; border: 1px solid rgb(255, 255, 255); border-image: none; left: 0px; top: 0px; width: 44px; height: 44px; position: absolute; content: ""; opacity: 0.8;
}
.visual-wrap .nav .current::after {
	background: url("/images/main/main-stop.png") no-repeat 50% 50%; left: 0px; top: 0px; width: 44px; height: 44px; display: none; position: absolute; content: "";
}
.visual-wrap .nav .current.play::after {
	background-image: url("/images/main/main-play.png");
}
.visual-wrap .nav .current .num {
	left: 50%; top: 50%; text-align: center; color: rgb(255, 255, 255); line-height: 20px; font-family: "Roboto"; font-size: 14px; position: absolute; transform: translate(-50%, -50%);
}
.visual-wrap .nav .current:hover::after {
	display: block;
}
.visual-wrap .nav .current:hover .num {
	display: none;
}
.visual-wrap .nav a.prev:hover {
	opacity: 1;
}
.visual-wrap .nav a.next:hover {
	opacity: 1;
}
.visual-wrap .nav .circle {
	transform-origin: center 50%; stroke: #fff; stroke-dasharray: 289; stroke-dashoffset: 289; stroke-width: 9px;
}
.visual-wrap .nav .loader {
	width: 44px; height: 44px; overflow: visible; vertical-align: middle; display: inline-block; fill: none; stroke: #fff; transform: rotate(-90deg);
}
.visual-wrap .load-bg {
	left: 0px; top: 0px; display: none; position: absolute;
}
.visual-wrap .btn-side {
	background: url("/images/main/sns-txt.png") no-repeat 50% 50%; left: 0px; top: 0px; width: 50px; height: 100%; position: absolute; z-index: 5; cursor: pointer;
}
body.sns .visual-wrap .view li.on .txt-wrap {
	opacity: 0;
}
body.sns .visual-wrap .view li.on .menu {
	opacity: 0 !important;
}
body.sns .sns-wrap {
	-ms-overflow-x: auto; -ms-overflow-y: hidden;
}
.sns-wrap {
	left: 100%; top: 0px; width: 100%; height: 100%; overflow: hidden; position: fixed; z-index: 100; box-sizing: border-box; transform: translateX(-50px);
}
.sns-wrap .inner {
	background: rgb(255, 255, 255); width: 100%; height: 100%; padding-left: 560px; margin-left: 0px; position: relative; min-width: 1340px;
}
.sns-wrap .btn-side {
	background: url("/images/main/sns-txt.png") no-repeat 50% 50%; left: 0px; top: 0px; width: 50px; height: 100%; position: absolute; z-index: 5; cursor: pointer;
}
.sns-wrap.init .btn-side {
	background-image: url("/images/main/sns-txt2.png");
}
.sns-wrap.init .swiper-container {
	margin-left: -100px;
}
.sns-wrap .swiper-container {
	background: rgb(238, 238, 238); margin: 0px; left: 0px; top: 0px; width: 660px; height: 100%; vertical-align: top; position: absolute; z-index: 2;
}
.sns-wrap .swiper-slide {
	background-position: 50% 100%; width: 660px; overflow: hidden; background-repeat: no-repeat; background-size: 660px 1080px;
}
.sns-wrap .swiper-slide > img {
	left: 50%; position: relative; transform: translateX(-50%);
}
.sns-wrap .swiper-slide .txt-group {
	left: 126px; top: 120px; width: 410px; position: absolute; z-index: 1;
}
.sns-wrap .swiper-slide .txt-group > * {
	color: rgb(255, 255, 255); display: block;
}
.sns-wrap .swiper-slide .div {
	line-height: 1; font-size: 18px; font-weight: 500;
}
.sns-wrap .swiper-slide .title {
	margin: 28px 0px; line-height: 1.1; letter-spacing: 1px; font-family: "Roboto","notoL","notoL-etc",sans-serif !important; font-size: 56px; font-weight: 300; position: relative; -ms-word-break: keep-all;
}
.sns-wrap .swiper-slide .explan {
	width: 280px; line-height: 26px; letter-spacing: 0px; font-size: 16px; -ms-word-break: keep-all;
}
.sns-wrap .swiper-slide .btn-more {
	border: 1px solid rgb(255, 255, 255); border-image: none; width: 140px; height: 48px; text-align: center; line-height: 48px; font-size: 14px; margin-top: 57px;
}
.sns-wrap .swiper-control {
	left: 50%; bottom: 25px; position: absolute; z-index: 1; transform: translateX(-50%);
}
.sns-wrap .swiper-control .control {
	background: url("/images/main/stop.png") no-repeat 50% 50%; margin: 0px 4px; width: 10px; height: 10px; vertical-align: middle; display: inline-block;
}
.sns-wrap .swiper-control .control.play {
	background-image: url("/images/main/play.png");
}
.sns-wrap .swiper-pagination {
	display: inline-block; position: static;
}
.sns-wrap .swiper-pagination span {
	margin: 0px 7px; border-radius: 5px; border: 2px solid rgb(255, 255, 255); border-image: none; width: 10px; height: 10px; background-color: transparent;
}
.sns-wrap .swiper-pagination span.swiper-active-switch {
	border: currentColor; border-image: none; background-color: rgb(255, 255, 255);
}
.sns-wrap .right-wrap {
	height: 100%; position: relative;
}
.sns-wrap .sns-body {
	width: 100%; height: 100%; position: relative; -ms-overflow-x: hidden; -ms-overflow-y: auto;
}
.sns-wrap .fix-head {
	background: rgb(255, 255, 255); transition:0.2s ease-in-out; left: 0px; top: 0px; width: 100%; height: 135px; text-align: center; padding-top: 70px; position: absolute; z-index: 1; box-sizing: border-box;
}
.sns-wrap .fix-head.fix {
	height: 70px; padding-top: 22px; box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
}
.sns-wrap .fix-head .dropbox {
	height: 60px; border-bottom-color: rgb(51, 51, 51); border-bottom-width: 2px; border-bottom-style: solid; display: inline-block; position: relative; min-width: 350px;
}
.sns-wrap .fix-head .dropbox > a {
	transition:0.2s ease-in-out; color: rgb(34, 34, 34); line-height: 35px; padding-right: 30px; font-size: 30px; display: inline-block; position: relative;
}
.sns-wrap .fix-head .dropbox > a::after {
	background: url("/images/main/arrow.png") no-repeat 0px 0px; transition:0.2s ease-in-out; top: 50%; width: 12px; height: 8px; right: 0px; margin-top: -4px; position: absolute; content: "";
}
.sns-wrap .fix-head .dropbox.drop > a::after {
	transform: rotate(180deg);
}
.sns-wrap .fix-head.fix .dropbox {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
.sns-wrap .fix-head.fix .dropbox > a {
	line-height: 25px; font-size: 20px;
}
.sns-wrap .fix-head .dropbox > div {
	background: rgb(249, 249, 249); border-width: 2px 1px 1px; border-style: solid; border-color: rgb(51, 51, 51) rgb(232, 232, 232) rgb(232, 232, 232); padding: 24px 0px; border-image: none; left: 0px; top: 58px; width: 100%; display: none; position: absolute; max-height: 500px;
}
.sns-wrap .fix-head.fix .dropbox > div {
	top: 47px;
}
.sns-wrap .fix-head .dropbox ul li {
	padding: 12px 0px;
}
.sns-wrap .fix-head .dropbox ul li a {
	text-align: center; color: rgb(102, 102, 102); line-height: 20px; font-size: 15px; position: relative;
}
.sns-wrap .fix-head .dropbox ul li a:hover {
	color: rgb(171, 141, 103);
}
.sns-wrap .fix-head .dropbox ul li a:hover::after {
	background: rgb(210, 195, 176); left: 0px; width: 100%; height: 1px; bottom: -2px; position: absolute; content: "";
}
.sns-wrap .fix-head .dropbox .mCSB_scrollTools {
	right: 10px;
}
.sns-wrap .sns-cont {
	text-align: center; overflow: hidden; padding-top: 195px;
}
.sns-wrap .grid {
	margin: 0px auto; width: 950px; padding-top: 74px;
}
.sns-wrap .grid-gutter {
	width: 150px; display: block;
}
.sns-wrap .grid-item {
	width: 400px; text-align: left; margin-bottom: 120px; display: inline-block;
}
.sns-wrap :not(.fix).grid-item {
	opacity: 0;
}
.sns-wrap .grid-item.on {
	opacity: 1;
}
.sns-wrap .grid-item .div {
	color: rgb(51, 51, 51); line-height: 1; letter-spacing: 0px; font-family: "Roboto","notoM",sans-serif; font-size: 14px; font-weight: 500; margin-bottom: 20px; display: block;
}
.sns-wrap .grid-item .img {
	overflow: hidden; display: block; position: relative;
}
.sns-wrap .grid-item .img img {
	border: 0px currentColor; transition:0.6s ease-out; border-image: none; width: 100%; transform: scale(1);
}
.sns-wrap .grid-item .img:hover img {
	transform: scale(1.1);
}
.sns-wrap .grid-item .tit {
	margin: 25px 0px 10px; color: rgb(102, 102, 102); line-height: 22px; font-size: 14px; display: block; max-height: 44px;
}
.sns-wrap .grid-item .hash-tag {
	font-size: 0px;
}
.sns-wrap .grid-item .hash-tag > span {
	color: rgb(157, 131, 106); line-height: 24px; font-family: "Roboto","notoR",sans-serif; font-size: 13px; margin-right: 10px; display: inline-block;
}
.sns-wrap .grid-item .info {
	font-size: 0px; margin-top: 20px;
}
.sns-wrap .grid-item .info span {
	color: rgb(160, 160, 160); letter-spacing: 0px; font-size: 13px;
}
.sns-wrap .grid-item .info .sns-div::after {
	margin: 0px 6px; width: 2px; height: 2px; vertical-align: middle; display: inline-block; content: ""; background-color: rgb(216, 216, 216);
}
.sns-wrap .hash-tag-wrap {
	text-align: center; font-size: 0px;
}
.sns-wrap .hash-tag-wrap label {
	margin: 0px 3px 6px; display: inline-block;
}
.sns-wrap .hash-tag-wrap span {
	padding: 0px 12px; border-radius: 14px; border: 1px solid rgb(206, 193, 180); border-image: none; height: 30px; color: rgb(157, 131, 106); line-height: 28px; letter-spacing: 0.5px; font-size: 13px; display: inline-block;
}
.sns-wrap .hash-tag-wrap input:checked + span {
	border-color: rgb(157, 131, 106); color: rgb(255, 255, 255); background-color: rgb(157, 131, 106);
}
.sns-wrap .btn-group {
	padding-bottom: 100px;
}
.footer {
	left: 0px; width: 100%; height: 80px; bottom: 0px; padding-left: 80px; position: absolute; z-index: 7; box-sizing: border-box;
}
.footer > a {
	font-size: 13px; display: inline-block;
}
.footer > a:hover {
	text-decoration: underline;
}
.footer .util1 {
	color: rgb(255, 255, 255); padding-right: 12px; opacity: 0.6;
}
.footer .util2 {
	color: rgb(228, 205, 178); padding-left: 15px; font-size: 13px; position: relative;
}
.footer .util2::before {
	background: rgb(255, 255, 255); left: 0px; top: 50%; width: 1px; height: 12px; margin-top: -6px; position: absolute; content: ""; opacity: 0.3;
}
.footer .copylight {
	color: rgb(255, 255, 255); text-transform: uppercase; font-size: 13px; margin-top: 1px; opacity: 0.6;
}
@media screen and (max-width:1440px)
{
body {
	-ms-overflow-x: auto;
}
body.sns {
	-ms-overflow-x: hidden;
}
}
@media screen and (max-width:1500px)
{
.visual-wrap .menu {
	right: 80px !important;
}
}
@media screen and (max-width:1650px)
{
.sns-wrap .inner {
	padding-left: 450px;
}
.sns-wrap .swiper-container {
	width: 550px;
}
.sns-wrap .swiper-slide {
	width: 550px;
}
.sns-wrap .swiper-slide .txt-group {
	
}
.sns-wrap .swiper-slide .title {
	font-size: 52px;
}
.sns-wrap .grid {
	width: 720px; text-align: left;
}
.sns-wrap .grid-item {
	width: 320px;
}
.sns-wrap .grid-gutter {
	width: 80px;
}
}
@media screen and (min-height:1080px)
{
.sns-wrap .swiper-slide {
	background-size: cover;
}
}
[lang='en'] .footer {
	padding-top: 20px;
}
[lang='zh'] .footer {
	padding-top: 20px;
}
[lang='ja'] .footer {
	padding-top: 20px;
}
.floating-pop {
	left: 80px; top: 162px; display: inline-block; position: fixed; z-index: 200;
}
.floating-pop::before {
	background: rgb(102, 102, 102); left: -1px; top: -1px; width: calc(100% + 2px); height: calc(100% + 2px); position: absolute; z-index: -1; content: ""; opacity: 0.2;
}
.floating-pop > div {
	position: relative; z-index: 1;
}
.floating-pop .img {
	background: rgb(232, 232, 232); display: block;
}
.floating-pop img {
	width: 320px; height: 430px; display: block;
}
.floating-pop .checkbox {
	height: 16px;
}
.floating-pop .checkbox > span {
	color: rgb(102, 102, 102); line-height: 16px; padding-left: 26px; font-family: "Roboto","notoM",sans-serif; font-size: 12px; font-weight: 500; vertical-align: top;
}
.floating-pop .checkbox > span::before {
	background: url("/images/main/chk-off.png") no-repeat 0px 0px; width: 16px; height: 16px;
}
.floating-pop .checkbox > input[type='checkbox']:checked + span::before {
	background: url("/images/main/chk-on.png") no-repeat 0px 0px;
}
.floating-pop .btm {
	background: rgb(232, 232, 232); padding: 12px 20px; height: 40px; overflow: hidden; position: relative;
}
.floating-pop .btm > label {
	display: inline-block;
}
.floating-pop .pop-close {
	background: url("/images/main/pop-close.png") no-repeat 0px 0px; top: 14px; width: 12px; height: 13px; right: 20px; text-indent: -99999px; overflow: hidden; display: block; position: absolute;
}