/* BASIC css start */
/**********************
   Margin
**********************/
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.ml60 {margin-left:60px;}
.ml70 {margin-left:70px;}
.ml80 {margin-left:80px;}
.ml90 {margin-left:90px;}
.ml100 {margin-left:100px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}
.mr60 {margin-right:60px;}
.mr70 {margin-right:70px;}
.mr80 {margin-right:80px;}
.mr90 {margin-right:90px;}
.mr100 {margin-right:100px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb90 {margin-bottom:90px;}
.mb100 {margin-bottom:100px;}


/**********************
   padding
**********************/
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}
.pt70 {padding-top:70px;}
.pt80 {padding-top:80px;}
.pt90 {padding-top:90px;}
.pt100 {padding-top:100px;}
.pl10 {padding-left:10px;}
.pl20 {padding-left:20px;}
.pl30 {padding-left:30px;}
.pl40 {padding-left:40px;}
.pl50 {padding-left:50px;}
.pl60 {padding-left:60px;}
.pl70 {padding-left:70px;}
.pl80 {padding-left:80px;}
.pl90 {padding-left:90px;}
.pl100 {padding-left:100px;}
.pr10 {padding-right:10px;}
.pr20 {padding-right:20px;}
.pr30 {padding-right:30px;}
.pr40 {padding-right:40px;}
.pr50 {padding-right:50px;}
.pr60 {padding-right:60px;}
.pr70 {padding-right:70px;}
.pr80 {padding-right:80px;}
.pr90 {padding-right:90px;}
.pr100 {padding-right:100px;}
.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}
.pb60 {padding-bottom:60px;}
.pb70 {padding-bottom:70px;}
.pb80 {padding-bottom:80px;}
.pb90 {padding-bottom:90px;}
.pb100 {padding-bottom:100px;}


/*기타페이지 버튼 css*/
#join_test .new-btn-area a{background:#000 !important; border:1px solid #000 !important}

/* 사이드 메뉴 */
#scroll-right {
	position: fixed;
	z-index: 99999;
	top: 0;
	right: 0px;
	background: #fff;
	height: 100%;
	width: 239px;
	border-left: solid 1px #bfbfbf;
}
#scroll-right a {/*line-height: 23px;*/
}


#scroll-right .right_fix_content .topbot {
	height: 45px;
	line-height: 45px;
	border-top: 1px solid #d3d3d3;
	position: absolute;
	bottom: 0px;
	width: 100%;

}
#scroll-right .right_fix_content .topbot a {
	width: 48.7%;
	border-right: 1px solid #d3d3d3;
	display: inline-block;
	text-align: center;
	height: 45px;
	line-height: 45px;
}
#scroll-right .right_fix_content .topbot a:last-child {
	border:none;
}
#scroll-right .right_fix_content .sns {
    text-align: left;
    padding: 0 20px;
    margin-top: 15px;
    margin-bottom: 5px;
}

#scroll-right .right_fix_content .sns img {
	margin-right:5px;
}
#scroll-right .right_fix_content .cs_center {
	padding:15px 20px;
}
#scroll-right .right_fix_content .cs_center .title {
	font-size: 12px;
	color: #000;
	font-weight: bold;
}
#scroll-right .right_fix_content .cs_center .num {
	font-size: 24px;
	margin: 10px 0;
	font-weight: 500;
    font-family: 'Heebo', sans-serif;
    color: #1c1c1c;
}

#scroll-right .right_fix_content .cs_center .des {
	color: #808080;
	margin-bottom: 3px;
	font-size: 11px;
	letter-spacing: 0.08em;
}
#scroll-right .right_fix_content .bank .imgbn .bx-wrapper {
	position:relative;
}
#scroll-right .right_fix_content .bank .imgbn .bx-pager {
	position: absolute;
	top: 10px;
	right: 10px;
	height: 6px;
	text-align: center;
}
#scroll-right .right_fix_content .bank .imgbn .bx-pager .bx-pager-item {
	display:inline-block;
	margin:0 4px
}
*:first-child+html .imgbn .bx-pager .bx-pager-item {
	display:inline
} /* IE7 Hack */
#scroll-right .right_fix_content .bank .imgbn .bx-pager .bx-pager-item a {
	display:block;
	width:6px;
	height:6px;
	text-indent:-9999em;
	border:1px solid #333;
	border-radius:10px;
}
#scroll-right .right_fix_content .bank .imgbn .bx-pager .bx-pager-item a.active {
	background:#333;
}
#scroll-right .right_fix_content .bank {
	padding:15px 20px;
	border-bottom:1px solid #e6e6e6;
}
#scroll-right .right_fix_content .bank .imgbn .fix_bn_slide {
	width:200px;
	height:168px;
	overflow:hidden;
}
#scroll-right .right_fix_content .bank .bank_info {
	margin-bottom:16px
}
#scroll-right .right_fix_content .bank .bank_info a {
	width: 94px;
	height: 30px;
	border: 1px solid #000;
	line-height: 30px;
	display: inline-block;
	text-align: center;
	font-size: 11px;
}
#scroll-right .right_fix_content .myinfo {
	padding: 15px 20px;
	border-bottom: 1px solid #e6e6e6;
}
#scroll-right .right_fix_content .myinfo ul {
	margin-bottom:27px;
}
#scroll-right .right_fix_content .myinfo ul:last-child {
	margin-bottom:0px;
}
#scroll-right .right_fix_content .myinfo ul:after {
	display:block;
	clear:both;
	content:''
}
#scroll-right .right_fix_content .myinfo ul li {
	float: left;
	width: 33.3%;
	text-align: center;
	position:relative;
}
#scroll-right .right_fix_content .myinfo ul li #user_basket_quantity {
	position: absolute;
	top: 0px;
	right: 10px;
	color: #fff;
	background: #000;
	width: 17px;
	height: 17px;
	border-radius: 17px;
	font-size: 11px;
	line-height: 17px;
	text-align: center;
}
#scroll-right .right_fix_content .myinfo ul li a {
}
#scroll-right .right_fix_content .myinfo ul li a .img {
	height: 25px;
	display: block;
	line-height: 25px;
	margin-bottom: 7px;
}
#scroll-right .right_fix_content .myinfo ul li a .img img {
}
.right_fix {
	position: fixed;
	top: 0px;
	right: 0px;
	z-index: 9999;
	bottom: 0px;
	width: 0px;
	background: #fff;
	border-left: 1px solid #b3b3b3;
}
#scroll-right .right_fix_content {
	position:relative;
	z-index:40;
	width:239px;
background: #fff;
	height:100%;
}
#scroll-right .right_fix_content .login {
	padding:15px 20px;
	border-bottom:1px solid #ebebeb;
}
#scroll-right .right_fix_content .login ul {
}
#scroll-right .right_fix_content .login ul li {
	margin-bottom:6px;
}
#scroll-right .right_fix_content .login ul li:after {
	display:block;
	clear:both;
	content:''
}
#scroll-right .right_fix_content .login ul li .title {
	width:32px;
	float:left;
	height:30px;
	line-height:30px;
}
#scroll-right .right_fix_content .login ul li .content {
	width:167px;
	float:left;
	height:30px;
	line-height:30px;
}
#scroll-right .right_fix_content .login ul li .content .MS_login_id {
	width: 90%;
	padding:0 4%;
	height: 28px;
	color: black;
	border: 1px solid #ccc;
}
#scroll-right .right_fix_content .login ul li .content .MS_login_pw {
	width: 90%;
	padding:0 4%;
	height: 30px;
	color: black;
	border: 1px solid #ccc;
}
#scroll-right .right_fix_content .login .btn {
	margin-top:13px;
}
#scroll-right .right_fix_content .login .btn a {
	color:#fff;
	width:94px;
	height:32px;
	line-height:32px;
	background:#383838;
	display:inline-block;
	text-align:center;
	font-size:11px;
}
#scroll-right .right_fix_content .login .btn:after {
	display:block;
	clear:both;
	content:''
}
#scroll-right .right_fix_content .login .btn a.join {
	float:left;
	margin-right:11px;
}
#scroll-right .right_fix_content .login .btn a.log {
	float:left;
}

#scroll-right .right_fix_content .right_fix_btn {
	width: 44px;
	height: 44px;
	position: absolute;
	top: 465px;
	left: -44px;
	z-index: 20;
	cursor: pointer;
}


#scroll-right .right_fix_content .right_fix_btn.close {
    background: url(/design/nubizio777/renewal/img/right_fix_close_btn.png) no-repeat;
}

#scroll-right .right_fix_content .right_fix_btn.close img {display:none;}

#scroll-right .right_fix_content .login .user_info {}
#scroll-right .right_fix_content .login .user_info .name {font-weight:bold; margin-bottom:15px;}
#scroll-right .right_fix_content .login .user_info .reserve {}
#scroll-right .right_fix_content .login .user_info .deposit {}
#scroll-right .right_fix_content .login .user_info .coupon {}
#scroll-right .right_fix_content .login .user_info p {margin-bottom:10px;}
#scroll-right .right_fix_content .login .user_info p:after {
	display:block;
	clear:both;
	content:''
}
#scroll-right .right_fix_content .login .user_info p .title {float:left; width:50%; text-align:left; font-size:11px; color:#000;}
#scroll-right .right_fix_content .login .user_info p .con {float:left; width:50%; text-align:right; font-size:11px; color:#000; font-weight:bold;}


.prd-soldout{
    font-size: 19px;
    padding-top: 10px;
    color: #F44336;
    font-weight: 100;}


.frm-list li.id{text-indent:0 !Important;}

#go_top{float: left;}
#go_bottom{float: right; border-left: 1px solid #e7e7e7; margin-right: -1px;}


@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 200;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 800;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
  url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}

@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face {
	font-family: MalgunGothic;
	src: url(/design/dhkorea88/supermarket/font/MalgunGothic.eot);
}
.clear_w:before, .clear_w:after {
	content: '';
	float: none;
	clear: both;
	display: table;
*zoom:1;
}
.nv_wrap {
	width: 100%;
	text-align: right;
	color: #a6a6a6;
	margin-top: 20px;
	margin-bottom: 18px;
}
.nv_wrap img {
	position: relative;
	margin-right: 5px;
}
.nv_wrap span.actv {
	color: #343434;
}
#passimg, #MSecure_layer1 {
	z-index: 90!important;
}
.header_wrap {
	width: 100%;
}
.header_wrap .header_content {
	width: 100%;
	position: relative;
	z-index: 13;
}
.header_wrap .header_content .top_menu {
	width: 1200px;
	height: 33px;
	margin: 0 auto;
}
.header_wrap .header_content .top_menu .book_mark {
	float: left;
	margin-top: 11px;
}
.header_wrap .header_content .top_menu .book_mark img {
	margin-right: 7px;
	position: relative;
	top: -2px;
}
.header_wrap .header_content .top_menu .logmenu {
	float: right;
}
.header_wrap .header_content .top_menu .logmenu li {
	width: 65px;
	display: inline-block;
	_display: inline;
*display:inline;
}
.header_wrap .header_content .top_menu .logmenu li.cate_01 {
	font-weight: bold;
	width: 60px;
	height: 33px;
}
.header_wrap .header_content .top_menu .logmenu li.cate_02 {
	width: 47px;
	height: 33px;
}
.header_wrap .header_content .top_menu .logmenu li.cate_03 {
	width: 55px;
	height: 33px;
	position: relative;
	z-index: 2;
	_background: url(/design/dhkorea88/supermarket/img/myp_bg.png) no-repeat 90px 16px;
}
.header_wrap .header_content .top_menu .logmenu li.cate_04 {
	width: 71px;
	height: 33px;
}
.header_wrap .header_content .top_menu .logmenu li.cate_05 {
	width: 77px;
	height: 33px;
}
.header_wrap .header_content .top_menu .logmenu a {
	display: block;
	font-size: 12px;
	color: #6c6c6c;
	line-height: 100%;
	height: 33px;
	width: 100%;
	text-align: center;
	line-height: 3em;
}
.header_wrap .header_content .top_menu .logmenu .logm_sub {
	display: none;
	position: absolute;
	top: 33px;
	left: -1px;
	z-index: 2;
	background: #efeeee;
	border: 1px solid #d4d4d4;
	width: 112px;
}
.header_wrap .logo_wrap {
	width: 100%;
	margin: 0 auto;
	height: 130px;
	position: relative;
	z-index: 12;
	overflow: hidden;
	background: #fff;
}
.header_wrap .logo_wrap .sub_logo {
	width: 228px;
	float: left;
	margin-top: 41px;
}
.header_wrap .logo_wrap .sub_logo span {
	display: block;
}
.header_wrap .logo_wrap .sub_logo span.sub_logo_etf {
	margin-bottom: 11px;
}
.header_wrap .logo_wrap .logo {
	margin: 33px auto;
	z-index: 2;
	text-align: center;
}
/*
#side_search{
	width: 319px;
	height: 38px;
	border: 1px solid #404040;
	position: relative;
	z-index: 2;
	float: right;
	margin-top: 43px;
}

#side_search input {
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	border: 0px;
	height: 38px;
	text-indent: 15px;
}*/
#side_search .sch_btn {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 2;
}
.header_wrap .menu_wrap {
    margin-bottom: 3px;
	width: 100%;
    box-shadow: 0px 5px 5px -4px #e0e0e0;
    height: 60px;
}

.header_wrap .menu_wrap .menu_content .mcategory {
	width: 755px;
	float: left;
	margin-top: -10px;
}
.header_wrap .menu_wrap .menu_content .mcategory li {
	float: left;
}
.header_wrap .menu_wrap .menu_content .mcategory li > a {
	font-family: Noto Sans KR, sans-serif;
	color: #000;
	font-size: 16px;
	font-weight: 500;
	display: block;
	height: 43px;
	line-height: 3.2em;
	text-align: center;
	position: relative;
	z-index: 2;
	padding: 0px 40px;
	background: url('/design/dhkorea88/supermarket/img/aline.gif') no-repeat left 19px;
}
.header_wrap .menu_wrap .menu_content .mcategory li > a:hover {
	font-weight: 700;
	color: #94223e
}
.header_wrap .menu_wrap .menu_content .mboard_wrap {
	width: 335px;
	text-align: right;
	float: right;
	font-size: 0px;
	letter-spacing: 0px;
	word-spacing: 0px
}
.header_wrap .menu_wrap .menu_content .mboard_wrap .top_basket {
	display: inline-block;
	vertical-align: top;
	margin-left: 20px;
}
.header_wrap .menu_wrap .menu_content .mboard_wrap .top_basket a {
	position: relative;
}
.header_wrap .menu_wrap .menu_content .mboard_wrap .top_basket a span#user_basket_quantity {
	position: absolute;
	background: #94223e;
	color: #fff;
	padding: 3px;
	border-radius: 100%;
	width: 12px;
	height: 12px;
	text-align: center;
	line-height: 12px;
	right: -8px;
}
#side_search {
	display: inline-block;
	width: 280px;
	position: relative;
	background: #f0f0f0;
	border-radius: 15px;
}
#side_search .sch_btn {
	right: 15px;
	position: absolute;
	top: 6px;
}
.header_wrap .menu_wrap .menu_content .mboard_wrap ul {
	text-align: right;
}
.header_wrap .menu_wrap .menu_content .mboard_wrap li {/*float:left;*/
	display: inline-block;
}

.header_wrap .menu_wrap .menu_content .mboard_wrap li > a {
	color: #f5f5f5;
	font-size: 13px;
	display: block;
	height: 45px;
	line-height: 3.555em;
	padding: 0px 18px;
	background: url('/design/dhkorea88/supermarket/img/aline.gif') no-repeat right center;
}
.header_wrap .menu_wrap .menu_content .mboard_wrap li:last-child a {
	padding-right: 0px!important;
	background: none!important;
}

.header_wrap .menu_wrap.fixed{
    position: fixed;
    top: 0;
    z-index: 998;
    background: #fff;
    height: 60px;;}

.basic_f_prod {/*width:1098px; border:1px solid #cfcfcf; overflow:hidden;*/
}
.basic_f_prod .basic_f_content {
	width: 1100px;
	margin-top: -1px;
	margin-left: -1px;
}
.basic_f_prod .basic_f_content .normal_prod_wrap .normal_prod_box {
	margin-bottom: -1px;
}
.basic_f_prod .basic_f_content .normal_prod_wrap .normal_prod_box .normal_item {/*border:1px solid #cfcfcf;*/
	margin-right: -1px;
	width: 276px; /* 20161222*/
	margin-top: -1px;
}
.basic_f_prod .basic_f_content .normal_prod_wrap .normal_prod_box .normal_item .prod_spacs {/*background:#f6f6f6; height:149px;*/
}
.basic_f_prod .basic_f_content .normal_prod_wrap .normal_prod_box .normal_item .prod_spacs >div {
	width: 230px;
	margin: 0 auto;
}
.basic_f_prod .basic_f_content .normal_prod_wrap .normal_prod_box .normal_item .prod_spacs >div.prod_icon {
	padding-top: 20px;
	padding-bottom: 12px;
	position: relative;
	z-index: 2;
	height: 15px;
}
.basic_f_prod .basic_f_content .normal_prod_wrap .normal_prod_box .normal_item .prod_spacs >div.prod_icon a {
	position: absolute;
	top: 22px;
	right: 5px;
	z-index: 3;
}
.basic_f_prod .basic_f_content .normal_prod_wrap .normal_prod_box .normal_item .prod_spacs >div.prod_price {
	padding-top: 16px;
}
.basic_f_prod .basic_f_content .normal_prod_wrap .normal_prod_box .normal_item .prod_spacs >div.prod_name {
	padding-top: 0px;
}
.basic_f_prod .basic_f_content .normal_prod_wrap .normal_prod_box .normal_item .prod_spacs >div.prod_name a {
	color: #828282;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
}
.normal_prod_wrap {
	width: 1100px;
	margin: 0 auto;
}
.normal_prod_wrap .normal_prod_box {/*overflow:hidden;*/
	width: 100%;
}
.normal_prod_wrap .normal_prod_box .normal_item {
	width: 273px;
	float: left;
	margin-right: 1px;
	position: relative;
	z-index: 2;
}
.normal_prod_wrap .normal_prod_box .normal_item .prod_thumb {
	width: 273px;
	height: 273px;
	overflow: hidden;
	text-align: center;
}
.normal_prod_wrap .normal_prod_box .normal_item .prod_thumb a {
	display: block;
}
.normal_prod_wrap .normal_prod_box .normal_item .prod_thumb a img {
	width: 100%;
	margin-top: 19px;
}
.normal_prod_wrap .normal_prod_box .normal_item .prod_icon {
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.normal_prod_wrap .normal_prod_box .normal_item .prod_icon a {
	position: absolute;
	top: 22px;
	right: 5px;
	z-index: 2;
}
.org_price {
	font-size: 13px;
	color: #a0a0a0;
	display: block;
	font-family: 'Open Sans', sans-serif;
}
.ntr_price {
	font-size: 18px;
	color: #000;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
}
.won {
	font-size: 13px!important;
}
.dis_con {
	width: 72px;
	height: 53px;
	background: url(/design/dhkorea88/supermarket/img/darrow.png) no-repeat center center;
	position: absolute;
	top: -1px;
	left: -12px;
	z-index: 2;
	text-align: center;
	line-height: 2.8em;
	color: #fff;
	font-size: 16px;
	font-weight: 900;
	font-family: 'Open Sans', sans-serif;
}


#gnb.gnb_stop{position:fixed;z-index:300;left:0;top:0;width:100%}
#gnb .gnb_kurly{position:relative;z-index:300;min-width:1050px;background-color:#fff;font-family:'Noto Sans';letter-spacing:-0.3px}

/* 검색창 */
#gnb .gnb_search{position:absolute;right:0;top:11px;width:200px}
#gnb .gnb_search .inp_search{width:238px;height:36px;padding:0 50px 0 20px;border:1px solid #f7f7f6;border-radius:18px;background-color:#f7f7f7;font-family: 'Noto Sans';font-weight:400;font-size:12px;color:#666;line-height:16px;outline:none}
#gnb .gnb_search .inp_search.focus{background-color:#fff;color:#333}
#gnb .gnb_search .btn_search{
    width: 20px;
    position: absolute;
    right: 13px;
    top: 7px;}
/* 장바구니 */
#gnb .cart_count{position:absolute;right:-50px;top:15px}
#gnb .cart_count .inner_cartcount{text-align:center;font-weight:400; position: relative;}
#gnb .cart_count .inner_cartcount #user_basket_quantity{
    position: absolute;
    right: -8px;
    top: -6px;
    color: #fff;
    background: #ffbb02;
    padding: 2px 5px;
    border-radius: 100%;
    font-size: 11px;}
#gnb .cart_count .num{display:none;position:absolute;left:19px;top:-1px;min-width:20px;height:20px;padding:0 5px;border:2px solid #fff;border-radius:10px;background-color:#94223e;font-size:9px;color:#fff;line-height:15px;text-align:center;white-space:nowrap}
#gnb .cart_count img{display:block;margin:0 auto}
#gnb .cart_count .msg_cart{display:none;position:absolute;right:-7px;top:61px;width:348px;height:102px;border:1px solid #ddd;background-color:#fff;opacity:0}
#gnb .cart_count .inner_msgcart{display:block;overflow:hidden;padding:20px 0 0 20px}
#gnb .cart_count .msg_cart .thumb{float:left;width:46px;height:60px}
#gnb .cart_count .msg_cart .desc{float:left;width:240px;padding:8px 0 0 20px;font-weight:700;font-size:14px;line-height:21px}
#gnb .cart_count .msg_cart .tit{display:block;overflow:hidden;width:100%;color:#999;white-space:nowrap;text-overflow:ellipsis}
#gnb .cart_count .msg_cart .name{overflow:hidden;float:left;max-width:178px;text-overflow:ellipsis}
#gnb .cart_count .msg_cart .txt{display:block;padding-top:3px;color:#333}
#gnb .cart_count .msg_cart .point{position:absolute;right:13px;top:-14px;width:20px;height:14px;background:url(/design/dhkorea88/supermarket/img/ico_layer_point.png) no-repeat 0 0}
/* GNB메인 */
#gnb .gnb_main{width: 1200px; margin: 0 auto; position: relative;}

#gnb .gnb_main .gnb{/*float:left;width:100%; padding-top: 7px;*/}
#gnb .gnb_main .gnb .lst{background:none}

#gnb .gnb_main .gnb a{overflow:hidden;float:left;height:40px;padding: 20px 15px 0 20px;font-size:16px;color:#333;line-height:20px}
#gnb .gnb_main .gnb a:hover{color:#ffc124}

#gnb .gnb_main .gnb li.big{position:relative;}

#gnb .gnb_main .gnb > li{display: inline-block; vertical-align: top; }
#gnb .gnb_main .gnb li ul.sub_menu{
    width:max-content;
    position: absolute;
    top: 60px;
    left: 0;
    display: none;
    background: #fff;
    border: 1px solid #eee;
    border-top: 2px solid #febb00;
    _padding-bottom: 10px;
    max-height: 645px;
}


#gnb .gnb_main .gnb li ul.sub_menu li:nth-child(1){
_margin-top: 7px;}

#gnb .gnb_main .gnb li ul.sub_menu li{
    cursor:pointer;
    position:relative;
    display: table;
    width: 100%;}
    
#gnb .gnb_main .gnb li ul.sub_menu li:hover{background-color:#ececec}


#gnb .gnb_main .gnb li ul.sub_menu li.arrow{
    background-image: url(/design/dhkorea88/supermarket/img/cate_arrow.png);
    background-repeat: no-repeat;
    background-position: 95% 12px;}
#gnb .gnb_main .gnb li ul.sub_menu li.arrow .hasChild{
    position: absolute;
    top: 0;
    left: 91%;
    border-top: 1px solid #eee;
    z-index: 2;
    padding: 5px;
}

#gnb .gnb_main .gnb li ul.sub_menu li.arrow .hasChild li:hover{background-color:#fafafa}
    
/* Only works in IE10 이상 (IE11도 포함)*/
 _:-ms-input-placeholder, :root #gnb .gnb_main .gnb li ul.sub_menu li a{word-break: keep-all;}

/* Only works in IE11 */
_:-ms-fullscreen, :root #gnb .gnb_main .gnb li ul.sub_menu li a{word-break: keep-all;}


#gnb .gnb_main .gnb li ul.sub_menu li a{  
    display: block;
    height: 30px;
    line-height: 28px;
    padding: 0 20px 0 5px;
    font-size: 13px;
    color: #747474;}
    
#gnb .gnb_main .gnb li ul.sub_menu li a span{
    _display:table;}

#gnb .gnb_main .menu1 a{ padding-left: 0}
#gnb .gnb_main .menu1 .ico{float:left;width:22px;height:18px;margin:3px 9px 0 0;background:url(/design/dhkorea88/supermarket/img/ico_gnb_all_off.png) no-repeat}
#gnb .gnb_main .menu1 a.on .ico,
#gnb .gnb_main .menu1 a:hover .ico{background:url(/design/dhkorea88/supermarket/img/ico_gnb_on.png) no-repeat 0 0}

#gnb .gnb_main .menu1 a.on .txt{color:#ffbb02}

#gnb .gnb_main .menu1 a.on .txt,
#gnb .gnb_main .menu1 a:hover .txt,
#gnb .gnb_main .menu1 .txt{float:left;border-bottom:0; }


/* GNB서브 */
#gnb .gnb_sub{max-height: 645px; overflow: auto;background: #fff;display:none;position:absolute;z-index:301;left:0;top:60px;width:100%; padding-top:1px; border: 1px solid #ddd; background-image: url(/design/dhkorea88/supermarket/img/gnb_bg.png); background-repeat: no-repeat;  background-position: top;}

#gnb .gnb_sub .gnb_wrap{
    width: 1200px;
    margin: 0 auto;}
#gnb .gnb_sub .inner_sub{
    margin-right: 30px;
    margin-top: -1px;
    padding-top: 25px;
    width: 1000px;
    background: #fff;
    font-size: 0;
    background-image: url(/design/dhkorea88/supermarket/img/gnb_bg.png);
    background-repeat: no-repeat;
    background-position: top;
    border-top: 0;
    background-size: contain;
    display: inline-block;}

#gnb .gnb_sub .community_side{
    width: 127px;
    display: inline-block;
    vertical-align: top;
    background: #fafafa;
    margin-right: 0;
    margin-top: 25px;
    padding: 0 20px;}

#gnb .gnb_sub .community_side .gnb_menu{
    margin-right: 0;
    width: 125px;
    padding-bottom: 10px;
}

#gnb .gnb_sub .community_side .gnb_menu .sub_menu li{
text-indent: 3px;}

#gnb .size_over{overflow-x:hidden;overflow-y:auto}
#gnb .gnb_sub .gnb_menu{
    overflow: visible;
    width: 141px;
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
    margin-bottom: 20px;}    
#gnb .gnb_sub .gnb_menu:nth-child(6n){margin-right:0 !important;}
#gnb .gnb_sub .gnb_menu li{width:100%;text-align:left}
#gnb .gnb_sub .gnb_menu li:first-child{padding-top:0}
#gnb .gnb_sub .menu{display:block;overflow:hidden;width:100%;height:40px;padding:8px 0 0 0;cursor:pointer}
#gnb .gnb_sub .gnb_menu li:first-child .menu{height:35px;padding-top:7px;border-bottom: 1px solid #dadada;margin-bottom: 10px;}
#gnb .gnb_sub .current .menu{background:#f7f7f7}
#gnb .gnb_sub .current .txt,
#gnb .gnb_sub .menu.on.off:hover .txt,
#gnb .gnb_sub .menu.on .txt{font-weight:700;color:#94223e}
#gnb .gnb_sub .ico{float:left;width:24px;height:24px}
#gnb .gnb_sub .ico img{width:24px;height:24px}
#gnb .gnb_sub .ico .ico_off{display:block}
#gnb .gnb_sub .ico .ico_on{display:none}
#gnb .gnb_sub .current .ico_off,
#gnb .gnb_sub .menu.on .ico_off,
#gnb .gnb_sub .menu:hover .ico_off{display:none}
#gnb .gnb_sub .current .ico_on,
#gnb .gnb_sub .menu.on .ico_on,
#gnb .gnb_sub .menu:hover .ico_on{display:block}
#gnb .gnb_sub .ico_arrow{display:none;float:right;width:16px;height:17px;padding:6px 9px 0 0}
#gnb .gnb_sub .ico_arrow img{width:7px;height:11px}
#gnb .gnb_sub .current .ico_arrow{display:block}
#gnb .gnb_sub .txt{
    float: left;
    padding: 0 4px 0 0px;
    font-weight: bold;
    font-size: 15px;
    color: #0e0e0e;
    line-height: 31px;
    white-space: pre;
    font-family: 'Malgun Gothic';
    text-overflow: ellipsis;
    overflow: hidden;
    width: 158px;}
    
#gnb .gnb_sub .ico_new{overflow:hidden;float:left;width:14px;height:14px;margin-top:5px;background-position:50% 50%;background-repeat:no-repeat;background-size:14px 14px;font-size:0;line-height:0;text-indent:-9999px}
#gnb .gnb_sub .sub_menu{
    margin-left: -10px;}
    
#gnb .gnb_sub .hasChild{
    padding: 5px;
    display:none;
    position: absolute;
    top: -5px;
    left: 150px;
    background: #fff;
    border: 1px solid #e1e1e1;
    z-index: 9;}
    
#gnb .gnb_sub .hasChild .sub span{
    padding: 0 10px;}

#gnb .gnb_sub .current .sub_menu{z-index:1;opacity:1;transition:opacity 0.5s}
#gnb .gnb_sub .sub_menu li:first-child{padding-top:11px}
#gnb .gnb_sub .sub_menu .arrow{position:relative;}
#gnb .gnb_sub .sub_menu .arrow a.arrow_a{
    background-image: url(/design/dhkorea88/supermarket/img/cate_arrow.png);
    background-repeat: no-repeat;
    background-position: right 12px
}

#gnb .gnb_sub .sub_menu .sub.on{background-color:#ececec}
#gnb .gnb_sub .sub_menu .sub{display: block;overflow: hidden;height: 28px;font-size: 15px;color: #979797;cursor: pointer;font-weight: 300; white-space: pre; text-overflow: ellipsis; overflow: hidden;}

#gnb .gnb_sub .sub_menu li:nth-child(1){padding-top:0}

#gnb .gnb_sub .sub_menu .sub span{
    height: 28px;
    line-height: 28px;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
    font-family: 'Malgun Gothic' !important;
    color: #747474;
    font-size: 12px;
    font-weight: 500;
    width: 99%;}

#gnb .gnb_sub .recommend{overflow:hidden;width:349px;padding:11px 0 0 22px}
#gnb .gnb_sub .recommend li{float:left;width:160px;height:160px;padding:0 10px 0 0}
#gnb .gnb_sub .recommend li:first-child{padding-top:0}
#gnb .gnb_sub .recommend .sub{text-align: center;display:block;overflow:hidden;width:145px;height:auto;padding:0;cursor:pointer}
#gnb .gnb_sub .recommend .thumb{display:block;margin-bottom:8px;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}
#gnb .gnb_sub .recommend .thumb img{width:100%;}
#gnb .gnb_sub .recommend .name{font-size:14px;line-height:18px}


.MS_search_word{
    width: 210px;
    height: 31px;
    background: none;
    margin: 2px 10px;
    border: 0;
    text-indent: 5px;}

a:focus {outline:none;}
.dn{display: none !important;}
#hdWrap { background: url(/images/d3/hot_issue/common/bg_w80_h2_line.gif) repeat-x 0 100%; }
#header { position: relative; width: 1124px; height: 190px; margin-bottom: 20px; }
#hdWrap .hd-logo { padding-top: 40px; text-align: center; }
#hdWrap .hd-draw,
#hdWrap .hd-link { position: absolute; }
#hdWrap .hd-draw { right: 200px; bottom: -19px; }
#hdWrap .hd-link { zoom: 1; overflow: hidden; top: 162px; left: 0; }
#hdWrap .hd-link li { float: left; padding: 0 10px; }
#hdWrap .hd-link li a { font-size: 11px; font-weight: bold; letter-spacing: -1px; }
#hdWrap .hd-link li a:hover { color: #ec2626; }
#hdMenu { position: relative; width: 1124px; margin: 0 auto 60px; }
#hdMenu .hd-cate { zoom: 1; overflow: hidden; width: 1000px; }
#hdMenu .hd-cate li { float: left; padding: 0 10px; background: url(/images/d3/hot_issue/common/bg_w1_h5_dotted.gif) no-repeat 100% 40%; white-space: nowrap; }
#hdMenu .hd-cate li a { font-size: 12px; font-weight: bold; letter-spacing: -1px; }
#hdMenu .hd-search { position: absolute; top: 0; left: 1002px; }
#hdMenu .hd-search .input-keyword { width: 100px; height: 16px; border: 1px solid #ccc; }

#topBnr{display: none;width:100%; background: #ffbb02; height: 40px;}
#topBnr a#txt{
    position: relative;
    display: block;
    float: left;
    margin: 0 auto;
    text-align: center;
    color: #000;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
}

#topBnr a#txt em{}

#topBnr .topWrap{width:1200px; margin:0 auto;}
#topBnr .topWrap ul{float:right;}
#topBnr .topWrap ul li{display:inline-block; height: 40px; line-height: 40px;}
#topBnr .topWrap ul li:nth-child(5) a{padding-right:0 !important;}
#topBnr .topWrap ul li a{
    color: #fff;
    font-family: initial !important;
    padding: 0 4px;
    font-size: 11px;
    font-weight: 100;}

em.Dash{
    width: 1px;
    height: 11px;
    background: #cacaca;
    display: inline-block;
    margin-bottom: -1px;}

.menu_wrap .menu_content .mcategory li.all{position:relative;}


.menu_wrap .menu_content .mcategory li.hasChild:nth-child(1) ul{top:-1px}
.menu_wrap .menu_content .mcategory li.hasChild:nth-child(2) ul{top:-44px}
.menu_wrap .menu_content .mcategory li.hasChild:nth-child(3) ul{top:-87px}
.menu_wrap .menu_content .mcategory li.hasChild:nth-child(4) ul{top:-130px}
.menu_wrap .menu_content .mcategory li.hasChild:nth-child(5) ul{top:-173px}
.menu_wrap .menu_content .mcategory li.hasChild:nth-child(6) ul{top:-216px}
.menu_wrap .menu_content .mcategory #plan ul.depth2{top:-259px}

#all_menu{height:55px; background: none !IMPORTANT; padding: 0 !IMPORTANT; padding-right: 50px !important;}

#all_menu img{
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 12px;}
    
#all_menu.active{color:#94223e;}

#view_menu{
    position:absolute;
    display:none;
    width: 174px;
    border: 1px solid #f0f0f0;
    z-index: 9;
    background: #fff;
    margin-left: -3px;
    padding-top: 13px;}
    
    
ul.depth1{}

ul.depth1 >li{position:relative; _float: none !important;}


ul.depth1 >li > a{
    _width: 100%; 
    padding: 0 !important;
    display: block !important;
    text-align: left !important;
    text-indent: 26px;
    _line-height: 42px !important;
    background: none !important;
    font-size: 14px !important;
    font-weight: normal !important;
}

ul.depth1 >li > a.on{
    background: #f0f0f0 !important;
    color: #94223e !important;
}

ul.depth1 >li > ul.depth2 li a.on{
    text-decoration: underline;
    color: #94223e !important;
}

    
ul.depth1 >li > ul.depth2{
    position:absolute;
    height:303px;
    overflow:hidden;
    width: 173px;
    border: 1px solid #f0f0f0;
    top: -1px;
    position: absolute;
    left: 174px;
    background: #f0f0f0;}
    
ul.depth1 >li > ul.depth2 li{
    float: none !IMPORTANT;}

ul.depth1 >li > ul.depth2 li a{   
    height: 41px !important;
    width: 100%; 
    padding: 0 !IMPORTANT;
    display: block !important;
    text-align: left !important;
    text-indent: 26px;
    line-height: 42px !IMPORTANT;
    background: none !important;
    font-size: 14px !important;
    font-weight: normal !important;}

#plan{}
#plan > ul{height:281px !important;
    width: 340px;
    padding: 20px 0 0;}
#plan > ul > li{
    display: inline-block;}
#plan > ul > li > a{
    display: table !IMPORTANT;}
    #plan > ul > li > a > p{
    text-align: center;
    padding-bottom: 10px;
    font-size: 14px;
   /* font-family: SourceHanSansK Normal;*/}
#plan > ul > li > a > img{}


/*진열공통css*/
 .item-list {vertical-align:top;width: 230px;display: inline-block;padding-right: 12px;  padding-bottom: 50px;}
 .item-list :nth-child(5n){padding-right: 0;}
 .item-list .thumb {border: 1px solid #e4e4e4;position: relative;}
 .item-list .thumb a{width:100%; height:100%; display:block;}
 .item-list .thumb a img{opacity:0;}
 .item-list .thumb .dc {
    z-index:9;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    height: 55px;
    line-height: 55px;
    width: 55px;
    background: #ffbb02;
    color: #fff;
    font-size: 21px;
    font-family: Lato;
}
 .item-list .thumb .dc em {
	font-size: 14px !important;
}
 .item-list .thumb .dc.term {
}
 .item-list .thumb .dc em.num {
	font-size: 24px !important;
	width: 27px;
	display: inline-block;
	overflow: hidden;
}
 .item-list .thumb .dc em.percent {
	font-size: 18px !important;
	display: inline-block;
	vertical-align: top;
}
 .item-list dd {
	font-size: 16px;
	color: #000;
	font-weight: 300;
	text-align: left;
}

 .item-list dd ul.score{margin-top:20px; font-weight: normal; _padding-top: 20px;}
 .item-list dd ul.score li{
    font-family: 'Malgun Gothic' !important;
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    letter-spacing: -1px;}
    
 .item-list dd ul.score li p{
    font-family: lato;
    color: #e56251;
    font-size: 13px;
    display: inline-block;
    padding-left: 3px;}
 .item-list dd ul.score li em{
    display: inline-block;
    width: 1px;
    height: 11px;
    background: #dfdfdf;
    margin-left: 11px;
    margin-right: 8px;
    vertical-align: middle;
    margin-bottom: 2px;}

 .item-list dd ul {
	margin-top: 20px;
}
 .item-list dd ul li.prd-consumer {
	display: inline-block;
	color: #919191;
	font-size: 18px;
	margin-right: 3px;
    font-family: 'Malgun Gothic' !important;
}
 .item-list dd ul li.dc {
	color: #94223e;
	display: inline-block;
	font-size: 22px;
	letter-spacing: -1px;
	font-weight: 800;
	margin-left: 5px;
}
 .item-list dd ul li.dc em.num {
}
 .item-list dd ul li.dc em.percent {
	font-size: 16px !important;
	font-weight: bold !important;
	margin-left: 2px;
}
 .item-list dd ul li.prd-name {
    font-size: 15px;
    color: #222222;
    font-family: 'Malgun Gothic' !important;
    font-weight: normal;
    letter-spacing: -1px;
}
 .item-list dd ul li.prd-subname {
    font-size: 13px;
    color: #bbb;
    font-family: 'Malgun Gothic' !important;
    font-weight: normal;
    letter-spacing: -1px;
}
 .item-list dd ul li.prd-price {
    font-weight: bold;
    padding-top: 5px;
    font-size: 18px;
    display: inline-block;
    color: #222222;
    font-family: 'Malgun Gothic' !important;
}
 .item-list dd ul li.prd-price em {
    font-size: 15px;
    color: #222222;
    font-weight: 400;
}
 .item-list img {
	vertical-align: inherit;
	width: 100%;
}
 ul.prd-list {
	text-align: center;
	font-size: 16px;
	padding-top: 30px;
	text-align: center;
	display: block;
}
 ul.prd-list li {
	display: inline;
	margin-bottom: 23px;
	vertical-align: top;
    margin-right: 5px !important;
}

 ul.prd-list li a {
	color: #000;
	width: 100% !important;
	background: #e7e7e7;
	text-align: center;
	padding: 10px 20px;
	font-size: 15px;
	font-weight: 300;
	border-radius: 30px;
}


/* 찜하기, 미리보기 아이콘 */
.thumb_icon {position: absolute;right: 8px;bottom: 8px;z-index: 99;} 
.thumb_icon li { margin-top: 5px; line-height: 1; } 
.thumb_icon li img { width: 27px !important; opacity:1 !important; }

.speechbubble{ position: absolute; top: 130px; left: 1210px; width: 66px; height: 28px; line-height: 32px; background: url(/design/dhkorea88/supermarket/img/speechbubble_6.png) no-repeat 0 0; color: #fff; font-size: 12px; font-family: tahoma; font-weight: bold; text-align: center;z-index:999999; }

/* BASIC css end */