/* Concept Color */

.bg-color {background-color: #29aad5;}
.bg-sub-color {background-color: antiquewhite;}
.bg-point-color {background-color: #ef5830;}
.bg-fefcf1 {background-color: #fefcf1;}

.color-main {color: #d3e6a9;}
.color-point {color: #ef5830;}

.color-111 {color: #111;}
.color-555 {color: #555;}
.color-888 {color: #888;}

/* Concept Button */

.btn-prev-next {
    display: flex !important;
    justify-content: center;
}

.btn-gray {
    padding: 0.031rem 1.25rem;
    background-color: #999;
    color: #fff !important;
    border: none;
    border-radius: 0.25rem;
    font-size: 0.938rem;
    cursor: pointer;
}

.btn-main {
    padding: 0.031rem 1.25rem;
    background-color: #269ad2;
    color: #fff !important;
    border: none;
    border-radius: 0.25rem;
    font-size: 0.938rem;
    cursor: pointer;
}

.btn-black {
    padding: 0.031rem 1.25rem;
    color: #fff !important;
    border: none;
    border-radius: 0.25rem;
    font-size: 1.063rem;
    cursor: pointer;
}

/* Text */

.text-area {
    line-height: 1.625rem;
}

.text-area h5 {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    font-weight: bold;
    line-height: 1.625rem;
}

.text-box {
    padding-bottom: 1.875rem;
}

.text-box h6 {
    font-weight: bold;
    line-height: 1.625rem;
}

.text-box .text-content {
    padding-top: 0.625rem;
    color: #666;
}

.text-box-in {
    padding-left: 0.938rem;
}

/* ## Main ## ******************************************************************************************************/

.bg_img {
    min-height: 1080px;
    background-image: url(/images/pages/background.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

/* ## Nav ## */

.main-logo {
    margin-top: 0.625rem;
    margin-right: 0;
    margin-bottom: 0.625rem;
}

.main-logo-img {
    width: 116px;
    height: 68px;
    background-image: url(/images/pages/logo.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 80%;
}

.sub-menu-box {
    display: none;
}

/* App Down */

.app_download {
    display: none;
}

.app_download_m {
    text-align: center;
    padding: 0.5rem 1rem;
    border: 0.125rem solid #a2a2a2;
    border-radius: 10rem;
}

.app_download_m a {
    color: #555;
    font-size: 0.875rem;
    font-family: 'NanumSquareNeoTTF-dEb';
}

/* Off canvas */

.hamburger-wrap {
    width: 80%;
    background-color: #fcfcfc;
}

.hamburger-head {
    background-color: #333;
}

.hamburger-menu {
    padding: 0.625rem;
    background-color: #000;
    border: none;
    border-radius: 10rem;
    opacity: 70%;
}

.fa-bars {
    background-image: url(/images/pages/menu.png) !important;
    background-repeat: no-repeat;
    background-position: center;
}

.hamburger-logo {
    margin-bottom: 0;
}

.hamburger-logo img {
    width: 50%;
}

.hamburger-close {
    background: url(/images/pages/close.png) center/1em auto no-repeat;
}

.hamburger-menu-wrap {
    overflow-y: auto;
    padding: 1.875rem;
}

.hamburger-menu-box {
    margin-bottom: 1.563rem;
    padding-bottom: 1.563rem;
    border-bottom: 0.063rem dashed #e0e0e0;
}

.hamburger-title {
    font-size: 1rem;
}

.hamburger-list {
    padding-top: 0.313rem;
}

.hamburger-list li {
    padding-top: 0.031rem;
}

.hamburger-list li::before {
    content: '-';
    color: #a2a2a2;
}

.hamburger-list a {
    color: #555;
    font-size: 0.938rem;
}

/* ## Contents ## */

/* ## Section1 ## */

.section1 {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.section1-title h3 {
    color: #fff;
    font-size: 1.875rem;
}

.section1-title h1 {
    color: #fff;
    font-size: 3.125rem;
    font-family: 'NanumSquareNeoTTF-dEb';
}

.section1-title p {
    padding-top: 0.625rem;
    color: #eee;
    font-size: 1.063rem;
}

.section1-title strong {
    color: #fff;
    font-family: 'NanumSquareNeoTTF-dEb';
}

.section1-btn {
    padding: 1.875rem 0 3.125rem 0;
}

.section1-btn a {
    color: #fff;
    font-family: 'NanumSquareNeoTTF-dEb';
}

.play-store {
    margin-bottom: 0.625rem;
    padding: 1rem 1.25rem 1rem 3rem;
    background-image: url(/images/pages/play_store.png);
    background-repeat: no-repeat;
    background-position: 1rem center;
    border: 0.125rem solid #fff;
    border-radius: 1rem;
}

.app-store {
    padding: 1rem 1.25rem 1rem 3rem;
    background-image: url(/images/pages/app_store.png);
    background-repeat: no-repeat;
    background-position: 1rem center;
    border: 0.125rem solid #fff;
    border-radius: 1rem;
}

.qr-code {
    text-align: center;
    padding: 2.5rem;
    background-color: #fcfcfc;
    border-radius: 0.5rem;
}

.qr-code-img {
    width: 107px;
    height: 107px;
    margin: 0 auto;
    background-image: url(/images/pages/qr_code.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #fff;
    border: 0.063rem solid #ddd;
    border-radius: 0.25rem;
}

.qr-code-text {
    padding-top: 1.875rem;
}

.qr-code h5 {
    padding-bottom: 1.25rem;
    color: #111;
}

.qr-code h5 > strong {
    font-family: 'NanumSquareNeoTTF-dEb';
}

.qr-code ul {
    display: inline-block;
    text-align: left;
}

.qr-code li {
    padding-bottom: 0.125rem;
}

.qr-code-num {
    padding-right: 0.313rem;
    color: #d3e6a9;
    font-family: 'NanumSquareNeoTTF-dEb';
}

.section1-img {
    height: 602px;
    margin-top: 3.125rem;
    background-image: url(/images/pages/phone.png);
    background-repeat: no-repeat;
    background-position: center;
    filter: drop-shadow(2px 2px 2px #00000030);
}

/* ## Footer ## */

.footer {
    padding: 3.125rem 0;
    border-top: 0.063rem solid #555;
}

.footer-logo {
    height: 74px;
    background-image: url(/images/pages/footer_logo.png);
    background-repeat: no-repeat;
    background-position: center;
}

.copyright {
    padding-top: 1.875rem;
}

.copyright li {
    padding-bottom: 0.625rem;
    color: #f2f2f2;
    font-size: 0.875rem;
}

.copyright li > span {
    padding-right: 0.625rem;
    color: #a2a2a2;
    font-size: 0.75rem;
    font-family: 'NanumSquareNeoTTF-eHv';
}

.footer-link {
    padding-top: 1.875rem;
}

.footer-link ul {
    display: flex;
    justify-content: space-evenly;
}

.footer-link li {
    padding-bottom: 0.625rem;
    border-bottom: 0.188rem solid #fff;
}

.footer-link li:first-child {
    width: 30%;
    background-image: url(/images/pages/footer_icon01.png);
    background-repeat: no-repeat;
    background-position: right top;
}

.footer-link li:last-child {
    width: 50%;
    background-image: url(/images/pages/footer_icon02.png);
    background-repeat: no-repeat;
    background-position: right top;
}

.footer-link a {
    color: #fff;
    font-family: 'NanumSquareNeoTTF-dEb';
}

/* ## Sub ## ******************************************************************************************************/

/* ## Sub Bar ## */

.sub-bar-wrap {
    padding: 1.25rem 0 2.5rem 0;
}

.sub-bar-title {
    text-align: center;
}

.sub-bar-title h3 {
    color: #fff;
    font-family: 'NanumSquareNeoTTF-dEb';
}

.sub-bar-title p {
    padding-top: 0.313rem;
    color: #a2a2a2;
}

.sub-bar-location {
    display: none;
}

/* ## Container ## */

.sub-container {
    background-color: #fcfcfc;
}

/* ## Side Bar ## */

.side-bar {
    display: none;
}

/* ## Content ## */

.content {
    width: 100%;
    min-height: 50rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

/* ## Jejuorum ## */

.jejuorum {
    padding: 0.625rem 0 1.875rem 0;
}

.jejuorum-img {
    height: 440px;
    background-image: url(/images/pages/jejuorum_img.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 1rem;
    filter: drop-shadow(1px 3px 3px #00000030);
}

.jejuorum-text {
    padding-top: 2.5rem;
}

.jejuorum-text h3 {
    padding-bottom: 1.25rem;
}

.jejuorum-text strong {
    color: #111;
    font-family: 'NanumSquareNeoTTF-dEb';
}

.jejuorum-text p {
    color: #555;
}

/* ## Preview ## */

.preview-img {
    height: 443px;
    background-image: url(/images/pages/preview_img.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    border-radius: 1rem;
    filter: drop-shadow(1px 3px 3px #00000030);
}

.preview-text {
    text-align: center;
}

.preview-btn {
    display: inline-block;
    margin-top: 1.875rem;
    padding: 1.25rem 2.5rem;
    background-color: #333;
    border-radius: 0.625rem;
}

.preview-btn a {
    color: #fff;
}

/* ## Introduce ## */

.introduce {
    padding: 0.625rem 0;
}

.introduce-wrap {
    padding-bottom: 1rem;
}

.introduce-title {
    padding-top: 1.25rem;
}

.introduce-title h3 {
    padding-bottom: 0.625rem;
}

.introduce-title h3 > strong {
    font-family: 'NanumSquareNeoTTF-dEb';
}

.introduce-title p {
    padding-bottom: 0.625rem;
    color: #555;
}

.introduce-title p::before {
    content: '·';
    padding-right: 0.313rem;
    color: #888;
    font-family: 'NanumSquareNeoTTF-eHv';
}

.introduce-title strong {
    color: #333;
}

.introduce-btn {
    padding-top: 0.625rem;
    padding-bottom: 1.25rem;
}

.introduce-btn a {
    color: #fff;
}

.introduce-btn01 {
    display: inline-block;
    padding: 0.625rem 1.25rem 0.625rem 3.125rem;
    background-image: url(/images/pages/play_store.png);
    background-repeat: no-repeat;
    background-position: 1.25rem center;
    background-color: #333;
    border-radius: 0.625rem;
}

.introduce-btn02 {
    display: inline-block;
    padding: 0.625rem 1.25rem 0.625rem 3.125rem;
    background-image: url(/images/pages/app_store.png);
    background-repeat: no-repeat;
    background-position: 1.25rem center;
    background-color: #333;
    border-radius: 0.625rem;
}

.introduce-img {
    height: 340px;
    margin-bottom: 1.25rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    filter: drop-shadow(1px 3px 3px #00000030);
}

.introduce-img01 {background-image: url(/images/pages/introduce_img01.png);}
.introduce-img02 {background-image: url(/images/pages/introduce_img02.png);}
.introduce-img03 {background-image: url(/images/pages/introduce_img03.png);}
.introduce-img04 {background-image: url(/images/pages/introduce_img04.png);}
.introduce-img05 {background-image: url(/images/pages/introduce_img05.png);}

.introduce-text {
    text-decoration: underline;
    font-family: 'NanumSquareNeoTTF-dEb';
}

.introduce-img-wrap {
    display: flex;
    justify-content: space-evenly;
    padding-top: 1.25rem;
}

.introduce-img p {
    padding-top: 0.625rem;
    color: #555;
}

/* ## Login ## */

.login-msg {
    text-align: center;
    margin-top: 1.875rem;
    margin-bottom: 1.875rem;
    color: #29aad5;
}

.login-wrap {
    overflow: hidden;
    margin: 0 auto;
    padding: 2.5rem 0;
    background-color: #fafafa;
}

.login-box {
    text-align: center;
    margin-bottom: 1.875rem;
    padding-bottom: 2.5rem;
    border-bottom: 0.063rem solid #dbdbdb;
}

.login-box li, .login-help li {
    width: 80%;
    margin: 0 auto;
    padding-bottom: 0.5rem;
}

.login-box li:last-child, .login-help li:last-child {
    padding-bottom: 0;
}

.login-input {
    width: 100%;
    box-sizing: border-box;
    padding: 0.5rem 0.625rem;
    border-radius: 0.25rem;
    border: 0.063rem solid #dbdbdb;
    font-size: 0.938rem;
    font-family: none;
}

.login-btn {
    width: 100%;
    padding: 0.5rem;
    background-image: url(/images/pages/login-btn.png);
    background-repeat: no-repeat;
    background-position: 32% center;
    background-color: #269ad2;
    color: #fff;
    border: none;
    border-radius: 0.25rem;
    font-size: 1.063rem;
}

.login-help {
    text-align: center;
}

.login-help-msg::before {
    content: "●";
    vertical-align: 0.188rem;
    padding-right: 0.313rem;
    color: #29aad5;
    font-size: 0.625rem;
}

.login-help-btn {
    display: inline-block;
    margin-top: 0.031rem;
    padding: 0.031rem 3.75rem 0.031rem 1.25rem;
    background-image: url(/images/pages/login-help-btn.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-color: #269ad2;
    color: #fff !important;
    border-radius: 0.25rem;
}

.login-inquiry {
    text-align: center;
    margin-top: 1.875rem;
}

.login-inquiry span {
    color: #269ad2;
    font-size: 1.063rem;
}

/* ## Find Password ## */

.findpassword-msg {
    text-align: center;
    margin-bottom: 1.875rem;
}

.findpassword-wrap {
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 1.875rem;
    padding: 2.5rem 0;
    background-color: #fafafa;
}

.findpassword-box {
    text-align: center;
    margin-bottom: 1.875rem;
    padding-bottom: 2.5rem;
    border-bottom: 0.063rem solid #dbdbdb;
}

.findpassword-box li {
    width: 80%;
    margin: 0 auto;
    text-align: left;
    padding-bottom: 0.5rem;
}

.findpassword-help li {
    width: 80%;
    margin: 0 auto;
    text-align: left;
    padding-bottom: 0.5rem;
}

.findpassword-box li:last-child, .findpassword-help li:last-child {
    padding-bottom: 0;
}

.findpassword-help li::before {
    content: "●";
    vertical-align: 0.188rem;
    padding-right: 0.313rem;
    color: #29aad5;
    font-size: 0.625rem;
}

.findpassword-input {
    width: 100%;
    box-sizing: border-box;
    padding: 0.5rem 0.625rem;
    border-radius: 0.25rem;
    border: 0.063rem solid #dbdbdb;
    font-size: 0.938rem;
    font-family: none;
}

.findpassword-btn {
    width: 100%;
    padding: 0.5rem;
    background-color: #269ad2;
    color: #fff;
    border: none;
    border-radius: 0.25rem;
    font-size: 1.063rem;
}

.findpassword-text {
    display: block;
    padding-top: 0.031rem;
    color: #666;
    font-size: 0.75rem;
}

/* ## Policy ## */

.policy-agree-title {
    font-size: 1rem;
    font-weight: bold;
}

.policy-agree-title::before {
    content: "●";
    vertical-align: 0.188rem;
    padding-right: 0.313rem;
    color: #29aad5;
    font-size: 0.625rem;
}

.policy-agree-box {
    height: 15.6rem;
    overflow-y: scroll;
    resize: none;
    margin-top: 0.625rem;
    padding: 1.25rem;
    border: 0.063rem solid #dbdbdb;
}

.policy-agree-check {
    margin: 0.625rem 0 1.875rem 0;
}

/* ## Register ## */

.register-msg {
    text-align: center;
    margin-bottom: 1.875rem;
}

.register-wrap {
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 1.875rem;
    padding: 2.5rem 0;
    background-color: #fafafa;
}

.register-box {
    text-align: center;
    margin-bottom: 1.875rem;
    padding-bottom: 2.5rem;
    border-bottom: 0.063rem solid #dbdbdb;
}

.register-box li {
    width: 80%;
    margin: 0 auto;
    text-align: left;
    padding-bottom: 0.938rem;
}

.register-help li {
    width: 80%;
    margin: 0 auto;
    text-align: left;
    padding-bottom: 0.938rem;
}

.register-box li:last-child, .register-help li:last-child {
    padding-bottom: 0;
}

.register-help li::before {
    content: "●";
    vertical-align: 0.188rem;
    padding-right: 0.313rem;
    color: #29aad5;
    font-size: 0.625rem;
}

.register-label {
    display: block;
    padding-bottom: 0.625rem;
}

.register-input {
    box-sizing: border-box;
    padding: 0.5rem 0.625rem;
    border-radius: 0.25rem;
    border: 0.063rem solid #dbdbdb;
    font-size: 0.938rem;
    font-family: none;
}

.register-input-phone {
    display: inline-block;
    width: 29%;
}

.register-input-certify {
    width: 70%;
    display: inline-block;
    margin-right: 0.625rem;
}

.certify-box {
    padding: 0.188rem 0.313rem;
    background-color: #eb8023;
    color: #fff;
    font-weight: bold;
}

.card-box-img {
    box-shadow: 3px 3px 3px #00000010;
}

.card-box-img-top {
    height: 10rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.view-img{
    width: 100%;
}