<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* layout-popup */

.layout-popup {z-index:1000; font-size:0; line-height:0; display:none; position:absolute; border-radius:5px;}
.layout-popup:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:calc(100% - 10px); box-shadow:0 5px 5px 5px #000000; opacity:0.2; border-radius:5px;}
.layout-popup.mode1:before {top:10px;}
.layout-popup.mode2:before {top:0; height:100%;}
.layout-popup .body {position:relative; background-color:#ffffff; border-radius:5px;}
.layout-popup .img img {border-radius:5px 5px 0 0;}
.layout-popup .content {overflow:hidden; word-wrap:break-word; word-break:break-all; padding:10px;}
.layout-popup .content .text {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:18px; font-size:13px; color:#000000;}
.layout-popup .btn {background-color:#ffffff; position:relative; padding:10px; border-radius:5px;}
.layout-popup .btn .checkbox {position:relative; display:inline-block; vertical-align:middle; width:20px; height:20px;}
.layout-popup .btn .checkbox label {z-index:1;  position:relative; display:block; width:20px; height:20px; cursor:pointer;}
.layout-popup .btn .checkbox label svg {z-index:-1; display:block; position:absolute; left:0; top:0; width:20px; height:20px;}
.layout-popup .btn .checkbox label svg polygon,
.layout-popup .btn .checkbox label svg rect {width:100%; height:100%;}
.layout-popup .btn .checkbox label svg:nth-child(1) {fill:#B3B4B4; opacity:1;}
.layout-popup .btn .checkbox label svg:nth-child(1) rect {fill:#fff;}
.layout-popup .btn .checkbox label svg:nth-child(2) {fill:var(--color2); opacity:0;}
.layout-popup .btn .checkbox label svg:nth-child(2) polygon {fill:#fff;}
.layout-popup .btn .checkbox label.focus svg:nth-child(1) {opacity:0;}
.layout-popup .btn .checkbox label.focus svg:nth-child(2) {opacity:1;}
.layout-popup .btn .checkbox input {position:absolute; left:0; top:0; opacity:0;}
.layout-popup .btn label {display:inline-block; vertical-align:middle; cursor:pointer;}
.layout-popup .btn label {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:20px; font-size:13px; color:#6c7174;}
.layout-popup .btn label:hover {text-decoration:underline; color:#1e2631;}
.layout-popup .btn .close {display:block; position:absolute; right:5px; top:6px; background-color:#6c7174; padding:4px 12px 4px 12px; border-radius:4px; cursor:pointer;}
.layout-popup .btn .close {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:20px; font-size:13px; color:#ffffff;}
.layout-popup .btn .close:hover {background-color:#1e2631;}
.layout-popup .btn .close {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:20px; font-size:13px; color:#ffffff;}
.layout-popup .sst-item {height:calc(100% - 40px);}

.layout-popup.ty-1 {
    top: 0;
    left: 0;
    opacity: 0;
}

.layout-popup.ty-2 {
    left: 50px;
    top: 50px;
}

.layout-popup.ty-3 {
    right: 50px;
    top: 50px;
}

.layout-popup.ty-4 {
    left: 50px;
    bottom: 50px;
}

.layout-popup.ty-5 {
    right: 50px;
    bottom: 50px;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .layout-popup .btn .checkbox label svg:nth-child(2) polygon {
        fill: var(--color2);
    }
}

/* main */

.l-main .l-wrap {max-width:100% !important;}

#md-container {width:100%;}

.md-section {text-align:center;}

.md-section a:hover {text-decoration:none;}

.md-section .ff-PX1 {font-family: var(--family-light);font-weight: var(--weight-light);}
.md-section .ff-PX2 {font-family: var(--family-regular);font-weight: var(--weight-regular);}
.md-section .ff-PX3 {font-family: var(--family-medium);font-weight: var(--weight-medium);}
.md-section .ff-PX4 {font-family: var(--family-bold);font-weight: var(--weight-bold);}
.md-section .ff-DU1 {font-weight:normal; font-family:dotum,'�뗭�',sans-serif;}
.md-section .ff-DU2 {font-weight:bold; font-family:dotum,'�뗭�',sans-serif;}
.md-section .ff-GR1 {font-weight:normal; font-family:gulim,'援대┝',sans-serif;}
.md-section .ff-GR2 {font-weight:bold; font-family:gulim,'援대┝',sans-serif;}

.md-section .md-item {position:relative; display:block; vertical-align:top; margin:0 auto; text-align:left;}
.md-section .md-item.type-i-b {display:inline-block; margin:auto;}

/* md-insert */

body:not(.sst-active) .md-insert {
    display: none;
}

.md-insert {
    margin:0 auto;
    width: calc(var(--main-width) - 4px);
    height: 60px;
    background-color: #fff;
    border:2px dashed #ccc;
}

.md-insert:hover {
    background-color: #ebf3fe;
    border-color: #388cf1;
}

.md-insert ul {
    padding-top: 10px;
    width: 100%;
    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;
}

.md-insert li {
    position: relative;
    background-color: #cccccc;
    padding: 1px 7px 0 7px;
    height: 19px;
    text-align: left;
    cursor: pointer;
}

.md-insert li:nth-child(n+2) {
    margin-left:4px;
}

.md-insert:hover li {
    background-color: #388cf1;
}

.md-insert .text {
    line-height: 19px;
    font-family: 'dotum', sans-serif;
    font-size: 11px;
    color: #fff;
}

.md-insert .msg {
    margin-top:8px;
    text-align: center;
    line-height: 1.4;
    font-family: 'dotum', sans-serif;
    font-size: 11px;
    color: #999;
}

/* sst-help */

.md-insert li:not(:hover) .help {
    display: none;
}

.md-insert .help {
    z-index: 10000;
    position: absolute;
    width: 380px;
    left: calc(50% - 190px);
    bottom: 30px;
    text-align: center;
}

.md-insert .help .wrap {
    text-align: left;
    display: inline-block;
    position: relative;
    border-radius: 3px;
    padding: 8px 9px 6px 9px;
    background-color: #000000;
    font-family: 'dotum',sans-serif;
    font-size: 11px;
    line-height: 1.5;
    color: #fff;
}

.md-insert .help .arrow {
    transform: rotate(270deg);
    position: absolute;
    left: calc(50% - 3px);
    bottom: -7px;
    width: 6px;
    height: 8px;
}
</pre></body></html>