html, body {
	position: relative;
	height: 100%;
}
body.load_set {
	overflow:hidden;
}

/*splash*/
#splash {
	position:relative;
	width:100%;
	height:500px;
	top:0;
	left:0;
	z-index:10;
}
#splash:before {
	position: fixed;
	content:" ";
	width:100%;
	height:500px;
	background:url(../common/images/dot2.png) 0 0 repeat;
	top:0;
	left:0;
	z-index:5;
}
#splash .catch {
	position:absolute;
	top:50%;
	left:50%;
	margin:-115px 0 0 -12px;
	width:24px;
	height:230px;
	z-index:10;
}
#splash .catch img {
	width:100%;
	height:auto;
}

/*mov sprite*/
#mov_sprite {
	position: fixed;
	width:100%;
	height:500px;
	overflow:hidden;
	z-index:1;
	top:0;
	left:0;
}
#mov_sprite .sp_wrap {
	margin:0 0 0 0;
	position: fixed;
	width:100%;
	height:560px;
	z-index:9;
	top:0;
	left:0;
}
#mov_sprite .sprite {
	width:100%;
	height:560px;
}
#mov_sprite .sprite img {
	width:1000%;
	height:auto;
}
#mov_sprite .imgposi-0 img {margin:0 0 0 0;}
#mov_sprite .imgposi-1 img {margin:0 0 0 -100%;}
#mov_sprite .imgposi-2 img {margin:0 0 0 -200%;}
#mov_sprite .imgposi-3 img {margin:0 0 0 -300%;}
#mov_sprite .imgposi-4 img {margin:0 0 0 -400%;}
#mov_sprite .imgposi-5 img {margin:0 0 0 -500%;}
#mov_sprite .imgposi-6 img {margin:0 0 0 -600%;}
#mov_sprite .imgposi-7 img {margin:0 0 0 -700%;}
#mov_sprite .imgposi-8 img {margin:0 0 0 -800%;}
#mov_sprite .imgposi-9 img {margin:0 0 0 -900%;}
#mov_sprite .imgposi-10 img {margin:-175% 0 0 0;}
#mov_sprite .imgposi-11 img {margin:-175% 0 0 -100%;}
#mov_sprite .imgposi-12 img {margin:-175% 0 0 -200%;}
#mov_sprite .imgposi-13 img {margin:-175% 0 0 -300%;}
#mov_sprite .imgposi-14 img {margin:-175% 0 0 -400%;}
#mov_sprite .imgposi-15 img {margin:-175% 0 0 -500%;}
#mov_sprite .imgposi-16 img {margin:-175% 0 0 -600%;}
#mov_sprite .imgposi-17 img {margin:-175% 0 0 -700%;}
#mov_sprite .imgposi-18 img {margin:-175% 0 0 -800%;}
#mov_sprite .imgposi-19 img {margin:-175% 0 0 -900%;}
#mov_sprite .imgposi-20 img {margin:-350% 0 0 0;}
#mov_sprite .imgposi-21 img {margin:-350% 0 0 -100%;}
#mov_sprite .imgposi-22 img {margin:-350% 0 0 -200%;}
#mov_sprite .imgposi-23 img {margin:-350% 0 0 -300%;}
#mov_sprite .imgposi-24 img {margin:-350% 0 0 -400%;}
#mov_sprite .imgposi-25 img {margin:-350% 0 0 -500%;}
#mov_sprite .imgposi-26 img {margin:-350% 0 0 -600%;}
#mov_sprite .imgposi-27 img {margin:-350% 0 0 -700%;}
#mov_sprite .imgposi-28 img {margin:-350% 0 0 -800%;}
#mov_sprite .imgposi-29 img {margin:-350% 0 0 -900%;}
#mov_sprite .imgposi-30 img {margin:-525% 0 0 0;}
#mov_sprite .imgposi-31 img {margin:-525% 0 0 -100%;}
#mov_sprite .imgposi-32 img {margin:-525% 0 0 -200%;}
#mov_sprite .imgposi-33 img {margin:-525% 0 0 -300%;}
#mov_sprite .imgposi-34 img {margin:-525% 0 0 -400%;}
#mov_sprite .imgposi-35 img {margin:-525% 0 0 -500%;}
#mov_sprite .imgposi-36 img {margin:-525% 0 0 -600%;}
#mov_sprite .imgposi-37 img {margin:-525% 0 0 -700%;}
#mov_sprite .imgposi-38 img {margin:-525% 0 0 -800%;}
#mov_sprite .imgposi-39 img {margin:-525% 0 0 -900%;}
#mov_sprite .imgposi-40 img {margin:-700% 0 0 0;}
#mov_sprite .imgposi-41 img {margin:-700% 0 0 -100%;}
#mov_sprite .imgposi-42 img {margin:-700% 0 0 -200%;}
#mov_sprite .imgposi-43 img {margin:-700% 0 0 -300%;}
#mov_sprite .imgposi-44 img {margin:-700% 0 0 -400%;}
#mov_sprite .imgposi-45 img {margin:-700% 0 0 -500%;}
#mov_sprite .imgposi-46 img {margin:-700% 0 0 -600%;}
#mov_sprite .imgposi-47 img {margin:-700% 0 0 -700%;}
#mov_sprite .imgposi-48 img {margin:-700% 0 0 -800%;}
#mov_sprite .imgposi-49 img {margin:-700% 0 0 -900%;}
#mov_sprite .imgposi-50 img {margin:-875% 0 0 0;}
#mov_sprite .imgposi-51 img {margin:-875% 0 0 -100%;}
#mov_sprite .imgposi-52 img {margin:-875% 0 0 -200%;}
#mov_sprite .imgposi-53 img {margin:-875% 0 0 -300%;}
#mov_sprite .imgposi-54 img {margin:-875% 0 0 -400%;}
#mov_sprite .imgposi-55 img {margin:-875% 0 0 -500%;}
#mov_sprite .imgposi-56 img {margin:-875% 0 0 -600%;}
#mov_sprite .imgposi-57 img {margin:-875% 0 0 -700%;}
#mov_sprite .imgposi-58 img {margin:-875% 0 0 -800%;}
#mov_sprite .imgposi-59 img {margin:-875% 0 0 -900%;}
#mov_sprite .imgposi-60 img {margin:-1050% 0 0 0;}
#mov_sprite .imgposi-61 img {margin:-1050% 0 0 -100%;}
#mov_sprite .imgposi-62 img {margin:-1050% 0 0 -200%;}
#mov_sprite .imgposi-63 img {margin:-1050% 0 0 -300%;}
#mov_sprite .imgposi-64 img {margin:-1050% 0 0 -400%;}
#mov_sprite .imgposi-65 img {margin:-1050% 0 0 -500%;}
#mov_sprite .imgposi-66 img {margin:-1050% 0 0 -600%;}
#mov_sprite .imgposi-67 img {margin:-1050% 0 0 -700%;}
#mov_sprite .imgposi-68 img {margin:-1050% 0 0 -800%;}
#mov_sprite .imgposi-69 img {margin:-1050% 0 0 -900%;}
#mov_sprite .imgposi-70 img {margin:-1225% 0 0 0;}
#mov_sprite .imgposi-71 img {margin:-1225% 0 0 -100%;}
#mov_sprite .imgposi-72 img {margin:-1225% 0 0 -200%;}
#mov_sprite .imgposi-73 img {margin:-1225% 0 0 -300%;}
#mov_sprite .imgposi-74 img {margin:-1225% 0 0 -400%;}
#mov_sprite .imgposi-75 img {margin:-1225% 0 0 -500%;}
#mov_sprite .imgposi-76 img {margin:-1225% 0 0 -600%;}
#mov_sprite .imgposi-77 img {margin:-1225% 0 0 -700%;}
#mov_sprite .imgposi-78 img {margin:-1225% 0 0 -800%;}
#mov_sprite .imgposi-79 img {margin:-1225% 0 0 -900%;}
#mov_sprite .imgposi-80 img {margin:-1400% 0 0 0;}
#mov_sprite .imgposi-81 img {margin:-1400% 0 0 -100%;}
#mov_sprite .imgposi-82 img {margin:-1400% 0 0 -200%;}
#mov_sprite .imgposi-83 img {margin:-1400% 0 0 -300%;}
#mov_sprite .imgposi-84 img {margin:-1400% 0 0 -400%;}
#mov_sprite .imgposi-85 img {margin:-1400% 0 0 -500%;}
#mov_sprite .imgposi-86 img {margin:-1400% 0 0 -600%;}
#mov_sprite .imgposi-87 img {margin:-1400% 0 0 -700%;}
#mov_sprite .imgposi-88 img {margin:-1400% 0 0 -800%;}
#mov_sprite .imgposi-89 img {margin:-1400% 0 0 -900%;}
#mov_sprite .imgposi-90 img {margin:-1575% 0 0 0;}
#mov_sprite .imgposi-91 img {margin:-1575% 0 0 -100%;}
#mov_sprite .imgposi-92 img {margin:-1575% 0 0 -200%;}
#mov_sprite .imgposi-93 img {margin:-1575% 0 0 -300%;}
#mov_sprite .imgposi-94 img {margin:-1575% 0 0 -400%;}
#mov_sprite .imgposi-95 img {margin:-1575% 0 0 -500%;}
#mov_sprite .imgposi-96 img {margin:-1575% 0 0 -600%;}
#mov_sprite .imgposi-97 img {margin:-1575% 0 0 -700%;}
#mov_sprite .imgposi-98 img {margin:-1575% 0 0 -800%;}
#mov_sprite .imgposi-99 img {margin:-1575% 0 0 -900%;}
#mov_sprite .imgposi-100 img {margin:-1750% 0 0 0;}
#mov_sprite .imgposi-101 img {margin:-1750% 0 0 -100%;}
#mov_sprite .imgposi-102 img {margin:-1750% 0 0 -200%;}
#mov_sprite .imgposi-103 img {margin:-1750% 0 0 -300%;}

/*contents*/
#contents {
	width:100%;
	position: relative;
	z-index:15;
}

/*tradition*/
#contents #tradition {
	background-color:#000;
	width:100%;
}
#contents #tradition h2 {
	background-color:#FFF;
	width:100%;
	height:50px;
	position:relative;
}
#contents #tradition h2 img {
	position:absolute;
	width:90px;
	height:15px;
	top:17.5px;
	left:50%;
	margin:0 0 0 -45px;
}
#contents #tradition ul li img {
	width:100px;
	height:100px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-50px 0 0 -50px;
	z-index:10;
	-moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;
}
#contents #tradition ul li a {
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	background:rgba(0,0,0,0.0);
}
#contents #tradition ul li a.hover {
	background:rgba(0,0,0,0.2);
}
#contents #tradition ul li a.hover img {
 -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}
#contents #tradition ul li:before {
	content: " ";
	display:block;
	width:100%;
	height:180px;
	background:url(../common/images/dot2.png) 0 0 repeat;
	position:absolute;
	top:0;
	left:0;
	z-index:5;
}
#contents #tradition ul .nav_tousyou {
	width:100%;
	height:180px;
	position: relative;
	background:url(../images/bg_tousyou.png) center center no-repeat;
	background-size:cover;
}
#contents #tradition ul .nav_usyou {
	width:100%;
	height:180px;
	position: relative;
	background:url(../images/bg_usyou.png) center center no-repeat;
	background-size:cover;
}

/*sns*/
#contents #sns {
	background-color:#000;
	width:100%;
	padding-top:35px;
}
#contents #sns ul li img {
	width:50px;
	height:50px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-25px 0 0 -25px;
	z-index:10;
	-moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;
}
#contents #sns ul li a {
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	background:rgba(0,0,0,0.0);
}
#contents #sns ul li a.hover {
	background:rgba(0,0,0,0.2);
}
#contents #sns ul li a.hover img {
 -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}
#contents #sns ul li:before {
	content: " ";
	display:block;
	width:100%;
	height:180px;
	background:url(../common/images/dot2.png) 0 0 repeat;
	position:absolute;
	top:0;
	left:0;
	z-index:5;
}
#contents #sns ul .nav_insta {
	width:100%;
	height:180px;
	position: relative;
	background:url(../images/bg_insta.png) center center no-repeat;
	background-size:cover;
}
#contents #sns ul .nav_fb {
	width:100%;
	height:180px;
	position: relative;
	background:url(../images/bg_tw.png) center center no-repeat;
	background-size:cover;
}

@media screen and (min-width: 737px) {
/*splash*/
#splash {
	position:relative;
	width:100%;
	height:100% !important;
	top:0;
	left:0;
	z-index:10;
}
#splash:before {
	position: fixed;
	content:" ";
	width:100%;
	height:100%;
	background:url(../common/images/dot.png) 0 0 repeat;
	top:0;
	left:0;
	z-index:5;
}
#splash .video {
	width:100%;
	height:100%;
}
#splash .catch {
	position:absolute;
	top:50%;
	left:50%;
	margin:-100px 0 0 -12px;
	width:24px;
	height:230px;
}
#mov_sprite {
	height:100% !important;
}

/*contents*/
#contents {
	width:100%;
	position: relative;
	z-index:15;
}

/*tradition*/
#contents #tradition {
	background-color:#000;
	width:100%;
}
#contents #tradition h2 {
	background-color:#FFF;
	width:100%;
	height:140px;
	position:relative;
}
#contents #tradition h2 img {
	position:absolute;
	width:20px;
	height:110px;
	top:15px;
	left:50%;
	margin:0 0 0 -10px;
}
#contents #tradition ul li img {
	width:200px;
	height:200px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-100px 0 0 -100px;
	z-index:10;
	-moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;
}
#contents #tradition ul li a {
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	background:rgba(0,0,0,0.0);
}
#contents #tradition ul li a.hover {
	background:rgba(0,0,0,0.2);
}
#contents #tradition ul li a.hover img {
 -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}
#contents #tradition ul li:before {
	content: " ";
	display:block;
	width:100%;
	height:360px;
	background:url(../common/images/dot.png) 0 0 repeat;
	position:absolute;
	top:0;
	left:0;
	z-index:5;
}
#contents #tradition ul .nav_tousyou {
	width:100%;
	height:360px;
	position: relative;
	background:url(../images/bg_tousyou.png) center center no-repeat;
	background-size:cover;
}
#contents #tradition ul .nav_usyou {
	width:100%;
	height:360px;
	position: relative;
	background:url(../images/bg_usyou.png) center center no-repeat;
	background-size:cover;
}

/*sns*/
#contents #sns {
	background-color:#000;
	width:100%;
	padding-top:90px;
}
#contents #sns ul li img {
	width:200px;
	height:50px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-25px 0 0 -100px;
	z-index:10;
	-moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;
}
#contents #sns ul li a {
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	background:rgba(0,0,0,0.0);
}
#contents #sns ul li a.hover {
	background:rgba(0,0,0,0.2);
}
#contents #sns ul li a.hover img {
 -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}
#contents #sns ul li:before {
	content: " ";
	display:block;
	width:100%;
	height:360px;
	background:url(../common/images/dot.png) 0 0 repeat;
	position:absolute;
	top:0;
	left:0;
	z-index:5;
}
#contents #sns ul .nav_insta {
	width:100%;
	height:360px;
	position: relative;
	background:url(../images/bg_insta.png) center center no-repeat;
	background-size:cover;
}
#contents #sns ul .nav_fb {
	width:100%;
	height:360px;
	position: relative;
	background:url(../images/bg_tw.png) center center no-repeat;
	background-size:cover;
}
}