.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; }

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%; overflow:hidden;}

#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:bottom center; background-repeat:no-repeat; position:relative; position:absolute; left:0; background-size:auto 90vh;}
#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:20px; color:#fff;}
#HotSlide .swiper-slide > .mainImage > div.praydiv > div > p{ font-size:50px; 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; margin-top:4em;}




#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;}

/*
.main2{ text-align:center; width:100%; display:table; float:left;  min-height:100vh; }
.main2 > div{ width:100%; display:table-cell; position:relative; vertical-align:middle;}
.main2 > div > h2{ font-size:30px; font-weight:900; line-height:1.6; margin-bottom:2em; margin-left:5%; margin-right:5%;}
.main2 > div > div > p{ font-size:16px; font-weight:400; line-height:2; margin-left:5%; margin-right:5%;}
.main2 > div > div > p > br{ display:none;}
.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 0.5em; border-radius:5em; box-shadow:2px 2px 8px 2px gray;}
.main2 > div > nav > a.addbtn{ background-color:#000; color:#fff;}
.main2 > div > nav > a.storybtn{ background-color:#ffe600; color:#000;}
*/

.main1_1{ background-image:url(https://file.k-friends.kr/img/20210908/094321_0.png); background-position:center bottom; width:100%; height:87vh; margin-top:-100vh; position:relative; z-index:1; background-repeat:no-repeat; background-size:100% auto; float:left;}

.main2{ text-align:center; width:100%; display:inline-block; float:left; margin-top:-12vh; position:relative; z-index:1;}
.main2 > div{ width:100%; position:relative; vertical-align:middle; display:inline-block;}



.main2 > div > div{ background-color:#fff; display:inline-block; border-radius:1em; box-shadow:1px 1px 16px 1px gray; background-color:#fff; padding:1.5em 5%; max-width:80%;}
.main2 > div > div > h2{ color:#5d0000; font-size:18px; font-weight:900; margin:0.5em 1em;}
.main2 > div > div > h2 > span{ display:inline-block;}
.main2 > div > div > div > p{ color:#002a0e; font-size:12px; font-weight:400; margin:0.5em 2em; }
.main2 > div > div > div > p > br{ display:none;}

.main2 > div > div > nav > a{ font-weight:900; font-size:12px; padding:0.5em 2em; display:inline-block; margin:0.5em; 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; background-image:url(https://file.k-friends.kr/img/20210805/105650_0.png); background-repeat:repeat-x; background-position:left 1.3em; margin-top:5em; text-align:center;}
.main3 > div{ width:96%; display:inline-block; text-align:left;}
.main3 > div > h2{ background-color:#fff; display:inline-block; padding:0 1em; font-size:24px; font-weight:900;}
.main3 > div > div > ul{ margin-top:5em;}
.main3 > div > div > ul > li{ display:inline-block; width:100%; text-align:center; float:left; margin-bottom:1.2em;}
.main3 > div > div > ul > li > div{ width:290px; min-height:180px; padding-bottom:42px; display:inline-block; border-radius:1em; box-shadow:1px 1px 8px 1px gray; position:relative; background-size:290px 222px; background-size:cover;}

.main3 > div > div > ul > li:nth-child(4) > div{background-image:url(https://file.k-friends.kr/mobileimg/20210806/090227_0.jpg);}
.main3 > div > div > ul > li:nth-child(3) > div{background-image:url(https://file.k-friends.kr/mobileimg/20210806/092721_0.jpg);}
.main3 > div > div > ul > li:nth-child(1) > div{background-image:url(https://file.k-friends.kr/mobileimg/20210806/093925_0.jpg);}
.main3 > div > div > ul > li:nth-child(2) > div{background-image:url(https://file.k-friends.kr/mobileimg/20210806/095927_0.jpg);}

.main3 > div > div > ul > li > div > h3{  font-size:16px; color:#fff; font-family:Arial; text-align:left; position:relative; left:1em; top:1em; text-shadow:1px 1px 1px gray;}
.main3 > div > div > ul > li > div > h3 > span:nth-child(1){ font-size:36px; display:block; line-height:1.2; font-weight:900;}
.main3 > div > div > ul > li > div > p{ font-size:12px; color:#fff; font-weight:900; text-align:left; margin-left:1.5em; margin-right:1em; margin-top:2em; text-shadow:1px 1px 1px gray;}
.main3 > div > div > ul > li > div > p > br{ display:none;}
.main3 > div > div > ul > li > div > a{ position:absolute; color:#000; background-color:#fff; display:inline-block; font-weight:900;  font-size:12px; padding:0.4em 3em; right:1em; bottom:1em; border-radius:2em;:}
.main3 > div > div > ul > li > div > a:hover{ background-color:#ff0;}
*/
.hrline{ background-image:url(https://file.k-friends.kr/img/20210813/055234_0.png); height:24px; width:100%; display:inline-block; float:left; background-position:center;animation-name:hrlinetimes; animation-duration:50s; animation-timing-function:linear; animation-iteration-count:infinite; background-size:auto 100%; margin-top:-24px; z-index:1; position:relative;}

@keyframes hrlinetimes{
	0%{ background-position:1079px 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: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:20px; font-weight:900; position:relative;}
.main3 > div > h2:before{ content:""; width:100px; height:2px; display:inline-block; background-color:#000; position:absolute; right:90%; top:50%;}
.main3 > div > h2:after{ content:""; width:100px; height:2px; display:inline-block; background-color:#000; position:absolute; left:90%; 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:-7px;}
.main3 > div > h2 > span:nth-child(3):before{ content:"●"; font-size:6px; position:absolute; top:50%; left:100%; margin-left:-6em; margin-top:-7px;}

.main3 > div > div > ul{ margin-top:5em; position:relative; width:100%; display:inline-block;}
.main3 > div > div > ul > li{ display:inline-block; width:98%; float:left; margin-bottom:1.2em; margin-left:1%; margin-right:1%; text-align:center;}
.main3 > div > div > ul > li > div{ width:90%; display:inline-block;}
.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;}


.swiper-pagination-bullet{ width:14px; height:14px;}
.swiper-pagination-bullet-active{ background-color:#ffc000;}


.main9{ float:left; width:100%; display:inline-block; text-align:center; position:relative;  background-size:cover;}
.main9 > div{ display:inline-block; width:100%; float:left;}
.main9 #VideoDiv{ position:absolute; z-index:3; width:0; left: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%; float:left;}
.main9 #vimgSlide .swiper-slide > img{ float:left; width:100%; opacity:0;}
.main9 #vimgSlide .swiper-slide > a{ position:absolute; top:50%; left:50%; display:inline-block; background-repeat:no-repeat; width:68px; margin-left:-34px; margin-top:-34px;}
/*
.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: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{ }
.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; background-position:5vh 8vh; background-size:13vh auto; float:left;}
.main9 .backtext > img{ float:left; width:100%;}
.main9 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ width:24px; height:43px; background-size:cover;}
.main9 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ width:24px; height:43px; background-size:cover;}

.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{ width:100%; display:none; float:left; background-color:#8e8e8e;}
.main12 .maininfo{ display:table; width:100%; padding:0;}
.main12 .maininfo > div{ display:table-cell;}
.main12 .maininfo > div:nth-child(1){ text-align:left; padding:0.5em 0; padding-left:1em;}
.main12 .maininfo > div:nth-child(2){ text-align:right; flex-grow: 1; padding:0.6em 0; padding-right:1em; vertical-align:middle;}
.main12 .maininfo > div > p{ font-size:14px; color:#fff;}
.main12 .maininfo > div > span{ font-size:16px; color:transparent;}
.main12 .maininfo > div > a{ font-size:19px; font-weight:900; color:#fff;}
/*
.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:30px; font-weight:900; line-height:1.6; margin-bottom:2em; margin-left:5%; margin-right:5%;}
.main4 > div > div > p{ font-size:16px; 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 0.5em; 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; height:100vh; max-height:460px; }
.main4 > div{ width:100%; max-width:280px; display:table-cell; position:relative; vertical-align:middle;}
.main4 > div > h2{ font-size:18px; font-weight:900; line-height:1.3; margin-bottom:1em; color:#261244;}
.main4 > div > h2 > span{ display:inline-block;}
.main4 > div > div > p{ font-size:12px; 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:12px; padding:0.5em 2em; display:inline-block; margin:2em 0.5em; 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;}


/*
.main5{ 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.3em; margin-top:5em; text-align:center;}
.main5 > div{ width:96%; display:inline-block; text-align:left;}
.main5 > div > h2{ background-color:#fff; display:inline-block; padding:0 1em; font-size:24px; font-weight:900;}
*/
.main5{ text-align:center; width:100%; display:none; float:left; margin-top:5em; margin-bottom:10em; text-align:center;}
.main5 > div{ width:320px; display:inline-block;}

.main5 > div > h2{ display:inline-block; padding:0 2em; font-size:20px; font-weight:900; position:relative;}
.main5 > div > h2:before{ content:""; width:100px; height:2px; display:inline-block; background-color:#000; position:absolute; right:90%; top:50%;}
.main5 > div > h2:after{ content:""; width:100px; height:2px; display:inline-block; background-color:#000; position:absolute; left:90%; 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:-7px;}
.main5 > div > h2 > span:nth-child(3):before{ content:"●"; font-size:6px; position:absolute; top:50%; left:100%; margin-left:-6em; margin-top:-7px;}
.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; font-size:11px;}
.main5 > div > div > p:before{ content:""; width:0; height:0; position:absolute; border:11px solid transparent;border-left:5px solid #ffe32c; left:6px; bottom:20px; transform:rotate(-20deg)}

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

.main5 > div > div > ul > li{ width:100%; 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:inline-block; float:left; margin-top:5em; margin-bottom:10em; text-align:center;}
.main15 > div{ width:100%; display:inline-block;}

.main15 > div > h2{ display:inline-block; padding:0 2em; font-size:20px; font-weight:900; position:relative;}
.main15 > div > h2:before{ content:""; width:100px; height:2px; display:inline-block; background-color:#000; position:absolute; right:90%; top:50%;}
.main15 > div > h2:after{ content:""; width:100px; height:2px; display:inline-block; background-color:#000; position:absolute; left:90%; 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:-7px;}
.main15 > div > h2 > span:nth-child(3):before{ content:"●"; font-size:6px; position:absolute; top:50%; left:100%; margin-left:-6em; margin-top:-7px;}
.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; font-size:11px;}
.main15 > div > div > p:before{ content:""; width:0; height:0; position:absolute; border:11px solid transparent;border-left:5px solid #ffe32c; left:6px; bottom:20px; transform:rotate(-20deg)}

.main15 .swiper-slide > div{ padding-top:270px; width:100%; 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; margin-top:5em; text-align:center;}

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



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

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

nav.rightNav{ position:fixed; right:1em; bottom:50px;; display:inline-block; 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-right:0.2em;}
nav.rightNav > a > svg{ width:32px; height:32px; 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; display:none;}


.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:20px; font-weight:900; position:relative;}
.main7 > div.header > h2:before{ content:""; width:100px; height:2px; display:inline-block; background-color:#000; position:absolute; right:100%; top:50%;}
.main7 > div.header > h2:after{ content:""; width:100px; 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:326px; display:inline-block; background-image:url(https://file.k-friends.kr/img/20210826/043005_0.png); margin-right:3em; border-radius:2em; 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:1em; }
.main7 > .bodyer > ul > li > .text1 > h2{ font-size:14px; width:100%; line-height:1.8;}
.main7 > .bodyer > ul > li > .text1 > p{ font-size:14px; 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:1.8em; border-radius:2em; 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;}

.main8{ width:100%; display:none; float:left; text-align:center;}
.main10{ width:100%; display:inline-block; float:left; text-align:center; background-image:url(https://file.k-friends.kr/img/20210906/043259_0.png); background-size:100% auto;}
.main10 > div{ display:inline-block; position:relative; width:100%; opacity:0;}
.main10 > div > div{ display:inline-block; text-align:left; position:relative;}
.main10 > div > div > img{ max-width:100%; float:left; margin-bottom:-7px;}
.main10 > div > div > div{ position:absolute; left:0; top:0; width:100%; height:100%; display:inline-block;}
.main10 > div > div > div > h2{ font-size:40px; text-shadow:1px 1px 16px gray;line-height:1;}
.main10 > div > div > div > h2 > span:nth-child(1){ color:#3200ff; line-height:1;}

.main10 > div > div > div > p{ font-size:14px; max-width:80%;}
.main10 > div > div > div > p > br{ display:none;}
.main10 > div > div > div > nav{ margin:3em 0;}
.main10 > div > div > div > nav > a{ font-size:16px; background-color:#3200ff; color:#fff; padding:0.7em 1.5em; border-radius:5em;}
.main10 > div > div > div > nav > a{ position:absolute; width:100%; height:100%; display:inline-block; left:0; top:0;}
.main10 > div > div > p{ position:absolute; left:0; bottom:0; margin-left:3em; margin-bottom:4em; width:80%; color:#000; font-size:14px;}
.main10 > div > p{ bottom:1em; color:#000; right:2em; display:inline-block; text-align:center; position:absolute; z-index:1; font-size:12px; color:#fff; text-shadow:1px 3px 1px gray;}

@media screen and (min-width:320px) and (max-width:360px){
	.main10 > div > div > div{ margin-top:2em; margin-left:2em;}
	.main10 > div > div > div > h2{ font-size:26px;}
	.main10 > div > div > div > p{ font-size:12px;}
	.main10 > div > div > div > nav{ margin:2em 0;}
	.main10 > div > div > div > nav > a{ font-size:14px;}
	.main10 > div > div > p{ font-size:12px; margin-bottom:4em;margin-left:2em;}
}


.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:100%;}
.MarathonHomRegBtn > img{ width:32px; height:32px; float:left; }

.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);}



.ddaycountDiv{ margin-top:2em; text-align:center; margin-bottom:2em;}
.ddaycountDiv > div{ }
.ddaycountDiv > div > p{ font-size:12px; width:110px; display:inline-block; padding:0.2em 0.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{ width:100%; display:inline-block;}