/* BASIC css start */
#top_banner_wrap {width:100%; height:100px; margin:0 auto; overflow:hidden; background-color:#f56e07;}
.top_banner_area {width:1200px; margin:0 auto; overflow:hidden;}

.smenu_wrap {width:100%; background-color:#f7f7f7;}
.smenu_area {width:1000px; margin:0 auto; overflow:hidden;}

#hdrWrap,
#hdr { zoom: 1; position:relative; }

#hdrWrap { width: 100%; margin-left: auto; margin-right: auto; }
#hdr { width:1000px; margin: 0 auto; }

#hdr .gnb-w { zoom: 1; position: relative;  /*background:url(/design/hbags/images/common/gnbBg.jpg) no-repeat 0 0;*/ }
#hdr .gnb-w .gnb-tl,
#hdr .gnb-w .gnb-tr,
#hdr .gnb-w .gnb-bl,
#hdr .gnb-w .gnb-br { overflow: hidden; position: absolute; width: 3px; height: 3px; }

/* mlink */
.mlink { zoom: 1;  float:right; display:inline-block; height:30px; margin-top:9px; }
.mlink:after { content: ""; display: block; clear: both; }
.mlink li,
.mlink a { display: inline; float: left; width: auto; font-size: 10px; color: #4c4c4c;}
.mlink li { padding: 0 4px ; background: url(/design/hbags/images/common/bar.gif) right 3px no-repeat; }
.mlink li.login a { color: #88b8ba; }
.mlink li.backNone{ background-image:none; padding: 0 0 0 15px; }
/*  bi */
.topWrap{width:1000px; height:99px; margin-bottom:21px; }
#hdr .bi { padding-top:66px; height:33px; width:222px;  }
ul.smenu { position: absolute; left: 467px; top:65px;width:300px;  }
ul.smenu li a{ display: inline; float: left; }

.m1, 
#DB_navi11_1 .DB_mask .DB_subSet ul { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box }

/* 풀다운메뉴 */
#menuBg {background:url('/design/hbags/images/common/menuBg.gif') repeat-x 0 0; }

#DB_navi11_1 { position:relative; width:100%; margin:0 0 20px }
#DB_navi11_1 .DB_wrap{ position:relative; left:50%; width:1000px ;margin-left:-500px; height:35px}
#DB_navi11_1 .DB_wrap .DB_main {float:left; }
#DB_navi11_1 .DB_wrap .DB_main li { float:left; width:166px;  height:35px; text-align:center; background:url('/design/hbags/images/common/menuLine.gif') no-repeat 0 0 ;}
#DB_navi11_1 .DB_wrap .DB_main li:first-child { background:#f57007; text-align:left; position:relative; padding:0 0 0 45px; width:170px }
#DB_navi11_1 .DB_wrap .DB_main li:first-child.DB_select a { color:#fff !important }
#DB_navi11_1 .DB_wrap .DB_main li a { display:block; width:100%;height:100%; font-size:13px; font-weight:bold; color:#fff; line-height:35px; }
#DB_navi11_1 .DB_wrap .DB_main li.DB_select a { color:#ffd879 }
#DB_navi11_1 .DB_wrap .DB_main li:first-child a { font-family:arial;  }
#DB_navi11_1 .DB_wrap .DB_main li i { font-size:18px;  }
#DB_navi11_1 .DB_wrap .DB_main li .bars { position:absolute; left:16px; top:3px; }
#DB_navi11_1 .DB_wrap .DB_main .noBg { background:none; }

.brand_all { position:absolute; left:1px; top:0; background:#fff; width:1000px;}
.brand_all li { float:left; border:1px solid #e8e8e8; margin:-1px 0 0 -1px}

#DB_navi11_1 .DB_mask{display:none;position:relative;width:100%; overflow:hidden}
#DB_navi11_1 .DB_mask .DB_subSet {position:relative; left:50%; width:1000px; margin-left:-500px; }
#DB_navi11_1 .DB_mask .DB_subSet > ul {float:left; width:166px; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; height:340px; padding:18px 0 0 15px }
#DB_navi11_1 .DB_mask .DB_subSet > ul:first-child{ width:170px; border-left:1px solid #e8e8e8 }
#DB_navi11_1 .DB_mask .DB_subSet > ul > li { height:21px;}
#DB_navi11_1 .DB_mask .DB_subSet ul li a { display:block; color:#1a1a1a; font-size:12px; }
#DB_navi11_1 .DB_mask .DB_subSet ul li a:hover, 
#DB_navi11_1 .DB_mask .DB_subSet ul li.DB_select a { color:#f57007; font-weight:700; }








/* gnb */
#hdr #gnb { zoom: 1; width: 1000px; height:34px;margin-bottom: 20px; position:relative; }
#hdr #gnb>li{position:relative;z-index:99999999999999999999;}
#hdr #gnb>li,
#hdr #gnb>li>a { float: left; width: auto; white-space: nowrap; }
#hdr #gnb>li>a { height: 29px; line-height: 26px; color: #fff; font-weight: bold; letter-spacing: -0.5px; }
#hdr #gnb>li.last { margin-right: 0; }
#hdr #gnb>li>a:hover,
#hdr #gnb .now>a { color: #fff; }
#hdr #gnb>li>a { width: 112px; text-align:center; display:inline-block; font-size: 13px; padding-top:5px; }
#hdr #gnb>li.w01>a{width:104px; }
#hdr #gnb>li.w02>a{width:112px;}
/* sch-frm */
#hdr .sch-frm { position: absolute; top: 65px; right: 0px; width: 231px; height: 32px; padding: 3px 0 2px 2px; background: url(/design/hbags/images/common/searchBg.gif) no-repeat 0 0; }
#hdr .sch-frm .keyword,
#hdr .sch-frm .btn { position: absolute; border: none; }
#hdr .sch-frm .keyword { left: 2px; top: 3px; width: 178px; height: 19px; line-height: 15px; border: 0; background: none; padding:3px 0 0 12px; }
#hdr .sch-frm .btn { right: 13px; _right: 11px; top: 8px; }

/* 2depth */
ul.menu2{display:none; position:absolute; left:0; top:34px; width:110px; border-right: 1px solid #c9c9c9; border-left: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; z-index:2; background: #fff; }
ul.menu2 li{ border-bottom: 1px solid #e8e8e8; }
ul.menu2 li:last-child{border-bottom: 0;}
ul.menu2 a{ display: block; color: #222; padding: 6px 0; text-align:center; font-weight: bold; letter-spacing: -0.5px; font-size: 11px;  }
ul.menu2 a:hover{color: #f57007; }

ul.menu3{display:none; position:absolute; left:0; top:34px; width:110px; border-right: 1px solid #c9c9c9; border-left: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; z-index:2; background: #fff; }
ul.menu3 li{ border-bottom: 1px solid #e8e8e8; }
ul.menu3 li:last-child{border-bottom: 0;}
ul.menu3 a{ display: block; color: #222; padding: 6px 0; text-align:center; font-weight: bold; letter-spacing: -0.5px; font-size: 11px;  }
ul.menu3 a:hover{color: #f57007; }


/* BASIC css end */