@charset "utf-8";

/* cssnano:disable */

/* 회원관련 페이지 스타일 영역 :: S */

/* 로그인 페이지 :: s */
.login-wrap.conFullPage .sign-container {max-width:10000px; padding:0;}
.login-wrap.conFullPage .sign-content {display:flex; max-width:10000px; height:100%; flex-direction:row; justify-content:center; align-items:center; margin:0; padding:4%; box-sizing:border-box; background:linear-gradient(to bottom right, #11ecda, #6e74ff, #11ecda);}
.login-wrap.conFullPage .sign-content > * {width:50%; height:100%; position:relative; margin:0; padding:0; box-sizing:border-box;}
.login-wrap.conFullPage .sign-content .loginVisual {background:#e8fafd; display:flex; flex-direction:column; justify-content:center; padding:15px; box-sizing:border-box;}
.login-wrap.conFullPage .sign-content .loginVisual > * {position:relative; text-align:center; margin:0 auto 120px;}
.login-wrap.conFullPage .sign-content .loginVisual > *:last-child {margin:0 auto;}
.login-wrap.conFullPage .sign-content .loginVisual > * img {max-width:100%; max-height:100%; vertical-align:top;}
.login-wrap.conFullPage .sign-content .loginVisual .logo {height:8vh; margin:0 auto 8vh;}
.login-wrap.conFullPage .sign-content .loginVisual .deco._1 {height:58vh}
.login-wrap.conFullPage .sign-content .loginForm {background:#fff;}
.login-wrap.conFullPage .sign-content .loginForm form {display:block; width:100%; height:100%; position:relative; margin:0; padding:0; box-sizing:border-box;}
.login-wrap.conFullPage .sign-content .loginForm .sign-box {display:flex; flex-direction:column; justify-content:center; width:100%; height:100%; position:relative; margin:0; padding:30px; border:0; border-radius:0;}
.login-wrap.conFullPage .sign-content .loginForm .sign-box > * {display:block; width:100%; max-width:550px; position:relative; margin:0 auto 3vh; padding:0; border:0; border-radius:0;}
.login-wrap.conFullPage .sign-content .loginForm .sign-box > *:last-child {margin:0 auto;}
.login-wrap.conFullPage .sign-content .loginForm .sign-box .sign-title {margin-bottom:8vh;}
.login-wrap.conFullPage .sign-content .loginForm .sign-box .input-form {margin-top:0;}
.login-wrap.conFullPage .sign-content .loginForm .sign-box .input-form > * {display:block; width:100%; position:relative; margin:0; padding:0; box-sizing:border-box; font-size:15px; line-height:20px; font-weight:400; color:#222;}
.login-wrap.conFullPage .sign-content .loginForm .sign-box .input-form p {margin:0 auto 10px;}
.login-wrap.conFullPage .sign-content .loginForm .sign-box .input-form input {height:50px; padding:0 20px; line-height:48px; border:1px solid #ebebeb; border-radius:5px;}
.login-wrap.conFullPage .sign-content .loginForm .sign-box .link-line {margin:0 auto 5vh;}
.login-wrap.conFullPage .sign-content .loginForm .sign-box .link-line > * {display:block; position:relative; vertical-align:middle; margin:0; padding:0; box-sizing:border-box; font-size:14px; line-height:20px; font-weight:400; color:#515151;}
.login-wrap.conFullPage .sign-content .loginForm .sign-box .link-line p {padding:0 0 0 15px;}
.login-wrap.conFullPage .sign-content .loginForm .sign-box .link-line p:before {display:block; content:''; width:4px; height:4px; position:absolute; top:50%; left:0; margin:-2px 0 0 0; padding:0; box-sizing:border-box; background:#000; border-radius:50%;}
.login-wrap.conFullPage .sign-content .loginForm .sign-box .link-line a {position:absolute; top:50%; right:0; margin:-10px 0 0 0; font-size:15px; text-decoration:underline;}
#wrap.login-wrap.conFullPage .sign-content .loginForm .sign-box .btn {width:100%; height:60px; position:relative; text-align:center; margin:0 auto 5vh; font-size:18px; line-height:60px; font-weight:700; color:#fff !important; border:0 !important; border-radius:10px; box-shadow:0 10px 0 0 rgba(0,0,0,0.1) !important; background:linear-gradient(135deg, #5c4cff, #02c8ff) !important;}
.login-wrap.conFullPage .sign-content .loginForm .find-box {margin:0 auto 5vh;}
.login-wrap.conFullPage .sign-content .loginForm .find-box p {display:block; position:relative; margin:0; padding:0; box-sizing:border-box; font-size:15px; line-height:20px; font-weight:400; color:#606060;}
.login-wrap.conFullPage .sign-content .loginForm .find-box i {font-size:normal; text-decoration:underline; color:#5f50ff;}
.login-wrap.conFullPage .sign-content .loginForm .util-box {text-align:center;}
.login-wrap.conFullPage .sign-content .loginForm .util-box > * {display:inline-block; position:relative; vertical-align:bottom; margin:0 20px 0 0; padding:0; box-sizing:border-box; font-size:16px; line-height:20px; font-weight:500; color:#515151;}
.login-wrap.conFullPage .sign-content .loginForm .util-box > *:last-child {margin:0;}
.login-wrap.conFullPage .sign-content .loginForm .util-box > * img {max-width:100%; vertical-align:top;}
.login-wrap.conFullPage .sign-content .loginForm .util-box .logo {width:100px;}
.login-wrap.conFullPage .sign-content .loginForm .util-box .product {font-size:10px;}


@media screen and (max-width:1600px){
    .login-wrap.conFullPage .sign-content {padding:50px;}

    .login-wrap.conFullPage .sign-content .loginForm .sign-box .sign-title {margin-bottom:80px;}
}

@media screen and (max-width:1440px){
    .login-wrap.conFullPage .sign-content {padding:45px;}
    .login-wrap.conFullPage .sign-content .loginVisual .logo {}
    .login-wrap.conFullPage .sign-content .loginVisual .deco._1 {}

    .login-wrap.conFullPage .sign-content .loginForm .sign-box .sign-title {margin-bottom:70px;}
    #wrap.login-wrap.conFullPage .sign-content .loginForm .sign-box .btn {margin:0 auto 40px;}
    .login-wrap.conFullPage .sign-content .loginForm .find-box {margin:0 auto 50px;}
}

@media screen and (max-width:1280px){
    .login-wrap.conFullPage .sign-content {padding:40px;}

    .login-wrap.conFullPage .sign-content .loginForm .sign-box {padding:25px;}
    .login-wrap.conFullPage .sign-content .loginForm .sign-box .sign-title {margin-bottom:60px;}
    .login-wrap.conFullPage .sign-content .loginForm .sign-box > * {margin:0 auto 20px;}
    .login-wrap.conFullPage .sign-content .loginForm .sign-box > *:last-child {margin:0 auto;}
    .login-wrap.conFullPage .sign-content .loginForm .sign-box .link-line {margin:0 auto 30px;}
    #wrap.login-wrap.conFullPage .sign-content .loginForm .sign-box .btn {margin:0 auto 30px;}
    .login-wrap.conFullPage .sign-content .loginForm .find-box {margin:0 auto 40px;}
}

@media screen and (max-width:1080px){
    .login-wrap.conFullPage .sign-content {padding:35px;}

    .login-wrap.conFullPage .sign-content .loginForm .sign-box {padding:20px;}
    .login-wrap.conFullPage .sign-content .loginForm .sign-box .sign-title {margin-bottom:45px;}
    .login-wrap.conFullPage .sign-content .loginForm .sign-box > * {margin:0 auto 18px;}
    .login-wrap.conFullPage .sign-content .loginForm .sign-box > *:last-child {margin:0 auto;}
    .login-wrap.conFullPage .sign-content .loginForm .sign-box .link-line {margin:0 auto 25px;}
    #wrap.login-wrap.conFullPage .sign-content .loginForm .sign-box .btn {margin:0 auto 25px;}
    .login-wrap.conFullPage .sign-content .loginForm .find-box {margin:0 auto 35px;}
}

@media screen and (max-width:1024px){
    .login-wrap.conFullPage .sign-content {padding:30px;}

    .login-wrap.conFullPage .sign-content .loginForm .sign-box {padding:15px;}
    .login-wrap.conFullPage .sign-content .loginForm .sign-box .sign-title {margin-bottom:30px;}
    .login-wrap.conFullPage .sign-content .loginForm .sign-box > * {margin:0 auto 12px;}
    .login-wrap.conFullPage .sign-content .loginForm .sign-box > *:last-child {margin:0 auto;}
    .login-wrap.conFullPage .sign-content .loginForm .sign-box .link-line {margin:0 auto 20px;}
    #wrap.login-wrap.conFullPage .sign-content .loginForm .sign-box .btn {margin:0 auto 20px;}
    .login-wrap.conFullPage .sign-content .loginForm .find-box {margin:0 auto 30px;}
}

@media screen and (max-width:960px){
    .login-wrap.conFullPage .sign-content {padding:25px;}
}

@media screen and (max-width:768px){
    
}
/* 로그인 페이지 :: e */

/* 인트로 페이지 :: s */
.intro-wrap.conFullPage {}
.intro-wrap.conFullPage .content {width:100%; height:100%; position:relative; margin:0; padding:0; box-sizing:border-box; background:linear-gradient(to bottom right, #11ecda, #6e74ff, #11ecda);}
.intro-wrap.conFullPage .content .intro-list {display:flex; justify-content:center; gap:0; width:100%; height:100%; position:relative; margin:0; padding:4%; box-sizing:border-box;}
.intro-wrap.conFullPage .content .intro-list li {display:flex; flex-direction:column; justify-content:center; width:100%; height:100%; position:relative; margin:0; padding:0; box-sizing:border-box; border:0; border-radius:0; background:rgba(255,255,255,0.85);}
.intro-wrap.conFullPage .content .intro-list li:nth-of-type(2n) {background:rgba(255,255,255,0.7);}
.intro-wrap.conFullPage .content .intro-list li > * {display:block; width:100%; position:relative; text-align:left; margin:0; padding:0; box-sizing:border-box;}
.intro-wrap.conFullPage .content .intro-list li .imgArea {height:42vh; text-align:center;}
.intro-wrap.conFullPage .content .intro-list li .imgArea img {max-width:100%; max-height:100%; vertical-align:top;}
.intro-wrap.conFullPage .content .intro-list li .textArea {margin:3vh auto 0; padding:0 80px;}
.intro-wrap.conFullPage .content .intro-list li .textArea p {display:block; position:relative; font-size:20px; line-height:30px; font-weight:400; color:#515151;}
.intro-wrap.conFullPage .content .intro-list li .textArea .t1 {margin:0 auto 3vh; font-size:36px; line-height:40px; font-weight:900; color:#191919;}
.intro-wrap.conFullPage .content .intro-list li .textArea button {display:block; width:186px; height:60px; position:relative; margin:3vh 0 0 0; padding:0; box-sizing:border-box; font-size:20px; line-height:54px; font-weight:600; color:#6c76ff; background:none; border:3px solid #6c76ff; border-radius:30px;}
.intro-wrap.conFullPage .content .intro-list li .textArea button:hover {color:#fff; background:#6c76ff;}


@media screen and (max-width:1600px){
    .intro-wrap.conFullPage .content .intro-list {padding:75px 50px;}

    .intro-wrap.conFullPage .content .intro-list li .imgArea img {max-width:450px;}

    .intro-wrap.conFullPage .content .intro-list li .textArea {margin:25px auto 0; padding:0 70px;}
}

@media screen and (max-width:1440px){
    .intro-wrap.conFullPage .content .intro-list {padding:70px 45px;}

    .intro-wrap.conFullPage .content .intro-list li .imgArea img {max-width:420px;}

    .intro-wrap.conFullPage .content .intro-list li .textArea {margin:20px auto 0; padding:0 60px;}
}

@media screen and (max-width:1280px){
    .intro-wrap.conFullPage .content .intro-list {padding:65px 40px;}

    .intro-wrap.conFullPage .content .intro-list li .imgArea img {max-width:400px;}

    .intro-wrap.conFullPage .content .intro-list li .textArea {margin:15px auto 0; padding:0 50px;}
    .intro-wrap.conFullPage .content .intro-list li .textArea p {font-size:18px; line-height:28px;}
    .intro-wrap.conFullPage .content .intro-list li .textArea .t1 {margin:0 auto 25px; font-size:34px; line-height:38px;}
    .intro-wrap.conFullPage .content .intro-list li .textArea button {width:174px; height:54px; margin:25px 0 0 0; font-size:16px; line-height:48px; border:3px solid #6c76ff; border-radius:27px;}
}

@media screen and (max-width:1080px){
    .intro-wrap.conFullPage .content .intro-list {padding:60px 35px;}

    .intro-wrap.conFullPage .content .intro-list li .imgArea img {max-width:360px;}

    .intro-wrap.conFullPage .content .intro-list li .textArea {margin:12px auto 0; padding:0 40px;}
    .intro-wrap.conFullPage .content .intro-list li .textArea p {font-size:16px; line-height:26px;}
    .intro-wrap.conFullPage .content .intro-list li .textArea .t1 {margin:0 auto 20px; font-size:32px; line-height:36px;}
    .intro-wrap.conFullPage .content .intro-list li .textArea button {width:162px; height:52px; margin:20px 0 0 0; font-size:16px; line-height:46px; border:3px solid #6c76ff; border-radius:26px;}
}

@media screen and (max-width:1024px){
    .intro-wrap.conFullPage .content .intro-list {padding:55px 30px;}

    .intro-wrap.conFullPage .content .intro-list li .imgArea img {max-width:320px;}

    .intro-wrap.conFullPage .content .intro-list li .textArea {margin:10px auto 0; padding:0 30px;}
    .intro-wrap.conFullPage .content .intro-list li .textArea p {font-size:15px; line-height:24px;}
    .intro-wrap.conFullPage .content .intro-list li .textArea .t1 {margin:0 auto 15px; font-size:30px; line-height:34px;}
    .intro-wrap.conFullPage .content .intro-list li .textArea button {width:140px; height:46px; margin:15px 0 0 0; font-size:15px; line-height:42px; border:2px solid #6c76ff; border-radius:23px;}
}

@media screen and (max-width:960px){
    .intro-wrap.conFullPage .content .intro-list {padding:50px 25px;}
}

@media screen and (max-width:768px){
    
}
/* 인트로 페이지 :: e */

/* 회원관련 페이지 스타일 영역 :: E */

/* cssnano:enable */