@charset "UTF-8";
/* S: normalize.css, reset.css */
html {line-height: 1.15;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #000;font-size: 14px;}
h1 {margin: 0px;font-size: 100%;font-weight: normal;}
a {color: #000;background-color: transparent;-webkit-text-decoration-skip: objects;}
img {border-style: none;}
p {margin:0px;}
ol,ul {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;list-style: none;}
button, input, optgroup, select, textarea {font-family: 'NanumSquare', sans-serif;font-size: 100%;line-height: 1.15;margin: 0;}
button, input {overflow: visible;}
button, select {text-transform: none;}
button,
html [type="button"],
[type="reset"],
[type="submit"] {-webkit-appearance: button;}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
[type="checkbox"],
[type="radio"] {box-sizing: border-box;padding: 0;}
[hidden] {display: none;}
input[type="text"],
input[type="search"],
input {-webkit-border-radius: 0;border-radius: 0;-webkit-appearance: none;appearance: none;}
/* E: normalize.css, reset.css */

/* common */
html {height: 100%;}
body {font-family:'NanumSquare', sans-serif; overflow: hidden;height: 100%;margin: 0px;background-color: #ffffff;}
.uni-btn{display: inline-block; width: 160px; border: 0px;padding: 12px 0px;border-radius: 8px;background-color: #e60012;font-size: 14px;font-weight: bold;text-align: center;color: #fff;cursor: pointer;}

/* login page */
.clear-fix:after {content: "";display: block;clear: both;}
.wrap-outer {position: relative;overflow: hidden;/* width:1440px; */min-height: calc(100% - 100px);height: calc(100% - 100px);/* padding-left:110px; */margin-left: auto; overflow-y: auto;}
.wrap-outer.without-footer {min-height: 100%; height: 100%; margin-left: auto;}
#wrap {/* min-height: calc(100% - 100px); *//* height: calc(100% - 100px); */min-width: 1440px;min-height: 100%;height: 100%;background:#ffffff;}
#wrap.bg-grey {background:#f6f6f6;}

.login-box {position: absolute;top: 50%;left: 50%;width: 480px;height: 460px;padding: 68px 60px 40px;border-radius: 30px;margin-top: -230px;margin-left: -240px;box-sizing: border-box;box-shadow: 3px 2px 8px 0 rgba(58, 77, 95, 0.16);background: #ffffff;}
.login-box .inner-wrap {text-align: center;}
.login-box .inner-wrap img.logo {display: inline-block;width: auto;height: 80px;}
.login-box .inner-wrap {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.login-box .sub-title {margin-top: 28px; font-size: 18px;font-weight: 400;line-height: 2.5;color: rgba(0,0,0,0.6);}
.login-box .page-title {margin-top: 4px; font-size: 36px;font-weight: 800;letter-spacing: -2px; line-height: 1.25;color: #000;}
.login-box .btn-wrap{margin-top: 66px;}
.login-box .btn-wrap .btn-common {width: 100%;height: 50px;padding: 15px 0px;border: 0px;border-radius: 25px;margin-top: 12px;text-align: center;color: #ffffff;font-size: 14px;line-height: 1.33;cursor: pointer;}
.login-box .btn-wrap .btn-common:first-child{margin-top: 0px;}
.login-box .btn-wrap .btn-common.btn-signIn {background: #e60012;}
.login-box .btn-wrap .btn-common.btn-faq {background: #636363; font-weight: 700;}

#footer {width: 100%;height: 100px;text-align: center;background-color: #f6f6f6;padding-bottom: 60px;}
#footer p {margin: 0px;font-size: 14px;font-weight: 400;line-height: 2;color: #4e4e4e;}

/* sms 인증 page */
.sms-auth{display: flex; flex-direction: column;}
.sms-auth .inner-wrap{width: 1600px; margin: 0 auto;}
.sms-auth .inner-padding-x{padding-right: 80px; padding-left: 80px;}
.sms-auth strong{font-weight: bold;color: #dc000c;}

.sms-auth .logo-wrap{display: flex; align-items: center; padding-top: 40px; padding-bottom: 40px;}
.sms-auth .logo-wrap img{display: inline-block; width: 76px; height: auto;}
.sms-auth .bar-title{padding-top: 19px; padding-bottom: 19px; background:#f6f6f6; font-size: 28px;font-weight: 800;line-height: 1;text-align: left;color: #000;}
.sms-auth .contents{padding-top: 40px; padding-bottom: 40px;}

.sms-auth .contents .eror-code{font-size: 20px;font-weight: bold;line-height: 1;letter-spacing: normal;text-align: left;color: #000;}
.sms-auth .contents .greeting-msg .name{text-decoration: underline; font-size: 20px;font-weight: bold;line-height: 1;text-align: left;color: #000;}
.sms-auth .contents .greeting-msg .msg{margin-left: 8px; font-size: 20px;font-weight: 400;line-height: 1;text-align: left;color: #666;}
.sms-auth .contents .desc{margin-top: 16px; font-size: 14px;font-weight: 400;line-height: 1.56;text-align: left;color: #666;}
.sms-auth .contents .btn-wrap{margin-top: 60px;}
.sms-auth .contents.alert-msg-wrap{display: flex; flex-direction: column; flex:1; justify-content: center; padding-top: 0px; padding-bottom: 5%;}
.sms-auth .contents .alert-img-wrap{display: flex; align-items: center; justify-content: center; margin-bottom: 8px;}
.sms-auth .contents .alert-img-wrap img{display: inline-block; width: auto; height: 96px;}
.sms-auth .contents .alert-msg{font-size: 14px;font-weight: 400;line-height: 1.56;text-align: center;color: #000;}

.sms-auth .contents.footer-padding{display: flex; flex-direction: column; flex:1; padding-bottom: 80px;}
.sms-auth .contents .footer{margin-top: auto; width: 100%; padding-top:12px; padding-left: 28px; border-top:1px solid #e2e3e7; font-size: 14px;font-weight: 300;line-height: 1.56;text-align: left;color: #666;}
.sms-auth .contents .footer .desc{margin-top: 0px;font-size: 14px;font-weight: 400;line-height: 1;color: #666;}
.sms-auth .contents .footer .desctoen{margin-top: 8px;font-size: 14px;font-weight: 400;line-height: 1;color: #666;}
.sms-auth .contents .icon-alert{position: relative;}
.sms-auth .contents .icon-alert::before{content: ''; position: absolute; left: -28px; top: 0px; display: inline-block; width: 20px; height: 20px; background-image: url('/common/img/img_alert_20_2x.png'); background-size: 20px 20px; background-repeat: no-repeat; }
.sms-auth .contents .footer strong{font-weight: bold;color: #dc000c;}

/* 로그아웃 */
.sms-auth .contents .logout-contents-box{width: 100%; padding: 40px 60px; text-align: center; border-radius: 20px; margin-top:48px; background-color: rgba(216,122,116,0.1); box-sizing: border-box;}
.sms-auth .contents .logout-contents-box .desc{position:relative; padding-left: 24px; margin-top: 0px; font-size: 14px;font-weight: bold;line-height: 1.56;text-align: center;color: #e60012;}
.sms-auth .contents .logout-contents-box .desc::before{left:0px; top:-4px;}
.sms-auth .contents .logout-contents-box .desctoen{margin-top: 8px; font-size: 14px;font-weight: 300;line-height: 1.33;text-align: center;color: #000;}
.sms-auth .contents .logout-contents-box .img-wrap{display: flex;justify-content:center; margin-top: 40px;}
.sms-auth .contents .logout-contents-box .img-wrap img{width: 507px;height: auto;}
.sms-auth .contents .logout-contents-box .img-wrap img:first-child{
    padding-right: 10px;
}
.sms-auth .contents .logout-contents-box .img-wrap img:last-child{
    padding-left: 10px;
}


/* laptop */
@media all and (max-width:1540px) {
    /* 로그인 */
    .login-box{
        transform: scale(0.8);
    }
    #footer p{
        font-size: 12px;
    }

    /* 외부접속 sms 인증안내 */
    .sms-auth .inner-padding-x{
        padding-right: 40px;
        padding-left: 40px;
    }
    .sms-auth .logo-wrap{
        padding-top: 16px; padding-bottom: 16px;
    }
    .sms-auth .logo-wrap img{
        width: 60px;
    }

    .sms-auth .bar-title{
        padding-top: 13px;
        padding-bottom: 13px;
        font-size: 16px;
    }
    .sms-auth .contents{
        padding-top: 28px;
    }
    .sms-auth .contents .greeting-msg .name{
        font-size: 14px;
    }
    .sms-auth .contents .greeting-msg .msg{
        font-size: 14px;
        margin-left: 4px;
    }
    .sms-auth .contents .desc{
        margin-top: 20px;
        font-size: 12px;
    }
    .uni-btn{
        padding:9px 0px;
        font-size: 12px;
    }
    .sms-auth .contents .footer{
        padding-left: 24px;
        padding-top: 10px;
    }
    .sms-auth .contents.footer-padding{
        padding-bottom: 72px;
    }
    .sms-auth .contents .icon-alert::before{
        top: -5px;
        left:-24px;
    }
    .sms-auth .contents .footer .desc,.sms-auth .contents .footer .desctoen{
        font-size: 12px;
    }

    /* 접속권한 오류안내 */
    .sms-auth .contents .alert-img-wrap{
        margin-bottom: 8px;
    }
    .sms-auth .contents .alert-img-wrap img{
        width: 80px;
        height: 80px;
    }
    .sms-auth .contents .alert-msg{
        font-size: 12px;
    }

    /* 로그아웃 안내 */
    .sms-auth .contents .logout-contents-box{
        width: 100%;
        padding: 60px 60px 28px;
        margin-top: 36px;
    }
    .sms-auth .contents .logout-contents-box .desc{
        font-size: 12px;
    }
    .sms-auth .contents .logout-contents-box .desctoen{
        margin-top: 4px;
        font-size: 12px;
    }
    .sms-auth .contents .logout-contents-box .img-wrap{
        justify-content: center;
        margin-top: 28px;
    }
    .sms-auth .contents .logout-contents-box .img-wrap img{
        width: 380px;
    }
    .sms-auth .contents .logout-contents-box .img-wrap img:first-child{
        padding-right: 10px;
    }
    .sms-auth .contents .logout-contents-box .img-wrap img:last-child{
        padding-left: 10px;
    }
}