@charset "utf-8";
/* YPAGE 와이아빠 */

.navigation_box_empty{text-align:center;background:#f2f2f2;font-size:1.2em;padding:15px;border:1px solid #ededed;color:#888888;}

.navigation_box{
	height:50px;text-align:left;border:0px solid red;
	box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}
.navigation_box *{
	box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}
.navigation_box a{display:block;text-decoration:none;font-size:19px;color:#555555;text-align:center !important;}
.navigation_box a:hover{color:#41508e;}
/*shop메뉴*/
#shop_cate_box{}
.shop_cate{position:absolute;left:0px;top:0px;}
.shop_cate .shop_cate_main_li{position:relative;}
.shop_cate .shop_cate_main_li .shop_cate_ttl{height:50px;line-height:50px;font-size:14px;background:gray;text-align:center;color:#ffffff;cursor:pointer;}

.shop_cate .shop_cate_main_li .shop_cate_ul1{display:none; position:absolute; top:50px;border:1px solid #dddddd;z-index:100;background:rgba(255,255,255,0.8);}
.shop_cate .shop_cate_main_li:hover .shop_cate_ul1{display:block;}
.shop_cate .shop_cate_main_li .shop_cate_ul1 a{font-size:12px;padding:7px 0px;border-bottom:1px dotted #dedede;}
.shop_cate .shop_cate_main_li .shop_cate_li1{}
.shop_cate .shop_cate_main_li .shop_cate_li1 .shop_cate_lia1{}

.shop_cate_ul1 .shop_cate_li1 .shop_cate_ul2{display:none;position:absolute;top:-1px;background:rgba(255,255,255,0.7);border:1px solid #dddddd; }
.shop_cate_ul1 .shop_cate_li1:hover .shop_cate_ul2{display:block;}
.shop_cate_ul1 .shop_cate_li1 .shop_cate_li2{}
.shop_cate_ul1 .shop_cate_li1 .shop_cate_lia2{}


.shop_cate_ul1 .shop_cate_li2 .shop_cate_ul3{display:none;position:absolute;top:-1px;background:rgba(255,255,255,0.6);border:1px solid #dddddd;}
.shop_cate_ul1 .shop_cate_li2:hover .shop_cate_ul3{display:block;}
.shop_cate_ul1 .shop_cate_li2 .shop_cate_li3{}
.shop_cate_ul1 .shop_cate_li2 .shop_cate_lia3{}

/*web메뉴*/
#mo_me_btn{display:none;position:relative;top:0px;}
#web_cate_ul1_box{display:block; padding-top:35px; text-align:right;  }
.web_cate_ul1{height:50px;position:relative; z-index:1000; display:inline-block; border:0px;border-radius:0px;}
.web_cate_ul1:after{display:block;visibility:hidden;clear:both;content:"";}
.web_cate_li1{float:left;position:relative;margin-right:20px;padding:0 0 10px 0;}
.web_cate_li1:last-child{margin-right:0;}
.web_cate_li1 .web_cate_lia1{height:50px;line-height:50px;color:#333;font-size:18px;}
.web_cate_li1 .web_cate_lisp1{display:none;width:50px;height:50px;position:absolute;top:0px;right:0px;z-index:3;}

.web_cate_li1 .web_cate_ul2 {display:none;position:absolute;top:50px;left:50%;min-width:140px;margin:0 auto;background:#555555; border-radius:3px; overflow:hidden;
	transform:translateX(-50%);
	-ms-transform:translateX(-50%);
}
.web_cate_li1 .web_cate_ul2.eff {display:block;opacity:1; animation: fade 0.7s;}


@keyframes fade {
    0% {
		opacity: 0;
		transform:translate(-50%, 20px);
		-ms-transform:translate(-50%, 20px);
    }

    100% {
		opacity: 1;
		transform:translate(-50%, 0);
		-ms-transform:translate(-50%, 0);
    }
}

.web_cate_li1 .web_cate_li2 {}
.web_cate_li1 .web_cate_li2:hover {background:#333}
.web_cate_li1 .web_cate_li2 .web_cate_lia2{font-size:16px;padding:7px 0px;border-top:1px dotted #888888;color:#eeeeee;}
.web_cate_li1 .web_cate_li2 .web_cate_lia2:hover {color:#fff}
.web_cate_li1 .web_cate_li2:first-child .web_cate_lia2{border-top:0px;}



/*===============================
	lg 
===============================*/
@media (min-width: 1200px) {
}

/*===============================
	md
===============================*/
@media (min-width: 992px) and (max-width: 1199px) {
}
/*===============================
	sm 
===============================*/
@media (max-width: 991px) {
	.navigation_box{margin-top:10px; border:0px solid red; width:100%; height:auto; z-index:0px;}
	.navigation_box a:hover {color:#acb8ec;}
	#mo_me_btn {float:right;display:inline-block;top:10px;border:0px solid red;padding-right:5px;}
	#mo_me_btn:after{display:block;visibility:hidden;clear:both;content:"";}
	#mo_me_btn a{display:block;float:right;position:relative;background:url(./img/mo_menu.png) no-repeat 0 0;width:40px;height:40px;z-index:1000;font-size:0px;border:0px solid orange;}
	#web_cate_ul1_box{display:block;padding:20px 15px 10px;}
	.web_cate_ul1{z-index:1000;border:1px solid #dddddd;border-radius:10px;overflow:hidden;width:100%;height:auto;background:#131e30;}
	.web_cate_ul1:after{}
	.web_cate_li1{clear:both;width:100%;}
	.web_cate_li1 .web_cate_lia1{color:#ffffff;font-size:16px;}
		.web_cate_li1 .web_cate_lisp1{display:block;background:url(./img/drop2.png) no-repeat 0px 0px;background-size:100% auto;}
	.web_cate_li1 .web_cate_lisp1.focus{background-position:0px -50px;}
	.web_cate_li1 .web_cate_ul2{display:none;position:relative;top:0px;left:0px;width:100%;margin-left:0; background:#2a384e; transform:translate(0,0); -ms-transform:translate(0,0); }

	.web_cate_li1 .web_cate_li2{}
	.web_cate_li1 .web_cate_li2:hover {background:#2a384e}
	.web_cate_li1 .web_cate_li2 .web_cate_lia2{}
	.web_cate_li1 .web_cate_li2:first-child .web_cate_lia2{}
}

/*===============================
	xs 
===============================*/
@media (max-width: 767px) {
}

/*===============================
	xs Portrait 
===============================*/
@media (max-width: 479px) {
}