@charset "utf-8";
@import url(/common/css/master.css);

@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
/*@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);*/
@import url(//fonts.googleapis.com/earlyaccess/kopubbatang.css);

body,h1,h2,h3,h4,h5,h6{
	font-family: 'Nanum Gothic', 'Malgun Gothic', sans-serif !important;
	/*font-family: 'Nanum Myeongjo', 'Batang', serif !important;*/
}
			
/****************(1) Top Wrap *********************/
#topArea .section-head{
	padding:20px 0px;
	position:relative;
}
#topArea #logo{
	/*float:left;*/
	font-size:200%;
	/*text-indent:-9999px;*/
}
#topArea #search-browse{
	margin-top:0.29rem;
	position:relative;
	min-height:3em;
}
/* main top search */
#topArea #search-browse #topSearchKeyword{
	position:absolute;
	border-top-left-radius:6px;
	border-bottom-left-radius:6px;
	border-top-right-radius:6px;
	border-bottom-right-radius:6px;
	font-size:0.8rem;
}
#topArea #search-browse #btnTopSearch{
	position:absolute;
	margin-top:1px;
	font-size:1rem;
	padding:5.5px 0.3em;
	border-radius:0px;
	box-shadow:none;
	border-left:1px solid #cacaca;
	background:none;
}
@media screen and (min-width: 0em) {
	#topArea #search-browse #topSearchKeyword{
		left:0px;
		right:0px;
	}
	#topArea #search-browse #btnTopSearch{
		right:0px;
	}
}
@media screen and (min-width: 40em) {
	#topArea #search-browse #topSearchKeyword{
		left:0px;
		right:0px;
	}
	#topArea #search-browse #btnTopSearch{
		right:0px;
	}
}
@media screen and (min-width: 64em) {
	#topArea #search-browse #topSearchKeyword{
		width:380px;
	}
	#topArea #search-browse #btnTopSearch{
		right:0;
	}
}

#topArea #search-browse #btnTopSearch:hover{
	background:none !important;
	background-image: none !important;
}
#topArea #search-browse #btnTopSearch img{
	margin-right:0.3em;
	vertical-align:middle;
}
#topArea #account-nav{
	margin-top:0.7rem;
    width: auto;
    padding-right: 20px;
}
#topArea #account-nav ul li{
	float:left;
	margin-left:1em;
}
#topArea #account-nav a{
	font-size:13px;
	color: #716c6c;
	font-weight:400;
}
#topArea #account-nav .mypage{
	border:1px solid #d1d1d1;
	padding: 5px 8px;
	border-radius:4px;
}
#topArea #account-nav .cart img{
	margin-top:-10%;
}
 

#topArea .glbNavWrap{position:absolute;right:0;top:0;}
#topArea .glbNavWrap img{display:none;}

#topArea div.mainNavArea{
	border-top:0px none;
	border-bottom:0px none;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15);
	padding:0px;
	background-color: #fff;
}

/**************** (2) Content Area *********************/
#contentArea{
}
#contentArea .bannerArea{
	background-color:#f0f0f0;
	border-top:1px solid #9f9f9f;
	border-bottom:1px solid #9f9f9f;
}
.section{
	padding:98px 0px 30px 0px;
}
/* main */
/*비활성화 윤수*/
/*#todays{*/
	/*padding-top:98px;*/
/*}*/
#todays,#trending,#recommeded{
	background-color:#f0f0f0;
}
.section > h2{
	font-family:'KoPub Batang', serif;
	font-size:40px;
	font-weight:bold;
	text-align:center;
	line-height:40%;
	color:#363636;
}
.section .main-tit-desc{
	/*font-family:'KoPub Batang', serif;*/
	font-size:14px;
	letter-spacing:-1px;
	padding:0 0 0.5em 0;
	text-align:center;
	color:#a6a6a6;
}
.section .mainProdList{
	margin-top:43px;
}

div.topMainRightWrap{float:right;width:155px;}
div.noticeWrap{height:88px;margin-top:5px;}
div.noticeWrap ul li{padding: 2px 0 2px 7px;;background: url(/himg/common/dot_board_list.png) left center no-repeat;}

/**************** (3) Member  *********************/
div.loginFormWrap{padding-bottom:50px;}
div.loginFormWrap .memberTitleWrap{padding-bottom:5px;border-bottom:1px solid #e5e5e5;}
div.loginFormWrap .memberTitleWrap strong{font-size:16px;}

/**************** (4) Bottom Wrap *********************/
#bottomWrap{
	margin:0 auto;padding-bottom:50px;
}
#bottomWrap .bottomSiteMap{
	padding: 12px 0;text-align:left;color:#aaa;
	/*border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;*/
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.15);
}
#bottomWrap .bottomSiteMap ul li{
	display:inline-block;
	padding:0px 2px;
}
#bottomWrap .bottomSiteMap a{color:#aaa;}
#bottomWrap .bottomSiteMap a:hover{color:#0089c9}
#bottomWrap .shopInfo{margin-top:15px;line-height:16px;color:#808080;}
#bottomWrap .shopInfo td.copyLogo img{width:150px;padding-right:30px;}
#bottomWrap .shopInfo p{font-family:verdana;font-size:10px;}
#bottomWrap .icoWrap{float:right;margin-top:10px;}

/* 아이콘 */
div.bottomSiteMap dl dd.div_4 li.addrIco{margin-top:5px;padding-left:45px;background: url(/assets/images/sample/ico_1.png) left top no-repeat;}
div.bottomSiteMap dl dd.div_4 li.telIco{height:21px;margin-top:5px;padding-top:12px;padding-left:45px;background: url(/assets/images/sample/ico_2.png) left top no-repeat;}
div.bottomSiteMap dl dd.div_4 li.cusIco{height:21px;margin-top:5px;padding-top:12px;padding-left:45px;background: url(/assets/images/sample/ico_3.png) left top no-repeat;}


/**************** intro(Login) *********************/
div.mainLoginArea{width:600px;margin:0 auto;margin-top:150px;}

div.mainLoginWrap{width:450px;margin:0 auto;}
div.mainLoginWrap h1{padding-bottom:10px;}
div.mainLoginWrap .loginIDWrap,
div.mainLoginWrap .loginPWWrap{margin:10px 0;padding:5px 0;text-align:right;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:1px solid #c9c9c9;}

div.mainLoginWrap .loginIDWrap input,
div.mainLoginWrap .loginPWWrap input{width:330px;padding:8px;border:1px solid #FFF;border-left:1px solid #c9c9c9;background: #FFF;}

div.mainLoginWrap .loginIDWrap{background: url(/himg/common/txt_login_id_kr.gif) 15px center no-repeat;}
div.mainLoginWrap .loginPWWrap{background: url(/himg/common/txt_login_pw_kr.gif) 15px center no-repeat;}

div.mainLoginArea .btnLoginWrap{margin-top:15px;}
div.mainLoginArea .btnLoginWrap a.btnLogin{display:block;padding:10px 0;text-align:center;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;font-size:18px;color:#FFF;background: #d81a1a;}

div.mainLoginArea .loginInfoWrap{margin-top:40px;padding-top:30px;border-top:1px solid #ddd;letter-spacing:-1px;}
div.mainLoginArea .loginInfoWrap ul li{padding:5px 0;line-height:18px;}




/*** 팝업 스타일 **********************************/
/** 레이어팝업 **/
div.ui-dialog{background: #FFF;}
div.ui-dialog .ui-dialog-titlebar{position:relative;height:22px;padding:5px 10px 0;color:#FFF;background: #555a6d;}
div.ui-dialog .ui-dialog-titlebar a.ui-dialog-titlebar-close{
	position:absolute;right:0px;top:0;width:30px;height:25px;
	background: #333 url(/himg/common/btn_pop_close.gif) center center no-repeat;
	text-indent: -9999px;
}
div.closeBar{
	padding:5px;
	text-align:left;
	background:#ddd;
}
div.closeBar > a:last-child{
	float:right;
}

/*** (1)우편번호 ***/
div.popUpWrap{height:430px;border:10px solid #1b8348;}
div.zipTxtInfo{font-size:11px;line-height:20px;color:#888888;text-align:center;}
div.zipTxtInfo strong{color:#333;}
div.zipSearchWrap{margin-top:10px;text-align:center;}
div.zipSearchWrap span{display:inline-block;color:#bac47f;}
div.zipSearchWrap input{width:300px;height:19px;padding:6px 2px 2px;border:2px solid #cccccc;}
div.resultTxtInfo{padding: 10px 15px;font-size:11px;color:#CCC;}

/*** (2)주소록 ***/
.popContainer{border:5px solid #8e9da7;background:#FFF;}
.popContainer h2{padding:8px 10px;font-size:12px;border-bottom:1px solid #e5e5e5;}

.popContainer .popTableList{padding:10px;}
.popContainer .popTableList table{width:100%;}
.popContainer .popTableList table th{padding: 4px;border:1px solid #c4cacd;background:#f1f4f6;}
.popContainer .popTableList table th.numDiv{width:50px;}
.popContainer .popTableList table th.nameDiv{width:100px;}
.popContainer .popTableList table td{padding: 6px;text-align:center;border:1px solid #c4cacd;}
.popContainer .popTableList table tr:hover{background:#eaeef1;}
span.useCouponInfo{display:block;margin:0 auto;margin-top:15px 0;padding:20px;text-align:center;border:2px dotted #ccc;}

/*** (2)팝업높이 ***/
.popContainer .addrHight{min-height:373px;}
.popContainer .cancelHight{min-height:294px;}
.popContainer .couponHight{min-height:372px;}

/*** (3)상품팝업(Zoom) ****/
.popTitleWrap{padding: 10px;height:30px;background: url(/himg/product/A0001/kr/bg_pop_tit.gif) left top repeat-x;}
.popTitleWrap h3{float:left;width:90%;color:#FFF;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.popTitleWrap a{display:inline-block;float:right;}
.zoomPopWrapBottom .zoomImg{float:left;width:630px;margin-left:20px;text-align:center;border:1px solid #f5f4f0;}
.zoomPopWrapBottom .zoomImg img{max-height:590px !important;max-height:650px !important;}
/*.zoomPopWrapBottom .popProdThumbList{float:right;min-height:650px;margin-right:20px;background: #f5f4f0;}*/
.zoomPopWrapBottom .popProdThumbList img{width:100px;margin:5px;border:1px solid #ccc}

/*** (4)페이스북 로그인 ***/
div.popUpWrap{border:10px solid #ed1c24;}
div.popUpWrap .fbTitWrap{margin-top:20px;text-align:center;}
div.popUpWrap .fbTitWrap h2{margin-top:10px;font-weight:normal;font-size:26px;color:#134078;}
div.popUpWrap .zipTxtInfo{margin-top:15px;padding:40px 0;text-align:center;line-height:18px;color:#35404d;}

/** quickMenu **/
.quickWrap{position:absolute;left:50%;width:100px;z-index:999}

/** 공통버튼 **/
a.cancelBigBtn,
a.mypageLinkBtn,
a.orderOkBigBtn,
a.mypageLinkBigBtn,
a.btnMemOut{display:inline-block;width:180px;padding:15px 0;text-align:center;color:#7e7e7e;font-size:14px;font-weight:bold;background:#e1e1e1;}
a.wishBigBtn{display:inline-block;width:180px;padding:15px 0;text-align:center;color:#7e7e7e;font-size:14px;font-weight:bold;background:#e1e1e1;}
a.prodDelBigBtn{display:inline-block;width:180px;padding:15px 0;text-align:center;color:#7e7e7e;font-size:14px;font-weight:bold;background:#e1e1e1;}
a.shoppingBigBtn{display:inline-block;width:180px;padding:15px 0;text-align:center;color:#7e7e7e;font-size:14px;font-weight:bold;background:#e1e1e1;}
a.nextBigBtn{display:inline-block;width:180px;padding:15px 0;text-align:center;color:#FFF;font-size:14px;font-weight:bold;background:#00365b;}
a.chkOrderBigBtn{display:inline-block;width:180px;padding:15px 0;text-align:center;color:#FFF;font-size:14px;font-weight:bold;background:#00365b;}
a.okBigBtn{display:inline-block;width:180px;padding:15px 0;text-align:center;color:#FFF;font-size:14px;font-weight:bold;background:#00365b;}

/*a.btnAddr{display:inline-block;*zoom:1;*display:inline;padding:2px 10px;color:#FFF;font-size:12px;background: #597689;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;zoom:1;} 2013.11.14 kim hee sung 중복 사용*/

a.popSearchBtn{display:inline-block;*xoom:1;*display:inline;padding: 3px 15px;color:#FFF;border:1px solid #ccc;background:#ccc;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;zoom:1;}
a.popChkOkBtn{display:inline-block;*xoom:1;*display:inline;padding: 3px 15px;color:#FFF;border:1px solid #ccc;background:#ccc;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;zoom:1;}
a.popOrderCancelBtn{display:inline-block;*xoom:1;*display:inline;padding: 3px 15px;color:#FFF;border:1px solid #ccc;background:#ccc;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;zoom:1;}
a.popCloseBtn{display:inline-block;*xoom:1;*display:inline;padding: 3px 15px;color:#FFF;border:1px solid #ccc;background:#ccc;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;zoom:1;}

a.btn_go_mobile{display:block;width:90%;margin:0 auto;margin:20px;padding:20px;color:#333;text-align:center;font-size:24px;font-weight:bold;border:1px solid #a8a8a8;background: #f7f7f7;}

/* 테이블내 버튼*/
a.cartMovWishBtn, 
a.cartListDelBtn, 
a.cartCntModify, 
a.cartMovCartBtn, 
a.cartMovCartBtn, 
a.btnOrderCancel,
a.deliveryChkBtn{display:inline-block;*zoom:1;*display:inline;font-size:11px;color:#6e6e6f;padding-left:5px;letter-spacing:-1px;}
a.cartMovWishBtn span,  
a.cartListDelBtn span,  
a.cartCntModify span, 
a.cartMovCartBtn span,
a.btnOrderCancel span,
a.deliveryChkBtn span{display:block;height:22px;padding:4px 5px 0 0;background: url(/himg/common/bg_btn_box.gif) right top no-repeat;}

a.btnOrderCancel span {
    color: #fff;
    padding:4px 9px 0 0 !important;
    width: 80px;
}

a.btnAddr span{display:block;height:20px;padding:4px 10px 0 0;background: url(/himg/common/bg_btn_box.gif) right -161px no-repeat;border}

a.cartMovWishBtn, 
a.cartCntModify,
a.deliveryChkBtn{margin-top:2px;background: url(/himg/common/bg_btn_box.gif) left top no-repeat;}
a.cartMovCartBtn{padding-left:20px;letter-spacing:-1px;background: url(/himg/common/bg_btn_box.gif) left -54px no-repeat;}
a.cartListDelBtn,
a.btnOrderCancel{padding-left:20px;letter-spacing:-1px;background: url(/himg/common/bg_btn_box.gif) left -27px no-repeat;}
a.cartCntModify{display:inline-block;*zoom:1;*display:inline;}
a.btnAddr{display:inline-block;*zoom:1;*display:inline;padding-left:10px;color:#FFF;background: url(/himg/common/bg_btn_box.gif) left -161px no-repeat;}

/** quickMenu **/
.quickWrap{position:absolute;left:50%;width:100px;z-index:999;}

/** 아이콘 **/
span.iconOrderOk,
span.iconBankIng,
span.iconPayOk,
span.iconDeliveryReady,
span.iconDeliveryIng,
span.iconDeliveryOk,
span.iconBuyEnd,
span.iconOrderCancel,
span.iconOrderReject,
span.iconPayBack{display:block;height:24px;padding-left:15px;font-size:11px;color:#FFF;padding-left:5px;}

span.iconOrderOk{padding-left:15px;background: url(/himg/common/bg_btn_box.gif) left -378px no-repeat; width: 100px; margin-left: 5px;}
span.iconBankIng{padding-left:17px;background: url(/himg/common/bg_btn_box.gif) -241px -378px no-repeat; width: 100px; margin-left: 5px;}
span.iconPayOk{padding-left:17px;background: url(/himg/common/bg_btn_box.gif) left -324px no-repeat; width: 100px; margin-left: 5px;}
span.iconDeliveryReady{padding-left:15px;background: url(/himg/common/bg_btn_box.gif) left -270px no-repeat; width: 100px; margin-left: 5px;}
span.iconDeliveryIng{padding-left:15px;background: url(/himg/common/bg_btn_box.gif) -241px -270px no-repeat; width: 100px; margin-left: 5px;}
span.iconDeliveryOk{padding-left:15px;background: url(/himg/common/bg_btn_box.gif) left -297px no-repeat; width: 100px; margin-left: 5px;}
span.iconBuyEnd{padding-left:15px;background: url(/himg/common/bg_btn_box.gif) left -189px no-repeat; width: 100px; margin-left: 5px;}
span.iconOrderCancel{padding-left:15px;background: url(/himg/common/bg_btn_box.gif) left -216px no-repeat; width: 100px; margin-left: 5px;}
span.iconOrderReject{padding-left:15px;background: url(/himg/common/bg_btn_box.gif) -241px -216px no-repeat; width: 100px; margin-left: 5px;}
span.iconPayBack{padding-left:15px;background: url(/himg/common/bg_btn_box.gif) left -243px no-repeat; width: 100px; margin-left: 5px;}

span.iconOrderOk strong,
span.iconBankIng strong,
span.iconPayOk strong,
span.iconDeliveryReady strong,
span.iconDeliveryIng strong,
span.iconDeliveryOk strong,
span.iconBuyEnd strong,
span.iconOrderCancel strong,
span.iconOrderReject strong,
span.iconPayBack strong{display:block;height:20px;padding:4px 5px 0 0;font-weight:normal;letter-spacing:-1px;}

span.iconOrderOk strong{background: url(/himg/common/bg_btn_box.gif) right -378px no-repeat;}
span.iconBankIng strong{background: url(/himg/common/bg_btn_box.gif) right -378px no-repeat;}
span.iconPayOk strong{background: url(/himg/common/bg_btn_box.gif) right -324px no-repeat;}
span.iconDeliveryReady strong{background: url(/himg/common/bg_btn_box.gif) right -270px no-repeat;}
span.iconDeliveryIng strong{background: url(/himg/common/bg_btn_box.gif) right -270px no-repeat;}
span.iconDeliveryOk strong{background: url(/himg/common/bg_btn_box.gif) right -270px no-repeat;}
span.iconBuyEnd strong{background: url(/himg/common/bg_btn_box.gif) right -189px no-repeat;}
span.iconOrderCancel strong{color:#fff;background: url(/himg/common/bg_btn_box.gif) right -216px no-repeat;}
span.iconOrderReject strong{background: url(/himg/common/bg_btn_box.gif) right -216px no-repeat;}
span.iconPayBack strong{background: url(/himg/common/bg_btn_box.gif) right -216px no-repeat;}

span.cut{display:none !important;}


/** 상품(목록/상세) **/
div.prodInfoSum li span.priceCn{font-family:Arial;font-weight:normal;font-size:18px;color:#ed145b;}