/* BASIC css start */
/* ŸÀÌ¸Ó */
.wcountwrap{position:relative;width:100%;max-width:860px;margin:0 auto;padding:3% 0;  background:#f96512;}
.countwrap{position:relative;width:92%;max-width:720px;margin:0 auto;padding:6% 0; background:#fff;}
ul.countsimple {position: relative; width: 100%; margin: 0 auto; padding: 15px 0 5px 0; border-width: 1px 0; overflow: hidden; font-weight: 600;}
ul.countsimple li {position:relative;margin: 0;padding: 0;display: block;width: 25%;text-align: center;float:left;}
ul.countsimple li .number{position:relative;color:#fff;font-size:100px;}
ul.countsimple li .label{position:relative;color: #fff;text-transform: uppercase;font-size:26px; margin-top:1%;}
ul.countsimple li .number:after{position:absolute;top:50%;right:-5%;content:':';transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%); font-size:80px}
ul.countsimple li:last-child .number:after{content:""}
ul.countsimple li:last-child .number:after{display:none}
.countdown_title{margin-bottom:0%; font-size:24px; color:#fff;}




.df-list-product ul.grid4 li.item {width:32%; margin-right:2%!important; margin-bottom: 3%!important;}
.df-list-product ul.grid4 li.item:nth-of-type(3n) {margin-right:0!important;}
.df-list-product ul.prdList li.item .thumbnail a img {width:100%; height:auto;}
.xans-product-normalmenu .function {overflow:visible!important;}
.location-product .tit-product h2 {opacity:0; margin-top:0;}
.df-list-product ul.prdList .icon {position:absolute; left:0; bottom:0;}

#container #contents {    margin: 0px auto 50px!important;}

.thumbnail a img{width:290px;}
.df-base-paging img{vertical-align:middle !important;}
.df-sub-menu.type-box {
    margin: 0;

    z-index: 10;
}

#cnb > div > ul > li:nth-child(1){border-bottom: 1px solid #777;}

.df-sub-menu.type-list {
	margin:12px 0 30px;
	position:relative;
	z-index:10
}
.df-sub-menu.type-list ul p.name {
	padding-right:8px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.df-sub-menu.type-list ul.depth1>li>a>p.name {
	float:left;
	padding-right:2px
}
.df-sub-menu.type-list a span.count {
	margin-left:5px;
	font-size:11px;
	color:#666
}
.df-sub-menu.type-list ul.depth1 {
	margin:0 -15px 0 -15px
}
.df-sub-menu.type-list ul.depth1:after {
	clear:both;
	display:block;
	content:""
}
.df-sub-menu.type-list ul.depth1>li {
	float:left;
	position:relative
}
.df-sub-menu.type-list ul.depth1>li>a {
	position:relative;
	margin:5px;
	padding:0 10px;
	display:block;
	height:20px;
	line-height:20px;
	font-size:12px;
	color:#666
}
.df-sub-menu.type-list ul.depth1>li>a i.icon {
	margin-left:3px;
	font-size:12px;
	vertical-align:middle;
	line-height:20px
}
.df-sub-menu.type-list ul.depth1>li.selected>a {
	font-weight:bold;
	color:#222
}
.df-sub-menu.type-list ul.depth1>li:hover>a {
	color:#222
}
.df-sub-menu.type-list ul.depth1>li:hover .depth2>ul {
	display:block
}
.df-sub-menu.type-list ul.depth1>li.view-all>a {
	color:#111;
	font-weight:bold
}
.df-sub-menu.type-list ul.depth1>li.view-all>a:hover {
	color:#666
}
html:lang(ko) .df-sub-menu.type-list ul.depth1>li.view-all>a:after {
	content:'[ Àüüº¸±â ]'
}
.df-sub-menu.type-list .depth2 {
	display:block;
	width:160px;
	position:absolute;
	top:30px;
	left:0;
	z-index:20
}
.df-sub-menu.type-list .depth2 ul {
	display:none;
	margin:5px;
	padding:6px 0 9px;
	border:1px solid #ddd;
	background:#fff
}
.df-sub-menu.type-list .depth2 ul>li {
	position:relative;
	margin:0;
	padding:0;
	white-space:nowrap;
	text-align:left
}
.df-sub-menu.type-list .depth2 ul>li>a {
	padding:0 12px 0 12px;
	display:block;
	line-height:28px;
	color:#707070;
	font-size:12px;
	white-space:nowrap
}
.df-sub-menu.type-list .depth2 ul>li>a>i.icon {
	position:absolute;
	top:9px;
	right:11px;
	font-size:12px
}
.df-sub-menu.type-list .depth2 ul>li:hover>a {
	background:#f7f7f7;
	color:#333
}
.df-sub-menu.type-list .depth2 ul>li.selected>a {
	color:#333;
	font-weight:bold
}
.df-sub-menu.type-list .depth2 ul>li:hover>a ~ .depth3 ul {
	display:block
}
.df-sub-menu.type-list .depth3 {
	display:block;
	width:160px;
	position:absolute;
	top:-12px;
	left:100%;
	margin-left:-10px;
	z-index:30
}
.df-sub-menu.type-list .depth3 ul {
	display:none;
	padding:6px 0 9px;
	margin:5px;
	border:1px solid #ddd;
	background:#fff
}
.df-sub-menu.type-list .depth3 ul li {
	position:relative;
	margin:0;
	padding:0;
	white-space:nowrap;
	text-align:left
}
.df-sub-menu.type-list .depth3 ul li a {
	padding:0 12px 0 12px;
	display:block;
	line-height:28px;
	color:#707070;
	font-size:12px;
	white-space:nowrap
}
.df-sub-menu.type-list .depth3 ul li:hover a {
	background:#f7f7f7;
	color:#333
}
.df-sub-menu.type-list .depth3 ul li:hover a,.df-sub-menu.type-list .depth3 ul li.selected a {
	color:#333;
	font-weight:bold
}
.df-sub-menu.type-box {
	margin:15px 0 30px;

	z-index:10
}
.df-sub-menu.type-box p.name:hover {color:#333;}
.df-sub-menu.type-box p.name {
color:#777;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
}
.df-sub-menu.type-box ul > li > p:after {width:0; transition:all .5s;}
.df-sub-menu.type-box ul > li >a:hover p {background:none;}
.df-sub-menu.type-box ul > li >a:hover p:after {    z-index: -1;
    position: absolute;
    content: "";
    bottom: 4px;
    width: 100%;
    height: 8px;
    background: #ffffff!important;
    opacity: .3;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: all 1s;}

.df-sub-menu.type-box .selected {background:none;}
.df-sub-menu.type-box .selected p {color:#333;}
.df-sub-menu.type-box .selected p:after {    z-index: -1;
    position: absolute;
    content: "";
    bottom: 4px;
    width: 100%;
    height: 8px;
    background: #ffffff;
    opacity: .3;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: all 1s;}
.df-sub-menu.type-box p {position:relative;}



.df-sub-menu.type-box a span.count {
	margin-left:5px;
	font-size:11px;
	color:#666
}
.df-sub-menu.type-box ul.depth1 {
	margin:30px 0 0;
}
.df-sub-menu.type-box ul.depth1:after {
	clear:both;
	display:block;
	content:""
}
.df-sub-menu.type-box ul.depth1>li {
	float:left;
	position:relative
}
.df-sub-menu.type-box ul.depth1>li>a {

    font-size: 18px;
    color: #444;
}
.df-sub-menu.type-box ul.depth1>li>a i.icon {
	position:absolute;
	top:12px;
	right:11px;
	font-size:12px
}
.df-sub-menu.type-box ul.depth1>li.selected>a {
	font-weight:bold;
	color:#222;
	border-color:#d5d5d5;
	background:#fafafa
}
.df-sub-menu.type-box ul.depth1>li:hover>a {
	color:#222;
	font-weight:bold;
	background:#fafafa;
	border-color:#d5d5d5
}
.df-sub-menu.type-box ul.depth1>li:hover .depth2>ul {
	display:block
}
.df-sub-menu.type-box ul.depth1>li.view-all>a {

}
.df-sub-menu.type-box ul.depth1>li.view-all>a:hover {
	font-weight:bold
}
html:lang(ko) .df-sub-menu.type-box ul.depth1>li.view-all>a:after {
	content:'Àüüº¸±â'
}
.df-sub-menu.type-box .depth2 {
	display:block;
	position:absolute;
	top:36px;
	left:0;
	width:100%;
	z-index:20
}
.df-sub-menu.type-box .depth2 ul {
	display:none;
	margin:5px;
	padding:6px 0 9px;
	border:1px solid #e0e0e0;
	background:#fff;
}
.df-sub-menu.type-box .depth2 ul>li {
	position:relative;
	margin:0;
	padding:0;
	white-space:nowrap;
	text-align:left
}
.df-sub-menu.type-box .depth2 ul>li>a {
	padding:0 12px 0 12px;
	display:block;
	line-height:28px;
	color:#707070;
	font-size:12px;
	white-space:nowrap
}
.df-sub-menu.type-box .depth2 ul>li>a>i.icon {
	position:absolute;
	top:9px;
	right:11px;
	font-size:12px
}
.df-sub-menu.type-box .depth2 ul>li:hover>a {
	background:#f7f7f7;
	color:#333
}
.df-sub-menu.type-box .depth2 ul>li.selected>a {
	color:#333;
	font-weight:bold
}
.df-sub-menu.type-box .depth2 ul>li:hover>a ~ .depth3 ul {
	display:block
}
.df-sub-menu.type-box .depth3 {
	display:block;
	position:absolute;
	top:-12px;
	left:100%;
	width:100%;
	margin-left:-10px;
	z-index:30
}
.df-sub-menu.type-box .depth3 ul {
	display:none;
	padding:6px 0 9px;
	margin:5px;
	border:1px solid #d7d7d7;
	background:#fff
}
.df-sub-menu.type-box .depth3 ul li {
	position:relative;
	margin:0;
	padding:0;
	white-space:nowrap;
	text-align:left
}
.df-sub-menu.type-box .depth3 ul li a {
	padding:0 12px 0 12px;
	display:block;
	line-height:28px;
	color:#707070;
	font-size:12px;
	white-space:nowrap
}
.df-sub-menu.type-box .depth3 ul li:hover a {
	background:#f7f7f7;
	color:#333
}
.df-sub-menu.type-box .depth3 ul li:hover a,.df-sub-menu.type-box .depth3 ul li.selected a {
	color:#333;
	font-weight:bold
}
.df-sub-menu.type-list.center ul.depth1 {
	text-align:center
}
.df-sub-menu.type-list.center ul.depth1>li {
	float:none;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle
}
.df-sub-menu.type-list.center .depth2 {
	width:150px
}
.df-sub-menu.type-list.center .depth2 ul {
	margin:5px 0 5px
}
.df-sub-menu.type-box.center ul.depth1 {
	text-align:center;
	font-size:0
}
.df-sub-menu.type-box.center ul.depth1>li {
	float:none;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle
}
.df-sub-menu.type-box.grid1 ul.depth1>li {
	width:100%
}
.df-sub-menu.type-box.grid2 ul.depth1>li {
	width:50%
}
.df-sub-menu.type-box.grid3 ul.depth1>li {
	width:33.333%
}
.df-sub-menu.type-box.grid4 ul.depth1>li {
	width:25%
}
.df-sub-menu.type-box.grid5 ul.depth1>li {
	width:20%
}

.df-sub-menu.type-box.grid6 ul.depth1>li:first-child {margin-left:0;}
.df-sub-menu.type-box.grid6 ul.depth1>li {margin:0 10px;}

.df-sub-menu.type-box.grid7 ul.depth1>li {
	width:14.285%
}
.df-sub-menu.type-box.grid8 ul.depth1>li {
	width:12.5%
}
.df-sub-menu.type-box.grid9 ul.depth1>li {
	width:11.111%
}
.df-sub-menu.type-box.grid10 ul.depth1>li {
	width:10%
}
.df-sub-menu.type-box.grid1 ul.depth1>li:nth-child(1n) .depth3,.df-sub-menu.type-box.grid2 ul.depth1>li:nth-child(2n) .depth3,.df-sub-menu.type-box.grid3 ul.depth1>li:nth-child(3n) .depth3,.df-sub-menu.type-box.grid4 ul.depth1>li:nth-child(4n) .depth3,.df-sub-menu.type-box.grid5 ul.depth1>li:nth-child(5n) .depth3,.df-sub-menu.type-box.grid6 ul.depth1>li:nth-child(6n) .depth3,.df-sub-menu.type-box.grid7 ul.depth1>li:nth-child(7n) .depth3,.df-sub-menu.type-box.grid8 ul.depth1>li:nth-child(8n) .depth3,.df-sub-menu.type-box.grid9 ul.depth1>li:nth-child(9n) .depth3,.df-sub-menu.type-box.grid10 ul.depth1>li:nth-child(10n) .depth3 {
	left:-100%;
	margin-left:10px
}

.selected{
    font-weight: bold;
    color: #222;
    border-color: #d5d5d5;
    background: #fafafa;
}




.new_icon {display:flex; position: relative !important; height:35px; margin:0 !important; box-sizing:border-box;}
.new_icon > .icon_div {flex:1 1 auto; overflow:hidden;}
.new_icon > .icon_div span {display:block; width:100%; overflow:hidden; white-space: nowrap;}
.new_icon > .icon_div span img {margin:6px 4px 9px  0!important; vertical-align:top;}

.new_review {position:relative; text-align:right; white-space: nowrap;}
.new_review:before {content:''; position:absolute; top:0; left:-15px; width:15px; height:100%; background: linear-gradient(to right, rgba(255,255,255,0.1), #fff 80%);}
.new_review .txt { display: inline-block; padding-top:5px; margin-right:5px; font-size:14px;  color: #b2b2b2!important;  font-weight:500;  font-family: 'Montserrat','Noto Sans KR'; letter-spacing:0.5px; }
.new_review .crema-product-reviews-count { display: inline-block; padding-top:5px; font-size:14px;  color: #b2b2b2!important;  font-weight:500;  font-family: 'Montserrat','Noto Sans KR'; letter-spacing:0.5px; }


.new_name {position:relative; border-bottom:1px solid #e7e7e7; padding-bottom: 15px !important; float:left;      width: 100%; margin-bottom: 12px;}
.new_name a span {display:inline-block; max-width:100%; color: #222 !important; font-size:20px !important; line-height:22px;  letter-spacing:-0.2px; font-weight:500; font-family: 'Montserrat','Noto Sans KR', sans-serif; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:top;}
.new_name a span.txt_soldout {position:absolute; top:0; right:0; background:#fff; color:red !important; overflow:visible;}
.new_name a span.txt_soldout:before {content:''; position:absolute; top:0; left:-15px; width:15px; height:100%; background: linear-gradient(to right, rgba(255,255,255,0.1), #fff 80%);}

.new_discountrate {float:left;  width:40%;   font-size: 22px;    color:#f96512; font-weight:500;      letter-spacing:0px; text-align:left;  font-family: 'Montserrat', 'Noto Sans KR';  }

.new_price_dis {  width:60%; float:right; text-align:right; font-size:16px; letter-spacing:-0.5px; line-height: 26px; color:#222; font-weight:400; font-family: 'Montserrat', 'Noto Sans KR';}
.new_price_dis .dt {margin-right:10px;}
.new_price_dis strong {font-size:24px; font-weight:600;}

.new_price_etc {  width:60%; float:right; text-align:right; font-size:16px; letter-spacing:-0.5px; line-height: 26px; color:#f96512; font-weight:400; font-family: 'Montserrat', 'Noto Sans KR';}
.new_price_etc .dt {margin-right:10px;}
.new_price_etc strong {font-size:24px; font-weight:600;}

.new_price_sell { width:60%; float:right; text-align:right; font-size:14px; font-weight:300; letter-spacing:0px; line-height: 25px; text-decoration:line-through; color:#b2b2b2; font-family: 'Montserrat','Noto Sans KR';}

.df-list-product ul.prdList .thumbnail { margin-bottom:16px; }

/* 2022-10-10 */
#container #contents { width: 1258px !important; }
@media all and (max-width:1280px) {
	#container #contents,#container #contents-main .content-wrap,#header .bar .inner,#header .spot,#lnb .position,#lnb .position>ul,#footer .inner { width: 1258px !important; } 
	#container .df-sub-menu ul.depth1>li>a,
	#container .df-sub-menu .depth2 ul>li>a,
	#container .df-sub-menu .depth3 ul li a {
			font-size:18px !important;
	}
	#container .df-sub-menu.type-box ul.depth1>li>a {
		height: 18px;
		line-height: 18px;
	}
 }

.dm_prd_wrap { width: 1258px; margin: -20px auto 0; overflow: hidden; } 
.dm_prd_titlebox { position: relative; }
.dm_prd_titlebox .dm_prd_title { color: #191919; font-size: 55px; line-height: 65px; font-weight: 900; text-align: center; } 
.dm_prd_titlebox .btn_more { position: absolute; top: 50%; right: 0; width: 175px; height: 38px; margin-top: -19px; border: 1px solid #707070; border-radius: 5px; color: #222; font-size: 16px; line-height: 36px; font-weight: 300; letter-spacing: -0.16px; text-align: center; box-sizing: border-box; }
.dm_prd_list { display: flex; flex-wrap: wrap; margin: 0 -6px 0; } 
.dm_prd_list .dm_prd_item { width: 25%; padding: 36px 6px 0; box-sizing: border-box; } 
.dm_prd_item .imgbox { display: block; position: relative; } 
.dm_prd_item .imgbox .img img { width: 100%; } 
.dm_prd_item .txtbox { display: block; padding: 12px 8px 10px; } 
.dm_prd_item .status { display: none; } 
.dm_prd_item .prd_namebox { display: flex; align-items: center; } 
.dm_prd_item .prd_namebox .name { margin-right: auto; color: #191919; font-size: 23px; line-height: 32px; font-weight: 700; } 
.dm_prd_item .prd_namebox .txt_soldout { margin-left: 8px; color: red; font-size: 18px; line-height: 21px; font-weight: 700; white-space: nowrap; } 
.dm_prd_item .prd_pricebox { display: flex; flex-wrap: wrap; margin-top: 10px; } 
.dm_prd_item .prd_pricebox .price_sell { width: 100%; margin-bottom: 8px; color: #b1b1b1; font-size: 18px; line-height: 18px; font-weight: 300; text-decoration: line-through; }
.dm_prd_item .prd_pricebox .discountrate { display: block; position: static; max-width: 100%; min-width: auto; height: auto; padding: 0; margin-right: 15px; border-radius: 0; box-shadow: none; background: none; color: #f96512; font-size: 21px; line-height: 25px; font-weight: 700; letter-spacing: -0.42px; text-align: left; }
.dm_prd_item .prd_pricebox .price_dis { color: #f96512; font-size: 20px; line-height: 21px; font-weight: 600; }
.dm_prd_item .prd_review_box { display: flex; align-items: flex-end; margin-top: 11px; }
.dm_prd_item .prd_review_box .prd_review_score { margin-right: 14px; color: #000; font-size: 15px; line-height: 18px; font-weight: 400; }
.dm_prd_item .prd_review_box .prd_review_score .ico_star { color: #f96512; }
.dm_prd_item .prd_review_box .prd_review_count { color: #000; font-size: 14px; line-height: 18px; font-weight: 400; }
.dm_prd_item .prd_review_box .prd_review_count .crema-product-reviews-count { color: inherit !important; font-size: 14px !important; }
.dm_prd_item .prd_subname { margin-top: 5px; color: #707070; font-size: 15px; line-height: 19px; font-weight: 300; }
.dm_prd_item .prd_iconbox { padding-top: 3px; }
.dm_prd_item .prd_iconbox .MK-product-icons { display: block; margin-left: -8px; }
.dm_prd_item .prd_iconbox .MK-product-icons img { width: auto; height: 20px; margin: 5px 0 0 5px; padding: 0; }
/* BASIC css end */