@charset "utf-8";

/* layout */
#wrap{width: 720px; margin: 0 auto; overflow: hidden;}
header{position: fixed; z-index: 2; width: 720px; height: 100px; background-color: #fff;}
header > div{position: relative; height: 100px; border-bottom: 1px solid #bfbfbf;}
header > div:after{content: ''; display: block; clear: both;}
header div h1{position: absolute; left: 50%; top: 22px; margin-left: -52px;}
header div h2{float: left; padding: 22px 0 0 39px;}
header > div > a{float: right; padding:34px 46px 0 0;}
nav{display: none; position: fixed; clear: both; left: 50%; top: 112px; z-index: 10; width: 675px; margin-left: -337px;}
nav > div{position: relative; overflow-y: scroll; overflow-x: hidden;}
nav div div{position: absolute; left: 0; top: 0; width: 100%; margin-top: 312px; text-align: center;}
nav div div ul li{margin-bottom: 42px;}
nav div div ul li:fisrt-child{margin-bottom: 48px;}
nav div div ul li a{font-size: 0;}
nav div div > a:nth-child(2){position: absolute; left: 50%; top: 528px; width: 284px; height: 60px; margin-left: -142px; font-size: 0;}
nav div div > a:nth-child(3){position: absolute; left: 50%; top: 612px; width: 284px; height: 60px; margin-left: -142px; font-size: 0;}
nav div div > a:nth-child(4){position: absolute; left: 50%; top: 879px; width: 284px; height: 60px; margin-left: -142px; font-size: 0;}
nav div div > a:nth-child(5){position: absolute; left: 50%; top: 955px; width: 284px; height: 60px; margin-left: -142px; font-size: 0;}
nav div div > a:nth-child(6){position: absolute; left: 50%; top: 1031px; width: 284px; height: 60px; margin-left: -142px; font-size: 0;}
nav div div > a:nth-child(7){position: absolute; left: 50%; top: 1107px; width: 284px; height: 60px; margin-left: -142px; font-size: 0;}


main{padding-top: 100px;}
main > section{position: relative;}
main > section > img{display: block;}
main section .content{position: absolute; left: 0; top: 0; width: 720px; height: 100%;}

footer{position: relative;}
footer img{display: block;}
footer a{position: absolute; left: 48px; top: 217px; z-index: 1;}



/* home */
.home .section01 .content a{position: absolute; left: 50%; bottom: 419px; width: 409px; margin-left: -205px;}
.home .section03 .content > a{position: absolute; right: 56px; top: 193px;}
.home .section03 .carousel{position: relative; margin-top: 311px;}
.home .section03 .carousel > a{position: absolute; right: 0; top: 212px; z-index: 1;}
.home .section03 .carousel > a:first-child{left: 0;}
.home .section03 .carousel .homeSlick{width: 544px; margin: 0 auto; overflow: hidden;}
.home .section03 .homeMovie{position: relative;}
.home .section03 .homeMovie .movieSlick{margin-top: 380px;}
.home .section03 .homeMovie .homeMovieRight{position: absolute; right: 0; top: 110px; z-index: 1;}
.home .section03 .homeMovie .homeMovieLeft{position: absolute; left: 0; top: 110px; z-index: 1;}
.home .section03 .homeMovie .movieSlick .slick-track .slick-slide{}
.home .section03 .homeMovie .movieSlick .slick-track > div > div > li{text-align: center;}
.home .section03 .homeMovie .movieSlick .slick-track > div > div >  li > a > img{width: 592px; margin: 0 auto;}
.home .section03 .homeMovie .movieSlick .slick-track > div > div >  li > img{width: 385px; margin: 90px auto 40px auto;}
.home .section03 .homeMovie .movieSlick .slick-dots{position: absolute; left: 0; bottom: 320px; width: 100%; text-align: center;}
.home .section03 .homeMovie .movieSlick .slick-dots li{display: inline-block;}
.home .section03 .content .sns{width: 100%; text-align: center; font-size: 0;}
.home .section03 .content .sns li{display: inline-block; margin-left: 25px; font-size: 0;}
.home .section03 .content .sns li:first-child{margin-left: 0;}
.home .section04 .content a{position: absolute;}
.home .section04 .content a:nth-child(1){left: 90px; top: 307px;}
.home .section04 .content a:nth-child(2){right: 62px; top: 307px;}
.home .section04 .content a:nth-child(3){left: 297px; bottom: 30px;}
.home .section06{height: 100px;}
.home .section06 h2{float: left; padding: 25px 82px 0 82px;}
.home .section06 ul{float: left; padding-top: 20px;}
.home .section06 ul li{float: left; margin-left: 84px;}
.home .section06 ul li:first-child{margin-left: 0;}
.home .section06 ul li a{display: block;}

/* step1 */
.step1 .section01{}
.step1 .section01 .content > a:nth-child(1){position: absolute; left: 50%; top: 283px; width: 355px; margin-left: -177px;}
.step1 .section01 .content fieldset{margin-top: 420px;}
.step1 .section01 .content fieldset input[type=text]:nth-child(1){display: block; width: 400px; height: 40px; padding: 0 20px; margin: 73px 0 0 104px; color: #787e83; background: transparent; font-family: 'europe'; font-size: 34px;}
.step1 .section01 .content fieldset input[type=text]:nth-child(2){display: block; width: 400px; height: 40px; padding: 0 20px; margin: 48px 0 0 104px; color: #787e83; background: transparent; font-family: 'europe'; font-size: 34px;}
.step1 .section01 .content fieldset input[type=text]:nth-child(3){display: block; width: 440px; height: 76px; padding: 0 20px; margin: 136px 0 0 134px; color: #787e83; background: transparent; font-family: 'europe'; font-size: 34px;}
.step1 .section01 .content > a:nth-child(3){position: absolute; right: 50px; bottom: 307px;}
.step1 .section01 .content > a:nth-child(4){position: absolute; left: 50%; bottom: 62px; width: 409px; margin-left: -205px;}

/* step2 */
.step2 .section01{}
/* .step2 .section01 .content > a:nth-child(1){position: absolute; right: 54px; top: 283px;} */
.step2 .section01 .content > .step2_file_img{width:242px; height:82px; overflow:hidden; position: absolute; right: 54px; top: 283px;}
.step2 .section01 .content > .step2_file_img .step2_file_hidden {width:242px;height:75px;position:absolute;right:0px;top:0px;opacity:0;filter: alpha(opacity=0);-ms-filter: alpha(opacity=0);cursor:pointer;}


.step2 .section01 .step2Carousel{position: relative; margin-top: 404px;}
.step2 .section01 .step2Carousel .slider > a{position: absolute; right: 0; top: 212px; z-index: 1;}
.step2 .section01 .step2Carousel .slider > a:first-child{left: 0;}
.step2 .section01 .step2Carousel .slider .step2Slick{width: 544px; margin: 0 auto; overflow: hidden;}
.step2 .section01 .step2Carousel .slider .step2Slick img{margin-left: 1px;}
.step2 .section01 .step2Carousel .img{width: 544px; margin: 0 auto;}
.step2 .section01 .step2Carousel .img img{margin-left: 1px;}
.step2 .section01 .step2Carousel > img{position: absolute; left: 50%; top: 0; width: 544px; margin-left: -272px;}
.step2 .section01 .step2Carousel .txt{position: absolute; left: 225px; top: 352px; padding-top: 42px; text-align: center;}
.step2 .section01 .step2Carousel .txt em{position: absolute; right: 186px; top: 6px; font-size: 15px; font-weight: 700; font-family: 'europe';}
.step2 .section01 .step2Carousel .txt p{width: 275px; font-size: 24px; font-family: 'europe';}
.step2 .section01 .step2Carousel .txt span{display: block;padding-top: 10px; font-size: 14px; font-family: 'europe';}
.step2 .section01 .content > a:nth-child(3){position: absolute; left: 50%; bottom: 62px; width: 409px; margin-left: -205px;}

/* step3 */
.step3 .section01{}
.step3 .section01 .resultImg{position: relative; width: 615px; margin: 355px auto 0 auto;}
/* .step3 .section01 .resultImg p{position: absolute; right: 354px; bottom: 182px; font-size: 20px; font-family: 'europe'; font-weight: bold;} */
.step3 .section01 .resultImg .inner-coment{position: absolute; left:50%; transform:translateX(-50%); top:442px ; z-index: 3; text-align: center; font-size: 30px; font-family: 'europe';}
.step3 .section01 .resultImg .inner-name{position: absolute; left:50%; transform:translateX(-50%); bottom: 73px; z-index: 3; padding-top: 10px; font-size: 16px; font-family: 'europe';}
.step3 .section01 .resultImg .inner-turn{position: absolute; right: 357px; bottom: 194px; z-index: 3; font-size: 20px; font-family: 'europe'; font-weight: bold;} 
.step3 .section01 .resultImg .inner-frame{position: absolute; right: 0px; top: 0px; z-index: 1; width:615px; height:610px;}

.step3 .section01 .content > a:nth-child(2){position: absolute; left: 50%; bottom: 400px; width: 417px; margin-left: -209px;}
.step3 .section01 .content > a:nth-child(3){position: absolute; right: 27px; bottom: 213px;}
.step3 .section01 .content > a:nth-child(4){position: absolute; right: 27px; bottom: 40px;}
.step3End{display: none; position: fixed; left: 50%; top: 112px; z-index: 10; margin-left: -337px;}
.step3End div a:nth-child(2){position: absolute; left: 50%; top: 360px; width: 417px; margin-left: -209px; font-size: 0;}
.step3End div a:nth-child(3){position: absolute; left: 50%; top: 774px; width: 201px; margin-left: -100px; font-size: 0;}
.step3End div a:nth-child(4){position: absolute; left: 277px; top: 1053px; font-size: 0;}

/* privacy */
.privacy .section01{padding-bottom: 73px; background: #dfeaf5;}
.privacy .section01 > *{width: 640px; margin: 0 auto;}
.privacy .section01 h3{padding: 73px 0 67px 0; text-align: center;}
.privacy .section01 h3 span{display: inline-block; padding: 22px 0 23px 0; border-top: 2px solid #000; border-bottom: 2px solid #000; font-size: 35px; font-weight: 500;}
.privacy .section01 h3 span em{display: block; font-size: 55px; font-weight: 700;}
.privacy .section01 > h4{padding-bottom: 7px; font-size: 34px; font-weight: 700;}
.privacy .section01 > p{padding-bottom: 22px; font-size: 24px;}
.privacy .section01 dl{margin: 0 auto; overflow: hidden;}
.privacy .section01 dl dt{position: relative; width: 131px; clear: left; float: left; height: 72px; border-bottom: 2px solid #000; line-height: 72px; color: #000; font-size: 34px;}
.privacy .section01 dl dt:after{content: ''; position: absolute; right: 0; top: 20px; width: 2px; height: 30px; background: #000;}
.privacy .section01 dl dd{width: 509px; float: left; height: 72px; margin-bottom: 34px; border-bottom: 2px solid #000; line-height: 72px; color: #000; font-size: 34px;}
.privacy .section01 dl dd input{width: 509px; height: 70px; border: 0; padding: 0 30px; background: transparent; line-height: 70px; font-size: 34px;}
.privacy .section01 .agree{padding-top: 55px;}
.privacy .section01 .agree span{display: block; padding-bottom: 11px;}
.privacy .section01 .agree span:after{content: ''; display: block; clear: both;}
.privacy .section01 .agree span label{float: left; padding-right: 43px; font-size: 34px; font-weight: 700; color: #000; line-height: 50px;}
.privacy .section01 .agree span input{float: left; width: 50px; height: 50px;}
.privacy .section01 .agree pre{height: 420px; padding: 25px; background: #fff; border: 2px solid #ccc; overflow-y: auto; overflow-x: hidden; white-space: pre-wrap; font-size: 24px; line-height: 36px;}
.privacy .section01 .agree pre em{font-size: 34px; font-weight: 700;}
.privacy .section01 > a{display: block; height: 110px; margin: 25px auto 0 auto; background: #286eaf; color: #fff; font-size: 34px; line-height: 110px; text-align: center;}

/* share */
.share .section01{padding-bottom: 70px; background: #dfeaf5;}
.share .section01 > *{width: 640px; margin: 0 auto;}
.share .section01 h3{padding: 73px 0 33px 0; text-align: center;}
.share .section01 h3 span{display: inline-block; padding: 22px 0 23px 0; border-top: 2px solid #000; border-bottom: 2px solid #000; font-size: 35px; font-weight: 500;}
.share .section01 h3 span em{display: block; font-size: 55px; font-weight: 700;}
.share .section01 > p{font-size: 34px; text-align: center;}
.share .section01 > p span{display: block; padding-top: 5px; color: #747474; font: 28px;}
.share .section01 ul{padding-top: 11px;}
.share .section01 ul li{padding-top: 54px; text-align: center;}
.share .section01 ul li a{display: inline-block; text-align: center; font-size: 30px;}
.share .section01 ul li a img{display: inline-block; margin-bottom: 4px;}
.shareEnd{display: none; position: fixed; left: 50%; top: 112px; z-index: 10; margin-left: -337px;}
.shareEnd div a:nth-child(2){position: absolute; left: 50%; top: 703px; width: 201px; margin-left: -100px; font-size: 0;}
.shareEnd div a:nth-child(3){position: absolute; left: 277px; top: 988px; font-size: 0;}

/* gallery */
.gallery{position: relative;}
.gallery .tab{overflow: hidden;}
.gallery .tab li{float: left;}
.gallery .tab li a{display: block; width: 360px; height: 82px; font-size: 0;}
.gallery .tab li:nth-child(1) a{background: url('../images/gallery_tab01_off.png') no-repeat 0 0;}
.gallery .tab li:nth-child(1).on a{background-image: url('../images/gallery_tab01_on.png');}
.gallery .tab li:nth-child(2) a{background: url('../images/gallery_tab02_off.png') no-repeat 0 0;}
.gallery .tab li:nth-child(2).on a{background-image: url('../images/gallery_tab02_on.png');}
.gallery .list{height: 970px; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling:touch; -ms-overflow-style: none;}
.gallery .list::-webkit-scrollbar {display:none;} 

.gallery .list ul{overflow: hidden;}
.gallery .list ul li {float: left;  width: 360px;  height: 360px; padding: 10px}
.gallery .list ul:nth-child(2){display: none;}
.gallery .list ul li a img{width: 340px; height: 340px;}
.gallery .link{position: absolute; left: 50%; bottom: 80px; width: 463px; height: 121px; margin-left: -232px;}

/* eg */
.eg{display: none; position: fixed; left: 50%; top: 100px; z-index: 10; margin-left: -337px; height:780px; zoom: 1 !important;}
.eg .egCarousel{position: absolute; left: 50%; top: 155px; width: 544px; margin-left: -272px;}
.eg .egCarousel > a{position: absolute; top: 43%; z-index: 1;}
.eg .egCarousel > a.egLeft{left: -42px;}
.eg .egCarousel > a.egRight{right: -42px;}
.eg .egCarousel .slick-dots{position: relative; z-index: 10; margin-top: -10px;}
.eg > div > a:nth-child(3){position: absolute; left: 50%; top: 1286px; width: 232px; margin-left: -116px; font-size: 0;}
.eg > div > a:nth-child(4){position: absolute; left: 50%; top: 1525px; width: 224px; margin-left: -112px; font-size: 0;}

/* eco */
.eco{display: none; position: fixed; left: 50%; top: 100px; z-index: 10; margin-left: -337px;}
.eco .ecoCarousel{position: absolute; left: 50%;  top: 375px; width: 639px; margin-left: -319px;}
.eco .ecoCarousel > a{position: absolute; top: 345px; z-index: 1;}
.eco .ecoCarousel > a.ecoLeft{left: 28px;}
.eco .ecoCarousel > a.ecoRight{right: 28px;}
.eco .ecoCarousel .slick-dots{position: relative; z-index: 10; margin-top: -90px;}
.eco > div > a:nth-child(3){position: absolute; left: 50%; top: 1326px; width: 232px; margin-left: -116px; font-size: 0;}
.eco > div > a:nth-child(4){position: absolute; left: 50%; top: 1565px; width: 224px; margin-left: -112px; font-size: 0;}


/* event */
.event{}
.event .section01 .content > a:nth-child(1){position: absolute; right: 47px; top: 851px;}
.event .section01 .content ul{padding-left: 132px; margin-top: 1078px; overflow: hidden;}
.event .section01 .content ul li{float: left; width: 154px;}
.event .section01 .content ul li input{position: absolute; left: -50px;}
.event .section01 .content ul li label{display: block; width: 154px; height: 49px;}
.event .section01 .content ul li:nth-child(1) label{background: url('../images/event_txt01_off.png') 25px 12px no-repeat;}
.event .section01 .content ul li:nth-child(1) input:checked + label{background: url('../images/event_txt01_on.png') 0 0 no-repeat;}
.event .section01 .content ul li:nth-child(2) label{background: url('../images/event_txt02_off.png') 24px 10px no-repeat;}
.event .section01 .content ul li:nth-child(2) input:checked + label{background: url('../images/event_txt02_on.png') 0 0 no-repeat;}
.event .section01 .content ul li:nth-child(3) label{background: url('../images/event_txt03_off.png') 11px 7px no-repeat;}
.event .section01 .content ul li:nth-child(3) input:checked + label{background: url('../images/event_txt03_on.png') 0 0 no-repeat;}
.event .section01 .content > a:nth-child(3){position: absolute; left: 50%; bottom: 287px; width: 417px; margin-left: -209px;}
.event .section01 .content > a:nth-child(4){position: absolute; left: 296px; bottom: 30px;}

.hintLayer{display: none; position: fixed; left: 50%; top: 112px; z-index: 10; margin-left: -337px;}
.hintLayer img{display: block;}

.disLayer{display: none; position: fixed; left: 50%; top: 50%; z-index: 10; width: 675px; margin: -175px 0 0 -337px;}
.disLayer div{background: #fff; height: 350px; text-align: center;}
.disLayer div > img{display: inline-block; margin: 68px 0 43px 0;}
.disLayer div .close{position: static;}

/* event privacy */
.eventPrivacy .section01{padding-bottom: 73px; background: #dfeaf5;}
.eventPrivacy .section01 > *{width: 640px; margin: 0 auto;}
.eventPrivacy .section01 h3{padding: 73px 0 67px 0; text-align: center;}
.eventPrivacy .section01 h3 span{display: inline-block; padding: 22px 0 23px 0; border-top: 2px solid #000; border-bottom: 2px solid #000; font-size: 35px; font-weight: 500;}
.eventPrivacy .section01 h3 span em{display: block; font-size: 55px; font-weight: 700; letter-spacing: 3px;}
.eventPrivacy .section01 > h4{padding-bottom: 7px; font-size: 34px; font-weight: 700;}
.eventPrivacy .section01 > p{padding-bottom: 22px; font-size: 24px;}
.eventPrivacy .section01 dl{margin: 0 auto; overflow: hidden;}
.eventPrivacy .section01 dl dt{position: relative; clear: left; float: left; width: 131px; height: 72px; margin-bottom: 34px; border-bottom: 2px solid #000; line-height: 72px; color: #000; font-size: 34px;}
.eventPrivacy .section01 dl dt:after{content: ''; position: absolute; right: 0; top: 20px; width: 2px; height: 30px; background: #000;}
.eventPrivacy .section01 dl dd{width: 509px; float: right; height: 72px; margin-bottom: 34px; border-bottom: 2px solid #000; line-height: 72px; color: #000; font-size: 34px; overflow: hidden;}
.eventPrivacy .section01 dl dd input{width: 509px; height: 70px; padding: 0 30px; background: transparent; line-height: 70px; font-size: 34px; border:0;}
.eventPrivacy .section01 dl dd.address input{float: left; width: 299px; margin-right: 20px;}
.eventPrivacy .section01 dl dd.address a{float: left; width: 190px; height: 60px; background: #286eaf; color: #fff; font-size: 19px; text-align: center; line-height: 60px;}
.eventPrivacy .section01 .agree{padding-top: 55px;}
.eventPrivacy .section01 .agree span{display: block; padding-bottom: 11px;}
.eventPrivacy .section01 .agree span:after{content: ''; display: block; clear: both;}
.eventPrivacy .section01 .agree span label{float: left; padding-right: 43px; font-size: 34px; font-weight: 700; color: #000; line-height: 50px;}
.eventPrivacy .section01 .agree span input{float: left; width: 50px; height: 50px;}
.eventPrivacy .section01 .agree pre{height: 420px; padding: 25px; background: #fff; border: 2px solid #ccc; overflow-y: auto; overflow-x: hidden; white-space: pre-wrap; font-size: 24px; line-height: 36px;}
.eventPrivacy .section01 .agree pre em{font-size: 34px; font-weight: 700;}
.eventPrivacy .section01 > a{display: block; height: 110px; margin: 25px auto 0 auto; background: #286eaf; color: #fff; font-size: 34px; line-height: 110px; text-align: center;}

/* event share */
.eventShare .section01{padding-bottom: 70px; background: #dfeaf5;}
.eventShare .section01 > *{width: 640px; margin: 0 auto;}
.eventShare .section01 h3{padding: 73px 0 33px 0; text-align: center;}
.eventShare .section01 h3 span{display: inline-block; padding: 22px 0 23px 0; border-top: 2px solid #000; border-bottom: 2px solid #000; font-size: 35px; font-weight: 500;}
.eventShare .section01 h3 span em{display: block; font-size: 55px; font-weight: 700;}
.eventShare .section01 > p{font-size: 34px; text-align: center;}
.eventShare .section01 > p span{display: block; padding-top: 5px; color: #747474; font: 28px;}
.eventShare .section01 ul{padding-top: 11px;}
.eventShare .section01 ul li{padding-top: 54px; text-align: center;}
.eventShare .section01 ul li a{display: inline-block; text-align: center; font-size: 30px;}
.eventShare .section01 ul li a img{display: inline-block; margin-bottom: 4px;}
.eventShareEnd{display: none; position: fixed; left: 50%; top: 112px; z-index: 10; margin-left: -337px;}
.eventShareEnd div a:nth-child(2){position: absolute; left: 50%; top: 703px; width: 201px; margin-left: -100px; font-size: 0;}
.eventShareEnd div a:nth-child(3){position: absolute; left: 277px; top: 988px; font-size: 0;}

/* common */
.sns a{font-size: 0;}
.dim{position: fixed; left: 0; top: 0; z-index: 5; width: 100%; height: 100%; background: #000; opacity: 0.78;}
.dim2{position: fixed; left: 0; top: 0; z-index: 15; width: 100%; height: 100%; background: #000; opacity: 0.78;}
.layer{width: 675px; zoom: 0.85}
.layer > div{position: relative; overflow-y: auto; overflow-x: hidden;-ms-overflow-style: none;}
.layer > div::-webkit-scrollbar {display:none;} 
.close{position: absolute; right: 0; top: -72px; font-size: 0; }
.close2{position: absolute; right: 0; top: -72px; font-size: 0; }
.menuMovieLayer{display: none; position: fixed; left: 50%; top: 50%; z-index: 20; width: 675px; height: 600px; margin: -300px 0 0 -337px; background: #d9e6f6;}
.menuMovieLayer > div{position: relative; padding: 19px 19px 0 19px;}
.menuMovieLayer > div .campaignSlick li p{padding-top: 89px; text-align: center;}
.menuMovieLayer > div .campaignSlick li p img{display: inline;}
.menuMovieLayer > div .campaignSlick .slick-dots{position: absolute; left: 0; top: 400px; z-index: 2; width: 100%; text-align: center;}
.menuMovieLayer div a.campaignLeft{position: absolute; left: 0; top: 490px; z-index: 1;}
.menuMovieLayer div a.campaignRight{position: absolute; right: 0; top: 490px; z-index: 1;}
.menuMovieLayer iframe{width: 635px; height: 386px;}

.homeMovie01{display: none; position: fixed; left: 50%; top: 50%; z-index: 20; width: 678px; height: 381px; margin: -190px 0 0 -339px; background: #000;}
.homeMovie01 iframe{width: 678px; height: 381px;}

.homeMovie02{display: none; position: fixed; left: 50%; top: 50%; z-index: 20; width: 678px; height: 381px; margin: -190px 0 0 -339px; background: #000;}
.homeMovie02 iframe{width: 678px; height: 381px;}

.slick-dots{text-align: center;}
.slick-dots li{display: inline-block; width: 18px; height: 18px; margin-left: 10px;}
.slick-dots li:fist-child{margin-left: 0;}
.slick-dots li button{width: 14px; height: 14px; border-radius: 50%; background: #8f8f8f; font-size: 0; transition: all 0.2s;}
.slick-dots li.slick-active button{width: 18px; height: 18px; background: #286eaf;}

/* imgSave */
.imgSave{display: none; position: fixed; left: 50%; top: 100px; z-index: 10; margin-left: -337px; height:780px;}
.imgSave div img:nth-child(2){position: absolute; left: 28px; top: 100px;}

/* event end */
.eventEndLayer{display: none; position: fixed; left: 50%; top: 100px; z-index: 10; width: 574px !important; margin-left: -287px; zoom: 1 !important; }
.eventEndLayer > div ul{position: absolute; left: 0; top: 566px; width: 100%; overflow: hidden; font-size: 0; text-align: center;}
.eventEndLayer > div ul li{display: inline-block; margin-left: 75px;}
.eventEndLayer > div ul li:first-child{margin-left: 0;}
.eventEndLayer > div >  a:nth-child(3){position: absolute; left: 204px; top: 999px;}
.eventEndLayer > div >  a:nth-child(4){position: absolute; left: 236px; top: 1242px;}


/* event end */
.listEndLayer{display: none; position: fixed; left: 50%; top: 100px; z-index: 10; width: 574px !important; margin-left: -287px; zoom: 1 !important; }
.listEndLayer > div ul{position: absolute; left: 0; top: 566px; width: 100%; overflow: hidden; font-size: 0; text-align: center;}
.listEndLayer > div ul li{display: inline-block; margin-left: 75px;}
.listEndLayer > div ul li:first-child{margin-left: 0;}
.listEndLayer > div >  a:nth-child(3){position: absolute; left: 204px; top: 999px;}
.listEndLayer > div >  a:nth-child(4){position: absolute; left: 236px; top: 1242px;}


/* glallery layer */
.galleryImgLayer{display: none; position: fixed; left: 50%; top: 100px; z-index: 10; margin-left: -337px; height:780px;}
.galleryImgLayer > div span{display: block; padding: 28px; background: #fff;}

/* adress layer */
.addressLayer{display: none; position: fixed; left: 50%; top: 100px; z-index: 10; width: 675px !important; margin-left: -337px !important; height:780px;  background: #dfeaf5;;}
.addressLayer h4{height: 80px; padding: 0 0 0 30px;  color: #000; font-size: 36px; line-height: 80px; font-weight: 700;}
.addressLayer > div{width: 640px; height: 640px; background: #fff; margin: 0 auto !important;}
.addressLayer > div .postcodify_search_controls{padding: 20px; overflow: hidden;}
.addressLayer > div input[type=text]{float: left; width: 418px; height: 60px; padding: 0 30px; border-bottom: 2px solid #000; border-width: 0 0 2px 0; color: #000; font-size: 34px;  line-height: 60px;}
.addressLayer > div .postcodify_search_controls button{float: left; width: 160px; height: 60px; margin-left: 20px; background: #286eaf; color: #fff; font-size: 19px; text-align: center; line-height: 60px;}
.addressLayer > div .postcodify_search_result .code6{left: 30px;}
.addressLayer > div .postcodify_search_result .code5{left: 30px;}
.addressLayer > div .postcodify_search_result .address{margin-left: 130px;}
.addressLayer > div .summary{display: none;}



.addressLayer > *{font-family: 'NotoSans', 돋움, sans-serif !important;}


/* loading */
#floatingCirclesG{
	position:fixed;
	left: 50%;
	top: 50%;
	z-index: 20;
	width:125px;
	height:125px;
	margin: -62px 0 0 -62px;
	transform:scale(0.6);
		-o-transform:scale(0.6);
		-ms-transform:scale(0.6);
		-webkit-transform:scale(0.6);
		-moz-transform:scale(0.6);
}

.f_circleG{
	position:absolute;
	background-color:rgb(255,255,255);
	height:22px;
	width:22px;
	border-radius:12px;
		-o-border-radius:12px;
		-ms-border-radius:12px;
		-webkit-border-radius:12px;
		-moz-border-radius:12px;
	animation-name:f_fadeG;
		-o-animation-name:f_fadeG;
		-ms-animation-name:f_fadeG;
		-webkit-animation-name:f_fadeG;
		-moz-animation-name:f_fadeG;
	animation-duration:1.2s;
		-o-animation-duration:1.2s;
		-ms-animation-duration:1.2s;
		-webkit-animation-duration:1.2s;
		-moz-animation-duration:1.2s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
}

#frotateG_01{
	left:0;
	top:51px;
	animation-delay:0.45s;
		-o-animation-delay:0.45s;
		-ms-animation-delay:0.45s;
		-webkit-animation-delay:0.45s;
		-moz-animation-delay:0.45s;
}

#frotateG_02{
	left:15px;
	top:15px;
	animation-delay:0.6s;
		-o-animation-delay:0.6s;
		-ms-animation-delay:0.6s;
		-webkit-animation-delay:0.6s;
		-moz-animation-delay:0.6s;
}

#frotateG_03{
	left:51px;
	top:0;
	animation-delay:0.75s;
		-o-animation-delay:0.75s;
		-ms-animation-delay:0.75s;
		-webkit-animation-delay:0.75s;
		-moz-animation-delay:0.75s;
}

#frotateG_04{
	right:15px;
	top:15px;
	animation-delay:0.9s;
		-o-animation-delay:0.9s;
		-ms-animation-delay:0.9s;
		-webkit-animation-delay:0.9s;
		-moz-animation-delay:0.9s;
}

#frotateG_05{
	right:0;
	top:51px;
	animation-delay:1.05s;
		-o-animation-delay:1.05s;
		-ms-animation-delay:1.05s;
		-webkit-animation-delay:1.05s;
		-moz-animation-delay:1.05s;
}

#frotateG_06{
	right:15px;
	bottom:15px;
	animation-delay:1.2s;
		-o-animation-delay:1.2s;
		-ms-animation-delay:1.2s;
		-webkit-animation-delay:1.2s;
		-moz-animation-delay:1.2s;
}

#frotateG_07{
	left:51px;
	bottom:0;
	animation-delay:1.35s;
		-o-animation-delay:1.35s;
		-ms-animation-delay:1.35s;
		-webkit-animation-delay:1.35s;
		-moz-animation-delay:1.35s;
}

#frotateG_08{
	left:15px;
	bottom:15px;
	animation-delay:1.5s;
		-o-animation-delay:1.5s;
		-ms-animation-delay:1.5s;
		-webkit-animation-delay:1.5s;
		-moz-animation-delay:1.5s;
}



@keyframes f_fadeG{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-o-keyframes f_fadeG{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-ms-keyframes f_fadeG{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-webkit-keyframes f_fadeG{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}

@-moz-keyframes f_fadeG{
	0%{
		background-color:rgb(0,0,0);
	}

	100%{
		background-color:rgb(255,255,255);
	}
}