/* BASIC css start */
/* 상단 */
#header { min-width: 1250px; width: 100%; height: 79px; position: fixed; z-index: 99999; top: 0; left: 0; background: #fff; border-top: 2px #272727 solid; }
#header_grad { position: absolute; width: 100%; height: 7px; bottom: -7px; left: 0; background: url('/design/emarue/onedesign/images/header_grad.png') 0 0 repeat-x; }

.logo { width: 160px; height: 45px; padding: 17px 20px; line-height: 45px; float: left; }
.logo a { font-family: "Raleway","Nanum Gothic",sans-serif; font-size: 20px; font-weight: 500; }
.logo span.logo_symb { display:inline-block; *display:inline; *zoom:1; width: 33px; height: 45px; text-align: right; color: #fff; font-weight: 600; background: url('/design/emarue/onedesign/images/logo_symbol.png') center center no-repeat; }

#right_m { width: 200px; height: auto; overflow: hidden; float: right; text-align: right; margin-right: 100px;  z-index: 9999; }
#right_m ul { display:inline-block; *display:inline; *zoom:1; }
#right_m li { float: left; height: 20px; line-height: 20px; padding: 29px 3px; }

/** 카테고리 **/
#cate_box .position > ul > li { position:relative; float: left; z-index:10; height: 79px; line-height: 79px; padding: 0 20px; }
#cate_box .position > ul > li a::after { content:""; position:absolute; bottom:0; left:40%; width:10%; height:0; background:#fff; -webkit-transition:all 0.3s ease; -khtml-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; }
#cate_box .position > ul > li a:hover::after { content:""; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#333; }
#cate_box .position > ul > li > a { display:block; font-family: "Raleway","Nanum Gothic",sans-serif; font-size: 15px; color: #555; letter-spacing: 1.5px; font-weight: 500; }
#cate_box .position > ul > li > a:hover,
#cate_box .position > ul > li.selected > a,
#cate_box .position > ul > li.on > a { color: #000; }


/* 카테고리 중메뉴 */
#cate_box .sub_category { display:none; position:absolute; top:79px; left:-1px; width:482px; background:#f6f6f6; border:1px solid #e8e8e8; padding:20px 30px; box-sizing:border-box; }
#cate_box .position > ul > li:first-child .sub_category { left:-1px; width:480px; }
#cate_box .sub_category.right { left:-242px; }
#cate_box .sub_category > ul { float:left; width:160px; min-height:250px; background:#f6f6f6; padding-top:5px; box-sizing:border-box; }
#cate_box .position > ul > li:first-child .sub_category > ul { width:159px; }
#cate_box .sub_category ul > li { display:block;  height:30px; text-align:left; }
#cate_box .sub_category ul > li a { display:block; line-height:30px; font-size:14px; }
#cate_box .sub_category ul > li a:hover { color:#d4b28d; padding-left:2px; }
#cate_box .sub_category .sub_img { float:left; width:260px; min-height:250px; background:#fff; padding:10px; text-align:center; box-sizing:border-box; }
#cate_box .sub_category .sub_img img { max-width:100%; height:auto; margin:0 auto; }
#cate_box .position > ul > li:first-child .sub_category .sub_img { width:259px; }
#cate_box .sub_category ul > li a::after,
#cate_box .sub_category ul > li a:hover::after,
#cate_box .sub_category .sub_img a::after,
#cate_box .sub_category .sub_img a:hover::after { content:""; background:none; }

#cate_box .position > .sub_category:last-child { left: auto; right: 0; }

/* BASIC css end */