.cusscrbar::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
	background-color: #fff;
}

.cusscrbar::-webkit-scrollbar
{
	width: 5px;
	background-color: #F5F5F5;
}

.cusscrbar::-webkit-scrollbar-thumb
{
	background-color: #777;
	border: 2px solid #999;
}




/* 주요서비스 */
.servicein {  }
.servicein li { display:block; vertical-align:top; width:50%; float:left;  height:40px; line-height:40px; text-indent:15px; font-weight:500; }
.servicein li a { display:block; font-size:15px; }
.servicein li:hover > a { background-color:#f8f8f8; }



/* 중역용 브랜드 */
.brandin { position:relative; width:100%; height:55px; overflow:hidden; display:block; }
.brandin li { position:relative; display:block; vertical-align:top; width:90%; float:left;  height:auto; margin:1% 5%; }
.brandin li a { display:block; }
.brandin li:hover > a { }
.brandin li img { width:100%; }

.btntog1 {  position:absolute; width:55px; height:55px; top:0; right:0; background:#fff; z-index:30; display:block; }
.btntog1 p { position:absolute; width:55px; height:55px; line-height:55px; top:0; right:0; text-align:center; cursor:pointer; }
.btntog1 p .fa {  width:55px; height:55px; font-size:25px; color:#111; }
.btntog1 p.btntog1_down { display:block; }
.btntog1 p.btntog1_up { display:none;  }



/* 사무용 브랜드 */
.brand2in { position:relative; width:100%; height:55px; overflow:hidden; display:block; }
.brand2in ul {  position:relative; width:90%; margin:0 auto;  }
.brand2in li { position:relative; display:block; vertical-align:top; width:50%; float:left;  height:auto; margin:1% 0%; }
.brand2in li a { display:block; }
.brand2in li:hover > a {  }
.brand2in li img { width:100%; }

.btntog2 {  position:absolute; width:55px; height:55px; top:0; right:0; background:#fff; z-index:30; display:block; }
.btntog2 p { position:absolute; width:55px; height:55px; line-height:55px; top:0; right:0; text-align:center; cursor:pointer; }
.btntog2 p .fa {  width:55px; height:55px; font-size:25px; color:#111; }
.btntog2 p.btntog2_down { display:block; }
.btntog2 p.btntog2_up { display:none;  }




/* 의자 브랜드 */
.brand3in { position:relative; width:100%; height:55px; overflow:hidden; display:block; }
.brand3in ul {  position:relative; width:90%; margin:0 auto;  }
.brand3in li { position:relative; display:block; vertical-align:top; width:33.33%; float:left;  height:auto; margin:1% 0%; }
.brand3in li a { display:block; }
.brand3in li:hover > a {  }
.brand3in li img { width:100%; }
.brand3in li p { position:absolute; bottom:0; width:100%; text-align:center; }



.btntog3 {  position:absolute; width:55px; height:55px; top:0; right:0; background:#fff; z-index:30; display:block; }
.btntog3 p { position:absolute; width:55px; height:55px; line-height:55px; top:0; right:0; text-align:center; cursor:pointer; }
.btntog3 p .fa {  width:55px; height:55px; font-size:25px; color:#111; }
.btntog3 p.btntog3_down { display:block; }
.btntog3 p.btntog3_up { display:none;  }











/* 서브 사이드 메뉴 */
#catepop_warp {
	position: fixed;
    width: 300px;
	height: 100%;
    background:#fff;
    top: 0px;
    left:-310px;
    z-index:1100;
    -webkit-box-shadow: 2px 3px 8px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 2px 3px 8px 0px rgba(0,0,0,.1);
	box-shadow: 2px 3px 8px 0px rgba(0,0,0,.1);
   

}



/* 하단 배너 영역 */
.catebotbanner { width:100%; height:95px; background:#777; display:block; }

 



/* 영역 구분선 */
#catepop_warp .secline { width:100%; height:8px; background:#f6f6f6; display:block; clear:both; }

/* 로그인 버튼 */
#catepop_warp .loginbtn { width:100%; height:70px; line-height:70px;   }
#catepop_warp .loginbtn a { font-size:22px; font-weight:800; }
#catepop_warp .loginbtn .fa { font-size:22px; margin-left:20px; margin-right:5px; }

#catepop_warp .sub_menu_box {min-height:250px; }
#catepop_warp  h2 { width:100%; height:55px; line-height:55px;  text-indent:20px; }

 
#catepop_warp .sub_menu_box .sub_menu{margin:0 0 0 0;  }
#catepop_warp .sub_menu_box .sub_menu li{  }
#catepop_warp .sub_menu_box .sub_menu a{ display:block; font-size:15px;}
#catepop_warp .sub_menu_box .sub_menu a:hover,
#catepop_warp .sub_menu_box .sub_menu .active{font-weight:bold; background:#f8f8f8; color:#111;}



/* 서브메뉴 최상위(0뎁스) */
#catepop_warp .sub_menu_box .sub_depth0{padding:0; font-size:0; vertical-align:top; border:none;   }
#catepop_warp .sub_menu_box .sub_depth0 > li{  display:block; vertical-align:top; height:40px; line-height:40px; text-indent:30px; font-weight:500; }
#catepop_warp .sub_menu_box .sub_depth0 > li > a{ display:block; font-size:15px;    }
#catepop_warp .sub_menu_box .sub_depth0 > li > a.active{
	background:url('../../img/common/btn/btn_gnb_list_over.png') no-repeat right center;
	background-color:#f8f8f8;}


#catepop_warp .catepop_in { width:100%;  overflow-y:auto;}
#catepop_warp .catepop_in.activebar::-webkit-scrollbar { } 

#catepop_warp .sub_depth1sc { width:100%; height:100%; overflow-y:auto; }
#catepop_warp .sub_depth2sc { width:100%; height:100%; overflow-y:auto; }

/* 서브메뉴 1뎁스 - 중분류 */
#catepop_warp .sub_menu_box .sub_depth1 a{  }
#catepop_warp .sub_menu_box .sub_depth1 > li{}
#catepop_warp .sub_menu_box .sub_depth1 > li > a{ display:block; font-size:14px;}
#catepop_warp .sub_menu_box .sub_depth1 > li > a:hover{background:#f8f8f8;  color:#111;}
#catepop_warp .sub_menu_box .sub_depth1 > li > a.active{background:#f8f8f8;  color:#111;}


/* 서브메뉴 2,3,4 뎁스 CSS */
#catepop_warp .sub_menu_box .sub_depth1 li{   }
#catepop_warp .sub_menu_box .sub_depth1 li a{display:block; font-size:14px;}
#catepop_warp .sub_menu_box .sub_depth1 li a:hover{background:#f8f8f8;  color:#111;}
#catepop_warp .sub_menu_box .sub_depth1 li a.active{background:#f8f8f8;  color:#111;}

#catepop_warp .sub_menu_box .sub_depth2 li a { width:200px; }



/* 서브 레이어 타입 */
#catepop_warp .sub_menu_box.layer_type a:hover,
#catepop_warp .sub_menu_box.layer_type a.active{color:#ffffff;}
#catepop_warp .sub_menu_box.layer_type .sub_menu0 > li > a{  }
#catepop_warp .sub_menu_box.layer_type .sub_menu0 > li > a:hover,
#catepop_warp .sub_menu_box.layer_type .sub_menu0 > li > a.active{color:#111;}
#catepop_warp .sub_menu_box.layer_type .sub_menu0 > li > a img{max-width:100%;}

#catepop_warp .sub_menu_box.layer_type .sub_depth1{display:none; position:absolute; top:0px; left:300px; min-width:160px; height:100%; background:#ffffff; width:200px; border-left:1px solid #ddd; }
#catepop_warp .sub_menu_box.layer_type .sub_depth2{display:none; position:absolute; top:0px; left:200px; min-width:160px; height:100%; background:#ffffff; width:450px; border-left:1px solid #ddd; }
#catepop_warp .sub_menu_box.layer_type .sub_depth3{display:none; position:absolute; top:0px; left:200px; min-width:160px; height:100%; background:#ffffff; width:250px; border-left:0px solid #ddd; }
 








#catepop_warp .sub_menu_box.layer_type .sub_depth0 > li  .sub_depth1 li  .sub_depth2 li:before {

    content: "";
    display: block;
	position:absolute;
    height: 300px !important;
    width: 250px !important;    
	left:200px;
	top:0;


}   



/* 3차분류 배경이미지 지정 */
/* 대분류 3 */
#catepop_warp .sub_menu_box.layer_type .sub_depth0 > li:nth-child(3)   .sub_depth1 li:nth-child(1)   .sub_depth2 li:nth-child(1):hover:before   { background:#fff url(../images/catepop/1.jpg.html) no-repeat; } 
#catepop_warp .sub_menu_box.layer_type .sub_depth0 > li:nth-child(3)   .sub_depth1 li:nth-child(1)   .sub_depth2 li:nth-child(2):hover:before   { background:#fff url(../images/catepop/2.jpg.html) no-repeat; }
#catepop_warp .sub_menu_box.layer_type .sub_depth0 > li:nth-child(3)   .sub_depth1 li:nth-child(1)   .sub_depth2 li:nth-child(3):hover:before   { background:#fff url(../images/catepop/3.jpg.html) no-repeat; }
#catepop_warp .sub_menu_box.layer_type .sub_depth0 > li:nth-child(3)   .sub_depth1 li:nth-child(1)   .sub_depth2 li:nth-child(4):hover:before   { background:#fff url(../images/catepop/4.jpg.html) no-repeat; }
#catepop_warp .sub_menu_box.layer_type .sub_depth0 > li:nth-child(3)   .sub_depth1 li:nth-child(1)   .sub_depth2 li:nth-child(5):hover:before   { background:#fff url(../images/catepop/5.jpg.html) no-repeat; }



/* 대분류 4 */
#catepop_warp .sub_menu_box.layer_type .sub_depth0 > li:nth-child(4)   .sub_depth1 li:nth-child(1)   .sub_depth2 li:nth-child(1):hover:before   { background:#fff url(../images/catepop/parti1.jpg) no-repeat; } 
#catepop_warp .sub_menu_box.layer_type .sub_depth0 > li:nth-child(4)   .sub_depth1 li:nth-child(1)   .sub_depth2 li:nth-child(2):hover:before   { background:#fff url(../images/catepop/parti2.jpg) no-repeat; }
#catepop_warp .sub_menu_box.layer_type .sub_depth0 > li:nth-child(4)   .sub_depth1 li:nth-child(1)   .sub_depth2 li:nth-child(3):hover:before   { background:#fff url(../images/catepop/parti3.jpg) no-repeat; }
#catepop_warp .sub_menu_box.layer_type .sub_depth0 > li:nth-child(4)   .sub_depth1 li:nth-child(1)   .sub_depth2 li:nth-child(4):hover:before   { background:#fff url(../images/catepop/parti4.jpg) no-repeat; }
#catepop_warp .sub_menu_box.layer_type .sub_depth0 > li:nth-child(4)   .sub_depth1 li:nth-child(1)   .sub_depth2 li:nth-child(5):hover:before   { background:#fff url(../images/catepop/parti5.jpg) no-repeat; }

#catepop_warp .sub_menu_box.layer_type .sub_depth0 > li:nth-child(4)   .sub_depth1 li:nth-child(2)   .sub_depth2 li:nth-child(1):hover:before   { background:#fff url(../images/catepop/parti2-1.jpg) no-repeat; }
#catepop_warp .sub_menu_box.layer_type .sub_depth0 > li:nth-child(4)   .sub_depth1 li:nth-child(2)   .sub_depth2 li:nth-child(3):hover:before   { background:#fff url(../images/catepop/parti2-3.jpg) no-repeat; }
#catepop_warp .sub_menu_box.layer_type .sub_depth0 > li:nth-child(4)   .sub_depth1 li:nth-child(2)   .sub_depth2 li:nth-child(4):hover:before   { background:#fff url(../images/catepop/parti2-4.jpg) no-repeat; }

#catepop_warp .sub_menu_box.layer_type .sub_depth0 > li:nth-child(4)   .sub_depth1 li:nth-child(3)   .sub_depth2 li:nth-child(1):hover:before   { background:#fff url(../images/catepop/parti3-1.jpg) no-repeat; }
#catepop_warp .sub_menu_box.layer_type .sub_depth0 > li:nth-child(4)   .sub_depth1 li:nth-child(3)   .sub_depth2 li:nth-child(2):hover:before   { background:#fff url(../images/catepop/parti3-2.jpg) no-repeat; }
#catepop_warp .sub_menu_box.layer_type .sub_depth0 > li:nth-child(4)   .sub_depth1 li:nth-child(3)   .sub_depth2 li:nth-child(3):hover:before   { background:#fff url(../images/catepop/parti3-3.jpg) no-repeat; }
#catepop_warp #catepop_warp .sub_menu_box.layer_type .sub_depth0 > li:nth-child(4)   .sub_depth1 li:nth-child(3)   .sub_depth2 li:nth-child(4):hover:before   { background:#fff url(../images/catepop/parti3-4.jpg) no-repeat; }
#catepop_warp .sub_menu_box.layer_type .sub_depth0 > li:nth-child(4)   .sub_depth1 li:nth-child(3)   .sub_depth2 li:nth-child(5):hover:before   { background:#fff url(../images/catepop/parti3-5.jpg) no-repeat; }

#catepop_warp .sub_menu_box.layer_type .sub_depth0 > li:nth-child(4)   .sub_depth1 li:nth-child(4)   .sub_depth2 li:nth-child(1):hover:before   { background:#fff url(../images/catepop/parti3-1.jpg) no-repeat; }
#catepop_warp .sub_menu_box.layer_type .sub_depth0 > li:nth-child(4)   .sub_depth1 li:nth-child(4)   .sub_depth2 li:nth-child(2):hover:before   { background:#fff url(../images/catepop/parti4-2.jpg) no-repeat; }
#catepop_warp .sub_menu_box.layer_type .sub_depth0 > li:nth-child(4)   .sub_depth1 li:nth-child(4)   .sub_depth2 li:nth-child(3):hover:before   { background:#fff url(../images/catepop/parti3-3.jpg) no-repeat; }
#catepop_warp .sub_menu_box.layer_type .sub_depth0 > li:nth-child(4)   .sub_depth1 li:nth-child(4)   .sub_depth2 li:nth-child(4):hover:before   { background:#fff url(../images/catepop/parti4-4.jpg) no-repeat; }
#catepop_warp .sub_menu_box.layer_type .sub_depth0 > li:nth-child(4)   .sub_depth1 li:nth-child(4)   .sub_depth2 li:nth-child(5):hover:before   { background:#fff url(../images/catepop/parti3-4.jpg) no-repeat; }

#catepop_warp .sub_menu_box.layer_type .sub_depth0 > li:nth-child(4)   .sub_depth1 li:nth-child(5)   .sub_depth2 li:nth-child(1):hover:before   { background:#fff url(../images/catepop/parti5-1.jpg) no-repeat; }
#catepop_warp .sub_menu_box.layer_type .sub_depth0 > li:nth-child(4)   .sub_depth1 li:nth-child(5)   .sub_depth2 li:nth-child(2):hover:before   { background:#fff url(../images/catepop/parti5-2.jpg) no-repeat; }
#catepop_warp .sub_menu_box.layer_type .sub_depth0 > li:nth-child(4)   .sub_depth1 li:nth-child(5)   .sub_depth2 li:nth-child(3):hover:before   { background:#fff url(../images/catepop/parti3-4.jpg) no-repeat; }


#catepop_warp .sub_menu_box.layer_type .sub_depth0 > li:nth-child(4)   .sub_depth1 li:nth-child(9)   .sub_depth2 li:nth-child(1):hover:before   { background:#fff url(../images/catepop/parti9-1.jpg) no-repeat; }
#catepop_warp .sub_menu_box.layer_type .sub_depth0 > li:nth-child(4)   .sub_depth1 li:nth-child(9)   .sub_depth2 li:nth-child(2):hover:before   { background:#fff url(../images/catepop/parti9-2.jpg) no-repeat; }
#catepop_warp .sub_menu_box.layer_type .sub_depth0 > li:nth-child(4)   .sub_depth1 li:nth-child(9)   .sub_depth2 li:nth-child(3):hover:before   { background:#fff url(../images/catepop/parti9-3.jpg) no-repeat; }



#catepop_warp .sub_menu_box.layer_type .sub_depth0 > li:nth-child(4)   .sub_depth1 li:nth-child(13)   .sub_depth2 li:nth-child(1):hover:before   { background:#fff url(../images/catepop/parti13-1.jpg) no-repeat; }
#catepop_warp .sub_menu_box.layer_type .sub_depth0 > li:nth-child(4)   .sub_depth1 li:nth-child(13)   .sub_depth2 li:nth-child(2):hover:before   { background:#fff url(../images/catepop/parti13-2.jpg) no-repeat; }
#catepop_warp .sub_menu_box.layer_type .sub_depth0 > li:nth-child(4)   .sub_depth1 li:nth-child(13)   .sub_depth2 li:nth-child(3):hover:before   { background:#fff url(../images/catepop/parti13-3.jpg) no-repeat; }


















 












.reveal-modal-bg {
	position: fixed;
	height: 100%;
	width: 100%;
	background:url(../images/bg/bg_modal2.png) repeat;
	z-index: 1001;
	top: 0;
	left: 0;
	display:none;
 
}
 


/* 닫기 버튼 */
.catepop_close {
	position:absolute;
    top:0px;
	right:0px;
    text-align:center;
	cursor:pointer; 
}
 
.catepop_close .fa { 
    position:relative; 
    width:70px;
    height:70px;
    line-height:70px; 
    font-size:23px;
    color:#111; 
}


 
/* 열기 버튼 
.catepop_open {
	position:absolute;
    width:50px;
    height:50px;
    top:-16px;
	right:-67px;
    text-align:center;
	cursor:pointer; 
    background:#fff;
    border:1px solid #ccc;
 
    z-index:101;
 
}

 
.catepop_open .fa { 
    position:relative; 
    width:50px;
    height:50px;
    border-radius: 0;
    font-size:23px !important;
    color:#111; 
    line-height:50px; 
    z-index:22;
}
*/