
/*모바일 리뉴얼 css 시작*/
#content{width:100%; min-height: 150px; }
#warp{width:100%; margin:0 auto; position:relative;}
#header{width: 100%;
    position: relative;
    height: 150px;
    background: transparent;
    z-index: 40;
    background-color: #fff;
    transition: 1.5s;
}

body{
  background-color:#fff;
}

.fl{float:left;}
.fr{float:right;}


/*0831 새로 코딩*/ /*
.header_top .left{float:left; width:170px; height:59px; position:relative; }
.header_top .left .menu_cate{position:absolute; left:15px; top:50%; margin-top:-11px;}
.header_top .left .logo{position:absolute; left:57px; top:50%; height:43px; margin-top:-21px;}

.header_top .center{float:left; height:59px; width:100px;;  display:block;text-align:left; }
.header_top .center .input1{border: 1px solid #ddd; width:70px; font-size: 1.0em; margin: 12px 0 0 10px; padding-left:5px; height:35px; width: 100%; background: #ffffff; text-align:left;}

.header_top .right{float:right; width:80px; height:42px; margin-top:17px; }
.header_top .right li{float:left; display:inline-block; margin-right:10px;}
*/

.header_top .left{width:13%; float:left; margin-top:10px;}
.header_top .left .menu_cate{width:19%; float:left; margin-top:3px;}
.header_top .left .logo{width:70%; float:left; }

.header_top .center {float:left; margin-left:2%; height:100%;}
.header_top .center .inputwrap{width:100%; margin:6% 0 4% 0; border:1px solid #ddd; border-radius:3px; position:relative;}
.header_top .center .inputwrap .searchicon{position:absolute; right:0px; top:0px; }

.header_top .center .inputwrap  .input1{width:96%; font-size: 1.0em; padding:0px 3px; background: #ffffff; text-align:left; border:0px;  }
.header_top .right {float:right; margin-top:7px;}
	
.header_bottom .menu{position: relative; width: 100%; height: 52px !important; overflow: hidden; background: rgba(255,255,255,0.95); border-top:1px solid #ddd;border-bottom:1px solid #ddd; }
.header_bottom .menu .menulist a{ height: 50px; color: #808080; font-size: 16px; line-height: 50px; float:left; font-weight:bold; text-align: center; letter-spacing: -1px;}
.menulist_on a { height: 49px; color: #E4003E; font-size: 17px; line-height: 50px; float:left; font-weight:bold; text-align: center; letter-spacing: -1px; border-bottom:3px solid #E4003E;}
.menulist_on a .nav_mnu_on{position: relative;display: inline-block; padding: 0 20px; height: 50px; color: #E4003E; }
.menulist .nav_mnu{position: relative;display: inline-block; padding: 0 15px; height: 50px;}

.main_visual{width:100%; margin:0 auto; overflow:hidden; position:relative;}
.ul_mv li{margin:0 auto; width:100%;}

.visual_btn_wrap{width:100%; }
.visual_btn{ overflow:hidden; margin:0 auto; width: 200px;}
.visual_btn li{padding:10px 10px 5px 10px; border-bottom:3px double #666; font-size:1.2em; font-family: helveticaNeue, helvetica, sans-serif !important;}
.visual_btn li span{font-weight:bold;     font-family: helveticaNeue, helvetica, sans-serif !important;}
.visual_btn li span.B_select{color:#E10F0F; font-weight:bold;     font-family: helveticaNeue, helvetica, sans-serif !important;}

.favorite_m{ width:100%; background-color:#F4F7F7; position:relative; overflow:hidden; padding-bottom:10px;}
.favorite_m .ribbon{ position:absolute; right:0px; top:0px;}
.favorite_m .title{margin:0 auto; width:234px; padding:15px 10px;}
.favorite_m .m_bn{width:99%;margin:0 auto; }
.favorite_m .m_bn li{float:left; width:22%; padding-left:2.4%; }

.tit_wrap{width:100%; margin-top:30px; position:relative;}
.tit_wrap .tit01{padding-left:0; background: url(http://fiximage.10x10.co.kr/m/2015/common/double_line.png) 0 50% repeat-x;
                 background-size:1px 1px; font-size:15px; color:#000; padding:0 0 0 4px; font-weight:bold;
				 letter-spacing:-0.05em; text-align:left; margin-left:2%;}
.tit_wrap .tit01:before{content: ''; position: absolute; left: 7px; top: 0; width: 3px; background-color: #d60000; width: 4px; height: 18px;} 
.tit_wrap .tit01 span{display:inline-block; padding:0 9px 0 7px; background-color:#fff; font-family: helveticaNeue, helvetica, sans-serif !important; color: #000; font-size:22px; letter-spacing:-0.05em;}

.tit_wrap .goMore{position:absolute; right:0px; top:-7px; background:#fff;}
.tit_wrap .goMore a{background-size: 40px 40px;overflow:hidden; display:inline-block; width:60px; height:36px; background: url(http://image.hanflower.com/img/mobile_r2/main/icon_gomore.png) 50% 40% no-repeat;  text-indent: -999em;}


/*베스트상품 리스트*/
.bestpdt{width:100%; position:relative; margin:0 auto; background-color:#fff; overflow:hidden; padding:0px 0 10px 0; margin-top:15px;}
.best95{width:95%; margin:0 auto; padding:10px; overflow:hidden; }
.best95 li{width:50%; text-align:center; float:left; }
.best95 li .thum_wrap{ clear:both; width:85%; padding:10px; background-color:#fff; margin-bottom:10px; margin:0 auto; margin-top:10px;}
.best95 li .thum_wrap .thum_pdt .thum_pdt_text {margin:0 auto; border-top:3px double #ebebeb; padding-bottom:0px;} 


.best95 li .thum_wrap .thum_pdt .thum_pdt_text span.thum_text_1{font-size:1.15em; color: #3e3e3e; font-weight:bold; display:block; margin-bottom:5px; overflow:hidden;     padding-top: 10px;}
.best95 li .thum_wrap .thum_pdt .thum_pdt_text span.thum_text_1_2{color:#999; font-size:11px; letter-spacing:-1px; text-decoration:line-through;font-family: helveticaNeue, helvetica, sans-serif !important; }
.best95 li .thum_wrap .thum_pdt .thum_pdt_text span.thum_text_2{color: #eb2222; font-weight:bold; letter-spacing:-1px; font-size:13px;font-family: helveticaNeue, helvetica, sans-serif !important; }


/*상품리스트 메인 */
.listpdt{width:100%; position:relative; margin:0 auto;  overflow:hidden; padding:0px 0 10px 0; margin-top:15px;}
.listpdt95{width:95%; margin:0 auto;  overflow:hidden; }
.listpdt95 li{width:50%; text-align:center; float:left; }
.listpdt95 li .thum_wrap{ clear:both; width:95%; padding:0px; background-color:#fff; margin-bottom:10px; margin:0 auto; margin-top:10px; }
.listpdt95 li .thum_wrap img{border:1px solid #ebebeb;}
.listpdt95 li .thum_wrap .thum_pdt2 .thum_pdt_text{margin:0 auto; background-color:#ebebeb;  height:75px; margin-top:3px; width:100%; border:1px solid #eef1f1;}
.listpdt95 li .thum_wrap .thum_pdt2 .thum_pdt_text span.thum_text_1{font-size:1.10em; color: #3e3e3e; font-weight:bold; display:block;  overflow:hidden; padding-top:8px; }
.listpdt95 li .thum_wrap .thum_pdt2 .thum_pdt_text span.thum_text_1_2{color:#999; font-size:11px; letter-spacing:-1px; text-decoration:line-through;font-family: helveticaNeue, helvetica, sans-serif !important; line-height:22px;}
.listpdt95 li .thum_wrap .thum_pdt2 .thum_pdt_text span.thum_text_2{color: #eb2222; font-weight:bold; letter-spacing:-1px; font-size:13px;font-family: helveticaNeue, helvetica, sans-serif !important; line-height:22px;}


/*상품리스트 서브 */
.subpdt{width:100%; position:relative; margin:0 auto;  overflow:hidden; padding:0px 0 10px 0;}
.subpdt95{width:95%; margin:0 auto;  overflow:hidden; }
.subpdt95 li{width:50%; text-align:center; float:left; overflow:hidden; }
.subpdt95 li .thum_wrap2{ clear:both; width:95%; padding:0px; background-color:#fff; margin-bottom:10px; margin:0 auto; margin-top:20px; }
.subpdt95 li .thum_wrap2 img{border:1px solid #ebebeb;}
/*.subpdt95 li .thum_wrap2 .thum_pdt3 .thum_pdt_text{margin:0 auto; background-color:#ebebeb;  height:55px; margin-top:3px; width:100%; border:1px solid #ebebeb; position:}*/
.subpdt95 li .thum_wrap2 .thum_pdt3 .thum_pdt_text{margin:0 auto; background-color:#ebebeb;  height:90px; margin-top:12px; width:100%; border:1px solid #ebebeb; position:relative; z-index:1;}
.subpdt95 li .thum_wrap2 .thum_pdt3 .thum_pdt_text span.thum_text_1{font-size:1.10em; color: #3e3e3e; font-weight:bold; display:block;  overflow:hidden; padding-top:8px; }
.subpdt95 li .thum_wrap2 .thum_pdt3 .thum_pdt_text span.thum_text_1_2{color:#999; font-size:11px; letter-spacing:-1px; text-decoration:line-through;font-family: helveticaNeue, helvetica, sans-serif !important; line-height:22px;}
.subpdt95 li .thum_wrap2 .thum_pdt3 .thum_pdt_text span.thum_text_2{color: #eb2222; font-weight:bold; letter-spacing:-1px; font-size:13px;font-family: helveticaNeue, helvetica, sans-serif !important; line-height:22px;}




/*최근본상품 서브 */
.subpdt{width:100%; position:relative; margin:0 auto;  overflow:hidden; padding:0px 0 10px 0; margin-top:15px;}
.subpdt95_3{width:95%; margin:0 auto;  overflow:hidden; }
.subpdt95_3 li{width:33.33%; text-align:center; float:left; }
.subpdt95_3 li .thum_wrap2{ clear:both; width:95%; padding:0px; background-color:#fff; margin-bottom:10px; margin:0 auto; margin-top:10px; }
.subpdt95_3 li .thum_wrap2 img{border:1px solid #ebebeb;}
.subpdt95_3 li .thum_wrap2 .thum_pdt3 .thum_pdt_text{margin:0 auto; background-color:#ebebeb;  height:55px; margin-top:3px; width:100%; border:1px solid #ebebeb;}
.subpdt95_3 li .thum_wrap2 .thum_pdt3 .thum_pdt_text span.thum_text_1{font-size:1.10em; color: #3e3e3e; font-weight:bold; display:block;  overflow:hidden; padding-top:8px; }
.subpdt95_3 li .thum_wrap2 .thum_pdt3 .thum_pdt_text span.thum_text_1_2{color:#999; font-size:11px; letter-spacing:-1px; text-decoration:line-through;font-family: helveticaNeue, helvetica, sans-serif !important; line-height:22px;}
.subpdt95_3 li .thum_wrap2 .thum_pdt3 .thum_pdt_text span.thum_text_2{color: #eb2222; font-weight:bold; letter-spacing:-1px; font-size:13px;font-family: helveticaNeue, helvetica, sans-serif !important; line-height:22px;}




/*카테고리*/
.category{width:100%;   }
.cate_top{background-color:#626262; position:relative;}
.icon_exit{position:absolute; right:10px; top:6px;}
.cate_top .cate_login{display: inline-block; font-size: 16px; color: #fff; vertical-align: middle; font-weight:bold;}
.cate_top .cate_login{position: relative; padding: 10px 14px; letter-spacing: -1px; color:#d8d8d8;}
.cate_top .cate_link{border-top: 1px solid #adaeb3; }
.cate_top .cate_link ul.cate_link4{ display: table; width: 100%; font-size: 12px; line-height: 14px; color: #d3d5db; letter-spacing: -1px; table-layout: fixed; border-collapse: collapse; text-align:left;}
.cate_top .cate_link ul.cate_link4 .mypage{ font-size: 12px; font-family: HelveticaNeue; line-height: 16px; color: #ffe96e; letter-spacing: 0; text-align:left;}
.cate_top .cate_link ul.cate_link4 .linkab{ position:absolute; bottom:8px; left:13px;}
.cate_top .cate_link ul.cate_link4 .point{font-size:13px; color:#fff; margin-bottom:6px; font-weight:bold;}
.cate_top .cate_link ul.cate_link4 li{ display: table-cell; vertical-align: top; width:25%;color:#d8d8d8; position:relative;  } 
.cate_top .cate_link ul.cate_link4 li a { display: block; position: relative; height: 60px; padding: 10px 0 12px 10px; border-left: 1px solid #adaeb3;color: inherit;     outline: none !important; } 

.title_uselist{padding:15px 0 5px 0;}


.cate_bottom{ background-color:#f5f6f7; width:100%; overflow:hidden;}
.cate_bottom .uselist{width:95%; margin:0 auto; overflow:hidden;}
.cate_bottom .uselist ul.list_btn{overflow:hidden;}
.cate_bottom .uselist ul.list_btn li{width:50%;float:left; text-align:center;}
.cate_bottom .uselist ul.list_btn li .thum{clear: both; width: 95%;  margin: 0 auto; margin-top: 5px;  border:1px solid #bb9494; }
.cate_bottom .uselist ul.list_btn li img{}

<!--카테고리 하단 정보-->
.cate_bottom ul.bt_info1{padding: 15px 0 5px 0; margin-top:5px; overflower:hidden;}
.cate_bottom ul.bt_info1 li{padding:15px 15px; width:100%; border-top:1px solid #EFEFEF; text-align: left; }
.cate_bottom ul.bt_info1 li span{color:#888; padding-left:10px;}
.cate_bottom ul.bt_info1 li.account .accinfo{padding:5px 8px; background-color:#A5A7AF; color:#fff; margin-left:10px; margin-top:5px; display:inline-block; width:83%; border-radius:25px;}


/*하단 바로가기 리스트*/
.footer_wrap{width:100%; position:relative; margin:0 auto; background-color:#ebebeb; overflow:hidden; padding:0px 0 10px 0; margin-top:15px;}
.footer{width:95%; margin:0 auto;     padding-bottom: 10px; overflow:hidden;     margin-top: 10px; }
.footer li{width:25%; text-align:center; float:left; overflow:hidden; }
.footer li .tit01{ clear:both; width:85%; border-radius:5px; padding:7px 0; background-color:#fff; margin-bottom:10px; margin:0 auto; margin-top:10px; box-shadow: 1px 1px 3px #ccc; border:1px solid #ccc;  }
.footer li .tit01 .txt {margin:0 auto;  padding-bottom:0px; background-color: #fff; font-weight:bold;}

/*서브 하단 바로가기 리스트*/
.footer_wrap1{width:100%; position:relative; margin:0 auto; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAH0lEQVQIW2NkQAVpjEj8NAYGhlkwATAHJAkSgHNAAgBcbgNriEcDMAAAAABJRU5ErkJggg==) repeat; overflow:hidden; padding:0px 0 10px 0; margin-top:15px;}
.footer{width:95%; margin:0 auto;     padding-bottom: 10px; overflow:hidden;     margin-top: 10px; }
.footer li{width:25%; text-align:center; float:left; overflow:hidden; }
.footer li .tit01{ clear:both; width:85%; margin:10px; padding:7px 0; background-color:#fff; margin-bottom:10px; margin:0 auto; margin-top:10px; }
.footer li .tit01 .txt {margin:0 auto;  padding-bottom:0px; background-color: #fff;}

/*카피라이터*/
  #copyright .f_btn {text-align:center;}
  #copyright .copyinfo {width:100%; padding:15px 0px; text-align:center; margin:0;}
  #copyright .copyinfo ul {text-align:left; padding:0 0 0 10px; margin:0;}
  #copyright .copyinfo li {float:none;}
  #copyright .copy2 {padding:0px 10px 10px 10px;  line-height:130%; font-size:0.9em;}
  #copyright span.c_gray {color:#777; padding:0 10px 0 2px; letter-spacing:0px;}
  #copyright .telc { color:#d15613; font-weight:bold;}
  #copyright .telc a { color:#d15613;}
  #copyright .bankc { font-weight:bold;}
  
   


/* 서브 탑 정렬버튼 */
.sort{width:100%; background-color:#ebebeb; height:42px;}
ul.slist{width:100%;  padding-top: 12px;}
ul.slist li{float:left; text-align:center; margin-left:7px; vertical-align:middle; }
ul.slist li a{ background-color:#fff; border:1px solid #ddd; font-size:14px; padding:3px 5px 4px 5px; border-radius:5px;}
ul.slist li .slist_on{ background-color:#444; color:#fff; font-weight:bold; border:1px solid #ddd; font-size:14px; 3px 5px 4px 5px; border-radius:5px; }


/*장바구니*/

.brd_wrap{width:95%; margin:0 auto; overflow:hidden;}
.brd_wrap .line{width:2px; height:22px; border:1px solid #d60000; margin-top:10px;}
.brd_wrap .brdtitle{padding:3px 20px 3px 8px; background-color:#d60000; margin-top:10px; margin-left:2px; display:inline-block; color:#fff; font-size:12px;}

.brd_basket{width:95%; margin:0 auto; background-color:#F4F7F7; overflow:hidden; min-height:100px; margin-top:10px; position:relative; border:1px solid #eef1f1; }
.brd_basket .brdimg{width:35%; float:left;}
.brd_basket .brdimg .pd10{ padding:10px 10px;}
.brd_basket .brdimg img{border:1px solid #ddd;}
.brd_basket .brdinfo{width: 59%; float: left; margin-left: 2%;}
.brd_basket .brdinfo li{width:100%; font-size:12px; color:#676767; line-height:21px;}
.brd_basket .brdinfo li .tit2{color:#ff9000;font-weight:bold;}
.brd_basket .brdinfo li .tit3{font-weight:bold;}
.brd_basket .brdinfo li .tit4{color:#ea1f1f; font-weight:bold;}
.brd_basket .basket10{padding:10px 10px;}

.brd_total{width:95%; margin:0 auto; background-color:#F4F7F7; text-align:center; overflow:hidden; margin-top:10px; position:relative; padding:20px 0; border:1px solid #eef1f1; }
.brd_total span.total_tit{color:#D60000; font-weight:bold; font-size:14px;}
.brd_btn{width:95%; text-align:center; margin:0 auto; overflow:hidden; padding:20px 0; }

