@import url("../font-common.css");
@import url("../font-expansion.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;
}

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: #999;
}

input::-webkit-moz-placeholder {
    color: #999;
}

input:-moz-placeholder {
    color: #999;
}

input::-moz-placeholder {
    color: #999;
}

input:-ms-input-placeholder {
    color: #999;
}

textarea::-webkit-input-placeholder {
    color: #999;
}

textarea::-webkit-moz-placeholder {
    color: #999;
}

textarea:-moz-placeholder {
    color: #999;
}

textarea::-moz-placeholder {
    color: #999;
}

textarea:-ms-input-placeholder {
    color: #999;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

fieldset.not-border {
    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: 'Nanum Gothic';
    font-size: 16px;
    color: #333;
    line-height: 1.5;
}

hr {
    display: block;
    margin: 15px 0;
    height: 1px;
    border: none;
    background: #ddd;
    clear: both;
}

a {
    color: #555;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

small {
    font-size: 85%;
}

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;
}

.line-through {
    text-decoration: line-through;
    color: #999;
}


/* layout 시작 */

body {
    background: #fff;
}

#main > header {
    width: 100%;
    background: url('../../image/web/header-bg.png') repeat-x left top;
}

#main > header .header {
    position: relative;
    padding: 0;
    width: 1100px;
    height: 222px;
    margin: 0 auto;
}

#main > header .header h1 {
    position: absolute;
    top: 45px;
    left: 0;
    right: 0;
    width: 322px;
    margin: 0 auto;
}

#main > header .header .unb {
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
}

#main > header .header .unb a {
    display: inline-block;
    float: left;
    padding: 0 8px;
    line-height: 32px;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    border-right: 1px solid #dcdcdc;
}

#main > header .header .unb a:hover {
    color: #ffab34;
}

#main > header .header .unb span {
    float: left;
    padding: 0 5px;
    line-height: 32px;
    font-size: 12px;
    font-weight: 400;
    border-right: 1px solid #dcdcdc;
}

#main > header .header .unb span em {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
}

#main > header .header .unb i.logout {
    width: 14px;
    height: 13px;
    margin-top: -2px;
    background: url('../../image/web/icon-logout.png') no-repeat left top;
}

#main > header .header .unb i.modify {
    width: 13px;
    height: 13px;
    margin-top: -2px;
    background: url('../../image/web/icon-modify.png') no-repeat left top;
}

#main > header .header .unb i.mypage {
    width: 14px;
    height: 14px;
    margin-top: -2px;
    background: url('../../image/web/icon-mypage.png') no-repeat left top;
}

#main > header .header .unb i.cscenter {
    width: 14px;
    height: 13px;
    margin-top: -2px;
    background: url('../../image/web/icon-cscenter.png') no-repeat left top;
}

#main > header .header .unb i.login {
    width: 14px;
    height: 13px;
    margin-top: -2px;
    background: url('../../image/web/icon-logout.png') no-repeat left top;
}

#main > header .header .unb i.join {
    width: 13px;
    height: 13px;
    margin-top: -2px;
    background: url('../../image/web/icon-modify.png') no-repeat left top;
}


#main > header .header .gnb {
    position: absolute;
    top: 236px;
    left: 0;
    width: 100%;
    text-align: center;
    display: inline-block;
    overflow: hidden;
}

#main > header .header .gnb a {
    display: inline-block;
    float: left;
    margin-right: 33px;
    height: 18px;
    line-height: 18px;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    color: #000;
    padding: 0;
    font-family: 'NanumSquare';
    letter-spacing: -0.5pt;
}

#main > header .header .gnb a:hover,
#main > header .header .gnb a.on {
    color: red;
}

#main > header .header .gnb a:last-child {
    margin-right: 0;
}

#main > footer {
    width: 100%;
    background: url('../../image/web/footer-bg.png') repeat-x left top;
}

#main > footer .footer {
    position: relative;
    width: 1100px;
    margin: 0 auto;
    background: url('../../image/web/logo.png') no-repeat 53px 93px;
    background-size: 185px auto;
}

#main > footer .footer .fnb {
    width: 100%;
    height: 47px;
    line-height: 47px;
    text-align: left;
    padding-left: 60px;
}

#main > footer .footer .fnb a {
    display: inline-block;
    padding: 0 20px;
    border-right: 1px solid #555;
    line-height: 13px;
    font-size: 15px;
    color: #333;
}

#main > footer .footer .fnb a:hover {
    color: #000;
    font-weight: 700;
}

#main > footer .footer .fnb a:first-child {
    padding-left: 0;
}

#main > footer .footer .fnb a:last-child {
    border-right: 0;
}

#main > footer .footer .info {
    padding: 40px 277px;
    color: #666;
    text-align: left;
    border-bottom: 1px solid #dcdcdc;
    line-height: 26px;
    font-size: 15px;
}

#main > footer .footer .sns {
    position: absolute;
    top: 10px;
    right: 45px;
}

#main > footer .footer .sns img {
    height: 21px;
    margin: 0 0 0 13px;
}

#main > footer .footer .cscenter {
    position: absolute;
    top: 95px;
    right: 45px;
    font-family: 'NanumSquare';
    text-align: center;
    font-weight: 700;
}

#main > footer .footer .cscenter dt {
    color: #666668;
    font-size: 18px;
}

#main > footer .footer .cscenter dd {
    font-size: 26px;
    font-weight: 800;
    line-height: 20px;
    letter-spacing: -0.5pt;
    color: #491600;
}

#main > footer .footer .copyright {
    color: #888;
    font-size: 16px;
    font-weight: 700;
    font-family: 'NanumSquare';
}



#container {
    width: 100%;
}

#container .container {
    position: relative;
    width: 1100px;
    margin: 0 auto;
    min-height: 800px;
    padding-top: 40px;
}

#container .container > aside {
    position: absolute;
    width: 184px;
    padding: 0;
    background: #ccff99;
    color: #666;
    margin: 0;
}

#container .container > .content {
    margin-left: 220px;
    padding-bottom: 50px;
}

body.index #container {
    border-top: 0;
}

body.index #container .container,
body.not-aside #container .container {
    width: 1100px;
    margin: 0 auto;
    padding-top: 0;
}

body.index #container .container > aside,
body.not-aside #container .container > aside {
    display: none;
}

body.index #container .container > .content {
    margin: 0;
    padding: 0;
}

body.not-aside #container .container > .content {
    margin: 0;
    padding-bottom: 50px;
}

#container .container > aside h1 {
    margin: 0;
    padding: 33px 0;
    height: 105px;
    text-align: center;
    font-size: 24px;
    background: #ffc047;
    color: #000;
    font-family: 'NanumSquare';
    font-weight: 700;
    border: 1px solid #ddd;
    border-top: 2px solid #ffc047;
}

#container .container > aside h1.seller {
    padding: 20px 0;
    height: 140px;
}

#container .container > aside h1 small {
    display: none;
    font-family: 'Nanum Gothic';
    font-size: 12px;
    color: #a7a7a7;
}

#container .container > aside ul {
    margin: 0;
    padding: 0;
    border: 1px solid #ddd;
    border-top: 0;
}

#container .container > aside ul li {
    list-style-type: none;
    padding: 0
}

#container .container > aside ul li a {
    position: relative;
    display: block;
    padding: 0;
    font-size: 16px;
    height: 48px;
    line-height: 46px;
    background: #fff;
    color: #888;
    font-weight: 700;
    text-align: center;
}

#container .container > aside ul li a:hover,
#container .container > aside ul li a.on {
    background: #f9f9f9;
    color: #ea8f2d;
}

/* layout 끝 */

/* Text */

.uix-text-lead {
    font-size: 16px;
}

.uix-text-left {
    text-align: left;
}

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

.uix-text-right {
    text-align: right;
}

.uix-text-primary {
    color: #f4a00d;
}

.uix-text-success {
    color: #00ce0c;
}

.uix-text-silver {
    color: #888;
}

.uix-text-error,
.uix-text-red {
    color: #ce0005;
}

.uix-text-help {
    font-size: 13px;
    padding: 3px 0 0 10px;
}

.uix-text-red {
    color: #ff685c;
}

/* 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.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;
    width: 159px;
    height: 56px;
    line-height: 54px;
    white-space: nowrap;
    cursor: pointer;
    vertical-align: middle;
    margin-bottom: 0;
    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: 700;
    font-family: 'NanumSquare';
    font-size: 22px;
    color: #555;
    border: 1px solid #ccc;
    background: #f0f0f0;
}

.uix-button:hover {
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
}

.uix-button:active,
.uix-button.active {
    outline: 0;
    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

.uix-button.disabled,
.uix-button[disabled] {
    box-shadow: none;
    filter: alpha(opacity=65);
    opacity: 0.65;
    cursor: not-allowed;
}

.uix-button.color-primary {
    background-color: #f4a00d;
    border-color: #f4a00d;
    color: #fff;
}

.uix-button.color-border-primary {
    background-color: #fff;
    border-color: #f4a00d;
    color: #f4a00d;
}

.uix-button.color-gray {
    background-color: #898989;
    border-color: #898989;
    color: #fff;
}

.uix-button.color-border-gray {
    background-color: #ebebeb;
    border-color: #aaa;
    color: #777;
}

.uix-button.color-border-white {
    background-color: #fff;
    border-color: #aaa;
    color: #333;
}

.uix-button.size-large {
    min-width: 85px;
    height: 36px;
    line-height: 34px;
    padding: 0;
    font-size: 13px;
}

.uix-button.size-xlarge {
    padding: 0;
    width: 240px;
    height: 56px;
    line-height: 54px;
    font-weight: 800;
    font-family: 'NanumSquare';
    font-size: 22px;
    text-align: center;
}

.uix-button.size-small {
    padding: 0 30px;
    height: 28px;
    line-height: 28px;
    font-size: 13px;
    text-align: center;
}

.uix-button.block {
    display: block;
    width: 100%;
}

a.uix-button {
    text-decoration: none;
}

button.uix-button.block {
    width: 100%;
}

.uix-button.color-dark {
    background-color: #222;
    border-color: #222;
    color: #fff;
}

.uix-button.color-white {
    background-color: #fff;
    border-color: #bbb;
    color: #222;
}

.uix-button.color-yellow {
    background-color: #ffc047;
    border-color: #ffc047;
    color: #000;
}

.uix-button.color-red {
    background-color: #ff685c;
    border-color: #ff685c;
    color: #fff;
}

.uix-button.color-yellow-light {
    background-color: #fffadd;
    border-color: #ddd;
    color: #333;
}


/* Table */

.uix-table {
    width: 100%;
}

.uix-table a {
    color: #333;
}

.uix-table > caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #333;
    text-align: left;
}

.uix-table > thead > tr > th,
.uix-table > thead > tr td,
.uix-table > tbody > tr > th,
.uix-table > tbody > tr td {
    padding: 14px 10px;
    line-height: 1.42857142;
    vertical-align: middle;
}

.uix-table > tbody > tr > td {
    border-bottom: 1px solid #d2d2d0;
    border-left: 1px solid #d2d2d0;
    text-align: center;
    font-size: 15px;
}

.uix-table > tbody > tr > td:first-child {
    border-left: none;
}

.uix-table > tbody > tr > td.uix-text-left {
    text-align: left;
}

.uix-table > tbody > tr > td.uix-text-right {
    text-align: right;
}

.uix-table > thead > tr > th {
    padding-top: 14px;
    padding-bottom: 14px;
    vertical-align: bottom;
    border-bottom: none;
    background: #f5f5f5;
    color: #333;
    font-size: 15px;
    font-weight: 400;
}

.uix-table.color-dark > thead > tr > th {
    background: #303030;
}

.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 #ddd;
    vertical-align: middle;
}

.uix-table.bordered > thead > tr > th {
    border-bottom: 1px solid #ccc;
}

.uix-table.bordered > caption + thead,
.uix-table.bordered > colgroup + thead,
.uix-table.bordered > tbody + tbody {
    border-top: none;
}

.uix-table tbody td.uix-text-center {
    text-align: center;
}


/* space */

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


/* Form text */

.uix-form-text {
    display: inline-block;
    margin: 0;
    padding: 6px 10px;
    border: 1px solid #d0d0d0;
    line-height: 1.428571429;
    height: 50px;
    background-color: #fff;
    font-size: 18px;
    color: #333;
    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;
}

.uix-form-text[readonly] {
    background: #eee;
}

.uix-form-text[disabled] {
    background: #eee;
    cursor: not-allowed;
}

textarea.uix-form-text {
    height: auto;
}

input[type="file"].uix-form-text {
    padding: auto;
}

.uix-form-description {
    font-size: 12px;
    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;
    font-size: 18px;
}

.uix-form-check > p {
    display: inline-block;
    vertical-align: middle;
    min-height: 21px;
    padding-left: 30px;
    margin: 0;
}

.uix-form-check > p > label {
    font-weight: normal;
    cursor: pointer;
}

.uix-form-check > p > label > input[type=checkbox],
.uix-form-check > p > label > input[type=radio] {
    position: absolute;
    margin: 5px 0 0 -30px;
    line-height: normal;
    cursor: pointer;
}

.uix-form-check > p + p {
    margin-left: 40px;
}

.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;
    font-size: 13px;
    color: #333;
    line-height: 1.428571429;
}

.uix-form-check input[type="radio"],
.uix-form-check input[type="checkbox"] {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    -webkit-appearance: none;
    border-radius: 0;
    border: 1px solid #ccc;
    margin: 0;
    padding: 0;
    cursor: pointer
}

.uix-form-check input[type="checkbox"] {
    background: #fff url('../../image/web/btn_check.png') no-repeat;
    border-radius: 5px;
    background-position: 0 -95px;
    background-size: 12px auto;
}

.uix-form-check input[type="radio"] {
    background: #fff url('../../image/web/btn_radio.png') no-repeat;
    border-radius: 13px;
    background-position: 0 -95px;
}

.uix-form-check input[type="checkbox"]:checked,
.uix-form-check input[type="radio"]:checked {
    background-position: center center;
}

.uix-form-check input[type="checkbox"]:disabled,
.uix-form-check input[type="radio"]:disabled {
    background-position: 0 -50px;
}

.uix-form-check input[type="checkbox"]:disabled:checked,
.uix-form-check input[type="radio"]:disabled:checked {
    background-position: 0 -75px;
}


/* 파일등록 */

.uix-form-check.file .uix-form-text.block {
    height: 28px;
    line-height: 28px;
    padding: 0 2px;
    margin: 5px 0 0;
    font-size: 14px;
}

.uix-form-check.file > p > label > input[type=checkbox],
.uix-form-check.file > p > label > input[type=radio] {
    margin: 4px 0 0 -30px;
}


.uix-form-check.payment p {
    width: 150px;
}


/* Form group */

.uix-form-group > label {
    font-size: 13px;
    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 0;
    text-align: center;
    font-size: 0;
}

.uix-paginate a,
.uix-paginate strong {
    display: inline-block;
    margin: 0 5px;
    padding: 6px 13px;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #d8d8d8;
    text-decoration: none;
    font-size: 15px;
    color: #222;
    font-weight: 700;
}

.uix-paginate .dir {
    background: none;
    font-size: 14px;
    font-weight: 800;
    color: #222;
    margin: 0 5px;
    padding: 7px 14px;
    font-family: 'Nanum Gothic';
}

.uix-paginate strong {
    font-weight: 700;
    background: #fabe1a;
    color: #222;
    border: 1px solid #fabe1a;
}


/* Buttons group */

.uix-btn-group {
    margin: 50px 0;
    text-align: center;
}

.uix-btn-group.uix-text-left {
    text-align: left;
}

.uix-btn-group.uix-text-right {
    text-align: right;
}


/* Register form */

.uix-register-head {
    margin: 5px 0 5px;
    font-size: 16px;
    font-weight: 700;
}

.uix-register {
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
}

.uix-register > dl {
    display: table;
    width: 100%;
    margin: 0;
    border-top: 1px solid #d8d8d8;
    font-size: 16px;
}

.uix-register > dl:first-child {
    border-top: none;
}

.uix-register > dl > * {
    display: table-cell;
    vertical-align: middle;
    padding: 15px;
}

.uix-register > dl > dt {
    width: 20%;
    text-align: center;
    background: #fafafa;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    font-weight: 700;
    font-size: 18px;
}

.uix-register > dl > dd {
    position: relative;
    width: 80%;
    background: #fff;
    padding-left: 20px;
    border-right: 1px solid #d8d8d8;
}

.uix-register > dl > dt.vertical-align-top {
    vertical-align: top;
    padding-top: 20px;
}

.uix-register > dl.column-2 > dd {
    width: 30%;
}

.uix-register > dl.column-2 > dt {
    border-left: 1px solid #d8d8d8;
}

.uix-register > dl.column-2 > dt:first-child {
    border-left: none;
}

.uix-register > dl > dd > p {
    margin: 8px 0 0;
}

.uix-register > dl > dd > p.uix-form-help {
    margin-top: 5px;
}

.uix-register > dl > dd > p.uix-text-primary {
    font-size: 14px;
}

.uix-register > dl > dd > *:first-child {
    margin-top: 0;
}

.uix-register > dl > dd hr {
    margin: 8px 0;
    background: #d2d2d0;
}

.uix-register select.uix-form-text,
.uix-register input.uix-form-text {
    width: 35%;
    height: 45px;
    line-height: 43px;
    font-size: 16px;
    font-family: 'Nanum Gothic';
}

.uix-register input.uix-form-text.size-small {
    width: 87px;
}

.uix-register input.uix-form-text.block {
    width: 100%;
    margin: 10px 0 0;
}

.uix-register .uix-form-text.col-12 {
    width: 100%;
}

.uix-register .uix-text-help {
    background: url('../../image/web/icon-help.png') no-repeat left top;
    color: #cd4c0c;
    font-weight: 400;
    font-size: 16px;
    padding-left: 30px;
    margin-left: 8px;
}

.uix-register > dl.not-border {
    border-top: 0;
}

.uix-register > dl.not-border dt,
.uix-register > dl.not-border dd {
    background: #f6f6f6;
}

.uix-register > dl.bg dt,
.uix-register > dl.bg dd {
    background: #f6f6f6;
    border-bottom: 0;
}

.uix-register > dl > dd .uix-button {
    width: 96px;
    height: 45px;
    line-height: 43px;
    padding: 0 15px;
    font-size: 16px;
    font-family: 'Nanum Gothic';
}

.uix-register.not-border {
    border: 0;
    padding: 15px 0;
}

.uix-register.not-border > dl {
    border: 0;
}

.uix-register.not-border > dl > * {
    padding: 7px 15px;
}

.uix-register.dt-bgcolor-border > dl > dt {
    background: #fafafa;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
}

.uix-register.dt-bgcolor-border > dl > dd {
    padding-left: 20px;
    border-right: 1px solid #d8d8d8;
}



/* 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;
}

.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 {
    background: url('../../image/web/tab-menu-line.png') repeat-x left bottom;
}

.comp-tab-contents > nav.uix-grid button {
    display: inline-block;
    width: 148px;
    height: 49px;
    line-height: 47px;
    padding: 0;
    font-size: 20px;
    font-family: 'NanumSquare';
    font-weight: 700;
    text-align: center;
    border-radius: 0;
    margin-right: 2px;
    border-bottom: 2px solid #727272;
}

.comp-tab-contents > nav.uix-grid button.active {
    box-shadow: 0 0 0;
    color: #fff;
    background: #727272;
    cursor: default;
}

.comp-tab-contents .bodies {
    margin: 33px 0 0;
}

.comp-tab-contents .bodies > * {
    display: none;
}

.comp-tab-contents .bodies > *.active {
    display: block;
}


/* Page */

.uix-page {
    padding: 0;
}

.uix-page.padding {
    padding: 15px;
}

.uix-page.not-padding {
    padding: 0;
}

.uix-page-headding {
    margin: 0 0 35px;
    padding: 0;
}

.uix-page-headding > h1 {
    font-family: 'NanumSquare';
    font-size: 30px;
    line-height: 30px;
    font-weight: 800;
    margin: 0;
    padding: 0;
    color: #333;
    background: #fff;
    overflow: hidden;
}

.uix-page-headding > h1 span {
    color: #4b8e76;
}

.uix-page-headding > p {
    margin: 0;
    font-size: 12px;
    color: #666;
}


/* Board view */

.board-view {
    border: 1px solid #ddd;
    border-top: 2px solid #ffc047;
    background: #fff;
    padding: 20px 0;
}

.board-view header {
    position: relative;
    background: #fff;
    padding: 0 30px 20px;
    border-bottom: 1px solid #898989;
    font-size: 15px;
}

.board-view header h1 {
    margin: 0;
    font-size: 20px;
    font-weight: 800;
    font-family: 'NanumSquare';
}

.board-view header p {
    color: #888;
    font-size: 15px;
    margin: 5px 0 0;
}

.board-view header p strong {
    color: #222;
}

.board-view .sns {
    margin: 5px 0 0;
}

.board-view .file {
    margin: 5px 0 0;
}

.board-view .body {
    padding: 20px 30px 10px;
    font-size: 18px;
    font-weight: 400;
    color: #666;
}

.board-view .img {
    margin: 15px 0 0;
}

.board-view .img img {
    max-width: 100%;
}

.board-view .icon.like {
    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 {
    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-view header > p .name {
    font-weight: 700;
    color: #000;
    font-size: 20px;
}

.board-view .review {
    margin: 0;
    background: url('../../image/web/icon-re.png') no-repeat left top;
}

.board-view .review dl {
    border: 1px solid #ffc047;
    background: #fffadd;
    margin: 0 77px 0 26px;
    padding: 32px 60px;
    font-size: 14px;
}

.board-view .review dl dt strong {
    font-weight: 800;
    color: #000;
}

.board-view .review dl dt span {
    display: inline-block;
    margin: 0 3px;
}

.board-view .review dl dt {
    color: #999;
    margin: 0 0 7px;
}

.board-view .review dl dd {
    font-weight: 700;
    color: #777;
}


/* board-re */

.board-re {
    margin: 30px 0 0;
    font-size: 18px;
    background: #f8f8f8;
    padding: 25px;
    border: 1px solid #ddd;
}

.board-re dt {
    text-align: left;
    color: #999;
}

.board-re dt strong {
    color: #e97f17;
}

.board-re dt span {
    display: inline-block;
    margin: 0 15px;
}

.board-re dt i {
    display: inline-block;
    width: 18px;
    height: 21px;
    margin: -2px 3px 0 0;
    background: url('../../image/web/icon-member-yellow.png') no-repeat left top;
    background-size: 18px auto;
}

.board-re dd {
    padding: 15px 0 15px 35px;
    line-height: 28px;
    min-height: 100px;
}


/* 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 {
    margin: 20px 0;
    max-width: 100%;
}


/* Terms 이용약관, 개인정보취급방침 */

.terms-markup {
    font-size: 12px;
}

.terms-markup h2 {
    margin-top: 30px;
    margin-bottom: 10px;
}

.terms-markup h3 {
    margin-top: 25px;
    margin-bottom: 10px;
}

.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 {
    margin: 15px 0;
    padding: 20px;
    font-size: 16px;
    word-break: break-all;
    white-space: pre-line;
    border: 1px solid #ccc;
    background: #fff;
    line-height: 1.6;
    height: 605px;
}


/* Member box */

.member-box {
    font-size: 16px;
    font-weight: 700;
    display: block;
    margin: 0 auto;
    padding: 100px 320px;
    text-align: center;
    background: #f9f9f9;
    color: #777;
    border: 1px solid #ddd;
    border-top: 2px solid #ffc047;
}

.member-box.not-border {
    border: 0;
}

.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: 54px;
    padding: 0;
    font-size: 16px;
    margin: 30px 0 0;
}

.member-box .btn-etc {
    width: 100%;
    margin: 30px 0 0;
    text-align: center;
}

.member-box .btn-etc a {
    width: 119px;
    height: 45px;
    line-height: 45px;
    background: #fff;
    color: #666;
    padding: 0;
    border: 1px solid #ccc;
    font-size: 18px;
}


/* Login */

.login-box {
    position: relative;
    background: #f9f9f9;
    padding: 0;
    font-size: 16px;
    font-weight: 700;
    border: 1px solid #ddd;
    border-top: 2px solid #ffc047;
}

.login-box fieldset {
    background: url('../../image/web/logo-bg.png') no-repeat 206px center;
    border: 0;
    padding: 84px 220px 84px 510px;
    margin: 0;
    border-radius: 5px 5px 0 0;
}

.login-box h1 {
    text-align: center;
    margin: 50px 0 0;
}

.login-box dl {
    margin: 0 0 7px;
    overflow: hidden;
}

.login-box dt {
    float: left;
    width: 100px;
    margin: 13px 0 0;
    display: none;
}

.login-box .id dt {
    margin: 0 0 15px;
}

.login-box .id dd {
    margin: 0 0 15px;
}

.login-box dd {
    float: left;
    width: 100%;
}

.login-box dd .uix-form-text {
    width: 244px;
    height: 45px;
    font-size: 16px;
}

.login-box .btn-etc {
    width: 100%;
    margin: 0;
    text-align: center;
}

.login-box .btn-etc a {
    width: 119px;
    height: 45px;
    line-height: 45px;
    background: #fff;
    color: #666;
    padding: 0;
    border: 1px solid #ccc;
    font-size: 18px;
}

.login-box button[type='submit'] {
    position: absolute;
    top: 84px;
    right: 220px;
    width: 120px;
    height: 97px;
    padding: 0;
    font-size: 20px;
    font-family: 'NanumSquare';
    font-weight: 700;
}

.login-box button[type='submit'].find_pw {
    height: 150px;
    line-height: 34px;
}

.login-box .uix-form-check {
    margin: 10px 0;
    text-align: left;
}

.login-box .uix-button {
    padding: 5px 12px;
    height: 38px;
}

.login-box button[type='submit'].btn-login {
    position: absolute;
    top: 130px;
    right: 220px;
    width: 120px;
    height: 45px;
    line-height: 45px;
}

.login-box .sns {
    background: #f9f9f9;
    border: 0;
    margin: 0 0 84px;
}

.login-box .sns ul {
    padding: 0 40px;
    overflow: hidden;
}

.login-box .sns li {
    display: inline-block;
    float: left;
    width: calc(33.33% - 10px);
    height: 67px;
    line-height: 67px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    font-family: 'NanumSquare';
    margin-right: 10px;
    border-radius: 5px;
}

.login-box .sns .wrap_facebook {
    background: #3b5998;
}

.login-box .sns .wrap_facebook a {
    color: #fff;
}

.login-box .sns .wrap_facebook img {
    width: 12px;
    margin: 0 15px 0 0;
}

.login-box .sns .wrap_kakao {
    background: #f0de43;
}

.login-box .sns .wrap_kakao a {
    color: #3a2020;
}

.login-box .sns .wrap_kakao img {
    width: 35px;
    margin: 0 15px 0 0;
}

.login-box .sns .wrap_naver {
    background: #4db848;
}

.login-box .sns .wrap_naver a {
    color: #fff;
}

.login-box .sns .wrap_naver img {
    width: 27px;
    margin: 0 15px 0 0;
}

.login-box .sns li span {
    display: inline-block;
    margin-left: 57px;
    color: #fff;
    font-size: 18px;
    font-family: 'Nanum Gothic';
}

.login-box .sns li:hover {
    -moz-opacity: 0.9;
    opacity: .90;
    filter: alpha(opacity=90);
}

.login-box hr {
    background: #eee;
}

.login-box header {
    text-align: center;
    padding: 20px 0 50px;
}

.login-box.my_info_c {
    border: 1px solid #ddd;
    padding: 30px 70px 40px;
    margin: 50px auto;
    border-radius: 5px;
}

.login-box.my_info_c dl {
    overflow: hidden;
}

.login-box.my_info_c dt {
    display: block;
    float: left;
    width: 70px;
    margin-top: 5px;
}

.login-box.my_info_c dd {
    float: left;
    width: calc(100% - 180px);
}

.login-box.my_info_c dd strong {
    display: inline-block;
    margin: 3px 0 0 10px;
    color: #000;
}

.login-box.my_info_c button[type='submit'] {
    position: absolute;
    top: 25px;
    right: 70px;
    width: 90px;
    height: 75px;
    padding: 0;
}

.member-out {
    padding: 0;
    border-radius: 5px;
    margin: 0;
}

.member-out fieldset {
    background: #fff;
    border: 1px solid #ddd;
}

.member-out .uix-register {
    border: 0;
}

.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;
    border: 0;
    padding: 0;
}

.join-confirm fieldset {
    border: none;
    margin: 0 0 30px;
    padding: 0;
}

.join-confirm fieldset legend {
    display: block;
    margin: 0 0 8px;
    font-size: 16px;
    font-weight: 500;
    float: left;
}

.join-confirm fieldset textarea {
    clear: both;
    width: 100%;
    height: 300px;
    margin: 5px 0 0;
    padding: 20px;
    background: #fff;
    border: 1px solid #ccc;
    outline: 0;
}

.join-confirm fieldset .check {
    margin: 0;
}

.join-confirm .check-all {
    margin: 0;
    font-weight: 500;
}


/* Join - form */

.join-form fieldset {
    margin: 10px 0;
    border: none;
    padding: 0;
}

.join-form fieldset legend {
    padding: 0 0 10px 0;
    font-size: 16px;
    font-weight: 700;
}


/* State */

.uix-state {
    display: inline-block;
    padding: 0;
    width: 78px;
    height: 28px;
    line-height: 28px;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    border-radius: 3px;
    background: #979797;
    border: 0;
    color: #fff;
}

/* 배달완료 */

.uix-state.primary {
    background: #ea8f2d;
    color: #fff;
}

/* 적립완료 */

.uix-state.blue {
    background: #fff;
    border: 1px solid #47b1e1;
    color: #47b1e1;
}

/*  */

.uix-state.red {
    background: #fff;
    border: 1px solid #ff685c;
    color: #ff685c;
}

/*  */

.uix-state.black {
    background: #fff;
    border: 1px solid #333;
    color: #333;
}

/*  */

.uix-state.orange {
    background: #fff;
    border: 1px solid #ea8f2d;
    color: #ea8f2d;
}

/* 주문취소 */

.uix-state.gray {
    background: #fff;
    border: 1px solid #aaa;
    color: #979797;
}

/* 적립취소 */

/* 댓글 쓰기 */

.uix-comment {
    padding: 0;
    margin: 50px 0 0;
}

.uix-comment .write {
    background: #f6f6f6;
    padding: 20px 33px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.uix-comment .write h1 {
    background: url('../../image/web/icon-comment.png') no-repeat left 4px;
    padding-left: 35px;
    font-size: 20px;
    font-family: 'NanumSquare';
    margin: 0 5px 5px;
}

.uix-comment .write fieldset {
    text-align: left;
    border: 0;
    padding: 0;
    margin: 10px 0;
    overflow: hidden;
}

.uix-comment .write fieldset textarea {
    float: left;
    width: calc(100% - 130px);
    height: 100px;
    line-height: 20px;
    padding: 10px 15px;
    margin: 0;
    font-size: 16px;
    border: 1px solid #ccc;
    color: #555;
}

.uix-comment .write fieldset button {
    float: right;
    font-size: 20px;
    font-family: 'NanumSquare';
    vertical-align: middle;
    width: 120px;
    padding: 0;
    height: 100px;
    border-radius: 3px;
    margin: 0;
}


/* 댓글 리스트 */

.uix-comment {
    position: relative;
    overflow: hidden;
    font-size: 18px;
}

.uix-comment .list dl {
    position: relative;
    padding: 20px 20px 20px 120px;
    background: #fff;
}

.uix-comment .list dt {
    overflow: hidden;
    padding-bottom: 0;
}

.uix-comment .list dt .profile-img {
    position: absolute;
    top: 25px;
    left: 25px;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    overflow: hidden;
    border: 5px solid #eee;
}

.uix-comment .list dt .profile-img img {
    max-width: 100%;
}

.uix-comment .list dt .name-date {
    float: left;
    margin: 0;
}

.uix-comment .list dt .name-date .name {
    color: #e97f17;
    font-weight: 700;
    height: 14px;
    line-height: 11px;
    padding-right: 10px;
    border-right: 1px solid #ddd;
}

.uix-comment .list dt .name-date .date {
    line-height: 13px;
    margin-left: 10px;
    color: #a7a7a7;
    letter-spacing: -0.5pt;
}

.uix-comment .list dt .name-date .score {
    display: block;
    clear: both;
    margin: 5px 0 0;
}

.uix-comment .list dt .delete {
    float: right;
    padding-right: 7px;
}

.uix-comment .list dt .delete .uix-button {
    padding: 0 5px;
    width: 61px;
    height: 36px;
    line-height: 34px;
    font-size: 20px;
    font-family: 'NanumSquare';
}

.uix-comment .list dt .delete .uix-button:nth-of-type(1) {
    border: 1px solid #ddd;
    background: #fff;
    color: #000;
}

.uix-comment .list dd {
    padding: 15px 0;
}

.uix-comment .list dd .img {
    margin: 20px 0 0;
}

.uix-comment .list dd .img img {
    max-width: 100%;
}

.uix-comment .list dd .review {
    margin: 30px 0 0;
}

.uix-comment .list dd .review dl {
    border: 1px solid #ddd;
    background: #fafafa url('../../image/web/icon-re.png') no-repeat 34px 24px;
    margin: 0;
    padding: 25px 65px 0;
}

.uix-comment .list dd .review dl dt * {
    vertical-align: middle;
}

.uix-comment .list dd .review dl dt i {
    display: inline-block;
    width: 18px;
    height: 21px;
    margin: -2px 0 0;
    background: url('../../image/web/icon-member-yellow.png') no-repeat left top;
}

.uix-comment .list dd .review dl dt strong {
    font-size: 20px;
    font-weight: 800;
    color: #e97f17;
}

.uix-comment .list dd .review dl dt span {
    display: inline-block;
    margin: 0 5px;
}

.uix-comment .list dd .review dl dt {
    color: #999;
    margin: 0 0 7px;
}

.uix-comment .list dd .review dl dd {
    font-weight: 400;
    color: #888;
    margin-left: 23px;
}

.uix-comment .list hr {
    padding: 0;
    margin: 0;
    background: #fff;
    border-top: 1px solid #eee;
}

.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 .list .orderby-refresh {
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    padding: 5px;
    text-align: left;
}

.uix-comment .list .orderby-refresh .on {
    font-weight: 700;
    color: #000;
}


/* 수정 */

.uix-comment .comment-modify {
    display: none;
}

.uix-comment .comment-modify .uix-button {
    float: right;
    width: 120px;
    height: 45px;
    line-height: 45px;
    padding: 0;
    margin: 0 0 9px;
}

.uix-comment .comment-modify .write {
    background: none;
    padding: 0;
    border: 0;
}

.uix-comment .comment-modify .write textarea {
    background: #f8f8f8;
    margin: 0;
    padding: 20px;
    border: 1px solid #ddd;
}


/* 댓글 보기 */

.uix-comment .comment-view {
    margin: 0 0 26px;
    background: #727272;
}

.uix-comment .comment-view .profile-img {
    position: absolute;
    top: 30px;
    left: 25px;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    overflow: hidden;
}

.uix-comment .comment-view .profile-img img {
    width: 100%;
}

.uix-comment .comment-view dl {
    padding: 30px 30px 30px 120px;
    font-size: 18px;
    color: #fff;
}

.uix-comment .comment-view dl dt {
    overflow: hidden;
    font-size: 20px;
}

.uix-comment .comment-view dl dt strong {
    font-weight: 700;
}

.uix-comment .comment-view dl dt span {
    float: right;
    display: inline-block;
    margin: 0 3px;
    font-weight: 400;
}

.uix-comment .comment-view dl dt {
    margin: 0 0 7px;
}

.uix-comment .comment-view dl dd {
    font-weight: 400;
}


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


/* 팝업 */

.popup_out_wrap {
    position: relative;
    width: 100%;
    height: 0px;
}

.popup_wrap {
    position: relative;
    width: 1100px;
    height: 0px;
    margin: 0px auto;
}

.popup {
    position: absolute;
    margin-left: 0px;
    border: 1px solid #ccc;
    background: #fff;
}

.popup .close-box {
    text-align: center;
    overflow: hidden;
}

.popup .check {
    float: left;
    width: 50%;
    border-right: 1px solid #ddd;
    line-height: 24px;
}

.popup .close {
    float: right;
    width: 50%;
    line-height: 26px;
    text-align: center;
}

#popup1 {
    position: absolute;
    top: 80px;
    left: 50%;
    margin-left: -195px;
    width: 389px;
    z-index: 1002;
    border: 1px solid #ccc;
    background: none;
    display: block;
    border: 0;
    border-radius: 5px;
    overflow: hidden;
}

#popup1 .close-box {
    width: 389px;
    margin: 0 auto;
    text-align: left;
    overflow: hidden;
    line-height: 50px;
    font-size: 22px;
    font-family: 'NanumSquare';
}

#popup1 .close-box a,
#popup1 .close-box span {
    color: #fff;
}

#popup1 .check {
    float: left;
    width: 50%;
    height: 50px;
    padding-left: 15px;
}

#popup1 .close {
    float: right;
    width: 50%;
    text-align: right;
    height: 50px;
}

#popup1 .close a {
    display: inline-block;
    padding-right: 30px;
    background: url('../../image/web/btn-close-yellow.png') no-repeat right center;
}

#popup1 .uix-form-check > p > label > input[type=checkbox] {
    margin: 12px 30px 0 -35px;
}

#popup1 .swiper-container {
    width: 100%;
}

#popup1 .swiper-slide {
    text-align: center;
    height: 490px;
}

#popup1 .swiper-slide img {
    width: 389px;
    height: 490px;
    border-radius: 17px;
}

#popup1 .swiper-button-next,
#popup1 .swiper-button-prev {
    width: 30px;
    height: 48px;
}

#popup1 .swiper-button-prev {
    background: url('../../image/web/r-prev.png') no-repeat left top;
    left: 0;
    background-size: 30px auto;
}

#popup1 .swiper-button-next {
    background: url('../../image/web/r-next.png') no-repeat left top;
    right: 0;
    background-size: 30px auto;
}


#popup2 {
    position: absolute;
    top: 80px;
    left: 50%;
    margin-left: -250px;
    width: 500px;
    z-index: 1002;
    border: 1px solid #ccc;
    background: none;
    display: block;
    border: 0;
    border-radius: 5px;
    overflow: hidden;
}

#popup2 .close-box {
    width: 389px;
    margin: 0 auto;
    text-align: left;
    overflow: hidden;
    line-height: 50px;
    font-size: 22px;
    font-family: 'NanumSquare';
}

#popup2 .close-box a,
#popup2 .close-box span {
    color: #fff;
}

#popup2 .check {
    float: left;
    width: 50%;
    height: 50px;
    padding-left: 15px;
}

#popup2 .close {
    float: right;
    width: 50%;
    text-align: right;
    height: 50px;
}

#popup2 .close a {
    display: inline-block;
    padding-right: 30px;
    background: url('../../image/web/btn-close-yellow.png') no-repeat right center;
}

#popup2 .uix-form-check > p > label > input[type=checkbox] {
    margin: 12px 30px 0 -35px;
}

#popup2 .swiper-container {
    width: 100%;
}

#popup2 .swiper-slide {
    text-align: center;
    height: 490px;
}

#popup2 .swiper-slide img {
    width: 389px;
    height: 490px;
    border-radius: 17px;
}

#popup2 .swiper-button-next,
#popup2 .swiper-button-prev {
    width: 30px;
    height: 48px;
}

#popup2 .swiper-button-prev {
    background: url('../../image/web/r-prev.png') no-repeat left top;
    left: 0;
    background-size: 30px auto;
}

#popup2 .swiper-button-next {
    background: url('../../image/web/r-next.png') no-repeat left top;
    right: 0;
    background-size: 30px auto;
}



#light-bid {
    position: relative;
    position: absolute;
    top: 590px;
    width: calc(100% - 300px);
    height: 478px;
    z-index: 1002;
    border: 2px solid #000;
    background: #fff;
    border-radius: 5px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 20px;
}

#light-bid.on {
    left: 270px;
}

#light-bid .close {
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 15px;
    text-align: center;
    overflow: hidden;
}

#light-bid .close img {
    width: 14px;
}

#light-bid h1 {
    font-size: 15px;
    margin-right: 10px;
    font-weight: 700;
}


/* uix-main-bbs */

.uix-main-bbs {
    width: 100%;
    margin: 55px 0;
    overflow: hidden;
}

.uix-main-bbs div {
    width: 1100px;
    margin: 0 auto;
    overflow: hidden;
}

.uix-main-bbs dl {
    float: left;
    width: calc(50% - 14px);
    background: #fff;
    padding: 20px 32px;
    border: 1px solid #ddd;
}

.uix-main-bbs dl:nth-of-type(2) {
    float: right;
}

.uix-main-bbs dl dt {
    background: url('../../image/web/icon-main-bbs.png') no-repeat 0 6px;
    font-family: 'NanumSquare';
    position: relative;
    padding: 0 0 12px 35px;
    font-size: 20px;
    font-weight: 800;
}

.uix-main-bbs dl dt .more {
    position: absolute;
    top: 4px;
    right: 0;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    border: 1px solid #ccc;
    padding: 0 8px;
    height: 28px;
    line-height: 28px;
    border-radius: 13px;
}

.uix-main-bbs dl dt .more:before {
    content: '더보기 >';
}

.uix-main-bbs dl dd {
    padding: 0;
}

.uix-main-bbs dl dd p {
    padding: 0;
    overflow: hidden;
}

.uix-main-bbs dl dd p:last-child {
    border-bottom: 0;
}

.uix-main-bbs dl dd a {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    font-weight: 700;
    width: 300px;
    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;
    font-size: 14px;
    color: #888;
    vertical-align: middle;
    height: 34px;
    line-height: 34px;
}


/* uix-search */

.uix-search {
    position: relative;
    margin: 0 auto 20px;
    width: 100%;
    overflow: hidden;
}

.uix-search select {
    float: left;
    margin: 0;
    width: 200px;
    margin-right: 5px;
    height: 45px;
    font-size: 15px;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
    border-radius: 0;
}

.uix-search input[type="text"] {
    float: left;
    width: calc(100% - 280px);
    height: 45px;
    font-size: 15px;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
    border-radius: 0;
}

.uix-search .uix-button {
    float: right;
    padding: 0 13px;
    width: 70px;
    height: 45px;
    line-height: 43px;
    font-size: 15px;
    border-radius: 0;
}

.uix-search.type2 {
    width: 100%;
}

.uix-search.type2 input[type="text"] {
    float: left;
    width: calc(100% - 470px);
}


/* icon */

.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.facebook {
    width: 35px;
    height: 35px;
    margin: 0;
    background: url('../../image/web/sns-facebook.png') no-repeat left top;
    background-size: 35px 35px;
}

.icon.kakaostory {
    width: 35px;
    height: 35px;
    margin: 0;
    background: url('../../image/web/sns-kakaostory.png') no-repeat left top;
    background-size: 35px 35px;
}

.icon.twitter {
    width: 35px;
    height: 35px;
    margin: 0;
    background: url('../../image/web/sns-twitter.png') no-repeat left top;
    background-size: 35px 35px;
}

.icon.like {
    width: 18px;
    height: 18px;
    margin: 0;
    background: url('../../image/web/icon-like.png') no-repeat left top;
    background-size: auto 18px;
}

.icon.like.on {
    background: url('../../image/web/icon-like_on.png') no-repeat left top;
    background-size: auto 18px;
}

.icon.dislike {
    width: 12px;
    height: 14px;
    margin: 0;
    background: url('../../image/web/icon-dislike.png') no-repeat left top;
    background-size: auto 14px;
}

.icon.refresh {
    width: 16px;
    height: 16px;
    margin: 0;
    background: url('../../image/web/icon-refresh.png') no-repeat left top;
    background-size: auto 16px;
}

.icon.plus {
    width: 25px;
    height: 25px;
    margin: 0;
    background: url('../../image/web/icon-plus2.png') no-repeat left top;
    background-size: auto 25px;
}

.icon.heart {
    width: 33px;
    height: 33px;
    border-radius: 50%;
    margin: 0;
    background: url('../../image/web/icon-bookmark.png') no-repeat left top;
}

.icon.heart.on {
    background: url('../../image/web/icon-bookmark-on.png') no-repeat left top;
}


/* 비밀번호입력 */

.popup_secret {
    position: fixed;
    top: 40%;
    background: #fff;
    width: 450px;
    height: 240px;
    margin-left: -225px;
    border: 1px solid #ccc;
    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;
}


/* 상품목록 */

.item-list {
    display: none;
    overflow: hidden;
    line-height: 16px;
}

.item-list.on {
    display: block;
}

.item-list li {
    position: relative;
    float: left;
    width: 224px;
    padding: 0;
    margin: 0 21px 50px 0;
}

.item-list li:nth-child(4n) {
    margin-right: 0;
}

.item-list li .img {
    width: 224px;
    height: 224px;
    overflow: hidden;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.item-list li .img img {
    height: 100%;
}

.item-list 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;
    letter-spacing: -0.5pt;
}

.item-list li .price {
    font-family: 'NanumSquare';
    color: #333;
    font-size: 22px;
    color: #333;
    letter-spacing: -0.5pt;
    font-weight: 800;
}

.item-list li .price strong {
    font-size: 24px;
    font-weight: 800;
}

.item-list li .time {
    font-size: 16px;
    color: #666;
    margin: 15px 0 0;
}

.item-list li input[type="checkbox"] {
    position: absolute;
    top: 10px;
    left: 10px;
}

body.index .item-list li {
    width: 265px;
    margin: 0 46px 46px 0;
}

body.index .item-list li:nth-child(4n) {
    margin-right: 0;
}

body.index .item-list li .img {
    width: 265px;
    height: 265px;
}


/* 갤러리 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 {
    width: 224px;
    height: 224px;
    overflow: hidden;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.gallery-list-type1 li .img img {
    height: 100%;
}

.gallery-list-type1 li .subject {
    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: 10px 0;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    color: #555;
    padding: 0;
    letter-spacing: -0.5pt;
}

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


/* 갤러리 type2 */

.gallery-list-type2 {
    display: none;
    overflow: hidden;
    border-top: 1px solid #888;
}

.gallery-list-type2.on {
    display: block;
}

.gallery-list-type2 li {
    position: relative;
    float: left;
    width: 50%;
    background: #fff;
    margin: 0;
    padding: 20px;
    border-bottom: 1px solid #ddd;
}

.gallery-list-type2 li .img-item {
    float: left;
    width: 150px;
    height: 150px;
}

.gallery-list-type2 li .img-item img {
    width: 100%;
}

.gallery-list-type2 li .info {
    position: relative;
    float: right;
    width: calc(100% - 180px);
    height: 150px;
    padding: 0;
    overflow: hidden;
}

.gallery-list-type2 li .info .subject {
    display: inline-block;
    margin: 10px 0;
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.gallery-list-type2 li .info .summary {
    width: 630px;
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gallery-list-type2 li .price {
    position: absolute;
    top: 100px;
    right: 20px;
    font-size: 18px;
}

.gallery-list-type2 li .price span {
    text-decoration: line-through;
    font-size: 11px;
}

.gallery-list-type2 li .price strong {
    color: #000;
}


h2 {
    position: relative;
    text-align: left;
    margin: 35px 0 15px;
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    padding-left: 36px;
    background: url('../../image/web/h2-bg.png') no-repeat left center;
}

h2:first-child {
    margin-top: 0;
}

h2 .more {
    position: absolute;
    top: -5px;
    right: 0;
    display: inline-block;
    width: 35px;
    height: 35px;
    background: url('../../image/web/btn-more.png') no-repeat left top;
}


/* 상세내용 */

.view-detail {
    min-height: 500px;
    font-size: 15px;
    line-height: 25px;
    padding: 50px 30px;
}

.view-detail img {
    margin: 20px 0 0;
    max-width: 100%;
}


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

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


/* product-search */

.product-search {
    position: relative;
    margin: 0 auto 30px;
    width: 100%;
    overflow: hidden;
    padding: 0;
}

.product-search select.uix-form-text {
    width: 208px;
    height: 45px;
    font-size: 15px;
    margin-right: 8px;
}

.product-search .key {
    width: calc(100% - 502px);
    height: 45px;
    font-size: 15px;
    border-radius: 0;
}

.product-search .uix-button {
    float: right;
    color: #7e7e7e;
    padding: 0 13px;
    min-width: 55px;
    height: 45px;
    font-size: 15px;
    border-radius: 0;
}


/* 메인 */

body.index .swiper-container {
    width: 100%;
}

body.index .swiper-slide {
    text-align: center;
    height: 270px;
}

body.index .swiper-button-next,
body.index .swiper-button-prev {
    width: 23px;
    height: 40px;
}

body.index .swiper-button-prev {
    background: url('../../image/web/r-prev.png') no-repeat left top;
    left: 30px;
    background-size: 23px auto;
}

body.index .swiper-button-next {
    background: url('../../image/web/r-next.png') no-repeat left top;
    right: 30px;
    background-size: 23px auto;
}


/* 게시판 목록 */

article.list ul {
    display: table;
    width: 100%;
}

article.list ul > * {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    font-size: 18px;
    text-align: center;
    color: #707070;
    font-family: 'NanumSquare';
}

article.list header ul > li {
    background: #fffef5;
    font-weight: 700;
    border-top: 1px solid #d6d3bd;
    border-bottom: 1px solid #d6d3bd;
    color: #222;
}

article.list > nav {
    padding: 0;
}

article.list > nav ul:hover {
    background: #fffef5;
}

article.list > nav ul li {
    border-bottom: 1px solid #d8d8d8;
    height: 68px;
}


/* 입찰목록 */

article.list.auction li:nth-of-type(1) {
    width: *;
    text-align: left;
    padding-left: 50px;
}

article.list.auction li:nth-of-type(2) {
    width: 118px;
}

article.list.auction li:nth-of-type(3) {
    width: 118px;
}

article.list.auction li:nth-of-type(4) {
    width: 220px;
}

article.list.auction > nav li:nth-of-type(1) > span {
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    vertical-align: middle;
}

article.list.auction > nav li:nth-of-type(2) {
    font-size: 13px;
    font-weight: 800;
    letter-spacing: -0.5pt;
}

article.list.auction > nav li:nth-of-type(4) {
    font-size: 13px;
    color: #888;
}


/* 입찰목록 팝업 */

article.list.auction-pop li:nth-of-type(1) {
    width: 120px;
}

article.list.auction-pop li:nth-of-type(2) {
    width: 120px;
}

article.list.auction-pop li:nth-of-type(3) {
    width: *;
    text-align: left;
    padding-left: 50px;
}

article.list.auction-pop li:nth-of-type(4) {
    width: 80px;
}

article.list.auction-pop > nav li:nth-of-type(3) > span {
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    vertical-align: middle;
}

article.list.auction-pop > nav li:nth-of-type(2) {
    font-size: 13px;
    font-weight: 800;
    letter-spacing: -0.5pt;
}

article.list.auction-pop > nav li:nth-of-type(1) {
    font-size: 13px;
    color: #888;
}

article.list.auction-pop > nav li:nth-of-type(4) .uix-button {
    padding: 12px 20px;
}


/* 공지사항 */

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: 160px;
}

article.list.notice > nav li:nth-of-type(1) {
    color: #888;
}

article.list.notice > nav li:nth-of-type(1) > span {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 3px 5px;
    font-size: 11px;
}

article.list.notice > nav li:nth-of-type(2) {
    text-align: left;
    padding-left: 0;
}

article.list.notice > nav li:nth-of-type(2) > a {
    display: inline-block;
    width: 600px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}


/* 이벤트 */

article.list.event li:nth-of-type(1) {
    width: 80px;
}

article.list.event li:nth-of-type(2) {
    width: *;
}

article.list.event li:nth-of-type(3) {
    width: 240px;
}

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(1) > span {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 3px 5px;
    font-size: 11px;
}

article.list.event > nav li:nth-of-type(2) {
    text-align: left;
    padding-left: 0;
}

article.list.event > nav li:nth-of-type(2) > a {
    display: inline-block;
    width: 410px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    text-align: left;
    padding-left: 0;
}

article.list.event > nav li:nth-of-type(3) {
    color: #888;
}


/* 1:1문의 */

article.list.one2one li:nth-of-type(1) {
    width: 80px;
}

article.list.one2one li:nth-of-type(2) {
    width: *;
}

article.list.one2one li:nth-of-type(3) {
    width: 150px;
}

article.list.one2one li:nth-of-type(4) {
    width: 100px;
}

article.list.one2one > nav li:nth-of-type(1) {
    color: #888;
}

article.list.one2one > nav li:nth-of-type(1) > span {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 3px 5px;
    font-size: 11px;
}

article.list.one2one > nav li:nth-of-type(2) {
    text-align: left;
    padding-left: 0;
}

article.list.one2one > nav li:nth-of-type(2) > a {
    display: inline-block;
    width: 400px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

article.list.one2one > nav li:nth-of-type(3) {
    color: #888;
}


/* 자유게시판 */

article.list.community li:nth-of-type(1) {
    width: 80px;
}

article.list.community li:nth-of-type(2) {
    width: *;
    text-align: left;
    padding-left: 20px;
}

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(1) > span {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 3px 5px;
    font-size: 11px;
}

article.list.community > nav li:nth-of-type(2) > a {
    display: inline-block;
    width: 550px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

article.list.community > nav li:nth-of-type(4) {
    color: #888;
}


/* 게시글 스크랩 */

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: *;
    text-align: left;
    padding-left: 20px;
}

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) > a {
    display: inline-block;
    width: 580px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

article.list.scrap > nav li:nth-of-type(4) {
    color: #888;
}


/* 주문목록 */

article.list.order li:nth-of-type(1) {
    width: *;
    text-align: left;
    padding-left: 60px;
}

article.list.order li:nth-of-type(2) {
    width: 100px;
}

article.list.order li:nth-of-type(3) {
    width: 145px;
}

article.list.order > nav {
    padding: 0;
}

article.list.order > nav ul {
    padding: 0;
}

article.list.order > nav li:nth-of-type(2),
article.list.order > nav li:nth-of-type(3) {
    font-size: 20px;
    font-weight: 700;
    color: #222;
}

article.list.order > nav ul:hover {
    background: #fff;
}

article.list.order > nav li:nth-of-type(1) {
    position: relative;
    height: 150px;
    padding-left: 175px;
    font-size: 16px;
    font-family: 'Nanum Gothic';
    vertical-align: top;
}

article.list.order > nav li:nth-of-type(1) .img {
    position: absolute;
    top: 25px;
    left: 0;
    width: 160px;
    height: 100px;
    overflow: hidden;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

article.list.order > nav li:nth-of-type(1) .img img {
    height: 100%;
}

article.list.order > nav li:nth-of-type(1) .name {
    font-size: 16px;
    font-weight: 700;
    margin: 10px 0 5px;
    color: #000;
}

article.list.order > nav li:nth-of-type(1) dl {
    overflow: hidden;
    font-family: 'Nanum Gothic';
}

article.list.order > nav li:nth-of-type(1) dt {
    float: left;
    color: #000;
    font-weight: 700;
    margin-right: 8px;
}

article.list.order > nav li:nth-of-type(1) dd {
    float: left;
}


/* 장바구니 */

article.list.cart li:nth-of-type(1) {
    width: *;
    text-align: left;
    padding-left: 25px;
}

article.list.cart li:nth-of-type(2) {
    width: 160px;
}

article.list.cart li:nth-of-type(3) {
    width: 130px;
}

article.list.cart li:nth-of-type(4) {
    width: 110px;
}

article.list.cart > nav {
    padding: 0;
}

article.list.cart > nav ul {
    padding: 0;
}

article.list.cart > nav li:nth-of-type(2),
article.list.cart > nav li:nth-of-type(3) {
    font-size: 20px;
    font-weight: 700;
    color: #222;
}

article.list.cart > nav ul:hover {
    background: #fff;
}

article.list.cart > nav li:nth-of-type(1) {
    position: relative;
    height: 150px;
    padding-left: 175px;
    font-size: 16px;
    font-family: 'Nanum Gothic';
    vertical-align: top;
}

article.list.cart > nav li:nth-of-type(1) .img {
    position: absolute;
    top: 25px;
    left: 0;
    width: 160px;
    height: 100px;
    overflow: hidden;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

article.list.cart > nav li:nth-of-type(1) .img img {
    height: 100%;
}

article.list.cart > nav li:nth-of-type(1) .name {
    font-size: 16px;
    font-weight: 700;
    margin: 10px 0 5px;
    color: #000;
}

article.list.cart > nav li:nth-of-type(1) dl {
    overflow: hidden;
    font-family: 'Nanum Gothic';
}

article.list.cart > nav li:nth-of-type(1) dt {
    float: left;
    color: #000;
    font-weight: 700;
    margin-right: 8px;
}

article.list.cart > nav li:nth-of-type(1) dd {
    float: left;
}

article.list.cart > nav li:nth-of-type(4) .uix-button {
    background: #9a9a9a;
    color: #fff;
    width: 61px;
    height: 36px;
    line-height: 34px;
    font-size: 16px;
    padding: 0;
}


/* 쿠폰함 */

article.list.coupon li:nth-of-type(1) {
    width: *;
    text-align: left;
    padding-left: 95px;
}

article.list.coupon li:nth-of-type(2) {
    width: 170px;
}

article.list.coupon li:nth-of-type(3) {
    width: 170px;
}

article.list.coupon li:nth-of-type(4) {
    width: 170px;
}

article.list.coupon > nav li:nth-of-type(1) {
    padding-left: 45px;
}

article.list.coupon > nav li:nth-of-type(1) .uix-button {
    width: 138px;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    padding: 0;
    border-radius: 0;
}

article.list.coupon > nav li:nth-of-type(1) .uix-button span {
    display: inline-block;
    font-family: 'Nanum Gothic';
}


/* 포인트함 */

article.list.point li:nth-of-type(1) {
    width: 200px;
}

article.list.point li:nth-of-type(2) {
    width: *;
}

article.list.point li:nth-of-type(3) {
    width: 150px;
}

article.list.point li:nth-of-type(4) {
    width: 150px;
}


/* 즉시결제 내역 */

article.list.mypage-order li:nth-of-type(1) {
    width: 200px;
}

article.list.mypage-order li:nth-of-type(2) {
    width: 170px;
}

article.list.mypage-order li:nth-of-type(3) {
    width: *;
}

article.list.mypage-order li:nth-of-type(4) {
    width: 170px;
}

article.list.mypage-order li:nth-of-type(5) {
    width: 150px;
}

article.list.mypage-order > nav li {
    font-size: 16px;
}


/* 상단 검색 */

.header-search {
    position: absolute;
    top: 147px;
    left: 615px;
    overflow: hidden;
}

.header-search input[type="text"] {
    float: left;
    width: 292px;
    height: 45px;
    font-size: 18px;
    font-weight: 700;
    padding-left: 20px;
    border: 2px solid #ddd;
    box-shadow: inset 0 0 0;
}

.header-search input[type="text"]:hover {
    border: 2px solid #ddd;
}

.header-search input[type="image"] {
    float: left;
    width: 55px;
    height: 45px;
}


/* 최근 검색한 위치 */

.header-location {
    position: relative;
    position: absolute;
    top: 147px;
    left: 309px;
    width: 321px;
}

.header-location input[type="text"] {
    float: left;
    width: 236px;
    height: 45px;
    font-size: 18px;
    font-weight: 700;
    padding-left: 20px;
    border: 2px solid #ddd;
    box-shadow: inset 0 0 0;
    cursor: pointer;
}

.header-location img {
    float: left;
    width: 55px;
    height: 45px;
    cursor: pointer;
}

.header-location img:hover {
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
}

#header-location-body {
    display: none;
    position: absolute;
    top: 45px;
    left: 0;
    width: 291px;
    background: #fff;
    border: 2px solid #ddd;
    border-top: 0;
    padding: 15px 0;
    z-index: 10;
}

.header-location.on #header-location-body {
    display: block;
}

#header-location-body p {
    padding: 0 20px;
    font-size: 18px;
    line-height: 28px;
    margin: 2px 0;
    cursor: pointer;
}

#header-location-body p.title {
    color: red;
    font-weight: 700;
}

#header-location-body p:hover {
    background: #fffadd;
}


/* quick */

#quick {
    position: absolute;
    z-index: 20;
    top: 0;
    left: 50%;
    margin-left: 600px;
    width: 120px;
    text-align: center;
    border: 1px solid #ddd;
}

#quick header {
    background: #4e1400;
    color: #fff;
    height: 40px;
    line-height: 40px;
}

#quick .menu a {
    display: block;
    padding: 10px 0;
    font-size: 14px;
    letter-spacing: -0.5pt;
    border-bottom: 1px solid #ddd;
    color: #333;
    background: #fff;
}

#quick .menu i {
    display: inline-block;
    vertical-align: middle;
    margin: -3px 5px 0 0;
}

#quick .menu i.cart {
    width: 20px;
    height: 18px;
    background: url('../../image/web/icon-cart.png') no-repeat left top;
}

#quick .menu i.order {
    width: 14px;
    height: 18px;
    background: url('../../image/web/icon-order.png') no-repeat left top;
}

#quick .body {
    background: #fff;
    padding: 7px 10px;
}

#quick .body .title {
    font-weight: 700;
}

.custom-container.vertical .carousel li {
    overflow: hidden;
    text-align: center;
    margin: 0;
}

.custom-container.vertical .carousel li img {
    width: 85px;
    height: 85px;
    margin: 8px 0 0;
}

.custom-container.vertical .carousel li p {
    margin: 5px 0 0;
}

.custom-container.vertical .prev img {
    height: 15px;
    margin: 7px 0 0;
}

.custom-container.vertical .next img {
    height: 15px;
    margin: 7px 0;
}


/* 메뉴 */

.menu-link {
    overflow: hidden;
    margin: 0 0 25px;
}

.menu-link li {
    float: left;
    width: 266px;
    height: 221px;
    margin: 0 12px 30px 0;
    overflow: hidden;
}

.menu-link li:nth-child(4n) {
    margin-right: 0;
}

.menu-link li img:hover {
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
}


/* 추천 레이어 */

#popup_recommend {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -320px;
    width: 640px;
    z-index: 1002;
    background: #f2f2f2;
    display: block;
    border: 0;
    border-radius: 5px;
    overflow: hidden;
}

#popup_recommend .body {
    height: 560px;
    padding: 37px 0;
}

#popup_recommend .close-box {
    text-align: center;
    overflow: hidden;
    line-height: 60px;
    font-size: 16px;
}

#popup_recommend .close-box a {
    color: #000;
    font-weight: 700;
}

#popup_recommend .close-box span {
    color: #000;
    font-weight: 700;
}

#popup_recommend .check {
    float: left;
    width: 50%;
    background: #fff;
    height: 60px;
}

#popup_recommend .close {
    float: right;
    width: 50%;
    background: #ffc047;
    height: 60px;
}

#popup_recommend .swiper-container {
    width: 100%;
}

#popup_recommend .swiper-slide {
    text-align: center;
    background: #fff;
    height: 485px;
}

#popup_recommend .swiper-button-next,
#popup_recommend .swiper-button-prev {
    width: 32px;
    height: 60px;
}

#popup_recommend .swiper-button-prev {
    background: url('../../image/web/r-prev-red.png') no-repeat left top;
    left: 30px;
    background-size: 23px auto;
}

#popup_recommend .swiper-button-next {
    background: url('../../image/web/r-next-red.png') no-repeat left top;
    right: 30px;
    background-size: 23px auto;
}


/* 정렬 */

.sort-wrap {
    background: #fff;
    color: #888;
    padding: 0;
    font-size: 18px;
    overflow: hidden;
    margin: 0 0 35px;
    font-weight: 400;
}

.sort-wrap select.uix-form-text {
    height: 45px;
    line-height: 45px;
    width: 175px;
}

.sort-wrap span {
    display: inline-block;
    margin: 0 5px;
}

.sort-wrap select:nth-of-type(2) {
    float: right;
    background: #fff;
}

.sort-wrap strong {
    color: #222;
}


/* 평점주기 */

.score {
    display: inline-block;
    width: 124px;
    height: 20px;
    margin: 0;
    vertical-align: middle;
}

.score.score-1 {
    background: url('../../image/web/score-1.png') no-repeat left top;
}

.score.score-2 {
    background: url('../../image/web/score-2.png') no-repeat left top;
}

.score.score-3 {
    background: url('../../image/web/score-3.png') no-repeat left top;
}

.score.score-4 {
    background: url('../../image/web/score-4.png') no-repeat left top;
}

.score.score-5 {
    background: url('../../image/web/score-5.png') no-repeat left top;
}


/* 업소 목록 */

.business-list {
    overflow: hidden;
}

.business-list li {
    position: relative;
    float: left;
    width: calc(50% - 10px);
    background: #fff;
    margin: 0 0 20px;
    padding: 20px 8px;
    border: 1px solid #ddd;
}

.business-list li:nth-child(2n) {
    float: right;
}

.business-list li .img-item {
    position: relative;
    float: left;
    width: 160px;
    height: 160px;
    line-height: 160px;
    border-radius: 80px;
    overflow: hidden;
    background: #f1f1f1;
}

.business-list li .img-item.waiting {
    background: url('../../image/web/waiting-bg.png') no-repeat left top;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    font-family: 'NanumSquare';
    color: #fff;
    padding-top: 10px;
}

.business-list li .img-item img {
    height: 100%;
}

.business-list li .info {
    float: right;
    width: calc(100% - 172px);
    padding: 0;
    overflow: hidden;
}

.business-list li .name {
    font-weight: 700;
    font-size: 20px;
    font-family: 'NanumSquare';
    color: #000;
    margin: 0 0 5px;
}

.business-list li .icon {
    position: absolute;
    top: 15px;
    right: 12px;
    width: 98px;
    overflow: hidden;
    margin: 0;
}

.business-list li .icon i {
    display: inline-block;
    width: 98px;
    height: 35px;
    line-height: 33px;
    border: 1px solid #f4b43a;
    color: #818181;
    margin: 0 0 9px;
    border-radius: 7px;
    padding-left: 33px;
    font-size: 15px;
    letter-spacing: -0.5pt;
    font-weight: 700;
}

.business-list li .icon i:last-child {
    margin: 0;
}

.business-list li .icon .rocket {
    background: url('../../image/web/icon-rocket.png') no-repeat 6px center;
}

.business-list li .icon .time-discount {
    background: url('../../image/web/icon-time-discount.png') no-repeat 8px center;
}

.business-list li .icon .coupon {
    background: url('../../image/web/icon-coupon.png') no-repeat 6px center;
}

.business-list li .icon .stamp {
    background: url('../../image/web/icon-stamp.png') no-repeat 6px center;
}

.business-list li .number {
    margin: 15px 0 0;
    font-size: 14px;
    font-weight: 700;
    color: #888;
}

.business-list li .number strong {
    display: inline-block;
    margin: 0 5px;
    color: #333;
}

.business-list li .state {
    position: absolute;
    top: 154px;
    left: 180px;
    display: inline-block;
    overflow: hidden;
}

.business-list li .state span {
    display: inline-block;
    float: left;
    text-align: center;
    padding: 0;
    width: 73px;
    height: 27px;
    line-height: 27px;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    margin: 0 7px 0 0;
    border-radius: 5px;
    border: 0;
}

.business-list li .state .instant {
    background: #0bc4cf;
}

.business-list li .state .meeting {
    background: #88c51d;
}

.business-list li .state .new {
    background: #edcc13;
}

.business-list li a:hover {
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
}


.business-list.size-small li {
    width: calc(50% - 5px);
    margin: 0 0 20px;
    padding: 20px 8px;
}

.business-list.size-small li .img-item {
    width: 130px;
    height: 130px;
    line-height: 130px;
    border-radius: 65px;
    overflow: hidden;
}

.business-list.size-small li .img-item.waiting {
    background: url('../../image/web/waiting-bg.png') no-repeat left top;
    background-size: 130px auto;
    font-weight: 700;
    font-size: 18px;
}

.business-list.size-small li .info {
    width: calc(100% - 140px);
}

.business-list.size-small li .icon {
    position: absolute;
    top: 11px;
    right: 0;
    width: 98px;
    overflow: hidden;
    margin: 0;
}

.business-list.size-small li .icon i {
    display: inline-block;
    width: 88px;
    height: 35px;
    line-height: 33px;
    border: 1px solid #f4b43a;
    color: #818181;
    margin: 0 0 3px;
    border-radius: 7px;
    padding-left: 30px;
    font-size: 14px;
    letter-spacing: -0.5pt;
    font-weight: 700;
}

.business-list.size-small li .icon i:last-child {
    margin: 0;
}

.business-list.size-small li .icon .rocket {
    background: url('../../image/web/icon-rocket.png') no-repeat 6px center;
    background-size: 19px auto;
}

.business-list.size-small li .icon .time-discount {
    background: url('../../image/web/icon-time-discount.png') no-repeat 8px center;
    background-size: 18px auto;
}

.business-list.size-small li .icon .coupon {
    background: url('../../image/web/icon-coupon.png') no-repeat 6px center;
    background-size: 18px auto;
}

.business-list.size-small li .icon .stamp {
    background: url('../../image/web/icon-stamp.png') no-repeat 6px center;
    background-size: 20px auto;
}

.business-list.size-small li .number {
    margin: 15px 0 0;
    font-size: 14px;
    font-weight: 700;
    color: #888;
}

.business-list.size-small li .number strong {
    display: inline-block;
    margin: 0 5px;
    color: #333;
}

.business-list.size-small li .state {
    position: absolute;
    top: 134px;
    left: 150px;
    display: inline-block;
    overflow: hidden;
}

.business-list.size-small li .state span {
    display: inline-block;
    float: left;
    text-align: center;
    padding: 0;
    width: 55px;
    height: 23px;
    line-height: 23px;
    font-size: 13px;
    color: #fff;
    font-weight: 700;
    margin: 0 4px 0 0;
    border-radius: 5px;
    border: 0;
}

.business-list.size-small li .state .instant {
    background: #0bc4cf;
}

.business-list.size-small li .state .meeting {
    background: #88c51d;
}

.business-list.size-small li .state .new {
    background: #edcc13;
}


/* 흰색배경 */

.bg-white {
    background: #fff;
    border: 1px solid #eee;
    padding: 23px;
}

.bg-white h2 {
    margin: 30px 0 0;
    line-height: 16px;
    font-size: 16px;
    font-weight: 700;
    color: #222;
    padding: 20px 23px;
    background: #fffef5;
    border: 1px solid #eee;
}

.bg-white h2:first-child {
    margin-top: 0;
}


/* 주문상점, 주소 */

.order-business-address {
    overflow: hidden;
    padding: 10px 0 15px;
    font-size: 18px;
    line-height: 18px;
}

.order-business-address dt {
    float: left;
    font-weight: 700;
    color: #000;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #ddd;
}

.order-business-address dd {
    float: left;
    font-weight: 700;
    color: #888;
}


/* 총금액 */

.total-price {
    background: #fafafa;
    border-bottom: 1px solid #ddd;
    text-align: right;
    padding: 25px;
    font-size: 25px;
    font-weight: 800;
    font-family: 'NanumSquare';
}

.total-price strong {
    display: inline-block;
    margin: 0 0 0 5px;
    color: #f4a00d;
}

.total-price.not-bg {
    background: none;
    border: 0;
    font-size: 18px;
    font-weight: 800;
    padding-top: 10px;
}

.total-price.not-bg strong {
    color: #000;
}

.total-price .uix-text-right {
    margin: 12px 0 0;
}


/* 수량 */

.quantity {
    height: 40px;
    overflow: hidden;
}

.quantity p {
    display: inline-block;
    padding: 0;
    margin: 0;
}

.quantity p span {
    display: inline-block;
    float: left;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    border: 1px solid #626262;
}

.quantity p span:nth-of-type(1) {
    background: #626262 url('../../image/web/icon-minus.png') no-repeat center center;
    text-indent: -5000px;
    cursor: pointer;
}

.quantity p input {
    float: left;
    background: #fff;
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    border: 0;
}

.quantity p span:nth-of-type(2) {
    background: #626262 url('../../image/web/icon-plus.png') no-repeat center center;
    text-indent: -5000px;
    cursor: pointer;
}


/* 최근배송지 */

.last-address {
    position: relative;
    width: 340px;
    padding: 10px 0;
}

.last-address dt {
    height: 45px;
    line-height: 45px;
    padding-left: 18px;
    background: #747474;
    color: #fff;
    font-weight: 700;
    margin: 0;
    cursor: pointer;
    font-size: 16px;
    overflow: hidden;
}

.last-address dt i {
    float: right;
    margin: 15px 15px 0;
    width: 28px;
    height: 15px;
    background: url('../../image/web/submenu-off-yellow.png') no-repeat left top;
    background-size: 28px auto;
}

.last-address dd {
    display: none;
    height: 158px;
    overflow-x: hidden;
    overflow-y: scroll;
    background: #f6f6f6;
    padding: 0;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    border: 1px solid #aaa;
}

.last-address dd p {
    overflow: hidden;
    margin: 0;
    padding: 5px 15px;
}

.last-address dd p:hover {
    background: #fff;
    color: #222;
}

.last-address dd .close {
    float: right;
    display: inline-block;
    margin: 3px 0 0;
    width: 12px;
    height: 12px;
    text-indent: -5000px;
    background: url('../../image/web/icon-closed.png') no-repeat left center;
}

.last-address.on dd {
    display: block;
}

.last-address.on dt i {
    background: url('../../image/web/submenu-on-yellow.png') no-repeat left top;
    background-size: 28px auto;
}


/* 팝업 쿠폰 */

.popup_coupon {
    position: fixed;
    top: 25%;
    background: #fff;
    width: 337px;
    margin-left: 150px;
    padding: 0;
    overflow: hidden;
}

.popup_coupon.on {
    left: 50%;
}

.popup_coupon h1 {
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    padding: 10px 15px 10px 20px;
    background: #e97f17;
    color: #fff;
}

.popup_coupon article {
    padding: 10px;
    background: #f9f9f9;
    border: 1px solid #ccc;
}

.popup_coupon nav.uix-btn-group {
    margin: 20px 0;
}

.popup_coupon .close {
    float: right;
    display: inline-block;
    margin: 3px 0 0;
    width: 31px;
    height: 31px;
    text-indent: -5000px;
    background: url('../../image/web/btn-close.png') no-repeat left center;
    background-size: 31px auto;
}

.popup_coupon .uix-form-check {
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
    letter-spacing: -0.5pt;
}

.popup_coupon .uix-form-check span {
    font-weight: 700;
}

.popup_coupon .uix-form-check .help {
    display: block;
    margin-left: 0;
    color: #888;
    font-size: 14px;
}


/* 먹깨비 추천 */

.recommend-banner {
    background: #f6f6f6;
    border: 1px solid #ddd;
    border-top: 2px solid #ffc047;
    overflow: hidden;
}

.recommend-banner .swiper-container {
    width: 100%;
    margin: 25px 0;
}

.recommend-banner .swiper-slide {
    text-align: center;
    height: 490px;
}

.recommend-banner .swiper-slide img {
    width: 389px;
    height: 490px;
    border-radius: 17px;
}

.recommend-banner .swiper-button-next,
.recommend-banner .swiper-button-prev {
    width: 30px;
    height: 48px;
}

.recommend-banner .swiper-button-prev {
    background: url('../../image/web/r-prev-red.png') no-repeat left top;
    left: 250px;
    background-size: 30px auto;
}

.recommend-banner .swiper-button-next {
    background: url('../../image/web/r-next-red.png') no-repeat left top;
    right: 250px;
    background-size: 30px auto;
}


/* 포인트 */

.point-info {
    background: #f8f8f8;
    border: 1px solid #eee;
    border-top: 2px solid #ffc047;
    padding: 25px;
    font-size: 20px;
    font-weight: 800;
    font-family: 'NanumSquare';
    text-align: center;
    margin: 0 0 50px;
}

.point-info strong {
    color: #ea8f2d;
    font-size: 24px;
}


/* 기간 검색 */

.period-search {
    margin: 0 auto 40px;
    width: 100%;
    text-align: right;
}

.period-search input[type="text"] {
    width: 120px;
    height: 45px;
    line-height: 45px;
    padding: 0 8px;
    font-size: 18px;
    box-shadow: 0 0 0;
    border-radius: 0;
}

.period-search .uix-button {
    background: #35322e;
    color: #fff;
    padding: 0;
    width: 95px;
    height: 45px;
    line-height: 43px;
    font-size: 18px;
    font-weight: 700;
    border-radius: 0;
}


/* 스탬프 */

.stamp-list dt {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    padding-left: 36px;
    background: url('../../image/web/h2-bg.png') no-repeat left center;
    font-family: 'NanumSquare';
    color: #888;
}

.stamp-list dt strong {
    font-size: 24px;
    color: #222;
}

.stamp-list dd ul {
    overflow: hidden;
    margin: 30px 0 0;
}

.stamp-list dd li {
    float: left;
    margin: 0 34px 21px 0;
}

.stamp-list dd li:nth-child(6n) {
    margin-right: 0;
}

.stamp-list dd li a {
    display: inline-block;
    width: 118px;
    height: 176px;
    font-weight: 700;
    font-size: 20px;
    font-family: 'NanumSquare';
    color: #fff;
    text-align: center;
    padding-top: 5px;
}

.stamp-list dd li a.use {
    background: url('../../image/web/icon-stamp-use.png') no-repeat left top;
}

.stamp-list dd li a.use.on {
    background: url('../../image/web/icon-stamp-use-on.png') no-repeat left top;
}

.stamp-list dd li a.use img {
    margin: 9px 0 0;
    width: 104px;
    height: 91px;
}


.uix-form-check.profile {
    overflow: hidden;
}

.uix-form-check.profile p {
    position: relative;
    float: left;
    padding: 0;
    margin: 0 14px 20px 0;
}

.uix-form-check.profile p img {
    width: 125px;
    height: 125px;
    border-radius: 50%;
    border: 5px solid #f1f0f0;
}

.uix-form-check.profile input[type="radio"].big {
    width: 120px;
    height: 120px;
    margin: 0;
    padding: 0;
    border: 0;
    background: url('../../image/web/profile-check.png') no-repeat;
    border-radius: 60px;
    background-position: 0 -95px;
}

.uix-form-check.profile input[type="radio"]:checked.big {
    background-position: center center;
}


/* 리뷰함–리뷰 레이어 */

.popup_review {
    position: fixed;
    top: 3%;
    background: #f9f9f9;
    width: 706px;
    margin-left: -330px;
    padding: 0;
    overflow: hidden;
}

.popup_review.on {
    left: 50%;
}

.popup_review h1 {
    font-size: 24px;
    font-weight: 700;
    font-family: 'NanumSquare';
    padding: 20px 25px;
    margin: 0;
    border-bottom: 1px solid #ddd;
    background: #e97f17;
    color: #fff;
}

.popup_review nav.uix-btn-group {
    margin: 20px 0 40px;
}

.popup_review .uix-register {
    margin: 0 30px;
}

.popup_review .uix-register > dl {
    border-bottom: 1px solid #ddd;
    padding: 0;
}

.popup_review .uix-register > dl:first-child {
    border-top: 1px solid #ddd
}

.popup_review .uix-register > dl > dt {
    background: #f9f9f9;
    width: 113px;
    padding-left: 8px;
    font-size: 18px;
}

.popup_review .uix-register > dl > dd {
    background: #f9f9f9;
    width: *;
    font-size: 16px;
}

.popup_review .close {
    position: absolute;
    top: 20px;
    right: 20px;
    display: inline-block;
    margin: 3px 0 0;
    width: 31px;
    height: 31px;
    text-indent: -5000px;
    background: url('../../image/web/btn-close.png') no-repeat left top;
    background-size: 31px auto;
}


/* 메뉴보기 */

.menu-view > div {
    overflow: hidden;
    border: 1px solid #ddd;
    padding: 23px;
    margin: 0 0 30px;
}

.menu-view .img-box {
    float: left;
    width: 440px;
}

.menu-view .img-box .img {
    width: 440px;
    height: 280px;
}

.menu-view .img-box .img img {
    width: 100%;
}

.menu-view .info {
    position: relative;
    float: right;
    width: 572px;
}

.menu-view .info .name {
    font-size: 22px;
    font-weight: 700;
    color: #333;
    padding: 10px 0;
    border-top: 1px solid #222;
    border-bottom: 1px solid #222;
}

.menu-view .info .summary {
    margin: 10px 0;
    font-size: 15px;
    line-height: 22px;
    color: #999;
}

.menu-view .price-option {
    clear: both;
    margin: 0;
}

.menu-view .price-option dl {
    margin: 0;
    font-weight: 700;
}

.menu-view .price-option dl dt {
    text-align: left;
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    padding: 10px 63px;
    background: #fffef5 url('../../image/web/h2-bg.png') no-repeat 28px center;
    background-size: 24px auto;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.menu-view .price-option dl dd {
    padding: 10px 60px;
    background: #fafafa;
    font-size: 14px;
}

.menu-view .price-option dl dd span {
    color: #888;
}

.menu-view .price-option dl dd strong {
    color: #222;
}

.menu-view .price-option .uix-form-check {
    margin: 20px 0;
}

.menu-view .price-option .uix-form-check > p + p {
    margin-left: 20px;
}

.menu-view .quantity-total {
    background: #f8f8f8;
    padding: 0;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}

.menu-view .quantity-total header {
    text-align: left;
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    padding: 5px 63px;
    background: #fffef5 url('../../image/web/h2-bg.png') no-repeat 28px center;
    background-size: 24px auto;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.menu-view .quantity-total .quantity {
    padding: 5px 0;
}

.menu-view .quantity-total .quantity p {
    margin: 0 0 0 30px;
    vertical-align: middle;
}

.menu-view .quantity-total .quantity input {
    background: none;
}

.menu-view .quantity-total .total {
    padding: 30px 60px;
    text-align: right;
    font-size: 25px;
    font-weight: 400;
    line-height: 22px;
    text-align: right;
    color: #888;
}

.menu-view .quantity-total .total strong {
    color: #f4a00d;
    font-weight: 800;
    margin-left: 15px;
}

.menu-view .quantity-total .minimum {
    margin: 15px 0 0;
    font-size: 18px;
    color: #888;
}

.menu-view .quantity-total .minimum span {
    color: #222;
    font-weight: 700;
}


/* 업소보기 */

.business-view {
    position: relative;
    margin: 0 0 25px;
    border: 1px solid #ccc;
    border-top: 2px solid #ffc047;
    padding: 25px;
    font-size: 18px;
}

.business-view .nameNaddress {
    margin: 0 0 10px;
    font-weight: 700;
    color: #666;
}

.business-view .nameNaddress .name {
    font-weight: 800;
    font-size: 20px;
    font-family: 'NanumSquare';
    color: #562004;
}

.business-view .nameNaddress em {
    font-style: normal;
    color: #aaa;
    margin: 0 10px;
}

.business-view .nameNaddress .icon {
    margin-left: 10px;
}

.business-view .score-text {
    display: inline-block;
    margin-left: 15px;
    vertical-align: middle;
}

.business-view .number {
    margin: 15px 0;
    font-size: 15px;
    font-weight: 700;
    color: #888;
}

.business-view .number strong {
    display: inline-block;
    margin: 0 5px;
    color: #333;
}

.business-view .number em {
    font-style: normal;
    color: #aaa;
    margin: 0 5px 0 3px;
    font-weight: 400;
}

.business-view .color-dark.size-xlarge {
    display: block;
    width: 288px;
    height: 51px;
    line-height: 49px;
    font-size: 18px;
    font-weight: 700;
}

.business-view .color-dark.size-xlarge i {
    width: 21px;
    height: 23px;
    margin: 0 5px 0 0;
    background: url('../../image/web/icon-download.png') no-repeat left top;
}

.business-view .state {
    display: inline-block;
    margin: 0 0 15px;
}

.business-view .state span {
    display: inline-block;
    float: left;
    text-align: center;
    padding: 0;
    width: 73px;
    height: 27px;
    line-height: 27px;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    margin: 0 7px 0 0;
    border-radius: 5px;
    border: 0;
}

.business-view .state .instant {
    background: #0bc4cf;
}

.business-view .state .meeting {
    background: #88c51d;
}

.business-view .state .new {
    background: #edcc13;
}

.business-view nav.icon {
    position: absolute;
    top: 25px;
    right: 25px;
    overflow: hidden;
    margin: 0;
}

.business-view nav.icon i {
    display: inline-block;
    width: 98px;
    height: 35px;
    line-height: 33px;
    border: 1px solid #f4b43a;
    color: #818181;
    border-radius: 7px;
    padding-left: 33px;
    font-size: 15px;
    letter-spacing: -0.5pt;
    font-weight: 700;
}

.business-view nav.icon i:last-child {
    margin: 0;
}

.business-view nav.icon .rocket {
    background: url('../../image/web/icon-rocket.png') no-repeat 6px center;
}

.business-view nav.icon .time-discount {
    background: url('../../image/web/icon-time-discount.png') no-repeat 8px center;
}

.business-view nav.icon .coupon {
    background: url('../../image/web/icon-coupon.png') no-repeat 6px center;
}

.business-view nav.icon .stamp {
    background: url('../../image/web/icon-stamp.png') no-repeat 6px center;
}

.business-view h2 {
    margin: 70px 0 15px;
    text-align: left;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    padding-left: 36px;
    background: url('../../image/web/icon-comment-yellow.png') no-repeat left center;
}

.business-view .guideNboon {
    background: #fafafa;
    padding: 0 20px 20px;
    border-top: 1px solid #aaa;
}

.business-view .guideNboon dl {
    overflow: hidden;
    padding: 20px 0 0;
}

.business-view .guideNboon dt {
    float: left;
    width: 52px;
    height: 27px;
    line-height: 29px;
    background: #dce2e1;
    text-align: center;
    font-size: 18px;
    font-weight: 800;
    font-family: 'NanumSquare';
    color: #555;
    margin-right: 10px;
}

.business-view .guideNboon dd {
    float: left;
    width: calc(100% - 77px);
    line-height: 29px;
    font-weight: 400;
    color: #777;
}


.view-info {
    margin: 0;
}

.view-info h2 {
    background: #fffef5 url('../../image/web/icon-doct.png') no-repeat 30px center;
    margin: 0;
    line-height: 20px;
    font-size: 20px;
    font-weight: 700;
    font-family: 'NanumSquare';
    color: #222;
    padding: 15px 58px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.view-info article {
    padding: 17px 30px;
    background: #fafafa;
    font-size: 18px;
}

.view-info article dl {
    overflow: hidden;
}

.view-info article dt {
    float: left;
    width: 155px;
    text-align: left;
    font-weight: 800;
    color: #000;
}

.view-info article dd {
    float: left;
    width: calc(100% - 155px);
    font-weight: 700;
    color: #777;
}

.view-info article li {
    list-style-type: disc;
    margin: 10px 0 10px 20px;
    color: #888;
}

.view-info article li strong {
    display: inline-block;
    width: 120px;
    color: #666;
    letter-spacing: -0.5px;
}


/* 사장님 PR */

.boss-view {
    padding: 17px 0 0 20px;
    background: #fafafa;
}

.boss-pr-list {
    overflow: hidden;
    line-height: 16px;
}

.boss-pr-list li {
    position: relative;
    float: left;
    width: 250px;
    height: 260px;
    padding: 0;
    margin: 0 20px 17px 0;
    overflow: hidden;
}

.boss-pr-list li a {
    display: inline-block;
    width: 250px;
    height: 280px;
    border: 1px solid #fff;
}

.boss-pr-list li a:hover {
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
}

.boss-pr-list li .img {
    width: 250px;
    height: 194px;
    overflow: hidden;
    background: #f1f1f1;
}

.boss-pr-list li .img img {
    width: 100%;
}

.boss-pr-list li .subject {
    text-align: left;
    padding: 25px 0;
    font-size: 24px;
    font-family: 'NanumSquare';
    color: #ce8c0f;
}


/* toggle-list */

.toggle-list {
    margin: 0;
    padding: 0;
    background: #fffef5;
}

.toggle-list > li {
    margin: 0;
    margin: 0;
    list-style-type: none;
}

.toggle-list > li > .subject {
    cursor: pointer;
    border-top: 1px solid #d6d3bd;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    padding-left: 60px;
    background: url('../../image/web/h2-bg.png'), url('../../image/web/submenu-off.png');
    background-repeat: no-repeat;
    background-position: 25px center, 98% center;
    background-size: 28px auto, 22px auto;
}

.toggle-list > li:last-child > .subject {
    border-bottom: 1px solid #d6d3bd;
}

.toggle-list > li:first-child > .subject {
    border-top: 1px solid #d6d3bd;
}

.toggle-list > li > .body {
    display: none;
    background: #fafafa;
    min-height: 90px;
    margin: 0;
    padding: 15px 25px 0;
    font-size: 15px;
    border-top: 1px solid #d6d3bd;
}

.toggle-list > li.on > .subject {
    background: url('../../image/web/h2-bg.png'), url('../../image/web/submenu-on.png');
    background-repeat: no-repeat;
    background-position: 25px center, 98% center;
    background-size: 28px auto, 22px auto;
}

.toggle-list > li.on:last-child > .subject {
    border-bottom: 0;
}

.toggle-list > li.on > .body {
    display: block;
    color: #777;
}

.toggle-list > li > .body.not-bgcolor {
    background: #fff;
    padding: 0;
}

.toggle-list > li > .body.not-bgcolor .cont {
    background: #fafafa;
    padding: 15px 25px;
}

.toggle-list > li > .body.origin {
    padding: 25px 25px 0;
    font-weight: 700;
}

.origin-info {
    background: #fafafa;
    padding: 25px;
    margin: 15px 0 0;
}


/* 추천메뉴 */

.recommend-menu-list {
    overflow: hidden;
    line-height: 16px;
}

.recommend-menu-list li {
    position: relative;
    float: left;
    width: 250px;
    height: 360px;
    padding: 0;
    margin: 0 16px 17px 0;
    background: #fafafa;
    overflow: hidden;
    text-align: left;
    font-weight: 700;
    font-size: 24px;
    font-family: 'NanumSquare';
}

.recommend-menu-list li:nth-child(4n) {
    margin-right: 0;
}

.recommend-menu-list li a {
    display: inline-block;
    width: 250px;
    height: 360px;
    border: 1px solid #fafafa;
}

.recommend-menu-list li a:hover {
    border: 1px solid #ffc047;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
}

.recommend-menu-list li .img {
    width: 250px;
    height: 194px;
    margin: 0;
    overflow: hidden;
}

.recommend-menu-list li .img img {
    height: 100%;
}

.recommend-menu-list li .menu {
    margin: 25px 0 0;
    padding: 0 20px;
    color: #ce8c0f;
}

.recommend-menu-list li .through {
    margin: 25px 0 0;
    padding: 0 20px;
    color: #999;
    font-weight: 400;
}

.recommend-menu-list li .through span {
    text-decoration: line-through
}

.recommend-menu-list li .price {
    margin: 25px 0 0;
    padding: 0 20px;
    color: #333;
}


/* 분류 */

.class-list li {
    overflow: hidden;
    padding: 20px 0;
    line-height: 24px;
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px solid #ddd;
}

.class-list li:last-child {
    border-bottom: 0;
}

.class-list li .nameNexp {
    float: left;
    width: 60%;
}

.class-list li .nameNexp dt {
    font-weight: 700;
    font-size: 18px;
    color: #ce8c0f;
}

.class-list li .nameNexp dt img {
    margin-right: 20px;
}

.class-list li .nameNexp dd {
    font-size: 16px;
    color: #888;
    width: 95%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.class-list li .optionNprice {
    float: right;
    width: 40%;
    text-align: right;
    color: #888;
    font-size: 18px;
}

.class-list li .optionNprice strong {
    display: inline-block;
    margin-left: 15px;
    color: #000;
}

.class-list li .optionNprice span {
    text-decoration: line-through;
}


/* 메뉴 */

.menu-category {
    overflow: hidden;
    margin: 0 0 30px;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.menu-category li {
    float: left;
    width: 16.6666%;
    height: 57px;
    line-height: 57px;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    font-family: 'NanumSquare';
}

.menu-category li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    border-bottom: 2px solid #fff;
}

.menu-category li.on a,
.menu-category li:hover a {
    color: #ee9700;
    border-bottom: 2px solid #ee9700;
}

.menu-category li.on,
.menu-category li:hover {
    border-bottom: 1px solid #ee9700;
}


/* 별점 */

.star_rating a {
    display: inline-block;
    width: 22px;
    height: 20px;
    background: url('../../image/web/icon-star.png') no-repeat left top;
}

.star_rating a.on {
    background: url('../../image/web/icon-star-on.png') no-repeat left top;
}

/*동영상*/

.video {
    margin-left:-226px;
    margin-top: 260px;
    border:solid 5px #00CCFF;
}
.page2 img{
    width: 200px;
}
.page2 img:nth-child(1){
    margin-left: 5px;
    margin-right:5px;
}
.button_wrap{
    margin-top: 10px;
    margin-left: -226px;
}