@charset "utf-8";

#wrap { position: relative; min-width:auto; width:100%; margin:0 auto;}
#header_warp {clear:both;padding-top:0.1px;}

#header { width: 100%; z-index: 11; min-width:260px; background-color: white; /*top:auto !important;*/ }
.body-main #header:hover {background: rgba(255,255,255,1); -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s;}
#header .inner { font-family: 'Noto Sans KR'; position: relative; padding: 0 30px 0 80px; z-index:2; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
#header .headerSection1 { min-height: 60px; height: 60px; }
#header .headerSection1 { position: relative; display:flex; align-items: center; width: 100%; justify-content: space-between;}

#header .headerLogo { display: flex; align-items: center; justify-content: center; flex: 1; z-index: 1; pointer-events: none; }
#header .headerLogo > div {min-width:240px;}
#header .headerLogo a { pointer-events: auto; }
#header .headerLogo img { max-width:100%; max-height:calc(var(--t-h-h) - 1px); width:144px;}
#header .headerLogo .mobileView {text-align:center;}
#header .headerLogo .mobileView img { max-width: 118px; height: auto; /*max-height:30px;*/}
.sampleShop #header .headerLogo .mobileView img {max-height:24px;}

#header.scroll-to-fixed-fixed {position: fixed; background: #fafafccc; box-shadow: 0px 3px 5px 0 rgba(0, 0, 0, 0.1); backdrop-filter: saturate(180%) blur(20px); z-index: 13; }
/* 배너가 있을 때 헤더 위치 조정 */
.topBanner:not(.hide):not(.slideUp) ~ #header { margin-top: 0; }
.topBanner.hide ~ #header,
.topBanner.slideUp ~ #header { margin-top: 0; }
#header_wrap { position: absolute;top: 0; max-width: 100%; transition: margin-top 0.4s ease-out; }

/* 딥이모션, 고객사 요청으로 배너가로 크기 고정, 이에 따른 높이값 제거, 2025-04-23
#header.scroll-to-fixed-fixed .headerLogo img {max-height:40px;}
*/

#header.scroll-to-fixed-fixed .headerLogo .mobileView img {/*max-width: 100%; max-height:20px;*/}
#header.scroll-to-fixed-fixed .headerGnb .categorySlide .gnbMenuBox > button,
#header.scroll-to-fixed-fixed .headerGnb .categorySlide .gnbMenuBox .menuCategory {height:60px;}
#header.scroll-to-fixed-fixed .headerGnb .categorySlide .gnbMenuBox .menuCategory > li > a {line-height:60px; font-size:18px;}
#header.scroll-to-fixed-fixed .headerGnb .categorySlide .gnbMenuBox .menuCategory .depth1 {top:60px;}

/* 모바일 스크롤 시 로고 중앙 정렬 유지 */
@media screen and (max-width:1024px){
	#header.scroll-to-fixed-fixed .headerLogo { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
}

/* #header .headerGnb { width: 100%; } */
#header .headerGnb .categorySlide { width: 100%; padding: 0 10px; box-sizing:border-box; }
#header .headerGnb .categorySlide .gnbMenuBox { position: relative; }
#header .headerGnb .categorySlide .gnbMenuBox > button { position: absolute; top: 0; width: 34px; height: calc(var(--t-h-h) - 1px); outline:0; font-size: 0; }
#header .headerGnb .categorySlide .gnbMenuBox .gnbPrev { left: 0;}
#header .headerGnb .categorySlide .gnbMenuBox .gnbNext { right: 0;}
#header .headerGnb .categorySlide .gnbMenuBox .gnbPrev:after { background: url("../images/common/arrow_prev.png") no-repeat center; }
#header .headerGnb .categorySlide .gnbMenuBox .gnbNext:after { background: url("../images/common/arrow_next.png") no-repeat center; }
#header .headerGnb .categorySlide .gnbMenuBox .gnbPrev:after,
#header .headerGnb .categorySlide .gnbMenuBox .gnbNext:after { content:""; position: absolute; top: 0; left: 0; width:100%; height:100%; font-size: 1px; }
#header .headerGnb .categorySlide .gnbMenuBox .gnbPrev:disabled:after,
#header .headerGnb .categorySlide .gnbMenuBox .gnbNext:disabled:after { opacity:0.2; }
#header .headerGnb .categorySlide .gnbMenuBox .gnbPrev.noArrow { border-right: 0;}
#header .headerGnb .categorySlide .gnbMenuBox .gnbNext.noArrow { border-left: 0;}
#header .headerGnb .categorySlide .gnbMenuBox .gnbPrev.noArrow:after,
#header .headerGnb .categorySlide .gnbMenuBox .gnbNext.noArrow:after { background:none; }

#header .headerGnb .categorySlide .gnbMenuBox .menuCategory { width: 100%; height:calc(var(--t-h-h) - 1px); padding: 0 34px; text-align:center; overflow:hidden; box-sizing:border-box; }
#header .headerGnb .categorySlide .gnbMenuBox .menuCategory > li { position: relative;  display:inline-block;}
#header .headerGnb .categorySlide .gnbMenuBox .menuCategory > li > a { display: block; margin: 0 30px; line-height:calc(var(--t-h-h) - 1px); font-size:18px; text-align: center; outline: none; font-weight: 500; overflow: hidden; transition: all .3s;}
#header .headerGnb .categorySlide .gnbMenuBox .menuCategory > li.currentCategory:before {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1; visibility: visible;}
#header .headerGnb .categorySlide .gnbMenuBox .menuCategory > li.currentCategory > a {color: var(--s-point-color);}
#header .headerGnb .categorySlide .gnbMenuBox .menuCategory > li img { vertical-align: middle; }
#header .headerGnb .categorySlide .gnbMenuBox .menuCategory > li.tailCategory > a { font-size:16px; font-weight: normal; }
#header .headerGnb .categorySlide .gnbMenuBox .menuCategory > li.tailCategory > a span { position:relative; padding:5px; }
#header .headerGnb .categorySlide .gnbMenuBox .menuCategory > li.tailCategory > a span:after{ position:absolute; width:7px; height:7px; border-radius:50%; content:""; right:0; top:-2px; background-color:var(--s-point-color);}
#header .headerGnb .categorySlide .gnbMenuBox .menuCategory .subCategory { opacity: 0; visibility: hidden; position:absolute; display: inline-block; background: #fff; transition-duration: .3s; box-shadow: 0px 3px 5px 0 rgba(0, 0, 0, 0.1);}
#header .headerGnb .categorySlide .gnbMenuBox .menuCategory .subCategory ul { }
#header .headerGnb .categorySlide .gnbMenuBox .menuCategory .subCategory ul li { position:relative; }
#header .headerGnb .categorySlide .gnbMenuBox .menuCategory .subCategory ul li a { display:block; min-width:0px; height:30px; line-height:30px; font-size:14px; color:#555; text-align: left; white-space: nowrap; }
#header .headerGnb .categorySlide .gnbMenuBox .menuCategory .subCategory > ul > li:hover > a,
#header .headerGnb .categorySlide .gnbMenuBox .menuCategory .subCategory > ul > li > a:hover { color:#000; background: #f2f2f2; }
#header .headerGnb .categorySlide .gnbMenuBox .menuCategory .subCategory ul li.hasChild > a { background: url('../images/common/arrow_prev5.png') no-repeat 93% 49%;}
#header .headerGnb .categorySlide .gnbMenuBox .menuCategory .subCategory ul li.hasChild:hover > a,
#header .headerGnb .categorySlide .gnbMenuBox .menuCategory .subCategory ul li.hasChild > a:hover { background: #f2f2f2 url('../images/common/arrow_prev5.png') no-repeat 93% 49%;}
#header .headerGnb .categorySlide .gnbMenuBox .menuCategory .subCategory:hover {opacity: 1; visibility: visible;}
#header .headerGnb .categorySlide .gnbMenuBox .menuCategory a:hover + .subCategory {opacity: 1; visibility: visible;}
#header .headerGnb .categorySlide .gnbMenuBox .menuCategory .depth1 { white-space: nowrap; border-radius: 0 0 7px 7px;}
#header .headerGnb .categorySlide .gnbMenuBox .menuCategory .depth1 > ul { display: inline-block; padding:15px; }
#header .headerGnb .categorySlide .gnbMenuBox .menuCategory .depth1 > ul > li > a { margin-right: 5px; padding:0 20px 0 15px; }
#header .headerGnb .categorySlide .gnbMenuBox .menuCategory .depth2 { padding:15px 0; border-radius: 0 10px 10px 10px;}
#header .headerGnb .categorySlide .gnbMenuBox .menuCategory .depth2 > ul > li > a { margin: 0 15px; padding:0 40px 0 15px; }
#header .headerGnb .categorySlide .gnbMenuBox .menuCategory .depth3 { padding:15px 0; border-radius: 0 10px 10px 10px;}
#header .headerGnb .categorySlide .gnbMenuBox .menuCategory .depth3 > ul > li > a { margin: 0 15px; padding:0 10px; min-width:50px; }
#header .headerGnb .categorySlide .gnbMenuBox .menuCategory .depth1 { top:calc(var(--t-h-h) - 1px); left:-1px; z-index:10; }
#header .headerGnb .categorySlide .gnbMenuBox .menuCategory .depth2 { top:0; left:100%; z-index: 11; }
#header .headerGnb .categorySlide .gnbMenuBox .menuCategory .depth3 { top:0; left:95%; z-index: 11; }

#header .headerGnb .categorySlide .categoryMore { display: none;}
#header .headerGnb .categorySlide .categoryBanner { display: inline-block; padding: 15px; vertical-align: top; font-size:0; line-height:0;}
#header .headerGnb .categorySlide .categoryBanner img {border-radius: 0 0 15px 0;}

@media screen and (min-width: 1025px) {
	/* #header .headerSection1 {
		justify-content: space-between;
		position: relative;
	} */
	#header .headerLeftMenu { margin-left: 0;z-index: 2;}
	#header .headerLogo {overflow: visible; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); flex: none; width: auto; z-index: 1;}
    #header .headerLogo .pcView {text-align: center;}
	#header .headerLogo a {pointer-events: auto;}
	#header .headerRightMenuContainer { height: 60px;display: flex;column-gap: 25px;justify-content: flex-end; flex: 0 1 auto; min-width: 0; max-width: 100%; box-sizing: border-box; flex-shrink: 1;}
	#header .headerRightMenuContainer .headerRightMenu { z-index: 2; position: relative; }
	#header .headerContents { z-index: 2;position: relative; }
	#header .headerLeftMenuList {
		display: flex;
		align-items: center;
		gap: 18px;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#header .headerLeftMenuList li {
		position: relative;
	}
	#header .headerLeftMenuList li > a {
		display: block;
		font-size: 14px;
		font-weight: 400;
		color: #373F3B;
		text-decoration: none;
		line-height: calc(var(--t-h-h) - 1px);
		transition: color 0.3s;
	}
	#header .headerLeftMenuList li > a:hover {
		color: #000;
	}
	
	#header .headerRightMenuList { display: flex; column-gap: 18px; list-style: none; margin: 0;padding: 0; flex-shrink: 1; min-width: 0; }
	#header .headerRightMenuList li {
		position: relative;
	}
	#header .headerRightMenuList li > a {
		display: block;
		font-size: 14px;
		font-weight: 400;
		color: #373F3B;
		text-decoration: none;
		line-height: calc(var(--t-h-h) - 1px);
		transition: color 0.3s;
	}
	#header .headerRightMenuList li > a:hover {
		color: #000;
	}
	#header .headerRightMenuList li.headerCustomerCenter .subCategory {
		opacity: 0;
		visibility: hidden;
		position: absolute;
		top: 100%;
		right: 0;
		background: #fff;
		box-shadow: 0px 3px 5px 0 rgba(0, 0, 0, 0.1);
		border-radius: 0 0 7px 7px;
		transition: opacity 0.3s, visibility 0.3s;
		white-space: nowrap;
		padding: 15px;
		z-index: 100;
	}
	#header .headerRightMenuList li.headerCustomerCenter .subCategory ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#header .headerRightMenuList li.headerCustomerCenter .subCategory ul li {
		position: relative;
	}
	#header .headerRightMenuList li.headerCustomerCenter .subCategory ul li a {
		display: block;
		min-width: 0;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
		color: #555;
		text-align: left;
		white-space: nowrap;
		padding: 0 20px 0 15px;
		text-decoration: none;
	}
	#header .headerRightMenuList li.headerCustomerCenter .subCategory ul li a:hover {
		color: #000;
		background: #f2f2f2;
	}
	#header .headerRightMenuList li.headerCustomerCenter:hover .subCategory,
	#header .headerRightMenuList li.headerCustomerCenter > a:hover + .subCategory {
		opacity: 1;
		visibility: visible;
	}
	
	/* PC에서 headerGnb 숨김 */
	#header .headerGnb { display: none; }
}

#header .headerContents { display: flex; flex-shrink: 0; gap: 8px; min-width: fit-content; }

#header .headerContents > div {width:24px;}
/*
	딥이모션, 로그인 이미지 변경, 2025-04-23
	#header .headerContents .headerMypage { justify-self: center; position: relative; background: url('../images/layout/mypage.svg') no-repeat center; cursor:pointer; background-size:18px;}
	#header .headerContents .headerMypage.out {background: url('../images/layout/mypage_check.svg') no-repeat center 51%; background-size:23px;}
*/
#header .headerContents .headerMypage { justify-self: center; position: relative; background: url('https://yq2017.cdn-nhncommerce.com/data/img/common/User.svg') no-repeat center; cursor:pointer; background-size:22px;}
#header .headerContents .headerMypage .joinicon {padding:0; opacity:1; visibility:visible; z-index: -1;position: absolute;left: 50%;top: 49px;width: 76px;height: 20px;margin-left: -38px;background: #ffe538;font-size: 11px;line-height: 20px;text-align: center;border-radius: 10px;animation: benefit 1s linear infinite;}
#header .headerContents .headerMypage .joinicon .arrow {position: absolute;top: -9px;left: 32px;color: #ffe538;}
#header .headerContents .headerMypage:hover .joinicon {color:#333;font-weight:600;}
#header .headerContents .headerMypage.out {background: url('https://yq2017.cdn-nhncommerce.com/data/img/common/User.svg') no-repeat center 51%; background-size:22px;}

#header .headerContents .headerMypage > div { opacity: 0; visibility: hidden; position: absolute; min-width:70px; top: 100%; left: -15px; padding: 10px 20px 15px; border-radius:0 0 7px 7px; background: #fff; transition: visibility 0.3s ease,opacity 0.3s ease; box-shadow: 0px 3px 5px 0 rgba(0, 0, 0, 0.1);}
#header .headerContents .headerMypage > div a { display: block; padding: 3px 0;}
#header .headerContents .headerMypage.active { /*background: url('../images/layout/ico_mypage_close.png') no-repeat center;*/ }
#header .headerContents .headerMypage.active > div { opacity: 1; visibility: visible;}
/*
	딥이모션, 로그인 이미지 변경, 2025-04-23
	#header .headerContents .headerSearch { justify-self: center; background: url('../images/layout/search.svg') no-repeat center center; cursor: pointer; background-size:20px;}
*/
#header .headerContents .headerSearch { justify-self: center; background: url('https://yq2017.cdn-nhncommerce.com/data/img/common/Search.svg') no-repeat center center; cursor: pointer; background-size:22px;}
/*
	딥이모션, 장바구니 이미지 변경 2025-05-16
	#header .headerContents .headerBasket {justify-self: center; background: url('../images/layout/cart.svg') no-repeat center; background-size:23px; }
*/
#header .headerContents .headerBasket {justify-self: center; background: url('https://yq2017.cdn-nhncommerce.com/data/img/common/Cart.svg') no-repeat center; background-size:23px; }
#header .headerContents .headerBasket a { display: block; width: 100%; height: 100%;}
#header .headerContents .headerBasket #cartCnt { position: relative; display: block; width: 100%; height: 100%;}
#header .headerContents .headerBasket #cartCnt strong { position: absolute; top: 35%; left:15px; width: 15px; height:15px; line-height:15px; overflow:hidden; border-radius:50%; background-color:#ff5305; color:#fff; text-align: center; transform: translateY(-40%); font-weight:normal; font-size:11px;}
/*
	딥이모션, 로그인 이미지 변경, 2025-04-23
	#header .headerContents .headerRecent {justify-self: center; padding-right:2px; background: url('../images/icon/basic/view.svg') no-repeat left; background-size:24px; }
*/
#header .headerContents .headerRecent {justify-self: center; padding-right:2px; background: url('https://yq2017.cdn-nhncommerce.com/data/img/common/headerBasket_on.svg') no-repeat left; background-size:24px; }
#header .headerContents .headerRecent a { display: block; width: 100%; height: 100%;}
#header .headerContents .headerRecent #cartCnt { position: relative; display: block; width: 100%; height: 100%;}
#header .headerContents .headerRecent #cartCnt strong { position: absolute; top: 56%; left:15px; width: 15px; height:15px; line-height:15px; overflow:hidden; border-radius:50%; background-color:#000; color:#fff; text-align: center; transform: translateY(-40%); font-weight:normal; font-size:11px;}
#header .headerContents .headerBtna { justify-self: center; background: url('../images/layout/ico_close.svg') no-repeat center center; cursor: pointer; background-size:20px;}

#header .headerContents .headerWishList {justify-self: center; background: url('https://yq2017.cdn-nhncommerce.com/data/img/main/btn_like_off.svg') no-repeat center center; background-size:23px; }
#header .headerContents .headerWishList a { display: block; width: 100%; height: 100%;}
#header .headerContents .headerWishList #cartCnt { position: relative; display: block; width: 100%; height: 100%;}
#header .headerContents .headerWishList #cartCnt strong { position: absolute; top: 56%; left:15px; width: 15px; height:15px; line-height:15px; overflow:hidden; border-radius:50%; background-color:#000; color:#fff; text-align: center; transform: translateY(-40%); font-weight:normal; font-size:11px;}

#header .asideBtn { display: none; justify-content: center; align-items: center; width: 28px; }
#header .asideBtn .menuActive {position: relative; vertical-align:middle; text-align:center; display: inline-block; width: 24px; height: 20px; margin:0 auto; cursor: pointer; }
#header .asideBtn .menuActive span { display: inline-block; transition: all .4s; box-sizing: border-box; }
#header .asideBtn .menuActive span { position: absolute; left: 0; width: 100%; height: 2px; background-color: #373F3B; border-radius: 2px; }
#header .asideBtn .menuActive span:nth-of-type(1) { top: 2px; }
#header .asideBtn .menuActive span:nth-of-type(2) { top: 10px; opacity : 1; transition: all .0s;}
#header .asideBtn .menuActive span:nth-of-type(3) { bottom: 0;}
#header .banner {display:none}
/*
#header .asideBtn:hover .menuActive span:nth-of-type(1) { -webkit-animation : active-menu-bar01 .75s forwards; animation : active-menu-bar01 .75s forwards; }
#header .asideBtn:hover .menuActive span:nth-of-type(2) { opacity : 0; }
#header .asideBtn:hover .menuActive span:nth-of-type(3) { -webkit-animation : active-menu-bar02 .75s forwards; animation : active-menu-bar02 .75s forwards; }
*/
/* 1024px 직전에서도 아이콘이 화면 안에 있도록 조정 */
@media screen and (max-width: 1200px) and (min-width: 1025px) {
	#header .headerRightMenuContainer { gap: 4px; }
	#header .headerRightMenuList { gap: 10px; }
	#header .headerRightMenuList li > a { font-size: 14px; }
	#header .headerContents { gap: 4px; }
	#header .headerContents > div { width: 24px; }
}

/* 1100px 이하에서 더 적극적인 조정 */
@media screen and (max-width: 1100px) and (min-width: 1025px) {
	#header .headerRightMenuContainer { gap: 10px; }
	#header .headerRightMenuList { gap: 18px; }
	#header .headerRightMenuList li > a { font-size: 14px; }
	#header .headerContents { gap: 2px; }
	#header .headerContents > div { width: 22px; }
}

@media screen and (max-width: 1024px){
	#header .headerSection1 {height: 45px;}
	#header .inner {padding: 0 14px;}
	#header .headerLeftMenu {display: none;}
	#header .headerRightMenu {display: none;}
	#header .headerRightMenuContainer .headerSearch {display: none;}

}


#aside { position: fixed; top: 0; left: -100%; width: 80%; max-width:280px; height:100vh; height: var(--vh); z-index: 190; background: #031B16; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; backdrop-filter: saturate(180%) blur(20px); }
#aside .hvr-overline-reveal {display:block;}
#aside .hvr-overline-reveal:before {display:none;}
#asideDim { display: none;}
#aside.nowShow { display: block; left: 0; font-family: 'Noto Sans KR';}
#aside.nowShow + #asideDim { display: block; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000); zoom: 1; z-index: 189; cursor:pointer; }

#aside .inner { position: relative; width: 100%; height: 100%; box-sizing:border-box; padding: 40px 0 0; overflow: hidden; display: flex; flex-direction: column; }
#aside .inner::-webkit-scrollbar { display: none; }
#aside .asideClose { display: none; position: absolute; z-index: 1; left: 8px; top: 0; margin:10px; width:24px; height: 24px; font-size:50px; color:#000; line-height:40px; text-align:center; cursor:pointer;}

/*	딥이모션, aside 메뉴에서 닫기(X) 아이콘 제거 (대체함), 2025-04-21
	#aside .asideClose:after {content: "\00d7"; }
*/

#aside.nowShow .asideClose { display: block; }
#aside.nowShow .asideClose { top:14px; color:#231F20; }
#aside.nowShow .asideClose { background: url(https://yq2017.cdn-nhncommerce.com/data/img/banner/top_banner_close_white.svg) no-repeat; background-position: center center;}

/* 사이드바 아이콘 영역 */
#aside .asideIcon { position: absolute; top: 25px; right: 16px; z-index: 10; display: flex; gap: 6px; align-items: center; width: auto; height: 24px; }
#aside.nowShow .asideIcon { display: flex; }
#aside .asideIconBtn1, 
#aside .asideIconBtn2 { width: 24px; height: 24px; border: none; cursor: pointer; background-size: 24px 24px; background-repeat: no-repeat; background-position: center center; }
#aside.nowShow .asideIconBtn1 { background: url(https://yq2017.cdn-nhncommerce.com/data/img/icon/User_icon.svg) no-repeat; background-position: center center; background-size: 24px 24px; }
#aside.nowShow .asideIconBtn2 { background: url(https://yq2017.cdn-nhncommerce.com/data/img/icon/Cart_icon.svg) no-repeat; background-position: center center; background-size: 24px 24px; }

#aside .asideLogo { padding: 0 60px; box-sizing:border-box;}
#aside .asideLogo { padding-top:40px }  /* 딥이모션, 디자인 변경, 2025-04-21 */
#aside .asideLogo span {font-size: 28px; font-weight: 700; line-height: 40px; margin-top: -30px; display: block; color: #000;}
#aside .asideLogo img {max-width:100%;}
.sampleShop #aside .asideLogo img {max-height:20px;}

#aside .asideLogin {clear:both; width: 100%; margin-top: 20px; padding: 0 20px; box-sizing:border-box;}
#aside .asideLogin ul {  }
#aside .asideLogin ul:after { content:""; display:block; clear:both; }
#aside .asideLogin ul li { float: left; margin-right: 15px; }
#aside .asideLogin ul li a { display: block; line-height: 35px; text-align: center; font-size: 16px; color: #000; font-weight: 700; }

#aside .asideSearch {clear:both; width: 100%; margin-top: 20px; padding: 0 20px; box-sizing:border-box;}
#aside .asideSearch .top_search { clear:both; float: none; position: relative; top: auto; }
#aside .asideSearch .top_search legend{display:none;}
#aside .asideSearch .top_search .top_text_cont {}
#aside .asideSearch .top_search .top_text_cont input {border-radius:20px; background-color:#f2f2f2;}
#aside .asideSearch .top_search:hover,
#aside .asideSearch .top_search:hover .top_text_cont,
#aside .asideSearch .top_search:hover .top_srarch_text,
#aside .asideSearch .top_search .top_srarch_text:focus { transition: all 0.3s linear;}
#aside .asideSearch .top_search .top_srarch_text { width:100%; height:33px; padding:5px 45px 5px 15px; box-sizing:border-box; transition: all 0.3s linear;}
#aside .asideSearch .top_search .search_cont { position: absolute; left:-1px; display:block; width:100%; margin:0; font-size:0; border:1px solid #eaeaea;  background:#fff; z-index: 10;}
#aside .asideSearch .top_search .top_text_cont {width:100%; }
#aside .asideSearch .top_search .top_text_cont input{border:none 0; vertical-align:top;}
#aside .asideSearch .top_search .top_text_cont input::-webkit-input-placeholder {}
#aside .asideSearch .top_search .top_text_cont input::-moz-placeholder {}
#aside .asideSearch .top_search .top_text_cont input:-ms-input-placeholder {line-height:10px;}
#aside .asideSearch .top_search .top_text_cont .btn_top_srarch { position: absolute; top: 0px; right: 0px; }
#aside .asideCategory {clear:both; width: 100%; margin-top: 20px; padding: 0 20px; box-sizing:border-box; flex: 1; overflow-y: auto; min-height: 0; }
#aside .asideCategory {padding:20px 20px 0 20px;} /* 딥이모션, 디자인 변경 처리, 2025-04-21 */
#aside .asideCategory::-webkit-scrollbar { display: none; }
#aside .asideCategory .title { padding: 0 0 10px 0; font-size: 16px; font-weight: 900; color:#000;}
#aside .asideCategory .gnbMenuBox .menuCategory { width: 100%; line-height: 2.5;}
#aside .asideCategory .gnbMenuBox .menuCategory > li { position: relative; }
#aside .asideCategory .gnbMenuBox .menuCategory > li { font-weight:500; font-size:18px; } /* 딥이모션, 디자인 변경 처리, 2025-04-21 */
#aside .asideCategory .gnbMenuBox .menuCategory > li > a { display: block; padding: 8px 34px 8px 0px; outline: none; font-size:15px; color:#F3F4F4;font-weight: 500; }
#aside .asideCategory .gnbMenuBox .menuCategory > li > .categoryMore { position: absolute; top: 19px; right: 0px; width: 16px; height: 16px; background: url("../images/aside/side_plus.svg") no-repeat center; background-size: 24px;}
#aside .asideCategory .gnbMenuBox .menuCategory > li.nowShow > .categoryMore { background: url("../images/aside/side_minus.svg") no-repeat center; background-size: 24px;}

#aside .asideCategory .gnbMenuBox .menuCategory > li.tailCategory > a span {position: relative;  padding: 5px 10px 0 0;}
#aside .asideCategory .gnbMenuBox .menuCategory > li.tailCategory > a span:after{ position:absolute; width:5px; height:5px; border-radius:50%; content:""; right:2px; top:2px; background-color:var(--s-point-color);}

#aside .asideCategory .gnbMenuBox .menuCategory .subCategory { display: none; }
#aside .asideCategory .gnbMenuBox .menuCategory > li.nowShow > .subCategory { display: block; }
#aside .asideCategory .gnbMenuBox .menuCategory .subCategory ul { }
#aside .asideCategory .gnbMenuBox .menuCategory .subCategory ul li { position:relative; }
#aside .asideCategory .gnbMenuBox .menuCategory .subCategory ul li a { display:block; height:28px; line-height:28px; font-size:14px; color:#989999; text-align: left; white-space: nowrap; font-weight:400; }
#aside .asideCategory .gnbMenuBox .menuCategory .subCategory ul li.hasChild > .categoryMore { position: absolute; top: 0; right: 3px; width: 29px; height: 29px; background: url("../images/aside/all_pluse_s.png") no-repeat center;}
#aside .asideCategory .gnbMenuBox .menuCategory .subCategory ul li.hasChild.nowShow > .categoryMore { background: url("../images/aside/all_mus.png") no-repeat center;}

#aside .asideCategory .gnbMenuBox .menuCategory .depth1 { padding-bottom: 10px; }
#aside .asideCategory .gnbMenuBox .menuCategory .depth1 > ul > li > a { font-size:13px;}
#aside .asideCategory .gnbMenuBox .menuCategory .depth2 > ul > li > a { padding:2px 34px 2px 30px; font-size:22px;}
#aside .asideCategory .gnbMenuBox .menuCategory .depth3 > ul > li > a { padding:2px 34px 2px 45px; font-size:20px;}
#aside .asideCategory .gnbMenuBox .menuCategory .depth1 > ul > li.nowShow > .subCategory, 
#aside .asideCategory .gnbMenuBox .menuCategory .depth2 > ul > li.nowShow > .subCategory,
#aside .asideCategory .gnbMenuBox .menuCategory .depth3 > ul > li.nowShow > .subCategory{ display: block; }

#aside .asideBanner {clear:both; width: 100%;}
#aside .asideBanner > div { width:100%; padding:20px 10px 0; max-width:420px; text-align:center; }
#aside .asideBanner .slider-wrap > div > img,
#aside .asideBanner .slider-wrap > div > a > img,
#aside .asideBanner .slider-wrap .slick-slide img { width: 100%; }

#aside .aside-menu-bottom-logo-container { flex-shrink: 0; padding: 20px 0 28px; text-align: center; }
#aside .aside-menu-bottom-logo-container .aside-menu-bottom-logo { width: 118px; max-width: 100%; margin-bottom: -8px;}

#aside .quickContent {clear:both; padding: 0 60px; margin-top: 30px; box-sizing:border-box; /* border: 1px solid #ddd; */ border-width: 1px 0 0;text-align: center; }
#aside .quickContent .quickCs { padding: 25px 0; margin: 0; }
#aside .quickContent .quickCs .num {font-size:16px; font-weight:700; color:#000; margin-bottom:3px;}
#aside .quickContent .quickCs .num a {font-size:24px;}
#aside .quickContent .quickCs li.contents {font-size:14px; line-height:22px;}
#aside .quickContent .aside-menu-bottom-logo { width: 115px;padding-top:20px;}
@media screen and (max-width:560px){
	#aside .quickContent {padding-left:40px;}
	#aside .quickContent .aside-menu-bottom-logo { width: 115px;padding-left: 0px;padding-top: 5vw; }
}

@media screen and (max-width:380px){
	#aside .quickContent {padding-left:20px;}
}

#aside .quickSns{clear:both; padding: 0 20px 80px; box-sizing:border-box;  }
#aside .quickSns > div { display: inline-block; margin:0 5px 5px 0;}
#aside .quickSns > div img {width:30px; border-radius:50%;}




#footer_wrap{ position:relative; border:none; background-color:#f1f1f1; }
#footer { width: 100%; border-top: 1px solid #F1F1F1; background-color:#f3f4f4;}
#footer .footerContentContainer hr { border: none; border-top: 0.75px solid #dbdbdb; margin: 23px 0 0; }
#footer .inner { position:relative; max-width:var(--content-w-b); margin: 0 auto;}
.body-main #footer .inner {max-width:var(--content-w-m);}
.body-service #footer .inner,
.body-board #footer .inner,
.body-mypage #footer .inner,
.body-order #footer .inner{max-width:var(--content-w-m);}

#footer .footerContentContainer { padding: 30px 0 18px 0; background-color: #f3f4f4;max-width: 1440px; margin: auto; }
#footer .footerContentContainer:after {clear:both; display:block; content:"";}
#footer .footerContentContainer .footerContents1 { position: relative; width: 100%; padding: 16px 0 40px 0;display: flex;justify-content: space-between; }
#footer .footerContentContainer .footerLogoContainer {border-bottom: 0.75px solid #dbdbdb; padding-bottom: 7px;}
#footer .footerContentContainer .footerLogoContainer .footerLogo { padding: 10px 0 16px; }
#footer .footerContentContainer .footerLogoContainer .footerLogo img { width: 142px; height: 42px; }



/* 고객센터 영역 */
.footerCs {
    flex: 0 0 23%;
    margin-right: 3%;
	position:relative;
}

/* 배송안내 영역 */
.footerDelivery {
    flex: 0 0 25%;
    margin-right: 3%;
	position:relative;
}

/* 무통장입금 영역 (PC에서는 숨김) */
.footerBank {
	display: none;
}

/* 문의하기 영역 */
.footerInquiry {
    flex: 0 0 20%;
    margin-right: 3%;
	position:relative;
}

/* 소셜미디어 영역 */
.footerSocial {
    flex: 0 0 22%;
	position:relative;
}


#footer .footerContentContainer .footerContentBottomInner .footerLogo img {width: 90px; height:auto; margin-right:60px;}
#footer .footerContentContainer .footerContents2 { width: 100%; padding-top: 30px; }
#footer .footerContentContainer .footerContentBottomInner {clear:both;  display:flex; justify-content: space-between; align-items: flex-start;}
#footer .footerContentContainer .footerContents3 {width:70%;}
#footer .footerContentContainer .footerContents4 {width:28%; text-align:right; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-end; margin-top: 23px;}
#footer .footerContentContainer .footerContents4 .footerLinks { display: flex; gap: 18px; }
#footer .footerContentContainer .footerContents4 .footerLinks a { color: #8F9592; font-size: 10px; text-decoration: none; }
#footer .footerContentContainer .footerContents4 .footerLinks a:hover { text-decoration: underline; }
#footer .footerContentContainer .footerContents4 .copyright {font-size:14px;font-weight:400;}
#footer .footerContentContainer .footerContents4 .copyright .copyText {font-style:italic;line-height:3;}
#footer .footerContentContainer .footerContents4 .snsLogo {margin-top: 15px;}
#footer .footerContentContainer .footerContents4 .snsLogo img { margin-right: 5px;}
#footer .footerContentContainer .footerContents4 h1 {font-size:14px; color:#000;}
#footer .footerContentContainer .footerContents4 .escrow {float:right;}
#footer .footerContentContainer .footerContents4 .escrow img {display:none; margin-right:10px; }
#footer .footerContentContainer .footerContents4 .escrowInner{
    display: flex;
    justify-content: center;
    align-items: center;
	margin-top:15px;
}
#footer .footerContentContainer .footerContents4 .escrowInner .escrowBtn {
	padding: 10px 15px;
    background-color: #f2f2f2;
    border-radius: 5px;
    border: 1px solid #eaeaea;
}

/* #footer .footerContentContainer .footerContents1 .footerCs h1 {font-weight:600; font-size:18px; color:#4B4F54;margin-bottom: 10px} */
/* #footer .footerContentContainer .footerContents1 > div {flex: 1;padding: 0 20px;} */
#footer .footerContentContainer .footerContents1 h1 {font-size: 13px; margin-bottom: 10px;color: #5D6461;font-weight: 500;}
#footer .footerContentContainer .footerContents1 ul li a {color: #5D6461; text-decoration: none;}
#footer .footerContentContainer .footerContents1 ul li a:hover {text-decoration: underline;}
#footer .footerContentContainer .footerContents1 ul {list-style: none;padding: 0;}

#footer .footerContentContainer .footerContents1 ul li {margin-bottom: 8px;color: #5D6461; line-height: 1.6;}
#footer .footerContentContainer .footerCs { width: 100%; }
#footer .footerContentContainer .footerCs .num a {  font-size: 12px; color: #5D6461; display: block; }
#footer .footerContentContainer .footerCs .num span { font-size: 15px;}
#footer .footerContentContainer .footerCs .contents { margin-top: 0; color: #5D6461; font-size: 13px; font-weight:400; }
#footer .footerContentContainer .footerCs .kakaoLink { margin-top: 10px; }
#footer .footerContentContainer .footerCs .kakaoLink a { display: inline-flex; align-items: center; color: #5D6461; font-size: 13px; font-weight: 400;}

/* 배송안내 스타일 */
#footer .footerContentContainer .footerDelivery .footerSubMenu .bankInfo { margin-top: 10px; padding-top: 10px; }
#footer .footerContentContainer .footerDelivery .footerSubMenu .bankInfo .bankTitle { font-weight: 500; margin-bottom: 7px; color: #5D6461; }
#footer .footerContentContainer .footerDelivery .footerSubMenu p { color: #5D6461; font-size: 13px; font-weight: 400; }
#footer .footerContentContainer .footerDelivery .bankInfo p {margin-bottom: 0;}
/* PC에서 footerSubMenu 항상 표시, menuMore 버튼 숨김 */
#footer .footerContentContainer .footerContents1 .footerSubMenu { display: block; font-weight: 400; line-height: 1.5;}
#footer .footerContentContainer .footerContents1 .menuMore { display: none; }

/* 소셜미디어 스타일 */
#footer .footerContentContainer .footerSocial .footerSubMenu ul li { margin-bottom: 10px; }
#footer .footerContentContainer .footerSocial .footerSubMenu ul li a { display: inline-flex; align-items: center; }

#footer .footerContentContainer .footerSns { position: absolute; right: 0; top: 0; }
#footer .footerContentContainer .footerSns > div { display: inline-block; width:30px; margin:5px 0 5px 5px; /* filter: grayscale(100%); */ }
#footer .footerContentContainer .footerSns > div img {width:30px; max-width:100%; }

#footer .footerContentContainer .footerLink { width: 100%; }
#footer .footerContentContainer .footerLink a { padding: 0 13px; font-size: 14px; color: #000; font-weight:600; border-left: 1px solid #ddd;}
#footer .footerContentContainer .footerLink a:first-child { padding-left: 0; border: 0;}

#footer .footerContentContainer .footerInfo .footInfoList { width: 100%; overflow: hidden; font-size:9.5px; font-weight:400; color: #8F9592;}

#footer .footerContentContainer .footerInfo .footInfoList p:first-child { font-weight: 500; color: #8F9592; margin-top: 16px; }
#footer .footerContentContainer .footerInfo .footInfoList dl { float:left; font-size: 14px; color:#7b7b7b; }
#footer .footerContentContainer .footerInfo .footInfoList dt { float:left; }
#footer .footerContentContainer .footerInfo .footInfoList dd { float:left; padding:0 25px 0 3px;}
#footer .footerContentContainer .footerInfo .footInfoList a { color: #7b7b7b;}
#footer .footerContentContainer .footerInfo .copyright{ width: 100%; font-size: 14px; color: #7b7b7b; }
#footer .footerContentContainer .footerInfo .footInfoList.pcFooter {display: block; line-height: 1.5;}
#footer .footerContentContainer .footerInfo .footInfoList.mobileFooter {display: none;}

#footer .footerCertifyContainer { width: 100%; padding: 0 0 10px; }
#footer .footerCertifyContainer ul { overflow: hidden; }
#footer .footerCertifyContainer ul li { float: left; margin: 3px 3px 0 0; }
#footer .footerCertifyContainer ul li img { max-width: 100%; }

#footer .footerContentWrap { width: 100%; padding-bottom: 2%;}
#footer .footerContentWrap:after { content:""; display:block; clear:both; }
#footer .footerContentWrap > div { float: left;}
#footer .footerContentWrap ul li { margin-bottom: 10px; line-height: 120%; font-size: 12px; color:#888;}
#footer .footerContentWrap ul li a { line-height: 100%; color:#888;}
#footer .footerContentWrap ul .title { margin: 0 0 20px; font-size: 18px; color: #616161; font-weight: bold; }
#footer .footerContentWrap ul .num a { margin: 0 20px 10px 0; font-size: 22px; color: #000;  font-weight:900; }
#footer .footerContentWrap .footerLogo { margin: 0 0 35px;}
#footer .footerContentWrap .footerReturn { margin: 35px 0 0 0;}
#footer .footerContentContainer .footerContents5 > ul { float: right; width: 33.33%;}

@media screen and (min-width:1024px) and  (max-width:1560px) {
	#footer .footerContentContainer {margin: 0 60px;}
}
@media screen and (max-width:1400px) {
	.footerCs {flex: 0 0 23%}
	.footerDelivery {flex: 0 0 25%}
	.footerInquiry {flex: 0 0 20%}
	.footerSocial {flex: 0 0 22%}
}
@media screen and (max-width:1024px){
	#header { -webkit-transition: unset; -moz-transition: unset; -o-transition: unset; transition: unset;}
	.body-main #header:hover {background: none;}
    #header .headerSection1 { min-height:var(--t-h-m-h); display: flex; justify-content: space-between; align-items: center; position: relative; }
	#header .headerLogo { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: auto; z-index: 1; }
	#header .headerLogo > div {min-width:auto; text-align:center;}
	#header .headerLogo .pcView { display: none; }
	#header .headerLogo .mobileView { display: block; }
	#header .headerLogo .mobileView img { max-width: 123px; width: auto; height: auto; }
	#header .headerLogo img {max-height:calc(var(--t-h-m-h) - 8px);}
	#header.scroll-to-fixed-fixed .headerSection1 { min-height:55px; }
    #header .headerGnb { display: none; }
    #header .headerContents { min-width:auto; display: flex; column-gap: 3px; align-items: center; flex-shrink: 0; position: relative; z-index: 2; }
	#header .headerContents > div { width: 28px; height: 28px; }
	#header .asideBtn {display: flex; order: -1; flex-shrink: 0; position: relative; z-index: 2; width:40px; height: 100%;}
	#header .headerContents .headerMypage { display: block !important; }
	#header .headerContents .headerBasket { display: block !important; }
	#header .headerContents .headerWishList { display: none; }

	#header .headerContents .headerSearch { display:none;}
	/* 2025.04.25 모바일에서도 pc와 동일하게 아이콘 보이도록
    #header .headerContents .headerMypage,
	#header .headerContents .headerRecent{ display: none;}*/

	#footer .footerContentContainer { padding:30px 20px;}
    #footer .footerContentContainer .footerSns { position:static; padding: 30px 0 0 0; text-align: left; }
	#footer .footerContentContainer .footerSns > div > div {margin:5px 15px 5px 0;}
	#footer .footerContentContainer .footerLink { text-align: left; }

	#footer .footerContentContainer .footerContentBottomInner {flex-direction: column; }
	#footer .footerContentContainer .footerContents3 {width:100%; order: 2; }
	#footer .footerContentContainer .footerContents4 { width:100%; text-align:left; padding-top: 0; order: 1; }
	#footer .footerContentContainer .footerContents4 .escrow {float:none;}
	#footer .footerContentContainer .footerContents4 .escrowInner {justify-content: flex-start;}

	 #footer .footerInfoWrap .inner{width:96%; padding:0 2% 0;}
	 #footer .footerContentContainer .footerContents1 {display:flex; flex-direction:column; padding:0; border-top: 0.7px solid #5D6461;}
	#footer .footerContentContainer .footerContents1 > div {border-bottom: 0.7px solid #5D6461; padding: 10px 0; position: relative;}
	#footer .footerContentContainer .footerContents1 > div:last-child {border-bottom: 0.7px solid #5D6461;}
	#footer .footerContentContainer .footerContents1 ul li {margin-bottom:0px;}
	#footer .footerContentContainer .footerContents1 ul li a {font-size: 12px; color: #5D6461; font-weight: 400;}
	#footer .footerContentContainer .footerCs {margin-bottom: 0; flex: 0 0 100%;}
	#footer .footerContentContainer .footerDelivery {flex: 0 0 100%; margin-bottom: 0;}
	#footer .footerContentContainer .footerInquiry {flex: 0 0 100%; margin-bottom: 0;}
	#footer .footerContentContainer .footerSocial {flex: 0 0 100%; margin-bottom: 0;}
	#footer .footerContentContainer .footerCs .contents {margin-top:0px; font-weight: 400; font-size: 12px;}
	#footer .footerContentContainer .footerContents1 h1 {margin-top:0; margin-bottom: 0; font-size: 12px; font-weight: 500; color: #373F3B; padding-right: 40px; cursor: pointer;}
	#footer .footerContentContainer .footerContents1 .menuMore {display: block; position:absolute; background: url("../images/aside/footer_plus_btn.svg") no-repeat center; top: 11px; right: 0px;width: 16px;height: 16px; padding:8px;border: none; cursor: pointer; z-index: 1; }
	#footer .footerContentContainer .footerContents1 .menuMore.active {position:absolute; background: url("../images/aside/footer_minus_btn.svg") no-repeat center; top: 11px; right: 0px;width: 16px;height: 16px; }
	#footer .footerContentContainer .footerContents1 .footerSubMenu {display:none; padding-top: 12px;}
	#footer .footerContentContainer .footerContents1 .footerSubMenu.active {display:block;}
	/* #footer .footerContentContainer .footerContents1 .footerSubMenu.active ul li{margin-bottom:8px;} */
	#footer .footerContentContainer .footerContents1 .footerSubMenu.active p { color: #5D6461; font-size: 12px; font-weight: 400;}
	#footer .footerContentContainer .footerContents1 .footerBank ,.footerDelivery, .footerInquiry, .footerSocial {margin-right:0px;}
	#footer .footerContentContainer hr { display: none; }
	#footer .footerContentContainer .footerContentBottomInner { padding-top: 24px; }
	#footer .footerContentContainer .footerContentBottomInner .footerLogo img {margin-bottom:20px;}
	
	#footer .footerContentContainer .footerContents4 {width:100%; text-align:left; align-items: flex-start; padding-top: 0; order: 1; margin-top: 0;}
	#footer .footerContentContainer .footerContents4 .footerLinks { display: flex; flex-direction: row; gap: 16px; flex-wrap: wrap; }
	#footer .footerContentContainer .footerContents4 .footerLinks a { color: #8F9592; font-size: 12px; text-decoration: none; font-weight: 400;}
	#footer .footerContentContainer .footerContents4 .footerLinks a:hover { text-decoration: underline; }
	#footer .footerContentContainer .footerContents3 { order: 2; width: 100%; }
	#footer .footerContentContainer .footerInfo .footInfoList { line-height: 1.8;}
	#footer .footerContentContainer .footerInfo .footInfoList p { color: #8F9592; font-size: 10px; margin-bottom: 0;}
	#footer .footerContentContainer .footerInfo .footInfoList p:first-child { color: #8F9592; font-weight: 400; font-size:10px;}
	#footer .footerContentContainer .footerInfo .footInfoList.pcFooter {display: none;}
	#footer .footerContentContainer .footerInfo .footInfoList.mobileFooter {display: block;}
	#footer .footerContentContainer .footerCs .kakaoLink a {display: none;}
	#footer .footerContentContainer .footerCs .kakaoLink {margin-top: 0;}
	#footer .footerContentContainer .footerBank {display: block; flex: 0 0 100%; margin-bottom: 0; position: relative; border-bottom: 0.75px solid #dbdbdb; padding: 15px 0;}

	#footer .footerContentContainer .footerContents1 .footerInquiry ul li {margin-bottom: 12px;}
	#footer .footerContentContainer .footerContents1 .footerInquiry ul li:last-child {margin-bottom: 6px;}

	#footer .footerContentContainer .footerSocial .footerSubMenu ul li {margin-bottom: 13px;}
	#footer .footerContentContainer .footerSocial .footerSubMenu ul li:last-child {margin-bottom: 5px;}

}

@media screen and (max-width:800px){
	/*
		2025-06-03, 딥이모션, 모바일에서 1초 회원가입 보이게 처리
		#header .headerContents .headerMypage {display:none;}
	*/
	#header .headerContents .headerMypage .joinicon {top:54px;}
	#header .headerContents .headerMypage .joinicon a {padding: 4px 0px;}
	#header .headerContents .headerWishList {display:none;}
	#footer .inner { width: inherit;}
	#footer .footerContentContainer .footerLogoContainer .footerLogo img { width: 118px; height: auto; }
	#footer .footerContentContainer .footerLink a {font-size: 13px; padding: 0 5px;}
	#footer .footerContentContainer .footerInfo .footInfoList dl,
	#footer .footerContentContainer .footerInfo .copyright {font-size:13px;}
	
	
	/* 모바일: 무통장입금 섹션 표시, 배송안내의 무통장입금 정보 숨김 */
	
	#footer .footerContentContainer .footerDelivery .footerSubMenu .bankInfo { display: none; }
	
	#footer .footerContentContainer .footerLogoContainer {border-bottom: 0; margin-bottom: 0; padding-bottom: 0;}
	#footer .footerContentContainer .footerLogoContainer .footerLogo {padding: 14px 0 24px;}
	
}

@media screen and (max-width:560px){		
	#aside .asideCategory {padding:20px 20px 0 20px;}
	#aside .asideLogo {padding-left:40px;}
	#aside .asideLogo span {font-size:24px;}

	#header.scroll-to-fixed-fixed .headerSection1 { min-height:50px; }
	#header .headerContents {column-gap: 2px; }

	#footer .footerContentContainer .footerContents1,
	#footer .footerContentContainer .footerContents2{ width:100%; padding-right: 1%;}
	#footer .footerContentContainer .footerContents3 {}

	#footer .footerContentContainer .footerSns,
	#footer .footerContentContainer .footerContents2{ padding-top: 16px; }

	#footer .footerContentContainer .footerLink a {font-size: 12px;}
	.displayLI{ display: none;}

	#footer .footerContentWrap ul .title {font-size:16px;}
	#footer .footerContentWrap ul .num {margin: 0 0 15px 0;}
	#footer .footerContentWrap ul .num a {display:block; margin: 0 20px 10px 0; font-size: 18px;}
	#footer .footerContentWrap ul li {font-size:12px;}

}
@media screen and (max-width:380px){
	#footer .footerContentContainer .footerLink a {font-size: 11px;}
	#aside .asideLogo {padding: 20px 40px 0 20px;}
	#aside .asideCategory {padding:20px 20px 0 20px;}
	#aside .asideClose {right:25px;}
}


.recent_box{width:100%; margin-bottom:5px; }
.recent_box dt {font-size:15px; color:#000; font-weight:500;}
.recent_box dd {font-size:14px;}
.recent_box ul {margin-top:0;}

.seach_top_all {text-align:center;}
.seach_top_all .btn_top_search_all_del,
.seach_top_all .btn_top_search_close {color:#333; font-size:13px;}

.btn_licensee_info {font-size:14px; border-bottom:none; color:#555; margin-left:10px;}

.scrollMoveBtn { position: fixed; bottom:15px; right: 10px; padding:10px 0 0 0; clear:both; text-align:center; z-index:80;}
.scrollMoveBtn li { width:40px; height:40px; /*margin-bottom:3px;*/ opacity: 0.8; filter: alpha(opacity=80); text-align:center;}
.scrollMoveBtn li img {max-width:100%;}
/* 위 아래 버튼 수정 
	수정자: 딥이모션
	수정일: 2025-05-16
*/
.scrollMoveBtn li:has(+ .gototop) {padding-bottom:0px;}
.scrollMoveBtn .gototop {border-radius: 30px; border: 1px solid #f0f0f0; opacity: 0.95; overflow: hidden; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);}
.scrollMoveBtn .moveScrollTop {background:url("../images/common/float_right_up.svg") #fff no-repeat center; cursor:pointer; background-size:50% !important; border-bottom: 1px solid #e8e8e8;}
.scrollMoveBtn .moveScrollBottom {background:url("../images/common/float_right_down.svg") #fff no-repeat center; cursor:pointer;background-size:50% !important;}
#shop_cart_wrap ~ .scrollMoveBtn {bottom:56px;}
@media screen and (max-width:1240px){
	.scrollMoveBtn li { width:40px; height:40px;}
	.scrollMoveBtn .moveScrollTop,
	.scrollMoveBtn .moveScrollBottom {background-size:40%;}
}
@media screen and (max-width:1024px){
	.scrollMoveBtn {bottom:8px; right:8px;}
	#shop_cart_wrap ~ .scrollMoveBtn {bottom:50px;}
	.isMobileView {display:block;}
	#wrap.infoFixed ~ .scrollMoveBtn {bottom:70px;}
}
@media screen and (max-width:600px){
	.isMobileView,
	.scrollMoveBtn li { width:35px; height:35px; line-height:35px; }
}
@media screen and (max-width:480px){
	.isMobileView,
	.scrollMoveBtn li { width:40px; height:40px; line-height:30px; }
}


#footer .shortcut {display:none; text-align:center; }
#footer .shortcut a {display:block; padding:8px 0 8px 0; background:#fff; border:1px solid #eaeaea; width:96%; margin:10px 2% 0;}
#footer .shortcut a span {position:relative; display:inline-block; color:#000; height:36px; line-height:36px; padding:0 0 0 46px; background-size:36px; background-repeat:no-repeat;}
#footer .shortcut a span em {color: var(--s-point-color); font-style:normal;}
@media screen and (max-width:1024px){
	#footer .shortcut {display:block;}
}

/*  layout.css  */
/* 검색창 */
#header .top_search {border:1px solid #eaeaea;}
#header .top_search .top_text_cont {width:100%; max-width:674px; margin:0 auto;}
/* 최근 검색어 */
.recent_box{width:100%; margin-bottom:5px;}
.recent_box dd{padding:10px 0 0 0;}
.recent_box li{overflow:hidden; width:100%; padding:5px 0; border-bottom: 1px solid #eaeaea; }
.recent_box li a{width:54%; padding:5px 0 0 0; }
.recent_box li:first-child a { border: 0;}
.recent_box li span{ padding:5px 0 0 0; text-align: right;}
/* 추천상품 */
.recom_box{border:none; clear:both; width:100%; text-align:center; padding:0; margin:10px 0 0; float:none;}
.recom_box dt {width:100%; padding:10px 0; font-size:14px;}
.recom_box .recom_photo{ border:1px solid #eaeaea;}
/* 추천상품만 있을 때 */
.recom_box_only .recom_photo{ border:1px solid #eaeaea;}

/* ------------- 서브 사이드 영역 ------------- */
.sub_content .side_cont{float:none; width:auto;}
.sub_content:after{display:block; clear:both; content:"";}
/* 서브메뉴 최상위(0뎁스) */
.sub_menu_box .sub_depth0 > li > a{padding:10px; color:#000;}
/* 서브메뉴 1뎁스 */
.sub_menu_box .sub_depth1 > li > a{font-size:13px;}
.sub_menu_box .sub_depth1 > li > a:hover{background:#383838;}
.sub_menu_box .sub_depth1 > li > a.active{background:#383838;}
/* 서브메뉴 2,3,4 뎁스 CSS */
.sub_menu_box .sub_depth1 li a{font-size:13px;}
.sub_menu_box .sub_depth1 li a:hover{background:#383838;}
.sub_menu_box .sub_depth1 li a.active{background:#383838;}
/* 서브 트리형 타입 */
.sub_menu_box.tree_type ul{border:none 0;}
.sub_menu_box.tree_type ul li a { color:#000; word-break: break-all;}
.sub_menu_box.tree_type ul li a:hover{background:none; font-weight:normal;}
.sub_menu_box.tree_type ul li.hasChild > .categoryMore { position: absolute; top:0; right: 10px; width: 30px; height: 30px; background:url("../images/ico_plus.png") no-repeat center center; outline: none; }
.sub_menu_box.tree_type ul li.hasChild.nowShow > .categoryMore { background:url("../images/ico_mu.png") no-repeat center center;  }
.sub_menu_box.tree_type ul.sub_depth0 > li.hasChild > .categoryMore { top:4.5px; }

.sub_menu_box.tree_type .sub_depth0 > li > a { padding: 10px 40px 10px 25px;}
.sub_menu_box.tree_type .sub_depth1 > li > a { display:block; padding:6px 40px 6px 8px; font-size:12px; background: url("../images/category_dot.gif") no-repeat 0 14px; }
.sub_menu_box.tree_type .sub_depth1 > li > a:hover { background: url("../images/category_dot.gif") no-repeat 0 14px; }
.sub_menu_box.tree_type .sub_depth1 li a{ padding:6px 40px 6px 8px; font-size:12px;}
.sub_menu_box.tree_type .sub_depth3 > li > a { color:#7FABB8; }

.sub_menu_box.tree_type .sub_depth1{display:none; padding:10px 0 10px 25px; background: #F2F2F2; border:1px solid #ededed; border-width: 1px 0;}
.sub_menu_box.tree_type .sub_depth2{display:none;}
.sub_menu_box.tree_type .sub_depth3{display:none;}
.sub_menu_box.tree_type .sub_depth4{display:none;}
/* 서브사이드  마이페이지 */
.side_cont .sub_menu_box .sub_menu_mypage a:hover,
.side_cont .sub_menu_box .sub_menu_mypage .active{color:#383838;}
/* 서브 사이드 정보 */
.side_cont .info_box .info_num{color:#383838;}
/* 서브 사이드 검색 페이지 */
.sub_search_box {clear:both; padding:10px 10px 15px; border:1px solid #dcdcdc; margin-bottom:30px; text-align:center;}
.sub_search_box dl{margin:10px 0 0 0;}
.sub_search_box dl dt{display:none}
.sub_search_box dl dd select{width:130px;}
.sub_search_box .chosen-container{width:130px;}
.sub_search_box .benefit_box{display:none;}
.sub_search_box .color_box{clear:both; padding:0;}
.sub_search_box .color_box span{vertical-align:middle;}
.sub_search_box .color_box span .active{background-size:100% !important;}
.sub_search_box .price_box{margin:10px 0 0 0;}
.sub_search_box .price_box input{height:30px; width: 120px; margin:0; line-height:30px;}
.sub_search_box .price_box span{line-height:28px;}
.sub_search_box .quick_btn{margin:10px 0 0 0; display:inline-block; padding:0;}
.sub_search_box .quick_btn input{width:150px; height:30px; line-height:30px; padding:0;}
.sub_search_box .color_box span label.check-s.color-white.active{background-size:100% !important;}
@media screen and (max-width:1000px){
	.sub_search_box .widthDis{display:block;}
	.sub_search_box .price_box input {width:100px;}
}
@media screen and (max-width:760px){
	.sub_search_box .color_box span label {width:15px; height:15px;}
}

@media screen and (max-width:460px){
	.sub_search_box .color_box span label {width:12px; height:12px;}
}
/* 서브 메뉴가 왼쪽일때 */
#contents .sub_content > .side_cont + .content{float:none; width:100%; padding:0;}
@media screen and (max-width:760px){
	.sub_content .content {min-height:300px;}
}
@media screen and (max-width:400px){	
	.sub_content .content {min-height:200px;}
}
/* -------------  퀵검색 ------------- */
/* 기본 퀵검색 */
.quick_search_cont_box h2{padding:10px 0 10px 0; border-bottom:none; font-size:15px; background:none;}
.quick_search_cont_box dl dd{border-bottom:1px solid #eaeaea;}

#wrap .quick_search_cont_box .chosen-single {border:1px solid #eaeaea;}
.quick_search_cont_box input[type="text"] {padding:0 3px;}
/* 가격 */
.quick_search_cont_box dl dd .price_box input{border:1px solid #eaeaea;}
/* 색상 */
.quick_search_cont_box dl dd .color_box span label{width:16px; height:16px;}
.quick_search_cont_box dl dd .search_box input{border:1px solid #eaeaea;}
/* 혜택/조건,아이콘 */
.quick_search_cont_box .quick_btn{padding:10px 0;}
.quick_search_cont_box .quick_btn input{padding:6px 0; width:30%; border:1px solid #383838; background:#383838; color:#ffffff; font-weight:normal; font-size:13px; outline:none;}
.quick_search_cont_box .quick_btn input:hover{border:1px solid #dcdcdc; background:#f9f9f9; color:#3e3d3c;}

/* 위치 TOP */
#quick_search.q_top{border-bottom:2px solid #383838;}
@media screen and (max-width:1000px){
	#quick_search.q_top {display:none;}
}
@media screen and (max-width:800px){
	#quick_search.q_left,#quick_search.q_right {display:none;}
}
/* ------------- 쇼핑 카트 탭 ------------- */
#shop_cart_wrap{background: rgba(255, 255, 255, 0.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#92ffffff,endColorstr=#92ffffff); min-width:320px;}
#shop_cart_wrap .btn_shop_cart_box{position:relative; top:0; left:0; width:auto; margin:0 auto; max-width:1240px;}
#shop_cart_wrap .btn_shop_cart_box .on{display:block;}
#shop_cart_wrap .cart_tab_wrap{background:#f8f8f8; border-bottom:1px solid #eaeaea;}
#shop_cart_wrap .cart_tab_list{position:relative; max-width:1240px; min-width:320px; width:auto; font-size:13px;}
#shop_cart_wrap .btn_shop_buy{width:100%; background:#333333; font-size:13px; height:40px;}
#shop_cart_wrap .btn_shop_buy:hover{border:1px solid #dcdcdc; background:#fafafa; color:#000;}

.cart_tab_list .on{/*border-top:2px solid #ab3e55;*/}
.cart_tab_list ul li a{vertical-align:-11px;}
.cart_tab_list .cart_tab_option{padding:0 38px 0 0;}
.shop_cart_cont{background:#fff;}
.cart_tab_box{width:auto; max-width:1240px;}
.cart_tab_list .cart_tab_option a {font-weight:normal;}
@media screen and (max-width:560px){
	#shop_cart_wrap .cart_tab_list {font-size:12px;}
	.cart_tab_list ul li {padding:2px 3px 0 3px; background:none;}
	.cart_tab_list ul li:first-child{padding-left:3px; }
	.cart_tab_list ul li > a > img {display:none;}
	.cart_tab_list .cart_tab_option a {padding:10px 12px;}
}
/* 찜 리스트 + 장바구니 상품가격 영역 */
.cart_total_box{width:22%; margin-left:3%;}
.cart_total_box .total_price_sec strong{color:#383838;}
.cart_total_box .option_txt{padding-top:8px;}

/* 오늘 본 상품 탭 */
.shop_view_tab .shop_view_list{margin:30px 0 20px 0px;}
.shop_view_list .view_tab_cont{width:100%;}

.shop_view_tab ul{width:100%;}
.shop_view_tab ul li{padding:0 15px;}
.shop_view_tab .prdt_photo_box a > img{width:100%; height:auto;}
.shop_view_tab .prdt_price{font-weight:normal;}
.shop_view_tab .prdt_price strong{font-size:14px; font-weight:normal;}

/* 찜리스트 탭 */
.zzim_table_box{width:75%;}
.zzim_table_box .cart_btn_box{position:relative;}
.zzim_table_box .caution_msg1 {background:#fff url('../../img/icon/caution-1.png') no-repeat left 0;}
.zzim_table_box .cart_chk_none {color:#383838;}
@media screen and (max-width:860px){
	.zzim_table_box {float:none; clear:both; width:98%; height:144px; margin:20px 1% 0; overflow:auto; border-bottom:1px solid #dbdbdb;}
	.zzim_total_box{float:none; clear:both; position:relative; width:98%; height:105px; margin:10px 1% 0;}

	.zzim_total_box dl{float:left; width:46%; padding:0 2% 5px;}
	.zzim_total_box .total_price_sec{ padding:0 2% 5px; border-top:none; font-size:12px; }
	.zzim_total_box .btn_shop_buy{height:35px; font-size:12px;}
}
@media screen and (max-width:460px){
	.zzim_table_box {margin:10px 1% 0;}
	.zzim_total_box {font-size:11px;}
	.zzim_total_box .total_price_sec{ font-size:11px; }
}
/* 장바구니 탭 */
.cart_table_box{width:75%;}
.cart_table_box .caution_msg1 {background:#fff url('../../img/icon/caution-1.png') no-repeat left 0;}
.cart_table_box .cart_chk_none {color:#383838;}
@media screen and (max-width:860px){
	.shop_view_tab .shop_view_list {margin:20px 0 20px 0px;}
	.cart_table_box {float:none; clear:both; width:98%; height:144px; margin:20px 1% 0; overflow:auto; border-bottom:1px solid #dbdbdb;}
	.cart_total_box{float:none; clear:both; position:relative; width:98%; height:105px; margin:10px 1% 0;}
	.cart_total_box dl{float:left; width:46%; padding:0 2% 5px;}
	.cart_total_box .total_price_sec{ padding:0 2% 5px; border-top:none; font-size:12px; }
	.cart_total_box .option_txt {display:none;}
	#shop_cart_wrap .btn_shop_buy{height:35px; font-size:12px;}
}
@media screen and (max-width:460px){
	.shop_view_tab .shop_view_list {margin:10px 0 20px 0px;}
	.cart_table_box {margin:10px 1% 0;}
	.cart_total_box {font-size:11px;}
	.cart_total_box .total_price_sec{ font-size:11px; }
	.cart_total_box .option_txt {display:none;}
}
/* 옵션선택 탭 */
.shop_option_cont{width:75%; border-bottom:1px solid #dcdcdc;}
.shop_option_cont .shop_option_tit{padding:15px 0 5px 1%; width:99%; }
.shop_option_cont .shop_option_tit .shop_item_tit {font-size:13px;}
/* 옵션 선택 리스트 */
.option_table_box .option_list dt{float:left; width:25%; padding:10px 0 10px 2%;}
.option_table_box .option_list dd{float:left; width:73%;}

/* 옵션 선택 상품가격 영역 */
.option_total_box .total_price_sec strong{color:#3b3b3b;}
.option_total_box .btn_shop_buy{margin:8px 0 0 0;}
.option_total_box .btn_shop_soldout{background:#383838; font-weight:normal;}
.option_total_box .btn_shop_buy,.option_total_box .btn_shop_cart {font-size:13px;}
@media screen and (max-width:860px){
	.shop_option_cont {float:none; clear:both; width:98%; margin:0 1% 0; height:160px; overflow:auto;}
	.option_total_box{float:none; clear:both; width:98%; margin:10px 1% 0; height:105px; text-align:center;}
	.option_total_box dl{float:left; width:46%; padding:0 2% 5px;}
	.option_total_box .total_price_sec{ padding:0 2% 5px; border-top:none; font-size:12px; }
	.option_total_box .btn_shop_buy,.option_total_box .btn_shop_cart{display:inline-block !important; width:46% !important; margin:0 1%;  height:35px !important; font-size:12px;}
	.option_total_box .btn_shop_soldout{width:100%; height:35px; font-size:12px;}
}
@media screen and (max-width:460px){
	.shop_option_cont {margin:10px 1% 0;}
	.option_total_box {font-size:11px;}
	.option_total_box .total_price_sec{ font-size:11px; }
}
/* 상품가격의 버튼 위치 */
.btn_cart_box{width:100%;}


/* ------------- 공통 - 상품 상세 옵션 선택 + 옵션 선택 레이어 + 쇼핑카트 탭 옵션선택 ------------- */
/* 상세 상품 선택 셋팅 */
.item_detail_list + .item_choice_list table {width:100%; border-bottom:1px solid #000;}
@media screen and (max-width:860px){
	.option_table_box .item_choice_divide .item_choice_tit span{width:100%;}
    .option_table_box .item_choice_divide .item_choice_photo + span,
	.item_choice_divide .item_choice_photo + span{width:95%;}
	.scrollMoveBtn .gototop, 
	.scrollMoveBtn .moveScrollTop, 
	.scrollMoveBtn .moveScrollBottom {display:none;}
}
@media screen and (max-width:760px){
	.option_list .item_choice_divide .item_choice_tit span,
	.option_list .item_choice_divide .item_choice_photo + span{width:auto;}
}

/* 상품 선택 내용*/
.item_choice_list table {background:none;}
.item_choice_list table td {border-top:1px solid #eaeaea;}
.item_choice_list table tbody:last-child tr td {border-bottom:1px solid #eaeaea;}
.item_choice_list .count{min-width:65px;}
.item_choice_list .item_choice_price{font-size:14px; word-break:break-all;}
.item_choice_list .cart_prdt_name{padding:15px 0 15px 10px; font-size:13px;}
.item_choice_list .item_choice_divide td{border-top:1px dotted #eaeaea;}

@media screen and (max-width:560px){
	.item_choice_list .count {padding:0 5px;}
	.item_choice_list .item_choice_price {font-size:13px; min-width:65px !important;}
	.item_choice_list .item_choice_price strong{display:inline-block;}	
}

/* 꾸미기 영역 */
.addition_zone{ text-align:center; padding: 0;}
.addition_zone img { max-width: 100%; width:auto;}
#subTopImgSlider.addition_zone {font-size:0; line-height:0; padding:0;display:none;}
#subTopImgSlider.addition_zone img {display:none; margin:0 auto;}
#subTopImgSlider.addition_zone img:first-child {display:block;}
#subTopImgSlider.addition_zone .slick-dots { bottom: 15px; }
#subTopImgSlider.addition_zone .slick-dots li button { width:12px; height:12px; padding: 0; border: 3px solid #999; background:#999; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
#subTopImgSlider.addition_zone .slick-dots li.slick-active button { background: transparent; }
@media screen and (max-width:460px){
	#subTopImgSlider.addition_zone .slick-dots { bottom: 8px;}
	#subTopImgSlider.addition_zone .slick-dots li button {width:8px; height:8px; border: 1px solid #999;}
}

/* 마이페이지 최근 본 상품 이미지 */
.mypage_main .item_photo_box a > img{width:100%;}

@keyframes benefit {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-4px)
    }

    100% {
        transform: translateY(0)
    }
}