@import url("/css/font-common.css");
*, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
html { -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; }
article, aside, details, figcaption, figure, footer, header, 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:700; }
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; vertical-align:middle; }
svg:not(:root) { overflow:hidden; }
figure { margin:1em 40px; }
hr { -moz-box-sizing:content-box; box-sizing:content-box; height:0; }
pre { overflow:auto; }
code, kbd, pre, samp { font-size:1em; }
button, input, optgroup, select, textarea { color:inherit; font:inherit; margin:0; outline:none; }
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"] { 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; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance:none; }
input::-webkit-input-placeholder { color:#777; }
input::-webkit-moz-placeholder { color:#777; }
input:-moz-placeholder { color:#777; }
input::-moz-placeholder { color:#777; }
input:-ms-input-placeholder { color:#777; }
textarea::-webkit-input-placeholder { color:#777; }
textarea::-webkit-moz-placeholder { color:#777; }
textarea:-moz-placeholder { color:#777; }
textarea::-moz-placeholder { color:#777; }
textarea:-ms-input-placeholder { color:#777; }
fieldset { border:0; margin:0; padding:0; }
legend { border:0; padding:0; }
textarea { overflow:auto; }
input:focus, button:focus, textarea:focus { outline:none; }
optgroup { font-weight:700; }
table { border-collapse:collapse; border-spacing:0; }
td, th { padding:0; }
body { margin:0; padding:0; overflow-y:scroll; }
body, input, textarea, button {
	font-family:'NanumSquare'; letter-spacing:-0.5px;
	font-size:15px; color:#555; line-height:1.5;
}
hr { display:block; margin:15px 0; height:1px; border:none; background:#b6b6b6; clear:both; }

a { color:#555; text-decoration:none; }
a:hover { text-decoration:none; }
p { margin:0; }

dl, dt, dd, ul, ol, li { margin:0; padding:0; }
ul, ol, li { list-style:none; }
/*
i { display:inline-block; vertical-align:middle; font-style:normal; }
*/
input.date { width:150px; background:#fff url('/image/web/icon-date.png') no-repeat 94% center; background-size:20px auto; }
/*
em { display:inline-block; vertical-align:middle; width:1px; height:14px; background:#d6d6d6; margin:0 5px; }
.line-through { text-decoration:line-through; color:#b6b6b6; }
*/
select { -moz-appearance:none; -webkit-appearance:none; appearance:none; background:url('/image/web/select-arrow.png') no-repeat calc(100% - 15px) center; background-size:20px auto; }

.tag_i { display:inline-block; vertical-align:middle; font-style:normal; }
.tag_em { display:inline-block; vertical-align:middle; width:1px; height:14px; background:#d6d6d6; margin:0 5px; }


/* layout 시작 */
body { background:#fff; }
#container { width:100%; }
/*#container aside.left { position:fixed; top:0; left:0; width:16%; height:100%; text-align:center; z-index:2; }*/
/* 2018-11-27 */
/*#container aside.left { position:fixed; top:0; left:0; width:19%; height:100%; text-align:center; z-index:2; }*/
/* 2018-12-18 */
#container aside.left { position:fixed; top:0; left:0; width:20%; height:100%; text-align:center; z-index:2; }

#container aside.left > div { position:absolute; left:50%; top:45%; -webkit-transform:translate(-50%, -45%); -ms-transform:translate(-50%, -45%);
		-moz-transform:translate(-50%, -45%); -o-transform:translate(-50%, -45%); transform:translate(-50%, -45%);  }
#container aside.left > h1 { display:inline-block; margin:0 auto; padding-bottom:0; border-bottom:2px solid #b6b6b6; }
#container aside.left .app { text-align:center; width:100px; margin:26px auto 0; }
#container aside.left .app .uix-button { display:block; padding:0; margin:6px 0 0; width:100px; height:30px; line-height:28px; border:1px solid #d6d6d6; border-radius:5px; font-size:10px; font-weight:700; color:#999; }

/*#container aside.right { position:fixed; top:0; right:0; width:16%; height:100%; text-align:center; z-index:3; }*/
/* 2018-11-27 */
/*#container aside.right { position:fixed; top:0; right:0; width:19%; height:100%; text-align:center; z-index:3; }*/
/* 2018-12-18 */
#container aside.right { position:fixed; top:0; right:0; width:20%; height:100%; text-align:center; z-index:3; }

#container aside.right > div { position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);
		-moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
#container aside.right > div > article { width:30px; margin:0 auto; }
#container aside.right > div > article .menu i { display:block; width:30px; height:20px; margin:0 0 6px; background:url('/image/web/menu.png') no-repeat left top; background-size:auto 20px; }
#container aside.right > div > article .unb { display:inline-block; margin:10px 0 0 -30px; }
#container aside.right > div > article .unb a { display:inline-block; font-size:15px; min-width:90px; height:15px; margin:35px 0 40px 0; padding:0 5px; line-height:16px; text-align:center; border-right:1px solid #d6d6d6; -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transfrom:rotate(90deg); -webkit-transform:rotate(90deg);	transform:rotate(90deg); }
#container aside.right > div > article .unb a:last-child { border-right:0; }
#container aside.right > div > article .btn-search { display:inline-block; margin:30px 0 0; color:#777; }
#container aside.right > div > article .btn-search i { width:32px; height:32px; background:url('/image/web/icon-search2.png') no-repeat left top; background-size:32px auto; margin:0 0 5px; }
#container aside.right > div > article .top-bottom { margin:30px 0 0; height:80px; }
#container aside.right > div > article .top-bottom a { display:inline-block; width:40px; height:40px; -moz-opacity:0.4; opacity:.40; filter:alpha(opacity=40); }
#container aside.right > div > article .top-bottom a:hover { -moz-opacity:1; opacity:1; filter:alpha(opacity=1); }
#container aside.right > div > article .top-bottom a.top { background:url('/image/web/btn-top.png') no-repeat left top; }
/*#container aside.right > div > article .top-bottom a.bottom { margin-top:-8px; background:url('/image/web/btn-bottom.png') no-repeat left top; }*/
/* 2018-12-18 */
#container aside.right > div > article .top-bottom a.bottom { margin-top:-1px; background:url('/image/web/btn-bottom.png') no-repeat left top; }

/*#container .container { position:relative; position:absolute; top:0; left:16%; padding-top:30px; width:68%; z-index:1; }*/
/* 2018-11-27 */
/*#container .container { position:relative; position:absolute; top:0; left:19%; padding-top:30px; width:62%; z-index:1; }*/
/* 2018-11-30 */
/*#container .container { position:relative; position:absolute; top:0; left:19%; padding-top:30px; width:62%; }*/
/* 2018-12-18 */
#container .container { position:relative; position:absolute; top:0; left:20%; padding-top:30px; width:60%; }

#container .container .content { width:100%; }

#container .container footer { padding:80px 0 50px; overflow:hidden; }
#container .container footer .footer { position:relative; }
#container .container footer .footer .fnb { width:100%; text-align:center; }
#container .container footer .footer .fnb a { display:inline-block; padding:0 13px 0 11px; border-right:1px solid #d6d6d6; line-height:15px; font-size:15px; font-weight:700; }
#container .container footer .footer .fnb a:first-child { padding-left:0; }
#container .container footer .footer .fnb a:last-child { border-right:0; }
#container .container footer .footer .info { overflow:hidden; background:url('/image/web/footer-logo.png') no-repeat 9.25% 50px; padding:45px 9.25% 0 20.8%; margin:0; }
#container .container footer .footer .info dt { font-weight:400; margin:0 0 2px; color:#777; }
#container .container footer .footer .info dd { line-height:20px; color:#b6b6b6; margin:0 0 17px; }
#container .container footer .footer .info .company a { color:#b6b6b6; }
#container .container footer .footer .info .company .copyright { margin:30px 0 0; color:#b6b6b6; }
/* 2018-12-18 */
#container .container footer .footer .info dd em { display:inline-block; width:1px; height:14px; vertical-align:middle; font-style:normal; background:#e6e6e6; margin:0 5px; }

/*#container .container.aside_on > aside { position:fixed; top:0; left:16%; width:8%; height:100%; background:#f9f9f9; border-right:1px solid #e6e6e6; z-index:10; }*/
/* 2018-11-27 */
/*#container .container.aside_on > aside { position:fixed; top:0; left:19%; width:8%; height:100%; background:#f9f9f9; border-right:1px solid #e6e6e6; z-index:10; }*/
/* 2018-12-18 */
#container .container.aside_on > aside { position:fixed; top:0; left:20%; width:8%; height:100%; background:#f9f9f9; border-right:1px solid #e6e6e6; z-index:10; }

#container .container.aside_on > aside ul { position:absolute; left:50%; top:50%; width:calc(100% + 2px); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
/*#container .container.aside_on > aside a { display:block; padding:12% 0 12% 15%; line-height:1.3; font-size:15px; color:#777; font-weight:400; }*/
/* 2018-11-27 */
#container .container.aside_on > aside a { display:block; padding:12% 0; text-align:center; line-height:1.3; font-size:15px; color:#777; font-weight:400; }

#container .container.aside_on > aside a.on,
#container .container.aside_on > aside a:hover { background:#2eaaa4; color:#fff; }
#container .container.aside_on > .content { margin-left:11.9%; padding-left:3.3333%; width:88.1%; }
#container .container.aside_on > footer .footer { margin-left:100px; }
/* layout 끝 */


/* Text */
.uix-text-lead { font-size:18px; }
.uix-text-lead strong { color:#333; font-weight:700; }
.uix-text-small { font-size:14px; }
.uix-text-left { text-align:left; }
.uix-text-center { text-align:center; }
.uix-text-right { text-align:right; }
.uix-text-primary { color:#2eaaa4; }
.uix-text-help { padding:0; margin:5px 0 0; color:#f64967; font-size:14px; }
.uix-text-red { color:#f64967; }
.uix-text-dark { color:#333; }
.uix-text-gray { color:#b6b6b6; }
.uix-text-blue { color:#4bbef0; }
.uix-text-green { color:#2eaaa4; }


/* Grid */
.uix-grid { margin-right:-3px; margin-left:-3px; }
.uix-grid:after { content:''; display:table; clear:both; }
.uix-grid.not-margin { margin-left:0; margin-right:0; }
.uix-grid.top-margin { margin:10px 0 0; }
.uix-grid.not-margin > * { padding:0; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
	position:relative; min-height:1px; padding:4px 3px 3px 3px;
}
.uix-grid > .col-1, .uix-grid > .col-2, .uix-grid > .col-3, .uix-grid > .col-4, .uix-grid > .col-5, .uix-grid > .col-6, .uix-grid > .col-7, .uix-grid > .col-8, .uix-grid > .col-9, .uix-grid > .col-10, .uix-grid > .col-11, .uix-grid > .col-12 { float:left; }
.col-1 { width:8.33333%; }
.col-2 { width:16.66667%; }
.col-3 { width:25%; }
.col-4 { width:33.33333%; }
.col-5 { width:41.66667%; }
.col-6 { width:50%; }
.col-7 { width:58.33333%; }
.col-8 { width:66.66667%; }
.col-9 { width:75%; }
.col-10 { width:83.33333%; }
.col-11 { width:91.66667%; }
.col-12 { width:100%; }


/* Button */
.uix-button {
	position:relative;
	display:inline-block; min-width:80px; padding:0 10px; height:35px; line-height:34px;
	white-space:nowrap; cursor:pointer; vertical-align:middle;
	text-align:center; border-radius:3px;
	-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
	outline:0; font-weight:400;
	font-size:14px; color:#777; border:1px solid #b6b6b6; background:#fff;
	transition:all 0.3s ease;-moz-transition:0.3s ease; -ms-transition:0.3s ease; -o-transition:0.s5 ease;
}
.uix-button:hover { background:#f6f6f6; }
.uix-button:active, .uix-button.active { outline:0; }
.uix-button.disabled, .uix-button[disabled] { box-shadow:none; filter:alpha(opacity=65); opacity:0.65; cursor:not-allowed; }
.uix-button.block { display:block; width:100%; }
a.uix-button { text-decoration:none; margin-top:1px; }
button.uix-button.block { width:100%; }

.uix-button.size-small { padding:0 16px; height:30px; line-height:28px; font-size:13px; text-align:center; border-width:1px; font-weight:400; }
.uix-button.size-small.radius { border-radius:15px; }

.uix-button.size-large { width:200px; height:50px; line-height:46px; border-radius:3px; font-size:18px; font-weight:400; border-width:2px; }
.uix-button.size-large.radius { border-radius:25px; }

.uix-button.color-primary { background-color:#333; border-color:#333; color:#fff; }
.uix-button.color-primary:hover { background-color:#fff; border-color:#333; color:#333; }
.uix-button.color-gray { background-color:#b6b6b6; border-color:#b6b6b6; color:#fff; }
.uix-button.color-gray:hover { background-color:#fff; border-color:#b6b6b6; color:#777; }
/* 2018-12-18 */
.uix-button.color-gray2 { background-color:#e6e6e6; border-color:#e6e6e6; color:#777; cursor:default; }
.uix-button.color-border-primary { background-color:#fff; border-color:#333; color:#333; }
.uix-button.color-border-primary:hover { background-color:#333; border-color:#333; color:#fff; }
.uix-button.color-border-gray { background-color:#fff; border-color:#b6b6b6; color:#777; }
.uix-button.color-border-gray:hover { background-color:#b6b6b6; border-color:#b6b6b6; color:#fff; }
.uix-button.color-green { background-color:#42a29d; border-color:#42a29d; color:#fff; }
.uix-button.color-green:hover { background-color:#fff; border-color:#42a29d; color:#777; }

.uix-button.width2 { border-width:2px; font-weight:700; }

.uix-button.more { width:130px; height:45px; line-height:45px; font-weight:700; font-size:16px; color:#777; border:1px solid #b6b6b6; border-radius:23px; }
.uix-button.more:hover { background:#f6f6f6; }
.uix-button.more i { width:22px; height:13px; margin:-2px 0 0 13px; background:url('/image/web/icon-more-arr.png') no-repeat left top; }

.uix-button.color-gray.not-hover:hover { background-color:#b6b6b6; border-color:#b6b6b6; color:#fff; cursor:default; }


/* Table */
.uix-table { width:100%; border:1px solid #d6d6d6; border-top:1px solid #333; border-bottom:0; }
.uix-table a { color:#333; }
.uix-table > caption { padding-top:8px; padding-bottom:8px; color:#333; text-align:left; }
.uix-table tr > th,
.uix-table tr > td {
	font-size:15px; padding:15px 20px; text-align:left;
	border-bottom:1px solid #d6d6d6; height:45px;
}
.uix-table tr > th { background:#f6f6f6; color:#777; font-weight:400; }
.uix-table tr > td { line-height:25px; font-weight:300; color:#555; }
.uix-table tr > td:first-child { border-left:none; }
.uix-table tr > td.uix-text-left { text-align:left; }
.uix-table tr > td.uix-text-right { text-align:right; }
.uix-table tr > td.uix-text-center { text-align:center; }
.uix-table thead > tr > th { text-align:center; }

.uix-table.striped > tbody > tr:nth-child(even) > td { background:#f9f9f9; }
.uix-table.not-side-border > tbody > tr > td { border-left:none; }
.uix-table td.uix-text-left { text-align:left; }
.uix-table.bordered > thead > tr > th,
.uix-table.bordered > thead > tr td,
.uix-table.bordered > tbody > tr > th,
.uix-table.bordered > tbody > tr td,
.uix-table.bordered > tfoot > tr > th,
.uix-table.bordered > tfoot > tr td { border:1px solid #d6d6d6; vertical-align:middle; }
.uix-table.bordered > caption + thead,
.uix-table.bordered > colgroup + thead,
.uix-table.bordered > tbody + tbody { border-top:none; }


/* space */
.uix-space {height:1px; background:none; margin:15px 0;}


/* Form text */
.uix-form-text {
	display:inline-block; margin:0; padding:5px 18px;
	border:1px solid #d6d6d6; border-radius:0;
	height:35px;
	background-color:#fff;
	font-size:15px; color:#555;
	outline:0; vertical-align:middle;
}
.uix-form-text::-ms-expand { border:0; background-color:transparent; }
.uix-form-text.block { display:block; width:100%; }
.uix-form-text.active, .uix-form-text:focus { border-color:#46535f; border:1px solid #d6d6d6; }
.uix-form-text[readonly] { background-color:#fff; }
.uix-form-text[disabled] { background:#fff; cursor:not-allowed; }
select.uix-form-text { padding:5px 12px; }
textarea.uix-form-text { height:auto; padding:12px 18px;}
input[type="file"].uix-form-text { padding:auto; }
input[type="password"].uix-form-text { font-family: 'Dotum';}
.uix-form-description { margin:5px 0 8px; }
ul.uix-form-description {padding-left:20px;}
ul.uix-form-description li { list-style-type:disc; }
.uix-form-help { margin:3px 0 0; font-size:12px; }

.uix-form-check { position:relative; margin:0; display:block; word-break:break-all; }
.uix-form-check > p { display:inline-block; vertical-align:middle; min-height:21px; padding-left:25px; margin:0; }
.uix-form-check > p > label { font-weight:400; color:#333; cursor:pointer; }
.uix-form-check > p > label > input[type=checkbox],
.uix-form-check > p > label > input[type=radio] {
	position:absolute; margin:2px 3px 0 -25px; line-height:normal; cursor:pointer;
}
.uix-form-check > p + p { margin-left:25px; }
.uix-form-check > .disabled > label { cursor:not-allowed; color:#888; }
.uix-form-check > .disabled > label > input[type=checkbox],
.uix-form-check > .disabled > label > input[type=radio] {
	cursor:not-allowed;
}
.uix-form-check.block > p { display:block; margin-top:5px; margin-bottom:5px; vertical-align:inherit; }
.uix-form-check.block > p + p { margin-left:0; }
.uix-form-check.not-margin { margin:0; }
.uix-form-static {
	margin:0; padding:6px 0;
	color:#333; line-height:1.428571429;
}


/* 파일등록 */
.uix-form-check.file p { margin-left:20px; }
.uix-form-check.file .uix-form-text.col-12 { height:28px; line-height:28px; padding:0 2px; margin:0; font-size:12px; }


/* Form group */
.uix-form-group > label { font-weight:700; }
.uix-form-group.block > label { display:block; margin:0 0 5px; }
.uix-form-group.inline > label { display:inline-block; margin:0 5px 0 0; }
.uix-form-group.inline > * { display:inline-block; vertical-align:middle; }
.uix-form-group.inline > .uix-form-help { margin:0 0 0 5px; }


/* Paginate */
.uix-paginate { margin:50px auto; text-align:center; font-size:0; overflow:hidden; }
.uix-paginate.small { margin:15px auto; }
.uix-paginate a, .uix-paginate strong {
	display:inline-block; width:40px; height:40px; line-height:40px; text-align:center; margin:0; padding:0; vertical-align:middle;
	background:#fff; border:1px solid #e9e9e9; text-decoration:none;
	font-size:15px; color:#000; font-weight:300; border-left:0; }
.uix-paginate .dir { text-indent:-5000px; }
.uix-paginate .dir.prev { background:#fff url('/image/web/paginate-prev.png') no-repeat center center; background-size:10px 18px; border-left:1px solid #e9e9e9; border-radius:5px 0 0 5px; }
.uix-paginate .dir.next { background:#fff url('/image/web/paginate-next.png') no-repeat center center; background-size:10px 18px; border-radius:0 5px 5px 0; }
.uix-paginate strong { font-weight:300; background:#000; color:#fff; border:0; }
.uix-paginate a:nth-of-type(1) { border-left:1px solid #e9e9e9; }


/* Buttons group */
.uix-btn-group { margin:32px 0; text-align:center; }
.uix-btn-group.small { margin:10px 0; }
.uix-btn-group.uix-text-left { text-align:left; }
.uix-btn-group.uix-text-right { text-align:right; }
.uix-btn-group.button2 .uix-button { margin:8px 4px; }


/* Register form */
.uix-register { border-top:1px solid #333; border-bottom:1px solid #d9d9d9; }
.uix-register.border { border:1px solid #d9d9d9; }
.uix-register.not-border-top { border-top:0; }
.uix-register.not-margin { margin-top:-20px; }
.uix-register > dl { display:table; width:100%; margin:0; border-top:1px solid #d6d6d6; }
.uix-register > dl:first-child { border-top:none; }
.uix-register > dl > * { display:table-cell; vertical-align:middle; padding:10px 5px 10px 25px; height:50px; }
.uix-register > dl > dt { width:200px; background:#f6f6f6; color:#777; }
.uix-register > dl > dd { background:#fff; font-size:16px; color:#555; padding-right:0; }
.uix-register > dl.column-2 > dd {width:30%;}
.uix-register > dl.column-2 > dt {border-left:1px solid #d6d6d6;}
.uix-register > dl.column-2 > dt:first-child {border-left:none;}
.uix-register input.uix-form-text,
.uix-register select.uix-form-text,
.uix-register textarea.uix-form-text { width:50%; }
.uix-register input.uix-form-text.size-small { width:calc(50% - 85px); }
.uix-register .uix-form-text.col-12 { width:100%; }
.uix-register .top-margin { margin:10px 0 0; }
.uix-register .jumin input.uix-form-text { width:calc(30.2% - 14px); }
.uix-register .jumin span { display:inline-block; margin:0 6px; font-size:20px;}
.uix-register a.uix-button { margin-top:0; }
.uix-register dd.category select.uix-form-text { width:25%; }
.uix-register dd.keyword .uix-form-text { width:20%; margin:0 15px 0 3px; }
.uix-register dd.date .uix-form-text { width:20%; }
.uix-register dd.date em { background:none; text-align:center; width:7px; height:3px; line-height:3px; margin:0 8px 0 3px; }
.uix-register .uix-form-text.small { width:20%; }
.uix-register dd.selected-date ul { overflow:hidden; width:600px; }
.uix-register dd.selected-date li { float:left; width:33.3333%; margin:3px 0; font-size:14px; }
.uix-register dd.selected-date li .uix-button { min-width:50px; height:24px; line-height:24px; font-size:12px; vertical-align:middle; margin-left:5px; }
.uix-register dd.date-quantity .uix-button { min-width:50px; height:24px; line-height:24px; font-size:12px; vertical-align:middle; margin-right:5px; }
.uix-register dd.date-quantity .qt { display:inline-block; margin:0 0 0 20px; font-size:15px; }
.uix-register dd.date-quantity .qt input.uix-form-text { width:150px; margin:0 5px; }
.uix-register dd.date-quantity .uix-text-help { display:inline-block; margin:0 0 0 10px; }
.uix-register dd.date-quantity p { margin:10px 0 0; }
.uix-register dd.date-quantity p:first-child { margin:0; }
.uix-register dd.product-category select.uix-form-text { width:200px; margin:10px 0 0; }
.uix-register dd.turn select.uix-form-text { width:100px; margin:0 0 0 5px; }
.uix-register dd.turn .uix-button { margin:0 0 0 2px; font-size:13px; }
.uix-register dd.turn p { margin:10px 0 0; }
.uix-register dd.turn p:first-child { margin:0; }
.uix-register dd.application-result dt .uix-button { min-width:50px; height:24px; line-height:24px; font-size:12px; vertical-align:middle; margin-right:2px; }
.uix-register dd.application-result dt span { display:inline-block; margin-right:10px; }
.uix-register dd.application-result dd { font-size:13px; line-height:22px; padding-top:2px; }
.uix-register dd.application-result dd span { color:#2eaaa4; }
.uix-register dd.application-result dl { margin:15px 0 0; }
.uix-register dd.application-result dl:first-child { margin:0; }
.uix-register dd .incomplete { padding:2px 0 9px; margin:0 0 10px; border-bottom:1px solid #d6d6d6; }

/* Box style */
.uix-box { padding:0; display:block; margin:0 auto; background:#fff; }
.uix-box > .uix-btn-group { margin-bottom:15px; }
.uix-box.bg-lightgray { background:#f5f5f5; }
.uix-box.round { position:relative; border-radius:5px; }


/* Not style element */
fieldset.uix-not-style { margin:0; padding:0; border:none; }
ul.uix-not-style { margin:0; padding:0; list-style:none; }
figure.uix-not-style { margin:0; }


/* Brackets */
.uix-brackets:before { content:'['; }
.uix-brackets:after { content:']'; }
.uix-brackets.small:before { content:'('; }
.uix-brackets.small:after { content:')'; }
.uix-brackets.quots:before { content:'"'; }
.uix-brackets.quots:after { content:'"'; }
.uix-brackets.small-quots:before { content:"'"; }
.uix-brackets.small-quots:after { content:"'"; }


/* Tab contents controller */
.comp-tab-contents { margin:0 0 20px; }
.comp-tab-contents > nav.uix-grid > * { padding-left:0; }
.comp-tab-contents > nav.uix-grid > *:first-child { padding-left:0; }
.comp-tab-contents > nav.uix-grid > .col-2 { width:128px; }
.comp-tab-contents > nav.uix-grid button { position:relative; border-radius:0; border-right:0; background:#fff; height:45px; font-size:17px; font-weight:400; border-bottom:1px solid #333; padding:0; }
.comp-tab-contents > nav.uix-grid > span:last-child button { border-right:1px solid #d6d6d6; }
.comp-tab-contents > nav.uix-grid button.active { background:#fff; color:#333; cursor:default; border:1px solid #333; border-bottom:1px solid #fff; }
.comp-tab-contents > nav.uix-grid > span:last-child button.active { border-right:1px solid #333; }
.comp-tab-contents > nav.uix-grid button:hover { background:#fff; color:#777; }
.comp-tab-contents .bodies { margin:-1px 0 0; border-top:1px solid #333; }
.comp-tab-contents .bodies > * { display:none; }
.comp-tab-contents .bodies > *.active { display:block; }
.comp-tab-contents .bodies > div { padding:0 15px 15px; }
.comp-tab-contents .bodies > div.not-padding { padding:0; }


/* Page */
.uix-page { padding:20px; border:1px solid #d6d6d6; min-height:660px; }
.uix-page-headding { margin:0 0 20px; padding:0 10px 10px; border-bottom:1px solid #777; }
.uix-page-headding.not-margin { margin:0; border-bottom:0; }
.uix-page-headding > h1 { font-weight:700; margin:0; padding:0; font-size:26px; color:#333; line-height:1em; }
.uix-page-headding > h1 span { color:#4b8e76; }
.uix-page-headding > p { margin:0; font-size:12px; color:#666; }


/* Board view */
.board-view { margin:-20px 0 0; border-top:0; border-bottom:1px solid #d6d6d6; background:#fff; padding-bottom:20px; }
.board-view header { position:relative; background:#fff; border-bottom:1px solid #d6d6d6; padding:10px 0 5px; overflow:hidden; }
.board-view header h1 { margin:0 0 3px; font-size:18px; font-weight:700; padding:7px 5px 2px; color:#333; }
.board-view header p { padding:0 5px; min-height:15px; line-height:15px; overflow:hidden; margin:0 0 7px; font-size:15px; color:#555; font-size:14px; }
.board-view header p strong { color:#000; }
.board-view header label { display:inline-block; width:75px; text-align:center; font-size:14px; }
.board-view header .sns { margin:5px 0 0; }
.board-view header .date .uix-button { position:absolute; bottom:10px; right:0; }
.board-view .body { padding:15px 0; font-size:16px; line-height:26px; min-height:200px; }
.board-view .img-view { margin:25px 0 0; }
.board-view .img-view img { max-width:100%; }
.board-view dl.review { border-bottom:1px solid #d6d6d6; padding:20px; overflow:hidden; }
.board-view dl.review dt { float:left; }
.board-view dl.review dt img { width:90px; height:90px; border:1px solid #d6d6d6; }
.board-view dl.review dd { float:left; padding-left:20px; }
.board-view dl.review dd .name { margin:8px 0; font-size:18px; }
.board-view dl.review dd strong { display:inline-block; color:#4b8e76; margin:0 5px 0 20px; }
.board-view dl.review dd p span { display:block; margin-right:15px; }
.board-view .icon.like { display:none; position:absolute; top:50px; right:130px; width:48px; height:19px; margin:0; padding-left:22px; background:url('/image/web/icon-like.png') no-repeat left 1px; background-size:auto 18px; font-size:14px; }
.board-view .scrap { display:none; position:absolute; top:48px; right:30px; width:74px; height:30px; margin:0; background:url('/image/web/btn-scrap.png') no-repeat left top; background-size:auto 30px; font-size:14px; }


/* board-re */
.board-re { margin:15px 0 0; font-size:15px; background:#fff; padding:20px 0; }
.board-re dt { text-align:center; color:#777; font-weight:700; background:#f6f6f6 url('/image/web/icon-board-re.png') no-repeat 23px center; height:45px; line-height:43px; font-size:16px; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; }
.board-re dd { padding:25px; line-height:26px; }


/* faq */
.faq { margin:0; padding:0; border-top:1px solid #e7e7e7; background:#fff; }
.faq > li { margin:0; margin:0; list-style-type:none; border-bottom:1px solid #e7e7e7; }
.faq > li .question { cursor:pointer; background:#fff; padding:20px 20px 20px 40px; font-size:15px; margin:0;
background:url('/image/web/faq-q.png') no-repeat 17px 20px, url('/image/web/arrow-down.png') no-repeat 97% center; background-size:15px auto, 37px auto; }
.faq > li .question strong { color:#000; }
.faq > li .answer {display:none; background:#fff url('/image/web/faq-a.png') no-repeat 20px 18px; background-size:15px auto; min-height:90px; margin:0; padding:15px 25px 15px 47px; font-size:15px; border-top:1px solid #e7e7e7; }
.faq > li .answer li { margin:0 0 0 10px; list-style-type:none; }
.faq > li .answer li a{display:block; height:23px; line-height:23px; color:#393939; padding:0; font-size:12px; }
.faq > li .answer li a:before { content:" - "; }
.faq > li.on .question { background:url('/image/web/faq-q.png') no-repeat 17px 20px, url('/image/web/arrow-up.png') no-repeat 97% center; background-size:15px auto, 37px auto; }
.faq > li.on .answer {display:block;}
.faq > li .img-view { margin:15px 0 0; }
.faq > li .img-view img { max-width:100%; }


/* Terms 이용약관, 개인정보취급방침 */
.terms-markup { font-size:12px; }
.terms-markup p { margin:15px 0; }
.terms-markup ul, .terms-markup ol { margin:15px 0; padding-left:24px; line-height:1.6; }
.terms-markup ul li, .terms-markup ol li { margin:8px 0; }
.terms-text {
	font-family:'NanumSquare';
	margin:15px 0; padding:20px;
	word-break:break-all; white-space:pre-line;
	border:1px solid #d6d6d6;
	background:#fff;
	line-height:1.6;
	height:605px;
}


/* Member box */
.member-box {
	font-size:15px; font-weight:700;
	display:block; width:470px;
	margin:100px auto;
	border-radius:5px; text-align:center;
	background:#fff; color:#777;
}
.member-box p { font-size:17px; line-height:24px; font-weight:700; margin:50px 0 70px; }
.member-box.not-border { border:0; }
.member-box .message {font-size:14px;}
.member-box .uix-btn-group { margin:50px 0 0; }
.member-box .uix-text-primary { border-bottom:1px solid #aaa; }
.member-box .size-large { width:100%; height:56px; line-height:56px; padding:0; font-size:16px; margin:30px 0 0; }
.member-box .btn-etc { width:100%; margin:15px auto 0; padding:0; text-align:center; }
.member-box .btn-etc a {
	position:relative; display:inline-block; width:32.3333%;
	font-size:13px; font-weight:700; text-decoration:none; margin-right:0.594%; height:35px; line-height:33px; padding:0; border-radius:3px; border:1px solid #d6d6d6; }
.member-box .btn-etc a:last-child { margin-right:0; }
.member-box .uix-button { height:35px; line-height:33px; padding:0; }
.member-box .uix-button.size-large { height:60px; line-height:56px; font-size:20px; }


/* Login */
.login-box { position:relative; width:100%; margin:0 auto; padding:0; font-size:15px; border:1px solid #d6d6d6; }
.login-box fieldset { width:470px; padding:0; margin:73px auto; border-radius:0; }
.login-box dl { margin:0 85px 5px 0; overflow:hidden; }
.login-box dt { float:left; width:77px; line-height:40px; color:#777; }
.login-box dd { float:left; width:calc(100% - 85px); line-height:40px; }
.login-box dd .uix-form-text { padding:0 20px; height:40px; line-height:38px; font-size:15px; background:#fff; border:1px solid #d6d6d6; border-radius:3px;  }
.login-box .btn-login { margin:0; }
.login-box .btn-etc { margin:15px 92px 0 77px; padding:0; text-align:left; }
.login-box .btn-etc a {
	display:inline-block; width:32.1%;
	font-size:13px; font-weight:700; text-decoration:none; margin-right:0.594%; height:35px; line-height:33px; padding:0; border-radius:3px; }
.login-box .btn-etc a:last-child { margin-right:0; }
.login-box button[type='submit'] { position:absolute; top:73px; left:50%; margin-left:150px; width:85px; height:85px; line-height:85px; border:0; padding:0; font-size:15px; font-weight:400; border-radius:3px; }
.login-box button[type='submit']:hover { border:1px solid #333; }
.login-box button[type='submit'].find_pw { height:130px; line-height:30px; border:1px solid #d6d6d6; }
.login-box .uix-form-check { margin:10px 0 0 77px; text-align:left;  }
.login-box .uix-form-check label { font-weight:400; font-size:16px; color:#777; }
.login-box .uix-button { padding:5px 12px; height:38px; font-size:12px; }

/* 2018-12-04 */
.login-box.find_pw button[type='submit'] { position:static; margin:10px 0 0 77px; width:calc(100% - 170px); height:50px; line-height:48px; }
.login-box.find_pw .uix-form-text.size-small { width:calc(100% - 84px); }
.login-box.find_pw a.uix-button.color-border-primary { height:40px; line-height:38px; padding:0; }


fieldset.login-sns { background:#fff; margin:40px 0 0; padding:30px 60px; text-align:center; border:1px solid #d6d6d6; }
fieldset.login-sns legend { text-align:center; padding:0 20px; font-size:17px; font-weight:700; }
/*fieldset.login-sns a { display:inline-block; text-align:center; width:calc(33.3333% - 10px); height:45px; line-height:43px; font-size:14px; margin:0 2px; border-radius:3px; padding-right:20px; border:1px solid #3b5998; transition:all 0.3s ease;-moz-transition:0.3s ease; -ms-transition:0.3s ease; -o-transition:0.s5 ease; }*/
/* 2018-11-27 */
fieldset.login-sns a { display:inline-block; vertical-align:middle; text-align:center; width:calc(33.3333% - 10px); height:45px;  font-size:14px; margin:0 2px; border-radius:3px; line-height:1.1; padding:12px 20px; border:1px solid #3b5998; transition:all 0.3s ease;-moz-transition:0.3s ease; -ms-transition:0.3s ease; -o-transition:0.s5 ease; }
fieldset.login-sns a img { margin-right:3%; }
fieldset.login-sns .wrap_facebook { background:#fff url('/image/web/arr-f.png') no-repeat 97% center; border-color:#3b5998; }
fieldset.login-sns .wrap_facebook a { color:#555; }
fieldset.login-sns .wrap_facebook img {height:24px; }
fieldset.login-sns .wrap_kakao { background:#fff url('/image/web/arr-k.png') no-repeat 97% center; border-color:#f0de43; }
fieldset.login-sns .wrap_kakao a { color:#555; }
fieldset.login-sns .wrap_kakao img { height:24px; }
fieldset.login-sns .wrap_naver { background:#fff url('/image/web/arr-n.png') no-repeat 97% center; border-color:#4db848; }
fieldset.login-sns .wrap_naver a { color:#555; }
fieldset.login-sns .wrap_naver img { height:18px; }
fieldset.login-sns .wrap_facebook:hover { background:#dce3f2 url('/image/web/arr-f.png') no-repeat 97% center; border-color:#3b5998; }
fieldset.login-sns .wrap_kakao:hover { background:#f2efd3 url('/image/web/arr-k.png') no-repeat 97% center; border-color:#f0de43; }
fieldset.login-sns .wrap_naver:hover { background:#caeac9 url('/image/web/arr-n.png') no-repeat 97% center; border-color:#4db848; }

.member-out { padding:0; border-radius:5px; margin:0; }
.member-out fieldset { background:#fff; }
.member-out .uix-register dl { border:0; }
.member-out fieldset p { margin:15px; }
.member-out .uix-register > dl:nth-of-type(1) dt { vertical-align:top; padding-top:20px; }


/* Join - confirm */
.join-confirm { background:#fff; padding:0; }
.join-confirm fieldset { border:none; margin:0 0 20px; padding:0; }
.join-confirm fieldset legend { display:block; margin:0 0 8px; font-size:16px; float:left; }
.join-confirm fieldset textarea { clear:both; width:100%; height:300px; margin:5px 0 0; padding:15px; background:#fff; border:1px solid #d6d6d6; outline:0; }
.join-confirm .uix-form-check { margin:0 0 4px; color:#555; font-size:16px; }


/* Join - form */
.join-form fieldset { margin:0; border:none; padding:0; }
.join-form fieldset legend { padding:0 0 10px 0; font-size:16px; font-weight:700; }
.join-form fieldset.agree { border-top:1px solid #333; padding-top:20px; font-size:16px; }
.join-form fieldset.agree textarea { margin:7px 0 0; }


/* State */
.uix-state {
	display:inline-block; padding:0 7px; width:65px; height:25px; line-height:23px;
	font-size:12px; text-align:center; border-radius:3px;
	background:#dbdbdb; border:1px solid #dbdbdb; color:#555;
}
.uix-state.primary { background:#fff; border:1px solid #555; color:#333; }


/* 댓글 쓰기 */
.uix-comment { background:#fff; padding:0; margin:50px 0 0;}
.uix-comment .write h1 { font-size:20px; margin:0; padding:0 23px 10px; border-bottom:1px solid #d6d6d6; }
.uix-comment .write fieldset { background:#f9f9f9; text-align:left; border:0; border-bottom:1px solid #d6d6d6; padding:15px; margin:0; overflow:hidden; }
.uix-comment .write fieldset textarea { float:left; width:calc(100% - 130px); height:120px; line-height:20px; padding:15px; border:1px solid #dcdcdc; margin:0; font-size:15px; border-radius:3px; }
.uix-comment .write fieldset button { float:right; vertical-align:middle; width:120px; padding:0; height:120px; border-radius:3px; margin:0;}

/* 댓글 리스트 */
.uix-comment { position:relative; overflow:hidden; }
.uix-comment .list dl { padding:15px 0 15px 12px; border-bottom:1px solid #d6d6d6; }
.uix-comment .list dt { overflow:hidden; padding-bottom:0; }
.uix-comment .list dt .name-date { float:left; margin:0; height:12px; line-height:12px; overflow:hidden; }
.uix-comment .list dt .name-date .name { font-size:14px; font-weight:700; padding-right:10px; border-right:1px solid #d6d6d6; }
.uix-comment .list dt .name-date .date { margin-left:5px; color:#a7a7a7; }

.uix-comment .list dt .delete { float:right; }
.uix-comment .list dt .delete .uix-button { width:45px; height:24px; line-height:24px; font-size:12px; color:#888; }
.uix-comment .list dd { font-size:15px; line-height:20px; padding:15px 0; }
.uix-comment .list .re-box { overflow:hidden; padding:0 10px; }
.uix-comment .list .re-box .num { display:inline-block; float:left; margin:5px 0; font-weight:700; color:#000; }
.uix-comment .list .re-box .like-box { display:inline-block; float:right; margin:5px 0 0;}
.uix-comment .list .re-box .like-box a { display:inline-block; margin:0 0 0 10px; color:blue; }
.uix-comment .list .re-box .like-box a:first-child { color:red; }
.uix-comment .list hr { margin:5px 0; }

.uix-comment .list div.re { padding:10px 0 10px 24px; background:url('/image/web/comment-re.png') no-repeat 10px 15px; }
.uix-comment .list div.re dl { padding:0; }

/* 수정 */
.uix-comment .comment-modify { display:none; }
.uix-comment .comment-modify .write fieldset { background:#f9f9f9 url('/image/web/icon-board-re.png') no-repeat 20px 15px; padding:15px 15px 15px 70px; }
.uix-comment .comment-modify .uix-button { float:right; width:120px; height:52px; line-height:50px; padding:0; }
.uix-comment .comment-modify button[type="submit"].uix-button { margin:0 0 14px; }


.black_overlay { display:none; position:fixed; top:0%; left:0%; width:100%; height:100%; background-color:black; z-index:1001; -moz-opacity:0.6; opacity:.60; filter:alpha(opacity=60);	}
.white_content { position:absolute; top:0; left:-5000px; padding:0; border:0; background-color:white; z-index:1002; overflow:auto; }
.white_content .close { display:inline-block; position:absolute; top:0; right:10px; color:#457bdd; font-size:70px; line-height:70px; font-weight:300; }


/* 팝업 */
#popup1{ position:absolute; top:180px; left:50%; margin-left:-350px; width:700px; z-index:1002; box-shadow:1px 1px 4px #babdc3; background:#fff; display:block; border:0; border-radius:1px; overflow:hidden; }
#popup1 .close-box { text-align:center; overflow:hidden; line-height:40px; font-size:16px; }
#popup1 .check { float:left; width:50%; border-right:1px solid #555; }
#popup1 .close { position:static; float:right; width:50%; font-size:16px; line-height:40px; }

/* 2018-09-09 정필우 팝업수정*/
.popup_out_wrap {position:relative; width:100%;height:0px;}
.popup_wrap { position:relative; min-width: 850px; max-width: 1200px; height:0px;margin:0px auto;}
.popup{ position:absolute; min-width: 300px; max-width: 1200px; box-shadow:1px 1px 4px #babdc3; background:#fff; display:block; border:0; border-radius:1px; overflow:hidden; }
.popup .close-box { text-align:center; overflow:hidden; line-height:40px; font-size:16px; }
/*.popup .check { float:left; width:50%; border-right:1px solid #555; }*/
/*.popup .close { position:static; float:right; width:50%; font-size:16px; line-height:40px; }*/
/* 2019-02-08 요청*/
.popup .check { float:left; width:50%; border-right:1px solid #555; cursor:pointer;}
.popup .close { position:static; float:right; width:50%; font-size:16px; line-height:40px; cursor:pointer;}
.popup .check .uix-form-check,
.popup .check .uix-form-check p { display:block; }

/* uix-sub-banner */
.uix-sub-banner { overflow:hidden; width:1200px; margin:74px auto 0; }
.uix-sub-banner li { float:left; width:calc(50% - 10px); }
.uix-sub-banner li:last-child { float:right; }
.uix-sub-banner li img { width:100%; }


/* uix-main-bbs */
.uix-main-bbs { background:#f6f6f6; width:100%; margin:0; overflow:hidden; }
.uix-main-bbs div { width:1200px; margin:0 auto; overflow:hidden; }
.uix-main-bbs dl { float:left; width:calc(50% - 10px); margin:50px 0; }
.uix-main-bbs dl:nth-of-type(2) { float:right; }
.uix-main-bbs dl dt { position:relative; padding:0 5px 15px 0; font-size:22px; font-weight:700; }
.uix-main-bbs dl dt .more { position:absolute; top:0; right:0; display:inline-block; width:35px; height:35px; background:url('/image/web/btn-more.png') no-repeat left top; }
.uix-main-bbs dl dd { padding:10px 20px; background:#fff; border:1px solid #d6d6d6; }
.uix-main-bbs dl dd p { padding:10px 5px 10px 10px; border-bottom:1px solid #d6d6d6; overflow:hidden; }
.uix-main-bbs dl dd p:last-child { border-bottom:0; }
.uix-main-bbs dl dd a { display:inline-block; font-size:14px; width:430px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle; color:#585858; }
.uix-main-bbs dl dd a:hover { color:#000; }
.uix-main-bbs dl dd span { float:right; display:inline-block; color:#888; vertical-align:middle; }


/* icon */
.icon { display:inline-block; vertical-align:middle; }
.icon.file { width:19px; height:19px; margin:-1px 0 0 3px; background:url('/image/web/icon-file.png') no-repeat left top; background-size:auto 19px; }
.icon.tel { width:26px; height:26px; margin:-2px 7px 0 3px; background:url('/image/web/icon-tel.png') no-repeat left top; background-size:auto 26px; }
.icon.like { width:18px; height:18px; margin:0; background:url('/image/web/icon-like.png') no-repeat left top; background-size:auto 18px; }
.icon.google { width:15px; height:17px; margin:0 8px 0 0; background:url('/image/web/icon-google.png') no-repeat left top; background-size:auto 17px; }
.icon.apple { width:15px; height:17px; margin:0 8px 0 0; background:url('/image/web/icon-apple.png') no-repeat left top; background-size:auto 17px; }
.icon.excel { width:18px; height:18px; margin:-1px 3px 0 0; background:url('/image/web/icon-excel.png') no-repeat left top; background-size:auto 18px; }
.icon.stop { width:14px; height:14px; margin:-1px 3px 0 0; background:url('/image/web/icon-stop.png') no-repeat left top; background-size:auto 14px; }
.icon.resale { width:12px; height:16px; margin:-1px 3px 0 0; background:url('/image/web/icon-resale.png') no-repeat left top; background-size:auto 16px; }
.icon.cancle { width:12px; height:12px; margin:-1px 3px 0 0; background:url('/image/web/icon-cancle.png') no-repeat left top; background-size:auto 12px; }
.icon.money { width:88px; height:57px; margin:-28px 3px 0 0; background:url('/image/web/icon-money.png') no-repeat left top; background-size:auto 57px; }
.icon.manual { width:28px; height:20px; margin:-2px 10px 0 0; background:url('/image/web/icon-manual.png') no-repeat left top; background-size:auto 20px; }
.icon.pr { width:26px; height:26px; margin:0 10px 0 0; background:url('/image/web/icon-pr.png') no-repeat left top; background-size:auto 26px; }
.icon.cart { width:28px; height:28px; margin:-2px 10px 0 0; background:url('/image/web/icon-cart.png') no-repeat left top; background-size:auto 28px; }
.icon.addr { width:16px; height:23px; margin:0 10px 0 0; background:url('/image/web/icon-addr.png') no-repeat left top; background-size:16px 23px; }


/* 비밀번호입력 */
.popup_secret { position:fixed; top:40%; background:#fff; width:450px; height:240px; margin-left:-100px; border:1px solid #d6d6d6; padding:33px 33px 0; text-align:center; }
.popup_secret.on { left:50%; }
.popup_secret h1 { font-size:18px; font-weight:400; margin:0 0 30px;}
.popup_secret nav.uix-btn-group { margin:20px 0; }


/* 갤러리 type1 */
.gallery-list-type1 { overflow:hidden; line-height:16px; }
.gallery-list-type1 li { position:relative; float:left; width:224px; padding:0; margin:0 21px 24px 0; background:#fff; }
.gallery-list-type1 li:nth-child(4n) { margin-right:0; }

.gallery-list-type1 li .img { margin:0 0 15px; overflow:hidden; }
.gallery-list-type1 li .img img { width:224px; height:224px; border:1px solid #d6d6d6; object-fit:cover; }

.gallery-list-type1 li .subject { display:block; width:95%; height:44px; line-height:22px; overflow:hidden; text-overflow:ellipsis;
display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; margin:20px 0; font-size:17px; font-weight:700; text-align:left; color:#555; padding:0; }
.gallery-list-type1 li .date-id { padding:0; color:#7b7b7b; }
.gallery-list-type1 li .hit { padding:5px 0 10px; color:#333; }
.gallery-list-type1 input[type="checkbox"] { position:absolute; top:10px; left:10px; }
.gallery-list-type1 li .price { color:#333; font-size:22px; color:#333; font-weight:700; }
.gallery-list-type1 li .price strong { font-size:24px; font-weight:700; }
.gallery-list-type1 li .time { font-size:16px; color:#666; margin:15px 0 0; }


h2 { position:relative; margin:40px 0 0; font-size:22px; line-height:22px; font-weight:700; padding:0 0 12px 10px; color:#333; }
h2 a { color:#333; }
h2 a.btn,
h2 a.modify { position:absolute; top:-10px; right:0; padding:0 15px; height:35px; line-height:33px; border:1px solid #333; border-radius:3px; font-size:13px; font-weight:700; text-align:center; transition:all 0.5s ease;-moz-transition:0.5s ease; -ms-transition:0.5s ease; -o-transition:0.5s ease; }
h2 a.btn:hover,
h2 a.modify:hover { background:#333; color:#fff; }
h2 a:hover .icon.hash-tag { background:url('/image/web/icon-hash-tag-white.png') no-repeat left top; background-size:auto 18px; }
h2 a:hover .icon.member { background:url('/image/web/icon-member-white.png') no-repeat left top; background-size:auto 17px; }
h2 a:hover .icon.plus { background:url('/image/web/icon-plus-white.png') no-repeat left top; background-size:auto 14px; }
h2 small { display:inline-block; margin-left:5px; font-size:13px; color:#777; font-weight:400; }
h2 .more { position:absolute; top:-4px; right:0; display:inline-block; width:70px; height:28px; line-height:28px; font-size:14px; font-weight:400; border-radius:13px; border:1px solid #333; text-align:center; }

body.index h2 { font-size:24px; line-height:24px; font-weight:700; padding:0 0 12px; color:#333; }
body.Search_list h2 { font-size:26px; line-height:26px; font-weight:700; padding:0 0 12px; color:#333; }

.uix-button.toggle-peristalsis:after { content:"연동하기"; }
.uix-button.toggle-peristalsis.color-primary:after { content:"해제하기"; }


.swiper-container { width:100%; }
.swiper-slide { text-align:center; background:#fff; }
.swiper-button-next, .swiper-button-prev { width:38px; height:62px; }
.swiper-button-prev { background:url('/image/web/r-prev.png') no-repeat left top; left:15px; }
.swiper-button-next { background:url('/image/web/r-next.png') no-repeat left top; right:15px; }
.swiper-pagination .swiper-pagination-bullet { width:16px; height:16px; background:#000; }
.swiper-pagination .swiper-pagination-bullet-active { background:red; }

.swiper-container.main-visual .swiper-slide { height:460px; }
.swiper-container.main-visual .swiper-button-prev { background:url('/image/web/r-prev.png') no-repeat left top; left:50%; margin-left:-600px; }
.swiper-container.main-visual .swiper-button-next { background:url('/image/web/r-next.png') no-repeat left top; right:50%; margin-right:-600px; }

.swiper-container.review { width:700px; margin:40px auto; }
.swiper-container.review .swiper-button-next, .swiper-container.review .swiper-button-prev { width:40px; height:101px; margin-top:-50px; }
.swiper-container.review .swiper-button-prev { background:url('/image/web/r-review-prev.png') no-repeat left top; left:0; }
.swiper-container.review .swiper-button-next { background:url('/image/web/r-review-next.png') no-repeat left top; right:0; }

.swiper-container.review.block { width:100%; margin:0 auto; }
body.Search_list .swiper-container.review.block,
body.index .swiper-container.review.block { margin:0; border-top:2px solid #777;}
.swiper-container.review.block .swiper-button-next, .swiper-container.review.block .swiper-button-prev { width:30px; height:75px; margin-top:-130px; }
.swiper-container.review.block .swiper-button-prev { background:url('/image/web/r-review-prev.png') no-repeat left top; background-size:30px auto; left:2px; }
.swiper-container.review.block .swiper-button-next { background:url('/image/web/r-review-next.png') no-repeat left top; background-size:30px auto; right:4px; }

.score { display:inline-block; width:95px; height:14px; line-height:14px; text-align:right; margin:0; vertical-align:middle; }
.score.star-0 { background:url('/image/web/star-0.png') no-repeat left 1px; background-size:auto 11px; }
.score.star-1 { background:url('/image/web/star-1.png') no-repeat left 1px; background-size:auto 11px; }
.score.star-2 { background:url('/image/web/star-2.png') no-repeat left 1px; background-size:auto 11px; }
.score.star-3 { background:url('/image/web/star-3.png') no-repeat left 1px; background-size:auto 11px; }
.score.star-4 { background:url('/image/web/star-4.png') no-repeat left 1px; background-size:auto 11px; }
.score.star-5 { background:url('/image/web/star-5.png') no-repeat left 1px; background-size:auto 11px; }

.score.large { display:inline-block; width:128px; height:17px; line-height:17px; text-align:right; margin:0; vertical-align:middle; }
.score.large.star-0 { background:url('/image/web/star-0.png') no-repeat left center; background-size:auto 17px; }
.score.large.star-1 { background:url('/image/web/star-1.png') no-repeat left center; background-size:auto 17px; }
.score.large.star-2 { background:url('/image/web/star-2.png') no-repeat left center; background-size:auto 17px; }
.score.large.star-3 { background:url('/image/web/star-3.png') no-repeat left center; background-size:auto 17px; }
.score.large.star-4 { background:url('/image/web/star-4.png') no-repeat left center; background-size:auto 17px; }
.score.large.star-5 { background:url('/image/web/star-5.png') no-repeat left center; background-size:auto 17px; }


/* 게시판 목록 */
article.list ul { display:table; width:100%; }
article.list ul > * { display:table-cell; vertical-align:middle; padding:10px 0; text-align:center; color:#555; }
article.list header ul > li { background:#f6f6f6; border-top:1px solid #333; font-size:15px; line-height:18px; color:#777; padding:10px 0 8px; }
article.list > nav { border-bottom:1px solid #d6d6d6; }
article.list > nav li { border-top:1px solid #d6d6d6; height:60px; font-size:16px; line-height:18px; word-break:break-all; }

article.list > nav li .icon { margin:-4px 0 0 6px; }

article.list.split2 li { width:50%; }
article.list.split3 li { width:33.3333%; }
article.list.split4 li { width:25%; }
article.list.split5 li { width:20%; }
article.list.split6 li { width:16.6666%; }

article.list.bordered li { border-left:1px solid #d6d6d6; }
article.list.bordered li:first-child { border-left:0; }


/* coupon */
article.list.coupon li:nth-of-type(1) { width:*; }
article.list.coupon li:nth-of-type(2) { width:20%; }
article.list.coupon li:nth-of-type(3) { width:20%; }
article.list.coupon li:nth-of-type(4) { width:20%; }
article.list.coupon > nav li:nth-of-type(1) { text-align:left; padding-left:38px; }


/* 공지사항 */
article.list.notice li:nth-of-type(1) { width:80px; }
article.list.notice li:nth-of-type(2) { width:*; }
article.list.notice li:nth-of-type(3) { width:120px; }
article.list.notice > nav li:nth-of-type(1) { color:#888; }
article.list.notice > nav li:nth-of-type(2) { text-align:left; }
article.list.notice > nav li:nth-of-type(2) > a { display:inline-block; float:left; padding-left:0; max-width:95%; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }


/* 이벤트 */
article.list.event li:nth-of-type(1) { width:80px; }
article.list.event li:nth-of-type(2) { width:*; text-align:left; padding-left:20px;}
article.list.event li:nth-of-type(3) { width:200px; }
article.list.event li:nth-of-type(4) { width:100px; }
article.list.event > nav li:nth-of-type(1) { color:#888; }
article.list.event > nav li:nth-of-type(2) { text-align:left; padding-left:20px; }
article.list.event > nav li:nth-of-type(2) > a { display:inline-block; padding-left:0; max-width:96%; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }


/* 1:1문의 */
/* 2018-09-22 정필우
article.list.one2one li:nth-of-type(1) { width:7%; }
article.list.one2one li:nth-of-type(2) { width:12%; }
article.list.one2one li:nth-of-type(3) { width:26%; }
article.list.one2one li:nth-of-type(4) { width:*; }
article.list.one2one li:nth-of-type(5) { width:15%; }
article.list.one2one li:nth-of-type(6) { width:10%; }
article.list.one2one > nav li:nth-of-type(4) { text-align:left; padding-left:20px; }
article.list.one2one > nav li:nth-of-type(4) > a { display:inline-block; padding-left:0; max-width:96%; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }
*/
article.list.one2one li:nth-of-type(1) { width:7%; }
article.list.one2one li:nth-of-type(2) { width:12%; }
article.list.one2one li:nth-of-type(3) { width:256px; }
article.list.one2one li:nth-of-type(4) { width:*; }
article.list.one2one li:nth-of-type(5) { width:15%; }
article.list.one2one li:nth-of-type(6) { width:10%; }
article.list.one2one > nav li:nth-of-type(3) > span { display:inline-block; padding-left:0; max-width:96%; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }
article.list.one2one > nav li:nth-of-type(4) { text-align:left; padding-left:20px; }
article.list.one2one > nav li:nth-of-type(4) > a { display:inline-block; padding-left:0; max-width:96%; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }


/* 1:1문의2 */
article.list.one2one2 li:nth-of-type(1) { width:7%; }
article.list.one2one2 li:nth-of-type(2) { width:*; }
article.list.one2one2 li:nth-of-type(3) { width:15%; }
article.list.one2one2 li:nth-of-type(4) { width:10%; }
article.list.one2one2 > nav li:nth-of-type(2) { text-align:left; padding-left:20px; }
article.list.one2one2 > nav li:nth-of-type(2) > a { display:inline-block; padding-left:0; max-width:96%; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }


/* 상품문의 */
/* 2018-09-22 정필우
article.list.one2one-simple li:nth-of-type(1) { width:30%;  }
article.list.one2one-simple li:nth-of-type(2) { width:*; }
article.list.one2one-simple li:nth-of-type(3) { width:15%; }
article.list.one2one-simple li:nth-of-type(4) { width:10%; }
article.list.one2one-simple > nav li:nth-of-type(1) { text-align:left; padding-left:20px; }
article.list.one2one-simple > nav li:nth-of-type(2) { text-align:left; padding-left:20px; }
article.list.one2one-simple > nav li:nth-of-type(2) > a { display:inline-block; padding-left:0; max-width:96%; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }
*/
article.list.one2one-simple li:nth-of-type(1) { width:30%;  }
article.list.one2one-simple li:nth-of-type(2) { width:295px; }
article.list.one2one-simple li:nth-of-type(3) { width:15%; }
article.list.one2one-simple li:nth-of-type(4) { width:*; }
article.list.one2one-simple > nav li:nth-of-type(1) { text-align:left; padding-left:20px; }
article.list.one2one-simple > nav li:nth-of-type(1) > span { display:inline-block; padding-left:0; max-width:96%; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }
article.list.one2one-simple > nav li:nth-of-type(2) { text-align:left; padding-left:20px; }
article.list.one2one-simple > nav li:nth-of-type(2) > a { display:inline-block; padding-left:0; max-width:96%; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }


/* 구매내역 */
article.list.order li:nth-of-type(1) { width:12%; }
article.list.order li:nth-of-type(2) { width:*; }
article.list.order li:nth-of-type(3) { width:13%; text-align:left; padding-left:20px; }
article.list.order li:nth-of-type(4) { width:8%; }
article.list.order li:nth-of-type(5) { width:11%; }
article.list.order li:nth-of-type(6) { width:120px; }
article.list.order > nav li:nth-of-type(2) { text-align:left; padding-left:10px; display:table; width:100%; }
/*article.list.order > nav li:nth-of-type(2) .img { display:table-cell; vertical-align:middle; width:110px; height:83px; }*/
/*article.list.order > nav li:nth-of-type(2) img { width:110px; height:83px; border:1px solid #d6d6d6; object-fit:cover; }*/
/*article.list.order > nav li:nth-of-type(2) p { width:calc(100% - 110px); height:83px; display:table-cell; vertical-align:middle; padding-left:10px; font-size:16px; }*/
/* 2018-12-18 */
article.list.order > nav li:nth-of-type(2) .img { display:table-cell; vertical-align:middle; width:110px; height:62px; }
article.list.order > nav li:nth-of-type(2) img { width:110px; height:62px; border:1px solid #d6d6d6; object-fit:cover; }
article.list.order > nav li:nth-of-type(2) p { width:calc(100% - 110px); height:62px; display:table-cell; vertical-align:middle; padding-left:10px; font-size:16px; }

article.list.order > nav li:nth-of-type(3) { text-align:left; padding-left:10px; }
article.list.order > nav li .uix-button { margin-top:5px; min-width:85px; padding:0; }


/* 구매내역 type2 */
article.list.order2 li:nth-of-type(1) { width:*; }
article.list.order2 li:nth-of-type(2) { width:25%; text-align:left; padding-left:20px; }
article.list.order2 li:nth-of-type(3) { width:17%; }
article.list.order2 li:nth-of-type(4) { width:120px; }
article.list.order2 > nav li:nth-of-type(1) { text-align:left; padding-left:10px; display:table; width:100%; }
/*article.list.order2 > nav li:nth-of-type(1) .img { display:table-cell; vertical-align:middle; width:110px; height:83px; }*/
/*article.list.order2 > nav li:nth-of-type(1) img { width:110px; height:83px; border:1px solid #d6d6d6; object-fit:cover; }*/
/*article.list.order2 > nav li:nth-of-type(1) p { width:calc(100% - 110px); height:83px; display:table-cell; vertical-align:middle; padding-left:10px; font-size:16px; }*/
/* 2018-12-18 */
article.list.order2 > nav li:nth-of-type(1) .img { display:table-cell; vertical-align:middle; width:110px; height:62px; }
article.list.order2 > nav li:nth-of-type(1) img { width:110px; height:62px; border:1px solid #d6d6d6; object-fit:cover; }
article.list.order2 > nav li:nth-of-type(1) p { width:calc(100% - 110px); height:62px; display:table-cell; vertical-align:middle; padding-left:10px; font-size:16px; }

article.list.order2 > nav li:nth-of-type(2) { text-align:left; padding-left:10px; }
article.list.order2 > nav li .uix-button { margin-top:5px; min-width:85px; padding:0; }


/* 장바구니 */
article.list.cart li:nth-of-type(1) { width:5%; }
article.list.cart li:nth-of-type(2) { width:*; text-align:left; padding-left:200px; }
article.list.cart li:nth-of-type(3) { width:12%; }
article.list.cart li:nth-of-type(4) { width:13%; }
article.list.cart li:nth-of-type(5) { width:100px; }
article.list.cart li:nth-of-type(6) { width:5%; }
article.list.cart > nav li:nth-of-type(2) { text-align:left; padding-left:0; display:table; width:100%; }
/*article.list.cart > nav li:nth-of-type(2) .img { display:table-cell; vertical-align:middle; width:110px; height:83px; }*/
/*article.list.cart > nav li:nth-of-type(2) img { width:110px; height:83px; border:1px solid #d6d6d6; object-fit:cover; }*/
/*article.list.cart > nav li:nth-of-type(2) p { width:calc(100% - 110px); height:83px; display:table-cell; vertical-align:middle; padding-left:10px; font-size:16px; }*/
/* 2018-12-18 */
article.list.cart > nav li:nth-of-type(2) .img { display:table-cell; vertical-align:middle; width:110px; height:62px; }
article.list.cart > nav li:nth-of-type(2) img { width:110px; height:62px; border:1px solid #d6d6d6; object-fit:cover; }
article.list.cart > nav li:nth-of-type(2) p { width:calc(100% - 110px); height:62px; display:table-cell; vertical-align:middle; padding-left:10px; font-size:16px; }

article.list.cart > nav li:nth-of-type(3) { text-align:left; padding-left:10px; }
article.list.cart > nav li .uix-button { margin-top:10px; }


/* 상품판매현황 */
article.list.product_order li:nth-of-type(1) { width:4%; }
article.list.product_order li:nth-of-type(2) { width:4%; }
article.list.product_order li:nth-of-type(3) { width:*; }
article.list.product_order li:nth-of-type(4) { width:12%; }
article.list.product_order li:nth-of-type(5) { width:12%; }
article.list.product_order li:nth-of-type(6) { width:12%; }
article.list.product_order li:nth-of-type(7) { width:10%; }
article.list.product_order li:nth-of-type(8) { width:6%; }
article.list.product_order li:nth-of-type(9) { width:6%; }
article.list.product_order li:nth-of-type(10) { width:6%; }
article.list.product_order li:nth-of-type(11) { width:10%; }
article.list.product_order > nav li:nth-of-type(3) { text-align:left; padding-left:10px; }
article.list.product_order > nav li .product-name { display:inline-block; width:100%; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }


/* 주문현황 */
article.list.product_order2 li:nth-of-type(1) { width:4%; }
article.list.product_order2 li:nth-of-type(2) { width:10%; }
article.list.product_order2 li:nth-of-type(3) { width:8%; }
article.list.product_order2 li:nth-of-type(4) { width:8%; }
article.list.product_order2 li:nth-of-type(5) { width:10%; }
article.list.product_order2 li:nth-of-type(6) { width:*; }
article.list.product_order2 li:nth-of-type(7) { width:10%; }
article.list.product_order2 li:nth-of-type(8) { width:5%; }
article.list.product_order2 li:nth-of-type(9) { width:10%; }
article.list.product_order2 li:nth-of-type(10) { width:6%; }
article.list.product_order2 li:nth-of-type(11) { width:10%; }
article.list.product_order2 > nav li:nth-of-type(6) { text-align:left; padding-left:10px; }
article.list.product_order2 > nav li:nth-of-type(9) { text-align:right; padding-right:15px; }
article.list.product_order2 > nav li .product-name { display:inline-block; width:100%; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }


/* 광고신청 */
article.list.ad li:nth-of-type(1) { width:4%; }
article.list.ad li:nth-of-type(2) { width:8%; }
article.list.ad li:nth-of-type(3) { width:*; }
article.list.ad li:nth-of-type(4) { width:13%; }
article.list.ad li:nth-of-type(5) { width:22%; }
article.list.ad li:nth-of-type(6) { width:12%; }
article.list.ad li:nth-of-type(7) { width:10%; }
article.list.ad > nav li:nth-of-type(3) { text-align:left; padding-left:10px; }
article.list.ad > nav li:nth-of-type(3) a { display:inline-block; padding-left:0; max-width:96%; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }


/* 정산관리 */
article.list.accounts > nav li { line-height:20px; }
article.list.accounts li:nth-of-type(1) { width:4%; }
article.list.accounts li:nth-of-type(2) { width:10%; }
article.list.accounts li:nth-of-type(3) { width:10%; }
article.list.accounts li:nth-of-type(4) { width:*; }
article.list.accounts li:nth-of-type(5) { width:9%; text-align:right; padding-right:10px; }
article.list.accounts li:nth-of-type(6) { width:9%; text-align:right; padding-right:10px; }
article.list.accounts li:nth-of-type(7) { width:10%; text-align:right; padding-right:15px; }
article.list.accounts li:nth-of-type(8) { width:9%; }
article.list.accounts li:nth-of-type(9) { width:10%; text-align:right; padding-right:3px; }
article.list.accounts li:nth-of-type(10) { width:11%; }
article.list.accounts > nav li:nth-of-type(4) { text-align:left; padding-left:10px; }
article.list.accounts > nav li:nth-of-type(4) a { display:inline-block; padding-left:0; max-width:96%; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }
article.list.accounts > nav li:nth-of-type(5),
article.list.accounts > nav li:nth-of-type(6),
article.list.accounts > nav li:nth-of-type(7),
article.list.accounts > nav li:nth-of-type(9) { text-align:right; padding-right:10px; }


/* 자유게시판 */
article.list.community li:nth-of-type(1) { width:80px; }
article.list.community li:nth-of-type(2) { width:*; }
article.list.community li:nth-of-type(3) { width:100px; }
article.list.community li:nth-of-type(4) { width:120px; }
article.list.community > nav li:nth-of-type(1) { color:#888; }
article.list.community > nav li:nth-of-type(2) { text-align:left; padding-left:20px; }
article.list.community > nav li:nth-of-type(2) > a { display:inline-block; padding-left:0; max-width:96%; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }


/* 게시글 스크랩 */
article.list.scrap li:nth-of-type(1) { width:40px; }
article.list.scrap li:nth-of-type(2) { width:100px; }
article.list.scrap li:nth-of-type(3) { width:*; }
article.list.scrap li:nth-of-type(4) { width:120px; }
article.list.scrap > nav li:nth-of-type(2) { font-weight:700; }
article.list.scrap > nav li:nth-of-type(3) { text-align:left; padding-left:20px; }
article.list.scrap > nav li:nth-of-type(3) > a { display:inline-block; padding-left:0; max-width:96%; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }


/* 파일업로드 */
.previewimg { float:left; }
.previewimg img { margin:0 10px 0 0; width:55px; height:55px;}
.file-upload { float:left; max-height:55px; padding-top:0; margin:0; }
.file-upload > * { display:inline-block; vertical-align:middle; font-size:16px; }
.file-upload .upload-hidden { display:inline-block; width:80px; height:35px; background:#fff; margin:0; color:#777; text-align:center; line-height:33px; border:1px solid #d6d6d6; cursor:pointer; }
.file-upload span { display:block; margin:0; }
.file-upload label { cursor:pointer; }
.file-upload input[type='file'] { margin:5px 0 0; font-size:14px; }
.file-upload input[type="checkbox"] { margin-left:15px; }


input[type="checkbox"] { display:inline-block; width:18px; height:18px; vertical-align:middle; -webkit-appearance:none; margin:-2px 3px 0 0; padding:0; cursor:pointer; border-radius:3px; border:1px solid #b6b6b6; background:#fff; }
input[type="checkbox"]:checked { background:#fff url('/image/web/btn-check.png') no-repeat center center; background-size:12px auto; }
input[type="radio"] { display:inline-block; width:18px; height:18px; vertical-align:middle; text-align:center; -webkit-appearance:none; margin:-2px 3px 0 0; padding:0; cursor:pointer; border-radius:50%; border:1px solid #b6b6b6; background:#fff; }
input[type="radio"]:checked { background:#fff url('/image/web/btn-radio.png') no-repeat center center; background-size:12px auto; }


/* 팝업 기본 */
.popup_basic { display:none; position:relative; position:absolute; top:20%; left:50%; background:#fff; width:500px; margin-left:-250px; border:0; padding:0; }
/* 2018-12-18 */
.popup_basic.on { display:block; }
.popup_basic h1 { position:relative; background:#000; color:#fff; height:60px; line-height:60px; font-size:20px; font-weight:700; text-align:center; margin:0; border:0; padding:0 20px; }
.popup_basic h1 .close { display:inline-block; position:absolute; top:17px; right:19px; line-height:20px; }
.popup_basic h1 .close img { width:25px; }
.popup_basic article { padding:25px 20px; }
.popup_basic article .uix-register { border:0; font-size:15px; color:#555; }
.popup_basic article .uix-register p { margin:7px 0; }

/***********************/


/* uix-search */
.uix-search { position:relative; margin:0 0 15px; font-size:15px; text-align:right; overflow:hidden; }
.uix-search select { width:150px; margin-left:5px; }
.uix-search input[type="text"] { width:300px; margin-left:5px; }
.uix-search input[type="text"].date { width:150px; }
.uix-search .uix-button { min-width:70px; padding:0; font-size:15px; margin-left:5px; }
.uix-search .uix-button.size-small { font-size:14px; }
.uix-search > div { clear:both; overflow:hidden; }
.uix-search .uix-text-left { float:left; width:50%; }
.uix-search .uix-text-right { float:right; width:50%; }
.uix-search em { background:none; text-align:center; height:3px; line-height:3px; margin:0 8px 0 3px; }
.uix-search .by-period { display:inline-block; float:left; overflow:hidden; margin:0 0 10px; }
.uix-search .by-period .uix-button { float:left; border-radius:0; margin:0 0 0 -1px; width:80px; padding:0; font-size:15px; border:1px solid #b6b6b6; }
.uix-search .by-period .uix-button:first-child { margin:0; }
.uix-search .by-period .uix-button.on,
.uix-search .by-period .uix-button:hover { background-color:#b6b6b6; border-color:#b6b6b6; color:#fff; }
.uix-search .date-search { float:right; margin-bottom:10px; }
.uix-search .uix-space { clear:both; height:10px; margin:0; }
.uix-search.product_order .division { float:left; width:180px; margin-right:10px; }


/* uix-product-search */
.uix-product-search { position:relative; margin:0 0 10px; font-size:15px; }
.uix-product-search > dl { display:table; width:100%; margin:0; }
.uix-product-search > dl > * { display:table-cell; vertical-align:middle; padding:5px 0; }
.uix-product-search > dl > dt { width:11%; color:#555; }
.uix-product-search select.uix-form-text { width:17%; margin-left:5px; }
.uix-product-search input.uix-form-text { width:calc(83.8% - 109px); margin-left:5px; }
.uix-product-search > dl.column-2 > dd { width:39%; }
.uix-product-search > dl.column-2 > dd .uix-form-text { width:39%; }
.uix-product-search em { display:inline-block; background:none; text-align:center; width:19px; height:3px; line-height:3px; margin:0; }
.uix-product-search .uix-button { min-width:76px; margin-left:5px; }
.uix-product-search .by-period { overflow:hidden; margin:0; width:100%; }
.uix-product-search .by-period .uix-button { float:left; border-radius:0; margin:0 0 0 -1px; min-width:20%; padding:0; font-size:15px; border:1px solid #b6b6b6; }
.uix-product-search .by-period .uix-button:first-child { margin:0; }
.uix-product-search .by-period .uix-button.on,
.uix-product-search .by-period .uix-button:hover { background-color:#b6b6b6; border-color:#b6b6b6; color:#fff; }
.uix-product-search .uix-form-text.keyword { width:300px; }


/* total-price */
.total-price { margin:5px 0 0; font-size:16px; }
.total-price strong { display:inline-block; margin-left:10px; font-size:17px; font-weight:700; color:#333; }
.total-price p { margin:5px 0; }
.total-price .payment-amount strong { font-size:26px; }
.total-price.top-line {  border-top:2px solid #2eaaa4; margin:-1px 0 0; padding:15px 0; }


/* 정산관리 */
.accounts-info { margin:0 0 20px; }
.accounts-info .uix-product-search { border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:8px 0; }
.accounts-info h1 { margin:27px 0 0; font-size:16px; font-weight:400; color:#2eaaa4; }
.accounts-info li { font-size:14px; line-height:24px; }
.accounts-info .uix-text-red { margin:15px 0 15px; }
.accounts-info .uix-text-red .uix-button { margin-left:10px; min-width:110px; }


.quantity { display:inline-block; border-bottom:2px solid #333; padding:0 3px 7px; overflow:hidden; }
.quantity span { display:inline-block; float:left; width:12px; height:15px; line-height:15px; text-align:center; background:#f1f1f1; }
.quantity span:nth-of-type(1) { background:#fff url('/image/web/icon-minus.png') no-repeat center center; background-size:10px auto; text-indent:-5000px; cursor:pointer; }
.quantity input { float:left; background:#fff; width:35px; height:15px; line-height:15px; text-align:center; font-size:16px; border:0; padding:0;  }
.quantity span:nth-of-type(2) { background:#fff url('/image/web/icon-plus.png') no-repeat center center; background-size:10px auto; text-indent:-5000px; cursor:pointer; }


.all-agree  { margin:40px 0 0; }
.all-agree dt { font-size:20px; font-weight:700; color:#333; border-bottom:1px solid #333; padding-bottom:8px; margin-bottom:8px; }
.all-agree dd li { line-height:30px; font-size:16px; }
.all-agree dd li a { display:inline-block; margin-left:30px; font-size:14px; color:#777; }
.all-agree dd li a:after { content:'>'; font-family:'Nanum Gothic'; margin-left:5px; font-weight:700; }
.all-agree dd li a:hover { color:#000; }
.all-agree dd .uix-text-help { margin:0 0 0 25px; }


/* 별점주기 */
.rating_cycle li { list-style:none; }
.rating_cycle .rateit { display:inline-block; position:relative; height:18px; margin:4px 0 0;}
.rating_cycle .rateit .rateit-range { position:relative; display:inline-block; background:url('/image/web/star.png'); height:18px; }
.rating_cycle .rateit .rateit-hover, .rating_cycle .rateit .rateit-selected { position:absolute; }
.rating_cycle .rateit .rateit-hover { background:url('/image/web/star.png') left -36px; }
.rating_cycle .rateit .rateit-hover-rtl { background-position:right -36px; }
.rating_cycle .rateit .rateit-selected { background:url('/image/web/star.png') left -36px; }
.rating_cycle .rateit .rateit-selected-rtl { background-position:right -36px; }
.rating_cycle .rateit .rateit-reset:hover { background-position:0 -36px; }


/* 파일업로드 미리보기 */
.file-upload-preview { display:inline-block; width:80px; height:60px; margin:0 3px 0 0; vertical-align:middle; }
.file-upload-preview label { display:inline-block; cursor:pointer; }
.file-upload-preview .previewimg { position:relative; width:80px; height:60px; border:1px solid #d6d6d6; }
.file-upload-preview .previewimg img { width:78px; height:58px; }
.file-upload-preview .previewimg .delete { display:inline-block; position:absolute; bottom:0; right:0; width:20px; height:20px; background:url('/image/web/btn-delete.png') no-repeat left top; }
.file-upload-preview input[type='file'] { display:none; }


/* 팝업 상품문의 */
/*#popup-one2one { width:900px; margin-left:-450px; }*/
/* 2018-12-18 */
#popup-one2one { width:900px; margin-left:-450px; border:1px solid #e6e6e6; }
#popup-one2one .uix-register { border:1px solid #d6d6d6; }
#popup-one2one .uix-button.size-large { width:130px; height:45px; line-height:41px; font-size:17px; }


/* 달력 */
.calendar { width:235px; }
.calendar .ym { font-size:15px; font-weight:400; text-align:center; padding:10px 0; }
.calendar .ym a { display:inline-block; margin:0 5px; font-family:'Nanum Gothic'; font-weight:700; color:#999; }
.calendar table { width:100%; margin:0 auto; }
.calendar table th { width:14%; font-weight:400; font-size:13px; color:#000; }
.calendar table td { text-align:center; font-size:13px; padding:0; color:#555; }
.calendar table td a { display:inline-block; width:34px; height:34px; line-height:34px;  }
.calendar table td a.on { color:#fff; background:#2eaaa4; }


.navi { overflow:hidden; }
.navi li { float:left; padding-right:10px; line-height:24px; font-size:12px; vertical-align:middle; }
.navi li:after { content:'>'; font-family:'Nanum Gothic'; margin-left:10px; font-size:14px; line-height:16px; }
.navi li .uix-form-text { width:110px; height:24px; line-height:24px; font-size:12px; padding:0 10px; }
.navi li:last-child:after { content:''; margin-left:0; font-size:0; line-height:0; }
.navi select { -moz-appearance:none; -webkit-appearance:none; appearance:none; background:url('/image/web/select-arrow.png') no-repeat calc(100% - 5px) center; background-size:13px auto; }


.btn-order .uix-button { background-color:#b6b6b6; border-color:#b6b6b6; color:#fff; }
.btn-order .uix-button.on { background-color:#42a29d; border-color:#42a29d; color:#fff; }


/*.bgcolor { width:calc(100% + 47%); margin-left:-23.5%; background:#f1f1f1; padding:5px 23.5% 15px; }*/
/* 2018-11-27 */
/*.bgcolor { width:calc(100% + 60.5%); margin-left:-30%; background:#f1f1f1; padding:5px 30% 15px; }*/
/* 2018-12-18 */
.bgcolor { width:calc(100% + 66.8%); margin-left:-33.5%; background:#f1f1f1; padding:5px 33.5% 15px; }

/* product_list */
.product_list { overflow:hidden; margin:30px 0 0; }
.product_list.under-line { margin:0; }
body.Search_list .product_list,
body.index .product_list { margin:0; }
/*.product_list li { position:relative; float:left; text-align:left; width:18.4%; padding:0; margin:0 2% 25px 0; } */
/* 2018-11-09 */
.product_list li { position:relative; float:left; text-align:left; width:18.4%; padding:0; margin:0 2% 25px 0; border:2px solid #fff; }
.product_list li:hover { border:2px solid #42a29d; }
/* /2018-11-09 */
.product_list li:nth-child(5n) { margin-right:0; }
/*
.product_list li > a { display:inline-block; border:2px solid #fff; }
.product_list.under-line li > a { border-bottom:2px solid #333; }
*/
.product_list.under-line li { border-bottom:2px solid #333; }/* 2018-11-09 */
/* 2018-12-18 */
.product_list.under-line li:hover { border:2px solid #42a29d; }

/* .bgcolor .product_list li > a { border:2px solid #f1f1f1; } */
/* 2018-11-09 */
.bgcolor .product_list li { border:2px solid #f1f1f1; }
.bgcolor .product_list li:hover { border:2px solid #42a29d; }
/* 2018-12-18 */
.bgcolor .product_list li .name { height:44px; line-height:22px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; }

/* /2018-11-09 */
/*.product_list li > a:hover { border:2px solid #42a29d; } 2018-11-09 */
/*.product_list li .img { overflow:hidden; height:160px; line-height:0; margin:0; padding:0; }*/
/*.product_list li .img img { width:100%; height:100%; border:1px solid #d6d6d6; object-fit:cover; }*/
/* 2018-11-27 */
.product_list li .img { position:relative; width:100%; height:0; overflow:hidden; padding-bottom:56.25%; }
.product_list li .img img { position:absolute; top:0; left:0; width:100%; height:100%; }​

/*.product_list li > a:hover .img img { border:1px solid #999; }*/
.product_list li .img img { border:1px solid #999; }/* 2018-11-09 */
/*.product_list li > a > div { padding:12px 8px; font-size:14px; }*/
/*.product_list li > div { padding:12px 8px; font-size:14px; } 2018-11-09 */
/* 2018-12-18 */
.product_list li > div { padding:4px 8px 8px; font-size:14px; }

/*.product_list li .name { display:block; width:100%; height:18px; line-height:18px; margin:0 0 5px; font-size:18px; font-weight:700; text-align:left; color:#333; padding:0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }*/
/* 2018-12-18 */
.product_list li .name { display:block; width:100%; height:44px; line-height:22px; margin:0 0 5px; font-size:18px; font-weight:700; text-align:left; color:#333; padding:0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; }

/*.product_list li p { overflow:hidden; margin:7px 0; line-height:14px; }*/
/* 2018-11-27 */
.product_list li p { overflow:hidden; margin:0 0 7px; line-height:14px; }
/*
.product_list li .place,
.product_list li .keyword { overflow:hidden; line-height:16px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }
*/
/* 2018-11-09 */
.product_list li .place { overflow:hidden; line-height:1.3; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }
.product_list li .keyword { overflow:hidden; height:35px; line-height:1.3; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; }
.product_list li .keyword a { display:inline-block; margin-right:3px; }
.product_list li a:hover { text-decoration:underline; }
/* /2018-11-09 */

.product_list li .place { color:#42a29d; }
/*.product_list li p .score { float:left; display:inline-block; }*/
/*.product_list li p .rest { float:right; display:inline-block; font-size:13px; }*/
/* 2018-11-27 */
/*.product_list li p .score { float:left; display:inline-block; width:55%; }*/
/*.product_list li p .rest { float:right; text-align:right; display:inline-block; font-size:13px; width:45%; overflow:hidden; text-overflow:ellipsis; height:29px; line-height:1.1; }*/
/* 2018-12-18 */
.product_list li p .score { float:left; display:inline-block; width:49%; }
.product_list li p .rest { float:right; text-align:right; display:inline-block; font-size:13px; width:51%; overflow:hidden; height:14px; line-height:1.1; font-size:12px; }

.product_list li .D-day { position:absolute; top:10px; right:10px; display:inline-block; width:50px; height:50px; font-size:18px; font-weight:700; color:#fff; background:url('/image/web/D-day.png') no-repeat left top; background-size:50px auto; text-align:center; padding-top:13px; }
.product_list li .D-day.deadline { background:url('/image/web/deadline.png') no-repeat left top; background-size:50px auto; }

/*.container.aside_on .product_list li .img { overflow:hidden; height:130px; }*/
/* 2018-11-27 */
.container.aside_on .product_list li .img { position:relative; width:100%; height:0; overflow:hidden; padding-bottom:56.25%; }
.container.aside_on .product_list li .imgimg { position:absolute; top:0; left:0; width:100%; height:100%; }

.container.aside_on .product_list li > a > div { padding:12px 10px; }
.container.aside_on .product_list li p .score { width:87px; height:12px; line-height:14px; font-size:12px; }
.container.aside_on .product_list li p .rest { font-size:12px; }


/* 관심상품 */
.product_list.interest { border-bottom:1px solid #b6b6b6; }
.product_list.interest li { position:relative; float:left; width:18.8%; padding:0; margin:0 1.4% 20px 0; }
.product_list.interest li:nth-child(5n) { margin-right:0; }
/*.product_list.interest li > a > div { padding:10px 8px; font-size:13px; }*/
.product_list.interest li > div { padding:10px 8px; font-size:13px; }/* 2018-11-09 */
/*.product_list.interest li .img { overflow:hidden; height:130px; line-height:0; margin:0; padding:0; }*/
/* 2018-11-27 */
.product_list.interest li .img { position:relative; width:100%; height:0; overflow:hidden; padding-bottom:56.25%; }
.product_list.interest li .img img { position:absolute; top:0; left:0; width:100%; height:100%; }

.product_list.interest li .keyword { font-size:13px; }
.product_list.interest li .score { width:85px; height:12px; line-height:14px; font-size:12px; }
.product_list.interest li .rest { font-size:12px; }
/*.product_list.interest li p { margin:5px 0; line-height:14px; }*/
/* 2018-11-27 */
.product_list.interest li p { margin:0 0 5px; line-height:14px; }

.product_list.interest li .name { height:17px; line-height:17px; font-size:17px; margin:0 0 5px; }
.product_list.interest li .D-day { top:33px; }
.product_list.interest li input[type="checkbox"] { margin:0 0 7px 2px; }
/* 2018-11-09 */
.product_list.interest { padding:25px 0 0; }
.product_list.interest li { margin-bottom:30px; }
.product_list.interest li input[type="checkbox"] { position:absolute; top:-25px; left:-2px; }
.product_list.interest li .keyword { height:28px; }
/* /2018-11-09 */

.banner { margin:75px 0 30px; text-align:center; }
.banner.small { margin:30px 0; }
.banner img { max-width:100%; }


.more2 { display:inline-block; width:45px; height:46px; margin:0 auto; background:url('../../image/web/more2.png') no-repeat left top; text-indent:-5000px; cursor:default; }


/* main-search */
.main-search { position:relative; max-width:1294px; margin:0 auto 67px; background:url('../../image/web/main-search-bg.png') no-repeat center top; background-size:100% auto; text-align:center; }

.main-search .alpha { width:100%; }
/*.main-search form { position:relative; position:absolute; bottom:14%; left:50%; margin-left:-300px; display:inline-block; width:600px; height:60px; line-height:60px; background:#fff; border:1px solid #d6d6d6; border-radius:5px; }*/
/* 2018-11-27 */
.main-search form { position:relative; position:absolute; bottom:18%; left:50%; margin-left:-300px; display:inline-block; width:600px; height:60px; line-height:60px; background:#fff; border:1px solid #d6d6d6; border-radius:5px; }

.main-search form .uix-form-text { width:100%; height:56px; line-height:56px; border:0; border-radius:5px; font-size:24px;  font-weight:400; padding:0 70px; text-align:center; }
.main-search form input[type="image"] { position:absolute; top:15px; right:15px; width:32px; }
/*.main-search nav { position:absolute; bottom:8%; left:50%; width:600px; margin-left:-300px; text-align:center; }*/
/* 2018-12-18 */
.main-search nav { position:absolute; bottom:12%; left:50%; width:600px; margin-left:-300px; text-align:center; }

.main-search nav label { display:inline-block; width:60px; height:22px; text-align:center; border:1px solid #333; border-radius:11px; font-size:14px; }
.main-search nav span { display:inline-block; margin:0 10px; font-size:16px; background:url('../../image/web/dot.png') no-repeat left center; padding-left:13px; }


/* 검색팝업 */
/*#popup-search { position:fixed; top:60px; width:1200px; height:720px; margin-left:-600px; text-align:center; padding-top:150px; }*/
/* 2018-12-18 */
#popup-search { position:fixed; top:60px; width:1200px; height:720px; margin-left:-600px; text-align:center; }
#popup-search > div { display:block; padding-top:150px; height:100%; }

#popup-search form { position:relative; position:absolute; bottom:33%; left:50%; margin-left:-300px; display:inline-block; width:600px; background:#fff; }
#popup-search form .uix-form-text { width:100%; height:70px; line-height:70px; border:0; border-radius:0; font-size:28px; color:#333; font-weight:400; padding:0 70px; text-align:center; border-bottom:3px solid #333; }
#popup-search form input[type="image"] { position:absolute; top:20px; right:15px; }
#popup-search nav { position:absolute; bottom:190px; left:50%; width:600px; margin-left:-300px; text-align:center; }
#popup-search nav label { display:inline-block; width:60px; height:22px; text-align:center; border:1px solid #333; border-radius:11px; font-size:14px; }
#popup-search nav span { display:inline-block; margin:0 10px; font-size:16px; background:url('/image/web/dot.png') no-repeat left center; padding-left:13px; }
#popup-search .txt { position:absolute; bottom:103px; left:50%; width:700px; margin-left:-350px; font-size:30px; font-weight:700; color:#333; text-align:center; }
#popup-search .close { display:inline-block; position:absolute; top:17px; right:19px; line-height:20px; }
#popup-search .close img { width:25px; }
/* 2018-12-04 */
#popup-search.bg {  }


#all-category { position:fixed; top:60px; width:1200px; height:756px; margin-left:-600px; overflow:hidden; display:none; }
#all-category > h1 { font-family:'BMDOHYEON'; font-weight:400; color:#fff; font-size:28px; margin:0; height:60px; line-height:64px; padding:0; }
#all-category article { padding:0; overflow:hidden; }
#all-category article > div { float:left; width:50%; overflow:hidden; }
#all-category article > div:nth-child(2n){ border-left:1px solid #d6d6d6; }
#all-category article > div h1 { background:#f6f6f6; height:40px; line-height:40px; color:#777; font-size:18px; text-align:center; margin:0; border-bottom:1px solid #d6d6d6; }
#all-category article > div > dl { float:left; width:25%; text-align:center; padding:15px 20px 10px; border-bottom:1px solid #d6d6d6; }
#all-category article > div dt { font-size:17px; font-weight:700; color:#333; padding-bottom:3px; }
#all-category article > div dd li { text-align:left; font-size:14px; padding:1px 0; }
#all-category article > div dd li a { display:inline-block; width:100%; color:#555; text-align:center; }
#all-category article > div dd li a:hover { color:#000; }


/* 나의후기 */
.review_list { overflow:hidden; margin:24px 0 0; border-bottom:1px solid #b6b6b6; }
body.Search_list .review_list,
body.index .review_list { border-bottom:2px solid #777; }
.review_list.top-line { border-top:3px solid #777; padding-top:30px; border-bottom:3px solid #777; }
.review_list > * { font-family:'Youth'; }

.review_list li { position:relative; float:left; width:calc(25% + 7px); padding:0 14px 0 16px; margin:0 0 25px; background:url('/image/web/review_list-line.png') no-repeat left 2px; background-size:2px 305px; }

/*.review_list li:nth-child(2n),
.review_list li:nth-child(3n) { width:calc(25% + 7px); padding-left:16px; }
.review_list li:nth-child(4n) { width:calc(25% - 9px); padding-left:16px; padding-right:0; }
.review_list li:nth-of-type(1),
.review_list li:nth-of-type(5),
.review_list li:nth-of-type(9),
.review_list li:nth-of-type(13),
.review_list li:nth-of-type(17) { width:calc(25% - 8px); padding-left:0; }*/
/* 2018-11-27 */
.review_list li { width:25%; padding:0 14px; }
.review_list li:nth-child(4n+1) { background:none; }

.review_list li > nav { display:inline-block; border:2px solid #fff; cursor:pointer; }
.review_list li > nav:hover { border:2px solid #42a29d; }
/*.review_list li .img { overflow:hidden; height:190px; line-height:0; margin:0; padding:0; }*/
/*.review_list li .img img { width:100%; height:100%; border:1px solid #d6d6d6; object-fit:cover; }*/
/* 2018-11-27 */
.review_list li .img { position:relative; width:100%; height:0; overflow:hidden; padding-bottom:56.25%; }
.review_list li .img img { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}

.review_list li > nav:hover .img img { border:1px solid #999; }
.review_list li > nav > div { padding:12px 10px 5px; font-size:14px; }
/*.review_list li .name { display:block; width:100%; height:22px; line-height:22px; font-size:18px; font-weight:600; margin:0; text-align:left; color:#333; padding:0; overflow:hidden; text-overflow:ellipsis;*/
/*display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; display:none;}*/
/* 2018-12-18 */
.review_list li .name { display:block; width:100%; height:44px; line-height:22px; font-size:18px; font-weight:600; margin:0 0 15px; text-align:left; color:#333; padding:0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; }

/*.review_list li p { overflow:hidden; margin:7px 0; line-height:14px; }*/
/* 2018-11-27 */
.review_list li p { overflow:hidden; margin:0 0 7px; line-height:14px; }
.review_list li .score { float:left; display:inline-block; }
.review_list li .date { float:right; display:inline-block; font-size:14px; }
/* 2018-12-18 */
.review_list li > nav { display:block; }

.review_list li .txt { display:inline-block; text-align:left; width:100%; font-size:14px; overflow:hidden; height:66px; line-height:22px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; }
.review_list li .link { font-size:13px; overflow:hidden; padding:5px 0 0; }
.review_list li .link .uix-button { display:inline-block; float:left; border-width:2px; border-radius:5px; line-height:26px; }
.review_list li .link .uix-button:hover { background:#fff; color:#333; border-color:#333; }
.review_list li .link .view { display:inline-block; float:right; line-height:30px; }
.review_list li .link .view:hover { color:#000; }
/*.review_list li .D-day { position:absolute; top:13px; right:30px; display:inline-block; width:50px; height:50px; font-size:18px; font-weight:700; color:#fff; background:url('/image/web/D-day.png') no-repeat left top; text-align:center; padding-top:13px; background-size:50px auto; }*/
/* 2018-11-27 */
.review_list li .D-day { position:absolute; top:13px; right:50%; margin-right:-80px; display:inline-block; width:50px; height:50px; font-size:18px; font-weight:700; color:#fff; background:url('/image/web/D-day.png') no-repeat left top; text-align:center; padding-top:13px; background-size:50px auto; }
.review_list li .D-day.deadline { background:url('/image/web/deadline.png') no-repeat left top; background-size:50px auto; }



/* 티켓박스 */
.ticket_list { font-family:'Youth'; padding:40px 15px 15px; margin:0 0 40px; border-radius:10px; background:#f2f2f3; overflow:hidden; }
.ticket_list li { position:relative; float:left;
width:calc(33.3333% - 50px); margin:0 20px 30px 30px; }
.ticket_list li:nth-child(3n) { margin-right:0; }
.ticket_list li input[type="checkbox"] { position:absolute; top:2px; left:-30px; }
.ticket_list li .tit { background:#2eaaa4; color:#fff; height:30px; line-height:32px; text-align:center; border-radius:10px 10px 0 0; overflow:hidden; }
.ticket_list li > div { background:#fff; padding:20px 20px 10px; font-size:15px; border:1px solid #d6d6d6; }
/*.ticket_list li > div .img { overflow:hidden; width:100%; height:178px; line-height:0; margin:0; padding:0; }*/
/*.ticket_list li > div .img img { width:100%; height:100%; border:1px solid #d6d6d6; object-fit:cover; }*/
/* 2018-11-27 */
.ticket_list li > div .img { position:relative; width:100%; height:0; overflow:hidden; padding-bottom:56.25%; }
.ticket_list li > div .img img { position:absolute; top:0; left:0; width:100%; height:100%; }

.ticket_list li > div .subject { display:block; width:100%; height:18px; line-height:20px; margin:15px 0 10px; font-size:18px; font-weight:700; text-align:left; color:#333; padding:0; overflow:hidden; text-overflow:ellipsis;
display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }
.ticket_list li > div p { overflow:hidden; margin:7px 0; line-height:14px; }
.ticket_list li > div .place { color:#42a29d; overflow:hidden; text-overflow:ellipsis;
display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }
.ticket_list li > div .date { height:16px; line-height:16px; margin-bottom:0; overflow:hidden; text-overflow:ellipsis;
display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }
.ticket_list li > div .radius-dotted { position:relative; display:block; height:40px; margin:0; }
.ticket_list li > div .radius-dotted hr { background:none; border-top:1px dotted #d6d6d6; margin:20px 0; }
.ticket_list li > div .radius-dotted .left { position:absolute; top:-20px; left:-21px; display:inline-block; width:20px; height:40px; background:#f2f2f3; border-radius:0 20px 20px 0; border:1px solid #d6d6d6; border-left:0; }
.ticket_list li > div .radius-dotted .right { position:absolute; top:-20px; right:-21px; display:inline-block; width:20px; height:40px; background:#f2f2f3; border-radius:20px 0 0 20px; border:1px solid #d6d6d6; border-right:0; }
.ticket_list li > div .number { text-align:center; line-height:20px; margin:-20px 0 10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }
.ticket_list li > div .link { font-size:13px; overflow:hidden; padding:5px 0 0; }
/* 2018-12-07 정필우 margin-right추가 */
/*.ticket_list li > div .link .uix-button { display:inline-block; float:left; border-width:1px; border-radius:5px; min-width:70px; padding:0; height:26px; line-height:24px; font-size:14px; margin-right:8px; }*/

.ticket_list li > div .link .uix-button:hover { background:#fff; color:#333; border-color:#333; }
/*.ticket_list li > div .link .color-gray { display:inline-block; float:right; background:#e6e6e6; border-color:#e6e6e6; color:#777; }*/
.ticket_list li > div .link .color-gray:hover { background:#fff; color:#333; border-color:#333; }

.ticket_list li > div .link.split3 .uix-button { float:left; padding:0; margin-right:5px; }
.ticket_list li > div .link.split3 .uix-button:nth-of-type(1) { min-width:calc(30% - 7px); }
.ticket_list li > div .link.split3 .uix-button:nth-of-type(2) { min-width:calc(30% - 7px); }
.ticket_list li > div .link.split3 .uix-button:nth-of-type(3) { min-width:calc(44% - 7px); margin-right:0; }
/* 2018-12-18 */
.ticket_list li > div .link .uix-button { display:inline-block; float:left; border-width:1px; border-radius:5px; min-width:calc(33.3333% - 2.6666px); padding:0; height:26px; line-height:24px; font-size:13px; margin-right:4px; }
.ticket_list li > div .link .color-gray { background:#e6e6e6; border-color:#e6e6e6; color:#777; margin-right:0; }

.ticket_list li .D-day { position:absolute; top:63px; right:28px; display:inline-block; width:50px; height:50px; font-size:15px;  font-weight:600; color:#fff; background:url('/image/web/D-day.png') no-repeat left top; background-size:50px auto; text-align:center; padding-top:13px; }
.ticket_list li .D-day.deadline { background:url('/image/web/deadline.png') no-repeat left top; background-size:50px auto; }
.ticket_list li .D-day.completed { background:url('/image/web/completed.png') no-repeat left top; background-size:50px auto; }
.ticket_list li .D-day.expires { background:url('/image/web/expires.png') no-repeat left top; background-size:50px auto; }
.ticket_list li .D-day.mark { top:80px; right:50%; width:162px; height:127px; margin-right:-100px; padding:86px 0 0 28px; text-align:left; background:url('/image/web/wk-mark.png') no-repeat left top; }



/* 티켓 팝업 */
.popup-ticket { position:fixed; background:none; font-family:'Youth'; top:100px; width:340px; height:650px; margin-left:-170px; }
.popup-ticket .state { position:absolute; top:63px; left:20px; display:inline-block; width:86px; height:26px; line-height:26px; background:#e6e6e6; color:#333; border-radius:5px; font-size:13px; font-family:'NanumSquare'; }
.popup-ticket h1 { background:#42a29d; color:#fff; height:36px; line-height:36px; font-size:16px; font-weight:400; border-radius:10px 10px 0 0; overflow:hidden; }
.popup-ticket h1 .close { display:inline-block; position:absolute; top:5px; right:12px; line-height:20px; }
.popup-ticket h1 .close img { width:18px; }
.popup-ticket .radius-dotted { background:url('/image/web/popup-ticket-bg.png') no-repeat left top; width:340px; height:135px; margin:0; padding:28px 58px 0px 38px; }
.popup-ticket .radius-dotted .QRcode { float:left; width:100px;height:100px;}
.popup-ticket .radius-dotted .uix-button { display:inline-block; float:right; font-size:13px; font-family:'NanumSquare'; margin-top:15px;}
.popup-ticket .radius-dotted .price { display:inline-block; float:right; font-size:20px; margin:12px 0 0; }
.popup-ticket .bottom { background:#42a29d; color:#fff; text-align:center; height:35px; line-height:35px; font-size:13px; }
.popup-ticket article { background:#fff; border:1px solid #d6d6d6; border-bottom:0; padding-bottom:0; text-align:center; overflow:hidden;    padding: 25px 20px; }
.popup-ticket article .logo { width:56px; margin:0 auto; }
.popup-ticket article .number { height:40px; line-height:38px; border-radius:5px; border:2px solid #d6d6d6; font-size:17px; font-weight:600; margin:10px 0; }

.popup-ticket article > div > dl { display:table; width:100%; }
.popup-ticket article > div > dl > * { display:table-cell; vertical-align:top; padding:1px 3px; font-size:14px; text-align:left; }
.popup-ticket article > div > dl > dt { width:85px; color:#777; }
.popup-ticket article > div > dl > dd { color:#555; padding-right:0; }
.popup-ticket article > div .subject { display:block; width:194px; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis;
display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }


/* 2018-09-19 티겟 고정*/
.popup-ticket_hold_wrap{position:relative;text-align:center;width:100%;height:633px;}
.popup-ticket_hold {position:absolute; background:none; font-family:'Youth'; width:340px; height:633px; top:0px; left:50%; margin-left:-170px; }
.popup-ticket_hold .state { position:absolute; top:63px; left:20px; display:inline-block; width:86px; height:26px; line-height:26px; background:#e6e6e6; color:#333; border-radius:5px; font-size:13px; font-family:'NanumSquare'; }
.popup-ticket_hold h1 {position: relative;; background:#42a29d; color:#fff; height:36px; line-height:36px; font-size:16px; font-weight:400; border-radius:10px 10px 0 0; overflow:hidden;text-align: center;margin: 0;border: 0;padding: 0 20px;}
.popup-ticket_hold h1 .close { display:inline-block; position:absolute; top:5px; right:12px; line-height:20px; }
.popup-ticket_hold h1 .close img { width:18px; }
.popup-ticket_hold .radius-dotted { background:url('/image/web/popup-ticket-bg.png') no-repeat left top; width:340px; height:135px; margin:0; padding:28px 58px 0px 38px; }
.popup-ticket_hold .radius-dotted .QRcode { float:left; width:100px;height:100px; }
.popup-ticket_hold .radius-dotted .uix-button { display:inline-block; float:right; font-size:13px; font-family:'NanumSquare'; }
.popup-ticket_hold .radius-dotted .price { display:inline-block; float:right; font-size:20px; margin:32px 0 0; }
.popup-ticket_hold .bottom { background:#42a29d; color:#fff; text-align:center; height:35px; line-height:35px; font-size:13px; }
.popup-ticket_hold article { background:#fff; border:1px solid #d6d6d6; border-bottom:0; padding-bottom:0; text-align:center; overflow:hidden;     padding: 25px 20px;}
.popup-ticket_hold article .logo { width:56px; margin:0 auto; }
.popup-ticket_hold article .number { height:40px; line-height:38px; border-radius:5px; border:2px solid #d6d6d6; font-size:17px; font-weight:600; margin:10px 0; }

.popup-ticket_hold article > div > dl { display:table; width:100%; }
.popup-ticket_hold article > div > dl > * { display:table-cell; vertical-align:top; padding:1px 3px; font-size:14px; text-align:left; }
.popup-ticket_hold article > div > dl > dt { width:85px; color:#777; }
.popup-ticket_hold article > div > dl > dd { color:#555; padding-right:0; }
.popup-ticket_hold article > div .subject { display:block; width:194px; height:20px; line-height:20px; overflow:hidden; }

.top-img img { width:100%; }


.amount { display:inline-block; width:auto; height:20px; line-height:21px; border-radius:10px; font-size:13px; font-weight:700; background:#42a29d; color:#fff; padding:0 7px; vertical-align:middle; margin:-1px 0 0 5px; }


/* 2018-09-19 정필우 */
.object_fit_cover{object-fit: cover;}
.object_fit_contain{object-fit: contain;}

/* 상세보기 */
.product-view { overflow:hidden; padding-bottom:50px;}
/*.product-view h1 { font-family:'BMDOHYEON'; font-weight:400; font-size:40px; color:#333; border-bottom:3px solid #333; margin:5px 0 19px; }*/
/* 2018-12-18 */
.product-view h1 { font-family:'BMDOHYEON'; font-weight:400; font-size:40px; color:#333; border-bottom:3px solid #333; margin:5px 0 19px; max-height:120px; line-height:60px; overflow:hidden; word-wrap:break-word; }

.product-view h2 { font-family:'Youth'; font-size:18px; color:#333; padding:0; margin:0 0 20px; }
.product-view .info { float:left; width:55%; padding-right:5%; }
.product-view .info a:hover { text-decoration:underline; } /* 2018-11-09 */
.product-view .option { position:relative; float:right; width:40%; }
.product-view dl { overflow:hidden; }
.product-view dl dt { float:left; width:25%; font-size:15px; padding:5px 0; }
.product-view dl dd { float:left; width:75%; font-size:16px; padding:5px 0; }
.product-view .info .sns { margin:20px 0 25px; }
.product-view .info .sns img { margin-right:4px; }
.product-view .option select.uix-form-text { height:45px; margin:0 0 10px; }

.product-view .option .select-calendar { width:100%; height:45px; text-align:left; border:1px solid #d6d6d6; margin:0 0 10px; padding-left:13px; background:#fff url('/image/web/select-arrow.png') no-repeat calc(100% - 15px) center; background-size:20px auto; }


.gallery-container { overflow:hidden; margin:0 0 20px; }
.gallery-container .gallery-top { position:relative; float:left; width:80%;  height:0; padding-bottom:46.2%; overflow:hidden; }
.gallery-container .gallery-top img { position:absolute; top:0; left:0; width:100%; height:100%; }
.gallery-container .gallery-thumbs { position:relative; float:right; width:19%; margin-left:1%;}
.gallery-container .gallery-thumbs > a { position:relative; display:block; width:100%; height:0; margin-bottom:6%; padding-bottom:56.25%; overflow:hidden; }
.gallery-container .gallery-thumbs > a > img { position:absolute; top:0; left:0; width:100%; height:100%; }
.gallery-container .gallery-thumbs > a.on > .blur { display:none; }


/* 달력팝업 */
#popup-calendar { display:none; position:absolute; top:45px; left:0; width:100%; background:#fff; border:1px solid #d6d6d6; border-top:0; z-index:10000; }
#popup-calendar .calendar { width:280px; margin:10px auto; }
#popup-calendar .calendar .ym { font-size:19px; font-weight:700; text-align:center; padding:10px 0; }
#popup-calendar .calendar .ym a { display:inline-block; margin:0 9px; font-family:'Nanum Gothic'; font-weight:700; color:#999; }
#popup-calendar .calendar table { width:100%; margin:0 auto 20px; }
#popup-calendar .calendar table th { width:14%; font-weight:700; font-size:17px; color:#000; }
#popup-calendar .calendar table td { text-align:center; font-weight:700; font-size:17px; padding:0; color:#555; }
#popup-calendar .calendar table td a { display:inline-block; width:40px; height:40px; line-height:40px;  }
#popup-calendar .calendar table td a.on { color:#fff; background:#2eaaa4; }
#popup-calendar .calendar table td a.period { color:#333; background:#b1d7d5; }

.product-view .option .total-price { margin:50px 0 15px; }
.product-view .option .total-price strong { font-size:26px; }
.product-view .option .uix-button.size-large { height:45px; line-height:45px; }
.product-view .option .selected { overflow:hidden; margin:10px 0 0; font-size:14px; }
.product-view .option .selected .date-turn { float:left; width:75%; }
.product-view .option .selected .btn { float:left; width:25%; text-align:right; }
.product-view .option .selected .btn .quantity { vertical-align:middle; }
.product-view .option .selected .btn img { width:16px; height:16px; margin:-8px 0 0 10px; vertical-align:middle; }
.product-view .option .uix-btn-group { overflow:hidden; }
.product-view .option .uix-btn-group .uix-button { border-radius:0; }
.product-view .option .uix-btn-group .color-green { float:left; width:30%; border-radius:23px 0 0 23px; }
.product-view .option .uix-btn-group .color-green:hover { background-color:#42a29d; border-color:#42a29d; color:#fff; font-weight:700; }
.product-view .option .uix-btn-group .color-primary { float:left; width:70%; border-radius:0 23px 23px 0; }
.product-view .option .uix-btn-group .color-primary:hover { background-color:#333; border-color:#333; color:#fff; font-weight:700; }


/* product-view-detail */
.product-view-detail { position:relative; margin:50px 0 0; }
.product-view-detail .tab-menu { width:100%; overflow:hidden; border-right:1px solid #d6d6d6;}
.product-view-detail .tab-menu li { float:left; width:16.6666%; }
/* 2018-12-04 */
.product-view-detail .tab-menu.split5 li { width:20%; }

.product-view-detail .tab-menu li .uix-button { display:inline-block; width:100%; height:45px; line-height:43px; padding:0; border:1px solid #d6d6d6; font-size:16px; font-weight:400; text-align:center; border-right:0; border-radius:0; border-bottom:1px solid #333; color:#777; }
.product-view-detail .tab-menu li .uix-button.on { border:1px solid #333; border-bottom:0; color:#333; background:#fff; }
.product-view-detail .tab-menu li .uix-button:hover { background:#fff; color:#333; }

.product-view-detail .view-detail { display:none; width:100%; min-height:500px; font-size:16px; padding:25px 0; }
.product-view-detail .view-detail.on { display:block; }
.product-view-detail .view-detail h2 { border-bottom:1px solid #333; margin:35px 0 30px; font-size:20px; }
.product-view-detail .view-detail h2.not-margin { border-bottom:0; margin:35px 0 0; }
.product-view-detail .view-detail > .img { margin:30px 0 0; }
.product-view-detail .view-detail > .img img { max-width:100%; }
/* 2018-11-30 */
.product-view-detail .view-detail img { max-width:100%; }

.product-view-detail .gallery-list { margin:0 0 0 13px; }
.product-view-detail .gallery-list li:nth-child(3n) { margin-right:0; }
.product-view-detail .gallery-list li:nth-child(4n) { margin-right:48px; }


/*.addr-map { margin:40px 0 0; border:1px solid #d6d6d6; padding:30px; }*/
/* 2018-11-27 */
.addr-map { width:765px; margin:40px auto 0; border:1px solid #d6d6d6; padding:18px; }

.addr-map dl { overflow:hidden; color:#333; margin:0 0 20px; }
.addr-map dl dt { float:left; font-size:15px; font-weight:700; padding:0 20px 0 0; }
.addr-map dl dd { float:left; font-size:15px; font-weight:400; }


/* 구매후기 */
.product-reviews .list { border-top:1px solid #888; }
.product-reviews .list > dl { padding:10px 0 0; border-bottom:1px solid #d6d6d6; }
.product-reviews .list > dl:last-child { border-bottom:0; }
.product-reviews .list > dl > dt { padding-bottom:0; }
.product-reviews .list .name-date { margin:0; font-size:14px; }
.product-reviews .list .name-date .score { width:93px; }
.product-reviews .list .product-name { font-size:17px; font-weight:700; }
.product-reviews .list > dl > dt .delete { float:right; padding-right:7px; }
.product-reviews .list > dl > dt .delete .uix-button { padding:0 5px; height:25px; line-height:23px; }
.product-reviews .list > dl > dd { font-size:15px; line-height:24px; padding:10px 0 15px; }
.product-reviews .list > dl > dd .img.split2 { overflow:hidden; }
.product-reviews .list > dl > dd .img.split2 img { float:left; max-width:calc(50% - 10px); }
.product-reviews .list > dl > dd .img.split2 img:nth-of-type(2) { float:right; max-width:calc(50% - 10px); }

.product-reviews .list > dl > dd dl.re { margin:15px 0 -15px; padding:18px 60px; background:#f9f9f9 url('/image/web/icon-board-re.png') no-repeat 20px 15px; border-top:1px solid #d6d6d6; }
.product-reviews .list > dl > dd dl.re .name-date { margin-bottom:10px; }
.product-reviews .list > dl:last-child > dd dl.re { border-bottom:1px solid #d6d6d6; }
.product-reviews .uix-btn-group.uix-text-right .uix-button.color-primary { width:130px; height:45px; line-height:45px; font-size:16px; }


#popup-viewimg { width:1200px; display:none; position:relative; position:absolute; top:20%; left:50%; background:#fff; border:0; padding:0; margin-left:-600px; }
/* 2018-12-18 */
#popup-viewimg.on { display:block; }
#popup-viewimg img  { width:100%; }


.swiper-container.recommend { width:100%; margin:0 auto; border-top:1px solid #333; }
.swiper-container.recommend .swiper-button-next, .swiper-container.recommend .swiper-button-prev { width:30px; height:75px; margin-top:-38px; }
.swiper-container.recommend .swiper-button-prev { background:url('/image/web/r-review-prev.png') no-repeat left top; background-size:30px auto; left:4px; }
.swiper-container.recommend .swiper-button-next { background:url('/image/web/r-review-next.png') no-repeat left top; background-size:30px auto; right:4px; }


/* 관련상품 */
.related-product { border-top:2px solid #777; padding-top:25px; overflow:hidden; }
.related-product .banner { float:left; width:30%; margin:0; }
.related-product .banner img { width:100%; }
.related-product .swiper-container.related { float:right; width:67%; }
.swiper-container.related .swiper-button-next, .swiper-container.related .swiper-button-prev { width:21px; height:35px; margin-top:-18px; }
.swiper-container.related .swiper-button-prev { background:url('/image/web/r-prev.png') no-repeat left top; background-size:21px auto; left:0; }
.swiper-container.related .swiper-button-next { background:url('/image/web/r-next.png') no-repeat left top; background-size:21px auto; right:0; }
.swiper-container.related .product_list.split3 { margin:0 50px; }
.swiper-container.related .product_list.split3 li { position:relative; float:left; text-align:left; width:31%; padding:0; margin:0 3.5% 25px 0; }
.swiper-container.related .product_list.split3 li:nth-child(3n) { margin-right:0; }
.swiper-container.related .product_list.split3 li .img { height:auto; margin:0; }
.swiper-container.related .product_list.split3 li p { margin:7px 0; }
.swiper-container.related .product_list.split3 li p.keyword { margin-bottom:15px; }


/* top-search */
.top-search { position:relative; width:800px; margin:30px auto 60px; text-align:center; }
.top-search form { position:relative; display:inline-block; width:100%; }
.top-search form .uix-form-text { width:100%; height:120px; line-height:120px; border:0; border-bottom:3px solid #333; font-family:'BMDOHYEON'; font-size:70px; color:#333; font-weight:400; padding:0 130px; text-align:center; }
.top-search form .uix-form-text::-webkit-input-placeholder { color:#333; }
.top-search form .uix-form-text::-webkit-moz-placeholder { color:#333; }
.top-search form .uix-form-text:-moz-placeholder { color:#333; }
.top-search form .uix-form-text::-moz-placeholder { color:#333; }
.top-search form .uix-form-text:-ms-input-placeholder { color:#333; }
.top-search form input[type="image"] { position:absolute; top:25px; right:30px; }
.top-search nav { width:100%; margin:20px 0; text-align:center; }
.top-search nav label { display:inline-block; width:60px; height:22px; text-align:center; border:1px solid #333; border-radius:11px; font-size:14px; }
.top-search nav span { display:inline-block; margin:0 10px; font-size:16px; background:url('/image/web/dot.png') no-repeat left center; padding-left:13px; }


.search-result-top { width:420px; margin:0 auto; text-align:center; }
.search-result-top dt { font-size:28px; line-height:1em; padding-bottom:18px; border-bottom:1px solid #333; }
.search-result-top dt span { color:#42a29d; }
.search-result-top dd { font-size:24px; line-height:1em; font-weight:700; padding-top:18px; }
.search-result-top dd ul { overflow:hidden; }
.search-result-top dd ul li { float:left; width:33.3333%; }
.search-result-top dd ul li a { display:block; background:url('/image/web/search-result-top-arr.png') no-repeat 95% center; background-size:30px auto; padding-right:15px; color:#333; }
.search-result-top dd ul li a.on { color:#42a29d; }


.popup-search-result { display:inline-block; position:relative; position:absolute; top:420px; left:-5000px; background:#fff; width:720px; height:300px; overflow:hidden; margin-left:-360px; border:1px solid #d6d6d6; z-index:10; }
.popup-search-result.on { left:50%; }
.popup-search-result .close { position:absolute; bottom:0; right:1px; }
.popup-search-result .close img { width:20px; border:1px solid #d6d6d6; }
.popup-search-result header { width:720px; height:50px; border-bottom:1px solid #d6d6d6; overflow:hidden; }
.popup-search-result header a { display:inline-block; float:left; width:120px; line-height:50px; font-size:15px; text-align:center; border-right:1px solid #d6d6d6; }
.popup-search-result header a.on { background:#2eaaa4; color:#fff; }
.popup-search-result header a:hover { color:#2eaaa4; }
.popup-search-result header a.on:hover { background:#2eaaa4; color:#fff; }
.popup-search-result article { display:none; padding:30px 0; overflow:hidden; }
.popup-search-result article.on { display:block; }
.popup-search-result article dl { float:left; width:25%; }
.popup-search-result article dt { font-size:17px; font-weight:700; text-align:center; margin:0 0 10px; color:#333; }
.popup-search-result article dt.on a { color:#2eaaa4; }
.popup-search-result article dt a:hover{ color:#2eaaa4; }
.popup-search-result article dd li { margin:6px 0; }
.popup-search-result article dd a { display:block; padding-left:45px; text-align:left; font-size:14px; }
.popup-search-result article dd a:before { content:'- '; }
.popup-search-result article dd a.on,
.popup-search-result article dd a:hover{ color:#2eaaa4; }


/* best-product-list */
.best-product-list { overflow:hidden; margin:0; }
/*.best-product-list li { position:relative; float:left; text-align:left; padding:0; width:calc(33.3333% - 29.5px); margin:0 44px 30px 0; }*/
/* 2018-11-09 */
.best-product-list li { position:relative; float:left; text-align:left; padding:0; width:calc(33.3333% - 29.5px); margin:0 44px 30px 0; border:2px solid #fff; }
.best-product-list li:hover { border:2px solid #42a29d; }
/* /2018-11-09 */
.best-product-list li:nth-child(3n) { margin-right:0; }
/*
.best-product-list li > a { display:inline-block; border:2px solid #fff; }
.best-product-list li > a:hover { border:2px solid #42a29d; }
*/
/*.best-product-list li .img { overflow:hidden; height:278px; line-height:0; margin:0; padding:0; }*/
/*.best-product-list li .img img { width:100%; height:100%; border:1px solid #d6d6d6; object-fit:cover; }*/
/* 2018-11-27 */
.best-product-list li .img { position:relative; width:100%; height:0; overflow:hidden; padding-bottom:56.25%; }
.best-product-list li .img img { position:absolute; top:0; left:0; width:100%; height:100%; }

/*
.best-product-list li > a:hover .img img { border:1px solid #999; }
.best-product-list li > a > div { position:relative; padding:12px; font-size:14px; }
*/
/* 2018-11-09 */
.best-product-list li .img img { border:1px solid #999; }
.best-product-list li > div { position:relative; padding:12px; font-size:14px; }
/* 2018-11-27 추가 */
.best-product-list li > a > div { position:relative; padding:12px; font-size:14px; }

.best-product-list li a:hover { text-decoration:underline; }
/* /2018-11-09 */
/*.best-product-list li .name { display:block; width:100%; height:24px; line-height:24px; margin:5px 0 15px; font-size:24px; font-weight:700; text-align:right; color:#333; padding:0 0 0 95px; }*/
/* 2018-12-18 */
.best-product-list li > div { padding:4px 12px 12px; }
.best-product-list li .name { display:block; width:100%; height:60px; line-height:30px; margin:0 0 15px; font-size:24px; font-weight:700; text-align:right; color:#333; padding:0 0 0 65px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; }

/*.best-product-list li p { overflow:hidden; margin:10px 0; line-height:15px; }*/
/* 2018-11-27 */
.best-product-list li p { overflow:hidden; margin:0 0 10px; line-height:15px; }

.best-product-list li .place { font-size:15px; color:#42a29d; text-align:right; height:15px; line-height:17px; overflow:hidden;}
.best-product-list li p .score { float:left; display:inline-block; }
/*.best-product-list li p .keyword { float:right; display:inline-block; text-align:right; width:60%; height:15px; line-height:17px; overflow:hidden; }*/
/* 2018-11-09 */
.best-product-list li .place { width:100%; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }
/*.best-product-list li p .keyword { float:right; display:inline-block; text-align:right; width:60%; height:15px; line-height:17px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }*/
/* 2018-12-18 */
.best-product-list li p .keyword { float:right; display:inline-block; text-align:right; width:60%; height:34px; line-height:17px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; }

.best-product-list li .keyword a { display:inline-block; margin-left:3px; }
/* /2018-11-09 */
.best-product-list li p .rest { float:left; display:inline-block; font-size:14px; line-height:17px; }
.best-product-list li p .price { float:right; display:inline-block; text-align:right; width:60%; height:15px; line-height:17px; font-size:16px; overflow:hidden; }
.best-product-list li .D-day { position:absolute; top:13px; right:15px; display:inline-block; width:50px; height:50px; font-size:18px; font-weight:700; color:#fff; background:url('/image/web/D-day.png') no-repeat left top; text-align:center; padding-top:13px; background-size:50px auto; }
.best-product-list li .D-day.deadline { background:url('/image/web/deadline.png') no-repeat left top; background-size:50px auto; }
.best-product-list li .best { position:absolute; top:10px; left:15px; display:inline-block; width:56px; height:56px; line-height:56px; text-align:center; border-radius:50%; background:url('/image/web/icon-best.png') no-repeat left top; background-size:56px auto; text-indent:-5000px;}


/* product-name-bg-list */
.product-name-bg-list { overflow:hidden; }
/*.product-name-bg-list li { position:relative; float:left; text-align:left; padding:0; width:calc(50% - 22px); margin:0 44px 30px 0; }*/
/* 2018-11-09 */
.product-name-bg-list li { position:relative; float:left; text-align:left; border:2px solid #fff; padding:8px; width:calc(50% - 22px); margin:0 44px 30px 0; }
.product-name-bg-list li:hover { border:2px solid #42a29d; }
/* /2018-11-09 */
.product-name-bg-list li:nth-child(2n) { margin-right:0; }
/*
.product-name-bg-list li > a { display:inline-block; border:2px solid #fff; padding:8px; width:100%;}
.product-name-bg-list li > a:hover { border:2px solid #42a29d; }
*/
/*.product-name-bg-list li .img { overflow:hidden; height:417px; line-height:0; margin:0; padding:0; }*/
/*.product-name-bg-list li .img img { width:100%; height:100%; border:1px solid #d6d6d6; object-fit:cover; }*/
/* 2018-11-27 */
.product-name-bg-list li .img { position:relative; width:100%; height:0; overflow:hidden; padding-bottom:56.25%; }
.product-name-bg-list li .img img { position:absolute; top:0; left:0; width:100%; height:100%; }

/*.product-name-bg-list li > a > div { width:80%; margin:0 10%; padding:12px; font-size:14px; }*/
.product-name-bg-list li > div { width:100%; margin:0; padding:12px; font-size:14px; }/* 2018-11-09 */
/*.product-name-bg-list li p.name { position:absolute; bottom:145px; left:25px; display:block; background:#333; color:#fff; width:calc(100% - 50px); height:50px; line-height:50px; font-size:24px; font-weight:700; text-align:center; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; padding:0 15px; }*/
/* 2018-12-18 */
.product-name-bg-list li p.name { position:absolute; bottom:155px; left:25px; display:block; background:#333; color:#fff; width:calc(100% - 50px); height:80px; line-height:35px; font-size:24px; font-weight:700; text-align:center; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; padding:5px 15px; }

/*.product-name-bg-list li p.place-keyword { overflow:hidden; text-align:center; font-size:24px; padding:30px 0 5px; border-bottom:3px solid #333;width:100%; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word;}*/
.product-name-bg-list li p.place-keyword .place { font-size:18px; color:#42a29d; }
.product-name-bg-list li p.place-keyword .keyword { font-size:16px; }
/* 2018-11-09 */
/*.product-name-bg-list li p.place-keyword { text-align:center; font-size:24px; height:80px; padding:30px 0 5px; border-bottom:3px solid #333;width:100%; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }*/
/* 2018-12-18 */
.product-name-bg-list li p.place-keyword { text-align:center; font-size:16px; height:95px; line-height:20px; padding:40px 20px 0; border-bottom:3px solid #333; width:100%; overflow:hidden; }
.product-name-bg-list li p.place-keyword .place { float:left; width:20%; text-align:right; }
.product-name-bg-list li p.place-keyword .keyword { display:inline-block; float:left; text-align:left; width:80%; height:40px; line-height:20px; padding-left:10px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; }

.product-name-bg-list li p.place-keyword .keyword a { margin-right:3px; }
.product-name-bg-list li a:hover,
.product-name-bg-list li a:hover .name,
.product-name-bg-list li a:hover .place { text-decoration:underline; }
/* /2018-11-09 */
.product-name-bg-list li p.score-rest { overflow:hidden; padding:15px 0 0; font-size:15px; line-height:17px; }
.product-name-bg-list li p.score-rest .score { float:left; display:inline-block; }
.product-name-bg-list li p.score-rest .rest { float:right; display:inline-block; }
.product-name-bg-list li p.price { font-size:18px; padding:5px 0 0; }
.product-name-bg-list li .D-day { position:absolute; top:23px; right:25px; display:inline-block; width:70px; height:70px; font-family:'Youth'; font-size:24px; font-weight:700; color:#fff; background:url('/image/web/D-day.png') no-repeat left top; background-size:70px auto; text-align:center; padding-top:20px; }
.product-name-bg-list li .D-day.deadline { background:url('/image/web/deadline.png') no-repeat left top; background-size:70px auto; }
.product-name-bg-list li .best { position:absolute; top:10px; left:15px; display:inline-block; width:56px; height:56px; line-height:56px; text-align:center; border-radius:28px; background:#333; color:#fff; font-family:'Youth'; font-size:16px; }


.swiper-container.split2 { width:100%; margin:50px 0 0; }
.swiper-container.split2 .swiper-button-next, .swiper-container.split2 .swiper-button-prev { width:40px; height:101px; margin-top:-150px; }
.swiper-container.split2 .swiper-button-prev { background:url('/image/web/r-review-prev.png') no-repeat left top; left:12px; }
.swiper-container.split2 .swiper-button-next { background:url('/image/web/r-review-next.png') no-repeat left top; right:12px; }


/* product-split3-list */
.product-split3-list { overflow:hidden; margin:20px 0 0; }
.product-split3-list li { position:relative; float:left; text-align:left; padding:0; width:calc(33.3333% - 29.5px); margin:0 44px 30px 0; }
/*.product-split3-list li > a { display:inline-block; border:2px solid #fff; }
.product-split3-list li > a:hover { border:2px solid #42a29d; }*/
/* 2018-11-09 */
.product-split3-list li { display:inline-block; border:2px solid #fff; }
.product-split3-list li:hover { border:2px solid #42a29d; }
/* /2018-11-09 */
.product-split3-list li:nth-child(3n) { margin-right:0; }

/*.product-split3-list li .img { overflow:hidden; height:278px; line-height:0; margin:0; padding:0; }*/
/*.product-split3-list li .img img { width:100%; height:100%; border:1px solid #d6d6d6; object-fit:cover; }*/
/* 2018-11-27 */
.product-split3-list li .img { position:relative; width:100%; height:0; overflow:hidden; padding-bottom:56.25%; }
.product-split3-list li .img img { position:absolute; top:0; left:0; width:100%; height:100%; }

/*.product-split3-list li > a > div { width:80%; margin:0 10%; padding:10px 0; font-size:14px; }*/
/* .product-split3-list li > div { width:100%; margin:0; padding:10px; font-size:14px; } 2018-11-09 */
/* 2018-12-18 */
.product-split3-list li > div { width:100%; margin:0; padding:10px 0; font-size:14px; }

/*.product-split3-list li p.name { display:block; color:#333; margin:20px 0 10px; width:100%; font-size:24px; font-weight:700; text-align:center;  line-height:28px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }*/
/* 2018-12-18 */
.product-split3-list li p.name { display:block; color:#333; margin:20px 0 10px; padding:0 20px; width:100%; font-size:24px; font-weight:700; text-align:center; height:56px; line-height:28px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; }

/*.product-split3-list li p.place-keyword { overflow:hidden; text-align:center; font-size:15px; padding:10px 0 5px; border-top:3px solid #333; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word;}*/
.product-split3-list li p.place-keyword .place { color:#42a29d; }
.product-split3-list li p.place-keyword .keyword { font-size:14px; }
/* 2018-11-09 */
/*.product-split3-list li p.place-keyword { text-align:center; font-size:15px; padding:10px 0 5px; border-top:3px solid #333; padding:10px 0 0; width:100%; line-height:1.3; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }*/
/*.product-split3-list li p.place-keyword .place { display:inline-block; }*/
/*.product-split3-list li p.place-keyword .keyword { text-align:left; }*/
/* 2018-12-18 */
.product-split3-list li p.place-keyword { text-align:center; font-size:15px; border-top:3px solid #333; padding:10px 10px 0; width:100%; overflow:hidden; }
.product-split3-list li p.place-keyword .place { float:left; width:25%; text-align:right; display:inline-block; padding-right:10px; }
.product-split3-list li p.place-keyword .keyword { float:left; width:75%; text-align:left;   display:inline-block; height:36px; line-height:18px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; }

.product-split3-list li p.place-keyword .keyword a { display:inline-block; margin-right:3px; }
.product-split3-list li a:hover,
.product-split3-list li a:hover .name,
.product-split3-list li a:hover .place { text-decoration:underline; }
/* /2018-11-09 */
.product-split3-list li p.score-rest { overflow:hidden; padding:0; font-size:15px; line-height:17px; margin-top:10px; }
.product-split3-list li p.score-rest .score { float:left; display:inline-block; }
/*.product-split3-list li p.score-rest .rest { float:right; display:inline-block; }*/
/*.product-split3-list li p.price { font-size:16px; padding:5px 0 0; }*/
/* 2018-12-18 */
.product-split3-list li p.score-rest .rest { float:right; display:inline-block; font-size:13px; }
.product-split3-list li p.price { font-size:16px; padding:5px 10px 0; }

.product-split3-list li .D-day { position:absolute; top:13px; right:15px; display:inline-block; width:50px; height:50px; font-size:18px; font-weight:700; color:#fff; background:url('/image/web/D-day.png') no-repeat left top; text-align:center; padding-top:13px; background-size:50px auto; }
.product-split3-list li .D-day.deadline { background:url('/image/web/deadline.png') no-repeat left top; background-size:50px auto; }
.product-split3-list li .best { position:absolute; top:10px; left:15px; display:inline-block; width:56px; height:56px; line-height:56px; text-align:center; border-radius:28px; background:#333; color:#fff; font-family:'Youth'; font-size:16px; }


/* product-split4-list */
.product-split4-list { overflow:hidden; margin:30px 0 0 13px; }
.product-split4-list li { position:relative; float:left; text-align:left; padding:0 15px; width:25%; margin:0 0 20px 0; }
.product-split4-list li:nth-of-type(4) { margin-right:0; }
/* 2018-09-19 정필우
.product-split4-list li > a { display:inline-block; margin:0 auto; border:2px solid #fff; background:#fff; padding:8px; }
*/
/*.product-split4-list li > a { display:inline-block; margin:0 auto; border:2px solid #fff; background:#fff; padding:8px; width:100%;}
.product-split4-list li > a:hover { border:2px solid #42a29d; }*/
/* 2018-11-09 */
.product-split4-list li { border:2px solid #fff; padding:15px; background:#fff; }
.product-split4-list li:hover { border:2px solid #42a29d; }
/* /2018-11-09 */
/*.product-split4-list li .img { overflow:hidden; height:191px; line-height:0; margin:0; padding:0; }*/
/*.product-split4-list li .img img { width:100%; height:100%; border:1px solid #d6d6d6; object-fit:cover; }*/
/* 2018-11-27 */
.product-split4-list li .img { position:relative; width:100%; height:0; overflow:hidden; padding-bottom:56.25%; }
.product-split4-list li .img img { position:absolute; top:0; left:0; width:100%; height:100%; }

/*.product-split4-list li > a:hover .img img { border:1px solid #999; }
.product-split4-list li > a > div { padding:12px; font-size:14px; }*/
/* 2018-11-09 */
/*.product-split4-list li .img img { border:1px solid #999; }*/
/* 2018-11-27 */
.product-split4-list li .img img { border:0; }
/*.product-split4-list li > div { padding:12px; font-size:14px; }*/
/* 2018-12-18 */
.product-split4-list li > div { padding:12px 0; font-size:14px; }

/* /2018-11-09 */
/*.product-split4-list li .name { display:block; width:100%; height:18px; line-height:18px; margin:0 0 5px; font-size:18px; font-weight:700; text-align:left; color:#333; padding:0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }*/
/* 2018-12-18 */
.product-split4-list li .name { display:block; width:100%; height:44px; line-height:22px; margin:0 0 5px; font-size:18px; font-weight:700; text-align:left; color:#333; padding:0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; }

.product-split4-list li p { overflow:hidden; margin:7px 0; line-height:14px; }
/*.product-split4-list li .place,*/
/*.product-split4-list li .keyword { overflow:hidden; line-height:1.3; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; }*/
/* 2018-11-27 */
.product-split4-list li .place { overflow:hidden; line-height:1.3; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; height:18px; }
.product-split4-list li .keyword { overflow:hidden; line-height:1.3; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; height:35px; }

/* 2018-11-09 */
.product-split4-list li .keyword { height:35px; }
.product-split4-list li .keyword a { display:inline-block; margin-right:3px; }
.product-split4-list li a:hover,
.product-split4-list li a:hover .name,
.product-split4-list li a:hover .place { text-decoration:underline; }
/* /2018-11-09 */
.product-split4-list li .place { color:#42a29d; }
.product-split4-list li p .score { float:left; display:inline-block; }
.product-split4-list li p .rest { float:right; display:inline-block; }
/*.product-split4-list li .D-day { position:absolute; top:9%; right:12%; display:inline-block; width:50px; height:50px; font-size:18px; font-weight:700; color:#fff; background:url('/image/web/D-day.png') no-repeat left top; background-size:50px auto; text-align:center; padding-top:13px; }*/
/* 2018-11-27 */
.product-split4-list li .D-day { position:absolute; top:15px; right:15px; display:inline-block; width:50px; height:50px; font-size:18px; font-weight:700; color:#fff; background:url('/image/web/D-day.png') no-repeat left top; background-size:50px auto; text-align:center; padding-top:13px; }

.product-split4-list li .D-day.deadline { background:url('/image/web/deadline.png') no-repeat left top; background-size:50px auto; }

/* 2018-11-27 추가 */
.bgcolor .product-split4-list li { position:relative; float:left; text-align:left; padding:0 15px; width:calc(25% - 22.6px); margin:0 30px 20px 0; }
.bgcolor .product-split4-list li:after { content:''; position:absolute; top:7%; right:-18px; display:inline-block; width:2px; height:40%; background:#d6d6d6; }
.bgcolor .product-split4-list li:nth-of-type(4) { margin-right:0; }
.bgcolor .product-split4-list li:nth-of-type(4):after { display:none; }
.bgcolor .product-split4-list li { border:2px solid #fff; padding:0 8px; background:#fff; }
.bgcolor .product-split4-list li:hover { border:2px solid #42a29d; }


/* product-split5-list */
.product-split5-list { overflow:hidden; margin:50px 0 0; }
.product-split5-list li { position:relative; float:left; text-align:left; padding:0; width:calc(20% - 16.1px); margin:0 20px 30px 0; }
.product-split5-list li:nth-child(5n) { margin-right:0; }
/*.product-split5-list li > a { display:inline-block; border:2px solid #fff; }
.product-split5-list li > a:hover { border:2px solid #42a29d; }*/
/* 2018-11-09 */
.product-split5-list li { display:inline-block; border:2px solid #fff; }
.product-split5-list li:hover { border:2px solid #42a29d; }
/* /2018-11-09 */
/*.product-split5-list li .img { overflow:hidden; height:170px; line-height:0; margin:0; padding:0; }*/
/*.product-split5-list li .img img { width:100%; height:100%; border:1px solid #d6d6d6; object-fit:cover; }*/
/* 2018-11-27 */
.product-split5-list li .img { position:relative; width:100%; height:0; overflow:hidden; padding-bottom:56.25%; }
.product-split5-list li .img img { position:absolute; top:0; left:0; width:100%; height:100%; }

/*.product-split5-list li > a > div { width:90%; margin:0 5%; padding:10px 0; font-size:14px; }*/
.product-split5-list li > div { width:100%; margin:0; padding:10px 0; font-size:14px; } /* 2018-11-09 */
.product-split5-list li > div { width:100%; margin:0; padding:8px; font-size:14px; } /* 2018-11-27 */

/*.product-split5-list li p.name { display:block; color:#333; padding-bottom:13px; border-bottom:2px solid #333; margin:10px 0; width:100%; font-size:20px; font-weight:700; text-align:center; line-height:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }*/
/* 2018-12-18 */
.product-split5-list li p.name { display:block; color:#333; margin:0 0 10px; width:100%; font-size:20px; font-weight:700; text-align:center; height:60px; line-height:28px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; border-bottom:2px solid #333; }

.product-split5-list li p.place { color:#42a29d; text-align:center; }
/*.product-split5-list li p.keyword { font-size:14px; text-align:center; width:100%; line-height:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }*/
/* 2018-11-09 */
.product-split5-list li p.place { width:100%; line-height:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }
.product-split5-list li p.keyword { margin-top:5px; height:35px; font-size:14px; text-align:center; width:100%; line-height:1.3; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; }
.product-split5-list li .keyword a { display:inline-block; margin-right:3px; }
.product-split5-list li a:hover,
.product-split5-list li a:hover .name,
.product-split5-list li a:hover .place { text-decoration:underline; }
/* /2018-11-09 */
.product-split5-list li p.score-rest { overflow:hidden; padding:7px 0 0; font-size:15px; line-height:17px; }
/*.product-split5-list li p.score-rest .score { float:left; display:inline-block; }*/
/*.product-split5-list li p.score-rest .rest { float:right; display:inline-block; font-size:13px; line-height:15px; }*/
/* 2018-11-27 */
/*.product-split5-list li p.score-rest .score { float:left; display:inline-block; width:55%; }*/
/*.product-split5-list li p.score-rest .rest { float:right; display:inline-block; font-size:13px; text-align:right;  width:45%; overflow:hidden; text-overflow:ellipsis; height:29px; line-height:1.1; }*/
.product-split5-list li p.score-rest .score { float:left; width:49%; display:inline-block; }
.product-split5-list li p.score-rest .rest { float:right; width:51%; display:inline-block; overflow:hidden; height:14px; line-height:1.1; font-size:12px; text-align:right; }

.product-split5-list li p.price { font-size:16px; padding:5px 0 0; }
/*.product-split5-list li .D-day { position:absolute; top:13px; right:15px; display:inline-block; width:50px; height:50px; font-size:18px; font-weight:700; color:#fff; background:url('/image/web/D-day.png') no-repeat left top; text-align:center; padding-top:13px; background-size:50px auto; }*/
/* 2018-11-27 */
.product-split5-list li .D-day { position:absolute; top:7px; right:7px; display:inline-block; width:50px; height:50px; font-size:18px; font-weight:700; color:#fff; background:url('/image/web/D-day.png') no-repeat left top; text-align:center; padding-top:13px; background-size:50px auto; }
.product-split5-list li .D-day.deadline { background:url('/image/web/deadline.png') no-repeat left top; background-size:50px auto; }

/* 2018-12-18 */


.swiper-container.recommend2 { width:100%; margin:0 auto; }
body.Search_list .swiper-container.recommend2,
body.index .swiper-container.recommend2 { margin:0; }
/*.swiper-container.recommend2 .swiper-button-next, .swiper-container.recommend2 .swiper-button-prev { width:30px; height:75px; margin-top:-100px; }*/
/* 2018-12-18 */
.swiper-container.recommend2 .swiper-button-next, .swiper-container.recommend2 .swiper-button-prev { width:30px; height:75px; margin-top:-133px; }
.swiper-container.recommend2 .swiper-button-prev { background:url('/image/web/r-review-prev.png') no-repeat left top; background-size:30px auto; left:2px; }
.swiper-container.recommend2 .swiper-button-next { background:url('/image/web/r-review-next.png') no-repeat left top; background-size:30px auto; right:4px; }
body.Search_list .recommend2 .product_list,
body.index .recommend2 .product_list { margin:0; width:100%; }


body.index .swiper-container.split2,
body.Search_list .swiper-container.split2 { margin:50px 0 0; }
body.index .product-split3-list,
body.Search_list .product-split3-list { margin:20px 0 0; }
body.index .product-split4-list,
body.Search_list .product-split4-list { margin:30px 0 0; }
body.index .product-split5-list,
body.Search_list .product-split5-list { margin:50px 0 0; }


#popup-review { display:none; position:fixed; top:60px;  left:50%; margin-left:-400px; width:800px; max-height:800px; overflow-x:hidden;;}
#popup-review.on { left:50%; }
/*#popup-review .swiper-container.review { margin:0; }*/
/* 2018-12-18 */
#popup-review .swiper-container.review { margin:0; width:100%; }

#popup-review article { position:relative; font-size:14px; }
#popup-review article .name { display:block; color:#333; padding-bottom:5px; margin:0 0 10px 0; width:100%; font-size:20px; font-weight:700; text-align:left; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; }
#popup-review article .uix-button { position:absolute; top:55px; right:20px; }
#popup-review article .uix-button:hover { background:#fff; color:#333; border-color:#333; }
#popup-review article .txt { border-top:1px solid #333; margin:10px 0 0; padding-top:15px; }


.swiper-container.review_pop { width:800px; margin:0px; }
.swiper-container.review_pop .swiper-button-next, .swiper-container.review_pop .swiper-button-prev { width:40px; height:101px; margin-top:-50px; }
.swiper-container.review_pop .swiper-button-prev { background:url('/image/web/r-review-prev.png') no-repeat left top; left:0; }
.swiper-container.review_pop .swiper-button-next { background:url('/image/web/r-review-next.png') no-repeat left top; right:0; }

.swiper-container.review_pop .swiper-slide{width:800px;height:350px;}
.swiper-container.review_pop .swiper-slide img{width:100%;height:100%;object-fit:cover;}

.swiper-container.review_pop.block { width:100%; margin:0 auto; }
body.Search_list .swiper-container.review_pop.block,
body.index .swiper-container.review_pop.block { margin:0 16%; min-width:850px; max-width:68%; border-top:2px solid #777;}
.swiper-container.review_pop.block .swiper-button-next, .swiper-container.review_pop.block .swiper-button-prev { width:30px; height:75px; margin-top:-130px; }
.swiper-container.review_pop.block .swiper-button-prev { background:url('/image/web/r-review-prev.png') no-repeat left top; background-size:30px auto; left:2px; }
.swiper-container.review_pop.block .swiper-button-next { background:url('/image/web/r-review-next.png') no-repeat left top; background-size:30px auto; right:4px; }


/* 2018-09-13 */
.product-reviews .list > dl > dd .img.split2 { overflow:hidden; width:100%; margin:20px 0 0;}
.product-reviews .list > dl > dd .img.split2 img { float:static; max-width:100%; }
.product-reviews .list > dl > dd .img.split2 img:nth-of-type(2n) { float:static; max-width:100%; }
.product-reviews .list > dl > dd .img.split2 p { float:left; width:calc(50% - 10px); }
.product-reviews .list > dl > dd .img.split2 p:nth-of-type(2n) { float:right; width:calc(50% - 10px); }
.product-reviews .list > dl > dd .img.split2 p img { width:100%; height:356px; border:1px solid #d6d6d6; object-fit:cover; }


/* 2018-09-18 */
.search-result-top dd ul { height:24px; }
.search-result-top dd ul li { width:50%; }

/*.popup-search2 { display:none; position:relative; position:absolute; top:420px; left:50%; margin-left:-5px; background:#fff; width:200px; overflow:hidden; border:1px solid #d6d6d6; z-index:100; }*/
/* 2018-11-30 */
.popup-search2 { display:block; position:relative; position:absolute; top:420px; left:-5000px; margin-left:-5px; background:#fff; width:200px; overflow:hidden; border:1px solid #d6d6d6; z-index:100; }
.popup-search2.on { left:50%; }

.popup-search2 .close { position:absolute; bottom:0; right:1px; }
.popup-search2 .close img { width:20px; border:1px solid #d6d6d6; }
.popup-search2 article { padding:20px 0; text-align:center; }
.popup-search2 article a { font-size:20px; height:30px; line-height:30px; }
.popup-search2 article a.on { color:#2eaaa4; }
.popup-search2 article a:hover { color:#2eaaa4; }

/* 2018-09-23 정필우 어드민내에서 팝업 */
#popup-one2one_admin { width:300px; margin-left:-150px; }
#popup-one2one_admin .uix-register { border:1px solid #d6d6d6; }
#popup-one2one_admin .uix-button.size-large { width:130px; height:45px; line-height:41px; font-size:17px; }


/* 2018-12-03 */
.img-max-width img { max-width:100%; }


/* 2018-12-04 */
#popup-type-table { top:10%; width:auto; margin-left:0; }
#popup-type-table h1 { text-align:left; }
#popup-type-table article { padding:0; }
#popup-type-table article img { max-width:100%; }

.membership-greeting { border:2px solid #e6e6e6; padding:8px 16px; font-size:20px; color:#333; margin:0 0 27px; }
.membership-greeting strong { color:#2eaaa4; font-weight:700; }


/* 2018-12-18 */
#popup-coupon-select { border:1px solid #e6e6e6; }


.nostyle .material-icons { display:inline-block; margin-left:-3px;	}
.nostyle i { cursor:pointer; height:30px; width:30px; }
.nostyle .rating_selected { background:url('../../image/web/star-bg.png') left -30px; background-size:30px auto;	}
.nostyle .rating_no_selected{ background:url('../../image/web/star-bg.png') left 0px; background-size:30px auto;	}



/*2019-07-02 스크롤바 디자인*/
html {scrollbar-3dLight-Color: #efefef; scrollbar-arrow-color: #dfdfdf; scrollbar-base-color: #efefef; scrollbar-Face-Color: #dfdfdf; scrollbar-Track-Color: #efefef; scrollbar-DarkShadow-Color: #efefef; scrollbar-Highlight-Color: #efefef; scrollbar-Shadow-Color: #efefef}

/* Chrome, Safari용 스크롤 바 */
::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: url('./images/bg.png') #efefef}
::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}