._sc_disable {
	height: 100%;
	min-height: 100%;
	overflow: hidden !important;
	touch-action: none;
}

/*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 {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 200;
	width: 100%;	
	min-width: 1200px;
}
#header .con {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	top: 0;
	left: 0;
	height: 120px;
}
#header .logo {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 150;
	width: 140px;
	transform: translate(-50%, -50%);
}
#header .logo a {
	display: block;
	height: 49px;	
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/pc/resource/images/common/logo_keds_140x49.png?v=202403141115);
	font-size: 0;
}
#header .util {
	display: flex;
	margin: 0 25px;
}
#header .util button {
	position: relative;
	top: 0;
	left: 0;
	z-index: 150;
	height: 21px;
	padding: 15px;
	background-repeat: no-repeat;
	background-position: center center;
	font-size: 0;
}
#header .util .search__btn {
	width: 21px;
	background-image: url(/pc/resource/images/common/icon_search_19x19.png);
}
body.search--open #header .util ._search > .search__btn {background-image: url(/pc/resource/images/common/ico_x_bk_22x22.png);}
#header .util .account__btn {
	width: 20px;
	background-image: url(/pc/resource/images/common/icon_login_17x18.png);
}
#header .util .cart__btn {
	width: 23px;
	background-image: url(/pc/resource/images/common/icon_cart_23x18.png);
}
#header .util .cart__btn:before {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
	height: 100%;
	padding-top: 9px;
	box-sizing: border-box;
	font-family: 'Granary-Semi-Bold', sans-serif;
	font-weight: 400;
	font-size: 10px;
	color: rgb(28,0,165);
	text-align: center;
	content: attr(data-num);
}

#header .util .account__layer {
	display: flex;
	justify-content: flex-end;
	position: fixed;
	top: 30px;
	left: 0;
	z-index: 100;
	width: 100%;
	padding: 112px 40px 80px;
	background-color: rgb(255,255,255);	
	box-sizing: border-box;
	
	visibility: hidden;
	opacity: 0;

	transition: opacity 0.3s, visibility 0.3s;
}
body.main #header .util .account__layer {padding-top: 152px;}
#header .util ._account:hover .account__layer {
	visibility: visible;
	opacity: 1;
}
#header .util .account__layer > div {
	display: flex;
	flex-direction: column;
	align-content: center;
	align-items: center;
	width: 100px;
	margin-right: 13.5px;
}
#header .util .account__layer a {
	font-family: 'Granary-Light', sans-serif;
	font-weight: 400;
	font-size: 11px;
	color: rgb(112,112,112);
	line-height: 22px;
}

#header .util .search__layer {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	padding: 177px 40px 66px;
	background-color: rgb(255,255,255);	
	box-sizing: border-box;

	visibility: hidden;
	opacity: 0;

	transition: opacity 0.3s, visibility 0.3s, padding 0.3s;
}
body.main #header .util .search__layer {padding-top: 177px;}
body._hide_topbanner #header .util .search__layer {padding-top: 137px;}
body.search--open #header .util .search__layer {
	visibility: visible;
	opacity: 1;
}

#header .util .search__layer > div,
#header .util .search__layer > div > form {
	display: flex;
	max-width: 1440px;
	width: 100%;
	border-bottom: 1px solid rgb(102,102,102);
}
#header .util .search__layer input {
	width: 100%;
	height: 48px;
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
	box-sizing: border-box;
	font-weight: 300;
	font-size: 18px;
	color: rgb(112,112,112);
	outline: 0;
}
#header .util .search__layer .search__btn {
	width: 22px;
	height: 48px;
	padding: 0;
}
#header .util .search__layer .keywords-box {
	margin-top: 25px;
	border-bottom: 0;
}
#header .util .search__layer .keywords-box .tit {
	font-weight: 500;
	font-size: 18px;
	color: rgb(102,102,102);
	line-height: 22px;
}
#header .util .search__layer .keywords-box ul {
	display: flex;
	margin-left: 56px;
}
#header .util .search__layer .keywords-box ul li {margin: 0 20px 20px 0;}
#header .util .search__layer .keywords-box ul li a {
	font-weight: 300;
	font-size: 18px;
	color: rgb(102,102,102);
	line-height: 22px;
}


#header .gnb > ul {
	display: flex;
	margin: 0 25px;
}
#header .gnb > ul > li {
	margin-top: 44px;
	padding-bottom: 45px;
}
#header .gnb > ul > li > a {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	z-index: 150;
	padding: 15px;
	font-family: 'Granary-Regular', sans-serif;
	font-weight: 400;
	font-size: 13px;
	color: rgb(28,0,165);
}
#header .gnb .depth2-box {
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 101;
	width: 100%;
	padding: 160px 40px 80px;
	background-color: rgb(255,255,255);	
	box-sizing: border-box;
	
	visibility: hidden;
	opacity: 0;

	transition: opacity 0.3s, visibility 0.3s;
}
body.main #header .gnb .depth2-box {padding-top: 200px;}
#header .gnb > ul > li:hover > .depth2-box {
	visibility: visible;
	opacity: 1;
}
#header .gnb .depth2-box .menu-box {
	width: 150px;
	padding-right: 30px;
	box-sizing: border-box;
}
#header .gnb .depth2-box .menu-box > div {
	display: flex;
	flex-direction: column;
	margin-top: 35px;
}
#header .gnb .depth2-box .menu-box > div:first-child {margin-top: 0;}
#header .gnb .depth2-box .menu-box a {
	font-family: 'Granary-Light', sans-serif;
	font-weight: 400;
	font-size: 13px;
	color: rgb(112,112,112);
	line-height: 26px;
}
#header .gnb .depth2-box .category-box {display: flex;}
#header .gnb .depth2-box .category-box > div {margin-left: 70px;}
#header .gnb .depth2-box .category-box > div:first-child {margin-left: 0;}
#header .gnb .depth2-box .category-box .tit {
	font-family: 'Granary-Medium', sans-serif;
	font-weight: 400;
	font-size: 13px;
	color: rgb(112,112,112);
	line-height: 18px;
}
#header .gnb .depth2-box .category-box ul {margin-top: 7px;}
#header .gnb .depth2-box .category-box ul li a {
	font-family: 'Granary-Light', sans-serif;
	font-weight: 400;
	font-size: 13px;
	color: rgb(112,112,112);
	line-height: 26px;
}
/*
#header .top-banner-box {display: none;}
*/
#header .top-banner-box {
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	position: relative;
	top: 0;
	left: 0;
	z-index: 170;
	height: 40px;
	/*background-color: rgb(255,255,255);*/
}
#header .top-banner-box a {
	max-width: calc(100% - 200px);
	font-weight: 300;
	font-size: 16px;
	/*color: rgb(0,0,0);*/
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
#header .top-banner-box .close__btn {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/pc/resource/images/common/ico_x_bk_10x10.png);
	font-size: 0;
}
#header .gnb .depth2-box .category-box .bag ul li:nth-child(2) {display: none;}
/* //header */

/* footer */
#footer {
	display: flex;
	flex-direction: column;
	min-width: 1200px;
	padding: 30px 40px;
	background-color: rgb(235,235,235);
	box-sizing: border-box;
}
#footer > div {
	display: flex;
	justify-content: space-between;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
}
#footer > div:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: rgb(204,204,204);
	content: '';
}
#footer > div:first-child:before {content: none;}
#footer .logo {
	display: block;
	width: 90px;
	height: 32px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/pc/resource/images/common/logo_keds_90x32.png);
	font-size: 0;
}
#footer .cs {
	display: flex;
	flex-direction: column;
	margin-top: 34px;
}
#footer .cs p {
	font-weight: 400;
	font-size: 11px;
	color: rgb(112,112,112);
	line-height: 20px;
}
#footer .cs p + a {margin-top: 6px;}
#footer .cs a {
	font-weight: 700;
	font-size: 12px;
	color: rgb(112,112,112);
	line-height: 18px;
}
#footer .center {
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 50%;
	height: 100%;
	transform: translateX(-50%);
}
#footer .center .txt1 {
	font-family: 'Granary-Regular', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: rgb(28,0,165);
}
#footer .center .txt2 {
	margin-top: 6px;
	font-family: 'Granary-Regular', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: rgb(102,102,102);
}
#footer .sitemap {
	display: flex;
	justify-content: flex-end;
  text-align: right;
}
#footer .sitemap > div {margin-left: 78px;}
#footer .sitemap > div:first-child {margin-left: 0;}
#footer .sitemap .tit {
	font-weight: 700;
	font-size: 12px;
	color: rgb(102,102,102);
	line-height: 24px;
}
#footer .sitemap ul {margin-top: 15px;}
#footer .sitemap ul li a {
	font-family: 'Granary-Regular', 'Noto Sans Korean', sans-serif;
	font-weight: 400;
	font-size: 12px;
	color: rgb(102,102,102);
	line-height: 24px;
}
#footer .bot {
	margin-top: 27.5px;
	padding-top: 27.5px;
}
#footer .bot .center {justify-content: flex-end;}
#footer .address {
	font-weight: 400;
	font-size: 11px;
	color: rgb(102,102,102);
	line-height: 20px;
}
#footer .copyright {
	margin-top: 40px;
	font-family: 'Granary-Regular', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: rgb(102,102,102);
}
#footer .txt-notice {
	margin-top: 8px;
	font-weight: 400;
	font-size: 11px;
	color: rgb(112,112,112);
	line-height: 20px;
}
#footer .bot .right {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}
#footer .familysite-box {
	position: relative;
	top: 0;
	left: 0;
	width: 190px;
	height: 40px;
	padding: 0 20px;
	box-sizing: border-box;
}
#footer .familysite-box .open__btn {
	display: block;
	width: 100%;
	height: 40px;
	background-repeat: no-repeat;
	background-position: right center;
	background-image: url(/pc/resource/images/common/arr_up_gr_10x6.png);
	font-family: 'Granary-Regular', sans-serif;
	font-weight: 400;
	font-size: 12px;
	color: rgb(102,102,102);
	text-align: left;
}
#footer .familysite-box > div {
	display: none;
	position: absolute;
	bottom: 100%;
	left: 0;
	width: 100%;
	padding: 10px 20px;
	background-color: rgb(235,235,235);
	box-sizing: border-box;
}
#footer .familysite-box.open > div {display: block;}
#footer .familysite-box > div ul li a {
	font-family: 'Granary-Regular', 'Noto Sans Korean', sans-serif;
	font-weight: 400;
	font-size: 12px;
	color: rgb(102,102,102);
	line-height: 24px;
}
#footer .content-info {
	position: relative;
	top: 0;
	left: 0;
}
#footer .content-info img {
	display: none;
	position: absolute;
	right: calc(100% + 30px);
	bottom: 0;
	z-index: 5;
}
#footer .content-info:hover img {
	display: block;
}
/* //footer */

/* contents */
#contents {
	min-width: 1200px;
}
#contents .member_wrap,
#contents .order_wrap,
#contents .mypage_wrap {
	padding-top: 180px;
}

/* //contents */

/* location */
.location {
	display: none;
}
.goods__contents .location {
	display: flex;
}
.location ul {display: flex;}
.location ul li {
	position: relative;
	top: 0;
	left: 0;
	margin-left: 11px;
}
.location ul li:first-child {margin-left: 0;}
.location ul li:before {
	position: absolute;
	top: 8px;
	left: -7px;
	width: 4px;
	height: 6px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/pc/resource/images/common/arr_right_gr_4x6.png);
	content: '';
}
.location ul li:first-child:before {content: none;}
.location ul li a {
	font-family: 'Granary-Light', sans-serif;
	font-weight: 400;
	font-size: 10px;
	color: rgb(153,153,153);
	letter-spacing: 1px;
}
/* //location */

/* 2023-03-29 띠배너 슬라이드로 변경 */
.top-banner-box .top-banner__slider {
	max-width: calc(100% - 200px);
	height: 40px;

	width: 100%;
}
.top-banner-box .top-banner__slider .swiper-slide {
	display: flex;
	align-items: center;
    justify-content: center;
}
#header .top-banner-box .top-banner__slider a {
	display: block;
	max-width: 100%;

	width: 100%;
}
/* //2023-03-29 띠배너 슬라이드로 변경 */