@charset "utf-8";

/* Gotham */
/* Light */
@font-face{
    font-family:'Gotham';
    src: url('/weven_service/asset/font/GothamPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
/* Regular */
@font-face{
    font-family:'Gotham';
    src: url('/weven_service/asset/font/GothamPro.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
/* Medium */
@font-face{
    font-family:'Gotham';
    src: url('/weven_service/asset/font/GothamPro-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
/* Bold */
@font-face{
    font-family:'Gotham';
    src: url('/weven_service/asset/font/Gotham-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
/* Black */
@font-face{
    font-family:'Gotham';
    src: url('/weven_service/asset/font/GothamPro-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

/* Abel */
/* Regular */
@font-face {
    font-family: 'Abel';
    font-style: normal;
    font-weight: 400;
    src: url('/weven_service/asset/font/Abel-Regular.ttf') format('truetype') /* Safari, Android, iOS */
}

/* CinzelDecorative */
/* Regular */
@font-face {
    font-family: 'CinzelDecorative';
    font-style: normal;
    font-weight: 400;
    src: url('/weven_service/asset/font/CinzelDecorative-Regular.ttf') format('truetype') /* Safari, Android, iOS */
}

/* CinzelDecorative */
/* Black */
@font-face {
    font-family: 'CinzelDecorative-Black';
    font-style: normal;
    font-weight: 400;
    src: url('/weven_service/asset/font/CinzelDecorative-Black.ttf') format('truetype') /* Safari, Android, iOS */
}

/* CinzelDecorative */
/* Bold */
@font-face {
    font-family: 'CinzelDecorative';
    font-style: normal;
    font-weight: 700;
    src: url('/weven_service/asset/font/CinzelDecorative-Bold.ttf') format('truetype') /* Safari, Android, iOS */
}

/* FasterOne */
/* Regular */
@font-face {
    font-family: 'FasterOne';
    font-style: normal;
    font-weight: 400;
    src: url('/weven_service/asset/font/FasterOne-Regular.ttf') format('truetype') /* Safari, Android, iOS */
}

/* Goldman */
/* Regular */
@font-face {
    font-family: 'Goldman';
    font-style: normal;
    font-weight: 400;
    src: url('/weven_service/asset/font/Goldman-Regular.ttf') format('truetype') /* Safari, Android, iOS */
}

/* Bold */
@font-face {
    font-family: 'Goldman';
    font-style: normal;
    font-weight: 700;
    src: url('/weven_service/asset/font/Goldman-Bold.ttf') format('truetype') /* Safari, Android, iOS */
}

/* neue-haas-grotesk-text */
/* Regular */
@font-face{
    font-family:'neue haas grotesk';
    src: url('/weven_service/asset/font/neue-haas-grotesk-text-pro-55-roman.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
/* Medium */
@font-face{
    font-family:'neue haas grotesk';
    src: url('/weven_service/asset/font/neue-haas-grotesk-text-pro-65-medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
/* Bold */
@font-face{
    font-family:'neue haas grotesk';
    src: url('/weven_service/asset/font/neue-haas-grotesk-text-pro-75-bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face{
    font-family:modoo;
    src:url('/weven_service/asset/font/modoo_107394.eot');
    src:url('/weven_service/asset/font/modoo_107394.eot@') format("embedded-opentype"),
    url('/weven_service/asset/font/modoo_43c742.woff') format("woff"),
    url('/weven_service/asset/font/modoo_5a9be1.ttf') format("truetype"),
    url('/weven_service/asset/font/modoo_20b606.svg') format("svg");
    font-weight:400;
    font-style:normal;
}

/* CSS Document */

/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
address, big, cite, code, del, dfn, em, font, img, ins,
q, s, samp, small, strike, strong, sub, sup, tt, var, b,
u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: none 0;}
caption {/*visibility: hidden; position: absolute; width:0; height: 0; overflow: hidden;*/ font-size: 0; line-height: 0; text-indent:-10000px;}
html { font-size: 10px; }
body{ font-size: 12px; font-size: 1.2rem; /*line-height: 1.8rem;*/ overflow-anchor: none; background-color:#fff; color:#000; line-height: 1.2; font-weight: 300; font-family:"Pretendard", "PretendardJP", "돋움", Dotum, Verdana, Helvetica, Sans-serif;}
html, body:not([data-wv-design-mode]) {margin: 0; padding: 0; width: 100%; height: 100%;}
input, button, textarea {font-family: inherit; font-size:1.2rem; color:#000;}
h1, h2, h3, h4, h5, h6 {letter-spacing: 0; font-weight:normal;}
img, fieldset, iframe {border:0 none;}
table {border-collapse: collapse;}
table th, table td {word-break: break-all;}
select, textarea {font-family: inherit; border: 1px solid #B7B6B6; background: #FFFFFF; color: #7c7c7c; font-size: 12px; font-size: 1.2rem; vertical-align: middle;}
textarea {overflow:auto;}
select, input, img, li {vertical-align: middle; text-align:inherit;}
address, caption, cite, code, dfn, em, strong, th, var {font-style : normal; font-weight : 900;}
ul, li, ol {list-style-type: none;}
legend {display: none;}
hr {border-collapse:collapse; margin: 0; border: none; width: 100%;}
a:link, a:visited {text-decoration:none; color: inherit;}
a:hover {text-decoration:none;}
input[type="button"] {-webkit-appearance: none;}
i {line-height: 0.8em !important;}  /* 아이콘 vertical middle 위해 */


[data-wv-interpreter] { display: none; }
[data-wv-template], [data-wv-template-extra] { display: none; }

button[data-wv-href-btn] { padding: 0; background-color: transparent; border: none; font-size: inherit; line-height: inherit; font-weight: inherit; color: inherit; cursor: pointer; }

#toastWrap{/*display: none; */width: 100%; max-width: 467px; padding-left: 30px; padding-right: 30px; box-sizing: border-box; position: fixed; z-index: 1000050;}
#toastWrap .toast{position: relative; font-family: 'Pretendard', 'PretendardJP'; margin-bottom: 10px; background-color: #46A6A2; padding: 21px 29px 22px; color: #fff; border-radius: 12px; overflow: hidden; box-shadow: 4px 6px 20px rgba(0, 0, 0, 0.15);}
#toastWrap .toast:after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url('../img/common/toast_popup_background_admin_zgai.png'); background-size: 45px auto; background-position: top 18px right 18px; background-repeat: no-repeat; opacity: 0.13; border-radius: 8px;}
#toastWrap .toast:last-child{margin-bottom: 0;}
#toastWrap .toast .title{font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; font-weight: 700; margin-bottom: 8px;}
#toastWrap .toast .toast_content{font-size:13px; font-size:1.3rem; line-height:21px; line-height:2.1rem; word-break: keep-all; font-weight: 400;}

#toastWrap .toast.front{background-color: #645ef4;}

#wvNavi { position: relative; z-index: 9999; }
#wvNavi > a { position: absolute; left: 0; top: -35px; width: 120px; border: 1px solid #645ef4; background: #333; text-align: center; }
#wvNavi > a > span { display: inline-block; padding: 2px 6px 0 0; font-size:13px; font-size:1.3rem; line-height:19px; line-height:1.9rem; color: #fff; white-space: nowrap; }
#wvNavi a:active, #wvNavi a:focus { top: 0; }

p.clearBoth{ clear: both; }


/* Pre-loader Css*/

#loader {
    background-color: transparent;
    height: 100% !important;
    width: 100%;
    position: fixed;
    margin-top: 0px;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
}

#loading-center {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

#loading-center-absolute {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 60px;
    width: 60px;
    margin-top: -30px;
    margin-left: -30px;
    z-index:99999;
    -webkit-animation: loading-center-absolute 1s infinite;
    animation: loading-center-absolute 1s infinite;
} 

/* 로딩 점 애니메이션 */
#dot-loader {
    display: flex;
    gap: 12px;
}

#dot-loader div {
    width: 14px;
    height: 14px;
    background-color: #2174ff;
    border-radius: 50%;
    animation: bounce 1.2s infinite ease-in-out both;
}

#dot-loader div:nth-child(1) {
    animation-delay: 0s;
}

#dot-loader div:nth-child(2) {
    animation-delay: 0.15s;
}

#dot-loader div:nth-child(3) {
    animation-delay: 0.3s;
}

@keyframes bounce {
    0%, 80%, 100% {
    transform: scale(0.8) translateY(0);
    opacity: 0.7;
    }
    40% {
    transform: scale(1.4) translateY(-14px);
    opacity: 1;
    }
}

.object {
    width: 20px;
    height: 20px;
    background-color: #ffc514;
    float: left;
    -moz-border-radius: 50% 50% 50% 50%;
    -webkit-border-radius: 50% 50% 50% 50%;
    border-radius: 50% 50% 50% 50%;
    margin-right: 20px;
    margin-bottom: 20px;
}

.object:nth-child(2n+0) {
    margin-right: 0px;
}

#object_one {
    -webkit-animation: object_one 1s infinite;
    animation: object_one 1s infinite;
}

#object_two {
    -webkit-animation: object_two 1s infinite;
    animation: object_two 1s infinite;
}

#object_three {
    -webkit-animation: object_three 1s infinite;
    animation: object_three 1s infinite;
}

#object_four {
    -webkit-animation: object_four 1s infinite;
    animation: object_four 1s infinite;
}

@-webkit-keyframes loading-center-absolute {
    100% {
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loading-center-absolute {
    100% {
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes object_one {
    50% {
        -ms-transform: translate(20px, 20px);
        -webkit-transform: translate(20px, 20px);
        transform: translate(20px, 20px);
    }
}

@keyframes object_one {
    50% {
        -ms-transform: translate(20px, 20px);
        -webkit-transform: translate(20px, 20px);
        transform: translate(20px, 20px);
    }
}

@-webkit-keyframes object_two {
    50% {
        -ms-transform: translate(-20px, 20px);
        -webkit-transform: translate(-20px, 20px);
        transform: translate(-20px, 20px);
    }
}

@keyframes object_two {
    50% {
        -ms-transform: translate(-20px, 20px);
        -webkit-transform: translate(-20px, 20px);
        transform: translate(-20px, 20px);
    }
}

@-webkit-keyframes object_three {
    50% {
        -ms-transform: translate(20px, -20px);
        -webkit-transform: translate(20px, -20px);
        transform: translate(20px, -20px);
    }
}

@keyframes object_three {
    50% {
        -ms-transform: translate(20px, -20px);
        -webkit-transform: translate(20px, -20px);
        transform: translate(20px, -20px);
    }
}

@-webkit-keyframes object_four {
    50% {
        -ms-transform: translate(-20px, -20px);
        -webkit-transform: translate(-20px, -20px);
        transform: translate(-20px, -20px);
    }
}

@keyframes object_four {
    50% {
        -ms-transform: translate(-20px, -20px);
        -webkit-transform: translate(-20px, -20px);
        transform: translate(-20px, -20px);
    }
}

/* Pre-loader Css*/

@media (max-width:767px){
    p.clearBoth[data-wv-br-hide480]{ display: none !important; }
}

@media (min-width:768px) and (max-width:991px){
    p.clearBoth[data-wv-br-hide768]{ display: none !important; }
}

@media (min-width:992px) and (max-width:1199px){
    p.clearBoth[data-wv-br-hide992]{ display: none !important; }
}

@media (min-width:1200px) and (max-width:1599px){
    p.clearBoth[data-wv-br-hide1200]{ display: none !important; }
}

@media (min-width:1600px){
    p.clearBoth[data-wv-br-hide1600]{ display: none !important; }
}