@charset 'utf-8';

@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

@font-face {
	font-family: 'S-CoreDream-3Light';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

:root {
	/* 컬러 */
	--primary-color: #0082A5;
	/* 메인 색 */
	--primary-color-effect: #0093C6;
	/* 메인 색 효과 (호버) */
	--primary-color-contrast: #fff;
	/* 메인 색 반대 (글씨등) */
	--secondary-color: #376ab3;
	/* 서브 색 */
	--secondary-color-effect: #5283c9;
	/* 서브 색 효과 (호버) */
	--secondary-color-contrast: #fff;
	/* 서브 색 반대 (글씨등) */

	--point-color: #e95664;
	--point-color-effect: #e95664;
	--point-color-contrast: #fff;
	/* 포인트 색 */

	--disabled-color: #999;
	/* 비활성화 색 */
	--active-color: #28a745;
	/* 활성화 색 */
	--danger-color: #d60000;
	/* 경고 색 */
	--alert-color: #ffa500;
	/* 알림 색 */

	--base-color-light: #f6f6f6;
	/* 밝은 base-color */
	--base-color-mid: #dcd6d5;
	/* 중간 base-color */
	--base-color-dark: #364b44;
	/* 어두운 base-color */
	--base-color-primary: #f2fafa;

	--border-color-light: #e0e0e0;
	/* 밝은 테두리 색 */
	--border-color-default: #d9d9d9;
	/* 기본 테두리 색 */
	--border-color-dark: #777777;
	/* 어두운 테두리 색 */

	--background-default: rgb(243, 242, 254);
	/* '이미지 로딩 전'등의 default 배경 */
	--background-effect: rgba(243, 242, 254, 0.7);
	/* 호버 효과 등의 옅은 배경 */

	--font-color-default: #222;
	/* 기본 글자 색 */
	--font-color-sub: #888;
	/* 서브 글자 색 */
	/* --font-color-placeholder: #bbb; */

	/* 폰트 */
	--font-size-xxx-large: 4rem;
	--font-size-xx-large: 3rem;
	--font-size-x-large: 2.3rem;
	--font-size-large: 1.9rem;
	--font-size-mid: 1.7rem;
	--font-size-small: 1.5rem;
	--font-size-x-small: 1.3rem;
	--font-size-xx-small: 1.1rem;

	--font-w-lighter: 100;
	--font-w-light: 300;
	--font-w-regular: 400;
	--font-w-mid: 500;
	--font-w-bold: 700;
	--font-w-bolder: 900;

	--line-height: 1.6;

	/* 사이즈 */
	--border-radius-small: 0.4rem;
	/* 레디우스 크기 조정 (소) */
	--border-radius-mid: 0.6rem;
	/* 레디우스 크기 조정 (중) */
	--border-radius-large: 1rem;
	/* 레디우스 크기 조정 (대) */
	--border-radius-full: 100rem;
	/* 레디우스 크기 조정 (100%) */

	/* 여백 */
	--space-small: 3rem;
	--space-mid: 5rem;
	--space-large: 10rem;
	--space-larger: 15rem;

	/* transition 속도 */
	--transition-fast: 0.12s;
	--transition-default: 0.2s;
	--transition-slow: 0.3s;
	--transition-slower: 0.5s;

	/* 기타 */
	/* --box-shadow: 1rem 1rem 4rem rgba(0, 0, 0, 0.1); */
	--form-input-height: 34px;

	/* 계산 목적 변수 */
	--header-height: 7rem;
	--min-width: 250px;
	--inner-width: 1200px;
}

/* base */
html {
	position: relative;
}

body {
	overflow: auto;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body,
footer {
	min-width: 1180px;
}

.wrapper {
	margin: 0 auto;
	overflow-x: hidden;
}

/* component */
body,
select,
input,
textarea,
button {
	font-family: Arial, Helvetica, sans-serif, Dotum, 돋움, gulim, 굴림, 애플고딕;
	font-size: 12px;
}

/* img {
	width: 100%;
	height: 100%;
	object-fit: contain;
} */

ul,
li {
	list-style: none;
}

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

input[type=text],
input[type=password],
textarea {
	padding: 5px;
	border: 1px solid #ccc;
	width: 100%;
	height: 30px;
	vertical-align: middle;
}

input[type=text],
input[type=password],
select {
	height: var(--form-input-height);
}

input[type=text],
input[type=password],
textarea,
select,
button {
	box-sizing: border-box;
	border-radius: var(--border-radius-small);
}

textarea {
	resize: none;
}

input[type=text][readonly],
input[type=password][readonly],
select[readonly] {
	background: #eaeaea;
}

input[type=text][disabled],
input[type=password][disabled],
select[disabled] {
	background: #eaeaea;
	border-color: #eaeaea;
	opacity: .5;
	filter: alpha(opacity=100);
}

input[type=checkbox],
input[type=radio] {
	margin-right: 4px;
	margin-bottom: 1px;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	border: none !important;
	accent-color: var(--primary-color);
}

input[type=file] {
	height: 25px;
	vertical-align: middle;
	width: 100%;
	color: #111;
}

input:focus {
	border: 1px solid var(--primary-color);
}

select {
	border: 1px solid #ccc;
	padding: 5px;
	vertical-align: middle;
	outline: none;
}

button:focus {
	text-decoration: underline;
}

div.inputWrap {
	width: auto;
	margin-right: 16px;
	overflow: visible;
	padding: 0 !important;
}

div.inputWrap input[type=password],
div.inputWrap input[type=text] {
	width: 100% !important;
}

span._tip button {
	padding: 3px;
}

span._tip p {
	display: none;
}

div._tipBalloon {
	position: absolute;
	padding: 5px 10px;
	border: 1px solid #ccc;
	background: #eee;
	border-radius: 5px;
	line-height: 16px;
	z-index: 999;
}

[class*="c_btn"] {
	/* c_btn 들어가는 모든 class 선택 */
	display: flex;
	align-items: center;
	justify-content: center;
	transition: var(--transition-default);
	border: none;
	border-radius: var(--border-radius-small);
	/* padding: 0.5em 1em; */
}

.c_btn-primary {
	background-color: var(--primary-color);
	color: var(--primary-color-contrast);
}

.c_btn-primary:hover {
	background-color: var(--primary-color-effect);
}

.c_btn-primary-reverse {
	border: 1px solid var(--primary-color);
	color: var(--primary-color);
}

.c_btn-primary-reverse:hover {
	background-color: var(--primary-color);
	color: var(--primary-color-contrast);
}

.c_btn-secondary {
	background-color: var(--secondary-color);
	color: var(--secondary-color-contrast);
}

.c_btn-secondary:hover {
	background-color: var(--secondary-color-effect);
}

.c_btn-secondary-reverse {
	border: 1px solid var(--secondary-color);
	color: var(--secondary-color);
}

.c_btn-secondary-reverse:hover {
	background-color: var(--secondary-color);
	color: var(--secondary-color-contrast);
}

.c_btn-point {
	background-color: var(--point-color);
	color: var(--point-color-contrast);
}

.c_btn-point:hover {
	background-color: var(--point-color-effect);
}

.c_btn-point-reverse {
	border: 1px solid var(--point-color);
	color: var(--point-color);
}

.c_btn-point-reverse:hover {
	background-color: var(--point-color);
	color: var(--point-color-contrast);
}

.btn a,
.btn button,
a.btn {
	background-color: #898989;
	border-radius: 3px;
	color: #fff;
	font-size: 11px;
	padding: 3px 5px;
}

.btn button {
	margin: 3px 0;
}

/* basic_table START */
.basic_table th,
.basic_table td {
	border-bottom: 1px solid var(--border-color-default);
}

.basic_table th,
.horizontal th {
	background-color: #f5f5f5;
	/* font-weight: 700; */
	font-weight: 700;
	color: vaR(--primary-color);
	text-align: left;
	padding-left: 20px;
}

.basic_table td {
	padding-left: 20px;
}

/* basic_table END */

.textareaWrap {
	padding-right: 16px;
}

.textareaWrap textarea {
	width: 100% !important;
}

textarea.memo {
	height: 90px;
}

select._byOption {
	display: none;
}

select._byOption._on {
	display: inline-block;
}

.text_accent_orange {
	color: #ff823a;
	font-weight: 600;
}

.note {
	color: var(--secondary-color);
}

.note:before {
	content: '';
	margin-right: 2px;
}

*+p.note,
p.note+* {
	margin-top: 4px;
}

table+p.note {
	margin-top: 10px;
}

*+span.note {
	margin-left: 6px;
}

.note.center {
	text-align: center;
}

.description+label {
	margin-left: 40px;
}

ul.notice li {
	position: relative;
	font-size: 12px;
	line-height: 14px;
	color: #111;
}

ul.notice li:before {
	content: '';
	display: inline-block;
	width: 3px;
	height: 3px;
	margin: 0 6px 3px 0;
	background: #ff823a;
	vertical-align: middle;
}

ul.notice li+li {
	margin-top: 8px;
}

.hyphen li {
	text-indent: -11px;
	padding-left: 11px;
	line-height: 16px;
}

.hyphen li:before {
	content: '-';
	margin-right: 4px;
}

.hyphen li+li {
	margin-top: 3px;
}

.sectionTitle {
	margin-bottom: 10px;
}

.align_center {
	text-align: center !important;
}


.tip .wrap {
	display: inline-block;
	background: url('../images/mypage/tip_character.png') left center no-repeat;
	padding: 5px 0 5px 55px;
	margin: 0 auto;
	margin-bottom: 20px;
}

.tip p,
.tip ul {
	position: relative;
	display: inline-block;
	padding: 13px;
	line-height: 14px;
	color: #fff;
	background: #ff823a;
}

.tip p:before,
.tip ul:before {
	content: '';
	position: absolute;
	left: -8px;
	top: 0;
	bottom: 0;
	margin: auto;
	display: block;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-right-color: #ff823a;
}

.tip li {
	text-align: left;
}

#work_file_dl {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

#work_file_dl #order_file {
	height: 34px;
	margin-top: -2px;
	border-radius: var(--border-radius-mid);
}

#work_file_dl .moxie-shim {
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	/* IE 5-7 */
	filter: alpha(opacity=0);

	/* Netscape */
	-moz-opacity: 0.0;

	/* Safari 1.x */
	-khtml-opacity: 0.0;

	/* Good browsers */
	opacity: 0.0;
}

.file_upload_inputText {
	position: absolute;
	top: -4px;
}

.file_upload_box {
	padding: 5px;
	width: 565px;
	height: var(--form-input-height);
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: var(--border-radius-small);
	position: absolute;
	top: 0;
	left: 0;
}

.btn_addFile {
	position: relative;
	float: right;
	z-index: 1;
	height: 25px;
	background: #898989;
	color: white;
	padding: 0 10px;
}

/* function */
div.function:after {
	content: '';
	display: block;
	clear: both;
}

div.function strong {
	display: inline-block;
	vertical-align: middle;
}

div.function button+button,
div.function strong+button,
div.function button+strong,
div.function strong+strong,
div.function a+a,
div.function a+button,
div.function a+strong,
div.function button+a,
div.function strong+a {
	margin-left: 10px;
}

div.function button,
button.function,
div.function a,
a.function {
	display: block;
	float: left;
	height: 44px;
	/* background: #fff; */
	/* border: 1px solid #c9c9c9; */
	/* color: #555; */
	text-align: center;
	transition: background-color .3s;
}

div.function a,
a.function {
	height: 47px;
}

div.function {
	margin-top: 30px;
}

div.function button.sub,
div.function a.sub {
	/* background-color: #fff;
	border: 1px solid #ccc;
	color: #555; */
}

div.function strong button,
div.function strong a {
	color: #fff;
	background-color: var(--primary-color);
	border: none;
	float: none;
}

div.function strong:hover button,
div.function strong:hover a {
	background-color: var(--primary-color-effect);
}

div.function.center {
	text-align: center;
}

div.function.center strong,
div.function.center button,
div.function.center a {
	display: inline-block;
	float: none;
}

div.function .right {
	float: right;
}

div.function strong button.function,
strong button.function {
	/* background-color: var(--primary-color); */
	border: none;
	width: 140px;
	/* font-weight: 700; */
	/* font-size: 13px; */
}

strong button.function:hover {
	background-color: var(--primary-color-effect);
}

div.function strong.white button {
	background-color: #fff;
	border: 1px solid #ccc;
	color: #555;
}

div.function button.gray div.function a.gray {
	background-color: #555;
}

div.function button.white,
div.function a.white {
	background-color: #fff;
	border: 1px solid #ccc;
	color: #555;
}

div.function a.white {
	height: 47px;
}

div.function strong.blue button,
div.function strong.blue a {
	color: var(--primary-color);
	font-weight: var(--font-w-bold);
	background-color: #fff;
	border: 1px solid var(--primary-color);
	box-sizing: border-box;
	/* padding: 0 20px; */
}

div.function strong.blue:hover button,
div.function strong.blue:hover a {
	color: #fff;
	background-color: var(--primary-color);
}

div.function strong.green button,
div.function strong.green a {
	background-color: #667ba5;
}

button.modify {
	height: 25px;
	padding: 0 10px;
	color: #fff;
	background: #555;
}

button.modify+button.modify {
	margin-left: 3px;
}

div.function.narrow button,
button.function.narrow {
	height: 44px;
	line-height: 44px;
}

div.function.narrow a,
a.function.narrow {
	height: 29px;
	line-height: 29px;
}

button.tableFunction {
	background: #ff823a;
	padding: 3px;
	line-height: 10px;
	height: 18px;
	color: #fff;
	font-size: 11px;
	font-weight: 300;
}

button.tableFunction.sub {
	border: 1px solid #ccc;
	background: #f1f1f1;
}

button.tableFunction+button.tableFunction {
	margin-left: 2px;
}


table {
	table-layout: fixed;
	border-collapse: separate;
	caption-side: top;
	width: 100%;
	border-top: 1.5px solid var(--primary-color);
	/* border-bottom: 1px solid #bbb; */
}

th,
td {
	padding: 10px 5px 10px;
	height: 15px;
	line-height: 15px;
	color: #555;
	text-align: center;
	/* border-bottom: 1px solid #a9a9a9; */
}

.list tr:nth-of-type(2n),
.list tbody:nth-of-type(2n) {
	background-color: #f5f5f5;
}

thead th {
	/* background: var(--base-color-primary); */
	background-color: #fff;
	font-weight: 600;
	border-bottom: 1px solid var(--primary-color);
	/* border-color: var(--primary-color); */
}

tbody th,
tbody td,
tfoot th,
tfoot td {
	border-bottom-color: #d7d7d7;
}

th.subject,
td.subject,
td.file,
td.text,
td.address {
	text-align: left;
	padding-left: 15px;
}

td.text {
	padding: 30px;
	min-height: 396px;
	vertical-align: top;
	line-height: 2em;
}

td.text p+p {
	margin-top: 2em;
}

table.center th,
table.center td,
thead.center th,
thead.center td,
tbody.center th,
tbody.center td,
tr.center th,
tr.center td,
th.center,
td.center {
	text-align: center !important;
}

table.right th,
table.right td,
thead.right th,
thead.right td,
tbody.right th,
tbody.right td,
tr.right th,
tr.right td,
th.right,
td.right {
	text-align: right !important;
}

table.left th,
table.left td,
thead.left th,
thead.left td,
tbody.left th,
tbody.left td,
tr.left th,
tr.left td,
th.left,
td.left {
	/* text-align: left !important; */
}

table.list th,
table.list td {
	padding: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-bottom: 1px solid var(--border-color-default);
}

table.list td ul {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

table.list td button {
	/* display: flex;
	align-items: center;
	justify-content: center; */
	width: 30px;
	height: 20px;
	text-align: center;
	padding: 0;
}

table.list td.left {
	text-align: left;
}

table.list td button+button {
	margin-left: 5px;
}

table.list.noEllipsis th,
table.list.noEllipsis td,
table.list th.noEllipsis,
table.list td.noEllipsis {
	white-space: normal;
}

table.narrow th,
table.narrow td {
	padding-top: 5px;
	padding-bottom: 5px;
}

table.view {
	border-top: 1px solid #a9a9a9;
	border-bottom: 1px solid #a9a9a9;
}

table.view th {
	background: #fafafa;
	color: #898989;
	font-weight: 600;
}

table.view td+th,
table.view th+td {
	border-left: 1px solid #d7d7d7;
}

table.view .neighbor .reply {
	padding-left: 25px;
	background: url('../images/common/icon_reply.png') 10px 9px no-repeat;
}

table.view .neighbor tr:last-child th,
table.view .neighbor tr:last-child td {
	border-bottom: 0 none;
}

table.view .noArticle {
	color: #aaa;
}

table.write th {
	background: #fafafa;
	color: #898989;
	font-weight: 600;
}

table.write td+th,
table.write th+td {
	border-left: 1px solid #d7d7d7;
}

table.write td.subject,
table.write td.file,
table.write td.text {
	padding: 5px 7px;
}

table caption.legend {
	text-align: right;
}

table caption.h3 {
	line-height: 23px;
	margin-bottom: 0;
}

table caption h3 {
	margin-bottom: 0;
}

table caption .withBtn {
	float: left;
}

table caption .btn {
	float: right;
}

table caption.center,
table caption .center {
	text-align: center;
}

table caption.right {
	text-align: right;
}

table caption .right {
	float: right;
}

table caption.function {
	text-align: right;
	margin-top: -25px;
}

table caption.function button {
	min-width: 50px;
}

table caption.function button.blue {
	background: #667ba5;
}

table.captionBottom {
	caption-side: bottom;
}

table.captionBottom caption {
	margin-top: 10px;
	margin-bottom: 0;
}

table.thead {
	/* padding-right: 10px; */
	border-bottom: 1px solid #555;
	/* background: #f1f1f1; */
}

table.thead th {
	border-bottom: 0 none;
}

.tableScroll {
	overflow-y: scroll;
	/* border-bottom: 1px solid #d7d7d7; */
}

.tableScroll table {
	border-top: 0 none;
}

.tableScroll>.wrap {
	overflow: hidden;
	min-height: 100%;
}

.tableScroll>.wrap table {
	margin-bottom: -1px;
}

table.order {
	border-top: 0 none;
}

table.order thead th {
	background: #555;
	color: #555;
	border-bottom: 0 none;
}

table.order tr:nth-child(even) th,
table.order tr:nth-child(even) td {
	background: transparent;
}

table.order tbody:nth-child(even) th,
table.order tbody:nth-child(even) td {
	background: #fafafa;
}

table._details tbody td {
	transition: background .3s, color .3s, border-color .3s;
}

table._details ul.information {
	white-space: normal;
}

table._details ul.information:after {
	content: '';
	display: block;
	clear: both;
}

table._details ul.information li {
	display: inline-block;
}

table._details ul.information li+li:before {
	content: '/';
	margin: 0 4px 0 2px;
}

table._details .subject ul.information {
	overflow: hidden;
	line-height: 13px;
	max-height: 24px;
	font-size: 11px;
}

table._details .subject ul.information li {
	display: inline;
}

table._details button.viewOrderDetails {
	disPlay: none;
	width: 50px;
	/* padding: 5px 10px; */
	/* margin: -5px; */
}

table._details button.menuClose,
table._details button.goOrder {
	/* disPlay: none; */
	width: 50px;
	/* padding: 5px 10px; */
	/* margin: -5px; */
}

table._details button.menuClose {
	display: none;
	/* background-color: var(--primary-color); */
}

table._details button._showOrderDetails,
table._details button.reUpload {
	width: 80px;
}

table._details button.download {
	width: 110px;
}

table._details button._showOrderDetails {
	display: inline-block;
}

table._details button.deleteOrder {
	padding: 5px 10px;
	margin: -5px;
}

table._details ._orderDetails td {
	padding: 0;
	border: 0 none;
	height: 0;
}

table._details ._orderDetails .wrap {
	position: relative;
	padding: 0 10px 0 90px;
	display: none;
}

table._details ._orderDetails .wrap:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0px;
	display: block;
	height: 1px;
	background: #d7d7d7;
}

table._details ._orderDetails figure {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 170px;
	text-align: center;
	top: 11px;
	bottom: 11px;
	left: 20px;
	right: 20px;
}

table._details ._orderDetails figure img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

table._details ._orderDetails dl:after {
	content: '';
	display: block;
	clear: both;
}

table._details ._orderDetails dl+dl {
	padding-top: 1px;
	background: top left repeat-x;
}

table._details ._orderDetails dt,
table._details ._orderDetails dd {
	float: left;
	padding: 4px 10px 5px;
	text-align: left;
	line-height: 25px;
	overflow: hidden;
}

table._details ._orderDetails dt {
	color: #111;
	font-size: 12px;
	font-weight: 600;
	width: 70px;
}

table._details ._orderDetails dd+dt {
	margin-left: 50px;
}

table._details ._orderDetails input.printTitle {
	width: 449px;
}

table._details ._orderDetails button._modify {
	display: none;
	height: 25px;
	padding: 0 10px;
	color: #fff;
	background: #555;
	margin-left: 3px;
}

table._details ._orderDetails button._modify._on {
	display: inline-block;
}

table._details ._orderDetails button._modify._cancel {
	background: #888;
}

table._details ._orderDetails ._input {
	display: none;
}

table._details ._orderDetails ._input._on {
	display: inline-block;
}

table._details ._orderDetails ._output._off {
	display: none;
}

table._details ._orderDetails button {
	background: #ff823a;
	padding: 3px;
	line-height: 10px;
	height: 18px;
}

table._details ._orderDetails button+button {
	margin-left: 2px;
}

table._details tr._on button._showOrderDetails {
	display: none;
}

table._details tr._on button._hideOrderDetails {
	display: inline-block;
}

table.order tbody._on tr:first-child td {
	color: #111;
}

table.input {
	border-top: 0 none;
	border-bottom: 1px solid #d7d7d7;
}

table.input thead th,
table.input thead td {
	background: #555;
	color: #fff;
	border-bottom: 0 none;
	height: 25px;
}

table.input thead th {
	text-align: left;
	padding-left: 15px;
}

table.input thead td {
	text-align: right;
	padding-right: 15px;
}

table.input thead *+label,
table.input thead *+button {
	margin-left: 20px;
}

/*
table.input colgroup + tbody tr:first-child th,
table.input colgroup + tbody tr:first-child td { border-top: 1px solid #d7d7d7; }
*/
table.input tbody th,
table.input tbody td {
	border: 0 none;
	text-align: left;
	color: #555;
	padding: 8px;
	height: 25px;
}

table.input tbody th {
	padding-left: 12px;
	padding-right: 12px;
	background: #f5f5f5;
	color: Var(--primary-color);
	font-weight: 700;
}

table.input tbody td {
	padding-left: 10px;
	padding-right: 10px;
}

table.input tbody tr+tr th,
table.input tbody tr+tr td {
	border-top: 1px solid #d7d7d7;
}

table.input tbody label {
	display: inline-block;
	min-width: 50px;
	margin-right: 10px;
}

table.input select {
	min-width: 60px;
	color: #111;
}

table.input select.program {
	width: 120px;
}

table.input select.version {
	width: 70px;
}

table.input input[type=text] {
	width: 70px;
	font-size: 12px;
	color: #111;
}

table.input button {
	padding: 0 10px;
	background: #a6a6a6;
	color: #fff;
	height: 34px;
	vertical-align: middle;
}

table.input *+select,
table.input *+input[type=text],
table.input *+button {
	margin-left: 6px;
}

table.input *+span.symbol {
	margin-left: 2px;
	margin-right: -4px;
}

table.input input[type=text].name {
	width: 179px;
}

table.input input[type=text].address {
	width: 410px;
	float: left;
}

table.input input[type=text].address+input[type=text].address {
	margin-left: 7px;
}

table.input div.rowWrap:after {
	content: '';
	display: block;
	clear: both;
}

table.input div.rowWrap+div.rowWrap {
	margin-top: 4px;
}

table.input ._orderGroup li {
	padding: 2px;
}

table.input ._orderGroup span+span:before {
	content: ',';
	margin-right: 2px;
}

table.input .telNum input[type=text],
table.input input[type=text].telNum,
table.input .postNum input[type=text],
table.input input[type=text].postNum {
	width: 44px;
}

table.input .email input[type=text],
table.input .email select {
	width: 120px;
}

table.fileUploads+table.fileUploads {
	margin-top: 10px;
}

table.fileUploads tbody td:first-child {
	border-left: 1px solid #d7d7d7;
}

table.fileUploads tbody td:last-child {
	border-right: 1px solid #d7d7d7;
}

table.fileUploads tbody:nth-child(even) td {
	background: transparent;
}

table.fileUploads tbody.fileUploads>tr>td {
	padding: 0;
}

table.fileUploads ._deliveryGroup {
	width: 80px;
}

table.fileUploads table.input {
	border-bottom: 0 none;
}

table.fileUploads table.input colgroup+tbody tr:first-child th,
table.fileUploads table.input colgroup+tbody tr:first-child td {
	border-top: 0 none;
}

table.information {
	border-top: 2px solid var(--primary-color);
	border-bottom: 1px solid #d7d7d7;
}

table.information thead th,
table.information thead td {
	background: #555;
	border: 0 none;
	color: #fff;
	font-size: 13px;
	height: 20px;
}

table.information thead th {
	text-align: center;
}

table.information tbody th,
table.information tbody td {
	border: solid #d7d7d7;
	border-width: 0 1px 0 0;
}

table.information tbody tr+tr th,
table.information tbody tr+tr td {
	border-top-width: 1px;
}

table.information tbody th:first-child,
table.information tbody td:first-child {
	border-left-width: 1px;
}

table.information tbody th {
	border: 0 none;
	text-align: left;
	color: #555;
	height: 25px;
}

table.information thead th.from {
	background: #667ba5;
}

table.information thead th.to {
	background: #eb3b4b;
}

table.information tbody td {
	text-align: left;
	padding-left: 10px;
}

table.information._details ._orderDetails .wrap {
	display: block;
}

table.information._details ._orderDetails td {
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
}

table.line {
	border-top: 1px solid var(--primary-color);
	border-bottom: 1px solid #d7d7d7;
	background: none;
}

table.line th,
table.line td {
	border-bottom: 0 none;
	border-left: 0 none !important;
	border-right: none !important;
}

table.line colgroup+tbody tr:first-child th,
table.line colgroup+tbody tr:first-child td {
	border-top: 0 none;
}

table.line tr+tr th,
table.line tr+tr td {
	border-top: 1px solid #cdcdcd;
}

table.line th {
	background: #fafafa;
	color: #898989;
	font-weight: 100;
}

table.update td.status img {
	background: #ccc;
	padding: 3px 4px;
	margin-top: -2px;
}

table.update .waiting td.status img {
	background: #ff823a;
}

table.update .new td.subject:after {
	content: url('../images/common/icon_new.png');
	display: inline-block;
	vertical-align: middle;
	margin: 2px 0 -2px 4px
}

table.update .new td.subject a {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
}

table.update .reply td.subject:before {
	content: url('../images/common/icon_reply.png');
	margin: 0 5px;
}

table.solid {
	border-color: #898989;
	border-top: none;
}

table.solid thead th {
	background: #fafafa;
	color: #6c6c6c;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font-weight: 600;
}

table.solid td {
	border-right: 1px solid #d7d7d7;
}

table.solid td:last-child {
	border-right: 0 none;
}

table.solid td.noLast {
	border-right: 1px solid #d7d7d7;
}

caption select.listNum {
	min-width: 110px;
}

th._sorting {
	position: relative;
	cursor: pointer;
}

th._sorting:before {
	content: '';
	display: block;
	width: 7px;
	height: 4px;
	position: absolute;
	left: 0;
	right: 0;
	top: 3px;
	background: url('../images/common/sort_up.png') center no-repeat;
	margin: auto;
}

th._sorting:after {
	content: '';
	display: block;
	width: 7px;
	height: 4px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 4px;
	background: url('../images/common/sort_down.png') center no-repeat;
	margin: auto;
}

th._sorting._up:before {
	background-image: url('../images/common/sort_up_on.png');
}

th._sorting._down:after {
	background-image: url('../images/common/sort_down_on.png');
}

ul.paging {
	text-align: center;
	margin-top: 30px;
	width: 960px;
}

ul.paging li {
	display: inline-block;
	margin: 0 4px;
}

ul.paging li.first,
ul.paging li.last {
	margin: 0;
}

ul.paging .first:after,
ul.paging .last:before {
	margin: 0 6px;
}

ul.paging button {
	width: 30px;
	height: 30px;
	/* border: 1px solid ; */
	color: #898989;
	line-height: 30px;
	transition: border .3s, background .3s, color .3s;
}

ul.paging button:hover,
ul.paging button:focus {
	color: #555;
	transition: border 0, background .3s, color 0;
}

ul.paging button.on {
	color: var(--primary-color);
	/* background: #aab8d6; */
	/* color: #fff; */
	font-weight: 600;
	font-size: 14px;
	border: none;
}

ul.paging button.on:hover,
ul.paging button.on:focus {
	background: var(--primary-color);
	color: #fff;
}

/*
ul.paging .first button,
ul.paging .last button {
	background-color: var(--secondary-color);
	color: #fff;
}

ul.paging .first button:hover,
ul.paging .last button:hover {
	background-color: var(--secondary-color-effect);
	color: #fff;
} */

ul.paging .prev {
	/* margin-left: -2px; */
}

ul.paging .next {
	/* margin-right: -2px; */
}

ul.paging .prev button,
ul.paging .next button,
ul.paging .first button,
ul.paging .last button {
	border: 1px solid var(--border-color-default);
	box-sizing: border-box;
	color: var(--primary-color);
}

ul.paging .prev button:hover,
ul.paging .next button:hover,
ul.paging .first button:hover,
ul.paging .last button:hover {
	border: 1px solid var(--primary-color);
	box-sizing: border-box;
	color: var(--primary-color-contrast);
	background-color: var(--primary-color);
}

ul.paging button img {
	display: block;
	background: #898989;
	transition: background .3s;
}

ul.paging button:hover img,
ul.paging button:focus img {
	background: #555;
	transition: none;
}

div.tip {
	display: flex;
	flex-direction: column;
	gap: 30px;
	margin-top: 50px;
	background-color: #fafafa;
	padding: 40px;
	box-sizing: border-box;
	border-radius: var(--border-radius-mid);
	border: 1px solid #d7d7d7;
}

div.tip .tip_title {
	display: flex;
	align-items: center;
	gap: 10px;
	/* justify-content: center; */
	font-size: 16px;
	font-weight: 700;
	color: #595959;
	/* color: var(--font-color-sub); */
	padding-bottom: 30px;
	border-bottom: 1px solid #d7d7d7;
}

div.tip .tip_title span {
	display: block;
	width: 20px;
	height: 20px;
}

div.tip .tip_title span img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

div.tip ol {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

div.tip ol li {
	display: flex;
	align-items: center;
	/* gap: 10px; */
	/* list-style: disc; */
	/* list-style-position: inside; */
	font-weight: 500;
	line-height: 1.5;
	/* margin-left: 15px; */
}

div.tip ol li::before {
	content: '';
	display: block;
	width: 3px;
	height: 3px;
	border-radius: var(--border-radius-full);
	background-color: var(--primary-color);
	margin-right: 10px;
}

div.tip ol li span {
	/* color: var(--danger-color); */
	font-weight: 600;
	/* background-color: var(--secondary-color-effect); */
	padding: 0 5px;
}

div.tip .btm_text {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: auto;
	/* background-color: #f5f5f5; */
	box-sizing: border-box;
	border-top: 1px solid #d7d7d7;
	padding-top: 20px;
}

div.tip .btm_text h6 {
	font-weight: 700;
	color: var(--font-color-sub);
}

div.tip .btm_text a {
	text-decoration: underline;
	font-weight: 700;
	color: var(--primary-color);
}

div.tip .btm_text a:hover {
	color: var(--primary-color-effect);
}

/* search */
.searchCondition {
	position: relative;
	background: #fafafa;
	border: 1px solid #d7d7d7;
	padding: 19px;
	margin-bottom: 20px;
	line-height: 25px;
	padding-right: 123px;
	margin-top: 20px;
	border-radius: var(--border-radius-mid);
}

.searchCondition:after {
	content: '';
	display: block;
	clear: both;
}

.searchCondition .rowWrap {
	display: flex;
	align-items: center;
	gap: 20px;
}

.searchCondition .rowWrap+.rowWrap {
	margin-top: 20px;
}

.searchCondition .rowWrap:after {
	content: '';
	display: block;
	clear: both;
}

.searchCondition dl,
.searchCondition dt,
.searchCondition dd {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	gap: 5px;
}

.searchCondition dl.full {
	width: 100%;
}

.searchCondition dl.full dd.last {
	float: none;
	overflow: hidden;
}

.searchCondition dl.last {
	float: right;
}

.searchCondition dt {
	min-width: 35px;
	color: #666;
	font-weight: 600;
}

.searchCondition dd+dd {
	padding-left: 10px;
}

.searchCondition select {
	min-width: 80px;
}

.searchCondition button.search {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 19px;
	height: 34px;
	bottom: 20px;
	width: 83px;
	background: var(--primary-color);
	color: #fff;
	/* font-size: 13px; */
	/* font-weight: 700; */
	text-decoration: none;
	transition-duration: 0.2s;
}

.searchCondition button.search:hover {
	background: var(--primary-color-effect);
}

.searchCondition button.search.refund_btn {
	bottom: 15px;
	background-color: #a6a6a6;
}

.searchCondition .date dt {
	width: 42px;
}

.searchCondition .date input[type=text] {
	width: 120px;
	padding-top: 6px;
	box-sizing: border-box;
	background: #fff url('../images/common/icon_calendar.png') right 5px bottom 9px no-repeat;
}

.searchCondition .date input[type=text]::-ms-clear {
	display: none;
}

.searchCondition .date .preset {
	display: inline-block;
	vertical-align: middle;
	margin-left: 4px;
	line-height: 23px;
}

.searchCondition .date .preset li {
	float: left;
	/* border: 1px solid #ccc; */
}

.searchCondition .date .preset li+li {
	border-left: 0 none;
}

.searchCondition .date .preset button {
	height: 23px;
	padding: 0 8px;
	background: #eaeaea;
	font-size: 11px;
	line-height: 24px;
	text-decoration: none;
	margin-right: 5px;
	border-radius: var(--border-radius-small);
}

.searchCondition .date .preset button:hover {
	background: var(--primary-color);
	color: #fff;
}

.searchCondition .date .preset button.on {
	background: var(--primary-color);
	color: #fff;
}

.searchCondition .category dt {
	min-width: 30px;
}

table.searchResult caption .resultNum {
	text-align: left;
	display: inline-block;
	float: left;
	margin-top: 7px;
	margin-bottom: 20px;
}

table.searchResult caption strong {
	color: #eb3b4b;
	font-weight: 700;
}

table.searchResult caption em {
	color: #eb3b4b;
	font-weight: 700;
}

table.searchResult caption select {
	float: right;
	margin-bottom: 14px;
}

table caption .search {
	float: left;
	text-align: left;
	margin: 10px 0;
}

table caption .search select,
table caption .search input[type="text"],
table caption .search button {
	float: left;
	margin-right: 10px;
}

table caption .search select {
	min-width: 80px;
}

table caption .search input[type="text"] {
	width: 128px;
}

table caption .search button {
	width: 60px;
	height: 25px;
	font-size: 13px;
	color: #fff;
	font-weight: 700;
	line-height: 25px;
	background: #6e809e;
}

dl.reply {
	padding: 10px;
	border: solid #d7d7d7;
	border-width: 0 1px 1px;
}

dl.reply:after {
	content: '';
	display: block;
	clear: both;
}

dl.reply dt,
dl.reply dd {
	line-height: 20px;
}

dl.reply dt {
	font-weight: bold;
}

dl.reply dt .date {
	font-weight: 300;
	font-size: .9em;
	margin-left: 5px;
}

dl.reply dd {
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px solid #f0f0f0;
}

dl.reply.cs {
	background: #f0f0f0;
}

dl.reply.cs dd {
	border-top-color: #fff;
}

div.reply.write {
	border: solid #d7d7d7;
	border-width: 0 1px 1px;
	padding: 10px;
	position: relative;
}

div.reply.write textarea {
	width: 693px;
	height: auto;
	margin: 0;
}

div.reply.write button {
	position: absolute;
	top: 10px;
	bottom: 10px;
	right: 10px;
	height: auto;
	background: #555;
	padding: 0 10px;
	color: #fff;
	float: right;
	transition: background .3s;
}

div.reply.write button:hover,
div.reply.write button:focus {
	background: #333;
}

/* tab */
div._tab ul:after {
	content: '';
	display: block;
	clear: both;
}

div._tab li {
	float: left;
}

._tabContents._on {
	display: block;
}

div.pageTab {
	/* background: var(--primary-color); */
	margin: 20px 0;
}

div.pageTab:after {
	content: '';
	display: block;
	clear: both;
}

div.pageTab li {
	position: relative;
	float: left;
	color: #555;
	font-weight: 600;
	line-height: 24px;
	padding: 8px 0;
	width: 180px;
	text-align: center;
	box-sizing: border-box;
	background: #f9f9f9;
	border-bottom: 1px solid var(--primary-color);
}

div.pageTab li:hover {
	text-decoration: none;
}

div.pageTab li.on {
	background: var(--primary-color);
	color: #fff;
	border: 1px solid var(--primary-color);
	border-radius: var(--border-radius-small) var(--border-radius-small) 0 0;
	padding-top: 7px;
}

div.pageTab li a {
	display: block;
	width: 100%;
	height: 100%;
}

div.pageTab2 {
	background: var(--primary-color);
	margin: 20px 0;
}

div.pageTab2:after {
	content: '';
	display: block;
	clear: both;
}

div.pageTab2 li {
	position: relative;
	float: left;
	color: #555;
	font-size: 14px;
	font-weight: 600;
	line-height: 24px;
	padding: 8px 0;
	width: 479px;
	text-align: center;
	letter-spacing: -1px;
	background: #f9f9f9;
	border-bottom: 1px solid var(--primary-color);
}

div.pageTab2 li.on {
	background: var(--primary-color);
	color: #fff;
	border: 1px solid var(--primary-color);
	border-bottom: 0 none !important;
	padding-top: 7px;
}

.work_guide .pageTab li {
	width: 10%;
}

/*
div.pageTab { background: #5fabad; margin: 20px 0; }
div.pageTab:after { content: ''; display: block; clear: both; }
div.pageTab li {position:relative;float:left;color:#fff;line-height:24px;padding:8px 0;width: 180px;text-align:center; box-sizing: border-box;}
div.pageTab li:hover {text-decoration:none;}
div.pageTab li.on { background: #fff; color: #5fabad; font-weight:600; border: 1px solid #5fabad; border-bottom: 0 none; padding-top: 7px; }

div.pageTab2 { background: #555; margin: 20px 0; }
div.pageTab2:after { content: ''; display: block; clear: both; }
div.pageTab2 li { position: relative; float: left; color: #fff; font-size: 14px; font-weight:600; line-height: 24px; padding: 8px 0; width: 429px; text-align: center; letter-spacing: -1px;}
div.pageTab2 li.on { background: #fff; color: #555; border: 1px solid #a9a9a9; border-bottom: 0 none; padding-top: 7px; }
*/

/*** 카테고리별 할인 ***/
div.categoryTab ul {
	margin: 20px 0 10px -10px;
}

div.categoryTab ul:after {
	content: '';
	display: block;
	clear: both;
}

div.categoryTab li {
	margin-left: 10px;
	margin-bottom: 10px;
	width: 67px;
	background: #fafafa;
	border: 1px solid #e1e1e1;
	line-height: 44px;
	text-align: center;
	float: left;
}

div.categoryTab li.on {
	background-color: var(--primary-color);
	color: #fff;
	border: none;
}

/* preset */
dl.lineTable {
	position: relative;
	border-top: 1.5px solid var(--primary-color);
	overflow: hidden;
}

dl.lineTable:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: #cdcdcd;
	bottom: 0;
}

dl.lineTable dt,
dl.lineTable dd {
	position: relative;
	float: left;
	text-align: center;
	line-height: 34px;
	padding-bottom: 2px;
	z-index: 1;
}

dl.lineTable dt:before,
dl.lineTable dd:before {
	content: '';
	display: block;
	position: absolute;
	top: 12px;
	right: 0;
	bottom: 1px;
	width: 1px;
	height: 10px;
	background: #cdcdcd;
}

dl.lineTable dt {
	font-weight: 600;
	color: #797979;
}

dl.lineTable dd.last {
	float: none;
	border-top: 1px solid #cdcdcd;
	margin-top: -1px;
	z-index: 0;
}

dl.lineTable dd.last:before {
	content: none;
}

ul.lineList {
	border-top: 1.5px solid var(--primary-color);
	border-bottom: 1px solid #cdcdcd;
	overflow: hidden;
}

ul.lineList li {
	line-height: 34px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 0 10px;
}

ul.lineList li+li {
	border-top: 1px solid #cdcdcd;
}

/*
ul.lineList li:nth-child(even) { background: #fafafa; }
*/

/* layout */
/* top ad */
//.topAd { height: 0; line-height: 50px; background: #898989; font-size: 20px; font-weight: 300; color: #fff; transition: height .3s; overflow: hidden; }
.topAd {
	height: 0;
	line-height: 50px;
	background: #009fc4;
	font-size: 20px;
	font-weight: 300;
	color: #fff;
	transition: height .3s;
	overflow: hidden;
}

.topAd.on {
	height: 50px;
}

.topAd .wrap {
	width: 900px;
	margin: 0 auto;
	text-align: center;
	padding: 0 50px;
	position: relative;
}

.topAd strong {
	color: #ffde00;
	font-weight: 300;
}

.topAd button.close {
	position: absolute;
	right: -2px;
	padding: 15px 2px 16px;
}

/*** header ***/
.div_header_wrapper {
	width: 100%;
	/* border-top: 4px solid var(--primary-color); */
	background-color: #fff;
	border-bottom: 1px solid var(--border-color-default);
}

.div_header {
	position: relative;
	width: 1180px;
	margin: 0 auto;
	text-align: center;
	height: 100px;
}

.div_logo {
	text-align: center;
	position: absolute;
	top: 26px;
	left: 0;
	right: 0;
}

.header_logo_wrap img {
	width: 160px;
}

.header_top_menu {
	position: absolute;
	top: 56px;
	right: 0;
}

.span_top_menu {
	float: right;
}

.top_menu_bar {
	padding: 0 6px;
}

.a_top_menu {
	font-size: 12px !important;
	font-family: arial, 'dotum', '돋움', sans-serif !important;
	cursor: pointer;
	letter-spacing: 0 !important;
	color: var(--primary-color) !important;
	text-decoration: none !important;
}

.a_top_menu:hover {
	font-size: 12px !important;
	font-family: arial, 'dotum', '돋움', sans-serif !important;
	cursor: pointer;
	letter-spacing: 0 !important;
	color: #eb3b4b !important;
	text-decoration: underline !important;
}

.top_menu_mypage_div {
	display: inline-block;
	height: 80px;
}

.a_top_menu_mypage {
	font-size: 12px !important;
	font-family: arial, 'dotum', '돋움', sans-serif !important;
	cursor: pointer;
	letter-spacing: 0 !important;
	color: #6c6c6c !important;
	text-decoration: none !important;
}

.ul_top_menu_mypage_list {
	position: absolute;
	top: 20px;
	left: 58px;
	border: 1px solid #c9c9c9;
	padding: 5px 10px;
	z-index: 20000;
	background: #fff;
	width: 74px;
	height: auto;
	text-align: left;
	line-height: 1.4;
}

.ul_top_menu_mypage_list li {
	line-height: 1.6;
}

/*
.a_top_menu_mypage:hover ul {display: block;}
*/
.ul_top_menu_mypage_list li a {
	font-size: 12px;
	font-family: arial, 'dotum', '돋움', sans-serif;
	cursor: pointer;
	letter-spacing: 0;
	color: #6c6c6c;
	text-decoration: none;
}

.ul_top_menu_mypage_list li a:hover {
	color: #eb3b4b;
	text-decoration: underline;
}

.header_02 {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2000;
	background: #fff;
	/* border-top: 4px solid var(--primary-color); */
	border-bottom: 1px solid #dfdfdf;
}

/* 굿프린팅 헤더 리디자인 */
.div_header .table_header {
	margin: 0 auto;
	width: 1180px;
	border-top: none;
}

.div_header .table_header td {
	background-color: #fff;
}

.div_header .table_header .btn_link_web {
	position: absolute;
	top: 50%;
	right: 0%;
	transform: translate(-0%, -50%);
	padding: 10px;
	line-height: 1;
	font-weight: var(--font-w-bold);
}

.span_top_menu {
	position: absolute;
	top: 0;
	right: 0;
	padding: 16px 0;
	z-index: 10;
	/* float: right; */
}

.span_top_menu a {
	display: inline-block;
	padding: 0 8px;
	cursor: pointer;
	letter-spacing: 0 !important;
	color: #656565 !important;
	border-left: 1px solid var(--border-color-default);
}

.span_top_menu a:first-child {
	border-left: none;
}

.span_top_menu a:last-child {
	padding-right: 0;
}


.span_top_menu a div {
	color: #555;
	text-align: center;
}

.span_top_menu a div:hover {
	color: var(--primary-color);
	text-decoration: underline;
}

.span_top_menu a .basket_count_wrapper {
	position: relative;
}

.span_top_menu a .basket_count {
	width: 24px;
	margin: 0 auto;
	line-height: 18px;
	position: absolute;
	top: 0;
	right: 2px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	border-radius: 10px;
	background: #ff6136;
}

.div_header .table_search {
	margin-top: 12px;
	width: 350px;
	border: 1px solid #ddd;
}

.div_header .table_search td {
	padding: 0;
	height: 36px;
	line-height: 36px;
	text-align: left;
	border: none;
}

table.logonMsg {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: auto;
	empty-cells: show;
	display: none;
	border: none;
}

table.logonMsg td {
	color: #252525;
}

table.logonMsg .myCash_wrapper {
	padding: 19px 0;
	border: none;
}

table.logonMsg .myCash_wrapper strong {
	font-weight: bold;
}

table.logonMsg .myCash {
	margin-left: 6px;
	vertical-align: bottom;
}

.div_tnb table .tipBox {
	border: 1px solid #c9c9c9;
	text-align: left !important;
	display: none;
	z-index: 300;
}

.tipBox .title {
	font-size: 12px;
	font-weight: 700;
	color: #252525;
	background: #f4f4f4;
	border-bottom: 1px solid #c9c9c9 !important;
}

.tipBox td.title {
	padding: 10 14px;
}

.tipBox .view_manager {
	cursor: pointer;
}

.tipBox td {
	padding: 10px 14px;
	border: none;
	text-align: left !important;
	background: #fff;
	font-size: 12px;
	font-weight: var(--font-w-mid);
}

.tip_myCash {
	width: 280px;
	vertical-align: bottom;
	position: absolute;
	top: 53px;
	right: 0px;
}

.tip_myCash table td {
	height: 20px;
	padding: 0px;
	line-height: 20px;
}

.tip_myCash table td strong {
	color: var(--primary-color);
	font-weight: bold;
}

.tip_myCash .btn_manager {
	height: 22px;
	line-height: 22px;
	position: absolute;
	top: 7px;
	right: 14px;
	font-size: 11px;
}

.tip_deliveryPrice {
	width: 280px;
	vertical-align: bottom;
	position: absolute;
	top: -25px;
	right: 155px;
}

table.logonMsg .link_login {
	color: var(--primary-color);
}

table.logonMsg .link_login:hover {
	color: var(--point-color);
}

.table_memberInfo_wrapper {
	margin: 0 auto;
	width: 100%;
	text-align: center;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.table_memberInfo_wrapper .table_memberInfo {
	margin: 0 auto;
	width: 1180px;
	border: none;
}

.table_memberInfo_wrapper .table_memberInfo td {
	padding: 0;
	border: none;
}

.text_st_07 {
	font-weight: 600;
	color: #0089d0;
}

.ul_menu_title {
	font-size: 15px;
	font-weight: 600;
	color: #252525;
	padding: 0;
	z-index: 500;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}



/* 레이어 팝업 */
.login_layerpopup {
	background: url('../images/common/layerpopup_bg.png') repeat;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 30000;
	display: none;
	cursor: pointer;
}

/* 로그인 박스 */
.div_login {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -250px;
	margin-top: -330px;
	z-index: 31000;
}

.login_title {
	font-size: 15px;
	font-family: 'dotum', '돋움', arial, sans-serif;
	font-weight: 600;
	letter-spacing: -1px;
	color: #252525;
	text-align: center;
	padding-bottom: 20px;
	border-bottom: 1px solid #c9c9c9;
}

.div_text_service {
	text-align: center;
	margin: 0 0 20px 0;
}

.div_login_placeholder {
	position: relative;
}

.span_login_placeholder {
	position: absolute;
	top: 6px;
	left: 10px;
	font-family: 'dotum', '돋움', arial, sans-serif;
	font-size: 13px !important;
	font-weight: 100;
	color: #6c6c6c;
	letter-spacing: -1px !important;
	line-height: 24px !important;
}

.login_form_wrapper {
	text-align: center;
	margin: 0 auto;
	width: 380px;
}

.input_login_id {
	/* width: 368px !important; */
	padding: 5px !important;
	border: 1px solid #c9c9c9;
	font-family: 'dotum', '돋움', arial, sans-serif;
	font-size: 13px !important;
	font-weight: 100;
	color: #6c6c6c;
	line-height: 24px !important;
}

.input_login_pw {
	/* width: 368px !important; */
	padding: 5px !important;
	border: 1px solid #c9c9c9;
	font-family: 'dotum', '돋움', arial, sans-serif;
	font-size: 13px !important;
	font-weight: 100;
	color: #6c6c6c;
	line-height: 24px !important;
}

.id_idfind_wrapper {
	position: relative;
	width: 380px;
	margin: 10px auto 10px auto;
}

.table_login_submenu {
	border: none;
	width: 100%;
}

.table_login_submenu td {
	border: none;
}

.td_id_save {
	text-align: left;
	line-height: 0px;
	padding: 0px;
	height: 0px;
}

.td_id_find {
	text-align: right;
	line-height: 0px;
	padding: 0px;
	height: 0px;
}

.id_save_checkbox {
	width: 20px;
	height: 20px;
}

.a_login_id_save {
	font-size: 12px !important;
	font-family: arial, 'dotum', '돋움', sans-serif !important;
	cursor: pointer;
	color: #6c6c6c !important;
	text-decoration: none !important;
}

.a_login_id_save:hover {
	font-size: 12px !important;
	font-family: arial, 'dotum', '돋움', sans-serif !important;
	cursor: pointer;
	color: #eb3b4b !important;
	text-decoration: underline !important;
}

.login_text_table_radius {
	border-radius: 10px;
	border: 1px solid #cccccc;
	background: #fafafa;
	padding: 10px 20px;
	text-align: left;
	width: 324px;
	margin: 10px auto 40px auto;
}

.login_text_table_radius th {
	padding: 6px 0px;
	text-align: left;
	border: none;
	color: #6c6c6c;
	font-weight: 600;
}

.login_text_table_radius td {
	padding: 6px 0px;
	text-align: left;
	border: none;
	line-height: 20px;
	padding-left: 10px;
	background: url(../images/main/icon_blet.png) no-repeat;
	background-position: 0 15px;
}


/*
.id_save_checkbox[type=checkbox] { display:none;}
.id_save_checkbox[type=checkbox] + label {
	display: inline-block;
	cursor: pointer;
	line-height: 22px;
	padding-left: 22px;
	background: url('../images/common/check_off.png') no-repeat;
}
.id_save_checkbox[type=checkbox]:checked + label {
	background: url('../images/common/check_on.png') no-repeat;
}
*/

.div_login_form_title {
	position: relative;
	font-family: 'dotum', '돋움', arial, sans-serif;
	font-size: 14px !important;
	font-weight: 100;
	color: #6c6c6c;
	margin: 20px 0 10px 0px;
	text-align: left;
}

.button_member_idcf {
	position: absolute;
	top: 27px;
	right: 10px;
	color: #118acc;
	padding: 4px;
	z-index: 10;
}

.button_member_idcf:hover {
	color: #eb3b4b;
}

.div_member_terms {
	color: #666;
	margin-bottom: 40px;
}

.div_member_terms a {
	color: #666;
	font-weight: 600;
}

.btn_common_login {
	font-size: 14px;
	font-family: 'dotum', '돋움', arial, sans-serif;
	font-weight: 600;
	letter-spacing: 0;
	color: #fff !important;
	background-color: #e95664;
	width: 380px;
	padding: 16px 0;
	text-align: center;
	display: inline-block;
}

.btn_common_login:hover {
	text-decoration: underline;
}

.btn_common_join {
	font-size: 14px;
	font-family: 'dotum', '돋움', arial, sans-serif;
	font-weight: 600;
	letter-spacing: 0;
	color: #6c6c6c !important;
	background-color: #fff;
	width: 322px;
	padding: 16px 0;
	margin-top: 10px;
	text-align: center;
	display: inline-block;
	border: 1px solid #c9c9c9;
}

.btn_common_join:hover {
	text-decoration: underline;
}

.div_social_box div {
	margin: 10px auto 0 auto;
	position: relative;
}

.btn_social_login {
	width: 380px;
	height: 46px;
	margin: 0 auto;
}

.btn_social_login img {
	position: absolute;
	left: 0;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}

.btn_social_login .img_top:hover {
	opacity: 0;
}

.btn_login_close {
	position: absolute;
	top: 16px;
	right: 30px;
	display: inline-block;
	overflow: hidden;
	height: 27px;
	cursor: pointer;
}

.btn_login_close:hover img {
	margin-top: -27px !important;
	vertical-align: top;
}

.div_login_text {
	font-size: 12px;
	font-family: arial, 'dotum', '돋움', sans-serif;
	cursor: pointer;
	letter-spacing: 0;
	color: #eb3b4b;
	text-align: center;
	margin-top: 10px;
}


/* 사이드 메뉴*/
.div_side_menu_wrapper {
	position: fixed;
	top: 0;
	right: 0;
	border-top: 4px solid var(--primary-color);
	height: 100%;
	z-index: 10000;
	background-color: #fff;
}

.div_side_menu {
	position: relative;
	width: 39px;
	border-left: 1px solid #c9c9c9;
}

.div_side_menu li {
	border-bottom: 1px solid #c9c9c9;
	display: block;
	overflow: hidden;
	height: 38px;
	position: relative;
}

.div_side_menu li:hover .icon_side_menu {
	margin-top: -38px;
	vertical-align: top;
}

.div_side_menu li .icon_new {
	position: absolute;
	top: 0;
	right: 0;
}

.div_side_menu [class*="c_btn"] {
	height: 30px;
	font-weight: var(--font-w-bold);
}

.icon_side_menu {
	z-index: 100;
}

.div_side_menu_space {
	height: 2000px !important;
}

.div_side_menu_top {
	position: fixed;
	bottom: 0;
	right: 0;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	height: 38px;
}

.div_side_menu_top:hover img {
	margin-top: -38px !important;
	vertical-align: top;
}

.contents_side_fixed {
	width: auto;
	height: 100%;
	position: absolute;
	top: 0;
	right: 38px;
}

.contents_side_wrapper {
	border: 1px solid #c9c9c9;
	border-radius: var(--border-radius-mid) 0 0 var(--border-radius-mid);
	background-color: #fff;
	padding: 12px 20px 20px 20px;
}

.contents_side_title {
	font-size: 15px;
	font-weight: var(--font-w-bold);
	letter-spacing: -1px;
	color: #252525;
	text-align: center;
	padding-bottom: 12px;
	margin-bottom: 16px;
	border-bottom: 1px solid var(--border-color-default);
}

.contents_side_wrapper .btn_wrap {
	display: flex;
	flex-direction: column;
	gap: 4px 0;
}

.text_st_01 {
	font-weight: 600;
	color: var(--point-color) !important;
}

.text_st_02 {
	font-weight: 600;
	color: #252525;
}

.text_st_03 {
	font-weight: 600;
	color: #6c6c6c;
}

.text_st_04 {
	font-weight: 100;
	color: #eb3b4b;
}

.text_st_05 {
	font-weight: 100;
	color: #0089d0;
}

.span_side_text {
	display: inline-block;
	vertical-align: middle;
}

.contents_side_member {
	position: fixed;
	top: 4px;
	right: 39px;
	width: 270px;
}

.contents_side_delivery {
	position: fixed;
	top: 42px;
	right: 39px;
	width: 200px;
}

.contents_side_basket {
	position: fixed;
	top: 81px;
	right: 39px;
	width: 200px;
}

.contents_side_intro_prdt {
	position: fixed;
	top: 120px;
	right: 39px;
	width: 200px;
}

.contents_side_guide {
	position: fixed;
	top: 159px;
	right: 39px;
	width: 200px;
}

.contents_side_closing {
	position: fixed;
	top: 198px;
	right: 39px;
	width: 240px;
}

.contents_side_mypage {
	position: fixed;
	top: 237px;
	right: 39px;
	width: 240px;
}

.contents_side_center {
	position: fixed;
	top: 276px;
	right: 39px;
	width: 470px;
}

.contents_side_delivery_service {
	position: fixed;
	top: 315px;
	right: 39px;
	width: 200px;
}

.contents_side_01_member_text {
	font-size: 11px;
	font-family: 'dotum', '돋움', arial, sans-serif;
	font-weight: 100;
	letter-spacing: 0;
	color: #6c6c6c;
	text-align: center;
	line-height: 1.5;
	padding-bottom: 16px;
}

.contents_sub_title {
	display: flex;
	align-items: center;
	gap: 0;
	font-size: 11px;
	font-family: 'dotum', '돋움', arial, sans-serif;
	font-weight: 100;
	letter-spacing: 0;
	color: #252525;
	padding: 0 0 6px 6px;
	/* background: url('../images/common/icon_side_blet.png') no-repeat; */
	height: 12px;
}

.contents_side_wrapper .contents_sub_title::before {
	content: '';
	display: inline-block;
	width: 3px;
	height: 10px;
	background-color: var(--primary-color);
	border-radius: 5px;
	margin-right: 6px;
}

.table_side_member {
	border: none;
	margin-bottom: 10px;
}

.table_side_member td {
	font-size: 11px;
	font-family: 'dotum', '돋움', arial, sans-serif;
	font-weight: 100;
	letter-spacing: 0;
	color: #6c6c6c;
	background-color: #f1f1f1;
	padding: 10px;
}

.td_l_side_member {
	text-align: left;
}

.td_r_side_member {
	text-align: right;
}

.span_side_member_menu {
	margin-left: 6px;
}

.btn_side_contents_01 {
	/* font-size: 12px;
	font-family: 'dotum', '돋움', arial, sans-serif;
	font-weight: 100;
	letter-spacing: 0;
	color: #fff !important;
	background-color: var(--primary-color);
	width: 100%;
	padding: 10px 0;
	text-align: center;
	display: inline-block; */
}

.ul_side_contents {
	display: none;
}

.li_side_menu:hover .ul_side_contents {
	display: inline-block;
}

.contents_side_div {
	padding-bottom: 16px;
}

.contents_side_text_overflow {
	font-size: 11px;
	font-family: 'dotum', '돋움', arial, sans-serif;
	font-weight: 100;
	letter-spacing: 0;
	color: #6c6c6c;
	text-align: center;
	line-height: 1.8;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.contents_side_text_overflow:hover {
	color: #eb3b4b;
	text-decoration: underline;
	cursor: pointer;
}

.contents_side_text_break {
	font-size: 11px;
	font-family: 'dotum', '돋움', arial, sans-serif;
	font-weight: 100;
	letter-spacing: 0;
	color: #6c6c6c;
	text-align: center;
	line-height: 1.5;
	text-align: left;
	overflow: hidden;
	word-wrap: break-word;
}

.table_side_delivery {
	border: none;
	margin-bottom: 10px;
	padding: 0;
	background-color: #f1f1f1;
}

.table_side_delivery td {
	font-size: 11px;
	font-family: 'dotum', '돋움', arial, sans-serif;
	font-weight: 100;
	letter-spacing: 0;
	color: #6c6c6c;
	background-color: #f1f1f1;
	padding: 4px 6px 4px 6px;
	text-align: left;
	border-bottom-color: #d7d7d7;
}

.btn_side_delivery_setting {
	display: inline-block;
	overflow: hidden;
	height: 12px;
	position: absolute;
	top: -1px;
	left: 70px;
	/* background-color: #006F94; */
}

.btn_side_delivery_setting img {
	width: 12px;
	height: 12px;
	margin-left: 10px;
}

/*
.btn_side_delivery_setting:hover img {
	margin-top: -12px !important;
	vertical-align: top;
} */

.table_side_basket {
	border: none;
	margin-bottom: 10px;
	padding: 0;
	background-color: #f1f1f1;
}

.table_side_basket td {
	font-size: 11px;
	font-family: 'dotum', '돋움', arial, sans-serif;
	font-weight: 100;
	letter-spacing: 0;
	color: #6c6c6c;
	background-color: #f1f1f1;
	padding: 4px 6px 4px 6px;
	text-align: left;
	border-bottom-color: #d7d7d7;
}

.table_side_prdt {
	border: none;
	margin-bottom: 10px;
}

.table_side_prdt td {
	font-size: 11px;
	font-family: 'dotum', '돋움', arial, sans-serif;
	font-weight: 100;
	letter-spacing: 0;
	color: #6c6c6c;
	background-color: #f1f1f1;
	padding: 6px 0 6px 6px;
	text-align: left;
	border: none;
}

.a_contents_side_prdt {
	font-size: 11px;
	font-family: 'dotum', '돋움', arial, sans-serif;
	font-weight: 100;
	letter-spacing: 0;
	color: #6c6c6c;
	text-align: center;
}

.a_contents_side_prdt:hover {
	color: #eb3b4b;
	text-decoration: underline;
}

.contents_side_prdt_text {
	font-size: 11px;
	font-family: 'dotum', '돋움', arial, sans-serif;
	font-weight: 100;
	letter-spacing: 0;
	color: #6c6c6c;
	text-align: center;
	line-height: 1.5;
	padding-bottom: 16px;
}

.table_side_closing {
	border: none;
	margin-bottom: 16px;
}

.table_side_closing_l {
	font-size: 11px;
	font-family: 'dotum', '돋움', arial, sans-serif;
	font-weight: 100;
	letter-spacing: 0;
	color: #6c6c6c;
	background-color: #f1f1f1;
	padding: 10px 0 10px 6px;
	text-align: left;
}

.table_side_closing_r {
	font-size: 11px;
	font-family: 'dotum', '돋움', arial, sans-serif;
	font-weight: 100;
	letter-spacing: 0;
	color: #6c6c6c;
	background-color: #f1f1f1;
	padding: 10px 6px 10px 0;
	text-align: right;
}

.table_side_mypage {
	border: none;
	margin-bottom: 16px;
}

.table_side_mypage td {
	font-size: 11px;
	font-family: 'dotum', '돋움', arial, sans-serif;
	font-weight: 100;
	letter-spacing: 0;
	color: #6c6c6c;
	background-color: #f1f1f1;
	border: none;
	padding: 10px 0;
}

.div_side_mypage_icon_wrapper {
	display: block;
	overflow: hidden;
	height: 52px;
}

.div_side_mypage_icon_wrapper:hover img {
	margin-top: -52px;
}

.table_side_center {
	border: none;
	margin: 0 0 10px 0;
	display: inline-block;
	width: auto;
	background-color: #f1f1f1;
	padding: 6px 6px;
	margin: 0 0 4px 0;
}

.table_side_center td {
	font-size: 11px;
	font-family: 'dotum', '돋움', arial, sans-serif;
	font-weight: 100;
	letter-spacing: 0;
	color: #6c6c6c;
	background-color: #f1f1f1;
	padding: 2px 0px;
	border: none;
	width: 220px;
}

.contents_side_center_info {
	margin-bottom: 16px;
}

.contents_side_center_info .center_tel p {
	font-family: 'NanumSquare', '나눔스퀘어', 'dotum', '돋움', arial, sans-serif;
	font-size: 20px;
	font-weight: var(--font-w-bold);
	color: var(--font-color-default);
	margin-bottom: 10px;
}

.contents_side_center_info .center_tel img {
	width: 24px;
	height: 24px;
	margin-right: 10px;
}

.contents_side_center_info .center_tel span {
	font-family: 'NanumSquare', '나눔스퀘어', 'dotum', '돋움', arial, sans-serif;
	font-size: 20px;
	font-weight: var(--font-w-bold);
	color: var(--point-color);
	vertical-align: middle;
}

.text_l {
	text-align: left;
}

.text_r {
	text-align: right;
}

.td_side_center_tel {
	text-align: left;
	border: none;
	color: #6c6c6c;
	font-family: arial, sans-serif, 'dotum', '돋움' !important;
	font-weight: 600 !important;
}

.td_side_center_accent {
	color: #000;
}

.table_side_center_top {
	border: none;
	margin: 0 0 10px 0;
	display: inline-block;
	width: auto;
	margin: 0px;
	padding: 10px;
}

.table_side_center_top td {
	font-size: 11px;
	font-family: 'dotum', '돋움', arial, sans-serif;
	font-weight: 100;
	letter-spacing: 0;
	color: #6c6c6c;
	padding: 2px 0px;
	border: none;
	text-align: center;
}

.img_side_center_bar {
	padding: 0 40px;
}

.table_side_center_time_info_01 {
	border: none;
	width: auto;
	padding-right: 10px;
}

.table_side_center_time_info_01 td {
	border: none;
	font-size: 11px;
}

.table_side_center_time_info_02 {
	border: none;
	width: auto;
}

.table_side_center_time_info_02 td {
	border: none;
	font-size: 12px;
	font-family: arial, sans-serif, 'dotum', '돋움' !important;
}

.btn_side_login {
	font-size: 12px;
	font-family: 'dotum', '돋움', arial, sans-serif;
	font-weight: 100;
	letter-spacing: 0;
	color: #fff !important;
	background-color: #e95664;
	width: 100%;
	padding: 10px 0;
	margin-top: 4px;
	text-align: center;
	display: inline-block;
}

.btn_side_login:hover {
	text-decoration: underline;
}

.btn_side_idfind {
	font-size: 12px;
	font-family: 'dotum', '돋움', arial, sans-serif;
	font-weight: 100;
	letter-spacing: 0;
	color: #fff !important;
	background-color: #898989;
	width: 100%;
	padding: 10px 0;
	margin-top: 4px;
	text-align: center;
	display: inline-block;
}

.btn_side_idfind:hover {
	text-decoration: underline;
}

.btn_side_join {
	font-size: 12px;
	font-family: 'dotum', '돋움', arial, sans-serif;
	font-weight: 100;
	letter-spacing: 0;
	color: #6c6c6c !important;
	background-color: #fff;
	width: 100%;
	padding: 9px 0;
	margin-top: 4px;
	text-align: center;
	display: inline-block;
	border: 1px solid #c9c9c9;
}

.btn_side_join:hover {
	text-decoration: underline;
}

/* 1:1 채팅 */
.div_common_chat {
	position: fixed;
	bottom: 10px;
	right: 60px;
	z-index: 10000;
	display: block;
	overflow: hidden;
	height: 60px;
}

.div_common_chat:hover img {
	margin-top: -60px !important;
	vertical-align: top;
}

/* table boder 초기화 */

/* tnb */
.div_tnb_wrapper {
	position: relative;
	width: 100%;
	/* border-top: 1px solid #dfdfdf; */
	background: #fff;
}

.div_tnb {
	width: 1180px;
	margin: 0 auto;
	text-align: center;
}

.div_tnb table {
	border: none;
}

.div_tnb table tr {
	background-color: #fff;
}

.div_tnb table td {
	border: none;
	/* background-color: #fff; */
}

.header_quick_menu {
	text-align: right;
	line-height: 0;
}

.span_quick_menu {
	display: inline-block;
}

.span_quick_menu button {
	float: left;
}

.table_quick_menu {
	border: none;
	border-collapse: collapse;
	width: 300px;
}

.table_quick_menu td {
	border: 1px solid #c9c9c9 !important;
	width: 80px;
	height: 26px !important;
}

.a_quick_menu {
	font-size: 12px !important;
	font-family: 'dotum', '돋움', arial, sans-serif !important;
	font-weight: 100 !important;
	letter-spacing: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	color: #6c6c6c;
	text-decoration: none !important;
	width: auto;
}

.td_quick_menu {
	font-size: 12px !important;
	font-family: 'dotum', '돋움', arial, sans-serif !important;
	font-weight: 100 !important;
	letter-spacing: 0 !important;
	border: 1px solid #c9c9c9;
	background-color: #fff;
	padding: 0 !important;
	margin: 0 !important;
	color: #6c6c6c;
	text-decoration: none !important;
}

.td_quick_menu:hover {
	font-size: 12px !important;
	font-family: 'dotum', '돋움', arial, sans-serif !important;
	font-weight: 100 !important;
	letter-spacing: 0 !important;
	border: 1px solid #e95664 !important;
	background-color: #e95664;
	padding: 0 !important;
	margin: 0 !important;
	color: #fff;
	text-decoration: none !important;
}

.td_quick_menu:hover .a_quick_menu {
	font-size: 12px !important;
	font-family: 'dotum', '돋움', arial, sans-serif !important;
	font-weight: 100 !important;
	letter-spacing: 0 !important;
	color: #fff !important;
	padding: 0 !important;
	margin: 0 !important;
	text-decoration: none !important;
}


.tbn_text_category {
	font-family: 'Nanum Gothic', '나눔고딕', 'dotum', '돋움', arial, sans-serif;
	font-size: 15px;
	font-weight: 600;
	color: #252525;
	position: relative;
}


/* 메인 리디자인 */
.tbn_text_category {
	font-family: '나눔고딕', 'Nanum Gothic', '돋움', 'dotum', arial, sans-serif;
	font-size: 15px;
	font-weight: 600;
	color: #252525;
	position: relative;
}

.tbn_text_category:hover {
	color: #ff6136;
}

.span_main_contents {
	display: inline-block;
	margin: 0 4px;
	cursor: pointer;
	height: 200px;
	position: relative;
}

.div_main_contents {
	display: none;
	width: 179px;
	height: 200px;
	position: absolute;
	top: 0;
	left: 0;
	vertical-align: middle;
}

.p_main_contents_title {
	border-bottom: 1px solid #252525;
	padding: 70px 0 5px 0;
	width: 50%;
	margin: 0 auto 0 auto;
	color: #252525;
	font-size: 12px;
	font-family: arial, 'dotum', '돋움', sans-serif;
	font-weight: 600;
}

.btn_main_contents_view {
	background-color: #000;
	border: none;
	width: 72px;
	height: 24px;
	color: #fff;
	margin-top: 10px;
	cursor: pointer;
	font-size: 11px;
	font-family: arial, 'dotum', '돋움', sans-serif;
	font-weight: normal;
}

.btn_main_contents_view:hover {
	background-color: rgba(0, 0, 0, 0.6);
	border: none;
	width: 72px;
	height: 24px;
	color: #fff;
	margin-top: 10px;
	cursor: pointer;
	font-size: 11px;
	font-family: arial, 'dotum', '돋움', sans-serif;
	font-weight: normal;
}

.a_main_contents_view {
	color: #fff !important;
}

.a_main_contents_view:hover {
	color: #fff;
}


.contents_box_title {
	font-family: '나눔고딕', 'Nanum Gothic', '돋움', 'dotum', arial, sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #252525;
}

/* .contents_box_more {
	float: right;
	vertical-align: bottom;
	background: url(../images/main/icon_more.png) no-repeat;
	display: inline-block;
	width: 16px;
	height: 16px;
	cursor: pointer;
} */

.contents_box_more:hover {
	/* background: url(../images/main/icon_more_on.png) no-repeat; */
}

.bottom_box_title {
	font-family: '나눔고딕', 'Nanum Gothic', '돋움', 'dotum', arial, sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #252525;
	height: 40px;
}

.bottom_link_btn {
	border: 1px solid #dfdfdf;
	padding: 5px 5px 5px 5px !important;
	font-family: arial, 'dotum', '돋움', sans-serif !important;
	font-weight: normal;
	font-size: 12px;
	letter-spacing: 0 !important;
	color: #555 !important;
	background: #fff;
	width: 76px !important;
	height: 15px !important;
	display: inline-block;
	cursor: pointer;
}

.bottom_link_btn:hover {
	border: 1px solid #376ab3;
	padding: 5px 5px 5px 5px !important;
	font-family: arial, 'dotum', '돋움', sans-serif !important;
	font-weight: normal;
	font-size: 12px;
	letter-spacing: 0 !important;
	color: #fff !important;
	background: #376ab3;
	width: 76px !important;
	height: 15px !important;
	display: inline-block;
	cursor: pointer;
}

.table_wrapper {
	border: 1px solid #dfdfdf;
	margin: 0px;
}

.table_list {
	table-layout: fixed;
}

.table_list td {
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	/* background: url(../images/main/icon_blet.png) no-repeat;
	background-position: 0 16px; */
	padding: 0 0 0 10px;
	vertical-align: middle;
	text-align: left;
	line-height: 26px;
}

.table_list td::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translate(-0%, -50%);
	display: block;
	width: 3px;
	height: 3px;
	border-radius: var(--border-radius-full);
	background-color: var(--primary-color);
	/* background: url(../images/main/icon_blet.png) no-repeat;
	background-position: 0 16px; */
}

.table_list_nobg {
	table-layout: fixed;
}

.table_list_nobg td {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	line-height: 1 !important;
	letter-spacing: 0px;
	padding: 2px 0;
}

.table_list_nobg_td {
	height: 20px;
	margin: 0px !important;
}

.call_num {
	font-family: Arial, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #ff9600;
	text-align: center;
	margin: 0px;
	padding: 6px 0 !important;
}

.center_time {
	font-size: 12px !important;
	font-family: arial, 'dotum', '돋움', sans-serif !important;
	font-weight: bold !important;
	color: #464646 !important;
}

.center_time_sat {
	font-size: 12px !important;
	font-family: arial, 'dotum', '돋움', sans-serif !important;
	font-weight: bold !important;
	color: #5e9edb !important;
}

.board_list:hover {
	color: rgb(59, 151, 27) !important;
	text-decoration: underline !important;
}

.board_list:link {
	color: rgb(102, 102, 102);
	text-decoration: none;
}

.board_list:visited {
	color: rgb(102, 102, 102);
	text-decoration: none;
}

.list_space_01 {
	display: inline-block;
	width: 48px;
}

.list_space_02 {
	display: inline-block;
	width: 18px;
}

.btn_view_charge {
	width: 78px;
	height: 21px;
	background: #eb3b4b;
	color: #fff;
	border-radius: 5px;
	border: 0px;
	font-size: 12px;
	cursor: pointer;
}

.btn_slide #prev {
	position: absolute;
	top: 200px;
	left: -50px;
	background: url(../images/main/btn_prev.png) no-repeat;
	width: 24px;
	height: 45px;
}

.btn_slide #next {
	position: absolute;
	top: 200px;
	right: -50px;
	background: url(../images/main/btn_next.png) no-repeat;
	width: 24px;
	height: 45px;
}

/* 네비게이션 css */
.table_menu_list {
	display: none;
	position: absolute;
	top: 56px;
	left: 0;
	background: #fff;
	border-collapse: collapse;
	table-layout: fixed;
	z-index: 100;
	margin: 0;
	border: none;
}

.table_menu_list tr td {
	border: 1px solid #dfdfdf;
	border-collapse: collapse;
}

.td_menu_list {
	padding-bottom: 10px !important;
}

.td_tnb_wrap {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 0 20px;
}

.td_tnb_wrap .td_tnb::before {
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
	display: inline-block;
	width: 0;
	height: 2px;
	background-color: var(--primary-color);
	transition: width 0.3s;
}

.td_tnb_wrap .td_tnb:hover::before {
	content: '';
	width: 100%;
}

.menu_list_bar {
	font-family: 'dotum', '돋움', arial, sans-serif;
	font-size: 12px;
	border: none !important;
	background: var(--secondary-color);
	color: #fff;
	height: 28px;
	font-weight: 600;
	padding: 0 0 0 20px !important;
	text-align: left;
}

.sub_menu_category {
	font-family: 'dotum', '돋움', arial, sans-serif;
	font-size: 12px;
	color: var(--primary-color);
	font-weight: 600;
	margin-top: 12px;
	margin-bottom: 4px;
	display: inline-block;
	cursor: pointer;
}

.sub_menu_ul {
	margin-bottom: 20px;
	text-align: left;
	width: 159px;
	padding: 0 0 0 20px !important;
	margin: 0px;
}

.sub_menu_ul li {
	text-align: left;
	color: #252525;
	font-family: arial, 'dotum', '돋움', sans-serif;
	font-weight: normal;
	line-height: 1.5;
	display: block !important;
	width: 159px;
}

.menu_list {
	display: none;
	height: auto;
	padding: 0px;
	margin: 0px;
	border: 0px;
	width: 960px;
	z-index: 200;
}

.a_tnb_menu {
	display: block;
	width: max-content;
}

.a_tnb_menu:hover img {
	margin-top: -16px;
	vertical-align: top;
}

/*
.ul_menu_title {
	font-family:'NanumSquare', '나눔스퀘어', '돋움', 'dotum', arial, sans-serif !important;font-size:15px !important; font-weight:600 !important; color:#252525 !important;
	padding:0;
	z-index: 500;
	cursor: pointer;
	margin-top: 20px;
	display: inline-block;
    vertical-align: middle;
    width:auto;
}
*/
.table_sub_menu {
	background: #fff;
	border-collapse: collapse;
	table-layout: fixed;
	display: none !important;
}

.table_sub_menu tr td {
	border: 1px solid #dfdfdf;
	border-collapse: collapse;
	padding: 10px;
}

.a_sub_menu {
	display: block !important;
	font-family: arial, 'dotum', '돋움', sans-serif;
	font-size: 12px;
	font-weight: 100;
	padding: 8px;
	background-color: #fff;
	z-index: 100;
	white-space: nowrap;
	text-align: left;
}

.a_sub_menu:hover {
	color: #eb3b4b !important;
	text-decoration: underline !important;
}

/* 전체보기 버튼 css */
.btn_list {
	/* background: url(../images/common/btn_list.png) no-repeat; */
	position: relative;
	z-index: 2;
	display: inline-block;
	width: 21px;
	height: 55px;
	cursor: pointer;
	/* background-color: red; */
}

.btn_menu_wrap {
	position: relative;
	width: 100%;
	height: 100%;
	/* background-color: #0074d9; */
}

.btn_menu_wrap div {
	position: absolute;
	top: 0;
	left: 0;
	width: 21px;
	height: 2px;
	border-radius: 10px;
	background-color: #333333;
	transition-duration: 0.2s;
}

.btn_menu_wrap div.top {
	top: 20.5px;
	transform: rotate(0deg);
}

.btn_menu_wrap div.mid {
	top: 26.5px;
}

.btn_menu_wrap div.btm {
	top: 32.5px;
	transform: rotate(0deg);
}

.btn_menu_wrap.on div.top {
	top: 26.5px;
	transform: rotate(45deg);
}

.btn_menu_wrap.on div.mid {
	opacity: 0;
}

.btn_menu_wrap.on div.btm {
	top: 26.5px;
	transform: rotate(-45deg);
}

.btn_close {
	/* background: url(../images/common/btn_close.png) no-repeat; */
	display: inline-block;
	position: relative;
	z-index: 2;
	width: 21px;
	height: 55px;
	cursor: pointer;
}

.btn_close:hover {
	/* background: url(../images/common/btn_close_on.png) no-repeat; */
	display: inline-block;
	width: 21px;
	height: 55px;
	cursor: pointer;
}

.btn_list:hover {
	/* background: url(../images/common/btn_list_on.png) no-repeat; */
	display: inline-block;
	width: 21px;
	height: 55px;
	cursor: pointer;
}

/* 펼침메뉴 css */
.sub_menu_ul li a {
	color: rgb(102, 102, 102);
	text-decoration: none;
	cursor: pointer;
	font-size: 12px;
	font-family: arial, 'dotum', '돋움', sans-serif;
	letter-spacing: 0;
}

.sub_menu_ul li a:hover {
	color: var(--point-color) !important;
	text-decoration: underline !important;
	font-size: 12px;
	font-family: arial, 'dotum', '돋움', sans-serif;
	letter-spacing: 0;
}

.sub_menu_ul li a:link {
	color: rgb(102, 102, 102);
	text-decoration: none;
	font-size: 12px;
	font-family: arial, 'dotum', '돋움', sans-serif;
	letter-spacing: 0;
}

.sub_menu_ul li a:visited {
	color: rgb(102, 102, 102);
	text-decoration: none;
	font-size: 12px;
	font-family: arial, 'dotum', '돋움', sans-serif;
	letter-spacing: 0;
}

.table_tnb {
	z-index: 2000;
	border: none;
}

.table_tnb tr {
	position: relative;
	vertical-align: top;
}

.table_tnb tr th,
.table_tnb tr td {
	padding: 0;
}

.table_tnb tr td {
	position: relative;
	vertical-align: middle;
	line-height: 1;
	border: none;
}

.table_tnb tr td {
	padding: 20px 0;
}

.table_tnb .badge {
	background: #f7424f;
	height: 20px;
	color: #fff;
	border-radius: 10px 10px 0 10px;
	margin-top: -20px;
	width: 70px;
	font-size: 13px;
	font-weight: 300;
	line-height: 20px;
	margin-left: -4px;
}

.table_tnb .table_sub_menu_list {
	z-index: 10;
	border: 1px solid #dfdfdf;
	border-radius: var(--border-radius-small);
	background-color: #fff;
	padding: 5px;
	display: none;
	position: absolute;
	top: 50px;
	width: auto;
}

.table_tnb .table_sub_menu_list td {
	padding: 0;
}

/* lnb */
div.lnb {
	position: absolute;
	left: 0;
	width: 178px;
	border: 1px solid #ccc;
	background: #fafafa !important;
	height: auto;
	border-radius: var(--border-radius-small);
	overflow: hidden;
}

div.lnb li {
	border-top: 1px solid #ccc;
}

div.lnb li a {
	display: block;
	line-height: 39px;
	padding: 0 15px;
	color: #555;
	font-size: 13px;
	padding: 0 15px;
}

div.lnb li:first-child {
	border-top: 0 none;
}

div.lnb li ul {
	background: #fff;
	border-top: 1px solid #ccc;
	padding: 12px 0;
}

div.lnb li li {
	position: relative;
	border-top: 0 none;
}

div.lnb li li a {
	display: block;
	padding-left: 25px;
	font-size: 12px;
	line-height: 15px;
}

div.lnb li li:before {
	content: '';
	display: block;
	position: absolute;
	width: 2px;
	height: 2px;
	top: 6px;
	left: 16px;
	background: #111;
}

div.lnb li li+li {
	margin-top: 5px;
}

div.lnb span.num {
	color: #eb3b4b;
	font-weight: 600;
}

/*
div.lnb li.on a { background: #555; color: #fff; }
*/
div.lnb li.on li a {
	color: #555;
	background: transparent;
}

div.lnb li.on li.on a {
	font-weight: bold;
}

div.lnb2 {
	position: absolute;
	left: 0;
	top: 970px;
	width: 178px;
}

div.lnb2 li {
	border-top: 1px solid #ccc;
}

.pageTitle {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 20px;
	/* padding-left: 12px; */
	/* background: url('../images/title/page_title_bg.png') no-repeat; */
	font-size: 18px;
	font-weight: 800;
	line-height: 1;
}

.pageTitle .bar_left {
	width: 5px;
	height: 20px;
	background-color: var(--primary-color);
	border-radius: 2px;
}

.pageTitle>span {
	display: inline;
	font-size: 12px;
	color: #898989;
}

h4.information {
	padding: 10px 5px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	background: #555;
	text-align: center;
	font-weight: 600;
}

*+h4.information {
	margin-top: 30px;
}

/* contents */
.contents {
	position: relative;
	width: 1180px;
	margin: 0 auto 100px auto;
	min-height: auto;
}

.contents_02 {
	width: 960px !important;
	padding-left: 220px !important;
	min-height: 550px !important;
}

/* .contents_02.guide,
.contents_02.knowledge,
.contents_02.faq,
.contents_02.notice,
.contents_02.work_guide {
	width: 860px !important;
	padding-right: 100px;
} */

.contents.lnb {
	padding-left: 220px;
	width: 860px;
}

.contents:after {
	content: '';
	display: block;
	clear: both;
}

.contents .title .location {
	padding: 14px 0 20px;
	line-height: 24px;
}

.contents .title .location:after {
	content: '';
	display: block;
	clear: both;
}

.contents .title .location li {
	float: left;
}

.contents .title .location li+li {
	padding-left: 13px;
	background: url('../images/common/contents_location_arrow.png') 5px 9px no-repeat;
}

.contents .title .location img {
	vertical-align: middle;
}

.contents .title .location select {
	min-width: 147px;
	border: 1px solid #ccc;
	height: 26px;
	padding: 4px 5px 4px 4px;
	font-size: 12px;
	color: #555;
	vertical-align: middle;
}

.contents .title .location span {
	display: inline-block;
	height: 18px;
	padding: 4px 5px 4px 4px;
	font-size: 12px;
	color: #555;
	vertical-align: middle;
	line-height: 18px;
}

.subheading {
	text-align: left;
	display: inline-block;
	float: left;
	margin-top: 7px;
	margin-bottom: 20px;
	font-weight: bold;
	position: relative;
	width: 100%;
}

/* 베타오픈 주문체험 */
.div_order_test {
	position: fixed;
	bottom: 90px;
	right: 40px;
	z-index: 1;
}


/* footer */
.div_footer_wrapper {
	width: 100%;
	background-color: #fafafa;
	position: relative;
}

.div_footer {
	position: relative;
	width: 1180px;
	height: 180px;
	padding: 30px 0;
	margin: 0 auto;
	text-align: center;
	display: flex;
	justify-content: space-between;
}

.div_footer div {
	vertical-align: top;
}

.footer_title {
	font-family: 'NanumSquare', '나눔스퀘어', 'dotum', '돋움', arial, sans-serif;
	font-size: 19px;
	font-weight: var(--font-w-bold);
	color: var(--font-color-default);
	margin-bottom: 20px;
}

.div_footer_section_bar {
	/* margin: 0 58px; */
	width: 1px;
	height: 100%;
	background-color: var(--border-color-light);
	display: inline-block;
}

.div_ftf {
	position: fixed;
	bottom: 40px;
	right: 58px;
	z-index: 1;
}

/* footer - cs center */
.div_footer_center {
	display: inline-block;
	/* width: 250px; */
	text-align: left;
	display: inline-block;
}

.div_footer_center_tel {
	color: var(--primary-color);
	font-family: 'NanumSquare', '나눔스퀘어', 'dotum', '돋움', arial, sans-serif;
	font-size: 29px;
	font-weight: var(--font-w-regular);
	margin-bottom: 23px;
}

.footer_center_table {
	border: none;
	width: 204px;
}

.footer_center_table td {
	border: none;
	font-size: 12px;
	font-family: arial, 'dotum', '돋움', sans-serif;
	letter-spacing: 0;
	color: #555;
	line-height: 0;
	height: 5px;
	text-align: left;
}

.td_center_table_titme {
	font-weight: 600;
	text-align: right !important;
}

/* footer - about us */
.div_footer_about {
	display: inline-block;
	width: auto;
	text-align: left;
	display: inline-block;
}

.div_footer_menu {
	margin-bottom: 34px;
	display: block;
	/* width: 640px; */
}

.footer_menu_bar {
	padding: 0 6px;
}

.a_footer_menu {
	font-size: 12px !important;
	font-family: arial, 'dotum', '돋움', sans-serif !important;
	cursor: pointer;
	letter-spacing: 0 !important;
	color: var(--font-color-default);
	text-decoration: none !important;
}

.a_footer_menu:hover {
	color: var(--primary-color);
}

.div_footer_info p {
	font-size: 12px;
	font-family: arial, 'dotum', '돋움', sans-serif;
	letter-spacing: 0;
	color: #555;
	line-height: 24px;
}

div.emailProtection {
	display: none;
	position: absolute;
	top: -178px;
	left: 0;
	right: 0;
	bottom: 199px;
	background: #eb3b4b;
	width: 920px;
	height: 150px;
	margin: 0 auto;
	padding: 40px;
	color: #fff;
}

div.emailProtection:after {
	content: '';
	position: absolute;
	left: 190px;
	right: 0px;
	bottom: -18px;
	margin: 0 auto;
	display: block;
	border: 9px solid transparent;
	border-top-color: #eb3b4b;
	width: 0;
	height: 0;
}

div.emailProtection dt {
	line-height: 50px;
	font-weight: 700;
	font-size: 31px;
}

div.emailProtection dd {
	font-size: 13px;
	line-height: 2em;
	margin-top: 1.5em;
}

div.emailProtection button.close {
	position: absolute;
	right: 20px;
	top: 20px;
	width: 25px;
	height: 25px;
	padding: 0;
	line-height: 25px;
	height: 25px;
}

div.emailProtection div {
	position: absolute;
	right: 30px;
	bottom: 30px;
}

/* 사이트맵 */
.sitemap a {
	cursor: pointer;
}

/* aside member */
/*
aside.member { position: absolute; top: 0; bottom: 0; width: 251px; z-index: 99; transition: width .3s; }
aside.member._folded { width: 61px; }
aside.member .switch { position: absolute; right: -17px; padding: 2px; top: 485px; z-index: 1; }
aside.member .switch._closed { display: none; }
aside.member._folded .switch._opened { display: none; }
aside.member._folded .switch._closed { display: block; }
*/

aside.member {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 251px;
	z-index: 99;
	transition: width .2s;
}

aside.member._folded {
	width: 61px;
}

aside.member .switch {
	position: fixed;
	left: 234px;
	padding: 2px;
	top: 485px;
	z-index: 1;
}

aside.member .switch._closed {
	display: none;
	left: 47px;
}

aside.member._folded .switch._opened {
	display: none;
}

aside.member._folded .switch._closed {
	display: block;
}

aside.member .wrap {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	width: 250px;
	overflow: hidden;
	opacity: 1;
	transition: opacity .3s;
	background: #fafafa;
	border-right: 1px solid #000;
}

aside.member._folded .wrap {
	opacity: 0;
	width: 60px;
}

aside.member .wrap>div {
	width: 250px;
}

aside.member h2 {
	height: 50px;
	line-height: 50px;
	padding: 0 20px 0 45px;
	background: 20px center no-repeat;
	color: #fff;
	font-size: 14px;
}

aside.member .membership h2 {
	padding-left: 100px;
	background-image: url('../images/common/aside_member_grade_text.png');
	text-align: center;
}

aside.member .membership h2.grade10 {
	background-color: #00a651;
}

aside.member .membership h2.grade9 {
	background-color: #0074d9;
}

aside.member .membership h2.grade8 {
	background-color: #9b4d00;
}

aside.member .membership h2.grade7 {
	background-color: #898989;
}

aside.member .membership h2.grade6 {
	background-color: #898989;
}

aside.member .membership h2.grade5 {
	background-color: #f9aa00;
}

aside.member .membership h2.grade4 {
	background-color: #f9aa00;
}

aside.member .membership h2.grade3 {
	background-color: #a301ad;
}

aside.member .membership h2.grade2 {
	background-color: #e40009;
}

aside.member .membership h2.grade1 {
	background-color: #00c6bd;
}

aside.member .membership ul {
	margin: 1px 20px;
}

aside.member .membership li {
	font-weight: 600;
	color: #111;
	line-height: 32px;
	padding-left: 25px;
	background: left center no-repeat;
}

aside.member .membership li+li {
	border-top: 1px solid #e2e2e2;
}

aside.member .membership .prepaid {
	background-image: url('../images/common/aside_member_icon_prepaid.png');
}

aside.member .membership .point {
	background-image: url('../images/common/aside_member_icon_point.png');
}

aside.member .membership .coupon {
	background-image: url('../images/common/aside_member_icon_coupon.png');
}

aside.member .membership dt {
	float: left;
}

aside.member .membership dd {
	text-align: right;
}

aside.member .myOrder h2 {
	background-color: #667ba5;
	background-image: url('../images/common/aside_member_icon_myorder.png');
}

aside.member .myOrder ._switch {
	float: right;
	margin-right: 5px;
}

aside.member .myOrder ._switch li {
	float: left;
}

aside.member .myOrder ._switch li button {
	border: 1px solid #111111;
	padding: 4px;
	height: 20px;
	transition: background .3s;
	background: #142a57;
}

aside.member .myOrder ._switch li button img {
	display: block;
	opacity: .5;
	transition: opacity .3s;
}

aside.member .myOrder ._switch li button:hover,
aside.member .myOrder ._switch li button:focus {
	text-decoration: none;
}

aside.member .myOrder ._switch li+li button {
	border-left: 0 none;
}

aside.member .myOrder ._switch li._on button {
	background: #ff823a;
}

aside.member .myOrder ._switch li._on button img {
	opacity: 1;
}

/*
aside.member .myOrder h2 { background-color: #667ba5; background-image: url('../images/common/aside_member_icon_myorder.png'); }
aside.member .myOrder h2 ._switch { float: right; }
aside.member .myOrder h2 ._switch li { float: left; }
aside.member .myOrder h2 ._switch li button { border: 1px solid #111111; padding: 4px; height: 20px; transition: background .3s; background: #142a57; }
aside.member .myOrder h2 ._switch li button img { display: block; opacity: .5; transition: opacity .3s; }
aside.member .myOrder h2 ._switch li button:hover,
aside.member .myOrder h2 ._switch li button:focus { text-decoration: none; }
aside.member .myOrder h2 ._switch li + li button { border-left: 0 none; }
aside.member .myOrder h2 ._switch li._on button { background: #ff823a; }
aside.member .myOrder h2 ._switch li._on button img { opacity: 1; }
*/

aside.member .myOrder .list {
	padding: 7px 20px 0 5px;
}

aside.member .myOrder .list:after {
	content: '';
	display: block;
	clear: both;
}

aside.member .myOrder .list li {
	width: 60px;
	text-align: center;
	float: left;
	padding-left: 15px;
}

aside.member .myOrder .list li+li {
	background: url('../images/common/aside_member_myorder_arrow_right.png') 6px 40px no-repeat;
}

aside.member .myOrder .list+.list {
	padding: 14px 5px 7px 20px;
	margin-left: 0;
	background: url('../images/common/aside_member_myorder_arrow_down.png') 198px 3px no-repeat;
}

aside.member .myOrder .list+.list li {
	float: right;
	padding-left: 0;
	padding-right: 15px;
}

aside.member .myOrder .list+.list li+li {
	background: url('../images/common/aside_member_myorder_arrow_left.png') 65px 40px no-repeat;
}

aside.member .myOrder .list dd {
	background: #eb3b4b;
	border-radius: 10px;
	display: inline-block;
	color: #fff;
	height: 19px;
	line-height: 19px;
	padding: 1px 6px 0;
}

aside.member .myOrder .list dt {
	margin-top: -7px;
	line-height: 21px;
	padding-top: 60px;
	background: center top no-repeat;
}

aside.member .myOrder .list .standby dt {
	background-image: url('../images/common/aside_member_myorder_icon_standby.png');
}

aside.member .myOrder .list .application dt {
	background-image: url('../images/common/aside_member_myorder_icon_application.png');
}

aside.member .myOrder .list .manufacture dt {
	background-image: url('../images/common/aside_member_myorder_icon_manufacture.png');
}

aside.member .myOrder .list .release dt {
	background-image: url('../images/common/aside_member_myorder_icon_release.png');
}

aside.member .myOrder .list .delivery dt {
	background-image: url('../images/common/aside_member_myorder_icon_delivery.png');
}

aside.member .myOrder .list .complete dt {
	background-image: url('../images/common/aside_member_myorder_icon_complete.png');
}

aside.member .favorite h2 {
	background-color: #ff823a;
	background-image: url('../images/common/aside_member_icon_favorite.png');
}

aside.member .favorite table {
	margin: 0 20px;
	width: 210px;
	border-top: 0 none;
}

aside.member .favorite td {
	text-align: left;
}

aside.member .favorite li {
	float: left;
	cursor: pointer;
}

aside.member .favorite ul:hover li {
	text-decoration: underline;
}

aside.member .favorite li:after {
	content: '/';
}

aside.member .favorite li:last-child:after {
	content: '';
}

aside.member .favorite .function {
	margin: 10px;
	text-align: center;
}

aside.member .favorite .function button {
	height: 25px;
	line-height: 25px;
	width: 66px;
	padding: 0;
}

aside.member .favorite .function .purchase {
	float: left;
	margin-left: 10px;
}

aside.member .favorite .function .purchase strong button {
	width: 73px;
}

aside.member .contact h2 {
	background-color: #6e809e;
	background-image: url('../images/common/aside_member_icon_contact.png');
}

aside.member .contact dt {
	float: left;
}

aside.member .contact .telNum {
	line-height: 29px;
	font-weight: 600;
	color: #111;
	padding: 5px 20px;
}

aside.member .contact .telNum dt {
	width: 132px;
}

aside.member .contact .telNum dd {
	border-bottom: 1px solid #e2e2e2;
}

aside.member .contact strong {
	font-size: 32px;
	font-weight: 600;
	line-height: 48px;
	color: #111;
	padding: 0 20px;
}

aside.member .contact .time {
	padding: 5px 20px;
	font-size: 11px;
	line-height: 18px;
	color: #111;
	font-weight: 300;
}

aside.member .contact .time dt {
	padding-left: 2px;
	width: 90px;
}

aside.member .cover {
	width: 60px;
	position: fixed;
	top: 0;
	bottom: 0;
	left: -61px;
	background: #fafafa;
	border-right: 1px solid #000;
	transition: left .3s;
	cursor: pointer;
}

aside.member._folded .cover {
	left: 0;
}

aside.member .cover h2 {
	text-indent: -1000px;
	overflow: hidden;
	padding: 0;
	background-position: center;
}

aside.member .cover .membership h2 {
	background-image: url('../images/common/aside_member_grade_folded_shadow.png');
	text-indent: 0;
}

aside.member .cover .membership ul {
	width: 40px;
	margin: 1px 10px;
}

aside.member .cover .membership li {
	text-indent: -1000px;
	background-position: center;
}

/* ? 아이콘 툴팁 */
.tipBox {
	border: 1px solid #c9c9c9;
	border-radius: var(--border-radius-mid);
	text-align: left !important;
	display: none;
	overflow: hidden;
}

.tipBox .title {
	font-size: 12px;
	font-weight: 700;
	color: #252525;
	background: #fafafa;
	border-bottom: 1px solid #c9c9c9 !important;
}

.tipBox td {
	padding: 14px;
	border: none;
	text-align: left !important;
	background: #fff;
	font-size: 12px;
}

.tip_check_depo {
	position: absolute;
	top: 381px;
	left: -1px;
	width: 312px;
	z-index: 10;
}

.tip_cutting_label {
	position: absolute;
	top: 135px;
	left: 406px;
	width: 190px;
	z-index: 10;
}

.tip_delivery_price {
	position: absolute;
	top: 114px;
	left: -1px;
	width: 190px;
}

.tip_delivery_scheduled {
	position: absolute;
	top: -1px;
	left: 156px;
	width: 368px;
}

.tip_favorite_product {
	position: absolute;
	top: 53px;
	left: -1px;
	width: 334px;
}

.tip_thomson {
	position: absolute;
	top: 185px;
	left: 85px;
	width: 354px;
	z-index: 100;
}

.tip_thomson_type {}

.icon_check_depo {
	margin-bottom: 2px;
}

/* layer popup */
.modalMask {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url('../images/common/modalmask.png') left top repeat;
	overflow: auto;
	display: none;
	z-index: 10000 !important;
}

.modalMask .loading {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	line-height: 24px;
	height: 60px;
	margin: auto;
}

.loading {
	background: url('../images/common/bg_loading.png') no-repeat;
	width: 80px;
	height: 80px !important;
}

.loading img {
	padding: 10px 0px;
}

.layerPopupWrap {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
	opacity: 0;
	width: 800px;
	border-radius: var(--border-radius-mid);
	overflow: hidden;
}

.layerPopupWrap.logoinWrap {
	transform: translate(0, 0);
}

.layerPopupWrap .inner_padding {
	padding: 50px 60px 30px 60px;
	background: #fff;
}

.layerPopupWrap .btn_popup_close {
	top: 20px;
	right: 20px;
	position: absolute;
	padding: 0px;
	margin: 0px;
	display: inline-block;
	overflow: hidden;
	height: 20px;
	cursor: pointer;
}

.layerPopupWrap .close {
	cursor: pointer;
}

.layerPopupWrap .btn_popup_close:hover img {
	margin-top: -20px !important;
	vertical-align: top;
}

._on .layerPopupWrap {
	opacity: 1;
}

.layerPopup {
	background: #fff;
	width: 100%;
	height: 100%;
}

.layerPopup_contents {
	padding: 30px 0px 40px 0px;
}

.layerPopup_contents input {
	padding: 5px !important;
	border: 1px solid #ccc;
	font-size: 13px;
	color: #111;
	line-height: 16px !important;
}

.layerPopup_contents input [type=text],
input[type=password] {
	width: 100%;
}

.layerPopup h2 {
	font-size: 16px !important;
	font-family: 'dotum', '돋움', arial, sans-serif !important;
	color: #252525 !important;
	font-weight: 600 !important;
	border-bottom: 1px solid #b7b7b7 !important;
	padding-bottom: 20px;
	margin: 0px;
}

.layerPopupWrap em {
	display: block;
	text-align: center;
	margin-bottom: 30px;
	font-size: 16px;
	color: #252525;
	font-weight: 700;
}

.layerPopup_contents .tip {
	padding: 20px;
	margin-top: 30px;
}

.layerPopup_contents ul.notice {
	background: #eeeeee;
	padding: 20px;
	margin-top: 29px;
}

.layerPopup_contents ul.notice li {
	line-height: 18px;
}

.layerPopup_contents textarea {
	resize: none;
	height: 140px;
}

.layerPopupWrap .btn_wrapper {
	display: flex;

	position: relative;
	padding: 0px 0px 24px 0px;
	text-align: center;
}

.layerPopupWrap [class*="c_btn"] {
	height: 44px;
	font-weight: 700;
}

/* .layerPopupWrap .btn_wrapper .btn_type_01 {
	background: #fff;
	border: 1px solid var(--primary-color);
	color: var(--primary-color);
	font-weight: 700;
	position: relative;
	top: 0px;
	right: 0px;
	margin: 0 5px;
	width: 140px;
	padding: 20px;
	line-height: 0px;
}

.layerPopupWrap .btn_wrapper .btn_type_02 {
	background: var(--primary-color);
	border: 1px solid var(--primary-color);
	color: #fff;
	font-weight: 700;
	position: relative;
	top: 0px;
	right: 0px;
	margin: 0 5px;
	width: 140px;
	padding: 20px;
	line-height: 0px;
} */

/* 팝업-선입금 충전 */
.l_prepayment .layerPopup_contents .amount li {
	display: inline-block;
	width: 32%;
	height: 18px;
	margin-bottom: 14px;
}

.l_prepayment .layerPopup_contents .amount li input {
	border: none;
}

.l_prepayment .layerPopup_contents .pay_type {
	clear: both;
	display: inline-block;
}

.l_prepayment .layerPopup_contents .pay_type select {
	width: 100px;
	height: 28px;
}

.l_prepayment .layerPopup_contents .total_price {
	text-align: center;
	display: inline-block;
	float: right;
}

.l_prepayment .layerPopup_contents .total_price input {
	width: 100px !important;
	margin: 0 0 0 10px !important;
	text-align: right;
	background: #fff;
	color: #e95664;
	font-weight: 700;
	height: 16px;
	line-height: 16px !important;
}

/* 카드 충전 */
.l_pay_card .layerPopup_contents .amount {
	margin-bottom: 24px;
}

.l_pay_card .layerPopup_contents .amount li {
	display: inline-block;
	width: 24%;
	height: 18px;
	margin-bottom: 14px;
}

.l_pay_card .layerPopup_contents .amount li input {
	border: none;
}

.l_pay_card .layerPopup_contents .pay_type {
	clear: both;
	display: inline-block;
}

.l_pay_card .layerPopup_contents .pay_type select {
	width: 100px;
	height: 28px;
}

.l_pay_card .layerPopup_contents .total_price_wrapper {
	text-align: center;
	margin: 0 auto;
}

.l_pay_card .layerPopup_contents .total_price {
	text-align: center;
	display: inline-block;
}

.l_pay_card .layerPopup_contents .total_price input {
	width: 140px !important;
	margin: 0 0 0 10px !important;
	text-align: right;
	background: #fff;
	color: #e95664;
	font-weight: 700;
	height: 16px;
	line-height: 16px !important;
}

.l_pay_card .layerPopup_contents input[type=radio] {
	display: none !important;
	margin: 10px;
}

.l_pay_card .layerPopup_contents input[type=radio]+label {
	display: inline-block;
	padding: 9px 17px;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	font-size: 13px !important;
	width: 110px;
	text-align: center;
}

.l_pay_card .layerPopup_contents input[type=radio]:checked+label {
	background-image: none;
	background-color: #118acc;
	color: #fff;
}

.l_pay_card .layerPopup_contents .checked {
	background-image: none;
	background-color: #118acc !important;
	color: #fff;
}


/* 팝업-가상계좌 변경 */
.l_virt_ba .layerPopup_contents .input {
	border-top: 1px solid #d7d7d7;
}

.l_virt_ba .layerPopup_contents .input td input {
	line-height: 16px !important;
}

.l_virt_ba .layerPopup_contents .bank_info {
	clear: both;
	display: inline-block;
}

.l_virt_ba .layerPopup_contents .bank_info select {
	width: 210px;
	height: 28px;
}

.l_virt_ba .layerPopup_contents .name_info {
	clear: both;
	display: inline-block;
	margin-top: 20px;
	/* margin-left: 38px; */
}

.l_virt_ba .layerPopup_contents .name_info input {
	width: 210px;
	height: 28px;
}

.l_virt_ba .layerPopup_contents .name_input {
	width: 200px;
}

/* 재주문하기 */
.l_reorder .layerPopup_contents .amount {
	margin-bottom: 24px;
}

.l_reorder .layerPopup_contents .amount li {
	display: inline-block;
	width: 282px;
	height: 18px;
	margin-bottom: 14px;
}

.l_reorder .layerPopup_contents .amount li input {
	border: none;
}

.l_reorder .layerPopup_contents input[type=radio] {
	display: none !important;
	margin: 10px;
}

.l_reorder .layerPopup_contents input[type=radio]+label {
	display: inline-block;
	padding: 9px 17px;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	font-size: 13px !important;
	width: 256px;
	text-align: center;
}

.l_reorder .layerPopup_contents input[type=radio]:checked+label {
	background-image: none;
	background-color: #118acc;
	color: #fff;
}

.l_reorder .layerPopup_contents .checked {
	background-image: none;
	background-color: #118acc !important;
	color: #fff;
}


/* 팝업-파일 업로드 중 */



.uploading .layerPopup_contents {
	padding-top: 0px;
}

/* 상품 출고 안내 */
.l_delivery .layerPopup_contents .input_layer_pop_delivery_prdt_name {
	line-height: 24px !important;
}

.l_delivery .notice {
	margin-top: 0px !important;
}

.layerPopup_contents .product_info {
	text-align: center;
	padding: 26px 0;
}

/* 팝업-미리보기 */
.previewWrap {
	width: 900px;
}

.preview {
	height: 400px;
	text-align: center;
}

.preview img {
	width: auto;
	max-height: 360px;
	margin-right: 12px;
	margin-bottom: 12px;
}

/* 팝업-로그인 */
.logoinWrap {
	width: 500px;
	opacity: 1;
}

.login_join_text {
	font-weight: 700;
	font-size: 12px;
	color: #252525;
}

/* 팝업-시안보기 */
.l_draft .layerPopup_contents .demo {
	width: 780px;
}

/* 나의 배송지 등록*/
.l_address .layerPopup_contents table.input {
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
}

/* 배송지변경*/
.l_address_modify .layerPopup_contents table.input {
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
}

.btn_check_dlv_price {
	color: #667ba5 !important;
	border: 1px solid #d7d7d7 !important;
	background: #fff !important;
}

/* 팝업-csv 파일 업로드*/
.l_csv .layerPopup_contents input {
	padding: 5px 0 5px 10px !important;
	width: 570px;
}

/* 팝업-주문배송조회*/
.l_order_detail .layerPopupWrap {
	width: 840px;
}

.l_order_detail .layerPopup_contents {
	margin-bottom: 40px;
	padding: 30px 30px 0px 0px;
}

.l_order_detail .orderStatus h3 {
	text-align: center;
}

.l_order_detail .orderStatus .orderInfo {
	padding: 14px;
	position: relative;
	text-align: left;
	font-size: 12px;
	color: #898989;
	font-weight: bold;
	background: #fafafa;
	border: 1px solid #d6d6d6;
	line-height: 1.7;
	border-radius: var(--border-radius-mid);
}

.l_order_detail .orderStatus .orderInfo .btn_print {
	position: absolute;
	top: 50%;
	right: 14px;
	border: 1px solid #ccc;
	background: #f1f1f1;
	color: #333;
	padding: 4px;
	height: auto;
	font-size: 12px;
	transform: translate(-0%, -50%);
	border-radius: var(--border-radius-mid);
}

.l_order_detail .orderStatus .orderInfo dt,
.l_order_detail .orderStatus .orderInfo dd {
	display: inline-block;
}

.l_order_detail .orderStatus .orderInfo .category_text,
.l_order_detail .orderStatus .orderInfo .order_list_title_text {
	margin-bottom: 0px;
}

.l_order_detail .orderStatus .orderInfo dd.orderNumber {
	font-size: 14px;
	color: #222;
}

.l_order_detail .orderStatus .orderProgress {
	padding: 14px;
	background: #fafafa;
	border: 1px solid #d6d6d6;
	margin: 20px 0 30px 0;
	text-align: center;
	border-radius: var(--border-radius-mid);
}

.l_order_detail .orderStatus .orderProgress .title {
	margin-bottom: 10px;
	text-align: left;
	color: #222;
	font-weight: bold;
	line-height: 1.7;
}

.l_order_detail .orderStatus .byStatus li p {
	margin-top: 4px;
	color: #888;
}

.l_order_detail .orderStatus .byStatus li.on .name {
	background: url(../images/mypage/icon_progress.png) top center / 20px no-repeat;
	color: #e95664;
	font-weight: bold;
}

.l_order_detail .orderStatus .byStatus {
	clear: both;
	display: table;
	width: 100%;
}

.l_order_detail .orderStatus .byStatus:after {
	content: '';
	display: block;
	clear: both;
}

.l_order_detail .orderStatus .byStatus li {
	position: relative;
	height: auto;
	width: auto;
	overflow: hidden;
	text-align: center;
	padding: 0 4px;
	display: table-cell;
}

.l_order_detail .orderStatus .byStatus li+li {
	padding: 0 4px;
}

.l_order_detail .orderStatus .byStatus li:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -5px;
	margin: 0 auto;
	border: 5px solid transparent;
	transition: bottom .3s;
}

.l_order_detail .orderStatus .byStatus li+li:after {
	left: 10px;
}

.l_order_detail .orderStatus .byStatus li._on:after {
	bottom: 0;
}

.l_order_detail .orderStatus .byStatus li button {
	position: relative;
	display: block;
	text-align: center;
	color: #111;
	line-height: 21px;
	width: 58px;
	overflow: hidden;
	margin-bottom: 4px;
}

.l_order_detail .orderStatus .byStatus li button:focus {
	text-decoration: none;
}

.l_order_detail .orderStatus .byStatus li button:focus .name {
	text-decoration: underline;
}

.l_order_detail .orderStatus .byStatus li .name {
	padding-top: 16px;
	display: block;
	background: center 15px no-repeat;
	color: #222;
}

.l_order_detail .orderStatus .byStatus li._on .name {}

.l_order_detail .orderStatus .byStatus li .name:before {
	content: '';
	display: block;
	width: 54px;
	height: 54px;
	margin: 0 auto 5px auto;
	transition: background .3s;
	background-position: center;
	background-repeat: no-repeat;
}

.l_order_detail .orderStatus .byStatus li span:before {
	background-size: 80%;
}

.l_order_detail .orderStatus .byStatus li.acceptance_wait .name:before {
	background-image: url('../images/mypage/orderstatus_icon_application_wait.png');
}

.l_order_detail .orderStatus .byStatus li.acceptance_complete .name:before {
	background-image: url('../images/mypage/orderstatus_icon_application.png');
}

.l_order_detail .orderStatus .byStatus li.set_wait .name:before {
	background-image: url('../images/mypage/orderstatus_icon_set_wait.png');
}

.l_order_detail .orderStatus .byStatus li.set_complete .name:before {
	background-image: url('../images/mypage/orderstatus_icon_set.png');
}

.l_order_detail .orderStatus .byStatus li.print_complete .name:before {
	background-image: url('../images/mypage/orderstatus_icon_print.png');
}

.l_order_detail .orderStatus .byStatus li.process_complete .name:before {
	background-image: url('../images/mypage/orderstatus_icon_process.png');
}

.l_order_detail .orderStatus .byStatus li.cutting_complete .name:before {
	background-image: url('../images/mypage/orderstatus_icon_cutting.png');
}

.l_order_detail .orderStatus .byStatus li.after_complete .name:before {
	background-image: url('../images/mypage/orderstatus_icon_post.png');
}

.l_order_detail .orderStatus .byStatus li.delivery_complete .name:before {
	background-image: url('../images/mypage/orderstatus_icon_delivery.png');
}

/*
.l_order_detail .orderStatus .byStatus li.order .name:before { background-image: url('../images/mypage/orderstatus_icon_order.png');}
.l_order_detail .orderStatus .byStatus li.waiting .name:before { background-image: url('../images/mypage/orderstatus_icon_waiting.png');}
.l_order_detail .orderStatus .byStatus li.post .name:before { background-image: url('../images/mypage/orderstatus_icon_post.png');}
.l_order_detail .orderStatus .byStatus li.stock .name:before { background-image: url('../images/mypage/orderstatus_icon_stock.png');}
.l_order_detail .orderStatus .byStatus li.release .name:before { background-image: url('../images/mypage/orderstatus_icon_release.png');}
.l_order_detail .orderStatus .byStatus li.complete .name:before { background-image: url('../images/mypage/orderstatus_icon_complete.png');}
*/


.l_order_detail .orderStatus .byStatus li .num .total {
	padding: 4px 10px 2px 10px;
	border-radius: 20px;
	font-weight: 600;
	background: #b7b7b7;
	color: #fff;
	transition: background .3s;
	cursor: pointer;
}

.l_order_detail .orderStatus .byStatus li._on .num .total {
	background: #eb3b4b;
}

.l_order_detail .orderStatus .byStatus li .num.details .total {}

.l_order_detail .orderStatus .byStatus li .num dl {
	position: absolute;
	background: #b7b7b7;
	top: -1000px;
	left: 0;
	right: 0;
	padding: 3px 10px;
	border-radius: 5px;
	text-align: left;
	line-height: 21px;
	opacity: 0;
	transition: opacity .3s, top 0 .3s, background .3s;
	color: #fff;
}

.l_order_detail .orderStatus .byStatus li._on .num dl {
	background: #eb3b4b;
}

.l_order_detail .orderStatus .byStatus li+li .num dl {
	left: 10px;
}

.l_order_detail .orderStatus .byStatus li .num .total:hover+dl {
	top: 0;
	opacity: 1;
	transition: opacity .3s, top 0 0, background .3s;
}

.l_order_detail .orderStatus .byStatus li .num dt {
	float: left;
	width: 32px;
	white-space: nowrap;
}

.l_order_detail .orderStatus .byStatus li .num dd {
	text-align: right;
}

.l_order_detail .table_order_datail .btn_imgView {
	position: absolute;
	top: 0;
	right: 0;
	border: 1px solid #ccc;
	background: #f1f1f1;
	color: #333;
	padding: 4px;
	height: auto;
	font-size: 11px;
}

.l_order_detail .table_order_datail .td_file {
	cursor: pointer;
	color: #667ba5;
	font-weight: bold;
}

.l_order_detail table.input caption {
	padding-bottom: 10px;
	text-align: left;
	border-bottom: 1px solid #a9a9a9;
	color: #222;
	font-weight: bold;
	position: relative;
	line-height: 1.7;
	margin-top: 20px;
}

.l_order_detail table.input tbody th {
	font-weight: bold;
	background: #f5f5f5;
}

.l_order_detail .btn_orderInfoView {
	margin-top: 10px;
	text-align: center;
	border: 1px solid #ccc;
	background: #f1f1f1;
	color: #333;
	padding: 4px;
	height: auto;
	font-size: 11px;
}


/* 팝업-메일보내기 */


.layerPopup>div div._tab {
	margin: -10px 0;
}

.layerPopup>div div._tab ul {
	padding-top: 10px;
}

.layerPopup>div div._tab li {
	border-radius: 5px 5px 0 0;
	margin-bottom: -1px;
}

.layerPopup>div div._tab li button {
	font-size: 15px;
	line-height: 24px;
	color: #fff;
	font-weight: 200;
	padding: 0 20px 14px 20px;
}

.layerPopup>div div._tab li._on {
	background: #fff;
	box-shadow: 2px -1px 0px rgba(0, 0, 0, .2);
}

.layerPopup>div div._tab li._on button {
	color: #555;
	font-weight: 600;
	font-size: 16px;
	letter-spacing: -1px;
	padding: 7px 20px;
}

/*
.layerPopup > div button.close { top: 12px; right: -2px; position: absolute; padding:0px; margin:0px; display: inline-block; overflow: hidden; height:20px; cursor: pointer; line-height: 20px;}
.layerPopup > div button.close:hover img { margin-top:-20px !important; vertical-align: top; }
*/
.ui-draggable-handle button.close {
	top: 10px;
	right: 10px;
	position: absolute;
	padding: 0px;
	margin: 0px;
	display: inline-block;
	overflow: hidden;
	height: 20px;
	cursor: pointer;
}

.ui-draggable-handle button.close:hover img {
	margin-top: -20px !important;
	vertical-align: top;
}

.ui-draggable-handle h2 {
	font-family: 'dotum', '돋움', arial, sans-serif !important;
	color: #252525 !important;
	font-size: 16px;
	font-weight: 600 !important;
}

.layerPopup>div.scroll {
	overflow-y: scroll;
	position: absolute;
	top: 47px;
	bottom: 0;
}

.layerPopup>div.scroll:after {
	content: '';
	display: block;
	height: 20px;
}

.layerPopup>div>div.scrollWrap {
	overflow-y: scroll;
	margin: 0px;
	padding: 0px 20px 0 0;
}

.layerPopup>div>*+div.scrollWrap {
	margin-top: 0;
}

.layerPopup div.error {
	padding: 50px;
	line-height: 30px;
}

.layerPopup div.error em {
	font-size: 23px;
	color: #eb3b4b;
	font-weight: 600;
	text-align: left;
}

.layerPopup h3 {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: 600;
}

.layerPopup .sampleArea {
	border: 1px solid #d7d7d7;
	background: #fafafa;
	padding: 20px;
}

.layerPopup .function {
	margin-top: 20px;
}

.layerPopup .function a,
.layerPopup .function button {
	padding-right: 25px;
	height: 30px;
	background-image: none;
	padding: 0 20px;
	min-width: 80px;
	text-align: center;
	line-height: 30px;
}

.layerPopup .function a {
	min-width: 40px;
}

/*
.l_prepayment .amount:after { content: ''; display: block; clear: both; }
.l_prepayment .amount li { float: left; width: 50%; margin-bottom: 10px; }
.l_prepayment hr { clear: both; background: #ccc; margin: 10px 0 20px; height: 1px; }
.l_prepayment hr + h3 { float: left; line-height: 25px; margin-right: 10px; }
.l_prepayment input[type=text] { width: 100px; text-align: right;letter-spacing:0;}
.l_prepayment .note { clear: both; text-indent: -7px; padding-left: 7px; }
*/

/* layer popup */
.layerPopup>div div._tab li._on button {
	color: #667ba5;
}

.layerPopup .close img {}

.l_guide_tab .layerPopupWrap {
	width: 800px;
}

.l_guide_tab .layerPopup>div {
	text-align: center;
}

/*인쇄용*/
/*
@media print {
    div.top,
    div,
    footer,
    .noPrint,
    div.contents { display: none;}
    .modalMask { padding-top: 0 !important; padding-left: 0 !important; background-image: none !important;}
    .l_dealdetails .layerPopupWrap { width: 100% !important; top: 0; left: 0; border:none; box-shadow: none; transition: none; margin-top: 0 !important; margin-left: 0 !important;}
    table.information thead th,
    table.information thead td,
    table.information tbody th,
    table.information tbody td { border: 1px solid #aaa !important; }
    table.information tbody th,
    table.information thead th { background: #ddd !important; font-weight: 600 !important; color: #444 !important;}
    table.information { border-collapse: collapse !important;}
    .l_dealdetails div.bold table { border-bottom: none !important;}

    aside#login_aside { display: none;}
    .l_estimate .layerPopupWrap .layerPopup > div#esti_cont { overflow: visible; top: 0; bottom: 0; padding: 35px;}
    .l_estimate .layerPopupWrap .layerPopup > div,
    .l_estimate .layerPopupWrap .layerPopup > footer { display: none;}
    .l_estimate .layerPopupWrap { top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; border: none; box-shadow: none;}
}
@page {
    margin: 0cm 0cm;
}
*/

/* 17-01-01 ujh 헤더공통 추가 */
._order .wrap li a {
	font-weight: 900;
}

._order .wrap .lowMenu li {
	background: url(../images/common/icon_tnb_bullets.png) no-repeat 0 0;
	background-position-y: 7px;
}

._order .wrap .lowMenu a {
	font-weight: normal;
	margin-left: 10px;
	letter-spacing: -1px;
}


/* 서브공통 */
.div_sub_banner {
	position: relative;
	height: 140px;
	margin-bottom: 30px;
}

.div_sub_banner img {
	position: absolute;
	left: 50%;
	/* margin-left: -1300px; */
	transform: translate(-50%, 0);
	border-bottom: 1px solid var(--border-color-default);
}

.div_sub_banner .inner {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	display: flex;
	align-items: center;
	justify-content: flex-start;
	/* width: calc(var(--inner-width)*0.9); */
	width: 1180px;
	height: 140px;
}

.div_sub_banner .inner .title_wrap {
	border-left: 3px solid var(--primary-color);
	padding-left: 10px;
}

.div_sub_banner .inner .title_wrap h1 {
	font-family: 'NanumSquare', '나눔스퀘어', 'dotum', '돋움', arial, sans-serif;
	font-size: 24px;
	font-weight: var(--font-w-bolder);
	color: var(--font-color-default);
	margin-bottom: 8px;
}

.div_sub_banner .inner .title_wrap p {
	font-size: 14px;
	color: var(--font-color-sub);
	padding-top: 6px;
	/* border-top: 1px solid #c9c9c9; */
}

/* .sp_sub_title {
	background-color: var(--secondary-color);
} */

.sp_sub_title p {
	/* background: url('../images/common/blet_sp_sub_title.png') no-repeat; */
	/* background-position-y: 3px; */
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	/* padding-left: 10px; */
	font-size: 13px;
	font-weight: 600;
	/* color: #252525; */
	/* margin-bottom: 10px; */
	text-align: center;
	/* position: relative; */
	color: #fff;
	width: 120px;
	height: 40px;
	background-color: var(--primary-color);
}

.sp_sub_title p span {
	display: block;
	width: 5px;
	height: 5px;
	background-color: var(--primary-color);
	border-radius: 100%;
}

.sp_sub_title img {
	background: #5fabad;
}

/*
.util li:focus:before,util li:hover:before{box-shadow:0 7px 21px 0 rgba(0,0,0,.1);-webkit-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}
*/




/* 새로운 레이어 팝업 (기존 레이어는 아이프레임의 간섭으로 제어x / 제어하기위해 별도 클래스 생성 */
/*
.layerPop_new_wrapper {
	display:none;
	z-index:3000;
}
.layerPop_new {
	z-index: 3000 !important;
    position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    width: 600px !important;
    min-height: 520px !important;
    margin: -322px 0 0 -300px;
	background:#fff;
}
.layerPop_new .PopupWrap {
	width:auto !important;
}
.layerPop_new .btn_popup_close {
	top: 20px;
    right: 20px;
    position: absolute;
    padding: 0px;
    margin: 0px;
    display: inline-block;
    overflow: hidden;
    height: 20px;
    cursor: pointer;
    background-color: #fff;
    vertical-align: top;
}
*/
.layerPop_new .btn_popup_close:hover img {
	margin-top: -20px !important;
}

.Pop_bg {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.4);
	z-index: 2100 !important;
}


/* 테이블 리디자인 START */
.table_top_border {
	border: none;
}

.table_top_border td {
	padding: 0;
	height: 2px;
	background-color: #a9b7d2;
	border-bottom: none;
}

.table_form th {
	padding: 10px;
	font-size: 12px;
	font-weight: bold;
	color: #555;
	background: #f4f4f4;
	border-bottom: 1px solid #d7d7d7;
	text-align: left;
}

.table_form td {
	padding: 10px;
	font-size: 12px;
	color: #555;
	border-bottom: 1px solid #d7d7d7;
}

.table_form input {
	padding: 5px;
	width: 100%;
	border: 1px solid #d7d7d7;
	vertical-align: middle;
}

.table_form input[type="text"] {
	padding: 5px;
	width: 218px;
	border: 1px solid #d7d7d7;
	vertical-align: middle;
}

.table_form input[type="file"] {}

.table_form input[type="password"] {
	padding: 5px;
	width: 218px;
	border: 1px solid #d7d7d7;
	vertical-align: middle;
}

.table_form input[type="radio"] {
	width: auto;
	border: 0px;
	margin: 0px;
}

.table_form select {
	margin-right: 5px;
	min-width: 60px;
	padding: 5px;
	border: 1px solid #d7d7d7;
	vertical-align: middle;
}

.table_form .tel_input_wrapper input {
	padding: 5px;
	width: 60px !important;
	border: 1px solid #d7d7d7;
	vertical-align: middle;
}

.table_form .tel_input_wrapper select {
	width: 60px;
	padding: 5px;
	margin-right: 0px;
	border: 1px solid #d7d7d7;
	vertical-align: middle;
}

.table_form textarea {
	border: 1px solid #d7d7d7;
}

.file_link a {
	color: #0089d0 !important;
	font-weight: bold;
}

.file_link a:hover {
	color: #ff6136 !important;
}

.agree_text {
	margin: 10px 0;
	font-weight: 100;
	color: #0089d0;
}

/* 테이블 리디자인 END */

#faq_list .question {
	cursor: pointer;
}




.mobile_logo {
	display: none;
}
.mainBanner.mobile {
	display: none;
}
@media only screen and (max-width: 768px) {
	body {
		min-width: unset !important;
	}
	body, select, input, textarea, button {
		font-size: 14px;
	}
	.mobile_hidden {
		display: none;
	}
	.div_tnb table td {
		width: 100% !important;
	}
	.div_tnb {
		width: 100% !important;
	}
	.td_tnb_wrap {
		position: relative !important;
	}
	.mobile_logo {
		z-index: 10;
		position: absolute !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
	}
	.mobile_logo img {
		width: 120px;
	}
	.table_tnb .badge {
		display: none;
	}
	.td_tnb {
		display: none !important;
	}
	.tnb_btn_list {
		justify-content: flex-start !important;
	}
	.div_header_wrapper {
		padding: 0 10px;
		box-sizing: border-box;
	}
	.div_header_wrapper .div_header {
		display: none;
	}
	.div_header_wrapper .a_tnb_menu {
		display: none;
	}
	.header_02 {
		padding: 0 10px;
	}
	.div_sub_banner {
		padding: 0 10px !important;
		box-sizing: border-box !important;
		margin-bottom: unset !important;
	}
	.div_sub_banner img {
		display: none;
	}
	.div_sub_banner .inner {
		position: unset !important;
		width: 100% !important;
		transform: unset !important;
	}
	.div_footer_wrapper {
		display: none;
	}

	.mainBanner.pc {
		display: none;
	}
	.mainBanner.mobile {
		display: inline-block !important;
		width: 100% !important;
		height: 440px !important;
	}
	@media only screen and (max-width: 700px) {
		.mainBanner.mobile {
			height: 400px !important;
		}
	}
	@media only screen and (max-width: 600px) {
		.mainBanner.mobile {
			height: 340px !important;
		}
	}
	@media only screen and (max-width: 500px) {
		.mainBanner.mobile {
			height: 280px !important;
		}
	}
	@media only screen and (max-width: 400px) {
		.mainBanner.mobile {
			height: 220px !important;
		}
	}
	.mainBanner.mobile .list {
		left: 0 !important;
		height: 100% !important;
		margin-left: unset !important;
	}
	.mainBanner.mobile .list li {
		top: unset !important;
		left: unset !important;
		/* height: 100% !important; */
	}
	.mainBanner.mobile .list li img {
		width: 100% !important;
	}
	.main_contents_wrapper {
		width: 100% !important;
		padding: 0 10px;
		box-sizing: border-box !important;
	}
	.main_contents_title_text {
		line-height: 1.4;
	}
	.best_product_slide .slide_inner {
		flex-direction: column;
		gap: 20px !important;
	}
	.best_product_slide .slide_inner .left_prdt {
		width: 100% !important;
	}
	.best_product_slide .slide_inner .left_prdt .text_wrap {
		padding: 20px !important;
		box-sizing: border-box !important;
	}
	.best_product_slide .slide_inner .right_wrap {
		flex-direction: column !important;
		width: 100% !important;
	}
	.best_product_slide .slide_inner .right_wrap .right_prdt {
		flex-direction: column !important;
		justify-content: center !important;
		width: 100% !important;
		padding-right: 0 !important;
	}
	.best_product_slide .slide_inner .right_wrap .right_prdt .image_wrap {
		width: 100% !important;
		height: 300px !important;
	}
	.best_product_slide .slide_inner .right_wrap .right_prdt .text_wrap {
		align-items: center !important;
		padding: 20px !important;
		box-sizing: border-box !important;
	}
	.hit_prdt_frame {
		width: 100% !important;
		margin: 12px 0 !important;
	}
	.hit_prdt_frame .hit_img_wrapper {
		width: 100% !important;
	}
	.btn_main_prdt_more {
		width: 100% !important;
		max-width: unset !important;
	}
	.advantage_wrapper {
		display: none !important;
	}
	.center_wrapper .flex_container {
		flex-direction: column !important;
		gap: 20px 0 !important;
	}
	.center_wrapper .flex_container > div {
		width: 100% !important;
		height: 100% !important;
		padding: 20px 10px !important;
		box-sizing: border-box !important;
	}
	.flex_container > div > div {
		width: 100% !important;
	}
	.notice_table_wrapper {
		margin: 0 !important;
	}
	.notice_table_wrapper + .notice_table_wrapper {
		margin-top: 30px !important;
	}
	.notice_top_table {
		width: 100% !important;
	}


	.contents {
		width: 100%;
	}
	.contents .leftWrap {
		display: none;
	}
	.contents .rightWrap {
		float: none;
		width: 100%;
	}
	.contents .quickEstimate {
		display: none;
	}
	.contents .option {
		display: none;
	}
	.div_side_menu_wrapper {
		display: none;
	}
	.productOptions dl dt {
		width: 100% !important;
		margin-bottom: 0 !important;
	}
	.productOptions dl dd {
		margin-top: 0 !important;
		margin-bottom: 16px !important;
	}
	.productOptions .selection dd {
		width: 100% !important;
	}
	.productOptions .selection dd.full {
		width: 100% !important;
	}
	.productOptions select {
		width: 100% !important;
	}
	.productOptions dd.size select {
		margin: 0 !important;
	}
	.productOptions dd.size select + select {
		margin-top: 10px !important;
	}
	.productOptions .after .list {
		padding-left: 0 !important;
	}
	.price dd.price {
		padding-right: 0 !important;
	}
	#work_file_dl {
		width: 100% !important;
	}
	#work_file_dl #order_file {
		min-width: 80px !important;
		margin-left: 10px;
	}
	.productOptions div>dl>dd {
		width: 100% !important;
	}
	.purchase .function {
		padding: 5px 10px !important;
	}
	.purchase .function strong {
		float: none !important;
		width: 100% !important;
		margin: 0 !important;
		box-sizing: border-box;
	}
	.purchase .function strong button {
		width: 100% !important;
		margin: 0 !important;
		margin-bottom: 6px !important;
	}
	.purchase .function > button {
		width: calc((100% - 20px) / 3) !important;
		margin: 0 !important;
	}
	.purchase .function > button + button {
		margin-left: 10px !important;
	}
	.naver_pay {
		display: flex;
		align-items: flex-end;
		justify-content: center;
		flex-direction: column;
		width: 100% !important;
		padding: 5px 10px !important;
		box-sizing: border-box !important;
	}
	.npay_btn_link.npay_btn_pay {
		margin-left: 0 !important;
	}
	.naver_pay > div {
		width: 100% !important;
	}
	.product_tab {
		display: none;
	}
}
@media only screen and (max-width: 380px) {
	.purchase .function > button {
		width: calc((100% - 0px) / 1) !important;
		margin: 0 !important;
	}
	.purchase .function > button + button {
		margin-top: 6px !important;
		margin-left: 0px !important;
	}
}