/* 오른쪽 퀵메뉴 */


#quick_wrap						{position:relative;width:1000px;margin:0 auto;}
#quick_right						{position: fixed;
    top: 0;
    left: 100%;
		display:block; 
    width: 100px;
    margin-left: -100px;
    padding-right: 100px;
    height: 100%;
		background-image: linear-gradient(to right, #e2f4ff , #e9f7ff);
    text-align: center;
    transition: all .4s ease; 
		z-index:999998;}

#brand_gnb{vertical-align:top; padding-top:155px; }
 
#brand_gnb ul li{margin-bottom:20px; }


/* 캐릭터 */
#brand_gnb .gnb_1 a{background:url("./img/q_icon1.png")no-repeat center; width:100px; height:100px; display:block;}
#brand_gnb .gnb_1 a:hover {background:url("./img/q_hicon1.png")no-repeat center; width:100px; height:100px; display:block;  }
#brand_gnb .brand1 .onon_show2 {background:url("./img/q_hicon1.png")no-repeat center !important; width:100px !important; height:100px !important; display:block !important;  }

/* 품목별 */
#brand_gnb .gnb_2  a {background:url("./img/q_icon2.png")no-repeat center; width:100px; height:100px; display:block;}
#brand_gnb .gnb_2  a:hover{background:url("./img/q_hicon2.png")no-repeat center; width:100px; height:100px; display:block;  }
#brand_gnb .brand2 .onon_show2 {background:url("./img/q_hicon2.png")no-repeat center !important; width:100px !important; height:100px !important; display:block !important;  }

/* 시설용 */
#brand_gnb .gnb_3 a {background:url("./img/q_icon3.png")no-repeat center; width:100px; height:100px; display:block;}
#brand_gnb .gnb_3 a:hover {background:url("./img/q_hicon3.png")no-repeat center; width:100px; height:100px; display:block;  }
#brand_gnb .brand3 .onon_show2 {background:url("./img/q_hicon3.png")no-repeat center !important; width:100px !important; height:100px !important; display:block !important;  }

/* OEM&ODM */
#brand_gnb .gnb_4 a {background:url("./img/q_icon4.png")no-repeat center; width:100px; height:100px; display:block;}
#brand_gnb .gnb_4  a:hover {background:url("./img/q_hicon4.png")no-repeat center; width:100px; height:100px; display:block;  }
#brand_gnb .brand4 .onon_show2 {background:url("./img/q_hicon4.png")no-repeat center !important; width:100px !important; height:100px !important; display:block !important;  }

/* 최근본상품 */
#brand_gnb .gnb_5 a {background:url("./img/q_icon5.png")no-repeat center; width:100px; height:100px; display:block;}
#brand_gnb .gnb_5  a:hover {background:url("./img/q_hicon5.png")no-repeat center; width:100px; height:100px; display:block;  }
#brand_gnb .gnb_5  .onon_show2 {background:url("./img/q_hicon5.png")no-repeat center !important; width:100px !important; height:100px !important; display:block !important;  }




.brand_pushy{}


/*  캐릭터별 STYLE */

.brand_tab1{right:-30%; width:30%; height:100%; background:#fff; position:fixed; top:0; z-index:99999; box-shadow:0px 0px 60px grey; text-align:center; overflow:scroll; overflow-x: hidden;}


.brand1_top{padding:7%; }
.brand1_top ul{display:flex; flex-flow:wrap; justify-content: space-around;}
.brand1_top p{font-size:15px; color:#333; }

span.brand1_line{display:block; width:500px; height:1px; background:#d7d7d7; margin:0 auto; }

.brand1_mid{padding:7%;}
.brand1_mid ul{display:flex; flex-flow:wrap; justify-content: space-between;}
.brand1_mid ul li{width:120px; height:110px; display:block; }
.brand1_mid ul li img{width:80px; }
.brand1_mid ul li p{word-break:break-all;}



/* 품목별 STYLE */
.brand_tab2{right:-20%; width:15%; height:100%; background:#fff; position:fixed; top:0; z-index:99999; box-shadow:0px 0px 60px grey; text-align:center; overflow-x: hidden;}
.brand_tab3{right:-20%; width:15%; height:100%; background:#fff; position:fixed; top:0; z-index:99999; box-shadow:0px 0px 60px grey; text-align:center; overflow-x: hidden;}
.brand_tab4{right:-20%; width:15%; height:100%; background:#fff; position:fixed; top:0; z-index:99999; box-shadow:0px 0px 60px grey; text-align:center; overflow-x: hidden;}
.brand_tab5{right:-20%; width:10%; height:100%; background:#fff; position:fixed; top:0; z-index:99999; box-shadow:0px 0px 60px grey; text-align:center; overflow-x: hidden;}

.brand2_txt{ padding:14%; height:100%;overflow: overlay;}
.brand2_txt ul li {width:190px;  border:1px solid #e7f0f6; background:#fff; border-radius:30px; padding:13px 5px; word-break:keep-all; margin-bottom:25px; }
.brand2_txt ul li a p{color:#444; font-weight:bold;}
.brand2_txt ul li:hover a p{color:#00a6ff; font-weight:bold;}
.brand2_txt ul li:hover{background:#e5f6ff; border:1px solid #00a6ff; }

.brand2_txt2{ height:100%;}




/**/
.header_t			{width:100%; margin:0 auto; padding:0 8%; height:130px; position:fixed;  left:0; top:0px; z-index:999;  display:flex; justify-content:space-around; align-items:center; width:100%;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;}

.header_logo					{flex:1 1 auto;}
.header_gnb_bg				{flex:8 1 auto;}
.header_btn						{flex:1 0 auto; text-align:right;}


/* 로고 */
.header_logo .w_logo {display: block; position:relative;   max-width:255px; height:auto; background-size:cover;}
.header_logo .c_logo {display: none;  max-width:255px; height:auto; background-size:cover; } 

/* 로그인버튼 */
.header_btn dl dd			{font-size:0.75rem; padding-top:5px;}


.heightBlank					{height:90px;}


/* 언어선택 */
.header_language {display:inline-block; position:relative; cursor:pointer;   padding-right:15px; top:0px; }
.header_language .select {width:100px; float: right; padding: 5px 8px; position:relative; font-size:14px; text-align:left; color:#fff; }
.header_language .select span {display:inline-block; float:right; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #fff; margin: 7% 5px 0 0;}
.header_language .select span.up {width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 8px solid #fff; border-top: 0;}
.header_language ul {width:100px; display:none; position:absolute; z-index:3; background:#fff; font-size:12px; top:35px;  padding:10px 0; border:1px solid #ccc;}
.header_language ul li {line-height:25px; height:25px; border:none; padding-left:10%; text-align:left; }
.header_language ul li a {cursor:pointer; width:100%; height:100%; display:inline-block; color:#212121; font-size:12px;}
.header_language ul li a:hover {text-decoration:underline;}

.f-nav .c_logo {display: block;}
.f-nav .w_logo {display: none;}

.f-nav .header_language .select {color:#212121;}

.f-nav .header_language .select span {display:inline-block; float:right; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 8px solid #222; margin: 7% 5px 0 0;}
.f-nav .header_language .select span.up {width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 8px solid #222; border-top: 0;}

/* 햄벅 */
.mo_nav				{display:block; margin-left:20px;}
.mo_nav *{
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;}
.mo_nav .navbar-toggle {position: relative; padding:10px 10px; background:url("./img/head_icon2.png")no-repeat center; display:block; width:59px; height:60px;  border-radius:3px; border:0; }
.mo_nav .navbar-toggle:focus {outline: 0;}
.mo_nav .navbar-toggle .icon-bar {}

.mo_nav:hover .navbar-toggle .icon-bar								{transform:translateX(5px);}
.mo_nav:hover .navbar-toggle .icon-bar + .icon-bar		{transform:translateX(16px);}
.mo_nav:hover .navbar-toggle .icon-bar + .icon-bar + .icon-bar		{transform:translateX(3px);}

@media(max-width:1480px){
	.brand1_mid ul{ justify-content:center;}
}
@media(max-width:1400px){
	.brand_tab2{ width:20%; }
	.brand_tab3{ width:20%;  }
	.brand_tab4{ width:20%; }
	.brand_tab5{ width:20%; }
}

@media(max-width:1240px){
	.header_t{padding:0 15% 0 5%;}
	.f-nav{padding:0 15% 0 5% !important;}
	


.mo_nav							{display:block; float:right; width:15%; max-width:50px;}
.header_logo				{width:40%; }
.header_gnb_bg			{display:none;}
.header_btn					{display:none;}

.heightBlank					{height:60px;}
}

@media(max-width:1140px){
	.brand_tab2{ width:25%; }
	.brand_tab3{ width:25%;  }
	.brand_tab4{ width:25%; }
	.brand_tab5{ width:25%; }
	.brand1_top ul{ justify-content: center !important;}
}

@media(max-width:1040px){
	
	.header_language{display:none;}

}

@media(max-width:980px){
	#quick_wrap{display:none;}
	.brand_pushy{display:none;}
		.header_t						{padding:0 3%;  height:80px;}
.f-nav{padding:0 3% !important;}
}
@media(max-width:900px){

	

}


@media(max-width:768px){

.mo_nav							{display:block; float:right; width:15%; max-width:50px;}
.header_logo				{width:40%; }
.header_gnb_bg			{display:none;}
.header_btn					{display:none;}

.heightBlank					{height:60px;}

}

@media(max-width:500px){
	.header_logo .w_logo{max-width:150px;}
	.header_logo .c_logo{max-width:150px;}

}



/**/
.f-nav{padding:0 8%;  height:80px; background:#fff; border-bottom:1px solid #dfdfdf;}
/*.f-nav .header_btn			{transform:translateY(-99px); overflow:hidden; width:0; font-size:0;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;}*/