/********************************************************************************************************************************************************************
	HEADER
********************************************************************************************************************************************************************/

#header {border-bottom:1px solid #e1e1e1; margin-bottom:20px;}
#header .header-inner {height:70px; display:flex; align-items:center; position:relative;}
#header .header-inner h1.logo a {display:block;}
#header .header-inner h1.logo a img {vertical-align:middle;}


/* 수정후 */
.nav.pcVer {height:100%; margin-left:0px;}
.nav.pcVer .gnb {height:100%; display:flex;}
.nav.pcVer .gnb li {position:relative; height:50px}
.nav.pcVer .gnb > li.on > a {color: var(--primary);}
.nav.pcVer .gnb >  li > a {display:flex; align-items:center; height:100%; color:#4a4a4a; padding:0 18px; font-size:1.125rem; font-weight:600; display:block;}




/* 수정후 */
.nav.pcVer {height:100%; margin-left:0px;  position: relative; z-index:10}
.nav.pcVer .gnb {
    height: 100%;
    display: flex;
    justify-content: space-between;
    width: 1280px;
    margin: 0px auto;
}
.nav.pcVer .gnb li {position:relative; height:50px; text-align:center; width:100%;}
.nav.pcVer .gnb > li.on > a {color: var(--primary);}
.nav.pcVer .gnb >  li > a {display:flex; align-items:center; height:100%; color:#4a4a4a; padding:0 30px; font-size:1.125rem; font-weight:600; display:block;}

 .nav.pcVer .nav-dropdown
{position:absolute; top:99%; transform:translateX(-50%); left:50%; width:140px; height: 250px; ; background:#fff; display:none; z-index:2; font-size:14px; border-top:1px solid #ccc;}
.nav.pcVer .nav-dropdown.active {top:100%; opacity:1; display:block;}
 .nav.pcVer .nav-dropdown li a {display:block; padding:6px 16px; width:100%; text-align:center; color:#666;}
.nav.pcVer .nav-dropdown li:hover {font-weight:600; color:#1DB58C;}





#header .header-inner .user-menu2 {display:flex; position:absolute; right:0;}
#header .header-inner .user-menu2 li {position:relative;}
#header .header-inner .user-menu2 li a {display:block; padding:0 12px; font-weight:600;}
#header .header-inner .user-menu2 li:not(:last-child):before {content:""; display:block; width:1px; height:0.875rem; border-right:1px solid #ddd; position:absolute; top:50%; transform:translateY(-50%); right:0;}

#header .header-inner .user-menu2 li .total-menu {cursor:pointer;}
#header .header-inner .user-menu2 li .total-menu span {display:inline-block; padding:0 12px; position:relative; color:#222; font-weight:600;}

#header .header-inner .user-menu2 li .total-menu span:hover {color: var(--primary);}
#header .header-inner .user-menu2 li .total-menu span:first-child:after {content:""; display:block; width:1px; height:0.875rem; border-right:1px solid #ddd; position:absolute; top:50%; transform:translateY(-50%); right:-2px;}

	.layout_wrap{
		width:1280px;
		margin:0px auto;
		/* border-left:1px solid #000;
		border-right:1px solid #000; */
	}

	.header-up{
		display: flex;
		height:126px;
		align-items: center;
		justify-content: space-between;
		margin-bottom:15px;
	}
	
	.header-up .header_logo{
		background-image: url("/images/common/m4-logo.jpg");
		background-size:cover;
		width:270px;
		height:108px;
		background-position-x : -43px;
		}

/* 	.foot-left .foot-logo{
		background-image: url("/images/common/m4-logo.jpg");
		background-size:cover;
		width:155px;
		height:108px;
		background-position-x : -43px;
		background-position-y : 9px;
		} */
	
	.search_box {
		width:40%;
	}


	.search_box .inputTXT{
		width:400px;
		height:48px;
		padding:  0 46px 0 24px;
		background:#fff;
		border: 2px soild #1DB58C;
		border-radius:24px;
	}

	/* 로그인 회원가입 */
	.header-r .user-menu1{
		display:flex;
		justify-content: right;
		margin-right:15px;
	/* 	justify-content: space-around; */
	}
	.header-r .user-menu1 li span{
		display:inline-block;
		margin-left:10px;
		font-size:16px;
		cursor: pointer;
	}
	.header-r .user-menu1 li span:first-child{
		color:#f00;
	}

	/* 마이페이지 내근처 채팅 */
		.header-r .user-menu2{
		display:flex;
	}

	.header-r .user-menu2 li{
		background-img:
	}

	.header-r .user-menu2 li a{
		margin-right:20px;
		font-size:14px;
	}
	
	.header-r .user-menu2 li a img{
		background:#ccc;
		width:48px;
		height:48px;
	}

	#header .layout_wrap .nav.pcVer .gnb {
		justify-content : space-between;
		padding:26px 0 26px 0;
	}
	
	.qick-menu-wrap{
		width:100%;
		padding:0 20px 0px;
		margin:0px auto;
	}

	.qick-menu {
		width:1280px;
		/*height:144px;*/
		margin:0px auto;
	}
	
	.m-scroll_hend{display:none;}

	.qick-menu ul{
		display: flex;
		justify-content:space-around;
	}
	.qick-menu li a{
		display: block;
		text-align:center;
		font-size:15px;
	}

	.qick-menu li a img{
		display:block;
		border:1px solid: #000;
		box-sizing:border-box;
		max-width:100%;
		max-height:100%;
		width:100px;
		height:100px;
	}


	.qick-menu li a span{
		display:block;
		margin-top:10px;
		font-size:16px;
	}


	/* 클럽 목록 */
	.title-area .h2-2{
	 margin:0px auto;
	 font-size:40px;
	}
	
	.clubList-wrap{
		gap: 80px 20px;
	}

	.clubList-wrap .clubList-item {
		width: calc(25% - 15px);
	}
	 .price__{
	 font-size:18px;
	 margin-top:10px;
    font-weight: 700;
    color: var(--primary);
	}

	.clubList-wrap .clubList-item .item-title{
		font-size:16px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		display:block;
		min-height:0px;
	}
	.mypage-cont .clubList-wrap .clubList-item .both, .clubList-wrap .clubList-item .item-memo {
		max-width: 100%;
		margin-top: 6px;
		line-height: 1.48;
		font-size: 14px;
		font-weight: 500;
		color: #999;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		display: block;
	}	


	/* 슬라이드 */
    .swiper-container {
      width: 100%;
	  padding:20px 0 100px 0;

    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
	  justify-content: center;
      align-items: center;
	  /* width: 1280px ; */
      height: 500px ;
      /* border-radius: 20px; */
    }
	

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
	  background-color: #f0f0f0;
      /*box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);*/
	   box-shadow: 0 17px 20px -18px rgba(0, 0, 0, 0.5);    
    }

	
    .swiper-pagination {
      position: absolute;
      bottom: 20px;
      left: 50%;
      transform: translateX(-50%);
    }
	
	/* 버튼 */

 	.swiper-button-prev{
		background-image: url("/images/common/icon__swiper-arrow--white.png");
		background-size: cover;
		width: 55px;
		height: 55px;
		transform: rotate(-180deg);
		left:50%;
		margin-left:-667px;
	}
	.swiper-button-next{
		background-image: url("/images/common/icon__swiper-arrow--white.png");
		background-size: cover;
		width: 55px;
		height: 55px;
		left:50%;
		margin-left:610px;
	}


	.swiper-pagination {
		position: absolute;
		left: 50%;
		bottom: 25px;
		width: auto;
		min-width: 80px;
		height: 38px;
		line-height: 38px;
		font-size: 15px;
		color: #fff;
		transform: translateX(-50%);
		background-color: #12121266;
		border-radius: 19px;
		z-index: 1;
	}



	/* fixhead */
	#h-fixed{
		height:68px;
		background-color: #fff;
		position: fixed;
		top: 0px;
		right: 0;
		left: 0;
		z-index: 30;
		border-bottom: 2px solid #1DB58C;

	}
	.fix-h1 {
		width: 300px;
		display: flex;
		align-items: center;
	}
	.fix-h1 img{
		width:165px;height:55px;
	}
	
	 #h-fixed.visible {
      display: block;
      opacity: 1;
	  height:66px;
    }

	.fix-wrap{
		display:flex;
		justify-content:space-between;
		height:66px;
		width:1280px;
		margin:0 auto;
	}
	.fix-wrap .util-wrap2{padding-top:7px;}

	.fix-nav{ 
	width:10%;
	}
	
	.fix-nav .toggle{ 
		line-height:60px;
	}

	.fix-nav .toggle::before{ 
		content: '';
		width: 18px;
		height: 18px;
		margin-right: 12px;
		background-image: url("/images/common/fix-toggle.png");
		vertical-align: bottom;
		display: inline-block;
		position: relative;
		top: -22px;
	}

	.util-wrap2 {
		position: relative;
	}
	.util-wrap2 input[type="text"]:focus {
		outline: none;
	}
	.lnr.search-icon { 
		position: absolute;
		top: 50%;
		right:50px;
		transform:translate(0%, -50%);
		font-size:1.2rem;
		color: #000;
		font-weight: 700;
	}


	.f-lnb{
		display:flex;
		flex-wrap:wrap;
		padding:10px;
		width:1350px;
		margin:0px auto;
	}

	.f-lnb .f-lnb2{
		width:20%;
		margin-bottom:30px;
	}
	.f-lnb .f-lnb2 ul li{
		color:#999;
		margin:15px auto 20px;
	}



/* center */
	.f-head{
	width:500px;
	margin-top:10px;
	
	}

#keyword{
	width: 100%;
    height: 45px;
    padding-right: 40px;
    padding-left: 20px;
    background-color: transparent;
    font-size: 14px;
	outline:none;
	color:#666;
	border: 2px solid #1DB58C;
    border-radius: 24px;
}

/* right */
	.f-headlink{ 
		border: 1px solid #000; width:15%;
		display:flex;
		flex-wrap:wrap
	}

	 .flink-left{
	  width:10%;
	  line-height:60px;
	  font-size:12px;
	  
	 }
	 .flink-left ul{
		display:flex;
		justify-content:space-around;
	

	}
	 .flink-left ul li{
		width:100%;
		padding:0 17px 0;
		font-size:16px;
	}


	.flink-right {
	  width:10%;
	  line-height:60px;
	  font-size:12px;
	}
	.flink-right ul{
		display:flex;
		justify-content:space-around;
	}
	.flink-right ul li{
		width:100%;
		padding-top:8px;
	}
	.flink-right ul li img{
		background:#ccc;
		width:26px; 
		height:26px;
	}


/* 헤더복사 */

.util-wrap2 input[type="text"] {
    width: 500px ;
	height:50px;
    padding: 10px 10px 10px 20px;
    border: 2px solid #1DB58C  ;
    border-radius: 25px;

}

/* ================== 헤더전체 ================== */
.util-wrap2 .all-menu-mo{display:none;}
header{
	width:100%;
	height:150px;
	background:#fff;
	text-align:center;	
	position:relative;  
	border-bottom:2px solid #1DB58C;
	box-sizing:border-box;
	z-index:10000;
}
.header-in{width:1280px; margin:0 auto;}

.pc-logo{
	text-align:left;
	/* width: 300px; */
	height: 100px;
	}
.pc-logo a>img {width:55%; 	margin: 25px 0 0 10px;}
.pc-gnb{width:1280px; margin:0 auto;}



/* ================== 유틸메뉴 ================== */
.util_allwrap {width:100%; display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center;}
.util-wrap1{width:380px; box-sizing:border-box;display:flex; flex-flow:row; justify-content:right;align-items:center}
.util-wrap2{width:555px; box-sizing:border-box;display:flex; flex-flow:row; justify-content:center;}
.util-wrap1 li{
	line-height:25px;
	padding:0 5px;
	box-sizing:border-box;
	color:#333;
	font-size:14px; 
}
/* .util-wrap1 a.top_round {border:1px solid #e2e2e2; width:100px; padding:5px 25px; border-radius:20px;} */
.util-wrap1 a.top_round {border:1px solid #e2e2e2; /* width:100px; */ padding:10px 25px; border-radius:20px;}
@media screen and (min-width:769px) and (max-width:1199px) {
.util-wrap1 a.top_round {display:block;}
}
@media screen and (max-width:768px) {
.util-wrap1 a.top_round {display:block;}
}


/* ///// 주메뉴 ///// */
.gnbMenu{width:1280px;height:50px; display:flex; flex-flow:row nowrap; justify-content:space-between;align-items:center;}
.gnbMenu>li{
	margin:0 auto;
	position: relative;
	width:100%;
}
.gnbMenu>li>a{
	display:block;
	color:#333;
	font-size:18px;
	font-weight:600;
	line-height:50px;
}


/* ///// 서브메뉴 ///// */
.gnbMenu>li .smenu{  /*모든 서브메뉴*/
	display:none;
	position:absolute;
	top:100%; /*주메뉴가 끝나는 지점에 바로 위치*/
	border-right:solid 1px #e8e8e8;
	box-sizing: border-box;
	min-height: 363px;
	background:#fff;
	width:100%;
}
.gnbMenu>li:first-child .smenu{
	border-left:1px solid #e8e8e8;
}

.gnbMenu>li .last{border-right:solid 1px #e8e8e8; box-sizing: border-box;}
.gnbMenu>li ul{transition:background 0.2s;}

.gnbMenu>li ul li{
	cursor:pointer;
}

.gnbMenu>li ul li:first-child{
	padding-top:14px;
}
.gnbMenu>li ul li a{
	display:block;
	color:#333;
	font-size:14px;
	word-break: keep-all;
	padding:7px 0px;
}

.gnbMenu>li ul:hover{background:#1DB58C; }
.gnbMenu>li ul:hover a{color:#fff; }
.gnbMenu>li ul li:hover a{text-decoration:underline;font-weight:bold; }




.bg_box{   /*100%서브배경박스*/
	display:none;
	width:100%;
	min-height:364px; 
	background:#fff;
	border-bottom:1px solid #e8e8e8;
}