@charset "UTF-8";

/**
 * 컨텐츠 css 입니다.
 */

/*
    카테고리 메인
*/
.cg-main {}
.cg-main > h2 {
    padding:22px 0 17px;
    color:#111;
    font-size:20px;
}
.cg-main .lower-category {
    padding:3px 0;
    border:1px solid #d8d8d8;
    border-top:1px solid #717171;
    font-size:0;
}
.cg-main .lower-category li {
    display:inline-block;
    width:20%;
    padding:11px 0;
    text-align:center;
    vertical-align:middle;
}
.cg-main .lower-category li span {
    display:inline-block;
    margin:0 25px;
    font-size:12px;
}
.cg-main .lower-category li span a {
    color:#414141;
}
.cg-main .lower-category li span a img {
    max-width:100%;
    max-height:20px;
}
.cg-main .lower-category li span a:hover {
    text-decoration:underline;
}
.cg-main .lower-category li span em {
    color:#777;
}
.cg-main .user-tune {
    margin:30px 0 0;
}
.cg-main > h3 {
    padding:32px 0 0;
    color:#000;
    font-size:18px;
    text-align:center;
}
.cg-main .weekly-best {
    margin:17px 0 0;
    padding:30px 0 0;
    border:2px solid #d7d7d7;
}
.cg-main .weekly-best .item-display {
    margin:0 0 -20px;
}
.view .goods-list {
    position:relative;
    padding:52px 0 0;
    border-bottom:1px solid #dadada;
}
.view .goods-list .tc {
    color:#303030;
    font-size:14px;
}
.view .goods-list .tc strong {
    color:#3e3d3c;
}
.view .goods-list .align {
    height:28px;
    margin:12px 0 20px;
    padding:9px 0 10px;
    border-top:1px solid #717171;
    border-bottom:1px solid #dadada;
    clear:both;
}
.view .goods-list .align ul {
    float:left;
}
.view .goods-list .align ul li {
    position:relative;
    float:left;
    height:23px;
    margin:0 20px 0 0;
    padding:5px 0 0;
    background:#fff;
}
.view .goods-list .align .chosen-container .chosen-results {
    float:none;
}
.view .goods-list .align .chosen-container .chosen-results .active-result {
    float:none;
    height:auto;
    margin:0;
    padding:0;
}
.view .goods-list .align .chosen-container .chosen-results .highlighted {
    background:#e9e9e9;
}

.view .goods-list .align ul li .radio {
    position:absolute;
    bottom:0;
    left:0;
    z-index: -1;
}
.view .goods-list .align ul li label {
    padding:0 0 0 18px;
    background:#fff;
    cursor:pointer;
}
.view .goods-list .align ul li label.on {
    background:#fff url('../img/icon/sort-check.png') no-repeat left 5px;
    color:#3e3d3c;
}
.view .goods-list .align .choice {
    float:right;
}
.view .goods-list .align .choice div {
    float:left;
    margin:0 10px 0 0;
}
.view .goods-list .align .choice div .chosen-container .chosen-single {
    height:28px;
    line-height:27px;
}
.view .goods-list .align .choice div .chosen-container {
    margin:0;
}
.view .goods-list .align div button {
    float:left;
    width:27px;
    height:28px;
    text-indent:-9999px;
}
.view .goods-list .align div button.gallery {
    background:#fff url('../img/icon/sort-gallery.png') no-repeat left top;
}
.view .goods-list .align div button.list {
    margin-left:-1px;
    background:#fff url('../img/icon/sort-list.png') no-repeat left top;
}
.view .goods-list .align div button.gallery.on {
    background:#fff url('../img/icon/sort-gallery-on.png') no-repeat left top;
}
.view .goods-list .align div button.list.on {
    background:#fff url('../img/icon/sort-list-on.png') no-repeat left top;
}

/*
    멤버시작
*/
.member {
    width:579px;
    margin:0 auto;
    padding:60px 0;
}
.member h2 {
    color:#222;
    font-size:28px;
}
.member .member-only {
    padding:116px 0 0;
    background:url('https://skinnbeauty.co.kr/data/skin/front/mplshop/img/etc/members-only.png') no-repeat center top;
    color:#222;
    text-align:center;
}
.member .member-only strong {
    font-size:28px;
}
.member .member-only p {
    padding:10px 0 20px;
    font-size:16px;
}
.member .box {
    margin:17px 0 0;
    padding:53px 54px 59px;
    border:1px solid #dcdcdc;
}
.member .box h3 {
    padding:0 0 3px;
    color:#222;
    font-size:20px;
    font-weight:normal;
}
.member .box h3.tit-sns {
    padding:90px 0 12px;
}
.member .box h3.tit-nonmember {
    padding:90px 0 12px;
}
.member .box .login {
    overflow:hidden;
}
.member .box .login .input-info {
    float:left;
}
.member .box .login .input-info div {
    position:relative;
    margin:11px 0 0;
}
.member .box .login .input-info div .text {
    width:269px;
    height:36px;
    padding:0 13px;
    border:1px solid #ccc;
    color:#8c8c8c;
    font-size:13px;
    line-height:36px;
}
.member .box .login .input-info div label {
    position:absolute;
    top:9px;
    left:13px;
    color:#8c8c8c;
    font-size:13px;
    cursor:text;
}
.member .box .login button {
    float:right;
    margin:11px 0 0;
}
.member .box .save {
    position:relative;
    min-height:20px;
    margin:13px 0 0;
}
.member .box .save .checkbox {
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
}
.member .box .save label {
    display:inline-block;
    height:20px;
    padding:0 0 0 27px;
    background:#fff url('../img/etc/check-off.png') no-repeat left top;
}
.member .box .save label:hover {
    background:#fff url('../img/etc/check-ov.png') no-repeat left top;
}
.member .box .save label.on {
    background:#fff url('../img/etc/check-on.png') no-repeat left top;
    font-weight:bold;
}
.member .box .btn {
    margin:16px 0 0;
    padding:16px 0 0;
    border-top:1px solid #dbdbdb;
    font-size:0;
    text-align:center;
}
.member .box .facebook {
    display:table-cell;
    width:470px;
    height:62px;
    background:#516ca8;
    color:#fff;
    font-size:15px;
    font-weight:bold;
    text-align:center;
    vertical-align:middle;
}
.member .box .facebook:hover {
    background:#344b8c;
}
.member .box .facebook img {
    margin:0 5px 0 0;
    vertical-align:middle;
}
.member .box .result-msg {
    padding:48px 0 53px;
    color:#444;
    font-size:16px;
    text-align:center;
}
.member .box .result-msg strong {
    color:#3e3d3c;
    font-size:22px;
}
.member .box .choice-join {
    padding:17px 0 0;
    font-size:0;
}
.member .box .guide {
    padding:3px 0 0;
}
.member .box .find-pw {
    margin:16px 0 0;
    padding:44px 0 0;
    border-top:1px solid #dbdbdb;
}
.member .box .find-pw .input-id {
    width:280px;
    margin:0 auto;
}
.member .box .find-pw .input-id.input-certify {
    width:auto;
    margin:0 0 0 81px;
}
.member .box .find-pw .input-id > p {
    padding:12px 0 0;
    color:#666;
}
.member .box .find-pw .input-id > p strong {
    color:#3e3d3c;
}
.member .box .find-pw .input-id > p a {
    margin:0 0 0 10px;
    color:#3e3d3c;
    text-decoration:underline;
}
.member.find-pw-page .box {
    padding-top:42px;
}
.member.find-pw-page .box .btn {
    border-top:none;
    margin:44px 0 0;
    padding:0;
}
.member.find-pw-page .txt-field {
    height:36px;
}
.member.find-pw-page .txt-field .text {
    height:34px;
    color:#8c8c8c;
    line-height:34px;
}
.member .certify {
    margin:16px 0 0;
    border-top:1px solid #dbdbdb;
}
.member .certify .form-element {
    margin:22px 0 0;
}
.member .certify .form-element label {
    color:#444;
}
.member .certify .form-element strong {
    color:#3e3d3c;
}
.member .certify .form-element p {
    padding:10px 0 0 27px;
    color:#888;
}
.member .certify .form-element span {
    color:#888;
}
.member .new-pw {
    margin:16px 0 0;
    padding:32px 0 0 64px;
    border-top:1px solid #dbdbdb;
}
.member .new-pw .txt-field {
    margin:11px 0 0;
}
.member .new-pw p {
    padding:8px 0 3px;
    color:#3e3d3c;
}
.member .pw-complete {
    padding:36px 0;
}
.member .pw-complete p {
    color:#222;
    font-size:18px;
    text-align:center;
}
.member.dormancy {}
.member.dormancy .msg {
    color:#222;
    font-size:20px;
}
.member.dormancy .msg.no-info {
    margin:30px 0 0;
    padding:50px 0 30px;
    border-top:1px solid #dbdbdb;
    text-align:center;
}
.member.dormancy .msg span {
    color:#3e3d3c;
}
.member.dormancy .date {
    overflow:hidden;
    margin:26px 0 0;
    padding:20px;
    background:#f4f4f4;
}
.member.dormancy .date li {
    float:left;
    margin:0 13px 0 0;
    color:#8c8c8c;
    line-height:22px;
}
.member.dormancy .date li.last {
    padding:0 0 0 12px;
    background:url('../img/etc/bar-1x10-d4.png') no-repeat left 9px;
}
.member.dormancy .date li strong {
    color:#444;
}
.member.dormancy .date li strong.dormancy-start {
    color:#3e3d3c;
}
.member.dormancy .guide {
    padding:15px 0 0;
    letter-spacing:-1px;
    line-height:22px;
}
.member.dormancy .guide strong {
    display:block;
    padding:10px 0 0;
}
.member.dormancy .btn {
    margin:30px 0 0;
    padding:40px 0 0;
}
.member.dormancy .btn .skinbtn {
    font-weight:normal;
}
.member.dormancy .release {
    padding-top:80px;
    padding-bottom:87px;
}
.member.dormancy .release .msg {
    text-align:center;
}
.member.dormancy .release .btn {
    padding:0;
    border:none;
}
.member.dormancy .cite-input {
    margin:30px 0 0;
    padding:25px 0 0 60px;
    border-top:1px solid #dbdbdb;
}
.member.dormancy .cite-input .tip {
    padding:0 0 13px;
    letter-spacing:-1px;
}
.member.dormancy .cite-input strong {
    margin:0 0 0 10px;
    color:#444;
    font-size:13px;
}
.member.dormancy .cite-input .txt-field {
    margin:0 4px 0 0;
    vertical-align:top;
}
.member.dormancy .cite-input .caution {
    margin:10px 0 0;
    color:#3e3d3c;
}
.member.dormancy .cite-input .chosen-container {
    margin:0;
}
.member.dormancy .cite-input .chosen-container .chosen-single {
    height:35px;
    line-height:34px;
}
.member.dormancy .cite-input > div {
    margin:10px 0 0;
}
.member.dormancy .certify {
    margin:30px 0 0;
    padding:25px 0 0;
    font-size:13px;
}
.member.dormancy .certify p {
    color:#444;
}
.member.dormancy .box .find-pw {
    margin:30px 0 0;
    padding:25px 0 0;
}
.member.dormancy .box .find-pw > p {
    padding:0 0 20px;
    color:#444;
    font-size:13px;
    letter-spacing:-1px;
    text-align:center;
}
.skinbtn.point1.l-confirm,
.skinbtn.point2.l-login,
.skinbtn.point2.fi-id {
    width:158px;
    height:87px;
    font-size:16px;
    font-weight:bold;
    line-height:85px;
}
.skinbtn.base3.l-join,
.skinbtn.default.l-findid,
.skinbtn.default.l-findpw,
.skinbtn.default.fi-pw,
.skinbtn.default.fi-login {
    width:149px;
    height:44px;
    line-height:42px;
    font-weight:bold;
}
.skinbtn.default.ucc-prev,
.skinbtn.base3.ucc-confirm,
.skinbtn.base3.uc-next,
.skinbtn.point2.fp-confirm,
.skinbtn.point2.fp-login,
.skinbtn.base3.fp-next {
    width:149px;
    height:50px;
    line-height:48px;
    font-size:14px;
    font-weight:bold;
}
.skinbtn.point2.l-nonmembersbuy {
    width:470px;
    height:62px;
    font-size:15px;
    font-weight:bold;
}
/*
    멤버끝
*/
/*
    회원가입시작
*/
.join {}
.join .top {
    overflow:hidden;
    padding:30px 0;
    border-bottom:1px solid #dbdbdb;
}
.join .top h2 {
    float:left;
    padding:0 0 0 3px;
    color:#111;
    font-size:24px;
}
.join .top > div {
    float:right;
    padding:10px 0 0;
}
.join .top > div span {
    margin:0 12px 0 0;
    padding:0 27px 0 0;
    background:url('../img/etc/join-step.png') no-repeat right 7px;
    color:#bdbcbc;
    font-size:16px;
}
.join .top > div span.this {
    background:url('../img/etc/join-step-this.png') no-repeat right 7px;
    color:#3e3d3c;
}
.join .top div span.this strong {}
.join .top div span.end {
    margin:0;
    padding:0;
    background:none;
}
.join .member .box h3.tit-sns {
    margin:50px 0 0;
    padding:40px 0 18px;
    border-top:1px solid #dbdbdb;
}
.join .login-msg {
    padding:15px 0 0;
    color:#666;
    font-size:12px;
}
.join .login-msg a {
    color:#3e3d3c;
    text-decoration:underline;
}
.join .terms {
    width:736px;
    margin:0 auto;
}
.join .terms .member{
    width:100%;
    margin:0 auto;
    padding:0;
}
.join .terms h3 {
    margin:0 0 38px;
    padding:64px 0 13px;
    border-bottom:1px solid #717171;
    color:#111;
    font-size:20px;
    font-weight:normal;
}
.join .terms .all-agree {
    position:relative;
    min-height:20px;
    color:#999;
    font-size:13px;
}
.join .terms .all-agree .checkbox {
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
}
.join .terms .all-agree label {
    display:block;
    min-height:20px;
    padding:0 0 0 27px;
    background:#fff url('../img/etc/check-off.png') no-repeat left top;
}
.join .terms .all-agree label:hover {
    background:#fff url('../img/etc/check-ov.png') no-repeat left top;
}
.join .terms .all-agree label.on {
    background:#fff url('../img/etc/check-on.png') no-repeat left top;
}
.join .terms .all-agree label span {
    color:#333;
    font-size:14px;
}
.join .terms .all-agree label.on {
    font-weight:bold;
}
.join .terms .terms-view {
    padding:32px 0 0;
}
.join .terms .terms-view p {
    position:relative;
    min-height:20px;
    color:#333;
    font-size:13px;
}
.join .terms .terms-view p .checkbox {
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
}
.join .terms .terms-view p label {
    display:inline-block;
    min-height:20px;
    padding:0 0 0 27px;
    background:#fff url('../img/etc/check-off.png') no-repeat left top;
}
.join .terms .terms-view p label:hover {
    background:#fff url('../img/etc/check-ov.png') no-repeat left top;
}
.join .terms .terms-view p label.on {
    background:#fff url('../img/etc/check-on.png') no-repeat left top;
}
.join .terms .terms-view p label span {
    color:#3e3d3c;
    font-size:13px;
}
.join .terms .terms-view p label.on {
    font-weight:bold;
}
.join .terms .terms-view p label span.option {
    color:#2e95ff;
}
.join .terms .terms-view p a {
    color:#3e3d3c;
    font-size:12px;
    text-decoration:underline;
}
.join .terms .terms-view > div {
    overflow-x:hidden;
    overflow-y:auto;
    height:89px;
    margin:10px 0 0;
    padding:20px;
    border:1px solid #e6e6e6;
    border-top:1px solid #717171;
    line-height:18px;
}
.join .terms .terms-view .consignment-box {
    overflow:hidden;
    height:auto;
    padding:0;
    border:none;
    border-top:1px solid #717171;
}
.join .terms .terms-view .consignment-box table {
    width:100%;
}
.join .terms .terms-view .consignment-box table th {
    height:49px;
    padding:0 0 0 30px;
    background:#f9f9f9;
    border-bottom:1px solid #e6e6e6;
    color:#333;
    text-align:left;
}
.join .terms .terms-view .consignment-box table th:first-child {
    padding:0;
    border-right:1px solid #e6e6e6;
    text-align:center;
}
.join .terms .terms-view .consignment-box table td {
    padding:0 0 0 30px;
    border-bottom:1px solid #e6e6e6;
    color:#333;
}
.join .terms .terms-view .consignment-box table td:first-child {
    padding:0;
    text-align:center;
    border-right:1px solid #e6e6e6;
}
.join .terms .terms-view .consignment-box table td div {
    overflow-x:hidden;
    overflow-y:auto;
    height:64px;
    padding:15px 0 10px;
}
.join .terms .msg {
    margin:55px 0 0;
    text-align:center;
}
.join .terms .msg span {
    display:inline-block;
    min-height:17px;
    padding:0 0 0 19px;
    background:#fff url('../img/icon/caution-1.png') no-repeat left 4px;
    color:#3e3d3c;
    line-height:20px;
}
.join .terms .select-certification {
    padding:42px 0 0;
}
.join .terms .select-certification h3 {
    margin:0;
    padding:0;
    border:none;
}
.join .terms .select-certification div {
    margin:15px 0 0;
    padding:40px 0;
    border:1px solid #e6e6e6;
    border-top:1px solid #717171;
    text-align:center;
}
.join .terms .select-certification div .form-element {
    margin:0 15px;
}
.join .btn {
    padding:40px 0 0;
    font-size:0;
    text-align:center;
}
.join .join-form {
    width:736px;
    margin:0 auto;
}
.join-form .border-top {
    width: 100%;
    border-top: 1px solid #717171;
}
.join-form .border-top .choice-check {
    padding-top:20px;
    text-align:center;
}
.join-form .border-top .choice-check .form-element:last-child {
    margin-left:50px;
}
.join-form .tit {
    overflow:hidden;
    padding:63px 0 9px;
}
.join-form .tit h3 {
    float:left;
    color:#000;
    font-size:20px;
    font-weight:normal;
}
.join-form .tit p {
    float:right;
    margin:17px 0 0;
    padding:0 0 0 12px;
    background:#fff url('../img/etc/squre-4x4-red.png') no-repeat left 6px;
    color:#999;
    font-size:11px;
}
.join-form .table1 {}
.join-form .table1 table {}
.join .join-form .table1 > table > tbody > tr > th {
    padding:20px 0 0 35px;
    color:#333;
    font-size:13px;
    vertical-align:top;
}
.join-form .table1 table tbody th.required {
    background:#f9f9f9 url('../img/etc/squre-4x4-red.png') no-repeat 23px 28px;
}
.join .join-form .table1 > table > tbody > tr > td {
    padding:12px 20px;
}
.join .join-form .table1 table tbody td .txt-field {
    position:relative;
    width:356px;
}
.join .join-form .table1 table tbody td .txt-field .text.check-id {
    width:300px;
}
.join .join-form .table1 table tbody td .txt-field label {
    position:absolute;
    top:7px;
    left:10px;
    color:#a9a9a9;
    letter-spacing:-1px;
    cursor:text;
}
.join-form .table1 table tbody td .msg {
    padding:8px 0 0;
}
.join-form .table1 table tbody td .msg em {
    color:#888;
}
.join-form .table1 table tbody td .msg strong {
    margin:0 10px 0 0;
}
.join-form .table1 table tbody td .accept {
    float:right;
    width:14px;
    height:100%;
    background:url('../img/etc/accept.png') no-repeat left 50%;
    vertical-align:middle;
}
.join-form .table1 table tbody td .email {
    clear:both;
    width:100%;
    margin-bottom: 10px;
    height:35px;
}
.join-form .table1 table tbody td .email .txt-field ,.order-page .how-to-pay .method .receipt .wu .email .txt-field ,.cash-receipt-request-layer .email .txt-field{
    float:left;
    width:226px;
}
.join-form .table1 table tbody td .email .choice-select ,  .order-page .how-to-pay .method .receipt .wu .choice-select,  .cash-receipt-request-layer .choice-select{
    float:left;
    margin:0 0 0 7px;
}
.join-form .table1 table tbody td .birth {
    clear:both;
    width:100%;
    margin-bottom: 10px;
    height:35px;
}
.join-form .table1 table tbody td .birth .txt-field {
    float:left;
    width:226px;
}
.join-form .table1 table tbody td .birth .choice-select {
    float:left;
    margin:0 7px 0 0;
}
.join .join-form .table1 table tbody td .chosen-container {
    margin:0;
}
.join .join-form .table1 table tbody td .chosen-container .chosen-single {
    height:35px;
    line-height:34px;
}
.join-form .table1 table tbody td div.form-element {
    margin:10px 0 0;
}
.join-form .table1 table tbody td .post {
    overflow:hidden;
}
.join-form .table1 table tbody td .post .txt-field {
    float:left;
    width:133px;
}
.join-form .table1 table tbody td .post .post-search {
    float:left;
    margin:0 0 0 7px;
}
.join-form .table1 table tbody td .address {
    margin:8px 0;
}
.join .join-form .table1 table tbody td span.form-element {
    display:inline-block;
    min-height:20px;
    margin-right:15px;
}
.join-form .table1 table tbody td .choice-check {
    padding:8px 0 7px;
}
.join-form .table1 table tbody td .interests .form-element {
    display:inline-block;
    width:45%;
    margin:0 0 15px;
}
.join-form .table1 table tbody td textarea {
    width:510px;
    height:73px;
    padding:10px;
    border:1px solid #d0d0d0;
    line-height:18px;
}
.join-form .table1 table tbody td label.on[for="eventSms"],
.join-form .table1 table tbody td label.on[for="eventMail"] {
    font-weight: bold;
}
.join-form .btn {
    padding:40px 0 0;
}
.join-complete {
    width:469px;
    margin:50px auto 0;
    padding:0 55px 59px;
    background:url('../img/etc/join-complete.png') no-repeat center 59px;
    border:1px solid #dbdbdb;
    text-align:center;
}
.join-complete .txt1 {
    padding:128px 0 0;
    color:#222;
    font-size:20px;
}
.join-complete .txt1 span {
    color:#3e3d3c;
}
.join-complete .txt2 {
    margin:0 0 27px;
    padding:15px 0 30px;
    border-bottom:1px solid #dbdbdb;
    letter-spacing:-1px;
    line-height:20px;
}
.join-complete .txt2 strong {
    color:#444;
}
.join-complete .btn {
    padding:0;
    font-size:0;
}
.join-complete div a {
    margin:0 6px;
}
.join.wait {
    width:579px;
    margin:0 auto;
    padding:60px 0 0;
}
.join.wait h2 {
    color:#222;
    font-size:28px;
}
.join.wait .join-complete {
    margin:18px 0 0;
    background:url('../img/etc/join-wait.png') no-repeat center 59px;
}
.join.wait .join-complete .txt1 {
    padding:97px 0 0;
}
.join.wait .join-complete .child-guide {
    padding:18px;
    border:1px solid #ccc;
    text-align:left;
}
.join.wait .join-complete .child-guide p {
    line-height:20px;
}
.join.wait .join-complete .child-guide p strong {
    display:block;
    min-height:17px;
    padding:0 0 0 19px;
    background:#fff url('../img/icon/caution-1.png') no-repeat left 4px;
    color:#3e3d3c;
}
.join.wait .join-complete .child-guide a.link {
    color:#3e3d3c;
    text-decoration:underline;
}
.join.wait .join-complete .child-guide a.btn {
    margin:10px 0 0;
}
.join.wait .join-complete .btn {
    margin:30px 0 0;
}
.join .skinbtn.point1.ja-prev,
.join .skinbtn.point2.ja-next,
.join .skinbtn.point1.j-cancel,
.join .skinbtn.point2.j-join {
    width:203px;
    height:55px;
    line-height:53px;
    font-size:14px;
}
.join .skinbtn.default.jm-14join,
.join .skinbtn.default.jm-businessjoin {
    width:149px;
    height:87px;
    line-height:85px;
}
.join .skinbtn.point2.jm-join {
    width:149px;
    height:87px;
    padding:25px 0 0;
}
.join .skinbtn.point2.jm-join span {
    color: #fedddd;
    font-size: 11px;
}
.join .skinbtn.base3.jw-confirm,
.join .skinbtn.default.jo-home,
.join .skinbtn.point2.jo-login {
    width:188px;
    height:62px;
    line-height:60px;
    font-size:14px;
}
.join .skinbtn.base3.jw-confirm {
    font-size:14px;
    font-weight:bold;
}

/*
    회원가입끝
*/

/*
    주문시작
*/
.order-page {}
.order-page .tit {
    overflow:hidden;
    padding:33px 0 16px;
}
.order-page .tit h3 {
    float:left;
    padding:0;
}
.order-page .tit p {
    float:left;
    padding:8px 0 0 20px;
}
.order-page .step-top {
}
.order-page .table1 table {
    border-bottom:1px solid #dbdbdb;
}
.order-page .table1 table .btn-harmony {}
.order-page .table1 table .btn-harmony strong {
    margin:0 8px 0 0;
}
.order-page .table1 table .btn-harmony .normal-btn {
    vertical-align:-6px;
}
.order-page .table1 table .coupon {
    padding:0 0 10px;
}
.order-page .table1.type1 table td {
    height:auto;
    padding:20px 15px;
    border-bottom:none;
    border-top:1px solid #dbdbdb;
    white-space:nowrap;
}
.wish-list .table1.type1 table td {
    height:auto;
    padding:20px 15px;
    border-bottom:none;
    border-top:1px solid #dbdbdb;
}
.order-page .table1.type1 table td img,
.wish-list .table1.type1 table td img {
    vertical-align:middle;
}
.order-page .table1.type1 table .this-product {
    border-bottom:none;
}
.order-page .table1.type1 table .no-data {
    height:86px;
    text-align:center;
}
.wish-list .table1 > table > tbody > tr:last-child {
    border-bottom: 1px solid #dbdbdb;
    color:#444;
}
.order-page .table1.type1 table .gi,
.wish-list .table1.type1 table .gi {
    padding-left:15px;
    padding-right:0;
    white-space:normal;
}
.order-page .table1.type1 table .gi > span,
.wish-list .table1.type1 table .gi > span {
    display:table-cell;
}
.order-page .table1.type1 table .gi > span img,
.wish-list .table1.type1 table .gi > span img {
    min-width:40px;
    min-height:40px;
    border:1px solid #dbdbdb;
}
.order-page .table1.type1 table .gi > div,
.wish-list .table1.type1 table .gi > div {
    display:table-cell;
    padding:0 0 0 12px;
    vertical-align:middle;
    word-break: break-all;
}
.order-page .table1.type1 table .gi > div > .caution-msg1 {
    display:block;
    margin:0;
}
.order-page .table1.type1 table .gi > div > a {
    color:#444;
}
.order-page .table1.type1 table .gi > div > a:hover {
    text-decoration:underline;
}
.order-page .table1.type1 table .gi > div > dl,
.wish-list .table1.type1 table .gi > div > dl,
.cart-estimate .contents table dl {
    padding:2px 0 0;
    color:#a9a9a9;
    font-size:11px;
}
.order-page .table1.type1 table .gi > div > dl dt,
.wish-list .table1.type1 table .gi > div > dl dt,
.cart-estimate .contents table dl dt{
    display:inline;
}
.order-page .table1.type1 table .gi > div > dl dd,
.wish-list .table1.type1 table .gi > div > dl dd,
.cart-estimate .contents table dl dd {
    display:inline;
}
.order-page .table1.type1 table .count {}
.order-page .table1.type1 table .count .text,
.wish-list .table1.type1 table .count .text {
    width:26px;
    height:22px;
    line-height:22px;
    border:1px solid #dbdbdb;
    text-align:center;
}
.order-page .table1.type1 table tr.add.fir td,
.wish-list .table1.type1 table tr.add.fir td {
    padding:20px 0 10px;
    background:url('../img/etc/dotted-1x3-b4b4b4.png') repeat-x left top;
}
.order-page .table1.type1 table .gi > div dl,
.wish-list .table1.type1 table .gi > div dl {
    padding: 2px 0 0;
    color: #a9a9a9;
    font-size: 11px;
}
.order-page .table1.type1 table tr.add td,
.wish-list .table1.type1 table tr.add td {
    padding:0 0 10px;
    border-top:none;
}
.order-page .table1.type1 table tr.add.last td,
.wish-list .table1.type1 table tr.add.last td {
    padding:0 0 20px;
}
.order-page .table1.type1 table tr.add.single td,
.wish-list .table1.type1 table tr.add.single td {
    padding:20px 0;
    background:url('../img/etc/dotted-1x3-b4b4b4.png') repeat-x left top;
}
.order-page .table1.type1 table tr.op td {
    padding:20px 0;
    background:url('../img/etc/dotted-1x3-b4b4b4.png') repeat-x left top;
    border-top:none;
}
.order-page .table1.type1 table .supplier-total {
    background:#f7f7f7;
    color:#666;
    text-align:right;
}
.order-page .table1.type1 table .supplier-total span {
    margin:0 0 0 6px;
}
.order-page .table1.type1 table .supplier-total span strong {
    position:relative;
    top:1px;
    font-size:14px;
}
.order-page .table1.type1 table .supplier-total span strong.total {
    color:#333;
}
.order-page .table1.type1 table .supplier-total img {
    margin:0 10px 0 0;
    vertical-align:-5px;
}
.order-page .table1.type1 .gift-condition {
    line-height:20px;
    text-align:center;
}
.order-page .table1.type1 .gift-condition strong {
    color:#3e3d3c;
}
.order-page .table1.type1 .gift-choice {
    padding-top:0;
    padding-bottom:0;
}
.order-page .table1.type1 .gift-choice ul {
    overflow:hidden;
    padding:0 0 20px;
}
.order-page .table1.type1 .gift-choice ul li {
    position:relative;
    float:left;
    width:80px;
    margin:20px 20px 0 0;
    white-space:normal;
}
.order-page .table1.type1 .gift-choice ul li .checkbox {
    position: absolute;
    left: 1px;
    top: 2px;
    z-index: -1;
}
.order-page .table1.type1 .gift-choice ul li label {
    display:block;
    width:100%;
}
.order-page .table1.type1 .gift-choice ul li label img {
    width:80px;
    height:80px;
}
.order-page .table1.type1 .gift-choice ul li label .txt {
    display:block;
    margin:10px 0 0;
    padding:22px 0 0;
    background:url('../img/etc/check-off-s.png') no-repeat center top;
    line-height:16px;
    text-align:center;
    word-break:keep-all;
}
.order-page .table1.type1 .gift-choice ul li label .check {
    position:absolute;
    top:0;
    left:0;
    width:78px;
    height:78px;
    border:1px solid #dbdbdb;
}
.order-page .table1.type1 .gift-choice ul li label.on .check {
    width:76px;
    height:76px;
    border:2px solid #3e3d3c;
}
.order-page .table1.type1 .gift-choice ul li label.on .txt {
    background:url('../img/etc/check-on-s.png') no-repeat center top;
    font-weight:bold;
}
.order-page .table1.type1 table .benefits {
    padding-left:30px !important;
}
.order-page .table1.type1 table .benefits dl,
.wish-list .table1.type1 table .benefits dl {
    color:#888;
    line-height:20px;
}
.order-page .table1.type1 table .benefits dl dt,
.wish-list .table1.type1 table .benefits dl dt {
    padding:0 0 0 20px;
}
.order-page .table1.type1 table .benefits dl dd {}
.order-page .table1.type1 table .benefits dl dd strong {
    color:#444;
}
.order-page .table1.type1 table .benefits dl.sale dt,
.wish-list .table1.type1 table .benefits dl.sale dt {
    background:url('../img/icon/sale.png') no-repeat left 4px;
}
.order-page .table1.type1 table .benefits dl.mileage {
    margin:20px 0 0;
}
.order-page .table1.type1 table .benefits dl.mileage dt,
.wish-list .table1.type1 table .benefits dl.mileage dt {
    background:url('../img/icon/mileage.png') no-repeat left 4px;
}
.order-page .table1 table .g-add .gi {
    padding:5px 0;
}
.order-page .table1 table .cb-array {
    padding-top:33px !important;
    vertical-align:top;
}
.order-page .table1 table .price,
.wish-list .table1 table .price {
    color:#2b2b2b;
    font-size:13px;
}
.order-page .table1 table p,
.wish-list .table1 table p {
    line-height:22px;
}
.order-page .table1 table tbody td:first-child .form-element,
.order-page .table1 table thead th .form-element {
    width:17px;
    height:16px;
    min-height:auto;
    margin:0;
    background:#F9F9F9;
}
.order-page .table1 table tbody td:first-child .form-element label,
.order-page .table1 table thead th .form-element label {
    width:17px;
    height:16px;
    padding:0;
    text-indent:-9999px;
}
.order-page .table1 table thead th .form-element label {
    background-color:#F9F9F9;
}
.order-page .btn-move-home {
    display:inline-block;
    margin:22px 0 0;
    padding:0 0 0 12px;
    background:url('../img/etc/bl-arrow-left.png') no-repeat 2px 50%;
    border-bottom:1px solid #979797;
}
.order-page .price-box {
    display:table;
    width:996px;
    margin:14px 0 0;
    border:2px solid #d6d6d6;
}
.order-page .price-box > div {
    display:table-cell;
    padding:38px 40px 28px;
    text-align:right;
    vertical-align:middle;
}
.order-page .price-box > div p {
    padding:0 0 5px;
    font-size:15px;
}
.order-page .price-box > div p > span {
    display:inline-block;
}
.order-page .price-box > div p .detail {}
.order-page .price-box > div p .detail em {
    color:#3e3d3c;
    font-weight:bold;
}
.order-page .price-box > div p .detail strong {
    position:relative;
    top:1px;
    color:#000;
    font-size:18px;
}
.order-page .price-box > div p .total {
    color:#3e3d3c;
    font-size:20px;
    font-weight:bold;
}
.order-page .price-box > div p .total strong {
    position:relative;
    top:3px;
    font-size:24px;
}
.order-page .price-box > div > span {
    color:#3e3d3c;
}
.order-page .price-box > div img {
    margin:0 10px;
    vertical-align:-6px;
}
.order-page .cart-caution {
    overflow:hidden;
}
.order-page .cart-caution .caution-msg1 {
    float:right;
    margin-top:9px;
}
.order-page .type-horizontal .list .wrap {
    width:940px;
}
.order-page .terms {
    margin:20px 0 0;
    padding:20px 37px;
    border:1px solid #dcdcdc;
}
.order-page .terms.not-member {
    margin:80px 0 0;
}
.order-page .terms h4 {
    color:#000;
    font-size:18px;
    font-weight:normal;
}
.order-page .terms .ctt {
    overflow-x:hidden;
    overflow-y:auto;
    height:44px;
    margin:20px 0 0;
    padding:20px;
    background:#f7f7f7;
    line-height:18px;
}
.order-page .terms .form-element {
    margin:13px 0 0;
}
.order-page .terms .form-element label.on {
    font-weight:bold;
}
.order-page h3 {
    padding:0 0 16px;
    color:#000;
    font-size:20px;
}
.order-page h3.fir {
    padding-top:33px;
}
.order-page .tit-supplier {
    padding:34px 0 14px 3px;
    color:#333;
    font-size:16px;
}
.order-page .item-display h3 {
    padding-top:53px;
}
.order-page .join-form {
}
.order-page .join-form .tit {
    padding-bottom:19px;
}
.order-page .join-form h3 {
    padding-top:75px;
    font-weight:bold;
}
.order-page .table1 table tbody th {
    padding:15px 0 0 35px;
    vertical-align:top;
}
.order-page .table1 table tbody th.required {
    background:#f9f9f9 url('../img/etc/squre-4x4-red.png') no-repeat 20px 22px;
}
.order-page .table1 table td,
.wish-list .table1 table td {
    height:28px;
    padding:10px 20px;
}
.order-page .table1 table td .shipping {
    vertical-align:0;
}
.order-page .table1 table td .total {
    font-size:18px;
}
.order-page .table1 table td .space-l20 {
    margin:0 0 0 20px;
}
.order-page .table1 table .final {
    font-size:16px;
}
.order-page .table1 table .final strong {
    font-size:20px;
}
.order-page .table1 table span.form-element {
    display:inline-block;
    min-height:20px;
    margin-right:30px;
}
.order-page .table1 table td .sa {
    overflow:hidden;
    padding:8px 0 0;
}
.order-page .table1 table td .sa .txt-field.hs {
    float:left;
    margin-right:7px;
}
.order-page .table1 table td .sa .form-element {
    margin-top:4px;
}
.order-page .table1 table td .pay-benefits {}
.order-page .table1 table td .pay-benefits p {
    margin:5px 0;
    padding:0 0 0 20px;
    line-height:1.5;
}
.order-page .table1 table td .pay-benefits p span {
    color:#979797;
}
.order-page .table1 table td .pay-benefits p.sale {
    background:url('../img/icon/sale.png') no-repeat left 4px;
}
.order-page .table1 table td .pay-benefits p.mileage {
    background:url('../img/icon/mileage.png') no-repeat left 4px;
}
.order-page .order-completion {
    margin:40px 0 0;
    padding:128px 0 0;
    background:url('../img/etc/order-completion.png') no-repeat center top;
    text-align:center;
}
.order-page .order-completion strong {
    display:block;
    color:#111;
    font-size:22px;
}
.order-page .order-completion span {
    display:block;
    padding:10px 0 0;
    color:#444;
    font-size:14px;
}
.order-page .order-fail {
    margin:40px 0 0;
    padding:128px 0 0;
    background:url('../img/etc/order-fail.png') no-repeat center top;
    text-align:center;
}
.order-page .order-fail strong {
    display:block;
    color:#111;
    font-size:22px;
}
.order-page .order-fail span {
    display:block;
    padding:10px 0 0;
    color:#444;
    font-size:14px;
}
.order-page .btn {
    padding:50px 0 0;
    text-align:center;
}
.order-page .how-to-pay {
}
.order-page .how-to-pay label img{
    pointer-events: none;
}
.order-page .how-to-pay h3 {
    padding-bottom:7px;
}
.order-page .how-to-pay > p {}
.order-page .how-to-pay .method {
    margin:16px 0 0;
    border-top:1px solid #717171;
    border-bottom:1px solid #dbdbdb;
}
.order-page .how-to-pay .method .form-element {
    margin:0 14px 0 24px;
}
.order-page .how-to-pay .method .payment-payco {
    padding:30px 10px 30px 10px;
    background:#f9f9f9;
    vertical-align:middle;
}
.order-page .how-to-pay .method .payment-payco .title{
    padding:0 0 0 15px;
}
.order-page .how-to-pay .method .payment-payco .selection{
    padding:0 0 0 15px;
}
.order-page .how-to-pay .method .payment-payco .selection div{
    display: inline-block;
    margin: 10px 0 0 0;
}
.order-page .how-to-pay .method .payment-payco .selection .icon-element{
    width:100px;
    text-align: center;
    padding: 0 20px 0 0;
}
.order-page .how-to-pay .method .payment-payco .selection input{
    display: none;
}
.order-page .how-to-pay .method .receipt .selection .form-element label,
.order-page .how-to-pay .method .payment .form-element label {
    background-color:#f9f9f9;
}
.order-page .how-to-pay .method .process {
    padding:12px 0;
    border-top:1px solid #dbdbdb;
}
.order-page .how-to-pay .method .process .title-element {
    display: inline-block;
    width:130px;
    padding:7px 0 0 24px;
    font-size:14px;
    font-weight:bold;
    color:#1c1b1b;
}
.order-page .how-to-pay .method .process .selection {
    display: inline-block;
    font-size:12px;
    color:#302f2f;
}
.order-page .how-to-pay .method .process .selection img{
    vertical-align:middle;
}
.order-page .how-to-pay .method .process p {
    padding:7px 0 0 24px;
    color:#979797;
}
.order-page .how-to-pay .method .bank,
.order-page .how-to-pay .method .overseas-pg {
    margin:10px 0 0 0;
    padding:3px 0 0 0;
    background:url('../img/etc/dot-1x3-c0.png') repeat-x left top;
}
.order-page .how-to-pay .method .bank li {
    display:table;
}
.order-page .how-to-pay .method .bank li > strong,
.order-page .how-to-pay .method .bank li > div {
    display:table-cell;
    height:44px;
    padding:0 0 0 24px;
    vertical-align:middle;
}
.order-page .how-to-pay .method .bank li > div {
    display:table-cell;
    height:44px;
    vertical-align:middle;
}
.order-page .how-to-pay .method .receipt {
    border-top:1px solid #dbdbdb;
}
.order-page .how-to-pay .method .receipt .selection {
    padding:15px 0;
    background:#f9f9f9;
}
.order-page .how-to-pay .method .receipt .selection > strong {
    margin:0 0 0 24px;
}
.order-page .how-to-pay .method .receipt .selection .form-element {}
.order-page .how-to-pay .method .receipt .wu {
    border-top:1px solid #dbdbdb;
}
.order-page .how-to-pay .method .receipt .wu .use {
    padding:19px 0;
}
.order-page .how-to-pay .method .receipt .wu .user-info {
    overflow:hidden;
    padding:20px 0;
    background:url('../img/etc/dot-1x3-c0.png') repeat-x left top;
}
.order-page .how-to-pay .method .receipt .wu .user-info > strong,
.order-page .how-to-pay .method .receipt .wu .user-info > div {
    display:table-cell;
    padding:0 0 0 24px;
}
.order-page .how-to-pay .method .receipt .wu table {
    width:100%;
    margin:12px 0;
}
.order-page .how-to-pay .method .receipt .wu table th {
    padding:0 0 0 21px;
    text-align:left;
}
.order-page .how-to-pay .method .receipt .wu table td {
    padding:8px 0;
}
.order-page .how-to-pay .buy {
    padding:30px 0 0;
}
.order-page .how-to-pay .buy .final-settlement {
    padding:13px 46px 20px 0;
    border:2px solid #d6d6d6;
    text-align:right;
}
.order-page .how-to-pay .buy .final-settlement em {
    padding:0 15px 0 0;
    color:#393838;
    font-size:14px;
    font-weight:bold;
}
.order-page .how-to-pay .buy .final-settlement span {
    color:#3e3d3c;
    font-size:20px;
}
.order-page .how-to-pay .buy .final-settlement span strong {
    position:relative;
    top:5px;
    font-size:30px;
}
.order-page .how-to-pay .buy .required-check {
    padding:33px 0 0;
    text-align:center;
}
.order-page .how-to-pay .buy .required-check label em {
    color:#444;
}
.order-page .how-to-pay .buy .required-check label strong {
    color:#3e3d3c;
}
.order-page .how-to-pay .buy .required-check label.on em {
    font-weight:bold;
}
.order-page .btn-justify .skinbtn {
    font-weight:bold;
}
.order-page .how-to-pay .buy .btn {
    padding:13px 0 0;
}
.skinbtn.base3.pg-cartmove,
.skinbtn.point1.pg-cancel,
.skinbtn.default.cart-cartdelete,
.skinbtn.default.cart-carttowish,
.skinbtn.default.cart-carttoestimate {
    width:114px;
    height:30px;
    line-height:28px;
}

.skinbtn.point1.cart-orderselect,
.skinbtn.point2.cart-orderall {
    width:203px;
    height:55px;
    line-height:53px;
}
.skinbtn.point2.order-buy {
    width:300px;
    height:61px;
    line-height:59px;
    font-size:20px;
}
.skinbtn.point2.oe-confirm {
    width:200px;
    height:60px;
    line-height:58px;
    font-size:14px;
}
.skinbtn.point2.pg-open {
    width:100px;
    height:42px;
    line-height:40px;
}
/*
    주문끝
*/

/*
    검색결과시작
*/
.lnb.search-lnb {
    width:176px;
    padding:30px 1px 0;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
}
.search-lnb h2 {
    margin:0 0 20px;
    padding:0 0 9px;
    background:url('../img/etc/bar-lnb-tit.png') no-repeat left bottom;
    color:#222;
    font-size:14px;
}
.search-lnb div .st-hs {
    margin:0 0 5px;
}
.search-lnb div .st-hs * {
    color:#787878 !important;
}
.search-lnb .category,
.search-lnb .brand,
.search-lnb .favor,
.search-lnb .color,
.search-lnb .price {
    padding:0 0 40px;
}
.search-lnb div .form-element {
    margin:0 0 7px;
    color:#787878;
}
.search-lnb div .form-element.icon-side-check {
    float:left; width:50%;
}
.search-lnb div .form-element.icon-side-check label img {
    pointer-events: none;
}
.search-lnb .category .chosen-container {
    margin-bottom: 5px;
}
.search-lnb .color label {
    width:20px;
    height:20px;
    padding:0;
    background-image:none;
    text-indent:-9999px;
    cursor:pointer;
}
.search-lnb .color label:hover {
    background-image:none;
}
.search-lnb .color label.on {
    background-image:url('../img/etc/check-color.png') !important;
    background-repeat:no-repeat;
    background-position:center;
}
.search-lnb .color label.color-brown {
    background-color:#8E562E;
}
.search-lnb .color label.color-red {
    background-color:#E91818;
}
.search-lnb .color label.color-orange {
    background-color:#F4AA24;
}
.search-lnb .color label.color-gold {
    background-color:#F4D324;
}
.search-lnb .color label.color-yellow {
    background-color:#F2F325;
}
.search-lnb .color label.color-yellowgreen {
    background-color:#A4DC0C;
}
.search-lnb .color label.color-green {
    background-color:#37B300;
}
.search-lnb .color label.color-khaki {
    background-color:#6F822E;
}
.search-lnb .color label.color-sky-blue {
    background-color:#97D0E8;
}
.search-lnb .color label.color-blue {
    background-color:#3030F8;
}
.search-lnb .color label.color-navy {
    background-color:#1E2C89;
}
.search-lnb .color label.color-pink {
    background-color:#FDC4DA;
}
.color .form-element label.color-white {
    border:1px solid #dfdfdf;
}
.color .form-element label.color-white.on {
    background-image:url('../img/etc/check-color-white.png') !important;
    background-repeat:no-repeat;
    background-position:center;
}

.search-lnb .color label.color-silver {
    background-color:#C5C5C6;
}
.search-lnb .color label.color-gray {
    background-color:#8C8C8C;
}
.search-lnb .color label.color-black {
    background-color:#191919;
}
.search-lnb .direct {
}
.search-lnb .direct > span {
    width:145px;
    margin:0 0 8px;
    padding:0 5px;
}
.search-lnb .direct > span .text {
    text-align:right;
}
.search-page {
    padding:30px 0 0;
}
.search-page > strong {
    color:#303030;
    font-size:16px;
}
.search-page strong em {
    color:#3e3d3c;
}
.search-page .paycosearch-banner {
    float:right;
    padding-top:2px;
}
.search-page .search-form {
    margin:20px 0 0;
    border:3px solid #E3E3E3;
}
.search-page .search-form .search-input {
    /*overflow:hidden;*/
    clear:both;
    padding:20px 0 20px 108px;
    border-bottom:1px solid #e3e3e3;
    height:35px;
}
.search-page .search-form .search-input > * {
    float:left;
}
.search-page .search-form .search-input .skinbtn img {
    margin:0 0 0 8px;
}
.search-page .search-form .search-input .form-element {
    margin:8px 10px 0 0;
}

.search-page .search-form .search-input .txt-field {
    margin:0 10px 0 5px;
    height:31px;
    line-height:30px;
}
.search-page .search-form .search-input .txt-field .text {
    height:28px;
}

.search-page .related-searches {
    clear:both;
    padding:10px 0;
    font-size:0;
    text-align:center;
}
.search-page .related-searches span {
    display:inline-block;
    height:18px;
    padding:0 5px;
    background:#959595;
    color:#fff;
    font-size:11px;
    line-height:14px;
    vertical-align:top;
}
.search-page .related-searches ul {
    display:inline-block;
    font-size:12px;
}
.search-page .related-searches ul li {
    float:left;
    margin:0 0 0 10px;
    padding:0 0 0 10px;
    background:url('../img/etc/bar-1x11-ccc.png') no-repeat left 5px;
}
.search-page .related-searches ul li:first-child {
    margin:0 0 0 30px;
    padding:0;
    background:none;
}
.search-page .goods-list {
    padding:25px 0 0;
}
.skinbtn.base2.gs-search {
    width:176px;
    height:34px;
    line-height:26px;
}
/*
    검색결과끝
*/
/*
    기타 페이지
*/
.etc-page {
    min-height:400px;
    padding:25px 0 0;
}
.etc-page h2 {
    margin:0 0 27px;
    padding:0 0 27px;
    border-bottom:1px solid #717171;
    color:#000;
    font-size:24px;
}
.etc-page > div {
    line-height:1.7;
}

/*
    기타 컨텐츠
*/
.icon {
    display: inline-block;
    vertical-align: middle;
}
.icon-sns {
    background: url('../img/etc/icon-sns.png') 0 0 no-repeat;
    background-position: 0 0;
    width: 33px;
    height: 33px;
}
.icon-twitter {
}
.icon-facebook {
    background-position: -33px 0;
}
.icon-kakaostory {
    background-position: -66px 0;
}
.icon-pin {
    background-position: -99px 0;
}
.icon-ticket {
    width: 42px;
    height: 42px;
    background: url('../img/etc/icon1.png') 0 0 no-repeat;
    background-position: 0 0;
}
.icon-coin {
    width: 42px;
    height: 42px;
    background: url('../img/etc/icon1.png') 0 0 no-repeat;
    background-position: -117px 0;
}
.icon-wallet {
    width: 42px;
    height: 42px;
    background: url('../img/etc/icon1.png') 0 0 no-repeat;
    background-position: -230px 0;
}
.icon-arr1-r {
    width: 18px;
    height: 18px;
    background: url('../img/etc/icon-arr1-r.png') 0 0 no-repeat;
}
.coupon-reg p  {
    padding:15px 0 20px;
    color:#111;
}
.coupon-reg p strong  {
    font-size:14px;
}
.section-body .btm-btn  {
    margin:30px 0 0;
    font-size:0;
    text-align:center;
}
.contents-inner .delivery-layer  {
    width:100%;
    padding:0;
}
.mypage .list-gallery ul  {
    margin-top:10px;
}
.mypage .list-gallery ul li  {
    margin:0 0 50px;
}
.mypage .list-gallery ul li > a  {
    margin-top:0;
}
.mypage .table1.type1 table td.line {
    border-bottom:1px solid #ededed;
}
.coupon-icon {
    display: inline-block;
    width: 85px;
    height: 27px;
    padding: 8px 0 0;
    background: url('../img/etc/coupon_bg.png') no-repeat left top;
    color: #222;
    font-size:11px;
    font-family: arial;
    font-size: 16px;
    font-weight:bold;
    text-align: center;
}
.coupon-icon b {
    position:relative;
    top:-2px;
    left:2px;
    font-family:Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;
    font-size: 11px;
}
.imgsize-s {
    display: block;
    width: 40px;
    height: 40px;
}
.imgsize-m {
    display: block;
    width: 90px;
    height: 90px;
}
.layer-a {
    background: transparent;
}
.layer-a .wrap {
    background: #fff;
    padding: 0;
    height: auto;
}
.layer-a .wrap h4 {
    padding: 14px 0;
    margin: 0 14px;
}
.layer-a .wrap .layer-submit-block {
    margin: 20px;
    padding-bottom:0 !important;
}
.layer-a .wrap .layer-submit-block.ndb {
    padding: 0;
    border: 0;
}
.layer-a .wrap .scroll-box {
    margin: 0;
    height: auto;
    padding: 14px;
}
.layer-a.layer-delivery .scroll-box {
    padding: 20px;
}

.layer-size-m .wrap {
    background: #fff;
}

.layer-size-m .scroll-box {
    height: 410px;
}
.layer-size-m .btn {
    padding: 30px 0 !important;
}

.layer-size-coupon .wrap,
.layer-size-coupon {
    height: auto !important;
    padding: 0;
}

.layer-size-coupon .h2 {
    font-size: 14px;
    font-weight: bold;
    color: #111;
}
.layer-size-coupon .sub-text {
    font-size: 12px;
    font-weight: normal;
    color: #111;
}
.layer-submit-block {
    margin: 0 0 30px;
}
.layer-size-m {
    width: 550px !important;
    height: 550px !important;
}
.layer-size-m .wrap {
    height: auto !important;
}
.tab-content {
}

.tab-content .tab-content-inner {
    border-bottom: 1px solid #707070;
}
.tab-content .tab-content-inner:after {
    content: '';
    clear: both;
    display: block;
}
.tab-content .tab-content-inner .tab-btn {
    float: left;
    width: 50%;
}
.tab-content .tab-content-inner .tab-btn + .tab-btn a {
    margin-left: -1px;
}
.tab-content .tab-content-inner .tab-btn a {
    border: 1px solid #dfdfdf;
    border-bottom: 0;
    display: block;
    text-align: center;
    padding: 14px 0;
    font-size: 14px;
    background: #fff;
    position: relative;
}
.tab-content .tab-content-inner .tab-btn.active a,
.tab-content .tab-content-inner .tab-btn:hover a {
    border: 1px solid #707070;
    z-index: 10;
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
    font-weight: bold;
    color: #111;
}
.capcha {
    overflow: hidden;
}
.capcha-img {
    display:table-cell;
    width:286px;
    height:106px;
    border: 1px solid #d6d6d6;
    text-align:center;
    vertical-align:middle;
}
.capcha-body {
    display:table-cell;
    overflow: hidden;
    padding:0 0 0 20px;
}
.capcha-body .pre {
    color:#6c6c6c;
    line-height:18px;
}
.capcha-body .txt-field {
    margin:12px 0 0;
}
.capcha-body .text {
    color:#3e3d3c !important;
    font-size:15px;
    font-weight:bold;
}
.capcha-body button {
    margin:8px 0 0;
}
.bmember-privacy {
    padding: 20px;
    background: #f9f9f9;
}
.bmember-privacy .check-s {
    background-color: transparent !important;
}
.bmember-privacy .textarea textarea {
    padding: 16px;
}

.table-reset th,
.table-reset td {
    padding: 0;
    background: transparent;
}
.table1 > table {
    width: 100%;
    border-top: 1px solid #717171;
}
.table1 > table > thead > tr > th {
    padding: 10px 0;
    border-bottom: 1px solid #dbdbdb;
    background: #f7f7f7;
}
.table1 > table > tbody > tr >td {
    border-bottom: 1px solid #dbdbdb;
    color:#444;
}
.table1 > table tbody td .chosen-container {
    margin:0;
}
.table1 > table tbody td .completed {
    display:inline-block;
    min-height:20px;
    padding:0 0 0 28px;
    background:url('../img/icon/completed.png') no-repeat left 3px;
    color:#3e3d3c;
    font-size:13px;
}
.table1 > table > tbody > tr > th {
    background: #f9f9f9;
    border-bottom: 1px solid #dbdbdb;
    padding: 10px 16px;
    color:#777;
}
.table1 > table > tbody > tr > th~td {
    padding: 10px;
}
.table1 > table td.delivery-loc  {
    line-height:20px;
}
.table1 > table td.delivery-loc a {
    color:#000;
}
.table1 > table td.delivery-loc span  {
    color:#000;
    font-size:11px;
}
.table1 > table td.delivery-name  {
    padding-left:5px !important;
    padding-right:5px !important;
    color:#000;
}
.table1 > table td.delivery-address  {
    color:#000;
    line-height:20px;
}
.table1 > table td.delivery-address p  {
    /*padding-left:60px;*/
    /*text-indent:-60px;*/
}
.table1 > table td.delivery-tel  {
    color:#000;
    line-height:18px;
}
.table1 > table td.delivery-btn  {}
.table1 > table td.delivery-btn .normal-btn  {
    margin:3px 0;
}
.table1 > table .final  {
    font-size:16px;
}
.table1 > table .final strong  {
    font-size:20px;
}
.table1 > table td.payment-method  {
    line-height:20px;
}
.table1 > .board-list td  {
    height:40px;
}
.table1 > .board-list td.money  {
    padding-right:35px;
    text-align:right;
}
.table1 > .board-list td.tit  {
    padding:0 30px;
}
.table1 > .board-list td.tit a  {
    color:#444;
}
.table1 > .board-list td.tit a:hover  {
    text-decoration:underline;
}
.table1 > .board-list td.tit img  {
    margin:0 0 0 2px;
    vertical-align:middle;
}
.table1 > .board-list td.category  {
    color:#888;
}
.table1 > .board-list td del  {
    color:#a9a9a9;
}

.table1.bd table {
    border-top: 1px solid #dbdbdb;
}
.table1.type2 {
    margin: -11px 0 0;
}
.table1.type2 td {
    padding: 10px 0;
}
.table1.type2 td.tit a {
    color:#444;
}
.table1.type2 td.tit a:hover {
    text-decoration:underline;
}

.table1.type2 td.tit span.reply {
    display:inline-block;
}
.table1.type2 td.tit span.reply a {
    display:inline-block;
    padding:0 0 0 15px;
    background:url('../img/icon/board-reply.png') no-repeat left 5px;
}
.table1.type2 .notice-item td img  {
    position:relative;
    top:2px;
    vertical-align:top;
}
.table1.type2 .notice-item td a:hover {
    text-decoration:underline;
}
.table1.type2 td img  {
    vertical-align:middle;
}
.table1.type2.dot-list tr td:first-child {
    padding-left: 10px;
}
.table1.type2.dot-list tr td:first-child:after {
    content: '';
    width: 2px;
    height: 2px;
    display: block;
    background: #b2b2b2;
    float: left;
    margin: 8px 10px 0 0;
}
.table1.type2.dot-list tr td a:hover  {
    text-decoration:underline;
}

.layer-grade-benefit .wrap .table2 table tr + tr th,
.layer-grade-benefit .wrap .table2 table tr + tr td {
    border-top: 1px solid #e8e8e8;
}
.layer-grade-benefit .wrap .table2 table {
    width: 100%;
}
.layer-grade-benefit .wrap .table2 table td,
.layer-grade-benefit .wrap .table2 table th {
    padding: 10px;
    border-bottom: 0;
    font-size: 12px;
}
.layer-grade-benefit .case-list  {
    overflow-x:hidden;
    overflow-y:auto;
    height:219px;
    margin:9px 9px 9px 20px;
}
.layer-grade-benefit .case-list ul  {}
.layer-grade-benefit .case-list ul li  {
    padding:13px 0;
    border-top:1px solid #e8e8e8;
    color:#444;
    font-size:11px;
    line-height:20px;
}
.layer-grade-benefit .case-list ul li:first-child  {
    border:none;
}
.notice-item td {
    background: #f7f7f7;
}
.comment-wrap {}
.comment-wrap .head  {
    overflow:hidden;
    padding:15px 0 15px 15px;
    border-top: 1px solid #dbdbdb;
    /*border-bottom: 1px solid #dbdbdb;*/
}
.comment-wrap .head .comment-count  {
    float:left;
}
.comment-wrap .head .comment-count p  {
    float:left;
}
.comment-wrap .head .comment-count p strong  {
    color:#3e3d3c;
}
.comment-wrap .head .comment-count span  {
    float:left;
    padding:0 20px 0 0px;
    /*    background:url('../img/etc/bar-1x11-db.png') no-repeat left 5px;*/
}
.comment-wrap .head .comment-count span strong  {
    color:#3e3d3c;
}
.comment-wrap .head .comment-count .skinbtn  {
    /*    float:left;*/
    margin:0 0 0 7px;
    font-weight:normal;
}
.comment-wrap .head .comment-count .sns  {
    float:left;
    margin:0 0 0 11px;
}
.comment-wrap .head .btn  {
    float:right;
    font-size:0;
}
.comment-wrap .head .btn .skinbtn  {
    margin:0 0 0 6px;
}
.comment-wrap > ul  {
    /*    margin:15px 0 0;*/
}
.comment-wrap ul li  {
    border-top:1px solid #dbdbdb;
}
.comment-wrap ul li .comment-item  {
    overflow:hidden;
    padding:18px 15px 18px 15px;
}
.comment-wrap ul li .comment-item-reply {
    padding:18px 15px 18px 25px;
}
.comment-wrap ul li .comment-item.not-record  {
    text-align:center;
}
.comment-wrap ul li strong  {
    float:left;
    max-width:105px;
    padding:0 20px 0 0;
    color:#444;
    word-wrap: break-word;
}
.comment-wrap ul li p  {
    float:left;
    max-width:600px;
    color:#444;
}
.comment-wrap ul li p span  {
    margin:0 0 0 10px;
    color:#a1a1a1;
    font-size:11px;
}
.comment-wrap ul li .btn  {
    float:right;
    font-size:0;
}
.comment-wrap ul li .btn button  {
    width:16px;
    height:16px;
    margin:0 0 0 4px;
    font-size:0;
    text-indent:-9999px;
    vertical-align:top;
}
.comment-wrap ul li .btn button.reply  {
    background:url('../img/btn/comment-reply.png') no-repeat left top;
}
.comment-wrap ul li .btn button.reply:hover  {
    background:url('../img/btn/comment-reply-ov.png') no-repeat left top;
}
.comment-wrap ul li .btn button.modify  {
    background:url('../img/btn/comment-modify.png') no-repeat left top;
}
.comment-wrap ul li .btn button.modify:hover  {
    background:url('../img/btn/comment-modify-ov.png') no-repeat left top;
}
.comment-wrap ul li .btn button.del  {
    background:url('../img/btn/comment-del.png') no-repeat left top;
}
.comment-wrap ul li .btn button.del:hover  {
    background:url('../img/btn/comment-del-ov.png') no-repeat left top;
}
.comment-wrap > ul > li .comment-reply  {
    overflow:hidden;
    padding: 0 15px 15px;
}
.comment-wrap > ul > li .comment-reply > div  {
    position:relative;
    float:left;
}
.comment-wrap > ul > li .comment-reply .pw {
    margin:0 8px;
}
/*
.comment-wrap > ul > li .comment-reply div .text  {
    !*width:657px !important;*!
    !*height:31px;*!
    padding:0 10px;
    border:1px solid #ccc;
    color:#666;
    !*line-height:31px;*!
}
*/

.comment-wrap > ul > li .comment-reply .skinbtn  {
    float:right;
}
.comment-wrap > ul > li .comment-reply.modify  {
    padding:0;
}
.comment-wrap > ul > li .comment-reply.modify .text  {
    width:525px;
}
.comment-wrap > ul > li ul li  {
    overflow:hidden;
    padding:18px 0 18px 18px;
}
.comment-wrap > ul > li ul li strong  {
    padding:0 20px 0 14px;
    background:url('../img/icon/comment-reply.png') no-repeat left 3px;
}
.comment-wrap > ul > li ul li p  {
    max-width:540px;
}
.comment-wrap .comment-write  {
    overflow:hidden;
    padding:18px 0;
    border-top:1px solid #dbdbdb;
}
.comment-wrap .comment-write > div  {
    position:relative;
    float:left;
}

.board-view-comment .comment-wrap .text  {
    height:31px;
    padding:0 10px;
    border:1px solid #ccc;
    color:#9f9f9f;
    line-height:20px;
}
.board-view-comment .comment-wrap .name .text  {
    width:53px;
}
.board-view-comment .comment-wrap .pw .text  {
    width:113px;
}

.board-view-comment .comment-wrap .cttl > textarea  {
    width:648px !important;
    height:80px !important;
}

.board-view-comment .comment-wrap .ctt > textarea  {
    width:416px;
    height:70px;
    padding-top:10px;
}

.board-view-comment .comment-wrap .comment-save > em{
    width:80px;
    height:80px;
}

.comment-wrap .comment-write .skinbtn  {
    float:right;
}



/*
이하 "게시판-보기" 작업시 추가 된 항목.
*/
.board-view-comment .comment-wrap > ul {
    background: #f8f8f8;
}
.board-view-comment .comment-wrap .comment-item  {
    position: relative;
}
.board-view-comment .comment-wrap ul li p {
    width: auto;
    float: none;
    overflow: hidden;
    margin-right: 70px;
    max-width: none;
}
.board-view-comment .comment-wrap ul li .btn {
    position: absolute;
    top: 15px;
    right: 15px;
}
.board-view-comment .comment-wrap > ul > li ul li {
    position: relative;
}
/*.board-view-comment .comment-wrap > ul > li .comment-reply div .text {*/
/*width: auto;*/
/*}*/
.board-view-comment .comment-wrap .comment-write {
    padding: 15px;
    background: #f8f8f8;
    /*border-bottom: 1px solid #dbdbdb;*/
}
.board-view-comment .comment-wrap .comment-write .pw {
    margin:0 10px;
}
.board-view-head .board-view-title {
    overflow:hidden;
    background: #f7f7f7;
    border-top: 1px solid #717171;
    /*height:20px;*/
    padding: 15px;
    border-bottom: 1px solid #dbdbdb;
}
.board-view-head .board-view-title h2 {
    color: #111;
    font-size: 14px;
}
.board-view-head .board-view-title h3  {
    float:left;
    color:#333;
    font-size:13px;
}
.board-view-head .board-view-title strong  {
    float:right;
    font-size:13px;
}
.board-view-info {
    padding: 10px 15px;
    border-bottom: 1px solid #dbdbdb;
    overflow: hidden;
}
.board-view-info .author {
    float: left;
    color: #111;
}
.board-view-info .value {
    float: right;
}
.board-view-info .value strong {
    color:#555;
}
.board-view-info .author .text5 strong {
    margin-right:10px;
}
.board-view-info .text1 {

}
.board-view-info .filename {
    color:#777;
    text-decoration: underline;
}

.board-view-body table,.board-view-body th,.board-view-body td{
    border:inherit;
    border-collapse: separate;
    border-spacing: 1px;
}

.board-view-body .textfield {
    /*border-bottom: 1px solid #dbdbdb;*/
    padding: 30px 16px;
    line-height:1.8;
}
.board-view-body .question  {
    border-bottom:1px solid #dbdbdb;
}
.board-view-body .question p  {
    line-height:1.8;
}
.board-view-body .question > div  {
    overflow:hidden;
    padding:25px 0 30px;
}
.board-view-body .question > div .item  {
    float:left;
    padding:0 20px 0 25px;
    color:#333;
    font-size:24px;
    font-family:arial;
}
.board-view-body .question > div > div  {
    float:left;
    /*line-height:1.8*/
    line-height:3
}
.board-view-body .a  {
    border-top:1px solid #dbdbdb;
}
.board-view-body .a .item  {
    color:#3e3d3c !important;
}
.board-view-body .question > div > div .info  {
    padding:0 0 0px;
}
.board-view-body .question > div > div .info > strong  {
    color:#3e3d3c;
    font-size:13px;
}
.board-view-body .question > div > div .info div  {}
.board-view-body .question > div > div .info div strong  {
    color:#444;
}
.board-view-body .question > div > div .info div span  {
    color:#999;
}
.email.type1 .txt-field {
    float: left;
    margin: 0 10px 0 0;
}
.list-gallery ul {
    font-size: 0;
    margin: -30px 0 0 -18px;
}
.list-gallery ul li {
    display: inline-block;
    width: 25%;
    margin:0 0 50px;
    font-size: 12px;
    vertical-align: top;
}
.list-gallery ul li a {
    display: block;
    margin: 30px 0 0 18px;
}
.list-gallery ul li a > span  {
    display:block;
}

.list-gallery .thumbnail {
    display:block;
    border: 1px solid #d6d6d6;
    height: 180px;
    position: relative;
    overflow: hidden;
}
.list-gallery .thumbnail img {
    vertical-align: top;
    height: 100%;
}
.list-gallery .div-star {
    display:block;
    margin: 10px 0;
}
.list-gallery .text1 {
    margin: 10px 0 0;
    font-size: 11px;
}
.list-gallery .text2 {
    margin: 3px 0  0;
    color: #111;
}
.list-gallery .text2 span:hover  {
    text-decoration:underline;
}
.list-gallery .text3 {
    margin: 3px 0 0;
}
.list-gallery .text4 {
    margin: 10px 0 0;
    color: #b2b2b2;
    font-size: 11px;
}
.list-gallery .text4 .divide-bar {
    margin: 0 5px;
}

.toggle-faq .qatype {
    padding-left:20px;
    float: left;
    /*margin: 0 10px 0 0;*/
    font-weight: bold;
    font-size: 14px;
    color: #3e3d3c;
}
.toggle-faq.a .qatype {
    color: #329cff;
}
.toggle-faq .toggle-btn {
    float: right;
    margin: 8px 10px 0;
}
.toggle-faq .faq-content {
    overflow: hidden;
    padding:0 30px 0 20px;
}
.toggle-faq .faq-content a {
    color:#444;
}
.toggle-faq.a td {
    padding:20px 0 20px 192px;
    background: #f9f9f9;
    line-height:22px;
}
.toggle-btn {
    display: inline-block;
    width: 9px;
    height: 6px;
    background: url('../img/etc/icon-toggle.png') 0 0 no-repeat;
}
.toggle-faq.open .toggle-btn {
    background-position: 0 -6px;
}
.toggle-faq.open .faq-content {
    font-weight: bold;
}

.date-check {
    margin-top:10px;
    overflow:hidden;
    padding:23px 0 23px 28px;
    border: 1px solid #d0d0d0;
}
.check-option  +  .check-cal {
    margin: 0 0 0 10px;
}
.date-check .check-option,
.date-check .check-cal,
.date-check .submit-block,
.date-check .h3 {
    float:left;
    vertical-align: middle;
}
.date-check .submit-block  {
    margin:0 0 0 14px;
}

.date-check .h3 {
    margin: 7px 10px 0 0;
}
.check-option {
    width: 320px;
}
.check-option-inner {
    overflow:hidden;
    padding-left:1px;
}
.check-option-inner .btn {
    width: 54px;
    float: left;
    margin: 0 0 0 -1px;
}

.check-option-inner .btn.active,
.check-option-inner .btn:hover {
    position: relative;
    z-index: 10;
    background: #aeaeae;
}
.check-option-inner .btn.active .inner,
.check-option-inner .btn:hover .inner {
    color: #fff;
    border: 1px solid #aeaeae;
}
.check-option-inner .btn .inner {
    width: 100%;
    border: 1px solid #d6d6d6;
    height: 34px;
    color: #777;
    font-size:12px;
}
.check-cal .cal-from,
.check-cal .divide,
.check-cal .cal-to {
    display: inline-block;
    position: relative;
}
.check-cal .cal-from input,
.check-cal .cal-to input {
    width: 100%;
    height: 34px;
    line-height: 34px;
    border: 1px solid #d6d6d6;
    font-size: 11px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 5px;
}
.check-cal .cal-from input::-ms-clear,
.check-cal .cal-to input::-ms-clear {
    display: none;
}
.check-cal .icon-cal {
    position: absolute;
    top: 10px;
    right: 6px;
}
.check-cal .cal-from,
.check-cal .cal-to {
    width: 105px;
}

.submit-block {
    float: right;
}

.list-event .list-item + .list-item {
    margin: 30px 0 0;
}
.list-event .list-item {
    overflow: hidden;
}
.list-event .list-item  > a {
    overflow: hidden;
    margin-right: 20px;
    display: block;
    width: 458px;
    height: 128px;
    border: 1px solid #d6d6d6;
    float: left;
}
.list-event .list-item-info {
    overflow: hidden;
}

.list-event .list-item-info p{
    text-align:left;
}

.list-event .list-item-info .text2 .span {
    color:#666;
    font-weight: normal;
    font-size:12px;
}
.list-event .list-item-info .text2 {
    font-size: 14px;
    font-weight: bold;
}
.list-event .list-item-info .text2 a  {
    color:#333;
}
.list-event .list-item-info .text2 a:hover  {
    text-decoration:underline;
}
.list-event .list-item-info .text3 {
    padding:5px 0 0;
}
.list-event .list-item-info .text4 {
    margin: 15px 0 0;
}
.list-event .list-item-info .text5 {
    font-size: 11px;
    margin: 4px 0 0;
}

.rating-b {
    display:inline-block;
    width:88px;
    height:15px;
    background:url('../img/etc/star-bg-88x15.png') no-repeat left top;
    vertical-align:-2px;
    text-align:left;
    text-indent:-9999px;
}
.rating-b span {
    padding:0px !important;
    display:block;
    background:url('../img/etc/star-fill-88x15.png') no-repeat left top;
}
/**
TODO:가변적으로 사이즈 조정되야함. 삭제요망
**/
/*.list-event .list-item a img {
    width: 100%
}*/
.board-toggle-b td {
    background: #f9f9f9;
}
.board-toggle-a td  {
    border-bottom: 1px solid #707070 !important;
}

.box-b {
    border: 3px solid #e3e3e3;
    padding: 20px 35px;
}
.box-b + .section {
    margin: 50px 0 0;
}
.box-b .col-a {
    float: left;
    margin: 0 25px 0 0;
}
.box-b .col-b {
    padding: 10px 0 10px 24px;
    border-left: 1px dotted #d2d2d2;
    overflow: hidden;
    margin: 10px 0 0;
}
.box-b .input {
    width: 400px;
    float: left;
}
.box-b .button {
    overflow: hidden;
}
.box-b .button .btn-m {
    padding: 0 0 0 10px;
}
.box-b .h2 {
    font-size: 16px;
    color: #111;
    margin: 0 0 10px 0;
}
.board-sorting ul li {
    float: left;
    margin: 0 10px 0 0;
}
.board-sorting ul li:first-child:after {
    display: none;
}
.board-sorting ul li:after {
    float: left;
    content: '';
    display: block;
    background: #d2d2d2;
    width: 1px;
    height: 10px;
    margin: 4px 10px 0 0;
}
.board-sorting ul li .active,
.board-sorting ul li a:hover {
    font-weight: bold;
    color: #111;
}
.board-ctrl-btn  {
    font-size:0;
}
.board-ctrl-btn .skinbtn  {
    margin:0 0 0 10px;
    padding:0 12px;
}
.board-ctrl-btn .btn-s1 em {
    width: 45px;
}
.search-box {
    padding: 10px;
    border: 1px solid #e8e8e8;
    border-left: 0;
    border-right: 0;
    background: #f7f7f7;
}
.search-box .item {
    display: inline-block;
    background:#fff;
    vertical-align: middle;
}
.search-box .item .skinbtn  {
    margin:0 0 0 2px;
}
.search-box .item .chosen-container {
    margin: 0;
}
.col3 .col {
    float: left;
    width: 33.3%;
}
.col2 .col {
    float: left;
    width: 50%;
}
.colspace2 {
    margin-left: -40px;
}
.colspace2 .col-inner {
    margin-left: 40px;
}
.contents-inner {
    padding: 30px 0 0 30px;
}
.section .section + .section {
    margin: 30px 0;
}
.section .section {
    margin: 0;
}
.section-header {
    margin: 0 0 10px 0;
    position: relative;
}
.section-header.bd {
    padding: 0 0 10px 0;
    border-bottom: 1px solid #0b0b0b;
}
.section-header.bd .option {
    margin: 0 0 10px 0;
}
.section-header.bd.non-border {
    border-bottom: none;
}
.section-header.type1 {
    margin: 0 0 30px 0;
    padding: 0 0 13px 0;
    border-bottom: 1px solid #0b0b0b;
}
.section-header .h2 {
    color: #111;
}
.section-header .option {
    position: absolute;
    top: 10px;
    right: 0;
}
.section-header .option.type1 {
    position: absolute;
    top: auto;
    bottom: 0;
    right: 0;
}
.section-header .option a .va-m {
    vertical-align: 1px;
}
.section-header .option a:hover {
}
.section  +  .section {
    margin: 50px 0 0;
}
.section.top-date  {
    margin:40px 0 0;
}
.section.top-qa  {
    margin:10px 0 0;
}
.admin-wrap {
    margin:10px 0 24px;
}
.banner-1 {
    background: #e3e3e3;
    text-align: center;
    color: #fff;
    height: 80px;
}
.goods-view-type1 + .textfield {
    margin-top: 30px;
    border-top: 1px solid #dbdbdb;
    padding-top: 29px;
    line-height:1.8;
}
.goods-view-type1 {
    overflow: hidden;
    padding:34px 17px 0;
}
.goods-view-type1 .goods-img {
    float: left;
    width: 160px;
    height: 160px;
    border: 1px solid #ccc;
    margin: 0 30px 0 0;
}
.goods-view-type1 .goods-content {
    overflow: hidden;
}
.goods-view-type1 .text1 {
    font-size: 14px;
}
.goods-view-type1 .text2 {
    margin: 5px 0 0;
}
.goods-view-type1 .goods-img img {
    vertical-align: top;
    width: 100%;
    height: 100%;
}
.goods-view-type1 .goods-stat {
    width: 150px;
    margin: 20px 0 0;
}
.goods-view-type1 .goods-stat .info-item {
    overflow: hidden;
}
.goods-view-type1 .goods-stat .info-item + .info-item {
    margin: 10px 0 0;
}
.goods-view-type1 .goods-stat .info-name {
    float: left;
    font-weight: bold;
    color: #494949;
}
.goods-view-type1 .goods-stat .info-value {
    overflow: hidden;
    text-align: right;
}

/* 마이페이지시작 */
.mypage .h2 {
    display: inline-block;
    vertical-align: text-bottom;
    color: #111;
}
.mypage .h2 + .sub-text {
    display: inline-block;
    vertical-align: text-bottom;
    font-size: 12px;
    color: #787878;
    margin: 0 0 0 10px;
}
.mypage .section-header > .h3 {
    font-size: 13px;
    color: #111;
    font-weight: normal;
}
.mypage .section-header > a {
    float: right;
    margin-top: -25px;
}
.section-header .h3-1 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}
.mypage-summary {
    border: 2px solid #e3e3e3;
    padding: 35px 0;
}
.mypage-summary-empty {
    border: 2px solid #e3e3e3;
    padding: 0 0 100px;
}
.member-grade-img {
    float: left;
    width: 140px;
    text-align: center;
}
.member-grade-text {
    overflow: hidden;
    margin-left:10px;
}
.member-grade-text .l-text {
    font-size: 16px;
    font-weight: bold;
    color: #303030;
}
.member-grade-text .l-text .strong {
    color: #3e3d3c;
}
.member-info {
    float: left;
    width: 420px;
    margin: 15px 0 0;
}
.member-points {
    overflow: hidden;
}
.member-points .point-item a:hover span {
    text-decoration: underline;
}
.member-points .point-item {
    float: left;
    width: 33.3334%;
    text-align: center;
}
.point-item .inner {
    padding: 10px;
}
.point-item  +  .point-item .inner {
    border-left: 1px dotted #d2d2d2;
    padding: 10px 0;
}
.point-item .inner > div  {
    padding:5px 0 0;
}
.point-item .inner > div > a {
    position:relative;
    top:2px;
}
.point-item .icon + p {
    font-weight: bold;
    font-size: 14px;
    color: #333;
}
.point-item .number {
    font-family:arial;
    font-size: 16px;
    font-weight: bold;
    color: #3e3d3c;
    margin: 4px 0 0;
}
.order-step {
    border: 1px solid #e3e3e3;
    border-top: 1px solid #717171;
    padding: 20px 20px 20px 0;
}
.order-step ol {
    float: left;
}
.order-step li .text {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0 0;
}
.order-step li .num {
    margin: 10px 0 0;
    text-align: center;
    display: inline-block;
    padding: 6px 11px;
    background: #c6c6c6;
    border-radius: 18px;
    font-family:arial;
}
.order-step li .num span {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}
.order-step .num.active {
    background: #3e3d3c;
}
.order-step ol li {
    float: left;
    width: 105px;
    text-align: center;
    position: relative;
}
.order-step li .icon {
    display: none;
}
.order-step .num:hover span {}
.order-step li + li .icon {
    display: block;
    position: absolute;
    top: 44px;
    left: -9px;
}
.order-total-status > .item {
    border-bottom: 1px dotted #ddd;
    padding: 4px 0;
}
.order-total-status .item .num {
    float: right;
    color: #7d7d7d;
}
.order-total-status .item .num span {
    margin: 0 4px;
    font-size: 14px;
}
.order-total-status .item .title {
    font-weight: bold;
}
.order-total-status {
    overflow: hidden;
    padding: 2px 0 2px 20px;
    border-left: 1px solid #e3e3e3;
}
.table1.type1 > table .ordernum .c-blue {
    margin: 5px 0 0;
    text-decoration: underline;
}
.table1.type1 > table .ordernum .c-blue a  {
    color:#329cff;
    font-weight:bold;
}
.table1.type1 > table .img {
    float: left;
    border:1px solid #dbdbdb;
    margin: 0 10px 0 0;
}
.table1.type1 > table .goods-info .goods-option {
    color: #a9a9a9;
    font-size: 11px;
    margin: 5px 0 0;
}
.table1.type1 > table td .text-type {
    display: block;
    min-height: 20px;
    padding: 4px 0 0;
}
.table1.type1 > table td .button + .button {
    margin: 5px 0 0;
}
.table1.type1 > table .goods-info.add {
    padding: 10px 0 0;
}
.table1 .add-item-icon {
    float: left;
    margin: 14px 10px 0 25px;
}
.table1.type1 > table .goods-info .goods-name a  {
    color: #444;
    word-break: break-all;
}
.table1.type1 > table .goods-info .goods-name a:hover  {
    text-decoration:underline;
}
.table1.type1 > table .goods-info .goods-name img {
}
.table1.type1 .goods-board  {
}
.table1.type1 .goods-board td  {
    height:50px;
    padding:15px 0;
}
.table1.type1 .goods-board thead th .form-element label,
.table1.type1 .goods-board tbody tr:first-child td:nth-child(1) .form-element label,
.table1.type1 .goods-board tbody tr:first-child td:nth-child(2) .form-element label,
.table1.type1 .goods-board tbody tr:not(:first-child) td:first-child .form-element label {
    width:17px;
    height:16px;
    padding:0;
    text-indent:-9999px;
}
.table1 .no-data,
.table1.type1 .no-data {
    text-align: center;
    color: #797979;
}
.table1.type1 .detail-view  {
    display:inline-block;
    position:relative;
}
.table1.type1 .detail-view > div  {
    left:0;
    top:23px;
    text-align:left;
}
.table1.type1 > table .goods-info .goods-name dl dt,
.table1.type1 > table .goods-info .goods-name dl dd {
    display:inline;
    color:#a9a9a9;
    font-size:11px;
}
.table1 .inner-table th,
.table1 .inner-table td {
    padding: 0;
    background: transparent;
    border: 0;
    color:#444;
    font-weight: normal;
}
.table1 .inner-table td {
    padding: 3px 3px 3px 20px;
    position: relative;
}
.table1 .inner-table td .sub-text {
    position: absolute;
    top: 4px;
    left: 100%;
    padding:0 0 0 8px;
    color:#a8a8a8;
    font-size:11px;
    white-space: nowrap;
}
.repass-text {
    font-size: 13px;
    color: #111;
}
.repass {
    border: 2px solid #e4e4e4;
    padding: 35px 0;
    text-align: center;
}
.repass .input-block {
    display: inline-block;
    margin: 0 40px;
}
.repass .input-block .label {
    color: #3a3a3a;
    margin: 0 10px 0 0;
    vertical-align: middle;
    display: inline-block;
}
.repass .input-block .value {
    vertical-align: middle;
    display: inline-block;
}
.repass .input-block .value.input-pass input {
    border: 1px solid #d6d6d6;
    height: 34px;
    width: 180px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    line-height:34px;
}

.mypage-info-change .join-form .table1 table tbody td .chosen-container .chosen-single {
    height: auto;
}
.mypage-info-change .join-form legend  +  .tit {
    margin-top: 0;
    padding-top: 0;
}
.mypage-info-change .join-form .tit h3 {
    font-size: 16px;
    font-weight: bold;
}
.mypage-info-change .join-form .tit p {
    margin: 5px 0 0;
}
.mypage-info-change .join-fform .tit {
    padding: 0;
    margin: 30px 0 5px;
}
.mypage-info-change .join-form {
    width: auto;
}
.mypage-info-change .terms-view {
    padding:32px 0 0;
}
.mypage-info-change .terms-view p {
    position:relative;
    min-height:20px;
    color:#333;
    font-size:13px;
}
.mypage-info-change .terms-view p .checkbox {
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
}
.mypage-info-change .terms-view p label {
    display:inline-block;
    min-height:20px;
    padding:0 0 0 27px;
    background:#fff url('../img/etc/check-off.png') no-repeat left top;
}
.mypage-info-change .terms-view p label:hover {
    background:#fff url('../img/etc/check-ov.png') no-repeat left top;
}
.mypage-info-change .terms-view p label.on {
    background:#fff url('../img/etc/check-on.png') no-repeat left top;
}
.mypage-info-change .terms-view p label span {
    color:#3e3d3c;
    font-size:13px;
}
.mypage-info-change .terms-view p label.on {
    font-weight:bold;
}
.mypage-info-change .terms-view p label span.option {
    color:#2e95ff;
}
.mypage-info-change .terms-view p a {
    color:#3e3d3c;
    font-size:12px;
    text-decoration:underline;
}
.mypage-info-change .terms-view > div {
    overflow-x:hidden;
    overflow-y:auto;
    height:89px;
    margin:10px 0 0;
    padding:20px;
    border:1px solid #e6e6e6;
    border-top:1px solid #717171;
    line-height:18px;
}
.mypage-info-change .terms-view .consignment-box {
    overflow:hidden;
    height:auto;
    padding:0;
    border:none;
    border-top:1px solid #717171;
}
.mypage-info-change .terms-view .consignment-box table {
    width:100%;
}
.mypage-info-change .terms-view .consignment-box table th {
    height:49px;
    padding:0 0 0 30px;
    background:#f9f9f9;
    border-bottom:1px solid #e6e6e6;
    color:#333;
    text-align:left;
}
.mypage-info-change .terms-view .consignment-box table th:first-child {
    padding:0;
    border-right:1px solid #e6e6e6;
    text-align:center;
}
.mypage-info-change .terms-view .consignment-box table td {
    padding:0 0 0 30px;
    border-bottom:1px solid #e6e6e6;
    color:#333;
}
.mypage-info-change .terms-view .consignment-box table td:first-child {
    padding:0;
    text-align:center;
    border-right:1px solid #e6e6e6;
}
.mypage-info-change .terms-view .consignment-box table td div {
    overflow-x:hidden;
    overflow-y:auto;
    height:64px;
    padding:15px 0 10px;
}

.snslink {
    border: 1px solid #cecece;
    padding: 30px 20px;
    text-align: left;
}
.snslink > .item + .item {
    margin: 0 0 0 90px;
}
.snslink > .item{
    margin: 0 0 0 20px;
}
.snslink > .item {
    display: inline-block;
}
.snslink .icon {
    margin: 0 5px 0 0;
}
.snslink .snsimg{
    vertical-align: middle;
    margin: 0 5px 0 0;
}
.snslink .snsimg+a{
    vertical-align: middle;
}


.password-reset {
}
.password-reset .input-item {
    overflow: hidden;
}
.password-reset .input-item + .input-item {
    margin: 5px 0 0;
}

.password-reset .input-item label {
    display:block !important;
    float: left;
    font-weight: bold;
    width: 124px;
}
.password-reset .input-item .txt-field {
    width: 200px !important;
}

.password-reset .input-item .input-block {
    overflow: hidden;
}
.layer-grade-benefit .table2 {
    margin: 10px;
}
.layer-grade-benefit {
    top: 154px;
    left: 352px;
    position:absolute;
    z-index:100;
    width:300px;
    height:auto;
    background:#fff;
    border:1px solid #555;
}
.layer-password-tip {
    top: -1px;
    left: 115px;
    position:absolute;
    z-index:10;
    width:400px;
    height:auto;
    background:#fff;
}
.layer-password-tip .wrap  {
    position:relative;
    border:1px solid #555;
}
.favor-layer .wrap > strong  {
    display:block;
    height:27px;
    padding:13px 0 0 17px;
    background:#f4f4f4;
    color:#222;
}
.layer-password-tip .wrap div  {
    overflow-x:hidden;
    overflow-y:auto;
    padding:15px;
    height: auto;
}

.layer-password-tip .wrap p:first-child {
    padding-top: 0;
}
.layer-password-tip .wrap p {
    padding: 10px 0;
}
.layer-password-tip .wrap .text1 {
    border-bottom: 1px solid #e8e8e8;

}
.layer-password-tip .wrap .text2 {
    border-bottom: 1px solid #e8e8e8;
}
.favor-layer .wrap div table  {
    width:250px;
}
.favor-layer .wrap div table th  {
    padding:0 5px 0 3px;
    border-bottom:1px solid #e8e8e8;
    color:#444;
    font-size:11px;
}
.favor-layer .wrap div table td  {
    padding:8px 0 8px 12px;
    color:#666;
    font-size:11px;
    border-bottom:1px solid #e8e8e8;
}
.favor-layer .wrap .close  {
    display:block;
    position:absolute;
    top:11px;
    right:12px;
    width:18px;
    height:18px;
    text-indent:-9999px;
    background:url('../img/btn/layer-close.png') no-repeat left top;
}

.paging-btn {
    position: relative;
}
.paging-btn .option-l {
    position: absolute;
    left: 0;
    top: 10px;
}

.star-point {
    display: inline-block;
    width: 84px;
    height: 15px;
    background: url('../img/etc/icon-star.png') no-repeat left top;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
}
.star-point.star1 {background-position: 0 -16px;}
.star-point.star2 {background-position: 0 -32px;}
.star-point.star3 {background-position: 0 -48px;}
.star-point.star4 {background-position: 0 -64px;}
.star-point.star5 {background-position: 0 -80px;}
.mypage-lnb  {
    width:176px;
    padding:25px 1px 100px;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
}
.mypage-lnb h2  {
    color:#3e3d3c;
    font-size:24px;
}
.mypage-lnb h3  {
    margin:32px 0 0;
    padding:0 0 9px;
    background:url('../img/etc/bar-lnb-tit.png') no-repeat left bottom;
    color:#222;
    font-size:14px;
}
.mypage-lnb h3 a {
    color:#222;
}
.mypage-lnb h3 a:hover {
    text-decoration:underline;
}
.mypage-lnb h3.my-question  {
    background:none;
}
.mypage-lnb h3.my-review  {
    margin:10px 0 0;
    background:none;
}
.mypage-lnb ul  {
    padding:12px 0 10px;
    line-height:24px;
}
.mypage-lnb ul li  {}
.mypage-lnb ul li a:hover  {
    text-decoration:underline;
}
.mypage-lnb ul li a.on  {
    color:#3e3d3c;
}
.input.faq-search  {
    width:auto;
}
.input.faq-search .txt-field  {
    margin-right:7px;
    height:32px;
}
.input.faq-search .txt-field .text  {
    height:30px;
    line-height:30px;
}
.input.faq-search .skinbtn em  {
    font-weight:bold;
    font-size:13px;
}
.ag-choice  {
    display:table;
    padding:20px 0 11px 8px;
}
.ag-choice.add  {
    border-top:1px solid #e9e9e9;
}

.ag-choice .list strong  {
    display:table-cell;
    width:81px;
    color:#555;
    padding:7px 10px 0;
    vertical-align:top;
}
.ag-choice .list > div  {
    display:table-cell;
    width:330px;
}
.goods-layout1 .ag-choice {
    width: 100%;
    padding: 20px 0 11px;
}
.goods-layout1 .ag-choice > strong {
    white-space: nowrap;
}
.goods-layout1 .goods-name-t {
    font-size: 14px;
    font-weight: bold;
    color: #000;
}
.goods-layout1 .goods-name {
    border-bottom: 1px solid #e6e6e6;
    padding: 0 0 15px;
}
.goods-layout1 .img-section {
    border: 1px solid #dbdbdb;
    float: left;
    margin: 0 20px 0 20px;
}
.goods-layout1 .content-section {
    float:right;
    /*overflow: hidden; */
    padding-right:5px;

}
.goods-layout1 .user-input {
    margin:0 0 9px;
}

.goods-layout1 .order-goods {
    clear:both;
}

.order-goods {
    background:#f5f5f5;
    border-top:none;
    border-bottom:2px solid #3e3d3c;
}
.order-goods .check {
    display:table;
    padding:13px 14px 13px 19px;
}
.order-goods > .check {
    border-top:1px solid #dbdbdb;
}
.order-goods .add {
    padding:20px 0 10px;
    border-top:1px solid #dbdbdb;
}
.order-goods .add .check {
    padding:0 14px 10px 19px;
}
.order-goods .add .check .name {
    padding:0 0 0 28px;
    background:url('../img/etc/ap.png') no-repeat 7px 11px;
}
.order-goods .check .name > span img {
    vertical-align:-4px;
}
.order-goods .check .name > span > em {
    display:block;
    padding:3px 0 5px;
    color:#777;
}
.order-goods .check > * {
    vertical-align:middle;
}
.order-goods .check .name {
    display:table-cell;
    width:271px;
    padding:0 10px 0 0;
    color:#555;
    word-break: break-all;
}
.order-goods .check .name > strong {
    color:#111;
    font-size:13px;
}
.order-goods .check .name > strong.btm-txt {
    display:inline-block;
    padding:7px 0 5px;
}
.order-goods .check .name > a img {
    margin:0 0 0 2px;
    vertical-align:-4px;
}
.order-goods .add .check .name img {
    width:31px;
    height:31px;
    margin:0 4px 0 0;
    border:1px solid #ccc;
    vertical-align:middle;
}
.order-goods .check .price {
    display:table-cell;
    width:210px;
    padding:0 13px;
    text-align:right;
}
#relateGoodsList .count,
.order-goods .check .price .count {
    display:inline-block;
    vertical-align:middle;
}
.count .text,
.order-goods .check .price .count .text {
    float:left;
    width:43px;
    height:31px;
    border:1px solid #ccc;
    color:#3f3f3f;
    line-height:31px;
    text-align:center;
}
.count span,
.order-goods .check .price .count span {
    float:left;
    margin:0 0 0 -1px;
}
.count span button,
.order-goods .check .price .count span button {
    display:block;
    width:23px;
    height:17px;
    text-indent:-9999px;
}
.count span button.up,
.order-goods .check .price .count span button.up {
    background:url('../img/btn/count-up.png') no-repeat left top;
}
.count span button.down,
.order-goods .check .price .count span button.down {
    margin:-1px 0 0;
    background:url('../img/btn/count-down.png') no-repeat left top;
}
.order-goods .check .price em {
    display:inline-block;
    min-width:87px;
    padding:0 0 0 15px;
    color:#333;
    font-size:13px;
    text-align:right;
    vertical-align:middle;
}
.order-goods .check .price em strong {
    font-family:arial;
}
.order-goods .check .del {
    display:table-cell;
}
.order-goods .check .del button {
    width:16px;
    height:16px;
    background:url('../img/btn/del.png') no-repeat left top;
    text-indent:-9999px;
}
.skinbtn.point2.wl-cart,
.skinbtn.point2.ogl-buysettle,
.skinbtn.point2.ogl-reviewrite {
    width:66px;
    height:24px;
    font-weight:normal;
    line-height:22px;
}
.skinbtn.point2.cl-find {
    width:101px;
    height:34px;
    line-height:32px;
}
.skinbtn.base2.coupon-reg {
    width:70px;
    height:28px;
    line-height:26px;
}
.skinbtn.point1.ho-prev,
.skinbtn.point2.ho-secession {
    width:130px;
    height:42px;
    line-height:40px;
}
.skinbtn.point1.mp-cancel,
.skinbtn.point2.mp-modify {
    width:128px;
    height:40px;
    line-height:38px;
    font-size:14px;
    font-weight:bold;
}
.skinbtn.base2.shipping-add {
    width:121px;
    height:30px;
    line-height:28px;
}
.skinbtn.default.wl-choicegoodsdelete {
    width:114px;
    height:30px;
    line-height:28px;
}
.skinbtn.default.wl-choicegoodscart {
    width:134px;
    height:30px;
    line-height:28px;
}
.skinbtn.point2.wl-cart,
.skinbtn.point2.cart-wish {
    width:66px;
    height:24px;
    padding:0;
    line-height:20px;
}
.shipping-header.h2,
.shipping-header.h3 {
    display:inline-block;
}
.shipping-add-layer {
    display:inline;
    float:right;
}
.section.top-date.delivery-layer {
    margin:20px 0 0;
}
.claimContents {
    width:696px;
    height:620px;
}
.claimContents h2 {
    padding:0 !important;
    border-bottom:none !important;
}
.claimContents h3 {
    padding:24px 0 15px 10px;
    color:#000;
    font-size:15px;
}
.claimContents table td {
    padding-left:20px !important;
}
.claimContents table td textarea {
    width:448px;
    height:98px;
    padding:10px;
    border:1px solid #dbdbdb;
}
.claimContents .caution {
    padding:7px 0 0;
    text-align:center;
}
.claimContents .caution-msg2 {
    display:inline-block;
    margin:0;
    color:#666;
    font-size:11px;
}
.claimContents .view > .btn {
    padding:30px 0 0;
    font-size:0;
    text-align:center;
}
.button.mypage-claim {
    padding-top:5px;
}

/*
    마이페이지 끝
*/

/*
    고객센터시작
*/
.cs-page {
    padding:30px 0 0 30px
}
.cs-page.index {
    padding:0;
}
.cs-page .main {
    margin:36px 0 0;
}
.cs-page .section-header .option a:hover {
    text-decoration:underline;
}
.cs-page .section-header .option a.skinbtn {
    text-decoration:none;
}
.cs-page .section-header {
    overflow:hidden;
    margin:0;
    padding:0 0 14px;
}
.cs-page .section-header h2 {
    float:left;
}
.cs-page .section-header .option {
    float:right;
    position:static;
    margin:5px 0 0;
}
.cs-page .section-header .option.type1 {
    margin:0;
}
.cs-page .type2 {
    margin:0;
}
.cs-page .board-write td .textarea textarea {
    width:598px;
    height:213px;
}
.cs-page .board-write td {
    padding-left:20px;
    padding-right:20px;
}
.cs-page .type-gallery {
    padding:13px 0 0;
}
.cs-page .type-gallery .txt .category {
    color:#888;
    font-size:11px;
}
.cs-page .type-gallery .txt > a {
    color:#444;
}
.cs-page .type-gallery .txt > a b {
    color:#3e3d3c;
}
.cs-page .type-gallery .txt .name {
    display:inline-block;
    padding:2px 0 0;
    color:#666;
}
.cs-page .type-gallery .txt .count {
    display:inline-block;
    padding:12px 0 0;
    color:#b2b2b2;
    font-size:11px;
}
.cs-page .type-gallery .txt .count span {
    margin:0 0 0 10px;
    padding:0 0 0 10px;
    background:url('../img/etc/bar-1x9-db.png') no-repeat left 4px;
}
.cs-page .skinbtn.base3.faq-search {
    width:101px;
    height:34px;
    line-height:32px;
}
.cs-lnb {
    width:176px;
    padding:25px 1px 100px;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
}
.cs-lnb h2 {
    color:#3e3d3c;
    font-size:24px;
}
.cs-lnb > h3 {
    margin:20px 0 0;
    color:#222;
    font-size:14px;
}
.cs-lnb > h3 a {
    color:#222;
}
.cs-lnb > h3 a:hover {
    text-decoration:underline;
}
.cs-lnb .contect-us {
    padding:48px 0 0;
}
.cs-lnb .contect-us h3 {
    margin:0 0 9px;
    padding:0 0 9px;
    background:url('../img/etc/bar-lnb-tit.png') no-repeat left bottom;
    color:#222;
}
.cs-lnb .contect-us strong {
    color:#3e3d3c;
    font-size:20px;
}
.cs-lnb .contect-us a {
    color:#3e3d3c;
    font-size:11px;
}
.cs-lnb .contect-us ul {
    padding:10px 0 0;
    color:#787878;
    line-height:17px;
}
.cs-lnb .bank {
    padding:45px 0 0;
}
.cs-lnb .bank h3 {
    margin:0 0 15px;
    padding:0 0 9px;
    background:url('../img/etc/bar-lnb-tit.png') no-repeat left bottom;
    color:#222;
}
.cs-lnb .bank p {
    padding:0 0 5px;
    color:#787878;
}
.cs-lnb .bank p strong {
    color:#333;
}
.cs-lnb .bank > strong {
    color:#444;
    font-size:16px;
}
/*
    고객센터끝
*/

.gift-layer {
    width:756px;
    height:567px;
}
.gift-layer h3 {
    padding:12px 0 15px 9px;
    color:#000;
}
.gift-layer h3 span {
    font-weight:normal;
}
.gift-layer h3 span b {
    color:#3e3d3c;
}
.gift-layer .choice {
    overflow-x:hidden;
    overflow-y:auto;
    height:364px;
    border-top:1px solid #717171;
    border-bottom:1px solid #dbdbdb;
}
.gift-layer .choice ul {
    padding:20px 0 0;
    font-size:0;
    vertical-align:top;
}
.gift-layer .choice ul li {
    display:inline-block;
    position:relative;
    width:140px;
    margin:0 12px 28px 0;
    padding:11px 11px 0;
    font-size:12px;
    vertical-align:top;
}
.gift-layer .choice ul li .thumbnail {
    position:relative;
    z-index:10;
    width:140px;
    height:140px;
    margin:0 0 12px;
    background:#f9f9f9;
}
.gift-layer .choice ul li .thumbnail img {
    width:140px;
    height:140px;
}
.gift-layer .choice ul li .form-element {
    position:relative;
    z-index:10;
}
.gift-layer .choice ul li .form-element label.on {
    font-weight:bold;
}

/*
    레이어 컨텐츠
*/
.delivery-layer {
    width:696px;
    padding:0 0 0px;
}
.delivery-add-layer h2,
.delivery-layer h2 {
    padding:0 !important;
    border-bottom:none !important;
}
.delivery-add-layer .table1 table tbody th.required {
    background:#f9f9f9 url('../img/etc/squre-4x4-red.png') no-repeat 8px 50%;
}
.delivery-layer .table1 table td {
    padding:14px 0;
}
.delivery-add-layer {
    width:694px;
    /*height:523px;*/
    height: auto;
}
.couponreg-layer {
    width:556px;
    height:262px;
}
.delivery-add-layer .tit {
    padding:20px 10px 10px !important;
}
.option-layer {
    width:623px;
    height:559px;
}
.option-layer .scroll-box {
    height:386px;
    padding:18px 0 0;
}
.option-layer .order-goods {
    border-bottom:none;
}
.option-layer .btn {
    border-top:2px solid #3e3d3c;
}
.coupon-down-layer {
    position:absolute;
    width:656px;
    height:543px;
}
.goods-select-layer {
    position:absolute;
    width:656px;
    height:543px;
}
.coupon-down-layer.apply-layer {
    height:654px;
}
.coupon-down-layer .view h2 {
    padding:0 !important;
    border:none !important;
}
.coupon-down-layer .view > p {
    padding:3px 0 0;
}
.coupon-down-layer .view > p strong {
    color:#3e3d3c;
}
.coupon-down-layer .view .scroll-box {
    height:365px;
    margin:17px 0 0;
    border-top: 1px solid #717171;
    border-bottom: 1px solid #dbdbdb;
}
.coupon-down-layer.apply-layer .view .scroll-box {
    height:356px;
}
.coupon-down-layer .view .table1 {
    padding:0 !important;
}
.coupon-down-layer .view .table1 table {
    border-top:none;
}
.coupon-down-layer .view .table1 .guide {
    padding:15px 0;
}
.coupon-down-layer .view .table1 .guide .msg {
    padding:7px 0 0;
}
.coupon-down-layer .view .table1 .guide strong {
    display:block;
    color:#3e3d3c;
    font-size:13px;
}
.coupon-down-layer .view .table1 td {
    padding:15px 0;
}
.coupon-down-layer .view .table1 td .btn-coupon-down {
    margin:0 0 7px;
}
.coupon-down-layer .view .table1 .guide2 strong {
    position:relative;
    top:2px;
    color:#3e3d3c;
    font-family:Arial;
    font-size:18px;
}
.coupon-down-layer .view .table1 .guide2 b {
    color:#3e3d3c;
    font-size:14px;
}
.coupon-down-layer .view .table1 .guide2 span {
    color:#444;
    font-size:14px;
    font-weight:bold;
}
.coupon-down-layer .view .table1 .guide2 em {
    display:block;
    padding:3px 0 0;
    color:#666;
    font-size:11px;
}
.coupon-down-layer .view .table1 .date {
    color:#777;
}
.coupon-down-layer .view .table1 .msg span {
    display:block;
    color:#9a9a9a;
    font-size:11px;
    line-height:16px;
}
.coupon-down-layer .view .benefits {
    overflow:hidden;
    margin:20px 0 0;
    padding:20px 20px 15px 0;
    border:2px solid #d6d6d6;
}
.coupon-down-layer .view .benefits .detail {
    float:right;
}
.coupon-down-layer .view .benefits .detail div {
    overflow:hidden;
    padding:2px 0;
}
.coupon-down-layer .view .benefits .detail div span {
    float:left;
    width:83px;
    color:#444;
}
.coupon-down-layer .view .benefits .detail div strong {
    position:relative;
    top:-5px;
    float:right;
    color:#555;
    font-size:13px;
}
.coupon-down-layer .view .benefits .detail div strong b {
    position:relative;
    top:2px;
    color:#3e3d3c;
    font-family:arial;
    font-size:18px;
    font-weight:bold;
}
.coupon-down-layer.my-coupon-layer {
    height:684px;
}
.coupon-down-layer.my-coupon-layer h3 {
    padding:20px 0 13px;
    color:#666;
    font-size:14px;
}
.coupon-down-layer.my-coupon-layer .table1 {
    margin:0 0 0;
    border-top:1px solid #dbdbdb;
}
.coupon-down-layer.my-coupon-layer .view .scroll-box {
    height:356px;
}
.coupon-down-layer.my-coupon-layer .view .benefits .detail div span {
    width:120px;
}
.exchange-layer {
    width:596px;
    height:351px;
}
.exchange-layer h2 {
    border-bottom:none !important;
}
.exchange-layer .table1 {
    padding:0 !important;
}
.exchange-layer table td {
    padding-left:20px !important;
}
.exchange-layer table td textarea {
    width:348px;
    height:98px;
    padding:10px;
    border:1px solid #dbdbdb;
}
.return-layer {
    width:696px;
    height:620px;
}
.return-layer.cancel-layer {
    height:397px;
}
.return-layer h2 {
    padding:0 !important;
    border-bottom:none !important;
}
.return-layer h3 {
    padding:24px 0 15px 10px;
    color:#000;
    font-size:15px;
}
.return-layer table td {
    padding-left:20px !important;
}
.return-layer table td textarea {
    width:448px;
    height:98px;
    padding:10px;
    border:1px solid #dbdbdb;
}
.return-layer .caution {
    padding:7px 0 0;
    text-align:center;
}
.return-layer .caution-msg2 {
    display:inline-block;
    margin:0;
    color:#666;
    font-size:11px;
}
.return-layer .view > .btn {
    padding:25px 0 0 !important;
}

.reason-layer {
    width:596px;
    height:540px;
}
.reason-layer h2 {
    border-bottom:none !important;
}
.reason-layer .claim-reason {
    border-top: 1px solid #717171;
}
.reason-layer .claim-reason.user {
    height: 250px;
}
.reason-layer .claim-reason.admin {
    height: 150px;
}
.reason-layer .scroll-box {
    height: 90px;
}
.reason-layer .regDt {
    padding:10px 0 10px 0;
}
.reason-layer .table1 {
    padding:0 !important;
}
.reason-layer .table1 tr:first-child th,
.reason-layer .table1 tr:first-child td {
    border-top: 1px solid #dbdbdb;
}
.reason-layer table {
    border-top:none;
}
.reason-layer table td {
    padding-left:20px !important;
}
.reason-layer .view > .btn {
    padding:25px 0 0 !important;
}

.settle-layer {
    width:700px;
}
.settle-layer h2 {
    border-bottom:none !important;
}
.settle-layer .table1 .btn {
    padding:20px 0 5px;
    font-size:0;
    text-align:center;
}

.add-cart-layer,
.add-wish-layer {
    width:405px;
    height:312px;
}
.add-cart-layer p,
.add-wish-layer p {
    margin:30px 0 0;
    padding:80px 0 0;
    background:url('../img/icon/add-cart-success.png') no-repeat center top;
    color:#222;
    font-size:14px;
    line-height:22px;
    text-align:center;
}
.add-wish-layer p {
    background:url('../img/icon/add-wish-success.png') no-repeat center top;
}
.add-cart-layer p.success {
    background:url('../img/icon/add-cart-success.png') no-repeat center top;
}
.add-wish-layer p.success {
    background:url('../img/icon/add-wish-success.png') no-repeat center top;
}
.add-cart-layer p.fail {
    background:url('../img/icon/add-cart-fail.png') no-repeat center top;
}


.cash-receipt-request-layer {
    position:absolute;
    z-index:100;
    width:320px;
    height:auto;
    background:#fff;
    border:1px solid #555;
}
.cash-receipt-request-layer .table2 {
    margin: 5px;
}
.cash-receipt-request-layer .wrap .table2 table tr + tr th,
.cash-receipt-request-layer .wrap .table2 table tr + tr td {
    border-top: 1px solid #e8e8e8;
}
.cash-receipt-request-layer .wrap .table2 table {
    width: 100%;
}
.cash-receipt-request-layer .wrap .table2 table td,
.cash-receipt-request-layer .wrap .table2 table th {
    padding: 10px;
    border-bottom: 0;
    font-size: 12px;
}
.cash-receipt-request-layer .wrap .table2 .button {
    text-align: center;
}
.cash-receipt-request-layer .wrap .table2 .btn-layer {
    padding:20px 0;
}
/*
    SNS 공유하기 시작
*/
.sns-share-layer {
    position: absolute;
    top: 24px;
    right: 0px;
    z-index: 10;
    width: 350px;
    background: #fff;
}

.sns-share-layer .wrap {
    position: relative;
    width: 348px;
    border: 1px solid #555;
}

.sns-share-layer .wrap > strong {
    display: block;
    height: 30px;
    padding: 10px 0 0 17px;
    background: #f4f4f4;
    color: #000;
    font-size: 14px;
}

.sns-share-layer .wrap > div {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 21px 20px;
}

.sns-share-layer .wrap > div ul {
    clear: both;
    overflow: hidden;
    margin: 0 0 15px;
}

.sns-share-layer .wrap > div ul li {
    float: left;
    width:25%;
    padding:20px 0 0;
    font-size:12px;
    text-align:center;
}
.sns-share-layer .wrap > div ul li img {
    width: 35px;
    height: 35px;
}
.sns-share-layer .wrap > div ul li span {
    display:inline-block;
    padding:5px 0 0;
}
.sns-share-layer .wrap > div ul li a:hover span {
    text-decoration:underline;
}

.sns-share-layer .wrap > div .copyurl {
    clear: both;
}
.sns-share-layer .gd_clipboard.gd_clipboard.skinbtn.point2 {
    width:80px;
    height:33px;
}
.sns-share-layer .wrap .close {
    display: block;
    position: absolute;
    top: 11px;
    right: 12px;
    width: 18px;
    height: 18px;
    text-indent: -9999px;
    background: url('../img/btn/layer-close.png') no-repeat left top;
}
/*
    SNS 공유하기 끝
*/

/*
    qr코드 시작
*/
.js-qrcode-layer {
    position: absolute;
    top: 24px;
    right: 0px;
    z-index: 10;
    width: 350px;
    background: #fff;
}

.js-qrcode-layer .wrap {
    position: relative;
    width: 348px;
    border: 1px solid #555;
}

.js-qrcode-layer .wrap > strong {
    display: block;
    height: 30px;
    padding: 10px 0 0 17px;
    background: #f4f4f4;
    color: #000;
    font-size: 14px;
}

.js-qrcode-layer .wrap .qrcode-image {
    padding:0px  10px;
    position:relative;
}

.js-qrcode-layer .wrap .qrcode-image a {
    position:absolute;
    bottom:15px;
}

.js-qrcode-layer .wrap .qrcode-info {
    padding:0px 30px 20px;
}

.js-qrcode-layer .wrap .qrcode-info> strong {
    color:#3e3d3c;
    height:30px;
    line-height:30px;
    border-bottom:1px solid #e9e9e9;
    display:block;
    width:100%;
    margin-bottom:5px;
}
.js-qrcode-layer .wrap  .qrcode-info ol{
    padding-bottom:10px;
    font-size:11px;
}

.js-qrcode-layer .wrap  .qrcode-info p{
    font-size:11px;
}


.js-qrcode-layer .wrap .close {
    display: block;
    position: absolute;
    top: 11px;
    right: 12px;
    width: 18px;
    height: 18px;
    text-indent: -9999px;
    background: url('../img/btn/layer-close.png') no-repeat left top;
}
/*
    qr코드 끝
*/

/*
    퀵검색
*/
.quick-search {
}
.quick-search h2 {
    padding:0 0 10px 25px;
    color:#3e3d3c;
    font-size:20px;
    background:url('../img/icon/quick-search-tit.png') no-repeat left 7px;
    border-bottom:1px solid #ccc;
    margin:20px 0 0 0;
}
.quick-search.location-top {
    position:fixed;
    width:100%;
    background:#fff;
    border-bottom:2px solid #3e3d3c;
    z-index:9999;
    top:-430px;
}
.quick-search.location-top .box {
    position:relative;
    width:1000px;
    margin:0 auto;
    padding:23px 0 0;
    max-height:600px;
    overflow-y:auto;
}
.quick-search .box > .btn-search {
    display:block;
    width:140px;
    height:45px;
    margin:30px auto 30px;
}
.quick-search .box > .btn-search em {
    width:138px;
    height:43px;
    font-size:15px;
    font-weight:bold;
}
.quick-search .box > .btn-close {
    display:block;
    position:absolute;
    right:0;
    top:30px;
    width:18px;
    height:18px;
    background:url('https://skinnbeauty.co.kr/data/skin/front/mplshop/img/btn/quick-close.png') no-repeat left top;
    text-indent:-9999px;
}
.quick-search.location-top .box h2 {
    margin:0 0 10px;
}
.quick-search.location-top .box > .list {
    padding:0 12px;
}
.quick-search.location-top .box > .list:after {
    content:"";
    display:block;
    clear:both;
}
.quick-search.location-top .box > .list h3 {
    float:left;
    width:106px;
    padding:17px 0 0;
    color:#222;
}
.quick-search.location-top .box > .list > div {
    float:right;
    width:820px;
    padding:15px 0 15px 10px;
    border-bottom:1px solid #e8e8e8;
}
.quick-search.location-top .box > .list.brand > div {
    overflow-y:auto;
    max-height:85px;
    padding-bottom:8px;
}
.quick-search.location-top .box > .list.benefit > div {
    padding-bottom:8px;
}
.quick-search.location-top .box > .list.benefit .form-element,
.quick-search.location-top .box > .list.brand .form-element {
    margin:0 41px 7px 0;
}
.quick-search.location-top .box > .list.ctgr > div {
    padding-bottom:8px;
}
.quick-search.location-top .box > .list.ctgr .st-hs {
    float:left;
    margin:0 0 7px 13px;
    padding:0 0 0 20px;
    background:url('../img/etc/quick-ctgr-arrow.png') no-repeat left 50%;
}
.quick-search.location-top .box > .list.ctgr .st-hs:first-child {
    margin:0;
    padding:0;
    background:none;
}
.quick-search.location-top .box > .list.ctgr .st-hs .select2-container {
    width:180px !important;
}
.quick-search.location-top .box > .list.price input.text.field-s {
    width:158px;
}
.quick-search.location-top .box > .list.color .form-element {
    margin:0 1px 0 0;
}
.quick-search.location-top .box > .list.icons .form-element.icon-check {
    vertical-align:top;
    width:10%;
}
.quick-search.location-top .box > .list.icons .form-element.icon-check label img {
    pointer-events: none;
}
.quick-search.location-top .box > .list.search-word input.text.field-s {
    width:378px;
}
.quick-search.location-top .btn-layer {
    display:block;
    position:relative;
    top:34px;
    width:120px;
    height:32px;
    margin:0 auto;
    background:url('../img/btn/quick-search-top.png') no-repeat left top;
    color:#fff;
    text-align:center;
}
.quick-search.location-top .btn-layer:hover {
    color:#ffc4be;
}
.quick-search.location-top .btn-layer strong {
    position:relative;
    top:-2px;
    padding:0 20px 0 0;
    background:url('../img/btn/quick-search-top-show.png') no-repeat right 8px;
}
.quick-search.location-top .btn-layer:hover strong {
    background:url('../img/btn/quick-search-top-show-ov.png') no-repeat right 8px;
}
.quick-search.location-top .btn-layer.hide strong {
    background:url('../img/btn/quick-search-top-hide.png') no-repeat right 8px;
}
.quick-search.location-top .btn-layer.hide:hover strong {
    background:url('../img/btn/quick-search-top-hide-ov.png') no-repeat right 8px;
}
.quick-search.location-side {
    position:fixed;
    top:0;
    z-index:100;
    width:470px;
    height:100%;
    background:#fff;
}
.quick-search.location-side.left {
    left:-470px;
    border-right:2px solid #3e3d3c;
}
.quick-search.location-side.right {
    right:-470px;
    border-left:2px solid #3e3d3c;
}
.quick-search.location-side .btn-layer {
    display:block;
    position:absolute;
    top:50%;
    width:32px;
    height:120px;
    margin:-60px auto 0;
    padding:0 5px;
    color:#fff;
    text-align:left;
}
.quick-search.location-side.left .btn-layer {
    right:-34px;
    background:url('../img/btn/quick-search-left.png') no-repeat left top;
}
.quick-search.location-side.left .btn-layer:hover {
    color:#ffc4be;
}
.quick-search.location-side.left .btn-layer strong {
    display:block;
    padding:0 0 18px 3px;
    background:url('../img/btn/quick-search-right-arrow.png') no-repeat 6px bottom;
}
.quick-search.location-side.left .btn-layer:hover strong {
    display:block;
    padding:0 0 18px 3px;
    background:url('../img/btn/quick-search-right-arrow-ov.png') no-repeat 6px bottom;
}
.quick-search.location-side.left .btn-layer.hide {
    background:url('../img/btn/quick-search-left.png') no-repeat left top;
}
.quick-search.location-side.left .btn-layer.hide strong {
    background:url('../img/btn/quick-search-left-arrow.png') no-repeat 6px bottom;
}
.quick-search.location-side.left .btn-layer.hide:hover strong {
    background:url('../img/btn/quick-search-left-arrow-ov.png') no-repeat 6px bottom;
}
.quick-search.location-side.right .btn-layer {
    left:-34px;
    background:url('../img/btn/quick-search-right.png') no-repeat left top;
}
.quick-search.location-side.right .btn-layer:hover {
    color:#ffc4be;
}
.quick-search.location-side.right .btn-layer strong {
    display:block;
    padding:0 0 18px 3px;
    background:url('../img/btn/quick-search-left-arrow.png') no-repeat 6px bottom;
}
.quick-search.location-side.right .btn-layer:hover strong {
    background:url('../img/btn/quick-search-left-arrow-ov.png') no-repeat 6px bottom;
}
.quick-search.location-side.right .btn-layer.hide {
    background:url('../img/btn/quick-search-right.png') no-repeat left top;
}
.quick-search.location-side.right .btn-layer.hide strong {
    background:url('../img/btn/quick-search-right-arrow.png') no-repeat 6px bottom;
}
.quick-search.location-side.right .btn-layer.hide:hover strong {
    background:url('../img/btn/quick-search-right-arrow-ov.png') no-repeat 6px bottom;
}
.quick-search.location-side .box {
    position:relative;
    height:100%;
    margin:0 0 0 20px;
    padding:0;
    overflow-y:auto;
}
.quick-search.location-side .box>div {
    margin:0 20px 0 0;
}
.quick-search.location-side .list {
    overflow:hidden;
    border-bottom:1px solid #e8e8e8;
}
.quick-search.location-side .list > h3 {
    float:left;
    width:74px;
    color:#222;
}
.quick-search.location-side .list > div {
    float:right;
    width:356px;
}
.quick-search.location-side .list.brand {
    padding:20px 0 0;
}
.quick-search.location-side .list.brand > h3 {
    padding:5px 0 0;
}
.quick-search.location-side .list.brand > div {
    overflow-y:auto;
    overflow-x:hidden;
    max-height:110px;
    padding:5px 0 0;
}
.quick-search.location-side .list.brand .form-element {
    margin:3px 40px 7px 0;
}
.quick-search.location-side .list.ctgr {
    padding:15px 0 0;
}
.quick-search.location-side .list.ctgr h3 {
    float:none;
    padding:0 0 13px;
}
.quick-search.location-side .list.ctgr > div {
    float:none;
    overflow:hidden;
    width:430px;
    padding:0 0 10px;
}
.quick-search.location-side .list.ctgr .st-hs {
    float:left;
    margin:0 0 10px 12px;
    padding:0 0 0 18px;
    background:url('../img/etc/quick-ctgr-arrow.png') no-repeat left 50%;
}
.quick-search.location-side .list.ctgr .st-hs.left {
    margin-left:0;
    padding-left:0;
    background:none;
}
.quick-search.location-side .list.ctgr .st-hs .select2-container {
    width:200px !important;
}
.quick-search.location-side .list.price {
    padding:20px 0;
}
.quick-search.location-side .list.price h3 {
    padding:5px 0 0;
}
.quick-search.location-side .list.price .text.field-s {
    width:118px;
}
.quick-search.location-side .list.color, .quick-search.location-side .list.icon {
    padding:20px 0 10px;
}
.quick-search.location-side .list.color h3 {}
.quick-search.location-side .list.color > div {
}
.quick-search.location-side .list.color > div .form-element {
    margin:0 1px 10px 0;
}
.quick-search.location-side .list.search-word {
    padding:20px 0;
}
.quick-search.location-side .list.search-word h3 {
    padding:5px 0 0;
}
.quick-search.location-side .list.search-word .text.field-s {
    width:324px;
}
.quick-search.location-side .list.benefit {
    padding:15px 0;
}
.quick-search.location-side .list.benefit h3 {
    padding:2px 0 0;
}
.quick-search.location-side .list.benefit .form-element {
    margin:3px 30px 3px 0;
}
.quick-search.location-side .list.icons .form-element.icon-check {
    float:left;
    width:33%;
    min-height:30px;
}
.quick-search.location-side .list.icons {
    padding:20px 0;
}
.quick-search.location-side .list.icons > div {
    font-size:0px;
    letter-spacing:0px;
    word-spacing:0px;
}
.quick-search.location-side .list.icons > div label img {
    pointer-events: none;
}


.quick-search.location-side  .ctgr select {
    width:100%;
}

.quick-search.location-side  .ctgr .chosen-container {
    padding-top:10px;
}

.quick-search.location-side  .ctgr h3 {
    padding-top:20px;
}


.quick-search .color label {
    width:20px;
    height:20px;
    padding:0;
    background-image:none;
    text-indent:-9999px;
    cursor:pointer;
}
.quick-search .color label:hover {
    background-image:none;
}
.quick-search .color label.on {
    background-image:url('../img/etc/check-color.png') !important;
    background-repeat:no-repeat;
    background-position:center;
}



/*
    준비중
*/
.site-ready {
    width:578px;
    margin:200px auto 0;
    padding:210px 0 90px;
    background:url('../img/etc/site-ready.png') no-repeat center 69px;
    border:1px solid #e0e0e0;
    text-align:center;
}
.site-ready strong {
    color:#222;
    font-size:28px;
}
.site-ready p {
    padding:20px 0 0;
    color:#222;
    font-size:16px;
    line-height:1.5;
}

/*
    성인인증 시작
*/
.adult-wrap {
    display:table;
    position:absolute;
    width:100%;
    height:100%;
    min-height:100%;
}
.adult-wrap .adult-container {
    display:table-cell;
    height:100%;
    min-height:100%;
}
.adult-wrap .adult-container .msg {
    position:relative;
    top:0;
    overflow:hidden;
    min-height:430px;
    height:50%;
}
.adult-wrap .adult-container .msg .guest {
    width:707px;
    margin:170px auto 0;
    padding:0 0 0 193px;
    background:url('../img/etc/adult.png') no-repeat left 10px;
}
.adult-wrap .adult-container .msg .member-guide {
    width:990px;
    margin:140px auto 0;
    padding:170px 0 0;
    background:url('../img/etc/adult.png') no-repeat center top;
    text-align:center;
}
.adult-wrap .adult-container .msg .member-guide strong,
.adult-wrap .adult-container .msg .guest strong {
    color:#222;
    font-size:28px;
    letter-spacing:-1px;
}
.adult-wrap .adult-container .msg .member-guide strong span,
.adult-wrap .adult-container .msg .guest strong span {
    color:#e61212;
}
.adult-wrap .adult-container .msg .member-guide p,
.adult-wrap .adult-container .msg .guest p {
    padding:10px 0 20px;
    color:#222;
    font-size:16px;
}
.adult-wrap .adult-container .msg .member-guide p span,
.adult-wrap .adult-container .msg .guest p span {
    color:#e61212;
}
.adult-wrap .adult-container .msg .guest .skinbtn em {
    width:186px;
    height:42px;
    font-size:13px;
}

.adult-wrap .adult-container .certification {
    position:relative;
    bottom:0;
    overflow:hidden;
    min-height:50%;
    background:#f7f7f7;
}
.adult-wrap .adult-container .certification .send {
    overflow:hidden;
    width:898px;
    /*height:150px;*/
    margin:60px auto 0;
    padding:49px 0;
    background:#fff;
    border:1px solid #dbdbdb;
}
.adult-wrap .adult-container .certification .send .guest {
    float:left;
    padding:0 0 0 49px;
}
.adult-wrap .adult-container .certification .send .guest span {
    display:block;
    padding:0 0 13px;
    color:#222;
    font-size:20px;
}
.adult-wrap .adult-container .certification .send .guest .skinbtn {
    display:block;
    margin:0 0 10px;
    width:328px;
    height:42px;
    font-size:13px;
}
.adult-wrap .adult-container .certification .send .member-login {
    position:relative;
    float:left;
    width:403px;
    height:100%;
    margin:0 0 0 38px;
    padding:0 0 0 38px;
    border-left:1px solid #dbdbdb;
}
.adult-wrap .adult-container .certification .send .member-login span {
    display:block;
    padding:0 0 13px;
    color:#222;
    font-size:20px;
}
.adult-wrap .adult-container .certification .send .member-login .txt-field {
    width:208px;
    height:36px;
    margin:0 0 11px;
}
.adult-wrap .adult-container .certification .send .member-login .txt-field .text {
    height:34px;
    line-height:34px;
}
.adult-wrap .adult-container .certification .send .member-login .skinbtn {
    position:absolute;
    top:40px;
    right:0;
}
.adult-wrap .adult-container .certification .send .member-login .btn-ff4c2e-bg {
    position:absolute;
    top:40px;
    right:0;
}
.adult-wrap .adult-container .certification .send .member-login .btn-ff4c2e-bg em {
    width:156px;
    height:85px;
    font-size:16px;
}
.adult-wrap .adult-container .certification .url {
    padding:95px 0;
    color:#999;
    font-size:14px;
    text-align:center;
}
.adult-wrap .adult-container .certification .choice {
    width:800px;
    height:198px;
    margin:60px auto 0;
    padding:0 49px;
    background:#fff;
    border:1px solid #dbdbdb;
}
.adult-wrap .adult-container .certification .choice span {
    display:block;
    padding:50px 0 13px;
    color:#222;
    font-size:20px;
}
.adult-wrap .adult-container .certification .choice div {
    overflow:hidden;
}
.adult-wrap .adult-container .certification .choice .skinbtn {
    float:right;
    background:#fff;
}
.adult-wrap .adult-container .certification .choice .skinbtn:first-child {
    float:left;
}
.adult-wrap .adult-container .certification .choice .skinbtn em {
    width:388px;
    height:48px;
    font-size:13px;
}
.skinbtn.default.authCellphone,
.skinbtn.default.authIpin {
    width: 390px;
    height: 50px;
}
/*
    성인인증 끝
*/

/*
    브랜드리스트 시작
*/
.brand-wrap {
    padding:40px 0 0;
}
.brand-wrap h2 {
    color:#000;
    font-size:24px;
}
.brand-wrap .index {
    margin:18px 0 0;
    padding:20px 0 20px 30px;
    background:#f4f4f4;
}
.brand-wrap .index div {
    overflow:hidden;
}
.brand-wrap .index div button {
    float:left;
    width:31px;
    height:31px;
    margin:0 3px 0 0;
    background:#fff;
    border:1px solid #d0d0d0;
    color:#666;
    font-weight:bold;
}
.brand-wrap .index div button:hover {
    border:1px solid #3e3d3c;
}
.brand-wrap .index div button.all {
    width:46px;
    margin:0 8px 0 0;
}
.brand-wrap .index div button.on {
    position:relative;
    background:#3e3d3c;
    border:1px solid #3e3d3c;
    color:#fff;
}
.brand-wrap .index div.alphabet {
    padding:8px 0 0 0px;
}
.brand-wrap .list {
    margin:45px 0 0;
}
.brand-wrap .list > ul {
    display:table;
    margin:0 0 30px;
}
.brand-wrap .list > ul > li {
    display:table-cell;
    width:167px;
    min-height:50px;
    padding:0 0 20px;
    border-left:1px solid #e8e8e8;
}

.brand-wrap .list > ul > li  img{
    max-width:100%;
    max-height:18px;
}

.brand-wrap .list > ul > li:first-child {
    width:163px;
    border-left:none;
}
.brand-wrap .list > ul > li > strong {
    display:block;
    height:34px;
    padding:7px 0 0 20px;
    background:#f1f1f1;
    box-sizing:border-box;
    font-size:13px;
}
.brand-wrap .list > ul > li > strong a {
    color:#222;
}
.brand-wrap .list > ul > li a:hover {
    color:#3e3d3c;
}
.brand-wrap .list > ul > li > ul {
    padding:5px 0 0 15px;
    line-height:22px;
}
.brand-wrap .list > ul > li > ul > li > a {
    color:#666;
}
.brand-wrap .list > ul > li > ul > li > ul {
    padding:0 0 14px 7px;
}
.brand-wrap .list > ul > li > ul > li > ul > li > a {
    color:#999;
}
/*
    브랜드리스트 끝
*/

/*
    이용제한 쇼핑몰
*/
.blackout {
    width:578px;
    margin:12% auto 0;
    padding:210px 0 90px;
    background:url('../img/etc/blackout.png') no-repeat center 69px;
    text-align:center;
}
.blackout.incontent{
    background: url('../img/etc/img-poll.png') no-repeat center 55px;
}
.blackout > strong {
    color:#222;
    font-size:28px;
}
.blackout p {
    padding:20px 0 0;
    color:#222;
    font-size:16px;
    line-height:1.5;
}

.blackout.incontent{
    margin-top: 10px;
}
.blackout.incontent .resultview{
    font-size: 14px;
    margin-bottom: 10px;
}
.blackout.incontent .resultview a{
    text-decoration: underline;
}
/*
    버튼시작
*/
.skinbtn.base2.boardlist-write {
    width:75px;
    height:30px;
    line-height:28px;
}
.skinbtn.base2.boardlist-search {
    width:50px;
    height:28px;
    line-height:26px;
}
.skinbtn.base2.gv-layerciteconfirm,
.skinbtn.base2.boardview-write,
.skinbtn.base2.boardlist-submit {
    width:70px;
    height:28px;
    line-height:26px;
}
.skinbtn.point2.boardview-recommend {
    width:64px;
    height:20px;
    padding:0;
    line-height:16px;
    font-size:11px;
}
.skinbtn.base1.boardview-confirm {
    width:82px;
    height:82px;
    line-height:80px;
}
.skinbtn.default.boardview-del,
.skinbtn.default.boardview-modify,
.skinbtn.default.boadview-reply,
.skinbtn.default.boardview-list {
    height:28px;
    line-height:26px;
}
.skinbtn.base2.citelayer-confirm {
    width:70px;
    height:28px;
    line-height:26px;
}
.skinbtn.base2.boarddwrite-uploadfile {
    width:70px;
    height:28px;
    line-height:26px;
    font-size:12px;
}
.normal-btn.small1.uploadremove,
.normal-btn.small1.boarddwrite-addupload {
    height:28px;
    line-height:26px;
    width:56px;
}
.normal-btn.small2.captchareload {
    width:127px;
    padding:0 !important;
    font-size:11px;
}
.normal-btn.small2.captchareload img {
    margin:0;
}
/* 공통레이어버튼 공통취소확인버튼 */
.skinbtn.point2.layerboard-save,
.skinbtn.point1.layerboard-close,
.skinbtn.point1.boarddwrite-prev,
.skinbtn.point2.boarddwrite-save {
    width:100px;
    height:42px;
    line-height:40px;
    font-size:14px;
}
.skinbtn.base2.contactus-write {
    height:30px;
    line-height:28px;
    padding:0 12px;
}
.skinbtn.point2.qa-find {
    width:101px;
    height:32px;
    line-height:30px;
}
.skinbtn.point2.gs-search {
    width:101px;
    height:33px;
    line-height:31px;
}
.skinbtn.point1.layer-close {
    width:100px;
    height:42px;
    line-height:40px;
    font-size:14px;
}
.skinbtn.point1.ctc-cart,
.skinbtn.point2.ctc-buy {
    width:208px;
    height:43px;
    line-height:41px;
    font-size:14px;
    font-weight:bold;
}
.skinbtn.base1.gbqv-modify,
.skinbtn.base1.gbqv-delete,
.skinbtn.base1.gbrv-modify,
.skinbtn.base1.gbrv-delete {
    width:60px;
    height:26px;
    line-height:24px;
}
.skinbtn.point2.gv-notorderpossible {
    width:240px;
    height:61px;
    line-height:59px;
    font-size:20px;
}
.skinbtn.point2.gv-notorderpossible.soldout {
    width:240px;
    height:61px;
    line-height:59px;
    font-size:20px;
    background:#6b6b6b;
    /*border-top:2px solid #3e3d3c;*/
    border:none;
    cursor: default;
}
.skinbtn.point2.gv-notorderpossible.restock {
    width:156px;
    height:61px;
    line-height:61px;
    font-size:18px;
    /*border-top:2px solid #3e3d3c;*/
    cursor: pointer;
}
.skinbtn.point2.gv-notorderpossible.restock~.skinbtn.point2.gv-notorderpossible.soldout {
    width:400px;
    height:61px;
    line-height:59px;
    font-size:20px;
    background:#6b6b6b;
    /*border-top:2px solid #3e3d3c;*/
    border:none;
    cursor: default;
}
.skinbtn.point1.btn-add-cart,
.skinbtn.point1.btn-add-wish {
    width:152px;
    height:61px;
    line-height:59px;
    font-size:16px;
    font-weight:bold;
}
.skinbtn.point2.btn-add-order {
    width:242px;
    height:61px;
    line-height:59px;
    font-size:20px;
    font-weight:bold;
}
.skinbtn.point2.btn-add-restock {
    width:122px;
    height:61px;
    line-height:59px;
    font-size:16px;
    font-weight:bold;
}
.skinbtn.point2.btn-add-restock~.skinbtn.point1.btn-add-cart {
    width:124px;
    height:61px;
    line-height:59px;
    font-size:16px;
    font-weight:bold;
}
.skinbtn.point2.btn-add-restock~.skinbtn.point1.btn-add-wish {
    width:108px;
    height:61px;
    line-height:59px;
    font-size:16px;
    font-weight:bold;
}
.skinbtn.point2.btn-add-restock~.skinbtn.point2.btn-add-order {
    width:180px;
    height:61px;
    line-height:59px;
    font-size:20px;
    font-weight:bold;
}

.skinbtn.point1.gv-qnalist,
.skinbtn.point2.gv-qnawrite,
.skinbtn.point1.gv-reviewlist,
.skinbtn.point2.gv-reviewwrite {
    width:151px;
    height:40px;
    line-height:38px;
}
.skinbtn.point1.layer-cartaddcancel,
.skinbtn.point2.layer-cartaddconfirm,
.skinbtn.point1.layer-wishaddcancel,
.skinbtn.point2.layer-wishaddconfirm {
    width:78px;
    height:42px;
    line-height:40px;
}
.skinbtn.point2.lca-couponapply {
    width:125px;
    height:42px;
    line-height:40px;
    font-size:14px;
}
.skinbtn.point2.lcd-allcoupondown {
    width:192px;
    height:42px;
    line-height:40px;
    font-size:14px;
}
.skinbtn.point2.btn-tax-invoice-request {
    width:150px;
    height:40px;
    line-height:38px;
    font-size:14px;
    font-weight:bold;
}
.skinbtn.point2#btnChange {
    width:162px;
    height:50px;
    font-size:14px;
}
.skinbtn.default#btnReset,
.skinbtn.default#btnLater {
    width:115px;
    height:50px;
    font-size:14px;
}

/*
    출석체크 프로모션 시작
*/
.attendance-check {
    width:100%;
    padding:30px 0 0;
}
.attendance-check .top-banner {

}
.attendance-check .view {
    padding:30px 40px;
    border:6px solid #f4f4f4;
    border-top:none;
}
.attendance-check .view .states {
    overflow:hidden;
}
.attendance-check .view .states p {
    float:left;
    font-size:14px;
}
.attendance-check .view .states p strong {
    color:#3e3d3c;
}
.attendance-check .view .states span {
    float:right;
    color:#666;
    font-size:14px;
}
.attendance-check .view .month {
    padding:30px 0 0;
    text-align:center;
}
.attendance-check .view .month button {
    position:relative;
    top:7px;
    width:15px;
    height:26px;
    text-indent:-9999px;
    vertical-align:top;
}
.attendance-check .view .month button.prev {
    background:url('../img/btn/attendance-carendar.png') no-repeat left top;
}
.attendance-check .view .month button.next {
    background:url('../img/btn/attendance-carendar.png') no-repeat right top;
}
.attendance-check .view .month strong {
    margin:0 34px;
    color:#24242c;
    font-size:28px;
}
.attendance-check .view .carendar {
    table-layout:fixed;
    width:100%;
}
.attendance-check .view .carendar th {
    height:89px;
    color:#24242c;
    font-size:18px;
    text-align:center;
}
.attendance-check .view .carendar td {
    height:89px;
    border-top:1px solid #f4f4f4;
    color:#bcbcbc;
    font-size:18px;
    font-weight:bold;
    text-align:center;
    vertical-align:top;
}
.attendance-check .view .carendar td div {
    height:88px;
    padding:33px 0 0;
    box-sizing: border-box;
}
.attendance-check .view .carendar td div.attend {
    background:url('../img/icon/attendance-check.png') no-repeat center 13px;
    color:#3e3d3c;
}
.attendance-check .view .carendar td div.today {
    padding:30px 0 0;
    background:url('../img/icon/attendance-carendar-today.png') no-repeat center 15px;
    color:#222;
}
.attendance-check .view .carendar td div.next-month {
    color:#dfdfdf;
}
.attendance-check .view .table1 {
    margin:15px 0 0;
}
.attendance-check .view .table1 > table thead th {
    height:29px;
}
.attendance-check .view .table1 > table tbody td {
    height:49px;
}
.attendance-check .comment {
    overflow:hidden;
    padding:20px 0 0;
}
.attendance-check .comment textarea {
    float:left;
    width:830px;
    height:86px;
    padding:5px 10px;
    border:1px solid #ccc;
    box-sizing: border-box;
    line-height:18px;
}
.attendance-check .comment .skinbtn {
    float:right;
}
.skinbtn.point2.btn-attendance-check {
    display:block;
    width:240px;
    height:61px;
    margin:30px auto 0;
    line-height:59px;
    font-size:20px;
}
.skinbtn.point2.btn-attendance-check2 {
    display:block;
    width:160px;
    height:86px;
    line-height:38px;
    font-size:13px;
}
.attendance-check .admin-msg {
    margin:50px 0 0;
    line-height:1.6;
}
.attendance-check.black-skin {}
.attendance-check.black-skin .view {
    background:#35353f;
    border:6px solid #35353f;
}
.attendance-check.black-skin .view .states p,
.attendance-check.black-skin .view .states span {
    color:#fff;
}
.attendance-check.black-skin .view .month strong {
    color:#fff;
}
.attendance-check.black-skin .view .carendar th {
    color:#fff;
}
.attendance-check.black-skin .view .carendar td {
    background:#282831;
    border-top:none;
    color:#ababad;
}
.attendance-check.black-skin .view .carendar td div.attend {
    color:#fff;
}
.attendance-check.black-skin .view .carendar td div.today {
    background:url('../img/icon/attendance-carendar-today2.png') no-repeat center 15px;
    color:#fff;
}
.attendance-check.black-skin .view .carendar td div.next-month {
    color:#5a5a60;
}
.attendance-check.black-skin .view .month button.prev {
    background:url('../img/btn/attendance-carendar.png') no-repeat left bottom;
}
.attendance-check.black-skin .view .month button.next {
    background:url('../img/btn/attendance-carendar.png') no-repeat right bottom;
}
.attendance-check.black-skin .table1 > table {
    border-top:1px solid #44444D;
}
.attendance-check.black-skin .table1 > table thead th {
    background:#2E2E38;
    border-bottom:1px solid #44444D;
    color:#fff;
}
.attendance-check.black-skin .table1 > table td {
    border-bottom:1px solid #4A4A53;
    color:#e1e1e2;
}
.attendance-check.black-skin .board-paging .btn {
    border:1px solid #4c4c53;
}
.attendance-check.black-skin .board-paging a {
    border:none;
    color:#ccc;
}
.attendance-check.black-skin .board-paging .this {
    border:1px solid #3e3d3c;
    color:#3e3d3c;
}
/*
    출석체크 프로모션 끝
*/


/*
    타임세일
*/
.time-sale {}
.time-sale > .tit-term {
    position:relative;
    padding:20px 0 0;
}
.time-sale > .tit-term h4 {
    width:460px;
    color:#111;
    font-size:24px;
    letter-spacing:-1px;
}
.time-sale > .tit-term strong {
    position:absolute;
    bottom:0;
    right:0;
    color:#3e3d3c;
    font-size:14px;
    letter-spacing:-1px;
}
.time-sale > .event > .ctt {
    margin:18px 0 0;
    border:1px solid #dadada;
    /* font-size:0; */
}
.time-sale > .event > .count {
    padding:20px 0;
    border:1px solid #dadada;
    border-top:none;
    text-align:center;
}
.time-sale > .event > .count > strong {
    margin:0 10px 0 4px;
    font-size:16px;
}
.time-sale > .event > .count > div {
    display:inline-block;
    font-size:18px;
}
.time-sale > .event > .count > div > strong {
    display:inline-block;
    width:36px;
    height:30px;
    padding:6px 0 0;
    background:url('../img/etc/bg-timesale-day.png') no-repeat left top;
    color:#fff;
    font-family:Arial;
    margin-right:5px;
}
.time-sale > .event > .count > .time > strong {
    background:url('../img/etc/bg-timesale-time.png') no-repeat left top;
}
.time-sale > .event > .count > div > span {
    padding:0 2px;
}
.table1 table .time-sale {
    display:inline-block;
    min-height:20px;
    padding:0 0 0 20px;
    background:url('../img/icon/time.png') no-repeat left 2px;
    color:#3e3d3c;
    font-size:13px;
}

/* 더보기 버튼 */
.time-sale > .btn_goods_down_more{width:100%; margin:30px 0 30px 0; border-top:1px solid #ececec; text-align:center;}
.time-sale > .btn_goods_down_more .btn_goods_view_down_more{display:inline-block; margin-top:-1px; padding:5px 28px 6px 20px; font-weight:bold; border:1px solid #dbdbdb; border-top:none 0;
    background:url(https://skinnbeauty.co.kr/data/skin/front/img/icon/goods_icon/icon_down_more.png) no-repeat right center;
    background-color:#ffffff;
}
.time-sale > .btn_goods_more{position:absolute; bottom:14px; right:5px;}
.time-sale > .btn_goods_more .btn_goods_view_more{padding:2px 5px 3px 5px; font-size:11px; font-weight:bold; border:1px solid #dbdbdb;}

/*
    타임세일 끝
*/

/* 미입금자 리스트 시작 */
.banner-unknown {
    position:relative;
    left:-1px;
}

.layer-depositor {
    position:fixed;
    left:0;
    top:0;
    z-index:100;
    overflow-y:auto;
}
.layer-depositor .box {
    background:#fff;
    border:2px solid #555;
}
.layer-depositor .box .view {
    position:relative;
    margin:14px 20px;
}
.layer-depositor .box .view h2 {
    padding:0 0 13px;
    border-bottom:1px solid #717171;
    color:#000;
    font-size:18px;
}

.layer-depositor .box .view .close {
    display:block;
    position:absolute;
    top:6px;
    right:0;
    width:18px;
    height:18px;
    text-indent:-9999px;
    background:url('../img/btn/layer-close.png') no-repeat left top;
}


.unknown-layer {}
.unknown-layer .box {
    width:570px;
    height:560px;
}
.unknown-layer .box .view > div {
    padding:20px 10px 0;
}
.unknown-layer .box .view .space {
    width:200px;
    height:30px;
}
.unknown-layer .box .view > div .search {
    padding:20px 0 13px;
}
.unknown-layer .box .view > div .search li {
    float:right;
    padding:0 14px 0 0;
}
.unknown-layer .box .view > div .search li:first-child {
    float:left;
    width:187px;
    padding:0 0 0 14px;
}
.unknown-layer .box .view > div .search li:first-child .text {
    background:url('../img/etc/icon-cal.png') no-repeat right 50%;
}
.unknown-layer .box .view > div .search li .txt-field {
    width:111px;
}
.unknown-layer .box .view > div .search li .txt-field,
.unknown-layer .box .view > div .search li .txt-field .text {
    box-sizing:border-box;
}
.unknown-layer .box .view > div .search li .btn-search {
    width:76px;
    height:33px;
    line-height:31px;
}
.unknown-layer .box .view > div .board {}
.unknown-layer .box .view > div .board table {
    width:100%;
}
.unknown-layer .box .view > div .board table th {
    height:38px;
    border-top:2px solid #d2d2d2;
    border-bottom:1px solid #e6e6e6;
}
.unknown-layer .box .view > div .board table td {
    height:38px;
    border-bottom:1px solid #e6e6e6;
    text-align:center;
}

/* 미입금자 리스트 끝 */

/* 비밀번호 변경 페이지 */
.change-pw-page {
    margin:60px 0 0;
    padding:60px 49px 40px;
    border:1px solid #dbdbdb;
}
.change-pw-page > h3 {
    color:#3e3d3c;
    font-size:28px;
    text-align:center;
}
.change-pw-page > .msg1 {
    padding:10px 0 0;
    color:#111;
    font-size:20px;
    text-align:center;
}
.change-pw-page > .msg2 {
    padding:20px 0 0;
    color:#666;
    font-size:14px;
    text-align:center;
}
.change-pw-page > .box {
    margin:40px 0 0;
    padding:40px 260px;
    background:#f4f4f4;
}
.change-pw-page > .box .txt-field label {
    color:#8c8c8c;
}
.change-pw-page > .box .new-pw {
    margin:20px 0 0;
    padding:16px 0;
    border-top:1px dotted #b4b4b4;
}
.change-pw-page > .box p {
    padding:6px 0 0 3px;
    color:#3e3d3c;
}
.change-pw-page > .btn {
    padding:40px 0 0;
    font-size:0;
    text-align:center;
}
.change-pw-page > .btn .btn-a3-bd,
.change-pw-page > .btn .btn-ff4c2e-bg {
    margin:0 5px;
}
.change-pw-page > .btn .btn-a3-bd em {
    width:115px;
    height:50px;
    font-size:14px;
}
.change-pw-page > .btn .btn-ff4c2e-bg em {
    width:162px;
    height:50px;
    margin:0 5px;
    font-size:14px;
}
.change-pw-page > .tip {
    padding:60px 0 0;
}
.change-pw-page > .tip h4 {
    width:43px;
    height:23px;
    background:url('../img/icon/tip.png') no-repeat left top;
    text-indent:-9999px;
}
.change-pw-page > .tip strong {
    display:block;
    padding:5px 0 7px;
    color:#444;
    font-size:13px;
}
.change-pw-page > .tip p {}
/* 비밀번호 변경 페이지 끝 */

/*20160530 윤태건 페이코로그인*/
.sns-login{
    display: block;
    text-align: center;
    background: #fff;
    color: #fff;
}
.sns-login > img{
    vertical-align: sub;
    width:100%;
}
.sns-login{
    margin: 12px 0 0;
    font-size: 15px;
    line-height: 60px;
    height: 62px;
    background: #fff;
    border-radius: 1px;
    color: #333;
    font-weight: normal;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;

}
.sns-login:hover{
    /* box-shadow: inset 0 0 15px rgba(20,20,20,0.4);*/
}
.sns-login.pa{
    /*background: #fa2828;*/
}
.sns-login.normal:after{
    content: '';
    position: absolute;
    bottom: -21px;
    left: -1px;
    right: -1px;
    height: 1px;
    background: #dcdcdc;
}
.sns-login.normal{
    position: relative;
    background: #fff;
    color: #333;
    margin-top: 0;
    height: 62px;
    line-height: 60px;
    border: 1px solid #888;
    color: #333;
    font-size: 16px;
    margin-bottom: 40px;
}
.snslink .snsconnect-text{
    margin: 10px 0 0;
}
.snsconnect-text{
    float: left;
    margin: 8px 0 0;
}
.snsconnect{
    float: right;
}

.snsconnect .sns-login{
    float: left;
    margin: 6px 6px 0 0;
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    line-height:1em;
    height:44px;
}

/*20160530 윤태건 페이코로그인//*/



/* Slider */
.slider-wrap {
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slider-wrap .slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slider-wrap .slick-track,
.slider-wrap .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slider-wrap .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slider-wrap .slick-track:before,
.slider-wrap .slick-track:after {
    display: table;
    content: '';
}
.slider-wrap .slick-track:after {
    clear: both;
}
.slider-wrap .slick-loading .slick-track {
    visibility: hidden;
}

.slider-wrap .slick-slide  {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}

.slider-wrap .slick-slide img  {
    display: block;
}
.slider-wrap .slick-slide.slick-loading img  {
    display: none;
}
.slider-wrap .slick-slide.dragging img  {
    pointer-events: none;
}
.slider-wrap .slick-slide  {
    display: block;
}
.slider-wrap .slick-loading .slick-slide  {
    visibility: hidden;
}
.slider-wrap .slick-vertical .slick-slide  {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slider-wrap .slick-arrow.slick-hidden {
    display: none;
}

/*설문조사*/
.poll-section{
    margin: 30px 0;
}
.poll-title{
    margin: 10px 0;
}
.poll-list ul li{
    margin: 10px 0;
}
.poll-graph{
    display: inline-block;
}
.poll-graph .graph-name{
    display: inline-block;
    width: 100px;
}
.poll-graph .graph-gauge{
    display: inline-block;
    background: #3e3d3c;
    height: 15px;
}
.poll-textarea textarea{
    width: 100%;
    padding: 10px;
    height: 100px;
    border: 1px solid #cecece;
    box-sizing: border-box;
}
.poll-textarea .textarea{
    padding: 10px;
    border: 1px solid #cecece;
    box-sizing: border-box;
    word-break:break-all;
}
.poll-list ul li *{
    vertical-align: middle;
}
.poll-info{
    background: #f8f8f8;
    padding: 15px;
    margin: 20px 0;
}
.poll-info table td,
.poll-info table th{
    color: #333;
}
.poll-info table td{
    padding:5px 10px;

}

/**게시판 추가상품**/
.goods-select .selected-info{
    padding-bottom: 10px;
    border-bottom: 1px dotted #ddd;
    position: relative;
}
.select-item-num{
    position: absolute;
    top: 5px;
    right: 0;
}
.goods-select .selected-info .selected-info-text,
.goods-select .selected-info .select-btn{
    display: inline-block;
    vertical-align: middle;
}
.goods-select .goods-item-outer{
    display: block;
}
.goods-select .goods-item-outer+.goods-item-outer{
    border-top: 1px solid #e6e6e6;
}
.goods-select .goods-item{
    display: table;
    width: 100%;
    table-layout: fixed;
}
.goods-select .goods-item .goods-item-cell{
    display: table-cell;
    vertical-align: middle;
    padding-top: 10px;
    padding-bottom: 10px;
}
.goods-select .goods-item .cell-info{
    padding-left: 20px;
}
.goods-select .cell-price{
    width: 150px;
    text-align: right;
}
.goods-select .cell-delete{
    width: 50px;
    text-align: center;
}
.goods-select .item-remove{
}
.goods-select .goods-item .cell-img{
    width: 80px;
}
.goods-select .goods-item .cell-img a{
    display: block;
    border: 1px solid #dbdbdb;
}
.goods-select .goods-item .cell-img img{
    width: 100%;
}

.itemorder-wrap{
    overflow: hidden;
    margin: 20px 0;
}
.itemorder-head{
    float: left;
    margin-right: 20px;
}
.itemorder-head a{
    width: 138px;
    display: block;
    border: 1px solid #e9e9e9;
}
.itemorder-head a img{
    width: 100%;
}
.itemorder-body{
    overflow: hidden;
}
.itemorder-body .itemorder-info-wrap{
    overflow: hidden;
}
.select-goods .itemorder-result{
    width: 200px;
}
.itemorder-body .itemorder-name{
    font-weight: bold;
    font-size: 14px;
    margin: 0 0 10px 0;
}
.itemorder-body .itemorder-options{
    float: left;
    width: 70%;
}
.itemorder-body .itemorder-result{
    overflow: hidden;
}
.itemorder-body .itemorder-result .result-wrap{
    overflow: hidden;
}
.itemorder-body .itemorder-result .result-wrap+.result-wrap{
    margin-top: 10px;
}
.itemorder-body .itemorder-result .result-title{
    float: left;
    width: 80px;
}
.itemorder-body .itemorder-result .result-val{
    overflow: hidden;
    display: block;
    /*text-align: right;*/
}
.layer-wrap .box .view .table1.type3{
    padding: 0;
}
.layer-wrap .box .view .table1.type3 td{
    padding: 10px;
}
.layer-wrap .box .view .table1.type3 .form-element label{
    min-width: 0;
}
.goods-select-layer .date-check {
    overflow: visible;
}
.date-check-row+.date-check-row{
    margin-top: 10px;
}
.date-check-row:after{
    content: '';
    clear: both;
    display: block;
}
.date-check-head{
    width: 100px;
    float: left;
}
.date-check-head .h3{

}
.search-box1{
    /*overflow: hidden;*/
}
.search-filter{
    float: left;
    width: 100px;
    margin: 0 10px 0 0;
}
.search-filter select{
    width: 100%;
}
.search-filter .chosen-container-single .chosen-sch{
    height: 35px;
}
.search-text{
    overflow: hidden;
}
.date-check-content{

}
.date-check-submit{
    text-align: center;
    margin-top: 20px;
}
.check-cal.cal-type2 .cal-from,
.check-cal.cal-type2 .cal-to{
    width: auto;
}
.check-cal.cal-type2 .cal-from input,
.check-cal.cal-type2 .cal-to input{
    width: 100px;
}
.add-item{
}
.add-item .img{
    display: inline-block;
    vertical-align: middle;
}
.img-size-m{
    width: 38px;
    display: block;
    border: 1px solid #dbdbdb;
}
.img-size-m img{
    vertical-align: middle;
    width: 100%;
}
.add-item .img+.item-info{
    margin-left: 10px;
    vertical-align: middle;
}
.text-sub{
    color: #a9a9a9;
}
.item-info{
    width:420px;
    display: inline-block;
}
.goods-select-layer.layer-size-l{
    width: 756px;
}
.goods-select-layer.order.layer-size-h-a{
    width: 800px;
    height: auto;
}
.goods-select-layer.layer-size-h-a{
    width: 770px;
    height: auto;
}
.goods-select-layer.layer-size-h-a .scroll-area{
    height: 640px;
    overflow: auto;
    padding-bottom: 10px;
    border-bottom: 1px solid #e6e6e6;
}
.skinbtn.btn-m{
    width: 100px;
}
.goods-select-layer .date-check{
    overflow: visible;
}
.date-check {
    padding:23px 10px 23px 28px;
}

/* 장바구니 내 견적서 */
.cart-estimate {
    padding: 0 30px 10px 30px;
}

.cart-estimate table {
    margin: auto;
}

.cart-estimate td {
    font-family: "돋움", serif;
    font-size: 9pt;
    color: #333333;
    margin: auto;
}

.cart-estimate .panel {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    color: #333333;
    border: 1px solid #888888;
    margin-top:15px;
    margin-bottom:30px;
}

.cart-estimate .panel-default > .panel-heading {
    background: #FFFFFF;
    border-color: #dddddd;
}

.cart-estimate .panel-heading,
.cart-estimate .panel-body {
    padding: 10px;
}

.cart-estimate .panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.cart-estimate p {
    margin: 0 0 8px;
}

.cart-estimate .page-header {
    margin-top: 24px;
    margin-bottom: 25px;
    width: 100%;
    border-bottom: 2px solid #888888;
    padding-bottom: 10px;
}

.cart-estimate .page-header h3 {
    font-size: 22px;
    color: #222222;
    font-weight: bold;
}

.cart-estimate .page-header .btn-group {
    float: right;
    margin-top: -40px;
}

.cart-estimate .contents {
    margin:0 auto 0 auto;
    width: 604px;
    border: solid 2px #000000;
}

.cart-estimate .contents table {
    border-collapse: collapse;
}

.cart-estimate .contents thead {
    position: relative;
}

.cart-estimate .contents table td {
    border: 1px solid #000000;
}

.cart-estimate .contents table tr {
    height: 22px;
}

.cart-estimate .contents table tr,
.cart-estimate .contents table td,
.cart-estimate .contents table td input {
    text-align: center;
    background-color: transparent;
}

.cart-estimate .contents input[type="text"]::-ms-clear {
    display: none;
}

.cart-estimate .contents table:nth-child(2) tbody td {
    padding: 3px;
}

.cart-estimate .contents table table tr {
    height: 34px;
}

.cart-estimate .contents table table tr td {
    width: 20%;
}

.cart-estimate .contents table table tr:first-child td {
    border-top-width: 0;
}

.cart-estimate .contents table table tr:last-child td {
    border-bottom-width: 0;
}

.cart-estimate .contents table table tr td:first-child {
    border-left-width: 0;
}

.cart-estimate .contents table table tr td:last-child {
    border-right-width: 0;
}

.cart-estimate .contents table table tr td:nth-child(odd) {
    background-color: #F6F6F6;
}

@media print {
    .cart-estimate .hidden-print {
        display: none !important;
    }
}
/* 장바구니 내 견적서 끝 */

/* 옵션이 많을 경우 ie에서 선택시 스크롤 생기는 버그 방지 */
.chosen-container .chosen-drop {
    overflow-y: auto;
    max-height: 400px;
}

/* 마이페이지 클레임(반품/교환/환불) 탭 영역 */
.contents-inner.mypage .section .tab {
    overflow: hidden;
    padding-bottom: 15px;
}

.contents-inner.mypage .section .tab a {
    float: left;
    width: 30%;
    height: 40px;
    padding: 10px 0 0;
    margin: 0 0 0 -1px;
    border: 1px solid #dfdfdf;
    background-color: #F6F6F6;
    color: #787878;
    font-size: 13px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.contents-inner.mypage .section .tab .blank {
    width: 40%;
    border: none;
    border-left: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    background-color: #FFFFFF;
}

.contents-inner.mypage .section .tab a:first-child {
    margin: 0;
}

.contents-inner.mypage .section .tab a.on {
    position: relative;
    border: 1px solid #707070;
    border-bottom: 1px solid #fff;
    background-color: #FFFFFF;
    color: #111;
    font-weight: bold;
}
/* 마이페이지 클레임(반품/교환/환불) 탭 영역 끝 */

/*20161121 상단 배너*/
.pc-top-banner{
    /*배경색은 배너마다 달라져야 함*/
    background: #f5f5f5;
    position: relative;
}
.pc-top-banner-in{
    margin: 0;
    width: 100%;
    height: inherit;
    text-align: left;
    vertical-align: middle;
    overflow:auto;
}
.pc-top-banner-content {
    float: left;
    width: 100%;
    height: inherit;
}
.pc-top-banner-ctrl{
    float: right;
    width: 140px;
}
.pc-top-banner-ctrl > a {
    position: absolute;
}
.pc-top-banner-close {
    right: 20px;
    top: 30px;
}
.pc-top-banner-today {
    white-space: nowrap;
    right: 20px;
    bottom: 20px;
}
/*20161121 상단 배너 // */

.quick-search.location-side .list .form-element.icon-check {
    float:left;
    width:33%;
    min-height:30px;
}

/* 상품 재입고 알림 신청 */
.restock-area { width: 500px; height: 100%; }
.restock-area .restock-top-area {
    background-color: #A6A6A6;
    width: 100%;
    height: 50px;
    line-height: 50px;
}
.restock-area .restock-top-area > div {
    color: #ffffff;
    font-size: 16px;
    display:inline-block;
}
.restock-area .restock-top-area > div:first-child {
    float: left;
    text-align: left;
    margin-left: 10px;
}
.restock-area .restock-top-area > div:last-child {
    float: right;
    text-align: right;
    margin-right: 10px;
    cursor: pointer;
}
.restock-area .restock-contents-area { margin: 5px; }
.restock-area .restock-contents-area .restock-button {
    width: 130px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    font-weight: bold;
    padding: 3px;
    display:inline-block;
}
.restock-area .restock-contents-area .restock-button1 {
    background-color: #5D5D5D;
    border:1px solid #8C8C8C;
    color: white;
}
.restock-area .restock-contents-area .restock-button2 {
    background-color: #A6A6A6;
    border:1px solid #8C8C8C;
    color: black;
}
.restock-area .restock-contents-area .restock-goods-name {
    height: 30px;
    line-height: 30px;
    padding-left: 5px;
    font-weight: bold;
    background-color: #EAEAEA;
}
.restock-area .restock-contents-area .restock-option-area { margin-top: 20px; }
.restock-area .restock-contents-area .restock-option-area .restock-option-name { font-weight: bold; }
.restock-area .restock-contents-area .restock-option-area .restock-option-contents {
    margin-top: 5px;
    height: 100px;
    overflow-y : scroll;
    background-color: #EAEAEA;
}
.restock-area .restock-contents-area .restock-option-area .restock-option-contents > div { margin: 5px; }
.restock-area .restock-contents-area .restock-option-area .restock-option-contents > div > input[type="checkbox"]{ vertical-align: middle !important; }
.restock-area .restock-contents-area .restock-option-area .restock-option-button-area { margin-top: 10px; text-align: center; }
.restock-area .restock-contents-area .restock-request-input-area {
    background-color: #EAEAEA;
    margin-top: 20px;
    width: 100%;
    height: 40px;
    line-height: 40px;
}
.restock-area .restock-contents-area .restock-request-input-area > div > input { width: 170px; height: 25px; }
.restock-area .restock-contents-area .restock-request-input-area > div { float: left; margin-left: 10px; }
.restock-area .restock-contents-area .restock-private-area { margin-top: 20px; }
.restock-area .restock-contents-area .restock-private-area .restock-private-subject {  }
.restock-area .restock-contents-area .restock-private-area .restock-private-subject span { color: #FF8224; font-weight: bold; }
.restock-area .restock-contents-area .restock-private-area .restock-private-contents {
    overflow-y: scroll;
    height: 100px;
    background-color: #EAEAEA;
    margin-top: 5px;
}
.restock-area .restock-contents-area .restock-private-area .restock-private-contents > div{ margin: 5px; }
.restock-area .restock-contents-area .restock-message { text-align: center; margin-top: 10px; }
.restock-area .restock-contents-area .restock-request-button-area { text-align: center; margin-top: 10px; }

/* 성인 인트로 화면 아이디, 비번 찾기 버튼 */
.adult-wrap .adult-container .certification .send .btn {
    position: relative;
    float: right;
    width:403px;
    margin: 30px 0 0;
    font-size: 0;
    text-align: center;
}
.adult-wrap .adult-container .certification .send .skinbtn1.base3.l-join, .skinbtn1.default.l-findid, .skinbtn1.default.l-findpw {
    width: 127px;
    height: 44px;
    line-height: 42px;
    font-weight: bold;
}
.skinbtn1.base3 {
    background: #6b6b6b;
    border: 1px solid #6b6b6b;
    color: #fff;
}
.skinbtn1.default {
    border: 1px solid #a3a3a3;
    color: #666;
}
.skinbtn1 {
    display: inline-block;
    height: 40px;
    padding: 0 5px;
    text-align: center;
    vertical-align: top;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 12px;
}
.skinbtn1 + .skinbtn1 {
    margin: 0 0 0 10px;
}

/* 마이페이지 - 배송방식 상태 확인 레이어 */
.delivery-method-layer {
    position: relative;
    width: 500px;
    min-height: 300px;
    background: #fff;
}
.delivery-method-layer .wrap {
    position: relative;
    min-height: 296px;
    padding: 0 0 0 20px;
    border: 2px solid #555;
}
.delivery-method-layer .wrap h4 {
    margin: 0 17px 0 0;
    padding: 14px 0;
    border-bottom: 1px solid #717171;
    color: #000;
    font-size: 18px;
}
.delivery-method-layer .close {
    display: block;
    position: absolute;
    top: 22px;
    right: 20px;
    width: 18px;
    height: 18px;
    text-indent: -9999px;
    background: url('../img/btn/layer-close.png') no-repeat left top;
}
.delivery-method-layer .delivery-method-layer-table { margin: 0 17px 0 0; }
.delivery-method-layer .delivery-method-layer-table table { border-top: 1px solid #dbdbdb !important; }

/*** 주문취소 사유 레이어 ***/
.layer-wrap .box .view .user2 .tit,
.layer-wrap .box .view .refund_cause_type .tit{padding-top:10px;}
.box .view .user2 .tit h3,
.box .view .refund_cause_type .tit h3{padding-top:0; font-size:14px; font-weight:bold; color:#222222;}
.reason-layer .user2 .table1 tr:first-child th, .reason-layer .user2 .table1 tr:first-child td{border-top:#717171 1px solid;;}
.reason-layer .claim-reason.refund_cause_type{border-top:none;}
.refund_cause_infor{padding:9px 10px 10px 16px; color:#444444; font-weight:bold; border-top:#717171 1px solid; border-bottom:1px solid #dbdbdb; background:#f7f7f7;}
.refund_cause_infor li{margin-top:3px;}
.refund_cause_infor li:first-child{margin-top:0;}
.refund_cause_txt{height:165px; padding:15px 20px; color: #777777; border-bottom: 1px solid #dbdbdb; overflow-y:auto;}

/* 게시판 비밀댓글 */
.secret-reply-checkbox-login{width:100%; margin-bottom: 3px;}
.secret-reply-checkbox-not-login{width:100%; margin-bottom: 3px;left: 229px;}
.goods-secret-reply-checkbox-not-login{width:100%; margin-bottom: 3px;left: 205px;}
.secret-reply-checkbox-login label,
.secret-reply-checkbox-not-login label{position:static !important;background-color:transparent;color:#333 !important;cursor:pointer !important;}
.goods-secret-reply-checkbox-not-login label{position:static !important;background-color:transparent;color:#333 !important;cursor:pointer !important;}