/* CSS Document */
/* body.Explore section.Explorelist{
  margin-bottom: 200px;
} */
@media (prefers-color-scheme: dark) {
	body.Explore section{ background-color:#f1f1f1;}
}
body.Explore section.Explorelist > div.main0{ width:100%; 
    /* float:left; */
}
body.Explore section.Explorelist > div.main0 > div{ width:100%; margin:auto; position:relative;}
body.Explore section.Explorelist > div.main0 > div .img {
    width: 100%;
}
body.Explore section.Explorelist > div.main0 > div .img video{ width:100%; min-width:100%; min-height:100%;}
body.Explore section.Explorelist > div.main0 > div .img img{ 
    width: 100%;
  height: auto;
margin-top: 100px;}

body.Explore section.Explorelist > div.main0 > div .text{ position:absolute; width:100%; height:100%; left:0; top:0px ;  color: #fff;}
body.Explore section.Explorelist > div.main0 > div .text > div{ text-align:center; height:619px; background-color:rgba(0,0,0,0.39); width:100%;}
body.Explore section.Explorelist > div.main0 > div .text > div > h2{ 
  font-size: 67px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.31;
  letter-spacing: normal;
  color: #fff;
}
body.Explore section.Explorelist > div.main2 > div > div > ul > li > div:hover > .text .date h4{
    color: #000;
}
body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .text .date{ width:100%;}
body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .text .date h4{
    color: #fff;
}
body.Explore section.Explorelist > div.main0 > div .text > div  h2{
  margin-top: 20px;
  font-size: 40px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.31;
  letter-spacing: normal;
  color: #fff;
}
body.Explore section.Explorelist > div.main0 > div .text > div  h3{
  font-size: 40px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.31;
  letter-spacing: normal;
  color: #fff;
  margin-bottom: 50px;
}
.mainlogo svg{
  fill: #fff;
  margin-top: 40px;
}
body.Explore section.Explorelist > div.main0 > div .text > div > p  {
	margin-top:40px;
  font-size: 25px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.72;
  letter-spacing: normal;
  color: #fff;
}
body.Explore section.Explorelist > div.main0 > div .text > div > nav{
  width: 366px;
  display: block;
  margin: 0 auto;
  margin-top: 20px;

}
body.Explore section.Explorelist > div.main0 > div .text > div > nav > a {
	width:366px;
	height:56px;
	display:flex;align-items: center; justify-content:center;
	background-color:none;
	border:none;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #000;
  text-transform:uppercase;
  padding:6px 0;
}
body.Explore section.Explorelist > div.main0 > div .text > div > nav > a img{
  width: 146px;
  height: auto;
}
body.Explore section.Explorelist > div.main0 > div .text > div > nav > a:first-child{
  margin-bottom: 20px;
}
body.Explore section.Explorelist > div.main0 > div .text > div > ul{ display:flex; margin:auto; margin-top:76px; margin-bottom:76px; width:1160px; justify-content: space-between;}
body.Explore section.Explorelist > div.main0 > div .text > div > ul > li {
	width:173px;
	height:173px;
	display:flex;align-items: center; justify-content:center;
	flex-wrap:wrap;
	background-color:#000;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	line-height: 1.5;
	text-transform:uppercase;
	border-radius:50%;
	border:1px solid #000;
	transition-duration:0.3s;
	position:relative;
	background-repeat:no-repeat; background-position:center center;
}
body.Explore section.Explorelist > div.main0 > div .text > div > ul > li.Exploretype0{ background-image:url(//file.k-friends.kr/data/20220728/040754_1.svg);}/* thegreategetaway*/
body.Explore section.Explorelist > div.main0 > div .text > div > ul > li.Exploretype1{ background-image:url(//file.k-friends.kr/img/20220818/043744_0.png);}/* gs safari */
body.Explore section.Explorelist > div.main0 > div .text > div > ul > li.Exploretype2{ background-image:url(//file.k-friends.kr/data/20220728/040754_4.svg);}/* trancecontinental */
body.Explore section.Explorelist > div.main0 > div .text > div > ul > li.Exploretype3{ background-image:url(//file.k-friends.kr/data/20220818/043405_0.svg);}/* tran eurasia*/
body.Explore section.Explorelist > div.main0 > div .text > div > ul > li.Exploretype4{ background-image:url(//file.k-friends.kr/data/20220728/040754_2.svg);}/* tour */

body.Explore section.Explorelist > div.main0 > div .text > div > ul > li > a{ position:absolute; left:0; top:0; width:80%; height:100%; display:flex;align-items: center; justify-content:center; padding:0 10%;; margin-top:-1px; border-radius:50%; opacity:0;  background-color:rgba(0,0,0,0); transition-duration:0.3s;}

body.Explore section.Explorelist > div.main0 > div .text > div > ul > li > a > span > span{ display:inline-block; color:#fff;	transition-duration:0.3s;}
body.Explore section.Explorelist > div.main0 > div .text > div > ul > li:hover > a{ border:1px solid #004cff;color: #004cff; opacity:1; background-color:rgba(0,0,0,1);}
body.Explore section.Explorelist > div.main0 > div .text > div > ul > li:hover > a > span > span{ color:#004cff;} */

.lv[data-lv='1'] .score > span:nth-child(1){ background-image:url(//file.k-friends.kr/data/20220728/054102_1.svg) !important;}
.lv[data-lv='2'] .score > span:nth-child(1){ background-image:url(//file.k-friends.kr/data/20220728/054102_1.svg) !important;}
.lv[data-lv='2'] .score > span:nth-child(2){ background-image:url(//file.k-friends.kr/data/20220728/054102_1.svg) !important;}
.lv[data-lv='3'] .score > span:nth-child(1){ background-image:url(//file.k-friends.kr/data/20220728/054102_1.svg) !important;}
.lv[data-lv='3'] .score > span:nth-child(2){ background-image:url(//file.k-friends.kr/data/20220728/054102_1.svg) !important;}
.lv[data-lv='3'] .score > span:nth-child(3){ background-image:url(//file.k-friends.kr/data/20220728/054102_1.svg) !important;}


body.Explore section.Explorelist > div.main3{ width:100%; float:left;
  background-color:rgba(231,234,245,.751);}
body.Explore section.Explorelist > div.main3 > div{ width:100%; margin:auto; margin-top:30px; margin-bottom:20px; position:relative; display:flex; align-items:center; justify-content:space-between;}
body.Explore section.Explorelist > div.main3 > div > div{ width:100%;}
body.Explore section.Explorelist > div.main3 > div > div > ul {
    width: 100%;
    margin: auto;
    max-width: 640px;
    /* display: flex;
    justify-content: space-between;
    align-items: center;
    align-items: flex-start; */
}
body.Explore section.Explorelist > div.main3 > div > div > ul > li {
  width:580px;
  display: block;
  margin: 0 auto;
    text-align: center;
    border-radius: 30px;
    box-shadow: 0 3px 6px 0 rgb(220 220 220 / 14%);
    background-color: #fff;
    padding-top: 25px;
    padding-bottom: 25px;
    margin-bottom: 20px;
}
body.Explore section.Explorelist > div.main3 > div > div > ul > li:last-child{
  margin-bottom: 30px;
}
body.Explore section.Explorelist > div.main3 > div > div > ul > li > div .text > h4 {
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #000;
}
body.Explore section.Explorelist > div.main3 > div > div > ul > li > div .text > p {
    margin-top: 20px;
    font-size: 22px;
    font-weight: 500;
    display: inline-block;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.61;
    letter-spacing: normal;
    color: #a5a5a5;
    margin-bottom: 32px;
}











































body.Explore section.Exploreread > div.main0{ width:100%; float:left;}
body.Explore section.Exploreread > div.main0 > div{ width:100%; margin:auto; position:relative; display:flex;}
body.Explore section.Exploreread > div.main0 > div > div {
    width: 100%;
    margin: auto;
    position: relative;
    max-width: 100%;
}
body.Explore section.Exploreread > div.main0 > div .img {
    max-width: 100%;
    overflow: hidden;
}
body.Explore section.Exploreread > div.main0 > div .img > div{ width:100%; height:100%; display:inline-block;}
body.Explore section.Exploreread > div.main0 > div .img img {
    object-fit: cover;
    /* width: 682px; */
    max-width: 100%;
    height: auto;
}
/*body.Explore section.Exploreread > div.main0 > div .img img{ max-width:100%;}*/
body.Explore section.Exploreread > div.main0 > div .text{ 
  flex-grow: 1;
  flex-shrink:1; 
  width:90%;
  max-width: 1200px;
  display: block;
  margin: 0 auto;
  margin-top: 24px;
  margin-bottom: 100px;
}
body.Explore section.Exploreread > div.main0 > div .text .keywords{ width:100%; display:inline-block;}
body.Explore section.Exploreread > div.main0 > div .text .keywords > a:before{ content:"#";}
body.Explore section.Exploreread > div.main0 > div .text .keywords > a{
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #004cff;
  display:inline-block;
  padding:8.6px 19px;
  border:1px solid #004cff;
  border-radius:50px;
  float:left; margin-top:16px; margin-right:8.2px;
}

body.Explore section.Exploreread > div.main0 > div .text .title{ border-bottom:2px solid #000; position:relative; padding-bottom:22px; width:100%; display:inline-block; }


body.Explore section.Exploreread > div.main0 > div .text .title{ border-bottom:2px solid #000; position:relative; padding-bottom:22px; width:100%; display:flex; flex-wrap:wrap; justify-content: space-between;}
body.Explore section.Exploreread > div.main0 > div .text .title > h3{
	margin-top:20px;
  font-size: 22px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.64;
  letter-spacing: normal;
  color: #000;
  order:0;
  width:calc(100% - 93px);
}

body.Explore section.Exploreread > div.main0 > div .text .title > h4 {
  font-size: 27px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.28;
  letter-spacing: normal;
  color: #000;
  order:2;
}


body.Explore section.Exploreread > div.main0 > div .text .lv{ position:relative; order:1; margin-top:24px;}
body.Explore section.Exploreread > div.main0 > div .text .lv > aside{ display:none; position:absolute; background-color:#fff; right:-200px; width:180px; top:-28px; border:1px solid #9a9a9a;}
body.Explore section.Exploreread > div.main0 > div .text .lv > aside:before{ content:""; width:0; height:0; border-top:7px solid transparent; border-left:11px solid transparent; border-right:11px solid #000; border-bottom:7px solid transparent; position:absolute; right:100%; top:40px;}
body.Explore section.Exploreread > div.main0 > div .text .lv > aside:after{ content:""; width:0; height:0; border-top:7px solid transparent; border-left:11px solid transparent; border-right:11px solid #fff; border-bottom:7px solid transparent; position:absolute; right:100%; margin-right:-1px; top:40px;}

body.Explore section.Exploreread > div.main0 > div .text .lv > aside .score{ text-align:center; margin-top:28px;}
body.Explore section.Exploreread > div.main0 > div .text .lv > aside .score > span{ display:inline-block; width:21px; height:21px; background-size:100% 100%; margin:5px; background-image:url(//file.k-friends.kr/data/20220728/054102_0.svg);}
body.Explore section.Exploreread > div.main0 > div .text .lv > aside > div{ margin:28px; margin-top:0;}
body.Explore section.Exploreread > div.main0 > div .text .lv > aside > div > .lvinfo {
  font-size: 17px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  color: #000;
}

body.Explore section.Exploreread > div.main0 > div .text .lv > aside > div > .lvinfoment {
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
  color: #8f8f8f;
  margin-top:11px;
}

body.Explore section.Exploreread > div.main0 > div .text .lv > aside > div > .lvinfoment > span {
  color: #004cff;
}

/* body.Explore section.Exploreread > div.main0 > div .text .lv:hover > aside{ display:inline-block;}
body.Explore section.Exploreread > div.main0 > div .text .lv > .score > span{ display:inline-block; width:21px; height:21px; background-size:100% 100%; margin:5px; background-image:url(//file.k-friends.kr/data/20220728/054102_0.svg);}
 */



body.Explore section.Exploreread > div.main0 > div .text .price{ position:relative; order:3; flex-grow:1; text-align:right;}

body.Explore section.Exploreread > div.main0 > div .text .price > .roll{
  opacity: 0.83;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  color: #4e4e4e;
  margin-right:12px;
}






body.Explore section.Exploreread > div.main0 > div .text .price > .kum{ font-size: 30px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #000;
}
body.Explore section.Exploreread > div.main0 > div .text > .info{ display:flex;justify-content: space-between; align-items:flex-start; flex-wrap:wrap; margin-top:33px;}


body.Explore section.Exploreread > div.main0 > div .text > .info > .infolist{
  font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.84;
  letter-spacing: normal;
  text-align: left;
  color: #4d4d4d;
  order:0;

}

/* body.Explore section.Exploreread > div.main0 > div .text > .info > .infolist br{ display:none;} */
body.Explore section.Exploreread > div.main0 > div .text > .info > .stat{
	display:flex;
	justify-content: flex-end;
    align-items:center;
	text-align:right;
	order:2;
	flex-grow:1;
	margin-top:20px;

}

body.Explore section.Exploreread > div.main0 > div .text > .info > aside{
  font-size: 17px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  color: #004cff;
  margin-bottom:16.2px;
  display:flex;
  align-items:flex-start;
  order:1;
  display: none;
}


@media (prefers-color-scheme: dark) {
	body.Explore section.Exploreread > div.main0 > div .text > .info > .stat > div a{filter: invert(100%);}
}

body.Explore section.Exploreread > div.main0 > div .text > .info > .stat > div a > .linktext{ transition-duration:0.3s;}
body.Explore section.Exploreread > div.main0 > div .text > .info > .stat > div a > .linkicon{ display:none; transition-duration:0.3s; background-position:center center; background-repeat:no-repeat; background-size:100% 100%;}
body.Explore section.Exploreread > div.main0 > div .text > .info > .stat > div a > .linkicon img{ float:left; transition-duration:0.3s;}

body.Explore section.Exploreread > div.main0 > div .text > .info > .stat > div a:hover{ border:1px solid #004cff;}
body.Explore section.Exploreread > div.main0 > div .text > .info > .stat > div a:hover > .linktext{ color:#004cff; font-weight:600; transform:scale(1.01,1);}
body.Explore section.Exploreread > div.main0 > div .text > .info > .stat > div a:hover > .linkicon img{ opacity:0; }
body.Explore section.Exploreread > div.main0 > div .text > .info > .stat > div a:hover > .linkicon{ background-image:url(https://file.k-friends.kr/data/20220729/103002_0.svg);transform:scale(1.05); }



body.Explore section.Exploreread > div.main0 > div .text > .info > .stat > div .likebtn{
  width: 65px;
  height: 51.7px;
  border: solid 1px #000;
  background-color: #fff;
  display:flex;justify-content: center; align-items:center; float:left;
  font-size: 0px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #000;
  background-image:url(https://file.k-friends.kr/data/20220728/073647_1.svg);
  background-repeat:no-repeat;
  background-position:center center;
  transition-duration:0.3s;
  background-size:22.9px 22.9px;
}
body.Explore section.Exploreread > div.main0 > div .text > .info > .stat > div .likebtn:hover{ background-image:url(https://file.k-friends.kr/data/20220728/073647_0.svg);
  background-size:30px 29px;
}
body.Explore section.Exploreread > div.main0 > div .text > .info > .stat > div .likebtn.active{ background-image:url(https://file.k-friends.kr/data/20220728/073647_0.svg);
  background-size:30px 29px;
}







body.Explore section.Explorelist > div.main1 {
    width: 100%;
    float: left;
    background-color: rgba(231,234,245,.41);
    padding: 60px 0;
}

.daycnttypenav{
  display: none;
}

body.Explore section.Explorelist > div.main1 > div{ margin:auto; width:100%; max-width:1640px;}
body.Explore section.Explorelist > div.main1 > div > form > div{ display:flex; flex-wrap:wrap;}
body.Explore section.Explorelist > div.main1 > div > form > div > div{ margin:12px; }
body.Explore section.Explorelist > div.main1 > div > form > div > div.searchdiv1{ border-radius: 27px; background-color:#fff; display:flex; align-items:center; flex-grow:1; margin-right:16px; order:2;}
body.Explore section.Explorelist > div.main1 > div > form > div > div.searchdiv1 > div{ position:relative;}
body.Explore section.Explorelist > div.main1 > div > form > div > div.searchdiv1 > div:first-child{
  display: flex;
}
body.Explore section.Explorelist > div.main1 > div > form > div > div.searchdiv1 > div.searchinputdiv1{ flex-grow:1;}
body.Explore section.Explorelist > div.main1 > div > form > div > div.searchdiv1 > div > input[type=text]{ 

  border:0; padding:14px 24px; padding-left:0; background-color:transparent;  font-size: 20px;
  margin-left: 8px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
  width:calc(100% - 48px);
  flex-grow:1;



}
body.Explore section.Explorelist > div.main1 > div > form > div > div.searchdiv1 > div > a{ position:absolute; right:24px; bottom:calc(50% - 16px);}
body.Explore section.Explorelist > div.main1 > div > form > div > div.searchdiv1 > div > select{ margin-left:16px;}
body.Explore section.Explorelist > div.main1 > div > form > div > div.searchdiv1 > div > select{ padding:0 9px; width:140px; display:inline-block; border:0;
  font-size: 22px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
body.Explore section.Explorelist > div.main1 > div > form > div > div.searchdiv2{
   border-radius: 27px; background-color:#fff;  display:flex; align-items:center;
   padding-top: 14px;
   padding-bottom: 14px; order:1;
  }
body.Explore section.Explorelist > div.main1 > div > form > div > div.searchdiv2 > div{ 
  padding:0 24px;
  display: block;
  margin: 0 auto;
}
body.Explore section.Explorelist > div.main1 > div > form > div > div.searchdiv2 > div > ul > li > label {
  font-size: 22px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #000;
  display:flex;
  align-items:center;
}
body.Explore section.Explorelist > div.main1 > div > form > div > div.searchdiv2 > div > ul > li{ display:  flex;}
body.Explore section.Explorelist > div.main1 > div > form > div > div.searchdiv2 > div > ul > li > div{ width:280px;  position:relative; display:flex; align-items:center;}
body.Explore section.Explorelist > div.main1 > div > form > div > div.searchdiv2 > div > ul > li > div > a{ width:62px; height:40px; position:absolute; 
  border-radius: 15px;
  display:inline-block;
  z-index:1;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2262%22%20height%3D%2240%22%20viewBox%3D%220%200%2062%2040%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cfilter%20id%3D%22re_3656%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2262%22%20height%3D%2240%22%20filterUnits%3D%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%3CfeOffset%20dy%3D%223%22%20input%3D%22SourceAlpha%22%2F%3E%0A%20%20%20%20%20%20%3CfeGaussianBlur%20stdDeviation%3D%223%22%20result%3D%22blur%22%2F%3E%0A%20%20%20%20%20%20%3CfeFlood%20flood-opacity%3D%220.11%22%2F%3E%0A%20%20%20%20%20%20%3CfeComposite%20operator%3D%22in%22%20in2%3D%22blur%22%2F%3E%0A%20%20%20%20%20%20%3CfeComposite%20in%3D%22SourceGraphic%22%2F%3E%0A%20%20%20%20%3C%2Ffilter%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20transform%3D%22translate(-1372%20-566)%22%3E%0A%20%20%20%20%3Cg%20transform%3D%22matrix(1%2C%200%2C%200%2C%201%2C%201372%2C%20566)%22%20filter%3D%22url(%23re_3656)%22%3E%0A%20%20%20%20%20%20%3Crect%20width%3D%2244%22%20height%3D%2222%22%20rx%3D%2211%22%20transform%3D%22translate(9%206)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%2C0%2C4.621%2C5.137%2C9.243%2C0%22%20transform%3D%22translate(1397.577%20578.703)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%2C5.137%2C4.621%2C0%2C9.243%2C5.137%22%20transform%3D%22translate(1414.029%20578.703)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
  background-repeat:no-repeat;
  background-size:100% 100%;
  background-position:center center;
}


body.Explore section.Explorelist > div.main1 > div > form > div > div.searchdiv2 > div > ul > li > div > a.topfocus{ z-index:3;}
body.Explore section.Explorelist > div.main1 > div > form > div > div.searchdiv2 > div > ul > li > div > a:hover{ }
#tourdaysbardiv > div{ width:calc(100% - 62px); height:3px; background-color:#d8d8d8; display:inline-block; margin-left:31px;}
#tourdaysbardiv > span{ position:absolute; left:31px; width:calc(100% - 62px); height:3px; background-color:#000;display:inline-block;}
#tourdaysbardiv #daycntbtn0{ left:0;}
#tourdaysbardiv #daycntbtn1{ left:calc(100% - 62px);}

body.Explore section.Explorelist > div.main1 > div > form > div > div.searchdiv2 > div > ul > li > div > a.prevmove{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2262%22%20height%3D%2240%22%20viewBox%3D%220%200%2062%2040%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cfilter%20id%3D%22re_3656%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2262%22%20height%3D%2240%22%20filterUnits%3D%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%3CfeOffset%20dy%3D%223%22%20input%3D%22SourceAlpha%22%2F%3E%0A%20%20%20%20%20%20%3CfeGaussianBlur%20stdDeviation%3D%223%22%20result%3D%22blur%22%2F%3E%0A%20%20%20%20%20%20%3CfeFlood%20flood-opacity%3D%220.11%22%2F%3E%0A%20%20%20%20%20%20%3CfeComposite%20operator%3D%22in%22%20in2%3D%22blur%22%2F%3E%0A%20%20%20%20%20%20%3CfeComposite%20in%3D%22SourceGraphic%22%2F%3E%0A%20%20%20%20%3C%2Ffilter%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20transform%3D%22translate(-1372%20-566)%22%3E%0A%20%20%20%20%3Cg%20transform%3D%22matrix(1%2C%200%2C%200%2C%201%2C%201372%2C%20566)%22%20filter%3D%22url(%23re_3656)%22%3E%0A%20%20%20%20%20%20%3Crect%20width%3D%2244%22%20height%3D%2222%22%20rx%3D%2211%22%20transform%3D%22translate(9%206)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%2C0%2C4.621%2C5.137%2C9.243%2C0%22%20transform%3D%22translate(1397.577%20578.703)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23004cff%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%2C5.137%2C4.621%2C0%2C9.243%2C5.137%22%20transform%3D%22translate(1414.029%20578.703)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A")
}
body.Explore section.Explorelist > div.main1 > div > form > div > div.searchdiv2 > div > ul > li > div > a.nextmove{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2262%22%20height%3D%2240%22%20viewBox%3D%220%200%2062%2040%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cfilter%20id%3D%22re_3656%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2262%22%20height%3D%2240%22%20filterUnits%3D%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%3CfeOffset%20dy%3D%223%22%20input%3D%22SourceAlpha%22%2F%3E%0A%20%20%20%20%20%20%3CfeGaussianBlur%20stdDeviation%3D%223%22%20result%3D%22blur%22%2F%3E%0A%20%20%20%20%20%20%3CfeFlood%20flood-opacity%3D%220.11%22%2F%3E%0A%20%20%20%20%20%20%3CfeComposite%20operator%3D%22in%22%20in2%3D%22blur%22%2F%3E%0A%20%20%20%20%20%20%3CfeComposite%20in%3D%22SourceGraphic%22%2F%3E%0A%20%20%20%20%3C%2Ffilter%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20transform%3D%22translate(-1372%20-566)%22%3E%0A%20%20%20%20%3Cg%20transform%3D%22matrix(1%2C%200%2C%200%2C%201%2C%201372%2C%20566)%22%20filter%3D%22url(%23re_3656)%22%3E%0A%20%20%20%20%20%20%3Crect%20width%3D%2244%22%20height%3D%2222%22%20rx%3D%2211%22%20transform%3D%22translate(9%206)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%2C0%2C4.621%2C5.137%2C9.243%2C0%22%20transform%3D%22translate(1397.577%20578.703)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%2C5.137%2C4.621%2C0%2C9.243%2C5.137%22%20transform%3D%22translate(1414.029%20578.703)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23004cff%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A")
}



body.Explore section.Explorelist > div.main1 > div > form > div > div.searchdiv2 > div > ul > li > p:before{}
body.Explore section.Explorelist > div.main1 > div > form > div > div.searchdiv2 > div > ul > li > p {
    margin-left: 18px;
  font-size: 22px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  width:180px; display:flex; justify-content: space-around;
  position:relative;
  border-left:2px solid #c1c1c1;
}

body.Explore section.Exploreread > div.main0{ width:100%; float:left; }
body.Explore section.Exploreread > div.main0 > div{ width:100%; margin:auto; position:relative; display:flex; margin-top:150px;}
body.Explore section.Exploreread > div.main0 > div > div{ width:100%; margin:auto; position:relative;  max-width:90%; justify-content: space-between;  align-items:center;;}
body.Explore section.Exploreread > div.main0 > div .img{  overflow:hidden; justify-content:center; align-items:center; display:flex; }
body.Explore section.Exploreread > div.main0 > div .img > div{ width:100%; height:100%; display:inline-block;}
body.Explore section.Exploreread > div.main0 > div .img img{ object-fit: cover; width:100%; height:441px;  transition-duration:0.5s;}
body.Explore section.Exploreread > div.main0 > div .img:hover img{ transform:scale(1.2);}
body.Explore section.Exploreread > div.main0 > div .text{ flex-grow: 1;flex-shrink:1; }
body.Explore section.Exploreread > div.main0 > div .text .keywords{ width:100%; display:inline-block;}
body.Explore section.Exploreread > div.main0 > div .text .keywords > a:before{ content:"#";}
body.Explore section.Exploreread > div.main0 > div .text .keywords > a{
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #004cff;
  display:inline-block;
  padding:8.6px 19px;
  border:1px solid #004cff;
  border-radius:50px;
  float:left; margin-top:16px; margin-right:8.2px;
}

body.Explore section.Exploreread > div.main0 > div .text .title{ border-bottom:2px solid #000; position:relative; padding-bottom:22px; width:100%; display:inline-block; margin-top: 20px;margin-bottom: 20px;}


body.Explore section.Exploreread > div.main0 > div .text .title{ border-bottom:2px solid #000; position:relative; padding-bottom:22px; width:100%; display:flex; flex-wrap:wrap; justify-content: space-between;}
body.Explore section.Exploreread > div.main0 > div .text .title > h3{
	margin-top:20px;
  font-size: 22px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.64;
  letter-spacing: normal;
  color: #000;
  order:0;
  width:calc(100% - 93px);
}

body.Explore section.Exploreread > div.main0 > div .text .title > h4 {
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.28;
  letter-spacing: normal;
  color: #000;
  order:2;
}


body.Explore section.Exploreread > div.main0 > div .text .lv{ position:relative; order:1; margin-top:24px;}
body.Explore section.Exploreread > div.main0 > div .text .lv > aside{ display:none; position:absolute; background-color:#fff; right:-200px; width:180px; top:-28px; border:1px solid #9a9a9a;}
body.Explore section.Exploreread > div.main0 > div .text .lv > aside:before{ content:""; width:0; height:0; border-top:7px solid transparent; border-left:11px solid transparent; border-right:11px solid #000; border-bottom:7px solid transparent; position:absolute; right:100%; top:40px;}
body.Explore section.Exploreread > div.main0 > div .text .lv > aside:after{ content:""; width:0; height:0; border-top:7px solid transparent; border-left:11px solid transparent; border-right:11px solid #fff; border-bottom:7px solid transparent; position:absolute; right:100%; margin-right:-1px; top:40px;}

body.Explore section.Exploreread > div.main0 > div .text .lv > aside .score{ text-align:center; margin-top:28px;}
body.Explore section.Exploreread > div.main0 > div .text .lv > aside .score > span{ display:inline-block; width:21px; height:21px; background-size:100% 100%; margin:5px; background-image:url(//file.k-friends.kr/data/20220728/054102_0.svg);}
body.Explore section.Exploreread > div.main0 > div .text .lv > aside > div{ margin:28px; margin-top:0;}
body.Explore section.Exploreread > div.main0 > div .text .lv > aside > div > .lvinfo {
  font-size: 17px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  color: #000;
}

body.Explore section.Exploreread > div.main0 > div .text .lv > aside > div > .lvinfoment {
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
  color: #8f8f8f;
  margin-top:11px;
}

body.Explore section.Exploreread > div.main0 > div .text .lv > aside > div > .lvinfoment > span {
  color: #004cff;
}

body.Explore section.Exploreread > div.main0 > div .text .lv:hover > aside{ 
    display:inline-block;
    display: none;
}
body.Explore section.Exploreread > div.main0 > div .text .lv > .score > span{ display:inline-block; width:21px; height:21px; background-size:100% 100%; margin:5px; background-image:url(//file.k-friends.kr/data/20220728/054102_0.svg);}




body.Explore section.Exploreread > div.main0 > div .text .price{ position:relative; order:3; flex-grow:1; text-align:right;}

body.Explore section.Exploreread > div.main0 > div .text .price > .roll{
  opacity: 0.83;
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  color: #4e4e4e;
  margin-right:12px;
}

body.Explore section.Exploreread > div.main0 > div .text .price > .kum{ font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #000;
}
body.Explore section.Exploreread > div.main0 > div .text > .info{ display:flex;justify-content: space-between; align-items:flex-start; flex-wrap:wrap; margin-top:33px;}


body.Explore section.Exploreread > div.main0 > div .text > .info > .infolist{
  font-size: 22px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.84;
  letter-spacing: normal;
  text-align: left;
  color: #4d4d4d;
  order:0;
  margin-top: 20px;
  margin-bottom: 20px;
}
body.Explore section.Exploreread > div.main0 > div .text > .info > .stat{
	display:flex;
	justify-content: flex-end;
    align-items:center;
	text-align:right;
	order:2;
	flex-grow:1;
	margin-top:20px;

}

body.Explore section.Exploreread > div.main0 > div .text > .info > aside{
  font-size: 17px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  color: #004cff;
  margin-bottom:16.2px;
  display:flex;
  align-items:flex-start;
  order:1;
  display: none;
}
/*
body.Explore section.Exploreread > div.main0 > div .text > .info > .stat > div > p{
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  color: #004cff;
  margin-bottom:16.2px;
}
*/

body.Explore section.Exploreread > div.main0 > div .text > .info > .stat > div .Exploreaddbtn{
  width: 208.1px;
  height: 51.7px;
  border: solid 1px #000;
  background-color: #fff;
  display:flex;justify-content: center; align-items:center; float:left;
  font-size: 22px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #000;
  margin-right:13.3px;
}

body.Explore section.Exploreread > div.main0 > div .text > .info > .stat > div .Exploreadbtn{
  width: 208.1px;
  height: 51.7px;
  border: solid 1px #437299;
  background-color: #fff;
  display:flex;justify-content: center; align-items:center; float:left;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #437299;
  margin-right:13.3px;
}
body.Explore section.Exploreread > div.main0 > div .text > .info > .stat > div > a.Exploreadbtn:hover{ background-color:#437299; border:1px solid #437299;}
body.Explore section.Exploreread > div.main0 > div .text > .info > .stat > div > a.Exploreadbtn:hover > span{ color:#fff;}


body.Explore section.Exploreread > div.main0 > div .text > .info > .stat > div a > .linktext{ transition-duration:0.3s;}
body.Explore section.Exploreread > div.main0 > div .text > .info > .stat > div a > .linkicon{ display:none; transition-duration:0.3s; background-position:center center; background-repeat:no-repeat; background-size:100% 100%;}
body.Explore section.Exploreread > div.main0 > div .text > .info > .stat > div a > .linkicon img{ float:left; transition-duration:0.3s;}

body.Explore section.Exploreread > div.main0 > div .text > .info > .stat > div a:hover{ border:1px solid #004cff;}
body.Explore section.Exploreread > div.main0 > div .text > .info > .stat > div a:hover > .linktext{ color:#004cff; font-weight:600;;}
body.Explore section.Exploreread > div.main0 > div .text > .info > .stat > div a:hover > .linkicon img{ opacity:0; }
body.Explore section.Exploreread > div.main0 > div .text > .info > .stat > div a:hover > .linkicon{ background-image:url(https://file.k-friends.kr/data/20220729/103002_0.svg);transform:scale(1.05); }








body.Explore section.Exploreread > div.main1{ width:100%; float:left; height:99px; display:inline-block; position:relative;}
body.Explore section.Exploreread > div.main1 > div{ width:100%; margin:auto; position:absolute;
  height: 97px;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.08);
  background-color: #fff;
  z-index:3;
}
body.Explore section.Exploreread > div.main1 > div.tabfixed{ position:fixed; top:0;}

body.Explore section.Exploreread > div.main1 > div > nav{ width:100%; margin:auto; position:relative; display:flex; max-width:1461px; justify-content: space-around; align-items:center; height:97px;}
body.Explore section.Exploreread > div.main1 > div > nav > a{
	position:relative;
  font-size: 22px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #000;
  height:100%;
  padding:0 14px;
  display:flex;
  align-items:center
}

body.Explore section.Exploreread > div.main1 > div > nav > a:after{ content:""; position:absolute; width:100%; height:4px; background-color:transparent; bottom:0; left:0;}
body.Explore section.Exploreread > div.main1 > div > nav[data-tab='0'] > a:nth-child(1):after{ background-color:#000;}
body.Explore section.Exploreread > div.main1 > div > nav[data-tab='1'] > a:nth-child(2):after{ background-color:#000;}
body.Explore section.Exploreread > div.main1 > div > nav[data-tab='2'] > a:nth-child(3):after{ background-color:#000;}
body.Explore section.Exploreread > div.main1 > div > nav[data-tab='3'] > a:nth-child(4):after{ background-color:#000;}
body.Explore section.Exploreread > div.main1 > div > nav[data-tab='4'] > a:nth-child(5):after{ background-color:#000;}
body.Explore section.Exploreread > div.main1 > div > nav[data-tab='5'] > a:nth-child(6):after{ background-color:#000;}
@media (prefers-color-scheme: dark) {
body.Explore section.Exploreread > div.main1 > div > nav > a:after{filter: invert(100%);}
}


.starlv[data-up='1'] .score > span:nth-child(1){ background-image:url(//file.k-friends.kr/data/20220728/074906_1.svg) !important;}
.starlv[data-up='2'] .score > span:nth-child(1){ background-image:url(//file.k-friends.kr/data/20220728/074906_1.svg) !important;}
.starlv[data-up='2'] .score > span:nth-child(2){ background-image:url(//file.k-friends.kr/data/20220728/074906_1.svg) !important;}
.starlv[data-up='3'] .score > span:nth-child(1){ background-image:url(//file.k-friends.kr/data/20220728/074906_1.svg) !important;}
.starlv[data-up='3'] .score > span:nth-child(2){ background-image:url(//file.k-friends.kr/data/20220728/074906_1.svg) !important;}
.starlv[data-up='3'] .score > span:nth-child(3){ background-image:url(//file.k-friends.kr/data/20220728/074906_1.svg) !important;}
.starlv[data-up='4'] .score > span:nth-child(1){ background-image:url(//file.k-friends.kr/data/20220728/074906_1.svg) !important;}
.starlv[data-up='4'] .score > span:nth-child(2){ background-image:url(//file.k-friends.kr/data/20220728/074906_1.svg) !important;}
.starlv[data-up='4'] .score > span:nth-child(3){ background-image:url(//file.k-friends.kr/data/20220728/074906_1.svg) !important;}
.starlv[data-up='4'] .score > span:nth-child(4){ background-image:url(//file.k-friends.kr/data/20220728/074906_1.svg) !important;}
.starlv[data-up='5'] .score > span:nth-child(1){ background-image:url(//file.k-friends.kr/data/20220728/074906_1.svg) !important;}
.starlv[data-up='5'] .score > span:nth-child(2){ background-image:url(//file.k-friends.kr/data/20220728/074906_1.svg) !important;}
.starlv[data-up='5'] .score > span:nth-child(3){ background-image:url(//file.k-friends.kr/data/20220728/074906_1.svg) !important;}
.starlv[data-up='5'] .score > span:nth-child(4){ background-image:url(//file.k-friends.kr/data/20220728/074906_1.svg) !important;}
.starlv[data-up='5'] .score > span:nth-child(5){ background-image:url(//file.k-friends.kr/data/20220728/074906_1.svg) !important;}

body.Explore section.Exploreread > div.main3{ width:100%; float:left; margin-top:65px; display:inline-block;}
body.Explore section.Exploreread > div.main3 > div > div{ width:100%; float:left; display:inline-block;background-color: #f7f7f7; padding:136px 0; font-size:19px;}
body.Explore section.Exploreread > div.main3 > div > div > ul{ display:flex; flex-wrap: wrap;  justify-content:flex-start; max-width:1680px; margin:auto;}
body.Explore section.Exploreread > div.main3 > div > div > ul > li{ width:536px; height:430px; margin:8px;  flex-grow:1;}
body.Explore section.Exploreread > div.main3 > div > div > ul > li > .img{ width:100%; height:430px; display:flex justify-content:center;align-items:center; overflow:hidden;}

body.Explore section.Exploreread > div.main3 > div > div > ul > li > .img img{ object-fit: cover; width:100%; height:100%; float:left; transition-duration:0.5s;}
body.Explore section.Exploreread > div.main3 > div > div > ul > li > .img video{ object-fit: cover; width:100%; height:430px; float:left;}
body.Explore section.Exploreread > div.main3 > div > div > ul > li > .img:hover img{ transform:scale(1.2);}


body.Explore section.Exploreread > div.main3 > div > div > ul > li{
    display: none;
}
body.Explore section.Exploreread > div.main3 > div > div > ul > li:nth-child(1),
body.Explore section.Exploreread > div.main3 > div > div > ul > li:nth-child(2),
body.Explore section.Exploreread > div.main3 > div > div > ul > li:nth-child(3),
body.Explore section.Exploreread > div.main3 > div > div > ul > li:nth-child(4),
body.Explore section.Exploreread > div.main3 > div > div > ul > li:nth-child(5),
body.Explore section.Exploreread > div.main3 > div > div > ul > li:nth-child(6){
    display: block;
}



body.Explore section.Explorelist > div.main3 > div > div > ul > li > div > .img{ margin-bottom:20px;}
body.Explore section.Explorelist > div.main3 > div > div > ul > li > div > .img .lv > .score > span{ display:inline-block; width:26px; height:26px; background-size:100% 100%; margin:6.5px; background-image:url(//file.k-friends.kr/data/20220728/054102_0.svg);}


body.Explore section.Exploreread > div.main4{ width:100%; float:left; margin-top:65px; display:inline-block; margin-bottom:100px; }
body.Explore section.Exploreread > div.main4 > div{
  max-width: 570px;
  width: 100%;
  display: block;
  margin: 0 auto;
}
body.Explore section.Exploreread > div.main4 > div > div{ margin:auto;}
body.Explore section.Exploreread > div.main4 > div > div > h3{
  font-size: 32px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #000;
  margin-top:30px;
  padding-bottom:55.6px; border-bottom:2px solid #000;
}

body.Explore section.Exploreread > div.main4 > div > div > ul > li{ padding:41px 0; border-top:1px solid #bfbfbf;}

body.Explore section.Exploreread > div.main4 > div > div > ul > li:first-child{ border-top:0;}
body.Explore section.Exploreread > div.main4 > div > div > ul > li > div{ display:flex; justify-content: space-between;align-items: center;
flex-flow: wrap; }


body.Explore section.Exploreread > div.main4 > div > div > ul > li > div .title {
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: normal;
  color: #000;
  width:40%;
}

body.Explore section.Exploreread > div.main4 > div > div > ul > li.minuser > div .title:after{ content:"출발확정";
  border-radius: 23px;
  background-color: #004cff;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #fff;
  display:inline-block;
  padding:6px 20px;
  margin-left:27.8px;

}

body.Explore section.Exploreread > div.main4 > div > div > ul > li > div .stat > .step {
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  border-radius: 23px;
  padding:6px 20.7px;
  display:inline-block;
  margin-right:12px;
}

body.Explore section.Exploreread > div.main4 > div > div > ul > li > div .stat > .now{
  opacity: 0.62;
  font-size: 22px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #717171;
  display:none;
}

body.Explore section.Exploreread > div.main4 > div > div > ul > li.stat01 > div .stat > .now > span{ color: #2d58e8;}
body.Explore section.Exploreread > div.main4 > div > div > ul > li.stat02 > div .stat > .now > span{ color: #e51d5a;}

body.Explore section.Exploreread > div.main4 > div > div > ul > li > div nav > a{
  width: 280.5px;
  height: 60.3px;
  display:flex; justify-content:center;align-items: center;
  font-size: 22px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
}



body.Explore section.Exploreread > div.main4 > div > div > ul > li.stat01 > div .stat > .step{ color: #004cff; border:1px solid #2d58e8;}
body.Explore section.Exploreread > div.main4 > div > div > ul > li.stat01 > div .stat > .step:before{ content:"예약가능";}



body.Explore section.Exploreread > div.main4 > div > div > ul > li.stat02 > div .stat > .step{ color: #e51d5a; border:1px solid #e51d5a;}
body.Explore section.Exploreread > div.main4 > div > div > ul > li.stat02 > div .stat > .step:before{ content:"예약마감";}

body.Explore section.Exploreread > div.main4 > div > div > ul > li.stat01 > div nav > a{
  border: solid 1px #004cff;
  color: #004cff;
  transition-duration:0.3s;
}
body.Explore section.Exploreread > div.main4 > div > div > ul > li.stat01 > div nav{
  display: block;
  margin: 0 auto;
  margin-top: 44px;
}
body.Explore section.Exploreread > div.main4 > div > div > ul > li.stat02 > div nav > a{
  border: solid 1px #efefef;
  font-weight:500;
  color: #959595;
   background-color: #efefef;
   pointer-events : none;
}
body.Explore section.Exploreread > div.main4 > div > div > ul > li.stat02 > div nav > a > .linkicon{ display:none;}
body.Explore section.Exploreread > div.main4 > div > div > ul > li.stat01 > div nav > a > .linktext{ margin-right:15px; transition-duration:0.3s;}
body.Explore section.Exploreread > div.main4 > div > div > ul > li.stat01 > div nav > a > .linkicon{ margin-left:15px; transition-duration:0.3s; background-position:center center; background-repeat:no-repeat; background-size:100% 100%;}
body.Explore section.Exploreread > div.main4 > div > div > ul > li.stat01 > div nav > a > .linkicon img{ float:left; transition-duration:0.3s;}
body.Explore section.Exploreread > div.main4 > div > div > ul > li.stat01 > div nav > a:hover{ background-color:#004cff; color:#fff;}
body.Explore section.Exploreread > div.main4 > div > div > ul > li.stat01 > div nav > a:hover > .linktext{ color:#fff; font-weight:600; margin-left:10px; transform:scale(1.05,1);}
body.Explore section.Exploreread > div.main4 > div > div > ul > li.stat01 > div nav > a:hover > .linkicon img{ opacity:0; }
body.Explore section.Exploreread > div.main4 > div > div > ul > li.stat01 > div nav > a:hover > .linkicon{ background-image:url(https://file.k-friends.kr/data/20220729/094353_0.svg);transform:scale(1.05); }
body.Explore section.Exploreread > div.main5{ width:100%; display:inline-block; background-color:rgba(223,223,223,0.24); margin:75px 0;}
body.Explore section.Exploreread > div.main5 > div{ width:600px; display:flex; margin:auto; padding:87px 10px;}
body.Explore section.Exploreread > div.main5 > div > div > h4 {
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.52;
  letter-spacing: normal;
  text-align: left;
  color: rgba(94,94,94,0.9);
  margin-bottom:44px;
}

body.Explore section.Exploreread > div.main5 > div > div > ul > li{ 
  font-size: 19px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
  text-align: left;
  color: rgba(94,94,94,0.9);
  display: inline-block;
  margin-bottom: 20px;
}


































body.Explore section.Exploreread > div.main6{ width:100%; float:left; margin-top:65px; display:inline-block; }
body.Explore section.Exploreread > div.main6 > div{
  max-width: 570px;
  display: block;
  margin: 0 auto;
}
body.Explore section.Exploreread > div.main6 > div > div{ margin:auto;}
body.Explore section.Exploreread > div.main6 > div > div > h3{
  font-size: 32px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #000;
  margin-top:30px;
  padding-bottom:55.6px; border-bottom:2px solid #000;
}

body.Explore section.Exploreread > div.main6 > div > div > ul > li{ padding:66px 0; border-top:1px solid #bfbfbf;}

body.Explore section.Exploreread > div.main6 > div > div > ul > li a span{
    margin-left: 24px;
    font-size: 18px;
}


body.Explore section.Exploreread > div.main6 > div > div > ul{ margin-top:64px;}
body.Explore section.Exploreread > div.main6 > div > div > ul > li{ display:flex; 
  flex-flow: wrap;
	margin-bottom: 55px;
	position:relative;
  border-radius: 30px;
  box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
  background-color: #fff;
}
body.Explore section.Exploreread > div.main6 > div > div > ul > li:first-child{ border-top:0;}
body.Explore section.Exploreread > div.main6 > div > div > ul.head > li{ display:none; }
body.Explore section.Exploreread > div.main6 > div > div > ul > li{ display:flex;}
body.Explore section.Exploreread > div.main6 > div > div > ul > li > .img{
   /* position:absolute;  */
   width:480px;
  display: block;
margin: 0 auto;
margin-top: 40px;
margin-bottom: 12px;}
body.Explore section.Exploreread > div.main6 > div > div > ul > li > .img img{ width: 100%;
  height: auto; 
  object-fit:cover;
  border-radius: 30px;
}
body.Explore section.Exploreread > div.main6 > div > div > ul > li > .text{ display:flex; flex-wrap:wrap; flex-grow:1; margin-top: 20px;}

body.Explore section.Exploreread > div.main6 > div > div > ul > li > .text > div{ 
  font-size:20px;
  margin:0 15px;
  display:flex; 
  align-items:center;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.65;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}
body.Explore section.Exploreread > div.main6 > div > div > ul > li > .text > .no{ display:none;}
body.Explore section.Exploreread > div.main6 > div > div > ul > li > .text > .aftermainimg{ width:160px; }
body.Explore section.Exploreread > div.main6 > div > div > ul > li > .text > .aftermainimg > img{ width:160px; height:100px; object-fit:cover;}
body.Explore section.Exploreread > div.main6 > div > div > ul > li > .text > .title{ 
  width:100%;
  font-size: 21px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  margin-top: 30px;
  position: relative;
  

 }
 body.Explore section.Exploreread > div.main6 > div > div > ul > li > .text > .title:after{
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #bbb;
  left: 0;
  bottom: -16px;
 }
 body.Explore section.Exploreread > div.main6 > div > div > ul > li > .text > div.content{
  margin-top: 28px;
  padding-bottom:28px; min-height:56px;
  align-items:flex-start;
  width:100%;
  flex-grow:1;
 }


body.Explore section.Exploreread > div.main6 > div > div > ul > li > nav{ width:163px;}
body.Explore section.Exploreread > div.main6 > div > div > ul > li > nav > a {
  font-family: NotoSansKR;
  font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #004cff;
    border: 1px solid #004cff;
    height: 54px;
    margin: 4px 0;
    width: 163px;
    display: inline-block;
    text-align: center;
    line-height: 54px;
}

body.Explore section.Exploreread > div.main6 > div > div > ul > li > nav > a:nth-child(2){
  margin-top: 18px;
}
body.Explore section.Exploreread > div.main6 > div > div > ul > li > nav > a:nth-child(3){
  color: #ff4141;
  border: 1px solid  #ff4141;

}

body.Explore section.Exploreread > div.main6 > div > div > ul > li > nav > a:hover{ border:1px solid #004cff;}
body.Explore section.Exploreread > div.main6 > div > div > ul > li > nav > a:after{ content:"하기";}
body.Explore section.Exploreread > div.main6 > div > div > ul > li > nav .regdate{
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: right;
  color: #aaa;
}
body.Explore section.Exploreread > div.main6 > div > div > ul > li > .text > div.afterimg{ width:100%; flex-grow:1; }
body.Explore section.Exploreread > div.main6 > div > div > ul > li > .text > div > ul{ display:flex; justify-content:flex-start;}

body.Explore section.Exploreread > div.main6 > div > div > ul > li > .text > div.afterimg > ul{ margin-top:25px; position:relative; width:100%; flex-wrap:wrap; flex-grow:1;}
body.Explore section.Exploreread > div.main6 > div > div > ul > li > .text > div.afterimg > ul:before{
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  top: -24px;
  background-color: #929292;
}
body.Explore section.Exploreread > div.main6 > div > div > ul > li > .text > div.afterimg > ul > li{ margin-right:20px; margin-bottom:20px;}
body.Explore section.Exploreread > div.main6 > div > div > ul > li > .text > div.afterimg > ul > li img{ width:104px; height:104px; border-radius:50%;}
body.Explore section.Exploreread > div.main6 > div > div > ul > li > .text > div.afterimg > ul > li p{ display:none;}

body.Explore section.Exploreread > div.main6 > div > div > ul > li > .text > div.starlv{ position:absolute; top:66px; right: 30px;}
body.Explore section.Exploreread > div.main6 > div > div > ul > li > .text > div.regdate{ position:absolute; top:30px; left:0px;}






/* 투어 후기 부분 작성하기 */
/* body.Explore section.Exploreread > div.main6 > div > div > ul > li > .img{
  display: none;
} */























body.Explore section.Exploreread > div.main6 > div > div > ul .afterimg{
  display: none !important;
}
























#ExploreListMoreBtn[data-next='0']{ opacity:0;pointer-events:none;
display: none;}

.Exploremapsdiv{ display:none;}
.Exploremapsdiv.active{ display:block;}
#mapview > div{ border-radius:16px; overflow:hidden;}

.KumGubunKRW:before{ content:"₩ "; }
.KumGubunUSD:before{ content:"$ "; }

.KumGubunEUR:before{ content:"€ "; }
.KumGubunJPY:before{ content:"¥ "; }
.KumGubunCNY:before{ content:"¥ "; }



.main11>div.pc{
  display: none;
}
.main11>div.hp a{
  width: 90%;
  display: flex;
  margin: 0 auto;
  justify-content: flex-start;
  align-items: center;
  border-radius: 15px;
  box-shadow: 0 3px 6px 0 rgba(220, 220, 220, 0.14);
  background-color: #fff;
  padding-top: 24px;
  padding-bottom: 24px;
  color: #000;
}
.main11>div.hp img{
  margin-left: 16px;
  margin-right: 32px;
}





body.Explore section.Explorelist > div.main0 > div .img img:first-child{
  display: none;
}
.body.Explore section.Explorelist > div.main0 > div .img img:last-child{
  display: block;
}
.tourbanner{
  width: 100%;
}
.tourbanner img{
  max-width: 100%;
}
.tourbanner .pc{
  display: none;
}
.tourbanner .hp{
  display: block;
  margin: 0 auto;
}





/* 메인 2 */
body.Explore section.Explorelist > div.main2{ width:100%; float:left;
  /* border-top:1px solid #d5d5d5;  */
  /* margin-top:60px; */
 }
body.Explore section.Explorelist > div.main2 > div{ width:100%; margin:auto; margin-top:50px; position:relative; display:flex; align-items:center; justify-content:space-between;}
body.Explore section.Explorelist > div.main2 > div > div{ width:100%;}
body.Explore section.Explorelist > div.main2 > div > div > ul {
   width: 100%;
   margin: auto;
   max-width: 1275px;
   display: flex;
   flex-wrap: wrap;
   justify-content:center;
}
body.Explore section.Explorelist > div.main2 > div > div > ul > li{ 

 margin:25px;
 max-width:590px;
 flex-grow:1;
 position:relative;
}

body.Explore section.Explorelist > div.main2 > div > div > ul > li[data-special='1'] > div > .img:after {
    content: "";
    background-image: url("https://file.k-friends.kr/img/20221129/064305_0.png");
    width: 197px;
    height: 44px;
    display: inline-block;
    position: absolute;
    left: 22px;
    top: 27px;
    z-index: 1;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

body.Explore section.Explorelist > div.main2 > div > div > ul > li.nolist{ width:100%;}

body.Explore section.Explorelist > div.main2 > div > div > ul > li.nolist{ display:flex;  align-items: center; justify-content:center; height:400px;}
body.Explore section.Explorelist > div.main2 > div > div > ul > li.nolist > div{ text-align:center; }
body.Explore section.Explorelist > div.main2 > div > div > ul > li.nolist > div > p:before{ content:""; background-repeat:no-repeat; background-position:center center; background-image:url(https://file.k-friends.kr/data/20221102/042405_1.svg); display:inline-block; width:100%; height:96px;}


body.Explore section.Explorelist > div.main2 > div > div > ul > li.nolist > div > p{
 font-size: 19px;
 font-weight: normal;
 font-stretch: normal;
 font-style: normal;
 line-height: 2.21;
 letter-spacing: -0.48px;
 color: #b5b5b5;
 margin:auto;
 margin-top:22px;
}

body.Explore section.Explorelist > div.main2 > div > div > ul > li > div{ display:flex; position:relative; justify-content:space-between;}
body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .img{
  width:100%; 
  height:402px; 
  flex-shrink: 0; 
  flex-grow:1;
  position:relative; 
  display:flex;
  justify-content:center;
  align-items:center; 
  border-radius:30px; 
  overflow:hidden;
 }

body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .img > div{ width:100%; height:402px; object-fit:cover;}

body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .img img{ width:100%; height:402px; object-fit:cover; float:left; border-radius:32px; transition-duration:1.3s;}

body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .img:after{
 position: absolute;
 content: "";
 width: 100%;
 height: 100%;
 display:inline-block;
 background: linear-gradient(to bottom, transparent 0%, transparent 78%, rgba(0,0,0,.85));
 left: 0;
 top: 0;
}







body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .text {
   position: absolute;
   padding: 20px 21px;
   display: flex;
   flex-wrap: wrap;
   /*width: 332px;*/
 width:calc(100% - 42px);
   bottom: 0;
   height: 165px;
   transition-duration: 0.3s;
   overflow: hidden;
   border-radius: 0 0 30px 30px;
   box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.09);
   flex-wrap:wrap;
}
body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .text .title{ 
 border-bottom:2px solid #fff;
 width:100%; 

}

body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .text .title > h3{ 
 font-size: 22px;
 font-weight: 500;
 font-stretch: normal;
 font-style: normal;
 line-height: 1.3;
 letter-spacing: normal;
 text-align: left;
 color: #fff;
 transition-duration:0.5s;
 display: none;
}





body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .text .title > h4{ 
 font-size: 26px;
 font-weight: bold;
 font-stretch: normal;
 font-style: normal;
 line-height: 1.61;
 letter-spacing: normal;
 text-align: left;
 color: #fff;
 transition-duration:0.5s;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
body.Explore section.Explorelist > div.main2 > div > div > ul > li > div:hover > .text .title{ width:calc(100% - 100px)}
body.Explore section.Explorelist > div.main2 > div > div > ul > li > div:hover > .text .lv{ opacity:1;}

body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .text .lv{ position:absolute; right:27px; top:66px; z-index:2; opacity:0; transition-duration:0.5s;}
body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .text .lv > aside{ display:none; position:absolute; background-color:#fff; right:-195px; width:150px; top:-180px; border:1px solid #9a9a9a;}
body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .text .lv > aside:before{ content:""; width:0; height:0; border-top:7px solid transparent; border-left:11px solid transparent; border-right:11px solid #000; border-bottom:7px solid transparent; position:absolute; right:100%; top:40px;}
body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .text .lv > aside:after{ content:""; width:0; height:0; border-top:7px solid transparent; border-left:11px solid transparent; border-right:11px solid #fff; border-bottom:7px solid transparent; position:absolute; right:100%; margin-right:-1px; top:40px;}

body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .text .lv > aside .score {
   text-align: center;
   margin-top: 28px;
}
body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .text .lv > aside .score > span {
   display: inline-block;
   width: 17px;
   height: 17px;
   background-size: 100% 100%;
   margin: 5px;
   background-image: url("//file.k-friends.kr/data/20220728/054102_0.svg");
}
body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .text .lv > aside > div {
   margin: 0 28px 28px;
}
body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .text .lv > aside > div > .lvinfo {
  font-family: NotoSansKR;
 font-size: 13px;
 font-weight: bold;
 font-stretch: normal;
 font-style: normal;
 line-height: 1.54;
 letter-spacing: normal;
 text-align: left;
 color: #000;
}

body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .text .lv > aside > div > .lvinfoment {
  font-family: NotoSansKR;
 font-size: 11px;
 font-weight: 500;
 font-stretch: normal;
 font-style: normal;
 line-height: 1.55;
 letter-spacing: normal;
 text-align: left;
 color: #8f8f8f;
 margin-top:11px;
}

body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .text .lv > aside > div > .lvinfoment > span {
 color: #004cff;
}

body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .text .lv:hover > aside{ display:inline-block;}
body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .text .lv > .score > span {
   display: inline-block;
   width: 21px;
   height: 21px;
   background-size: 100% 100%;
   margin: 5px;
   background-image: url("//file.k-friends.kr/data/20220728/054102_0.svg");
}

.lv[data-lv='1'] .score > span:nth-child(1){ background-image:url(//file.k-friends.kr/data/20220728/054102_1.svg) !important;}
.lv[data-lv='2'] .score > span:nth-child(1){ background-image:url(//file.k-friends.kr/data/20220728/054102_1.svg) !important;}
.lv[data-lv='2'] .score > span:nth-child(2){ background-image:url(//file.k-friends.kr/data/20220728/054102_1.svg) !important;}
.lv[data-lv='3'] .score > span:nth-child(1){ background-image:url(//file.k-friends.kr/data/20220728/054102_1.svg) !important;}
.lv[data-lv='3'] .score > span:nth-child(2){ background-image:url(//file.k-friends.kr/data/20220728/054102_1.svg) !important;}
.lv[data-lv='3'] .score > span:nth-child(3){ background-image:url(//file.k-friends.kr/data/20220728/054102_1.svg) !important;}


body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .text .price{ 
 font-size: 22px;
 font-weight: 500;
 font-stretch: normal;
 font-style: normal;
 line-height: 2.35;
 letter-spacing: normal;
 text-align: left;
 color: #fff;
 width:100%;
}

body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .text:before {
   content: "";
   width: 100%;
   height: 107px;
   background-color: rgba(0,0,0,0.57);
   display: inline-block;
   position: absolute;
   bottom: 100%;
   left: 0;
   border-radius: 30px 30px 0 0;
   transition-duration: 0.3s;
}


body.Explore section.Explorelist > div.main2 > div > div > ul > li > div:hover > .img img{ transform:scale(1.2);}
body.Explore section.Explorelist > div.main2 > div > div > ul > li > div:hover > .text{ 
 background-color:#fff; 
 height:105px; 
 overflow:inherit;
 border-radius:0 0 27px 27px;

}
body.Explore section.Explorelist > div.main2 > div > div > ul > li > div:hover > .text:before{ height:256px; background-color:rgba(0,0,0,0.57); }
body.Explore section.Explorelist > div.main2 > div > div > ul > li > div:hover > .text .title{ border-bottom:2px solid #d9d9d9;}
body.Explore section.Explorelist > div.main2 > div > div > ul > li > div:hover > .text .title > h3{ color:#000;}
body.Explore section.Explorelist > div.main2 > div > div > ul > li > div:hover > .text .title > h4{ color:#000;}
body.Explore section.Explorelist > div.main2 > div > div > ul > li > div:hover > .text .price{ color:#000;}
body.Explore section.Explorelist > div.main2 > div > div > ul > li > div:hover > .text .keywords > a{ background-color:#ebebeb;}

body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .text .info{
 font-size: 20px;
 font-weight: 500;
 font-stretch: normal;
 font-style: normal;
 line-height: 1.75;
 letter-spacing: normal;
 text-align: left;
 color: #fff;
 position:absolute;
 width:calc(80% - 54px);
 min-height:54px;
 bottom:0px;
 opacity:0;
 transition-duration:0.3s;
 text-overflow: ellipsis;
 overflow: hidden;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
}
body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .text .info > span{ display:inline-block;}
body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .text .info br{ display:none;}



body.Explore section.Explorelist > div.main2 > div > div > ul > li > div:hover > .text .info{ opacity:1; 
  bottom:calc(100% + 17px);
}

body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .text .keywords{ width:100%;   overflow:hidden;
transition-duration:0.5s;
 height:40px;
}

body.Explore section.Explorelist > div.main2 > div > div > ul > li > div:hover > .text .keywords{ width:100%;   overflow:hidden;
 /* height:120px; */
 display: none;
}
.date h4{
    font-size: 21px;
}
body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .text .keywords > a:before{ content:"#";}
body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .text .keywords > a{
 font-size: 21px;
 font-weight: 500;
 font-stretch: normal;
 font-style: normal;
 line-height: 1.46;
 letter-spacing: normal;
 text-align: left;
 color: #161616;
 background-color:rgba(255,255,255,0.71);
 display:inline-block;
 padding:4.5px 10.2px;
 border-radius:50px;
 float:left; 
 /* margin-top:16px; */
 margin-bottom: 30px;
  margin-right:8.2px;
 cursor:default;
}

body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .text .keywords > a.searchkeyword_a{ background-color:#004cff; color:#fff;}

body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .text > a{
 font-size: 15px;
 font-weight: 500;
 font-stretch: normal;
 font-style: normal;
 line-height: 1.4;
 letter-spacing: normal;
 text-align: left;
 color: #000; border:1px solid #000; background-color:#fff;
 display:flex; align-items:center; justify-content:center;
 width: 167.5px;
 height: 40px;
 transition-duration:0.3s;
 text-transform:uppercase;
 position:absolute;
 left:calc(50% - 104.15px);
 bottom:290px;
 opacity:0;
 visibility:hidden;
 transition-duration:0.3s; 
}

body.Explore section.Explorelist > div.main2 > div > div > ul > li > div:hover > .text > a{ opacity:1; visibility:visible; 
 bottom: 252px;
}

body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .text > a.directbtn{ position:absolute; width:30px; height:30px; padding:6px; top:-60px; background-color:#ff0; left:calc(100% - 60px); line-height:1; border:0;  border-radius:50%; display:flex; aligb-items:center; justify-content:center;} 
body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .text > a.directbtn:after{ content:"상세설명"; font-size:14px; color:#000;}
body.Explore section.Explorelist > div.main2 > div > div > ul > li > div:hover > .text > a.directbtn:hover{ border:0; }
body.Explore section.Explorelist > div.main2 > div > div > ul > li > div:hover > .text > a.directbtn:hover:after{ color:#004cff; }
body.Explore section.Explorelist > div.main2 > div > div > ul > li[data-special='0'] > div > .text > a.directbtn{ display:none;}


body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .text > a > .linktext{
 transition-duration:0.2s;
 margin:0 6px;
}

body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .text > a > .linkicon{
 margin:0 6px;
 transition-duration:0.2s;
 width:37.467px;
 height:16.32px;
 display:inline-block;
 background-repeat:no-repeat;
 background-size:cover;
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2237.467%22%20height%3D%2216.32%22%20viewBox%3D%220%200%2037.467%2016.32%22%3E%0A%20%20%3Cg%20transform%3D%22translate(-1442.409%20-1163.71)%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M-577.982%2C4995.425l7.63%2C7.629-7.63%2C7.63%22%20transform%3D%22translate(2049.168%20-3831.185)%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M-545.592%2C4634.87H-582%22%20transform%3D%22translate(2024.407%20-3463)%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.5%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
}

body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .text > a:hover{
 background-color:#fff;
 border:1px solid #004cff;
}



body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .text > a:hover > .linktext{color:#004cff;}
body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .text > a:hover > .linkicon{
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2237.467%22%20height%3D%2216.32%22%20viewBox%3D%220%200%2037.467%2016.32%22%3E%0A%20%20%3Cg%20transform%3D%22translate(-1442.409%20-1163.71)%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M-577.982%2C4995.425l7.63%2C7.629-7.63%2C7.63%22%20transform%3D%22translate(2049.168%20-3831.185)%22%20fill%3D%22none%22%20stroke%3D%22%23004cff%22%20stroke-width%3D%221.5%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M-545.592%2C4634.87H-582%22%20transform%3D%22translate(2024.407%20-3463)%22%20fill%3D%22none%22%20stroke%3D%22%23004cff%22%20stroke-width%3D%221.5%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
}


body.Explore section.Explorelist > div.main2 > div > div > nav{ width:100%; display:block; margin:auto; max-width:1360px; margin-top:68.5px; margin-bottom:81px;}
body.Explore section.Explorelist > div.main2 > div > div > nav > a{
 width: 580px;
 height: 72px;
 border: solid 1px #000;
 display:flex; align-items:center; justify-content:center;
 font-size: 24px;
 font-weight: 500;
 font-stretch: normal;
 font-style: normal;
 letter-spacing: normal;
 color: #000;
 margin: 0 auto;
}

body.Explore section.Explorelist > div.main2 > div > div > nav > a > .linktext{ margin-right:17px; transition-duration:0.3s;}
body.Explore section.Explorelist > div.main2 > div > div > nav > a > .linkicon{ margin-left:17px; transition-duration:0.3s; background-position:center center; background-repeat:no-repeat; background-size:100% 100%;width:11.663px; height:6.53px; display:inline-block;
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211.663%22%20height%3D%226.53%22%20viewBox%3D%220%200%2011.663%206.53%22%3E%0A%20%20%3Cpath%20fill%3D%22%23000%22%20d%3D%22M0%2C0l6.53%2C5.831L0%2C11.662Z%22%20transform%3D%22translate(11.662%200.001)%20rotate(90)%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}


body.Explore section.Explorelist > div.main2 > div > div > nav > a:hover{ border:1px solid #004cff;}
body.Explore section.Explorelist > div.main2 > div > div > nav > a:hover > .linktext{ color:#004cff; font-weight:600;}
body.Explore section.Explorelist > div.main2 > div > div > nav > a:hover > .linkicon{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211.663%22%20height%3D%226.53%22%20viewBox%3D%220%200%2011.663%206.53%22%3E%0A%20%20%3Cpath%20fill%3D%22%23004cff%22%20d%3D%22M0%2C0l6.53%2C5.831L0%2C11.662Z%22%20transform%3D%22translate(11.662%200.001)%20rotate(90)%22%2F%3E%0A%3C%2Fsvg%3E%0A"); }

body.Explore section.Exploreread > div.main2{ width:100%; float:left; margin-top:65px; display:inline-block;}
body.Explore section.Exploreread > div.main2 > div > div{ display:flex;margin:auto; justify-content:center; flex-wrap:wrap;}

body.Explore section.Exploreread > div.main2 > div > div > .iteminfo{ width:100%;}
body.Explore section.Exploreread > div.main2 > div > div > .iteminfo > div{ display:flex; justify-content:center; align-items:center;}
body.Explore section.Exploreread > div.main2 > div > div > .iteminfo > div > div{ display:inline-block;}


body.Explore section.Exploreread > div.main2 > div > div > .nav{ display:none;}/*body.Explore section.Exploreread > div.main2 > div > div > .nav{ width:130px; position:relative;}*/

body.Explore section.Exploreread > div.main2 > div > div > .nav > ul{ position:absolute; width:115px; margin-top:8.1px; padding:15.9px 0; }

body.Explore section.Exploreread > div.main2 > div > div > .nav > ul.tab0subfixed{ position:fixed; top:110px;}
body.Explore section.Exploreread > div.main2 > div > div > .nav > ul.tab0sublastfixed{ position:absolute; top:auto; bottom:60px;}

body.Explore section.Exploreread > div.main2 > div > div > .nav > ul:before{ content:""; width:6px; height:100%; position:absolute; right:0%; top:0; background-color:#f1f1f1; }


body.Explore section.Exploreread > div.main2 > div > div > .nav > ul > li{ height:115px; display:flex; justify-content: center; align-items:center; position:relative;}
body.Explore section.Exploreread > div.main2 > div > div > .nav > ul > li > a{
  font-size: 19px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color:#000;
  display:inline-block;

}

body.Explore section.Exploreread > div.main2 > div > div > .nav > ul.select1 > li:nth-child(1) > a{ color: #004cff;}
body.Explore section.Exploreread > div.main2 > div > div > .nav > ul.select1 > li:nth-child(1):after{ content:""; width:6px; height:100%; position:absolute; right:0%; top:0; background-color:#004cff; }

body.Explore section.Exploreread > div.main2 > div > div > .nav > ul.select2 > li:nth-child(2) > a{ color: #004cff;}
body.Explore section.Exploreread > div.main2 > div > div > .nav > ul.select2 > li:nth-child(2):after{ content:""; width:6px; height:100%; position:absolute; right:0%; top:0; background-color:#004cff; }


body.Explore section.Exploreread > div.main2 > div > div > .content{
  width:calc(90% - 80px);
 /*height: 1221.8px;*/
  padding: 40px;
  border-radius: 30px;
  box-shadow: 3px 5px 10px 0 rgba(0, 0, 0, 0.11);
  background-color: #fff;
  overflow:inherit;
  position:relative;
  /* display: none; */
}


body.Explore section.Exploreread > div.main2 > div > div > .content > div{ width:calc(100% - 80px); padding-right:40px; height:calc(100% - 80px); overflow:inherit; overflow-y:inherit; position:relative; left:40px; top:40px;}
body.Explore section.Exploreread > div.main2 > div > div > .content > div::-webkit-scrollbar {
    width: 5px;
}
body.Explore section.Exploreread > div.main2 > div > div > .content > div::-webkit-scrollbar-thumb {
    background-color: rgba(0,76,255,0.3);
    border-radius: 5px;
    background-clip: padding-box;
    border: 5px solid rgba(0,76,255,0.3);
}
body.Explore section.Exploreread > div.main2 > div > div > .content > div::-webkit-scrollbar-track {
	background-color: #f2f2f2;
	border-radius: 5px;
	box-shadow: inset 0px 0px 5px white;
}
  

body.Explore section.Exploreread > div.main2 > div > div > .content > div > ul{ width:450px; padding:22px 0; margin-bottom:22.5px;}
body.Explore section.Exploreread > div.main2 > div > div > .content > div > ul > li{
     /* display:flex;  */
     margin-bottom:20px;
    }
body.Explore section.Exploreread > div.main2 > div > div > .content > div > ul > li > label{ width:95px; min-width:95px; text-align:center;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.5;
  letter-spacing: normal;
  text-align: left;
  color: rgba(0,0,0,0.95);
  /* display:flex;
  justify-content: center;
  align-items: flex-start; */
}

body.Explore section.Exploreread > div.main2 > div > div > .content > div > ul > li > div {
  font-size: 22px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.94;
  letter-spacing: normal;
  color: rgba(49,49,49,0.95);
  padding:8px 0;
  /* max-width:370px; */
}
body.Explore section.Exploreread > div.main2 > div > div > .content > div > ul > li > div > p{ line-height:1.94; font-size:19px;}

body.Explore section.Exploreread > div.main2 > div > div > .content > div > ul > li > div > ul > li{ margin-bottom:14px; font-size:19px;}
body.Explore section.Exploreread > div.main2 > div > div > .content > div > ul > li > div > ul > li > label{ font-weight:500; font-size:19px;}
body.Explore section.Exploreread > div.main2 > div > div > .content > div > ul > li > div > ul > li > div{ font-weight:300; font-size:19px; }
body.Explore section.Exploreread > div.main2 > div > div > .content > div > ul > li.scheduleli > div > nav > a{
  width: 185.7px;
  height: 38.7px;
  background-color: #afafaf;
  display:flex; justify-content: center; align-items: center;
  color:#fff;
  font-size: 19px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  display: none;
}
/* body.Explore section.Exploreread > div.main2 > div > div > .content > div > ul > li.scheduleli > div > form{ display:none;} */
body.Explore section.Exploreread > div.main2 > div > div > .content > div > ul > li.scheduleli > div > form.active{ display:block;}
body.Explore section.Exploreread > div.main2 > div > div > .content > div > ul > li.scheduleli > div > form > ul > li{ margin:6px 0;}
body.Explore section.Exploreread > div.main2 > div > div > .content > div > ul > li.scheduleli > div > form > ul > li > input[type="radio"]{ display:none;}

body.Explore section.Exploreread > div.main2 > div > div > .content > div > ul > li.scheduleli > div > form > ul > li > label{ margin-left:4px; cursor:pointer;}

body.Explore section.Exploreread > div.main2 > div > div > .content > div > ul > li.scheduleli > div > form > ul > li > label:before{ content:""; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2091%2091%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23717171%22%20d%3D%22M34.7%2C73.3V48.4l34.6-10.1c0.7-0.2%2C1.2-0.8%2C1.2-1.5s-0.4-1.4-1-1.7L33.7%2C20.5c-0.5-0.2-1.1-0.2-1.6%2C0.2%20%20%20c-0.5%2C0.3-0.7%2C0.8-0.7%2C1.4v51.2H34.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); width:30px; height:30px; display:inline-block; background-repeat:no-repeat; background-size:contain; float:left;}


body.Explore section.Exploreread > div.main2 > div > div > .content > div > ul > li.scheduleli > div > form > ul > li > input[type="radio"]:checked + label:before{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2091%2091%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23004cff%22%20d%3D%22M34.7%2C73.3V48.4l34.6-10.1c0.7-0.2%2C1.2-0.8%2C1.2-1.5s-0.4-1.4-1-1.7L33.7%2C20.5c-0.5-0.2-1.1-0.2-1.6%2C0.2%20%20%20c-0.5%2C0.3-0.7%2C0.8-0.7%2C1.4v51.2H34.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");}

body.Explore section.Exploreread > div.main2 > div > div > .content > div > ul > li.scheduleli > div > form > ul > li > input[type="radio"]:disabled + label{
	color:rgba(0,0,0,0.37);
}
body.Explore section.Exploreread > div.main2 > div > div > .content > div > ul > li.scheduleli > div > form > ul > li > input[type="radio"]:disabled + label:before{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20viewBox%3D%220%200%2091%2091%22%20xml%3Aspace%3D%22preserve%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23d0d0d0%22%20d%3D%22M34.7%2C73.3V48.4l34.6-10.1c0.7-0.2%2C1.2-0.8%2C1.2-1.5s-0.4-1.4-1-1.7L33.7%2C20.5c-0.5-0.2-1.1-0.2-1.6%2C0.2%20%20%20c-0.5%2C0.3-0.7%2C0.8-0.7%2C1.4v51.2H34.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");}

body.Explore section.Exploreread > div.main2 > div > div > .content > div > ul > li.reservation > div > nav{ display:flex; flex-wrap:wrap; margin-bottom:18px;}
body.Explore section.Exploreread > div.main2 > div > div > .content > div > ul > li.reservation > div > nav > span{
  width: 124px;
  height: 45px;
  border-radius: 23px;
  display:flex; justify-content: center; align-items: center;
  margin-right:10px;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
}
body.Explore section.Exploreread > div.main2 > div > div > .content > div > ul > li.reservation > div > nav > span.reserve1{ border: solid 1px #2d58e8; background-color: #fff; color: #2d58e8;}
body.Explore section.Exploreread > div.main2 > div > div > .content > div > ul > li.reservation > div > nav > span.disabled{ font-size:0;color: #e51d5a; border:1px solid #e51d5a;}
body.Explore section.Exploreread > div.main2 > div > div > .content > div > ul > li.reservation > div > nav > span.disabled:before{ content:"예약마감";font-size: 17px;}


body.Explore section.Exploreread > div.main2 > div > div > .content > div > ul > li.reservation > div > nav > span.tendom1{ border: solid 1px #009d87; background-color: #009d87; color: #fff;}

body.Explore section.Exploreread > div.main2 > div > div > .content > div > ul > li.reservation > div > p{ color:#717171;}
body.Explore section.Exploreread > div.main2 > div > div > .content > div > ul > li.reservation > div > p > span{ color:#2d58e8; }

body.Explore section.Exploreread > div.main2 > div > div > .content > div > ul > li.reservation > div > p.reservationstated{ display:none;}
/*
body.Explore section.Exploreread > div.main2 > div > div > .content > div > ul > li.refund > div > p{
  min-width:223px;
  padding:18px;
  background-color: #f2f2f2;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.74;
  letter-spacing: normal;
  text-align: left;
  color: rgba(0,0,0,0.68);
  box-shadow:inset -2px 2px 10px -6px gray;
  margin-bottom:21px;
  display:flex;justify-content: center;
  
}
*/
body.Explore section.Exploreread > div.main2 > div > div > .content > div > ul > li.refund > div > p{
  /* display:flex; */
  justify-content: center;
  line-height: 1.74;
  letter-spacing: normal;
	border-radius: 12px;
	/* box-shadow: 3px 5px 7px 0 rgba(0, 0, 0, 0.07);
	background-color: #fff;
	padding:18px; */
	margin-bottom:21px;
}
body.Explore section.Exploreread > div.main2 > div > div > .content > div > ul > li.refund > div > span {
	
  opacity: 0.95;
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  color: #313131;
}


body.Explore section.Exploreread > div.main2 > div > div > .content > div > div{ width:450px; padding-top:55px; padding-bottom:55px; margin-bottom:22.5px; border-top:1px solid #707070;}

body.Explore section.Exploreread > div.main2 > div > div > .content > div > div > ul{ position:relative;}
body.Explore section.Exploreread > div.main2 > div > div > .content > div > div > ul > li{ width:100%; display:flex; align-items: flex-start; position:relative;}
body.Explore section.Exploreread > div.main2 > div > div > .content > div > div > ul > li:before{ content:""; background-color:#c1c1c1;  width:1px; height:100%; display:inline-block; position:absolute; left:118px;; top:18px;}
body.Explore section.Exploreread > div.main2 > div > div > .content > div > div > ul > li:last-child:before{ display:none;}

body.Explore section.Exploreread > div.main2 > div > div > .content > div > div > ul > li:after{ content:""; background-color:#c1c1c1;  width:9px; height:9px; display:inline-block; border-radius:50%; position:absolute; left:114.5px;; top:8.5px;}

body.Explore section.Exploreread > div.main2 > div > div > .content > div > div > ul > li > label > p.startnlast{ color:#004cff;}

body.Explore section.Exploreread > div.main2 > div > div > .content > div > div > ul > li:first-child:after
,body.Explore section.Exploreread > div.main2 > div > div > .content > div > div > ul > li:last-child:after{ width:12px; height:12px; left:113px;; top:7px;}

body.Explore section.Exploreread > div.main2 > div > div > .content > div > div > ul > li > label{ display:flex; flex-wrap:wrap; flex-direction: column-reverse; width:90px; flex-shrink: 0;}
body.Explore section.Exploreread > div.main2 > div > div > .content > div > div > ul > li > label > h4{ 
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #000;
  text-align:right;
}
body.Explore section.Exploreread > div.main2 > div > div > .content > div > div > ul > li > label > p{
  font-size: 19px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: normal;
  color: #000;
  text-align:right;
}
body.Explore section.Exploreread > div.main2 > div > div > .content > div > div > ul > li > div{ margin-left:62px; flex-grow: 1;}
body.Explore section.Exploreread > div.main2 > div > div > .content > div > div > ul > li > div > .text{ display:flex; flex-wrap:wrap;}
body.Explore section.Exploreread > div.main2 > div > div > .content > div > div > ul > li > div > .text > h4 {
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  color: #000;
  margin-bottom:8.7px;
}

body.Explore section.Exploreread > div.main2 > div > div > .content > div > div > ul > li > div > .text > p {
  opacity: 0.62;
  font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: left;
  color: rgba(0,0,0,0.62);
  width:100%;
  max-width:340px;
  padding-bottom:8px;
	word-wrap: break-word;
}

body.Explore section.Exploreread > div.main2 > div > div > .content > div > div > ul > li > div > .text > a{ margin:0 18.5px;
  font-size: 17px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #a7a7a7;
}

body.Explore section.Exploreread > div.main2 > div > div > .content > div > div > ul > li > div > .text > a.noevent{ pointer-events:none;}
body.Explore section.Exploreread > div.main2 > div > div > .content > div > div > ul > li > div > .text > a .linkicon{ margin-left:18.5px;}

body.Explore section.Exploreread > div.main2 > div > div > .content > div > div > ul > li > div > .text > a.noevent .linkicon{ display:none; pointer-events:none;}

body.Explore section.Exploreread > div.main2 > div > div > .content > div > div > ul > li > div > .img{ width:340px; display:inline-block;}
body.Explore section.Exploreread > div.main2 > div > div > .content > div > div > ul > li > div > .img > a{ width:0; height:0; display:inline-block; margin-right:12px; float:left; transition-duration:0.3s; overflow:hidden; opacity:0;}
body.Explore section.Exploreread > div.main2 > div > div > .content > div > div > ul > li > div > .img > a > img{ max-height:100%;}

body.Explore section.Exploreread > div.main2 > div > div > .content > div > div > ul > li.active > div > .img > a{ width:100px; height:80px; opacity:1;}


body.Explore section.Exploreread > div.main2 > div > div > .instructordiv{ position:relative; width:90%;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .instructorinfo{ margin-bottom:44.5px;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .instructorinfo > h3{
  font-size: 23px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.96;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  position:absolute;
  margin-top:33px;
  display:none;
}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .instructorinfo > ul > li > div{ position:relative; display:flex; justify-content: space-between; width:100%;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .instructorinfo > ul > li > div > .img{ width:168px; height:215px; display:flex; border:1px solid #ddd; border-radius: 20px; position:absolute; top:104px; z-index:2;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .instructorinfo > ul > li > div > .img > div{ width:168px; height:215px; display:flex;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .instructorinfo > ul > li > div > .img img{ object-fit: cover; min-width:100%; min-height:100%; border-radius: 20px;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.35);
}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .instructorinfo > ul > li > div > .text{ display:flex; justify-content: flex-start; align-items: flex-end; margin-top:29.3px;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .instructorinfo > ul > li > div > .text > div{ display:flex; flex-wrap:wrap;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .instructorinfo > ul > li > div > .text > div > h4{
  font-size: 28px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.94;
  letter-spacing: normal;
  color: #000;
  width:100%;
  margin-bottom: 40px;
}

body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .instructorinfo > ul > li > div > .text > div > h4 > .po{
	margin-left:4px;
  font-size: 22px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.94;
  letter-spacing: normal;
  color: #000;
}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .instructorinfo > ul > li > div > .text > div > div{ width:100%;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .instructorinfo > ul > li > div > .text > div > div > p{
    position: relative;
    font-size: 22px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    padding: 30px 15px 30px 35px;
    min-height: 100px;
    border-radius: 20px;
    box-shadow: 3px 5px 7px 0 rgb(0 0 0 / 8%);
    background-color: #fff;
    margin-left: 140px;
    margin-top: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
	width:calc(100% - 190px);
	
}

body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .instructorinfo > ul > li > div > .text > div > div > p:before{ content:""; width:61px; height:127px; display:inline-block; position:absolute; left:45px; top:-30px; 
background-image:url(https://file.k-friends.kr/img/20221102/115004_0.png); background-repeat:no-repeat; background-size:cover;
}

body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .instructorinfo > ul > li > div > .text > div > div > p:after{ content:""; width:61px; height:127px; display:inline-block; position:absolute; right:0; bottom:-90px; 
background-image:url(https://file.k-friends.kr/img/20221102/115004_1.png); background-repeat:no-repeat; background-size:cover;
}

@media (prefers-color-scheme: dark) {
	body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .instructorinfo > ul > li > div > .text > div > div > p:before{ filter: invert(100%);}
	body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .instructorinfo > ul > li > div > .text > div > div > p:after{ filter: invert(100%);}
}
/*
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .instructorinfo > ul > li > div > .text > div > div{
	position:relative;
  font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: normal;
  padding:30px 30px 30px 70px;
  width: 325.9px;
  min-height: 100px;
  border-radius: 20px;
  box-shadow: 3px 5px 7px 0 rgba(0, 0, 0, 0.08);
  background-color: #fff;
  margin-left:140px;
  margin-top:40px;
}*/

body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .instructorinfo > ul > li > div > .text > div > nav{  height:170px; margin-left:8px; margin-top:40px; padding-top:14px;flex-direction: column; justify-content:flex-start; display:flex; flex-wrap:wrap;display:none;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .instructorinfo > ul > li > div > .text > div > nav > a{ width:36px; height:36px; display:inline-block; margin:4px; opacity:0.3;}

body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .instructorinfo > ul > li > div > .text > div > nav > a.instargrambtn{ opacity:0.2;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .instructorinfo > ul > li > div > .text > div > nav > a.facebookbtn{ opacity:0.18;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .instructorinfo > ul > li > div > .text > div > nav > a.youtubebtn{ opacity:0.15;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .instructorinfo > ul > li > div > .text > div > nav > a.kakaitalkbtn{ opacity:0.3;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .instructorinfo > ul > li > div > .text > div > nav > a.bandbtn{}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .instructorinfo > ul > li > div > .text > div > nav > a.twitterbtn{}

body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .instructorinfo > ul > li > div > .text > div > nav > a > img{ max-width:100%; float:left; border-radius:50%; width:36px; height:36px; 
-webkit-filter: grayscale(100%);
        filter: gray; transition-duration:0.3s;
}

body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .instructorinfo > ul > li > div > .text > div > nav > a:hover{ opacity:1;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .instructorinfo > ul > li > div > .text > div > nav > a:hover > img{
-webkit-filter: grayscale(0%);
        filter: none; 
}

body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Exploreafter > ul{ }
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Exploreafter > ul > li{
  border-top: solid 1px #707070;
  padding-top:24px;
  padding-bottom:38px
}

body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Exploreafter > ul > li.nolist > div > p{
  opacity: 0.37;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.11;
  letter-spacing: 0.81px;
  color: #747474;
  margin-top:90px;
  margin-bottom:30px;
  text-align:center;
}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Exploreafter > ul > li .starlv{
	display:inline-block;
}

body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Exploreafter > ul > li .starlv > .score > span{ display:inline-block; width:21px; height:21px; background-size:100% 100%; margin:0; background-image:url(https://file.k-friends.kr/data/20220728/074906_0.svg);}

body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Exploreafter > ul > li .user{
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 1.13px;
  text-align: left;
  color: #000;
  display:inline-block;
  margin-left:20px;
  margin-top:31px;
}

body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Exploreafter > ul > li .wdate{
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.86;
  letter-spacing: 0.95px;
  text-align: left;
  color: rgba(0,0,0,0.29);
}

body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Exploreafter > ul > li .reptext{
  font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: rgba(0,0,0,0.48);

}

body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Exploreafter > nav > a{
  width: 282px;
  height: 65px;
  border: solid 1px #000;
  background-color: #fff;
  display:flex;justify-content:center; align-items: center;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.9px;
  color: #000;
  margin:auto;
  margin-top:30px;
  transition-duration:0.3s;
}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Exploreafter > nav > a.nolist{pointer-events:none; opacity:0.3;}

body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Exploreafter > nav > a > .linktext{ margin-right:17px; transition-duration:0.3s;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Exploreafter > nav > a > .linkicon{ margin-left:17px; transition-duration:0.3s; background-position:center center; background-repeat:no-repeat; background-size:100% 100%;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Exploreafter > nav > a > .linkicon img{ float:left; transition-duration:0.3s;}

body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Exploreafter > nav > a:hover{ border:1px solid #004cff;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Exploreafter > nav > a:hover > .linktext{ color:#004cff; font-weight:600;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Exploreafter > nav > a:hover > .linkicon img{ opacity:0; }
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Exploreafter > nav > a:hover > .linkicon{ background-image:url(https://file.k-friends.kr/data/20220729/101841_0.svg);transform:scale(1.3)}


body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels{
	border-radius: 30px;
	box-shadow: 3px 5px 7px 0 rgba(0, 0, 0, 0.07);
	background-color: #fff;
	padding:44px;
	margin-top:50px;

}

body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .lv {

}

body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .lv > li{ display:flex;width: 340px;
  height: 70px;
  border-radius: 60px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  margin-bottom:40px;
  justify-content: center;
  align-items: center;
}

body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .lv > li > label {
  font-size: 22px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #000;
  position:relative;
 
}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .lv > li > label:before{ content:":"; position:absolute; left:70px;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .lv > li > label:after {
  color: #004cff;
  margin-left:20px;
  margin-right:20px;
}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .lv > li[data-per='1'] > label:after{ content:"입문"; }
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .lv > li[data-per='2'] > label:after{ content:"중급"; }
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .lv > li[data-per='3'] > label:after{ content:"상급"; }


body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .lv > li > div > p > span{ display:inline-block; width:21px; height:21px; background-size:100% 100%; margin:5px; background-image:url(//file.k-friends.kr/data/20220728/054102_0.svg); 
; float:left;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .lv > li > div > p > span:nth-child(4){ display:none;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .lv > li > div > p > span:nth-child(5){ display:none;}

body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .lv > li[data-per='1'] > div > p > span:nth-child(1){ background-image:url(//file.k-friends.kr/data/20220728/054102_1.svg) !important;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .lv > li[data-per='2'] > div > p > span:nth-child(1){ background-image:url(//file.k-friends.kr/data/20220728/054102_1.svg) !important;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .lv > li[data-per='2'] > div > p > span:nth-child(2){ background-image:url(//file.k-friends.kr/data/20220728/054102_1.svg) !important;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .lv > li[data-per='3'] > div > p > span:nth-child(1){ background-image:url(//file.k-friends.kr/data/20220728/054102_1.svg) !important;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .lv > li[data-per='3'] > div > p > span:nth-child(2){ background-image:url(//file.k-friends.kr/data/20220728/054102_1.svg) !important;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .lv > li[data-per='3'] > div > p > span:nth-child(3){ background-image:url(//file.k-friends.kr/data/20220728/054102_1.svg) !important;}


body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .bar > li{ display:flex; margin-bottom:27px; margin-right:50px;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .bar > li > label{
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: normal;
  color: #000;
  width:120px;
  flex-shrink: 0;
  text-align:center;
}

body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .bar > li > label:after{ font-size:14px;}
/*
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .bar > li[data-per='20'] > label:after{ content:" : 20%";}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .bar > li[data-per='40'] > label:after{ content:" : 40%";}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .bar > li[data-per='60'] > label:after{ content:" : 60%";}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .bar > li[data-per='80'] > label:after{ content:" : 80%";}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .bar > li[data-per='100'] > label:after{ content:" : 100%";}
*/

body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .bar > li > div { flex-grow: 1; display:flex; justify-content: center; align-items: center;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .bar > li > div > p{ width:100%;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .bar > li > div > p > span{ width:19%; height:9px; display:inline-block; float:left; margin-right:1%; background-color:rgba(219, 219, 219, 0.81)}


body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .bar > li[data-per='20'] > div > p > span:nth-child(1){ background-color:#000;}

body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .bar > li[data-per='40'] > div > p > span:nth-child(1){ background-color:#000;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .bar > li[data-per='40'] > div > p > span:nth-child(2){ background-color:#000;}

body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .bar > li[data-per='60'] > div > p > span:nth-child(1){ background-color:#000;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .bar > li[data-per='60'] > div > p > span:nth-child(2){ background-color:#000;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .bar > li[data-per='60'] > div > p > span:nth-child(3){ background-color:#000;}

body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .bar > li[data-per='80'] > div > p > span:nth-child(1){ background-color:#000;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .bar > li[data-per='80'] > div > p > span:nth-child(2){ background-color:#000;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .bar > li[data-per='80'] > div > p > span:nth-child(3){ background-color:#000;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .bar > li[data-per='80'] > div > p > span:nth-child(4){ background-color:#000;}

body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .bar > li[data-per='100'] > div > p > span{ background-color:#000;}


body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .circle{ display:flex; width:480px; margin:16px 0;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .circle > li{ width:50%; display:flex;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .circle > li > label{
  font-size: 21px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: normal;
  color: #000;
  display:flex; justify-content: center; align-items:center;
  width:50%;
}

body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .circle > li > div > span{}

body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .circle > li > div > p{
  width: 73.2px;
  height: 73.2px;
  background-color: #efefef;
  display:inline-block;
  border-radius:50%;
  position:relative;
  overflow:hidden;
  font-size:16px;
}
@media (prefers-color-scheme: dark) {
	body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .circle > li > div > p{filter: invert(100%);}
	body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .bar > li > div > p{filter: invert(100%);}
}


body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .circle > li > div > p > span:first-child{ position:absolute; width:100%; left:0; bottom:0; display:inline-block; background-color:#000;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .circle > li > div > p > span:last-child{ position:absolute; width:100%;  display:flex;justify-content: center; align-items:center; left:0;}


body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .circle > li[data-per='0'] > div > p > span:first-child{ height:0%;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .circle > li[data-per='20'] > div > p > span:first-child{ height:20%;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .circle > li[data-per='40'] > div > p > span:first-child{ height:40%;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .circle > li[data-per='60'] > div > p > span:first-child{ height:60%;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .circle > li[data-per='80'] > div > p > span:first-child{ height:80%;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .circle > li[data-per='100'] > div > p > span:first-child{ height:100%;}

body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .circle > li[data-per='0'] > div > p > span:last-child{ height:100%; top:0; }
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .circle > li[data-per='20'] > div > p > span:last-child{ height:80%; top:0; }
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .circle > li[data-per='40'] > div > p > span:last-child{ height:60%; top:0; }
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .circle > li[data-per='60'] > div > p > span:last-child{ height:60%; top:40%;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .circle > li[data-per='80'] > div > p > span:last-child{ height:80%; top:20%; }
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .circle > li[data-per='100'] > div > p > span:last-child{ height:100%; top:0; }


body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .circle > li[data-per='20'] > div > p > span:last-child:after{ content:"20%";}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .circle > li[data-per='40'] > div > p > span:last-child:after{ content:"40%";}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .circle > li[data-per='60'] > div > p > span:last-child:after{ content:"60%"; color:#fff;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .circle > li[data-per='80'] > div > p > span:last-child:after{ content:"80%"; color:#fff;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Explorelevels > .circle > li[data-per='100'] > div > p > span:last-child:after{ content:"100%"; color:#fff;}


body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Exploremapsdiv{ margin-top:50px;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .ExploreMenualFilediv > div > a{ display:flex; justify-content:center; align-items:center; flex-grow:1; border:1px solid #004cff; height:105px; border-radius:19px;}

body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .ExploreMenualFilediv > div > a > span.linktext {
  font-size: 22px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #004cff;
  text-transform:uppercase;
  margin-right:15px;
}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .ExploreMenualFilediv > div > a > span.linkicon{ width:16px; height:16px; background-position:center center; background-size:100% auto;background-image:url("data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20%3F%3E%3Csvg%20viewBox%3D%220%200%2096%2096%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%2F%3E%3Cg%3E%3Cpath%20fill%3D%22%23004cff%22%20d%3D%22M90%2C54a5.9966%2C5.9966%2C0%2C0%2C0-6%2C6V78H12V60A6%2C6%2C0%2C0%2C0%2C0%2C60V84a5.9966%2C5.9966%2C0%2C0%2C0%2C6%2C6H90a5.9966%2C5.9966%2C0%2C0%2C0%2C6-6V60A5.9966%2C5.9966%2C0%2C0%2C0%2C90%2C54Z%22%2F%3E%3Cpath%20fill%3D%22%23004cff%22%20d%3D%22M43.7578%2C64.2422a5.9979%2C5.9979%2C0%2C0%2C0%2C8.4844%2C0l18-18a5.9994%2C5.9994%2C0%2C0%2C0-8.4844-8.4844L54%2C45.5156V12a6%2C6%2C0%2C0%2C0-12%2C0V45.5156l-7.7578-7.7578a5.9994%2C5.9994%2C0%2C0%2C0-8.4844%2C8.4844Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");}

body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .ExploreMenualFilediv > div > a:hover{ background-color:#004cff;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .ExploreMenualFilediv > div > a:hover > span.linktext{ color:#fff;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .ExploreMenualFilediv > div > a:hover > span.linkicon{ background-image:url("data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20%3F%3E%3Csvg%20viewBox%3D%220%200%2096%2096%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%2F%3E%3Cg%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M90%2C54a5.9966%2C5.9966%2C0%2C0%2C0-6%2C6V78H12V60A6%2C6%2C0%2C0%2C0%2C0%2C60V84a5.9966%2C5.9966%2C0%2C0%2C0%2C6%2C6H90a5.9966%2C5.9966%2C0%2C0%2C0%2C6-6V60A5.9966%2C5.9966%2C0%2C0%2C0%2C90%2C54Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M43.7578%2C64.2422a5.9979%2C5.9979%2C0%2C0%2C0%2C8.4844%2C0l18-18a5.9994%2C5.9994%2C0%2C0%2C0-8.4844-8.4844L54%2C45.5156V12a6%2C6%2C0%2C0%2C0-12%2C0V45.5156l-7.7578-7.7578a5.9994%2C5.9994%2C0%2C0%2C0-8.4844%2C8.4844Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");}

body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .ExploreMenualFilediv{ margin-top:33.5px;}

body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .ExploreMenualFilediv > div > a[data-file-exist='false']{ background-color:#efefef; border:1px solid #efefef}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .ExploreMenualFilediv > div > a[data-file-exist='false'] > span.linktext{ color:#fff;}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .ExploreMenualFilediv > div > a[data-file-exist='false'] > span.linkicon{ background-image:url("data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20%3F%3E%3Csvg%20viewBox%3D%220%200%2096%2096%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%2F%3E%3Cg%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M90%2C54a5.9966%2C5.9966%2C0%2C0%2C0-6%2C6V78H12V60A6%2C6%2C0%2C0%2C0%2C0%2C60V84a5.9966%2C5.9966%2C0%2C0%2C0%2C6%2C6H90a5.9966%2C5.9966%2C0%2C0%2C0%2C6-6V60A5.9966%2C5.9966%2C0%2C0%2C0%2C90%2C54Z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M43.7578%2C64.2422a5.9979%2C5.9979%2C0%2C0%2C0%2C8.4844%2C0l18-18a5.9994%2C5.9994%2C0%2C0%2C0-8.4844-8.4844L54%2C45.5156V12a6%2C6%2C0%2C0%2C0-12%2C0V45.5156l-7.7578-7.7578a5.9994%2C5.9994%2C0%2C0%2C0-8.4844%2C8.4844Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}

body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Exploreprinciple > div{ padding:46px 33px; margin-top:48px; background-color:rgba(255,225,128,0.24);}
body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Exploreprinciple > div > h4{
  font-size: 22px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #5e5e5e;
  margin-bottom:34.6px;
}

body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Exploreprinciple > div > ul > li{
  font-size: 17px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.78;
  letter-spacing: normal;
  text-align: left;
  color: #5e5e5e;
  list-style-type:"-";
}

body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .Exploreprinciple > div > ul > li .smail{
  font-size: 15px;
}



.hp{
  display: block;
}
.pc{
  display: none;
}
.mainlogo img{
  /* margin-top: 120px; */
  width: 100px;
  height: auto;
  margin: 0 auto;
  padding-top: 100px;
}







/* 국가 규정 만들기 */
.nationheader{
	display:flex;
	flex-direction: column;
  margin-top: 100px;
  background-image: url(https://file.k-friends.kr/img/20221129/054404_0.jpg);
  max-width: 640px;
  width: calc(100% - 32px);
  max-height: 1080px;
  min-height: 250px;
  padding:16px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  align-items:center;
  justify-content:center;
}
.nationheader h2{
  color: #fff;
  font-size: 38px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.83;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
.nationheader p{
  margin-top: 8px;
  font-size: 24px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.89;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
.nationmiddle{
  max-width: 640px;
  width: 100%;
  display: block;
  margin: 0 auto;
  background-color: rgba(238, 238, 238, 0.88);
  padding-top: 50px;
  padding-bottom: 52px;
}
.nationmiddle>div{
  width: 580px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-flow: wrap;
  margin: 0 auto;
}
.nationmiddle>div h1{
  display: flex;
  align-items: center;
  font-size: 22px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.78;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.nationmiddle>div h1>img{
  width: 22px;
  height: auto;
  margin-right: 11px;
}
.nationmiddle>div ul{
  margin-top: 12px;
  margin-bottom: 40px;
}
.nationmiddle>div ul li{
  display: inline-block;
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.88;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.nationmiddle>div button {
  width: 332px;
  padding:8px;
  border-radius: 9px;
  border: solid 1px #707070;
  background-color: #fff;
  opacity: .78;
  text-align:center;
}
.nationmiddle>div button:hover{
  border: 1px solid #004cff;

}
.nationmiddle>div button:hover a {
  color: #004cff;
}
.nationmiddle>div button:nth-child(2){
  margin-top: 10px;
}
.nationmiddle>div button a{
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.13;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.nationmiddle>div>div:last-child{
  width: 288px;
}

.nationmiddle>div button img{
  width: 22px;
  height: auto;
} 
.nationmiddle>div button a{
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.nationmiddle>div button a img{
  margin-right: 12px;
}


.nationtabheader{
  width: 640px;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  margin-top: 52px;
  height: 78px;
  margin-bottom: 120px;
}

.nationtabheader>div{
  float: left;
  width: 50%;
  height: 78px;
  text-align: center;
  vertical-align: middle;
  background-color: rgba(238, 238, 238, 0.88);
  font-size: 26px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 78px;
  letter-spacing: normal;
  text-align: center;
  color: #656565;
}


.nationtabheader>div.active{
  background-color: #004cff;
  color: #fff;
}

.nationtabcontent>div{
  display: none;
}
.nationtabcontent>div.active{
  display: block;
}


.nationtabcontent>div>div:first-child div.active{
  border-bottom: 3px solid #000;

}

.nationtabcontenttab1content>div{
  display: none;
}
.nationtabcontenttab1content>div.active{
  display: block;
}




.nationtabcontent{
  max-width: 600px;
  width: 100%;
  display: block;
  margin: 0 auto;
}
.nationtabcontent>div>div:last-child>div{
  display: none;
}
.nationtabcontent>div>div:last-child>div.active{
  display: block;
}
.nationtabcontent>div>div:first-child{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -1.5px;
  margin-bottom: 66px;
}
.nationtabcontent>div>div:first-child div{
  margin-right: 60px;
}



.nationtabcontent>div>div:last-child h2{
  font-size: 28px;
  font-weight: bold;
  margin-top: 40px;
  letter-spacing: -1.5px;
  margin-bottom: 20px;
}
/* .nationtabcontent>div>div:last-child h2+ul{
  font-size: 24px;
} */
.nationtabcontent>div>div:last-child ul{
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.27;
  letter-spacing: normal;
  text-align: left;
  color: #000;

}
/* .nationtabcontent>div>div:last-child ul li{
  display: inline-block;
  font-size: 18px;
} */
.nationtabcontent>div>div:last-child ul span{
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.13;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  font-size: 20px;
}
.nationtabcontent>div>div:last-child>ul>li{
  line-height: 2;
}

.nationtabcontent>div>div:last-child>ul>li{
  margin-bottom: 35px;
  line-height: 2;
}
.nationtabcontenttab1content>div:first-child ul li{
  margin-bottom: 35px;
  line-height: 2;
  font-size: 20px;
}
.nationtabcontenttab1content>div ul li{
  line-height: 2;
  display: inline-block;
  font-size: 14px;
}
.nationtabcontent{
    display: inline-block;
    margin-left: 20px;
}
.nationtabcontent p,
.nationtabcontent h1,
.nationtabcontent h2,
.nationtabcontent h3,
.nationtabcontent h4,
.nationtabcontent h5,
.nationtabcontent h6,
.nationtabcontent li,
.nationtabcontent span
{
    display: inline-block;
    width: 100%;
}
.nationtabcontenttab1content>div ul li a{
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.13;
  letter-spacing: normal;
  text-align: left;
  color: #004cff;
}

.nationtabcontent>div>div:last-child a{
  margin-left: 10px;
  color: #004cff;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.13;
  letter-spacing: normal;
  text-align: left;
  color: #004cff;
}
footer{
  margin-top: 100px;
}


body.Explore section.Exploreread > div.main0 > div .text .price{ position:relative; order:3; margin-top:16px; display:flex; flex-grow:1; flex-wrap:wrap; justify-content:flex-end;flex-direction:column;}
body.Explore section.Exploreread > div.main0 > div .text .price > p{ text-align:right;}
body.Explore section.Exploreread > div.main0 > div .text .price > p > .kum{ font-size: 28px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #000;
  position:relative;
}
body.Explore section.Exploreread > div.main0 > div .text .price > p:before{
  opacity: 0.83;
  font-size: 22px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #4e4e4e;
  margin-right:8px;
}
/*
body.Explore section.Exploreread > div.main0 > div .text .price > .rider:before{ content:"라이더 1명";}
body.Explore section.Exploreread > div.main0 > div .text .price > .tandem:before{ content:"텐덤 1명";}
body.Explore section.Exploreread > div.main0 > div .text .price > .self-moto:before{ content:"자차 1명";}
*/
body.Explore section.Exploreread > div.main0 > div .text .price > span{ display:inline;}

body.Explore section.Exploreread > div.main0 > div .text .price > .pricetbldiv{ width:100%; display:flex; justify-content:flex-end;}
body.Explore section.Exploreread > div.main0 > div .text .price > .pricetbldiv > table > tbody > tr > td{ padding-left:30px;}




.main0{
    width: 100%;
    display: block;
    margin: 0 auto;
}
.main0 .swiper-slide{
  position: relative;
}
.main0 .swiper-slide img{
  max-width: 100%;
  width: 100%;
}
.main0 .swiper-slide .main0swtext{
  position: absolute;
  width: 640px;
}
.main0 .swiper-slide .main0swtext p{
  position: absolute;
    bottom: 124px;
    background-color: #000;
    width: 220px;
    height: 56px;
    line-height: 56px;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    left: 114px;
}
.main0 .swiper-slide .main0swtext2 img{
    width: 61.7px;
    height: 27.8px;
    margin-bottom: 9px;
    object-fit: contain; 
}
.main0 .swiper-slide .main0swtext2>a> p{
  position: absolute;
  bottom: 110px;
  background-color: #000;
  width: 190px;
  height: 52px;
  line-height: 52px;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  left: 40px;
}

body.Explore section.Explorelist > div.main0{
  margin-top: 100px;
}


.main0  .swiper-button-next{
  background-image: url(https://file.k-friends.kr/data/20221212/053308_0.svg);
}

.main0  .swiper-button-prev{
  background-image: url(https://file.k-friends.kr/data/20221212/053308_1.svg);
}


.main0 .swiper-slide{
  position: relative;
}
.main0 .swiper-slide>div>a>div{
  background-color: rgba(255,255,255,.7);
  padding-left: 38px;
  padding-top: 58.2px;
  padding-bottom: 46px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 482px;
}
.main0 .swiper-slide>div>a>div h2{
  font-family: BMWTypeNextKr;
  font-size: 30px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.65;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.main0 .swiper-slide>div>a>div p{
  font-family: BMWTypeNextKr;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.53;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  margin-top: 12px;
}
.main0 .swiper-slide>div>a>div button{
  background-color: #000;
  padding: 10px 20px;
  font-family: NotoSansKR;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  margin-top: 24px;
  border: none;
}


#explorerefundps p{
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.88;
    letter-spacing: -0.16px;
    text-align: left;
    color: #004cff;
}


body.Explore section.Exploreread > div.main1 > div > nav > a.exploreafterbbsbtn[data-count='0']{ display:none;}
body.Explore section.Exploreread > div.exploreafterbbsmain[data-count='0']{ display:none;}

.worldmap{
    max-width: 1275px;
    width: 100%;
    display: block;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 30px;
    position: relative;
}
.worldmap>img{
  width: 100%;
  height: auto;
}
.worldmap nav.targetmap{
  position: absolute;
  content: "";
  left: 0;
  top: 0;
}
.worldmap nav.america{
    left: 3%;
    top: 11%;
}
.worldmap nav.asia{
    left: 57%;
    top: 9%;
}
.worldmap nav.eruope{
    left: 32%;
    top: 4%;
}
.worldmap nav.korea{
    left: 63%;
    top: 12%;
}


.categorimenu{
  max-width: 640px;
  width: 100%;
  display: block;
  margin: 0 auto;
  margin-bottom: 90px;
}
.categorimenu>div{
  width: 100%;
  display: flex;
  flex-flow: wrap;
  justify-content: space-evenly;
  align-items: center;
}
.categorimenu>div>a{
    width: 30%;
}
.categorimenu>div>a img{
    width: 70px;
    display: block;
    margin: 0 auto;
}
.categorimenu>div>a p{
    text-align: center;
    margin-bottom: 20px;
    font-size: 20px;
}
.categorimenu>div>a {
    width: 13%;
}

.categorimenu>div>a:nth-child(1).active img{    background-image: url(https://file.k-friends.kr/img/20230406/103849_0.png);background-repeat: no-repeat; background-size: 70px 70px;}
.categorimenu>div>a:nth-child(2).active img{    background-image: url(https://file.k-friends.kr/img/20230406/104308_0.png);background-repeat: no-repeat; background-size: 70px 70px;}
.categorimenu>div>a:nth-child(3).active img{    background-image: url(https://file.k-friends.kr/img/20230406/104308_1.png);background-repeat: no-repeat; background-size: 70px 70px;}
.categorimenu>div>a:nth-child(4).active img{    background-image: url(https://file.k-friends.kr/img/20230406/104308_2.png);background-repeat: no-repeat; background-size: 70px 70px;}
.categorimenu>div>a:nth-child(5).active img{    background-image: url(https://file.k-friends.kr/img/20230406/104308_3.png);background-repeat: no-repeat; background-size: 70px 70px;}
.categorimenu>div>a:nth-child(6).active img{    background-image: url(https://file.k-friends.kr/img/20230406/104308_4.png);background-repeat: no-repeat; background-size: 70px 70px;}
svg .searchimg{
    /* 부드럽게 움직이는 효과 */
transition: 1s;
}
svg .searchimg:hover{
transform: translate(30px, 60px);
} 

.searchimg p{
text-align: center;
font-size: 20px;
font-weight: normal;
font-family: BMWMotorrad;
}#WorldMapsvg1926 {
    max-width: 640px;
    width: 100%;
    height: auto;
}#worldmap {
    display: flex;
    margin: auto;
    position: relative;
    max-width: 640px;
    width: 100%;
}



.categorimenu>div>a:nth-child(1)[data-active='true'] img{    background-image: url(https://file.k-friends.kr/img/20230406/103849_0.png);background-repeat: no-repeat; background-size: 70px 70px;}
.categorimenu>div>a:nth-child(2)[data-active='true'] img{    background-image: url(https://file.k-friends.kr/img/20230406/104308_0.png);background-repeat: no-repeat; background-size: 70px 70px;}
.categorimenu>div>a:nth-child(3)[data-active='true'] img{    background-image: url(https://file.k-friends.kr/img/20230406/104308_1.png);background-repeat: no-repeat; background-size: 70px 70px;}
.categorimenu>div>a:nth-child(4)[data-active='true'] img{    background-image: url(https://file.k-friends.kr/img/20230406/104308_2.png);background-repeat: no-repeat; background-size: 70px 70px;}
.categorimenu>div>a:nth-child(5)[data-active='true'] img{    background-image: url(https://file.k-friends.kr/img/20230406/104308_3.png);background-repeat: no-repeat; background-size: 70px 70px;}
.categorimenu>div>a:nth-child(6)[data-active='true'] img{    background-image: url(https://file.k-friends.kr/img/20230406/104308_4.png);background-repeat: no-repeat; background-size: 70px 70px;}
/*
.categorimenu>div>a:nth-child(1)[data-active='false'] img{background-image: url(https://file.k-friends.kr/img/20230406/103522_0.png);background-repeat: no-repeat; background-size: 70px 70px;}
.categorimenu>div>a:nth-child(2)[data-active='false'] img{background-image: url(https://file.k-friends.kr/img/20230406/103522_1.png);background-repeat: no-repeat; background-size: 70px 70px;}
.categorimenu>div>a:nth-child(3)[data-active='false'] img{background-image: url(https://file.k-friends.kr/img/20230406/103522_2.png);background-repeat: no-repeat; background-size: 70px 70px;}
.categorimenu>div>a:nth-child(4)[data-active='false'] img{background-image: url(https://file.k-friends.kr/img/20230406/103522_3.png);background-repeat: no-repeat; background-size: 70px 70px;}
.categorimenu>div>a:nth-child(5)[data-active='false'] img{background-image: url(https://file.k-friends.kr/img/20230406/103522_4.png);background-repeat: no-repeat; background-size: 70px 70px;}
.categorimenu>div>a:nth-child(6)[data-active='false'] img{background-image: url(https://file.k-friends.kr/img/20230406/103522_5.png);background-repeat: no-repeat; background-size: 70px 70px;}
*/



body.Explore section.Exploreread > div.main8{ width:100%; display:inline-block;  margin:75px 0;}
body.Explore section.Exploreread > div.main8 > div{ width:580px; display:flex; margin:auto; padding:87px 0; }


body.Explore section.Exploreread > div.main8 > div > div > h4 {
  font-size: 21px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.52;
  letter-spacing: normal;
  text-align: left;
  color: rgba(94,94,94,0.9);
  margin-bottom:44px;
  text-transform:uppercase;
}

body.Explore section.Exploreread > div.main8 > div > div > ul > li{ list-style-type:"- "; margin-left:14px;
  opacity: 0.9;
  font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.76;
  letter-spacing: normal;
  text-align: left;
  color: rgba(94,94,94,0.9);
}
#highlightlist{ overflow:hidden; max-width:580px; position:relative; padding-bottom:80px;}
#highlightlist .swiper-button-prev{ left:auto; right:50px; top:auto; bottom:0; }
#highlightlist .swiper-button-prev{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");}
#highlightlist .swiper-button-next{ left:auto; right:10px; top:auto; bottom:0; }
#highlightlist .swiper-button-next{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");}
#highlightlist .swiper-button-prev
,#highlightlist .swiper-button-next{ width:30px; height:30px; display:inline-block; background-size:contain; background-position:center;}

.highlightSwiper{ }
.highlightSwiper  > .swiper-wrapper{}
.highlightSwiper  > .swiper-wrapper > .swiper-slide{ width:auto; position:relative;}
.highlightSwiper  > .swiper-wrapper > .swiper-slide a{ position:absolute; left:0; top:0; width:100%; height:100%;}

.highlightdiv{ margin-top:50px;}
.highlightdiv > .img > img{ width:300px; height:200px; border-radius:16px; object-fit:cover; display:inline-block;}
.highlightdiv > .text > h4{ font-size:17px;}
.highlightdiv > .text > p{ display:none;}
.highlightdiv:hover > .text > h4{ color:#004cff;}
.highlightdiv:hover > .text > p{ color:#004cff;}

/* 모달 기본 스타일 */
.modal {
    display: none; /* 기본적으로 모달은 숨겨져 있습니다 */
    position: fixed;
    z-index: 301; /* 다른 콘텐츠 위에 표시되도록 */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* 배경을 어두운 반투명색으로 설정 */
	justify-content:center;
	align-items:center;
}

/* 모달 내용 */
.modal-content {
    background-color: white;
    padding: 20px;
	padding-top:30px;
    border-radius: 5px;
    width: calc(90% - 40px); /* 너비 설정 */
	max-height:calc(90vh - 50px);
	overflow:auto;
    max-width: 680px;
    position: relative;
	display:inline-block;
}
.modal-content img{ max-width:100%;}

/* 닫기 버튼 */
.close {
    color: #aaa;
    font-size: 30px;
    font-weight: bold;
    position: absolute;
    top: -10px;
    right: 10px;
    cursor: pointer;
}

/* 닫기 버튼에 마우스 올릴 때 색상 변경 */
.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}


.checkpointdiv { width: 90%; max-width:580px; margin:auto;}
.checkpointdiv > div { display:inline-block; padding-top:50px; }
.checkpointdiv > div > h2 { text-align: center;}
.checkpointdiv > div > h2 > span { font-size: 36px; font-weight: bold; }
.checkpointdiv > div > p { text-align: center; margin: 30px 0;}
.checkpointdiv > div > p > span { font-size: 19px; font-weight: bold; display: inline-block; }
.checkpointdiv > div > p > span > span {color: #058138;}
.checkpointdiv > div > div{ display:flex; gap:80px; flex-direction: column;}

.guidediv{ display:flex; flex-wrap:wrap;  gap:30px; justify-content:center; align-items:center; padding-top:50px; }
.guidediv > .text{ width:86%; display:inline-block; vertical-align: top; position: relative; order:1; }
.guidediv > .text > p { clear: right; }
.guidediv > .text > p > span { display: inline-block; font-size: 19px; }
.guidediv > .text > p > span > span { color: #058138; }
.guidediv > .text > img { width: 240px; float: right; position:absolute; right:50px; top:0; }
.guidediv > .img{ order:2; width:100%;}
.guidediv > .img > img { width: 100%; height:400px;  object-fit:cover;}

.allinonediv{ display:flex; flex-wrap:wrap; gap:30px; justify-content:center; align-items:center;}
.allinonediv > .text{ width:90%; display:inline-block; vertical-align: top; position: relative; order:2; text-align:center; }
.allinonediv > .text > h2{ margin-bottom:24px;}
.allinonediv > .text > p { clear: right; }
.allinonediv > .text > p > span { display: inline-block; font-size: 19px; }
.allinonediv > .text > p > span > span { color: #058138; }
.allinonediv > .text > img { width: 260px; float: right; position:absolute; right:50px; top:0; }
.allinonediv > .img{ order:1; width:100%;}
.allinonediv > .img > img { width: 100%; height:320px; object-fit:contain; }