/* pc에서 숨기기 */
/* 	.m-nav{display:none;}
	.m-depth2{display:none;}
 */
@media (max-width:1280px) {
.input-box label.field .labels{font-size:1.2em}
	/* 상단 헤더 */
	.header-in{width:100%;}
	/* .util-wrap1{width:260px;} */
	.util-wrap1 a.top_round{padding:5px 15px;}
	.util-wrap1 a.top_round{display:block;}
	.util-wrap2 input[type="text"]{width:90%; /* width:350px; */}
	.lnr.search-icon {position: absolute; top: 50%; margin-left:285px;}
	.util-wrap1,{width:auto;}
	.pc-logo a img{width:165px;}

	/*상단 nav  */
	.pc-gnb{width:100%;}
	.gnbMenu{width:100%;}
	.gnbMenu>li>a{font-size:16px;}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 태블릿 */
@media (max-width:768px) {
	.myinfo-edit{padding:30px;}
	.m-nav{display:block;}
	.pc-slide{display:none;}
	.m-slide{display:block;}
	.mPadding{padding:0 15px}

	/* ================== 헤더전체 ================== */

	/* .util-wrap2 .all-menu-mo{display:block;}
	 */
	header{height:66px;border:none;}
		.header-in{width:100%; margin:0 auto;}

	.pc-logo{
		width: 200px;
		height:auto;
		/* margin-left:20px; */
	}

	.pc-logo a{
		display:block;
		
	}

	.pc-logo a>img{
	width:165px;
	margin:0;
	/* margin:25px 0 0 5px; */
	}

	.util_allwrap {
    width: 100%;
    display: flex;
	height:66px;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
	}

	.util-wrap{height:40px; float:right; background:#fff; box-sizing:border-box; margin-right:20px;}

	.util-wrap li{float:left; line-height:50px;}
	.util-wrap .all-menu-pc{display:block;}


	/* 마지막 */
	.util-wrap1 {display:none;}

	 /* 가운데 */
	.util-wrap2 {display:none; }

	.util-wrap2 input[type="text"]{width:100%;}

	.lnr.search-icon {
		position: absolute;
		top: 50%;
		right: 20px !important;
		transform: translate(0%, -50%);
		font-size: 1.2rem;
		color: #000;
		font-weight: 700;
	}

	/* 검색하기폼 */
	.form {	top: 80px;}
	.form .inner {width:80%;}
	.form .totalSearch {width: 60%;}


	/* nav*/
	.pc-gnb{
		display:none;
		width:100%;
	}


	/* ///// 주메뉴 ///// */
	.gnbMenu{
		display:none;
		width:100%;	
		height:50px; 
		display:flex;
		;align-items:center;
	}

	.gnbMenu>li{
		position: relative;
		left:0;
		margin:0 auto;
		width:100%;
		right:37px;
	}
	.gnbMenu>li>a{
		display:block;
		color:#333;
		font-size:18px;
		font-weight:600;
		line-height:50px;
	}


	/* ///// 서브메뉴 ///// */
	.gnbMenu>li .smenu {
		display: block;
		position: absolute;
		top: 100%;
		border-right: solid 1px #e8e8e8;
		box-sizing: border-box;
		min-height: 364px;
		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{
		padding:7px 0px;
		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;
	}

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


	.bg_box{   /*100%서브배경박스*/
		display:none;
		width:100%;
		min-height:364px; 
		background:#fff;
		border-bottom:1px solid #e8e8e8;
	}
 	.swiper-button-prev{
		width: 40px;
		height: 40px;
		left:3%;
		margin-left:0px;
	}
	.swiper-button-next{
		width: 40px;
		height: 40px;
		left: initial;
		right:3%;
		top:50%;
		margin-left:0px;
		/* margin-left:560px !important; */
	}
	
	.swiper-pagination{
		font-size:1rem;
		left: 50%;
		bottom: 10%;
		width: auto;
		min-width: 60px;
		height: 29px;
		line-height: 30px;
		transform: translateX(-50%);
		z-index: 1;
	}

	/* m-header */
	.m-header{display:block;}
	.m-navWrap{display:block;}


	.m-header .m-btn {width: 30px; height: 30px;}
	.m-header .m-btn .bar_top {width: 25px;}
	.m-header .m-btn .bar_mid {width: 25px;}
	.m-header .m-btn .bar_bot {width: 25px;}

	.m-header .m-btn {
    display: block;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 28px;
    /* margin-left: 40px; */
    background-color: transparent;
    border: none;
    font-size: 0;
    vertical-align: middle;
    text-indent: -9999px;
    cursor: pointer;
	}

	.m-header .m-btn .bar_top {
    top: 4px;
    width: 30px;
	display: block;
    position: absolute;
    right: 2px;
    height: 2px;
    background-color: #222;
    transform-origin: top right;
    transition: background-color .3s ease-in-out;
	}

	.m-header .m-btn .bar_mid {
    top: 50%;
    width: 30px;
    transform: translate(0, -50%);
	display: block;
    position: absolute;
    right: 2px;
    height: 2px;
    background-color: #222;
    transform-origin: top right;
    transition: background-color .3s ease-in-out;
	}

	.m-header .m-btn .bar_bot {
    bottom: 4px;
    width: 30px;
	display: block;
    position: absolute;
    right: 2px;
    height: 2px;
    background-color: #222;
    transform-origin: top right;
    transition: background-color .3s ease-in-out;
	}	


	.view_right{display:none;}
	.view_left{width:100% !important;}
	.h_center .gnb {display: none;}
	.h_center .searchBox {display: none;}
	.h_center .extra_btn_wrap  {display: none;}

	.m-navWrap .searchBox {
		position: relative;
		height: 40px;
		width: 90%;
		margin: 15px auto;
	}

	.m-navWrap .searchBox input {				
		padding: 0 16px;
		width: 100%;
		height: 40px;
		border:2px solid #1DB58C;
		border-radius: 40px;
		box-sizing: border-box;
		outline: none;
	}		
	.m-navWrap .searchBox a {
		position: absolute;
		right: 20px;
		top: 50%;
		transform: translateY(-50%);
		background: none;
		border: none;
		cursor: pointer;
	}
	.m-navWrap .follow_menu .under_mypage_btn {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.m-navWrap .follow_menu .under_mypage_btn li {
		color: #000;
		margin:10px;
		width:50%;
		border: 1px solid #e2e2e2;
		border-radius: 20px;	
	}

	.m-navWrap .follow_menu .under_mypage_btn li a{
		display:block;
		padding:8px 0;
		font-size:14px;
	}
	
	.h_center {
	  width: 95%;
	}
	.h_center .gnb {
	  padding-left: 20px;
	}

	.m-navWrap {display:block; position:fixed; right:0; top:0; width:0; overflow:hidden; height: 100%; z-index:99;}
	
	.m-navWrap .bBg {display:none; background-color: rgba(0,0,0,0.3); width: 100%; height: 100%; position:absolute; z-index: 99; }
	
	.m-navWrap .m-navbox {position: absolute;  right: -100%; top:0; width: 75%; height: 100vh; overflow-y:scroll; background-color: #fdfdfd; z-index: 999; transition:all 0.5s;}
	.m-navWrap .m-navbox::-webkit-scrollbar {display: none;}	
   	.m-navWrap .m-navbox.on {right: 0;}

	.m-navWrap .m-navbox .mn-top {position: relative; height: 80px; /*background-color: #c1c1c1;*/}
	.m-navWrap .m-navbox .mn-top .closeBtn {position: absolute; top: 50%; transform:translateY(-50%); right: 20px; width: 30px; height: 30px;}
	.m-navWrap .m-navbox .mn-top .closeBtn a {display: block; width: 100%; height: 100%;}
	.m-navWrap .m-navbox .mn-top .closeBtn .lnr-cross {font-size: 35px; color: #000;}

	.m-navWrap .m-navbox .m-nav > li {position: relative;}
	.m-navWrap .m-navbox .m-nav > li > a {display: block; height: 50px; line-height: 50px; padding-left:24px; color: #000; border-bottom: 1px solid #d1d1d1; text-align:left;  font-size:1.25rem; font-weight: 500;}
	.m-nav > li > a.clicked { background-color: #f2f2f2;}
	.m-navWrap .m-navbox .m-nav > li .lnr {display: none; position: absolute; top: 19px; right: 24px; font-size: 1rem; font-weight:bold;  color: #000; z-index:1;}
	.m-navWrap .m-navbox .m-nav > li .lnr-chevron-down {display: block; color:#000;}
	.m-navWrap .m-navbox .m-nav > li.on .lnr-chevron-down {display: none;}
	.m-navWrap .m-navbox .m-nav > li.on .lnr-chevron-up {display: block;}
	.m-navWrap .m-navbox .m-nav .m-depth2 {display: none;}
	.m-navWrap .m-navbox .m-nav .m-depth2 > li {position:relative;}
	.m-navWrap .m-navbox .m-nav .m-depth2 > li:last-child{border-bottom: 1px solid #b7b7b7;}
	.m-navWrap .m-navbox .m-nav .m-depth2 > li > a {display: block; height: 40px; line-height: 40px; font-size: 1.1rem;  color: #212121;  text-align:left; padding-left:30px; transform: skew(0.03deg);}
	.m-navWrap .m-navbox .m-nav .m-depth2 > li > a:hover{ background-color:#1DB58C; color:#fff;}
	.extra_btn_wrap {margin-right: 36px;}


	/* 슬라이드 */
	.slider {max-width: 100%;padding:0px 0 70px 0;}
	.slider .inner {position:relative;}
	.slide_list > a {width: 100%; height:100vw; background-size:100%; margin:0 0px; border-radius:0px; box-shadow: 0 17px 20px -18px rgba(0, 0, 0, 0.5);}

	/* 스크롤 이미지 */
	.m-scroll_hend{display:block; padding-bottom:40px; }
	.m-scroll_hend img{width:25px; height:30px; position:absolute; right:15px;}

	/* quick  */
	.quick-x{
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap:
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: none;
	}

	.quick-x::-webkit-scrollbar {display: none;}	


	.asd{display:none;}
	.asd1{display:none;}


	.clubList-wrap {
		flex-wrap: wrap;
		display: flex;
		gap: 80px 10px;
	}

	.clubList-wrap .clubList-item{
		width:30%;
		margin:0px auto;
	}
	.clubList-wrap .clubList-item:last-child{
		margin-left:7px;
	}

	/* 최신상품 */
	.title-area .h2-2{
		font-size:2.5rem;
	}	

/* sub */

	.sub-tab{
		width:100%;
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap:
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: none;
		margin-bottom:40px;
	}

	.sub-tab::-webkit-scrollbar{display: block;}	

	.boardCade ul{
		flex-wrap:nowrap;
		justify-content: unset;
		margin:0px auto 10px;
	}

	.boardCade ul li{
		width:100%;
	}

	.boardCade ul li a{
		padding:12px;
	}
	
	/* sub-view */
	.view-top .product-info{
		padding:0 10px 0;
	}

	/* 마이페이지 */
	.mySnb-wrap{padding-left:15px;}
	.mypage-layout .mypage-cont h3.cont-tit{padding-left:15px;}

	/* 로그인 */
	.login__form{
		width:80%;
		margin:0px auto;
		padding-bottom:0px;

	}

	.signin__inner .signin__title{
		font-size:28px;
	}

	.sns_join_wrap{
		width:80%;
		margin: 0 auto 30px;
	}
	
	.sns_join_wrap li{
		width:100%;
		text-align:center;
	}


/* 카카오톡, top버튼*/
.fixBtnWrap .mediaWrap .mediaToggle li:before{height:40px !important;}
.fixBtnWrap .mediaWrap .mediaToggle .goTop i{padding-top:5px;}
/* footer */

.container{width:100%;}
.pageNav{padding-right:15px;}


#footer {border-top:1px solid #ddd; padding:20px 0 64px 10px;}

#footer .foot-top {display:flex; align-items:center; justify-content:space-between;}
#footer .foot-top .foot-left {display:block;}
#footer .foot-top .foot-left .foot-member {display:flex;  color:var(--gry1); font-size:14px;}
#footer .foot-top .foot-left .foot-member li:not(:last-child) {margin-right:32px;}

#footer .foot-top .foot-sns {display:flex;}
#footer .foot-top .foot-sns a {opacity:0.3; display:block; width:28px;}
#footer .foot-top .foot-sns a img {vertical-align:middle;}
#footer .foot-top .foot-sns a:hover {opacity:0.5; transition:.2s;}
#footer .foot-top .foot-sns a:not(:last-child) {margin-right:24px;}

#footer .foot-info{display:flex; justify-content:space-between; margin-top:20px;  border-top:1px solid #e1e1e1;}

#footer .foot-info .txt-copy {width: 100%;}
#footer .foot-info .txt-copy .txt-row {display:flex; flex-wrap:wrap; align-items:center; margin:4px 0;}
#footer .foot-info .txt-copy .txt-row p {font-size:1.1rem; color:var(--gry1); width:50%;}
#footer .foot-info .txt-copy .txt-row p:not(:last-child):after {content:""; display:inline-block; width:1px; height:0.875rem; border-right:1px solid #aaa; margin:0 8px; vertical-align:middle;      display:none;}
#footer .foot-info .form-btn {display:flex; align-items:center; justify-content:center; width:263px; height:54px; line-height:54px; font-size:1.25rem; color:#fff; background:var(--primary); border:1px solid var(--primary); border-radius:4px;}
#footer .foot-info .form-btn span {margin-right:8px;}
#footer .foot-info .form-btn:hover {background:#fff; color:var(--primary); transition:.2s;}

#footer .foot-copy {font-size:0.875rem; color:#999; margin-top:24px;}




}  /* ~768 */


@media (max-width:640px){
	/**footer**/
	#footer .foot-info {align-items:center; margin-top:20px; text-align:center;}
	#footer .foot-top, #footer .foot-info .txt-copy .txt-row {flex-direction:column;}
	#footer .foot-info .txt-copy .txt-row p {width:100%;}
	#footer .foot-info .txt-copy .txt-row p:not(:last-child):after {display:none;}
	#footer .foot-copy {text-align:center;}
	/**/

	.pay-modal .modal-cont .orderPay-info {flex-direction:column; gap:4px;}
}






/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 모바일 */
@media screen and (max-width:480px) {
		.clubList-wrap {
		display: flex;
		flex-wrap: wrap;
		gap: 80px 10px;
		padding:10px;
	}

	.clubList-wrap .clubList-item{
		width:46%;
		margin:0px auto;
	}
}