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

header{ z-index:5; left:0; top:0;}

section{ margin-top:70px; width:100%; display:inline-block;}

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

#HotSlide .swiper-slide > .mainImage{ width:1920px; height:1080px; display:inline-block;; background-position:center center; background-repeat:no-repeat; position:relative; max-width:100%;}
#HotSlide .swiper-slide > .mainImage.img1{background-image:url(https://file.k-friends.kr/img/20210406/030445_0.png);}
#HotSlide .swiper-slide > .mainImage.img2{background-image:url(https://file.k-friends.kr/img/20210406/030522_0.png);}
#HotSlide .swiper-slide > .mainImage.img3{background-image:url(https://file.k-friends.kr/img/20210406/030539_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; margin-top:5em;}
.main2 > div{ width:100%; max-width:1920px; display:inline-block;  background-color:#f0f1f1; padding:3em 0; padding-bottom:15em; background-image:url(/file/img/backlogo.png); background-repeat:no-repeat; background-position:top center}
.fment1{ margin-top:3.2em;}
.fment1 > p{ font-size:28px; color:#414042;}
.fment1 > h3{ font-size:45px; color:#d0621b; font-weight:900;}
.fment1 > hr{ width:80px; height:4px; background-color:#838383; margin-bottom:1.5em; }

.fment2{ margin-top:1.6em;}
.fment2 > p{ font-size:22px; color:#58595b;}

.flistdiv{ margin-top:3.8em;; width:100%; display:inline-block;}
.flistdiv > ul{ display:flex; width:1290px; max-width:100%; margin:auto; overflow:hidden;}
.flistdiv > ul > li{ display:inline-block; width:400px; position:relative; margin-right:30px;}
.flistdiv > ul > li:nth-child(3){ margin-right:0;}
.flistdiv > ul > li .firstline{ width:93%; display:inline-block; position:relative;}
.flistdiv > ul > li .firstline:before{ content:""; border:3px solid #fff; width:376px; height:99%; left:0; top:0; position:absolute; display:inline-block;}
.flistdiv > ul > li .img{ width:100%; height:274px; display:inline-block; float:left; z-index:1; position:relative; background-size:cover;}
.flistdiv > ul > li .text{ width:100%; display:inline-block; float:left; background-color:#fff; z-index:1; position:relative; text-align:center; padding:30px 0;}
.flistdiv > ul > li .text h3{ font-size:30px; font-weight:900; color:#58595b;}
.flistdiv > ul > li .text p{ font-size:18px; color:#808184;}
.flistdiv > ul > li .text a{ width:268px; display:inline-block; padding:0.2em; color:#fff; font-size:24px; margin-top:0.5em;}
.flistli1 .img{ background-image:url(/file/img/running.png);}
.flistli2 .img{ background-image:url(/file/img/cycle.png);}
.flistli3 .img{ background-image:url(/file/img/hiking.png);}
.flistli1 .text a{ background-color:#f9a71d;}
.flistli2 .text a{ background-color:#ce4d98;}
.flistli3 .text a{ background-color:#319259;}

.main3{ text-align:center; width:100%; display:inline-block; float:left; }
.main3 > div{ background-color:#fff2cc; width:100%; display:inline-block; max-width:1920px;padding:8em 0; padding-bottom:6em;}

.main3 > div > h3{ font-size:48px; font-weight:900; color:#414042;line-height:1.4;}
.main3 > div > .fafter1 > hr{ width:80px; height:4px; background-color:#838383; margin-bottom:1.5em; }
.main3 > div > .fafter1 > p{ font-size:24px; color:#6d6e71;}
.main3 > div > .fafter1 > p > span{ margin:1em 0; font-size:19px; display:inline-block;}

.fafter2{}
.fafter2 ul{ display:inline-block; width:1180px; height:553px; margin-top:3em;}

.fafter2 ul.fafterul1 > li{ display:inline-block; float:left; background-repeat:no-repeat; background-image:url(/file/img/after1.png);}
.fafter2 ul.fafterul1 > li:nth-child(1){ width:284px; height:503px; background-position:0 0;}
.fafter2 ul.fafterul1 > li:nth-child(2){ width:284px; height:246px; background-position:-300px 0; margin-left:11px;}
.fafter2 ul.fafterul1 > li:nth-child(3){ width:284px; height:246px; background-position:-600px 0; margin-left:11px;}
.fafter2 ul.fafterul1 > li:nth-child(4){ width:284px; height:246px; background-position:-900px 0; margin-left:11px; }
.fafter2 ul.fafterul1 > li:nth-child(5){ width:284px; height:246px; background-position:-300px -258px; margin-left:11px; margin-top:11px; }
.fafter2 ul.fafterul1 > li:nth-child(6){ width:584px; height:246px; background-position:-600px -258px; margin-left:11px; margin-top:11px;}

.fafter2 ul.fafterul2 > li{ display:inline-block; float:left; background-repeat:no-repeat; background-image:url(/file/img/after2.png);}
.fafter2 ul.fafterul2 > li:nth-child(1){ width:284px; height:503px; background-position:0 0;}
.fafter2 ul.fafterul2 > li:nth-child(2){ width:284px; height:246px; background-position:-300px 0; margin-left:11px;}
.fafter2 ul.fafterul2 > li:nth-child(3){ width:284px; height:246px; background-position:-600px 0; margin-left:11px;}
.fafter2 ul.fafterul2 > li:nth-child(4){ width:284px; height:246px; background-position:-900px 0; margin-left:11px; }
.fafter2 ul.fafterul2 > li:nth-child(5){ width:584px; height:246px; background-position:-300px -258px; margin-left:11px; margin-top:11px; }
.fafter2 ul.fafterul2 > li:nth-child(6){ width:284px; height:246px; background-position:-900px -258px; margin-left:11px; margin-top:11px;}

.fafter2 ul.fafterul3{ width:1170px;}
.fafter2 ul.fafterul3 > li{ display:inline-block; float:left; background-repeat:no-repeat; background-image:url(/file/img/after3.png);}
.fafter2 ul.fafterul3 > li:nth-child(1){ width:284px; height:246px; background-position:0 0;}
.fafter2 ul.fafterul3 > li:nth-child(2){ width:284px; height:246px; background-position:-300px 0; margin-left:11px;}
.fafter2 ul.fafterul3 > li:nth-child(3){ width:284px; height:246px; background-position:-600px 0; margin-left:11px;}
.fafter2 ul.fafterul3 > li:nth-child(4){ width:284px; height:503px; background-position:-900px 0; float:right;  }
.fafter2 ul.fafterul3 > li:nth-child(5){ width:584px; height:246px; background-position:0 -258px; margin-top:11px; }
.fafter2 ul.fafterul3 > li:nth-child(6){ width:284px; height:246px; background-position:-600px -258px; margin-left:11px; margin-top:11px;}

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


.main3 > div > nav{ width:1180px; display:block; margin:auto; text-align:left;}
.main3 > div > nav > a{ display:inline-block; text-align:left; margin-top:3.2em;}
.main3 > div > nav > a > span{ font-size:20px;}
.main3 > div > nav > a > img{ width:66px; height:66px; border-radius:14px; float:left; margin-right:1em;}



.main5{ width:100%; display:inline-block; float:left;}
.main5 > div{ width:100%; display:inline-block;  background-repeat:no-repeat;background-image:url(/file/img/backlogo2.png); background-repeat:no-repeat; background-position:center center; padding:20vh 0;}
.main5 > div > div{ width:1180px; display:block; margin:auto; text-align:center;}
.main5 > div > div > h3{ font-size:50px; font-weight:900; color:#231f20; margin-top:3em; margin-bottom:0.3em; display:none;}
.main5 > div > div > hr{ width:80px; height:4px; background-color:#838383;  margin-bottom:2em;}
.main5 > div > div > p{ font-size:24px;  color:#6d6e71; width:100%; display:inline-block; line-height:2.2; margin-bottom:2em; }



.main6{ width:100%; display:inline-block; float:left; margin-top:6em;}
.main6 > div{ width:100%; display:inline-block; height:1226px; background-image:url(/file/img/main5img.png); background-position:center center; background-repeat:no-repeat;}
.main6 > div > div{ width:1150px; display:block; margin:auto; border-left:6px solid #ffc000; padding-left:24px; margin-top:30.7em;}
.main6 > div > div > h3{ font-size:50px; font-weight:900;  color:#231f20;  margin-bottom:0.23em; line-height:1.4;}

.main6 > div > div > hr{ width:80px; height:4px; background-color:#838383; float:left; margin-bottom:1.58em;}
.main6 > div > div > p{ font-size:24px; color:#6d6e71; width:100%; display:inline-block; line-height:1.8; }

.main6 > div > nav{ width:1180px; display:block; margin:auto;}
.main6 > div > nav > a{ font-size:36px; border:3px solid #6d6e71; color:#6d6e71; font-weight:900; padding:0.5em 1.45em; background-color:#fff; margin-top:0.8em; display:inline-block;}
.main6 > div > nav > a:hover{ border:3px solid #7182f9; color:#7182f9;}


.main7{ width:100%; display:inline-block; float:left; margin-top:6em;}
.main7 > div{ width:1180px; display:block; margin:auto;}
.main7 > div > div.main7text{ display:flex; width:1140px; margin:auto;}
.main7 > div > div.main7text > h3{ display:inline-block; font-size:75px; color:#23369f; font-weight:900; width:370px; line-height:1.4;}
.main7 > div > div.main7text > h3 > span{ line-height:1;}
.main7 > div > div.main7text > div{ display:inline-block; padding-top:1.1em;}
.main7 > div > div.main7text > div > p{ font-size:24px; color:#242527; margin-bottom:0.5em; line-height:1.7;}
.main7 > div > div.main7text > div > ul > li{ font-size:23px; color:#6d6e71; margin-left:20px; position:relative;}
.main7 > div > div.main7text > div > ul > li:before{ content:"-"; position:absolute; left:-16px;}

/*.main7 > div > div.main7img{ background-image:url(/file/img/aka.png); width:1180px; height:640px; display:block; margin:auto; margin-top:3em; margin-bottom:0.5em; background-repeat:no-repeat;}*/
.main7 > div > div.main7img{ background-image:url(/file/img/aka.png); width:620px; height:340px; display:block; margin:auto; margin-top:3em; margin-bottom:0.5em; background-repeat:no-repeat; background-size:cover;}

.main7 > div > nav{ margin-top:3em; margin-bottom:10em;}
.main7 > div > nav > a{ background-color:#23369f; color:#fff; display:inline-block; padding:0.5em 3.8em; font-size:27px;}
.main7 > div > nav > a:nth-child(2){ float:right;}

.main8{ width:100%; display:inline-block;}
.main8 > div{ text-align:center; display:inline-block; margin-top:1em; position:relative;}
.main8 > div > img{ max-width:100%;}
.main8 img{ max-width:100%;}
.main8 .mobile{ display:none; max-width:100%;}
.main8 .evebtn1{ position:absolute; left:0; top:0; width:100%; display:inline-block; height:100%;}
.main8 .evebtn2{ position:absolute; right:1%; bottom:0; width:20%; display:inline-block; height:30%;}

.main9{ float:left; width:100%; display:inline-block; text-align:center; position:relative; margin-top:5em;}
.main9 > div{ max-width:1920px; display:inline-block;}
.main9 #VideoDiv{ position:absolute; z-index:3; width:100%; height:100%; background-color:#000; display:none;}
.main9 #VideoDiv > video{  width:100%; height:100%;}
.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%; height:880px; background-image:url(/file/img/main1img.png); display:inline-block; background-position:center center;}
.main9 .backtext{  background-repeat:no-repeat; width:1920px; height:880px; display:inline-block; background-position:340px 160px;}
.main9 .backtext > img{ }

.main12{ display:none;}

.main13{ display:inline-block; width:100%; margin:3em 0;}
.main13 .backimg{ width:100%; height:914px; background-image:url(/file/img/main1img.png); display:inline-block; background-position:center center; background-repeat:no-repeat; text-align:center;}
.main13 .backtext{  background-repeat:no-repeat; width:100%; max-width:1920px; height:914px; display:inline-block; text-align:left;}
.main13 .backtext > img{ }
.main13 .backtext > h2{ color:#5e01a6; font-size:56px; font-weight:900; margin-left:100px; margin-top:295px; margin-bottom:0.5em;}
.main13 .backtext > p{ font-size:32px; margin-left:100px;}
.main13 .backtext > p > span{ display:block;}


.main14{ width:100%; display:inline-block; text-align:center; float:left; margin-bottom:2em 0;}
.main14 > div{ width:100%; display:inline-block; text-align:left; background-repeat:no-repeat; background-position:720px center; background-image:url(https://file.k-friends.kr/img/20210412/081251_0.png); height:1080px; max-width:1920px;}
.main14 > div > div > h3{ margin-left:10%; margin-top:230px; margin-bottom:74px;}
.main14 > div > div > h3 > span{ font-size:94px; display:block; line-height:1;}
.main14 > div > div > h3 > span:nth-child(1){ font-weight:900; letter-spacing:5px;}
.main14 > div > div > h3 > span:nth-child(2){ font-weight:100;}
.main14 > div > div > div > img{ display:none;}
.main14 > div > div > div > p{ margin-left:10%; margin-bottom:1em;}
.main14 > div > div > div > p.text1{ font-size:22px; color:#323232;}
.main14 > div > div > div > p.text2{ font-size:22px; font-weight:900; color:#323232;}
.main14 > div > div > div > p.text3{ font-size:17px; color:#edb905;}
.main14 > div > div > div > p.text3:before{ content:"- ";}
.main14 > div > div > div > p.text3 > br{ display:none;}
.main14 > div > div > div > nav{ margin-left:10%; margin-top:40px; background-repeat:no-repeat; background-image:url(https://file.k-friends.kr/img/20210412/083742_0.png); background-position:20px bottom; padding-bottom:84px;}
.main14 > div > div > div > nav > a{ font-size:30px; font-weight:900; width:280px; text-align:center; padding:0.5em 0; border-radius:100px; color:#fff; background-color:#423eaf; display:inline-block; margin-left:40px;}


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


.main15{ width:100%; display:inline-block; float:left; text-align:center; margin:5em 0;}
.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:54px; 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:440px; height:430px; display:inline-block;}
.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:440px; height:430px; display:inline-block;}

.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% 160px; z-index:2; position:relative; padding-bottom:160px;}
.main15footer > p{ text-align:center; display:block; margin:0 2em;}
.main15footer > p > span{ font-family:'Nanum Myeongjo'; font-size:36px; display:inline-block;  font-weight:900;}

.viewtable{ margin-top:5em; margin-bottom:2em;  position:relative; z-index:3; width:100%; display:inline-block; height:450px;}
.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:30px; font-family:'Nanum Myeongjo';}
.viewtable > table > tbody > tr > td{ padding:0.5em 0; text-align:center; font-size:24px; font-family:'Nanum Myeongjo';}