/**************************************************
* 버전관리
* version : v=2
* Last Update : 2024 06 19
**************************************************/

.inner{width:75rem; margin:0 auto;}
@media (max-width:1500px){
	.inner{width:100%; padding:0 2rem; }
}
@media (max-width:1300px){
	.inner{padding:0 1rem; }
}
/***************************************************
■ 비쥬얼 - swiper
****************************************************/
.visualWrap{ display: flex;position:relative; padding:0;}

.visualWrap .visual2 { margin:0;width:100%; height:auto; overflow:hidden; }
.visualWrap .mv_banner {width:32%; aspect-ratio: 560 / 500; height: auto;}
.visualWrap .mv_banner a {display:block; padding-top: 92%; position: relative; width:100%; overflow:hidden; border-radius: 1rem 1rem 1rem 0; height: 100%;}
.visualWrap .mv_banner a > img {width:100%; height:100%;}
.visualWrap .swiper-slide div{height:100%;}
.visualWrap .swiper-slide a{position:relative; display:block; height:100%;  padding-top:34.5%;}
.visualWrap .swiper-slide span {display: block; position:absolute; top:0; left:0; width:100%; height:100%;}
.visualWrap .swiper-slide img{position:absolute; left:50%; top:50%; width: 100%;  height:100%; transform:translate(-50%,-50%);}
.visualWrap .swiper-slide .visual_web{display:block;}
.visualWrap .swiper-slide .visual_mob {display:none;}

/* 메인비주얼 페이지네이션 */
.mv_page {position:absolute; right:1.5rem;  bottom:1.1rem; width:4rem; height: 1.9rem; background:rgba(255,255,255,0.25); color:rgba(255,255,255,0.28); border-radius:0.95rem; z-index:5; display:flex;  align-items: center; justify-content: center;}
.mv_page .swiper-pagination-current {color:#fff;}
.mv_page .swiper-pagination-fraction {top: 50% !important; width: 100%; transform: translate(0, -50%);  height: 100%; display: flex;  justify-content: center;  align-items: center;  gap: 0.2rem;}
.visual3 .swiper-button-next:after, 
.visual3 .swiper-button-prev:after, 
.visual2 .swiper-button-next:after, 
.visual2 .swiper-button-prev:after {display:none;}

.visual3 .swiper-button-next, 
.visual3 .swiper-button-prev, 
.visual2 .swiper-button-next, 
.visual2 .swiper-button-prev {width:1.5rem; height:2.9rem; background-size:contain; background-repeat:no-repeat; background-position:center center;}

.visual2 .swiper-button-next {background-image: url('/images/default/main/mv_btn_l.svg'); right:1.5rem !important;}
.visual2 .swiper-button-prev {background-image: url('/images/default/main/mv_btn_r.svg'); left:1.5rem !important;}
.visual3 .swiper-button-next {background-image: url('/images/default/main/mv_btn_l.svg'); right:1rem !important;}
.visual3 .swiper-button-prev {background-image: url('/images/default/main/mv_btn_r.svg'); left:1rem !important;}

.visual_btn_wrap{position:absolute; right:2.5rem;  bottom:-1.5rem; width:21rem; height: 3rem; background:#fff; border-radius:0.75rem; z-index:5; display:flex;  align-items: center; justify-content: center; box-shadow:0 0 1rem rgba(0,0,0,0.15);}
.visual_btn_wrap *{flex-shrink: 0;}
.visual_btn_wrap .swiper-button-next, 
.visual_btn_wrap .swiper-button-prev{position:relative; margin:0; background:none; background-image:none; left:auto; right:auto; top:0; opacity:1;   width: 1.5rem; height: 2rem;}
.visual_btn_wrap .swiper-button-prev:after,
.visual_btn_wrap .swiper-button-next:after{display : block; position : absolute; left :0; top:0; line-height:2rem; width:1.5rem; text-align:center; font-family:'xeicon'; color:#3f3f3f; font-size:1.2rem;}
.visual_btn_wrap .swiper-button-prev:after{ content : "\e93b";}
.visual_btn_wrap .swiper-button-next:after{ content : "\e93e"; }
.visual_btn_wrap .swiper-button-prev:hover:after,
.visual_btn_wrap .swiper-button-next:hover:after{color:var(--main);}
.visual_btn_wrap .visPage{position:relative; width:3rem; bottom: auto; left: auto; line-height: 2rem; font-size:1.0rem; text-align:center; color:#aaa; margin-right:2.5rem;}
.visual_btn_wrap .visPage .swiper-pagination-current{color:var(--main); font-weight:600;}
.visual_btn_wrap .visPlay{position:relative; width: 1.5rem; height: 2rem; cursor:pointer; font-size:0;}
.visual_btn_wrap .visPlay:after{content: "\ea3e"; position : absolute; left :0; top:0; line-height:2rem; width:1.5rem; text-align:center; font-family:'xeicon'; color:#3f3f3f; font-size:1.2rem;}
.visual_btn_wrap .visPlay:hover:after{color:var(--main);}
.visual_btn_wrap .visPlay.on:after{ content: "\ea3b";}
.visual_btn_wrap .visAllBtn{margin-left:2.5rem; color:var(--black); font-weight:500;  cursor:pointer; }
.visual_btn_wrap .visAllBtn i{display:inline-block; width:2rem; height:1.6rem; line-height:1.6rem; text-align:center; background:var(--main); color:#fff; border-radius:0.8rem; margin-left:0.3rem;}

.visual_popup{display:none; position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:110;}
.visual_popup.load{display:block;}
.visual_popup .inn{position:absolute; left:50%; top:50%; height:81.5vh;width:65rem; transform:translate(-50%,-50%); }
.visual_popup .visual_popup_close{position:absolute; right:0; top:-2rem; color:#fff; font-size:1.5rem;}
.visual_popup .visual_popup_cont{height:100%; overflow-y: scroll; display:flex; gap:1rem; flex-wrap:wrap; align-content: flex-start; padding-right:0.5rem; -webkit-overflow-scrolling: touch;}
.visual_popup .visual_popup_cont .vitem{border-radius:1rem; width:calc((100% - 1rem * 1) / 2); overflow:hidden;}
.visual_popup .visual_popup_cont .vitem a{display:block;}
.visual_popup .visual_popup_cont::-webkit-scrollbar-track{background-color: rgba(0,0,0,0.2);}
.visual_popup .visual_popup_cont::-webkit-scrollbar{width: .1rem;  height:0.1rem;  background-color:rgba(0,0,0,0.2);}
.visual_popup .visual_popup_cont::-webkit-scrollbar-thumb{	background-color: var(--main); }

@media (max-width:1280px){
	.visual_popup .inn{width:calc(100% - 2rem);}
	.visualWrap .swiper-slide a {padding-top:40%;}
	.visualWrap .swiper-slide span {background-size:cover !important;}
}
@media (max-width:1030px){
	.visual_popup .inn{height: 62vh;}
	.visual_btn_wrap .visAllBtn i {display: inline-flex; justify-content: center; align-items: center;line-height: 1.5rem;}
	.visualWrap .swiper-slide a {padding-top:25.6rem;}
}
@media (max-width:767px){
	.visualWrap {flex-direction: column; align-items: flex-end;}
	.visualWrap:after {height:50vw;}
	.visual2 .swiper-button-next {right:1rem !important;}
	.visual2 .swiper-button-prev {left:1rem !important;}

	.visual_popup .inn{height: 62vh;}
	.visual_popup .visual_popup_cont .vitem{width:100%;}
	.visual_btn_wrap{width:auto; padding:0 1rem; right:1.5rem;}
	.visualWrap .swiper-slide a {padding-top: 85.93%;}
	.visual_btn_wrap .visPage{margin-right:1rem;}
	.visual_btn_wrap .visAllBtn{margin-left:1rem;}

	.visualWrap .mv_banner {width:100%;}
	.visualWrap .swiper-slide .visual_web{display:none;}
	.visualWrap .swiper-slide .visual_mob {display:block;}
}
@media (max-width:567px){
	.visual_popup .inn {height: 75vh;}
}
@media (max-width:350px){
	.visual_popup .inn {height: 45vh;}
}


/* 비주얼 왼쪽메뉴 */
.visual_cate_wrap {flex-shrink: 0; width: 9rem; z-index: 10;  color: #fff; font-size: 0.65rem; position: relative;}
.visual_cate_wrap > ul {width:100%; height:100%; display: flex;  flex-direction: column; z-index:0;}
.visual_cate_wrap > ul:after {content:''; display:block; width:100%; height:100%; background: #013b28; position:absolute; top:0; left:0; z-index:-1;}
.visual_cate_wrap > ul > li {flex: 1;}
.visual_cate_wrap > ul > li > a {display:flex; align-items: center;width:100%; height:100%; padding-left:0.5rem; transition: all 0.3s; line-height:1;}
.visual_cate_wrap > ul > li > a:hover {background: #64BE1A;}

@media (max-width:1030px){
	.visual_cate_wrap > ul > li > a {padding: 0 0.5rem 0; font-size: 0.7rem;}
}
@media (max-width:767px){
	.visual_cate_wrap {display:none;}
}

/***************************************************
■ 하단배너
****************************************************/
.fbanner{padding:3rem 0 0;}
.fbanner a{display:block; padding:2rem 0;height:9rem;  position:relative; background:url('/images/default/main/banner_b.jpg')no-repeat 50% 50%; background-size:cover;}
.fbanner a .fbtxt{padding-left:14%;}
.fbanner a .fbtxt span{display:block; font-size:1.1rem; font-weight:500; color:#353535;}
.fbanner a .fbtxt .point{font-weight:700; line-height:1.1; font-size:2.25rem; color:#111; font-family: 'GongGothic';}
.fbanner a .fbtxt .point b{color:#4426bd;}
.fbanner a .fbtxt  em{font-weight:800; color:#52514e; font-size:0.9rem; margin-left:4.5rem;}
.fbanner a .fbtxt  em i{display:inline-block; width:2rem;text-align:center; line-height:1.8rem; height:1.8rem; border-radius:1.5rem; background:#222; color:#fff; margin-left:0.4rem; }
.fbanner a .fbtxt div{display:flex; align-items: center;}
.fbanner .spimg{position:absolute; right:8rem; top:50%; transform:translateY(-50%);}

@media (max-width:1500px){
	.fbanner a .fbtxt{padding-left:5rem;}
	.fbanner .spimg{height:13rem; right:1rem;}
}
@media (max-width:1300px){
	.fbanner a .fbtxt{padding-left:2rem;}
	.fbanner a .fbtxt em{margin-left:2.5rem;}
	.fbanner .spimg{height:10rem; }
}
@media (max-width:1030px){
	.fbanner a .fbtxt div{flex-direction: column; align-items: flex-start;}
	.fbanner a .fbtxt .point{margin-top:0.25rem;}
	.fbanner a .fbtxt em{margin-left:0rem; margin-top:0.5rem;}
}
@media (max-width:767px){
	.fbanner{padding:0; margin-top:3rem;}
	.fbanner a{display:flex; align-items: center; justify-content: space-between; background-position: 50% center;}
	.fbanner a .fbtxt .point{font-size:2rem;}
	.fbanner a .fbtxt{padding-left:1rem;}
	.fbanner .spimg{position:relative; height:8rem; right:auto; top:auto; transform:translateY(0); margin-right:1rem;}
}
/***************************************************
■ 가디언즈 배너
****************************************************/
.bannerDiv{margin-bottom:5.5rem;}
.bannerDiv .bannerInner{position:relative; padding:1rem 5rem; display: flex; align-items: center; justify-content: space-between;  background:url('/images/default/main/guard_bg.jpg')no-repeat 50% 50%; background-size:cover;}
.bannerDiv .bannerInner .point{font-weight:700; font-size:2.25rem; color:#111; line-height:1.1; font-family: 'GongGothic';}
.bannerDiv .bannerInner .point b{color:#35894F;}
.bannerDiv .bannerInner .txt{display:flex; align-items: center; }
.bannerDiv .bannerInner em{font-weight:800; color:#52514e; font-size:0.9rem; margin-left:2.5rem;}
.bannerDiv .bannerInner em i{display:inline-block; width:2rem;text-align:center; line-height:1.8rem; height:1.8rem; border-radius:1.5rem; background:#222; color:#fff; margin-left:0.4rem; }


@media (max-width:1720px){
	.bannerDiv .bannerInner{padding:1rem 2rem; }
}
@media (max-width:1500px){
	.bannerDiv .bannerInner .txt{flex-direction: column;}
	.bannerDiv .bannerInner .point{text-align:center;}
	.bannerDiv .bannerInner em{margin-left:0; margin-top:0.5rem;}
}
@media (max-width:1300px){
	.bannerDiv .bannerInner{padding:1rem; }
	.bannerDiv .bannerInner img{width:30%;}
}
@media (max-width:767px){
	.bannerDiv .bannerInner{background-position:80% 50%; padding-right: 0.5rem;}
	.bannerDiv .bannerInner .txt{ align-items: flex-start;}
	.bannerDiv .bannerInner .point{text-align:left; font-size:2rem;}
	.bannerDiv .bannerInner img{width:45%;}
	.bannerDiv .bannerInner img:nth-of-type(1){display:none;}
}
@media (max-width:450px){
	.bannerDiv .bannerInner img{width:50%;}
	.bannerDiv .bannerInner .point {font-size: 1.6rem;}
}

/***************************************************
■ 상품리스트
****************************************************/
.mall_product .swiper-pagination-bullet {width:10px; height:10px;}
.mall_product .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next,
.mall_product .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {transform: scale(.88);}
.mall_product .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next, 
.mall_product .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {transform: scale(.66);}


/*상품 레이아웃*/
.mall_product{padding:5rem 0 4.5rem;}
.mall_product.bg02{background:#bfecd2;}
.mall_product.bg03{background:#fcfdd0; margin-bottom: 5.5rem;}
.mall_list .mall_info{display:flex; width:100%; justify-content: space-between;}
.mall_list .mall_info .title_wrap {display:flex; gap: 1rem 1rem; align-items: flex-end; width: 100%;}
.mall_list .mall_info h4.title b{font-size:2rem; font-weight:700; letter-spacing:-0.04em; line-height: 0.8; color:var(--black);}
.mall_list .mall_info p.sub{font-size:1rem; line-height:1.2;}
.mall_list .mall_info > a.more{position:relative; display:flex; flex-shrink: 0; font-size:1rem; color:#191919; justify-content: center; align-items: center;}
.mall_list .mall_info > a.more > span{color:#999; font-size:1.2rem; margin-left:0.5rem; font-weight:800; transition: all 0.3s; transform: translate( 0, 0); font-family: "suit";}
.mall_list .mall_info > a.more:hover > span {color:var(--main); animation: hover 0.4s linear 0s infinite alternate; }
.mall_list .mall_info > a.more > img{position:absolute; top:-5rem; left:2.5rem;}

@keyframes hover {
	0% {transform: translate( 0, 0);}
	100% {transform: translate(4px, 0);}
}

.mall_list .proBox{ width:100%;  position:relative;}
.mall_list .proBox .prdListWrap{margin-top:2.25rem; width:100%; overflow:hidden;}
.mall_list .btnWrap .swiper-button-prev,
.mall_list .btnWrap .swiper-button-next{position:absolute;  top:50%; width:2.5rem; height:2.5rem; border:1px solid #E0E0E0; border-radius:50%; background:#fff; transform:translateY(-50%); opacity:1; z-index:10;}
.mall_list .btnWrap .swiper-button-prev{left:-1.25rem}
.mall_list .btnWrap .swiper-button-next{right:-1.25rem}
.mall_list .btnWrap .swiper-button-prev:after,
.mall_list .btnWrap .swiper-button-next:after{ width:2.5rem; height:2.5rem; line-height:2.5rem; text-align:center; font-family: 'xeicon';  color: #3f3f3f; font-size: 1.2rem;}
.mall_list .btnWrap .swiper-button-prev:after{content : "\e93b";}
.mall_list .btnWrap .swiper-button-next:after{ content : "\e93e";}
.mall_list .btnWrap .swiper-button-prev:hover,
.mall_list .btnWrap .swiper-button-next:hover{background:var(--main); border-color:var(--main);}
.mall_list .btnWrap .swiper-button-prev:hover:after,
.mall_list .btnWrap .swiper-button-next:hover:after{color:#fff;}
.mall_list .btnWrap .swiper-button-disabled{display:none;}
.mall_list .btnWrap .swiper-pagination{display:none; position:relative; left:auto; bottom:auto; transform: translateX(0); margin: 1rem auto 0;}
.mall_list .btnWrap .swiper-pagination .swiper-pagination-bullet-active{background:var(--main);}

.no-data{width: 100%; display: flex;  flex-direction: column; align-items: center;  height: 18.5rem; justify-content: center; background:#fff; border-radius:1rem 1rem 0 0;}

@media (max-width:1030px){
	.mall_list{display:block;}
	.mall_list .mall_info{width:100%; padding-right:0;}
	.mall_list .mall_info > h4.title br{display:none;}
	.mall_list .mall_info > a.more{margin-top:2.5rem; }
	.mall_list .mall_info > a.more > img{left:auto; right:0; top:-8rem;}
	.mall_list .proBox{width:100%; margin-top:1.5rem;}
}
@media (max-width:767px){
	.mall_product{padding:4rem 0 3.5rem;}
	.mall_product.bg03 {margin-bottom: 4rem;}

	.mall_list .mall_info {align-items: flex-end;}
	.mall_list .mall_info .title_wrap {flex-direction: column; align-items: flex-start;}
	.mall_list .mall_info > h4.title b{font-size:2.4rem;}
	.mall_list .mall_info > a.more > img{width:50%; top:-6rem; right:-1rem;}
	
	.mall_list .btnWrap .swiper-button-prev,
	.mall_list .btnWrap .swiper-button-next{display:none}
	.mall_list .btnWrap .swiper-pagination{display:block;}
	.no-data {font-size: 1.1rem;}

	
}
@media (max-width:450px){
	.mall_list .mall_info {flex-direction: column;}
	.mall_list .mall_info > a.more {justify-content: flex-end;}
	.mall_list .mall_info > a.more > img{width:60%; top:-3rem;}
}


/* 신규 상품 리스트 */
.newProd {overflow:visible;}
.newProd ul {display:flex; flex-wrap:wrap; gap:2.25rem;}
.newProd ul > li {width:calc((100% - 2.25rem * 5) / 6);}

@media (max-width:1720px){
	.newProd ul {display:flex; gap:1.5rem;}
	.newProd ul > li {width:calc((100% - 1.5rem * 4) / 5);}
}
@media (max-width:1300px){
	.newProd ul > li{width:calc((100% - 1.5rem * 3) / 4);}
}
@media (max-width:1030px){
	.newProd ul {gap:1rem;}
	.newProd ul > li{width:calc((100% - 1rem * 2) / 3);}
}
@media (max-width:767px){
	.newProd ul > li{width:calc((100% - 1rem * 1) / 2);}
}



/*베스트상품리스트*/
.bestProduct{}
.bestProduct .title{font-size:2rem; color:var(--black); margin-bottom:2.5rem; line-height:1;}
.bestProduct .prdList{display:flex; gap:2.25rem; flex-wrap:wrap;}
.bestProduct .prdList li{width:calc((100% - 2.25rem * 5) / 6);}

@media (max-width:1720px){
	.bestProduct .prdList{display:flex; gap:1.5rem;}
	.bestProduct .prdList li{width:calc((100% - 1.5rem * 4) / 5);}
}
@media (max-width:1300px){
	.bestProduct .prdList li{width:calc((100% - 1.5rem * 3) / 4);}
}
@media (max-width:1030px){
	.bestProduct .prdList{display:flex; gap:1rem;}
	.bestProduct .prdList li{width:calc((100% - 1rem * 2) / 3);}
	
}
@media (max-width:767px){
	.bestProduct .prdList li{width:calc((100% - 1rem * 1) / 2);}
}


/***************************************************
■ 
****************************************************/
/*카테고리별 상품*/
.mallBox{position:relative; float:left; width:calc(33.3% - 30px); margin:0 15px; padding:40px 15px 30px; border-radius:15px;}
.mallBox:nth-of-type(1){background:#F1F4FF}
.mallBox:nth-of-type(2){background:#EEFBFB}
.mallBox:nth-of-type(3){background:#F5F5F5}
.mallBox a.more{position:absolute; right:15px; top:40px; font-size:14px; color:#333; background:#fff; height:35px; line-height:35px; padding:0 15px; border-radius:20px;  border:1px solid #ddd;}
.mallBox .mall_imgbox{overflow:hidden; border-radius:15px; border:1px solid #eee; margin-bottom:20px;}
.mallBox .mall_imgbox img{width:100%;}
.mallBox .prdListWrap{padding-bottom: 50px;}
.mallBox .prdListWrap .swiper-pagination-bullet-active{background:#2D3087;}
.mallBox ul li{position:relative; overflow:hidden; min-height:75px;}
.mallBox ul li .prd_thumb{position:relative; float:left; width:60px; height:60px; border-radius:5px;border:1px solid #eee;overflow:hidden; }
.mallBox ul li .prd_thumb img{max-width:60px; height:60px;}
.mallBox ul li .prd_thumb .soldout{width:100%; height:100%; position:absolute; top:0; left:0; background:url('/images/default/content/soldout.png?v=1') no-repeat center center; background-size:cover; z-index:99;}
.mallBox ul li .prd_thumb .proStop{width:100%; height:100%; position:absolute; top:0; left:0; background:url('/images/default/content/proStop.png?v=1') no-repeat center center; background-size:cover; z-index:99;}
.mallBox ul li .prd_info{float:left; width:calc(100% - 60px); padding:0px 50px 0 10px;  font-size:14px; }
.mallBox ul li .prd_info .prd_name{display: block;text-overflow:ellipsis;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;	-webkit-line-clamp: 2; -webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.2em;height: 2.3em;}
.mallBox ul li .prd_info .prd_price{margin-top:5px;}
.mallBox ul li .prd_info .prd_price .tx_org {color:#b5b5b5;font-size:12px;text-decoration:line-through;vertical-align:middle;}
.mallBox ul li .prd_info .prd_price .tx_org > span {display:inline-block;font-size:12px;text-decoration:line-through;vertical-align:0; margin-left:5px;}
.mallBox ul li .prd_info .prd_price .tx_cur {display:inline-block;}
.mallBox ul li .prd_info .prd_price .tx_cur > span {display:inline-block;font-size:18px; font-weight:600; vertical-align:-1px; color:#000;}
.mallBox ul li .prd_info .prd_price .tx_org+.tx_cur {margin:0 0 0 7px;vertical-align:bottom}

.mallBox ul li .prd_info .btn{position:absolute; right:0px; top:15px;}
.mallBox ul li .prd_info .btn button{text-indent:-10000px; background:#fff url('/images/default/main/btn_basket2.png')no-repeat 58% 50%; width:40px; height:40px; border-radius:50%; border:none; background-size:19px auto; border:1px solid #ddd;}

.mallBox .btnWrap{position:absolute; left:50%; bottom:0px;  transform:translateX(-50%);  z-index:1000;}
.mallBox .btnWrap .swiper-pagination{position:relative;}
.mallBox .btnWrap .swiper-pagination .swiper-pagination-bullet{margin:0 3px;}
.mallBox .swiper-button-prev,
.mallBox .swiper-button-next{display:inline-block; margin:0 3px; width:16px; height:18px; z-index:1000;  cursor:pointer;  background:none;  position:absolute;   top:50%; transform:translateY(-50%);}
.mallBox .swiper-button-prev{left:-20px;}
.mallBox .swiper-button-prev:after{ content : ""; display : block; width:11px; height:18px;   position : absolute; left:0px; top:0; background:url('/images/main/prev0.png')no-repeat 0 0; background-size:100%;}
.mallBox .swiper-button-next{right:-25px;}
.mallBox .swiper-button-next:after{ content : ""; display : block;width:11px; height:18px;  position : absolute; left:0px; top:0;  background:url('/images/main/next0.png')no-repeat 0 0; background-size:100%;}


/*상품나열*/
.cts3{margin-top:70px}
.cts3 h3{font-size:30px; color:#222; font-weight:400; margin-bottom:30px; line-height:1.0; text-align:center; }
.cate_prd_list{margin:-1%;}
.cate_prd_list li{float:left; width:calc(100% / 5 - 2%); margin:1%; border:1px solid #eee; border-radius:15px 15px 0 0; overflow:hidden; }
.cate_prd_list > li  div.prd_thumb{position:relative; text-align:center; margin-bottom:15px; overflow:hidden;}
.cate_prd_list > li  div.prd_thumb a{position:relative; z-index:0; display:block; width:100%; height:200px;}
.cate_prd_list > li  div.prd_thumb a:after{content : ""; display : block; position : absolute; left : 0; bottom : 0;  width : 100%; height : 100%; background : rgba(0,0,0,0.05);}
.cate_prd_list > li  div.prd_thumb img{width: 100%;    height:200px;}

.cate_prd_list > li:hover div.prd_thumb  .btn{right:50%; margin-right:-57.5px; transition: all 0.2s ease-out 0s; opacity:1;}
.cate_prd_list > li  div.prd_thumb  .btn{ position: absolute;    bottom:95px;  width:115px; z-index:10; opacity:0;}
.cate_prd_list > li  div.prd_thumb  button {  width: 45px;    height: 45px; outline:none; border:none;   text-indent: -999999px;    font-size: 0;  cursor:pointer; margin:2px 0px;}
.cate_prd_list > li  div.prd_thumb .btn_zzim {background: url('/images/default/mall/btn_wish.png') no-repeat 50% 50%; background-size:45px 45px;}
.cate_prd_list > li  div.prd_thumb .btn_zzim:hover{background: url('/images/default/mall/btn_wish_ov.png') no-repeat 50% 50%;background-size:45px 45px;}
.cate_prd_list > li  div.prd_thumb .btn_basket {background: url('/images/default/mall/btn_basket.png') no-repeat 50% 50%; background-size:45px 45px;}
.cate_prd_list > li  div.prd_thumb .btn_basket:hover{background: url('/images/default/mall/btn_basket_ov.png') no-repeat 50% 50%;background-size:45px 45px;}
.cate_prd_list > li  div.prd_info{padding:0 10px 15px;}
.cate_prd_list > li  div.prd_info p.prd_price{letter-spacing:-0.04em;}
.cate_prd_list > li .prd_name{ }
.cate_prd_list > li .prd_name a {overflow: hidden; display:block;   height: 40px;    margin: 2px 0 5px;    padding: 2px 0;    -webkit-box-orient: vertical;    line-height: 20px;   text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow:ellipsis;     display: -webkit-box;    -webkit-line-clamp: 2;    word-break: keep-all; font-weight:500; color:#111; font-size:15px;}


/*상품강조 아이콘*/
.cate_prd_list > li  div.prd_thumb .mark img{width:40px; height:40px;}
.cate_prd_list > li  div.prd_thumb .mark01{z-index:10; position:absolute; top:10px; left:10px;}
.cate_prd_list > li  div.prd_thumb .mark02{z-index:10; position:absolute; top:10px; right:10px;}
.cate_prd_list > li  div.prd_thumb .mark03{z-index:10; position:absolute; bottom:50px; left:10px;}
.cate_prd_list > li  div.prd_thumb .mark04{z-index:10; position:absolute; bottom:50px; right:10px;}

.cate_prd_list .prd_ori{overflow:hidden;}
.cate_prd_list .prd_ori .prd_ori_number{font-size:12px; background:#f7f7f7;  display:inline-block; text-align:center;  padding:1px 5px; margin-right:3px;}
.cate_prd_list .prd_ori .icon{     display: inline-block;}
.cate_prd_list .prd_ori_deli{font-size:14px; color:#0051C9;}
.cate_prd_list .prd_ori_made{font-size:14px; margin-bottom:10px;}
.cate_prd_list .prd_ori_star{margin:15px 0 5px;position:relative; display:block; width:100%;}
.cate_prd_list .prd_ori_star span.grade{background: url('/images/default/main/star.png') no-repeat  0px -18px;background-size:98px 36px;}
.cate_prd_list .prd_ori_star span.state{background: url('/images/default/main/star.png') no-repeat  0px 1px; background-size:98px 36px;}
.cate_prd_list .prd_ori_star span.grade,
.cate_prd_list .prd_ori_star span.state{position: absolute; left: 0; top:0; display: inline-block;  text-indent: -9999px;  max-width: 100%; width: 100px; height: 18px; }
.cate_prd_list .prd_ori_star span i{vertical-align:middle; color:#71A0FF; font-size:18px; }
.cate_prd_list .prd_ori_star em{font-size:14px; padding-left:135px;}
.cate_prd_list .prd_price .tx_org {color:#b5b5b5;font-size:13px;text-decoration:line-through;vertical-align:middle;}
.cate_prd_list .prd_price .tx_org > span {display:inline-block;font-size:13px;text-decoration:line-through;vertical-align:0; /*margin-left:5px;*/}
.cate_prd_list .prd_price .tx_cur {display:inline-block; font-size:15px;}
.cate_prd_list .prd_price .tx_cur > span {display:inline-block; font-weight:600; vertical-align:-1px; color:#000;}
.cate_prd_list .prd_price .tx_org+.tx_cur {margin:0 0 0 7px;vertical-align:bottom}
.cate_prd_list .prd_made{overflow: hidden; display:block;   height: 24px;    margin-top: 2px;    padding: 2px 0;    -webkit-box-orient: vertical;    line-height: 24px;   text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow:ellipsis;     display: -webkit-box;    -webkit-line-clamp: 1;    word-break: keep-all;}

/*말풍선*/
.cate_prd_list > li  div.prd_thumb span.sub_title{display:block;  width:100%; position:absolute; height:35px; line-height:35px; font-size:13px; color:#fff; bottom:-15px; left:0; background:rgba(0,0,0,0.6); padding:0px 10px; margin-bottom:15px; }
.cate_prd_list > li  div.prd_thumb span.sub_title b{display:block; width:100%;  overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-weight:400;}


/* layer popup*/
.divblind{position:fixed; left:0; top:0;filter:alpha(opacity=30); background:#000;opacity:0.3; width:100%;height:100%;z-index:99998;}
.layer_popup{position:absolute;left:50%;top:0px; margin-left:-500px; z-index:99999;}
.layer_popup_close{width:57px;height:50px;display:block;position:absolute;top:0;right:0; cursor:pointer;}
.layer_popup{background:#fff; width:1000px;}
.layer_popup .layer_top{height:50px; background:#0c1860;}
.layer_popup .layer_top h2{line-height:50px; font-size:21px; font-weight:bold; color:#fff; margin-left:30px;}
.layer_popup .layer_top h2 img{margin-right:10px; margin-bottom:5px;}
.layer_popup .layer_top .layer_title{font-size:12px; text-align:center; padding-top:10px; width:100%; height:50px; position:absolute; top:0; left:0; color:#fff;}
.layer_popup .layer_top .layer_title b{color:#e02e8c;}
.layer_popup .layer_top ul {position:absolute; top:0; right:0;}
.layer_popup .layer_top ul li{float:left; margin-left:15px; color:#fff; line-height:50px; cursor:pointer; font-size:12px;}
.layer_popup .layer_top ul li a{color:#fff;}
.layer_popup .layer_top ul li img{margin-right:5px; margin-bottom:5px;}
.layer_popup .layer_top ul li.layer_close{background:url('/images/default/main/close.png') no-repeat center center; background-size:16px 16px; width:55px; height:50px; border-left:1px solid #fff; text-align:center;}

.layer_popup .con01{padding:0px 30px;}
.layer_popup .con01 h4{font-size:14px; font-weight:bold; color:#666; line-height:40px;}
.layer_popup .con01 > div{background:#ccc;}
.layer_popup .con01 > div ul {text-align:center;padding:40px 0px;}
.layer_popup .con01 > div ul li{width:160px;  padding:25px 0; border-radius:15px; display:inline-block; color:#fff; margin-left:100px;}
.layer_popup .con01 > div ul li:first-child{margin-left:0px;}
.layer_popup .con01 > div ul li p{font-size:21px; line-height:35px;}
.layer_popup .con01 > div ul li a{font-size:16px; border:1px solid #fff; padding:5px 10px; color:#fff;}
.mcash{background:#009ce6;}
.mcupon{background:#e02e8c;}
.mpoint{background:#f7b500;}
.layer_popup ul.layer_tab{width:100%;height:50px;}
.layer_popup ul.layer_tab li{width:50%; height:50px; box-sizing:border-box; font-size:18px; line-height:50px; float:left; text-align:center; color:#666; border:none; border-bottom:2px solid #0050CD; background:#f3f4f5; cursor:pointer;}
.layer_popup ul.layer_tab li.on{border:2px solid #0050CD; border-bottom:2px solid #fff; background:#fff;}

.layer_popup .con02{padding:30px 30px 0;}
.layer_popup .con02 .left_con{width:270px; float:left;}
.layer_popup .con02 .left_con h2{font-size:21px; color:#333; font-weight:bold;}
.layer_popup .con02 .left_con h2 img{margin-right:10px;}
.layer_popup .con02 .left_con p{font-size:18px; color:#333; padding-left:20px; line-height:30px;}
.layer_popup .con02 .left_con p.date{color:#666;}
.layer_popup .con02 .left_con p span{color:#dd1508;}
.layer_popup .con02 .left_con a{font-size:16px; color:#999; margin-left:20px; margin-top:20px; border:1px solid #999; width:160px; height:40px; line-height:40px; text-align:center; display:block;}
.layer_popup .con02 .right_con{width:650px; float:left; border:1px solid #d9d9d9;box-sizing:border-box; padding:20px 70px 40px; margin-top:10px;}
.layer_popup .con02 .right_con h2{font-size:16px; color:#666;}
.layer_popup .con02 .right_con h2 img{margin-right:10px; margin-bottom:10px;}
.layer_popup .con02 .right_con .graph_bg{background:#e5e5ee; width:100%; height:40px; position:relative;}
.layer_popup .con02 .right_con .graph_var{background:#e02e8c; height:40px; position:absolute; top:0; left:0;}
.layer_popup .con02 .right_con .graph_money{position:absolute; top:0; left:20px;color:#fff; font-size:16px; line-height:40px;}
.layer_popup .con02 .right_con .graph_money span{color:#ffda76;}
.layer_popup .con02 .right_con p{padding-left:10px; position:relative; line-height:30px; color:#999;}
.layer_popup .con02 .right_con p:before{display:block; position:absolute;top:10px; left:0; content:""; width: 0px;height: 0px;border: 5px solid transparent;border-right:none;border-left-color:#3fd4e1;}
.layer_popup .con02 .right_con p b{color:#dd1508;}

.layer_popup .con03{padding:30px 30px 0; clear:both;}
.layer_popup .con03 .recent_div p{clear:both; width:100%; text-align:right; padding:15px; font-size:14px;}
.layer_popup .con03 table{width:100%;}
.layer_popup .con03 .recent_div ul li{border-bottom:1px solid #dedede; padding:10px 20px;}
.layer_popup .con03 .recent_div ul li:first-child{border-top:1px solid #dedede;}
.layer_popup .con03 .recent_01 table td{padding:5px; text-align:right;}
.layer_popup .con03 .recent_01 table td.left{text-align:left;}
.layer_popup .con03 .recent_01 table td.re_buy a{display:block;width:160px; height:50px; border:1px solid #d8d8d8; margin:0 auto; text-align:center;}
.layer_popup .con03 .recent_01 table td.re_buy a span{color:#dd1508; font-size:16px;}
.layer_popup .con03 .recent_01 table td.re_buy a b{color:#00b9c9; font-size:14px;}
.layer_popup .con03 .recent_02{display:none;}
.layer_popup .con03 .recent_02 table.tb_shop {clear:both; border-collapse:collapse; width:100%;table-layout: fixed;  }
.layer_popup .con03 .recent_02 table.tb_shop th, table.tb_shop td { box-sizing:border-box; }
.layer_popup .con03 .recent_02 table.tb_shop td{border: 1px solid #ddd;  color: #666;   background: #fff;  text-align:center;     vertical-align: middle; padding: 5px 10px;}
.layer_popup .con03 .recent_02 table.tb_shop th{border: 1px solid #898989;  color: #333;  background: #f4f4f4;   font-weight:500; padding: 8px 10px;}

.layer_popup .con04{padding:30px 30px 0; clear:both;}
.layer_popup .con04 h2{font-size:21px; font-weight:bold; color:#333; text-align:center; margin-bottom:10px;}
.layer_popup .con04 .analysis_01{clear:both;}

.layer_popup .con05{padding:30px 30px 0; clear:both;}
.layer_popup .con05 ul{width:100%;}
.layer_popup .con05 ul li{width:50%; float:left;}
.layer_popup .con05 ul li img{width:100%; height:auto;}

.layer_popup .con06{padding:30px 30px; clear:both;}
.layer_popup .con06 h2{font-size:21px; font-weight:bold; color:#333; text-align:center; margin-bottom:10px;}
.layer_popup .con06 ul.product_tab li{width:50%; border-right:1px solid #e7e8e9;}
.layer_popup .con06 ul.product_tab li:first-child{border-left:1px solid #e7e8e9;}
.layer_popup .con06 ul.product_tab li.on{border-left:2px solid #00c6d7; border-right:2px solid #00c6d7;}
.layer_popup .con06 .product_div{display:none; clear:both; width:100%;padding:40px 0; border-bottom:1px solid #ddd;}
.layer_popup .con06 .product_div ul{width:100%; height:275px; overflow:hidden;}
.layer_popup .con06 .product_div ul li{width:25%; float:left; text-align:center;}
.layer_popup .con06 .product_div ul li a{display:block;}
.layer_popup .con06 .product_div ul li p{width:100%; text-align:left; font-size:15px; color:#666; padding-left:5px; box-sizing:border-box;}
.layer_popup .con06 .product_div ul li p.name{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:17px; margin-top:10px;}
.layer_popup .con06 .product_div ul li p.made{font-weight:bold;}
.layer_popup .con06 .product_div ul li p.price{margin-top:5px; }
.layer_popup .con06 .product_div ul li p.price .tx_org {color:#b5b5b5;font-size:12px;text-decoration:line-through;vertical-align:middle;}
.layer_popup .con06 .product_div ul li p.price .tx_org > span {display:inline-block;font-size:14px;text-decoration:line-through;vertical-align:0;letter-spacing:-0.02em}
.layer_popup .con06 .product_div ul li p.price .tx_cur {display:inline-block;}
.layer_popup .con06 .product_div ul li p.price .tx_cur > span {display:inline-block;font-size:20px;vertical-align:-1px; color:#dc1508;}
.layer_popup .con06 .product_div ul li p.price .tx_org+.tx_cur {margin:0 0 0 7px;vertical-align:bottom}
.layer_popup .con06 .product_01{display:block;}


.layer_popup .con06 .product_button {position:relative; height:30px; display:block; padding-top:20px;}
.layer_popup .con06 .product_button span{color:#0c1860; font-weight:bold; cursor:pointer;}
.layer_popup .con06 .product_button .product_prev{display:block; position:absolute; width:60px; top:5px; left:0px;}
.layer_popup .con06 .product_button .product_next{display:block; position:absolute; width:60px; top:5px; right:0px;}

.topHeader {background:#414141 !important; color:#fff; height:35px; line-height:35px; text-align:center; font-size:19px; }
.con01 .msg  {background:#fff !important; border:1px solid #dbdbdb; padding:20px;}