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


/* 메인 Css */





/*메인*/
.mConBox1{width:1000px; margin:0 auto; margin-bottom:16px; clear:both; position:relative; overflow:hidden}
.mConBox2{width:1000px; margin:0 auto; margin-bottom:16px; clear:both;  overflow:hidden}
.mConBox3{width:1000px; margin:0 auto; margin-bottom:16px; clear:both; overflow:hidden}
.mConBox4{width:1000px; margin:0 auto; margin-bottom:16px; clear:both;  overflow:hidden; }
.mConBox5{width:1000px; margin:0 auto; margin-bottom:16px; clear:both;  overflow:hidden; }



/*공통*/
.BorderRround{border-radius:5px; border:1px solid #c7c7c7; background:#fff;border-top:1px solid #969799}
.inmargin{margin:12px;}
.inmargin2{margin:16px;}
.inmargin3{margin:8px;}
.inTitleBox{margin-bottom:9px; height:48px; background:#f3f3f3; overflow:hidden; border-bottom:1px solid #e5e5e5;}
.inTitleBox .title{font-size:16px; float:left; color:#313131;letter-spacing:-0.01em; line-height:48px; 
padding-left:12px; font-weight:bold}
.inTitleBox .title span{color:#fc5401}
.inTitleBox .more{float:right; position:relative; top:15px; padding-right:12px;}
.inTitleBox .Rcolor{color:red}



/*베스트이용후기*/
.spItem{width:192px; height:290px; float:left; margin-right:12px;text-align:center; overflow:hidden}
.spItem .itemBox{width:168px;overflow:hidden}
.spItem .itemBox ul{width:1000px;}
.spItem .itemBox li{float:left;}
.spItem .itemBox img{width:168px; height:143px;}
.spItem .itemBox .pname{ padding:4px 0px; height:60px; overflow:hidden; line-height:16px; text-align:left}
.spItem .itemBox .pprice{padding-bottom:12px;}
.spItem .itemBox .pprice .pprice1{color:#878787; text-decoration:line-through}
.spItem .itemBox .pprice .pprice2{font-size:16px; font-weight:bold;color:red;}
.pageBtnGroup{position:relative; top:1px;}

.spItem .frame {overflow: hidden; position: relative;}
.spItem .frame ul {list-style: none; margin: 0; padding: 0; position: absolute;}
.spItem .frame ul li { float: left; margin: 0 1px 0 0; padding: 0; cursor: pointer; }
.spItem .frame ul li img {width:100%;}
.spItem .frame ul li.active { color: #fff; background: #a03232; }
/* Pages */
.spItem .pages {
	list-style: none;margin: 10px 0;padding: 0;position:relative;top:-5px;display:table; margin-left:auto; margin-right:auto}
.spItem .pages li {
	display: inline-block;
	width: 10px; height: 10px;
	margin: 0 2px;
	text-indent: -999px;
	border-radius: 10px;
	background: #afa8a0;
	cursor: pointer;
	overflow: hidden;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
}
.spItem .pages li:hover {background: #fff; border:2px solid #afa8a0; width: 6px; height: 6px;}
.spItem .pages li.active {background:  #fff; border:2px solid #afa8a0; width: 6px; height: 6px;}



/*메인 롤링 배너*/
.m_slider{width:523px; height:290px; float:left; position:relative; overflow:hidden;  margin-right:12px;}
.m_slider .frame {overflow: hidden; position: relative;}
.m_slider .frame ul {list-style: none; margin: 0; padding: 0; position: absolute;}
.m_slider .frame ul li { float: left; margin: 0 1px 0 0; padding: 0; cursor: pointer; }
.m_slider .frame ul li img {width:100%;}
.m_slider .frame ul li.active { color: #fff; background: #a03232; }
/* Pages */
.m_slider .pages {
	list-style: none;margin: 10px 0;padding: 0;position:absolute;bottom:5px;right:245px;}
.m_slider .pages li {
	display: inline-block;
	width: 10px; height: 10px;
	margin: 0 2px;
	text-indent: -999px;
	border-radius: 10px;
	background: #afa8a0;
	cursor: pointer;
	overflow: hidden;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
}
.m_slider .pages li:hover {background: #fff; border:2px solid #afa8a0; width: 6px; height: 6px;}
.m_slider .pages li.active {background:  #fff; border:2px solid #afa8a0; width: 6px; height: 6px;}





/*로그인박스*/
.loginBox{width:254px; height:290px; overflow:hidden; float:left}
.loginBox .login{height:59px; margin:16px 4px 13px 4px; position:relative}
.loginBox .login .id{position:absolute; top:0px;; left:0px;}
.loginBox .login .pw{position:absolute; top:32px;; left:0px;}
.loginBox .login .btn{position:absolute; top:0px;; right:0px;}
.loginBox .login .inputStyle1{width:147px; height:25px; border:1px solid #e3e3e3}

.loginBox .logout{height:59px; margin:16px 4px 13px 4px; position:relative}
.loginBox .logout .con1{position:absolute; top:0px;; left:0px;}
.loginBox .logout .con2{position:absolute; top:0px;; right:0px;}
.loginBox .logout .con2 a{color:#afafaf}
.loginBox .logout .con3{position:absolute; top:24px;; left:0px;}
.loginBox .logout .con4{position:absolute; top:24px;; left:96px;}
.loginBox .logout .con5{position:absolute; top:42px;; left:0px;}
.loginBox .logout .con6{position:absolute; top:42px;; left:96px;}
.loginBox .logout span img{position:relative; top:2px;}
.loginBox .logout .fcolor1 a{color:#2390cb}
.loginBox .logout .fcolor2{color:#e46449}
.loginBox .logout .fcolor3 a{color:#8ea000}


/* 탭메뉴 */
.adressTab{margin:0px 4px;}
.adress {font-size:12px; clear:both;margin-top:10px;}
.adress th{width:64px; padding:4px 0;}
.adress .style1{width:154px; height:16px; border:1px solid #efefef;padding-left:5px;}
.adress_info {clear: both; overflow: hidden; position: relative;}
.tab_type { width: 100%; height:26px;}
.tab_type li {float:left; width:110px; }
.tab_type .link {background:#e1e1e1; display:block; height:26px; font-size:15px; text-align:center; line-height:26px;}
.tab_type .on {background:url(/Image/Main/TabBg.gif) 0 0 no-repeat; color:#fff; display:block}


/*핫세일*/
.hotSale{height:240px; width:192px; float:left; position:relative; overflow:hidden;  margin-right:12px;}
.hotSale .frame {overflow: hidden; position: relative;}
.hotSale .frame ul {list-style: none; margin: 0; padding: 0; position: absolute;}
.hotSale .frame ul li { float: left; margin: 0 1px 0 0; padding: 0; cursor: pointer; }
.hotSale .frame ul li img {width:168px; height:143px;}
.hotSale .frame ul li.active { color: #fff; background: #a03232; }
/* Pages */
.hotSale .pages {
	list-style: none;margin: 10px 0;padding: 0;position:relative;top:0px;display:table; margin-left:auto; margin-right:auto}
.hotSale .pages li {
	display: inline-block;
	width: 10px; height: 10px;
	margin: 0 2px;
	text-indent: -999px;
	border-radius: 10px;
	background: #afa8a0;
	cursor: pointer;
	overflow: hidden;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
}
.hotSale .pages li:hover {background: #fff; border:2px solid #afa8a0; width: 6px; height: 6px;}
.hotSale .pages li.active {background:  #fff; border:2px solid #afa8a0; width: 6px; height: 6px;}




/*배너모음*/

.centerBtn{width:524px; height:240px; float:left; position:relative; overflow:hidden;  margin-right:12px;}
.centerBtn .TopBtn{width:100%; height:49px; background:#f3f3f3; position:relative; padding-top:1px;
font-size:16px; font-weight:bold; text-align:center; line-height:49px;color:#313131;}
.centerBtn .TopBtn span{color:#fc5401}
.centerBtn ul{width:530px;}
.centerBtn ul li{float:left; width:262px; border-right:1px solid #e5e5e5; 
border-bottom:1px solid #e5e5e5; font-size:15px; height:63px; line-height:63px; position:relative;}
.centerBtn ul li img{position:absolute; top:10px; left:32px;}
.centerBtn ul li a{display:block; padding-left:91px;}
.centerBtn ul li a:hover{color:#fc5401; font-weight:bold}


/*공지사항*/
.notice{width:254px; height:240px;  overflow:hidden; float:left}
.notice .noticeList{margin:0 4px;}
.notice .noticeList li{display:block;width:200px; height:15px; margin-bottom:6px; text-align:left; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.notice li.ntc a{color:#3273bd;}



/*핫딜*/
.hotDeal{width:730px; height:657px;  overflow:hidden; float:left; margin-right:12px; position:relative;}
.hotDeal .tBan{overflow:hidden; margin-bottom:21px;}
.hotDeal .tBan .title{float:left; position:relative; font-size:16px; font-weight:bold;
line-height:18px; position:relative; top:0px;}
.hotDeal .tBan .title span{color:#fc5401; font-size:28px; display:block; padding-top:5px;}
.hotDeal .tBan .banner{float:right; position:relative; right:0px;}
.hotDeal .Rbtn1{position:absolute; top:65px; left:10px; }
.hotDeal .Rbtn2{position:absolute; top:65px; left:30px; }
.hotDeal .Rbtn1 img, .hotDeal .Rbtn2 img{width:23px;}



/*진열상품*/


.MproList{overflow:hidden; margin-top:10px;}
.MproList ul{width:750px;}
.MproList ul li{float:left; position:relative; width:168px; height:260px; margin:0 9px 15px 0; overflow:hidden;}
.MproList ul li .listCon{width:168px; height:260px; }
.MproList ul li .listCon .pimg{width:168px; height:143px;}
.MproList ul li .listCon p{margin:10px 0px; overflow:hidden;}
.MproList ul li .listCon p span.spanp1{height:27px; background:#f4f4f4; display:block; margin-bottom:5px; padding-left:7px; line-height:27px;}
.MproList ul li .listCon p span.spanp2{font-size:12px; line-height:16px; padding:0 7px; display:block}
.MproList ul li .listCon .priceBox{margin:0 0px;}
.MproList ul li .listCon .priceBox span.price1{color:#878787; text-decoration:line-through; float:left; position:relative; top:4px; left:7px;}
.MproList ul li .listCon .priceBox span.price2{float:right; font-size:16px; font-weight:bold; position:relative; right:7px;color:red}
.MproList ul li .listCon .saleBox{position:absolute; top:0px; left:0px; padding:5px; text-align:center; background:#0099ff; color:#fff; font-weight:bold; font-size:16px;filter: alpha(opacity=95);background-color: rgba( 92, 92, 243, 0.95 );}



/*해외직구 Magazine & News*/
.Magazine{width:254px; height:90px; overflow:hidden; float:left; margin-bottom:16px;}
.Magazine .font{font-size:20px; font-weight:bold; color:#3373be;}



/*핫딜*/
.news{width:254px; height:398px; overflow:hidden; margin-bottom:16px;}
.news .newsCon {height:310px;overflow:hidden}
.news .newsCon li{padding:14px 0px; height:83px; border-bottom:1px solid #e4e4e4; overflow:hidden}
.news .newsCon li:first-child{padding-top:0px;}
.news .newsCon li .simg{float:left; overflow:hidden; margin-right:10px;}
.news .newsCon li .context{line-height:16px; font-size:11px; color:#313131;height:80px;overflow:hidden;}
.news .newsCon li .context h3{font-weight:bold; padding-bottom:5px;display:block;font-size:12px;height:30px;overflow:hidden;}
.news .newsCon li .context .priceBox span.price1{color:#878787; text-decoration:line-through;}
.news .newsCon li .context .priceBox span.price2{font-size:13px; font-weight:bold;color:red}
.news .Nbanner{width:222px; height:155px; overflow:hidden; margin-top:16px;}


.NbannerBox{width:254px; height:240px; overflow:hidden; }
.Nbanner li{float:left;}
.Nbanner li img{width:110px; height:46px; border:1px solid #e5e5e5; margin:5px 2px;}


/*고객센터*/
.customer{width:998px; height:140px;  overflow:hidden; line-height:18px;}
.customer .customer1{width:355px; height:140px; border-right:1px solid #e5e5e5; overflow:hidden; float:left}
.customer .customer1 .phone{padding-left:25px; background:url(/Image/Main/b_phon.gif) 0 -2px no-repeat; font-size:27px; font-weight:bold; height:30px;}
.customer .customer2{width:384px; height:140px; border-right:1px solid #e5e5e5; overflow:hidden;  float:left}
.customer .customer2 .flagbox{float:left; display:block; width:117px; padding-top:3px;}
.customer .customer2 .flag{float:left; width:56px; margin-right:5px; overflow:hidden;}
.customer .customer2 .con{float:left; position:relative; top:-4px;}
.customer .customer2 .con div:first-child{font-weight:bold; font-size:14px; padding-bottom:3px;}
.customer .customer2 .con div:nth-child(2){border-radius:5px; border:1px solid #c7c7c7; background:#f2f2f2; width:40px; height:18px; text-align:center; line-height:18px; font-size:12px;}
.customer .customer2 .text1{display:block;padding-top:21px; overflow:hidden; font-weight:bold; font-size:15px; float:left; height:80px;padding-right:13px;}
.customer .customer2 .text2{display:block;padding-top:22px; }
.customer .customer3{ height:140px;overflow:hidden;}
.customer .customer3 .bank{ background:url(/Image/Main/bankbg.gif) 0 0 no-repeat; padding-left:28px; height:30px;}
.customer .customer3 .ptext{font-weight:bold; font-size:15px;}



/*하단전체메뉴*/
/*.allMenu{width:998px;overflow:hidden;}
.allMenu .MenuBox{border-bottom:1px solid #e5e5e5; border-top:0px solid #969799; overflow:hidden;margin-left:2px;}
.allMenu .MenuBox ul{width:1100px;}
.allMenu .MenuBox ul li .title{height:44px; background:#f4f4f4; font-size:15px; font-weight:bold; line-height:44px; 
margin-bottom:13px; padding-left:16px;}
.allMenu .MenuBox ul .menuCon{float:left; width:15%; border-right:1px solid #e5e5e5; line-height:18px;
height:200px;}
.allMenu .MenuBox ul .menuCon ul{padding-left:16px;}*/
.allMenu{width:998px; height:250px;  overflow:hidden;}
.allMenu .MenuBox{width:1100px; height:193px; border-bottom:1px solid #e5e5e5; border-top:1px solid #969799; overflow:hidden}
.allMenu .MenuBox ul{float:left; width:18.5%; height:193px; border-right:1px solid #e5e5e5; line-height:18px; box-sizing:border-box}
.allMenu .MenuBox ul:last-child{border-right:0px;}
.allMenu .MenuBox ul li:first-child{height:44px; background:#f4f4f4; font-size:15px; font-weight:bold; line-height:44px; margin-bottom:13px;}
.allMenu .MenuBox ul li{padding-left:16px;}