<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

body {
    background-color: #ffffff;
    line-height: 15px;
    font-size: 13px;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;}

.coupon-design {position:relative;}
.coupon-design &gt; span {margin:0; display:none; z-index:2; position:absolute; top:0; left:0; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;}
.coupon-design .font_family_PX1 {font-family: var(--family-light);font-weight: var(--weight-light);}
.coupon-design .font_family_PX2 {font-family: var(--family-regular);font-weight: var(--weight-regular);}
.coupon-design .font_family_PX3 {font-family: var(--family-medium);font-weight: var(--weight-medium);}
.coupon-design .font_family_PX4 {font-family: var(--family-bold);font-weight: var(--weight-bold);}
.coupon-design .font_family_DU1 {font-weight:normal; font-family:dotum,'돋움',sans-serif;}
.coupon-design .font_family_DU2 {font-weight:bold; font-family:dotum,'돋움',sans-serif;}
.coupon-design .font_family_GR1 {font-weight:normal; font-family:gulim,'굴림',sans-serif;}
.coupon-design .font_family_GR2 {font-weight:bold; font-family:gulim,'굴림',sans-serif;}
.coupon-design .coupon-bg {z-index:1; display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
.coupon-design .coupon-bg img {width:100%; height:100%; border:0;}
.coupon-design .coupon-service {padding:20px 0; display:block; position:absolute; top:0; left:0; width:82px; height:42px; border-radius:100%; text-align:center;}
.coupon-design .coupon-service {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:20px; font-size:16px; color:#ffffff;}

/* form */

.form .input {transition:border 0.2s, background 0.2s; position:relative; display:inline-block; vertical-align:middle; background-color:#ffffff; border:1px solid #dbdde2;}
.form .input input {z-index:1; position:relative; padding:0 10px 0 10px; width:198px; height:34px; border:0; background:transparent;}
.form .input input {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:34px; font-size:14px; color:#969a9c;}
.form .input .name {display:block; position:absolute; left:0; top:0px;}
.form .input .name {position:absolute; left:10px; top:0px;}
.form .input .name {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:34px; font-size:14px; color:#969a9c;}
.form .input.focus {background-color:#ffffff;}
.form .input.value input,
.form .input.focus input {color:#000000;}
.form .input.focus .name,
.form .input.value .name {display:none;}
.form .input.readonly {background-color:#f0f0f0;}
.form .w100 {display:block;}
.form .w100 input {width:calc(100% - 20px);}

.form .file input {position:absolute; left:0; top:0; width:100%; height:100%; border:0; opacity:0; cursor:pointer;}

.form .checkbox {position:relative; display:inline-block; vertical-align:middle; width:20px; height:20px;}
.form .checkbox label {position:relative; display:block; width:100%; height:100%; cursor:pointer;}
.form .checkbox label:before {z-index:1; display:block; content:''; position:absolute; left:0; top:0; width:20px; height:20px; opacity:.2;}
.form .checkbox label.focus:before {background-position-y:-50px; opacity:1;}
.form .checkbox input {z-index:-1; position:absolute; left:0; top:0; opacity:0;}

.form .radio {position:relative; display:inline-block; vertical-align:middle; width:20px; height:20px;}
.form .radio label {position:relative; display:block; width:100%; height:100%; cursor:pointer;}
.form .radio label:before {z-index:1; display:block; content:''; position:absolute; left:0; top:0; width:20px; height:20px; background-position-x:-25px; opacity: .2;}
.form .radio label.focus:before {background-position-y:-50px; opacity:1;}
.form .radio input {z-index:-1; position:absolute; left:0; top:0; opacity:0;}

.form .radio.type2 {display:inline-block; vertical-align:middle; width:auto; height:auto;}
.form .radio.type2 label {position:relative; display:block; width:auto; height:auto; cursor:pointer;}
.form .radio.type2 label:before {display:none;}
.form .radio.type2 input {z-index:-1; position:absolute; left:0; top:0; width:0; height:0; opacity:0;}

.form label {display:inline-block; vertical-align:top; cursor:pointer;}
.form label {line-height:20px; font-size:14px; color:#969a9c;}
.form label.focus {color:#000000;}

.form .textarea {transition:border 0.2s, background 0.2s; position:relative; display:block; vertical-align:middle; background-color:#ffffff; border:1px solid #dbdde2;}
.form .textarea textarea {padding:10px 10px 10px 10px; position:relative; width:calc(100% - 20px); height:80px; border:0; background:transparent;}
.form .textarea textarea {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:20px; font-size:14px; color:#969a9c;}
.form .textarea.focus {background-color:#ffffff;}
.form .textarea.focus textarea {color:#2d3539;}
.form .editor {border:0;}
.form .editor textarea {width:100%; min-height:500px; padding:0;}

.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:218px; cursor:pointer;}
.form .selectbox .select {text-align:left; position:relative; display:block; height:34px; padding:0 9px 0 9px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.form .selectbox .select {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:34px; font-size:15px; color:#969a9c;}
.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;}
.form .selectbox .option {display:none; position:absolute; left:-1px; top:34px; width:calc(100% + 2px);}
.form .selectbox .option ul {position:relative; overflow-x:hidden; overflow-y:auto; max-height:300px; background-color:#ffffff; border:1px solid #388cf1;}
.form .selectbox .option ul li {padding:0 9px 0 9px; display:block; height:34px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.form .selectbox .option ul li {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:36px; font-size:15px; color:#1e2631;}
.form .selectbox .option ul li:hover {transition:border 0.2s, background 0.2s, color 0.2s; background-color:#f5f5f5; color:#000000;}
.form .selectbox .option ul li.focus {background-color:#388cf1; color:#ffffff;}
.form .selectbox.focus {background-color:#ffffff; border:1px solid #388cf1;}
.form .selectbox.focus .select {color:#388cf1;}
.form .selectbox.focus .select:after {background-position:-50px 0px; opacity:1;}
.form .selectbox.focus .option {display:block;}
.form .selectbox.w100 {display:block; width:calc(100% - 2px);}

.form .inputblock {position:relative; display:block; vertical-align:middle; background-color:transparent; width:100%; height:58px;}
.form .inputblock:before {display:block; content:''; position:absolute; right:0; bottom:0; width:100%; height:0; border-bottom:1px solid #e7e7e7;}
.form .inputblock input {z-index:1; position:absolute; left:7px; bottom:5px; padding:0; width:calc(100% - 14px); height:40px; border:0; background:transparent;}
.form .inputblock input {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:40px; font-size:18px; color:#969a9c;}
.form .inputblock .name {transition:top 0.2s, font-size 0.2s; position:absolute; left:7px; top:10px;}
.form .inputblock .name {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:40px; font-size:18px; color:#a3a3a3;}
.form .inputblock .help {position:absolute; left:7px; bottom:15px;}
.form .inputblock .help {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:16px; font-size:13px; color:#a3a3a3;}
.form .inputblock.focus:before {}
.form .inputblock.focus input,
.form .inputblock.value input {color:#000000;}
.form .inputblock.focus .name {}
.form .inputblock.focus .name,
.form .inputblock.value .name {top:0px; line-height:16px; font-size:13px;}

.form .inputblock.type2 {height:78px;}
.form .inputblock.type2 input {bottom:25px; width:calc(100% - 110px);}
.form .inputblock.type2 .btn {transition:opacity 0.2s; z-index:-1; position:absolute; right:0; top:3px; opacity:0; line-height:54px; height:54px; min-width:60px;}

.form .inputblock.type3 {height:58px;}
.form .inputblock.type3:after {left:0; bottom:17px; top:auto;}
.form .inputblock.type3 input {left:19px; bottom:5px; width:calc(100% - 19px);}
.form .inputblock.type3 .btn,
.form .inputblock.type3 .help {display:none;}

.form .inputblock.show .btn,
.form .inputblock.focus .btn,
.form .inputblock.value .btn {z-index:2; opacity:1;}

.form .inputblock .help .timer {color:#8393ca;}
.form .inputblock .help .ok,
.form .inputblock .help .no {padding-left:20px; position:relative; display:inline-block; vertical-align:top;}
.form .inputblock .help .ok:before,
.form .inputblock .help .no:before {top:3px;}
.form .inputblock .help .no {color:#ef4f4e;}

/* layout-create */

.layout-create {font-size:0; line-height:0; display:block; position:absolute; top:0; left:0; width:auto; height:auto; opacity: 0;}
.layout-create:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; box-shadow:5px 5px 5px 0px #000000; opacity:0.3; border-radius:4px;}
.layout-create .close {transition:opacity 0.2s; z-index:100; display:block; position:absolute; right:15px; top:15px; width:20px; height:20px; background-position:-325px 0px; opacity:0.3; cursor:pointer;}
.layout-create .close:hover {opacity:1;}
.layout-create a {text-decoration:none;}

/* basic-scroll */

@media (hover: hover) {

    .layout-create .basic-scroll {
        scrollbar-color: var(--scrollbar-color) transparent;
        scrollbar-width: thin;
    }

    .layout-create .basic-scroll::-webkit-scrollbar {
        background: transparent;
        width: var(--scrollbar-width);
    }

    .layout-create .basic-scroll::-webkit-scrollbar-thumb {
        height: 56px;
        border-radius: var(--scrollbar-width);
        border: 0;
        background-clip: content-box;
        background-color: var(--scrollbar-color);
    }

    .layout-create .basic-scroll::-webkit-scrollbar-thumb:hover {
        background-color: var(--scrollbar-hover-color);
    }

}

.layout-create.lc-language {max-width:450px; width:auto;}
.layout-create .language .body {position:relative; background-color:#ffffff; border-radius:4px;}
.layout-create .language .main {position:relative; padding:40px 25px 40px 25px;}
.layout-create .language .title {margin-bottom:10px;}
.layout-create .language .title {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:18px; font-size:15px; color:#000000;}
.layout-create .language .list {}
.layout-create .language .list ul {}
.layout-create .language .list ul li {margin-top:20px; display:inline-block; vertical-align:middle; width:100px; text-align:center; cursor:pointer;}
.layout-create .language .list ul li span,
.layout-create .language .list ul li p {margin:0 auto; display:block; text-align:center;}
.layout-create .language .list ul li p {transition:text-decoration 0.2s, color 0.2s; margin-top:8px; font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:15px; font-size:13px; color:#909090;}
.layout-create .language .list ul li:hover p {text-decoration:underline; color:#000000;}
.layout-create .language .icon-flag {margin:3px 0 0 10px; display:inline-block; vertical-align:middle;}

#wrap-zoom {display:none;}
.layout-create.lc-zoom {margin-top:11px;}
.layout-create .wrap-zoom .body {z-index:1; position:relative; background-color:#ffffff; border-radius:4px; border:1px solid #dcdcdc;}
.layout-create .wrap-zoom .main {position:relative; padding:40px 30px 15px 30px;}
.layout-create .wrap-zoom .title {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:20px; font-size:15px; color:#000000;}
.layout-create .wrap-zoom .list {margin-top:10px;}
.layout-create .wrap-zoom .list ul li {position:relative; display:block; padding:15px 0 15px 30px; border-top:1px solid #dcdcdc; word-break:break-all; cursor:pointer;}
.layout-create .wrap-zoom .list ul li {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:18px; font-size:14px; color:#000000;}
.layout-create .wrap-zoom .list ul li:first-child {border-top:0;}
.layout-create .wrap-zoom .list ul li:before {display:block; content:''; position:absolute; left:0; top:calc(50% - 10px); width:20px; height:20px; background-position:-500px 0px; opacity:0.2;}
.layout-create .wrap-zoom .list ul li.on:before {width:20px; height:20px; background-position-x:-525px; border:0; opacity:1;}
.layout-create .wrap-zoom .list ul li:nth-child(2) {font-size:16px;}
.layout-create .wrap-zoom .list ul li:nth-child(3) {font-size:18px;}

.layout-create .wrap-item .body {padding:50px 30px 100px 30px; position:relative; background-color:#ffffff; border-radius:4px;}
.layout-create .wrap-item .body &gt; .title {margin-bottom:15px;}
.layout-create .wrap-item .body &gt; .title {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:22px; font-size:20px; color:#000000;}
.layout-create .wrap-item .field-checkbox {width:39px; text-align:center;}
.layout-create .wrap-item .field-title {padding:0 15px;}
.layout-create .wrap-item .field-price {width:120px; text-align:center;}
.layout-create .wrap-item .field-dt {width:120px; text-align:center;}
.layout-create .wrap-item .subj {display:table; width:100%; table-layout:fixed;}
.layout-create .wrap-item .subj ul {position:relative; display:table-row;}
.layout-create .wrap-item .subj li {border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; position:relative; display:table-cell; vertical-align:middle; background-color:#eff0f0; text-align:center;}
.layout-create .wrap-item .subj li {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:34px; font-size:13px; color:#959595;}
.layout-create .wrap-item .list {display:table; width:100%; table-layout:fixed;}
.layout-create .wrap-item .list ul {position:relative; display:table-row; cursor:pointer;}
.layout-create .wrap-item .list li {position:relative; display:table-cell; vertical-align:middle;}
.layout-create .wrap-item .list li {border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc;}
.layout-create .wrap-item .list li:first-child {border-left:1px solid transparent;}
.layout-create .wrap-item .list ul:first-child li {border-top:0;}
.layout-create .wrap-item .list ul:last-child li {border-bottom:1px solid #dcdcdc;}
.layout-create .wrap-item .list .field-price {text-align:right;}
.layout-create .wrap-item .list .price {display:block; padding-right:20px;}
.layout-create .wrap-item .list .field-title {padding:15px;}
.layout-create .wrap-item .list .table {display:table;}
.layout-create .wrap-item .list .cell {display:table-cell; vertical-align:middle;}
.layout-create .wrap-item .list .cell:nth-child(1) {width:55px;}
.layout-create .wrap-item .list .cell:nth-child(2) {padding-left:15px;}
.layout-create .wrap-item .list .thumb img {border:0; width:55px; height:55px;}
.layout-create .wrap-item .list .ct {display:table; background-color:#6d727e; padding:2px 5px 3px 5px; border-radius:3px;}
.layout-create .wrap-item .list .ct {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:15px; font-size:13px; color:#ffffff;}
.layout-create .wrap-item .list .title {margin-top:8px; display:block;}
.layout-create .wrap-item .list .title {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:16px; font-size:14px; color:#000000;}
.layout-create .wrap-item .list .price {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:16px; font-size:14px; color:#000000;}
.layout-create .wrap-item .list .dt {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:18px; font-size:14px; color:#000000;}
.layout-create .wrap-item .not {padding:70px 0 0px 0; background-color:#ffffff;}
.layout-create .wrap-item .not .icon-not {position:relative; width:160px; height:160px; margin:0 auto; background-position:0 -100px;}
.layout-create .wrap-item .not p {margin-top:30px; text-align:center;}
.layout-create .wrap-item .not p {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:26px; font-size:24px; color:#000000;}
.layout-create .wrap-item .btnall {margin:15px auto 30px auto; display:block; width:360px; text-align:center; background-color:#ffffff; border:1px solid #dcdcdc; cursor:pointer;}
.layout-create .wrap-item .btnall {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:45px; font-size:15px; color:#999999;}
.layout-create .wrap-item .btnall:hover {border-color:#000000; color:#000000;}

.layout-create .wrap-item .footer {z-index:1; position:absolute; left:0; bottom:30px; width:100%; text-align:center;}
.layout-create .wrap-item .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-item .footer span {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:50px; font-size:16px; color:#ffffff;}
.layout-create .wrap-item .footer span:hover {background-color:#000000;}

.layout-create .wrap-alert .body {position:relative; background-color:#ffffff; border-radius:4px;}
.layout-create .wrap-alert .main {position:relative; padding:40px 20px 70px 20px;}
.layout-create .wrap-alert .text {text-align:center;}
.layout-create .wrap-alert .text {line-height:35px; font-size:20px; color:#000000;}
.layout-create .wrap-alert .footer {z-index:1; position:absolute; left:0; bottom:10px; width:100%; border-radius:0 0 5px 5px; text-align:center;}
.layout-create .wrap-alert .footer span {position:relative; display:inline-block; vertical-align:middle; padding:20px; text-align:center; cursor:pointer;}
.layout-create .wrap-alert .footer span {line-height:20px; font-size:20px; color:#909090;}
.layout-create .wrap-alert .footer span:hover {color:#000000;}
.layout-create .wrap-alert .footer a {text-decoration:none; position:relative; display:inline-block; vertical-align:middle; padding:20px; text-align:center; cursor:pointer;}
.layout-create .wrap-alert .footer a {line-height:20px; font-size:20px; color:#909090;}
.layout-create .wrap-alert .footer a:hover {color:#000000;}
.layout-create .wrap-alert .footer .m-d:hover {}

.layout-create .wrap-move .body {z-index:1; position:relative; background-color:#ffffff; border-radius:4px; border:1px solid #dcdcdc;}
.layout-create .wrap-move .main {position:relative; padding:40px 30px 0 30px;}
.layout-create .wrap-move .title {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:20px; font-size:15px; color:#000000;}
.layout-create .wrap-move .text {margin-top:17px; display:block; position:relative; padding:20px 20px 20px 80px; background-color:#3f4855;}
.layout-create .wrap-move .text {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:20px; font-size:14px; color:#ffffff;}
.layout-create .wrap-move .text:before {display:block; content:''; position:absolute; left:20px; top:20px; width:40px; height:40px; background-position:0px -300px;}
.layout-create .wrap-move .list {margin:20px 0 20px 0; display:block; vertical-align:top;}
.layout-create .wrap-move .list ul {border-top:1px solid #e4e5e5; border-top-style:dashed;}
.layout-create .wrap-move .list ul:last-child {border-bottom:1px solid #e4e5e5; border-bottom-style:dashed;}
.layout-create .wrap-move .list ul li {display:inline-block; vertical-align:top;}
.layout-create .wrap-move .list ul li {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:42px; font-size:13px; color:#6c7174;}
.layout-create .wrap-move .list ul li:first-child {color:#8393ca; text-align:center; width:80px;}
.layout-create .wrap-move .title2 {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:20px; font-size:14px; color:#000000;}
.layout-create .wrap-move .selectbox {display:block; margin-top:10px; width:calc(100% - 2px);}
.layout-create .wrap-move .footer {padding:30px 0; width:100%; height:45px; text-align:center;}
.layout-create .wrap-move .footer span {transition:background 0.2s, color 0.2s; position:relative; display:inline-block; vertical-align:middle; width:118px; height:43px; border:1px solid #676e79; background-color:#878d99; background-image:linear-gradient(#878d99, #757c88); text-align:center; cursor:pointer;}
.layout-create .wrap-move .footer span {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:43px; font-size:16px; color:#ffffff;}
.layout-create .wrap-move .footer span:hover {text-decoration:underline; border:1px solid #565e69; background-color:#565e69; background-image:linear-gradient(#565e69, #565e69);}
.layout-create .wrap-move .footer .submit {border:1px solid #3682dc; background-color:#4a9afb; background-image:linear-gradient(#4e8ee9, #398df1);}
.layout-create .wrap-move .footer .submit:hover {border:1px solid #1c6bca; background-color:#1c6bca; background-image:linear-gradient(#1c6bca, #1c6bca);}

.layout-create .wrap-category .body {z-index:1; position:relative; background-color:#ffffff; border-radius:4px; border:1px solid #dcdcdc;}
.layout-create .wrap-category .main {position:relative; padding:40px 30px 20px 30px;}
.layout-create .wrap-category .title {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:22px; font-size:20px; color:#000000;}
.layout-create .wrap-category .list {margin-top:17px;}
.layout-create .wrap-category .list li {position:relative; display:block; border-top:1px solid #eff0f0;}
.layout-create .wrap-category .list li:last-child {border-bottom:1px solid #eff0f0;}
.layout-create .wrap-category .list a {position:relative; display:block; padding:10px 0 10px 30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all; cursor:pointer;}
.layout-create .wrap-category .list a {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:18px; font-size:16px; color:#000000;}
.layout-create .wrap-category .list a:before {display:block; content:''; position:absolute; left:0; top:calc(50% - 10px); width:20px; height:20px; background-position:-500px 0px; opacity:0.2;}
.layout-create .wrap-category .list a.on:before {width:20px; height:20px; background-position-x:-525px; border:0; opacity:1;}

.layout-create .wrap-radio .body {z-index:1; position:relative; background-color:#ffffff; border-radius:4px; border:1px solid #dcdcdc;}
.layout-create .wrap-radio .main {position:relative; padding:40px 30px 20px 30px;}
.layout-create .wrap-radio .title {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:22px; font-size:20px; color:#000000;}
.layout-create .wrap-radio .list {margin-top:17px;}
.layout-create .wrap-radio .list li {position:relative; display:block; padding:10px 0 10px 0; border-top:1px solid #eff0f0;}
.layout-create .wrap-radio .list li .radio {display:block; position:absolute; left:0; top:calc(50% - 10px); width:20px; height:20px;}
.layout-create .wrap-radio .list li .radio label {position:relative; display:block; width:20px; height:20px; cursor:pointer;}
.layout-create .wrap-radio .list li .radio label:before {z-index:1; display:block; content:''; position:absolute; left:0; top:0; width:20px; height:20px; opacity:0.2; background-position:-500px 0px;}
.layout-create .wrap-radio .list li .radio label.focus:before {background-position-x:-525px; opacity:1;}
.layout-create .wrap-radio .list li .radio input {position:absolute; left:0; top:0; opacity:0;}
.layout-create .wrap-radio .list li &gt; label {margin-left:30px; position:relative; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.layout-create .wrap-radio .list li &gt; label {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:18px; font-size:16px; color:#000000;}

.layout-create .wrap-video-check .body {position:relative; background-color:#ffffff; border-radius:4px;}
.layout-create .wrap-video-check .main {position:relative; padding:40px 30px 80px 30px;}
.layout-create .wrap-video-check .title {margin-bottom:10px;}
.layout-create .wrap-video-check .title {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:18px; font-size:15px; color:#000000;}
.layout-create .wrap-video-check .footer {z-index:1; position:absolute; left:0; bottom:20px; width:100%; text-align:center;}
.layout-create .wrap-video-check .footer span {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:34px; background-color:#757c88; text-align:center; cursor:pointer;}
.layout-create .wrap-video-check .footer span {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:34px; font-size:14px; color:#ffffff;}
.layout-create .wrap-video-check .footer span:hover {}

.layout-create .wrap-video-result .body {position:relative; background-color:#ffffff; border-radius:4px;}
.layout-create .wrap-video-result .main {position:relative; padding:30px 30px 80px 30px;}
.layout-create .wrap-video-result .img {display:block; margin:0 auto; width:160px; height:160px; background-position:0 -100px;}
.layout-create .wrap-video-result .title {margin-top:20px; padding:13px 0; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; text-align:center;}
.layout-create .wrap-video-result .title {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:26px; font-size:24px; color:#000000;}
.layout-create .wrap-video-result .text {margin-top:15px; margin-bottom:10px; text-align:center;}
.layout-create .wrap-video-result .text {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:23px; font-size:14px; color:#000000;}
.layout-create .wrap-video-result .footer {z-index:1; position:absolute; left:0; bottom:20px; width:100%; text-align:center;}
.layout-create .wrap-video-result .footer span {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:34px; background-color:#757c88; text-align:center; cursor:pointer;}
.layout-create .wrap-video-result .footer span {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:34px; font-size:14px; color:#ffffff;}
.layout-create .wrap-video-result .footer span:hover {}

.layout-create .wrap-police .body {z-index:1; position:relative; background-color:#ffffff; border-radius:4px; border:1px solid #dcdcdc;}
.layout-create .wrap-police .main {position:relative; padding:40px 30px 0 30px;}
.layout-create .wrap-police .title {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:22px; font-size:20px; color:#ed1c24;}
.layout-create .wrap-police .list {margin-top:15px; display:block; vertical-align:top;}
.layout-create .wrap-police .list ul {position:relative; border-top:1px solid #e7e7e7;}
.layout-create .wrap-police .list ul:last-child {border-bottom:1px solid #e7e7e7;}
.layout-create .wrap-police .list ul li {position:relative; display:block; padding-bottom:1px;}
.layout-create .wrap-police .list ul li {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:41px; font-size:14px; color:#000000;}
.layout-create .wrap-police .list ul li:nth-child(1) {position:absolute; left:0; top:0; width:100px; color:#555555; text-align:center;}
.layout-create .wrap-police .list ul li:nth-child(1):before {z-index:1; display:block; content:''; position:absolute; right:0; top:calc(50% - 7px); width:0; height:14px; border-right:1px solid #e7e7e7;}
.layout-create .wrap-police .list ul li:nth-child(2) {padding-left:115px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.layout-create .wrap-police .title2 {margin-top:30px;}
.layout-create .wrap-police .title2 {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:20px; font-size:14px; color:#555555;}
.layout-create .wrap-police .radio-list {margin-top:11px; background-color:#fbfbfb;}
.layout-create .wrap-police .radio-list ul {}
.layout-create .wrap-police .radio-list ul li {position:relative; display:block; vertical-align:top; border-top:1px solid #dbdde2;}
.layout-create .wrap-police .radio-list ul li:last-child {border-bottom:1px solid #dbdde2;}
.layout-create .wrap-police .radio-list ul li .radio {display:block; position:absolute; left:10px; top:11px; width:20px; height:calc(100% - 15px);}
.layout-create .wrap-police .radio-list ul li &gt; label {margin-left:40px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all; cursor:pointer;}
.layout-create .wrap-police .radio-list ul li &gt; label {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:43px; font-size:14px; color:#555555;}
.layout-create .wrap-police .footer {padding:30px 0; width:100%; text-align:center;}
.layout-create .wrap-police .footer span {transition:background 0.2s, color 0.2s; position:relative; display:inline-block; vertical-align:middle; width:200px; height:50px; background-color:#ed1c24; text-align:center; cursor:pointer;}
.layout-create .wrap-police .footer span {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:50px; font-size:16px; color:#ffffff;}
.layout-create .wrap-police .footer span:hover {background-color:#9e0b0f;}

.layout-create .wrap-police-result .body {position:relative; background-color:#ffffff; border-radius:4px;}
.layout-create .wrap-police-result .main {position:relative; padding:40px 30px 0 30px;}
.layout-create .wrap-police-result .title {padding-bottom:15px; border-bottom:1px solid #e7e7e7;}
.layout-create .wrap-police-result .title {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:22px; font-size:20px; color:#ed1c24;}
.layout-create .wrap-police-result .img {display:block; margin:30px auto 0 auto; width:140px; height:140px; background-position:0 -275px;}
.layout-create .wrap-police-result .subj {margin-top:25px; text-align:center;}
.layout-create .wrap-police-result .subj {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:26px; font-size:24px; color:#000000;}
.layout-create .wrap-police-result .text {margin-top:25px; text-align:center;}
.layout-create .wrap-police-result .text {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:23px; font-size:14px; color:#000000;}
.layout-create .wrap-police-result .footer {border-top:1px solid #e7e7e7; margin-top:30px; padding:30px 0; width:100%; text-align:center;}
.layout-create .wrap-police-result .footer span {transition:background 0.2s, color 0.2s; position:relative; display:inline-block; vertical-align:middle; width:200px; height:50px; background-color:#4e4d4d; text-align:center; cursor:pointer;}
.layout-create .wrap-police-result .footer span {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:50px; font-size:16px; color:#ffffff;}
.layout-create .wrap-police-result .footer span:hover {background-color:#000000;}

.layout-create .wrap-login .body {z-index:1; position:relative; background-color:#ffffff; border-radius:4px;}
.layout-create .wrap-login .main {position:relative; padding:45px 30px 10px 30px;}
.layout-create .wrap-login .wrap {padding:0 0 20px 0;}
.layout-create .wrap-login .title {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:26px; font-size:24px; color:#000000;}
.layout-create .wrap-login .guide {margin-top:5px;}
.layout-create .wrap-login .guide {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:16px; font-size:14px; color:#555555;}
.layout-create .wrap-login .guide2 {border-top:1px solid #eff0f0; padding-top:20px; text-align:center;}
.layout-create .wrap-login .guide2 {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:16px; font-size:14px; color:#555555;}
.layout-create .wrap-login .list {margin-top:30px; position:relative; display:block;}
.layout-create .wrap-login .list ul {display:block;}
.layout-create .wrap-login .list ul li {margin-top:10px; display:block;}
.layout-create .wrap-login .list ul li:first-child {margin-top:0px;}
.layout-create .wrap-login .input {transition:border 0.2s, background 0.2s; position:relative; display:block; vertical-align:middle; background-color:#eff0f0; border:1px solid #d7d7d7;}
.layout-create .wrap-login .input input {z-index:1; position:relative; padding:0 10px 0 10px; width:calc(100% - 22px); height:50px; border:0; background:transparent;}
.layout-create .wrap-login .input input {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:50px; font-size:18px; color:#acacac;}
.layout-create .wrap-login .input .name {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:50px; font-size:18px; color:#acacac;}
.layout-create .wrap-login .input.focus {background-color:#ffffff;}
.layout-create .wrap-login .input.focus input,
.layout-create .wrap-login .input.value input {color:#000000;}
.layout-create .wrap-login .result {position:relative; display:none; padding:8px 0 0 17px;}
.layout-create .wrap-login .result {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:14px; font-size:12px; color:#ef4f4e;}
.layout-create .wrap-login .result.on {display:block;}
.layout-create .wrap-login .result:before {top:10px;}
.layout-create .wrap-login .submit {margin-top:15px; text-align:center; cursor:pointer;}
.layout-create .wrap-login .submit {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:60px; font-size:18px; color:#ffffff;}
.layout-create .wrap-login .link {margin-top:10px; padding:5px; position:relative; background-color:#ffffff; border-radius:4px;}
.layout-create .wrap-login .link label {display:inline-block; vertical-align:middle; cursor:pointer;}
.layout-create .wrap-login .link label {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:20px; font-size:14px; color:#464646;}
.layout-create .wrap-login .link .side {position:absolute; right:5px; top:5px;}
.layout-create .wrap-login .link .line {padding:0 8px; display:inline-block; vertical-align:middle;}
.layout-create .wrap-login .link .line {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:20px; font-size:14px; color:#e2e2e2;}
.layout-create .wrap-login .link a {display:inline-block; vertical-align:middle;}
.layout-create .wrap-login .link a {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:20px; font-size:14px; color:#464646;}
.layout-create .wrap-login .autologin {margin-top:10px; display:none; text-align:center; background-color:#5031a9; border-radius:4px;}
.layout-create .wrap-login .autologin {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:37px; font-size:14px; color:#ffffff;}
.layout-create .wrap-login .autologin.focus {display:block;}
.layout-create .wrap-login .login-naver:before {display:block; content:''; position:absolute; left:0; top:0; width:50px; height:50px; background-position:0px -500px;}
.layout-create .wrap-login .login-kakao:before {display:block; content:''; position:absolute; left:0; top:0; width:50px; height:50px; background-position:-50px -500px;}
.layout-create .wrap-login .login-facebook:before {display:block; content:''; position:absolute; left:0; top:0; width:50px; height:50px; background-position:-100px -500px;}
.layout-create .wrap-login .login-google:before {display:block; content:''; position:absolute; left:0; top:0; width:50px; height:50px; background-position:-150px -500px;}
.layout-create .wrap-login .account {padding:15px 0 20px 0;}
.layout-create .wrap-login .account li {position:relative; display:inline-block; vertical-align:top; height:50px; cursor:pointer;}
.layout-create .wrap-login .account li:before {left:calc(50% - 25px); top:calc(50% - 25px);}
.layout-create .wrap-login .account.type1 li {width:100%;}
.layout-create .wrap-login .account.type2 li {width:50%;}
.layout-create .wrap-login .account.type3 li {width:33.333%;}
.layout-create .wrap-login .account.type4 li {width:25%;}
.layout-create .wrap-login .account .login-naver {background-color:#00c300;}
.layout-create .wrap-login .account .login-kakao {background-color:#ffea26;}
.layout-create .wrap-login .account .login-facebook {background-color:#405ea9;}
.layout-create .wrap-login .account .login-google {background-color:#da4835;}

.layout-create .wrap-adult .body {position:relative; background-color:#ffffff; border-radius:4px;}
.layout-create .wrap-adult .main {position:relative; padding:60px 15px 30px 15px;}
.layout-create .wrap-adult .icon-adult {position:relative; width:160px; height:160px; margin:0 auto; background-position:-175px -100px;}
.layout-create .wrap-adult .main p {margin-top:20px; text-align:center;}
.layout-create .wrap-adult .main p {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:29px; font-size:20px; color:#000000;}
.layout-create .wrap-adult .list {margin-top:30px; text-align:center;}
.layout-create .wrap-adult .list .btn {transition:background 0.2s, color 0.2s; margin-left:10px; text-decoration:none; display:inline-block; padding:0 25px; min-width:110px; height:40px; background-color:#4e4d4d; text-align:center; cursor:pointer;}
.layout-create .wrap-adult .list .btn {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:40px; font-size:16px; color:#ffffff;}
.layout-create .wrap-adult .list .btn:first-child {margin-left:0}
.layout-create .wrap-adult .list .btn:hover {background-color:#000000;}

.layout-create .wrap-level .body {position:relative; background-color:#ffffff; border-radius:4px;}
.layout-create .wrap-level .main {position:relative; padding:60px 15px 30px 15px;}
.layout-create .wrap-level .icon-secret {position:relative; width:160px; height:160px; margin:0 auto; background-position:-350px -100px;}
.layout-create .wrap-level .main p {margin-top:20px; text-align:center;}
.layout-create .wrap-level .main p {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:29px; font-size:20px; color:#000000;}
.layout-create .wrap-level .list {margin-top:30px; text-align:center;}
.layout-create .wrap-level .list .btn {transition:background 0.2s, color 0.2s; margin-left:10px; text-decoration:none; display:inline-block; padding:0 25px; min-width:110px; height:40px; background-color:#4e4d4d; text-align:center; cursor:pointer;}
.layout-create .wrap-level .list .btn {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:40px; font-size:16px; color:#ffffff;}
.layout-create .wrap-level .list .btn:first-child {margin-left:0}
.layout-create .wrap-level .list .btn:hover {background-color:#000000;}

/* layout-calendar */

.layout-calendar {z-index:100000; font-size:0; line-height:0; display:none; position:absolute; top:0px; left:0px; width:450px; height:auto;}
.layout-calendar:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:5px; width:100%; height:calc(100% - 10px); box-shadow:0 5px 5px 5px #000000; opacity:0.2; border-radius:5px;}
.layout-calendar .title {position:relative; background-color:#283241; border-radius:5px 5px 0 0;}
.layout-calendar .title .text {padding:0 15px 0 15px;}
.layout-calendar .title .text {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:55px; font-size:16px; color:#90959c;}
.layout-calendar .title .text span {color:#ffffff;}
.layout-calendar .title .close {display:block; position:absolute; right:0; top:0; width:50px; height:55px; cursor:pointer;}
.layout-calendar .title .close:after {z-index:2; display:block; content:''; position:absolute; right:15px; top:18px; width:20px; height:20px; background-position:-300px -25px; opacity:0.3; cursor:pointer;}
.layout-calendar .title .close:hover:after {transition:opacity 0.2s; opacity:1;}
.layout-calendar .body {background-color:#ffffff; padding:25px 20px 20px 20px; border-radius:0 0 4px 4px;}
.layout-calendar .body .ym {position:relative;}
.layout-calendar .body .ym .today {display:block; position:absolute; left:0; top:0px; width:54px; height:22px; background-position:-150px -175px; cursor:pointer;}
.layout-calendar .body .ym .today:hover {background-position-y:-200px;}
.layout-calendar .body .ym .text {cursor:pointer; font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:32px; font-size:30px; color:#000000;}
.layout-calendar .body .ym .text span {position:relative; left:0; top:-6px;}
.layout-calendar .body .ym .arrow {position:relative; cursor:pointer;}
.layout-calendar .body .ym .arrow,
.layout-calendar .body .ym .paging1,
.layout-calendar .body .ym .paging2,
.layout-calendar .body .ym .paging3,
.layout-calendar .body .ym .paging4 {display:block; width:20px; height:20px; cursor:pointer;}
.layout-calendar .body .ym .arrow {background-position-x:-225px;}
.layout-calendar .body .ym .paging1 {background-position-x:-150px;}
.layout-calendar .body .ym .paging2 {background-position-x:-100px;}
.layout-calendar .body .ym .paging3 {background-position-x:-125px;}
.layout-calendar .body .ym .paging4 {background-position-x:-175px;}
.layout-calendar .body .ym .arrow:hover,
.layout-calendar .body .ym .paging1:hover,
.layout-calendar .body .ym .paging2:hover,
.layout-calendar .body .ym .paging3:hover,
.layout-calendar .body .ym .paging4:hover {background-position-y:-50px;}
.layout-calendar .body .ym .layer {display:none; position:absolute; left:-140px; top:25px; width:193px; border:1px solid #283241; background-color:#3d4654; cursor:default;}
.layout-calendar .body .ym .layer .array {height:100px; overflow-x:hidden; overflow-y:auto; background-color:#ffffff;}
.layout-calendar .body .ym .layer .array p {display:block; padding-left:10px; height:20px; cursor:pointer;}
.layout-calendar .body .ym .layer .array p {line-height:20px; font-size:13px; color:#a0a4a7; cursor:pointer;}
.layout-calendar .body .ym .layer .array p:hover {background-color:#ececec; color:#000000;}
.layout-calendar .body .ym .layer .array p.on {background-color:#f34a43; color:#ffffff;}
.layout-calendar .body .ym .close {display:block; position:absolute; right:0; top:0; width:20px; height:20px; cursor:pointer;}
.layout-calendar .body .ym .close:after {z-index:2; display:block; content:''; position:absolute; right:0; top:0; width:20px; height:20px; background-position:-325px -25px; opacity:0.3; cursor:pointer;}
.layout-calendar .body .ym .close:hover:after {transition:opacity 0.2s; opacity:1;}
.layout-calendar .body .ym .subj {position:relative; padding-left:10px; width:86px; font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:30px; font-size:12px; color:#ffffff;}
.layout-calendar .body .list {margin-top:10px; border:1px solid #d4d6d9; background-color:#ffffff;}
.layout-calendar .body .list .week td {border-bottom:1px solid #d4d6d9; border-left:1px solid #d4d6d9; width:55px; padding:6px 0 7px 0; text-align:center;}
.layout-calendar .body .list .week td {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:16px; font-size:14px; color:#a0a4a7;}
.layout-calendar .body .list .week td:first-child {border-left:0px;}
.layout-calendar .body .list .array td {border-left:1px solid #f2f6f8; border-top:1px solid #f2f6f8;}
.layout-calendar .body .list .array td:first-child {border-left:0;}
.layout-calendar .body .list .array:nth-child(2) td {border-top:0;}
.layout-calendar .body .list .array td span {text-decoration:none; padding:11px 0 13px 0; display:block; text-align:center; cursor:pointer;}
.layout-calendar .body .list .array td span {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:18px; font-size:16px;}
.layout-calendar .body .list .array td:hover {background-color:#fffde1;}
.layout-calendar .body .list .array td .day {color:#3e4652;}
.layout-calendar .body .list .array td .sun {color:#bf0000;}
.layout-calendar .body .list .array td .sat {color:#0084ff;}
.layout-calendar .body .list .array td .today {text-decoration:underline;}

/* layout-address */

.layout-address {z-index:100000; font-size:0; line-height:0; display:none; position:absolute; top:0px; left:0px; width:740px; height:auto;}
.layout-address:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:5px; width:100%; height:calc(100% - 10px); box-shadow:0 5px 5px 5px #000000; opacity:0.2; border-radius:5px;}
.layout-address .title {position:relative; background-color:#283241; border-radius:5px 5px 0 0;}
.layout-address .title .text {padding:0 15px 0 15px;}
.layout-address .title .text {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:55px; font-size:16px; color:#90959c;}
.layout-address .title .text span {color:#ffffff;}

.layout-address .title .close {display:block; position:absolute; right:0; top:0; width:50px; height:55px; cursor:pointer;}
.layout-address .title .close:after {z-index:2; display:block; content:''; position:absolute; right:15px; top:18px; width:20px; height:20px; background-position:-300px -25px; opacity:0.3; cursor:pointer;}
.layout-address .title .close:hover:after {transition:opacity 0.2s; opacity:1;}

.layout-address .body {background-color:#fbfcfc; border-radius:0 0 4px 4px;}
.layout-address .body &gt; .q {background-color:#ffffff; padding:15px 20px;}
.layout-address .body &gt; .q .input {transition:border 0.2s, background 0.2s; position:relative; display:block; vertical-align:middle; background-color:#ffffff; border:1px solid #dbdde2; border-radius:4px;}
.layout-address .body &gt; .q .input input {z-index:1; position:relative; padding:0 10px 0 10px; width:calc(100% - 20px); height:34px; border:0; background:transparent;}
.layout-address .body &gt; .q .input input {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:34px; font-size:14px; color:#969a9c;}
.layout-address .body &gt; .q .input span {z-index:2; display:block; position:absolute; right:5px; top:7px; width:20px; height:20px; background-position:-350px 0px; opacity:0.5; cursor:pointer;}
.layout-address .body &gt; .q .input span:hover {opacity:1;}
.layout-address .body &gt; .q .input.focus {background-color:#ffffff; border:1px solid #388cf1;}
.layout-address .body &gt; .q .input.focus input {color:#2d3539;}
.layout-address .body .help {z-index:1; position:relative; padding:25px 20px 30px 20px;}
.layout-address .body .help:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; box-shadow:inset 0px 10px 10px -10px #000000; opacity:0.1;}
.layout-address .body .help .text {padding:0 20px;}
.layout-address .body .help .text {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:32px; font-size:30px; color:#525252;}
.layout-address .body .help .text2 {margin-top:13px; padding:0 20px;}
.layout-address .body .help .text2 {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:18px; font-size:16px; color:#525252;}
.layout-address .body .help .block {border-top:1px solid #dcdcdc; margin-top:30px; padding:27px 30px 0 30px;}
.layout-address .body .help .block ul {margin-top:27px; display:block;}
.layout-address .body .help .block ul:first-child {margin-top:0;}
.layout-address .body .help .block ul li {display:block;}
.layout-address .body .help .block ul li:nth-child(1) {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:18px; font-size:16px; color:#2468ca;}
.layout-address .body .help .block ul li:nth-child(2) {margin-top:5px;}
.layout-address .body .help .block ul li:nth-child(2) {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:18px; font-size:16px; color:#959595;}
.layout-address .body .result {display:none; z-index:1; position:relative;}
.layout-address .body .result:before {z-index:2; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:10px; box-shadow:inset 0px 10px 10px -10px #000000; opacity:0.1;}
.layout-address .body .result .scroll {}
.layout-address .body .result .scroll .scroll-wrapper {max-height:500px;}
.layout-address .body .result .scroll .wrap {padding:25px 20px 20px 20px;}
.layout-address .body .result .text {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:18px; font-size:16px; color:#959595;}
.layout-address .body .result .text .msg {color:#525252;}
.layout-address .body .result .text .line {color:#d4d6d9;}
.layout-address .body .result .block {margin-top:20px;}
.layout-address .body .result .block ul {transition:border 0.2s, background 0.2s; position:relative; margin-top:8px; padding:17px 0 18px 139px; display:block; background-color:#ffffff; border:1px solid #dcdcdc; cursor:pointer;}
.layout-address .body .result .block ul:first-child {margin-top:0;}
.layout-address .body .result .block ul li {display:block;}
.layout-address .body .result .block ul li:nth-child(1) {transition:background 0.2s; display:block; position:absolute; left:0; top:0; width:120px; height:100%; background-color:#666666; text-align:center;}
.layout-address .body .result .block ul li:nth-child(1) .table {display:table; width:100%; height:100%;}
.layout-address .body .result .block ul li:nth-child(1) .table span {display:table-cell; vertical-align:middle;}
.layout-address .body .result .block ul li:nth-child(1) .table span {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:22px; font-size:20px; color:#ffffff;}
.layout-address .body .result .block ul li:nth-child(2) {transition:color 0.2s; font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:18px; font-size:14px; color:#666666;}
.layout-address .body .result .block ul li:nth-child(3) {margin-top:7px;}
.layout-address .body .result .block ul li:nth-child(3) {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:18px; font-size:13px; color:#959595;}
.layout-address .body .result .block ul:hover {border:1px solid #2468ca; background-color:#4e8ee9;}
.layout-address .body .result .block ul:hover li:nth-child(1) {background-color:#2468ca;}
.layout-address .body .result .block ul:hover li:nth-child(2) {color:#ffffff;}
.layout-address .body .result .block ul:hover li:nth-child(3) {color:#bdecff;}

/* layout-tooltip */

.layout-tooltip {display:none; position:absolute; top:0px; left:0px; width:auto; height:auto; z-index:9000000;}
.layout-tooltip:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:5px; width:100%; height:calc(100% - 10px); box-shadow:0 7px 3px 2px #000000; opacity:0.2; border-radius:5px;}
.layout-tooltip .wrap {border:1px solid #d7dbe3; background-color:#ffffff; padding:10px 10px 10px 15px; border-radius:5px;}
.layout-tooltip .wrap .arrow {z-index:1; position:absolute; left:50%; bottom:0; display:block; width:0; height:0px;}
.layout-tooltip .wrap .arrow:before {display:block; content:''; position:absolute; left:-12px; bottom:-19px; display:block; width:24px; height:20px; background-position:-225px -175px;}
.layout-tooltip .wrap .text {max-width:400px; word-break:break-all; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.layout-tooltip .wrap .text {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:34px; font-size:14px; color:#1e2631;}
.layout-tooltip.pos-r .arrow {left:auto; right:18px; margin-left:0;}

/* layout-popupbanner */

.layout-popupbanner {z-index:2000; font-size:0; line-height:0; display:none; position:fixed; left:50px; bottom:10px;}
.layout-popupbanner .btn {z-index:11; display:block; position:absolute; right:10px; top:10px; width:40px; height:40px; background-size:1500px 2500px; background-position:-650px 0px; cursor:pointer;}
.layout-popupbanner .body {position:relative;}
.layout-popupbanner .body a {z-index:10; display:block; position:absolute; left:0; top:0; width:100%; height:calc(100% - 40px);}
.layout-popupbanner .body img {border-radius:10px;}
.layout-popupbanner.type-2 .btn,
.layout-popupbanner.type-3 .btn {top:0; right:-40px; background-color:#000; background-position-y:-50px;}

/* sst */

body.sst-active {min-width: 1360px;}
body.sst-active .sst-menu {width: 100%; height: 50px;}
body.sst-active .sst-menu .title-bar {display: block;}

.md-section .sst-item {
    left: calc(50% - var(--main-width) / 2);
    max-width: var(--main-width);
}

/* category-showwindow-section */

.category-showwindow-section .ff-PX1 {font-family: var(--family-light);font-weight: var(--weight-light);}
.category-showwindow-section .ff-PX2 {font-family: var(--family-regular);font-weight: var(--weight-regular);}
.category-showwindow-section .ff-PX3 {font-family: var(--family-medium);font-weight: var(--weight-medium);}
.category-showwindow-section .ff-PX4 {font-family: var(--family-bold);font-weight: var(--weight-bold);}
.category-showwindow-section .ff-DU1 {font-weight:normal; font-family:dotum,'돋움',sans-serif;}
.category-showwindow-section .ff-DU2 {font-weight:bold; font-family:dotum,'돋움',sans-serif;}
.category-showwindow-section .ff-GR1 {font-weight:normal; font-family:gulim,'굴림',sans-serif;}
.category-showwindow-section .ff-GR2 {font-weight:bold; font-family:gulim,'굴림',sans-serif;}

.category-showwindow-section .md-item {position:relative; display:block; vertical-align:top; margin:0 auto; text-align:left;}
.category-showwindow-section .md-item.type-i-b {display:inline-block; margin:auto;}
</pre></body></html>