@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{
	position:relative;height:90px;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:15px;color:#ffffff;text-align:center !important;}
.navigation_box a:hover{color:#ff8c9d;}
/*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메뉴*/
.nav_wrap {background:#031537;}
#mo_me_btn{display:none;position:relative;top:0px;}
#web_cate_ul1_box{display:block;padding:0px;}
.web_cate_ul1{height:50px;position:relative;z-index:1000;display:block;border:0px;border-radius:0px;/* background:#031537; */}
.web_cate_ul1:after{display:block;visibility:hidden;clear:both;content:"";}
.web_cate_li1{float:left;position:relative;padding:20px 0;}
.web_cate_li1 .web_cate_lia1{height:50px;line-height:50px;color:#fff;font-weight:300;}
.web_cate_li1 .web_cate_lisp1{display:block;width:50px;height:50px;position:absolute;top:0px;right:0px;z-index:3;}


/*.web_cate_li1 .web_cate_ul2{display:none;position:absolute;top:70px;left:0px;width:auto;padding:5px 0;border:0;background:#555555;}*/

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


@media(max-width:800px){/*=================================== mobile버전 500이하 ==============================*/

	.navigation_box{z-index:0px;border:0px solid red;width:100%;height:auto;}

	#mo_me_btn {display:block;border:0px solid red;padding:8px 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_li1{float:left;position:relative;padding:0px;}
	.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; top:10px;}

	.web_cate_li1 .web_cate_li2{position:relative;/*padding:20px 0;*/}
	.web_cate_li1 .web_cate_li2 .web_cate_lisp2{height:50px;line-height:50px;color:#fff;font-weight:300;}
	.web_cate_li1 .web_cate_li2 .web_cate_lisp2{display:block;width:50px;height:50px;position:absolute;top:0px;right:0px;z-index:3;}
	.web_cate_li1 .web_cate_li2 .web_cate_lisp2{display:block;background:url(./img/drop2.png) no-repeat 0px 0px;/*background-size:100% auto;*/}
	.web_cate_li1 .web_cate_li2 .web_cate_lisp2.focus{background-position:0px -50px; top:10px;}

	#web_cate_ul1_box {display:none; /*padding:20px 15px 10px;*/ }
	#web_cate_ul1_box > ul {z-index:1000; /*border:1px solid #dddddd;border-radius:10px;*/overflow:hidden;height:auto;background:#181d21;}
	#web_cate_ul1_box > ul > li { border-bottom: 1px solid #dcdcdc; border:0px solid red;}
	#web_cate_ul1_box > ul > li > a {height:40px;line-height:40px;color:#fff;font-weight:300; display: block; color: #fffff; font-size: 15px;/*background:url(./img/drop2.png) no-repeat 95% 8px;*/}
	#web_cate_ul1_box > ul > li > a:hover {height:40px;line-height:40px;color:#ff8c9d;font-weight:300; display: block; color: #fffff; font-size: 15px;/*background:url(./img/drop2.png) no-repeat 95% 8px;*/}
	#web_cate_ul1_box > ul > li ul {display: none;}
	#web_cate_ul1_box > ul > li > ul > li > a {display: block;/*padding: 10px 14px 14px 14px;*/color: #inherit; font-size: 14px;/*background:#555555 url(./img/drop2.png) no-repeat 95% 1px;*/}
	#web_cate_ul1_box > ul > li > ul > li > a {color: #ffffff; background-color: #222; border-top:1px dotted #888888;}
	#web_cate_ul1_box > ul > li > ul > li > a:hover{color: #fff; background-color: red;}
	#web_cate_ul1_box > ul > li > ul > li.on a {color: #ffffff; /*background: #555555 url(./img/drop2.png) no-repeat 95% 3px; */}
	#web_cate_ul1_box > ul > li > ul li ul {/*display: none;padding-bottom: 8px;background-color: #f5f2ec;*/}
	#web_cate_ul1_box > ul > li > ul li li a {display: block; /*padding: 0 25px 10px 22px;*/ color: #ffffff; font-size: 12px;background-color: #222;}
	#web_cate_ul1_box > ul > li > ul > li li a:hover {color: #ff8c9d;}
	#web_cate_ul1_box > ul li.noDepth a {background-image: none !important; }

.navbar-toggle{ 
		border:none;
		background:transparent;
		border-radius:0px;
		margin-top:10px;
		margin-right:0px !important;
	}

	.navbar-toggle .icon-bar{ 
		border:2px solid #fff;
	}

}/*============================================================ // mobile버전 500이하 ==============================*/



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

	.web_cate_li1 .web_cate_ul2{display:none;position:absolute;top:70px;left:0px;width:auto;padding:0;border:0;background:#222;}

}

/* md */
@media (min-width:992px) and (max-width:1199px) {

	.web_cate_li1 {
		padding:10px 0;
	}

	.web_cate_li1 .web_cate_ul2 {
		top:60px;
	}

	.navigation_box a {font-size:15px;}

	.web_cate_li1 .web_cate_ul2{display:none;position:absolute;top:70px;left:0px;width:auto;padding:5px 0;border:0;background:#222;}
}



/* sm */
@media (min-width:800px) and (max-width:991px) {

	.web_cate_li1 .web_cate_ul2{display:none;position:absolute;top:70px;left:0px;width:auto;padding:0;border:0;background:#222;}
}



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

	#mo_me_btn {
		padding:0px;
	}

	
}

/* common */
	.nav01 ul {
		position: relative;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.nav01 ul::after {
		display: block;
		clear: both;
		content: '';
	}
	.nav01 ul li {
		position: relative;
		float: left;
		border: 0px solid #fff;
	}
	.nav01 ul li:not(:first-child) {
		border-left: none;
	}

	.web_cate_ul3 li a{
		padding: 0px;
	}
	.nav01 ul ul {
		position: absolute;
		top: 100%;
		left: -2px;

	}
	.nav01 ul ul li {
		float: none;
		margin: 0;
	}

	.nav01 ul ul li:not(:first-child) {
		border: 0px solid #fff !important;
		border-top: none;
	}
	.nav01 ul ul ul {
		position: absolute;
		top: 0px;
		left: 100%;
		border: 0px solid #fff !important;
		background-color:#333333;
		z-index:9999;
	}

	/* DEMO #1 
	.nav01 ul ul {
		display: none;
	}
	.nav01 ul li:hover > ul {
		display: block;
		border: 0px solid #fff !important;
	}*/

	/* DEMO #2 */
	.nav01 ul ul {
		visibility: hidden;
		opacity: 0;
		transition: .2s ease-in-out;
	}
	.nav01 ul li:hover > ul {
		visibility: visible;
		opacity: 1;
	}

	.web_cate_li2 .web_cate_li3 .web_cate_lia3:hover {color:#ff8c9d;}
	.web_cate_li2 .web_cate_li3 .web_cate_lia3{font-size:13px;padding:7px 0px;border-top:1px dotted #888888;color:#eeeeee;}
	.web_cate_li2 .web_cate_li3:first-child .web_cate_lia3{border-top:0px;}