.swiper-slide img{ width:100%; max-width:100%;}
body{ background-image:url(https://file.k-friends.kr/img/20210813/055702_0.png); background-size:auto 100%;background-attachment: fixed; overflow-x:hidden }

header{ position:absolute; z-index:5; left:0; top:0;}
header > a > span{ color:#fff;}

.MenuBtn{ background-color:transparent;}
.MenuBtn:hover{ background-color:transparent;}
.MenuBtn_on{ background-color:transparent;}
.MenuBtn_on:hover{ background-color:transparent;}


section{ width:100%; display:inline-block;}

.main1{background-image:url(https://file.k-friends.kr/img/20210813/032816_0.jpg); position:relative; background-position:center center; background-size:cover; width:100%; overflow:hidden; height:100vh; background-size:auto 100%;}


#HotSlide .swiper-slide{ text-align:center; width:100%; height:100vh; position:relative; display:inline-block; overflow:hidden; position:relative;}

#HotSlide .swiper-slide > .mainImage{ width:100%; height:100vh;; display:inline-block;; background-position:center center; background-repeat:no-repeat; position:relative; position:absolute; left:0; background-size:cover;}
#HotSlide .swiper-slide > .mainImage.img1{background-image:url(https://file.k-friends.kr/img/20210813/033905_3.png);}
#HotSlide .swiper-slide > .mainImage.img2{background-image:url(https://file.k-friends.kr/img/20210813/033905_0.png);}
#HotSlide .swiper-slide > .mainImage.img3{background-image:url(https://file.k-friends.kr/img/20210813/033905_2.png);}
#HotSlide .swiper-slide > .mainImage.img4{background-image:url(https://file.k-friends.kr/img/20210813/033905_1.png);}
#HotSlide .swiper-slide > .mainImage.img4{background-image:url(https://file.k-friends.kr/img/20210831/023937_0.png);}

#HotSlide .swiper-slide > .mainImage > div.praydiv{ width:90%; display:table; height:100vh; position:relative; text-align:left; margin:auto;}
#HotSlide .swiper-slide > .mainImage > div.praydiv > div{ display:table-cell; vertical-align:middle;}
#HotSlide .swiper-slide > .mainImage > div.praydiv > div > h2{ font-size:26px; color:#fff;}
#HotSlide .swiper-slide > .mainImage > div.praydiv > div > p{ font-size:100px; color:#fff;}
#HotSlide .swiper-slide > .mainImage > div.praydiv > div > a{background-color:#ffee00; color:#000; font-weight:900; display:inline-block; padding: 0.6em 4em; border-radius:5em; text-shadow:1px 1px 6px 1px #000; cursor:pointer;}



#HotSlide .swiper-slide .maininfo{ position:absolute; left:1em; bottom:1em; color:#000; text-align:left; z-index:4; background-color:rgba(255,255,255,0.7); border-radius:12px; padding:0.5em 1em; display:none;}
#HotSlide .swiper-slide .maininfo > p{ font-size:14px; color:#000;}
#HotSlide .swiper-slide .maininfo > a{ font-size:18px; color:#000; font-weight:900;}
#HotSlide .swiper-slide .maininfo > span{ font-size:18px; color:#000; margin:0 0.3em;}

.hrline{ background-image:url(https://file.k-friends.kr/img/20210824/102714_0.png); height:32px; width:100%; display:inline-block; float:left; background-position:center;animation-name:hrlinetimes; animation-duration:50s; animation-timing-function:linear; animation-iteration-count:infinite;}
@keyframes hrlinetimes{
	0%{ background-position:1079px top;}
	100%{ background-position:0px top;}
}


.main2{ text-align:center; width:100%; display:inline-block; float:left; background-image:url(https://file.k-friends.kr/img/20210813/033102_0.png); padding-top:60vh; background-position:center top; margin-top:-80vh; z-index:1; position:relative; background-repeat:no-repeat; background-size:1000px auto;}

.main2 > div{ width:90%; position:relative; vertical-align:middle; display:inline-block; max-width:950px;}

.main2 > div > div{ background-color:#fff; display:inline-block; border-radius:3em; box-shadow:1px 1px 16px 1px gray; background-color:#fff; padding:1.5em 3em;; }
.main2 > div > div > h2{ color:#5d0000; font-size:26px; font-weight:900; margin-bottom:0.5em;}
.main2 > div > div > div > p{ color:#002a0e; font-size:16px; font-weight:400; }

.main2 > div > div > nav > a{ font-weight:900; font-size:16px; padding:0.5em 2em; display:inline-block; margin:2em; margin-bottom:1em; border-radius:5em; box-shadow:1px 1px 4px 1px gray;}
.main2 > div > div > nav > a.addbtn{ background-color:#002a0e; color:#fff; transition-duration:0.3s;}

.main2 > div > div > nav > a.storybtn{ background-color:#5d0000; color:#fff; transition-duration:0.3s;}

.main3{ text-align:center; width:100%; display:inline-block; float:left; margin-top:5em; text-align:center; min-height:100vh; z-index:4; position:relative;overflow:hidden}
.main3 > div{ width:100%; display:inline-block; text-align:center;}
.main3 > div > h2{ display:inline-block; padding:0 2em; font-size:30px; font-weight:900; position:relative;}
.main3 > div > h2:before{ content:""; width:200px; height:2px; display:inline-block; background-color:#000; position:absolute; right:100%; top:50%;}
.main3 > div > h2:after{ content:""; width:200px; height:2px; display:inline-block; background-color:#000; position:absolute; left:100%; top:50%;}
.main3 > div > h2 > span:nth-child(1):before{ content:"●"; font-size:6px; position:absolute; top:50%; right:100%; margin-right:-6em; margin-top:-5px;}
.main3 > div > h2 > span:nth-child(3):before{ content:"●"; font-size:6px; position:absolute; top:50%; left:100%; margin-left:-6em; margin-top:-5px;}

.main3 > div > div > ul{ margin-top:5em; position:relative; width:100%; display:inline-block;}
.main3 > div > div > ul > li{ display:inline-block; width:48%; text-align:center; float:left; margin-bottom:1.2em; margin-left:1%; margin-right:1%;}
.main3 > div > div > ul > li > div{ width:100%; display:inline-block; float:left;}
.main3 > div > div > ul > li > div > h3{ display:none;}
.main3 > div > div > ul > li > div > p{ display:none;}
.main3 > div > div > ul > li > div > div > img{ max-width:100%;}
.main3 > div > div > ul > li > div > a{ position:absolute; width:100%; height:100%; display:inline-block; background-color:transparent; left:0; top:0; color:transparent;}

/*
.main4{ text-align:center; width:100%; display:table; float:left; min-height:100vh; }
.main4 > div{ width:100%; display:table-cell; position:relative; vertical-align:middle;}
.main4 > div > h2{ font-size:40px; font-weight:900; line-height:1.6; margin-bottom:2em; margin-left:5%; margin-right:5%;}
.main4 > div > div > p{ font-size:18px; font-weight:400; line-height:2; margin-left:5%; margin-right:5%;}
.main4 > div > div > p > span{ display:inline-block;}
.main4 > div > div > p:nth-child(2){ font-weight:900;}
.main4 > div > nav > a{ font-weight:900; font-size:18px; padding:0.5em 2em; display:inline-block; margin:2.5em 2em; border-radius:5em; box-shadow:2px 2px 8px 2px gray;}
.main4 > div > nav > a.addbtn{ background-color:#000; color:#fff;}
.main4 > div > nav > a.storybtn{ background-color:#ffe600; color:#000;}
*/
.main4{ text-align:center; width:100%; display:table; float:left; min-height:100vh; }
.main4 > div{ width:100%; max-width:640px; display:table-cell; position:relative; vertical-align:middle;}
.main4 > div > h2{ font-size:26px; font-weight:900; line-height:1.3; margin-bottom:1em; color:#261244;}
.main4 > div > div > p{ font-size:16px; font-weight:400; line-height:2; color:#9d1021;}
.main4 > div > div > p > span{ display:inline-block;}
.main4 > div > div > p:nth-child(2){ font-weight:900;}
.main4 > div > nav > a{ font-weight:900; font-size:16px; padding:0.5em 2em; display:inline-block; margin:2.5em 2em; border-radius:5em; box-shadow:2px 2px 8px 2px gray;}
.main4 > div > nav > a.addbtn{ background-color:#131740; color:#fff;}
.main4 > div > nav > a.storybtn{ background-color:#660f0d; color:#fff;}


.main9{ float:left; width:100%; display:inline-block; text-align:center; position:relative; background-size:cover; }
.main9 > div{ width:100%; display:inline-block; float:left;}
.main9 #VideoDiv{ position:absolute; z-index:3; width:0; opacity:0; left:0; height:100%; background-color:#000; transition-duration:0.5s;}
.main9.show #VideoDiv{ width:100%; opacity:1; }
.main9 #vimgSlide .swiper-slide > img{ float:left; width:100%; }
.main9 #vimgSlide .swiper-slide > a{ position:absolute; left:50%; top:50%; display:inline-block; margin-left:-34px;background-repeat:no-repeat; width:68px; margin-top:0px;}
/*
.main9 #vimgSlide .swiper-slide > a:hover{ background-image:url(/file/img/v0hover.png); background-size:60px 60px;;}
.main9 #vimgSlide .swiper-slide > a:hover > img{ opacity:0;}
*/
.main9 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ background-image:url(/file/img/btn1.png); width:24px; height:43px; background-size:24px 43px; margin-top:-50px; }
.main9 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background-image:url(/file/img/btn2.png); width:24px; height:43px; background-size:24px 43px; margin-top:-50px; }

.main9 #VideoDiv{ }
.main9 .VidiotextDiv{width:100%; display:inline-block; float:left;}
.main9 .backimg{ display:inline-block; background-size:cover; float:left;}
.main9 .backtext{  background-repeat:no-repeat; display:inline-block; float:left;}
.main9 .backtext > img{  float:left; width:100%;}


.playbtn{ background-color:#fff; width:68px; height:68px; display:inline-block; border-radius:50%; position:relative; box-shadow:1px 1px 3px 1px gray; transition-duration:0.2s;}
.playbtn > span{ display:inline-block; position:absolute; top:50%; margin-top:-11px; left:50%; margin-left:-5px; width:0; height:0; border:11px solid transparent; border-left:18px solid #0022ff; transition-duration:0.2s; }

.playbtn:hover{ background-color:#ffe600; width:68px; height:68px; display:inline-block; border-radius:50%; position:relative; box-shadow:1px 1px 3px 1px #ffe600;}
.playbtn:hover > span{ display:inline-block; position:absolute; top:50%; margin-top:-11px; left:50%; margin-left:-5px; width:0; height:0; border:11px solid transparent; border-left:18px solid #0022ff }

.stopbtn > span{ width:7px; height:20px; border:0; background-color:#0022ff; display:inline-block; top:50%;position:absolute; margin:0; margin-top:-10px; left:auto; right:auto;}
.stopbtn > span:nth-child(1){ left:27px;}
.stopbtn > span:nth-child(2){ right:27px;}

.stopbtn:hover{ background-color:#ffe600; width:68px; height:68px; display:inline-block; border-radius:50%; position:relative; box-shadow:1px 1px 3px 1px #ffe600;}
.stopbtn:hover > span{ width:7px; height:20px; border:0; background-color:#0022ff; display:inline-block; top:50%;position:absolute; margin:0; margin-top:-10px; left:auto; right:auto; }
.stopbtn:hover > span:nth-child(1){ left:27px;}
.stopbtn:hover > span:nth-child(2){ right:27px;}

.main12{ display:none;}

.main5{ text-align:center; width:100%; display:inline-block; float:left; margin-top:5em; margin-bottom:10em; text-align:center;}
.main5 > div{ width:96%;  display:inline-block;}

.main5 > div > h2{ display:inline-block; padding:0 2em; font-size:30px; font-weight:900; position:relative;}
.main5 > div > h2:before{ content:""; width:170px; height:2px; display:inline-block; background-color:#000; position:absolute; right:100%; top:50%;}
.main5 > div > h2:after{ content:""; width:170px; height:2px; display:inline-block; background-color:#000; position:absolute; left:100%; top:50%;}
.main5 > div > h2 > span:nth-child(1):before{ content:"●"; font-size:6px; position:absolute; top:50%; right:100%; margin-right:-6em; margin-top:-5px;}
.main5 > div > h2 > span:nth-child(3):before{ content:"●"; font-size:6px; position:absolute; top:50%; left:100%; margin-left:-6em; margin-top:-5px;}

.main5 > div > div{ width:100%; display:inline-block; text-align:center; padding-top:1em;}

.main5 > div > div > p{ background-color:#ffe32c; display:inline-block; padding:0.5em 2em; margin-left:50%; border-radius:2em; position:relative; box-shadow:1px 1xp 3px 1px gray;}
.main5 > div > div > p:before{ content:""; width:0; height:0; position:absolute; border:22px solid transparent;border-left:11px solid #ffe32c; left:6px; bottom:20px; transform:rotate(-20deg)}

.main5 > div > div > ul{ width:100%;}

.main5 > div > div > ul > li{ width:32.7%; float:left; display:inline-block; text-align:center; margin-top:1em;}
.main5 > div > div > ul > li > div{ padding-top:270px; height:180px; background-repeat:no-repeat; background-position:center top; background-size:270px auto;}

.main5 > div > div > ul > li > div > h3{ font-size:16px; margin-bottom:0.5em;}
.main5 > div > div > ul > li > div > p{ font-size:14px;}
.main5 > div > div > ul > li > div > nav{ margin:1em 0;}
.main5 > div > div > ul > li > div > nav > a{ font-size:12px; display:inline-block; padding:0.5em 2em; background-color:rgba(255,255,255,0.4); border-radius:2em; border:2px solid #999; }


.main5 > div > div > ul > li:nth-child(1) > div{ background-image:url(https://file.k-friends.kr/img/20210902/104457_0.png);}
.main5 > div > div > ul > li:nth-child(2) > div{ background-image:url(https://file.k-friends.kr/img/20210902/104457_1.png);}
.main5 > div > div > ul > li:nth-child(3) > div{ background-image:url(https://file.k-friends.kr/img/20210913/110153_1.png);}
.main5 > div > div > ul > li:nth-child(4) > div{ background-image:url(https://file.k-friends.kr/img/20210902/104457_5.png);}
.main5 > div > div > ul > li:nth-child(5) > div{ background-image:url(https://file.k-friends.kr/img/20210902/104457_2.png);}
.main5 > div > div > ul > li:nth-child(6) > div{ background-image:url(https://file.k-friends.kr/img/20210902/104457_4.png);}
.main5 > div > div > ul > li:nth-child(7) > div{ background-image:url(https://file.k-friends.kr/img/20210902/104457_3.png);}




.main15{ text-align:center; width:100%; display:none; float:left; margin-top:5em; margin-bottom:10em; text-align:center;}
.main15 > div{ width:96%;  display:inline-block;}

.main15 > div > h2{ display:inline-block; padding:0 2em; font-size:30px; font-weight:900; position:relative;}
.main15 > div > h2:before{ content:""; width:170px; height:2px; display:inline-block; background-color:#000; position:absolute; right:100%; top:50%;}
.main15 > div > h2:after{ content:""; width:170px; height:2px; display:inline-block; background-color:#000; position:absolute; left:100%; top:50%;}
.main15 > div > h2 > span:nth-child(1):before{ content:"●"; font-size:6px; position:absolute; top:50%; right:100%; margin-right:-6em; margin-top:-5px;}
.main15 > div > h2 > span:nth-child(3):before{ content:"●"; font-size:6px; position:absolute; top:50%; left:100%; margin-left:-6em; margin-top:-5px;}

.main15 > div > div{ width:100%; display:inline-block; text-align:center; padding-top:1em;}

.main15 > div > div > p{ background-color:#ffe32c; display:inline-block; padding:0.5em 2em; margin-left:50%; border-radius:2em; position:relative; box-shadow:1px 1xp 3px 1px gray;}
.main15 > div > div > p:before{ content:""; width:0; height:0; position:absolute; border:22px solid transparent;border-left:11px solid #ffe32c; left:6px; bottom:20px; transform:rotate(-20deg)}

.main15 .swiper-slide > div{ padding-top:270px; height:180px; background-repeat:no-repeat; background-position:top center; background-size:270px auto;}
.main15 .swiper-slide > div > h3{ font-size:16px; margin-bottom:0.5em;}
.main15 .swiper-slide > div > p{ font-size:14px;}
.main15 .swiper-slide > div > nav{ margin:1em 0;}
.main15 .swiper-slide > div > nav > a{ font-size:12px; display:inline-block; padding:0.5em 2em; background-color:rgba(255,255,255,0.4); border-radius:2em; border:2px solid #999; }


.main15 .rplist0{ background-image:url(https://file.k-friends.kr/img/20210902/104457_0.png);}
.main15 .rplist1{ background-image:url(https://file.k-friends.kr/img/20210902/104457_1.png);}
.main15 .rplist2{ background-image:url(https://file.k-friends.kr/img/20210913/110153_1.png);}
.main15 .rplist3{ background-image:url(https://file.k-friends.kr/img/20210902/104457_5.png);}
.main15 .rplist4{ background-image:url(https://file.k-friends.kr/img/20210902/104457_2.png);}
.main15 .rplist5{ background-image:url(https://file.k-friends.kr/img/20210902/104457_4.png);}
.main15 .rplist6{ background-image:url(https://file.k-friends.kr/img/20210902/104457_3.png);}

.main15 .swiper-container{ padding-bottom:40px; padding-top:0px;}


/*
.main6{ text-align:center; width:100%; display:inline-block; float:left; background-image:url(https://file.k-friends.kr/img/20210805/105650_0.png); background-repeat:repeat-x; background-position:left 1.6em; margin-top:5em; text-align:center; min-height:100vh;}
.main6 > div.header{ width:96%; display:inline-block; text-align:left;}
.main6 > div.header > h2{ background-color:#fff; display:inline-block; padding:0 1em; font-size:30px; font-weight:900;}
*/
.main6{ text-align:center; width:100%; display:inline-block; float:left; margin-top:10em; text-align:center;}
.main6 > div.header{ width:100%; display:inline-block;}

.main6 > div.header > h2{ display:inline-block; padding:0 2em; font-size:30px; font-weight:900; position:relative;}
.main6 > div.header > h2:before{ content:""; width:160px; height:2px; display:inline-block; background-color:#000; position:absolute; right:100%; top:50%;}
.main6 > div.header > h2:after{ content:""; width:160px; height:2px; display:inline-block; background-color:#000; position:absolute; left:100%; top:50%;}
.main6 > div.header > h2 > span:nth-child(1):before{ content:"●"; font-size:6px; position:absolute; top:50%; right:100%; margin-right:-6em; margin-top:-5px;}
.main6 > div.header > h2 > span:nth-child(3):before{ content:"●"; font-size:6px; position:absolute; top:50%; left:100%; margin-left:-6em; margin-top:-5px;}


.main6 > div.bodyer{ display:inline-block; width:100%; margin-top:5em; margin-bottom:15em;}
.main6 > div.bodyer .swiper-slide{ width:200px;}
.main6 > div.bodyer .swiper-slide img{ max-width:100%;}

.main6 .swiper-container{ padding-bottom:60px; padding-top:10px;}
.main6 .swiper-pagination-bullet{ width:18px; height:18px;}
.main6 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color:#242424;}


nav.rightNav{ position:fixed; right:1em; bottom:60px; display:none; z-index:99;}
nav.rightNav > a{ display:inline-block; background-color:rgba(122,122,122,0.7); padding:0.5em; border-radius:0.5em; margin-top:0.5em;}
nav.rightNav > a > svg{ width:48px; height:48px; float:left;}
nav.rightNav > a > span{ padding:7px 0; padding-left:0.3em; font-size:22px; display:inline-block; padding-right:0.5em; color:#fff;}


.main15 > div{ width:100%; max-width:1920px; display:inline-block;}
.main15header{ position:relative; width:100%; }
.main15header > img{ margin-top:22px;}
.main15header > h4{  font-family:'Nanum Myeongjo'; font-size:38px; position:relative; z-index:2; color:#003964; font-weight:900;}

.main15header:before{ content:""; background-image:url(https://file.k-friends.kr/img/20210416/044914_0.png); background-repeat:no-repeat; position:absolute; left:0; top::0; width:220px; height:215px; display:inline-block; background-size:cover;}
.main15header:after{ content:""; background-image:url(https://file.k-friends.kr/img/20210416/045119_0.png); background-repeat:no-repeat; position:absolute; right:0; top:0; width:220px; height:215px; display:inline-block; background-size:cover;}

.main15footer{ width:100%; display:inline-block; background-image:url(https://file.k-friends.kr/img/20210416/052530_0.png); background-repeat:no-repeat; background-position:bottom center; background-size:100% 80px; padding-bottom:80px; z-index:2; position:relative;}
.main15footer > p{ text-align:center;  display:block; margin:0 2em;}
.main15footer > p > span{ font-family:'Nanum Myeongjo'; font-size:24px; display:inline-block; font-weight:900;}

.viewtable{ margin-top:4em; margin-bottom:2em;  position:relative; z-index:3; width:100%; display:inline-block; height:300px;}
.viewtable > table{ border-collapse:collapse; width:100%; table-layout:fixed;}
.viewtable > table > thead > tr > th{ border-bottom:3px solid #003964; padding:0.5em 0; text-align:center; font-size:17px; font-family:'Nanum Myeongjo';}
.viewtable > table > tbody > tr > td{ padding:0.5em 0; text-align:center; font-size:15px; font-family:'Nanum Myeongjo';}


.main7{ text-align:center; width:100%; display:inline-block; float:left; margin-top:5em; text-align:center;}
.main7 > div.header{ width:90%; display:inline-block;}

.main7 > div.header > h2{ display:inline-block; padding:0 2em; font-size:30px; font-weight:900; position:relative;}
.main7 > div.header > h2:before{ content:""; width:200px; height:2px; display:inline-block; background-color:#000; position:absolute; right:100%; top:50%;}
.main7 > div.header > h2:after{ content:""; width:200px; height:2px; display:inline-block; background-color:#000; position:absolute; left:100%; top:50%;}
.main7 > div.header > h2 > span:nth-child(1):before{ content:"●"; font-size:6px; position:absolute; top:50%; right:100%; margin-right:-6em; margin-top:-5px;}
.main7 > div.header > h2 > span:nth-child(3):before{ content:"●"; font-size:6px; position:absolute; top:50%; left:100%; margin-left:-6em; margin-top:-5px;}

.main7 > div.bodyer{ display:inline-block; width:90%; margin-top:5em; margin-bottom:15em;}

.main7 > .bodyer > ul > li{ width:100%; display:inline-block; margin-bottom:3em; text-align:center;}
.main7 > .bodyer > ul > li.used1 > .img1 { width:90%; height:726px; display:inline-block; background-image:url(https://file.k-friends.kr/img/20210826/043005_0.png); margin-right:3em; border-radius:3.3em; box-shadow:1px 1px 8px 1px gray; background-size:cover; margin:auto; background-position:center center;}
.main7 > .bodyer > ul > li.used1 > .text1{ width:90%; display:inline-block; padding-top:2em; }
.main7 > .bodyer > ul > li > .text1 > h2{ font-size:18px; width:100%; line-height:1.8;}
.main7 > .bodyer > ul > li > .text1 > p{ font-size:18px; line-height:1.8;margin-bottom:1em;}

.main7 > .bodyer > ul > li.used1 > .img2 { width:90%; height:352px; display:inline-block; background-image:url(https://file.k-friends.kr/img/20210826/044652_0.png); margin-top:4.2em; border-radius:3.3em; box-shadow:1px 1px 8px 1px gray; background-size:cover; background-position:center center; }
.main7 > .bodyer > ul > li > .text2 > h2{ font-size:18px; width:100%; line-height:1.8;}

.racepackageDiv{ background:rgba(0,0,0,0.7); width:100%; display:none; height:100%; position:fixed; z-index:10; left:0; top:0; }
.racepackageDiv.view{ display:table;}
.racepackageDiv > div{ display:none; width:100%; height:100%; text-align:center; vertical-align:middle; }
.racepackageDiv.view > div.showmemo{ display:table-cell;}
.racepackageClose{ position:absolute; right:6em; top:3em; display:inline-block; color:#fff;}
.racepackageClose > span{ width:80px; height:12px; background-color:#fff; display:inline-block; border-radius:1em; position:absolute;}
.racepackageClose > span:nth-child(1){ transform:rotate(45deg);}
.racepackageClose > span:nth-child(2){ transform:rotate(-45deg);}

div.showmemo > img{ max-height:96vh; max-width:96vh;}

.racepackage2Div{ background:rgba(0,0,0,0.7); width:100%; display:none; height:100%; position:fixed; z-index:10; left:0; top:0; }
.racepackage2Div.view{ display:table;}
.racepackage2Div > div{ display:none; width:100%; height:100%; text-align:center; vertical-align:middle; }
.racepackage2Div.view > div.showmemo{ display:table-cell;}
.racepackage2Close{ position:absolute; right:6em; top:3em; display:inline-block; color:#fff;}
.racepackage2Close > span{ width:80px; height:12px; background-color:#fff; display:inline-block; border-radius:1em; position:absolute;}
.racepackage2Close > span:nth-child(1){ transform:rotate(45deg);}
.racepackage2Close > span:nth-child(2){ transform:rotate(-45deg);}


.main8{ width:100%; display:inline-block; float:left; text-align:center;}
.main8 > div{ display:inline-block; position:relative;}
.main8 > div > div{ display:inline-block; text-align:left; position:relative;}
.main8 > div > div > img{ max-width:100%;}
.main8 > div > div > div{ position:absolute; left:0; top:0; text-align:left; margin-top:4.5em; margin-left:4.5em;;}
.main8 > div > div > div > h2{ font-size:60px; text-shadow:1px 1px 16px gray;line-height:1;}
.main8 > div > div > div > h2 > span:nth-child(1){ color:#3200ff; line-height:1;}

.main8 > div > div > div > p{ font-size:20px;}
.main8 > div > div > div > p > span{ color:#3200ff; font-size:30px;}
.main8 > div > div > div > nav{ margin:3em 0;}
.main8 > div > div > div > nav > a{ font-size:24px; background-color:#3200ff; color:#fff; padding:0.7em 1.5em; border-radius:5em;}
.main8 > div > div > p{ position:absolute; left:0; bottom:0; margin-left:3em; margin-bottom:4em; color:#3200ff; font-size:22px;}
.main8 > div > p{ bottom:1em; color:#000; right:2em; display:inline-block; text-align:center; position:absolute; z-index:1; font-size:14px; color:#fff; text-shadow:1px 3px 1px gray;}

.main10{ display:none;}
@media screen and (min-width:851px) and (max-width:1010px){
	.main8 > div > div > div{ margin-top:4.5em; margin-left:4.5em;}
	.main8 > div > div > div > h2{ font-size:40px;}
	.main8 > div > div > div > p{ font-size:16px;}
	.main8 > div > div > div > nav{ margin:2em 0;}
	.main8 > div > div > div > nav > a{ font-size:16px;}
	.main8 > div > div > p{ font-size:16px; margin-bottom:4em;margin-left:4em;}
}

@media screen and (min-width:641px) and (max-width:850px){
	.main8 > div > div > div{ margin-top:3em; margin-left:3em;}
	.main8 > div > div > div > h2{ font-size:40px;}
	.main8 > div > div > div > p{ font-size:14px;}
	.main8 > div > div > div > nav{ margin:2em 0;}
	.main8 > div > div > div > nav > a{ font-size:16px;}
	.main8 > div > div > p{ font-size:14px; margin-bottom:3em;margin-left:4em;}
}

/*

@media screen and (min-width:1081px) and (max-width:1300px){
	.main8 > div > div > div{ margin-top:7em; margin-left:5em;}
	.main8 > div > div > div > h2{ font-size:60px;}
	.main8 > div > div > div > p{ font-size:24px;}
	.main8 > div > div > p{ font-size:27px; margin-bottom:4em;margin-left:3em;}
}
@media screen and (min-width:641px) and (max-width:1300px){
	.main8 > div > div > div{ margin-top:7em; margin-left:5em;}
	.main8 > div > div > div > h2{ font-size:74px;}
	.main8 > div > div > div > p{ font-size:24px;}
	.main8 > div > div > p{ font-size:27px; margin-bottom:4em;margin-left:3em;}
}*/

.MarathonHomRegBtn > img{ width:48px; height:48px; float:left; }

.ddaycountDiv{ margin-top:2em; text-align:center;}
.ddaycountDiv > div{ }
.ddaycountDiv > div > p{ font-size:16px; display:inline-block; padding:0.5em 1.5em; background-color:rgba(93,0,0,0.2); border-radius:0.5em; box-shadow:1px 1px 8px 1px gray; margin:0.5em 0.5em;}
.ddaycountDiv > div > p > span:nth-child(1):after{ content: " : ";}