@charset "utf-8";

#skip-content { position:absolute; display:block; left:0; right:0; top:0; width:100%; height:0; z-index:100; }
#skip-content > a { position:absolute; display:block; left:0; top:-999px; width:100%; padding:10px 0; color:#fff; text-align:center; background:#333; overflow:hidden; }
#skip-content .on { top:0; }

/* 201223 b2c-VD First Look Overlay */
html #intro { position:fixed; top:0; left:0; width:100%; height:100%; z-index:999;}

/* 전체 영역 */
html.scrollLock {overflow: hidden;}
html #wrap {
	max-width: none;
	overflow: visible;
}
html #wrap:before {
	content: "";
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	background: rgba(0,0,0,.7);
	z-index: -1;
	opacity: 0;
	transition: opacity .3s;
}
html.gnbOpen #wrap:before {
	z-index: 200;
	opacity: 1;
}

/* 헤더 */
#header { position:relative; width:100%; z-index:210; border-bottom:1px solid #ebebeb; background:#fff;}
#header .s-inner {max-width:1440px; height: 80px; margin:0 auto; padding:0 24px;}
#header .s-inner:after { display:block; content:""; clear:both; }

/* 2021-10-22 KDP-7066 */
#header .logo { position:relative; float:left; height: 100%; margin-right:73px;}
#header .logo img { height: 16px; vertical-align: middle;}

#header .logo:after { content: ""; display: inline-block; height: 100%; vertical-align: middle;}
#header .logo.wht {display: none;}
#header .logo.familyLogo img { height: 22px; } /* 20201024 패밀리넷 로고 */
#header .logoCollabo span {display:inline-block; vertical-align: middle;}
#header .logoCollabo .firstLogo img {height: auto; max-height: 30px; }
#header .logoCollabo .crossIcon {width:1px;height:28px;margin:0 15px;background-color:#000;}
#header .logoCollabo.wht .crossIcon {background-color:#fff;}
#header .logoCollabo.blk .crossIcon {background-color:#000;}

#header .link-dpz{position:relative;margin-right:20px;z-index:1;}
#header .icon-dpz{position: relative; display: inline-block; width:13px; height:14px; margin-left:1px; background:url("../_images/common/icon-locationinfo.svg"), url("../_images/common/icon-16-midium-location-white.svg") no-repeat center center; z-index:2; vertical-align: middle;}/*211025*/
#header .gnb > ul > li.active > a .icon-dpz,
#header .gnb > ul > li > a:hover > .icon-dpz,
.gnbOpen #header.type-wht .gnb > ul > li.active > a .icon-dpz,/* 2021-11-02 KDP-7328 */
.gnbOpen #header.type-wht .gnb > ul > li > a:hover > .icon-dpz /* 2021-11-01 KDP-7328 */
{background-image:url("../_images/common/icon-16-midium-location-white.svg")}/*211025*/
#header .new-gnb {float: left; height: 100%; }

#header .gnb > ul { height:100%; }

/* 2021-10-22 KDP-7066 */
#header .gnb > ul > li { float:left; height:100%; padding:25px 0 23px; line-height: 1; } 
#header .gnb > ul > li > a {position:relative; display:block; font-size:14px; color:#000; font-weight:bold; padding: 9px 12px; border-radius: 20px;}
#header .gnb > ul > li.active > a,
#header .gnb > ul > li > a:hover {background-color: #000; color: #fff !important;} /* 2021-10-28 KDP-7283 */
#header .gnb > ul > li.active > a > .icon-dpz,
#header .gnb > ul > li.active > a.outlink:after,
#header .gnb > ul > li > a:hover > .icon-dpz,
#header .header-right.gnbMenu ul {font-size: 0px;} 
#header .header-right.gnbMenu > ul {height: 100%;} /* 2021-11-08 KDP-7511 */
#header .header-right.gnbMenu .ico-large {width: 23px; height: 23px;}

/* #header .gnb > ul > li > a:before {content:'';position:absolute;bottom:-5px;width:0;left:50%;transform:translateX(-50%);height:2px;background-color:#000;-webkit-transition:width 0.3s; -moz-transition:width 0.3s; -o-transition:width 0.3s; transition:width 0.3s;} 
#header .gnb > ul > li.active > a:before {width:100%;}
#header .gnb > ul > li > a:hover:before {width:100%;} */

#header .gnb a.outlink:after { display:inline-block; width:13px; height:12px; margin-top:-3px; margin-left:7px; vertical-align:middle; background:url("../_images/common/icon-outlink.svg"), url("../_images/common/icon-16-midium-link-white.svg") no-repeat center center; content:""; }/* 211025 */
#header .gnb .gnb2depth a.outlink:after {background-size: 12px;}/* 211025 */
#header .gnb > ul > li > a.outlink:hover:after {background-image: url("../_images/common/icon-16-midium-link-white.svg");}
#header .gnb .gnb2depth .gnbBanner a.outlink{position:relative;padding-right:18px}
#header .gnb .gnb2depth .gnbBanner a.outlink:after {position: absolute;top: 50%;right: -4px;width:10px;height:11px;margin-top:0;background-position:-1px 0px;background-size: 12px;transform: translate(-52.1%, -50.1%)}

#header .header-right { position: relative; display:block; float:right; height:100%; margin-right:-12px; }
#header .header-right > ul > li {display:inline-block; height:100%;padding:0 12px 0 13px;vertical-align:middle; } /* 2021-10-22 KDP-7066 */
#header .header-right > ul > li > a{ display:flex; align-items: center; height:100%; line-height:80px;font-size:16px; color:#000; font-weight:bold; vertical-align:middle; } /* 2021-11-08 KDP-7511 */
#header .header-right > ul > li > a.link-cart{position:relative;}
.cart-inner-count{position:absolute;right:-5px;top:24px;display:none;width:15px;height:15px;border-radius:50%;background-color:#2189FF;color:#fff;font-size:10px;line-height:16px;text-align:center;}/* 211101 */
/*<span class="cart-inner-count">3</span>*/
#header .header-right > a:nth-last-child(4) { margin-left:28px; padding-right:7px; }
#header .header-right > ul > li:last-child{display:none;}
#header .header-right > .link { padding:0 19px; }
#header .header-right > .link-m-nav { display:none; }
#header .header-right > .link-location:after { display:inline-block; width:16px; height:16px; margin-top:-3px; margin-left:6px; vertical-align:middle; background:url("../_images/common/icon-location.svg") no-repeat center center; content:""; }
#header .header-right > ul > li .link-outlink { position:relative; padding-right:24px; }
#header .header-right > ul > li .link-outlink:after {  content:""; position:absolute; top:50%; right:0; width:16px; height:16px; margin-top:-8px; vertical-align:middle; background:url("../_images/common/icon-outlink.svg") no-repeat center center;}
/*#header .header-right > ul > li .link-m-nav { display:none; }*/
.member-head { max-width:1440px; }
.lnb-back,
.mob-onlyMenu{display:none;}
.font-color-white{color:#fff !important;}
.font-color-black{color:#000 !important;}
.font-bold{font-weight:bold !important;}  
.strong-skyblue{color:#2189FF !important;}
.bold,
.fontBold{font-weight:bold;}
.blind{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}

.new-gnb .gnb2depth {
	position: absolute;
	top: 80px; right: 0; left: 0;
	height: 0;
	opacity: 0;
	overflow: hidden;
	background: #fff;
	transition: all .3s;
}
.gnbOpen .new-gnb .gnb2depth {
	opacity: 1;
	height: 650px; 
} /* 20201022 gnb2depth height 수정 */
.new-gnb .gnb2depth .inner {
	position: relative;
	width: 1390px; 

	/* 2021-11-09 KDP-7553 gnb 높이 조정 */
	/* height: calc(100% - 100px); */
	height: 100%;

	margin: 36px auto 0;
	opacity: 0;
	transition: opacity .3s;
}
.new-gnb .gnb2depth .inner:after {content: ""; display: block; clear: both;}
.new-gnb .active .gnb2depth {z-index: 10;}
.new-gnb .active .gnb2depth > .inner {opacity: 1;}
.new-gnb .gnb2depth a {
	position: relative;
	display: inline-block;
	max-width: calc(100% - 40px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 18px;
	line-height: 1.4;
}
.new-gnb .gnb2depth a.special { color:#2189ff; } /* 201101 특별기획전 텍스트 수정 */
.new-gnb .gnb2depth a:not(.rec-link):before { /* 201005 */
	content:"";
	position: absolute;
	bottom: 0; left: 50%;
	width: 0;
	transition: left .3s, width .3s;
	border-bottom: 1px solid #000;
}
.new-gnb .gnb2depth .active > a {font-weight: bold;}
.new-gnb .gnb2depth a:not(.rec-link):hover {/* 201005 */
	font-weight: bold;
}
.new-gnb .gnb2depth a:hover:before {
	left: 0; width: 100%;
}
.new-gnb .gnb2depth a[href="#"]:hover:before {display: none;}
.new-gnb .gnb2depth li {padding: 9px 0; line-height: 1;}
.new-gnb .gnb2depth li:after {
	content: "";
	float: right;
	position: relative;
	top: 0; left: -20px;
	width: 25px; height: 25px;
	background: url('../_images/common/icon-gnb-arrow.svg') no-repeat 50% 50%;
	background-size: 10px;
	opacity: 0;
	transition: left .5s, opacity .2s;
}
.new-gnb .gnb2depth li.active:after {
	left: 0;
	opacity: 1;
}
.new-gnb .gnb2depth li {width: calc(100% - 472px);}

.new-gnb .gnb2depth .inner > .list {margin-top: 16px;}
.new-gnb .gnb2depth .inner > .list.onDepth > li {width: 209px;}
.new-gnb .gnb3depth, .new-gnb .gnb4depth { 
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 209px;
	margin-left: -20px; opacity: 0;
	transition: margin .5s;
	overflow: hidden;
}
.new-gnb .gnb3depth:not(.new-prd-list) > ul > li {
	padding-left: 50px;
	padding-right: 50px;
}
.new-gnb .gnb3depth > ul.onDepth > li {width: 348px;}
.new-gnb .gnb4depth {width: 360px; left: 348px;}
.new-gnb .gnb4depth ul {transform: translateY(0);}
.new-gnb .gnb4depth li {width: 100%;}
.new-gnb li.active > .gnb4depth ul {transition: transform .5s;}
.new-gnb li.active > .gnb3depth, .new-gnb li.active > .gnb4depth {
	margin-left: 0; opacity: 1; z-index: 2;
	transition: margin .5s, opacity .5s;
}

.new-gnb .btnListControl {
	position: absolute;
	top: 50%; right: 18px;
	transform: translateY(-50%);
}
.new-gnb .btnListControl button {
	display: block;
	width: 25px; height: 25px;
	background: url('../_images/common/icon-gnb-arrow.svg') no-repeat 50% 50%;
	font-size: 0;
}
.new-gnb .btnListControl button:disabled {opacity: .2;}
.new-gnb .btnListControl .btnUp {transform: rotate(-90deg);}
.new-gnb .btnListControl .btnDown {
	margin-top: 24px;
	transform: rotate(90deg);
}
.new-gnb .gnbBanner {
	position: absolute;
	top: 0; right: 0; bottom: 0;
	width: 472px; 
	padding: 0 0 0 82px;
	border-left: 1px solid #ddd;
	font-weight: bold;
	opacity: 0;
	z-index: 2;
	transition: opacity .5s;
}
.new-gnb .active > .gnb2depth > .inner > .gnbBanner,
.new-gnb .active > .gnb3depth > .gnbBanner {
	opacity: 1;
	z-index: 3;

}
.new-gnb .gnbBanner a:before {display: none;}
.new-gnb .gnbBanner .img {
	width: 330px; height: 330px;
	margin: 0 0 24px;
	overflow: hidden;
	border-radius: 20px;
}
.new-gnb .gnbBanner .img img {
	width: 100%;
	transition: transform .5s;
}
.new-gnb .gnbBanner .img:hover img {transform: scale(1.05);}
.new-gnb .gnbBanner .txt {
	margin: 0 0 18px;
	font-size: 18px;
}
.new-gnb .gnbBanner .link {font-size: 14px; text-decoration: underline;}

/* 210616 */
.new-gnb .gnbBanner.type2 .link-box a +a{margin-left:20px}
.new-gnb .gnbBanner.type2 .link-box .btn{padding:0 14px}
.new-gnb .gnbBanner.type2 .link-box a span{font-size: 14px}
@media (max-width: 1100px){
	.new-gnb .gnbBanner.type2 .link-box a{width:auto}
}

.new-gnb .gnb-close {
	display: none;
	position: absolute;
	top: 80px; right: 50%;
	margin: 36px -700px 0 0;
	width: 20px; height: 20px;
	background: url('../_images/common/icon-close-large.svg') no-repeat;
	background-size: cover;
	font-size: 0;
	z-index: 10;
}
.new-gnb .gnb-back {display: none;}
.gnbOpen .new-gnb .gnb-close {display: block;}

/* gnb 추천 상품 (공통) - 201005 추가 */
.new-gnb .gnb2depth li.new:after { background-image:none; }
.new-gnb .new-prd-list .prd-list-wrap img { max-width:initial; }
.new-gnb .new-prd-list .prd-list-wrap .pc-pic { display:block; }
.new-gnb .new-prd-list .prd-list-wrap .mo-pic { display:none; }
.new-gnb .new-prd-list .prd-list-wrap a { display:inline-block; width:100%; max-width:100%; height:100%; }
.new-gnb .new-prd-list .prd-list-wrap a .pic-wrap { position:absolute; display:inline-block; width:100%; max-width:100%; border-radius:20px; overflow:hidden; }
.new-gnb .new-prd-list .prd-list-wrap a .pic-wrap span { width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; }
.new-gnb .new-prd-list .prd-list-wrap .tit,
.new-gnb .new-prd-list .prd-list-wrap .desc { display:inline-block; width:100%; display: -webkit-box;  text-align:center; overflow:hidden; text-overflow: ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; }
.new-gnb .new-prd-list .prd-list-wrap .tit { font-weight:bold; /* height:74px; */ max-height:74px; }
/* .new-gnb .new-prd-list .prd-list-wrap .desc { height:40px; max-height:40px; } */
.new-gnb .new-prd-list .tit.theme-wht { color:#fff; }
.new-gnb .new-prd-list .desc.theme-wht { color:rgba(255,255,255,0.8); }
.new-gnb .new-prd-list .tit.theme-blk { color:#000; }
.new-gnb .new-prd-list .desc.theme-blk { color:#707070; }

/* gnb 추천 상품 */
.new-gnb .new-prd-list.gnb3depth { height:560px; }
.new-gnb .new-prd-list .prd-list-wrap { position:relative; display:inline-block; width:100%; height:100%; }
.new-gnb .new-prd-list .prd-list-wrap .main-prd { position:absolute; top:0; left:0; width:428px; height:560px; }
.new-gnb .new-prd-list .prd-list-wrap .main-prd a { position:relative; padding:0; }
.new-gnb .new-prd-list .prd-list-wrap .main-prd a .pic-wrap { display:inline-block; width:100%; height:100%; background-color:#f7f7f7; border-radius:20px; overflow:hidden; z-index: -1; }
.new-gnb .new-prd-list .prd-list-wrap .main-prd .txt-grp { position:absolute; top:400px; left:0; right:0; padding:0 30px; }
.new-gnb .new-prd-list .prd-list-wrap .main-prd .tit { font-size:30px; line-height:37px; }
.new-gnb .new-prd-list .prd-list-wrap .main-prd .tit.mo-color { color:#000 !important; }
.new-gnb .new-prd-list .prd-list-wrap .main-prd .desc { display:block; margin-top:18px; font-size:14px; line-height:20px; }
.new-gnb .new-prd-list .prd-list-wrap .main-prd .desc.mo-color { color:#707070 !important;}

.new-gnb .new-prd-list .prd-list-wrap .sub-prd { position:absolute; width:202px; height:268px; border-radius:20px; background-color:#f7f7f7; } 
.new-gnb .new-prd-list .prd-list-wrap .num-1 { top:0; left:calc(428px + 24px); }
.new-gnb .new-prd-list .prd-list-wrap .num-2 { top:292px; left:calc(428px + 24px); }
.new-gnb .new-prd-list .prd-list-wrap .num-3 { top:0; left:calc(428px + 250px); }
.new-gnb .new-prd-list .prd-list-wrap .num-4 { top:292px; left:calc(428px + 250px); }
.new-gnb .new-prd-list .prd-list-wrap .num-5 { top:0; left:calc(428px + 476px); }
.new-gnb .new-prd-list .prd-list-wrap .num-6 { top:292px; left:calc(428px + 476px); }
.new-gnb .new-prd-list .prd-list-wrap .sub-prd a { padding:/*24px 20px 0*/0;}
.new-gnb .new-prd-list .prd-list-wrap .sub-prd a .pic-wrap { display:inline-block; width:100%; height:100%; border-radius:20px; overflow:hidden; }
.new-gnb .new-prd-list .prd-list-wrap .sub-prd a .pic-wrap img { z-index:0; }

.new-gnb .new-prd-list .prd-list-wrap .sub-prd .txt-grp {  height:86px; margin-top:18px; white-space:normal; position:absolute; margin:164px 0 0 20px; width:calc(100% - 40px); }
.new-gnb .new-prd-list .prd-list-wrap .sub-prd .tit { display:flex; flex-direction:column; align-items:center; justify-content:center; height:45px; font-size:18px; line-height:23px; }
.new-gnb .new-prd-list .prd-list-wrap .sub-prd .tit span { display:inline-block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; width:100%; max-height:inherit;}
.new-gnb .new-prd-list .prd-list-wrap .sub-prd .desc { margin-top:8px; max-height:33px; font-size:12px; line-height:16px; }

/* GNB Samsung Sharp Sans */
.new-gnb .gnb a.font-sans {font-family: 'Samsung Sharp Sans'; font-size: 16px;}
.new-gnb .gnb a.font-sans:hover {font-family: 'Samsung Sharp Sans'; font-size: 18px;}

.new-gnb .gnb .gnb2depth a.font-sans {height: 25px; padding-top: 3px;}
.new-gnb .gnb .gnb2depth a.font-sans:hover {height: 25px; padding-top: 0px;}
.new-gnb .gnb .gnb2depth .active a.font-sans {padding-top: 0px; font-size: 18px;}
.new-gnb .gnb .gnb2depth .active a.font-sans:hover {padding-top: 0;}

.new-gnb .gnb .gnb3depth li:not(.active) a.font-sans {font-size: 16px;}
.new-gnb .gnb .gnb3depth li:not(.active) a.font-sans:hover {padding-top: 0px; font-size: 18px;}
.new-gnb .gnb .gnb3depth li:not(.active) a.font-sans {padding-top: 3px;}

.new-gnb .gnb a.font-mix {font-family: 'SamsungOneKorean', '돋움', sans-serif; font-size: 18px; padding-top: 0;}
.new-gnb .gnb a.font-mix:hover {font-weight: bold; font-family: 'SamsungOneKorean'; padding-top: 0;}

/* GNB icon */
.new-gnb .gnb .gnb2depth li.list-icon {padding-top: 7px; padding-bottom: 6px;}
.new-gnb .gnb .gnb2depth li.list-icon > a {height: 30px; line-height: 30px;}
.new-gnb .gnb .gnb2depth li.list-icon > a:hover {height: 30px;}
.new-gnb .gnb .gnb2depth li.list-icon span.icon-before,
.new-gnb .gnb .gnb2depth li.list-icon span.icon-after {display: inline-block; position: relative; width: 30px; height: 30px; margin-right: 6px; vertical-align: top;}
.new-gnb .gnb .gnb2depth li.list-icon span.icon-after {margin-right: 0; margin-left: 6px;}
.new-gnb .gnb .gnb2depth li.list-icon .font-sans span.icon-before,
.new-gnb .gnb .gnb2depth li.list-icon .font-sans span.icon-after {top: -3px;}
.new-gnb .gnb .gnb2depth li.list-icon.active .font-sans span.icon-before,
.new-gnb .gnb .gnb2depth li.list-icon.active .font-sans span.icon-after {top: 0;}
.new-gnb .gnb .gnb2depth li.list-icon .font-sans:hover span.icon-before,
.new-gnb .gnb .gnb2depth li.list-icon .font-sans:hover span.icon-after {top: 0;}

@media all and (min-width:1100px) and (max-width:1440px) {
	.gnbOpen .new-gnb .gnb2depth {height: 44.055556vw;} /* 20201022 gnb2depth height 수정 */
	.new-gnb .gnb2depth .inner {width: auto; /* height: calc(100% - 8.3333vw);  */ height: 100%; margin: 2.5vw 1.66667vw 0;} /* 2021-11-09 KDP-7553 gnb 높이 조정 */ 
	.new-gnb .gnb2depth .inner > .list {margin-top: 1.111111vw;}
	.new-gnb .gnb2depth .inner > .list.onDepth > li {width: 14.513889vw;}
	.new-gnb .gnb2depth a {max-width: calc(100% - 2.77778vw); font-size: 1.25vw;}
	.new-gnb .gnb2depth li {width: calc(100% - 32.77778vw); padding: 0.625vw 0;}
	.new-gnb .gnb2depth li:after {width: 1.736111vw; height: 1.736111vw; background-size: 0.69444vw;}
	.new-gnb .gnb3depth, .new-gnb .gnb4depth {left: 14.5138889vw;}
	.new-gnb .gnb3depth > ul > li {padding-right:3.47222vw; padding-left: 4.166667vw;}
	.new-gnb .gnb3depth > ul.onDepth > li {width: 24.1666667vw;}
	.new-gnb .gnb4depth {width: 24vw; left: 24.166667vw;}
	.new-gnb .gnb4depth li {width: 100%;}

	.new-gnb .btnListControl {right: 1.25vw;}
	.new-gnb .btnListControl button {width: 1.7361111vw; height: 1.7361111vw; background-size: 0.694444vw;		;}
	.new-gnb .btnListControl .btnDown {margin-top: 1.6667vw;}
	.new-gnb .flag-new {width: 3.33333vw; height: 1.388889vw; margin-left: 0.69444vw; line-height:1.388889vw; font-size: 0.97222vw; border-radius:2.083333vw;}

	.new-gnb .gnbBanner {width: 32.77778vw; padding: 0 0 0 5.69444vw;}
	.new-gnb .gnbBanner .img {width: 22.916667vw; height: 22.916667vw; margin: 0 0 1.666667vw; border-radius: 1.388889vw;}

	.new-gnb .gnb-close {right: 1.66667vw; margin: 2.5vw 0 0; width: 1.944444vw; height: 1.944444vw;}
	.new-gnb .gnbBanner .txt {margin: 0 0 1.25vw; font-size: 1.25vw; }
	.new-gnb .gnbBanner .link {font-size: 0.97222vw;}

	/* gnb 추천 상품 (공통) - 201005 추가 */
	.new-gnb .new-prd-list .prd-list-wrap img { max-width:initial; }
	.new-gnb .new-prd-list .prd-list-wrap a { width:100%; max-width:100%; height:100%; }
	.new-gnb .new-prd-list .prd-list-wrap a .pic-wrap { width:100%; max-width:100%; border-radius:1.3889vw; }
	.new-gnb .new-prd-list .prd-list-wrap a .pic-wrap img { top:0; left:0; right:0; bottom:0; max-height:100%; }
	.new-gnb .new-prd-list .prd-list-wrap .tit,
	.new-gnb .new-prd-list .prd-list-wrap .desc { width:100%; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; }
	.new-gnb .new-prd-list .prd-list-wrap .tit { max-height:5.1389vw; }
	.new-gnb .new-prd-list .prd-list-wrap .desc { max-height:2.7778vw; }

	/* gnb 추천 상품 */
	.new-gnb .new-prd-list.gnb3depth { height:38.8889vw; }
	.new-gnb .new-prd-list .prd-list-wrap { width:100%; height:100%; }
	.new-gnb .new-prd-list .prd-list-wrap > .main-prd { top:0; left:0; width:29.7222vw; height:38.8889vw; }
	.new-gnb .new-prd-list .prd-list-wrap > .main-prd a .pic-wrap { width:100%; height:100%;  border-radius:1.3889vw;   }
	.new-gnb .new-prd-list .prd-list-wrap > .main-prd .txt-grp { top:27.7778vw; left:0; right:0; padding:0 2.0833vw; }
	.new-gnb .new-prd-list .prd-list-wrap > .main-prd .tit { font-size:2.0833vw; line-height:2.5694vw; }
	.new-gnb .new-prd-list .prd-list-wrap > .main-prd .desc { margin-top:1.2500vw; font-size:0.9722vw; line-height:1.3889vw; }

	.new-gnb .new-prd-list .prd-list-wrap .sub-prd { width:14.0278vw; height:18.6111vw; border-radius:1.3889vw;  } 
	.new-gnb .new-prd-list .prd-list-wrap .num-1 { top:0; left:calc(29.7222vw + 1.6667vw); }
	.new-gnb .new-prd-list .prd-list-wrap .num-2 { top:20.2778vw; left:calc(29.7222vw + 1.6667vw); }
	.new-gnb .new-prd-list .prd-list-wrap .num-3 { top:0; left:calc(29.7222vw + 17.3611vw); }
	.new-gnb .new-prd-list .prd-list-wrap .num-4 { top:20.2778vw; left:calc(29.7222vw + 17.3611vw); }
	.new-gnb .new-prd-list .prd-list-wrap .num-5 { top:0; left:calc(29.7222vw + 33.0556vw); }
	.new-gnb .new-prd-list .prd-list-wrap .num-6 { top:20.2778vw; left:calc(29.7222vw + 33.0556vw); }
	.new-gnb .new-prd-list .prd-list-wrap .sub-prd a { padding:/*1.6667vw 1.3889vw 0*/0;}
	.new-gnb .new-prd-list .prd-list-wrap .sub-prd a .pic-wrap { width:100%; height:100%; border-radius:1.3889vw; overflow:hidden; }
	/* .new-gnb .new-prd-list .prd-list-wrap .sub-prd a .pic-wrap img {  } */
	.new-gnb .new-prd-list .prd-list-wrap .sub-prd .txt-grp { flex-direction:column; align-items:center; justify-content:center; height:5.9722vw; margin-top:1.2500vw; white-space:normal;  margin:11.3889vw 0 0 1.3889vw; width:calc(100% - 2.7778vw); }
	.new-gnb .new-prd-list .prd-list-wrap .sub-prd .tit { max-height:3.1250vw; font-size:1.2500vw; line-height:1.5972vw; }
	.new-gnb .new-prd-list .prd-list-wrap .sub-prd .desc { margin-top:0.5556vw; max-height:2.2917vw; font-size:0.8333vw; line-height:1.1111vw; }

	/* GNB Samsung Sharp Sans */
	.new-gnb .gnb a.font-sans {font-size: 1.11vw;}
	.new-gnb .gnb a.font-sans:hover {font-size: 1.25vw;}
	.new-gnb .gnb .gnb2depth a.font-sans {height: 1.74vw; padding-top: 0.21vw;}
	.new-gnb .gnb .gnb2depth a.font-sans:hover {height: 1.74vw;}
	.new-gnb .gnb .gnb2depth .active a.font-sans {font-size: 1.25vw;}
	.new-gnb .gnb .gnb3depth li:not(.active) a.font-sans {font-size: 1.11vw;}
	.new-gnb .gnb .gnb3depth li:not(.active) a.font-sans:hover {padding-top: 0.00vw; font-size: 1.25vw;}
	.new-gnb .gnb .gnb3depth li:not(.active) a.font-sans {padding-top: 0.21vw;}
	.new-gnb .gnb a.font-mix {font-size: 1.25vw;}

	/* GNB icon */
	.new-gnb .gnb .gnb2depth li.list-icon {padding-top: 0.49vw; padding-bottom: 0.42vw;}
	.new-gnb .gnb .gnb2depth li.list-icon > a {height: 2.08vw; line-height: 2.08vw;}
	.new-gnb .gnb .gnb2depth li.list-icon > a:hover {height: 2.08vw;}
	.new-gnb .gnb .gnb2depth li.list-icon span.icon-before,
	.new-gnb .gnb .gnb2depth li.list-icon span.icon-after {width: 2.08vw; height: 2.08vw; margin-right: 0.42vw;}
	.new-gnb .gnb .gnb2depth li.list-icon span.icon-after {margin-right: 0; margin-left: 0.42vw;}
	.new-gnb .gnb .gnb2depth li.list-icon .font-sans span.icon-before,
	.new-gnb .gnb .gnb2depth li.list-icon .font-sans span.icon-after {top: -0.21vw;}
}
@media all and (max-width:1100px) {
    #header .s-inner { height:56px; }
    /* #header .header-right > ul > li:first-child {display:none;} 211025*/
	#header .header-right #useLogin +a{display:none}
    #header .header-right > ul > li:last-child{display:inline-block; margin-left: 5px;} /* 2021-11-08 KDP-7511 */
    #header .header-right > ul > li > a{line-height:56px;}
	.cart-inner-count{top:12px;right:3px}

	.gnbOpen, .gnbOpen body {overflow: hidden;}
	html.gnbOpen #wrap:before {display: none;}
	#header:before {
		content: "";
		position: fixed;
		background: rgba(0,0,0,.7);
		opacity: 0;
		transition: opacity .3s;
		z-index: -1;
	}
	.gnbOpen #header:before {
		top: 0; right: 0; bottom: 0; left: 0;
		opacity: 1;
		z-index: 1;
	}
	.gnbOpen #header {z-index: 210;}
	#header .new-gnb {
		position: fixed;
		float: none;
		top: 0; bottom: 0; right: -100%;
		width: 375px;
		background: #fff;
		transition: right .5s;
		z-index: 100;
	}
	.gnbOpen #header .new-gnb {
		right: 0;
	}
	#header .gnb {
		position: absolute;
		top: 56px; right: 0; bottom: 0; left: 0;
		padding: 0 12px;
		overflow-y: auto;
		overflow-x: hidden;
	}
	#header .gnb > ul {height: auto;}
	#header .gnb > ul > li {
		float: none;
		height: auto;
		padding: 0;
	}
	#header .gnb > ul > li > a {
		height: auto;
		padding: 15px 0;
		font-size: 19px;
		line-height: 1.3;
		font-weight: normal;
	}

	/* 2021-10-22 KDP-7066 */
	#header .gnb > ul > li.active > a,
	#header .gnb > ul > li > a:hover {
		background-color: transparent;
		color: #000 !important;/* 21-11-02 Mobile 1Depth black */
	}
	/* #header .gnb > ul > li.active > a > .icon-dpz,
	#header .gnb > ul > li.active > a.outlink:after,
	#header .gnb > ul > li > a:hover > .icon-dpz,
	#header .gnb > ul > li > a.outlink:hover:after {
		filter: none;
	} */
	/* 21-11-02 Mobile 1Depth black */
	#header .gnb > ul > li.active > a .icon-dpz,
	#header .gnb > ul > li > a:hover > .icon-dpz,
	.gnbOpen #header.type-wht .gnb > ul > li.active > a .icon-dpz,
	.gnbOpen #header.type-wht .gnb > ul > li > a:hover > .icon-dpz {
		background-image: url("../_images/common/icon-locationinfo.svg");
	}
	#header .gnb > ul > li > a.outlink:hover:after {
		background-image: url("../_images/common/icon-outlink.svg");
	}

	#header .gnb > ul > li > a:before {display: none;}
	.new-gnb .gnb > ul > li > a[href="#"]:after {
		content: "";
		position: absolute;
		top: 50%; right: 0;
		width: 25px; height: 25px;
		background: url('../_images/common/icon-gnb-arrow.svg') no-repeat 50% 50%;
		background-size: 10px;
		transform: translateY(-50%);
	}
	.new-gnb .gnb-close {top: 80px;}
	.new-gnb .gnb-back {
		display: none;
		position: absolute;
		top: 15px; left: 12px;
		width: 26px; height: 26px;
		background: url('../_images/common/icon-gnb-prev.svg') no-repeat 50% 50%;
		font-size: 0;
	}
	.new-gnb .gnb-back.show {display: block;}
	.new-gnb .gnb-close {
		top: 15px; right: 12px;
		margin: 0;
		width: 26px; height: 26px;
		background-size: cover;
	}
	.new-gnb .gnb2depth, 
	.new-gnb .gnb3depth,
	.new-gnb .gnb4depth {
		position: absolute;
		height: auto;
		top: 0; bottom: auto; right: 0; left: auto;
		width: 100%; height: calc(100vh - 56px);
		margin: 0;
		background: #fff;
		overflow-y: auto;
		overflow-x: hidden;
		opacity: 1;
		transition: right .5s;
	}
	/* s: ios 크래쉬 수정 */
	.new-gnb .gnb2depth {
		right: -100%;
	}
	.new-gnb .gnb3depth,
	.new-gnb .gnb4depth{
		display:none;
	}
	/* e: ios 크래쉬 수정 */
	.new-gnb .rel > ul {overflow: hidden;}
	.new-gnb .rel .gnb3depth,
	.new-gnb .rel .gnb4depth {position: absolute; top: 0; height: auto;}
	.new-gnb .gnb2depth {bottom: 0; z-index: 2; overflow: hidden;}
	.new-gnb .gnb3depth {z-index: 3;}
	.new-gnb .gnb4depth {z-index: 4;}
	.new-gnb .active .gnb2depth {right: 0;}
	.new-gnb .gnb2depth .inner {height: auto;}
	.new-gnb .gnb2depth ul {
		padding: 0 12px;
		transition: height .5s;
	}
	.new-gnb .gnb2depth li {width: auto; padding: 0;}
	.new-gnb .gnb2depth li:after {display: none;}
	.new-gnb .gnb2depth a {
		position: relative;
		display: block;
		max-width: 100%;
		padding: 15px 25px 15px 0;
		font-size: 19px;
		line-height: 1.3;
		font-weight: normal;
	}
	.new-gnb .gnb2depth a:before {display: none;}
	.new-gnb .gnb2depth a[href="#"]:after {
		content: "";
		position: absolute;
		top: 50%; right: 0;
		width: 25px; height: 25px;
		background: url('../_images/common/icon-gnb-arrow.svg') no-repeat 50% 50%;
		background-size: 10px;
		transform: translateY(-50%);
	}
	.new-gnb .gnb2depth .inner {
		width: auto;
		margin: 0;
	}
	.new-gnb .gnb2depth .inner > .list {
		margin: 0;
	}
	.new-gnb .gnb2depth .inner > .list.onDepth > li {width: auto;}
	.new-gnb .gnb3depth > ul > li {
		width: auto;
		padding: 0;
	}
	
	.gnbOpen .new-gnb .gnb2depth {height: auto; /*overflow-y:auto;*/ }
	.new-gnb li.active > .gnb3depth,
	.new-gnb li.active > .gnb4depth {
		/* s: ios 크래쉬 수정 */
		display:block;
		/* e: ios 크래쉬 수정 */
		/* right: 0;
		transition: right .5s; */
	}
	
	.new-gnb .gnb3depth > ul.onDepth > li {width: auto;}
	.new-gnb .gnb3depth:not(.new-prd-list) > ul > li {
		padding-left: 0;
		padding-right: 0px;
	}
	.new-gnb .gnbBanner {
		position: static;
		width: auto;
		padding: 36px 12px 60px;
		border: 0;
	}
	.new-gnb .gnbBanner a {
		width: 100%;
		max-width: 100%;
		padding: 0;
		font-weight: bold;
	}
	.new-gnb .gnbBanner .img {width: 100%; height: 100%;}
	.new-gnb .mob-onlyMenu {
		display: block;
		margin-top: 36px;
		padding: 36px 0; /* 210625 */
		border-top: 1px solid #ddd;
	}
	.new-gnb .mob-onlyMenu .welcomeMsg {
		padding-bottom: 10px;
		font-size: 20px;
		font-weight: bold;
		line-height: 40px;
	}
	.new-gnb .mob-onlyMenu .welcomeMsg span {
		font-size: inherit;
		font-weight: inherit;
		vertical-align: top;
	}
	#header .header-right {
		position: absolute;
		top: 0; right: 12px;
	}

	/* gnb 추천 상품 (공통) - 201005 추가 */
	/* .new-gnb .new-prd-list.gnb3depth { height:calc(100vh - 56px); text-align:center; } */
	.new-gnb .new-prd-list.gnb3depth .pc-pic { display:none; }
	.new-gnb .new-prd-list.gnb3depth .mo-pic { display:block; }
	.new-gnb .new-prd-list.gnb3depth { height:100vh; overflow-y:auto; }
	.new-gnb .new-prd-list .prd-list-wrap { height:auto; padding-bottom:80px; }
	.new-gnb .new-prd-list .prd-list-wrap .txt-grp .tit { max-height:45px; font-size:16px; line-height:21px; justify-content: start; }
	.new-gnb .new-prd-list .prd-list-wrap .txt-grp .tit.mo-color { color:#000 !important; }
	.new-gnb .new-prd-list .prd-list-wrap .txt-grp .desc { height:initial; max-height:33px; margin-top:6px; font-size:12px; color:#707070; line-height:16px; }
	.new-gnb .new-prd-list .prd-list-wrap .txt-grp .desc.mo-color { color:#707070 !important; }
	.new-gnb .new-prd-list .prd-list-wrap a .pic-wrap {   width:100%; max-width:100%; border-radius:10px; overflow:hidden;  }
	.new-gnb .new-prd-list .prd-list-wrap a .pic-wrap img { top:50%; left:50%; transform:translate(-50%, -50%); }
	.new-gnb .new-prd-list .prd-list-wrap .sub-prd { position:relative; display:inline-block; width:169px; height:auto; margin-bottom:30px; background-color:transparent; vertical-align:top; }
	.new-gnb .new-prd-list .prd-list-wrap .sub-prd:nth-child(2n-1) { margin-right:8px; }
	.new-gnb .new-prd-list .prd-list-wrap .sub-prd a { /* max-height:256px; */ padding:0; }	
	.new-gnb .new-prd-list .prd-list-wrap .sub-prd a .pic-wrap { position:relative; height:169px; background-color:#F4F2EB; border-radius:10px; overflow:hidden; margin-bottom:12px; }
	.new-gnb .new-prd-list .prd-list-wrap .sub-prd .txt-grp { position:relative; width:100%; max-height:86px; justify-content:flex-start; }

	/* GNB Samsung Sharp Sans */
	.new-gnb .gnb .gnb2depth a.font-sans {height: 54px; line-height: 54px;}
	.new-gnb .gnb .gnb2depth a.font-sans:hover {height: 54px; line-height: 51px;}
	.new-gnb .gnb .gnb2depth a.font-mix {height: 54px; line-height: 54px;}
	.new-gnb .gnb .gnb2depth a.font-mix:hover {height: 54px; line-height: 51px;}

	/* GNB icon */
	.new-gnb .gnb .gnb2depth li.list-icon {padding: 0;}
	.new-gnb .gnb .gnb2depth li.list-icon > a {padding: 0; height: 54px; line-height: 54px;}
	.new-gnb .gnb .gnb2depth li.list-icon > a:hover {height: 54px; line-height: 51px;}
	.new-gnb .gnb .gnb2depth li.list-icon span.icon-before,
	.new-gnb .gnb .gnb2depth li.list-icon span.icon-after {vertical-align: middle;}
	.new-gnb .gnb .gnb2depth li.list-icon .font-sans span.icon-before,
	.new-gnb .gnb .gnb2depth li.list-icon .font-sans span.icon-after {top: 0;}
}

@media all and (max-width: 530px) {
	
	/*#header .logo img { height: 18px; }  20201022 20 > 18 로고 사이즈 수정 */
	#header .logo.familyLogo img { height: 23px; } /* 201026 패밀리넷 로고 */
	#header .logoCollabo .firstLogo img {max-height: 20px; }
	#header .logoCollabo .crossIcon {height: 20px; margin:0 5px;}
	#header .new-gnb {width: 100%;}
	.new-gnb .gnb2depth,
	.new-gnb .gnb3depth,
	.new-gnb .gnb4depth {
		position: fixed;
		width: 100%;
		top: 56px;
	}
}
/* @media all and (max-width:1100px) {
	.gnbOpen .gnb .gnb2depth {height: 56.363636vw;}z
	.gnb .gnb2depth .inner {margin: 3.27273vw 2.181818vw 0;}
	.gnb .gnb2depth .inner > .list {margin-top: 1.454545vw;}
	.gnb .gnb2depth .inner > .list > li {width: 19vw;}
	.gnb .gnb2depth a {max-width: calc(100% - 3.636364vw); font-size: 1.636363vw;}
	.gnb .gnb2depth li {padding: 1.1818182vw 0;}
	.gnb .gnb2depth li:after {width: 2.27273vw; height: 2.27273vw; background-size: 0.90909vw;}
	.gnb .gnb3depth, .new-gnb .gnb4depth {left: 19vw;}
	.gnb .gnb3depth > ul > li {width: 31.636364vw; padding: 1.27273vw 4.54545vw 1.27273vw 5.454545vw;}
	.new-gnb .gnb4depth {width: 32.727273vw; left: 31.636364vw;}

	.gnb .btnListControl {right: 1.25vw;}
	.gnb .btnListControl button {width: 1.7361111vw; height: 1.7361111vw; background-size: 0.694444vw;		;}
	.gnb .btnListControl .btnDown {margin-top: 1.6667vw;}
	.gnb .flag-new {width: 3.33333vw; height: 1.388889vw; margin-left: 0.69444vw; line-height:1.388889vw; font-size: 0.97222vw; border-radius:2.083333vw;}

	.gnb .gnbBanner {width: 42.909091vw; height: 42.181818vw; padding: 0 0 0 7.4545455vw;}
	.gnb .gnbBanner .img {width: 30vw; height: 30vw; margin: 0 0 2.1818182vw; border-radius: 1.818182vw;}

	.gnb .gnb-close {right: 2.18182vw; width: 1.818182vw; height: 1.818182vw;}
	.gnb .gnbBanner .txt {margin: 0 0 1.636364vw; font-size: 1.636364vw; }
	.gnb .gnbBanner .link {font-size: 1.27273vw;}
} */
/* Icon */
.icon { display:inline-block; font-size:0; vertical-align:middle; background-repeat:no-repeat !important; background-position:center center !important; background-size:contain !important; }
.ico-default { width:16px; height:16px; }
.ico-large { width:26px; height:26px; }
.ico-zoom { background-image:url("../_images/common/icon-zoom.svg"); }
.ico-cart { width:35px; background-image:url("../_images/common/icon-cart.svg"); }
.ico-people { background-image:url("../_images/common/icon-people.svg"); }
.ico-people-logged { background-image:url("../_images/common/icon-people-blk.svg"); }  
.ico-nav { background-image:url("../_images/common/icon-nav.svg"); }
.ico-required { font-size:16px; color:#fa2337 !important; font-weight:bold;}
.ico-required span { position:absolute; overflow:hidden; border:0; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%); }
.ico-sns { display:inline-block; width:46px; height:46px; font-size:0; vertical-align:middle; background-repeat:no-repeat !important; background-position:center center !important; background-size:contain !important; }
.sns-naver { background-image:url("../_images/common/sns-naver.png"); }
.sns-kakao { background-image:url("../_images/common/sns-kakao.png"); }
.sns-facebook { background-image:url("../_images/common/sns-facebook.png"); }
.sns-instagram { background-image:url("../_images/common/sns_instagram.svg"); }
.copy-link { background-image:url("../_images/common/icon-copylink.svg"); }

/* 새로운 dropdown list */
.wrap-droplist { position:relative; }
.wrap-droplist .droplist-button { position:relative; width:100%; min-height:32px; padding-right:40px; font-size:14px; color:#999; border:1px solid #b2b2b2; border-top:none; border-right:none; border-left:none; border-radius:0; background:#fff; text-align:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; cursor:pointer; z-index:1; box-sizing:border-box; }
.wrap-droplist .droplist-button:before { content:''; display:block; position:absolute; top:50%; margin-top:-8px; right:6px; width:16px; height:16px; background:url('../_images/common/icon-drop-down-pd.svg') right center no-repeat;}
.wrap-droplist .droplist-button.selected { color:#000; font-weight: bold; }
.wrap-droplist .droplist-button:disabled { color:#ddd; border-color:#d9d9d9; pointer-events:none; }
.wrap-droplist .droplist-button:disabled:before { opacity:0.3; }
.wrap-droplist .droplist { display:none; overflow:hidden; overflow-y:auto; position:absolute; /* top:calc(100% + 6px); */ top:calc(100% - 1px); left:0; width:100%; height:0; text-align:left; list-style:none; border-radius: 0 0 20px 20px; border:1px solid #b2b2b2; background:#fff; z-index:-1; opacity:0; box-sizing: unset;} /* 200824 top, border-radius 값, 200910 z-index 2- > -1 */
.wrap-droplist .droplist li { position:relative; z-index:1; display:block; width:100%; min-height:40px; line-height:40px; padding:0 24px; color:#707070; font-size:13px; pointer-events:all; cursor:pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.wrap-droplist .droplist li > div { margin:0 -20px; line-height:inherit; }
.wrap-droplist .droplist li > a{color:#707070;font-size:13px;}/* 210525 웹접근성추가 */
.wrap-droplist .droplist li.disabled {color: #ddd;}
.wrap-droplist .droplist li:not(.disabled):hover,
.wrap-droplist .droplist li:not(.disabled):focus,
.wrap-droplist .droplist li:not(.disabled).focused { font-weight:700; color:#000; background:#f9f9f9; }
.wrap-droplist .droplist li[aria-disabled="true"] { color:rgba(0, 0, 0, .25); pointer-events:none; }
.wrap-droplist.active .droplist { display:block; height:auto; opacity:1; transition:all .1s ease; z-index:2; box-sizing: border-box;}
.wrap-droplist.active .droplist-button:before { background:url('../_images/common/icon-drop-up-pd.svg') right center no-repeat; }
.wrap-droplist.lowdrop .droplist,
.wrap-droplist.bottom .droplist { top:auto; bottom:calc(100% + 6px); }
.wrap-droplist.rounded .droplist-button { min-height:40px; padding-left:15px; border:1px solid #b2b2b2; border-radius:10px; }
/* 드랍해제 리스트 */
.wrap-droplist.nodrop .droplist-button { display:none; }
.wrap-droplist.nodrop .droplist { position:static; height:auto; opacity:1; border-radius:0; }

/* scrollbar style for wetkit */
.wrap-droplist .droplist::-webkit-scrollbar { width:4px; background-color:transparent; }
.wrap-droplist .droplist::-webkit-scrollbar-button { display:none; }
.wrap-droplist .droplist::-webkit-scrollbar-thumb { border-radius:2em; background-color:rgba(0,0,0,.2); }
.wrap-droplist .droplist:hover::-webkit-scrollbar-thumb,
.wrap-droplist .droplist::-webkit-scrollbar-thumb:hover { background-color:rgba(0,0,0,.5); }
/* scrollbar style for mozzilla, ms */
.wrap-droplist .droplist { scrollbar-width:thin; scrollbar-color:rgba(0,0,0,.2); scrollbar-base-color:transparent; scrollbar-face-color:#ccc; scrollbar-highlight-color:transparent; scrollbar-track-color:transparent; scrollbar-arrow-color:#fff; scrollbar-shadow-color:#ccc; }
.wrap-droplist .droplist:hover { scrollbar-color:rgba(0,0,0,.5); }

#gnbmask { position:fixed; display:block; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.5); z-index:200; }
#mobmask { position:fixed; display:none; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.5); z-index:20; }
.flag-new{/* display:inline-block; */ display: none; width:48px;height:20px;margin-left:10px;line-height:20px;font-size:14px;color:#fff;background-color:#000;text-align:center;vertical-align:initial;border-radius:30px;} /* 20201016 new 삭제 */
.s-gnbSubWrap{display:none;position:absolute;background-color:#fff;z-index:60;}
.productSubWrap{padding:50px 0 60px;top:80px;left:0;right:0;z-index:61;}
.textSubFullWrap{top:80px;left:0;right:0;border-top:1px solid #d9d9d9;z-index:60;}

.textSubFullWrap .gnbSubCenter{display:flex;max-width:1392px;margin:auto;}
.textSubFullWrap .gnbSubCenter > div{min-width:240px;padding:30px 24px 40px;text-align:left;vertical-align:top;border-left:1px solid #d9d9d9;box-sizing:border-box;}
.textSubFullWrap .gnbSubCenter > div:first-child{border-left:0;}
.textSubFullWrap .gnbSubCenter > div dl{margin-top:48px;}
.textSubFullWrap .gnbSubCenter > div dl:first-child{margin-top:0;}
.textSubFullWrap .gnbSubCenter > div dl dt{margin-bottom:18px;line-height:21px;}
.textSubFullWrap .gnbSubCenter > div dl dt:nth-last-child(1){margin-bottom:0;}
.textSubFullWrap .gnbSubCenter > div dl dt a{font-size:16px;color:#000;font-weight:bold;}
.textSubFullWrap .gnbSubCenter > div dl dt a.subLink{padding-right:22px;background:url("../_images/common/icon-small-right.svg") center right no-repeat;}
.textSubFullWrap .gnbSubCenter > div dl dd{margin-bottom:10px;line-height:20px;}
.textSubFullWrap .gnbSubCenter > div dl dd a{font-size:14px;color:#000;}

.textSubWrap{top:80px;right:0;border-radius:0 0 30px 30px;text-align:center;border:1px solid #d9d9d9;}
.textSubWrap .gnbSubRound{display:flex;}
.textSubWrap .gnbSubRound > div{min-width:180px;padding:30px 24px 30px;text-align:left;vertical-align:top;border-left:1px solid #d9d9d9;box-sizing:border-box;}
.textSubWrap .gnbSubRound > div:first-child{border-left:0;}
.textSubWrap .gnbSubRound > div dl{margin-top:48px;}
.textSubWrap .gnbSubRound > div dl:first-child{margin-top:0;}
.textSubWrap .gnbSubRound > div dl dt{margin-bottom:18px;line-height:18px;}
.textSubWrap .gnbSubRound > div dl dt:nth-last-child(1){margin-bottom:0;}
.textSubWrap .gnbSubRound > div dl dt a{font-size:14px;color:#000;/*font-weight:bold;*/}
.textSubWrap .gnbSubRound > div dl dt a.subLink{padding-right:22px;background:url("../_images/common/icon-small-right.svg") center right no-repeat;}
.textSubWrap .gnbSubRound > div dl dt .greet-txt {display:block;padding-bottom:18px;font-size:16px;font-weight:bold;border-bottom:1px solid #ddd;font-weight:bold;white-space:nowrap;}  /* 211025 KDP-7173 */
.textSubWrap .gnbSubRound > div dl dd{margin-bottom:18px;line-height:18px;}
.textSubWrap .gnbSubRound > div dl dd:nth-last-child(1){margin-bottom:0;}
.textSubWrap .gnbSubRound > div dl dd a{font-size:14px;color:#000;}
/*.exhibitionMenu{margin-left:-93px;}*/
/* .cartMenu{margin-left: -250px;} */
/* .loginMenu{right: 0;: -95px;}
.cartMenu{margin-left: -280px;} */
.cartMenu .cart-empty { min-height:initial; padding:18px 0 10px; }
.cartMenu .cart-empty p { color:#000; font-size:14px; font-weight:bold; text-align:center; }
.cartMenu .btn-box {margin-top:0;}

/* gnb cart */
.gnb-cartList{min-width:312px;}
.gnb-cartList li{position:relative;min-height:70px;padding:14px 0;margin-bottom:20px;box-sizing:border-box;}
.gnb-cartList li a{display:block;}
.gnb-cartList li .cart-itm-img{position:absolute;left:0;top:0;display:block;width:70px;height:70px;overflow:hidden;margin:0 auto;}
.gnb-cartList li .cart-itm-img > img {max-height:100%;}
.gnb-cartList li .cart-itm-data{margin-left:94px;}
.gnb-cartList li .cart-itm-data .cart-itm-name{display:block; width:218px; margin-bottom:2px;font-size:14px;color:#000;line-height:21px;font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.gnb-cartList li .cart-itm-data .cart-itm-price{font-size:14px;color:#000;line-height:20px;}
.gnb-cartList li .cart-itm-data .cart-itm-price span{font-size:14px;color:#000;vertical-align:top;}

/* Header White Type */
#header.type-blk,
#header.type-wht { background:transparent; border-bottom:0 none; transition: background .3s;}
#header.type-wht .logo.wht {display:block;}
#header.type-wht .logo.blk { display:none; }
#header.type-wht .gnb > ul > li > a { color:#fff; }
#header.type-wht .gnb > ul > li > a:before {background: #fff;}
#header.type-wht .gnb .outlink:after { background-image:url('../_images/common/icon-16-midium-link-white.svg'); }
#header.type-wht .gnb .icon-dpz { background-image:url('../_images/common/icon-16-midium-location-white.svg'); }
#header.type-wht .ico-people { background-image:url('../_images/common/icon-people-wht.svg'); }
#header.type-wht .ico-people-logged { background-image:url("../_images/common/icon-people-wht2.svg"); } 
#header.type-wht .ico-cart { background-image:url('../_images/common/icon-cart-wht.svg'); }
#header.type-wht .ico-zoom { background-image:url('../_images/common/icon-zoom-wht.svg'); }
#header.type-wht .header-right > ul > li > a .ico-people { background-image:url('../_images/common/icon-people-wht.svg'); }
#header.type-wht .header-right > ul > li > a .ico-people.ico-people-logged { background-image:url("../_images/common/icon-people-wht2.svg"); }
#header.type-wht .header-right > ul > li > a .ico-cart { background-image:url('../_images/common/icon-cart-wht.svg'); }
#header.type-wht .header-right > ul > li > a .ico-zoom { background-image:url('../_images/common/icon-zoom-wht.svg'); }
#header.type-wht .header-right > ul > li .link-m-nav .ico-nav { background-image:url('../_images/common/icon-nav-wht.svg'); }
#header.type-blk.active, #header.type-wht.active,
.gnbOpen #header.type-blk, .gnbOpen #header.type-wht {background: #fff;}
.gnbOpen #header.type-wht .logo.wht,
#header.type-wht.active .logo.wht { display:none; }
.gnbOpen #header.type-wht .logo.blk,
#header.type-wht.active .logo.blk { display:block; }
.gnbOpen #header.type-wht .gnb > ul > li > a,
#header.type-wht.active .gnb > ul > li > a { color:#000; }
.gnbOpen #header.type-wht .gnb > ul > li > a:before,
#header.type-wht.active .gnb > ul > li > a:before { background:#000; }
.gnbOpen #header.type-wht .gnb .outlink:after,
#header.type-wht.active .gnb .outlink:after { background-image:url('../_images/common/icon-outlink.svg'); }

/* 2021-11-01 KDP-7328 */
.gnbOpen #header.type-wht .gnb .icon-dpz,
#header.type-wht.active .gnb .icon-dpz{ background-image:url('../_images/common/icon-locationinfo.svg'); }

.gnbOpen #header.type-wht .ico-people,
#header.type-wht.active .ico-people { background-image:url('../_images/common/icon-people.svg'); }
.gnbOpen #header.type-wht .ico-people-logged,
#header.type-wht.active .ico-people-logged { background-image:url("../_images/common/icon-people-blk.svg"); } 
.gnbOpen #header.type-wht .ico-cart,
#header.type-wht.active .ico-cart { background-image:url('../_images/common/icon-cart.svg'); }
.gnbOpen #header.type-wht .ico-zoom,
#header.type-wht.active .ico-zoom { background-image:url('../_images/common/icon-zoom.svg'); }
.gnbOpen #header.type-wht .header-right > ul > li > a .ico-people,
#header.type-wht.active .header-right > ul > li > a .ico-people { background-image:url('../_images/common/icon-people.svg'); }
.gnbOpen #header.type-wht .header-right > ul > li > a .ico-people.ico-people-logged,
#header.type-wht.active .header-right > ul > li > a .ico-people.ico-people-logged { background-image:url('../_images/common/icon-people-blk.svg'); }
.gnbOpen #header.type-wht .header-right > ul > li > a .ico-cart,
#header.type-wht.active .header-right > ul > li > a .ico-cart { background-image:url('../_images/common/icon-cart.svg'); }
.gnbOpen #header.type-wht .header-right > ul > li > a .ico-zoom,
#header.type-wht.active .header-right > ul > li > a .ico-zoom { background-image:url('../_images/common/icon-zoom.svg'); }
.gnbOpen #header.type-wht .header-right > ul > li .link-m-nav .ico-nav,
#header.type-wht.active .header-right > ul > li .link-m-nav .ico-nav { background-image:url('../_images/common/icon-nav.svg'); }

/* 푸터 */
#footer .footer-content { border-top:1px solid #d9d9d9; }
#footer .footer-content:last-child .footer-inner { padding-bottom:36px; }
#footer .footer-inner { position:relative; max-width:1440px; margin:0 auto; padding:36px 24px; }
#footer .footer-inner .cs-btn > ul:after { display:block; content:""; clear:both; }
#footer .footer-inner .cs-btn > ul > li { float:left; }
#footer .footer-inner .cs-btn > ul > li > a { display:inline-block; line-height:21px; padding:0 1px; font-weight:bold; font-size:16px; color:#000; vertical-align:top; }
#footer .footer-inner .cs-btn > ul > li ~ li { margin-left:60px; }
#footer .footer-inner .cs-btn > ul > li > a.link-outlink { position: relative; padding-right: 24px; }
#footer .footer-inner .cs-btn > ul > li > a.link-outlink:after { content: ""; position: absolute; top: 50%; right: 0; width: 16px; height: 16px; margin-top: -8px; vertical-align: middle; background: url(../_images/common/icon-outlink.svg) no-repeat center center;}
#footer .footer-inner .contact-info { position:absolute; top:24px; right:22px; }
#footer .footer-inner .contact-info ul { padding:1px 0; }
#footer .footer-inner .contact-info ul:after { content:""; display:block; clear:both; }
#footer .footer-inner .contact-info ul li { float:left; padding-right:60px; }
#footer .footer-inner .contact-info ul li ~ li { position:relative; padding:0 0 0 60px; }
#footer .footer-inner .contact-info ul li ~ li:after { content:""; position:absolute; top:50%; left:0; width:1px; height:74px; margin-top:-37px; background:#d9d9d9; }
#footer .footer-inner .contact-info ul li .tit { display:block; line-height:18px; padding-bottom:12px; font-size:14px; color:#000; }
#footer .footer-inner .contact-info ul li .contact { display:inline-block; line-height:23px; font-weight:bold; font-size:18px; color:#000; }
#footer .footer-inner .contact-info ul li .contact.mail { color: #2189FF; font-size: 16px; line-height: 21px; border-bottom: 1px solid #2189FF;}
#footer .footer-inner .contact-info ul li .extra { padding-top:6px; font-size:13px; color:#707070; }
#footer .footer-inner .site-info .info-links ul:after { content:""; display:block; clear:both; }
#footer .footer-inner .site-info .info-links ul li { float:left; }
#footer .footer-inner .site-info .info-links ul li ~ li { position:relative; margin-left:16px; padding-left:17px; }
#footer .footer-inner .site-info .info-links ul li ~ li:after { content:""; position:absolute; top:50%; left:0; width:1px; height:12px; margin-top:-6px; background:#d9d9d9; }
#footer .footer-inner .site-info .info-links a { display:inline-block; line-height:18px; padding:0 1px; font-weight:bold; font-size:14px; color:#000; }
#footer .footer-inner .site-info .info-links .link-privacy { color:#2189FF; }
#footer .footer-inner .site-info .info-links .link-outlink { position:relative; padding-right:22px; }
#footer .footer-inner .site-info .info-links .link-outlink:after {  content:""; position:absolute; top:50%; right:0; width:16px; height:16px; margin-top:-8px; vertical-align:middle; background:url("../_images/common/icon-outlink.svg") no-repeat center center;}
#footer .footer-inner .site-info > .copyright { line-height:13px; padding-bottom:15px; font-weight:bold; font-size:13px; }
#footer .footer-inner .copyright { line-height:17px; font-weight:bold; font-size:13px; color:#707070; }
#footer .footer-inner .copyright + .info-detail { padding-top:16px; }
#footer .footer-inner .info-detail p { line-height:16px; font-size:12px; color: #707070;}
#footer .footer-inner .info-detail p ~ p { margin-top:10px; }
#footer .footer-inner .info-detail p:nth-child(3) { margin-top:8px; }
#footer .footer-inner .info-detail p span { font:inherit; color:inherit; }
#footer .footer-inner .info-detail p span:not(.wrap) { position:relative; margin-left:8px; padding-left:10px; }
#footer .footer-inner .info-detail p span:not(.wrap):not(.comp-wrap):after { content:""; position:absolute; top:2px; left:0; width:1px; height:12px; background:#d9d9d9; }
#footer .footer-inner .info-detail p span.comp-wrap { padding-left:0; margin-left: 8px; }
#footer .footer-inner .info-detail p span:first-child { margin-left:0; padding-left:0; }
#footer .footer-inner .info-detail p span:first-child:after { display:none; }
#footer .footer-inner .info-detail .tel { color:inherit; }
#footer .footer-inner .info-detail .comp { display:inline-block; width:94px; height:20px; line-height:20px; font-size:12px; color:#fff; text-align:center; background:#777; border-radius:10px; border:1px solid #777; }/*210525접근성*/
#footer .footer-inner .sns-btn { font-size:0; }
#footer .footer-inner .sns-btn .wrap-sns:after { content:""; display:block; clear:both; }
#footer .footer-inner .sns-btn .tit { float:left; line-height:36px; font-weight:bold; font-size:14px; color:#000; }
#footer .footer-inner .sns-btn ul { float:left; }
#footer .footer-inner .sns-btn ul:after { content:""; display:block; clear:both; }
#footer .footer-inner .sns-btn ul li { float:left; margin-left:16px; font-size:0; }
#footer .footer-inner .sns-btn ul li a { display:inline-block; width:36px; height:36px; }
#footer .footer-inner .sns-btn ul li .btn-fb { background:url("../_images/common/icon-fb.svg") no-repeat center center; }
#footer .footer-inner .sns-btn ul li .btn-yt { background:url("../_images/common/icon-yt.svg") no-repeat center center; }
#footer .footer-inner .sns-btn ul li .btn-ig { background:url("../_images/common/icon-ig.svg") no-repeat center center; }
#footer .footer-inner .sns-btn ul li .btn-bl { background:url("../_images/common/icon-bl.svg") no-repeat center center; }
#footer .footer-inner .sns-btn ul li .btn-ka { background:url("../_images/common/icon-kakao.svg") no-repeat center center; }
#footer .footer-inner .clause-links { font-size:0; }
#footer .footer-inner .clause-links:after { content:""; display:block; clear:both; }
#footer .footer-inner .clause-links .wrap-droplist { display:inline-block; width:180px; }
#footer .footer-inner .clause-links .wrap-droplist ~ .wrap-droplist { margin-left:12px; }
#footer .footer-inner .clause-links .wrap-droplist.clause-use ul { width:205px; }
#footer .footer-inner .clause-links .wrap-droplist.clause-private ul { width:227px; }
#footer .footer-inner .clause-links .wrap-droplist .droplist-button { color:#000; font-weight:bold; }

#footer .sitemap-links { padding:0; }
#footer .sitemap-links > ul:after { content:""; display:block; clear:both; }
#footer .sitemap-links > ul > li { position:relative; float:left; width:20%; padding:76px 24px 30px;box-sizing:border-box; }
#footer .sitemap-links > ul > li ~ li { border-left:1px solid #d9d9d9; }
#footer .sitemap-links > ul > li > h3 { position:absolute; left:24px; top:37px; line-height:23px; font-weight:bold; font-size:18px; color:#000; }
#footer .sitemap-links > ul > li > h3 > a { display:block; font:inherit; pointer-events:none; }
#footer .sitemap-links > ul > li > ul > li { padding:9px 0; line-height:1; }
#footer .sitemap-links > ul > li > ul > li > a { font-size:14px; }
#footer .sitemap-links > ul > li > ul > li > a.link-outlink { position:relative; }
#footer .sitemap-links > ul > li > ul > li > a.link-outlink:after {  content:""; display:inline-block; width:14px; height:14px; margin-top:-3px; margin-left:6px; vertical-align:middle; background:url("../_images/common/icon-outlink.svg") no-repeat center center; background-size: 100% auto; }
#footer .sitemap-links > ul > li.over { width:40%; }
/* #footer .sitemap-links > ul > li.over:after { content:""; display:block; clear:both; } */
#footer .sitemap-links > ul > li.over > ul { float:left; width:50%; }
#footer .sitemap-links > ul > li.over > ul ~ ul { padding-left:24px; box-sizing:border-box;}
/* #footer .sitemap-links > ul > li.over:after { content:""; position:absolute; top:0; left:50%; width:1px; margin-left:0; height:100%; background:#d9d9d9; } */

/* #footer.footer-business .sitemap-links > ul > li { width: 20%; height:579px; } */
#footer.footer-ecatalog .footer-inner .info-detail{ padding-top:0;}
/* 2021-05-31 */
#footer.footer-b2c .sitemap-links > ul > li { height:446px; width:16.9%; }
#footer.footer-b2c .sitemap-links > ul > li:nth-last-child(2),
#footer.footer-b2c .sitemap-links > ul > li:last-child { width:17.9%}
#footer.footer-b2c .sitemap-links > ul > li.over { width:31.3%; }
#footer.footer-b2c .sitemap-links > ul > li:nth-last-child(2) { height:208px}
#footer.footer-b2c .sitemap-links > ul > li:last-child {height:238px;}
#footer.footer-b2c .footer-inner:after { content:""; display:block; clear:both }
#footer.footer-b2c .footer-inner .cs-btn { float:left; }
#footer.footer-b2c .footer-inner .clause-links { float:left; margin-left:60px; }
#footer.footer-b2c .footer-inner .cs-btn > ul > li ~ li { position:relative; margin-left:16px; padding-left:17px; }
#footer.footer-b2c .footer-inner .cs-btn > ul > li ~ li:after { content:""; position:absolute; top:50%; left:0; width:1px; height:12px; margin-top:-6px; background:#d9d9d9; }
#footer.footer-b2c .footer-inner .cs-btn > ul > li > a { line-height:40px; font-size:14px; }
/* #footer.footer-b2c .footer-inner .sns-btn { top:26px; } */
#footer.footer-b2c .footer-inner:not(.sitemap-links) { padding-top:22px; padding-bottom:25px; }
@media screen and (max-width: 1100px) and (min-width: 881px) {
	#footer.footer-b2c .footer-inner .clause-links {margin-left:5.4545vw; }
}
@media screen and (max-width: 880px) and (min-width: 800px) {
	#footer.footer-b2c .footer-inner .clause-links { width:100%; margin-left:0; margin-top:12px; }
}
@media screen and (min-width: 801px) { /* 210818 : pc도 안나오는데 있음 */
	.footer-content{background-color: #fff;}
}
#footer .type-multiple .footer-inner { padding: 24px; }
#footer .footer-inner .info-detail .gap { margin-top: 8px;}
#footer .footer-inner .info-links + .info-detail { padding-top: 24px;}
#footer .link-box { position:absolute; top:20px; right:24px; display: flex; align-items: center;}
#footer .link-box .mark-box .btn-mark { display: inline-block; vertical-align: middle; font-size: 0; color: transparent; background-image: no-repeat; background-size: 100% auto; }
#footer .link-box .mark-box .btn-wa { width: 68px; height: 48px; background-image:url(../_images/common/icon-footer-wa.svg); }
#footer .link-box .mark-box .btn-eprivacy { margin-left: 18px; width: 41px; height: 41px; background-image:url(../_images/common/icon-footer-eprivacy.svg); }
#footer .link-box .mark-box + .sns-btn { margin-left: 36px; }
#footer .wrap-droplist .droplist-button:before { right: 14px; background:url('../_images/common/icon-drop-up-pd.svg') right center no-repeat; background-size:contain;}    /* 200826 */
#footer .clause-links .wrap-droplist.active .droplist-button:before { background:url('../_images/common/icon-drop-down-pd.svg') right center no-repeat; background-size:contain; }    /* 200826 */
#footer .clause-links .wrap-droplist .droplist { border-radius:10px; }/* 200826 */
#footer .footer-content.type-auth { border-top:0 none; }
#footer .footer-content.type-auth .footer-inner { padding-top:10px; }
#footer .footer-content.type-auth .auth-list { padding:20px 0 28px; background:#F7F7F7; border:1px solid #ddd; border-radius:10px; text-align:center; }
#footer .footer-content.type-auth .auth-list li { display:inline-block; padding:0 24px; vertical-align:middle; }
#footer .footer-content.type-auth .auth-list li:not(:last-child) { border-right:1px solid #ddd; }
#footer .footer-content.type-auth .auth-list li .outer-link { display:inline-block; height:30px; color:#444; font-size:10px; line-height:12.5px; text-align:left; background-color:transparent; background-size: auto 30px; background-repeat:no-repeat; background-position: 0 0; }
#footer .footer-content.type-auth .auth-list li .outer-link .tit { display:inline-block; margin-top:2px; font-size:inherit; }
#footer .footer-content.type-auth .auth-list .mark01 { padding-left:46px; background-image:url(../_images/common/auth-mark01.png); }
#footer .footer-content.type-auth .auth-list .mark02 { padding-left:51px; background-image:url(../_images/common/auth-mark02.png); }
#footer .footer-content.type-auth .auth-list .mark03 { padding-left:36px; background-image:url(../_images/common/auth-mark03.png); }
#footer .footer-content.type-auth .auth-list .mark04 { padding-left:36px; background-image:url(../_images/common/auth-mark04.png); }
#footer .footer-content.type-auth .auth-list .mark05 { padding-left:36px; background-image:url(../_images/common/auth-mark05.png); }
#footer .footer-content.type-auth .auth-list .mark06 { width:64px; height:30px; background-image:url(../_images/common/auth-mark06.png); }
/* 22-04-07 fnet footer */
.contact-info.fnet .tit { font-weight: 700; }
.contact-info.fnet .tit.top { margin-bottom: 8px; }
.contact-info.fnet .contact.tel { margin-top: -5px; }

.floating-sticky {
	position: fixed;
	width: 64px;
	bottom: 20px; right: 32px;
	/* z-index: 50; */ z-index: 190; /* YHM 20201023 수정 */ /* 20201020 수정 */ 
	text-align: center;
}
.floating-sticky .menu-list {margin-bottom: 12px; position: relative; z-index: 200; }/* YHM 20201023 추가 */
.floating-sticky .menu-list .inner {position: relative;}
.floating-sticky .menu-list .btn-floating {
	position: relative;
	font-size: 0;
	display: block;
	width: 64px; height: 64px;
	border-radius: 50%;
	background: url('../_images/common/Floating_plusBG.png');
	background-size: cover;
	overflow: hidden;
	z-index: 2;
}
.floating-sticky .menu-list .btn-floating span {
	position: relative;
	display: block;
	height: 100%;
	background: url('../_images/common/Floating__plus.png');
	background-size: cover;
	transition: transform .35s;
	font-size: 0;
}
.floating-sticky .menu-list .on .btn-floating span {transform: rotate(135deg);}
.floating-sticky .menu-list .inner,
.floating-sticky .menu-list ul {
	display: flex;
	flex-direction: column-reverse;
}
.floating-sticky .menu-list li {
	position: relative;
	opacity: 0;
	margin-bottom: -64px;
	transition: margin .5s, opacity .5s;
}
.floating-sticky .menu-list .on li {opacity: 1;margin-bottom: 12px;}
.floating-sticky .menu-list li a {
	position: absolute;
	top: 0; right: 0;
	display: flex;
	align-items: center;
	padding-left: 64px;
	white-space: nowrap;
	overflow: hidden;
	border-radius: 50%;
	color: #fff;
	text-align: left;
	background-repeat: no-repeat;
	background-size: auto 100%;
	border-radius: 64px;
	font-size: 14px;
	font-weight: bold;
	line-height: 21px;
	text-shadow: 1px 1px 1px #5a5a5a;
	transition: width .35s;
	background-repeat: no-repeat;
	background-size: auto 100%;

}
.floating-sticky .menu-list li a:before {
	content: "";
	position: absolute;
	top: 0; left: 0;
	background-repeat: no-repeat;
	background-size: auto 100%;
}
.floating-sticky .menu-list li,
.floating-sticky .menu-list li a,
.floating-sticky .menu-list li a:before {width: 64px; height: 64px; box-sizing: border-box;}
.floating-sticky .menu-list li a:hover {width: 230px;}
.floating-sticky .menu-list li.menuAr a {padding: 0;}
.floating-sticky .menu-list li.menuAr a:hover {width: 64px;}
.floating-sticky .menu-list li.menu04 {margin-bottom: 8px; opacity: 1;}
.floating-sticky .menu-list li.menu01 a {background-image: url('../_images/common/chatbot_BG.png');}
.floating-sticky .menu-list li.menu01 a:before {background-image: url('../_images/common/chatbot_normal.gif');}
.floating-sticky .menu-list li.menu02 a {background-image: url('../_images/common/e-promoter_BG.png');}
.floating-sticky .menu-list li.menu02 a:before {background-image: url('../_images/common/e-promoter_normal.gif');}
.floating-sticky .menu-list li.menu03 a {background-image: url('../_images/common/reservation_BG.png');}
.floating-sticky .menu-list li.menu03 a:before {background-image: url('../_images/common/reservation_normal.gif');}
.floating-sticky .menu-list li.menu04 a {background: #fff; border: 1px solid #d9d9d9;}
.floating-sticky .menu-list li.menu04 span {
	display: block;
	width: 176px;
	background: url('../_images/common/icon-slick-prev.svg') no-repeat 90% 50%;
	font-size: 14px;
	background-size: auto 20px;
	color: #000;
	text-shadow: none;
}
.floating-sticky .menu-list li.menu04:only-child {margin: 0;}
.floating-sticky .menu-list li.menu04 img {
	position: absolute;
	top: 50%; left: 6px;
	transform: translateY(-50%);
	width: 50px;
}
.floating-sticky .btn-gotop {
	width: 54px; height: 54px;
	background: #000;
	border-radius: 4px;
	display: none;
}
.floating-sticky .btn-gotop.show {display: inline-block;}
.floating-sticky .btn-gotop span {
	position: relative;
	display: block;
	height: 100%;
	background: url('../_images/common/btn-gotop.png') no-repeat 50% 50%;
	font-size: 0;
}
@media (max-width:810px) {
	.floating-sticky {
		width: 55px;
		bottom: 20px; right: 20px;
	}
	.floating-sticky .menu-list {margin-bottom: 0;}
	.floating-sticky .menu-list li {margin-bottom: -55px;}
	.floating-sticky .menu-list .btn-floating,
	.floating-sticky .menu-list li,
	.floating-sticky .menu-list li a,
	.floating-sticky .menu-list li a:before {width: 55px; height: 55px}
	.floating-sticky .menu-list li a {padding-left: 55px;}
	.floating-sticky .menu-list li a:hover {width: 55px;}
	.floating-sticky .menu-list li.menu04 img {width: 42px;}
	.floating-sticky .btn-gotop {position: relative; margin-top: 8px; width: 40px; height: 40px;}
    .floating-sticky .btn-gotop span {background-size: 23px;}
    
    .gnb-cartList {min-width:100%;}
    .gnb-cartList li .cart-itm-data .cart-itm-name {width:100%;}
}

/* 최근 본 제품 */
.floatingStyle {
	display: none;
	position: fixed;
	top: auto;
	left: auto;
	right: -700px;
	bottom: 100px;
	max-width: 500px;
	width: 100%;
	padding: 50px;
	text-align: center;
	background: #fff;
	border-radius: 20px;
	border: 1px solid #ddd;
	-webkit-transform: none;
			transform: none;
	-webkit-transition: right .3s;
	transition: right .3s;
	z-index: 100;
}

.floatingStyle.active {right: 40px;}

@media screen and (max-width: 767px) {
	.floatingStyle {
		display: none;
		top: 0;
		right: auto;
		bottom: 0;
		left: 0;
		border-radius: 0;
		-webkit-transition: none;
		transition: none;
		width: 100%;
		padding: 11px 12px 24px;
	}
	.floatingStyle.active {display: block;}
}

.floatingStyle .layer-content {
	max-height: 39vh;
	text-align: left;
	overflow-x: hidden;
	overflow-y: auto;
}
@media screen and (max-width: 767px) {
	.floatingStyle .layer-content {max-height: calc(100% - 180px);}
}

.floatingStyle .layer-content .wrap-scroll {padding-right: 20px;}
.floatingStyle input:not([type=checkbox]):not([type=radio]).inp-line {padding: inherit;}
.floatingStyle .btn-box {
	margin-top: 0;
	padding-top: 40px;
	font-size: 0;
}
.floatingStyle .btn-box .btn {margin: 0;}
.floatingStyle .btn-box .btn ~ .btn {margin-left: 10px;}
.floatingStyle .pop-close {
	position: absolute;
	right: 30px;
	top: 55px;
	left: auto;
	bottom: auto;
	border: 0;
	width: 24px;
	height: 26px;
	background: url("../_images/common/icon-floating-right.svg") no-repeat 50% 50%;
	font-size: 0;
}
@media screen and (max-width: 1440px) {
	.floatingStyle .pop-close {top: 50px;}
}
@media screen and (max-width: 767px) {
	.floatingStyle .pop-close {
		width: 36px;
		height: 36px;
		top: 27px;
		right: 4px;
		background: url("../_images/common/icon-close.svg") no-repeat 50% 50%;
	}
}
.floatingStyle .LatestItm-result {
	position: relative;
	margin: -20px 0 20px;
}
@media screen and (max-width: 767px) {
	.floatingStyle .LatestItm-result {margin: -12px 0 20px;}
}
.floatingStyle .LatestItm-result .result-tit {
	font-size: 14px;
	color: #000;
	line-height: 28px;
	text-align: left;
}
.floatingStyle .LatestItm-result .result-tit span {
	font-size: inherit;
	color: inherit;
}
.floatingStyle .LatestItm-result .result-tit strong {
	display: inline-block;
	padding-left: 9px;
	color: #2189FF;
	font-size: inherit;
	vertical-align: top;
}
.floatingStyle .LatestItm-result .btn-allListClear {
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	height: 28px;
	font-size: 14px;
	color: #000;
	line-height: 26px;
	font-weight: bold;
}
.floatingStyle .caution-note {
	padding-top: 13px;
	text-align: left;
	font-size: 12px;
	color: #707070;
	line-height: 14px;
}
.floatingStyle .LatestItmList ul {max-height: 500px;}
.floatingStyle .LatestItmList li {
	position: relative;
	min-height: 90px;
	padding: 14px 0;
	border-bottom: 1px solid #ebebeb;
}
.floatingStyle .LatestItmList li a {
	display: block;
}
.floatingStyle .LatestItmList .LatestItm-img {
	position: absolute;
	left: 0;
	top: 12px;
	width: 60px;
	height: 60px;
}
.floatingStyle .LatestItmList .LatestItm-data {
	position: relative;
	margin-left: 94px;
}
.floatingStyle .LatestItmList .LatestItm-data .LatestItm-name {
	margin-bottom: 2px;
	margin-right: 20px;
	font-size: 14px;
	color: #000;
	line-height: 21px;
	font-weight: bold;
}
.floatingStyle .LatestItmList .LatestItm-data .LatestItm-code {
	margin-top: 5px;
	font-size: 12px;
	color: #707070;
	line-height: 14px;
}
.floatingStyle .LatestItmList .LatestItm-data .LatestItm-price {
	margin-top: 14px;
	font-size: 14px;
	color: #000;
	line-height: 17px;
}
.floatingStyle .LatestItmList .LatestItm-data .LatestItm-price span {
	font-size: 12px;
	color: #707070;
	vertical-align: top;
	padding-right: 11px;
}
.floatingStyle .LatestItmList .LatestItm-data .LatestItm-price strong {
	font-size: 14px;
	color: #000;
	vertical-align: top;
}
.floatingStyle .LatestItmList .LatestItm-data .btn-list-delete {
	position: absolute;
	top: 3px;
	right: 0;
	width: 16px;
	height: 16px;
	background: url(../_images/common/icon-delete-circle2.svg) no-repeat;
}

/* 컨테이너 */
#container { position:relative; width:100%;}
#container.type-visual { margin-top:-80px; }
#container.type-visual.fold-app-top {margin-top: 0;}
.content{max-width:1440px;margin:auto;}
.hidden-area { height:100px; }
.conbox { min-height:320px; padding:105px 0 119px; box-sizing:border-box; }
.conbox.join-conbox,
.conbox.customer-center-conbox { padding:40px 0 90px; }
.con-header {position:relative;padding:0 0 6px 0;border-bottom: 2px solid #000;}
.con-header .con-tit {font-size: 24px; line-height: 32px; color: #000; font-weight:bold; letter-spacing:-0.02em; }
.pg-tit { float: left; font-size: 36px; color: #000; line-height:46px;  letter-spacing: -0.05em; }

/* 컨테이너 background */
.member-bg { background: #f7f7f7; } /* desktop bg: #f7f7f7 / mobile bg: #fff */
.member-bg2 { background: #f7f7f7; } /* desktop bg: #f7f7f7 / mobile bg: #f7f7f7 */

/* header와 footer가 없는 페이지 */
/* .set-middle-01 > div { padding:calc((100vh - 56px) / 2) 0 !important; } */
.set-middle-01 .content { display:flex; flex-direction:column; align-items:stretch; justify-content:center; height:100vh; }
.set-height { min-height:100vh; }

/* 게시판 페이지 width 100% 이미지 타이틀 */
/* #container .content-visual-header .visual { padding:120px 0; text-align:center; }
#container .content-visual-header .visual strong { display:block; line-height:1.25; font-weight:700; font-size:48px; color:#fff; }
#container .content-visual-header .visual span { line-height:1.25; font:inherit; color:inherit; }
#container .content-visual-header .visual span:not(.m) { display:block; }
#container .content-visual-header .visual.b2c { background:url(../_images/temp/bg-visual-customer-b2c.jpg) 50% 50% no-repeat; background-size:cover; } */

/* 이미지 타이틀 width: 1600px */
#container .content-visual-header .visual { position: relative; max-width: 1600px; height: 360px; margin: 0 auto; text-align:center; }
#container .content-visual-header .visual-txt { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); padding-left: 36px; padding-right: 36px; }
#container .content-visual-header .visual p { padding-bottom: 16px; line-height:32px; font-weight:700; font-size:24px; color:#fff; }
#container .content-visual-header .visual h1 { display:block; line-height:1.25; font-weight:700; font-size:48px; color:#fff; letter-spacing: 0; }
#container .content-visual-header .visual h1 span { line-height:1.25; font:inherit; color:inherit; }
#container .content-visual-header .visual h1 span:not(.m) { display:block; }
#container .content-visual-header .visual .visual-txt > span { display: inline-block; padding-top: 18px; font-size: 16px; line-height: 21px; color: #fff !important; letter-spacing: 0; }
#container .content-visual-header .visual.b2c { background:url(../_images/temp/bg-visual-customer-b2c.jpg) 50% 50% no-repeat; background-size:cover; }

/* LNB */
.nav-lnb-rounded { position:relative; width:212px; text-align:right; border-top-right-radius:20px; background:#f7f7f7; }
.nav-lnb-rounded .bg {position:absolute; top:0; right:100%; bottom:0; left:0; background:#f7f7f7; }
/* .nav-lnb-rounded .nav-lnb-inner { display:inline-block; overflow:hidden; width:236px; padding:60px 48px 0 24px; text-align:left; } */
.nav-lnb-rounded .nav-lnb-inner { display:inline-block; overflow:hidden; width:212px; padding:60px 44px 0 0; text-align:left; } /* 전체너비 212px, 왼쪽 여백 실제 4px 차이 */
.nav-lnb-rounded .intro { padding-bottom:39px; }
.nav-lnb-rounded .intro .txt { display:block; line-height:1.38em; font-size:20px; color:#000; letter-spacing:0; }
.nav-lnb-rounded .intro .txt .name { display:block; font-weight:bold; font-size:24px; color:#000; letter-spacing:0; word-break: break-word; }
.nav-lnb-rounded .list-menu { border-bottom:1px solid #555; }
.nav-lnb-rounded .list-menu .slick-list { overflow:visible; }
.nav-lnb-rounded .list-menu .list .menu { border-top:1px solid #555; }
.nav-lnb-rounded .list-menu .list .menu > a { display:block; position:relative; line-height:38px; font-size:14px; color:#000; letter-spacing:0; }
.nav-lnb-rounded .list-menu .list .menu > a:after { content:""; position:absolute; top:50%; right:0; width:16px; height:16px; transform:translateY(-50%); background:url(../_images/common/icon-arrow-down16x16.svg) no-repeat; background-size:16px auto; }
.nav-lnb-rounded .list-menu .list .menu > ul { display:none; padding:8px 0; border-top:1px solid #eee; }
.nav-lnb-rounded .list-menu .list .menu > ul > li > a { display:block; line-height:30px; padding:0 12px; font-size:12px; color:#313131; letter-spacing:0; }
.nav-lnb-rounded .list-menu .list .menu > ul > li > a:hover { background:#fff; }
.nav-lnb-rounded .list-menu .list .menu.active { border-bottom:none; }
.nav-lnb-rounded .list-menu .list .menu.active > a { font-weight:bold; }
.nav-lnb-rounded .list-menu .list .menu.active > a:after { background-image:url(../_images/common/icon-arrow-up16x16.svg); }
.nav-lnb-rounded .list-menu .list .menu.active > ul > li.current > a { font-weight:bold; }
.member-bg .nav-lnb-rounded,
.member-bg .nav-lnb-rounded .bg,
.member-bg2 .nav-lnb-rounded,
.member-bg2 .nav-lnb-rounded .bg { background:#fff; }
.member-bg .nav-lnb-rounded .list-menu .list .menu > ul > li > a:hover,
.member-bg2 .nav-lnb-rounded .list-menu .list .menu > ul > li > a:hover { background:#f7f7f7; }

/* LNB 있는 content */
#container.type-menu .content { display:flex; width:100%; padding:50px 24px 0; } /* min-height 0714 추가 */ /* IE용 width:100% 추가 */
#container.type-menu .content .conbox { display:inline-block; flex:1; min-height: 625px; width:calc(100% - 212px); padding: 0 0 100px 48px;}
#container.type-menu .content .conbox .con-header-basic { padding:24px 0; text-align:left; }
@media (max-width:1440px) {
    #container.type-menu .content { min-height: 46.8750vw; } 
}
@media (max-width:1100px) {
    #container.type-menu .content { min-height: 61.3636vw; } 
}
@media (max-width:800px) {
    #container.type-menu .content { min-height: auto; } 
}

/* 게시판 페이지 헤더 공통 */
.conbox .con-header-left { padding-bottom:24px; text-align:left; }
.conbox .con-header-basic { padding-bottom:48px; text-align:center; }
.conbox .con-header-left .con-tit,
.conbox .con-header-basic .con-tit { line-height:48px; font-weight:bold; font-size:36px; color:#000; }
.conbox .con-header-basic .con-desc { line-height:21px; padding-top:18px; font-size:16px; color:#000; letter-spacing:0; }
.conbox .con-header-basic .con-tit + .con-box-search { padding-top:48px; }

/* 게시판 페이지 헤더 검색 */
.conbox .con-box-search .search-option { text-align:center; font-size:0; }
.conbox .con-box-search .search-option .wrap-opt { display:inline-block; position:relative; }
.conbox .con-box-search .search-option .wrap-opt.disable {opacity:.3;}
.conbox .con-box-search .search-option .wrap-opt.disable a{pointer-events: none;}
.conbox .con-box-search .search-option .wrap-opt ~ .wrap-opt { margin-left:36px; }
.conbox .con-box-search .search-option .wrap-opt .btn-sort { line-height:32px; padding:5px 30px 6px 0; font-weight:bold; color:#000; background:url(../_images/common/icon-drop-down.svg) 100% 50% no-repeat; }
.conbox .con-box-search .search-option .wrap-opt .btn-sort.open { background-image:url(../_images/common/icon-drop-up.svg); }
.conbox .con-box-search .search-option .wrap-opt .btn-sort.open + .ly-search-sort { display:block; }
.conbox .con-box-search .search-option .ly-search-sort { display:none; position:absolute; top:38px; left:0; z-index:1; width:200px; text-align:left; border:1px solid #b2b2b2; border-radius:10px; background:#fff; }
.conbox .con-box-search .search-option .ly-search-sort .chk-all { margin:0 -20px; padding:0 20px 12px; border-bottom:1px solid #d9d9d9; }
.conbox .con-box-search .search-option .ly-search-sort ul { padding:15px 20px; }
.conbox .con-box-search .search-option .ly-search-sort ul li ~ li { margin-top:12px; }
.conbox .con-box-search .search-option + .wrap-search { margin-top:10px; }
.conbox .con-box-search .wrap-search { display:inline-block; position:relative; }
.conbox .con-box-search .wrap-search input[type="text"] { width:480px; height:50px; padding:0 57px 0 24px; font-size:16px; color:#000; text-indent:0; border-radius:25px; border:1px solid #b2b2b2; }
.conbox .con-box-search .wrap-search .btn-search { position:absolute; top:0; right:9px; width:50px; height:50px; background:url(../_images/common/icon-zoom.svg) 50% 50% no-repeat; background-size:20px auto; }
.conbox .con-box-search .search-option.right { margin-bottom: 24px; text-align:right; font-size:0; letter-spacing: -0.01em; }
.conbox .con-box-search .search-option.right .wrap-opt .btn-sort { display:inline-block; width:inherit; height:100%; padding: 0 22px 0 0; line-height: 21px; font-size:inherit; }
.conbox .con-box-search .search-option.right .ly-search-sort { left: auto; right: 0; }

/* 게시판 페이지 헤더 기간 검색 */
.wrap-search-period { padding-bottom:36px; text-align:center; }
.wrap-search-period .search-period { display:inline-block; vertical-align:top; }
.wrap-search-period .search-period:after { content:""; display:block; clear:both; }
.wrap-search-period .search-period .btns-period { float:left; }
.wrap-search-period .search-period .btns-period ul:after { content:""; display:block; clear:both; }
.wrap-search-period .search-period .btns-period ul li { float:left; }
.wrap-search-period .search-period .btns-period ul li ~ li { margin-left:10px; }
.wrap-search-period .search-period .btns-period ul li .btn { margin:0; font-weight:normal; border-color:#b2b2b2; }
.wrap-search-period .search-period .btns-period ul li.active .btn { font-weight:bold; border-color:#000; }
.wrap-search-period .search-period .date-period { float:left; margin-left:36px; }
.wrap-search-period .search-period .date-period:after { content:""; display:block; clear:both; }
.wrap-search-period .search-period .date-period .date { float:left; }
.wrap-search-period .search-period .date-period .date:after { content:""; display:block; clear:both; }
.wrap-search-period .search-period .date-period .date .inp-form { float:left; width:140px; }
.wrap-search-period .search-period .date-period .date .inp-form ~ .inp-form { position:relative; margin-left:26px; }
.wrap-search-period .search-period .date-period .date .inp-form ~ .inp-form:after { content:"-"; position:absolute; top:0; left:-15px; line-height:32px; }
.wrap-search-period .search-period .date-period .btn { float:left; margin:0; margin-left:20px; }

/* fold 210818 */
@media screen and (max-width:1100px) and (min-width:800px) {
	.conbox .con-header-left .con-tit, 
	.conbox .con-header-basic .con-tit{font-size:3.2727vw;line-height:4.3636vw}
	.nav-lnb-rounded .intro .txt{font-size:1.8182vw;line-height: 1.68em}
	.nav-lnb-rounded .intro .txt .name{font-size:2.1818vw}
	.nav-lnb-rounded{width:auto}
	.nav-lnb-rounded .nav-lnb-inner{width:19.2727vw;padding:5.4545vw 4.0000vw 0 0}
	.nav-lnb-rounded .intro{padding-bottom:3.5455vw}
	.nav-lnb-rounded .list-menu .list .menu > a{font-size:1.2727vw}
	.nav-lnb-rounded .list-menu .list .menu > ul > li > a{font-size:1.0909vw;line-height:2.7273vw}
	#container.type-menu .content .conbox .con-header-basic{padding:2.1818vw 0}
	.my-wrap-search-period.wrap-search-period .search-period .btns-period{float:none;text-align:left;}
	.my-wrap-search-period.wrap-search-period .search-period .date-period{margin-top:10px}

	/* 211025 */
	#header .header-right.gnbMenu ul{margin-right:16px}
	#header .header-right > ul > li{padding:0}
	#header .header-right > ul > li >a{padding:0 9px}
	#header .header-right > ul > li:last-child >a{padding:0 9px 0 5px}
	/* #header .header-right > ul > li .link-m-nav .ico-nav{background-position-x: 4px !important;} */ /* 2021-11-08 KDP-7511 */
}

/* 페이지 로케이션 */
.pg-location{ display:block; width:100%; /* border-top:1px solid #ebebeb; */ overflow:hidden; z-index: 1; }
.pg-location.whiteStyle{background-color:#fff;border-bottom:1px solid #ebebeb;}
.pg-location-inner { display:block; width:100%; max-width:1440px; height:50px; line-height:50px; margin:0 auto; padding:0 24px; overflow:hidden; }
.pg-location a,
.pg-location span{position:relative; display:inline-block; height: 100%; font-size:13px; color:#8f8f8f; margin-right:35px;}
.pg-location a:last-child{font-weight:700;}
.pg-location a:before,
.pg-location span:before{ position:absolute; left:-27px; top:50%; width:16px; height:16px; background:url('../_images/common/icon-location-bulet.png') no-repeat; transform:translateY(-50%); content:''; }
.pg-location a:first-child:before { display: none; }

.member-bg .pg-location,
.member-bg2 .pg-location { border-bottom: 0; }
.pg-location.floatStyle { position:absolute; border:0; }
.pg-location.floatStyle a,
.pg-location.floatStyle span { color:#fff; }
.pg-location.floatStyle a:before,
.pg-location.floatStyle span:before{ background:url('../_images/common/icon-location-bulet-white.svg') no-repeat center center; }

.pg-location.floatStyle.line { border-top:1px solid #ebebeb; }
.pg-location.floatStyle.line a:last-child:before,
.pg-location.floatStyle.line span:before{ background:url('../_images/common/icon-location-bulet-white.svg') no-repeat center center; }

/* floatstyle에 글씨 검정색 */
.pg-location.floatStyle.font-dark a,
.pg-location.floatStyle.font-dark span { color: #8f8f8f; }
.pg-location.floatStyle.font-dark a:before,
.pg-location.floatStyle.font-dark span:before{ background:url('../_images/common/icon-location-bulet.png') no-repeat; }
.pg-location.floatStyle.line.font-dark a:before,
.pg-location.floatStyle.line.font-dark span:before{ background:url('../_images/common/icon-location-bulet.png') no-repeat; }

/* 사이트맵 */
.sitemap {border:1px solid #dadee2;border-top:0;margin-bottom:60px;}
.sitemap h2, .aboutType h3 { font-size: 1.313em }
.sitemap a { color: #292929 }
.sitemap h1 { background: #2189FF; border-bottom: 1px solid #fff; font-weight: normal; color:#fff; }
.sitemap h1 { font-size: 1.813em }
.sitemap h1 a ,
.sitemap h2 a { display: inline-table; font-size: .75em; font-weight: bold; color: #0071bf; }

.sitemap h3 { display: inline-table; font-size: 1.2em; font-weight: bold; color: #333; }
.sitemap h3 a { display: inline-table; font-size: .75em; font-weight: bold; color: #333 }
.sitemap h3 span { font-size: .75em }
.sitemap h1 span { display: block; width: 100%; padding: 23px 11.46%; margin: 0 auto; color:inherit; font-size:inherit; font-weight: bold; }
.sitemap h2 span { display: inline-table; font-size: .75em; font-weight: bold; color: #0071bf }
.sitemap .depth1 { /*width:1110px; width:77.0833vw;*/ margin:35px 0 15px; padding: 0 11.46%; overflow: hidden; }
.sitemap .depth1>li { display: inline-block; /*width: 324px; width: 22.5vw; */ width:24%; margin: 0 0 30px 0; vertical-align: top; word-break: keep-all }
/* .sitemap .depth1>li:nth-child(4n) { width: 109px; width: 7.5694vw } */
.sitemap .depth1.ft_navi5>li:nth-child(4n) { width: 109px; width: 22.5vw }
.sitemap .left-list { margin: 5px 0 10px 0 }
/* .sitemap .left-list { margin:15px 0}
.sitemap .right-list { } */
.sitemap .depth2 { margin: 5px 0 0 0 }
.sitemap .depth2 li { margin: 0 }
.sitemap .depth2 a, .sitemap .depth2 span { font-weight:bold; font-size: .813em; color:inherit; }
.sitemap .depth3 { width: 260px; /* margin: 0 0 10px 10px */margin: 0 0 10px 0; }
.sitemap .depth3 a, .sitemap .depth3 span { font-weight: normal; }
.sitemap .icon-estore { position: relative; top: 5px; display: inline; padding: 0; width: auto; margin: 0; }
.sitemap .aboutType h3 a, .sitemap .aboutType h3 span { font-size: 0.857em }
.aboutType h3 { font-size: 1.313em }
.aboutType h3 a, .aboutType h3 span { display: inline-table; color: #0689d8; font-weight: bold }
.aboutType h2 { width: 1110px; margin: 35px 0 0; font-weight: bold; padding: 0 11.46% }
.aboutType h2 span { font-weight: normal; font-size: 0.818em; color: #000; }
.sitemap .depth1 { margin-bottom:0; padding-bottom:15px; }
.sitemap .depth2 li { margin-bottom: 3px; }
@media (max-width:1440px) {
	.sitemap .depth1>li { width:24%; }
}
@media (max-width:1280px) {
	.sitemap .depth1>li { width:33%; }
	.sitemap.b2c .depth1>li.sm06_5 { display:none; }
}
@media (max-width:800px) {
	.sitemap h1 a, .sitemap h1 span { display: block; margin: 0 auto }
	.sitemap .depth1>li { width: 49% }
	/* .sitemap .depth1>li.sm02_3,
	.sitemap .depth1>li.sm02_4 { display:none; } */
	/* 211025 */
	#header .header-right > ul{margin-right:16px}
	#header .familyLogo ~ .header-right > ul{margin-right:4px}
	#header .header-right > ul > li{padding: 0}
	#header .header-right > ul > li >a{padding: 0 9px}
	#header .header-right > ul > li:last-child >a{padding: 0 9px 0 4px}
	/* #header .header-right > ul > li .link-m-nav .ico-nav{background-position-x: 5px !important;} */ /* 2021-11-08 KDP-7511 */
}
@media (max-width:639px) {
	.sitemap h1 a, .sitemap h1 span { display: block; width: 70%; margin: 0 auto }
	.sitemap .depth1, .aboutType h2 { width: 70% }
	.sitemap .depth1>li { width: 100% }
	/* .sitemap .depth1>li.sm02_2,
	.sitemap .depth1>li.sm02_3,
	.sitemap .depth1>li.sm02_4 { display:none; } */
}
@media (max-width:359px) {
	.sitemap h1 a, .sitemap h1 span { display: block; width: 80%; margin: 0 auto }
	.sitemap .depth1, .aboutType h2 { width: 80% }
}
.sitemap_container { max-width: 1440px; margin: 0 auto }
#sec-nav { height: auto !important; background: #404040; line-height: 65px }
#sec-nav .titleContainer { position: relative }
#sec-nav .titleContainer .title { font-size: 35px; font-size: 2.1875rem; font-weight: normal; text-align: center; color: #fff }
@media (max-width:1280px) {
	#sec-nav { line-height: 40px }
	#sec-nav .titleContainer .title { font-size: 18px; font-size: 1.125rem }
}
.sitemap h2 span.blue { display: inline-table; font-size: 0.75em; font-weight: bold; color: #0071bf }


/* new 200428 */
@media all and (max-width:1440px) and (min-width:1101px){
    /* 헤더 */
	#header .header-right > ul > li:last-child{display:none;}
	#header .logo { margin-right: 2vw;}
	/* #header .logo img { height: 1.25vw; }  20201022 1.55 > 1.25 로고 사이즈 수정 */ 
	#header .logo.fmailyLogo img { height: 1.55vw; } /* 20201022 패밀리넷 로고 */
	#header .logoCollabo .firstLogo img {max-height: 1.944444444vw; }
	#header .logoCollabo .crossIcon {height:1.944444444vw;margin:0 1.041666667vw;}

    /* 컨테이너 */
    .content{max-width:100.0000vw;}
    .hidden-area { height:6.9444vw; }
    .conbox { min-height:22.2222vw; padding:7.2917vw 0 8.2639vw; }
    .conbox.join-conbox,
    .conbox.customer-center-conbox { padding:2.7778vw 0 6.2500vw; }
    .con-header { padding:0 0 0.4167vw 0; }
    .con-header .con-tit { font-size: 1.6667vw; line-height: 2.2222vw; }
    .pg-tit { font-size: 2.5000vw; line-height:3.1944vw; letter-spacing: -0.05em; }
   
    /* 이미지 타이틀 width: 1600px */
    #container .content-visual-header .visual { position: relative; max-width: 111.1111vw; height: 25.0000vw; margin: 0 auto; text-align:center; }
    #container .content-visual-header .visual-txt { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); padding-left: 2.5000vw; padding-right: 2.5000vw; }
    #container .content-visual-header .visual p { padding-bottom: 1.1111vw; line-height:2.2222vw; font-weight:700; font-size:1.6667vw; color:#fff; }
    #container .content-visual-header .visual h1 { display:block; line-height:1.25; font-weight:700; font-size:3.3333vw; color:#fff; }
    #container .content-visual-header .visual h1 span { line-height:1.25; font:inherit; color:inherit; }
    #container .content-visual-header .visual h1 span:not(.m) { display:block; }
    #container .content-visual-header .visual .visual-txt > span { display: inline-block; padding-top: 1.2500vw; font-size: 1.1111vw; line-height: 1.4583vw; color: #fff !important; letter-spacing: 0; word-break: keep-all;}

    /* 게시판 페이지 헤더 공통 */
    .conbox .con-header-left { padding-bottom:1.6667vw; }
    .conbox .con-header-basic { padding-bottom:3.3333vw; }
    .conbox .con-header-left .con-tit,
    .conbox .con-header-basic .con-tit { line-height:3.3333vw; font-size:2.5000vw; }
    .conbox .con-header-basic .con-desc { line-height:1.4583vw; padding-top:1.2500vw; font-size:1.1111vw; color:#000; letter-spacing:0; }
    .conbox .con-header-basic .con-tit + .con-box-search { padding-top:3.3333vw; }

    /* 게시판 페이지 헤더 검색 */
    .conbox .con-box-search .search-option .wrap-opt ~ .wrap-opt { margin-left:2.5000vw; }
    .conbox .con-box-search .search-option .wrap-opt .btn-sort { line-height:2.2222vw; padding:0.3472vw 2.0833vw 0.4167vw 0; background-size:1.1111vw auto; }
    .conbox .con-box-search .search-option .wrap-opt .btn-sort.open { background-size:1.1111vw auto; }
    .conbox .con-box-search .search-option .ly-search-sort { top:2.6389vw; width:13.8889vw; border-radius:0.6944vw; }
    .conbox .con-box-search .search-option .ly-search-sort .chk-all { margin:0 -1.3889vw; padding:0 1.3889vw 0.8333vw; }
    .conbox .con-box-search .search-option .ly-search-sort ul { padding:1.0417vw 1.3889vw; }
    .conbox .con-box-search .search-option .ly-search-sort ul li ~ li { margin-top:0.8333vw; }
    .conbox .con-box-search .search-option + .wrap-search { margin-top:0.6944vw; }
    .conbox .con-box-search .wrap-search input[type="text"] { width:33.3333vw; height:3.4722vw; padding:0 3.9583vw 0 1.6667vw; font-size:1.1111vw; border-radius:1.7361vw; }
    .conbox .con-box-search .wrap-search .btn-search { right:0.6250vw; width:3.4722vw; height:3.4722vw; background-size:1.3889vw auto; }
    .conbox .con-box-search .search-option.right { margin-bottom: 1.6667vw; text-align:right; font-size:0; letter-spacing: -0.01em; }
    .conbox .con-box-search .search-option.right .wrap-opt .btn-sort { padding: 0 1.5278vw 0 0; line-height: 1.4583vw; }
    .conbox .con-box-search .search-option.right .ly-search-sort { left: auto; right: 0; transform: translate(0); }

    /* 게시판 페이지 헤더 기간 검색 */
    .wrap-search-period { padding-bottom:2.5000vw; }
    .wrap-search-period .search-period .btns-period ul li ~ li { margin-left:0.6944vw; }
    .wrap-search-period .search-period .date-period { margin-left:2.5000vw; }
    .wrap-search-period .search-period .date-period .date .inp-form { width:9.7222vw; }
    .wrap-search-period .search-period .date-period .date .inp-form input.inp-line { height:2.2222vw; }
    .wrap-search-period .search-period .date-period .date .inp-form ~ .inp-form { margin-left:1.8056vw; }
    .wrap-search-period .search-period .date-period .date .inp-form ~ .inp-form:after { left:-1.0417vw; line-height:2.2222vw; }
    .wrap-search-period .search-period .date-period .btn { margin-left:1.3889vw; }

    /* 페이지 로케이션 */
    .pg-location-inner { max-width:100.0000vw; height:3.4722vw; line-height:3.4722vw; padding:0 1.6667vw; }
    .pg-location a,
    .pg-location span{ font-size:0.9028vw; margin-right:2.4306vw;}
    .pg-location a:last-child:before,
    .pg-location span:before{ left:-1.8750vw; width:1.1111vw; height:1.1111vw; background-size:1.1111vw auto; }

	/* 새로운 dropdown list */
    .wrap-droplist .droplist-button { min-height:2.2222vw; padding-right:2.7778vw; font-size:0.9722vw; }
    .wrap-droplist .droplist-button:before { margin-top:-0.5556vw; right:0.4167vw; width:1.1111vw; height:1.1111vw; background-size:1.1111vw auto; }
    .wrap-droplist .droplist { border-radius: 0 0 0.6944vw 0.6944vw; }
    .wrap-droplist .droplist li { min-height:2.2222vw; line-height:2.2222vw; padding:0 1.3889vw; font-size:0.9722vw; }
    .wrap-droplist .droplist li > div { margin:0 -1.3889vw; }
    .wrap-droplist.active .droplist-button:before { background-size:1.1111vw auto; }
    .wrap-droplist.lowdrop .droplist,
    .wrap-droplist.bottom .droplist { bottom:calc(100% + 0.4167vw); }
    .wrap-droplist.rounded .droplist-button { min-height:2.7778vw; padding-left:1.0417vw; border-radius:0.6944vw; }

    /* 푸터 */
	#footer .wrap-droplist .droplist-button { min-height: 2.7778vw; padding-left: 1.0417vw; font-size: 0.9722vw; }
	/* 200919 인증마크 */
	#footer .footer-content.type-auth { border-top:0 none; }
	#footer .footer-content.type-auth .footer-inner { padding-top:0.6944vw; }
	#footer .footer-content.type-auth .auth-list { padding:1.3889vw 0 1.9444vw; background:#F7F7F7; border-radius:0.6944vw;  }
	#footer .footer-content.type-auth .auth-list li {  padding:0 1.6667vw;  }
	#footer .footer-content.type-auth .auth-list li .outer-link {  height:2.0833vw;  font-size:0.6944vw; line-height:0.8681vw; background-size: auto 2.0833vw;   }
	#footer .footer-content.type-auth .auth-list li .outer-link .tit {  margin-top:0.1389vw; font-size:inherit; }
	#footer .footer-content.type-auth .auth-list .mark01 { padding-left:3.1944vw; background-image:url(../_images/common/auth-mark01.png); }
	#footer .footer-content.type-auth .auth-list .mark02 { padding-left:3.5417vw; background-image:url(../_images/common/auth-mark02.png); }
	#footer .footer-content.type-auth .auth-list .mark03 { padding-left:2.5000vw; background-image:url(../_images/common/auth-mark03.png); }
	#footer .footer-content.type-auth .auth-list .mark04 { padding-left:2.5000vw; background-image:url(../_images/common/auth-mark04.png); }
	#footer .footer-content.type-auth .auth-list .mark05 { padding-left:2.5000vw; background-image:url(../_images/common/auth-mark05.png); }
	#footer .footer-content.type-auth .auth-list .mark06 { width:4.4444vw; height:2.0833vw; background-image:url(../_images/common/auth-mark06.png); }
}

/* new 200428 */
@media all and (max-width:1100px) and (min-width:901px){
    /* 헤더 */
    #header .gnb > ul > li{padding:0 10px;}
    
    /* 컨테이너 */
    .hidden-area { height:9.0909vw; }
    .conbox { min-height:29.0909vw; padding:9.5455vw 0 10.8182vw; }
    .conbox.join-conbox,
    .conbox.customer-center-conbox { padding:3.6364vw 0 8.1818vw; }
    .con-header { padding:0 0 0.5455vw 0; }
    .con-header .con-tit { font-size: 2.1818vw; line-height: 2.9091vw; }
    .pg-tit { font-size: 2.5000vw; line-height:3.1944vw; letter-spacing: -0.05em; }

    /* 이미지 타이틀 width: 145.4545vw */
    #container .content-visual-header .visual { position: relative; max-width: 145.4545vw; height: 32.7273vw; margin: 0 auto; text-align:center; }
    #container .content-visual-header .visual-txt { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); padding-left: 3.2727vw; padding-right: 3.2727vw; }
    #container .content-visual-header .visual p { padding-bottom: 1.4545vw; line-height:2.9091vw; font-weight:700; font-size:2.1818vw; color:#fff; }
    #container .content-visual-header .visual h1 { display:block; line-height:1.25; font-weight:700; font-size:4.3636vw; color:#fff; }
    #container .content-visual-header .visual h1 span { line-height:1.25; font:inherit; color:inherit; }
    #container .content-visual-header .visual h1 span:not(.m) { display:block; }
    #container .content-visual-header .visual .visual-txt > span { display: inline-block; padding-top: 1.6364vw; font-size: 1.4545vw; line-height: 1.9091vw; color: #fff !important; letter-spacing: 0; word-break: keep-all; }

    /* LNB */
    .nav-lnb-rounded { width:19.2727vw; border-top-right-radius:1.8182vw; }
    /* .nav-lnb-rounded .nav-lnb-inner { width:21.4545vw; padding:5.4545vw 4.3636vw 0 2.1818vw; } */
    .nav-lnb-rounded .nav-lnb-inner { width:19.2727vw; padding:5.4545vw 4.3636vw 0 0; }
    .nav-lnb-rounded .intro { padding-bottom:3.5455vw; }
    .nav-lnb-rounded .intro .txt { font-size:1.8182vw; }
    .nav-lnb-rounded .intro .txt .name { font-size:2.1818vw; }
    .nav-lnb-rounded .list-menu .list .menu > a { line-height:3.4545vw; font-size:1.2727vw; }
    .nav-lnb-rounded .list-menu .list .menu > a:after { width:1.4545vw; height:1.4545vw; background-size:1.4545vw auto; }
    .nav-lnb-rounded .list-menu .list .menu > ul { padding:0.7273vw 0;  }
    .nav-lnb-rounded .list-menu .list .menu > ul > li > a { line-height:2.7273vw; padding:0 1.0909vw; font-size:1.0909vw;}

    /* 게시판 페이지 헤더 공통 */
    .conbox .con-header-left { padding-bottom:2.1818vw; }
    .conbox .con-header-basic { padding-bottom:4.3636vw; }
    .conbox .con-header-left .con-tit,
    .conbox .con-header-basic .con-tit { line-height:4.3636vw; font-size:3.2727vw; }
    .conbox .con-header-basic .con-desc { line-height:1.9091vw; padding-top:1.6364vw; font-size:1.4545vw; color:#000; letter-spacing:0; }
    .conbox .con-header-basic .con-tit + .con-box-search { padding-top:4.3636vw; }

    /* 게시판 페이지 헤더 검색 */
    .conbox .con-box-search .search-option .wrap-opt ~ .wrap-opt { margin-left:3.2727vw; }
    .conbox .con-box-search .search-option .wrap-opt .btn-sort { line-height:2.9091vw; padding:0.4545vw 2.7273vw 0.5455vw 0; background-size:1.4545vw auto; }
    .conbox .con-box-search .search-option .wrap-opt .btn-sort.open { background-size:1.4545vw auto; }
    .conbox .con-box-search .search-option .ly-search-sort { top:3.4545vw; width:18.1818vw; border-radius:0.9091vw; }
    .conbox .con-box-search .search-option .ly-search-sort .chk-all { margin:0 -1.8182vw; padding:0 1.8182vw 1.0909vw; }
    .conbox .con-box-search .search-option .ly-search-sort ul { padding:1.3636vw 1.8182vw; }
    .conbox .con-box-search .search-option .ly-search-sort ul li ~ li { margin-top:1.0909vw; }
    .conbox .con-box-search .search-option + .wrap-search { margin-top:0.9091vw; }
    .conbox .con-box-search .wrap-search input[type="text"] { width:43.6364vw; height:4.5455vw; padding:0 5.1818vw 0 2.1818vw; font-size:1.4545vw; border-radius:2.2727vw; }
    .conbox .con-box-search .wrap-search .btn-search { right:0.8182vw; width:4.5455vw; height:4.5455vw; background-size:1.8182vw auto; }
    .conbox .con-box-search .search-option.right { margin-bottom: 2.1818vw; text-align:right; font-size:0; letter-spacing: -0.01em; }
    .conbox .con-box-search .search-option.right .wrap-opt .btn-sort { padding: 0 2.0000vw 0 0; line-height: 1.9091vw; }
    .conbox .con-box-search .search-option.right .ly-search-sort { left: auto; right: 0; }

    /* 게시판 페이지 헤더 기간 검색 */
    .wrap-search-period { padding-bottom:3.2727vw; }
    .wrap-search-period .search-period:after { display:none; }
    .wrap-search-period .search-period .btns-period { float:none; }
    .wrap-search-period .search-period .btns-period ul li ~ li { margin-left:0.9091vw; }
    .wrap-search-period .search-period .date-period { float:none; margin-top:1.8182vw; margin-left:0; } /* KDP-7831 폴드 수정 */
    .wrap-search-period .search-period .date-period .date .inp-form { width:12.7273vw; }
    .wrap-search-period .search-period .date-period .date .inp-form ~ .inp-form { margin-left:2.3636vw; }
    .wrap-search-period .search-period .date-period .date .inp-form ~ .inp-form:after { left:-1.3636vw; line-height:2.9091vw; }
    .wrap-search-period .search-period .date-period .btn { margin-left:1.8182vw; }

    /* 페이지 로케이션 */
    .pg-location-inner { max-width:100.0000vw; height:3.4722vw; line-height:3.4722vw; padding:0 1.6667vw; }
    .pg-location a,
    .pg-location span{ font-size:0.9028vw; margin-right:2.4306vw;}
    .pg-location a:last-child:before,
    .pg-location span:before{ left:-1.8750vw; width:1.1111vw; height:1.1111vw; background-size:1.1111vw auto; }

    /* 새로운 dropdown list */
    /* .wrap-droplist .droplist-button { min-height:2.9091vw; padding-right:3.6364vw; font-size:1.2727vw; }
    .wrap-droplist .droplist-button:before { margin-top:-0.7273vw; right:0.5455vw; width:1.4545vw; height:1.4545vw; background-size:1.4545vw auto; }
    .wrap-droplist .droplist { top:calc(100% + 0.5455vw); border-radius: 0 0 0.9091vw 0.9091vw; }
    .wrap-droplist .droplist li { min-height:2.9091vw; line-height:2.9091vw; padding:0 1.8182vw; font-size:1.2727vw; }
    .wrap-droplist .droplist li > div { margin:0 -1.8182vw; }
    .wrap-droplist.active .droplist-button:before { background-size:1.4545vw auto; }
    .wrap-droplist.lowdrop .droplist,
    .wrap-droplist.bottom .droplist { bottom:calc(100% + 0.5455vw); }
    .wrap-droplist.rounded .droplist-button { min-height:3.6364vw; padding-left:1.3636vw; border-radius:0.9091vw; }     */
}

@media all and (max-width:1100px) and (min-width:800px){
	/* KDP-7831 */
	.wrap-search-period .search-period { text-align:center; }
	.wrap-search-period .search-period .btns-period { float:none; }

	.textSubWrap {top:56px;}
	/* 새로운 dropdown list */
    .wrap-droplist .droplist-button { min-height:2.9091vw; padding-right:3.6364vw; font-size:1.2727vw; }
    .wrap-droplist .droplist-button:before { margin-top:-0.7273vw; right:0.5455vw; width:1.4545vw; height:1.4545vw; background-size:1.4545vw auto; }
    .wrap-droplist .droplist { /* top:calc(100% + 0.5455vw); */ top:calc(100% - 1px); border-radius: 0 0 0.9091vw 0.9091vw; }
    .wrap-droplist .droplist li { min-height:2.9091vw; line-height:2.9091vw; padding:0 1.8182vw; font-size:1.2727vw; }
    .wrap-droplist .droplist li > div { margin:0 -1.8182vw; }
    .wrap-droplist.active .droplist-button:before { background-size:1.4545vw auto; }
    .wrap-droplist.lowdrop .droplist,
    .wrap-droplist.bottom .droplist { bottom:calc(100% + 0.5455vw); }
	.wrap-droplist.rounded .droplist-button { min-height:3.6364vw; padding-left:1.3636vw; border-radius:0.9091vw; }  
	
	/* 푸터 */
	#footer .wrap-droplist .droplist-button { min-height: 3.6364vw; padding-left: 1.3636vw; font-size: 1.2727vw; }
	#footer .sitemap-links > ul > li > ul > li { font-size:1.4545vw; }
	/* 2021-05-31 */
	#footer.footer-b2c .sitemap-links > ul > li {height: 40.545vw;}
	#footer.footer-b2c .sitemap-links > ul > li:nth-last-child(2) { height: 18.909vw; }
	#footer.footer-b2c .sitemap-links > ul > li:last-child { height: 21.636vw; }
	#footer .sitemap-links > ul > li {padding: 6.909vw 2.182vw 2.727vw; font-size: 1.273vw;}
	#footer .sitemap-links > ul > li > h3 {top: 3.364vw; left: 2.182vw; line-height: 1.27; font-size: 1.636vw;}
	#footer .sitemap-links > ul > li > ul > li {padding: 0.818vw 0; font-size:1.4545vw;}
	#footer .sitemap-links > ul > li > ul > li > a {font-size: 1.273vw;}
	#footer .sitemap-links > ul > li > ul > li > a.link-outlink {padding-right: 0;}
	#footer .sitemap-links > ul > li > ul > li > a.link-outlink:after {width: 1.273vw; height: 1.273vw; margin-left: 0.636vw; margin-top: -0.273vw;}

	/* 200919 인증마크 */
	#footer .footer-content.type-auth { border-top:0 none; }
	#footer .footer-content.type-auth .footer-inner { padding-top:0.9091vw; }
	#footer .footer-content.type-auth .auth-list { padding:1.8182vw 0 2.5455vw; background:#F7F7F7; border-radius:0.9091vw;  }
	#footer .footer-content.type-auth .auth-list li {  padding:0 1.1818vw;  }
	#footer .footer-content.type-auth .auth-list li .outer-link {  height:2.7273vw;  font-size:0.9091vw; line-height:1.1364vw;   background-size: auto 2.7273vw;   }
	#footer .footer-content.type-auth .auth-list li .outer-link .tit {  margin-top:0.1818vw; font-size:inherit; }
	#footer .footer-content.type-auth .auth-list .mark01 { padding-left:4.1818vw; background-image:url(../_images/common/auth-mark01.png); }
	#footer .footer-content.type-auth .auth-list .mark02 { padding-left:4.6364vw; background-image:url(../_images/common/auth-mark02.png); }
	#footer .footer-content.type-auth .auth-list .mark03 { padding-left:3.2727vw; background-image:url(../_images/common/auth-mark03.png); }
	#footer .footer-content.type-auth .auth-list .mark04 { padding-left:3.2727vw; background-image:url(../_images/common/auth-mark04.png); }
	#footer .footer-content.type-auth .auth-list .mark05 { padding-left:3.2727vw; background-image:url(../_images/common/auth-mark05.png); }
	#footer .footer-content.type-auth .auth-list .mark06 { width:5.8182vw; height:2.7273vw; background-image:url(../_images/common/auth-mark06.png); }
	/* #footer.footer-business .sitemap-links > ul > li { height:604px; } */
}

@media all and (max-width:900px){
	/* #footer.footer-business .info-detail .gap span:last-child { display:block; padding-left:0; margin-left:0; margin-top:8px; }
	#footer.footer-business .info-detail .gap span:last-child::after { background:transparent !important; } *//* 2022-01-07 */
}

/* new 200428 */
@media all and (max-width:800px){
	.productSubWrap{position:fixed;left:-390px;right:auto;top:0;width:360px;padding:0;bottom:0;}
	.s-gnb-depth-2{min-height: 0 !important;position:absolute !important;left:0;right:0;top:0;bottom:0;padding:72px 12px 0;background-color:#fff;overflow-y:auto; z-index:11;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
	.s-gnb-depth-2:before{content:'';position:fixed;left:0;top:0;width:360px;height:54px;background-color:#fff;z-index:62;}
	/*.s-gnb-depth-2{padding:0 12px;}*/
	.s-gnb-depth-2 > ul{max-width:none !important;position:static;left:12px;top:0;}
    .s-gnb-productWrap {
		position:absolute !important;width:180px !important;right: 0;left:auto !important;top:72px !important;bottom:0;opacity:0;overflow-x:hidden;overflow-y:auto;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
    .selected + .s-gnb-productWrap{opacity:1;}
    .s-gnb-productWrap ul li{margin-top:16px;min-width: 0;width:148px;height:148px;position:relative !important;left:auto !important;top:auto !important;}
	.s-gnb-productWrap ul li:first-child{margin-top:0;}
	.s-gnb-productWrap.subType1 ul li {height: auto;}
	.s-gnb-productWrap.subType2 ul li {min-width: 0; min-height: 0;}
	.s-gnb-productWrap.subType2 ul li.main-img a .s-gnb-prod-name .s-gnb-item-title{font-size:14px;}
	.s-gnb-productWrap.subType2 ul li a {min-width:148px !important;min-height:148px !important;}
	.s-gnb-productWrap.subType2 ul li.main-img a {width: 100%;}
	.s-gnb-productWrap.subType2 ul li.main-img img {width: 100%;}
    /*.s-gnb-productWrap ul li{min-width:148px !important;min-height:182px !important;position:relative !important;left:auto !important;top:auto !important;}*/
	.s-gnb-depth-2 > ul > li > button, 
	.s-gnb-depth-3 > ul > li > button, 
	.s-gnb-depth-4 > ul > li > button{min-width:auto;}
    .s-gnb-productWrap ul{padding-left:0 !important;padding-bottom:48px;}
	.s-gnb-productWrap.subType3 ul{padding-bottom:90px;}
	.s-gnb-productWrap.subType1 ul li a .s-gnb-item-img img {display: none; width:100%;}
	.s-gnb-productWrap.subType1 ul li a .s-gnb-item-img .img-mo {display: block;}
	.s-gnbSubWrap button.selected + .s-gnb-productWrap, 
	.s-gnb-depth-2 > ul > li.on button.selected + .s-gnb-depth-3 ul li:first-child .s-gnb-productWrap, 
	.s-gnb-depth-3 > ul > li.on button.selected + .s-gnb-depth-4 ul li:first-child .s-gnb-productWrap{opacity:1;z-index:12;}
	.s-gnb-productWrap.subType3,
	.s-gnb-productWrap.subType3 .slick-list .slick-track .slick-slide{height: auto !important;}
	.s-gnb-productWrap ul li.main-img a .s-gnb-prod-name{bottom:auto;top:0;}
	.s-gnb-productWrap ul li a .s-gnb-prod-name{ height: auto; top:auto;bottom:16px;}
	.s-gnb-productWrap ul li.main-img a .s-gnb-item-title,
	.s-gnb-productWrap ul li a .s-gnb-item-title{margin-top:0;font-size:14px;line-height:17px;}
	.s-gnb-productWrap ul li.main-img a .s-gnb-item-subtxt,
	.s-gnb-productWrap ul li a .s-gnb-item-subtxt{display:none;}
	.s-gnb-productWrap.subType1 ul li a .s-gnb-prod-name{display: block; height:60px; top: 16px; bottom:auto; z-index: 3;}

	.cartMenu {top:56px; width: 100vw; white-space:nowrap;}
    .cartMenu .gnbSubRound > div{width:100%;min-width:auto;}

    /* 컨테이너 */
    #container.type-visual { margin-top:0; }
    .hidden-area { height:12.5000vw; }
    .conbox { min-height:auto; padding:1.8750vw 0; }
    .con-header { padding:0; }
    .con-header .con-tit { line-height:3.2500vw; padding-bottom:0.7500vw; font-size:2.5000vw; }
    .pg-tit { font-size: 3.5000vw; line-height:4.3750vw; letter-spacing: -0.05em; }
    .conbox.join-conbox,
    .conbox.customer-center-conbox { padding:3.0000vw 0 10.0000vw; }

    /* 컨테이너 background */
    .member-bg:not(.login):not(.member-bg2) { background:#fff; } /* .member-bg.login == .member-bg.member-bg2 */

    /* 이미지 타이틀 width: 1600px */
    #container .content-visual-header .visual { position: relative; max-width: 1600px; height: 360px; margin: 0 auto; text-align:center; }
    #container .content-visual-header .visual-txt { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); padding-left: 36px; padding-right: 36px; }
    #container .content-visual-header .visual p { padding-bottom: 16px; line-height:22px; font-weight:700; font-size:18px; color:#fff; }
    #container .content-visual-header .visual h1 { display:block; line-height:48px; font-weight:700; font-size:36px; color:#fff; }
    #container .content-visual-header .visual h1 span { line-height:1.25; font:inherit; color:inherit; }
    #container .content-visual-header .visual h1 span:not(.m) { display:block; }
    #container .content-visual-header .visual .visual-txt > span { display: inline-block; padding-top: 18px; font-size: 14px; line-height: 18px; color: #fff !important; letter-spacing: 0; word-break: keep-all; }
    #container .content-visual-header .visual span.m { display:block; }

    /* LNB */
    .nav-lnb-rounded { position:absolute; top:0; left:0; right:0; width:100%; text-align:left; border-top-right-radius:0; background:#fff; }
    .nav-lnb-rounded .bg { display:none; }
    .nav-lnb-rounded .nav-lnb-inner { display:block; overflow:visible; width:100%; padding:0; }
    .nav-lnb-rounded .intro { display:none; }
    .nav-lnb-rounded .list-menu { position:relative; border-top:1px solid #ddd; border-bottom:none; }
    .nav-lnb-rounded .list-menu .list { overflow-x:auto; overflow-y:hidden; font-size:0; white-space:nowrap; border-bottom:1px solid #ddd; }
    .nav-lnb-rounded .list-menu .list .menu { display:inline-block; padding:0 16px; border-top:none; }
    .nav-lnb-rounded .list-menu .list .menu > a { display:inline-block; position:relative; z-index:1; line-height:40px; font-size:14px; }
    .nav-lnb-rounded .list-menu .list .menu > a:after { top:auto; left:0; right:0; bottom:8px; width:100%; height:2px; transform:none; background:transparent; }
    .nav-lnb-rounded .list-menu .list .menu.active > a:after { background:#000; }
    .nav-lnb-rounded .list-menu .list .menu > ul { display:none; overflow-x:auto; overflow-y:hidden; position:absolute; right:0; top:41px; left:0; font-size:0; padding:0 4px; border-top:none; background:#fff; }
    .nav-lnb-rounded .list-menu .list .menu > ul > li { display:inline-block; padding:0 12px; }
    .nav-lnb-rounded .list-menu .list .menu > ul > li > a { display:block; line-height:32px; padding:0; font-size:12px; color:#313131; letter-spacing:0; }
    .nav-lnb-rounded .list-menu .list .menu > ul > li > a:hover { background:#fff; }
    .member-bg .nav-lnb-rounded,
    .member-bg .nav-lnb-rounded .bg,
    .member-bg2 .nav-lnb-rounded,
    .member-bg2 .nav-lnb-rounded .bg { background:#fff; }
    .member-bg .nav-lnb-rounded .list-menu .list .menu > ul > li > a:hover,
    .member-bg2 .nav-lnb-rounded .list-menu .list .menu > ul > li > a:hover { background:#fff; }

    /* LNB 있는 content */
    #container.type-menu .content { display:block; position:relative; padding:97px 12px 80px; }
    #container.type-menu .content .conbox { width:100%; padding:0; }
    #container.type-menu .content .conbox .con-header-left,
    #container.type-menu .content .conbox .con-header-basic { padding:0 0 24px; }

    /* 게시판 페이지 헤더 공통 */
    .conbox .con-header-left,
    .conbox .con-header-basic { padding-bottom:24px; }
    .conbox .con-header-left .con-tit,
    .conbox .con-header-basic .con-tit { line-height:32px; font-size:24px; word-break: keep-all; }
    .conbox .con-header-basic .con-desc { line-height:1.38em; padding-top:12px; font-size:14px; }
    .conbox .con-header-basic .con-tit + .con-box-search { padding-top:24px; }
    .conbox .con-box-search .search-option .wrap-opt ~ .wrap-opt { margin-left:24px; }

    /* 게시판 페이지 헤더 검색 */   
    .conbox .con-box-search .search-option { position: relative; }
    .conbox .con-box-search .search-option .wrap-opt { position: static; }
    .conbox .con-box-search .search-option .wrap-opt ~ .wrap-opt { margin-left:4.5000vw; }
    .conbox .con-box-search .search-option .wrap-opt .btn-sort { line-height:4.0000vw; padding:0.6250vw 3.7500vw 0.7500vw 0; background-size:2.0000vw auto; }
    .conbox .con-box-search .search-option .wrap-opt .btn-sort.open { background-size:2.0000vw auto; }
    .conbox .con-box-search .search-option .ly-search-sort { top:4.7500vw; left: 50%; transform: translateX(-50%); width:25.0000vw; border-radius:1.2500vw; }
    .conbox .con-box-search .search-option .ly-search-sort .chk-all { margin:0 -2.5000vw; padding:0 2.5000vw 1.5000vw; }
    .conbox .con-box-search .search-option .ly-search-sort ul { padding: 1.8750vw 2.5000vw; }
    .conbox .con-box-search .search-option .ly-search-sort ul li ~ li { margin-top:1.5000vw; }
    .conbox .con-box-search .search-option + .wrap-search { margin-top:1.2500vw; }
    .conbox .con-box-search .wrap-search { width:100%; }
    .conbox .con-box-search .wrap-search input[type="text"] { width:100%; height:5.0000vw; padding:0 7.1250vw 0 2.5000vw; font-size:1.7500vw; border-radius:2.5000vw; }
    .conbox .con-box-search .wrap-search .btn-search { position:absolute; top:0; right:1.1250vw; width:5.0000vw; height:5.0000vw; background-size:2.5000vw auto; }
    .conbox .con-box-search .search-option.right .wrap-opt .btn-sort { line-height: 4.0000vw; padding: 0 2.7500vw 0 0; background-size: 2.0000vw auto; }

    /* 게시판 페이지 헤더 검색 px */
    .conbox .con-box-search .search-option { position: relative; }
    .conbox .con-box-search .search-option .wrap-opt { position: static; }
    .conbox .con-box-search .search-option .wrap-opt ~ .wrap-opt { margin-left:36px; }
    .conbox .con-box-search .search-option .wrap-opt .btn-sort { line-height:32px; padding:5px 30px 6px 0; background-size:16px auto; }
    .conbox .con-box-search .search-option .wrap-opt .btn-sort.open { background-size:16px auto; }
    .conbox .con-box-search .search-option .ly-search-sort { top:38px; left: 50%; transform: translateX(-50%); width:200px; border-radius:10px; }
    .conbox .con-box-search .search-option .ly-search-sort .chk-all { margin:0 -20px; padding:0 20px 12px; }
    .conbox .con-box-search .search-option .ly-search-sort ul { padding: 15px 20px; }
    .conbox .con-box-search .search-option .ly-search-sort ul li ~ li { margin-top:12px; }
    .conbox .con-box-search .search-option + .wrap-search { margin-top:10px; }
    .conbox .con-box-search .wrap-search { width:100%; }
    .conbox .con-box-search .wrap-search input[type="text"] { width:100%; height:40px; padding:0 57px 0 20px; font-size:14px; border-radius:20px; }
    .conbox .con-box-search .wrap-search .btn-search { position:absolute; top:0; right:9px; width:40px; height:40px; background-size:20px auto; }
    .conbox .con-box-search .search-option.right { margin-bottom: 12px; }
    .conbox .con-box-search .search-option.right .wrap-opt .btn-sort { line-height: 21px; padding: 0 22px 0 0; background-size: 16px auto; }

    /* 게시판 페이지 헤더 기간 검색 */
    .wrap-search-period { margin-bottom:4.5000vw; padding:4.5000vw 3.0000vw; background:#fafafa; }
    /* .wrap-search-period .search-period .btns-period ul li { width:50%; }
    .wrap-search-period .search-period .btns-period ul li:nth-child(2n) { padding-left:0.6250vw; }
    .wrap-search-period .search-period .btns-period ul li:nth-child(2n-1) { padding-right:0.6250vw; }
    .wrap-search-period .search-period .btns-period ul li ~ li { margin-left:0; }
    .wrap-search-period .search-period .btns-period ul li:nth-child(2) ~ li { margin-top:1.2500vw; } */
    .wrap-search-period .search-period .btns-period { float:none; }
    .wrap-search-period .search-period .btns-period ul li{float:none;display:inline-block;}
    .wrap-search-period .search-period .btns-period ul li ~ li { margin-left:1.2500vw; }
    .wrap-search-period .search-period .btns-period ul li .btn { float:none; width:100%; margin-left:0; background:transparent; }
    .wrap-search-period .search-period .date-period { float:none; margin-left:0; padding-top:2.5000vw; text-align:center; }
    .wrap-search-period .search-period .date-period .date { float:none; padding-bottom:3.0000vw; text-align:left; }
    .wrap-search-period .search-period .date-period .date .inp-form { width:calc(50% - 1.5000vw); }
    .wrap-search-period .search-period .date-period .date .inp-form input.inp-calendar { background-color:transparent !important; }
    .wrap-search-period .search-period .date-period .date .inp-form ~ .inp-form { float:right; margin-left:0; }
    .wrap-search-period .search-period .date-period .date .inp-form ~ .inp-form:after { left:-1.8750vw; line-height:4.0000vw; }
    .wrap-search-period .search-period .date-period .btn { float:none; margin-left:0; }

    /* 페이지 로케이션 */
    .pg-location{ display:none; }

    /* 새로운 dropdown list */
    .wrap-droplist .droplist-button { min-height:32px; padding-right:40px; font-size:14px; }
    .wrap-droplist .droplist-button:before { margin-top:-8px; right:6px; width:16px; height:16px; background-size:16px auto; }
    .wrap-droplist .droplist { /* top:calc(100% + 6px); */ top:calc(100% - 1px); }
    .wrap-droplist .droplist li { min-height:40px; line-height:40px; }
    .wrap-droplist .droplist li > div { margin:0 -20px; }
    .wrap-droplist.active .droplist-button:before { background-size:16px auto; }
    .wrap-droplist.lowdrop .droplist,
    .wrap-droplist.bottom .droplist { bottom:calc(100% + 6px); }
	.wrap-droplist.rounded .droplist-button { min-height:40px; padding-left:15px; border-radius:10px; }
	
	#container.type-menu .content .conbox { min-height: auto; }
	#footer .wrap-droplist .droplist-button:before { background:url('../_images/common/icon-drop-down-pd.svg') right center no-repeat; }
	#footer .wrap-droplist.active .droplist-button:before { background:url('../_images/common/icon-drop-up-pd.svg') right center no-repeat; }

	/* 200919 인증마크 */
	#footer .footer-content.type-auth { border-top:0 none; }
	#footer .footer-content.type-auth .footer-inner { padding:0; }
	#footer .footer-content.type-auth .auth-list { display:inline-block; width:100%; padding:0; background:#F7F7F7; border:0 none; border-radius:0;  }
	#footer .footer-content.type-auth .auth-list li { float:left; width:50%; }
	#footer .footer-content.type-auth .auth-list li:not(:last-child) { border-right:0 none; }
	#footer .footer-content.type-auth .auth-list li:first-child, #footer .footer-content.type-auth .auth-list li:nth-child(2) { padding:18px 0 12px; }
	#footer .footer-content.type-auth .auth-list li:nth-child(3), #footer .footer-content.type-auth .auth-list li:nth-child(4) { padding:12px 0; }
	#footer .footer-content.type-auth .auth-list li:nth-child(5), #footer .footer-content.type-auth .auth-list li:last-child { padding:12px 0 18px; }
	#footer .footer-content.type-auth .auth-list li .outer-link {  width:100%; height:100%; min-height:30px; background-size: auto 2.7273vw; background-position:50% 0; background-size: auto 30px;  }
	#footer .footer-content.type-auth .auth-list li:not(:last-child) .outer-link { padding-top:36px; padding-left:0; }
	#footer .footer-content.type-auth .auth-list li .outer-link .tit {  display:block; margin-top:0; color:#444; font-size:10px; line-height:12.5px; text-align:center; }
	#footer .footer-content.type-auth .auth-list .mark01 { background-image:url(../_images/common/auth-mark01.png); }
	#footer .footer-content.type-auth .auth-list .mark02 { background-image:url(../_images/common/auth-mark02.png); }
	#footer .footer-content.type-auth .auth-list .mark03 { background-image:url(../_images/common/auth-mark03.png); }
	#footer .footer-content.type-auth .auth-list .mark04 { background-image:url(../_images/common/auth-mark04.png); }
	#footer .footer-content.type-auth .auth-list .mark05 { background-image:url(../_images/common/auth-mark05.png); }
	#footer .footer-content.type-auth .auth-list .mark06 { width:64px; height:30px; transform:translateY(50%); background-image:url(../_images/common/auth-mark06.png); }
	#footer .mo-br { display:block; height:6px; }
	#footer .footer-inner .info-detail p .mo-br + span { display:inline-block; margin-left:0; padding-left:0; }
	#footer .footer-inner .info-detail p .mo-br + span:after { background:transparent !important; }
}

@media all and (max-width:587px) and (min-width:415px){	
    /* 게시판 페이지 헤더 기간 검색 */
	.wrap-search-period .search-period .date-period .date .inp-form ~ .inp-form:after { left:-13px; }
}

/* new 200428 */
@media all and (max-width:414px){
    #header .header-right > ul > li > a{line-height:56px;}
    /* 이미지 타이틀 width: 1600px */
    #container .content-visual-header .visual { position: relative; max-width: 1600px; height: 360px; margin: 0 auto; text-align:center; }
    #container .content-visual-header .visual-txt { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); padding-left: 36px; padding-right: 36px; }
    #container .content-visual-header .visual p { padding-bottom: 16px; line-height:22px; font-weight:700; font-size:18px; color:#fff; }
    #container .content-visual-header .visual h1 { display:block; line-height:48px; font-weight:700; font-size:36px; color:#fff; }
    #container .content-visual-header .visual h1 span { line-height:1.25; font:inherit; color:inherit; }
    #container .content-visual-header .visual h1 span:not(.m) { display:block; }
    #container .content-visual-header .visual .visual-txt > span { display: inline-block; padding-top: 18px; font-size: 14px; line-height: 18px; color: #fff !important; letter-spacing: 0; word-break: keep-all; }

    .hidden-area { height:100px; }
    .conbox { padding:15px 0; }
    .con-header { padding:0; }
    .con-header .con-tit { line-height:26px; padding-bottom:6px; font-size:20px; }
    .pg-tit { font-size: 28px; line-height:35px; letter-spacing: -0.05em; }
    .conbox.join-conbox,
    .conbox.customer-center-conbox { padding:40px 0 90px; }

    /* 게시판 페이지 헤더 검색 */   
    .conbox .con-box-search .search-option { position: relative; }
    .conbox .con-box-search .search-option .wrap-opt { position: static; }
    .conbox .con-box-search .search-option .wrap-opt ~ .wrap-opt { margin-left:36px; }
    .conbox .con-box-search .search-option .wrap-opt .btn-sort { line-height:32px; padding:5px 30px 6px 0; background-size:16px auto; }
    .conbox .con-box-search .search-option .wrap-opt .btn-sort.open { background-size:16px auto; }
    .conbox .con-box-search .search-option .ly-search-sort { top:38px; left: 50%; transform: translateX(-50%); width:200px; border-radius:10px; }
    .conbox .con-box-search .search-option .ly-search-sort .chk-all { margin:0 -20px; padding:0 20px 12px; }
    .conbox .con-box-search .search-option .ly-search-sort ul { padding:15px 20px; }
    .conbox .con-box-search .search-option .ly-search-sort ul li ~ li { margin-top:12px; }
    .conbox .con-box-search .search-option + .wrap-search { margin-top:10px; }
    .conbox .con-box-search .wrap-search { width:100%; }
    .conbox .con-box-search .wrap-search input[type="text"] { width:100%; height:40px; padding:0 57px 0 20px; font-size:14px; border-radius:20px; }
    .conbox .con-box-search .wrap-search .btn-search { position:absolute; top:0; right:9px; width:40px; height:40px; background-size:20px auto; }

    /* 게시판 페이지 헤더 기간 검색 */
    .wrap-search-period { margin-bottom:36px; padding:36px 24px; background:#fafafa; }
    .wrap-search-period .search-period { display:block; }
    .wrap-search-period .search-period .btns-period ul li { width:50%;float:left; }
    .wrap-search-period .search-period .btns-period ul li:nth-child(2n) { padding-left:5px; }
    .wrap-search-period .search-period .btns-period ul li:nth-child(2n-1) { padding-right:5px; }
    .wrap-search-period .search-period .btns-period ul li ~ li { margin-left:0; }
    .wrap-search-period .search-period .btns-period ul li:nth-child(2) ~ li { margin-top:10px; }
    .wrap-search-period .search-period .btns-period ul li .btn { float:none; width:100%; margin-left:0; background:transparent; }
    .wrap-search-period .search-period .date-period { padding-top:20px; text-align:center; }
    .wrap-search-period .search-period .date-period .date { float:none; padding-bottom:24px; text-align:left; }
    .wrap-search-period .search-period .date-period .date .inp-form { width:calc(50% - 12px); }
    .wrap-search-period .search-period .date-period .date .inp-form input.inp-calendar { background-color:transparent !important; }
    .wrap-search-period .search-period .date-period .date .inp-form ~ .inp-form { float:right; margin-left:0; }
    .wrap-search-period .search-period .date-period .date .inp-form ~ .inp-form:after { left:-16px; line-height:32px; }
    .wrap-search-period .search-period .date-period .btn { float:none; margin-left:0; }

    /* 새로운 dropdown list */
    .wrap-droplist .droplist-button { min-height:32px; padding-right:40px; font-size:14px; }
    .wrap-droplist .droplist-button:before { margin-top:-8px; right:6px; width:16px; height:16px; background-size:16px auto; }
    .wrap-droplist .droplist { /* top:calc(100% + 6px); */ top:calc(100% - 1px); }
    .wrap-droplist .droplist li { min-height:32px; line-height:32px; padding:0 20px; font-size:14px; }
    .wrap-droplist .droplist li > div { margin:0 -20px; }
    .wrap-droplist.active .droplist-button:before { background-size:16px auto; }
    .wrap-droplist.lowdrop .droplist,
    .wrap-droplist.bottom .droplist { bottom:calc(100% + 6px); }
    .wrap-droplist.rounded .droplist-button { min-height:40px; padding-left:15px; border-radius:10px; }
}

@media all and (max-width:1280px){
    #header .header-right > a { line-height:56px; font-size:16px; }
    #header .header-right > .link { display:none; }
    #header .header-right > .link-login { display:none; }
    #header .header-right > .link-location { display:none; }
    #header .header-right > .link-m-nav { display:inline-block; }
    #footer .footer-inner .contact-info { position:relative; top:auto; right:auto; margin-top: 10px; margin-bottom:30px; padding-bottom:30px; }
	#footer .footer-inner .contact-info:after { content:""; position:absolute; right:-24px; bottom:0; left:-24px; height:1px; background:#d9d9d9; }
}
/* @media all and (max-width:1180px){
    .pg-location{ display:none; }
} */
@media all and (max-width:1300px){
	#footer .link-box { position:relative; left:0; right:auto; width:100%; padding-bottom:16px; }
	
}
@media all and (max-width:1024px){
    /* 게시판 페이지 헤더 기간 검색 */
    /* .wrap-search-period .search-period:after { display:none; }
    .wrap-search-period .search-period .btns-period { float:none; }
    .wrap-search-period .search-period .date-period { float:none; margin-top:20px; margin-left:0; } */
}

@media all and (max-width:800px){
    #footer .footer-inner .cs-btn > ul > li { float:none; }
    #footer .footer-inner .cs-btn > ul > li ~ li { margin-top:16px; margin-left:0; }
    #footer .footer-inner .contact-info ul li { float:none; padding-right:0; }
    #footer .footer-inner .contact-info ul li ~ li { margin-top:12px; padding:13px 0 0; }
    #footer .footer-inner .contact-info ul li ~ li:after { top:0; width:102px; height:1px; margin-top:0; }
    #footer .footer-inner .info-detail p { font-size:12px; }
    #footer .footer-inner .info-detail p ~ p { margin-top:0; }
    #footer .footer-inner .info-detail p span { display:block; margin-top:7px; }
    #footer .footer-inner .info-detail p:nth-child(3) { margin-top: 11px;}
    #footer .footer-inner .info-detail p span:not(.wrap) { margin-left:0; padding-left:0; }
    #footer .footer-inner .info-detail p span:not(.wrap):not(.comp-wrap):after { display:none; }
    #footer .footer-inner .info-detail p.copyright { margin-top:13px; }
    #footer .footer-inner .info-detail p:first-child span:first-child { margin-top: 0;}
    #footer .footer-inner .info-detail p span.mo-inline { display: inline-block; }
    #footer .footer-inner .sns-btn { position:relative; text-align:center; margin-left: 0 !important; }
    #footer .footer-inner .sns-btn .tit { position:absolute; overflow:hidden; border:0; width:1px; height:1px; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%); }
    #footer .footer-inner .sns-btn .wrap-sns { display:inline-block; }
    #footer .footer-inner .sns-btn ul li:first-child { margin-left:0; }
    #footer .sitemap-links > ul > li { float:none; width:100%; padding:0; }
    #footer .sitemap-links > ul > li ~ li { border-left:none; border-top:1px solid #d9d9d9; }
    #footer .sitemap-links > ul > li > h3 { position:static;font-size:14px;}
    #footer .sitemap-links > ul > li > h3 > a { position:relative; line-height:55px; padding:0 12px; pointer-events:auto; }
    #footer .sitemap-links > ul > li > h3 > a:after { content:""; position:absolute; top:50%; right:12px; width:12px; height:12px; margin-top:-7px; background:url(../_images/common/icon-plus-black.svg) no-repeat;background-size:cover}
    #footer .sitemap-links > ul > li > ul { display:none; padding:20px 12px; background:#f7f7f7; }
    #footer .sitemap-links > ul > li > ul > li { padding:0; }
    #footer .sitemap-links > ul > li > ul > li > a { display:inline-block; line-height:18px; padding:10px 0; font-size:14px; }
    #footer .sitemap-links > ul > li.active > h3 > a:after { background-image:url(../_images/common/icon-minus-black.svg); }
    #footer .sitemap-links > ul > li.over { width:100%; }
    #footer .sitemap-links > ul > li.over:after { display:none; }
    #footer .sitemap-links > ul > li.over > ul { float:none; width:100%; }
    #footer .sitemap-links > ul > li.over > ul ~ ul { margin-top:-40px;padding-left:12px; }
    #footer .sitemap-links > ul > li { padding-right:0; }
    #footer .sitemap-links > ul > li > ul > li > a { font-size:12px; }    
    #footer.footer-b2c .footer-inner .clause-links { float:none; clear:both; margin-left:0; padding-top:16px; }
    #footer.footer-b2c .footer-inner .info-detail p .wrap { display:block; margin-top:8px; }
    /* 2021-05-31 */
    #footer.footer-b2c .sitemap-links > ul > li, 
	#footer.footer-b2c .sitemap-links > ul > li:nth-last-child(2),
	#footer.footer-b2c .sitemap-links > ul > li:last-child,
	#footer.footer-b2c .sitemap-links > ul > li.over { width:100%; }
    #footer.footer-b2c .sitemap-links > ul > li,
	#footer.footer-b2c .sitemap-links > ul > li:nth-last-child(2),
	#footer.footer-b2c .sitemap-links > ul > li:last-child,
    #footer.footer-business .sitemap-links > ul > li { height:auto; }
    #footer.footer-b2c .footer-content:last-child .footer-inner,
    #footer.footer-business .footer-content:last-child .footer-inner { padding-bottom:24px; }
    #footer .footer-inner .info-detail p span.comp-wrap { display:inline-block; margin-left:7px; }
    #footer.footer-b2c .footer-inner .info-detail p:nth-child(2) ~ p { line-height:18px; }
    #footer.footer-b2c .footer-inner:not(.sitemap-links) { padding:30px 12px;}
    #footer.footer-b2c .footer-inner .cs-btn { float:none; }
    #footer.footer-b2c .footer-inner .cs-btn > ul { display:inline-block; vertical-align:top; }
    #footer.footer-b2c .footer-inner .cs-btn > ul > li > a { line-height:18px; }
    #footer.footer-b2c .footer-inner .cs-btn > ul > li { float:left; }
    #footer.footer-b2c .footer-inner .cs-btn > ul > li ~ li { margin-top:0; }
    #footer.footer-b2c .footer-inner .clause-links { padding-top:24px; }
    #footer.footer-b2c .footer-inner .clause-links .wrap-droplist { width:100%; }
    #footer.footer-b2c .footer-inner .clause-links .wrap-droplist ~ .wrap-droplist { margin:10px 0 0 0; }
    #footer .footer-inner .clause-links .wrap-droplist.clause-use ul,
    #footer .footer-inner .clause-links .wrap-droplist.clause-private ul { width:100%; }
    #footer.footer-b2c .footer-content:last-child .footer-inner { padding-top:30px; }
    #footer .link-box { position: relative; top: inherit; right: inherit; display: block; margin-top: 30px; padding-top: 24px;}
    #footer .link-box:before { content: ""; position: absolute; top: 0; left: -12px; right: -12px; height: 1px; background-color: #D9D9D9;}
    #footer .link-box .mark-box { text-align: center; }
    #footer .link-box .mark-box + .sns-btn { margin-top: 24px; }
    #footer .footer-inner .cs-btn > ul > li > a { font-size: 14px; line-height: 18px; }
    #footer .footer-inner .contact-info { margin-top: 6px; }
    #footer .footer-inner .contact-info ul li .tit { padding-bottom: 10px; }
    #footer .footer-inner .info-links + .info-detail { padding-top: 30px;}
    #footer.footer-business .sitemap-links > ul > li { width: 100%; }
    #footer .type-multiple .footer-inner { padding: 24px 12px; }
    #footer .footer-inner { padding-left: 12px; padding-right: 12px;}
	#footer .sitemap-links { padding-left: 0; padding-right: 0;}
	#footer .footer-inner .contact-info:after { left: -12px; right: -12px; }
}

@media screen and (max-width:586px) {
    #footer .footer-inner .site-info .info-links li:nth-child(2) ~ li { margin-top:18px; }
    #footer .footer-inner .site-info .info-links li:nth-child(3n) { clear:both; margin-left:0; padding-left:0; }
    #footer .footer-inner .site-info .info-links li:nth-child(3n):after { display:none; }
    #footer .footer-inner .site-info .info-links-mo-inline li:nth-child(3n) { clear: inherit; float:left; margin-top: 0 !important; margin-left: 16px; padding-left: 17px;}
    #footer .footer-inner .site-info .info-links-mo-inline li:nth-child(3n):after { display:block; }
}

@media all and (max-width:424px){
	#footer.footer-b2c .footer-inner .cs-btn li:last-child { width:100%; margin-top:12px; margin-left:0; padding-left:0; }
	#footer.footer-b2c .footer-inner .cs-btn li:last-child::after { background:transparent; }
}

@media screen and (max-width:320px) { 
	#header .gnb{width:320px;}
	.s-gnb-productWrap{left:138px !important; }
	/* 새로운 dropdown list */
    .wrap-droplist .droplist-button { min-height:32px; padding-right:40px; font-size:14px; }
    .wrap-droplist .droplist-button:before { margin-top:-8px; right:6px; width:16px; height:16px; }
    /* .wrap-droplist .droplist { top:calc(100% + 6px); } */
    .wrap-droplist .droplist li { min-height:32px; line-height:32px; padding:0 20px; font-size:14px; }
    .wrap-droplist .droplist li > div { margin:0 -20px; }
    .wrap-droplist.lowdrop .droplist,
    .wrap-droplist.bottom .droplist { bottom:calc(100% + 6px); }
    .wrap-droplist.rounded .droplist-button { min-height:40px; padding-left:15px; border-radius:10px; }

	#footer.footer-b2c .footer-inner .cs-btn > ul > li ~ li { margin-left: 12px; padding-left: 13px; }
	#footer.footer-b2c .footer-inner .cs-btn li:nth-child(2) { margin-right:30%; } /* 영역 잡기 */
	#footer.footer-b2c .footer-inner .cs-btn li:nth-child(3) { width:initial; margin-top:12px; margin-left:0; padding-left:0; }
	#footer.footer-b2c .footer-inner .cs-btn li:nth-child(3)::after { background:transparent; }
	#footer.footer-b2c .footer-inner .cs-btn li:last-child { width:initial; margin-left:16px; padding-left:17px; }
	#footer.footer-b2c .footer-inner .cs-btn li:last-child::after { background:#d9d9d9; }
	#footer .footer-inner .info-detail p .comp-wrap:last-child { margin-left:0; }

	/* vw */
	.wrap-droplist .droplist-button { min-height:8.88889vw; padding-right:11.11111vw; font-size:3.88889vw; }
	.wrap-droplist .droplist-button:before { margin-top:-2.22222vw; right:1.66667vw; width:4.44444vw; height:4.44444vw; background-size:4.44444vw auto;}
	.wrap-droplist.active .droplist-button:before { background-size:4.44444vw auto; }
}
/* 210709 fnet footer */
#footer.footer-business .sitemap-links > ul{display:flex}
@media screen and (max-width: 800px){
	#footer.footer-business .sitemap-links > ul{display: block}
}
/* 2022-01-07 b2b footer */
#footer.footer-business .footer-inner .info-detail p.gap span:first-child:after { display:block; }
#footer.footer-business .footer-inner .info-detail p.gap span {margin:0 8px 0 0; padding:0 10px 0 0;}
#footer.footer-business .footer-inner .info-detail p.gap span:after {content:""; position: absolute; top: 2px; right: 0; left: auto; width: 1px; height: 12px; background: #d9d9d9;}
#footer.footer-business .info-detail p.gap span:last-child::after { background:transparent !important; }
@media all and (max-width:1200px){
	#footer.footer-business .footer-inner .info-detail p.gap { display:flex; flex-wrap: wrap; }
	#footer.footer-business .footer-inner .info-detail p.gap span { flex:none; } 
	#footer.footer-business .info-detail p.gap span:last-child {margin-left:0; padding-left:0;}
}
@media screen and (max-width:800px){
	#footer.footer-business .footer-inner .info-detail p.gap span:first-child:after { display:none; }
	#footer.footer-business .footer-inner .info-detail p.gap { display:block; }
}

/* 22-04-08 LNB 1depth Link + active */
.nav-lnb-rounded .list-menu .link { border-top: 1px solid #555; }
.nav-lnb-rounded .list-menu .link > a { display: block; position: relative; line-height: 38px; font-size: 14px; letter-spacing: 0; }
.nav-lnb-rounded .list-menu .link.active > a { font-weight: 700; }
@media (max-width: 1100px) and (min-width: 801px) {
	.nav-lnb-rounded .list-menu .link > a { line-height: 3.4545vw; font-size: 1.2727vw; }
}
@media (max-width: 800px) {
	.nav-lnb-rounded .list-menu .link { display: inline-block; padding: 0 16px; border-top: none; }
	.nav-lnb-rounded .list-menu .link.active > a { line-height: 40px; }
	.nav-lnb-rounded .list-menu .link.active > a::after { content: ""; position: absolute; right: 0; bottom: 8px; left: 0; height: 2px; background-color: #000; }
}