/* BASIC css start */
/* */
body{ -webkit-overflow-scrolling: touch; overflow-x:hidden;}
body.no_scroll{overflow:hidden; }
#container{padding-top:57px;}

#digue_header{position:absolute; top:0; left:0; height:57px; width:100%; transition: all 0.4s; z-index:100;}
#digue_header.fix{position:fixed;}

#digue_header.fixed{position:fixed; background:none;}
#digue_header.fixed #header_wrap{/*background:none;*/}
#digue_header.on_side .logo{display:none;}



#header_wrap{width:100%; height:57px; padding:0 10px; position:relative; background:#FFF;  box-sizing:border-box;  }
#header_wrap .logo{ position:absolute; top:19px; left:50%; display:block; width:100px; height:20px; margin-left:-50px; text-align:center;}
#header_wrap .logo img{height:20px; display:inline-block; vertical-align:top; }

#header_wrap .hd_list{padding:10px 0; font-size:0;  }
#header_wrap .hd_list.hd_left{float:left;}
#header_wrap .hd_list.hd_right{float:right; }
#header_wrap .hd_list.hd_right .user_ico{text-align:center;}
#header_wrap .hd_list.hd_right .user_ico img{height:20px; margin-top:5px;}
#header_wrap .hd_list li{display:inline-block; vertical-align:top; text-align:center;}
#header_wrap .hd_list li > a,
#header_wrap .hd_list li > span{display:inline-block; width:42px; height:37px; padding:5px; box-sizing:border-box; background:center no-repeat; background-size:auto 24px; cursor:pointer;}
#header_wrap .hd_list li #btn_hammenu{display:block; font-size:0; overflow:hidden; text-indent:-1000px; position:relative; }
#header_wrap .hd_list li #btn_hammenu:before,
#header_wrap .hd_list li #btn_hammenu:after{position:absolute; left:8px; display:block; width:25px; height:1px; background:#000; content:""; font-size:0; transition: top 0.1s ease,transform 0.1s 0.1s ease;}
#header_wrap .hd_list li #btn_hammenu:before{top:calc(50% - 0px);}
#header_wrap .hd_list li #btn_hammenu:after{top:calc(50% - 0px); transform: rotate(90deg);}

#header_wrap .hd_list li #btn_hammenu.x{}
#header_wrap .hd_list li #btn_hammenu.x:before{ -ms-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); top:50%;}
#header_wrap .hd_list li #btn_hammenu.x:after{-ms-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg); top:50%;}

#header_wrap .hd_list li.cart a{/*background-image:url(/design/digue/renewal21/ic_cart_36.png);*/ color:#000; font-size:19px; font-family: 'Lato','Noto Sans KR',NanumGothic, AppleGothic, Helvetica, µ¸¿ò, dotum, sans-serif;}
#header_wrap .hd_list li.search a{background-image:url(/design/digue/renewal21/ic_search_36.png);}



#header_wrap .hd_list li.cart a .user_basket_quantity{display:inline-block; /*width:100%;*/ /*height:20px; margin-top:7px; line-height:20px;*/ line-height:30px;  text-align:center; color:#000;  }


#digue_menu{display:none; height:calc(100vh - 57px); padding:0 0 0 82px; background:#FFF; overflow-y: auto; -ms-overflow-style: none ; -webkit-overflow-scrolling: touch;}
#digue_menu::-webkit-scrollbar{ display:none; }
#digue_menu .menu_list{padding-top:50px;/* padding-top:20px;*/}
#digue_menu .menu_list + .menu_list {margin-top:0;}
#digue_menu .menu_list ul{padding-bottom:50px; /*padding-bottom:20px;*/ }
#digue_menu .menu_list ul li{display:block; min-height:33px; box-sizing:border-box; }
#digue_menu .menu_list ul li a{display:inline-block; vertical-align:top; padding:10px; line-height:13px; color:#000; font-size:11px; letter-spacing:1px;  font-family: 'Lato','Noto Sans KR',NanumGothic, AppleGothic, Helvetica, µ¸¿ò, dotum, sans-serif;}
#digue_menu .menu_list .ham_sch{float:left;padding:5px 0 0 10px; margin-top:10px;}
#digue_menu .menu_list .ham_sch a{padding:0;}
#digue_menu .menu_list .ham_sch img{height:25px;}
#digue_menu .menu_list .ham_kakao{float:left; margin-top:10px;}


.prd_type{width:100%; padding-bottom:20px; overflow:hidden;}
.prd_type *{font-family: 'Lato','Noto Sans KR',NanumGothic, AppleGothic, Helvetica, µ¸¿ò, dotum, sans-serif;}

.prd_type .thumb{width:100%; height:0; /*padding-top:120.4081632653061%;*/ padding-top:127.2727272727273%;  margin-bottom:12px; position:relative; }
.prd_type .thumb a{display:block; position:absolute; top:0; left:0; width:100%; height:100%; }
.prd_type .thumb a img{display:block; width:100%; height:100%; }

.prd_type .thumb .sold_out{position:absolute; top:0; left:0; display:block; width:100%; height:100%; z-index:10; background:rgba(255,255,255,0.35); text-align:center; color:#FFF; }
.prd_type .thumb .sold_out span{position:absolute; top:50%; left:0; display:block; width:100%; height:30px; margin-top:-15px; line-height:30px; text-align:center; color:#FFF; font-size:12px;  }

.prd_type > .info{min-height:68px;}
.prd_type .title{display:block; min-height:12px; margin-bottom:7px; }
.prd_type .title a{/*display:inline-block;*/ vertical-align:top; line-height:1.3; color:#000; font-weight:700; font-size:12px;}
.prd_type .title .MK-product-icons{padding-left:5px;}
.prd_type .title .MK-product-icons img{width:auto; }
.prd_type .price{display:block; min-height:14px; line-height:1.2; color:#000; font-size:10px; margin-bottom:1px; }
.prd_type .price em{padding-left:10px; font-weight:700; }
.prd_type .price em::before{content:"(";}
.prd_type .price em::after{content:")";}
.prd_type .sale_notice{display:block; min-height:16px; line-height:1.4; margin-bottom:11px; color:#000; font-size:10px; }

.prd_list.column2{ font-size:0; }
.prd_list.column2 .prd_type{width:calc(50% - 4px); margin-left:8px; display:inline-block; vertical-align:top; }
.prd_list.column2 .prd_type:nth-of-type(2n+1){margin-left:0; }


main .digue_article{margin-left:13px; margin-right:13px; }
main .digue_article2{/*margin-left:19.5px; margin-right:19.5px;*/ }

.SMS_TopBtn{background:none; border:0;} 
.SMS_BottomBtn{background:none; border:0;} 
/* BASIC css end */