/*우측 메뉴활성화 시킬때 상단 주메뉴 슬라이드 처리*/
#header_menu_wrap.slided{display:block;float:right;right:300px;  transition:right 0.4s;position:relative;}

/*우측메뉴활성화*/
.btn_right{position:relative;display:block;border:0px solid #fff; top:35px;}
.btn_right .add_btn_wrap{ position:relative; display:block; width:21px; height:30px;cursor:pointer;border:0px solid #fff;}
.btn_right .add_btn{ position:relative; }



/**************gnb.css**************/
#right_gnb{ position:fixed; top:0; bottom:0; right:-300px; width:300px; z-index:1000000000000000000; transition:right 0.4s; box-shadow:inset 10px 0 10px -10px rgba(0, 0, 0, 0.6); }
#right_gnb.slided{ right:0; transition:right 0.4s;}



#right_gnb .btn_close{
	position:absolute;
	top:8px;
	right:8px;
	color:#fff;
	font-size:20px;
	line-height:20px;
	cursor:pointer;
	z-index:1000000000;
}



.gnb_box{ position:relative; overflow:hidden; width:100% !important; height:100% !important; }
.gnb_con_wrap{ position:absolute; overflow:hidden; padding:0; margin:0; top:0; bottom:0; left:0; right:0; width:auto !important; height:auto !important; z-index:1; overflow-y:scroll; }
#right_gnb .gnb_con_wrap::-webkit-scrollbar, #gnb .gnb_con_wrap::-webkit-scrollbar, #gnb .gnb_con_wrap::-webkit-scrollbar-corner, #gnb .gnb_con_wrap::-webkit-scrollbar-corner{  display:none!important; width:0px!important; height:0px!important; visibility:hidden!important; background:transparent!important }
.gnb_con{ position:relative; width:100%; min-height:100%; visibility:visible; flex-direction:column; justify-content:space-between; }

.gnb_scb_wrap{ position:absolute; top:0; bottom:0; right:0; }
.gnb_scb{ width:2px; border-radius:5px; position:absolute; right:2px; top:0; transform:translate(0, 0); opacity:0; transition:opacity 0.3s; }
.gnb_scb.scroll{ opacity:1; transition:opacity 0.3s; }


/**************member_menu.css**************/
.gnb_member{ padding:30px; }
.gnb_member_profile{ max-width:270px; max-height:150px; width:auto; height:auto; margin:0 auto; overflow:hidden;}
.gnb_member_profile{ width:100%; height:auto; display:block; }
.gnb_member_profile img{max-width:100%;}

.gnb_member_login{ margin-top:20px; }
.member_input_wrap{ margin-bottom:10px; }
.member_input_wrap input{ border:none; width:100%; box-sizing:border-box; font-size:13px; padding:5px 10px; border-radius:5px; margin-bottom:5px; }
.log_add_wrap{ justify-content:space-between; margin-bottom:15px; }
.log_add_wrap label:hover{ cursor:pointer; }
.keep_login{ display:flex; align-items:center; }
.keep_login input{ display:none; }
.chk_label{ background-color:transparent; width:14px; height:14px; margin-right:5px; }
.keep_login input[id="keepid_opt"]:checked + label{ position:relative; }
.keep_login input[id="keepid_opt"]:checked + label:before{ content:''; width:10px; height:5px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(-45deg); }
.gnb_log_submit, .gnb_log_signup{background:var(--point-color); width:100%; margin:0 2.5px; text-align:center; padding:4px 10px; font-size:11px; font-weight:300; color:#fff; border-radius:4px; }

.gnb_logged{ text-align:center; border-top:1px solid #333;border-bottom:1px solid #333; padding:10px 0}
.gnb_logged_title{ font-size:18px; font-weight:600; cursor:pointer; }
.gnb_logged ul.gnb_logged_list{ display:none; padding-top:10px; display:flex;flex-wrap:wrap;}
.gnb_logged ul li{ padding:2px 0;width:50%;text-align:left;}



.gnb_logged ul li a{ font-size:12px; display:block; }
.gnb_logged ul li a i{ margin-right:5px; }

/**************category_menu.css**************/
.gnb_menu{ padding:15px 0 100px; }
.depth1_link{ color:#aaa;display:block; padding:8px 25px; font-size:16px; font-weight:300; cursor:pointer; }
.depth1_link.more{ position:relative; padding-right:45px; }
.depth1_link.more:after{ content:''; width:8px; height:8px;border-right:1px solid #aaa; border-bottom:1px solid #aaa; transform:translate(-50%, -50%) rotate(-45deg); position:absolute; top:50%; right:21px; transition-duration:0.3s; }
.depth1_link.more.spreaded:after{ transform:translate(-50%, -50%) rotate(45deg); top:46%; }

.depth1_link:hover{ background-color:rgba(255,255,255,0.05); }
.depth1_link.more.spreaded{ background-color:rgba(255,255,255,0.05); }


.gnb_nav2{ padding-bottom:10px; display:none; }
.depth2_link{color:#888; display:block; padding:5px 25px 5px 40px; font-size:16px; font-weight:300; cursor:pointer; }
.depth2_link.more{ position:relative; padding-right:45px; }
.depth2_link.more:after{ content:''; width:8px; height:8px;border-right:1px solid #888; border-bottom:1px solid #888; transform:translate(-50%, -50%) rotate(-45deg); position:absolute; top:50%; right:21px; transition-duration:0.3s; }
.depth2_link.more.spreaded:after{ transform:translate(-50%, -50%) rotate(45deg); top:46%; }



.gnb_nav3{ padding-bottom:10px; display:none; }
.depth3_link{color:#666; display:block; padding:5px 25px 5px 50px; font-size:16px; font-weight:300; cursor:pointer; }
.depth3_link.more{ position:relative; padding-right:45px; }
.depth3_link.more:after{ content:''; width:8px; height:8px; border-right:1px solid #888; border-bottom:1px solid #888; transform:translate(-50%, -50%) rotate(-45deg); position:absolute; top:50%; right:21px; transition-duration:0.3s; }
.depth3_link.more.spreaded:after{ transform:translate(-50%, -50%) rotate(45deg); top:46%; }



.gnb_nav4{ padding-bottom:10px; display:none; background:#ddd;}
.depth4_link{color:#666; display:block; padding:5px 25px 5px 60px; font-size:16px; font-weight:300; cursor:pointer; }
.depth4_link.more{ position:relative; padding-right:45px; }
.depth4_link.more:after{ content:''; width:8px; height:8px; transform:translate(-50%, -50%) rotate(-45deg); position:absolute; top:50%; right:21px; transition-duration:0.3s; }
.depth4_link.more.spreaded:after{ transform:translate(-50%, -50%) rotate(45deg); top:46%; }




/**************sns.css**************/
.gnb_sns{ padding:15px 25px; }
.gnb_sns li{ text-align:center; }
.gnb_sns a{ text-align: center; font-size:17px; padding:0 4px; }




#right_gnb{background-color:#1a1a1a; }
.gnb_scb{ background-color:rgba(255,255,255,0.2); }
.gnb_member{ border-bottom:1px solid rgba(255,255,255,0.04); }

.member_input_wrap input{ background-color:rgba(255,255,255,0.05); color:#8a8a8a; }
.log_add_wrap{ color:#6d6d6d; }
.chk_label{ border:1px solid #444; }
.keep_login input[id="keepid_opt"]:checked + label:before{ border-bottom:1px solid #888; border-left:1px solid #888; }
.find_account a{ color:#6d6d6d; }
.gnb_logged_title{ color:#aaa; }
.gnb_logged ul li a{ color:#888; }




.gnb_sns a{ color: #fff; }