@charset "utf-8";
/* *******************************************************
 * filename : layout.css
 * description : 전체 레이아웃 CSS
 * date : 2020-10-05
******************************************************** */
/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Material-Icons.woff2") format('woff2');
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

/* ========================================================
 * SETTING
======================================================== */
:root{
	--main-color: #e60044;
	--area-box-width: 1600px;
	--area-width: 1300px;
	--area-padding: 30px;
	--transition-custom: all 0.4s ease-in-out;
	--transition-custom2: all 0.8s ease-in-out;
}
body:not(.is-mobile) *::-webkit-scrollbar {
	width: 5px;
	height: 15px;
}
body:not(.is-mobile) *::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}
body:not(.is-mobile) *::-webkit-scrollbar-thumb {
	background-color: #c1c1c1;
}
::selection {
    background: var(--main-color);   
    color: #fff;
}
::-moz-selection {
    background: var(--main-color);    
    color: #fff;
}

/* ****************** LAYOUT ********************** */
body, table, th, td, button, select, input, textarea {
	font-family: 'Pretendard','Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;
	font-size:13px;
	color:#666;
	-webkit-text-size-adjust:none;
	word-break:keep-all;
}
body { background-color:#fff; }
#wrap {overflow:hidden; width:100%; /* min-width:1280px; */ min-width:320px; position:relative; }
.area{ max-width:var(--area-width); margin:0px auto;}
.area-box{ max-width:var(--area-box-width); margin:0px auto; }
.font-play {font-family:'Play','Pretendard',"나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}

/* ****************** HEADER ********************** */
/* 헤더 :: 레이아웃 및 로고 */
#header{position:relative; height:160px; background-color:#fff;}
#headerInner{position:relative; height:90px; border-bottom:1px solid #ddd;}
#headerTopCon{height: 100%; display:flex; align-items:center; justify-content:space-between;}
#headerInner .logo{position:relative; z-index:100; }
#headerInner .logo a{/* display:block; */ display:flex; align-items:center;}
#headerInner .logo img{display:block; vertical-align:top;}
#headerInner .logo a > span {font-size: 20px; letter-spacing: -0.05em; font-weight: 700; color: #959595; line-height: 1.3; padding-left: 15px;}

.header-util-box{display: flex; align-items: center;}

/* 헤더 :: 사용자 메뉴*/
.util-menu-list{}
.util-menu-list li{position:relative; display: inline-block; margin-left:20px;}
.util-menu-list li:first-child{margin-left:0;}
.util-menu-list li:first-child:before{display:none;}
.util-menu-list li a{line-height:34px; font-size:13px; color:#444; font-weight:400; opacity:0.7; letter-spacing: -0.75px;}
.util-menu-list li a:hover{opacity:1.0;}
.util-menu-list li .cart-num{display:inline-block; vertical-align:middle; width:18px; height:18px; text-align:center; line-height:18px; margin-top:-3px; font-size:12px; background-color:#666; color:#fff; font-weight:500; -webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;}
.util-menu-list li button{display: block; background-color: #dadce0; width: 80px; height: 34px; font-size: 13px; text-align: center; color: #909090;}
.util-menu-list li button i{font-size: 11px; margin-left: 4px;}

/* 헤더 :: 게시판 리스트 */
.header-board {position:relative; height:30px; z-index:100; margin-left:20px;}
.header-board .board-open-btn {padding-right: 20px; overflow:hidden; position:relative; display:block; width:100%; text-align:left; height:100%; font-size:13px; line-height: 30px; color:#444; opacity:0.7;}
.header-board .board-open-btn .arrow{position:absolute; top:2px; right:0px;}
.header-board .board-open-btn .arrow i{font-size:16px;}
.header-board > ul {display:none; position:absolute; top:30px; left:-1px; z-index:10; width:100%; border:1px solid #ddd; background-color:#fff;}
.header-board > ul > li > a{display:block; font-size:11px; line-height: 30px; color:#444; padding: 0 10px;}
.header-board > ul > li > a:hover{background-color:#f2f2f2;}
.header-board.open .board-open-btn{opacity: 1;}
.header-board.open .board-open-btn .arrow i{transform:rotate(180deg); margin-top:-3px;}

/* 헤더 :: 검색 */
.header-search-box{margin-left: 25px;}
.header-search-box .search-input-box{border: 1px solid #e0e0e0; background-color:#f8f8f8; width:365px; height:46px; border-radius:30px; box-sizing:border-box; padding:0 60px 0 15px; position: relative;}
.header-search-box #headerSearch{width:100%; height:44px; text-indent:10px; background:none; border:0; vertical-align:middle; font-size:14px; font-weight:400; letter-spacing: -0.75px;}
.header-search-box #headerSearch:focus{outline:none;}
.header-search-box #headerSearch::placeholder{color: rgba(34,34,34,0.4);}
.header-search-box .header-search-btn{position:absolute; top:50%; right:20px; width:34px; height:34px; margin-top:-17px; color:#000;}
.header-search-box .header-search-btn i{font-size:26px;}
.mb-search-btn{display:none;}

/* 헤더 :: 장바구니 */
.header-cart-btn{margin-left: 15px; position: relative; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; text-align: center;}
.header-cart-btn img{position: relative; top: -2px; height: 21px;}
.header-cart-btn span{position: absolute; top: -2px; right: -3px; display: block; width: 16px; height: 16px; font-size: 12px; line-height: 16px; text-align: center; color: #fff; background-color: #2b2b2b; -webkit-border-radius: 100%; border-radius: 100%;}

/* 헤더 :: 대메뉴*/
#headerMenuCon{width:100%; height:68px; border-bottom:1px solid #ddd; background-color:#fff;}
.total-menu-con{float:left; position:relative;}
.total-menu-con .total-menu-open-btn{width:20px; height:67px;}
.total-menu-con .total-menu-open-btn i{font-size: 24px; color: #fff;}
.total-menu-con .total-menu-open-btn .line{
	display:block; width:20px; height:3px; background-color:#2d2d2d; margin: 4px auto;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#gnb{text-align: center;}
#gnb > li{position: relative; text-align:center; display: inline-block; margin: 0 60px;}
#gnb > li > a{display:block; height: 69px; line-height:69px; color:#454545; font-size:18px; letter-spacing: -0.65px; font-weight:500; -ms-transition:all 0.3s; transition:all 0.3s;}
#gnb > li.gnb1 > a span,
#gnb > li.gnb2 > a span{display: inline-block; position: relative;}
/* #gnb > li.gnb1 > a span:before,
#gnb > li.gnb2 > a span:before{position: absolute; top: 27px; right: -10px; display: block; content: ''; width: 6px; height: 6px; background-color: #d85446; -webkit-border-radius: 100%; border-radius: 100%;} */
#gnb > li > a:hover, #gnb > li > a:focus, #gnb > li.on > a{color:var(--main-color);}

/* 헤더 :: 서브메뉴*/
#headerSubMenuCon{float: right;}
#headerSubMenuCon > ul > li{border-right: 1px solid #ddd; width: 107px; position: relative; float: left; height: 69px; text-align: center;}
#headerSubMenuCon > ul > li:first-child{border-left: 1px solid #ddd; width: 136px;}
#headerSubMenuCon > ul > li > a{display:block; font-size: 16px; line-height: 72px; font-weight: 500; color: #000;}
#headerSubMenuCon > ul > li > a:hover, #headerSubMenuCon > ul > li > a:focus{color:var(--main-color);}

/* GNB :: 2차 각각메뉴 */
#gnb .gnb-2dep{position:absolute; top:68px; left:-40px; z-index:99;
	width:515px; border: 1px solid #dfdfdf; background-color: #fff; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align:left; visibility:hidden; opacity:0;filter:Alpha(opacity=0);}
#gnb .gnb-2dep ul{padding: 0 15px; width: 138px; display: inline-block; vertical-align: top;}
#gnb .gnb-2dep ul li{position:relative; padding: 8px 0;}
#gnb .gnb-2dep ul li a{display:block; color:#666; font-size:16px; letter-spacing: -0.5px; font-weight:300; line-height:1.3; -ms-transition:all 0.3s; transition:all 0.3s;}
#gnb .gnb-2dep ul li a:hover{color: #313896;}
/* over했을때 */
#gnb > li .gnb-2dep.open{visibility:visible; opacity:1.0;filter:Alpha(opacity=100);}
#gnb > li .gnb-2dep.open ul li{opacity:1.0;filter:Alpha(opacity=100); -webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;-ms-transition:all 0.8s;transition:all 0.8s;}

.gnb-bg-con{display: inline-block; vertical-align: top; width: 300px;}
.gnb-bg-con span{display: block; position: relative; height: 0; padding-top: 190px;}


/* 헤더 :: FIXED 될때*/
#header.fixed #headerMenuCon{
	position:fixed; left:0px; top:0px; z-index:99; 
}

/* 헤더 :: 전체카테고리 리스트*/
#totalMenuCon{position:absolute; top:68px; left:0px; width:1194px; border:3px solid var(--main-color); background-color:#fff; z-index:99; display:none; box-shadow:3px 2px 8px 0px rgb(0 0 0 / 30%), -2px -3px 8px 0px rgb(0 0 0 / 30%)}
.total-menu-box > ul{display:table; width:100%; min-height:270px; table-layout:fixed; }
.total-menu-box > ul > li{display:table-cell; width:25%; vertical-align:top; border-left:1px solid #ddd;}
.total-menu-box > ul > li h3{border-bottom:1px solid #ddd; height:55px; width:100%; line-height:55px; text-align:center; color:#262626; font-size:18px; background-color:#f7f7f7;}
.total-menu-box > ul > li h3 a{display:block; color:inherit; height:100%;}
.total-menu-box > ul > li .total-menu-dep2{padding:20px 10px;}
.total-menu-box > ul > li .total-menu-dep2 > li{position:relative;}
.total-menu-box > ul > li .total-menu-dep2 > li > a{display:block; padding:8px 10px; color:#777; font-size:14px; text-align:center; transition: var(--transition-custom); border-radius:5px;}
.total-menu-box > ul > li .total-menu-dep2 > li > a:hover,.total-menu-box > ul > li .total-menu-dep2 > li > a:focus,.total-menu-box > ul > li .total-menu-dep2 > li.on > a{background-color:var(--main-color); color:#fff;}
.total-menu-box > ul > li .total-menu-dep2 > li .total-menu-dep3{display:none; position:absolute; top:-10px; left:140px; width:128px; padding:10px 0; background-color:#fff; border:1px solid #505050; z-index:99}
.total-menu-box > ul > li .total-menu-dep2 > li .total-menu-dep3 li a{display:block; padding:8px 15px; color:#777; font-size:12px;}
.total-menu-box > ul > li .total-menu-dep2 > li .total-menu-dep3 li a:hover,.total-menu-box > ul > li .total-menu-dep2 > li .total-menu-dep3 li a:focus{color:var(--main-color);}
.total-menu-close-btn{position:absolute; bottom:0px; right:0px; width:40px; height:40px; color:#fff; background-color:#4f4f4f;}
.total-menu-close-btn i{font-size:18px;}


/* 헤더 :: 모바일메뉴*/
.nav-open-btn,
.gnb-overlay-bg-m,
#gnbM{display:none}




/* ****************** FOOTER ********************** */
/* -------- FOOTER :: 레이아웃 -------- */
#footer{background-color:#fff;}
.main-wrap #footer {padding-top: 175px;}
.footer-left-con{float:left; }
.footer-right-con{float:right;}

/* -------- FOOTER :: 상단 -------- */
#footerTop{}
.footer-top-con{display: flex; flex-wrap:wrap; border-top:2px solid #222;}
.footer-top-item{width: 33.33%; padding: 40px 3.1% 45px; border-bottom: 1px solid #ececec; -webkit-box-sizing: border-box; box-sizing: border-box;}
.footer-top-item + .footer-top-item{border-left: 1px solid #ececec;}
.footer-top-tit{font-size: 20px; font-weight: 600; letter-spacing: -0.25px; color: #000;}
.footer-top-inner{margin-top: 25px;}
/* 공지사항+거인소식 */
.footer-top-tab{}
.footer-top-tab li{float:left; position:relative; padding-left: 30px;}
.footer-top-tab li:before{position:absolute; top:50%; left:15px; width:1px; height:16px; margin-top:-8px; background-color:#ededed;  content:"";}
.footer-top-tab li:first-child{padding-left:0}
.footer-top-tab li:first-child:before{display:none} 
.footer-top-tab li a h5{font-weight: 500; color: #a0a0a0;}
.footer-top-tab li.selected a h5{font-weight: 600; color: #000;}
.footer-top-board{}
.footer-top-board li{padding-top: 10px;}
.footer-top-board li a{display: block; position: relative; width: 100%; padding-right: 80px; font-size: 14px; line-height: 1.7; letter-spacing: -0.25px; color: #7b7b7b; -webkit-box-sizing: border-box; box-sizing: border-box;}
.footer-top-board li a p{position: relative; padding-left: 7px; width: 100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -webkit-box-sizing: border-box; box-sizing: border-box;}
.footer-top-board li a p:before{position:absolute; top: 0; left: 0; display: inline-block; content: '·';}
.footer-top-board li a .date{position:absolute; top: 0; right: 0; width: 80px; letter-spacing: -0.5px; display: block; text-align: right;}
/* 고객센터 대표번호 */
.footer-top-inner .tel{display: block; margin-bottom: 10px; font-size: 36px; line-height: 1.3; font-weight: 700; color: var(--main-color);}
.footer-top-inner .info{font-size: 14px; line-height: 1.7; letter-spacing: -0.25px; color: #7b7b7b;}
/* 퀵메뉴 */
.footer-top-quick{display: flex; flex-wrap:wrap; margin: -3px -5px;}
.footer-top-quick li{width: calc(50% - 10px); margin: 3px 5px;}
.footer-top-quick li a{padding: 0 27% 0 15%; font-size: 15px; line-height: 1.2; letter-spacing: -0.5px; color: #7b7b7b; height: 40px; border: 1px solid #e1e1e1; display: flex; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; transition:var(--transition-custom); border-radius:5px;}
.footer-top-quick li a:after{position:absolute; right:12%; top:50%; transform:translateY(-50%); font-size:18px; font-family: 'xeicon'; content:"\e93f";}
.footer-top-quick li a:hover {color: #fff; background: #000; border-color:#000;}

/* -------- FOOTER :: 하단 -------- */
#footerBottom{margin-top: 85px; padding:40px 0; border-top:1px solid #ececec;}

/* Footer :: 푸터메뉴 */
.foot-menu{}
.foot-menu li{float:left; position:relative; padding-left:40px;}
.foot-menu li:before{position:absolute; top:50%; left:19px; width:1px; height:10px; margin-top:-5px; background-color:#ececec;  content:"";}
.foot-menu li:first-child{padding-left:0}
.foot-menu li:first-child:before{display:none} 
.foot-menu li a{color:rgba(1,1,1,0.6); font-size:14px; letter-spacing:-0.25px;}
.foot-menu li a b{color:#010101; font-weight:600;}

/* Footer :: 푸터로고 */
.foot-logo{margin-top: 34px; display:block;}
.foot-logo > span {font-size: 20px; letter-spacing: -0.05em; font-weight: 700; color: #959595; line-height: 1.3; padding-left: 15px;}

/* Footer :: 정보 */
.footer-address{margin-top:20px; letter-spacing:-0.25px;}
.footer-address .footer-address-txt{color:rgba(34,34,34,0.8); font-size:14px; line-height:1.8; margin:0 -8px;}
.footer-address p{display:inline-block; vertical-align:middle; position:relative; margin:0 8px;}
.footer-address a{color:inherit}

/* Footer :: Copyright */
.footer-copyright{margin-top: 25px; font-size:14px; color: #777;}
.footer-copyright b{color:var(--main-color);}

#footerBottom .footer-right-con{text-align:right;}

/* Footer :: 패밀리사이트 */
.family-site-box{position:relative; width:180px; text-align:left; letter-spacing:-0.25px;}
.family-site-box .family-site-open-btn{display:block; width:100%; height:50px; line-height:50px; padding:0 30px; text-align:left; font-size:14px; border:1px solid #dfdfdf; background-color:#fff; color:rgba(1,1,1,0.7); box-sizing:border-box; border-radius:5px;}
.family-site-box .family-site-open-btn:after{position:absolute; right:20px; top:50%; margin-top: 3px; transform:translateY(-50%); font-size:20px; font-family: 'xeicon'; content:"\e942";}
.family-site-box.open .family-site-open-btn:after{content:"\e945";}
.family-site-list{position:absolute; bottom:100%; left:0px; width:100%;  padding:10px 0; background-color:#fff; border:1px solid #dfdfdf; border-bottom:0;  z-index:11; display:none; box-sizing:border-box;}
.family-site-list a{display:block; padding:10px 30px; color:#333; font-size:12px;}
.family-site-list a:hover{color:#000; text-decoration:underline;}

/* Footer :: INIPAY */
.footer-pay-img-list{margin-top: 40px;}
.footer-pay-img-list li{display:inline-block; margin-left: 15px;}
.footer-pay-img-list li:first-child{margin-left: 0;}
.footer-pay-img-list li img{cursor: pointer;}

/* Footer :: SNS 리스트 */
.foot-sns-menu{margin-top: 40px;}
.foot-sns-menu li{display:inline-block; vertical-align:middle; margin-left:10px}
.foot-sns-menu li:first-child{margin-left:0}
.foot-sns-menu li a{width:35px; height:35px; display: flex; align-items: center; justify-content: center;}
.foot-sns-menu li img{width:25px;}


/* ****************** SUB LAYOUT ********************** */
#middleArea{position:relative;}
#content{padding-top: 80px; padding-bottom: 100px;}
#content.wide-area{max-width:none;}
/*  SUB LAYOUT :: 비주얼 */
#visual{position:relative; overflow:hidden; width:100%; height:300px;}
#visual .visual-img-con{
	position:absolute; 
	top:0px; 
	left:0px; 
	width:100%;
	height:100%;
	background-size:cover !important;
	-webkit-transition:transform 5000ms  ease-in-out ;
    transition:transform 5000ms ease-in-out ;	
}
#visual .visual-img-con img{position:relative; left:50%; transform:translateX(-50%)}
#visual .visual-txt-con{position:relative; z-index:1; text-align:left; display:table; width:100%; height:100%;}
#visual .visual-txt-container{position:relative;}
#visual .visual-tit{
	font-weight:600; 
	font-size:44px; 
	color:#111;
	line-height:1.26;
}
#visual.sub-visual-store .visual-txt-con{text-align: center;}
#visual.sub-visual-store .visual-tit{color: #fff;}
#visual .visual-sub-txt{
	font-size:20px; color: rgba(255,255,255,0.9);
	font-weight:300; 
	padding-top:15px;
	-webkit-transition-delay:0.5s;
	transition-delay:0.5s;
}
#visual .location{
	-webkit-transition-delay:0.5s;
	transition-delay:0.5s;
}
/* 제품 */
#visual .product-txt-container .visual-category{display:block; margin-bottom:20px; font-size:18px; color:#5a5a5a; font-weight:700;}
#visual .product-txt-container .visual-tit{font-size:38px;}
#visual .product-txt-container .visual-tit.blue{color:var(--main-color)}

/* SUB LAYOUT :: 상단효과 active */
#visual.active .visual-img-con{
    -webkit-transform: scale(1.0,1.0) rotate(0.002deg);
     transform: scale(1.0,1.0) rotate(0.002deg);
}
#visual.active .visual-tit,
#visual.active .visual-sub-txt,
#visual.active .location{
	opacity:1.0;filter:Alpha(opacity=100);
    -webkit-transform: translateY(0px); 
    transform: translateY(0px);
}

/* SUB LAYOUT :: 뒤로가기 버튼 */
.page-prev-btn-wrap{position:relative; border-bottom:1px solid #eee; display:none}
.page-prev-btn-wrap .content-info-tit{background-color:#fff; height:48px; line-height:48px; color:#333; font-size:18px; font-weight:600; text-align:center; letter-spacing:-0.3px; }
.to-prev-page-btn{position:absolute; top:0px; width:40px; height:40px; line-height:40px; left:0%;}
.to-prev-page-btn i{font-size:30px; color:#a7a7a7; vertical-align:middle;}

@media all and (max-width:1260px){	
	/* SUB LAYOUT :: 뒤로가기 버튼 */
	.page-prev-btn-wrap{display:block}
}


/* ****************** RIGHT BAR ********************** */
#rightQuickMenu{
	position:absolute; top:159px; right:0px;  z-index:99; width:225px; 
	-webkit-transition:right 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);  
	-oz-transition:right 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
	-ms-transition:right 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
}

/* RIGHT BAR :: close / fixed */
#rightQuickMenu.close{right:-165px;}
#rightQuickMenu.close .menu-toggle-btn{transform:rotate(180deg)}
#rightQuickMenu.fixed {position:fixed; top:69px;}

/* -------- RIGHT BAR :: 왼쪽 -------- */
.right-quick-menu-left-box{float:left; width:60px; background-color:#1b1b1b;}
.right-menu-list li{border-top:1px solid rgba(255,255,255,0.2); }
.right-menu-list li:first-child{border-top:0;}
.right-menu-list li a,
.right-menu-list li button{display:block; width:100%; height:60px; line-height:60px; color:#fff; text-align:center;}
.right-menu-list li a i{font-size:18px;}
.right-menu-list .menu-toggle-btn{line-height:55px; background-color:var(--main-color)}
.right-menu-list li.company-site-btn a{background:url(/images/icon/right_quick_menu_icon1.png) no-repeat 50% 50%}
/* -------- RIGHT BAR :: 오른쪽  -------- */
.right-quick-menu-right-box{float:left; width:163px; background-color:#fff; border:1px solid #ddd; border-top:0;}
/* RIGHT BAR :: 오른쪽 :: 최근 본 상품*/
.lately-menu-tit{height:60px; line-height:60px; text-align:center; font-weight:300; font-size:14px; letter-spacing:-0.5px; margin:0 -1px; background-color:var(--main-color); color:#fff;}
.no-lately-list{height:89px; line-height:90px; text-align:center; color:#333; font-weight:300; letter-spacing:-0.5px;}
.right-quick-menu-right-box .lately-menu-con{padding:10px; padding-bottom:0}
.lately-menu-con ul{overflow:hidden; max-height:calc(110px * 3);}
.lately-menu-con .lately-item{position:relative; overflow:hidden; width:100%; height:100px; margin-bottom:10px;}
.lately-menu-con .lately-item a{display:block; height:98px; border:1px solid #eaeaea;}
.lately-menu-con .lately-item img{width:100%; height:100%; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.lately-img-info{position:absolute; top:0px; left:0px;  width:100%; height:100%; background:rgba(0,0,0,0.6); opacity:0;filter:Alpha(opacity=0); -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s; text-align:center; font-size:15px; letter-spacing:-0.5px; color:#fff;  }
.lately-img-info span{display:block; font-weight:300; line-height:16px; word-break:keep-all; margin-bottom:5px; }
.lately-img-info .price{font-weight:500;}
.lately-img-info .price b{font-weight:300;}
.lately-menu-con .lately-item a:hover img{transform:scale(1.1)}
.lately-menu-con .lately-item a:hover .lately-img-info{opacity:1.0;filter:Alpha(opacity=100);}
.lately-menu-controls{position:relative; overflow:hidden; background-color:#f3f3f3;}
.lately-menu-controls:before{position:absolute; top:10px; bottom:10px; left:50%; width:1px; background-color:#ddd; content:"";}
.lately-menu-controls button{display:block; float:left; position:relative; width:50%; height:33px; text-align:center; line-height:33px; font-size:13px; color:#111; opacity:0.6}
.lately-menu-controls button.swiper-button-disabled{opacity:0.3; cursor:default;}
/* RIGHT BAR :: 오른쪽 :: 메뉴 리스트*/
.right-quick-menu{display: none;}
/* RIGHT BAR :: 오른쪽 :: 최근 본 상품*/
.right-quick-cs-center{padding:10px 20px; display:none;}
.right-quick-cs-center dl{margin-bottom:10px;}
.right-quick-cs-center dl dt{color:#444; font-size:13px; letter-spacing:-0.25px; font-weight:300;}
.right-quick-cs-center dl dd{color:var(--main-color); font-size:16px; font-weight:600; letter-spacing:-0.25px; margin-top:5px;}
.right-quick-cs-center .cs-center-time{font-size:12px; line-height:1.3; font-weight:600;}

/* ****************** MODAL LAYERPOPUP ********************** */
/* modal layer */
.modal-fixed-pop-wrapper{display:none; overflow-y:scroll; overflow-x:hidden;  position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:9999; background:#000; background:rgba(0,0,0,0.8);}
.modal-fixed-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center; table-layout:fixed}
.modal-inner-box{ position:relative; display:table-cell; vertical-align:middle;}
.modal-loading{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; z-index:10000;}
.modal-inner-content{text-align:left;}
.loading {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 8px solid rgba(255,255,255,.3);
  border-radius: 50%;
  border-top-color: #fff;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}
@keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(360deg); }
}
/* modal layer content */
.footer-modal-content{position:relative; width:96%; max-width:1000px; margin:20px auto; }
.footer-modal-content h1{font-size:24px; font-weight:600; letter-spacing:-0.5px; text-align:center; padding:0 50px 20px; color:#fff;}
.modal-close-btn{position:absolute; top:-6px; right:-6px; color:#fff; }
.modal-close-btn i{font-size:38px;}
.modal-close-btn i:hover {color:#fff}
.footer-inner-box{padding:30px; background-color:#fff; border-radius:5px;}
.footer-inner{padding:20px; height:400px; overflow-y:auto; overflow-x:hidden; border:1px solid #ddd; border-radius:5px;}

/* 사이트맵 */
.sitemap-wrapper{padding:30px; background-color:#fff;}
.sitemap-wrapper > ul{display:table; width:100%; table-layout:fixed;}
.sitemap-wrapper > ul > li{display:table-cell; vertical-align:top; text-align:center;}
.sitemap-wrapper > ul > li > h2{color:#191919; margin:0 2% 20px 2%; padding:15px; font-size:18px; background-color:#f2f2f2;  letter-spacing:-1.0px; margin-bottom:20px; font-weight:500;}
.sitemap-wrapper > ul > li .sitemap-2dep {padding:0 5% 20px;}
.sitemap-wrapper > ul > li .sitemap-2dep a{display:block; padding:10px 0; color:#666; font-size:14px; font-weight:400; line-height:1.2em;}
.sitemap-wrapper > ul > li .sitemap-2dep a:hover{color:#000; }

@media all and ( max-width: 800px ){
	/* modal layer content */
	.footer-modal-content{width:auto; margin:50px 15px}
	.footer-modal-content h1{font-size:18px; text-align:left; padding:0 30px 15px 0}
	.modal-close-btn{right:-3px; top:-3px;}
	.modal-close-btn i{font-size:24px}
	.footer-inner-box{padding:15px}
	.footer-inner{padding:10px; height:250px;}
	/* 사이트맵  */
	.sitemap-wrapper{padding:15px}
	.sitemap-wrapper > ul{display:block;}
	.sitemap-wrapper > ul > li{float:none; display:block; width:auto; margin-bottom:15px;}
	.sitemap-wrapper > ul > li > h2{font-size:16px; margin:0; margin-bottom:5px;}
	.sitemap-wrapper > ul > li .sitemap-2dep{overflow:hidden; margin:0 -1%; padding:0;}
	.sitemap-wrapper > ul > li .sitemap-2dep li{float:left; position:relative; width:31.33%; margin:1%; word-break:keep-all;}
	.sitemap-wrapper > ul > li .sitemap-2dep li:before{position:absolute; top:0px; left:0; bottom:0px; width:1px; background-color:#eee; content:""; display:none;}
	.sitemap-wrapper > ul > li .sitemap-2dep li:nth-child(3n+1){clear:both;}
	.sitemap-wrapper > ul > li .sitemap-2dep a{padding:7px; font-weight:300; }
}
@media all and ( max-width: 480px ){
	/* 사이트맵  */
	.sitemap-wrapper > ul > li .sitemap-2dep li{width:48%;}
	.sitemap-wrapper > ul > li .sitemap-2dep li:nth-child(3n+1){clear:none;}
	.sitemap-wrapper > ul > li .sitemap-2dep li:nth-child(odd){clear:both;}
}


/* ****************** 헤더 상단 탑배너 ********************** */
.header-up-con{width: 100%; height: 90px; overflow: hidden; position: relative; background-color: #292969;}
.header-up-con a{display: block; width: 100%;}
.header-up-con-inner{position: absolute; top: 0; left: 50%; margin-left: -960px;}
.header-up-con-inner img{width: 1920px; height: 90px;}
.header-up-con-inner-m{display: none;}
/* 닫기 버튼 */
.bnr-close-btn{width: 25px; height: 25px; position: absolute; top: 50%; margin-top: -12.5px; left: 50%; margin-left: 595px; z-index:999;}
.bnr-close-btn img{width: 100%;}