h1,h2,h3,h4{ text-align:center; line-height:1.8;}
header{ position:absolute; z-index:3; left:0; top:0;}
header > a > span{ color:#fff; }
body{ background-image:url(https://file.k-friends.kr/img/20210813/055702_0.png); background-size:auto 100%;background-attachment: fixed; }

section .text ul > li > span{ color:#f00;}
section a{ color:#00f;}

section > div.main1{ width:100%; height:300px; background-position:center center; background-size:auto 100%;background-image:url(https://file.k-friends.kr/img/20210826/040921_0.png); background-size:cover}
section > div.main2{ width:100%; display:inline-block; float:left; text-align:center;}
section > div.main2 > div.guidediv1{ width:90%; display:inline-block; text-align:left; margin:auto;}



/*
.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 12px 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; position:relative;}
.info3 > div > div.imglist > ul > li{ background-repeat:no-repeat; display:inline-block; position:relative; float:left; width:50%; padding-top:180px; background-position: top center; height:140px; 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:0; 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:20px; color:#444;}
.info3 > div > div > div > ul > li > ul > li{ list-style:outside; margin-left:20px;}



.info6{ background-color:rgba(255,255,255,0.4);  box-shadow:6px 6px 12px 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:20px; 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:inline-block;; width:100%;}
.info7 > div > div > div > ul > li > label{ display:inline-block; text-align:left; font-size:20px; width:100%; margin-top:1em;}
.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:21px; } 
.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:"";}

.info9{ background-color:rgba(255,255,255,0.4);  box-shadow:6px 6px 12px 3px #888;; width:88%; padding:5em 6%; border-radius:5em;}
.info9{ margin-top:8em;}
.info9 > div{ text-align:center;}

.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:20px; color:#444;}

.info9{ margin-top:8em;}


.infoBtnNav{ width:100%; display:inline-block; margin-bottom:8em; margin-top:5em; 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;}


.intro1{ width:96%; display:inline-block; text-align:left; margin:auto; margin-top:8em;}
.intro1 > div > h2{ text-align:left; color:#00109e; font-size:16px;}
.intro1 > div > h3{ text-align:left; font-size:30px;}
.intro1 > div > p{ text-align:left; font-size:16px;}
.intro1 > div > p > span{ color:#00109e;}
.intro1 > div > p > span > br{ display:none;}
/*
.intro1 > div > div.img{ background-image:url(https://file.k-friends.kr/img/20210827/102926_0.jpg); width:100%; 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:100%; height:370px;  background-repeat:no-repeat;box-shadow:6px 6px 12px 3px gray; margin-top:3em; display:inline-block; background-size:100% auto; border-radius:5em; background-position:center center;}


.intro2{ width:96%; display:inline-block; text-align:left; margin:auto; margin-top:8em;}
.intro2 > div > h2{ text-align:left; color:#00109e; font-size:16px;}
.intro2 > div > h3{ text-align:left; font-size:30px;}
.intro2 > div > p{ text-align:left; font-size:16px;}
.intro2 > div > p > span{ color:#00109e;}
.intro2 > div > p > span > br{ display:none;}

.intro2 > div > div.img{ background-image:url(https://file.k-friends.kr/img/20210902/111718_0.png); width:100%; height:300px;  background-repeat:no-repeat;box-shadow:6px 6px 12px 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:100%; height:300px;  background-repeat:no-repeat;box-shadow:6px 6px 12px 3px gray; margin-top:3em; display:none; background-size:100% auto; border-radius:5em; position:relative;  background-position:center center; z-index:1;}

.intro3{background-color:rgba(128,128,128,0.4); width:100%; display:inline-block; margin-top:-150px; padding-top:180px;}
#Slide625 .swiper-slide{ width:auto;}
#Slide625 div.img{ }
#Slide625 div.img > img{ height:168px; box-shadow:1px 1px 6px 1px gray;}
.intro3 > div > p{ width:100%; display:inline-block; text-align:left; max-width:96%; margin:auto; font-size:16px;  margin-top:1.5em; margin-bottom:3em;}


.intro4{ width:100%; display:inline-block; text-align:left; max-width:96%; margin:auto; margin-top:8em;}
.intro4 > div > h2{ text-align:left; color:#00109e; font-size:16px;}
.intro4 > div > h3{ text-align:left; font-size:30px;}
.intro4 > div > p{ text-align:left; font-size:16px;}
.intro4 > div > p > span{ color:#00109e;}
.intro4 > div > p > span > br{ display:none;}
.intro4 > div > div.img{ background-image:url(https://file.k-friends.kr/img/20210827/102926_0.jpg); width:100%; height:785px;  background-repeat:no-repeat;box-shadow:6px 6px 12px 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:100%; height:280px;  background-repeat:no-repeat;box-shadow:6px 6px 12px 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:-150px; padding-top:150px;}
.intro5 > div{ width:90%; display:inline-block; text-align:left; margin:auto; margin-top:2em; margin-bottom:3em;}
.intro5 > div > p{ margin-bottom:2em; font-size:16px;}
.intro5 > div > p > span{ display:inline-block; width:100%;}


.intro6{ width:90%; display:inline-block; text-align:left; margin:auto; margin-top:8em;}
.intro6 > div > h2{ text-align:left; font-size:30px; color:#1a00ce; margin-bottom:0.5em;}
.intro6 > div > p{ font-size:16px; line-height:2;}
.intro6 > div > p > span{ display:inline-block; }
.intro6 > div > p > br:nth-child(3){ display:none;}


.intro6 > div > ul{ display:inline-block; width:100%;}
.intro6 > div > ul > li{ width:100%; text-align:center; display:inline-block; margin-top:3em;}
.intro6 > div > ul > li > div{ width:100%; height:476px; display:inline-block; background-repeat:no-repeat; background-size:cover; background-position:center center; border-radius:3em; box-shadow:6px 6px 12px 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:90%; display:inline-block; text-align:left;  margin:auto; margin-top:3em; font-size:16px; margin-bottom:4em;}
.intro7 > div > p > br{ display:none;}


.intro8{ position:relative; z-index:1;}
.intro8 > div{ width:90%; display:inline-block; text-align:left; margin:auto; margin-top:3em; font-size:16px; margin-bottom:1em; 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-bottom:2em;}
.intro8 > div > div > h2{ text-align:left; font-size:38px; color:#1a00ce; margin-bottom:0.5em;}
.intro8 > div > div > p{ line-height:1.6; font-size:16px; margin-bottom:0.7em; 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:-200px; padding-top:200px; 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:100%; display:inline-block; text-align:left; max-width:96%; margin:auto; margin-bottom:3em;}
.intro9 > div > p{ margin-bottom:2em; font-size:16px;}
.intro9 > div > p > span{ display:inline-block; font-size:30px; color:#1a00ce;}
.intro9 > div > p > br{ display:none;}
.intro9 > div > p > br:nth-child(2){ display:inline-block;}

.info10{ background-color:rgba(255,255,255,0.4);  box-shadow:6px 6px 12px 3px #888;; width:88%; padding:5em 6%; padding-bottom:8em; 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:18px; 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:100%; 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; text-justify:center;}
.info10 > div > div > div > ul > li > label{ display:inline-block; text-align:center; font-size:18px; width:30%; color:#fff; background-color:rgba(0,0,0,1); border-radius:3em; padding:0.5em 0;justify-content: center; align-items: center}
.info10 > div > div > div > ul > li > label > span{ width:100%; display:inline-block;}

.info10 > div > div > div > ul > li > div{ display:flex; font-size:20px; width:55%; padding-right:10%;margin-left:5%; justify-content: center;align-items: center;} 
.info10 > div > div > div > ul > li > div > span{ width:100%;  padding:0.5em 0;  justify-content: center; text-align:center;}
.info10 > div > div > div > ul > li > div > span > span{ width:100%; display:inline-block;}


.info11{ background-color:rgba(255,255,255,0.4);  box-shadow:6px 6px 12px 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:20px; color:#444; margin-left:30px; list-style:decimal;}

.info11 .stepdiv .stepimg{ width:100%; 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 12px 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:50%; height:300px; background-repeat:no-repeat; position:relative; float:left; background-size:300px 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:250px; auto;;}
.info12 .eventitem > div > p{ color:#002bff; font-size:20px; margin-top:2.5em;}

.info13 > div.backgray{ width:100%; display:inline-block; margin-top:8em;}
.info13 > div.backgray > ul > li{ font-size:20px; text-align:center;}
.info13 > div.backgray > ul > li > span{ display:inline-block;}



/*.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;background-position:center center; background-size:auto 60%; width:100%; display:inline-block;}
.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 > div > div.text > ul > li > span{ display:inline-block;}

.info11 > div > div.ev1{ background-image:url(https://file.k-friends.kr/img/20210903/032008_0.png);}
.info11 > div > div.ev1 > h3{ margin-top:2em;  background-color:rgba(255,255,255,0.8); margin-left:5%; margin-right:5%; padding:0.5em 0; text-align:left; padding-left:5%; padding-right:5%; padding-top:2em;}
.info11 > div > div.ev1 > div{ background-color:rgba(255,255,255,0.8); width:80%; margin-left:5%; margin-bottom:2em; padding:0.5em 5%; min-height:400px;}
.info11 > div > div.ev1 > div > div.text > ul{ margin:1em; max-width:600px;}
.info11 > div > div.ev1 > div > div.text > ul > li{ font-size:18px; margin-left:20px; position:relative; list-style:decimal;}
.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:18px; margin-left:0; position:relative;}


.info11 > div > div.ev2{ background-image:url(https://file.k-friends.kr/img/20210903/032008_1.png);}
.info11 > div > div.ev2 > h3{ margin-top:2em;  background-color:rgba(255,255,255,0.8); margin-left:5%; margin-right:5%; padding:0.5em 0; text-align:left; padding-left:5%; padding-right:5%; padding-top:2em;}
.info11 > div > div.ev2 > div{ background-color:rgba(255,255,255,0.8); width:80%; margin-left:5%; margin-bottom:2em; padding:0.5em 5%;}
.info11 > div > div.ev2 > div > div.text{ }
.info11 > div > div.ev2 > div > div.text > ul{ margin:1em;}
.info11 > div > div.ev2 > div > div.text > ul > li{ font-size:18px; margin-left:20px; position:relative; list-style:decimal;}
.info11 > div > div.ev2 > div > div > h4{ font-size:22px; text-align:left; 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;}
.info11 > div > div.ev2 > div > div.item > ul > li{ font-size:18px; margin-left:0; position:relative;}

.info11 > div > div.ev3{ background-image:url(https://file.k-friends.kr/img/20210903/032008_0.png); }
.info11 > div > div.ev3 > h3{ margin-top:2em;  background-color:rgba(255,255,255,0.8); margin-left:5%; margin-right:5%; padding:0.5em 0; text-align:left; padding-left:5%; padding-right:5%; padding-top:2em;}
.info11 > div > div.ev3 > div{ background-color:rgba(255,255,255,0.8); width:80%; margin-left:5%; margin-bottom:2em; padding:0.5em 5%;}

.info11 > div > div.ev3 > div > div.text > ul{ margin:1em;}
.info11 > div > div.ev3 > div > div.text > ul > li{ font-size:18px; 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; margin-bottom:0;}
.info11 > div > div.ev3 > div > div.item > ul > li{ font-size:18px; margin-left:0; position:relative;}
.info11 > div > div.ev3 > div > div.item > p{ margin:1em; margin-top:0; font-size:18px;}
.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;}
.info11 > div > div.ev4 > h3{ margin-top:2em;  background-color:rgba(255,255,255,0.8); margin-left:5%; margin-right:5%; padding:0.5em 0; text-align:left; padding-left:5%; padding-right:5%; padding-top:2em;}
.info11 > div > div.ev4 > div{ background-color:rgba(255,255,255,0.8); width:80%; margin-left:5%; margin-bottom:2em; padding:0.5em 5%;}

.info11 > div > div.ev4 > div > div.text{ }
.info11 > div > div.ev4 > div > div.text > ul{ margin:1em;}
.info11 > div > div.ev4 > div > div.text > ul > li{ font-size:18px; margin-left:20px; position:relative; list-style:decimal;}
.info11 > div > div.ev4 > div > div > h4{ font-size:22px; text-align:left; 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-bottom:3em;}
.info11 > div > div.ev4 > div > div.item > ul{ margin:1em;}
.info11 > div > div.ev4 > div > div.item > ul > li{ font-size:18px; margin-left:0; position:relative;}



.info11 > div > div.ev5{ margin-left:5%; margin-right:5%; width:90%;  }
.info11 > div > div.ev5 > h3{ text-align:left; margin-top:3em;}
.info11 > div > div.ev5 > div{ width:100%;}
.info11 > div > div.ev5 > div > div.text > ul{ margin:1em 0;}
.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; max-width:600px; 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 > div > div > p{ font-size:18px; text-decoration:underline; }
.info11 > div > div.ev7 > div > div > p{ font-size:18px; text-decoration:underline; }

.info11 > div > div.ev6{ background-image:url(https://file.k-friends.kr/img/20211019/022119_0.png);}
.info11 > div > div.ev6 > h3{ margin-top:2em;  background-color:rgba(255,255,255,0.8); margin-left:5%; margin-right:5%; padding:0.5em 0; text-align:left; padding-left:5%; padding-right:5%; padding-top:2em;}
.info11 > div > div.ev6 > div{ background-color:rgba(255,255,255,0.6); width:80%; margin-left:5%; margin-bottom:2em; padding:0.5em 5%; min-height:400px;}
.info11 > div > div.ev6 > div > div.text > ul{ margin:1em; max-width:600px;}
.info11 > div > div.ev6 > div > div.text > ul > li{ font-size:18px; margin-left:20px; position:relative; list-style:decimal;}
.info11 > div > div.ev6 > div > div > h4{ font-size:22px; text-align:left; margin-top:2.5em;}
.info11 > div > div.ev6 > div > div > h4:before{ content:"[";}
.info11 > div > div.ev6 > div > div > h4:after{ content:"]";}
.info11 > div > div.ev6 > div > div.item > ul{ margin:1em; max-width:600px;}
.info11 > div > div.ev6 > div > div.item > ul > li{ font-size:18px; margin-left:0; position:relative;}


.info11 > div > div.ev7{ background-image:url(https://file.k-friends.kr/img/20211019/022119_1.png);}
.info11 > div > div.ev7 > h3{ margin-top:2em;  background-color:rgba(255,255,255,0.8); margin-left:5%; margin-right:5%; padding:0.5em 0; text-align:left; padding-left:5%; padding-right:5%; padding-top:2em;}
.info11 > div > div.ev7 > div{ background-color:rgba(255,255,255,0.6); width:80%; margin-left:5%; margin-bottom:2em; padding:0.5em 5%;}
.info11 > div > div.ev7 > div > div.text{ }
.info11 > div > div.ev7 > div > div.text > ul{ margin:1em;}
.info11 > div > div.ev7 > div > div.text > ul > li{ font-size:18px; margin-left:20px; position:relative; list-style:decimal;}
.info11 > div > div.ev7 > div > div > h4{ font-size:22px; text-align:left; margin-top:2.5em;}
.info11 > div > div.ev7 > div > div > h4:before{ content:"[";}
.info11 > div > div.ev7 > div > div > h4:after{ content:"]";}
.info11 > div > div.ev7 > div > div.item > ul{ margin:1em;}
.info11 > div > div.ev7 > div > div.item > ul > li{ font-size:18px; margin-left:0; position:relative;}



.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:100%; 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:32.5%; 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:"희생자 : ";}

.intro11 > div > ul{ width:90%; display:inline-block; text-align:left; 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:100%; height:285px;  background-repeat:no-repeat;box-shadow:6px 6px 12px 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:90%; display:inline-block; text-align:center; margin:auto; margin-top:3em; margin-bottom:3em;}
.intro12 > div > p{ margin-bottom:2em; font-size:20px; 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;}
.intro13 > div{ width:100%; display:inline-block; text-align:left; background-repeat:no-repeat; background-size:80% auto;}
.intro13 > div > div > h3{ margin-top:5em; margin-bottom:1em; text-align:center;}
.intro13 > div > div > h3 > span{ font-size:74px; display:block; line-height:1; text-align:center;}
.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{ text-align:center;}
.intro13 > div > div > div > img{ max-width:80%; margin:auto;}
.intro13 > div > div > div > p{ margin-bottom:1em; text-align:center;}
.intro13 > div > div > div > p.text1{ font-size:18px; color:#323232;}
.intro13 > div > div > div > p.text2{ font-size:18px; font-weight:900; color:#323232;}
.intro13 > div > div > div > p.text3{ font-size:16px; color:#1900ff;}
.intro13 > div > div > div > p.text3:before{ content:"- ";}
.intro13 > div > div > div > p.text3:after{ content:" -";}
.intro13 > div > div > div > nav{ margin-top:40px; background-repeat:no-repeat; 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:16px;}