@charset "utf-8";
@import url('/css/fonts/pretendard.css');

html, body {display: block;margin: 0;padding: 0 !important;height: 100%;min-width: 330px;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
ul {margin: 0;padding: 0;list-style: none}
ul > li {margin: 0;padding: 0}
input, textarea {font-size:16px}
button {cursor: pointer;}
a > i,
button > i {margin-right: 5px}
html {scroll-behavior: smooth;}

html, body {
	/* ✅ 스크롤은 되지만 스크롤바는 안 보이게 */
	scrollbar-width: none !important;          /* Firefox */
	-ms-overflow-style: none !important;       /* IE, Edge */
}
html::-webkit-scrollbar, body::-webkit-scrollbar {
	display: none !important; /* Chrome, Safari, iOS, Android */
}

* {
	/* font-family: 'Pretendard', 'Malgun Gothic', dotum, sans-serif !important; */
	/* 모바일 기기에서도 잘 적용되는 폰트 설정 */
	font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', sans-serif;
	font-size: 14px;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

/* Chrome, Safari, Edge - input[type='number'] 화살표 안보이게 처리 */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox - input[type='number'] 화살표 안보이게 처리 */
input[type="number"] {
  -moz-appearance: textfield;
}

input[type="submit"] {cursor: pointer;}

a {
	color: #333 !important;
	text-decoration: none;
}
a:hover,
a:focus,
a:active {color: #777}

:root {
	/*--max-width-size: 1520px;*/
	--max-width-size: 1440px;
	--font-color-sty01: #999;
	--font-color-sty02: #333;
	--font-color-sty03: #fff;
	--font-color-sty04: #f5200f;
	--font-color-sty05: #666;
	--font-color-sty06: #0f18f5;
	--font-size-sty01: .9rem;
	--font-size-sty02: 1rem;
	--font-size-sty03: 1.3rem;
	--font-size-sty04: 1.5rem;
	--font-size-sty05: 1.7rem;
}

.fs001 {font-size: var(--font-size-sty01) !important;}
.fs002 {font-size: var(--font-size-sty02) !important;}
.fs003 {font-size: var(--font-size-sty03) !important;}
.fs004 {font-size: var(--font-size-sty04) !important;}
.fs005 {font-size: var(--font-size-sty05) !important;}

.fc001 {color: var(--font-color-sty01) !important;}
.fc002 {color: var(--font-color-sty02) !important;}
.fc003 {color: var(--font-color-sty03) !important;}
.fc004 {color: var(--font-color-sty04) !important;}
.fc005 {color: var(--font-color-sty05) !important;}

.fw100 {font-weight: 100 !important;}
.fw200 {font-weight: 200 !important;}
.fw300 {font-weight: 300 !important;}
.fw400 {font-weight: 400 !important;}
.fw500 {font-weight: 500 !important;}
.fw600 {font-weight: 600 !important;}
.fw700 {font-weight: 700 !important;}
.fw800 {font-weight: 800 !important;}
.fw900 {font-weight: 900 !important;}

.divTopLine10 {display: block;margin: 0 0 0px;padding: 0;border-top: 1px solid #e6e6e6}
.divPadding10 {display: block;margin: 0 0 0px;padding: 0;height: 10px;}
.divPadding30 {display: block;margin: 0 0 0px;padding: 0;height: 30px;}
.divPadding50 {display: block;margin: 0 0 0px;padding: 0;height: 50px;}
.divPadding70 {display: block;margin: 0 0 0px;padding: 0;height: 70px;}
.divPadding90 {display: block;margin: 0 0 0px;padding: 0;height: 90px;}

.per100 {width: 100% !important;}

.e-btn {
	color: var(--font-color-sty02);
	border: 1px solid #ccc;
	border-radius: 5px;
	background-color: #fff;
	padding: 7px 13px;
	white-space: nowrap;
	display: inline-block;
}
.e-btn:hover,
.e-btn:focus,
.e-btn:active {border: 1px solid #777 !important;}

.btn-sty01 {border: 1px solid #ccc !important;color: #333 !important;background-color: #fff !important}
.btn-sty02 {border: 1px solid #2e86e1 !important;color: #fff !important;background-color: #2e86e1 !important}
.btn-sty03 {border: 1px solid #e46394 !important;color: #fff !important;background-color: #e46394 !important}
.btn-sty04 {border: 1px solid #333 !important;color: #fff !important;background-color: #333 !important}

.btn-l {padding: 7px 15px !important;font-size: 120%;}
.btn-m {padding: 7px 13px !important;}
.btn-s {padding: 5px 10px !important;}
.btn-xs {}

.e-chk {
	display: none; /* 기본 체크박스 숨김 */
}

.e-chk + .checkmark {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: white;
	border: 1px solid #333;
	border-radius: 0;
	vertical-align: middle;
	position: relative;
	cursor: pointer;
}

/* 체크됐을 때 배경 변경 */
.e-chk:checked + .checkmark {
	background-color: #2e86e1;
}

/* 체크 아이콘 그리기 */
.e-chk:checked + .checkmark::after {
	content: "";
	position: absolute;
	left: 7px;
	top: 3px;
	width: 4px;
	height: 9px;
	border: solid white;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.e-chk + .checkmarkradio {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: white;
	border: 1px solid #333;
	border-radius: 11px;
	vertical-align: middle;
	position: relative;
	cursor: pointer;
}

/* 체크됐을 때 배경 변경 */
.e-chk:checked + .checkmarkradio {
	background-color: #2e86e1;
}

/* 체크 아이콘 그리기 */
.e-chk:checked + .checkmarkradio::after {
	content: "";
	position: absolute;
	left: 7px;
	top: 3px;
	width: 4px;
	height: 9px;
	border: solid white;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
.e-chk-label {cursor: pointer;}


/***** PAGE CSS *****/
.pg_wrap {display: none;}
.pg_wrap .pg {display: flex;justify-content: center;gap: 6px}
.pg_wrap .pg a {padding: 6px 10px;border: 1px solid #ddd;border-radius: 5px;}
.pg_wrap .pg strong {padding: 6px 10px;border: 1px solid #ddd;border-radius: 5px;font-weight: 700;}
/***** PAGE CSS *****/


/************** FLAGS CSS **************/
.flags-country-item {
	padding-left:31px !important;
}
.flags-country-item:before {
	content:"";
	width:16px;
	height:11px;
	background:url('/img/global_flag.png') no-repeat scroll 0 0;
	position:absolute;
	top:calc( 50% - 6px );
	left:3px;
}
.flags-country-item2 {
}
.flags-country-item2:before {
	content:"";
	width:16px;
	height:11px;
	background:url('/img/global_flag.png') no-repeat scroll 0 0;
	position:absolute;
	top:calc( 50% - 6px );
	left:3px;
}
.icon-country-ae,
.icon-country-ae::before {background-position:-16px 0 !important}
.icon-country-at,
.icon-country-at::before {background-position:-192px 0 !important}
.icon-country-au,
.icon-country-au::before {background-position:-208px 0 !important}
.icon-country-50,
.icon-country-50::before {background-position:-208px 0 !important}
.icon-country-bd,
.icon-country-bd::before {background-position:-32px -11px !important}
.icon-country-be,
.icon-country-be::before {background-position:-48px -11px !important}
.icon-country-bh,
.icon-country-bh::before {background-position:-96px -11px !important}
.icon-country-bn,
.icon-country-bn::before {background-position:-160px -11px !important}
.icon-country-br,
.icon-country-br::before {background-position:-192px -11px !important}
.icon-country-ca,
.icon-country-ca::before {background-position:-32px -22px !important}
.icon-country-40,
.icon-country-40::before {background-position:-32px -22px !important}
.icon-country-ch,
.icon-country-ch::before {background-position:-112px -22px !important}
.icon-country-cl,
.icon-country-cl::before {background-position:-160px -22px !important}
.icon-country-cn,
.icon-country-cn::before {background-position:-192px -22px !important}
.icon-country-cz,
.icon-country-cz::before {background-position:-48px -33px !important}
.icon-country-de,
.icon-country-de::before {background-position:-64px -33px !important}
.icon-country-dk,
.icon-country-dk::before {background-position:-96px -33px !important}
.icon-country-eg,
.icon-country-eg::before {background-position:-192px -33px !important}
.icon-country-es,
.icon-country-es::before {background-position:-240px -33px !important}
.icon-country-eu,
.icon-country-eu::before {background-position:-96px -154px !important}
.icon-country-fi,
.icon-country-fi::before {background-position:0 -44px !important}
.icon-country-fj,
.icon-country-fj::before {background-position:-16px -44px !important}
.icon-country-fr,
.icon-country-fr::before {background-position:-80px -44px !important}
.icon-country-gb,
.icon-country-gb::before {background-position:-112px -44px !important}
.icon-country-hk,
.icon-country-hk::before {background-position:-112px -55px !important}
.icon-country-hu,
.icon-country-hu::before {background-position:-192px -55px !important}
.icon-country-id,
.icon-country-id::before {background-position:-208px -55px !important}
.icon-country-il,
.icon-country-il::before {background-position:-240px -55px !important}
.icon-country-in,
.icon-country-in::before {background-position:-256px -55px !important}
.icon-country-it,
.icon-country-it::before {background-position:-64px -66px !important}
.icon-country-jo,
.icon-country-jo::before {background-position:-96px -66px !important}
.icon-country-jp,
.icon-country-jp::before {background-position:-112px -66px !important}
.icon-country-ke,
.icon-country-ke::before {background-position:-128px -66px !important}
.icon-country-kh,
.icon-country-kh::before {background-position:-160px -66px !important}
.icon-country-kr,
.icon-country-kr::before {background-position:-240px -66px !important}
.icon-country-kw,
.icon-country-kw::before {background-position:0 -77px !important}
.icon-country-kz,
.icon-country-kz::before {background-position:-32px -77px !important}
.icon-country-mn,
.icon-country-mn::before {background-position:-96px -88px !important}
.icon-country-mo,
.icon-country-mo::before {background-position:-112px -88px !important}
.icon-country-mx,
.icon-country-mx::before {background-position:-256px -88px !important}
.icon-country-my,
.icon-country-my::before {background-position:0 -99px !important}
.icon-country-nl,
.icon-country-nl::before {background-position:-128px -99px !important}
.icon-country-no,
.icon-country-no::before {background-position:-144px -99px !important}
.icon-country-np,
.icon-country-np::before {background-position:-160px -99px !important}
.icon-country-nz,
.icon-country-nz::before {background-position:-208px -99px !important}
.icon-country-60,
.icon-country-60::before {background-position:-208px -99px !important}
.icon-country-om,
.icon-country-om::before {background-position:-224px -99px !important}
.icon-country-ph,
.icon-country-ph::before {background-position:-32px -110px !important}
.icon-country-pk,
.icon-country-pk::before {background-position:-48px -110px !important}
.icon-country-pl,
.icon-country-pl::before {background-position:-64px -110px !important}
.icon-country-qa,
.icon-country-qa::before {background-position:-192px -110px !important}
.icon-country-ru,
.icon-country-ru::before {background-position:-256px -110px !important}
.icon-country-sa,
.icon-country-sa::before {background-position:-16px -121px !important}
.icon-country-se,
.icon-country-se::before {background-position:-80px -121px !important}
.icon-country-sg,
.icon-country-sg::before {background-position:-96px -121px !important}
.icon-country-sk,
.icon-country-sk::before {background-position:-160px -121px !important}
.icon-country-th,
.icon-country-th::before {background-position:-112px -132px !important}
.icon-country-tr,
.icon-country-tr::before {background-position:-224px -132px !important}
.icon-country-tw,
.icon-country-tw::before {background-position:0 -143px !important}
.icon-country-us,
.icon-country-us::before {background-position:-96px -143px !important}
.icon-country-70,
.icon-country-70::before {background-position:-96px -143px !important}
.icon-country-vn,
.icon-country-vn::before {background-position:-224px -143px !important}
.icon-country-za,
.icon-country-za::before {background-position:-48px -154px !important}
/************** FLAGS CSS **************/

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

.html-head-wrap {
	display: block;
	margin: 0 auto;
	padding: 20px;
	max-width: var(--max-width-size);
	height: auto;
}

.html-index-wrap {
	display: block;
	margin: 30px auto 80px;
	padding: 0;
	width: 100%;
	height: auto;
}

.html-main-wrap {
	display: block;
	margin: 0px auto 0px;
	padding: 20px;
	height: auto;
	max-width: var(--max-width-size);
}

.html-tail-wrap {
	display: block;
	margin: 0px auto 0;
	padding: 40px 20px;
	height: auto;
	max-width: var(--max-width-size);
}

.top-banner-wrap {}
.top-banner-wrap > div > div {display: block;margin: 0;padding: 0;width: 100%;height: 40px;line-height: 40px;color: #fff;text-align: center;cursor: pointer}
.top-banner-wrap > div > div:not(:first-child) {display: none}

.html-tail-wrap > div {display: flex}
.html-head-wrap > div > div {display: flex;justify-content: space-between;align-items: center}
.html-head-wrap > div > div > div:nth-child(1) {flex: 1}
.html-head-wrap > div > div > div:nth-child(1) h3 {display:inline-block;font-size: 2.5rem;letter-spacing: 1px;color: #333;cursor: pointer}
.html-head-wrap > div > div > div:nth-child(2) {flex: 1}
.html-head-wrap > div > div > div:nth-child(2) fieldset {display: flex;justify-content:space-between;padding:0 22px;border: 0;border-radius: 23px;background-color:#eee}
.html-head-wrap > div > div > div:nth-child(2) fieldset > input {padding:15px 0;width:100%;border: 0;border-radius: 0;background-color:rgba(0,0,0,0)}
.html-head-wrap > div > div > div:nth-child(2) fieldset > input:focus {outline: none}
.html-head-wrap > div > div > div:nth-child(2) fieldset > button {padding:15px 0;width:30px;text-align:right;border: 0;border-radius: 0;background-color:rgba(0,0,0,0)}
.html-head-wrap > div > div > div:nth-child(3) {flex: 1;display: flex;justify-content: flex-end}
.html-head-wrap > div > div > div:nth-child(3) > a {margin-left: 3%}
.html-head-wrap > div > div > div:nth-child(4) {}
.html-head-wrap > div > div > div:nth-child(4) > a {display: inline-block;padding: 10px 12px;border: 0px solid #ddd;background-color: #fff;}
.html-head-wrap > div > div > div:nth-child(4) > a > i {margin: 0;}

/*** 기본 사이드 메뉴(펼침) ***/
.side-left-menu {
	position: fixed;
	top: 0;
	right: 0;
	width: 90%;
	max-width: 500px;
	height: 100%;
	background: #fff;
	transform: translateX(100%); /* 오른쪽 바깥으로 */
	opacity: 0;
	transition: transform 0.3s ease, opacity 0.3s ease;
	z-index: 1000;
	padding: 20px 20px 55px 20px;
	box-sizing: border-box;
	pointer-events: none; /* 닫힌 상태에서 클릭 못하게 */
	overflow-y: auto;
	/* ✅ 스크롤은 되지만 스크롤바는 안 보이게 */
	scrollbar-width: none;          /* Firefox */
	-ms-overflow-style: none;       /* IE, Edge */
}
.side-left-menu.open {
	transform: translateX(0); /* 제자리로 이동 */
	opacity: 1;
	pointer-events: auto; /* 열릴 때 클릭 가능하게 */
}
.side-left-menu::-webkit-scrollbar {
	display: none; /* Chrome, Safari, iOS, Android */
}
.side-left-menu > div:nth-child(1) {display: flex;align-items: flex-start;justify-content: space-between;margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #eee}
.side-left-menu > div:nth-child(1) > div:nth-child(1) {display: flex;flex-direction:column}
.side-left-menu > div:nth-child(1) > div:nth-child(1) h3 {font-size:1.5rem;font-weight:700}
.side-left-menu > div:nth-child(1) > div:nth-child(1) p {margin:0 0 0;color:var(--font-color-sty01)}
.side-left-menu > div:nth-child(1) > div:nth-child(2) {display: flex;flex-direction: row;align-items: center;gap: 7px;}
.side-left-menu > div:nth-child(1) > div:nth-child(2) button {border: 0;border-radius: 0;background-color: rgba(0, 0, 0, 0);padding: 0;margin: 0;}
.side-left-menu > div:nth-child(1) > div:nth-child(2) button i {font-size:2rem;margin: 0;}
.side-left-menu > div:nth-child(1) > div:nth-child(2) a {}
.side-left-menu > div:nth-child(1) > div:nth-child(2) a i {font-size: 1.4rem;margin: 0;color: #c30;}
.side-left-menu > div:nth-child(2) {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 7px;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #eee;}
.side-left-menu > div:nth-child(2) a {display:flex;margin:0;padding:0;width:100%;height:35px;align-items: center;justify-content: center;border:1px solid #ccc;border-radius:5px;background-color:#fff}
.side-left-menu > div:nth-child(2) a:nth-child(1) {margin-right:2%}
.side-left-menu > div:nth-child(3) {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 7px;margin-bottom: 7px}
.side-left-menu > div:nth-child(3) a {display:flex;margin:0;padding:0;width:100%;height:35px;align-items: center;justify-content: center;border:1px solid #ccc;border-radius:5px;background-color:#fff}
.side-left-menu > div:nth-child(3) a:nth-child(1),
.side-left-menu > div:nth-child(3) a:nth-child(2) {margin-right:2%}
.side-left-menu .page-nav-wrap {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 7px;margin-bottom: 7px}
.side-left-menu .page-nav-wrap a {display:flex;margin:0;padding:0;width:100%;height:35px;align-items: center;justify-content: center;border:1px solid #ccc;border-radius:5px;background-color:#fff}
.side-left-menu .page-nav-wrap a:nth-child(1),
.side-left-menu .page-nav-wrap a:nth-child(2) {margin-right:2%}
.side-left-menu .item-add-wrap {margin-top: 30px}
.side-left-menu .item-add-wrap > h3 {font-size: 1.2rem;font-weight: 700;border-bottom: 1px solid #eee;margin-bottom: 15px;padding-bottom: 15px;}
.side-left-menu .item-add-wrap > div {display: grid;grid-template-columns: 1fr 1fr;gap: 7px;}
.side-left-menu .item-add-wrap a {display:flex;margin:0;padding:0;width:100%;height:35px;align-items: center;justify-content: center;color: #333;border:1px solid #e0e0e0;border-radius:5px;background-color:#fff}
.side-left-menu .item-add-wrap > div a:nth-child(1),
.side-left-menu .item-add-wrap > div a:nth-child(3) {margin-right:2%}
.side-left-menu .item-add-wrap > div a:nth-child(3) {color: #fff;border: 1px solid #2e86e1;background-color: #2e86e1}
.side-left-menu .item-add-wrap > div a:nth-child(4) {color: #fff;border: 1px solid #e46394;background-color: #e46394}
.side-left-menu .item-sch-fm-wrap {flex: 1;margin-top:15px}
.side-left-menu .item-sch-fm-wrap fieldset {display: flex;justify-content:space-between;padding:0 22px;border: 0;border-radius: 23px;background-color:#eee}
.side-left-menu .item-sch-fm-wrap fieldset > input {padding:15px 0;width:100%;border: 0;border-radius: 0;background-color:rgba(0,0,0,0)}
.side-left-menu .item-sch-fm-wrap fieldset > input:focus {outline: none}
.side-left-menu .item-sch-fm-wrap fieldset > button {padding:15px 0;width:30px;text-align:right;border: 0;border-radius: 0;background-color:rgba(0,0,0,0)}
.side-left-menu .item-sch-fm-wrap fieldset > button > i {color:#333}
.side-left-menu .item-global-add-wrap {margin-top: 30px}
.side-left-menu .item-global-add-wrap > h3 {font-size: 1.2rem;font-weight: 700;border-bottom: 1px solid #eee;margin-bottom: 15px;padding-bottom: 15px;}
.side-left-menu .item-global-add-wrap > div {flex: 1}
.side-left-menu .item-global-add-wrap > div fieldset {display: flex;justify-content:space-between;padding:0 22px;border: 0;border-radius: 23px;background-color:#eee}
.side-left-menu .item-global-add-wrap > div fieldset > input {padding:15px 0;width:100%;border: 0;border-radius: 0;background-color:rgba(0,0,0,0)}
.side-left-menu .item-global-add-wrap > div fieldset > input:focus {outline: none}
.side-left-menu .item-global-add-wrap > div fieldset > button {padding:15px 0;width:30px;text-align:right;border: 0;border-radius: 0;background-color:rgba(0,0,0,0)}
.side-left-menu .item-global-add-wrap > div fieldset > button > i {color:#333}
.side-left-menu .sch-item-wrap {display: grid;grid-template-columns: 1fr 1fr;gap: 7px;margin-top: 15px}
.side-left-menu .sch-item-wrap .sch-item-one-wrap {}
.side-left-menu .sch-item-wrap .sch-item-one-wrap .sct_img img {border: 0;border-radius: 5px}
.side-left-menu .sch-item-wrap .sch-item-one-wrap .cost_info {padding: 10px 0;font-size: 18px;font-weight: 700;color: #333 !important}
.side-left-menu .sch-item-wrap .sch-item-one-wrap .cost_info > span {margin-right: 15px;font-size: 18px;font-weight: 700;color: #f5200f !important}
.side-left-menu .sch-item-wrap .sch-item-one-wrap .cost_info > span > small {color: #f5200f !important}
.side-left-menu .sch-item-wrap .sch-item-one-wrap .text_info div {padding: 10px 0}
.side-left-menu .sch-item-wrap .sch-item-sns-wrap {}
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: -35px;
	background: rgba(0,0,0,0.4);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
	z-index: 999;
}
.overlay.show {
	opacity: 1;
	pointer-events: auto;
}

/*** 추가 사이드 메뉴(펼침) ***/
.side-left-menu-2 {
	position: fixed;
	top: 0;
	right: 0;
	width: 90%;
	max-width: 500px;
	height: 100%;
	background: #fff;
	transform: translateX(100%); /* 오른쪽 바깥으로 */
	opacity: 0;
	transition: transform 0.3s ease, opacity 0.3s ease;
	z-index: 1000;
	padding: 20px 20px 55px 20px;
	box-sizing: border-box;
	pointer-events: none; /* 닫힌 상태에서 클릭 못하게 */
	overflow-y: auto;
	/* ✅ 스크롤은 되지만 스크롤바는 안 보이게 */
	scrollbar-width: none;          /* Firefox */
	-ms-overflow-style: none;       /* IE, Edge */
}
.side-left-menu-2.open {
	transform: translateX(0); /* 제자리로 이동 */
	opacity: 1;
	pointer-events: auto; /* 열릴 때 클릭 가능하게 */
}
.side-left-menu-2::-webkit-scrollbar {
	display: none; /* Chrome, Safari, iOS, Android */
}
.overlay-2 {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: -35px;
	background: rgba(0,0,0,0.4);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
	z-index: 999;
}
.overlay-2.show {
	opacity: 1;
	pointer-events: auto;
}

.category-nav-wrap {}
.category-nav-wrap > .contents-wrap {display:block;margin:0 auto;padding:0 20px;max-width: var(--max-width-size);}
.category-nav-wrap > .contents-wrap .menu-wrapper {position: relative;display: flex;align-items: center;overflow: hidden;}
.category-nav-wrap > .contents-wrap .scroll-btn {width: 40px;height: 100%;background-color: unset;border: none;cursor: pointer;font-size: 1.3rem;z-index: 1;}
.category-nav-wrap > .contents-wrap .scroll-btn:disabled {opacity: 0.3;cursor: default;}
.category-nav-wrap > .contents-wrap .scroll-btn i {font-size:1.7rem;color: #000}
.category-nav-wrap > .contents-wrap .sub-nav-list {display:none}
.category-nav-wrap > .contents-wrap .sub-nav-btn {display:block;border: 0;border-radius: 0;background-color: rgba(0, 0, 0, 0);cursor: pointer;}
.category-nav-wrap > .contents-wrap .sub-nav-btn i {}
.category-nav-wrap > .contents-wrap .menu-scroll {overflow-x: auto;flex: 1;scroll-behavior: smooth;scrollbar-width: none; /* Firefox */-ms-overflow-style: none; /* IE 10+ */}
.category-nav-wrap > .contents-wrap .menu-scroll::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera */}
.category-nav-wrap > .contents-wrap .menu-items {display: flex;white-space: nowrap;padding: 10px 0}
.category-nav-wrap > .contents-wrap .item {font-size:1.3rem;padding:10px 5px;flex-shrink: 0;margin-right: 15px}
.category-nav-wrap.nav-fixed {position: fixed;top:0;left:0;width:100%;z-index:99;background-color:rgba(2055,255,255,.7);box-shadow: 0 4px 3px -1px rgba(0, 0, 0, 0.05);backdrop-filter: blur(7px);}
.category-nav-wrap.nav-fixed .sub-nav-list {display:block}

.html-main-wrap > .contents-wrap {display:block;margin:0 auto;padding:0;max-width: var(--max-width-size);}

.html-tail-wrap > div {display: flex}
.html-tail-wrap > div > div:nth-child(1) {flex: 1.5;margin-right: 3%;display: flex;gap: 0 20px;flex-wrap: wrap;align-content: flex-start}
.html-tail-wrap > div > div:nth-child(2) {flex: 1;display: flex}
.html-tail-wrap > div > div:nth-child(2) > div:nth-child(1) {flex: 1}
.html-tail-wrap > div > div:nth-child(2) > div:nth-child(2) {flex: 1}
.html-tail-wrap .contents-wrap h3 {width: 100%}
.html-tail-wrap > div > div:nth-child(1) {color: #777}
.html-tail-wrap > div > div:nth-child(1) h3 {display:inline-block;margin-bottom: 20px;font-size: 2.5rem;letter-spacing: 1px;color: #333;cursor: pointer}
.html-tail-wrap > div > div:nth-child(1) span {line-height: 20px}
.html-tail-wrap > div > div:nth-child(2) > div:nth-child(1) {flex: 1;display: flex;flex-direction: column;color: #333}
.html-tail-wrap > div > div:nth-child(2) > div:nth-child(1) h3 {margin-bottom: 10px;font-size: 1.5rem;letter-spacing: -1px;color: #333;font-weight: 700}
.html-tail-wrap > div > div:nth-child(2) > div:nth-child(1) strong {margin-bottom: 10px;font-size: 1.6rem !important;font-weight: 700;letter-spacing: -1px !important}
.html-tail-wrap > div > div:nth-child(2) > div:nth-child(1) span {color:#333;margin-bottom:1%}
.html-tail-wrap > div > div:nth-child(2) > div:nth-child(2) {flex: 1;margin-left: 5%;display: flex;flex-direction: column;color: #333}
.html-tail-wrap > div > div:nth-child(2) > div:nth-child(2) h3 {margin-bottom: 10px;font-size: 1.5rem;letter-spacing: -1px;color: #333;font-weight: 700}
.html-tail-wrap > div > div:nth-child(2) > div:nth-child(2) span {color:#333;margin-bottom:1%}

.footer-wrap {display: block;margin: 0 auto;padding: 20px 20px 60px;max-width: var(--max-width-size)}
.footer-wrap .contents-wrap {display: flex;justify-content: space-between}
.footer-wrap .copy-wrap {flex: 1;color: #777}
.footer-wrap .btn-wrap {flex: 1;display: flex;justify-content: flex-end;}
.footer-wrap .btn-wrap a {margin-left: 2%}

.page-up-down-btn {position: fixed;bottom: 107px;right: 10px;z-index: 99;display: flex;flex-direction: column;width: 32px;}
.page-up-down-btn > a {display:inline-block;margin:0;padding:10px;background-color: rgba(0,0,0,0.1)}
.page-up-down-btn > a > i {color: #999;margin: 0;}
.page-up-down-btn > a:nth-child(1) {margin-bottom:1px}
.page-up-down-btn > a:nth-child(2) {}

h2.page-title {display: block;margin: 50px 0;padding: 0;text-align: center;font-size: 1.7rem;font-weight: 700}
.page-navi-wrap {display: flex;justify-content: flex-end;align-items: center;color: #999}
.page-navi-wrap > i {margin:0 1%}
.page-navi-wrap > i:nth-child(1) {margin: 0}
.page-navi-wrap a {color: #999}

.mobile-ver {display: none;}

.popover {
	position: absolute;
	top: 24px; /* 버튼 아래 위치 */
	right: -7px;
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 8px;
	box-shadow: 0 10px 20px rgba(0,0,0,0.15);
	display: none;
	z-index: 1000;
}
.popover > div {display: flex;flex-direction: column;}
.popover > div > a {padding: 5px 0;}

.no-list-wrap {display: flex;align-items: center;justify-content: center;width: 100%;aspect-ratio: 5 / 2;border: 1px solid #ddd;border-radius: 10px;background-color: #fff;font-weight: 900;color: #ccc;font-size: clamp(1.2rem, 2.5vw, 2rem);}
.no-list-2-wrap {display: flex;align-items: center;justify-content: center;width: 100%;aspect-ratio: 5 / 2;border: 0px solid #ddd;border-radius: 10px;background-color: #f0f0f0;font-weight: 900;color: #ccc;font-size: clamp(1.2rem, 2.5vw, 2rem);margin-top: 20px;}

/*** 메인 CSS ***/
.main-banner-wrap {padding: 0;text-align: center;color: #333;background-color: #fff}
.main-banner-wrap .swiper-slide {position: relative;}
.main-banner-wrap .swiper-slide .textwrap {position: absolute;/*top: 50%; left: 50%;transform: translate(-50%, -50%);*/}
.main-banner-wrap .swiper-pagination-bullet {background:#ccc;opacity: 1;}
.main-banner-wrap .swiper-pagination-bullet-active {opacity: var(--swiper-pagination-bullet-opacity, 1);background: var(--swiper-pagination-color, var(--swiper-theme-color));}
.main-banner-wrap .swiper-button-next, .main-banner-wrap .swiper-button-prev,
.main-banner-wrap .swiper-button-next, .main-banner-wrap .swiper-button-prev {color: #fff;}
.main-banner-wrap .swiper-slide img {width: 100% !important;}
.main-banner-wrap .fade-text {opacity: 0;transform: translateY(20px);transition: opacity 0.6s ease, transform 0.6s ease;}
.main-banner-wrap .fade-text.show {opacity: 1;transform: translateY(0);}
.main-banner-wrap .fade-text button {padding: 10px 30px;border: 0;border-radius: 50px;color: #fff;background-color: #333;}
.main-banner-wrap .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 5%;}

.main-banner-wrap .sty01 {}
.main-banner-wrap .sty01 .textwrap {top: 50%;left: 50%;transform: translate(-50%, -50%);}
.main-banner-wrap .sty01 .fade-text {display: flex;flex-direction: column;align-items: center;gap: 20px;min-width: 300px;}
.main-banner-wrap .sty01 .fade-text h2 {display: inline;background: linear-gradient(to top,#ffc07d 20%,transparent 20%);font-weight: 700;}
.main-banner-wrap .sty01 .fade-text h3 {font-size: 2rem;font-weight: 700;}
.main-banner-wrap .sty01 .fade-text p {margin:0 0;font-size: 1.5rem;}
.main-banner-wrap .sty02 {color: #fff;}
.main-banner-wrap .sty02 .textwrap {top: 50%;left: 10%;transform: translate(0%, -50%);}
.main-banner-wrap .sty02 .fade-text {display: flex;flex-direction: column;align-items: flex-start;gap: 20px;min-width: 300px;}
.main-banner-wrap .sty02 .fade-text h2 {display: inline;background: linear-gradient(to top,#ffc07d 20%,transparent 20%);font-weight: 700;}
.main-banner-wrap .sty02 .fade-text h3 {font-size: 2rem;font-weight: 700;text-shadow: rgba(255, 204, 128, 0.6) 0px 0px 8px, rgba(255, 204, 128, 0.6) 0px 0px 16px, rgba(255, 204, 128, 0.6) 0px 0px 24px, rgba(255, 204, 128, 0.6) 0px 0px 32px;animation: neonPulse 1.5s ease-in-out infinite alternate;}
@keyframes neonPulse {
  0% {
	text-shadow:
	  0 0 4px rgba(255, 204, 128, 0.3),
	  0 0 8px rgba(132, 255, 128, 0.3),
	  0 0 12px rgba(128, 236, 255, 0.3),
	  0 0 16px rgba(255, 128, 217, 0.3);
  }
  100% {
	text-shadow:
	  0 0 8px rgba(185, 255, 128, 0.6),
	  0 0 16px rgba(128, 219, 255, 0.6),
	  0 0 24px rgba(240, 128, 255, 0.6),
	  0 0 32px rgba(255, 128, 134, 0.6);
  }
}
.main-banner-wrap .sty02 .fade-text p {margin:0 0;font-size: 1.5rem;text-align: left;}
.main-banner-wrap .sty02 .fade-text button {background-color: rgba(255,255,255,0.2);}
.main-banner-wrap .sty03 {}
.main-banner-wrap .sty03 .textwrap {top: 50%;left: 36%;transform: translate(-50%, -50%);}
.main-banner-wrap .sty03 .fade-text {display: flex;flex-direction: column;align-items: flex-start;gap: 20px;min-width: 300px;}
.main-banner-wrap .sty03 .fade-text h2 {display: inline;background: linear-gradient(to top,#ffc07d 20%,transparent 20%);font-weight: 700;}
.main-banner-wrap .sty03 .fade-text h3 {font-size: 2rem;font-weight: 700;}
.main-banner-wrap .sty03 .fade-text p {margin:0 0;font-size: 1.5rem;text-align: left;}

.main-icon-nav-wrap {display: block;margin: 90px auto;padding: 30px 5px;box-sizing: border-box;/*max-width: var(--max-width-size)*/max-width: 1210px;width: 100%;height: auto;overflow-x: auto;-webkit-overflow-scrolling: touch;white-space: nowrap;scroll-behavior: smooth;scrollbar-width: none;}
.main-icon-nav-wrap > div {display: flex;gap: 80px}
.main-icon-nav-wrap > div > a {display: flex;flex-direction: column;align-items: center;gap: 20px;min-width: 80px;}
.main-icon-nav-wrap > div > a > img {width: 100%;border: 0;border-radius: 35%;transition: all .25s;box-shadow: 0 3px 10px rgba(155, 155, 155, 0);}
.main-icon-nav-wrap > div > a:hover > img,
.main-icon-nav-wrap > div > a:focus > img,
.main-icon-nav-wrap > div > a:active > img {transform: translateY(-5px);box-shadow: 0 3px 10px rgba(155, 155, 155, 0.5);}
.main-icon-nav-wrap > div > a > span {font-size: 1.3rem;}

.main-best-item-wrap {display: block;margin: 50px auto 0;padding: 0px 0px;box-sizing: border-box;max-width: var(--max-width-size)/*max-width: 1200px*/;}
.main-best-item-wrap > h2 {text-align: center;font-size: 1.5rem;font-weight: 700;}
.main-best-item-wrap > p {text-align: center;font-size: 1rem;color: #999}
.main-best-item-wrap > div {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;margin-top: 50px;}
.main-best-item-wrap > div > div {}
.main-best-item-wrap > div > div > a {}
.main-best-item-wrap > div > div > a > img {width: 100%;height: auto;border: 0;border-radius: 5px;box-shadow: 0 0 0 0.7px rgba(0,0,0,0.1);}
.main-best-item-wrap > div > div .info-wrap {}
.main-best-item-wrap > div > div .info-wrap > div:nth-child(1) {padding: 10px 0 0;font-size: 18px;font-weight: 700;color: #333 !important}
.main-best-item-wrap > div > div .info-wrap > div:nth-child(1) > span {margin-right: 15px;font-size: 18px;font-weight: 700;color: #f5200f !important}
.main-best-item-wrap > div > div .info-wrap > div:nth-child(1) > span > small {color: #f5200f !important}
.main-best-item-wrap > div > div .info-wrap > div:nth-child(2) {padding: 10px 0;color: #999}
.main-best-item-wrap > div > div .info-wrap > div:nth-child(2) strong {color: #333;font-weight: 400}
.main-best-item-wrap > div > div .info-wrap > div:nth-child(3) {font-size: 17px;font-weight: 500;color: #333}
.main-best-item-the-more-btn {display: block;margin: 50px auto 100px;padding: 0px 0px;box-sizing: border-box;/*max-width: var(--max-width-size)*/max-width: 1200px;text-align: center;}
.main-best-item-the-more-btn button {padding: 10px 50px;border: 0px solid #ddd;border-radius: 50px;font-size: 1.2rem;color: #333;background-color: #f0f0f0;}

.main-middle-banner-wrap {margin: 0 auto 100px;padding: 30px;box-sizing: border-box;width: 100%;max-width: var(--max-width-size)/*max-width: 1200px*/;}
.main-middle-banner-wrap img {width: 100%;height: auto;border: 0;border-radius: 15px;}
.main-middle-banner-wrap .swiper-slide {position: relative;}
.main-middle-banner-wrap .textwrap {position: absolute;top: 50%;left: 10%;transform: translateY(-50%);}
.main-middle-banner-wrap .swiper-slide.sty01 {}
.main-middle-banner-wrap .swiper-slide.sty01 h2 {font-size: 2.3rem;font-weight: 700;}
.main-middle-banner-wrap .swiper-slide.sty01 p {margin: 10px 0 0;color: #777;font-size: 1.3rem;}
.main-middle-banner-wrap .swiper-slide.sty02 {}
.main-middle-banner-wrap .swiper-slide.sty02 h2 {font-size: 2.3rem;font-weight: 700;}
.main-middle-banner-wrap .swiper-slide.sty02 p {margin: 10px 0 0;color: #777;font-size: 1.3rem;}

.main-deep-focus-wrap {display: block;margin: 50px auto 150px;padding: 0px 0px;box-sizing: border-box;max-width: var(--max-width-size)/*max-width: 1200px*/;}
.main-deep-focus-wrap > h2 {text-align: center;font-size: 1.5rem;font-weight: 700;}
.main-deep-focus-wrap > p {text-align: center;font-size: 1rem;color: #999}
.main-deep-focus-wrap > div {display: flex;flex-direction: row;gap: 30px;margin-top: 50px;}
.main-deep-focus-wrap > div > div {flex: 1;display: flex;flex-direction: column;gap: 5px;}
.main-deep-focus-wrap > div > div:nth-child(1) {}
.main-deep-focus-wrap > div > div:nth-child(2) {}
.main-deep-focus-wrap > div > div:nth-child(3) {}
.main-deep-focus-wrap > div > div .main-img img {width: 100%;height: auto;border: 0;border-radius: 5px;box-shadow: 0 0 0 0.7px rgba(0,0,0,0.1);}
.main-deep-focus-wrap > div > div > h3 {font-size: 1.3rem;font-weight: 700;margin-top: 15px}
.main-deep-focus-wrap > div > div > p {margin: 0;color: var(--font-color-sty05);margin-bottom: 15px}
.main-deep-focus-wrap > div > div > div.item-list {display: flex;flex-direction: column;gap: 20px;border-top: 1px solid #eee;padding-top: 20px;}
.main-deep-focus-wrap > div > div > div.item-list > div {display: flex;flex-direction: row;align-items: center;gap: 10px;}
.main-deep-focus-wrap > div > div > div.item-list > div > a {flex: 0 0 100px;}
.main-deep-focus-wrap > div > div > div.item-list > div > a > img {width: 100%;height: auto;border: 0;border-radius: 5px;box-shadow: 0 0 0 0.7px rgba(0,0,0,0.1);}
.main-deep-focus-wrap > div > div > div.item-list > div > .info-wrap {flex: 1;display: flex;flex-direction: column;align-items: flex-start;gap: 7px;}
.main-deep-focus-wrap > div > div > div.item-list > div > .info-wrap > div:nth-child(1) {}
.main-deep-focus-wrap > div > div > div.item-list > div > .info-wrap > div:nth-child(2) {font-size: 18px;font-weight: 700;}
.main-deep-focus-wrap > div > div > div.item-list > div > .info-wrap > div:nth-child(3) {}

.main-shorts-video-wrap {color: #fff;background-color: #222;padding-bottom: 50px;}
.main-shorts-video-wrap .title-wrap {display: flex;justify-content: center;flex-direction: row;align-items: center;padding: 100px 0;}
.main-shorts-video-wrap .title-wrap img {height: 30px;margin-right: 10px;}
.main-shorts-video-wrap .title-wrap h2 {font-size: 1.5rem;font-weight: 700;}

.main-new-item-wrap {display: block;margin: 150px auto;padding: 0px 0px;box-sizing: border-box;max-width: var(--max-width-size)/*max-width: 1200px*/;}
.main-new-item-wrap > h2 {text-align: center;font-size: 1.5rem;font-weight: 700;}
.main-new-item-wrap > p {text-align: center;font-size: 1rem;color: #999}
.main-new-item-wrap > div {display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;margin-top: 50px;}
.main-new-item-wrap > div > div {}
.main-new-item-wrap > div > div > a {}
.main-new-item-wrap > div > div > a > img {width: 100%;height: auto;border: 0;border-radius: 5px;box-shadow: 0 0 0 0.7px rgba(0,0,0,0.1);}
.main-new-item-wrap > div > div .info-wrap {}
.main-new-item-wrap > div > div .info-wrap > div:nth-child(1) {padding: 10px 0 0;font-size: 18px;font-weight: 700;color: #333 !important}
.main-new-item-wrap > div > div .info-wrap > div:nth-child(1) > span {margin-right: 15px;font-size: 18px;font-weight: 700;color: #f5200f !important}
.main-new-item-wrap > div > div .info-wrap > div:nth-child(1) > span > small {color: #f5200f !important}
.main-new-item-wrap > div > div .info-wrap > div:nth-child(2) {padding: 10px 0;color: #999}
.main-new-item-wrap > div > div .info-wrap > div:nth-child(2) strong {color: #333;font-weight: 400}
.main-new-item-wrap > div > div .info-wrap > div:nth-child(3) {font-size: 17px;font-weight: 500;color: #333}
.main-new-item-the-more-btn {display: block;margin: 0px auto 100px;padding: 0px 0px;box-sizing: border-box;max-width: var(--max-width-size);text-align: center;}
.main-new-item-the-more-btn button {padding: 10px 50px;border: 0px solid #ddd;border-radius: 50px;font-size: 1.2rem;color: #333;background-color: #f0f0f0;}

.main-brand-story-wrap {padding: 100px 0;background-color: #f2f2f2;}
.main-brand-story-wrap > .contents-wrap {margin: 0px auto;width: 100%;max-width: var(--max-width-size);display: flex;flex-direction: row;align-items: center;gap: 50px;}
.main-brand-story-wrap > .contents-wrap > div:nth-child(1) {flex: 1.5;aspect-ratio: 16 / 9;}
.main-brand-story-wrap > .contents-wrap > div:nth-child(1) > iframe {border-radius: 20px;}
.main-brand-story-wrap > .contents-wrap > div:nth-child(2) {flex: 1;display: flex;flex-direction: column;align-items: flex-start;gap: 40px;}
.main-brand-story-wrap > .contents-wrap > div:nth-child(2) > div {display: flex;flex-direction: column;align-items: flex-start;gap: 20px;}
.main-brand-story-wrap > .contents-wrap > div:nth-child(2) > div h3 {font-size: 2rem;font-weight: 700;}
.main-brand-story-wrap > .contents-wrap > div:nth-child(2) > div p {margin: 0;font-size: 1.1rem;color: #777;}
.main-brand-story-wrap > .contents-wrap > div:nth-child(2) > button {padding: 15px 30px;border: 0;border-radius: 30px;background-color: #fff;box-shadow: 4px 4px 0 0 #eee;transition: all .25s;font-size: 1.1rem;}
.main-brand-story-wrap > .contents-wrap > div:nth-child(2) > button:hover,
.main-brand-story-wrap > .contents-wrap > div:nth-child(2) > button:focus,
.main-brand-story-wrap > .contents-wrap > div:nth-child(2) > button:active {/*transform: translateY(-5px)*/;box-shadow: 0 3px 10px rgba(155, 155, 155, 0.5);}

.main-shop-info-wrap {padding: 100px 0;background-color: #fff;}
.main-shop-info-wrap .mainShopInfoSwiper {margin: 0px auto;width: 100%;max-width: var(--max-width-size);}
.main-shop-info-wrap .swiper-wrapper {margin-bottom: 10px;}
.main-shop-info-wrap .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;position: relative;}
.main-shop-info-wrap .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;border-radius: 15px;}
.main-shop-info-wrap .swiper-slide .textwrap {position: absolute;top: 50%;right: 10%;transform: translateY(-50%);display: flex;flex-direction: column;align-items: flex-end;gap: 7px;}
.main-shop-info-wrap .swiper-slide .textwrap h3 {font-size: 2rem;font-weight: 700;}
.main-shop-info-wrap .swiper-slide .textwrap p {margin: 0;font-size: 1.2rem}

.main-time-sale-wrap {position: relative;display: block;margin: 0px auto 150px;padding: 0px 0px;box-sizing: border-box;max-width: var(--max-width-size)/*max-width: 1200px*/;}
.main-time-sale-wrap > h2 {text-align: center;font-size: 1.5rem;font-weight: 700;}
.main-time-sale-wrap > p {text-align: center;font-size: 1rem;color: #999;margin: 10px 0 50px;}
.main-time-sale-wrap .swiper {margin: 0 40px;}
.main-time-sale-wrap .swiper-wrapper {margin-bottom: 30px;}
.main-time-sale-wrap .swiper-slide {position: relative;}
.main-time-sale-wrap .swiper-button-next, .main-time-sale-wrap .swiper-button-prev,
.main-time-sale-wrap .swiper-button-next, .main-time-sale-wrap .swiper-button-prev {color: rgba(0,0,0,0.5);}
.main-time-sale-wrap .swiper-slide .time-sale-wrap {position: absolute;top: 10px;left: 10px;border-radius: 5px;color: #fff;background-color: #555;padding: 2px 7px 3px 5px;}
.main-time-sale-wrap .swiper-slide > div {padding: 3px;}
.main-time-sale-wrap .swiper-slide > div > a {}
.main-time-sale-wrap .swiper-slide > div > a > img {width: 100%;height: auto;border: 0;border-radius: 5px;box-shadow: 0 0 0 0.7px rgba(0,0,0,0.1);}
.main-time-sale-wrap .swiper-slide > div .info-wrap {}
.main-time-sale-wrap .swiper-slide > div .info-wrap > div:nth-child(1) {padding: 10px 0 0;font-size: 18px;font-weight: 700;color: #333 !important}
.main-time-sale-wrap .swiper-slide > div .info-wrap > div:nth-child(1) > span {margin-right: 15px;font-size: 18px;font-weight: 700;color: #f5200f !important}
.main-time-sale-wrap .swiper-slide > div .info-wrap > div:nth-child(1) > span > small {color: #f5200f !important}
.main-time-sale-wrap .swiper-slide > div .info-wrap > div:nth-child(2) {padding: 10px 0;color: #999}
.main-time-sale-wrap .swiper-slide > div .info-wrap > div:nth-child(2) strong {color: #333;font-weight: 400}
.main-time-sale-wrap .swiper-slide > div .info-wrap > div:nth-child(3) {font-size: 17px;font-weight: 500;color: #333}

.main-photo-review-wrap {position: relative;display: block;margin: 0px auto 150px;padding: 0px 0px;box-sizing: border-box;max-width: var(--max-width-size)/*max-width: 1200px*/;}
.main-photo-review-wrap > h2 {text-align: center;font-size: 1.5rem;font-weight: 700;}
.main-photo-review-wrap > p {text-align: center;font-size: 1rem;color: #999;margin: 10px 0 50px;}
.main-photo-review-wrap .swiper {margin: 0 40px;}
.main-photo-review-wrap .swiper-wrapper {margin-bottom: 30px;}
.main-photo-review-wrap .swiper-button-next, .main-photo-review-wrap .swiper-button-prev,
.main-photo-review-wrap .swiper-button-next, .main-photo-review-wrap .swiper-button-prev {color: rgba(0,0,0,0.5);}
.main-photo-review-wrap .swiper-slide {box-shadow: 0 0 0 1px #e0e0e0 inset;border-radius: 10px;}
.main-photo-review-wrap .swiper-slide > div:nth-child(1) {}
.main-photo-review-wrap .swiper-slide > div:nth-child(1) img {aspect-ratio: 1 / 1;width: 100%;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.main-photo-review-wrap .swiper-slide > div:nth-child(2) {padding: 15px;display: flex;flex-direction: column;align-items: flex-start;gap: 10px;}
.main-photo-review-wrap .swiper-slide > div:nth-child(2) h3 {font-size: 1.1rem;font-weight: 700;}
.main-photo-review-wrap .swiper-slide > div:nth-child(2) p {margin: 0;font-size: 1rem;font-weight: 400;color: rgba(0,0,0,0.5);
line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    text-align: left;}
.main-photo-review-wrap .swiper-slide > div:nth-child(2) .star-wrap {}
.main-photo-review-wrap .swiper-slide > div:nth-child(2) .name-wrap {font-size: 1rem;font-weight: 400;color: rgba(0,0,0,0.5);}
.main-photo-review-wrap .swiper-slide > div:nth-child(3) {margin: 15px;padding-top: 15px;display: flex;flex-direction: row;align-items: center;gap: 15px;border-top: 1px solid #eee;}
.main-photo-review-wrap .swiper-slide > div:nth-child(3) a {flex: 0 0 40px;}
.main-photo-review-wrap .swiper-slide > div:nth-child(3) a img {aspect-ratio: 1 / 1;width: 100%;border-radius: 5px}
.main-photo-review-wrap .swiper-slide > div:nth-child(3) p {flex: 1;font-size: 1rem;font-weight: 400;color: rgba(0,0,0,0.5);
line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    text-align: left;}

.main-page-banner-wrap {}
.main-page-banner-wrap .contents-wrap {margin: 0 auto;width: 100%;max-width: var(--max-width-size);display: grid;grid-template-columns: repeat(4, 1fr);gap: 15px;}
.main-page-banner-wrap .contents-wrap > a {display: flex;flex-direction: row;align-items: flex-start;margin: 5px;padding: 30px;gap: 10px;border-radius: 10px;box-shadow: 0 0 5px 1px #e0e0e0;}
.main-page-banner-wrap .contents-wrap > a:focus,
.main-page-banner-wrap .contents-wrap > a:hover,
.main-page-banner-wrap .contents-wrap > a:active {color: #333;box-shadow: 0 0 5px 1px #bbb;}
.main-page-banner-wrap .contents-wrap > a > img {width: 30px;}
.main-page-banner-wrap .contents-wrap > a > div {flex: 1;display: flex;flex-direction: column;align-items: flex-start;gap: 10px;}
.main-page-banner-wrap .contents-wrap > a > div > h3 {font-weight: 700;font-size: 1.3rem;}
.main-page-banner-wrap .contents-wrap > a > div > p {margin: 0;}

.main-sns-review-wrap {position: relative;display: block;margin: 150px auto 150px;padding: 0px 0px;box-sizing: border-box;max-width: var(--max-width-size)/*max-width: 1200px*/;}
.main-sns-review-wrap .title-wrap {display: flex;flex-direction: column;align-items: center;gap: 10px;margin-bottom: 50px;}
.main-sns-review-wrap .title-wrap > div {display: flex;align-items: center;gap: 5px;}
.main-sns-review-wrap .title-wrap > div > img {width: 20px;aspect-ratio: 1 / 1}
.main-sns-review-wrap .title-wrap > div > h2 {font-size: 1.3rem;font-weight: 700;}
.main-sns-review-wrap .title-wrap > p {margin: 0;color: rgba(0, 0, 0, 0.5);}
.main-sns-review-wrap > h2 {text-align: center;font-size: 1.5rem;font-weight: 700;}
.main-sns-review-wrap > p {text-align: center;font-size: 1rem;color: #999;margin: 10px 0 50px;}
.main-sns-review-wrap .swiper {margin: 0 0px;}
.main-sns-review-wrap .swiper-slide > div > a > img {width: 100%;height: auto}

/*
.main-icon-nav-wrap {padding: 100px 0;text-align: center;color: #fff;background-color: #ccab00;font-size: 2rem;}
.main-best-item-wrap {padding: 800px 0;text-align: center;color: #fff;background-color: #7ccc00;font-size: 2rem;}
.main-middle-banner-wrap {padding: 100px 0;text-align: center;color: #fff;background-color: #00ccbb;font-size: 2rem;}
.main-deep-focus-wrap {padding: 500px 0;text-align: center;color: #fff;background-color: #0092cc;font-size: 2rem;}
.main-shorts-video-wrap {padding: 500px 0;text-align: center;color: #fff;background-color: #333;font-size: 2rem;}
.main-new-item-wrap {padding: 800px 0;text-align: center;color: #fff;background-color: #7ccc00;font-size: 2rem;}
.main-brand-story-wrap {padding: 300px 0;text-align: center;color: #fff;background-color: #999;font-size: 2rem;}
.main-shop-info-wrap {padding: 100px 0;text-align: center;color: #fff;background-color: #124c89;font-size: 2rem;}
.main-time-sale-wrap {padding: 200px 0;text-align: center;color: #fff;background-color: #122689;font-size: 2rem;}
.main-photo-review-wrap {padding: 300px 0;text-align: center;color: #fff;background-color: #999;font-size: 2rem;}
*/

/*.list-more-wrap {display: block;margin: 50px 0 100px;padding: 0;text-align: center;}*/
.list-more-wrap {display: block !important;margin: 50px 0 100px;padding: 0 !important;text-align: center;border: 0 !important;box-shadow: unset !important;}
.list-more-wrap button {border: 0;border-radius: 50px;background-color: #f0f0f0;white-space: nowrap;padding: 20px 0;font-size: 1.3rem;font-weight: 500;color: #666;width: 100%;max-width: 600px;text-align: center;}
.list-more-wrap button > i {margin-right: 7px;font-size: 1.2rem;color: #666}


.font-white { color: #fff; }
.txt-wrap {padding:20px;background-color:#e8edf3;border-radius: 15px;text-align: center;}
.txt-wrap h2 {display: inline-block;margin: 0 auto; color: #171717; font-size: 1.9rem; font-weight: normal; text-align: center;margin: 50px 0 0;}
.txt-wrap h3 { padding-top: 10px; font-size: 22px; font-weight: normal; text-align: center; }
.txt-wrap .card_wrap { padding-top: 80px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 20px;}
.txt-wrap .card_wrap li { margin-bottom: 60px; width: 312px; background-color: #fff; }
.txt-wrap .card_wrap .img a { display: block; }
.txt-wrap .card_wrap img { pointer-events: none; user-select: none; }
.txt-wrap .card_wrap p { display: flex; align-items: center; justify-content: center; width: 100%; height: 130px; font-size: 19px; text-align: center; }
.txt-wrap .card_wrap .button { padding-bottom: 35px; font-size: 19px; text-align: center; }
.txt-wrap .card_wrap .button a { display: inline-block; padding: 5px 35px; border-radius: 20px; }
.txt-wrap .card_wrap li.styledome	.button a { background-color: #ffde5b;color: #333 !important; font-size: 1.5rem; }
.txt-wrap .card_wrap li.playauto	.button a { background-color: #0571d3;color: #fff !important; font-size: 1.5rem; }
.txt-wrap .card_wrap li.sabangnet	.button a { background-color: #5aaaf9;color: #fff !important; font-size: 1.5rem; }
.txt-wrap .card_wrap li.smartstore	.button a { background-color: #01c73c;color: #fff !important; font-size: 1.5rem; }
.txt-wrap .card_wrap li.coupang		.button a { background-color: #ffffff; border: 2px solid #c9c9c9; font-size: 1.5rem; }
.txt-wrap .card_wrap li.gmarket		.button a { background-color: #23a63e;color: #fff !important; font-size: 1.5rem; }
.txt-wrap .card_wrap li.auction		.button a { background-color: #da2431;color: #fff !important; font-size: 1.5rem; }
.txt-wrap .card_wrap li.cafe24		.button a { background-color: #084fff;color: #fff !important; font-size: 1.5rem; }
.txt-wrap .card_wrap li.coupang p,
.txt-wrap .card_wrap li.coupang .button { background-color: #f7f7f7; }
.txt-wrap .tail_p { padding-top: 0px; font-size: 1.5rem; text-align: center; }


/*** 대량주문업로드 CSS ***/
.bulk-od-upload .excelfile_upload {display: flex;align-items: center;gap: 15px;}
.bulk-od-upload .excelfile_upload > label {flex: 0 0 150px;font-size: 120%;}
.bulk-od-upload .excelfile_upload > select,
.bulk-od-upload .excelfile_upload > input[type='file'] {flex: 1;padding: 7px 10px;border: 1px solid #ccc;border-radius: 5px;background-color: #fff;width: 100%;box-sizing: border-box;font-size: 16px;}
.bulk-od-upload .excelfile_upload > select:focus,
.bulk-od-upload .excelfile_upload > input[type='file']:focus {outline: none;border: 1px solid #333;}

.page-info-list-wrap {padding: 20px 20px;}
.page-info-list-wrap ul {margin: 0 20px;padding: 0 0px;list-style: disc;}
.page-info-list-wrap ul li {}
.page-info-list-wrap ul li strong {color: #f00;}

.bulk-od-upload .fail-wrap {}
.bulk-od-upload .fail-wrap table {}
.bulk-od-upload .fail-wrap table thead {background-color: #f0f0f0;}
.bulk-od-upload .fail-wrap table thead tr {}
.bulk-od-upload .fail-wrap table thead th {padding: 10px 15px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.bulk-od-upload .fail-wrap table thead th:last-child {border-right: 0;}
.bulk-od-upload .fail-wrap table thead td {}
.bulk-od-upload .fail-wrap table tbody {}
.bulk-od-upload .fail-wrap table tbody tr {}
.bulk-od-upload .fail-wrap table tbody th {}
.bulk-od-upload .fail-wrap table tbody td {padding: 3px;text-align: center;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.bulk-od-upload .fail-wrap table tbody td:last-child {border-right: 0px solid #ccc;}
.bulk-od-upload .fail-wrap table tbody td.no-data {padding: 20px;font-size: 110%;font-weight: 900;background-color: #f6f6f6;color: #999;text-align: left;}
.bulk-od-upload .fail-wrap input[type='text'] {padding: 5px;font-size: 16px;border-radius: 5px;border: 1px solid #ccc;}
.bulk-od-upload .fail-wrap input[type='text']:focus {outline: none;border: 1px solid #333}

.bulk-od-upload .btn-wrap {display: flex;justify-content: center;gap: 5px;margin: 20px 0 100px;}

/*** 상품옵션 목록 CSS ***/
.item-option-list-wrap {display: flex;flex-direction: column;gap: 10px;}
.item-option-list-wrap > div {padding: 20px;border: 1px solid #ccc;border-radius: 15px;background-color: #fff;display: flex;flex-direction: column;gap: 5px;}
.item-option-list-wrap > div:hover,
.item-option-list-wrap > div:focus,
.item-option-list-wrap > div:active {background-color: #f0f0f0;border: 1px solid #333;}
.item-option-list-wrap > div > h3 {font-size: 1.3rem;font-weight: 500;}
.item-option-list-wrap > div > div {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;}
.item-option-list-wrap > div > div > div {display: flex;gap: 5px;}
.item-option-list-wrap > div > div > div small {}
.item-option-list-wrap > div > div > div p {margin: 0;font-size: 1rem;font-weight: 500;}

/* 모달창 기본 */
.modal {display: none;position: fixed;z-index: 999;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0, 0, 0, 0.6);transition: opacity 0.3s ease;}

/* 모달창 콘텐츠 */
.modal-content {background-color: #fff;margin: 5% auto;padding: 30px;box-sizing: border-box;border-radius: 8px;width: 90%;max-width: 800px;box-shadow: 0 5px 20px rgba(0,0,0,0.3);animation: fadeInUp 0.4s ease;}
.modal-content h2 {font-size: 1.3rem;font-weight: 700;margin-bottom: 30px;}
.modal-content .item-down-fm-wrap {display: flex;flex-direction: column;/*gap: 15px;*/}
.modal-content .item-down-fm-wrap .items {flex: 1;display: flex;flex-direction: row;align-items: center;gap: 15px;margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #ccc}
.modal-content .item-down-fm-wrap .items > label {flex: 1;color: var(--font-color-sty02);}
.modal-content .item-down-fm-wrap .items > div {flex: 2.5;width: 100%;}
.modal-content .item-down-fm-wrap .items > div.radio-btns {display: flex;flex-wrap: wrap;gap: 15px;font-size: 1.1rem;}
.modal-content .item-down-fm-wrap .items > div.radio-btns > label {cursor: pointer;}
.modal-content .item-down-fm-wrap .items > div.selects {}
.modal-content .item-down-fm-wrap .items > div.selects > div {display: flex;flex-wrap: wrap;gap: 5px;}

.modal-content .item-down-fm-wrap .items > div input,
.modal-content .item-down-fm-wrap .items > div select,
.modal-content .item-down-fm-wrap .items > div textarea {appearance: none;-webkit-appearance: none;-moz-appearance: none;padding: 10px;box-sizing: border-box;border: 1px solid #ccc;border-radius: 10px;background-color: #fff;color: var(--font-color-sty02);}
.modal-content .item-down-fm-wrap .items > div input:focus,
.modal-content .item-down-fm-wrap .items > div select:focus,
.modal-content .item-down-fm-wrap .items > div textarea:focus {outline: none;border: 1px solid #333;}

.modal-content .item-down-item-list-wrap {}
.modal-content .item-down-item-list-wrap .item-list {margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #ddd;display: flex;flex-direction: row;align-items: flex-start;gap: 20px;}
.modal-content .item-down-item-list-wrap .item-list .item-img {flex: 0 0 150px;}
.modal-content .item-down-item-list-wrap .item-list .item-img img {width: 100%;height: 100%;border-radius: 5px;}
.modal-content .item-down-item-list-wrap .item-list .item-info {flex: 1;}
.modal-content .item-down-item-list-wrap .item-list .item-info h3 {font-size: 1.2rem;font-weight: 500;margin-bottom: 15px;}
.modal-content .item-down-item-list-wrap .item-list .item-info h3 small {color: var(--font-color-sty01);}
.modal-content .item-down-item-list-wrap .item-list .item-info .info {display: flex;flex-wrap: wrap;gap: 15px;margin-bottom: 15px;}
.modal-content .item-down-item-list-wrap .item-list .item-info .info strong {font-weight: 700;}
.modal-content .close-btn {float: right;font-size: 28px;font-weight: bold;cursor: pointer;}

/* 닫기 버튼 */
.close-btn {float: right;font-size: 28px;font-weight: bold;cursor: pointer;}


/***** 반응형 CSS *****/
@media all and (max-width: 1440px){
	.page-up-down-btn {bottom: 10px}
	.footer-wrap .btn-wrap {padding-right: 30px}
	.main-middle-banner-wrap {padding: 30px 15px;box-sizing: border-box;}
	.main-deep-focus-wrap {padding: 15px;}
	.main-best-item-wrap {padding: 0px 20px;box-sizing: border-box;}
	.main-new-item-wrap {padding: 0px 20px;box-sizing: border-box;}
	.main-brand-story-wrap {padding-left: 20px;padding-right: 20px;box-sizing: border-box;}
	.main-shop-info-wrap {padding-left: 20px;padding-right: 20px;box-sizing: border-box;}
	.main-time-sale-wrap {padding: 0px 20px;box-sizing: border-box;}
	.main-page-banner-wrap .contents-wrap {padding: 0px 20px;box-sizing: border-box;}
}
@media all and (max-width: 1200px){
	.main-icon-nav-wrap {margin: 90px auto;padding: 30px 20px;}
	.main-best-item-wrap > div {padding: 0 20px;}
}
@media all and (max-width: 1024px){
	.html-tail-wrap > div {flex-direction: column}
	.html-tail-wrap > div > div:nth-child(2) {margin: 20px 0 0 0;padding: 20px 0 0 0;border-top: 1px solid #e6e6e6}
	.html-tail-wrap > div > div:nth-child(3) {margin: 20px 0 0 0;padding: 20px 0 0 0;border-top: 1px solid #e6e6e6}

	.pc-ver {display: none !important;}
	.mobile-ver {display: block !important;}
}
@media all and (max-width: 1000px){
	.main-banner-wrap .swiper-slide.sty01 .textwrap {top: 40%;left: 50%;transform: translate(-50%, -50%);}
	.main-banner-wrap .swiper-slide.sty01 .fade-text h3 {font-size: clamp(1.5rem, 3vw, 2rem);}
	.main-banner-wrap .swiper-slide.sty01 .fade-text p {font-size: clamp(1.3rem, 3vw, 1.5rem);}
	.main-banner-wrap .swiper-slide.sty02 .textwrap {bottom: 10%;right: 10%;transform: translate(-10%, -10%);}
	.main-banner-wrap .swiper-slide.sty02 .fade-text {align-items: flex-end;}
	.main-banner-wrap .swiper-slide.sty02 .fade-text h3 {font-size: clamp(1.3rem, 3vw, 2rem);}
	.main-banner-wrap .swiper-slide.sty02 .fade-text p {font-size: clamp(1.2rem, 3vw, 1.5rem);text-align: right;}
	.main-banner-wrap .swiper-slide.sty03 .textwrap {top: 30%;left: 50%;transform: translate(-50%, -50%);}
	.main-banner-wrap .swiper-slide.sty03 .fade-text h3 {font-size: clamp(1.5rem, 3vw, 2rem);}
	.main-banner-wrap .swiper-slide.sty03 .fade-text p {font-size: clamp(1.3rem, 3vw, 1.5rem);}
	.main-middle-banner-wrap .swiper-slide.sty01 h2 {font-size: 1.8rem}
	.main-middle-banner-wrap .swiper-slide.sty01 p {font-size: 1.3rem;}
	.main-middle-banner-wrap .swiper-slide.sty02 h2 {font-size: 1.8rem}
	.main-middle-banner-wrap .swiper-slide.sty02 p {font-size: 1.3rem;}
	.main-deep-focus-wrap > div {overflow-x: auto;padding-bottom: 20px;}
	.main-deep-focus-wrap > div > div {min-width: 320px;}
	.main-new-item-wrap > div {grid-template-columns: repeat(3, 1fr);}
}
@media all and (max-width: 900px){
	.main-brand-story-wrap > .contents-wrap {flex-direction: column;align-items: unset;}
	.main-brand-story-wrap > .contents-wrap > div:nth-child(2) {align-items: center;}
	.main-brand-story-wrap > .contents-wrap > div:nth-child(2) > div {align-items: center;}
	.main-brand-story-wrap > .contents-wrap > div:nth-child(2) > div p {text-align: center;}
	.main-page-banner-wrap .contents-wrap {grid-template-columns: repeat(2, 1fr);}
}
@media all and (max-width: 800px){
	.html-head-wrap > div > div > div:nth-child(2) {display: none}
	.html-head-wrap > div > div > div:nth-child(3) {display: none}
	.html-head-wrap > div > div > div:nth-child(4) {border: 1px solid #ddd}
	.main-best-item-wrap > div {grid-template-columns: repeat(2, 1fr)}
	.main-icon-nav-wrap > div {gap: 60px;}
	.main-icon-nav-wrap > div > a {max-width: 80px;}
	.main-new-item-wrap > div {grid-template-columns: repeat(2, 1fr);}
}
@media all and (max-width: 700px){
	.footer-wrap .contents-wrap {justify-content: unset;flex-direction: column-reverse;align-items: center}
	.footer-wrap .copy-wrap {flex: auto !important;margin-top:3%}
	.footer-wrap .btn-wrap {flex: auto !important;justify-content: center;width: 100%;padding: 0;}
	.footer-wrap .btn-wrap a {margin-left: 2%}
	.html-tail-wrap > div > div:nth-child(1) {justify-content:center}
	.html-tail-wrap > div > div:nth-child(1) h3 {text-align:center}
	.html-tail-wrap > div > div:nth-child(2) > div:nth-child(1) h3 {text-align: center}
	.html-tail-wrap > div > div:nth-child(2) > div:nth-child(1) {align-items: center}
	.html-tail-wrap > div > div:nth-child(2) > div:nth-child(2) h3 {text-align: center}
	.html-tail-wrap > div > div:nth-child(2) > div:nth-child(2) {align-items: center}
	.bulk-od-upload .new_win {padding: 0;}
	.bulk-od-upload .excelfile_upload {flex-direction: column;align-items: flex-start;}
	.bulk-od-upload .excelfile_upload > label {flex: 1;}
	.bulk-od-upload .btn-wrap {flex-direction: column;}
	.bulk-od-upload .btn-wrap button {font-size: 130%;}
	.bulk-od-upload .btn-wrap button i {font-size: 110%;}
	/*.page-up-down-btn {bottom: 10px}*/
}
@media all and (max-width: 600px){
	.txt-wrap h2 {margin: 20px 0 0;}
	.main-best-item-the-more-btn {margin-bottom: 20px;}
	.main-middle-banner-wrap {margin-bottom: 20px;}
	.main-middle-banner-wrap .swiper-slide.sty01 h2 {font-size: 1.3rem}
	.main-middle-banner-wrap .swiper-slide.sty01 p {font-size: 1.3rem;}
	.main-middle-banner-wrap .swiper-slide.sty02 h2 {font-size: 1.3rem}
	.main-middle-banner-wrap .swiper-slide.sty02 p {font-size: 1.3rem;}
	.main-page-banner-wrap .contents-wrap {grid-template-columns: repeat(1, 1fr);}
}
@media all and (max-width: 400px){
	.main-icon-nav-wrap {margin: 40px auto;}
	.main-icon-nav-wrap > div {gap: 20px;}
	.main-icon-nav-wrap > div > a {max-width: 80px;}
}