@charset "utf-8";

/* 폰트 */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400;600&display=swap');
@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face { font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff')format('woff');
    font-weight: 700; font-style: normal;
}


@font-face {
    font-family: 'paybooc-Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'paybooc-Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'paybooc-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'paybooc-ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-ExtraBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* sub page layout */
.page-content {padding:0px 8px;margin-bottom:30px}
.page-content .page-form {width:100%;background:#fff;padding: 15px}
.page-content h3 {font-size:1.2em; padding:10px 0px; border-bottom:1px solid #333; display: inline-block}

.content-pop {
    transition: none !important;
    margin-left: 0px !important;
    max-height: auto !important
}


#overlay {position: fixed;left: 0;top: 0;bottom: 0;right: 0;width:100%;height:100%;background: #000;opacity: 0.6;filter: alpha(opacity=60);z-index: 999999}
#loading-logo .loading-img {text-align: center}
#loading-logo .loading-img img {width: 100px; border-radius: 64px}
#loading-logo .loading-message {display:block;width: 200px;text-align:center;color:#fff;font-size:14px;margin-top:10px}
#loading-logo {position: fixed;top: 40%;left: 50%;margin: -100px 0 0 -100px;z-index: 99999999}