/* 축소하지 못했습니다. 축소되지 않은 콘텐츠를 반환합니다.
(5613,51): run-time error CSS1019: Unexpected token, found '{'
(5613,61): run-time error CSS1030: Expected identifier, found ' '
(5613,66): run-time error CSS1031: Expected selector, found ';'
(5613,66): run-time error CSS1025: Expected comma or open brace, found ';'
(5613,68): run-time error CSS1019: Unexpected token, found '}'
(5869,9): run-time error CSS1030: Expected identifier, found ' '
(5869,9): run-time error CSS1019: Unexpected token, found ' '
(8349,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8350,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8827,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8828,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9235,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9236,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9240,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9241,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9246,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9247,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9251,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9252,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9257,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9258,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9262,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9263,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9267,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9268,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9272,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9273,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9277,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9278,10): run-time error CSS1035: Expected colon, found '{'
(9282,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9283,10): run-time error CSS1035: Expected colon, found '{'
(9287,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9288,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9292,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9293,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9297,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9298,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9302,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9303,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9308,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9309,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9314,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9315,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9320,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9321,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9326,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9336,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9337,10): run-time error CSS1035: Expected colon, found '{'
(9342,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9343,10): run-time error CSS1035: Expected colon, found '{'
(9348,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9349,10): run-time error CSS1035: Expected colon, found '{'
(9353,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9354,10): run-time error CSS1035: Expected colon, found '{'
(9358,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9359,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9363,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9364,10): run-time error CSS1035: Expected colon, found '{'
(9368,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9369,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9374,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(9375,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9380,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9381,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9385,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9386,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9390,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9391,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9395,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9396,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9400,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9401,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9437,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9438,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9448,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9449,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9933,76): run-time error CSS1030: Expected identifier, found ' '
(9933,76): run-time error CSS1019: Unexpected token, found ' '
 */
/** DATE PICKER **/
.ui-datepicker { background: #fff; border: 1px solid #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.ui-datepicker { 
	z-index: 1000 !important; display: none; padding: 5px; margin-top: 1px; -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.1); 
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1); box-shadow: 1px 1px 2px rgba(0,0,0,0.1); 
}
.ui-datepicker-header { 
	position: relative; text-align: center; background: #ccc; padding: 5px; color: #333; font-weight: bold; border-bottom: 1px solid #ccc; 
}
.ui-datepicker-calendar { border-collapse: collapse; border: 1px solid #ccc; border-top: 0; background: #fff; }
.ui-datepicker-calendar thead th { font-weight: normal; font-size: 10px; text-transform: uppercase; color: #666; }
.ui-datepicker-calendar thead th { background: url(../../images/thead.png) repeat-x top left; border-bottom: 1px solid #ccc; }
.ui-datepicker-calendar td { border-left: 1px solid #ccc; border-top: 1px solid #ccc; text-align: right; }
.ui-datepicker-calendar td { padding: 1px; background: #fff; }
.ui-datepicker-calendar td a { display: block; padding: 2px 8px; color: #666; text-shadow: 1px 1px #f7f7f7; }
.ui-datepicker-calendar td a:hover { background: #ccc; text-decoration: none; color: #333; }
.ui-datepicker-calendar td:first-child { border-left: 1px solid #ccc; }
.ui-datepicker-prev, .ui-datepicker-next { display: inline-block; width: 14px; height: 14px; }
.ui-datepicker-prev span, .ui-datepicker-next span { display: none; }
.ui-datepicker-prev { cursor: pointer; position: absolute; top: 5px; left: 5px; background: url(../../images/calarrow.png) no-repeat 3px -39px; }
.ui-datepicker-next { cursor: pointer; position: absolute; top: 5px; right: 5px; background: url(../../images/calarrow.png) no-repeat 3px 1px; }

.ui-datepicker-inline { padding: 0; background: #fff; }
.ui-datepicker-inline .ui-datepicker-calendar { width: 100%; border: 0; }
.ui-datepicker-inline .ui-datepicker-calendar td { border-left: 1px solid #ddd; border-top: 1px solid #ddd; text-align: right; }
.ui-datepicker-inline .ui-datepicker-header { 
	position: relative; text-align: center; padding: 5px; background: #eee; color: #333; border-bottom: 1px solid #ddd; 
	font-weight: bold; 
}
.ui-datepicker-inline .ui-datepicker-calendar thead th { 
	font-weight: normal; font-size: 10px; text-transform: uppercase; color: #666; font-weight: bold; 
	background: url(../../images/titlebg.png) repeat-x top left; border-bottom: 1px solid #ccc;
}
.ui-datepicker-calendar td.ui-datepicker-today a { background: #FB9337; color: #fff; text-shadow: none; }

/** TABS **/
/*.ui-tabs { 
	border: 1px solid #ddd; background: #fcfcfc; overflow: hidden; 
	line-height: 21px;
}
.ui-tabs-nav { list-style: none; background: #eee url(../../images/thead.png) repeat-x top left; border-bottom: 1px solid #ddd; }
.ui-tabs-nav { position: relative; height: 41px; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }
.ui-tabs-nav li { display: inline-block; float: left; }
.ui-tabs-nav li:first-child a { -moz-border-radius: 3px 0 0 0; -webkit-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0; }
.ui-tabs-nav li a { 
	display: block; padding: 10px 20px; font-weight: bold; background: #eee url(../../images/titlebg.png) repeat-x top left; color: #26A0DA; 
	border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; 
}
.ui-tabs-nav li a:hover { text-decoration: none; background: #ddd; }
.ui-tabs-nav li.ui-state-active a { background: #fff; color: #26A0DA; border-bottom: 1px solid #fff; }
.ui-tabs-hide { display: none; }
.ui-tabs-panel { padding: 15px; background: #fff; }
.ui-tabs-panel ul { margin: 10px; }
.ui-tabs-panel ul li { padding-left: 10px; }

.widgetbox .ui-tabs { border: 1px solid #ddd; }
.widgetbox .ui-tabs-nav { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; height: 41px; }
.widgetbox .ui-tabs-nav li a { padding: 10px 15px; }*/

/*
.tabs2 { border: 0; }
.tabs2 .ui-tabs-nav { padding: 5px 0 0 5px; border: 1px solid #6082AD; background: #688AB5 url(../../images/titlebg.png) repeat-x top left; }
.tabs2 .ui-tabs-nav li:last-child a { -moz-border-radius: 0 3px 0 0; -webkit-border-radius: 0 3px 0 0; border-radius: 0 3px 0 0; }
.tabs2 .ui-tabs-panel { border: 1px solid #ccc; border-top: 0; }
.tabs2 .ui-tabs-nav li a { background: #a8c0df; border: 0; color: #fff; margin-right: 1px; }
.tabs2 .ui-tabs-nav li.ui-state-active a { background: #fcfcfc; color: #688AB5; border-bottom: 1px solid #fcfcfc; }
*/

/** ACCORDION **/
.accordion { border: 1px solid #eee; background: #fff; overflow: hidden; box-shadow: 0 1px 3px rgba(0,0,0,.0),0 1px 3px rgba(0,0,0,.24); padding:20px;}
.ui-accordion-header { background: #fff; border-top: 1px solid #eee; position: relative; }
.ui-accordion-header { font-size: 16px;  line-height:20px; text-transform: uppercase; font-weight: normal; cursor: pointer; }
.ui-accordion-header:first-child { border-top: 0; }
.ui-accordion-header a { color: #333; padding: 10px; display: block; line-height:50px;}
.ui-accordion-header a:hover { color: #000; text-decoration: none; }
.ui-accordion-content { padding: 20px 25px; border-top: 1px solid #eee; color: #999; overflow: hidden; background: #fff; font-size:16px; line-height:20px;}
.ui-accordion-header .ui-icon { 
	position: absolute; display: inline-block; background: url(../../images/accordinarrow.png) no-repeat 0 0; top: 28px; 
	right: 10px; width: 10px; height: 10px; 
}
.ui-state-active { background: #fff;  border-color: #eee}
.ui-state-active a { color: #000; text-shadow: none; }
.ui-state-active .ui-icon { background-position: 0 10px; display:none;}


/** SLIDER **/
/*.ui-slider { border: 1px solid #bbb; background: #ccc; position: relative; margin: 10px 0; }
.ui-slider { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.ui-slider a { display: inline-block; z-index: 2; }
.ui-slider-range { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.ui-slider-horizontal { display: block; height: 2px; }
.ui-slider-horizontal a { 
	position: absolute; top: -5px; width: 17px; height: 14px; background: url(../../images/sliderhor.png) 0 0;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
}
.ui-slider-horizontal a.ui-slider-handle { margin-left: -8px; }
.ui-slider-horizontal a:hover, .ui-slider-horizontal a.ui-state-active { 
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3); box-shadow: 0 0 3px rgba(0,0,0,0.3); }
.ui-slider-horizontal .ui-slider-range { background: #FB9337; height: 3px; position: absolute; }
.ui-slider-horizontal .ui-slider-range { 
	 -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); 
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
}
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: 2px; margin: 10px 0 2px 0; padding-top: 10px;}
.ui-slider-vertical a { position: absolute; left: -3px; }
.ui-slider-vertical a { 
	width: 14px; height: 17px; position: absolute; left: -6px; background: url(../../images/sliderver.png) 0 0; -moz-border-radius: 2px; 
	-webkit-border-radius: 2px; border-radius: 2px;  
}
.ui-slider-vertical a:hover, .ui-slider-vertical a.ui-state-active {
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3); box-shadow: 0 0 3px rgba(0,0,0,0.3); }
.ui-slider-vertical a.ui-slider-handle { margin-bottom: -8px; }

.ui-slider-vertical .ui-slider-range { background: #FB9337; width: 4px; position: absolute; left: -1px; }
.ui-slider-vertical .ui-slider-range { 
	-moz-box-shadow: inset 1px 0 1px rgba(0,0,0,0.3); -webkit-box-shadow: inset 1px 0 1px rgba(0,0,0,0.3); 
	box-shadow: inset 1px 0 1px rgba(0,0,0,0.3); 
}
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { right: 0; }*/

.ui-spinner {position: relative; border: 0px solid white;top:-1px; }
.ui-spinner-buttons {position: absolute;}
.ui-spinner-button {
	overflow: hidden; border: 1px solid #ccc; border-left: 0;  cursor: pointer;
    padding:5px;line-height:14px;background:#f0f0f0;
}

/**DIALOG**/
.ui-dialog { background: url(../../images/blacktrans.png); padding: 5px; }
.ui-dialog { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position: relative; }
.ui-dialog-titlebar { padding: 8px 10px; color: #fff; background: #eee url(../../images/thead.png) repeat-x top left; border-bottom: 1px solid #ccc; }
.ui-dialog-content { background: #fff; padding: 10px; }
.ui-dialog-titlebar { color: #069; font-weight:  bold; }
.ui-dialog-titlebar-close { position: absolute; top: 12px; right: 15px; font-size: 11px; font-weight: normal; color: #666; }
.ui-dialog-titlebar-close:hover { text-decoration: none; color: #333; }

.ui-dialog .wysiwyg legend { position: absolute; top: 13px; left: 15px; font-size: 11px; text-transform: uppercase; }
.ui-dialog .wysiwyg p { margin: 8px 0; }
.ui-dialog .wysiwyg input.submit { 
	background: url(../../images/buttonbg3.png) repeat-x top left; border: 1px solid #314a78; padding: 5px 10px; color: #fff; font-size: 11px; 
}
.ui-dialog .wysiwyg input.reset { 
	padding: 5px 10px; background: url(../../images/thead.png) repeat-x top left; border: 1px solid #bbb; color: #333; font-size: 11px; 
}
.ui-dialog .wysiwyg label { float: left; width: 100px; }


html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary { display: block; }
audio,
canvas,
progress,
video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden],
template { display: none; }
a { background-color: transparent; }
a:active,
a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b,
strong { font-weight: bold; }
dfn { font-style: italic; }
h1 { font-size: 2em; margin: 0.67em 0; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub,
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }
hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto; }
code,
kbd,
pre,
samp { font-family: monospace, monospace; font-size: 1em; }
button,
input,
optgroup,
select,
textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button,
select { text-transform: none; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled],
html input[disabled] { cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"],
input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
td,
th { padding: 0; }
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
    *,
    *:before,
    *:after { background: transparent !important; color: #000 !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    a[href^="#"]:after,
    a[href^="javascript:"]:after { content: ""; }
    pre,
    blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; }
    tr,
    img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    p,
    h2,
    h3 { orphans: 3; widows: 3; }
    h2,
    h3 { page-break-after: avoid; }
    .navbar { display: none; }
    .btn > .caret,
    .dropup > .btn > .caret { border-top-color: #000 !important; }
    .label { border: 1px solid #000; }
    .table { border-collapse: collapse !important; }
    .table td,
    .table th { background-color: #fff !important; }
    .table-bordered th,
    .table-bordered td { border: 1px solid #ddd !important; }
}

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before,
*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

figure { margin: 0; }
img { vertical-align: middle; }
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; }
.img-rounded { border-radius: 6px; }
.img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; }
.img-circle { border-radius: 50%; }
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; }
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.sr-only-focusable:active,
.sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; }
[role="button"] { cursor: pointer; }
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; }
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small { font-weight: normal; line-height: 1; color: #777777; }
h1,
.h1,
h2,
.h2,
h3,
.h3 { margin-top: 20px; margin-bottom: 10px; }
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small { font-size: 65%; }
h4,
.h4,
h5,
.h5,
h6,
.h6 { margin-top: 10px; margin-bottom: 10px; }
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small { font-size: 75%; }
h1,
.h1 { font-size: 36px; }
h2,
.h2 { font-size: 30px; }
h3,
.h3 { font-size: 24px; }
h4,
.h4 { font-size: 18px; }
h5,
.h5 { font-size: 14px; }
h6,
.h6 { font-size: 12px; }
p { margin: 0 0 10px; }
.lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; }

@media (min-width: 768px) {
    .lead { font-size: 21px; }
}

small,
.small { font-size: 85%; }
mark,
.mark { background-color: #fcf8e3; padding: .2em; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }
.text-nowrap { white-space: nowrap; }
.text-lowercase { text-transform: lowercase; }
.text-uppercase { text-transform: uppercase; }
.text-capitalize { text-transform: capitalize; }
.text-muted { color: #777777; }
.text-primary { color: #337ab7; }
a.text-primary:hover,
a.text-primary:focus { color: #286090; }
.text-success { color: #3c763d; }
a.text-success:hover,
a.text-success:focus { color: #2b542c; }
.text-info { color: #31708f; }
a.text-info:hover,
a.text-info:focus { color: #245269; }
.text-warning { color: #8a6d3b; }
a.text-warning:hover,
a.text-warning:focus { color: #66512c; }
.text-danger { color: #a94442; }
a.text-danger:hover,
a.text-danger:focus { color: #843534; }
.bg-primary { color: #fff; background-color: #337ab7; }
a.bg-primary:hover,
a.bg-primary:focus { background-color: #286090; }
.bg-success { background-color: #dff0d8; }
a.bg-success:hover,
a.bg-success:focus { background-color: #c1e2b3; }
.bg-info { background-color: #d9edf7; }
a.bg-info:hover,
a.bg-info:focus { background-color: #afd9ee; }
.bg-warning { background-color: #fcf8e3; }
a.bg-warning:hover,
a.bg-warning:focus { background-color: #f7ecb5; }
.bg-danger { background-color: #f2dede; }
a.bg-danger:hover,
a.bg-danger:focus { background-color: #e4b9b9; }
.page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; }
ul,
ol { margin-top: 0; margin-bottom: 10px; }
ul ul,
ol ul,
ul ol,
ol ol { margin-bottom: 0; }
.list-unstyled { padding-left: 0; list-style: none; }
.list-inline { padding-left: 0; list-style: none; margin-left: -5px; }
.list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; }
dl { margin-top: 0; margin-bottom: 20px; }
dt,
dd { line-height: 1.42857143; }
dt { font-weight: bold; }
dd { margin-left: 0; }

@media (min-width: 768px) {
    .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .dl-horizontal dd { margin-left: 180px; }
}

abbr[title],
abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777777; }
.initialism { font-size: 90%; text-transform: uppercase; }
blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eeeeee; }
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child { margin-bottom: 0; }
blockquote footer,
blockquote small,
blockquote .small { display: block; font-size: 80%; line-height: 1.42857143; color: #777777; }
blockquote footer:before,
blockquote small:before,
blockquote .small:before { content: '\2014 \00A0'; }
.blockquote-reverse,
blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; text-align: right; }
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before { content: ''; }
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after { content: '\00A0 \2014'; }
address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143; }
code,
kbd,
pre,
samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }
code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; }
kbd { padding: 2px 4px; font-size: 90%; color: #ffffff; background-color: #333333; border-radius: 3px; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }
kbd kbd { padding: 0; font-size: 100%; font-weight: bold; -webkit-box-shadow: none; box-shadow: none; }
pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; word-break: break-all; word-wrap: break-word; color: #333333; background-color: #f5f5f5; border: 1px solid #cccccc; border-radius: 4px; }
pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; }
.pre-scrollable { max-height: 340px; overflow-y: scroll; }
.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }

@media (min-width: 768px) {
    .container { width: 750px; }
}

@media (min-width: 992px) {
    .container { width: 970px; }
}

@media (min-width: 1200px) {
    .container { width: 1170px; }
}

.container-fluid { margin-right: auto; margin-left: auto; /*padding-left: 5px; padding-right: 5px;*/ }
.row { margin-left: -15px; margin-right: -15px; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }
.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-7 { width: 58.33333333%; }
.col-xs-6 { width: 50%; }
.col-xs-5 { width: 41.66666667%; }
.col-xs-4 { width: 33.33333333%; }
.col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-1 { width: 8.33333333%; }
.col-xs-pull-12 { right: 100%; }
.col-xs-pull-11 { right: 91.66666667%; }
.col-xs-pull-10 { right: 83.33333333%; }
.col-xs-pull-9 { right: 75%; }
.col-xs-pull-8 { right: 66.66666667%; }
.col-xs-pull-7 { right: 58.33333333%; }
.col-xs-pull-6 { right: 50%; }
.col-xs-pull-5 { right: 41.66666667%; }
.col-xs-pull-4 { right: 33.33333333%; }
.col-xs-pull-3 { right: 25%; }
.col-xs-pull-2 { right: 16.66666667%; }
.col-xs-pull-1 { right: 8.33333333%; }
.col-xs-pull-0 { right: auto; }
.col-xs-push-12 { left: 100%; }
.col-xs-push-11 { left: 91.66666667%; }
.col-xs-push-10 { left: 83.33333333%; }
.col-xs-push-9 { left: 75%; }
.col-xs-push-8 { left: 66.66666667%; }
.col-xs-push-7 { left: 58.33333333%; }
.col-xs-push-6 { left: 50%; }
.col-xs-push-5 { left: 41.66666667%; }
.col-xs-push-4 { left: 33.33333333%; }
.col-xs-push-3 { left: 25%; }
.col-xs-push-2 { left: 16.66666667%; }
.col-xs-push-1 { left: 8.33333333%; }
.col-xs-push-0 { left: auto; }
.col-xs-offset-12 { margin-left: 100%; }
.col-xs-offset-11 { margin-left: 91.66666667%; }
.col-xs-offset-10 { margin-left: 83.33333333%; }
.col-xs-offset-9 { margin-left: 75%; }
.col-xs-offset-8 { margin-left: 66.66666667%; }
.col-xs-offset-7 { margin-left: 58.33333333%; }
.col-xs-offset-6 { margin-left: 50%; }
.col-xs-offset-5 { margin-left: 41.66666667%; }
.col-xs-offset-4 { margin-left: 33.33333333%; }
.col-xs-offset-3 { margin-left: 25%; }
.col-xs-offset-2 { margin-left: 16.66666667%; }
.col-xs-offset-1 { margin-left: 8.33333333%; }
.col-xs-offset-0 { margin-left: 0%; }

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
    .col-sm-12 { width: 100%; }
    .col-sm-11 { width: 91.66666667%; }
    .col-sm-10 { width: 83.33333333%; }
    .col-sm-9 { width: 75%; }
    .col-sm-8 { width: 66.66666667%; }
    .col-sm-7 { width: 58.33333333%; }
    .col-sm-6 { width: 50%; }
    .col-sm-5 { width: 41.66666667%; }
    .col-sm-4 { width: 33.33333333%; }
    .col-sm-3 { width: 25%; }
    .col-sm-2 { width: 16.66666667%; }
    .col-sm-1 { width: 8.33333333%; }
    .col-sm-pull-12 { right: 100%; }
    .col-sm-pull-11 { right: 91.66666667%; }
    .col-sm-pull-10 { right: 83.33333333%; }
    .col-sm-pull-9 { right: 75%; }
    .col-sm-pull-8 { right: 66.66666667%; }
    .col-sm-pull-7 { right: 58.33333333%; }
    .col-sm-pull-6 { right: 50%; }
    .col-sm-pull-5 { right: 41.66666667%; }
    .col-sm-pull-4 { right: 33.33333333%; }
    .col-sm-pull-3 { right: 25%; }
    .col-sm-pull-2 { right: 16.66666667%; }
    .col-sm-pull-1 { right: 8.33333333%; }
    .col-sm-pull-0 { right: auto; }
    .col-sm-push-12 { left: 100%; }
    .col-sm-push-11 { left: 91.66666667%; }
    .col-sm-push-10 { left: 83.33333333%; }
    .col-sm-push-9 { left: 75%; }
    .col-sm-push-8 { left: 66.66666667%; }
    .col-sm-push-7 { left: 58.33333333%; }
    .col-sm-push-6 { left: 50%; }
    .col-sm-push-5 { left: 41.66666667%; }
    .col-sm-push-4 { left: 33.33333333%; }
    .col-sm-push-3 { left: 25%; }
    .col-sm-push-2 { left: 16.66666667%; }
    .col-sm-push-1 { left: 8.33333333%; }
    .col-sm-push-0 { left: auto; }
    .col-sm-offset-12 { margin-left: 100%; }
    .col-sm-offset-11 { margin-left: 91.66666667%; }
    .col-sm-offset-10 { margin-left: 83.33333333%; }
    .col-sm-offset-9 { margin-left: 75%; }
    .col-sm-offset-8 { margin-left: 66.66666667%; }
    .col-sm-offset-7 { margin-left: 58.33333333%; }
    .col-sm-offset-6 { margin-left: 50%; }
    .col-sm-offset-5 { margin-left: 41.66666667%; }
    .col-sm-offset-4 { margin-left: 33.33333333%; }
    .col-sm-offset-3 { margin-left: 25%; }
    .col-sm-offset-2 { margin-left: 16.66666667%; }
    .col-sm-offset-1 { margin-left: 8.33333333%; }
    .col-sm-offset-0 { margin-left: 0%; }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
    .col-md-12 { width: 100%; }
    .col-md-11 { width: 91.66666667%; }
    .col-md-10 { width: 83.33333333%; }
    .col-md-9 { width: 75%; }
    .col-md-8 { width: 66.66666667%; }
    .col-md-7 { width: 58.33333333%; }
    .col-md-6 { width: 50%; }
    .col-md-5 { width: 41.66666667%; }
    .col-md-4 { width: 33.33333333%; }
    .col-md-3 { width: 25%; }
    .col-md-2 { width: 16.66666667%; }
    .col-md-1 { width: 8.33333333%; }
    .col-md-pull-12 { right: 100%; }
    .col-md-pull-11 { right: 91.66666667%; }
    .col-md-pull-10 { right: 83.33333333%; }
    .col-md-pull-9 { right: 75%; }
    .col-md-pull-8 { right: 66.66666667%; }
    .col-md-pull-7 { right: 58.33333333%; }
    .col-md-pull-6 { right: 50%; }
    .col-md-pull-5 { right: 41.66666667%; }
    .col-md-pull-4 { right: 33.33333333%; }
    .col-md-pull-3 { right: 25%; }
    .col-md-pull-2 { right: 16.66666667%; }
    .col-md-pull-1 { right: 8.33333333%; }
    .col-md-pull-0 { right: auto; }
    .col-md-push-12 { left: 100%; }
    .col-md-push-11 { left: 91.66666667%; }
    .col-md-push-10 { left: 83.33333333%; }
    .col-md-push-9 { left: 75%; }
    .col-md-push-8 { left: 66.66666667%; }
    .col-md-push-7 { left: 58.33333333%; }
    .col-md-push-6 { left: 50%; }
    .col-md-push-5 { left: 41.66666667%; }
    .col-md-push-4 { left: 33.33333333%; }
    .col-md-push-3 { left: 25%; }
    .col-md-push-2 { left: 16.66666667%; }
    .col-md-push-1 { left: 8.33333333%; }
    .col-md-push-0 { left: auto; }
    .col-md-offset-12 { margin-left: 100%; }
    .col-md-offset-11 { margin-left: 91.66666667%; }
    .col-md-offset-10 { margin-left: 83.33333333%; }
    .col-md-offset-9 { margin-left: 75%; }
    .col-md-offset-8 { margin-left: 66.66666667%; }
    .col-md-offset-7 { margin-left: 58.33333333%; }
    .col-md-offset-6 { margin-left: 50%; }
    .col-md-offset-5 { margin-left: 41.66666667%; }
    .col-md-offset-4 { margin-left: 33.33333333%; }
    .col-md-offset-3 { margin-left: 25%; }
    .col-md-offset-2 { margin-left: 16.66666667%; }
    .col-md-offset-1 { margin-left: 8.33333333%; }
    .col-md-offset-0 { margin-left: 0%; }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
    .col-lg-12 { width: 100%; }
    .col-lg-11 { width: 91.66666667%; }
    .col-lg-10 { width: 83.33333333%; }
    .col-lg-9 { width: 75%; }
    .col-lg-8 { width: 66.66666667%; }
    .col-lg-7 { width: 58.33333333%; }
    .col-lg-6 { width: 50%; }
    .col-lg-5 { width: 41.66666667%; }
    .col-lg-4 { width: 33.33333333%; }
    .col-lg-3 { width: 25%; }
    .col-lg-2 { width: 16.66666667%; }
    .col-lg-1 { width: 8.33333333%; }
    .col-lg-pull-12 { right: 100%; }
    .col-lg-pull-11 { right: 91.66666667%; }
    .col-lg-pull-10 { right: 83.33333333%; }
    .col-lg-pull-9 { right: 75%; }
    .col-lg-pull-8 { right: 66.66666667%; }
    .col-lg-pull-7 { right: 58.33333333%; }
    .col-lg-pull-6 { right: 50%; }
    .col-lg-pull-5 { right: 41.66666667%; }
    .col-lg-pull-4 { right: 33.33333333%; }
    .col-lg-pull-3 { right: 25%; }
    .col-lg-pull-2 { right: 16.66666667%; }
    .col-lg-pull-1 { right: 8.33333333%; }
    .col-lg-pull-0 { right: auto; }
    .col-lg-push-12 { left: 100%; }
    .col-lg-push-11 { left: 91.66666667%; }
    .col-lg-push-10 { left: 83.33333333%; }
    .col-lg-push-9 { left: 75%; }
    .col-lg-push-8 { left: 66.66666667%; }
    .col-lg-push-7 { left: 58.33333333%; }
    .col-lg-push-6 { left: 50%; }
    .col-lg-push-5 { left: 41.66666667%; }
    .col-lg-push-4 { left: 33.33333333%; }
    .col-lg-push-3 { left: 25%; }
    .col-lg-push-2 { left: 16.66666667%; }
    .col-lg-push-1 { left: 8.33333333%; }
    .col-lg-push-0 { left: auto; }
    .col-lg-offset-12 { margin-left: 100%; }
    .col-lg-offset-11 { margin-left: 91.66666667%; }
    .col-lg-offset-10 { margin-left: 83.33333333%; }
    .col-lg-offset-9 { margin-left: 75%; }
    .col-lg-offset-8 { margin-left: 66.66666667%; }
    .col-lg-offset-7 { margin-left: 58.33333333%; }
    .col-lg-offset-6 { margin-left: 50%; }
    .col-lg-offset-5 { margin-left: 41.66666667%; }
    .col-lg-offset-4 { margin-left: 33.33333333%; }
    .col-lg-offset-3 { margin-left: 25%; }
    .col-lg-offset-2 { margin-left: 16.66666667%; }
    .col-lg-offset-1 { margin-left: 8.33333333%; }
    .col-lg-offset-0 { margin-left: 0%; }
}

table { background-color: transparent; }
caption { padding-top: 8px; padding-bottom: 8px; color: #777777; text-align: left; }
th { text-align: left; }
.table { width: 100%; max-width: 100%; margin-bottom: 20px; }
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #dddddd; }
.table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #dddddd; }
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td { border-top: 0; }
.table > tbody + tbody { border-top: 2px solid #dddddd; }
.table .table { background-color: #ffffff; }
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td { padding: 5px; }
.table-bordered { border: 1px solid #dddddd; }
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td { border: 1px solid #dddddd; }
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td { border-bottom-width: 2px; }
.table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; }
.table-hover > tbody > tr:hover { background-color: #f5f5f5; }
table col[class*="col-"] { position: static; float: none; display: table-column; }
table td[class*="col-"],
table th[class*="col-"] { position: static; float: none; display: table-cell; }
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th { background-color: #f5f5f5; }
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; }
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th { background-color: #dff0d8; }
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; }
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th { background-color: #d9edf7; }
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; }
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th { background-color: #fcf8e3; }
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; }
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th { background-color: #f2dede; }
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; }
.table-responsive { overflow-x: auto; min-height: 0.01%; }

@media screen and (max-width: 767px) {
    .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #dddddd; }
    .table-responsive > .table { margin-bottom: 0; }
    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td { white-space: nowrap; }
    .table-responsive > .table-bordered { border: 0; }
    .table-responsive > .table-bordered > thead > tr > th:first-child,
    .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .table-responsive > .table-bordered > thead > tr > td:first-child,
    .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; }
    .table-responsive > .table-bordered > thead > tr > th:last-child,
    .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .table-responsive > .table-bordered > thead > tr > td:last-child,
    .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; }
    .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; }
}

fieldset { padding: 0; margin: 0; border: 0; min-width: 0; }
legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; }
label { display: inline-block; max-width: 100%; margin-bottom: 5px; }
input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input[type="radio"],
input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; }
input[type="file"] { display: block; }
input[type="range"] { display: block; width: 100%; }
select[multiple],
select[size] { height: auto; }
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555555; }
.form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555555; background-color: #ffffff; background-image: none; border: 1px solid #ccc; /*border-radius: 4px;*/ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
/*.form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); }*/
.form-control::-moz-placeholder { color: #999999; opacity: 1; }
.form-control:-ms-input-placeholder { color: #999999; }
.form-control::-webkit-input-placeholder { color: #999999; }
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control { background-color: #eeeeee; opacity: 1; }
.form-control[disabled],
fieldset[disabled] .form-control { cursor: not-allowed; }
textarea.form-control { height: auto; }
input[type="search"] { -webkit-appearance: none; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"].form-control,
    input[type="time"].form-control,
    input[type="datetime-local"].form-control,
    input[type="month"].form-control { line-height: 34px; }
    input[type="date"].input-sm,
    input[type="time"].input-sm,
    input[type="datetime-local"].input-sm,
    input[type="month"].input-sm,
    .input-group-sm input[type="date"],
    .input-group-sm input[type="time"],
    .input-group-sm input[type="datetime-local"],
    .input-group-sm input[type="month"] { line-height: 30px; }
    input[type="date"].input-lg,
    input[type="time"].input-lg,
    input[type="datetime-local"].input-lg,
    input[type="month"].input-lg,
    .input-group-lg input[type="date"],
    .input-group-lg input[type="time"],
    .input-group-lg input[type="datetime-local"],
    .input-group-lg input[type="month"] { line-height: 46px; }
}

.form-group { margin-bottom: 15px; line-height: 49px; }
.radio,
.checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; }
.radio label,
.checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; }
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; }
.radio + .radio,
.checkbox + .checkbox { margin-top: -5px; }
.radio-inline,
.checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; }
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; }
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; }
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline { cursor: not-allowed; }
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label { cursor: not-allowed; }
.form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 34px; }
.form-control-static.input-lg,
.form-control-static.input-sm { padding-left: 0; padding-right: 0; }
.input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }
select.input-sm { height: 30px; line-height: 30px; }
textarea.input-sm,
select[multiple].input-sm { height: auto; }
.form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }
.form-group-sm select.form-control { height: 30px; line-height: 30px; }
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control { height: auto; }
.form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; }
.input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; }
select.input-lg { height: 46px; line-height: 46px; }
textarea.input-lg,
select[multiple].input-lg { height: auto; }
.form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; }
.form-group-lg select.form-control { height: 46px; line-height: 46px; }
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control { height: auto; }
.form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.3333333; }
.has-feedback { position: relative; }
.has-feedback .form-control { padding-right: 42.5px; }
.form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; }
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; }
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; }
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label { color: #3c763d; }
.has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }
.has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; }
.has-success .form-control-feedback { color: #3c763d; }
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label { color: #8a6d3b; }
.has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }
.has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; }
.has-warning .form-control-feedback { color: #8a6d3b; }
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label { color: #a94442; }
.has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }
.has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede; }
.has-error .form-control-feedback { color: #a94442; }
.has-feedback label ~ .form-control-feedback { top: 25px; }
.has-feedback label.sr-only ~ .form-control-feedback { top: 0; }
.help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; }

@media (min-width: 768px) {
    .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: top; }
    .form-inline .form-control { display: inline-block; width: auto; }
    .form-inline .form-control-static { display: inline-block; }
    .form-inline .input-group { display: inline-table; }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control { width: auto; }
    .form-inline .input-group > .form-control { width: 100%; }
    .form-inline .control-label { margin-bottom: 0; vertical-align: middle; }
    .form-inline .radio,
    .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; }
    .form-inline .radio label,
    .form-inline .checkbox label { padding-left: 0; }
    .form-inline .radio input[type="radio"],
    .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; }
    .form-inline .has-feedback .form-control-feedback { top: 0; }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; }
.form-horizontal .radio,
.form-horizontal .checkbox { min-height: 27px; }
.form-horizontal .form-group { margin-left: -15px; margin-right: -15px; }

@media (min-width: 768px) {
    .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; }
}

.form-horizontal .has-feedback .form-control-feedback { right: 15px; }

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label { padding-top: 14.333333px; font-size: 18px; }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; }
}

.btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 14px; }
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.btn:hover,
.btn:focus,
.btn.focus { color: #333333; text-decoration: none; }
.btn:active,
.btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.125); }
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; }
a.btn.disabled,
fieldset[disabled] a.btn { pointer-events: none; }
.btn-default { color: #333333; background-color: #ffffff; border-color: #cccccc; }
.btn-default:focus,
.btn-default.focus { color: #333333; background-color: #e6e6e6; border-color: #8c8c8c; }
.btn-default:hover { color: #333333; background-color: #e6e6e6; border-color: #adadad; }
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default { color: #333333; background-color: #e6e6e6; border-color: #adadad; }
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus { color: #333333; background-color: #d4d4d4; border-color: #8c8c8c; }
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default { background-image: none; }
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active { background-color: #ffffff; border-color: #cccccc; }
.btn-default .badge { color: #ffffff; background-color: #333333; }
.btn-primary { color: #ffffff; background-color: transparent; border-color: #ccc; color:#999; }
.btn-primary:focus,
.btn-primary.focus { color: #ffffff; background-color: #27a9e3; border-color: #1c9ed7; }
.btn-primary:hover { color: #444; /*background-color: #ddd;*/ border-color: #999; }
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary { color: #ffffff; background-color: #00bcd4; border-color: #00bcd4; }
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus { color: #ffffff; background-color: #00bcd4; border-color: #00bcd4; }
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary { background-image: none; }
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active { background-color: #000; border-color: #000; }
.btn-primary .badge { color: #337ab7; background-color: #ffffff; }
.btn-success { color: #ffffff; background-color: #5cb85c; border-color: #4cae4c; }
.btn-success:focus,
.btn-success.focus { color: #ffffff; background-color: #449d44; border-color: #255625; }
.btn-success:hover { color: #ffffff; background-color: #999; border-color: #999; }
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success { color: #ffffff; background-color: #449d44; border-color: #398439; }
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus { color: #ffffff; background-color: #398439; border-color: #255625; }
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success { background-image: none; }
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #4cae4c; }
.btn-success .badge { color: #5cb85c; background-color: #ffffff; }
.btn-info { color: #ffffff; background-color: #5bc0de; border-color: #46b8da; }
.btn-info:focus,
.btn-info.focus { color: #ffffff; background-color: #31b0d5; border-color: #1b6d85; }
.btn-info:hover { color: #ffffff; background-color: #31b0d5; border-color: #269abc; }
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info { color: #ffffff; background-color: #31b0d5; border-color: #269abc; }
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus { color: #ffffff; background-color: #269abc; border-color: #1b6d85; }
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info { background-image: none; }
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #46b8da; }
.btn-info .badge { color: #5bc0de; background-color: #ffffff; }
.btn-warning { color: #ffffff; background-color: #f0ad4e; border-color: #eea236; }
.btn-warning:focus,
.btn-warning.focus { color: #ffffff; background-color: #ec971f; border-color: #985f0d; }
.btn-warning:hover { color: #ffffff; background-color: #ec971f; border-color: #d58512; }
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning { color: #ffffff; background-color: #ec971f; border-color: #d58512; }
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus { color: #ffffff; background-color: #d58512; border-color: #985f0d; }
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning { background-image: none; }
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #eea236; }
.btn-warning .badge { color: #f0ad4e; background-color: #ffffff; }
.btn-danger { color: #ffffff; background-color: #d9534f; border-color: #d43f3a; }
.btn-danger:focus,
.btn-danger.focus { color: #ffffff; background-color: #c9302c; border-color: #761c19; }
.btn-danger:hover { color: #ffffff; background-color: #c9302c; border-color: #ac2925; }
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger { color: #ffffff; background-color: #c9302c; border-color: #ac2925; }
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus { color: #ffffff; background-color: #ac2925; border-color: #761c19; }
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger { background-image: none; }
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d43f3a; }
.btn-danger .badge { color: #d9534f; background-color: #ffffff; }
.btn-link { color: #337ab7; font-weight: normal; border-radius: 0; }
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; }
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active { border-color: transparent; }
.btn-link:hover,
.btn-link:focus { color: #23527c; text-decoration: underline; background-color: transparent; }
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; }
.btn-lg,
.btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; }
.btn-sm,
.btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }
.btn-xs,
.btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; }
.btn-block { display: block; width: 100%; }
.btn-block + .btn-block { margin-top: 5px; }
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block { width: 100%; }
.fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; }
.fade.in { opacity: 1; }
.collapse { display: none; }
.collapse.in { display: block; }
tr.collapse.in { display: table-row; }
tbody.collapse.in { display: table-row-group; }
.collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; -o-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; }
.caret { display: inline-block; width: 0; height: 0; margin-left: 4px; vertical-align: middle; border-top: 6px dashed; border-top: 6px solid \9; border-right: 6px solid transparent; border-left: 6px solid transparent; }
.dropup,
.dropdown { position: relative; height: 49px; border-right: 1px solid #ddd; }
.dropdown-toggle:focus { outline: 0; }
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #fff; border: 1px solid transparent; border-radius: 0; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -webkit-background-clip: padding-box; background-clip: padding-box; }
.dropdown-menu.pull-right { right: 0; left: auto; }
.dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; }
.dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333333; white-space: nowrap; }
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; }
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; outline: 0; background-color: #337ab7; }
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus { color: #777777; }
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; }
.open > .dropdown-menu { display: block; }
.open > a { outline: 0; }
.dropdown-menu-right { left: auto; right: 0; }
.dropdown-menu-left { left: 0; right: auto; }
.dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777777; white-space: nowrap; }
.dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; }
.pull-right > .dropdown-menu { right: 0; left: auto; }
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; content: ""; }
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; }


    .navbar-right .dropdown-menu { left: auto; right: 0; }
    .navbar-right .dropdown-menu-left { left: 0; right: auto; }


.btn-group,
.btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; }
.btn-group > .btn,
.btn-group-vertical > .btn { position: relative; float: left; }
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active { z-index: 2; }
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group { margin-left: -1px; }
.btn-toolbar { margin-left: -5px; }
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group { float: left; }
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group { margin-left: 5px; }
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; }
.btn-group > .btn:first-child { margin-left: 0; }
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; }
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; }
.btn-group > .btn-group { float: left; }
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; }
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; }
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; }
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle { outline: 0; }
.btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; }
.btn-group > .btn-lg + .dropdown-toggle { padding-left: 12px; padding-right: 12px; }
.btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
.btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; }
.btn .caret { margin-left: 0; }
.btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; }
.dropup .btn-lg .caret { border-width: 0 5px 5px; }
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; }
.btn-group-vertical > .btn-group > .btn { float: none; }
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; }
.btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; }
.btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 4px; border-top-right-radius: 0; border-top-left-radius: 0; }
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; }
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; }
.btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; }
.btn-group-justified > .btn,
.btn-group-justified > .btn-group { float: none; display: table-cell; width: 1%; }
.btn-group-justified > .btn-group .btn { width: 100%; }
.btn-group-justified > .btn-group .dropdown-menu { left: auto; }
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; }
.input-group { position: relative; display: table; border-collapse: separate; }
.input-group[class*="col-"] { float: none; padding-left: 0; padding-right: 0; }
.input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; }
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; }
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn { height: 46px; line-height: 46px; }
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn { height: auto; }
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px; }
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn { height: auto; }
.input-group-addon,
.input-group-btn,
.input-group .form-control { display: table-cell; }
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; }
.input-group-addon,
.input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; }
.input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555555; text-align: center; background-color: #eeeeee; border: 1px solid #cccccc; border-radius: 4px; }
.input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px; }
.input-group-addon.input-lg { padding: 10px 7px; font-size: 18px; border-radius: 6px; }
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] { margin-top: 0; }
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; }
.input-group-addon:first-child { border-right: 0; }
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; }
.input-group-addon:last-child { border-left: 0; }
.input-group-btn { position: relative; font-size: 0; white-space: nowrap; }
.input-group-btn > .btn { position: relative; }
.input-group-btn > .btn + .btn { margin-left: -1px; }
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active { z-index: 2; }
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group { margin-right: -1px; }
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; }
.nav { margin-bottom: 0; padding-left: 0; list-style: none; }
.nav > li { position: relative; display: block; }
.nav > li > a { position: relative; display: block; padding: 0 20px; }
.nav > li > a:hover,
.nav > li > a:focus { text-decoration: none; background-color: #eeeeee; }
.nav > li.disabled > a { color: #777777; }
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus { color: #777777; text-decoration: none; background-color: transparent; cursor: not-allowed; }
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus { background-color: #eeeeee; border-color: #337ab7; }
.nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; }
.nav > li > a > img { max-width: none; }
.nav-tabs { display: inline-block; font-size: 14px; }
.nav-tabs > li { float: left; margin-bottom: -1px; }
.nav-tabs > li > a { margin-right: 2px; border: 1px solid transparent; border-radius: 4px 4px 0 0; }
.nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #dddddd; }
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus { color: #555555; background-color: #ffffff; border: 1px solid #dddddd; border-bottom-color: transparent; cursor: default; }
.nav-tabs.nav-justified { width: 100%; border-bottom: 0; }
.nav-tabs.nav-justified > li { float: none; }
.nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px; }
.nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; }


    .nav-tabs.nav-justified > li { display: table-cell; width: 1%; }
    .nav-tabs.nav-justified > li > a { margin-bottom: 0; }


.nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; }
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus { border: 1px solid #dddddd; }


    .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #dddddd; border-radius: 4px 4px 0 0; }
    .nav-tabs.nav-justified > .active > a,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #ffffff; }


.nav-pills > li { float: left; }
.nav-pills > li > a { border-radius: 4px; }
.nav-pills > li + li { margin-left: 2px; }
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus { color: #ffffff; background-color: #337ab7; }
.nav-stacked > li { float: none; }
.nav-stacked > li + li { margin-top: 2px; margin-left: 0; }
.nav-justified { width: 100%; }
.nav-justified > li { float: none; }
.nav-justified > li > a { text-align: center; margin-bottom: 5px; }
.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; }


    .nav-justified > li { display: table-cell; width: 1%; }
    .nav-justified > li > a { margin-bottom: 0; }


.nav-tabs-justified { border-bottom: 0; }
.nav-tabs-justified > li > a { margin-right: 0; border-radius: 4px; }
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus { border: 1px solid #dddddd; }


    .nav-tabs-justified > li > a { border-bottom: 1px solid #dddddd; border-radius: 4px 4px 0 0; }
    .nav-tabs-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus { border-bottom-color: #ffffff; }


.tab-content > .tab-pane { display: none; }
.tab-content > .active { display: block; }
.nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; }
.navbar { position: relative; min-height: 40px; display: inline-block; font-size: 14px; }
.navbar.block { display: block; }



    .navbar-header { float: left; }


.navbar-collapse { overflow-x: visible; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; }
.navbar-collapse.in { overflow-y: auto; }


    .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none; }
    .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; }
    .navbar-collapse.in { overflow-y: visible; }
    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse { padding-left: 0; padding-right: 0; }


.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse { max-height: 340px; }



.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; }


    .container > .navbar-header,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; }


.navbar-static-top { z-index: 1000; border-width: 0 0 1px; }


    .navbar-static-top { border-radius: 0; }


.navbar-fixed-top,
.navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; }


    .navbar-fixed-top,
    .navbar-fixed-bottom { border-radius: 0; }


.navbar-fixed-top { top: 0; border-width: 0 0 1px; }
.navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; }
.navbar-brand { float: left; padding: 15px 15px; font-size: 18px; line-height: 20px; height: 50px; }
.navbar-brand:hover,
.navbar-brand:focus { text-decoration: none; }
.navbar-brand > img { display: block; }


    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand { margin-left: -15px; }


.navbar-toggle { position: relative; float: right; margin-right: 15px; padding: 9px 10px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; }
.navbar-toggle:focus { outline: 0; }
.navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; }
.navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; }


    .navbar-toggle { display: none; }


.navbar-nav { margin: 7.5px -15px; }
.navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; }




    .navbar-nav { float: left; margin: 0; }
    .navbar-nav > li { float: left; }
    .navbar-nav > li > a { padding-top: 14px; padding-bottom: 13px; }


.navbar-form { padding: 0 20px; line-height: 49px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); border-right: 1px solid #ddd; }


    .navbar-form .form-group { display: inline-block; margin-bottom: 0; }
    .navbar-form .form-control { display: inline-block; width: auto; }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form .navbar-form .form-control-static { display: inline-block; }
    .navbar-form .input-group { display: inline-table; vertical-align: middle; }
    .navbar-form .input-group .input-group-addon,
    .navbar-form .input-group .input-group-btn,
    .navbar-form .input-group .form-control { width: auto; }
    .navbar-form .input-group > .form-control { width: 100%; }
    .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; }
    .navbar-form .radio,
    .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; }
    .navbar-form .radio label,
    .navbar-form .checkbox label { padding-left: 0; }
    .navbar-form .radio input[type="radio"],
    .navbar-form .checkbox input[type="checkbox"] { position: relative; margin-left: 0; }
    .navbar-form .has-feedback .form-control-feedback { top: 0; }





    .navbar-form { width: auto; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none; }


.navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; }
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
.navbar-btn { margin-top: 8px; margin-bottom: 8px; }
.navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px; }
.navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; }
.navbar-text { margin-top: 15px; margin-bottom: 15px; }


    .navbar-text { float: left; margin-left: 15px; margin-right: 15px; }



    .navbar-left { float: left !important; }
    .navbar-right { float: right !important; margin-right: -15px; }
    .navbar-right ~ .navbar-right { margin-right: 0; }


.navbar-default { background-color: transparent; border-color: none; }
.navbar-default .navbar-brand { color: #777777; }
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; }
.navbar-default .navbar-text { color: #777777; }
.navbar-default .navbar-nav > li > a { color: #777777; }
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus { color: #333333; background-color: transparent; }
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus { color: #555555; background-color: #f0f0f0; }
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus { color: #cccccc; background-color: transparent; }
.navbar-default .navbar-toggle { border-color: #dddddd; }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: #dddddd; }
.navbar-default .navbar-toggle .icon-bar { background-color: #888888; }
.navbar-form { border-right: 1px solid #ddd; }
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus { background-color: #f0f0f0; color: #555555; }



.navbar-default .navbar-link { color: #777777; }
.navbar-default .navbar-link:hover { color: #333333; }
.navbar-default .btn-link { color: #777777; }
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus { color: #333333; }
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus { color: #cccccc; }
.navbar-inverse { background-color: #222222; border-color: #080808; }
.navbar-inverse .navbar-brand { color: #9d9d9d; }
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus { color: #ffffff; background-color: transparent; }
.navbar-inverse .navbar-text { color: #9d9d9d; }
.navbar-inverse .navbar-nav > li > a { color: #9d9d9d; }
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus { color: #ffffff; background-color: transparent; }
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus { color: #ffffff; background-color: #080808; }
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus { color: #444444; background-color: transparent; }
.navbar-inverse .navbar-toggle { border-color: #333333; }
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus { background-color: #333333; }
.navbar-inverse .navbar-toggle .icon-bar { background-color: #ffffff; }
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form { border-color: #101010; }
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus { background-color: #080808; color: #ffffff; }



.navbar-inverse .navbar-link { color: #9d9d9d; }
.navbar-inverse .navbar-link:hover { color: #ffffff; }
.navbar-inverse .btn-link { color: #9d9d9d; }
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus { color: #ffffff; }
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444444; }
.breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; }
.breadcrumb > li { display: inline-block; }
.breadcrumb > li + li:before { content: "/\00a0"; padding: 0 5px; color: #cccccc; }
.breadcrumb > .active { color: #777777; }
.pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; }
.pagination > li { display: inline; }
.pagination > li > a,
.pagination > li > span { position: relative; float: left; padding: 6px 12px; line-height: 1.42857143; text-decoration: none; color: #337ab7; background-color: #ffffff; border: 1px solid #dddddd; margin-left: -1px; }
.pagination > li:first-child > a,
.pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
.pagination > li:last-child > a,
.pagination > li:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px; }
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus { z-index: 3; color: #23527c; background-color: #eeeeee; border-color: #dddddd; }
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus { z-index: 2; color: #ffffff; background-color: #337ab7; border-color: #337ab7; cursor: default; }
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus { color: #777777; background-color: #ffffff; border-color: #dddddd; cursor: not-allowed; }
.pagination-lg > li > a,
.pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; }
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; }
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span { border-bottom-right-radius: 6px; border-top-right-radius: 6px; }
.pagination-sm > li > a,
.pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; }
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; }
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; }
.pager { padding-left: 0; margin: 20px 0; list-style: none; text-align: center; }
.pager li { display: inline; }
.pager li > a,
.pager li > span { display: inline-block; padding: 5px 14px; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 15px; }
.pager li > a:hover,
.pager li > a:focus { text-decoration: none; background-color: #eeeeee; }
.pager .next > a,
.pager .next > span { float: right; }
.pager .previous > a,
.pager .previous > span { float: left; }
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span { color: #777777; background-color: #ffffff; cursor: not-allowed; }
.label { display: inline; padding: .2em .6em .3em; line-height: 1; color: #ffffff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; }
a.label:hover,
a.label:focus { color: #ffffff; text-decoration: none; cursor: pointer; }
.label:empty { display: none; }
.btn .label { position: relative; top: -1px; }
.label-default { background-color: #777777; }
.label-default[href]:hover,
.label-default[href]:focus { background-color: #5e5e5e; }
.label-primary { background-color: #337ab7; }
.label-primary[href]:hover,
.label-primary[href]:focus { background-color: #286090; }
.label-success { background-color: #5cb85c; }
.label-success[href]:hover,
.label-success[href]:focus { background-color: #449d44; }
.label-info { background-color: #5bc0de; }
.label-info[href]:hover,
.label-info[href]:focus { background-color: #31b0d5; }
.label-warning { background-color: #f0ad4e; }
.label-warning[href]:hover,
.label-warning[href]:focus { background-color: #ec971f; }
.label-danger { background-color: #d9534f; }
.label-danger[href]:hover,
.label-danger[href]:focus { background-color: #c9302c; }
.badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; color: #ffffff; line-height: 1; vertical-align: middle; white-space: nowrap; text-align: center; background-color: #777777; border-radius: 10px; }
.badge:empty { display: none; }
.btn .badge { position: relative; top: -1px; }
.btn-xs .badge,
.btn-group-xs > .btn .badge { top: 0; padding: 1px 5px; }
a.badge:hover,
a.badge:focus { color: #ffffff; text-decoration: none; cursor: pointer; }
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge { color: #337ab7; background-color: #ffffff; }
.list-group-item > .badge { float: right; }
.list-group-item > .badge + .badge { margin-right: 5px; }
.nav-pills > li > a > .badge { margin-left: 3px; }
.jumbotron { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; color: inherit; background-color: #eeeeee; }
.jumbotron h1,
.jumbotron .h1 { color: inherit; }
.jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; }
.jumbotron > hr { border-top-color: #d5d5d5; }
.container .jumbotron,
.container-fluid .jumbotron { border-radius: 6px; }
.jumbotron .container { max-width: 100%; }

@media screen and (min-width: 768px) {
    .jumbotron { padding-top: 48px; padding-bottom: 48px; }
    .container .jumbotron,
    .container-fluid .jumbotron { padding-left: 60px; padding-right: 60px; }
    .jumbotron h1,
    .jumbotron .h1 { font-size: 63px; }
}

.thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: border 0.2s ease-in-out; -o-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out; }
.thumbnail > img,
.thumbnail a > img { margin-left: auto; margin-right: auto; }
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active { border-color: #337ab7; }
.thumbnail .caption { padding: 9px; color: #333333; }
.alert {margin-bottom: 0; box-shadow: 0 0 2px rgba(0,0,0,0.17), 0 0 2px rgba(0,0,0,0.20); font-size: 16px; line-height:64px;  height:64px;}
.alert button {line-height:30px;}
.alert h4 { margin-top: 0; color: inherit; }
.alert .alert-link { font-weight: bold; }
.alert > p,
.alert > ul { margin-bottom: 0; }
.alert > p + p { margin-top: 5px; }
.alert-dismissable,
.alert-dismissible { padding-right: 35px; }
.alert-dismissable .close,
.alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; }
.alert-success { background-color: #337ab7; border-color: #337ab7; color: #fff; text-align: center; }
.alert-success hr { border-top-color: #999; }
.alert-success .alert-link { color: #fff; }
.alert-info { background-color: #000; border-color: #000; color: #fff; }
.alert-info hr { border-top-color: #a6e1ec; }
.alert-info .alert-link { color: #fff; }
.alert-warning { background-color: #a94442; border-color: #a94442; color: #fff; }
.alert-warning hr { border-top-color: #f7e1b5; }
.alert-warning .alert-link { color: #fff; }
.alert-danger { background-color: #ff4e02; border-color: #ff4e02; color: #fff; }
.alert-danger hr { border-top-color: #e4b9c0; }
.alert-danger .alert-link { color: #fff; }


@-webkit-keyframes progress-bar-stripes {
    from { background-position: 40px 0; }
    to { background-position: 0 0; }
}

@-o-keyframes progress-bar-stripes {
    from { background-position: 40px 0; }
    to { background-position: 0 0; }
}

@keyframes progress-bar-stripes {
    from { background-position: 40px 0; }
    to { background-position: 0 0; }
}

.progress { overflow: hidden; height: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }
.progress-bar { float: left; width: 0%; height: 100%; font-size: 12px; line-height: 20px; color: #ffffff; text-align: center; background-color: #337ab7; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; }
.progress-striped .progress-bar,
.progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px; }
.progress.active .progress-bar,
.progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; }
.progress-bar-success { background-color: #5cb85c; }
.progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
.progress-bar-info { background-color: #5bc0de; }
.progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
.progress-bar-warning { background-color: #f0ad4e; }
.progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
.progress-bar-danger { background-color: #d9534f; }
.progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
.media { margin-top: 15px; }
.media:first-child { margin-top: 0; }
.media,
.media-body { zoom: 1; overflow: hidden; }
.media-body { width: 10000px; }
.media-object { display: block; }
.media-object.img-thumbnail { max-width: none; }
.media-right,
.media > .pull-right { padding-left: 10px; }
.media-left,
.media > .pull-left { padding-right: 10px; }
.media-left,
.media-right,
.media-body { display: table-cell; vertical-align: top; }
.media-middle { vertical-align: middle; }
.media-bottom { vertical-align: bottom; }
.media-heading { margin-top: 0; margin-bottom: 5px; }
.media-list { padding-left: 0; list-style: none; }
.list-group { margin-bottom: 20px; padding-left: 0; }
.list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #ffffff; border: 1px solid #dddddd; }
.list-group-item:first-child { border-top-right-radius: 4px; border-top-left-radius: 4px; }
.list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
a.list-group-item,
button.list-group-item { color: #555555; }
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading { color: #333333; }
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus { text-decoration: none; color: #555555; background-color: #f5f5f5; }
button.list-group-item { width: 100%; text-align: left; }
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus { background-color: #eeeeee; color: #777777; cursor: not-allowed; }
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading { color: inherit; }
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text { color: #777777; }
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus { z-index: 2; color: #ffffff; background-color: #337ab7; border-color: #337ab7; }
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small { color: inherit; }
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text { color: #c7ddef; }
.list-group-item-success { color: #3c763d; background-color: #dff0d8; }
a.list-group-item-success,
button.list-group-item-success { color: #3c763d; }
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading { color: inherit; }
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6; }
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus { color: #fff; background-color: #3c763d; border-color: #3c763d; }
.list-group-item-info { color: #31708f; background-color: #d9edf7; }
a.list-group-item-info,
button.list-group-item-info { color: #31708f; }
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading { color: inherit; }
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3; }
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus { color: #fff; background-color: #31708f; border-color: #31708f; }
.list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; }
a.list-group-item-warning,
button.list-group-item-warning { color: #8a6d3b; }
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading { color: inherit; }
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus { color: #8a6d3b; background-color: #faf2cc; }
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; }
.list-group-item-danger { color: #a94442; background-color: #f2dede; }
a.list-group-item-danger,
button.list-group-item-danger { color: #a94442; }
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading { color: inherit; }
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus { color: #a94442; background-color: #ebcccc; }
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus { color: #fff; background-color: #a94442; border-color: #a94442; }
.list-group-item-heading { margin-top: 0; margin-bottom: 5px; }
.list-group-item-text { margin-bottom: 0; line-height: 1.3; }
.panel { margin-bottom: 20px; background-color: #ffffff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }
.panel-body { padding: 15px; }
.panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; }
.panel-heading > .dropdown .dropdown-toggle { color: inherit; }
.panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; }
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a { color: inherit; }
.panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #dddddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
.panel > .list-group,
.panel > .panel-collapse > .list-group { margin-bottom: 0; }
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; }
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-right-radius: 3px; border-top-left-radius: 3px; }
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; }
.panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; }
.list-group + .panel-footer { border-top-width: 0; }
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table { margin-bottom: 0; }
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption { padding-left: 15px; padding-right: 15px; }
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child { border-top-right-radius: 3px; border-top-left-radius: 3px; }
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; }
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; }
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; }
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; }
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; }
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body { border-top: 1px solid #dddddd; }
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td { border-top: 0; }
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered { border: 0; }
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; }
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; }
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; }
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; }
.panel > .table-responsive { border: 0; margin-bottom: 0; }
.panel-group { margin-bottom: 20px; }
.panel-group .panel { margin-bottom: 0; border-radius: 4px; }
.panel-group .panel + .panel { margin-top: 5px; }
.panel-group .panel-heading { border-bottom: 0; }
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid #dddddd; }
.panel-group .panel-footer { border-top: 0; }
.panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #dddddd; }
.panel-default { border-color: #dddddd; }
.panel-default > .panel-heading { color: #333333; background-color: #f5f5f5; border-color: #dddddd; }
.panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #dddddd; }
.panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333333; }
.panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #dddddd; }
.panel-primary { border-color: #337ab7; }
.panel-primary > .panel-heading { color: #ffffff; background-color: #337ab7; border-color: #337ab7; }
.panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #337ab7; }
.panel-primary > .panel-heading .badge { color: #337ab7; background-color: #ffffff; }
.panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #337ab7; }
.panel-success { border-color: #d6e9c6; }
.panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; }
.panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; }
.panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; }
.panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; }
.panel-info { border-color: #bce8f1; }
.panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; }
.panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; }
.panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; }
.panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; }
.panel-warning { border-color: #faebcc; }
.panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; }
.panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; }
.panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; }
.panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; }
.panel-danger { border-color: #ebccd1; }
.panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; }
.panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; }
.panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; }
.panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; }
.embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; }
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; }
.embed-responsive-16by9 { padding-bottom: 56.25%; }
.embed-responsive-4by3 { padding-bottom: 75%; }
.well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
.well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); }
.well-lg { padding: 24px; border-radius: 6px; }
.well-sm { padding: 9px; border-radius: 3px; }
.close { float: right; font-size: 42px; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); }
.close:hover,
.close:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); }
button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; }
.modal-open { overflow: hidden; }
.modal { display: none; overflow: hidden; position: fixed; top: 150px; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; font-size: 14px; }
.modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; }
.modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
.modal-open .modal { overflow-x: hidden; overflow-y: auto; }
.modal-dialog { position: relative; width: auto; margin: 10px; }
.modal-content { position: relative; padding: 15px; background-color: #ffffff; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); -webkit-background-clip: padding-box; background-clip: padding-box; outline: 0; }
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; background-color: #000000; }
.modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); }
.modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); }
.modal-header { padding: 10px 0; min-height: 16.42857143px; color: #27a9e3; font-size: 15px; }
.modal-header .close { margin-top: -2px; }
.modal-title { margin: 0; }
.modal-body { position: relative; padding: 40px 0; }
.modal-footer { padding: 15px 0 0; text-align: center; border-top: 1px solid #e5e5e5; }
.modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; }
.modal-footer .btn-group .btn + .btn { margin-left: -1px; }
.modal-footer .btn-block + .btn-block { margin-left: 0; }
.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }

@media (min-width: 768px) {
    .modal-dialog { width: 600px; margin: 30px auto; }
    .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
    .modal-sm { width: 300px; }
}

@media (min-width: 992px) {
    .modal-lg { width: 900px; }
}

.tooltip { position: absolute; z-index: 1070; display: block; width: 400px; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 12px; opacity: 0; filter: alpha(opacity=0); }
.tooltip.in { opacity: 0.9; filter: alpha(opacity=90); }
.tooltip.top { margin-top: -3px; padding: 5px 0; }
.tooltip.right { margin-left: 3px; padding: 0 5px; }
.tooltip.bottom { margin-top: 3px; padding: 5px 0; }
.tooltip.left { margin-left: -3px; padding: 0 5px; }
.tooltip-inner { max-width: 200px; padding: 3px 8px; color: #ffffff; text-align: center; background-color: #000000; border-radius: 4px; }
.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }
.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000000; }
.tooltip.top-left .tooltip-arrow { bottom: 0; right: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000000; }
.tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000000; }
.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000000; }
.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000000; }
.tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; }
.tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; }
.tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; }
.popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-size: 12px; /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/ color: #337ab7; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 14px; background-color: #ffffff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
.popover.top { margin-top: -10px; }
.popover.right { margin-left: 10px; }
.popover.bottom { margin-top: 10px; }
.popover.left { margin-left: -10px; }
.popover-title { margin: 0; padding: 8px 14px; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; }
.popover-content { padding: 9px 14px; }
.popover > .arrow,
.popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; }
.popover > .arrow { border-width: 11px; }
.popover > .arrow:after { border-width: 10px; content: ""; }
.popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; }
.popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #ffffff; }
.popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); }
.popover.right > .arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #ffffff; }
.popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; }
.popover.bottom > .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #ffffff; }
.popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); }
.popover.left > .arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #ffffff; bottom: -10px; }
.carousel { position: relative; }
.carousel-inner { position: relative; overflow: hidden; width: 100%; }
.carousel-inner > .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; }
.carousel-inner > .item > img,
.carousel-inner > .item > a > img { line-height: 1; }

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner > .item { -webkit-transition: -webkit-transform 0.6s ease-in-out; -o-transition: -o-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; }
    .carousel-inner > .item.next,
    .carousel-inner > .item.active.right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); left: 0; }
    .carousel-inner > .item.prev,
    .carousel-inner > .item.active.left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0; }
    .carousel-inner > .item.next.left,
    .carousel-inner > .item.prev.right,
    .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; }
}

.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev { display: block; }
.carousel-inner > .active { left: 0; }
.carousel-inner > .next,
.carousel-inner > .prev { position: absolute; top: 0; width: 100%; }
.carousel-inner > .next { left: 100%; }
.carousel-inner > .prev { left: -100%; }
.carousel-inner > .next.left,
.carousel-inner > .prev.right { left: 0; }
.carousel-inner > .active.left { left: -100%; }
.carousel-inner > .active.right { left: 100%; }
.carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 15%; opacity: 0.5; filter: alpha(opacity=50); font-size: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
.carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }
.carousel-control.right { left: auto; right: 0; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); }
.carousel-control:hover,
.carousel-control:focus { outline: 0; color: #ffffff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); }
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; margin-top: -10px; z-index: 5; display: inline-block; }
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; }
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; }
.carousel-control .icon-prev,
.carousel-control .icon-next { width: 20px; height: 20px; line-height: 1; }
.carousel-control .icon-prev:before { content: '\2039'; }
.carousel-control .icon-next:before { content: '\203a'; }
.carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; }
.carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #ffffff; border-radius: 10px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); }
.carousel-indicators .active { margin: 0; width: 12px; height: 12px; background-color: #ffffff; }
.carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
.carousel-caption .btn { text-shadow: none; }

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; font-size: 30px; }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev { margin-left: -15px; }
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next { margin-right: -15px; }
    .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; }
    .carousel-indicators { bottom: 20px; }
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after { content: " "; display: table; }
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after { clear: both; }
.center-block { display: block; margin-left: auto; margin-right: auto; }
.pull-right { float: right !important; }
.pull-left { float: left !important; }
.hide { display: none !important; }
.show { display: block !important; }
.invisible { visibility: hidden; }
.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.hidden { display: none !important; }
.affix { position: fixed; }
@-ms-viewport { width: device-width; }
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg { display: none !important; }
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block { display: none !important; }

@media (max-width: 767px) {
    .visible-xs { display: block !important; }
    table.visible-xs { display: table !important; }
    tr.visible-xs { display: table-row !important; }
    th.visible-xs,
    td.visible-xs { display: table-cell !important; }
}

@media (max-width: 767px) {
    .visible-xs-block { display: block !important; }
}

@media (max-width: 767px) {
    .visible-xs-inline { display: inline !important; }
}

@media (max-width: 767px) {
    .visible-xs-inline-block { display: inline-block !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm { display: block !important; }
    table.visible-sm { display: table !important; }
    tr.visible-sm { display: table-row !important; }
    th.visible-sm,
    td.visible-sm { display: table-cell !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block { display: block !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline { display: inline !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block { display: inline-block !important; }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md { display: block !important; }
    table.visible-md { display: table !important; }
    tr.visible-md { display: table-row !important; }
    th.visible-md,
    td.visible-md { display: table-cell !important; }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block { display: block !important; }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline { display: inline !important; }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block { display: inline-block !important; }
}

@media (min-width: 1200px) {
    .visible-lg { display: block !important; }
    table.visible-lg { display: table !important; }
    tr.visible-lg { display: table-row !important; }
    th.visible-lg,
    td.visible-lg { display: table-cell !important; }
}

@media (min-width: 1200px) {
    .visible-lg-block { display: block !important; }
}

@media (min-width: 1200px) {
    .visible-lg-inline { display: inline !important; }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block { display: inline-block !important; }
}

@media (max-width: 767px) {
    .hidden-xs { display: none !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm { display: none !important; }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md { display: none !important; }
}

@media (min-width: 1200px) {
    .hidden-lg { display: none !important; }
}

.visible-print { display: none !important; }

@media print {
    .visible-print { display: block !important; }
    table.visible-print { display: table !important; }
    tr.visible-print { display: table-row !important; }
    th.visible-print,
    td.visible-print { display: table-cell !important; }
}

.visible-print-block { display: none !important; }

@media print {
    .visible-print-block { display: block !important; }
}

.visible-print-inline { display: none !important; }

@media print {
    .visible-print-inline { display: inline !important; }
}

.visible-print-inline-block { display: none !important; }

@media print {
    .visible-print-inline-block { display: inline-block !important; }
}

@media print {
    .hidden-print { display: none !important; }
}

@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2013 Daniel Eden
*/

.animated { -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated.speed  { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }


@keyframes fadeInOut {
    0%, 100% { opacity: 0; }
    50% { opacity: 1; }
}


@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }


@keyframes fadeIn {
    from { opacity: 0; }

    to { opacity: 1; }
}

.fadeIn { animation-name: fadeIn; }

@keyframes fadeInDown {
    from { opacity: 0; transform: translate3d(0, -100%, 0); }

    to { opacity: 1; transform: none; }
}

.fadeInDown { animation-name: fadeInDown; }

@keyframes fadeInDownBig {
    from { opacity: 0; transform: translate3d(0, -2000px, 0); }

    to { opacity: 1; transform: none; }
}

.fadeInDownBig { animation-name: fadeInDownBig; }

@keyframes fadeInLeft {
    from { opacity: 0; transform: translate3d(-100%, 0, 0); }

    to { opacity: 1; transform: none; }
}

.fadeInLeft { animation-name: fadeInLeft; }

@keyframes fadeInLeftBig {
    from { opacity: 0; transform: translate3d(-2000px, 0, 0); }

    to { opacity: 1; transform: none; }
}

.fadeInLeftBig { animation-name: fadeInLeftBig; }

@keyframes fadeInRight {
    from { opacity: 0; transform: translate3d(100%, 0, 0); }

    to { opacity: 1; transform: none; }
}

.fadeInRight { animation-name: fadeInRight; }

@keyframes fadeInRightBig {
    from { opacity: 0; transform: translate3d(2000px, 0, 0); }

    to { opacity: 1; transform: none; }
}

.fadeInRightBig { animation-name: fadeInRightBig; }

@keyframes fadeInUp {
    from { opacity: 0; transform: translate3d(0, 100%, 0); }

    to { opacity: 1; transform: none; }
}

.fadeInUp { animation-name: fadeInUp; }

@keyframes fadeInUpBig {
    from { opacity: 0; transform: translate3d(0, 2000px, 0); }

    to { opacity: 1; transform: none; }
}

.fadeInUpBig { animation-name: fadeInUpBig; }
fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeOutUp {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
}

@keyframes fadeOutUp {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
}

.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }

@-webkit-keyframes bounce {
    0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
    40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
    70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
    90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); }
}

@keyframes bounce {
    0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
    40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -20px, 0); -ms-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
    70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -10px, 0); -ms-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
    90% { -webkit-transform: translate3d(0,-4px,0); -ms-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); }
}

.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; }


@-webkit-keyframes flip {
    0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
    40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
    50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
    80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
    100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
}

@keyframes flip {
    0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
    40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
    50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
    80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); -ms-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
    100% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
}

.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; }

@-webkit-keyframes rotation {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(359deg); }
}

@keyframes rotate {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(359deg); }
}

.rotation { -webkit-animation-name: rotateIn; animation-name: rotateIn; }

@keyframes slideInDown {
    from { transform: translate3d(0, -100%, 0); visibility: visible; }

    to { transform: translate3d(0, 0, 0); }
}

.slideInDown { animation-name: slideInDown; }

@keyframes slideInLeft {
    from { transform: translate3d(-100%, 0, 0); visibility: visible; }

    to { transform: translate3d(0, 0, 0); }
}

.slideInLeft { animation-name: slideInLeft; }

@keyframes slideInRight {
    from { transform: translate3d(100%, 0, 0); visibility: visible; }

    to { transform: translate3d(0, 0, 0); }
}

.slideInRight { animation-name: slideInRight; }

@keyframes slideInUp {
    from { transform: translate3d(0, 100%, 0); visibility: visible; }

    to { transform: translate3d(0, 0, 0); }
}

.slideInUp { animation-name: slideInUp; }

@keyframes tada {
    from { transform: scale3d(1, 1, 1); }
    30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
    40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
    to { transform: scale3d(1, 1, 1); }
}

.tada { animation-name: tada; transform-origin: left bottom; }

@keyframes zoomInDown {
    from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); }

    60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); }
}

.zoomInDown { animation-name: zoomInDown; }

/* iCheck plugin Square skin
----------------------------------- */
.icheckbox_square,
.iradio_square {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url('/Common/css/plugins/brcheck/square/square.png') no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square {
    background-position: 0 0;
}
    .icheckbox_square.hover {
        background-position: -24px 0;
    }
    .icheckbox_square.checked {
        background-position: -48px 0;
    }
    .icheckbox_square.disabled {
        background-position: -72px 0;
        cursor: default;
    }
    .icheckbox_square.checked.disabled {
        background-position: -96px 0;
    }

.iradio_square {
    background-position: -120px 0;
}
    .iradio_square.hover {
        background-position: -144px 0;
    }
    .iradio_square.checked {
        background-position: -168px 0;
    }
    .iradio_square.disabled {
        background-position: -192px 0;
        cursor: default;
    }
    .iradio_square.checked.disabled {
        background-position: -216px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_square,
    .iradio_square {
        background-image: url('/Common/css/plugins/brcheck/square/square@2x.png');
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}


/* grey */
.icheckbox_square-grey,
.iradio_square-grey {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url('/Common/css/plugins/brcheck/square/grey.png') no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-grey {
    background-position: 0 0;
}
    .icheckbox_square-grey.hover {
        background-position: -24px 0;
    }
    .icheckbox_square-grey.checked {
        background-position: -48px 0;
    }
    .icheckbox_square-grey.disabled {
        background-position: -72px 0;
        cursor: default;
    }
    .icheckbox_square-grey.checked.disabled {
        background-position: -96px 0;
    }

.iradio_square-grey {
    background-position: -120px 0;
}
    .iradio_square-grey.hover {
        background-position: -144px 0;
    }
    .iradio_square-grey.checked {
        background-position: -168px 0;
    }
    .iradio_square-grey.disabled {
        background-position: -192px 0;
        cursor: default;
    }
    .iradio_square-grey.checked.disabled {
        background-position: -216px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_square-grey,
    .iradio_square-grey {
        background-image: url('/Common/css/plugins/brcheck/square/grey@2x.png');
        -webkit-background-size: 240px 24px;
        background-size: 240px 24px;
    }
}

/* iCheck plugin Flat skin
----------------------------------- */
.icheckbox_flat,
.iradio_flat {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(flat.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat {
    background-position: 0 0;
}
    .icheckbox_flat.checked {
        background-position: -22px 0;
    }
    .icheckbox_flat.disabled {
        background-position: -44px 0;
        cursor: default;
    }
    .icheckbox_flat.checked.disabled {
        background-position: -66px 0;
    }

.iradio_flat {
    background-position: -88px 0;
}
    .iradio_flat.checked {
        background-position: -110px 0;
    }
    .iradio_flat.disabled {
        background-position: -132px 0;
        cursor: default;
    }
    .iradio_flat.checked.disabled {
        background-position: -154px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_flat,
    .iradio_flat {
        background-image: url(flat@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}

/* red */
.icheckbox_flat-red,
.iradio_flat-red {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(red.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat-red {
    background-position: 0 0;
}
    .icheckbox_flat-red.checked {
        background-position: -22px 0;
    }
    .icheckbox_flat-red.disabled {
        background-position: -44px 0;
        cursor: default;
    }
    .icheckbox_flat-red.checked.disabled {
        background-position: -66px 0;
    }

.iradio_flat-red {
    background-position: -88px 0;
}
    .iradio_flat-red.checked {
        background-position: -110px 0;
    }
    .iradio_flat-red.disabled {
        background-position: -132px 0;
        cursor: default;
    }
    .iradio_flat-red.checked.disabled {
        background-position: -154px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_flat-red,
    .iradio_flat-red {
        background-image: url(red@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}

/* green */
.icheckbox_flat-green,
.iradio_flat-green {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(green.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat-green {
    background-position: 0 0;
}
    .icheckbox_flat-green.checked {
        background-position: -22px 0;
    }
    .icheckbox_flat-green.disabled {
        background-position: -44px 0;
        cursor: default;
    }
    .icheckbox_flat-green.checked.disabled {
        background-position: -66px 0;
    }

.iradio_flat-green {
    background-position: -88px 0;
}
    .iradio_flat-green.checked {
        background-position: -110px 0;
    }
    .iradio_flat-green.disabled {
        background-position: -132px 0;
        cursor: default;
    }
    .iradio_flat-green.checked.disabled {
        background-position: -154px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_flat-green,
    .iradio_flat-green {
        background-image: url(green@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}

/* blue */
.icheckbox_flat-blue,
.iradio_flat-blue {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(blue.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat-blue {
    background-position: 0 0;
}
    .icheckbox_flat-blue.checked {
        background-position: -22px 0;
    }
    .icheckbox_flat-blue.disabled {
        background-position: -44px 0;
        cursor: default;
    }
    .icheckbox_flat-blue.checked.disabled {
        background-position: -66px 0;
    }

.iradio_flat-blue {
    background-position: -88px 0;
}
    .iradio_flat-blue.checked {
        background-position: -110px 0;
    }
    .iradio_flat-blue.disabled {
        background-position: -132px 0;
        cursor: default;
    }
    .iradio_flat-blue.checked.disabled {
        background-position: -154px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_flat-blue,
    .iradio_flat-blue {
        background-image: url(blue@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}

/* aero */
.icheckbox_flat-aero,
.iradio_flat-aero {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(aero.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat-aero {
    background-position: 0 0;
}
    .icheckbox_flat-aero.checked {
        background-position: -22px 0;
    }
    .icheckbox_flat-aero.disabled {
        background-position: -44px 0;
        cursor: default;
    }
    .icheckbox_flat-aero.checked.disabled {
        background-position: -66px 0;
    }

.iradio_flat-aero {
    background-position: -88px 0;
}
    .iradio_flat-aero.checked {
        background-position: -110px 0;
    }
    .iradio_flat-aero.disabled {
        background-position: -132px 0;
        cursor: default;
    }
    .iradio_flat-aero.checked.disabled {
        background-position: -154px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_flat-aero,
    .iradio_flat-aero {
        background-image: url(aero@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}

/* grey */
.icheckbox_flat-grey,
.iradio_flat-grey {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(grey.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat-grey {
    background-position: 0 0;
}
    .icheckbox_flat-grey.checked {
        background-position: -22px 0;
    }
    .icheckbox_flat-grey.disabled {
        background-position: -44px 0;
        cursor: default;
    }
    .icheckbox_flat-grey.checked.disabled {
        background-position: -66px 0;
    }

.iradio_flat-grey {
    background-position: -88px 0;
}
    .iradio_flat-grey.checked {
        background-position: -110px 0;
    }
    .iradio_flat-grey.disabled {
        background-position: -132px 0;
        cursor: default;
    }
    .iradio_flat-grey.checked.disabled {
        background-position: -154px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_flat-grey,
    .iradio_flat-grey {
        background-image: url(grey@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}

/* orange */
.icheckbox_flat-orange,
.iradio_flat-orange {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(orange.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat-orange {
    background-position: 0 0;
}
    .icheckbox_flat-orange.checked {
        background-position: -22px 0;
    }
    .icheckbox_flat-orange.disabled {
        background-position: -44px 0;
        cursor: default;
    }
    .icheckbox_flat-orange.checked.disabled {
        background-position: -66px 0;
    }

.iradio_flat-orange {
    background-position: -88px 0;
}
    .iradio_flat-orange.checked {
        background-position: -110px 0;
    }
    .iradio_flat-orange.disabled {
        background-position: -132px 0;
        cursor: default;
    }
    .iradio_flat-orange.checked.disabled {
        background-position: -154px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_flat-orange,
    .iradio_flat-orange {
        background-image: url(orange@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}

/* yellow */
.icheckbox_flat-yellow,
.iradio_flat-yellow {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(yellow.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat-yellow {
    background-position: 0 0;
}
    .icheckbox_flat-yellow.checked {
        background-position: -22px 0;
    }
    .icheckbox_flat-yellow.disabled {
        background-position: -44px 0;
        cursor: default;
    }
    .icheckbox_flat-yellow.checked.disabled {
        background-position: -66px 0;
    }

.iradio_flat-yellow {
    background-position: -88px 0;
}
    .iradio_flat-yellow.checked {
        background-position: -110px 0;
    }
    .iradio_flat-yellow.disabled {
        background-position: -132px 0;
        cursor: default;
    }
    .iradio_flat-yellow.checked.disabled {
        background-position: -154px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_flat-yellow,
    .iradio_flat-yellow {
        background-image: url(yellow@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}

/* pink */
.icheckbox_flat-pink,
.iradio_flat-pink {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(pink.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat-pink {
    background-position: 0 0;
}
    .icheckbox_flat-pink.checked {
        background-position: -22px 0;
    }
    .icheckbox_flat-pink.disabled {
        background-position: -44px 0;
        cursor: default;
    }
    .icheckbox_flat-pink.checked.disabled {
        background-position: -66px 0;
    }

.iradio_flat-pink {
    background-position: -88px 0;
}
    .iradio_flat-pink.checked {
        background-position: -110px 0;
    }
    .iradio_flat-pink.disabled {
        background-position: -132px 0;
        cursor: default;
    }
    .iradio_flat-pink.checked.disabled {
        background-position: -154px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_flat-pink,
    .iradio_flat-pink {
        background-image: url(pink@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}

/* purple */
.icheckbox_flat-purple,
.iradio_flat-purple {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    background: url(purple.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_flat-purple {
    background-position: 0 0;
}
    .icheckbox_flat-purple.checked {
        background-position: -22px 0;
    }
    .icheckbox_flat-purple.disabled {
        background-position: -44px 0;
        cursor: default;
    }
    .icheckbox_flat-purple.checked.disabled {
        background-position: -66px 0;
    }

.iradio_flat-purple {
    background-position: -88px 0;
}
    .iradio_flat-purple.checked {
        background-position: -110px 0;
    }
    .iradio_flat-purple.disabled {
        background-position: -132px 0;
        cursor: default;
    }
    .iradio_flat-purple.checked.disabled {
        background-position: -154px 0;
    }

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .icheckbox_flat-purple,
    .iradio_flat-purple {
        background-image: url(purple@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}
/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 3px; 
	border: 1px solid #444;
	background: #404245;
	color: #FFF;

}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-size: 12px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}



/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.selectricWrapper { position: relative; margin: 0; /*min-width: 140px;*/ cursor: pointer; height: 100%; }
.selectricResponsive { width: 100%; }
.selectric { /*border-right: 1px solid #ccc;*/ position: relative; height: 100%; }
.selectric .label { display: block; white-space: nowrap; overflow: hidden; margin: 0 30px 0 0; padding:0; font-size: 14px; line-height: 34px; color: #666; height: 100%; text-align: left; font-weight: normal; }
.selectric .button { display: block; position: absolute; right: 0; top: 0; width: 30px; height: 100%; color: #BBB; text-align: center; font: 0/0 a; /* IE Fix */ *font: 20px/30px Lucida Sans Unicode, Arial Unicode MS, Arial; background: /*url('/Common/images/icons/ic_expand_more_black_18dp_1x.png')*/ url(/Common/images/bg_tooltip_up.png) center 51% no-repeat; background-size:12px auto; opacity:.8; }
.selectric .button:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 20px; height: 20px; border: 4px solid transparent; border-top-color: #444; border-bottom: none; }
.selectricHover .selectric { }
.selectricHover .selectric .button { color: #888; }
.selectricHover .selectric .button:after { border-top-color: #444; }
.selectricOpen { z-index: 9999; }
.selectricOpen .selectricItems { display: block; -webkit-transform: scale(1,1); transform: scale(1,1); opacity: 1; -webkit-transition: all 280ms cubic-bezier(.4,0,.2,1); transition: all 280ms cubic-bezier(.4,0,.2,1); -webkit-animation: none !important; animation: none !important; -webkit-transform-origin: 0 0; transform-origin: 0 0; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); }
.selectricDisabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.selectricHideSelect { position: relative; overflow: hidden; width: 0; height: 0; }
.selectricHideSelect select { position: absolute; left: -100%; display: none; }
.selectricInput { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; *font: 0/0 a !important; background: none !important; }
.selectricTempShow { position: absolute !important; visibility: hidden !important; display: block !important; }
.selectricItems { display: none; position: absolute; top: 106%; left: 0; background: #fff; /*border: 1px solid #CCC;*/ z-index: 2; box-shadow: 0 0 10px -6px; }
.selectricItems .selectricScroll { max-height: 500px; overflow: auto; }
.selectricAbove .selectricItems { top: auto; bottom: 100%; }
.selectricItems ul, .selectricItems li { list-style: none; padding: 0; margin: 0; font-size: 14px; line-height: 20px; min-height: 20px; }
.selectricItems li { display: block; padding: 10px; color: #666; cursor: pointer; }
.selectricItems li.selected { color: #0da8c4; }
.selectricItems li:hover { background-color: #f0f0f0; color: #000; }
.selectricItems li.disabled { background: #F5F5F5; color: #BBB; border-top-color: #FAFAFA; cursor: default; }


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, font, img, ins, kbd, q, s, samp,
small, strike, strong, 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 { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; }
ul { list-style: none; }
.modal{padding-left:180px !important; transition:top 0.3s;}
i,em{font-style:normal;}
table { border-spacing: 0px; }
body { font-size: 14px; font-family: 'Noto Sans KR', sans-serif; color: #555; line-height: 18px; /*background: #f1f1f1;*/ min-width: 1240px; font-weight: 400; }
input, select, textarea, button { font-size: 14px; outline: none; margin: 0; }
a { text-decoration: none; color: #555; outline: none; display: inline-block; }
img { border: 0; width:100%;}
small { font-size: 11px; }
button { outline: none; background: none; cursor: pointer; border: 0; }
button .material-icons , button .material-icons-outlined { vertical-align: -6px; }
span { display: inline-block; }
*{letter-spacing:-0.25px;}
.bgcontextmenu { position: relative; width: 0; height: 0; bottom: 0; font-family: 'Noto Sans KR', sans-serif; display: none; z-index: 7; }
.contextmenu { position: absolute; top: 10px; width: 160px; padding: 2px 0 5px 0; background: #555; border: 1px solid #555; box-shadow: 0 0 12px rgba(0,0,0,0.12), 0 0 12px rgba(0,0,0,0.24); -webkit-animation: context 0.15s ease-in; animation: context 0.15s ease-in; }
.contextmenu.up { top: initial; bottom: 30px; }
.contextmenu ul li, .contextmenu button { position: relative; width: 100%; display: block; height: 40px; line-height: 38px; color: #bbb !important; padding: 0 10px; border: 0; text-align: left; font-size: 14px; box-shadow: none !important; -webkit-box-shadow: none; cursor: pointer; }
.contextmenu ul li, .contextmenu button:hover { color: #fff !important; }
.contextmenu ul li, .contextmenu button:hover .material-icons { color: #fff !important; }
.contextmenu ul li { line-height: 38px; background: #f0f0f0; border-bottom: 0; margin: 0; }
.contextmenu ul li:first-child { border-top: 1px solid #eee; }
.contextmenu ul li .iradio_square { position: absolute; right: 8px; top: 8px; }
.contextmenu button.p_master { padding-right: 0; }
.contextmenu button:last-child { border-bottom: 0 !important; }
.contextmenu button.disable { color: #888; }
.contextmenu button.disable .material-icons { color: #888; }
.contextmenu button:last-child { border-bottom-width: 1px; }
.contextmenu button.stdbtn { line-height: 36px; height: 50px; }
.contextmenu button:not(.disable):hover { color: #fff; }
.contextmenu button:not(.disable):hover .material-icons { color: #fff; }
.contextmenu button span { float: right; line-height: 38px; color: #ff9300; display: none; min-width: 20px; text-align: center; }
.contextmenu button span.dgreen { display: block; color: #00bcd4; margin-right: 26px; }
.contextmenu button span.dgreen label { line-height: 36px; }
.contextmenu button span.more { float: none; position: absolute; right: 10px; top: 6px; }
.contextmenu button span.more .material-icons { color: #00bcd4 !important; margin-right: -8px; font-size: 22px; vertical-align: -8px; display: block }
.contextmenu .material-icons { font-size: 21px !important; margin: 0 10px 0 2px !important; color: #bbb !important; vertical-align: -6px !important; padding: 2px !important; }
.contextmenu .actionarea { position: absolute; width: 100%; height: 100%; background-color: #222; opacity: 0.3; top: 0; z-index: 2; }
.contextmenu .actionlist { background: #fff; transition: background-color .3s ease-in; -webkit-transition: background-color .3s ease-in; z-index: 3; }
.contextmenu .actionlist .iradio_square { float: right; margin-top: 4px; }
.contextmenu .actionlist div.back { display: inline-block; text-align: left; height: 50px; padding: 6px; width: 100%; }
.contextmenu .actionlist div.back .material-icons { font-size: 30px; }
.contextmenu .property .p_detail { display: none; }
.contextmenu .property.on .p_detail { display: block; }
.contextmenu .property.on .p_master label { display: none; }
.contextmenu .property.on .p_master .material-icons { transform: rotate(90deg); }

.topmsg { background: #555; color: #f0f0f0; padding: 5px; text-align: center; border-top: 1px solid #999; border-bottom: 1px solid #222; display: none; }
.topmsg button { padding: 5px 10px; height: 30px; border: 1px solid #f0f0f0; background: #555; color: #f0f0f0; line-height: 16px; margin-left: 118px; }
.bgheader { position: relative; width: 100%; height: 50px; font-size: 14px; }
.bgheader.off { display: none; }
.header { position: relative; left: 0; top: 0; min-width: 990px; width: 100%; height: 50px; line-height: 48px; background: #fff; box-shadow: 0 3px 5px rgba(0,0,0,.1),0 3px 5px rgba(0,0,0,.0); z-index: 9; }
.header.noshadow { box-shadow: none; }
.header.black { background: #222; }
.header.norgnb .rightgnb { display: none; }
.header .logo { position: absolute; left: 10px; top: 0; height: 100%; display: inline-block; line-height: 48px; font-size: 18px; font-weight: 400; color: #00bcd4; }
.header .logo span { cursor: pointer; font-weight: bold; }
.header .logo a.logo_dbdb { display: inline-block; background: url('/Common/images/default/logo_dibidibi_small.png') left center no-repeat; width: 24px; height: 48px; float: left; cursor: pointer; }
.header .logo .material-icons { vertical-align: -8px; color: #00bcd4; border-radius: 50%; margin-right: 0; font-size: 28px; }
.header .logo .material-icons:hover { color: #222; transition: all .3s ease-in; -webkit-transition: all .3s ease-in; cursor: pointer; }
.header.fulllogo a.logo_dbdb { width: 80px; background-position: right center; }
.header.transparent { background-color: transparent !important; box-shadow: none !important; -webkit-box-shadow: none !important; height: 66px; }
.header.transparent .logo, .header.black .logo { left: 14px; }
.header.transparent a.logo_dbdb, .header.black a.logo_dbdb { background-image: url('/Common/images/default/logo_dibidibi_small_w.png'); }
.header.transparent .rightgnb .gnb:hover { background-color: transparent !important; }
.header.transparent .rightgnb .material-icons { color: #f0f0f0 !important; }
.header.transparent .rightgnb .material-icons:hover { color: #fff !important; }
.header.transparent.menone .rightgnb .gnb.me { display: none; }
.header.menufloating { position: fixed; box-shadow: 0 3px 10px rgba(0,0,0,.14),0 3px 10px rgba(0,0,0,.0); border-bottom: transparent; }
.header.indepth { background: #fff; box-shadow: none; border-bottom: 1px solid #dcdcdc; }
.header.indepth.noshadow { border-bottom: 0 !important; }
.header.indepth.menufloating { background: #fff; box-shadow: 0 3px 10px rgba(0,0,0,.14),0 3px 10px rgba(0,0,0,.0); }
.header .startdbdb { position: absolute; top: 2px; right: 5px; display: none; }
.header .startdbdb .imgbtn { padding-left: 10px !important; }
.header .rightgnb { position: absolute; right: 0; top: 0; height: 50px; line-height: 48px; vertical-align: top; }
.header .rightgnb .gnb { position: relative; display: inline-block; min-width: 38px; vertical-align: top; height: 100%; text-align: center; color: #ccc; cursor: pointer; }
.header .rightgnb .gnb .material-icons { color: #999; font-size: 27px; padding: 4px; vertical-align: -8px; transition: all .3s ease-in; -webkit-transition: all .3s ease-in; }
.header .rightgnb .gnb:hover { background: #f0f0f0; }
.header .rightgnb .gnb:hover .material-icons { color: #00bcd4; }
.header .rightgnb .me .alarmcnt { position: absolute; left: -5px; top: 4px; display: none; border: 0; width: 22px; height: 22px; border: 2px solid #fff; line-height: 18px; text-align: center; color: #fff; font-size: 10px; border-radius: 50%; background-color: #fe6667; font-family: sans-serif; z-index: 2; }
.header .rightgnb .me { position: relative; width: 70px; padding-left: 10px; text-align: left; }
.header .rightgnb .me .bg_profile { position: absolute; left: 10px; top: 4px; width: 38px; height: 38px; z-index: 1; }
.header .rightgnb .me .country { position: absolute; bottom: 0; right: -10px; display: inline-block; width: 22px; height: 18px; text-align: center; background: url('/Common/images/icons/flat_Korea.png') center center no-repeat; }

.topbanner { position:relative; width:100%; height:60px; line-height:60px;  background-color:#00bcd4; color:#fff; font-size:16px; text-align:center; z-index:6; }
.topbanner a { color:#fff; border:2px solid #fff; background-color:#00bcd4; line-height:33px; padding:0 20px; margin-left:10px; font-size:15px; font-weight:500; }
.topbanner .closebtn { position:absolute; top:50%; right:23px; transform:translateY(-50%); }
.topbanner.seller { background-color:#fff; color:#555; }
.topbanner.seller b { color:#00bcd4; } 
.topbanner.seller a { border-color:#00bcd4; background-color:#fff; color:#00bcd4; }
.topmenu.withtopbanner.menufloating { top:0; left:0; }
.leftgnbmenu.withtopbanner { padding-top:125px !important; transition:.3s !important; }
.topmenu.notfloating { position:relative !important; }


.mepop { background: #fff; width: 520px; min-height: 200px; position: absolute; top: 56px; right: 20px; border-top: 0; border-right: 0; font-size: 14px; line-height: 22px; color: #999; text-align: left; box-shadow: 0 0 8px rgba(0,0,0,.12),0 0 8px rgba(0,0,0,.24); z-index: 888; }
.mepop .peoplebar { margin-top: -14px; font-size: 16px; min-height: 40px; border-bottom: 1px solid #ddd; text-align: right; line-height: 50px; padding: 0 10px 0 15px; }
.mepop .peoplebar .bg_profile { position: relative; width: 24px; height: 24px; margin-right: 14px; }
.mepop .peoplebar button { margin-left: 4px; border-color: #ddd !important; }
.mepop .peoplebar button .material-icons { font-size: 16px !important; vertical-align: -4px !important; }
.mepop .rows { position: relative; padding: 15px; border-bottom: 1px solid #eee; text-align: right; min-height: 74px; }
.mepop .rows .meicon { position: absolute; left: 5px; top: 16px; width: 24%; text-align: center; display: inline-block; color: #999; font-size: 12px; }
.mepop .rows .memenu { width: 70%; display: inline-block; text-align: left; }
.mepop .material-icons { font-size: 28px !important; color: #ddd !important; color: #999 !important; margin-top: 0; padding: 0 !important; }
.mepop .rows a { position: relative; display: block; padding: 2px 0 2px 10px; display: block; line-height: 16px; color: #222; }
.mepop .rows a:hover { color: #00bcd4; }
.mepop .rows a span { display: inline-block; line-height: 18px; padding: 0 5px; float: right; color: #999; font-size: 11px; min-width: 30px; text-align: right; }
.mepop .morebtn { background: #f0f0f0; line-height: 30px; cursor: pointer; text-align: center; color: #222; font-weight: 500; padding: 5px; }
.mepop .morebtn .material-icons { font-size: 24px !important; border: 0 !important; padding: 0 !important; margin: 0 5px !important; color: #333 !important; }
.mepop .alarm { position: absolute; right: 0; top: 2px; background: #fe6667; color: #fff !important; width: 18px; height: 18px; font-size: 10px; text-align: center; line-height: 16px; font-family: sans-serif; display: none; }
.mepop .count { font-family: sans-serif; }

.bgtopmenu { position: relative; left: 0; top: 0; width: 100%; height: 64px; z-index: 9; box-shadow: 1px 3px rgba(0,0,0,0.03); z-index:15;}
.bgtopmenu .topmenu .gnbmenu > li.profile { overflow: visible; }
.topmenu { position: fixed; width: 100%; line-height: 63px; padding: 0; text-align: right; white-space: nowrap; background: #fff; font-size: 0; z-index: 20;}
.topmenu.menufloating { position: fixed; /*box-shadow: 0 1px 3px rgba(0,0,0,.1);*/ transition: ease-in-out all .3s }
.topmenu.nofloating { position: relative !important; }
.topmenu.noshadow { box-shadow: none; }
.topmenu.bottomline { border-bottom: 1px solid #eee; }
.topmenu.transparent { background: none; }
.topmenu.transparent .logo { background-image: url('/Common/images/default/logo_dibidibi_medium_wn2.png') }
.topmenu.transparent .gnbmenu > li, .topmenu.transparent .gnbmenu > li a, .topmenu.transparent .gnbmenu > li a:hover, .topmenu.transparent .gnbmenu > li a:visited { color: #fff; }
.topmenu.transparent .gnbmenu > li .submnm a, .topmenu.transparent .gnbmenu > li .submnm a:hover, .topmenu.transparent .gnbmenu > li .submnm a:visited { color: #222; }
.topmenu.borderbottom { border-bottom:1px solid #eee; }
.topmenu.menufloating.borderbottom { box-shadow:none; }


.topmenu .gnbmenu li { display: inline-block; }
.topmenu .gnbmenu > li { position: relative; line-height: 59px; height: 64px; overflow: hidden; font-size: 16px; font-weight: 300; color: #222; text-align: center; vertical-align: top; padding: 0 18px 0 0; border-bottom: 4px solid transparent; transition: all .1s ease-in; -webkit-transition: all .1s ease-in; z-index: 1; }
.topmenu .gnbmenu > li.profile { width: 66px; height: 64px; border: 0; }
.topmenu .gnbmenu > li .newmsg, .sellermode .newmsg { position: absolute; width: 6px; height: 6px; vertical-align: 8px; background: #00bcd4; right: 15px; top: 20px; border-radius: 50%; opacity: 0; }
.topmenu .gnbmenu > li a { display: inline-block; color: #222; width: 100%; height: 100%; text-decoration: none; }
.topmenu .gnbmenu > li a:hover, .topmenu .gnbmenu > li a:visited { color: #222; }
.topmenu .gnbmenu > li.profile .me { position: absolute; left: 5px; top: 12px; width: 54px; height: 40px; }
.topmenu .gnbmenu > li.profile .me .bg_profile { width: 34px; height: 34px; }
.topmenu .gnbmenu > li.profile .me .country { position: absolute; bottom: 0; right: -10px; display: inline-block; width: 22px; height: 18px; text-align: center; background: url('/Common/images/icons/flat_Korea.png') center center no-repeat; display:none; }
.topmenu .gnbmenu > li.current { border-color: #fff; }
.topmenu .gnbmenu > li.sellermenu { width: 0; border: 0; padding: 0; font-size: 0; z-index: -1; }
.topmenu .gnbmenu > li.sellermenu .bgmenu { display: inline-block; margin-right: -274px; background: #00bcd4; }
.topmenu .gnbmenu > li.sellermenu.open { width: auto; overflow: visible; z-index: 2; }
.topmenu .gnbmenu > li.sellermenu.open .bgmenu { animation-delay: 200ms; -webkit-animation-delay: 200ms; animation-name: sellermenu; box-shadow: 7px 3px 10px -7px rgba(0,0,0,.45), 7px 3px 10px -7px rgba(0,0,0,.15); }
.topmenu .gnbmenu > li.sellermenu.hipback { animation-name: sellermenu_hb; }
.topmenu .gnbmenu > li.sellermenu.noani .bgmenu { animation-name: none; box-shadow: 7px 3px 10px -7px rgba(0,0,0,.45), 7px 3px 10px -7px rgba(0,0,0,.15); }
.topmenu .gnbmenu > li.sellermenu a, .topmenu .gnbmenu > li.sellermenu a:visited { color: #fff; }
.topmenu .gnbmenu > li.sellermenu .submnm a:hover { color: #222; }
.topmenu .gnbmenu > li.tglsellermode { background: #fff; cursor: pointer; z-index: 3; }
.topmenu .gnbmenu > li.tglsellermode.hipback { animation-name: togglemenu_hb; }
.topmenu .gnbmenu > li .material-icons { color:#555; }
.topmenu .gnbmenu .mnm { cursor: pointer; }
.topmenu .gnbmenu .nomenu { width: 8px; height: 64px; padding: 0; border: 0; cursor: default; }
.topmenu .gnbmenu .submnm { display: none; position: absolute; top: 64px; right: 0; min-width: 180px; background: #fff; padding: 10px 20px; transform: translateX(20%); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
.topmenu .gnbmenu .submnm.show { display:block; }
.topmenu .gnbmenu .submnm.middle { min-width: 220px; }
.topmenu .gnbmenu .submnm .material-icons { font-size: 18px; color: #999; margin-right: 8px; vertical-align: -4px; }
.topmenu .gnbmenu .submnm li { position:relative; display: block; height: auto; font-size: 14px; color: #555; line-height: 40px; border-bottom: 1px solid #eee; text-align: left; cursor: pointer; }
.topmenu .gnbmenu .submnm li:last-child { border-bottom: 0; }
.topmenu .gnbmenu .submnm li:hover, .topmenu .gnbmenu .submnm li:hover .material-icons { color: #222; }
.topmenu .gnbmenu .submnm li .count { min-width: 30px; background: #00bcd4; color: #fff; font-family: sans-serif; font-size: 11px; line-height: 18px; margin-top: 12px; padding: 0 4px; text-align: center; float: right; opacity: 0; }
.topmenu .gnbmenu .submnm li .newmsg { top:7px; left:-8px; right:auto; }
.topmenu .gnbmenu .submnm .nickbox {position:relative; font-size:14px; color:#222; padding:10px 0 0 34px; overflow:hidden; line-height:44px; cursor:default; border-color:#222;}
.topmenu .gnbmenu .submnm .nickbox .bg_profile {position:absolute; left:0; top:10px; width:28px; height:28px; cursor:default;}
.topmenu .gnbmenu .submnm .nickbox .nick {vertical-align:top; line-height:28px; }
.topmenu .gnbmenu .profile .submnm { transform: none; right: 0; }
.topmenu .gnbmenu li.msgon .newmsg, .topmenu .gnbmenu li.msgon .count { opacity: 1; }
.topmenu .gnbmenu .submnm li.imgicon:before{content:""; display:inline-block; width:29px; height:15px; background:url(/Common/images/icons/coupon_99.svg) no-repeat left center; background-size:22px auto; margin:0 0 0 -1px; vertical-align:-2px}
.topmenu .gnbmenu .submnm li.imgicon:hover:before{background-image:url(/Common/images/icons/coupon_22.svg)}

.topmenu .sellermenu .gnbmenu > li { color: #fff; }
.topmenu .sellermenu .gnbmenu > li.current { border-color: #0097AC; }
.topmenu .sellermenu .gnbmenu > li:nth-of-type(1) { box-shadow: inset 7px 0 10px -7px rgba(0,0,0,.25),inset 7px 0 10px -7px rgba(0,0,0,.15); }
.topmenu .sellermenu .gnbmenu > li .newmsg { background: #ff5722; }
.topmenu .sellermenu .gnbmenu > li .submnm { background: #00bcd4; transform: translateX(10%); }
.topmenu .sellermenu .gnbmenu > li .submnm .material-icons { color: #ececec; }
.topmenu .sellermenu .gnbmenu > li .submnm li:hover { color: #222; }
.topmenu .sellermenu .gnbmenu > li .submnm li { color: #fff; border-color: #0097AC; }
.topmenu .sellermenu .gnbmenu > li .submnm li .count { opacity: 0; }
.topmenu .sellermenu .gnbmenu > li .submnm .count { background: #ff5722; }
.topmenu .sellermenu .gnbmenu > li .sellermenu { position: absolute; left: 0; top: 0; width: 24px; height: 24px; line-height: 18px; background: #DF6C04; box-shadow: inset 7px 0 10px -7px rgba(0,0,0,.25),inset 7px 0 10px -7px rgba(0,0,0,.0); overflow: visible; z-index: 3; display: none; }
.topmenu .sellermenu .gnbmenu > li .sellermenu .material-icons { color: #FB9337; font-size: 18px; }

.topmenu .topsearch { position: absolute; top: 6px; left: 50%; transform:translateX(-50%); z-index: 10; transition:all .2s ease; }
.topmenu .topsearch input { width: 640px; padding: 8px 33px 8px 12px; border: 0; border:1px solid #ddd; color: #222; font-size: 15px; box-shadow:inset 0px 1px 2px rgba(0,0,0,0.08); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all .2s ease; margin-left: 4px; }
.topmenu .topsearch input:-ms-input-placeholder { color: #999; font-weight:300; }
.topmenu .topsearch input::-webkit-input-placeholder { color: #999; font-weight:300; }
.topmenu .topsearch input:focus:-moz-placeholder { color: #999; font-weight:300; }
.topmenu .topsearch input:focus::-moz-placeholder { color: #999; font-weight:300; }
.topmenu .topsearch input:focus { color: #00bcd4; border-color:#00bcd4; box-shadow:inset 0px 2px 4px rgba(0,0,0,0.12); }
.topmenu .topsearch button { position: absolute; top: -7px; right: 1px; }
.topmenu .topsearch .material-icons { font-size: 22px; color: #333; }
.topmenu .topsearch input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color: transparent; }
.topmenu .topsearch input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color: transparent; }
.topmenu .topsearch input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color: transparent; }
.topmenu .topsearch input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color: transparent; }
.topmenu .topsearch.hide { display:block !important; opacity:0; visibility:hidden; }

.topmenu .challengetop { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:1200px; height:40px; line-height:1; padding:0 330px 0 0; font-size:14px; text-align:left; opacity:0; visibility:hidden; transition:.3s;  }
.topmenu .challengetop .dealinfo { position:relative; height:100%; padding:0 230px 0 50px; }
.topmenu .challengetop .dealinfo .rcontent { top:50%; right:0; transform:translateY(-50%); }
.topmenu .challengetop .bgthumb { position:absolute; top:0; left:0; width:40px; height:40px; background:#ebebeb url('/common/images/icons/ic_wallpaper_dibidibi.png') center center no-repeat; background-size:75% auto; }
.topmenu .challengetop .thumb { width:100%; height:100%; background:url() no-repeat 50% 50%; background-size:cover; }
.topmenu .challengetop .gpnm { width:100%; line-height:20px; font-size:14px; color:#222; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.topmenu .challengetop .price { line-height:18px; color:#222; font-size:15px; font-weight:700; }
.topmenu .challengetop .progressarea { position:absolute; top:0; right:0; min-width:306px; height:100%; padding:0 0 0 10px; text-align:right; background-color:#fff; }
.topmenu .challengetop .progressarea .maxreward { display:inline-block; line-height:40px; margin-right:22px; padding-right:22px; border-right:1px solid #eee; font-size:18px; color:#222; vertical-align:middle; }
.topmenu .challengetop .progressarea .progresswrap { display:inline-block; vertical-align:middle; }
.topmenu .challengetop .progressarea .progressline { position:relative; padding:3px 0;}
.topmenu .challengetop .progressarea .progressline .title { font-size:13px; color:#222; }
.topmenu .challengetop .progressarea .progressline .bbold { min-width:34px; text-align:center; }
.topmenu .challengetop .progressarea .progressline .line { display:inline-block; width:160px; height:6px; background-color:#ddd; text-align:left; overflow:hidden; }
.topmenu .challengetop .progressarea .progressline .line .completeline { height:100%; background-color:#722fdb; vertical-align:top; }
.topmenu .challengetop .progressarea .progressline.time .line .completeline { background-color:#333; }
.topmenu .challengetop.show { opacity:1; visibility:visible; }

.topmenu .menuver2 { position:relative; padding:0 7px; box-shadow: 0 1px 3px rgba(0,0,0,.1);}
.topmenu .leftsection  { left:13px; }
.topmenu .leftsection .hamburger {display:none !important; position:relative; display:inline-block; width:35px; margin-right:2px; padding:0; text-align:center; vertical-align:middle; }
.topmenu .leftsection .hamburger .circle { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:0; height:0; background-color:#fff; border-radius:50%; transition:0s; }
.topmenu .leftsection .hamburger .circle.click { width:40px; height:40px; background-color:#d5d5d5; transition:.2s; } 
.topmenu .leftsection .hamburger .material-icons { position:relative; font-size:23px; padding-top:1px; z-index:1; }
.topmenu .leftsection .homebtn { width:35px; text-align:center; margin-right:5px; }
.topmenu .leftsection .homebtn .material-icons { font-size:25px; }
.topmenu .leftsection .logo { position:relative; vertical-align:middle; width:83px; height:30px; margin-left:8px; background:url(/Common/images/default/logo_dibidibi_medium_n2.png) no-repeat right 50%; background-size:auto 100%; cursor:pointer; }
.topmenu .leftsection .logo .country { position:absolute; top:1px; right:-17px; width:18px; height:14px;line-height:14px; font-size:10px; font-weight:200; font-family:Arial; color:#555; }
.topmenu .leftsection .logo.studio { width:auto; height:25px; line-height:23px; font-size:18px; color:#00acca; font-weight:700; margin-left:3px; letter-spacing:-1px; background:none; } 
.topmenu .leftsection .logo.studio .country { top:-1px; right:-14px; }
.topmenu .leftsection .logo.home { width:25px; height:25px; background-position:left 50%; }
.topmenu .leftsection.whitelogo .logo { width:84px; height:28px; background-image:url(/Common/images/default/logo_dibidibi_small_w3.png); }
.topmenu .leftsection.whitelogo .logo .country { color:#fff; }

.topmenu.sellerstudio { background-color:#00bcd4; box-shadow:none; }
.topmenu.sellerstudio .gnbmenu > li .newmsg { background-color:#f00; }
.topmenu.sellerstudio .gnbmenu > li.current { border-color:#fff; }
.topmenu.sellerstudio .topsearch input { background-color:transparent; }
.topmenu.sellerstudio .topsearch input:-ms-input-placeholder { color: #fff; }
.topmenu.sellerstudio .topsearch input::-webkit-input-placeholder { color: #fff; }
.topmenu.sellerstudio .topsearch input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color: transparent; }
.topmenu.sellerstudio .topsearch input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color: transparent; }
.topmenu.sellerstudio .topsearch input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color: transparent; }
.topmenu.sellerstudio .topsearch input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color: transparent; }
.topmenu.sellerstudio .topsearch .material-icons { color:#fff; }
.topmenu.sellerstudio .leftsection .homebtn .material-icons { color:#fff; }
.topmenu.sellerstudio .gnbmenu > li.tglsellermode { background-color:transparent; }
.topmenu.sellerstudio .gnbmenu > li .material-icons { color:#fff; }
.topmenu.sellerstudio .gnbmenu li.gnbsubitem .material-icons { color:#999 !important; }
.topmenu.sellerstudio .gnbmenu li.gnbsubitem:hover .material-icons { color:#222 !important; }
.topmenu.sellerstudio .leftsection .logo.studio { color:#fff; }
.topmenu.sellerstudio .leftsection .logo.studio .country { color:#fff; }
.topmenu.sellerstudio .leftsection .logo.home { width: 30px; height: 28px; background-image:url(/Common/images/default/logo_dibidibi_medium_nw2.png); background-size: auto 100%; background-position:0 50%; }

.topmenu.blackbg { position:relative; background-color:#3d3d3d; color:#fff; }
.topmenu.blackbg .leftsection .hamburger .circle.click { background-color:#555 }
.topmenu.blackbg .leftsection .logo { background-image:url('/Common/images/default/logo_dibidibi_medium_nw2.png'); }
.topmenu.blackbg .leftsection .logo .country { color:#fff; }
.topmenu.blackbg .gnbmenu > li .material-icons { color:#fff !important; }
.topmenu.blackbg .loginbtn { color:#fff; border-color:#fff; }

.messagenotice { display:none; position:absolute; top:100%; right:73px; width:480px; height:600px; font-size:14px; text-align:left; background-color:#fff; box-shadow:2px 2px 5px rgba(0,0,0, .12), -2px 0 5px rgba(0,0,0,.12); }
.messagenotice.show { display:block; }
.messagenotice .title { position:relative; line-height:48px; padding-left:15px; font-size:16px; font-weight:300; color:#222; background-color:#eee; }
.messagenotice .title .closebtn { position:absolute; top:-1px; right:10px; }
.messagenotice ul { height:500px; }
.messagenotice ul li { position:relative; height:60px; border-bottom:1px solid #eee; padding:12px 68px 12px 60px; }
.messagenotice ul li:last-child { border-bottom:0; }
.messagenotice ul li .bg_profile { position:absolute; top:12px; left:15px; width:36px; height:36px; }
.messagenotice ul li .txtline { position:absolute; top:50%; left:60px; transform:translateY(-50%); width:350px; max-height:38px; padding-bottom:2px; font-size:14px; line-height:18px; color:#888; vertical-align:middle; white-space:normal; overflow:hidden; } 
.messagenotice ul li .rcontent { top:50%; transform:translateY(-50%); }
.messagenotice ul li .rcontent .stdbtn { width:48px; padding:0; }
.messagenotice ul li .rcontent .bgthumb { width:48px; height:48px; background:#f0f0f0 url('/common/images/icons/ic_wallpaper_black_48dp_1x.png') center center no-repeat; background-size:70%; }
.messagenotice ul li .rcontent .thumb { width:100%; height:100%; background:url() no-repeat 50% 50%; background-size:cover; } 
.messagenotice ul li.unread { background-color:#f6f6f6; }
.messagenotice .allmessage { position:absolute; bottom:15px; right:15px; line-height:24px; }
.messagenotice .allmessage a { text-decoration:underline; }
.messagenotice .allmessage a:hover { color:#222; }
.messagenotice .nomessage { text-align:center; padding:164px 0; }
.messagenotice .nomessage .material-icons { font-size:120px; color:#eee; }
.messagenotice .nomessage .txt { line-height:62px; font-size:16px; font-weight:300; }

.searchTerms { position: relative; display: block; width: 100%; margin-top: -19px; padding: 5px 0 7px; background-color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.0), 0 1px 3px rgba(0,0,0,.24) }
.searchTerms li { height: 35px; padding: 6px; font-size: 14px; color: #222; line-height: 22px; }
.searchTerms li:hover { background-color: #f1f1f1; }
.ui-helper-hidden-accessible { display: none; }

.footerarea { position: relative; padding: 30px 25px 35px; background: #333; font-size: 14px; color: #999; line-height: 16px; }
.footerarea .footinner { width: 1150px; margin: 0 auto; }
.footerarea .depth1, .footerarea .depth2 { position: relative; height:110px; border-bottom: 1px solid #555; }
.footerarea .depth2 { border-bottom: 0; height: 85px; }
.footerarea .depth1 .footlogo { position: absolute; right: 0; text-align: right; width: 240px;font-weight: 500; color: #ccc; }
.footerarea .depth1 .footlogo h2{ font-size: 16px; }
.footerarea .depth1 .footlogo .svcno { margin-left: -52px; font-size: 13px; color: #555; line-height: 24px; }
.footerarea .goto li { width: 140px; float: left; font-size: 14px; font-weight: 500; line-height: 20px; }
.footerarea .goto li div { color: #fff; line-height: 30px; }
.footerarea .goto a { display: block; color: #999; }
.footerarea .goto a.emp{color:#fff; margin:10px 0 0;}
.footerarea .goto .online_center { margin-left: 50px;}
.footerarea .goto .online_center span{font-size:10px;}
.footerarea .goto .online_center span a{display:inline; font-size:14px;}
.footerarea .rcontent { right: 20px; top: 26px; }
.footerarea .snslist li { display: inline-block; width: 32px; height: 32px; margin: 0 0 0 4px; border-radius: 50%; cursor: pointer; background: #222 url('/Common/images/icons/icon_fb_foot.png') center center no-repeat; background-size:88%; opacity:.5; transition:.3s; }
.footerarea .snslist li:hover { opacity:1; }
.footerarea .corpinfo { margin-top: 20px; color: #999; font-size: 12px; line-height: 16px; }
.footerarea .corpinfo .corpsep span { display: inline-block; padding-right: 3px; margin-right: 3px; }
 .footerarea .corpinfo .corpsep span:nth-child(4) { border: 0; }
 .sellerfooter .wbox { margin:0 auto; }

@keyframes sellermenu {
    from { opacity: 0.8; overflow: hidden; transform: translate(-280px,0); box-shadow: inset -7px 0 10px -7px rgba(0,0,0,.25),inset -7px 0 10px -7px rgba(0,0,0,.0); }
    to { opacity: 1; overflow: visible; transform: none; box-shadow: 7px 3px 10px -7px rgba(0,0,0,.45), 7px 3px 10px -7px rgba(0,0,0,.15); }
}

@keyframes sellermenu_hb {
    from { opacity: 1; }
    to { opacity: 0.8; transform: translate(0, 100px); display: none; }
}

@keyframes togglemenu {
    0% { transform: translate(400px, 0); width: 800px; }
    00% { width: 800px; }
    100% { transform: none; }
}

@keyframes togglemenu_hb {
    from { transform: translate(-190px, 0); width: 200px; }
    to { transform: none; }
}

@media screen and (min-width:0\0) {
    .topmenu .gnbmenu > li .newmsg { right: 2px; }
    .topmenu .gnbmenu > li { padding: 0 13px; }
    .bold { font-weight: bold; }
}

@supports (-ms-ime-align:auto) {
    .topmenu .gnbmenu > li .newmsg { right: 2px; }
    .topmenu .gnbmenu > li { padding: 0 13px; }
    .bold { font-weight: bold; }
}

.tabbar { position: relative; border-bottom: 1px solid #ddd; border-top: 1px solid #eee; margin: 0 0 0 0; height: 51px; background: #fff; padding: 0 10px; /*box-shadow: 0 3px 5px rgba(0,0,0,.1),0 3px 5px rgba(0,0,0,.0);*/ z-index: 2; }
.toptabs { height: 50px; font-size: 17px; text-align: center; }
.toptabs ul { list-style: none; display: inline-block; }
.toptabs ul li { float: left; min-width: 120px; height: 50px; line-height: 48px; margin-left:-1px; text-align: center; border: 1px solid #ccc; background: #fff; cursor: pointer; }
.toptabs ul li.current { position:relative; color: #fff; border-color: #0d9fb9; background: #00bcd4; font-weight: 500; }
.toptabs.tp2 { height: 48px; line-height: 48px; }
.toptabs.sep ul { display: block; text-align: center; height: 48px; }
.toptabs.sep ul li { display: inline-block; padding: 0 20px; height: 47px; line-height: 44px; border: 0; border-bottom: 2px solid transparent; background: none; color: #999; float: none; vertical-align: middle; min-width: inherit; }
.toptabs.sep ul li:not(:first-child) { margin-left: -3px; }
.toptabs.sep ul li:hover { border-bottom-color: transparent; color: #555; }
.toptabs.sep ul li.current { border-bottom-color: transparent; color: #00bcd4; font-weight: 500; }

.midmenu { position: relative; left: 0; top: 0; width: 100%; height: 0; text-align: center; transition: all .3s ease-in; -webkit-transition: all .3s ease-in; }
.menubar { width: 700px; margin: 0 auto; text-align: center; height: 48px; }
.menutxt { position: relative; font-size: 16px; text-align: center; color: #222; width: 700px; text-align: center; font-weight: 400; z-index: 10; }
.menutxt.attached { display: block; }
.menutxt li { position: relative; display: inline-block; height: 100%; font-weight: 500; line-height: 48px; margin: 0 !important; padding: 0 20px; margin-right: -4px !important; border-bottom: 3px solid transparent; cursor: pointer; transition: all .2s ease-out; }
.menutxt li:hover { color: #00bcd4; }
.menutxt li .material-icons { color: #999; vertical-align: -6px; }
.menutxt li .material-icons:hover { background: none; }
.menutxt li.small { padding: 0 4px; min-width: inherit; line-height: 45px; height: 48px; border: 0; }
.menutxt li button { color: #999; vertical-align: middle; }
.menutxt li button:hover { background: none; color: #00bcd4; font-weight: 500; }
.menutxt li.current button { color: #fff; }
.menutxt li.current, .menutxt li.on { color: #00bcd4; border-bottom-color: #00bcd4; font-weight: 500; }
.menutxt li.hot.current { border-bottom-color: #ff0000; }
.menutxt li span { display: inline-block; line-height: 16px; font-size: 11px; font-weight: normal; }
.menutxt li .subcnt { display: none; }
.menutxt li.current { color: #00bcd4; }
.midmenu.black { background: none; color: #fff; height: 44px; border-bottom: 1px solid transparent; }
.midmenu.black ul li { line-height: 46px; height: 44px; }
.midmenu.black ul li.current { color: #fff; border-color: #999; font-weight: bold; }
.midmenu.sep { text-align: center; margin-bottom: 10px; }
.midmenu.sep ul { padding: 0; width: 100%; }
.midmenu.sep ul li { width: 50%; display: inline-block; cursor: pointer; margin-right: -4px; line-height: 44px; background: #888; color: #f0f0f0; font-size: 18px; }
.midmenu.sep ul li:first-child { float: left; }
.midmenu.sep ul li.current { color: #fff; background: #00bcd4; font-weight: 500; }
.midmenu.sep ul li.current .material-icons { color: #fff; }

.appmenu { position: relative; width: 700px; margin: 0 auto; text-align: center; height: 48px; }
.appmenu ul { display: inline-block; }
.appmenu ul li { position: relative; display: inline-block; line-height: 48px; height: 50px; margin: 0 !important; min-width: 90px; float: left; }
.appmenu ul li .micon { position: absolute; left: 0; top: 0; display: inline-block; width: 100%; height: 100%; color: #222; font-size: 18px; font-weight: 500; text-align: center; line-height: 48px; transition: 0.2s ease-in-out; -webkit-transition: 0.2s ease-in; opacity: 1; z-index: 2; }
.appmenu ul li .mnm { position: absolute; left: 0; top: 0; display: inline-block; width: 100%; height: 100%; color: #222; font-size: 16px; font-weight: 500; text-align: center; line-height: 48px; transition: 0.2s ease-in; -webkit-transition: 0.2s ease-in; opacity: 0; z-index: 1; }
.appmenu ul li:hover .micon { opacity: 0; }
.appmenu ul li:hover .mnm { opacity: 1; }
.appmenu ul li.current:hover .mnm { color: #00bcd4; }
.appmenu ul li.hot.current:hover .mnm { color: #ff0000; }
.appmenu .menunm { position: relative; font-size: 18px; }
.appmenu .material-icons { position: relative; padding: 6px; cursor: pointer; font-size: 28px; color: #bbb; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; }
.appmenu .material-icons.on { color: #00bcd4; }
.appmenu .material-icons.hot.on { color: #ff0000; }
.appmenu ul li .alarm, .menutxt li .alarm { position: absolute; right: -4px; top: 0; background: #fe6667; color: #fff; border: 2px solid #fff; width: 24px; height: 24px; font-size: 10px; text-align: center; line-height: 20px; border-radius: 50%; font-family: sans-serif; display: none; }
.appmenu ul li.small { width: 40px; float: right; }


.middlebox2 { display: flex; align-items: center; }
.middlebox { padding: 0.1px 0; }
.content { background: #eee; margin: 0; width: 100%; min-height: calc(100vh - 64px); min-width:1500px; float:none;  padding:1px 0 0 180px;}
.content .contentinner { padding:1px 0; min-height: calc(100vh - 65px); }
.content.withsalemenu { padding:0;}
.content.withsalemenu.transition2 { transition:.2s; }
.content.withsalemenu.leftmenuopen { padding:0 0 0 180px;}
.content.indepth { background: #f1f1f1; }
.contentArea { transition: all .3s ease-out; -webkit-transition-delay: 100ms; transition-delay: 100ms; opacity: 0; }
.content.bgwhite { background: #fff; border-top: 1px solid #888; }
.content.withvernav { padding: 0; background: #f0f0f0 url('/Common/images/bg_f0f0f0.png') repeat-y left 0; min-height: 300px; }
.content.withvernav.admin { min-height: 600px; }
.content.bgzigzag { background: linear-gradient(135deg, rgba(0,0,0,0.01) 25%, transparent 25%) -50px 0, linear-gradient(225deg, rgba(0,0,0,0.01) 25%, transparent 25%) -50px 0, linear-gradient(315deg, rgba(0,0,0,0.01) 25%, transparent 25%), linear-gradient(45deg, rgba(0,0,0,0.01) 25%, transparent 25%); background-size: 100px 100px; }
.content.addfooter { min-height: calc(100vh - 124px);}

.fullprogress { position: fixed; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: #00bcd4; z-index: 8; display: none; }
.fullprogress .innerprogress { position: relative; width: 500px; height: 200px; top: 50%; margin: -160px auto 0 auto; text-align: center; }
.fullprogress .bgspinner { height: 100px; text-align: center; margin: 10px 0; }
.fullprogress .bgspinner.padding { padding: 10px 0; }
.fullprogress .spinner { margin: 0 auto; width: 80px; height: 80px; text-align: center; font-size: 10px; display: inline-block; }
.fullprogress .cp-spinner { width: 60px; height: 60px; display: inline-block; box-sizing: border-box; position: relative; }
.fullprogress .cp-round:before { border-radius: 50%; content: " "; width: 60px; height: 60px; display: inline-block; box-sizing: border-box; border-top: solid 12px #bababa; border-right: solid 10px #bababa; border-bottom: solid 12px #bababa; border-left: solid 12px #bababa; position: absolute; top: 0; left: 0; }
.fullprogress .cp-round:after { border-radius: 50%; content: " "; width: 60px; height: 60px; display: inline-block; box-sizing: border-box; border-top: solid 12px #fff; border-right: solid 12px transparent; border-bottom: solid 12px transparent; border-left: solid 12px transparent; position: absolute; top: 0; left: 0; animation: cp-round-animate 0.7s ease-in-out infinite; }
.fullprogress .spinner > span, .spinner > div { background-color: #ff9300; }
.fullprogress .progessmsg { font-size: 28px; font-weight: 500; letter-spacing: -2px; line-height: 50px; }
.fullprogress .progessdesc { color: #ffd800; }

/*로그인*/
.ssologin { position: relative; width:500px; margin: 0 auto; color: #555;}
.ssologin button{ width:100%; height:100%; }
.ssologin .txt_header{margin:0 0 30px;}
.ssologin .txt_login p{position:relative; margin:0 0 8px; height: 48px; }
.ssologin .dibilogin p label{position:absolute; left:0 ; top:0; width: 50px; height: 100%; border:1px solid #ddd; border-right:none; box-sizing:border-box; border-radius:3px 0 0 3px; background:#fafafa;}
.ssologin .dibilogin p.on label .material-icons{ color: #00bcd4;}
.ssologin .dibilogin p.show label{background:#00bcd4;  border-color:#00bcd4;}
.ssologin .dibilogin p.show label .material-icons{ color: #fff;}
.ssologin .dibilogin p input{padding:0 0 0 60px; height:100%; border-radius:3px; box-shadow:none; border:1px solid #ddd; transition:none;}
.ssologin .dibilogin p:hover input { border-color:#00bcd4; }
.ssologin .dibilogin p:hover label{background:#00bcd4; border-color:#00bcd4; }
.ssologin .dibilogin p:hover label .material-icons{color:#fff; }
.ssologin .dibilogin.bg_dibi p label , .ssologin .dibilogin.bg_dibi p label .material-icons{background: #00bcd4; color:#fff; border-color:#00bcd4; }
.ssologin input:-webkit-autofill, .ssologin input:-webkit-autofill:hover, .ssologin input:-webkit-autofill:focus,
.ssologin input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px white inset !important; }
.ssologin input:-webkit-autofill {-webkit-text-fill-color:#00bcd4 !important;}
.ssologin p.circle{display:inline-block; width:55px; height:55px; border-radius:100% !important; overflow:hidden; margin:0 10px;}
.ssologin p .auth {background:#fff center center no-repeat; background-size:35px auto; vertical-align: top; text-align: right; border-radius:100% }
.ssologin button.auth.auth-naver { background-image: url('/Common/images/login/sso_naversymbol.png');  background-size:55px auto;}
.ssologin button.auth.auth-fecebook { background-image: url('/Common/images/login/sso_facebooksymbol.jpg');  background-size:58px auto; background-position:left -2px center}
.ssologin button.auth.auth-kakao { background-image: url('/Common/images/login/sso_kakao.png'); background-color:#fee500;}
.ssologin button.auth.auth-google { background-image: url('/Common/images/login/sso_google.png');}
.ssologin button.auth.auth-payco { background-image: url('/Common/images/login/sso_payco.png'); }
.ssologin button.auth.auth-apple { background-image: url('/Common/images/login/sso_apple_black.png'); background-size:46px auto; background-position:left 34% center;}
.ssologin .oauth .auth:hover {border-color:#00bcd4;}
.ssologin .join a{line-height:1;}


.join .joinitem .likeinput { padding: 0 20px; }
.join .joinitem .likeinput .rcontent { right: 20px; }
.join input { text-align: left; padding: 0 10px !important; }

.ultitle { position: relative; width:100%; font-size: 20px; line-height: 42px; letter-spacing: -1px; margin: 20px 0 10px 0; font-weight: 300; color: #222; overflow:hidden;}
.ultitle.tp2 { padding: 10px; background: #f8f8f8; margin-bottom: 8px; border: 1px solid #ddd; }
.ultitle span.ultxt { padding: 0 0 0 4px; }
.ultitle .poveticenright{font-size:14px; color:#999;}
.ultitle span.ulhelp { position: absolute; right: 0; bottom: 7px; line-height: 28px; color: #fff; font-size: 13px; text-align: left; background: #222; padding: 0 10px 0 15px; letter-spacing: 0; min-width:290px; }
.ultitle span.ulhelp .material-icons { font-size: 18px; color: #fff; }
.headtitle { position: relative; font-size: 24px; line-height: 1; padding:0 10px 20px; letter-spacing: -1px; font-weight: 400;  color:#222;}
.headtitle .desc { font-size: 16px; color: #999; line-height: 16px; padding-bottom: 5px; }
.headtitle .desc.dgray { color: #555; }
.headtitle .actionbtn { position: absolute; top: -4px; right: 0;  cursor:pointer;}
.headtitle .actionbtn .material-icons {font-size:34px; padding-top:10px; opacity:0.5;}
.headtitle .actionbtn .stdbtn { border: 1px solid #555; background: transparent; color: #555; }
.headtitle .actionbtn .stdbtn:hover { background: #222; color: #fff; border-color: #222; }
.headtitle.line { border-bottom: 1px solid #555; padding:0 0 20px; }
.headtitle.margin { margin-bottom: 15px; }
.headtitle.form { padding: 0 25px; }
.headtitle.noborder { border-color:transparent !important;}
.headtitle.noslide{padding:0 0 20px;}
.headtitle.selpage{padding:20px 0 20px; font-size:18px;}
.headtitle.tp2 { display:block; padding:50px 0 20px; border-bottom:2px solid #555;}
.headtitle.tp2.noborder { border-color:transparent;}
.headtitle.tp2.light { font-weight:200; font-size:24px; }
.headtitle.tp2 .rcontent { height: 49px; bottom: 0; top:auto; right: 0; line-height: 44px; padding-left: 15px; font-size: 0; }
.headtitle.tp2 .rcontent button { height: 30px; line-height: 30px; text-align: center; /*min-width: 45px;*/ padding-left: 5px; }
.headtitle.tp2 .rcontent button:hover .material-icons { color: #00bcd4; }
.headtitle.tp2 .rcontent button span { display: block; line-height: 24px; font-size: 12px; padding: 0 10px; color:#555; background-color: #ddd; border-radius: 12px; transition: .3s; }
.headtitle.tp2 .rcontent button:hover span { color: #fff; background-color: #333; }
.headtitle.tp2 .rcontent .num { font-size:13px; letter-spacing:0; }
.headtitle.tp2 .rcontent.mileagemoney { right:4px; font-size:20px; font-weight:300; letter-spacing:0; }
.headtitle.tp2 .rcontent.mileagemoney .mileageicon { width:26px; height:26px; line-height:24px; border:1px solid #222; margin-right:6px; font-size:18px; text-align:center; vertical-align:0; }
.headtitle.tp2.tbanner{padding:0 0 20px} 
.wningtitle{line-height:24px; font-size:18px;padding:0 0 20px;}
.wningtitle .material-icons , .wningtitle .material-icons-outlined {margin:0 4px 0 0; font-size:18px; vertical-align:-3px;}

.middleshadow { position: relative; top: -10px; height: 0; z-index: 3; }
.middleshadow.main { top: -2px; }
.middleshadow .shadow { position: absolute; width: 100%; height: 10px; background: url('/Common/images/bg_bottomshadow.png') repeat-x left -4px; }
.midLoginBtn { position: relative; width: 0; height: 0; }
.midLoginBtn span { display: inline-block; position: absolute; }
.midLoginBtn span button { width: 66px; height: 66px; background: #A4BB29; color: #fff; border-color: #99AD25; margin: 0 0 0 5px; cursor: pointer; }
.flexcenter { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

.btnlist { text-align: center; padding: 10px 0; min-height: 60px; }
.btnlist_pp { text-align: center; margin: 10px 0; }
.btnlist.fixwidth { width: 740px; margin: 0 auto; padding: 0; }
.btnlist.nopadding { padding: 0; }
.buttonlist { list-style: none; }
.buttonlist li { display: inline-block; margin-bottom: 15px; margin-right: 10px; }
.btnlist.col2 { margin:0 -10px; padding:0; }
.btnlist.col2 .inner { float:left; width:50%; padding:0 10px; }
.stdbtn { background: #fff; font-size: 14px; font-weight: normal; color: #555; padding: 0 20px; height: 38px; border: 1px solid #999; margin: 0; line-height: 36px; transition: all .1s ease-in; }

.stdbtn:hover { border-color: #aaa; color: #555; cursor: pointer; }
.stdbtn .material-icons { vertical-align: -6px; transition: all .1s ease-in; }
.stdbtn.nav { height: 34px; box-shadow: none; -webkit-box-shadow: none; padding: 0 2px; vertical-align: middle; background: none !important; border: none; }
.stdbtn.nav:hover { background: transparent !important; }
.stdbtn.noshadow { box-shadow: none; -webkit-box-shadow: none; }
.stdbtn.search { padding: 0 10px; vertical-align: middle; }
.stdbtn.font14 { font-size: 14px; }
.stdbtn.readonly { background-color: #f0f0f0; color: #ccc; cursor: default; }
.stdbtn.readonly:hover { cursor: default; color: #ccc !important; }
.stdbtn.medium { font-size: 12px; height: 30px; line-height: 22px; padding: 0 10px; font-weight: normal; }
.stdbtn.small { font-size: 12px; height: 26px; line-height: 18px; padding: 0 10px; vertical-align: middle; }
.stdbtn.small .material-icons { font-size: 18px; color: #ccc; margin-right: 4px; }
.stdbtn.optsmall { font-size: 11px; font-family: Dotum; padding: 2px 5px 1px 5px; background: #f0f0f0; border: 1px solid #ccc; color: #999; margin-top: 1px; font-weight: normal; }
.stdbtn:active { background: #eee; }
.stdbtn.btn_gp { background: #555; border-color: #555; color: #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.stdbtn.btn_gp.disable { color: #888; }
.stdbtn.inner { position: absolute; top: 4px; right: 5px; height: 30px; line-height: 28px; }

.odjob { position: fixed; left: 0; bottom: 0; width: 100%; height: 60px; line-height: 60px; background: #222; font-size: 16px; color: #fff; text-align: right; z-index: 8; display: none; }

.boxinner ul { list-style: none; }
.boxinner li { float: left; display: block; }
.boxinner li:first-child { width: 260px; }
.boxinner.guest li:first-child { width: 270px; }
.imgbtn.btn_mypage { background: url('/Common/images/icon_dropdown_gnb.png') right center no-repeat; }
.imgbtn.btn_fav { background: url('/Common/images/icons/fav.png') center center no-repeat; }
.imgbtn .material-icons , .imgbtn .material-icons-outlined { margin-left: -10px; padding-right: 10px; }
.obj_home { width: 100%; height: 64%; position: relative; z-index: 100; overflow: hidden; }
.tshadow { text-shadow: 1px 1px 1px #333; }
.btndown { position: absolute; min-width: 990px; width: 100%; height: 65px; bottom: 40px; margin: 0 auto; text-align: center; opacity: 1; z-index: 2; display: none; }
.continue { color: #f0f0f0; font-size: 12px; }
.tbottom { position: absolute; width: 100%; height: 30px; bottom: 20px; color: #f0f0f0; text-align: left; opacity: 1; z-index: 2; }
.banner { position: absolute; width: 100%; height: 234px; bottom: -20px; margin: 0 auto; text-align: right; opacity: 1; }
.banner img { margin-right: 50px; width: 200px; }
.contentbox { width: 100%; background: #fff; color: #222; z-index: 0; }
.vjs-control-bar { display: none; }
.bg_lime { background: #00bcd4; }
.homedesc { position: relative; z-index: 3; width: 100%; max-width: 1400px; margin: 0 auto; line-height: 16px; text-align: center; -webkit-transition: all .5s ease-out; transition: all .5s ease-out; -webkit-transition-delay: 300ms; transition-delay: 300ms; opacity: 0.15; }
.homedesc.left { text-align: left; }
.homedesc .title { padding: 50px 0 10px 0; line-height: 28px; }
.homedesc .subdesc { margin: 0 auto; color: #767676; font-size: 16px; line-height: 26px; padding: 30px 0; font-size: 16px; }
.img-grid { font-size: 16px; width: 970px; margin: 0 auto; }
.img-grid li { text-align: center; float: left; height: 320px; background: url() left top no-repeat; }
.img-grid.ver ul { margin-top: 40px; }
.img-grid.ver li { height: 320px; width: 227px; margin-right: 20px; position: relative; padding-bottom: 20px; }
.img-grid.manual { width: 1100px; text-align: center; }
.img-grid.manual ul { margin-top: 20px; }
.img-grid.manual li { height: 60px; width: 210px; margin-right: 10px; position: relative; padding-bottom: 20px; background-size: 100%; margin: 10px 5px; }
.img-grid.manual button { width: 100%; padding: 30px 0; background: #fff; border: 1px solid #ccc; font-size: 16px; text-align: center; cursor: pointer; border-radius: 2px; }
.img-grid.manual button:hover { background: #00bcd4; color: #fff; border-color: #009cb3; }
.img-grid.people li { height: 185px; }
.img-grid.ver li:last-child, .img-grid.manual li:last-child { margin-right: 0; }
.img-grid li ul li { width: 33%; }
.img-grid li img { width: 100%; position: relative; z-index: 1; }
.img-grid span { display: inline-block; padding: 8px 0 20px 0; }
.img-grid.flowchart { padding-left: 20px; }
.img-grid.flowchart span { padding: 5px 0; }
.img-grid.flowchart li { height: auto; }
.img-grid.flowchart .graph { width: 250px; margin-left: 20px; }
.img-grid.flowchart .arrow { width: 50px; margin-left: 20px; }
.img-grid.flowchart .graph img { opacity: 0.6; width: 180px; }
.img-grid.flowchart img:hover { opacity: 1; }
.img-grid span.filter { display: block; background: #222 url('/Common/images/pattern_cover.png') center center; z-index: 2; position: relative; left: 0; top: 0; width: 100%; height: 200px; opacity: 0.5; }
.img-grid span.caption { display: inline-block; position: relative; z-index: 3; top: 170px; text-align: center; height: 20px; color: #fff; margin: 0 auto; font-size: 20px; font-weight: bold; padding: 6px 10px; text-shadow: 1px 1px 1px #333; }
.img-grid span.bcaption { width: 100%; height: 20px; font-size: 14px; margin-top: -4px; text-align: right; color: #555; background: #eee url('/Common/images/desc/icon_trophy.png') 4px 6px no-repeat; padding: 6px 0; }
.img-grid span.bcaption span { display: inline; margin-right: 5px; }
.img-grid span.caption low { top: -50px; }
.img-grid span.tag { background: #FF852C; color: #fff; font-size: 14px; text-shadow: none; height: 20px; padding: 5px 10px; }
.img-grid span.tag.blue { background: #00A7F8; }
.img-grid ul ul span.caption { height: 15px; top: -38px; color: #555; }
.gochannel img { width: 40px; cursor: pointer; vertical-align: -12px; }
.people { width: 970px; margin: 0 auto; }
.people li { float: left; }
.people li div.desc { color: #fff; font-size: 11px; padding-top: 90px; }
.people li div.desc2 { color: #fff; font-size: 11px; padding-top: 96px; }
.people li div.txt { color: #222; font-size: 16px; padding-top: 20px; font-weight: bold; }
.people li div.count { color: #00bcd4; font-size: 24px; padding: 10px 0 5px 0; font-weight: bold; padding-right: 2px; }
.people li div.count span { display: inline-block; padding-left: 2px; font-size: 12px; color: #999; }
.people li ul.snsrank { width: 160px; margin: 0 auto; padding-top: 30px; }
.people li ul.snsrank li { display: block; padding: 2px 0; clear: left; }
.people li ul.snsrank li span { display: inline-block; padding-left: 5px; font-size: 14px; }
.people li ul.snsrank li span.rank { font-weight: bold; color: #00bcd4; font-size: 16px; vertical-align: -2px; }

.mainBG, .mainBG .bxslider, .mainBG .slide { height: 600px; }
.mainBG { position: relative; background: #222; }
.mainBG .bx-wrapper, .bx-viewport { height: 100% !important; top: 0 !important; }
.mainBG .bx-wrapper .bx-pager { padding: 0; top: inherit; bottom: 10px }
.mainBG .bx-controls-direction { display: none; }
.mainBG .slidebody { width: 100%; height: 100%; background: url('') no-repeat center center; background-size: cover; text-align: center; display: flex; align-items: center; }
.mainBG .slidebody .pattern { position: absolute; width: 100%; height: 100%; background: url('/Common/images/pattern_cover.png'); z-index: 1; opacity: 0; }
.mainBG .slidetxt { color: #fff; text-align: center; margin: 0 auto; height: 100px; z-index: 2; letter-spacing: -2px; }
.mainBG .slidetxt .title { font-size: 36px; line-height: 50px; letter-spacing: -1px; }
.mainBG .slidetxt .desc { display: inline-block; font-size: 20px; line-height: 22px; letter-spacing: -1px; margin-top: 10px; }
.mainBG .regbtn { margin: 0 5px; line-height: 34px !important; height: 38px !important; border: 0; color: #aaa; }
.mainBG .regbtn .material-icons { color: #aaa; }
.mainBG .regbtn:hover, .mainBG .regbtn:hover .material-icons { color: #ff9300; }

.indexhead { height: 70%; line-height: 70%; overflow: hidden; }
.indexhead .welcome { line-height: 22px; text-align: center; font-size: 16px; }
.indexhead .fadein { opacity: 0; }
.indexhead .maindesc ul li span { display: inline-block; line-height: initial; opacity: 1; }
.indexbody { padding: 0; }
.indexbody .wbox { min-width: 1200px; }
.indexbody .hotlist { padding-bottom: 20px; }
.indexbody li .filter { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #222; opacity: 0.2; z-index: 2; }
.indexbody li .filter:hover { opacity: 0; }
.indexbody .status .count { font-size: 22px; font-weight: bold; margin-bottom: 10px; color: #00bcd4; margin-top: 5px; }
.indexbody .adcontent video { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); height: 100%; width: initial; }
.indexbody .adcontent .videoarea { position: relative; left: 0; top: 0; width: 100%; height: 411px; background: #222; overflow: hidden; }
.indexbody .adcontent .videoarea video { height: initial; width: 100%; }

.adcontent { position: relative; min-height: 350px; display: flex; align-content: center; padding: 40px 0; opacity: 0.5; transition: all .3s ease-in; -webkit-transition: all .3s ease-in; }
.adcontent .videogrid { position: relative; padding-right: 420px; width: 100%; margin: 30px 0 }
.adcontent .videogrid .peoplecard { width: 420px; }
.adcontent .videogrid .peoplecard li { width: 200px; height: 411px; float: left; margin: 0 0 10px 10px; }
.adcontent .videogrid .peoplecard li .dealbar { margin-bottom: 10px; width: 100%; height: 200px; }
.adcontent .rcontent { top: 0; right: 0; }
.adcontent .subtxt { position: relative; font-size: 18px; line-height: 22px; }
.adcontent .subtxt .rcontent { top: 0; }
.adcontent .wbox { position: relative; }
.adcontent .regbtn:hover { background: #00bcd4; border-color: #00bcd4; border-radius: 0; transition: all .3s ease-in; -webkit-transition: all .3s ease-in; }
.adcontent .statuscnt { text-align: center; padding: 20px 0 80px 0; font-size: 32px; }
.adcontent .statuscnt span { display: inline-block; color: #00bcd4; font-weight: bold; min-width: 84px; text-align: right; }
.adcontent .animate { opacity: 0.05; }
.adcontent.animated, .adcontent.animated .animate { opacity: 1; }
.adcontent.slogan { position: relative; min-height: 500px; background: #222 url('') center center no-repeat; background-size: cover; }
.adcontent.slogan .filter { opacity: 1; }

.profilelist { text-align: center; width: 90%; height: 354px; padding: 20px 0; margin: 0 auto; overflow: hidden; }
.profilelist .bg_profile { width: 100px; height: 100px; margin: 5px; background-image: url('/Common/images/icons/ic_store_mall_directory_white_24dp_2x.png'); background-color: #ccc; background-size: 60%; border: 2px solid #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.1); }
.profilelist .ld_profile { transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; }
.profilelist .ld_profile:hover { opacity: 0; transition: all .5s ease-in; -webkit-transition: all .5s ease-in; }
.profilelist div:nth-child(2n) { animation-delay: 100ms; -webkit-animation-delay: 100ms; }
.profilelist div:nth-child(3n) { animation-delay: 300ms; -webkit-animation-delay: 200ms; }
.profilelist div:nth-child(5n) { animation-delay: 500ms; -webkit-animation-delay: 300ms; }

.footer { position: relative; bottom:0; left:0; min-width:1200px; width:100%; vertical-align: middle; }
.footer span { display: inline-block; }
.footerbody { border-top: 1px solid #ddd; color: #767676; background: #f1f1f1; padding: 0 10px; }
.footersmall { position: relative; height: 54px; padding: 10px 0; }
.footersmall div { display: inline-block; }
.footersmall .corp { position: absolute; left: 0; top: 10px; width: 158px; line-height: 16px; font-family: sans-serif; font-weight: bold; }
.footersmall .corp span { height: 14px; font-size: 13px; }
.footersmall .totalcount { position: absolute; right: 0; top: 10px; line-height: 14px; font-weight: bold; font-size: 11px; text-align: right; padding-left: 10px; border-left: 1px solid #ddd; font-family: sans-serif; font-weight: bold; }
.footersmall .totalcount span { height: 14px; line-height: 16px; font-family: sans-serif; }
.footersmall .totalcount span.count { font-size: 16px; text-align: right; min-width: 80px; color: #00bcd4; padding-left: 10px; font-family: sans-serif, 'Nanum Ghothic'; }
.footersmall .goto { display: block; text-align: right; padding-right: 10px; }
.footersmall .goto a { display: inline-block; margin: 0 5px; line-height: 36px; font-size: 13px; color: #767676; }
.footersmall .goto a:hover { color: #00bcd4; }

.about { background: #f1f1f1; min-height: 136px; line-height: 15px; font-family: Helvetica,Arial,sans-serif; margin-top: 20px; }
.aboutbody { padding: 15px 0; margin: 0 auto; color: #ccc; }
.aboutbody ul { list-style: none; }
.aboutbody li { float: left; width: 700px; text-align: right; height: 100px; padding: 0 10px; }
.aboutbody li.nth1 { float: left; width: 200px; text-align: left; color: #fff; font-weight: bold; padding-left: 5px; }
.aboutbody li:first-child { background: none; padding-left: 0; }
.aboutbody li.nth2 { width: 160px; background: url('/Common/images/bg_aboutsplit.jpg') no-repeat left top -10px; }
.aboutbody li.nth3 { width: 160px; }
.aboutbody li.nth4 { width: 140px; }
.aboutbody li.nth5 { float: right; width: 220px; background: url('/Common/images/bg_aboutsplit.jpg') no-repeat 50px -10px; padding-right: 0; float: right; }
.aboutbody li a { display: block; padding: 1px 0; color: #ccc; font-size: 11px; font-family: Dotum; }
.aboutbody li a:hover { text-decoration: underline; }
.aboutbody li.split { background: url('/Common/images/bg_aboutsplit.jpg') no-repeat right -10px; }
.aboutbody span { display: block; color: #DCE983; font-size: 14px; padding-bottom: 6px; }
.aboutbody span.copyright { text-transform: uppercase; font-size: 9px; font-weight: normal; color: #999; padding: 0; height: 12px; }
.aboutbody span.title { font-size: 12px; font-weight: normal; font-family: 'Roboto Condensed', sans-serif; padding-bottom: 5px; }
.aboutbody span.count { font-size: 26px; font-weight: normal; color: #f0f0f0; font-family: 'Roboto Condensed', sans-serif; padding-bottom: 14px; }
.aboutbody.seller a { display: inline-block; margin-left: 10px; color: #BFBFBF; }
.aboutbody.seller span.copyright { display: inline-block; color: #BFBFBF; }
.bottom { overflow: hidden; position: relative; line-height: 12px; color: #888; margin: 0 auto; padding: 0 10px 10px 10px; background: #f1f1f1; }
.bottombody { padding: 10px 0; font-size: 11px; font-family: Dotum,AppleGothic; }
.bottom_area div.nth1 { width: 800px; padding-top: 4px; }
.bottom_area div.nth3 { float: right; }
.bottom_area a { display: inline-block; color: #555; padding: 2px 4px; }

.adcontent { position: relative; min-height: 350px; display: block; align-content: center; padding: 40px 0; transition: all .3s ease-in; -webkit-transition: all .3s ease-in; }
.adcontent .videogrid { position: relative; padding-right: 420px; width: 100%; margin: 30px 0 }
.adcontent .videogrid .peoplecard { width: 420px; }
.adcontent .videogrid .peoplecard li { width: 200px; height: 411px; float: left; margin: 0 0 10px 10px; }
.adcontent .videogrid .peoplecard li .dealbar { margin-bottom: 10px; width: 100%; height: 200px; }
.adcontent .videoarea { position: relative; left: 0; top: 0; width: 100%; height: 411px; overflow: hidden; }
.adcontent .videoarea video { height: initial; width: 100%; }
.adcontent .rcontent { top: 0; right: 0; }
.adcontent .subtxt { position: relative; font-size: 18px; line-height: 22px; }
.adcontent .subtxt .rcontent { top: 0; }
.adcontent video { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); min-width: 100%; height: 100%; width: auto; width: initial; }
.adcontent video.verVideo { width: 100%; height: auto; height: initial !important; min-height: 100%; }
.adcontent .wbox { position: relative; }
.adcontent .regbtn:hover { background: #00bcd4; border-color: #00bcd4; border-radius: 0; transition: all .3s ease-in; -webkit-transition: all .3s ease-in; }
.adcontent .statuscnt { text-align: center; padding: 40px 0 80px 0; font-size: 32px; }
.adcontent .statuscnt span { display: inline-block; color: #00bcd4; font-weight: bold; min-width: 84px; text-align: right; }
.adcontent .animate, .adcontent .animatetypo { opacity: 0.3; }
.adcontent.animated .animate, .adcontent.animated .animatetypo { opacity: 1 !important; }

.peopleintro { width: 100%; margin: 0 auto; text-align: left; }
.peopleintro img { width: 100%; margin-bottom: 40px; }
.peopleintro .sellernm { margin-bottom: 20px; }
.peopleintro .sellernm span { display: inline-block; padding: 10px 0; }
.peopleintro .sellernm .sellerdesc { font-size: 22px; line-height: 22px; color: #00bcd7; }
.peopleintro .sellernm .sellerdesc span { padding: 0; }
.peopleintro .interview { border-bottom: 3px solid #222; font-size: 22px; color: #222; margin-top: 30px; }
.peopleintro button { margin-top: 10px; }
.peopleintro .imgset { margin-top: 40px; }
.peopleintro .imgset img { width: 700px; }
.peopleintro .vdarea { background: #222; padding: 0 40px; margin-bottom: 40px; line-height: 0; }

.peopleHeader { text-align: center; padding: 0 0 10px 0; border-bottom: 1px solid #222; margin-bottom: 10px; }
.peopleHeader .ld_profile { cursor: default; }
.peopleHeader .usernm { font-size: 16px; color: #222; }
.pplist li { position: relative; width: 100%; min-height: 50px; padding: 0; border-bottom: 1px solid #eee; padding: 5px 0; display: block; border-bottom: 1px solid #eee; font-size: 14px; z-index: 1; }
.pplist li:last-child { border-bottom: 0; }
.pplist li button { line-height: 34px; margin-right: -14px; }
.pplist li .label { font-size: 12px; color: #00bcd4; line-height: 14px; padding: 0; }
.pplist li .desc { color: #222; line-height: 22px; }
.pplist li .lcontent.half { position: relative; width: 48% }
.pplist li .rcontent.half { top: 5px; }
.pplist li .rcontent .material-icons { font-size: 24px; color: #999; width: 26px; height: 26px; border: 1px solid #ddd; border-radius: 0; padding: 0; transition: all .2s ease-in-out; }
.pplist li .lcontent.half:hover button .material-icons, .pplist li .rcontent.half:hover button .material-icons { color: #fff; background: #00bcd4; border-color: #00bcd4; }
.pplist li .hand { text-decoration: none; }
.pplist li .byline { color: #00bcd4; }
.pplist li .regdt { color: #999; }
.pplist li .stat { color: #aaa; }
.pplist li .material-icons { font-size: 20px; color: #aaa; padding: 4px 0; }

.Followerlist { padding: 0 0 50px 0; }
.Followerlist li {position:relative; padding: 0; font-size: 16px; z-index: 1; box-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.1); }
.Followerlist li:nth-child(1) { animation-delay: 100ms; -webkit-animation-delay: 100ms; }
.Followerlist li:nth-child(2) { animation-delay: 200ms; -webkit-animation-delay: 200ms; }
.Followerlist li:nth-child(3) { animation-delay: 300ms; -webkit-animation-delay: 300ms; }
.Followerlist li:nth-child(4) { animation-delay: 400ms; -webkit-animation-delay: 400ms; }
.Followerlist li:nth-child(5) { animation-delay: 500ms; -webkit-animation-delay: 500ms; }
.Followerlist .statleft { position: absolute; left: -33px; width: 30px; height: 100%; background: url('/Common/images/bg_timeline.png') left center no-repeat; }
.Followerlist .regdt { position: absolute; left: -102px; top: 28px; width: 60px; text-align: right; color: #999; font-size: 14px; line-height: 22px; }
.bg_follow { position: relative; padding: 0 90px 0 62px; height: 80px; line-height: 76px; color: #888; font-weight: 300; background: #fff; border-bottom: 1px solid #eee; }
.bg_follow.mfol { padding-right: 110px; }
.bg_follow div { display: inline-block; }
.bg_follow .bg_profile { position: absolute; left: 15px; top: 20px; width: 40px !important; height: 40px !important; }
.bg_follow .bgthumb { position: relative; top: 8px; right: 0; width: 64px; height: 64px; background: #f0f0f0 url('/common/images/icons/ic_wallpaper_black_48dp_1x.png') center center no-repeat; background-size: 70%; cursor: pointer; border: 1px solid #f0f0f0; z-index: 1; }
.bg_follow .thumb { position: absolute; width: 100%; height: 100%; background: url('') center center no-repeat; background-size: cover; z-index: 2; }
.bg_follow .rcontent { right: 15px; }
.bg_follow .txtline { padding: 0 10px; line-height: 22px; max-height: 46px; padding-bottom:3px; word-break: break-all; overflow: hidden; vertical-align: middle; }
.bg_follow .txtline a { display:inline; }
.bg_follow button { margin-top: 15px; padding: 0 10px; min-width: 100px; }
.bg_follow button .material-icons { font-size: 20px; }

.Followerlist.pp { position: relative; padding: 0; width: 847px !important; }
.Followerlist.pp .bg_follow .statleft, .Followerlist.pp .bg_follow .regdt { display: none; }
.Followerlist.pp .bg_follow { box-shadow: none; border-bottom: 1px solid #ddd; }
.Followerlist.pp .bg_follow .bg_profile { position: absolute; left: 15px; top: 14px !important; width: 50px !important; height: 50px !important; }
.Followerlist ul.store li { min-height: 58px; }
.Followerlist ul.store .bg_follow button { margin-top: 3px; padding: 0 10px; }



.rtblist ul { width: 100%; border: 1px solid #ddd; margin-bottom: 30px; text-align: center; line-height: 0; }
.rtblist li { position: relative; display: inline-block; width: 25%; border-left: 1px solid #ddd; height: 438px; margin-right: -4px; cursor: pointer; }
.rtblist li:first-child { border-left: 0; float: left; }
.rtblist li button { min-width: 60%; }
.rtblist li button .material-icons { color: #fff; }
.rtblist li .bgbox { height: 280px; }
.rtblist li .bgbox .material-icons { font-size: 56px; padding: 10px; color: #888; border: 3px solid transparent; }
.rtblist li .bgthumb { position: absolute; width: 100%; height: 100%; text-align: center; padding: 50px 20px; z-index: 1; }
.rtblist li .btnplay { position: relative; }
.rtblist li .btnplay .material-icons { color: #fff; }
.rtblist li .thumb { position: absolute; width: 100%; height: 100%; padding: 50px 20px; background: #232323 url('/Common/images/main/bgrtb_store.png') center top no-repeat; background-size: cover; opacity: 0; transition: all .2s ease-in; -webkit-transition: all .2s ease-in; z-index: 2; }
.rtblist li .thumb.video { background-image: url('/Common/images/main/bgrtb_video.png') }
.rtblist li .thumb.share { background-image: url('/Common/images/main/bgrtb_share.png') }
.rtblist li .thumb.recc { background-image: url('/Common/images/main/bgrtb_recomm.png') }
.rtblist li .thumb:hover { opacity: 1; }
.rtblist li .thumb .bgbox .material-icons { position: absolute; left: 5px; top: 5px; font-size: 24px; color: #f0f0f0; }
.rtblist li .icontxt { line-height: 50px; font-size: 20px; font-weight: 500; color: #222; padding-bottom: 20px; }
.rtblist li .subtxt { font-size: 16px; padding: 20px 10px; color: #888; transition: all .5s ease-in; -webkit-transition: all .3s ease-in; }
.rtblist li .btnlist { padding: 20px 0; }

.rtblist ul.six { width:auto; margin:-5px; border: 0; text-align: left; }
.rtblist ul.six li { float:left; width:25%; height: 260px; padding:5px; margin:0; border:0; background: none; cursor: pointer; }
.rtblist ul.six li:first-child, .rtblist ul.six li:nth-child(5) { width:50%; }
.rtblist ul.six li:first-child .inner { background-color:#00bcd4; }
.rtblist ul.six li:nth-child(5) .inner { background-color:#f8c015; }
.rtblist ul.six li .bgbox { position: relative; height: 250px; text-align: center; }
.rtblist ul.six li .bgthumb { padding: 0; background: url('') center -30px repeat-y; background-size: auto 100%; }
.rtblist ul.six li .material-icons { position: relative; margin-top: 130px; border: 0; color: #fff; z-index: 2; }
.rtblist ul.six li .icontxt { position: absolute; left: 10px; top: 10px; color: #222; font-size: 14px; font-weight: 400; line-height: 14px; padding: 0; }
.rtblist ul.six li .btnlist { position: relative; padding: 0; height: 1px; }
.rtblist ul.six li .btnlist button { position: absolute; left: 0; bottom: -40px; font-size: 18px; color: #fff; border: 0; width: 100%; height: 130px; line-height: 120px; border: 0; background: #00bcd4; }
.rtblist ul.six li .btnlist button.kakao { background: #f9bf14; }
.rtblist ul.six li .btnlist button.naver { background: #1ac700; }
.rtblist ul.six li .btnlist button.facebook { background: #3b5a9a; }
.rtblist ul.six li .btnlist button.youtube { background: #cc181e; }
.rtblist ul.six li .subtxt { color: #888; padding: 15px 10px; display: none; }
.rtblist ul.six li .subtxt .title { display: block; color: #222; font-size: 18px; line-height: 24px; }


.ullist li { width: 100%; height: 64px; line-height: 40px; box-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.1); }
.ullist li .libar { position: relative; width: 100%; height: 100%; padding: 10px; background: #fff; border-bottom: 1px solid #eee; }
.ullist li .libar .col { display: inline-block; margin-right: 10px; }
.ullist li.th { height: 30px; min-height: 20px; box-shadow: none; border-bottom: 0; }
.ullist li.th .libar { background: transparent; padding: 0 15px; }
.ullist li.th .libar .col { padding: 0 10px; color: #999; line-height: 26px; margin: 0; font-size: 12px; }
.ullist li.th .libar .rcontent { top: 0; right: 15px; }


.gpselector { position: relative; color: #555; height: 49px; padding: 14px 20px 10px 20px; border-right: 1px solid #ddd; }
.gpselector.on { background: #e7e7e7; color: #555; }
.gpselector, .gpselector div, .gpselector, .gpselector div { display: inline-block; }
.gpselector .gpnm { display: inline-block; height: 100%; max-width: 330px; height: 100%; line-height: 20px; overflow: hidden; }
.gpselector .gpnm:hover { color: #222; cursor: pointer; }
.gpselector .gpcontrol { height: 100%; vertical-align: top; }
.gpselector .gpcontrol button { margin-right: -2px; color: #555; padding: 0; border: 1px solid transparent; height: 100%; }
.gpselector .gpcontrol button:hover, .gpselector .gpcontrol button:hover .material-icons { color: #00bcd4; }
.gpselector .gpcontrol .material-icons { padding: 0; vertical-align: 2px; font-size: 18px; padding-top: 2px; }
.gpselect { position: absolute; left: 0; top: 50px; background: #fff; color: #555; width: 405px; min-height: 200px; max-height: 500px; overflow-y: auto; background-color: #ffffff; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -webkit-background-clip: padding-box; background-clip: padding-box; z-index: 666; }
.gpselect ul { display: block; padding: 10px; }
.gpselect li { position: relative; list-style: none; padding: 0 10px; border-bottom: 1px solid #fff; font-size: 14px; line-height: 30px; vertical-align: middle; cursor: pointer; word-break: break-all; }
.gpselect li span.alarm { position: absolute; right: 5px; top: 5px; width: 20px; height: 20px; line-height: 20px; border-radius: 50%; -webkit-border-radius: 50%; text-align: center; background: #ff5722; color: #fff; font-size: 11px; font-family: 'Roboto Condensed', sans-serif; }
.gpselect li:hover { background: #f0f0f0; }
.gpselect li.on { color: #00bcd4; }
.gpselect li.gpselectitem { padding: 5px 30px 5px 10px; line-height: 18px; }
.gpselect li.gpselectitem .alarm { top: 50%; transform: translateY(-50%); }

.pageicon { /*border: 3px solid #555;*/ border-radius: 50%; display: inline-block; padding: 5px; }
.pageicon .material-icons { font-size: 48px; }
.pageicon.white .material-icons { color: #fff; }
.pageicon.green { border-color: #00bcd4; }
.pageicon.border { border: 3px solid #fff; margin-bottom: 15px; }
.pageicon.border .material-icons { padding: 5px; }

.toolcon { float: right; margin: 10px 0 0 0; }
.toolcon .material-icons { border-radius: 0; border: 1px solid #ccc; width: 32px; height: 32px; background: #f0f0f0; font-size: 20px; border-radius: 50%; }
.toolcon .material-icons:hover { background: #555; color: #fff !important; border-color: #555; box-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.1); }
.toolbar { position: relative; display: inline-block; background: #f0f0f0; height: 43px; margin: 10px 0 0 0; border: 1px solid #cdcdcd; border-right: 0; z-index: 5; }
.toolbar .wbox { height: 100%; }
.toolbar .divselect { line-height: 42px; border-right: 1px solid #cdcdcd; }

.toolKit { display: inline-block; height: 48px; line-height: 1em; vertical-align: middle; border: none; min-width: 70px; cursor: pointer; display: inline-block; vertical-align: middle; background: transparent; border-radius: 3px; -webkit-border-radius: 3px; padding: 0; }
.toolKit.bg_none { background: transparent; border: 1px solid #cdcdcd; box-shadow: none; }
.toolKit.border_none { border: 0; padding: 0; border-radius: 0; -webkit-border-radius: 0; }
.toolKit div.sep { display: inline-block; border-right: 0; line-height: 42px; vertical-align: middle; height: 100%; min-width: 80px; float: left; }
.toolKit div.sep button.stdbtn { float: left; }
.toolKit div.sep.sepend { border-right: 1px solid #ddd; }
.toolKit div.sep.btn_go { height: 100%; line-height: 43px; padding: 0 20px; font-size: 14px; font-weight: 500; min-width: 100px; color: #fff; text-align: center; cursor: pointer; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.toolKit div.sep.btn_go.tp0 { background: #fff; font-weight: normal; min-width: 60px; color: #333; }
.toolKit div.sep.btn_go.tp1 { border-color: #cdcdcd; background: #fff; border-right: 1px #ddd solid; color: #333; font-weight: normal; min-width: 60px; }
.toolKit div.sep.btn_go.tp2 { background: #00bcd4; border: 1px #0da8c4 solid; }
.toolKit div.sep.btn_go.tp2:hover { background: #0da8c4; }
.toolKit div.sep.btn_go.tp3 { background: #ff6600; border: 1px #ff5722 solid; color: #fff; }
.toolKit div.sep.btn_go.tp3:hover { background: #ff5722; border: 1px #ff5722 solid; }
.toolKit div.chkarea { display: inline-block; width: 30px; float: left; }
.toolKit button { border-radius: 0; padding: 0 10px; border: 0; border-left: 1px solid #ddd; border-right: 0; height: 100%; }
.toolKit button:last-child { border-right: 1px solid #ddd; }
.toolKit.bl { width: inherit; border: 1px solid #ddd; background: #f0f0f0; color: #222; }
.toolKit select { padding: 5px; min-width: 100px; border: 1px solid #bbb; color: #333; line-height: 14px; height: 100%; }
.toolKit .divselect { position: relative; background-color: transparent; border: 0; margin: 0; border-right: 1px solid #cdcdcd; height: 100%; }
.toolKit div.makeChkselectDiv { position: absolute; width: 0; height: 0; left: 0; top: 104%; background: #fff; z-index: 777; }
.toolKit span.makeChkselect { position: absolute; display: block; width: 120px; background: #fff; padding: 10px; text-align: left; -webkit-transform: scale(.25,0); transform: scale(1,1); opacity: 1; -webkit-transition: all 280ms cubic-bezier(.4,0,.2,1); transition: all 280ms cubic-bezier(.4,0,.2,1); -webkit-animation: none !important; animation: none !important; -webkit-transform-origin: 0 0; transform-origin: 0 0; box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23); border: none; }
.toolKit span.makeChkselect span { display: block; padding: 4px 0; line-height: 20px; }
.toolKit span.makeChkselect input { vertical-align: -2px; }
.toolKit span.makeChkselect button { background: #f0f0f0; border-color: #bbb; height: 30px; color: #555; width: 120px; margin-top: 10px; }
.toolKit input[type=text] { border: 1px solid #fff; color: #999; font-size: 14px; line-height: 1em; padding: 0 10px !important; width: 100px; height: 100%; box-shadow: none; border: 0; background: none; }
.toolKit input[type=text].hasDatepicker { background-image: url('/Common/images/icons/calendar.png') !important; background-repeat: no-repeat !important; background-position: 8px center !important; padding: 0 4px 0 34px !important; width: 124px !important; }
.toolKit input[type=text].text { padding: 0 2px; }
.toolKit .btn_search { width: 40px; background: url('/Common/images/icons/ic_search_black_18dp_1x.png') center center no-repeat; border: 0; height: 100%; }
.toolKit .btn_search.current { color: #27a9e3; }
.toolKit .btn_white { min-width: 90px; transition: all .2s ease-in; box-shadow: none; background: none !important; font-size: 14px; color: #999 !important; border-color: #ddd !important; }
.toolKit .btn_white:not(.current):hover { background: #878787 !important; border-color: #878787 !important; color: #fff !important; }
.toolKit .btn_white.current { background-color: #fff !important; color: #00bcd4 !important; font-weight: 500; cursor: default; }
.toolKit.tp2 { height: 38px; font-size: 15px; line-height: 40px; }
.toolKit.tp2 button { position: relative; border: 1px solid #ddd !important; margin-right: -1px; padding: 0 10px; z-index: 1; }
.toolKit.tp2 div.sep.sepend { border-right: 0; }
.toolKit.tp2 .btn_white { min-width: inherit; font-size: 15px; }
.toolKit.tp2 .btn_white.current { background: transparent !important; border-color: #999 !important; color: #555 !important; font-weight: normal; z-index: 2; }
.toolKit.tp2 .btn_white:not(.current):hover { background: transparent !important; color: #555 !important; border-color: #999 !important; z-index: 2 }
.toolKit.tp2 .material-icons { vertical-align: -6px; margin: 0 0 0 -34px; }
.toolKit.tp2 input[type=text].text { padding: 0 60px 0 10px !important; font-size: 15px; border: 1px solid #ddd; height: 38px; min-width: 180px; }
.toolKit.tp2 input[type=text].text:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); background: #fff; }
.toolKit.tp2 input[type=text].text::placeholder { color:#999; }
.toolKit.tp2.rcontent { top: -10px; right: 2px; z-index:2;}
.toolKit.tp2.rcontent { top: 0; right: 15px; }

/*슬라이드형식*/
.selectbox {z-index:2;}
.selectbox.porighttop {right:10px;}
.selectbox .selchoice{cursor:pointer;}
.selectbox .chiocebox{width:100px; height: 0; display: none; transition:height 0.3s; cursor:pointer;}
.selectbox .chiocebox.show{height:auto; display:block;}
.selectbox .select{display:block; width:100px; line-height:34px; background:#fff; color:#555; padding:0;}
.selectbox .select .material-icons{font-size:20px; vertical-align:-4px; margin:0 -8px 0 8px;}
.selectbox .chiocebox button{width:100%; box-sizing:border-box;  border-top:none;}
.selectbox .chiocebox button + button{border-left:none;}
.selectbox .chiocebox button:hover{background:#e9e9e9;}

.material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; vertical-align: middle; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga'; }
/*.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.md-60 { font-size: 60px; }
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }
.material-icons.info { font-size: 70px; color: #00bcd4; }
a.material-icons:hover, button.material-icons:hover { color: #00bcd4 !important; cursor: pointer; border-radius: 50%; }
button.material-icons { border: 0; outline: none; }
btn button .material-icons { vertical-align: -6px; }
.mileage .toolKit div.sep.btn_go.tp3:hover { background-color:#ff6600; cursor:default; }*/

/*util*/
a.onhelp { display: inline-block; width: 32px; height: 26px; background: url('/Common/images/icons/ic_label_blackhelp_24dp_2x.png') center center no-repeat; cursor: pointer; margin-right: 2px; vertical-align: middle; opacity: 0.75; color: #222; }
a.onhelp:hover { opacity: 1; }
.halfleft { width: 50%; float: left; height: 100%; }
.halfright { width: 50%; float: left; }
.triangle { position: relative; padding: 7px; }
.triangle::after { content: ""; position: absolute; width: 0; height: 0; bottom: 0; right: -5px; box-sizing: border-box; background: #fff; border: 7px solid #222; border-color: transparent transparent; transform-origin: 0 0; transform: rotate(135deg); box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.14); }
.border_ddd_1px { border: 1px solid #ddd; }
.border_ddd_2px { border: 2px solid #ddd; }
.border_666_2px { border: 2px solid #555; }
.border_666_4px { border: 4px solid #555; }
.border-radius-50 { border-radius: 50%; -webkit-border-radius: 50%; }

.boxgreen { background: #00bcd4; }
.boxpagetitle .wbox { height: 100%; }
.boxpagetitle .pagesubject { display: inline-block; height: 100%; padding-top: 80px; font-size: 30px; }
.boxblack { background: #424242; color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.1); }
.boxwhite { background: #fff; box-shadow: 0 3px 8px rgba(0,0,0,.16),0 3px 8px rgba(0,0,0,.0); }
.innerbox { border: 1px solid #ddd; padding: 20px; overflow: hidden; margin-bottom: 10px; }
.innerbox.withtab { padding: 0; }
.innerboxhead { font-size: 16px; line-height: 40px; color: #00bcd4; font-weight: 500; }
.innerboxtab { padding: 10px 15px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; background: #f6f6f6; height: 60px; }
.innerboxtab.radiobox { border-top: 0;}
.innerboxtab ul { list-style: none; font-size: 14px;}
.innerboxtab li { cursor: pointer; min-width: 80px; line-height: 38px; padding: 0 20px; border: 1px solid #ddd; border-bottom-color: #ddd; background: #fff; font-weight: 500; text-align: center; color: #555; display: inline-block; margin-right: -1px; transition: all .3s ease-in; -webkit-transition: all .3s ease-in; float: left; }
.innerboxtab li.current { position:relative; background-color: #00bcd4; color: #fff; border: 1px solid transparent; cursor: default; z-index:1; }
.innerboxtab li:not(.current):hover { background-color: #ddd; color: #222; }
.innerboxtab.radiobox li { padding:0; border:0; font-size:15px; font-weight:400; background-color:transparent !important; color:#222 !important; }
.innerboxtab.radiobox li.disabled { opacity:.3; pointer-events: none; }
.innerboxtab.radiobox li label { padding:0 40px 0 0; }
.innerboxtab.radiobox li label .iradio_square { margin:0 5px 0 0; vertical-align:middle; }
.innerboxtab.radiobox li label span { padding-bottom:1px; vertical-align:middle; }
.innerboxtab.radiobox li label .paycoimg { width:50px; height:19px; line-height:30px; border-radius:4px; font-size:0; background:#fa2828 url(/Common/images/sso_paycoicn.png) no-repeat 50% 50%; background-size:82%; }

/*animation*/
.upSlide { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(.4,0,.2,1); animation-timing-function: cubic-bezier(.4,0,.2,1); -webkit-animation-duration: 700ms; animation-duration: 700ms; -webkit-animation-name: upSlide; animation-name: upSlide; }
.upSlide2 { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(.4,0,.2,1); animation-timing-function: cubic-bezier(.4,0,.2,1); -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-name: upSlidehalf; animation-name: upSlidehalf; }
.upSlidehalf { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: cubic-bezier(.4,0,.2,1); animation-timing-function: cubic-bezier(.4,0,.2,1); -webkit-animation-duration: 600ms; animation-duration: 600ms; -webkit-animation-name: upSlidehalf; animation-name: upSlidehalf; }
.fadeinDiv { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 600ms; animation-duration: 600ms; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-name: fadeinDiv; animation-name: fadeinDiv; }
.fadeinDivhalf { -webkit-animation-delay: 100ms; animation-delay: 100ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-name: fadeinDivhalf; animation-name: fadeinDivhalf; }
.whitebox { background: #fff; padding: 10px; box-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.1); }
.whitebox.nopadding { padding: 0; }
.whitebox.noshadow { box-shadow: none; }
.txthead.tp2 { border-radius: 0; border: none; margin: 0; height: 50px; line-height: 40px; padding: 10px 0; color: #222; }
.txthead.tp2 .material-icons { top: 20px; right: 2px; color: #222; }
.txthead.tp2 span.title { padding-left: 0; }
.txthead.tp2.padding10 { padding: 10px; }
.txthead.tp3 { color: #00bcd4; line-height: 30px; margin-top: 20px; }
.txthead.big { font-size: 24px; line-height: 60px; font-weight: 500; height: 60px; margin-bottom: 20px; }
.txtsub { margin-top: -5px; padding-bottom: 11px; line-height: 18px; font-size: 13px; font-weight: 300; letter-spacing:0; }

div.country { position: absolute; right: -12px; bottom: 0; width: 30px; height: 20px; background: url('/Common/images/icons/flat_Korea_L.png') center center no-repeat; box-shadow: 0 0 3px rgba(0,0,0,.0),0 0 3px rgba(0,0,0,.24); }

div.col { display: inline-block; vertical-align: top; }
#disable { width: 100px; padding: 10px; background: url('/Common/images/loaders/loader3.gif') no-repeat 0 13px; display: none; }
form::-ms-input-placeholder { color: #999999; }
span.userView { cursor: pointer; }
span.chk_off { padding: 4px 12px; background: #fcfcfc url('/Common/images/icons/icon_check_off.gif') no-repeat 0 0; }
span.chk_on { padding: 4px 12px; background: #fcfcfc url('/Common/images/icons/icon_check_on.gif') no-repeat 0 0; }
span.h3 { font-size: 24px; display: block; }
span.sep { display: inline-block; background: url('/Common/images/icon_back.png') 15px center no-repeat; border-left: 1px solid #999; padding: 8px 20px 8px 40px; height: 20px; font-size: 16px; cursor: pointer; margin: 0 0 0 15px; color: #333; position: relative; top: -4px; }
span.spot { display: block; padding-left: 10px; background: url('/Common/images/icon_list.png') no-repeat 1px center; }
.cuttxt { width: 100%; height: 18px; overflow: hidden; line-height: 20px; padding: 0; margin: 0; word-break: break-all; }
.txteditor ul li { padding: 0; }
.dragsort { background: #eee; }
.hand { cursor: pointer; }
.handdefalt { cursor: default !important; }
.wsfix div div { margin-right: 0; }
.shadow-ud { box-shadow: inset 0 10px 14px -10px rgba(0,0,0,.14),inset 0 -10px 14px -10px rgba(0,0,0,.14); }
.shadow-2 { box-shadow: 0 3px 8px rgba(0,0,0,.14),0 3px 8px rgba(0,0,0,0); }
.fadein { transition: all .3s ease-out; -webkit-transition-delay: 100ms; transition-delay: 100ms; }
.purchased_user { background: #f1f1f1; color: #555; font-size: 11px; line-height: 20px !important; padding: 0 4px !important; height: 20px !important; vertical-align: -2px !important; }
.beta { display: inline-block; width: 50px; height: 24px; background: url('/Common/images/icon_beta.png') center top no-repeat; background-size: 80%; }
.beta.small {width:36px; height:16px;}
.newicon { height: 13px; line-height: 12px; border-radius: 45px; padding: 0 4px; margin-left:4px; background-color: #fe6667; color: rgba(255,255,255, .75); vertical-align: 6px; font-size: 10px; font-weight: 300; }
.newicon .txt { transform:scale(.9); }


/*utilend*/
.pageName { min-height: 40px; background: #fff; border-bottom: 1px solid #ddd; }
.pagetitle { font-size: 22px; color: #222; padding: 30px 0 20px 0; display: inline-block; font-family: 'Comfortaa', 'Noto Sans KR',Gulim, Dotum; font-weight: bold; }
.pagetitle.selected { color: #222; }
.pagetitle.withtab { padding-bottom: 30px; }
.pagetitle.reg { padding: 6px 0; margin-top: 40px; font-size: 24px; font-weight: normal; }
.pagetitle.subreg { padding: 6px 0; margin-top: 20px; font-size: 18px; line-height: 22px; font-weight: normal; }
.pagetitle.subreg span { line-height: 22px; vertical-align: top; }
.pagetitle.bgcart { background: url('/Common/images/bg_title_cart.png') right center no-repeat; padding-right: 40px; }
.pagetitle.bgmenu { background: url('/Common/images/bg_title_menu.png') right center no-repeat; padding-right: 40px; }
.pagetitle.bgdown { background: url('/Common/images/bg_title_down.png') right center no-repeat; padding-right: 40px; }
.pagetitle span { display: inline-block; padding-right: 8px; vertical-align: -2px; }
.accordiontitle { color: #2AA2C7; font-weight: 700; font-size: 14px; }
.accordiontitle, .accordion { width: 900px; margin: 0 auto; }
.introbox { text-align: justify; padding: 20px 0; }
.introbox:last-child { border-bottom: 0; }
.introtxt { width: 990px; padding: 20px 0; margin: 0 auto; }
.introtxt .maintitle { text-align: center; font-size: 28px; font-family: 'Noto Sans KR', Gulim, Dotum; color: #222; letter-spacing: -1px; }
.introtxt .maintitle2 { text-align: center; font-size: 22px; font-family: 'Noto Sans KR', Gulim, Dotum; color: #222; letter-spacing: -1px; }
.introtxt .maintitle .bold { font-weight: 400; }
.introtxt .maintitle.small { font-size: 20px; }
.introtxt .subtitle { font-size: 16px; font-weight: normal; padding: 12px 0; }
.introtxt .subtitle.small { padding: 4px 0; }
.introtxt .txt { width: 800px; color: #999; padding: 20px 0; margin: 0 auto; font-size: 14px; font-family: Dotum; margin-top: 20px; }
.introtxt .titimg { padding: 30px 0 0 0; text-align: center; }
.introtxt .img { margin-bottom: -46px; text-align: center; }
.introtxt .msg { color: #222; font-family: 'Noto Sans KR', Gulim, Dotum; font-size: 14px; text-align: center; font-weight: 700; line-height: 25px; }
.introtxt button { margin-top: 4px; padding: 10px 18px; font-size: 14px; font-family: 'Noto Sans KR', Gulim, Dotum; border-radius: 0; border: 1px solid #1889BA; color: #fff; background: #00ABFF; min-width: 180px; height: 46px; }
.policy { text-align: justify; }
.policy .toptabs { margin-bottom: 40px; }
.policy .toptabs li { min-width: 200px !important; }
.policy_content { padding: 0 0 30px 0; }
.policy ul { padding: 10px 10px; list-style: none; }
.policy ul ul, .policy ul.spot { padding: 10px 10px; list-style-image: url('/Common/images/icon_list.png'); list-style-position: inside; }
.policy h4 { color: #222; font-size: 14px; font-weight: bold; margin: 10px 0; }
.policy .cicon { font-size:12px; vertical-align:top; }

.titletab { width: 740px; margin: 0 auto; height: 45px; margin-top: 80px; background: #fff; border: 1px solid #ddd; border-bottom: 0; }
.titletab ul { list-style: none; }
.titletab li { padding: 14px 0 9px 0; text-align: center; width: 120px; border: 1px solid #ddd; border-top: 0; border-left: 0; border-bottom-color: #ddd; float: left; background: #fff; cursor: pointer; }
.titletab li:first-child { }
.titletab li.current { border-color: #ddd; background: #f1f1f1; border-bottom-color: #f1f1f1; }
.titletab li img { width: 66%; opacity: 0.7; }
.titletab li.current img { opacity: 1; }
.titletab.regmember li { height: 22px; }
.titletab.regmember li:first-child { background: #fff url('/Common/images/txt_regmember.png') center -18px no-repeat; background-size: 66%; }
.titletab.regmember li:last-child { background: #fff url('/Common/images/txt_regseller.png') center -18px no-repeat; background-size: 66%; }
.titletab.regmember li.current { background-color: #f1f1f1; background-position: center 14px; }

/* contentbox */
.wbox {width: 1200px;  margin:0 auto;}
.wbox.ma50 {margin:50px auto;}
.wbox.ma80 {margin:80px auto;}
.fwbox { width: 1050px; margin: 0 auto; }
.fwbox.ma80 { width: 1050px; margin: 80px auto; }
.sbox{ width: 1200px; margin: 0 auto; }
.wbox.bnw100 { width: 100% !important; margin: 0 auto; }
.wbox.fix { width: 800px; padding: 0 30px; min-width: inherit; }
.wbox.bg {padding:80px 0;}
.wbox.fix990 { max-width: 980px; }
.wbox.gray { background: #ddd; }
.wbox.relative { position: relative; z-index: 1; }
.fbox { width: 900px; min-width: 900px; max-width: 900px; margin: 0 auto; }
.fbox.ma80 { margin: 80px auto; }
.rbox { width: 98%; margin: 0 auto; padding: 0 5px; min-width: 960px; }
.wbar { padding: 10px 0; min-height: 38px; text-align: center; background: #fff; border-top: 0; box-shadow: 0 3px 5px rgba(0,0,0,.14),0 3px 5px rgba(0,0,0,.0); border-top: 1px solid #ddd; }
.ppbox { padding: 30px; }

.fwbox.ma50 { margin-top:50px; }
.wbox.bannmag {margin:30px auto;}
.fwbox.bannmag {margin:30px auto;}
.ppwbox{margin:50px auto;}

.iconhead { text-align: center; padding: 20px 0; }
.iconhead.border_ccc { border-bottom: 1px solid #ccc; margin-bottom: 10px; }
.iconhead .material-icons { font-size: 36px; padding: 10px; border: 4px solid #555; border-radius: 50%; }
.iconhead .col.last { text-align: left; padding: 10px 5px; }
.iconhead .title { font-size: 18px; font-weight: 500; color: #222; line-height: 24px; }
.iconhead .subtitle { font-size: 14px; font-family: 'Open Sans', 'Noto Sans KR', Gulim, Dotum; font-weight: 100; }
.iconhead.challenge .material-icons { border-color:#722fdb; color:#722fdb; }
/*.storehead {position:relative; height: 380px; margin: 0; background: #fff url('/Common/images/bg_storehead_02.jpg') center center no-repeat; background-size: cover;  }*/
.storehead { position: relative; height: 380px; margin: 0; }
.storehead .userbg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; background: url() center center no-repeat; background-size: cover; }
.storehead .wbox { position: relative; height: 100%; }
.storehead .setting { position: absolute; right: 30px; bottom: 10px; color: #fff; }
.storehead .setting button { border: 1px solid #fff; font-weight: bold; }
.storehead .setting .material-icons { color: #fff; }
.storebar { background: #fff; border-bottom: 1px solid #ddd; height: 46px; margin-bottom: 15px; box-shadow: 0 -3px 4px rgba(0,0,0,.10),0 -3px 4px rgba(0,0,0,.10); }
.settinghead { padding:30px 0; text-align: center; border-bottom: 1px solid #cdcdcd; }
.settinghead .bg_profile { width: 100px; height: 100px; }

.sellerbar { position: relative; }
.sellerbar.shadow { box-shadow: 0 3px 10px rgba(0,0,0,.14),0 3px 10px rgba(0,0,0,.0); }
.sellerbar .bg_profile { width: 60px !important; height: 60px !important; cursor: pointer; }
.sellerbar.storemain .bg_profile, .sellerbar.storemain .ld_profile { border-radius: 0; }
.sellerbar .col { display: inline-block; border-right-width: 0; vertical-align: top; margin-right: -4px; }
.sellerbar .col:last-child { border-right-width: 1px; }
.sellerbar .col.store { border: 0; min-width: 50px; }
.sellerbar .col span { display: block; font-size: 14px; line-height: 20px; text-align: center; }
.sellerbar .col span.icontxt { font-size: 14px; line-height: 20px; margin-top: -4px; color: #999; }
.sellerbar .col span.count {line-height: 23px; color: #222; font-weight: 500; }
.sellerbar .col.storedesc span { display:inline-block; text-align: left; line-height: 18px; font-size: 13px; background-position:left 4px top 6px;}
.sellerbar .col.storedesc span.storenm { font-size: 16px; font-weight: 500; line-height: 30px; color: #222; }
.sellerbar .col.storedesc button { margin-top: 10px; float: left; margin-right: 1px; border: 1px solid transparent; }
.sellerbar .col.storedesc button .material-icons { font-size: 20px; vertical-align: -6px; margin-left: -5px; }
.sellerbar .storebtmbox{padding:20px 0 0; margin:20px 0 0; border-top:1px solid #ddd;}
.sellerbar .storebtmbox .rcontent{top:auto; bottom:0; right:20px; min-height:42px; padding:0;}
.sellerbar .storebtmbox .rcontent button{width:168px; margin:0 2px;}
.sellerbar .storebtmbox .rcontent button .material-icons-outlined{font-size:20px; vertical-align:-3px;}
.sellerbar .storebtmbox .storeinfo { }
.sellerbar .storebtmbox .storeinfo .col {position:relative; padding:0 20px; }
.sellerbar .storebtmbox .storeinfo .col + .col:before {content:""; position:absolute; left:0; top: 50%; transform:translateY(-50%); width:1px; height:70%; background:#ddd; }
.sellerbar.storemain .storepannel { position: relative; background: #fff; z-index: 3; padding: 15px 15px 4px 15px; }
.sellerbar.storemain .storesetting { position: absolute; right: 0; background: #878787; width: 60px; height: 108px; color: #ddd; text-align: center; padding: 10px 0; margin: 0 0 0 4px; display: inline-block; /*box-shadow: 0 -3px 5px rgba(0,0,0,.10),0 -3px 5px rgba(0,0,0,.06);*/ cursor: pointer; z-index: 1; }
.sellerbar.storemain .storesetting .material-icons { color: #ddd; font-size: 30px; padding: 0; padding-top: 16px; }
.sellerbar.storemain .col { padding: 0; min-width: inherit; min-height: inherit; }
.sellerbar.storemain .storedesc { margin: 0 0 0 0 !important; }
.sellerbar.storemain .storedesc span { line-height: 16px; }
.sellerbar.storemain .storedesc span.storenm { line-height: 24px; font-weight: bold; color: #222; padding-right: 20px; }
.sellerbar.storemain .stdbtn { height: 34px; margin-right: 2px; border: 0; }
.sellerbar.storemain .stdbtn.like { border: 0; min-width: 274px; text-align: left; padding: 0 10px 0 5px; margin-left: 15px; line-height: 36px; height: 36px; box-shadow: none; -webkit-box-shadow: none; background-color: #f0f0f0; font-size: 14px; }
.sellerbar.storemain .stdbtn.like span { padding-right: 10px; color: #222; font-weight: bold; float: right; }
.sellerbar.storemain .stdbtn.like .material-icons { font-size: 24px; }
.sellerbar.storemain .col.small { min-width: inherit; height: 36px; text-align: left; padding: 0 20px; vertical-align: middle; margin-top: 4px; }
.sellerbar.storemain .col.small span { display: inline-block; height: 100%; line-height: 34px; font-size: 13px; }
.sellerbar.storemain .col.small .material-icons { font-size: 24px; vertical-align: middle; padding: 0 4px 2px 0; }
.sellerbar.storemain .col.small span.icontxt { display: none; }
.sellerbar .storeinfo .col { padding-right:8px; }
.sellerbar .storeinfo .col .icontxt { font-size:12px; line-height:23px;}

.dealorder .calculator { position: relative; border: 1px solid #ccc; margin-bottom: 3px; color: #555; min-width: 120px; text-align: left; }
.dealorder .calculator div { line-height: 32px; background: #fff; font-size: 13px; }
.dealorder .calculator div:last-child { background: #f5f5f5; color: #222; font-weight: bold; border-top: 1px solid #ddd; line-height: 34px; font-size: 14px; }
.dealorder .calculator div:last-child span:last-child { color: #00bcd4; }
.dealorder .calculator span { padding: 0 8px; }
.dealorder .calculator span:first-child { width: 90px; border-right: 1px; }
.dealorder .calculator span:last-child { position: absolute; right: 0; color: #222; font-weight: bold; }
.dealorder .calculator.small, .dealorder .calculator.small div { font-size: 14px !important; border: 0; line-height: 24px; min-width: 155px; }
.dealorder .calculator.small span { padding: 0 5px; }

.list { min-width: 990px; padding: 0 0 30px 0; font-size: 14px; }
.list li.bgwhite { min-height: 50px; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.17), 0 1px 3px rgba(0,0,0,0.18); }
.list .listbar { position: relative; padding: 10px 15px; height: 100%; border-bottom: 1px solid #eee; }
.list .rcontent { padding: 10px 0; right: 15px; height: 100%; }
.list .col { margin-right: 10px; line-height: 1em; vertical-align: middle; }
.list .col.icon .material-icons { background: #00bcd4; color: #fff; padding: 5px; font-size: 28px; }
.list .date { background: #f0f0f0; color: #222; padding: 4px 8px; line-height: 38px; border-radius: 3px; vertical-align: middle; }

.helpscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 9999; display: none; }
.helpscreen .wbox { position: relative; }
.helpscreen .bgarea { position: absolute; width: 100%; height: 100%; background: #222; opacity: 0.7; z-index: 1; }
.helpscreen .helparea { width: 100%; z-index: 2; }
.helpscreen .help1 { position: absolute; left: 0; top: 320px; }
.helpscreen .help2 { position: absolute; left: 0; top: 50px; }
.helpscreen .help3 { position: absolute; width: 100%; left: 30px; top: 0; text-align: right; padding-right: 98px; }
.helpscreen .target { display: inline-block; border: 2px solid #fff; height: 120px; width: 370px; vertical-align: top; }
.helpscreen .targetmsg { display: inline-block; color: #fff; font-size: 18px; vertical-align: top; padding: 20px; }
.helpscreen .help2 .target { width: 100%; height: 400px; border: 0; opacity: 1; }
.helpscreen .help3 .target { width: 54px; height: 50px; }

.adArea { position: relative; min-height: 600px; text-align: center; padding: 120px 30px; line-height: 22px; }
.adArea .title { font-size: 22px; line-height: 24px; margin-bottom: 10px; }
.adArea .title.big { font-size: 32px; line-height: 36px; }
.adArea .title.bbig { font-size: 50px; line-height: 54px; letter-spacing: -2px; }
.adArea .wbox { position: relative; }
.adArea.bgimage .wbox { min-height: 600px; }
.adArea .desc { font-size: 22px; line-height: 26px; }
.adArea .desc img { width: 50%; }
.adArea .material-icons { font-size: 120px; color: #fff; margin-top: 80px; }
.adArea.bgimage { background: #5d5b50 url('/Common/images/main/front_poster_04.jpg') no-repeat center center; background-size: auto 980px; min-height: 600px; color: #fff; }
.adArea.bgimage .txtarea { position: absolute; left: 30px; bottom: 0; text-align: left; padding: 20px; line-height: 16px; }
.adArea.bgimage .txtarea.right { left: auto; right: 0; text-align: right; }
.adArea.bgimage .txtarea .title { padding-bottom: 10px; }


.buylist { padding: 0 0 30px 0; margin: 10px 0 0 0; }
.buylist ul { display: block; list-style: none; color: #bbb; min-height: 300px; text-align: left; }
.buylist ul > li { position: relative; padding:15px 20px; min-height: 180px;color: #555; -moz-box-sizing: border-box; box-sizing: border-box; border:1px solid #e7e7e7; border-top:none; transition: all .3s ease-in-out; -webkit-transition: all .4s ease-in-out; }
.buylist ul > div + li{border-top:1px solid #e7e7e7;}
.buylist li:nth-child(1) { animation-delay: 100ms; -webkit-animation-delay: 100ms; }
.buylist li:nth-child(2) { animation-delay: 200ms; -webkit-animation-delay: 200ms; }
.buylist li:nth-child(3) { animation-delay: 300ms; -webkit-animation-delay: 300ms; }
.buylist li:nth-child(4) { animation-delay: 400ms; -webkit-animation-delay: 400ms; }
.buylist li:nth-child(5) { animation-delay: 500ms; -webkit-animation-delay: 500ms; }
.buylist ul li.on .orderdetail { display: block; }
.buylist ul li.on .statleft { margin-top: 0; height: calc(100% + 2px); }
.buylist ul li.on .action_btn button.onhide { display: none; }
.buylist ul li.on .hidebtn { display: block; }
.buylist ul li .hidebtn { display: none; }
.buylist .statleft { position: absolute; left: -40px; top: 0; /*width: 30px; height: 100%;*/ width:12px; height:calc(100% + 2px); border-right:1px solid #ccc; /*background: url('/Common/images/bg_timeline.png') left center no-repeat;*/ }
.buylist .statleft::after { content:''; display:block; top:0; bottom:0; width:1px; background-color:#ddd; left:14px; }
.buylist .odtime { position: absolute; left: -70px; top: 86px; width: 60px; font-size: 14px; color: #ccc; text-align: right; }
.buylist .seller { position: relative; margin: 8px 0 0 10px; height: auto; }
.buylist .seller .bg_profile { width: 34px; height: 34px; top: 70px; left: -16px; }
.buylist ul li .orderchallenge { position:relative; /*margin-top:-1px;*/ z-index:1; }
.buylist ul li .orderchallenge .challenge { position:relative; min-height:0; padding:5px 20px 15px 20px; background-color:#fff; }
.buylist ul li .orderchallenge .challenge .title { margin-bottom:7px; color:#222; font-weight:500; }
.buylist ul li .orderchallenge .challenge .progresswrap { position:relative; width:67%; min-height:80px; /*padding:0 0 0 90px;*/ }
.buylist ul li .orderchallenge .challenge .progresswrap .inner { min-height:80px; padding:14px 0 0 100px; }
.buylist ul li .orderchallenge .challenge .progresswrap .circleprogress { top:0; left:0; }
.buylist ul li .orderchallenge .challenge .progresswrap .txt { line-height:1.4; }
.buylist ul li .orderchallenge .challenge .progresswrap .txt .challengecolor .bbold { font-size:18px; }
.buylist ul li .orderchallenge .challenge .progressbar { padding-bottom:0; }
.buylist ul li .orderchallenge .challenge .shareinfo { position:absolute; right:-20px; top:50%; transform:translateY(-50%); width:33%; line-height:18px; padding:0 106px 0 5px; font-size:13px; color:#555; letter-spacing:-0.04em; text-align:center; }
.buylist ul li .orderchallenge .challenge .shareinfo .endtime { font-weight:700; color:#222; }
.buylist ul li .orderchallenge .challenge .shareinfo .rcontent { position:absolute; top:50%; right:21px; transform:translateY(-50%); }
.buylist ul li .orderchallenge .challenge .shareinfo .rcontent .stdbtn { width:85px; height:24px; color:#555; border-color:#ccc; }
.buylist ul li .orderchallenge .challenge .shareinfo .rcontent .stdbtn:hover { border-color:#aaa; }
.buylist ul li:hover .orderchallenge .challenge { background-color:#f3f3f3; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; }
.buylist ul li.on:hover .orderchallenge .challenge { background-color:#fff; }
.buylist .buyItem { position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; color: #222;  /*border-bottom: 1px solid #eee;*/ border-top: 0; z-index: 1; overflow:hidden;}
.buylist .buyItem .buylist_title{display:block; font-weight:500; color:#00bcd4; height:auto; line-height:20px; width:100%;}
.buylist .buyItem .list_date {display:inline-block; font-size:14px; color:#767676; padding: 0 0 0 84px; font-style:normal; line-height:20px;}
.buylist .buyItem .gifttag{line-height:20px; padding:0 6px; background:#00bcd4; color:#fff; border-radius:3px; margin:0 0 0 8px; font-size:12px;}
.buylist .buyItem div { /*float: left; */color: #555; /*line-height: 86px; height: 100%;  */font-size: 14px; }
/*.buylist .buyItem div, .buylist .buyItem span { display: inline-block; }*/
.buylist .buyItem .control{position:absolute; left:205px; top:-2px; float:none;}
.buylist .buyItem .control .gpstat {padding: 1px 4px; color: #767676; background-color: #f0f0f0; font-size: 12px; font-weight: 300; }
.buylist .buyItem .control .gpstat.challenge { background-color:#722fdb; color:#fff; line-height:18px;}
.buylist .buyItem .odcheck { /*position: absolute; left: -1px; top: 0;*/ height: 20px; box-sizing: border-box; -webkit-box-sizing: border-box; z-index: 3; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; z-index: 1; }
.buylist .buyItem .rcontent {position:static; float: right; margin:0; width:15%; height:auto; text-align:right;}
.buylist .buyItem .sellernm .material-icons { font-size: 16px; padding: 0; vertical-align: -4px;}

.buylist .buyItem .odnm {position:relative; float:left; font-size: 14px; color: #555; font-weight: 500; max-width: 85%; height:auto; overflow: hidden; padding: 36px 0 30px 140px; }
/*.buylist .buyItem .odnm div { display: block; width: 100%; line-height: 16px; height: auto;}*/
/*.buylist .buyItem .odnm div:first-child { font-size: 15px; }*/
/*.buylist .buyItem .odnm div:last-child { font-size: 11px; color: #999; }*/

.buylist .buyItem .odnm .bgthumb { top: 15px; left: 0; width: 100px; height: 100px; }
.buylist .buyItem .odnm .thumb { width: 100%; height: 100%; line-height: 300px; }
.buylist .buyItem .odnm div.prodnm{display:inline-block;}
.buylist .buyItem .odnm div.title {display:block; overflow: hidden; word-break: break-all; color: #555; line-height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.buylist .buyItem .odnm div.byline {display:block; padding:4px 0 0;}
.buylist .buyItem .odnm .orderpaymentbtn { display:inline-block; height:15px; line-height:22px; font-size:12px; font-weight:400; color:#888; transition:all .1s ease-in; letter-spacing:-0.04em; }
.buylist .buyItem .odnm .orderpaymentbtn:hover { color:#222; }
.buylist .buyItem .odnm .orderpaymentbtn .material-icons { font-size:15px; vertical-align:-3px; }
.buylist .buyItem .odnm div.title:hover { text-decoration: underline; }
.buylist .buyItem .odnm div.price {display:inline-block; text-align:left; width:auto; min-width:100%; color: #555; line-height:20px; }
.buylist .buyItem .oddt { line-height: 14px; font-size: 12px; color: #555; }
.buylist .buyItem .qa {width:100%;}
.buylist .buyItem .qa div { line-height: 1.3; }
.buylist .buyItem .qa div button { margin-top: 4px; width: 80px;}
.buylist .buyItem .qa div button.btn_bluehover:hover { border-color: #1c9ed7 !important; }
.buylist .buyItem .qa div button.qabtn { width: auto; padding: 0; margin: 0; font-size:12px; border-bottom:1px solid #767676;}
.buylist .buyItem .qa div button.qabtn:hover { border-color: #555 !important; }
.buylist .buyItem .qa .buttonwrap a,
.buylist .buyItem .qa .buttonwrap button { display: block; padding: 0; width: 85px; margin: 4px auto; background:transparent; text-align:center;}
.buylist .buyItem .qa .buttonwrap button .material-icons { font-size: 13px !important; vertical-align: -2px; margin-right: 2px; }
.buylist .buyItem .qa .buttonwrap button.btn_challengecolor_grid { border-color:#722fdb !important; }
.buylist .buyItem .qa .buttonwrap button.btn_challengecolor_grid .material-icons { color:#fff !important; }
.buylist .buyItem .qa .buttonwrap {width: 100%; height: auto; padding:0 86px 0 116px; margin: 0; font-size:0; }
.buylist .buyItem .qa .seller_infobox {padding:22px 0 0; width: 100%; text-align:right; }
.buylist .buyItem .qa .seller_infobox .sellernm { width: 100%; height: 1.4em; color: #222; font-size: 14px !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height:20px; margin:0 0 4px;}

.buylist .buyItem .qa .seller_infobox .material-icons.store{font-size:17px; color:#555; vertical-align:-3px;}
.buylist .buyItem .qa .seller_infobox .seller_telnum{display:inline-block;}
.buylist .buyItem .qa .seller_infobox .seller_call{  line-height:1.4;}
.buylist .buyItem .paymethod { font-size: 13px; width: 80px; height: 100%; overflow: hidden; }
.buylist .buyItem .price { color: #222; font-size: 14px; min-width: 100px; text-align: right; padding-right: 18px; }
.buylist .buyItem .action_btn { width: 60px; text-align: center; line-height: 96px; }
.buylist .buyItem .action_btn button { color: #222; }

.buylist li:hover{ background-color: #f3f3f3; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; }
.buylist li:hover .mydealprogressarea{ background-color: #fff; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; }
.buylist .buyItem .controlbtn {clear:both; display:block; height:25px; width:100%;}
.buylist .buyItem .controlbtn .buttonwrap .small{position:relative; display:inline-block; padding:0; margin:0; width:100px; line-height:1.8; font-size:14px; vertical-align:middle; border:none;}
.buylist .buyItem .controlbtn .buttonwrap .ddable_btn{color:#722fdb;}
.buylist .buyItem .controlbtn .buttonwrap .small:after{content:""; position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:0; height:1px; background: #05adcb; transition: width 0.2s;}
.buylist .buyItem .controlbtn .buttonwrap .small.btn_green_grid:after{display:none;}
.buylist .buyItem .controlbtn .buttonwrap .small.ddable_btn:after{display:none;}
.buylist .buyItem .controlbtn .buttonwrap .small:hover{color:#05adcb;}
.buylist .buyItem .controlbtn .buttonwrap .small:hover:after{width:70%;}
.buylist .buyItem .controlbtn .buttonwrap .ddable_btn:hover{color:#fff; background:#722fdb}
.buylist .buyItem .controlbtn .buttonwrap .small+.small:before{content:""; position:absolute; left:-1px; top: 50%; transform:translateY(-50%); width:1px; height:10px; background:#ccc;}
.buylist .buyItem .controlbtn .buttonwrap .small .alram{position:absolute; right:5px; top:-1px; width:5px; height:5px; background:#ff0000; border-radius:100%;}

.buylist .orderdetail { position: relative; font-size: 13px; /*border-bottom: 1px solid #eee;*/z-index: 3; display: none; }
.buylist .orderdetail .desc { position: relative; z-index: 2;}
.buylist .orderdetail .buyItem { position: relative; width: 100%; padding: 0 0 0 10px; border-bottom: 0; border-bottom: 1px solid #ddd; background-color: transparent; }
.buylist .orderdetail .buyItem:hover { background: none; }
.buylist .orderdetail .sellernm { margin-left: 8px; width: auto; padding-right: 5px; }
.buylist .orderdetail .sellernm .btnwrap button { padding: 0 6px; }
.buylist .orderdetail .sellernm .btnwrap button .material-icons { font-size: 14px !important; vertical-align: -3px; margin-right: 2px; }
.buylist .orderdetail .sellernm .btnwrap button:hover .material-icons { color: inherit; transition: 0s; }
.buylist .orderdetail table { width: 100%; color: #222; font-size: 13px; -moz-box-sizing: border-box; box-sizing: border-box; margin: 5px 0 60px 0; border-top: 1px solid #999; }
.buylist .orderdetail table th { font-weight: normal; text-align: right; padding: 5px 0; color: #aaa; }
.buylist .orderdetail table tr td { vertical-align: middle; padding-bottom: 2px; }
.buylist .orderdetail table tr td .title { line-height: 15px; }
.buylist .orderdetail table tr td .title:hover { text-decoration: underline; }
.buylist .orderdetail .prod, .buylist .orderdetail .info { position: relative; display: inline-block; width: 67%; height: 100%; min-height: 240px; background: #f3f3f3; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.buylist .orderdetail .prod { background-color:#eee; }
.buylist .orderdetail .info { padding: 4px 0 4px 15px; width: 33%; background: #fff; height: 100%; line-height: 12px; color: #999; font-size: 12px; float: right; background-color:transparent; }
.buylist .orderdetail .info button { vertical-align: 1px; margin: 7px 0 0;}
.buylist .orderdetail .info .txtline { color: #222; font-size: 13px; line-height: 18px; margin: 2px 0 10px 0; }
.buylist .orderdetail .info .txtline input { margin-bottom: -1px; box-shadow:none; }
.buylist .orderdetail .stat { width: 200px; }
.buylist .orderdetail .totalprice { position: absolute; right: 20px; bottom: 20px; text-align: right; font-size: 14px; }
.buylist .orderdetail .control { /*position: absolute; right: 0; top: 0; width: 180px; height: 100%; border-left: 1px solid #ddd; text-align: center;*/ }
.buylist .orderdetail .control button { min-width: 100px; max-width: 110px; padding: 0 10px; margin-top: 2px; }

.buylist .mydealprogressarea { padding:30px; margin: 15px 15px; background:#f6f6f6; }
.buylist .mydealprogress {margin-top:6px; padding: 20px 0 0; border-top:1px solid #999; }
.buylist .mydealprogress .floatwrap { margin:0 -10px; }
.buylist .mydealprogress .col { float:left; width:25%; min-height:84px; padding:0 10px; }
.buylist .mydealprogress .col .inner { position:relative; text-align:center; /* padding:0 0 0 41px;*/ }
.buylist .mydealprogress .col .icon {/* position:absolute; top:0; left:0; */font-size:16px; padding:6px; border:1px solid; border-radius:50%; }
.buylist .mydealprogress .col .txt { height:58px; margin-top:10px; color:#222; font-size:14px; }
.buylist .mydealprogress .col .title { margin-bottom:4px; font-weight:700; }
.buylist .mydealprogress .col .estimate { font-size:12px; color:#999; }
.buylist .mydealprogress .col.share .state > span { opacity:.5; font-weight:300; }
.buylist .mydealprogress .col.share .state .active { opacity:1; font-weight:700; color:#722fdb; }
.buylist .mydealprogress .col .stdbtn { height:22px; line-height:20px; margin-top:4px; }
.buylist .mydealprogress .col.reward .txt, .buylist .mydealprogress .col.reward .icon  { color:#722fdb; }

.rewardapp { text-align:center; }
.rewardapp .qrcode { width: 140px; height: auto;  margin-top: 18px; background: url(/Common/images/QRCodeImg_appinstall.jpg) no-repeat;  background-size: 100%; }
.rewardapp .qrcode::after { content:'';display:block;padding-top:108%; }

.al_list ul { font-size: 14px; }
.al_list li { min-height: 20px; padding: 8px 0; border-bottom: 1px solid #eee; }
.al_list li p.bell { background: url('/Common/images/icons/icon_bell_20.png') 2px center no-repeat; padding-left: 30px; }
.al_list li p.cuttxt { display: block; height: 22px; line-height: 22px; width: 80%; text-align: left; }
.al_list li span { width: 16%; height: 22px; text-align: right; color: #0da8c4; float: right; overflow: hidden; }
.al_list.popup { position: relative; min-height: 200px; max-height: 320px; padding-bottom: 40px; overflow-y: hidden; padding: 0; }
.al_list.popup ul { height: 100%; overflow-y: auto; padding-right: 10px; font-size: 11px; }


li.btnrange { padding-left: 3px; }
.btnrange button { margin-left: -3px; }
.centercontent { margin: 0 0 0 160px; position: relative; background: #fff; z-index: 0; display: block; padding: 0 10px 10px 10px; }
.centercontent.seller { margin: 0 8px 0 160px; }
.centercontent .pagetitle { margin: 20px 20px 5px 20px; }
.centercontent .pagedesc { margin: 0 20px; }
.centercontent .hornav { padding: 0 20px 0 0; }
.linkcontent { position: relative; }
.solocontent { width: 600px; margin: 100px auto 0 auto; border: 1px solid #333; background: #fff; }
.soloimg { text-align: center; padding: 10px 0 40px 0; }
.solopage { background: #fff url('/Common/images/bg_login.png'); }
.withmenucoll .centercontent { margin-left: 56px; }
.withmenucoll2 .centercontent { margin-left: 36px; }
.contentwrapper { padding: 0; }
.contentwrapper.cms { padding: 0px; }
.innerwrapper { padding: 10px 0; min-height: 400px; }
.withrightpanel { margin-right: 260px; }
.subcontent { position: relative; }
.contenttitle { background: #32415A; color: #FB9337; text-transform: uppercase; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; font-size: 14px; font-weight: normal; }
.contenttitle h4 { padding: 12px 10px; font-size: 14px; }
.contenttitle2 { margin: 0; border-bottom: 2px solid #FB9337; padding-bottom: 1px; padding-right: 20px; display: inline-block; }
.contenttitle2 h3 { font-size: 12px; font-weight: bold; text-transform: uppercase; }
.contenttitle3 { margin: 50px 0 0 0; border-bottom: 2px solid #FB9337; padding-bottom: 1px; padding-right: 20px; display: block; }
.contenttitle3 h3 { font-size: 20px; padding-bottom: 5px; font-weight: bold; text-transform: uppercase; font-family: 'Noto Sans KR',Gulim; }
.bx-wrapper { border: 1px solid #ddd; width: auto !important; line-height: 21px; overflow: hidden; height: 402px !important; }
.slide_wrap { padding: 20px 50px; min-height: 60px; }
.bx-prev { position: absolute; top: 0; left: 0; width: 30px; height: 100%; opacity: 0.6; vertical-align: middle; background: #eee url('/Common/images/prev.png') no-repeat center center; border-right: 1px solid #ddd; }
.bx-next { position: absolute; top: 0; right: 0; width: 30px; height: 100%; opacity: 0.6; vertical-align: middle; background: #eee url('/Common/images/next.png') no-repeat center center; border-left: 1px solid #ddd; }
.bx-prev:hover, .bx-next:hover { opacity: 1; }
.slide_img { float: left; }
.slide_content { margin-left: 120px; }
.slide_content h4 { font-size: 18px; font-weight: normal; font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif; }
.slide_content h4 a { color: #FB9337; }
.slide_content h4 a:hover { color: #485B79; }
.slide_content p { margin: 10px 0; }


.gp_stat, .od_stat { display: inline-block; text-align: center; min-width: 48px; color: #fff; vertical-align: -2px; padding: 4px 3px 2px 3px; font-size: 11px; font-family: Dotum; letter-spacing: -1px; opacity: 0,8; }
/*.gp_005010 { background-color: #E7AE45; }
.gp_005020 { background-color: #FF852C; }
.gp_005030 { background-color: #999; }
.gp_005031 { background-color: #E40A0A; }
.gp_005040 { background-color: #00A7F8; }
.gp_005041 { background-color: #00A7F8; }
.gp_005042 { background-color: #00bcd4; }
.gp_005043 { background-color: #CCC; }*/
.od_stat.od_010010 { background-color: #00bcd4; }
.od_stat.od_010020 { background-color: #FF852C; }
.od_stat.od_010030 { background-color: #3AAEE7; }
.od_stat.od_010040 { background-color: #FFCA13; }
.od_stat.od_010050 { background-color: #ccc; }
.od_stat.od_010060 { background-color: #00A7F8; }
.od_stat.od_010061 { background-color: #ccc; }
.od_stat.od_010062 { background-color: #ccc; }
.od_stat.od_010070 { background-color: #ccc; }
.od_stat.od_010071 { background-color: #ccc; }
.od_stat.od_010072 { background-color: #ccc; }
.od_stat.od_010080 { background-color: #ccc; }
.od_stat.od_010081 { background-color: #ccc; }
.od_stat.od_010082 { background-color: #ccc; }
.stdtable { width: 100%; }
.stdtable .con0 { background: #fff; }
.stdtable .con1 { background: #fcfcfc; }
.stdtable .con2 { background: none; }
.stdtable th, .stdtable td { line-height: 15px; vertical-align: middle; color: #333; }
.stdtable thead th, .stdtable thead td { padding: 7px 10px; border: 1px solid #e1e1e1; border-left: 0; text-align: left; }
.stdtable thead tr.nonborder th { border-top: 0; }
.stdtable thead tr.nonborder th:first-child { border-left: 0; }
.stdtable tfoot th, .stdtable tfoot td { padding: 7px 10px; border-right: 0px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; text-align: left; }
.stdtable thead th:first-child, .stdtable tfoot th:first-child, .stdtable thead td:first-child, .stdtable tfoot td:first-child { border-left: 1px solid #e1e1e1; }
.stdtable thead th:last-child, .stdtable tfoot th:last-child, .stdtable thead td:last-child, .stdtable tfoot td:last-child { border-right: 1px solid #e1e1e1; }
.stdtable thead th.head0, .stdtable tfoot th.head0, .stdtable thead td.head0, .stdtable tfoot td.head0 { background-color: #fcfcfc; }
.stdtable thead th.head1, .stdtable tfoot th.head1, .stdtable thead td.head1, .stdtable tfoot td.head1 { background-color: #fcfcfc; }
.stdtable thead th.head2, .stdtable tfoot th.head2, .stdtable thead td.head2, .stdtable tfoot td.head2 { background-color: #fcfcfc; padding: 5px 10px; font-weight: normal; }
.stdtable thead th.sorting, .stdtable thead td.sorting { background-image: url('/Common/images/sort_both.png'); background-repeat: no-repeat; background-position: right center; }
.stdtable thead th.sorting_asc, .stdtable thead td.sorting_asc { background-image: url('/Common/images/sort_asc.png'); background-repeat: no-repeat; background-position: right 9px; }
.stdtable thead th.sorting_desc, .stdtable thead td.sorting_desc { background-image: url('/Common/images/sort_desc.png'); background-repeat: no-repeat; background-position: right 9px; }
.stdtable thead th.nosort { background-image: none !important; }
.stdtable thead td { font-weight: bold; }
.stdtable thead td.center { text-align: center; }
.stdtable thead td { font-weight: bold; }
.stdtable tbody.plist td { padding: 5px 5px; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; color: #888; }
.stdtable tbody td { padding: 5px; border-right: 0px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; color: #888; }
.stdtable_pp tbody td { padding: 10px 10px 8px 10px; }
.stdtable tbody td span.moveicon { display: inline-block; width: 16px; height: 16px; background: url('/Common/images/icons/widgets.png') no-repeat 0 center; vertical-align: middle; opacity: 0.3; cursor: move; }
.stdtable tbody tr:last-child td { border-bottom: 1px solid #e1e1e1; }
.stdtable tbody tr td:first-child { border-left: 1px solid #e1e1e1; }
.stdtable tbody tr td:last-child { border-right: 1px solid #e1e1e1; }
.stdtable tbody tr.togglerow td { background: #fff; padding: 15px; }
.stdtable tbody tr.togglerow:hover td { background: #fff; }
.stdtable.subchart tbody tr.hiderow { display: none; }
.stdtable.subchart tbody tr:last-child td { border-bottom: 0px solid #e1e1e1; }
.stdtable.subchart tbody tr td:first-child { border-left: 0px solid #e1e1e1; }
.stdtable.subchart tbody tr td:last-child { border-right: 0px solid #e1e1e1; }
.stdtable.subchart tbody tr.togglerow td { background: #fff; padding: 15px; }
.stdtable.subchart tbody tr.togglerow:hover td { background: #fff; }
.stdtable.subchart tbody tr.hiderow { display: none; }
.stdtable .actions { text-align: center; }
.stdtable .actions a { display: inline-block; margin-left: 5px; border-left: 1px solid #e1e1e1; padding-left: 5px; }
.stdtable .actions a:first-child { border-left: 0; margin-left: 0; }
.stdtable .actions a:hover { color: #00bcd4; }
.stdtable a { font-weight: normal; color: #222; margin-right: 2px; }
.stdtable a:hover { color: #00bcd4; }
.topborder_1px { border-top: 1px solid #e1e1e1; }
.stdtable.noborder th, .stdtable.noborder td, .stdtable.noborder tr { border: 0; }
.charttable { width: 100%; border: 0; border-spacing: 0; padding: 0; border-collapse: collapse; }
.charttable th, .charttable td { padding: 0; border-bottom: 1px solid #ddd; }
.charttable tbody td { padding: 0; border: 1px solid #ddd; margin: 0; }
.subchart tbody td { padding: 6px 5px; text-align: center; border: 0; border-bottom: 1px solid #ddd; }
.subchart thead th { border: 0; border-bottom: 1px #ddd solid; }
.subchart thead th:first-child, .stdtable tfoot th:first-child, .subchart thead td:first-child, .stdtable tfoot td:first-child { border: 0; border-bottom: 1px #ddd solid; }
.tableoptions { background: #fcfcfc; border: 1px solid #e1e1e1; border-bottom: 0; padding: 8px; min-height: 32px; }
.tableoptions_b { background: #fcfcfc; border: 1px solid #e1e1e1; border-top: 0; min-height: 32px; padding: 8px; vertical-align: baseline; }
.tableoptions_b2 { background: #fff; border: 0px; padding: 8px; min-height: 32px; vertical-align: baseline; text-align: center; }
.tableoptions button { background: #eee; font-size: 12px; font-weight: normal; color: #555; padding: 5px 10px 3px 10px; border: 1px solid #ccc; margin: 0; outline: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.tableoptions select { border: 1px solid #ccc; padding: 5px 2px; min-width: 40%; background: #fcfcfc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: inset 1px 1px 2px #ddd; -webkit-box-shadow: inset 1px 1px 2px #ddd; box-shadow: inset 1px 1px 2px #ddd; color: #555; }
.tablehead { background: #fcfcfc; border: 1px solid #e1e1e1; border-bottom: 0; padding: 8px; min-height: 28px; margin-top: 20px; }
.tablehead:first-child { margin-top: 0; }
.tb_title { display: block; font-family: 'Noto Sans KR', Gulim, Dotum; }
.tableoptions button.btn_col { background: #00bcd4; font-size: 12px; font-weight: normal; color: #fff; padding: 5px 10px 3px 10px; border: 1px solid #A2B728; margin: 0; outline: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.tableoptions button.btn_col:hover { cursor: pointer; }
.tableoptions select, .tableoptions_b select { background: #fff; padding: 6px 5px 7px 5px; border: 1px solid #ccc; margin: 0; outline: none; font-size: 12px; color: #555; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.tableoptions.title { height: 32px; background: #eee url('/Common/images/thead.png') repeat-x top left; color: #26A0DA; padding: 12px 10px 0 10px; font-weight: bold; border: 1px solid #ddd; }
.tableoptions.subtitle { margin-top: 8px; height: 32px; background: #eee url('/Common/images/thead.png') repeat-x top left; color: #26A0DA; padding: 12px 10px 0 10px; font-weight: bold; border: 1px solid #ddd; }
.tableoptions a.refresh { background-image: url('/Common/images/selectno.png'); background-position: 7px 7px; background-repeat: no-repeat; padding-left: 27px; border-color: #ccc; color: #999; }
.tableoptions a.refresh.on { background-image: url('/Common/images/selectall.png'); background-position: 7px 7px; background-repeat: no-repeat; padding-left: 27px; color: #FB9337; border-color: #FB9337; }
.selected a { border-color: #fb9337; background: #fff4eb; }
.stdtable.permtable td { vertical-align: top; }
.stdtable.permtable td { border-top: 1px solid #ddd; }
.stdtable.permtable td td { border-top: 0; vertical-align: middle; }
.db-nothing { font-size: 20px; letter-spacing: -1px; font-weight: 300; line-height: 100px; color: #555; text-align: center; }
.tb_nothing { text-align: center; height: 300px; font-size: 18px; line-height: 300px; color: #555; /*background: url('/Common/images/icon_tbnothing.png') center 80px no-repeat;*/ border: 0 !important; }
.db_nothing { position: fixed; left: 0; top: 0;  width: 100%; height: 100%; text-align: center; font-size: 20px; letter-spacing: -0.02em; line-height: calc(100vh - 64px); background:#f1f1f1; z-index:2;}
.dataTables_wrapper { position: relative; }
.dataTables_length { background: #fcfcfc; color: #fcfcfc; border: 1px solid #ddd; border-bottom: 0; padding: 8px; }
.dataTables_length { -moz-box-shadow: inset 0 1px 0 #fff; -webkit-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; }
.dataTables_empty { height: 140px; text-align: center; }
.dataTables_wrapper select { display: none; }
.dataTables_wrapper input { border: 1px solid #ddd; padding: 7px 5px 8px 5px; width: 147px !important; background: #fff; }
.dataTables_filter { position: absolute; top: 5px; right: 5px; display: inline; }
.dataTables_info { float: left; position: relative; top: 6px; left: 10px; font-size: 11px; font-family: Dotum; }
.dataTables_info2 { position: absolute; bottom: 5px; left: 10px; font-size: 11px; font-family: Dotum; }
.dataTables_paginate { text-align: center; margin:15px 0; width: 100%;}
.dataTables_paginate span { display: inline-block; }
.dataTables_paginate a {display:inline-block; width:34px; height:24px; margin:0 2px; padding:0; vertical-align:top; line-height: 24px; white-space:nowrap; }
.dataTables_paginate .paginate_button.readonly, .dataTables_paginate .paginate_button.paginate_button_disabled {opacity:0.2;}
.dataTables_paginate .paginate_active { color:#fff; background:#00bcd4;}
.dataTables_paginate .paginate_button:not(.readonly):hover {color:#00bcd4;}
.dataTables_paginate  .material-icons {vertical-align:-6px;}
form input[type=text], form input[type=password] { height: 38px; border: 1px solid #ccc; padding: 0 4px 0 7px; width: 99.8%; background: #fff; color: #222; vertical-align: top; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: all ease-in-out .15s; transition: all ease-in-out .15s; }
form input[type=text]:-ms-input-placeholder, form input[type=password]:-ms-input-placeholder, form textarea:-ms-input-placeholder { color: #aaa; }
form input[type=text]::-moz-placeholder, form input[type=password]::-moz-placeholder, form textarea::-moz-placeholder  { color: #aaa; }
form input[type=text]::-webkit-input-placeholder, form input[type=password]::-webkit-input-placeholder, form textarea::-webkit-input-placeholder { color: #aaa; }
form input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset !important; }
form .navbar .form-group input[type=text] { width: 160px; }
form .navbar input[type=text], form .navbar input[type=password] { height:34px; background:#fff; box-shadow:none; border:1px solid #ddd; margin-top:8px; }
form .navbar input[type=text]:focus, form .navbar input[type=password]:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); background: #fff; }
form input.smallfix { width: 80px !important; }
form input.smallnum { width: 40px !important; }
form input[type=checkbox]:focus, form input[type=radio]:focus { background: none; }
form textarea { padding: 6px 5px; border: 1px solid #ccc; width: 85%; background: #fff; color: #555; resize: none; }
form select { border: 1px solid #ccc; height: 38px; padding: 0 0 0 7px; vertical-align: -1px; min-width: 40%; background: #fff; color: #222; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
form select:disabled { text-shadow: none; }
form button { border: 1px solid #ddd; color: #fff; cursor: pointer; padding: 5px 10px 3px 10px; vertical-align: top; }
form button.medium, form button.small { vertical-align: middle; }
form input.smallinput, form textarea.smallinput { width: 40%; }
form input.mediuminput, form textarea.mediuminput { width: 60%; }
form input.longinput, form textarea.longinput { width: 85%; }
form input.readonly, form select:disabled { padding-right: 80px; background: #f6f6f6 url('/Common/images/icons/ic_lock_outline_black_24dp_1x.png') right 5px no-repeat; background-size: 18px; -webkit-appearance:none; }
form input[type=radio].readonly { background-color:transparent; -webkit-appearance: radio; }
form select:disabled { padding-right: 0; }
form input.readonly.nolock { background-image: none; }
form input.error { border: 1px solid #FF852C; }
form textarea.readonly { border: 1px solid #fff; background-color: #fff; }
form textarea.error { border: 1px solid #FF852C; }
form textarea.error { border: 1px solid #FF852C; }
form select.error { border: 1px solid #FF852C; }
form div.error { border: 1px solid #FF852C; }
form label.error { float: none; display: block; width: 100% !important; height: 30px; line-height: 30px; padding: 0 !important; font-size: 12px; text-align: left; padding-left: 30px !important; background: url('/Common/images/icons/ic_error_outline_white_24dp_1x.png') left center no-repeat; }
form #div_showError, form #div_showError_answer, .ErrorBox { position: relative; padding: 10px; margin-top: 5px; display: none; border: 1px solid #FF852C; background: #FF9240; }
form #div_showError.popup { margin-top: -42px; background-color: #FF5900; overflow: hidden; }
form #div_showError.popup label { }
form #div_showError a.close, .ErrorBox a.close { position: absolute; width: 14px; height: 14px; top: 5px; right: 5px; background-image: url('/Common/images/close.png'); background-repeat: no-repeat; background-position: -14px 0; }
form #div_showError a.close:hover, .ErrorBox a.close:hover { background-position: -14px -14px; }
form #div_showError label, form .ErrorBox label { background: url('/Common/images/icons/ic_error_outline_white_24dp_1x.png') left center no-repeat; color: #fff; }
form #excelResult { border: 1px solid #ddd; padding: 40px 20px 20px 20px; height: 60px; margin: 0 20px; color: #FF852C; text-align: center; }
form #excelResult label { clear: left; width: auto; background-position-y: 4px; margin: 0 auto; }
.tooltip { display: inline-block; width: 13px; height: 8px; position: absolute; background: url('/Common/images/bg_tooltip_dn.png') center top no-repeat; }

.listcontrol { height:58px; line-height:58px; padding:0 5px; }
.listcontrol .col { padding:0 10px; }
.listcontrol .col select { width:120px; height:34px; border-radius:0; border-color:#ddd; padding-left:7px; background-color:transparent; transition:0.15s; }
.listcontrol .col select:focus { background-color:#fff; }

.helpmsg { background: #fff; margin: 10px 5px; padding: 6px 10px 4px 10px; }
.stdform.w500 { width: 500px; }
.stdform p { position: relative; padding-left: 28%; margin: 4px 0; font-size: 14px; line-height: 38px; }
.stdform p .txtline { display: inline-block; font-size: 15px; height: 38px; line-height: 38px; color: #222; margin-left: 4px; }
.stdform p:not(.receive) .switchery { margin-top: 10px; }
.stdform p span:first-child { display: inline-block; }
.stdform div.par { overflow: hidden; }
.stdform span.field, .stdform div.field { display: inline-block; line-height: 38px; }
.stdform span.radiobox { margin-left: 120px; display: block; position: relative; padding-top: 5px; }
.stdform .formwrapper { display: block; padding-top: 10px; margin-left: 220px; line-height: 25px; }
.stdform p label:first-child { position: absolute; left: 0; display: inline-block; width: 24%; height: 38px; min-width: 110px; line-height: 38px; text-align: left; color: #888; }
.stdform input[type=text], .stdform input[type=password] { width: 100%; }
.stdform input[type=text].smallfix, .stdform input[type=password].smallfix { width: 80px !important; }
.stdform div.txt { border: 1px solid #DDDDDD; border-top: 0px; padding: 20px; min-height: 200px; word-break: break-all; word-wrap: break-word; background: #fff; }
.stdform div.txt p, stdform div.txt div, .stdform div.txt span { height: auto; border: 0px; background: #fff; }
.stdform p.seperate { height: 0px; border-top: 1px solid #ccc; border-bottom: 1px solid #fff; margin: 10px 0; }
.stdform div.oneline p { display: inline-block; width: 45%; }
.stdform span.help { display: inline-block; margin-left: 3px; font-size: 11px; line-height: 22px; background: #f6f6f6 url('/Common/images/txt_help.png') 0 0 no-repeat; font-family: Dotum; color: #999; padding: 2px 10px 0 30px; min-width: 220px; border: 1px solid #e1e1e1; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.stdform label span.help {min-width:280px; margin:0;}
.stdform span.helpbtn { display: inline-block; margin-left: 3px; font-size: 11px; background: #999; color: #f0f0f0; font-family: Dotum; color: #999; padding: 2px 10px 0 10px; min-width: 140px; border: 1px solid #767676; cursor: pointer; }
.stdform small.desc { font-size: 11px; color: #999; font-style: italic; display: block; margin: 5px 0 0 220px; }
.stdform .required { vertical-align: 2px; font-size: 12px; padding-right: 2px; color: orange; font-weight: bold; }
.stdform .btnlist.left { margin: 20px 0 0 27%; padding: 10px 0 0 8px; text-align: left; }
.stdform p .closebtncircle { position:absolute; top:50%; right:10px; transform:translateY(-50%); height:auto; line-height:1; border:0; padding:0; }
.stdform p .closebtncircle .material-icons { border:0; color:#fff; background-color:#ddd; border-radius:50%; padding:3px; font-size:12px; }
.baseform .inputgroup { position: relative; margin-bottom: 30px; }
.baseform .inputgroup input { font-size: 18px; padding: 10px 10px 10px 5px !important; display: block; width: 100%; border: none; border-bottom: 1px solid #008193 !important; background: none; box-shadow: none; -webkit-box-shadow: none; }
.baseform .inputgroup input:focus { outline: none; }
.baseform label { color: #008193; font-size: 18px; font-weight: normal; position: absolute; pointer-events: none; left: 5px; top: 10px; transition: 0.2s ease all; }
.baseform input:focus ~ label, input:valid ~ label { top: -20px; font-size: 14px; color: #fff; }
.baseform input:focus ~ .bar:before, input:focus ~ .bar:after { width: 50%; }
.baseform .rcontent .authTime { color: #ffff80; font-weight: bold; text-align: right; display: inline-block; line-height: 34px; }
.baseform .bar { position: relative; display: block; width: 100%; }
.baseform .bar:before, .bar:after { content: ''; height: 2px; width: 0; bottom: 0; position: absolute; background: #fff; transition: 0.2s ease all; }
.baseform .bar:before { left: 50%; }
.baseform .bar:after { right: 50%; }
.baseform .highlight { position: absolute; height: 60%; width: 100px; top: 25%; left: 0; pointer-events: none; opacity: 0.5; }
.baseform input:focus ~ .highlight { animation: inputHighlighter 0.3s ease; }
.baseform input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #00bcd4 inset !important; }
.baseform.rightbtn button { width: 132px !important; padding: 0 10px; }
.baseform.rightbtn .rcontent { top: 0; right: 0; }
.baseform.grayform label { color: #999; }
.baseform.grayform input:focus ~ label, .baseform.grayform input:valid ~ label { color: #999; }
.baseform.grayform .inputgroup input[type=text], .baseform.grayform .inputgroup input[type=password] { border-bottom: 1px solid #999 !important; }
.baseform.grayform .bar:before, .baseform.grayform .bar:after { background: #00bcd4; }
.baseform.grayform input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #f1f1f1 inset !important; }
.baseform.grayform.whiteform input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #fff inset !important; }

.tableform table:first-child { border-top: 1px solid #ddd; }
.tableform tbody td { padding: 8px 20px; margin-left: 10px; text-align: left; font-weight: bold; }
.tableform tbody.nolrp td { padding: 8px 0px; margin-left: 10px; text-align: left; font-weight: bold; }
.tableform tbody td label { width: auto; font-weight: normal; padding: 0; }
.tableform tbody td input textarea { padding: 20px; }
.tableform label { display: inline-block; width: 140px; padding: 10px 10px; vertical-align: top; text-align: left; }
.tableform span.field, .stdform2 div.field { height: 30px; margin-left: 158px; display: block; background: #fff; padding: 5px 10px; border-left: 1px solid #eee; color: #333; }
.tableform P:first-child { border-top: 1px solid #ddd; }

.searchbar .bgsearchbar { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.02; z-index: 1; display: none; }
.searchbar .tool { position: absolute; text-align: right; }

.searchbar .contextmenu { background: #fff; border: 1px solid #fff; width: 180px; }
.searchbar .contextmenu button { border: 0; text-align: left !important; }
.searchbar .contextmenu button:hover .material-icons, .searchbar .contextmenu button:hover { color: #222 !important; }

.myorder table { font-size: 11px; font-family: Dotum; border-top: 0; border-bottom: 1px solid #ddd; }
.counter { display: block; margin: 5px 0; font-size: 14px; font-family: 'RobotoCondensed', Arial, Helvetica, sans-serif; }
.warning { color: #bb0000; }
.exceeded { color: #ff0000; }
.tabstxt { list-style: none; }
.tabstxt li a { color: #fff; }
.ppt { position: relative; }
.ppt .bigTitle { font-size: 52px; color: #fff; font-weight: bold; line-height: 80px; vertical-align: top; }
.ppt .maindesc { font-size: 20px; line-height: 24px; color: #fff; padding: 15px 0; /*letter-spacing: -1px;*/ height: 100px; }
.ppt .maindesc span, .ppt .maindesc li { display: block; opacity: 0; }
.ppt .maindesc li:nth-child(1) { animation-delay: 100ms; -webkit-animation-delay: 100ms; }
.ppt .maindesc li:nth-child(2) { animation-delay: 200ms; -webkit-animation-delay: 200ms; }
.ppt .maindesc li:nth-child(3) { animation-delay: 300ms; -webkit-animation-delay: 300ms; }
.ppt .maindesc li:nth-child(4) { animation-delay: 400ms; -webkit-animation-delay: 400ms; }
.ppt .maindesc li:nth-child(5) { animation-delay: 500ms; -webkit-animation-delay: 500ms; }
.ppt .subdesc { font-size: 16px; line-height: 20px; padding: 10px 0; opacity: 0; margin-top: 20px; letter-spacing: -1px; }
.ppt .btnlist { opacity: 0; }
.pplayout { padding: 10px; }
.pplayout .stdform { margin: 0; }
/*.precautions { padding: 10px 15px; margin: 0 0 25px; background-color: #ff6c0c; line-height: 1.5; color: #fff; font-size: 13px; font-weight: normal; }
.pplayout .pptitle { padding: 0 0 15px 0; font-size: 20px; color: #222; font-weight: 300; margin-top: -6px; letter-spacing: -1px; }
.pplayout .btnlist { padding: 20px 0; text-align: center; }*/
.precautions{padding: 15px; margin:0 0 40px; background-color: #ff6c0c; line-height: 16px; color: #fff; font-size: 13px; font-weight: normal;}
.pplayout .pptitle { padding: 20px 0 15px 0; font-size: 20px; color: #222; font-weight: bold; margin-top: -6px; letter-spacing: -1px; }
.pplayout .msgwarning { padding: 15px; background-color: #FE4E34; line-height: 16px; color: #fff; font-size: 13px; font-weight: normal; margin:0 0 20px;}
.pplayout .btnlist { padding: 20px 0; text-align: center; }

/*.pplayout .btnlist { padding: 20px 0; }*/

.pplayout .assistance { position:relative; padding:10px 0; border-bottom:1px solid #222;}
.assistance .desc { position:absolute; right:0; top:0; text-align: right; font-size: 16px; color: #555; }
.assistance .desc .coopnm { font-size: 18px; font-weight: 500; line-height: 22px; color: #222; padding-bottom: 4px; }
.assistance .desc .coopdiv { font-size: 14px; line-height: 18px; color: #999; padding-bottom: 8px; }
.assistance .desc .coopmsg {width: auto; font-size: 18px; padding-left: 20px; margin-top: 20px; background: url('/Common/images/main/bg_mark_q.png') left 2px no-repeat; background-size: 14px auto; padding-left: 14px; display: inline-block; }
.assistance .bg_profile { left:0; top:-10px; width: 100px; height: 100px; }

.ad_bigtypo { position: relative; color: #fff; font-size: 38px; line-height: 1.1em; font-weight: bold; margin: 40px 0 20px 0; margin-top: 0; /*padding: 80px 90px 80px 70px;*/ padding: 90px 0 80px; letter-spacing: -2px; overflow: hidden; background: linear-gradient(270deg, #b922ff, #00bcd4); background-size: 400% 400%; -webkit-animation: Anibg 10s ease infinite; -moz-animation: Anibg 10s ease infinite; animation: Anibg 10s ease infinite; }
.ad_bigtypo .smalltitle { color: #ffd800; font-size: 16px; margin-left: 2px; font-weight: 400; letter-spacing: 0; }
.ad_bigtypo .animate { display: inline-block; text-align: center; }
.ad_bigtypo .animate .material-icons { font-size: 44px; color: #fff; vertical-align: -6px; animation: cp-round-animate 1.5s linear infinite; text-align: center; }
.ad_bigtypo .adicon { position: absolute; right: 14px; top: 14px; background: #222; color: #fff; padding: 0 10px; line-height: 24px; font-size: 14px; font-weight: normal; letter-spacing: 1px; opacity: 0.6; display: none; }
.ad_bigtypo .adbgicon { position: absolute; /*top: -130px;*/ top: -200px; right: -120px; }
.ad_bigtypo .adbgicon .material-icons { font-size: 600px; color: #fff; opacity: 0.1; transform: rotate(142deg); }
.partnerscategory { margin: 40px 0 10px; }
.partnerscategory li { float: left; font-size: 15px; font-weight: 300; line-height: 40px; padding: 0 20px; border: 1px solid #ddd; margin-right: -1px; letter-spacing: -1px; cursor: pointer; }
.partnerscategory li:hover, .partnerscategory li.on { position: relative; border-color: #999; color: #222; z-index: 1; }

.ad_pp { padding: 30px 10px; width: 100%; height: 100%; min-height: 594px; text-align: center; }
.ad_pp video { width: 100%; height: 100%; }
.ad_pp .btnlist { position: relative; padding: 20px 0 0; }
.ad_pp .btnlist .rcontent { top: 10px; right: 0; }
.ad_pp .btnlist .rcontent .stdbtn { padding-right: 10px; }
.ad_pp .btnlist .lcontent { top: 10px; left: 0; }
.ad_pp .btnlist .lcontent .stdbtn { position: relative; color: #f0f0f0; margin-right: -4px; overflow: hidden; vertical-align: top; }
.ad_pp .btnlist .lcontent .stdbtn.current { color: #222 !important; font-weight: 500; }
.ad_pp .btnlist .lcontent .stdbtn:hover { background: #f0f0f0 !important; color: #222 !important; }
.ad_pp .playspinner { top: -40%; }
.interview_pp { padding: 5px 10px; }
.interview_pp .btnlist { height: 70px; margin-top: 20px; }
.interview_pp .btnlist .rcontent .stdbtn { padding-right: 20px !important; }
.interview_pp .btnlist .lcontent { top: 16px; left: 0; }

.claim_pp { padding: 30px 10px 60px 10px; }
.claim_pp .desc { font-size: 16px; line-height: 20px; padding: 40px 0; text-align: justify; color: #ff5722; }
.claim_pp ul li { position: relative; min-height: 50px; line-height: 50px; padding: 0 10px; border: 1px solid #222; margin-top: -1px; color: #222; cursor: pointer; }
.claim_pp ul li:hover { background: #f0f0f0; color: #ff5722; }
.claim_pp ul li .rcontent { top: 0; right: 10px; }
.claim_pp ul li span { display: inline-block }
.claim_pp ul li .control { width: 24px; height: 24px; }

.zip_pp .stdtable tbody td:last-child { border: 0; }
.zip_pp .zipcdbar { position: relative; padding: 10px 40px 0 70px; height: 40px; line-height: 15px; border-bottom: 1px solid #ddd; cursor: pointer; }
.zip_pp .zipcdbar .lcontent { top: 24px; left: 15px; }
.zip_pp .zipcdbar .rcontent { top: 19px; text-align: right; }
.zip_pp .zipcdbar div { margin: 10px 0; }
.zip_pp .zipcdbar .zipTxt { width: 30px; height: 16px; border: 1px solid #00bcd4; margin-right: 2px; line-height: 13px; text-align: center; font-size: 10px; color: #fff; background-color: #00bcd4; vertical-align: top; }
.zip_pp .zipcdbar div:last-child .zipTxt { border-color: #ccc; color: #555; background-color: transparent; }
.zip_pp .zipcdbar .zipaddress { width: calc(100% - 32px); vertical-align: top; }

div.slidetitle { position: absolute; left: 20px; top: 84px; color: #fff; font-size: 18px; z-index: 2; }
div.slidetitle:before { content: "#"; }
.pagination { list-style: none; overflow: hidden; }
.pagination li { display: inline-block; float: left; margin-right: 5px; }
.pagination li.first, .pagination li.previous, .pagination li.next, .pagination li.last { font-size: 18px; }
.pagination li a { display: block; font-weight: bold; border: 1px solid #eee; padding: 5px 10px; color: #333; line-height: 21px; vertical-align: top; }
.pagination li a { background: #f7f7f7; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.pagination li a:hover { cursor: pointer; text-decoration: none; background: #eee; }
.pagination li a.current { background: #FB9337; color: #fff; border: 1px solid #F0882C; }
.pagination li.first a:active, .pagination li.previous a:active, .pagination li.next a:active, .pagination li.last a:active { background: #333; color: #fff; border: 1px solid #272727; }
.pagination li a.disable { color: #ccc; }
.pagination li a.disable:hover { background: #f7f7f7; cursor: default; }
.pagination li a.disable:active { background: #f7f7f7; border: 1px solid #ccc; color: #ccc; }
.pagination2 li a { padding: 4px 12px 6px 12px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; }
.icon_notice { text-transform: uppercase; font-size: 11px; color: #FF852C; font-family: Arial; }
.icon_cmt { font-size: 11px; letter-spacing: -1px; color: #FF852C; vertical-align: middle; font-weight: bold; }
/**/ .anchorbutton { padding: 8px 10px; border: 1px solid #ddd; background: #f7f7f7; display: inline-block; font-weight: bold; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }

.roundbtntitle { margin-top: 40px; line-height: 50px; color: #222; font-size: 18px; }
.roundbtn { display: inline-block; min-width: 80px; padding: 0 15px 0 10px; margin: 0 auto; color: #eee; background: #555; border-radius: 30px; font-size: 14px; font-weight: bold; line-height: 38px; text-align: center; cursor: pointer; }
.roundbtn .material-icons { color: #ccc; padding: 0; font-size: 18px; margin-right: 6px; vertical-align: -4px; }
.imgbtn { border: 1px solid #E8E8E8; margin: 0; outline: none; font-size: 16px; padding: 5px 20px; height: 42px; line-height: 28px; background: #fff; font-weight: 500; box-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.1); transition: all .2s ease-in; min-width: 100px; border-radius: 3px; }
.imgbtn:hover { cursor: pointer; background: #f0f0f0; }
.imgbtn.confirm, .imgbtn.confirm2 { color: #fff !important; border: 1px solid #00bcd4 !important; font-weight: 500; background: #00bcd4 !important; }
.imgbtn.confirm:hover, .imgbtn.confirm2:hover { background: #0096a7 !important; border: 1px solid #0096a7 !important; cursor: pointer; color: #fff !important; }
.imgbtn.cancel { color: #555 !important; /*border-color: #ccc !important;*/ background: #f0f0f0 !important; font-weight: 500; }
.imgbtn.cancel:hover { background: #fff !important; }
.imgbtn.big { padding: 8px 20px 8px 20px; }
.imgbtn.config { width: 24px; height: 24px; background: #F7F7F7 url('/Common/images/icons/icon_config.png') 3px 3px no-repeat; border: 1px solid #ccc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.imgbtn.config:hover { background-color: #fff; }
.imgbtn.btn_gp:hover { background: #222; }
.imgbtn.btn_mypage { height: 40px; font-size: 16px; padding: 8px 35px 8px 15px; color: #fff; border: 1px solid #f0f0f0; background: url('/Common/images/icon_dropdown_gnb.png') right center no-repeat; background-color: none; }
.imgbtn.btn_mypage.login { min-width: 170px; text-align: right; }
.imgbtn.btn_fav { height: 40px; font-size: 16px; padding: 8px 20px; border: 1px solid #f0f0f0; background: url('/Common/images/icons/fav.png') center center no-repeat; background-color: none; }
.imgbtn.btn_mypage.current, .imgbtn.btn_fav.current { background-color: #555; border-color: #222; }
.imgbtn.btn_normal { background: #A4BB29; padding: 4px 10px 3px 10px; height: 30px; color: #fff; font-size: 12px; font-family: Gulim; }
.sqbtn { color: #fff; border: 1px solid #0d9fb9; background: #00bcd4; margin: 0; outline: none; font-size: 16px; font-weight: 500; padding: 0 20px; height: 60px; line-height: 58px; box-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.1); transition: all .2s ease-in; }
.sqbtn > * { color: #fff; }
.sqbtn:hover { background: #0d9fb9; border: 1px solid #0d9fb9; cursor: pointer; color: #fff; }

.cartoontitle { font-family: 'Noto Sans KR', Gulim, Dotum; font-size: 18px; padding: 40px 0 20px 0; text-align: center; width: 100%; }
a.btn_orange { background-image: url('/Common/images/icons/sprites.white.png'); background-color: #FB9337; color: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-color: #F0882C; opacity: 0.9; }
a.btn_orange span { background-color: #FB9337; border-left: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
a.btn_orange:hover { opacity: 1; color: #fff; border-color: #F0882C; }
a.btn_blue { background-image: url('/Common/images/icons/sprites.white.png'); background-color: #0f91f5; color: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-color: #0976c9; opacity: 0.9; }
a.btn_blue span { background-color: #0f91f5; border-left: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
a.btn_blue:hover { opacity: 1; color: #fff; border-color: #0976c9; }
a.btn_black { background-image: url('/Common/images/icons/sprites.white.png'); background-color: #333; color: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-color: #222; opacity: 0.9; }
a.btn_black span { background-color: #333; border-left: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
a.btn_black:hover { opacity: 1; color: #fff; border-color: #222; }
a.btn_yellow { background-color: #fee74d; color: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-color: #ebb205; opacity: 0.9; }
a.btn_yellow span { background-color: #fee74d; border-left: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
a.btn_yellow:hover { opacity: 1; color: #fff; border-color: #ebb205; }


.addcomment { padding-right: 10px; margin-bottom: 20px; }
.addcomment textarea { width: 100%; }
.mywish ul { list-style: none; }
.mywish ul li { display: block; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; height: 113px; }
.mywish ul li:last-child { border-bottom: 0; }
.mywish ul li span { display: inline-block; }
.mywish ul ul { list-style: none; clear: left; }
.mywish ul ul input { margin-top: 24px; }
.mywish ul ul li { border: 0; height: 80px; float: left; padding: 15px 5px 10px 5px; color: #999; }
.mywish ul ul li a.thumb { width: 120px; height: 90px; display: block; border: 1px solid #ccc; background-color: #f0f0f0; cursor: pointer; }
.mywish ul ul li div.chkarea { padding-top: 22px; text-align: left; }
.mywish ul ul li.nth1 { width: 25px; text-align: center; border-top: 0; padding-left: 0; }
.mywish ul ul li.nth2 { width: 120px; text-align: center; padding-top: 10px; padding-left: 0; text-align: left; }
.mywish ul ul li.nth3 { width: 420px; line-height: 15px; padding-top: 20px; }
.mywish ul ul li.nth4 { float: right; width: 30px; }
.mywish .dataTables_paginate { border: 0; color: #999; border-top: 1px dotted #aaa; }
.mywish .dataTables_info { color: #999; }

@-webkit-keyframes Gradient {
    0% { background-position: 0% 0% }
    50% { background-position: 100% 100% }
    100% { background-position: 0% 0% }
}

@-moz-keyframes Gradient {
    0% { background-position: 0% 0% }
    50% { background-position: 100% 100% }
    100% { background-position: 0% 0% }
}

@keyframes Gradient {
    0% { background-position: 0% 0% }
    50% { background-position: 100% 100% }
    100% { background-position: 0% 0% }
}

.errorwrapper { margin: 0 auto; padding: 40px 20px; width: 640px; text-align: center; }
.errorwrapper img { text-align: center; }
.errorwrapper .innertxt { margin-top: 50px; padding: 20px 20px 20px 220px; background: url('/Common/images/ill_error.png') no-repeat left 10px; text-align: left; }
.errorwrapper h1 { font-size: 32px; margin-bottom: 20px; }
.errorwrapper h3 { font-size: 18px; }
.errorwrapper ul { list-style: none; line-height: 20px; }
.errorwrapper ul li { text-indent: 20px; background: url('/Common/images/list.png') no-repeat 0 0; }
.errorwrapper p { margin: 20px 0; }

.widgetpannel { position: relative; font-size:0; }
.widgetpannel .widget { position: relative; width: 18.90%; min-width: 60px; height: 100px; font-size:14px; background: #fff; color: #fff; padding: 20px; box-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.1); float: left; margin-left: 1.2%; transition: all .2s ease-in-out; }
.widget.nomargin { margin-left: 0; }
.widgetpannel .widget.addnav { padding-bottom: 50px; cursor: pointer; }
.widgetpannel .widget.last { float: right; }
.widgetpannel .widget.dan4 { width: 24.10%; }
.widgetpannel .widget.dan2 { width: 49.32%; }
.widgetpannel .widget.dan3 { width: 32.53%; }
.widgetpannel .widget .title { padding: 0; color: #555; line-height: 20px; }
.widgetpannel .widget .count { font-size: 24px; font-weight: bold; line-height: 28px; color: #222; letter-spacing: -1px; display:inline-block; margin-top:4px;}
.widgetpannel .widget .count.adddesc { margin-top: 4px; }
.widgetpannel .widget .countdesc { font-size: 13px; line-height: 16px; color: #999; margin-left: 10px;  font-weight: normal; font-weight: 300; letter-spacing: 0; vertical-align:6px;}
.widgetpannel .widget .arrow { position: absolute; left:0; bottom: 0; width: 100%; text-align: center; display: none; }
.widgetpannel .widget .arrow .material-icons { font-size: 30px; color: #222; }
.widgetpannel .widget .bgicon { position: absolute; top: 10px; right: 10px; }
.widgetpannel .widget .bgicon .material-icons { color: #aaa; opacity: .5; font-size: 34px; }
.widgetpannel .widget:hover .bgicon .material-icons { opacity: .9; }
.widgetpannel .widget.addnav:not(.selected):hover { background: #f0f0f0; }
.widgetpannel .widget.addnav:not(.selected):hover .arrow { display: block; }
.widgetpannel .widget.selected { background: #00bcd4; box-shadow: inset 0 1px 4px rgba(0,0,0,0.15), inset 0 1px 4px rgba(0,0,0,0.3); }
.widgetpannel .widget.selected > * { color: #fff; }
.widgetpannel .widget.selected .arrow { display: block; }
.widgetpannel .widget.selected .arrow .material-icons { color: #fff; }
.widgetpannel .widget.selected .bgicon .material-icons { /*color:#fff;*/ opacity: 1; color: #0d9fb9; }

.widgetpannel.menu .widget { background: transparent; box-shadow: none; padding: 0 20px; margin: 15px 0; width: auto; height: auto; float: left; border-right: 1px solid #ccc; }
.widgetpannel.menu .widget.addnav { padding-bottom: 0; }
.widgetpannel.menu .widget:first-child { padding-left: 0; }
.widgetpannel.menu .widget.last { border-right: 0; }
.widgetpannel.menu .widget:hover > * { color: #00bcd4; }

.pagelist { width: 100%; margin: 0 auto;}
.pagelist .headtitle.big { font-size: 34px; line-height: 42px; margin-bottom: 25px; letter-spacing: -2px; font-weight: 300; }
.pagelist .headtitle .rcontent { right: 0; font-size: 18px; font-weight: normal; }
.pagelist .headtitle .material-icons { padding: 0; vertical-align: -5px; }
.pagelist .headtitle button { background: none; border: 0; text-align: right; font-size: 16px; padding-right: 0; line-height:60px; }
.pagelist ul li { position: relative; width: 100%; margin-bottom: 8px; vertical-align: top; z-index: 1; }
.pagelist li svg.radial-progress { position:absolute; top:5px; left:5px; width:32px; height:32px; z-index:5; }
.pagelist li svg.radial-progress circle { stroke : rgba(221,221,221, .7); opacity:1; }
.pagelist li svg.radial-progress circle.complete { stroke:#00bcd4; stroke-dashoffset: 221.584067; transition:0s; transition-delay:0s; }
.pagelist li.play svg.radial-progress circle.complete { stroke-dashoffset: 0; transition:all linear 10s; }

/*구독스토어*/
.pagelist .peoplebar { position: relative; height: 58px; padding: 0 0 0 60px; color: #999; line-height: 15px; /*background: #fff;*/ }
.pagelist .peoplebar span { display: inline-block; }
.pagelist .peoplebar .bg_profile { position: absolute; left: 10px; top: 9px; width: 40px !important; height: 40px !important; }
.pagelist .peoplebar div.country { left: -6px; width: 20px; height: 14px; right: inherit; background-size: 90%; }
.pagelist .peoplebar .rcontent { top: 12px; right: 10px; }
.pagelist .peoplebar .storenm { font-size: 18px; color: #222; padding-top: 12px; display: inline-block; letter-spacing: -1px; }
.pagelist .peoplebar .sellernm { font-size: 12px; line-height: 18px; max-width: 300px; height: 18px; overflow: hidden; }
.pagelist .peoplebar .regdt { font-size: 16px; color: #00bcd4; vertical-align: middle; }
.pagelist .peoplebar .regdt.page { padding-top: 14px; }
.pagelist .peoplebar .control { position: absolute; right: 10px; top: 0; line-height: 52px; vertical-align: middle; }
.pagelist .peoplebar .control .material-icons { color: #555; padding: 8px 0; margin-left: 20px; cursor: pointer; }
.pagelist .peoplebar .control .material-icons:hover { color: #00bcd4; }
.pagelist .peoplebar .todoalarm { position: absolute; right: 40px; top: 16px; background: red; color: #fff; width: 24px; height: 24px; font-size: 12px; text-align: center; line-height: 24px; border-radius: 50%; display: none; z-index: 5; }
.pagelist a { display:block; cursor:pointer; }
.pagelist .pannel { position: relative; width: 100%; height: 100%; text-align: left; overflow:hidden; }
.pagelist .pannel .bgthumb { position: relative; width: 100%; height: 100%; background: #fff url('/common/images/icons/ic_wallpaper_dibidibi.png') center center no-repeat; overflow: hidden; z-index: 1; }
.pagelist .pannel .thumb { position: absolute; left: 0; top: 0; display:block; width: 100%; height: 100%; background: url('') center center no-repeat; background-size: cover; overflow: hidden; z-index: 2; /*transition:transform ease .3s;*/ }
.pagelist a:hover .pannel .thumb { transform:scale(1.03); }
.pagelist a:hover .pannel .thumb.videoBox { transform:scale(1); }
.pagelist .pannel .thumb.notfol { background-color: #222; padding-top: 80px; text-align: center; }
.pagelist .pannel .thumb.notfol .material-icons { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); color: #fff; font-size: 60px; }
.pagelist .pannel .filter { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #222 url('') center center no-repeat; opacity: 0.03; filter: alpha(opacity=20); transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in; z-index: 3; }
.pagelist .pannel .stats { position: absolute; bottom: 5px; right: 10px; color: #fff; vertical-align: 2px; line-height: 30px; z-index: 5; }
.pagelist .pannel .stats .bgstats { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #222; opacity: 0.3; }
.pagelist .stats .material-icons { font-size: 16px; color: #fff; margin-left:2px; vertical-align:-6px; }
.pagelist .stats .count { font-family: 'Roboto Condensed', sans-serif; }
.pagelist .pannel .iconmute { position: absolute; left: 8px; top: 10px; opacity: 0.6; z-index: 4; }
.pagelist .pannel .iconmute .material-icons { color: #fff; font-size: 18px; display: none; fill:#fff; }
.pagelist .pannel .iconmute.on .material-icons { display: block; }
.pagelist .pannel .iconmute .material-icons.muted { display: block; }
.pagelist .pannel .iconmute.on .material-icons.muted { display: none; }
.pagelist .pannel .iconvideo { position: absolute; left: 10px; top: 9px; opacity: 0.7; z-index: 5; }
.pagelist .pannel .iconvideo .material-icons { color: #ddd; font-size:22px; }
.pagelist .pannel .bgdesc { position: absolute; width: 100%; height: 180px; font-size: 16px; line-height: 18px; bottom: 0; padding: 94px 10px 12px 10px; vertical-align: bottom; z-index: 4; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 130%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 130%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 130%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22200000', endColorstr='#80000000',GradientType=0 ); }
.pagelist .pannel .bgdesc .relativeDiv { width: 100%; height: 100%; }
.pagelist .pannel .bgdesc .txtline { position: absolute; width: 100%; bottom: 0; vertical-align: bottom; }
.pagelist .pannel .bgdesc .gpnm { font-size: 15px; line-height: 22px; color: #fff; padding-right: 20px; font-weight: 500; padding: 2px 0; width: 96%; word-break: keep-all; word-wrap: break-word; max-height: 64px; overflow: hidden; /*letter-spacing: -1px;*/ z-index: 3; }
.pagelist .pannel .bgdesc .gpprice { font-size: 16px; color: #fff; font-weight: 400; padding-top: 8px; }
.pagelist .pannel .perm { position: absolute; left: 0; bottom: 0; height: 30px; line-height: 28px; background: #fff; font-size: 12px; color: #222; padding: 0 10px; min-width: 60px; text-align: center; z-index: 5; }
.pagelist .pannel .perm .material-icons { font-size: 14px; color: #555; padding: 0; vertical-align: -3px; }
.pagelist a:not(.store):hover .pannel .filter { opacity: 0; }

.pagelist .control { position: absolute; top: 0; right: 0; text-align: right; }
.pagelist .control .material-icons { color: #222; font-size: 26px; cursor: pointer; }
.pagelist .control .material-icons:hover { color: #00bcd4; }
.pagelist .control .material-icons.on { color: #00bcd4 }
.pagelist .dealstatus { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 100%; line-height: 285px; text-align: center; background-color:rgba(0,0,0, .7); overflow: hidden; z-index: 3; }
.pagelist .dealstatus > span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); white-space: nowrap; font-size: 22px; font-weight: 500; line-height: 26px; padding: 0 20px; /*background: #222;*/ color: #fff; vertical-align: middle; border-radius: 3px; -webkit-border-radius: 3px; opacity: 1; }
.pagelist .dealstatus > span .attainment { line-height:35px; }
.pagelist .dealstatus > span .attainment .material-icons { font-size:24px; }
.dealstatus > span .attainment { line-height:24px; background-color: #fff; color: #722fdb; font-size: 16px; font-weight:700; padding: 0 10px; border-radius: 30px; margin-top: 8px; }
.dealstatus > span .attainment .material-icons { font-size:18px; vertical-align:-4px; }
.pagelist .eventcoup { position: absolute; right: 0; top: 0; width: 60px; height: 26px; line-height: 24px; color: #fff; background: #222; text-align: center; overflow: hidden; z-index: 4; }
.pagelist .taglist { height: 22px; line-height: 24px; font-size: 12px; color: #ccc; overflow: hidden; }
.pagelist .taglist span { display: inline-block; padding: 0 4px; margin-right: 3px; }
.pagelist .comment { padding: 5px 0 10px; font-size: 14px; text-align: justify; letter-spacing: -1px; cursor: pointer; }
.pagelist .comment .count { line-height: 30px; font-weight: 500; }
.pagelist .comment .material-icons { font-size: 22px; color: #999; padding: 0 2px 0 0; }
.pagelist .comment span { display: inline; color: #999; }
.pagelist .comment .writer { font-weight: 500; color: #222; padding-right: 10px; }
.pagelist .comment .txtline { word-break: keep-all; word-wrap: break-word; line-height: 16px; padding: 2px 0; }
.pagelist .line2 { position: relative; top: 0; }
.pagelist .line3 { position: relative; top: 10px; display: none; }
.pagelist video, .dealhead video { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); min-width: 100%; height: 100%; width: auto; width: initial; }
.pagelist video.verVideo, .dealhead video.verVideo { width: 100%; height: auto; height: initial !important; min-height: 100%; }

.pagelist.grid { padding: 5px 0; }
.pagelist.grid ul li { width: 50%; float: left; margin: 5px 0; background: transparent; }
.pagelist.grid ul .dealbar { padding-left: 5px; }
.pagelist.grid ul li:nth-child(2n+1) .dealbar { padding-right: 5px; padding-left: 0px; }
.pagelist.grid .peoplebar, .pagelist.grid .btnlist, .pagelist.grid .comment, .pagelist.grid .taglist, .pagelist.grid .comment .txtline { display: none; }
.pagelist.grid .pannel .bgthumb { min-height: 100px; }
.pagelist.grid .pannel .bgdesc { display: none; }
.pagelist.grid .pannel .stat { position: absolute; top: inherit; bottom: 10px; left: 5px; right: inherit; color: #f0f0f0; line-height: 16px; z-index: 5; }

/*상품깍두기 기본*/
.pagelist .dealcard { padding: 5px 0; margin:0 -10px; }
.pagelist .dealcard ul { text-align: left; font-size:0; }
.pagelist .dealcard ul li { text-align: left; width: 20%; height: auto; display: inline-block; vertical-align: top; padding:0 10px; margin: 0 0 80px; font-size:14px; }
.pagelist .dealcard.noseller .seller { display:none; }
.pagelist .dealcard.nohashtag .hashline { display:none; }
.pagelist .dealcard.nostats .stats { display:none; }
.pagelist .dealcard.grid5.oneline ul li:nth-child(6) { display: none; }
.pagelist .dealcard.bgdeal ul li{margin-bottom:0;}{ display: none; }

.pagelist .dealcard.reldeal { padding: 0; }
.pagelist .dealcard.reldeal ul li { margin: 0 8px 0 8px; padding: 0; }

.pagelist .dealcard .challengeinfo { height:28px; margin-bottom:-10px; }
.pagelist .dealcard .challengeinfo .bgprogress { height:4px; background-color:#ddd; overflow:hidden; border-radius:0; opacity:0; }/*챌딜깍두기 바 안보이게*/
.pagelist .dealcard .challengeinfo .progress { height:100%; background-color:#722fdb; border-radius:0; }
.pagelist .dealcard .challengeinfo .desc { line-height:26px; font-size:12px; font-weight:500; color:#722fdb; }
.pagelist .dealcard .challengeinfo .desc .material-icons { font-size:14px; vertical-align:-2px; }
.pagelist .dealcard .challengeinfo .desc > span { position:relative; margin-right:11px; }
.pagelist .dealcard .challengeinfo .desc > span::after { content:''; display:block; position:absolute; top:8px; right:-7px; width:1px; height:11px; background-color:#722fdb; }
.pagelist .dealcard .challengeinfo .desc > span:last-child::after { display:none; }
.pagelist .dealcard .pannel { height: 285px; }
.pagelist .dealcard .pannel .timecount { position:absolute; bottom:0; right:0; padding:0 8px; line-height:25px; background-color:rgba(0, 188, 212, .8); color:#fff; z-index:5; font-size:12px; }
.pagelist .dealcard .pannel .pannelleftbottom { position:absolute; bottom:4px; left:4px; z-index:2; }
.pagelist .dealcard .pannel .pannellefttop { position:absolute; top:0; left:0; z-index:2; }
.pagelist .dealcard .pannel .pannelrighttop { position:absolute; top:4px; right:4px; text-align:right; z-index:2; }
.pagelist .dealcard .pannel .icon { display:inline-block; float:left; height:25px; line-height:25px; padding:0 8px; border-radius:13px 13px 13px 0; margin-right:4px; color:#fff; background-color:#00bcd4; font-size:12px; text-align:center; z-index:5; }
.pagelist .dealcard .pannel .appsale { background-color:#00bcd4; }
.pagelist .dealcard .pannel .exhibitiondiscount { background-color:#ff5722; }
.pagelist .dealcard .pannel .icon.challengedeal { width:auto; height:auto; border-radius:0; padding:0; background-color:transparent;  }
.pagelist .dealcard .pannel .icon.challengedeal img { display:block; width:44px; }
.pagelist .dealcard .pannel .icon.time { border-radius:0 !important; background-color:#222; }
.pagelist .dealcard .pannel .corpsimple { background-color:#27a9e3; }
.pagelist .dealcard .pannel .icon .material-icons { font-size:15px; vertical-align: -3px; margin-right: 2px; }
.pagelist .dealcard .pannel .pannelrighttop .icon { border-radius:13px 13px 0 13px; margin:0 0 0 4px; }
.pagelist .dealcard .pannel .challengestat { position:absolute; bottom:0; left:0; width:100%; line-height:25px; padding:0 10px; font-size:13px; background-color:rgba(0,0,0, .45); color:#fff; z-index:2; }
.pagelist .dealcard .pannel .challengestat .leftarea { float:left; }
.pagelist .dealcard .pannel .challengestat .rightarea { float:right; }
.pagelist .dealcard .pannel .challengestat .material-icons { margin-right:3px; font-size:18px; vertical-align:-4px; }
.pagelist .dealcard .info { padding-top: 10px; }
.pagelist .dealcard .info { padding-top: 10px; }
.pagelist .dealcard .line1, .pagelist .dealcard .line2 { position: relative; line-height: 26px; }
.pagelist .dealcard .line1 { line-height: 24px; }
.pagelist .dealcard .info .gpnm {width:84%; line-height: 18px; margin-bottom: 4px; color: #555; height: 36px; overflow: hidden; font-size: 14px; }
.pagelist .dealcard a:hover .info .gpnm { text-decoration:underline; }
.pagelist .dealcard .bg_profile { width: 24px; height: 24px; display: inline-block; }
.pagelist .dealcard .seller { line-height: 13px; padding-top: 9px; border-top: 1px solid #ddd; margin-top: 10px; cursor: pointer; }
.pagelist .dealcard .storenm { font-size: 13px; height:20px; line-height: 20px; color: #999; overflow: hidden; vertical-align: 3px; }
.pagelist .dealcard .storenm.scab2 { position: relative; max-width: calc(100% - 28px); padding-right: 28px;  }
.pagelist .dealcard .storenm.scab2 { position: relative; max-width: calc(100% - 28px); padding-right: 28px; }
.pagelist .dealcard .storenm.scab2 .scab.small { top: 50%; left: auto; right: 0; transform: translateY(-17px); }
.pagelist .dealcard .storenm.scab2 .scab.small .crown { width: 27px; height: 32px; background-size: auto 100%; }
.pagelist .dealcard .price { height:48px; line-height:24px; padding:0; color: #222; font-size: 18px; letter-spacing: -1px; font-weight: 500; }
.pagelist .dealcard .lineprice { text-decoration:line-through; }
.pagelist .dealcard .stats { display:block; height:18px; line-height:12px; }
.pagelist .dealcard .stats .material-icons { font-size: 15px; color: #999; margin:0; vertical-align:-3px; }
.pagelist .dealcard .stats .material-icons.on { color: #ff451d; }
.pagelist .dealcard .stats .count { margin:0 2px 0 0; font-family: 'Roboto Condensed', sans-serif; font-size:12px; }
.pagelist .dealcard .stats .star .material-icons { color: #00bcd4; }
.pagelist .dealcard .stats .star .count { color: #00bcd4; }
.pagelist .dealcard .eventcoup { position: absolute; left: auto; right: 0; }
.pagelist .dealcard .discount { margin-right:2px; color:#999; }
.pagelist .dealcard .discount.colordibi { color:#00bcd4; }
.pagelist .dealcard .discount .percent { font-size:18px; font-weight:500; }
.pagelist .dealcard .discount .lineprice { margin-left:2px; }
.pagelist .dealcard .discount .material-icons.arrow { font-size:14px; transform: rotate(90deg); margin: 0 -1px; vertical-align:-2px; }
.pagelist .dealcard .bid { position: relative; padding-top: 0; }
.pagelist .dealcard .bid .arrow { font-weight: bold; vertical-align: 0; margin: 0 2px; font-size: 20px; }
.pagelist .dealcard .bid .caption { /*position:absolute; top:0; left:0;*/ font-size: 12px; font-weight:400; /*height: 14px; line-height: 16px;*/ color:inherit; letter-spacing:-0.02em; vertical-align:top; }
.pagelist .dealcard .bid .caption .material-icons { transform:rotate(135deg); font-size:11px !important; margin-top:-1px !important; vertical-align:-1px; }
.pagelist .dealcard .bid .priceline { height: 48px; /*padding-top:14px;*/ }
.pagelist .dealcard .bid .price { height:24px; }
.pagelist .dealcard .bid .bidprice { padding-top:0; /*text-decoration: line-through; margin-left:6px;*/ color:#333; /*font-size:14px; font-weight:300;*/ vertical-align:middle; }
.pagelist .dealcard .bid .price.txt { padding-top:0; color:#00bcd4; font-weight: 500; font-size: 18px; vertical-align:middle; }
.pagelist .dealcard .bid .material-icons { color: inherit; font-size: 26px; vertical-align: -6px; }
.pagelist .dealcard .bid .discount .percent { font-weight:inherit; font-size:inherit; }
.pagelist .dealcard .saleper { position: absolute; right: 0; top: 0; background: #ff451d; color: #fff; padding: 0 0 0 10px; width: 64px; font-size: 12px; line-height: 22px; text-align: center; z-index: 4; display: none; }
.pagelist .dealcard .saleper .material-icons { font-size: 16px; padding: 0; color: #fff; vertical-align: -4px; }
.pagelist .dealcard .scorebtn { position:absolute; top:-75px; right:0; margin:0; }
.pagelist .dealcard .hashline { height: 21px; margin-top: 7px; font-size: 0; overflow: hidden; }
.pagelist .dealcard .hashline .hashtag a { padding: 0 1px 1px 1px; margin: 0 4px 4px 0; font-size: 12px; font-weight: 300; color: #999; background-image: linear-gradient(#fff, #eee); }
.pagelist .dealcard .hashline .hashtag a:hover { background-image: linear-gradient(#fff, #e6e6e6); color: #333; }
.pagelist .dealcard.gray .hashline .hashtag a { background-image: linear-gradient(#f1f1f1, #e2e2e2); }
.pagelist .dealcard.gray .hashline .hashtag a:hover { background-image: linear-gradient(#f1f1f1, #e0e0e0); color: #333; }

.pagelist.nohashtag .hashline { display: none; }
.pagelist.nohashtag .dealcard .seller { padding-top: 7px; margin-top: 0; border-top: 0; }
.pagelist .dealcard.grid5 .hashline { margin-top: 8px; }

.pagelist .slidewrap { overflow:hidden; }

/*상품깍두기 구독*/
.pagelist.subscribe .peoplebar { margin:10px 0; }
.pagelist.subscribe .mainGroupBox { border-bottom:1px solid #ddd; padding:15px 0 30px; }
.pagelist.subscribe .mainGroupBox:last-child { border-bottom:0; }

/*상품깍두기 묶음상품*/
.pagelist .dealcard ul li.bundle .bid { height:63px; }
.pagelist .dealcard ul li.bundle .bid .priceline { display:inline-block; }
.pagelist .dealcard ul li.bundle .bid .priceline.sale {position:relative; padding-left:38px;}
.pagelist .dealcard ul li.bundle .price { position:relative; }
.pagelist .dealcard ul li.bundle .price:first-child { height:37px; padding-top:13px; }
.pagelist .dealcard ul li.bundle .price .caption.ty2 { line-height:24px; }
.pagelist .dealcard ul li.bundle .bid .caption {/* position:absolute; top:0; left:calc(100% + 10px);*/ white-space:nowrap; }
.pagelist .dealcard ul li.bundle .bid .priceline.sale .saleinfo {position:absolute; left:0; top:13px;}
.pagelist .dealcard ul li.bundle .bid .priceline.sale .saleinfo  .percent {  font-size:14px; line-height:18px; padding:0 3px; color:#ff451d; font-weight:bold; }
.pagelist .dealcard ul li.bundle .bid .priceline.sale .saleinfo  .percent.dbl {background:#722fdb; color:#fff;}
.pagelist .dealcard ul li.bundle .bid { height:63px; }
.pagelist .dealcard ul li .mdcoment {height:30px; padding:6px; background:#f5f5f5; border-radius:3px; overflow:hidden;  margin:8px 0;}
.pagelist .dealcard ul li .mdcoment b{float:left; margin:1px 4px 0 0; display:block; width:26px; background:#00bcd4; color:#fff; font-size:10px; border-radius:3px; text-align:center; line-height:18px; }
.pagelist .dealcard ul li .mdcoment span{float:left; width:calc(100% - 34px); font-size:12px; line-height:18px;}
.pagelist.imgdeel .dealcard ul li.bundle .price  { display:inline-block;}
.pagelist.imgdeel .dealcard ul li.bundle .price:first-child { height:20px; font-size:12px; vertical-align:bottom; padding:0;}
.pagelist.imgdeel .dealcard  ul li.bundle .price:last-child { margin:0 0 0 6px;}

.headtitle .countdown{display:inline-block; position:relative; top:-3px; margin: 0 0 0 10px; color:#222; }
.headtitle .countdown em{background:#222; color:#fff; border-radius:3px; line-height:1; padding:2px 5px 2px 4px; font-size:14px;text-align:center;}
.headtitle .countdown i{vertical-align:middle; margin:0 1px;}

.pagelist .dealcard .pannel.store { height: 346px; border: 10px solid #fff; }
.pagelist .dealcard .pannel.store .storeicon { position: absolute; left: 5px; top: 5px; z-index: 5; }
.pagelist .dealcard .pannel.store .storeicon .material-icons { color: #fff; font-size: 22px; }
.pagelist .dealcard .pannel.store .gpcnt { position: absolute; left: 50%; top: 114px; transform: translateX(-50%); color: #fff; font-size: 34px; font-weight: bold; z-index: 5; }
.pagelist .dealcard .pannel.store .bgdesc { height: 100%; padding: 0; }
.pagelist .dealcard .pannel.store .bgthumb { background-color: #00bcd4; background-image: url(); }
.pagelist .dealcard .pannel.store .gostore { position: absolute; left: 10px; top: 10px; opacity: 0; color: #00D5F2; font-weight: 500; font-size: 16px; z-index: 5; }
.pagelist .dealcard .pannel.store .bggpnm { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; opacity: 0.85; z-index: 1; }
.pagelist .dealcard .pannel.store .gpnm { position: relative; color: #222; line-height: 20px; font-size: 18px; text-align: center; max-height: none; padding: 0 10px; width: 100%; z-index: 2; }
.pagelist .dealcard .pannel.store .bg_profile { position: absolute; left: 50%; top: -35px; width: 60px; height: 60px; transform: translateX(-50%); z-index: 3; }
.pagelist .dealcard .pannel.store .stats { color: #fff; margin: 5px 8px 0 0; }
.pagelist .dealcard .pannel.store .stats .material-icons { color: #fff; padding-right: 2px; }
.pagelist .dealcard .pannel.store .toptag { max-width: 50%; }
.pagelist .dealcard .pannel.store .txtline { padding: 30px 0 25px 0; }
.pagelist .dealcard .pannel.store:hover { border-color: #00bcd4; }
.pagelist .dealcard .pannel.store:hover .bg_profile { top: -40px; box-shadow: 0 0 3px rgba(0,0,0,.2), 0 0 3px rgba(0,0,0,.54); transition: all .3s ease-in-out; }
.pagelist .dealcard .pannel.store:hover .storeicon, .pagelist .dealcard .pannel.store:hover .bggpnm { opacity: 0; }
.pagelist .dealcard .pannel.store:hover .gpnm { color: #00bcd4; }
.pagelist .dealcard .pannel.store:hover .gostore { opacity: 1; }

.pagelist .dealcard.grid5 .pannel { height: 220px; }
.pagelist .dealcard.grid5 .pannel .bgdesc { height: 120px; }
.pagelist .dealcard.grid5.onlygrid5 ul li { width:20% !important; }
.pagelist .dealcard.grid3must ul li { width:33.333333%; }
.pagelist .dealcard.onlyimg .pannel { padding-top:165%; border:1px solid #eee; }
.pagelist .dealcard.hotpeople ul li .pannel { height:162px; }
.pagelist .dealcard.hotpeople .filter { opacity:0; border:4px solid #00bcd4; background-color:#222; }
.pagelist .dealcard.hotpeople .filter:hover { opacity:.9; }
.pagelist .dealcard.hotpeople .filter button { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); white-space:nowrap; }
.pagelist .dealcard.hotpeople .desc { position: relative; line-height: 22px; font-size: 16px; padding: 10px 0; }
.pagelist .dealcard.hotpeople .desc .subline {width:70%; overflow:hidden; letter-spacing:-0.1em; text-overflow:ellipsis; white-space:nowrap;}
.pagelist .dealcard.hotpeople .desc .subtitle { color: #00bcd4; margin-top:3px; }
.pagelist .dealcard.hotpeople .desc .subtitle > span { vertical-align:top; }
.pagelist .dealcard.hotpeople .desc .subtitle .bg_profile { margin-right:4px; }
.pagelist .dealcard.hotpeople .desc .rcontent { right: 0; top:9px; font-size: 12px; color: #555; letter-spacing:-0.05em; }
.pagelist .dealcard.hotpeople .desc .rcontent .material-icons { font-size: 16px; color: #999; vertical-align:-4px; }
.pagelist .dealcard.blacktheme .gpnm, .pagelist .dealcard.blacktheme .price { color: #ff9300; }

.pagelist .dealcard.onedeal .listItem{width:100%; padding:0;}
.pagelist .dealcard.onedeal .listItem .info .gpnm{font-weight:500; font-size:14px; height:auto; min-height:20px; width:100%; margin:0 0 8px; }
.pagelist .dealcard.onedeal .pannel{height:220px; border-radius:10px; overflow:hidden;}
.pagelist .dealcard.onedeal .bid .priceline{height:20px;}
.pagelist .dealcard.onedeal .bid .caption{vertical-align:bottom; margin:0 0 0 6px; line-height:18px;}
.pagelist .dealcard.onedeal ul li.bundle .price:first-child{padding:0; font-size:20px; font-weight:bold;}
.pagelist .dealcard.onedeal ul li.bundle .bid .priceline.sale{padding-left:55px;}
.pagelist .dealcard.onedeal ul li.bundle .bid .priceline.sale .saleinfo{top:2px;}
.pagelist .dealcard.onedeal ul li.bundle .bid .priceline.sale .saleinfo .percent{font-size:20px; font-weight:bold; padding:0;}

.pagelist .headtitle.hotpeople .rcontent span { outline: none; }
.pagelist .headtitle.hotpeople .swiper-button-disabled { opacity: 0.5; }
.pagelist .newstore { text-align: center; padding: 5px 0; }
.pagelist .newstore li { display: inline-block; width: 22.5%; margin: 0; padding: 10px; }

.pagelist .newstore li .inner { position: relative; padding-top: 100%; }
.pagelist .newstore li .storecard { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; }
.pagelist .newstore li .storecard .cardbody { height: 100%; }
.bgtag { position: relative; margin: 1px 0; display: inline-block; height: 18px; line-height: 18px; }
.bgtag .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #222; opacity: 0.25; z-index: 1; }
.bgtag .word { position: relative; padding: 0 5px; color: #eee; font-size: 13px; display: inline-block; max-width: 114px; height: 18px; overflow: hidden; z-index: 2; }
.pagelist .newstore li .bgtag { height:18px; font-size:13px; }
.pagelist .newstore li .bgtag .word { height:inherit; line-height:inherit; font-size:inherit; }
.pagelist .newstore.main_ver2 li:nth-child(4n+1) { width: 32%; }

.pagelist .newstore.main_ver2 li .inner:first-child { margin-bottom: 20px; }
.pagelist .newstore.main_ver2 li:nth-child(4n+1) .storecard .cardbody .toptags { top:calc(50% - 40px); }
.pagelist .newstore.main_ver2 li:nth-child(4n+1) .bgtag { height: 26px; line-height: 25px; font-size: 16px; padding: 0 2px; margin: 2px 1px; }
.pagelist .newstore.main_ver2 li:nth-child(4n+1) .storecard .carddesc { line-height:20px; padding:20px 10px 19px 75px; }
.pagelist .newstore.main_ver2 li:nth-child(4n+1) .storecard .carddesc .bg_profile { bottom:15px; left:15px; width:50px; height:50px; }
.pagelist .newstore.main_ver2 li:nth-child(4n+1) .storecard .carddesc .bgdesc .storenm { line-height:20px; font-size:18px; }
.pagelist .newstore.main_ver2 li:nth-child(4n+1) .storecard .carddesc .number { font-size:15px; }
.pagelist .newstore.main_ver2 li:nth-child(4n+1) .storecard .carddesc .material-icons { font-size:17px; }
.newstoresilde { position:relative; }
.newstoresildebtn .swiper-prev.circle, .newstoresildebtn .swiper-next.circle { top:50%; transform:translateY(-50%); }

.pagelist .dealcard ul.blank::after { display:block; content:''; clear:both; }
.pagelist .dealcard ul.blank li:nth-child(6) { display:none; }
.pagelist .dealcard ul.blank li * { color:transparent !important; overflow:hidden; }
.pagelist .dealcard ul.blank .pannel::after { content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#e3e3e3; opacity:1; z-index:6; }
.pagelist .dealcard ul.blank .price { width:90%; height:30px; margin:5px 0; background-color:#eee; }
.pagelist .dealcard ul.blank .bid .priceline { width:90%; height:58px; margin:5px 0; background-color:#eee; }
.pagelist .dealcard ul.blank .info .gpnm { width:95%; height:31px; margin-bottom:5px; background-color:#eee; }
.pagelist .dealcard ul.blank .hashline .hashtag a { width:60px; height:19px; background-image:none; background-color:#eee; }
.pagelist .dealcard ul.blank .hashline .hashtag:first-child a { width:45px; }
.pagelist .dealcard ul.blank .hashline .hashtag:last-child a { width:30px; }
.pagelist .dealcard ul.blank .bg_profile { background-color:transparent; }
.pagelist .dealcard ul.blank .bg_profile .ld_profile { background-image:none !important; background-color:#eee; }
.pagelist .dealcard ul.blank .storenm { width:45%; background-color:#eee; }

/*맴돌이깍두기*/
.pagelist .dealcard.imgdeal .challengecolor { color:#ff3f3f; }
.pagelist .dealcard.imgdeal .pannel .pannellefttop { transition:.3s; }
.pagelist .dealcard.imgdeal .pannel .pannelrighttop { transition:.3s; }
.pagelist .dealcard.imgdeal .info .gpnm { color:#fff; }
.pagelist .dealcard.imgdeal .bid { height:auto !important; }
.pagelist .dealcard.imgdeal .bid .priceline { height:auto !important; }
.pagelist .dealcard.imgdeal .price { height:22px; line-height:22px; color:#fff; font-weight:700; text-shadow:1px 1px 3px rgba(0,0,0, .15), -1px -1px 3px rgba(0,0,0, .15); }
.pagelist .dealcard.imgdeal .price.txt { font-weight:700; }
.pagelist .dealcard.imgdeal .bid .caption { font-size:14px; font-weight:700; }
.pagelist .dealcard.imgdeal ul li.bundle .bid .discount { color:#eee; }
.pagelist .dealcard.imgdeal ul li.bundle .bid .discount .percent { width:38px; line-height:17px; font-weight:400; }
.pagelist .dealcard.imgdeal .info { position:absolute; bottom:0; left:0; width:100%; padding:30px 5px 5px; background-image:linear-gradient(rgba(0,0,0,0), rgba(0,0,0, .4), rgba(0,0,0, .5), rgba(0,0,0, .6)); z-index:1; transition:opacity ease-in.15s; }
.pagelist .dealcard.imgdeal .seller { margin-top:0; border-top:0; }
.pagelist .dealcard.imgdeal a:hover .pannel .thumb { transform:none; }
.pagelist .dealcard.imgdeal a:hover .info .gpnm { text-decoration:none; }
.pagelist .dealcard.imgdeal a:hover .pannel .pannellefttop { left:-100%; opacity:0; }
.pagelist .dealcard.imgdeal a:hover .pannel .pannelrighttop { right:-100%; opacity:0; }
.pagelist .dealcard.imgdeal a:hover .info { opacity:0; }

/*카테고리기획전*/
.pagelist .dealcard.category ul .devFenceLi { position: relative; width: 100% !important; margin: 0; line-height: 100px; padding: 0 0 80px; text-align: center; font-size: 29px; font-weight: bold; color: #000000; }
.pagelist .dealcard.category ul .devFenceLi:before { content: ""; position: absolute; bottom: 48%; left: 50%; transform: translateX(-50%); width: 50px; height: 3px; background: #000000; }
.pagelist .dealcard.category ul li + .devFenceLi:nth-child(5):before{background:#e88b5a;}
.storecard { position: relative; height: auto; padding-top:100%; color: #fff; overflow: hidden; margin-bottom: 15px; cursor: pointer; }
.storecard .cardbody { position: absolute; top:0; left:0; bottom:0; width: 100%; height: auto; text-align: center; padding-top: 80px; font-size: 14px; padding: 60px 20px 30px 20px; }
.storecard .cardbody:hover .toptags, .storecard .cardbody:hover .filter { opacity: 0; }
.storecard .cardbody .bgstorecard { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #ddd url() no-repeat center center; background-size: cover; filter: saturate(90%); z-index: -2; /*transition: .3s;*/ }
.storecard .cardbody:hover .bgstorecard { transform: scale(1.03); }
.storecard .cardbody .filter { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 1; transition: all .3s ease-in; background-color:rgba(0,0,0,.1); z-index: -1; }
.storecard .cardbody .bgdesc { position: absolute; left: 0; bottom: 10px; width: 100%; text-align: center; padding: 10px; z-index: 3; }
.storecard .cardbody .storeicon { position: absolute; top: 5px; left: 5px; z-index: 1; display: none; }
.storecard .cardbody .toptags { position: absolute; top: calc(50% - 25px); left: 50%; transform: translate(-50%, -50%); }
.storecard .cardbody .storeicon .material-icons { color: #fff; font-size: 24px; }
.storecard .carddesc { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 20px; margin-top: 6px; line-height: 14px; text-align: left; color: #999; background-color:#333; /*background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 130%);*/ }
.storecard .carddesc .bg_profile { position: absolute; bottom: 10px; left: 10px; width: 30px; height: 30px; z-index: 2; }
.storecard .carddesc .scab { top:-17px; left:3px; }
.storecard .carddesc .rcontent { right: 0; top: 0; }
.storecard .carddesc .bgdesc .storenm { font-size: 13px; padding-top: 1px; line-height: 16px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; }
.storecard .carddesc .material-icons { font-size: 13px; color: #aaa; margin: -2px 1px 0 0; }
.storecard .carddesc .number { font-size: 12px; }
.followercontent.wbox {margin-bottom:0;}
.followerlist_hor { position: relative; padding:0 0 30px; border-bottom: 1px solid #ddd; }
.followerlist_hor .swiper-container{padding:10px 0 0;}
.followerlist_hor .followerlist_box { display: inline-block; font-size: 0; vertical-align: top; width:124px; /*height: 129px; margin-top:15px;*/ text-align:center; transition: .3s; }
.followerlist_hor .followerlist_box .bg_profile { width: 88px; height: 88px; }
.followerlist_hor .followerlist_box .sellernm { font-size: 14px; text-align: center; /*max-height: 36px;*/ overflow: hidden; white-space: nowrap; word-break: break-all; text-overflow:ellipsis; }
.followerlist_hor .title { position: relative; margin: 10px 0 0 0; font-size: 24px; line-height: 42px; margin-bottom: 5px; letter-spacing: -1px; font-weight: 300; }
.followerlist_hor .morebtn { position: absolute; bottom: 0; right: 0; padding:20px 0; cursor: pointer; }
.followerlist_hor .morebtn:hover { color: #00bcd4; }
.followerlist_hor .morebtn a {font-size:16px;}
.followerlist_hor .morebtn .material-icons { vertical-align: -6px; }
.followerlist_hor .swiper-prev.circle { left:0 !important; }
.followerlist_hor .swiper-next.circle { right:0 !important; }
.followerlist_hor .swiper-prev.circle, .followerlist_hor .swiper-next.circle { top:55%; }
.followerlist_hor .swiper-prev.circle .material-icons, .followerlist_hor .swiper-next.circle .material-icons { width: 40px; height: 40px; line-height: 40px; font-size: 34px; }
.follower.pagelist.subscribe{padding-top:0;}
./*홈 챌딜*/
.hotplace.challengedeal .challengedealinner { position:relative; padding-left:calc(25% + 5px); }
.hotplace.challengedeal .challengebannerwrap { position:absolute; top:0; left:0; bottom:0; width:calc(25% - 15px); }
.hotplace.challengedeal .challengebannerwrap a { display:block; width:100%; height:100%; }
.hotplace.challengedeal .challengebanner { width:100%; height:calc(100% - 30px); padding:60px 0 0 50px; background:url(/Common/images/banner/main/banner_main_left_ChallengeDeal.jpg) no-repeat 50% 50%; background-size:cover; }
.hotplace.challengedeal .challengebanner .title { line-height:1.5; font-size:37px;  font-weight:500; color:#722fdb; }
.hotplace.challengedeal .challengebanner .title .challengelogo { width:100%; height:40px; background:url(/Common/images/default/logo_challengeDeal.png) no-repeat 0 0; background-size:auto 100%; }
.hotplace.challengedeal .challengebanner .line { width:60px; height:2px; margin:14px auto 24px 0; background-color:#ddd; }
.hotplace.challengedeal .challengebanner .desc { line-height:26px; font-size:19px; color:#333; }
.hotplace.challengedeal .challengebanner .stdbtn {  height:38px; line-height:37px; margin-top:20px;  border-radius:30px; font-size:15px; }
.hotplace.challengedeal .pagelist .dealcard { padding:0; }
.hotplace.challengedeal .swiper-prev.circle, .hotslide.challengedeal .swiper-next.circle { top:118px; }

.commentlist {/* width: 880px;*/ padding: 20px 0 20px 0; margin: 0 auto; }
.commentlist ul li { border-bottom: 1px solid #ddd; padding:20px 0 0 0; }
.commentlist ul li .commentBar { position: relative; display: block; min-height: 54px; padding: 0 15px 20px 50px; }
.commentlist ul li:first-child { border-top:1px solid #ddd; }
.commentlist ul li:last-child { border-bottom:1px solid #ddd; }
.commentlist ul li li { border:0 !important; padding:0; }
.commentlist ul li .commentBar .line1 { position: relative; padding-right: 60px; }
.commentlist ul li .commentBar .edittool { color: #999; font-size: 13px; line-height: 20px; vertical-align: top;  }
.commentlist ul li .commentBar .edittool .hand { position:relative; margin-left:5px; padding:0 0 0 8px; height:20px; transition:all .1s ease-in; }
.commentlist ul li .commentBar .edittool .hand:hover { color:#00bcd4; }
.commentlist ul li .commentBar .edittool .hand::after { content:''; display:block; position:absolute; top:4px; left:0; width:1px; height:13px; background-color:#ddd;  }
.commentlist ul li .commentBar .edittool .hand .material-icons { line-height:0; font-size:19px; margin-top:-1px; }
.commentlist ul li .commentBar .edittool .hand .material-icons.edit { font-size:20px; margin-top:-3px; }
.commentlist ul li .commentBar .bg_profile { position:absolute; width: 40px; height: 40px; border: 0; top: 4px; left: 0; }
.commentlist ul li .commentBar .stdbtn { position:relative; height: 18px; line-height: 20px; font-size: 13px; margin-left: 5px; padding: 0 0 0 8px; vertical-align: top; background-color:transparent; }
.commentlist ul li .commentBar .stdbtn::after { content:''; display:block; position:absolute; top:4px; left:0; width:1px; height:13px; background-color:#ddd;  }
.commentlist ul li .commentBar .stdbtn:hover { color: #00bcd4 !important; }
.commentlist ul li .commentBar .regdt { color: #999; font-size: 12px; line-height: 20px; vertical-align: top; }
.commentlist ul li .commentBar .writer { font-weight: 500; color: #222; line-height: 20px; }
.commentlist ul li .commentBar .purchased_user {vertical-align:1px !important; margin:0 4px; }
.commentlist ul li .commentBar .morebtn { color: #555; display: none; margin-top: 5px; cursor: pointer; }
.commentlist ul li .commentBar .regline { font-size: 12px; line-height: 12px; margin-top: 10px; }
.commentlist ul li .commentBar .rcontent { right: 10px; top: 20px; transform: translateY(-50%); }
.commentlist ul li .commentBar .desc { position: relative; margin-top: 10px; font-size:14px; font-weight: 300; color: #222; word-break: keep-all; word-wrap: break-word; line-height: 21px; min-height: 20px; max-height: 84px; overflow: hidden; }
.commentlist ul li .commentBar .desc.withpic {padding-right:110px; margin:0 0 20px; }
.commentlist ul li .commentBar .imgwrap { position: absolute; top: 0; right: 10px; width: 80px; height: 80px; overflow: hidden; cursor: pointer; z-index:1; }
.commentlist ul li .commentBar .imgwrap img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%;  max-width:400px;}
.commentlist ul li .commentBar .desc .morebtn { color: #222; margin-top: 5px; cursor: pointer; font-size:12px; display: none;}
.commentlist ul li .commentBar .desc .morebtn:hover { text-decoration: underline; } 
.commentlist ul li .commentBar .desc .morebtn .material-icons { color: #555; font-size: 20px; vertical-align: -6px; }
.commentlist ul li .commentBar .desc .morebtn.lcontent { display: block; top: 63px; left: 0; width: 100%; background-color: #fff; margin-top: 0; }
.commentlist ul li .commentBar.show .desc { max-height: 100%; }
.commentlist ul li .commentBar.show .desc .morebtn { display: block; }
.commentlist ul li .commentBar.show .desc .morebtn.lcontent { display: none; }
.commentlist ul li .taglistbox{padding:5px 100px 5px 0}


.commentlist ul li.replycomment .commentBar, .commentlist ul li .commentBar.seller { padding-right:68px; border-top:0; border-bottom:0; text-align:right; }
.commentlist ul li.replycomment .commentBar .bg_profile, .commentlist ul li .commentBar.seller .bg_profile { top:0; left:auto; right:20px; }
.commentlist ul li.replycomment .commentBar .line1, .commentlist ul li .commentBar.seller .line1 { text-align:left; padding-right:0; }
.commentlist ul li.replycomment .commentBar .line1 .writer, .commentlist ul li .commentBar.seller .line1 .writer { display:inline-block; font-size:13px; color:#222; }
.commentlist ul li.replycomment .commentBar .wordsballoonwrap, .commentlist ul li .commentBar.seller .wordsballoonwrap { text-align:right; }
.commentlist ul li.replycomment .commentBar .wordsballoon, .commentlist ul li .commentBar.seller .wordsballoon { position:relative; display:inline-block; max-width:calc(100% - 10px); min-width:180px; background-color:#f5f5f5; border-radius:15px; margin:4px 10px 0 0; padding:10px 15px; }
.commentlist ul li.replycomment .commentBar .wordsballoon::after, .commentlist ul li .commentBar.seller .wordsballoon::after { content:''; display:block; position:absolute; top:9px; right:-16px; width:0; height:0; border-top:25px solid #f5f5f5; border-left:1px solid transparent; border-right:25px solid transparent; transform:rotate(-10deg); }
.commentlist ul li.replycomment .commentBar .desc, .commentlist ul li .commentBar.seller .desc { margin-top:4px; font-size:14px; line-height:18px; max-height:74px; text-align:left; }
.commentlist ul li.replycomment .commentBar .writer { display:none; }
.commentlist ul li.replycomment .commentBar .regline, .commentlist ul li .commentBar.seller .byline { text-align:right; margin-top:3px; padding-right:20px; }
.commentlist ul li.replycomment .commentBar.show .desc, .commentlist ul li .commentBar.show.seller .desc { max-height:100%; }
.commentlist ul li.replycomment .commentBar .desc .morebtn.lcontent, .commentlist ul li .commentBar.seller .desc .morebtn.lcontent { width:100%; top:55px; background-color:#fff; }

/*코멘트 리뷰 추가*/

.commentlist li .review_ver2 .bgthumb { display: none; position: absolute; top: 4px; right: 0; width: 80px; height: 80px; background: #f9f9f9 url('/common/images/icons/ic_wallpaper_dibidibi.png') center center no-repeat; background-size: 60%; }
.commentlist li .review_ver2 .thumb { width: 100%; height: 100%; background: url() no-repeat 50% 50%; background-size: cover; }
.commentlist li .review_ver2 .starwrap {padding:0 0 8px;}
.commentlist li .review_ver2 .review { display:inline-block; vertical-align: 2px; margin:0 20px 0 0;}
.commentlist li .review_ver2 .review, .dealcomment .commentarea li .review .star { height: auto; padding: 0; }
.commentlist li .review_ver2 .review .star .material-icons { font-size: 19px; }
.commentlist li .review_ver2 .review .point_str { padding: 0; margin: 0 0 0 4px; vertical-align: -2px; font-size: 13px !important; }
.commentlist li .review_ver2 .statleft { position: static; display: inline-block; width: auto; height: auto; background: none; }
.commentlist li .review_ver2 .prodnm {display:block; color:#999; font-weight:bold; margin:8px 0 0;}
.commentlist li .review_ver2 .starwrap .beforelinel:before{left:-13px; height:60%;}
.commentlist li .review_ver2 .regdt { width: auto; text-align: left; }
.commentlist li .review_ver2 .taglistbox .tag {padding:0 6px; height:24px; line-height:22px; border:1px solid #ddd !important; color:#999;}
.commentlist li .review_ver2 .optbox.optnm{margin:4px 0 0;}
.commentlist li .review_ver2 .commenttxt{margin:20px 0 10px;}
.commentlist li .review_ver2 .descimg .morebtn { display: none; cursor:pointer;}
.commentlist li .review_ver2 .descimg .imgwrap{position:absolute; top:0; right:0; width:100px; height:100px; overflow:hidden; cursor:pointer; z-index:1;}
.commentlist li .review_ver2 .descimg .imgwrap img{width:100%;}
.commentlist li .review_ver2 .descimg.show .imgwrap {position:static; height:auto; width:auto;}
.commentlist li .review_ver2 .descimg.show .morebtn{display:block}

/*.commentlist .starwrap .review{position:relative; display:inline-block;}
.commentlist .starwrap .review .star .material-icons{font-size:19px;}
.commentlist .starwrap .beforelinel:before{background:#555;}*/

.commentwrap { width: 100%; position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); padding:20px 20px 20px 200px; background-color:#fff; box-shadow:0 1px 10px rgba(0,0,0,0.1);}
.commentwrap.ver2{left:0; transform:translateX(0); min-width:1500px}
.commentform { position: relative; width: 100%; /*height: 120px;*/ background: #fff; padding: 20px 20px 20px 60px; border: 1px solid #ddd;}
.commentform textarea { padding: 0 8px; text-align: justify; height: 21px; width: 100%; border: 0; font-size: 16px; transition:.3s; }
.commentform textarea:focus { height:80px; }
.commentform .title { line-height: 24px; font-size: 12px; font-weight: 500; color: #00bcd4;  display:none; }
.commentform .material-icons.cancel { display:none; font-size:16px; margin:-3px 0 0 2px; width:20px; height:20px; line-height:20px; text-align:center; background-color:#f1f1f1; border-radius:50%; }
.commentform .lcontent { top: 14px; left: 18px; width: 34px; bottom: 10px; }
.commentform .lcontent .material-icons { color: #aaa; font-size: 35px; }
.commentform .rcontent { right: 0; top: 0; display: none; }
.commentform .stdbtn { background: #00bcd4; box-shadow: none; border-color: #00bcd4 !important; height: 94px !important; color: #fff; border: 0; min-width: 66px; padding: 0 10px; font-size: 16px; }
.commentform .stdbtn:hover { color: #222 !important; background: #00bcd4 !important; }
/*.commentform.mention, .commentform.mention .stdbtn { height: 130px; }*/
.commentform.mention textarea { padding: 3px 8px; height: 70px; }
.commentform.mention .title { font-size: 16px; padding: 0 0 0 10px; display:inline-block; }
.commentform.mention .material-icons.cancel { display:inline-block; }

.hashSearch .searchin { position: relative; width: 400px; height: 48px; box-sizing: padding-box; background: #fff; margin: 20px auto 20px auto; }
.hashSearch .searchin input[type=text] { padding: 8px; width: 100%; min-height: 24px; line-height: 24px; font-size: 16px; height: inherit !important; color: #00bcd4; border: 4px solid #00bcd4; }
.hashSearch .searchtag { text-align: center; margin: 5px 0 20px 0; height: 20px; }
.hashSearch .searchtag span { margin: 0 3px; color: #222; font-size: 16px; cursor: pointer; }
.hashSearch .searchtag span:hover { color: #00bcd4; }
.hashSearch i { position: absolute; right: 10px; top: 10px; color: #00bcd4; background: #fff; font-size: 30px; padding: 0; cursor: pointer; }

.hashmenu { width: 1200px; min-height: 32px; height: auto; max-height: 124px; margin: 40px auto 100px; font-weight: 400; overflow: hidden; line-height: 25px; }
.hashmenu span { display: inline-block; vertical-align: top; }
.hashmenu .title { line-height: 22px; font-size: 14px; font-weight: 500; color: #333; margin: 0 5px; }
.hashmenu .menu { vertical-align: top; padding: 0 10px; margin: 2px 0; height: 30px; background: #aaa; color: #fff; cursor: pointer; border-radius: 4px; }
.hashmenu .menu:hover, .hashmenu .menu.on { background: #555; }
.hashmenu .menu .tag { line-height: 30px; max-width: 200px; overflow: hidden; }
.hashmenu .menu .count { margin-left: 8px; font-size: 10px; font-weight: 300; line-height: 28px; color: #FFDB33; }
.hashmenu.searchtag { text-align: left; }
.hashmenu.searchtag .menu { width:auto; height:34px; line-height: 30px; background: transparent; border-radius: 30px; padding: 0 15px; margin:0 4px 0 0; color: #333; font-weight: normal; background-color:#f0f0f0; }
/*.hashmenu.searchtag .menu:hover { background: #333; color: #f1f1f1; border-color: #333; }*/
/*.hashmenu.searchtag .menu.on { background: #00bcd4; color: #fff; border-color: #00bcd4; }*/
.hashmenu.searchtag .menu a { color:inherit; }
.hashmenu.searchtag .menu .tag { line-height: 32px; font-weight:300; }
.hashmenu.searchtag .menu .tag img { height:13px; vertical-align:-2px; }
.hashmenu.searchtag .menu.icon { background-color:#722fdb; color:#fff; }
.hashmenu.searchtag .menu.icon:hover { background: #333; color: #f1f1f1; border-color: #333; }
/*.hashmenu.searchtag .menu.icon .tag::after { content:'N'; display:inline-block; line-height:12px; padding:0 3px 0 2px; margin-left:4px; border-radius:3px; text-align:center; font-size:10px; font-weight:200; background-color:#fc3030; color:#fff; vertical-align:1px; }*/
.hashmenu.searchtag .menu.bg_challenge { background-color:#722fdb; color:#fff; }

/*더보기페이지 스크롤메뉴*/
.moreviewmenu { height:30px; margin:10px 0 24px; }
.moreviewmenu ul::after { display:block; content:''; clear:both; }
.moreviewmenu ul li { display:inline-block; width:auto; margin:0 3px 0 0; }
.moreviewmenu ul li button { display:block; color:#fff; border:0; border-radius:4px; padding:0 10px; background-color:#aaa; transition:0s; /* transition: ease .2s; transition-property:color,border; */}
.moreviewmenu ul li.current, .moreviewmenu ul li:hover { position:relative; z-index:2; }
.moreviewmenu ul li.current button, .moreviewmenu ul li:hover button { background-color:#555; color:#fff; }
.moreviewmenu .menubtn.swiper-prev.circle, .moreviewmenu .menubtn.swiper-next.circle{display:none; }
.moreviewmenu.fixed .scrollmenu { position:fixed; width:100%; top:64px; left:0; height:56px; background-color:#fff; text-align:center; box-shadow:0 1px 3px rgba(0,0,0,.1); z-index:3; }
.moreviewmenu .maauto{position:relative;}
.moreviewmenu.fixed .swiper-container{width:calc(100% - 500px);}
.moreviewmenu.fixed ul li { line-height:54px; padding:0 20px; }
.moreviewmenu.fixed ul li button { height:56px; line-height:56px; padding:0; border:0; border-bottom:2px solid transparent; border-radius:0; background-color:transparent; color:#555; font-size:16px; transition-property:color; }
.moreviewmenu.fixed ul li.current button, .moreviewmenu.fixed ul li:hover button { border-color:#00bcd4; }
.moreviewmenu.fixed .menubtn.swiper-prev.circle{display:block; left:205px !important; top:74px; }
.moreviewmenu.fixed .menubtn.swiper-next.circle{display:block; right:205px !important; top:74px; }
.moreviewmenu.fixed .menubtn.swiper-prev.circle .material-icons,
.moreviewmenu.fixed .menubtn.swiper-next.circle .material-icons { width:30px; height:30px; font-size:42px; line-height:30px; box-shadow:none;}

.searchlist { padding: 0 0 0 10px }
.searchlist.store { padding-left: 0; }
.searchlist li { height: 84px; }
.searchlist .searchbox { position: relative; width: 100%; height: 100%; min-height: 84px; font-size: 14px; padding: 15px 40px 15px 90px; background: #fff; /*box-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.1); */ cursor: pointer; transition: all .3s ease-in; -webkit-transition: all .3s ease-in; display: flex; align-items: center; }
.searchlist .searchbox:hover { background: #f0f0f0; }
.searchlist .searchbox .lcontent { top: 12px; left: 10px; width: 40px; }
.searchlist .searchbox .rcontent { top: 25px; right: 10px; }
.searchlist .searchbox div { word-break: break-word; }
.searchlist .bgthumb { }
.searchlist .bg_profile { width: 60px; height: 60px; left: 6px; }
.searchlist .thumb { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('') center center no-repeat; background-size: cover; overflow: hidden; z-index: 2; }
.searchlist .title { font-size: 16px; color: #222; font-weight: 500; line-height: 20px; }
.searchlist .desc { font-size: 14px; color: #999; }
.searchlist .regdt { color: #999; }
.searchlist .tag { color: #aaa; max-height: 40px; word-break: break-all; overflow: hidden; font-size: 12px; padding: 5px 0 0 0; }
.searchlist .tag span { display: inline-block; margin-right: 8px; }
.searchlist .eventcoup { position: absolute; left: 0; top: 0; width: 60px; height: 26px; line-height: 24px; color: #fff; background: #222; text-align: center; overflow: hidden; z-index: 4; }
.searchlist.deal li { width: 290px; height: 290px; float: left; margin: 0 10px 10px 0; }
.searchlist.deal .searchbox { padding: 0; background: #fff; }
.searchlist.deal .bgthumb { position: relative; width: 100%; height: 100%; background: #fff url('/common/images/icons/ic_wallpaper_black_48dp_1x.png') center center no-repeat; background-size: 30px auto; overflow: hidden; z-index: 1; }
.searchlist.deal .info { position: absolute; top: 0; width: 100%; height: 100%; background: #222; color: #fff; opacity: 0; transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; margin-right: -1px; z-index: 4; }
.searchlist.deal .info:hover { opacity: 0.8; cursor: pointer; }
.searchlist.deal .txtline { padding: 10px; }
.searchlist.deal .title { color: #fff; font-size: 16px; word-break: break-all; width: 80%; max-height: 46px; overflow: hidden; }
.searchlist.deal .filter { position: absolute; width: 100%; height: 100%; bottom: 0; background: #555; opacity: 0.25; z-index: 2; }
.searchlist.deal .price { position: absolute; right: 10px; bottom: 12px; font-size: 20px; font-weight: bold; color: #fff; letter-spacing: -1px; z-index: 3; }
.searchlist.deal .storenm { font-size: 11px; height: 16px; overflow: hidden; }
.searchlist.deal .seller { position: absolute; left: 0; bottom: 34px; width: 100%; padding: 10px 0; }
.searchlist.deal .seller .bg_profile { left: 10px; width: 36px; height: 36px; }
.searchlist.deal .seller .sellernm { color: #ddd; font-size: 11px; }
.searchlist.deal .info .price { color: #00bcd4; }

.hotlab .btngrid { padding: 10px; text-align: center; display: none; }
.hotlab .btngrid button { border: 1px solid #fff; height: 38px; text-align: center; color: #fff; margin-right: -1px; }
.hotlab .btngrid button.on { background: #808080; }
.hotlab .btngrid.half button { width: 139px; }
.hotlab .btngrid.quad button { width: 70px; }
.hotlab .btngrid.trea button { width: 93px; margin-bottom: -1px; }
.hotlab .maindesc { height: inherit; }
.hotlab .subdesc { color: #ffd800; margin-top: 0; width: 300px; margin: 0 auto; font-size: 12px; }
.hotplace { padding: 50px 0 0; }
.hotplace .headtitle { margin-left: 2px; }
.hotplace .headtitle .poveticenright{top:0; right:5px; transform:translateY(0);}

.ui-autocomplete { position: absolute; left: -300px; cursor: default; background: #fff; z-index:15; }
.ui-menu { box-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.1); }
.ui-menu .ui-menu-item { padding: 0 10px; height: 50px; line-height: 50px; border-bottom: 1px solid #eee; color: #222; cursor: pointer; }
.ui-menu .ui-menu-item:hover { background: #f3f3f3; }
.ui-menu .ui-menu-item .bg_profile { position: absolute; left: 10px; top: 10px; width: 30px; height: 30px; }
.ui-menu .ui-menu-item.store { position: relative; padding-left: 50px; }

.hotlist .btn_more { width: 100%; height: 50px; line-height: 50px; background: #f1f1f1; border: 0; border-bottom: 1px solid #ddd; color: #222; font-size: 14px; font-weight: bold; box-shadow: none; }
.hotlist .btn_more .material-icons { color: #222; }
.hotlist { padding-bottom: 42px; }
.hotlist .AnimationName { -webkit-animation: AnimationName 30s ease infinite; -moz-animation: AnimationName 30s ease infinite; animation: AnimationName 30s ease infinite; }
.hotlist .wbox { position: relative; z-index: 1; }
.hotlist .hotArea { padding: 5px 0; margin-bottom: 8px; }
.hotlist .hotArea .title { position: relative; font-size: 22px; line-height: 34px; margin: 5px 0 0 10px; font-weight: bold; }
.hotlist .hotArea .title .rcontent { font-size: 16px; font-weight: 500; cursor: pointer; }
.hotlist .hotArea .title .rcontent .material-icons { vertical-align: -6px; padding: 0; }
.hotlist .displayhor { position: relative; width: 100%; padding: 10px 0 10px 10px; overflow-x: hidden; }
.hotlist .displayhor .gradientEnd { position: absolute; width: 100px; height: 310px; right: 0; top: 30px; background: #222; z-index: 5; }
.hotArea .aitxt { vertical-align: -4px; float: left; padding-top: 13px; height:42px;}
.hotArea .aitxt .point { font-weight: 400; padding: 0 4px; background-color: #fe6667; color:#fff; line-height: 17px; margin-right: 2px; }
.hotArea .aitxt .beta { width:41px; vertical-align:-8px; }
.hotlist .peoplecard:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; }
.hotlist .peoplecard li { position: relative; width: 33%; height: 292px; float: left; box-sizing: border-box; margin-left: 14px; margin-right: -4px; line-height: 22px; z-index: 1; }
.hotlist .peoplecard.home { font-size: 0; }
.hotlist .peoplecard.home li { margin-left: 12px; margin-bottom: 10px; float: left; }
.hotlist .peoplecard.home li:nth-child(3n+1) { margin-left: 0; }
.hotlist .peoplecard.hotpeople li { width: 390px; height: 248px; margin-top: 10px; cursor: pointer; }
.hotlist .peoplecard.hotpeople li:nth-child(1), .hotlist .peoplecard.hotpeople li:nth-child(4) { margin-left: 10px; }
.hotlist .peoplecard.recommand li { width: 290px; height: 300px; }
.hotlist .peoplecard.curation li { width: 290px; height: 290px; }
.hotlist .peoplecard.interview li { width: 225px; height: 225px; margin-left: 10px; }
.hotlist .peoplecard.reldeal li { width: 260px; height: 260px; }

.hotlist .peoplecard li .loadvideo { position: absolute; left: 0; top: 0; width: 100%; height: 4px; background: #00bcd4; opacity: 0; z-index: 5; }
.hotlist .peoplecard li .loadvideo.animate { animation: loadvideo 10s ease-in-out; }
.hotlist .peoplecard li .iconspot { position: absolute; left: 50%; top: 50%; width: 0; height: 0; z-index: -1; }
.hotlist .peoplecard li .iconvideo { position: absolute; left: 8px; top: 8px; opacity: 0.7; z-index: 5; }
.hotlist .peoplecard li .iconvideo .material-icons { color: #fff; }
.hotlist .peoplecard li.play .loadvideo { opacity: 1; }
.hotlist .peoplecard li:first-child { margin-left: 0; }
.hotlist .peoplecard li .dealbar { position: relative; width: 290px; height: 290px; margin-bottom: 10px; cursor: pointer; }
.hotlist .peoplecard li .bg_thumb { position: absolute; width: 100%; height: 100%; background: #222; box-shadow: 0 1px 3px rgba(0,0,0,.0), 0 1px 3px rgba(0,0,0,.24); border: 1px solid #fff; /*url('/common/images/icons/ic_wallpaper_black_48dp_1x.png') center center no-repeat;*/ opacity: 0.2; z-index: 1; }
.hotlist .peoplecard li .bg_thumb:hover { opacity: 0; }
.hotlist .peoplecard li .thumb { position: absolute; width: 100%; height: 100%; background: url('') center center no-repeat; background-size: cover; overflow: hidden; z-index: 2; }
.hotlist .peoplecard li .filter { position: absolute; width: 100%; height: 100%; text-align: center; border: 3px solid #00bcd4; background: #222; cursor: pointer; transition: all .3s ease-in; -webkit-transition: all .3s ease-in; overflow: hidden; opacity: 0; z-index: 6; }
.hotlist .peoplecard li .filter button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) }
.hotlist .peoplecard li .filter:hover { opacity: 0.9; }
.hotlist .peoplecard li .lenz { position: absolute; width: 100%; height: 100%; text-align: center; background: #222; cursor: pointer; transition: all .3s ease-in; -webkit-transition: all .3s ease-in; overflow: hidden; opacity: 0.16; z-index: 3; }
.hotlist .peoplecard li .lenz:hover { opacity: 0; }
.hotlist .peoplecard .eventcoup { position: absolute; right: 0; top: 0; width: 60px; height: 26px; line-height: 24px; color: #fff; background: #222; text-align: center; overflow: hidden; z-index: 4; }
.hotlist .peoplecard li .info { position: absolute; top: 0; width: 100%; height: 100%; background: #222; color: #fff; opacity: 0; transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; margin-right: -1px; z-index: 5; }
.hotlist .peoplecard li .info:hover { opacity: 0.9; cursor: pointer; }
.hotlist .peoplecard li .info .desc { display: block; }
.hotlist .peoplecard li .bg_desc { position: absolute; width: 100%; height: 140px; bottom: 0; padding: 10px; z-index: 4; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22200000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */ }
.hotlist .peoplecard li .stats { position: absolute; width: 100%; min-height: 12px; bottom: 8px; padding: 0 10px; font-size: 16px; color: #fff; z-index: 5; }
.hotlist .peoplecard li .stats .material-icons { color: #fff; padding: 2px 1px 2px 3px; font-size: 22px; }
.hotlist .peoplecard li .desc { position: absolute; width: 100%; min-height: 50px; bottom: 0; padding: 10px; font-size: 20px; color: #fff; text-align: right; z-index: 5; }
.hotlist .peoplecard li .desc.prod { position: relative; height: 100%; text-align: left; line-height: 22px; z-index: 5; }
.hotlist .peoplecard li .desc .gpnm { word-break: break-all; max-height: 46px; overflow: hidden; }
.hotlist .peoplecard li .desc .price { position: absolute; right: 10px; bottom: 13px; font-size: 20px; color: #00bcd4; font-weight: bold; }
.hotlist .peoplecard li .desc .storenm { font-size: 12px; font-weight: normal; color: #eee; }
.hotlist .peoplecard li .desc .bg_profile { position: absolute; left: 10px; bottom: 13px; width: 40px; height: 40px; }
.hotlist .peoplecard li .subdesc { font-size: 24px; color: #fff; line-height: 15px; display: block; height: 15px; overflow: hidden; }
.hotlist .peoplecard li .subline { display: block; height: 22px; overflow: hidden; }
.hotlist .peoplecard li .subtitle { font-size: 24px; color: #00bcd4; font-weight: 400; line-height: 26px; display: block; height: 26px; overflow: hidden; }
.hotlist .peoplecard video { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); min-width: 100%; height: 100%; width: auto; width: initial; }
.hotlist .peoplecard video.verVideo { width: 100%; height: auto; height: initial !important; min-height: 100%; }
.hotlist .peoplecard.recommand .desc, .hotlist .peoplecard.curation .desc, .hotlist .peoplecard.interview .desc { display: none; }
.hotlist .peoplecard.reldeal .desc .gpnm { font-size: 16px; line-height: 20px; width: 80%; }
.hotlist .newstore { text-align: center; height: 190px; overflow: hidden; padding: 20px 0; }
.hotlist .newstore li { width: 78px; display: inline-block; margin: 0 20px 10px 0; text-align: center; }
.hotlist .newstore li:nth-child(12) { margin-right: 0; }
.hotlist .newstore li .sellernm { word-break: break-all; padding: 5px 0; line-height: 14px; text-align: left; height: 40px; overflow: hidden; }

.branimate { -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: 1 !important; }
.branimate.delay { animation-delay: 500ms; -webkit-animation-delay: 500ms; }

.animate li, .animate div.upSlidehalf { animation-delay: 700ms; -webkit-animation-delay: 700ms; }
.animate li:nth-child(1), .cartitem:nth-child(1) { animation-delay: 100ms; -webkit-animation-delay: 100ms; }
.animate li:nth-child(2), .cartitem:nth-child(2) { animation-delay: 200ms; -webkit-animation-delay: 200ms; }
.animate li:nth-child(3), .cartitem:nth-child(3) { animation-delay: 300ms; -webkit-animation-delay: 300ms; }
.animate li:nth-child(4), .cartitem:nth-child(4) { animation-delay: 400ms; -webkit-animation-delay: 400ms; }
.animate li:nth-child(5), .cartitem:nth-child(5) { animation-delay: 500ms; -webkit-animation-delay: 500ms; }
.animate li:nth-child(6), .cartitem:nth-child(6) { animation-delay: 600ms; -webkit-animation-delay: 600ms; }

.animatetypo li:nth-child(1) { animation-delay: 100ms; -webkit-animation-delay: 100ms; }
.animatetypo li:nth-child(2) { animation-delay: 700ms; -webkit-animation-delay: 700ms; }
.animatetypo li:nth-child(3) { animation-delay: 1300ms; -webkit-animation-delay: 1300ms; }
.animatetypo li:nth-child(4) { animation-delay: 1900ms; -webkit-animation-delay: 1900ms; }
.animatetypo li:nth-child(5) { animation-delay: 2500ms; -webkit-animation-delay: 2500ms; }



.step, .editor { position: absolute; width: 100%; min-height: 100%; font-size: 16px; left: 0; top: 0; padding-top: 100px; display: none; }
.editor { padding: 0; z-index: 10; }
.step.wizard { position: inherit; min-height: inherit; padding: inherit; display: block; }
.step.show { display: block; }
.step .header, .editor .header { box-shadow: none; -webkit-box-shadow: none; text-align: center; padding: 0 8px; background: none; }
.step .header button, .editor .header button { width: 40px; height: 40px; float: left; line-height: 24px; margin: 0 0 0 -6px; }
.step .header button .material-icons, .editor .header button .material-icons { padding: 2px; font-size: 40px; line-height: 50px; color: #fff; }
.step .screenlabel, .editor .screenlabel { color: #fff; float: right; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.stepnavi { position: fixed; left: 0; top: 70px; width: 30px; height: 30px; background: none; border-radius: 50%; margin: 10px; text-align: center; cursor: pointer; z-index: 1; }
.stepnavi .material-icons { line-height: 35px; color: #222; font-size: 36px; margin-left: -5px; padding: 5px; transition: all .2s ease-in; -webkit-transition: all .2s ease-in; opacity: 0.4; vertical-align: -6px; border-radius: 50%; }
.stepnavi .material-icons:hover { background: #fff; opacity: 1; }
.editor .header button { float: right; margin-right: 10px; }
.editor .screenlabel { float: left; }
.step.show .screenlabel { float: left; font-size: 14px; }
.step .stepTitle, .editor .stepTitle { font-size: 24px; padding: 80px 15px; line-height: 34px; text-align: center; padding: 35px 15px 25px; letter-spacing: -2px; word-break: break-all; color:#222; }
.step .stepsub { font-size:16px; margin-top:-20px; padding:0 15px 25px; text-align:center; }
.step .stepTitle.big { font-size: 40px; padding: 80px 15px; line-height: 48px; letter-spacing: -2px; font-weight: normal; }
.step .stepTitle.big ul li { vertical-align: top; opacity: 0; }
.step .stdbtn:not(.small), .editor .stdbtn { padding-left: 10px !important; border: 0 !important; width: 50%; float: left; font-size: 16px; height: 50px; }
.step .admsg { font-size: 14px; text-decoration: underline; margin-top: 50px; cursor: pointer; }
.step .control, .editor .control { position: absolute; right: 0; top: 0; width: 34px; height: 34px; line-height: 34px; text-align: center; background: #222; opacity: 0.9; z-index: 2; }
.step .control .material-icons, .editor .control .material-icons { color: #fff; font-size: 16px; vertical-align: -2px; }
.step .appmenu, .editor .appmenu { position: fixed; left: 0; bottom: -70px; top: inherit; width: 100%; height: 50px; box-shadow: 0 -1px 8px rgba(0,0,0,0.12), 0 -1px 8px rgba(0,0,0,0.18); border: 0; background: #fff; z-index: 7; }
.step.show .appmenu { bottom: 0; }
.step input[type=text], .step input[type=password], .editor input[type=text], .editor input[type=password] { border: 0 !important; border-bottom: 1px solid #eee !important; -webkit-appearance: none; font-size: 16px; height: 38px !important; width: 100%; }
.step.wizard input[type=text], .step input[type=password], .editor input[type=text], .editor input[type=password] { height: 48px !important; box-shadow: none; -webkit-box-shadow: none; }
.step .likeinput { position: relative; font-size: 16px; background: #fff; padding: 0 7px; color: #aaa; overflow: hidden; height: 48px; line-height: 46px; border: 0 !important; }
.step .likeinput button { position: absolute; right: 6px; top: 8px; box-shadow: none; -webkit-box-shadow: none; height: 32px; border-color: #ddd !important; }
.step .btnlist .stdbtn { color: #fff; background: #222 !important; border-radius: 0; }
.step .btnlist .stdbtn .material-icons { color: #fff; }
.step .btnlist .stdbtn.readonly, .step .btnlist .stdbtn.readonly .material-icons { color: #555 !important; }
.step .btnlist .stdbtn:not(.readonly):hover, .step .btnlist .stdbtn:not(.readonly):hover .material-icons { color: #00bcd4 !important; }

.step .p_master { position: relative; background: #fff; line-height: 28px; }
.step .p_master .p_value { position: absolute; top: 4px; right: 2px; color: #059ae2; cursor: pointer; }
.step .p_master .p_value label { position: relative; cursor: pointer; line-height: 38px; }
.step .p_master .p_value .material-icons { color: #059ae2; width: 24px; padding: 0; vertical-align: -7px; transition: all .1s ease-in; -webkit-transition: all .1s ease-in; }

.step.hotlab { background: #ff4e02; display: none; z-index: 4; }
.step.hotlab .bigTitle { font-size: 32px; line-height: 50px; font-weight: normal; }
.step.hotlab .maindesc { height: 60px; }
.step.hotlab .ppt { height: 420px; }
.step.hotchoice { background: #f1f1f1; display: block; z-index: 1; }
.step.hotchoice .appmenu { bottom: 0; }
.step .regbtn { display: inline-block; padding: 0 10px; height: 46px; line-height: 42px !important; border: 2px solid #333; border-radius: 5px; /*font-size: 14px;*/ font-size: 17px; width: 180px; color:#222; }
.step .regbtn.btn_green { color:#fff; border-color:transparent; }
.step .regbtn.btn_green.active { background-color:#0d9fb9; }
.step .regbtn .iconPhoto, .regbtn .iconMovie { position: absolute; font-size: 32px; left: 19px; top: 6px; -webkit-animation: fadeInOut 3s infinite ease-in-out; animation: fadeInOut 3s infinite ease-in-out; }
.step .regbtn .iconPhoto { -webkit-animation-delay: -1.5s; animation-delay: -1.5s; font-size: 24px; left: 22px; top: 9px; }
.step .regbtn .txtPhoto { /*position: absolute; right: 20px; top: 0;*/ }
.step .regbtn .cancel { position: absolute; right: -6px; top: 0; }
.step .regbtn .spinner { position: absolute; left: 14px; }
.regbtn { position: relative; display: inline-block; padding: 0 20px; height: 48px; line-height: 44px !important; text-align: center; border: 1px solid #fff; font-size: 14px; margin: 0 auto; color: #fff; cursor: pointer; }
.regbtn .material-icons { color: #fff; padding: 0; margin-right: 10px; vertical-align: -7px; }

.pagehead { position: relative; width: 100%; height: 380px; margin: 0; background: #222 url('/Common/images/bg_storehead_02.jpg') center center no-repeat; background-size: cover; z-index: 1 ;}
.pagehead .userbg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; background: url() center center no-repeat; background-size: cover; z-index: 2 }
.pagehead .filter { position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; background: #222; opacity: 0.1; z-index: 3; }
.pagehead .helpmsg { display: inline-block; text-align: center; background: #222; color: #999; margin-top: 180px; border: 0; display: none; }
.pagehead .filter.help { text-align: center; opacity: 1; cursor: pointer; }
.pagehead .filter.help .helpmsg { display: block; }
.pagehead .filter.help .helpmsg i{vertical-align:-6px;}
.pagehead .wbox { position: relative; height: 100%; }
.pagehead .setting { position: absolute; right: 30px; bottom: 10px; color: #fff; }
.pagehead .setting button { border: 1px solid #fff; font-weight: bold; }
.pagehead .setting .material-icons { color: #fff; }
.pagehead .control { position: absolute !important; bottom: 10px !important; right: 10px; border-radius: 50%; width: 40px; height: 40px; text-align: center; background: #222; line-height: 38px; cursor: pointer; z-index: 4; }
.pagehead .btnlink { position: absolute !important; bottom: 10px !important; right: 10px; border-radius: 50%; width: 40px; height: 40px; text-align: center; background: #222; line-height: 38px; color:#fff; cursor: pointer; z-index: 4; }
.pagehead .btnlink:hover{color:#00bcd4;}
.pagehead .control .material-icons { color: #fff; }
.pageinfo { position: relative; background: #fff; padding: 10px 0 12px 0; }
.pageinfo .sellerinfobox { font-size: 12px; opacity:0; transition:.5s; transition-delay:.2s; }
.pageinfo .sellerinfobox.show { opacity:1; }
.pageinfo .sellerinfobox span { display:inline-block; visibility:visible; }
.pageinfo .title { color: #999; }
.pageinfo .count { color: #222; font-weight: 500; font-size: 14px; padding: 0 0 0 2px; }
.pageinfo .material-icons { font-size: 24px; padding: 2px; }
.pageinfo .col { color: #222; padding-right:5px; }
.pageinfo .col:last-child { padding-right:0; }
/*.pageinfo .btn_like { position: relative; width: 100px; background: #eee; color: #222; border: 0; padding: 0 10px; height: 40px; line-height: 38px; font-weight: normal; overflow: visible !important; box-shadow: none; min-width: 314px; text-align: left; font-size: 14px; vertical-align: top; }
.pageinfo .btn_like:hover { background: #00bcd4; color: #fff; }
.pageinfo .btn_like:hover .material-icons { color: #fff !important; }*/
.pageinfo .btn_like .alarm { background: #fe6667; color: #fff; width: 26px; height: 26px; font-size: 12px; text-align: center; line-height: 26px; border-radius: 50%; margin-left:5px; font-family: 'Roboto', HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif; }
.pageinfo .btn_like span { border-radius: 50%; height: 100%; text-align: center; margin-right: 0; }
.pageinfo .btn_like span:first-child { display:inline-block; }
.pageinfo .btn_like .material-icons { font-size: 22px; padding: 0; color: #fff; margin-right: 5px; }
.pageinfo .btn_like .count { padding: 0; }
.pageinfo .btn_like:hover .count { color:#fff; }
/*=====*/
/*.pageinfo .btn_like .txt { display:none; width:auto !important; font-size:14px !important; white-space:nowrap; }
.pageinfo .btn_like .txt:first-child { display:block; }
.pageinfo .btn_like:hover .txt:first-child { display:none; }
.pageinfo .btn_like:hover .txt:last-child { display:block; }*/
/*=====*/
.pageinfo .btn_manage, .pageinfo .btn_addprod { min-width: inherit; width: 190px; }
.pageinfo .btn_addprod { width: 120px; text-align: center; }
.pageinfo .wbox { position: relative; }
.profilebar { position: absolute; left: 0; bottom: 0; width: 100%; padding: 24px 6px 6px; color: #222; text-align: center; height: 80px; vertical-align: bottom; line-height: 14px; z-index: 2; }
.profilebar .bg_profile { width: 80px; height: 80px; bottom: -14px; border-radius: 0; }
.profilebar .ld_profile { border-radius: 0; }
.profilebar .storenm { padding: 20px 0 0 4px; }
.storepage .pageinfo { height:122px; /*border-bottom:1px solid #ccc;*/}
.storepage .control { position: relative; }
.storepage .profilebar { top: 2px; bottom: inherit; width:750px; height: 100px; text-align: left; background: #fff; display: inline-block; padding: 10px 20px 10px 103px; }
.storepage .profile {width: 100%; background: #fff; z-index: 2; }
.storepage .profilebar .storenm { position:relative; display:inline-block; max-width:100%; line-height:24px; padding:0 30px 0 0; margin-top:17px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.storepage .bg_profile { position: absolute; left: 15px; top: 10px; bottom: inherit; border: 0; border-radius:50%; overflow:hidden; }
.storepage .country { left: 10px; bottom: 10px; }
.storepage .storesetting { display: inline-block; cursor: pointer; }
/*.storepage .storemsg { position: relative; display: inline-block; margin: 20px auto 0; padding: 25px 25px 20px 25px; font-size: 20px; text-align: center; background: url('/Common/images/main/bg_mark_q.png') left 20px no-repeat; background-size: 20px auto; line-height: 24px; }*/
.storepage .storemsg span.quatation_e { width: 20px; height: 20px; position: absolute; right: 0; top: 20px; background: url('/Common/images/main/bg_mark_q2.png') left top no-repeat; background-size: 20px auto; display: none; }
.storepage .btnlikewrap { position:absolute; top:30px; right:0; }
/*.storepage .btn_like { position:relative; min-width:0; width:auto; padding:0 20px; text-align:center; color:#fff; background-color:#00bcd4; white-space:nowrap; }*/
/*.storepage .btn_like:hover { background-color:#00acca; }*/
.storepage .btn_addprod, .storepage .storesetting { min-width:0; width:auto !important; text-align:center; }
.storepage .btn_like .material-icons { color:#fff; vertical-align:-6px; }
.storepage .btn_like .alarm { position:absolute; top:-10px; right:-10px; background-color:#ff5722; vertical-align:1px; }
.storepage .btn_addprod { width:140px; }
/*.storepage .btn_like.on { background-color:#00acca; }*/
.storepage .toolBar { margin-top:20px; }
/*캐리어에어컨스토어*/
.wbox.carrierpage{padding:20px 60px;}
.pagehead.edit { background:none; }
.pagehead.edit .txt { position:relative; height:380px; line-height:1.35; padding-top:124px; padding-left:50px; color:#222; box-sizing:border-box;}
.pagehead.edit .txt .title { font-size:50px; font-weight:700; letter-spacing:-0.02em; }
.pagehead.edit .txt .subtitle {font-weight: 400; font-size: 30px; letter-spacing:-0.078em; }
.pagehead.edit .txt .subtitle .material-icons { font-size: 26px; vertical-align: -2px; }
.pagehead.edit .txt .desc { margin-top: 20px; font-weight: 400; font-size: 20px; }
.pagehead.carrier { position:relative; background:#E3F3FF url(/Common/images/carrierAircon/carrierAircon_store_bg.jpg) no-repeat 50% 50%; background-size:auto 100%; }
.pagehead.carrier .bg { position:absolute; width:100%; top:0; bottom:0; left:0; bottom:0; background:url(/Common/images/carrierAircon/store_banner_carrier_2.png) no-repeat 100% 100%; background-size:auto 94%; }
.pagehead.carrier.carrier2 .bg { background-image:url(/Common/images/carrierAircon/store_banner_carrier_3.png) , url(/Common/images/carrierAircon/store_banner_carrier_3txt.png); background-repeat:no-repeat; background-position:center bottom , center top -21%; background-size:auto 60% , auto 50%; background-color:#4bc1f1;}
.pagehead.carrier .txt .title { color:#020298; }
.pagehead.carrier .txt .subtitle { color: #020298; }
.pagehead.carrier .txt .desc { color: #3777D8; }
.storepage .storecategory { margin: 0 -12px; padding:30px 0 100px; }
.storepage .storecategory ul { float:left; width:40%; }
.storepage .storecategory li { position:relative; float:left; padding:12px; width:100%; }
.storepage .storecategory li .inner { position:relative; display:block; padding-top:100%; background-image:linear-gradient(#fafafa 45%, #f6f6f6, #f1f1f1, #eee, #ddd, #d6d6d6); }
.storepage .storecategory li .inner .cont { position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden; }
.storepage .storecategory li .title { position:absolute; top:18%; left:0; width:100%; text-align:center; font-size:20px; color:#333; z-index:1; }
.storepage .storecategory li .bgwrap { position:absolute; top:0; left:0; bottom:0; right:0; transition:.3s; }
.storepage .storecategory li .bg { position:absolute; bottom:16%; left:50%; transform:translateX(-50%); }
.storepage .storecategory .scale li:hover .bgwrap { transform:scale(1.04); }
.storepage .storecategory ul:first-child li .title { top:auto; bottom:0; line-height:1; padding:12% 0 10%; background-image:linear-gradient(rgba(0,0,0,0), rgba(0,0,0, .7)); color:#fff; font-size:24px; }
.storepage .storecategory ul:first-child li .bg { top:0; bottom:0; width:100%; padding-top:100%; background:url(/Common/images/carrierAircon/menu_carrier_BEST.jpg) no-repeat 50% 50%; background-size:cover; }
.storepage .storecategory ul:nth-child(2) li { width:50%; }
.storepage .storecategory ul:nth-child(2) li:nth-child(1) .bg { width:80%; padding-top:34%; background:url('/Common/images/carrierAircon/menu_carrier_Wall_ hangings.png') no-repeat 50% 50%; background-size:100% auto; }
.storepage .storecategory ul:nth-child(2) li:nth-child(2) .bg { bottom:0; width:36%; padding-top:65%; background:url(/Common/images/carrierAircon/menu_carrier_stand.png) no-repeat 50% 0; background-size:100% auto; }
.storepage .storecategory ul:nth-child(2) li:nth-child(3) .bg { bottom:0; width:80%; padding-top:68%; background:url(/Common/images/carrierAircon/menu_carrier_2in1.png) no-repeat 50% 0; background-size:100% auto; }
.storepage .storecategory ul:nth-child(2) li:nth-child(4) .bg { bottom:0; width:80%; padding-top:68%; background:url(/Common/images/carrierAircon/menu_carrier_efficiency.png) no-repeat 50% 0; background-size:100% auto; }
.storepage .storecategory ul:nth-child(3) { width:20%; }
.storepage .storecategory ul:nth-child(3) li:nth-child(1) .bg { bottom:0; width:62%; padding-top:60%; background:url(/Common/images/carrierAircon/menu_carrier_business.png) no-repeat 50% 0; background-size:100% auto; }
.storepage .storecategory ul:nth-child(3) li:nth-child(2) .bg { width:80%; padding-top:34%; background:url(/Common/images/carrierAircon/menu_carrier_twin.png) no-repeat 50% 50%; background-size:100% auto; }
.resfullbox.carrier{background:#78daff;}
.resfullbox.carrier .wbox{padding:25px 50px 0;margin:0 auto 80px;}
.resfullbox.carrier .wbox .dealcard.grid5 ul li{width:20% !important;}
.resfullbox.carrier .wbox .dealcard .bid .price.txt{color:#fff;}
.resfullbox.carrier .wbox .dealcard .discount{color:#555;} 

.storepage .storecategory .scrollmenu { position:fixed; top:64px; left:0; width:100%; padding:0 10px 0 180px; background-color:#00bcd4; opacity:0; visibility:hidden; transition:opacity ease .3s; z-index:3; }
.storepage .storecategory .scrollmenu ul { float:none; width:1200px; margin:0 auto; text-align:center; }
.storepage .storecategory .scrollmenu li { float:none; display:inline-block; width:auto; padding: 0 20px; line-height: 54px; font-size: 16px; }
.storepage .storecategory .scrollmenu li:hover .inner { text-decoration:underline; }
.storepage .storecategory .scrollmenu li .inner { padding:0; color:#fff; background-image:none; }
.storepage .storecategory.fixed .scrollmenu { opacity:1; visibility:visible; }

/*올콘 상단 슬라이드 구간 기본*/
.storepage .storecategory.mobilegift{padding-bottom:50px;}
.storecategory.mobilegift .relative{margin:3% 0 0;}
.storecategory.mobilegift ul { min-height: 337px; width:29%; margin:0 4% 0 0;}
.storecategory.mobilegift .relative .swiper-prev.circle {left:31% !important;}
.storecategory.mobilegift .slidewrap .swiper-container .inner { position:static; display:block; padding-top:0; background-image:none; }
.storepage .storecategory.mobilegift ul:first-child li .title{ padding:4% 0; font-size:20px;}
.storepage .storecategory.mobilegift ul:first-child li .title span{display:block; font-size:14px; line-height:2;}
.storepage .storecategory.mobilegift ul:first-child li .bgwrap { background:linear-gradient(to bottom , #e9e8ee 80%, #971d2a 80%); }
.storepage .storecategory.mobilegift ul:first-child li .bgwrap .bg { background:url(/Common/images/banner/main/banner-main-right1.png) no-repeat  top 35% center; background-size:90% auto; }

/*올콘 기획전*/
.storepage .storecategory.exhbt_ak .exhbt li a {background: url(/Common/images/exhibition/exhbt_ak_p.png) no-repeat left top; background-size:cover;}

@media screen and (max-width: 1540px) {
    .storepage .storecategory.mobilegift ul:first-child li .title{ font-size:16px;}
    .storepage .storecategory.mobilegift ul:first-child li .title span{font-size:12px;}
    .storecategory.mobilegift .relative {margin: 8px 0 0;}
}

/*사업자셀러삼성*/
.pagehead.samsung { background-color:#c7e1ee; }
.pagehead.samsung .bg { position:absolute; top:0; height:100%; width:560px; background:url() no-repeat 0 50%; }
.pagehead.samsung .bg1 { left:0; background-image:url(/Common/images/banner/store/banner_storeTop_samsung_1_pc.jpg); }
.pagehead.samsung .bg2 { right:0; background-image:url(/Common/images/banner/store/banner_storeTop_samsung_2_pc.jpg); background-position:112% 50%; }
.pagehead.samsung .txt { padding-top:90px; text-align:center; }
.pagehead.samsung .txt .title { color:#1628a6; }
/*사업자셀러모바일상품*/
.pagehead.gifticon { background-color:#ecdfab; }
.pagehead.gifticon .txt .title { color:#c16137; }
.pagehead.gifticon .bg { position:absolute; top:0; height:100%; width:560px; background:url() no-repeat 0 50%; }
.pagehead.gifticon .bg2 { right:0; background-image:url(/Common/images/banner/store/banner_storeTop_gifticon_2_pc.jpg); background-position:100% 50%; }


/* cart */
.cartlist .listtitle li{line-height:50px; color:#222; font-size:16px;}
.cartlist .material-icons-outlined{font-size:20px; color:#ccc; cursor:pointer;}
.cartlist .totalconten .dealorder, .cartlist .cartbar .itemnm {min-height:120px;}
.cartlist button{position:absolute; border:none;}
.cartlist input , .cartlist label{cursor:pointer;}
.cartlist .list_col.col_3 .item{margin:0; width:41%;}
.cartlist .list_col.col_3 .item:last-child{width:18%;}
.cartlist .list_col.col_3 .item .scalebox_pp{position:absolute; left:65%; top:50%; transform:translateY(-50%);}
.cartlist .list_col.col_3 .item .scalebox_pp .scaletxt{left:-74px; bottom:-50px;}
.cartlist .cartitem > ul > li {padding:25px 0; border-bottom:1px solid #ddd;}
.cartlist .cartitem .cartbar {width: 82%; padding:20px 0;}
.cartlist .cartitem .orderitem {position:relative; width: 100%;}
.cartlist .cartbar .bgthumb { margin:0 0 0 42px; width: 120px; height: 120px; background: #f5f5f5 url(/common/images/icons/ic_wallpaper_dibidibi.png) center center no-repeat; background-size: 80%; cursor:pointer;}
.cartlist .cartbar .thumb {width: 100%; height: 100%;background: url() no-repeat 50% 50%; background-size: cover;}
.cartlist .cartbar .itemnm {position:relative; float:left; width:45%; padding:0 20px 0 0;}
.cartlist .cartbar .itemnm .cartcheck{position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:1;}
.cartlist label{opacity:0.7;}
.cartlist .btnlist .cartcheck label{vertical-align:middle; margin:0 6px 0 0; font-size:16px; font-weight:bold; color:#555;}
.cartlist .cartbar .itemnm .cartcheck label input , .cartlist .btnlist .cartcheck label input{opacity:0 !important; border:none !important;}
.cartlist .cartbar .itemnm .nmbox{position:absolute; left:180px; top:50%; transform:translateY(-50%); width:calc(100% - 200px); padding:0 20px 0 0;}
.cartlist .cartbar .itemnm .nmbox .sellernm{display:block; font-size:14px; color:#999; margin:0 0 10px; cursor:pointer; font-weight:normal;}
.cartlist .cartbar .itemnm .nmbox .sellernm .material-icons-outlined{font-size:20px; color:#999; vertical-align:-5px; margin:0 4px 0 0;}
.cartlist .cartbar .itemnm .nmbox .prodnm a{display:block; font-size:14px; line-height:20px;}
.cartlist .cartbar .itemnm .cartdel{display:block; font-size:14px; top:0; right:15px; padding:5px;}

.cartlist .cartbar .vmiddlebox {position:relative; float:left; width:55%; padding:0 0 0 20px; min-height:120px;}
.cartlist .cartbar .vmiddlebox:before{content:""; position:absolute; left:0; top:0; width:1px; height: 100%; background-color:#ddd;}
.cartlist .cartbar .vmiddlebox li .overhid{margin:0 0 16px;}
.cartlist .cartbar .vmiddlebox li *{line-height:28px;}
.cartlist .cartbar .vmiddlebox li .optnm .txtoverhid{display:block; line-height:20px;}
.cartlist .cartbar .vmiddlebox li .pricebox , .cartlist .cartbar .vmiddlebox li .optnm , .cartlist .cartbar .vmiddlebox li .toolbox {float:left;}
.cartlist .cartbar .vmiddlebox li .pricebox , .cartlist .cartbar .vmiddlebox li .toolbox {margin:7px 0;}
.cartlist .cartbar .vmiddlebox li .optnm{float:left; width:50%; padding:0 20px 0 0; color:#999;}
.cartlist .cartbar .vmiddlebox li .optnm span{display:block; position:relative; line-height:18px;}
.cartlist .cartbar .vmiddlebox li .optnm span:before{content:""; display:inline-block; width:7px; height:7px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; margin:0 4px 0 0; vertical-align:3px;}
.cartlist .cartbar .vmiddlebox li .toolbox {position:relative; float:left; width:20%;}
.cartlist .cartbar .vmiddlebox li .toolbox input{height:28px; width:100% ; box-shadow:none; text-align:center}
.cartlist .cartbar .vmiddlebox li .toolbox button{position:absolute; top:0; width:28px; height:28px; background:#fff;}
.cartlist .cartbar .vmiddlebox li .toolbox .plus{right:0;}
.cartlist .cartbar .vmiddlebox li .toolbox .minus{left:0;}
.cartlist .cartbar .vmiddlebox li .toolbox button .material-icons-outlined{position:absolute; left:0; top:0; font-size:20px; border:1px solid #ddd; width:100%; height:100%; }                
.cartlist .cartbar .vmiddlebox li .pricebox{float:right; width:30%; text-align:right;}
.cartlist .cartbar .vmiddlebox li .pricebox .price{padding:0 10px; width:calc(100% - 24px); color:#222;}
.cartlist .cartbar .vmiddlebox li .pricebox .optdel{ vertical-align:-4px;}
.cartlist .last{position:absolute; right:0; top:0; height:100%; width:18%; padding:25px 0 25px 20px;}
.cartlist .dealorder{position:relative; top:10px; height:calc(100% - 40px); border:1px solid #ddd; border-radius:10px; overflow:hidden; padding:10px 0 0;}
.cartlist .dealorder .deli_situ{width:100%;}
.cartlist .dealorder .calculator{position:static; height:100%;}
.cartlist .dealorder .calculator div span{width:calc(100% - 90px); padding:0 10px; line-height:24px; font-weight:normal;}
.cartlist .dealorder .calculator div span .devDeliText{display:block; font-size:12px; line-height:1; margin:0 0 0 -3px;}
.cartlist .dealorder .calculator div span .devDeliText.colorred{color:#fa2828;}
.cartlist .dealorder .calculator div span:first-child{color:#999; width:90px;}
.cartlist .dealorder .calculator div span:last-child{text-align:right; padding:0 10px 0 0;}
.cartlist .dealorder .calculator .situ{color:red;}
.cartlist .dealorder .calculator .tprice{width:100%; padding:4px 0}
.cartlist .dealorder .calculator .tprice span{font-weight:bold; font-size:16px;}
.cartlist .dealorder .calculator .tprice span:first-child{color:#222; font-weight:normal;}
.cartlist .btnlist{overflow:hidden; padding:20px 0;}
.cartlist .btnlist .cartcheck{ margin:10px 0 80px;}
.cartlist .btnlist .calcart{line-height:42px; padding:0 10px; font-size:16px;}
.cartlist .btnlist .calcart em{position:relative; line-height:42px; padding:0 0 0 20px;}
.cartlist .btnlist .calcart em:last-child:before{content:""; position:absolute; left:10px; top:30%; width:1px; height:60%; background-color:#ddd;}
.cartlist .btnlist button{position:static; width:196px;}

/**/
.bgspinner { height: 50px; text-align: center; margin: 10px 0; }
.bgspinner.padding { padding: 10px 0; }
.spinnertxt { display: inline-block; float: right; line-height: 40px; font-size: 14px; margin-left: -8px; padding-right: 18px; }

.spinner { margin: 0 auto; width: 40px; height: 40px; text-align: center; font-size: 10px; display: inline-block; }
.spinner > span, .spinner > div { background-color: #fff; height: 100%; width: 6px; margin-right: 2px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; }
.spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
.spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
.playspinner { position: absolute; left: 0; top: 0; display: inline-block; width: 100%; height: 300%; line-height: 100%; margin: 0; vertical-align: 4px; background-color: #ddd; border-radius: 50%; -webkit-animation: sk-scaleout 1.0s infinite ease-in-out; animation: sk-scaleout 1.0s infinite ease-in-out; }
.cp-spinner { width: 30px; height: 30px; display: inline-block; box-sizing: border-box; position: relative; }
.cp-round:before { border-radius: 50%; content: " "; width: 30px; height: 30px; display: inline-block; box-sizing: border-box; border-top: solid 6px #bababa; border-right: solid 6px #bababa; border-bottom: solid 6px #bababa; border-left: solid 6px #bababa; position: absolute; top: 0; left: 0; }
.cp-round:after { border-radius: 50%; content: " "; width: 30px; height: 30px; display: inline-block; box-sizing: border-box; border-top: solid 6px #00bcd4; border-right: solid 6px transparent; border-bottom: solid 6px transparent; border-left: solid 6px transparent; position: absolute; top: 0; left: 0; animation: cp-round-animate 0.7s ease-in-out infinite; }
.cp-meter { border-radius: 50%; border-top: solid 6px #0fd6ff; border-right: solid 6px #0fd6ff; border-bottom: solid 6px #0fd6ff; border-left: solid 6px #0fd6ff; width: 48px; height: 48px; display: inline-block; box-sizing: border-box; }
.cp-meter:before { border-radius: 3px; content: " "; width: 6px; height: 12px; display: inline-block; box-sizing: border-box; background-color: #0fd6ff; position: absolute; top: 5px; left: 16px; transform-origin: center bottom; animation: cp-meter-animate-before 1s linear infinite; }
.bgAnimate { background: linear-gradient(45deg, #00bcd4, #006371); background-size: 400% 400%; -webkit-animation: bgAnimate 10s ease infinite; -moz-animation: bgAnimate 10s ease infinite; animation: bgAnimate 10s ease infinite; }

.logodoubledeal { background: url('/common/images/default/logo_doubledeal.jpg') center center no-repeat; background-size: auto 100%; height: 40px; margin-bottom: 30px; }
.bg_profile { position: relative; display: inline-block; width: 78px; height: 78px; background: #aaa url('/Common/images/icons/ic_person_outline_white_24dp_2x.png') center center no-repeat; background-size: 80%; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; line-height: 0; }
.bg_profile.gpthumb { border: 1px solid #fff; width: 70px; height: 70px; background-image: url('/Common/images/bg_noimg.jpg'); background-color: #fff; /*border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;*/ }
.bg_profile.small { width: 50px; height: 50px; }
.bg_profile .photoedit { position:absolute; bottom:0; right:-6px; }
.bg_profile .photoedit .material-icons { background-color:rgba(255,255,255, .8); width:32px; height:32px; line-height:30px; border:1px solid #ddd; border-radius:50%; font-size:22px; cursor:pointer;  }
.ld_profile { position: relative; display: inline-block; width: 100%; height: 100%; background: url() center center no-repeat; margin: 0 0 0 0 !important; background-size: cover; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; cursor: pointer; }
.ld_profile.gpthumb { border: 1px solid #fff; margin: -1px 0 0 -1px; /*border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;*/ }


/*.resfullbox { margin:0 -25px; }*/
/*.resfullbox .resinner { padding:0 50px; }*/

.exchangeInfo { background-color: #f8f8f8; padding: 50px; margin-top: 50px; line-height: 22px; }
.exchangeInfo .title { position: relative; padding-bottom: 5px; }
.exchangeInfo li { padding: 0; }
.exchangeInfo ul ul { line-height: 20px; }
.exchangeInfo table { width: 100%; margin: 4px 0; border-bottom: 1px solid #dfdfdf; }
.exchangeInfo table tr { border: 1px solid #dfdfdf; border-left: 0; border-right: 0; }
.exchangeInfo table tr:last-child { border-bottom: 0; }
.exchangeInfo table td { padding: 15px; vertical-align: middle; }
.exchangeInfo table td:nth-child(odd) { background-color: #eee; }
.exchangeInfo table td span { margin-top: 5px; color: #888; font-size: 12px; line-height: 14px; }

.GPinfo table { width: 100%; border: 1px solid #ddd; margin-bottom: 5px; font-size: 13px; font-weight: 200; }
.GPinfo table.table1 th { background-color: #f5f5f5; }
.GPinfo table th, .GPinfo table td { padding: 5px 3px; border: 1px solid; text-align: center; vertical-align: middle; }
.GPinfo table .material-icons { margin: -3px 0 0 3px; font-size: 17px; color: #00bcd4; }

/*사용자대화화면*/
.basicform .title { font-size: 32px; font-weight: 500; line-height: 42px; color: #222; }
.basicform .title.sub { line-height: 34px; font-size: 22px; }
.basicform .desc { line-height: 20px; font-size: 16px; color: #555; font-weight: normal; }
.basicform .desc.large { font-size: 20px; line-height: 25px; color: #222; }
.basicform .desc.medium { font-size: 18px; line-height: 23px; color: #999; }
.basicform .desc.small { font-size: 14px; color: #555; }
.basicform .desc.dl { color: #999; }
.basicform .desc .dt { margin: 0 6px 0 10px; font-weight: 300; }
.basicform .desc .dd { margin-right: 10px; color: #222; }
.basicform .desc.light { font-weight: 300 !important; }
.basicform .desc.underline { color: #222; }
.basicform a.imgbtn { line-height:40px; }
.basicform .imgbtn { min-width: 180px; height: 44px; border-color: transparent; padding: 0; margin: 0 4px; font-size: 16px; font-weight: 400; color: #555; background-color: #fff; letter-spacing:-1px;}
.basicform .imgbtn.medium { width: 150px; height: 48px; margin: 0; font-size: 16px; }
.basicform .imgbtn.medium:first-child { margin-right: 3px; }
.basicform .imgbtn.medium.widthauto { width: auto; padding: 0 20px; }
.basicform .imgbtn.small { min-width:0; width: 68px; height: 38px; font-size: 15px; font-weight: 400; }
.basicform .imgbtn:hover { background-color: #f5f5f5; }
.basicform .btnlist .imgbtn:last-child, .basicform .imgbtn.green { color: #fff; background-color: #00bcd4; }
.basicform .btnlist .imgbtn:last-child:hover, .basicform .imgbtn.green:hover { background-color: #0d9fb9; }
.basicform .imgbtn.readonly,.basicform .imgbtn.readonly:hover { background-color:#e9e9e9 !important; color:#ccc !important; }
.basicform .borderbox { width: 540px; text-align: left; margin: 0 auto; padding: 20px; border: 1px solid #ddd; }
.basicform .borderbox ul { padding: 0 10px; }
.basicform.full .stdform p .buttonbox .stdbtn.lineddd {border:1px solid #ddd;}

/*19금유해*/
.basicform .adult { text-align: center; }
.adult .redDisplay {display:block; width: 100px; height: 100px; line-height: 76px; border: 8px solid #f00; border-radius: 50%; margin: 0 auto; font-size: 57px; color: #222; background-color: #fff; font-weight: 500; box-sizing: border-box; letter-spacing: -2px; }
.adult .title  { color: #222; padding:20px 0 30px; line-height:1.4; font-size:16px;}
.adult .info19 { font-size: 22px; font-weight: 300; width: 455px; background-color: #fff; padding: 35px; border: 6px solid #ddd; color:#555; }

.sellerstep { position: relative; color: #fff; display: none; }
.sellerstep.level2 .baseform .inputgroup input { color: #00bcd4; font-weight: bold; line-height: 45px; height: 42px; margin-top: 15px; padding: 0 !important; }
.sellerstep.level2 .baseform label { left: 0; }

.stepheader { width: 100%; padding:0 50px; font-size: 20px; }
.stepheader .steptitle { color: #00bcd4; font-size: 15px; line-height: 40px; font-weight: 300; }
.stepheader .steptitle .stepno { float: right; }
.stepheader .stepbar { background: #fff; }
.stepheader .stepbar .levelbar { height: 5px; background-color: #00BCD4; margin-bottom: 34px; }

.stepbody { padding: 40px 0; color: #222; font-size: 16px; text-align:center; }
.stepbody .title { line-height: 42px; }
.stepbody .todo { margin-top: 45px; color: #222; line-height: 40px; font-size: 20px; font-weight: 500; }
.stepbody .btnaction { padding: 0 25px; border-radius: 45px; line-height: 60px; font-size: 20px; margin: 50px 0 20px; background-color: #00bcd4; color: #fff; letter-spacing: -1px; }
.fadeinArea { min-height: 200px; }

.basicform .sellerstep .btnlist button.on { background-color: #00bcd4 !important; color: #fff !important; border-color: transparent; }
.basicform .sellerstep .btnlist button.on:hover { background-color: #0d9fb9 !important; }
.basicform .sellerstep .btnlist button:last-child, .basicform .sellerstep .btnlist button:last-child:hover { background-color: #f0f0f0; color: #ccc; }

.basicform .inputgroup { position: relative; width: 370px; margin: 0 auto; }
.basicform .inputgroup .imgbtn { top: auto; bottom: 1px; right: -72px; margin: 0; }

.basicform div.col { display: block; }
.basicform .iconhead .material-icons { font-size: 60px; }

.basicform .apply .title { color: #333; font-size: 38px; font-weight: 700; line-height: 42px; letter-spacing: -0.06em; white-space: nowrap; }
.basicform .apply .desc { font-weight: 300; white-space: nowrap; }

.basicform .applypeople { padding: 45px 0 70px; text-align: center; }
.basicform .applypeople .numbertxt { font-size: 26px; line-height: 30px; color: #222; }
.basicform .applypeople .numbertxt span { font-weight: 700; font-size: 30px; color: #00bcd4; text-align: right; }
.basicform .applypeople ul { padding: 25px 0 5px; }
.basicform .applypeople li .bg_profile { width: 80px; height: 80px; }
.basicform .applypeople li .ld_profile { cursor: Default; }

.basicform .applypeople .desc { font-size: 16px; line-height: 22px; text-align: left; }
.basicform .applypeople .desc span { width: 100px; margin-right: 3px; color: #222; font-weight: normal; text-align: right; white-space: nowrap; }
.basicform .applypeople li .sellernm { text-align: center; }

.basicform .applypeople .swiper-button-next { top: 65px; right: -50px; }
.basicform .applypeople .swiper-button-prev { top: 65px; left: -50px; }
.basicform .applypeople .swiper-pagination { bottom: 5px; }

.basicform .stdform .formhead { font-size: 28px; line-height: 28px; margin: 0 25px; color: #333; font-weight: 400; border-bottom: 1px solid #ddd; padding-bottom: 12px; }
.basicform .stdform .formhead .desc { color: #ff9300; padding-top: 8px; }
.basicform .stdform .form { padding: 20px; }
.basicform .stdform .form p { padding-left: 24%; margin: 6px 0; }
.basicform .stdform .form p .imgbtn.small { float: right; width: 19%; margin: 0; height: 45px; /*border: 1px solid #eee;*/ box-shadow: none; }
.basicform .stdform .form p.withbtn input { width: 80%; height: 50px !important; /*background-color:#fff;*/ border: 1px solid #eee !important; }
.basicform .stdform .form p.withbtn .imgbtn { width: 19%; border: 1px solid #eee; }
.basicform .stdform label { height: 45px !important; line-height: 45px !important; font-size: 14px; font-weight: 400; color: #767676 !important; }
.basicform .stdform label .explain { position:relative; }
.basicform .stdform label .explain .explainbtn { padding:0; border:0; color:inherit; }
.basicform .stdform label .explain .explainbtn .material-icons { font-size:22px; }
.basicform .stdform label .explain .explaintxt { opacity:0; visibility:hidden; position:absolute; top:0; left:calc(100% + 14px); background-color:#333; color:#fff; line-height:18px; padding:6px 10px; border-radius:12px; font-size:13px; white-space:nowrap; transition:.2s; }
.basicform .stdform label .explain .explaintxt::after { content:''; display:block; position:absolute; top:8px; left:-6px; border:12px solid transparent; border-top:12px solid #333; transform:rotate(-54deg); }
.basicform .stdform label .explain:hover .explaintxt { opacity:1; visibility:visible; }
.basicform .stdform input, .basicform .stdform select { height: 45px; }
.basicform .stdform input[type="checkbox"] { height:auto; width:auto !important; margin-right:4px; }
.basicform .stdform input.readonly, .basicform .stdform select.readonly { background-color: #e9e9e9; pointer-events: none; }
.basicform .stdform select { padding-right: 0 !important; }
.basicform .stdform textarea { display: block; height: 90px; padding-top: 11px !important; line-height: 20px; color: #222; }
.basicform .stdform input, .basicform .stdform textarea, .basicform .stdform select { width: 100% !important; padding: 0 10px; border: 0; box-shadow: none; }
.basicform .stdform input::placeholder, .basicform .stdform select::placeholder, .basicform .stdform textarea::placeholder { color: #ccc !important; }
.basicform .stdform input:-ms-input-placeholder, .basicform .stdform select:-ms-input-placeholder, .basicform .stdform textarea:-ms-input-placeholder { color: #ccc !important; }
/*.basicform .stdform .btnlist { padding-left: 26%; text-align: left; }*/
.basicform .stdform .starwrap { margin-top: 5px; }
.basicform .stdform p.unitwrap .unit { position: absolute; top: 3px; right: 10px; }
.basicform .stdform p.unitwrap input { text-align: right; padding-right: 25px; }

.basicform.canbakpp .stdform input, .basicform.canbakpp .stdform textarea {height:200px; border:1px solid #ddd; }
.basicform.canbakpp .stdform p:first-child{margin:25px 0 0;}
.basicform.canbakpp .stdform p label{top:-5px;}
.basicform.canbakpp .stdform p textarea.readonly { background:#f0f0f0 url('/Common/images/icons/ic_lock_outline_black_24dp_1x.png') right 5px no-repeat; background-size:18px; }
.basicform.canbakpp .stdform .btnlist { padding-left: 28%; text-align: left; font-size:0;}
.basicform.canbakpp .stdform .btnlist .imgbtn{margin:0; width:calc(50% - 4px);}
.basicform.canbakpp .stdform .btnlist .imgbtn:nth-child(2){margin:0 0 0 8px;}

.basicform.full.sidenopadding .stdform .form { padding-right:0; padding-left:0; }
.basicform.full.line .stdform .form { border-bottom:1px solid #ddd; }
.basicform.full.line .stdform .form:last-child { border:0; }
.basicform.full .stdform .form { padding: 15px 25px 20px; }
.basicform.full .stdform .form p { margin: 5px 0 15px; padding-left: 0; }
.basicform.full .stdform .form p.imgwrap { border: 1px solid #ddd; padding: 10px; }
.basicform.full .stdform .form p.imgwrap label { font-size: 12px; color: #767676 !important; }
.basicform.full .stdform label { display: block; height: 40px !important; line-height: 46px !important; padding-left:1px; font-size: 16px; }
.basicform.full .stdform label:first-child { width:auto; }
.basicform.full .stdform p .cont { position: static; display: block; height: 100% !important; font-size: 17px; line-height: 28px !important; font-weight: 300; color: #222 !important; }
.basicform.full .stdform p .noti_img_box { width: 100%; min-height: 160px; border: 1px solid #ddd; background:#f0f0f0; text-align: center; position:relative; line-height:0;}
.basicform.full .stdform p .noti_img_box .imgbtn{margin-top: 60px; cursor: pointer;}
.basicform.full .stdform p .noti_img_box .viewimg{display:none;}
.basicform.full .stdform p .noti_img_box .notiOverBox{display:none; position:absolute; bottom:0; left:0; width:100%; height:65px; background:#fff; }
.basicform.full .stdform p .noti_img_box .btnwrap{height:30px; position:absolute; bottom:20px; left:50%; transform:translateX(-50%);}
.basicform.full .stdform p label { position: relative; line-height:40px;}
.basicform.full .stdform p label .required { vertical-align:0; }
.basicform.full .stdform p label .tooltipwrap {position:absolute; right:0; top:50%; transform:translateY(-50%);}
.basicform.full .stdform p label .tooltipwrap .tooltxt{width:536px; top:45px;}
.basicform.full .stdform p label .tooltipwrap i { vertical-align:-3px; }
.basicform.full .stdform p .point_str { color: #ff451d !important; }
.basicform.full .stdform p .reviewcont { position:relative; display:block; }
.basicform.full .stdform p .reviewcont .txtcnt { display:block; padding:0 10px; text-align:right; background-color:#fff; }
.basicform.full .stdform p .reviewcont textarea { height:200px; }
.basicform.full .stdform input, .basicform.full .stdform select { height: 50px; }
.basicform.full .stdform select { padding:0 5px; }
.basicform.full .stdform textarea { height: 100px; }
.basicform.full .stdform .form p .imgbtn.small { height: 50px; }
.basicform.full .stdform .btnlist { padding-left: 0; padding-top: 20px; text-align: center; }
.basicform.full .stdform p .buttonbox, .basicform.full .stdform p .urlItemBox { position:relative; display:block; }
.basicform.full .stdform p .buttonbox .stdbtn, .basicform.full .stdform p .urlItemBox .imgbtn { position:absolute; top:auto; bottom:0; right:0; background-color:#fafafa; width:auto; height:50px; line-height:100%; padding:0 20px; border:0; color:#555; box-shadow:none; }
.basicform.full .stdform p .buttonbox .stdbtn:hover, .basicform.full .stdform p .urlItemBox .imgbtn:hover { background-color:#f6f6f6; }
.basicform.full .stdform p .buttonbox .stdbtn.green { background-color:#00bcd4; color:#fff; }
.basicform.full .stdform p .buttonbox .stdbtn.green:hover { background-color:#0d9fb9; }
.basicform.full .stdform p .buttonbox input, .basicform.full .stdform p .urlItemBox input { padding-right:120px; }
.basicform.full .stdform p .urlItemBox { margin:5px 0; }
.basicform.full .stdform p .switchbox { position:relative; display:block; }
.basicform.full .stdform p .switchbox input { width:calc(100% - 55px) !important; }
.basicform.full .stdform p .switchery { position:absolute; margin-top:0; top:50%; right:0; transform:translateY(-50%); }
.basicform.full .stdform p .dateinput, .basicform.full .stdform p .numinput { display:block; }
.basicform.full .stdform p .dateinput input { float:left; max-width:48%; }
.basicform.full .stdform p .dateinput .line, .basicform.full .stdform p .numinput .line { float:left; width:4%; line-height:49px; text-align:center; }
.basicform.full .stdform p .numinput input { float:left; max-width:30.666666%; }
.basicform.small .stdform .form p { width:372px; margin:5px auto 15px; }
.basicform.full .stdform .storeBg p .noti_img_box {max-height:400px; overflow:hidden;}
.basicform.full .stdform .storeBg .helpmsg{margin:0;}
/*.basicform.full .stdform .storeBg p .noti_img_box .viewimg{position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%;}*/
.basicform.full .stdform p.show .noti_img_box .viewimg{display:block;}
.basicform.full .stdform p.show .noti_img_box .imgbtn{display:none;}
.basicform.full .stdform p.show .noti_img_box:hover .notiOverBox{display:block;}
/*.basicform.full .stdform p .noti_img_box .notiOverBox{display:none; position:absolute; bottom:0; left:0; width:100%; height:65px; background:#fff; }
.basicform.full .stdform p .noti_img_box .btnwrap{height:30px; position:absolute; bottom:20px; left:50%; transform:translateX(-50%);}*/


.basicform.white { color:#555; }
.basicform.white .stdform select, .basicform.white .stdform textarea, .basicform.white .stdform input { border:1px solid #ddd; }
.basicform.white .stdform input.readonly, .basicform.white .stdform select.readonly { border:0 !important; background:#f0f0f0 url('/Common/images/icons/ic_lock_outline_black_24dp_1x.png') right 5px no-repeat; background-size:18px; }

.basicform .btncombine { margin: 20px 25px; }
.basicform .btncombine button { float:left; width:50%; box-shadow:none; height:50px; margin:0; background-color:#222; color:#fff; font-size:17px; }
.basicform .btncombine button:hover { background-color:#222; color:#ffa600; }
.basicform .btncombine .material-icons { padding-right:0; margin-right:0; }

.basicform .swiper-pagination-bullet-active { background-color: #222; }
.basicform .swiper-button-next, .basicform .swiper-button-prev { outline: none; z-index: 1; background-size: 20px 44px; }

/*셀러셋팅*/
.settingwrap .topbox {position:relative; background:#fff; width:100%; padding:20px 20px 5px; margin:30px 0;}
.settingwrap .topbox  .innerboxhead{margin:0; line-height:30px;}
.settingwrap .topbox  .ultitle{ margin:0; padding:4px 0; line-height:1;}
.settingwrap .topbox  .leftbox{float:left; width:50%; padding:0 30px 0 0;}
.settingwrap .topbox  .leftbox label{display:block; line-height:1.5; margin:4px 0;}
.settingwrap .topbox  .leftbox label em{color:#767676;}
.settingwrap .topbox  .leftbox label .beforelinel{margin:0 0 0 13px;}
.settingwrap .topbox  .leftbox label .beforelinel:before{left:-10px; height:65%; background:#ccc;}
.settingwrap .topbox  .leftbox label .tag{position:absolute; left:160px; top:24px; padding:1px 6px 2px; background:#00bcd4; color:#fff; font-size:12px;}
.settingwrap .topbox  .leftbox label .tag.colorred{background:#fa2828;}
.settingwrap .topbox  .leftbox .buttonbox{position:relative; width:100%; margin:0 0 20px;}
.settingwrap .topbox  .leftbox .buttonbox input{height:50px;}
.settingwrap .topbox  .leftbox .buttonbox button{height:50px; width:150px; position:absolute; right:0; top:0; background:#f5f5f5; color:#555;}
.settingwrap .topbox  .leftbox .buttonbox button:hover{background:#fff; }
.settingwrap .topbox  .helpmsg{float:right;width:50%; margin:0; color:#555; background:#fff; padding:0 0 0 30px;}
.settingwrap .topbox  .helpmsg:before{height:95%; top:auto; bottom:0; transform:translateY(0)}
.settingwrap .topbox  .helpmsg em{display:block; padding:0 0 10px;}
.settingwrap .headtitle { margin:0 0 30px; }
.settingwrap .ultitle { font-weight:400; }
.settingwrap .input .switchery {float: right; margin-top: 8px !important;}
.settingwrap .helpmsg { display:block; background: #f0f0f0; padding: 5px 10px; line-height: 24px; font-size: 14px; margin: 10px 0 0;}
.settingwrap .scrolltop.show { display: none !important;}
.settingwrap .basicform.full.line .stdform{position:relative;}
.settingwrap .basicform.full.line .stdform.lrbox .leftbox{float:left; width:50%;padding:0 15px 0 0; }
.settingwrap .basicform.full.line .stdform.lrbox .rightbox{float:right; width:50%; padding:0 0 0 15px;}
.settingwrap .basicform.full.line .stdform .form{width:100%; background:#fff; border-color:#eee; margin:0 0 30px;}
.settingwrap form input[type=text],.settingwrap form input[type=password]{border:1px solid #ddd;}
.settingwrap .basicform.full.line .stdform .form label em{position:relative; padding:0 20px 0 0;}
.settingwrap .basicform.full.line .stdform .form label em + em:before{content:""; position:absolute; left:-10px; top:50%; transform:translateY(-50%); width:2px; height:80%; background-color:#ccc;}
.settingwrap .basicform.full.line .stdform .form label .colorred{font-size:12px;}
.settingwrap .basicform.full.line .stdform .form select , .setting .basicform.full.line .stdform .form input {border:1px solid #ddd !important;}
.settingwrap .basicform.full .stdform p .switchbox{line-height:50px;}

.point_str { display: inline-block !important; margin: 0 0 0 10px; vertical-align: top; font-size: 20px !important; color: #ff451d !important; }
.starR1 { background: url('/Common/images/cs/ico_review.png') no-repeat -45px 0; background-size: auto 100%; width: 13px; height: 26px; float: left; text-indent: -9999px; cursor: pointer; }
.starR2 { background: url('/Common/images/cs/ico_review.png') no-repeat right 0; background-size: auto 100%; width: 13px; height: 26px; float: left; text-indent: -9999px; cursor: pointer; }
.starR1.on { background-position: 0 0; }
.starR2.on { background-position: -13px 0; }

.graysettingform { margin-bottom: 30px; margin-top: 3px; border-top: 1px solid #ddd; }
.graysettingform .innerboxhead .ultitle { padding: 0 20px; margin-top: 25px; }
.graysettingform .innerbox { padding: 0 20px 30px 20px; border: 0; border-bottom: 1px solid #ddd; margin-bottom: 0; }
.graysettingform .stdform { padding-top: 10px; }
.graysettingform .innerbox:last-child { margin-bottom: 30px; }
.graysettingform .withbtn input { width: calc(100% - 98px) !important; }
.graysettingform .withbtn button { float: right; width: 95px; padding: 0; }

/*슬라이드 동그라미 버튼*/
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled, .swiper-prev.circle.swiper-button-disabled, .swiper-next.circle.swiper-button-disabled { opacity: 0 !important; }
.swiper-prev.circle, .swiper-next.circle { position: absolute; border-radius: 50%; text-align: center; width: 50px; height: 50px; outline: none; z-index: 3; -ms-user-select: none;  -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; }
.swiper-prev.circle { left: -25px !important; background-image:none; }
.swiper-next.circle { right: -25px !important; background-image:none; }
.swiper-prev.circle .material-icons, .swiper-next.circle .material-icons { margin: 0; background-color: #fff; width: 50px; height: 50px; font-size: 35px; line-height: 50px; border-radius: 50%; color: #222; box-shadow: 1px 2px 7px rgba(0,0,0,.11); }
.swiper-prev.circle.mini, .swiper-next.circle.mini { width:30px; height:30px; }
.swiper-prev.circle.mini .material-icons, .swiper-next.circle.mini .material-icons { margin: 0; background-color: #fff; width: 30px; height: 30px; font-size: 22px; line-height: 30px; border-radius: 50%; color: #222; box-shadow: 1px 2px 7px rgba(0,0,0,.11); }
.swiper-prev.circle.midium, .swiper-next.circle.midium { width:40px; height:40px; }
.swiper-prev.circle.midium .material-icons, .swiper-next.circle.midium .material-icons { margin: 0; background-color: #fff; width: 40px; height: 40px; font-size: 26px; line-height: 40px; border-radius: 50%; color: #222; box-shadow: 1px 2px 7px rgba(0,0,0,.11); }

.hotslide .swiper-prev.circle, .hotslide .swiper-next.circle { top: 92px; }
.hashmenu .swiper-button-prev, .hashmenu .swiper-button-next { width:40px; border-radius:0; margin-top:-16px;}
.hashmenu .swiper-button-prev { left:-20px !important; }
.hashmenu .swiper-button-next { right:-20px !important; }
.hashmenu .swiper-prev.circle .material-icons, .hashmenu .swiper-next.circle .material-icons { width:32px; height:32px; line-height:32px; font-size:22px; }
/*로그인화면*/
#supersized { top: 0 !important; }

.searchbar {position:relative;padding:0; margin:0 auto; width: 100%; height: auto; background-color: transparent; border: 0; }
.searchbar.large { width: 1200px; padding: 0; }
.searchbar.large.border0 form { border-bottom: 0; }
.searchbar form { height: 56px; padding-top: 2px; margin: 0 auto; border-bottom: 1px solid #ddd; }
.navbar.center { width: auto; text-align: center; }
.navbar.center .container-fluid { display: inline-block !important; text-align: left; }
.collapse.navbar-collapse { display: inline-block !important; min-width:900px; }
.gpselector { padding-bottom: 12px; }
.searchbar .toolKit input[type=text].text { height: 32px; margin-top: 8px; border: 1px solid #ddd; }
.searchbar .toolKit div.sep button { position: relative; min-width: initial; width: auto; padding: 0 20px; border: 0; }
.searchbar .toolKit div.sep button::after { position: absolute; top: 50%; right: -1px; transform: translateY(-50%); background-color: #d5d5d5; width: 1px; height: 12px; content: ''; }
.searchbar .toolKit div.sep button:last-child::after { display: none; }
.searchbar .toolKit .btn_white:not(.current):hover { background-color: transparent !important; color: #222 !important; }
.navbar-default .navbar-nav > li > a { color: #555; }
.searchbar .navbar-form { color: #555; }
.searchbar .navbar-form, .searchbar .gpselector, .searchbar .dropdown { border: 0; }
.navbar .toolKit .sep:first-child .sep, .searchbar .gpselector, .searchbar .dropdown-toggle { padding-left: 15px; padding-right: 15px; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .gpselector.on { background-color: transparent; color: #222; }
.searchbar .icheckbox_square { vertical-align:-6px; }

/*나의 판매현황*/
.odcalculator, .excelupload { font-size: 16px; background: #fff; padding: 20px 20px 0; }
.odcalculator .calcblock, .excelupload .btnblock { position: relative; padding: 10px 20px 10px 80px; background: #f0f0f0; border-bottom: 5px solid #fff; min-height: 120px; }
.odcalculator .calcblock .sepcon { position: absolute; left: 16px; top: 86px; }
.odcalculator .calcblock .sepcon .material-icons { font-size: 44px; color: #fb9337; }
.odcalculator .pptitle, .excelupload .pptitle { margin-bottom: 30px; color: #222; font-size: 18px; }
.odcalculator li { position: relative; color: #fb9337; border-left: 1px solid #fb9337; padding-left: 10px; margin: 10px 0; }
.odcalculator li li { border-left: 0; font-size: 14px; color: #555 !important; }
.odcalculator .od_status li { border-color: #00bcd4; color: #00bcd4; }
.odcalculator .od_status .sepcon .material-icons { background: #00bcd4; color: #f0f0f0; font-size: 30px; margin-left: 6px; }
#supersized { top: 0 !important; }

/*상세화면TOP버튼*/
.scrolltop {display:none; position: fixed; bottom: 25px; right: 25px; width: 60px; height: 60px; border-radius: 50%; background-color: #ccc; color: #fff; z-index: 11;}
.scrolltop.show { display:block;}
.scrolltop > * { display: block; line-height: 15px; }
.scrolltop .material-icons { font-size: 35px; margin-top: -3px; }
.scrolltop span { font-size: 14px; }
.scrolltop.stop { position:absolute; right:25px; bottom:25px; }

/*우수셀러아이콘*/
.scab { position: absolute; top: 1px; left: 3px; padding-bottom: 20px; z-index: 3; }
.scab .crown { width: 44px; height: 44px; background: url(/Common/images/crown-icon.png) no-repeat 50% 50%; background-size: 100%; }
.scab.small { top: -12px; left: -6px; }
.scab.small .crown { width: 35px; height: 35px; }
.scab.middle { top: -26px; left: 1px; }
.scab.middle .crown { width: 58px; height: 58px; }
.scab.large { top: -51px; left: -8px; padding-bottom: 48px; }
.scab.large .crown { width: 72px; height: 72px; }
.storepage .scab { top:0; left:auto; right:-6px; display: inline-block; padding-bottom: 0; }
.storepage .scab .crown { width: 40px; height: 16px; background-size: 100% auto; }
.nohashtag .scab { top: -16px; }
.nohashtag.specialprice .scab { top: -19px; }

/*.review .reviewcategorywrap { text-align:center; }*/
.review .starwrap { /*letter-spacing:-0.2em;*/ }
.review .point_str { margin: 6px 0 0 5px; }
.review .star .material-icons { font-size: 26px; letter-spacing: -0.2em; }
.review .desctitle .starwrap { margin-left: 5px; vertical-align: 3px; }
.review .desctitle .star .material-icons { font-size: 30px !important; }
.review .star.fullstar .material-icons::after { content: 'star'; color: #ff451d; }
.review .star.halfstar .material-icons::after { content: 'star_half'; color: #ff451d; }
.review .star.emptystar .material-icons::after { content: 'star_border'; color: #ff451d; }
.review .desctitle .point_str { font-size: 18px !important; }
.review .reviewcategorywrap .reviewcategory { display: inline-block; margin-right: 30px; }
.review .reviewcategorywrap .reviewcategory.total { margin-bottom: 20px; }
.review .reviewcategorywrap .reviewcategory.total .title { font-size: 16px; color: #333; }
.review .reviewcategorywrap .reviewcont { position: relative; padding: 0 0 10px 1px; }
.review .reviewcategorywrap .reviewcont .point_str { font-size: 16px !important; }
.review .reviewcategorywrap .reviewcont button { /*position:absolute; top:14px; right:20px;*/ float: right; }
.review .reviewcategorywrap .reviewcategory > * { vertical-align: middle; }
.review .reviewcategorywrap .reviewcategory .title { margin-right: 10px; }
.review .reviewcategorywrap .point_str { margin: 0 0 0 8px; }

.reviewcomment ul li { position: relative; padding: 20px 120px 10px 20px !important; border-bottom: 1px solid #eee; }
.reviewcomment ul li:last-child { border-bottom: 0; }
.reviewcomment li .writerinfo { position: relative; padding: 3px 0 3px 50px; line-height: 13px; }
.reviewcomment li .bg_profile { position: absolute; top: 0; left: 0; width: 42px; height: 42px; }
.reviewcomment li .writer { font-weight: 500; color: #222; }
.reviewcomment li .purchased_user { vertical-align: 1px !important; margin-left: 4px; }
.reviewcomment li .date { font-size: 11px; color: #00bcd4; }
.reviewcomment li .cont { /*position:relative;*/ margin: 10px 0; word-break: break-all; max-height: 74px; color: #555; overflow: hidden; }
.reviewcomment li .reviewimg { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 80px; height: 80px; cursor: pointer; }
.reviewcomment li .reviewimg img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.reviewcomment .desctxt { max-height: 100% !important; padding: 0 0 40px 0 !important; text-align: left !important; }
.reviewcomment .moredesc { top: auto !important; }
.reviewcomment li .cont .desc { position: relative; }
.reviewcomment li .cont .largereviewimg { display: none; max-width: 550px; margin: 10px 0; cursor: pointer; }
.reviewcomment li .cont .morebtn { display: none; width: 100%; color: #222; background-color: #fff; cursor: pointer; }
.reviewcomment li .cont .morebtn:hover { text-decoration: underline; }
.reviewcomment li .cont .morebtn.lcontent { display: block; left: 0; top: 54px; }
.reviewcomment li .cont .morebtn .material-icons { font-size: 20px; vertical-align: -4px; }

.reviewcomment.reviewlist li .cont .morebtn { top: 60px; width: 740px; }
.reviewcomment li.show .cont { max-height: 100% !important; }
.reviewcomment li.show .cont .morebtn { display: block; margin-top: 5px; }
.reviewcomment li.show .cont .morebtn.lcontent { display: none; }
.reviewcomment li.show .reviewimg { position: static; transform: translate(0); width: 100%; height: auto; margin-top: 10px; }
.reviewcomment li.show .reviewimg img { position: static; width: auto; max-width: 100%; height: auto; transform: translate(0); }

.reviewcomment.forlist .writerinfo { line-height: 15px; }
.reviewcomment.forlist li .purchased_user { vertical-align: 2px !important; }
.reviewcategorywrap.forlist { position: relative; margin-top: 10px; }
.reviewcategorywrap.forlist .rcontent { top: 1px; }
.reviewcategorywrap.forlist .reviewtotal { font-size: 18px; color: #222; width: 250px; }
.reviewcategorywrap.forlist .reviewtotal > * { vertical-align: middle; }
.reviewcategorywrap.forlist .reviewtotal .title { padding-right: 10px; }
.reviewcategorywrap.forlist .reviewtotal .point_str { font-size: 20px !important; }
.reviewcategorywrap.forlist .reviewtotal .star .material-icons { font-size: 26px; }
.reviewcategorywrap.forlist .reviewcategory { position: relative; padding: 0 10px; margin: 0; }
.reviewcategorywrap.forlist .reviewcategory::after { position: absolute; display: block; top: 5px; right: -2px; content: ''; width: 1px; height: 16px; background-color: #ccc; }
.reviewcategorywrap.forlist .reviewcategory:last-child::after { display: none; }
.reviewcategorywrap.forlist .reviewcategory .title { font-size: 14px; color: #333; }
.reviewcategorywrap.forlist .reviewcategory .star .material-icons { font-size: 22px; }
.reviewcategorywrap.forlist .reviewcategory .point_str { font-size: 17px !important; }

.reviewcomment.reviewlist, .reviewcategorywrap.forlist { width: 880px; margin: 0 auto; }
.reviewcomment.reviewlist li { background-color: #fff; border-color: #ddd; box-shadow: 0 1px 3px rgba(0,0,0,.0), 0 1px 3px rgba(0,0,0,.24); }
.reviewcomment.reviewlist li .cont { max-height: 83px; overflow: hidden; font-size: 15px; color: #555; line-height: 20px; }
.reviewfixed.fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 3; background-color: #fff; padding-top: 65px; box-shadow: 0 3px 5px rgba(0,0,0,.1),0 3px 5px rgba(0,0,0,.0);padding-left:190px; min-width:1500px;}
.reviewfixed .stepTitle { padding: 10px 0; text-align: left; }
.reviewfixed .stepTitle.noreview { padding: 20px 0; }


.navbar.center { display: block; width: 900px; margin: 0 auto; }
.navbar.center .gpselector { max-width: 174px; }
.navbar.center .gpselector .gpnm { max-width: 110px; }

.devtag { display: inline-block; background: #FF9F40 url('/Common/images/icons/ic_build_white_48dp_1x.png') left 10px center no-repeat; background-size: 20px auto; color: #fff; line-height: 34px; padding: 0 20px 0 40px; }

/*배너자리*/
.bannerwrap.wbox{position:relative;}
.bannerwrap.wbox .toolKit.tp2{position:relative; }
.adbanner { position:relative; display:block; line-height:1.2;}
.adbanner.large { line-height:1.3; }
.adbanner a { position:relative; display:block; height:260px; color:#fff; overflow:hidden; background:url() no-repeat 50% 50%; background-size: auto 100%; z-index:2;}
.adbanner .txt { position:absolute; top:0; left:75px; padding:25px; /*background-image: radial-gradient( rgba(0,0,0,.03), rgba(0,0,0,0) );*/ }
.adbanner .desc { font-size:18px; font-weight:200; letter-spacing:0; }
.adbanner .desc.large { font-size:23px; font-weight:400; letter-spacing:-0.035em; }
.adbanner .title { font-size:32px; letter-spacing:-0.03em; margin-left:-2px; /*text-shadow:0 0 25px rgba(0,0,0, .15);*/ letter-spacing:-0.05em; }
.adbanner .title.large { font-size:50px; font-weight:700; }
.adbanner .dot { width:5px; height:5px; background-color:#fff; border-radius:50%; margin:0 8px; vertical-align:middle; }
.adbanner .morebtn { background-color:#fff; color:#333; padding:11px 20px 12px 26px; border-radius:30px; font-size:17px; box-shadow:0 8px 14px rgba(0,0,0,.12); transition:.2s; }
.adbanner .morebtn:hover { box-shadow:0 8px 11px rgba(0,0,0,.2); }
.adbanner .more .material-icons { vertical-align:-5px; }
.adbanner .morebtn.nobg { box-shadow:none; color:#fff; background-color:transparent; font-size:22px; padding: 0; }
.adbanner .morebtn.nobg .material-icons { font-size:29px; vertical-align:-6px; margin-left:5px; }
/*메인더블배너*/
.bannerwrap .wbox{padding-top:0; padding-bottom:0;}
.adbanner.doublebanner{float:left; width: calc(50% - 10px); height:160px;}
.adbanner.doublebanner.double01{margin:0 10px 0 0;}
.adbanner.doublebanner.double02{margin: 0 0 0 10px;}
.adbanner.doublebanner a{ height:100%; transition:all 1s;}
.adbanner.doublebanner .txt{ top:50%; transform:translateY(-50%); left:3vw;  padding:0;}
.adbanner.doublebanner .txt .title span{ font-size:32px; word-break:keep-all;}
.adbanner.doublebanner .txt .title b{display:block; font-size:20px; padding:15px 0 0;}
.adbanner.ty1 a { background-color:#ec575e;}
.adbanner.ty1 a:hover { background-color:#cf454b;}
.adbanner.ty2 a { background-color:#3ba9c1; }
.adbanner.ty2 a:hover { background-color:#1e8da5; }
.adbanner.ty3 a {  background-color:#56ba60;}
.adbanner.ty3 a:hover {  background-color:#3d9445;}
.adbanner.ty4 a { background-color: #ec8b00;}
.adbanner.ty4 a:hover { background-color: #ca7a08;}
.adbanner.event { padding:0 0 30px; line-height:1.15; }
.adbanner.event a {height:360px; line-height:1.3; background-image:url(/Common/images/banner/main/banner_point_main_p1.png); background-position:50% 50%; background-size:100% auto; background-color:#222; }
.adbanner.event .txt {top:35px;}
.adbanner.event .title {color:#222; font-size:44px; font-weight:bold; letter-spacing:-0.06em; }
.adbanner.event .title .material-icons { font-size: 41px; vertical-align: -4px; }
.adbanner.event .title .highlighter { position:relative; }
.adbanner.event .title .highlighter::after { content: ''; display: block; position: absolute; bottom: 0; left: -5px; right: -5px; height: 30px; background-color: #d8d14d; z-index: 1; }
.adbanner.event .title .highlighter .relative { z-index:3; }
.adbanner.event .desc { margin-top:10px; font-size:20px; font-weight:500; color:#222; letter-spacing:-0.03em; }
.adbanner.event .txt.white .title, .adbanner.event .txt.white .desc { color:#fff; }
.adbanner.event .morebtn { padding:9px 28px 10px; margin-top:12px; border:2px solid transparent; font-size:16px; background-color:#504065; color:#fff; box-shadow:none; }
.adbanner.event .morebtn:hover { color:#504065; background-color:transparent; border-color:#504065; }
.adbanner.event .morebtn.white { height:46px; line-height:42px; margin-top:30px; padding:0 11px 0 20px; font-size:18px; background-color:#fff; color:#222; }
.adbanner.event .morebtn.white:hover { border-color:transparent; }
.adbanner.event .morebtn.white .material-icons { font-size:32px; vertical-align:-9px; }
.adbanner.event.dbl a { background:#7615e0 url(/Common/images/banner/main/banner_dbl_main_p.jpg) center right no-repeat;  background-size:auto 100%; }
.adbanner.event.dbl .desc { margin-top:18px; }
.adbanner.event.point a { background-color:#3c91fb; background-position:100% 100%; background-size:auto 100%; }
.adbanner.event.point .desc { margin-top:18px; }
.adbanner.event.winterreview a { background: url(/Common/images/banner/main/banner_review_main_p.png) no-repeat 100% 100%; background-position:100% 100%; background-size:auto 100%;  }
.adbanner.event.winterreview .title { color:#fff; }
.adbanner.event.winterreview .desc { color:#382d28; margin-top:18px; }
.adbanner.event.winterreview .desc .material-icons { vertical-align:-4px; }
.adbanner.event.couponmain a { background-image:url(/Common/images/event/Coupon/banner_cpmain.png); background-size:auto 100%; background-color:#c6342a;}

/*타음특가배너*/
.adbanner.event.timesale a {background-repeat:no-repeat; background-position:center; background-size: auto 100%; background-color:#de1c14; background-image:url(/Common/images/event/TimeSale/taimsale_ing_main.png);}
.adbanner.event.timesale .txt {top:0; left:50%; transform:translateX(-50%); width: 600px; height:100%; background-size:96% auto;}
.adbanner.event.timesale .mainimg{position:absolute; left: 0; bottom: 0; width:420px; z-index:1;}
.adbanner.event.timesale .porightbtm{width:100%; height:100%; right:30px;}
.adbanner.event.timesale .pduc{position: absolute; left:50px; bottom:90px; width:240px;  text-align:left;}
.adbanner.event.timesale .product02{position: absolute; left:auto; right:-48px; bottom:20px;}
.adbanner.event.timesale .pduc .txtbox{position:absolute;}
.adbanner.event.timesale .pduc.product01 .txtbox{left:20px; top:33px; width:240px;}
.adbanner.event.timesale .pduc.product02 .txtbox{left:-45px; bottom:-10px; width:200px;}
.adbanner.event.timesale .pduc h3{position:relative; font-size:16px; color:#222;}
.adbanner.event.timesale .pduc span{position:relative;}
.adbanner.event.timesale .pduc.product01 span{position:relative; }
.adbanner.event.timesale .pduc.product01 h3 , .adbanner.event.timesale .pduc.product01 span strong{color:#222;}
.adbanner.event.timesale .pduc.product01 span b{color:#767676;}
.adbanner.event.timesale .pduc span b{text-decoration:line-through; font-size:16px; color:#767676; padding:0 10px 0 0;}
.adbanner.event.timesale .pduc span strong{font-size:24px; color:#222}
.adbanner.event.mamexh{ background-image:url(/Common/images/exhibition/mam/banner_mainbg_left.jpg); background-size:100% 106%; }
.adbanner.event.mamexh a{ background-image:url(/Common/images/exhibition/mam/banner_main_mam_p.jpg); background-color:transparent;  background-size:auto 100%;}
.adbanner.event.carrier a{ background-image:url(/Common/images/banner/main/banner_main_carrier_p.jpg); background-color:#4bc1f1;  background-size:auto 100%;}
.adbanner.event.nose {background:linear-gradient(180deg, #edeef2, #e6e7eb);}
.adbanner.event.nose a{ background-image:url(); background-color:transparent;  background-size:auto 100%;}
.adbanner.event.mimi{ background-image:url(/Common/images/banner/main/banner_mimi_bg.jpg?v=1); background-size:auto 100%; }
.adbanner.event.mimi a{ background-image:url(/Common/images/banner/main/banner_mimi_prod.png) ,url(/Common/images/banner/main/banner_mimi_title.png) ; background-position:center bottom , top 30px center;  background-size:230px auto , 344px auto; background-color:transparent;}
.adbanner.event.newstore a{ background-image:url(/Common/images/event/NewStore/banner_nstore_new.png); background-size:contain; background-color:#fef9d1; }

.adbanner.timesalepage{width:800px; margin:30px auto; overflow:hidden;}
.adbanner.timesalepage a{height:150px; background-size:auto 100%; background-position:center center;}
.adbanner.timesalepage.item02 a{background-image:url(/Common/images/banner/deal/banner_deal_carrier_m.jpg);}
.adbanner.timesalepage.item01 a{background-image:url(/Common/images/banner/deal/banner_deal_nose_m.jpg);}
.adbanner.timesalepage.item03 a{background-image:url(/Common/images/banner/deal/banner_deal_moreview01_m.jpg); background-color:#6b2ef5; background-position:center top -2px;}
.adbanner.timesalepage.item04 a{background-image:url(/Common/images/banner/deal/banner_deal_moreview02_m.jpg); background-color:#000;}
.adbanner.timesalepage.item05 a{background-image:url(/Common/images/banner/deal/banner_deal_moreview03_m.jpg); background-color:#e3bb63;}


/*상세타임세일배너*/
.timedealbanner{margin:20px 0 0; background:#fff; height:80px; overflow:hidden;}
.timedealbanner a{display:block; float:left; width:calc(50% - 5px); height:100%; overflow:hidden; font-size:0;}
.timedealbanner a:last-child{margin:0 0 0 10px;}
.timedealbanner .fir{background:#de1c14;}
.timedealbanner .sec{background:#222;}
.timedealbanner a .thumb{float:left; display:inline-block; width:80px; height:100%; background:#fff url(/Common/images/event/TimeSale/item2201.jpg) no-repeat center; background-size:cover; border:1px solid #ddd; box-sizing:border-box;}
.timedealbanner a .prodnm{float:left; width:calc(100% - 80px); padding:14px;}
.timedealbanner a .prodnm h2{ margin:6px 0 0; color:#fff; font-size:14px; white-space:nowrap; height:20px; overflow:hidden; text-overflow:ellipsis;}
.timedealbanner a .prodnm span{display:block;}
.timedealbanner a .prodnm span em{font-size:12px;  color:#fff; text-decoration:line-through;}
.timedealbanner a .prodnm span b{font-size:16px; margin:0 0 0 10px}
.timedealbanner .fir .prodnm span b{ color:#222;}
.timedealbanner .sec .prodnm span b{ color:#de1c14;}

/*기획전메인배너*/
.adbanner.event.moreviewmain .txt{top:50%; transform:translateY(-50%);}
.adbanner.event.moreviewmain .desc{margin-top:42px;}
.adbanner.event.moreviewmain a{background-size: auto 100%}
.adbanner.event.moreviewmain.view0103 .txt{left:auto; right:250px;}
/*1차*/
.adbanner.event.moreviewmain.view0103{background:linear-gradient(to right, #010a13, #000000);}
.adbanner.event.moreviewmain.view0102 a{ background-color:#6b2ef5;}
.adbanner.event.moreviewmain.view0103 a{ background-color:#05040a;}
.adbanner.event.moreviewmain.view0201 a{ background-color:#e3bb63;}
/*2차*/
.adbanner.event.moreviewmain .txt{background-size:cover; background-position:left top; background-repeat:no-repeat;}
.adbanner.event.moreviewmain.view0101 a{background-image:url(/Common/images/banner/Exhibition/banner_ehtm_01_p.jpg); background-color:#fbfbfb;}
.adbanner.event.moreviewmain.view0202 a{background-image:url(/Common/images/banner/Exhibition/banner_ehtm_02_p2.png);  background-color:#e4d2c4;}
.adbanner.event.moreviewmain.view0203 a{background-image:url(/Common/images/banner/Exhibition/banner_ehtm_03_p2.png); background-position:left 75px  center;  background-color:#dee3e7;}
.adbanner.event.moreviewmain.view0203 a .txt{background-image:url(/Common/images/banner/Exhibition/banner_ehtm_03_txt2.png);  width:296px; height:260px;}


.adbanner.store { padding:25px 0 5px; }
.adbanner.store a {  height:120px;  background-size:cover; }
.adbanner.store .txt { left:0; width:100%; padding:20px 0 0 0; text-align:center; }
.adbanner.store .title { font-size:40px; font-weight:700; letter-spacing:-0.04em; }
.adbanner.store .desc { line-height:34px; font-size:20px; font-weight:400; letter-spacing:-0.04em; }
.adbanner.store.airconver2 a { background-image:url(/Common/images/banner_air_ver2_p.jpg); }
.adbanner.store.airconver2 .txt { color:#0f2473; }
.adbanner.store.aircollection a { background-image:url(/Common/images/banner_airCollection_p.jpg); }
.adbanner.store.aircollection .txt { color:#fff; }
.adbanner.store.kimchi a { background-image:url(/Common/images/banner/banner_store_kimchi_p.jpg); background-color:#95A18F; background-size:auto 100%; }
.adbanner.store.kimchi .title { color:#0D1805; }

.adbanner.moreview { margin-bottom:15px; }
.adbanner.moreview a { height:80px; cursor:default; }
.adbanner.moreview .txt { top:0; left:0; width:100%; height:100%; padding:15px 0 0 0; text-align:center; }
.adbanner.moreview .title { font-size:30px; line-height: 30px; font-weight: 700; color:#222; }
.adbanner.moreview .title .material-icons { font-size: 30px; vertical-align: -4px; margin-right: 6px; }
.adbanner.moreview .desc { font-size: 14px; line-height: 14px; margin-top:6px; font-weight: 300; opacity: 0.8; }
.adbanner.moreview.subscribe a { background-image:url(/Common/images/banner_more_subscribe_p.jpg); background-color:#fad4c9; }
.adbanner.moreview.subscribe .desc { color:#E33713; }
.adbanner.moreview.threedays a { background-image:url(/Common/images/banner_more_3days_p.jpg); background-color:#c9f0f5; }
.adbanner.moreview.threedays .desc { color:#005F64; }

.adbanner.moreview2 { margin-bottom:60px; }
.adbanner.moreview2 a { height:270px; cursor:default; }
.adbanner.moreview2.car a { background-image:url(/Common/images/banner/banner_more_car_p.jpg); background-color:#35414f; }
.adbanner.moreview2.homecafe a { background-image:url(/Common/images/banner/banner_more_homecafe_p.jpg); background-color:#d0d0ce; }
.adbanner.moreview2.hometraining a { background-image:url(/Common/images/banner/banner_more_hometraining_p.jpg); background-color:#d5d4d9; }
.adbanner.moreview2.folderspecial a { background-image:url(/Common/images/banner/banner_more_folderspecial_p.jpg); background-color:#cfcfcf; }
.adbanner.moreview2.gifticon a { background-image:url(/Common/images/banner/banner_more_gifticon_p.jpg); background-color:#dcdcd4; }
.adbanner.moreview2.timebest a { background-image:url(/Common/images/banner/banner_more_timebest_p.jpg); background-color:#e8e5e8; }
.adbanner.moreview2.today a { background-image:url(/Common/images/banner/banner_more_today_p.jpg); background-color:#c3cad4; }
.adbanner.moreview2.summercamping a { background-image:url(/Common/images/banner/banner_more_camping_p.jpg); background-color:#d7e3d5; }
.adbanner.moreview2.living a { background-image:url(/Common/images/banner/banner_more_living_p.jpg); background-color:#c5d2d8; }
.adbanner.moreview2.selfgift a { background-image:url(/Common/images/banner/banner_more_selfgift_p.jpg); background-color:#ffe7cb; }
.adbanner.moreview2.arrangement a { background-image:url(/Common/images/banner/banner_more_arrangement_p.jpg); background-color:#d9d9d9; }
.adbanner.moreview2.accessories a { background-image:url(/Common/images/banner/banner_more_accessories_p.jpg); background-color:#eaf0f4; }
.adbanner.moreview2.pet a { background-image:url(/Common/images/banner/banner_more_pet_p.jpg); background-color:#d7d8db; }
.adbanner.moreview2.baby a { background-image:url(/Common/images/banner/banner_more_baby_p.jpg); background-color:#eeeeee; }
.adbanner.moreview2.fastfood a { background-image:url(/Common/images/banner/banner_more_fastfood_p.jpg); background-color:#c4ae99; }
.adbanner.moreview2.skincare a { background-image:url(/Common/images/banner/banner_more_skincare_p.jpg); background-color:#ddebeb; }
.adbanner.moreview2.corpsamsung a { background-image:url(/Common/images/banner/banner_more_corp_samsung_p.jpg); background-color:#c7e1ee; }
.adbanner.moreview2.corpgifticon a { background-image:url(/Common/images/banner/banner_more_corp_gifticon_p.jpg); background-color:#ecdfab; }
.adbanner.moreview2.autumn a { background-image:url(/Common/images/banner/moreView/banner_more_autumn_pc.jpg); background-color: #e5dac4; }
.adbanner.moreview2.cleanitem a { background-image:url(/Common/images/banner/moreView/banner_more_cleanitem_pc.jpg); background-color: #bed1e2; }
.adbanner.moreview2.tea a { background-image:url(/Common/images/banner/moreView/banner_more_tea_pc.jpg); background-color: #c5b59b; }
.adbanner.moreview2.hair a { background-image:url(/Common/images/banner/moreView/banner_more_hair_pc.jpg); background-color:#e1dfe0; }
.adbanner.moreview2.cooker a { background-image:url(/Common/images/banner/moreView/banner_more_cooker_pc.jpg); background-color:#eaeaec; }
.adbanner.moreview2.dailylife a { background-image:url(/Common/images/banner/moreView/banner_more_dailyLife_pc.jpg); background-color:#e6e5e0; }
.adbanner.moreview2.cute a { background-image:url(/Common/images/banner/moreView/banner_more_cute_p.jpg); background-color:#ded7c7; }
.adbanner.moreview2.homeOffice a { background-image:url(/Common/images/banner/moreView/banner_more_homeOffice_p.jpg); background-color:#fff; }
.adbanner.moreview2.healthcare a { background-image:url(/Common/images/banner/moreView/banner_more_healthcare_p.jpg); background-color:#f0e6c2; }
.adbanner.moreview2.doubledeal a { background-image:url(/Common/images/doubleDeal/banner/banner_categoty_doubleDeal_pc.jpg); background-color:#7615e0; }
.adbanner.moreview2.m11a a { background-image:url(/Common/images/banner/moreView/banner_more_11a_p.jpg); background-color:#dfddde;}
.adbanner.moreview2.m11b a { background-image:url(/Common/images/banner/moreView/banner_more_11b_p.jpg); background-color:#fcdede;}
.adbanner.moreview2.m11c a { background-image:url(/Common/images/banner/moreView/banner_more_11c_p.jpg); background-color:#eae7de;}
.adbanner.moreview2.zipcok a { background-image:url(/Common/images/banner/moreView/banner_more_zipcok.jpg); background-color:#dfddde;}
.adbanner.moreview2.milkit a { background-image:url(/Common/images/banner/moreView/banner_more_milkit.jpg); background-color:#9e9e9e;}
.adbanner.moreview2.newy a { background-image:url(/Common/images/banner/moreView/banner_more_newy.jpg); background-color:#c1c1bf;}
.adbanner.moreview2.view0101 a { background-image:url(/Common/images/banner/Exhibition/banner_ehtp_01_p.jpg); background-color:#f3f5f2;}
.adbanner.moreview2.view0102 a { background-image:url(/Common/images/banner/Exhibition/banner_ehtp_02_p.jpg); background-color:#c3b49f;}
.adbanner.moreview2.view0103 a { background-image:url(/Common/images/banner/Exhibition/banner_ehtp_03_p.jpg); background-color:#e9dcc9;}

.adbanner.corp { padding:0; }
.adbanner.corp a { height:400px; }
.adbanner.corp.samsung a { background-color:#d8eced; background-image:url(/Common/images/banner/banner_sellerbenefit_samsung_pc.jpg); }
.adbanner.corp.gifticon a { background-color:#d8eced; background-image:url(/Common/images/banner/banner_sellerbenefit_gifticon_pc.jpg); }
.adbanner.corp.thanksgiving a { background-color:#d8eced; background-image:url(/Common/images/banner/banner_sellerbenefit_thanksgiving_pc.jpg); }
.adbanner.corp.challengecorp a { background-color:#d8eced; background-image:url(/Common/images/banner/banner_sellerbenefit_challenge_pc.jpg); }

/*스토어시작*/
.adbanner.formbanner { padding:0; margin-bottom:-10px; }
.adbanner.formbanner a { height:100px; }
.adbanner.formbanner.samsung a { background-image:url(/Common/images/banner/storeReady/ban_b2b_p.jpg); }
.adbanner.formbanner.gifticon a { background-image:url(/Common/images/banner/storeReady/banner_storeready_gifticon_pc.jpg); }
dbanner.orderlist.thankschallenge a { background-image:url(/Common/images/banner/thanksgiving_2020/c_cart_banner_pc.jpg); background-size:auto 100%; background-color:#222; }

/*헤더상단배너*/
.adbanner.headertop{position:fixed; left:0; top:-60px; width:100%; height:50px; background-color:#fdefee; z-index:100; transition:ease-in-out all .3s;}
.adbanner.headertop .wbox{height:100%;}
.adbanner.headertop a{display:block; height:100%; background:url(/Common/images/banner/deal/banner_deal_top.jpg) no-repeat left 61% center; background-size:contain; }
.adbanner.headertop .close{ right:30px; opacity:1; z-index:3;}
.adbanner.headertop .close .material-icons-outlined , .adbanner.headertop .close .material-icons{ color:#e9b6a3; vertical-align:6px;}
.adbanner.headertop .close:hover .material-icons-outlined , .adbanner.headertop .close:hover .material-icons{ color:#c43429;}
body.openbn .bgtopmenu .topmenu{top:50px !important;}
body.openbn .leftgnbmenu.nonav.ver3{padding-top:130px !important;}
body.openbn .content{padding-top:50px !important;}
body.openbn .adbanner.headertop{top:0; }

/*A배너이미지변경*/
.dealhead .adbanner { /*position:absolute; left:0; bottom:75px; width:100%; padding:0 24px; */margin: 10px 0 13px;}
.dealhead .adbanner a { height: 80px; background:url() no-repeat 50% 50%; }
.dealhead .adbanner .txt { position:static; padding:13px 50px; }
.dealhead .adbanner .title { font-size:23px; font-weight:400; }
.dealhead .adbanner .title::before { display:none; }
.dealhead .adbanner .title .rightarrow { margin: 0 -4px; font-size: 30px; vertical-align: -7px; }
.dealhead .adbanner .desc { line-height:23px; margin:0; font-size:13px; font-weight:400; }
.dealhead .adbanner .relative .lcontent { top:-10px; left:0; font-size:12px; font-weight:400; letter-spacing:-0.03em; }
.dealhead .adbanner .gobtn { line-height:25px; color:#529BA3; font-size:12px; background-color:#fff; border-radius:31px; padding:0 8px 0 10px; margin:0 0 0 8px; vertical-align:4px; text-transform:uppercase; box-shadow:1px 1px 4px rgba(0,0,0, .1); }
.dealhead .adbanner .gobtn .material-icons { font-size:17px; vertical-align:-4px;  }
.dealhead .adbanner .round { border:1px solid; border-radius:20px; padding:2px 10px 3px; margin:0 0 0 8px; font-size:14px; vertical-align:3px; }
.dealhead .adbanner.double a { background: url(/Common/images/banner/banner_dbl_deal_p.jpg) no-repeat 100% 50%; background-size:auto 100%; }
.dealhead .adbanner.double .title { color:#222; }
.dealhead .adbanner.double .desc { color:#fff; }

.dealhead .adbanner.gifticon a { background:#F49E4A url(/Common/images/banner/banner_deal_giftcon.png) no-repeat 100% 50%; background-size:auto 100%; }
.dealhead .adbanner.gifticon .title { color:#222; }
.dealhead .adbanner.gifticon .desc { color:#fff; }
.dealhead .adbanner.aircondeal a { background-color:#DDEFFF; background-image:url(/Common/images/banner/banner_deal_air.jpg);  }
.dealhead .adbanner.aircondeal .bg2 { width:100%; height:100%; background:url(/Common/images/banner/banner_deal_air.png) no-repeat 100% 50%; background-size:auto 100%; }
.dealhead .adbanner.aircondeal .title { color:#222; }
.dealhead .adbanner.aircondeal .desc { color:#3777D8; }
.dealhead .adbanner.aircondeal .gobtn { color:#3777D8; }
.dealhead .adbanner.hotdeal a { background:#FCDCE4 url(/Common/images/banner/banner_deal_hotdeal.png) no-repeat 100% 50%; background-size:auto 100%; }
.dealhead .adbanner.hotdeal .title { color:#222; }
.dealhead .adbanner.hotdeal .desc { color:#DB3564; }
.dealhead .adbanner.hotdeal .gobtn { color:#DB3564; box-shadow:none; }
.dealhead .adbanner.twosome a { background:#E6DBC7 url(/Common/images/banner/banner_deal_twosome.png) no-repeat 100% 50%; background-size:auto 100%; }
.dealhead .adbanner.twosome .txt { color:#222; }
.dealhead .adbanner.twosome .relative .lcontent { color:#7C5A4C; }
.dealhead .adbanner.toss a { background:#0050ff url(/Common/images/banner/banner_deal_toss.png) no-repeat 90% 100%; background-size:auto 92%; }
.dealhead .adbanner.toss .txt { position:absolute; top: 50%; left: 0; transform: translateY(-50%); }
.dealhead .adbanner.starbucks a { background:#006732 url(/Common/images/banner/banner_deal_starbucks.jpg) no-repeat 100% 50%; background-size:auto 100%; }
.dealhead .adbanner.lotteria a { background:url(/Common/images/banner/banner_deal_lotteria_p.jpg) no-repeat 50% 50%; background-size:cover; }
.dealhead .adbanner.sulbing a { background:url(/Common/images/banner/banner_deal_sulbing_p.jpg) no-repeat 50% 50%; background-size:cover; }
.dealhead .adbanner.sulbing2 a { background:url(/Common/images/banner/banner_deal_sulbing2_p.jpg) no-repeat 50% 50%; background-size:cover; }
.dealhead .adbanner.challengeteaser a { background-image:url(/Common/images/banner/deal/banner_deal_ChallengeDealTeaser_pc.jpg); }
.dealhead .adbanner.challengeopen a { background-image:url(/Common/images/banner/deal/banner_deal_ChallengeDeal_pc.jpg); }
.dealhead .adbanner.challengeclose a { background-image:url(/Common/images/banner/deal/banner_deal_ChallengeDealClose_pc.jpg); }
.dealhead .adbanner.aircondeal2 a { background-image:url(/Common/images/banner/deal/banner_deal_carrierAircon_pc_2.jpg); }
.dealhead .adbanner.krispy a { background-image:url(/Common/images/banner/deal/banner_deal_krispy_pc.jpg); }
.dealhead .adbanner.goobne a { background-image:url(/Common/images/banner/deal/banner_deal_goobne_pc.jpg); }
.dealhead .adbanner.thanksgiving a { background-image:url(/Common/images/banner/thanksgiving_2020/deal_banner_p.jpg); background-color:#d0ba91; }
.dealhead .adbanner.thankschallenge a { background-image:url(/Common/images/banner/thanksgiving_2020/c_deal_banner_p.jpg); background-color:#222; }
.dealhead .adbanner.ediya a { background-image:url(/Common/images/banner/deal/banner_deal_ediyaset_pc.jpg); }
.dealhead .adbanner.reiewevent2 a { background-image:url(/Common/images/banner/deal/banner_deal_reviewEvent2_pc.jpg); }
.dealhead .adbanner.winterreview a { background-image:url(/Common/images/banner/deal/banner_deal_reviewEvent2_pc.jpg); }
.dealhead .adbanner.aura a { background-image:url(/Common/images/banner/deal/banner_deal_aura_bigSale_pc.png); }
.dealhead .adbanner.corezone a { background-image:url(/Common/images/banner/deal/banner_corezone_blackfriday_pc.png); }
.dealhead .adbanner.lastyear { padding: 0 24px; overflow:hidden;}
.dealhead .adbanner.lastyear a{background:#e9e8ee;}
.dealhead .adbanner.lastyear a::before{content:""; position:absolute; width:86px; height:100%; right:66px; top:0; background:#971d2a; transform:skew(-44deg); z-index:1;}
.dealhead .adbanner.lastyear a .txt{ position: relative; left:0; z-index: 2; color: #3f3631; background-image: url(/Common/images/banner/deal/banner_deal_left1.png), url(/Common/images/banner/deal/banner_deal_right1.png),url(/Common/images/banner/deal/banner_deal_right2.png);
                                     background-size: 50px auto, 116px auto, 38px auto; background-repeat: no-repeat; 
                                     background-position: left top, right 50px top 1px, right bottom; background-color: transparent;}
.dealhead .adbanner.lastyear a > div{height:100%;}
.dealhead .adbanner.lastyear a .txt .title{ font-size: 20px; font-weight:bold; }
.dealhead .adbanner.newyear a{ background-image:url(/Common/images/banner/newYear/abanner_p.png);}
.dealhead .adbanner.carrier a{ background-image:url(/Common/images/banner/deal/banner_deal_carrier_p.jpg);}
.dealhead .adbanner.nose a{ background-image:url(/Common/images/banner/deal/banner_deal_nose_p.jpg);}

/*상품평메인1 이벤트*/
.adbanner.event.monthlyreview a{background-color:#fff7c9; background-image:url(/Common/images/event/ReviewEvent/banner_review_3mon.png) , url(/Common/images/event/ReviewEvent/reviewEventmain_bg.png); background-position:right 97px bottom 29px , left -34px bottom -108px; background-size:440px auto , 100% auto;}
.adbanner.event.monthlyreview .title{color:#a48c32; line-height:1.2;}
.adbanner.event.monthlyreview .title b{color:#f3d251; line-height:1.2;}
.adbanner.event.monthlyreview .desc{margin-top:30px; color:#9b874c;}
.adbanner.event.monthlyreview .desc .material-icons{vertical-align:-4px;}

/*상품평메인2 이벤트*/
.adbanner.event.monthlyreview2 a{ background:url(/Common/images/event/ReviewEvent/banner_main_review07.png) no-repeat center;background-color:#9ab0e5;}

/*상세중간배너*/
.adbanner.dealbody{padding:30px 0 10px;}
.adbanner.dealbody a{height:200px;}
/*.adbanner.dealbody.mimi a{background-image:url(/Common/images/banner/banner_dealbody_01.jpg); background-color:#fafafa;}
.adbanner.dealbody.seafood a{background-image:url(/Common/images/banner/Exhibition/banner_dealbody_01.jpg); background-color:#bfbbbc;}
.adbanner.dealbody.seafood a:before{content:""; position:absolute; left:50px; top:0; width:100px; height:100%; background-color:#bfbbbc;}
.adbanner.dealbody.home01 a{background-image:url(/Common/images/banner/Exhibition/banner_dealbody_home01.jpg); background-color:#efe1d4;}
.adbanner.dealbody.home02 a{background-image:url(/Common/images/banner/Exhibition/banner_dealbody_home02.jpg); background-color:#c8a16a;}
.adbanner.dealbody.home02 a:before{content:""; position:absolute; left:50px; top:0; width:100px; height:100%; background-color:#c8a16a;}
.adbanner.dealbody.home03 a{background-image:url(/Common/images/banner/Exhibition/banner_dealbody_home03.jpg); background-color:#a39c66;}
.adbanner.dealbody.home03 a:before{content:""; position:absolute; left:50px; top:0; width:100px; height:100%; background-color:#a39c66;}
.adbanner.dealbody.home04 a{background-image:url(/Common/images/banner/Exhibition/banner_dealbody_home04.jpg); background-color:#f1c974;}
.adbanner.dealbody.home04 a:before{content:""; position:absolute; left:50px; top:0; width:100px; height:100%; background-color:#f1c974;}
.adbanner.dealbody.measil a{background-image:url(/Common/images/banner/Exhibition/banner_dealbody_02.jpg); background-color:#e0ede3;}
.adbanner.dealbody.print a{background-image:url(/Common/images/banner/Exhibition/banner_dealbody_03.jpg); background-color:#dde1e0;}*/
.adbanner.dealbody.chusuk a{background-image:url(/Common/images/banner/Exhibition/banner_dealbody_04.jpg); background-color:#e9e8e6; background-size:100% auto;}
.adbanner.dealbody.mobong a{background-image:url(/Common/images/banner/Exhibition/banner_dealbody_05.jpg); background-color:#ddd9cd; background-size:100% auto;}
/*상품평이벤트 상세B1*/
.adbanner.deal.monthlyreview a{ background-image:url(/Common/images/event/ReviewEvent/banner2_deal_p.jpg);}
/*상품평이벤트 상세B2*/
.adbanner.deal.monthlyreview2 a{ background-image:url(/Common/images/event/ReviewEvent/banner_deal_7.png);}
.adbanner.deal { margin:0 0 30px; }
.adbanner.deal a { height:80px; background:url() no-repeat 50% 50%; background-size:cover; }
.adbanner.deal.reviewevent2 a { background-image:url(/Common/images/banner/deal/banner_deal_reviewEvent2_pc.jpg); }
.adbanner.deal.winterreview a { background-image:url(/Common/images/banner/deal/banner_review_deal_p.png); }
/*구매내역배너*/

.adbanner.orderlist a{height:100px; background:url() no-repeat 50% 50%;}
.adbanner.orderlist.monthlyreview a { background-image:url(/Common/images/event/ReviewEvent/banner2_list_p.jpg); background-color:#ffde39; }
.adbanner.orderlist.monthlyreview2 a { background-image:url(/Common/images/event/ReviewEvent/banner_list_review_7.png); background-color:#fff;}
.adbanner.orderlist.couponb a { background-image:url(/Common/images/event/Coupon/banner_cpcart.png); background-color:#c6342a;}

/*주문완료*/
.adbanner.orderend.monthlyreview a{background:#f5d11f; background-image:url(/Common/images/event/ReviewEvent/banner2_end_p.jpg);}
.adbanner.orderend.monthlyreview2 a{background-color:#fff; background-image:url(/Common/images/event/ReviewEvent/banner_end_p.png);}

/*테마기획전 랜딩페이지 상단배너*/
.adbanner.fullbgbanner{position:relative; width:100%;}
.adbanner.fullbgbanner .imgwrap{position:relative; width:1180px; margin:0 auto;}
.adbanner.fullbgbanner .bgimg{display:block; width:1180px; margin:0 auto 50px; }
.adbanner.fullbgbanner  a{position:absolute; left:50%; top:0; transform:translateX(-50%); background-color:transparent; z-index:2; height:400px; }
.adbanner.fullbgbanner .fulllink{position:absolute; left:0; top:0; transform:translateX(0); width:100%; height:100%; background-color:transparent; z-index:2;}

.adbanner.fullbgbanner.idea a{ width:80%; height:21%;}
.adbanner.fullbgbanner.idea .adblink1{ top:29%;}
.adbanner.fullbgbanner.idea .adblink2{ top:53%; width:87%;}
.adbanner.fullbgbanner.idea .adblink3{ top:77.5%;  height:15%;}

.adbanner.fullbgbanner.temp3-2 a{ width:90%; height:15%;}
.adbanner.fullbgbanner.temp3-2 .adblink1{ top:35%;}
.adbanner.fullbgbanner.temp3-2 .adblink2{ top:56.2%;}
.adbanner.fullbgbanner.temp3-2 .adblink3{ top:77.5%;}
.adbanner.fullbgbanner.temp1{margin-top:-80px;}

.adbanner.fullbgbanner.temp1 a{ width:80%; height:19%;}
.adbanner.fullbgbanner.temp1 .adblink1{left:auto; right:0; transform:translateX(0); top:32%;}
.adbanner.fullbgbanner.temp1 .adblink2{width:85%; left:0; transform:translateX(0); top:52%;}
.adbanner.fullbgbanner.temp1 .adblink3{left:auto; right:0; transform:translateX(0); top:73%;}

.adbanner.fullbgbanner.temp2-2 .bgimg{margin:0 auto 80px; width:80%; display:block;}
.adbanner.fullbgbanner.temp2-2 a{width:33%; top:50%; height:12%;}
.adbanner.fullbgbanner.temp2-2 .adblink1{left:15.5%; transform:translateX(0);}
.adbanner.fullbgbanner.temp2-2 .adblink2{left:auto; right:15%; transform:translateX(0); }

.adbanner.fullbgbanner.temp2{background-color:#6b2ef5}
.adbanner.fullbgbanner.temp2 a{width:29%; height:23.5%; top:49%;}
.adbanner.fullbgbanner.temp2 .adblink1{left:35%;}
.adbanner.fullbgbanner.temp2 .adblink2{left:auto; right:6%;}
.adbanner.fullbgbanner.temp2 .adblink3{left:35%;  top:73.5%}
.adbanner.fullbgbanner.temp2 .adblink4{left:auto; right:6%; top:73.5%}

.adbanner.fullbgbanner.temp3{background:linear-gradient(to bottom, #040507 36.146%, #efefef 36.146%);}
.adbanner.fullbgbanner.temp3 a{width:50%; height:11%;}
.adbanner.fullbgbanner.temp3 .adblink1{top:44%;}
.adbanner.fullbgbanner.temp3 .adblink2{top:57%;}
.adbanner.fullbgbanner.temp3 .adblink3{top:70%;}
.adbanner.fullbgbanner.temp3 .adblink4{top:83%;}

.adbanner.fullbgbanner.instant{background-color:#e3bb63;}
.adbanner.fullbgbanner.instant a{width:50%; height:10%;}
.adbanner.fullbgbanner.instant .adblink1{top:50%;}
.adbanner.fullbgbanner.instant .adblink2{top:62.5%;}
.adbanner.fullbgbanner.instant .adblink3{top:74.5%;}
.adbanner.fullbgbanner.instant .adblink4{top:86.5%;}
.adbanner.fullbgbanner .prodchkbox .title{position:relative; color:#d62030; font-size:1.5vw; text-align:center; padding:0 0 36px; margin:60px 0; font-weight:bold;}
.adbanner.fullbgbanner .prodchkbox .title:before{content:""; position:absolute; left:50%; bottom:0; transform:translateX(-50%); background:#d62030; width:50px; height:2px;}
.adbanner.fullbgbanner .prodchkbox .chklisk li{position:relative; margin:50px 0; padding:0 130px;}
.adbanner.fullbgbanner .prodchkbox .chklisk li input{position:absolute; left:20px; top:50%; transform:translateY(-50%);}
.adbanner.fullbgbanner .prodchkbox .chklisk li label{width:100%;  padding:20px;  border-radius:10px; box-shadow:2px 2px 10px rgba(0,0,0,0.1);  border:2px solid transparent;}
.adbanner.fullbgbanner .prodchkbox .chklisk li label.on{border:2px solid #d62030;}
.adbanner.fullbgbanner .prodchkbox .chklisk li span{position:absolute; left:455px; top:50%; width:410px; transform:translateY(-50%);font-size:16px; color:#222; }
.adbanner.fullbgbanner .prodchkbox .chklisk li span em{display:block; color:#999; margin:20px 0 0; line-height:2;}
.adbanner.fullbgbanner .prodchkbox .chklisk li a{left:274px; top:auto; bottom:34px; height:auto; line-height:2; background:rgba(0,0,0,0.7); padding:0 8px 2px 12px; border-radius:3px;}
.adbanner.fullbgbanner .prodchkbox .chklisk li a .material-icons-outlined{font-size:16px; vertical-align:-3px;}
.adbanner.fullbgbanner .prodchkbox .chklisk li .chk{color:#f97681}
.adbanner.fullbgbanner .calcbox {text-align:center;}
.adbanner.fullbgbanner .calcbox span{position:relative; font-size:24px; color:#222; z-index:2; padding:0 10px; font-weight:bold;}
.adbanner.fullbgbanner .calcbox span:before{content:"";  position:absolute; left:0; bottom:0; height:10px; width:100%; background:#f3dad9; z-index:-1; }
.adbanner.fullbgbanner .calcbox p{margin:20px 0; }
.adbanner.fullbgbanner .calcbox p em{font-size:24px; color:#999; text-decoration:line-through;margin:0 20px 0 0;}
.adbanner.fullbgbanner .calcbox p b{font-size:42px; color:#d62030}
.adbanner.fullbgbanner .calcbox .btn42{background:#d62030; width:260px; color:#fff; font-weight:bold; font-size:18px;}
.adbanner.fullbgbanner .calcbox .btn42:hover{background:#b10212;}

/*쿠폰이벤트*/
.adbanner.coupona a{background-image:url(/Common/images/event/Coupon/banner_cpa.png);}
.adbanner.deal.couponb a{background-image:url(/Common/images/event/Coupon/banner_cpb.png);}
.adbanner.login{height:80px; width:400px; margin:25px auto 0;}
.adbanner.login a{background-color:#c6342a; height:100%; padding:0 50px; background:url(/Common/images/event/Coupon/banner_cpb_m.png) no-repeat center; background-size:cover}


.bannerslide { position:relative; border-bottom:1px solid #eee;}
.bannerslide .swiper-pagination { position:absolute; bottom:30px; left:auto; right:20px; width:50px; border-radius:50px; color:#fff; background-color:rgba(0,0,0,.3); font-size:10px; font-weight:300; text-align:center; letter-spacing:0.08em; z-index:1; }
.bannerslide .swiper-button-next { right:0 !important; }
.bannerslide .swiper-button-prev { left:0 !important; }
.bannerslide .swiper-button-next, .bannerslide .swiper-button-prev { margin-top:-25px; opacity:0; visibility:hidden; transition:.3s; }
.bannerslide:hover .swiper-button-next, .bannerslide:hover .swiper-button-prev { opacity:.5; visibility:visible; }
.bannerslide .swiper-button-next .material-icons, .bannerslide .swiper-button-prev .material-icons { font-size:44px; background-color:transparent; box-shadow:none; }

.trendkeyword { position:relative; }
.trendkeyword ul li { float:left; width:292.5px; margin-right:10px; height:80px; box-shadow:0 0 3px rgba(31,30,47,.05); }
.trendkeyword ul li .pannel { position:relative; padding:9px 25px 10px 110px; background-color:#fff; overflow:hidden; }
.trendkeyword ul li .imgwrap { position:absolute; top:0; left:0; width:100px; height:100%; overflow:hidden; background:url() no-repeat 50% 50%; background-size:cover; }
.trendkeyword ul li .title { color:#222; line-height:22px; }
.trendkeyword ul li .menu a { display:inline-block; margin-right:3px; font-size:13px; font-weight:200; line-height:18px; color:#333; }
.trendkeyword ul li .menu a:hover { color:#00bcd4; }
.trendkeyword .swiper-next.circle, .trendkeyword .swiper-prev.circle { margin-top:-29px; }

/*디비디비뉴스룸*/
.newsroom.bg_white hr { border-color:#eee; }
.newsroom hr { margin:0; border-color:#ddd; }
.newsroom .contbox { padding:70px 0; }
.newsroom .row { margin:0; }
.newsroom .row::after { content:''; display:block; clear:both; }
.newsroom .col { float:left; }
.newsroom .col2 { width:50%; }
.newsroom .col4 { width:25%; }
.newsroom .desc.large { color:#555; }

.newsroom .statistic .row { margin:0 -24px; }
.newsroom .statistic .col { border-right:1px solid #ddd; padding:0 24px; }
.newsroom .statistic .col:last-child { border-right:0; }
.newsroom .statistic .number { font-size:36px; font-weight:700; line-height:44px; margin-bottom:10px; color:#333; }
.newsroom .statistic .desc { font-size:16px; line-height:24px; color:#767676; font-weight:300; }

.newsroom .member .col { position:relative; height:225px; margin-bottom:24px; padding:0 0 0 175px; }
.newsroom .member .thumbnail { position:absolute; top:0; left:0; width:175px; height:100%; border:0; background:url() no-repeat 50% 50%; background-size:cover; }
.newsroom .member .desc { color:#333; word-break:keep-all; }
.newsroom .member .desc.small { font-size:15px; color:#555; }
.newsroom .member .txtbox { height:100%; padding:20px 25px; }
.newsroom .member .txtbox div { margin-bottom:12px; }
.newsroom .member .txtbox div:first-child { margin-bottom:16px; }
.newsroom .member .position { font-size:13px; color:#00bcd4; margin-left:6px; font-weight:300; vertical-align:1px; }

.newsroom .mainnews { position:relative; margin:20px 0; }
.newsroom .mainnews .bgthumb { width:55%; height:380px;border-radius:4px; border:1px solid #ddd; background:url(/common/images/icons/ic_wallpaper_dibidibi.png) no-repeat 50% 50%; overflow:hidden; }
.newsroom .mainnews .thumb { width:100%; height:100%; background:url() no-repeat 50% 50%; background-size:cover; }
.newsroom .mainnews .txtbox {position:absolute; top:50%; right:0; transform:translateY(-50%); width:45%; text-align:center; }
.newsroom .mainnews .txtbox a { text-align:left;}
.newsroom .mainnews .txtbox .title { white-space:nowrap; line-height:38px; margin-bottom:15px; }
.newsroom .mainnews .txtbox .title:hover { text-decoration:underline; }
.newsroom .mainnews .txtbox .desc { white-space:nowrap; }
.newsroom .mainnews .txtbox .date { color:#00bcd4; line-height:30px; }
.newsroom .mainnews .txtbox .more { margin-top:20px; }
.newsroom .mainnews .txtbox .more:hover { text-decoration:underline; }
.newsroom .mainnews .txtbox .more .material-icons { font-size:20px; vertical-align:-5px; color:inherit; }

.newsroom .news { margin-top:20px; }
.newsroom .news a { display:block; }
.newsroom .news .row { display:flex; flex-wrap:wrap; margin:0 -20px; }
.newsroom .news .col { padding:0 20px; margin-bottom:80px; }
.newsroom .news .col :hover { cursor:pointer; }
.newsroom .news .bgthumb { height:330px; border-radius:4px; border:1px solid #ddd; margin-bottom:12px; background:url(/common/images/icons/ic_wallpaper_dibidibi.png) no-repeat 50% 50%; overflow:hidden; }
.newsroom .news .thumb { height:100%; background:url() no-repeat 50% 50%; background-size:cover; }
.newsroom .news .title { line-height:28px; margin-bottom:8px; }
.newsroom .news .date { color:#00bcd4; line-height:26px; font-size:13px; padding-top:6px; }
.newsroom .news .title:hover { text-decoration:underline; }
.newsroom .news .btnlist .listall { display:inline-block; height:55px; line-height:54px; font-size:18px; }
.newsroom .mainnews .thumb.update, .newsroom .news .thumb.update { background-image:url(/Common/images/news_update.png); background-size:auto 100%; background-color:#fff; }

.newsroom .board { width: 100%; margin: 0 auto; }
.newsroom .board ul { list-style: none; display: block; padding: 0; }
.newsroom .board li { position: relative; min-height: 40px; padding: 20px 180px 20px 20px; background: #fff; cursor: pointer; box-shadow: 0 1px 3px rgba(0,0,0,.0),0 1px 3px rgba(0,0,0,.24); }
.newsroom .board li:hover { text-decoration: underline; background-color: #fbfbfb; }
.newsroom .board li:first-child { border-top: 0; }
.newsroom .board li:last-child { border-bottom: 0; }
.newsroom .board li span { display: block; font-size: 16px; }
.newsroom .board li span.title { color: #222; font-weight: 500; margin:0; }
.newsroom .board li span.date { position:absolute; top:50%; right:15px; transform:translateY(-50%); color: #555; font-size: 12px; color: #00bcd4; padding:0; }

/*기획전메뉴*/
.eventmenuwrap { position:relative; /*height:120px;*/ }
.eventmenu { position:static; top:-55px; }
.eventmenu ul li { display:inline-block; width:86px; margin-bottom:0; text-align:center; }
.eventmenu ul li a { display:block; color:inherit; }
.eventmenu li .thumb { width:60px; height:60px; border-radius:50%; margin:0 auto; background:#fff url() no-repeat 50% 50%; background-size:cover; }
.eventmenu li:first-child .thumb { line-height:60px; font-size: 14px; font-weight:300; color:#222; background-color: #fff; }
.eventmenu li.season .thumb { background-image:url(/Common/images/eventmenu_season.png); background-position:53% 24px; background-size:174%; }
.eventmenu li.food .thumb { background-image:url(/Common/images/eventmenu_food.png); background-position:50% -50%; background-size:150%; }
.eventmenu li.life .thumb { background-image:url(/Common/images/eventmenu_life.png); background-position:50% 82%; background-size:118%; }
.eventmenu li.kitchen .thumb { background-image:url(/Common/images/eventmenu_kitchen.png); background-position:5% -140%; background-size:150%; }
.eventmenu li.dress .thumb { background-image:url(/Common/images/eventmenu_dress.png); background-position:6% 0; }
.eventmenu li .menu { line-height:22px; padding-top:7px;  text-align:center; }
.eventmenu li.active .menu { display:inline-block; color:#00bcd4; border-bottom:1px solid #00bcd4;}
.eventmenu li.active .thumb { background-color:#00bcd4; color:#fff; }
.eventmenu.fix { position:fixed; left:0; width:100%; height:53px; padding:0; border:0; border-top:1px solid #eee; background-color:#fff; z-index:10; box-shadow:0 3px 2px rgba(0,0,0,.1), 0 3px 5px rgba(0,0,0,.0); }
.eventmenu.fix.show { top:0; transition:top ease.3s; }
.eventmenu.fix ul { position:relative; width:1200px; margin:0 auto; }
.eventmenu.fix ul::after { content: '설맞이 기획전'; padding-left: 96px; height: 32px; display: block; position: absolute; top: 50%; left: 0; font-weight: 400; letter-spacing: -0.05em; transform: translateY(-50%); font-size: 19px; line-height: 31px; background: url(/Common/images/default/logo_dibidibi_medium_n2.png) no-repeat -34px center; background-size: auto 100%; color: #555; }
.eventmenu.fix li { position:relative; width:auto; font-size:15px; }
.eventmenu.fix li::after { content:''; display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); width:1px; height:12px !important; background-color:#ddd; }
.eventmenu.fix li:first-child::after { display:none; }
.eventmenu.fix li:nth-child(2)::after { display:none; }
.eventmenu.fix ul li a { padding:0 10px; }
.eventmenu.fix li .menu { height:52px; line-height:54px; padding:0 10px; }
.eventmenu.fix li.active .menu { border-bottom:3px solid #00bcd4; }
.eventmenu.fix li .thumb { display:none; }
.eventmenu.fix .border > div { display:none; }

.eventmenu.eventmenu2 { padding:32px 0 10px; }
.eventmenu.eventmenu2 ul { width:1200px; margin:0 auto; }
.eventmenu.eventmenu2 ul li { position:relative; width:auto; height:38px; line-height:35px; font-size:20px; padding:0 16px; font-weight:500; color:#222; }
.eventmenu.eventmenu2 ul li.title { font-size:18px; padding-left:0; color:#333; font-weight:400; }
.eventmenu.eventmenu2 ul li.active { color:#fff; background-color:#5a3f84; }
.eventmenu.eventmenu2 ul li button { width:100%; padding:0; font-size:inherit; }
.eventmenu.eventmenu2.fix { text-align:center; padding:0; }
.eventmenu.eventmenu2.fix ul { width:100%;  }
.eventmenu.eventmenu2.fix ul::after { left:15px; }
.eventmenu.eventmenu2.fix ul li { float:none; width:auto; height:52px; line-height:51px; border:0; padding:0 18px; margin:0; font-size:15px; font-weight:300; color:#111; } 
.eventmenu.eventmenu2.fix ul li:hover { background-color:transparent; color:#5a3f84; font-weight:500; }
.eventmenu.eventmenu2.fix ul li.active { background-color:transparent; color:#5a3f84; font-weight:500; }
.eventmenu.eventmenu2.fix ul li.title { display:none; }
/*검색*/
.eventmenu ul li.exhibitionsearch { display:none; position:absolute; top:50%; right:15px; transform:translateY(-50%); width:200px; }
.eventmenu ul li.exhibitionsearch::after { display:none; }
.eventmenu ul li.exhibitionsearch input { width:100%; height:32px; line-height:32px; border:1px solid #f5f5f5; padding:0 35px 0 10px; font-size:13px; color:#00bcd4; box-shadow:0 2px 4px rgba(0,0,0,0.08); }
.eventmenu ul li.exhibitionsearch input:hover { box-shadow:0 2px 4px rgba(0,0,0,0.1), 0 4px 12px rgba(26, 26, 29, 0.08) !important; }
.eventmenu ul li.exhibitionsearch input::placeholder { color:#767676; }
.eventmenu ul li.exhibitionsearch input::-webkit-input-placeholder { color:#767676; }
.eventmenu ul li.exhibitionsearch input:-ms-input-placeholder { color:#767676; }
.eventmenu ul li.exhibitionsearch button { position:absolute; top:50%; right:0; width:auto; transform:translateY(-50%); }
.eventmenu ul li.exhibitionsearch button .material-icons { font-size:22px; }
.eventmenu.fix ul li.exhibitionsearch { display:block; padding:0; }

/*기획전리스트랑깍두기*/
.exhibitiontitle { display:block !important; width:100% !important; margin: 80px 0 12px 10px !important; padding-bottom:0 !important; font-size: 24px !important; line-height: 42px; letter-spacing: -1px; font-weight: 300; color:#222; }
.pagelist .dealcard.exhibitionlist ul li.exhibitiontitle:first-child { margin-top:0 !important; padding-top:0 !important; }
.pagelist .dealcard.exhibitionlist ul li.exhibitiontitle { margin-bottom:0 !important; padding-top:50px; }
.pagelist .dealcard.exhibitionlist ul { margin:10px -10px 0 ; }
.pagelist .dealcard.exhibitionlist ul li:nth-child(5n+1) { margin-left:10px !important; }
.pagelist .dealcard.exhibitionlist ul li:nth-child(5n) { margin-right:10px !important; }
.pagelist .dealcard.exhibitionlist ul li { float:none !important; margin:10px 8px 60px 10px !important;  }
.pagelist .dealcard.exhibitionlist .bid .material-icons { vertical-align:-9px; }
.pagelist .dealcard.exhibitionlist .bid .caption .material-icons { vertical-align:-2px; }

/*기획전가격파괴디비디비*/
.exhibitiondeco { position:absolute; top:0; left:0; width: 50px; height:60px; z-index:5; overflow:hidden;}
.exhibitiondeco .material-icons { position:absolute; color:#fff; z-index:1; opacity:.3; }
.exhibitiondeco .material-icons.bg1 { top:20px; right:2px; font-size:22px; transform:rotate(-30deg); }
.exhibitiondeco .material-icons.bg2 { top:4px; left:4px; font-size:14px; }
.exhibitiondeco .txt { position:relative; width:100%; height:35px;  padding:13px 0 0; text-align:center; color:#fed219; font-size:12px; letter-spacing:-0.06em; line-height:15px; font-weight:300; z-index:2; }
.exhibitiondeco .txt div:first-child { font-weight:500; font-size:30px; }
.exhibitiondeco::before { content:''; display:block; position:absolute; top:0; left:50%; transform:translateX(-50%); border:112px solid transparent; border-top:52px solid #f00; border-bottom:0; z-index:1; }


/*좌측메뉴*/
.leftgnbmenu { position: fixed; top: 0; left: 0; width: 220px; height: 100vh; line-height:20px; padding-top: 115px; border-right:1px solid #eee; background-color: #f1f1f1; transition: .2s; overflow: hidden; z-index: 13; }
.leftgnbmenu .menuheader { display:none; }
.leftgnbmenu.salemenu { background-color:#fff; } 
.leftgnbmenu.minimize { width: 60px; }
.leftgnbmenu.minimize .mininoshow { display:none; }
.leftgnbmenu.minimize .depth2 {display:none !important;}
.leftgnbmenu.minimize li.on .depth1 {opacity:1;}
.leftgnbmenu.minimize li.on .depth1 .material-icons { color: #00ACCA; }
.leftgnbmenu.minimize li.on .depth1 .material-icons.home { color:#eaeaea; }
.leftgnbmenu.minimize .gostore a { height:42px; padding:0 0 0 45px; }
.leftgnbmenu.minimize .gostore .mallicon { top:0; left:0; transform:translateX(0); width: 40px; height: 40px; }
.leftgnbmenu.minimize .gostore .mallicon .material-icons { line-height: 40px; font-size:24px;  }
.leftgnbmenu.minimize .gostore .storenm { font-size:0; }
.leftgnbmenu.minimize .section .sectiontitle { display:none; }
/*좌측메뉴작아졌을때 메누제목 보이게*/
.leftgnbmenu.minimize.showname .section { padding:0; border:0; }
.leftgnbmenu.minimize.showname li .depth1 { height:62px; }
.leftgnbmenu.minimize.showname .depth1 li .title { position:absolute; left:0; bottom:10px; width:60px; line-height:1; font-size:10px; font-weight:400; letter-spacing:-0.02em; text-align:center; }
.leftgnbmenu.minimize.showname .depth1 li.on .title { color:#00bcd4; }

.leftgnbmenu .section .sectiontitle.nodepth a { color:#222; }
.leftgnbmenu .section .sectiontitle.nodepth .material-icons { position: absolute; top: 12px; left: 0; width: 60px; text-align: center; font-size: 20px; color: #555; }
.leftgnbmenu.minimize .section.menuopen .sectiontitle.nodepth .material-icons { color:#00bcd4; }

.leftgnbmenu .section { padding:10px 0; border-top:1px solid #eee; font-weight:300; color:#222; }
.leftgnbmenu .section .sectioninner { padding:8px 25px; white-space:nowrap; }
.leftgnbmenu .section:first-child { padding-top:0; border-top:0; }
.leftgnbmenu .section .sectiontitle { position:relative; display:block; padding:10px 30px 8px 20px; color:#555; font-size:14px; }
.leftgnbmenu .section .sectiontitle .newmsg { position: absolute; top: 13px; left: 13px; width: 5px; height: 5px; padding: 0; margin: 0; background-color: #f00; border-radius: 50%; opacity: 0; }
.leftgnbmenu .section .sectiontitle.msgon .newmsg { opacity: 1; }
.leftgnbmenu .section.bottom { position:absolute; bottom:0; left:0; width:100%; border:0; background-color:transparent; }
.leftgnbmenu .section.bottom .depth1 { padding-bottom:10px; }
.leftgnbmenu .section.bottom .footersmall { height:50px; border-top:1px solid #eee; }
.leftgnbmenu .section.bottom .footersmall .corp { top:10px; left:20px; color:#555; }
.leftgnbmenu.salemenu .section.bottom .depth1 { height:44px; }
.leftgnbmenu.salemenu .section.bottom .footersmall { height:60px; }

.leftgnbmenu .inner { overflow: hidden; padding-bottom: 0; }
.leftgnbmenu .inner:hover { overflow-y: auto; }
.leftgnbmenu .gostore { padding: 10px; margin-top: 5px; line-height:42px; cursor: pointer; transition: .2s; }
.leftgnbmenu .gostore a { position: relative; display: block; padding:120px 0 0 0; height:148px; text-align:center; overflow: hidden; transition:.2s; }
.leftgnbmenu .gostore .storenm {position:relative; width:100%; font-size: 15px; letter-spacing:-1px; word-wrap: break-word; line-height: 20px; font-weight:300; color:#222; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:15px; }
.leftgnbmenu .gostore .mallicon { position: absolute; top:8px; left: 50%; transform:translateX(-50%); width:100px; height:100px; background-color: #555; border-radius: 50%; transition:.2s; }
.leftgnbmenu .gostore .mallicon .material-icons { color: #eee; text-align: center; font-size:50px; vertical-align:top; line-height:102px; transition:.2s; }
.leftgnbmenu .gostore:hover .storenm { color: #222; }
.leftgnbmenu .gostore:hover .mallicon { background: #222; }

.leftgnbmenu.nonav { padding-top: 64px; }
.leftgnbmenu li {position:relative; cursor: pointer; line-height:48px; }
.leftgnbmenu li i {color: #555; font-size:22px;}
.leftgnbmenu li .mnm, .leftgnbmenu li a { position: relative; display: block; height:100%; padding: 0 0 0 60px; color: inherit; white-space:nowrap; }
.leftgnbmenu li .mnm .material-icons, .leftgnbmenu li a .material-icons  { position: absolute; left: 0; top:12px; width: 60px; text-align: center; }
.leftgnbmenu li .arrow {position:absolute; top:-2px; right:24px; font-size:14px;  transition: .3s;}
.leftgnbmenu li .depth1 {padding-right:30px; height:46px;}
.leftgnbmenu .depth1 li { position: relative; color: #222; line-height:46px; font-size:15px; font-weight:300; }
.leftgnbmenu .depth1 li:hover { background-color:#e4e4e4; }
.leftgnbmenu .depth1 li.on { transition: 0s; background-color: #e3e3e3; }
.leftgnbmenu .depth1 li.on:hover { background-color:#e4e4e4; }
.leftgnbmenu .depth1 li.on a .material-icons { color:#00bcd4; }
.leftgnbmenu .depth1 li a .homeicon { position:absolute; top:12px; left:20px; width:20px; height:20px; background-color:#555; border-radius:50%; }
.leftgnbmenu .depth1 li a .material-icons.home { top:15px; font-size:15px; color:#eaeaea; }
.leftgnbmenu .depth1 li.on a .homeicon { background-color:#00bcd4; }
.leftgnbmenu .depth1 .menuopen  .arrow { transform: rotate(90deg); transition: .3s; }
.leftgnbmenu .depth1 li .newmsg { position: absolute; top: 12px; left: 15px; width: 5px; height: 5px; padding: 0; margin: 0; background-color: #f00; border-radius: 50%; opacity: 0; }
.leftgnbmenu .depth1 li.msgon .newmsg { opacity:1; }
.leftgnbmenu .depth1 li .alarmcount { position: absolute; top: 8px; right: 10px; width: 30px; height: 20px; line-height: 20px; font-size: 10px; background-color: #f00; color: #fff; text-align: center; display:none;}

.leftgnbmenu.mainmenu { transition:0s; background-color:#fff; }
.leftgnbmenu.mainmenu .depth1 li { font-size:14px; line-height:42px; }
.leftgnbmenu.mainmenu .depth1 li:hover { background-color:#f4f4f4; }
.leftgnbmenu.mainmenu .depth1 li.on { background-color:#ececec; }
.leftgnbmenu.mainmenu li .depth1 { height:42px; }
.leftgnbmenu.mainmenu li a .material-icons { top:11px; }
.leftgnbmenu.mainmenu .depth1 li .newmsg { top: 11px; left: 18px; }

.leftgnbmenu.salemenu .section { padding:0; border-top:0; height:auto; }
.leftgnbmenu.salemenu.minimize .section { height:44px; }
.leftgnbmenu.salemenu .section.menuopen .depth1 { display:block; }
.leftgnbmenu.salemenu .section > .depth1 { display:none; padding-bottom:5px; }
.leftgnbmenu.salemenu .section .sectiontitle { padding:0 30px 0 60px; font-size:15px; line-height:44px; font-weight:300; color:#222; cursor:pointer; }
.leftgnbmenu.salemenu .section .sectiontitle:hover { background-color:#f4f4f4; }
.leftgnbmenu.salemenu .section .sectiontitle > .material-icons { position:absolute; top:14px; left:0; width:60px; text-align:center; font-size:20px; color:#606060; }
.leftgnbmenu.salemenu .section .sectiontitle .arrow { position:absolute; top:0; right:10px; }
.leftgnbmenu.salemenu .section .sectiontitle .arrow .material-icons { font-size:20px; vertical-align:-4px; transition:.2s; }
.leftgnbmenu.salemenu .section.open .sectiontitle .arrow .material-icons { transform:rotate(90deg); }
.leftgnbmenu.salemenu li a .material-icons { top:16px; font-size:16px; text-align:right; padding-right:7px; }
.leftgnbmenu.salemenu.minimize .section .sectiontitle { display:block; }
.leftgnbmenu.salemenu.minimize .section > .depth1 { display:none !important; }
.leftgnbmenu.salemenu .depth1 li { color:#555; font-size:14px;  }
.leftgnbmenu.salemenu .depth1 li.on { color:#00bcd4; }
.leftgnbmenu.salemenu .depth1 li.on { background-color:transparent; }
.leftgnbmenu.salemenu .depth1 li.on:hover { color:#00bcd4; }
.leftgnbmenu.salemenu .depth1 li:hover { background-color:transparent; color:#222; }
.leftgnbmenu.salemenu li .depth1 { height:36px; line-height:36px; }
.leftgnbmenu.salemenu li .depth1 .material-icons { top:11px; }

.leftgnbmenu.salemenu .section.bottom ul { padding-bottom:10px; }
.leftgnbmenu.salemenu .section.bottom li { font-size:15px; color:#222; }
.leftgnbmenu.salemenu .section.bottom li:hover { background-color:#f4f4f4; }
.leftgnbmenu.salemenu .section.bottom li.on { background-color:#ececec; }
.leftgnbmenu.salemenu .section.bottom li.on:hover { background-color:#eaeaea; }
.leftgnbmenu.salemenu .section.bottom li a { line-height:44px; }
.leftgnbmenu.salemenu .section.bottom li .depth1 .material-icons { top:12px; font-size:20px; padding:0; color:#606060; text-align:center; }
.leftgnbmenu.salemenu .section.bottom .footersmall { border-color:#ddd; }

.leftgnbmenu .section.menuopen { background-color:#ececec; }
.leftgnbmenu .section.menuopen .sectiontitle:hover { background-color:#eaeaea; }
.leftgnbmenu.minimize .section.menuopen .sectiontitle > .material-icons { color:#00bcd4; }

.leftgnbmenu.ver2 { /*z-index:10;*/ left:0; transition:.2s; }
.leftgnbmenubg { position:fixed; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,.3); z-index:9; display:none; }
.leftgnbmenu.ver2.minimize { left:-100%; } 
.leftgnbmenu.ver2 .menuheader { position:absolute; top:0; left:0; display:block; width:100%; height:65px; line-height:63px; font-size:0; padding-left:13px; border-bottom:1px solid #eee; }
.leftgnbmenu.ver2 .menuheader .hamburger { position: relative; display: inline-block; width: 35px; margin-right: 8px; padding: 1px 0 0 0; text-align: center; vertical-align: middle; }
.leftgnbmenu.ver2 .menuheader .hamburger .material-icons { position: relative; font-size: 23px; padding-top: 1px; z-index: 1; }
.leftgnbmenu.ver2 .menuheader .logo { position: relative; vertical-align: middle; width: 83px; height: 30px; margin-left: 2px; background: url(/Common/images/default/logo_dibidibi_medium_n2.png) no-repeat right 50%; background-size: auto 100%; cursor: pointer; }
.leftgnbmenu.ver2 .menuheader .logo .country { position: absolute; top: 1px; right: -21px; width: 18px; height: 14px; line-height: 14px; font-size: 10px; font-weight: 200; font-family: Arial; color: #555; }

/*ver3 리뉴얼 left메뉴*/
.leftgnbmenu.ver3{width:180px;}
.leftgnbmenu.nonav.ver3 {padding-top:80px;}
.leftgnbmenu.ver3 .depth1 li .material-icons{display:none;}
.leftgnbmenu.ver3 .bottom .depth1 li i{display:inline-block; width:28px; text-align:left; vertical-align:-5px;}
.leftgnbmenu.ver3 li a{display:inline-block; padding:0 0 0 25px; color:#222; font-weight:500; width:100%;}
.leftgnbmenu.ver3 li a span{position:relative; }
.leftgnbmenu.ver3 li a span:before{content:""; position:absolute; bottom:9px; left:51%; transform:translateX(-50%); width:0; height:1px; background:#00bcd4; transition:width ease-in-out 0.2s;}
.leftgnbmenu.ver3 li .depth1{padding:0;}
.leftgnbmenu.ver3 .depth1 li.on a span, .leftgnbmenu.ver3 .depth1 li:hover a span{color:#00bcd4;}
.leftgnbmenu.ver3 .depth1 li.on , .leftgnbmenu.ver3 .depth1 li:hover {background:#fff;}
.leftgnbmenu.ver3 .depth1 li.on a span:before , .leftgnbmenu.ver3 .depth1 li:hover a span:before {width:100%;}
.leftgnbmenu.ver3 .section{border:none;}
.leftgnbmenu.ver3 .section .btn32{width:100%; font-size:14px; margin:8px 0 0;}
.leftgnbmenu.ver3 .section .sectioninner .bold500{font-size:13px;}
.leftgnbmenu.ver3 .section .sectioninner .btn24 {padding:0 14px; margin:8px 0 0;}
.leftgnbmenu.ver3 .section .sectioninner{padding:25px;}
.leftgnbmenu.ver3 li .mnm .material-icons, .leftgnbmenu.ver3 li a .material-icons{position:static; width:auto;}
.leftgnbmenu .section.bottom .depth1 li .depth1{padding:0;}
/**/
.leftgnbmenu.blackbg .menuheader { background-color:#3d3d3d; color:#fff; }
.leftgnbmenu.blackbg .menuheader .logo { background-image:url('/Common/images/default/logo_dibidibi_medium_nw2.png'); }
.leftgnbmenu.blackbg .menuheader .logo .country { color:#fff; }

.loginbtn { width:94px; height:36px; color:#555; border:1px solid #555; margin-top:14px; line-height:34px; padding:0 12px; font-size:15px; }
.loginbtn a { color:inherit; }
.loginbtn .material-icons { margin-right:5px; font-size:22px; vertical-align:-5px; color:#555 !important; }
.salestartbtn { height: 36px; margin-top: 12px; line-height: 34px; color:#00bcd4; padding:0 12px; border:1px solid #00bcd4; }
.salestartbtn .material-icons { margin-right: 5px; vertical-align: -6px; color: #00bcd4!important; }
.salestartbtn a { color:inherit; }

/*바우처*/
.sellervoucher  { position:relative; }
.sellervoucher hr { border-color:rgba(255,255,255, .4); }
.sellervoucher .title { position:relative; color:#333; }
.sellervoucher .title.sub { letter-spacing:-0.03em; }
.sellervoucher .title.sub b { font-size:1.05em; }
.sellervoucher .bottomline { position:absolute; bottom:-10px; left:50%; transform:translateX(-50%); width:530px; height:26px; background-color:#72d6e9; }
.sellervoucher .bottomline.mini { bottom:-5px; width:192px; height:15px; background-color:rgba(0, 188, 212, 0.4); } 
.sellervoucher .cont { width:50%; float:left; padding:20px; }
.sellervoucher .cont .toptitle { position:absolute; top:0; left:50%; transform:translateX(-50%); width:150px; height:44px; line-height:44px; background-color:#00bcd4; color:#fff; font-size:18px; font-weight:500; }
.sellervoucher .cont .title.sub { margin-top:14px; color:#333; letter-spacing:0; }
.sellervoucher .cont .bg_white {position:relative; height:465px; padding:60px 20px 34px; background-color:rgba(255,255,255, 1); overflow:hidden; box-shadow:2px 2px 4px rgba(0,0,0, .1); }
.sellervoucher .cont .bigicon { width:140px; height:140px; line-height:140px; font-size:100px; color:rgba(0, 188, 212, 0.5); }
.sellervoucher .cont .sellervoucherbtn { font-size: 20px; padding: 10px 0 16px; color:#222; }
.sellervoucher .cont .sellervoucherbtn:hover { text-decoration:underline; color: #00bcd4; }
.sellervoucher .desc { position:relative; color:#222; word-break:keep-all; line-height:22px; }
.sellervoucher .desc.medium { color:#222; }
.sellervoucher .desc ul { padding:5px 30px; color:#767676; text-align:left; }
.sellervoucher .desc ul li { position:relative; padding-left:20px; margin:6px 0; }
.sellervoucher .desc ul li::after { position:absolute; top:10px; left:4px; display:block; content:''; width:4px; height:4px; border-radius:50%; background-color:#999; }
.bestsellerbanner { height:60px; line-height:52px; background-color:#00bcd4; color:#fff; font-size:28px; margin-bottom:20px; }
.bestsellerbanner * { vertical-align:middle; }
.bestsellerbanner .minitxt { font-size:15px; vertical-align:-4px; }
.bestsellerbanner .txt { padding-top:1px; }
.bestsellerbanner b { font-size:1.05em; }
.bestsellerbanner .material-icons { font-size:36px; }
.bestsellerbanner .img { width: 80px; height: 60px; background: url(/Common/images/bestseller.png) no-repeat 50% 55%; background-size: auto 224%; }

/*스토어안에 할인율딱지*/
.discountrate { position:absolute; top:0; right:0; width:42px; height:100px; z-index:4; text-align:center; overflow:hidden; }
.discountrate .inner { width:100%; color:#fff; font-size:13px; font-weight:500; line-height:40px; white-space:nowrap; }
.discountrate .inner .bg { position:absolute; top:0; left:50%; transform:translateX(-50%); border-top:50px solid rgba(0, 188, 212, .8); border-left:90px solid transparent; border-right:90px solid transparent; }
.discountrate .inner .txt { position:relative; }
.pagelist.storelist .bgdesc .cost { text-decoration:line-through; color:#aaa; font-size:13px; margin-bottom:-2px; }

/*스토어탐색*/
.feedstore { padding: 0 0 50px;}
.feedstore .wbox{margin:0 auto;}
.feedstore .section{padding:50px 0;}
.feedstore .section.section4 {padding:80px 0 100px;}
.feedstore .font24h1{padding:0 10px;}
.feedstore .bg_profile{width:80px; height:80px;}
.feedstore .font16h1{margin:0 0 2px; height:20px;}
.feedstore .store_tag i{line-height:1.2;}
.feedstore .inner{position:relative; background:#fff; border-radius:20px; margin:15px 0 0; box-shadow:0 3px 10px rgb(218 ,238, 246);}
.feedstore .inner a{height:120px; background:#fff; border-radius:20px; padding:20px; box-sizing:border-box;}
.feedstore .inner .bg_profile{left:15px;}
.feedstore .inner .store_info{margin: 0 0 0 95px; height:100%;}
.feedstore .btn24 { position:absolute; left:115px; bottom:20px; width:80px; border-radius:50em; padding:0 12px;}
.feedstore .btn24.on{background-color:#00bcd4; color:#fff;}
.feedstore .swiper-container{padding:10px;}
.feedstore .swiper-pagination{bottom:45px; transform:translateX(-50%);}
.feedstore .swiper-pagination .swiper-pagination-bullet{width:10px; height:10px; background:#fff; border:1px solid #00bcd4; opacity:1; margin:0 2px; transition:all 0.3s;}
.feedstore .swiper-pagination .swiper-pagination-bullet:focus{outline:none;}
.feedstore .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#00bcd4; width:30px; border-radius:50em;}
.feedstore .material-icons{font-size:44px; background:#fff; border-radius:50em; box-shadow:0 3px 10px rgb(218 ,238, 246);}
.feedstore .swiper-button-next{background-image:none; top:52.5%; right:-36px; width:44px; outline:none;}
.feedstore .swiper-button-prev{background-image:none; top:52.5%; left:-36px; width:44px; outline:none;}

.countdown > div { display: inline-block; }
.countdown > div > span { display: block; text-align: center; }
.countdown-container { position: relative; margin: 0 3px; }
.countdown-container.days { padding-right:12px !important; }
.countdown-container .countdown-heading { font-size: 0; margin: 3px; color: #222; }
.countdown-container .countdown-value { font-size: 20px; background-color: transparent; padding: 8px 4px; color: #fff; }
.countdown-container::after { content: ''; display: block; position: absolute; top: 14px; right: -5px; width: 3px; height: 3px; border-radius: 50%; background-color: #222; }
.countdown-container::before { content: ''; display: block; position: absolute; top: 21px; right: -5px; width: 3px; height: 3px; border-radius: 50%; background-color: #222; }
.countdown-container:first-child::after, .countdown-container:first-child::before, .countdown-container:last-child::after, .countdown-container:last-child::before { display: none; }
.countdown-container:first-child { padding-right: 4px; }
.countdown-container:first-child::after { display: block; width: auto; height: auto; background-color: transparent !important; content: '일'; top: auto; bottom: 9px; right: 0px; box-shadow: none; color: #222; font-size: 16px; font-weight:500; }
.countdown-container:first-child::before { display: block; width: auto; height: auto; background-color: transparent !important; content: '남은시간'; top: auto; bottom: 9px; right: auto; left: -62px; box-shadow: none; color: #222; font-size: 16px; font-weight:500; }
.countdownwrap { display:inline-block; }
.countdown.normal { position:static; display:inline-block; padding:0; background-color:transparent; }
.countdown.normal .countdown-container { margin:0; }
.countdown.normal .countdown-container::after { right:-1px; }
.countdown.normal .countdown-container::before { right:-1px; }
.countdown.normal .countdown-container .countdown-value { color:inherit; }
.countdown.normal .countdown-container:first-child::after { top:auto !important; bottom:8px !important; font-size:inherit; color:inherit; }
.countdown.normal .countdown-container:first-child::before { content:''; }
.countdown.normal .countdown-container .countdown-value { font-size:inherit; }
.countdown.normal.font14 .countdown-container:first-child { padding-right:9px !important; }
.countdown.normal.font14 .countdown-container::after { top:12px; }
.countdown.normal.font14 .countdown-container::before { top:18px; }
.countdown.ddgray .countdown-container::after { background-color:#555; }
.countdown.ddgray .countdown-container::before { background-color:#555; }
.countdownwrap.challengecolor { display:inline-block; }
.countdownwrap.challengecolor .countdown.normal .countdown-container::after { background-color:#722fdb; }
.countdownwrap.challengecolor .countdown.normal .countdown-container::before { background-color:#722fdb; }
.dayname ::after {content: '일';}

.reviewpointinfo { font-weight: 300; font-size: 13px; letter-spacing: -0.02em; text-align:right; }
.reviewpointinfo .point { padding-left:4px; color:#ff451d; font-weight:400; }
.reviewpointinfo .material-icons { color:#ff9300; font-size:16px; vertical-align:-2px; }

/*결제내역*/
.maypayinfo { position: relative; margin: 50px 0; line-height: 1.55; color: #999; font-size: 12px; overflow: hidden; border-bottom: 1px solid #ddd;  border-top: 1px solid #ddd;}
/*.maypayinfo .ultitle{border-top: 2px solid #ddd; margin:0;}*/
.maypayinfo .tit{line-height:29px;}
.maypayinfo .txtline { padding: 0 0 8px; color: #333; font-size: 14px; }
.maypayinfo .left_box{position:absolute; left:0; top:0; height:100%; width:30%; background: #f5f5f5; padding:20px; z-index:2;}
.maypayinfo .payname{white-space:nowrap;}
.maypayinfo .payname span{display:block;}
.maypayinfo .title{line-height:23px; font-size:16px; color:#555; padding: 0 0 20px; overflow:hidden}
.maypayinfo .title .ultxt{float:left; line-height:29px;}
.maypayinfo .title .opbtn{float:right; margin:0 0 0 10px; padding:2px 10px; line-height:18px; border-radius:3px;}
.maypayinfo .right_box{position:relative; min-height:218px; padding:20px 20px 20px 290px; font-size:0;}
.maypayinfo .right_box .change_btn2{display:none;}
.maypayinfo .right_box .deliveryedit{display:none;}
.deli_right{font-size:0;}
.deli_right *{font-size:14px;}
.deli_right .tit{display:inline-block; width:30%; line-height:25px; color:#999; vertical-align:top;}
.deli_right .info{position:relative; display:inline-block; width:70%; line-height:25px; padding:0;}
.deli_right .info .find{position:absolute; right:0; top:0; line-height:20px; background:#fff;}
.maypayinfo .right_box .tit{display:inline-block; width:30%; font-size:12px; vertical-align:top; }
.maypayinfo .right_box .info{position:relative; display:inline-block; width:70%; line-height:29px; padding:0;}
.maypayinfo .right_box .info .find{position:absolute; right:0; top:0; line-height:20px; background:#fff;}
.maypayinfo .deliveryedit{font-size:0;}
.maypayinfo .deliveryedit input{height:32px; box-sizing:border-box; margin:0 0 4px;}
.maypayinfo .deliveryedit .name input{display:inline-block;}
.maypayinfo .deliveryedit .name input:first-child{width:39%}
.maypayinfo .deliveryedit .name input:last-child{width:60%}

.maypayinfo .right_box.ediing .change_btn2{display:block;}
.maypayinfo .right_box.ediing .deliveryedit{display:block;}
.maypayinfo .right_box.ediing .change_btn{display:none;}
.maypayinfo .right_box.ediing .deliverybox{display:none;}

.orderpayment {margin:0 0 80px;}
.orderpayment .ultitle{margin-top:30px;}
.orderpaymentlist { background-color:#fff; padding:10px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.orderpaymentlist .order_no{ background-color:#fff; padding:15px 15px 0; font-size:14px; color:#00bcd4}
.orderpaymentlist ul li { position:relative; min-height:130px; border-top:1px solid #eee; background-color:#fff; }
.orderpaymentlist ul li .order_box{ padding:13px 150px 15px 130px;}
.orderpaymentlist ul li:first-child { border-top:0; }
.orderpaymentlist ul li .bgthumb { position:absolute; top:40px; left:15px; width:100px; height:100px; background: #f5f5f5 url(/common/images/icons/ic_wallpaper_dibidibi.png) center center no-repeat; background-size: 80%; }
.orderpaymentlist ul li .thumb { width:100%; height:100%; background:url() no-repeat 50% 50%; background-size:cover; }
.orderpaymentlist ul li .ordercancelscab { display:none; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); line-height:24px; padding:0 10px; border-radius:3px; background-color:#ff5722; color:#fff; white-space:nowrap; }
.orderpaymentlist ul li .gpnm { display:block; line-height:24px; margin:4px 0 2px; color:#333; font-size:16px; letter-spacing:-0.03em; }
.orderpaymentlist ul li .gpnm:hover { text-decoration:underline; }
.orderpaymentlist ul li .option { line-height:20px; color:#999; font-size:13px; font-weight:300; }
.orderpaymentlist ul li .storenm { font-size:12px; color:#999; }
.orderpaymentlist ul li .price { position:absolute; bottom:20px; right:20px; color:#222; font-size:16px; font-weight:500; }
.orderpaymentlist ul li .delivery_btn { position:absolute; top:20px; right:20px; font-size:14px; padding:2px 10px; line-height:18px; border-radius:3px;}
.orderpaymentlist ul li.ordercancel { opacity:.4; }
.orderpaymentlist ul li.ordercancel .ordercancelscab { display:block; }
.orderpaymentlist .optionlistwrap .optionlist { position:relative; line-height:17px; padding-left:12px; font-size:14px; margin-bottom:4px; color:#767676; }
.orderpaymentlist .optionlistwrap .optionlist::after { content:''; display:block; position:absolute; top:4px; left:3px; width:7px; height:7px; border-left:1px solid; border-bottom:1px solid; border-color:#999; }
.orderpaymentlist .optionlistwrap .optionlist.resend button{padding:0;}
.orderpaymentlist .optionlistwrap .optionlist .couponusing .material-icons{font-size:16px; vertical-align:-3px; margin:0 -4px 0 0;}
.orderpaymentlist .optionlistwrap .optionlist .couponusing .coupontag{display:none; padding:0 10px 0 13px; line-height:24px; background:linear-gradient(to right ,#197383 8px , #197383 8px , #00bcd4 0% );font-size:12px;}
.orderpaymentlist .optionlistwrap .optionlist .couponusing .coupontag.show{display:inline-block !important;}
.orderpaymentlist .padding_cover {padding: 0 20px;}
.orderpayment {margin: 30px 0 0;}
.orderpayment .ultitle {margin: 30px 0 0;}
.orderpayment .basicform { position:relative; }
.orderpayment .basicform .stdform .form { padding:10px 0 20px; margin-top:14px; background-color:#fff; }
.orderpayment .basicform .stdform .form .cont {position:relative; float:left; width:50%; padding:0 20px; }
.orderpayment .basicform .stdform .form .cont:first-child::after { content:''; display:block; position:absolute; top:10px; bottom:0; right:0; width:1px; background-color:#eee; }
.orderpayment .basicform .stdform .form p { line-height:20px; padding-left:26%; margin:0; }
.orderpayment .basicform .stdform .form p .txt { display:block; line-height:20px; padding-top:12px; color:#333; }
.orderpayment .basicform.white .stdform input.readonly { border:1px solid #ddd !important; }
.orderpayment .basicform .stdform .inputwrap { display:none; }
.orderpayment .basicform .stdform input { margin-top:-1px; }
.orderpayment .basicform .stdform .btnlist { position:absolute; bottom:20px; right:20px; min-height:0; padding:0; }
.orderpayment .basicform .stdform .btnlist .stdbtn { display:none; }
.orderpayment .basicform .stdform .btnlist .stdbtn.edit { display:inline-block; }

.orderpayment .basicform .stdform.editing .form p { line-height:38px; margin:6px 0; }
.orderpayment .basicform .stdform.editing .form p.edit .txt { display:none; }
.orderpayment .basicform .stdform.editing .form p.edit .inputwrap { display:block; }
.orderpayment .basicform .stdform.editing .btnlist .stdbtn { display:inline-block; }
.orderpayment .basicform .stdform.editing .btnlist .stdbtn.edit { display:none; }

.orderpayment .pricearea { display:flex; position:relative; min-height:170px; }
.orderpayment .pricearea .pointguid { float:left; width:50%;}
.orderpayment .pricearea .pointguid .inner { position:relative; height:100%; padding:20px 20px 80px; background-color:#f5f5f5; }
.orderpayment .pricearea .title { line-height:23px; font-size:16px; padding:0 0 12px;}
.orderpayment .pricearea .calculator .title { color: #fff;}
.orderpayment .pricearea .pointguidinfo { line-height:20px; margin:5px -20px; }
.orderpayment .pricearea .pointguidinfo .pointway { float:left; width:100%; padding:0 20px; font-size:14px; font-weight:300; }
.orderpayment .pricearea .pointguidinfo .pointway > div { position:relative; }
.orderpayment .pricearea .pointguidinfo .pointway .subtitle { font-weight:500; }
.orderpayment .pricearea .pointguidinfo .rcontent { right:0; font-weight:500; }
.orderpayment .pricearea .pointguid .totalpoint { position:absolute; left:20px; right:20px; bottom:20px; line-height:22px; font-size:16px; color:#333; }
.orderpayment .pricearea .calculator { float:right; width:50%; padding:0 0 0 8px;}
.orderpayment .pricearea .calculator .title {color: #fff;}
.orderpayment .pricearea .calculator .inner { position:relative; min-height:165px; height:100%; padding:20px 20px 80px; background-color:#00bcd4; }
.orderpayment .pricearea .calculator .inner > div { line-height:22px; font-size:14px; color:rgba(255,255,255, .95); }
.orderpayment .pricearea .calculator .inner > div::after { content:''; display:block; clear:both; }
.orderpayment .pricearea .calculator .inner .smalltit { font-size:12px; padding:0 0 0 5px;}
.orderpayment .pricearea .calculator .inner .smalltit .cpnm{display:inline-block; max-width:160px; vertical-align:-7px; margin:0 0 0 4px;}
.orderpayment .pricearea .calculator .rcontent { position:static; float:right; max-width:calc(100% - 100px); font-weight:500; text-align:right; word-break:keep-all; }
.orderpayment .pricearea .calculator span em{font-size:12px; color:#999;}

.orderpayment .maypayinfo .right_box .tit{padding-bottom:3px;}
.orderpayment .pricearea .calculator .rcontent.payname {white-space:nowrap; }
.orderpayment .pricearea .calculator .rcontent.payname span{display:block; }
.orderpayment .pricearea .calculator .inner .totalprice { position:absolute; bottom:20px; left:20px; right:20px; color:#fff; font-size:16px; font-weight:500; }
.orderpayment .pricearea .calculator .inner .totalprice .rcontent { font-size:16px; font-weight:700; }
.orderpayment .pricearea .calculator.cancel .inner{background:#fff; border:1px solid #ddd;}
.orderpayment .pricearea .calculator.cancel .inner .title{color:#555;}
.orderpayment .pricearea .calculator.cancel .inner .title.colorred{color:#fa2828;}
.orderpayment .pricearea .calculator.cancel .inner div{color:#555;}
.orderpayment .pricearea .calculator.cancel .inner .totalprice {color:#555;}
.orderpayment .pricearea .stit{padding:15px 0 0; font-weight:bold;}
.orderpayment .cancelinfo {background:#f5f5f5; margin:50px 0 100px;}

/*이벤트리스트*/
.eventlist { padding:20px 0; }
.eventlist ul li { position:relative; width:100%; height:200px; margin-bottom:20px; background:#fff url() no-repeat 50% 50%; background-size:cover; }
.eventlist ul li a { display:block; }
.eventlist ul li .txt { position:absolute; top:53%; right:30px; transform:translateY(-50%); line-height:1.16; text-align:right; color:#333; }
.eventlist ul li .title { font-size:32px; font-weight:500; letter-spacing:-0.05em; }
.eventlist ul li .desc { font-size:18px; font-weight:500; }
.eventlist ul li .date { margin-top:20px; }
.eventlist ul li.finishedevent { pointer-events: none; }
.eventlist ul li.finishedevent::before { content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0, .2); z-index:1; }
.eventlist ul li.finishedevent::after { content:'이벤트 종료'; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); line-height:40px; padding:0 20px; border-radius:3px; font-size:20px; background-color:rgba(0,0,0, .75); color:#fff; z-index:1; }
.eventlist ul li.newyearexhibition { background-image:url(/Common/images/banner_2020_p_blank.jpg); }
.eventlist ul li.thanksgiving { background-image:url(/Common/images/banner_bg_pc.jpg); }

.order .paytypelist { display:block; }
.order .paytypelist.grayfilter .paytype { -webkit-filter: grayscale(100%); filter: gray; opacity:.5; }
.order .paytypelist .paytype { float:left; width:16.666666%; border:1px solid transparent; margin:0 0 14px; text-align:center; cursor:pointer; }
.order .paytypelist .paytype.active { border-color:#00bcd4; color:#00bcd4; -webkit-filter: grayscale(0); filter: none; opacity:1; }
.order .paytypelist .paytype .payimg { position:relative; display:block; height:32px; line-height:32px; background:url() no-repeat 50% 50%; background-size:auto 68%; }
.order .paytypelist .paytype .payimg .material-icons { font-size:30px; }
.order .paytypelist .paytype.shinhan .payimg { background-image:url(/Common/images/icons/bank_icon/bank_icon_shinhan.png); }
.order .paytypelist .paytype.hyundai .payimg { background-image:url(/Common/images/icons/bank_icon/bank_icon_hyundai.png); background-size:auto 38%; }
.order .paytypelist .paytype.samsung .payimg { background-image:url(/Common/images/icons/bank_icon/bank_icon_samsung.png); background-size:auto 45%; }
.order .paytypelist .paytype.keb .payimg { background-image:url(/Common/images/icons/bank_icon/bank_icon_KEB.png); background-size:auto 70%; }
.order .paytypelist .paytype.lotte .payimg { background-image:url(/Common/images/icons/bank_icon/bank_icon_lotte.png); background-size:auto 34%; }
.order .paytypelist .paytype.citi .payimg { background-image:url(/Common/images/icons/bank_icon/bank_icon_citi.png); background-size:auto 55%; }
.order .paytypelist .paytype.nh .payimg { background-image:url(/Common/images/icons/bank_icon/bank_icon_nh.png); background-size:auto 42%; }
.order .paytypelist .paytype.hana .payimg { background-image:url(/Common/images/icons/bank_icon/bank_icon_hana.png); background-size:auto 72%; }
.order .paytypelist .paytype.bc .payimg { background-image:url(/Common/images/icons/bank_icon/bank_icon_bc.png); }
.order .paytypelist .paytype.kb .payimg { background-image:url(/Common/images/icons/bank_icon/bank_icon_kb.png); background-size:auto 58%; }
.order .paytypelist .paytype.woori .payimg { background-image:url(/Common/images/icons/bank_icon/bank_icon_woori.png); background-size:auto 70%; }
.order .paytypelist .paytype.koreapost .payimg { background-image:url(/Common/images/icons/bank_icon/bank_icon_koreapost.png); background-size:auto 50%; }
.order .paytypelist .paytype.jeju .payimg { background-image:url(/Common/images/icons/bank_icon/bank_icon_shinhan.png); }
.order .paytypelist .paytype.shinhyeop .payimg { background-image:url(/Common/images/icons/bank_icon/bank_icon_shinhyeop.png); }
.order .paytypelist .paytype.suhyup .payimg { background-image:url(/Common/images/icons/bank_icon/bank_icon_suhyup.png); background-size:auto 58%; }
.order .paytypelist .paytype.jeonbuk .payimg { background-image:url(/Common/images/icons/bank_icon/bank_icon_JBBank.png); background-size:auto 63%; }
.order .paytypelist .paytype.gwangju .payimg { background-image:url(/Common/images/icons/bank_icon/bank_icon_JBBank.png); background-size:auto 63%; }
.order .paytypelist .paytype.mg .payimg { background-image:url(/Common/images/icons/bank_icon/bank_icon_MG.png); background-size:auto 66%; }
.order .paytypelist .paytype.kdb .payimg { background-image:url(/Common/images/icons/bank_icon/bank_icon_KDB.png); }
.order .paytypelist .paytype.ibk .payimg { background-image:url(/Common/images/icons/bank_icon/bank_icon_IBK.png); background-size:auto 70%; }
.order .paytypelist .paytype.sc .payimg { background-image:url(/Common/images/icons/bank_icon/bank_icon_SC.png); }
.order .paytypelist .paytype.bnk .payimg { background-image:url(/Common/images/icons/bank_icon/bank_icon_BS.png); background-size:auto 42%; }
.order .paytypelist .paytype.payco .payimg { background-image:url(/Common/images/icons/bank_icon/pay_icon_payco.png); background-size:auto 60%; }
.order .paytypelist .paytype .paynm { display:block; line-height:22px; font-size:13px; letter-spacing:-0.04em; }

/*포인트*/
.dpointwrap .searchbar { margin-top: 0; background-color: #fff; padding: 0 10px; border-top: 1px solid #eee; border-top:1px solid #ddd; /*box-shadow: 0 0 3px rgba(31,30,47,.05);*/ }
.dpointwrap .mypointarea { background-color: #fff; border:1px solid #ddd; }
.dpointwrap .mypointarea .row:first-child { width: 50%; }
.dpointwrap .mypointarea .row:first-child::after { display: none; }
.dpointwrap .mypointarea .row { position: relative; float: left; width: 25%; height: 100px; padding:20px 30px; margin: 0; }
.dpointwrap .mypointarea .row::after { content: ''; display: block; position: absolute; top: 50%; left: -1px; transform: translateY(-50%); width: 1px; height: 55px; background-color: #ddd; }
.dpointwrap .mypointarea .title { font-size: 16px; }
.dpointwrap .mypointarea .mypoint { margin-top: 10px; color: #00bcd4; }
.dpointwrap .mypointarea .mypoint .material-icons { border-radius: 50%; margin-right: 6px; padding: 5px; color: #fff; background-color: #00bcd4; vertical-align: 3px; font-size: 19px; }
.dpointwrap .mypointarea .mypoint .num { line-height: 30px; font-size: 36px; letter-spacing: -0.04em; }
.dpointwrap .mypointarea .mypoint .num.mini { line-height: 36px; font-size: 28px; }
.dpointwrap .mypointarea .row .btn32 { margin-top: 6px; padding:0 17px; font-size:14px;}
.dpointwrap .cont { padding: 30px 0 100px; }
.dpointwrap .history .section .sectiontitle { padding: 0; border: 0; border-bottom: 1px solid #ddd; padding-top: 20px; margin: -1px 0 20px; background-color: #f1f1f1; }
.dpointwrap .history .section .sectiontitle .inner { position: absolute; bottom: -21px; left: 50%; transform: translateX(-50%); width: 110px; height: 41px; line-height: 38px; padding: 0; border: 1px solid #ccc; border-radius: 22px; font-size: 16px; color: #555; background-color: #fff; text-align: center; }
.dpointwrap .history ul{border:1px solid #ddd;}
.dpointwrap .history ul li { position: relative; padding: 24px 125px; background-color: #fff; border-top:1px solid #ddd; /*box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/ }
.dpointwrap .history ul li.plus { color: #00bcd4; }
.dpointwrap .history ul li.minus { color: #ff5722; }
.dpointwrap .history ul li:first-child { border: 0; }
.dpointwrap .history ul li .txt { color: #555; }
.dpointwrap .history ul li .stat { position: absolute; top: 50%; left: 15px; transform: translateY(-50%); width: 80px; height: 80px; line-height: 76px; border: 2px solid; border-radius: 50%; font-size: 18px; text-align: center; }
.dpointwrap .history ul li .date { color: #999; font-weight: 300; margin:0 0 6px; }
.dpointwrap .history ul li .title { width: 100%; line-height: 28px; font-size: 16px; color: #222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dpointwrap .history ul li .title a { color: inherit; }
.dpointwrap .history ul li .title a:hover { text-decoration: underline; }
.dpointwrap .history ul li .point { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); font-size: 16px; }
.dpointwrap .history .section .nocontents { margin-top: 40px; font-size: 20px; text-align: center; }

/*랜딩페이지*/
.landingpage { margin-top:-1px; /*padding-bottom:80px;*/ }
.landingpage .videarea { padding:30px 0; background-color:#222; }
.landingpage .videarea .videowrap { float:left; width:980px; overflow:hidden; }
.landingpage .videarea .videowrap iframe { display:block; }
.landingpage .videarea .txtwrap { float:left; width:220px; padding-left:24px; color:#fff; }
.landingpage .videarea .txtwrap .txtwrapheader { height:96px; line-height:40px; padding-bottom:10px; margin-bottom:47px; font-size:18px; }
.landingpage .videarea .txtwrap .txtwrapheader .title button { position:relative; width:100%; line-height:48px; padding:0; border-bottom:1px solid rgba(255,255,255, .8); font-size:20px; text-align:left; }
.landingpage .videarea .txtwrap .txtwrapheader .title .material-icons { top:50%; right:0; transform:translateY(-50%); }
.landingpage .videarea .txtwrap .txtwrapheader .material-icons { margin-right:2px; font-size: 24px; vertical-align: -5px;}
.landingpage .videarea .txtwrap .txtwrapheader button.shareBtn { top:50px; right:0; padding:0;  }
.landingpage .videarea .txtwrap .txtwrapheader .lookbooklist { position:absolute; top:49px; left:0; width:calc(100% + 1px); height:510px; padding-top:10px; background-color:#222; color:rgba(255,255,255, .9); opacity:0; visibility:hidden; z-index:1; }
.landingpage .videarea .txtwrap .txtwrapheader .lookbooklist.show { opacity:1; visibility:visible; }
.landingpage .videarea .txtwrap .txtwrapheader .lookbooklist ul { height:calc(100% - 20px); padding:10px 0 0; overflow:hidden; overflow-y:auto; }
.landingpage .videarea .txtwrap .txtwrapheader .lookbooklist li { position:relative; border-bottom:1px solid #333; font-size:15px; }
.landingpage .videarea .txtwrap .txtwrapheader .lookbooklist li:hover { color:#00bcd4; }
.landingpage .videarea .txtwrap .txtwrapheader .lookbooklist li a { color:inherit; }
.landingpage .videarea .txtwrap .txtwrapheader .lookbooklist li .material-icons { font-size:16px; vertical-align:-3px; margin-right:6px; }
.landingpage .videarea .txtwrap .looklist { position:relative; padding-top:6px; }
.landingpage .videarea .txtwrap .looklist .listtitle { position:relative; font-size:14px; margin-bottom:6px; font-weight:300; }
.landingpage .videarea .txtwrap .looklist .listtitle .material-icons { float:right; line-height:19px; }
.landingpage .videarea .txtwrap .looklist li {  float:left; width:100%; padding:5px 0; border-bottom:1px solid #333; }
.landingpage .videarea .txtwrap .looklist li:first-child { border-top:1px solid #333; margin-top:5px; }
.landingpage .videarea .txtwrap .looklist li:last-child { border-bottom:0; padding-bottom:0; }
.landingpage .videarea .txtwrap .looklist li a { position:relative; display:block; height:52px; padding:15px 0 0 132px; color:inherit; font-size:14px; font-weight:500; }
.landingpage .videarea .txtwrap .looklist li a .looktxt { position:absolute; right:0;  text-align:right; font-size:16px; top:10px; width:120px; letter-spacing:-1px;}
.landingpage .videarea .txtwrap .looklist li a .looktxt::after { position:absolute; top:0; left:-10px; display:block;}
.landingpage .videarea .txtwrap .looklist li a .subtxt { font-size:12px; font-weight:300; white-space:nowrap; color:#999; letter-spacing:0; text-transform:uppercase;}
.landingpage .videarea .txtwrap .looklist li .lookimgwrap { position:absolute; top:0; left:0; width: 80px; height:52px; overflow:hidden; background:#555 url('/common/images/icons/ic_wallpaper_dibidibi.png') no-repeat center center; background-size:80%; }
.landingpage .videarea .txtwrap .looklist li .lookimg { width:100%; height:100%; background: url() no-repeat 50% 50%; background-size:cover; transition:.2s; }
.landingpage .videarea .txtwrap .looklist li:hover { color:#00bcd4; }
.landingpage .videarea .txtwrap .looklist li:hover .lookimg { transform:scale(1.15); }
.landingpage .videarea .txtwrap .looklist li:nth-child(1) .lookimg { background-image:url(/Common/images/lookbook/lookbook_thumb_1.png); }
.landingpage .videarea .txtwrap .looklist li:nth-child(2) .lookimg { background-image:url(/Common/images/lookbook/lookbook_thumb_2.png); }
.landingpage .videarea .txtwrap .looklist li:nth-child(3) .lookimg { background-image:url(/Common/images/lookbook/lookbook_thumb_3.png); }
.landingpage .videarea .txtwrap .looklist li:nth-child(4) .lookimg { background-image:url(/Common/images/lookbook/lookbook_thumb_4.png); }
.landingpage .videarea .txtwrap .looklist li:nth-child(5) .lookimg { background-image:url(/Common/images/lookbook/lookbook_thumb_5.png); }
.landingpage .videarea .txtwrap .looklist li:nth-child(6) .lookimg { background-image:url(/Common/images/lookbook/lookbook_thumb_6.png); }
.landingpage .landingtitle { padding:44px 0; text-align:center; letter-spacing:-0.04em; color:#222; }
.landingpage .landingtitle .title { display:inline-block; line-height:88px; font-size:50px; font-weight:700; }
.landingpage .landingtitle .subtitle { margin-top:16px; font-size:34px; }
.landingpage .landingtitle .contour { vertical-align: -4px; width: 5px; height: 46px; background-color: #222; }
.landingpage .contentarea { position:relative; padding:0.1px 0.1px 80px; }
.landingpage .contentarea.block { pointer-events: none; }
.landingpage .contentarea.block::before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, .5); z-index: 6; }
.landingpage .contentarea.block::after { content: '종료된 기획전입니다.'; display: block; position: absolute; top: 78px; left: 50%; transform: translateX(-50%); line-height: 88px; padding: 0 35px; border-radius: 3px; font-size: 44px; font-weight: 700; background-color: #222; color: #fff; z-index: 6; }
.landingpage .pagelist .btnwrap { position:absolute; top:-53px; right:0; }
.landingpage .pagelist .dealcard .seller { border-top-color:#eee; }

.landingpage .pagelist .btnwrap .swiperbtn { top:244px; opacity:1; }
.landingpage .headtitle .shareBtn { top:auto; bottom:2px; width:28px; height:28px; line-height:28px; padding:0; border:1px solid #f6f6f6; }
.landingpage .headtitle .shareBtn .material-icons { font-size:14px; }
.landingpage .txthead.big { height:auto; line-height:62px; margin-bottom:0; color:#222; font-size:26px; }
.landingpage .txthead .time { font-size:14px; color:#828282; margin-left:22px; vertical-align:2px; }
.landingpage .txthead .time .material-icons { margin-right:2px; vertical-align:-6px; }
.landingpage .section { position:relative; padding:32px 0 50px; }
.landingpage .section:first-child { border-top:0; }
.landingpage .section .sectionvideo { display:inline-block; float:left; width:282px; height:477px; margin:5px 0; overflow:hidden; }
.landingpage .section .sectionvideo video { position:relative; top:-3px; left:-3px; width:288px; height:454px; }

.landingpage .relationproduct ul { margin:15px -12px 0; }
.landingpage .relationproduct li { float:left; width:25%; padding:0 12px; }
.landingpage .relationproduct li .inner { position:relative; padding:12px 0 0 135px; height:120px; letter-spacing:-0.02em; }
.landingpage .relationproduct li .bgthumb {  position:absolute; top:0; left:0; width:120px; height:120px; background:#f1f1f1 url('/common/images/icons/ic_wallpaper_dibidibi.png') no-repeat center center; background-size:60%; }
.landingpage .relationproduct li .thumb { width:100%; height:100%; background:#ddd url() no-repeat 50% 50%; background-size:cover; }
.landingpage .relationproduct li .brand {line-height:22px; margin-bottom:10px; font-size:18px; font-weight:500; color:#222; }
.landingpage .relationproduct li .gpnm { color:#333; }
.landingpage .commentarea .inputarea { padding:20px 20px 8px 20px; border:1px solid #ddd; margin:10px 0; text-align:right; }
.landingpage .commentarea .inputarea .replycommentnm { margin-bottom:10px; color:#00bcd4; }
.landingpage .commentarea .inputarea .replycommentnm .closebtn { border:0; padding:0; margin-left:5px; }
.landingpage .commentarea .inputarea .replycommentnm .closebtn .material-icons { padding:3px; margin-left:-4px; font-size:13px; color:#555; background-color:#f1f1f1; border-radius:50%; vertical-align:-2px; }
.landingpage .commentarea .inputarea textarea { display:block; width:100%; height:80px; border:none; border-bottom:1px solid #eee; padding:0; text-align:left; box-shadow:none; resize:none; }
.landingpage .commentarea .inputarea .stdbtn { margin-top:8px; }
.landingpage .commentarea ul { margin:10px 0; }
.landingpage .commentarea li { position: relative; padding: 15px 70px; border-bottom:1px solid #eee; }
.landingpage .commentarea li:last-child { border-bottom:0; }
.landingpage .commentarea li .commentli { position:relative; }
.landingpage .commentarea li .writerinfo { padding-top:4px; }
.landingpage .commentarea li .bgthumb { position:absolute; top:0; left:-70px; width:60px; height:60px; border-radius:50%; background:#f1f1f1 url('/common/images/icons/ic_wallpaper_dibidibi.png') no-repeat center center; background-size:80%; }
.landingpage .commentarea li .thumb { width:100%; height:100%; border-radius:50%; background:url() no-repeat 50% 50%; background-size:cover; }
.landingpage .commentarea li .id { line-height:28px; color:#222; font-size:16px; font-weight:500; }
.landingpage .commentarea li .regline { margin-top:3px; font-size:12px; font-weight:300; color:#999; }
.landingpage .commentarea li .regline button { padding:0; font-size:inherit; font-weight:500; }
.landingpage .commentarea li .regline .material-icons { font-size:16px; vertical-align:-4px; }
.landingpage .commentarea li .regline span { position:relative; margin-right:20px; }
.landingpage .commentarea li .regline span::after { content:''; display:block; position:absolute; top: 4px; right: -12px; width: 1px; height: 12px; background-color:#ddd; }
.landingpage .commentarea li .regline span:last-child::after { display:none; }
.landingpage .commentarea li .replycommentwrap { margin-top:22px; }
.landingpage .commentarea li .commentli.replycomment { margin-top:10px; padding-left:55px; }
.landingpage .commentarea li .commentli.replycomment .bgthumb { left:0; width:45px; height:45px; }
.landingpage .commentarea li .commentli.replycomment .writerinfo { padding-top:0; }
.landingpage .commentarea li .commentli.replycomment .id { line-height:24px; font-size:14px; color:#222; }
.landingpage .commentarea li .commentli.replycomment .regline { margin-top:1px; }
.landingpage .commentarea li .commentli.replycomment .date { font-size:12px; }
.landingpage .commentarea li .commentli.replycomment .material-icons { font-size:15px; vertical-align:-3px; }

.landingpage .commentarea .addbtn { width:100%; height:42px; line-height:40px; padding:0; border:1px solid #ddd; }

.landingpagenav { position:relative; text-align:right; opacity:0; visibility:hidden; }
.landingpagenav.show { opacity:1; visibility:visible; transition:opacity ease .2s; }

/*lookbook1*/
.landingpage.lookbook1 .pagelist { float:right; position:relative; width:894px; display:inline-block; }
.landingpage.lookbook1 .pagelist .dealcard ul li { margin-bottom:10px; }
.landingpage.lookbook1 .pagelist .dealcard ul li:nth-child(4n) { margin-right:24px; }
.landingpage.lookbook1 .pagelist .dealcard ul li:last-child { margin-right:0; }
/*lookbook2*/
.landingpage.lookbook2 .landingtitle .subtitle { margin:28px 0 8px; }
.landingpage.lookbook2 .section { padding:80px 0; }
.landingpage.lookbook2 .section.relationproduct { padding-bottom:100px; margin-top:20px; background-color:#f9f9f9; }
.landingpage.lookbook2 .adbanner a { height:400px; background:#063f76 url(/Common/images/lookbook/lookbook2_landingphoto.jpg) no-repeat 50% 50%; cursor:default; }
.landingpage.lookbook2 .videarea .txtwrap .looklist { padding-top:20px; }
.landingpage.lookbook2 .videarea .txtwrap .looklist li .lookimgwrap { height:80px; }
.landingpage.lookbook2 .videarea .txtwrap .looklist li a { height:80px; }
.landingpage.lookbook2 .videarea .txtwrap .looklist li a .looktxt { top:50%; transform:translateY(-50%); display:block; width:110px; word-break:keep-all; }
.landingpage.lookbook2 .videarea .txtwrap .looklist li a .looktxt .gpnm { max-height:36px; padding-right:1px; overflow:hidden; }
.landingpage.lookbook2 .relationproduct li:nth-child(4) .thumb { background-size:85% auto; background-color:#fff; }
.landingpage.lookbook2 .adbanner { position:relative; }
.landingpage.lookbook2 .adbanner .lookbook2link { position:absolute; top:20px; left:0; right:0; bottom:0; }
.landingpage.lookbook2 .adbanner .lookbook2link .link { position:absolute; width:auto; height:auto; background:none; cursor:pointer; }
.landingpage.lookbook2 .adbanner .lookbook2link .link1 { top:0; left:0; width:185px; height:250px; }
.landingpage.lookbook2 .adbanner .lookbook2link .link2 { top:0; left:355px; width:240px; height:150px; }
.landingpage.lookbook2 .adbanner .lookbook2link .link3 { top:0; left:605px; width:400px; height:400px; }
.landingpage.lookbook2 .adbanner .lookbook2link .link4 { top:0; right:65px; width:120px; height:195px; }
.landingpage.lookbook2 .adbanner .lookbook2link .link5 { bottom:0; left:0; width:185px; height:140px; }
.landingpage.lookbook2 .adbanner .lookbook2link .link6 { bottom:0; left:195px; width:270px; height:240px; }
.landingpage.lookbook2 .adbanner .lookbook2link .link7 { bottom:0; left:475px; width:120px; height:240px; }
.landingpage.lookbook2 .adbanner .lookbook2link .link8 { bottom:0; right:0; width:185px; height:195px; }


/*내가 구매한상품 공유하기*/
.myproductshare { margin-top:10px; }
.myproductshare li { padding:15px; border-bottom:1px solid #eee; margin-bottom:10px; background-color:#fff; box-shadow:0 1px 3px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.1); }
.myproductshare li .inner { position:relative; padding:0 0 0 58px; }
.myproductshare li .bgthumb { position:absolute; top:0; left:0; width:48px; height:48px; background:#ebebeb url('/common/images/icons/ic_wallpaper_dibidibi.png') center center no-repeat; background-size:80%; }
.myproductshare li .thumb { width:100%; height:100%; background:url() no-repeat 50% 50%; background-size:cover; }
.myproductshare li .gpnm { width:calc(100% - 50px); font-size:15px; font-weight:500; color:#222; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.myproductshare li .totalinflownum { color:#00bcd4; }
.myproductshare li .rcontent { right:0; }
.myproductshare li .sharebtn { padding:0; }
.myproductshare li .sharebtn .material-icons { border:1px solid #ddd; padding:5px; color:#828282; font-size:21px; }
.myproductshare li .sharebtn:hover .material-icons { color:#555; }
.myproductshare li .inflowchannellist { margin-top:15px; padding-top:5px; border-top:1px solid #eee; }
.myproductshare li .inflowchannellist .inflowchannel { position:relative; float:left; width:20%; display:inline-block; padding:0 10px 0 44px; margin-top:10px; }
.myproductshare li .inflowchannellist .inflowchannel .bgthumb { width:34px; height:34px; border-radius:50%; background: #f1f1f1 url('/common/images/icons/ic_wallpaper_dibidibi.png') center center no-repeat; background-size:80%; }
.myproductshare li .inflowchannellist .inflowchannel .thumb { width:100%; height:100%; border-radius:50%; background:url() no-repeat 50% 50%; background-size:cover; -webkit-filter: grayscale(70%); filter: gray; } 
.myproductshare li .inflowchannellist .inflowchannel.naverblog .thumb { background-image:url(/Common/images/icons/iconsns_blog.png); }
.myproductshare li .inflowchannellist .inflowchannel.facebook .thumb { background-image:url(/Common/images/icons/iconsns_facebook.png); }
.myproductshare li .inflowchannellist .inflowchannel.kakao .thumb { background-image:url(/Common/images/icons/iconsns_kakao.png); }
.myproductshare li .inflowchannellist .inflowchannel.navercafe .thumb { background-image:url(/Common/images/icons/iconsns_cafe.png); }
.myproductshare li .inflowchannellist .inflowchannel.naverband .thumb { background-image:url(/Common/images/icons/iconsns_band.png); }
.myproductshare li .inflowchannellist .inflowchannel .num { position:absolute; top:-5px; left:-5px; transform:scale(.9); width:16px; height:16px; line-height:16px; border-radius:50%; font-size:10px; background-color:#222; color:#fff; text-align:center; }
.myproductshare li .inflowchannellist .inflowchannel .channelnm { line-height:16px; color:#333; font-size:13px; }
.myproductshare li .inflowchannellist .inflowchannel .inflownum { color:#00bcd4; }
.myproductshare li:hover .inflowchannellist .inflowchannel .thumb {  -webkit-filter: grayscale(0); filter: none; }

/*공유하기팝업*/
.shareppwrap .pptitle { padding: 0 0 15px 0; font-size: 20px; color: #222; font-weight: 300; margin-top: -6px; letter-spacing: -1px; text-align:left; }
.shareppwrap .swiper-container { width:480px; }
.shareppwrap .iconLi ul { margin: 20px 0 30px; }
.shareppwrap .iconLi li { display: inline-block; }
.shareppwrap .iconLi li button { width: 72px; height: 72px; border-radius: 50%; margin: 0 12px; background-image: url(); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; }
.shareppwrap .iconLi li .kakaotalk { background-image: url(/Common/images/icons/iconsns_kakaotalk2.png); background-color: #ffe812; background-size: 90%; }
.shareppwrap .iconLi li .kakaostory { background-image: url(/Common/images/icons/iconsns_kakaostory.png); }
.shareppwrap .iconLi li .facebook { background-image: url(/Common/images/icons/iconsns_facebook.png); }
.shareppwrap .iconLi li .twiter { background-image: url(/Common/images/icons/iconsns_twitter.png); }
.shareppwrap .iconLi li .band { background-image: url(/Common/images/icons/iconsns_band.png); }
.shareppwrap .iconLi li .line { background-image: url(/Common/images/icons/iconsns_line.png); background-size: 140%; }
.shareppwrap .iconLi li .naverblog { background-image: url(/Common/images/icons/iconsns_blog.png); }
.shareppwrap .iconLi li .instagram { background-image: url(/Common/images/icons/iconsns_instagram.png); }
.shareppwrap .iconLi li .youtube { background-image: url(/Common/images/icons/iconsns_youtube.png); border:1px solid #eee; }
.shareppwrap .iconLi li .navercafe { background-image: url(/Common/images/icons/iconsns_cafe.png); }
.shareppwrap .iconLi li .pinterest { background-image: url(/Common/images/icons/iconsns_pinterest.png); }
.shareppwrap .iconLi li .nateon { background-image: url(/Common/images/icons/iconsns_nateOn.png); border:1px solid #eee; }
.shareppwrap .iconLi li .telegram { background-image: url(/Common/images/icons/iconsns_telegram.png); background-size:122%; }
.shareppwrap .iconLi li .whatsapp { background-image: url(/Common/images/icons/iconsns_WhatsApp.png); background-size:170%; }
.shareppwrap .iconLi li .slack { background-image: url(/Common/images/icons/iconsns_slack.png); border:1px solid #eee; }
.shareppwrap .iconLi li .snapchat { background-image: url(/Common/images/icons/iconsns_snapchat.png); background-size:115%; }
.shareppwrap .iconLi li .qq { background-image: url(/Common/images/icons/iconsns_QQ.png); }
.shareppwrap .iconLi li .tiktok { background-image: url(/Common/images/icons/iconsns_tiktok.png); background-color:#010101; background-size:70%; }
.shareppwrap .shareUrl { position: relative; }
.shareppwrap .shareUrl .material-icons { position: absolute; top: 0; left: 0; width: 50px; height: 50px; line-height: 50px; background-color: #999; color: #fff; font-size: 37px; }
.shareppwrap .shareUrl input { width: 100%; height: 50px; padding: 10px 80px 10px 60px; border: 1px solid #ddd; font-size: 18px; }
.shareppwrap .shareUrl button { position: absolute; top: 0; right: 0; height: 50px; padding: 0 18px; color: #fff; background-color: #00bcd4; border-color: transparent; font-weight: 400; box-shadow: none; }
.shareppwrap .shareUrl button:hover { background: #0d9fb9; }
.shareppwrap .shareppslide { margin-top:20px; }
.shareppwrap .shareppslide .iconLi ul { width:990px; height:74px; margin:15px 0; white-space:nowrap; overflow:hidden; }
.shareppwrap .shareppslide .iconLi li { margin-right:24px; }
.shareppwrap .shareppslide .iconLi li:last-child { margin:0; }
.shareppwrap .shareppslide .iconLi li button { margin:0; }
.shareppwrap .scrollbar-dynamic > .scroll-element.scroll-x { opacity:0; visibility:hidden; transition:.2s; }
.shareppwrap .scrollbar-dynamic:hover > .scroll-element.scroll-x { opacity:1; visibility:visible; }
.shareppwrap .scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer { height:15px !important; }
.shareppwrap .scrollbar-dynamic > .scroll-element .scroll-element_size { background-color:#f1f1f1; }
.shareppwrap .scrollbar-dynamic > .scroll-element .scroll-bar { background-color:#ccc; }

/*챌린지딜*/
.progresswrap { /*width:100%; padding:0 24px;*/ }
.progresswrap .state { position:relative; margin-bottom:6px; color:#222; }
.progressbar { position:relative; width:100%; padding:3px 0; border-radius:22px; }
.progressbar .inner { position:relative; height:25px; border-radius:12px; }
.progressbar .bg { position:absolute; top:0; left:0; width:100%; height:100%; border-radius:12px; overflow:hidden; }
.progressbar .bg .stepcolor { float:left; width:20%; height:100%; }
.progressbar .bg .stepcolor::after { display:block; content:''; clear:both; }
.progressbar .bg .stepcolor .processinner { height:100%; } 
.progressbar .bg .stepcolor:first-child .processinner { margin-left:-1px; }
.progressbar .bg .stepcolor:last-child .processinner { margin-right:-2px; }
.progressbar .bg .stepcolor .process { float:left; width:20%; height:100%; padding:0 1px; }
.progressbar .bg .stepcolor .process > span { width:100%; height:100%; }
.progressbar .bg .stepcolor:first-child .process > span { background-color:#722fdb; }
.progressbar .bg .stepcolor:nth-child(2) .process > span { background-color:#f7931f; }
.progressbar .bg .stepcolor:nth-child(3) .process > span { background-color:#ffcc4c; }
.progressbar .bg .stepcolor:nth-child(4) .process > span { background-color:#a2b969; }
.progressbar .bg .stepcolor:nth-child(5) .process > span { background-color:#4cc1ef; }
.progressbar .location { position:relative; height:100%; margin:0 -1px; border-radius:13px; overflow:hidden; }
.progressbar .location.dealstatus::after { content:'딜 종료'; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0, .5); color:rgba(255,255,255,.8); text-align:center; line-height:25px; }
.progressbar .currentlocation { position:absolute; top:0; bottom:0; right:0; max-width:100%; background-color:rgba(255, 255, 255, .75); transition:width ease 2s; transition-delay:1s; }
.progressbar .currentlocation.width100 { width:100% !important; }

/*챌린지원형프로그래스*/
.progresswrap .circleprogress { position:absolute; top:18px; left:25px; width:80px; height:80px; }
.progresswrap .circleprogress svg.radial-progress { width:80px; }
.progresswrap .circleprogress svg.radial-progress circle { stroke:#ddd; opacity:1; }
.progresswrap .circleprogress svg.radial-progress circle.complete { stroke:#722fdb; }
.progresswrap .circleprogress svg.radial-progress text { fill:#222; font-size:10px; }
.progresswrap .circleprogress .material-icons { font-size:24px; color:#333; }

/*이벤트페이지*/
.eventpage .scrollmenu { position:fixed; top:64px; left:0; width:100%; color:#555; background-color:#e6dbc7; opacity:0; visibility:hidden; z-index:2; transition:0s; }
.eventpage .scrollmenu.show { opacity:1; visibility:visible; transition:.3s; }
.eventpage .scrollmenu li { display:inline-block; line-height:54px; padding:0 20px; font-size:16px; }
.eventpage .scrollmenu li a { color:inherit; }
.eventpage .scrollmenu .menuarea li:hover a { text-decoration:underline; }
.eventpage .scrollmenu .advertising { position:absolute; top:0; right:0; height:54px; }
.eventpage .scrollmenu .advertising .swiper-container.vertical { display:inline-block; width:280px; padding-left:40px; }
.eventpage .scrollmenu .advertising .swiper-container.vertical::after { content:''; display:block; position:absolute; top:51%; left:0; transform:translateY(-50%); width:1px; height:36px; background-color:#bbb; }
.eventpage .scrollmenu .advertising li { padding:0; line-height:1.3; font-size:14px; }
.eventpage .scrollmenu .advertising li a { position:relative; display:block; width:100%; padding:0 0 0 60px; }
.eventpage .scrollmenu .advertising li img { position:absolute; top:50%; left:10px; transform:translateY(-50%); width:40px; }
.eventpage .scrollmenu .advertising li .txt { position:relative; }
.eventpage .scrollmenu .advertising li .gpnm { font-size:12px; color:#333; }
.eventpage .scrollmenu .advertising li .price { color:#333; }
.eventpage .scrollmenu .advertising li .linethrough { opacity:.6; }
.eventpage .scrollmenu .advertising li .rightarrow { font-size:19px; vertical-align:-4px; }
.eventpage .scrollmenu .advertising li .best { position:absolute; top:0; left:-86px; height:14px; line-height:13px; font-size:10px; padding:0 5px; background-color:#f00; color:#fff; border-radius:20px; text-transform:uppercase; transform:scale(.9);}
.eventpage .scrollmenu .scrolltop { color: #555; background-color: #ccc; }
.eventpage .section { position:relative; background-color:#fff; }
.eventpage .sectionclose { background-color:#0050ff; }
.eventpage .sectionclose .end { position:absolute; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,.85); }
.eventpage .sectionclose .end img { position:absolute; top:26%; left:50%; transform:translateX(-50%); }
.eventpage .section .bgwrap { position:absolute; top:0; left:0; right:0; bottom:0; }
.eventpage .section .wbox { position:relative; overflow:hidden; }
.eventpage .section .imgwrap { margin:0 -60px; }
.eventpage .section .img { display:block; width:100%; }
.eventpage .section .productbtn { position:absolute; width:586px; height:734px; }
.eventpage .section .morebtn { position:absolute;  left:50%; transform:translateX(-50%); width:170px; height:58px; }
.eventpage .section .togglebtn { position:absolute; left:50%; transform:translateX(-50%); z-index: 3; }
.eventpage .section .goevent { position:absolute; left:50%; transform:translateX(-50%); width:1200px; height:128px; }
.eventpage .section .reallybtn { position:absolute; left:50%; transform:translateX(-50%); width:1200px; height:140px; line-height:140px; background-color:#222; color:#fff; font-size:56px; font-weight:700; border-radius:20px; text-align:center; }
.eventpage .section .reallybtn .material-icons { font-size:72px; vertical-align:-12px; }
.eventpage .section .dealstatus { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0, .5); z-index: 3; }
.eventpage .section .dealstatus > span { position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; color:#fff; font-size:22px; font-weight:500; text-align:center; opacity:1; }
.eventpage .moreviewppwrap { position:fixed; top:0; left:0; right:0; bottom:0; opacity:0; visibility:hidden; transition:0s; z-index:2; }
.eventpage .moreviewppwrap.show { opacity:1; visibility:visible; transition:.3s; }
.eventpage .moreviewppwrap .moreviewppbg { position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.3);  }
.eventpage .moreviewppwrap.moreviewtoggle { position:absolute; }
.eventpage .moreviewppwrap.moreviewtoggle .moreviewpp { text-align: center; font-size: 32px; line-height: 1.3; padding: 100px 50px 80px; }
.eventpage .moreviewpp { position:absolute; top:calc(50% + 32px); left:50%; transform:translate(-50%, -50%); padding:50px; width:600px; max-height:calc(100vh - 100px); background-color:#fff; box-shadow:0 0 5px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.2); word-break:keep-all; overflow:hidden; overflow-y:auto; }
.eventpage .moreviewpp .closebtn { position:absolute; top: 15px; right:15px; padding:0; }
.eventpage .moreviewpp .title { position:relative; font-size:18px; color:#222; margin:0 0 24px; }
.eventpage .moreviewpp .title span { color:#0050ff; font-weight:700; margin-right:5px; }
.eventpage .moreviewpp .title img { position:absolute; top:-17px; left:-28px; width:58px; background:url(/Common/images/event/Toss/icon_toss.png) no-repeat 50% 50%; background-size:cover; opacity:.5; }
.eventpage .moreviewpp .boldunderline { position:relative; display:inline-block; z-index:1; }
.eventpage .moreviewpp .boldunderline::before { content:''; display:block; position:absolute; bottom:0; left:-2px; right:-2px; height:16px; background-color:rgba(255, 40, 40, .2); }
.eventpage .moreviewpp li { position:relative; padding:0 0 0 10px; margin:6px 0; color: #333; }
.eventpage .moreviewpp li:last-child { margin-bottom:0; }
.eventpage .moreviewpp li::after { content:'-'; display:block; position:absolute; top:0; left:0; }
.eventpage .moreviewpp li .desc { line-height:16px; font-size:12px; color:#27a9e3; }
.eventpage .moreviewpp li .rightarrow { font-size:15px; vertical-align:-2px; }
.eventpage .moreviewpp .stdbtn.small { line-height:24px; }

/*토스프로모션*/
.eventpage.tossevent .scrollmenu .advertising .tossbenefits { display:inline-block; height:100%; line-height:17px; margin-right:12px; padding-top:10px; font-size:13px; font-weight:500; color:#0050ff; text-align:right; vertical-align:top; }
.eventpage.tossevent .scrollmenu .advertising li.carrier img { left:6px; width:45px; }
.eventpage.tossevent .scrollmenu .advertising li.starbucks img { left:8px; width:49px; }
.eventpage.tossevent .scrollmenu .advertising li.kakao img { left:13px; } 
.eventpage.tossevent .scrollmenu .advertising li.foodassemble img { left:12px; }
.eventpage.tossevent .section1 { background-color:#0050ff; }
.eventpage.tossevent .section3 { background-color:#00bcd5; }
.eventpage.tossevent .section5 { background-color:#006634; }
.eventpage.tossevent .section .productbtn.productbtn1 { left:0; bottom:2459px; }
.eventpage.tossevent .section .productbtn.productbtn2 { right:0; bottom:2459px; }
.eventpage.tossevent .section .productbtn.productbtn3 { left:0; bottom:1697px; }
.eventpage.tossevent .section .productbtn.productbtn4 { right:0; bottom:1697px; }
.eventpage.tossevent .section2 .morebtn { bottom:466px;}
.eventpage.tossevent .section3 .morebtn { bottom:60px;}
.eventpage.tossevent .section1 .goevent.gohome { bottom:1540px; }
.eventpage.tossevent .section5 .goevent.facebook { bottom:238px; }
.eventpage.tossevent .section5 .goevent.instagram { bottom:80px; }

/*리뷰이벤트*/
.eventpage.reviewevent .section .bgwrap .bg1 { height:900px; background:#c6df69 url(/Common/images/event/ReviewEvent/reviewEvent_bg.png) no-repeat 50% 50%;  }
.eventpage.reviewevent .section .bgwrap .bg2 { height:2210px; background-color:#5abfad; }
.eventpage.reviewevent .section .bgwrap .bg3 { height:260px; background-color:#f1f1f1; }
.eventpage.reviewevent .section1 .goevent.review { bottom:338px; width:602px; height:152px; border:0; /*border:1px solid #f00;*/ border-radius:76px; }

/*챌린지딜티저이벤트*/
.eventpage.challengedealteaser { background-color:#222; }
.eventpage.challengedealteaser .section .imgwrap { margin: 0; background: #222; }
.eventpage.challengedealteaser .section .imgwrap .img { width: 80%; margin: 0 auto; }
.eventpage.challengedealteaser .section .imgwrap.clickbtn { width: 80%; margin: 0 auto; background-color: #ff2828; padding: 15px 45px;}
.eventpage.challengedealteaser .section .imgwrap.clickbtn .img { display: inline-block; width: 50%; margin: 0 -1px; transition: .3s; cursor: pointer; }
.eventpage.challengedealteaser .section .goevent { position: relative; width: 100%; height: auto; cursor: pointer; padding-bottom: 120px; background: #ff2828;}
.eventpage.challengedealteaser .section3 .morebtn { bottom:610px; }
.eventpage.challengedealteaser .morebtn { width: 240px; height: 60px; }
.eventpage.challengedealteaser .moreviewtoggle .moreviewpp { top: 1360px; width: 1100px; height: 470px; border-radius: 20px; color: #222;}
.eventpage.challengedealteaser .moreviewtoggle .moreviewpp .closebtn { position:absolute; top: 405px; left: 50%; height: 48px; padding:0; transform: translate(-50%, 0); }
.eventpage.challengedealteaser .moreviewtoggle .moreviewpp .closebtn i { font-size: 48px; }
.eventpage.challengedealteaser .moreviewtoggle .moreviewpp p.bbold::after { content:''; display:block; position:absolute; left:50%; transform: translate(-50%, -32px); width: 440px; height:30px; background-color:#ff2828; opacity: 0.2; z-index:-1; }
.eventpage.challengedealteaser .moreviewpp .title.big { text-align: center; font-size: 32px; }
.eventpage.challengedealteaser .moreviewpp .title span { color:#ff2828; font-weight:700; margin-right:5px; }
.eventpage.challengedealteaser .moreviewpp li .desc { color: #999; }
.eventpage.challengedealteaser .moreviewpp p { font-size: 20px; margin-top: 36px;}

/*수직슬라이드*/
.swiper-container.vertical { width: 100%; height: 100%; }
.swiper-container.vertical .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }

/*챌린지딜팝업*/
.challengeinfopp .pptitle { font-size:28px; color:#722fdb; font-weight:700; }
.challengeinfopp .ppli .title { position:relative; height:38px; line-height:52px; margin-top:10px; font-size:18px; font-weight:700; color:#222; }
.challengeinfopp .ppli .title .stdbtn { right:0; }
.challengeinfopp .ppli ul li { position:relative; line-height:19px; padding:0 0 0 9px; margin:12px 0; font-size:15px; }
.challengeinfopp .ppli ul li::after { content:''; display:block; position:absolute; top:8px; left:0; width:3px; height:3px; border-radius:50%; background-color:#333; }
.challengeinfopp .ppli ul ul li { margin:0 0 0 -9px; }
.challengeinfopp .ppli ul ul li::after { content:'-';top:0; color:inherit; width:auto; height:auto; background-color:transparent; }
.challengeinfopp .ppli ul li .txtpoint { margin-bottom:4px; font-weight:700; color:#222; }
.challengeinfopp .ppli .desc { margin:4px 0; line-height:14px; font-size:12px; color:#888; }
.challengeinfopp .ppli .desc li { font-size:inherit; line-height:inherit; font-size:inherit; }
.challengeinfopp .ppli.small ul li { font-size:14px; }
.challengeinfopp .ppli.small .desc li { font-size:12px; }
.challengeinfopp .ppli .rcontent.btn_challengecolor { top:auto; bottom:0; right:0; }
.challengeinfopp .ppslide { position:relative; }
.challengeinfopp .ppslide .slideinfo li { width:100%; height:400px; background-color:#3a3937; color:#eee; }
.challengeinfopp .ppslide .slideinfo li.bggreen { background-color:#009fbd; color:#fff; }
.challengeinfopp .ppslide .slideinfo li.bgdeepblue { background-color:#1f4e79; }
.challengeinfopp .ppslide .slideinfo li.bgdeepblack { background-color:#222; }
.challengeinfopp .ppslide .slideinfo li .txt { position:absolute; top:45%; left:0; transform:translateY(-50%); width:100%; padding:40px; text-align:left; letter-spacing:-0.04em; line-height:1.2; }
.challengeinfopp .ppslide .slideinfo li .txt .title { margin-bottom:18px; font-size:28px; font-weight:500; }
.challengeinfopp .ppslide .slideinfo li .txt .desc { font-size:20px; margin-bottom:18px; }
.challengeinfopp .ppslide .slideinfo li .txt .desc.txtbottom { margin:18px 0 0; } 
.challengeinfopp .ppslide .slideinfo li .txt .roundtxt { display:inline-block; height:54px; line-height:52px; font-size:36px; font-weight:700; padding:0 20px; background-color:#ff6600; color:#fff; border-radius:50px; }
.challengeinfopp .ppslide .slideinfo li .bgwrap { position:absolute; top:0; left:0; right:0; bottom:0; }
.challengeinfopp .ppslide .slideinfo li .bgwrap .bg { position:absolute; }
.challengeinfopp .ppslide .slideinfo li.slide1 .bgwrap .bg { width:18%; }
.challengeinfopp .ppslide .slideinfo li.slide1 .bgwrap .bg1 { top:-18%; right:17%; }
.challengeinfopp .ppslide .slideinfo li.slide1 .bgwrap .bg2 { bottom:-24%; right:31%; }
.challengeinfopp .ppslide .slideinfo li.slide1 .bgwrap .bg3 { bottom:-24%; right:3%; }
.challengeinfopp .ppslide .slideinfo li.slide2 .bgwrap .bg1 { bottom:10%; right:6%; width:50%; }
.challengeinfopp .ppslide .slideinfo li.slide3 .bgwrap .bg1 { width:27.4%; top:4%; right:2.8%; }
.challengeinfopp .ppslide .slideinfo li.slide4 .bgwrap .bg1 { width:18%; bottom:4%; right:21%; }
.challengeinfopp .ppslide .slideinfo li.slide4 .bgwrap .bg2 { width:27.4%; top:4%; right:3%; }
.challengeinfopp .ppslide .slideinfo li.slide5 .bgwrap .bg1 { width:16%; bottom:5%; right:22%; }
.challengeinfopp .ppslide .slideinfo li.slide5 .bgwrap .bg2 { width:27.4%; top:4%; right:3%; }
.challengeinfopp .ppslide .slideinfo li.slide6 .bgwrap .bg2 { width:24%; top:6%; right:14%; }
.challengeinfopp .ppslide .slideinfo li.slide6 .bgwrap .bg3 { width:14%; bottom:10%; right:7%; }
.challengeinfopp .ppslide .swiper-pagination { bottom:10px; left:0; width:100%; text-align:center; }
.challengeinfopp .ppslide .swiper-pagination .swiper-pagination-bullet { margin:0 2px; outline:none; }
.challengeinfopp .ppslide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color:#999; opacity:.5;  }
.challengeinfopp .ppslide .swiper-prev.circle .material-icons, .challengeinfopp .ppslide .swiper-next.circle .material-icons { font-size:28px; text-align:left; padding:0 3px; }
.challengeinfopp .ppslide .swiper-prev.circle .material-icons { text-align:right; }
.challengeinfopp .challengestepdesc { line-height:1.25; border-radius:0; margin-bottom:20px; background-color:#f6f6f6; }
.challengeinfopp .challengestepdesc .title { font-size:20px; }
.challengeinfopp .challengestepdesc li .imgarea .material-icons { font-size:42px; }
.challengeinfopp .challengestepdesc li .arrow { top:calc((100% - 40px) / 2); left:112%; font-size:40px; }
.challengeinfopp .challengestepdesc li .desc { font-size:16px; }

/*챌린지동그라미아이콘*/
.challengecircleicon { border-radius: 50%; padding: 2px; background-color: #722fdb; color: #fff; font-size: 12px; }

/*챌린지딜 동그라미 설명*/
.challengestepdesc { background-color: #fff; border-radius: 20px; padding: 40px; color: #333; text-align:center; }
.challengestepdesc .title { font-size:24px; margin-bottom:40px; color:#222; }
.challengestepdesc ul { position:relative; }
.challengestepdesc ul::after { content:''; display:block; clear:both; }
.challengestepdesc li { position:relative; float:left; width:17.5%; margin-right:10%; }
.challengestepdesc li .arrow { position:absolute; top:calc((100% - 45px) / 2); left:114%; transform:translateY(-50%); font-size:50px; color:#222; }
.challengestepdesc li:last-child { margin-right:0; }
.challengestepdesc li .imgarea { position:relative; border-radius:50%; border:2px solid #222; }
.challengestepdesc li .imgarea::after { content:''; display:block; padding-top:100%; }
.challengestepdesc li .imgarea .material-icons { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:58px; color:#222; }
.challengestepdesc li .desc { margin-top:20px; font-size:18px; font-weight:700; }

/*노즈케어기획전*/
.anotherehx .adbanner.fullbgbanner{margin-top:50px;}
.anotherehx .adbanner.fullbgbanner .bgimg{border-radius:10px;}
.anotherehx .pagelist .curation{text-align:center;}
.anotherehx .pagelist .dealcard.grid5 ul li{position:relative; width:630px;}
.anotherehx .pagelist .dealcard.grid5 ul li:before{content:""; position:absolute; left:-151px; top:-106px; width:240px; height:300px; background:url(/Common/images/event/NoseCare/nose_bg_img01.png) no-repeat left top; background-size:cover;}
.anotherehx .pagelist .dealcard.grid5 ul li:after{content:""; position:absolute; right:-171px; bottom:191px; width:363px; height:383px; background:url(/Common/images/event/NoseCare/nose_bg_img02.png) no-repeat left top; background-size:cover;}
.anotherehx .dealcard.grid5 .inner{position:relative;}
.anotherehx .dealcard.grid5 .inner:before{content:""; position:absolute; right:-50px; top:-76px; width:147px; height:158px; background:url(/Common/images/event/NoseCare/nose_img01.png) no-repeat left top; background-size:cover; z-index:4;}
.anotherehx .dealcard.grid5 .pannel{padding:100% 0 0;}
.anotherehx .pagelist .dealcard .info .gpnm{font-size:16px;}
.anotherehx .pagelist .dealcard .stats{font-size:24px; height:30px}
.anotherehx .pagelist .dealcard .stats .material-icons{font:20px;}
.anotherehx .pagelist .dealcard .bid .price{font-size:24px; padding:4px 0 0 !important;}
.anotherehx .pagelist .dealcard .bid .price.txt{font-size:24px;}
.anotherehx .adbanner.nose.fullbgbanner .link.pohoricenbtm{width:644px; height:112px; bottom:84px; background-color:transparent; border-radius:16px;}
.anotherehx .adbanner.nose.fullbgbanner .link.pohoricenbtm:hover{background-color:rgba(0,0,0,0.1);}


/*daouEnd_pp*/
.daouendtxt { position:relative; width:100%; height:100vh; }
.daouendtxt .txt { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:14px; color:#555; }
.daouendtxt .txt img { display:block; margin:0 auto; }

.doubledeallogoimg { width:100px; background:url(/Common/images/default/logo_doubleDeal/logo_doubleDeal_icon_vertical.png) no-repeat 50% 50%; background-size:115% auto; }
.doubledeallogoimg::after { content:''; display:block; padding-top:25%; }


/*타임특가 팝업*/
.titmesale { position:fixed; top:0; left:0; right:0; bottom:0; height:100vh; background-color:rgba(0,0,0, .5); z-index:15; }
.titmesale .cont {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:500px;}
.titmesale .cont a{display:block; width:100%; height:100%; background:#eee; }
.titmesale .cont .img { width:100%; height:auto; padding-top:143%; background:url() no-repeat 50% 50%; background-size:cover; }
.titmesale .cont .img.dbl {position:relative;background-image:url(/Common/images/banner/AppBanner/AppBanner_TimeSale.jpg); }
.reversetime{position:absolute; right:139px; bottom:232px; font-size:22px; color:red; font-weight:bold;}
.titmesale .btnlist{padding:0; background:#fff; height:40px; min-height:40px;}
.titmesale .btnlist .btn{padding:0 10px; color:#333; height:inherit;}
.titmesale .btnlist .onedaybtn{float:left;}
.titmesale .btnlist .onedaybtn span{margin:0 3px 0 0; font-size:15px; vertical-align:-2px;}
.titmesale .btnlist .closebtn{float:right; }

/*상세페이지 팝업특가 웹에서*/
.timepop{position:fixed; top:0; left:0; right:0; height:100vh; background-color:rgba(0,0,0, .5); z-index:15; display:none;}
.timecontent{ position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 440px;  padding: 50px 20px ; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.2); z-index: 8; text-align:center;}
.timepop .rcontent {top:15px;}
.timepop .material-icons{font-size:40px;}
.timepop .saletiptitle{font-size:20px;  font-weight:bold; line-height:1.4; color:#00bcd4;}
.timepop .desc{font-size:16px; padding:30px 0 50px; }

/*리뷰 팝업*/
.popcontent{text-align:center; padding:20px 0;}
.popcontent .title{font-size:32px; color:#00bcd4; font-weight:bold;}
.popcontent .midtxt{margin:50px 0 0;}
.popcontent .midtxt span{margin:20px 0; color:#00bcd4; letter-spacing:-1px;}
.popcontent .midbox{padding: 300px 0 0; background:url(/Common/images/icons/popimg.png) no-repeat top 45px center; background-size:200px auto;}
.popcontent .midbox.posicenter{position:static; transform:translate(0,0);}
.popcontent .midbox span{display:block; font-size:20px; font-weight:500; line-height:1.8; font-weight:bold}
.popcontent .midbox span em{color:#00bcd4; font-weight:bold;}
.popcontent .disc{margin:0 20px; text-align:left; padding:20px 20px 20px 35px; background-color:#f1f1f1;}
.popcontent .btn32{margin:20px 0 0; height:50px; width:calc(50% - 8px); font-size:20px; line-height:48px;}
.popcontent .bannerbox{display:block; height:68px; background:url(/Common/images/event/ReviewEvent/banner_end_m.png) no-repeat left top; background-size:100% auto; margin:50px -25px -47px;}

/*타임특가 코딩*/
.timecontainer .timealarm{ position:absolute; left:50%; transform:translateX(-50%); top:36.5%; width:400px; height:70px; font-size:35px; background:#222; color:#fff; line-height:2; border-radius:10px; padding:0 20px; font-weight:bold; box-shadow:0 7px 10px #000; background-color:transparent;}
.timecontainer .timealarm .material-icons-outlined{ font-size:35px; margin:0 5px 0 0; vertical-align:-4px;}
.timecontainer .productwrap .standard{display:flex; flex-direction:column;}
.timecontainer .productwrap .standard:before{}
.timecontainer .productwrap{margin:0 0 100px;}
.timecontainer .prduc{float:none; position:relative; opacity:1; font-size:14px; text-shadow:none; margin: 0 0 100px;}
.timecontainer .prduc.close{color:#222;}
.timecontainer .col_3  > li{width:calc(33.3333% - 26.666px); margin:0 0 0 40px;}
.timecontainer .prduc .cover{position:relative; width:1180px; height:818px; margin: 0 auto 50px; padding:50px; background-color:#fff; border:5px solid #222; border-radius:40px; color:#222; text-align:center; z-index:2;}
.timecontainer .prduc:after{content:""; position:absolute; left:20px; top:0; width:1190px; height:836px; background-color:#ccc; border:5px solid #222; border-radius:40px; z-index:1;}
.timecontainer .prduc .title{font-size:48px; font-weight:bold;}
.timecontainer .prduc .title .undelmarking{position:relative; z-index:3; color:#1d3b95;}
.timecontainer .prduc .title .undelmarking:after{content:""; position:absolute; left:-3.5%; bottom:0; width: 108%; height: 30px; background-color: #1d3b95; opacity:0.3; z-index:-1;}
.timecontainer .reversetime{position:static; width:56%; margin:50px auto 0; padding:4px 10px 6px ; color:red; font-size:40px;; font-weight:bold; z-index:2; background:#eee; border-radius:50em;}
.timecontainer .reversetime .time{float:left; display:block; width:50%; line-height:1.3; text-align:center;}
.timecontainer .reversetime .material-icons{vertical-align:-4px; font-size:38px; margin:0 10px 0 0; font-weight:bold;}
.timecontainer .itemwrap{margin:60px 0 0;}
.timecontainer .itemwrap li a{display:block; }
.timecontainer .itemwrap li a .topbox{width:100%; height:330px;}
.timecontainer .itemwrap li a .topbox img{width:100%; height:100%; border:1px solid #555;}
.timecontainer .itemwrap li a .topbox .tag{color:#fff; background:#555; width:80px; height:72px; padding:10px 0; font-size:18px;}
.timecontainer .itemwrap li a .topbox .tag strong{display:block; font-size:28px; padding:10px 0 0;}
.timecontainer .itemwrap li a .topbox .porightbtm{bottom:10px; right:10px; padding:0 12px; line-height:20px; height:20px;}
.likeslide{ margin:10px 0 10px;}
.likeslide .swiper-container{margin:0; width:64px;;}
.likeslide .swiper-slide{position:relative; height:28px; width:28px; border-radius:100%; z-index:1; opacity:0; transition: all ease-in-out 0.2s;}
.likeslide .swiper-slide-active, .likeslide .swiper-slide-prev, .likeslide .swiper-slide-next{opacity:1;}
.likeslide .swiper-slide .thumb{ position: absolute; left: 0; top: 0; display:block; width: 100%; height: 100%; background: #ccc url('') center center no-repeat; background-size: cover; overflow: hidden; z-index: 2; border-radius:100%; border:1px solid #ddd;}
.timecontainer .itemwrap li a .likeslide .person{width:calc(100% - 100px); padding:0; font-size:14px; color:#999; left:41%;}
.timecontainer .itemwrap li a .btmbox {margin:10px 0 0; top:1px;}
.timecontainer .itemwrap li a .btmbox .pname{width:80%; min-height:50px; max-height:50px; text-align:left; font-size:22px; word-break:keep-all;}
.timecontainer .itemwrap li a .btmbox .price{margin:10px 0 0; text-align:left;}
.timecontainer .itemwrap li a .btmbox .price strong{background-color:#aaa; color:#fff; padding:0 10px; vertical-align:bottom; height:auto; line-height:1.7;}
.timecontainer .itemwrap li a .btmbox .price em{color:#999; font-size:16px;}
.timecontainer .itemwrap li a .btmbox .price b{color:red; font-size:28px; margin:0 10px;}
.timecontainer .prduc .closecover{display:none; position:absolute; left:10px; top:0; width:1200px; height:832px; color:#FFF; background-color:rgba(0,0,0,0.8); border-radius:40px;  background-repeat:no-repeat; text-align:center; background-size:cover; z-index:3;}
.timecontainer .prduc.close .closecover{display:block;}
.timecontainer .prduc.close .closecover .posicenter{width:100%;}
.timecontainer .prduc.close .closecover b{display:block; line-height:1.4; font-size:100px;}
.timecontainer .prduc.close .closecover strong{display:block; line-height:1.4; font-size:50px;}
.timecontainer .prduc.close .closecover em{display:block; line-height:1.4; font-size:40px;}
.timecontainer .prduc.close .closecover em .material-icons{margin:0 10px; font-size:32px; vertical-align:-1px;}
.timecontainer .prduc.order3 { order: 3; }
.timecontainer .link {top:340px;}
.timecontainer .link .material-icons-outlined{color:#555;}
.btmcontent{background:#222; padding:50px 0; color:#fff;}
.btmcontent span{width:15%; font-size:24px; font-weight:bold;}
.btmcontent span .material-icons{display:block; font-size:65px; margin:10px 0 18px;}
.btmcontent p{width:85%; font-size:18px; line-height:1.8; padding:0 0 0 33px; border-left:1px solid #fff;}

/*loading page*/
.loadingcotent .rcontent{position:absolute; left:50%; top:50%; width:50%; transform:translate(-50%,-50%); text-align:center; }
.loadingcotent .rcontent .iconbox{display:inline-block; margin:0 0 12px;}
.loadingcotent .rcontent .iconbox::after {content:""; display:block; clear:both;}
.loadingcotent .rcontent .iconbox li{float:left; width :12px; height:12px; border-radius:100%; background:#ccc; margin: 0  10px; transform:translateY(0) scale(0.7);}
.loadingcotent .rcontent .iconbox li:nth-child(1){animation:loading 1.1s ease-in-out infinite;}
.loadingcotent .rcontent .iconbox li:nth-child(2){animation:loading 1.1s 0.25s ease-in-out infinite;}
.loadingcotent .rcontent .iconbox li:nth-child(3){animation:loading 1.1s 0.4s ease-in-out infinite;}
.loadingcotent .rcontent .iconbox li:nth-child(4){animation:loading 1.1s 0.55s ease-in-out infinite;}
.loadingcotent .rcontent .iconbox li:nth-child(5){animation:loading 1.1s 0.6s ease-in-out infinite;}
.loadingcotent .rcontent .title{position:relative; margin:0 0 0 6px; font-size:30px; color:#00ACCA; letter-spacing:7px; font-weight:bold;}
.loadingcotent .rcontent .title:after{content:"결제진행중"; display:block; margin:-6px 0 0 -2px; font-size:30px; letter-spacing:7px;transform:rotateX(139deg);  text-shadow:1px 1px 2px rgba(0,0,0,0.15); color: transparent;}
.loadingcotent .rcontent .title:before{position: absolute; content: ''; width: 100%; height: 50px; left:10px; top:31px; background: linear-gradient(to bottom, rgba(255,255,255,0.4),rgba(255,255,255,1) 50%); z-index:1;}

@keyframes loading {
  0%{transform:translateY(0) scale(0.7);}
  50%{transform:translateY(-10px) scale(1);}
  100%{transform:translateY(0)  scale(0.7);}
}

/*storepage 프로필*/
.storepage.ver2 .wbox.resfullbox {position:relative; padding:0; margin:0 auto;}
.storepage.ver2 .wbox.pageinfo , .storepage.ver2 .wbox.storetagswiper{ padding:0;}
.storepage.ver2 .pobtmline{position:relative; margin-bottom:0;}
.storepage.ver2 .badgewrap{top:34px;}
.storepage.ver2 .pobtmline:before{content:""; position:absolute; left:50%; transform:translateX(-50%); bottom:0; width:1180px; height:1px; background:#f1f1f1;}
.storepage.ver2 .tfulbanner{width:1200px; margin:50px auto 0; border-radius:10px; overflow:hidden;}
.storepage.ver2 .profilebar{position:relative; padding:10px 20px 10px 110px;}
.storepage.ver2 .bg_profile{top:8px; left:10px;}
.storepage.ver2 .country{left:67px;}
.storepage.ver2 .btnlikewrap{top:18px; right:0;}
.storepage.ver2 .profilebar .storenm{margin-top:0;}
.storepage.ver2 .storemsg {height:48px; overflow:hidden;}
.storepage.ver2 .wbox .titlesection{padding:0 10px 20px;}
.storepage.ver2 .toolBar .storetagswiper .swiper-container{margin:0 auto 0 0;}
.pageinfo.etcbox .sellerinfobox{padding:20px 0;}
.pageinfo.etcbox{height:80px; padding:0;}
.pageinfo.etcbox .col{position:relative; text-align:center; padding:0 20px;}
.pageinfo.etcbox .col:first-child{padding:0 20px;}
.pageinfo.etcbox .col + .col:before{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); height:70%; width:1px; background:#ddd;}
.pageinfo.etcbox .col span{display:block; line-height:1.6;}

.storepage.ver2 .hashmenu .menu{width:auto !important; padding:0 10px; margin:0 6px 0 0; background:#fff; border-radius:50em; color:#555; border:1px solid #ddd; height:32px; line-height:30px;}
.storepage.ver2 .hashmenu{width:65%;} 
.storepage.ver2 .hashmenu .menu:hover , .storepage.hashmenu .menu.on{border-color:#00bcd4; color:#00bcd4;}
.storepage.ver2 .storetagswiper .hashmenu:before{content:""; position:absolute; left:-20px; top:0; width:20px; height:100%; box-shadow:8px 0 26px rgb(255, 255, 255); z-index:2;}
.storepage.ver2 .storetagswiper .hashmenu:after{content:""; position:absolute; right:-27px; top:0; width:27px; height:100%;box-shadow:-10px 0 18px rgb(255,255, 255); z-index:2;}
.storepage.ver2 .selectbox , .storepage.ver2 .toolKit.tp2.rcontent{top:-3px;}
.storepage.ver2 .toolKit.tp2.rcontent{right:0;}
.storepage.ver2 .toolKit.tp2.rcontent .material-icons.lcontent{color: #999;left: 182px;font-size: 18px;top: 13px;display: none; margin: 0;}
.storepage.ver2 .selectbox{right:245px;}
.storepage.ver2 .selectbox .select{line-height:36px;}
.storepage.ver2 .selectbox button{padding:0;}

/*리뉴얼 메인 ver2*/
.renew_ver2 .wbox{margin:80px auto;}
.renew_ver2 .wbox .wbox{margin:0 auto; padding:50px 10px;}
.bbox{padding:15px 10px; max-width:1920px; margin:0 auto;}
.renew_ver2 .hasgmainmenu{width:1200px; margin:0 auto;}
.renew_ver2 .hasgmainmenu .category_ver2 .hashmenu{overflow:initial; width:auto; padding:0 10px;}
.renew_ver2 .hasgmainmenu .swiper-button-prev.swiper-button-disabled, .renew_ver2 .hasgmainmenu .swiper-button-next.swiper-button-disabled, .renew_ver2 .hasgmainmenu .swiper-prev.circle.swiper-button-disabled, .renew_ver2 .hasgmainmenu .swiper-next.circle.swiper-button-disabled {
            opacity:0.3 !important;
        }
.renew_ver2 .bannerwrap .bbox.bannerslide{min-width:1280px; width:100%; border-bottom:1px solid #eee;}
.category_ver2 .hashmenu{padding:0 30px;}
.category_ver2 .hashmenu .maauto{max-width:1634px; margin:0 auto;}
.category_ver2 .hashmenu.searchtag .menu{width:114px; min-width:100px; margin:0 2px 0 0; padding:60px 0 0; height:86px; border-radius:0; background-repeat:no-repeat; background-position: center top ; background-size: 60px auto; background-color:transparent; text-align:center;}
.category_ver2 .hashmenu.searchtag .menu:hover , .renew_ver2 .hashmenu.searchtag .menu.on{color:#00bcd4;}
.category_ver2 .hashmenu .hashmenuslide{display:block; overflow:hidden;}
.category_ver2 .hashmenu .hashmenuslide .material-icons{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:40px;}
.category_ver2 .hashmenu .swiper-button-next{right:-35px !important; background-image:none; margin-top:0; transform:translateY(-50%); outline:none;}
.category_ver2 .hashmenu .swiper-button-prev{left:-35px !important; background-image:none; margin-top:0; transform:translateY(-50%); outline:none;}

.category_ver2 .hashmenu li.food {background-image: url(/Common/images/icons/mainMenu/food.png);}
.category_ver2 .hashmenu li.elec{background-image:url(/Common/images/icons/mainMenu/electronics.png);}
.category_ver2 .hashmenu li.mobile{background-image:url(/Common/images/icons/mainMenu/coopon.png);}
.category_ver2 .hashmenu li.clothw{background-image:url(/Common/images/icons/mainMenu/clothW.png);}
.category_ver2 .hashmenu li.clothm{background-image:url(/Common/images/icons/mainMenu/clothM.png);}
.category_ver2 .hashmenu li.clothc{background-image:url(/Common/images/icons/mainMenu/clothC.png);}
.category_ver2 .hashmenu li.acce{background-image:url(/Common/images/icons/mainMenu/accessories.png);}
.category_ver2 .hashmenu li.stuff{background-image:url(/Common/images/icons/mainMenu/stuff.png);}
.category_ver2 .hashmenu li.life{background-image:url(/Common/images/icons/mainMenu/life.png);}
.category_ver2 .hashmenu li.interior{background-image:url(/Common/images/icons/mainMenu/interior.png);}
.category_ver2 .hashmenu li.pet{background-image:url(/Common/images/icons/mainMenu/pet.png);}
.category_ver2 .hashmenu li.childpro{background-image:url(/Common/images/icons/mainMenu/childPro.png);}
.category_ver2 .hashmenu li.shoes{background-image:url(/Common/images/icons/mainMenu/shoes.png);}
.category_ver2 .hashmenu li.cosmetic{background-image:url(/Common/images/icons/mainMenu/cosmetics.png);}
.category_ver2 .hashmenu li.camping{background-image:url(/Common/images/icons/mainMenu/camping.png);}

.category_ver2 .hashmenu li.on.food , .category_ver2  .hashmenu li:hover.food{background-image:url(/Common/images/icons/mainMenu/food_on.png);}
.category_ver2 .hashmenu li.on.elec , .category_ver2  .hashmenu li:hover.elec{background-image:url(/Common/images/icons/mainMenu/electronics_on.png);}
.category_ver2 .hashmenu li.on.mobile , .category_ver2  .hashmenu li:hover.mobile{background-image:url(/Common/images/icons/mainMenu/coopon_on.png);}
.category_ver2 .hashmenu li.on.clothw , .category_ver2  .hashmenu li:hover.clothw{background-image:url(/Common/images/icons/mainMenu/clothW_on.png);}
.category_ver2 .hashmenu li.on.clothm , .category_ver2  .hashmenu li:hover.clothm{background-image:url(/Common/images/icons/mainMenu/clothM_on.png);}
.category_ver2 .hashmenu li.on.clothc , .category_ver2  .hashmenu li:hover.clothc{background-image:url(/Common/images/icons/mainMenu/clothC_on.png);}
.category_ver2 .hashmenu li.on.acce , .category_ver2  .hashmenu li:hover.acce{background-image:url(/Common/images/icons/mainMenu/accessories_on.png);}
.category_ver2 .hashmenu li.on.stuff , .category_ver2  .hashmenu li:hover.stuff{background-image:url(/Common/images/icons/mainMenu/stuff_on.png);}
.category_ver2 .hashmenu li.on.life , .category_ver2  .hashmenu li:hover.life{background-image:url(/Common/images/icons/mainMenu/life_on.png);}
.category_ver2 .hashmenu li.on.interior ,  .category_ver2  .hashmenu li:hover.interior{background-image:url(/Common/images/icons/mainMenu/interior_on.png);}
.category_ver2 .hashmenu li.on.pet , .category_ver2  .hashmenu li:hover.pet{background-image:url(/Common/images/icons/mainMenu/pet_on.png);}
.category_ver2 .hashmenu li.on.childpro , .category_ver2  .hashmenu li:hover.childpro{background-image:url(/Common/images/icons/mainMenu/childPro_on.png);}
.category_ver2 .hashmenu li.on.shoes , .category_ver2  .hashmenu li:hover.shoes{background-image:url(/Common/images/icons/mainMenu/shoes_on.png);}
.category_ver2 .hashmenu li.on.cosmetic , .category_ver2  .hashmenu li:hover.cosmetic{background-image:url(/Common/images/icons/mainMenu/cosmetics_on.png);}
.category_ver2 .hashmenu li.on.camping , .category_ver2  .hashmenu li:hover.camping{background-image:url(/Common/images/icons/mainMenu/camping_on.png);}

.pagelist .dealcard{margin:0 !important;}

/*서치페이지 카테고리 & 2dept*/
.search_ver2 .hashmenu.search_npage{width:100% !important; margin:20px 0 0;}
.search_ver2 .category_dept2{overflow:hidden; box-shadow:0 1px 3px rgba(0,0,0,0.1); background:#fff; transition:top 0.3s;}
.search_ver2 .category_dept2 .wbox{width:100%;}
.search_ver2 .category_dept2 .hashmenu{width:100%; padding:15px 30px; margin:0;}
.search_ver2 .category_dept2 .hashmenu .maauto{ max-width:1643px; margin:0 auto;}
.search_ver2 .category_dept2 .hashmenu.searchtag .menu{background-color:transparent; transition:all 0.2s;}
.search_ver2 .category_dept2 .hashmenu.searchtag .menu.on{color:#00bcd4;}
.search_ver2 .category_dept2 .hashmenu.depth2{padding:15px 0; background:#fff; box-shadow:0 1px 10px rgba(0,0,0,0.1);}
.search_ver2 .category_dept2 .hashmenu.depth2 .maauto{ width:1200px; margin:0 auto;}
.search_ver2 .category_dept2 .hashmenu.searchtag.depth2 > div { padding:0 10px;}
.search_ver2 .category_dept2 .hashmenu.searchtag.depth2 .menu.on {color:#fff; background:#00bcd4; font-weight:bold;}
.search_ver2 .category_dept2 .hashmenu.searchtag.depth2 .menu.on:hover {color:#fff;}
.search_ver2 .category_dept2 .hashmenu.searchtag.depth2 .menu:hover{color:#00bcd4;}

.search_ver2 .category_dept2.fix{position:fixed; width:calc(100% - 180px); top:-54px; z-index:8;}
.search_ver2 .category_dept2.fix.up{top:64px; }


/*새로운스토어*/
.search_ver2 .newstoresildebtn .swiper-prev.circle,.search_ver2 .newstoresildebtn .swiper-next.circle{top:45%;}
.search_ver2 .newstoresilde{margin:0 0 80px;}

/*   상품평이벤트 페이지   */
.wreviewcontent .tabmenu{position:relative; border-bottom:1px solid #ddd;}
.wreviewcontent .tabmenu button{position:relative; line-height:50px; font-size:16px;}
.wreviewcontent .tabmenu:before{content:""; position:absolute; left:0; bottom:-1px; height:3px; width:200px; background:#00bcd4; transition:left ease-in-out 0.2s;}
.wreviewcontent .tabmenu.left140:before{left:200px;}
.wreviewcontent .tabmenu.left140 .notictxt{display:none;}
.wreviewcontent .tabmenu .tapbtn{margin:0; width:200px; line-height:50px; font-weight:bold;}
.wreviewcontent .tabmenu .beforelinel:before {height:40%}
.wreviewcontent .tabmenu .tapbtn.on{color:#00bcd4;}
.wreviewcontent .tabbox {display:none; margin:0;}
.wreviewcontent .tabbox.tabfirbox{display:block;}
.wreviewcontent .notictxt {display:block; font-size:14px; line-height:1; color:#767676;}
.wreviewcontent .notictxt .material-icons{font-size:18px; vertical-align:-4px; line-height:50px; margin:0 2px 0 0;}
.wreviewcontent .buylist {margin:0;}
.wreviewcontent .buylist .buyItem div .storenm {color:#999;}
.wreviewcontent .buylist .buyItem div .storenm:hover {text-decoration:underline}
.wreviewcontent .buylist .buyItem div .storenm .material-icons{font-size:19px; vertical-align:-4px;}
.wreviewcontent .buylist > ul > li{padding:20px 0; margin:0; border-left:none; border-right:none; border-color:#999;}
.wreviewcontent .buylist > ul > li:hover{background-color:#fff;}
.wreviewcontent .pointbtn{width:200px; height:50px;}
.wreviewcontent .reviewbtn{width:200px; height:50px;}
.wreviewcontent .btnwrap .btn.on em , .wreviewcontent .btnwrap .btn:hover em{color:#eee;}
.wreviewcontent .btnwrap .btn:hover em{display:none;}
.wreviewcontent .btnwrap .pointbtn{display:block;}
.wreviewcontent .btnwrap .reviewbtn{display:none;}
.wreviewcontent .btnwrap.next .pointbtn{display:none;}
.wreviewcontent .btnwrap.next .reviewbtn{display:block; padding:8px 0;}
.wreviewcontent .btnwrap .reviewbtn:hover{padding:15px 0;}

.wreviewcontent .wreviewlist .listbox_topinfo.floatwrap{padding:0 0 20px;}
.wreviewcontent .wreviewlist .listbox_topinfo .date{display:inline-block;}
.wreviewcontent .wreviewlist .relative{width:100%}
.wreviewcontent .wreviewlist .relative.textbox{min-height:120px;}
.wreviewcontent .poroduct{padding:15px 0; width:100%; border-top:1px solid #ddd;}
.wreviewcontent .poroduct:nth-of-type(1){margin:0; border-top:none;}
.wreviewcontent .poroduct:last-child{padding:15px 0 0;}
.wreviewcontent .buylist {margin:0;}

.wreviewcontent .buylist li:hover{background-color:transparent;}
.wreviewcontent .buylist .buyItem{padding:0;}
.wreviewcontent .buylist .buyItem .statthumb{position:relative; margin:0; width:100px; height:100px; background:#fff; cursor:pointer; overflow:hidden;}

.wreviewcontent .buylist .buyItem .porighttop button{display:none; padding:0 10px 0 0; margin:20px 0 5px;}
.wreviewcontent .buylist .buyItem .porighttop.show{position:static;}
.wreviewcontent .buylist .buyItem .porighttop.show .statthumb{width:45%; height:auto;}
.wreviewcontent .buylist .buyItem .porighttop.show button{display:block;}
.wreviewcontent .buylist .buyItem .bgthumb{width:100%; height:100%;}
.wreviewcontent .buylist .buyItem .thumb {width:100%; height:100%; background-size:cover; background-color:#f5f5f5;}

.wreviewcontent .buylist .buyItem .storenm{float:none; display:inline-block; margin:6px 0 0;}
.wreviewcontent .producnm.relative{width:calc(100% - 120px); height:100%; padding:26px 0 0 20px; }
.wreviewcontent .producnm .polefttop{left:135px; top:56%; transform:translateY(-50%); width:calc(100% - 350px)}
.wreviewcontent .producnm .odnm{ display:inline-block; max-width:80%; float: none; padding:0; max-height:37px; cursor:pointer;}
.wreviewcontent .storenm{cursor:pointer;}

/* complet review*/
.wreviewcontent .buyItem .listbox_topinfo.overnone {overflow:initial; width:100%; padding:0 0 20px;}
.wreviewcontent .buyItem .listbox_topinfo.overnone .beforeliner:before {right:0; height:90%}
.wreviewcontent .buyItem .listbox_topinfo.overnone .poriducnm{width:330px; margin:0 30px 0 0; box-sizing:border-box;}
.wreviewcontent .buyItem .listbox_topinfo.overnone .odnm{padding:0; cursor:pointer;}
.wreviewcontent .buyItem .listbox_topinfo.overnone .date{display:block;  float:none; color:#999;}
.wreviewcontent .buyItem .listbox_topinfo.overnone .storenm {padding:10px 0 0; margin:0;}
.wreviewcontent .buyItem .listbox_topinfo.overnone .starwrap {padding:6px 0 0}
.wreviewcontent .buyItem .listbox_topinfo.overnone .starwrap div{float:none}
.wreviewcontent .buyItem .listbox_topinfo.overnone .starwrap .review{display:inline-block; margin:0 20px 0 0; vertical-align:1px;}
.wreviewcontent .buyItem .listbox_topinfo.overnone .starwrap .beforelinel:before{left:-10px; top:58%; height:70%;}
.wreviewcontent .buyItem .listbox_topinfo .storenm{line-height:1; padding:3px 0 0;}
.wreviewcontent .buyItem .listbox_topinfo .material-icons{top:0; cursor:pointer; font-size:16px; color:#999;}
.wreviewcontent .buyItem .listbox_topinfo .starwrap .material-icons{cursor:auto;}
.wreviewcontent .buyItem .listbox_topinfo .storenm .material-icons{font-size:19px; vertical-align:-4px;}
.wreviewcontent .buyItem .listbox_topinfo .material-icons.producbtn {font-size:28px;}
.wreviewcontent .buyItem .listbox_topinfo .point_str{font-size:14px !important; margin:0 0 0 4px; vertical-align:-2px; color:#999 !important;}
.wreviewcontent .buyItem .listbox_topinfo .producmenu{position:absolute; top:20px; right:20px; z-index:2; min-height:100%;/* box-shadow:0 0 10px rgba(0,0,0,0.2);*/ border:1px solid #ddd; transform:scale(0); transition: transform 0.2s; transform-origin:top right;}
.wreviewcontent .buyItem .listbox_topinfo .producmenu li{min-height:42px; padding:0 20px; font-size:14px; line-height:42px; border-bottom:none; margin: 0; cursor:pointer; border:none;}
.wreviewcontent .buyItem .listbox_topinfo .producmenu li+li{border-top:1px solid #eee;}
.wreviewcontent .buyItem .listbox_topinfo .producmenu.show{transform:scale(1)}
.wreviewcontent .textareabox .review{border:none; width:80%;}
.wreviewcontent .textareabox .review .point_str{font-size:12px; line-height:20px; margin:0; vertical-align:-2px;}
.wreviewcontent .textareabox .review .star .material-icons{font-size:16px}
.wreviewcontent .textareabox .review .date {line-height:20px; vertical-align:-2px; padding:0 0 0 14px;}
.wreviewcontent .textareabox .review .date:before {left:5px; height:60%;}
.wreviewcontent .textareabox{padding:20px 0 0; width:100%;}
.wreviewcontent .textareabox .reviewtxtbox{float:none; display:block; width:calc(100% - 200px); font-size:14px; max-height:86px; min-height:60px; overflow:hidden;}
.wreviewcontent .textareabox .reviewtxtbox p{width:100%; -webkit-line-clamp:3; text-overflow:ellipsis; overflow:hidden; line-height:1.5;}
.wreviewcontent .textareabox .more{ display:block; top:56px; width:100%; line-height:28px; background:#fff; font-size:12px; color:#999; text-align:left; padding:0; margin:5px 0;}
.wreviewcontent .textareabox .more:before{content:"더보기";}
.wreviewcontent .textareabox .more .material-icons{font-size:16px; vertical-align:-3px; }
.wreviewcontent .textareabox .more .material-icons:before{content:"keyboard_arrow_down";}

.wreviewcontent .textareabox .reviewtxtbox.open p{overflow:initial;}
.wreviewcontent .textareabox .reviewtxtbox.open .more:before{content:"접기";}
.wreviewcontent .textareabox .reviewtxtbox.open .more .material-icons:before{content:"keyboard_arrow_up";}
.wreviewcontent .textareabox .reviewtxtbox.open .more{position:static;}
.wreviewcontent .taglistbox {min-height:100%; width:calc(100% - 200px); padding:0 0 20px;}
.wreviewcontent .taglistbox .tag{min-height:24px; height:24px; line-height:22px; margin:0px 3px 4px 0; border:1px solid #ddd !important; color:#999 !important;}
.wreviewcontent .reviewtag{margin:20px 0 0;}
.wreviewcontent .buyItem .porighttop {top:20px; right:0;}
.wreviewcontent .buyItem .porighttop .statthumb img{width:100%; height:auto; border:1px solid #ddd;}
.wreviewcontent .empty{display:none; margin:250px 0;}
.wreviewcontent .empty.show{display:inline-block;}

/* 검색결과스토어 */
.pagelist .ver2 .newstore li .inner{padding-top:120%;}
.pagelist .ver2 .newstore li .storecard{overflow:initial;}
.pagelist .ver2 .newstore li .storecard .cardbody{height:82%;}
.pagelist .ver2 .newstore li .inner{overflow:initial;}
.pagelist .ver2 .storecard .cardbody .toptags {top:50%}
.pagelist .ver2 .storecard .cardbody .bgstorecard {border-radius:100%; border:1px solid #eee;}
.pagelist .ver2 .storecard .cardbody .filter{display:none;}
.pagelist .ver2 .storecard .carddesc{ background-color:transparent; padding:0; text-align:center;}
.pagelist .ver2 .storecard .carddesc *{ color:#999 !important; font-size:12px;}
.pagelist .ver2 .storecard .carddesc .storenm{ color:#555 !important; font-size:16px; line-height:1.5;}
.pagelist .ver2 .storecard .carddesc .bg_profile{ display:none;}

/*메인 전체 스와이퍼 버튼(새로운스토어 제외)*/
.renew_ver2 .swiper-next.no_circle{right:-40px !important}
.renew_ver2 .swiper-prev.no_circle{left:-40px !important;}
.renew_ver2 .swiper-next.circle.no_circle .material-icons , .renew_ver2 .swiper-prev.circle.no_circle .material-icons{background-color:transparent; box-shadow:none; font-size:40px; color:#555;}
.timebox .swiper-next.no_circle{right:-50px !important;}
.timebox .swiper-prev.no_circle{left:-50px !important;}


/*깍두기 마진 & 컨텐츠여백 메인*/
.renew_ver2 .hotplace{padding:0;}
.renew_ver2 .mainbanner .wbox{min-width:1200px; max-width:100%;}
.renew_ver2 .mainbannerslide .hotplace:first-of-type .wbox{margin:0;}
.renew_ver2 .mainbannerslide .hotplace:first-of-type .wbox{padding-top:0;}
.renew_ver2 .pagelist .dealcard ul li{margin:0;}
.renew_ver2 .nownew .pagelist .dealcard ul li:nth-child(2n){margin-bottom:0;}

/*실시간 인기상품*/
.renew_ver2 .hotslide .swiper-prev.circle,.renew_ver2 .hotslide .swiper-next.circle{top:calc(50% - 100px);}

/* 꿈을 키워가는 디비디비피플 */
.renew_ver2 .hotplace.sellerplay .dealcard ul li{width:25%;}
.renew_ver2 .hotplace.sellerplay .poveticenright{top:9px; transform:translateY(0);}
.renew_ver2 .hotplace.sellerplay .poveticenright .material-icons{font-size:16px;}
.renew_ver2 .hotplace.sellerplay .poveticenright .count{font-size:12px;}

/*새로운 스토어*/
.renew_ver2 .hotplace .btnmore{line-height:24px; vertical-align:middle;}
.renew_ver2 .pagelist .newstore {padding:0;}
.renew_ver2 .pagelist .newstore li{padding:0 10px; transform:translateY(25%);}
.renew_ver2 .pagelist .newstore li .inner{padding-top:120%;}
.renew_ver2 .pagelist .newstore li .storecard {overflow:initial} 
.renew_ver2 .pagelist .newstore li .storecard .cardbody{ background-color:#fff; padding:0;} 
.renew_ver2 .pagelist .newstore li .storecard .cardbody .filter{ background-color:transparent;} 
.renew_ver2 .pagelist .newstore li .storecard .carddesc .bg_profile{display:none;}
.renew_ver2 .pagelist .newstore li .storecard .cardbody .bgstorecard{left:50%; width:97%; height:80.8%; border-radius:100%; z-index:0; background-color:#fff; border:1px solid #ddd; transform:translateX(-50%); transition:transform 0.2s;}
.renew_ver2 .pagelist .newstore li:hover .storecard .cardbody .bgstorecard{transform:translateX(-50%) scale(1.02); border:2px solid #00bcd4;}
.renew_ver2 .pagelist .newstore li .storecard .carddesc{ margin:0; background-color:transparent; font-size:0; bottom:-6px;}
.renew_ver2 .pagelist .newstore li .storecard .bgdesc .storenm{display:block; width:69%; color:#555; font-weight:500;}
.renew_ver2 .pagelist .newstore li .storecard .bgdesc .like{position:absolute; right:0; top:50%; transform:translateY(-50%); vertical-align: 9px;}
.renew_ver2 .pagelist .newstore li .storecard .bgdesc .like i{color:#999;}
.renew_ver2 .pagelist .newstore li .storecard .bgdesc .like i.count{vertical-align: -3.5px; line-height:1; }
.renew_ver2 .pagelist .newstore li .storecard .carddesc .toptags{padding:10px 0 0; height:27px;}
.renew_ver2 .pagelist .newstore li .storecard .carddesc .word{font-size:14px; color:#555; padding:0; line-height:1.3;}
.renew_ver2 .pagelist .newstore li .storecard{top:12px;}
.renew_ver2 .pagelist .newstore li:nth-child(4n+1) .bgtag{padding:0; margin:0;}
.renew_ver2 .pagelist .newstore.main_ver2 li:nth-child(4n+1){transform:translateY(0);}
.renew_ver2 .pagelist .newstore li:nth-child(5n+1) .storecard .carddesc{padding:0 20%;}
.renew_ver2 .pagelist .newstore li:nth-child(5n+1) .storecard .carddesc .number{font-size:16px;}

/*앞쪽배너있는 깍두기*/
.renew_ver2 .mainbannerslide .wbox{position:relative; padding:0 10px 0; margin:100px auto 0;}
.renew_ver2 .mainbannerslide:last-child .wbox{padding:30px 0;}
.renew_ver2 .mainbannerslide .pagelist > .relative{padding:0 0 0 37%; }
.renew_ver2 .mainbannerslide .pagelist > .relative:before{content:""; position:absolute; left:0; bottom:-50px; width:98.9%; height:1px; background:#eee;}
.renew_ver2 .mainbannerslide .hotplace:last-child .pagelist > .relative:before{display:none;}
.renew_ver2 .mainbannerslide .pagelist .dealcard{padding:0;}
.renew_ver2 .mainbannerslide .pagelist .dealcard.grid5 ul li { width: 33.333%; }
.renew_ver2 .mainbannerslide .pagelist .dealcard.grid5 ul li:nth-child(4) {display:none; }
.renew_ver2 .mainbannerslide .swiper-prev.circle{left:33.5% !important;}
.renew_ver2 .mainexhbox{position:absolute; left:0; top:0; float:left; width:33%; height:100%; margin:0 30px 0 0; background:#ddd; z-index:2;}
.renew_ver2 .mainexhbox .inner{position:absolute; left:0; top:0; width:100%; height:100%;  color:#fff; overflow:hidden;}
.renew_ver2 .mainexhbox .inner img{position:absolute; left:50%; top:0; transform:translateX(-50%); width:auto; height:108%;}
.renew_ver2 .mainexhbox .inner .rcontent{position:absolute; right:auto; top:auto; left:0; bottom:0; width:100%; height:120px; background:rgba(119,119,119,0.7); margin:0; text-align:center;}
.renew_ver2 .mainexhbox .inner .rcontent .txt{position:absolute; left:0; width:100%; text-align:center;}
.renew_ver2 .mainexhbox .inner .rcontent .headtitle{top:30px; font-size:22px; line-height:1; color:inherit; font-weight:500; margin:0; padding:0;}
.renew_ver2 .mainexhbox .inner .rcontent .tags{bottom:30px;}
.renew_ver2 .mainexhbox .inner .rcontent .tags ul li{display:inline-block; width:auto; margin:0 3px 0 0; font-size:14px;}

/*찜하기*/
.pagelist .dealcard .line2  .zzim{ position:absolute; right:0; top:0; z-index:3;}
.pagelist .dealcard .line2  .zzim i{display:block; font-size:24px; color:#fa2828;}
.pagelist .dealcard .line2  .zzim .count {display:none;}

/*searchN페이지 스토어 상단*/
.storetopveiw{margin:0 0 50px;}
.storetopveiw h2{padding:0 0 10px;}
.storetopveiw .profile{top:20px; padding:0 0 0 100px; width:570px; cursor:pointer; line-height:1.8;}
.storetopveiw .profile .storenm {font-size:18px; font-weight:bold; color:#00bcd4}
.storetopveiw .bg_profile {width:80px; height:80px; top:0;}
.storetopveiw .badgewrap{position:relative; margin:5px 0 0; display:inline-block;}
.storetopveiw .badgewrap .badgeinfowrap{top:7px;}
.storetopveiw .badgewrap .badgeinfo i{font-size:18px;}
.storetopveiw .badgepop{transform-origin:left top; right:auto; left:0;}
.storetopveiw .badgepop .close{font-size:18px; float:none;}
.storetopveiw .storeinfobox .toptags .word{color:#999; margin:2px 0 0;}
.storetopveiw .sellerinfobox {margin:5px 0 0; padding:10px 20px;}
.storetopveiw .sellerinfobox .item{padding:4px 0; font-size:0;}
.storetopveiw .sellerinfobox .item .title{font-size:14px; color :#767676; width: 50%;}
.storetopveiw .sellerinfobox .item .count{font-size:14px; color:#222; width:50%; text-align:right;}
.storetopveiw .slidewrap{height:300px; padding:20px 50px 20px 630px; box-sizing:border-box;}
.storetopveiw .slidewrap .swiper-container, .storetopveiw .slidewrap .swiper-wrapper , .storetopveiw .slidewrap .swiper-wrapper .swiper-slide ,.storetopveiw .slidewrap .swiper-wrapper .swiper-slide div{height:100%;}
.storetopveiw .slidewrap .swiper-wrapper .swiper-slide a{ display:block; height:100%; background-size:cover; background-position:center center; transition:transform 0.2s;}
.storetopveiw .slidewrap .swiper-wrapper .swiper-slide:hover a{transform:scale(1.05);}
.storetopveiw .swiperbtn{background-image:none; outline:none;}
.storetopveiw .swiperbtn .material-icons{font-size:40px;}
.storetopveiw .swiper-button-prev{left:auto; right: 10px; z-index:7;}
.storetopveiw .swiper-button-next{right:auto; left: 576px;  z-index:7;}
.storetopveiw .subscribebtn {margin:20px 0 0; width:150px; font-size:16px;}
.storetopveiw .subscribebtn.on {background:#00bcd4; color:#fff;}

/*리뷰작성페이지*/
.reviewpost .buylist .buyItem .optnm strong{font-size:16px;}
.reviewpost .buylist .buyItem .odnm{padding:15px 0 0 140px; min-height:120px;}
.reviewpost .buylist .buyItem .listbox_topinfo{margin:20px 0 0;}
.reviewpost .contain{margin:0; padding: 40px 0; border-top: 8px solid #eee;}
.reviewpost .contain .headtitle span{font-size:14px; color:#999;}
.reviewpost .contain .headtitle .desc{display:block; margin:10px 0 0; padding:0 0 0 8px; text-indent:-7px;}
.reviewpost .contain .cont{margin:20px 0 10px;}
.reviewpost .contain .cont label{font-size:20px; color:#999;  vertical-align:middle; margin:0 15px 0 0}
.reviewpost .contain .cont .starwrap{ vertical-align:middle;}
.reviewpost .contain .cont .starwrap span:nth-child(even){margin:0 6px 0 0;}
.reviewpost .contain .cont .point_str{ vertical-align:middle; margin:0 0 0 15px;}
.reviewpost.wreviewcontent .tabmenu .tapbtn{position:relative; float:left; width:25%; border:none; color:#999; font-size:16px; cursor:pointer; text-align:center; font-weight:normal;}
.reviewpost.wreviewcontent .taglistbox{width:100%;}
.reviewpost.wreviewcontent .taglistbox .tag{margin:5px 5px 5px 0; line-height:28px; height:30px;}
.reviewpost.wreviewcontent .tabmenu .tapbtn.on , .reviewpost.wreviewcontent .tabmenu .tapbtn:hover{color:#00bcd4; font-weight:bold; width:25%;}
.reviewpost.wreviewcontent .tabmenu .tapbtn + .tapbtn:before{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:40%; background:#ddd;}
.reviewpost.wreviewcontent .tabmenu:before{display:none;}
.reviewpost.wreviewcontent .tabmenu .bar{position:absolute; left:0; bottom:0; height:3px; width:25%; background:#00bcd4; transition: left ease-in-out 0.2s;}
.reviewpost .tabmenu {margin:0 0 20px; border-top:0;}
.reviewpost .tabbox .taglist{padding:0 20px;}
.reviewpost .selectag{border:1px solid #ddd; border-radius:10px; padding:20px; min-height:100px; margin:30px 0 0;}
.reviewpost .selectag .stit{color:#999; font-size:16px; margin:0 0 10px;}
.reviewpost .selectag .stit b{color:#00bcd4; margin:0 0 0 8px; font-size:18px;}
.reviewpost .selectag .taglist{padding:0;}
.reviewpost .contain .point{font-size:16px; width:100%; color:#999; overflow:hidden; clear:both;}
.reviewpost .contain .point .fleft{margin:0 40px 0 0;}
.reviewpost .contain .point li.beforelinel:before{left:-20px; height:90%;}
.reviewpost .contain .point em{display:inline-block; padding:0 20px 0 0;}
.reviewpost .contain .point b{color:#00bcd4;}
.reviewpost .contain .reviewcont{width:100% !important; margin:10px 0 0;}
.reviewpost .contain .reviewcont .slimScrollDiv{overflow:initial !important;}
.reviewpost .contain .reviewcont > textarea:first-of-type{height:200px !important;}
.reviewpost .contain .reviewcont textarea{width:100% !important;  border-bottom:none;}
.reviewpost .contain .reviewcont .material-icons-outlined{left:15px; font-size:18px; color:#999; z-index:1;}
.reviewpost .contain .reviewcont .taginput{position:relative; display:block;padding:0; }
.reviewpost .contain .reviewcont .taginput .whitebox{position:relative; padding:0; box-shadow:none; border:1px solid #ccc; border-top:0; min-height:30px !important;}
.reviewpost .contain .reviewcont .taginput .whitebox *{transition:none;}
.reviewpost .contain .reviewcont .taginput textarea{padding:0 10px 0 30px; border-top:0;}
.reviewpost .contain .reviewcont .taginput .tag-editor li{line-height:24px; padding:4px 0;}
.reviewpost .contain .reviewcont .taginput .hash .tag-editor{min-height:30px; margin:0 14px; padding:4px 0 4px 20px; border-top:1px solid #ddd;}
.reviewpost .contain .reviewcont .taginput .hash .tag-editor *{border:none !important; box-shadow:none !important;}
.reviewpost .contain .reviewcont .taginput .hash .tag-editor li{font-size:12px; text-align:left; height:30px; line-height:30px; margin:4px 0; padding:0;}
.reviewpost .contain .reviewcont .taginput .hash .tag-editor li *{height:32px; line-height:29px;}
.reviewpost .contain .reviewcont .taginput .hash .tag-editor li input{border:none}
.reviewpost .contain .reviewcont .taginput .hash .tag-editor .placeholder span{display:inline-block;}
.reviewpost .contain .reviewcont .taginput .hash .tag-editor .placeholder br{display:none;}
.reviewpost .contain .reviewcont .taginput .tag-editor .tag-editor-tag {font-size:12px; color:#555; background:#f5f5f5;  border-color:#f5f5f5;}
.reviewpost .contain .reviewcont .taginput .tag-editor .tag-editor-delete{background:#f5f5f5; border-color:#f5f5f5; padding:0 5px 0 0;}
.reviewpost .contain .reviewcont .taginput .tag-editor .tag-editor-delete i:before{ color:#555; font-size:14px;}
.reviewpost .contain .reviewcont .inputtag{margin:15px 0 0;}
.reviewpost .contain .reviewcont .inputtag li{display:inline-block; font-size:12px; padding:2px 3px; background:#f5f5f5; margin:5px 3px 5px 0; color:#999;}
.reviewpost .contain .descimg{display:inline-block; vertical-align:middle;}
.reviewpost .contain .imgwrap{position:relative; width:150px; height:150px; vertical-align:bottom; margin:0 0 0 20px; border:1px solid #ddd; cursor:pointer; overflow:hidden;}
.reviewpost .contain .imgwrap em{position:absolute; width:100%; height:100%; background-color:transparent;}
.reviewpost .contain .imgwrap:hover em{background-color:rgba(0,0,0,0.5);}
.reviewpost .contain .imgwrap:hover em:before {font-family: "Material Icons"; content: "\e8ff"; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:#fff; z-index:5; font-size:40px;}
.reviewpost .contain .imgwrap img{display:block; width:100%;}
.imgwrap{position:relative;}
.imgwrap .del{position:absolute; right:5px; top:5px; padding:2px; color:#555; background:#fff; border-radius:100%; z-index:1; font-size:16px;}
.bimgwrap{position:relative; display:none; margin:30px 0 0; width:100%; height:auto;}
.bimgwrap .close{position:absolute; right:10px; top:10px; color:#555; z-index:1;}
.bimgwrap img{display:block; width:100%;}
.bimgwrap video{display:block; width:100%;}
.bimgwrap.show{display:block;}
.reviewpost .wningtitle {position:relative; color:#fa2828; padding:10px; margin:30px 0;}
.reviewpost .wningtitle span{padding:0 0 0 22px; font-size:14px;}
.reviewpost .wningtitle .material-icons{position:absolute; left:10px; top:15px; color:#fa2828; margin:0 4px 0 0; font-size:16px; vertical-align:-3px;}
/*쿠폰페이지 */
.tab_container .tabmenu.coupontqp .notictxt{display:none;}
.tab_container .tabmenu.left140.coupontqp .notictxt{display:block;}
.tab_container .tabbox .cpcon{padding:30px 0}
.tab_container .tabbox .cpcon li{width:calc(50% - 10px); height:146px; border:1px solid #ddd; border-radius:10px; padding:30px; margin-top:20px;}
.tab_container .tabbox .cpcon li:nth-child(2n){margin-left:20px;}
.tab_container .tabbox .cpcon li .fircol{width:150px;}
.tab_container .tabbox .cpcon li .fircol .cplay .cpicon{width:80%; height:84px; color:#34a4bd; text-align:center; border:2px solid #34a4bd; border-right:none; border-radius:10px 0 0 10px;}
.tab_container .tabbox .cpcon li .fircol .cplay .cpicon .discount{display:block; font-size:26px; line-height:1.4; padding:12px 0 0;}
.tab_container .tabbox .cpcon li .fircol .cplay .cpicon i{display:block;}
.tab_container .tabbox .cpcon li .fircol .cplay .dibidibi{width:20%; background-color:#34a4bd; color:#fff; border:2px solid #34a4bd; border-radius:0 10px 10px 0;}
.tab_container .tabbox .cpcon li .fircol .cplay .dibidibi b{display:block; width:100%; height:80px; background:url(/Common/images/default/logo_text_fff.svg) no-repeat center; background-size:44% auto;}
.tab_container .tabbox .cpcon li .seccol{width:calc(100% - 250px); padding:0 30px;}
.tab_container .tabbox .cpcon li .seccol .title{font-size:16px; height:48px; line-height:1.4; word-wrap:break-word; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden; text-overflow:ellipsis;}
.tab_container .tabbox .cpcon li .seccol .desc{font-size:14px; padding:8px 0 0;}
.tab_container .tabbox .cpcon li .seccol .desc span{display:block; color:#999; line-height:1.4;}
.tab_container .tabbox .cpcon li .thrcol{width:100px;}
.tab_container .tabbox .cpcon li .thrcol button{font-size:16px; width:100px; margin:26px 0; padding:0 10px; line-height:18px;}
.tab_container .tabbox .cpcon li .thrcol button .material-icons-outlined{vertical-align:-4px; font-size:20px; margin:0 -6px 0 0;}

.tab_container .tabbox.tabsecbox .cpcon li .fircol .cplay .cpicon{ color:#aaa; border-color:#aaa;}
.tab_container .tabbox.tabsecbox .cpcon li .fircol .cplay .dibidibi{background-color:#aaa; border-color:#aaa;}
.tab_container .tabbox.tabsecbox .cpcon li .seccol .title{color:#767676;}
.tab_container .tabbox.tabsecbox .cpcon li .seccol .desc span{ color:#aaa;}
.tab_container .tabbox.tabsecbox .cpcon li .thrcol span{font-size:16px; width:100px; margin:26px 0; padding:0 10px; text-align:center; background-color:#34a4bd;}


/*쿠폰페이지 팝업*/
.popcpuswrap {padding-top:30px;}
.popcpuswrap .titlesection {padding-top:0; padding-left:0; font-weight:bold; color:#00bcd4;}
.popcpuswrap .desc {margin:0 0 20px;}
.popcpuswrap .cpinfolist {background:#f6f6f6; padding:15px;}
.popcpuswrap .cpinfobox {height:450px; overflow:auto; margin:0 -3px 0 0}
.popcpuswrap .cpinfobox::-webkit-scrollbar { width: 8px;}
.popcpuswrap .cpinfobox::-webkit-scrollbar-track {background:#f1f1f1;}
.popcpuswrap .cpinfobox::-webkit-scrollbar-thumb {background: #ccc; border-radius: 50em;}
.popcpuswrap .cpinfobox::-webkit-scrollbar-thumb:hover {background: #555;}
.popcpuswrap .posilist li {position:relative; padding:0 0 5px;}
.popcpuswrap .posilist li .tit {position:absolute; left:0; top:0; color:#999; min-height:18px;}
.popcpuswrap .posilist li .des {display:block; padding-left:85px; min-height:18px; }
.popcpuswrap .listcontain {padding:15px 0 0;}


/*팝업 취소안내*/
.cancelinfo {background:#f5f5f5; margin:20px 0; padding:20px;}
.cancelinfo .title{font-size:14px; padding:0 0 20px; line-height:1.3;}
.cancelinfo .desc{padding:0 0 20px; font-size:14px;}
.cancelinfo .title .material-icons-outlined{font-size:16px; margin:0 4px 0 0; vertical-align:-3px;}
.listcontain.list_dotted > li.color2828{ color:#fa2828;}
.discancel.pplayout .pptitle{ font-weight:bold;}
.discancel .btnlist{padding:0;}
.discancel .cancelinfo{margin:50px 0 20px;}


        /*안내사항*/
.noticeinfo {padding:30px;}
.noticeinfo .title {font-size:20px; color:#00bcd4;}
.noticeinfo .title i {font-size:22px;  color:#00bcd4; margin:0 4px 0 0; vertical-align:-4px;}
.noticeinfo .txtline {padding:20px 0 0;}
.noticeinfo .txtline .subtitle {display:block; font-size:16px; font-weight:bold;}
.noticeinfo .txtline .txt {padding:4px 0 0; color:#555;}
.noticeinfo .desc {padding:20px 0 0; color:#00bcd4;}

/*결제, 상품 수신동의 및 쿠폰 다운 팝업*/
.ccwrap_pp{padding:50px 20px;}
.ccwrap_pp h2{ text-align:center; font-size:18px; line-height:1.4; font-weight:bold;}
.ccwrap_pp .inner{background:#f6f6f6; margin:50px 0; padding:20px; font-size:16px}
.ccwrap_pp .inner span{margin:50px 0 0;}
.ccwrap_pp .inner span input{margin:0 8px 0 0; vertical-align:middle;}
.ccwrap_pp .inner span label{color:#555;}
.ccwrap_pp .btnlist{font-size:0;}
.ccwrap_pp .btnlist button{width:calc(50% - 4px);}

/*결제완료페이지*/
.pagelist.onedeal{width:400px; margin:0 auto 120px; text-align:center; }
.pagelist.onedeal .title{position:relative; display:inline; font-size:18px; color:#222; font-weight:bold; z-index:2;}
.pagelist.onedeal .title:before{content:""; position:absolute; left:0; bottom:0; width:100%; height:5px; background:#d0ecf5; z-index:-1;}
.pagelist.onedeal .desc{display:block; color:#999; padding:15px 0 20px;}
.pagelist.onedeal .desc i{color:#00bcd4; font-size:18px; margin:0 5px 0 0; vertical-align:-3px; animation: shak  infinite .3s linear  alternate;} 

@keyframes shak{
    0%{transform:rotate(-10deg);}
    100%{transform:rotate(10deg)}
}

/*노즈케어*/
.storepage.nosecare .pagehead{border-radius:10px; overflow:hidden; background-image:url(/Common/images/nosecare/banner_nose_pc.jpg);}
.storepage.nosecare .section{padding:50px 0 20px; margin:50px 0; border-bottom:1px solid #eee;}
.storepage.nosecare .tfulbanner{width:1200px; margin:50px auto 0;}
.storepage.nosecare .resfullbox.storeinfobox {position:relative; width:1200px; margin:30px auto; border-top :1px solid #ddd; border-bottom:1px solid #ddd;}
.storepage.nosecare .pageinfo{padding:19px 0 23px;}
.storepage.nosecare .pageinfo , .storepage.nosecare .profilebar{ height:auto;}
.storepage.nosecare .pageinfo.fleft { width:60%;}
.storepage.nosecare .pageinfo.fright { position:absolute; right:0; top:50%; transform:translateY(-50%); padding:0;}
.storepage.nosecare .profilebar {position:static; float:left; width:100%; padding:0 50% 0 0;}
.storepage.nosecare .profilebar .material-icons-outlined {font-size:20px; vertical-align:-3px}
.storepage.nosecare .profilebar .storenm{margin-top:0;}
.storepage.nosecare .profilebar .storemsg {padding:5px 20px 0 24px;}
.storepage.nosecare .btnlikewrap {right:auto; left:50%; top:50%; transform:translateY(-50%); text-align:right;}
.storepage.nosecare .sellerinfobox{text-align:right;}
.storepage.nosecare .pagelist .inner{cursor:pointer;}
.storepage.nosecare .pagelist .inner:hover .thumb{transform:scale(1.04);  transition: transform 0.3s;}
.storepage.nosecare .pagelist .dealcard.onegrid{width:600px; margin:0 auto !important;}
.storepage.nosecare .pagelist .dealcard.onegrid .pannel{height:auto; padding:100% 0 0;}
.storepage.nosecare .pagelist .dealcard.onegrid .info{padding:30px 80px 60px; text-align:center;}
.storepage.nosecare .pagelist .dealcard.onegrid .gpnm{ width:100%; font-size:24px; margin:0; white-space:nowrap; color:#767676; text-indent:-5px; height:40px}
.storepage.nosecare .pagelist .dealcard.onegrid  .bid .priceline{height:auto;}
.storepage.nosecare .pagelist .dealcard.onegrid .price{padding:3px 0; height:auto; overflow:hidden;  font-size:0;}
.storepage.nosecare .pagelist .dealcard.onegrid .price b{display:inline-block; width:55%; font-size:22px; vertical-align:2px; text-align:left;}
.storepage.nosecare .pagelist .dealcard.onegrid .price strong{display:inline-block; text-align:right; font-size:40px; }
.storepage.nosecare .pagelist .dealcard.onegrid .price .colorred{color:#fa2828; font-weight:bold;}

.storepage.nosecare .titlebox{text-align:center; margin:100px 0 50px;}
.storepage.nosecare .titlebox.margin{margin:150px 0 50px;}
.storepage.nosecare .titlebox .title{position:relative; display:inline-block; font-size:40px; text-align:center;padding:0 5px; color:#222; z-index:2;}
.storepage.nosecare .titlebox .title:before{content:""; position:absolute; left:0; bottom:0; width:100%; height:12px; background:#d9e9d0; z-index:-1;}
.storepage.nosecare .titlebox span{display:block; font-size:40px; color:#222; line-height:1.6;}
.storepage.nosecare .titlebox .title.nomal{font-weight:normal;}
.storepage.nosecare .titlebox .title em{position:relative; color:#457823; font-weight:bold;}
.storepage.nosecare .titlebox .title em:before{content:""; position:absolute; left:12px; top:0; width:6px; height:6px; border-radius:100%; background:#457823; z-index:-1;}
.storepage.nosecare .titlebox span em{position:relative;}
.storepage.nosecare .titlebox span em:before{content:""; position:absolute; left:15px; top:0; width:6px; height:6px; border-radius:100%; background:#222;}
.storepage.nosecare .noseslide .swiper-container{padding:20px;}
.storepage.nosecare .noseslide .swiper-slide{height:520px;border-radius:20px; box-shadow:0 0 13px rgba(0,0,0,0.1); overflow:hidden;}
.storepage.nosecare .noseslide .swiper-slide .bgthumb{position:relative; padding:100% 0 0; background-position:center; background-repeat:no-repeat;}
.storepage.nosecare .noseslide .swiper-slide .bgthumb .thumb{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover}
.storepage.nosecare .noseslide .swiper-slide:nth-child(1) .bgthumb .thumb{background-image:url(/Common/images/nosecare/nose_review_1.jpg);}
.storepage.nosecare .noseslide .swiper-slide:nth-child(2) .bgthumb .thumb{background-image:url(/Common/images/nosecare/nose_review_2.jpg);}
.storepage.nosecare .noseslide .swiper-slide:nth-child(3) .bgthumb .thumb{background-image:url(/Common/images/nosecare/nose_review_3.jpg);}
.storepage.nosecare .noseslide .swiper-slide:nth-child(4) .bgthumb .thumb{background-image:url(/Common/images/nosecare/nose_review_4.jpg);}
.storepage.nosecare .noseslide .swiper-slide:nth-child(5) .bgthumb .thumb{background-image:url(/Common/images/nosecare/nose_review_5.jpg);}
.storepage.nosecare .noseslide .swiper-slide:nth-child(6) .bgthumb .thumb{background-image:url(/Common/images/nosecare/nose_review_6.jpg);}
.storepage.nosecare .noseslide .swiper-slide:nth-child(7) .bgthumb .thumb{background-image:url(/Common/images/nosecare/nose_review_7.jpg);}
.storepage.nosecare .noseslide .swiper-slide:nth-child(8) .bgthumb .thumb{background-image:url(/Common/images/nosecare/nose_review_8.jpg);}
.storepage.nosecare .noseslide .swiper-slide .inner{padding:20px; text-align:center;}
.storepage.nosecare .noseslide .swiper-slide .inner .nm{color:#222; font-size:16px; font-weight:bold;}
.storepage.nosecare .noseslide .swiper-slide .inner .starwrap .star{color:#222; font-size:16px;}
.storepage.nosecare .noseslide .swiper-slide .starwrap {padding:0 0 15px;}
.storepage.nosecare .noseslide .swiper-slide .star .material-icons{font-size:16px;}
.storepage.nosecare .noseslide .swiper-slide .point_str {font-size:14px !important; vertical-align:-2px; margin:0 0 0 3px;}
.storepage.nosecare .noseslide .swiper-slide .star.fullstar .material-icons::after{content:"star"; color:#ff451d;}
.storepage.nosecare .noseslide .swiper-slide .star.halfstar  .material-icons::after{content:"star_half"; color:#ff451d;}
.storepage.nosecare .noseslide .swiper-slide .inner .txt{text-align:justify;}

.slidewrap.noseslide .swiper-btn{background-image:none;}
.slidewrap.noseslide .swiper-btn .material-icons{background:#fff; width:50px; line-height:50px; border-radius:100%; box-shadow:0 0 10px rgba(0,0,0,0.1); text-align:center}
.slidewrap.noseslide .swiper-button-prev{left:-50px;}
.slidewrap.noseslide .swiper-button-next{right:-30px;}
.storepage.nosecare  .nosecareimg{box-shadow:0 0 15px rgba(0,0,0,0.1); padding:50px; border-radius:10px;}
.storepage.nosecare  img{width:100%;}
.storepage.nosecare  .videobox{width:70%; margin:0 auto 20px;}
.storepage.nosecare  .videobox video{width:100%;}
.storepage.nosecare  .imgbox{width:70%; margin:0 auto; font-size:0;}
.storepage.nosecare  .imgbox li{position:relative; display:inline-block; width:calc(33.3333% - 13px); vertical-align:middle; margin:0 19px 0 0; padding:30% 0 0; background-position:center center; background-repeat:no-repeat; background-size:cover; border-radius:20px; overflow:hidden;}
.storepage.nosecare  .imgbox li:last-child{margin:0;}
.storepage.nosecare  .imgbox li:nth-child(1){background-image:url(/Common/images/nosecare/nose_prod_2.jpg)}
.storepage.nosecare  .imgbox li:nth-child(2){background-image:url(/Common/images/nosecare/nose_prod_1.jpg)}
.storepage.nosecare  .imgbox li:nth-child(3){background-image:url(/Common/images/nosecare/nose_prod_3.jpg)}
.storepage.nosecare  .imgbox li span{position:absolute; left:0; bottom:0; width:100%; text-align:center; line-height:2; background-color:rgba(0,0,0,0.4); z-index:2; font-size:18px; color:#fff; font-weight:bold;}
.storepage.nosecare  p.desc{text-align:center; line-height:1.8; color:#a4bc81; font-size:24px;}
.storepage.nosecare  p.desc b{ color:#6b9532;}
.storepage.nosecare .section.lastbox{border:none; margin-bottom:0; background:url(/Common/images/nosecare/nosecare_text.png) , linear-gradient(to bottom , #fff 66% , #c8e2bf 66%) ; background-position:center bottom 100px, center bottom; background-repeat:no-repeat; padding:0 0 80px; } 
.storepage.nosecare .section.lastbox .wbox{height:100%; margin:150px auto;}
.storepage.nosecare .section.lastbox ul li{text-align:center; width:calc(33.3333% - 40px); margin:0 60px 0 0;}
.storepage.nosecare .section.lastbox ul li:nth-child(2) h3{text-indent:-10px;}
.storepage.nosecare .section.lastbox ul li:nth-child(3) h3{text-indent:-14px;}
.storepage.nosecare .section.lastbox ul li:last-child{margin:0;}
.storepage.nosecare .section.lastbox ul li h3{margin:0 0 50px; color:#6c9434;}
.storepage.nosecare .section.lastbox ul li img{box-shadow:0 0 30px rgba(0,0,0,0.2); height:500px;}

/*기획전*/
.exhibitionwrap .pagelist .dealcard ul li .pannel{position:relative; height:auto; padding:100% 0 0;}
.exhibitionwrap .pagelist .dealcard.grid1 ul li{width:50%; display:block; margin:0 auto 80px;}
.exhibitionwrap .pagelist .dealcard.grid2 ul li{width:40%;}
.exhibitionwrap .pagelist .dealcard.grid2 ul{text-align:center;}
.exhibitionwrap .pagelist .dealcard.grid1 .info .gpnm , .exhibitionwrap .pagelist .dealcard.grid2 .info .gpnm{font-size:16px; margin-top:4px;}
.exhibitionwrap .pagelist .dealcard.grid1 .price , .exhibitionwrap .pagelist .dealcard.grid2 .price{font-size:20px;}
.exhibitionwrap .pagelist .dealcard.grid1 ul li.bundle .price:first-child , .exhibitionwrap .pagelist .dealcard.grid2 ul li.bundle .price:first-child{padding-top:10px;}
.exhibitionwrap .pagelist .dealcard.grid1 .bid .price.txt , .exhibitionwrap .pagelist .dealcard.grid2 .bid .price.txt{margin-top:4px;}
.exhibitionwrap .pagelist .dealcard.grid3 ul li{width:33.3333%;}
.exhibitionwrap .pagelist .dealcard.grid4 ul li{width:25%;}
.exhibitionwrap .pagelist .dealcard ul.alignright { text-align: right; }
.exhibitionwrap .pagelist .dealcard ul.aligncenter { text-align: center; }
.exhibitionwrap .pagelist .dealcard ul.alignleft { text-align: left; }

/*선물함*/
.giftboxcontent.wreviewcontent .contentlist .producnm .polefttop{top:55%;}
.giftboxcontent.wreviewcontent .contentlist .producnm .date{padding:0 8px; background:#00bcd4; line-height:24px; border-radius:3px; margin:0 0 8px;}
.giftboxcontent.wreviewcontent .contentlist .producnm .date.color999{background:#eee;}
.giftboxcontent.wreviewcontent .contentlist .producnm .date.colorred{background:#eee;}
.giftboxcontent.wreviewcontent .contentlist .producnm .odnm{display:block;}
.giftboxcontent.wreviewcontent .buylist .buyItem .storenm {cursor:auto}
.giftboxcontent.wreviewcontent .buylist .buyItem .storenm .item{display:inline-block; color:#999; margin:0 20px 0 0; padding:0; vertical-align:middle;}
.giftboxcontent.wreviewcontent .buylist .buyItem .storenm .item.txtoverhid{max-width:160px;}
.giftboxcontent.wreviewcontent .buylist .buyItem .storenm .beforelinel:before{height:60%; left:-10px;  top:55%;}
.giftboxcontent.wreviewcontent .btnwrap .btn strong{display:block; line-height:36px;}

/*받은선물페이지*/
/*.giftrecvpop .ppwbox .ppstitle .fright{font-size:14px; color:#999;}
.giftrecvpop .bgbox{background-color:#f5f5f5; padding:20px;}*/
.giftreceive {margin:0 0 150px;}
.giftreceive .contain{margin:120px 0}
.giftreceive .wraning{top:-40px; padding:10px 0; color:#767676; font-size:16px; width:580px; text-align:center; border-radius:50em; background-color:#e6f1f7;}
.giftreceive .wraning .material-icons{margin:0 4px 0 0; font-size:18px; vertical-align:-4px;}
.giftreceive .headtitle{border-bottom:1px solid #ddd}
.giftreceive .headtitle .date{font-size:14px; line-height:24px; color:#999;}
.giftreceive .headtitle .material-icons{font-size:18px; vertical-align:-4px; margin:0 4px 0 0;}
.giftreceive .tabmenupage .buylist{padding:0;}
.giftreceive .buylist ul{min-height:160px;}
.giftreceive .imgtitle{padding-top:350px; background:url(/Common/images/gift/gift_icon.png) no-repeat top 60px left 49%; background-size:200px auto;}
.giftreceive .imgtitle em{color:#45adc8;}
.giftreceive .bgbox{position:relative; margin:0 0 30px; background:url(/Common/images/gift/message_bg.png) no-repeat top center; height:400px; padding:50px 40px;}
.giftreceive .bgbox:before{content:""; position:absolute; left:6px; bottom:-26px; width:100px; height:110px; background:url(/Common/images/gift/gift_btm_bg.png) no-repeat center; background-size:contain;}
.giftreceive .bgbox::after{content:""; position:absolute; right:32px; top:39px; width:65px; height:65px; background:url(/Common/images/gift/gift_top_bg.png) no-repeat center; background-size:contain;}
.giftreceive .bgbox .innerbox{height:100%; width:100%; padding:50px 50px 20px; border-radius:20px; border:1px solid #45adc8; background:#fff;}
.giftreceive .bgbox .innerbox .linebg{position:relative; height:100%; width:100%; padding: 30px 0; background: url(/Common/images/gift/message_line.png) no-repeat top 60px center; background-size:101% auto;}
.giftreceive .bgbox .innerbox .linebg .name{color:#45adc8; font-size:16px;}
.giftreceive .bgbox .innerbox .linebg .polefttop{left:15px;}
.giftreceive .bgbox .innerbox .linebg .porightbtm{right:15px;}
.giftreceive .bgbox .innerbox .messagebox{font-size:16px; line-height:36px; padding:0 15px;}
.giftreceive .tabmenupage .buylist > ul > li{padding:20px 0; border-color:#ddd; min-height:120px}
.giftreceive .tabmenupage .poroduct{padding:0;}
.giftreceive .contentlist li .statthumb .imgcover {display:none;}
.giftreceive .poroduct .polefttop{left:150px; top:50%; transform:translateY(-50%); width:calc(100% - 200px);}
.giftreceive .poroduct .polefttop .odnm{padding:0;}
.giftreceive .poroduct .poveticenright{right:30px}
.giftreceive .poroduct .storenm a{margin:10px 0 0; color:#999;}
.giftreceive .poroduct .storenm a .material-icons{font-size:18px; vertical-align:-3px;}
.giftreceive .deli_right .tit{width:150px;}
.giftreceive .deli_right .info{width:calc(100% - 150px);}
.giftreceive .deli_right .info .btn24{}
.giftreceive .deli_right .info .material-icons-outlined{}
.giftreceive .btnwrap {text-align:center;}
.giftreceive .btnwrap .btn48{width:250px; margin:0 8px;}
.giftreceive .wningtitle {color:#999}
.giftreceive .wningtitle .material-icons{color:#999; margin:0 4px 0 0; font-size:18px; vertical-align:-3px;}
.giftreceive .listcontain.list_dotted li{line-height:2; color:#999;}
.giftreceive .listcontain.list_dotted li:before{background-color:#999;}
/*취소시*/
.giftreceive .contentlist li.cancle .poroduct .statthumb .imgcover {display:block;}
.giftreceive .contentlist li.cancle .poroduct *{color:#ccc;}

/*배송지 입력 popup*/
.popgiftadress .order{width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.popgiftadress .btn42{width:200px;}
/*.popgiftadress{padding:30px 0;}
.popgiftadress .order .stdform p{padding-left:140px;}





/*  =====     리뉴얼 전 코드   ===== */
.lyellow { color: #ffff80; }
.yellow { color: #ff9300; }
.orange { color: #ff6600; }
.dorange { color: #ff5a1c; }
.white { color: #fff; }
.lgreen { color: #DCE983; }
.green { color: #00bcd4; }
.dgreen { color: #0d9fb9; }
.blue { color: #27a9e3; }
.dblue { color: #1c9ed7; }
.pinky { color: #D659BD; }
.lgray { color: #ccc; }
.gray { color: #999; }
.dgray { color: #888; }
.ddgray { color: #555; }
.skyblue { color: #249cff; }
.dsky { color: #0094ff; }
.black { color: #222; }
.red { color: #ff5722; }
.purple { color: #722fdb; }
.red2 { color:#fa2828; }
.challengecolor { color:#722fdb; }
.light { font-weight: 300; }
.fontnormal { font-weight:400; }
.bold { font-weight: 500; }
.bbold { font-weight: bold; }
.underline { text-decoration: underline; }
.linethrough { text-decoration:line-through; }
.Opensans { font-family: sans-serif, Gulim, Dotum; }
.Opensans.bold { font-weight: bold; }
.bg_orange { background-color: #FB8111; }
.bg_dgreen { background-color: #00acc4; color: #fff; }
.bg_white { background-color: #fff; }
.bg_llgray { background-color:#fafafa }
.bg_lgray { background-color: #ddd; }
.bg_trans { background-color: transparent; }
.bg_1dan { padding: 20px 0 40px 0; }
.bg_1dan.big { padding: 50px 0 40px 0; }
.bg_2dan { background-color: #dedede; padding: 20px 0 50px 0; }
.bg_gray { background-color: #f1f1f1; }
.bg_dgray { background-color: #999; color: #fff; }
.bg_ddgray { background-color: #232323; color: #fff; }
.bg_skyblue { background: #0095c6; color: #fff; }
.bg_dyellow { background: #ead335; color: #222; }
.bg_yellow { background: #ff9300; color: #222; }
.bg_green { background: #00bcd4; color: #fff; }
.bg_black { background: #222; color: #fff }
.bg_dgray { background: #999; color: #fff; }
.bg_pink { background: #c30052; color: #fff }
.bg_blue { background: #059ae2; color: #fff }
.bg_gradation { background: linear-gradient(270deg, #b922ff, #00bcd4); background-size: 200% 200%; }
.bg_challenge { background-color:#722fdb; }


.width100, form input.width100 { width: 100px; }
.width50, form input.width50 { width: 50px; }
.nomargintop { margin-top: 0; }
.lineheight21 { line-height: 21px; }
.floatright { float: right !important; }
.lcontent { position: absolute; left: 10px; top: 0; }
.rcontent { position: absolute; right: 10px; top: 0; }
.rcontent.half { width: 50%; right: 0; top: 0; height: 100%; }
.rcontent.action button { background: #00bcd4; color: #fff; line-height: 34px; width: 36px; border: 1px solid #00adc6; }
.rcontent.action .material-icons { color: #fff; padding: 0; }
.noradiusright, form input.noradiusright { -moz-border-radius: 2px 0 0 2px; -webkit-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; }
.orangeboldlink { color: #FB9337; font-weight: bold; }
.orangeboldlink:hover { text-decoration: underline; }
.orangeborderbottom5 { border-bottom: 5px solid #FB9337; }
.navbar .material-icons { vertical-align: -4px; }
.bg_color { width: 100%; height: 100%; text-align: center; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; }
.bg_color span { display: inline-block; width: 100%; height: 100%; background: -moz-linear-gradient(-90deg, rgba(87,234,239,1) 0%, rgba(173,160,255,1) 100%); background: -webkit-linear-gradient(-90deg, rgba(87,234,239,1) 0%,rgba(173,160,255,1) 100%); background: linear-gradient(135deg, rgba(87,234,239,1) 0%,rgba(173,160,255,1) 100%); }
.bg_color span { background: rgba(46,143,192,1); background: -moz-linear-gradient(-45deg, rgba(46,143,192,1) 0%, rgba(255,219,173,1) 11%, rgba(205,146,218,1) 22%, rgba(254,135,135,1) 33%, rgba(99,182,250,1) 44%, rgba(174,107,255,1) 55%, rgba(144,234,240,1) 66%, rgba(222,255,202,1) 77%, rgba(243,220,128,1) 88%, rgba(230,186,226,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(46,143,192,1)), color-stop(11%, rgba(255,219,173,1)), color-stop(22%, rgba(205,146,218,1)), color-stop(33%, rgba(254,135,135,1)), color-stop(44%, rgba(99,182,250,1)), color-stop(55%, rgba(174,107,255,1)), color-stop(66%, rgba(144,234,240,1)), color-stop(77%, rgba(222,255,202,1)), color-stop(88%, rgba(243,220,128,1)), color-stop(100%, rgba(230,186,226,1))); background: -webkit-linear-gradient(-45deg, rgba(46,143,192,1) 0%, rgba(255,219,173,1) 11%, rgba(205,146,218,1) 22%, rgba(254,135,135,1) 33%, rgba(99,182,250,1) 44%, rgba(174,107,255,1) 55%, rgba(144,234,240,1) 66%, rgba(222,255,202,1) 77%, rgba(243,220,128,1) 88%, rgba(230,186,226,1) 100%); background: -o-linear-gradient(-45deg, rgba(46,143,192,1) 0%, rgba(255,219,173,1) 11%, rgba(205,146,218,1) 22%, rgba(254,135,135,1) 33%, rgba(99,182,250,1) 44%, rgba(174,107,255,1) 55%, rgba(144,234,240,1) 66%, rgba(222,255,202,1) 77%, rgba(243,220,128,1) 88%, rgba(230,186,226,1) 100%); background: -ms-linear-gradient(-45deg, rgba(46,143,192,1) 0%, rgba(255,219,173,1) 11%, rgba(205,146,218,1) 22%, rgba(254,135,135,1) 33%, rgba(99,182,250,1) 44%, rgba(174,107,255,1) 55%, rgba(144,234,240,1) 66%, rgba(222,255,202,1) 77%, rgba(243,220,128,1) 88%, rgba(230,186,226,1) 100%); background: linear-gradient(135deg, rgba(46,143,192,1) 0%, rgba(255,219,173,1) 11%, rgba(205,146,218,1) 22%, rgba(254,135,135,1) 33%, rgba(99,182,250,1) 44%, rgba(174,107,255,1) 55%, rgba(144,234,240,1) 66%, rgba(222,255,202,1) 77%, rgba(243,220,128,1) 88%, rgba(230,186,226,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e8fc0', endColorstr='#e6bae2', GradientType=1 ); background-size: 1000% 100%; -webkit-animation: Gradient 20s ease infinite; -moz-animation: Gradient 20s ease infinite; animation: Gradient 20s ease infinite; }
.screenout { position: absolute; top: -9999em; left: -9999em; width: 1px; height: 1px; overflow: hidden; text-indent: -9999em; }
.shadownone{box-shadow:none; text-shadow:none;}
/*shm_200313 color palette*/
/*:root {
    --dbBlue100: #80deea;
    --dbBlue200: #4dcfe1;
    --dbBlue300: #00bcd4;
    --dbBlue400: #0096a7;
    --dbBlue500: #005f64;

    --dbOrange100: #ffa991;
    --dbOrange200: #ff6a42;
    --dbOrange300: #ff451d;
    --dbOrange400: #e33713;
    --dbOrange500: #c42308;

    --dbYellow: #f9a825;

    --gray50: #f8f8f8;
    --gray100: #f1f1f1;
    --gray200: #ddd;
    --gray300: #ccc;
    --gray400: #bbb;
    --gray500: #999;
    --gray600: #555;
    --gray700: #333;
    --gray800: #222;
}*/
/*shm_200313 color palette*/

.w100 { width: 100%; }
.w1240 { width: 1242px; margin: 0 auto; }
.w990 { width: 988px; margin: 0 auto; }
.w980 { width: 978px; margin: 0 auto; }
.w800 { width: 798px; margin: 0 auto; }
.w600 { width: 600px; margin: 0 auto; position: relative; }
.w500 { width: 500px; margin: 0 auto; }
.w500.ma80 { width: 500px; margin: 80px auto; }
.w560 { width: 560px; margin: 40px auto; }
.w400 { width: 460px; margin: 0 auto; }
.w300 { width: 320px; margin: 0 auto; }
.font11 { font-size: 11px; font-family: Dotum,Gulim,"Apple Gothic"; -webkit-text-size-adjust: none; }
.font12 { font-size: 12px; line-height: 12px; }
.font13 { font-size: 13px; line-height: 15px; }
.font14 { font-size: 14px; line-height: 18px; }
.font16 { font-size: 16px; line-height: 20px; }
.font18 { font-size: 18px; line-height: 28px; }
.font20 { font-size: 20px; }
.font22 { font-size: 22px; }
.font24 { font-size: 24px; line-height: 36px; }
.font28 { font-size: 28px; line-height: 30px;  }
.font30 { font-size: 30px; }
.font32 { font-size: 32px; line-height: 34px;}
.font36 { font-size: 36px; }
.font40 { font-size: 40px; }
.font48 { font-size: 48px; }
.font54 { font-size: 54px; }
.font60 { font-size: 60px; }

.dbdb-ripple { display: inline-block; position: relative; left: 50%; top: 50%; transform: translateY(-70%); width: 64px; height: 64px; }
.dbdb-ripple div { position: absolute; border: 4px solid #bbb; opacity: 1; border-radius: 50%; animation: dbdb-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; }
.dbdb-ripple div:nth-child(2) { animation-delay: -0.5s; }

.lds-grid { display: inline-block; position: relative; width: 64px; height: 64px; }
.lds-grid div { position: absolute; width: 13px; height: 13px; border-radius: 50%; background: #fff; animation: lds-grid 1.2s linear infinite; }
.lds-grid div:nth-child(1) { top: 6px; left: 6px; animation-delay: 0s; }
.lds-grid div:nth-child(2) { top: 6px; left: 26px; animation-delay: -0.4s; }
.lds-grid div:nth-child(3) { top: 6px; left: 45px; animation-delay: -0.8s; }
.lds-grid div:nth-child(4) { top: 26px; left: 6px; animation-delay: -0.4s; }
.lds-grid div:nth-child(5) { top: 26px; left: 26px; animation-delay: -0.8s; }
.lds-grid div:nth-child(6) { top: 26px; left: 45px; animation-delay: -1.2s; }
.lds-grid div:nth-child(7) { top: 45px; left: 6px; animation-delay: -0.8s; }
.lds-grid div:nth-child(8) { top: 45px; left: 26px; animation-delay: -1.2s; }
.lds-grid div:nth-child(9) { top: 45px; left: 45px; animation-delay: -1.6s; }

ul.disc { list-style-position:outside; list-style:disc; }

/*************** SCROLLBAR BASE CSS ***************/

.scroll-wrapper { overflow: hidden !important; padding: 0 !important; position: relative; }

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

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


/*************** BTN BASE CSS ***************/

.basicbtn{display:inline-block; padding: 0 10px; line-height:30px; height:30px; box-sizing:border-box;}
.basicbtn:hover{color:#00bcd4; border:1px solid #00bcd4;}
.border_ccc{border:1px solid #ccc; color:#ccc;}
.border_000{border:1px solid #222; color:#222;}
.border_fff{border:1px solid #fff; color:#fff;}
.border_444{border:1px solid #555; color:#555;}
.border_666{border:1px solid #555; color:#555;}
.border_999{border:1px solid #999; color:#999;}
.border_777{border:1px solid #767676; color:#767676;}
.border_cc77{border:1px solid #ccc; color:#767676;}


/*************** SCROLLBAR DYNAMIC ***************/

.scrollbar-dynamic > .scroll-element,
.scrollbar-dynamic > .scroll-element div { background: none; border: none; margin: 0; padding: 0; position: absolute; z-index: 10; }

.scrollbar-dynamic > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; }

.scrollbar-dynamic > .scroll-element.scroll-x { bottom: 2px; height: 7px; left: 0; min-width: 100%; width: 100%; }

.scrollbar-dynamic > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 2px; top: 0; width: 7px; }

.scrollbar-dynamic > .scroll-element .scroll-element_outer { opacity: 0.3; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }
.scrollbar-dynamic > .scroll-element .scroll-element_size { background-color: #cccccc; opacity: 0; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; -ms-transition: opacity 0.2s; transition: opacity 0.2s; }

.scrollbar-dynamic > .scroll-element .scroll-bar { background-color: #6c6e71; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }

/* scrollbar height/width & offset from container borders */

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar { bottom: 0; height: 7px; min-width: 24px; top: auto; }
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar { left: auto; min-height: 24px; right: 0; width: 7px; }

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer { bottom: 0; top: auto; left: 2px; -webkit-transition: height 0.2s; -moz-transition: height 0.2s; -o-transition: height 0.2s; -ms-transition: height 0.2s; transition: height 0.2s; }

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer { left: auto; right: 0; top: 2px; -webkit-transition: width 0.2s; -moz-transition: width 0.2s; -o-transition: width 0.2s; -ms-transition: width 0.2s; transition: width 0.2s; }

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size { top: -4px; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }


/* hover & drag */

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer { overflow: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; }
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size { opacity: 1; }
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar { height: 100%; width: 100%; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }

.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer { height: 20px; min-height: 7px; }
.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer { min-width: 7px; width: 20px; }

@keyframes dbdb-ripple {
    0% { top: 28px; left: 28px; width: 0; height: 0; opacity: 1; }
    100% { top: -1px; left: -1px; width: 58px; height: 58px; opacity: 0; }
}

@keyframes lds-grid {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}


@keyframes cp-round-animate {
    0% { transform: rotate(0); }
    100% { transform: rotate(360deg); }
}

@keyframes cp-meter-animate-before {
    0% { transform: rotate(-45deg); }
    100% { transform: rotate(315deg); }
}


@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
    20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); }
    20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); }
}

@-webkit-keyframes sk-scaleout {
    0% { -webkit-transform: scale(0) }
    100% { -webkit-transform: scale(1.0); opacity: 0; }
}

@keyframes loadvideo {
    0% { width: 0; }
    100% { width: 100%; }
}

@keyframes Toright70 {
    from { width: 0; }
    to { width: calc(50% + 110px); }
}

@keyframes Toright70-2 {
    from { width: 0; background: #ff5722; }
    to { width: calc(50% - 110px); background: #ff5722; animation-fill-mode: forwards; }
}

@keyframes toGreen {
    0% { background: #999; }
    100% { background: #00bcd4; }
}

@keyframes toOrange {
    0% { background: #999; }
    100% { background: #fa4b00; }
}

@keyframes sk-scaleout {
    0% { -webkit-transform: scale(0); transform: scale(0); }
    100% { -webkit-transform: scale(1.0); transform: scale(1.0); opacity: 0; }
}

@keyframes bgAnimate {
    0% { background-position: 93% 0%; }
    50% { background-position: 0% 100%; }
    100% { background-position: 93% 0%; }
}

@keyframes overinfo {
    0% { top: 100%; opacity: 0; }
    50% { opacity: 0.3; }
    100% { top: 0; opacity: 1; }
}

@keyframes context {
    0% { -webkit-transform: scale(0); transform: scale(0); transform-origin: top right; opacity: 0; }
    50% { opacity: 0.2; }
    100% { -webkit-transform: scale(1.0); transform: scale(1.0); transform-origin: top right; opacity: 1; }
}

@keyframes contextlt {
    0% { -webkit-transform: scale(0); transform: scale(0); transform-origin: top left; opacity: 0; }
    50% { opacity: 0.2; }
    100% { -webkit-transform: scale(1.0); transform: scale(1.0); transform-origin: top left; opacity: 1; }
}

@keyframes contextup {
    0% { -webkit-transform: scale(0); transform: scale(0); transform-origin: bottom right; opacity: 0; }
    50% { opacity: 0.3; }
    100% { -webkit-transform: scale(1.0); transform: scale(1.0); transform-origin: bottom right; opacity: 1; }
}

@media screen and (min-width: 1280px) {
    rbox, cbox { width: 1240px; padding: 0 15px; }
}

@keyframes upSlide {
    from { opacity: 0; -webkit-transform: translate3d(0,120%,0); transform: translate3d(0,120%,0); }
    to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
    /*100% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }*/
}

@keyframes upSlidehalf {
    from { opacity: 0; -webkit-transform: translate3d(0,30%,0); transform: translate3d(0,30%,0); }
    to { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
    /*100% { -webkit-transform: translate3d(0,0,0); transform: translatetitleicon3d(0,0,0); }*/
}

@keyframes fadeinDiv {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeinDivhalf {
    from { opacity: 0.4; }
    to { opacity: 1; }
}

@keyframes gradient {
    0% { opacity: 0; }
    100% { opacity: 1; top: 0; }
}

@keyframes inputHighlighter {
    from { background: #fff; }
    to { width: 0; background: transparent; }
}

@-webkit-keyframes Anibg {
    0% { background-position: 0% 50% }
    50% { background-position: 100% 50% }
    100% { background-position: 0% 50% }
}

@-moz-keyframes Anibg {
    0% { background-position: 0% 50% }
    50% { background-position: 100% 50% }
    100% { background-position: 0% 50% }
}

@keyframes Anibg {
    0% { background-position: 0% 50% }
    100% { background-position: 0% 50% }
}

@keyframes ConUpDown {
    0% { opacity:0; transform:translateY(-50px); }
    100% { opacity:1; transform:translateY(0);}
}

@keyframes ConDownUp {
    0% { opacity:0; transform:translateY(50px); }
    100% { opacity:1; transform:translateY(0); }
}

@keyframes ConLeftRight {
    0% {  opacity:0; transform:translateX(-50px);  }
    100% {  opacity:1; transform:translateX(0); }
}

@keyframes ConRightLeft {
    0% { opacity:0; transform:translateX(50px); }
    100% {  opacity:1; transform:translateX(0); }
}

/*원형프로그래스바*/
.circleprogress { position:relative; display:inline-block; }
.circleprogress.default svg.radial-progress circle { stroke-dashoffset:219.91148575129 !important; }
svg.radial-progress { display:block; height:auto; width:150px; transform: rotate(-90deg); }
svg.radial-progress circle { fill: rgba(0,0,0,0); stroke:#00bcd4; stroke-dashoffset:219.91148575129; stroke-width:10; transition:stroke-dashoffset ease 2.5s; transition-delay:1s; }
svg.radial-progress circle.incomplete { opacity:0.25; }
svg.radial-progress circle.complete { stroke-dasharray:219.91148575129; }
svg.radial-progress text { fill:#00bcd4; text-anchor:middle; }
.circleprogress .cont { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }

/*챌린지 프로그래스바*/
/*.progresswrap.challenge .inner { position:relative; float:left; width:50%; min-height:60px; padding:0 0 0 67px; color:#fa2828; border-radius:4px; }
.progresswrap.challenge .circleprogress { top:0; left:0; width:60px; height:60px; }
.progresswrap.challenge .circleprogress svg.radial-progress { width:60px; }
.progresswrap.challenge .circleprogress svg.radial-progress circle.complete { transition-delay:1.3s; }
.progresswrap.challenge .circleprogress .num { line-height:1; font-size:24px; font-weight:700; white-space:nowrap; }
.progresswrap.challenge .circleprogress .num .unit { font-size:14px; font-weight:400; vertical-align:1px; }
.progresswrap.challenge .txt { padding:12px 0 0; font-size:14px; font-weight:500; letter-spacing:-0.03em; }
.progresswrap.challenge .txt .desc { font-size:12px; }
.progresswrap.challenge .countdown { margin:-5px 0 0 -3px !important; padding:0 !important; }
.progresswrap.challenge .countdown-container.days { padding-right:10px !important; }
.progresswrap.challenge .countdown-container .countdown-value { color:#555; font-size:15px; font-weight:700; padding:8px 1px; }
.progresswrap.challenge .countdown-container::after { top:10px !important; right:-4px; bottom:auto; border-radius:50%; width:2px; height:2px; background-color:#555 !important; color:inherit !important; }
.progresswrap.challenge .countdown-container::before { top:16px !important; right:-4px;bottom:auto; border-radius:50%; width:2px; height:2px; background-color:#555 !important; color:inherit !important; }
.progresswrap.challenge .countdown-container:first-child::after { bottom:8px !important; top:auto !important; width:auto; height:auto; color:#555; font-size:15px; font-weight:700; }
.progresswrap.challenge .countdown-container:first-child::before { content:''; display:none; }
.progresswrap.challenge .inner.day { color:#555; }
.progresswrap.challenge .inner.day .circleprogress svg.radial-progress circle.complete { stroke:#555; transition-delay:1s; }
.progresswrap.challenge .inner.day .circleprogress .material-icons { color:#555; }
.progresswrap.challenge.nostart .inner:last-child .circleprogress, .progresswrap.challenge.notime .inner:first-child .circleprogress { opacity:.5; }
.progresswrap.challenge.hit .circleprogress .material-icons.challengeicon { color:#fa2828; transition:2.5s; animation: challengeHit .8s infinite ease-in-out; }
.progresswrap.challenge.clock .circleprogress .material-icons.timeicon { transition:2.5s; animation: challengetime 1s infinite ease-in-out; }*/
@keyframes challengeHit {
    0% {
        transform:scale(1);
    }
    50% {
         transform:scale(1.2);
    }
    100% {
         transform:scale(1);
    }
}
@keyframes challengetime {
    0% {
       transform:translateX(0) rotate(0);
    }
    15% {
         transform:translateX(-1px) rotate(-8deg);
    }
    25% {
         transform:translateX(1px) rotate(8deg);
    }
    35% {
         transform:translateX(-1px) rotate(-8deg) scale(1.05);
    }
    45% {
         transform:translateX(1px) rotate(8deg) scale(1.1);
    }
    55% {
         transform:translateX(-1px) rotate(-8deg) scale(1.1);
    }
    65% {
         transform:translateX(1px) rotate(8deg) scale(1.05);
    }
    75% {
        transform:translateX(-1px) rotate(-8deg);
    }
    85% {
        transform:translateX(1px) rotate(8deg);
    }
    100% {
        transform:translateX(0) rotate(0);
    }
}


.btn_yellow { background-position: 0 -38px; border-color: #ebb205; color: #ae510d; }
.btn_gray { background: #f0f0f0; border-color: #ccc; color: #222; }
.btn_green { background: #00bcd4; border: 1px solid #00bcd4; color: #fff; }
.btn_green .material-icons { color: #fff !important; border: 0 !important; }
.btn_green:hover { background: #0d9fb9 !important; border-color: #0d9fb9 !important; cursor: pointer; color: #fff !important; }
.btn_green:hover .material-icons { color: #fff; }
.btn_green_grid { color: #00bcd4 !important; border: 1px solid #00bcd4; box-shadow: none; -webkit-box-shadow: none; }
.btn_green_grid:hover { background-color: #00bcd4!important; cursor: pointer; color: #fff!important;  }
.btn_green_grid:hover .material-icons { color: #fff; }
.btn_green_grid .material-icons , .btn_green_grid .material-icons-outlined { color: #00bcd4; border: 0 !important; }
.btn_black_grid { background: #fff !important; color: #333 !important; border: 1px solid #333 !important; box-shadow: none; -webkit-box-shadow: none; }
.btn_black_grid .material-icons { color: #333; }
.btn_blue { background: #27a9e3; border: 1px solid #1c9ed7; cursor: pointer; color: #fff; }
.btn_blue:hover, .btn_bluehover:hover { background: #1c9ed7 !important; border: 1px solid #1c9ed7 !important; cursor: pointer; color: #fff !important; }
.btn_blue_grid { border:1px solid #27a9e3; color:#27a9e3; background-color:transparent; }
.btn_blue_grid:hover { border-color:#1c9ed7; color:#1c9ed7; }
.btn_sky { background: #127BB2; border: 1px solid #127BB2; color: #fff; }
.btn_pinky { background: #DA0071; border: 1px solid #D90072; color: #fff; }
.btn_black { background-color: #555; border-color: #555; color: #fff; }
.btn_black:hover { background-color: #333 !important; border-color: #333 !important; color: #fff !important; }
.btn_black .material-icons { color: #fff; }
.btn_purple {background:#722fdb; color:#fff; border-color:#722fdb;}
.btn_purple:hover {color:#fff !important;}
.btn_lime { background: #f1f1f1; border: 2px solid #00bcd4 !important; color: #00bcd4 !important; }
.btn_lime:hover { background: #ddd !important; border-color: #0096a7 !important; cursor: pointer; color: #0096a7 !important; }
.btn_orange { background-color: #ff451d; border-color: #ff451d; color: #fff; }
.btn_orange:hover { background-color: #e33713 !important; border-color: #e33713 !important; color: #fff !important; }
.btn_more { background-color: #ddd; border-color: #bbb; color: #888; padding-left: 60px; padding-right: 60px; }
.btn_more:hover { background-color: #555; color: #fff; border-color: #555; }
.btn_white { background-color: #fff !important; border-color: #f0f0f0 !important; color: #999 !important; border-radius:3px;}
.btn_white:hover { background-color: #f5f5f5 !important; }
.btn_white .material-icons { color: #999 !important; }
.btn_white_grid { background: transparent; border-color: #fff; color: #fff !important; }
.btn_white_grid .material-icons { color: #fff; }
.btn_white_grid:hover { background: #0096a7 !important; color: #fff !important; border-color: #0096a7 !important; }
.btn_red { background-position: 0 -228px; border-color: #a31314; color: #fff; }
.btn_clear { background-color: none; border-color: #999; color: #fff; }
.btn_clear.moveup { background: #222 url('/Common/images/icons/icon_moveup.png') 6px center no-repeat; background-size: 18px auto; }
.btn_clear.movedown { background: #222 url('/Common/images/icons/icon_movedown.png') 6px center no-repeat; background-size: 18px auto; }
.btn_clear.delete { background: #222 url('/Common/images/icons/icon_cross.png') 6px center no-repeat; background-size: 18px auto; }
.btn_yellow:active { background: #ffde06; }
.btn_blue:active { background: #0591e5; }
.btn_black:active { background: #333333; }
.btn_lime:active { background: #6adc0b; }
.btn_yellow { background: #ff9300; border: 1px solid #f48c00; color: #fff; }
.btn_yellow .material-icons { color: #fff !important; border: 0 !important; }
.btn_yellow:hover { background: #f48c00 !important; border-color: #f48c00 !important; cursor: pointer; color: #fff !important; }
.btn_yellow:hover .material-icons { color: #fff; }
.btn_red:active { background: #eb2f30; }
.btn_challengecolor { background-color:#722fdb; color:#fff; border-color:transparent; }
.btn_challengecolor:hover { background-color:#631dcf; color:#fff; border-color:transparent; }
.btn_challengecolor_grid { background-color:transparent; border-color:#722fdb; color:#722fdb; }
.btn_challengecolor_grid:hover { background-color:#722fdb; border-color:#722fdb; color:#fff; }
.stdbtn.btn_arrow { position:relative; width:100%; display:block; height:50px; line-height:48px; padding-right:40px; font-size:16px; text-align:left; }
.stdbtn.btn_arrow .arrow { position:absolute; top:50%; right:14px; transform:translateY(-50%); }
.boxshadow { -moz-box-shadow: 0 0 3px #ccc; -webkit-box-shadow: 0 0 3px #ccc; box-shadow: 0 0 3px #ccc; }
.number { font-family: 'Roboto Condensed', sans-serif; }
.divsep { border-bottom: 1px solid #cdcdcd; height: 0; margin: 10px 0; }


/* 신규셀러기획전  */
.slidestore .newstorelist {position:relative; padding:80px; margin:0 0 80px; border-radius:20px; box-shadow:0 1px 10px rgba(0,0,0,0.1);}
.slidestore .newstorelist .storeinfo{top:80px; left:80px; width:390px; height:calc(100% - 160px)}
.slidestore .storeinfo .profilebox{position:relative; margin:0 0 10px;}
.slidestore .storeinfo .profilebox img{width:auto; height:34px; cursor:pointer; transform:translateY(-50%) scale(1); transition:transform 0.3s;}
.slidestore .storeinfo .profilebox img:hover{transform:translateY(-50%) scale(1.1);}
.slidestore .storeinfo .bg_profile{width:34px; height:34px;}
.slidestore .storeinfo .storenm {display:inline-block; width:calc(100% - 140px); line-height:34px; margin:0 0 0 8px; font-size:16px;}
.slidestore .storeinfo .desc {padding:10px 0 0; border-top:1px solid #ddd;}
.slidestore .storeinfo .taglistbox {margin:15px 0 0; padding:0; height:68px; overflow:hidden;}
.slidestore .storeinfo .taglistbox .tag2{border:0 !important; font-size:12px;}
.slidestore .storeinfo .changebtnwrap{width:100%; font-size:0;}
.slidestore .storeinfo .changebtnwrap button{width:70%;}
.slidestore .storeinfo .changebtnwrap button div{line-height:39px;}
.slidestore .storeinfo .changebtnwrap button img{width:40px; vertical-align:-5px; margin:0 0 0 8px;}
.slidestore .storeinfo .changebtnwrap a{ width:calc(30% - 8px); margin:0 0 0 8px; text-align:center;}
.slidestore .storeinfo .changebtnwrap .btn_manage{width:100%; }
.slidestore .prodbox {padding:0 0 0 430px;}
.slidestore .prodbox .pagelist .dealcard{padding:0;}
.slidestore .prodbox .circle{top:30%;}
.slidestore .prodbox .poveticenleft{left:-13px !important}
.slidestore .prodbox .poveticenright{right:-13px !important}
.slidestore .prodbox .pagelist .dealcard ul li{margin-bottom:0;}
.slidestore .prodbox .pagelist .dealcard .pannel{height:183px;}
.slidestore .prodbox .pagelist .dealcard .line1 ,
.slidestore .prodbox .pagelist .dealcard .line2 .zzim {display:none !important;}


/* ==========  리뉴얼 새로운 중복 클래스( 상시 하단 고정되야함 ) =======*/
/*    title   desc    contain  etc   */
.titlesection{position:relative; font-size:24px; padding:0 10px 20px; line-height:1; color:#222;}
.stitlesection{position:relative; font-size:16px; padding:20px 0 10px; line-height:1; color:#222;}
.poptitle{position:absolute; left:50%; top:0; transform:translateX(-50%); width:100%; font-size:24px; line-height:50px; color:#222; text-align:center;}
.popsubtitle{position:relative; font-size:18px; padding:20px 0 10px; line-height:1; color:#222;}
.titlesub{position:relative; font-size:18px; padding:0 0 10px; line-height:1; color:#222;}
.rdesc{position:relative; font-size:14px;vertical-align:2px; padding:0 0 0 16px; margin:0 0 0 10px; font-weight:normal;}
.rdesc:before{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:12px; background:#222;}
.pagenav{padding:20px 0;}
.pagenav .pstep{display:inline-block; font-size:14px; color:#999;}
.pagenav .pstep .material-icons-outlined{font-size:18px; vertical-align:-4px; margin:0 7px;}
.pagenav .pstep.on{color:#00bcd4;}
.pagenav .pstep.on .material-icons-outlined{color:#00bcd4;}
.containmo_dept1{padding:0 15px;}


/* 리스트 형식 */
.list_col{position:relative; width:100%;}
.list_col li:first-child{margin:0;}
.col_6 > li{position:relative; float:left; margin:0 0 0 20px; width:calc(16.6666% - 16.666px);}
.col_5 > li{position:relative; float:left; margin:0 0 0 20px; width:calc(20% - 16px);}
.col_4 > li{position:relative; float:left; margin:0 0 0 20px; width:calc(25% - 15px);}
.col_3 > li{position:relative; float:left; margin:0 0 0 20px; width:calc(33.333% - 13.333px);}
.col_2 > li{position:relative; float:left; margin:0 0 0 20px; width:calc(50% - 10px);}
.col_1 > li{position:relative; width:100%;}
.col_6 > .item{position:relative; float:left; margin:0 0 0 20px; width:calc(16.6666% - 16.666px);}
.col_5 > .item{position:relative; float:left; margin:0 0 0 20px; width:calc(20% - 16px);}
.col_3 > .item{position:relative; float:left; margin:0 0 0 20px; width:calc(33.333% - 13.333px);}
.col_2 > .item{position:relative; float:left; margin:0 0 0 20px; width:calc(50% - 10px);}
.col_1 > .item{position:relative; width:100%;}
.col_1{width:100%;}
/*.dsptable{display:table; table-layout:fixed; width:100%;}
.dsptable li{display:table-cell; width:100%;}
.dsptable .table-cell{display:table-cell;}*/
.distable{display:table !important; table-layout:fixed; width:100%;}
.distable li{display:table-cell !important;}
.distable .table-cell{display:table-cell !important;}
/*     position     */
.relative{position:relative;}
.posicenter{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.polefttop{position:absolute; left:0; top:0;}
.porighttop{position:absolute; right:0; top:0;}
.poleftbtm{position:absolute; left:0; bottom:0;}
.porightbtm{position:absolute; right:0; bottom:0;}
.poveticenleft{position:absolute; top:50%; left:0; transform:translateY(-50%);}
.poveticenright{position:absolute; top:50%; right:0; transform:translateY(-50%);}
.pohoricentop{position:absolute; left:50%; top:0; transform:translateX(-50%); vertical-align:0;}
.pohoricenbtm{position:absolute; left:50%; bottom:0; transform:translateX(-50%); vertical-align:0;}

.pofixblank{position:fixed; left:0; right:0; top:0; bottom:0; background-color:rgba(0,0,0,0.5); z-index:20;}
.pofix{position:fixed; left:0; top:0;}

.relativeDiv { position: relative; left: 0; height: 0; }
.relativeDiv.solo { height: inherit; }
.relativeDiv.right { float: right; top: -20px; z-index: 9999; }


/*cover*/
.imgcover{ position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.4);}
.imgcover .imgtag{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); line-height:32px; background:#fa2828; border-radius:3px; width:70%; color:#fff !important; text-align:center; z-index:2;}

/*cancle line*/
.cancleline:after{content:""; position:absolute; left:50%; top:50%; width:1px; height:120%; background:#999; transform:translate(-50%, -50%)  rotate(45deg); z-index:1;}
.cancleline:before{content:""; position:absolute; left:50%; top:50%; width:1px; height:120%; background:#999; transform:translate(-50%, -50%)  rotate(-45deg); z-index:1;}

/* positioncenterline & materal*/
.beforelinel , .beforeliner , .afterlinel , .afterliner{position:relative;}
.beforelinel:before{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:80%; background-color:#ddd;}
.beforeliner:before{content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:80%; background-color:#ddd;}
.afterlinel:after{content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:80%; background-color:#ddd;}
.afterliner:after{content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:80%; background-color:#ddd;}

.materialleft{position:absolute; left:-25%; top:50%; transform:translate(-50%,-50%); color:#999;}
.materialright{position:absolute; right:-25%; top:50%; transform:translate(-50%, -50%); color:#999;}

/*       float     */
.fleft{float:left;}
.fright{float:right;}
.overhid{overflow:hidden;}
.floatwrap::after { content: ''; display: block; clear: both; }

/*    PADDING  / MARGIN     */
.nopadding { padding: 0 !important; }
.padding0{padding:0 !important;}
.padding4_0{padding:4px 0;}
.padding00_8{padding:0 0 8px;}
.padding000_8{padding:0 0 0 8px;}
.padding0_10 { padding:0 10px; }
.padding0_15 { padding:0 15px; }
.padding0_20 { padding:0 20px; }
.padding0_30 { padding:0 30px; }
.padding0_50 { padding:0 50px;}
.padding10_0 { padding:10px 0px; }
.padding15_0 { padding:15px 0px; }
.padding20_0 { padding:20px 0px; }
.padding30_0 { padding:30px 0px; }
.padding80_0 { padding:80px 0; }
.padding10_00 { padding:10px 0 0; }
.padding15_00 { padding:15px 0 0; }
.padding20_00 { padding:20px 0 0; }
.padding30_00 { padding:30px 0 0; }
.padding00_10 { padding:0 0 10px; }
.padding00_15 { padding:0 0 15px; }
.padding00_50 { padding:0 0 50px;}
.padding00_100 { padding:0 0 100px !important;}
.padding10 { padding: 10px; }
.padding20 { padding: 20px; }
.padding30 { padding: 30px; }
.padding50 { padding: 50px;}
.padding30_20 { padding:30px 20px; }
.padding30_15 { padding:30px 15px; }
.padding50_0 { padding:50px 0; }
.padding50_20 { padding:50px 20px; }
.padding50_15 { padding:50px 15px; }
.padding20-0 { padding:20px 0px; }

.nomargin { margin: 0 !important; }
.margin0{margin:0 !important;}
.margin0auto{margin:0 auto !important;}
.margin00_8{margin:0 0 8px;}
.margin000_8{margin:0 0 0 8px;}
.margin008{margin:0 0 8px;}
.margin0_10 { margin:0 10px; }
.margin0_15 { margin:0 15px; }
.margin0_20 { margin:0 20px; }
.margin0_30 { margin:0 30px; }
.margin0_50 { margin:0 50px; }
.margin10_0 { margin:10px 0; }
.margin15_0 { margin:15px 0; }
.margin20_0 { margin:20px 0; }
.margin30_0 { margin:30px 0; }
.margin50_0 { margin:50px 0; }
.margin10_00 { margin:10px 0 0; }
.margin15_00 { margin:15px 0 0; }
.margin20_00 { margin:20px 0 0; }
.margin30_00 { margin:30px 0 0; }
.margin100_0{ margin:100px 0; }
.margin100_00{ margin:100px 0 0; }
.margin00_100 { margin:0 0 100px; }
.margin30_0 { margin: 30px 0px; }
.margin00_30 { margin:0 0 30px; }
.margin30_20 { margin:30px 20px; }
.margin30_15 { margin:30px 15px; }
.margin50_00 { margin:50px 0 0; }
.margin50auto { margin:50px auto; }
.margin80_00 { margin:80px 0 0; }
.margin80auto { margin:80px auto; }
.margin50 { margin:50px; }
.clearall { clear: both; float: none; height: 0; }

/*     BG COLOR     */
.bg_dibi{background: #00BCD4; color: #fff;}
.bg_ddd{background:#dddddd;}
.bg_e9e9{background:#e9e9e9;}
.bg_f0f0{background:#f0f0f0;}
.bg_f5f5{background:#f5f5f5;}
.bg_fafa{background:#fafafa;}
.bg_red28{background:#fa2828; color:#fff;}
.bg_puple{background:#722fdb; color:#fff;}
.bg_blue{background:#e6f1f7;}

/*     LINE COLOR     */
.linedibi{border:1px solid #00BCD4;}
.linedibibtm{border-bottom:1px solid #00BCD4;}
.linedibitop{border-top:1px solid #00BCD4;}
.line444{border:1px solid #555444;}
.line444btm{border-bottom:1px solid #555444;}
.line444top{border-top:1px solid #555444;}
.line777{border:1px solid #767676;}
.line777btm{border-bottom:1px solid #767676;}
.line777top{border-top:1px solid #767676;}
.lineddd{border:1px solid #DDDDDD;}
.linedddbtm{border-bottom:1px solid #DDDDDD;}
.linedddtop{border-top:1px solid #DDDDDD;}
.lineeee{border:1px solid #EEEEEE;}
.lineeeebtm{border-bottom:1px solid #EEEEEE;}
.lineeeetop{border-top:1px solid #EEEEEE;}
.linenone{border:none;}
.linef1f1btm{border-bottom:1px solid #f1f1f1;}

.lineeeetb{border-top:1px solid #eee; border-bottom:1px solid #eee;}
.line555tb{border-top:1px solid #555; border-bottom:1px solid #555;}
.line777tb{border-top:1px solid #777; border-bottom:1px solid #777;}
.linedibitb{border-top:1px solid #00BCD4; border-bottom:1px solid #00BCD4;}

/*      FONT COLOR     */
.colordibi{color:#00bcd4;}
.color222{color:#222;}
.color555{color:#555;}
.color7676{color:#767676;}
.color999{color:#999;}
.colorwhite{color:#fff;}
.colorred{color:#fa2828;}
.coloryellow{color:#ffef7a;}
.bg_puple{background:#722fdb; color:#fff;}
.bg_skyblue3 { background-color: #f0f8fb !important;}
.bg_white { background-color: #fff; }

/*  FONT SIZE     */
.font0h1{font-size:0;}
.font44h1{font-size:44px; line-height:1;}
.font32h1{font-size:32px; line-height:1;}
.font24h1{font-size:24px; line-height:1;}
.font20h1{font-size:20px; line-height:1;}
.font18h1{font-size:18px; line-height:1;}
.font16h1{font-size:16px; line-height:1;}
.font14h1{font-size:14px; line-height:1;}
.font12h1{font-size:12px; line-height:1;}


/*     font-weight  decoration     */
.underline { text-decoration: underline; }
.linethrough { text-decoration:line-through; }
.bold { font-weight: bold; }
.bold500 { font-weight: 500; }
.fontnormal { font-weight:400; }
.light { font-weight:300; }

/*     text-align*/
.alignright { text-align: right; }
.aligncenter { text-align: center; }
.alignleft { text-align: left; }
.justify { text-align: justify; }

/*      display        */
.disblock{display:block;}
.disinblok{display:inline-block;}
.disinline{display:inline;}
.disflex{display: flex;}
.disnone{display: none !important;}

/*      input      */
.input48{height:48px; padding:5px 10px; font-size:18px; background-color:#fff;}
.input40{height:40px; padding:5px 10px; font-size:16px; background-color:#fff;}
.input32{height:32px; padding:5px 10px; font-size:14px; background-color:#fff;}
.input24{height:24px; padding:5px 10px; font-size:12px; background-color:#fff;}
.inputbefore .material-icons{position:absolute; right:10px; top:50%; transform:translateY(-50%);}
.inputbeforbg .textbox{ padding:0 60px 0 20px;}
.inputbeforbg .material-icons{position:absolute; right:0; top:50%; transform:translateY(-50%); padding:0 12px; height:100%; text-align:center;}
.inputafter .textbox{ padding:0 20px 0 40px;}
.inputafter .material-icons{position:absolute; left:0; top: 50%; transform:translateY(-50%); padding:0 12px; text-align:center;}
.inputafterbg .textbox{ padding:0 20px 0 60px;}
.inputafterbg .material-icons{position:absolute; left:0; top: 50%; transform:translateY(-50%);  padding:0 12px; height:100%; text-align:center;}
.inplinebtm{border-top:none; border-left:none; border-right:none;}
.inputredoly{background: #ddd;  -webkit-box-shadow:inset 1px 1px 4px rgba(0,0,0,0.2); -moz-box-shadow:inset 1px 1px 4px rgba(0,0,0,0.2); box-shadow:inset 1px 1px 4px rgba(0,0,0,0.2);}
.plaholderdibi input::placeholder  {color:#00bcd4;}
.plaholderdibi input::-webkit-input-placeholder {color:#00bcd4;}
.plaholderdibi input:-ms-input-placeholder {color:#00bcd4;}
.plaholder999 input::placeholder  {color:#999999;}
.plaholder999 input::-webkit-input-placeholder {color:#999999;}
.plaholder999 input:-ms-input-placeholder {color:#999999;}

/*     CHACK BOX        */
.slidechk .chkbtn{display:inline-block; width:100px; height:30px; padding:5px 20px;}
.slidechk .chkbtn:before{content:""; position:absolute; left:3%; top:50%; transform:translateY(-50%); height:80%; width: 45%; border-radius:50em;  background:linear-gradient(to bottom, #fcfff4 0%, #f2f8ea 40%, #dce3d9 100%); transition:left ease-in-out 0.3s;}
.slidechk.off .chkbtn:before{left:52%;}


/*  BUTTON BASIC     */
.btn48{display:inline-block; height:48px; line-height:46px; font-size:16px; padding:0 24px; border-radius:3px; box-sizing:border-box; transition:all 0.3s;}
.btn42{display:inline-block; height:42px; line-height:40px; font-size:14px; padding:0 16px; border-radius:3px; box-sizing:border-box; transition:all 0.3s;}
.btn32{display:inline-block; height:32px; line-height:30px; font-size:12px; padding:0 16px; border-radius:3px; box-sizing:border-box; transition:all 0.3s;}
.btn24{display:inline-block; height:24px; line-height:22px; font-size:12px; padding:0 6px; border-radius:3px; box-sizing:border-box; transition:all 0.3s;}

 /*    radius   */
.rdus50{border-radius: 50em;}
.rdus3{border-radius:3px;}
.rdus0{border-radius:0px;}
.rdus20{border-radius:20px;}
.rdus10{border-radius:10px;}
.rdus100{border-radius:100%;}

/* font overflow*/
.txtoverhid{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.txtoverhid2 {white-space: normal; text-align: left; word-wrap:break-word; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden; text-overflow:ellipsis;}

  /*   아이콘이 뒷쪽에 있는 버튼   */
.icon48a .material-icons{display:inline-block; font-size:20px; vertical-align:-4px; margin:0 0 0 2px;}
.icon42a .material-icons{display:inline-block; font-size:18px; vertical-align:-4px; margin:0 0 0 2px;}
.icon32a .material-icons{display:inline-block; font-size:16px; vertical-align:-3px; margin:0 0 0 2px;}
.icon24a .material-icons{display:inline-block; font-size:12px; vertical-align:-1px; margin:0 0 0 2px;}
.icon48a .material-icons-outlined{display:inline-block; font-size:20px; vertical-align:-4px; margin:0 0 0 2px;}
.icon42a .material-icons-outlined{display:inline-block; font-size:18px; vertical-align:-4px; margin:0 0 0 2px;}
.icon32a .material-icons-outlined{display:inline-block; font-size:16px; vertical-align:-3px; margin:0 0 0 2px;}
.icon24a .material-icons-outlined{display:inline-block; font-size:12px; vertical-align:-1px; margin:0 0 0 2px;}

  /*   아이콘이 앞쪽에 있는 버튼   */
.icon48b .material-icons{display:inline-block; font-size:20px; vertical-align:-4px; margin:0 2px 0 0;}
.icon42b .material-icons{display:inline-block; font-size:18px; vertical-align:-4px; margin:0 2px 0 0;}
.icon32b .material-icons{display:inline-block; font-size:16px; vertical-align:-3px; margin:0 2px 0 0;}
.icon24b .material-icons{display:inline-block; font-size:14px; vertical-align:-1px; margin:0 2px 0 0;}
.icon48b .material-icons-outlined{display:inline-block; font-size:20px; vertical-align:-4px; margin:0 2px 0 0;}
.icon42b .material-icons-outlined{display:inline-block; font-size:18px; vertical-align:-4px; margin:0 2px 0 0;}
.icon32b .material-icons-outlined{display:inline-block; font-size:16px; vertical-align:-1px; margin:0 2px 0 0;}
.icon24b .material-icons-outlined{display:inline-block; font-size:14px; vertical-align:-1px; margin:0 2px 0 0;}

.btn_dibi{border:1px solid #00BCD4; background:#00bcd4; color:#fff;}
.btn_dibi:hover , .btn_dibi.on{border:1px solid #0d9fb9; background:#0d9fb9; color:#fff;}

.btn_dibiline{border:1px solid #00BCD4; background:#fff; color:#00bcd4;}
.btn_dibiline:hover, .btn_dibiline.on{border:1px solid #0d9fb9; background:#fff; color:#0d9fb9;}

.btn_dibiline{border:1px solid #00BCD4; background:#fff; color:#00bcd4;}
.btn_dibiline:hover{border:1px solid #0d9fb9; color:#0d9fb9;}

.btn_linedd55{border:1px solid #ddd; background:#fff; color:#555;}
.btn_linedd55:hover{border:1px solid #222; color:#222;}

.btn_linedd55h{border:1px solid #ddd; background:#fff; color:#555;}
.btn_linedd55h:hover{border:1px solid #f0f0f0; background:#f0f0f0; color:#555;}

.btn_bgfa76{border:1px solid #f0f0f0; background:#f0f0f0; color:#767676;}
.btn_bgfa76:hover{border:1px solid #e9e9e9; background:#e9e9e9;}

.btn_bgdd55{border:1px solid #ddd; background:#ddd; color:#ddd; color:#555;}



/* scroll custom*/
.scrcustom::-webkit-scrollbar { width: 8px;}
.scrcustom::-webkit-scrollbar-track {background:#f1f1f1;}
.scrcustom::-webkit-scrollbar-thumb {background: #ccc; border-radius: 50em;}
.scrcustom::-webkit-scrollbar-thumb:hover {background: #555;}

.modal-content::-webkit-scrollbar { width: 8px;}
.modal-content::-webkit-scrollbar-track {background:#f1f1f1;}
.modal-content::-webkit-scrollbar-thumb {background: #ccc; border-radius: 50em;}
.modal-content::-webkit-scrollbar-thumb:hover {background: #555;}

.camerawrap{position:relative; overflow:hidden; display:inline-block; width:150px; height:150px; vertical-align:middle;}
.camerawrap .cmerabtn{position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #ddd;}
.camerawrap .cmerabtn .posicenter{color:#ccc; font-size:42px;}

.btnwrap.btn2 {text-align:center; overflow:hidden; font-size:0;}
.btnwrap.btn2 .btn{display:inline-block; width:calc(50% - 4px); max-width:250px; padding:0 10px; text-align:center;}
.btnwrap.btn2 .btn:last-child{margin:0 0 0 8px;}

.btnwrap.btn1 {width:100%; text-align:center; padding:0 15px; overflow:hidden;}
.btnwrap.btn1 .btn{ width:50%; max-width:200px; text-align:center;}

/*셀렉드박스1*/
 .sectionright label{color:#ff5151;}
 .heightvalue > ul > li{height:300px;}
 .seclectbox .closebtn{display:none;}
 .seclectbox .openbtn{display:inline-block;}
 .seclectbox.show .openbtn{display:none;}
 .seclectbox.show .closebtn{display:inline-block;}
 .seclectbox .seclectmenu .selectmenu:hover {background:#f5f5f5;}
/*셀렉드박스2*/
.seclectbox.seletchange .seclectmenu{height:42px; overflow:hidden;}
.seclectbox.seletchange .seclectmenu.show{height:auto; overflow:initial;}
.seclectbox.seletchange .seclectmenu .selectmenu:first-child{background:#fff;}

/*taglist*/
.taglistbox{font-size:0; padding:10px 0 5px;}
.taglistbox .tag{display:inline-block; padding:0 12px; margin:5px 5px 5px 0; height:32px; line-height:30px; border:1px solid #00BCD4 !important; background:#fff; color:#00bcd4; border-radius:3px; cursor:pointer; font-size:14px; cursor:initial}
.taglistbox .tag1{display:inline-block; padding:0 12px; margin:5px 5px 5px 0; height:32px; line-height:30px; border:1px solid #00BCD4 !important; background:#fff; color:#00bcd4; border-radius:3px; cursor:pointer; font-size:14px;  cursor:initial}
.taglistbox .tag2{display:inline-block; padding:0 6px; margin:5px 5px 5px 0; height:24px; line-height:22px; border:1px solid #ddd !important; background:#fff; color:#999; border-radius:3px; cursor:pointer; font-size:14px;  cursor:initial}
.taglistbox.h32 .tag2{ height:32px; line-height:30px;}
.taglistbox.h24 .tag1{padding:0 6px; height:24px; line-height:22px;}
.reviewpost .taglistbox .tag.on , .reviewpost  .taglistbox .tag:hover {border:1px solid #00BCD4 !important; background:#00bcd4 !important; color:#fff !important;}
.reviewpost .taglistbox .tag{cursor:pointer;}
.taglistbox.bg .tag2{ background:#eee; border-radius:50em; padding:0 10px;}|
/*list*/

.list_content .sectionright .list_box{float:left; height:300px; width:50%; padding:0 50px 0 0;}
.list_content .sectionright .list_box h4{padding:0 0 20px;}

.tlistcontain > li{position:relative; }
.tlistcontain > li:before{content:""; position:absolute;}
.tlistcontain > li:after{content:""; position:absolute;}
.tlistcontain.list_topline > li{padding:0; margin:0 0 20px; font-size:24px; line-height:2.5;}
.tlistcontain.list_topline > li:before{left:0; top:0; width:30px; height:8px; background:#00bcd4;}
.tlistcontain.list_leftdot > li .listtit{position:relative; padding:0 0 0 15px; font-size:24px; line-height:1; margin:10px 0;}
.tlistcontain.list_leftdot > li .listtit:before{content:""; position:absolute; left:0; top:0; width:7px; height:7px; background:#00bcd4;}
.tlistcontain.list_leftdot > li .listtit:after{content:""; position:absolute; left:0; bottom:0; width:7px; height:7px; background:#00bcd4;}

.listcontain > li{position:relative; padding:0 0 0 20px; text-indent:-20px; line-height:1.5;}
.listcontain > li:before{content:""; display:inline-block; margin:0 10px 0 0;}
.listcontain.list_square > li:before{width:10px; height:10px; background:#222;}
.listcontain.list_dotted > li{ padding:0 0 0 15px; text-indent:-13px;}
.listcontain.list_dotted > li:before{width:4px; height:4px; background:#999; vertical-align:4px; border-radius:100%;}
.listcontain.list_number > li{counter-increment:list-number;}
.listcontain.list_number > li:before{content:counter(list-number)"."; margin:0 0 0 20px;}
.listcontain.list_exlist > li{padding:0 0 0 30px;}
.listcontain.list_exlist > li:before{content:"ex)"; margin:0 0 0 9px; padding:0 5px;}
.listcontain.list_material > li{ padding:0 0 0 30px; text-indent:0;}
.listcontain.list_material > li .material{position:absolute; left:0; top:0; font-size:20px;}
.listcontain.list_material > li:before{display:none;}

/* scroll custom*/
.scrcustom::-webkit-scrollbar { width: 8px;}
.scrcustom::-webkit-scrollbar-track {background:#f1f1f1;}
.scrcustom::-webkit-scrollbar-thumb {background: #ccc; border-radius: 50em;}
.scrcustom::-webkit-scrollbar-thumb:hover {background: #555;}

.modal-content::-webkit-scrollbar { width: 8px;}
.modal-content::-webkit-scrollbar-track {background:#f1f1f1;}
.modal-content::-webkit-scrollbar-thumb {background: #ccc; border-radius: 50em;}
.modal-content::-webkit-scrollbar-thumb:hover {background: #555;}


/*구독중 / 문의하기*/
.changebtnwrap .btn_like {width:168px; background:#fff; height:42px; color:#00bcd4; border:1px solid #00bcd4; line-height:40px; box-sizing:border-box; border-radius:3px;}
.changebtnwrap .btn_like.btn_green{background:#00bcd4; color:#fff; border-color:#00bcd4;}
.changebtnwrap .btn_like.like{background:#00bcd4; height:42px; color:#fff; border:1px solid #00bcd4;box-sizing:border-box; border-radius:3px;}
.changebtnwrap .btn_like:hover{background:#129bad; color:#fff;}
/*.changebtnwrap .btn_like:hover  #txtFollow span:last-child{background:#00bcd4; color:#fff;}*/
.changebtnwrap .btn_like.on { color: #fff; background: #00bcd4; }
.changebtnwrap .btn_like span { border-radius: 50%; height: 100%; text-align: center; margin-right: 0; }
.changebtnwrap .btn_like .txt { display: none; width: auto !important; font-size: 14px !important; white-space: nowrap; }
.changebtnwrap .btn_like .txt:first-child { display: block; }
.changebtnwrap .btn_like:hover .txt:first-child { display: none; }
.changebtnwrap .btn_like:hover .txt:last-child { display: block; }
.changebtnwrap .btn_like.line.on { background: #fff; border-color: #00bcd4; color: #00bcd4; }
.changebtnwrap .btn_like.line.on:hover { background: #fff !important; border-color: #00bcd4 !important; color: #00bcd4 !important; }
.changebtnwrap .btn_like.line:hover .txt { display: block; }

/*scale 팝업*/
.scalebox_pp{ position:relative; z-index:2; cursor:pointer;}
.scalebox_pp .material-icons-outlined{position:relative; font-size:18px; vertical-align:-3px; color:#999; line-height:50px;}
.scalebox_pp .scaletxt{position:absolute; left:16px; bottom:-38px; padding:10px; width:150px; line-height:1.5; font-size:14px; background-color:#fff; box-shadow:0 1px 10px rgba(0,0,0,0.1); transform-origin:center top; border-radius:3px; z-index:2; transform:scale(0); transition: transform 0.3s;}
.scalebox_pp:hover .scaletxt { transform: scale(1); }
.btn_bgdd55:hover { border: 1px solid #f0f0f0; background: #f0f0f0; }


/*뱃지안내팝업*/
.listpop .title{margin:40px auto; text-align:center; font-size:24px;  line-height:1.4;}
.listpop .desc{font-size:18px; line-height:1.4; margin:30px 0;}
.listpop .infobox{padding:30px; background:#f5f5f5;}
.listpop .infobox .ultit{padding:0 0 30px; font-size:18px;}
.listpop .infobox li{line-height:20px; padding-top:10px; padding-bottom:10px; font-size:16px;}
.listpop .infobox li .material{top:10px;}
.listpop .infobox .intxt{font-size:12px; color:#999; line-height:18px;}
.listpop .inputwrap{width:100%; text-align:right;}
.listpop .inputwrap label{line-height:30px;}
.listpop .inputwrap label:first-child{margin:0 20px 0 0;}
.listpop .inputwrap label input{margin:0 10px 0 0;}

/*체크박스 머터리얼*/
.adbanner.fullbgbanner .chkboxmatel {left:60px;}
.adbanner.fullbgbanner .chkboxmatel i{color:#ccc;}
.adbanner.fullbgbanner .chkboxmatel .material{font-size:36px;}
.adbanner.fullbgbanner .chkboxmatel .material-icons-outlined{display:block;}
.adbanner.fullbgbanner .chkboxmatel .material-icons.chk{display:none;}
.adbanner.fullbgbanner .chkboxmatel.on .material-icons-outlined{display:none;}
.adbanner.fullbgbanner .chkboxmatel.on .material-icons.chk{display:block;}

/*뱃지*/
.badgewrap{position:absolute; right:0; top:0;}
.badgewrap .badgeinfowrap{position:absolute; right:0; top:-20px;}
.badgewrap .badgeinfowrap:hover .badgepop{transform:scale(1);}
.badgewrap .badgeinfo i{color:#999; font-size:22px;}
.badgewrap .badgeinfo:hover i{color:#00bcd4}
.badgelist{display:inline-block; overflow:hidden; padding:0 20px 0 0;}
.badgelist .sbadge {display:inline-block; margin:0 10px; text-align:center; width:auto;}
.badgelist .sbadge .txt{ padding:54px 0 0; min-width:44px; font-size:14px; font-weight:bold; display:block; background:url() no-repeat top center; background-size:40px auto;}
.badgelist .best{margin:0 6px;}
.badgelist .best .txt{background-image:url(/Common/images/icons/best_seller.png); color:#5cb531;}
.badgelist .delivery .txt{background-image:url(/Common/images/icons/delivery_seller.png); color:#e94649;}
.badgelist .good .txt{background-image:url(/Common/images/icons/good_seller.png); color:#4cbdd2;}

.badgelist.ty2 .sbadge {display:inline-block; margin:0 10px 0 0; text-align:center;}
.badgelist.ty2 .sbadge .txt{display:inline-block;  padding:5px 0 5px 29px; min-width:26px; font-size:12px; display:block; background-position: center left; background-size:24px auto; min-height:28px;}



.badgepop{ position:absolute; right:10px; top:20px; width:500px; background:#fff; padding:30px; border-radius:10px; z-index:3; border:1px solid #999; transform:scale(0); transform-origin:right top; transition:transform 0.3s;}
/*.badgepop.show{transform:scale(1);}*/
.badgepop .title{font-size:18px; font-weight:bold;}
.badgepop .desc{font-size:14px; padding:10px 0; word-break:keep-all;}
.badgepop .badgelistpop{}
.badgepop .badgelistpop li{overflow:hidden; padding:10px 0;}
.badgepop .badgelistpop li img{width:auto; height:41px; vertical-align:middle;}
.badgepop .badgelistpop li p .txt{vertical-align:middle; padding:0 0 0 8px}
.badgepop .badgelistpop li p{float:left; width:32%}
.badgepop .badgelistpop li p:last-child{width:68%; padding:0 20px; line-height:1.5;}
.badgepop .close{display:none; position:absolute; padding:5px; right:15px; top:15px; opacity:1;}
.badgepop .close i{color:#555;}

/*상품명*/
.optbox.optnm{ color:#999;}
.optbox.optnm .txtoverhid {line-height:22px !important;}
.optbox.optnm .txtoverhid2 {line-height:20px !important;}
.optbox.optnm .innertxt.txtoverhid {display:block; position:relative; line-height:18px !important;}
.optbox.optnm .innertxt:before {content:""; display:inline-block; width:7px; height:7px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; margin:0 4px 0 0; vertical-align:3px;}

/*태그*/
.reviewtag{margin:10px 0 0;}
.reviewtag .tags {max-height:54px; overflow:hidden;}
.reviewtag .tags em{display:inline-block; line-height:20px; background:#f5f5f5; padding:0 3px; margin:5px 5px 5px 0; font-size:12px; color:#999;}

/*미니재생버튼*/
.imgwrap{position:relative;}
.iconvideomini{position:absolute; left:5px; top:5px; z-index:2;}
.iconvideomini .material-icons{background:#fff; border-radius:100%; font-size:18px; color:#555;}

/* 툴팁박스 */
.tooltipwrap{display:inline-block; position:relative; z-index:2; cursor:pointer;}
.tooltipwrap:hover .tooltxt{ transform:scale(1);}
.tooltipwrap i{font-size:18px; vertical-align:-4px; color:#999;}
.tooltipwrap:hover i{color:#00bcd4;}
.tooltipwrap .tooltxt{position:absolute; right:0; top:30px; width:240px; transform-origin:right top; padding:10px; border-radius:3px; background:#333; color:#fff; z-index:2; transform:scale(0); transition:all 0.3s; line-height:1.5; height:auto;}
.tooltipwrap .tooltxt:before{ content:''; display:block; position:absolute; top:-4px; right:-4px; width:0; height:0; border-top:25px solid #333; border-left:1px solid transparent; border-right:25px solid transparent; transform:rotate(-52deg); z-index:-1; }
.tooltipwrap.left .tooltxt{top:42px; right:auto; left:5px; transform-origin:left top; }
.tooltipwrap.left .tooltxt:before{top:-6px; right:auto; left:4px; transform:rotate(-75deg); z-index:-1; }
.tooltipwrap.center .tooltxt{right:auto; left:50%; transform:translateX(-50%) scale(0); transform-origin:center top; }
.tooltipwrap.center .tooltxt:before{top:-5px; right:auto; left:50%; transform:translateX(-50%)  rotate(-65deg); z-index:-1; }
.tooltipwrap.center:hover .tooltxt{ transform:translateX(-50%) scale(1);}

/*상품명*/
/*.wbox .optnm , .fwbox .optnm{ color:#999;}
.wbox .optnm .txtoverhid , .fwbox .optnm .txtoverhid{line-height:28px !important;}
.wbox .optnm .txtoverhid2 , .fwbox .optnm .txtoverhid2{line-height:20px !important;}
.wbox .optnm .innertxt.txtoverhid , .fwbox .optnm .innertxt.txtoverhid{display:block; position:relative; line-height:14px !important;}
.wbox .optnm .innertxt:before , .fwbox .innertxt:before{content:""; display:inline-block; width:7px; height:7px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; margin:0 4px 0 0; vertical-align:3px;}*/

/* 기획전 타이틀 */
.devFenceLi { position: relative; width: 100% !important; margin: 0; line-height: 100px; padding: 0 0 80px; text-align: center; font-size: 29px; font-weight: bold; color: #000000; }
.devFenceLi:before { content: ""; position: absolute; bottom: 48%; left: 50%; transform: translateX(-50%); width: 50px; height: 3px; background: #000000; }

/*상품 현재상태*/
.qcstyle { width: 100%; text-align: center; border: 2px solid #00bcd4; border-radius: 3px; color: #00bcd4; line-height:26px; margin:5px 0; padding:0 6px;}
.unqc { width: 100%; text-align: center; border: 2px solid #d0d0d0; border-radius: 3px; color: #d0d0d0; line-height:26px; margin:5px 0;  padding:0 6px;}
.qcstyle.qcfail { border: 2px solid #ff4a4a; color: #ff4a4a; cursor:pointer;}
.qcstyle.qcfail:hover { border: 2px solid #ff4a4a; background-color:#ff4a4a; color: #fff; cursor:pointer;}