/*SKIP NAVI*/
#skipNavi li { font-size:0; line-height:0; z-index:99999999999;}
#skipNavi li a { display:block; width:100%; padding:10px 0; color:#fff; position:absolute; left:0; top:-100px; text-align:center; z-index:200; background:#413022; border:0 none; z-index:99999999999;}
#skipNavi li a:active, #skipNavi li a:focus { top:0; font-weight:bold;font-size:16px;line-height:1.5; border-bottom:1px solid #fff; z-index:99999999999;}


/*HEADER*/
#header {
	width: 100%;
	height: 70px;
	background-color: rgb(0,0,0);
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
#header .inner {
	height: 70px;
	position: relative;
	top: 0;
	left: 0;
}
.logo {
	width: 160px;
	position: absolute;
	top: 0;
	left: 40px;
}
.logo a {
	height: 70px;
	display: block;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/resource/images/common/logo_andrews_wt.png);
}
#header .util-box {
	position: absolute;
	top: 50%;
	right: 40px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#header .util-box:after {
	content: '';
	display: block;
	clear: both;
}
#header .util-box a {
	float: left;
	margin-left: 15px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center center;
}
#header .util-box a:first-child {margin-left: 0;}
#header .util-box .util__cart {
	width: 18px;
	height: 22px;
	background-image: url(/resource/images/common/ico_cart_wt.png);
}
#header .util-box .util__instagram {
	width: 20px;
	height: 20px;
	margin-top: 2px;
	background-image: url(/resource/images/common/ico_instagram_wt.png);
}


/*GNB*/
.gnb {text-align: center;}
.gnb > ul {font-size: 0;}
.gnb > ul > li {
	display: inline-block;
	margin-left: 40px;
}
.gnb > ul > li:fisrt-child {margin-left: 0;}
.gnb > ul > li > a {
	display: block;
	font-weight: 400;
	font-size: 14px;
	color: rgb(255,255,255);
	line-height: 70px;
}
.gnb .depth2-box {
	width: 100%;
	height: 0px;
	overflow: hidden;
	position: absolute;
	left: 0;
	opacity: 0;
	background-color: rgb(51,51,51);
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
.gnb > ul > li:hover .depth2-box {
	height: 50px;
	opacity: 1;
}
.gnb .depth2-box ul {
	position: absolute;
	text-align: left;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.gnb .brand .depth2-box ul {margin-left: -62px;}
.gnb .campaign .depth2-box ul {margin-left: -21px;}
.gnb .product .depth2-box ul {margin-left: 155px;}
.gnb .depth2-box ul li {
	display: inline-block;
	margin-left: 40px;
}
.gnb .depth2-box ul li:first-child {margin-left: 0;}
.gnb .depth2-box ul li a {
	display: block;
	font-weight: 400;
	font-size: 14px;
	color: rgb(255,255,255);
	line-height: 50px;
}

#header.v2 .gnb .brand .depth2-box ul {margin-left: -169px;}
#header.v2 .gnb .campaign .depth2-box ul {margin-left: -76px;}
/*
#header.v2 .gnb .product .depth2-box ul {margin-left: -16px;}
#header.v2 .gnb .members .depth2-box ul {margin-left: 156px;}
*/
#header.v2 .gnb .product .depth2-box ul {margin-left: 208px;}
*#header.v2 .gnb .members .depth2-box ul {margin-left: 68px;}



.gnb__mobile {
	width: 100%;
	display: none;
	overflow: hidden;
	position: absolute;
	left: 0;
	z-index: 10;
	background-color: rgb(51,51,51);
}
.gnb__mobile > ul {margin: 13px 0;}
.gnb__mobile > ul > li > a {
	display: block;
	font-weight: 400;
	font-size: 1.4rem;
	color: rgb(255,255,255);
	text-align: center;
	line-height: 35px;
}
.gnb__mobile .depth2-box {
	display: none;
	margin: 13px 0;
	padding: 15px 0;
	background-color: rgb(85,85,85);
}
.gnb__mobile .depth2-box ul li a {
	display: block;
	font-weight: 400;
	font-size: 1.2rem;
	color: rgb(255,255,255);
	text-align: center;
	line-height: 29px;
}


.btn__menu {
	width: 65px;
	height: 75px;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}
.btn__menu span {
	width: 25px;
	height: 2px;
	display: block;
	position: absolute;
	left: 50%;
	background-color: rgb(255,255,255);
	-webkit-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}
.btn__menu span.top {
	top: 26px;
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
}
.btn__menu span.mid {
	top: 50%;	
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.btn__menu span.bot {
	top: calc(100% - 25px);
	-webkit-transform: translate(-50%, -100%);
	-ms-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
}
body.gnb--open .btn__menu span {width: 25px;}
body.gnb--open .btn__menu .top {
	top: calc(50% - 2px);
	-webkit-transform: translate(-50%, 0) rotate(-135deg);
	transform: translate(-50%, 0) rotate(-135deg);
}
body.gnb--open .btn__menu .mid {
	opacity: 0;
	top: 50%;
}
body.gnb--open .btn__menu .bot {
	top: calc(50% - 2px);
	-webkit-transform: translate(-50%, 0) rotate(135deg);
	transform: translate(-50%, 0) rotate(135deg);
}

/*FOOTER*/
#footer {
	width: 100%;
	height: 70px;
	background-color: rgb(0,0,0);
}
#footer .inner {
	height: 70px;
	margin: 0 40px;
	position: relative;
	top: 0;
	left: 0;
}
#footer .select-box {
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.ie9 #footer .select-box {
	width: 90px;
	margin: 0 auto;
}
.ie9 #footer .select-box:after {
	width: 20px;
	height: 20px;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(/resource/images/common/arr_up_wt_5x3.png);
	background-color: rgb(0,0,0);
}
#footer .select-box select {
	width: 90px;
	height: 20px;
	font-weight: 400;
	font-size: 12px;
	color: rgb(255,255,255);
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(/resource/images/common/arr_up_wt_5x3.png);
}
#footer .select-box option {background-color: rgb(0,0,0);}
#footer .copyright {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#footer .copyright p {
	font-weight: 400;
	font-size: 12px;
	color: rgb(255,255,255);
}
.footer__share {
	display: none;
	margin: 15px 0 0;
	font-size: 0;
	text-align: center;
}
.footer__share a {
	display: inline-block;
	margin-left: 5px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center center;	
}
.footer__share a:first-child {margin-left: 0;}
.footer__share .share__instagram {
	width: 18px;
	height: 18px;
	background-image: url(/resource/images/common/ico_instagram_wt.png);
	background-size: 18px;
}


/*CONTENTS*/
#contents {
	width: 100%;
	position: relative;
}
#contents .inner{
	width: 1200px;
	margin: 0 auto;
	padding: 0 0 100px;
}
#contents .inner.wide{
	width: 100%;
}



/*데스크탑*/
@media screen and (min-width: 960px) {
	.d-hide{display:none !important;}

	/*HEADER*/
	#header.header--fix {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 10;
	}

	.gnb__mobile {display: none !important;}

	/*HEADER-MAIN*/
	body.main #header {background: none;}
	body.main .logo a {background-image: url(/resource/images/common/logo_andrews_bk.png);}
	body.main #header .util-box .util__cart {background-image: url(/resource/images/common/ico_cart_bk.png);}
	body.main #header .util-box .util__instagram {background-image: url(/resource/images/common/ico_instagram_bk.png);}
	body.main .gnb > ul > li > a {color: rgb(0,0,0);}

	/*HEADER-MAIN SCROLL & HOVER */
	body.main._scroll #header, body.main #header:hover {background: rgb(0,0,0);}
	body.main._scroll .logo a, body.main #header:hover .logo a {background-image: url(/resource/images/common/logo_andrews_wt.png);}
	body.main._scroll #header .util-box .util__cart, body.main #header:hover .util-box .util__cart {background-image: url(/resource/images/common/ico_cart_wt.png);}
	body.main._scroll #header .util-box .util__instagram, body.main #header:hover .util-box .util__instagram {background-image: url(/resource/images/common/ico_instagram_wt.png);}
	body.main._scroll .gnb > ul > li > a, body.main #header:hover .gnb > ul > li > a {color: rgb(255,255,255);}

	#contents {min-height: calc(100vh - 140px);}
}

/*모바일*/
@media screen and (max-width: 959px){
	.m-hide{display:none !important;}

	/*HEADER*/
	#header {height: 75px;}
	#header .inner {
		height: 75px;
		margin: 0;
		overflow: hidden;
	}
	.btn__menu {display: block;}
	.gnb {display: none;}
	.logo {
		width: 230px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.logo a {
		height: 75px;
		background-image: url(/resource/images/common/logo_andrews_wt_m.png);
		background-size: 185px;
	}
	#header .util-box {
		top: 0;
		right: 0;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
	#header .util-box .util__cart {
		width: 65px;
		height: 75px;
		background-image: url(/resource/images/common/ico_cart_wt_m.png);
		background-size: 25px;
	}
	#header .util-box .util__instagram {display: none;}	



	
	/*FOOTER*/
	#footer {height: auto;}
	#footer .inner {
		height: auto;
		padding: 25px 0 30px;
		margin: 0;
	}
	#footer .select-box {
		position: relative;
		top: 0;
		left: 0;
		right: auto;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
	#footer .select-box select {
		display: block;
		margin: 0 auto;
		font-size: 1.2rem;
		background-image: url(/resource/images/common/arr_up_wt_11x7.png);
		background-size: 6px;
	}
	#footer .copyright {
		margin: 10px 0 0;
		position: relative;
		top: 0;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
	#footer .copyright p {
		font-size: 1.2rem;
		text-align: center;
	}
	.footer__share {display: block;}

	/*CONTENTS*/
	#contents {
		
	}
	#contents .inner {
		width: 100%;
		padding: 0 0 16.7%;
	}
	
}