@charset "utf-8";
/* CSS Document */



/* ------------- 상단 GNB 영역 ------------- */
/* 상단  메뉴 */

#header .gnb #top_menu {position:relative;  margin:0 auto; float:right; margin:-3px auto 0;}
#cate {display:inline-block;position:relative; text-align:center; margin-right:0px;} /* 우측간격  */
#cate .menu {z-index:; position:relative; display:inline-block; vertical-align:middle; box-shadow:0px 0px 0px rgba(0, 0, 0, 0.08);}
#cate .menu .m_menu {display:inline-block; vertical-align:middle; margin:0 170px 0 0; height:px;}
#cate .menu .m_main li {position:relative; float:left; display:inline;}
#cate .menu .m_main li:first-child {background:none;}
#cate .menu .m_main a {color:#fff; padding:0 60px 0 0; font-weight:bold; font-size:14px; line-height:46px; text-decoration:none;} /* 카테고리 간격 */
#cate .menu .m_main a:hover {color:#ff8938;}
#cate .menu .m_main li.selected a{color:#ff8938;}
#cate .menu .m_main .qna { position:absolute; right:0; margin:1px auto 0;}
#cate .menu .m_main .qna a {color:#fff; padding:14px 20px; margin-left:35px /* 상품문의  */; font-weight:bold; font-size:14px; background:#7b7b7b; line-height:46px; text-decoration:none;}
#cate .menu .m_main .qna a:hover {color:#ff8938;}
/* 상단  메뉴 끝 */


/* gnb */
#header .header_gnb{background:;/* 상단 카테고리 배경칼라   #2e2e2e */}

/* gnb */
#header .gnb{position:relative;/* font-size:0;*/min-width:1177px/* 1177px 카테고리 영역 너비 */; text-align:left/* 전체 카테고리 정렬 */;}
#header .gnb .gnb_all{float:left; width:186px; height:46px; line-height:46px; background:rgba(43,56,143,1)/* 번체버튼 배경색 */; cursor:pointer; }
#header .gnb .gnb_all span{font-size:14px; font-weight:600; color:#fff/* 글자색 */;}
#header .gnb .gnb_all strong{display:none;}

/* 전체 메뉴 */
#header .gnb_allmenu_wrap{display:inline-block;}
#header .gnb_allmenu{position:absolute; top:46px; left:0; width:1174px/* 전체 카테고리 테두리 */; font-size:12px; z-index:100; background:#fff; border:1px solid #bbb;}
#header .gnb_allmenu_box{min-height:220px; max-height:600px; overflow-y:auto; margin:0px 20px;}/* 전체카테고리 영역 */
#header .gnb_allmenu_box .gnb_scroll_box{overflow-y:scroll; height:395px;}


/* 전체 메뉴 */


.btn_all_menu_open{position:absolute; top:0px; left:0px; letter-spacing:0px; text-indent:0px; letter-spacing:0px; }
.btn_all_menu_open img { margin-top:1px;/* 전체카테고리 버튼 */}
.btn_all_menu_close{position:absolute; top:-46px; left:0px; width:41px/* 전체 카테고리 버튼 */; height:46px; background:rgba(43,56,143,1) url('../../dicp/img/btn_all_on.png') no-repeat 0 0; cursor:pointer; text-indent:-9999px; font-size:0;}    /*   transparent */ 

/* 전체 메뉴 버튼 */


.btn_all_menu_close2{position:absolute; top:0; right:0px; width:46px; height:46px; background:transparent url('../../dicp/img/btn_allmenu_close.png') no-repeat 0 0; cursor:pointer; text-indent:-9999px; font-size:0;}




/* 전체 메뉴 내용 */
.gnb_allmenu_box ul{font-size:0; width:100%}
.gnb_allmenu_box ul li{display:inline-block;position:relative; padding:30px 5px;box-sizing:border-box; text-align:center; line-height:1; vertical-align:top; }
.gnb_allmenu_box ul li a{display:block; padding:0px 10px 10px 10px; font-size:13px;font-weight:bold; text-align:left; word-break:break-all;color:#222;letter-spacing:0px;}
.gnb_allmenu_box ul li a:hover{color:#888;}
.gnb_allmenu_box ul li a > img{max-width:180px;}

.gnb_allmenu_box .all_menu_cont{padding:0 20px 0 20px;}
.gnb_allmenu_box .all_menu_cont > a{border-bottom:1px solid #c7c7c7;}
.gnb_allmenu_box .all_depth1,
.gnb_allmenu_box .all_depth2,
.gnb_allmenu_box .all_depth3,
.gnb_allmenu_box .all_depth4{margin:0;}
.gnb_allmenu_box .all_depth1 a,
.gnb_allmenu_box .all_depth2 a,
.gnb_allmenu_box .all_depth3 a,
.gnb_allmenu_box .all_depth4 a{font-weight:normal;letter-spacing:0px;}
.gnb_allmenu_box .all_depth1 li,
.gnb_allmenu_box .all_depth2 li,
.gnb_allmenu_box .all_depth3 li,
.gnb_allmenu_box .all_depth4 li{display:block; margin:0; padding:0;}
.gnb_allmenu_box .all_depth1{padding-top:7px;}
.gnb_allmenu_box .all_depth1 li a{color:#555; font-size:11px; text-align:left;padding:5px 8px 5px 8px;line-height:17px;}
.gnb_allmenu_box .all_depth1 li a:hover{text-decoration:none;background:#e4e4e4;color:#333;/*마우스오버시 하위메뉴 효과*/}
.gnb_allmenu_box .all_depth2{}
.gnb_allmenu_box .all_depth2 li a{font-size:11px;}
.gnb_allmenu_box .all_depth3{}
.gnb_allmenu_box .all_depth3 li{padding-left:10px;}
.gnb_allmenu_box .all_depth3 li a{color:#888888; font-size:11px;}
.gnb_allmenu_box .all_depth4{}
.gnb_allmenu_box .all_depth4 li{padding-left:10px;}
.gnb_allmenu_box .all_depth4 li a{color:#888888; font-size:11px;}

.gnb_allmenu_box .all_depth2,.gnb_allmenu_box .all_depth3{display:none;position: absolute;left: 95%;background: #fff;z-index: 100;border: 1px solid #c7c7c7;top: 0;padding:5px;}
.gnb_allmenu_box .all_depth3,.gnb_allmenu_box .all_depth4{display:none;position: absolute;left: 95%;background: #fff;z-index: 100;border: 1px solid #c7c7c7;top: 0;padding:5px;}
.gnb_allmenu_box .all_depth1 > li:hover .all_depth2{display:block;}


/* ------------- 메인 좌측카테고리  ------------- */
		#main_gnb{ position:absolute; z-index:20; left:50%; width:186px; margin:0 0 0 -588px;}
		#main_gnb:after{display:block; clear:both; content:"";}
		#main_gnb .sideBar { min-height:474px; background:#FFFFFF;}

/* 메인 카테고리 트리형 타입 */
.sub_menu_box.tree_type ul > li > ul {padding:10px 0 10px 0; border:1px solid #cacaca/* 좌측 트리형 */;}


/* 1뎁스 */
    .sub_menu_box.tree_type .sub_menu0 { position: absolute; z-index:20; width:186px; height:px/*기본높이*/; background:#ffffff/* 좌측메뉴 배경색 */; overflow:hidden; transition-delay:.1s; -webkit-transition-delay:.1s; }
    .sub_menu_box.tree_type .sub_menu0:hover { height:px/* 마우스 오버시 높이 */; overflow:visible; transition-delay:0s; -webkit-transition-delay:0s; } /* 마우스 오버시 대분류 추가높이 */
    .sub_menu_box.tree_type .sub_menu0 .more { position:absolute; z-index:20; left:0; bottom:0; width:100%; height:30px; background:#f67a00/* 더보기 화살표 배경색 */; text-align:center; }
    .sub_menu_box.tree_type .sub_menu0 .more i { line-height:30px; color:#fff; font-size:18px; }


.sub_menu_box.tree_type a:hover,
.sub_menu_box.tree_type a.active{color:#333/* 2,3,4 뎁스 마우스오버 칼라 */;}
.sub_menu_box.tree_type .sub_menu0 > li > a{padding:0px 10px 0px 20px; height:46px; line-height:46px/* 1뎁스 간격 트리형 */;}
.sub_menu_box.tree_type .sub_menu0 > li:last-child a{padding:0px 10px 0px 20px; height:50px; line-height:50px/* 1뎁스 첫번째 카테고리 */;}
.sub_menu_box.tree_type .sub_menu0 > li > a:hover,
.sub_menu_box.tree_type .sub_menu0 > li > a.active{color:#fff/* 1뎁스 마우스오버시 칼라 */;}
.sub_menu_box.tree_type .sub_menu0 > li > a img{max-width:100%;}
.sub_menu_box.tree_type .sub_depth1{display:none; position:absolute; top:0px; left:185px; min-width:160px; background:#ffffff; z-index:100;}
.sub_menu_box.tree_type .sub_depth2{display:none; position:absolute; top:-10px; left:160px; min-width:160px; background:#ffffff;}
.sub_menu_box.tree_type .sub_depth3{display:none; position:absolute; top:-5px; left:160px; min-width:160px; background:#ffffff;}
.sub_menu_box.tree_type .sub_depth4{display:none; position:absolute; top:-0px; left:160px; min-width:160px; background:#ffffff;}


/* ------------- 서브 사이드 영역 좌측 카테고리  좌측메뉴   ------------- */

.sub_content .side_cont{float:left; width:186px;}

/* 서브 페이지 사이드 추가내용  */

#sidebar { float:left; width: 186px; background: #fff; }
#sidebar .banner { padding:0 0 20px; border-bottom:1px solid #e8e8e8; }
#sidebar .banner p a { display:block; }

/* 서브 사이드 메뉴 */
.side_cont .sub_menu_box{min-height:250px; padding:0 0 0px 0; background:#FFFFFF;}
.side_cont .sub_menu_box h2{padding:0 0 14px 10px; border-bottom:1px solid #ececec;}
.side_cont .sub_menu_box .sub_menu{margin:7px 0 0 0;}
.side_cont .sub_menu_box .sub_menu li{padding:1px 0 0 0;}
.side_cont .sub_menu_box .sub_menu a{display:block; padding:7px 0 6px 10px; font-size:14px;}
.side_cont .sub_menu_box .sub_menu a:hover,
.side_cont .sub_menu_box .sub_menu .active{font-weight:bold; background:#f8f8f8; color:#fff;}
.side_cont .sub_menu_box .sub_menu .sub_depth1{margin:0 0 15px 0;}
.side_cont .sub_menu_box .sub_menu .sub_depth1 li{}
.side_cont .sub_menu_box .sub_menu .sub_depth1 a{padding:0 0 0 10px; font-size:12px;}
/*.sub_menu_box{display:block; padding:10px 0 45px 0; vertical-align:top;}*/
/* 좌측 카테고리메뉴 보더 */
.sub_menu_box.layer_type ul > li > ul {padding:10px 0 10px 0; border:1px solid #cacaca/* 좌측 레이어형 */;}
/* 좌측메뉴 최상위(0뎁스) */
.sub_menu_box .sub_depth0{padding:0; font-size:0; vertical-align:top; border:none;}
.sub_menu_box .sub_depth0 > li{position:relative; display:block; width: 184px; vertical-align:top; border-bottom:1px solid #ededed/* 1뎁스 언더라인*/;border-left:1px solid #e7e7e7; border-right:1px solid #e7e7e7; }
.sub_menu_box .sub_depth0 > li > a{display:block; padding:0 10px 10px 20px; font-size:14px; font-weight:bold; text-align:left; letter-spacing:-0.4px;}
.sub_menu_box .sub_depth0 > li > a.active{
	background:url('../../dicp/img/btn_gnb_list_over.png') no-repeat right center; /* 1뎁스 마우스오버시 화살표*/
	background-color:#626262;}
/* 서브메뉴 1뎁스 */
.sub_menu_box .sub_depth1 > li{}
.sub_menu_box .sub_depth1 > li > a{display:block; padding:5px 10px 7px 19px; font-size:12px;}
.sub_menu_box .sub_depth1 > li > a:hover{background:#f4f4f4;/* 2,3,4 뎁스 마우스오버 배경 */}
.sub_menu_box .sub_depth1 > li > a.active{background:#f4f4f4/* 2,3,4 뎁스 마우스오버 배경 */;}
/* 서브메뉴 2,3,4 뎁스 CSS */
.sub_menu_box .sub_depth1 li{position:relative;}
.sub_menu_box .sub_depth1 li a{display:block; padding:5px 10px 7px 19px; font-size:12px;}
.sub_menu_box .sub_depth1 li a:hover{background:#f4f4f4/* 2,3,4 뎁스 마우스오버 배경 */;}
.sub_menu_box .sub_depth1 li a.active{background:#f4f4f4/* 2,3,4 뎁스 마우스오버 배경 */;}
/* 서브 레이어 타입 */
.sub_menu_box.layer_type a:hover,
.sub_menu_box.layer_type a.active{color:#333/* 2,3,4 뎁스 마우스오버 칼라 */;}
.sub_menu_box.layer_type .sub_menu0 > li > a{padding:0px 10px 0px 20px; height:46px; line-height:46px/* 1뎁스 간격 레이어 */;}
.sub_menu_box.layer_type .sub_menu0 > li > a:hover,
.sub_menu_box.layer_type .sub_menu0 > li > a.active{color:#fff/* 1뎁스 마우스오버시 칼라 */;}
.sub_menu_box.layer_type .sub_menu0 > li > a img{max-width:100%;}
.sub_menu_box.layer_type .sub_depth1{display:none; position:absolute; top:0px; left:186px; min-width:160px; background:#ffffff; z-index:100;}
.sub_menu_box.layer_type .sub_depth2{display:none; position:absolute; top:-11px; left:160px; min-width:160px; background:#ffffff;}
.sub_menu_box.layer_type .sub_depth3{display:none; position:absolute; top:-11px; left:160px; min-width:160px; background:#ffffff;}
.sub_menu_box.layer_type .sub_depth4{display:none; position:absolute; top:-11px; left:160px; min-width:160px; background:#ffffff;}





/*
.sub_menu_box.tree_type ul{border:none 0;}
.sub_menu_box.tree_type ul li a:hover{background:none 0; color:#333333; font-weight:bold;}
.sub_menu_box.tree_type .sub_depth1{display:block; position:static; padding:0 0 0 15px;}
.sub_menu_box.tree_type .sub_depth2{display:block; position:static; padding:0 0 0 10px;}
.sub_menu_box.tree_type .sub_depth3{display:block; position:static; padding:0 0 0 10px;}
.sub_menu_box.tree_type .sub_depth4{display:block; position:static; padding:0 0 0 10px;}
.side_cont .sub_menu_box.tree_type .sub_menu a{display:block; padding:0; font-size:14px;}
.side_cont .sub_menu_box.tree_type .sub_menu a:hover,
.side_cont .sub_menu_box.tree_type .sub_menu .active{font-weight:normal; background:none 0;}
*/

/*   ================================================================== */

    /* 좌측배너 */
    .gnb_bn { position:relative; z-index:1; width:186px; background:#000; }
    .gnb_bn:after { content:""; display:block; *zoom:1; clear:both; }
    .gnb_bn li { float:left; filter:alpha(opacity=100); opacity1.0; -webkit-opacity:1.0; transition:all .3s ease; -webkit-transition:all .3s ease; }
    .gnb_bn li:hover { filter:alpha(opacity=90); opacity:.9; -webkit-opacity:.9; }