.swiper-button-next, .swiper-button-prev{ background-size:contain;}

nav.rightNav{ position:fixed; right:1em; bottom:150px; display:inline-block; z-index:99; text-align:right; display:none;}
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 > img{ width:48px; height:48px; float:left;}
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;}


.main1{ position:relative;}
.main1img{ position:absolute; left:0; top:0; width:640px; height:1300px; height:1110px;}
.main1img > h1 {
	position:absolute;
	margin-top:195px;
	margin-left:46px;
  font-size: 76px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #fff;
  text-transform:uppercase;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.28);
}
.main1img > h3{
	position:absolute;
	left:50px;
	bottom:210px;
  font-size: 23px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.74;
  letter-spacing: normal;
  color: #00ffb1;
}
.main1img > p {
	position:absolute;
	margin-top:595px;
	margin-left:50px;
	width:400px;
  font-size: 53px;
  font-weight: 200;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #fff;
  text-transform:uppercase;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.28);
}
.main1img > aside{ width:30px; position:absolute; right:40px; display:flex; flex-wrap:wrap; top:220px;}
.main1img > aside > span.bar{ height:124px; width:2px; background-color:#fff; margin-left:15px; margin-top:20px; margin-bottom:20px;}
.main1img > aside > span > span {
	text-align:center;
	display:inline-block;
	width:100%;
  font-size: 33px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.88;
  letter-spacing: normal;
  color: #fff;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.28);
}

#Dday{ display:flex; width:640px; justify-content: space-evenly; position:absolute; bottom:100px;}
#Dday > span{
	position:relative;
  font-size: 63px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.54;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  width:160px;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.28);
}
#Dday > .Dday_day{ color:#00ffb1;}

#Dday > span:after {
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	text-align:center;
  opacity: 0.7;
  font-size: 21px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.62;
  letter-spacing: normal;
  color: #fff;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.28);
}

#Dday > .Dday_day:after{ content:"DAY";}
#Dday > .Dday_hour:after{content:"HOUR";}
#Dday > .Dday_min:after{content:"MINUTES";}
#Dday > .Dday_sec:after{content:"SECONDS";}

.main2 > div > h2 {
	margin-top:122px;
	margin-left:50px;
  font-size: 38px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.74;
  letter-spacing: normal;
  color: #000;
}
.main2 > div > p {
	margin-top:42px;
	margin-left:50px;
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #000;
}
.main2 > div > div{ margin-top:116px; margin-bottom:130px;}
.main2 > div > div > div{ width:640px; height:600px; overflow:hidden; position:relative;}

.main2Swiper .swiper-wrapper{ align-items:center; }
.main2Swiper .swiper-slide{ display:inline-block; width:auto; margin-top:10px;}
.main2Swiper .swiper-slide a{ cursor:default;}
.main2Swiper .swiper-slide img{ -webkit-filter: blur(3px); filter: blur(3px); opacity:0.51; transition-duration:0.3s;}

.main2Swiper .swiper-slide-active img{ -webkit-filter:none; filter:none; opacity:1;}

.main2 .swiper-button-next, .swiper-button-prev {
    background-size: cover;
	 box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.main2 .swiper-button-next, .main2 .swiper-container-rtl .swiper-button-prev {
    background-image: url(https://file.k-friends.kr/img/20220225/105107_0.png);
    width: 48px;
    height: 48px;
    top: 50%;
    transform: rotate(180deg);
}
.main2 .swiper-button-prev, .main2 .swiper-container-rtl .swiper-button-next {
    background-image: url(https://file.k-friends.kr/img/20220225/105107_0.png);
    width: 48px;
    height: 48px;
    top: 50%;
}
.main2 .swiper-button-prev, .main2 .swiper-container-rtl .swiper-button-next{ left:30px;}
.main2 .swiper-button-next, .main2 .swiper-container-rtl .swiper-button-prev{ right:30px;}

.main3{ background-color:#000; background-image:url(https://file.k-friends.kr/img/20220419/010125_0.png); width:640px; height:1250px; display:inline-block;}
.main3 > div{ position:relative; width:640px; height:1250px; overflow:hidden;}
.main3 > div > h3{
	margin-top:94px;
	margin-left:50px;
  text-shadow: 0 3px 50px #000;
  font-size: 31px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}

.main3 > div > h3 > span {
  color: #00ffb1;
}

.main3 > div > p {
	margin-top:79px;
	margin-left:50px;
  text-shadow: 0 3px 50px #000;
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #fff;
}
.main3 > div > div{ position:absolute; bottom:0; width:640px; left:0; height:755px;}

.main3 .swiper-slide{ overflow:hidden; float:left; position:relative; }
.main3 .swiper-slide > .img{ float:left; background-image:url(https://file.k-friends.kr/img/20220421/034935_0.png); height:755px; display:inline-block; width:100%; }

.main3 .swiper-slide:nth-child(1){width:330px} .main3 .swiper-slide:nth-child(1) > .img{background-position:-0px bottom;}
.main3 .swiper-slide:nth-child(2){width:194px} .main3 .swiper-slide:nth-child(2) > .img{background-position:-330px bottom;}
.main3 .swiper-slide:nth-child(3){width:223px} .main3 .swiper-slide:nth-child(3) > .img{background-position:-524px bottom;}
.main3 .swiper-slide:nth-child(4){width:249px} .main3 .swiper-slide:nth-child(4) > .img{background-position:-747px bottom;}
.main3 .swiper-slide:nth-child(5){width:231px} .main3 .swiper-slide:nth-child(5) > .img{background-position:-996px bottom;}
.main3 .swiper-slide:nth-child(6){width:295px} .main3 .swiper-slide:nth-child(6) > .img{background-position:-1227px bottom;}
.main3 .swiper-slide:nth-child(7){width:277px} .main3 .swiper-slide:nth-child(7) > .img{background-position:-1522px bottom;}
.main3 .swiper-slide:nth-child(8){width:121px} .main3 .swiper-slide:nth-child(8) > .img{background-position:-1799px bottom;}
.main3 .swiper-slide:nth-child(9){width:95px} .main3 .swiper-slide:nth-child(9) > .img{background-position:-1920px bottom;}
.main3 .swiper-slide:nth-child(10){width:310px} .main3 .swiper-slide:nth-child(10) > .img{background-position:-2015px bottom;}
.main3 .swiper-slide:nth-child(11){width:340px} .main3 .swiper-slide:nth-child(11) > .img{background-position:-2325px bottom;}
.main3 .swiper-slide:nth-child(12){width:206px} .main3 .swiper-slide:nth-child(12) > .img{background-position:-2665px bottom;}
.main3 .swiper-slide:nth-child(13){width:232px} .main3 .swiper-slide:nth-child(13) > .img{background-position:-2871px bottom;}
.main3 .swiper-slide:nth-child(14){width:192px} .main3 .swiper-slide:nth-child(14) > .img{background-position:-3103px bottom;}
.main3 .swiper-slide:nth-child(15){width:267px} .main3 .swiper-slide:nth-child(15) > .img{background-position:-3295px bottom;}
.main3 .swiper-slide:nth-child(16){width:210px} .main3 .swiper-slide:nth-child(16) > .img{background-position:-3562px bottom;}
.main3 .swiper-slide:nth-child(17){width:207px} .main3 .swiper-slide:nth-child(17) > .img{background-position:-3772px bottom;}
.main3 .swiper-slide:nth-child(18){width:199px} .main3 .swiper-slide:nth-child(18) > .img{background-position:-3979px bottom;}
.main3 .swiper-slide:nth-child(19){width:176px} .main3 .swiper-slide:nth-child(19) > .img{background-position:-4178px bottom;}
.main3 .swiper-slide:nth-child(20){width:251px} .main3 .swiper-slide:nth-child(20) > .img{background-position:-4354px bottom;}
.main3 .swiper-slide:nth-child(21){width:231px} .main3 .swiper-slide:nth-child(21) > .img{background-position:-4605px bottom;}
.main3 .swiper-slide:nth-child(22){width:194px} .main3 .swiper-slide:nth-child(22) > .img{background-position:-4836px bottom;}
.main3 .swiper-slide:nth-child(23){width:168px} .main3 .swiper-slide:nth-child(23) > .img{background-position:-5030px bottom;}
.main3 .swiper-slide:nth-child(24){width:122px} .main3 .swiper-slide:nth-child(24) > .img{background-position:-5198px bottom;}
.main3 .swiper-slide:nth-child(25){width:188px} .main3 .swiper-slide:nth-child(25) > .img{background-position:-5320px bottom;}
.main3 .swiper-slide:nth-child(26){width:154px} .main3 .swiper-slide:nth-child(26) > .img{background-position:-5508px bottom;}
.main3 .swiper-slide:nth-child(27){width:273px} .main3 .swiper-slide:nth-child(27) > .img{background-position:-5662px bottom;}
.main3 .swiper-slide:nth-child(28){width:343px} .main3 .swiper-slide:nth-child(28) > .img{background-position:-5935px bottom;}
.main3 .swiper-slide:nth-child(29){width:295px} .main3 .swiper-slide:nth-child(29) > .img{background-position:-6278px bottom;}
.main3 .swiper-slide:nth-child(30){width:158px} .main3 .swiper-slide:nth-child(30) > .img{background-position:-6573px bottom;}
.main3 .swiper-slide:nth-child(31){width:245px} .main3 .swiper-slide:nth-child(31) > .img{background-position:-6731px bottom;}
.main3 .swiper-slide:nth-child(32){width:211px} .main3 .swiper-slide:nth-child(32) > .img{background-position:-6976px bottom;}
.main3 .swiper-slide:nth-child(33){width:371px} .main3 .swiper-slide:nth-child(33) > .img{background-position:-7187px bottom;}
.main3 .swiper-slide:nth-child(34){width:217px} .main3 .swiper-slide:nth-child(34) > .img{background-position:-7558px bottom;}
.main3 .swiper-slide:nth-child(35){width:177px} .main3 .swiper-slide:nth-child(35) > .img{background-position:-7775px bottom;}
.main3 .swiper-slide:nth-child(36){width:250px} .main3 .swiper-slide:nth-child(36) > .img{background-position:-7952px bottom;}
.main3 .swiper-slide:nth-child(37){width:329px} .main3 .swiper-slide:nth-child(37) > .img{background-position:-8202px bottom;}
.main3 .swiper-slide:nth-child(38){width:206px} .main3 .swiper-slide:nth-child(38) > .img{background-position:-8531px bottom;}
.main3 .swiper-slide:nth-child(39){width:640px} .main3 .swiper-slide:nth-child(39) > .img{background-position:-8737px bottom;}


.main3Swiper > .swiper-pagination{ display:flex; justify-content: center;align-items: center; bottom:56px; height:30px;}
.main3Swiper > .swiper-pagination > .swiper-pagination-bullet{ margin:0;  height:1px; background-color:#fff;opacity:1; width:13px; transition-duration:0.3s;}
.main3Swiper > .swiper-pagination > .swiper-pagination-bullet-active{ background-color:#fff; width:41px; height:11px; border-radius:6px; }



.main3images > .content #main3imageslist{ width:640px; height:775px; display:inline-block; overflow:hidden; overflow-x:scroll;}
.main3images > .content > nav{ background: repeating-linear-gradient(transparent, transparent 27px, #fff 0, #fff 28px, transparent 0,transparent 100px);}
.main3images > .content > nav ::-webkit-scrollbar{
width: 104px;
height: 11px;
border-radius:6px;
}

.main3images > .content > nav ::-webkit-scrollbar-thumb{
background: #fff;
cursor:pointer;
border-radius: 6px;
z-index:3;
position:relative;
}
.main3images > .content > nav ::-webkit-scrollbar-thumb:hover{
background: #00ffb1;

}
.main3images > .content > nav ::-webkit-scrollbar-track{
background: transparent;
border: 2px solid transparent;
height:30px;
border-radius: 13px;
box-shadow: inset 0 0 4px 0 rgba(255, 255, 255, 0);;
}

.main3images > .content > nav{ position:absolute;  left:50px; bottom:50px; padding:15px 0; display:inline-block;}
.main3images > .content > nav > ul{ display:inline-block; width:540px; height:10px; overflow:hidden; overflow-x:auto;}
.main3images > .content > nav > ul > li{ height:10px; display:inline-block; width:9270px; float:left;}


/*
.main3 > div > div{ left:-570px;}
.main3 > div > div{ left:-840px;}
.main3 > div > div{ left:-1110px;}
.main3 > div > div{ left:-1366px;}
.main3 > div > div{ left:-1475px;}

.main3 > div > div{ left:-1670px;}
.main3 > div > div{ left:-1928px;}
.main3 > div > div{ left:-2105px;}
.main3 > div > div{ left:-2295px;}
.main3 > div > div{ left:-2507px;}

.main3 > div > div{ left:-2710px;}
.main3 > div > div{ left:-2905px;}
.main3 > div > div{ left:-3026px;}
.main3 > div > div{ left:-3433px;}
.main3 > div > div{ left:-3620px;}

.main3 > div > div{ left:-3807px;}
.main3 > div > div{ left:-3996px;}
.main3 > div > div{ left:-4166px;}
.main3 > div > div{ left:-4378px;}
.main3 > div > div{ left:-4603px;}

.main3 > div > div{ left:-4857px;}
.main3 > div > div{ left:-5032px;}
.main3 > div > div{ left:-5192px;}
.main3 > div > div{ left:-5453px;}
.main3 > div > div{ left:-5803px;}

.main3 > div > div{ left:-6049px;}
.main3 > div > div{ left:-6372px;}
.main3 > div > div{ left:-6653px;}
.main3 > div > div{ left:-6974px;}
.main3 > div > div{ left:-7267px;}

.main3 > div > div{ left:-7507px;}
.main3 > div > div{ left:-7848px;}
.main3 > div > div{ left:-8092px;}
.main3 > div > div{ left:-8398px;}
.main3 > div > div{ left:-8638px;}

.main3 > div > div{ left:-9000px;}
.main3 > div > div{ left:-9359px;}
.main3 > div > div{ left:-9766px;}
.main3 > div > div{ left:-10049px;}
.main3 > div > div{ left:-10342px;}
*/


.main4{ width:640px; display:inline-block; position:relative; overflow:hidden;}
.main4:after{ content:""; position:absolute; left:0; top:54px; width:164px; height:57px; background-image:url(https://file.k-friends.kr/img/20220420/022651_0.png); background-repeat:no-repeat; }

.main4 > div > h3 {
	margin-top:112px;
	margin-left:50px;
  font-size: 52px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: normal;
  color: #000;
  text-transform:uppercase;
  align-items: center;
  display:flex;
}

.main4 > div > h3 > span.bar{ width:59px; height:2px; background-color:#000; display:inline-block; margin-left:20px; margin-right:20px;}
.main4 > div > p {
	margin-top:35px;
	margin-left:50px;
  text-shadow: 0 0 10px #fff;
  font-size: 23px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.74;
  letter-spacing: normal;
  color: #000;
}
.main4 > div > div{ margin-top:30px;}
.main5{ width:640px; margin-top:127px; display:inline-block; background-color:rgba(0,0,0,0.8); background-image:url(https://file.k-friends.kr/img/20220420/112134_1.png);}
.main5 > div > h1{ margin-top:120px; text-align:center;
  text-shadow: 0 0 35px #000;
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.54;
  letter-spacing: normal;
  text-transform:uppercase;
  color: #fff;
}
.main5 > div > h2{ margin-top:100px;
  text-shadow: 0 0 35px #000;
  font-size: 25px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.32;
  letter-spacing: normal;
  color: #fff;
  text-align:center;
}
.main5 > div > h3 { margin-top:100px;
  text-shadow: 0 0 35px #000;
  font-size: 44px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: normal;
  text-align: center;
    text-transform:uppercase;
  color: #fff;
}

.main5 > div > h3 > span {
  color: #00ffb1;
}

.main5 > div > p{ width:640px; height:237px; display:inline-block; margin-top:130px; margin-bottom:130px; position:relative;}
.main5 > div > p:after{ content:""; width:3px; left:318.5px; height:237px; background-color:#fff; display:inline-block; position:absolute; top:0;}

.main5 > div > div > ul > li > h4 {
  text-shadow: 0 0 35px #000;
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  margin-bottom:40px;
}
.main5 > div > div > ul > li > p {
  text-shadow: 0 0 35px #000;
  font-size: 60px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  margin-bottom:140px;
}
#memory1{ display:inline-block; width:220px; text-align:right;}
#memory2{ display:inline-block; width:295px; text-align:right;}
#memory3{ display:inline-block; width:340px; text-align:right;}

.main5 > div > div > p {
	margin-top:10px;
	margin-bottom:100px;
  text-shadow: 0 0 35px #000;
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.88;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}

.main5 > div > div > p > span {
  color: #00ffb1;
}

.main5 > div > div > h2{
  text-shadow: 0 0 35px #000;
  font-size: 37px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.54;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  margin-bottom:185px;
}

.main6{ width:640px; display:inline-block; position:relative; margin-top:-2px; margin-bottom:150px; background-color:#000; }
.main6 > div{background-image:url(https://file.k-friends.kr/img/20220420/112134_0.png); width:640px; height:1080px; display:inline-block; float:left; position:relative;}
.main6 > div:after{ content:""; position:absolute; right:0; top:90px; width:194px; height:58px; background-image:url(https://file.k-friends.kr/img/20220420/022651_1.png); background-repeat:no-repeat; }

.main6 > div > h1{
	margin-top:127px;
	margin-left:50px;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.28);
  font-size: 32px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  color: #fff;
}

.main6 > div > h2 {
	margin-top:8px;
	margin-left:50px;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.34);
  font-size: 80px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  color: #fff;
}

.main6 > div > h3 {
	top:322px;
	left:341px;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.28);
  font-size: 30px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: normal;
  color: #fff;
  position:absolute;
}

.main6 > div > p {
	margin-top:122px;
	margin-right:50px;

  text-shadow: 0 0 20px #000;
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: normal;
  text-align: right;
  color: #fff;
}

.main6 > div > aside{
	margin-top:125px;
	margin-bottom:84px;
	margin-right:50px;
	text-align:center;

  text-shadow: 0 0 20px rgba(0, 0, 0, 0.52);
  font-size: 25px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.55;
  letter-spacing: normal;
  color: #00ffc2;
  text-align:right;
}

.main7{ width:640px; display:inline-block; position:relative;}
.main7:after{ content:""; position:absolute; left:0; top:90px; width:164px; height:57px; background-image:url(https://file.k-friends.kr/img/20220420/022651_0.png); background-repeat:no-repeat; }

.main7 > div > h2{
	text-align:center;
	margin-top:171px;
	margin-bottom:131px;
  font-size: 40px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #000;
}

.main7 > div > div{ position:relative; overflow:hidden; width:640px; height:730px; margin-bottom:80px;}
.main7Swiper .swiper-wrapper{ align-items:center; }
.main7Swiper .swiper-slide{ display:inline-block; width:488px; margin-top:10px; background-color:#ececec;}
.main7Swiper .swiper-slide img{ webkit-filter: blur(3px); filter: blur(3px); opacity:0.51; transition-duration:0.3s;}

.main7Swiper .swiper-slide-active img{ -webkit-filter:none; filter:none; opacity:1;}
.main7Swiper  .swiper-slide .img{ width:100%; height:606px; display:flex; justify-content: center; align-items: center; float:left;}
.main7Swiper  .swiper-slide .img img{ float:left;}
.main7Swiper  .swiper-slide .text{ display:inline-block; width:472px; padding:16px 8px; transition-duration:0.2s; float:left;}
.main7Swiper  .swiper-slide .text h4 {
  font-size: 25px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.32;
  letter-spacing: normal;
  color:transparent;
  transition-duration:0.2s;
}
.main7Swiper  .swiper-slide .text p {
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: normal;
  color:transparent;
  transition-duration:0.2s;
}
.main7Swiper .swiper-slide-active .text{ background-color:#fff;}
.main7Swiper .swiper-slide-active .text h4{ color:#000; }
.main7Swiper .swiper-slide-active .text p{ color:#000;}
.main7Swiper .swiper-slide > div > a{ position:absolute; width:100%; height:100%;   left:0; top:0; background-repeat:no-repeat; background-position:390px 620px;}
.main7Swiper .swiper-slide-active > div > a{ background-image:url(https://file.k-friends.kr/img/20220421/023633_0.png);}

.main7 .swiper-button-next, .main7 .swiper-container-rtl .swiper-button-prev {
    background-image: url(https://file.k-friends.kr/img/20220225/105107_0.png);
    width: 48px;
    height: 48px;
    top: 50%;
    transform: rotate(180deg);
}
.main7 .swiper-button-prev, .main7 .swiper-container-rtl .swiper-button-next {
    background-image: url(https://file.k-friends.kr/img/20220225/105107_0.png);
    width: 48px;
    height: 48px;
    top: 50%;
}
.main7 .swiper-button-prev, .main7 .swiper-container-rtl .swiper-button-next{ left:30px; z-index:3;}
.main7 .swiper-button-next, .main7 .swiper-container-rtl .swiper-button-prev{ right:30px; z-index:3;}


.main8{ width:640px; display:inline-block; position:relative; background-color:rgba(243, 243, 243, 0.77);; }
.main8 > div:after{ content:""; position:absolute; right:0; top:90px; width:194px; height:58px;background-image:url(https://file.k-friends.kr/img/20220420/022651_1.png); background-repeat:no-repeat;}
.main8 > div > h1{ margin-top:150px; margin-left:50px; margin-right:50px;}
.main8 > div > h1 > img{ width:250px;}
.main8 > div > h2{ margin-top:64px; margin-left:50px; margin-right:50px;
  font-size: 38px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: normal;
  color: #000;
}
.main8 > div > p {
	margin-top:73px;
	margin-left:50px; margin-right:50px;
  font-size: 22px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: normal;
  color: #000;
}
.main8 > div > aside{
	margin-top:73px;
	margin-left:50px;
  font-size: 22px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.78;
  letter-spacing: normal;
  color: #003cff;
}
.main8 > div > div{ width:540px; margin:34px 50px; margin-bottom:127px;}
.main8 > div > div > img{ max-width:100%;}


.SBody.Home .addbtnnav > a > svg{
	margin-left:27px;
}
.SBody.Home .addbtnnav > a > svg path{
    transition-duration: 0.3s;
    transition-delay: 0.1s;
}

.SBody.Home.wheel_nav .addbtnnav{ bottom:0;}

.SBody.Home.wheel_nav .addbtnnav > a:hover{ background-color:#00ffb1;}

.SBody.Home.wheel_nav .addbtnnav > a:hover > svg path{}


.SBody.Home .addbtnnav {
  width: 640px;
    text-align: center;
    text-align: center;
    position: fixed;
    bottom: -140px;
    left: 50%;
    margin-left: -320px;
    transition-duration: 0.3s;
    z-index: 21;
    transition-delay: 0.1s;
}

.SBody.Home .addbtnnav .btn{
	display: inline-block;
    background-color: #fff;
    font-size: 29px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    display: inline-block;
    max-width: 578px;
    width: 90%;
    border: 23px solid #000;
    color: #000;
    border-right: 31px solid #000;
    border-left: 31px solid #000;
    padding: 21px 0;
    box-shadow: 0 -10px 20px 0 rgba(0,0,0,0.16);
    background-color: #fff;
    text-align: center;
    position: relative;
    transition-duration: 0.3s;
    transition-delay: 0.1s;
}