/*-------------------------------------------------------------*/
/*                               메인                          */
/*-------------------------------------------------------------*/
#mainPage {padding:0; margin:0;}

/*-------------------------메인비주얼-------------------------*/

.mVisual .mv1 {float:left; width:550px; height:500px;}
.mVisual .mv2 {float:left; width:220px; height:250px;}
.mVisual .mv3 {float:left; width:330px; height:250px;}
.mVisual .mv4 {float:left; width:330px; height:250px;}
.mVisual .mv5 {float:left; width:220px; height:250px;}

/*------------------------대표카테고리-------------------------*/

#mainPage .mCate {position:relative; margin-top:30px;}
#mainPage .mCate .mcate-title {font-size:18px; color:#333; font-weight:bold; margin-bottom:10px;}
#mainPage .mCate .mcate-title span {color:#e82e2e; }

/*상품리스트*/
.mCate-list {position:relative; width:100%;}
.mCate-list ul {min-height:300px; overflow:hidden;}
.mCate-list ul li {position:relative;float:left;width:260px; height:320px; margin-right:20px; box-sizing:border-box; overflow:hidden;}
.mCate-list ul li:nth-child(4n) {margin-right:0;} 

.slash-line {height:5px; background:url(/_img/main/m-line.png) repeat; width:100%; clear:both; margin:20px 0;}

/*------------------------신상품 베스트상품-------------------------*/

#mainPage .mGoods {position:relative; margin-top:30px;}
#mainPage .mGoods .mgoods-title {font-size:18px; color:#333; font-weight:bold; margin-bottom:10px;}
#mainPage .mGoods .mgoods-title span {color:#e82e2e;}

/*상품리스트*/
.mGoods-list {position:relative; width:100%;}
.mGoods-list ul li {width:210px; height:270px; margin-right:12.5px; float:left; position:relative; border:1px solid #dddddd; overflow:hidden;}
.mGoods-list ul li:nth-child(5n) {margin-right:0;} 

.mGoods-list ul li .pod-img {width:100%; height:210px; display:block; overflow:hidden;}
.mGoods-list ul li .pod-img img {width:auto; max-height:210px; display:block; overflow:hidden;}
.mGoods-list ul li .pod-name {display:block;line-height:22px; height:60px; padding:8px; font-size:12px; font-weight:normal; color:#777;overflow:hidden; border-top:1px solid #eee;}

/*.mGoods-list ul li:hover .pod-img {transform:translatey(-40px); -ms-transform:translatey(-40px); -webkit-transform:translatey(-40px);}
.mGoods-list ul li:hover .pod-name {transform:translatey(-40px); -ms-transform:translatey(-40px); -webkit-transform:translatey(-40px);}

.mGoods-list ul li .pod-btn {display:block;line-height:39px; border-top:1px solid #ddd;overflow:hidden;}
.mGoods-list ul li:hover .pod-btn {transform:translatey(-40px); -ms-transform:translatey(-40px); -webkit-transform:translatey(-40px);}
*/
.mGoods-list ul li .pod-btn {display:block;line-height:39px; border-top:1px solid #ddd;overflow:hidden;}
.mGoods-list ul li:hover .pod-btn {transform:translatey(-40px); -ms-transform:translatey(-40px); -webkit-transform:translatey(-40px);}
.mGoods-list ul li .pod-btn span {display:block;width:50%; height:39px; float:left; text-align:center; background-color:#f9f9f9; background-repeat:no-repeat; cursor:pointer;background-image:url(/ORDER/img/goods-btn.png);}
.mGoods-list ul li .pod-btn span:hover { background-color:#f3f3f3;}

.pod-btn .pod-preview {background-position:16px top; border-right:1px solid #ddd;}
.pod-btn .pod-preview:hover {background-position:16px bottom; }
.pod-btn .pod-oredr {background-position:-88px top; }
.pod-btn .pod-oredr:hover {background-position:-88px bottom; }


/*------------------------고객센터-------------------------*/

#mainPage .mCs {margin-top:30px; border:1px solid #ddd; overflow:hidden;}
.mCs > div {float:left; height:290px; border-right:1px solid #e0e0e0; padding:20px;}
.mCs > div:last-child {border-right:none;}
.mCs .cs-title {font-size:15px; line-height:20px; color:#333; font-weight:bold; padding-bottom:7px; margin-bottom:10px; border-bottom:1px solid #eeeeee;}

.mCs .cs01 {width:330px;}
.mCs .cs02 {width:384px; background:#555;}
.mCs .cs04 {width:384px;}

.mCs .cs-table {}
.mCs .cs-table li {font-size:12px; color:#777; line-height:24px; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
/*.mCs .cs-table li:before {display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;content: "\f105"; font-size:11px; color:#feb300; margin-right:5px;}*/
.mCs .cs-table li a {font-size:12px; color:#777; line-height:24px;  white-space:nowrap; }
.mCs .cs-table li a:hover {color:#5a3e26;}

.cs02 .cs-title { color:#fff;border-bottom:1px solid #666;}
.cs02 .tel {font-size:34px; font-weight:bold; font-family:OpenSans; letter-spacing:-0.5px; margin-bottom:5px;}
.cs02 .time {font-size:12px; font-family:OpenSans; color:#fff; line-height:18px; margin-bottom:20px; font-weight:normal;}
.cs02 .bank {font-size:12px; color:#fff; line-height:18px; margin-bottom:15px;font-weight:normal; min-height:36px;}
.cs02 .bank span:nth-child(1) {font-size:14px; color:#feb300; line-height:20px; font-weight:bold;padding-right:5px;}
.cs02 .bank span:nth-child(2){font-size:12px; color:#777; line-height:20px; font-weight:bold; padding-left:5px;}

.cs02 .cs-btn {text-align:center;}
.cs02 .cs-btn span {display:inline-block; border:1px solid #403d3d; background:#fff; line-height:40px; padding:0 10px; margin-left:-1px; font-size:13px;}
.cs02 .cs-btn span:nth-child(1) {border-top-left-radius:5px;border-bottom-left-radius:5px;} 
.cs02 .cs-btn span:nth-child(3) {border-top-right-radius:5px;border-bottom-right-radius:5px;} 


.cs04 li {text-align:center; padding:20px;}
.cs04 li.introduce {font-size:12px; min-height:66px; padding:0px; color:#333; line-height:22px; margin-bottom:12px;}
.cs04 .cs-btn {text-align:center;}
.cs04 .cs-btn span {display:inline-block; border:1px solid #e82e2e; line-height:40px; color:#403d3d; padding:0 14px; margin-left:-1px; font-size:13px;}
.cs04 .cs-btn span:nth-child(1) {border-top-left-radius:5px;border-bottom-left-radius:5px;} 
.cs04 .cs-btn span:nth-child(3) {border-top-right-radius:5px;border-bottom-right-radius:5px;} 
.cs04 .cs-btn span a {line-height:38px;}