@charset "utf-8";

/* background fixed 사용시 버그 대응용 * 한 번 스크롤로 페이지 전체 넘김을 할 때는 html스타일에서 height속성 제거하기 */
/* html {overflow: hidden; height: 100%;} */
/* body {overflow: auto; height: 100%;} */
html {font-size:0.625rem;}
/* ************************ 셋팅 ************************ */
:root {
	--base1:#B10000;
	--base2:#FFBB00;



	--border1:#E5E5E5;
	--gray1:;

	--fs12:1.2rem;
	--fs13:1.3rem;
	--fs14:1.4rem;
	--fs15:1.5rem;
	--fs16:1.6rem;
	--fs17:1.7rem;
	--fs18:1.8rem;
	--fs19:1.9rem;
	--fs20:2rem;
	--fs21:2.1rem;
	--fs22:2.2rem;
	--fs23:2.3rem;
	--fs24:2.4rem;
	--fs25:2.5rem;
	--fs26:2.6rem;
	--fs27:2.7rem;
	--fs28:2.8rem;
	--fs30:3.0rem;
	--fs32:3.2rem;
	--fs35:3.5rem;
	--fs36:3.6rem;
	--fs38:3.8rem;
	--fs40:4rem;
	--fs45:4.5rem;
	--fs48:4.8rem;
	--fs50:5rem;
	--fs55:5.5rem;
	--fs60:6rem;
	--fs64:6.4rem;
	--fs70:7rem;
	--fs80:8rem;
	--fs90:9rem;
	--fs120:12rem;
	--fs150:15rem;
	--fs200:20rem;
	--fs220:22rem;

	--ani:all .3s;


}
@media (max-width: 1200px) {
	:root {
		--fs14:1.3rem;
		--fs15:1.4rem;
		--fs16:1.6rem;
		--fs17:1.6rem;
		--fs18:1.7rem;
		--fs19:1.8rem;
		--fs20:1.9rem;
		--fs21:2rem;
		--fs22:2rem;
		--fs23:2rem;
		--fs24:2.1rem;
		--fs25:2.1rem;
		--fs26:2.2rem;
		--fs27:2.3rem;
		--fs28:2.4rem;
		--fs30:2.6rem;
		--fs32:2.7rem;
		--fs35:3rem;
		--fs36:3.2rem;
		--fs38:3.4rem;
		--fs40:3.5rem;
		--fs45:3.6rem;
		--fs48:4.1rem;
		--fs50:4rem;
		--fs55:4.2rem;
		--fs60:5rem;
		--fs64:5.2rem;
		--fs70:5.5rem;
		--fs80:6rem;
		--fs90:6.5rem;
		--fs120:10rem;
		--fs150:11rem;
		--fs200:12rem;
		--fs220:14rem;
	}
}

@media (max-width: 767px) {
	:root {
		--fs12:1.1rem;
		--fs13:1.2rem;
		--fs14:1.3rem;
		--fs15:1.4rem;
		--fs16:1.5rem;
		--fs17:1.5rem;
		--fs18:1.6rem;
		--fs19:1.6rem;
		--fs20:1.8rem;
		--fs21:1.8rem;
		--fs22:1.8rem;
		--fs23:1.8rem;
		--fs24:2rem;
		--fs25:2rem;
		--fs26:2.1rem;
		--fs27:2.2rem;
		--fs28:2.2rem;
		--fs30:2.3rem;
		--fs32:2.4rem;
		--fs35:2.5rem;
		--fs36:2.7rem;
		--fs38:3rem;
		--fs40:3.2rem;
		--fs45:3.3rem;
		--fs48:3.4rem;
		--fs50:3.5rem;
		--fs55:3.7rem;
		--fs60:4rem;
		--fs64:4.2rem;
		--fs70:4.5rem;
		--fs80:5rem;
		--fs90:5.2rem;
		--fs120:6rem;
		--fs150:6.5rem;
		--fs200:7rem;
		--fs220:7.5rem;
	}
}


/* ************************ 공용 ************************ */
a {text-decoration:none !important; outline:none !important; selector-dummy:expression(this.hideFocus=true) !important;}
a:link {text-decoration:none; color:#666;}
a:visited {text-decoration:none; color:#666;}
a:hover {text-decoration:none; color:#000;}
a:active {text-decoration:none; color:#666;}
/* a,img,i {transition:all .1s linear;	-webkit-transition:all .1s linear; -moz-transition:all .1s linear;} */

body {font-family:Pretendard,NotoSansKR,AppleSDGothicNeo-Light,DroidSans,HelveticaNeue,"돋움",sans-serif; font-size:var(--fs16);line-height:1.6; color:#000; word-break:keep-all; overflow-x:hidden;}
body > section {position:relative; display:block; width:100%; max-width:1200px; margin:0 auto;}

.fixed{position:fixed!important;}

.c_base1 {color:var(--base1) !important;}
.c_base2 {color:var(--base2) !important;}

/* 컨텐츠 */
.contents img {max-width:100%; height:auto;}

/* 관련검색어? custom */
.search_related {border-radius:30px;overflow:hidden;position:absolute;left:0!important;top:20px!important;z-index: 3;background: #fff;width:100%;box-shadow: 2px 2px 8px rgba(0,0,0,.16);padding-bottom:15px;}
.search_related .ui-autocomplete{padding:50px 0 10px;overflow-y:auto;max-height:330px;width:100%!important;position: relative!important;top:auto!important;left:auto!important;border:0!important;overflow-x:hidden;}
.search_related .ui-autocomplete li{line-height: 1;}
.search_related .ui-autocomplete li a{text-align:left;line-height:1.5!important;display: block;font-size: 14px;font-family: NotoSansKR,AppleSDGothicNeo-Light,DroidSans,HelveticaNeue,"돋움",sans-serif;background: url(/images/common/i_search.png) no-repeat 15px 9px;background-size:15px;padding:6px 20px 6px 40px;border:0!important;}
.search_related .ui-autocomplete li a:hover{border:0;background-color:#f9f9f9}

.sub .search_related{top:10px!important;}

/* 스크롤바 custom */
.search_related ::-webkit-scrollbar {width:15px;border-radius:30px;}
.search_related ::-webkit-scrollbar-track {border-radius:30px;background: #f5f5f5;border-left: 1px solid #eee;}
.search_related ::-webkit-scrollbar-thumb {background: #ddd;border-radius:30px;}
.search_related ::-webkit-scrollbar-thumb:hover {background: #ccc;}

@keyframes twinkle{
  0% {background:#c81f1f}
  50% {background:#ff8989}
  100% {background:#c81f1f}
}

/* ************************ 데스크탑 (992~) ************************ */
@media screen and (min-width: 992px), print {

	body {min-width:1200px;}
	body>* {clear:both; position:relative; width:100%; max-width:100%; margin:0 auto;}

	/* 공통 */
	a.kakao_chat{position:fixed;top:50%;margin-top:-40px;right:20px;}
	div[class*="_container"]{max-width:1400px;position:relative;margin:0 auto;}
	.lt_title .title{font-weight:500;color:#000;}
	.arrow_right{margin: 0 10px;}
	.arrow_right img{margin-top:-3px;}
	.mobile {display:none !important;}

	/*공통*/
	.only-pc {display:block;}
	.except-pc {display:none;}
	.only-mobile {display:none !important;}
	.only-tablet {display:none;}
	.except-mobile {display:block !important;}
	.only-pc-mobile {display:block;}

	.widthType1 {width:1600px; margin:0 auto; max-width:100%;}
	.widthType2 {width:1400px; margin:0 auto; max-width:100%;}


	/*품절*/
	.soldOut{
		position:absolute; left:30px; top:30px;
		animation: twinkle .8s infinite;border-radius:5px;
		padding:5px;color:#fff;background:#8d8d8d;
		display:inline-block;margin-left:5px;line-height: 1;
	}

	/*contents 공통*/
	.contents{max-width:1400px;margin:0 auto;position:relative;padding:70px 0 100px 0; min-height:500px;}
	.contents .sub_title{color:#000;font-size:25px;margin-bottom:30px;max-width: calc(100% - 440px);line-height: 1.3;}
	.contents .sub_title small{font-size:var(--fs16);color:#666;font-weight:300;line-height: 1;margin-top:10px;display: inline-block;vertical-align: middle;display:block;}

	/* 헤더 */
	header{border-bottom:1px solid #ddd; background:#000 url(/images/common/main_banner_sub.webp)center bottom /cover no-repeat;}
	header:after{content:'';display:block;clear:both;}
	header>div{height:100%;}
	
	header .head_top {width:1400px; max-width:100%; margin:0 auto;}
	
	header .menu_container {height:200px;}
	header .top_menu {height:90px; display:flex; justify-content:space-between; align-items:center;}
	header .top_menu ul {display:flex; gap:0 50px;}
	header .top_menu ul li {}
	header .top_menu ul li a {display:block; padding-left:30px; background:0 50% no-repeat; color:#fff; font-weight:600;}
	header .top_menu ul li:nth-child(1) a {background-image:url(/images/common/icon_topMenu_01.svg);}
	header .top_menu ul li:nth-child(2) a {background-image:url(/images/common/icon_topMenu_02.svg);}
	/* header .top_menu ul li:nth-child(3) a {background-image:url(/images/common/icon_topMenu_03.svg);} */
	header .top_menu ul li:nth-child(3) a {background-image:url(/images/common/icon_topMenu_04.svg);}
	header .top_menu ul li:nth-child(4) a {background-image:url(/images/common/icon_topMenu_06.svg);}
	header .top_menu ul li:nth-child(5) a {background-image:url(/images/common/icon_topMenu_05.svg);}
	header .top_menu p {display:flex; gap:10px; align-items:center; color: #FFF;font-weight: 700;line-height: normal;letter-spacing: -0.48px;}
	header .top_menu p a {color: #FB0;font-size:var(--fs24);letter-spacing: -0.72px;}

	header .head {padding:16px 0 30px; display:flex; justify-content:space-between; align-items:center;}
	header .head h1 {}
	header .head h1 a {}
	header .head h1 img {height:50px;}

	header .head-slide {width:350px; display:flex; gap:10px; height:40px; overflow:hidden;}
	header .head-slide.notice {}
	header .head-slide.review {}
	header .head-slide .tit {width:80px; height:40px; display: flex; justify-content:center; align-items:center; border-radius: 100px;background: rgba(255, 255, 255, 0.15);backdrop-filter: blur(5px); color:#fff; font-size:var(--fs15);}
	header .head-slide .bx-wrapper {width:calc(100% - 140px); box-shadow: none !important;border: 0 !important;margin: 0 !important;vertical-align: middle;background: none;}
	header .head-slide .txt {width:;}
	header .head-slide .txt a {line-height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block;overflow: hidden;color: rgba(255, 255, 255, 0.70);font-weight: 600;}
	header .head-slide .txt .bx-wrapper {border:0;}

	.main header {background:url(/images/main/main_banner_main6.webp)center bottom /cover no-repeat;}
	.main header .head {padding:20px; gap:100px; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.20); background: rgba(0, 0, 0, 0.30); backdrop-filter: blur(15px);}
	.main header .head-slide {width:calc((100% - 100px)/2);}
	.main header .head .plus {width:40px; height:40px; background:url(/images/common/icon_plus.svg)50% no-repeat; }
	

	.main header h1 {text-align:center; position: absolute; z-index: 99999; left:47%; top:165px;
    transform:translateX(-50%);}
	.main header h1 a {}
	.main header h1 a img {opacity:1; width:400px;}


	.subTop {border-bottom:1px solid var(--border1);}
	.subTopWrap {display:flex; gap:10px; justify-content:space-between; align-items:center;}
	.subTop-menu {}
	.subTop-menu-btn {}
	.subTop-menu-btn a {}
	.subTop-menu-list {}
	.subTop-menu-list {}

	.subTop-search {position:relative;}
	.subTop-search form {position:relative;z-index:5;}
	.subTop-searchBox {
		display: flex; width: 250px; height: 45px; gap:10px; padding: 0 10px; align-items: center;
		gap: 10px;border-radius: 100px;border: 2px solid #000;background: #FFF; position:relative;
	}
	.subTop-searchBox input {padding:0 !important; width:calc(100% - 35px); height:100%; border:0 !important; background:none !important;}
	.subTop-searchBox input:focus {border:0 !important;  background:none !important;}
	.subTop-searchBox input::placeholder {color:#000;}
	.subTop-searchBox button {width: 25px; height: 25px; padding:0; background:none; border:0;}
	.subTop-searchBox button img {width:100%; height:100%; object-fit:scale-down;}

	.subTop-list {height:85px; flex-grow:1; display:flex; gap:30px; justify-content:end; align-items:center;}
	.subTop-list a {display:flex; align-items:center;}



	/* gnb */
	#gnb {display:none;}
	#gnb {width:240px; position: absolute;z-index:9999;background:transparent;top:65px;}
	.gnb_wrap {}
	.gnb_ul {border-radius: 0 15px 15px 15px; border: 1px solid #000; overflow:hidden; background-color:#fff;}
	/* .gnb_ul div{max-height:500px; width:164px;} */
	.gnb_ul li{border-bottom: 1px solid #ddd;}
	.gnb_ul li:last-child{border-bottom:0;}
	.gnb_ul a{
		transition: all 0s linear 0s!important; display: block; line-height:1;
		padding:12px 15px; color: inherit;
		background-color:#fff;color: #000; font-weight: 400;
	}
	.gnb_ul > li > a {padding:12px 30px 12px 15px;}
	
	

	.gnb_ul li:hover>a{color:#fff;background-color:#000;}
	.gnb_ul > li:hover>a {background:#000 url(/images/common/icon_arrow_right.svg)calc(100% - 10px) 50% no-repeat }
	.gnb_ul > li .submenu-wrapper {height:100%; display: none; width:200px; position:absolute; top:0; left:240px; padding-left:4px;}
	.gnb_ul > li > .submenu-wrapper li .submenu-wrapper {display: none;left: 200px!important; top:0; padding-left:4px;}
	.gnb_ul .submenu-list {border:1px solid #000; border-radius:15px; box-shadow: 15px 15px 15px 0 rgba(0, 0, 0, 0.15);overflow:hidden;}

	.gnb_ul li.noDepth a {background-image: none !important;}
	.gnb_ul{z-index:1;}
	.gnb_ul > li div{z-index:2;}
	.gnb_ul .on div{z-index:3;}
	.gnb_ul div.on{display:block !important;}
	.gnb_ul div > ul{max-height:600px; overflow-x: hidden;overflow-y: auto;}


	/* 스크롤바 custom */
	.gnb_ul ::-webkit-scrollbar {width:5px;}
	.gnb_ul ::-webkit-scrollbar-track {border-radius: 0;background: #f5f5f5;border-left: 1px solid #eee;}
	.gnb_ul ::-webkit-scrollbar-thumb {background: #ddd;border-radius:10px;}
	.gnb_ul ::-webkit-scrollbar-thumb:hover {background: #ccc;}

	#menuOpen {
		padding: 0 25px 0 50px; width:135px ;height:70px; line-height:70px; color:#fff;
		display:flex; border-radius: 100px; background:var(--base1) url(/images/common/icon_menu.svg)25px 50% no-repeat;
		gap: 10px; height: 45px;justify-content: center; align-items: center; transition:none !important;
	}

	header.on+.subTop .subTop-menu #menuOpen { border-radius:15px 15px 0 0 ; background:#000 url(/images/common/icon_close.svg)25px 50% no-repeat;}
	header.on+.subTop #gnb {display:block;}
	header.on+.subTop #gnb .gnb_ul {}
	header.on+.subTop #gnb .gnb_ul li {}
	header.on+.subTop #gnb .gnb_ul li a {}

	/*lnb*/
	.lnb {position:absolute; left:0; top:272px; width:100%;border-bottom:1px solid var(--border1);}
	.lnb .lnb-wrap {width:1400px; margin:0 auto; display:flex; height:60px; position:relative; z-index:2;}
	.lnb .lnb-wrap>* {border-width:0 1px 0 0; border-style:solid;  border-color:var(--border1);}
	.lnb .lnb-wrap .home {width:60px; height:60px; display:flex;align-items:center;justify-content: center;border-left:1px solid var(--border1);}
	.lnb .lnb-wrap .home img {}
	.lnb .lnb-wrap .home svg {}

	.lnb .lnb-wrap .gotop {width:60px; height:60px; border-left: 1px solid #E0E0E0;border-right: 1px solid #E0E0E0; opacity:1 !important; position:absolute; right:0; top:0;}
	.lnb .lnb-wrap .gotop img {width:100%; height:100%; object-fit:scale-down;}

	/* .lnb .lnb-wrap .cate_title{font-weight:400;font-size:var(--fs16);color:#000;background:url(/images/common/i_category) no-repeat 0 50%;padding-left:26px;margin-right:40px;line-height:75px;} */
	.lnb .lnb-wrap a {font-size:var(--fs16); color:#000;}
	.lnb .lnb-wrap .lnb-depth {position:relative;}
	.lnb .lnb-wrap .lnb-depth>p {padding:4px 60px 0 30px; display:flex; height:100%; align-items:center; font-size:var(--fs18); font-weight:600; color:#000; cursor:pointer;background:url(/images/common/icon_select_arrow.svg)calc(100% - 15px) 50% no-repeat; border-bottom:3px solid transparent;}
	.lnb .lnb-wrap .lnb-depth>p:hover{background-image:url(/images/common/icon_select_arrow_on.svg); color:var(--base1)}
	.lnb .lnb-wrap .lnb-depth>ul {display:none; position:absolute; left:0; top:60px; width:100%; min-width:192px; border:1px solid #ddd; background:#fff;z-index:999;box-shadow: 0px 2px 10px rgba(0,0,0,.08);max-height: calc(100vh - 300px);overflow-y: auto;}

	.lnb .lnb-wrap .lnb-depth>ul li a {display:block; padding:5px 20px;font-size:var(--fs16);color:#666;border-bottom:1px solid #ddd;}
	.lnb .lnb-wrap .lnb-depth>ul li.on a {color:var(--base1);border-bottom:1px solid var(--base1);}
	.lnb .lnb-wrap .lnb-depth.on>ul {display:block;}
	.lnb .lnb-wrap .lnb-depth.depth02 {}

	.lnb.fixOn {position:fixed !important; width:100%; z-index:1000 !important; top:0 !important; box-shadow:0 3px 3px rgba(0,0,0,.05); background:#fff;left:0;}
	.lnb.fixOn .lnb-wrap {max-width:1400px;margin:0 auto;}

	.lnb .wrap .on{display:block;}
	.lnb .wrap .on p {background-image:url(/images/common/icon_select_arrow_on.svg); color:var(--base1); border-color:var(--base1) ;}
	.lnb .wrap .on .dep3{display:none;}
	.lnb .wrap .on .dep4{display:none;}

	/* 마이페이지 용 lnb */
	.lnbH {height:60px;}
	.lnb_mypage {border-bottom: 1px solid #E0E0E0; position:absolute; left:0; top:273px; width:100%; background:#fff;z-index:999;}
	.lnb_mypage.fixOn {position:fixed; top:0;  box-shadow:0 0 20px rgba(0,0,0,.1);}
	.lnb_mypageWrap {gap:50px; display:flex; width:1400px; margin:0 auto;}
	.lnb_mypage .home {width:60px; height:60px; border-left: 1px solid #E0E0E0;border-right: 1px solid #E0E0E0;}
	.lnb_mypage .home img {width:100%; height:100%; object-fit:scale-down;}
	.lnb_mypage ul {gap:50px; display:flex; align-items:center; flex-grow:1;}
	.lnb_mypage ul li {}
	.lnb_mypage ul li a {height:60px; padding-top:2px; color: #000; border-bottom:3px solid transparent; font-size:var(--fs18);font-weight: 600; line-height:normal; display:flex; align-items:center; justify-content:center; }
	.lnb_mypage ul li.on a {color:var(--base1); border-color:inherit}
	.lnb_mypage ul li a:hover {color:var(--base1);}

	.lnb_mypage .gotop {width:60px; height:60px; border-left: 1px solid #E0E0E0;border-right: 1px solid #E0E0E0; opacity:1 !important;}
	.lnb_mypage .gotop img {width:100%; height:100%; object-fit:scale-down;}

	/* .lnb_mypage {background:#f3f3f3;} */
	/* .lnb_mypage .home {} */
	/* .lnb_mypage ul{max-width:1200px;margin:0 auto;} */
	/* .lnb_mypage ul:after{content:'';display:block;clear:both;} */
	/* .lnb_mypage ul li{float:left;width:16.666%;} */
	/* .lnb_mypage ul li a{display:block;line-height:60px;text-align:center;} */
	/* .lnb_mypage ul li.on a{background:#fff;color:#000;} */
	/* .lnb_mypage.w5 ul li{width:20%;} */

	/*footer*/
	footer {}
	footer .footer-info {padding:80px 0; display:flex; justify-content:space-between; background:#F7F7F7; color:#333;}
	footer .footer-infoWrap {display:flex; justify-content:space-between;}
	footer .footer-info .tit {padding:0 0 20px; width:100%; display:flex; justify-content:space-between; color:#000; font-weight:700;}
	footer .footer-info .tit span+span {font-weight:500; letter-spacing: -0.48px;}
	footer .footer-info-item {}
	footer .footer-info-item-list {padding:0 0 5px; display:flex; gap:20px;}

	footer .footer-info-cs {}
	footer .footer-info-cs p {display:flex; gap:20px; width:100%; color: var(--base4);}
	footer .footer-info-cs .tel {}
	footer .footer-info-cs .tel+p {padding:5px 0;}
	footer .footer-info-cs a {font-weight: 600;}

	footer .footer-info-bank {}
	footer .footer-info-bank div {display:flex; flex-direction:column; gap:5px;}
	footer .footer-info-bank div p {padding-left:32px; background:0 50% no-repeat;}
	footer .footer-info-bank div p.kb {background-image:url(/images/common/icon_bank_kb.svg)}
	footer .footer-info-bank div p.sh {background-image:url(/images/common/icon_bank_sh.svg)}
	footer .footer-info-bank div p.nh {background-image:url(/images/common/icon_bank_nh.svg)}
	footer .footer-info-bank div div {text-align:center; background:#fff; border-radius:100px; border:1px solid #e5e5e5;}

	footer .footer-support {padding:20px 0;}
	footer .footer-supportWrap {display:flex; justify-content:space-between;align-items:center;}
	footer .footer-support .copy {font-size: var(--fs14); color:#000;}
	footer .footer-support .copy a {color:#000; border-bottom:1px solid ;}
	footer .footer-support .list {display:flex; gap:30px; align-items:center;}
	footer .footer-support .list a {color: #000; font-size: var(--fs14); font-weight: 600;}
	footer .footer-support .list .bar {width: 1px;height: 12px;background: rgba(0, 0, 0, 0.20);}
	footer .footer-support-logo {display:flex; gap:20px;}
	footer .footer-support-logo a {}
	footer .footer-support-logo a img {height:35px;}


	/* 상품 list (main,sub 공통) */
	.product_ul {display:flex; gap:30px; flex-wrap:wrap;}
	.product_ul>li{width:calc((100% - 120px)/5); border-radius: 15px;border: 1px solid var(--border1);background: #FFF; overflow:hidden; transition:all .3s;}
	.product_ul>li:hover {box-shadow: 20px 20px 20px 0 rgba(0, 0, 0, 0.15);}
	.product_ul>li:nth-child(5n+1){margin-left:0; clear:both;}
	.product_ul>li .proBx {position:relative;}
	.product_ul>li .proBx a {display:block;}
	.product_ul>li .proBx .img {}
	.product_ul>li .proBx .img img {width:100%; height:100%; object-fit:cover;}

	.product_ul>li .proBx a.info {padding:30px;}
	.product_ul>li .proBx a.info span{display:block;}
	.product_ul>li .proBx a.info .subj{
		min-height:42px; font-size:var(--fs18); color: #000; line-height: normal;
		display: -webkit-box; text-overflow: ellipsis; overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	.product_ul>li .proBx a.info .price{padding:10px 0; font-size:var(--fs18); color:#000; font-weight:700; color:var(--base1); line-height:120%;}
	.product_ul>li .proBx a.info .point{color:#666; line-height: normal;}

}


/* ************************ 테블릿 (~991) ************************ */
@media screen and (max-width: 991px) {

	html,body {
		overflow-x:hidden;
		/* height:calc(100% - 60px); padding-top:60px; */
	}

	/* 공통 */
	a.kakao_chat{position:fixed;bottom:5vw;right:5vw;}
	div[class*="_container"]{position:relative;margin:0 auto;padding-left:20px;padding-right:20px;}
	.lt_title .title{font-weight:500;font-size: inherit;color:#000;}
	.arrow_right{margin: 0 8px;}
	.arrow_right img{margin-top:-3px;}

	.pc {display:none!important;}

	/*contents 공통*/
	.contents{position:relative;padding:25px 20px;min-height:250px;}
	.contents .sub_title{color:#000;font-size:25px;margin-bottom:30px;line-height: 1.3;letter-spacing: -.8px;}
	.contents .sub_title small{font-size:13px;color:#666;font-weight:300;line-height: 1;margin: -5px 0 0 5px;display: inline-block;vertical-align: middle;}

	/*공통*/
	.only-pc {display:none;}
	.except-pc {display:block;}
	.only-tablet {display:block;}
	.only-mobile {display:none !important;}
	.except-mobile {display:none  !important;}
	.only-pc-mobile {display:none;}

	.widthType1 {padding:0 20px;}
	.widthType2 {padding:0 20px;}

	/*품절*/
	/* .soldOut{animation: twinkle .8s infinite;border-radius:5px;padding:5px;color:#fff;background:#8d8d8d;display:inline-block;margin-left:5px;line-height: 1;} */
	.soldOut{
		position:absolute; right:0; top:0;
		animation: twinkle .8s infinite;border-radius:5px;
		padding:5px;color:#fff;background:#8d8d8d;
		display:inline-block;margin-left:5px;line-height: 1;
	}

	.subTop {border-bottom:1px solid var(--border1);}
	.subTopWrap {padding:20px 20px 0; width:100%;}
	.subTop-menu {}
	.subTop-menu-btn {}
	.subTop-menu-btn a {}
	.subTop-menu-list {}
	.subTop-menu-list {}

	.subTop-search {position:relative;}
	.subTop-search form {position:relative;z-index:5;}
	.subTop-searchBox {
		display: flex; width: 100%; height: 45px; gap:10px; padding: 0 10px; align-items: center;
		gap: 10px;border-radius: 100px;border: 2px solid #000;background: #FFF; position:relative;
	}
	.subTop-searchBox input {width:calc(100% - 35px); height:100%; border:0 !important; background:none !important;}
	.subTop-searchBox input:focus {border:0 !important;  background:none !important;}
	.subTop-searchBox input::placeholder {color:#000;}
	.subTop-searchBox button {width: 25px; height: 25px; padding:0; background:none; border:0;}
	.subTop-searchBox button img {width:100%; height:100%; object-fit:scale-down;}

	.subTop-list {width:100%; height:60px; display:flex; gap:30px; align-items:center;}
	.subTop-list a {width:100%; display:flex; align-items:center; justify-content: center;}



	/* gnb */
	#gnb {display:none!important;}
	#gnb_mo {display:none; width:100%; background:#fff;position:fixed;top:0;left:0;z-index:99;box-shadow: 6px 7px 12px rgba(0,0,0,.08); height: 100vh; overflow: hidden;}
	#gnb_mo .menu_container{height: 70px;border-bottom: 1px solid #ddd;}
	.gnb_ul {width:100%;border-bottom:0;padding-bottom:20px;}


	.gnb_ul li{position:relative;}
	.gnb_ul li{position:relative;}
	.gnb_ul a{transition: all 0s linear 0s!important;font-size:14px;display: block;line-height:1;padding:12px 20px; color: inherit;color: #000; font-weight: 400;}
	/* .gnb_ul > li div {display: none;background:#f7f7f7} */
	/* .gnb_ul > li div {background:#f7f7f7} */

	.gnb_ul.dep1 ul {display:none;}
	.gnb_ul.dep1 li {border-bottom: 1px solid #ddd;}

	/* .gnb_ul > li .submenu-list {display:block !important; } */
	/* .gnb_ul > li > .submenu-wrapper {width:100%; background:#f7f7f7; display:none;} */
	.gnb_ul > li > .submenu-wrapper {width:100%; background:#f7f7f7;}

	.gnb_ul > li .submenu-wrapper .dep1 {}

	.gnb_ul > li .submenu-wrapper .dep2 {}

	.gnb_ul > li .submenu-wrapper .dep3 {border-bottom: 1px solid #ddd;background: #eee;}
	
	.gnb_ul > li .submenu-wrapper .dep3>li>a{position:relative;padding-left:28px!important;}
	.gnb_ul > li .submenu-wrapper .dep3>li>a:before{content:'';position:absolute;top:50%;margin-top:-1.5px;left:20px;width:3px;background:#999;height:3px;}
	
	.gnb_ul > li .submenu-wrapper .dep4 {background:#e8e8e8;}
	.gnb_ul > li .submenu-wrapper .dep4 li a{position:relative;padding-left:32px!important;}
	.gnb_ul > li .submenu-wrapper .dep4 li a:before{content:'';position:absolute;top:50%;left:20px;width:6px;background:#999;height:1px;}
	
	.gnb_ul li.noDepth a {background-image: none !important; }
	.gnb_ul div.on{display:block!important;}

	.gnb_ul li>.viewMore{position: absolute;top: 0;right: 0;font-size:20px;line-height:1;padding:9px 20px; font-weight:300; background:var(--base1); color:#fff;}
	.gnb_ul li>.viewMore:before{position: absolute;content:'';top:0;background:var(--base1);left:0;width:1px;height:100%; color:#fff; border:1px solid var(--base1);}
	/* .gnb_ul li.active>.viewMore {background:var(--base1); color:#fff;} */
	/* .gnb_ul li.active>.viewMore:before {background:var(--base1); color:#fff; border:1px solid var(--base1);} */
	
	.gnb_ul>li>.submenu-wrapper>div>ul>li{border-bottom:0;}
	.gnb_ul>li>.submenu-wrapper>div>ul>li a{font-size:13px;padding:10px 20px;border-top: 1px solid #fff;}
	/* .gnb_ul>li>.submenu-wrapper div li.active {} */
	/* .gnb_ul>li>.submenu-wrapper div li.active a {color:;} */
	.gnb_ul>li.active {border-bottom:1px solid var(--base1);}
	.gnb_ul li.active>a{color:var(--base1);}
	.gnb_ul .submenu-wrapper .submenu-wrapper {background:#eee;}
	.gnb_ul .submenu-wrapper .submenu-wrapper+.viewMore{padding:7px 20px; background:#bbb; color:#fff;}
	.gnb_ul .submenu-wrapper .submenu-wrapper+.viewMore:before {display:none;}
	/* .gnb_ul li.active div li .viewMore:after{position: absolute;content:'';bottom:0;background:#eee;left:0;height:1px;width:100%;;} */



	#menuOpen{width:70px;height:70px;line-height:70px;text-align:center;position: absolute;top: 0;left: 0; z-index: 999;}
	#menuOpen a{display:flex;height:100%;align-items:center; position:relative;}
	#menuOpen a img{margin: 0 auto;}
	#menuOpen img.on{display:none;}
	#menuOpen img.off{display:block; margin-bottom:20px;}
	#menuOpen span {display:block; width:100%; position:absolute; left:0;bottom:15px; line-height:1; font-size:12px; font-weight:400; color:#fff;}
	header.on #menuOpen{background:var(--base1);}
	header.on #menuOpen img.on{display:block;}
	header.on #menuOpen img.off{display:none;}
	header.on #menuOpen span {display:none;}

	/* 마이페이지 용 lnb */
	.lnb_mypage{background:#f3f3f3;}
	.lnb_mypage ul:after{content:'';display:block;clear:both;}
	.lnb_mypage ul li{float:left;width:33.33%;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
	.lnb_mypage ul li:nth-child(3n){border-right:0;}
	.lnb_mypage ul li a{display:block;line-height:38px;text-align:center;font-size:13px;}
	.lnb_mypage ul li.on a{background:#da0101;color:#fff;}

	/*footer*/
	footer {}
	footer .footer-info {padding:60px 0; background:#F7F7F7; color:#333;}
	footer .footer-infoWrap {display:flex; flex-direction:column; gap:20px;}
	footer .footer-info .tit {padding:0 0 14px; width:230px; max-width:100%; display:flex; justify-content:space-between; color:#000; font-weight:700;}
	footer .footer-info .tit span+span {font-weight:500; letter-spacing: -0.48px;}
	footer .footer-info-item {}
	footer .footer-info-item-list {display:flex; gap:0 20px;}

	footer .footer-info-cs {}
	footer .footer-info-cs p {display:flex; gap:0 20px; width:100%; color: var(--base4);}
	footer .footer-info-cs .tel {}
	footer .footer-info-cs a {font-weight: 600;}

	footer .footer-info-bank {}
	footer .footer-info-bank div {display:flex; flex-direction:column; gap:5px;}
	footer .footer-info-bank div p {padding-left:32px; background:0 50% no-repeat;}
	footer .footer-info-bank div p.kb {background-image:url(/images/common/icon_bank_kb.svg)}
	footer .footer-info-bank div p.sh {background-image:url(/images/common/icon_bank_sh.svg)}
	footer .footer-info-bank div p.nh {background-image:url(/images/common/icon_bank_nh.svg)}

	footer .footer-support {padding:20px 0; position:relative;}
	footer .footer-supportWrap {display:flex; flex-direction:column-reverse; gap:10px;}
	footer .footer-support .copy {font-size: var(--fs14); color:#000;}
	footer .footer-support .copy a {color:#000; border-bottom:1px solid ;}
	footer .footer-support .list {display:flex; gap:30px; align-items:center;}
	footer .footer-support .list a {color: #000; font-size: var(--fs14); font-weight: 600;}
	footer .footer-support .list .bar {width: 1px;height: 12px;background: rgba(0, 0, 0, 0.20);}
	footer .footer-support-logo {display:flex; gap:20px; position:absolute; right:20px; top:20px;}
	footer .footer-support-logo a {}
	footer .footer-support-logo a img {height:35px;}

	/* 상품 list (main,sub 공통) */
	.product_ul {display:flex; gap:20px 10px; flex-wrap:wrap;}
	.product_ul>li{width:calc((100% - 30px)/4); border-radius: 15px;border: 1px solid var(--border1);background: #FFF; overflow:hidden; transition:all .3s;}
	.product_ul>li:hover {box-shadow: 20px 20px 20px 0 rgba(0, 0, 0, 0.15);}
	.product_ul>li:nth-child(5n+1){margin-left:0; clear:both;}
	.product_ul>li .proBx {position:relative;}
	.product_ul>li .proBx a {display:block;}
	.product_ul>li .proBx .img img {width:100%; height:100%; object-fit:cover;}

	.product_ul>li .proBx a.info {padding:20px;}
	.product_ul>li .proBx a.info span{display:block;}
	.product_ul>li .proBx a.info .subj{
		min-height:42px; font-size:var(--fs18); color: #000; line-height: normal;
		display: -webkit-box; text-overflow: ellipsis; overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	.product_ul>li .proBx a.info .price{padding:10px 0; font-size:var(--fs18); color:#000; font-weight:700; color:var(--base1); line-height:120%;}
	.product_ul>li .proBx a.info .point{color:#666; line-height: normal;}




	/* sub head - 검색창 */
	header .mo_menu_container{height:70px;}
	header .logo_wrap a{height:100%;display: flex;align-items: center;}
	header>div{position:relative;height: 100%;}

	.main header .search_wrap .search-area form label{display:none;}
	.main header .search_wrap .search-area input[type="text"]::placeholder {opacity:0!important;}
	
	.sub header.mobile.on .mo_menu_container>.logo_wrap{display:none;}
	.sub header .search_wrap{height:70px}

	/* 모바일 메뉴 */
	header {text-align:center; background:url(/images/common/main_banner_sub_mob.webp)center /cover no-repeat;}
	
	header .head_top {padding:0 20px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid rgba(255,255,255,.2);}
	
	header .head {display:flex; flex-direction:column; gap:10px;}
	header .head-slide {
		width:100%; height:62px; display:flex; gap:10px; overflow:hidden; background: rgba(0, 0, 0, 0.30); text-align:left;
		padding:10px; border-radius: 100px; border: 1px solid rgba(255, 255, 255, 0.20); backdrop-filter: blur(15px);
	}
	header .head-slide.notice {}
	header .head-slide.review {}
	header .head-slide .tit {width:80px; height:40px; display: flex; justify-content:center; align-items:center; border-radius: 100px;background: rgba(255, 255, 255, 0.15);backdrop-filter: blur(5px); color:#fff; font-size:var(--fs15);}
	header .head-slide .txt {width:;}
	header .head-slide .txt a {line-height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block;overflow: hidden;color: rgba(255, 255, 255, 0.70);font-weight: 600;}
	
	header .head-slide .bx-wrapper {width:calc(100% - 140px); box-shadow: none !important;border: 0 !important;margin: 0 !important;vertical-align: middle;background: none;}
	
	.main header {background:url(/images/main/main_banner_main6-mob.webp)center /cover no-repeat;}
	.main header .head {padding:10px 0 30px;}
	.main header .head .plus {width:40px; height:40px; background:url(/images/common/icon_plus.svg)50% no-repeat; }
	
	.main header h1 {padding-bottom:50px; text-align: center;}
	.main header h1 a {}
	.main header h1 a img {max-width:100%; opacity:1; width:30%; min-width:200px;}
	
	.main .headerH {height:71px; background:#000;}
	.main header .head_top {height:71px; position:absolute;left:0;top:0; width:100%;}
	
	
	header .logo_wrap {float:inherit;position: relative;display: flex;height: 70px!important;margin: 0 auto;width: 220px;align-items: center;z-index:100;}
	header .logo_wrap a{height:auto;margin:0 auto;}
	header .logo_wrap a img{height:30px;}
	
	
	header .top_menu {height:70px; display:flex; justify-content:space-between; align-items:center;}
	header .top_menu ul {display:flex; gap:0 50px;}
	header .top_menu ul li {}
	header .top_menu ul li a {padding-left:30px; background:0 50% no-repeat; color:#fff; font-weight:600;}
	header .top_menu ul li:nth-child(1) a {background-image:url(/images/common/icon_topMenu_01.svg);}
	header .top_menu ul li:nth-child(2) a {background-image:url(/images/common/icon_topMenu_02.svg);}
	/* header .top_menu ul li:nth-child(3) a {background-image:url(/images/common/icon_topMenu_03.svg);} */
	header .top_menu ul li:nth-child(3) a {background-image:url(/images/common/icon_topMenu_04.svg);}
	header .top_menu ul li:nth-child(4) a {background-image:url(/images/common/icon_topMenu_06.svg);}
	header .top_menu ul li:nth-child(5) a {background-image:url(/images/common/icon_topMenu_05.svg);}
	header .top_menu p {display:flex; gap:10px; align-items:center; color: #FFF;font-weight: 700;line-height: normal;letter-spacing: -0.48px;}
	header .top_menu p a {color: #FB0;font-size:var(--fs24);letter-spacing: -0.72px;}


	header .common_wrap{border-bottom:1px solid #ddd;}
	header .common_wrap .right_menu{width:100%;float:inherit;}
	header .common_wrap .right_menu>ul{border:0;}
	header .common_wrap .right_menu>ul li{width:20%;display:block;border-left:1px solid #ddd;}
	header .common_wrap .right_menu>ul li:first-child{border-left:0;}
	header .common_wrap .right_menu>ul li a{padding:15px 5px;}

	header .gnb_ul a{text-align:left;}
	header .gnbBx li.on>a{background-position-x:98%;}

	header .cate_wrap{text-align:center;}
	header .cate_wrap .tab{width: 200px; display:inline-block; height: auto;line-height: 1;margin: 20px 0 10px;}
	header .cate_wrap .tab:after{content:'';display:block;clear:Both;}
	header .cate_wrap .tab button {transition:.3s;width:50%;cursor:pointer;font-weight:400;padding:10px 20px;font-size:14px;border:1px solid #ddd;background:#fff;color:#333;line-height: 1;float:left;display:block;margin-left:-1px;border-radius:0;height:auto;}

	header .cate_wrap .tab button.active {background-color: var(--base1);border-color:var(--base1);color:#fff;}
	header .catecontent {display:none;height: calc(100vh - 206px);overflow-y:auto;border-top: 2px solid var(--base1)!important;}
	header .catecontent.active {display:block;}


	header.on{position:fixed;top:0;left:0;width: 100%;
    height: 100vh;z-index:99999999;
    background: #fff;
    line-height: 1;}


	header.on #gnb_mo{display:block;}
	/*
	header.on .menu_wrap{width:100%;}
	header.on .menu_wrap .gnbBx{width:100%;}
	*/
	
	
	
}


/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {

	a.kakao_chat img{height: 65px;}

	/*공통*/
	.only-mobile {display:block !important;}
	.except-pc {display:block;}
	.only-tablet {display:none;}
	.except-mobile {display:none !important;}
	.only-pc-mobile {display:block;}

	header .logo_wrap a img{width:160px;height:auto;}

	.sub header.mobile .search_wrap .search-area form label{font-size:13px;left:15px;}
	.sub header.mobile .search_wrap .search-area input[type="text"]{letter-spacing:-.5px;padding: 0 0 0 85px;font-weight:400;height: 100%;}
	.sub header.mobile .search_wrap .search-area input[type="text"]::placeholder {vertical-align:middle;text-align:left;font-size:12px;line-height:1;}
	.sub header.mobile .search_wrap .search-area .btn-area > button img{height:14px;}

	.contents .sub_title{margin-bottom: 20px;}
	.contents .sub_title small{display: block;margin: 10px 0;}

	.subTop-list {padding:10px 0; flex-wrap:wrap; gap:0; height:auto; }
	.subTop-list a {width:33.3333%;}


	/* 모바일 메뉴 */
	header .top_menu ul {gap:0 10px;}
	header .top_menu ul li {}
	header .top_menu ul li a {width: 25px;height: 25px;display: block;text-indent: -99999px;}
	
	header .head-slide {height:52px;}
	header .head-slide .bx-wrapper {width:calc(100% - 120px)}
	header .head-slide .tit {width:70px; height:30px;}
	header .head-slide .txt a {line-height:30px;}
	
	.main header {background: url(/images/main/main_banner_main6-mob.webp) center 75% / cover no-repeat; height:260px;}
	.main header h1 {position:absolute; width:100%; left:0;}
	.main header h1 a img {min-width:160px;}
	.main header .head .plus {width:30px; height:30px;}
	


	/*footer*/
	footer {}
	footer .footer-info {padding:40px 0;}
	footer .footer-infoWrap .tit {padding:0 0 8px;}
	footer .footer-info-item-list {flex-wrap:wrap;}

	footer .footer-info-cs p {flex-wrap:wrap;}

	footer .footer-supportWrap {}
	footer .footer-support .list {width:100%; padding-right:120px; gap:5px 10px; flex-wrap:wrap;}
	footer .footer-support .list {}



	/* 상품 list (main,sub 공통) */
	.product_ul {gap:20px 10px;}
	.product_ul>li{width:calc((100% - 10px)/2);}
	.product_ul>li .proBx a.info {padding:15px;}



}