@charset "utf-8";
/* Noto */
@font-face {
    font-family:'Noto';
    src:url('./NotoSans/NotoSansKR-Regular-Hestia.eot');
    src:
    local(※),
    url('./NotoSans/NotoSansKR-Regular-Hestia.eot?#iefix') format('embedded-opentype'),
    url('./NotoSans/NotoSansKR-Regular-Hestia.woff') format('woff'),
    url('./NotoSans/NotoSansKR-Regular-Hestia.otf') format('otf');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family:'Noto';
    src:url('./NotoSans/NotoSansKR-Bold-Hestia.eot');
    src:
    local(※),
    url('./NotoSans/NotoSansKR-Bold-Hestia.eot?#iefix') format('embedded-opentype'),
    url('./NotoSans/NotoSansKR-Bold-Hestia.woff') format('woff'),
    url('./NotoSans/NotoSansKR-Bold-Hestia.otf') format('otf');
    font-weight: 700;
    font-style: normal;
}

.after:after {content:""; display:block; width:100%; height:0; visibility: hidden;clear: both}
.renewal #contents {position:relative; width:100%; word-break: keep-all; padding-bottom:30px;}
.page-content *,
.renewal #contents * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.page-content *:before,
.page-content *:after,
.renewal #contents *:before,
.renewal #contents *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.renewal .m-main {width:962px; margin:0 auto;}
.a11y { overflow: hidden; position: absolute; top: -9999px; left: -9999px; width: 1px; height: 1px; font-size: 1px; line-height: 1; }

/*20210126*/
.layer,
.layer * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.layer:before,
.layer *:before,
.layer *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.layer {position:fixed; left:0; right:0; top:0; bottom:0; z-index:100;}
.layer .dim {position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(0, 0, 0, 0.7)}
.layer .pop-container {
    padding:0 20px; width:100%;z-index:1; position:absolute; left:50%; top:50%;
    -webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
}
.layer .pop-container._full {
    top:10px; bottom:10px;
    -webkit-transform: translate(-50%, 0);-moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-o-transform: translate(-50%, 0);transform: translate(-50%, 0);
}
.layer .pop-container .pop-content {background:#fff; padding:35px 50px;height:100%; overflow-y: auto;position:relative}
.pop-content .pop-header {border-bottom:1px solid #8b8bb6; position:relative; padding:15px 0;text-align: left}
.pop-content .pop-header .pop-tit {color:#303080; font-size:25px; font-weight:700;position:relative; padding-left:25px;line-height:1;}

.layer .pop-close {display:block; width:18px; height:18px; position:absolute; right:24px; top:18px;}
.layer .pop-header .pop-close {top:50%; transform: translate(0, -50%)}
.layer .pop-close:after,
.layer .pop-close:before {
    content:""; display:block; background:#000; width:20px; height:2px;border-radius: 2px; position:absolute; left:50%; top:50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);-moz-transform: translate(-50%, -50%) rotate(45deg);-ms-transform: translate(-50%, -50%) rotate(45deg);-o-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);
}
.layer .pop-close:before {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);-moz-transform: translate(-50%, -50%) rotate(-45deg);-ms-transform: translate(-50%, -50%) rotate(-45deg);-o-transform: translate(-50%, -50%) rotate(-45deg);transform: translate(-50%, -50%) rotate(-45deg);
}

.pop-voc {max-width:660px; font-family:"나눔고딕"}
.pop-voc .dec-wrap {position:relative;padding:15px 0; padding-left:150px;}
.pop-voc .dec-wrap:before {content:""; display:block; width:122px; height:121px; background:url(../images/jebo/ico_voc.png) center no-repeat; background-size:cover; position:absolute; left:0; top:50%; transform: translate(0, -50%)}
.pop-voc .dec-wrap .tit {display:block; width:100%; line-height:1.1; font-size:22px; font-weight:700; color:#222; padding-bottom:15px; border-bottom:1px solid #a2a2a2; }
.pop-voc .dec-wrap .dec {padding-top:15px;color:#222; font-size:14px;line-height:1.6}
.pop-voc .dec-wrap .dec .mail-item {color:#c40452}

@media screen and (max-width: 768px) {
    .layer {min-width:320px;}
    .layer .pop-container .pop-content {padding-left:24px; padding-right:24px;}
    .pop-voc {max-width:470px;}
    .pop-voc .dec-wrap {padding-left:0;padding:0; padding-top:100px; text-align: center;}
    .pop-voc .dec-wrap .tit {font-size:20px;}
    .pop-voc .dec-wrap:before {width:80px; height:80px; top:0; left:50%; transform: translate(-50%, 0)}
}
@media screen and (max-width:500px) {
    .pop-voc .dec-wrap br {display:none;}
}