h1,h2,h3,h4{ text-align:center; line-height:1.8;}
body{ background-image:url(https://file.k-friends.kr/img/20210813/055702_0.png); background-size:100% auto; background-attachment: fixed; }

section .text ul > li > span{ color:#f00;}
section a{ color:#00f;}

section > div.main1{ width:100%; height:420px; background-position:center center; background-size:1920px auto; background-repeat:no-repeat;background-image:url(https://file.k-friends.kr/img/20210826/040921_0.png);}

section > div.main2{ width:100%; display:inline-block; float:left; text-align:center;}
section > div.main2 > div.guidediv1{ width:1180px; display:inline-block; text-align:left; max-width:96%; margin:auto;}



.info1 > div > h2{ text-align:left; position:relative; color:#ff9000; font-weight:900; font-size:33px; margin-bottom:1em;}
.info1 > div > div{ display:flex;}
.info1 > div > div > div:nth-child(1){ display:inline-block; float:left; margin-right:0.5em; max-width:60%;}
.info1 > div > div > div.img{ background-image:url(https://file.k-friends.kr/img/20210408/072242_0.png); background-size:auto 100%; background-repeat:no-repeat; display:inline-block; flex-grow: 1; background-position:0 center}

.info1 > div > div > div > h3{ text-align:left; font-size:22px; margin-top:-0.5em; margin-bottom:0.5em;}
.info1 > div > div > div > ul{ width:100%; display:inline-block;}
.info1 > div > div > div > ul > li{ font-size:19px;}

.info2{ margin-bottom:5em;}
.info2 > div{ width:100%; display:inline-block;}
.info2 > div > h2{ text-align:left; position:relative; color:#ff9000; font-weight:900; font-size:33px; margin:1em 0;}
.info2 > div > div > div > h3{ text-align:left; font-size:34px;}
.info2 > div > div > div > ul{ display:table; border-collapse:collapse; width:100%;}
.info2 > div > div > div > ul > li{ display:table-row;}
.info2 > div > div > div > ul > li > label{ display:table-cell; padding:0.5em 0; text-align:center; background-color:#c8c8c8; border:5px solid #fff; width:160px; font-size:19px; color:#3e3e3e;}
.info2 > div > div > div > ul > li > div{ display:table-cell; padding:0.5em 1em;  border:5px solid #fff; background-color:rgba(255,255,255,0.4); font-size:19px; color:#6a6a6a;}



/*
.info3 > div{ width:100%; display:inline-block;}
*/
.info3{ background-color:rgba(255,255,255,0.4); width:94%; padding:5em 3%; border-radius:5em; transition-duration:0.3s; margin-top:8em; box-shadow:6px 6px 18px 3px #888;;}
/*
.info3:hover{ box-shadow:1px 1px 6px 1px gray; margin-top:3em;}
.info3 > div > h2{ text-align:left; position:relative; color:#ff9000; font-weight:900; font-size:33px; margin-bottom:1em;}
*/
.info3 > div{ text-align:center;}
.info3 > div > h2{ display:inline-block; padding:0 2em; font-size:34px; font-weight:900; position:relative; margin-bottom:2em; }
/*
.info3 > div > h2:before{ content:""; width:280px; height:2px; display:inline-block; background-color:#000; position:absolute; right:100%; top:50%; margin-top:1px;}
.info3 > div > h2:after{ content:""; width:280px; height:2px; display:inline-block; background-color:#000; position:absolute; left:100%; top:50%; margin-top:1px;}
.info3 > div > h2 > span:nth-child(1):before{ content:"●"; font-size:6px; position:absolute; top:50%; right:100%; margin-right:-6em; margin-top:-5px;}
.info3 > div > h2 > span:nth-child(3):before{ content:"●"; font-size:6px; position:absolute; top:50%; left:100%; margin-left:-6em; margin-top:-5px;}
*/

.info3 > div > div.imglist > ul{}
.info3 > div > div.imglist > ul{ display:inline-block; width:100%; padding-bottom:0.5em;}
.info3 > div > div.imglist > ul > li{ background-repeat:no-repeat; display:inline-block; position:relative; float:left; width:25%; padding-top:180px; background-position: top center; height:80px; margin-bottom:2em;}
.info3 > div > div.imglist > ul > li:before{ content:"";width:24px; height:34px; background-image:url(https://file.k-friends.kr/img/20210831/125303_0.png); display:inline-block; position:absolute; z-index:1; margin-left:-29px; left:100%; top:50%; background-repeat:no-repeat;}

.info3 > div > div.imglist > ul > li:after{ position:absolute; top:0; left:0; width:100%; text-align:center; color:#6c6c6c; font-size:25px; font-weight:900;}

.info3 > div > div.imglist > ul > li > h4{ color:#202020; font-size:24px;}
.info3 > div > div.imglist > ul > li > p{ color:#444444; font-size:16px; text-align:center;}
.info3 > div > div.imglist > ul > li > p > span{ display:inline-block;}

.info3 > div > div.imglist > ul > li.step1{ background-image:url(https://file.k-friends.kr/img/20210831/010040_1.png);}


.info3 > div > div.imglist > ul > li.step2{ background-image:url(https://file.k-friends.kr/img/20210831/010040_3.png);}
/*.info3 > div > div.imglist > ul > li.step2:before{ display:none;}*/


.info3 > div > div.imglist > ul > li.step3{ background-image:url(https://file.k-friends.kr/img/20210831/010040_2.png);}


.info3 > div > div.imglist > ul > li.step4{ background-image:url(https://file.k-friends.kr/img/20210831/010040_0.png);}
.info3 > div > div.imglist > ul > li.step4:before{ display:none;}
.info3 > div > div.imglist > ul > li.step4 > h4{ line-height:1.4; color:#00f;}
.info3 > div > div.imglist > ul > li.step4 > p{ display:none;}



.info3 > div > div.text{ width:100%; display:inline-block;  text-align:left;}
.info3 > div > div.text > div{ margin:0.5em 1.5em;;}
.info3 > div > div > div > ul{ padding-bottom:3em; padding-left:4%; margin-top:2em;}
.info3 > div > div > div > ul > li{ list-style:decimal; margin-left:20px; font-size:24px; color:#444;}
.info3 > div > div > div > ul > li > ul > li{ list-style:outside; margin-left:20px;}


.info4{ margin-top:3em;}
.info4 > div > h2{ text-align:left; position:relative; color:#ff9000; font-weight:900; font-size:33px; margin-bottom:1em; }
.info4 > div > div > div > h3{ text-align:left; font-size:22px; margin-top:-0.5em; margin-bottom:0.5em;}

.list1{margin-bottom:5em; }
.list1 > p{text-align:right; color:#ff9000; font-size:16px; font-weight:900;}
.list1 > p:before{ content:"* "}

.list1 #list1Slide .swiper-slide{ background-color:#fff;}
.list1 #list1Slide .swiper-slide .infolist1{ width:100%; display:inline-block;}
.list1 #list1Slide .swiper-slide .infolist2{ width:100%; display:inline-block;}
.list1 #list1Slide .swiper-slide .infolist3{ width:100%; display:inline-block;}
.list1 #list1Slide .swiper-slide .infolist4{ width:100%; display:inline-block;}

.list1 #list1Slide .swiper-slide .infolist1 > div{ display:table; width:100%;}
.list1 #list1Slide .swiper-slide .infolist2 > div{ display:table; width:100%;}
.list1 #list1Slide .swiper-slide .infolist3 > div{ display:table; width:100%;}
.list1 #list1Slide .swiper-slide .infolist4 > div{ display:table; width:100%;}
.list1 #list1Slide .swiper-slide  div.img{ display:table-cell; background-color:#c8c8c8; width:50%; vertical-align:middle; height:442px;}
.list1 #list1Slide .swiper-slide  div.img > img{ box-shadow:1px 1px 8px 1px gray; margin:1em;}
.list1 #list1Slide .swiper-slide  div.text{ display:table-cell; background-color:rgba(255,255,255,0.4); font-size:19px; vertical-align:top;}
.list1 #list1Slide .swiper-slide  div.text > h4{ text-align:left; margin:2em 2em; margin-bottom:0.5em; font-size:22px;}
.list1 #list1Slide .swiper-slide  div.text > p{ margin:0 2em; font-size:17px}


.list1 .img{ text-align:center; display:inline-block;}
.list2 > ul{ display:flex; margin-bottom:5em;}
.list2 > ul > li{ display:inline-block; vertical-align:top;}
.list2 > ul > li:nth-child(2){ flex-grow:1;}
.list2 > ul > li table{ border-collapse:inherit; width:100%; border-spacing:3px;}
.list2 > ul > li table thead th{ background-color:#c8c8c8; color:#444; text-align:center; width:20%; padding:0.4em 0; font-size:19px;}
.list2 > ul > li table tbody td{ background-color:rgba(255,255,255,0.4); color:#444; text-align:center; width:20%; padding:0.3em 0; font-size:19px;}
.list2 > ul > li table tbody > tr:hover > td{ color:#039; font-weight:900;  }
.list2 > ul > li table tfoot td{ background-color:rgba(255,255,255,0.4); color:#444; text-align:center; padding:0.5em 0; font-size:17px; font-weight:900;}

.list3 > p{ margin-bottom:12em; margin-top:0.5em; font-size:16px;}
.list3 > ul{ display:inline-block; width:100%;}
.list3 > ul > li{ display:inline-block; float:left; width:32%; margin-left:0.5%; margin-right:0.5%; border:1px solid #f4f4f4; margin-bottom:1em;}
.list3 > ul > li .img{ background-repeat:no-repeat; background-position:center; width:100%; height:475px; display:inline-block; float:left; background-size:100% auto; background-color:#fff;}
.list3 > ul > li .text{ background-color:#c8c8c8; font-size:19px; padding:0.5em 0; width:100%; display:inline-block;}



.order1 .img{ background-image:url(https://file.k-friends.kr/img/20210805/121218_5.png);}
.order2 .img{ background-image:url(https://file.k-friends.kr/img/20210805/121218_4.png);}
.order3 .img{ background-image:url(https://file.k-friends.kr/img/20210805/121218_3.png);}
.order4 .img{ background-image:url(https://file.k-friends.kr/img/20210805/121218_2.png);}
.order5 .img{ background-image:url(https://file.k-friends.kr/img/20210805/121218_1.png);}
.order6 .img{ background-image:url(https://file.k-friends.kr/img/20210805/121218_0.png);}


.info4 > div > ul > li{ list-style:decimal; margin-left:20px; }


.info5 > div > h2{ text-align:left; position:relative; color:#ff9000; font-weight:900; font-size:33px; margin-bottom:1em;}
.info5 > div > div{ background-color:rgba(255,255,255,0.4); width:100%; display:inline-block; margin-bottom:12em;}
.info5 > div > div > ul{ margin:1em 1.5em;}
.info5 > div > div > ul > li{ list-style:decimal; margin-left:20px; font-size:19px;}


.info6{ background-color:rgba(255,255,255,0.4);  box-shadow:6px 6px 18px 3px #888;; width:88%; padding:5em 6%; border-radius:5em;}
.info6{ margin-top:8em;}
/*
.info6 > div > h2{ text-align:left; position:relative; color:#ff9000; font-weight:900; font-size:33px; margin-bottom:1em;}
.info6 > div > div{ width:100%; display:inline-block;}
*/
.info6 > div{ text-align:center;}
.info6 > div > h2{ display:inline-block; padding:0 2em; font-size:34px; font-weight:900; position:relative; margin-bottom:1em;}
/*
.info6 > div > h2:before{ content:""; width:280px; height:2px; display:inline-block; background-color:#000; position:absolute; right:100%; top:50%; margin-top:1px;}
.info6 > div > h2:after{ content:""; width:280px; height:2px; display:inline-block; background-color:#000; position:absolute; left:100%; top:50%; margin-top:1px;}
.info6 > div > h2 > span:nth-child(1):before{ content:"●"; font-size:6px; position:absolute; top:50%; right:100%; margin-right:-6em; margin-top:-5px;}
.info6 > div > h2 > span:nth-child(3):before{ content:"●"; font-size:6px; position:absolute; top:50%; left:100%; margin-left:-6em; margin-top:-5px;}
*/


.info6 > div > div > div{ margin:1em 2em; text-align:left;}
.info6 > div > div > div > ul > li{ list-style:decimal; margin-left:20px; font-size:24px; color:#444;}
.info6 > div > div > div > p{ color:#444; font-size:19px; position:relative; margin-left:20px; margin-right:9em;}
.info6 > div > div > div > p:before{ content:"※ "; position:absolute; right:100%; margin-right:6px;}


/*
.info7 > div > h2{ text-align:left; position:relative; color:#ff9000; font-weight:900; font-size:33px; margin-bottom:1em;}
*/
.info7{ background-color:rgba(255,255,255,0.4);  box-shadow:6px 6px 18px 3px #888;; width:88%; padding:5em 6%; border-radius:5em;}
.info7{ margin-top:8em;}
.info7 > div{ text-align:center;}
.info7 > div > h2{ display:inline-block; padding:0 2em; font-size:34px; font-weight:900; position:relative; margin-bottom:1em;}
/*
.info7 > div > h2:before{ content:""; width:320px; height:2px; display:inline-block; background-color:#000; position:absolute; right:100%; top:50%; margin-top:1px;}
.info7 > div > h2:after{ content:""; width:320px; height:2px; display:inline-block; background-color:#000; position:absolute; left:100%; top:50%; margin-top:1px;}
.info7 > div > h2 > span:nth-child(1):before{ content:"●"; font-size:6px; position:absolute; top:50%; right:100%; margin-right:-6em; margin-top:-5px;}
.info7 > div > h2 > span:nth-child(3):before{ content:"●"; font-size:6px; position:absolute; top:50%; left:100%; margin-left:-6em; margin-top:-5px;}
*/

.info7 > div > div > div > ul{ display:inline-block; margin:1em 2em;  text-align:left; margin-top:1.2em; margin-bottom:1em; }
.info7 > div > div > div > ul > li{ display:flex;; width:100%; margin-bottom:0.7em;}
/*
.info7 > div > div > div > ul > li > label{ display:inline-block; font-size:24px; vertical-align:top; width:20%; text-align:right;}
.info7 > div > div > div > ul > li > label:after{ content:": "; margin-left:0.5em; margin-right:0.5em;}
.info7 > div > div > div > ul > li > div{ display:inline-block; font-size:24px;  vertical-align:top; flex-grow: 1; width:80%;} 
.info7 > div > div > div > ul > li > div > span{ display:inline-block;}
.info7 > div > div > div > ul > li > div > span:before{ content:", "}
.info7 > div > div > div > ul > li > div > span:nth-child(1):before{ content:"";}
*/

.info7 > div > div > div > ul > li > label{ display:flex; font-size:24px; vertical-align:top; width:20%; text-align:center; background-color:rgba(153,153,153,0.7); border-radius:1em; padding:0.5em 0; align-items: center;  justify-content: center;}

.info7 > div > div > div > ul > li > div{ display:inline-block; font-size:24px;  vertical-align:top; flex-grow: 1; width:75%; margin-left:1%; background-color:rgba(255,255,255,0.7);padding:0.5em 2%; border-radius:1em;} 
.info7 > div > div > div > ul > li > div > span{ display:inline-block;}
.info7 > div > div > div > ul > li > div > span:after{ content:", "}
.info7 > div > div > div > ul > li > div > span:last-child:after{ content:"";}


.info8 > div > ul > li{ list-style:decimal; margin-left:20px; }
.info8 > div > ul > li > ul > li{ list-style:outside; margin-left:20px; }


.info8{ margin-top:3em;}

.info9{ background-color:rgba(255,255,255,0.4);  box-shadow:6px 6px 18px 3px #888;; width:88%; padding:5em 6%; border-radius:5em;}
.info9{ margin-top:8em;}
.info9 > div{ text-align:center; }
.info9 > div > h2{ display:inline-block; padding:0 2em; font-size:34px; font-weight:900; position:relative; margin-bottom:2em;}
/*
.info9 > div > h2:before{ content:""; width:280px; height:2px; display:inline-block; background-color:#000; position:absolute; right:100%; top:50%; margin-top:1px;}
.info9 > div > h2:after{ content:""; width:280px; height:2px; display:inline-block; background-color:#000; position:absolute; left:100%; top:50%; margin-top:1px;}
.info9 > div > h2 > span:nth-child(1):before{ content:"●"; font-size:6px; position:absolute; top:50%; right:100%; margin-right:-6em; margin-top:-5px;}
.info9 > div > h2 > span:nth-child(3):before{ content:"●"; font-size:6px; position:absolute; top:50%; left:100%; margin-left:-6em; margin-top:-5px;}
*/
.info9 > div > div > div{ margin:1em 2em; text-align:left;}
.info9 > div > div > div > ul{ }
.info9 > div > div > div > ul > li{ font-size:24px; color:#444;}

.info9{ margin-top:8em;}

.info10{ background-color:rgba(255,255,255,0.4);  box-shadow:6px 6px 18px 3px #888;; width:88%; padding:5em 6%; padding-bottom:10em; border-radius:5em;}
.info10{ margin-top:8em; position:relative;}
.info10 > div{ text-align:center;}
.info10 > div > h2{ display:inline-block; padding:0 2em; font-size:34px; font-weight:900; position:relative; margin-bottom:1em;}
.info10 > div > h3{ position:absolute; right:5em; bottom:4em; color:#002bff; font-size:21px; text-align:right; }
/*
.info10 > div > h2:before{ content:""; width:320px; height:2px; display:inline-block; background-color:#000; position:absolute; right:100%; top:50%; margin-top:1px;}
.info10 > div > h2:after{ content:""; width:320px; height:2px; display:inline-block; background-color:#000; position:absolute; left:100%; top:50%; margin-top:1px;}
.info10 > div > h2 > span:nth-child(1):before{ content:"●"; font-size:6px; position:absolute; top:50%; right:100%; margin-right:-6em; margin-top:-5px;}
.info10 > div > h2 > span:nth-child(3):before{ content:"●"; font-size:6px; position:absolute; top:50%; left:100%; margin-left:-6em; margin-top:-5px;}
*/

.info10 > div > div > div > ul{ display:inline-block; width:900px; text-align:left; margin-top:1.2em; margin-bottom:1em; }
.info10 > div > div > div > ul > li{ display:flex;; width:100%; margin-bottom:1em;  background:linear-gradient(to right, rgba(218,216,247,1), rgba(240,246,255,1)); border-radius:3em;}
.info10 > div > div > div > ul > li > label{ display:inline-block; text-align:center; font-size:20px; width:186px; color:#fff; background-color:rgba(0,0,0,1); border-radius:3em; padding:0.5em 0; }
.info10 > div > div > div > ul > li > div{ display:flex; font-size:20px; width:700px; margin-left:3em;} 
.info10 > div > div > div > ul > li > div > span{ width:100%;  padding:0.5em 0; justify-content: space-between;}


.infoBtnNav{ width:100%; display:inline-block; margin-bottom:12em; margin-top:15em; text-align:center;}
.infoBtnNav > a{ background-color:#000cb4; box-shadow:1px 1px 2px 1px #000cb4; color:#fff; padding:0.5em 3em; font-size:34px; display:inline-block; border-radius:3em;}

.info11{ background-color:rgba(255,255,255,0.4);  box-shadow:6px 6px 18px 3px #888;; width:94%; padding:5em 3%; border-radius:5em;}
.info11{ margin-top:8em;}
.info11 > div{ text-align:center;}
.info11 > div > h2{ display:inline-block; padding:0 2em; font-size:34px; font-weight:900; position:relative; margin-bottom:1em;}
/*
.info11 > div > h2:before{ content:""; width:280px; height:2px; display:inline-block; background-color:#000; position:absolute; right:100%; top:50%; margin-top:1px;}
.info11 > div > h2:after{ content:""; width:280px; height:2px; display:inline-block; background-color:#000; position:absolute; left:100%; top:50%; margin-top:1px;}
.info11 > div > h2 > span:nth-child(1):before{ content:"●"; font-size:6px; position:absolute; top:50%; right:100%; margin-right:-6em; margin-top:-5px;}
.info11 > div > h2 > span:nth-child(3):before{ content:"●"; font-size:6px; position:absolute; top:50%; left:100%; margin-left:-6em; margin-top:-5px;}
*/
.info11 > div > div > div{ margin:0em 2em; text-align:left;}
.info11 > div > div > div > div > ul{  }
.info11 > div > div > div > div > ul > li{ font-size:26px; color:#444; margin-left:30px; list-style:decimal;}

.info11 .stepdiv .stepimg{ width:210px; height:215px; background-image:url(https://file.k-friends.kr/img/20210831/010338_0.png); background-repeat:no-repeat; background-size:auto 100%; background-position:center center; float:left; display:inline-block; margin-right:3.6em;}


.info12{ background-color:rgba(255,255,255,0.4);  box-shadow:6px 6px 18px 3px #888;; width:94%; padding:5em 3%; border-radius:5em;}
.info12{ margin-top:8em;}
.info12 > div{ text-align:center;}
.info12 > div > h2{ display:inline-block; padding:0 2em; font-size:34px; font-weight:900; position:relative; margin-bottom:1em;}
/*
.info12 > div > h2:before{ content:""; width:280px; height:2px; display:inline-block; background-color:#000; position:absolute; right:100%; top:50%; margin-top:1px;}
.info12 > div > h2:after{ content:""; width:280px; height:2px; display:inline-block; background-color:#000; position:absolute; left:100%; top:50%; margin-top:1px;}
.info12 > div > h2 > span:nth-child(1):before{ content:"●"; font-size:6px; position:absolute; top:50%; right:100%; margin-right:-6em; margin-top:-5px;}
.info12 > div > h2 > span:nth-child(3):before{ content:"●"; font-size:6px; position:absolute; top:50%; left:100%; margin-left:-6em; margin-top:-5px;}
*/
.info12 > div > div > div{ margin:0em 2em; text-align:left;}

.info12 .eventitem > ul{ display:inline-block; width:100%;}
.info12 .eventitem > ul > li{ display:inline-block; width:25%; height:350px; background-repeat:no-repeat; position:relative; float:left; background-size:90% auto; background-position:center center;;}
.info12 .eventitem > ul > li > h4{ position:absolute; text-align:center; font-size:24px; bottom:8px; left:0; width:100%;}

.info12 .eventitem > ul > li.running{ background-image:url(https://file.k-friends.kr/img/20210902/102755_3.png)}
.info12 .eventitem > ul > li.cycle{ background-image:url(https://file.k-friends.kr/img/20210902/102755_0.png)}
.info12 .eventitem > ul > li.hiking{ background-image:url(https://file.k-friends.kr/img/20210902/102755_1.png);}
.info12 .eventitem > ul > li.swimming{ background-image:url(https://file.k-friends.kr/img/20210903/034656_0.png); background-size:70% auto;}
.info12 .eventitem > div > p{ color:#002bff; font-size:24px; margin-top:2.5em;}


.info13 > div.backgray{ width:100%; display:inline-block; margin-top:8em;}
.info13 > div.backgray > ul > li{ font-size:23px; text-align:center;}
.info13 > div.backgray > ul > li > span{ display:inline-block;}



.intro10{ text-align:center; width:100%; display:inline-block; float:left; background-repeat:repeat-x; background-position:left 1.6em; margin-top:5em; text-align:center;}
.intro10 > div{ width:1180px; display:inline-block; text-align:center; margin-bottom:5em;}
.intro10 > div > h2{ display:inline-block; padding:0 2em; font-size:34px; font-weight:900; position:relative;}
/*
.intro10 > div > h2:before{ content:""; width:280px; height:2px; display:inline-block; background-color:#000; position:absolute; right:100%; top:50%; margin-top:2px;}
.intro10 > div > h2:after{ content:""; width:280px; height:2px; display:inline-block; background-color:#000; position:absolute; left:100%; top:50%; margin-top:2px;}
.intro10 > div > h2 > span:nth-child(1):before{ content:"●"; font-size:6px; position:absolute; top:50%; right:100%; margin-right:-6em; margin-top:-5px;}
.intro10 > div > h2 > span:nth-child(3):before{ content:"●"; font-size:6px; position:absolute; top:50%; left:100%; margin-left:-6em; margin-top:-5px;}
*/
.intro10 > div > div{ width:100%; min-height:65vh; display:table;}
.intro10 > div > div > ul{ display:table-cell; vertical-align:middle; width:100%;}
.intro10 > div > div > ul > li{ display:inline-block; float:left; width:196px; height:115px; text-align:center; overflow:hidden; margin-top:30px;}
.intro10 > div > div > ul > li > div{ display:inline-block; margin-top:3px; box-shadow:0px -1px 3px 0px rgba(128,128,128,0.4); width:148px; height:148px; text-align:center; border-radius:50% 50% 0 0; background-color:rgba(255,255,255,0.4);}
.intro10 > div > div > ul > li > div > img{ width:50px; height:30px; border:1px solid #ddd; margin-top:30px;}
.intro10 > div > div > ul > li > div > p{ font-size:12px;}
.intro10 > div > div > ul > li > div > p.VeteransP:before{ content:"참전병력 : ";}
.intro10 > div > div > ul > li > div > p.CasualtyP:before{ content:"희생자 : ";}



/*.info11 > div > div{ background-color:rgba(255,255,255,0.4); width:100%; display:inline-block; margin-bottom:3em; background-repeat:no-repeat;}*/
.info11 > div > div{ background-repeat:no-repeat;}
.info11 > div > div > h3{ font-size:22px;}
/*
.info11 > div > div > h3:before{ content:"[";}
.info11 > div > div > h3:after{ content:"]";}
*/
.info11 > div > div > div > div.text > h4{ display:none;}

.info11 > div > div.ev1{ background-image:url(https://file.k-friends.kr/img/20210903/032008_0.png); min-height:544px; background-position:4em 3em; }
.info11 > div > div.ev1 > h3{ text-align:left; margin-top:3em; margin-left:380px;}
.info11 > div > div.ev1 > div{ margin-left:380px;}
.info11 > div > div.ev1 > div > div.text > ul{ margin:1em; max-width:600px;}
.info11 > div > div.ev1 > div > div.text > ul > li{ font-size:19px; margin-left:20px; position:relative; list-style:decimal;}
.info11 > div > div > div > div.text > ul > li > span{ display:inline-block;}

.info11 > div > div.ev1 > div > div > h4{ font-size:22px; text-align:left; margin-top:2.5em;}
/*
.info11 > div > div.ev1 > div > div > h4:before{ content:"[";}
.info11 > div > div.ev1 > div > div > h4:after{ content:"]";}
*/
.info11 > div > div.ev1 > div > div.item > ul{ margin:1em; max-width:600px;}
.info11 > div > div.ev1 > div > div.item > ul > li{ font-size:19px; margin-left:0; position:relative; list-style:outside;}


.info11 > div > div.ev2{ background-image:url(https://file.k-friends.kr/img/20210903/032008_1.png); min-height:586px;background-position:center right;}
.info11 > div > div.ev2 > h3{ text-align:left; margin-top:3em; margin-right:396px; margin-left:1.5em;}
.info11 > div > div.ev2 > div > div.text{ margin-right:396px;}
.info11 > div > div.ev2 > div > div.text > ul{ margin:1em; margin-left:3em;}
.info11 > div > div.ev2 > div > div.text > ul > li{ font-size:19px; margin-left:20px; position:relative; list-style:decimal;}
.info11 > div > div.ev2 > div > div > h4{ font-size:22px; text-align:left; margin-left:1.5em; margin-top:2.5em;}
/*
.info11 > div > div.ev2 > div > div > h4:before{ content:"[";}
.info11 > div > div.ev2 > div > div > h4:after{ content:"]";}
*/
.info11 > div > div.ev2 > div > div.item > ul{ margin:1em; margin-left:3em;}
.info11 > div > div.ev2 > div > div.item > ul > li{ font-size:19px; margin-left:0; position:relative; list-style:outside;}

.info11 > div > div.ev3{ background-image:url(https://file.k-friends.kr/img/20210903/032008_0.png); min-height:625px;  background-position:4em 3em;}
.info11 > div > div.ev3 > h3{ text-align:left; margin-top:3em; margin-left:380px;}
.info11 > div > div.ev3 > div{ margin-left:380px;}
.info11 > div > div.ev3 > div > div.text > ul{ margin:1em; max-width:600px;}
.info11 > div > div.ev3 > div > div.text > ul > li{ font-size:19px; margin-left:20px; position:relative; list-style:decimal;}
.info11 > div > div.ev3 > div > div > h4{ font-size:22px; text-align:left; margin-top:2.5em;}
/*
.info11 > div > div.ev3 > div > div > h4:before{ content:"[";}
.info11 > div > div.ev3 > div > div > h4:after{ content:"]";}
*/
.info11 > div > div.ev3 > div > div.item > ul{ margin:1em; max-width:600px; margin-bottom:0;}
.info11 > div > div.ev3 > div > div.item > ul > li{ font-size:19px; margin-left:0; position:relative; list-style:outside;}
.info11 > div > div.ev3 > div > div.item > p{ margin:1em; margin-top:0; font-size:19px;}
.info11 > div > div.ev3 > div > div.item > p:before{ content:"* ";}

.info11 > div > div.ev4{ background-image:url(https://file.k-friends.kr/img/20210903/032008_1.png); min-height:418px;background-position:center right;}
.info11 > div > div.ev4 > h3{ text-align:left; margin-top:3em; margin-right:396px; margin-left:1.5em;}
.info11 > div > div.ev4 > div > div.text{ margin-right:396px;}
.info11 > div > div.ev4 > div > div.text > ul{ margin:1em; margin-left:3em;}
.info11 > div > div.ev4 > div > div.text > ul > li{ font-size:19px; margin-left:20px; position:relative; list-style:decimal;}
.info11 > div > div.ev4 > div > div > h4{ font-size:22px; text-align:left; margin-left:1.5em; margin-top:2.5em;}
/*
.info11 > div > div.ev4 > div > div > h4:before{ content:"[";}
.info11 > div > div.ev4 > div > div > h4:after{ content:"]";}
*/
.info11 > div > div.ev4 > div > div.item{ margin-right:396px; margin-bottom:3em;}
.info11 > div > div.ev4 > div > div.item > ul{ margin:1em; margin-left:3em;}
.info11 > div > div.ev4 > div > div.item > ul > li{ font-size:19px; margin-left:0; position:relative; list-style:outside;}



.info11 > div > div.ev5{ margin-left:2.1em; margin-bottom:3em; display:inline-block;}
.info11 > div > div.ev5 > h3{ text-align:left;}
.info11 > div > div.ev5 > div{}
.info11 > div > div.ev5 > div > div.text > ul{ margin:1em;}
.info11 > div > div.ev5 > div > div.text > ul > li{ font-size:19px; margin-left:20px; position:relative; list-style:decimal;}
.info11 > div > div.ev5 > div > div > h4{ font-size:22px; text-align:left; margin-top:2.5em;}
/*
.info11 > div > div.ev5 > div > div > h4:before{ content:"[";}
.info11 > div > div.ev5 > div > div > h4:after{ content:"]";}
*/
.info11 > div > div.ev5 > div > div.item > ul{ margin:1em; margin-left:2em; margin-bottom:0;}
.info11 > div > div.ev5 > div > div.item > ul > li{ font-size:19px; margin-left:0; position:relative; list-style:outside;}
.info11 > div > div.ev5 > div > div.item > p{ margin:1em; margin-top:0; font-size:19px;}
.info11 > div > div.ev5 > div > div.item > p:before{ content:"* ";}



.info11 > div > div.ev6{ background-image:url(https://file.k-friends.kr/img/20211019/022119_0.png); min-height:544px; background-position:left center; margin:0 4em; }
.info11 > div > div.ev6 > h3{ text-align:left; margin-top:3em; margin-left:500px;}
.info11 > div > div.ev6 > div{ margin-left:500px;}
.info11 > div > div.ev6 > div > div.text > ul{ margin:1em; max-width:600px;}
.info11 > div > div.ev6 > div > div.text > ul > li{ font-size:19px; margin-left:20px; position:relative; list-style:decimal;}
.info11 > div > div.ev6 > div > div > h4{ font-size:22px; text-align:left; margin-left:1.5em; margin-top:2.5em;}
.info11 > div > div.ev6 > div > div.item > ul{ margin:1em; margin-left:3em;}
.info11 > div > div.ev6 > div > div.item > ul > li{ font-size:19px; margin-left:0; position:relative; list-style:outside;}


.info11 > div > div.ev6 > div > div > p{ font-size:18px; text-decoration:underline; }

.info11 > div > div.ev7{ background-image:url(https://file.k-friends.kr/img/20211019/022119_1.png); min-height:586px;background-position:center right; background-size:auto 613px;}
.info11 > div > div.ev7 > h3{ text-align:left; margin-top:3em; margin-right:396px; margin-left:1.5em;}
.info11 > div > div.ev7 > div > div.text{ margin-right:450px;}
.info11 > div > div.ev7 > div > div.text > ul{ margin:1em; margin-left:3em;}
.info11 > div > div.ev7 > div > div.text > ul > li{ font-size:19px; margin-left:20px; position:relative; list-style:decimal;}
.info11 > div > div.ev7 > div > div > h4{ font-size:22px; text-align:left; margin-left:1.5em; margin-top:2.5em;}
.info11 > div > div.ev7 > div > div.item > ul{ margin:1em; margin-left:3em; margin-right:470px;}
.info11 > div > div.ev7 > div > div.item > ul > li{ font-size:19px; margin-left:0; position:relative; list-style:outside;}

.info11 > div > div.ev7 > div > div > p{ font-size:18px; text-decoration:underline; }


/*
section > div.main2 > h2{ margin:1.5em 0;}
section > div.main2 > h3{ margin:1em 0;}
section > div.main2 .checkdiv{ border:1px solid #ddd; border-radius:1em; margin-top:1em; margin-bottom:1em; background-color:#FFC;}
section > div.main2 .checkdiv > h2{ margin-top:1em;}
section > div.main2 .checkdiv > ul{ margin:1em;}
section > div.main2 .checkdiv > ul > li{ list-style:outside; margin-left:20px;}


section > div.main2{ margin:4em 0;}
section > div.main2 > ul{ display:table; border-top:1px solid #ddd; width:90%; max-width:800px; margin:auto;}
section > div.main2 > ul > li{ display:table-row;}
section > div.main2 > ul > li > label{ display:table-cell; border-bottom:1px solid #ddd; vertical-align:middle; text-align:center; font-size:14px; padding:8px; width:160px; background-color:#f1f1f1;}
section > div.main2 > ul > li > div{ display:table-cell; border-bottom:1px solid #ddd; line-height:1.6; font-size:14px; padding:16px;}
section > div.main2 > ul > li > div > ul > li{ list-style:circle; margin-left:20px;}

section > div.main2 > ul > li > div > ul.num > li{ list-style:decimal; margin-left:20px;}
section > div.main2 > ul > li > div > p{ margin-left:20px; color:#f00; position:relative;}
section > div.main2 > ul > li > div > p:before{ content:"※"; position:absolute; left:-20px; top:0; }

.checkdiv{ width:800px; max-width:90%; margin:auto; color:#f00;}

.appdownload > ul{ display:table; width:400px; margin:auto;}
.appdownload > ul > li{ display:table-cell; vertical-align:middle; text-align:center;}
.appdownload > ul > li > a.googledown > img{ height:62px; }
.appdownload > ul > li > a.appledown > img{ height:44px; }

.STRAVACLUBBtn{ background-color:#fc5200; color:#fff; display:inline-block; table-layout:fixed; padding:0.5em 2em; border-radius:3px; font-size:12px; margin:4px;}
*/

.intro1{ width:1180px; display:inline-block; text-align:left; max-width:96%; margin:auto; margin-top:8em;}
.intro1 > div > h2{ text-align:left; color:#00109e; font-size:20px;}
.intro1 > div > h3{ text-align:left; font-size:32px;}
.intro1 > div > p{ text-align:left; font-size:20px;}
.intro1 > div > p > span{ color:#00109e;}
/*
.intro1 > div > div.img{ background-image:url(https://file.k-friends.kr/img/20210827/102926_0.jpg); width:1180px; height:785px;  background-repeat:no-repeat;box-shadow:6px 6px 18px 3px gray; margin-top:3em; display:inline-block; background-size:100% auto; border-radius:5em;}
*/
.intro1 > div > div.img{ background-image:url(https://file.k-friends.kr/img/20210827/102926_0.jpg); width:1088px; height:485px;  background-repeat:no-repeat;box-shadow:6px 6px 18px 3px gray; margin-top:3em; display:inline-block; background-size:100% auto; border-radius:5em; background-position:center center;}


.intro2{ width:100%; display:inline-block; text-align:center; margin-top:8em;}
.intro2 > div{ width:1180px; display:inline-block; text-align:left;}
.intro2 > div > h2{ text-align:left; color:#00109e; font-size:20px;}
.intro2 > div > h3{ text-align:left; font-size:32px;}
.intro2 > div > p{ text-align:left; font-size:20px;}
.intro2 > div > p > span{ color:#00109e;}

.intro2 > div > div.img{ background-image:url(https://file.k-friends.kr/img/20210902/111718_0.png); width:1088px; height:485px;  background-repeat:no-repeat;box-shadow:6px 6px 18px 3px gray; margin-top:3em; display:inline-block; background-size:100% auto; border-radius:5em; background-position:center center; z-index:1; position:relative;}

.intro2 > div > div.img2{ background-image:url(https://file.k-friends.kr/img/20210902/111718_1.png); width:1088px; height:485px;  background-repeat:no-repeat;box-shadow:6px 6px 18px 3px gray; margin-top:3em; display:inline-block; background-size:100% auto; border-radius:5em; position:relative;  background-position:center center; z-index:1; display:none;}

.intro3{background-color:rgba(128,128,128,0.4); width:100%; display:inline-block; margin-top:-200px; padding-top:300px;}

#Slide625 .swiper-slide{ width:auto;}
#Slide625 div.img{ }
#Slide625 div.img > img{ height:278px; box-shadow:1px 1px 12px 1px gray;}
.intro3 > div > p{ width:1180px; display:inline-block; text-align:left; max-width:96%; margin:auto; margin-top:3em; font-size:20px; margin-bottom:4em;}

.intro4{ width:1180px; display:inline-block; text-align:left; max-width:96%; margin:auto; margin-top:8em;}
.intro4 > div > h2{ text-align:left; color:#00109e; font-size:20px;}
.intro4 > div > h3{ text-align:left; font-size:32px;}
.intro4 > div > p{ text-align:left; font-size:18px;}
.intro4 > div > p > span{ color:#00109e;}
.intro4 > div > div.img{ background-image:url(https://file.k-friends.kr/img/20210827/102926_0.jpg); width:1180px; height:785px;  background-repeat:no-repeat;box-shadow:6px 6px 18px 3px gray; margin-top:3em; display:inline-block; background-size:100% auto; border-radius:5em;}

.intro4 > div > div.img{ background-image:url(https://file.k-friends.kr/img/20210827/113239_0.jpg); width:1088px; height:508px;  background-repeat:no-repeat;box-shadow:6px 6px 18px 3px gray; margin-top:3em; display:inline-block; background-size:100% auto; border-radius:5em; position:relative; z-index:1;}

.intro5{background-color:rgba(128,128,128,0.4); width:100%; display:inline-block; margin-top:-200px; padding-top:200px;}
.intro5 > div{ width:940px; display:inline-block; text-align:left; max-width:96%; margin:auto; margin-top:2em; margin-bottom:3em;}
.intro5 > div > p{ margin-bottom:2em; font-size:20px;}
.intro5 > div > p > span{ display:inline-block; width:100%;}
.intro6{ width:1180px; display:inline-block; text-align:left; max-width:96%; margin:auto; margin-top:8em;}
.intro6 > div > h2{ text-align:left; font-size:38px; color:#1a00ce; margin-bottom:0.5em;}
.intro6 > div > p{ font-size:20px; line-height:2;}
.intro6 > div > p > span{ display:inline-block; }

.intro6 > div > ul{ display:flex; margin-top:5em;}
.intro6 > div > ul > li{ margin-right:2em;}
.intro6 > div > ul > li > div{ width:525px; height:476px; display:inline-block; background-repeat:no-repeat; background-size:cover; background-position:center center; border-radius:3em; box-shadow:6px 6px 18px 3px gray; }
.intro6 > div > ul > li > div.img1{ background-image:url(https://file.k-friends.kr/img/20210827/114843_0.png); }
.intro6 > div > ul > li > div.img2{ background-image:url(https://file.k-friends.kr/img/20210827/114855_0.png);}

.intro7 > div > p{ width:1180px; display:inline-block; text-align:left; max-width:96%; margin:auto; margin-top:3em; font-size:19px; margin-bottom:4em;}

.intro8{ position:relative; z-index:1;}
.intro8 > div{ width:1180px; display:inline-block; text-align:left; max-width:96%; margin:auto; margin-top:3em; font-size:19px; margin-bottom:4em; background-image:url(https://file.k-friends.kr/img/20210827/115915_0.jpg); background-size:cover; background-position:center center; border-radius:3em; box-shadow:6px 6px 18px 3px gray;}
.intro8 > div > div{ float:left; background-color:rgba(255,255,255,0.8);  border-radius:3em; padding:3em 6%; width:88%; padding-top:3em;}
.intro8 > div > div > p{ line-height:1.6; font-size:20px; margin-bottom:1em; text-align:center;}
.intro8 > div > div > p > span{ display:inline-block;}

.intro9{background-color:rgba(128,128,128,0.4); width:100%; display:inline-block; margin-top:-250px; padding-top:250px; background-image:url(https://file.k-friends.kr/img/20210906/030814_0.png); background-repeat:repeat-x; background-position:center bottom; padding-bottom:266px;}
.intro9 > div{ width:1180px; display:inline-block; text-align:left; max-width:96%; margin:auto; margin-top:0; margin-bottom:3em;}
.intro9 > div > p{ margin-bottom:2em; font-size:20px;}
.intro9 > div > p > span{ display:inline-block; font-size:40px; color:#1a00ce;}

.intro11 > div > ul{ width:1200px; display:inline-block; text-align:left; max-width:96%; margin:auto; margin-top:8em;}
.intro11 > div > ul > li > div.img1{ background-image:url(https://file.k-friends.kr/img/20210827/105359_0.jpg); width:1188px; height:485px;  background-repeat:no-repeat;box-shadow:6px 6px 18px 3px gray; margin-top:3em; display:inline-block; background-size:100% auto; border-radius:5em; position:relative;  background-position:center center; z-index:1;}

.intro12{background-color:rgba(128,128,128,0.4); width:100%; display:inline-block; margin-top:-150px; padding-top:150px;}
.intro12 > div{ width:1180px; display:inline-block; text-align:center; max-width:96%; margin:auto; margin-top:3em; margin-bottom:3em;}
.intro12 > div > p{ margin-bottom:2em; font-size:26px; line-height:2;}
.intro12 > div > p > span{ display:inline-block;}




.intro13{ width:100%; display:inline-block; text-align:center; float:left; margin-bottom:2em 0; background-color:#fff; overflow-x:hidden}
.intro13 > div{ width:1920px; display:inline-block; text-align:left; background-repeat:no-repeat; background-position:right center; background-image:url(https://file.k-friends.kr/img/20210412/081251_0.png); height:1080px; text-align:left; background-size:auto 95%;}
.intro13 > div > div > h3{ margin-left:10%; margin-top:230px; margin-bottom:74px; text-align:left;}
.intro13 > div > div > h3 > span{ font-size:94px; display:block; line-height:1;}
.intro13 > div > div > h3 > span:nth-child(1){ font-weight:900; letter-spacing:5px;}
.intro13 > div > div > h3 > span:nth-child(2){ font-weight:100; color:#434343;}
.intro13 > div > div > div > img{ display:none;}
.intro13 > div > div > div > p{ margin-left:10%; margin-bottom:1em;}
.intro13 > div > div > div > p.text1{ font-size:22px; color:#323232;}
.intro13 > div > div > div > p.text2{ font-size:22px; font-weight:900; color:#323232;}
.intro13 > div > div > div > p.text3{ font-size:17px; color:#1900ff;}
.intro13 > div > div > div > p.text3:before{ content:"- ";}
.intro13 > div > div > div > p.text3 > br{ display:none;}
.intro13 > 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;}
.intro13 > 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;}

.IntrounP{ margin-top:3em; }
.IntrounP > a{padding:0.5em 3em; background-color:#000; color:#fff; display:inline-block; border-radius:2em; box-shadow:1px 1px 6px 1px #000; font-size:20px;}
