@charset "utf-8";

.layout-create .base-el .selectbox {
    transition: border 0.2s, background 0.2s;
    position: relative;
    width: calc(100% - 2px);
    text-align: left;
    display: block;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    cursor: pointer;
}

.layout-create .base-el .selectbox .select:after {
    display: none;
}

.layout-create .base-el .selectbox button {
    text-align: left;
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 38px;
    outline: 0;
    margin: 0;
    border: 0;
    padding: 0 43px 1px 15px;
    background-color: transparent;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.layout-create .base-el .selectbox button span {
    position: relative;
    left: 0;
    top: 0;
    display: inline-block;
    font-family: var(--family-light);font-weight: var(--weight-light);
    line-height: 38px;
    font-size: 15px;
    color: #333;
}

.layout-create .base-el .selectbox button:before,
.layout-create .base-el .selectbox button:after {
    display: none;
}

.layout-create .base-el .selectbox button:active * {
    outline: 0;
    margin: 0;
    padding: 0;
}

.layout-create .base-el .selectbox .arrow {
    position: absolute;
    display: block;
    right: 15px;
    top: calc(50% - 5px);
    width: 18px;
    height: 10px;
}

.layout-create .base-el .selectbox .arrow svg {
    width: 100%;
    height: 100%;
}

.layout-create .base-el .selectbox .arrow polyline {
    fill: none;
    stroke: #000;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
    opacity: .3;
}

.layout-create .base-el .selectbox .option {
    display: none;
    position: absolute;
    left: -1px;
    top: 46px;
    width: calc(100% + 2px);
}

.layout-create .base-el .selectbox[data-option='fixed'] .option {
    position: fixed;
    margin-top: -1px;
}

.layout-create .base-el .selectbox .option ul {
    margin-top: 1px;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 300px;
    background-color: #fff;
    border: 1px solid #ccc;
}

.layout-create .base-el .selectbox .option ul li {
    position: relative;
    height: 35px;
    padding: 0 15px 1px 15px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: var(--family-light);font-weight: var(--weight-light);
    line-height: 35px;
    font-size: 16px;
    color: #333;
}

.layout-create .base-el .selectbox .option ul li.focus {
    transition: background 0.2s;
    background-color: #f0f3f6;
    color: #333;
}

.layout-create .base-el .selectbox .option ul li:hover {
    transition: background 0.2s;
    background-color: #ebf3fe;
    color: #1c6bca;
}

.layout-create .base-el .selectbox .option ul li[data-value=''] {
    background-color: #fff;
    color: #666;
}

.layout-create .base-el .selectbox.value button span {
    color: #333;
}

.layout-create .base-el .selectbox.focus {
    background-color: #ffffff;
    border-color: var(--color2);
}

.layout-create .base-el .selectbox.focus button span {
    color: #000;
}

.layout-create .base-el .selectbox.focus .option {
    display: block;
}

.layout-create .base-el .selectbox.focus .arrow {
    transform: rotate(180deg);
}

.layout-create .base-el .selectbox.focus .arrow polyline {
    stroke: var(--color2);
    opacity: 1;
}

.layout-create .base-el .input {
    background-color: #fff;
    border: 1px solid #ccc;
    display: block;
    max-width: calc(100% - 2px);
}

.layout-create .base-el .input input {
    padding: 0 15px;
    width: calc(100% - 30px);
    height: 38px;
    border: 0;
    font-family: var(--family-light);font-weight: var(--weight-light);
    line-height: 38px;
    font-size: 15px;
    color: #333;
    opacity: 1;
}

.layout-create .base-el .input input::placeholder {
    color: #999;
    opacity: 1;
}

.layout-create .base-el .input input::-webkit-input-placeholder {
    color: #999;
    opacity: 1;
}

.layout-create .base-el .input input:-ms-input-placeholder {
    color: #999;
    opacity: 1;
}

.layout-create .base-el .input.focus {
    border-color: var(--color2);
}

.layout-create .base-el .input.focus input {
    color: #000;
}

.layout-create .base-el .input.value:not(.focus) {
    border-color: #ccc;
}

.layout-create .base-el .input.value:not(.focus) input {
    color: #333;
}

.layout-create .base-el .input.ty-ib {
    display: inline-block;
}

.layout-create .base-el .input.readonly {
    background-color: #f8f8f8;
}

/* delivery */

.layout-create.lc-delivery {margin-top:11px;}
.layout-create.lc-delivery .close {right:10px; top:10px;}
.layout-create.lc-delivery .close {opacity:1;}
.layout-create .wrap-delivery .body {z-index:1; position:relative; background-color:#ffffff; border-radius:0px; border:1px solid #222222;}
.layout-create .wrap-delivery .main {padding:0;}
.layout-create .wrap-delivery .title {padding:0 0 0 15px; display:block; background-color:#fbfbfb;}
.layout-create .wrap-delivery .title {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:36px; font-size:13px; color:#4e4d4d;}
.layout-create .wrap-delivery .list {margin:0 10px;}
.layout-create .wrap-delivery .list ul {position:relative; display:block; border-top:1px solid #ebedf1;}
.layout-create .wrap-delivery .list ul:first-child {border-top:0;}
.layout-create .wrap-delivery .list ul li {display:inline-block; vertical-align:top; min-height:15px; padding:13px 0;}
.layout-create .wrap-delivery .list ul li:nth-child(1) {width:65px; padding-left:5px;}
.layout-create .wrap-delivery .list ul li:nth-child(1) {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:15px; font-size:12px; color:#4d4d4d;}
.layout-create .wrap-delivery .list ul li:nth-child(2) {}
.layout-create .wrap-delivery .list ul li:nth-child(2) {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:15px; font-size:13px; color:#000000;}
.layout-create .wrap-delivery .list ul li:nth-child(2) span {font-family: var(--family-bold);font-weight: var(--weight-bold);}
.layout-create .wrap-delivery .list2 {margin:0 15px; padding:13px 0 13px 0;}
.layout-create .wrap-delivery .list2 ul {position:relative; display:block;}
.layout-create .wrap-delivery .list2 ul li {margin-top:6px; position:relative; display:block; min-height:15px; padding-left:8px;}
.layout-create .wrap-delivery .list2 ul li {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:15px; font-size:12px; color:#4d4d4d;}
.layout-create .wrap-delivery .list2 ul li:before {display:block; content:''; position:absolute; left:0; top:calc(50% - 1px); width:3px; height:3px; background-color:#ebedf1;}
.layout-create .wrap-delivery .list2 ul li:first-child {margin-top:0;}
.layout-create .wrap-delivery .list2 ul li span {color:#959595;}
.layout-create .wrap-delivery .msg {padding:11px 0 13px 0; background-color:#ebedf1; text-align:center;}
.layout-create .wrap-delivery .msg {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:16px; font-size:12px; color:#4d4d4d;}

.layout-create .wrap-delivery2 .body {padding:50px 30px 110px 30px; position:relative; background-color:#ffffff; border-radius:4px;}
.layout-create .wrap-delivery2 .body > .title {padding-bottom:15px; border-bottom:2px solid #000000;}
.layout-create .wrap-delivery2 .body > .title {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:22px; font-size:20px; color:#000000;}
.layout-create .wrap-delivery2 .main {position:relative;}
.layout-create .wrap-delivery2 .main ul {display:block; position:relative; border-top:1px solid #e2e2e2;}
.layout-create .wrap-delivery2 .main ul:last-child {border-bottom:1px solid #e2e2e2;}
.layout-create .wrap-delivery2 .main ul:first-child {border-top:0;}
.layout-create .wrap-delivery2 .main li {display:block; min-height:19px; padding:16px 0 17px 0;}
.layout-create .wrap-delivery2 .main li:nth-child(1) {display:block; width:160px; position:absolute; left:0; top:0; text-align:center;}
.layout-create .wrap-delivery2 .main li:nth-child(1) {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:19px; font-size:13px; color:#000000;}
.layout-create .wrap-delivery2 .main li:nth-child(2) {padding-right:15px; margin-left:180px; word-break:break-all;}
.layout-create .wrap-delivery2 .main li:nth-child(2) {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:19px; font-size:13px; color:#4d4d4d;}
.layout-create .wrap-delivery2 .main li:nth-child(2) .text {color:#5674b9;}
.layout-create .wrap-delivery2 .footer {z-index:1; position:absolute; left:0; bottom:30px; width:100%; text-align:center;}
.layout-create .wrap-delivery2 .footer span {transition:background 0.2s, color 0.2s; position:relative; text-decoration:none; display:inline-block; vertical-align:middle; width:200px; height:50px; background-color:#6d727e; text-align:center; cursor:pointer;}
.layout-create .wrap-delivery2 .footer span {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:50px; font-size:16px; color:#ffffff;}
.layout-create .wrap-delivery2 .footer span:hover {background-color:#000000;}
.layout-create .wrap-delivery2 .map {width:100%; height:600px;}
.layout-create .wrap-delivery2 .scroll-wrapper > .scroll-element.scroll-y {right:0px; top:0; width:6px; height:100%;}
.layout-create .wrap-delivery2 .country {margin:0 0 0 -20px;}
.layout-create .wrap-delivery2 .country p {position:relative; margin:0 0 0 20px; display:inline-block; vertical-align:top; width:calc(50% - 20px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.layout-create .wrap-delivery2 .country p {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:27px; font-size:13px; color:#4d4d4d;}
.layout-create .wrap-delivery2 .country p span:nth-child(2) {display:block; margin-left:35px;}
.layout-create .wrap-delivery2 .country .flag-code {display:block; position:absolute; left:0; top:0; width:25px; height:25px;}
.layout-create .wrap-delivery2 .country .flag-code {}


/* wrap-form */

.layout-create .wrap-form .body {z-index:1; position:relative; background-color:#ffffff; border-radius:4px; border:1px solid #dcdcdc;}
.layout-create .wrap-form .main {position:relative; padding:40px 30px 0 30px;}
.layout-create .wrap-form .main > .header > span {display:inline-block; vertical-align:middle;}
.layout-create .wrap-form .main > .header .title {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:22px; font-size:20px; color:#000000;}
.layout-create .wrap-form .main > .header .title2 {margin-top:5px;}
.layout-create .wrap-form .main > .header .title2 {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:16px; font-size:14px; color:#000000;}
.layout-create .wrap-form .main > .header .btn {margin-left:10px; padding:3px 8px 4px 8px; text-decoration:none; background-color:#e9170f; display:inline-block; vertical-align:middle; border-radius:4px; cursor:pointer;}
.layout-create .wrap-form .main > .header .btn {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:14px; font-size:12px; color:#ffffff;}
.layout-create .wrap-form .main > .header .btn:hover {background-color:#cc0700;}

.layout-create .wrap-form .field-radio {width:45px; text-align:center;}
.layout-create .wrap-form .field-place {width:90px; text-align:center;}
.layout-create .wrap-form .field-name {width:90px; text-align:center;}
.layout-create .wrap-form .field-hp {width:120px; text-align:center;}
.layout-create .wrap-form .field-option {width:70px;}

.layout-create .wrap-form .wrap {margin-top:14px; border-top:2px solid #000000;}
.layout-create .wrap-form .wrap .title {position:relative; display:table; width:100%; height:42px; border-bottom:1px solid #d9d9d9; background-color:#fbfbfb;}
.layout-create .wrap-form .wrap .title ul {display:table-row;}
.layout-create .wrap-form .wrap .title li {position:relative; display:table-cell; vertical-align:middle; text-align:center;}
.layout-create .wrap-form .wrap .title li:before {display:block; content:''; position:absolute; left:0px; top:0px; width:0; height:100%; border-left:1px solid #d9d9d9;}
.layout-create .wrap-form .wrap .title li:first-child:before {display:none;}
.layout-create .wrap-form .wrap .title li > span {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:42px; font-size:13px; color:#000000;}
.layout-create .wrap-form .wrap .list {position:relative; display:table; table-layout:fixed; width:100%; border-bottom:1px solid #d9d9d9; background-color:#ffffff;}
.layout-create .wrap-form .wrap .list ul {display:table-row;}
.layout-create .wrap-form .wrap .list li {position:relative; display:table-cell; vertical-align:middle;}
.layout-create .wrap-form .wrap .list li {position:relative; border-top:1px solid #ebebeb; vertical-align:middle; background:url('../img/dashed-y.png') repeat-y;}
.layout-create .wrap-form .wrap .list li:first-child {background-image:none;}
.layout-create .wrap-form .wrap .help {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:13px; font-size:11px; color:#5674b9;}

.layout-create .wrap-form .radio {width:45px; height:65px;}
.layout-create .wrap-form .radio label:before {left:12px; top:22px; background-position:-500px 0; opacity:0.5;}
.layout-create .wrap-form .radio label.focus:before {background-position-x:-525px; opacity:1;}

.layout-create .wrap-form .input input {padding:0 10px 0 10px; width:138px; height:38px;}
.layout-create .wrap-form .input input {color:#000000;}
.layout-create .wrap-form .w100 {display:block;}
.layout-create .wrap-form .w100 input {width:calc(100% - 20px);}
.layout-create .wrap-form .textarea textarea {font-weight:normal; line-height:20px; font-size:12px; font-family:gulim,'굴림',sans-serif;}

.layout-create .wrap-form .selectbox {transition:border 0.2s, background 0.2s; text-align:left; display:inline-block; vertical-align:middle; position:relative; background-color:#ffffff; border:1px solid #dbdde2; width:calc(100% - 2px); cursor:pointer;}
.layout-create .wrap-form .selectbox .select {position:relative; display:block; height:34px; padding:0 9px 0 9px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.layout-create .wrap-form .selectbox .select {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:34px; font-size:15px; color:#707070;}
.layout-create .wrap-form .selectbox .select:after {z-index:2; display:block; content:''; position:absolute; right:5px; top:7px; width:20px; height:20px; background-position:-75px 0px; opacity:0.3;}
.layout-create .wrap-form .selectbox .option {display:none; position:absolute; left:-1px; top:34px; width:calc(100% + 2px);}
.layout-create .wrap-form .selectbox .option ul {position:relative; overflow-x:hidden; overflow-y:auto; max-height:300px; background-color:#ffffff; border:1px solid #252525;}
.layout-create .wrap-form .selectbox .option ul li {position:relative; padding:0 9px 0 9px; display:block; height:34px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.layout-create .wrap-form .selectbox .option ul li {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:36px; font-size:15px; color:#707070;}
.layout-create .wrap-form .selectbox .option ul li:hover {transition:border 0.2s, background 0.2s, color 0.2s; background-color:#f4f5f7; color:#252525;}
.layout-create .wrap-form .selectbox .option ul li.focus {background-color:#f4f5f7; color:#252525;}
.layout-create .wrap-form .selectbox.focus {background-color:#ffffff; border:1px solid #252525;}
.layout-create .wrap-form .selectbox.focus .select {color:#252525;}
.layout-create .wrap-form .selectbox.focus .select:after {background-position:-50px 0px; opacity:1;}
.layout-create .wrap-form .selectbox.focus .option {display:block;}

.layout-create .wrap-form .selectbox.type-flag .countryname {padding-left:35px;}
.layout-create .wrap-form .selectbox.type-flag .countrynum {top:-1px; position:relative; display:inline-block; vertical-align:middle; margin-left:10px; font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:36px; font-size:12px; color:#969a9c;}
.layout-create .wrap-form .selectbox.type-flag .flag-code {position:absolute; left:10px; top:5px; width:25px; height:25px;}

.layout-create .wrap-form .list .field-place p {margin:0 10px; display:block; overflow:hidden; white-space:nowrap; word-break:break-all;}
.layout-create .wrap-form .list .field-place p:nth-child(1) {font-weight:normal; line-height:14px; font-size:12px; color:#000000; font-family:gulim,'굴림',sans-serif;}
.layout-create .wrap-form .list .field-place p:nth-child(2) {margin-top:4px;}
.layout-create .wrap-form .list .field-place p:nth-child(2) {font-weight:normal; line-height:14px; font-size:11px; color:#707070; font-family:gulim,'굴림',sans-serif;}
.layout-create .wrap-form .list .field-place p.type1 {color:#e9170f;}
.layout-create .wrap-form .list .field-place p.type2 {color:#2468ca;}
.layout-create .wrap-form .list .field-name p {margin:0 10px; display:block; overflow:hidden; white-space:nowrap; word-break:break-all;}
.layout-create .wrap-form .list .field-name p {font-weight:normal; line-height:14px; font-size:12px; color:#707070; font-family:gulim,'굴림',sans-serif;}
.layout-create .wrap-form .list .field-addr {padding:13px 0 10px 0;}
.layout-create .wrap-form .list .field-addr p {margin:0 10px; display:block; word-break:break-all;}
.layout-create .wrap-form .list .field-addr p {font-weight:normal; line-height:18px; font-size:12px; color:#707070; font-family:gulim,'굴림',sans-serif;}
.layout-create .wrap-form .list .field-hp p {margin:0 10px; display:block; word-break:break-all;}
.layout-create .wrap-form .list .field-hp p {font-weight:normal; line-height:15px; font-size:11px; color:#707070; font-family:gulim,'굴림',sans-serif;}
.layout-create .wrap-form .list .field-option span {margin-left:4px; position:relative; width:21px; height:21px; display:inline-block; vertical-align:middle; border:1px solid #dbdde2; background-color:#ffffff; border-radius:4px; cursor:pointer;}
.layout-create .wrap-form .list .field-option span:before {z-index:1; display:block; content:''; position:absolute; left:3px; top:3px; width:15px; height:15px; opacity:0.5;}
.layout-create .wrap-form .list .field-option span:first-child {margin-left:10px;}
.layout-create .wrap-form .list .field-option .ic-edit:before {background-position:-550px -100px;}
.layout-create .wrap-form .list .field-option .ic-del:before {background-position:-575px -100px;}
.layout-create .wrap-form .list .field-option span:hover {border-color:#4e4d4d;}
.layout-create .wrap-form .list .field-option span:hover:before {opacity:1;}

.layout-create .wrap-form .list .not {text-align:center;}
.layout-create .wrap-form .list .not {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:100px; font-size:12px; color:#000000;}

.layout-create .wrap-form .list-f {border-top:1px solid #ebebeb;}
.layout-create .wrap-form .list-f:last-child {border-bottom:1px solid #ebebeb;}
.layout-create .wrap-form .list-f.last {border-bottom:1px solid #ebebeb;}
.layout-create .wrap-form .list-f > ul {width:100%; display:table; table-layout:fixed;}
.layout-create .wrap-form .list-f > ul > li {position:relative; display:table-cell; word-break:break-all; vertical-align:middle; height:40px;}
.layout-create .wrap-form .list-f > ul > li:nth-child(1) {background-color:#f9f9f9; border-right:1px solid #ebebeb; vertical-align:middle; position:relative; width:180px; padding:10px;}
.layout-create .wrap-form .list-f > ul > li:nth-child(1) {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:20px; font-size:14px; color:#464646;}
.layout-create .wrap-form .list-f > ul > li:nth-child(1) > span {top:-2px; position:relative; display:inline-block; vertical-align:middle;}
.layout-create .wrap-form .list-f > ul > li:nth-child(2) {vertical-align:middle; position:relative; padding:10px 0 10px 10px;}
.layout-create .wrap-form .list-f > ul > li:nth-child(2) {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:20px; font-size:14px; color:#000000;}
.layout-create .wrap-form .list-f > ul > li:nth-child(2) .text {font-weight:normal; line-height:20px; font-size:12px; color:#666666; font-family:dotum,'돋움',sans-serif; cursor:pointer;}
.layout-create .wrap-form .list-f > ul > li:nth-child(2) .text:hover {text-decoration:underline; color:#000000;}
.layout-create .wrap-form .list-f .btn {transition:background 0.2s, color 0.2s; position:relative; text-decoration:none; display:inline-block; vertical-align:middle; padding:1px 10px 1px 10px; min-width:60px; height:38px; background-color:#6d727e; white-space:nowrap; text-overflow:ellipsis; word-break:break-all; text-align:center; cursor:pointer;}
.layout-create .wrap-form .list-f .btn {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:34px; font-size:14px; color:#ffffff;}
.layout-create .wrap-form .list-f .btn:hover {background-color:#000000;}
.layout-create .wrap-form .list-f .a {margin-left:20px; font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:34px; font-size:14px; color:#555;}
.layout-create .wrap-form .list-f .a:hover {text-decoration:underline;color:#000000;}
.layout-create .wrap-form .list-f.req > ul > li:nth-child(1) > span {padding-right:14px;}
.layout-create .wrap-form .list-f.req > ul > li:nth-child(1) > span:before {z-index:2; display:block; content:''; position:absolute; right:0px; top:1px; width:10px; height:10px; background-position:0 -150px;}

.layout-create .wrap-form .footer {padding:30px 0 50px 0; width:100%; text-align:center;}
.layout-create .wrap-form .footer span {transition:background 0.2s, color 0.2s; margin-left:10px; padding:0 10px; position:relative; display:inline-block; vertical-align:middle; text-align:center; cursor:pointer;}
.layout-create .wrap-form .footer span {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:50px; font-size:16px; color:#ffffff;}
.layout-create .wrap-form .footer span:nth-child(1) {min-width:180px; height:50px;}
.layout-create .wrap-form .footer span:nth-child(2) {min-width:178px; height:48px; border:1px solid #ebebeb; background-color:#ffffff; color:#707070;}
.layout-create .wrap-form .footer span:nth-child(2):hover {border:1px solid #707070; color:#4e4d4d;}
.layout-create .wrap-form .footer span:first-child {margin-left:0;}

/* wrap-cancel */

.layout-create .wrap-cancel .close {right:0px; top:-40px; width:40px; height:40px; background-image:none; background-color:#000000; opacity:1;}
.layout-create .wrap-cancel .close:before {z-index:1; display:block; content:''; position:absolute; left:0; top:0; width:40px; height:40px; background-size:1500px 2500px; background-position:-650px -50px; opacity:0.8;}
.layout-create .wrap-cancel .close:hover:before {opacity:1;}
.layout-create .wrap-cancel .body {z-index:1; padding:0 0 71px 0; position:relative; background-color:#ffffff; border-radius:0px; border:1px solid #000000;}

.layout-create .wrap-cancel .header {position:relative; padding:30px 30px 0px 30px;}
.layout-create .wrap-cancel .header .title {margin-top:-3px;}
.layout-create .wrap-cancel .header .title {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:28px; font-size:24px; color:#000000;}
.layout-create .wrap-cancel .header .side {display:block; position:absolute; right:30px; top:35px;}
.layout-create .wrap-cancel .header .side {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:20px; font-size:13px; color:#000000;}

.layout-create .wrap-cancel .numbox {margin-top:17px; height:20px; position:relative; padding:10px 15px 10px 10px; display:block; background-color:#fbfbfb; border:1px solid #ebedf1;}
.layout-create .wrap-cancel .numbox li {display:inline-block; vertical-align:middle;}
.layout-create .wrap-cancel .numbox li > .checkbox label:before {opacity:1;}
.layout-create .wrap-cancel .numbox li > label {margin-top:-1px; color:#000000;}
.layout-create .wrap-cancel .numbox li > label.focus {color:#000000;}
.layout-create .wrap-cancel .numbox .line {margin:-1px 15px 0 14px; display:block; height:13px; border-left:1px solid #ebedf1;}
.layout-create .wrap-cancel .numbox .type {display:inline-block; margin-top:-1px;}
.layout-create .wrap-cancel .numbox .type {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:15px; font-size:13px; color:#ed1c24;}
.layout-create .wrap-cancel .numbox .text {display:inline-block; margin-top:-1px;}
.layout-create .wrap-cancel .numbox .text {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:15px; font-size:13px; color:#000000;}
.layout-create .wrap-cancel .numbox .no {display:inline-block; position:absolute; right:10px; top:11px; padding:2px 5px 1px 4px; border:1px solid #d9d9d9; background-color:#ffffff; border-radius:3px;}
.layout-create .wrap-cancel .numbox .no {font-weight:normal; line-height:13px; font-size:11px; color:#959595; font-family:gulim,'굴림',sans-serif;}

.layout-create .wrap-cancel .numbox.type2 ul {margin-top:3px}
.layout-create .wrap-cancel .numbox.type2 li:first-child {margin-left:6px}

.layout-create .wrap-cancel .menu {z-index:1; overflow-y:auto; display:block; position:absolute; right:30px; bottom:91px; width:258px; height:calc(100% - 222px); border:1px solid #ebedf1;}
.layout-create .wrap-cancel .menu .box {padding:18px 20px 20px 20px; border-top:1px solid #ebedf1;}
.layout-create .wrap-cancel .menu .box:first-child {border-top:0;}
.layout-create .wrap-cancel .menu .title {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:16px; font-size:14px; color:#000000;}
.layout-create .wrap-cancel .menu .block {margin-top:15px;}
.layout-create .wrap-cancel .menu .block p {margin-top:6px;}
.layout-create .wrap-cancel .menu .block p:first-child {margin-top:0;}
.layout-create .wrap-cancel .menu .label {margin-left:7px; margin-top:-2px;}
.layout-create .wrap-cancel .menu .label {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:20px; font-size:13px; color:#959595;}
.layout-create .wrap-cancel .menu .label.focus {color:#000000;}
.layout-create .wrap-cancel .menu .textarea {transition:border 0.2s, background 0.2s; position:relative; display:block; vertical-align:middle; background-color:#ffffff; border:1px solid #ebedf1;}
.layout-create .wrap-cancel .menu .textarea textarea {padding:10px 10px 10px 10px; position:relative; width:calc(100% - 20px); height:98px; border:0; background:transparent;}
.layout-create .wrap-cancel .menu .textarea textarea {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:20px; font-size:13px; color:#959595;}
.layout-create .wrap-cancel .menu .textarea.focus {background-color:#ffffff;}
.layout-create .wrap-cancel .menu .textarea.focus textarea {color:#000000;}

.layout-create .wrap-cancel .cancel-item {word-break:break-all;}
.layout-create .wrap-cancel .cancel-item {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:20px; font-size:13px; color:#000000;}

.layout-create .wrap-cancel .main {padding:0 30px 20px 30px; min-height:498px;}

.layout-create .wrap-cancel .items {margin-top:15px; margin-right:265px; border:1px solid #ebedf1;}
.layout-create .wrap-cancel .product {margin-top:5px; table-layout:fixed; width:100%; border-top:1px solid #ebebeb;}
.layout-create .wrap-cancel .product:first-child {margin-top:0; border-top:0;}
.layout-create .wrap-cancel .product td {position:relative; padding:15px 0; border-top:1px dashed #ebebeb; vertical-align:middle;}
.layout-create .wrap-cancel .product tr.type2 td {border-top:1px solid #ebebeb;}
.layout-create .wrap-cancel .product tr:first-child td,
.layout-create .wrap-cancel .product tr.first td {border-top:0;}
.layout-create .wrap-cancel .product.type-none tr {display:none;}
.layout-create .wrap-cancel .product.on tr,
.layout-create .wrap-cancel .product tr.on {display:table-row;}

.layout-create .wrap-cancel .exchange {margin-top:15px; padding-bottom:40px; border-bottom:2px solid #000000;}
.layout-create .wrap-cancel .products {padding-top:40px; margin-top:40px; border-top:1px solid #000000;}
.layout-create .wrap-cancel .products:first-child {margin-top:0; border-top:0; padding-top:0;}
.layout-create .wrap-cancel .products .array {border:1px solid #ebebeb;}
.layout-create .wrap-cancel .products .source {background-color:#fbfbfb;}
.layout-create .wrap-cancel .products .target {display:none; border-top:1px solid #ebebeb; background-color:#ffffff;}
.layout-create .wrap-cancel .products .target .option p {padding:2px 2px 2px 2px; white-space:nowrap; word-break:break-all; border-radius:3px;}
/*.layout-create .wrap-cancel .products .target .option p:hover {background-color:#5674b9; font-size:11px; color:#ffffff;}*/
.layout-create .wrap-cancel .products table {table-layout:fixed; width:100%;}
.layout-create .wrap-cancel .products td {position:relative; padding:15px 0; vertical-align:middle;}
.layout-create .wrap-cancel .products .btn {margin-top:10px;}
.layout-create .wrap-cancel .products .btn ul {}
.layout-create .wrap-cancel .products .btn ul li {margin-left:10px; display:inline-block; vertical-align:top;}
.layout-create .wrap-cancel .products .btn ul li:first-child {margin-left:0;}
.layout-create .wrap-cancel .products .btn .radio {width:auto; height:auto;}
.layout-create .wrap-cancel .products .btn .radio > label {padding:10px 40px 11px 40px; width:auto; height:auto; display:inline-block; vertical-align:top; border:1px solid #ebebeb; cursor:pointer;}
.layout-create .wrap-cancel .products .btn .radio > label {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:16px; font-size:14px; color:#959595;}
.layout-create .wrap-cancel .products .btn .radio > label:before {display:none;}
.layout-create .wrap-cancel .products .btn .radio > label:hover,
.layout-create .wrap-cancel .products .btn .radio > label.focus {border-color:#000000; background-color:#000000; color:#ffffff;}

.layout-create .wrap-cancel .field-checkbox {width:40px; vertical-align:top;}
.layout-create .wrap-cancel .field-thumb {width:104px;}
.layout-create .wrap-cancel .field-quantity {width:161px;}

.layout-create .wrap-cancel .field-quantity,
.layout-create .wrap-cancel .field-option {background:url('../img/dashed-y.png') repeat-y;}

.layout-create .wrap-cancel .field-checkbox .checkbox {display:block; position:absolute; left:10px; top:15px;}
.layout-create .wrap-cancel .field-thumb .thumb {display:block; position:relative; width:82px; max-height:82px; overflow:hidden; border:1px solid #d9d9d9;}
.layout-create .wrap-cancel .field-thumb .thumb img {width:100%; border:0;}
.layout-create .wrap-cancel .field-item .block {display:block;}

.layout-create .wrap-cancel.type-confirm .product td:first-child,
.layout-create .wrap-cancel.type-confirm .exchange .array td:first-child {
    padding-left: 20px !important;
}

.layout-create .wrap-cancel .product td.field-thumb:first-child,
.layout-create .wrap-cancel .product td.field-item:first-child {
    padding-left: 20px !important;
}

.layout-create .wrap-cancel .field-item .text {margin-bottom:2px; position:relative; display:block; overflow:hidden; white-space:nowrap; word-break:break-all;}
.layout-create .wrap-cancel .field-item .text {font-weight:normal; line-height:14px; font-size:12px; color:#959595; font-family:gulim,'굴림',sans-serif;}
.layout-create .wrap-cancel .field-item .title {word-break:break-all;}
.layout-create .wrap-cancel .field-item .title {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:17px; font-size:13px; color:#000000;}
.layout-create .wrap-cancel .field-item .option {margin-top:6px;}
.layout-create .wrap-cancel .field-item .option p {margin-top:2px; display:block; position:relative; overflow:hidden; white-space:nowrap; vertical-align:top; word-break:break-all;}
.layout-create .wrap-cancel .field-item .option p {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:15px; font-size:13px; color:#5674b9;}
.layout-create .wrap-cancel .field-item .option p:first-child {margin-top:0;}
.layout-create .wrap-cancel .field-item .price {margin-top:9px;}
.layout-create .wrap-cancel .field-item .price span {display:inline-block; vertical-align:bottom;}
.layout-create .wrap-cancel .field-item .price span {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:22px; font-size:13px; color:#000000;}
.layout-create .wrap-cancel .field-item .price .currency-price {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:22px; font-size:20px; color:#000000;}
.layout-create .wrap-cancel .field-item .price .currency-decimal {margin-left:2px; vertical-align:top;}
.layout-create .wrap-cancel .field-item .price .currency-decimal {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:14px; font-size:12px; color:#000000;}
.layout-create .wrap-cancel .field-item .price .currency-text {margin-left:4px;}
.layout-create .wrap-cancel .field-item .price.currency-KRW .currency-decimal {font-family: var(--family-regular);font-weight: var(--weight-regular); font-size:13px;}

.layout-create .wrap-cancel .field-item .block.type2 {padding:0 20px 0 0px;}
.layout-create .wrap-cancel .field-item .block.type2 .title a {color:#5674b9;}

.layout-create .wrap-cancel tr.item-1 .field-item .title {color:#5674b9;}

.layout-create .wrap-cancel .field-quantity .block {padding:0 10px 0 10px;}
.layout-create .wrap-cancel .field-quantity .qty {margin:0 10px;}
.layout-create .wrap-cancel .field-quantity .qty {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:17px; font-size:13px; color:#000000;}
.layout-create .wrap-cancel .field-quantity .price {margin:5px 10px 0 10px;}
.layout-create .wrap-cancel .field-quantity .price span {}
.layout-create .wrap-cancel .field-quantity .price span {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:17px; font-size:14px; color:#000000;}

.layout-create .wrap-cancel .pro_quantity {margin-top:8px; padding:10px 10px 0 10px; border-top:1px solid #ebedf1;}
.layout-create .wrap-cancel .pro_quantity ul {display:table; margin:0 auto;}
.layout-create .wrap-cancel .pro_quantity li {display:inline-block; vertical-align:middle;}
.layout-create .wrap-cancel .pro_quantity li:nth-child(2) {margin-left:10px;}
.layout-create .wrap-cancel .pro_quantity li:nth-child(3) {margin-left:5px;}
.layout-create .wrap-cancel .pro_quantity .text {display:inline-block; vertical-align:middle; margin-top:-2px;}
.layout-create .wrap-cancel .pro_quantity .text {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:16px; font-size:12px; color:#000000;}
.layout-create .wrap-cancel .pro_quantity .input {display:inline-block; vertical-align:middle; width:auto; border:1px solid #ebebeb; background-color:#ffffff;}
.layout-create .wrap-cancel .pro_quantity .input input {padding:2px 5px 0 5px; max-width:30px; width:calc(100% - 10px); height:16px; border:0; background:transparent; text-align:center;}
.layout-create .wrap-cancel .pro_quantity .input input {font-weight:normal; line-height:14px; font-size:12px; color:#4e4d4d; font-family:gulim,'굴림',sans-serif;}
.layout-create .wrap-cancel .pro_quantity .input.focus input {color:#000000;}
.layout-create .wrap-cancel .pro_quantity .input:hover,
.layout-create .wrap-cancel .pro_quantity .input.focus {border:1px solid #4e4d4d; background-color:#fff899;}

.layout-create .wrap-cancel .warning {margin-top:15px;}
.layout-create .wrap-cancel .warning p {margin-top:5px; display:block; border:1px solid #ebedf1; padding:7px 5px 8px 5px; text-align:center;}
.layout-create .wrap-cancel .warning p {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:21px; font-size:13px; color:#ed1c24;}
.layout-create .wrap-cancel .warning p:first-child {margin-top:0;}

.layout-create .wrap-cancel .details {margin-top:30px; border-top:1px solid #000000;}
.layout-create .wrap-cancel .details ul {width:100%; margin-top:14px; text-align:right;}
.layout-create .wrap-cancel .details ul:first-child {margin-top:14px;}
.layout-create .wrap-cancel .details li {display:inline-block; vertical-align:middle; text-align:right;}
.layout-create .wrap-cancel .details li {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:16px; font-size:14px; color:#000000;}
.layout-create .wrap-cancel .details li:nth-child(1) {}
.layout-create .wrap-cancel .details li:nth-child(2) {width:130px;}

.layout-create .wrap-cancel .amount_price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-top: 15px;
    position: relative;
    border-top: 2px solid #000000;
}

.layout-create .wrap-cancel .amount_price .block {padding:18px 10px 0 10px;}
.layout-create .wrap-cancel .amount_price .block li {display:inline-block; vertical-align:middle;}
.layout-create .wrap-cancel .amount_price .block li {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:16px; font-size:14px; color:#000000;}
.layout-create .wrap-cancel .amount_price .block li.red {color:#ed1c24;}

.layout-create .wrap-cancel .amount_price .side {
    margin-left: auto;
    margin-top: 10px;
}

.layout-create .wrap-cancel .amount_price .side li {
    margin-left: 50px;
    display: inline-block;
    vertical-align: bottom;
    text-align: right;
}

.layout-create .wrap-cancel .amount_price .side li:first-child {
    margin-left: 0;
}

.layout-create .wrap-cancel .amount_price .side .text {
    font-family: var(--family-bold);font-weight: var(--weight-bold);
    line-height: 28px;
    font-size: 14px;
    color: #000000;
}

.layout-create .wrap-cancel .amount_price .side .price {
    margin-left: 20px;
    position: relative;
    top: -3px;
}

.layout-create .wrap-cancel .amount_price .side .price span {
    display: inline-block;
    vertical-align: bottom;
    font-family: var(--family-regular);font-weight: var(--weight-regular);
    line-height: 28px;
    font-size: 13px;
    color: #000000;
}

.layout-create .wrap-cancel .amount_price .side .price .currency-price {
    font-family: var(--family-bold);font-weight: var(--weight-bold);
    line-height: 28px;
    font-size: 24px;
    color: #000000;
}

.layout-create .wrap-cancel .amount_price .side .price .currency-decimal {
    margin-left: 2px;
    vertical-align: top;
    font-family: var(--family-bold);font-weight: var(--weight-bold);
    line-height: 14px;
    font-size: 12px;
    color: #000000;
}

.layout-create .wrap-cancel .amount_price .side .price .currency-text {
    margin-left: 4px;
    position: relative;
    top: 2px;
}

.layout-create .wrap-cancel .amount_price .side .price.currency-KRW .currency-decimal {
    font-family: var(--family-regular);font-weight: var(--weight-regular);
    font-size: 13px;
}

.layout-create .wrap-cancel .bring_price {margin-top:50px; padding:23px 25px 24px 25px; background-color:#000000; text-align:center;}
.layout-create .wrap-cancel .bring_price {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:17px; font-size:15px; color:#ffffff;}
.layout-create .wrap-cancel .bring_price.type2 {margin-top:30px;}

.layout-create .wrap-cancel .assent {margin-top:50px; padding:0 0 15px 0;}
.layout-create .wrap-cancel .assent.type2 {margin-top:5px;}
.layout-create .wrap-cancel .assent > span {display:inline-block; vertical-align:middle;}
.layout-create .wrap-cancel .assent > .checkbox label:before {opacity:1;}
.layout-create .wrap-cancel .assent > label {margin-top:-1px; color:#000000;}
.layout-create .wrap-cancel .assent > label.focus {color:#000000;}

.layout-create .wrap-cancel .assent .type-view {margin-top:-1px; margin-left:10px; width:auto; height:auto;}
.layout-create .wrap-cancel .assent .type-view label {padding-right:15px; width:auto;}
.layout-create .wrap-cancel .assent .type-view label {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:20px; font-size:13px; color:#959595;}
.layout-create .wrap-cancel .assent .type-view label:before {right:0; top:2px; left:auto; width:15px; height:15px; background-size:1500px 2500px; background-position:-1200px -200px; opacity:0.3;}
.layout-create .wrap-cancel .assent .type-view label.focus {text-decoration:underline; color:#000000;}
.layout-create .wrap-cancel .assent .type-view label.focus:before {opacity:1;}
.layout-create .wrap-cancel .assent .type-view label.hover {text-decoration:underline; color:#000000;}
.layout-create .wrap-cancel .assent .type-view label.hover:before {opacity:1;}

.layout-create .wrap-cancel .content {padding:20px 20px 50px 20px; border-top:1px solid #ebedf1; word-break:break-all;}
.layout-create .wrap-cancel .content {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:21px; font-size:14px; color:#555555;}

.layout-create .wrap-cancel .can_title {padding:27px 0 28px 0; border-bottom:1px solid #ebedf1; word-break:break-all; text-align:center;}
.layout-create .wrap-cancel .can_title {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:24px; font-size:20px; color:#000000;}
.layout-create .wrap-cancel .can_title.type2 {padding:99px 0 100px 0; line-height:34px;}

.layout-create .wrap-cancel .stitle {margin-top:30px; border-bottom:1px solid #666666; padding-bottom:12px; display:block;}
.layout-create .wrap-cancel .stitle {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:17px; font-size:15px; color:#000000;}
.layout-create .wrap-cancel .stitle.type2 {margin-top:40px;}

.layout-create .wrap-cancel .list-f {border-top:1px solid #ebebeb; background-color:#ffffff;}
.layout-create .wrap-cancel .list-f:last-child {border-bottom:1px solid #ebebeb;}
.layout-create .wrap-cancel .list-f.last {border-bottom:1px solid #ebebeb;}
.layout-create .wrap-cancel .list-f.bb0 {border-bottom:0;}
.layout-create .wrap-cancel .list-f.bt0 {border-top:0;}
.layout-create .wrap-cancel .list-f > ul {width:100%; display:table; table-layout:fixed;}
.layout-create .wrap-cancel .list-f > ul > li {position:relative; display:table-cell; word-break:break-all; vertical-align:middle; padding-top:12px; padding-bottom:12px; height:30px;}
.layout-create .wrap-cancel .list-f > ul > li span {position:relative; display:inline-block; vertical-align:middle;}
.layout-create .wrap-cancel .list-f > ul > li:nth-child(2n+1) {transition:width 0.2s; background-color:#f8f8fb; width:130px; padding-left:10px; padding-right:10px; text-align:center;}
.layout-create .wrap-cancel .list-f > ul > li:nth-child(2n+1) span {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:17px; font-size:14px; color:#333333;}
.layout-create .wrap-cancel .list-f > ul > li:nth-child(2n+2) {padding-left:15px; padding-right:15px;}
.layout-create .wrap-cancel .list-f > ul > li:nth-child(2n+2) .text,
.layout-create .wrap-cancel .list-f > ul > li:nth-child(2n+2) a {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:17px; font-size:14px; color:#969a9c;}
.layout-create .wrap-cancel .list-f > ul > li:nth-child(2n+2) a:hover {text-decoration:underline; color:#388cf1;}
.layout-create .wrap-cancel .list-f > ul > li:nth-child(2n+2) .bold {font-family: var(--family-bold);font-weight: var(--weight-bold);}
.layout-create .wrap-cancel .list-f > ul > li:nth-child(2n+2) .black {color:#000000;}
.layout-create .wrap-cancel .list-f > ul > li:nth-child(2n+2) .side {position:absolute; right:0px; top:0px;}
.layout-create .wrap-cancel .list-f > ul > li:nth-child(2n+2) .help {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:17px; font-size:13px; color:#959595;}
.layout-create .wrap-cancel .list-f > ul > li:nth-child(2n+2) .text2 {padding:4px 0 4px 0;}
.layout-create .wrap-cancel .list-f > ul > li:nth-child(2n+2) .text2 p {margin-top:7px;}
.layout-create .wrap-cancel .list-f > ul > li:nth-child(2n+2) .text2 p {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:20px; font-size:13px; color:#959595;}
.layout-create .wrap-cancel .list-f > ul > li:nth-child(2n+2) .text2 p:first-child {margin-top:0;}

.layout-create .wrap-cancel .list-f > ul > li:nth-child(2n+2) label.focus {color:#000000;}
.layout-create .wrap-cancel .list-f > ul > li:nth-child(2n+2).pr0 {padding-right:0;}

.layout-create .wrap-cancel .line-cash .list-f.bt0 {border-bottom:1px solid #ebebeb;}
.layout-create .wrap-cancel .line-cash .list-f:nth-child(2) {border-top:0;}

.layout-create .wrap-cancel .list-f .radios {margin-left:30px; display:inline-block; vertical-align:middle;}
.layout-create .wrap-cancel .list-f .radios:first-child {margin-left:0;}

.layout-create .wrap-cancel .list-f .currency-price {}
.layout-create .wrap-cancel .list-f .currency-price {}
.layout-create .wrap-cancel .list-f .currency-text {margin-left:4px; vertical-align:middle;}
.layout-create .wrap-cancel .list-f .currency-text {}
.layout-create .wrap-cancel .list-f .currency-decimal {position:relative; display:inline-block; vertical-align:middle; margin-left:2px; vertical-align:top; top:0px;}
.layout-create .wrap-cancel .list-f .currency-decimal {line-height:14px; font-size:10px; color:#000000;}

.layout-create .wrap-cancel .list-f .method {padding:8px 0;}
.layout-create .wrap-cancel .list-f .method ul {margin:-5px 0 0 -5px;}
.layout-create .wrap-cancel .list-f .method ul li {margin:5px 0 0 5px; width:calc(50% - 5px); display:inline-block; vertical-align:top;}
.layout-create .wrap-cancel .list-f .method .radio {position:relative; display:block; width:auto; height:auto;}
.layout-create .wrap-cancel .list-f .method .radio label {transition:background 0.2s, border 0.2s, color 0.2s; width:calc(100% - 22px); padding:13px 10px 14px 10px; border:1px solid #ebebeb; background-color:#ffffff; text-align:center;}
.layout-create .wrap-cancel .list-f .method .radio label {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:14px; font-size:12px; color:#959595;}
.layout-create .wrap-cancel .list-f .method .radio label:before {display:none;}
.layout-create .wrap-cancel .list-f .method .radio label:hover {border-color:#666666; text-decoration:none; color:#000000;}
.layout-create .wrap-cancel .list-f .method .radio label.focus {border-color:#000000; text-decoration:none; background-color:#000000; font-family: var(--family-bold);font-weight: var(--weight-bold); font-size:13px; color:#ffffff;}

.layout-create .wrap-cancel .list-f .input input {padding:0 7px; width:144px; height:28px;}
.layout-create .wrap-cancel .list-f .input input {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:20px; font-size:12px; color:#000000;}
.layout-create .wrap-cancel .list-f .input.tc input {text-align:center;}

.layout-create .wrap-cancel .list-f .selectbox {transition:border 0.2s, background 0.2s; width:418px; text-align:left; display:inline-block; vertical-align:middle; position:relative; background-color:#ffffff; border:1px solid #d9d9d9; cursor:pointer;}
.layout-create .wrap-cancel .list-f .selectbox .select {position:relative; display:block; height:28px; padding:0 25px 0 9px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.layout-create .wrap-cancel .list-f .selectbox .select {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:28px; font-size:12px; color:#000000;}
.layout-create .wrap-cancel .list-f .selectbox .select:before {z-index:2; display:block; content:''; position:absolute; right:28px; top:0; width:0; height:100%; border-left:1px solid #d9d9d9;}
.layout-create .wrap-cancel .list-f .selectbox .select:after {z-index:2; display:block; content:''; position:absolute; right:5px; top:calc(50% - 10px); width:20px; height:20px; background-position:-75px 0px; opacity:0.5;}
.layout-create .wrap-cancel .list-f .selectbox .option {display:none; position:absolute; left:-1px; top:28px; width:calc(100% + 2px);}
.layout-create .wrap-cancel .list-f .selectbox .option ul {position:relative; overflow-x:hidden; overflow-y:auto; max-height:300px; background-color:#ffffff; border:1px solid #d9d9d9;}
.layout-create .wrap-cancel .list-f .selectbox .option ul li {position:relative; padding:5px 10px 5px 10px; height:auto; display:block;}
.layout-create .wrap-cancel .list-f .selectbox .option ul li {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:18px; font-size:12px; color:#666666;}
.layout-create .wrap-cancel .list-f .selectbox .option ul li.focus,
.layout-create .wrap-cancel .list-f .selectbox .option ul li:hover {transition:background 0.2s; background-color:#fbfbfb; color:#000000;}
.layout-create .wrap-cancel .list-f .selectbox.focus {border:1px solid #d9d9d9;}
.layout-create .wrap-cancel .list-f .selectbox.focus .select {color:#252525;}
.layout-create .wrap-cancel .list-f .selectbox.focus .select:after {background-position:-50px 0px; opacity:1;}
.layout-create .wrap-cancel .list-f .selectbox.focus .option {display:block;}
.layout-create .wrap-cancel .list-f .selectbox.w100 {display:block; width:calc(100% - 2px);}

.layout-create .wrap-cancel .list-f .hyphen {margin:0 7px; display:inline-block; vertical-align:middle;}
.layout-create .wrap-cancel .list-f .hyphen {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:20px; font-size:12px; color:#000000;}

.layout-create .wrap-cancel .c-btn {margin-top:30px;}
.layout-create .wrap-cancel .c-btn ul {text-align:center;}
.layout-create .wrap-cancel .c-btn li {margin-left:10px; display:inline-block; vertical-align:middle;}
.layout-create .wrap-cancel .c-btn li:first-child {margin-left:0;}
.layout-create .wrap-cancel .c-btn li .submit {transition:background 0.2s, color 0.2s; position:relative; display:block; text-align:center; min-width:190px; padding:18px 20px 19px 20px; border-radius:5px; cursor:pointer;}
.layout-create .wrap-cancel .c-btn li .submit {text-decoration:none; font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:18px; font-size:20px; color:#ffffff;}
.layout-create .wrap-cancel .c-btn li .close {transition:background 0.2s, color 0.2s; position:relative; display:block; text-align:center; min-width:190px; padding:18px 20px 19px 20px; border-radius:5px; cursor:pointer; background-color:#4e4d4d;}
.layout-create .wrap-cancel .c-btn li .close {text-decoration:none; font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:18px; font-size:20px; color:#ffffff;}
.layout-create .wrap-cancel .c-btn li .close:hover {background-color:#000000;}

.layout-create .wrap-cancel .group {margin-top:38px;}
.layout-create .wrap-cancel .group .box {width:calc(50% - 20px); display:inline-block; vertical-align:top;}
.layout-create .wrap-cancel .group .box:nth-child(2) {margin-left:40px;}
.layout-create .wrap-cancel .group .item {margin-top:30px;}
.layout-create .wrap-cancel .group .item:first-child {margin-top:0px;}

.layout-create .wrap-cancel .addr {margin-top:15px;}
.layout-create .wrap-cancel .addr > ul {position:relative; display:block; padding:15px 0; border-top:1px solid #ebedf1;}
.layout-create .wrap-cancel .addr > ul > li {display:block; vertical-align:middle;}
.layout-create .wrap-cancel .addr > ul > li:nth-child(1) {position:absolute; left:0; top:calc(50% - 6px); width:138px;}
.layout-create .wrap-cancel .addr > ul > li:nth-child(1) p {margin-top:-2px; text-align:center;}
.layout-create .wrap-cancel .addr > ul > li:nth-child(1) p {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:15px; font-size:13px; color:#000000;}
.layout-create .wrap-cancel .addr > ul > li:nth-child(2) {position:relative; margin-left:149px;}
.layout-create .wrap-cancel .addr > ul > li:nth-child(2):before {display:block; content:''; position:absolute; left:-10px; top:0; width:0; height:100%; border-left:1px solid #ebedf1;}
.layout-create .wrap-cancel .addr > ul:last-child {border-bottom:1px solid #ebedf1;}
.layout-create .wrap-cancel .addr .block {display:inline-block; margin:-6px 0 -4px 0;}
.layout-create .wrap-cancel .addr .text {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:22px; font-size:13px; color:#000000;}
.layout-create .wrap-cancel .addr .a {display:inline-block; margin-top:5px; cursor:pointer;}
.layout-create .wrap-cancel .addr .a {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:22px; font-size:13px; color:#959595;}
.layout-create .wrap-cancel .addr .a:hover {text-decoration:underline;}

.layout-create .wrap-cancel .bigmsg {padding:25px 0 25px 0; word-break:break-all; text-align:center;}
.layout-create .wrap-cancel .bigmsg {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:29px; font-size:20px; color:#000000;}

.layout-create .wrap-cancel .type-price .title {padding-bottom:12px; border-bottom:2px solid #363636;}
.layout-create .wrap-cancel .type-price .title {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:24px; font-size:20px; color:#000000;}

.layout-create .wrap-cancel .type-price .block {margin-top:18px;}
.layout-create .wrap-cancel .type-price .block > ul {margin-top:12px; position:relative;}
.layout-create .wrap-cancel .type-price .block > ul:first-child {margin-top:0;}
.layout-create .wrap-cancel .type-price .block > ul > li {display:block; word-break:break-all;}
.layout-create .wrap-cancel .type-price .block > ul > li {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:16px; font-size:14px; color:#000000;}
.layout-create .wrap-cancel .type-price .block > ul > li:nth-child(2),
.layout-create .wrap-cancel .type-price .block > ul > li:nth-child(3) {position:absolute; right:0; top:0; text-align:right;}
.layout-create .wrap-cancel .type-price .block > ul > li.red {color:#ed1c24;}
.layout-create .wrap-cancel .type-price .block > ul:last-child {margin-top:14px; margin-bottom:-2px; padding-top:13px; border-top:1px solid #ebebeb;}
.layout-create .wrap-cancel .type-price .block > ul:last-child > li {line-height:18px; font-size:15px;}
.layout-create .wrap-cancel .type-price .block > ul:last-child > li:nth-child(1) {font-family: var(--family-bold);font-weight: var(--weight-bold);}
.layout-create .wrap-cancel .type-price .block > ul:last-child > li:nth-child(2) {top:11px; font-family: var(--family-bold);font-weight: var(--weight-bold);}

.layout-create .wrap-cancel .type-benefit .block > ul > li:nth-child(2) {right:18px;}
.layout-create .wrap-cancel .type-benefit .block > ul > li:nth-child(3) {right:0;}
.layout-create .wrap-cancel .type-benefit .arrow {z-index:1; position:relative; top:2px; display:inline-block; vertical-align:top; width:13px; height:13px; background-size:1500px 2500px; background-position:-50px -450px; opacity:0.7; cursor:pointer;}
.layout-create .wrap-cancel .type-benefit .arrow:hover {opacity:1;}
.layout-create .wrap-cancel .type-benefit .tooltip {z-index:2; width:227px; display:none; position:absolute; right:-13px; top:19px;}
.layout-create .wrap-cancel .type-benefit .tooltip .wrap {position:relative; padding:20px 15px 19px 15px; border:1px solid #d9d9d9; background-color:#ffffff;}
.layout-create .wrap-cancel .type-benefit .tooltip .wrap:after {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; box-shadow:4px 4px 4px 0 #000000; opacity:0.2; border-radius:0;}
.layout-create .wrap-cancel .type-benefit .tooltip .wrap ul {margin-top:6px; position:relative;}
.layout-create .wrap-cancel .type-benefit .tooltip .wrap ul:nth-child(2) {margin-top:7px;}
.layout-create .wrap-cancel .type-benefit .tooltip .wrap li {text-align:left;}
.layout-create .wrap-cancel .type-benefit .tooltip .wrap li {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:15px; font-size:13px; color:#7d7d7d; letter-spacing:-1px;}
.layout-create .wrap-cancel .type-benefit .tooltip .wrap li:nth-child(1) {}
.layout-create .wrap-cancel .type-benefit .tooltip .wrap li:nth-child(2) {display:block; position:absolute; right:0; top:0;}
.layout-create .wrap-cancel .type-benefit .tooltip .wrap ul:first-child {margin-top:-2px; padding-bottom:9px; border-bottom:1px solid #000000;}
.layout-create .wrap-cancel .type-benefit .tooltip .wrap ul:first-child li {color:#000000;}
.layout-create .wrap-cancel .type-benefit .tooltip .wrap.on {display:block;}

.layout-create .wrap-cancel .type-coupon .title {padding-bottom:12px; border-bottom:2px solid #363636;}
.layout-create .wrap-cancel .type-coupon .title {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:24px; font-size:20px; color:#000000;}
.layout-create .wrap-cancel .type-coupon .block {margin-top:18px; padding-bottom:15px; border-bottom:1px solid #ebebeb;}
.layout-create .wrap-cancel .type-coupon .msg {padding:10px 0 30px 0; letter-spacing:-1px;}
.layout-create .wrap-cancel .type-coupon .msg {font-weight:normal; line-height:14px; font-size:12px; color:#7d7d7d; font-family:gulim,'굴림',sans-serif;}
.layout-create .wrap-cancel .type-coupon ul {margin-top:12px; position:relative;}
.layout-create .wrap-cancel .type-coupon ul:first-child {margin-top:0;}
.layout-create .wrap-cancel .type-coupon ul li {display:block; word-break:break-all;}
.layout-create .wrap-cancel .type-coupon ul li {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:16px; font-size:14px; color:#000000;}
.layout-create .wrap-cancel .type-coupon ul li:nth-child(2) {position:absolute; right:0; top:0; text-align:right;}

.layout-create .wrap-cancel .type-private .title {padding-bottom:12px; border-bottom:2px solid #363636;}
.layout-create .wrap-cancel .type-private .title {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:24px; font-size:20px; color:#000000;}
.layout-create .wrap-cancel .type-private .block {margin-top:18px; padding-bottom:15px; border-bottom:1px solid #ebebeb;}
.layout-create .wrap-cancel .type-private ul {margin-top:12px; position:relative;}
.layout-create .wrap-cancel .type-private ul:first-child {margin-top:0;}
.layout-create .wrap-cancel .type-private ul li {display:block; word-break:break-all;}
.layout-create .wrap-cancel .type-private ul li {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:16px; font-size:14px; color:#000000;}
.layout-create .wrap-cancel .type-private ul li:nth-child(2) {position:absolute; right:0; top:0; text-align:right;}
.layout-create .wrap-cancel .type-private .btn {margin-top:20px;}
.layout-create .wrap-cancel .type-private .btn span {padding:8px 0 9px 0; width:100%; display:inline-block; vertical-align:top; border:1px solid #363636; background-color:#363636; text-align:center;}
.layout-create .wrap-cancel .type-private .btn span {text-align:center; cursor:pointer;}
.layout-create .wrap-cancel .type-private .btn span {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:17px; font-size:15px; color:#ffffff;}
.layout-create .wrap-cancel .type-private .btn span:hover {border-color:#000000; background-color:#000000;}

.layout-create .wrap-cancel .type-method .title {padding:13px 0 14px 0; border-top:1px solid #363636; background-color:#f4f5f7; text-align:center;}
.layout-create .wrap-cancel .type-method .title {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:17px; font-size:15px; color:#000000;}
.layout-create .wrap-cancel .type-method .block {margin-top:23px; padding-bottom:24px; border-bottom:1px solid #ebebeb;}
.layout-create .wrap-cancel .type-method ul {margin-top:4px; position:relative;}
.layout-create .wrap-cancel .type-method ul:first-child {margin-top:0;}
.layout-create .wrap-cancel .type-method ul:nth-child(2) {margin-top:7px;}
.layout-create .wrap-cancel .type-method ul li {display:block; word-break:break-all;}
.layout-create .wrap-cancel .type-method ul li {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:16px; font-size:14px; color:#7d7d7d;}
.layout-create .wrap-cancel .type-method ul li:nth-child(2) {position:absolute; right:0; top:0; text-align:right;}
.layout-create .wrap-cancel .type-method ul:first-child li {color:#000000;}
.layout-create .wrap-cancel .type-method .btn {margin-top:20px;}
.layout-create .wrap-cancel .type-method .btn span {padding:8px 0 9px 0; width:100%; display:inline-block; vertical-align:top; text-align:center;}
.layout-create .wrap-cancel .type-method .btn span {text-align:center; cursor:pointer;}
.layout-create .wrap-cancel .type-method .btn span {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:17px; font-size:15px;}
.layout-create .wrap-cancel .type-method .btn span:nth-child(1) {border:1px solid #363636; background-color:#363636; color:#ffffff;}
.layout-create .wrap-cancel .type-method .btn span:nth-child(1):hover {border-color:#000000; background-color:#000000;}
.layout-create .wrap-cancel .type-method .btn span:nth-child(2) {border:1px solid #ebebeb; background-color:#ffffff; color:#707070;}
.layout-create .wrap-cancel .type-method .btn span:nth-child(2):hover {border-color:#000000; color:#000000;}
.layout-create .wrap-cancel .type-method .btn.type2 span {width:calc(50% - 7px);}
.layout-create .wrap-cancel .type-method .btn.type2 span:nth-child(2) {margin-left:10px;}

.layout-create .wrap-cancel .footer {z-index:1; position:absolute; left:0; bottom:0px; width:100%; height:70px; background-color:#fbfbfb; border-top:1px solid #ebedf1; text-align:right;}
.layout-create .wrap-cancel .footer .btn {display:inline-block; position:absolute; top:15px; padding:0px 10px 1px 10px; min-width:160px; height:39px; background-color:#363636; text-align:center; cursor:pointer;}
.layout-create .wrap-cancel .footer .btn {text-decoration:none; font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:39px; font-size:15px; color:#ffffff;}
.layout-create .wrap-cancel .footer .btn.type-l {left:30px;}
.layout-create .wrap-cancel .footer .btn.type-r {right:30px;}
.layout-create .wrap-cancel .footer .btn:hover {background-color:#000000;}
.layout-create .wrap-cancel .footer .side {display:block; position:absolute; top:15px; right:30px;}
.layout-create .wrap-cancel .footer .side .btn {margin-left:10px; position:static; top:0;}

.layout-create .wrap-cancel.type-confirm .items {margin-right:0;}
.layout-create .wrap-cancel.type-confirm .main {padding-bottom:200px;}

.layout-create .wrap-cancel .refund_bank {
    margin-top: 50px;
}

.layout-create .wrap-cancel .refund_bank > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.layout-create .wrap-cancel .refund_bank .title {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    width: 120px;
    font-family: var(--family-regular);font-weight: var(--weight-regular);
    line-height: 1.4;
    font-size: 16px;
    color: #333333;
}

.layout-create .wrap-cancel .refund_bank .guide {
    margin: 15px 0 -3px 0;
    word-wrap: break-word;
    word-break: break-all;
    font-family: var(--family-light);font-weight: var(--weight-light);
    line-height: 1.4;
    font-size: 14px;
    color: #999999;
}


#pay-form {position:absolute; left:0; top:0; font-size:0; line-height:0; z-index:-99999;}
#html_cash_label,
#html_cash_receipt {display:none;}

/* method-svg */

.layout-create .wrap-cancel .method-svg .radio label {
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;

    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.layout-create .wrap-cancel .method-svg .radio label.focus {
    background-color: #fff !important;
}

/* payco */

.layout-create .wrap-cancel .method-svg .method-201 {
    width: 80px;
    height: 18px;
}

.layout-create .wrap-cancel .method-svg .method-201 .st0 {
    fill: #E7231E;
}

/* kakaopay */

.layout-create .wrap-cancel .method-svg .method-203 {
    width: 72px;
    height: 30px;
}

.layout-create .wrap-cancel .method-svg .method-203 .st0 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #F4E22A;
}

.layout-create .wrap-cancel .method-svg .method-203 .st1 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #040000;
}

.layout-create .wrap-cancel .method-svg .method-203 .st2 {
    fill: #040000;
}

/* naverpay */

.layout-create .wrap-cancel .method-svg .method-204 {
    width: 66px;
    height: 26px;
}

.layout-create .wrap-cancel .method-svg .method-204 .st0 {
    fill: #333333;
}

.layout-create .wrap-cancel .method-svg .method-204 .st1 {
    fill: #40B044;
}

/* zeropay */

.layout-create .wrap-cancel .method-svg .method-206 {
    width: 66px;
    height: 18px;
}

.layout-create .wrap-cancel .method-svg .method-206 .st0 {
    fill: #18268B;
}

/* smilepay */

.layout-create .wrap-cancel .method-svg .method-207 .st0 {
    fill: #F5C933;
}

.layout-create .wrap-cancel .method-svg .method-207 .st1 {
    fill: #25275F;
}

.layout-create .wrap-cancel .method-svg .method-207 {
    width: 113px;
    height: 24px;
}

/* applepay*/

.layout-create .wrap-cancel .method-svg .method-208 {
    width: 58px;
    height: 24px;
}

/* wechat*/

.layout-create .wrap-cancel .method-svg .method-209 {
    width: 90px;
    height: 26px;
}

/* tosspay */

.layout-create .wrap-cancel .method-svg .method-202 {
    width: 105px;
    height: 26px;
}

/* myaccount */

.layout-create .wrap-cancel .method-svg .method-210 {
    width: 84px;
    height: 29px;
}

/* wrap-bill */

.layout-create .wrap-bill .body {padding:50px 30px 110px 30px; position:relative; background-color:#ffffff; border-radius:4px;}
.layout-create .wrap-bill .body > .title {padding-bottom:15px; border-bottom:2px solid #000000;}
.layout-create .wrap-bill .body > .title {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:22px; font-size:20px; color:#000000;}
.layout-create .wrap-bill .main {position:relative;}

.layout-create .wrap-bill .footer {z-index:1; position:absolute; left:0; bottom:30px; width:100%; text-align:center;}
.layout-create .wrap-bill .footer span {transition:background 0.2s, color 0.2s; position:relative; text-decoration:none; display:inline-block; vertical-align:middle; width:200px; height:50px; background-color:#6d727e; text-align:center; cursor:pointer;}
.layout-create .wrap-bill .footer span {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:50px; font-size:16px; color:#ffffff;}
.layout-create .wrap-bill .footer span:hover {background-color:#000000;}

/* wrap-period */

.layout-create .wrap-period .body {padding:50px 30px 110px 30px; position:relative; background-color:#ffffff; border-radius:4px;}
.layout-create .wrap-period .body > .title {padding-bottom:15px; border-bottom:2px solid #000000;}
.layout-create .wrap-period .body > .title {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:22px; font-size:20px; color:#000000;}
.layout-create .wrap-period .main {position:relative;}

.layout-create .wrap-period .list-f {border-top:1px solid #e2e2e2;}
.layout-create .wrap-period .list-f:first-child {border-top:0;}
.layout-create .wrap-period .list-f:last-child {border-bottom:1px solid #e2e2e2;}
.layout-create .wrap-period .list-f.last {border-bottom:1px solid #e2e2e2;}
.layout-create .wrap-period .list-f > ul {width:100%; display:table; table-layout:fixed;}
.layout-create .wrap-period .list-f > ul > li {position:relative; display:table-cell; word-break:break-all; vertical-align:middle; padding-top:10px; padding-bottom:10px; height:34px;}
.layout-create .wrap-period .list-f > ul > li span {position:relative; display:inline-block; vertical-align:middle;}
.layout-create .wrap-period .list-f > ul > li:nth-child(2n+1) {width:100px; text-align:center;}
.layout-create .wrap-period .list-f > ul > li:nth-child(2n+1) span {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:17px; font-size:13px; color:#000000;}
.layout-create .wrap-period .list-f > ul > li:nth-child(2n+2) {padding-left:10px; padding-right:10px;}
.layout-create .wrap-period .list-f > ul > li:nth-child(2n+2) .text {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:17px; font-size:14px; color:#969a9c;}
.layout-create .wrap-period .list-f > ul > li:nth-child(2n+2) .n1 {position:relative; margin-top:-3px; margin-bottom:-2px;}
.layout-create .wrap-period .list-f > ul > li:nth-child(2n+2) .n1 {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:17px; font-size:13px; color:#969a9c;}
.layout-create .wrap-period .list-f > ul > li:nth-child(2n+2) .no {color:#ef4f4e;}

.layout-create .wrap-period .input {border-color:#c2c2c2;}
.layout-create .wrap-period .input input {color:#969a9c;}
.layout-create .wrap-period .input.focus {border-color:#000000;}
.layout-create .wrap-period .input.focus input {color:#000000;}
.layout-create .wrap-period .input.value input {color:#969a9c;}

.layout-create .wrap-period .input.calendar input {padding:0 36px 0 10px; width:84px;}
.layout-create .wrap-period .input.calendar span {z-index:2; display:block; position:absolute; right:0; top:0; width:35px; height:35px; background-size:1500px 2500px; background-position:-1300px 0; opacity:0.3; cursor:pointer;}
.layout-create .wrap-period .input.calendar span:hover {opacity:1;}

.layout-create .wrap-period .radio {display:inline-block; vertical-align:middle; width:auto; height:auto;}
.layout-create .wrap-period .radio label {position:relative; text-decoration:none; display:inline-block; vertical-align:middle; padding:0 10px 0 10px; width:auto; height:34px; border:1px solid #d7dbe3; background-color:#ffffff; background-image:linear-gradient(#ffffff, #f3f3f7); border-radius:3px; cursor:pointer;}
.layout-create .wrap-period .radio label {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:34px; font-size:14px; color:#969a9c;}
.layout-create .wrap-period .radio label:before {display:none;}
.layout-create .wrap-period .radio input {z-index:-1; position:absolute; left:0; top:0; opacity:0;}
.layout-create .wrap-period .radio label:hover {transition:border 0.2s, background 0.2s; border:1px solid #1c6bca; background-image:linear-gradient(#1c6bca, #1c6bca); background-color:#1c6bca; color:#ffffff; text-decoration:none; }
.layout-create .wrap-period .radio label.focus {transition:border 0.2s, background 0.2s; border:1px solid #1c6bca; background-image:linear-gradient(#1c6bca, #1c6bca); background-color:#1c6bca; color:#ffffff;}

.layout-create .wrap-period .footer {z-index:1; position:absolute; left:0; bottom:30px; width:100%; text-align:center;}
.layout-create .wrap-period .footer span {transition:background 0.2s, color 0.2s; position:relative; text-decoration:none; display:inline-block; vertical-align:middle; width:200px; height:50px; background-color:#6d727e; text-align:center; cursor:pointer;}
.layout-create .wrap-period .footer span {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:50px; font-size:16px; color:#ffffff;}
.layout-create .wrap-period .footer span:hover {background-color:#000000;}

/* wrap-exchange-product */

.layout-create .wrap-exchange-product .body {z-index:1; position:relative; background-color:#ffffff; border-radius:4px; border:1px solid #dcdcdc;}
.layout-create .wrap-exchange-product .main {position:relative; padding:40px 30px 0 30px;}
.layout-create .wrap-exchange-product .main > .title {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:22px; font-size:20px; color:#000000;}
.layout-create .wrap-exchange-product .list {margin-top:15px; display:table; width:100%;}
.layout-create .wrap-exchange-product .list ul {display:table-row;}
.layout-create .wrap-exchange-product .list li {position:relative; display:table-cell; vertical-align:middle;}
.layout-create .wrap-exchange-product .list li:nth-child(2) {width:110px;}
.layout-create .wrap-exchange-product .list ul:first-child li {background-color:#fbfbfb; text-align:center; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;}
.layout-create .wrap-exchange-product .list ul:first-child li {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:40px; font-size:13px; color:#000000;}
.layout-create .wrap-exchange-product .list ul:last-child li {height:100px; border-bottom:1px solid #ebebeb; border-top:1px solid #ebebeb;}
.layout-create .wrap-exchange-product .list ul:first-child li:nth-child(2) {border-left:1px solid #d9d9d9;}
.layout-create .wrap-exchange-product .list ul:last-child li:nth-child(2) {border-left:1px dotted #d9d9d9;}

.layout-create .wrap-exchange-product .list .thumb {position:absolute; left:0; top:15px; width:68px; height:68px; border:1px solid #d9d9d9;}
.layout-create .wrap-exchange-product .list .thumb a {display:block; position:relative; width:100%; max-height:68px; overflow:hidden; }
.layout-create .wrap-exchange-product .list .thumb img {width:100%; height:100%; border:0;}
.layout-create .wrap-exchange-product .list .block {margin-left:85px;}
.layout-create .wrap-exchange-product .list .block a {word-break:break-all; font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:16px; font-size:13px; color:#000000;}
.layout-create .wrap-exchange-product .list .price {text-align:center;}
.layout-create .wrap-exchange-product .list .price {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:16px; font-size:13px; color:#000000;}

.layout-create .wrap-exchange-product .title2 {margin-top:30px;}
.layout-create .wrap-exchange-product .title2 {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:14px; font-size:12px; color:#707070;}
.layout-create .wrap-exchange-product .title2 a {text-decoration:underline; font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:14px; font-size:12px; color:#3f66da;}
.layout-create .wrap-exchange-product .title2 a:hover {color:#0000ff;}

.layout-create .wrap-exchange-product .options {margin-top:9px; display:block;}
.layout-create .wrap-exchange-product .options > ul {margin-top:10px; display:table; width:100%; table-layout:fixed;}
.layout-create .wrap-exchange-product .options > ul:first-child {margin-top:0;}
.layout-create .wrap-exchange-product .options > ul > li {position:relative; display:table-cell; vertical-align:middle;}
.layout-create .wrap-exchange-product .options > ul > li:nth-child(1) {width:120px;}
.layout-create .wrap-exchange-product .options > ul > li:nth-child(1) {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:18px; font-size:13px; color:#000000;}

.layout-create .wrap-exchange-product .options .selectbox {transition:border 0.2s, background 0.2s; text-align:left; display:block; vertical-align:middle; position:relative; background-color:#f2f2f2; border:1px solid #c2c2c2; cursor:pointer;}
.layout-create .wrap-exchange-product .options .selectbox:before {z-index:10; display:block; content:''; position:absolute; left:-1px; top:-1px; width:calc(100% + 2px); height:calc(100% + 2px); cursor:default;}
.layout-create .wrap-exchange-product .options .selectbox .select {position:relative; display:block; height:41px; padding:0 25px 0 9px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.layout-create .wrap-exchange-product .options .selectbox .select {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:41px; font-size:14px; color:#707070;}
.layout-create .wrap-exchange-product .options .selectbox .select:after {z-index:2; display:block; content:''; position:absolute; right:5px; top:calc(50% - 10px); width:20px; height:20px; background-position:-75px 0px; opacity:0.2;}
.layout-create .wrap-exchange-product .options .selectbox .option {display:none; position:absolute; left:-1px; top:41px; width:calc(100% + 2px);}
.layout-create .wrap-exchange-product .options .selectbox .option ul {position:relative; overflow-x:hidden; overflow-y:auto; max-height:300px; background-color:#ffffff; border:1px solid #252525;}
.layout-create .wrap-exchange-product .options .selectbox .option ul li {position:relative; padding:8px 10px 8px 10px; display:block;}
.layout-create .wrap-exchange-product .options .selectbox .option ul li {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:18px; font-size:14px; color:#707070;}
.layout-create .wrap-exchange-product .options .selectbox .option ul li:first-child {display:none;}
.layout-create .wrap-exchange-product .options .selectbox .option ul li.focus,
.layout-create .wrap-exchange-product .options .selectbox .option ul li:hover {transition:background 0.2s; background-color:#f4f5f7; color:#252525;}
.layout-create .wrap-exchange-product .options .selectbox .option ul li.soldout {cursor:default; color:#959595;}
.layout-create .wrap-exchange-product .options .selectbox .option ul li.soldout .red {margin-left:5px; display:inline-block; color:#ef4f4e;}
.layout-create .wrap-exchange-product .options .selectbox.focus {background-color:#ffffff; border:1px solid #252525;}
.layout-create .wrap-exchange-product .options .selectbox.focus .select {color:#252525;}
.layout-create .wrap-exchange-product .options .selectbox.focus .select:after {background-position:-50px 0px; opacity:1;}
.layout-create .wrap-exchange-product .options .selectbox.focus .option {display:block;}
.layout-create .wrap-exchange-product .options .selectbox.w100 {display:block; width:calc(100% - 2px);}

.layout-create .wrap-exchange-product .options .selectbox.on {background-color:#ffffff;}
.layout-create .wrap-exchange-product .options .selectbox.on:before {display:none;}
.layout-create .wrap-exchange-product .options .selectbox.on .select:after {opacity:0.5;}
.layout-create .wrap-exchange-product .options .selectbox.first .option ul li:first-child {display:block;}

.layout-create .wrap-exchange-product .options > ul.type2 > li:nth-child(1) {width:100%;}
.layout-create .wrap-exchange-product .options > ul.type2 > li:nth-child(1) {font-weight:normal; line-height:0; font-size:0;}

.layout-create .wrap-exchange-product .option-thumb .selectbox .select {height:auto; min-height:60px; padding:8px 25px 8px 9px; white-space:normal; overflow:visible;}
.layout-create .wrap-exchange-product .option-thumb .selectbox .select {line-height:0; font-size:0;}
.layout-create .wrap-exchange-product .option-thumb .selectbox .select .title {color:#707070;}
.layout-create .wrap-exchange-product .option-thumb .selectbox .option {display:none; position:absolute; left:-1px; top:76px; width:calc(100% + 2px);}
.layout-create .wrap-exchange-product .option-thumb .selectbox .option ul {max-height:304px;}
.layout-create .wrap-exchange-product .option-thumb .selectbox .option ul li {padding:8px 10px 8px 10px;}
.layout-create .wrap-exchange-product .option-thumb .selectbox .thumb {display:block; position:absolute; left:10px; top:8px; width:60px; height:60px;}
.layout-create .wrap-exchange-product .option-thumb .selectbox .thumb img {width:100%; height:100%;}
.layout-create .wrap-exchange-product .option-thumb .selectbox .table {margin-left:70px; display:table; width:calc(100% - 70px);}
.layout-create .wrap-exchange-product .option-thumb .selectbox .table-cell {display:table-cell; vertical-align:middle; height:60px;}
.layout-create .wrap-exchange-product .option-thumb .selectbox p span {display:inline-block; vertical-align:bottom;}
.layout-create .wrap-exchange-product .option-thumb .selectbox .title {margin-bottom:4px;}
.layout-create .wrap-exchange-product .option-thumb .selectbox .title {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:18px; font-size:14px; color:#252525;}

.layout-create .wrap-exchange-product .option-thumb .selectbox .currency-price {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:20px; font-size:18px; color:#000000;}
.layout-create .wrap-exchange-product .option-thumb .selectbox .currency-decimal {margin-left:2px; vertical-align:top;}
.layout-create .wrap-exchange-product .option-thumb .selectbox .currency-decimal {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:14px; font-size:12px; color:#000000;}
.layout-create .wrap-exchange-product .option-thumb .selectbox .currency-text {margin-left:4px;}
.layout-create .wrap-exchange-product .option-thumb .selectbox .currency-text {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:18px; font-size:12px; color:#000000;}

.layout-create .wrap-exchange-product .option-thumb .selectbox .soldout .title,
.layout-create .wrap-exchange-product .option-thumb .selectbox .soldout .price,
.layout-create .wrap-exchange-product .option-thumb .selectbox .soldout .currency {color:#959595;}

.layout-create .wrap-exchange-product .choice {word-break:break-all; padding:11px 10px 13px 10px; background-color:#fdfdfd; border-bottom:1px solid #ebebeb;}
.layout-create .wrap-exchange-product .choice {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:15px; font-size:12px; color:#5674b9;}

.layout-create .wrap-exchange-product .footer {padding:30px 0 50px 0; width:100%; text-align:center;}
.layout-create .wrap-exchange-product .footer span {transition:background 0.2s, color 0.2s; margin-left:10px; padding:0 10px; position:relative; display:inline-block; vertical-align:middle; text-align:center; cursor:pointer;}
.layout-create .wrap-exchange-product .footer span {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:50px; font-size:16px; color:#ffffff;}
.layout-create .wrap-exchange-product .footer span:nth-child(1) {min-width:140px; height:50px;}
.layout-create .wrap-exchange-product .footer span:nth-child(2) {min-width:138px; height:48px; border:1px solid #ebebeb; background-color:#ffffff; color:#707070;}
.layout-create .wrap-exchange-product .footer span:nth-child(2):hover {border:1px solid #707070; color:#4e4d4d;}
.layout-create .wrap-exchange-product .footer span:first-child {margin-left:0;}
.layout-create .wrap-exchange-product .footer span.type2 {background-color:#5674b9;}
.layout-create .wrap-exchange-product .footer span.type2:hover {background-color:#2f51a0;}

.layout-create .wrap-exchange-product .type-addoption {padding-bottom:10px;}

/* l-member-top */

.l-member-top {height:25px;}

.l-member-header {margin-bottom:40px; z-index:100; position:relative; border-top:1px solid #d9d9d9; border-bottom:2px solid #363636;}
.l-member-header .wrap {z-index:2; position:relative; padding:20px 0; background-color:#ffffff;}
.l-member-header .table {display:table; width:100%; height:80px;}
.l-member-header .table > div {display:table-cell; vertical-align:middle;}
.l-member-header .table .name {width:200px;}
.l-member-header .table .name a {display:block; text-decoration:none;}
.l-member-header .table .name a > span {margin:0 15px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.l-member-header .table .name a > span:nth-child(1) {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:16px; font-size:14px; color:#000000;}
.l-member-header .table .name a > span:nth-child(2) {margin-top:3px;}
.l-member-header .table .name a > span:nth-child(2) {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:48px; font-size:36px; color:#000000;}

.l-member-header .table .level {padding:0 15px; width:215px; border-left:1px solid #d9d9d9;}
.l-member-header .table .level img,
.l-member-header .table .level .block {display:inline-block; vertical-align:middle;}
.l-member-header .table .level img {margin-right:15px; width:64px; height:64px;}
.l-member-header .table .level p:nth-child(1) {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:20px; font-size:18px; color:#000000;}
.l-member-header .table .level p:nth-child(2) {margin-top:6px;}
.l-member-header .table .level p:nth-child(3) {margin-top:3px;}
.l-member-header .table .level a {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:13px; font-size:11px; color:#7d7d7d;}
.l-member-header .table .level a:hover {text-decoration:underline; color:#000000;}

.l-member-header .table .link {padding:0 15px; border-left:1px solid #d9d9d9;}
.l-member-header .table .link a {text-decoration:none; position:relative; display:inline-block; vertical-align:middle; width:20%; text-align:center;}
.l-member-header .table .link span {display:block;}
.l-member-header .table .link .icon {transition:margin 0.2s, width 0.2s, height 0.2s; position:absolute; left:calc(50% - 25px); top:0; width:50px; height:50px; background-color:var(--color1); border-radius:100%;}
.l-member-header .table .link .icon span {transition:opacity 0.3s; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; max-width:100%; max-height:100%; opacity:1;}
.l-member-header .table .link .icon span:nth-child(1) {width:40px; height:40px; background-size:1500px 2500px; background-position-y:-500px;}
.l-member-header .table .link .icon span:nth-child(2) {width:auto; height:26px; opacity:0;}
.l-member-header .table .link .icon span:nth-child(2) {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:26px; font-size:24px; color:#ffffff;}
.l-member-header .table .link .icon span:nth-child(2).type2 {font-size:13px;}
.l-member-header .table .link .text {margin-top:54px;}
.l-member-header .table .link .text {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:15px; font-size:13px; color:#000000;}

.l-member-header .table .link a:hover .icon {width:56px; height:56px; margin-left:-3px; margin-top:-3px;}
.l-member-header .table .link a:hover .icon span:nth-child(1) {opacity:0;}
.l-member-header .table .link a:hover .icon span:nth-child(2) {opacity:1;}

.l-member-header .table .link .ty-order .icon span:nth-child(1) {background-position-x:-1200px;}
.l-member-header .table .link .ty-coupon .icon span:nth-child(1) {background-position-x:-1250px;}
.l-member-header .table .link .ty-point .icon span:nth-child(1) {background-position-x:-1300px;}
.l-member-header .table .link .ty-wishlist .icon span:nth-child(1) {background-position-x:-1350px;}
.l-member-header .table .link .ty-history .icon span:nth-child(1) {background-position-x:-1400px;}

.l-member-container {font-size:0; line-height:0; position:relative; min-height:672px;}
.l-member-container:after {display:block; content:''; position:absolute; left:0px; top:0px; width:178px; min-height:calc(100% - 27px); background-color:#ffffff; border:1px solid #d9d9d9;}
.l-member-container.ty-guest:after {display:none;}
.l-member-main {min-height:100%; display:table; margin-left:220px; width:calc(100% - 220px);}

.l-member-side {font-size:0; line-height:0; z-index:99; position:absolute; left:0; top:0; width:180px; height:100%;}
.l-member-side .wrap {padding:1px;}
.l-member-side .menu {position:relative; left:0; top:0; padding-bottom:200px;}
.l-member-side .menu .depth1 {position:relative; border-top:1px solid #d9d9d9;}
.l-member-side .menu .depth1:last-child {border-bottom:1px solid #d9d9d9;}
.l-member-side .menu .depth1:first-child {border-top:0;}
.l-member-side .menu .depth1 .icon {display:block; position:absolute; left:7px; top:13px; width:24px; height:24px; background-size:1500px 2500px; background-position-y:-550px; opacity:0.25;}
.l-member-side .menu .depth1 .block {position:relative; left:0; top:0; width:178px;}
.l-member-side .menu .depth1 .title {position:relative; display:block; padding:15px 30px 16px 38px; word-break:break-all; cursor:pointer;}
.l-member-side .menu .depth1 .title {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:19px; font-size:15px; color:#7d7d7d;}
.l-member-side .menu .depth1 .title:before {display:block; content:''; position:absolute; right:10px; top:18px; width:13px; height:13px; background-size:1500px 2500px; background-position:-1300px -200px; opacity:0.2;}
.l-member-side .menu .depth1 .depth2 {display:none; background-color:#f4f5f7; border-top:1px solid #d9d9d9; padding:12px 0;}
.l-member-side .menu .depth1 .depth2 a {text-decoration:none; position:relative; display:block; padding:0 10px 0 31px; height:28px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.l-member-side .menu .depth1 .depth2 a {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:28px; font-size:13px; color:#7d7d7d;}
.l-member-side .menu .depth1 .depth2 a:before {display:block; content:''; position:absolute; left:20px; top:calc(50% - 2px); width:4px; height:4px; background-color:#d6d7d8;}
.l-member-side .menu .depth1 .depth2 a:hover {background-color:#ffffff; color:#363636;}
.l-member-side .menu .depth1 .depth2 a.on {color:#000000;}
.l-member-side .menu .depth1 .depth2 a.on:before {background-color:#7f7f7f;}

.l-member-side .menu .depth1:hover .icon {opacity:0.5;}
.l-member-side .menu .depth1:hover .block {display:block;}
.l-member-side .menu .depth1:hover .title {opacity:1;}

.l-member-side .menu .depth1 .title:hover {text-decoration:underline; color:#000000;}
.l-member-side .menu .depth1 .title:hover:before {opacity:1;}

.l-member-side .menu .depth1:nth-child(1) .icon {background-position-x:-1200px;}
.l-member-side .menu .depth1:nth-child(2) .icon {background-position-x:-1250px;}
.l-member-side .menu .depth1:nth-child(3) .icon {background-position-x:-1300px;}
.l-member-side .menu .depth1:nth-child(4) .icon {background-position-x:-1350px;}
.l-member-side .menu .depth1:nth-child(5) .icon {background-position-x:-1400px;}

.l-member-side .menu .depth1.on .icon {opacity:1; background-position-y:-600px;}
.l-member-side .menu .depth1.on .depth2 {display:block;}
.l-member-side .menu .depth1.on .title {text-decoration:none; background-color:#363636; color:#ffffff;}
.l-member-side .menu .depth1.on .title:before {opacity:1; background-position:-1350px -150px;}

.l-member-side .menu .guest {position:relative; background-color:#ffffff; border:1px solid #d9d9d9;}
.l-member-side .menu .guest a {text-decoration:none; position:relative; display:block; height:50px; word-break:break-all; text-align:center;}
.l-member-side .menu .guest a {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:49px; font-size:15px; color:#7d7d7d;}
.l-member-side .menu .guest a:nth-child(n+2) {border-top:1px solid #d9d9d9;}

.l-member-side .menu .guest a span {z-index:1; position:relative; display:inline-block; vertical-align:middle;}
.l-member-side .menu .guest a:hover {color:#000;}
.l-member-side .menu .guest a:hover span:before {z-index:-1; display:block; content:''; position:absolute; left:0; bottom:10px; right:0; height:0; border-bottom:2px solid #7f7f7f;}

.l-member-side .menu .guest a.on {background-color:#363636; color:#fff;}
.l-member-side .menu .guest a.on span:before {display:none;}


/* sideoff */

.l-member-container.sideoff {min-height:auto;}
.l-member-container.sideoff:before,
.l-member-container.sideoff:after {display:none;}
.l-member-container.sideoff .l-member-side {display:none;}
.l-member-container.sideoff .l-member-main {margin-left:0; width:100%;}

/* banner */

.l-banner-header {position:relative; display:block; padding-bottom:25px;}
.l-banner-header > ul {display:table; width:100%; table-layout:fixed;}
.l-banner-header > ul > li {position:relative; display:table-cell; vertical-align:middle; text-align:center;}
.l-banner-header a {margin:0 auto; display:block;}
.l-banner-header .link {z-index:2; position:absolute; left:0; top:0; width:100%; height:100%;}
.l-banner-header img {width:auto !important; height:auto !important; max-width:100% !important; max-height:100% !important; border:0;}
.l-banner-header video,
.l-banner-header iframe {width:100%;}

.l-banner-footer {position:relative; display:block; padding-bottom:25px;}
.l-banner-footer > ul {display:table; width:100%; table-layout:fixed;}
.l-banner-footer > ul > li {position:relative; display:table-cell; vertical-align:middle; text-align:center;}
.l-banner-footer a {margin:0 auto; display:block;}
.l-banner-footer .link {z-index:2; position:absolute; left:0; top:0; width:100%; height:100%;}
.l-banner-footer img {width:auto !important; height:auto !important; max-width:100% !important; max-height:100% !important; border:0;}
.l-banner-footer video,
.l-banner-footer iframe {width:100%;}

/* BETA REVIEW */


/* wrap-review */

.layout-create .wrap-review .body {padding:50px 30px 110px 30px; position:relative; background-color:#ffffff; border-radius:4px;}
.layout-create .wrap-review .body > .title {padding-bottom:15px; border-bottom:2px solid #000000;}
.layout-create .wrap-review .body > .title {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:22px; font-size:20px; color:#000000;}
.layout-create .wrap-review .main {position:relative;}

.layout-create .wrap-review .main .item {margin-top:20px; padding-bottom:20px; position:relative; border-bottom:1px solid #dcdcdc;}
.layout-create .wrap-review .main .item .thumb {overflow:hidden; display:block; position:absolute; left:0; width:55px; height:55px;}
.layout-create .wrap-review .main .item .thumb img {width:100%;}
.layout-create .wrap-review .main .item .title1 {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:15px; font-size:13px; color:#959595;}
.layout-create .wrap-review .main .item .title2 {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:17px; font-size:13px; color:#000000;}
.layout-create .wrap-review .main .item .block {margin-left:70px; display:block; padding-top:3px; min-height:52px;}
.layout-create .wrap-review .main .item .block div:nth-child(2) {margin-top:2px;}

.layout-create .wrap-review .main .choice {margin-left:140px; padding:20px 0;}
.layout-create .wrap-review .main .choice ul {}
.layout-create .wrap-review .main .choice li {display:inline-block; vertical-align:middle;}

.layout-create .wrap-review .main .score > span {margin-left:5px; display:inline-block; vertical-align:top; width:40px; height:40px; background-size:1500px 2500px; background-position:-750px -650px; cursor:pointer;}
.layout-create .wrap-review .main .score > span:first-child {margin-left:0;}
.layout-create .wrap-review .main .score > span.focus {background-position-x:-700px;}

.layout-create .wrap-review .main .emotion {margin-left:20px;}
.layout-create .wrap-review .main .emotion img {display:inline-block; vertical-align:middle; width:70px; height:70px;}
.layout-create .wrap-review .main .emotion span {margin-left:5px; position:relative; top:1px; display:inline-block; vertical-align:middle; text-align:center;}
.layout-create .wrap-review .main .emotion span {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:26px; font-size:24px; color:#000000;}

.layout-create .wrap-review .main .table {margin-top:20px; display:table; width:calc(100% - 2px); table-layout:fixed; border:1px solid #dcdcdc;}
.layout-create .wrap-review .main .table:first-child {margin-top:0;}
.layout-create .wrap-review .main .table > ul {display:table-row;}
.layout-create .wrap-review .main .table > ul > li {position:relative; vertical-align:middle;}
.layout-create .wrap-review .main .table > ul > li {display:table-cell;}
.layout-create .wrap-review .main .table > ul > li:nth-child(1) {width:100px; background-color:#fbfbfb; border-right:1px solid #dcdcdc; text-align:center;}
.layout-create .wrap-review .main .table > ul > li:nth-child(1) {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:19px; font-size:13px; color:#000000;}
.layout-create .wrap-review .main .table > ul > li:nth-child(2) {}

.layout-create .wrap-review .main .table > ul > li p:nth-child(2) {margin-top:2px;}
.layout-create .wrap-review .main .table > ul > li p:nth-child(2) {font-weight:normal; line-height:13px; font-size:11px; color:#707070; font-family:dotum,'돋움',sans-serif;}
.layout-create .wrap-review .main .table > ul > li p:nth-child(2) .count {color:#ed1c24;}

.layout-create .wrap-review .main .table .box {padding:15px;}

.layout-create .wrap-review .list-f {border-top:1px solid #dcdcdc;}
.layout-create .wrap-review .list-f:first-child {margin-top:20px; border-top:1px solid #dcdcdc;}
.layout-create .wrap-review .list-f:last-child {border-bottom:1px solid #dcdcdc;}
.layout-create .wrap-review .list-f.last {border-bottom:1px solid #dcdcdc;}
.layout-create .wrap-review .list-f > ul {width:100%; display:table; table-layout:fixed;}
.layout-create .wrap-review .list-f > ul > li {position:relative; display:table-cell; word-break:break-all; vertical-align:middle; padding-top:10px; padding-bottom:10px; height:43px;}
.layout-create .wrap-review .list-f > ul > li span {position:relative; display:inline-block; vertical-align:middle;}
.layout-create .wrap-review .list-f > ul > li:nth-child(2n+1) {background-color:#f8f8fb; width:100px; text-align:center;}
.layout-create .wrap-review .list-f > ul > li:nth-child(2n+1) span {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:17px; font-size:13px; color:#000000;}
.layout-create .wrap-review .list-f > ul > li:nth-child(2n+2) {padding-left:10px; padding-right:10px;}
.layout-create .wrap-review .list-f > ul > li:nth-child(2n+2) .text {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:17px; font-size:14px; color:#969a9c;}
.layout-create .wrap-review .list-f > ul > li:nth-child(2n+2) .n1 {position:relative; margin-top:-3px; margin-bottom:-2px;}
.layout-create .wrap-review .list-f > ul > li:nth-child(2n+2) .n1 {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:17px; font-size:13px; color:#969a9c;}

.layout-create .wrap-review .main .itemchoice {margin-top:10px; display:none; width:calc(100% - 2px); table-layout:fixed; border:1px solid #ebedf1; background-color:#fbfbfb;}
.layout-create .wrap-review .main .itemchoice > div {display:table-cell; vertical-align:middle;}
.layout-create .wrap-review .main .itemchoice .thumb {width:55px; padding:5px;}
.layout-create .wrap-review .main .itemchoice .thumb img {width:100%;}
.layout-create .wrap-review .main .itemchoice .title {padding:5px;}
.layout-create .wrap-review .main .itemchoice .title {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:18px; font-size:14px; color:#000000;}
.layout-create .wrap-review .main .itemchoice .option {margin-top:2px;}
.layout-create .wrap-review .main .itemchoice .option {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:16px; font-size:11px; color:#969a9c;}
.layout-create .wrap-review .main .itemchoice.on {display:table;}
.layout-create .wrap-review .main .itemchoice.type2 {margin-top:0;}

.layout-create .wrap-review .selectbox {transition:border 0.2s, background 0.2s; text-align:left; display:block; vertical-align:middle; position:relative; background-color:#ffffff; border:1px solid #c2c2c2; width:calc(100% - 2px); cursor:pointer;}
.layout-create .wrap-review .selectbox .select {position:relative; display:block; height:41px; padding:0 28px 0 9px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.layout-create .wrap-review .selectbox .select {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:41px; font-size:14px; color:#707070;}
.layout-create .wrap-review .selectbox .select:before {z-index:2; display:block; content:''; position:absolute; right:28px; top:0; width:0; height:100%;}
.layout-create .wrap-review .selectbox .select:after {z-index:2; display:block; content:''; position:absolute; right:5px; top:calc(50% - 10px); width:20px; height:20px; background-position:-75px 0px; opacity:0.4;}
.layout-create .wrap-review .selectbox .option {display:none; position:absolute; left:-1px; top:0; width:calc(100% + 2px);}
.layout-create .wrap-review .selectbox .option ul {position:relative; overflow-x:hidden; overflow-y:auto; max-height:300px; background-color:#ffffff; border:1px solid #252525;}
.layout-create .wrap-review .selectbox .option ul li {position:relative; padding:5px 9px 6px 9px; height:auto; display:block; white-space:normal; overflow:visible; text-overflow:ellipsis;}
.layout-create .wrap-review .selectbox .option ul li {text-decoration:none; font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:18px; font-size:14px; color:#252525;}
.layout-create .wrap-review .selectbox .option ul li:hover {transition:opacity 0.2s, border 0.2s, background 0.2s, color 0.2s; background-color:#fbfbfb; color:#000000;}
.layout-create .wrap-review .selectbox .option ul li.focus {background-color:#ffffff;}
.layout-create .wrap-review .selectbox.focus {background-color:#ffffff; border:1px solid #252525;}
.layout-create .wrap-review .selectbox.focus .select {}
.layout-create .wrap-review .selectbox.focus .select:after {background-position:-50px 0px}
.layout-create .wrap-review .selectbox.focus .option {display:block;}

.layout-create .wrap-review .main .msg {margin-top:20px;}
.layout-create .wrap-review .main .msg p {position:relative; display:block; padding-left:8px;}
.layout-create .wrap-review .main .msg p {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:19px; font-size:11px; color:#969a9c;}
.layout-create .wrap-review .main .msg p:before {display:block; content:''; position:absolute; left:0; top:calc(50% - 1px); width:3px; height:3px; background-color:#dbdde2;}

.layout-create .wrap-review .footer {z-index:1; position:absolute; left:0; bottom:30px; width:100%; text-align:center;}
.layout-create .wrap-review .footer span {transition:background 0.2s, color 0.2s; position:relative; text-decoration:none; display:inline-block; vertical-align:middle; width:200px; height:50px; background-color:#6d727e; text-align:center; cursor:pointer;}
.layout-create .wrap-review .footer span {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:50px; font-size:16px; color:#ffffff;}
.layout-create .wrap-review .footer span:hover {background-color:#000000;}

.layout-create .wrap-review .input,
.layout-create .wrap-review .textarea {border-color:#c2c2c2;}
.layout-create .wrap-review .textarea {border:0;}
.layout-create .wrap-review .input input,
.layout-create .wrap-review .textarea textarea {color:#969a9c;}
.layout-create .wrap-review .textarea textarea {height:140px;}
.layout-create .wrap-review .input.focus,
.layout-create .wrap-review .textarea.focus {border-color:#000000;}
.layout-create .wrap-review .input.focus input,
.layout-create .wrap-review .textarea.focus textarea {color:#000000;}
.layout-create .wrap-review .input.value input,
.layout-create .wrap-review .textarea.value textarea {color:#969a9c;}

.layout-create .wrap-review .file-multiple {display:inline-block; vertical-align:top; margin-top:-15px; position:relative;}
.layout-create .wrap-review .file-multiple .multiple-wrap {margin-left:-5px;}
.layout-create .wrap-review .file-multiple ul {display:inline; vertical-align:top;}
.layout-create .wrap-review .file-multiple ul li {margin:15px 0 0 5px; position:relative; display:inline-block; vertical-align:top;}
.layout-create .wrap-review .file-multiple .block {overflow-y:hidden; width:52px; height:52px; border:1px solid #dbdde2; background-color:#ffffff; text-align:center;}
.layout-create .wrap-review .file-multiple .block:hover .multiple-btn {bottom:0;}
.layout-create .wrap-review .file-multiple .block .multiple-table {display:table; width:100%; height:100%; text-align:center;}
.layout-create .wrap-review .file-multiple .block .multiple-cell {display:table-cell; vertical-align:middle; width:100%; height:100%; text-align:center;}
.layout-create .wrap-review .file-multiple .block img {max-width:100%; max-height:100%; border:0;}
.layout-create .wrap-review .file-multiple .block .multiple-num {text-align:center; z-index:1; display:none; position:absolute; left:2px; top:2px; width:20px; height:20px;}
.layout-create .wrap-review .file-multiple .block .multiple-num {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:20px; font-size:14px; color:#ffffff;}
.layout-create .wrap-review .file-multiple .block .multiple-num:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000000; opacity:0.8; border-radius:100%;}
.layout-create .wrap-review .file-multiple .block .multiple-btn {transition:bottom 0.2s; display:block; position:absolute; left:0; bottom:-52px; width:100%;}
.layout-create .wrap-review .file-multiple .block .multiple-btn:before {z-index:1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000000; opacity:0.8;}
.layout-create .wrap-review .file-multiple .block .multiple-btn > span {z-index:2; position:relative; display:inline-block; vertical-align:top; width:100%; height:52px; cursor:pointer; text-align:center;}
.layout-create .wrap-review .file-multiple .block .multiple-btn > span a {text-decoration:none; display:block; width:100%; height:100%;}
.layout-create .wrap-review .file-multiple .block .multiple-btn > span,
.layout-create .wrap-review .file-multiple .block .multiple-btn > span a {transition:background 0.2s, color 0.2s; font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:52px; font-size:13px; color:#969a9c;}
.layout-create .wrap-review .file-multiple .block .multiple-btn > span:hover {background-color:#388cf1;}
.layout-create .wrap-review .file-multiple .block .multiple-btn > span:hover,
.layout-create .wrap-review .file-multiple .block .multiple-btn > span:hover a {color:#ffffff;}
.layout-create .wrap-review .file-multiple .upload {width:50px; height:50px; border:2px dashed #dbdde2; background-color:#ffffff;}
.layout-create .wrap-review .file-multiple .upload input {opacity:0; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer;}
.layout-create .wrap-review .file-multiple .upload input.off {z-index:-1;}
.layout-create .wrap-review .file-multiple .upload .icon-add {display:block; position:absolute; left:50%; top:50%; width:0; height:0;}
.layout-create .wrap-review .file-multiple .upload .icon-add:before {display:block; content:''; position:absolute; left:-13px; top:-2px; width:26px; height:4px; background-color:#dbdde2;}
.layout-create .wrap-review .file-multiple .upload .icon-add:after {display:block; content:''; position:absolute; left:-2px; top:-13px; width:4px; height:26px; background-color:#dbdde2;}
.layout-create .wrap-review .file-multiple .upload:hover {transition:border 0.2s; border:2px dashed #969a9c;}
.layout-create .wrap-review .file-multiple .upload:hover .icon-add:before,
.layout-create .wrap-review .file-multiple .upload:hover .icon-add:after {transition:background 0.2s; background-color:#969a9c;}
.layout-create .wrap-review .file-multiple .placeholder {border:2px dashed #dbdde2;}

/* wrap-review-result  */

.layout-create .wrap-review-result .body {padding:50px 30px 110px 30px; position:relative; background-color:#ffffff; border-radius:4px;}
.layout-create .wrap-review-result .body > .title {padding-bottom:15px; border-bottom:2px solid #000000;}
.layout-create .wrap-review-result .body > .title {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:22px; font-size:20px; color:#000000;}
.layout-create .wrap-review-result .main {padding:70px 0 70px 0; border-bottom:1px solid #ebebeb;}
.layout-create .wrap-review-result .main .icon {position:relative; width:100px; height:100px; margin:0 auto; background-size:1500px 2500px; background-position:-1000px -1000px;}
.layout-create .wrap-review-result .main .icon.type0 {background-position:-1200px -1000px;}
.layout-create .wrap-review-result .main p {margin-top:30px; text-align:center;}
.layout-create .wrap-review-result .main p {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:32px; font-size:24px; color:#000000;}
.layout-create .wrap-review-result .footer {z-index:1; position:absolute; left:0; bottom:30px; width:100%; text-align:center;}
.layout-create .wrap-review-result .footer span {transition:background 0.2s, color 0.2s; margin-left:10px; position:relative; text-decoration:none; display:inline-block; vertical-align:middle; width:200px; height:50px; background-color:#6d727e; text-align:center; cursor:pointer;}
.layout-create .wrap-review-result .footer span {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:50px; font-size:16px; color:#ffffff;}
.layout-create .wrap-review-result .footer span:hover {background-color:#000000;}
.layout-create .wrap-review-result .footer span:first-child {margin-left:0;}

/* Layer-member-request */

.Layer-member-request .Layer-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 700px;
    width: 100%;
    max-height: calc(100% - 100px);
}

.Layer-member-request .Layer-content {
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    background-color: #fff;
    padding: 40px 30px 50px 30px;

    overflow-y: auto;
}

.Layer-member-request .header {
    border-bottom: 2px solid #000000;
    padding-bottom: 15px;
}

.Layer-member-request .header .title {
    margin-top: -6px;
    font-family: var(--family-regular);font-weight: var(--weight-regular);
    line-height: 22px;
    font-size: 20px;
    color: #000000;
}

.Layer-member-request .main .text {
    margin-top: 13px;
    margin-bottom: -4px;
    word-wrap: break-word;
    word-break: break-all;
    font-family: var(--family-regular);font-weight: var(--weight-regular);
    line-height: 1.3;
    font-size: 15px;
    color: #4a5b94;
}

.Layer-member-request textarea {
    margin-top: 15px;
    box-sizing: border-box;
    border: 1px solid #dcdcdc;
    padding: 10px;
    width: 100%;
    height: 240px;
    font-family: var(--family-regular);font-weight: var(--weight-regular);
    line-height: 1.4;
    font-size: 14px;
    color: #969a9c;
}

.Layer-member-request textarea:focus:not([readonly]) {
    border-color: var(--color1);
    color: #000000;
}

.Layer-member-request .footer {
    margin-top: 30px;
}

.Layer-member-request .footer ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;

    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.Layer-member-request .footer li:nth-child(n+2) {
    margin-left: 10px;
}

.Layer-member-request .footer .button {
    box-sizing: border-box;
    transition: background 0.2s, color 0.2s;
    display: block;
    min-width: 180px;
    padding: 0 10px;
    text-align: center;
    cursor: pointer;
    font-family: var(--family-bold);font-weight: var(--weight-bold);
    line-height: 50px;
    font-size: 16px;
}

.Layer-member-request .footer .ty-confirm {
    background-color: var(--color1);
    color: #fff;
}

.Layer-member-request .footer .ty-close {
    border: 1px solid #ebebeb;
    background-color: #fff;
    color: #707070;
}

.Layer-member-request .footer .ty-close:hover {
    border-color: #707070;
    color: #4e4d4d;
}

@media screen and (max-width: 700px) {

    .Layer-member-request .Layer-container {
        min-height: 100%;
    }

    .Layer-member-request .Layer-content {
        border: 0;
        border-radius: 0;
    }

}

/* Layer-member-upload */

.Layer-member-upload .Layer-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    max-width: 700px;
    width: 100%;
    max-height: calc(100% - 100px);
}

.Layer-member-upload .Layer-content {
    box-sizing: border-box;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    flex-direction: column;
    -ms-flex-direction: column;

    border: 1px solid #dcdcdc;
    border-radius: 3px;
    background-color: #fff;
    padding: 40px 0 50px 0;

}

.Layer-member-upload .basic-scroll {
    box-sizing: border-box;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    flex-direction: column;
    -ms-flex-direction: column;

    max-height: 450px;
    overflow-y: auto;

    width: 100%;

    padding: 0 30px;
}

.Layer-member-upload.ty-scroll .basic-scroll {
    padding-right: calc(30px - var(--scrollbar-width)); /* padding right */
}

.Layer-member-upload.ty-scroll .form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    flex-direction: column;
    -ms-flex-direction: column;

    max-height: 100%;
}

.Layer-member-upload .header {
    margin: 0 30px;

    border-bottom: 2px solid #000000;
    padding-bottom: 15px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.Layer-member-upload .header .title {
    margin-top: -6px;
    font-family: var(--family-regular);font-weight: var(--weight-regular);
    line-height: 22px;
    font-size: 20px;
    color: #000000;
}

.Layer-member-upload .item {
    padding: 20px 0;
}

.Layer-member-upload .item:nth-child(n+2) {
    border-top: 1px solid #f0f0f0;
}

.Layer-member-upload .item .title {
    word-wrap: break-word;
    word-break: break-all;
    font-family: var(--family-regular);font-weight: var(--weight-regular);
    line-height: 1.4;
    font-size: 13px;
    color: #4a5b94;
}

.Layer-member-upload .item .block {
    margin-top: 10px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.Layer-member-upload .item .buttons {
    position: relative;
    display: -webkit-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;

    margin-right: 20px;
}

.Layer-member-upload .item .buttons input {
    z-index: 10;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.Layer-member-upload .item .button {
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #dfdfdf;
    background-color: #fff;
    width: 100px;
    height: 34px;
    text-align: center;
    font-family: var(--family-regular);font-weight: var(--weight-regular);
    line-height: 33px;
    font-size: 15px;
    color: #666666;
}

.Layer-member-upload .item .not {
    margin-top: 6px;
    font-family: var(--family-regular);font-weight: var(--weight-regular);
    line-height: 1.4;
    font-size: 12px;
    color: #999999;
}

.Layer-member-upload .item .info {
    margin-top: 3px;
}

.Layer-member-upload .item .download {
    text-decoration: none;
}

.Layer-member-upload .item .name {
    word-wrap: break-word;
    word-break: break-all;
    font-family: var(--family-regular);font-weight: var(--weight-regular);
    line-height: 1.4;
    font-size: 15px;
    color: #666666;
}

.Layer-member-upload .item .size {
    display: inline-block;
    margin-left: 3px;
    font-family: var(--family-regular);font-weight: var(--weight-regular);
    line-height: 1.4;
    font-size: 15px;
    color: #ff0808;
}

.Layer-member-upload .item .download:hover .name {
    text-decoration: underline;
    color: #000;
}

.Layer-member-upload .item:not(.active) .ty-edit,
.Layer-member-upload .item.active .ty-write {
    display: none;
}

.Layer-member-upload .footer {
    margin-top: 30px;
}

.Layer-member-upload .footer ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;

    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.Layer-member-upload .footer li:nth-child(n+2) {
    margin-left: 10px;
}

.Layer-member-upload .footer .button {
    box-sizing: border-box;
    transition: background 0.2s, color 0.2s;
    display: block;
    min-width: 180px;
    padding: 0 10px;
    text-align: center;
    cursor: pointer;
    font-family: var(--family-bold);font-weight: var(--weight-bold);
    line-height: 50px;
    font-size: 16px;
}

.Layer-member-upload .footer .ty-close {
    border: 1px solid #ebebeb;
    background-color: #fff;
    color: #707070;
}

.Layer-member-upload .footer .ty-close:hover {
    border-color: #707070;
    color: #4e4d4d;
}

@media screen and (max-width: 700px) {

    .Layer-member-upload .Layer-container {
        min-height: 100%;
    }

    .Layer-member-upload .Layer-content {
        border: 0;
        border-radius: 0;
    }

    .Layer-member-upload .basic-scroll {
        max-height: 100%;
    }

}

.l-main.side-left .l-member-top {
    height: 80px;
}

.l-main.side-left .l-member-header {
    margin-bottom: 92px;
    border-top: 0;
    border-bottom: 0;
}

.l-main.side-left .l-member-header .wrap {
    display: none;
}

.l-main.side-left .l-member-container:after {
    display: none;
}

.l-main.side-left .l-member-side {
    position: absolute;
    top: -92px;
    width: 100%;
    height: fit-content;
    border-top: 2px solid #000;
}

.l-main.side-left .l-member-side .wrap {
    padding: 0;
    background: #FFFFFF;
    border-top: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
}

.l-main.side-left .l-member-side .menu {
    display: flex;
    gap: 20px;
    padding-bottom: 0;
}

.l-main.side-left .l-member-side .menu .depth1 {
    width: calc((100% - 80px) / 5);
    border-top: 0;
}

.l-main.side-left .l-member-side .menu .depth1:last-child {
    border-bottom: 0;
}

.l-main.side-left .l-member-side .menu .depth1 .block {
    width: 100%;
}

.l-main.side-left .l-member-side .menu .depth1 .depth2 {
    position: absolute;
    width: 100%;
    border: 1px solid #D9D9D9;
    background: #FFF;
    box-sizing: border-box;
}

.l-main.side-left .l-member-side .menu .depth1 .depth2 a:hover {
    background-color: #FFFFFF;
}

.l-main.side-left .l-member-container.ty-guest {
    margin-top: 92px;
}

.l-main.side-left .l-member-main {
    width: 100%;
    margin-left: 0;
}

.l-main.side-left .l-member-side .menu .guest {
    width: 100%;
    display: flex;
    gap: 20px;
    border: 0;
}

.l-main.side-left .l-member-side .menu .guest a {
    width: calc((100% - 60px) / 4);
    border-top: 0;
}