/* body.Explore section.Explorelist > div.main0{ width:100%; float:left;}
body.Explore section.Explorelist > div.main0 > div{ width:100%; max-width:1640px; height:530px; margin:auto; position:relative; display:flex; justify-content:space-between; align-items:center;}
body.Explore section.Explorelist > div.main0 > div .img{ order:2; display:flex; justify-content:flex-end; align-items:end; margin-bottom:-7px; position:absolute; right:0; top:0; height:537px}
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: 948px;}

body.Explore section.Explorelist > div.main0 > div .text{ position:relative; order:1;  display:flex; flex-grow:1; }
body.Explore section.Explorelist > div.main0 > div .text > div{  margin-top:100px;}
body.Explore section.Explorelist > div.main0 > div .text > div > .mainlogo{ 
  display: none;
}
body.Explore section.Explorelist > div.main0 > div .text > div > .mainlogo > span{ width:56.51px; height:56.51px; border-radius:50%; background-color:#fff; display:inline-block; border:1px solid #fff;}
body.Explore section.Explorelist > div.main0 > div .text > div > div{ position:relative; min-width:593px;}
body.Explore section.Explorelist > div.main0 > div .text > div > div > h2{
  font-size: 31px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.06;
  letter-spacing: normal;
  text-align: left;
  color: rgba(0,0,0,0.21);
  text-transform:uppercase;
  position:absolute;
  right:16px;
  top:16px;
  text-shadow:1px 3px 1px #fff;
}
body.Explore section.Explorelist > div.main0 > div .text > div > div > h3 {
  font-size: 60px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.08;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  text-shadow:1px 3px 1px #fff;
}
body.Explore section.Explorelist > div.main0 > div .text > div > div > h3 > span{ width:100%; display:block; line-height:1;}
body.Explore section.Explorelist > div.main0 > div .text > div > nav{ display:flex; margin-top:27px;}
body.Explore section.Explorelist > div.main0 > div .text > div > nav > .morebtn{
  width: 141px;
  height: 42px;
  background-color: #000;
  text-align:center;
  font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #fff;
  display:flex;
  justify-content: center;
  align-items:center;
  margin-right:17px;
}
body.Explore section.Explorelist > div.main0 > div .text > div > nav > .morebtn img{
  width: 86px;
  height: auto;
}
body.Explore section.Explorelist > div.main0 > div .text > div > nav > .morebtn:hover{
  background-color: #004cff;
}
body.Explore section.Explorelist > div.main0 > div .text > div > nav > .srbtn{
  width: 246px;
  height: 42px;
  background-color: #004cff;
  font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align:center;
  color: #fff;
  text-transform:uppercase;
  display:flex;
  justify-content: center;
  align-items:center;
} */

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



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;
  justify-content: space-between;
}
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; height:53px; display:flex; align-items:center;  margin-right:16px;
  order: 1;
  width: 788px;
}
body.Explore section.Explorelist > div.main1 > div > form > div > div.searchdiv1 > div{ position:relative; padding-right:16px; }
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:9px 24px; padding-left:0; margin-left:24px; background-color:transparent;  font-size: 17px;
  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:first-child{ margin-left:16px;}
body.Explore section.Explorelist > div.main1 > div > form > div > div.searchdiv1 > div > select{ padding:0 9px; width:160px; display:inline-block; border:0;
  font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  /* border-right:2px solid #c1c1c1; */
}
body.Explore section.Explorelist > div.main1 > div > form > div > div.searchdiv2{ 
  width: 788px;border-radius: 27px; background-color:#fff; height:53px; display:flex; align-items:center;}
body.Explore section.Explorelist > div.main1 > div > form > div > div.searchdiv2 > div{ padding:0 24px;}
body.Explore section.Explorelist > div.main1 > div > form > div > div.searchdiv2 > div > ul > li > label {
  font-size: 18px;
  font-weight: bold;
  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:400px; margin:0 26px; 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 {
  font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  width:200px; display:flex; justify-content: space-around;
  position:relative;
  border-left:2px solid #c1c1c1;
}

/*
body.Explore section.Explorelist > div.main1 > div > form{ width:58%; display:inline-block;  margin-right:4%;}
body.Explore section.Explorelist > div.main1 > div > form > div{ width:100%; display:flex; flex-wrap:wrap; border-bottom:2px solid #000; flex-wrap:wrap;  padding-bottom:5px;}
body.Explore section.Explorelist > div.main1 > div > form > div > nav{ }

body.Explore section.Explorelist > div.main1 > div > form > div > nav > a:before{ content:""; margin-right:6px; width:10.61px; height:10.61px; display:inline-block; background-size:100% 100%; background-repeat:no-repeat; background-position:center center; 
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.061%22%20height%3D%2210.061%22%20viewBox%3D%220%200%2010.061%2010.061%22%3E%3Cg%20transform%3D%22translate(0.53%200.53)%22%3E%3Cline%20x1%3D%229%22%20y2%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23004cff%22%20stroke-width%3D%221.5%22%2F%3E%3Cline%20x2%3D%229%22%20y2%3D%229%22%20fill%3D%22none%22%20stroke%3D%22%23004cff%22%20stroke-width%3D%221.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
body.Explore section.Explorelist > div.main1 > div > form > div > nav > a{
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  background-color:#fff;
  border:1px solid #004cff;
  color: #004cff;
  padding:7px 18px; display:inline-block;
  border-radius:50px;
  float:left;
  margin:4.5px;

}
body.Explore section.Explorelist > div.main1 > div > form > div > div{ display:flex; position:relative; justify-content: space-between;flex-grow: 1;}
body.Explore section.Explorelist > div.main1 > div > form > div > div > input[type=text]{ border:0; width:82%; padding:9px; background-color:transparent; padding-right:15%; font-size: 17px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.47;
  letter-spacing: normal;
  text-align: left;
}
body.Explore section.Explorelist > div.main1 > div > form > div > div > a{ position:absolute; right:0; bottom:0;}
body.Explore section.Explorelist > div.main1 > div > form > nav{ margin-top:22px; text-align:right;}
body.Explore section.Explorelist > div.main1 > div > form > nav > a{ 
float:right;
  width: 107px;
  height: 36.4px;
  opacity: 0.6;
  border: solid 1px #000;
  display:flex;align-items: center; justify-content:space-around;
  font-size: 15px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #000;
}
body.Explore section.Explorelist > div.main1 > div > form > nav > a > .linktext{ margin-left:10px;}
body.Explore section.Explorelist > div.main1 > div > form > nav > a > .linkicon{ margin-right:10px;}
body.Explore section.Explorelist > div.main1 > div > form > nav > a > .linkicon img{ float:left;}
body.Explore section.Explorelist > div.main1 > div > form > nav > a:hover{ opacity:1;}
body.Explore section.Explorelist > div.main1 > div > form > nav > a:hover .linkicon img{ }


body.Explore section.Explorelist > div.main1 > div > div{ width:38%;}
body.Explore section.Explorelist > div.main1 > div > div > h4{
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  color: #000;
}
body.Explore section.Explorelist > div.main1 > div > div > nav{ margin-top:19px; display:flex; flex-wrap:wrap;}
body.Explore section.Explorelist > div.main1 > div > div > nav > a{ 
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #acacac;
  padding:6px 18px;
  border:1px solid rgba(242, 242, 242, 0.7);
  background-color:rgba(242, 242, 242, 0.7);
  border-radius:50px;
  margin-right:12px;
  margin-bottom:11px;
}
body.Explore section.Explorelist > div.main1 > div > div > nav > a.active{ background-color:#fff;  border:1px solid #004cff; font-weight:500;  color: #004cff;}
*/

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:flex-start;
}
body.Explore section.Explorelist > div.main2 > div > div > ul > li{ 
  width:375px;
  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:147px; height:34px; display:inline-block; position:absolute; left:22px; top:27px; z-index:1;}


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{ 
  display: block;
  margin: 0 auto;
}
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%;}
body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .img img{ width:100%; height:402px; min-width:100%; object-fit:cover; object-position:center center; 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: 125px;
    transition-duration: 0.3s;
    overflow: hidden;
    border-radius: 0 0 30px 30px;
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.09);
}
body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .text .date h4{
    color: #fff;
}
body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .text .title{ 
  border-bottom:2px solid #fff;
  padding-bottom:9px; 
  width:100%; 
  position:relative;
}
/*
body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .text .title[data-info]:hover::after{
	content:attr(data-info); 
	position: absolute; 
	top: 80%;  
	right: 100%; 
	width:120px;
	line-height:1.6;  
	padding: 5px; 
	background:#fff; 
	font-size:18px; 
	border:1px solid blue; 
	color:blue; 
	text-align:center; 
	z-index: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: 18px;
  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 .lv{ opacity:1;}

body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .text .lv{ position:absolute; right:27px; top:86px; z-index:2; opacity:0; transition-duration:0.5s;}
body.Explore section.Explorelist > div.main2 > div > div > ul > li > div > .text .lv > aside{ display:inline-block; 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: 17px;
  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:125px; 
  overflow:inherit;
  border-radius:0 0 27px 27px;
  /* overflow: hidden; */
}
body.Explore section.Explorelist > div.main2 > div > div > ul > li > div:hover > .text:before{ height:238px; 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 .date h4{
    color: #000;
}
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: 15px;
  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; */
}

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: 13px;
  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:28px; height:28px; 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: 1360px;
  height: 72px;
  border: solid 1px #000;
  display:flex; align-items:center; justify-content:center;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #000;
}

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.Explorelist > div.main3{ width:100%; 
  float:left; 
  background-color: rgba(232, 233, 245, .75); 
}
body.Explore section.Explorelist > div.main3 > div{ width:100%; margin:auto; margin-top:40px; margin-bottom:30px; position:relative; display:flex; align-items:center; justify-content:space-between;}
body.Explore section.Explorelist > div.main3 > div > div{ width:100%; height: auto;}
body.Explore section.Explorelist > div.main3 > div > div > ul{ width:100%; margin:auto; max-width:1200px; display:flex; justify-content: space-between; align-items:center; align-items: flex-start;}
body.Explore section.Explorelist > div.main3 > div > div > ul > li{ 
  text-align:center;
  flex-grow:1;
  margin:0 15px;
  width:calc(33% - 30px);

  border-radius: 30px;
  box-shadow: 0 3px 6px 0 rgba(220, 220, 220, 0.14);
  background-color: #fff;
}
body.Explore section.Explorelist > div.main3 > div > div > ul > li > div{ margin:30px; }
body.Explore section.Explorelist > div.main3 > div > div > ul > li > div .text > h4{
  font-size: 17px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: #000;
  width:197px; min-height:41px; border-radius:21px; background-color:#fff;
  display:flex; align-items:center; justify-content: center;
  margin:auto;
}
body.Explore section.Explorelist > div.main3 > div > div > ul > li > div .text > p{
	margin-top:8px;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.73;
  letter-spacing: normal;
  text-align: center;
  color: #818181;
}


body.Explore section.Exploreread > div.main0{ width:100%; float:left; margin-top:232px; margin-bottom:70px;}
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; display:flex; max-width:1480px; justify-content: space-between;  align-items:center;;}
body.Explore section.Exploreread > div.main0 > div .img{ min-width:682px; max-width:682px; overflow:hidden; margin-right:40.5px; justify-content:center; align-items:center; display:flex;border-radius:30px; }
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; height:441px; border-radius:30px; 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: 15px;
  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;
  cursor : default ;
}

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: 18px;
  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; display:flex; flex-grow:1; flex-wrap:wrap; justify-content:flex-end; flex-direction:column; padding-top:60px;}
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: 30px;
  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: 16px;
  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;}





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 > .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-end;
  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{
	display:flex; flex-wrap:wrap;
}
body.Explore section.Exploreread > div.main0 > div .text > .info > .stat > div > a{ padding:8px; text-transform:uppercase;}
body.Explore section.Exploreread > div.main0 > div .text > .info > .stat > div .Exploreaddbtn{
  width: 196.1px;

  border: solid 1px #000;
  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: #000;
  margin-right:13.3px;
  text-align:center;
}

body.Explore section.Exploreread > div.main0 > div .text > .info > .stat > div .Exploreadbtn{
  width: 196.1px;

  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;
  text-align:center;
}
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.main0 > div .text > .info > .stat > div .likebtn{
  width: 49px;
  min-height: 36.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.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: 19px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #000;
  height:100%;
  padding:0 14px;
  display:flex;
  align-items:center;
  text-transform:uppercase;
}

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


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; max-width:1260px; 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: 482.9px;
/*  height: 1221.8px;*/
  padding: 40px 20px;
  border-radius: 30px;
  box-shadow: 3px 5px 10px 0 rgba(0, 0, 0, 0.11);
  background-color: #fff;
  overflow:hidden;
  position:relative;
}


body.Explore section.Exploreread > div.main2 > div > div > .content > div{ width:calc(100%-80px); padding-right:0px; height:calc(100% - 80px); overflow:hidden; overflow-y:auto; position:absolute; 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:470px; padding:22px 0; margin-bottom:22.5px;}
body.Explore section.Exploreread > div.main2 > div > div > .content > div > ul > li{ display:flex; margin-bottom:20px; flex-wrap:wrap; width:100%;}

body.Explore section.Exploreread > div.main2 > div > div > .content > div > ul > li > label{ width:100%; min-width:95px; text-align:center; text-transform:uppercase;
  font-size: 16px;
  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: flex-start;
  align-items: flex-start;
  overflow:hidden;
  word-wrap:break-word;
}

body.Explore section.Exploreread:lang(ko) > div.main2 > div > div > .content > div > ul > li{ flex-wrap:inherit;}
body.Explore section.Exploreread:lang(ko) > div.main2 > div > div > .content > div > ul > li > label{ overflow:inherit; width:95px; }


body.Explore section.Exploreread > div.main2 > div > div > .content > div > ul > li > div {
  font-size: 15px;
  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:380px;
}
body.Explore section.Exploreread > div.main2 > div > div > .content > div > ul > li > div > p{ line-height:1.94;}

body.Explore section.Exploreread > div.main2 > div > div > .content > div > ul > li > div > ul > li{ margin-bottom:14px;}
body.Explore section.Exploreread > div.main2 > div > div > .content > div > ul > li > div > ul > li > label{ font-weight:500;}
body.Explore section.Exploreread > div.main2 > div > div > .content > div > ul > li > div > ul > li > div{ font-weight:300; }
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: 17px;
  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;font-size: 15px;}

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:28px; height:28px; 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;
  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;
  text-align:center;
  padding:8px 0;
}
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.reservationstated{ display:none;}
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.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; */
  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;
    font-size: 14px;
}
body.Explore section.Exploreread > div.main2 > div > div > .content > div > ul > li.refund > div > span {
	
  opacity: 0.95;
  font-size: 16px;
  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;
  text-transform:capitalize;
}

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:90%;
  padding-bottom:8px;
}

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{ margin-left:42px; position:relative; width:655px;}
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:87.2px; 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: 22px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.94;
  letter-spacing: normal;
  color: #000;
  width:100%;
}

body.Explore section.Exploreread > div.main2 > div > div > .instructordiv > .instructorinfo > ul > li > div > .text > div > h4 > .po{
	margin-left:4px;
  font-size: 18px;
  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 > p{
	flex-direction: column;

	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;
  min-width: 415px;
  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;
  display:flex;

}

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

/*
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);}


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

}

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: 289.8px;
  height: 58px;
  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: 16px;
  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:55px;}
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: 18px;
  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: 17px;
  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;
}

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:33.5px;}
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: 16px;
  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;
}


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;}
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; margin:8px;  flex-grow:1; max-width:calc(50% - 16px);}
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; position:relative;}
body.Explore section.Exploreread > div.main3 > div > div > ul > li > .img > a{ width:100%; height:100%;}
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.Explorelist > div.main3 > div > div > ul > li > div > .img{ 
  margin-top: 40px;
  margin-bottom:12px;
  height: 23px;
}
body.Explore section.Explorelist > div.main3 > div > div > ul > li > div > .img .lv{
  height: 23px;
}
body.Explore section.Explorelist > div.main3 > div > div > ul > li > div > .img .lv > .score{
  height: 23px;
}
body.Explore section.Explorelist > div.main3 > div > div > ul > li > div > .img .lv > .score > span {
    display: inline-block;
    width: 23px;
    height: 23px;
    background-size: 100% 100%;
    margin: 0px 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 > div{ max-width:1623.5px; 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; }


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:24px;
}

body.Explore section.Exploreread > div.main4 > div > div > ul > li > div .stat > .now{
  opacity: 0.62;
  font-size: 17px;
  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: 225.5px;
  height: 44.3px;
  display:flex; justify-content:center;align-items: center;
  font-size: 18px;
  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.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:1260px; display:flex; margin:auto; padding:87px 0;}


body.Explore section.Exploreread > div.main5 > 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.main5 > 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);
}

#ExploreListMoreBtn[data-next='0']{ opacity:0;pointer-events: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:"¥ "; }






/* 수정 부분 */
.tourbanner{
	width:100%;
  max-width: 1920px;
  display: block;
  margin: 0 auto;
  margin-bottom: 108px;
}
.tourbanner img{
  width: 100%;
  height: auto;
}






body.Explore section.Explorelist > div.main0 > div .img img:first-child{
  display: inline;
}
body.Explore section.Explorelist > div.main0 > div .img img:last-child{
  display: none;
}

.tourbanner .pc{
  display: block;
}
.tourbanner .hp{
  display: none;
}


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

.main6 .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.main6{ width:100%; float:left; margin-top:65px; display:inline-block; margin-bottom:100px; }
body.Explore section.Exploreread > div.main6 > div > div{ max-width:1623.5px; 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:41px 0; border-top:1px solid #bfbfbf;}



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;
  padding:30px;
  border-radius: 30px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
	margin-bottom: 55px;
	position:relative;
}
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:200px;}
body.Explore section.Exploreread > div.main6 > div > div > ul > li > .img img{ width:150px;
   height:150px; 
  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;}

body.Explore section.Exploreread > div.main6 > div > div > ul > li > .text > div{ 
  font-size:20px;
  margin:0 15px;
  display:flex; 
  align-items:center;
  font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.65;
  letter-spacing: normal;
  text-align: left;
  color: #6b6b6b;
}
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%;
  margin-left:200px;
  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;
  margin-left:200px;
  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:30px; left:215px;}
body.Explore section.Exploreread > div.main6 > div > div >ul > li > .text > div.regdate{ position:absolute; top:30px; right:30px;}



.main11>div.pc{
  display: block;
}
.main11>div.hp{
  display: none;
}


.main11{
  float: left;
  margin-top: 60px;
  width: 100%;
  position: relative;
}
.main11>div{
  width: 1230px;
  height: 100px;
  display: block;
  margin: 0 auto;
  position: relative;
  z-index: 1;

}
.main11>div>a{
  width: 1168px;
  margin: 0 auto;
  height: 80px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 11px;
  position: relative;
  z-index: 1;
  border-radius: 15px;
  background-color: #fff;
}
/* .main11::after{
  position: absolute;
  content: "";
  height: 2px;
  width: 100%;
  background-color: #b3b1b1;
  top: 40px;
  left: 0;
  z-index: 0;
} */


.main11>div>a:hover h2,
.main11>div>a:hover p
{
  color: #004cff;
}

/* .main11>div>a:hover{
  border: 1px solid #004cff;
} */

.main11>div>a img{
  width: 100%;
  height: auto;
}
.main11>div>a div h2{
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: left;
  color: #aaa;
}
.main11>div>a> div p{
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #004cff;
}




/* 국가 규정 만들기 */
.nationheader{

  background-image: url(https://file.k-friends.kr/img/20221129/054404_0.jpg);
  max-width: 1920px;
  width: 100%;
  max-height: 1080px;
  min-height: 250px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
    margin: 0 auto;
	  margin-top: 120px;
}
.nationheader h2{
  padding-top: 80px;
  color: #fff;
  font-size: 30px;
  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: 12px;
  font-size: 19px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.89;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
.nationmiddle{
  max-width: 1920px;
  width: 100%;
  display: block;
  margin: 0 auto;
  background-color: rgba(238, 238, 238, 0.88);
  padding-top: 50px;
  padding-bottom: 52px;
}
.nationmiddle>div{
  width: 1230px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 auto;
}
.nationmiddle>div h3{
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.78;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.nationmiddle>div h3>img{
  width: 22px;
  height: auto;
  margin-right: 11px;
}
.nationmiddle>div ul{
  margin-top: 12px;
  margin-bottom: 40px;
}
.nationmiddle>div ul li{
  font-size: 16px;
  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: 272px;
  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: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.13;
  letter-spacing: normal;
  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: center;
}
.nationmiddle>div button a img{
  margin-right: 12px;
}


.nationtabheader{
  width: 1230px;
  display: block;
  margin: 0 auto;
  margin-top: 52px;
  height: 48px;
  margin-bottom: 60px;
}

.nationtabheader>div{
  float: left;
  width: 25%;
  height: 48px;
  text-align: center;
  vertical-align: middle;
  background-color: rgba(238, 238, 238, 0.88);
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 48px;
  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: 1230px;
  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: 20px;
  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: 24px;
  font-weight: bold;
  margin-top: 40px;
  letter-spacing: -1.5px;
  margin-bottom: 20px;
}
.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 span{
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.13;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.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;
}
.nationtabcontenttab1content>div ul li{
  line-height: 2;
}

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


.daycnttypenav{ position:absolute; display:flex; margin-top:8px; margin-left:100px; display:none;}
.daycnttypenav > a{ border:1px solid #000; font-size:11px; margin:2px; padding:3px 20px; border-radius:3px; background-color:#fff; display:flex;}



.nationtabcontent{
  margin-bottom: 200px;
}


.hp{
  display: none;
}
.pc{
  display: block;
  max-width: 1903px;
  overflow: hidden;
}


body.Explore section.Explorelist > div.main3 > div:last-child{
  margin-bottom: 40px;
  margin-top: 30px;
}



.main0{
  margin-top: 122px;
}
.main0 .swiper-slide{
  position: relative;
}
.main0 .swiper-slide .main0swtext{
  position: absolute;
  width: 1584px;
  left: 50%;
  transform: translate(-50%,0);
  bottom: 0;
  height: auto;
  height: 429px;
  
}
.main0 .swiper-slide .main0swtext p{

  background-color: #000;
  width: 140px;
  height: 42px;
  line-height: 42px;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
    margin-top: 295px;
}
.main0 .swiper-slide .main0swtext2{
  position: absolute;
  width: 1584px;
  left: 50%;transform: translate(-50%,0);
  height: 429px;
  bottom: 0;
}
.main0 .swiper-slide .main0swtext2 p{


  background-color: #000;
  width: 140px;
  height: 42px;
  line-height: 42px;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  margin-top: 295px;
}

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









/* 스와이퍼 배너 만들기 */
.swiper-container{
  max-width: 1920px;
  width: 100%;
  display: block;
  margin: 0 auto;
}

#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;
}
#explorerefund p{
    font-size: 14px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.35;
    letter-spacing: normal;
    text-align: left;
    color: #000;
}
#explorerefund p span{
    font-weight: normal;
}

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: 11%;
    top: 23%;

}
.worldmap nav.asia{
    left: 65%;
    top: 23%;
}
.worldmap nav.eruope{
    left: 39%;
    top: 18%;
}
.worldmap nav.korea{
    left: 72%;
    top: 26%;
}


.categorimenu{
  max-width: 1275px;
  width: 100%;
  display: block;
  margin: 0 auto;
  margin-bottom: 90px;
}
.categorimenu>div{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.categorimenu>div img{
  width: 90px;
  height: auto;
}





/* .searchimg{
    cursor: pointer;
    position: relative;
}
.worldmap .searchimg img{
    transition: all 0.2s linear;

    
}

.worldmap .searchimg:hover img{
    transform: scale(1.4);
} */
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;
}



/* .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: 90px 90px;}
.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: 90px 90px;}
.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: 90px 90px;}
.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: 90px 90px;}
.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: 90px 90px;}
.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: 90px 90px;} */

.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: 90px 90px;}
.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: 90px 90px;}
.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: 90px 90px;}
.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: 90px 90px;}
.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: 90px 90px;}
.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: 90px 90px;}



body.Explore section.Exploreread > div.main8{ width:100%; display:inline-block;  margin:75px 0;}
body.Explore section.Exploreread > div.main8 > div{ width:1260px; 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:1260px; 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(100% - 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:900px; margin:auto;}
.checkpointdiv > div { display:inline-block; padding-top:80px; }
.checkpointdiv > div > h2 { text-align: center;}
.checkpointdiv > div > h2 > span { font-size: 48px; 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; gap:30px; justify-content:space-between; align-items:center; padding-top:80px; }
.guidediv > .text{ min-width:520px; 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: 260px; float: right; position:absolute; right:50px; top:0; }
.guidediv > .img{ order:2;}
.guidediv > .img > img { width: 360px; height:360px;  object-fit:cover;}

.allinonediv{ display:flex; gap:30px; justify-content:space-between; align-items:center;}
.allinonediv > .text{ min-width:520px; display:inline-block; vertical-align: top; position: relative; order:2; }
.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;}
.allinonediv > .img > img { width: 320px; height:320px; object-fit:contain; }