@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:left;}
/*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:}
.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:20px;}
#web_cate_ul1_box{width:100%;}
.web_cate_ul1{ width:200px; margin:0 auto; border:0px;border-radius:0px;}
.web_cate_li1 {position:relative; width:200px; padding:0px; text-align:left; }
.web_cate_li1 .web_cate_lia1{color:#696969;font-size:19px;margin:0 7px;padding:10px 0;}
.web_cate_li1:hover .web_cate_lia1 {color:#4987b4}
.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:6px;left:60%; z-index:1;width:170px; padding:8px 20px; color:#fff; background:#4987b4;
}
.web_cate_li1.focus .web_cate_ul2{opacity:1; animation: fade 0.7s;}


.web_cate_li1 .web_cate_li2 {line-height:1.8;}
.web_cate_li1 .web_cate_li2 .web_cate_lia2{font-size:16px; color:#fff}
.web_cate_li1 .web_cate_li2 .web_cate_lia2:before {content:"·"; margin-right:7px;}
.web_cate_li1 .web_cate_li2:hover .web_cate_lia2 {color:#c4e6ff;}
.web_cate_li1 .web_cate_li2:first-child .web_cate_lia2{border-top:0px;}



@keyframes fade {
    0% {
		opacity: 0;
		transform:translateY(20px);
    }

    100% {
		opacity: 1;
		transform:translateY(0);
    }
}

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

/*===============================
	md
===============================*/
@media (min-width: 992px) and (max-width: 1199px) {
}
/*===============================
	sm 
===============================*/
@media (max-width: 991px) {
	.navigation_box{z-index:0px;border:0px solid red;width:100%;height:auto;text-align:right;}
	#mo_me_btn {display:inline-block;width:40px; height:40px;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;z-index:1;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:#333333;}
	.web_cate_ul1:after{}
	.web_cate_li1{clear:both;width:100%;}
	.web_cate_li1 .web_cate_lia1{color:#ffffff;text-align:center;}
	.web_cate_li1 .web_cate_lisp1{display:block;background:url(./img/drop2.png) no-repeat 0px 0px;background-size:100% auto;}
	.web_cate_li1.focus .web_cate_lisp1{background-position:0px -50px;}

	.web_cate_li1 .web_cate_ul2{display:none;position:relative;top:0px;left:0px;width:100%;margin-left:0;}

	.web_cate_li1 .web_cate_li2{}
	.web_cate_li1 .web_cate_li2 .web_cate_lia2{text-align:center;}
	.web_cate_li1 .web_cate_li2 .web_cate_lia2:before {content:""}
	.web_cate_li1 .web_cate_li2:first-child .web_cate_lia2{}
}

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

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