.swiper-slide img{ width:100%; max-width:100%;}

header{ z-index:5; left:0; top:0;}
body{ background-image:url(https://file.k-friends.kr/img/20210813/055702_0.png); background-size:100% auto; background-attachment: fixed; }

section{ margin-top:0; 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:100% auto;}
#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 bottom; background-repeat:no-repeat; position:relative; max-width:100%; background-size:auto 95vh;}
#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.img1:before{ background-color:#ffc000;}
#HotSlide .swiper-slide > .mainImage.img2:before{ background-color:#ff009c;}
#HotSlide .swiper-slide > .mainImage.img3:before{ background-color:#00cd72;}
*/
#HotSlide .swiper-slide .maininfo{ position:absolute; bottom:4em; color:#fff; text-align:left; z-index:4; left:3em;}
#HotSlide .swiper-slide .maininfo > p{ font-size:30px; color:#fff; line-height:1.2; margin-bottom:0.5em;}
#HotSlide .swiper-slide .maininfo > a{ font-size:45px; color:#fff; font-weight:900; }
#HotSlide .swiper-slide .maininfo > span{ font-size:45px; color:#fff; margin:0 0.5em;}


.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:85vh; background-position:center top; margin-top:-95vh; z-index:1; position:relative; background-repeat:no-repeat; background-size:2000px auto;}

@media screen and (min-height:1px) and (max-height:920px){
	.main2{ padding-top:80vh; margin-top:-90vh; background-size:1400px auto; }
	
}

.main2 > div{ width:100%; position:relative; vertical-align:middle; display:inline-block;}

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

.main2 > div > div > nav > a{ font-weight:900; font-size:18px; 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;}


/*


.main2 > div > div > p{ font-size:18px; font-weight:400; line-height:2;}
.main2 > div > div > p > span{ display:inline-block;}
.main2 > div > div > p:nth-child(2){ font-weight:900;}
.main2 > div > nav > a{ font-weight:900; font-size:18px; padding:0.5em 2em; display:inline-block; margin:2.5em 4em; border-radius:5em; box-shadow:2px 2px 8px 2px gray;}
.main2 > div > nav > a.addbtn{ background-color:#000; color:#fff; transition-duration:0.3s;}
.main2 > div > nav > a.addbtn:hover{ background-color:#652d88; color:#fff;}
.main2 > div > nav > a.storybtn{ background-color:#ffe600; color:#000; transition-duration:0.3s;}
.main2 > div > nav > a.storybtn:hover{ background-color:#ffd700;}
*/

.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:1220px top;}
	100%{ background-position:0px top;}
}


.main3{ text-align:center; width:100%; display:inline-block; float:left; margin-top:5em; text-align:center; min-height:1180px; max-height: z-index:4; position:relative;overflow:hidden}
.main3 > div{ width:1280px; 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:280px; height:2px; display:inline-block; background-color:#000; position:absolute; right:100%; top:50%;}
.main3 > div > h2:after{ content:""; width:280px; 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:50%; text-align:center; float:left; margin-bottom:1.2em;}
.main3 > div > div > ul > li > div{ width:600px; height:450px; display:inline-block; position:relative; background-size:cover; background-size:100% auto; background-repeat:no-repeat;}
.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{ 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; z-index:3;}
/*
.main3 > div > div > ul > li:nth-child(4) > div{background-image:url(https://file.k-friends.kr/img/20210813/042447_0.png);}
.main3 > div > div > ul > li:nth-child(3) > div{background-image:url(https://file.k-friends.kr/img/20210813/042447_1.png);}
.main3 > div > div > ul > li:nth-child(1) > div{background-image:url(https://file.k-friends.kr/img/20210813/042447_3.png);}
.main3 > div > div > ul > li:nth-child(2) > div{background-image:url(https://file.k-friends.kr/img/20210813/042447_2.png);}
*/

@media screen and ( -webkit-min-device-pixel-ratio:0 ){
.main3 > div > div > ul > li > div:after{content:""; position:absolute;  display:inline-block;transition-duration:1s;background-repeat:no-repeat; }

.main3 > div > div > ul > li:nth-child(1) > div:after{ background-image:url(https://file.k-friends.kr/img/20210813/044219_3.png); width:440px; height:461px; transform:rotate(-45deg); transform-origin:left bottom; right:95%; bottom:0%;  }


.main3 > div > div > ul > li:nth-child(2) > div:after{ background-image:url(https://file.k-friends.kr/img/20210813/050453_0.png); width:500px; height:422px; transform:rotate(0deg);  transform-origin:center top; left:110%; bottom:0; margin-left:100px;}

.main3 > div > div > ul > li:nth-child(3) > div:after{ background-image:url(https://file.k-friends.kr/img/20210813/051707_0.png); width:700px; height:885px; transform:scale(0.9); transform-origin: left bottom; right:70%; top:-40%; transition-duration:1s; margin-right:100px;}
.main3 > div > div > ul > li:nth-child(4) > div:after{ background-image:url(https://file.k-friends.kr/img/20210813/052743_0.png); width:700px; height:756px; transform:scale(0.9); transform-origin:right top; left:100%; bottom:20%;}
/*
.main3.activemain3 > div > div > ul > li:nth-child(1) > div:after{ transform:rotate(360deg); right:100%; bottom:50%;}
.main3.activemain3 > div > div > ul > li:nth-child(2) > div:after{ transform:rotate(360deg);left:100%; bottom:50%;}
.main3.active2main3 > div > div > ul > li:nth-child(3) > div:after{ transform:rotate(360deg);right:100%; top:50%;}
.main3.active2main3 > div > div > ul > li:nth-child(4) > div:after{ transform:rotate(360deg);left:100%; top:50%;}
*/

.main3 > div > div > ul > li:nth-child(1) > div:hover:after{ transform:rotate(5deg);right:95%;bottom:0%; transform-origin:left bottom; }
.main3 > div > div > ul > li:nth-child(2) > div:hover:after{ transform:rotate(36deg);  transform-origin:center top; left:110%; bottom:0; margin-left:0;}
.main3 > div > div > ul > li:nth-child(3) > div:hover:after{ transform:scale(1); right:76%; top:-40%; margin-right:0;}
.main3 > div > div > ul > li:nth-child(4) > div:hover:after{ transform:scale(1); left:76%; bottom:-20%;}

}






.main4{ text-align:center; width:100%; display:table; float:left; min-height:100vh; }
.main4 > div{ width:100%; max-width:1920px; display:table-cell; position:relative; vertical-align:middle;}
.main4 > div > h2{ font-size:40px; font-weight:900; line-height:1.3; margin-bottom:1em; color:#261244;}
.main4 > div > div > p{ font-size:18px; 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:18px; padding:0.5em 2em; display:inline-block; margin:2.5em 4em; border-radius:5em; box-shadow:2px 2px 8px 2px gray; transition-duration:0.3s;}
.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; height:100vh; }
.main9 > div{ max-width:1920px; display:inline-block;}
.main9 #VideoDiv{ position:absolute; z-index:3; width:0%; opacity:0; height:100%; background-color:#000; transition-duration:0.5s;}
.main9.show #VideoDiv{ width:100%; opacity:1; }
.main9 #VideoDiv > video{  width:100%; height:100%; margin-left:-100%;}
.main9.show #VideoDiv > video{ margin-left:0;}

.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:-80px; margin-top:-0px;background-repeat:no-repeat;}
/*
.main9 #vimgSlide .swiper-slide > a:hover{ background-image:url(/file/img/v0hover.png); background-size:160px 165px;}
.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:48px; height:86px; background-size:48px 86px; }
.main9 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background-image:url(/file/img/btn2.png); width:48px; height:86px; background-size:48px 86px; }

/*.main9 #VideoDiv{ left:50%; margin-left:-960px;}*/
.main9 .VidiotextDiv{width:100%; display:inline-block;}
.main9 .backimg{ width:100%; display:inline-block; background-position:center center;}
.main9 .backtext{  background-repeat:no-repeat; display:inline-block; background-position:340px 160px;}
.main9 .backtext > img{  height:100vh;  float:left;}

.playbtn{ background-color:#fff; width:136px; height:136px; 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:-22px; left:50%; margin-left:-10px; width:0; height:0; border:22px solid transparent; border-left:36px solid #0022ff; transition-duration:0.2s; }

.playbtn:hover{ background-color:#ffe600; width:136px; height:136px; 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:-22px; left:50%; margin-left:-10px; width:0; height:0; border:22px solid transparent; border-left:36px solid #0022ff }

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

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


.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:1280px; 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:280px; height:2px; display:inline-block; background-color:#000; position:absolute; right:100%; top:50%;}
.main5 > div > h2:after{ content:""; width:280px; 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:30%; 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 > li{ float:left; display:inline-block; text-align:center; margin-top:3em;}
.main5 > div > div > ul > li:nth-child(1)
,.main5 > div > div > ul > li:nth-child(2)
,.main5 > div > div > ul > li:nth-child(3){
width:32.5%;
}

.main5 > div > div > ul > li:nth-child(4)
,.main5 > div > div > ul > li:nth-child(5)
,.main5 > div > div > ul > li:nth-child(6)
,.main5 > div > div > ul > li:nth-child(7){
width:24%;
}

.main5 > div > div > ul > li > div{ padding-top:347px; height:120px;  background-repeat:no-repeat; background-position:center top; background-size:100% auto; max-width:352px; display:inline-block; min-width:347px }

.main5 > div > div > ul > li > div > h3{ font-size:20px; margin-bottom:0.5em;}
.main5 > div > div > ul > li > div > p{ font-size:16px;}
.main5 > div > div > ul > li > div > nav{ margin:1em 0;}
.main5 > div > div > ul > li > div > nav > a{ font-size:13px; 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:1280px; 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:280px; height:2px; display:inline-block; background-color:#000; position:absolute; right:100%; top:50%;}
.main15 > div > h2:after{ content:""; width:280px; 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:30%; 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:347px; height:150px; background-repeat:no-repeat; background-position:top center;}
.main15 .swiper-slide > div > h3{ font-size:20px; margin-bottom:0.5em;}
.main15 .swiper-slide > div > p{ font-size:16px;}
.main15 .swiper-slide > div > nav{ margin:1em 0;}
.main15 .swiper-slide > div > nav > a{ font-size:13px; 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:100px; padding-top:20px;}


.main6{ text-align:center; width:100%; display:inline-block; float:left; margin-top:10em; text-align:center;}
.main6 > div.header{ width:1280px; 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:280px; height:2px; display:inline-block; background-color:#000; position:absolute; right:100%; top:50%;}
.main6 > div.header > h2:after{ content:""; width:280px; 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:385px; }*/
.main6 > div.bodyer .swiper-slide{ width:300px; }

.main6 > div.bodyer .swiper-slide img{box-shadow:1px 1px 9px 1px gray;}

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

#AfSlide .swiper-slide .imgdiv{ background-image:url(https://file.k-friends.kr/img/20210813/024908_0.jpg); display:inline-block; height:768px; width:385px;}



nav.rightNav{ position:fixed; right:1em; bottom:60px; display:inline-block; z-index:99; text-align:right;}
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; font-size:22px; display:inline-block; width:0; height:22px; overflow:hidden;  color:#fff; text-align:left; transition-duration:0.3s;}
nav.rightNav > a:hover > span{ padding-left:0.3em; width:130px; transition-duration:0.3s;}

.main7{ text-align:center; width:100%; display:inline-block; float:left; margin-top:5em; text-align:center;}
.main7 > div.header{ width:1280px; 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:280px; height:2px; display:inline-block; background-color:#000; position:absolute; right:100%; top:50%;}
.main7 > div.header > h2:after{ content:""; width:280px; 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:1280px; margin-top:5em; margin-bottom:15em;}

.main7 > .bodyer > ul > li{ text-align:left; width:100%; display:inline-block; margin-bottom:3em;}
.main7 > .bodyer > ul > li.used1 > .img1 { width:530px; height:726px; display:inline-block; float:left; 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:100% auto; background-position:center center;}
.main7 > .bodyer > ul > li.used1 > .text1{ width:600px; display:inline-block; padding-top:0.5em; padding-left:2.5em; }
.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:660px; height:392px; display:inline-block; float:left; background-image:url(https://file.k-friends.kr/img/20210826/044652_0.png); margin-top:1.8em; border-radius:3.3em; box-shadow:1px 1px 8px 1px gray; background-size:100% auto; 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; }
div.showmemo > img{ max-height:96vh; max-width:96vh;}
.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);}


.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:10em;}
.main8 > div > div > div > h2{ font-size:104px; 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:30px;}
.main8 > div > div > div > p > span{ color:#3200ff; font-size:50px;}

.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:4.8em; color:#3200ff; font-size:34px;}
.main8 > div > p{ bottom:1em; color:#000; right:2em; display:inline-block; text-align:center; position:absolute; z-index:1; font-size:20px; color:#fff; text-shadow:1px 3px 1px gray;}
.main10{ display:none;}
@media screen and (min-width:1401px) and (max-width:1650px){
	.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;}
}
@media screen and (min-width:1301px) and (max-width:1400px){
	.main8 > div > div > div{ margin-top:4.5em; margin-left:4.5em;}
	.main8 > div > div > div > h2{ font-size:60px;}
	.main8 > div > div > div > p{ font-size:20px;}
	.main8 > div > div > p{ font-size:22px; 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:20px; display:inline-block; padding:0.5em 2em; 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: " : ";}