@charset "utf-8";



/* 메인 Css */



/*메인*/
.mConBox1{width:100%; padding-bottom:20px;}
.mConBox2{width:100%;padding-bottom:20px;overflow:hidden;}
.mConBox3{width:100%; padding-bottom:20px; }
.mConBox4{width:100%; padding-bottom:20px;overflow:hidden;}
.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;}


.leftWp{float:left; width:260px; }
/*로그인*/
.loginBox{width:260px; height:166px;border:1px solid #f1ece8; border-top:0px; border-bottom:0px; background:#fff; box-sizing:border-box; position:relative;}
.loginBox #login .input_text2{width:202px; height:30px; box-sizing:border-box; border:1px solid #c8c8c8; line-height:28px; padding-left:10px;
background:#f7f7f7;}
.loginBox #login span{position:absolute;}
.loginBox #login .id{top:20px; left:28px;}
.loginBox #login .pw{top:48px; left:28px;}
.loginBox #login .login_ok{top:87px; right:28px;}
.loginBox #login .idCheck{top:127px; left:28px;}
.loginBox #login .idCheck label{position:relative; padding-left:15px;}
.loginBox #login .idCheck label input{position:absolute; top:1px; left:0px;}
.loginBox #login .join{top:127px; right:28px; color:#dadada}
.loginBox #login .join a{display:inline-block; background:url(/image/main/bl.png) left 5px no-repeat; }
.loginBox .con_title h2{font-size:14px;}

/*.loginBox #login2 table{margin:15px 28px 10px;}*/
.loginBox #login2 table{margin:5px 20px 3px;}
.loginBox #login2 table td{padding:3px 0px;}
.loginBox #login2 div{padding:0px 20px;}
.loginBox #login2 div a{display:inline-block; height:31px; width:48%; text-align:Center; line-height:31px; color:#333; background:#f6f6f6; font-size:14px;
margin-bottom:5px;border:1px solid #dcdcdc}
.loginBox #login2 div a:hover{background:#dcdcdc}
.loginBox #login2 table td span{display:inline-block; padding:1px 3px 2px; background:#f59a01; color:#fff; border-radius:2px; font-size:11px; letter-spacing:-1px;}
.loginBox #login2 table td span.QnaCnt{background:#FF007F;}
.loginBox #login2 table td img{position:Relative; top:-2px}

/*배송주소*/
.add-area{width:260px; height:296px; background:#f1ece8; box-sizing:border-box; padding:20px 28px;}
.add-area h3{border-bottom:1px dotted #d4d0cd; text-align:center; font-size:14px; font-weight:700; padding-bottom:10px; margin-bottom:10px;}
.add-area p{line-height:1.5em;border-bottom:1px dotted #d4d0cd; padding-bottom:15px; margin-bottom:15px;text-align:justify; }
.add-area ul{}
.add-area ul li{position:Relative; padding-left:28px;line-height:1.5em; padding-bottom:5px;}
.add-area ul li img{position:absolute; top:-2px; left:-2px}


/*메인 롤링 배너*/
.m_slider{width:740px; height:442px;;  float:right; position:relative; background:#ccc; margin-top:20px;}
.m_slider .bxsliderWp{width:740px; height:442px;  overflow:hidden}
.m_slider .frame {overflow: hidden; position: relative;}
.m_slider .frame ul { list-style: none; margin: 0; padding: 0; position: absolute;overflow: hidden; }
.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:12px; bottom:21px;right:0px;z-index:100; }
.m_slider .bx-pager {display:table; margin:0 auto;}
.m_slider .bx-pager a {display:block;width:10px;height:10px;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 #slider2-B{position:absolute; left:-26px; top:222px; z-index:100;display:none;}
.m_slider #slider2-N{position:absolute; right:-26px; top:222px; z-index:100;display:none;}




.bank-area{width:735px; height:217px; float:left}
.bank-area .title{height:48px; background:#806868; text-align:center; font-size:16px; font-weight:700; color:#fff; line-height:48px;}
.bank-area .title strong{color:#ffe348}
.bank-area .img-area{border:0px solid #f1ece8; border-top:0px; border-right:0px;height:168px;}
.bank-area2{width:285px; height:217px; float:left}
.bank-area2 .title{height:46px; border:1px solid #f1ece8; border-bottom:0px;  text-align:center; font-size:16px; font-weight:700; line-height:45px;}


.social-area{width:285px; height:217px; float:left}
.social-area .title{height:46px; border:1px solid #f1ece8; border-bottom:0px;  text-align:center; font-size:16px; font-weight:700; line-height:45px;}
.social-area ul{overflow:hidden;}
.social-area ul li{float:left}

/*공지사항*/
.notice{float:left; width:225px; height:209px; position:relative;background:#e1f3f8;  padding:20px; box-sizing:border-box; margin-right:20px;}
.notice .title{font-weight:bold; font-size:16px; height:30px;border-bottom:1px dotted #c7d6da; margin-bottom:15px;}
.notice ul{height:121px; overflow:hidden}
.notice ul li{width:100%; height:21px; }
.notice ul li a{float:left; width:80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#313131}
.notice ul li a:hover{text-decoration:underline}
.notice ul li span{float:right; color:#b5b5b5;}
.notice a.more{display:block;position:absolute; top:23px; right:20px;  color:#313131; height:12px; width:12px; font-family: Tahoma,Sans-serif; 
font-size:14px; font-weight:bold;border:1px solid #7e8a90; line-height:12px; text-align:center}
.notice a.more:hover{background:#7e8a90; color:#fff}


.review{float:left; width:225px; height:209px; position:relative;background:#f5f6d3;  padding:20px; box-sizing:border-box; margin-right:20px;}
.review .title{font-weight:bold; font-size:16px; height:30px;border-bottom:1px dotted #d7d8bc; margin-bottom:15px;}
.review ul{height:121px; overflow:hidden}
.review ul li{width:100%; height:21px; }
.review ul li a{float:left; width:80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#313131}
.review ul li a:hover{text-decoration:underline}
.review ul li span{float:right; color:#b5b5b5;}
.review a.more{display:block;position:absolute; top:23px; right:20px;  color:#313131; height:12px; width:12px; font-family: Tahoma,Sans-serif; 
font-size:14px; font-weight:bold;border:1px solid #7e8a90; line-height:12px; text-align:center}
.review a.more:hover{background:#7e8a90; color:#fff}


.faq{float:left; width:225px; height:209px; position:relative;background:#ece9f0;  padding:20px; box-sizing:border-box; margin-right:20px;}
.faq .title{font-weight:bold; font-size:16px; height:30px;border-bottom:1px dotted #d0cdd3; margin-bottom:15px;}
.faq ul{height:121px; overflow:hidden}
.faq ul li{width:100%; height:21px; }
.faq ul li a{float:left; width:80%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#313131}
.faq ul li a:hover{text-decoration:underline}
.faq ul li span{float:right; color:#b5b5b5;}
.faq a.more{display:block;position:absolute; top:23px; right:20px;  color:#313131; height:12px; width:12px; font-family: Tahoma,Sans-serif; 
font-size:14px; font-weight:bold;border:1px solid #7e8a90; line-height:12px; text-align:center}
.faq a.more:hover{background:#7e8a90; color:#fff}



.btn-area{float:right; width:285px;height:209px;overflow:hidden }
.btn-area ul{width:310px;}
.btn-area ul li{float:left; width:137px; height:63px; margin-right:12px; margin-bottom:10px;}
.btn-area ul li a{display:block; background:#e8e7e4; text-align:center; line-height:63px; font-size:14px; font-weight:700; color:#333}
.btn-area ul li a:hover{background:#f4dad2}

.shop_link{width:450px; height:216px; float:left;border-bottom:1px solid #f1ece8; }
.shop_link .title{height:46px; border-top:1px solid #f1ece8; border-bottom:0px;  text-align:center; font-size:16px; font-weight:700; line-height:45px;}
.shop_link .link-area{padding:0px 20px;position:relative}
.shop_link .link-area ul{width:410px;}
.shop_link .link-area ul li{width:100%;}
.shop_link .link-area .link_w{border-top:1px solid #eee; float:left; width:33.3333%; height:83px;float:left;}
.shop_link .link-area .link_w a{display:block; width:136px;box-sizing:border-box; height:45px; border-right:1px solid #eee; margin-top:20px;
overflow:hidden}
.shop_link .link-area .link_w.bdr0 a{border-right:0px;}
.shop_link .link-area #slider3-B{position:absolute; top:67px; left:0px; z-index:999}
.shop_link .link-area #slider3-N{position:absolute; top:67px; right:0px;}
.shop_link .link-area #slider3-B .bx-prev, .shop_link .link-area #slider3-N .bx-next{display:block; padding:10px; background:rgba(0,0,0,0.2); color:#fff;}