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


/* 메인 Css */



/*메인*/
.mConBox1{width:1100px; height:407px;  position:relative;border-bottom:5px solid #418293;border-right:5px solid #418293;border-top:1px solid #9e9e9e;border-left:1px solid #9e9e9e;
margin:0 auto; margin-bottom:28px; background:#fff; }
.mConBox2{width:1100px; height:310px;  position:relative;border-bottom:5px solid #418293;border-right:5px solid #418293;border-top:1px solid #9e9e9e;border-left:1px solid #9e9e9e;
margin:0 auto; margin-bottom:28px; background:#f7ddde; }
.mConBox3{width:1105px;height:323px;margin:0 auto;  position:relative; margin-bottom:28px;}
.mConBox4{width:1105px;height:213px;margin:0 auto;  position:relative; margin-bottom:28px;}
.mConBox5{width:100%; margin:0 auto; padding-bottom:8px; clear:both;  overflow:hidden;border-bottom:1px solid #e5e5e5;}
.mConBox6{width:100%; margin:0 auto; clear:both;  overflow:hidden;border-bottom:1px solid #e5e5e5;}



.mbtnWp{width:282px;height:407px; float:left; border-right:1px solid #9e9e9e;}
ul.btnList{width:282px; height:149px;border-bottom:1px solid #d6d6d6; overflow:hidden}
ul.btnList li{padding:0px 0px 10px 23px;}
ul.btnList li:first-child{margin-top:24px;}



/*주소 탭*/
.add{width:282px; height:257px;  overflow:hidden;}
.add .menu_tab{width:63px; height:257px; overflow:hidden; background:#f1f1f1; float:left; border-right:1px solid #d6d6d6}
.add .menu_tab ul{ width:63px;}
.add .menu_tab ul li{padding-top:5px;}
.add .menu_tab ul li a{display:block; line-height:42px; border-bottom:1px solid #dcdcdc; font-weight:bold; text-align:center}
.add .menu_tab ul li a img{position:relative; top:13px;}
.add .menu_tab ul li.active{background:#fff}
.add .mTs{float:left; padding:15px 20px; height:257px;  }
.add .mTs h3{font-size:14px;font-weight:bold; border-bottom:1px solid #e4e4e4; height:50px;line-height:20px; width:173px; text-align:center}
.add .mTs h3 strong{color:#228cf5;}
.add .mTs table{ margin-top:12px;font-weight:bold;width:173px;}
.add .mTs table th, .add .mTs table td{vertical-align:top; padding-bottom:6px;}
.add .mTs table th{width:70px;}
.add .mTs table td{font-weight:bold}



/*메인 롤링 배너*/
.m_slider{width:535px; height:407px;  float:left; position:relative; overflow:hidden;border-right:1px solid #d6d6d6}
.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; }
.m_slider .bx-controls {position:absolute;width:100%;height:13px; bottom:21px;right:0px;z-index:100; }
.m_slider .bx-pager {display:table; margin:0 auto;}
.m_slider .bx-pager a {display:block;width:13px;height:13px;text-indent:-9999px}
.m_slider .bx-pager .bx-pager-item {float:left;margin:0px 3px;background:url("/image/main/indi_off.png") 0 0 no-repeat;}
.m_slider .bx-pager .bx-pager-item .active {background:url("/image/main/indi_on.png") 0 0 no-repeat;}
.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;}






/*공동구매*/
.gdPro{width:281px; height:407px;  float:left; position:relative; background: #fff6e7; }
.gdPro .title{height:33px;}
.gdPro .title img{position:relative; top:-16px;}
.gdPro .bxsliderWp{padding-left:35px;height:335px; overflow:hidden}
.gdPro ul{width:212px; }
.gdPro ul li{width:212px; height:335px;float:left }
.gdPro ul li p{width:95%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:13px 0px;}
.gdPro ul li strong{color:#ff4d4d; font-size:20px;}
.gdPro .bx-controls {position:absolute;width:100%;height:13px; bottom:21px;right:0px;z-index:100; }
.gdPro .bx-pager {display:table; margin:0 auto;}
.gdPro .bx-pager a {display:block;width:13px;height:13px;text-indent:-9999px}
.gdPro .bx-pager .bx-pager-item {float:left;margin:0px 3px;background:url("/image/main/indi_off.png") 0 0 no-repeat;}
.gdPro .bx-pager .bx-pager-item .active {background:url("/image/main/indi_on.png") 0 0 no-repeat;}
.gdPro .bx-controls-direction {display:none;}



/*핫딜*/
.hotdeal{position:relative;}
.hotdeal .title{height:33px;}
.hotdeal .title img{position:relative; top:-16px;left:-1px;}
.hotdeal ul{float:left;}
.hotdeal ul li{float:left;position:Relative; width:238px; height:246px; border:1px solid #b0b0b0; box-sizing:border-box; background:#fff; }
.hotdeal ul li p{font-size:12px; padding:15px 20px; line-height:18px; height:28px; overflow:hidden}
.hotdeal ul li .price1{font-size:12px; text-decoration:line-through;float:left; margin-left:20px;}
.hotdeal ul li .price2{font-weight:bold; float:right; margin-right:20px; font-size:20px;position:relative; top:-5px;}
.hotdeal #slider2-B{position:absolute; top:117px; left:-20px; }
.hotdeal #slider2-N{position:absolute; top:117px; right:-20px;}
.hotdeal #slider2-B a, .hotdeal #slider2-N a{ color:#fff; display:block; padding:15px;background:rgba(0,0,0,0.5);}


/*베스트쇼핑몰*/
.p_list{width:799px; height:318px;  position:relative;border-bottom:5px solid #418293;border-right:5px solid #418293;border-top:1px solid #9e9e9e;border-left:1px solid #9e9e9e;
float:left; background:#fff;}
.p_list .title{height:33px;}
.p_list .title img{position:relative; top:-16px;left:-1px;}
.p_list .proW{padding-left:35px;}
.p_list ul{}
.p_list ul li{float:left; width:144px; height:138px; margin-right:3px;line-height:18px;}
.p_list ul li img{border:1px solid #dbdbdb; display:block; margin-bottom:5px;}
.p_list ul li p{overflow:hidden;width:99%; text-overflow:ellipsis; white-space:nowrap }
.p_list ul li strong{color:#188ae2;}


/*이용후기*/
.reveiw{width:268px; height:318px;  position:relative;border-bottom:5px solid #418293;border-right:5px solid #418293;border-top:1px solid #9e9e9e;border-left:1px solid #9e9e9e;
float:right; background:#fff6e7;}
.reveiw .title{height:33px;}
.reveiw .title img{position:relative; top:-16px;left:-1px;}
.reveiw .bxsliderWp{padding-left:35px;height:318px; overflow:hidden}
.reveiw ul{width:212px; }
.reveiw ul li{width:212px; height:318px;float:left }
.reveiw ul li p{width:95%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:13px 0px;}
.reveiw ul li strong{color:#ff4d4d; font-size:20px;}
.reveiw .bx-controls {position:absolute;width:100%;height:13px; bottom:21px;right:0px;z-index:100; }
.reveiw .bx-pager {display:table; margin:0 auto;}
.reveiw .bx-pager a {display:block;width:13px;height:13px;text-indent:-9999px}
.reveiw .bx-pager .bx-pager-item {float:left;margin:0px 3px;background:url("/image/main/indi_off.png") 0 0 no-repeat;}
.reveiw .bx-pager .bx-pager-item .active {background:url("/image/main/indi_on.png") 0 0 no-repeat;}
.reveiw .bx-controls-direction {display:none;}


/*고객센터*/
.csBox{width:799px; height:208px;  position:relative;border-bottom:5px solid #418293;border-right:5px solid #418293;border-top:1px solid #9e9e9e;border-left:1px solid #9e9e9e;
float:left; background:#fff6e7;}
.csBox .title{position:absolute; top:-16px;left:-1px;}
.csBox .cs{float:left; width:306px;height:208px;  border-right:1px solid #9e9e9e}
.csBox .cs img{padding:37px 0px 0px 31px;}
.csBox .bank{float:left; width:490px;height:208px; position:relative; }
.csBox .bank span{position:absolute; top:37px;left:40px;}
.csBox .bank ul{position:absolute; top:103px;left:40px;}
.csBox .bank ul li{float:left; margin-right:10px;}


.noticeBox{width:268px; height:208px;  position:relative;border-bottom:5px solid #418293;border-right:5px solid #418293;border-top:1px solid #9e9e9e;border-left:1px solid #9e9e9e;
float:right; background:#fff;}
.noticeBox .menu_tab2{width:206px; height:25px; margin:0 auto; margin-top:35px; }
.noticeBox .menu_tab2 ul{width:100%;}
.noticeBox .menu_tab2 ul li{float:left; width:50%; height:25px;line-height:25px;text-align:center; background:#454545}
.noticeBox .menu_tab2 ul li a{color:#d3d3d3; font-weight:bold}
.noticeBox .menu_tab2 ul li.active{background:#99439a}
.noticeBox .menu_tab2 ul li.active a{color:#fff; }
.noticeBox .mTs{width:204px;height:109px; border:1px solid #d0d0d0; border-top:0px; margin:0 auto; overflow:hidden;}
.noticeBox .mTs ul{width:173px;height:82px; overflow:hidden;margin:0 auto; margin-top:14px;}
.noticeBox .mTs ul li{width:99%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-bottom:3px}

/*배송조회*/
.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 #188ae2; padding-left:15px; line-height:20px;margin-top:26px;}

/*공지사항*/
.notice{float:left; width:280px; height:210px; border-right:1px solid #e5e5e5; padding:0px 28px;position:relative;}
.notice .title{font-weight:bold; font-size:18px;border-left:2px solid #188ae2; padding-left:15px; line-height:20px;margin-top:26px;}
.notice ul{margin-top:20px;}
.notice ul li{width:100%; height:23px;}
.notice ul li a{float:left; width:80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.notice ul li span{float:right; color:#b5b5b5;}
.notice a.more{position:absolute; top:28px; right:28px; }

/*환율*/
.mCh{width:297px; height:210px; float:right;overflow:hidden; padding-left:28px;}
.mCh .title{font-weight:bold; font-size:18px;border-left:2px solid #188ae2; 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:#188ae2}
.mCh ul li .red{color:red; font-size:16px;}
.mCh ul li.con{height:80px;line-height:80px;}