@charset "utf-8";
@import url("/Library/Css/user_layout.css?a=1.2");


/* 메인 Css */



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


/*메인 롤링 배너*/
.m_slider{width:756px; height:314px;  float:left; position:relative; overflow:hidden; border-radius:5px;margin-bottom:8px;}
.m_slider .bx-wrapper{margin:0 auto;}
.m_slider .bx-controls {position:absolute;width:100%;height:16px; bottom:17px;right:0px;z-index:100; }
.m_slider .bx-pager {display:table; margin:0 auto;}
.m_slider .bx-pager a {display:block;width:15px;height:15px;text-indent:-9999px; }
.m_slider .bx-pager .bx-pager-item {float:left;margin:0px 3px;background:#f8f4ee;border-radius:15px;}
.m_slider .bx-pager .bx-pager-item .active {background:#30383c;border-radius:15px;}
.m_slider .bx-controls-direction {display:none;}
.m_slider .Rbtn1{position:absolute; left:-17px; top:248px; z-index:100;}
.m_slider .Rbtn2{position:absolute; right:-17px; top:248px; z-index:100;}

/*로그인*/
.loginBox{float:right;width:236px; height:114px; border:1px solid #dee2e9; border-radius:5px; box-sizing:border-box; background:#f8f8f8;
position:relative; overflow:hidden; margin-bottom:8px;}
.loginBox .login{}
.loginBox .login .inputStyle1{width:140px; height:31px; background:#fff; border:1px solid #dee2e9; border-right:0px;box-sizing:border-box; 
padding-left:10px; line-height:29px;}
.loginBox span{position:absolute; }
.loginBox .login .id{top:15px; left:15px;}
.loginBox .login .pw{top:45px; left:15px;}
.loginBox .login .btn{top:15px; right:15px;}
.loginBox .joinBtn{display:block; width:100%; text-align:center; top:87px; left:0px; font-size:11px;}
.loginBox .joinBtn .fr{margin-right:14px;position:relative; top:-1px;}
.loginBox .logout .con1{top:15px; left:15px;}
.loginBox .logout .con2{top:15px; right:15px; font-size:11px;}
.loginBox .logout .con3{top:35px; left:15px;}
.loginBox .logout .con4{top:35px; left:100px;}
.loginBox .logout img{position:relative; top:2px;}
.loginBox .logout table{background:#fff;width:204px;position:absolute; left:15px; top:58px;}
.loginBox .logout table th, .loginBox .logout table td{border:1px solid #dee2e9; padding:2px 2px; text-align:center}
.loginBox  a.naverLogin{background:#00c73c; color:#fff; display:inline-block; padding:3px 10px;float:left; margin-left:15px;position:relative; top:-4px;}



/*주소 탭*/
.addBox{float:right;width:236px; height:192px; border:1px solid #ece3c9; border-radius:5px; box-sizing:border-box; 
background:url(/image/main/add_bg.jpg) -1px -1px no-repeat;position:relative;margin-bottom:8px;}
.addBox span{position:absolute; top:15px; left:75px; font-weight:bold; font-size:14px;}
.addBox table{ margin:38px 0px 0px 15px;width:204px; }
.addBox table th, .addBox table td{vertical-align:top; padding-bottom:2px;}
.addBox table th{width:50px;}
.addBox table td{padding-left:5px;font-family: "Microsoft Yahei"; font-weight:100}


/*카운트*/
.count{float:left;width:756px; height:94px; border:1px solid #dee2e9; border-radius:5px; box-sizing:border-box; background:#fff;
position:relative; overflow:hidden;}
.count ul{}
.count ul li{float:left;height:92px; }
.count ul li.con1{width:285px;  background:url(/image/main/countBg1.png) 0px 11px no-repeat ; margin-left:30px;}
.count ul li.con2{width:226px; background:url(/image/main/countBg2.png) 0px 11px no-repeat}
.count ul li.con3{width:213px; background:url(/image/main/countBg3.png) 0px 11px no-repeat}
.count ul li div{padding-left:89px; font-size:14px;}
.count ul li div h4{font-size:16px; padding-top:20px;font-weight:bold}
.count ul li div h4 span{font-size:14px;}
.count ul li div .incrementalNumber{font-size:28px; font-weight:bold; font-family:tahoma}

.count a.count_con01{float:left; display:block;}
.count a.count_con02{float:right; display:block;}


/*대행버튼*/
ul.mBtn{float:right; }
ul.mBtn li{}

ul.iBtn{float:left; padding-top:15px;}
ul.iBtn li{float:left; margin-right:9px;}
ul.iBtn li:last-child{margin-right:0px;}


/*베스트쇼핑몰*/
.bestShop{width:1000px; height:86px; border:1px solid #dee2e9; border-radius:5px; box-sizing:border-box; background:#f8f8f8;
position:relative; overflow:hidden; padding-top:15px; margin-bottom:15px;}
.bestShop ul{float:left}
.bestShop ul li{ float:left; width:172px; height:54px;border:1px solid #dee2e9; background:#fff; box-sizing:border-box; }
.bestShop .btnLeft{width:49px; height:38px; float:left; font-size:20px; text-align:center; line-height:38px; padding-top:9px;}
.bestShop .btnRight{width:49px; height:38px; font-size:20px; text-align:center; line-height:38px; 
position:absolute; top:24px; right:0px;}
.bestShop .bx-wrapper{margin:0 auto;}


/*영상안내*/
.videoBox{width:756px; height:345px; border:1px solid #fbd215; border-radius:5px; box-sizing:border-box; background:url('/image/main/video_bg.png')center top no-repeat;
position:relative; overflow:hidden;float:left }
.video_wrap{width:576px; height:295px; margin-top:40px; float:right; padding:0px 20px; box-sizing:border-box; overflow-y:auto;}
.video_list{position:relative;padding-bottom:25px;}
.video_list01{}
.video_list .video_title{margin-bottom:10px; font-size:15px; font-weight:bold; text-indent:33px;}
.vd_btnLeft{ font-size:18px; position:absolute; top:60px; left:5px;}
.vd_btnRight{font-size:18px; position:absolute; top:60px; right:5px;}
ul.bxslider3{text-align:left; overflow:hidden;}
ul.bxslider3 li{float:left;}
ul.bxslider3 li img{margin-bottom:5px;}
ul.bxslider3 li p.vdList_title{width:160px; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; white-space:normal; -webkit-line-clamp:2;}
ul.bxslider4{text-align:left; overflow:hidden;}
ul.bxslider4 li{float:left;}
ul.bxslider4 li img{margin-bottom:5px;}
ul.bxslider4 li p.vdList_title{width:160px; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; white-space:normal; -webkit-line-clamp:2;}
.video_list .bx-wrapper{margin-left:32px;}


/*쇼핑카테고리*/
.shoppingBox{width:756px; height:345px; border:1px solid #c09f6e; border-radius:5px; box-sizing:border-box; background:#f8f8f8;
position:relative; overflow:hidden;float:left }
.shCate{width:183px; border:1px solid #e1e1e1; overflow:hidden; margin-top:15px; margin-left:15px; float:left; background:#fff;
border-bottom:0px;}
.shCate ul{width:185px;}
.shCate ul li{float:left; width:91px; height:51px; border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1; position:relative}
.shCate ul li a{display:block; text-align:center; padding-top:31px;}
.shCate ul li span{display:block; position:absolute; top:5px; width:100%; text-align:center}
.shCate ul li.active{background:#fbd215}
.shCateList{float:left; width:522px; margin-left:16px;}
.shCateList .box{width:245px; float:left; margin-top:14px; height:312px; }
.shCateList .box h4{ text-align:center; font-size:16px; font-weight:bold; height:30px;}
.shCateList .box h4 img{padding-right:5px; position:relative; top:1px;}
.shCateList .box:first-child{ border-right:1px solid #e1e1e1; padding-right:15px;margin-right:15px;}
.shCateList .box .boxCon{width:245px; height:140px; overflow:hidden}
.shCateList .box .boxCon h5{font-size:15px; height:19px; border-bottom:1px solid #dfdfdf; color:#5a422a; font-weight:bold;
margin-bottom:11px;}
.shCateList .box .boxCon ul{}
.shCateList .box .boxCon li{width:33.333%; float:left; padding-bottom:5px;}
.shCateList .box .boxCon li a:hover{text-decoration:underline}


/*공지사항*/
.noticeBox{float:right; width:236px; height:345px; border:1px solid #dee2e9; border-radius:5px; box-sizing:border-box; background:#fff;
position:relative; overflow:hidden;}
.noticeBox .title{font-weight:bold; font-size:15px; padding-left:26px;margin:15px 15px 0px; height:35px; background:url(/image/main/bl.png) 0px 0px no-repeat}
.noticeBox ul{margin-left:15px;}
.noticeBox ul li{height:23px;}
.noticeBox ul li a{display:block;width:80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.noticeBox ul li a:hover{text-decoration:underline}
.noticeBox ul li:before{content:"ㆍ"; float:left}
.noticeBox ul li span{float:right; color:#b5b5b5;}
.noticeBox a.more{position:absolute; bottom:20px; left:15px; display:block; width:202px; height:34px; text-align:center; line-height:34px;
border:1px solid #fbd215; border-radius:50px; }




/*핫딜*/
.hotDealBox{width:1000px; height:280px; border:1px solid #dee2e9; border-radius:5px; box-sizing:border-box; background:#f8f8f8;
position:relative; overflow:hidden; padding-top:15px; margin-bottom:15px;}
.hotDealBox ul{float:left}
.hotDealBox ul li{ float:left; width:172px; height:212px;border:1px solid #dee2e9; background:#fff; box-sizing:border-box; position:relative; }
.hotDealBox ul li div{top:26px; left:15px;width:170px; background:rgba(255,255,255,0.9);/*position:absolute; */
text-align:center}
.hotDealBox ul li div p{margin:7px; overflow:hidden; }
.hotDealBox ul li div span{text-decoration: line-through}
.hotDealBox ul li div strong{color:red; font-size:14px;}
/*.hotDealBox ul li a:hover div{display:none}*/
.hotDealBox .btnLeft{width:49px; height:38px; float:left; font-size:20px; text-align:center; line-height:38px; padding-top:94px;}
.hotDealBox .btnRight{width:49px; height:38px; font-size:20px; text-align:center; line-height:38px; 
position:absolute; top:110px; right:0px;}
.hotDealBox .title{text-align:center; font-weight:bold; font-size:20px; padding-bottom:10px; width:900px; margin:0 auto; }
.hotDealBox .title a{display:inline-block; border:1px solid #dee2e9; border-radius:5px; box-sizing:border-box; background:#fff;
font-size:11px; font-weight:100; padding:2px 5px; position:relative; top:-3px;    color: #444;}
.hotDealBox .title a:hover{border-color:#333; color:#000}





/*이용후기*/
.reviewBox{float:left; width:504px; height:207px; border:1px solid #dee2e9; border-radius:5px; box-sizing:border-box; background:#fff;
position:relative; overflow:hidden; margin-right:8px;}
.reviewBox .title{font-weight:bold; font-size:15px; padding-left:26px;margin:15px 15px 0px; height:35px; background:url(/image/main/bl.png) 0px 0px no-repeat}
.reviewBox ul{margin-left:19px; width:600px;}
.reviewBox ul li{width:138px; float:left; overflow:hidden;position:Relative; margin-right:25px;}
.reviewBox ul li a img{padding-bottom:15px;}
.reviewBox ul li p{width:138px; height:28px;overflow:hidden; font-size:11px; line-height:15px; color:#7e7e7e;}
.reviewBox a.more{position:absolute; top:15px; right:17px;  }


/*고객센터*/
.csBox{float:left; width:244px; height:207px; box-sizing:border-box;
position:relative; overflow:hidden;}
.csBox a{display:block; /*width:79px;*/ width:132px; height:34px; text-indent:-1000px; overflow:hidden; background:red; position:absolute; 
background:none}
/*.csBox a.btn1{top:158px; left:31px;}*/
.csBox a.btn1{top:158px; left:55px;}
.csBox a.btn2{top:158px; left:113px;}

/*계좌번호*/
.bankBox{float:right; width:235px; height:207px; box-sizing:border-box;
position:relative; overflow:hidden;}





/*배송절차 탭*/
.stTab{width:325px; height:398px; float:right;overflow:hidden}
.stTab .menu_tab2{margin-left:39px;margin-top:26px;padding-bottom:21px; overflow:hidden}
.stTab .menu_tab2 ul li{float:left; width:119px; height:21px; text-align:center; line-height:21px; background:#eee; margin-right:8px; border-radius:3px;}
.stTab .menu_tab2 ul li.active{background:#d30009; }
.stTab .menu_tab2 ul li.active a{color:#fff;}
.stTab .mTs{margin-left:39px;}



/*배송조회*/
.trk{float:left; width:336px; height:210px; border-right:1px solid #e5e5e5;overflow:hidden;}
.trk .title{font-weight:bold; font-size:18px;border-left:2px solid #d30009; padding-left:15px; line-height:20px;margin-top:26px;}


/*환율*/
.mCh{width:297px; height:210px; float:right;overflow:hidden; padding-left:28px;}
.mCh .title{font-weight:bold; font-size:18px;border-left:2px solid #d30009; padding-left:15px; line-height:20px;margin-top:26px;}
.mCh ul{margin-top:18px;}
.mCh ul li{height:23px; border:1px solid #e5e5e5; line-height:23px; padding:0px 15px; margin-bottom:5px; background:#f0f0f0}
.mCh ul li span{float:left}
.mCh ul li strong{float:right;}
.mCh ul li .blue{color:#d30009}
.mCh ul li .red{color:red; font-size:16px;}
.mCh ul li.con{height:80px;line-height:80px;}