@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');
/* @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
@import "helper.css";
@import "font.css";

/* 100%사이즈 기준 1920px / maxwidth 1160px */

/* 공통요소 */
* {
	box-sizing: border-box;
	--main-color: #ed174d;
	--main-text: #ed174d;
	--form-bg: #F1F3F4;
	--gray-8: #888888;
	--gray-5:#555555;
	--gray-76:#767676;
	--gray-100: rgba(255, 255, 255, 1);
	--gray-200: rgba(250, 250, 250, 1);
	--gray-300: rgba(245, 245, 245, 1);
	--gray-400: rgba(240, 240, 240, 1);
	--gray-500: rgba(217, 217, 217, 1);
	--gray-600: rgba(191, 191, 191, 1);
	--gray-700: rgba(140, 140, 140, 1);
	--gray-800: rgba(89, 89, 89, 1);
	--gray-900: rgba(38, 38, 38, 1);
	--gray-1000: rgba(0, 0, 0, 1);
	--red-500: rgba(255, 77, 79, 1);
}

h3 {
	font-size: 32px;
	font-weight: 700;
}

h4 {
	font-weight: 700;
	font-size: 24px;
	line-height: 1.8;
}

/**/
a {
	text-decoration: none;
	cursor: pointer !important;
	color: inherit;
}

/* select.js-select2-custom .custom-select .select2-hidden-accessible{z-index: 1!important;} */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,
big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,
dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,tr,th,td,article,aside,
canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,
time,mark,audio,video,button
{	margin: 0;
	padding: 0;
	border: 0;
	/* font-size: 100%; */
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,
nav,section,strong {
	display: block;
}

strong {
	font-weight: 500;
	display:inline-block;
	/* font-size: 16px; */
}
html {
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	/* overflow: hidden; */
}
.max-500{
    max-width: 500px;
    margin: 0 auto;
}
@media (min-width:1160px) {
    .max-500{
        max-width: unset;
    }
}
body {
	/*zoom:100%;*/
	margin: 0px;
	padding: 0px;
	background: #fff;
	font-family:'Roboto', 'Noto Sans KR', 'Avant Garde Gothic', 'sans-serif';
	font-size: 16px;
	font-weight: 400;
	line-height: 1.1;
	color: #000;
	letter-spacing:-0.3px;
	display: block;
	width: 100%;
	height: 100%;
	word-break:keep-all;
	/* overflow: auto; */
}
p{
	font-size: 12px;
	color: #000;
	line-height: 1.2;
	word-break: break-all;
}
@media (min-width:1160px) {
/*	body {
		zoom:80%;
	}*/
	p{
	font-size: 16px;}
}

ol,ul {
	list-style: none;
}

blockquote,q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

.underline>a {
	position: relative;
	font-size: 16px;
	font-weight: 700;
	color: var(--my-color);
}

.underline>a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: var(--my-color);
}

img {
	 image-rendering: unset;
	/* image-rendering: crisp-edges; */
	/* image-rendering: -o-crisp-edges; */
	/* image-rendering: -moz-crisp-edges; */
	/* image-rendering: pixelated; */
	/* image-rendering: -webkit-optimize-contrast; */
	/* max-width: 100%; */
	/* -ms-interpolation-mode: nearest-neighbor; */
	max-width:100%;
/* 	vertical-align:middle; */
	border:0;
}
@media(min-width:1160px){
		img {
		 image-rendering: auto;
		/* image-rendering: crisp-edges; */
		/* image-rendering: -o-crisp-edges; */
		/* image-rendering: -moz-crisp-edges; */
		/* image-rendering: pixelated; */
		 image-rendering: -webkit-optimize-contrast;
		/* max-width: 100%; */
		/* -ms-interpolation-mode: nearest-neighbor; */
		max-width:100%;
		vertical-align:middle;
		border:0;
	}
}

/* .banner-top-mob img {
    image-rendering: auto;
    image-rendering: -webkit-optimize-contrast;
} */

img.nomax {
	max-width: fit-content;
}

a:visited ,a:active, a:link, a:focus,a:hover {
	text-decoration: none;
}

span[class*="material-"] {
	font-size: 25px;
	line-height: 0.8;
	margin-right: 7px;
	vertical-align: middle !important;
}

.btn-text span[class*="material-"] {
	margin-right: 0;
}
button, .btn , div[type="button"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	background: none;
}
input {
	border: 0;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	outline: none;
	border-radius: 0;
	background: none;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	line-height: auto;
}

/* 버튼 */
.btn {
	height: auto;
	width: auto;
	font-size: 14px;
	line-height: 1;
	padding:0;
	margin: 0;
	border-radius: 0;
	font-weight: 400;
	cursor: pointer !important;
	position: relative;
	vertical-align: middle;
	box-sizing: border-box;
	background-color: transparent;
	border: 0;
	text-align: center;
}

.sm-bg-gray{
	background: #fafafa;
}
@media (min-width:1160px){
	.sm-bg-gray{
		background: #fff;
	}
}
.btn-main {
	background: var(--main-color);
	color: #fff;
	/* box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.08); */
	border: 0;
	position: relative;
}
.btn-line {
	background: tansparent;
	color: #000;
	border: 1px solid #000;
}
.btn-line-square {
	background: tansparent;
	color: #000;
	border: 1px solid #000;
	border-radius:8px!important;
}
.border-main{
	border-color:var(--main-color)!important;
}
.button-more{
	margin: 40px 0;
}
.btn-more{
	display: flex;
	height: 32px;
	width: 90px;
	font-size: 13px;
	font-weight: 500;
	border-radius: 50px;
	padding: 9px 16px;
	flex-wrap: nowrap;
	align-items: center;
	border: 1px solid #000;
	box-sizing: border-box;
}
.btn-more img{
	margin-top: 3px;
	margin-left: 10px;
	height: 7px;
	object-fit: contain;
	width: 10px;
	display: inline-block;
}
@media (min-width:1160px) {
	.btn-more{
		display: none;
	}
}
.btn:focus,
.btn:active,
.btn:visited,
.btn:hover {
	outline: none !important;
}

.lock::before {
	content: url(/resources/images/lock.svg);
	margin-right: 6px;
	vertical-align: middle;
}

.btn-text {
	background: transparent;
	color: rgba(134, 142, 150, 1);
}

.btn-gray {
	background: var(--gray-400);
	color: var(--gray-800);
}

.btn.disabled,
.btn[disabled] {
	cursor: not-allowed;
	filter: alpha(opacity=50);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .50 !important;
}

.btn-white {
	color: #fff;
	width: 34px;
	height: 34px;
	background: none;
	text-align: center;
}

.btn-white:hover {
	background: rgba(255, 255, 255, 0.16);
	border-radius: 6px;
}



/* 리스트 */
.list-group-title {
	font-size: 10px;
	padding-bottom: 16px;
	margin-bottom: 8px;
	margin-top: 20px;
	border-bottom: 1px solid #DEE2E6;
}

.list-group-title div {
	font-size: 16px;
	font-weight: 700;
	color: var(--main-color);
}

.list-group-title span {
	color: rgba(134, 142, 150, 1);
	font-size: 14px;
	font-weight: 400;
}

.list-group-title span::after {
	content: '';
}

.list-group-title>* {
	line-height: 1.8;
	display: inline-block;
	vertical-align: middle;
}

.list-group-item {
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
	width: 100%;
	height: auto;
	align-items: top;
	padding: 4px 0;
}

.list-title {
	min-height: 20px;
	padding: 4px 0;
	color: #000;
}
.list-title >*{
	font-size: 12px;
	font-weight: 500;
}
@media (min-width:1160px) {
	.list-group-item{
		padding: 10px 0;
	}
	.list-title >*{
		font-size: 16px;
	}
}
.list-content {
	min-height: 20px;
	padding: 4px 0;
	color: var(--gray-900);
	font-weight: 400;
	font-size: 14px;
	line-height: 1.5;
}

.list-info>*>* {
	line-height: 1.8;
	color: var(--gray-700);
	font-size: 13px;
	font-weight: 300;
}


.list-red>*::after {
	content: '*';
	color: var(--red-500);
	margin-left: 5px;
	font-size: 13px;
	line-height: 1.5;
	vertical-align: top;
}




/* boxes */
.form {
	display: flex;
	flex-flow: row wrap;
	-webkit-box-align: center;
	align-items: center;
	/* overflow: hidden; */
	/* padding: 8px 0; */
}



.form-control {
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	height: 48px;
	padding: 0 12px;
	line-height: 48px;
	font-size: 13px;
	font-weight: 500;
	margin: 0;
	color: var(--gray-900);
	background-color: var(--gray-400) !important;
	background-clip: border-box;
	border: 0;
	border-radius: 4px;
	white-space: nowrap;
}

.form-control-line {
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	padding: 0 12px;
	margin: 0;
	line-height: 32px;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 0px;
	background-color: #ffffff;
	color: #000!important;
	border: 1px solid #000;
	background-clip: border-box;
	box-sizing: border-box;
	border-radius:2px!important;
	white-space: nowrap;
	outline: 0;
}
.form-control-main {
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	padding: 0 16px;
	margin: 0;
	line-height: 40px;
	font-size: 14px;
	font-weight: 400;
	color: 400;
	background-color: #fff;
	border: 1px solid #ed1740;
	background-clip: border-box;
	box-sizing: border-box;
	border-radius:50px;
	white-space: nowrap;
	outline: 0;
}
@media (min-width:1160px) {
	.form-control-line{
		height: 50px;
		border-radius:8px;
	}
	.form-control-main {
		font-size: 18px;
		border: 2px solid #ed1740;
	}
}

.form-control-line.rounded {
	border-radius: 28px !important;
}

.form-control-line:disabled {
	opacity: 0.5 !important;
}


.form-control.left-0,
.form-control-line.left-0 {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	border-left: 0;
	margin-left: 0 !important;
	padding-left: 0;
}

.form-control.right-0,
.form-control-line.right-0,
.form-control-line.right-0 {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-right: 0;
	margin-right: 0 !important;
}

.border-r{
	position: relative;
}
.border-r::after {
	content: "";
	background: var(--gray-500);
	position: absolute;
	bottom: 35%;
	right: -5px;
	height: 14px;
	width: 1px;
	box-sizing: border-box;
}

textarea {
	overflow: auto;
	resize: vertical;
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

textarea.form-control,
textarea.form-control-line {
	height: auto;
	width: 100%;
}

.input-group {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
}

.list-group-item .input-group>.form-control,
.list-group-item .input-group>.form-control-line,
.list-group-item .input-group>.form-control-plaintext,
.list-group-item .input-group>.custom-select,
.list-group-item .input-group>.custom-file {
	position: relative;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 1%;
	min-width: 0;
	margin-bottom: 0;
}

.input-group>.form-control+.form-control,
.input-group>.form-control-line+.form-control-line,
.input-group>.form-control+.custom-select,
.input-group>.form-control-line+.custom-select,
.input-group>.form-control+.custom-file,
.input-group>.form-control-line+.custom-file,
.input-group>.form-control-plaintext+.form-control,
.input-group>.form-control-plaintext+.form-control-line,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.custom-select+.form-control,
.input-group>.custom-select+.form-control-line,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.custom-file,
.input-group>.custom-file+.form-control,
.input-group>.custom-file+.form-control-line,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.custom-file {
	margin-left: -1px;
}

/* .input-group > .form-control:focus,
.input-group > .form-control-line:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
} */

.input-group>.custom-file .custom-file-input:focus {
	z-index: 4;
}

.input-group>.form-control:not(:last-child),
.input-group>.form-control-line:not(:last-child),
.input-group .custom-select:not(:last-child) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.input-group>.form-control:not(:first-child),
.input-group>.form-control-line:not(:first-child),
.input-group .custom-select:not(:first-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	padding-left: 0;
}

.input-group>.custom-file {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
}

.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label::after {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.input-group>.custom-file:not(:first-child) .custom-file-label {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.input-group-prepend,
.input-group-append {
	display: -ms-flexbox;
	display: flex;
	flex: 6;
}

.input-group-prepend .btn,
.input-group-append .btn {
	position: relative;
	z-index: 2;
}

.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
	z-index: 3;
}

.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.input-group-text,
.input-group-append .input-group-text+.btn {
	margin-left: -1px;
}

.input-group-prepend {
	margin-right: -1px;
}

.input-group-append {
	margin-left: -1px;
}

.input-group-text {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	justify-content: end;
	padding: 8.7px 14px;
	margin-bottom: 0;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.6;
	color: #677788;
	text-align: center;
	white-space: nowrap;
	background-color: transparent;
	/* border: 1px solid #e7eaf3; */
	border-radius: 6px;
}

.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
	margin-top: 0;
}

.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text,
.input-group>.input-group-append:not(:last-child)>.btn,
.input-group>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

/*------------------------------------
  Merge
------------------------------------*/
.input-group-merge {
	position: relative;
}

.input-group-merge .input-group-prepend,
.input-group-merge .input-group-append {
	position: absolute;
	top: 0;
	bottom: 0;
}

.input-group-merge .input-group-prepend {
	left: 0;
}

.input-group-merge .input-group-prepend .input-group-text {
	padding: 0 0 0 14px;
	width: 100% !important;
}

.input-group-merge .input-group-prepend .input-group-text:first-child {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.input-group-merge .input-group-append {
	right: 0;
}

.input-group-merge .input-group-append .input-group-text {
	padding: 0 14px 0 0;
}

.input-group-merge .input-group-append .input-group-text.group-btn {
	padding: 0 2px 0 0 !important;
}

.input-group-merge .input-group-append .input-group-text:last-child {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.input-group-merge .input-group-text {
	z-index: 4;
	border: none;
}

.input-group-merge .custom-select:not(:first-child),
.input-group-merge .form-control-line:not(:first-child),
.input-group-merge .form-control:not(:first-child) {
	padding-left: 42px;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

.input-group-merge .custom-select:not(:last-child),
.input-group-merge .form-control-line:not(:last-child),
.input-group-merge .form-control:not(:last-child) {
	padding-right: 42px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}




input[type=text]::-webkit-input-placeholder {
	font-weight: 400;
	color: #6a6b6c;
	letter-spacing: 0.5px;
	font-size: 14px;
}

input[type=text]::-moz-placeholder {
	font-weight: 400;
	color: #6a6b6c;
	letter-spacing: 0.5px;
	font-size: 14px;
}

input[type=text]:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	font-weight: 400;
	color: #6a6b6c;
	letter-spacing: 0.5px;
	font-size: 14px;
}

input[type=text]::-ms-input-placeholder {
	/* Microsoft Edge */
	font-weight: 400;
	color: #6a6b6c;
	letter-spacing: 0.5px;
	font-size: 14px;
}

@media (min-width:1160px) {

	input[type=text]::-webkit-input-placeholder {
		font-size: 18px;
	}

	input[type=text]::-moz-placeholder {
		font-size: 18px;
	}

	input[type=text]:-ms-input-placeholder {
		font-size: 18px;
	}

	input[type=text]::-ms-input-placeholder {
		font-size: 18px;
	}
}
input[type=password]::-webkit-input-placeholder {
	font-weight: 400;
	color: #888888;
	letter-spacing: 0.5px;
	font-size: 15px;
}

input[type=password]::-moz-placeholder {
	font-weight: 400;
	color: #888888;
	letter-spacing: 0.5px;
}

input[type=password]:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	font-weight: 400;
	color: #888888;
	letter-spacing: 0.5px;
}

input[type=password]::-ms-input-placeholder {
	/* Microsoft Edge */
	font-weight: 400;
	color: #888888;
	letter-spacing: 0.5px;
}
input[type="search"]{
	padding-right: 0!important;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
	cursor: pointer;
	width: 12px;
	height: 12px;
	padding: 4px;
	background: url('/resources/images/icons/input-search.png') no-repeat 0px center;
	background-size: contain;
	position: relative;
}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button{
	display:none;
	width:0;
}
input[type=search]::-webkit-input-placeholder {
	font-weight: 300;
	color: #888888;
	letter-spacing: -0.75px;
}

input[type=search]::-moz-placeholder {
	font-weight: 300;
	color: #888888;
	letter-spacing: -0.75px;
}

input[type=search]:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	font-weight: 300;
	color: #888888;
	letter-spacing: -0.75px;
}

input[type=search]::-ms-input-placeholder {
	/* Microsoft Edge */
	font-weight: 300;
	color: #888888;
	letter-spacing: -0.75px;
}

textarea::-webkit-input-placeholder {
	color: rgba(206, 212, 218, 1);
}

textarea::-moz-placeholder {
	color: rgba(206, 212, 218, 1);
}

textarea:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: rgba(206, 212, 218, 1);
}

textarea::-ms-input-placeholder {
	/* Microsoft Edge */
	color: rgba(206, 212, 218, 1);
}

/*reset End*/




.btn-check {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	pointer-events: none;
	margin-bottom: 5px;
}

.btn-check[disabled]+.btn,
.btn-check:disabled+.btn {
	pointer-events: none;
	filter: none;
	opacity: 0.65;
}

.list-group-item label.btn {
	margin: 6px 0;
}

.btn-check:checked+label.form-control-line,
.btn-check:checked+label.form-control-line:hover {
	border-color: var(--main-color) !important;
	background: #fff !important;
	/* opacity: 0.5; */
}

.btn-check+label.btn {
	text-align: left;
	font-weight: 400;
	font-size: 16px;
	color: rgba(73, 80, 87, 1);
	display: flex;
	align-items: center;
	box-sizing: border-box;
}

.btn-check+label.btn img {
	margin-right: 16px;
}
.square-radio {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px 12px;
	box-sizing: border-box;
}

.square-radio label.form-control-line {
	width: auto;
	height: 167px;
	padding-top: 15px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: column;
	border-right: 1px solid rgba(231, 234, 243, 0.7);
	border-bottom: 1px solid rgba(231, 234, 243, 0.7);
	box-sizing: content-box;
}

.square-radio label.form-control-line img {
	width: 90px;
	height: 90px;
	margin-right: 0;
	border-radius: 4px;
	margin-bottom: 15px;
}

.sm-sticky {
	position: sticky;
	position: -webkit-sticky;
	bottom: 0;
	width: 100%;
	background: #fff;
}




/* --------------공통요소--------------- */



/*레이아웃*/
.wrap {
	width: 100%;
	height: auto;
	position: relative;
	display: flex;
	flex: auto;
	/* overflow-x: hidden; */
}

.wrap-body {
	width: 100%;
	height: auto;
	min-height: 100%;
	position: relative;
	display: inline-block;
	/* overflow-y: scroll; */
	/* overflow-x: unset;
	-ms-overflow-style: none; */
}

@media (min-width: 1160px) {
	.wrap-body {
		overflow-x: hidden;
	}
}


.header-wrap{
	position: sticky!important;
	position:-webkit-sticky!important;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	padding: 0;
	box-sizing: border-box;
	background: #fff;
	z-index: 99!important;
	border-bottom: 1px solid #e5e5e5;
}
.top-banner{
	display: none;
}
.top-banner.active{
	display: block;
}

.banner-top{
/* 	max-width: 2400px; */
	width: auto;
    height: 50px;
	text-align: center;
    margin: 0 auto;
    position: relative;
    display: none;
    z-index: 101;
}
.banner-top img {
    display: block;
    width: auto;
    height: 50px;
    object-fit: cover;
    margin: 0 auto;
}
.banner-top-mob.scroll-hide{
	display: none;

}
.top-wrap.fixed{
	position: fixed;
	top: 0;
}
.banner-top-mob + .banner-close{
	display: none;
}
.banner-top-mob a, .banner-top a{
	width:100%;
    height: 100%;
    display: block;
}
.banner-top-mob{
	/* display: block; */
	z-index: 99;
	position: relative;
	  height: auto;
    width: 100%;
	/* height: 45px;
	width: auto; */
	transition: height 0.3s ease-in-out;
}
.banner-top-mob img{
	/* display: block; */
	/* width: auto;
	height: 45px; */
	width:100%;
    height: 100%;
	object-fit: cover;
	margin: 0 auto;
}
.banner-close{
	position: absolute;
	width: 11px;
	height: 11px;
	top: 11px;
	right: 15px;
	z-index: 102;
}
/* @media (min-width: 720px) {
	.banner-top-mob{
		height: 70px;
		width: 100%;
	}
	.banner-top-mob img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		margin: auto 0;
	}
} */
@media (min-width: 1160px) {
	.header-wrap{
		position: relative!important;
		padding:0;
	}
	.banner-top-mob + .banner-close{
		display:block;
	}
	.banner-top{
		display: block;
		z-index: 101;
	}
	.banner-top-mob{
		display: none;
	}
	.banner-close{
		width: 18px;
		height: 18px;
		top: 15px;
		right: calc(50% - 580px);
	}

}
.top-wrap{
	position: relative;
	width: 100%;
	height: auto;
	z-index: 100;
	background: #fff;
}
.top-top{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	align-items: center;
	max-width: 1160px;
	padding: 0 19px;
	margin: 0 auto;
	height: 60px;
	border-bottom:2px solid #E2E2E2;
	box-sizing: border-box;
}
.top-top .lnb-toggle, .top-top .icon img{
	width: 24px;
	height: 24px;
	object-fit: contain;
}

.top-bottom{
	/* max-width: 1160px; */
	/* width: 100%; */
	height: 55px;
	padding: 0;
	display: block;
	margin: 0;
}
.top-bottom-right{
	width: auto;
	position: relative;
	display: flex;
	justify-content: center;
	flex-direction: row;
	height: 100%;
	width: 100%;
	/* max-width: 1160px; */
	/* padding-left: 20px;	 */
}

.top-bottom-left{
	display: block;
	margin-right:0;
	position: absolute;
	top: 0;
	line-height: 60px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 9999;
}
.top-bottom-left .logo {
	width: 140px;
	height: 23px!important;
	position: relative;
}
.top-bottom-left .logo ul{
	position: relative;
	margin: 0 auto;
	display: flex;
	justify-content:center;
	width: 100%;
}
.logo li img{
	width: auto;
	height: 23px;
	object-fit: contain;
}

.slide-logo>ul>li{ position: absolute; font-size: 0; }

@media (min-width:1160px) {
	.top-bottom-left{
		/* display: flex; */
		margin-right:0;
		position: absolute;
		left: calc(50% - 580px);
		top: 50%;
		transform: translate(0, -10%);
	}
	.top-bottom-left .logo {
		margin-top: 3px;
		width: 200px!important;
		height: 28px!important;
		position: relative;
	}
	.top-bottom-left .logo ul{
		position: relative;
		margin: 0 auto;
		display: flex;
		justify-content:start;
		align-items: center;
		width: 100%;
	}
	.logo li img{
		width: auto;
    	height: 28px;
   		object-fit: contain;
	}
	.top-wrap{
		position: relative!important;
	}
	.top-top{
		display: none;
		height: 54px;
		padding: 8px 0 0;
		justify-content: flex-end;
	}
	.top-top .icon{
		width: 21px;
		height: 23px;
		object-fit: cover;
	}

	.top-top-right{
		display: flex;
		flex-wrap: nowrap;
		justify-content: end;
		align-items: center;
		height: 59px;
	}
	.top-top-right .right-menu{
		font-size: 14px;
		margin-left:21px;
		color: var(--gray-76);
		cursor: pointer;
	}
	.top-top-right .right-menu:last-child{
		margin-left: 36px;
	}
	.top-bottom{
		/* max-width: 1160px; */
		height: 90px;
		padding: 0;
		margin: 0 auto!important;
		display: flex;
		font-weight: nowrap;
		justify-content: space-between;
		align-items: center;
	}
	.top-bottom-right{
		/* width: auto; */
		position: absolute;
		padding-right: calc(50% - 580px);
		right: 0;
		top: 0;
		display: flex;
		justify-content:flex-end;
		flex-direction: row;
	}
}

.top-menu{
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    width:auto;
    height: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.top-menu::-webkit-scrollbar{
	display: none;
}
.top-menu > *{
	display: flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
}
.top-menu .category {
	padding-right: 0;
}
.top-menu .category:not(:last-child) > li{
	margin: 0 12px;
	display: inline-block;
}
.top-menu .category:not(:last-child) > li:nth-child(2){
	margin-left: 20px;
}

.top-menu .category > li > a{
	display:block;
	font-size: 14px;
	color: #000;
	padding: 0;
	line-height: 55px;
}
.top-menu .category > li:hover > a{
	color: var(--main-text);
	opacity: 1;
}
.cate-event > *{
	display: inline-block;
	margin:0 13px;
	color: var(--main-color);
	font-size: 15px;
	font-weight: 500;
	white-space: nowrap;
	line-height: 55px;
}
.cate-event.border-r::after{
	height: 0;
}
@media (min-width:1160px) {
	.top-menu{
        position: relative;
        top: 0;
        padding: 0;
        overflow-x: initial;
    }
	.top-menu .category:not(:last-child) > li{
		margin: 0 20px;
	}
	.top-menu .category:last-child > li{
		margin-left: 25px;
		margin-right: 0;
	}
	.top-menu .category > li > a{
		font-size: 17px;
		line-height: 90px;
		font-weight: 500;
		opacity: 0.7;
	}
	.top-menu .category:not(:last-child) > li:nth-child(2){
		margin: 0 20px;
	}
	.cate-event{
		padding: 0 10px;
	}
	.cate-event > *{
		margin:0 15px;
		font-size: 18px;
		line-height: 57px;
	}
	.cate-event.border-r::after{
		content: "";
		background: var(--gray-500);
		position: absolute;
		bottom: 38%;
		right: -1px;
		height: 17px;
		width: 1px;
		box-sizing: border-box;
	}
	.cate-event > * > a{
		line-height: 80px;
	}
}
.top-menu .category{
    position: relative!important;
}
.top-menu .category > li .depth{
    width: 100%;
    height: auto;
    position: absolute;
    display: none;
    top: 66px;
    background: #fff;
    z-index: 999!important;
    border-radius: 0 0 8px 8px;
}
.top-menu .category.main-category > li .depth{
    left: -40px;
    right: auto;
}
.top-menu .category.hello-category > li .depth{
    left: auto!important;
    right: -23px!important;
}
.top-menu .category > li .depth-sec{
    padding: 0;
    width: 100%;
    height: auto;
    min-height: 340px;
    display: block;
    padding:24px 30px ;
    position: relative;
}
.top-menu .category > li .depth-sec::before{
    position: absolute;
    content: "";
    top: 0;
    left: 235px;
    display: inline-block;
    width: 235px!important;
    height: 100%!important;
    background: #F3F3F3;
    padding: 0;
}
.top-menu .category > li .depth .category-sec{
    text-align: left;
    /* position: relative; */
    width: 200px;
    height: 100%;
}
.top-menu .category > li .depth .category-sec a{
    text-align: left;
    width: 200px;
    line-height: 48px;
    font-size: 16px;
}
.top-menu .category.main-category > li .depth .category-sec.active > a{
    position: relative;
    cursor: pointer;
    font-weight: bold;
}
.top-menu .category.main-category > li .depth .category-sec.active > a::after{
    position: absolute;
    content:"";
    background-image: url(/resources/images/icons/category-arrow.png);
    background-size:10px 18px;
    left: 170px;
    top: 0px;
    width: 10px!important;
    height: 18px!important;
}
.top-menu .category > li .depth .category-sec .depth-third{
    position: absolute;
    top: 0;
    display: none;
    margin-top: 0px;
    left: 232px;
    width: 235px!important;
    height: 100%!important;
    padding: 30px;
    text-align: left;
    z-index: 96;
    overflow-y: auto;
}
.top-menu .category > li .depth .category-sec .depth-third::-webkit-scrollbar {
    width: 10px;
}
.top-menu .category > li .depth .category-sec .depth-third::-webkit-scrollbar-track {
    background: transparent;
}
.top-menu .category > li .depth .category-sec .depth-third::-webkit-scrollbar-thumb {
background: #fff;
border-radius: 50px;
padding: 5px;
}
.top-menu .category > li .depth .category-sec.active .depth-third,
.hello-category .category-sec .depth-third{
    display: block!important;
}
.hello-category .category-sec a{
    position: relative;
    cursor: pointer;
    font-weight: normal;
}
.top-menu .category > li .depth .category-sec .depth-third ul{
    display: block;
}
.top-menu .category > li .depth .category-sec .depth-third a{
    line-height: 40px;
    font-size: 16px;
    cursor: pointer;
    z-index: 98;
}
.depth .category-sec .category-third a:hover,
.hello-category .depth .category-sec a:hover{
    font-weight: 600;
    position: relative;
    width: auto;
}
.top-menu .category > li .depth .category-sec span{
    position: absolute;
    top: 20px;
    right: 35px;
    width: 242px;
    z-index: 99999999;
}
.top-right .icon img{
    width: 16px;
    height: 16px;
    margin-right: 4px;
    object-fit: contain;
    vertical-align: baseline;
}
.mob-category .category > li .depth .category-sec.active > a{
    position: relative;
    cursor: pointer;
    font-weight: bold;
}
/* 아이폰 se용 */
@media (max-width: 374px) {

	.top-right .right-menu{
		font-size: 7px!important;
		margin-left:5px;
	}
	.top-right .icon img{
		width: 14px;
		height: 14px;
		object-fit: contain;
	}
	.top-menu .category > li > a{
		font-size: 12px;
		line-height: 46px;
	}
	.cate-event > *{
		margin-left: 7px;
		font-size: 11px;
	}
}


/* 그리드 공통 /쿠폰 */
/* .image-before-left > div{
	position: absolute;
	width: auto;
	height: 12.5px;
	top: 6px;
	left: 6px;

}
.image-before-left > div > img{
	object-fit: cover!important;
    height: auto;
    width: 87px!important;
} */

.image-before-right{
	position: absolute;
	top: 0;
	z-index: 2;
	right: 0;
}
.image-before-right > div{
	position:relative;
	width: 42px;
	height: auto;
}
.image-before-right > div img{
	object-fit: contain!important;
	width: 100%;
	height: auto;
	display: block;
}


@media (min-width: 1160px) {


	/* .image-before-left > div{
		display: none;
		position: absolute;
		width: auto;
		height: 18px;
		top: 10px;
		left: 9px;
	} */

	.image-before-right > div{
		width: 53px;
		height: auto;
	}
}
/* detail 공통*/
.main-top-cont{position: relative;}
.main-top-mob{
    width: 100%;
    height: auto;
    position: relative;
}
.main-top.main-top-brand{
    height: auto;
}
.main-top-mob img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.top-desc {
    position:absolute;
    z-index: 3;
    top: 50%;
    left:5.5556vw;
    transform: translateY(-50%);
    /* margin-left: 371px; */
    text-align: left;
  }
  .top-desc .top-text{
    color:#000;
    font-size:3.8vw;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin-bottom: 1vw;
  }
  .top-desc .top-text strong{
  	font-weight: 600;
  }
  .top-desc .top-title {
    color:#000;
    font-size: 5.2778vw;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -0.5px;
  }
  .top-desc .top-title strong{
 	 font-weight: 700;
  }
@media (min-width:1160px) {
    .main-top{
        width: auto;
       /*  max-width: 2400px; */
      	margin:0 auto;
        height: 300px;
        border-bottom: 1px solid #E5E5E5;
    }
    .main-top img{
        margin: 0 auto;
        width: auto;
        height: 100%;
        object-fit: cover;
    }
    .main-top.main-top-brand img{
        width: 2400px;
        height: auto;
        object-fit: cover;
    }
    .top-desc {
        position:absolute;
        z-index: 3;
        top: 50%;
        left: 50%;
        transform: translate(-580px, -50%);
        /* margin-left: 371px; */
        text-align: left;
      }
      .top-desc .top-text{
        color:#000;
        font-size: 25px;
        font-weight: 300;
        line-height: 1.1;
        letter-spacing: -0.5px;
        margin-bottom: 10px;
      }
      .top-desc .top-text strong{
	  	font-weight: 700;
	  }
      .top-desc .top-title {
        color:#000;
        font-size: 40px;
        font-weight: 300;
        line-height: 1;
        letter-spacing: -0.5px;
      }
       .top-desc .top-title strong{
	 	 font-weight: 500;
	  }
}


.main-top-cate-mob{
	width: 100%;
	height: 57px;
	position: relative;
	text-align: center;
	border-bottom: 1px solid #F0F1F3;
}
.main-top-cate-mob .back{
	width: 50px; height: 57px; display: block;
	position: absolute;
	left:20px;
	top:0;

}
.main-top-cate-mob .back span{
	position: relative;
	display: block;
	margin-top: 15px;
	width: 24px;
	height: 24px;
	background: url(/resources/images/icons/title_back.png) no-repeat center/contain;
}
.main-top-cate-mob h4{
	line-height: 57px;
	font-size: 15px;
	font-weight: 400;
}

.main-top-cate{
	display: none;
	width: 100%;
	padding: 12px;
	height: 35px;
	/* border-bottom: 1px solid #e5e5e5; */
}

.main-body{
	width: 100%;
	padding: 17px 0;
}
.main-top-cate nav{
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content: end;
	align-items: center;
}
.main-top-cate nav div{
	padding:0 13px;
	line-height: 26px;
	position: relative;
	color: #898989;
	font-size: 13px;
	cursor: pointer;
}
.main-top-cate nav div:not(:last-child)::after{
	position: absolute;
	top: 8px;
	right: -3px;
	content: "";
	display: inline-block;
	width: 6px;
	height: 10px;
	background-size:6px 10px;
	background-position: 50% 50%;
	background-image: url("/resources/images/icons/nav-arrow-mob.png");
}
.main-top-cate nav div:first-child{
	padding-left: 0;
}
.main-top-cate nav div:last-child{
	padding-right: 0;
	color: #000;
}
@media (min-width:1160px) {
	.main-top-cate{display: block;}
}
section{
	margin: 0 auto;
}
.section-wide{
	width: 100%!important;
	padding:32px 20px;
	margin:0 auto;
}
.section-widest{
	width: 100%!important;
	padding:32px 0;
	margin:0 auto ;
}
.section-wide .swiper{
	position: relative!important;
	max-width: 100%!important;
}
.section-basic{
	width: 100%!important;
	padding-top: 32px;
	padding-left:20px!important;
	padding-right:20px!important;
	max-width: 1160px!important;
}
.section-sm-wide{
	width: 100%!important;
	padding: 32px 0;
	max-width: auto;
	margin: 0 auto;
}
.section-lg-basic{
	width: 100%!important;
	padding-top: 32px;
	padding-left:0!important;
	padding-right:0!important;
	max-width: 1160px!important;
}

@media (min-width: 1160px) {
	.main-top{
		width: 100%;
		text-align: center;
		background: #fff;
		border-bottom: 1px solid #e5e5e5;
	}
	.main-top img{
		width: auto;
        height: 300px;
        object-fit: cover;
	}
	.main-top.main-top-brand img{
		width: 2400px;
        height: auto;
        object-fit: cover;
	}
	.main-body{
		width: 100%;
		padding: 57px 0;
	}
	.section-wide{
		margin: 0 auto!important;
		padding: 50px 0;
	}
	.section-widest{
		margin: 0 auto!important;
		padding: 50px 0;
	}
	.section-basic{
		margin: 0 auto!important;
		padding: 50px 0;
	}
	.section-sm-wide{
		margin: 0 auto!important;
		padding: 50px 0;
	}
	.section-wide .swiper{
		max-width: 1160px!important;
		padding-left:0px!important;
		padding-right:0px!important;
	}
	.section-sm-wide .swiper{
		max-width: 1242px!important;
		padding-left:31px!important;
		padding-right:31px!important;
	}
}

/* 스와이퍼 */

.swiper {
	width: 100%;
	height: fit-content;
}
/* opacity:0.27 */
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: transparent;
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-button-next{
	/* display: none; */
	width: 44px;
	height: 44px;
	right:19px;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(/resources/images/icons/2v-right.png);
	background-position:50% 50%;
	background-size: cover;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
	border-radius: 50%;
}

.swiper-button-prev{
	/* display: none; */
	width: 44px;
	height: 44px;
	left:19px;
	text-indent: -9999px;
	overflow: hidden;
	border-radius: 50%;
	background-image: url(/resources/images/icons/2v-left.png);
	background-position:50% 50%;
	background-size: cover;
	box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
}
.swiper-button-prev.swiper-button-disabled{
	opacity: 1;
	background: url(/resources/images/icons/2v-left-disable.png) no-repeat center/cover;
	box-shadow: none;
}
.swiper-button-next.swiper-button-disabled{
	opacity: 1;
	background: url(/resources/images/icons/2v-right-disable.png) no-repeat center/cover;
	box-shadow: none;
}

/*
@media (min-width:1160px) {
	.swiper-button-prev{
		display: flex!important;
	}
	.swiper-button-next{
		display: flex!important;
	}
} */
@media (min-width:1160px) {
	.swiper-button-next{
		background-image:  url(/resources/images/icons/2v-right-disable.png);
		box-shadow:none;
	}

	.swiper-button-prev{
		background-image:  url(/resources/images/icons/2v-left-disable.png);
		box-shadow: none;
	}
	.swiper-button-next:hover{
		background-image: url(/resources/images/icons/2v-right.png);
		box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.1);
	}
	.swiper-button-prev:hover{
		background-image: url(/resources/images/icons/2v-left.png);
		box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.1);
	}

	.default-grid .item-sm .item-upper,
	.section-first .item-sm .item-upper{
		padding: 30px 42px 0;
		text-align: center;
		border: 0;
		height: auto;
		overflow: hidden;
	}

}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 24px;
	left: 50%;
	/* margin-left: -50px; */
	width: auto;
	padding: 9px 39px 9px 24px;
	color: #fff;
	background: transparent;
	border-radius: 50px;
	font-weight: 300;
	font-size: 16px;
	pointer-events:all!important;
}



.item-bottom{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: auto;
	padding: 32px 0 0;
	text-align: left;
	overflow: hidden;
	/* text-overflow: ellipsis; */
	white-space: unset;
}
.item-sm{
	position: relative!important;
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	-ms-box-sizing: border-box !important;
	box-sizing: border-box !important;
	width: 100%;
}

.item-info{display: block;}

.item-info .info-card p{
	font-size: 12px;
	color: #000;
	line-height: 25px;
	font-weight: 400;
	letter-spacing: -0.3px;
	display: inline-block;
}

.section-first .item-info .info-card > *{
	display: inline-block;
	line-height: 24px;
}
.section-second .item-info .info-card > *{
	display: inline-block;
	line-height: 25px;
}

.item-info .price div:first-child{
	display: inline-block!important;
	vertical-align: bottom;
	font-size: 15px;
	letter-spacing: -0.37px;
	font-weight: 700;
	margin-bottom: 0;
}

.item-info .badges{
	justify-content: start;
	position: absolute;
	top: 7.5px;
	height: auto;
	display: flex;
	flex-direction: row;
	align-items: top;
}
.item-info .badges .badge:not(:last-child){
	margin-right: 4px;
}

.more-product{
	margin-top: 21px;
	width: 100%;
}
.more-product .btn{
	width: 100%;
	/*border: 1px solid #e6e6e6;*/
	/*padding: 0;*/
	/*font-size: 14px;*/
	/*line-height: 35px;*/
	letter-spacing: -0.63px;
	/*height: 37px;*/
	vertical-align: top;
	box-sizing: border-box;

	border: 1px solid #4A4C58;
	line-height: normal;
	padding: 14px 0;
	border-radius: 8px;
	font-size: 16px;
	font-weight: 500;
	color: #000;
	display: flex;
	justify-content: center;
	align-items: center;
}
.more-product > button > div{
	display: inline-block;
	margin-right: 8px;
	width: 12px;
	height: 12px;
	margin-top: 12px;
	background-image: url("/resources/images/icons/more.svg");
}

@media (min-width:1160px) {
	.item-bottom{
		text-align: left;
		overflow: hidden;
		height: 159px;
		/* text-overflow: ellipsis; */
		white-space: unset;
		padding: 20px 20px 23px;
	}
	.section-first .item-info strong{
		margin-bottom: 20px;
	}
	.item-info strong{
		font-size: 16px;
		line-height: 1;
		margin-top:9px;
		margin-bottom: 8px;
		white-space: unset;
		text-overflow: ellipsis;
		/* overflow : hidden ; */
		/* max-width: 213px; */
		height: 20px;
		letter-spacing: -0.5px;
	}
	/* .item-info .info-card p{
		font-size: 13px;
	}
	.item-info .info-card > *{
		display: block;
		line-height: 1;
	} */
	.section-first .item-info .info-card > *{
		display: block!important;
		line-height: 18px;
	}
	.item-info .price div{
		position: relative;
		display: block;
		text-align: left;
		margin-top: 0;
		margin-bottom:0;
	}

	.item-info .badges{
		position: absolute;
		top: 0;
		margin-top:0;
	}
}


/* 상품 그리드 */

.default-grid .item-sm {
	border: 0;
	width:auto;
	height: 250px;
	cursor: pointer;
}
.default-grid .item-sm .item-upper{
	padding: 9px 6px 9px;
	text-align: center;
	border: solid 1px #D9DADB;
	height: 143px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box !important;
      -moz-box-sizing: border-box !important;
      -ms-box-sizing: border-box !important;
      box-sizing: border-box !important;
}
.default-grid .item-sm .item-img img {
	object-fit: contain;
	margin: 0 auto;
	width: auto;
	height:125px;
	max-width: 170px;
}
@media (max-width:374px) {
	.default-grid .item-sm .item-img img {
		/* padding-top: 10px; */
		height: 32vw;
	}
	.section-tenth .default-grid .item-sm .item-img img{
		height:125px;
	}
}


.default-grid .item-info .info-card p{
	font-size: 11.5px;
	color: var(--main-color);
	margin-top: 8px;
	line-height: 1.1;
	font-weight: 400;
	letter-spacing: -0.35px;
	display: inline-block;
}
.default-grid .item-info .price{
	display: block;
	height:21px;
}
.default-grid .item-info .price div:first-child{
	margin-bottom: 0;
	font-size: 17px;
	height:21px;
	letter-spacing: -0.54px;
	font-weight: 700;
	margin-bottom: 0;
}
.default-grid .item-info .price span.won{
	font-size: 13px;
	height:21px;
	vertical-align: 1px;
}

.default-grid .item-info .origin-price{
	color: #6B6B6B;
	font-size: 11.5px;
	letter-spacing: -0.35px;
	font-weight: 400;
	display: inline-block;
	vertical-align: 2px;
	margin-left: 6px;
}
.default-grid .item-info strong{
	margin: 0;
	height: auto;
	min-height: 34.78px;
	font-size: 14.5px;
	font-weight: 400;
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap:break-word;
	line-height: 1.2;
	width: 100%;
	letter-spacing: -0.44px;
}
@media (min-width: 1160px) {
	.default-grid .item-sm .item-upper,
	.section-first .item-sm .item-upper{
		padding: 30px 44px 0;
		text-align: center;
		border: 0;
		height: auto;
		overflow: hidden;
	}
	.default-grid .item-sm {
		border: solid 1px #D9DADB;
		height: 355px;
		width: 269px;
		box-sizing: border-box;
	}
	.default-grid .item-sm .item-img img {
		object-fit: cover;
		margin: 0 auto;
		width: 100%;
		height: auto;
		max-width: none;
	}

	.default-grid .item-sm .item-bottom{
		padding: 22px 24px 26px;
	}
	.default-grid .item-info strong{
	    font-size: 16px;
	    font-weight: 500;
	    line-height: 20px;
		margin: 5px 0 20px!important;
		white-space: normal;
		text-overflow: ellipsis;
		overflow-y:hidden;
		width: 100%!important;
		height: 38px;
		letter-spacing: -0.4px;
	}
	/* .item-info{width: 100%;} */
	/* .item-info>*{width: 100%;} */
	.default-grid .item-info .info-card p{
		font-size: 13px;
		margin-top: 0;
		line-height: 1;
		font-weight: 300;
		margin-bottom: 4px;
		line-height: 1;
		letter-spacing: -0.3px;
	}
	.default-grid .item-info .price div:first-child {
	    font-size: 26px;
	    margin-bottom: 0;
	    letter-spacing: -0.54px;
	    font-weight: 500;
	}
	.default-grid .item-info .price{
		margin-bottom: 0;
		display: flex;
		align-items: baseline;
		width: 100%;
		position: relative;	}

	.default-grid .item-info .price span.won{
		font-size: 22px;
		vertical-align: 1px;
		font-weight: 500;
	}

	.default-grid .item-info .origin-price{
		color: #6B6B6B;
		font-size: 13px;
		font-weight: 300;
		display: inline-block;
		vertical-align: 2px;
		margin-left: 10px;
	}

}







/*bill*/
.bill {
	margin-top: 5px;
	padding:12px 15px 8px;
	border: 1px solid #ed1740;
	border-radius:8px;
	width: 100%;
	background: #fafafa;
}
.bill .context {
	padding-bottom:12px;
	color: #000;
	font-weight: 500;
	font-size: 11px;
	line-height: 1.2;
}
.bill dt, .bill dd {
	margin: 4px 0;
	font-size: 11px;
}
.bill .context dt {
	font-weight: 500;
}
.bill dd {
	text-align: left;
	font-weight: 700;
}
.bill .total {
	border-top: 1px solid #c0c0c0;
	padding-top: 5px;
	color: #ed1740;
	font-weight: 700;
}
.bill .total dt{
	font-size: 11px;
	line-height: 2.1;
}
.bill .total dd{
	font-size: 14px;
}
@media (min-width:1160px) {
	.bill {
		padding:25px 40px 15px;
		border: 3px solid #ed1740;
	}
	.bill .context {
		padding-bottom:12px;
		font-size: 16px;
		line-height: 1.2;
	}
	.bill dt, .bill dd {
		margin: 8px 0;
		font-size: 15px;
	}
	.bill .total {
		padding-top: 10px;
	}
	.bill .total dt{
		font-size: 16px;
		line-height: 2.5;
	}
	.bill .total dd{
		font-size: 24px;
	}
}
.scrollx {
	width: 100%;
	display: flex;
	overflow-x: scroll;
}

.scrollx {
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
}

.scrollx::-webkit-scrollbar {
	display: none;
	/* Chrome, Safari, Opera*/
}








/* -------------footer-------------- */



footer{
	display: block;
	width: 100%;
	height: auto;
	padding-bottom: 100px;
	background: #1d1f20;
	color: #919191;
}
.footer-mob{
	position: relative;
	padding: 20px 18px 0;
	width: 100%;
}
.footer-mob ul{
	display: inline-flex;
	flex-wrap: wrap;
	width: 100%;
	border-top: 1px solid #6f7071;
	border-left: 1px solid #6f7071;
	text-align: center;
}
.footer-mob ul li{
	border-color: #6f7071;
	border-style: solid;
	border-width: 0 1px 1px 0;
	width: 33.3%;
	color: #fff;
	height: 25px;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.2;
	min-height: 40px;
	align-items: center;
	display: flex;
	justify-content: center;
}
.footer-mob .footer-mob-bottom{
	margin: 15px 0;
	width: 100%;
	text-align: center;
}
.footer-mob .footer-mob-bottom span{
	position: relative;
	display: inline-block;
	width: auto;
	font-size: 15px;
	color: #d5d5d5;
	margin-right: 30px;
	letter-spacing: 0;
}
.footer-mob .footer-mob-bottom span:not(:last-child)::after{
	position: absolute;
	content:"";
	right: -17px;
	bottom: 0;
	height: 15px;
	width: 1px;
	background: #6f7071;
}
.footer-middle{
	margin-bottom: 20px;
	border-top: 1px solid #5b5c5e;
	border-bottom: 0;
}
.footer-middle .middle-content .sitemap-area{
	background: #f8f8f8;
	width: 100%;
}
.footer-middle .middle-content .sitemap-wrap{
	display: flex;
	flex-wrap: wrap;
	padding: 0 20px;
	max-width: 1160px;
	margin: 0 auto;
}
.footer-middle .middle-content .sitemap-wrap .line{
	border-bottom: 1px dashed #e8e8e8;
	height: 3px;
	width: 100%;
}
.footer-middle .middle-content .sitemap-wrap .sitemap{
	width: 50%;
	padding: 30px 0 0;
}
.footer-middle .middle-content .sitemap-wrap .sitemap strong{
	position: relative;
	padding-right: 13px;
	font-weight: bold;
	font-size: 14px;
	color: #222;
	margin-bottom: 22px;
}
.footer-middle .middle-content .sitemap-wrap .sitemap strong::after{
	content: ">";
	position: absolute;
	margin-left: 5px;
}
.footer-middle .middle-content .sitemap-wrap .sitemap > ul > li{
	font-size: 12px;
	color: #000;
	font-weight: 500;
	margin-bottom: 22px;
}
.footer-middle .middle-content .sitemap-wrap .sitemap ul .sitemap-depth{
	display: none;
	width: 100%;
	position: relative;
}
.footer-middle .middle-content .sitemap-wrap .sitemap ul .sitemap-depth.active{
	display: block!important;
}
.footer-middle .middle-content .sitemap-wrap .sitemap ul .sitemap-depth li{
	padding:5px 0;
	position: relative;
	font-weight: 300;
}
.footer-middle .middle-content .sitemap-wrap .sitemap ul .sitemap-depth li::before{
	content: "-";
	margin-right: 5px;
}
@media (min-width:1160px) {
	.footer-middle .middle-content .sitemap-wrap{
		flex-wrap: nowrap;
		justify-content: space-between;
		padding: 0;
	}
	.footer-middle .middle-content .sitemap-wrap .line{
		width: 0;
	}
	.footer-middle .middle-content .sitemap-wrap .sitemap{
		width: 25%;
		padding: 30px 0 0;
	}
}
.footer-middle.on{
	border-bottom: 1px solid #5b5c5e;
}
.footer-middle .arrow-area{
	width: 100%;
	text-align: center;
}
.footer-middle button{
	width: 59px;
	height: 18px;
	padding: 0px;
	margin: 0px;
	background: url("/resources/images/icons/btn_sitemap_onoff.png") no-repeat 0 0px;
	background-size: 100%;
	text-indent: -999em;
}
.footer-middle.on .arrow-area button{
	background-position: 0 -18px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.footer-top{
	width: 100%;
	height: 0;
	margin: 0 auto;
	color: #Fff;
}
.footer-top-left li{
	display: inline-block;
}
.footer-top-sm{
	display: block;
	/* text-align: center; */
	margin: 0 auto;
	/* padding: 0 30px; */
	width: 100%;
}
.footer-top-sm li{
	width: auto;
	padding: 10px 10px;
	text-align: center;
	display: inline-block;
	position: relative;
}
.footer-top-sm li:first-child{
	padding-left: 0;
}
.footer-top-sm li:last-child{
	padding-right: 0;
}
.footer-top-sm li:not(:last-child):after{
	position: absolute;
	content: "";
	bottom: 10px;
	right: -4px;
	width: 1px;
	height: 10px;
	background: #919191;
}
.footer-border{
	position: relative;
	padding-right: 8px;
	margin-right: 8px;
}
.footer-border:after{
	position: absolute;
	content: "";
	bottom: 2px;
	right: -4px;
	width: 1px;
	height: 10px;
	background: #919191;
}
.footer-bottom{
	padding-top: 0;
	height:0;
	width: 100%;
	text-align: center;
}
.footer-wrap{
	position: relative;
	margin: 0 auto;
	max-width: 270px;
	width: 100%;
	height: 100%;
	font-size: 11px;
	letter-spacing: -0.83px;
}
.footer-top .footer-wrap{
	display: none;
}
.footer-bottom .footer-wrap > div{
	width: 100%;
	height: auto;
	position: relative;
}

.footer-logo{
    width: 135px;
    height: auto;
}
.copyright {
	position: absolute;
	bottom: -10px;
	text-align: center;
	width: 100%;
	font-size: 9px;
	letter-spacing: 0;
}
.footer-2{
	width: 100%;
}
.footer-2 dl{
	display: none;
}
.sm-footer-2{
	text-align: center;
	font-size: 12px;
	padding-bottom: 30px;
}
.sm-footer-2 > div:nth-child(2){
	line-height: 18px;
	margin-bottom: 15px;
}
.sm-footer-2 > div:last-child{
	color: rgba(255, 255, 255, 0.7);
	line-height: 24px;
	font-weight: 400;
}
.sm-footer-2 > div:last-child span{
	text-decoration: underline;
	margin-left: 7px;
}
.footer-3 {
	display: none;
}


@media (min-width: 1160px) {

	/* 푸터-1160 */
	footer{
		width: 100%;
		height: auto;
	}
	.footer-wrap{
		position: relative;
		margin: 0 auto;
		max-width: 1160px;
		width: 100%;
		height: 100%;
		font-size: 14px;
	}
	.footer-top .footer-wrap{
		display: flex;
		justify-content: space-between;
	}
	.footer-top {
		height: 70px;
		font-size: 12px;
		font-weight: 300;
		width: 100%;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
	}
	.footer-top-left{
		display: flex; justify-content: flex-start;
		flex-wrap: wrap; align-items: center;
	}
	.footer-top-left li{
		margin-right: 10px;
		line-height: 70px;
		color: #a9a9a9;
	}
	.footer-top-right{
		right: 0;
		line-height: 70px;
	}
	.footer-top-right > *{
		display: inline-block;
		margin-left: 10px;
	}

	.footer-bottom{
		height: auto;
		padding-top: 30px;
		text-align: left;
	}
	.footer-bottom .footer-wrap {
		position: relative;
	}
	.footer-bottom .footer-wrap>div {
		padding: 0;
		display: inline-block;
		font-size: 14px;
		height: 100%;
	}
	.footer-1 {
		width:13%!important;
		position: relative;
	}
	.footer-logo{
        display: block;
    	width: 161px;
    	height: 24px;
    	object-fit: cover;
    }
	.copyright {
		position: absolute;
		bottom: -50px;
		left: calc(16% + 10px);
		width: auto;
		text-align: left;
		letter-spacing: 0;
	}
	.footer-2 {
		padding-bottom: 20px;
		padding-left: 40px!important;
		width: 70%!important;
		height: 190px;
	}
	.footer-2 dl{
		display: block;
		width: 100%;
		font-size: 0;
	}
	.footer-2 dt, .footer-2 dd{
		display: inline-block;
		font-size: 12px;
	}
	.footer-2 dt{
		width: 15%;
		color: rgb(145, 145, 145);
		font-size: 13px;
		line-height: 26px;
	}
	.footer-2 dd{
		width: 25%;
		color: rgba(255,255,255,0.7);
		font-size: 13px;
		line-height: 26px;
	}
	.footer-2 dd:nth-child(4n){
		width: 44%;
	}
	.footer-3 {
		float:right;
		width: 16%!important;
		text-align: right;
	}
	.footer-3 img{
		height: 32px;
		margin-bottom: 10px;
	}
}




.dark.active{opacity: 1;transition: opacity 0.5s; z-index:98;}
.dark{position: fixed;
	/* display: none; */
	width: 100%;
	left: 0;
	/* right: 0; */
	top: 0;
	bottom: 0;
	opacity: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index:-1;}
.dropdown-menu > li .depth{
	width: 782px;
	height: 415px;
	position: absolute;
	display: none;
	top: 80px;
	left: -30px;
	/* transform: translatex(-50%); */
	background: #fff;
	z-index: 999999!important;
	border-radius: 0 0 8px 8px;
}
.dropdown-menu > li .depth.active{
	display: block!important;
}
.dropdown-menu > li .depth-sec{
	padding: 0;
	width: 100%;
	height: 100%;
	display: block;
	padding:24px 30px ;
}
.dropdown-menu > li .depth .category-sec{
	text-align: left;
	position: relative;
	width: 100%;
}
.dropdown-menu > li .depth .category-sec a{
	text-align: left;
	line-height: 48px;
	font-size: 16px;
}
.dropdown-menu > li .depth .category-sec.active > a{
	position: relative;
	cursor: pointer;
}
.dropdown-menu > li .depth .category-sec.active > a::after{
	position: absolute;
	content:"";
	background-image: url(/resources/images/small-arrow.png);
	background-size:10px 18px;
	left: 133px;
	top:0px;
	width: 10px!important;
	height: 18px!important;
}
.dropdown-menu > li .depth .category-sec .depth-third{
	position: absolute;
	top: -24px;
	left: 202px;
	display: inline-block;
	width: 235px;
	height: 415px;
	padding: 30px;
	background: rgba(6, 0, 1, 0.15);
	text-align: left;
	z-index: 99999999;
}
.dropdown-menu > li .depth .category-sec .depth-third a{
	line-height: 40px;
	font-size: 16px;
	cursor: pointer;
}
.dropdown-menu .depth .category-sec .category-third.active a{
	font-weight: 600;
	position: relative;
	width: auto;
}
.dropdown-menu .depth .category-sec .category-third.active a::after{
	position: absolute;
	content: "";
	bottom:-1px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.8);
}

.mob-category, .mob-search {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	background: #fff;
	padding: 0;
	text-align: left;
	z-index:100000;
	margin-bottom: -1px;
}
.mob-category .upper,
.mob-search .upper{
	width: 100%;
	font-size: 18px;
	padding: 0 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #e8e8e8;
	height: 51px;
}
.mob-category .upper .title,
.mob-search .upper .title{
	font-size: 15px;
	line-height: 18px;
	font-weight: 500;
	letter-spacing: -0.45px;
}
.mob-category .upper .cate-x img,
.mob-search .upper .cate-x img{
	width: 18px;
	height: 18px;
	object-fit: cover;
}
.mob-category > .category-wrap{
	width: 100%;
	height: auto;
}
.mob-category> .category-wrap > ul{
	width: 100%;
	height: 100%;
	padding: 22px 20px 0;
	position: relative;

}
.mob-category> .category-wrap > ul::after{
	position: absolute;
	content: "";
	top: 0;
	left:0;
	display: inline-block;
	width: 40%!important;
	height: calc(100% + 50px)!important;
	background: #f3f3f3;
	padding: 0;
	z-index: -1!important;
}
.mob-category> .category-wrap > ul > li{
	width: 40%;
	margin-bottom: 23px;
}
.mob-category> .category-wrap > ul > li > a {
    font-size: 15px;
    font-weight: 300;
    color: rgba(112, 112, 112, 1);
}
.mob-category> .category-wrap > ul > .category-sec.active > a{
	font-weight: 500;
	color: #000;
}
.mob-category> .category-wrap > ul > li.active > ul{
	display: block;
}
.mob-category> .category-wrap > ul > li > ul {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: calc(100% - 160px);
    height: 100%;
    overflow-y: auto;
    padding: 24px 25px 0;
    }
.mob-category> .category-wrap > ul > li > ul > li{
	line-height: 1;
	margin-bottom: 21px;
}
.mob-category> .category-wrap > ul > li > ul > li a{
	font-size: 15px;
	font-weight: 400;
}


.lnb {
	position: fixed;
	top: 0;
	left: 0;
	width: calc(100% - 15px);
	max-width: 500px;
	height: calc(100% - 66px);
	background: #fff;
	padding: 0;
	text-align: left;
	z-index:1045;
	margin-left: -1px;
}

.lnb .upper{
	width: 100%;
	padding: 21px 26px 21px 16px;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #e8e8e8;
	height: 65px;
}
.lnb .upper .icons span{
	padding:0 10px;
}
.lnb .upper .icons img{
	width: 20px;
	height: 20px;
	object-fit: cover;
}
.lnb  .upper .lnb-x img{
	width: 18px;
	height: 18px;
	object-fit: cover;
}
.lnb .middle {
    width: 100%;
    height: auto;
    padding: 16px 25px;
    border-bottom: 1px solid #e8e8e8;
}
.lnb .middle div{
	display: inline-block;
	font-size: 14px;
	line-height: 1;
	color: #000;
	font-weight: 400;
	position: relative;
	padding: 0 10px;
}
.lnb .middle div:first-child{
	padding-left: 0;
}
.lnb .middle div:not(:last-child):after{
	position: absolute;
	content: "";
	background: #e0e0e0;
	right: -0.5px;
	width: 1px;
	height: 10px;
	bottom: 1px;
}
.lnb  > .category-wrap{
	width: 100%;
	height: calc(100% - 116px);
}
.lnb > .category-wrap > ul {
    width: 100%;
    height: 100%;
    padding: 27px 25px 0;
    position: relative;
   }
.lnb > .category-wrap > ul::after{
	position: absolute;
	content: "";
	top: 0;
	left:0;
	display: inline-block;
	width: 40%!important;
	height:100%;
	background:#ed174d;
	padding: 0;
	z-index: -1!important;
}
.lnb > .category-wrap > ul > li {
    width: 40%;
    margin-bottom: 30px;
}
.lnb > .category-wrap > ul > li > a{
	font-size: 15px;
	font-weight: 300;
	color: rgba(255, 255, 255, 0.5);
	letter-spacing: -0.03px;
}
.lnb > .category-wrap > ul > li.active > a{
	font-weight: 500;
	color: #fff;
}
.lnb > .category-wrap > ul > li.active > ul{
	display: block;
}
.lnb > .category-wrap > ul > li > ul {
    display: none;
    position: absolute;
    top: 0;
    left: 40%;
    bottom: 0;
    right: 0;
    width: 60%;
    height: 100%;
    overflow-y: auto;
    padding: 0px 20px;}
.lnb > .category-wrap > ul > li > ul > li{
	line-height: 47px;
	margin-bottom: 0px;
	text-align-last: left;
}
.lnb > .category-wrap > ul > li > ul > li .btn{line-height:2}
.lnb > .category-wrap > ul > li > ul > li a {
    font-size: 14px;
    font-weight: 400;
    color: #000;
}
.lnb > .category-wrap > ul > li > ul > li > ul > li >a{
	letter-spacing: -3%;
	font-size: 14px;
	color: rgba(118, 118, 118, 1);
	font-weight: 400;
}
.lnb .collapse-btn{
	width: 100%;
	height: 45px;
	padding: 0;
	vertical-align: middle;
	text-align: left;
}
.lnb .collapse-btn::after {
	position: absolute;
	margin-top: 3px;
	right: 0;
	flex-shrink: 0;
	width: 13px;
	height:13px;
	margin-left: auto;
	content: "";
	background-image: url("/resources/images/icons/menu_minus.png");
	background-repeat: no-repeat;
	background-size: contain;
	transition: transform 0.2s ease-in-out;
}
.lnb .collapse-btn[aria-expanded="true"]::after {
	background-image: url("/resources/images/icons/menu_plus.png");
	transform: rotate(180deg);
}
.lnb > .category-wrap > ul > li > ul > li > ul > li {
    font-size: 14px;
    letter-spacing: -0.48px;
    color: rgba(118, 118, 118, 1);
    height: 36px;
    font-weight: 400;
    line-height: 36px;}
.lnb > .category-wrap > ul > li > ul > li > ul > li::before{
	content: "-";
	left: 0;
	margin-right: 5px;
}




.nav{
	display:flex;
	justify-content: center;
	margin:16px auto;
	padding-top: 16px;
	padding-bottom: 23px;
}

.side-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 59px;
    width: 100%;
    z-index: 1041;
}
.side-menu .side-menu-wrap {
    width: 100%;
    height: 100%;
    background: #fff;
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 25%);
    padding: 10px 0 0;
    color: #505050;
    border-radius: 17px 15px 0 0;
    display: inline-block;
    font-size: 0;
}
.side-menu .side-menu-wrap > div{
	width: 20%;
	display: inline-block;
	text-align: center;
	font-size: 8px;
	padding: 0;
}
.side-menu .side-menu-wrap > div img{
	width: 24px;
	height: 24px;
	margin-bottom: 3px;
	object-fit: contain;
}
.side-menu .side-menu-wrap .home img{
	width: 48px;
	height: 48px;
	margin-top: -5px;
}
.detail-body section:last-child{
	margin-bottom: 0!important;
}
@media (min-width:1160px) {
	.detail-body.no-banner .side-menu{
		padding: 100px 0;
	}
	.detail-body section:last-child{
		margin-bottom: 120px!important;
	}
	/* section.no-banner-section{
		margin-top: -540px!important;
	} */
	.side-menu{
		display: none;

	}


}

/* 간���상담/전화상담 모달 */
.body-top{
	padding-bottom: 20px;
}
.body-top p{
	font-size: 13px;
}
.body-top p.text-main{
	font-size: 11px;
	font-weight: 300;
	white-space: pre-line;
	margin-top: 10px;
	line-height: 1.3;
}
.body-bottom .bg-gray{
	padding: 10px 12px;
}
.body-bottom >div >div:first-child .list-group-item{
	padding:0 3px 0 0!important;
}
.body-bottom >div >div:nth-child(2) .list-group-item{
	padding:0 0 0 3px!important;
}
.bg-gray input{
	height: 35px;
}
.body-bottom .terms{
	width: 100%;
	padding: 12px 0 15px 0;
}
.body-bottom .collapse-btn{
	width: 15px;
	height: 15px;
}
.body-bottom .form-check-input{
	width: 13px;
	height: 13px;
	margin-left: -18px;
}
.body-bottom .form-check{
	padding-left: 20px;
	margin-bottom: 4px;
}
.body-bottom .collapse-btn::after {
	position: absolute;
	margin-top: -8px;
	right: 0;
	flex-shrink: 0;
	width: 9px;
	height: 6px;
	margin-left: auto;
	content: "";
	background-image: url("/resources/images/icons/collapse-arrow.png");
	background-repeat: no-repeat;
	background-size: 9px;
	transition: transform 0.2s ease-in-out;
}
.body-bottom .collapse-btn[aria-expanded="true"]::after {
	background-image: url("/resources/images/icons/collapse-arrow.png");
	transform: rotate(180deg);
}
.body-bottom .form-check-label{
	font-size: 11px;
	line-height: 1.2;
}
.body-bottom .card.card-body{
	width: 100%;
	height: 80px;
	overflow-y: auto;
	padding:9px;
	border: solid 1px #d2d2d2;
	margin-bottom: 10px;
	font-size: 11px;
	white-space:pre-line;
}
.modal-body .btn.btn-main{
	padding: 14px 21px;
	font-size: 13px;
}
.border-bottom-black{border-bottom: 1px solid #000;}

.modal-options{
	width: 100%;
	padding-top: 15px;
	position: relative;
}
.modal-options::after{
	position: absolute;
	content: "";
	height: 1px;
	background: #e0e0e0;
	width: calc(100% + 24px);
	top: 0;
	left: -12px;
}
.modal-options dt{
	font-size: 11px;
	color: #767676;
	margin-bottom: 6px;
	font-weight: 300;
}
.modal-options dd{
	font-size: 11px;
	color: #000;
	margin-bottom: 6px;
	font-weight: 300;
}
.body-bottom .marketing{
	padding-left: 20px;
}
.body-bottom .marketing .form-check{
	display: inline-block;
	margin: 0 5px 0;
	padding-top: 5px;
}
.body-bottom .marketing span{
	font-size: 14px;
}
#tel-product .body-bottom .list-content{
	padding: 4px 0 10px;
}
@media (min-width: 1160px) {
	.body-bottom .marketing{
		padding-left: 30px;
		padding-bottom: 10px;
	}
	.body-bottom .marketing span{
		font-size: 16px;
	}
	#tel-product .body-bottom .list-content{
		padding: 4px 0 23px;
	}
	.body-top{
		padding-bottom: 28px;
	}
	.body-top p{
		font-size: 18px;
	}
	.body-top p.text-main{
		font-size: 14px;
		font-weight: 100;
		white-space: normal;
		margin-top: 8px;
		line-height: 1.3;
	}
	.body-bottom .form-check-input{
		width: 18px;
		height: 18px;
		margin-left: -27px;
	}
	.body-bottom .form-check{
		padding-left: 27px;
		margin-bottom: 8px;
	}
	.bg-gray input{
		height: 50px;
	}
	.body-bottom .terms{
		width: 100%;
		padding: 23px 0 30px 0;
	}
	.border-bottom-black{border-bottom: 2px solid #000;}
	.body-bottom .bg-gray{
		padding: 25px 21px 22px;
	}
	.body-bottom >div >div:first-child .list-group-item{
		padding:0 6px 0 0;
	}
	.body-bottom >div >div:last-child .list-group-item{
		padding:0 0 0 6px;
	}
	.modal-body .btn.btn-main{
		padding: 20px 61px;
		font-size: 18px;
	}

	.body-bottom .form-check-label{
		font-size: 14px;
		line-height: 1.2;
	}
	.body-bottom .card.card-body{
		width: 100%;
		height: 100px;
		font-size: 13px;
		padding:13px 15px;
		border: solid 1px #d2d2d2;
		margin-bottom: 10px;
	}

	.modal-options{
		width: 100%;
		padding-top: 20px;
		position: relative;
	}
	.modal-options::after{
		position: absolute;
		content: "";
		height: 1px;
		background: #e0e0e0;
		width: calc(100% + 46px);
		top: 0;
		left: -23px;
	}
	.modal-options dt{
		font-size: 15px;
		color: #000;
		margin-bottom: 15px;
		font-weight: 400;
	}
	.modal-options dd{
		font-size: 15px;
		color: #000;
		margin-bottom: 15px;
		font-weight: 300;
	}
}

/* 검색 모달 */
.modal-dialog{
	position: relative;
}
.modal-dialog-centered{
	flex-direction: column;
	justify-content: center;
}
.white-close{
	position: relative;
	float: 1;
	width: 100%;
	height: 20px;
	margin-bottom: 8px;
	text-align: right;
	opacity: 1;
	z-index: 10;
}
.input-group-prepend{
	flex: 6;
}
.white-close .btn-close{
	width: 24px;
	height: 24px;
	background: transparent url("/resources/images/icons/btn-white.png") center/ auto no-repeat;
	background-size: contain;
}
.form-control-line{
	border-width: 0;
	padding: 0;
	background-color: transparent;
}
.input-group-text img{
	width: 24px;
	height: 24px;
	object-fit: contain;
}
.mob-search .modal-body .upper, .mob-search .modal-body .bottom{
	padding:20px;
}
.mob-search .modal-body{
	padding:0;
}
input{
	font-size: 15px;
}
.input-group{
	border-bottom: 1px solid #fff;
}
.recent-search{
	padding-top: 20px;
}
.recent-search .search-up .btn-text {
	font-size: 12px;
	vertical-align: middle;
	padding: 10px 0;

}
.recent-search .search-up .btn-text img{
	height: 12px;
	object-fit: cover;
}
.recent-search strong{
	font-size: 15px;
	font-weight: 500;
	color: #fff;
}
.recent-search ul {
	width: auto;
	display: flex;
	justify-content: start;
	flex-wrap: nowrap;
	padding:8px 0;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.recent-search ul li {
	padding-right: 5px;
	box-sizing: border-box;
	cursor: pointer;
	position: relative;
	margin: 2px 0;
}

.recent-search ul li a {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
	white-space: nowrap;
	width:auto;
	height: 30px;
	padding: 0 17px 0 10px;
	font-size: 13px;
	letter-spacing:-0.3px;
	color: #000;
	background: #fff;
	border: 0.5px solid #dedede;
	cursor: pointer;
/* 	border-radius: 50px; */
}
.recent-search ul > li > a button{
	width: 15px;
	height: 20px;
	object-fit: contain;
	text-align: right;
}
.recent-search ul > li > a button img{
	width: 7px;
	height: 7px;
	margin-top:0;
}
.bottom strong{
	font-size: 14px;
	letter-spacing: -0.7px;
}
.bottom .hot-search > ul{
	padding: 16px 0 0;
}
.bottom .hot-search > ul li{
	width: 100%;
	height: 21px;
	line-height: 21px;
	margin-bottom: 15px;
}
.bottom .hot-search > ul li:last-child{
	margin-bottom: 0;
}
.bottom .hot-search > ul a{
	font-size: 13px;
	font-weight: 300;
	letter-spacing: -0.33px;
	color: #000;
}
.bottom .hot-search > ul span{
	display: inline-block;
	width: 20px;
	height: 20px!important;
	line-height: 20px!important;
	padding: 0;
	font-size: 8px;
	text-align: center;
	background-color: #000;
	color: #fff;
	border-radius: 50%;
	margin-right: 10px;
}

.upper .recent-search ul > li.all a{
	color: #fff;
	background: #000;
	border: 1px solid #000;
	border-radius: 0;
}

@media (min-width:1160px) {
	.modal-body .upper, .modal-body .bottom{
		padding:30px 61px 40px;
	}
	.input-group-prepend{
		flex: 10;
	}
	input{
		font-size: 24px;
	}
	.bottom strong{
		font-size: 18px;
		letter-spacing: -0.45px;
	}
	.bottom .hot-search > ul{
		padding: 20px 0 0;
	}
	.bottom .hot-search > ul li{
		height: 24px;
		line-height: 24px;
		margin-bottom: 6px;
	}
	.bottom .hot-search > ul a{
		font-size: 16px;
		font-weight: 400;
		letter-spacing: -0.4px;

	}
	.bottom .hot-search > ul span{
		width: 24px;
		height: 24px!important;
		line-height: 24px!important;
		padding: 0;
		font-size: 12px;
	}
	.bottom .col-lg-3{
		width: 178px;
		height: 100%;
		border-right: 1px solid #dedede;
	}
	.bottom .col-lg-9{
		flex: 1;
		width: auto;
		height: 100%!important;
		padding-left: 31px;
	}
	.bottom .recent-search ul {
		width: auto;
		display: flex;
		justify-content: start;
		flex-wrap: wrap;
		padding:17px 0;
		width: 100%;
		overflow-x: unset;
		height: 100%;
	}
	.bottom .recent-search ul li {
		padding-right: 6px;
		box-sizing: border-box;
		cursor: pointer;
		position: relative;
		margin: 3px 0;
	}

	.bottom .recent-search ul li a {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		flex-wrap: nowrap;
		white-space: nowrap;
		width:auto;
		height: 30px;
		font-weight: 300;
		padding: 10px 30px 10px 14px;
		font-size: 14px;
		letter-spacing:-0.3px;
		color: #000;
		background: #fff;
		border: 1px solid #dedede;
		border-radius: 0;
		cursor: pointer;
	}
	.bottom .recent-search ul > li > a button{
		width: 15px;
		height: 20px;
		object-fit: contain;
		text-align: right;
		margin-left: 5px;
	}
	.bottom .recent-search ul > li > a button img{
		width: 9px;
		height: 9px;
		margin-top: 3px;
	}
	.bottom .recent-search ul > li > img{
		width: 9px;
		height: 9px;
		margin-top: -20px;
	}
	.bottom .recent-search ul > li.all a{
		color: #fff;
		background: #000;
		border: 1px solid #000;
		border-radius: 0;
	}
	.bottom .recent-search ul > li.all a::before{
		content:"✕";
		font-size: 12px;
		margin-right: 5px;
	}
	.bottom .recent-search ul > li.all a img{
		width: 9px;
		height: 9px;
		object-fit: cover;
	}
}


/* 테이블 페이지네이션 */

.table-pagination {
	display: flex;
	padding-left: 0;
	list-style: none;
	align-items: center;
	justify-content: center;
}
.table-pagination .page-item{
	margin: 0 5px;
}
.table-pagination .page-item .page-link {
	color: #000;
	background-color: transparent;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	padding: 0;
	text-align: center;
	font-size: 14px;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
	.table-pagination .page-link {
		transition: none;
	}
}
.table-pagination .page-item.prev-next .page-link{
	background: #fff;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	line-height: 1.6;
	padding: 0;
	text-align: center;
	border: 1px solid #e8e8e8;
	font-size: 20px;
	/* margin-right: 20px; */
}

/* .page-item:not(:first-child) .page-link {
margin-left: -1px;
} */
.page-item.active .page-link {
	z-index: 3;
	color: #fff;
	background-color: #ed1740;
	border-color: #ed1740;
}
.table-pagination .page-item.disabled .page-link {
	color: #6c757d;
	pointer-events: none;
	background-color: #fff;
	border-color: #dee2e6;
}
.table-pagination .page-item:not(.active) .page-link:hover {
	z-index: 2;
	color: #ed1740;
	background-color: #e8e8e8;
	border-color: #e8e8e8;
}
.table-pagination .page-link:focus {
	z-index: 3;
	color: #ed1740;
	background-color: #e9ecef;
	outline: 0;
	/* box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); */
}


#myBtn-mob {
    position: fixed;
    right: 15px;
    bottom: 80px;
    width: 48px;
    height: 48px;
	text-indent: -99999px;
    letter-spacing: 0;
    line-height: 1;
    padding-top: 13px;
    background: #fff;
	border: 1px solid #e0e0e0;
    white-space: nowrap;
    box-shadow: 3px 3px 3px rgb(0 0 0 / 10%);
    color: #000;
    border-radius: 50%;
    z-index: 1000;
    background-image: url(/resources/images/icons/gototop.png);
    background-size: 15px 9px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
@media (min-width:1160px) {
	#myBtn-mob {
    /* display: none!important; */
    width: 72px;
    height: 72px;
	font-size: 16px;
	text-indent: 0;
	font-weight: 500;
    background-size: 10.08px auto;
	background-position: 50% 18.72px;
	letter-spacing: -0.48px;
	border: 1px solid rgb(229, 229, 229);
    bottom: 130px;
    right: calc(50% - 676px);
	box-shadow: 3.214px 3.83px 13px 0px rgb(0 0 0 / 4%);
}

}



.select2-container--default .select2-results__option[aria-selected=true]{
	background: #000;
	color: #fff;
}
@media (min-width:1160px) {
	.select2-container--default .select2-results__option[aria-selected=true]{
		color: #000;
		background:  #fff;
	}
}





#sticky-counsel {position:fixed; bottom:0; left:0; right:0; border-top:1px solid #f594a2; border-bottom:1px solid #f594a2; z-index:1000;}

/* sticky counsel */
#sticky-counsel.counsel { box-sizing: content-box; padding: 19px 0; border: 0; background-color: #ed174d; overflow: hidden; text-align: center; }
#sticky-counsel.counsel::after { display: table; clear: both; overflow: hidden; }
#sticky-counsel.counsel .wrap {
	text-align: left;
	margin: 0 auto; width: 880px; height: 42px; color: #fff; line-height: 1; }
#sticky-counsel.counsel .subjects { width: 36%; }
#sticky-counsel.counsel .grid{box-sizing: border-box;
    clear: both; width: 100%; text-align: center;}

.grid > [class*=col] {
    box-sizing: border-box;
    float: left;
}
#sticky-counsel.counsel .fields { position: relative; width: 44.6%; }
#sticky-counsel.counsel .links { float: right; width: 17.5%; text-align: right; }
#sticky-counsel.counsel .inline { box-sizing: content-box; display: inline-block; vertical-align: middle; padding: 0; height: 42px; line-height: 42px;  font-size: 14px; border: 0; }
#sticky-counsel.counsel .subject { margin-right: 5px; font-size: 18px; font-weight: 400; }
#sticky-counsel.counsel .tel { font-size: 28px; font-weight: 700; font-family:'Roboto'; }
#sticky-counsel.counsel .field-contact { width: 100%; text-indent: 32px; border-radius: 42px; font-size: 16px; font-weight: 400; letter-spacing: 0.05em; }
#sticky-counsel.counsel input{ background-color: #fff; -webkit-appearance: none;    box-shadow: none;}
#sticky-counsel.counsel .field-contact { box-sizing: content-box; padding-bottom: 2px; height: 40px;  }
#sticky-counsel.counsel .field-contact::placeholder { margin-top: -1px; font-size: 15px; color: #000; line-height: 40px; letter-spacing: 0; }
#sticky-counsel.counsel .btn-contact {
	letter-spacing: 0.07em; box-sizing: content-box; position: absolute; top: 0; right: 0; width: 150px; margin: 3px; background-color: #000;
	font-size: 13px; font-weight: bold; color: #fff; text-align: center;
	border-radius: 34px;
	height: 34px; line-height: 32px;
	transition: all .1s ease-in-out 0s;

}
#sticky-counsel.counsel .btn-contact { border: solid 1px #000;cursor: pointer; }
#sticky-counsel.counsel .btn-contact:hover { background-color: #4a4c58; border-color: #636075; }
#sticky-counsel.counsel .link-chat { box-sizing: content-box; background-color: #000; width: 150px; border-radius: 42px; overflow: hidden; text-align: left; letter-spacing: -0.01em; }
#sticky-counsel.counsel .link-chat { height: 40px; line-height: 40px; border: solid 1px #000; transition: all .1s ease-in-out 0s; }
#sticky-counsel.counsel .link-chat .inline { height: 40px; line-height: 40px; }
#sticky-counsel.counsel .link-chat:hover { background-color: #4a4c58; border-color: #636075; }
#sticky-counsel.counsel .link-chat .icon {
	display: inline-block;
	vertical-align: top;
	margin: 0 10px 0 18px; width: 28px; height: 40px;
	background-image: url('/resources/images/icons/ico_sticky_chat_42.png');
	background-size: 28px 42px;
	background-position: 1px -1px;
}
#sticky-counsel.counsel .link-chat strong {
	margin-top: -0.5px;
	letter-spacing: 0.07em;
	font-size: 13px; font-weight: bold; vertical-align: top;
}

.mob-search .modal-body .upper, .mob-search .modal-body .bottom{
	padding:20px;
}
.mob-search .modal-body{
	padding:0;
}

.lnb > .category-wrap .lnb-li-title{
	border-bottom:1px solid rgba(235, 235, 235, 1);
	position: relative;
	vertical-align: middle;
}
.lnb > .category-wrap .lnb-li-title a {
   display: block;
    width: 100%;
    height: 57px;
    line-height: 57px;
    font-weight: 500;
}
.lnb > .category-wrap .lnb-li-title::after{
	background-image: url(/resources/images/icons/lnb-li-title.png);
	background-repeat: no-repeat;
    background-size: contain;
	content: "";
	width: 7px;
	transform: translateY(-50%);
	height: 12px;
	position: absolute;
	z-index: 3;
	right: 0;
	top: 54%;
	flex-shrink: 0;
}
 .lnb .collapse-btn::after {
	position: absolute;
	margin-top: 3px;
	right: 0;
	flex-shrink: 0;
	width: 13px;
	height:13px;
	margin-left: auto;
	content: "";
	background-image: url("/resources/images/icons/menu_plus.png");
	background-repeat: no-repeat;
	background-size: contain;
	transition: transform 0.2s ease-in-out;
}
.lnb .collapse-btn[aria-expanded="true"]::after {
	background-image: url("/resources/images/icons/menu_minus.png");
	transform: rotate(180deg);
}

/* 네비바변경 */


.ico{    display: inline-block;
    width: 20px;
    height: 20px;
    text-indent: 110%;
    white-space: nowrap;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;}

#gnb {display:inline-block; padding:0 0 0 13px; color:#000; margin-left: 0;
	height: 100%;
	flex-wrap: nowrap;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
}

#gnb::-webkit-scrollbar{
		display: none;
}

#gnb>ul>li {
	display: table-cell;
	height: 55px;
	margin-left: 3px;
	padding: 0 12px;
	vertical-align: middle;
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
#gnb>ul>li:first-child {margin-left:0;}
#gnb>ul>li>a {display:inline-block; padding:5px 0; font-weight:400; font-size:14px; border-bottom:1px solid transparent;}
#gnb>ul>li>a:focus, #gnb>ul>li>a:hover, #gnb>ul>li.on>a, #gnb>ul>li.active>a {color:#ed174d; /* border-color:#ed174d; */}
#gnb>ul>li.helloshop{display: none; padding: 0;}
#gnb>ul>li.helloshop span.top-text{
	padding: 3px 12px;
	font-size: 14px;
	font-weight: 400;
	color: #555;
	vertical-align: middle;
	line-height: 24px;}
@media (min-width:1160px) {
		#gnb { margin-left:284px;
		width: 735px;
		overflow-x: none;
		flex-wrap: wrap;
		padding: 0;
	}
	#gnb>ul>li { height:90px;  padding:0 15px; margin-left: 5px; }
	#gnb>ul>li>a { font-size:17px;font-weight: 500;  }
	#gnb>ul>li.helloshop{display: table-cell; float: right;margin-top:-90px ; line-height: 75px;}
	#gnb>ul>li.helloshop.second{margin-right: 80px;}
}
#gnb>ul>li.has-no-child >a:focus,
#gnb>ul>li.has-no-child >a:active { color: #000; }
#gnb>ul>li.has-no-child >a:hover { color: #ed174d; }
/* .lnb-area {display: none;position:absolute;top: 333px; text-align: center;left:0;right:0;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;text-align:left;background:#fff;z-index:1000;} */
.lnb-area.active {z-index:1100;}
.lnb-area>.fix-width {position:relative; min-height:280px; padding:35px 0 5px 236px; overflow:hidden;}
.lnb-area>.fix-width:before {display:block; position:absolute; content:''; left:236px; top:0; bottom:0; width:1px; background-color:#e8e8e8;}
.menu-info {position:absolute; left:0; top:0; padding:35px 0; width:236px; line-height:28px;}
.menu-info .title {display:inline-block; margin-bottom:25px; font-weight:500; font-size:20px;}
.menu-info .title:after {display:inline-block; content:''; width:16px; height:16px; margin:-3px 0 0 10px; vertical-align:middle; background:url(/resources/images/icons/gnb-arrow.png) no-repeat center/contain;}
.menu-info .desc {line-height:28px;}
.lnb-menus {min-height:150px; padding-left:63px; line-height:30px; overflow:hidden;}
.lnb-menus>li {float:left; width:20%; margin-bottom:30px;}
.lnb-menus>li:nth-child(5n+1)  {clear:both;}
.lnb-menus>li:nth-child(n+6) { margin-top: 44px;}
.lnb-menus>li>a {font-weight:500;}
.lnb-menus>li>ul {margin-top:2px; color:#555555; font-size:14px;}
.lnb-menus a:focus, .lnb-menus a:hover {color:#ed174d !important; border-bottom:1px solid #ed174d !important;}
.recommend-product {margin:10px 0 40px 65px; overflow:hidden;}
.recommend-product dd {position:relative; float:left; width:420px; height:120px;}
.recommend-product dd+dd {float:right;}
.recommend-product dd img {width:100%; height:100%;}

.menu-event-image{position:absolute; left:0; bottom:0; padding:30px 37px 29px 0; width:236px;}
.menu-event-image span{font-size: 14px; line-height: 28px;}
.gnb-event-image{display: block; overflow: hidden; width: 200px;height:130px; border-radius: 10px; }
.gnb-event-image img{width:100%; height:100%; object-fit:cover;}


/* launcher */
#launcher { display: none; position: relative; line-height: 1; align-items: center; min-width: 145px;}


#launcher::after { display: table; overflow: hidden; }
#launcher ul { float: right; margin:0; padding: 0; list-style: none; }
#launcher li { float: left; margin: 0; padding: 0;}
#launcher a { display: inline-block; padding: 3px 7px; font-size: 14px; font-weight: 400; color: #555; vertical-align: middle;line-height: 24px;  }
#launcher a span { display: inline-block; box-sizing: content-box; position: relative;  padding:  0; vertical-align: top; }
#launcher li a:hover { color:  #000; }
/* #launcher li.in a, #launcher li.in a span { font-weight: 400; color: #000; } */
/* #launcher li.in span::before { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; letter-spacing: -1px; overflow: hidden; background-color: #0a0a0a; } */
#launcher li.nth-child-2 span,
#launcher li.nth-child-3 span{
	width: 24px;height: 24px;content: ""; text-indent:-9999px; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; margin: 0;padding: 0;}
#launcher li.nth-child-2 span{background-image: url(/resources/images/icons/lnb_my.png);}
#launcher li.nth-child-2:hover span{background-image: url(/resources/images/icons/lnb_my_pink.png);}
#launcher li.nth-child-3 span{background-image: url(/resources/images/icons/lnb_heart.png);}
#launcher li.nth-child-3:hover span{background-image: url(/resources/images/icons/lnb_heart_pink.png);}

.mob-cate-search .input-group-text img{width: 27px;height: 27px;object-fit: cover;}
.mob-cate-search{padding: 18px 20px 23px; border-bottom: 1px solid #E9E9E9;}
.mob-cate-search .input-group{border-bottom:1px solid var(--main-color);}
.mob-cate-search .input-group-text{padding: 3px 0;}
.mob-cate-search input[type="search"]::-webkit-search-decoration,
.mob-cate-search input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
	cursor: pointer;
	width: 12px;
	height: 12px;
	padding: 4px;
	background: url('/resources/images/icons/input-search.png') no-repeat 0px center;
	background-size: contain;
	position: relative;
}
.mob-search .list-group-item{padding: 0 20px;}
.mob-search .modal-body{background:	rgba(107, 107, 107, 1);}


/* 폭 수정 */
.lnb-menus { min-height: 47px; }
.lnb-menus>li { margin-bottom: 10px; }
.fix-width { margin: 0 auto; text-align: left; }
.lnb-area>.fix-width { padding-bottom: 35px;  }
.recommend-product { margin-top: 30px; margin-bottom: 10px; }


#gnb.gnb-biz {height:90px; text-align:center;}
#gnb.gnb-biz .bg-gnb {display:none; position:absolute; left:0; right:0; top:129px; height:150px; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; background-color:#fff; z-index:900;}
#gnb.gnb-biz>ul {display:inline-block; position:relative; z-index:1000;}
#gnb.gnb-biz>ul>li {position:relative; padding:0 30px; vertical-align:top;}
#gnb.gnb-biz>ul>li>a {border:0; line-height:78px;}
#gnb.gnb-biz>ul>li>ul {display:none; position:absolute; top:120px; text-align:left; transition:0.3s;}
#gnb.gnb-biz>ul>li>ul>li {font-size:16px; line-height:36px; white-space:nowrap;}
#gnb.gnb-biz>ul>li>ul>li>a:hover, #gnb.gnb-biz>ul>li>ul>li>a:focus {border-bottom:1px solid #ed174d; color:#ed174d;}

/* 사이트맵 */
#sitemap {display:none; position:absolute; left:0; right:0; top:90px; border-bottom:1px solid #e8e8e8; text-align:left; background-color:#fff; z-index:1500;}
#btn-sitemap-close { background-color: #fff; display:none; margin-left:556px; top:-56px; right: calc(50% - 580px); width: 24px;height: 24px; background-image:url(/resources/images/icons/toggle_pink.png);}
#sitemap.opened #btn-sitemap-close {display:block; }
#sitemap a:focus, #sitemap a:hover {color:#ed174d !important;}
#sitemap ul ul a:focus, #sitemap ul ul a:hover {border-bottom:1px solid #ed174d !important;}
#sitemap>ul {display:none; padding-right:20px; overflow:hidden;}
#sitemap>ul>li {position:relative; padding:30px 0; border-top:1px solid #e8e8e8; overflow:hidden;}
#sitemap>ul>li.on {height:auto;}
#sitemap>ul>li:first-child {border-top:0;}
#sitemap>ul>li>a {display:block; float:left; height:30px; font-weight:500; font-size:20px; line-height:36px;}
#sitemap>ul>li>ul {float:right; width:80%; line-height:24px; overflow:hidden;}
#sitemap>ul>li>ul>li {float:left; width:25%; margin-bottom:30px; padding:3px 10px 0 0;}
#sitemap>ul>li>ul>li:nth-child(4n+1) {clear:both;}
#sitemap>ul>li>ul>li>a {font-weight:500;}
#sitemap>ul>li>ul>li>ul {color:#767676; font-size:14px; margin-top:3px;}
#sitemap>ul>li>ul>li>ul>li {padding:3px 0;}
#sitemap .btn-open, #sitemap .menu-btn-close {position:absolute; right:0; top:0; padding:0 26px; height:96px; line-height:96px; text-align:right; background-color:#fff; background-size: contain; background-position: 50% 50%;}
#sitemap>ul>li>.btn-open .ico {width:21px; height:21px; background-image:url(/resources/images/icons/menu_plus.png);}
#sitemap>ul>li>.menu-btn-close {display:none;}
#sitemap>ul>li.on>.menu-btn-close {display:block;}
#sitemap>ul>li.on>.menu-btn-close .ico {background-image:url(/resources/images/icons/menu_minus.png); background-size:contain; background-position:center 20%;}



@media (min-width:1160px) {
	#launcher { display: flex;
	}
	/* #btn-search-open,#btn-sitemap-open {display: block;} */
	.fix-width { width: 1160px;}
	.lnb-area>.fix-width {  width: 1160px;}
}

#global-search .recent-search {padding-top: 0;}
#global-search .recent-search .recent-no{text-align: center; width: 100%; min-height: 170px; text-align: center; line-height: 170px;  font-size: 14px; color: #fff; font-weight: 300;}

#text-field-container{ width: calc(100% - 40px);}
#search-clear{display:none;}


.main-banner-mob .swiper-wrapper{height:auto; max-height: min-content;}

.lnb-menus>li>ul>li>a, #sitemap>ul>li>ul>li>ul>li>a {font-weight: 300; color: #000; font-size: 14px;}

#gnb>ul>li:first-child{display:none;}
@media (min-width: 1160px) {
#gnb>ul>li:first-child{display:table-cell;}
}

/* 최근 검색어 x 버튼*/
.x-button {
	position: absolute;
	right: 8.5px;
	top: 10.5px;
	width: 10px;

}

@media (min-width:1160px) {
	.x-button {
		position: absolute;
		right: 15px;
		top: 30px;
	}
}
.more-product{margin-bottom: 100px;}

/* 로그인 화면 */
.login-main {
    margin-top: -90px;
    background: url(/publ/resources/images/sample/bg-mall-login-mo.png) no-repeat #fff center center / cover;
    padding: 80px 25px 0;
    height: 100vh;
    position: relative;
}

.login-main::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
    z-index: 0
}

.login-main .inner-wrap {
    position: relative;
    z-index: 1
}

.login-main h1 {
    font-size: 26px;
    font-weight: 300;
    line-height: 38px;
    letter-spacing: -0.6px;
    color: #fff;
    margin-bottom: 20px
}

.login-main h1 b {
    font-weight: 700
}

.login-main p {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.6px;
    margin-bottom: 14px;
    color: #fff
}

.login-main .input-wrap input {
    display: block;
    width: 100%;
    height: auto;
    padding: 14px;
    border-radius: 8px;
    opacity: 0.8;
    background: #fff;
    margin-bottom: 12px;
    font-size: 14px
}

.login-main .input-wrap input::placeholder {
    color: rgba(118, 118, 118, 1)
}

.login-main .login-form-wrap button {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    width: 100%;
    padding: 14px;
    background: rgba(165, 0, 52, 1);
    border-style: none;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3);
}

.login-main .login-form-wrap button span {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.6px;
    color: #fff;
}

.login-main .float-logo {
    position: fixed;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
}

.login-main .float-logo img {
    display: block;
    width: 100%;
    max-width: max-content
}

@media screen and (min-width: 1160px) {
    .login-main {
        background:url(/publ/resources/images/sample/bg-mall-login-pc.png)no-repeat center center / cover;
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
        padding: 0;
    }

    .login-main::before {
        width: 620px;
        z-index: 1
    }

    /* .login-main::after{content:"";display:block;position:fixed;top:0;right:0;width:620px;height:100vh;
		background: rgb(255,255,255);
		background: -moz-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
		background: -webkit-linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
		background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
		z-index:0;
	} */
    .login-main .inner-wrap {
        width: 620px;
        z-index: 2;
        height: 100vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0 110px;
    }

    .login-main h1 {
        font-size: 36px;
        font-weight: 500;
        line-height: 53px;
        margin-bottom: 34px;
        width: 100%
    }

    .login-main p {
        font-size: 20px;
        line-height: 30px;
        width: 100%
    }

    .login-main .login-form-wrap {
        width: 100%;
        font-size: 18px
    }

    .login-main .input-wrap input {
        border: 1px solid rgba(219, 219, 219, 1);
        padding: 14px 18px;
        line-height: 26.64px
    }

    .login-main .login-form-wrap button span {
        font-size: 18px
    }

    .login-main .float-logo {
        width: 202.5px;
        top: 35px;
        left: 40px;
        transform: unset
    }
}

/*swiper 버튼 끝에 갔을 때 뒤에 있는 상품이 클릭 되는거 방지*/
.swiper-button-prev{z-index: 100; pointer-events: auto!important;}
.swiper-button-next{z-index: 100; pointer-events: auto!important;}