@charset "utf-8";
/* @import url('base.css');
@import url('sub.css'); */

/* ------------------------------
	common Start
------------------------------ */


html{font-size: 10px;}
body {
	font-family: 'Spoqa Han Sans Neo', sans-serif;
	font-weight: 400;
	color: #000;
	word-break: keep-all;
	overflow-x: hidden;
	overflow-y: auto;
}
table { width: 100%; }

/* link */
a { color: #000; text-decoration: none; transition: all .2s ease;}

/*margin*/
.mt5 {margin-top:5px!important;}
.mt10 {margin-top:10px!important;}
.mt20 {margin-top:20px!important;}
.mt30 {margin-top:30px!important;}
.mt50 {margin-top:50px!important;}
.mt70 {margin-top:70px!important;}
.mt80 {margin-top:80px!important;}
.mt100 {margin-top:100px!important;}

.mb5 {margin-bottom:5px!important;}
.mb10 {margin-bottom:10px!important;}
.mb20 {margin-bottom:20px!important;}
.mb25 {margin-bottom:25px!important;}
.mb30 {margin-bottom:30px!important;}
.mb40 {margin-bottom:40px!important;}
.mb50 {margin-bottom:50px!important;}
.mb80 {margin-bottom:80px!important;}
.mb100 {margin-bottom:100px!important;}
.mb_no {margin-bottom:0 !important;}

.ml5 {margin-left:5px!important;}
.ml10 {margin-left:10px!important;}
.ml12 {margin-left:12px!important;}
.ml15 {margin-left:15px!important;}
.ml20 {margin-left:20px!important;}
.ml25 {margin-left:25px!important;}
.ml30 {margin-left:30px!important;}
.ml50 {margin-left:50px!important;}

.mr5 {margin-right:5px!important;}
.mr10 {margin-right:10px!important;}
.mr15 {margin-right:15px!important;}
.mr20 {margin-right:20px!important;}
.mr25 {margin-right:25px!important;}
.mr30 {margin-right:30px!important;}
.mr35{margin-right:35px!important;}
.mr40 {margin-right:40px!important;}
.mr45 {margin-right:45px!important;}
.mr50 {margin-right:50px!important;}

.no_margin{margin-top: 0; margin-bottom: 0;margin-left: 0; margin-right: 0;}

/*padding*/
.pt5 {padding-top:5px!important;}
.pt10 {padding-top:10px!important;}
.pt15 {padding-top:15px!important;}
.pt20 {padding-top:20px!important;}
.pt30 {padding-top:30px!important;}

.pb5 {padding-bottom:5px!important;}
.pb10 {padding-bottom:10px!important;}
.pb20 {padding-bottom:20px!important;}
.pb30 {padding-bottom:30px!important;}

.pl5 {padding-left:5px!important;}
.pl10 {padding-left:10px!important;}
.pl12 {padding-left:12px!important;}
.pl15 {padding-left:15px!important;}
.pl20 {padding-left:20px!important;}
.pl25 {padding-left:25px!important;}
.pl30 {padding-left:30px!important;}
.pl40 {padding-left:40px!important;}
.pl50 {padding-left:50px!important;}

.pr5 {padding-right:5px!important;}
.pr10 {padding-right:10px!important;}
.pr15 {padding-right:15px!important;}
.pr20 {padding-right:20px!important;}
.pr25 {padding-right:25px!important;}
.pr30 {padding-right:30px!important;}

/* vertical-align */
.valign_mid {vertical-align:middle;}
.valign_top {vertical-align:top;}
.valign_botm {vertical-align:bottom;}

.delline {text-decoration:line-through;}
.underline {text-decoration:underline;}

/*align */
.align_l{text-align:left !important;}
.align_r{text-align:right !important;}
.align_c{text-align:center !important;}

/* font color */
.red{color:#f73838 !important;}
.blue{color:#658cad !important;}
.green{color:#91b12f !important;}
.mint{color:#0cd8c1 !important;}
.gray{color:#363636 !important;}

/* float clearfix */
.clearfix{}
.clearfix:after{content:""; display:block; clear:both;}

/*표시*/
.float_l{float:left;}
.float_r{float:right !important;}
.in_bl{display:inline-block;}
.di_bl{display:block;}
.cboth{clear:both;}

/* 색상 */
.red_c{color: #ff0000 !important;}


/**input**/
input[type="button"]:focus, input[type="submit"]:focus,  input[type="image"]:focus{
	outline: none;
}
input[type="button"], input[type="submit"],  input[type="image"]{
	cursor: pointer;
}
input[type="button"], button{
	line-height: 100%;
}

input.long_search_input{
	width:200px;
	border:1px solid #d8d8d8;
	border-radius:3px;
}

/* Webkit */
input::-webkit-input-placeholder { font-size: 1em; line-height: 20px;}

/* Firefox 4-18 */
input:-moz-placeholder { font-size: 1em; line-height: 20px; }

/* Firefox 19+ */
input::-moz-placeholder { font-size: 1em; line-height: 20px; }

/* hide text */
.hide_txt {
	overflow:hidden;
	white-space: nowrap;
	text-indent: -999rem;
}

/*
 button 스타일 : 아래 종류 별로 구분 /  다중클래스로 적용
		1. 버튼 기본 세팅 2. 유형+색 3. 크기
*/

.btn {
	display:inline-block;
	cursor:pointer;
	text-align:center;
}
i {
	display: inline-block;
	font-family: xeicon;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.hidden {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}
.ir{
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    text-indent: -10000px;
}

.sub50{box-sizing: border-box; /* padding: 0 50px; */}




/* layout
------------------------------------------------------ */


/* -------- header NEW-------- */
.header, .m_header{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99;
	width: 100%;
	transition: top .3s;
}
.m_header{display:none;}
.header ul li a, .m_header ul li a{
	color:#000;
	font-weight: 300;
	display: block;
	letter-spacing: -1px;
	text-transform: uppercase;
}
.header ul li a:hover, .dep01.on{
	color: #007549;
}

.gnb_pc{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 11rem;
	background: #fff;
	z-index: 99;
	box-sizing:border-box;
	padding: 0px 20px 0;
	border-bottom: 1px solid #000;
}
.gnb_m{display: none;}

/* gnb_left */
.gnb_pc .left, .gnb_pc .right{
	display: flex;
}
.gnb_pc .left > li{
	/* position: relative; */
}
.gnb_pc .left > li > a, .gnb_pc .right > li > a{
	font-size: 1.6rem;
	letter-spacing: -.2px;
	padding: 0 1rem;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 5.9rem;
	font-weight: 400;
}
.gnb_pc .left .dep02{
	display: none;
	position: absolute;
	top: 8rem;
	left: 0;
	width: 100%;
	background: #fff;
	/* border-top: 1px solid #000; */
	border-bottom: 1px solid #000;
	padding: 1rem;
	box-sizing: border-box;
}
.gnb_pc .left .dep02 ul{
	max-width: 70%;
}
.gnb_pc .left .dep02 li{
	float: left;
	width: 25%;
}
.gnb_pc .left .dep02 li a{
	display: inline-block;
	font-size: 1.45rem;
	padding: 1.5rem;
	line-height: 1;
	font-weight: 400;
}

/* 헤더로고 */
.logo{
	position: absolute;
	left: 50%; transform: translateX(-50%);
	max-width:10rem;
}
.logo a{
	display: block;
	box-sizing: border-box;
	line-height: 1;
	height: 100%;
}
.logo a img{
	vertical-align: unset;
}

/* gnb_right */
.gnb_pc .right .bag b{
	letter-spacing: -.5px;
}

.menuWrap .dep02{
    display: none;
    position: absolute;
    top: auto;
    left: 0; right: 0;
    overflow: hidden;
    background: #fff;
    transition: all 2s ease;
    padding: 25px 40px;
    box-sizing: border-box;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    z-index: 99;
	font-size: 3.2rem;
	text-transform: uppercase;
	letter-spacing: -1px;
}
.menuWrap .dep02 ul{
	display: flex;
	flex-wrap: wrap;
}

.menuWrap .dep02.on{
    display: block;
}

/* search */
.search{
	position: relative;
}
.searchToggle, .m_searchToggle{
	display: none;
	position: fixed;
	z-index: 999;
	width: 100%; height: 100%;
	left:0; top: 0; right: 0 ; bottom: 0;
}
.searchToggle .frmSearch{
	position: absolute;
	left: 50%;
	top: 30%;
	transform: translate(-50%, -50%);
	display: flex;
}
.searchToggle input{
	border-color: #000;
	line-height: 1.5;
	width: 500px;
	box-sizing: border-box;
	padding: 0 1rem;
	height: 5rem;
	font-size: 1.6rem;
}
.searchToggle button{
	background: #000;
	color: #fff;
	height: 5rem;
	padding: 0 20px;
	font-size: 2rem;
	border: 1px solid #000;
	font-family: 'Spoqa Han Sans Neo', 'Roboto', sans-serif;
	font-weight: 500;
	text-transform: uppercase;
}
.searchToggle .dim, .m_searchToggle .m_dim{
	background: rgba(255,255,255,.9);
	width: 100%; height: 100%;
}

/* mobile search */
.m_search{display: none;}
.m_searchToggle .frmSearch{
	position: absolute;
	display:flex;
	justify-content: space-between;
	left: 50%; top: 40%;
	transform: translateX(-50%);
	width: 60%;
}
.m_searchToggle label{width: 100%;}
.m_searchToggle input{
	border-color: #000;
	line-height: 1.5;
	width: 100%;
	box-sizing: border-box;
	padding: 0 1rem;
	height: 5rem;
	font-size: 1.6rem;
}
.m_searchToggle button{
	background: #000;
	color: #fff;
	width: 20%; height: 5rem;
	font-size: 3rem;
	border: 1px solid #000;
}
.m_searchToggle a{
	position: fixed;
	right: 4%; top: 3%;
	font-size: 5rem;
}



/* 모바일메뉴 */
.m_nav{display:none;}
nav{display: none;}
/* //-END- 모바일메뉴 */

/* 팝업 여러개 */
.pop01{left:50%; top: 50%;}
.pop02{left:52%; top: 52%;}
.pop03{left:54%; top: 54%;}
.popup_layer{
	position: fixed;
	transform: translate(-50%, -50%);
	z-index:998;
	min-width: 280px;
	width: 400px;
	box-sizing: border-box;
}
.pop_wrap{
	position: relative;
}
.pop_wrap > ul > li{
	height: auto;
}
.pop_wrap > ul > li > a{
	display: block;
	width: 100%;
	height: 100%;
}
.pop_wrap ul li a img{
	width: 100%;
	height: 100%;
}
.popup_btn{
	position: absolute;
	bottom: 8px;
	width: 100%;
	padding: 0 1.3rem;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.popup_btn > a{
	display: block;
	color: #000;
	font-weight: normal;
	font-size: 1.8rem;
	letter-spacing: -0.6px;
}
.popup_btn span{
	display: inline-block;
	font-size: 1.5rem;
	margin-right: 4px;
}

/* 팝업 슬라이드 
.popup_box{
	position: fixed;
	left: 50%; top: 50%;
	transform: translate(-50%,-50%);
	width: 60rem;
	z-index: 999;
	padding-bottom: 3rem;
	background: #000;
	box-shadow: 2px 3px 6px rgb(0 0 0 / 30%);
}
.popup_cont{position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;}
.popup_cont iframe, .popup_cont object, .popup_cont embed{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.popup_btn{
	position: absolute;
	left: 0px; bottom: 0px;
	width: 100%;
	background: #111;
	bottom: -3rem;
	height: 3rem;
	left: -1px;
	border: #111 1px solid;
}
.popup_btn a{
	display: inline-block;
	float: left;
	font-size: 1.2rem;
	line-height: 3rem;
	color: #ccc;
	text-transform: uppercase;
	padding: 0 1rem;
}
.popup_btn a:last-child{float: right;}
.coupon_pop{
	position: fixed;
	left:2rem; bottom: 2rem;
	z-index:998;
	min-width: 280px;
}
.coupon_pop .pop_close{
	position: absolute;
	right: .3rem;
	top: .5rem;
}
.coupon_pop .pop_close a{
	padding: 5px 7px;
	color: #fff;
	font-size: 1.3rem;
}
.coupon_pop > a{display: block; width: 100%; height: 100%;}
.coupon_pop > a > p{
	font-size: 1.6rem;
	font-weight: 300;
	text-align: center;
	line-height: 2;
	background: #efefef;
	letter-spacing: -.5px;
}
.review_pop{
	position: fixed;
	left:2rem; top: 2rem;
	z-index:998;
	min-width: 280px;
}
.popupstore_pop{	
	position: fixed;	
	left:2rem; top: 2rem;	
	z-index:998;
	min-width: 280px;	
	max-width: 342px;	
}
.text_pop{	
	position: fixed;	
	left:50%; top: 50%;
	transform: translate(-50%, -50%);
	z-index:998;	
	min-width: 280px;
	background-color:#fff;
	font-size: initial;
}
.image_pop{
	position: fixed;
	left:50%; top: 50%;
	transform: translate(-50%, -50%);
	z-index:998;
	min-width: 280px;
}
.image_pop ul li.swiper-slide{
	height: auto;
}
.image_pop ul li a{
	display: block;
	width: 100%;
	height: 100%;
}
.image_pop ul li a img{
	width: 100%; height: 100%;
}
.pop_swiper .swiper-pagination-bullet{background: #fff}
.pop_swiper .swiper-pagination-bullet-active{background: #007549}
.pop_swiper ul{overflow: hidden;}
.pop_swiper .vidBox{
	position: relative;
	width: 100%; height: 100%;
}
.pop_swiper .vidBox iframe{
	position: absolute;
	left: 50%;
	top: 0;
	width: calc(100% + 100%);
	height: 100%;
	transform: translateX(-50%);
}*/

/* -------- footer -------- */
#footer{
	width: 100%;
	min-width: 280px;
	margin: 5rem auto 0;
	padding: 2rem 40px 2rem 40px;
	position: relative;
	box-sizing: border-box;
	border-top: 1px solid #000;
}
.foo_top{
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 1rem;
}
.f_left{
	display: flex;
}
#footer .f_txt{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	letter-spacing: -.05rem;
	color: #333;
}
.f_cs{
	/* position: absolute;
	left: 50%; transform: translateX(-50%); */
	font-weight: 500;
	font-size: 1.4rem;
	color: #000;
	letter-spacing: -.3px;
}
#footer .f_txt .f_info{width: 70%;}
#footer  .f_txt .f_info span{
	text-transform: uppercase;
	font-size: 1.3rem;
	font-weight: 400;
	color: #666;
	word-break: keep-all;
	padding-right: 1rem;
}
.f_copy{
	font-size: 1.3rem;
	font-weight: 400;
	color: #666;
}
.m_fooWrap{display: none;}
.f_logo{
	font-size: 1.4rem;
	text-transform: uppercase;
	letter-spacing: -.3px;
	line-height: 1;
	padding-right: 20px;
	color: #666;
}
ul.f_tip{
	display: flex;
}
ul.f_tip li{
	padding-right: 20px;
	position: relative;
}
ul.f_tip li:last-child{padding-right: 0;}
ul.f_tip li a{
	text-transform: uppercase;
	font-size: 1.4rem;
	color: #666;
	font-weight: 400;
	line-height: 1;
	display: block;
}
/* ul.f_tip li:after{
	content:"";
	display:block;
	position: absolute;
	top: 50%; transform:translateY(-50%); right: 10px;
	width: 1px; height: 10px;
	background: #666;
} */
ul.f_tip li:last-child:after{display: none;}
ul.f_sns{
	display: flex;
	align-items: center;
}
ul.f_sns li{padding-left: 5px;}
ul.f_sns li a{display: block; font-size:2.5rem; line-height: 1;}


.f_tip_wrap{display: flex;}
.f_tip1{flex: none;}
.f_tip2{margin-left: auto;}

ul.f_tip2 li a{
	text-transform: uppercase;
	font-size: 1.3rem;
	color: #666;
	font-weight: 300;
	line-height: 1;
	display: block;
}



/*content*/
#container {
	width: 100%;
	min-height: 1000px;
	max-width: none;
	margin: 11rem auto 0;
}



/* 테블릿 세로 (해상도 1400px)
-------------------------------- */
@media all and (max-width:1400px) {

}


/* 테블릿 세로 (해상도 1200px)
-------------------------------- */
@media all and (max-width:1200px) {
	/* .logo{width: 20vw;} */
	.gnb_pc .left > li > a, .gnb_pc .right > li > a{letter-spacing: -1px; font-size: 1.4vw;}

	/* footer */
	.f_logo{font-size: 1.2rem;}
	ul.f_tip li a{font-size: 1.2rem;}
	.f_cs{font-size: 1.2rem;}
	ul.f_sns li a{font-size: 2rem;}
	#footer .f_info span, .f_copy{font-size: 1.2rem;}
}


/* 테블릿 세로 (해상도 960px)
------------------------------------------------------ */
@media all and (max-width:960px) {
	html{font-size:9px;}
	.sub50{box-sizing: border-box; padding: 0 5%;}

	/* header */
	.m_header{display: block;}
	.header ul, .header ul.m_1200{display: none;}
	.header{display: none;}
	.gnb_m{display: flex; position: relative;  padding: 0 5%; box-sizing: border-box; align-items: center; justify-content: space-between; width: 100%; min-width: 280px; height: 11rem; background: #fff; z-index: 99; box-sizing: border-box; border-bottom: 1px solid #000;}
	.gnb_m .bag{font-size: 2rem; letter-spacing: 0; font-weight: 300; text-transform: uppercase;}
	.gnb_m .bag b{letter-spacing:0;}
	/*.header{width: 100%; position: fixed; top: 0; z-index: 99;}
	.gnb_pc{display: none;}
	.gnb_m{display: flex; position: relative;  padding: 0 5%; box-sizing: border-box; align-items: center; justify-content: space-between; width: 100%; min-width: 280px; height: 8rem; background: #fff; z-index: 99; box-sizing: border-box; border-bottom: 1px solid #000;}
	.gnb_m .bag{font-size: 2.2rem; letter-spacing: 0; font-weight: 300; text-transform: uppercase;}*/
	

	/* search */
	.search{display: none;}
	.m_search{display: block; margin: auto 0; font-size: 1.1rem;color: #333;}
	.m_search a i{font-size: 3rem;}
	/* .searchToggle{display: none !important;} 2025-08-26 수정 */

	/* menu */
	.m_nav {
		display: flex; justify-content: flex-end;
		margin: auto 0;
		width: 2.5rem; height: 1.75rem;
		position: relative;
		-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg);
		transform: rotate(0deg);
		cursor: pointer;
	}
	.m_nav.close {
		position: static;
	}
	.m_nav span {
		display: block;
		position: absolute;
		height: .25rem;
		width: 100%;
		background: #000;
		opacity: 1;
		left: 0;
	}
	.m_nav span:nth-child(1) {top: 0;}
	.m_nav span:nth-child(2) {top: .75rem;}
	.m_nav span:nth-child(3) {top: 1.5rem;}
	.m_nav.close span:nth-child(1) {
		top: .5rem; transform: rotate(135deg);
		-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);
	}
	.m_nav.close span:nth-child(2) {opacity: 0;left: -3rem;}
	.m_nav.close span:nth-child(3) {
		top: .5rem; transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);
	}
	
	nav{display: none;}
	nav.on{display: block; position: fixed; top: 0; width: 100%; height: 100%; background: #fff; z-index: 9999; overflow-y:auto;}
	nav .m_navPop{
		width: 100%;
		min-width: 280px;
		height: 11rem;
		padding: 0 5%;
		position: fixed;
		top: 0;
		z-index: 9999;
		margin: 0 auto;
		max-width: 1400px;
		text-transform: uppercase;
		box-sizing: border-box;
		background: #fff;
	}
	.m_navPop .header{
		position: relative;
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: space-between;
		border-bottom: 1px solid #000;
	}
	.m_navPop .header .logo{
		top:50%;
		transform: translate(-50%, -50%);

	}
	.m_login{font-size: 2rem; margin: auto 0;}
	.gnb_wrap{width: 100%; margin: 15rem auto 0; box-sizing: border-box; padding: 0 5%; min-width: 280px;}

	.gnb_wrap ul.m_menu01 li.menu{
		margin-bottom: 3rem;
	}
	.gnb_wrap ul.m_menu01 li.menu:last-child{
		margin-bottom:0;
	}
	.gnb_wrap ul.m_menu01 .dep01{
		font-weight: bold;
		color: #000;
		font-size: 3.6rem;
		text-transform: uppercase;
		letter-spacing: -.15rem;
		line-height:1;
	}
	.gnb_wrap ul.m_menu01 > li.on .dep01{color: #007549;}
	.gnb_wrap ul.m_menu01 > li.on .dep02{display: block;}
	.gnb_wrap ul.m_menu01 .dep02{
		display: none;
		padding-top: 10px;
	}
	.gnb_wrap ul.m_menu01 .dep02 li{
		
	}
	.gnb_wrap ul.m_menu01 .dep02 a{
		display: block;
		box-sizing: border-box;
		padding: 10px 0 10px 5%;
		font-size: 2.4rem;
		text-transform: uppercase;
		letter-spacing: -1px;
		line-height:1;
	}
	
	.gnb_wrap ul.m_menu01{margin-bottom: 2rem; padding-bottom: 2rem;}
	.gnb_wrap ul.m_menu02, .gnb_wrap ul.m_menu03{}
	.gnb_wrap ul.m_menu02{position: relative;}
	.gnb_wrap ul.m_menu02 li{
		float: left;
		width: 50%;
	}
	/*.gnb_wrap ul.m_menu02 li:last-child{width:100%;}*/ /* 2022-12-06 reviews 카테고리 추가를 위해 주석 처리 */
	.gnb_wrap ul.m_menu02 li:last-child a{border-bottom: 1px solid #000;}
	.gnb_wrap ul.m_menu02 li > a{display: block; width: 100%; box-sizing: border-box; padding: 2.5rem 0; font-weight: 500; font-size: 2rem; text-transform: uppercase; border-top: 1px solid #000;}
	.gnb_wrap ul.m_menu02 li > a > i{
		opacity: 0;
		position: absolute;
		top: 50%; transform:translateY(-50%);
		left: 13rem;
		font-weight: bold;
		color: #007549;
		transition: all .2s;
	}
	.gnb_wrap ul.m_menu02 li.on > a{color: #007549;}
	.gnb_wrap ul.m_menu02 li.on > a > i{opacity: 1;}
	.gnb_wrap ul.m_menu03{
		display: none;
		position: absolute;
		top: 0; right: -30%;
		transition: all .2s;
	}
	.gnb_wrap ul.m_menu02 li.on ul.m_menu03{display: block; right: -50%; }
	.menu_foo{min-width: 280px; padding: 12rem 5% 3rem; text-align: center; box-sizing: border-box;}
	.menu_foo .f_info{line-height: 1.5; width: 100%;}
	
	/*content*/
	#container {margin: 11rem auto 0;}


	/* footer */
	#footer{width: 100%; padding: 3rem 5% 5rem;/*  margin-top: 15rem; */}
	.foo_top{display: none;}
	.f_logo,  #footer .f_txt, .menu_foo .f_txt .f_cs{display: none;}
	.menu_foo .f_txt{display: block;}
	.m_fooWrap{display: block;}
	.m_foo>div{float: left; width: 60%;}
	.m_foo>div.m_f_logo {float: left; width: 40%; box-sizing: border-box; font-size:2.5rem; text-transform: uppercase; line-height: 1;}
	.m_foo>div p{text-align: right; color: #666; font-size: 2rem; font-weight: 300; line-height: 1.2}
	.m_foo>div p a{display: inline-block; padding-bottom: 1rem; font-size: 4.5rem; font-weight: bold; letter-spacing: -.1rem; line-height: 1; color: #000;}
	.m_foo2{display: flex; justify-content: space-between; align-items: center; margin-top: 2rem;}
	.m_foo2 .f_tip{display: flex;}
	.m_foo2 ul.f_tip li a{font-size: 1.6rem;}
	.m_foo2 ul.f_sns li a{font-size: 2.4rem;}
	.menu_foo .f_copy{margin: 2rem 0 0;}
	/* ul.f_tip{margin-top: 6rem;}
	ul.f_tip li a{font-size: 1.5rem;}
	ul.f_sns{position: absolute; top: auto; bottom: 4.9rem; right: 5%;} */
}

/* max-width: 768px------------------------------------------------------ */
@media screen and (max-width:768px) {
	html{font-size:8px;}
	.text_pop{width: 80% !important;}

	/*logo*/
	/* .logo{width: 16.5rem;} */

	/* footer */
	.m_foo>div p{font-size: 2rem;}
	.m_foo>div p a{font-size: 2.5rem;}
}

/* max-width: 640px------------------------------------------------------ */
@media screen and (max-width:640px) {
	/* main_popoup */
	.popup_box{width: 80%; min-width: 280px;}
	.coupon_pop{left: 50%; transform: translateX(-50%);}
	.review_pop{left: 50%; transform: translateX(-50%); width: 90%; min-width: 280px;}
	
	/* 팝업 여러개 */
	.popup_layer {
	width: 58vw;
}
	span.btn_close {
	width: 14px;
	height: 14px;
	top: calc(50% - 7px);
}
	.btn_close:before, .btn_close:after {
	height: 14px;
	top: calc(50% - 7px);
}
	.popup_btn > a {
	font-size: 1.6rem;
}

	/* mobile search */
	.m_searchToggle form{width: 80%;}

	#container{min-height: 600px;}

	/* footer */
	.m_foo>div p{font-size: 1.75rem;}
	.m_foo>div p a{font-size: 2.3rem;}
	.m_foo>div p span{display: block;}
	ul.f_tip li{padding-right: 15px;}
	ul.f_tip li a{font-size: 1.3rem;}
	ul.f_sns li a{font-size: 2rem;}
	.f_tip_wrap{flex-direction: column;}
	.f_tip1{flex: none;}
	ul.f_tip2{margin-top: 1.5rem; margin-left: 0; padding-top: 0;}
	ul.f_tip li:after{display: none;}
	.f_tip2 li:last-child{padding-left: 1.3rem;}
}

@media screen and (max-width:360px) {
	html{font-size: 6px;}
	.menu_foo{padding: 6rem 5% 3rem; text-align: left;}
}