header{ position:absolute; width:100%;; display:inline-block; float:left; right:0; top:0; z-index:300; background-color:rgba(0,0,0,1);}
header > div{ margin:32px 60px; display:flex; align-items: center;}
header > div > a > h1{ color:#fff; height:35px;}
header > div > a > h1 > img{ max-height:100%; float:left;}
header > div > ul{ display:flex; align-items: center; justify-content:flex-end; flex-grow:1; margin-left:32px;}
header > div > ul > li > a {
  font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #fff;
  margin:0 16px;
  text-transform:uppercase;
  position:relative;
}
header a:hover{ cursor:pointer; color:#FF0; outline: none; text-decoration:none;}
header > div > ul > li > a:hover:before{ background-color:#ff0;}
header > div > ul > li > a:before{ content:""; width:100%; height:2px; position:absolute; left:0; bottom:-4px; background-color:transparent; display:inline-block; }
header > div > nav{ display:flex; align-items: center; justify-content:space-between;}
header > div > nav > ul > li{}
header > div > nav > a{
  font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: rgba(255,255,255,0.47);
  margin:0 15px;
  position:relative;
}
header > div > nav > a:before{ content:""; width:100%; height:1px; position:absolute; left:0; bottom:-3px; background-color:transparent; display:inline-block; }
.Lang-ko header > div > nav > a[data-lang='ko']{ color:#fff;}
.Lang-ko header > div > nav > a[data-lang='ko']:hover{ color:#ff0;}
.Lang-ko header > div > nav > a[data-lang='ko']:before{ background-color:#fff;;}
.Lang-ko header > div > nav > a[data-lang='ko']:hover:before{ background-color:#ff0;;}

.Lang-en header > div > nav > a[data-lang='en']{ color:#fff;}
.Lang-en header > div > nav > a[data-lang='en']:hover{ color:#ff0;}
.Lang-en header > div > nav > a[data-lang='en']:before{ background-color:#fff;;}
.Lang-en header > div > nav > a[data-lang='en']:hover:before{ background-color:#ff0;;}







header > div > nav > ul > li:last-child a::after{
  display: none;
}
header > div > nav > ul > li > a{ 
  font-family: NotoSansKR;
  font-size: 16px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
header > div > nav > ul > li > ul{ position:absolute; display:none; width:111px; background-color:#000; border-radius:17px; top:100%; right:33%; margin-right:-55px; padding-top:36px; padding-bottom:8px;}
header > div > nav > ul > li:hover > ul{ display:inline-block;}
header > div > nav > ul > li > ul > li{ margin:12px 0; display:flex; justify-content:center;  align-items: center;}
header > div > nav > ul > li > ul > li > a {
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #fff;
}

.KBody.Explore header > div > ul > li a[data-path1='Explore']{ font-weight:bold;}
.KBody.Event header > div > ul > li a[data-path1='Event']{ font-weight:bold;}
.KBody.Member header > div > ul > li a[data-path1='Member']{ font-weight:bold;}
.KBody.Login header > div > ul > li a[data-path1='Login']{ font-weight:bold;}
.KBody.Signup header > div > ul > li a[data-path1='Signup']{ font-weight:bold;}
.KBody.CnR header > div > ul > li a[data-path1='CnR']{ font-weight:bold;}


.KBody.Explore header > div > ul > li a[data-path1='Explore']:before{ background-color:#fff; }
.KBody.Event header > div > ul > li a[data-path1='Event']:before{ background-color:#fff; }
.KBody.Member header > div > ul > li a[data-path1='Member']:before{ background-color:#fff; }
.KBody.Login header > div > ul > li a[data-path1='Login']:before{ background-color:#fff; }
.KBody.Signup header > div > ul > li a[data-path1='Signup']:before{ background-color:#fff; }
.KBody.CnR header > div > ul > li a[data-path1='CnR']:before{ background-color:#fff; }

.KBody.Explore header > div > ul > li a[data-path1='Explore']:hover:before{ background-color:#ff0; }
.KBody.Event header > div > ul > li a[data-path1='Event']:hover:before{ background-color:#ff0; }
.KBody.Member header > div > ul > li a[data-path1='Member']:hover:before{ background-color:#ff0; }
.KBody.Login header > div > ul > li a[data-path1='Login']:hover:before{ background-color:#ff0; }
.KBody.Signup header > div > ul > li a[data-path1='Signup']:hover:before{ background-color:#ff0; }
.KBody.CnR header > div > ul > li a[data-path1='CnR']:hover:before{ background-color:#ff0; }
header > div > ul > li > a:hover:before{}
footer{ position:relative; width:100%; display:inline-block; float:left; right:0; top:0; background-color:#fff; text-transform:none;}
footer > div{ margin:0px 140px; display:flex; justify-content: flex-start;align-items:flex-start;}
footer > div:nth-child(2){
  margin-top: 64px;
}
footer > div > .footerlogo{  text-align:center;}
footer > div:last-child{
  padding: 0;
  margin-left: 140px;
  margin-bottom: 100px;
}
footer > div > div > ul > li{ 
  list-style:"※ "; 
  margin-left:20px;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.88;
  letter-spacing: normal;
  text-align: left;
  color: rgba(0,0,0,.49)
}
footer > div > div > ul{
  margin-top: 30px;
  margin-bottom: 30px;
}
footer > div > aside{
  margin-left: 60px;
}
footer > div > ul{ 
  margin-left: 60px; 
}
footer > div > ul > li{ 
  margin-bottom:24px;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.39;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
footer > div > ul > li span{
  font-weight: bold;
}
footer > div > aside ul > li{
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.39;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  margin-bottom: 24px;
}
footer > div > aside ul > li span{
  font-weight: bold;
}
.footercompanyinfo ul li{
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.footercompanyinfo ul li:first-child{
  margin-top: 40px;
  margin-bottom: 20px;
}

footer > div > ul > li > a {
  font-size: 15px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.39;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

footer > div > aside{ margin-right: 60px;}

footer > div > aside > ul > li > label {
  font-size: 15px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  display:inline-block;
}

footer > div > aside > ul > li > div {
  font-size: 26px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.96;
  letter-spacing: normal;
  color: #004cff;
}
footer > div > nav > ul > li{ margin-bottom:24px;}
footer > div > nav > ul > li > a{
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.56;
  letter-spacing: normal;
  text-align: left;
  color: #004cff;
}

.copyright{
    font-size: 20px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: -0.33px;
    color: rgb(85, 85, 85);
}
body .TopMobeBtn{ position:fixed; right:3em; bottom:3em; z-index:299; display:inline-block; width:56px; height:55px; background-repeat:no-repeat; background-size:100% 100%; background-position:center center; border-radius:50%; overflow:hidden; background-color:#fff;
background-image:url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2256%22%20height%3D%2255%22%20viewBox%3D%220%200%2056%2055%22%3E%0D%0A%20%20%3Cg%20transform%3D%22translate%28-1704%20-961%29%22%3E%0D%0A%20%20%20%20%3Cpath%20d%3D%22M0%2C0%2C12.178%2C12.178%2C24.356%2C0%22%20transform%3D%22translate%281743.903%20992.179%29%20rotate%28180%29%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%2F%3E%0D%0A%20%20%20%20%3Cg%20transform%3D%22translate%281704%20961%29%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%3E%0D%0A%20%20%20%20%20%20%3Cellipse%20cx%3D%2228%22%20cy%3D%2227.5%22%20rx%3D%2228%22%20ry%3D%2227.5%22%20stroke%3D%22none%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cellipse%20cx%3D%2228%22%20cy%3D%2227.5%22%20rx%3D%2227%22%20ry%3D%2226.5%22%20fill%3D%22none%22%2F%3E%0D%0A%20%20%20%20%3C%2Fg%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
opacity:0.4; display:none;
}
body .TopMobeBtn:hover{ opacity:1;
background-image:url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2256%22%20height%3D%2255%22%20viewBox%3D%220%200%2056%2055%22%3E%0D%0A%20%20%3Cg%20transform%3D%22translate%28-1704%20-961%29%22%3E%0D%0A%20%20%20%20%3Cpath%20d%3D%22M0%2C0%2C12.178%2C12.178%2C24.356%2C0%22%20transform%3D%22translate%281743.903%20992.179%29%20rotate%28180%29%22%20fill%3D%22none%22%20stroke%3D%22%23004cff%22%20stroke-width%3D%222%22%2F%3E%0D%0A%20%20%20%20%3Cg%20transform%3D%22translate%281704%20961%29%22%20fill%3D%22none%22%20stroke%3D%22%23004cff%22%20stroke-width%3D%222%22%3E%0D%0A%20%20%20%20%20%20%3Cellipse%20cx%3D%2228%22%20cy%3D%2227.5%22%20rx%3D%2228%22%20ry%3D%2227.5%22%20stroke%3D%22none%22%2F%3E%0D%0A%20%20%20%20%20%20%3Cellipse%20cx%3D%2228%22%20cy%3D%2227.5%22%20rx%3D%2227%22%20ry%3D%2226.5%22%20fill%3D%22none%22%2F%3E%0D%0A%20%20%20%20%3C%2Fg%3E%0D%0A%20%20%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A');
}
body.wheelbtn .TopMobeBtn{ display:inline-block;}




.onlymobile{
  display: none;
}

.snsbtndiv>.snsbtn {
  display: none;
}

.footercompanyinfo > div > nav > a{
  font-size: 15px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #bfbfbf;
  display:inline-block;
  font-weight: bold;
  float:left;
}
.footercompanyinfo > div > nav > a:hover{ color:#004cff;}
.footercompanyinfo > div > nav > a.personal_agree:hover{ color:#004cff;}
.footercompanyinfo > div > nav > a:after{ content:"|"; font-weight:normal; margin:0 4px; pointer-events:none; color:#bfbfbf;}
.footercompanyinfo > div > nav > a:last-child:after{ content:"";}
.footercompanyinfo > div > nav > a.personal_agree{
	color:rgba(0,0,0,0.7);
}
.footercompanyinfo > div > div > ul{ width:100%; display:inline-block;}
.footercompanyinfo > div > div > ul > li{ display:flex;}
.footercompanyinfo > div > div > ul > li:nth-child(4){ width:auto; float:left;}
.footercompanyinfo > div > div > ul > li:nth-child(4) > div:after{ content:"|"; margin:0 4px; }
.footercompanyinfo > div > div > ul > li > label{ margin-right:4px;
  font-weight: bold;
  font-size: 15px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #bfbfbf;
}
.footercompanyinfo > div > div > ul > li > label:after{ content:" :";}
.footercompanyinfo > div > div > ul > li > div{
font-weight: bold;
  font-size: 15px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #bfbfbf;
}

.footercompanyinfo > div > div > ul > li > div > a{
font-size: 15px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #bfbfbf;
}
.footercompanyinfo > div > div > ul > li > div > a:hover{ color:#004cff;}


#AddressFindDiv{ position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:302; display:flex; align-items:center; justify-content:center;}
#AddressFindDiv > div{ display:inline-block; background-color:#fff;}
#AddressFindDiv > div > form{ padding:30px; width:calc(96% - 60px); max-width:600px;}
#AddressFindDiv > div > form > .searchdiv{ display:flex; flex-grow:1;  align-items:center; justify-content:space-between;}
#AddressFindDiv > div > form > .searchdiv > input[type=text]{ border:0; border-bottom:1px solid #000; font-size:24px; padding:8px 0; flex-grow:1;}
#AddressFindDiv > div > form > .searchdiv > a{ padding:8px 0; min-width:80px; width:80px; text-align:center; display:inline-block; margin-left:4px; font-size:24px; border:1px solid #000;}
#AddressFindDiv > div > form > .searchdiv > a.searchsubmitbtn{ background-color:#000; color:#fff;}
#AddressFindDiv > div > form > .searchdiv > a.searchsubmitbtn:hover{ color:#ffff00;}
#AddressFindDiv > div > form > p{ color:#004cff; font-size:18px; margin:4px 0;}

#AddressFindDiv > div > form > #AddressList{ height:calc(100vh - 300px);}
#AddressFindDiv > div > form > #AddressList > table{ margin-top:30px; table-layout:fixed; width:100%;}
#AddressFindDiv > div > form > #AddressList > table > tbody > tr > th{ border-top:2px solid #000; border-bottom:1px solid #000; padding:12px 8px; font-size:18px;}
#AddressFindDiv > div > form > #AddressList > table > tbody > tr > th:first-child{ width:100px;}

#AddressFindDiv > div > form > #AddressList > table > tbody > tr > td{ border-bottom:1px solid #000; padding:8px; font-size:18px;}
#AddressFindDiv > div > form > #AddressList > table > tbody > tr > td:first-child{ text-align:center;}
#AddressFindDiv > div > form > #AddressList > nav{ display:flex; flex-grow:1;  align-items:center; justify-content:center; padding:30px 0;}
#AddressFindDiv > div > form > #AddressList > nav > a{ border:1px solid #004cff; color:#004cff; padding:8px; margin:4px; display:inline-block; min-width:20px; text-align:center;}
#AddressFindDiv > div > form > #AddressList > nav > a:hover{ background-color:#004cff; color:#fff;}
#AddressFindDiv > div > form > #AddressList > nav > span{ border:1px solid #f1f1f1; padding:8px; margin:4px; display:inline-block; background-color:#f1f1f1; min-width:20px; text-align:center;}
footer>nav{
  margin: 40px 70px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 26px 0;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}
footer>nav a{
  font-family: NotoSansKR;
  font-size: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  margin-right: 60px;
}
footer>nav a.personal_agree{
    font-weight: 900;
}
footer>nav a:first-child{
  margin-left: 70px;
}
footer .footerlogo a h1>img{
  float: left;
}

header > div > nav > ul{ 
  display: flex;
  justify-content: space-between;
  align-items: center;
}

header > div > nav > ul > li{ padding:0 25px; position:relative;}
header > div > nav > ul > li:after{ position: absolute; content: ""; width: 1px; height: 17.4px; background-color: #fff; top: 4px; right:0;}
header > div > nav > ul > li:last-child{ padding-right:0;}
header > div > nav > ul > li:last-child:after{ display:none;}




header>div>ul>li:last-child {
    position: relative;
}
header>div>ul>li:last-child ul{
    display: none;
}
header>div>ul>li:last-child ul li a {
    color: #fff;
}
header>div>ul>li:last-child ul.active{
    display: flex;
    padding: 8px 12px;
    position: absolute;
    left: 0;
    top: 25px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    z-index: 4;
    text-transform: uppercase;
    color: #fff;
}







#HomeMain0H2{ line-height:1.33;}
#HomeMain0H2[data-now-no='0']{ height:303px;}
#HomeMain0H2[data-now-no='1']{ height:403px;}
#HomeMain0H2[data-now-no='2']{ height:303px;}


.Home section > div > div{ z-index:1; background-color:#fff;}
.Home footer{ z-index:1; background-color:#fff; position:relative;}

.Home section > div.main0{ width:100%; float:left; display:inline-block; background-color:#fff;}
.Home section > div.main0 > div{ width:100%; position:relative; float:left;}
.Home section > div.main0 > div .img{ width:100%; height:100%; position:fixed; z-index:1;}
.Home section > div.main0 > div .img > div > video{ 
  width:100%; 
  height:100%; 
  float:left;
  min-height: 100vh;
}

.Home section > div.main0 > div .text{ position:relative; width:100%; min-height:100vh; left:0; top:0; display:flex; align-items: center; z-index:2;}
.Home section > div.main0 > div .text h2{ 
  font-size: 87px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #fff;
  text-transform:uppercase;
  line-height:1.16;
  margin-top:140px;
  margin-bottom:140px;
  margin-left:140px;
  z-index:2;
}


.Home section > div.main1{ width:100%; float:left; position:relative;}
.Home section > div.main1 > div{ width:100%; margin:auto; position:relative;}
.Home section > div.main1 > div .img{ position:absolute; width:100%; height:100%; left:0; top:0;}
.Home section > div.main1 > div .img > div{ }
.Home section > div.main1 > div .img > div > video{ width:100%; height:100%; position:absolute;}
.Home section > div.main1 > div .text{ position:relative; width:100%; min-height:100vh; display:flex; align-items: center; justify-content:center; }
.Home section > div.main1 > div .text > div{ text-align:center; margin:140px 0; width:100%;}
.Home section > div.main1 > div .text > div > h2{ 
  font-size: 67px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.31;
  letter-spacing: normal;
  color: #fff;
  text-transform: uppercase;
}
.Home section > div.main1 > div .text > div > p  {
	margin-top:40px;
  font-size: 25px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.72;
  letter-spacing: normal;
  color: #fff;
  text-transform: uppercase;
}

.Home section > div.main1 > div .text > div > nav > a {
	margin:auto; margin-top:70px;
	width:286px;
	height:76px;
	display:flex;align-items: center; justify-content:center;
	background-color:#fff;
	border:1px solid #004cff;
  font-size: 19px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #004cff;
  text-transform:uppercase;
  position:relative;
}
.Home section > div.main1 > div .text > div > nav > a > .linktext{ display:inline-block; padding:24px 0; transition-duration:0.3s; margin-right:10px;}

.Home section > div.main1 > div .text > div > nav > a > .linkicon{  transition-duration:0.3s; background-repeat:no-repeat; background-position:left center; margin-left:10px;}


.Home section > div.main1 > div .text > div > nav > a:hover{ border-color:#004cff; color:#004cff; background-color: #004cff;}
/* .Home section > div.main1 > div .text > div > nav > a:hover > .linktext{ font-weight:900; padding:24px 60px; color:#fff;} */
/* .Home section > div.main1 > div .text > div > nav > a:nth-child(2):hover > .linktext{ font-weight:900; padding:8px 60px; color:#fff;} */
/* .Home section > div.main1 > div .text > div > nav > a:hover > .linkicon{ margin-right:20px; width:40px; background-image:url(//file.k-friends.kr/data/20220728/080946_0.svg); }
.Home section > div.main1 > div .text > div > nav > a:hover > .linkicon img{ opacity:0;} */

.Home section > div.main1 > div .text > div > nav > a:hover > .linktext{
  font-weight: bold;
  color: #fff;
}
.Home section > div.main1 > div .text > div > nav > a> .linkicon svg g path{
  stroke: rgb(0, 76,255);
}
.Home section > div.main1 > div .text > div > nav > a:hover > .linkicon svg g path{
  stroke: rgb(255, 255,255);
}


.Home section > div.main1 > div .text > div > ul{ display:flex; margin:auto; margin-top:154px; width:100%; max-width:1160px; justify-content: space-between;}
.Home section > div.main1 > div .text > div > ul > li {
	width:173px;
	height:173px;
	display:flex;align-items: center; justify-content:center;
	flex-wrap:wrap;
	background-color:#000;
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: normal;
	line-height: 1.5;
	text-transform:uppercase;
	border-radius:50%;
	border:1px solid #000;
	transition-duration:0.3s;
	position:relative;
	background-repeat:no-repeat; background-position:center center;
}
.Home section > div.main1 > div .text > div > ul > li.Exploretype0{ background-image:url(//file.k-friends.kr/data/20220728/040754_1.svg);}/* thegreategetaway */
.Home section > div.main1 > div .text > div > ul > li.Exploretype1{ 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%22100.706%22%20height%3D%2251.037%22%20viewBox%3D%220%200%20100.706%2051.037%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E%0A%20%20%20%20%20%20%3Crect%20width%3D%22100.706%22%20height%3D%2251.037%22%20fill%3D%22%23ffffff%22%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%20%20%3CclipPath%20id%3D%22clip-path-2%22%3E%0A%20%20%20%20%20%20%3Crect%20width%3D%2296.613%22%20height%3D%2230.315%22%20fill%3D%22%23ffffff%22%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20transform%3D%22translate(0)%22%3E%0A%20%20%20%20%3Cg%20clip-path%3D%22url(%23clip-path)%22%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M5.17%2C281.807a6.018%2C6.018%2C0%2C0%2C1-2.483-2.351%2C6.906%2C6.906%2C0%2C0%2C1-.888-3.543%2C8.149%2C8.149%2C0%2C0%2C1%2C4.158-7.2%2C8.516%2C8.516%2C0%2C0%2C1%2C4.279-1.1%2C7.713%2C7.713%2C0%2C0%2C1%2C3.623.828%2C6.04%2C6.04%2C0%2C0%2C1%2C2.473%2C2.352%2C6.911%2C6.911%2C0%2C0%2C1%2C.888%2C3.542%2C8.166%2C8.166%2C0%2C0%2C1-4.148%2C7.2%2C8.461%2C8.461%2C0%2C0%2C1-4.269%2C1.1%2C7.77%2C7.77%2C0%2C0%2C1-3.633-.828m6.086-3.209a4.214%2C4.214%2C0%2C0%2C0%2C1.514-1.685A5.058%2C5.058%2C0%2C0%2C0%2C13.3%2C274.6a4.1%2C4.1%2C0%2C0%2C0-.414-1.908%2C2.892%2C2.892%2C0%2C0%2C0-1.171-1.221%2C3.514%2C3.514%2C0%2C0%2C0-1.746-.424%2C4.016%2C4.016%2C0%2C0%2C0-2.21.626A4.209%2C4.209%2C0%2C0%2C0%2C6.25%2C273.36a5.053%2C5.053%2C0%2C0%2C0-.535%2C2.311%2C4.028%2C4.028%2C0%2C0%2C0%2C.424%2C1.9A2.958%2C2.958%2C0%2C0%2C0%2C7.31%2C278.8a3.455%2C3.455%2C0%2C0%2C0%2C1.736.424%2C4.015%2C4.015%2C0%2C0%2C0%2C2.21-.626%22%20transform%3D%22translate(-1.557%20-231.598)%22%20fill%3D%22%23ffffff%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M128.552%2C270.712a5.373%2C5.373%2C0%2C0%2C1%2C2.432%2C2.12%2C6.633%2C6.633%2C0%2C0%2C1%2C.878%2C3.543%2C7.794%2C7.794%2C0%2C0%2C1-1.1%2C4.118%2C7.564%2C7.564%2C0%2C0%2C1-3.179%2C2.856%2C10.9%2C10.9%2C0%2C0%2C1-4.925%2C1.04H117.43l2.543-14.372h4.986a8.711%2C8.711%2C0%2C0%2C1%2C3.593.7m-2.836%2C9.81a3.768%2C3.768%2C0%2C0%2C0%2C1.665-1.6%2C5.256%2C5.256%2C0%2C0%2C0%2C.565-2.523q0-3.068-3.431-3.068h-1.292l-1.373%2C7.751h1.171a5.936%2C5.936%2C0%2C0%2C0%2C2.695-.555%22%20transform%3D%22translate(-101.625%20-233.674)%22%20fill%3D%22%23ffffff%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M240.078%2C270.1l-6.278%2C8.115-1.09%2C6.177h-4.057l1.09-6.237-3.431-8.054.02-.081h4.057l1.877%2C4.764%2C3.492-4.764h4.34Z%22%20transform%3D%22translate(-195.852%20-233.674)%22%20fill%3D%22%23ffffff%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M316.722%2C282.251a10.176%2C10.176%2C0%2C0%2C1-2.674-1.11l1.716-3.008a8.923%2C8.923%2C0%2C0%2C0%2C1.978.878%2C6.981%2C6.981%2C0%2C0%2C0%2C2.039.313%2C2.978%2C2.978%2C0%2C0%2C0%2C1.524-.313.961.961%2C0%2C0%2C0%2C.515-.858.85.85%2C0%2C0%2C0-.373-.676%2C5.132%2C5.132%2C0%2C0%2C0-1.363-.636l-1.009-.343a5.984%2C5.984%2C0%2C0%2C1-2.6-1.554%2C3.55%2C3.55%2C0%2C0%2C1-.868-2.463%2C4.421%2C4.421%2C0%2C0%2C1%2C.727-2.493%2C4.848%2C4.848%2C0%2C0%2C1%2C2.18-1.736%2C8.792%2C8.792%2C0%2C0%2C1%2C3.533-.636%2C12.54%2C12.54%2C0%2C0%2C1%2C2.785.3%2C11.723%2C11.723%2C0%2C0%2C1%2C2.4.807l-1.514%2C3.028a11.637%2C11.637%2C0%2C0%2C0-1.948-.6%2C9.194%2C9.194%2C0%2C0%2C0-1.907-.212q-2.2%2C0-2.2%2C1.191a.748.748%2C0%2C0%2C0%2C.313.636%2C3.087%2C3.087%2C0%2C0%2C0%2C.858.414l1.11.384a9.836%2C9.836%2C0%2C0%2C1%2C2.463%2C1.161%2C3.355%2C3.355%2C0%2C0%2C1%2C1.181%2C1.322%2C4.063%2C4.063%2C0%2C0%2C1%2C.313%2C1.655%2C4.612%2C4.612%2C0%2C0%2C1-.727%2C2.584%2C4.755%2C4.755%2C0%2C0%2C1-2.1%2C1.726%2C7.945%2C7.945%2C0%2C0%2C1-3.27.616%2C12.108%2C12.108%2C0%2C0%2C1-3.078-.384%22%20transform%3D%22translate(-271.78%20-231.598)%22%20fill%3D%22%23ffffff%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M404.907%2C282.251a10.172%2C10.172%2C0%2C0%2C1-2.674-1.11l1.716-3.008a8.914%2C8.914%2C0%2C0%2C0%2C1.978.878%2C6.979%2C6.979%2C0%2C0%2C0%2C2.039.313%2C2.978%2C2.978%2C0%2C0%2C0%2C1.524-.313.961.961%2C0%2C0%2C0%2C.515-.858.849.849%2C0%2C0%2C0-.373-.676%2C5.129%2C5.129%2C0%2C0%2C0-1.362-.636l-1.009-.343a5.986%2C5.986%2C0%2C0%2C1-2.6-1.554%2C3.55%2C3.55%2C0%2C0%2C1-.868-2.463%2C4.422%2C4.422%2C0%2C0%2C1%2C.727-2.493%2C4.847%2C4.847%2C0%2C0%2C1%2C2.18-1.736%2C8.791%2C8.791%2C0%2C0%2C1%2C3.533-.636%2C12.543%2C12.543%2C0%2C0%2C1%2C2.786.3%2C11.726%2C11.726%2C0%2C0%2C1%2C2.4.807l-1.514%2C3.028a11.626%2C11.626%2C0%2C0%2C0-1.948-.6%2C9.2%2C9.2%2C0%2C0%2C0-1.908-.212q-2.2%2C0-2.2%2C1.191a.748.748%2C0%2C0%2C0%2C.313.636%2C3.088%2C3.088%2C0%2C0%2C0%2C.858.414l1.11.384a9.829%2C9.829%2C0%2C0%2C1%2C2.462%2C1.161%2C3.355%2C3.355%2C0%2C0%2C1%2C1.181%2C1.322%2C4.062%2C4.062%2C0%2C0%2C1%2C.313%2C1.655%2C4.61%2C4.61%2C0%2C0%2C1-.727%2C2.584%2C4.754%2C4.754%2C0%2C0%2C1-2.1%2C1.726%2C7.946%2C7.946%2C0%2C0%2C1-3.27.616%2C12.106%2C12.106%2C0%2C0%2C1-3.078-.384%22%20transform%3D%22translate(-348.096%20-231.598)%22%20fill%3D%22%23ffffff%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M501.909%2C273.326l-.4%2C2.3h6.459l-.545%2C3.169H500.94l-.4%2C2.281h6.9l-.606%2C3.31H496.116l2.543-14.372h10.759l-.585%2C3.31Z%22%20transform%3D%22translate(-429.344%20-233.674)%22%20fill%3D%22%23ffffff%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M614.564%2C270.1l-6.278%2C8.115-1.09%2C6.177h-4.057l1.09-6.237L600.8%2C270.1l.02-.081h4.057l1.877%2C4.764%2C3.492-4.764h4.339Z%22%20transform%3D%22translate(-519.936%20-233.674)%22%20fill%3D%22%23ffffff%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Cg%20transform%3D%22translate(2.047%201.425)%22%3E%0A%20%20%20%20%3Cg%20transform%3D%22translate(0%200)%22%20opacity%3D%220.98%22%20clip-path%3D%22url(%23clip-path-2)%22%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M23.077%2C10.54a.584.584%2C0%2C0%2C0%2C.572-.144%2C14.566%2C14.566%2C0%2C0%2C1%2C5.406-3.373c2.994-.927%2C20.761-.555%2C23.086-.5a.59.59%2C0%2C0%2C0%2C.432-.175l4.782-4.807A.609.609%2C0%2C0%2C0%2C56.937.5l-31-.135H25.9c-.412.029-6.625.516-9.453%2C3.187-1.633%2C1.542-2.679%2C2.6-3.286%2C3.231a.611.611%2C0%2C0%2C0%2C.268%2C1.008Z%22%20transform%3D%22translate(-7.101%20-0.198)%22%20fill%3D%22%23ffffff%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M51.724%2C26.821c.476-.435%2C23.19-.306%2C23.19-.306s2.006-.17.612%2C3.094-1.224%2C2.924-4.964%2C2.924-12.683.34-14.043-.51-5.576-4.488-4.794-5.2%22%20transform%3D%22translate(-28.222%20-14.484)%22%20fill%3D%22%23ffffff%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M8.847%2C26.031c4.152.046%2C5.626-.157%2C6.052.68.436.856-.844%2C1.584-1.428%2C4.046-.161.68-.841%2C3.9.8%2C5.667.947%2C1.02%2C2.322%2C1.08%2C3.38%2C1.269%2C2.856.51%2C11.731%2C0%2C11.731%2C0s1.326.255%2C2.04-1.632a3.306%2C3.306%2C0%2C0%2C1%2C1.127-1.711.741.741%2C0%2C0%2C1%2C.524-.1c1.332.233%2C9.946%2C1.764%2C10.182%2C2.469.255.765-1.275%2C7.191-8.569%2C7.191H8.086a7.422%2C7.422%2C0%2C0%2C1-3.723-.984A8.026%2C8.026%2C0%2C0%2C1%2C.007%2C35.5c.123-3.157-.17-7.673%2C2.4-9.334.865-.56%2C1.106-.195%2C6.443-.136%22%20transform%3D%22translate(0%20-14.136)%22%20fill%3D%22%23ffffff%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M122.493%2C32.693s-8.289-.278-10.2-4.836a.671.671%2C0%2C0%2C1%2C.617-.932h32.187s8.709-.047%2C10.218%2C4.862a.67.67%2C0%2C0%2C1-.64.864Z%22%20transform%3D%22translate(-61.353%20-14.718)%22%20fill%3D%22%23ffffff%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M158.916.24a.776.776%2C0%2C0%2C1%2C.621%2C1.236%2C22.986%2C22.986%2C0%2C0%2C1-4.458%2C4.536c-1.275.663-18.99.476-18.99.476s-4.778-.221-7.072%2C1.36-2.04%2C2.295-3.213%2C2.04S115.61%2C8.067%2C115.4%2C7.083c-.153-.714%2C5.224-5.656%2C10.66-6.477%2C7.089-1.071%2C27.75-.4%2C32.857-.366%22%20transform%3D%22translate(-63.079%200)%22%20fill%3D%22%23ffffff%22%2F%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M107.9%2C48.628c1.536-1.215%2C2.9-.83%2C10.643-.612%2C4.888.138%2C9.687.136%2C9.715.136h.009c.261%2C0%2C.6%2C0%2C.6%2C0a13.36%2C13.36%2C0%2C0%2C0%2C5.245-1.568c1.736-1.066%2C1.7-1.916%2C3.094-2.176a6.013%2C6.013%2C0%2C0%2C1%2C2.176.17c2.463.412%2C4.012.816%2C4.012.816%2C3.16.825%2C4.741%2C1.237%2C4.862%2C1.632.435%2C1.415-3.416%2C4.147-7.047%2C5.627-2.885%2C1.176-5.187%2C1.38-8.968%2C1.683-3.558.285-3.962.036-12.717.068-2.743.01-5.487-.076-8.229%2C0-4.833.133-7.645.449-7.957-.476-.158-.468.654-1.332%2C2.278-3.06a26.933%2C26.933%2C0%2C0%2C1%2C2.278-2.244%22%20transform%3D%22translate(-56.48%20-24.254)%22%20fill%3D%22%23ffffff%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");}/* gs safari */
.Home section > div.main1 > div .text > div > ul > li.Exploretype2{ background-image:url(//file.k-friends.kr/data/20220728/040754_4.svg);}/* trancecontinental */
.Home section > div.main1 > div .text > div > ul > li.Exploretype3{ background-image:url(//file.k-friends.kr/data/20220818/043405_0.svg);}/* tran eurasia */
.Home section > div.main1 > div .text > div > ul > li.Exploretype4{ background-image:url(//file.k-friends.kr/data/20220728/040754_2.svg);}/* tour */
.Home section > div.main1 > div .text > div > ul > li > a{ position:absolute; left:0; top:0; width:80%; height:100%; display:flex;align-items: center; justify-content:center; padding:0 10%;; margin-top:-1px; border-radius:50%; opacity:0;  background-color:rgba(0,0,0,0); transition-duration:0.3s;}
.Home section > div.main1 > div .text > div > ul > li > a > span > span{ display:inline-block; color:#fff;	transition-duration:0.3s;}
.Home section > div.main1 > div .text > div > ul > li:hover > a{ border:1px solid #004cff;color: #004cff; opacity:1; background-color:rgba(0,0,0,1);}
.Home section > div.main1 > div .text > div > ul > li:hover > a > span > span{ color:#004cff;}














.Home section > div.main2{ width:100%; float:left; background-color:#fff; position:relative;}
.Home section > div.main2 > div{ width:100%; margin:auto; position:relative;}
.Home section > div.main2 > div > div > .img{ width:100%; height:100%; position:absolute; display:flex;align-items: center; overflow:hidden;}
.Home section > div.main2 > div > div > .img video{ width:100%; height:100%; float:left; position:absolute;  }

.Home section > div.main2 > div > div > .img > div{ display:inline-block; }

.HomeEventlist{ display:inline-block; overflow:hidden; height:890px; position:relative; width:5000px; transition-duration:1s;}

.HomeEventlist > li{ transition-duration:1s; background-size:cover; background-position:center center; display:inline-block; margin:45px; float:left;}
.HomeEventlist > li > div{ transition-duration:1s; }
.HomeEventlist > li:nth-child(1) > div{background-image:url(//file.k-friends.kr/img/20220729/064418_0.jpg)}
.HomeEventlist > li:nth-child(2) > div{background-image:url(//file.k-friends.kr/img/20220729/064418_1.jpg)}
.HomeEventlist > li:nth-child(3) > div{background-image:url(//file.k-friends.kr/img/20220729/064418_2.jpg)}
.HomeEventlist > li:nth-child(4) > div{background-image:url(//file.k-friends.kr/img/20220729/064418_3.jpg)}
.HomeEventlist > li:nth-child(5) > div{background-image:url(//file.k-friends.kr/img/20220729/064418_4.jpg)}
.HomeEventlist > li:nth-child(6) > div{background-image:url(//file.k-friends.kr/img/20220729/064418_5.jpg)}
.HomeEventlist > li:nth-child(7) > div{background-image:url(//file.k-friends.kr/img/20220729/064418_0.jpg)}

.HomeEventlist > li > div{background-size:cover; background-position:center center; display:inline-block;}
.HomeEventlist > li:nth-child(1) > div{ width:400px; height:476px; margin-top:100px; border-radius:0; }
.HomeEventlist > li:nth-child(2) > div{ width:370px; height:676px; margin-top:0; border-radius:0; }
.HomeEventlist > li:nth-child(3) > div{ width:463px; height:466px; margin-top:379px; border-radius:50%; }
.HomeEventlist > li:nth-child(4) > div{ width:400px; height:435px; margin-top:161px; border-radius:0;}
.HomeEventlist > li:nth-child(5) > div{ width:370px; height:676px; margin-top:0; border-radius:0; opacity:1;}
.HomeEventlist > li:nth-child(6) > div{ width:463px; height:466px; margin-top:379px; border-radius:50%;}
.HomeEventlist > li:nth-child(7) > div{ width:400px; height:476px; margin-top:100px; border-radius:0; }


.homeeventroll1{ margin-left:-70px;}
.homeeventroll1 > li:nth-child(1) > div{ opacity:0;}
.homeeventroll1 > li:nth-child(2) > div{ opacity:0.17;}
.homeeventroll1 > li:nth-child(3) > div{ opacity:1;}
.homeeventroll1 > li:nth-child(4) > div{ opacity:1;}
.homeeventroll1 > li:nth-child(5) > div{ opacity:1;}
.homeeventroll1 > li:nth-child(6) > div{ opacity:1;}
.homeeventroll1 > li:nth-child(7) > div{ opacity:1;}


.homeeventroll2{ margin-left:-770px;}
.homeeventroll2 > li:nth-child(1) > div{ opacity:0;}
.homeeventroll2 > li:nth-child(2) > div{ opacity:0;}
.homeeventroll2 > li:nth-child(3) > div{ opacity:0.17;}
.homeeventroll2 > li:nth-child(4) > div{ opacity:1;}
.homeeventroll2 > li:nth-child(5) > div{ opacity:1;}
.homeeventroll2 > li:nth-child(6) > div{ opacity:1;}
.homeeventroll2 > li:nth-child(7) > div{ opacity:1;}

.homeeventroll3{ margin-left:-1270px;}
.homeeventroll3 > li:nth-child(1) > div{ opacity:0;}
.homeeventroll3 > li:nth-child(2) > div{ opacity:0;}
.homeeventroll3 > li:nth-child(3) > div{ opacity:0;}
.homeeventroll3 > li:nth-child(4) > div{ opacity:0.17;}
.homeeventroll3 > li:nth-child(5) > div{ opacity:1;}
.homeeventroll3 > li:nth-child(6) > div{ opacity:1;}
.homeeventroll3 > li:nth-child(7) > div{ opacity:1;}


.homeeventroll4{ margin-left:-1569px;}
.homeeventroll4 > li:nth-child(1) > div{ opacity:0;}
.homeeventroll4 > li:nth-child(2) > div{ opacity:0;}
.homeeventroll4 > li:nth-child(3) > div{ opacity:0;}
.homeeventroll4 > li:nth-child(4) > div{ opacity:0;}
.homeeventroll4 > li:nth-child(5) > div{ opacity:0.17;}
.homeeventroll4 > li:nth-child(6) > div{ opacity:1;}
.homeeventroll4 > li:nth-child(7) > div{ opacity:1;}


.homeeventroll5{ margin-left:-1869px;}
.homeeventroll5 > li:nth-child(1) > div{ opacity:0;}
.homeeventroll5 > li:nth-child(2) > div{ opacity:0;}
.homeeventroll5 > li:nth-child(3) > div{ opacity:0;}
.homeeventroll5 > li:nth-child(4) > div{ opacity:0;}
.homeeventroll5 > li:nth-child(5) > div{ opacity:0;}
.homeeventroll5 > li:nth-child(6) > div{ opacity:0.17;}
.homeeventroll5 > li:nth-child(7) > div{ opacity:1;}




.Home section > div.main2 > div > div .text{ position:relative; width:834px; min-height:100vh; left:0; top:0; display:flex; align-items: center;  }
.Home section > div.main2 > div > div .text > div{ margin-left:140px; margin-top:80px; margin-bottom:80px; }
.Home section > div.main2 > div > div .text > div > h2{ 
font-size:65px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.Home section > div.main2 > div > div .text > div > h2 > span{ color:#2659ff;}

.Home section > div.main2 > div > div .text > div > p{
margin-top:40px;
  font-size: 26px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.73;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.Home section > div.main2 > div > div .text > div > nav > a {
margin-top:70px;
	width:286px;
	height:84px;
	display:flex;align-items: center; justify-content:space-between;
	background-color:#fff;
	border:1px solid #004cff;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #004cff;
  text-transform:uppercase;
  position:relative;
}

.Home section > div.main2 > div > div .text > div > nav > a > .linktext{ display:inline-block; padding:24px 0; padding-left:70px; transition-duration:0.3s;}

.Home section > div.main2 > div > div .text > div > nav > a > .linkicon{  transition-duration:0.3s; margin-right:50px; background-repeat:no-repeat; background-position:center center;}


.Home section > div.main2 > div > div .text > div > nav > a:hover{ background-color:#004cff; color:#004cff;}
.Home section > div.main2 > div > div .text > div > nav > a:hover > .linktext{ font-weight:900;  color:#fff;}
/* .Home section > div.main2 > div > div .text > div > nav > a:hover > .linkicon{ margin-right:20px; width:40px; background-image:url(//file.k-friends.kr/data/20220728/080946_0.svg); }
.Home section > div.main2 > div > div .text > div > nav > a:hover > .linkicon img{ opacity:0;} */
.Home section > div.main2 > div > div .text > div > nav > a > .linkicon svg g path{
  stroke: rgb(0, 76,255);
}
.Home section > div.main2 > div > div .text > div > nav > a:hover > .linkicon svg g path{
  stroke: rgb(255, 255,255);
}
/*.Home section > div.main2 > div .text > div > nav > a > svg{ margin-left:45.3px;}*/




.Home section > div.main3{ width:100%; float:left; background-color:#fff; position:relative;}
.Home section > div.main3 > div{ width:100%; margin:auto; min-height:100vh; position:relative; flex-flow:row-reverse; display:flex; justify-content:space-around;}

.Home section > div.main3 > div .img{ display:flex; align-items: center; justify-content:center;}
.Home section > div.main3 > div .img video{ border-radius:124px; transition-duration:0.3s; width:586px; height:586px;}
.Home section > div.main3 > div .img video:hover{ border-radius:60px;}

.Home section > div.main3 > div .text{ position:relative; width:540px; left:0; top:0; display:flex; align-items: center; background-color:rgba(255,255,255,0.17); order:1; margin:100px 0;}
.Home section > div.main3 > div .text > div{  width:100%; }
.Home section > div.main3 > div .text > div > aside{
  opacity: 0.27;
  font-size: 22px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.73;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.Home section > div.main3 > div .text > div > h2{
  font-size: 65px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.22;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}

.Home section > div.main3 > div .text > div > h2 > span {
  color: #2659ff;
}

.Home section > div.main3 > div .text > div > p{
  margin-top: 29px;
  font-size: 26px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.73;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.Home section > div.main3 > div .text > div > nav{ display:flex; margin-top:40px;}
.Home section > div.main3 > div .text > div > nav > a{margin-right:30px;}

/*
.Home section > div.main3 > div .text > div > nav > a{ width:178px; height:57px; color:#fff; background-color:#000; border-radius:12px; display:flex; justify-content: center;align-items: center; margin-right:30px;}
*/







/* 스페셜 라이딩 부분 작업하기 */
.speicalsection{
  margin-top: 120px;
}
.specialheader{
  background-image: url(https://file.k-friends.kr/img/20221107/105004_0.jpg);
  height: 624px;
  position: relative;
}
.specialheader .centertext{
  position: absolute;
  z-index: 99;
  background: none;
  color: #fff;
  left: 50%; transform:translate(-50%, -50%);
  top: 234px;
}
.specialheader .centertext img{
 margin: 0 auto;
 display: block;
}
.specialheader .centertext h2{
  margin-top: 7.7px;
  margin-bottom: 7.7px;
  font-family: NotoSansKR;
  font-size: 62px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
.specialheader .centertext h2 span{
  font-weight: 300;
}
.specialheader .centertext p{
  font-family: NotoSansKR;
  font-size: 22px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}



.speicalsection .swiper-container{
  width: 1473px;
  height: auto;
  display: block;
  margin: 0 auto;
  margin-top: 60px;
}
.speicalsection .swiper-container .swiper-slide{
  position: relative;
}
.speicalsection .swiper-container .swiper-slide img{
  width: 1307px;
  height: auto;
  display: block;
  margin: 0 auto;
}

.speicalsection .swiper-container .swiper-slide .slidetext{
  position: absolute;
  left: 113px;
  bottom: 32px;
}
.speicalsection .swiper-container .swiper-slide .slidetext h2{
  font-family: NotoSansKR;
  font-size: 25px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.44;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
.speicalsection .swiper-container .swiper-slide .slidetext p{
  font-family: NotoSansKR;
  font-size: 38px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
.speicalsection .swiper-container .swiper-slide .slidebutton{
  position: absolute;
  right: 124px;
  bottom: 40px;
  background-color: #fff;
  font-family: NotoSansKR;
  font-size: 19px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 48px;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  width: 196px;
  height: 48px;
  border: 1px solid #000;
}
.speicalsection .swiper-container .swiper-slide .slidelogo{
  position: absolute;
  top: 50px;
  right:124px;
}
.speicalsection .swiper-container .swiper-slide .slidelogo path{
  fill:#fff
}


.speicalsection .swiper-container .swiper-button-prev{
  background-color:transparent;
  background-image: url(https://file.k-friends.kr/img/20220819/030506_1.png);
}
.speicalsection .swiper-container .swiper-button-next{
  background-color:transparent;
  background-image: url(https://file.k-friends.kr/img/20220819/030506_0.png);
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
  right: 0px;
}
.speicalsection .swiper-container .swiper-button-prev{
  left: 0px;
}





/* 기사 부분 */
.speicalsection article{
  width: 1307px;
  margin: 0 auto;
  display: block;
  margin-top: 32px;
  margin-bottom: 84px;
}
.speicalsection article>div{
  display: flex;
  justify-content: space-between;
 align-items: center; 
}
.speicalsection article>div>div:first-child{
  margin-right: 38px;
}
.speicalsection article>div>div:last-child h2{
  font-family: NotoSansKR;
  font-size: 47px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.28;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.speicalsection article>div>div:last-child p{
  font-family: NotoSansKR;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.83;
  letter-spacing: normal;
  text-align: left;
  color: #7d7d7d; 
  margin-top: 14px;
}
.speicalsection article>div>div:last-child .artibutton{
  width: 196px;
  height: 48px;
  background-color: #000;
  font-family: NotoSansKR;
  font-size: 19px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 48px;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  margin-top: 30px;
  margin-bottom: 40px;
}
.speicalsection article>div>div:last-child div:last-child{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.speicalsection article>div>div:last-child div:last-child img{
  width: 684px;
  height: auto;
}




/* 하단 부분 */
.boarti{
  margin-top: 114px;
}
.boarti h2{
  font-family: NotoSansKR;
  font-size: 62px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.21;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}
.boarti h2 span{
  font-weight: normal;
}
.boarti p{
  font-family: NotoSansKR;
  font-size: 22px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  margin-top: 9px;
}
.boarti .logogallery{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 660px;
  margin: 0 auto;
  margin-top: 76px;
  margin-bottom: 92px;
}
.boarti>.articel{
  width: 1304px;
  display: flex;
  margin: 0 auto;
  height: 584px;
}
.boarti .articel .ar1{
  position: relative;
}
.boarti .articel .ar1 img{
  width: 504px;
  height: 392px;
  display: block;
}
.boarti .articel .ar1 img:nth-child(2){
  height: 192px;
}
.boarti .articel .ar1 .ar1text{
  position: absolute;
  top: 196px;
  left: 32px;
}
.boarti .articel .ar1 .ar1text h2{
  font-family: NotoSansKR;
  font-size: 38px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  position: relative;
}
.boarti .articel .ar1 .ar1text h2::after{
  position: absolute;
  content: "";
  height: 3px;
  width: 60px;
  background-color: #fff;
  bottom: -17px;
  left: 0;
}
.boarti .articel .ar1 .ar1text p{
  font-family: NotoSansKR;
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  margin-top: 34px;
}







.boarti .articel .ar2 img{
  width: 440px;
  height: 584px;
}
.boarti .articel .ar2{
  position: relative;
}
.boarti .articel .ar2 .ar2logo{
  position: absolute;
  top: 16px;
  right: 30px;
}
.boarti .articel .ar2 .ar2logo img{
  width: 204px;
  height: auto;
}
.boarti .articel .ar2 .ar2text{
  position: absolute;
  bottom: 28px;
  left: 23px;
  

}
.boarti .articel .ar2 .ar2text h2{
  font-family: NotoSansKR;
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
.boarti .articel .ar2 .ar2text h2 span{
  font-family: NotoSansKR;
  font-size: 31px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.45;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}

.boarti .articel .ar3 img{
  width: 360px;
  height: 192px;
  display: block;
}
.boarti .articel .ar3 img:nth-child(2){
  height: 392px;
}
.viddd{
  width: 1307px;
  display: flex;
  margin: 0 auto;
  margin-bottom: 160px;
}
.viddd video{
  margin: 0;
}



.Home section > div.main1 > div .text > div>nav{
  width: 720px;
  display: flex;
  margin: 0 auto;
  justify-content: space-evenly;
  align-items: center;
}
















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