@charset "utf-8";

@import url("https://fonts.googleapis.com/css2?family=Antic+Didone&family=Noto+Sans+KR:wght@300&display=swap");

/* 초기화 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	letter-spacing: normal
}

/* delete vertical-align,font:inherit; */
body,
html {
	font-size: 12px;
	color: #353535;
}

/*
body {
	min-width:100% !important;
	height:100%;
	overflow-y:scroll !important;
	background:none !important;
}
@media all and (max-width:1285px) {
	background: #fff;
	color: #040922;
	/* body { min-width:1000px !important; } removed for responsive layout */
}

*/

/***
body{font-size:12px; font-family:'Nanum Gothic',"돋움",dotum,Verdana,sans-serif; color:#333; line-height:160%;}
font-family:'Malgun Gothic', Tahoma, Geneva, dotum, sans-serif;
body,code,button,input,label,select,td,textarea {
	zoom:1;
	line-height:1.4em;
	font:12px 'Nanum Gothic','Roboto','Verdana','Open Sans','Dotum','AppleGothic','돋움','Dotum','Helvetica','sans-serif','xeicon' !important;
	color:#333;
	-webkit-overflow-scrolling: touch;
	-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	text-size-adjust:100%;
}
***/
* {
	font-family: noto sans kr, antic didone, sans-serif;
}

ol,
ul,
li {
	list-style: none
}

legend {
	position: absolute;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999em;
	overflow: hidden
}

blockquote,
q {
	quotes: none
}

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

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 12px
}

table caption {
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	font-size: 12px
}

dt {
	display: block
}

hr {
	display: none
}

em {
	font-style: normal
}

address {
	font-style: normal
}

input,
select,
img {
	vertical-align: middle
}

button {
	cursor: pointer
}

label,
input,
button,
select,
img {
	vertical-align: middle
}

input,
button,
textarea,
select {
	margin: 0;
	padding: 0;
	font-size: 1em
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 1.2em;
}

form,
span,
select {
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
	padding: 0;
	word-wrap: break-word;
	l
}

hr {
	display: none
}

pre {
	overflow-x: scroll;
	font-size: 1.1em
}

button {
	cursor: pointer;
	outline: none;
}

/*Button 按钮的点击时候出现蓝色边框*/
a:link,
a:visited {
	color: #000;
	text-decoration: none;
	transition: color 0.25s;
	outline: none;
}

a:hover,
a:focus,
a:active {
	color: #000;
	text-decoration: none;
	outline: none;
}

/*text-decoration:underline;*/

img {
	margin: 0;
	padding: 0;
	border: 0
}

.inputTypeText {
	border: 1px solid #ccc;
	background: #fff;
	color: #000;
	vertical-align: middle;
	border-radius: 2px;
	padding: 5px;
	height: 26px
}

input[type="checkbox"] {
	width: 16px;
	height: 16px;
	vertical-align: middle;
	border: 1px solid #000;
}

input[type="radio"] {
	width: 16px;
	height: 16px;
	vertical-align: middle;
	position: relative;
}

.hidden {
	display: none
}

input {
	outline: 0px;
}

.clear {
	clear: both;
}

.tip_txt {
	margin-top: 10px
}

.red {
	color: red !important;
}

.blue {
	color: blue !important;
}



*,
:after,
:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input[type=text],
input[type=password],
textarea {
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
}


.placeholdersjs {
	color: #aaa !important;
}

.-width {
	position: relative;
	width: 1260px;
	margin: 0 auto;
	*zoom: 1;
}

.-width:after {
	content: "";
	display: block;
	clear: both;
	*zoom: 1;
}

@media all and (max-width:1285px) {
	.-width {
		width: 980px;
	}
}

.displaynone {
	display: none;
}

.divClear {
	position: relative;
	display: block;
	clear: both;
}

.divClear:after {
	content: "";
	display: block;
	clear: both;
	*zoom: 1;
}

.d_clear {
	clear: both;
}



.all_warp {
	min-width: 1260px
}


d_clear {
	clear: both;
}

.-mov,
.-mov img {
	-khtml-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.-mov:hover,
.-mov:hover img {
	-khtml-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.-scale img {
	-khtml-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}

.-scale:hover img {
	-khtml-transform: scale(1.05, 1.05);
	-moz-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	-o-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}

.-opacity,
.-opacity img {
	filter: alpha(opacity=100);
	-khtml-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	opacity: 1;
}

.-opacity:hover,
.-opacity:hover img {
	filter: alpha(opacity=70);
	-khtml-opacity: .7;
	-moz-opacity: .7;
	-ms-opacity: .7;
	-o-opacity: .7;
	opacity: .7;
}

.-spring_x {
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	animation-name: spring_x;
	animation-duration: 3.5s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-direction: normal;
	-webkit-animation-name: spring_x;
	-webkit-animation-duration: 3.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-direction: normal;
}

@keyframes spring_x {
	0% {
		transform: translate(0px, 0px)
	}

	80% {
		transform: translate(0px, 0px)
	}

	85% {
		transform: translate(4px, 0px)
	}

	90% {
		transform: translate(0px, 0px)
	}

	95% {
		transform: translate(4px, 0px)
	}

	100% {
		transform: translate(0px, 0px)
	}
}

@-webkit-keyframes spring_x {
	0% {
		transform: translate(0px, 0px)
	}

	80% {
		transform: translate(0px, 0px)
	}

	85% {
		transform: translate(0px, 4px)
	}

	90% {
		transform: translate(0px, 0px)
	}

	95% {
		transform: translate(0px, 4px)
	}

	100% {
		transform: translate(0px, 0px)
	}
}

.-spring_y {
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	animation-name: spring_y;
	animation-duration: 3.5s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-direction: normal;
	-webkit-animation-name: spring_y;
	-webkit-animation-duration: 3.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-direction: normal;
}

@keyframes spring_y {
	0% {
		transform: translate(0px, 0px)
	}

	80% {
		transform: translate(0px, 0px)
	}

	85% {
		transform: translate(0px, 4px)
	}

	90% {
		transform: translate(0px, 0px)
	}

	95% {
		transform: translate(0px, 4px)
	}

	100% {
		transform: translate(0px, 0px)
	}
}

@-webkit-keyframes spring_y {
	0% {
		transform: translate(0px, 0px)
	}

	80% {
		transform: translate(0px, 0px)
	}

	85% {
		transform: translate(0px, 4px)
	}

	90% {
		transform: translate(0px, 0px)
	}

	95% {
		transform: translate(0px, 4px)
	}

	100% {
		transform: translate(0px, 0px)
	}
}

.rOver img {
	position: absolute;
	top: 0;
	left: 0;
}

.rOver .off {
	visibility: visible;
	filter: alpha(opacity=100);
	opacity: 1.0;
	-webkit-opacity: 1.0;
}

.rOver:hover .off {
	visibility: hidden;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-opacity: 0;
}

.rOver .on {
	visibility: hidden;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-opacity: 0;
}

.rOver:hover .on {
	visibility: visible;
	filter: alpha(opacity=100);
	opacity: 1.0;
	-webkit-opacity: 1.0;
}

.warning {
	display: ;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, .8);
	background: url('img/bg_opacity_b_80.png');
	visibility: hidden;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-opacity: 0;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
}

.warning i {
	display: block;
	padding: 0 0 20px;
	font-size: 50px;
	color: #fff;
}

.warning p {
	position: absolute;
	top: -1000px;
	width: 100%;
	line-height: 33px;
	text-align: center;
	font-size: 23px;
	color: #fff;
}

@media all and (max-width:760px) {
	.warning {
		z-index: 9999;
		height: 100%;
		visibility: visible;
		filter: alpha(opacity=100);
		opacity: 1.0;
		-webkit-opacity: 1.0;
	}

	.warning p {
		top: 30%;
	}
}

.-change {
	position: relative;
	width: 25px;
	height: 27px;
}

.-change img {
	left: 0;
}

.-change i {
	left: 50%;
	width: 18px;
	margin-left: -8px;
	line-height: 25px;
	font-size: 18px;
}

.-change img:nth-child(1),
.-change i:nth-child(1) {
	position: absolute;
	top: 0px;
	visibility: visible;
	filter: alpha(opacity=100);
	opacity: 1.0;
	-webkit-opacity: 1.0;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

.-change:hover img:nth-child(1),
.-change:hover i:nth-child(1) {
	top: 5px;
	visibility: hidden;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-opacity: 0;
}

.-change img:nth-child(2),
.-change i:nth-child(2) {
	position: absolute;
	top: -5px;
	visibility: hidden;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-opacity: 0;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

.-change:hover img:nth-child(2),
.-change:hover i:nth-child(2) {
	top: 0;
	visibility: visible;
	filter: alpha(opacity=100);
	opacity: 1.0;
	-webkit-opacity: 1.0;
}

.-caption {
	position: absolute;
	z-index: 1;
	left: 50%;
	bottom: 0;
	width: 0;
	height: 0;
}

.-caption p {
	display: block;
	position: absolute;
	top: 0;
	height: 25px;
	line-height: 24px;
	padding: 0 10px;
	transform: translateX(-48%);
	background: rgba(255, 255, 255, .95);
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 0;
	font-size: 11px;
	color: #333;
	font-weight: normal;
	white-space: nowrap;
	visibility: hidden;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-opacity: 0;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}






.JS_topBnr_wrap {
	display: block;
}

.JS_topBnr {
	position: relative;
	width: 100%;
	z-index: 2;
	margin: 0 0 -1px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	overflow: hidden;
}

.position_center {
	position: absolute;
	z-index: 10;
	top: -5px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: 650px;
	opacity: 0;
	-webkit-opacity: 0;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

.JS_topBnr:hover .position_center {
	top: 0px;
	opacity: 1;
	-webkit-opacity: 1;
}

.JS_topBnr .close {
	position: absolute;
	z-index: 5;
	right: 20px;
	width: 27px;
	height: 27px;
	background: url('img/btn_close.gif') no-repeat center rgba(0, 0, 0, .8);
	cursor: pointer;
}

.JS_topBnr .checkbox {
	display: none;
}

.JS_topBnr_roll {
	position: relative;
	width: 100%;
	height: 100px;
	overflow: hidden;
}

.JS_topBnr_roll .img {
	position: relative;
	width: 100%;
	height: 100%;
}

.JS_topBnr_roll .img li {
	position: absolute;
	top: 0;
	left: 50% !important;
	width: 2000px;
	height: 100%;
	margin-left: -1000px;
	text-align: center;
}

.JS_topBnr_roll .img li:first-child {
	z-index: 1;
	left: 0;
}

.JS_topBnr_roll .img li img {}

.JS_topBnr_roll .btn {
	height: 2px;
	position: absolute;
	z-index: 3;
	bottom: 10px;
	left: 50%;
	width: 1260px;
	line-height: 0;
	margin: 0 0 0 -620px;
	text-align: center;
	letter-spacing: -4px;
	font-size: 0;
	opacity: 0;
	transition: opacity .3s 8s ease;
	-webkit-transition: opacity .3s 8s ease;
}

.JS_topBnr_roll:hover .btn {
	opacity: 1.0;
	-webkit-opacity: 1.0;
	transition-delay: 0s;
	-webkit-transition-delay: 0s;
}

.JS_topBnr_roll .btn li {
	position: relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 15px;
	height: 2px;
	margin: 0 2px;
	background: #ccc;
	cursor: pointer;
	font-size: 0;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

.JS_topBnr_roll .btn li span {
	position: absolute;
	left: 0;
	display: block;
	width: 0;
	height: 100%;
	background: #111;
	text-indent: -9999px;
}

.JS_topBnr_roll .btn li.on {
	width: 25px;
	background: #999;
}

.JS_topBnr_roll .DB_dir {
	position: absolute;
	z-index: 10;
	left: 50%;
	top: 0;
	width: 1260px;
	margin: 0 0 0 -620px;
	height: 0;
	cursor: pointer;
	opacity: 0;
	-webkit-opacity: 0;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

.JS_topBnr_roll:hover .DB_dir {
	opacity: 1;
	-webkit-opacity: 1;
}

.JS_topBnr_roll .arrow {
	position: absolute;
	width: 30px;
	height: 30px;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

.JS_topBnr_roll .prev {
	top: -5px;
	background: url('img/arrow_prev.gif') no-repeat 50% 50% rgba(0, 0, 0, .2);
}

.JS_topBnr_roll:hover .prev {
	top: 0px
}

.JS_topBnr_roll:hover .prev:hover {
	background: url('img/arrow_prev.gif') no-repeat 50% 50% rgba(0, 0, 0, .4);
}

.JS_topBnr_roll .next {
	top: 25px;
	background: url('img/arrow_next.gif') no-repeat 50% 50% rgba(0, 0, 0, .2);
}

.JS_topBnr_roll:hover .next {
	top: 30px;
}

.JS_topBnr_roll:hover .next:hover {
	background: url('img/arrow_next.gif') no-repeat 50% 50% rgba(0, 0, 0, .4);
}

@media all and (max-width:1285px) {
	.JS_topBnr_roll .btn {
		width: 980px;
		margin: 0 0 0 -490px;
	}

	.JS_topBnr_roll .DB_dir {
		width: 980px;
		margin: 0 0 0 -490px;
	}
}

#header {
	display: block;
	position: relative;
	background: none;
}




#header_01 {
	position: relative;
	z-index: 30;
	width: 100%;
	height: 40px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	background: rgba(255, 255, 255, 0.1);
}

#header_01.fixed {
	position: fixed;
	top: 0;
	background: rgba(255, 255, 255, 0.97);
	background: #fff \9;
}

.goHome_wrap {
	position: absolute;
	top: 0;
	left: -1px;
	width: 52px;
	height: 41px;
	overflow: hidden;
}

.goHome a {
	position: absolute;
	z-index: 11;
	top: -41px;
	left: 0;
	width: 52px;
	height: 41px;
	line-height: 41px;
	background: #222;
	text-align: center;
	cursor: pointer;
	transition: top .3s 1s ease;
}

#header_01.fixed .goHome a {
	top: 0px;
	transition-delay: 1s;
}

.goHome a:hover {
	text-decoration: none !important;
}

.goHome i {
	line-height: 38px;
	font-size: 20px;
	color: #fff;
}

#header_01 .goHome_move {
	float: left;
	width: 0;
	height: 40px;
	font-size: 0;
	transition: all .3s 1.5s ease;
}

#header_01.fixed .goHome_move {
	margin: 0 0 0 55px;
	transition-delay: .5s;
}

.sns_icon {
	position: relative;
	float: left;
	top: 6px;
	margin: 0 0 0 5px;
}

.sns_icon li {
	position: relative;
	float: left;
	height: 40px;
	margin: 0 2px;
}

.sns_icon li a {
	display: block;
	width: 27px;
	height: 28px;
	border-radius: 100%;
	background: rgba(0, 0, 0, .05);
	font-size: 15px;
	text-align: center;
	text-decoration: none;
	transition: all .7s ease;
}

.sns_icon li:hover a {
	background: rgba(0, 0, 0, .1);
	transition: all .3s ease;
	transform: rotate(30deg);
}

.sns_icon li a i {
	line-height: 27px;
	color: #000;
	filter: alpha(opacity=80);
	opacity: .8;
}

.sns_icon li.ico a {
	background: none;
}

.sns_icon li.ico a img {
	line-height: 28px;
	width: 28px;
	opacity: .8;
}

.JS_topMenu {
	position: relative;
	z-index: 10;
}

.JS_topMenu a {
	display: block;
	color: #333;
	font-size: 12px;
	white-space: nowrap;
	text-decoration: none;
}

.JS_topMenu a:hover {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

.JS_topMenu li {
	position: relative;
}

.JS_topMenu.left {
	float: left;
}

.JS_topMenu.right {
	float: right;
}

.JS_topMenu>li {
	float: left;
	background: url("img/line_20.png") 0 48% no-repeat;
}

.JS_topMenu>li:first-child {
	background: none;
}

.JS_topMenu>li>a {
	height: 39px;
	padding: 0 6px 1px 7px;
	line-height: 40px;
	border-bottom: 1px solid rgba(255, 255, 255, 0);
	letter-spacing: 0.08em;
	transition: color .3s, font-weight .3s ease;
}

.JS_topMenu>li.arrow>a {
	padding: 0 18px 1px 8px;
	background: url('img/arrow_menu_down.gif') no-repeat 93% 50%;
}

.JS_topMenu>li.on>a,
.JS_topMenu>li.fix>a {
	border-bottom: 1px solid #333;
	font-weight: bold;
	color: #000;
}

.JS_topMenu>li .count {
	display: inline-block;
	width: 17px;
	height: 17px;
	line-height: 14px;
	margin: 0;
	padding: 2px;
	background: rgba(115, 0, 35, .8);
	border-radius: 50%;
	text-align: center;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
}

.JS_topMenu>li>ul {
	display: none;
	position: absolute;
	top: 38px;
	left: 50%;
	margin: 0 0 0 -65%;
	padding: 7px 0;
	border: 1px solid #ddd;
	border-top: 1px solid #333;
	background: #fff;
}

.JS_topMenu>li>ul>li.arrow {
	background: url('img/arrow_menu.gif') no-repeat 95% 50%;
}

.JS_topMenu>li>ul>li:first-child>a {
	border-top: none;
}

.JS_topMenu>li>ul>li>a {
	height: 25px;
	line-height: 25px;
	margin: 0 10px;
	padding: 0 12px;
	border-top: 1px solid #eee;
	color: #555;
	white-space: nowrap;
}

.JS_topMenu>li>ul>li>a:hover,
.JS_topMenu>li>ul>li.on>a {
	background: rgba(0, 0, 0, .05);
}

.JS_topMenu>li>ul>li>ul {
	display: none;
	position: absolute;
	top: 5px;
	left: 90px;
	width: 120px;
	padding: 7px 0;
	border: 1px solid #ddd;
	background: #fff;
}

.JS_topMenu>li>ul>li>ul>li {
	display: block;
}

.JS_topMenu>li>ul>li>ul>li:first-child {}

.JS_topMenu>li>ul>li>ul>li a {
	height: 22px;
	padding: 0 0 0 10px;
	line-height: 23px;
	color: #555;
	font-size: 11px;
}

.JS_topMenu>li>ul>li>ul>li a:hover,
.JS_topMenu>li>ul>li>ul>li.on a {
	background-color: rgba(0, 0, 0, .05);
	color: #111;
}

.JS_topMenu .point_ico {
	position: absolute;
	top: 32px;
	left: 3px;
	width: 60px;
	height: 23px;
	line-height: 23px;
	background: rgb(51, 51, 51);
	background: url('img/mileage_bg.png') no-repeat;
	border-radius: 3px;
	font-weight: bold;
	font-size: 10px;
	letter-spacing: 0;
	text-align: center;
	color: #fff;
	filter: alpha(opacity=100);
	opacity: 1;
	transition: all .8s .5s ease !important;
	-webkit-transition: all .8s .5s ease !important;
}

#header_01.fixed .JS_topMenu .point_ico {
	top: 20px;
	filter: alpha(opacity=0);
	opacity: 0;
	transition-delay: .8s;
}

.JS_topMenu .multishop img {
	position: relative;
	top: 14px;
	margin: 0 7px 0 0;
}

.JS_topMenu .multishop>ul {
	z-index: 10;
	width: 180px !important;
}

.JS_topMenu .multishop>ul>li.selected {
	background: url('img/dot_notice.gif') no-repeat 16px 10px;
}

.JS_topMenu .multishop>ul a img {
	top: 6px !important;
	left: 5px;
}

.JS_topMenu .multishop>ul .name {
	display: inline-block;
	width: 80px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.JS_topMenu .multishop>ul .unit {
	float: right;
	width: 30px;
	font-size: 10px;
}

.JS_topMenu .multishop>ul>li>a {
	padding: 0 0 0 10px;
}




#header_02 {
	min-width: 1260px;
	position: relative;
	z-index: 28;
	height: 190px;
	background: rgba(255, 255, 255, 0.1);
}

#header_02 .logo {
	position: relative;
	z-index: 2;
	top: 20px;
	width: 600px;
	height: 120px;
	line-height: 120px;
	margin: 0 auto;
}

#header_02 .logo a {
	font-size: 36px;
	color: #666;
	letter-spacing: 5px;
	font-family: 'Old Standard TT', serif;
}

#header_02 .logo.rOver.stop:hover .off {
	visibility: visible;
	filter: alpha(opacity=100);
	opacity: 1.0;
}

#header_02 .logo.stop .on {
	display: none;
}

#header_02 .logo.fade .off {
	top: 0;
}

#header_02 .logo.fade:hover .off {
	top: 0;
}

#header_02 .logo.fade .on {
	top: 0;
}

#header_02 .logo.fade:hover .on {
	top: 0;
}

#header_02 .logo.upDown .off {
	top: 0;
}

#header_02 .logo.upDown:hover .off {
	top: 12px;
}

#header_02 .logo.upDown .on {
	top: -12px;
}

#header_02 .logo.upDown:hover .on {
	top: 0;
}

#header_02 .logo.left .off {
	top: 0;
	left: 0;
}

#header_02 .logo.left:hover .off {
	left: 12px;
}

#header_02 .logo.left .on {
	top: 0;
	left: -12px;
}

#header_02 .logo.left:hover .on {
	left: 0;
}

.join_box {
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-bottom: -12px;
	margin-left: -20px;
	width: 46px;
	background: #917a84;
	color: #fff;
	padding: 5px 0;
	text-align: center;
	border-radius: 3px;
	letter-spacing: 0;
	font-size: 9px;
	z-index: 100;
	line-height: 10px;
}

.join_box:after {
	bottom: 100%;
	left: 10px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #917a84;
	border-width: 3px;
	margin-left: -3px;
}


.-mov,
.-mov img {
	-khtml-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.-mov:hover,
.-mov:hover img {
	-khtml-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.-scale img {
	-khtml-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}

.-scale:hover img {
	-khtml-transform: scale(1.05, 1.05);
	-moz-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	-o-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}

.-opacity,
.-opacity img {
	filter: alpha(opacity=100);
	-khtml-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	opacity: 1;
}

.-opacity:hover,
.-opacity:hover img {
	filter: alpha(opacity=70);
	-khtml-opacity: .7;
	-moz-opacity: .7;
	-ms-opacity: .7;
	-o-opacity: .7;
	opacity: .7;
}

.-spring_x {
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	animation-name: spring_x;
	animation-duration: 3.5s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-direction: normal;
	-webkit-animation-name: spring_x;
	-webkit-animation-duration: 3.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-direction: normal;
}




#header_03 {
	min-width: 1260px;
	position: relative;
	z-index: 29;
	width: 100%;
	height: 50px;
	border-top: 1px solid rgba(0, 0, 0, .08);
	border-bottom: 1px solid rgba(0, 0, 0, .08);
	background: rgba(255, 255, 255, .1);
	box-shadow: none;
	transition: box-shadow 1s ease;
}

.header_03_inner {
	height: 50px;
	border-left: 1px solid rgba(0, 0, 0, 0.08);
	border-right: 1px solid rgba(0, 0, 0, 0.08);
	text-align: center;
}

#header_03 li {
	position: relative;
}

#header_03.fixed {
	position: fixed;
	top: 40px;
	left: 0;
	background: rgba(255, 255, 255, .97);
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.15);
	border-bottom: none;
	border-bottom: 1px solid #333 \9;
}

#header_03.fixed .header_03_inner {
	border-top: none;
	border-bottom: none;
}

#d_full_btn p {
	position: absolute;
	z-index: 10;
	left: -1px;
	top: -1px;
	width: 50px;
	height: 50px;
	border-top: 1px solid rgba(0, 0, 0, 0);
	border-right: 1px solid rgba(0, 0, 0, .08);
	border-bottom: 1px solid rgba(0, 0, 0, 0);
	border-left: 1px solid rgba(0, 0, 0, 0);
	background: url('/_wg/img/_btn/btn_all_off_b.png') no-repeat 0 0;
	cursor: pointer;
	font-size: 0;
	color: #fff;
	transition-delay: .05s;
}

#d_full_btn p:hover,
#d_full_btn.on p {
	z-index: 21;
	height: 51px;
	border: 1px solid rgba(0, 0, 0, .5);
	border-bottom: 0;
	background: url('/_wg/img/_btn/btn_all_on_b.png') no-repeat 0 0 rgba(255, 255, 255, .97);
	transition: border.5s, background .2s ease;
}

#d_full_btn .close {
	display: none;
}

#d_full_btn .scrollbar_box {
	height: 500px;
}

#category-full {
	position: absolute;
	z-index: 20;
	display: none;
	top: 50px;
	left: -1px;
	width: 1255px;
	padding: 10px 0 10px 5px;
	border: 1px solid rgba(0, 0, 0, .5);
	background: url('/_wg/img/_bg/bg_category-full.gif') repeat-y right rgba(255, 255, 255, .97);
	cursor: default;
	text-align: left;
}

#category-full h2 {
	display: block;
	width: 1010px;
	line-height: 25px;
	margin: 15px 15px 5px 10px;
	padding: 0 0 10px;
	border-bottom: 1px solid rgba(0, 0, 0, .08);
	font-size: 18px;
	font-weight: normal;
}

#category-full a {
	display: block;
	line-height: 24px;
	text-transform: uppercase;
	white-space: nowrap;
	color: #777;
}

#category-full a:hover {
	text-decoration: none;
	color: #111;
}

#category-full .left_section {
	position: relative;
	float: left;
	width: 1030px;
	height: 500px;
}

#category-full .close {
	position: absolute;
	right: 10px;
	bottom: 10px;
	cursor: pointer;
}

#category-full .d1-wrap {
	position: relative;
	z-index: 2;
}

#category-full .d1-wrap .d1 {
	position: relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 190px;
	margin: 8px 2px 20px 10px;
	vertical-align: top;
	font-size: 12px;
	line-height: 28px;
	text-align: left;
	letter-spacing: 0;
}

#category-full .d1-wrap .d1>a {
	height: 30px;
	margin-bottom: 10px;
	padding-left: 10px;
	background: none;
	border-bottom: 1px solid rgba(0, 0, 0, .08);
	font-size: 13px;
	line-height: 28px;
	font-weight: bold;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

#category-full .d1-wrap .d1>a:hover,
#category-full .d1-wrap .d1.on>a {
	border-bottom: 1px solid #555;
	color: #111;
}

#category-full .d2-wrap .d2 {
	position: relative;
}

#category-full .d2-wrap .d2.be {
	background: url('/_wg/img/_arrow/arrow_menu.gif') no-repeat 95% 5px;
}

#category-full .d2-wrap .d2>a {
	line-height: 27px;
	padding: 0 0 0 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}

#category-full .d2-wrap .d2>a:hover,
#category-full .d2-wrap .d2.on>a {
	background-color: rgba(0, 0, 0, .05);
	color: #111;
}

#category-full .d2-wrap .img {
	display: none;
}

#category-full .d3-wrap {
	position: absolute;
	display: none;
	left: 190px;
	top: -11px;
	padding: 10px 0;
	background: #fff;
	border: 1px solid #ddd;
}

#category-full .d3-wrap .d3 {
	position: relative;
}

#category-full .d2-wrap .d3.be {
	background: url('/_wg/img/_arrow/arrow_menu.gif') no-repeat 95% 5px;
}

#category-full .d3-wrap .d3>a {
	line-height: 27px;
	min-width: 160px;
	padding: 0 10px;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}

#category-full .d2-wrap .d3>a:hover,
#category-full .d3-wrap .d3.on>a {
	background-color: rgba(0, 0, 0, .05);
	color: #111;
}

#category-full .d4-wrap {
	position: absolute;
	display: none;
	left: 180px;
	top: -11px;
	padding: 10px 0;
	background: #fff;
	border: 1px solid #ddd;
}

#category-full .d4-wrap .d4>a {
	line-height: 27px;
	min-width: 160px;
	padding: 0 10px;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}

#category-full .d3-wrap .d4>a:hover {
	background-color: rgba(0, 0, 0, .08);
	color: #111;
}

@media all and (max-width:1285px) {
	#category-full {
		width: 973px;
	}

	#category-full h2 {
		width: 725px;
	}

	#category-full .left_section {
		width: 725px;
	}
}

#category-full .categorySub {
	position: relative;
	vertical-align: top;
}

#category-full .categorySub.m02 {
	z-index: 1;
}

#category-full .categorySub>li {
	position: relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 190px;
	margin: 8px 2px 20px 10px;
	vertical-align: top;
	font-size: 12px;
	line-height: 28px;
	text-align: left;
	letter-spacing: 0;
}

#category-full .categorySub>li>a {
	height: 30px;
	margin-bottom: 10px;
	padding-left: 10px;
	background: none;
	border-bottom: 1px solid rgba(0, 0, 0, .08);
	font-size: 13px;
	line-height: 28px;
	font-weight: 700;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

#category-full .categorySub>li>a:hover,
#category-full .categorySub>li.on>a {
	border-bottom: 1px solid #555;
	color: #111;
}

#category-full .categorySub>li>ul {
	display: block !important;
}

#category-full .categorySub>li>ul>li {
	position: relative;
}

#category-full .categorySub>li>ul>li.arrow {
	background: url('/_wg/img/_arrow/arrow_menu.gif') no-repeat 95% 5px;
}

#category-full .categorySub>li>ul>li>a {
	line-height: 27px;
	min-width: 160px;
	padding: 0 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}

#category-full .categorySub>li>ul>li>a:hover,
#category-full .categorySub>li>ul>li.on>a {
	background-color: rgba(0, 0, 0, .05);
	color: #111;
}

#category-full .categorySub>li>ul>li>ul {
	position: absolute;
	display: none;
	left: 190px;
	top: -11px;
	padding: 10px 0;
	background: #fff;
	border: 1px solid #ddd;
}

#category-full .categorySub>li>ul>li>ul>li {
	position: relative;
}

#category-full .categorySub>li>ul>li>ul>li.arrow {
	background: url('/_wg/img/_arrow/arrow_menu.gif') no-repeat 95% 5px;
}

#category-full .categorySub>li>ul>li>ul>li>a {
	line-height: 27px;
	min-width: 160px;
	padding: 0 10px;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}

#category-full .categorySub>li>ul>li>ul>li>a:hover,
#category-full .categorySub>li>ul>li>ul>li.on>a {
	background-color: rgba(0, 0, 0, .05);
	color: #111;
}

#category-full .categorySub>li>ul>li>ul>li>ul {
	position: absolute;
	display: none;
	left: 180px;
	top: -11px;
	padding: 10px 0;
	background: #fff;
	border: 1px solid #ddd;
}

#category-full .categorySub>li>ul>li>ul>li>ul>li {
	position: relative;
}

#category-full .categorySub>li>ul>li>ul>li>ul>li.arrow {
	background: url('/_wg/img/_arrow/arrow_menu.gif') no-repeat 95% 5px;
}

#category-full .categorySub>li>ul>li>ul>li>ul>li>a {
	line-height: 27px;
	min-width: 160px;
	padding: 0 10px;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}

#category-full .categorySub>li>ul>li>ul>li>ul>li>a:hover,
#category-full .categorySub>li>ul>li>ul>li>ul>li.on>a {
	background-color: rgba(0, 0, 0, .05);
	color: #111;
}

#category-full .right_section {
	position: absolute;
	top: 20px;
	right: 15px;
	width: 190px;
	height: 100%;
	padding: 0 0 0 15px;
	vertical-align: top;
}

#category-full h4 {
	display: block;
	margin: 0 0 10px;
	padding: 0 0 0 10px;
	font-size: 13px;
}

#category-full .menuList {
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: 1px solid #ddd;
}

#category-full .menuList li a {
	display: block;
	line-height: 24px;
	padding: 0 0 0 10px;
	font-size: 12px;
}

#category-full .menuList li a:hover {
	background-color: rgba(0, 0, 0, .05);
}

#header_03 h2 {}

.nav {
	text-align: left;
}

.nav li {
	position: relative;
}

.nav li a {
	display: block;
	position: relative;
	font-size: 12px;
	color: #444;
}

.nav li a:hover {
	text-decoration: none !important;
	font-weight: bold;
	color: #000;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}

.nav>li>a {
	padding: 0 12px;
	font-size: 13px;
	color: #555;
	text-transform: ;
	text-align: center;
	white-space: nowrap;
}

.nav>li>a:hover,
.nav>li.on>a {
	color: #000;
	font-weight: bold !important;
	background-color: rgba(255, 255, 255, .1);
}

.nav>li>a color {
	color: #f21c35;
}

@media all and (max-width:1285px) {
	.nav>li>a {
		padding: 0 6px;
		font-size: 12px;
	}
}

#category-lnb {
	position: relative;
	z-index: 11;
	max-width: 85%;
}

@media all and (max-width:1285px) {
	#category-lnb {
		max-width: 83%;
	}
}

#category-lnb * {
	box-sizing: border-box;
}

#category-lnb .d1-wrap {
	position: relative;
}

#category-lnb .d1-wrap .d1 {
	position: relative;
	float: left;
}

#category-lnb .d1-wrap .d1>a {
	line-height: 50px;
}

#category-lnb .d1-wrap .d1>a:hover,
#category-lnb .d1-wrap .d1.on>a {}

#category-lnb .d1-wrap .d1:first-child i {
	top: -13px;
	left: 3px;
	font-size: 20px;
}

#category-lnb .d2-wrap {
	display: none;
	position: absolute;
	left: 0;
	top: 50px;
	border: 1px solid rgba(0, 0, 0, .1);
	background: #fff;
	white-space: nowrap;
}

#category-lnb .d2-wrap>dl {
	display: inline-block;
	position: relative;
	min-width: 160px;
	margin: 0 -1px 0 0;
	padding: 10px 0;
	border-right: 1px solid #eee;
	vertical-align: top;
}

#category-lnb .d2-wrap>dl.s1 {
	border-left: 0;
}

#category-lnb .d2-wrap>dl:last-child {
	border-right: 0;
}

#category-lnb .d2-wrap .d2 {
	position: relative;
}

#category-lnb .d2-wrap .d2.be {
	background: url('/_wg/img/_arrow/arrow_menu.gif') no-repeat 95% 5px;
}

#category-lnb .d2-wrap .d2>a {
	line-height: 27px;
	padding: 0 20px 0 15px;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}

#category-lnb .d2-wrap .d2>a:hover,
#category-lnb .d2-wrap .d2.on>a {
	background: rgba(0, 0, 0, .05);
	font-weight: bold;
}

#category-lnb .d2-wrap .img {
	display: inline-block;
	position: relative;
	vertical-align: top;
	font-size: 0;
}

#category-lnb .d2-wrap .img a {
	display: inline-block;
	height: 100%;
	border-left: 1px solid #eee;
	vertical-align: top;
}

#category-lnb .d2-wrap .img img {
	display: block;
	padding: 15px;
}

#category-lnb .d2-wrap .img a.map {
	position: absolute;
	background: rgba(5, 255, 252, .5);
}

#category-lnb .d2-wrap.only .img a {
	border-left: 0;
}

#category-lnb iframe {
	position: relative;
	z-index: 1;
	top: 0;
	left: -1px;
	width: 630px;
	height: 380px;
	border-left: 1px solid #eee;
}

#category-lnb .d3-wrap {
	display: none;
	position: absolute;
	left: 100%;
	top: -11px;
	padding: 10px 0;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .1);
}

#category-lnb .d3-wrap .d3 {
	position: relative;
}

#category-lnb .d3-wrap .d3.be {
	background: url('/_wg/img/_arrow/arrow_menu.gif') no-repeat 95% 5px;
}

#category-lnb .d3-wrap .d3>a {
	min-width: 140px;
	line-height: 27px;
	padding: 0 10px;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}

#category-lnb .d3-wrap .d3>a:hover,
#category-lnb .d3-wrap .d3.on>a {
	background: rgba(0, 0, 0, .05);
	font-weight: bold;
}

#category-lnb .d4-wrap {
	display: none;
	position: absolute;
	left: 100%;
	top: -11px;
	padding: 10px 0;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .1);
}

#category-lnb .d4-wrap .d4>a {
	min-width: 150px;
	line-height: 27px;
	padding: 0 10px;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}

#category-lnb .d4-wrap .d4>a:hover {
	background: rgba(0, 0, 0, .05);
	font-weight: bold;
}

.nav.categorySub {
	position: relative;
	z-index: 11;
}

.nav.categorySub.m01 {
	margin: 0 0 0 5px;
}

.nav.categorySub.m02 {
	margin: 0;
}

.nav.categorySub.m04 {
	margin: 0;
}

.nav.categorySub.m05 {
	margin: 0;
}

.nav.categorySub>li {
	float: left;
}

.nav.categorySub>li:first-child {
	background: none;
}

.nav.categorySub>li>a {
	line-height: 50px;
}

.nav.categorySub>li>a:hover,
.nav.categorySub>li.on>a {}

.nav.categorySub>li>ul {
	display: none;
	position: absolute;
	top: 50px;
	left: 0;
	min-width: 160px;
	padding: 10px 0;
	border: 1px solid rgba(0, 0, 0, .1);
	background: #fff;
}

.nav.categorySub>li>ul>li.arrow {
	background: url('/_wg/img/_arrow/arrow_menu.gif') no-repeat 95% 50%;
}

.nav.categorySub>li>ul>li>a {
	line-height: 27px;
	padding: 0 20px 0 15px;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}

.nav.categorySub>li>ul>li>a:hover,
.nav.categorySub>li>ul>li.on>a {
	background: rgba(0, 0, 0, .05);
	font-weight: bold;
}

.nav.categorySub>li>ul>li>ul {
	display: none;
	position: absolute;
	top: -11px;
	left: 100%;
	min-width: 150px;
	padding: 10px 0;
	border: 1px solid rgba(0, 0, 0, .1);
	background: #fff;
}

.nav.categorySub>li>ul>li>ul>li.arrow {
	background: url('/_wg/img/_arrow/arrow_menu.gif') no-repeat 95% 50%;
}

.nav.categorySub>li>ul>li>ul>li>a {
	line-height: 27px;
	padding: 0 0 0 15px;
	color: #555;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}

.nav.categorySub>li>ul>li>ul>li>a:hover,
.nav.categorySub>li>ul>li>ul>li.on>a {
	background: rgba(0, 0, 0, .05);
	font-weight: bold;
}

.nav.categorySub>li>ul>li>ul>li>ul {
	display: none;
	position: absolute;
	top: -5px;
	left: 100%;
	min-width: 150px;
	padding: 7px 0;
	border: 1px solid rgba(0, 0, 0, .1);
	background: #fff;
}

.nav.categorySub>li>ul>li>ul>li>ul>li a {
	line-height: 27px;
	padding: 0 0 0 15px;
	color: #555;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}

.nav.categorySub>li>ul>li>ul>li>ul>li a:hover {
	background: rgba(0, 0, 0, .05);
	color: #111;
}

.nav.categorySub.m03 {
	position: absolute;
	z-index: 12;
	right: 0;
	top: 0;
	height: 50px;
}

.nav.categorySub.m03>li {
	float: left;
}

.nav.categorySub.m03>li>a {
	z-index: 3;
	line-height: 50px;
	padding: 0 12px !important;
	background: url('/_wg/img/_bar/bar_b_10.png') no-repeat left 50%;
	background-size: 1px 15px;
	text-align: center;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

.nav.categorySub.m03>li>a:hover,
.nav.categorySub.m03>li.on>a {
	background: url('/_wg/img/_bar/bar_b_10.png') no-repeat left 50% !important;
	background-size: 1px 15px !important;
}

.nav.categorySub.m03>li a i {
	line-height: 49px;
	font-size: 22px;
	color: #111;
}

.nav.categorySub.m03>li a:hover i {
	color: #555;
}

.nav.categorySub.m03>li>ul {
	display: none;
	position: absolute;
	z-index: 4;
	top: 50px;
	width: 300px;
	height: 422px;
	margin: 0 0 0 -190px;
	padding: 0 0 5px;
	background: #fff;
	border: 1px solid #ddd;
	text-align: left;
	overflow: hidden;
}

.nav.categorySub .sale_ico {
	position: absolute;
	top: -13px;
	left: 50%;
	width: 51px;
	height: 26px;
	line-height: 23px;
	margin-left: -25px;
	background: url('/_wg/img/JS_timeSale/ico.png') no-repeat;
	border-radius: 5px;
	font-family: 'roboto';
	font-size: 11px;
	text-align: center;
	color: #fff;
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-opacity: 1;
	transition: opacity .8s .5s, top .8s .5s ease !important;
	-webkit-transition: opacity .8s .5s, top .8s .5s ease;
	!important;
}















/***  상단배너 ***/
.top_banner {
	width: 100%;
	margin: 0px auto;
	text-align: center;
	height: 80px;
	overflow: hidden;
	position: relative;
}

.top_banner:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

.top_banner .bx_area {
	z-index: 3;
	position: relative;
	width: 100%;
}

.top_banner ul {}

.top_banner li {
	position: relative;
	overflow: hidden;
	text-align: center;
	height: 80px;
	line-height: 80px;
	font-size: 16px;
	color: #7b7b7b;
}

/* 페이지 버튼 */
.top_banner .bx-controls {
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.top_banner .bx-pager {
	position: absolute;
	left: 50%;
	margin-left: -18px;
	z-index: 500;
	bottom: 12px;
	display: block;
	text-align: center;
	font-size: 0;
	line-height: 0;
	height: 0;
}

.top_banner .bx-pager-item {
	display: inline-block;
}

.top_banner .bx-pager-item .bx-pager-link {
	display: block;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden;
	height: 2px;
	width: 15px;
	background: #ccc;
	margin: 0 3px;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

.top_banner .bx-pager-item .bx-pager-link.active {
	background: #888;
	width: 15px;
}

/* 이전,다음 버튼 */
.top_banner .bx-controls-direction {
	position: absolute;
	z-index: 550;
	left: 0;
	top: 50%;
	margin-top: -19px;
	width: 100%;
}

.top_banner .bx-controls-direction a {
	position: absolute;
	top: 0;
	display: block;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}

.top_banner .bx-controls-direction .bx-prev {
	width: 30px;
	height: 39px;
	background: url('img/zy_left1.gif') no-repeat 50% 50%;
	position: absolute;
	left: 60px;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-opacity: 0;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

.top_banner:hover .bx-prev {
	left: 50px;
	filter: alpha(opacity=100);
	opacity: 1.0;
	-webkit-opacity: 1.0;
}

.top_banner .bx-controls-direction .bx-prev:hover {
	filter: alpha(opacity=30);
	opacity: .3;
	-webkit-opacity: .3;
}

.top_banner .bx-controls-direction .bx-next {
	width: 30px;
	height: 39px;
	background: url('img/zy_right1.gif') no-repeat 50% 50%;
	position: absolute;
	right: 60px;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-opacity: 0;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

.top_banner:hover .bx-next {
	right: 50px;
	filter: alpha(opacity=100);
	opacity: 1.0;
	-webkit-opacity: 1.0;
}

.top_banner .bx-controls-direction .bx-next:hover {
	filter: alpha(opacity=30);
	opacity: .3;
	-webkit-opacity: .3;
}

/* #oneFix / #one_fixMenu behavior is managed in highend_user.css */

@media (max-width: 1400px) {
	#container,
	#contents,
	#wrap,
	.all_warp,
	#wrapper {
		width: 100% !important;
		min-width: unset !important;
		max-width: 100% !important;
		overflow-x: hidden !important;
	}
}

/* === titleArea: DA Premium 섹션 타이틀 (index.php 인라인에서 이동) === */
#main_review {
	position: relative;
}

#main_review:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

#main_review .titleArea {
	position: relative;
	border-bottom: 0;
	padding: 0 0 30px 0;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

#main_review .titleArea h2 {
	width: 100%;
	display: block;
	font-size: 28px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0;
	text-align: center;
}

#main_review .titleArea h2 span {
	display: block;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
	padding-top: 12px;
	letter-spacing: normal;
	opacity: .7;
	text-align: center;
}

#main_review .titleArea p {
	display: block;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
	padding-top: 12px;
	letter-spacing: normal;
	opacity: .7;
	text-align: center;
	width: 100%;
}

#main_review .xi {
	font-size: 14px;
	vertical-align: middle;
}

#main_review .titleArea>.morebtn {
	position: absolute;
	right: 0;
	top: 5px;
	z-index: 1;
	margin: 0;
	font-size: 14px;
}

#main_review .titleArea>.morebtn a {
	color: #999;
}

#main_review .titleArea>.morebtn:hover a {
	color: #555;
}

#main_review span {
	color: #555;
}

/* DA Premium titleArea 공통 (ec-base-product 하위) */
.ec-base-product .titleArea {
	position: relative;
	border-bottom: 0;
	padding: 0 0 30px 0;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.ec-base-product .titleArea h2 {
	width: 100%;
	display: block;
	font-size: 28px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0;
	text-align: center;
}

.ec-base-product .titleArea h2 span {
	display: block;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
	padding-top: 12px;
	letter-spacing: normal;
	opacity: .7;
	text-align: center;
}

/* === prdImg: 정사각형 비율 (index.php 인라인에서 이동) === */
.ec-base-product .prdList .thumbnail .prdImg>a {
	position: relative;
	display: inline-block;
	width: 100%;
	padding-top: 125%;
	/* 4:5 세로 직사각형 */
}

.ec-base-product .prdList .thumbnail .prdImg>a>img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* === main_review_benner === */
.main_review_benner,
.middle_review_banner,
.best_review_feature_banner {
	/* margin: 50px 0 20px 0; */
	margin: 0 !important;
	padding: 0 !important;
	text-align: center;
	position: relative;
	overflow: hidden;
	width: 100%;
	box-sizing: border-box;
}

.main_review_benner .swiper-slide,
.main_review_benner .swiper-wrapper,
.middle_review_banner .swiper-slide,
.middle_review_banner .swiper-wrapper {
	width: 100%;
}

.main_review_benner img,
.middle_review_banner img,
.best_review_feature_banner img {
	max-width: 100%;
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

.best_review_feature_banner a {
	display: block;
}

.best_review_feature_banner a + a {
	margin-top: 12px;
}

.one_review_section + .best_review_feature_banner {
	margin-top: clamp(16px, 3vw, 24px) !important;
}

/* DA-Premium 스타일: 흰색 일자 라인 pagination */
.main_review_benner .swiper-pagination,
.middle_review_banner .swiper-pagination {
	bottom: 15px;
	display: flex;
	padding: 0 30px;
	box-sizing: border-box;
}

.main_review_benner .swiper-pagination-bullet,
.middle_review_banner .swiper-pagination-bullet {
	flex: 1;
	height: 2px;
	width: auto;
	border-radius: 0;
	background: #fff;
	opacity: 0.3;
	margin: 0 2px;
}

.main_review_benner .swiper-pagination-bullet-active,
.middle_review_banner .swiper-pagination-bullet-active {
	background: #fff;
	opacity: 1;
}

/* === oneCate 브랜드 슬라이드 (선드로잉 텍스트 스타일) === */
#oneCate {
	padding: 15px 10px;
	background: #fff;
}

#oneCate .swiper-wrapper {
	transition-timing-function: linear !important;
}

#oneCate .swiper-slide {
	text-align: center;
	width: auto !important;
}

#oneCate .swiper-slide a {
	display: block;
	text-decoration: none;
	color: #16161A;
}

#oneCate .swiper-slide .brand-logo-text {
	width: 75px;
	height: 75px;
	border-radius: 16px;
	border: 1px solid #e0e0e0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px;
	font-family: 'Cormorant Garamond', 'Georgia', serif;
	font-size: 13px;
	font-weight: 300;
	font-style: italic;
	color: #1a1a1a;
	letter-spacing: 0.5px;
	line-height: 1.2;
	word-break: break-word;
	text-align: center;
	background: #fafafa;
	transition: all 0.3s ease;
	margin: 0 auto;
}

#oneCate .swiper-slide a:hover .brand-logo-text {
	border-color: #999;
	background: #f0f0f0;
}

#oneCate .swiper-slide .layer {
	padding-top: 6px;
}

#oneCate .swiper-slide .layer span {
	font-family: 'Pretendard', sans-serif;
	font-size: 10px;
	font-weight: 500;
	color: #16161A;
	letter-spacing: -0.3px;
}

/* ----- 하이엔드 청담 End ----- */

.layout_box {
	width: 1240px;
	margin: 0 auto;
	position: relative;
	/*overflow:hidden*/
}

.layout_box:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

/*맨 상단 메뉴*/
.top_menu {
	height: 40px;
	width: 100%;
	position: relative;
	background-color: #fff;
	border-bottom: 0px solid #e3e3e3;
}

.top_menu:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

.top_menu_area {
	width: 1240px;
	height: 40px;
	padding: 0px;
	margin: 0 auto;
	font-size: 0px;
	border-left: 0px solid #e3e3e3;
}

.top_menu .top_left {
	float: left;
}

.top_menu .top_left ul li {
	float: left;
	height: 40px;
	background-color: #fff;
	border-right: 0px solid #e7e7e7;
}

.top_menu .top_left ul li a {
	color: #333;
	letter-spacing: 1px;
	font-size: 12px;
	line-height: 40px;
	text-align: center;
	display: block;
}

.top_menu .top_left ul li a:hover {
	text-decoration: underline;
	color: #999;
}

.top_menu .top_right {
	float: right;
}

.top_menu .top_right a {
	color: #222;
	letter-spacing: 1px;
	font-size: 12px;
	line-height: 40px;
	font-weight: normal;
}

.top_menu .top_right a:hover {
	color: #777;
	text-decoration: underline;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.top_menu .top_right ul li {
	position: relative;
	float: left;
	padding-right: 8px;
	padding-left: 8px;
	background: url("") no-repeat;
}

#joinpoint {
	position: absolute;
	z-index: 10;
	top: 30px;
	left: 50%;
	width: 60px;
	margin: 0 0 0 -28px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	padding: 6px 0 0;
	background: url("img/joinpoin_bg.png") no-repeat 50% 0;
	-webkit-animation: joinpointanimation 3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
}

#joinpoint .text {
	display: block;
	width: 60px;
	margin: 0;
	background: #777;
	border-radius: 2px;
	font-size: 12px;
	padding: 1px 0;
	color: #fff;
	line-height: 20px;
}

.top_menu .top_right ul li:first-child {
	background: none;
}

/*상단 중앙 로고*/
.header {
	background: #fff;
	overflow: hidden;
	margin: 0 auto;
}

.header:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

.header_box {
	position: relative;
	width: 1240px;
	margin: 0 auto;
	position: relative;
	text-align: center
}

.header .logo_top {
	overflow: hidden;
	margin: 20px auto 30px auto;
	display: inline-block;
}

.header .logo_top img {
	opacity: 1.0;
}

.header .logo_top img:hover {
	opacity: 0.7;
}


.header .top_search_area {
	position: absolute;
	top: 70px;
	right: 0;
	border: 1px solid #888;
	background: #ffffff;
	z-index: 0;
}

.header .top_search_area .top_search_box {
	position: relative;
	width: 199px;
	background: #ffffff;
	height: 30px;
	padding: 3px 6px 3px 6px;
}

.header .top_search_area .top_search_box .btn_input {
	border: 0px;
	width: 100%;
	height: 26px;
	border: 0px
}

.header .top_search_area .top_search_box .btn_submit {
	;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 30px;
	height: 30px;
	background: url('img/ser001.png') center center no-repeat;
	margin-right: 2px;
	cursor: pointer;
	border-left: 1px solid #888
}





/*전체 카테고리  버턴*/
.all_cate_btn {
	position: absolute;
	z-index: 10;
	left: -1px;
	top: -1px;
	width: 50px;
	height: 50px;
	border-top: 1px solid rgba(0, 0, 0, 0);
	border-right: 1px solid rgba(0, 0, 0, .08);
	border-bottom: 1px solid rgba(0, 0, 0, 0);
	border-left: 1px solid rgba(0, 0, 0, 0);
	background: url('img/btn_all_off_b.png') no-repeat 0 0;
	cursor: pointer;
	font-size: 0;
	color: #fff;
	transition-delay: .05s;
}


/*주메뉴 박스*/
#menu_box {
	position: relative;
	width: 100%;
	height: 59px;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	background: rgba(255, 255, 255, .1);
	box-shadow: none;
	transition: box-shadow 1s ease;
}

#menu_box:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

/* .menu_box_fix {width:1380px;margin:0 auto;*zoom:1;position:relative;} */
/* .menu_box_fix {width:1450px;margin:0 auto;*zoom:1;position:relative;} */
/* .menu_box_fix {width:1520px;margin:0 auto;*zoom:1;position:relative;} */
.menu_box_fix {
	width: 1625px;
	margin: 0 auto;
	*zoom: 1;
	position: relative;
}

@media all and (max-width:1285px) {
	.menu_box_fix {
		width: 1260px;
	}
}

/*
#menu_box.fixed{position:fixed;top:59px;left:0;background:rgba(255,255,255,.97);box-shadow:0 3px 4px rgba(0,0,0,0.15);border-bottom:none;border-bottom:1px solid #ddd;z-index:898989}
#menu_box.fixed .header_03_inner{border-top:none;border-bottom:none;}
*/

.cdamdong-home {
	display: none
}

#menu_box.fixed {
	position: relative;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	z-index: 898989898;
	width: 100%;
	top: 0px;
	position: fixed;
	background: #fff;
	/*background: rgba(253,253,253,0.8); */
	-webkit-transition: 0.35s ease-in-out;
	-moz-transition: 0.35s ease-in-out;
	-o-transition: 0.35s ease-in-out;
	transition: 0.35s ease-in-out;
	/*box-shadow:0 1px 3px 0 rgba(0,0,0,.12);*/
}

#menu_box.fixed .menu_box_fix {
	width: 1380px;
	margin: 0 auto;
	*zoom: 1;
}



/*주메뉴*/
.menu_category {
	position: relative;
	/*width:1260px;*/
	text-align: center;
	height: 59px;
	border-left: 0px solid rgba(0, 0, 0, 0.08);
	border-right: 0px solid rgba(0, 0, 0, 0.08);
}


.menu_category ul {
	display: inline-block;
}

.menu_category .depth1 {
	float: left;
	position: relative;
}

.menu_category .depth1_link {
	font-size: 13px;
	color: #666;
	display: block;
	font-weight: 700;
	line-height: 59px;
	padding: 0 22px;
	background: url("img/menu_line.gif") no-repeat;
}

/* .menu_category .depth1_link{font-size:13px; color:#666;display:block;font-weight:700; line-height:59px;padding:0 22px;background: url("img/000menu_line.gif") no-repeat;  } */
.menu_category .depth1_link:hover {
	text-decoration: none !important;
	font-weight: 900;
	color: #aaa;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}

.menu_category .depth1_link_ico {
	display: none;
	content: "";
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -8px;
	background: transparent url('img/000menu_on.gif') left top no-repeat;
	width: 17px;
	height: 6px;
	z-index: 777;
}

@media all and (max-width:1285px) {
	.menu_category {
		width: 980px;
	}
}

@media all and (max-width:1285px) {
	.menu_category .depth1_link {
		padding: 0 10px;
		font-size: 13px;
	}
}



.menu_category .show_menu {
	display: none;
	position: absolute;
	left: 0;
	top: 57px;
	border: 1px solid rgba(0, 0, 0, .1);
	background: #fff;
	white-space: nowrap;
}

.menu_category .show_menu>dl {
	display: inline-block;
	position: relative;
	min-width: 150px;
	margin: 0 -1px 0 0;
	padding: 10px 0;
	border-right: 1px solid #eee;
	vertical-align: top;
}

.menu_category .show_menu>dl.s1 {
	border-left: 0;
}

.menu_category .show_menu>dl:last-child {
	border-right: 0;
}

.menu_category .show_menu a {
	font-size: 13px;
	display: block;
	text-align: left;
	color: #444;
	text-decoration: none;
	height: 27px;
	line-height: 27px;
	padding: 0 20px 0 15px;
	width: 156px;
	border-top: 0px dashed #dedede;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}

.menu_category .show_menu a:hover {
	background: rgba(0, 0, 0, .05);
	font-weight: bold;
	text-decoration: none;
	display: block;
	color: #000;
	border-top: 0px dashed #dedede;
}

.menu_category .show_menu a:first-child {
	border-top: 0px;
}


/*쇼핑정보*/
.shop-info {
	position: absolute;
	top: 6px;
	right: 0;
}

.shop-info a {
	display: block;
	padding: 0 20px;
	color: #333;
	font-size: 26px;
	font-weight: bold;
}

.shop-info a:hover {
	color: #333;
}


.search_section {
	position: absolute;
	top: 4px;
	right: 66px;
	height: 26px;
	margin: 7px 0 0 5px;
}

.search_section .search_form {
	position: relative;
	z-index: 2;
	font-size: 0;
}

.search_section .search_form #keyword {
	position: relative;
	width: 138px;
	height: 26px;
	line-height: 28px;
	margin: 0;
	padding: 0 5px 0 10px;
	border: 0;
	border-radius: 3px 0px 0px 3px;
	background: url('img/bg_opacity_b_10.png');
	font-size: 12px;
	color: #333;
	transition: background .3s ease;
	-webkit-transition: background .3s ease;
}

.search_section .search_form:hover #keyword,
.search_section .search_form #keyword:focus {
	background: url('img/bg_opacity_b_20.png');
}

.search_section .search_form input[type=image] {
	position: relative;
	border-radius: 0 5px 5px 0;
	background: url('img/bg_opacity_b_10.png');
}

.search_section .search_form input[type=image]:hover {
	background: url('img/bg_opacity_b_20.png');
}

@media all and (max-width:1285px) {
	.search_section .search_form #keyword {
		width: 65px;
	}
}

.JS_headerBnr {
	position: absolute;
	z-index: 10;
	top: -41px;
	left: 0px;
	width: 210px;
	height: 280px;
	overflow: hidden;
}





/*  location 네비 */
.home_tit {
	padding: 0;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	height: 36px;
	margin-bottom: 10px
}

.home_tit:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

.home_tit h2 {
	display: none;
	font-size: 16px;
	line-height: 36px;
	font-weight: 800;
	color: #555;
	float: left;
	font-weight: bold;
}

.home_tit .location {
	position: relative;
	float: right;
	margin-right: 10px;
}

.home_tit .location li {
	float: left;
	line-height: 36px;
	padding: 0px 0px 0 23px;
	background: url('img/location_next.gif') no-repeat 8px 14px;
	color: #999;
	font-size: 12px;
}

.home_tit .location li a {
	color: #999;
	font-size: 12px;
}

.home_tit .location li.home {
	font-size: 0;
	line-height: 36px;
	text-indent: -9999px;
	padding: 5px 7px;
	background: url('img/path_home.png') no-repeat 0px 12px;
}

.home_tit .location li.on {
	font-weight: 800;
}

/* 팝업레이어 */
#hd_pop {
	z-index: 3500;
	position: relative;
	margin: 0 auto;
	height: 0
}

#hd_pop h2 {
	position: absolute;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}

.hd_pops {
	position: absolute;
	border: 1px solid #e9e9e9;
	background: #fff;
}

.hd_pops img {
	max-width: 100%
}

.hd_pops_con {}

.hd_pops_footer {
	padding: 0;
	background: #4d4d4d;
	color: #ccc;
	text-align: left;
	position: relative;
}

.hd_pops_footer:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

.hd_pops_footer button {
	padding: 10px;
	border: 0;
	color: #fff
}

.hd_pops_footer .hd_pops_reject {
	background: #4d4d4d;
	text-align: left
}

.hd_pops_footer .hd_pops_close {
	background: #333;
	position: absolute;
	top: 0;
	right: 0;
	width: 42px;
}



/* 중간 레이아웃 */
#main_wrapper {
	z-index: 5;
	margin: 0px auto 18px auto;
	width: 100%;
	zoom: 1
}

#wrapper {
	z-index: 5;
	margin: 10px auto;
	width: 1260px;
	zoom: 1
}

@media all and (max-width:1285px) {
	#wrapper {
		width: 980px;
	}
}

#wrapper:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#wrapper_title {
	margin-bottom: 20px;
	font-size: 1.2em;
	font-weight: bold
}

#container {
	position: relative;
	width: 100%;
	margin: 0;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	zoom: 1;
	box-sizing: border-box;
}

#container:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}


/* 텍스트 크기 조절 */
#text_size {
	display: none;
	position: absolute;
	top: -31px;
	left: -1px
}

#text_size button {
	padding: 0 10px;
	height: 30px;
	border: 1px solid #cfded8;
	border-bottom: 0;
	background: #000;
	color: #fff;
	cursor: pointer
}

/* 하단 레이아웃 */
#ft {
	clear: both;
	padding: 0 0 40px;
	min-width: 1200px;
	border-top: 1px solid #e9e9e9;
	background: #f8f8f8
}

#ft h1 {
	position: absolute;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}

#top_btn {
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 50px;
	height: 50px;
	line-height: 46px;
	border: 2px solid #333;
	color: #333;
	text-align: center;
	font-size: 15px;
	z-index: 90;
	background: rgba(255, 255, 255, 0.5)
}

#top_btn:hover {
	border-color: #3059c7;
	background: #3059c7;
	color: #fff
}

#ft .ft_wr {
	margin: 0 auto;
	width: 1200px
}

#ft .ft_wr:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#ft .ft_ul {
	text-align: center;
	border-bottom: 1px solid #e9e9e9;
	padding: 15px 0;
	margin: 0 0 20px
}

#ft .ft_ul li {
	display: inline-block;
	font-weight: bold;
	margin: 0 10px
}

#ft_logo {
	float: left;
	width: 200px;
	margin: 10px 0 0
}

#ft .ft_info {
	float: left;
	width: 700px;
	line-height: 1.7em
}

#ft .ft_cs {
	float: left;
	width: 300px;
	text-align: right
}

#ft .ft_cs strong {
	font-size: 1.75em;
	margin: 5px 0;
	display: block
}

#ft .ft_cs p {
	font-size: 0.92em;
	color: #877
}

/* 화면낭독기 사용자용 */
#hd_login_msg {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	overflow: hidden
}

.msg_sound_only,
.sound_only {
	display: inline-block !important;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 0;
	line-height: 0;
	border: 0 !important;
	overflow: hidden !important
}

/* 본문 바로가기 */
#skip_to_container a {
	z-index: 100000;
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}

#skip_to_container a:focus,
#skip_to_container a:active {
	width: 100%;
	height: 75px;
	background: #21272e;
	color: #fff;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 3.3em
}

/* 이미지 등비율 리사이징 */
.img_fix {
	width: 100%;
	height: auto
}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {
	display: inline-block;
	position: relative
}

#captcha legend {
	position: absolute;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999em;
	overflow: hidden;
}

#captcha #captcha_img {
	height: 40px;
	border: 1px solid #898989;
	vertical-align: top;
	padding: 0;
	margin: 0
}

#captcha #captcha_mp3 {
	margin: 0;
	padding: 0;
	width: 40px;
	height: 40px;
	border: 0;
	background: transparent;
	vertical-align: middle;
	overflow: hidden;
	cursor: pointer;
	background: url('../../../img/captcha2.png') no-repeat;
	text-indent: -999px;
	border-radius: 3px
}

#captcha #captcha_reload {
	margin: 0;
	padding: 0;
	width: 40px;
	height: 40px;
	border: 0;
	background: transparent;
	vertical-align: middle;
	overflow: hidden;
	cursor: pointer;
	background: url('../../../img/captcha2.png') no-repeat 0 -40px;
	text-indent: -999px;
	border-radius: 3px
}

#captcha #captcha_key {
	margin: 0 0 0 3px;
	padding: 0 5px;
	width: 90px;
	height: 40px;
	border: 1px solid #ccc;
	background: #fff;
	font-size: 1.333em;
	font-weight: bold;
	text-align: center;
	border-radius: 3px;
	vertical-align: top
}

#captcha #captcha_info {
	display: block;
	margin: 5px 0 0;
	font-size: 0.95em;
	letter-spacing: -0.1em
}

/* ckeditor 단축키 */
.cke_sc {
	margin: 0 0 5px;
	text-align: right
}

.btn_cke_sc {
	display: inline-block;
	padding: 0 10px;
	height: 23px;
	border: 1px solid #ccc !important;
	background: #fafafa !important;
	color: #000 !important;
	text-decoration: none !important;
	line-height: 1.9em;
	vertical-align: middle
}

.cke_sc_def {
	margin: 0 0 5px;
	padding: 10px;
	border: 1px solid #ccc;
	background: #f2f5f9;
	text-align: center
}

.cke_sc_def dl {
	margin: 0 0 5px;
	text-align: left;
	zoom: 1
}

.cke_sc_def dl:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

.cke_sc_def dt,
.cke_sc_def dd {
	float: left;
	margin: 0;
	padding: 5px 0;
	border-bottom: 1px solid #e9e9e9
}

.cke_sc_def dt {
	width: 20%;
	font-weight: bold
}

.cke_sc_def dd {
	width: 30%
}

/* ckeditor 태그 기본값 */
#bo_v_con ul {
	display: block;
	list-style-type: disc;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 0;
	margin-right: 0;
	padding-left: 40px;
}

#bo_v_con ol {
	display: block;
	list-style-type: decimal;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 0;
	margin-right: 0;
	padding-left: 40px;
}

#bo_v_con li {
	display: list-item;
}

/* Mobile화면으로 */
#mobile_cng {
	display: block;
	margin: 0.3em;
	padding: 0.5em 0;
	border: 1px solid #eee;
	border-radius: 2em;
	background: #fff;
	color: #000;
	font-size: 2em;
	text-decoration: none;
	text-align: center
}

/* 목록 바로가기 */
.sanchor {
	margin: 30px 0 20px;
	padding: 0;
	zoom: 1
}

.sanchor:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

.sanchor li {
	float: left;
	width: 33.33333%;
	text-align: center;
	;
	list-style: none
}

.sanchor li a {
	display: block;
	position: relative;
	height: 51px;
	margin-left: -1px;
	background-color: #fff;
	border: 1px solid #dfdfdf;
	border-bottom: 1px solid #707070;
	font-size: 13px;
	color: #666;
	line-height: 49px;
	text-align: center;
	z-index: 1
}

.sanchor li .sanchor_on {
	margin: 0 0 0 -1px;
	border: 1px solid #707070;
	background: #fff;
	z-index: 2;
	border-bottom-color: #fff;
	color: #000;
	font-weight: bold
}

.sanchor li a .item_qa_count,
.sanchor li a .item_use_count {
	display: inline-block;
	background: #fff;
	padding: 0 5px;
	line-height: 23px;
	border-radius: 15px;
	color: #333;
	min-width: 23px;
	font-size: 12px
}

.sanchor li .sanchor_on .item_qa_count,
.sanchor li .sanchor_on .item_use_count {
	background: #fff
}

/* 콘텐츠별 스타일 */
.cnt_cmt {
	display: inline-block;
	margin: 0 0 0 3px;
	font-weight: bold
}


.btn_join {
	line-height: 36px;
	height: 38px;
	background: #383838;
	color: #fff;
	border: 1px solid #383838;
	cursor: pointer;
	padding: 0 16px;
	text-align: center;
	border-radius: 2px;
	font-weight: bold;
}

.btn_join:hover {
	background: #333;
	border: 1px solid #333;
}

/* 버튼 */
a.btn,
.btn {
	line-height: 35px;
	height: 35px;
	padding: 0 10px;
	text-align: center;
	border-radius: 2px;
	font-weight: bold;
	border: 0;
}

a.btn01 {
	display: inline-block;
	padding: 0 7px;
	border: 1px solid #ccc;
	border-bottom: 1px solid #aaa;
	background: #fff;
	color: #333;
	text-decoration: none;
	vertical-align: middle
}

a.btn01:focus,
a.btn01:hover,
button.btn01:hover {
	text-decoration: none;
	background: #f3f3f3
}

button.btn01 {
	display: inline-block;
	margin: 0;
	padding: 0 7px;
	border: 1px solid #b3b3b3;
	background: #fff;
	color: #333;
	text-decoration: none
}

a.btn02 {
	display: inline-block;
	padding: 0 7px;
	border: 1px solid #383838;
	background: #383838;
	color: #fff;
	text-decoration: none;
	vertical-align: middle
}

a.btn02:focus,
.btn02:hover {
	text-decoration: none;
	background: #333;
	border: 1px solid #333;
}

button.btn02 {
	display: inline-block;
	margin: 0;
	padding: 0 7px;
	border: 1px solid #222;
	background: #222;
	color: #fff;
	text-decoration: none
}

.btn_confirm {
	text-align: center
}

/* 서식단계 진행 */
.btn_submit {
	background: #333;
	color: #fff;
	border: 0;
	cursor: pointer;
}

.btn_submit:hover {
	background: #222
}

.btn_address {
	background: #383838;
	border: 1px solid #383838;
	height: 39px;
	color: #fff;
	padding: 0 10px;
	font-size: 13px;
	font-weight: bold
}

fieldset .btn_submit {
	padding: 0 7px;
	height: 24px;
	line-height: 1em
}

a.btn_cancel {
	display: inline-block;
	padding: 7px;
	border: 1px solid #ccc;
	background: #fafafa;
	color: #000;
	text-decoration: none;
	vertical-align: middle
}

button.btn_cancel {
	display: inline-block;
	padding: 7px;
	border: 1px solid #ccc;
	background: #fafafa;
	color: #000;
	vertical-align: top;
	text-decoration: none
}

a.btn_frmline,
button.btn_frmline {
	display: inline-block;
	padding: 2px 10px;
	line-height: 30px;
	height: 30px;
	border: 1px solid #222;
	color: #222;
	background: #fff;
	text-decoration: none;
	vertical-align: middle
}

/* 우편번호검색버튼 등 */



a.btn_frmline {
	line-height: 24px
}

button.btn_frmline {
	font-size: 1em;
	line-height: 24px
}

.tbl_frm01 a.btn_frmline {
	line-height: 26px;
	height: 32px;
}


/* 게시판용 버튼 */
a.btn_b01,
.btn_b01 {
	display: inline-block;
	border: 1px solid #e1e1e1;
	background: #fafafa;
	color: #333;
	text-decoration: none;
	vertical-align: middle
}

.btn_b01:hover,
.btn_b01:hover {
	background: #fafafa
}

a.btn_b02,
.btn_b02 {
	display: inline-block;
	background: #383838;
	padding: 0 10px;
	color: #fff;
	text-decoration: none;
	border: 0;
	vertical-align: middle
}

a.btn_b02:hover,
.btn_b02:hover {
	background: #333
}

a.btn_b03,
.btn_b03 {
	display: inline-block;
	background: #none;
	border: 1px solid #b9bdd3;
	color: #646982;
	background: none;
	text-decoration: none;
	vertical-align: middle
}

a.btn_b03:hover,
.btn_b03:hover {
	background: #ebedf6
}

a.btn_admin,
.btn_admin {
	display: inline-block;
	background: #ff8800;
	color: #fff;
	text-decoration: none;
	vertical-align: middle;
	padding: 10px
}

/* 관리자 전용 버튼 */
.btn_admin:hover,
a.btn_admin:hover {
	background: #ff7700
}

/* 선택수정 버튼 */
.btn_list {
	margin: 0 auto;
	width: 93%
}

.btn_list input,
.btn_list button {
	background: none repeat scroll 0 0 #617D46;
	border: 0 none;
	color: #FFFFFF;
	height: 28px;
	line-height: 2.2em;
	padding: 0 15px;
	vertical-align: middle
}

/* 기본테이블 */
.tbl_wrap table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0
}

.tbl_wrap caption {
	padding: 10px 0;
	font-weight: bold;
	text-align: left
}

.tbl_head01 {
	margin: 10px 0
}

.tbl_head01 caption {
	padding: 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}

.tbl_head01 thead th {
	line-height: 38px;
	padding: 8px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #fff;
	color: #383838;
	font-size: 13px;
	text-align: center;
	/*letter-spacing:-0.1em;*/
}

.tbl_head01 thead a {
	color: #383838;
	font-size: 13px
}

.tbl_head01 thead th input {
	vertical-align: top
}

/* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th,
.tbl_head01 tfoot td {
	padding: 10px 0;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	background: #fafafa;
	text-align: center
}

.tbl_head01 tbody th {
	padding: 8px 0;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9
}

.tbl_head01 td {
	padding: 0px 5px;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	line-height: 38px;
	word-break: break-all
}

.tbl_head01 tr:hover {
	background: #fafafa;
}

.tbl_head01 a {
	font-size: 12px;
}

.tbl_head02 {
	margin: 0 0 10px
}

.tbl_head02 caption {
	padding: 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}

.tbl_head02 thead th {
	padding: 12px 0;
	border-top: 1px solid #585858;
	border-bottom: 1px solid #ddd;
	background: #F9F9F9;
	color: #383838;
	font-size: 0.95em;
	text-align: center;
}

.tbl_head02 thead a {
	color: #383838
}

.tbl_head02 thead th input {
	vertical-align: top
}

/* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th,
.tbl_head02 tfoot td {
	padding: 10px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #d7e0e2;
	text-align: center
}

.tbl_head02 tbody th {
	padding: 12px 0;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9
}

.tbl_head02 td {
	padding: 5px 3px;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	line-height: 1.4em;
	word-break: break-all
}

.tbl_head02 a {}


.tbl_head03 {
	margin: 0 0 10px
}

.tbl_head03 table {
	border-bottom: 1px solid #d3d3d3
}

.tbl_head03 caption {
	padding: 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}

.tbl_head03 thead th {
	padding: 15px 0;
	border-top: 1px solid #585858;
	border-bottom: 1px solid #dddd;
	background: #f9f9f9;
	color: #383838;
	text-align: center;
}

.tbl_head03 thead a {
	color: #383838
}

.tbl_head03 thead th input {
	vertical-align: top
}

/* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head03 tfoot th,
.tbl_head03 tfoot td {
	padding: 10px 0;
	border-top: 1px solid #c1d1d5;
	border-bottom: 1px solid #c1d1d5;
	background: #d7e0e2;
	text-align: center
}

.tbl_head03 tbody th {
	padding: 10px 0;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9
}

.tbl_head03 td {
	padding: 15px 5px;
	border-top: 1px solid #f3f3f3;
	border-left: 1px solid #f3f3f3;
	line-height: 1.5em;
	word-break: break-all;
}

.tbl_head03 td:first-child {
	border-left: 0
}

.tbl_head03 a {}




/* 폼 테이블 */
.tbl_frm01 {
	margin: 0 0 20px
}

.tbl_frm01 table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0
}

.tbl_frm01 th {
	width: 110px;
	padding: 5px 10px;
	background: none;
	text-align: right;
	font-weight: normal
}

.tbl_frm01 td {
	padding: 5px 10px;
	background: transparent
}

.wr_content textarea,
.tbl_frm01 textarea,
.form_01 textarea,
.frm_input {
	border: 1px solid #ccc;
	background: #fff;
	color: #000;
	vertical-align: middle;
	border-radius: 2px;
	padding: 5px;
}

.tbl_frm01 textarea {
	padding: 2px 2px 3px
}

.frm_input {
	height: 40px;
}

.full_input,
.frm_address {
	width: 100%
}

.half_input {
	width: 49.5%
}

.tbl_frm01 textarea {
	width: 100%;
	height: 100px
}

.tbl_frm01 a {
	text-decoration: none
}

.tbl_frm01 .frm_address {
	margin-top: 5px
}

.tbl_frm01 .frm_file {
	display: block;
	margin-bottom: 5px
}

.tbl_frm01 .frm_info {
	display: block;
	padding: 0 0 5px;
	line-height: 1.4em
}

/*기본리스트*/
.list_01 li {
	border: 1px solid #dbdbdb;
	border-radius: 3px;
	margin: 8px 0;
	padding: 10px 15px;
	list-style: none;
	position: relative;
}

.list_01 li:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

.list_01 li:hover {
	background: #f9f9f9
}

.list_02 ul:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

.list_02 li {
	float: left;
	width: 295px;
	margin: 0px 0 20px 20px;
}

.list_02 li:nth-child(4n+1) {
	clear: both;
	margin-left: 0
}

/*폼 리스트*/
.form_01 h2 {
	margin: 0 0 10px;
	font-size: 1.25em
}

.form_01 li {
	margin: 10px 0
}

.form_01 li:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

.form_01 li .right_input {
	float: right
}

.form_01 textarea {
	height: 100px;
	width: 100%
}

.form_01 .frm_label {
	display: inline-block;
	width: 130px
}

.form_01 .form_left {
	float: left;
	width: 49.5%
}

.form_01 .form_right {
	float: right;
	width: 49.5%
}

/* 자료 없는 목록 */
.empty_table {
	padding: 50px 0 !important;
	text-align: center;
	color: #777 !important
}

.empty_list,
.empty_li {
	padding: 20px 0 !important;
	text-align: center;
	color: #777 !important
}

/* 필수입력 */
.required,
textarea.required {
	background-image: url('../img/require.png') !important;
	background-repeat: no-repeat !important;
	background-position: right top !important;
}

/* 테이블 그리드 padding 0 5px 고려한 넓이 */
.grid_1 {
	width: 40px
}

.grid_2 {
	width: 90px
}

.grid_3 {
	width: 140px
}

.grid_4 {
	width: 190px
}

.grid_5 {
	width: 240px
}

.grid_6 {
	width: 290px
}

.grid_7 {
	width: 340px
}

.grid_8 {
	width: 390px
}

.grid_9 {
	width: 440px
}

.grid_10 {
	width: 490px
}

.grid_11 {
	width: 540px
}

.grid_12 {
	width: 590px
}

.grid_13 {
	width: 640px
}

.grid_14 {
	width: 690px
}

.grid_15 {
	width: 740px
}

.grid_16 {
	width: 790px
}

.grid_17 {
	width: 840px
}

.grid_18 {
	width: 890px
}

/* 테이블 항목별 정의 */
.td_board {
	width: 120px;
	text-align: center
}

.td_chk {
	width: 30px;
	text-align: center
}

.td_date {
	width: 60px;
	text-align: center
}

.td_datetime {
	width: 110px;
	text-align: center
}

.td_default {
	width: 60px;
	text-align: center
}

.td_dvr {
	width: 100px;
	text-align: center
}

.td_group {
	width: 100px;
	text-align: center
}

.td_imgsmall {
	width: 60px;
	text-align: center
}

.td_num {
	width: 50px;
	text-align: center
}

.td_numbig {
	width: 100px;
	text-align: center
}

.td_nick {
	width: 100px;
	text-align: center
}

.td_name {
	width: 100px;
	text-align: left
}

.td_namesmall {
	width: 50px;
	text-align: left
}

.td_mb_id {
	width: 100px;
	text-align: center
}

.td_mng {
	width: 80px;
	text-align: center
}

.td_mngsmall {
	width: 50px;
	text-align: center
}

.td_statsmall {
	width: 50px;
	text-align: center
}

.text_left {
	text-align: left !important
}

.text_center {
	text-align: center !important
}

.text_right {
	text-align: right !important
}

/* 새창 기본 스타일 */
.new_win {
	position: relative;
}

.new_win #win_title {
	font-size: 1.25em;
	height: 50px;
	line-height: 30px;
	padding: 10px 20px;
	background: #333;
	color: #fff;
}

.new_win #win_title .sv {
	font-size: 0.75em;
	line-height: 1.2em
}

.new_win .win_ul {
	border-right: 1px solid #dfe6e7;
}

.new_win .win_ul:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

.new_win .win_ul li {
	float: left;
	background: #f3f7f7;
	width: 33.333%;
	text-align: center;
	border-left: 1px solid #dfe6e7;
	border-bottom: 1px solid #dfe6e7;
	border-top: 1px solid #dfe6e7
}

.new_win .win_ul li a {
	display: block;
	padding: 10px 0
}

.new_win .win_ul .selected {
	background: #fff;
	border-bottom-color: #fff;
	border-top-color: #ae99da;
}

.new_win .win_ul .selected a {
	color: #9781c5
}

.new_win .win_desc {
	margin: 5px 0;
	font-size: 0.92em;
	color: #3598db;
}

.new_win .frm_info {
	font-size: 0.92em;
	color: #3598db
}

.new_win .win_total {
	text-align: right;
	margin: 10px 0
}

.new_win .win_total span {
	display: inline-block;
	padding: 0 5px;
	color: #777;
	line-height: 26px;
	border: 1px solid #ddd;
	border-radius: 3px;
	font-size: 0.92em;
}

.new_win .new_win_con {
	margin: 20px;
}

.new_win .new_win_con:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

.new_win .btn_confirm:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

.new_win .btn_close {
	position: absolute;
	top: 0;
	right: 0;
	height: 50px;
	width: 50px;
	background: url(../img/close_btn.gif) no-repeat 50% 50%;
	border: 0;
	text-indent: -999px;
	overflow: hidden
}

.new_win .btn_submit {
	padding: 0 20px;
	height: 38px;
	border-radius: 2px;
	font-weight: bold;
	font-size: 13px;
	float: right
}

.new_win .win_btn {
	margin: 10px 0
}

/* 자바스크립트 alert 대안 */
#validation_check {
	margin: 100px auto;
	width: 500px
}

#validation_check h1 {
	margin-bottom: 20px;
	font-size: 1.3em
}

#validation_check p {
	margin-bottom: 20px;
	padding: 30px 20px;
	border: 1px solid #e9e9e9;
	background: #fff
}

/* 사이드뷰 */
.sv_wrap {
	display: inline-block;
	position: relative;
	font-weight: normal
}

.sv_wrap .sv {
	z-index: 1000;
	display: none;
	margin: 5px 0 0;
	border: 1px solid #283646;
	background: #111
}

.sv_wrap .sv a {
	display: inline-block !important;
	margin: 0 !important;
	padding: 3px !important;
	width: 94px;
	border-bottom: 1px solid #283646;
	color: #fff !important
}

.sv_wrap a:focus,
.sv_wrap a:hover,
.sv_wrap a:active {
	text-decoration: none !important
}

.sv_on {
	display: block !important;
	position: absolute;
	top: 10px;
	left: 20px;
	width: auto;
	height: auto !important
}

.sv_nojs .sv {
	display: block
}

/* 페이징 */
.pg_wrap {
	clear: both;
	margin: 30px 0;
	text-align: center
}

.pg_wrap:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

.pg {}

.pg_page,
.pg_current,
.qa_page {
	display: inline-block;
	vertical-align: middle
}

.pg a:focus,
.pg a:hover {
	text-decoration: none
}

.pg_page,
.qa_page {
	background: #fdfdfd;
	border: 1px solid #d4d4d4;
	color: #555;
	;
	font-size: 1.083em;
	height: 34px;
	line-height: 32px;
	padding: 0 5px;
	min-width: 36px;
	text-decoration: none;
	border-radius: 2px;
}

.pg_page:hover {
	background-color: #f3f3f1
}

.pg_start {
	text-indent: -999px;
	overflow: hidden;
	background: url('../img/btn_first.gif') no-repeat 50% 50%;
	padding: 0
}

.pg_prev {
	text-indent: -999px;
	overflow: hidden;
	background: url('../img/btn_prev.gif') no-repeat 50% 50%;
	padding: 0
}

.pg_end {
	text-indent: -999px;
	overflow: hidden;
	background: url('../img/btn_end.gif') no-repeat 50% 50%;
	padding: 0
}

.pg_next {
	text-indent: -999px;
	overflow: hidden;
	background: url('../img/btn_next.gif') no-repeat 50% 50%;
	padding: 0
}

.pg_current {
	display: inline-block;
	background: #585858;
	color: #fff;
	font-weight: bold;
	height: 34px;
	line-height: 34px;
	padding: 0 10px;
	min-width: 34px;
	border-radius: 2px;
}


/* ########## 쇼핑몰 컨텐츠 ########## */
/* 인덱스 이미지 출력 */
#sidx_img {
	margin: 0 0 20px
}

#sidx_img img {
	max-width: 100%;
	height: auto
}

/* 마이페이지 */
#smb_my {
	position: relative
}

#smb_my_ov {
	margin: 0 0 20px;
	position: relative
}

#smb_my_ov h2 {
	position: absolute;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}

#smb_my_ov .my_ov_name {
	display: block;
	background: #fff;
	border: 1px solid #ccc;
	line-height: 50px;
	padding: 0 20px;
	font-size: 1.167em;
}

#smb_my_ov .my_ov_name img {
	width: 20px;
	border-radius: 50%
}

#smb_my_act {
	position: relative;
	zoom: 1;
	margin-bottom: 10px;
}

#smb_my_act:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#smb_my_act ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none
}

#smb_my_act li {
	float: left;
	margin: 0 0 0 4px
}

#smb_my_act li a {
	line-height: 32px;
	padding: 0 12px
}

#smb_my_act li .btn_admin {
	height: 34px;
}

#smb_my_ov .cou_pt {
	position: absolute;
	top: 45px;
	right: 0;
}

#smb_my_ov .cou_pt dt {
	float: left;
	width: 90px;
	line-height: 50px;
}

#smb_my_ov .cou_pt dd {
	float: left;
	width: 110px;
	text-align: right;
	padding: 0 30px 0 0;
	line-height: 50px;
}

#smb_my_ov .cou_pt dd a {
	color: #ff6600;
	font-weight: bold;
	font-size: 1.167em
}

#smb_my_ov .op_area {
	background: #f8f8f8;
	border: 1px solid #ccc;
	border-top: 0;
	padding: 10px 15px;
	line-height: 18px;
	color: #555
}

#smb_my_ov .op_area:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#smb_my_ov .op_area dt {
	float: left;
	width: 10%;
	margin: 6px 0;
	font-weight: bold
}

#smb_my_ov .op_area dd {
	float: left;
	width: 40%;
	;
	margin: 6px 0
}

.my_ov_btn {
	text-align: center;
}

.my_ov_btn button {
	background: #fff;
	border: 1px solid #ccc;
	vertical-align: top;
	border-top: 0;
	padding: 0 20px;
	height: 25px
}

.my_ov_btn button:hover {
	background: #f3f3f3
}

#smb_my_ovaddd {
	width: 90%
}

#smb_my_ovaddt {
	border-bottom: 0 !important
}

#smb_my_ovaddd {
	width: 590px !important;
	border-bottom: 0 !important
}

#smb_my_od {
	margin: 0 0 50px;
	position: relative
}

#smb_my_od h2 {
	margin: 0 0 10px;
	font-size: 1.25em;
}

#smb_my_od td {
	text-align: center
}

#smb_my_od td a {
	font-weight: bold
}

#smb_my_wish {
	position: relative;
}

#smb_my_wish h2 {
	margin: 0 0 10px;
	font-size: 1.25em;
}

.smb_my_img {
	margin: 0 0 5px;
}

.smb_my_tit {
	margin: 5px 0;
	font-size: 13px;
}

.smb_my_date {
	font-size: 0.92em;
	color: #777
}

.smb_my_more {
	position: absolute;
	top: 0;
	right: 0;
}

.smb_my_more a {
	display: block;
	background: url('../img/more-btn.gif') no-repeat 0 2px;
	padding-left: 20px;
	height: 30px
}

/*장바구니 주문서 공통*/
.od_prd_list .td_chk {
	border-left: 0;
}

.od_prd_list .td_prd {
	border-left: 0;
	position: relative;
	padding-left: 90px;
	min-height: 100px
}

.od_prd_list .td_prd .sod_img {
	position: absolute;
	top: 15px;
	left: 0
}

.od_prd_list .td_prd .sod_name {
	min-height: 80px
}

.od_prd_list .td_prd .prd_name {
	font-size: 13px
}

.od_prd_list .total_prc {
	color: #e31836;
	font-weight: bold;
	font-size: 1.167em
}

.sod_opt {}

.sod_opt ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.sod_opt li {
	padding-left: 10px;
	background: url('../img/bullet.gif') no-repeat 3px 8px;
	color: #777;
	margin: 3px 0;
	line-height: 1.3em
}

.sod_option_btn .mod_options {
	height: 32px;
	padding: 0 12px;
	display: inline-flex;
	align-items: center;
	gap: 4px;
	border: 1px solid #e2e2e2;
	border-bottom: 1px solid #c4c4c4;
	background: #fff;
	color: #666;
	margin: 10px 0 0;
	line-height: 1.2;
	font-size: 12px;
	white-space: normal;
	box-sizing: border-box;
}

.cp_btn {
	padding: 0 7px;
	border: 1px solid #38b2b9;
	color: #38b2b9;
	background: #fff;
	height: 23px;
	margin: 10px 0 0
}

.cp_cancel {
	padding: 0 7px;
	border: 1px solid #aaa;
	color: #666;
	background: #fff;
	height: 23px;
	margin: 10px 0 0 2px;
}

/* 장바구니 */
#sod_bsk {
	width: 100%;
	max-width: 100%;
	padding: 0 12px;
	box-sizing: border-box;
}

#sod_bsk_list { position: relative; }

#sod_bsk #sod_chk {
	margin: 10px 0;
}

#sod_bsk .sod_list {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sod_bsk .sod_list .sod_li {
	background: #fff;
	border: 1px solid #ddd;
	margin: 10px 0;
}

#sod_bsk .sod_list .li_name {
	display: flex !important;
	align-items: flex-start !important;
	gap: 8px;
	padding: 12px;
	border-bottom: 1px solid #ddd;
	line-height: 1.45em;
	min-height: auto !important;
}

#sod_bsk .sod_list .li_name .li_chk {
	position: static !important;
	flex: 0 0 auto;
	margin-top: 2px;
}

#sod_bsk .sod_list .li_name a,
#sod_bsk .sod_list .li_name strong {
	display: block !important;
	padding: 0 !important;
	border-bottom: 0 !important;
	height: auto !important;
	line-height: 1.45em !important;
	flex: 1;
	white-space: normal !important;
	overflow: visible !important;
}

#sod_bsk .li_op_wr {
	position: relative;
	margin: 10px;
	padding-left: clamp(88px, 24vw, 132px);
	min-height: 80px;
}

#sod_bsk .total_img {
	position: absolute;
	top: 0;
	left: 0;
	width: clamp(92px, 24vw, 132px);
	max-width: 132px;
}

#sod_bsk .total_img img {
	width: 100% !important;
	height: auto !important;
	max-width: 100%;
	max-height: 100%;
}

#sod_bsk .sod_opt {
	padding: 0;
	margin: 0 0 10px;
	color: #777;
	font-size: 13px;
}

#sod_bsk .sod_opt li {
	padding-left: 10px;
	background: url('../img/bullet.gif') no-repeat 3px 50%;
	line-height: 1.3em;
	margin: 3px 0;
}

#sod_bsk .li_mod {
	position: relative;
}

#sod_bsk .sod_list .mod_options {
	height: 30px;
	padding: 0 10px;
	border: 1px solid #d2d2d2;
	background: #fff;
	color: #333;
}

#sod_bsk .sod_list .li_prqty {
	margin: 10px;
	padding: 12px 0 0;
	border-top: 1px solid #dcdcdc;
	display: flex;
	flex-direction: column;
	gap: 8px;
	background: none !important;
}

#sod_bsk .sod_list .li_prqty_sp {
	display: flex;
	justify-content: space-between;
	align-items: center;
	line-height: 1.45em;
	padding: 0 7px;
	box-sizing: border-box;
	width: 100%;
	background: none !important;
}

#sod_bsk .sod_list .li_prqty_sp span {
	min-width: 72px;
	color: #777;
	font-weight: 500;
	margin-right: 10px;
	background: none !important;
	white-space: nowrap !important;
}

#sod_bsk .sod_list .li_prqty_sp strong {
	color: #333;
	text-align: right;
	background: none !important;
	white-space: nowrap !important;
}

#sod_bsk .sod_list .total_price {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 10px;
	margin: 10px;
	padding: 10px;
	border: 1px solid #e2e2e2;
	background: #f5f5f5;
	line-height: 1.5em;
}

#sod_bsk .sod_list .total_price span {
	color: #777;
	font-size: 1.25em;
	line-height: 1.1em;
}

#sod_bsk .sod_list .total_span span {
	position: static !important;
	top: auto !important;
	left: auto !important;
	transform: none !important;
}

#sod_bsk .sod_list .total_price strong {
	font-size: 1.25em;
	color: #ff006c;
	white-space: nowrap;
	display: inline-flex;
	align-items: baseline;
	line-height: 1.1em;
}

#sod_bsk .empty_list {
	margin: 10px 0;
	padding: 18px 12px;
	border: 1px solid #ddd;
	text-align: center;
	background: #fff;
	color: #666;
}

#sod_bsk .btn_cart_del,
#sod_bsk .btn_del_wr {
	margin: 10px 0;
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

#sod_bsk .btn_cart_del button {
	flex: 0 0 auto;
	min-width: 130px;
	height: 40px;
	border: 1px solid #d2d2d2;
	background: #fff;
	color: #333;
}

#sod_bsk #sod_bsk_tot {
	background: #f4f4f4;
	padding: 10px;
	margin: 12px 0;
	border-radius: 2px;
}

#sod_bsk #sod_bsk_tot ul:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: "";
}

#sod_bsk #sod_bsk_tot ul {
	display: flex;
	flex-wrap: wrap;
}

#sod_bsk #sod_bsk_tot li {
	flex: 0 0 33.333%;
	border-left: 1px solid #e6e2e2;
	text-align: center;
	padding: 10px 0;
	font-size: 1.05em;
	box-sizing: border-box;
}

#sod_bsk #sod_bsk_tot li:first-child {
	border-left: 0;
}

#sod_bsk #sod_bsk_tot li span {
	display: block;
	margin: 0 0 5px;
	color: #777;
}

#sod_bsk #sod_bsk_tot li strong {
	font-size: 1.25em;
}

#sod_bsk #sod_bsk_tot .sod_bsk_cnt strong {
	color: #e31836;
}

#sod_bsk_act {
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
}

#sod_bsk_act .btn_submit,
#sod_bsk_act .btn01,
#sod_bsk_act button#shop_order_btn {
	flex: 0 0 auto;
	min-width: 160px;
	height: 50px;
	line-height: 50px;
	padding: 0 10px;
	font-weight: bold;
	font-size: 14px;
}

#sod_bsk_act p {
	margin: 0 0 10px
}

#sod_bsk .sod_ta_wr {
	background: #fff;
}

@media (max-width: 540px) {
	#sod_bsk .btn_cart_del,
	#sod_bsk_act {
		gap: 8px;
	}

	#sod_bsk .btn_cart_del button,
	#sod_bsk_act .btn_submit,
	#sod_bsk_act .btn01,
	#sod_bsk_act button#shop_order_btn {
		width: 100%;
		min-width: 0;
	}

	#sod_bsk .sod_list .li_name {
		padding-left: 12px;
		padding-right: 12px;
		flex-wrap: wrap;
	}

	#sod_bsk .sod_list .li_op_wr {
		margin: 10px 6px;
		padding-left: clamp(92px, 24vw, 132px);
	}

	#sod_bsk .sod_list .li_prqty_sp span {
		min-width: 58px;
	}
}

/*장바구니 선택사항수정*/
#sod_bsk_list #mod_option_frm {
	z-index: 2;
	position: static !important;
	top: auto !important;
	margin-top: 8px !important;
	left: auto !important;
	right: auto !important;
	width: 100% !important;
	max-width: none !important;
	min-width: 0 !important;
	max-height: 76vh;
	height: auto !important;
	box-sizing: border-box;
	padding: 0 0 12px;
	border: 1px solid #000;
	background: #fff;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-box-shadow: 1px 2px 5px #bbb;
	-moz-box-shadow: 1px 2px 5px #bbb;
	box-shadow: 1px 2px 5px #bbb;
}

@media (max-width: 767px) {
	#sod_bsk_list #mod_option_frm {
		position: static !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		width: 100% !important;
		min-width: 0;
		max-width: none;
		max-height: none;
	}

	#sod_bsk_list #mod_option_frm .btn_confirm {
		margin-bottom: 16px;
	}
}

#mod_option_frm h2 {
	border-bottom: 1px solid #cdcdcd;
	padding: 0 20px;
	line-height: 50px;
	margin: 0 0 15px;
	font-size: 1.25em;
	-webkit-box-shadow: 1px 2px 2px #eee;
	-moz-box-shadow: 1px 2px 2px #eee;
	box-shadow: 1px 2px 2px #eee;
}

.option_wr {
	background: #f3f3f3;
	margin: 0 20px 10px;
	padding: 15px
}

.option_wr h3 {
	font-size: 1.167em
}

.option_wr label {
	display: block;
	margin: 10px 0 5px
}

.option_wr select {
	width: 100%;
	border: 1px solid #ccc;
	height: 35px
}

#sit_opt_added {
	margin: 0;
	border-bottom: 0;
	background: #fff;
	list-style: none
}

#sit_opt_added li {
	padding: 20px 20px;
	border: 1px solid #e9e9e9;
	position: relative
}

#sit_opt_added li.sit_opt_list,
#sit_opt_added li.sit_spl_list {
	display: block;
	clear: both;
}

#sit_opt_added li .opt_name {
	line-height: 20px;
	font-weight: bold
}

#sit_opt_added li .opt_count {
	position: static;
	top: auto;
	right: auto;
	margin-top: 8px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px;
	width: 100%;
}

#sit_opt_added button {
	float: none;
	width: 30px;
	height: 30px;
	border: 1px solid #cdcdcd;
	background: #fff;
	color: #666;
	font-size: 0.92em
}

#sit_opt_added button:hover {
	color: #000
}

#sit_opt_added .num_input {
	float: none;
	width: 46px;
	border: 0;
	height: 30px;
	border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #ddd;
	text-align: center;
	font-weight: bold;
}

#sit_opt_added .sit_opt_del {
	border: 0;
	font-size: 15px
}

#sit_opt_added .sit_opt_del:hover {
	color: #be334a
}

#sit_opt_added .sit_opt_prc {
	display: inline-block;
	width: auto;
	padding: 0 3px;
	text-align: right;
	line-height: 30px;
	font-size: 1.183em;
	font-weight: bold
}

#mod_option_frm #sit_sel_option {
	margin: 20px;
}

#mod_option_frm #sit_tot_price {
	margin: 0;
	padding: 10px 20px 0;
}

#mod_option_frm #sit_opt_added {
	border-top: 1px solid #e9e9e9;
}

#mod_option_frm .btn_confirm {
	margin: 20px;
}

#mod_option_frm .btn_confirm .btn_submit {
	height: 40px;
	font-size: 1.167em;
	font-weight: bold;
	width: 100%;
	cursor: pointer
}

#mod_option_frm .btn_confirm .btn_close {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	border: 0;
	background: none;
	border-left: 1px solid #cdcdcd;
	font-size: 1.25em
}

#mod_option_frm .btn_confirm .btn_close:hover {
	background: #f3f3f3
}

/* 주문서 작성 */
#sod_frm .od_prd_list {
	margin-bottom: 20px
}

#sod_frm #sod_bsk_tot:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#sod_frm #sod_bsk_tot li {
	position: relative;
	float: left;
	background: #fff;
	width: 33.333%;
	height: 70px;
	text-align: center;
	border-bottom: 1px solid #e7ebf1;
	padding: 15px 0
}

#sod_frm #sod_bsk_tot li:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#sod_frm #sod_bsk_tot li span {
	display: block;
	color: #777;
	margin-bottom: 5px;
	font-weight: bold;
}

#sod_frm #sod_bsk_tot .sod_bsk_sell,
#sod_frm #sod_bsk_tot .sod_bsk_coupon {
	border-right: 1px solid #e7ebf1
}

#sod_frm #sod_bsk_tot .sod_bsk_point,
#sod_frm #sod_bsk_tot .sod_bsk_cnt {
	width: 100%;
	clear: both;
	height: 40px;
	padding: 0 15px;
	line-height: 40px;
	text-align: right
}

#sod_frm #sod_bsk_tot .sod_bsk_point span,
#sod_frm #sod_bsk_tot .sod_bsk_cnt span {
	float: left;
	margin: 0;
	line-height: 40px;
}

#sod_frm #sod_bsk_tot .sod_bsk_coupon:before {
	display: block;
	content: "-";
	position: absolute;
	top: 25px;
	left: -10px;
	width: 20px;
	height: 20px;
	background: #fff;
	color: #ff006c;
	border-radius: 50%;
	border: 1px solid #e7ebf1;
	font-weight: bold;
	font-size: 16px;
	line-height: 14px;
}

#sod_frm #sod_bsk_tot .sod_bsk_dvr:before {
	display: block;
	content: "+";
	position: absolute;
	top: 25px;
	left: -10px;
	width: 20px;
	height: 20px;
	background: #fff;
	color: #ff006c;
	border-radius: 50%;
	border: 1px solid #e7ebf1;
	font-weight: bold;
	font-size: 16px;
	line-height: 14px;
}

#sod_frm #sod_bsk_tot .sod_bsk_cnt strong {
	color: #e31836;
	font-size: 1.25em
}

.sod_left {
	display: table-cell;
	width: 700px;
	background: #fafafa;
	padding: 20px;
	vertical-align: top;
}

.sod_right {
	display: table-cell;
	width: 560px;
	background: #f5f6f7;
	padding: 20px;
	vertical-align: top;
	-webkit-box-shadow: inset 7px 0 9px -7px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 7px 0 9px -7px rgba(0, 0, 0, 0.2);
	box-shadow: inset 7px 0 11px -5px #e1e1e1;
	height: 100%
}




.display_setup_message {
	margin: 0 0 10px;
	padding: 15px;
	border: 1px solid #fccdff;
	background: #ffeef9
}

.display_setup_message strong {
	display: block;
	margin: 0 0 10px
}

#sod_frm {}

#sod_frm h2 {
	margin: 0 0 10px
}

#sod_frm p {
	margin: 0 0 10px
}

#sod_list {
	position: relative
}

#sod_list #cp_frm {
	z-index: 10000;
	position: absolute;
	top: 0;
	left: 99px;
	width: 500px;
	height: auto !important;
	height: 500px;
	max-height: 500px;
	border: 1px solid #000;
	background: #fff;
	overflow-y: auto;
	overflow-x: none;
	-webkit-box-shadow: 1px 2px 5px #bbb;
	-moz-box-shadow: 1px 2px 5px #bbb;
	box-shadow: 1px 2px 5px #bbb;
}

#sod_frm_orderer {
	margin: 20px 0 40px
}

#sod_frm_orderer #od_addr_jibeon,
#sod_frm_taker #od_b_addr_jibeon {
	display: inline-block;
	margin: 5px 0 0
}

#sod_frm_taker label {
	display: inline-block;
}

#sod_frm_same {
	margin: 0 0 10px
}

#sod_frm #od_memo {
	height: 50px
}

#sod_frm #display_pay_process {
	text-align: center
}

#sod_frm #display_pay_process span {
	display: block;
	margin: 5px 0 0
}

#sod_frm .btn_submit {
	width: 100%;
	height: 50px;
	font-weight: bold;
	font-size: 13px;
	cursor: pointer
}

#sod_frm .btn01 {
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-weight: bold;
	font-size: 13px;
	margin: 5px 0
}


#sod_frm_pay {
	position: relative;
	margin: 10px 0
}

#sod_frm #sod_frm_pay h2 {
	position: absolute;
	border: 0;
	font-size: 0;
	line-height: 0;
	content: ""
}

#sod_frm_pay .pay_tbl table {
	width: 100%;
	border-collapse: collapse
}

#sod_frm_pay .pay_tbl th {
	text-align: left;
	padding: 10px;
	width: 80px;
	border-bottom: 1px solid #e7ebf1;
	background: #fff;
	font-weight: bold;
	color: #777
}

#sod_frm_pay .pay_tbl td {
	text-align: right;
	padding: 10px;
	height: 30px;
	border-bottom: 1px solid #e7ebf1;
	background: #fff
}

#sod_frm_pay .pay_tbl td .cp_cancel {
	margin: 0 0 0 2px
}

#sod_frm_pay .pay_tbl td .btn_frmline {
	padding: 0 7px;
	border: 1px solid #38b2b9;
	color: #38b2b9;
	background: #fff;
	height: 23px;
	line-height: 21px;
	margin: 0;
}

#od_tot_price {
	margin: 10px 0;
	background: #fff;
	line-height: 40px;
	text-align: right;
	padding: 0 10px
}

#od_tot_price span {
	float: left;
	font-weight: bold;
	line-height: 40px;
}

#od_tot_price strong {
	font-size: 1.5em;
	color: #e31836
}

#sod_frm_pay_info {
	margin: 0 0 10px
}

#sod_frm_pay #sc_coupon_frm,
#sod_frm_pay #od_coupon_frm {
	z-index: 10000;
	position: absolute;
	top: 0;
	right: 0;
	width: 500px;
	height: auto !important;
	height: 500px;
	max-height: 500px;
	border: 1px solid #000;
	background: #fff;
	overflow-y: auto
}

#sod_frm_deli {
	position: relative;
	line-height: 2em
}

.od_coupon h3 {
	border-bottom: 1px solid #cdcdcd;
	padding: 0 20px;
	line-height: 50px;
	margin: 0 0 15px;
	font-size: 1.25em;
	text-align: left;
	-webkit-box-shadow: 1px 2px 2px #eee;
	-moz-box-shadow: 1px 2px 2px #eee;
	box-shadow: 1px 2px 2px #eee;
}

.od_coupon .btn_close {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	border: 0;
	background: none;
	border-left: 1px solid #cdcdcd;
	font-size: 1.25em;
}

.od_coupon .btn_close:hover {
	background: #f3f3f3
}

.od_coupon .tbl_head02 {
	margin: 20px
}

.od_coupon .cp_apply {
	padding: 0 5px;
	border: 1px solid #38b2b9;
	color: #38b2b9;
	background: #fff;
	height: 23px;
	line-height: 21px;
}

.od_coupon td,
#sod_frm_pay .od_coupon td {
	text-align: left;
	border-left: 0;
	padding: 7px
}

#sod_frm_pay .od_coupon th {
	width: auto;
	text-align: center;
	padding: 7px;
	background: #f3f3f3;
	border-top: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
}

.od_coupon .td_numbig,
#sod_frm_pay .od_coupon .td_numbig {
	text-align: center;
}

.od_coupon .td_mngsmall {
	width: 60px
}

#sod_frm #sod_frm_pt_alert {
	margin: 5px 0;
	color: #38b2bb
}

#od_pay_sl h3 {
	font-size: 1.167em;
	margin: 20px 0 5px
}

#od_pay_sl input[type="radio"] {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	text-indent: -999px;
	left: 0;
	z-index: -1px;
}

#od_pay_sl .lb_icon {
	display: inline-block;
	float: left;
	width: 50%;
	background: #fff;
	border: 2px solid #ccc;
	margin: -1px 0 0 -1px;
	cursor: pointer;
	height: 60px;
	position: relative;
	padding-left: 65px;
	padding-top: 20px;
	z-index: 1
}

#od_pay_sl input[type="radio"]:checked+.lb_icon {
	border: 2px solid #333;
	z-index: 3;
	margin-bottom: 10px
}

#sod_frm_paysel {}

#sod_frm_paysel legend {
	position: absolute;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}

#sod_frm_paysel .KPAY {
	background: url('../../../img/kpay.png') no-repeat 50% 50% #fff;
	overflow: hidden;
	text-indent: -999px
}

#sod_frm_paysel .PAYNOW {
	background: url('../../../img/paynow.png') no-repeat 50% 50% #fff;
	overflow: hidden;
	text-indent: -999px
}

#sod_frm_paysel .PAYCO {
	background: url('../../../img/payco.png') no-repeat 50% 50% #fff;
	overflow: hidden;
	text-indent: -999px
}

#sod_frm_paysel .inicis_lpay {
	background: url('../../../img/lpay_logo.png') no-repeat 50% 50% #fff;
	overflow: hidden;
	text-indent: -999px
}

#sod_frm_paysel .kakaopay_icon {
	background: url('../../../img/kakao.png') no-repeat 50% 50% #f4dc34;
	overflow: hidden;
	text-indent: -999px
}

#sod_frm_paysel .bank_icon {
	background: url('../../../img/pay_icon1.png') no-repeat 15px 50% #fff
}

#sod_frm_paysel .vbank_icon {
	background: url('../../../img/pay_icon2.png') no-repeat 15px 50% #fff;
	padding-top: 13px
}

#sod_frm_paysel .iche_icon {
	background: url('../../../img/pay_icon2.png') no-repeat 15px 50% #fff;
	padding-top: 13px
}

#sod_frm_paysel .hp_icon {
	background: url('../../../img/pay_icon3.png') no-repeat 24px 50% #fff
}

#sod_frm_paysel .card_icon {
	background: url('../../../img/pay_icon4.png') no-repeat 17px 50% #fff
}

.sod_frm_point {
	clear: both;
	padding: 10px 0
}

.sod_frm_point div {
	background: #fff;
	margin-bottom: 1px;
	padding: 10px;
	text-align: left;
	text-align: right
}

.sod_frm_point div:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ''
}

.sod_frm_point div label {
	float: left;
	line-height: 30px
}

.sod_frm_point div span {
	display: block;
	font-size: 0.92em
}

.sod_frm_point div span:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ''
}

.sod_frm_point div strong {
	float: left;
	color: #666;
	font-weight: normal
}

.sod_frm_point .max_point_box em {
	font-style: normal !important
}

.sod_frm_point #od_temp_point {
	height: 30px;
	text-align: right;
	padding: 0 5px;
	border: 1px solid #ccc;
}

#settle_bank {
	margin: 5px 0 10px;
	background: #fff;
	padding: 10px;
	clear: both;
	line-height: 22px;
	;
}

#settle_bank select {
	height: 30px;
	margin: 0 0 5px;
	width: 100%;
	border: 1px solid #ccc;
}

#settle_bank #od_deposit_name {
	height: 30px;
	border: 1px solid #ccc;
	padding: 0 6px
}

#sod_frm_escrow {
	margin: 30px 0 0
}

#sod_frm #sod_frm_escrow h2 {
	margin: 0;
	border: 0
}

#sod_frm #sod_frm_escrow p {
	margin: 5px 0
}

#display_pay_process {
	padding: 20px;
	text-align: center
}

/* 위시리스트 */
#sod_ws {}

#sod_ws .list_02 ul {
	margin: 0 -8px;
	padding: 0 !important;
	display: block;
}

#sod_ws .list_02 li {
	float: left;
	width: calc(50% - 16px);
	margin: 0 8px 16px;
	box-sizing: border-box;
	border: 1px solid #e6e6e6;
	border-radius: 8px;
	padding: 15px !important;
	position: relative;
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

#sod_ws .list_02 li:nth-child(4n+1) {
	clear: none;
	margin-left: 8px;
}

#sod_ws .list_02 li:nth-child(2n+1) {
	clear: both;
}

.sod_ws_img {
	width: 100%;
	margin-bottom: 10px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1 / 1;
	position: relative;
	border-radius: 6px;
	overflow: hidden;
	background: #f7f7f7;
	padding: 0;
}

.sod_ws_img a {
	width: 100%;
	height: 100%;
	display: block;
	line-height: 0;
}

.sod_ws_img:empty {
	min-height: 180px;
}

.sod_ws_img img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	border: 0;
}

.sod_ws_img img:hover {
	border: 0;
}

.sod_ws_img img[src*="no_image.gif"] {
	object-fit: contain;
	padding: 0;
	background: #fff;
}

#sod_ws .list_02 li.is_soldout .sod_ws_img {
	background: linear-gradient(135deg, #f4f4f4, #ebebeb);
}

#sod_ws .list_02 li.is_soldout .sod_ws_img:after {
	content: "품절";
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #fff;
	background: rgba(0, 0, 0, 0.46);
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
	z-index: 2;
	transform: translateZ(0);
}

#sod_ws .list_02 li.is_soldout .sod_ws_img img {
	opacity: 0.94;
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
}

#sod_ws_act {
	text-align: center;
	padding: 20px 0;
}

#sod_ws_act button {
	height: 42px;
	width: 130px;
	font-weight: bold;
	font-size: 12px
}

#sod_ws li .info_link {
	display: block;
	margin: 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #646464;
	font-weight: bold;
	grid-column: 2;
	grid-row: 1;
}

#sod_ws li .info_date {
	grid-column: 2;
	grid-row: 2;
	margin: 0;
	color: #646464;
	font-size: 0.92em
}

#sod_ws li .wish_chk {
	position: static;
	margin: 0;
	color: #f00
}

#sod_ws .sold_out {
	font-size: 11px;
	background: #ff4f4f;
	color: #fff;
	padding: 3px 6px;
	border-radius: 12px;
	line-height: normal;
	white-space: nowrap;
	display: inline-block;
}

#sod_ws li .wish_chk .sold_out {
	display: inline-block;
	margin: 0;
	vertical-align: middle;
	line-height: 1.2;
}

#sod_ws .list_02 li .wish_info {
	padding: 10px 0 0;
	margin-top: 8px;
	min-height: 54px;
	border-top: 1px solid #e0e0e0;
	display: flex;
	flex-direction: column;
	gap: 8px;
	box-sizing: border-box;
}

#sod_ws .list_02 li .wish_del {
	width: 35px;
	height: 35px;
	line-height: 35px;
	display: flex;
	justify-content: flex-end;
	color: #777;
}

#sod_ws .list_02 li .wish_del:hover {
	background: #eee;
	color: #777
}

#sod_ws .wish_info {
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

#sod_ws .wish_row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
}

#sod_ws .wish_label {
	color: #777;
	font-size: 0.89em;
	flex: 0 0 52px;
	line-height: 1.35;
	white-space: nowrap;
}

#sod_ws .wish_value {
	flex: 1;
	min-width: 0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	text-align: right;
}

#sod_ws .wish_prd {
	display: block;
	color: #333;
	font-weight: bold;
	line-height: 1.4;
	word-break: break-word;
}

#sod_ws .wish_del,
#sod_ws .wish_chk {
	position: static;
}

#sod_ws .wish_chk input[type="checkbox"] {
	margin: 0;
}

#sod_ws .wish_del a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 35px;
	background: #e63935;
	border-radius: 2px;
	line-height: 1;
	color: #fff;
	font-size: 1.25em;
}

#sod_ws .sod_list .sod_li .wish_del {
	position: relative;
	z-index: auto;
	width: 35px;
	height: 35px;
	min-width: 35px;
	max-width: 35px;
	min-height: 35px;
	max-height: 35px;
	padding: 0;
	box-sizing: border-box;
	overflow: hidden;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

#sod_ws .sod_list .sod_li .wish_del a {
	background: #e63935;
	color: #fff;
	width: 100%;
	height: 100%;
	min-width: 35px;
	max-width: 35px;
	min-height: 35px;
	max-height: 35px;
	padding: 0;
	box-sizing: border-box;
}

#sod_ws .sod_list .sod_li .wish_del:hover,
#sod_ws .sod_list .sod_li .wish_del a:hover {
	background: #e63935;
	color: #fff;
}

#sod_ws .sod_list .sod_li .wish_del:hover {
	padding: 0 !important;
}

#sod_ws .sod_list .sod_li .wish_del a:hover {
	border-radius: 0;
}

#sod_ws .sod_ws_list {
	width: 100%;
	padding: 0;
}

#sod_ws .sod_list {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sod_ws .sod_list .sod_li {
	background: #fff;
	border: 1px solid #ddd;
	margin: 10px 0;
}

#sod_ws .sod_list .li_name {
	display: flex !important;
	align-items: flex-start !important;
	gap: 8px;
	padding: 12px;
	border-bottom: 1px solid #ddd;
	line-height: 1.45em;
	min-height: auto !important;
}

#sod_ws .sod_list .li_name .li_chk {
	position: static !important;
	flex: 0 0 auto;
	margin-top: 2px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

#sod_ws .sod_list .li_name a,
#sod_ws .sod_list .li_name strong {
	display: block !important;
	padding: 0 !important;
	border-bottom: 0 !important;
	height: auto !important;
	line-height: 1.45em !important;
	flex: 1;
	white-space: normal !important;
	overflow: visible !important;
	color: #333;
	font-weight: 700;
}

#sod_ws .li_op_wr {
	position: relative;
	margin: 10px;
	padding-left: clamp(88px, 24vw, 132px);
	min-height: 80px;
}

#sod_ws .total_img {
	position: absolute;
	top: 0;
	left: 0;
	width: clamp(92px, 24vw, 132px);
	max-width: 132px;
}

#sod_ws .total_img a {
	display: block;
	line-height: 0;
}

#sod_ws .total_img img {
	width: 100% !important;
	height: auto !important;
	max-width: 100%;
	max-height: 100%;
}

#sod_ws .sod_li.is_soldout .total_img {
	background: linear-gradient(135deg, #f4f4f4, #ebebeb);
}

#sod_ws .sod_li.is_soldout .total_img:after {
	content: "품절";
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 1px;
	color: #fff;
	background: rgba(0, 0, 0, 0.46);
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
	z-index: 2;
	pointer-events: none;
	transform: translateZ(0);
}

#sod_ws .sod_li.is_soldout .total_img img {
	opacity: 0.94;
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
	pointer-events: auto;
}

#sod_ws .sod_li.is_soldout .wish_info {
	position: static;
	z-index: auto;
}

#sod_ws .wish_info {
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
	box-sizing: border-box;
}

#sod_ws .wish_row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	line-height: 1.35;
}

#sod_ws .wish_label {
	color: #777;
	font-size: 0.89em;
	flex: 0 0 60px;
	white-space: nowrap;
}

#sod_ws .wish_value {
	flex: 1;
	min-width: 0;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	text-align: right;
	color: #333;
}

#sod_ws .wish_del a {
	width: 34px;
	height: 34px;
	line-height: 1;
}

#sod_ws .wish_del:hover {
	background: #777;
}

#sod_ws .wish_del:hover a {
	color: #fff;
}

#sod_ws .sold_out {
	font-size: 11px;
	background: #ff4f4f;
	color: #fff;
	padding: 3px 6px;
	border-radius: 12px;
	line-height: normal;
	white-space: nowrap;
	display: inline-block;
}

#sod_ws_act {
	text-align: center;
	padding: 20px 0;
	display: flex;
	gap: 10px;
	justify-content: center;
	flex-wrap: wrap;
}

#sod_ws_act button {
	height: 42px;
	min-width: 130px;
	font-weight: bold;
	font-size: 12px
}

#sod_ws .empty_table {
	margin: 12px 0;
}

/* 배송지 목록 */
#sod_addr .td_mng .sel_address {
	color: #fff;
	background: #fff;
	;
	border: 1px solid #333;
	color: #333;
	;
	padding: 0 5px;
	height: 26px;
}

#sod_addr .td_mng .del_address {
	display: inline-block;
	;
	border: 1px solid #aaa;
	color: #888;
	padding: 0 5px;
	height: 26px;
	line-height: 24px;
	vertical-align: middle
}

#sod_addr input[type="radio"] {
	position: absolute;
	left: 0;
	z-index: -1;
	visibility: hidden;
	;
	width: 0;
	height: 0;
	overflow: hidden;
	text-indent: -999px
}

#sod_addr .default_lb {
	display: inline-block;
	background: #fff;
	border: 1px solid #3476be;
	color: #3476be;
	cursor: pointer;
	position: relative;
	padding: 0 5px;
	height: 26px;
	line-height: 24px
}

#sod_addr input[type="radio"]:checked+.default_lb {
	background: #3476be;
	color: #fff
}

#sod_addr td {
	height: 40px;
	vertical-align: top
}

#sod_addr .td_name {
	width: 100px;
}

#sod_addr .frm_input {
	;
	height: 30px
}

#sod_addr .td_sbj {
	width: 120px;
	text-align: left
}

#sod_addr .ad_tel {
	display: block;
	color: #666
}

#sod_addr .td_mng {
	width: 100px;
	padding: 10px
}

#sod_addr .td_mng .mng_btn {
	width: 100%;
	margin: 2px 0;
}

/* 주문내역 */
#sod_v {}

#sod_v td {
	text-align: center
}

#sod_v td a {
	font-weight: bold
}

#sod_v .basic_tbl {
	text-align: center
}

#sod_v_info {
	margin: 0 0 10px
}

.status_01 {
	display: inline-block;
	background: #585858;
	color: #fff;
	padding: 3px 5px;
	line-height: 21px;
	font-size: 0.92em;
	border-radius: 2px;
	width: 76px;
	text-align: center
}

.status_02 {
	display: inline-block;
	background: #68d0a7;
	color: #fff;
	padding: 3px 5px;
	line-height: 21px;
	font-size: 0.92em;
	border-radius: 2px;
	width: 76px;
	text-align: center
}

.status_03 {
	display: inline-block;
	background: #b668d0;
	color: #fff;
	padding: 3px 5px;
	line-height: 21px;
	font-size: 0.92em;
	border-radius: 2px;
	width: 76px;
	text-align: center
}

.status_04 {
	display: inline-block;
	background: #ffa700;
	color: #fff;
	padding: 3px 5px;
	line-height: 21px;
	font-size: 0.92em;
	border-radius: 2px;
	width: 76px;
	text-align: center
}

.status_05 {
	display: inline-block;
	background: #688fef;
	color: #fff;
	padding: 3px 5px;
	line-height: 21px;
	font-size: 0.92em;
	border-radius: 2px;
	width: 76px;
	text-align: center
}

.status_06 {
	display: inline-block;
	background: #fff;
	border: 1px solid #ddd;
	color: #666;
	padding: 3px 5px;
	line-height: 21px;
	font-size: 0.92em;
	border-radius: 2px;
	width: 76px;
	text-align: center
}

/* 주문상세내역 */
#sod_fin {}

#sod_fin th {
	padding: 13px
}

#sod_fin .th_line th {
	border-top: 1px solid #ddd;
}

#sod_fin_no {
	margin: 0 0 20px;
	padding: 15px;
	border: 4px solid #f3f3f3;
	font-size: 1.25em;
	text-align: center
}

#sod_sts_wrap {
	margin: 0 0 10px;
	text-align: right
}

#sod_sts_explan {
	display: none
}

#sod_fin_legend {
	padding: 10px;
	background: #f3f3f3;
	margin: 10px 0;
	border: 1px solid #e9e9e9;
	text-align: left;
	zoom: 1
}

#sod_fin_legend:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ''
}

#sod_fin_legend dt {
	clear: both;
	float: left;
	margin: 0 0 5px;
	width: 50px;
	font-weight: bold
}

#sod_fin_legend dd {
	float: left;
	margin: 0
}

#sod_fin #sod_bsk_tot li {
	background: #fff;
	border-bottom: 1px solid #e7ebf1;
	height: 40px;
	;
	padding: 0 15px;
	line-height: 40px;
	text-align: right
}

#sod_fin #sod_bsk_tot li span {
	float: left;
	clear: both;
	color: #777;
}

#sod_fin #sod_bsk_tot li strong {}

#sod_fin #sod_bsk_tot .sod_bsk_cnt strong {
	color: #e31836;
	font-size: 1.25em
}

#request_form {
	position: relative
}

#request_form div {
	display: none;
	z-index: 10000;
	position: absolute;
	top: 23px;
	left: 0;
	padding: 20px 0;
	width: 520px;
	border: 1px solid #000;
	background: #f2f5f9;
	text-align: center
}

#request_form .frm_input {
	width: 300px;
	background: #fff !important
}

#request_form .btn_frmline,
#request_form .btn_cancel {
	vertical-align: middle !important
}

#request_form .btn_frmline {
	padding: 0 10px;
	line-height: 1.6em
}

#sod_req_btn {
	margin: 0 0 10px
}

#sod_req_btn button {
	background: #626870
}

#sod_req_log {
	margin: 0 0 20px
}

#sod_req_log ul {
	margin: 0;
	padding: 0;
	border-top: 1px solid #e9e9e9;
	background: #f2f5f9;
	list-style: none
}

#sod_req_log li {
	padding: 10px 10px 20px;
	border: 1px solid #e9e9e9;
	border-top: 0
}

#sod_req_log h3 {
	margin: 20px 0 10px
}

.sod_req_log_view table {
	margin: 0
}

.sod_req_log_view caption {
	padding: 10px 0;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	line-height: 1em
}

.sod_req_log_view caption span {
	color: #ff3061
}

.sod_req_log_view th {
	border-top: 1px solid #e9e9e9;
	background: #f7f7f7 !important;
	color: #000 !important;
	text-align: center
}

.sod_req_log_view td {
	background: #fff;
	color: #000
}

.sod_req_log_view p {
	padding: 10px 15px;
	border-bottom: 1px solid #e9e9e9;
	background: #fff;
	color: #000
}

.sod_req_log_view .sod_req_it {
	width: 270px
}

.sod_req_log_view button {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: #ff3061;
	text-decoration: underline;
	vertical-align: middle;
	cursor: pointer
}

#sod_fin_list h2 {
	margin: 0 0 10px
}

#sod_fin_list .td_bdno {
	border-left: 0
}

#sod_fin_list .td_bdno a {
	font-weight: bold
}

#sod_fin_view {
	border: 1px solid #e9e9e9
}

#sod_fin_view h2 {
	position: absolute;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}

#sod_fin_view h3 {
	margin: 0 0 10px
}

#sod_fin_view .basic_tbl th {
	padding: 0 10px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	background: #f2f5f9;
	text-align: left
}

#sod_fin_pay {
	margin: 0 0 30px
}

#sod_fin_orderer {
	margin: 0 0 30px
}

#sod_fin_receiver {
	margin: 0 0 30px;
}

#sod_fin_dvr {}

#sod_fin .sod_left h2 {
	position: absolute;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}

#sod_fin .sod_left h3 {
	font-size: 1.167em;
	margin: 0 0 10px
}

#sod_fin .sod_left .tbl_head01 {}

#sod_fin .sod_left th {
	padding: 10px;
	border: 0;
	border-top: 1px solid #f3f3f3;
	text-align: left;
	width: 100px;
	color: #666;
	background: #fff
}

#sod_fin .sod_left td {
	padding: 10px;
	border: 0;
	border-top: 1px solid #f3f3f3;
	background: #fff
}

#sod_fin_dvr .dvr_link {
	color: #ff3061;
	text-decoration: underline
}

#sod_fin_tot {
	margin: 10px 0
}

#sod_fin_tot h2 {
	position: absolute;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}

#sod_fin_tot ul {
	margin: 0;
	padding: 0;
	list-style: none
}

#sod_fin_tot li {
	padding: 10px;
	background: #585858;
	border-bottom: 1px solid #666;
	color: #fff;
	zoom: 1
}

#sod_fin_tot li:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#sod_fin_tot #alrdy {
	border-bottom: 0 !important
}

#sod_fin_tot #alrdy .right {
	margin-top: 10px;
	text-align: right;
	color: #f3f3f3;
	font-size: 0.9em
}

#sod_fin_tot #alrdy .right p {
	position: relative
}

#sod_fin_tot #alrdy .right .title {
	position: absolute;
	left: 0;
	padding-left: 8px
}

#sod_fin_tot strong {
	float: right
}

#sod_fin_cancel {
	text-align: center
}

#sod_fin_cancel h2 {
	position: absolute;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}

#sod_fin_cancel button {
	height: 40px;
	border: 1px solid #5e6b6f;
	font-weight: bold;
	width: 100%;
	background: #fff;
	color: #5e6b6f
}

#sod_fin_cancel button:hover {
	background: #fff
}

#sod_fin_cancelfrm {
	display: none;
	margin: 10px 0 0;
	text-align: center;
	background: #fff;
	padding: 15px
}

#sod_fin_cancelfrm .frm_input {
	background: #fff;
	margin: 0 0 5px;
	width: 100%
}

#sod_fin_cancelfrm .btn_frmline {
	background: #555;
	color: #fff;
	border: 0;
	padding: 13px;
	width: 100%;
	cursor: pointer
}

#sod_fin_test {
	padding: 10px
}

/* 주문상세내역 중 현금영수증 발급 */
#scash {}

#scash section {
	padding: 10px 0
}

#scash h2 {
	margin: 0 0 10px;
	text-align: center
}

#scash .basic_tbl th {
	padding: 0 10px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	background: #f2f5f9;
	text-align: left
}

#scash_apply {
	padding: 10px 0 20px;
	text-align: center
}

#scash_apply button {
	padding: 10px;
	border: 0;
	background: #565e60;
	color: #fff
}

#scash_copy {
	text-align: center
}

/* 공지사항 및 커뮤니티 새글 */
#sidx_lat h2 {
	position: absolute;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}

/* 배너 인덱스 출력 */
#sbn_idx {}

/* 쇼핑몰 이벤트 */
#sev {}

.sev_admin {
	margin: 0 0 10px;
	text-align: right
}

.sev_admin a {
	line-height: 35px;
	padding: 0 10px
}

/* 쿠폰 */
#coupon div:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#coupon .cou_tit {
	font-weight: bold
}

#coupon .cou_pri {
	font-size: 1.25em;
	color: #00c4ac;
	font-weight: bold;
	float: right;
}

#coupon .cou_target {
	color: #666
}

#coupon .cou_date {
	float: right;
	color: #777;
	font-style: italic;
}

/* 모바일일때 피시버전 주문폼*/
.sod_list {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none
}

.sod_list .sod_li {
	position: relative;
	padding: 0;
	border: 1px solid #e9e9e9;
	margin: 10px 0
}

.sod_list .sod_li:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

.sod_list .li_chk {
	position: absolute;
	top: 10px;
	left: 10px;
}

.sod_list .li_name {
	min-height: 130px
}

.sod_list .li_name a,
.sod_list .li_name strong {
	display: block;
	padding: 0 10px 0 25px;
	border-bottom: 1px solid #e9e9e9;
	height: 35px;
	line-height: 35px
}

.sod_list .li_name strong {
	padding-left: 10px
}

.sod_list .total_img {
	position: absolute;
	top: 45px;
	left: 10px;
}

.sod_list .sod_opt {
	padding: 10px 10px 5px;
	margin-left: 90px;
	color: #9e9e9e;
	font-size: 0.93em;
	background: none;
	border: none
}

.sod_list .sod_opt li {
	margin-bottom: 3px;
	border: none
}

.sod_list .li_cp {
	position: relative
}

.sod_list .li_cp .cp_btn,
.sod_list .li_cp .cp_cancel,
.sod_list .li_mod .mod_btn {
	margin: 0;
	padding: 5px 8px;
	border: 0;
	background: #000;
	color: #fff;
	font-size: 0.93em
}

.sod_list .li_cp .cp_cancel,
.odf_tbl #od_coupon_cancel,
.odf_tbl #sc_coupon_cancel {
	border: 1px solid #999;
	color: #777;
	background: #fafafa;
	margin-left: 3px;
	padding: 4px 5px
}

.sod_list .li_prqty {
	margin: 10px;
}

.sod_list .li_prqty:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

.sod_list .li_prqty .li_prqty_sp {
	width: 33%;
	display: inline-block;
	float: left;
	text-align: center;
	line-height: 2.2em;
	border-top: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
	border-left: 1px solid #e9e9e9;
	color: #9e9e9e;
	font-size: 0.93em;
	margin-left: -1px
}

.sod_list .li_prqty .prqty_price {
	border-left: 1px solid #d3d3d3;
}

.sod_list .li_prqty .prqty_sc {
	border-right: 1px solid #d3d3d3;
}

.sod_list .li_prqty .li_prqty_sp span {
	display: block;
	background: #f2f2f2;
}

.sod_list .li_total {
	position: relative;
	border-top: 1px solid #e9e9e9;
	margin: 10px 10px 0;
}

.sod_list .total_span {
	display: block;
	position: relative;
	padding: 5px 0;
	text-align: right;
	color: #343434
}

.sod_list .total_span span {
	position: absolute;
	top: 5px;
	left: 0
}

.sod_list .total_span strong {
	font-size: 1.2em
}

#sod_frm {}

#sod_frm section {
	margin-bottom: 10px
}

#sod_frm section h2 {
	border-bottom: 1px solid #e2e4e7;
	font-size: 1.167em;
	padding-bottom: 10px
}

#sod_bsk_list #mod_option_frm .sit_ov_tbl {
	background: #ededed;
	margin-top: 5px
}

#sod_bsk_list #mod_option_frm .sit_ov_tbl th,
#sod_bsk_list #mod_option_frm .sit_ov_tbl td {
	border: none;
	padding-left: 5px;
	font-weight: normal
}

#sod_bsk_list #mod_option_frm .sit_ov_tbl th {
	width: 90px
}

#sod_frm_deli #order_address {
	display: block;
	;
	width: 100px;
	background: #333;
	color: #fff;
	text-align: center
}

#sod_frm_orderer {
	margin: 0 0 30px
}

#sod_frm_orderer #od_addr_jibeon,
#sod_frm_taker #od_b_addr_jibeon {
	display: inline-block;
	margin: 5px 0 0
}

#sod_frm .odf_tbl table {
	width: 100%;
	margin: 0;
	padding: 0;
	border-top: 1px solid #e9e9e9;
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	border-collapse: collapse
}

#sod_frm .odf_tbl table tbody td,
#sod_frm .odf_tbl table tbody th {
	;
	border-bottom: 1px solid #e9e9e9;
	padding: 5px 0px 5px 10px;
	text-align: left;
	line-height: 26px;
	position: relative;
}

#sod_frm .odf_tbl table th {
	width: 90px;
	color: #343434;
	font-weight: normal;
	letter-spacing: -0.1em
}

#sod_frm .odf_tbl table .frm_input {
	background-color: #fff !important;
	height: 24px;
	line-height: 24px;
	text-indent: 5px
}

#sod_frm .odf_tbl table .frm_address {
	margin-top: 5px
}

#sod_frm .odf_tbl button.btn_frmline {
	font-size: 0.92em;
	padding: 0 8px;
	height: 26px;
	line-height: 26px
}

#sod_frm .odf_tbl textarea {
	width: 99%;
	border: 1px solid #e4eaec;
}

#sod_frm_same {
	margin: 0 0 10px
}

#sod_frm_pay {
	position: relative
}

#sod_frm_pay .tbl_head01 caption {
	font-size: 0;
	line-height: 0;
	overflow: hidden
}

#sod_frm_pay .tbl_head01 th {
	width: auto !important;
	font-weight: bold;
	text-align: center !important
}

#sod_frm_pay .tbl_head01 td {
	border-top: 1px solid #e9e9e9 !important;
	border-bottom: 1px solid #e9e9e9 !important;
	line-height: 1.5em !important;
	word-break: break-all !important
}

html.no-overflowscrolling #sc_coupon_frm,
html.no-overflowscrolling #od_coupon_frm {
	height: auto;
	max-height: 10000px !important
}

/* overflow 미지원 기기 대응 */
#sod_frm_pay_info {
	margin: 0 0 10px
}

#sod_frm_paysel ul {
	margin: 0;
	padding: 0;
}

#sod_frm_paysel ul:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#sod_frm_paysel li {
	float: left;
	padding: 5px 2%;
	width: 46%;
	height: 21px;
	text-align: left;
	list-style: none
}

/*네이버페이*/
.itemform-naverpay {
	margin: 15px 0;
	clear: both
}

.cart-naverpay {
	margin-top: 15px
}

/* theme.config.php 파일에서 G5_COMMUNITY_USE 를 false로 한 경우 1:1 문의와 게시판 css 처리 */
#bo_list table td,
#fqalist table td {
	border-left: 0;
	border-right: 0
}

#bo_v_top .btn_admin,
#bo_list .btn_admin {
	padding-top: 0
}

.ctt_admin .btn_admin {
	padding-top: 0 !important
}

.btn_confirm .btn_cancel {
	padding-top: 0 !important
}

/*개인결제*/
.pesonal {
	background: #f3f3f3;
	padding: 20px
}

.pesonal td {
	font-weight: bold
}

#sod_frm_pay h2 {
	font-size: 1.167em;
	margin: 0px 0 10px;
	border-bottom: 1px solid #ddd;
	padding: 0 0 10px
}

#personal_pay h2 {
	font-size: 1.167em;
	margin: 0px 0 10px;
}

#personal_pay input[type="radio"] {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	text-indent: -999px;
	left: 0;
	z-index: -1px;
	visibility: hidden;
}

#personal_pay .lb_icon {
	display: inline-block;
	float: left;
	width: 50%;
	background: #fff;
	border: 1px solid #eceff4;
	margin: -1px 0 0 -1px;
	cursor: pointer;
	height: 60px;
	position: relative;
	padding-left: 65px;
	padding-top: 20px;
	z-index: 1
}

#personal_pay input[type="radio"]:checked+.lb_icon {
	border: 1px solid #ff006c;
	z-index: 3
}

#personal_pay legend {
	position: absolute;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}

#personal_pay .KPAY {
	background: url('../../../img/kpay.png') no-repeat 50% 50% #fff;
	overflow: hidden;
	text-indent: -999px
}

#personal_pay .PAYNOW {
	background: url('../../../img/paynow.png') no-repeat 50% 50% #fff;
	overflow: hidden;
	text-indent: -999px
}

#personal_pay .PAYCO {
	background: url('../../../img/payco.png') no-repeat 50% 50% #fff;
	overflow: hidden;
	text-indent: -999px
}

#personal_pay .kakaopay_icon {
	background: url('../../../img/kakao.png') no-repeat 50% 50% #f4dc34;
	overflow: hidden;
	text-indent: -999px
}

#personal_pay .bank_icon {
	background: url('../../../img/pay_icon1.png') no-repeat 15px 50% #fff
}

#personal_pay .vbank_icon {
	background: url('../../../img/pay_icon2.png') no-repeat 15px 50% #fff;
	padding-top: 13px
}

#personal_pay .iche_icon {
	background: url('../../../img/pay_icon2.png') no-repeat 15px 50% #fff;
	padding-top: 13px
}

#personal_pay .hp_icon {
	background: url('../../../img/pay_icon3.png') no-repeat 24px 50% #fff
}

#personal_pay .card_icon {
	background: url('../../../img/pay_icon4.png') no-repeat 17px 50% #fff
}

#personal_pay .btn_submit {
	width: 100%;
	height: 40px;
	font-weight: bold;
	font-size: 1.25em;
	margin: 10px 0 5px
}

#personal_pay .btn01 {
	width: 100%;
	height: 40px;
	line-height: 38px;
	font-weight: bold;
	font-size: 1.25em;
}






/*select 이미지 처리*/
select.it_option,
select.it_supply {
	width: 100%;
	height: 30px;
	background: #fff url('img/select.gif') no-repeat right center;
	padding: 5px;
	border: 0;
	-webkit-appearance: none;
	border: 1px solid #aaa;
}

/* 장바구니 이용안내 */
.cart_help {
	margin: 50px 0 50px 0;
	border: 2px solid #eeeeee;
	padding: 20px;
	line-height: 20px;
}

.cart_help h2 {
	font-size: 13px;
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 6px
}

.cart_help:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

.cart_help ul {
	margin-top: 12px;
	display: block
}

.cart_help li {
	padding-left: 20px;
	font-size: 12px;
	line-height: 20px;
}

.cart_help li.item1 {
	background: url("img/001.gif") no-repeat 0 3px;
	padding-left: 20px;
	font-size: 12px
}

.cart_help li.item2 {
	background: url("img/002.gif") no-repeat 0 3px;
	padding-left: 20px;
	font-size: 12px
}

.cart_help li.item3 {
	background: url("img/003.gif") no-repeat 0 3px;
	padding-left: 20px;
	font-size: 12px
}

.cart_help li.item4 {
	background: url("img/004.gif") no-repeat 0 3px;
	padding-left: 20px;
	font-size: 12px
}

.cart_help li.item5 {
	background: url("img/005.gif") no-repeat 0 3px;
	padding-left: 20px;
	font-size: 12px
}

.cart_help li.item6 {
	background: url("img/006.gif") no-repeat 0 3px;
	padding-left: 20px;
	font-size: 12px
}

.cart_help li.item7 {
	background: url("img/007.gif") no-repeat 0 3px;
	padding-left: 20px;
	font-size: 12px
}

.cart_help li.item8 {
	background: url("img/008.gif") no-repeat 0 3px;
	padding-left: 20px;
	font-size: 12px
}

.cart_help li.item9 {
	background: url("img/009.gif") no-repeat 0 3px;
	padding-left: 20px;
	font-size: 12px
}

.cart_help li.item10 {
	background: url("img/010.gif") no-repeat 0 3px;
	padding-left: 20px;
	font-size: 12px
}

.cart_help strong {
	color: #888
}

/* 마이페이지 */
.mypage_table {
	margin: 0
}

.mypage_table table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0
}

.mypage_table .subject {
	text-align: left;
	font-weight: bold;
	font-size: 13px
}

.mypage_table .tit {
	text-align: left;
}

.mypage_table .tit strong {
	font-size: 13px;
	color: #333;
}

.mypage_table {
	margin: 10px 0;
	table-layout: fixed;
}

.mypage_table table {
	width: 100%;
	border-top: 1px solid #585858;
}

.mypage_table th {
	padding: 12px 0 10px 20px;
	line-height: 20px;
	font-size: 13px;
	border-bottom: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	background: #f6f6f6;
}

.mypage_table td {
	padding: 12px 0 10px 20px;
	line-height: 20px;
	font-size: 13px;
	border-bottom: 1px solid #e1e1e1;
	background: #fff;
}

.mypage_table td a {
	vertical-align: middle;
	color: #ff6600
}

.mypage_table td a:hover {
	color: #ff3300;
	text-decoration: underline;
}

.mypage_table td .icon_file {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	margin-right: 5px;
}

.mypage_table th .icon_arrow {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	margin-right: 15px;
}

.mypage_table td.view_con {
	padding: 40px 15px;
}

.mypage_table td.view_con img {
	max-width: 740px;
}

.mypage_table td.view_con iframe {
	max-width: 740px;
}

.mypage_table td .cut_link {
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}









/* 메인 BIG 배너 이미지 */
.main_banner {
	position: relative;
	width: 100%;
	height: auto;
	/*height:620px;*/
	margin: 0px auto;
	overflow: hidden;
}

.main_banner:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

.main_banner ul:after {
	content: "";
	display: block;
	clear: both;
}

.main_banner li {
	float: left;
}

.main_banner .bx-controls {
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	;
}

/* 페이지 버튼 */
.main_banner .bx-pager {
	position: absolute;
	z-index: 500;
	bottom: 18px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 100%;
	text-align: center;
	font-size: 0;
	line-height: 0;
	height: 0;
}

.main_banner .bx-pager-item {
	display: inline-block;
	*display: inline;
	zoom: 1;
}

.main_banner .bx-pager-item .bx-pager-link {
	display: block;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden;
	height: 3px;
	width: 19px;
	background: #ccc;
	margin: 0 3px;
	/***filter:alpha(opacity=0);opacity:0;-webkit-opacity:0;***/
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

/***
.main_banner:hover .bx-pager-link{filter:alpha(opacity=100);opacity:1.0;-webkit-opacity:1.0;}
.main_banner .bx-controls-direction .bx-pager-link:hover{filter:alpha(opacity=30);opacity:.3;-webkit-opacity:.3;}
***/
.main_banner .bx-pager-item .bx-pager-link.active {
	background: #aaa;
	width: 19px;
}

/* 이전,다음 버튼 */
.main_banner .bx-controls-direction {
	position: absolute;
	z-index: 666;
	left: 50%;
	top: 50%;
	width: 1260px;
	margin-left: -630px;
	margin-top: -45px;
	height: 0;
	cursor: pointer;
}

.main_banner .bx-controls-direction a {
	position: absolute;
	top: 0;
	display: block;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}

.main_banner .bx-prev {
	position: absolute;
	left: 15px;
	width: 65px;
	height: 90px;
	background: url('img/zy_left.gif') no-repeat 50% 50% rgba(255, 255, 255, .2);
	opacity: 0;
	-webkit-opacity: 0;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

.main_banner:hover .bx-prev {
	left: 10px;
	opacity: 1.0;
	-webkit-opacity: 1.0;
}

.main_banner:hover .bx-prev:hover {
	opacity: .4;
	-webkit-opacity: .4;
}

.main_banner .bx-next {
	position: absolute;
	right: 15px;
	width: 65px;
	height: 90px;
	background: url('img/zy_right.gif') no-repeat 50% 50% rgba(255, 255, 255, .2);
	opacity: 0;
	-webkit-opacity: 0;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

.main_banner:hover .bx-next {
	right: 10px;
	opacity: 1.0;
	-webkit-opacity: 1.0;
}

.main_banner:hover .bx-next:hover {
	opacity: .4;
	-webkit-opacity: .4;
}

.main_banner .bn-img {
	min-width: 1200px;
	height: 1080px;
	display: block;
	background-position: top center;
	background-repeat: no-repeat
}



/* 메인 텝 */
#ux_tab_div {
	position: relative;
	width: 1260px;
	margin: 0 auto;
	overflow: hidden;
}

#ux_tab_div:after {
	content: "";
	display: block;
	clear: both;
	*zoom: 1;
}

#ux_tab_div .ux_tabs {
	position: relative;
	z-index: 2;
	width: 100%;
	padding: 0;
	display: block;
}

#ux_tab_div .ux_tabs:after {
	content: "";
	display: block;
	clear: both;
	*zoom: 1;
}

#ux_tab_div .ux_tabs li {
	float: left;
	width: 310px;
	height: 46px;
	margin: 0 0 0 0px;
	background: #f3f3f3;
	cursor: pointer;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0em;
	color: #232323;
	text-align: center;
	line-height: 46px;
}

#ux_tab_div .ux_tabs li:hover {
	color: #e21836
}

#ux_tab_div .ux_tabs li.first {
	width: 310px;
}

#ux_tab_div .ux_tabs li.last {}

#ux_tab_div .ux_tabs li.active {
	color: #111;
	background: #e21836;
	color: #fff;
	font-weight: 700;
}

#ux_tab_div .tab_list {
	margin-left: 1px;
	position: relative;
	background: #f7f7f7;
	border-top: none;
	width: 1260px;
	text-align: center;
	padding: 12px 0;
	margin-top: 12px;
}

/* 메인 텝 리스트 */
.hot_list {
	position: relative;
	z-index: 1;
	overflow: hidden;
	text-align: center
}

.hot_list ul {
	display: inline-block;
}

.hot_list li {
	float: left;
	position: relative;
	width: 232px;
	margin: 0 6px;
	text-align: center
}

.hot_list a.link_box {
	display: block;
	border: 0px solid #ddd;
	width: 232px;
	height: 282px;
	background: #fff;
}

.hot_list img {
	width: 232px;
	height: 282px;
}

.hot_list .alpha {
	display: none;
	opacity: 0.7;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	width: 232px;
	height: 282px;
	background-color: #000000;
	z-index: 10;
	position: absolute;
	color: #fff;
}

.hot_list .alpha_list {
	text-align: center;
	line-height: 30px;
	padding: 20px;
	margin-top: 42%;
	;
}

.hot_list .alpha_list span {
	display: block;
	margin-top: 3px;
}

.hot_list .alpha_list .sct_txt {
	font-size: 12px;
	font-weight: bold;
}

.hot_list .alpha_list .sct_cost strike {
	font-size: 12px;
}

.hot_list .alpha_list .sct_cost {
	font-size: 12px;
	font-weight: bold;
}

.hot_list li:hover .alpha {
	display: block;
	/* animation: upper_bg 0.5s; -webkit-animation: upper_bg 0.5s; animation-timing-function:ease; animation-fill-mode:forwards */
}

/* 오른쪽 fixed 오늘본상품 */
#floatDivBoxs {
	width: 200px;
	background: #fff;
	position: fixed;
	top: 0px;
	right: 0;
	z-index: 666;
	height: 100%;
	background: #fff;
	border-left: 1px solid #ddd;
	margin: 0;
	padding: 40px 0 0 0;
}

#floatDivBoxs .box {
	padding: 0 15px;
	margin: 0 0 30px;
	letter-spacing: 1px;
}

#floatDivBoxs .box:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}


#floatDivBoxs .box .title {
	font-size: 13px;
	margin: 0 0 10px;
	font-weight: bold;
}

#floatDivBoxs .box .anne {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #dddddd;
	color: #737373;
	font-size: 12px;
	letter-spacing: -1px;
}

#floatDivBoxs .box .data {}

#floatDivBoxs .box .data p {
	font-size: 12px;
	line-height: 1.6;
}

#floatDivBoxs .box .data .pm {
	letter-spacing: -0.5px;
}

#floatDivBoxs .box .data .tel {
	font-weight: bold;
	font-size: 17px;
	color: #313131;
	letter-spacing: 0.05em;
	display: block;
	margin-bottom: 5px
}

#floatDivBoxs .box span {
	font-size: 12px;
	letter-spacing: 0;
}

#floatDivBoxs .box a {}

#floatDivBoxs .box a:hover {
	color: #999;
}

#floatDivBoxs .box .multishoplist {
	position: relative;
	margin: 0;
}

#floatDivBoxs .box .multishoplist>ul {
	font-size: 0;
	line-height: 0;
}

#floatDivBoxs .box .multishoplist>ul li {
	margin: -1px 5px 0 0;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

#floatDivBoxs .box .multishoplist>ul li a img {
	height: 18px;
	vertical-align: middle;
}

#floatDivBoxs .box .multishoplist.show>ul {
	display: block;
}

#floatDivBoxs .box .sidebarsearch.xans-layout-searchheader {
	position: relative;
}

#floatDivBoxs .box .sidebarsearch.xans-layout-searchheader .searchbtn {
	position: absolute;
	right: 0;
	top: 0;
	border-left: 1px solid #ddd;
	cursor: pointer;
}

#floatDivBoxs .box .sidebarsearch.xans-layout-searchheader .searchbtn i {
	font-size: 12px;
	padding: 0 6px;
	height: 28px;
	line-height: 28px;
	color: #999;
}

#floatDivBoxs .box .sidebarsearch.xans-layout-searchheader input#keyword {
	border: 1px solid #ddd;
	padding-right: 30px;
}

#floatDivBoxs .box.snsarea {
	margin-top: 26px;
}

#floatDivBoxs .box.snsarea a {
	line-height: 36px;
	border-radius: 3px;
	background: #feea29;
	color: #3d3037;
	display: block;
	font-size: 12px;
	text-decoration: none;
	padding: 2px 0px 2px 5px;
	font-weight: bold;
}





#floatDivBoxs .box .recentview {
	text-align: center;
	width: 80px;
	margin: 0 auto;
}

#floatDivBoxs .box .recentview .title {
	margin: 0 0 10px 0;
	letter-spacing: 1px;
	font-size: 10px;
}

#floatDivBoxs .box .recentview>ul {
	position: relative;
	width: 80px;
	margin: 0;
	font-size: 0;
}

#floatDivBoxs .box .recentview>ul>li {
	width: 100%;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0;
}

#floatDivBoxs .box .recentview>ul>li img {
	max-width: 100%;
}

#floatDivBoxs .box .recentview .player {
	overflow: hidden;
	*zoom: 1;
}

#floatDivBoxs .box .recentview .player img {
	margin: 0;
}

#floatDivBoxs .box .recentview .player.prev {
	position: absolute;
	top: 50%;
	left: -20px;
	margin: -6px 0 0;
}

#floatDivBoxs .box .recentview .player.next {
	position: absolute;
	top: 50%;
	right: -20px;
	margin: -6px 0 0;
}

#floatDivBoxs .box .black_line {
	width: 30px;
	height: 1px;
	margin: 0 0 15px;
	border-bottom: 1px solid #555;
	line-height: 0px;
	font-size: 0;
}

#floatDivBoxs .box .search_box {
	background: #fff;
	position: relative;
	border: 1px solid #ddd;
	height: 28px;
	width: 170px;
	text-align: left
}

#floatDivBoxs .box .search_inner {
	letter-spacing: 0;
	height: 26px;
	line-height: 26px;
	padding: 0 10px;
	width: 110px;
	color: #333;
	border: 0px;
}

#floatDivBoxs .box .btn_search_box {
	width: 30px;
	position: relative;
	position: absolute;
	right: 0;
	top: -1px;
	height: 26px;
	cursor: pointer
}

#floatDivBoxs .box .btn_search {
	width: 30px;
	height: 28px;
	color: #000;
	background: #fff url('img/search_btn.png') center center no-repeat;
	margin-right: 2px;
	border: 0px;
	cursor: pointer;
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd
}

#floatDivBoxs .box .btn_search:hover {
	background: #fff url('img/search_btn_on.png') center center no-repeat;
}


#rightArrow {
	background: #353535;
	width: 41px;
	height: 41px;
	background: url('img/right_arrow.jpg') no-repeat;
	position: fixed;
	top: 50%;
	margin-top: -21px;
	right: 241px;
	z-index: 888;
	display: block;
}

#rightArrow a {
	display: block;
	height: 41px;
}

#rightArrow {
	width: 41px;
	height: 41px;
	background: url('img/right_arrow.jpg') no-repeat;
	position: fixed;
	top: 50%;
	margin-top: -21px;
	right: 241px;
	z-index: 888;
	display: block;
}

#rightArrow a {
	display: block;
	height: 41px;
}

#rightQuick {
	position: fixed;
	bottom: 30px;
	right: 78px;
	z-index: 1002;
	cursor: pointer;
}

#rightQuick .upbtn {
	margin: 0 0 5px;
}


#community {
	position: relative;
	text-align: center;
	overflow: hidden;
	padding: 0 15px;
	margin-top: 40px
}

#community:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#community ul {
	font-size: 0;
	margin-right: -2px;
}

#community ul li {
	display: inline-block;
	width: 50%;
}

#community a {
	display: block;
	font-size: 12px;
	text-align: center;
	border: 1px solid #eaeaea;
	line-height: 30px;
	position: relative;
	z-index: 1;
	margin: 0 3px 3px 0px
}

#community a:hover {
	z-index: 2;
	color: #fff;
	background: #434343;
	border: 1px solid #333;
}



/******
#community{position:relative;text-align: center;vertical-align:top;overflow:hidden;padding: 0 15px;}
#community ul{font-size:0;margin-right:-2px;}
#community ul  li{display:inline-block;width:100%;}
#community a{display:block;font-size:12px;text-align:center;border:1px solid #eaeaea;line-height:30px;position:relative;z-index:1;margin:0 3px 3px 0px}
#community a:hover{z-index:2;color:#fff;background:#434343;border:1px solid #333;}
******/




/* 주문진행 */
#smb_order_ico {
	margin: 40px 0 20px;
}

#smb_order_ico h2 {
	margin: 0 0 10px;
}

#smb_order_ico .payment_process {
	margin-bottom: 40px;
	border: 1px solid #e9e9e9;
	border-top: 1px solid #585858;
	width: 100%
}

#smb_order_ico .payment_process tr td {
	color: #222;
}

#smb_order_ico .payment_process .process {
	padding: 25px 20px;
	background: #f8f8f8;
	border-right: 1px solid #e9e9e9;
}

#smb_order_ico .payment_process .process ul {
	overflow: hidden;
}

#smb_order_ico .payment_process .process ul li {
	position: relative;
	float: left;
	width: 20%;
	text-align: center;
}

#smb_order_ico .payment_process .process ul li:after {
	position: absolute;
	content: '';
	display: block;
	top: 50%;
	right: -7px;
	width: 10px;
	height: 17px;
	background: url(img/smb_order_ico.png) no-repeat;
	margin-top: 5px;
}

#smb_order_ico .payment_process .process ul li:last-child:after {
	display: none
}

#smb_order_ico .payment_process .process ul li strong {
	display: block;
	margin-bottom: 15px;
	font-weight: 400;
	font-size: 14px
}

#smb_order_ico .payment_process .process ul li .circle {
	display: block;
	width: 81px;
	height: 81px;
	line-height: 75px;
	margin: 0 auto;
	border-radius: 50%;
	background: #fff;
}

#smb_order_ico .payment_process .process ul li .circle.active {
	background: #585858;
	color: #fff
}

#smb_order_ico .payment_process .process ul li .circle.active2 {
	background: #e9e9e9;
	;
}

#smb_order_ico .payment_process .process ul li .circle.active a {
	color: #fff;
}

#smb_order_ico .payment_process .process ul li .circle {
	font-size: 32px;
	color: #333;
	font-weight: 400;
	line-height: 81px;
}

#smb_order_ico .payment_process .process ul li .circle a {
	position: relative;
	font-size: 32px;
	color: #333;
	font-weight: 400;
}

#smb_order_ico .payment_process .process ul li .circle a:after {
	position: absolute;
	content: '';
	bottom: 0px;
	left: 1px;
	width: 100%;
	height: 1px;
	background: #333;
}

#smb_order_ico .payment_process .process ul li .circle.active a:after {
	background: #fff;
}

#smb_order_ico .payment_process .process_total {
	padding: 22px 186px;
	border-top: 1px solid #e9e9e9;
	text-align: center;
}

#smb_order_ico .payment_process .process_total ul {
	display: table;
	width: 100%;
}

#smb_order_ico .payment_process .process_total ul li {
	display: table-cell;
	font-size: 14px;
	color: #666;
}

#smb_order_ico .payment_process .process_total ul li strong {
	margin-right: 30px;
	color: #222;
}

#smb_order_ico .payment_process .process_total ul li em {
	display: inline-block;
	margin-right: 8px;
	font-weight: 400;
	color: #666;
	text-decoration: underline;
}


#device_change {
	display: block;
	padding: 20px;
	text-align: center
}




/*메인 유형 타이틀*/
.main_type_title {
	position: relative;
	margin: 50px auto 50px auto;
	text-align: center
}

.main_type_title:after {
	content: "";
	display: block;
	clear: both;
	*zoom: 1;
}

.main_type_title h2 {
	text-align: center;
	font-size: 16px;
	color: #313131;
	font-weight: bold;
	letter-spacing: 0.5em;
}

.main_type_title span {
	position: relative;
	display: inline-block;
	font-size: 12px;
	letter-spacing: -0.01em;
	color: #999;
	font-weight: normal;
	margin-top: 0px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd
}


/*서브카테고리*/
.box_smart {
	position: relative;
	margin-bottom: 10px;
}

.box_smart:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

.box_smart {
	display: table;
	width: 100%;
	border-top: 1px solid #333;
	border-bottom: 1px solid #e4e4e4;
}

.box_smart.type1 {
	border-top: 1px solid #585858;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
}

.box_smart h4 {
	display: table-cell;
	width: 200px;
	background: #f8f8f8;
	vertical-align: top;
	font-family: "Nanum Gothic";
	border-right: 1px solid #e4e4e4;
}

.box_smart h4 strong {
	display: inline-block;
	padding: 18px 0 0 19px;
	font-size: 16px;
	font-weight: normal;
	color: #424242;
	vertical-align: top;
}

.box_smart .in_list {
	display: table-cell;
	width: 1000px;
	padding-bottom: 12px;
	vertical-align: top;
}

.box_smart.type1 ul {
	padding-bottom: 10px;
}

.box_smart ul {
	position: relative;
	margin: 0 0 0 15px;
	/* padding-left:180px; */
}

.box_smart ul:after {
	display: block;
	content: "";
	clear: both;
}

.box_smart li {
	padding-bottom: 8px;
	font-size: 12px;
}

.box_smart.type1 ul {
	margin-top: 18px;
}

.box_smart.type1 .in_list {
	padding-bottom: 0;
}

.box_smart.type1 li {
	float: left;
	/* width: 20%;
	padding-right: 35px; */
	box-sizing: border-box;
}

.box_smart.type1 li a {
	font-size: 13px;
	white-space: nowrap;
	text-decoration: none;
}

.box_smart.type1 li a b {
	display: inline-block;
	overflow: hidden;
	height: 18px;
	font-weight: normal;
	font-size: 12px;
	word-break: break-all;
	word-wrap: break-word;
	vertical-align: middle;
	white-space: normal;
	color: #212121;
}

.box_smart.type1 li a span {
	padding-left: 4px;
	color: #9e9e9e;
}

.box_smart.type1 li a:hover {
	border-bottom: 1px solid #616161;
}

.box_smart.type1 li a.selected {
	color: #f22a2c;
}

.box_smart.type1 li a.selected:hover {
	border-bottom: 0;
}

.box_smart.type1 li a.selected b {
	font-weight: bold;
	color: #e0002a;
}







#container_title {
	margin: 30px 0 0;
	padding: 0;
	font-size: 2em;
	text-align: center;
	font-weight: bold;
}

#container_title span {
	display: inline-block;
	padding-bottom: 10px;
	color: #333;
	font-size: 16px;
	text-align: center;
	letter-spacing: 1px;
	font-weight: bold;
}




/* 서브페이지 메뉴001*/
.list_category_title {
	position: relative;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	font-size: 13px;
	border-bottom: 0px solid #dedede;
}

.list_category_title h2 {
	display: block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 17px
}

.menuCategory_box {
	margin: 0px 0 38px 0;
	text-align: center;
	padding: 0 clamp(6px, 2vw, 18px);
	box-sizing: border-box;
}

.menuCategory {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: clamp(4px, 1vw, 8px);
}

.menuCategory:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

.menuCategory li {
	display: inline-block;
	background: #fff;
	flex: 0 0 auto;
}

.menuCategory a {
	display: inline-block;
	padding: 0 clamp(9px, 1.8vw, 14px);
	font-size: clamp(11px, 1.2vw, 12px);
	color: #2f353d;
	border: 1px solid #dde3ea;
	background: #fafbfc;
	vertical-align: top;
	min-height: clamp(26px, 3.7vw, 32px);
	line-height: clamp(26px, 3.5vw, 32px);
	border-radius: 999px;
	font-weight: 600;
	transition: all .2s ease;
}

.menuCategory li.on a,
.menuCategory a.selected {
	border-color: #111111;
	background: #111111;
	color: #fff;
}

.menuCategory .sct_cate_count {
	margin-left: 5px;
	opacity: 0.72;
	font-size: 11px;
}




/* 메인 bxslider */
.main_visual {
	position: relative;
	height: 550px;
	background: #fbfbfb;
	overflow: hidden;
	border-bottom: 1px solid #f3f3f3;
}

.main_visual:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

.main_visual .main_visual_bxslider {}

.main_visual .main_visual_bxslider li {
	overflow: hidden;
	position: relative;
	text-align: center
}

.main_visual .main_visual_bxslider li img {
	text-align: center
}

/* 페이지 버튼 */
.main_visual .bx-pager {
	position: absolute;
	z-index: 500;
	bottom: 30px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 100%;
	text-align: center;
	font-size: 0;
	line-height: 0;
	height: 0;
}

.main_visual .bx-pager-item {
	display: inline-block;
	*display: inline;
	zoom: 1;
}

.main_visual .bx-pager-item .bx-pager-link {
	display: block;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden;
	width: 13px;
	height: 13px;
	border: 2px solid #fff;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #none;
	margin: 0 3px;
	/***filter:alpha(opacity=0);opacity:0;-webkit-opacity:0;***/
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

/***
.main_visual :hover .bx-pager-link{filter:alpha(opacity=100);opacity:1.0;-webkit-opacity:1.0;}
.main_visual  .bx-controls-direction .bx-pager-link:hover{filter:alpha(opacity=30);opacity:.3;-webkit-opacity:.3;}
***/
.main_visual .bx-pager-item .bx-pager-link.active {
	background: #fff;
	width: 13px;
	height: 13px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/***이전,다음 버튼 ***/
.main_visual .bx-controls-direction {
	position: absolute;
	z-index: 550;
	left: 50%;
	top: 50%;
	margin-top: -40px;
	width: 1050px;
	margin-left: -525px
}

.main_visual .bx-controls-direction a {
	position: absolute;
	top: 0;
	display: block;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}

.main_visual .bx-controls-direction .bx-prev {
	width: 60px;
	height: 80px;
	background: url('img/zy_left.gif') no-repeat 50% 50%;
	position: absolute;
	left: 0;
	filter: alpha(opacity=50);
	opacity: .5;
	-webkit-opacity: 0.5;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
	left: -80px
}

.main_visual:hover .bx-prev {
	left: 0;
	filter: alpha(opacity=80);
	opacity: .8;
	-webkit-opacity: .8;
	left: -100px
}

.main_visual .bx-controls-direction .bx-prev:hover {
	filter: alpha(opacity=50);
	opacity: 5.0;
	-webkit-opacity: 5.0;
}

.main_visual .bx-controls-direction .bx-next {
	width: 60px;
	height: 80px;
	background: url('img/zy_right.gif') no-repeat 50% 50%;
	position: absolute;
	right: 0;
	filter: alpha(opacity=50);
	opacity: .5;
	-webkit-opacity: .5;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
	right: -80px
}

.main_visual:hover .bx-next {
	right: 0;
	filter: alpha(opacity=80);
	opacity: .8;
	-webkit-opacity: .8;
	right: -100px
}

.main_visual .bx-controls-direction .bx-next:hover {
	filter: alpha(opacity=100);
	opacity: 1.0;
	-webkit-opacity: 1.0;
}


/***오른쪽 ***/
.d_lightbox {
	display: none !important;
	position: fixed;
	z-index: 299;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
}

.d_panel.right {
	display: block;
	position: fixed;
	z-index: 300;
	right: 0px;
	top: 0;
	width: 236px;
	height: 100%;
	border-left: 1px solid #ddd;
	background: #fff;
	box-shadow: -2px 0px 4px rgba(0, 0, 0, 0.07);
}

.d_panel.right .position {
	position: relative;
	z-index: 2;
	top: 0;
	left: 20px;
	width: 200px;
	background: #fff;
	transition: top .5s .5s ease;
	-webkit-transition: top .5s .5s ease;
}

.d_panel.right .right_panel {
	position: absolute;
	top: 50%;
	left: -40px;
	width: 40px;
	margin-top: -148px;
}

.d_panel.right .right_panel.fix {}

.d_panel.right .right_panel>li {
	position: relative;
	z-index: 3 width:38px;
	height: 38px;
	margin: 0 0 -1px;
	border: 1px solid #ddd;
	background: #fff;
	cursor: pointer;
	text-align: center;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}

.d_panel.right .right_panel>li.on {}

.d_panel.right .right_panel>li.fix {}

.d_panel.right .right_panel>li a {
	text-decoration: none;
}

.d_panel.right .right_panel>li img {
	position: relative;
	left: 0;
	top: 12px;
	width: 15px;
}

.d_panel.right .right_panel>li>i,
.d_panel.right .right_panel>li>a>i {
	position: relative;
	display: block;
	line-height: 38px;
	color: #555;
	font-size: 17px;
}

.d_panel.right .right_panel .panel_naver {
	background: #01c73c;
}

.d_panel.right .right_panel .panel_naver i {
	color: #fff;
}

.d_panel.right .right_panel .panel_kakao {
	background: #fae100;
}

.d_panel.right .right_panel .panel_kakao i {
	font-size: 19px;
}

.d_panel.right .right_panel span.count {
	display: ;
	position: absolute;
	z-index: 10;
	right: 31px;
	top: 2px;
	min-width: 10px;
	height: 19px;
	line-height: 20px;
	padding: 0 6px;
	text-align: center;
	background: #444;
	border-radius: 16px;
	font-family: Roboto, Arial, sans-serif;
	font-size: 9px;
	color: #fff;
	overflow: hidden;
}

.d_panel.right .right_panel .-caption {
	top: 5px;
	left: -8px !important;
}

.d_panel.right .right_panel .-caption p {
	right: 0;
	transform: none !important;
}

.d_panel.right .right_pop>li.fix .-caption {
	display: none;
}

.d_panel.right .right_panel>li p.caption {
	position: absolute;
	z-index: 5;
	top: 6px;
	right: -500px;
	height: 26px;
	line-height: 25px;
	padding: 0 6px;
	border: 1px solid #ddd;
	background: #fff;
	color: #333;
	text-align: center;
	font-size: 12px;
	opacity: 0;
	transition: opacity .2s, right .2s .4s ease;
	-webkit-transition: opacity .2s, right .2s .4s ease;
}

.d_panel.right .right_panel>li:hover p.caption {
	display: block;
	right: 45px;
	opacity: 1;
	transition: opacity .2s ease;
	-webkit-transition: opacity .2s ease;
}

.d_panel.right .right_pop>li.fix p.caption {
	display: none;
}

.d_panel.right p.px30 {
	width: 30px;
}

.d_panel.right p.px40 {
	width: 40px;
}

.d_panel.right p.px50 {
	width: 50px;
}

.d_panel.right p.px60 {
	width: 60px;
}

.d_panel.right p.px70 {
	width: 70px;
}

.d_panel.right p.px80 {
	width: 80px;
}

.d_panel.right p.px90 {
	width: 90px;
}

.d_panel.right p.px100 {
	width: 100px;
}

.d_panel.right p.px110 {
	width: 110px;
}

.d_panel.right p.px120 {
	width: 120px;
}

.d_panel.right p.px130 {
	width: 130px;
}

.d_panel.right p.px140 {
	width: 140px;
}

.d_panel.right p.px150 {
	width: 150px;
}

.d_panel.right .d_toggle {
	position: relative;
	border: 1px solid #000 !important;
	border-right: none;
	background: #000 !important;
	transition: all .5s 1s ease !important;
	-webkit-transition: all .5s 1s ease !important;
}

.d_panel.right .d_toggle.d_on {
	border: 1px solid #ddd !important;
	border-right: 1px solid #fff !important;
	background: #fff !important;
}

.d_panel.right .d_toggle .bar {
	display: block;
	position: absolute;
	left: 15px;
	width: 9px;
	height: 1px;
	background: #fff;
	transition: all .4s 1s ease;
	-webkit-transition: all .4s 1s ease;
}

.d_panel.right .d_toggle.d_on .bar {
	background: #000;
}

.d_panel.right .d_toggle .bar.l01 {
	top: 16px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.d_panel.right .d_toggle.d_on .bar.l01 {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.d_panel.right .d_toggle .bar.l02 {
	top: 22px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.d_panel.right .d_toggle.d_on .l02 {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

@media all and (min-height:850px) {
	.d_panel.right .position {
		top: 8%;
	}
}

.d_panel.right h4 {
	margin: 0 0 12px;
	font-size: 12px;
	color: #222;
}

.d_panel.right .h4_line {
	width: 15px;
	height: 1px;
	margin: 0 0 15px;
	border-bottom: 1px solid #555;
	line-height: 0px;
	font-size: 0;
}

.d_panel.right .anne {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #dddddd;
	color: #737373;
}

.d_panel.right .oper_time {
	margin: 0 0 20px;
	font-size: 11px;
	line-height: 17px;
}

.d_panel.right .oper_time .phone {
	line-height: 25px;
	margin: 0 0 10px;
	font-family: 'Oswald';
	font-size: 23px;
	font-weight: 700;
	letter-spacing: .02em;
}

.d_panel.right .oper_time .phone img {
	position: relative;
	top: 3px;
}

.d_panel.right .oper_time strong {
	padding-right: 10px;
	color: #333;
}

.d_panel.right .bank_info {
	display: none;
	font-size: 11px;
}

.d_panel.right .bank_info li {
	min-height: 0;
	letter-spacing: 0.1em;
}

.d_panel.right .bank_info strong {
	display: block;
	float: left;
	width: 30%;
	min-height: 0;
	line-height: 20px;
	font-weight: bold;
}

.d_panel.right .bank_info span {
	min-height: 0;
	line-height: 20px;
}

.d_panel.right .bank_info .bank_list {
	display: none;
	width: 170px;
	margin: 10px 0 0;
}

#p_box {
	display: none;
	position: absolute;
	z-index: -999;
	right: 1px;
	top: -130px;
	border: 1px solid #ddd;
	background: #fff;
}

#p_box>ul>li {
	display: block;
	padding: 20px;
}

#p_box .item_img {
	top: 0px !important;
}

.box_open>#p_box {
	display: block;
}

.box_open {
	border-left: 1px solid #fff !important;
}

.box_open:hover {
	cursor: auto !important;
}

.box_open:hover .caption {
	display: none !important;
}

#p_box .scrollbar_box {
	width: 440px;
	height: 300px;
}

#p_box .titlebox {
	text-align: left;
	font-weight: 100;
	font-size: 18px;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #ddd;
}

#p_box .titlebox>em {
	display: inline-block;
	background: #333;
	width: 4px;
	height: 17px;
	position: relative;
	top: 3px;
	margin-right: 7px;
}

_:-ms-fullscreen,
:root #p_box .titlebox {
	margin: 0 0 25px;
}

[ax="boxclose"] {
	position: absolute;
	cursor: pointer;
	top: 20px;
	right: 20px;
	width: 19px;
	height: 19px;
	background-image: url('img/btn_close_003.gif');
	background-position: center center;
	background-repeat: no-repeat;
}

#p_box .-panel-buttonbox {
	position: absolute;
	left: 0;
	bottom: 0;
}

#p_box .-panel-tablebox {
	width: 100%;
	font-size: 11px;
}

#p_box .-panel-tablebox th {
	font-weight: normal;
}

#p_box .-panel-tablebox th i {
	margin: 0 7px 0 5px;
}

#p_box .-panel-tablebox th,
#p_box .-panel-tablebox td {
	padding: 5px;
	text-align: left;
	vertical-align: middle;
}

#p_box .-panel-tablebox th img {
	top: 0;
}

#p_box .-panel-tablebox td img {
	top: 4px;
	width: auto;
	height: auto;
	margin: 0 3px 0 0;
}

#p_box .-panel-tablebox th>p,
#p_box .-panel-tablebox td>p {
	padding: 1px 0;
}

#p_box .-panel-tablebox td>p.-text {
	font-size: 11px;
	color: #999;
}

#p_box .-panel-tablebox tr+tr th,
#p_box .-panel-tablebox tr+tr td {
	border-top: 1px solid #eee;
}

#p_box .-panel-tablebox td.-right {
	text-align: right;
}

#p_box .-panel-tablebox td .strike {
	color: #999;
}

#p_box .-panel-tablebox .-date {
	font-size: 11px;
	display: inline-block;
	border: 1px solid #dadada;
	color: #666;
	padding: 4px 8px;
	border-radius: 3px;
	margin-top: 5px;
}

#p_box .-maximg img {
	width: 60px;
	height: 60px;
	border: 1px solid #ddd
}

#p_box .-panelprod>ul>li {
	padding: 5px 0;
	border-bottom: 1px solid #eee;
}

#p_box .-panelprod>ul>li p.-left {
	float: left;
	width: 13%;
}

#p_box .-panelprod>ul>li p a {
	display: block;
}

#p_box .-panelprod>ul>li p.-left a img {
	width: 100%;
}

#p_box .-panelprod>ul>li p.-right {
	float: right;
	width: 84%;
}

#p_box .-panelprod>ul>li p.-right a {
	line-height: 20px;
}

#p_box .-panelprod>ul>li p.-left-text {
	float: left;
	width: 23%;
}

#p_box .-panelprod>ul>li p.-right-text {
	float: left;
	width: 74%;
}

#p_box .-panelBtn {
	border-top: 1px solid #eee;
	text-align: right;
	padding: 10px;
	background-image: url(/_wg/img/_bg/bg_opacity_b_02.png);
}

#p_box .-panelempty {
	padding: 40px 10px;
	text-align: center;
}

#p_box .-panel-tablebox+.-panelempty {
	display: none;
}

#p_box .-panel-tablebox.displaynone+.-panelempty {
	display: block;
}

#p_box .-panelinfo {
	color: #666;
	background: #f0f0f0;
	padding: 10px;
	font-size: 11px;
}

#p_box .-panelinfo .-date {
	margin: 5px 0;
	font-size: 11px;
	display: inline-block;
	border: 1px solid #dadada;
	color: #666;
	padding: 4px 8px;
	border-radius: 3px;
	background-image: url(/_wg/img/_btn/bg_opacity_w_90.png);
}

#p_box .-panelinfo .-title {
	font-weight: bold;
	border-left: 2px solid #333;
	padding-left: 7px;
	line-height: 100%;
}

#p_box .-panelinfo span {
	display: block;
}

#p_box .-panel-bighead {
	text-align: center;
	font-weight: 100;
	font-size: 18px;
	padding: 20px 20px 25px 20px;
	border-bottom: 1px solid #f0f0f0;
}

#p_box .-panel-poll ul {
	padding: 20px 0;
}

#p_box .-panel-poll ul li {
	padding: 3px 10px;
}

#p_box .-panel-poll ul li+li {
	border-top: 1px solid #f0f0f0;
}

#p_box .-panel-poll>p {
	text-align: center;
	border-top: 1px solid #f0f0f0;
	padding: 20px 0 0 0;
}

#p_box .serch {}

#p_box .serch:after {
	display: block;
	clear: both;
	content: ''
}

#p_box .serch li {
	position: relative;
	border-bottom: 1px solid #eee;
	padding: 6px 0px 6px 0px;
}

#p_box .serch li:after {
	display: block;
	clear: both;
	content: ''
}

#p_box .serch span {
	display: block;
}

#p_box .serch .l_title {
	width: 100px;
	padding: 7px 0px 6px 0px;
	border: 0px solid #ccc;
	float: left;
	text-align: left;
	padding-left: 10px;
	font-size: 11px !important;
}

#p_box .serch .right {
	width: 310px;
	float: right;
	border: 0px solid #ccc;
	text-align: left;
}

#p_box .serch li .fa {
	margin-right: 5px;
}

#p_box .serch .btn_wrap {
	text-align: right !important;
	border: 0px !important;
	padding-top: 20px !important;
}

#p_box .serch input.inputTypeText.ss_width {
	width: 242px !important;
}

#p_box .serch input.inputTypeText {}

#p_box .serch #search_type {
	width: 97px;
}

#p_box .serch #category_no {
	width: 310px;
}

#p_box .serch a.-btn.-line.-xs.xans-record- {
	padding-left: 5px;
	padding-right: 5px;
}

#p_box .serch input.input01 {
	width: 137px;
}

#p_box .serch #order_by {
	width: 310px;
	display: block !important;
}

#p_box .serch a.-btn.-black.-xs.xans-record- {
	height: 25px;
	line-height: 24px;
}

#p_box .serch a.-btn.-line.-xs.xans-record- {
	height: 25px;
	line-height: 24px;
}

#p_box .serch .SD_searchColor {
	margin: 0 0 10px;
	padding: 10px 0 0;
	border-top: 1px solid #eee;
}

#p_box .serch .SD_searchColor:after {
	content: "";
	display: block;
	*zoom: 1;
	clear: both;
}

#p_box .serch .SD_searchColor ul {
	display: block;
	width: 890px !important;
	font-size: 0;
}

#p_box .serch .SD_searchColor li {
	position: relative;
	float: left;
	margin: 0 12px 0 0;
}

#p_box .serch .SD_searchColor li a {
	display: block;
	width: 22px;
	height: 22px;
	border-radius: 100%;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
}

#p_box .serch .SD_searchColor li:hover a {
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transition: all .15s ease;
	-webkit-transition: all .15s ease;
}

.SD_searchColor li p {
	position: absolute;
	z-index: 1;
	top: -29px;
	left: 50%;
	width: 74px;
	margin-left: -37px;
	line-height: 25px;
	border: 1px solid #ddd;
	border-radius: 4px;
	background: #f4f4f4;
	font-size: 11px;
	color: #333;
	text-align: center;
	white-space: nowrap;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-opacity: 0;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}

.SD_searchColor li:hover p {
	top: -32px;
	filter: alpha(opacity=100);
	opacity: 1.0;
	-webkit-opacity: 1.0;
}

#p_box .login_box {
	width: 480px;
	height: 423px;
}

#p_box .login_box .lock_wr img {
	top: 0px !important;
}

#p_box .login_box input.inputTypeText {
	width: 280px;
	height: 25px;
}

#p_box .login_box #member_passwd {
	width: 280px;
	height: 25px;
}

#p_box .login_box #order_id1 {
	width: 123px;
	height: 25px;
	margin: 0 10px 0 5px;
}

#p_box .login_box #order_id2 {
	width: 123px;
	height: 25px;
	margin: 5px 0 5px 10px;
}

#p_box .login_box td.-c2.-uitrick {
	padding: 0 !important;
}

#p_box .login_box #order_password {
	height: 25px;
	width: 280px;
}

#p_box .login_box td.-c1 {
	padding-right: 0;
}

#p_box .login_box tbody tr td {
	padding-right: 0;
}

#p_box .login_box .-panel-sns-icons {
	margin: 0 0 10px;
}

#p_box .login_box .-panel-sns-icons a {
	display: inline-block;
	width: 45px;
	height: 25px;
	margin: 0 3px 0 0;
	padding: 0;
	text-align: center;
	transition: opacity .3s ease;
	-webkit-transition: opacity .3s ease;
}

#p_box .login_box .-panel-sns-icons a:hover {
	opacity: .6;
}

#p_box .login_box .-panel-sns-icons a span {
	display: block;
	height: 25px;
}

#p_box .login_box .-panel-sns-icons a i {
	line-height: 23px;
	font-size: 15px;
	color: #fff;
}

#p_box .login_box .-panel-sns-icons a span.naver {
	background: #44ba2f;
}

#p_box .login_box .-panel-sns-icons a span.facebook {
	background: #365bac;
}

#p_box .login_box .-panel-sns-icons a span.kakao {
	background: #ebca12;
}

#p_box .login_box .-panel-sns-icons a span.google {
	background: #d2281e;
}

#p_box .login_box .-panel-sns-icons a span.line {
	background: #44ba2f;
}

#p_box .login_box .-panel-sns-icons a span.yahoo {
	background: #ff0033;
}




/***오른쪽  공지사항***/
.JS_quickNotice {
	position: relative;
	width: 200px;
	height: 22px;
	margin: 0 auto 20px;
	border-bottom: 1px solid #eee;
}

.JS_quickNotice .tit a {
	position: relative;
	float: left;
	height: 22px;
	margin-right: 5px;
	font-size: 15px;
	letter-spacing: 0.1em;
	line-height: 19px;
	color: #111;
	text-decoration: none;
}

.JS_quickNotice .DB_mask {
	position: relative;
	width: 170px;
	height: 22px;
	overflow: hidden;
}

.JS_quickNotice .DB_imgSet {
	position: absolute;
	width: 170px;
}

.JS_quickNotice .DB_imgSet li {
	width: 100%;
	line-height: 20px;
	margin-bottom: 10px;
}

.JS_quickNotice .DB_imgSet li a {
	display: block;
	color: #333;
	font-size: 11px;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
}

.JS_quickNotice .DB_imgSet li a:hover {
	color: #999;
	text-decoration: none;
}

.JS_quickNotice .DB_prevBtn {
	position: absolute;
	top: 12px;
	right: 14px;
	cursor: pointer;
	display: none;
}

.JS_quickNotice .DB_nextBtn {
	position: absolute;
	top: 12px;
	right: 0px;
	cursor: pointer;
	display: none;
}

.quickIco {
	width: 200px;
	margin: 0 0 20px;
}

.quickIco:after {
	content: "";
	display: block;
	*zoom: 1;
	clear: both;
}

.quickIco li {
	float: left;
	width: 50%;
	height: 28px;
	margin-bottom: 1px;
}

.quickIco li:nth-child(even) {
	margin-left: -1px;
}

.quickIco li a {
	display: block;
	line-height: 28px;
	border: 1px solid #dfdfdf;
	font-size: 11px;
	color: #333;
	text-indent: 15px;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

.quickIco li a:hover {
	background: #f4f4f4;
	text-decoration: none;
	font-weight: bold;
}

.quickIco li a i {
	display: none;
	top: 2px;
	margin: 0 3px 0 0;
	font-size: 13px;
	color: #777;
}

.d_sLightBox_introPopup {
	position: fixed;
	z-index: 998;
	left: 0px;
	bottom: 90px;
	width: 80px;
	height: 80px;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

.d_sLightBox_introPopup:hover {
	opacity: .6;
}

.d_sLightBox_introPopup img {
	transition: all .2s 1s ease;
	-webkit-transition: all .2s 1s ease;
}

.d_sLightBox_introPopup.on img {
	opacity: 0;
	transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
	transition-delay: 1s;
	-webkit-transition-delay: 1s;
}


/***오른쪽  매너롤링***/
.JS_panelBnr {
	position: relative;
	width: 200px;
	height: 120px;
	margin: 20px auto;
}

.JS_panelBnr .label {
	position: absolute;
	z-index: 10;
	width: 63px;
	left: -13px;
	top: -13px;
}

.JS_panelBnr .img {
	position: relative;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.JS_panelBnr .img li {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 100%;
}

.JS_panelBnr .JS_btn {
	position: absolute;
	z-index: 3;
	width: 100%;
	bottom: 5px;
	text-align: center;
	letter-spacing: -4px;
	font-size: 0;
	line-height: 0;
	opacity: 0;
	-webkit-opacity: 0;
	transition: opacity .3s 8s ease;
	-webkit-transition: opacity .3s 8s ease;
}

.JS_panelBnr:hover .JS_btn {
	opacity: 1.0;
	-webkit-opacity: 1.0;
	transition-delay: 0s;
	-webkit-transition-delay: 0s;
}

.JS_panelBnr .JS_btn li {
	position: relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	height: 3px;
	margin: 0 2px;
	padding: 5px 0;
	cursor: pointer;
}

.JS_panelBnr .JS_btn li div {
	width: 10px;
	height: 2px;
	background: #ccc;
	font-size: 0;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

.JS_panelBnr .JS_btn li.on div {
	width: 18px;
	background: #999;
}

.JS_panelBnr .JS_btn li span {
	position: absolute;
	left: 0;
	display: block;
	width: 0;
	height: 2px;
	background: #111;
	text-indent: -9999px;
}

.JS_panelBnr .DB_dir {
	position: absolute;
	z-index: 10;
	top: 0;
	right: 0;
	width: 21px;
	height: 0;
	cursor: pointer;
	opacity: 0;
	-webkit-opacity: 0;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

.JS_panelBnr:hover .DB_dir {
	opacity: 1;
	-webkit-opacity: 1;
}

.JS_panelBnr .arrow {
	position: absolute;
	width: 21px;
	height: 21px;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

.JS_panelBnr .prev {
	top: -5px;
	background: url('img/arrowVLW_15.gif') no-repeat 50% 50% rgba(0, 0, 0, .2);
}

.JS_panelBnr:hover .prev {
	top: 0px;
}

.JS_panelBnr .prev:hover {
	background: url('img/arrowVLW_15.gif') no-repeat 50% 50% rgba(0, 0, 0, .4);
}

.JS_panelBnr .next {
	top: 16px;
	background: url('img/arrowVRW_15.gif') no-repeat 50% 50% rgba(0, 0, 0, .2);
}

.JS_panelBnr:hover .next {
	top: 21px;
}

.JS_panelBnr .next:hover {
	background: url('img/arrowVRW_15.gif') no-repeat 50% 50% rgba(0, 0, 0, .4);
}


.scrollbar_box {
	overflow: hidden !important;
	padding: 0 !important;
	position: relative;
}

.scrollbar_box>.scroll-content {
	border: none !important;
	box-sizing: content-box !important;
	height: auto;
	left: 0;
	margin: 0;
	max-height: none;
	max-width: none !important;
	overflow: scroll !important;
	padding: 0;
	position: relative !important;
	top: 0;
	width: auto !important;
}

.scrollbar_box>.scroll-content::-webkit-scrollbar {
	height: 0;
	width: 0;
}

.scroll-element {
	display: none;
}

.scroll-element,
.scroll-element div {
	box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
	display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
	cursor: default;
}

.scroll-textarea {
	border: 1px solid #cccccc;
	border-top-color: #999999;
}

.scroll-textarea>.scroll-content {
	overflow: hidden !important;
}

.scroll-textarea>.scroll-content>textarea {
	border: none !important;
	box-sizing: border-box;
	height: 100% !important;
	margin: 0;
	max-height: none !important;
	max-width: none !important;
	overflow: scroll !important;
	outline: none;
	padding: 2px;
	position: relative !important;
	top: 0;
	width: 100% !important;
}

.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar {
	height: 0;
	width: 0;
}

.scrollbar_box>.scroll-element,
.scrollbar_box>.scroll-element div {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 10;
}

.scrollbar_box>.scroll-element div {
	display: block;
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
}

.scrollbar_box>.scroll-element .scroll-element_track {
	display: none;
}

.scrollbar_box>.scroll-element .scroll-bar {
	background-color: #999;
	display: block;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	-ms-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}

.scrollbar_box:hover>.scroll-element .scroll-bar,
.scrollbar_box>.scroll-element.scroll-draggable .scroll-bar {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.scrollbar_box>.scroll-element.scroll-x {
	bottom: 0px;
	height: 0px;
	left: 0;
	min-width: 100%;
	overflow: visible;
	width: 100%;
}

.scrollbar_box>.scroll-element.scroll-y {
	height: 100%;
	min-height: 100%;
	right: 0px;
	top: 0;
	width: 0px;
}

.scrollbar_box>.scroll-element.scroll-x .scroll-bar {
	cursor: move;
	height: 7px;
	min-width: 10px;
	top: -9px;
}

.scrollbar_box>.scroll-element.scroll-y .scroll-bar {
	cursor: move;
	left: -5px;
	min-height: 10px;
	width: 5px;
}

.scrollbar_box>.scroll-element.scroll-x .scroll-element_outer {
	left: 2px;
}

.scrollbar_box>.scroll-element.scroll-x .scroll-element_size {
	left: -4px;
}

.scrollbar_box>.scroll-element.scroll-y .scroll-element_outer {
	top: 2px;
}

.scrollbar_box>.scroll-element.scroll-y .scroll-element_size {
	top: -4px;
}

.scrollbar_box>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
	left: -11px;
}

.scrollbar_box>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
	top: -11px;
}

.-btn,
.-btn * {
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.-btn {
	display: inline-block;
	margin: 0;
	border-radius: 0px;
	background: transparent;
	outline: 0;
	vertical-align: middle;
	font-family: inherit;
	font-size: 12px;
	padding: 0 1em 0 .95em;
	height: 30px;
	line-height: 27px;
	text-decoration: none !important;
	white-space: nowrap;
	cursor: pointer;
	text-align: center;
	position: relative;
}

.-btns>.-btn {
	margin: 0 0 0 -4px;
	border-radius: 0px;
}

.-btns>.-btn:first-child {
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}

.-btns>.-btn:last-of-type {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
}

.-btns:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

.-btn.-bold {
	font-weight: bold;
}

.-btn.-disabled {
	opacity: 0.5;
}

.-btn.-block {
	display: block;
	width: 100%;
	text-align: center;
}

.-btn.-inblock {
	display: inline-block !important;
}

.-btn.-ss {
	font-size: 11px;
	height: 17px;
	line-height: 14px;
	padding: 0 2px 0 2px;
	top: -1px;
}

.-btn.-xs {
	font-size: 11px;
	height: 22px;
	line-height: 20px;
	padding: 0 8px;
}

.-btn.-sm {
	font-size: 12px;
	height: 28px;
	line-height: 24px;
	padding: 0 10px;
}

.-btn.-md {
	font-size: 13px;
	height: 33px;
	line-height: 31px;
	padding: 0 14px;
}

.-btn.-md i {
	font-size: 14px;
	top: 1px;
}

.-btn.-lg {
	font-size: 13px;
	height: 41px;
	line-height: 39px;
	padding: 0 18px;
}

.-btn.-xl {
	font-size: 15px;
	height: 50px;
	line-height: 47px;
	padding: 0 24px;
}

.-btn i {
	position: relative;
	top: 0;
}

.-btn.-xs i.-left {
	padding: 0 5px 0 0;
}

.-btn.-sm i.-left {
	padding: 0 8px 0 0;
}

.-btn.-md i.-left {
	padding: 0 10px 0 0;
}

.-btn.-lg i.-left {
	padding: 0 14px 0 0;
}

.-btn.-xl i.-left {
	padding: 0 18px 0 0;
}

.-btn.-xs i.-right {
	padding: 0 0 0 5px;
}

.-btn.-sm i.-right {
	padding: 0 0 0 8px;
}

.-btn.-md i.-right {
	padding: 0 0 0 10px;
}

.-btn.-lg i.-right {
	padding: 0 0 0 14px;
}

.-btn.-xl i.-right {
	padding: 0 0 0 18px;
}

.-btn:focus,
.-btn:hover {
	z-index: 1;
}

.-btn:active,
.-btn.-active {}

.-btn,
.-btn:link,
.-btn:visited {
	color: #555;
}

.-btn:focus,
.-btn:hover {
	color: #333;
}

.-btn:active,
.-btn.-active {
	color: #999;
}

.-btn.-line,
.-btn.-line:link,
.-btn.-line:visited {
	color: #666;
	border: 1px solid #ccc;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
}

.-btn.-line:focus,
.-btn.-line:hover {
	color: #333;
	border: 1px solid #999;
}

.-btn.-line:active,
.-btn.-line.-active {
	color: #999;
	background: #fafafa;
	box-shadow: none;
	border: 1px solid #ccc;
}

.-btn.-white,
.-btn.-white:link,
.-btn.-white:visited {
	color: #555;
	border: 1px solid #ebebeb;
	border-bottom-color: #c6c6c6;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
	text-shadow: 0 0 2px rgba(255, 255, 255, 1);
	background: #fff;
	background: linear-gradient(to bottom, #ffffff 40%, #f6f6f6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0);
}

.-btn.-white:focus,
.-btn.-white:hover {
	background: #fff;
	background: linear-gradient(to bottom, #fafafa 0%, #fff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0);
}

.-btn.-white:active,
.-btn.-white.-active {
	color: #9298a1;
	text-shadow: 0 1px 0px #fff;
	border-color: #ebebeb;
	border-top-color: #ddd;
	background: #f4f4f4;
	box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.04);
}

.-btn.-lgrey,
.-btn.-lgrey:link,
.-btn.-lgrey:visited {
	color: #333;
	border: 1px solid #d3d4d6;
	border-bottom-color: #ccced0;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	background: #e6e7e9;
	background: linear-gradient(to bottom, #e6e7e9 40%, #e0e2e4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e7e9', endColorstr='#e0e2e4', GradientType=0);
}

.-btn.-lgrey:focus,
.-btn.-lgrey:hover {
	border: 1px solid #d4d5d8;
	background: #dcdee0;
	background: linear-gradient(to bottom, #dcdee0 0%, #d9dadc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdee0', endColorstr='#d9dadc', GradientType=0);
}

.-btn.-lgrey:active,
.-btn.-lgrey.-active {
	color: #333;
	border: 1px solid #d4d5d8;
	background: #dcdee0;
	box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.07);
}

.-btn.-grey,
.-btn.-grey:link,
.-btn.-grey:visited {
	color: #fff;
	border: 1px solid #aab0b7;
	border-bottom-color: #a2a9b0;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	background: #b0b6bd;
	background: linear-gradient(to bottom, #bbbfc5 40%, #b0b6bd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbfc5', endColorstr='#b0b6bd', GradientType=0);
}

.-btn.-grey:focus,
.-btn.-grey:hover {
	border: 1px solid #9ea4ab;
	background: #a6acb3;
	background: linear-gradient(to bottom, #adb2b9 0%, #a6acb3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#adb2b9', endColorstr='#a6acb3', GradientType=0);
}

.-btn.-grey:active,
.-btn.-grey.-active {
	color: #bbb;
	border: 1px solid #9ea4ab;
	background: #a6acb3;
	box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.07);
}

.-btn.-dgrey,
.-btn.-dgrey:link,
.-btn.-dgrey:visited {
	color: #fff;
	border: 1px solid #53565c;
	border-bottom-color: #4a4e53;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	background: #5c6066;
	background: linear-gradient(to bottom, #666b70 40%, #5c6066 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbfc5', endColorstr='#b0b6bd', GradientType=0);
}

.-btn.-dgrey:focus,
.-btn.-dgrey:hover {
	border: 1px solid #44474c;
	background: #4d5056;
	background: linear-gradient(to bottom, #565a5f 0%, #4d5056 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#adb2b9', endColorstr='#a6acb3', GradientType=0);
}

.-btn.-dgrey:active,
.-btn.-dgrey.-active {
	color: #bbb;
	border: 1px solid #44474c;
	background: #4d5056;
	box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.07);
}

.-btn.-black,
.-btn.-black:link,
.-btn.-black:visited {
	color: #fff;
	border: 1px solid #131719;
	border-bottom-color: #0c0f10;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	background: #1e2427;
	background: linear-gradient(to bottom, #262c2f 100%, #1e2427 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26353e', endColorstr='#26353e', GradientType=0);
}

.-btn.-black:focus,
.-btn.-black:hover {
	border: 1px solid #272f32;
	background: #323b3f;
	background: linear-gradient(to bottom, #3c4549 0%, #323b3f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#374954', endColorstr='#374954', GradientType=0);
}

.-btn.-black:active,
.-btn.-black.-active {
	color: #ddd;
	border: 1px solid #272f32;
	background: #323b3f;
	box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.07);
}

.-btn.-green,
.-btn.-green:link,
.-btn.-green:visited {
	color: #fff;
	border: 1px solid #04af37;
	border-bottom-color: #0c9e37;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	background: #01c73c;
	background: linear-gradient(to bottom, #01c73c 100%, #00b235 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01c73c', endColorstr='#26353e', GradientType=0);
}

.-btn.-green:focus,
.-btn.-green:hover {
	border: 1px solid #20a94a;
	background: #24c756;
	background: linear-gradient(to bottom, #24c756 0%, #23bd52 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#24c756', endColorstr='#23bd52', GradientType=0);
}

.-btn.-green:active,
.-btn.-green.-active {
	color: #ddd;
	border: 1px solid #20a94a;
	background: #24c756;
	box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.07);
}

.-btn.-yellow,
.-btn.-yellow:link,
.-btn.-yellow:visited {
	color: #333;
	border: 1px solid #ddbd0c;
	border-bottom-color: #d3b50e;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
	background: #ffd800;
	background: linear-gradient(to bottom, #ffd800 100%, #f2ce06 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd800', endColorstr='#f2ce06', GradientType=0);
}

.-btn.-yellow:focus,
.-btn.-yellow:hover {
	border: 1px solid #f3ce06;
	background: #f9d302;
	background: linear-gradient(to bottom, #f9d302 0%, #f4cf04 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9d302', endColorstr='#f4cf04', GradientType=0);
}

.-btn.-yellow:active,
.-btn.-yellow.-active {
	color: #555;
	border: 1px solid #f3ce06;
	background: #f9d302;
	box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.07);
}



.main_banner_center {
	margin-top: 40px;
}

.main_banner_center_left {
	position: relative;
	float: left;
	width: 840px;
	margin: 0 0 40px;
}

.main_banner_center_left img {
	width: 100%;
}

.main_banner_center_left p {
	margin: 0 0 10px;
}

.main_banner_center_left ul {
	margin: 0 0 20px;
	font-size: 0;
	line-height: 0;
	letter-spacing: -4px;
}

.main_banner_center_left ul li {
	display: block;
	float: left;
	width: 260px;
	margin: 0 0 20px;
}

.main_banner_center_left ul li:first-child {
	width: 560px;
	height: 300px;
	margin: 0 20px 0 0;
}

.main_banner_center_left ul li iframe {
	width: 100%;
	height: 100%;
}

.main_banner_center_left img {
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
}

.main_banner_center_left img:hover {
	filter: alpha(opacity=60);
	opacity: .6;
	-webkit-opacity: .6;
}

@media all and (max-width:1285px) {
	.main_banner_center_left {
		width: 655px;
	}

	.main_banner_center_left ul {
		margin: 0 0 11px;
	}

	.main_banner_center_left ul li {
		width: 202px;
		margin: 0 0 12px;
	}

	.main_banner_center_left ul li:first-child {
		width: 436px;
		height: 232px;
		margin: 0 17px 0 0;
	}
}

.JS_slide_01 {
	position: relative;
	float: right;
	width: 400px;
	height: 600px;
	margin: 0 0 40px;
	overflow: hidden;
}

.JS_slide_01 .img {
	position: relative;
	width: 100%;
	height: 100%;
}

.JS_slide_01 .img li {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 100%;
}

.JS_slide_01 .img li:first-child {
	z-index: 1;
	left: 0;
}

.JS_slide_01 .img li img {
	width: 100%;
}

.JS_slide_01 .btn {
	position: absolute;
	z-index: 3;
	width: 100%;
	bottom: 20px;
	text-align: center;
	letter-spacing: -4px;
	font-size: 0;
	line-height: 0;
	opacity: 0;
	-webkit-opacity: 0;
	transition: opacity .3s 8s ease;
	-webkit-transition: opacity .3s 8s ease;
}

.JS_slide_01:hover .btn {
	opacity: 1.0;
	-webkit-opacity: 1.0;
	transition-delay: 0s;
	-webkit-transition-delay: 0s;
}

.JS_slide_01 .btn li {
	position: relative;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	height: 3px;
	margin: 0 2px;
	padding: 5px 0;
	cursor: pointer;
}

.JS_slide_01 .btn li div {
	width: 15px;
	height: 2px;
	background: #ccc;
	font-size: 0;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

.JS_slide_01 .btn li.on div {
	width: 25px;
	background: #999;
}

.JS_slide_01 .btn li span {
	position: absolute;
	left: 0;
	display: block;
	width: 0;
	height: 2px;
	background: #111;
	text-indent: -9999px;
}

.JS_slide_01 .DB_dir {
	position: absolute;
	z-index: 10;
	width: 100%;
	top: 50%;
	margin-top: -25px;
	height: 0;
	cursor: pointer;
	opacity: 0;
	-webkit-opacity: 0;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

.JS_slide_01:hover .DB_dir {
	opacity: 1;
	-webkit-opacity: 1;
}

.JS_slide_01 .arrow {
	position: absolute;
	width: 50px;
	height: 50px;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

.JS_slide_01 .prev {
	left: -5px;
	background: url('img/arrowLW_35.gif') no-repeat 50% 50% rgba(0, 0, 0, .2);
}

.JS_slide_01:hover .prev {
	left: 0px;
}

.JS_slide_01 .prev:hover {
	background: url('img/arrowLW_35.gif') no-repeat 50% 50% rgba(0, 0, 0, .4);
}

.JS_slide_01 .next {
	right: -5px;
	background: url('img/arrowRW_35.gif') no-repeat 50% 50% rgba(0, 0, 0, .2);
}

.JS_slide_01:hover .next {
	right: 0px;
}

.JS_slide_01:hover .next:hover {
	background: url('img/arrowRW_35.gif') no-repeat 50% 50% rgba(0, 0, 0, .4);
}

@media all and (max-width:1285px) {
	.JS_slide_01 {
		width: 310px;
		height: 466px;
	}
}

.JS_tabRolling {
	position: relative;
	width: 1258px;
	height: 500px;
	margin: 20px auto 100px;
}



/* 메인타이틀 */
.main-tit {
	position: relative;
	width: 1260px;
	margin: 0 auto 0px;
}

@media all and (max-width:1285px) {
	.main-tit {
		width: 980px;
	}
}

.main-tit h2 {
	display: block;
	margin: 0 auto 40px;
	text-align: center;
	font-size: 23px;
	color: #111;
	text-align: center;
}

.main-tit h2 span {
	display: block;
	margin: 0 0 3px;
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	color: #111;
	;
	font-weight: 700
}

.main-tit h2 strong {
	color: #dd2537;
}

.main-tit h2 img {
	max-width: 100%;
}

.main-tit h2 .titImg {
	font-size: 0;
}


/* 메인 공지*/


.main_notice {
	position: relative;
	margin: 0 0 40px;
	overflow: hidden;
}

.main_notice {
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

@media all and (max-width:1285px) {
	.main_notice {}
}

.main_notice .m_title {
	position: relative;
	border-bottom: 0px solid #eee;
	padding: 0px 0 8px;
	margin: 0 0 6px
}

.main_notice .m_title span {
	font-size: 15px;
	color: #555;
	font-weight: bold;
}

.main_notice .xi {
	vertical-align: middle;
	font-size: 14px;
}

.main_notice .m_title>.morebtn {
	position: absolute;
	font-size: 14px;
	right: 0px;
	top: 5px;
	z-index: 1;
	margin: 0px;
}

.main_notice .m_title>.morebtn a {
	color: #999;
	;
}

.main_notice .m_title>.morebtn:hover a {
	color: #555;
}

.main_notice span {
	color: #555
}

.main_notice>.m_info {
	border: 1px solid #e1e1e1;
	border-top: 1px solid #e1e1e1;
	padding: 10px 20px;
}

.main_notice>ul {}

.main_notice>ul>li {
	width: 100%;
	padding: 0px 0;
}

.main_notice>ul>li .subject {
	float: left;
	width: 76%;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.main_notice>ul>li .date {
	float: right;
	width: 20%;
	text-align: right;
	color: #999;
}

.main_notice>ul>li a {
	display: block;
	color: #999;
	text-decoration: underline;
}

.main_notice>ul>li:hover a {
	display: block;
	color: #555;
}

/* 인트로*/
.JS_layerBnr_position {
	position: fixed;
	z-index: 998;
	bottom: 0;
	width: 0;
	height: 0;
}

.JS_layerBnr {
	display: block;
	position: absolute;
	left: 80px;
	bottom: 20px;
	width: 80px;
	height: 80px;
}

.JS_layerBnr .d_open {
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

.JS_layerBnr .d_open:hover {
	opacity: .6;
}

.JS_layerBnr .d_open img {
	position: absolute;
	left: -80px;
	transition: all .2s 1s ease;
	-webkit-transition: all .2s 1s ease;
}

.JS_layerBnr .d_open.on img {
	opacity: 0;
	transform: scale(0, 0);
	transition-delay: 1s;
}

.JS_layerBnr .d_winBanner {
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 500px;
	height: 500px;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	visibility: hidden;
}

.JS_layerBnr .d_winBanner .d_close {
	position: absolute;
	z-index: 10;
	top: 0px;
	right: 0;
	width: 27px;
	height: 27px;
	background: url('img/btn_x_w_11.gif') no-repeat center rgba(0, 0, 0, .8);
	cursor: pointer;
	opacity: 0;
	-webkit-opacity: 0;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

.JS_layerBnr:hover .d_winBanner .d_close {
	opacity: 1;
	-webkit-opacity: 1;
}

.JS_layerBnr .d_winBanner #d_checkBox {
	display: none;
}

.JS_layerBnr_roll {
	position: relative;
	width: 500px;
	height: 500px;
	background: rgba(255, 255, 255, .95);
	overflow: hidden;
}

.JS_layerBnr_roll .img {
	position: relative;
	height: 100%;
}

.JS_layerBnr_roll .img li {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 100%;
}

.JS_layerBnr_roll .img li:first-child {
	z-index: 1;
	left: 0;
}

.JS_layerBnr_roll .img li img {
	width: 100%;
}

.JS_layerBnr_roll .btn {
	position: absolute;
	z-index: 3;
	bottom: 0;
	width: 100%;
	height: 30px;
	background: rgba(0, 0, 0, .4);
	text-align: center;
	letter-spacing: -4px;
	font-size: 0;
}

.JS_layerBnr_roll .btn li {
	position: relative;
	bottom: 0;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	line-height: 30px;
	padding: 0 20px;
	color: #ccc;
	font-size: 12px;
	cursor: pointer;
	letter-spacing: 0;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
}

.JS_layerBnr_roll .btn li span {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 2px;
	background: rgba(255, 255, 255, .4);
	text-indent: -9999px;
}

.JS_layerBnr_roll .btn li.on {
	z-index: 1;
	background: rgba(0, 0, 0, .6);
	color: #fff;
}

.JS_layerBnr_roll .DB_dir {
	position: absolute;
	z-index: 10;
	width: 100%;
	top: 50%;
	margin-top: -25px;
	height: 0;
	cursor: pointer;
	opacity: 0;
	-webkit-opacity: 0;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

.JS_layerBnr:hover .DB_dir {
	opacity: 1;
	-webkit-opacity: 1;
}

.JS_layerBnr_roll .arrow {
	position: absolute;
	width: 50px;
	height: 50px;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

.JS_layerBnr_roll .prev {
	left: -5px;
	background: url('img/arrowLW_35.gif') no-repeat 50% 50% rgba(0, 0, 0, .2);
}

.JS_layerBnr:hover .prev {
	left: 0px;
}

.JS_layerBnr .prev:hover {
	background: url('img/arrowLW_35.gif') no-repeat 50% 50% rgba(0, 0, 0, .4);
}

.JS_layerBnr_roll .next {
	right: -5px;
	background: url('img/arrowRW_35.gif') no-repeat 50% 50% rgba(0, 0, 0, .2);
}

.JS_layerBnr:hover .next {
	right: 0px;
}

.JS_layerBnr:hover .next:hover {
	background: url('img/arrowRW_35.gif') no-repeat 50% 50% rgba(0, 0, 0, .4);
}

/* */
body.sLightBox {}

#d_sLightBox_win {
	display: none;
	position: fixed;
	z-index: 999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#d_sLightBox_win .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url('img/bg_opacity_b_70.png');
}

#d_sLightBox_win .inner {
	display: none;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 45%;
	width: 100%;
	height: 0;
}

#d_sLightBox_win .inner .cont {}

#d_sLightBox_win .inner .close {
	position: absolute;
	z-index: 10;
	left: 50%;
	bottom: -40px;
	width: 50px;
	height: 50px;
	margin-left: -25px;
	background: url('img/btn_x_w_27.gif') no-repeat center;
	cursor: pointer;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

#d_sLightBox_win .inner .-cap:after {
	left: -67%;
	top: -20px;
	padding: 0 5px;
	border: 1px solid rgba(0, 0, 0, .95);
	border-radius: 15px;
	background: rgba(0, 0, 0, .8);
	color: #fff;
	text-align: center;
}

#d_sLightBox_win .inner .-cap:hover:after {
	top: -25px;
	opacity: 1;
	visibility: visible;
}

#d_sLightBox_win .inner .check {
	display: none;
}



/* 상단 레이아웃 */
#hd {
	position: relative;
	margin: 0 0;
	padding: 0;
	text-align: center
}

#hd h1 {
	position: absolute;
	font-size: 0;
	text-indent: -9999em;
	line-height: 0;
	overflow: hidden
}

#hd_tnb {
	position: relative;
	background: #000;
	height: 50px;
}

#hd_tnb:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#hd_tnb li {
	position: relative
}

#hd_tnb li a {
	font-size: 12px;
	line-height: 50px;
	color: #fff;
	display: block;
}

#hd_tnb li a:hover {
	color: #aaa
}

#hd_tnb .join-point,
#hd_tnb .cart-num {
	z-index: 1;
	position: absolute;
	bottom: -13px;
	text-align: center;
	width: 100%;
	left: 0;
}

#hd_tnb .join-point span {
	white-space: nowrap;
	padding: 2px 7px 1px 7px;
	border-radius: 4px;
	font-size: 0.833em;
	line-height: 18px;
	;
	background: #333;
	color: #fff;
	text-align: center;
	display: inline-block;
}

#hd_tnb li:hover .join-point span {
	background: #111
}

#hd_tnb .cart-num span {
	white-space: nowrap;
	padding: 2px 7px 1px 7px;
	border-radius: 4px;
	font-size: 0.833em;
	line-height: 18px;
	;
	background: #917a84;
	color: #fff;
	text-align: center;
	display: inline-block;
}

.hd_wr {
	margin: 0 auto;
	1;
	position: relative
}

#logo {
	padding: 50px 0
}

#hd_sch h2 {
	position: absolute;
	font-size: 0;
	text-indent: -9999em;
	line-height: 0;
	overflow: hidden
}

#hd_sch {
	display: none;
	z-index: 10;
}


#hd_ct {
	border-right: 1px solid #eee;
	width: 50px;
	height: 38px;
	background-size: 15px;
}

#hd_ct:hover {
	background-color: #f3f3f3
}

#hd_tnb ul {
	text-align: right;
	float: right;
	margin-right: 6px;
}

#hd_tnb ul li {
	width: auto;
	padding: 0 12px;
	display: inline-block;
	float: none
}

#hd_sch {
	display: block;
	float: left
}

#hd_sch_open {
	display: none;
}

#hd_sch .pop_close {
	display: none;
}

#hd_sch .sch_inner {
	position: relative;
	background-color: #f2f2f2;
	border-radius: 20px;
}

#hd_sch .frm_input {
	background: none;
	border: 0px solid #ff0000;
	height: 36px;
	padding: 0 15px;
	width: 220px;
	color: #948c8c;
}

#hd_sch .frm_input:focus {
	outline: 0;
	background: #f3f3f3
}

#hd_sch .btn_submit {
	background: none;
	width: 40px;
	height: 38px;
	position: absolute;
	top: 0;
	right: 0;
	color: #666
}





/*카테고리*/
#category {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 260px;
	overflow-y: auto;
	height: 100%;
	-webkit-backface-visibility: hidden;
	background: #fff;
	z-index: 909;
	padding: 15px 10px;
	text-align: left;
	-webkit-box-shadow: 0 3px 5px #ccc;
	-moz-box-shadow: 0 3px 5px #ccc;
	box-shadow: 3px 0 8px rgba(0, 0, 0, 0.3);
}

.ct_login h2 {
	font-size: 1.5em;
	margin: 0 0 10px;
}

.ct_login p {
	line-height: 1.4em;
	margin: 0 0 10px;
	color: #737373
}

.ct_login ul:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

.ct_login .ct-btn li {
	float: left;
	width: 50%;
}

.ct_login .ct-btn a {
	display: block;
	border: 1px solid #ddd;
	text-align: center;
	line-height: 37px;
	color: #3d3e3e
}

.ct_login .ct-btn a:hover {
	background: #f3f3f3;
}

.ct_login .ct-btn .btn_1 {
	background: #3d3e3e;
	border-color: #3d3e3e;
	color: #fff
}

.ct_login .ct-btn .btn_1:hover {
	background: #111
}

.ct_login .ct-info {
	margin: 20px 0;
	position: relative
}

.ct_login .ct-info li {
	float: left;
	width: 25%;
	text-align: center
}

.ct_login .ct-info a {
	display: block;
	position: relative
}

.ct_login .ct-info img {
	width: 20px;
	height: 20px
}

.ct_login .ct-info strong {
	display: block;
	font-weight: normal;
	font-size: 0.92em;
	padding: 5px 0 0;
	color: #777
}

.ct_login .ct-info li .num {
	display: block;
	position: absolute;
	top: -5px;
	left: 36px;
	padding: 0 5px;
	background: #888;
	color: #fff;
	border-radius: 15px;
	line-height: 15px
}

.ct_login .ct-info button {
	border: 0;
	background: none
}

.ct_logout h2 {
	font-size: 1.16em
}

.ct_logout dl {
	padding: 5px 10px;
	background: #f3f3f3;
	margin: 10px 0
}

.ct_logout dl:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#category ul.cate {
	background: #fff;
	;
	width: 100%;
	text-align: left;
	text-indent: 10px;
	padding: 8px 0
}

#category ul.cate>li {
	line-height: 20px;
	font-size: 1.083em;
	font-weight: bold
}

#category ul.cate li {
	position: relative;
}

#category ul.cate li a {
	display: block;
	padding: 9px 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding-right: 30px;
	font-weight: 700;
}

#category ul.cate li .ct_op {
	display: inline-block;
	text-indent: -999px;
	background: url(../mobile/shop/img/cate_op.gif) no-repeat 10px 50%;
	height: 35px;
	width: 30px;
	position: absolute;
	top: 0;
	right: 0;
	border: none
}

#category ul.cate li a:hover {
	color: #d63154;
	font-weight: bold
}

#category ul.cate li .ct_cl {
	background-position: -12px 50%
}

#category ul.sub_cate {
	display: none;
	font-size: 12px
}

#category ul.sub_cate1 li {
	text-indent: 14px;
	background: #fafafa;
	font-weight: normal
}

#category ul.sub_cate2 li {
	text-indent: 25px;
	background: #f6f6f6;
}

#category ul.sub_cate3 li {
	text-indent: 40px;
	background: #f3f3f3;
}

#category ul.sub_cate4 li {
	text-indent: 55px;
	background: #efefef;
}

#category .pop_close {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 30px;
	height: 30px;
	background: url('../mobile/shop/img/icon-close-bl.png') no-repeat 50% 50%;
	;
	border: none;
	text-indent: -99999px;
	background-size: 15px;
	opacity: 0.5
}

#category .pop_close:hover,
#category .pop_close:focus {
	opacity: 1
}

#category .cate-com:before {
	width: 15px;
	height: 2px;
	content: '';
	background: #000;
	display: block;
	margin: 0 10px 20px
}

#category ul.cate-com li a {
	padding: 6px 0;
	font-weight: normal
}

#category ul.cate-com li {
	font-size: 1em
}


/* gnb */

#gnb {
	border-bottom: 1px solid #d8d8d8;
	border-top: 1px solid #eee;
	text-align: center
}

#gnb ul {
	list-style: none
}

#gnb li {
	display: inline-block
}

#gnb li a {
	line-height: 40px;
	font-size: 1em;
	color: #000;
	padding: 0;
	display: block;
	font-weight: 600;
	transition: all .2s;
	letter-spacing: 1px;
	vertical-align: top;
	font-size: 13px;
	padding: 10px 15px
}

#gnb li a:hover {
	background: #f3f3f3
}

#gnb ul {
	border: 0;
	vertical-align: top
}

#gnb ul:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}





/*오늘본상품*/
#today-view {
	display: none;
	position: absolute;
	top: 50px;
	right: 0;
	width: 100%;
	background: #fff;
	border: 1px solid #ddd;
	z-index: 9999
}

#today-view h3 {
	line-height: 30px;
	background: #f5f6f7;
	font-size: 12px;
}

#today-view h3 span {
	font-weight: normal
}

#today-view img {
	width: 100%;
	height: auto
}

#today-view ul {
	padding: 0 10px
}

#today-view li {
	width: 50%;
	padding: 12px;
}

#today-view li:nth-child(2n+1) {
	clear: both
}

#today-view li:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#today-view .stv_name {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

#stv_ul {
	border-top: 1px solid #e6e6e6;
	text-align: left;
}

.c2 {
	display: none
}

#up {
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 30px;
	border-right: 1px solid #ddd;
	background: #f3f3f3
}

#down {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 30px;
	border-left: 1px solid #ddd;
	background: #f3f3f3
}

#up:hover,
#down:hover {
	background: #f3f3f3
}

.stv_pgwr i {
	color: #aaa
}

.stv_no {
	color: #999;
	padding: 50px 0
}

#today-view .btn_close {
	width: 100%;
	background: #f5f6f7;
	padding: 10px 0;
	border-top: 1px solid #ddd;
}

.stv_item {
	display: none;
	padding: 0 9px;
	text-align: center;
	word-break: break-all
}





.btn_buy_wr {
	display: none;
}

#sit_ov.static .scroll_show {
	display: block !important;
}

#sit_ov.scroll_no {
	display: block;
}

#sit_ov.fixed {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 400px;
	max-width: 100%;
	z-index: 999;
	margin: 0;
	padding: 0;
	max-height: 100%;
	overflow-y: auto
}

#sit_ov.fixed .btn_buy_wr {
	display: block;
	text-align: left;
	padding-left: 20px
}

#sit_ov.fixed .btn_buy_wr button {
	;
	padding: 0 15px;
	padding-right: 55px;
	background: #d63154;
	border: 0;
	line-height: 40px;
	color: #fff;
	font-size: 1.083em;
	position: relative
}

#sit_ov.fixed .btn_buy_wr button:hover {
	;
	background: #c01d3f;
}

#sit_ov.fixed .btn_buy_wr button i {
	position: absolute;
	top: 0;
	right: 0;
	background: #c01d3f;
	width: 40px;
	line-height: 40px;
}

#sit_ov.fixed .scroll_no {
	display: none
}

#sit_ov.fixed .scroll_show {
	display: none;
	background: #fff;
	border: 1px solid #c01d3f;
	border-bottom: 0;
	padding: 10px 5%;
}


#top_btn2 {
	position: fixed;
	right: 20px;
	bottom: 20px;
	border: 0;
	background: 0 0;
	opacity: .9;
	z-index: 99
}

#top_btn2:hover,
#top_btn2:focus {
	opacity: 1
}

#top_btn2 img {
	width: 45px
}

/*상단 / 하단으로 이동 */
.quickmove {
	display: none;
	position: fixed;
	right: 20px;
	bottom: 70px;
	z-index: 999;
}

.quickmove>ul {}

.quickmove>ul>li {
	display: block;
	width: 45px;
	height: 36px;
	background: none);
	text-align: center;
	margin: 0px 0 0 0;
	cursor: pointer;
}

.quickmove>ul>li i {
	color: #666;
	font-size: 32px;
}


/* 하단 정보*/
.footer_wrap {
	position: relative;
	display: block;
	padding: 80px 0 0px 0;
	line-height: 22px;
	margin-top: 50px;
	color: #888
}

.footer_wrap a {
	color: #888
}

.footer_wrap:after {
	content: "";
	display: block;
	clear: both;
}

#footer {
	max-width: 1380px;
	margin: 0 auto;
}

#footer:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#footer h4 {
	margin: 0 0 6px;
	font-size: 12px;
	font-weight: normal
}

#footer .h4_line {
	width: 12px;
	height: 1px;
	margin: 0 0 20px;
	border-bottom: 1px solid #555;
	line-height: 0px;
	font-size: 0;
}

#footer ._section {
	min-height: 190px;
	margin: 0 0 10px;
}

#footer ._line {
	width: 100%;
	height: 0;
	line-height: 0;
	margin: 15px 0 25px;
	border-top: 1px solid #e6e6e6;
}

#footer .info {
	color: #aaa;
}

#footer i {
	font-size: 13px;
	vertical-align: -2px;
}

#footer .footer_menu {
	display: block;
	margin: 15px 0 30px;
	padding: 0 0 13px 10px;
	border-bottom: 1px solid #e6e6e6;
}

#footer .footer_menu ul {
	font-size: 0;
	line-height: 0;
	letter-spacing: -4px;
}

#footer .footer_menu li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	height: 20px;
	padding: 0 15px;
	background: url("img/bar_b_10.png") 0 5px no-repeat;
	font-size: 12px;
	line-height: 19px;
	letter-spacing: 0;
}

#footer .footer_menu li.home {
	padding-left: 0;
	background: none;
}

#footer .footer_menu li a {
	color: #333;
}

#footer .footer_menu li a:hover {
	color: #000;
	text-decoration: none;
	font-weight: 700;
}

#footer .oper_time {
	float: left;
	width: 20%;
	margin: 0 1% 0 0%;
}

#footer .oper_time li {
	min-height: 0;
}

#footer .oper_time .phone {
	min-height: 0;
	line-height: 25px;
	margin: 0 0 10px;
	font-family: 'Oswald';
	font-size: 23px;
	font-weight: 700;
	letter-spacing: .02em;
}

#footer .oper_time .phone img {
	position: relative;
	top: 3px;
}

#footer .oper_time strong {
	min-height: 0;
	line-height: 20px;
	padding-right: 10px;
	color: #333;
}

#footer .oper_time span {
	min-height: 0;
	line-height: 20px;
}

@media all and (max-width:1285px) {
	#footer .oper_time {
		width: 25%;
	}

	#footer .oper_time .phone {
		font-size: 18px;
	}
}

#footer .bank_info {
	float: left;
	width: 20%;
	margin: 0 1% 0 0;
}

#footer .bank_info li {
	min-height: 0;
	letter-spacing: 0.1em;
}

#footer .bank_info strong {
	display: block;
	float: left;
	width: 65px;
	min-height: 0;
	line-height: 20px;
	font-weight: bold;
}

#footer .bank_info span {
	min-height: 0;
	line-height: 20px;
}

#footer .bank_info .bank_list {
	width: 188px;
	margin: 10px 0 0;
	padding: 3px
}

@media all and (max-width:1285px) {
	#footer .bank_info {
		width: 28%;
	}
}

#footer .footer_delivery {
	float: left;
	width: 47%;
	margin: 0 1% 0 0%;
}

#footer .footer_delivery h4 {
	margin: 0 0 5px;
}

#footer .footer_delivery ul.first {
	margin: 0 0 25px;
}

#footer .footer_delivery li {
	font-size: 12px;
	padding-right: 50px
}

#footer .footer_delivery strong,
#footer .footer_delivery span {
	margin: 0 10px 0 0;
}

#footer .footer_delivery .v_returnAdd1 {
	word-break: keep-all;
}

#footer .footer_delivery .v_returnAdd2 {
	width: 96%;
}

@media all and (max-width:1285px) {
	#footer .footer_delivery {
		width: 38%;
		background: none;
	}
}

#footer .footer_menu2 {
	float: right;
	width: 6%;
	margin: 0 0% 0 0%;
}

#footer .footer_menu2 li a {
	display: block;
	margin: 0 0 2px;
	padding: 0px 0px 0px 0px;
	line-height: 18px;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
}

#footer .footer_menu2 li a:hover {
	color: #cacaca;
	text-decoration: none;
}

@media all and (max-width:1285px) {
	#footer .footer_menu2 {
		display: block;
		float: none;
		width: 100%;
		margin: 0 0 0 1%;
	}

	#footer .footer_menu2 li {
		display: inline-block;
		*display: inline;
		*zoom: 1;
	}
}

#footer .footer_company {
	float: left;
	width: 55%;
	margin: 0 0 0 1%;
	font-size: 12px;
	line-height: 23px;
}

#footer .footer_company strong {
	padding-right: 8px;
	color: #aaa;
	font-weight: normal;
}

#footer .footer_company span {
	padding-right: 23px;
	color: #333;
}

#footer .footer_company a:hover {
	text-decoration: none;
	color: #999;
}

#footer .footer_escrow {
	float: right;
	width: 30%;
	margin: 0 1% 15px 0;
	text-align: right;
	line-height: 22px;
}

#footer .footer_escrow .v_escrow1 {
	padding: 3px 7px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #888;
	color: #fff;
}

#footer .footer_escrow .btn_11_ff {
	margin: 5px 0 0;
}

#footer .footer_ico {
	float: right;
	width: 43%;
	margin: 0 1% 10px 0;
	font-size: 0;
	line-height: 0;
	text-align: right;
}

#footer .footer_ico li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 0 10px 10px;
}

.footer_end {
	margin-top: 38px;
	display: block;
	position: relative;
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	letter-spacing: 0.2em;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	color: #acacac;
}

.footer_end_inner {
	max-width: 1380px;
	margin: 0 auto;
}

.footer_end .copyright {
	text-align: right
}

.footer_end .made a {
	float: right;
	color: #ddd;
}

.footer_end .made a:hover {
	text-decoration: none;
}

.besong_btn {
	padding: 3px 6px;
	color: #555;
	border: 1px solid #ebebeb;
	border-bottom-color: #c6c6c6;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
	text-shadow: 0 0 2px rgba(255, 255, 255, 1);
	background: #fff;
	background: linear-gradient(to bottom, #ffffff 40%, #f6f6f6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0);
}

.besong_btn:hover {
	background: #fff;
	background: linear-gradient(to bottom, #fafafa 0%, #fff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0);
}









#board_main_list {
	height: 20px;
	overflow: hidden;
	float: left;
	width: 225px;
	margin-top: 15px;
	text-align: left;
	padding-left: 20px
}

#board_main_list a {
	color: #fff;
	width: 100%;
	float: left;
	font-size: 12px;
	height: 20px;
	margin: 0;
	padding: 0;
	letter-spacing: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	box-sizing: border-box
}

#board_main_list a .fa {
	margin-right: 5px
}

#board_main_list a:hover {
	color: #ccc
}

#board_main_list img {
	padding: 0;
	margin-right: 3px;
	vertical-align: middle;
}






/* keepgrowLogin */
#keepgrowLogin {
	margin: 0 auto;
	max-width: 500px;
	padding: 10px
}

#keepgrowLogin #tabMenu {
	padding-bottom: 25px;
	font-size: 0;
	letter-spacing: 0
}

#keepgrowLogin #tabMenu li {
	display: inline-block;
	width: 50%
}

#keepgrowLogin #tabMenu li a {
	display: inline-block;
	width: 100%;
	height: 45px;
	line-height: 45px;
	background: #fafafa;
	border: 1px solid #efefef;
	border-radius: 0 5px 5px 0;
	font-size: 13px;
	text-align: center;
	color: #888
}

#keepgrowLogin #tabMenu li:first-child a {
	border-radius: 5px 0 0 5px
}

#keepgrowLogin #tabMenu li.active {
	background: #fff
}

#keepgrowLogin #tabMenu li.active a {
	position: relative;
	background: #fff;
	border: 1px solid #aaa;
	color: #222
}

#keepgrowLogin #formWrap .text {
	margin-bottom: 15px;
	font-size: 14px
}

#keepgrowLogin #formWrap .inputBox {
	border: 1px solid #e1e1e1;
	border-radius: 5px;
	overflow: hidden
}

#keepgrowLogin #formWrap .inputBox input {
	padding: 0 15px;
	width: 100%;
	height: 50px;
	line-height: 50px;
	border: none;
	font-size: 14px;
	color: #000;
	box-sizing: border-box
}

#keepgrowLogin #formWrap .inputBox input#member_id {
	border-bottom: 1px solid #e1e1e1
}

#keepgrowLogin #formWrap .inputBox input#order_id {
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1
}

#keepgrowLogin #formWrap .loginCheckBox {
	margin: 15px 0
}

#keepgrowLogin #formWrap .loginCheckBox li {
	padding-right: 24px;
	display: inline-block;
	vertical-align: middle
}

#keepgrowLogin #formWrap .loginCheckBox li input[type=checkbox] {
	position: relative;
	top: -1px;
	margin: 0 6px 0 0;
	width: 20px !important;
	height: 20px !important;
	background-color: #eee !important;
	border-radius: 100% !important;
	-webkit-appearance: none !important
}

#keepgrowLogin #formWrap .loginCheckBox li input[type=checkbox]:checked {
	background-color: #fee500 !important;
	background-image: url() !important;
	background-size: 10px !important;
	background-position: 50% !important;
	background-repeat: no-repeat !important
}

#keepgrowLogin #formWrap .loginCheckBox li label {
	margin: 0;
	font-size: 12px
}

#keepgrowLogin #formWrap .loginBtn,
#keepgrowLogin #formWrap .nomemberLoginBtn,
#keepgrowLogin #memberLogin .redirectBtn {
	background: #31363d;
	font-size: 15px;
	color: #fff
}

#keepgrowLogin #formWrap .loginBtn {
	margin-top: 0
}

#keepgrowLogin #memberLogin .redirectBtn {
	margin-bottom: 30px
}

#keepgrowLogin #formWrap .nomemberBuyBtn {
	display: none;
	border: 1px solid #e1e1e1;
	font-size: 15px;
	color: #222
}

#keepgrowLogin .btn {
	margin-top: 10px;
	padding: 0;
	display: inline-block;
	width: 100%;
	height: 45px;
	line-height: 45px;
	border: 1px;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	cursor: pointer
}

#keepgrowLogin #formWrap .utilMenu {
	float: inherit;
	margin: 24px 0 0;
	width: 100%;
	font-size: 0;
	border: none
}

#keepgrowLogin #formWrap .utilMenu a {
	display: inline-block;
	margin-left: 12px;
	padding-left: 12px;
	border-left: 1px solid #e1e1e1;
	font-size: 12px;
	font-weight: lighter;
	color: #222
}

#keepgrowLogin #formWrap .utilMenu a:first-child {
	margin-left: 0;
	padding-left: 0;
	border-left: none
}

#keepgrowLogin #formWrap .utilMenu a.right {
	float: right;
	border-left: none
}

#keepgrowLogin #memberJoin .joinBtn {
	margin-top: -10px;
	color: #222
}




.xans-product-basketadd {
	z-index: 100;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 306px;
	margin-left: -153px;
	margin-top: -100px;
	border-radius: 5px;
	background: #fff;
	-webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.75);
}

.xans-product-basketadd h2 {
	padding: 0 14px;
	font-size: 13px;
	line-height: 36px;
	border-bottom: 1px solid #ccc;
	background: #f1f1f1;
	border-radius: 5px 5px 0 0;
}

.xans-product-basketadd .content {
	padding: 14px 14px 14px;
	text-align: center;
	line-height: 1.5em;
}

.xans-product-basketadd .btnArea {
	margin: 0;
	padding: 6px 14px 7px;
	border-top: 1px solid #ccc;
	border-radius: 0 0 5px 5px;
	background: #f1f1f1;
}

btnArea.type2 {
	padding: 0 3px;
}

.btnArea {
	max-width: 320px;
	margin: 10px auto;
	text-align: center;
	font-size: 0;
	line-height: 0;
	letter-spacing: -4px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top;
}

.btnArea.type2>a:nth-child(1),
.btnArea.type2>button:nth-child(1) {
	left: -3px;
}

.btnArea.type2>a,
.btnArea.type2>button {
	width: 50%;
	height: 34px;
	margin: 0;
	font-size: 13px;
	line-height: 34px;
}

.btnArea>a:first-child,
.btnArea>button:first-child {
	margin-left: 0;
}

.btnArea .btnSubmit {
	height: 36px;
	line-height: 36px;
	color: #fff;
	border: 1px solid #000000;
	background: #000000;
}

.btnArea>a,
.btnArea>span,
.btnArea>button {
	position: relative;
	display: inline-block;
	letter-spacing: 0;
	text-align: center;
	cursor: pointer;
	font-family: Verdana, "맑은 고딕", Malgun Gothic, "돋움", Dotum;
	font-weight: bold;
	border-radius: 2px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.btnArea .btnEm {
	height: 36px;
	line-height: 32px;
	border: 1px solid #d5d5d5;
	background: #fff;
}

/* ===================================================================
   상품 description 글자 크기 (PC)
   =================================================================== */
.ec-base-product .prdList .thumbnail .description {
	padding: 12px 5px !important;
}

.ec-base-product .prdList .thumbnail .description .name a span,
.ec-base-product .prdList .thumbnail .description strong.name a span {
	font-size: 16px !important;
	font-weight: 500 !important;
	color: #222 !important;
	line-height: 1.4 !important;
}

.ec-base-product .prdList .thumbnail .description .spec li span,
.ec-base-product .prdList .thumbnail .description ul.spec li span {
	font-size: 15px !important;
	font-weight: 700 !important;
	color: #111 !important;
}

/* sct_txt_wrap 기반 상품 (list.css 오버라이드) */
.ec-base-product .sct_txt_wrap {
	padding: 10px 5px 0 5px !important;
}

.ec-base-product .sct_txt_wrap .title {
	font-size: 16px !important;
	color: #222 !important;
	line-height: 1.4 !important;
}

.ec-base-product .sct_txt_wrap .fs-13 {
	font-size: 16px !important;
}

.ec-base-product .sct_txt_wrap .fs-12 {
	font-size: 15px !important;
}

.ec-base-product .sct_txt_wrap .fw-bold {
	font-weight: 700 !important;
	font-size: 15px !important;
}

.ec-base-product .prdList .thumbnail a>img {
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 4 / 5;
	object-fit: cover;
}

/* 공지사항 & 베스트후기 2컬럼 갤러리 */
.notice-gallery {
	padding: 40px 20px;
}

.notice-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.notice-grid-item {
	overflow: hidden;
}

.notice-grid-item .thumbnail {
	border-radius: 12px;
	overflow: hidden;
}

.notice-grid-item .thumbnail .prdImg {
	position: relative;
	width: 100%;
	padding-top: 100%;
	/* 1:1 정사각형 */
	overflow: hidden;
}

.notice-grid-item .thumbnail .prdImg a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
}

.notice-grid-item .thumbnail .prdImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

.notice-grid-item .description {
	padding: 15px 5px;
}

.notice-grid-item .description .name a {
	text-decoration: none;
}

.notice-grid-item .description .name a span {
	font-size: 13px;
	font-weight: 500;
	color: #333;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.notice-grid-item .description .spec {
	list-style: none;
	padding: 0;
	margin: 6px 0 0 0;
}

.notice-grid-item .description .spec li span {
	font-size: 12px;
	color: #777;
	line-height: 1.5;
}

/* 베스트후기 배너 (한 줄) */
.best-review-banner {
	width: 100%;
	margin-bottom: 20px;
	border-radius: 12px;
	overflow: hidden;
}

.best-review-banner img {
	width: 100%;
	height: auto;
	display: block;
}

@media (max-width: 768px) {
	.notice-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}

	.notice-grid-item .description {
		padding: 10px 3px;
	}

	.notice-grid-item .description .name a span {
		font-size: 12px;
	}
}

/* ===================================================================
   메인 공통 규격
   =================================================================== */
.home-main-section {
	--main-gutter: clamp(16px, 3.8vw, 25px);
	max-width: 1320px;
	margin: 0 auto;
	padding-left: var(--main-gutter);
	padding-right: var(--main-gutter);
}

.home-main-section + .home-main-section {
	margin-top: clamp(32px, 5vw, 56px);
}

.tnt_count_div {
	position: relative;
	display: flex;
	flex-flow: wrap;
	width: 100%;
	height: auto;
	justify-content: center;
	align-content: center;
	padding: 10px;
	margin-top: 20px;
}

.tnt_count_div a {
	text-decoration: none;
}

.tnt_count_div .tnt_btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	height: 42px;
	padding: 0 30px;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 600;
	color: #333;
	letter-spacing: 0.5px;
	transition: all 0.3s ease;
	background: transparent;
	border-radius: 999px;
}

.tnt_count_div .tnt_btn:hover {
	border-color: #C9A96E;
	color: #C9A96E;
	background: #111;
	color: #fff;
}

.tnt_count_div .tnt_count {
	color: #C9A96E;
	font-weight: 700;
	font-family: 'DM Sans', 'Pretendard', sans-serif;
	font-size: 14px;
	display: inline-flex;
	align-items: baseline;
}

/* ===================================================================
   구매후기/베스트후기 description 통일
   =================================================================== */
.review-swiper .description .name a span,
#main_review .description .name a span {
	font-size: 14px;
	font-weight: 500;
	color: #333;
}

.review-swiper .description,
#main_review .description {
	padding: 10px 5px;
}

.review-swiper .description .spec,
#main_review .description .spec {
	list-style: none;
	padding: 0;
	margin: 4px 0 0 0;
}

.review-swiper .description .spec li span,
#main_review .description .spec li span {
	font-size: 13px;
	color: #777;
	line-height: 1.4;
}

/* ===================================================================
   공통 sct_img / sct_txt (베스트후기 + 공지사항)
   =================================================================== */
.sct_img {
	overflow: hidden;
	border-radius: 12px;
}

.sct_img img {
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	display: block;
}

.sct_txt {
	padding: 8px 0;
}

.sct_txt p {
	font-size: 15px;
	color: #333;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin: 0;
}

.sct_txt .sct_subject {
	font-weight: 600;
	color: #111;
	margin-bottom: 4px;
	-webkit-line-clamp: 1;
	line-clamp: 1;
}

.sct_txt p+p {
	color: #777;
	font-size: 12px;
	margin-top: 4px;
}

.sct_txt a {
	text-decoration: none;
}

/* ===================================================================
   공지사항 통합 그리드 (PC/모바일 공통)
   =================================================================== */
.main-notice-wrap .main_notice_grid_list {
	list-style: none;
	padding: 0;
	margin: 10px 0;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.main-notice-wrap .main_notice_grid_list .sct_li {
	width: 100%;
	margin: 0;
	float: none;
	box-sizing: border-box;
	min-width: 0;
}

.main-notice-wrap .main_notice_grid_list.main_10 .sct_li {
	width: 100% !important;
	float: none !important;
}

.main-notice-wrap .main_notice_grid_list .sct_img {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1;
	margin: 0 0 10px;
}

.main-notice-wrap .main_notice_grid_list .sct_img a {
	display: block;
	width: 100%;
	height: 100%;
}

.main-notice-wrap .main_notice_grid_list .sct_img img {
	width: 100% !important;
	height: 100% !important;
	max-width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}

.main-notice-wrap .main_notice_grid_list .sct_txt {
	padding: 6px 2px;
}

.main-notice-wrap .main_notice_grid .sct_noitem {
	padding: 50px 0;
	text-align: center;
}

.main-notice-wrap .m_title .xi {
	vertical-align: middle;
	font-size: 14px;
}

/* ===================================================================
   DA Premium 스타일 - 리뷰 섹션 (배너 Swiper + 텍스트 Swiper 연동)
   =================================================================== */
.one_review_section {
	padding: 34px 0 0;
	overflow: hidden;
	text-align: left;
}

.one_review_section .titleArea h2 {
	width: 100%;
	display: block;
}

/* 배너 이미지 Swiper */
.one_review_section .one_review_banner {
	overflow: hidden;
	position: relative;
	max-width: 1040px;
	margin: 0 auto 10px;
}

.one_review_section .one_review_banner .swiper-slide {
	text-align: center;
	transition: transform .2s ease-in-out, opacity .2s ease-in-out;
	transform: scale(.9);
	opacity: 0.6;
}

.one_review_section .one_review_banner .swiper-slide.swiper-slide-active {
	transform: scale(1);
	opacity: 1;
}

.one_review_section .one_review_banner .swiper-slide .img {
	width: 100%;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	border-radius: 20px;
	margin: 0 auto;
}

.one_review_section .one_review_banner .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	border-radius: 20px;
}

.one_review_section .one_review_banner .swiper-slide video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	border-radius: 20px;
	background: #000;
	pointer-events: none;
	-webkit-user-drag: none;
	user-drag: none;
	-webkit-user-select: none;
	user-select: none;
}

.one_review_section .one_review_banner .swiper-slide .description {
	width: 100%;
	margin: 0 auto;
}

/* 텍스트 Swiper */
.one_review_section .one_review_text {
	overflow: hidden;
	position: relative;
}

.one_review_section .description {
	padding: 25px 0;
	letter-spacing: -1px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	text-align: left;
}

.one_review_section .description h2 {
	font-size: 22px;
	font-weight: 600;
	margin: 0;
}

.one_review_section .description p {
	font-size: 17px;
	font-weight: 300;
	margin: 0;
	line-height: 1.5;
}

/* 더보기 버튼 */
.one_review_section .ec-base-paginate.typeMoreview {
	text-align: center;
	padding: 20px 0 0;
}

.one_review_section .ec-base-paginate.typeMoreview .btnMore {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	box-sizing: border-box;
	height: 42px;
	padding: 0 40px;
	font-size: 14px;
	border: 1px solid #111;
	color: #333;
	text-decoration: none;
	letter-spacing: 1px;
	border-radius: 999px;
}

.one_review_section .ec-base-paginate.typeMoreview .btnMore:hover {
	background: #333;
	color: #fff;
}

.one_review_section .ec-base-paginate.typeMoreview .btnMore .tnt_count {
	color: #C9A96E;
	font-weight: 700;
	font-family: 'DM Sans', 'Pretendard', sans-serif;
	font-size: 14px;
	display: inline-flex;
	align-items: baseline;
}

.one_review_section .ec-base-paginate.typeMoreview .btnMore:hover .tnt_count {
	color: #f1d39a;
}

/* 반응형 */
@media all and (max-width: 1400px) {
	.one_review_section {
		padding: 40px 25px;
	}

	.one_review_section .description {
		padding: 18px 0 0;
		gap: 5px;
	}

	.one_review_section .description h2 {
		font-size: 19px;
	}

	.one_review_section .description p {
		font-size: 14px;
		text-align: justify;
		line-height: 1.4;
	}

	.one_review_section .description p br {
		display: none;
	}

	.one_review_section .ec-base-paginate.typeMoreview .btnMore {
		margin-top: 10px;
	}
}

@media all and (min-width: 901px) and (max-width: 1400px) {
	.one_review_section {
		padding-left: 0;
		padding-right: 0;
	}

	.one_review_section .one_review_banner {
		max-width: none;
	}
}

/* ============================================
   DA Premium 팝업 (#one_popup)
   ============================================ */
#one_popup {
	overflow: hidden;
	z-index: 99999999 !important;
	position: fixed;
	top: auto;
	bottom: 0px;
	left: 50%;
	width: 100% !important;
	max-width: 600px;
	margin: 0 !important;
	margin-left: -300px !important;
	padding: 0 !important;
	border: 0;
	height: auto;
	max-height: 70vh;
	transform: translateY(100%);
	transition: transform .45s ease-in-out;
	transition-delay: .05s;
}

#one_popup.active {
	transform: translateY(0px);
	transition-delay: .35s;
}

#one_popup img {
	width: 100% !important;
	max-width: 600px !important;
	border-radius: 20px 20px 0 0;
	cursor: pointer;
}

#one_popup .btn {
	display: block;
	vertical-align: middle;
	width: 100%;
	border: 0;
}

#one_popup .btn>* {
	display: flex;
	padding: 0 25px;
	align-items: center;
	justify-content: space-between;
}

#one_popup .btn li a {
	display: inline-block;
	color: #fff;
	text-align: center;
	line-height: 38px;
	font-size: 17px;
	font-weight: 500;
	border: 0 !important;
	font-family: 'Pretendard', sans-serif;
	background: none;
	cursor: pointer;
}

#one_popup .popup-content {
	background: #fff;
	margin: 0 auto;
	max-height: calc(70vh - 45px);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

#one_popup .popup-content img {
	border-radius: 20px 20px 0 0;
	display: block;
	height: auto;
	max-height: calc(70vh - 45px);
	object-fit: contain;
}

#one_popup .swiper-container {
	position: relative;
	flex: 1 1 auto;
	min-height: 0;
	max-height: calc(70vh - 45px);
}

#one_popup img,
.swiper-container img,
.swiper-slide img {
	-webkit-user-drag: none;
	user-drag: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#one_popup > ul {
	display: flex;
	flex-direction: column;
	max-height: 70vh;
}

#one_popup .swiper-wrapper,
#one_popup .swiper-slide {
	height: auto;
}

#one_popup .swiper-slide {
	max-height: calc(70vh - 45px);
	overflow: hidden;
}

#one_popup .swiper-pagination-fraction {
	display: flex;
	padding: 6px 22px;
	line-height: 1;
	color: #fff;
	background: #00000066;
	border-radius: 50px;
	width: auto;
	left: auto;
	right: 20px;
	bottom: 20px;
	align-items: center;
	justify-content: center;
	gap: 2px;
	font-weight: 300;
	height: 35px;
	min-width: 65px;
}

#one_popup .swiper-pagination-fraction * {
	font-size: 14px;
}

/* 팝업 배경 오버레이 */
body #one_mask3 {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 8;
	opacity: 0;
	visibility: hidden;
	transition: all .3s;
	background-color: #00000094;
	cursor: pointer;
}

body.popup #one_mask3 {
	opacity: 1;
	visibility: visible;
	z-index: 4;
	transition-delay: .05s;
}

/* 반응형 */
@media all and (max-width: 1400px) {
	#one_popup {
		bottom: 0;
		left: auto;
		margin: 0 auto !important;
		width: 100% !important;
		max-width: 600px;
	}
}

@media all and (max-width: 600px) {
	#one_popup {
		bottom: 0;
		left: 0%;
		width: 100% !important;
	}

	#one_popup .btn>* {
		padding: 0 16px;
	}

	#one_popup .btn li a {
		font-size: 16px;
		line-height: 45px;
	}

	#one_popup .swiper-pagination-fraction {
		padding: 0;
		font-size: 14px;
		height: 22px;
		min-width: 40px;
	}
}

/* Subpage Solid Header Overlay Rule & Spacing */
#wrap.wrap-subpage {
    padding-top: 115px;
}

/* Item View Spacing Updates */
.sit_ov_wr {
    padding: 0 15px;
}
#sit_inf_explan,
#itemuse,
#itemqa,
#sit_dvr {
    padding: 0 15px 30px 15px;
}
/* Ensure images fill exactly within the padded container without stretching past it */
#sit_inf_explan img,
#sit_inf_explan iframe {
    margin: 0 auto !important;
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    display: block;
}

.header-subpage {
    background: #fff !important;
	border-bottom: 1px solid #f2f2f2 !important;
}

.header-subpage>ul {
	background: #fff !important;
}

.header-subpage h1 a,
.header-subpage h1 a * {
	color: #040922 !important;
	font-weight: 600 !important;
}

.header-subpage .color {
	display: block !important;
}

.header-subpage .white {
	display: none !important;
}

.header-subpage .btnMenu span {
	background: #040922 !important;
}

.header-subpage .hidden {
	display: block !important;
}

/* Product List Sort Menu Styling (xans-product-normalmenu) */
.xans-product-normalmenu {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 20px 15px 20px;
	font-size: 13px;
	color: #111;
}

.xans-product-normalmenu .total p {
	margin: 0;
	color: #555;
}

.xans-product-normalmenu .total strong {
	font-weight: bold;
	color: #111;
}

.xans-product-normalmenu .sort {
	display: flex;
	align-items: center;
}

.xans-product-normalmenu .sort select {
	border: 1px solid #e5e5e5;
	padding: 6px 25px 6px 12px;
	font-size: 12px;
	color: #555;
	background: #fff;
	outline: none;
	-webkit-appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath d='M0,0 L4,4 L8,0' fill='none' stroke='%23999' stroke-width='1.5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 10px center;
	height: 32px;
	border-radius: 0;
}