/* ============================================================================= */
/* header */
/* ============================================================================= */


#onetouch-Header{ width: 100%;height: 93px; background: #fff; position: fixed; top: 0px; left: 0px; z-index: 11;}
#onetouch-Header div.header{width: 980px; height: 93px; margin: 0 auto; background: url(../gnb_bg.png) no-repeat 0 0; position: relative;}
#onetouch-Header div.header a.brand{display: inline-block; width: 191px; height: 55px; background: url(../onetouch_logo.png) no-repeat 0 0; margin: 17px 0 0 24px; position: relative; z-index: 4; }
#onetouch-Header div.header a.brand span{display: none;}


#onetouch-Header ul.nav-util{position: absolute; top: 10px; right: 15px; margin: 0px; padding: 0px; list-style: none; width: 56px; z-index: 4; *top:0px;}
#onetouch-Header ul.nav-util li{width: 56px; height: 14px; overflow: hidden;}
#onetouch-Header ul.nav-util li a{display: block; width: 56px; height: 14px; background-image: url(../util_menu.png); background-repeat: no-repeat; text-indent: -9999px;}

#onetouch-Header ul.nav-util li.util_login a{background-position: 0 0;}
#onetouch-Header ul.nav-util li.util_logout a{background-position: -56px 0px;}
#onetouch-Header ul.nav-util li.util_mypage a{background-position: -56px -14px;}
#onetouch-Header ul.nav-util li.util_join a{background-position: 0 -14px;}
#onetouch-Header ul.nav-util li.util_shipping a{background-position: 0 -28px;}
#onetouch-Header ul.nav-util li.util_cart a{background-position: 0 -42px;}
#onetouch-Header ul.nav-util li.util_sitemap a{background-position: 0 -56px;}




/* 탑메뉴위치 */
ul#nav-gnb{
	float: right;
	list-style: none;
	padding: 0;
	height: 15px;
	position: absolute;
	z-index: 100000;
	top: 144px;

	width: 960px;
}
ul#nav-gnb li{
	float: left;
	height: 15px;
	position: relative;
	padding: 0 0 15px 0;
}

ul#nav-gnb li ul{list-style: none; padding: 0px; margin: 0px;position: absolute; width: 112px; top: 15px; left: 0px; display: none;}
ul#nav-gnb li:hover ul{display: block;}
ul#nav-gnb li ul li{float: none; margin: 0px; padding: 0px; display: block; width: 114px;}
ul#nav-gnb li.menu03 ul li{width: 136px;}


/* 1차메뉴관련이미지 */

ul#nav-gnb li a.depth01{display: block; height: 46px; padding: 0 0px; background-image: url(../gnb_menutop.png); background-repeat: no-repeat; text-indent: -9999px;}


/* 1차메뉴 이미지위치  */
ul#nav-gnb li.menu01 a.depth01{ width: 148px; background-position: 0 0;}
ul#nav-gnb li.menu02 a.depth01{ width: 147px; background-position: -148px 0;}
ul#nav-gnb li.menu03 a.depth01{ width: 201px; background-position: -295px 0;}
ul#nav-gnb li.menu04 a.depth01{ width: 130px; background-position: -496px 0;}
ul#nav-gnb li.menu05 a.depth01{ width: 206px; background-position: -626px 0;}
ul#nav-gnb li.menu06 a.depth01{ width: 128px; background-position: -832px 0;}



/* 1차오버시 롤링이미지위치  */
ul#nav-gnb li.menu01:hover a.depth01{ width: 148px; background-position: -0px -46px;}
ul#nav-gnb li.menu02:hover a.depth01{ width: 147px; background-position: -148px -46px;}
ul#nav-gnb li.menu03:hover a.depth01{ width: 201px; background-position: -295px -46px;}
ul#nav-gnb li.menu04:hover a.depth01{ width: 130px; background-position: -496px -46px;}
ul#nav-gnb li.menu05:hover a.depth01{ width: 206px; background-position: -626px -46px;}
ul#nav-gnb li.menu06:hover a.depth01{ width: 128px; background-position: -832px -46px;}




/* 2차오버시 롤링이미지위치 001  */
ul#nav-gnb li.menu01 ul{
	top: 46px;
	left: 0px;
	padding-top: 65px;
	height: 373px;
	background-image: url(../01_bg.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 233px;
}
ul#nav-gnb li.menu01 ul li{display: block; height: 27px; line-height: 27px;}
ul#nav-gnb li.menu01 ul li a{display: block; width: 224px; height: 27px; background-image: url(../01_menu.png); background-repeat: no-repeat; margin: 0 auto;}
ul#nav-gnb li.menu01 ul li a span{display: none;}

ul#nav-gnb li.menu01 ul li.menu_tep01 a{background-position: 8px 0;}
ul#nav-gnb li.menu01 ul li.menu_tep02 a{background-position: 8px -27px;}
ul#nav-gnb li.menu01 ul li.menu_tep03 a{background-position: 8px -54px;}
ul#nav-gnb li.menu01 ul li.menu_tep04 a{background-position: 8px -81px;}
ul#nav-gnb li.menu01 ul li.menu_tep05 a{background-position: 8px -108px;}
ul#nav-gnb li.menu01 ul li.menu_tep06 a{background-position: 8px -135px;}


ul#nav-gnb li.menu01 ul li.menu_tep01:hover a{background-position: -208px 0;}
ul#nav-gnb li.menu01 ul li.menu_tep02:hover a{background-position: -208px -27px;}
ul#nav-gnb li.menu01 ul li.menu_tep03:hover a{background-position: -208px -54px;}
ul#nav-gnb li.menu01 ul li.menu_tep04:hover a{background-position: -208px -81px;}
ul#nav-gnb li.menu01 ul li.menu_tep05:hover a{background-position: -208px -108px;}
ul#nav-gnb li.menu01 ul li.menu_tep06:hover a{background-position: -208px -135px;}




/* 2차오버시 롤링이미지위치 002  */
ul#nav-gnb li.menu02 ul{
	top: 46px;
	left: 0px;
	padding-top: 65px;
	height: 373px;
	background-image: url(../02_bg.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 233px;
}


ul#nav-gnb li.menu02 ul li{display: block; height: 27px; line-height: 27px;}
ul#nav-gnb li.menu02 ul li a{display: block; width: 224px; height: 27px; background-image: url(../02_menu.png); background-repeat: no-repeat; margin: 0 auto;}
ul#nav-gnb li.menu02 ul li a span{display: none;}

ul#nav-gnb li.menu02 ul li.menu_tep01 a{background-position: 8px 0;}
ul#nav-gnb li.menu02 ul li.menu_tep02 a{background-position: 8px -27px;}

ul#nav-gnb li.menu02 ul li.menu_tep01:hover a{background-position: -208px 0;}
ul#nav-gnb li.menu02 ul li.menu_tep02:hover a{background-position: -208px -27px;}



/* 2차오버시 롤링이미지위치 003  */
ul#nav-gnb li.menu03 ul{
	top: 46px;
	left: 0px;
	padding-top: 65px;
	height: 373px;
	background-image: url(../03_bg.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 233px;
}
ul#nav-gnb li.menu03 ul li{display: block; height: 27px; line-height: 27px;}
ul#nav-gnb li.menu03 ul li a{display: block; width: 224px; height: 27px; background-image: url(../03_menu.png); background-repeat: no-repeat; margin: 0 auto;}
ul#nav-gnb li.menu03 ul li a span{display: none;}

ul#nav-gnb li.menu03 ul li.menu_tep01 a{background-position: 8px 0;}
ul#nav-gnb li.menu03 ul li.menu_tep02 a{background-position: 8px -27px;}
ul#nav-gnb li.menu03 ul li.menu_tep03 a{background-position: 8px -54px;}
ul#nav-gnb li.menu03 ul li.menu_tep04 a{background-position: 8px -81px;}
ul#nav-gnb li.menu03 ul li.menu_tep05 a{background-position: 8px -108px;}
ul#nav-gnb li.menu03 ul li.menu_tep06 a{background-position: 8px -135px;}
ul#nav-gnb li.menu03 ul li.menu_tep07 a{background-position: 8px -162px;}

ul#nav-gnb li.menu03 ul li.menu_tep01:hover a{background-position: -208px 0;}
ul#nav-gnb li.menu03 ul li.menu_tep02:hover a{background-position: -208px -27px;}
ul#nav-gnb li.menu03 ul li.menu_tep03:hover a{background-position: -208px -54px;}
ul#nav-gnb li.menu03 ul li.menu_tep04:hover a{background-position: -208px -81px;}
ul#nav-gnb li.menu03 ul li.menu_tep05:hover a{background-position: -208px -108px;}
ul#nav-gnb li.menu03 ul li.menu_tep06:hover a{background-position: -208px -135px;}
ul#nav-gnb li.menu03 ul li.menu_tep07:hover a{background-position: -208px -162px;}


/* 2차오버시 롤링이미지위치 004  */
ul#nav-gnb li.menu04 ul{
	top: 46px;
	left: 0px;
	padding-top: 65px;
	height: 373px;
	background-image: url(../04_bg.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 233px;
}


ul#nav-gnb li.menu04 ul li{display: block; height: 27px; line-height: 27px;}
ul#nav-gnb li.menu04 ul li a{display: block; width: 224px; height: 27px; background-image: url(../04_menu.png); background-repeat: no-repeat; margin: 0 auto;}
ul#nav-gnb li.menu04 ul li a span{display: none;}

ul#nav-gnb li.menu04 ul li.menu_tep01 a{background-position: 8px 0;}
ul#nav-gnb li.menu04 ul li.menu_tep02 a{background-position: 8px -27px;}
ul#nav-gnb li.menu04 ul li.menu_tep03 a{background-position: 8px -54px;}
ul#nav-gnb li.menu04 ul li.menu_tep04 a{background-position: 8px -81px;}
ul#nav-gnb li.menu04 ul li.menu_tep05 a{background-position: 8px -108px;}
ul#nav-gnb li.menu04 ul li.menu_tep06 a{background-position: 8px -135px;}
ul#nav-gnb li.menu04 ul li.menu_tep07 a{background-position: 8px -162px;}

ul#nav-gnb li.menu04 ul li.menu_tep01:hover a{background-position: -208px 0;}
ul#nav-gnb li.menu04 ul li.menu_tep02:hover a{background-position: -208px -27px;}
ul#nav-gnb li.menu04 ul li.menu_tep03:hover a{background-position: -208px -54px;}
ul#nav-gnb li.menu04 ul li.menu_tep04:hover a{background-position: -208px -81px;}
ul#nav-gnb li.menu04 ul li.menu_tep05:hover a{background-position: -208px -108px;}
ul#nav-gnb li.menu04 ul li.menu_tep06:hover a{background-position: -208px -135px;}
ul#nav-gnb li.menu04 ul li.menu_tep07:hover a{background-position: -208px -162px;}


/* 2차오버시 롤링이미지위치 005  */
ul#nav-gnb li.menu05 ul{
	top: 46px;
	left: 0px;
	padding-top: 65px;
	height: 373px;
	background-image: url(../05_bg.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 233px;
}
ul#nav-gnb li.menu05 ul li{display: block; height: 27px; line-height: 27px;}
ul#nav-gnb li.menu05 ul li a{display: block; width: 224px; height: 27px; background-image: url(../05_menu.png); background-repeat: no-repeat; margin: 0 auto;}
ul#nav-gnb li.menu05 ul li a span{display: none;}

ul#nav-gnb li.menu05 ul li.menu_tep01 a{background-position: 8px 0;}
ul#nav-gnb li.menu05 ul li.menu_tep02 a{background-position: 8px -27px;}
ul#nav-gnb li.menu05 ul li.menu_tep03 a{background-position: 8px -54px;}
ul#nav-gnb li.menu05 ul li.menu_tep04 a{background-position: 8px -81px;}

ul#nav-gnb li.menu05 ul li.menu_tep01:hover a{background-position: -208px 0;}
ul#nav-gnb li.menu05 ul li.menu_tep02:hover a{background-position: -208px -27px;}
ul#nav-gnb li.menu05 ul li.menu_tep03:hover a{background-position: -208px -54px;}
ul#nav-gnb li.menu05 ul li.menu_tep04:hover a{background-position: -208px -81px;}



/* 2차오버시 롤링이미지위치 006  */
ul#nav-gnb li.menu06 ul{
	top: 46px;
	left: -105px;
	padding-top: 65px;
	height: 373px;
	background-image: url(../06_bg.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 233px;
}


ul#nav-gnb li.menu06 ul li{display: block; height: 27px; line-height: 27px;}
ul#nav-gnb li.menu06 ul li a{display: block; width: 224px; height: 27px; background-image: url(../06_menu.png); background-repeat: no-repeat; margin: 0 auto;}
ul#nav-gnb li.menu06 ul li a span{display: none;}

ul#nav-gnb li.menu06 ul li.menu_tep01 a{background-position: 8px 0;}
ul#nav-gnb li.menu06 ul li.menu_tep02 a{background-position: 8px -27px;}

ul#nav-gnb li.menu06 ul li.menu_tep01:hover a{background-position: -208px 0;}
ul#nav-gnb li.menu06 ul li.menu_tep02:hover a{background-position: -208px -27px;}



div.all_menu_wrap{
	width: 960px;
	position: absolute; /* top: -432px; */
	top: -200px;
	left: 0px;
	background: url(../all_menu_bg.png) no-repeat left bottom;
	z-index: 3;
	padding-bottom: 68px;
}
div.all_menu_wrap a{color: #fff; display: block; padding: 6px 0 6px 28px; font-size: 12px; }
div.all_menu_wrap a:hover{ color: #5fa8e0; text-decoration: underline;}
div.all_menu_wrap a:hover span{color: #fff; text-decoration: none;}
div.all_menu_wrap ul{list-style: none; margin: 0;}
div.all_menu_wrap ul li{float: left; width: 16.65%; padding: 30px 0 0 0; height: 170px;}
div.all_menu_wrap ul li:hover{background: #013054;}
div.all_menu_wrap ul li.first{
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-left-radius: 15px;
}
div.all_menu_wrap ul li.last{
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	border-bottom-right-radius: 15px;
}
div.all_menu_wrap ul li ul{margin: 0; padding: 14px 0 0 0;}
div.all_menu_wrap ul li ul li{float: none; width: 100%;padding:0; height: auto;}


/* ============================================================================= */
/* 2차메뉴 */
/* ============================================================================= */

div.all_menu_wrap a.m01{display: block; width: 150px; height: 46px; background: url(../all_menu_title.png) no-repeat 0 0; text-indent: -9999px; padding: 0px;	 margin-left: 20px;}
div.all_menu_wrap a.m02{display: block; width: 149px; height: 46px; background: url(../all_menu_title.png) no-repeat 0 -16px; text-indent: -9999px; padding: 0px;	 margin-left: 20px;}
div.all_menu_wrap a.m03{display: block; width: 75px; height: 46px; background: url(../all_menu_title.png) no-repeat 0 -32px; text-indent: -9999px; padding: 0px;	 margin-left: 20px;}
div.all_menu_wrap a.m04{display: block; width: 75px; height: 46px; background: url(../all_menu_title.png) no-repeat 0 -48px; text-indent: -9999px; padding: 0px;	 margin-left: 20px;}
div.all_menu_wrap a.m05{display: block; width: 75px; height: 46px; background: url(../all_menu_title.png) no-repeat 0 -64px; text-indent: -9999px; padding: 0px;	 margin-left: 20px;}
div.all_menu_wrap a.m06{display: block; width: 75px; height: 46px; background: url(../all_menu_title.png) no-repeat 0 -80px; text-indent: -9999px; padding: 0px;	 margin-left: 20px;}

div.all_menu_wrap a.btn_allmenu_show{display: block; position: absolute; width: 24px; height: 50px; bottom: 0px; right: 83px; background: url(../none.gif); padding: 0px;}
