@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;display: flex;} /* 2022-05-17 */
#header .s-inner:after { display:block; content:""; clear:both; }
/* 2021-10-22 KDP-7066 */
#header .logo { position:relative; float:left; height: 100%; margin-right:50px;white-space: nowrap;
flex:none;}  /* 2022-05-17 */
#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 .gnb > .gnb1depth{display: flex;} /* 2022-05-17 */

#header .link-dpz{position:relative;margin-right:20px;z-index:1;}
#header .icon-dpz{position: relative; display: inline-block; 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("/sec/static/_images/common/icon-16-midium-location-white.svg")}/*211025*/
#header .new-gnb {float: left; height: 100%; width: 100%;} /* 2022-05-17 */


#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;white-space: nowrap;} /* 2022-06-02 */
#header .gnb > ul > li.blank{ display: block; width: 100%; padding: 0;} /* 2022-05-17 */
#header .gnb > ul > li.blank a{display: none;} /* 2022-05-17 */
.new-gnb .gnb2depth li.arrowBlind:after{display: none;} /* 2022-05-20 */

#header .gnb > ul > li > a {position:relative; display:block; font-size:14px; color:#000; font-weight:bold; padding: 9px 7px; border-radius: 20px;}/* 2022-05-17 */
#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("/sec/static/_images/common/icon-outlink.svg"), url("/sec/static/_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("/sec/static/_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;  white-space: nowrap;} /* 2022-05-17 */
#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("/sec/static/_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("/sec/static/_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;}

.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:after {
	content: '';
	display: block;
}
.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('/sec/static/_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.direct:after { opacity: 0; } /* 22-08-15 GNB direct case */
.new-gnb .gnb2depth li {width: calc(100% - 472px);}
.new-gnb .gnb2depth .inner > .list {margin-top: 16px;} /* 2022-05-17 -3*/
.new-gnb .gnb2depth .inner > .list.onDepth > li {width: 209px;} /* 2022-05-17 -3*/
.new-gnb .gnb2depth li.border-bottom  {padding-bottom: 25px;} /* 2022-05-17 -3*/
.new-gnb .gnb2depth li.border-bottom span.border {display: block;background-color: #bbb;height: 1px;width: 187px;position: relative;top: 43px;}  /* 2022-05-17 -3*/

.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 > li.border-bottom {
	padding-bottom:25px;
} /* 2022-05-17 -2*/
.new-gnb .gnb3depth > ul > li.border-bottom span.border{display: block;background-color: #bbb;height: 1px;width: 187px;position: relative;top: 43px;} /* 2022-05-17 -2*/

.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 .gnb4depth li.border-bottom  {padding-bottom: 25px;}  /* 2022-05-17 -2*/
.new-gnb .gnb4depth li.border-bottom span.border {display: block;background-color: #bbb;height: 1px;width: 187px;position: relative;top: 43px;}  /* 2022-05-17 -2*/

.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('/sec/static/_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: 1280px){ /* 2022-05-20 */
	.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('/sec/static/_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;}

/* 22-09-07 GNB bedge + color */
.new-gnb .gnb2depth li > a,
.new-gnb .badge { align-items: center; }
.new-gnb .gnb2depth li > a { display: inline-flex; }
.new-gnb .badge { display: flex; margin-left: 8px; padding: 0 5px; line-height: 21px; height: 21px; font-size: .688rem; background-color: #000; border-radius: 10px; color: #fff; }
.new-gnb .badge._red { background-color: #ef3434; }
.new-gnb .badge._org { background-color: #f66700; }
.new-gnb .badge._blue { background-color: #2189ff; }
.new-gnb .badge._green { background-color: #00838f; }
.new-gnb .badge._sblu { background-color: #00b3e3; }
.new-gnb .badge._ygrn { background-color: #97d653; }

@media all and (min-width:1280px) and (max-width:1440px) {  /* 2022-05-20 */
	.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 .inner > .list.onDepth > li.border-bottom{padding-bottom: 1.8vw;} /* 2022-05-17 -3*/
	.new-gnb .gnb2depth .inner > .list.onDepth > li.border-bottom span.border {width: 13.5139vw;top: 3.1vw;}  /* 2022-05-17 -3*/

	
	.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;}
}

/* pit_bar_main */
/* 231019 FN에서 b2b2c 등 적용을 위해 위치 옮김 */
.pit_bar_main { position: relative; height: 53px; z-index: 220; }
.pit_bar_main .bg_grdt { background: linear-gradient(85deg, rgba(110,108,248,1) 0%, rgba(81,119,251,1) 40%, rgba(47,131,253,1) 100%); }
.pit_bar_main ._innr { position: absolute; top: 0; left: 0; width: 100%; }
.pit_bar_main ._innr ._prv { display: none; }
.pit_bar_main ._prv dl dt{font-size: inherit;}
.pit_bar_main ._prv dl dt b{font-size: inherit;}
.pit_bar_main ._prv dl dd{font-size: inherit;}
.pit_bar_main ._dtl { display: flex; position: relative; align-items: center; margin: 0 auto; max-width: 1440px; }
.pit_bar_main ._dtl > dl { display: flex; font-size: 14px; color: #fff; align-items: center; }
.pit_bar_main ._dtl > dl dt{ white-space: nowrap; }
.pit_bar_main ._dtl dt:first-child { display: flex; }
.pit_bar_main ._dtl dd { margin: 0 40px 0 5px; font-weight: 700; }
.pit_bar_main ._dtl dd > a { font-size: 14px; color: #fff; white-space: nowrap; }
.pit_bar_main .svc_nv { display: none; }
.pit_bar_main .customer-service { margin-right: -15px; }
.pit_bar_main .customer-service li a { line-height: 53px; }
.pit_bar_main .customer-service .service-li li a { font-size: 13px; line-height: 32px; }
.pit_bar_main .customer-service dt a, 
.pit_bar_main .customer-service .delivery a, 
.pit_bar_main .customer-service .app a { font-size: 14px; white-space: nowrap; }
.pit_bar_main .customer-service dd { margin: 0; }
.pit_bar_main #buyLimitEtc { display: flex; /*min-width: 200px;*/ }
/* responsive */
@media (max-width: 1520px) {
    .pit_bar_main .customer-service { margin-right: -5px; }
}
@media (max-width: 1440px) {
    .pit_bar_main .customer-service { margin-right: -15px; }
    .pit_bar_main ._dtl { padding: 0 20px; }
}
@media (min-width: 1025px) { .pit_bar_main ._dtl { display: flex !important; } }
@media (max-width: 1024px) {
    .pit_bar_main .bg_grdt{background: linear-gradient(90deg, #6E6CF8 0%, #2189FF 80%);}
    .pit_bar_main { position: relative; height: 46px; }
    .pit_bar_main._open ._innr { border-radius: 0 0 20px 20px; }
    .pit_bar_main .customer-service { display: none; }
    .pit_bar_main .cta_alrt { position: relative; width: 34px; height: 34px; border-radius: 50%; box-shadow: 0 3px 5px rgba(0,0,0,.15); }
    .pit_bar_main .cta_alrt ._alrt { position: absolute; top: 7px; right: 7px; width: 3px; height: 3px; background: #F66700; border-radius: 50%; z-index: 1; }
    .pit_bar_main .cta_alrt:after { content: ""; position: absolute; top: 7px; right: 7px; width: 3px; height: 3px; background: #c1c1c1; border-radius: 50%; }
    .pit_bar_main ._innr ._prv { display: flex; position: relative; justify-content: space-between; align-items: center; padding: 0 30px 0 19px; height: 46px; }
    .pit_bar_main ._prv dl { display: flex; flex: 1; justify-content: right; align-items: center; margin: 0 10px; font-size: 14px; }
    .pit_bar_main ._prv dt { margin-right: 10px; }
    .pit_bar_main ._prv dd { font-weight: 700; }
    .pit_bar_main ._prv dd > a { font-size: 14px; color: #fff; }
    .pit_bar_main .open_dtl { position: absolute; top: 0; right: 10px; width: 30px; height: 46px; background: url(https://images.samsung.com/kdp/_pub/fnet/new/icon-pit-bar-cta.svg) center no-repeat; }
    .pit_bar_main .open_dtl img { display: none; margin: 0 auto; width: 16px; height: auto; transition: transform .5s; }
    .pit_bar_main._open .open_dtl img { transform: rotate(180deg); }
    .pit_bar_main._open .open_dtl { transform: rotate(180deg); } 
    .pit_bar_main dl{ min-width: 70px; font-size: 14px; color: #fff; } 
	.pit_bar_main .svc_nv p { min-width: 70px; font-size: 14px; color: #000; }
    .pit_bar_main ._dtl { display: none;}
    .pit_bar_main ._dtl > dl { display: block; padding-top: 10px;}
    .pit_bar_main ._dtl dt { float: left; font-size: 14px; }
    .pit_bar_main ._dtl dt > b { font-size: inherit; }
    .pit_bar_main ._dtl dd { margin: 0 0 10px; text-align: right; font-weight: 700; }
    .pit_bar_main .svc_nv { display: flex; flex-wrap: wrap; }
    .pit_bar_main .svc_nv { border-top: solid 1px#000; }
    .pit_bar_main .svc_nv li { position: relative; width: 50%; height: 50px; }
    .pit_bar_main .svc_nv li a { display: block; height: 100%; padding-left: 5px; }
    .pit_bar_main .svc_nv li:nth-child(odd)::after { content: ""; position: absolute; top: 14px; right: 0; bottom: 13px; width: 1px; background-color: #000; }
    .pit_bar_main .svc_nv li:before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: rgba(0, 0, 0, 0.2); }
    .pit_bar_main .svc_nv li:last-child:before { display: none; }
    .pit_bar_main .svc_nv div { display: flex; align-items: center; justify-content: center; height: 100%; }
    .pit_bar_main .svc_nv i { margin: 0 10px; width: 20px; height: 20px; }
	.pit_bar_main ._dtl > dl { color: #000; }
	.pit_bar_main ._dtl dd > a { color: #000;}
	.pit_bar_main._open ._innr { overflow: hidden; box-shadow: 0 3px 5px rgba(0,0,0,.15);}
	.pit_bar_main ._dtl{background: #fff;box-shadow: 0 3px 5px rgba(0,0,0,.15);}
}
@media screen and (max-width: 480px) {
    .pit_bar_main ._innr ._prv { padding: 0 25px 0 12px; }
    .pit_bar_main .open_dtl { right: 5px; }
    .pit_bar_main ._prv dl { font-size: 13px; }
    .pit_bar_main ._prv dd > a { font-size: 13px; }
    .pit_bar_main ._dtl { padding: 0 15px; padding-bottom: 6px;}
}
@media screen and (max-width: 350px) {
    .pit_bar_main ._prv dl { margin: 0 5px; font-size: 12px; }
    .pit_bar_main ._dtl dt { font-size: 12px; }
    .pit_bar_main ._prv dt { margin-right: 5px; }
    .pit_bar_main ._prv dd > a { font-size: 12px; }
    .pit_bar_main .open_dtl { right: 1px; }
}

/* s : 2022-05-17 */
@media all and (max-width:1400px) {
	#header .logo img{height: 14px;}
	#header .gnb > ul > li > a {
		font-size: 12px;
	}
}
/* e : 2022-05-17 */


@media all and (max-width:1280px) {	 /* 2022-05-20 */
    #header .s-inner { height:56px; display: block;} /* 2022-05-17 */
    /* #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;
	}
	#header .gnb > ul > li.border-bottom{border-bottom: 1px solid #bbb;padding-bottom: 15px;margin-bottom: 15px;}  /* 2022-05-17 */
	.new-gnb .gnb2depth .inner > .list.onDepth > li.border-bottom  {padding-bottom: 25px;}  /* 2022-05-17 -3*/
	.new-gnb .gnb2depth .inner > .list.onDepth > li.border-bottom span.border {display: none;}  /* 2022-05-17 -3*/
	.new-gnb .gnb3depth:not(.new-prd-list) > ul > li.border-bottom {
		padding-bottom: 15px;	margin-bottom: 15px;
	} /* 2022-05-17 */
	.new-gnb .gnb3depth:not(.new-prd-list) > ul > li.border-bottom .border{
		top: 67px;
		display: none;
	} /* 2022-05-17 */
	
	.gnbOpen #header:before {
		top: 0; right: 0; bottom: 0; left: 0;
		opacity: 1;
		z-index: 1;
	}
	.gnbOpen #header {z-index: 211;}
	#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 > .gnb1depth{display: block;} /* 2022-05-17 */
	#header .gnb > ul > li.blank{display: none;} /* 2022-05-17 */
	#header .gnb > ul > li {
		float: none;
		height: auto;
		padding: 0;
		display: block;
		
	} /* 2022-05-17 */

	#header .gnb > ul > li.mob-onlyMenu-logout { margin-top: 10px; padding-top: 10px; border-top: solid 1px #bbb; }/* 22-08-04 KDP-15480 */
	
	#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("/sec/static/_images/common/icon-locationinfo.svg");
	}
	#header .gnb > ul > li > a.outlink:hover:after {
		background-image: url("/sec/static/_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('/sec/static/_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('/sec/static/_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;
	}
	
	 /* s : 2022-05-20 -2*/
/* .new-gnb .gnb3depth.gnb_banner_view{
		display: block;
		opacity: 1;
		position: relative;
		z-index: 1;
		height: auto !important;
	}
	.new-gnb .gnb3depth.gnb_banner_view .gnbBanner  {
		display: block;
		opacity: 1;
		z-index: 1;
		
	}  */
	 /* e : 2022-05-20 -2*/
	 
	/* 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%;
		width: 100%;/* 22-08-15 GNB direct case */
		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('/sec/static/_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;
	}
	.new-gnb .gnb2depth li.border-bottom {padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #bbb;}
	
	.new-gnb .gnb2depth .inner > .list.onDepth > li.border-bottom{margin-bottom: 15px;padding-bottom: 15px;}  /* 2022-05-17 -3*/
	.new-gnb .gnb2depth .inner > .list.onDepth > li.border-bottom span.border {display: none;}  /* 2022-05-17 -3*/
	.new-gnb .gnb2depth li.border-bottom span.border {display: none;}  /* 2022-05-17 -3*/

	.gnbOpen .new-gnb .gnb2depth { height: auto; overflow-y:auto; }/* 22-10-27 KDP-19323 */
	.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; 220729 수정 */
		padding: 36px 0; /* 210625 */
		/* border-top: 1px solid #ddd; 220729 수정 */
		position: relative; /* 220729 추가 */
	}
	.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: baseline; }/* 22-08-04 KDP-15480 */

	#header .header-right {
		position: absolute;
		top: 0; right: 12px;
	}
	/* 220729 추가 */
	#header .new-gnb .mob-onlyMenu::before {content: '';display: block;position: absolute;width: 100vw;top: 0;bottom: 0;left: -12px;background: #f3f3f3;z-index: -1;}
	#header .new-gnb .mob-onlyMenu > li > a {display: inline-block;vertical-align: middle;}
	.new-gnb .mob-onlyMenu.loginBefore li::before,
	.new-gnb .mob-onlyMenu.loginAfter li::before {content: '';display: inline-block;vertical-align: middle;width: 33px;height: 33px;margin-right: 22px;background-position: center center;}
	.new-gnb .mob-onlyMenu.loginBefore li.mob-onlyMenu-login::before {background-image: url("/sec/static/_images/common/icon-gnb-user.svg");}
	.new-gnb .mob-onlyMenu.loginBefore li.mob-onlyMenu-join::before {background-image: url("/sec/static/_images/common/icon-gnb-joinMembership.svg");}
	.new-gnb .mob-onlyMenu.loginBefore li.mob-onlyMenu-tracking::before {background-image: url("/sec/static/_images/common/icon-gnb-shipping.svg");}
	.new-gnb .mob-onlyMenu.loginBefore li.mob-onlyMenu-stoConsult::before {background-image: url("/sec/static/_images/common/icon-gnb-customerService.svg");}
	.new-gnb .mob-onlyMenu.loginBefore li.mob-onlyMenu-cpnZone::before {background-image: url("/sec/static/_images/common/icon-gnb-coupon.svg");}
	.new-gnb .mob-onlyMenu.loginBefore li.mob-onlyMenu-benefit::before {background-image: url("/sec/static/_images/common/icon-gnb-benefitZone.svg");}

	.new-gnb .mob-onlyMenu.loginAfter li.welcomeMsg::before {background-image: url("/sec/static/_images/common/icon-gnb-user.svg");}
	#header .new-gnb .mob-onlyMenu.loginAfter li.welcomeMsg a {font-weight: bold;font-size: 20px;}
	.new-gnb .mob-onlyMenu.loginAfter li.mob-onlyMenu-myinfo::before {background-image: url("/sec/static/_images/common/icon-gnb-myInfo.svg");}
	.new-gnb .mob-onlyMenu.loginAfter li.mob-onlyMenu-myDeviceList::before { background-image: url(/sec/static/_images/common/icon-gnb-myDvce.svg); }
	.new-gnb .mob-onlyMenu.loginAfter li.mob-onlyMenu-prdctRvw::before {background-image: url("/sec/static/_images/common/icon-gnb-productReviews.svg");}
	.new-gnb .mob-onlyMenu.loginAfter li.mob-onlyMenu-tracking::before {background-image: url("/sec/static/_images/common/icon-gnb-shipping.svg");}
	.new-gnb .mob-onlyMenu.loginAfter li.mob-onlyMenu-cpnZone::before {background-image: url("/sec/static/_images/common/icon-gnb-coupon.svg");}
	.new-gnb .mob-onlyMenu.loginAfter li.mob-onlyMenu-benefit::before {background-image: url("/sec/static/_images/common/icon-gnb-benefitZone.svg");}
	.new-gnb .mob-onlyMenu.loginAfter li.mob-onlyMenu-logout::before {background-image: url("/sec/static/_images/common/icon-gnb-logout.svg");}
	
	@media (max-width: 414px) {
		.new-gnb .mob-onlyMenu {padding: 8.8889vw 0 4.1667vw 0;}
		.new-gnb .mob-onlyMenu.loginBefore li::before,
		.new-gnb .mob-onlyMenu.loginAfter li::before {margin-right: 5vw;}
	}

	/* 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 {width: 101%;} /* 220727 추가 */
	.new-gnb .new-prd-list.gnb3depth { height:100vh; overflow-y:auto; -ms-overflow-style: none;}/* 220727 추가 */
	.new-gnb .new-prd-list.gnb3depth::-webkit-scrollbar {display: none;}/* 220727 추가 */
	.new-gnb .new-prd-list .prd-list-wrap { height:auto; padding: 0 8px 80px 8px; }/* 220727 수정 */
	.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; min-height:33px; margin-top:6px; font-size:12px; color:#707070; line-height:16px; } /* KDP-38120 230914 수정 */
	.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;  width:169px; height:auto; margin-bottom:30px; background-color:transparent; vertical-align:top; float: left;} /* 2022-05-17 -2 */ /* 220727 수정 */
	.new-gnb .new-prd-list .prd-list-wrap .sub-prd:nth-child(2n-1) { margin-right:5px;} /* 2022-05-20 */  /* 220727 수정 */
	.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 .rel .gnb4depth { position: fixed; width: 100%; top: 56px; }
}

/* 220728 추가 */
@media all and (max-width: 359px) {
	.new-gnb .new-prd-list .prd-list-wrap .sub-prd {display:inline-flex;width: 49%;}
	.new-gnb .new-prd-list .prd-list-wrap .sub-prd a .pic-wrap {height: 45.3571vw;}
	
}
/* @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;overflow: hidden; font-size:10px; color:transparent; vertical-align:middle; background-repeat:no-repeat !important; background-position:center center !important; background-size:contain !important; }/* KDP-54659 수정 */
.ico-default { width:16px; height:16px; }
.ico-large { width:26px; height:26px; }
.ico-zoom { background-image:url("/sec/static/_images/common/icon-zoom.svg"); }
.ico-cart { width:35px; background-image:url("/sec/static/_images/common/icon-cart.svg"); }
.ico-people { background-image:url("/sec/static/_images/common/icon-people.svg"); }
.ico-people-logged { background-image:url("/sec/static/_images/common/icon-people-blk.svg"); }  
.ico-nav { background-image:url("/sec/static/_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("/sec/static/_images/common/sns-naver.png"); }
.sns-kakao { background-image:url("/sec/static/_images/common/sns-kakao.png"); }
.sns-facebook { background-image:url("/sec/static/_images/common/sns-facebook.png"); }
.sns-instagram { background-image:url("/sec/static/_images/common/sns_instagram.svg"); }
.copy-link { background-image:url("/sec/static/_images/common/icon-copylink.svg"); }

/* 새로운 dropdown list */
.wrap-droplist { position:relative; }
/* 2023 접근성 b2c - 49p */
.wrap-droplist .droplist-button { position:relative; width:100%; min-height:32px; padding-right:40px; font-size:14px; color:#8F8F8F; 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; }

/* 2023 접근성 b2c - 62p */
.wrap-droplist input.inp-line:-ms-input-placeholder { color: #8F8F8F ; }
.wrap-droplist input.inp-line::-webkit-input-placeholder { color: #8F8F8F; }
.wrap-droplist input.inp-line:-moz-placeholder { color: #8F8F8F; }
.wrap-droplist input.inp-line::-moz-placeholder { color: #8F8F8F; }

.wrap-droplist .droplist-button:before { content:''; display:block; position:absolute; top:50%; margin-top:-8px; right:6px; width:16px; height:16px; background:url('/sec/static/_images/common/icon-drop-down-pd.svg') right center no-repeat;}
.wrap-droplist .droplist-button.selected { color:#000; font-weight: bold; }

/* 2023 접근성 b2b mo - 20p */
.wrap-droplist .droplist-button:disabled { /*color:#ddd;*/ color: #8f8f8f; 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('/sec/static/_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("/sec/static/_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;*/display:inline-block;} /* 2023 접근성 b2c - 11p */
.textSubWrap .gnbSubRound > div dl dt a.subLink{padding-right:22px;background:url("/sec/static/_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('/sec/static/_images/common/icon-16-midium-link-white.svg'); }
#header.type-wht .gnb .icon-dpz { background-image:url('/sec/static/_images/common/icon-16-midium-location-white.svg'); }
#header.type-wht .ico-people { background-image:url('/sec/static/_images/common/icon-people-wht.svg'); }
#header.type-wht .ico-people-logged { background-image:url("/sec/static/_images/common/icon-people-wht2.svg"); } 
#header.type-wht .ico-cart { background-image:url('/sec/static/_images/common/icon-cart-wht.svg'); }
#header.type-wht .ico-zoom { background-image:url('/sec/static/_images/common/icon-zoom-wht.svg'); }
#header.type-wht .header-right > ul > li > a .ico-people { background-image:url('/sec/static/_images/common/icon-people-wht.svg'); }
#header.type-wht .header-right > ul > li > a .ico-people.ico-people-logged { background-image:url("/sec/static/_images/common/icon-people-wht2.svg"); }
#header.type-wht .header-right > ul > li > a .ico-cart { background-image:url('/sec/static/_images/common/icon-cart-wht.svg'); }
#header.type-wht .header-right > ul > li > a .ico-zoom { background-image:url('/sec/static/_images/common/icon-zoom-wht.svg'); }
#header.type-wht .header-right > ul > li .link-m-nav .ico-nav { background-image:url('/sec/static/_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('/sec/static/_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('/sec/static/_images/common/icon-locationinfo.svg'); }

.gnbOpen #header.type-wht .ico-people,
#header.type-wht.active .ico-people { background-image:url('/sec/static/_images/common/icon-people.svg'); }
.gnbOpen #header.type-wht .ico-people-logged,
#header.type-wht.active .ico-people-logged { background-image:url("/sec/static/_images/common/icon-people-blk.svg"); } 
.gnbOpen #header.type-wht .ico-cart,
#header.type-wht.active .ico-cart { background-image:url('/sec/static/_images/common/icon-cart.svg'); }
.gnbOpen #header.type-wht .ico-zoom,
#header.type-wht.active .ico-zoom { background-image:url('/sec/static/_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('/sec/static/_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('/sec/static/_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('/sec/static/_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('/sec/static/_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('/sec/static/_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(/sec/static/_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:30px; }
#footer .footer-inner .contact-info ul li ~ li { position:relative; padding:0 30px; }
#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("/sec/static/_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("/sec/static/_images/common/icon-fb.svg") no-repeat center center; }
#footer .footer-inner .sns-btn ul li .btn-yt { background:url("/sec/static/_images/common/icon-yt.svg") no-repeat center center; }
#footer .footer-inner .sns-btn ul li .btn-ig { background:url("/sec/static/_images/common/icon-ig.svg") no-repeat center center; }
#footer .footer-inner .sns-btn ul li .btn-bl { background:url("/sec/static/_images/common/icon-bl.svg") no-repeat center center; }
#footer .footer-inner .sns-btn ul li .btn-ka { background:url("/sec/static/_images/common/icon-kakao.svg") no-repeat center center; }
/* s: 220929 */
#footer.footer_b2c .footer-inner .sns-btn ul li .btn-fb { background:url("/sec/static/_images/common/icon-bold-social-facebook.svg") no-repeat center center; }
#footer.footer_b2c .footer-inner .sns-btn ul li .btn-yt { background:url("/sec/static/_images/common/icon-bold-social-youtube.svg") no-repeat center center; }
#footer.footer_b2c .footer-inner .sns-btn ul li .btn-ig { background:url("/sec/static/_images/common/icon-bold-social-instagram.svg") no-repeat center center; }
#footer.footer_b2c .footer-inner .sns-btn ul li .btn-bl { background:url("/sec/static/_images/common/icon-bold-social-blogger.svg") no-repeat center center; }
/* e: 220929 */

/* s: 230220 */
#footer .footer-inner .sns-btn ul li .btn-pf { background:url("/sec/static/_images/common/icon-bold-social-kakaotalk.svg") no-repeat center center; }
#footer .footer-inner .sns-btn ul li .btn-tw { background:url("/sec/static/_images/common/icon-bold-social-twitter.svg") no-repeat center center / 75%; }/* 트위터로고 변경으로 사이즈 조절(KDP-41224) */
#footer.footer_b2c .footer-inner .sns-btn ul li .btn-pf { background:url("/sec/static/_images/common/icon-bold-social-kakaotalk.svg") no-repeat center center; }
#footer.footer_b2c .footer-inner .sns-btn ul li .btn-tw { background:url("/sec/static/_images/common/icon-bold-social-twitter.svg") no-repeat center center / 75%; }/* 트위터로고 변경으로 사이즈 조절(KDP-41224) */
/* e: 230220 */

#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("/sec/static/_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: 1280px) and (min-width: 881px) { /* 2022-05-20 */
	#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; }
/* 220711 수정 : makr-box btn 두가지의 a 태그 background image 를 -> img 태그로 대체 */
#footer .link-box .mark-box .btn-wa { width: 68px; height: 48px; }
#footer .link-box .mark-box .btn-eprivacy { margin-left: 18px; width: 41px; height: 41px; }
#footer .link-box .mark-box + .sns-btn { margin-left: 36px; }
#footer .wrap-droplist .droplist-button:before { right: 14px; background:url('/sec/static/_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('/sec/static/_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(/sec/static/_images/common/auth-mark01.png); }
#footer .footer-content.type-auth .auth-list .mark02 { padding-left:51px; background-image:url(/sec/static/_images/common/auth-mark02.png); }
#footer .footer-content.type-auth .auth-list .mark03 { padding-left:36px; background-image:url(/sec/static/_images/common/auth-mark03.png); }
#footer .footer-content.type-auth .auth-list .mark04 { padding-left:36px; background-image:url(/sec/static/_images/common/auth-mark04.png); }
#footer .footer-content.type-auth .auth-list .mark05 { padding-left:36px; background-image:url(/sec/static/_images/common/auth-mark05.png); }
#footer .footer-content.type-auth .auth-list .mark06 { width:64px; height:30px; background-image:url(/sec/static/_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; }

/* s: 220929 */
#footer.footer_b2c .sitemap-links > ul{display: flex;}
#footer.footer_b2c .sitemap-links > ul > li { width:16.6%; padding:38px 24px 30px; box-sizing:border-box; border-left:1px solid #d9d9d9; height: 690px;}
#footer.footer_b2c .sitemap-links > ul > li:last-of-type { border-right: 1px solid #d9d9d9;}
#footer.footer_b2c .sitemap-links > ul > li h3 { margin-bottom: 22px; line-height:23px; font-weight:bold; font-size:18px; color:#000; position: unset; }
#footer.footer_b2c .sitemap-links > ul > li h3 a { display:block; font:inherit; pointer-events:none; }
#footer.footer_b2c .sitemap-links > ul > li > ul > li,
#footer.footer_b2c .sitemap-links > ul > li > ul > li > ul > li {padding:9px 0; line-height:1; }
#footer.footer_b2c .sitemap-links > ul > li > ul > li > a,
#footer.footer_b2c .sitemap-links > ul > li > ul > li > ul > li > a { font-size:14px; }
#footer.footer_b2c .sitemap-links > ul > li.row2 { display: flex; flex-direction: column;}
#footer.footer_b2c .sitemap-links > ul > li.row2 > ul li:last-of-type {margin-bottom: 60px;}
#footer.footer_b2c .sitemap-links > ul > li.row2 > ul > li{padding: 0;}
#footer.footer_b2c .sitemap-links > ul > li > ul > li > a.link-outlink,
#footer.footer_b2c .sitemap-links > ul > li > ul > li > ul > li > a.link-outlink { position:relative; }
#footer.footer_b2c .sitemap-links > ul > li > ul > li > a.link-outlink:after,
#footer.footer_b2c .sitemap-links > ul > li > 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("/sec/static/_images/common/icon-outlink.svg") no-repeat center center; background-size: 100% auto; }
#footer.footer_b2c .footer-inner.btnBottomGroup{ padding: 30px 24px; display: flex; align-items: center; justify-content: space-between; }
#footer.footer_b2c .footer-inner.btnBottomGroup .link-box{ position: unset; flex-grow: 7; justify-content: flex-end; display: flex; align-items: center;}
#footer.footer_b2c .footer-inner:not(.sitemap-links).copyrightGroup{ padding: 15px 24px; }
#footer.footer_b2c .footer-inner .copyrightBox{display: flex; align-items: center; justify-content: space-between;}
#footer.footer_b2c .footer-inner .sns-btn { top:26px; }
#footer.footer_b2c .footer-inner .sns-btn .tit { float:left; line-height:40px; font-size:12px; color:#000; }  
#footer.footer_b2c .footer-inner .cs-btn { float:left; flex-grow: 1;}
#footer.footer_b2c .footer-inner .cs-btn > ul{ display: inline-block; }
#footer.footer_b2c .footer-inner .cs-btn > ul:not(.korean){ margin-left: 70px; }
#footer.footer_b2c .footer-inner .cs-btn > ul > li ~ li { position:relative; margin-left:16px; padding-left:17px; margin-left:30px; }
#footer.footer_b2c .footer-inner .cs-btn > ul.korean > li:after { content: ""; position: absolute; top: 50%; left: 102px; width: 2px; 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 .cs-btn > ul.korean li a span{ font-weight: normal; }
#footer.footer_b2c .footer-inner .info-detail .gap { margin: 8px 0 12px;}
#footer.footer_b2c .footer-inner .info-detail p span{font-weight: bold;}
#footer.footer_b2c .footer-inner .mark-box .btn-mark { display: inline-block; vertical-align: middle; font-size: 0; color: transparent; background-image: no-repeat; background-size: 100% auto; }
#footer.footer_b2c .footer-inner .mark-box .btn-ccm { width: 48px; height: 48px; margin-right: 18px; } /* KDP-36245 ccm 마크 추가 230821 */
#footer.footer_b2c .footer-inner .mark-box .btn-wa { width: 68px; height: 48px; }
#footer.footer_b2c .footer-inner .mark-box .btn-eprivacy { margin-left: 18px; width: 41px; height: 41px; }
#footer.footer_b2c .footer-inner .mark-box + .sns-btn { margin-left: 36px; }
#footer.footer_b2c .footer-inner .clause-links { float:left; margin-left:60px; flex-grow: 1;}
@media screen and (max-width: 320px) { 
	/* KDP-36245 ccm 마크 추가 230821 */
	#footer.footer_b2c .footer-inner .mark-box .btn-ccm { margin-right:8px; }
	#footer.footer_b2c .footer-inner .mark-box .btn-eprivacy { margin-left:8px; }
}
/* e: 220929 */

/* 220103 수정 */
/* .floating-sticky { position: fixed; width: 64px; bottom: 20px; right: 32px; z-index: 190; text-align: center; }
.floating-sticky .menu-list { margin-bottom: 12px; position: relative; z-index: 200; }
.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('/sec/static/_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('/sec/static/_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('/sec/static/_images/common/chatbot_BG.png');}
.floating-sticky .menu-list li.menu01 a:before {background-image: url('/sec/static/_images/common/chatbot_normal.gif'); }
.floating-sticky .menu-list li.menu02 a {background-image: url('/sec/static/_images/common/e-promoter_BG.png');}
.floating-sticky .menu-list li.menu02 a:before {background-image: url('/sec/static/_images/common/e-promoter_normal.gif'); }
.floating-sticky .menu-list li.menu03 a {background-image: url('/sec/static/_images/common/reservation_BG.png');}
.floating-sticky .menu-list li.menu03 a:before {background-image: url('/sec/static/_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('/sec/static/_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 .menu-list li.menuGift a {background-image: url('/sec/static/_images/common/presentGift_BG2.png');}
.floating-sticky .menu-list li.menuGift a:before {background-image: url('/sec/static/_images/common/presentGift_normal.gif'); } */

/* 220103 new */
.floating-sticky { position: fixed; width: auto; bottom: 20px; right: 32px; z-index: 90; text-align: right; }
.floating-sticky .menu-list { margin-bottom: 12px; position: relative; z-index: 90; }

/* 2023 접근성 b2c mo - 7p */
.floating-sticky .menu-list .btn-floating { position: relative; display: block; width: 64px; height: 64px; border-radius: 50%; background: url('/sec/static/_images/common/Floating_plusBG.png'); background-size: cover; overflow: hidden; z-index: 2; }
.floating-sticky .menu-list .btn-floating span { position: relative; display: inline-block; width: 100%; height: 100%; background: url('/sec/static/_images/common/Floating__plus.png'); background-size: cover; transition: transform .35s; color: transparent !important; line-height: 30px; margin: 0 auto; text-align: center !important; }

.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; align-items: flex-end; position: relative; }
.floating-sticky .menu-list .on.inner,
.floating-sticky .menu-list .on ul { width: 206px; }
/* KDP-54880 [퍼블][B2C] BNB 내 챗봇 UI 및 구현 방식 수정  48x48 */
.floating-sticky .menu-list li { width: 0; height: 68px; box-sizing: border-box; position: relative; opacity: 0; margin-bottom: -68px; }
.floating-sticky .menu-list li a { width: 0; height: 68px; box-sizing: border-box; position: absolute; top: 0; right: 0; display: flex; align-items: center; padding-left: 76px; white-space: nowrap; overflow: hidden; color: #fff; text-align: left; border-radius: 64px; font-size: 14px; font-weight: bold; line-height: 21px; text-shadow: 1px 1px 1px #5a5a5a; }
.floating-sticky .menu-list .on li { width: 206px; opacity: 1; margin-bottom: 12px; }
.floating-sticky .menu-list .on li a { width: 206px; }
.floating-sticky .menu-list li.menu01 a { background: url('/sec/static/_images/common/chatbot_BG.png') no-repeat; background-size: auto 100%;}
.floating-sticky .menu-list li.menu02 a { background: url('/sec/static/_images/common/e-promoter_BG.png') no-repeat; background-size: auto 100%;}
.floating-sticky .menu-list li.menu03 a { background: url('/sec/static/_images/common/reservation_BG.png') no-repeat; background-size: auto 100%;}
.floating-sticky .menu-list li.menu05 a { background: #2D7BD8 url('/sec/static/_images/common/commentProduct_BG.png') no-repeat; background-size: auto 100%;}
.floating-sticky .menu-list li.menuAr a { background: #2CA5CB url('/sec/static/_images/common/arProducts_BG.png') no-repeat; background-size: auto 100%;}
.floating-sticky .menu-list li.menuGift a { background: #7064c6 url('/sec/static/_images/common/presentGift_BG2.png') no-repeat; background-size: auto 100%;}
.floating-sticky .menu-list li.menuSmartthings a { background: #2CA5CB url('/sec/static/_images/common/arProducts_BG.png') no-repeat; background-size: auto 100%;}
.floating-sticky .menu-list li.menuRecommend a { background: #2CA5CB url('/sec/static/_images/common/floating_recommend.png') no-repeat; background-size: auto 100%;}
/* 최근본제품 */
/* KDP-54880 [퍼블][B2C] BNB 내 챗봇 UI 및 구현 방식 수정  48x48 */
.floating-sticky .menu-list li.menu04 { margin-bottom: 12px; opacity: 1; }
.floating-sticky .menu-list li.menu04 a { width: 48px; padding-left: 48px; background: #fff; border: 1px solid #d9d9d9;  }
.floating-sticky .menu-list li.menu04 a:focus,
.floating-sticky .menu-list li.menu04 a:hover { width: 206px; transition: .35s; }
.floating-sticky .menu-list li.menu04 span { display: block; width: 176px; background: url('/sec/static/_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 .menu-list .on li.menu04 a { width: 206px; }
.floating-sticky .btn-gotop { width: 63px; height: 63px; background: #fff;	display: none; border-radius: 50%; border: 1px solid #ccc;}/*KDP-33286*/
.floating-sticky .btn-gotop.show { display: inline-block;}
.floating-sticky .btn-gotop span { position: relative; display: block; height: 100%; background: url('/sec/static/_images/common/btnGotop.png') no-repeat 50% 50%; font-size: 0; }/*KDP-33286*/

@media (max-width:810px) {
	/* 220103 수정 */
	/* .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;} */

	/* 220103 new */
	.floating-sticky { bottom: 20px; right: 20px; }
	.floating-sticky.pfpd-compare-mo-position-close{bottom: 80px;} /*230119 비교하기 플로팅 위치*/
	.floating-sticky .menu-list { margin-bottom: 0; }
	.floating-sticky .menu-list li { margin-bottom: -55px; }
	.floating-sticky .menu-list .btn-floating { width: 55px; height: 55px; }
	.floating-sticky .menu-list li { width: 0; height: 55px; }
	.floating-sticky .menu-list li a { width: 0; height: 55px; padding-left: 55px; }
	.floating-sticky .menu-list .on li { width: 183px; opacity: 1; margin-bottom: 12px; }
	.floating-sticky .menu-list .on li a { width: 183px; }
	.floating-sticky .menu-list li.menu04 a { width: 55px; padding-left: 53px; }
	.floating-sticky .menu-list li.menu04 a:focus,
	.floating-sticky .menu-list li.menu04 a:hover { width: 183px; transition: .35s;}
	.floating-sticky .menu-list .on li.menu04 a { width: 183px; }
	.floating-sticky .menu-list li.menu04 img { width: 42px; }
	/* .floating-sticky .menu-list li.menuAr { width: 55px; }
	.floating-sticky .menu-list li.menuAr a { width: 55px; } */
	.floating-sticky .menu-list .inner, .floating-sticky .menu-list ul { width: 55px; }
	.floating-sticky .menu-list .on.inner, .floating-sticky .menu-list .on ul { width: 183px; }

	/* .floating-sticky .btn-gotop { position: relative; margin: 8px 8px 0 0; width: 40px; height: 40px;} */
	.floating-sticky .btn-gotop { position: relative; margin: 8px 8px 0 0; width: 55px; height: 55px;}
    .floating-sticky .btn-gotop span { background-size: 100%;} /*KDP-33286*/
    
    .gnb-cartList {min-width:100%;}
    .gnb-cartList li .cart-itm-data .cart-itm-name {width:100%;}
}

/* KDP-53944 240507 추가 */
#floatingSticky.type-global .btn-gotop{margin:0;border:0;background-color:rgba(0,0,0,0.5);}
#floatingSticky.type-global .btn-gotop svg{width:100%;height:100%;}
@media (max-width: 1279px){
	#floatingSticky.type-global{bottom:16px;right:16px}
	#floatingSticky.type-global .btn-gotop{width:48px;height:48px;}
	#floatingSticky.type-global .menu-list{display:none;}
	#floatingSticky.type-global .menu-list li{width:48px;height:48px;}
	#floatingSticky.type-global .menu-list li a{width:48px;padding-left:48px;height:48px;}
	#floatingSticky.type-global .menu-list li.menu04 a{padding-left:46px;}
}

/* 최근 본 제품 */
.floatingStyle {display:none; position:fixed; z-index:100; top:auto; left:auto; right:-700px; bottom:230px; width:100%; max-width:500px; padding:50px; border:1px solid #ddd; border-radius:20px; background:#fff; text-align:center; transform:none;transition:right .3s;-webkit-transform:none; -webkit-transition:right .3s;}
.floatingStyle.active {right:40px;}
.floatingStyle .layer-content {max-height:39vh; text-align:left; overflow-x:hidden;overflow-y:auto;}
.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; top:55px; left:auto; right:30px; bottom:auto; width:24px; height:26px; border:0; background:url("/sec/static/_images/common/icon-floating-right.svg") no-repeat 50% 50%; font-size:0;}
.floatingStyle .LatestItm-result {position:relative; margin:-20px 0 20px;}
@media screen and (max-width:1440px) {
	.floatingStyle .pop-close {top:50px;}
}
@media screen and (max-width:767px) {
	.floatingStyle {display:none; top:0; left:0; right:auto; bottom:0; width:100%; padding:11px 12px 24px; border-radius:0; transition:none;-webkit-transition:none;}
	.floatingStyle.active {display:block;}
	.floatingStyle .layer-content {max-height:calc(100% - 180px);}
	.floatingStyle .pop-close {top:27px; right:4px; width:36px; height:36px; background:url("/sec/static/_images/common/icon-close.svg") no-repeat 50% 50%;}
	.floatingStyle .LatestItm-result {margin:-12px 0 20px;}
}
.floatingStyle .LatestItm-result .result-tit {color:#000; font-size:14px; text-align:left; line-height:28px;}
.floatingStyle .LatestItm-result .result-tit span {color:inherit; font-size: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; top:0; right:0; height:28px; margin:0; color:#000; font-size:14px; font-weight:bold; line-height:26px;}
.floatingStyle .caution-note {padding-top:13px; color:#707070; font-size:12px; text-align:left; 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; top:12px; left:0; width:60px; height:60px;}
.floatingStyle .LatestItmList .LatestItm-data {position:relative; margin-left:94px;}
.floatingStyle .LatestItmList .LatestItm-data .LatestItm-name {margin-right:20px; margin-bottom:2px; color:#000; font-size:14px; font-weight:bold; line-height:21px;}
.floatingStyle .LatestItmList .LatestItm-data .LatestItm-code {margin-top:5px; color:#707070; font-size:12px; line-height:14px;}
.floatingStyle .LatestItmList .LatestItm-data .LatestItm-price-group {display:flex; justify-content:space-between;}
.floatingStyle .LatestItmList .LatestItm-data .LatestItm-price {margin-top:14px; color:#000; font-size:14px; line-height:17px;}
.floatingStyle .LatestItmList .LatestItm-data .LatestItm-price-group .compare {margin-top:14px;}
.floatingStyle .LatestItmList .link-compare-i {position:relative; padding-left:22px; color:#000; font-size:14px; font-weight:bold; line-height:1.3em; letter-spacing:0;}
.floatingStyle .LatestItmList .link-compare-i.disabled {color:#2189FF;}
.floatingStyle .LatestItmList .link-compare-i:before {content:''; position:absolute; top:50%; left:0; width:18px; height:18px; background:url(/sec/static/_images/common/iconPlus-default.svg) no-repeat center; background-size:100% auto; transform:translateY(-50%);}
.floatingStyle .LatestItmList .compare .link-compare-i {float:left; cursor:pointer;}
.floatingStyle .LatestItmList .link-compare-i.disabled:before {background:url(/sec/static/_images/common/iconPlus-active.svg) no-repeat center;}
.floatingStyle .LatestItmList .LatestItm-data .LatestItm-price span {padding-right:11px; color:#707070; font-size:12px; vertical-align:top;}
.floatingStyle .LatestItmList .LatestItm-data .LatestItm-price strong {color:#000; font-size:14px; vertical-align:top;}
.floatingStyle .LatestItmList .LatestItm-data .btn-list-delete {position:absolute; top:3px; right:0; width:16px; height:16px; background:url(/sec/static/_images/common/icon-delete-circle2.svg) no-repeat;}
@media (max-width:320px) {
	.floatingStyle .LatestItmList .LatestItm-data .LatestItm-price-group {flex-direction:column;}
	.floatingStyle .LatestItmList .LatestItm-data .LatestItm-price-group .compare {margin-top:9px;}
}

/* 컨테이너 */
#container { position:relative; width:100%;}
#container.type-visual { margin-top:-80px; }
#container.type-visual.newgnb { margin-top:-107px; }
#container.type-visual.fold-app-top {margin-top: 0;}
.content{max-width:1440px;margin:auto;}
.content.eventView {max-width:1920px;}
.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(/sec/static/_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(/sec/static/_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(/sec/static/_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(/sec/static/_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; }
#container.type-menu .content .conbox.my-membership-info {overflow:hidden;}
@media (max-width:1440px) {
    #container.type-menu .content { min-height: 46.8750vw; } 
}
/* 2022-05-20 */
@media (max-width:1280px) {
	#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(/sec/static/_images/common/icon-drop-down.svg) 100% 50% no-repeat; }
.conbox .con-box-search .search-option .wrap-opt .btn-sort.open { background-image:url(/sec/static/_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(/sec/static/_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; } KDP-20205 웹접근성 수정 */
.wrap-search-period .search-period .date-period .date .inp-form:first-child::after {content:"-"; position:absolute; margin-left: 12px; line-height:32px;}
.wrap-search-period .search-period .date-period .btn { float:left; margin:0; margin-left:20px; }

/* fold 210818 */
 /* 2022-05-20 */
@media screen and (max-width:1280px) 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('/sec/static/_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('/sec/static/_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('/sec/static/_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('/sec/static/_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('/sec/static/_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; }
.sitemap h2 a.link-outlink::after {content:""; display:inline-block; width:14px; height:14px; margin-top:-3px; margin-left:6px; vertical-align:middle; background:url("/sec/static/_images/common/icon-outlink-skyblue.svg") no-repeat center center;background-size: 100%;}
.sitemap .depth2 a.link-outlink::after {content:""; display:inline-block; width:12px; height:12px; margin-top:-3px; margin-left:6px; vertical-align:middle; background:url("/sec/static/_images/common/icon-outlink.svg") no-repeat center center;background-size: 100%;}

@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 */
 /* 2022-05-20 */
@media all and (max-width:1440px) and (min-width:1281px){
	/* 헤더 */
	#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(/sec/static/_images/common/auth-mark01.png); }
	#footer .footer-content.type-auth .auth-list .mark02 { padding-left:3.5417vw; background-image:url(/sec/static/_images/common/auth-mark02.png); }
	#footer .footer-content.type-auth .auth-list .mark03 { padding-left:2.5000vw; background-image:url(/sec/static/_images/common/auth-mark03.png); }
	#footer .footer-content.type-auth .auth-list .mark04 { padding-left:2.5000vw; background-image:url(/sec/static/_images/common/auth-mark04.png); }
	#footer .footer-content.type-auth .auth-list .mark05 { padding-left:2.5000vw; background-image:url(/sec/static/_images/common/auth-mark05.png); }
	#footer .footer-content.type-auth .auth-list .mark06 { width:4.4444vw; height:2.0833vw; background-image:url(/sec/static/_images/common/auth-mark06.png); }
}

/* new 200428 */
 /* 2022-05-20 -2*/
@media all and (max-width:1280px) and (min-width:901px){
	/* 헤더 */
	#header .gnb > ul > li{padding:0 10px;display: block;} /* 2022-05-17 */
	
    /* 컨테이너 */
    .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; }     */
}

 /* 2022-05-20 */
 @media all and (max-width:1280px) 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(/sec/static/_images/common/auth-mark01.png); }
	#footer .footer-content.type-auth .auth-list .mark02 { padding-left:4.6364vw; background-image:url(/sec/static/_images/common/auth-mark02.png); }
	#footer .footer-content.type-auth .auth-list .mark03 { padding-left:3.2727vw; background-image:url(/sec/static/_images/common/auth-mark03.png); }
	#footer .footer-content.type-auth .auth-list .mark04 { padding-left:3.2727vw; background-image:url(/sec/static/_images/common/auth-mark04.png); }
	#footer .footer-content.type-auth .auth-list .mark05 { padding-left:3.2727vw; background-image:url(/sec/static/_images/common/auth-mark05.png); }
	#footer .footer-content.type-auth .auth-list .mark06 { width:5.8182vw; height:2.7273vw; background-image:url(/sec/static/_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; }
		#container.type-visual.newgnb { 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; } KDP-20205 웹접근성 수정 */
	.wrap-search-period .search-period .date-period .date .inp-form:first-child::after {margin-left: 8px;}
    .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('/sec/static/_images/common/icon-drop-down-pd.svg') right center no-repeat; }
	#footer .wrap-droplist.active .droplist-button:before { background:url('/sec/static/_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(/sec/static/_images/common/auth-mark01.png); }
	#footer .footer-content.type-auth .auth-list .mark02 { background-image:url(/sec/static/_images/common/auth-mark02.png); }
	#footer .footer-content.type-auth .auth-list .mark03 { background-image:url(/sec/static/_images/common/auth-mark03.png); }
	#footer .footer-content.type-auth .auth-list .mark04 { background-image:url(/sec/static/_images/common/auth-mark04.png); }
	#footer .footer-content.type-auth .auth-list .mark05 { background-image:url(/sec/static/_images/common/auth-mark05.png); }
	#footer .footer-content.type-auth .auth-list .mark06 { width:64px; height:30px; transform:translateY(50%); background-image:url(/sec/static/_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; } KDP-20205 웹접근성 수정 */
	.wrap-search-period .search-period .date-period .date .inp-form:first-child::after {margin-left: 8px;}

    .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:0; bottom:0; left:0; 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; } */
}
/* s : 220929 */
@media screen and (max-width:1440px) and (min-width:801px) { 
	#footer.footer_b2c .footer-inner.btnBottomGroup{ flex-wrap: wrap;}
	#footer.footer_b2c .footer-inner .cs-btn > ul > li ~ li{margin-left:2.0833vw}
	#footer.footer_b2c .footer-inner .cs-btn > ul:not(.korean){margin-left:4.8611vw}
	#footer.footer_b2c .korean li:first-of-type{ position: relative; }
	#footer.footer_b2c .footer-inner .cs-btn{flex-grow:0}
	#footer.footer_b2c .footer-inner .cs-btn > ul.korean > li:after { left: 80px; }
	#footer.footer_b2c .footer-inner .clause-links{ margin-right: 15px; }
	#footer.footer_b2c .footer-inner.btnBottomGroup .link-box{flex-grow: 1; width: auto; justify-content: flex-start; }	
}
@media (max-width: 1280px) and (min-width: 801px) { 
	#footer.footer_b2c .footer-inner.btnBottomGroup .link-box{ margin-top: 15px; }
	#footer.footer_b2c .sitemap-links > ul > li{height: auto;}
	#footer.footer_b2c .sitemap-links > ul > li > h3,
	#footer.footer_b2c .sitemap-links > ul > li > ul > li > h3 { top: 3.364vw; left: 2.182vw; line-height: 1.27; font-size: 1.636vw; }
	#footer.footer_b2c .sitemap-links > ul > li > ul > li > a,
	#footer.footer_b2c .sitemap-links > ul > li > ul > li > ul > li > a { font-size: 1.273vw; }
	#footer.footer_b2c .sitemap-links > ul > li > ul > li > a.link-outlink:after,
	#footer.footer_b2c .sitemap-links > ul > li > ul > li > ul > li > a.link-outlink:after { width: 1.273vw; height: 1.273vw; margin-left: 0.636vw; margin-top: -0.273vw; }
}
@media screen and (max-width: 916px) and (min-width:801px){ 
	#footer.footer_b2c .footer-inner .cs-btn{ width: 50%; }
	#footer.footer_b2c .footer-inner .cs-btn > ul:not(.korean) {margin-left: 2.8611vw;}
	#footer.footer_b2c .footer-inner .cs-btn > ul > li ~ li {margin-left: 1.0833vw;	}
	#footer.footer_b2c .footer-inner .cs-btn > ul > li > a {line-height: 40px; font-size: 1.5556vw;	}
	#footer.footer_b2c .footer-inner .cs-btn > ul.korean > li:after {left: 8.8889vw;}
	#footer.footer_b2c .footer-inner .clause-links{ margin-left: 2.6667vw; }
	#footer.footer_b2c .footer-inner .clause-links .wrap-droplist {width: 20vw;}
	#footer.footer_b2c .sitemap-links > ul > li{/*height: 640px;*/ height: auto;}
}
/* e : 220929 */	
@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(/sec/static/_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(/sec/static/_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; }
	/* s : 220929 */
	#footer.footer_b2c .footer-inner:not(.sitemap-links).copyrightGroup{ padding: 0 12px 16px; }
	#footer.footer_b2c .footer-inner .copyrightBox{ flex-direction: column; }
	#footer.footer_b2c .footer-inner .copyrightBox .copyright{ align-self: flex-start; margin-bottom: 21px;}
	#footer.footer_b2c .footer-inner .copyrightBox .mark-box{ align-self: flex-end; min-height:48px;}
	#footer.footer_b2c .footer-inner.btnBottomGroup { border-top: 1px solid #d9d9d9;	}
	#footer.footer_b2c .footer-inner.btnBottomGroup{ display: flex; flex-direction: column; padding: 30px 12px;}
	#footer.footer_b2c .footer-inner.btnBottomGroup .cs-btn .korean{ position: absolute; top: -48px; font-size: 14px; }
	#footer.footer_b2c .footer-inner .cs-btn{ float: none; order: 2; width: 100%; }
	#footer.footer_b2c .footer-inner .cs-btn > ul:not(.korean){ display: flex; vertical-align: top; justify-content: center; margin-left: 0px;}
	#footer.footer_b2c .footer-inner .cs-btn > ul:not(.korean) > li { margin-bottom: 10px; }
	#footer.footer_b2c .footer-inner .cs-btn ul:not(.korean) li:not(:first-of-type) { margin-left: 20px; }
	#footer.footer_b2c .footer-inner .cs-btn > ul > li ~ li{ position: unset; padding-left: 0; margin-top: 0; }
	#footer.footer_b2c .footer-inner .cs-btn > ul.korean > li:after{content: unset;}
	#footer.footer_b2c .footer-inner .cs-btn > ul > li > a { line-height: 18px; }
	#footer.footer_b2c .footer-inner .cs-btn > ul.korean li a span{ display: none;}  
	#footer.footer_b2c .footer-inner.btnBottomGroup .link-box{ order: 1; display: block; text-align: center; top: 0px; margin-bottom: 45px; padding-bottom: 0; margin-top: 0; padding-top: 0; position: relative; }
	#footer.footer_b2c .footer-inner .link-box:before { content: unset;}
    #footer.footer_b2c .footer-inner .sns-btn {top: 5px; }
	#footer.footer_b2c .footer-inner .sns-btn .tit { position:unset; overflow:unset; border:0; width:unset; height:unset; clip:unset; clip-path:unset; padding-bottom: 8px; }
    #footer.footer_b2c .footer-inner .sns-btn .wrap-sns { display: flex; flex-direction: column; align-items: center;}
	#footer.footer_b2c .footer-inner .clause-links { order: 3; display: flex; width: 100%; float: none; clear: both; margin-left: 0; padding-top: 20px; }
	#footer.footer_b2c .footer-inner .clause-links #dropClauseList02{ margin: 0 0 0 7px; }
	#footer.footer_b2c .footer-inner .clause-links .wrap-droplist { width: 100%; }
    #footer.footer_b2c .sitemap-links > ul { flex-direction: column;}
    #footer.footer_b2c .sitemap-links > ul > li:not(li.row2) { float:none; width:100%; padding:0; }
	#footer.footer_b2c .footer-content,
	#footer.footer_b2c .sitemap-links > ul > li:not(li.row2).productLine2 { border-top: none; }
	#footer.footer_b2c .sitemap-links > ul > li:not(li.row2).productLine2 ul{ padding-top:0; }
	#footer.footer_b2c .sitemap-links > ul > li:not(li.row2).productLine1 ul{ padding-bottom: 0; }
	#footer.footer_b2c .sitemap-links > ul > li.productLine2 h3{display: none;}
	#footer.footer_b2c .sitemap-links > ul > li.row2,
	#footer.footer_b2c .sitemap-links > ul > li:last-of-type{ border-right: none;border-left: none;}
	#footer.footer_b2c .sitemap-links > ul > li:last-of-type { border-bottom: 1px solid #d9d9d9; }
	#footer.footer_b2c .sitemap-links > ul > li ~ li { border-top:none; }
	#footer.footer_b2c .sitemap-links > ul > li h3{margin-bottom: 0;}
	#footer.footer_b2c .sitemap-links > ul > li > ul { display: block; padding: 0; background: none; }
	#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 { height:auto; }
	#footer.footer_b2c .sitemap-links > ul > li:not(li.row2),
	#footer.footer_b2c .sitemap-links > ul > li.row2 > ul > li { border-left:none; border-top:1px solid #d9d9d9; }
	#footer.footer_b2c .sitemap-links > ul > li:not(li.row2) > ul,
	#footer.footer_b2c .sitemap-links > ul > li.row2 > ul > li > ul { display:none; padding:20px 12px; background:#f7f7f7; }
	#footer.footer_b2c .sitemap-links > ul > li.row2,
	#footer.footer_b2c .sitemap-links > ul > li > ul > li, 
	#footer.footer_b2c .sitemap-links > ul > li > ul > li > ul > li {padding: 0;}
	#footer.footer_b2c .sitemap-links > ul > li.row2 > ul li:last-of-type{margin-bottom: 0;}
    #footer.footer_b2c .sitemap-links > ul > li:not(li.row2) > h3,
	#footer.footer_b2c .sitemap-links > ul > li.row2 > ul > li > h3 { position:static;font-size:14px;}	
    #footer.footer_b2c .sitemap-links > ul > li:not(li.row2) > h3 > a,
	#footer.footer_b2c .sitemap-links > ul > li.row2 > ul > li > h3 > a { position:relative; line-height:55px; padding:0 12px; pointer-events:auto; }
	#footer.footer_b2c .sitemap-links > ul > li:not(li.row2) > h3 > a:after,
	#footer.footer_b2c .sitemap-links > ul > li.row2 > ul > li > h3 > a:after { content:""; position:absolute; top:50%; right:12px; width:12px; height:12px; margin-top:-7px; background:url(/sec/static/_images/common/icon-plus-black.svg) no-repeat;background-size:cover}
    #footer.footer_b2c .sitemap-links > ul > li:not(li.row2).active > h3 > a:after,
	#footer.footer_b2c .sitemap-links > ul > li.row2.active > ul > li > h3 > a:after,
	#footer.footer_b2c .sitemap-links > ul > li.row2 > ul > li.active > h3 > a:after { background-image:url(/sec/static/_images/common/icon-minus-black.svg); }
	#footer.footer_b2c .sitemap-links > ul > li:not(li.row2) > ul > li > a,
    #footer.footer_b2c .sitemap-links > ul > li.row2 > ul > li > ul > li > a { display:inline-block; line-height:18px; padding:10px 0; font-size:12px; }
	/* e : 220929 */
	/* s: 221026 - mo > productLine > 2colunm modify */
	#footer.footer_b2c .sitemap-links > ul { display: flex; flex-wrap: wrap; flex-direction: row;}
	#footer.footer_b2c .productLine1 ul{ width:50%	}
	/* 230414 KDP-28295 */
	#footer.footer_b2c .sitemap-links > ul > li.productLine2{ position: absolute; left: 50%; top: 56px; width: 50%; }
	#footer.footer_b2c .sitemap-links > ul > li:not(li.row2).productLine2 ul{ width:50%; padding-top: 20px;	}
	#footer.footer_b2c .sitemap-links > ul > li.productLine1 h3{ background: #fff;}
	#footer.footer_b2c .sitemap-links > ul > li.productLine1{ background: #f7f7f7;}
	#footer.footer_b2c .sitemap-links > ul > li:not(li.row2).productLine1 ul { padding-bottom: 20px; }
	/* e: 221026 - mo > productLine > 2colunm modify */
}

@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; }
}

/* s : 230330 비지니스풋터 약관수정 */
#footer.footer-business .type-multiple .info-links > ul { display: flex; align-items: center; }
#footer.footer-business .type-multiple .clause-links { padding-left: 20px; }
/* 230627 약관영역 수정 */
#footer.footer-business .type-multiple .clause-links .wrap-droplist.clause-private ul { width: 253px; }
#footer.footer-business .type-multiple .clause-links .droplist-item { padding: 0 15px; margin-left: 0; }
#footer.footer-business .type-multiple .wrap-droplist .droplist-button:before { background: url('/sec/static/_images/common/icon-drop-down-pd.svg') right center no-repeat; }
#footer.footer-business .type-multiple .wrap-droplist.active .droplist-button:before { background: url('/sec/static/_images/common/icon-drop-up-pd.svg') right center no-repeat; }
#footer.footer-business .type-multiple .clause-links .droplist-item:after { display: none; }
#footer.footer-business .type-multiple .clause-links .droplist-item > a { color: #707070; font-weight: 400; font-size: 13px; }
@media screen and (max-width:800px){
	#footer.footer-business .type-multiple .clause-links { width: 100%; }
	#footer.footer-business .type-multiple .clause-links .wrap-droplist { width: 100%; }
	#footer.footer-business .type-multiple .clause-links .wrap-droplist.clause-private ul { width: auto; }
}
@media screen and (max-width: 320px) {
	#footer.footer-business .type-multiple .info-links > ul { flex-wrap: wrap; }
	#footer.footer-business .wrap-droplist .droplist-button:before { background-size: contain; }
	#footer.footer-business .type-multiple .site-info .info-links-mo-inline .clause-links { padding-left: 0; margin-left: 0; margin-top: 15px !important; }
	#footer.footer-business .type-multiple .site-info .info-links-mo-inline .clause-links:after { display: none; }
}
/* e : 230330 비지니스풋터 약관수정 */

/* 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: 1280px) and (min-width: 801px) { /* 2022-05-20 */
	.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; }
}

/* mypage > lnb,container 2단으로 레이아웃 변경 22-06-24 */
.pd-all-0{ padding: 0 !important; }
.container-wrap{ position: relative; width: 100%; }
.container-flex{ display: flex; width: 100%; padding: 50px 24px 0 0; max-width: 1440px; margin: auto;}
.container-wrap-left{ position: relative; width: 236px; text-align: right; border-top-right-radius: 20px; background: #fff; display: block; padding: 0 24px 0; }
.container-wrap-right{ display: inline-block; flex: 1; min-height: 625px; width: calc(100% - 236px); box-sizing: border-box;}
@media all and (max-width: 800px){
    .container-flex{ flex-direction: column; padding:0; }
    .container-wrap-left{ width: 100%; display: block; }
    .container-wrap-right { width: 100%; top: 97px; display: block; position: relative; padding: 0px 12px 80px; min-height: auto; max-width: 1440px; margin: auto; }
}
@media screen and (max-width: 1280px) and (min-width: 800px){
    .container-wrap-left { width: calc( 19.2727vw + 24px); padding: 5.4545vw 4vw 0 24px; }
}

/* 22-11-07 App : none webGNB  */
.secApp .string-banner-wrap,
.secApp #header { display: none; }

/* KDP-20205 모바일웹접근성 */
@media all and (max-width: 800px){
	#header .new-gnb{ display: none;}
	#header .new-gnb.mOpen{display: block;}
	.new-gnb.mOpen li .gnb2depth{ display: none;}
	.new-gnb.mOpen li.active .gnb2depth{ display: block;}	
}

/* 22-12-21 소비자분쟁해결기준 CTA */
#footer .footer-content .dis-resol { display: flex; align-items: center; }
#footer .footer-content .dis-resol .comp { margin-left: 12px; padding: 0 8px; width: inherit; }
@media (max-width: 800px) {
	#footer .footer-content .dis-resol { display: block; position: relative; padding-bottom: 18px; }
	#footer .footer-content .dis-resol .comp { position: absolute; right: 0; bottom: 10px; }
}
/* 웹접근성 마크 수정 230116 */
.secapp #footer .link-box .mark-box .btn-mark img.mo-ver { display:none; }
.secapp #footer .link-box .mark-box .btn-mark img.pc-ver { display:block; }
@media (max-width: 800px) { 
	.secapp #footer .link-box .mark-box .btn-mark img.mo-ver { display:block; }
	.secapp #footer .link-box .mark-box .btn-mark img.pc-ver { display:none; }
}

/* 230410 수정 KDP-27913 : 푸터 패밀리넷 고객센터 항목 추가 */
#footer.fnet_footer .footer-inner .contact-info ul li {
	padding-right: 15px;
}
@media (max-width: 1400px) {
	#footer.fnet_footer .footer-inner .contact-info { position:relative; top:auto; right:auto; margin-top: 10px; margin-bottom:30px; padding-bottom:30px; }
	#footer.fnet_footer .footer-inner .contact-info:after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 1px; background: #d9d9d9; }
}
@media screen and (min-width : 801px) {
	#footer.fnet_footer .footer-inner .contact-info ul li ~ li {
		padding: 0 15px;
	}
}

/* KDP-28809 푸터 영역 공유하기 기능 추가 */
.tooltip-share {display:flex;justify-content:space-around;text-align: center;}
.tooltip-share li {display: inline-block;margin: 0 25px;}
.tooltip-share li a {display: block;}
.tooltip-share li a img {width: 46px;height: 46px;}
.tooltip-share li a span {display: block; margin-top: 12px;font-size: 14px; color: #000;}
#footer .footer-inner .sns-btn ul li .tooltip-share li {margin:0;float:none;}
#footer .footer-inner .sns-btn ul li .tooltip-share li a {width:46px;height:46px;}
#footer .footer-inner .sns-btn ul li .btn-share { background:url("/sec/static/_images/common/icon-share.svg") no-repeat center center; }
.tooltip-layer.tip-footer-share {right:0 !important;left:auto !important;top:auto !important;bottom:80px;transform:translateX(0) !important;z-index:192;}
@media screen and (min-width: 801px) and (max-width: 1440px) {
	.tooltip-layer.tip-footer-share {left:290px !important;}
}
@media screen and (max-width: 1300px) {
	.tooltip-layer.tip-footer-share {bottom:96px;}
}
@media screen and (max-width: 800px) {
	#footer.footer_b2c .sitemap-links > ul > li:not(.row2).productLine2 {width:50% !important;}
	.tooltip-layer.tip-footer-share {left:0 !important;bottom:45px;}
}

/* s: header search 임시 : 추후 GNB 개편건으로 교체시 삭제! */
#header .header-right.gnbMenu > ul { display: flex; }
#header .header-right.gnbMenu > ul > li:first-child { display: flex; align-items: center; }

#header .gnbMenu .main_srch { position: relative; width: 300px; height: 42px; padding: 0 14px; background: #efefef; border-radius: 21px; }
#header .gnbMenu .main_srch ol { width: calc(100% - 30px); height: 100%; line-height: 40px; overflow: hidden; }
#header .gnbMenu .main_srch ol li { max-width: 100%; padding-left: 3px; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#header .gnbMenu .main_srch ol li em { display: inline-block; margin-right: 6px; font-size: 14px; font-weight: 700; color: #2189ff; vertical-align: middle; }
#header .gnbMenu .main_srch ol li span  { vertical-align: middle; }
#header .gnbMenu .main_srch .link-search { position: absolute; top: 0; right: 0; left: inherit; margin: 0; padding: 0; width: 42px; height: 42px; }
#header .gnbMenu .main_srch .link-search ._img { position: absolute; top: 50%; right: 6px; transform:  translateY(-50%); width: 32px; height: 32px; }

@media screen and (max-width:1280px) and (min-width:800px) {
	#header .logo.familyLogo img {height: 19px;}
	#header .gnbMenu .main_srch { width: 240px;}
}

@media screen and (max-width: 768px) {
	#header .logo.familyLogo img {height: 4.8718vw;}
	#header .gnbMenu .main_srch { width: 31.2821vw;}
}

@media screen and (max-width: 350px) {
	#header .logo.familyLogo img {
		height: 4.56vw;	
	}
	#header .gnbMenu .main_srch {
    width: 33.2821vw; padding: 0 1.7857vw;
	}
	#header .gnbMenu .main_srch ol li {font-size: 12px;}
	#header .gnbMenu .main_srch ol li a {font-size: 12px;}
	#header .gnbMenu .main_srch ol li em {font-size: 12px;}
	#header .gnbMenu .main_srch ol li span {font-size: 12px;}
}
/* e: header search 임시 : 추후 GNB 개편건으로 교체시 삭제! */

/* KDP-28809 푸터 영역 공유하기 기능 추가 */
.tooltip-share {display:flex;justify-content:space-around;text-align: center;}
.tooltip-share li {display: inline-block;margin: 0 25px;}
.tooltip-share li a {display: block;}
.tooltip-share li a img {width: 46px;height: 46px;}
.tooltip-share li a span {display: block; margin-top: 12px;font-size: 14px; color: #000;}
#footer .footer-inner .sns-btn ul li .tooltip-share li {margin:0;float:none;}
#footer .footer-inner .sns-btn ul li .tooltip-share li a {width:46px;height:46px;}
#footer .footer-inner .sns-btn ul li .btn-share { background:url("/sec/static/_images/common/icon-share.svg") no-repeat center center; }
.tooltip-layer.tip-footer-share {right:0 !important;left:auto !important;top:auto !important;bottom:80px;transform:translateX(0) !important;z-index:192;}
@media screen and (min-width: 801px) and (max-width: 1440px) {
	.tooltip-layer.tip-footer-share {left:290px !important;}
}
@media screen and (max-width: 1300px) {
	.tooltip-layer.tip-footer-share {bottom:96px;}
}

.header__min__wrap{display: none;}
@media screen and (max-width: 1280px) {
	#footer.footer_b2c {padding-bottom: 40px;}
}
@media screen and (max-width: 800px) {
	#footer.footer_b2c {padding-bottom: 40px;}
	#footer.footer_b2c .sitemap-links > ul > li:not(.row2).productLine2 {width:50% !important;}
	.tooltip-layer.tip-footer-share {left:0 !important;bottom:45px;}

	/* bnb가 적용되지 않는 페이지 전용 헤더 : PD, 장바구니, 주문/결제 */
	/* #header.no__bnb::after{display: inline-block; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: #fff;} */
	.secapp .header__min__wrap.outer{display: flex;}
	#header.no__bnb .header__min__wrap.inner{display: flex;}
	.header__min__wrap{display: none; height: 56px; position: relative; top: 0; z-index: 0; overflow: hidden;  width: 100%; justify-content: start; align-items: center; padding: 0 12px; background: #fff;}
	.header__min__wrap.inner{position: absolute; }
	.header__min__wrap.outer{display: none; position: relative;}
	.header__min__wrap > button{flex: 0 0 auto;}
	.header__min__wrap > button img{display: block; width: 22px;}
	.header__min__wrap > .header__min__prev{margin-right: 10px;}
	.header__min__wrap > .header__min__menu{}
	.header__min__wrap > .header__min__search{margin-left: auto;}
	.header__min__wrap > .header__min__cart{margin-left: 24px;}
	.component-bar .itm-title-text .itm__title__prev{filter: invert(); margin-right: 10px; line-height: 1;}
	.component-bar .itm-title-text p{filter: invert(); margin-right: 10px;}
}
#footer .footer-inner .sns-btn ul li .btn-share { background:url("/sec/static/_images/common/icon-share.svg") no-repeat center center; }
#footer .footer-inner .sns-btn ul li .share-tooltip-box {display:flex;justify-content:space-evenly;}
#footer .footer-inner .sns-btn ul li .share-tooltip-box li {margin:0 25px;float:none;}
#footer .footer-inner .sns-btn ul li .share-tooltip-box li a {width:46px;height:46px;}
.tip-footer-share {right:0 !important;left:auto !important;top:auto !important;bottom:60px;transform:translateX(0) !important;}
@media screen and (min-width: 801px) and (max-width: 1300px) {
	.tip-footer-share {left:50% !important;transform:translateX(-50%) !important;}
}
@media screen and (max-width: 800px) {
	#footer.footer_b2c .sitemap-links > ul > li:not(.row2).productLine2 {width:50% !important;}
	.tip-footer-share {left:0;}
}

/* KDP-38456 e-promoter 일반 챗봇 UI 변경 */
/* KDP-54880 [퍼블][B2C] BNB 내 챗봇 UI 및 구현 방식 수정  48x48 */
.floating-sticky.new-st .btn-gotop {width:68px;height:68px;}
.floating-sticky.new-st .menu-list {margin-top:12px;}
.floating-sticky.new-st .menu-list ul {gap:12px;}
.floating-sticky.new-st .menu-list li {margin-bottom:0;width:68px;;opacity:1;}
.floating-sticky.new-st .menu-list li a {width:68px;padding-left:68px;}
.floating-sticky.new-st .menu-list li.menu01.chatBotPop {position:relative;}
.floating-sticky.new-st .menu-list li.menu01.chatBotPop .chatBotOpen {display:flex; justify-content:center; align-items:center; width:68px; height:68px; padding:0; border:1px solid #ddd; border-radius:50%; background:#fff;}
.floating-sticky.new-st .menu-list li.menu01.chatBotPop .chatBotOpen svg {width:32px; height:32px;}
.floating-sticky.new-st .menu-list li.menu01.chatBotPop .chatBotClose {display:flex; justify-content:center; align-items:center; position:absolute; z-index:1; top:2px; right:2px; width:16px; height:16px; border-radius:50%; background:#000;}
/* KDP-54880 > 챗봇 플로팅 UI 추가 */
.layerChatBot {position:fixed; z-index:20; right:30px; bottom:0px; width:380px; height:500px; overflow:hidden; border-radius:20px; background:#fff; opacity:0; box-shadow:0 2px 15px 0 rgba(0, 0, 0, 0.2); pointer-events:none; transition:all .16s cubic-bezier(.7,0,.3,1); transform:all .16s cubic-bezier(.7, 0, .3, 1); -webkit-transition:all .16s cubic-bezier(.7,0,.3,1);}
.layerChatBot .chatBotPopClose {position:absolute; z-index:9; top:0; right:0; width:50px; height:50px; background:#000;}
.layerChatBot .chatBotPopClose.linkHome {display:none; justify-content:center; align-items:center;}
.layerChatBot.active {bottom:70px; height:600px; opacity:1; pointer-events:unset;}
@media (max-width:1280px) {
	.layerChatBot {display:none;}
	.layerChatBot.layerChatBotPage {display:block; position:relative; right:auto; width:100%; height:calc(100% - 123px); border-radius:0; opacity:1; box-shadow:unset; pointer-events:unset;}
	.layerChatBot.layerChatBotPage .chatBotPopClose {display:none;}
	.layerChatBot.layerChatBotPage .chatBotPopClose.linkHome {display:flex;}
}

.floating-sticky.new-st .menu-list li.menu04 a {width:68px;padding-left:66px;}
.floating-sticky.new-st .menu-list li.menu04 a:hover {width:inherit;}
.floating-sticky.new-st .menu-list li.menu04 span {width:100%;background:none;}
.floating-sticky.new-st .menu-list li.menu04 img {left:50%;transform:translate(-50%, -50%);}
@media (max-width: 810px) {
	.floating-sticky.new-st .btn-gotop {margin-right:0;width:55px;height:55px;}
	.floating-sticky.new-st .menu-list ul {gap:8px;}
	.floating-sticky.new-st .menu-list li {width:68px;}
	.floating-sticky.new-st .menu-list li a {padding-left:55px;}
	.floating-sticky.new-st .menu-list li.menu04 a {padding-left:53px;}
}

/* KDP-43983 [B2C] 사이트맵과 풋터 수정 - dcxi로고 추가 */
#footer.footer_b2c .footer-inner .mark-box .btn-dcxi {margin-right:18px;width:auto;height:48px;}
#footer.footer_b2c .footer-inner .mark-box .btn-dcxi img {height:100%;}
@media (max-width: 800px) {
	#footer.footer_b2c .footer-inner .mark-box a[class^="btn-"] {margin-right:0;margin-left:10px;}
	#footer.footer_b2c .footer-inner .mark-box a[class^="btn-"]:first-child {margin-left:0;}
}
@media (max-width: 360px) {
	#footer.footer_b2c .footer-inner .copyrightBox .copyright {margin-bottom:50px;}
	#footer.footer_b2c .footer-inner.btnBottomGroup .cs-btn .korean {top:-98px;}
	#footer.footer_b2c .footer-inner .copyrightBox .mark-box {display:flex;justify-content:center;gap:4.1667vw;width:100%;}
	#footer.footer_b2c .footer-inner .mark-box a[class^="btn-"] {width:auto;height:45px;margin:0;}
	#footer.footer_b2c .footer-inner .mark-box a[class^="btn-"] img {height:100%;margin:auto;}
}

/* KDP-55802 [퍼블] [B2B2C] 소상공인몰 구축_Phase2 */
#header .logo:has(.logo_sohomall) {display:flex}
#header .logo:has(.logo_sohomall) a {display:flex;align-items:center;}
#header .logo:has(.logo_sohomall) a > img  {width:auto;height:16px}
#header .logo:has(.logo_sohomall) a .logo_sohomall {display:flex;align-items:center;}
#header .logo:has(.logo_sohomall) a .logo_sohomall img {height:24px}
#header .logo:has(.logo_sohomall) a .logo_sohomall:before {content:'';display:inline-block;width:1px;height:28px;margin:0 15px;background:#000;}
@media all and (max-width: 767px) {
	  #header .logo:has(.logo_sohomall) a {display:flex;padding-left:0}
	  #header .logo:has(.logo_sohomall) a .logo_sohomall img {height:18px}
	  #header .logo:has(.logo_sohomall) a .logo_sohomall:before {height:20px;margin:0 8px}
}
@media all and (max-width: 400px) {
	#header .logo:has(.logo_sohomall) a > img {height:12px}
	#header .logo:has(.logo_sohomall) a .logo_sohomall img {height:16px}
}