/* BASIC css start */
#hdWrap { background: url(/images/d3/hot_issue/common/bg_w80_h2_line.gif) repeat-x 0 100%; }
#header { position: relative; width: 1124px; height: 190px; margin-bottom: 20px; }
#hdWrap .hd-logo { padding-top: 40px; text-align: center; }
#hdWrap .hd-draw,
#hdWrap .hd-link { position: absolute; }
#hdWrap .hd-draw { right: 200px; bottom: -19px; }
#hdWrap .hd-link { zoom: 1; overflow: hidden; top: 162px; left: 0; }
#hdWrap .hd-link li { float: left; padding: 0 10px; }
#hdWrap .hd-link li a { font-size: 11px; font-weight: bold; letter-spacing: -1px; }
#hdWrap .hd-link li a:hover { color: #ec2626; }
#hdMenu { position: relative; width: 1124px; margin: 0 auto 60px; }
#hdMenu .hd-cate { zoom: 1; overflow: hidden; width: 1000px; }
#hdMenu .hd-cate li { float: left; padding: 0 10px; background: url(/images/d3/hot_issue/common/bg_w1_h5_dotted.gif) no-repeat 100% 40%; white-space: nowrap; }
#hdMenu .hd-cate li a { font-size: 12px; font-weight: bold; letter-spacing: -1px; }
#hdMenu .hd-search { position: absolute; top: 0; left: 1002px; }
#hdMenu .hd-search .input-keyword { width: 100px; height: 16px; border: 1px solid #ccc; }


/** wib 추가 **/
#preview_wrap{display: none !important;}
#hdwrap, body{min-width:1270px;}

#hdwrap{width:100%; }
#hdwrap:after{ content:""; display:block; }

.main_lay{width:1100px!important; margin: 0 auto; position: relative;}

.top_ban_outwrap{width:100%; height:63px; overflow:hidden; position:relative; z-index:1;}
.top_ban_outwrap .top_ban_wrap{width:1950px; height:63px; position:absolute; left:50%; z-index:3; margin-left: -975px; font-size: 0; letter-spacing: 0;}
.top_ban_outwrap .top_ban_wrap a{display: inline-block;}

.header_wrap{width: 100%;}
.header_wrap .hd_top_wrap{width: 100%; height:36px; line-height:36px; border-bottom: solid 1px #eeeeee;}
.header_wrap .left_menu{float: left; height:36px; overflow:hidden;}
.header_wrap .left_menu a{line-height:2.88; margin-right: 10px; display: inline-block; _display:inline; *display:inline;zoom:1; vertical-align:top;}
.header_wrap .left_menu a:first-child{margin-right: 25px; color: #2f2f2f;}
.header_wrap .left_menu a:first-child img{padding-right: 5px;}
.header_wrap .left_menu a img{vertical-align:middle;}
.header_wrap .right_menu{float: right; height:36px; overflow:hidden;}
.header_wrap .right_menu a{padding:0px 9px; display:inline-block; _display:inline; *display:inline; zoom:1; line-height:3.00; vertical-align:top;letter-spacing: -1px; color: #2f2f2f;}
.header_wrap .right_menu .log{padding-left:18px!important; background:url(/design/mrlok/wib/img/header/login_icon.png) no-repeat 0 50%;}
.header_wrap .right_menu .favor{padding-left:18px!important; background:url(/design/mrlok/wib/img/header/plus_icon.png) no-repeat 0 50%;}
.header_wrap .right_menu .last{padding-right:0px;}

.header_wrap .logo{width:380px; margin:30px auto;}
.header_wrap .logo img{width: 100%;}

/* 전체카테고리 */
.header_wrap .all_cate_wrap{position: relative; float: left; width: 50px; height: 52px; text-align: center; background: #f9f9f9; border-right: solid 1px #e0e0e0; border-left: solid 1px #e0e0e0; z-index: 2;}
.header_wrap .all_cate_wrap .all_btn{display: block; height: 100%; cursor: pointer;}
.header_wrap .all_cate_wrap .all_btn img{padding-top: 16px;}
.header_wrap .all_cate_wrap .all_cate_inner{display: none; padding: 25px 0 25px 11px; text-align: left;width: 1100px;border: solid 1px #e0e0e0;background: #fff;min-height: 600px; position: absolute;left: -1px;box-sizing: border-box; }

.header_wrap .hd_cate .all_cate_wrap .loop_cate1{text-align: left; float: none; display: inline-block; vertical-align: top; position: relative; margin-bottom: 30px;}
.header_wrap .hd_cate .all_cate_wrap .loop_cate1 > a { width: 150px;line-height: 100%; padding: 0px; padding-bottom: 10px; border-bottom: solid 1px #e0e0e0; margin: 0 13px; font-size:13px; color:#575757;letter-spacing: -1px;margin-bottom: 12px; }
.header_wrap .all_cate_wrap .loop_cate1 .sub_cate{ padding: 0 13px;}
.header_wrap .all_cate_wrap .loop_cate1 .sub_cate li{line-height: 23px;}
.header_wrap .all_cate_wrap .loop_cate1 .sub_cate li a{font-size:12px; color:#959595;}

.header_wrap .hd_cate_dmywrap{height: 53px; margin-bottom:15px;}
.header_wrap .hd_cate_wrap{ height: 52px; line-height: 52px; border-top: solid 1px #eeeeee; border-bottom: solid 1px #eeeeee; width: 100%;background: #fff;}
.header_wrap div.scroll_top{ position: fixed; top: 0;left: 0; z-index: 50;}

.header_wrap .hd_cate .loop_cate1{float:left; vertical-align: top; text-align:center; position: relative;}
.header_wrap .hd_cate .loop_cate1 > a { display: block; padding:0px 22px; line-height:53px; font-size:13px; color:#575757;letter-spacing: -1px;}
.header_wrap .hd_cate > ul > li:first-child > a{padding-left:0px!important;}
.header_wrap .hd_cate > ul > li:nth-child(2) > a,
.header_wrap .hd_cate > ul > li:nth-child(6) > a{color: #41b1df;font-weight: bold;}

/*
.header_wrap .hd_cate .loop_cate1 .sub_cate{display:none; width:170px; padding:15px; text-align: left; position:absolute; top:52px; left:50%; margin-left:-85px; z-index: 20; background: #fff; border: solid 1px #ececec; box-sizing:border-box;}
.header_wrap .hd_cate .loop_cate1 .sub_cate li{ display: block; line-height: 30px;}
.header_wrap .hd_cate .loop_cate1 .sub_cate li a{font-size:13px; color:#575757;}
*/

.header_wrap .hd_cate .serch_form{ position: absolute; right: 0; top: -1px;background: #fff;width: 232px; height: 52px;border: solid 1px #41b1df;}
.header_wrap .hd_cate .serch_form .search{ position: relative;}
.header_wrap .hd_cate .serch_form .search .search-form{position:absolute; top:0px; left:0; }
.header_wrap .hd_cate .serch_form .search .search-form input{text-indent: 20px; background: #fff; border: none;height:18px; width: 191px; color:#a8a8a8;}
.header_wrap .hd_cate .serch_form .search .btnSearchTop{position: absolute;right: 6px;top: 18px;}

.body-mypage .item-display .list .space{ width: 80%!important;}
.body-mypage .item-display .thumbnail a > img{ width: 99%!important;  margin-bottom: 20px;}


/* 사이드 메뉴 */
#scroll-right {position: fixed; z-index: 80;  top: 0; right:-196px; background: #fbfbfb; height: 100%; width: 145px; padding: 25px; border-left: solid 1px #e6e6e6; }
#scroll-right a{font-family:'Malgun Gothic','맑은 고딕';}

.side-menu > div{display: block; margin-bottom: 24px;}
.side-menu > a{display: block; margin-bottom: 24px;}
.side-menu .board-btn{font-size: 0px; letter-spacing: 0px; word-spacing: 0px; }
.side-menu .board-btn > a{ padding-top: 6px; width: 47.32px; height: 40px; display: inline-block;_display:inline; *display:inline;zoom:1; font-size: 0px; border: solid 1px #e7e7e7; margin-right: -1px; margin-top: -1px; background: #fff; text-align: center; vertical-align: top;}
.side-menu .board-btn > a:hover{background: #fbfbfb;}
.side-menu .board-btn > a > p{font-size: 11px; color: #676767; }
.side-menu .side-cs-center .tit,.side-bank-info .tit,.side-today .tit{color: #242424; font-size: 13px; padding-bottom: 8px; margin-bottom: 10px; border-bottom: solid 1px #d4d4d4;}
.side-menu .side-cs-center .tel{font-weight: 500; font-size: 26px; color: #000; padding-bottom: 3px;}
.side-menu .side-cs-center .cont{line-height: 19px;}
.side-menu .side-bank-info .cont{line-height: 19px;}
.side-menu .side-today .recent-list div.list{width: 145px; padding: 0; border: 0;}

.side-menu .side-today .recent-list .list > ul{width: 145px; height: 145px; margin-top: -20px;background: #fbfbfb;}
.side-menu .side-today .recent-list div.list ul li > a{width: 145px; height: 150px; background-size: 100% 100%;}
.side-menu .side-today .recent-list div.list ul li div{display: none;}
.side-menu .side-today .side_paging{position: relative; top: -34px; left: 113px; cursor: pointer;}
.side-menu .side-today .side_paging a{display:none;}

.side-menu .recent-list div.list ul li:hover > a {border:: none;}

#side-menu-wrap .right-btn{ width: 16px;height: 74px;position: absolute;top: 50%;right: 195px;margin-top: -8px;  cursor: pointer;}


/* 서브 기본상품 */
.basicprd_box .pro-cont{width:1100px; margin:0 auto; overflow:hidden;}
.basicprd_box .pro-cont .item_outwrap{width:105%;font-size: 0;}
.basicprd_box .pro-cont .item_outwrap .normal_item{display: inline-block; vertical-align: top;font-size: 12px;width:250px; margin-right:33px; margin-bottom:35px; text-align:center;}
.basicprd_box .pro-cont .item_outwrap .normal_item .prod_thumb{ border:1px solid #e8e8e8; margin-bottom:15px;}
.basicprd_box .pro-cont .item_outwrap .normal_item .prod_thumb img{width:100%;}
.basicprd_box .pro-cont .item_outwrap .normal_item .prod_body > div{margin-bottom:7px; color:#8c8c8c;}
.basicprd_box .pro-cont .item_outwrap .normal_item .prod_body > div a{color:#8c8c8c;}
.basicprd_box .pro-cont .item_outwrap .normal_item .prod_body .prod_brand{color:#977d66;}
.basicprd_box .pro-cont .item_outwrap .normal_item .prod_body .prod_name a{color:#4d4d4d;}
.basicprd_box .pro-cont .item_outwrap .normal_item .prod_body .prod_price b{color:#505050;}
/* BASIC css end */