/*reset*/
html{ overflow-x: hidden; font-family: 'notokr-regular'; }
body{ overflow-x: hidden; position: relative; }
p{ padding: 0; margin: 0;}
ul{ padding: 0; margin: 0; }
li{ list-style: none; }
a {color: #000; text-decoration: none; outline: none}
a:hover, a:active {text-decoration: none; color:#000; background-color:transparent;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,th,td {margin: 0; padding: 0;  box-sizing: border-box;}
input{-webkit-appearance: none;-webkit-border-radius: 0;}
input:focus{ outline: none; }
button{background: inherit ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer}
select, input, textarea {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
}
legend { position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0;}
select,input,textarea {outline: 0;}
select,input,label{vertical-align: middle}
button {border: 0 none; cursor:pointer; background: none;}

select::-ms-expand {display: none;}
select::-moz-focus-inner {border: 0; padding: 0;}
select:-moz-focusring {color: transparent; text-shadow: 0 0 0 #000;}
table {border-collapse: collapse; width:100%;}
*:focus {outline: 0;}
input {border: 1px solid #333; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
input[type=number] {-moz-appearance: textfield;}
textarea {resize: none;}

/*스크롤 바*/
body {scrollbar-width: thin;}
body::-webkit-scrollbar {width: 5px;}
body::-webkit-scrollbar-track {background-color: transparent;}
body::-webkit-scrollbar-thumb {background-color: #064989;}
body::-webkit-scrollbar-button {width: 0;height: 0;}
::selection {background: #064989;color: #FFF;text-shadow: none;}
::-moz-selection {background: #064989;color: #FFF;text-shadow: none;}
::-webkit-selection {background: #064989;color: #FFF;text-shadow: none;}

input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {transition: background-color 5000s; background-color: #fff !important;}


@media screen and (min-width:1240px) {
    .container {width: 1200px;margin: 0 auto;}
    body { background-image: url("/res/lms/img/index/login/login_bg.png"); background-size: cover; background-position: center top; }
}
@media screen and (min-width:768px) and (max-width:1239px) {
    .container {width: 100%;padding: 0px 20px;}
    body { background-image: url("/res/lms/img/index/login/login_bg.png"); background-size: cover; background-position: center top; }
}
@media screen and (max-width:767px) {
    .container {width: 100%;padding: 0px 20px;}
    body { background-color: white; }
}

/* 공통 */
#wrapper { width:100%;height:100%; font-family: spoqa-regular;font-size: 14px;line-height: 25px}
.find_pw_page{display: none;}

.scroll_content {scrollbar-width: thin;}
.scroll_content::-webkit-scrollbar {width: 7px;}
.scroll_content::-webkit-scrollbar-track {background-color: transparent;}
.scroll_content::-webkit-scrollbar-thumb {background-color: #e0e0e0;border-radius: 4px;}
.scroll_content::-webkit-scrollbar-button {width: 0;height: 0;}

/*로그인 페이지*/
.page_login {position: relative;box-sizing: border-box;}
.page_login > div > div{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.page_login .page_login_left {position: absolute;background-color: #064989;text-align: center;z-index: 1;}
.page_login .page_login_left .hanyang_login .hanyang_title {font-family: spoqa-bold;color: white;}
.page_login .page_login_left .hanyang_login .hanyang_login_btn{border: 1px solid white;color: white;}
.page_login .page_login_right {position: absolute;background-color: white;text-align: center;z-index: 2;}
.page_login .page_login_right .login_title {font-family: 'AvenirNext-Bold';color: #9e9e9e;}
.page_login .page_login_right .login_input_wrapper {margin-bottom: 16px;}
.page_login .page_login_right .login_input_wrapper input{border: none;border-bottom: 1px solid #e0e0e0;height: 48px;width: 100%;box-sizing: border-box;}
.page_login .page_login_right .login_input_wrapper input:focus{border-bottom: 1px solid #064989;}
.page_login .page_login_right .login_input_wrapper input::placeholder{font-family: spoqa-regular;font-size: 14px;line-height: 25px;color: #9e9e9e;}
.page_login .page_login_right .login_page .page_login_input_login{border: 1px solid #064989;background-color: #064989;color: white;}
.page_login .page_login_right .login_page .login_option_wrapper {display: flex;justify-content: flex-end;}
.page_login .page_login_right .login_page .login_option_wrapper>div {font-family: spoqa-medium;cursor: pointer;height: 32px;line-height: 30px;}
.page_login .page_login_right .login_page .login_option_wrapper .find_pw{border: 1px solid #e0e0e0;color: #9e9e9e;font-size: 10px;}
.page_login .page_login_right .login_page .login_option_wrapper .sign_up{border: 1px solid #ff8a19;background-color: #ff8a19;color: white;font-size: 12px;}
.page_login .page_login_right .find_pw_page .find_pw_title {font-family: spoqa-bold;color: #9e9e9e;}
.page_login .page_login_right .find_pw_page .find_title{font-family: spoqa-medium;color: #ff8a19;text-align: left;margin-bottom: 4px;line-height: 20px;}
.page_login .page_login_right .find_pw_page .btn_wrapper {display: flex;justify-content: space-between;}
.page_login .page_login_right .find_pw_page .btn_wrapper > div {font-family: spoqa-medium;color: white;width: calc(50% - 4px);background-color: #bdbdbd;cursor: pointer;}
.page_login .page_login_right .find_pw_page .btn_wrapper .confirm{background-color: #064989;}
.page_login .page_login_right.open {animation: login_slide_on 0.5s linear;}
.page_login .page_login_right.close {animation: login_slide_off 0.5s linear;}
/* PC */
@media screen and (min-width: 1240px) {
    .page_login {box-shadow: 0 0 50px 0 rgba(9, 35, 96, 0.16);border-radius: 50px;height: 680px;width: 1200px;margin: 100px auto;}
    .page_login > div > div{width: 350px;}
    .page_login .login_underLine{width: 40px;height: 5px;margin: 0 auto;}
    .page_login .page_login_left {height: 100%;width: 600px;border-radius: 50px 0px 0px 50px;left: 0;}
    .page_login .page_login_left .hanyang_login .hanyang_logo{width: 100px;height: 100px;margin-bottom: 20px;}
    .page_login .page_login_left .hanyang_login .hanyang_title{font-size: 18px;margin-bottom: 32px;}
    .page_login .page_login_left .hanyang_login .login_underLine{background-color: white;margin-bottom: 64px;}
    .page_login.on .page_login_left:before{ background-image: linear-gradient(209deg, rgba(6, 75, 137, 1) 55%, transparent 100%), url("/res/lms/img/index/login/login_mask_pc.svg");width: 100%;height: 100%;content: '';position: absolute;left:0;top: 0;background-position: -70px 140%;background-repeat: no-repeat;border-radius: 50px;}
    .page_login .page_login_right {height: 100%;width: 600px;border-radius: 0 50px 50px 0;right: 0;}
    .page_login .page_login_right .icpbl_logo{width: 50px;height: 59px;margin-bottom: 32px;}
    .page_login .page_login_right .login_title{font-size: 36px;line-height: 50px;margin-bottom: 20px;}
    .page_login .page_login_right .login_underLine{background-color: #064989;margin-bottom: 40px;}
    .page_login .page_login_right .login_page .page_login_input_login{margin-top: 32px;}
    .page_login .page_login_right .login_page .login_option_wrapper{margin-top: 28px;}
    .page_login .page_login_right .login_page .login_option_wrapper > div{width: 80px;}
    .page_login .page_login_right .find_pw_page .find_pw_title{font-size: 32px;line-height: 45px;margin-bottom: 20px;}
    .page_login .page_login_right .find_pw_page .btn_wrapper{margin-top: 32px;}
    .page_login .page_login_right .find_pw_page .btn_wrapper > div{height: 52px;line-height: 52px;font-size: 16px;}
    .page_login.on .page_login_right {width: 840px;border-radius: 50px;}
    .page_login .footer{display: none;}
    @-webkit-keyframes login_slide_on {
        0% {
            width: 600px;
            border-radius: 0 50px 50px 0;
        }
        100% {
            width: 840px;
            border-radius: 50px;
        }
    }
    @-webkit-keyframes login_slide_off {
        0% {
            width: 840px;
            border-radius: 50px;
        }
        100% {
            width: 600px;
            border-radius: 0 50px 50px 0;
        }
    }
}

/* TABLET */
@media screen and (min-width: 768px) and (max-width: 1240px) {
    .page_login {height: 824px;width: 536px;margin: 100px auto;box-shadow: 0 0 50px 0 rgba(9, 35, 96, 0.16);border-radius: 30px;}
    .page_login>div>div {width: 350px;}
    .page_login .login_underLine {width: 40px;height: 5px;margin: 0 auto;}
    .page_login .page_login_left {height: 330px;width: 100%;border-radius: 30px 30px 0px 0px;top: 0;}
    .page_login .page_login_left .hanyang_login .hanyang_logo {width: 70px;height: 70px;margin-bottom: 24px;}
    .page_login .page_login_left .hanyang_login .hanyang_title {font-size: 18px;margin-bottom: 24px;}
    .page_login .page_login_left .hanyang_login .login_underLine {background-color: white;margin-bottom: 36px;}
    .page_login.on .page_login_left {background: #064989 url("/res/lms/img/index/login/login_mask_pc.svg") center top 50px no-repeat;background-size: 70px;}
    .page_login .page_login_right {height: 494px;width: 100%;border-radius: 0 0px 30px 30px;bottom: 0;}
    .page_login .page_login_right .icpbl_logo {width: 39px;height: 41px;margin-bottom: 16px;}
    .page_login .page_login_right .login_title {font-size: 28px;line-height: 39px;margin-bottom: 16px;}
    .page_login .page_login_right .login_underLine {background-color: #064989;margin-bottom: 36px;}
    .page_login .page_login_right .login_page .page_login_input_login {margin-top: 32px;}
    .page_login .page_login_right .login_page .login_option_wrapper {margin-top: 20px;}
    .page_login .page_login_right .login_page .login_option_wrapper>div {width: 90px;}
    .page_login .page_login_right .find_pw_page .find_pw_title {font-size: 24px;line-height: 34px;margin-bottom: 16px;}
    .page_login .page_login_right .find_pw_page .btn_wrapper {margin-top: 32px;}
    .page_login .page_login_right .find_pw_page .btn_wrapper>div {height: 48px;line-height: 48px;font-size: 14px;}
    .page_login.on .page_login_right {height: 742px;border-radius: 30px;}
    .page_login .footer{display: none;}
    @-webkit-keyframes login_slide_on {
        0% {
            height: 494px;
            border-radius: 0 0px 30px 30px;
        }

        100% {
            height: 742px;
            border-radius: 30px;
        }
    }

    @-webkit-keyframes login_slide_off {
        0% {
            height: 742px;
            border-radius: 30px;
        }

        100% {
            height: 494px;
            border-radius: 0 0px 30px 30px;
        }
    }
}

/* MOBILE */
@media screen and (max-width: 767px) {
    /* 모바일 */
    .page_login {height: 100vh;width: 100%;min-height: 695px;}
    .page_login>div>div {width: calc(100% - 40px);}
    .page_login .login_underLine {width: 40px;height: 5px;margin: 0 auto;margin-bottom: 32px;background-color: #064989;}
    .page_login .page_login_left {height: 256px;width: 100%;top: 0;}
    .page_login .page_login_left .hanyang_login .hanyang_logo {width: 50px;height: 50px;margin-bottom: 16px;}
    .page_login .page_login_left .hanyang_login .hanyang_title {font-size: 16px;margin-bottom: 32px;}
    .page_login.on .page_login_left {background: #064989 url("/res/lms/img/index/login/login_mask_pc.svg") center top 46px no-repeat;background-size: 50px;}
    .page_login .page_login_right {height: calc(100% - 311px);width: 100%;bottom: 55px;}
    .page_login .page_login_right .icpbl_logo {width: 39px;height: 41px;margin-bottom: 36px;margin-right: 16px;display: inline-block;vertical-align: middle;}
    .page_login .page_login_right .login_title {font-size: 26px;line-height: 41px;margin-bottom: 36px;display: inline-block;vertical-align: middle;}
    /*.page_login .page_login_right .page_login_header{position: relative;width: 100%;height: 41px;text-align: center;font-size: 0;margin-bottom: 36px;}*/
    /*.page_login .page_login_right .page_login_header .icpbl_logo {width: 35px;height: 41px;position: absolute;left: 50%;transform: translateX(-50%);margin-left: -76px;}*/
    /*.page_login .page_login_right .page_login_header .login_title {font-size: 26px;line-height: 41px;position: absolute;left: 50%;transform: translateX(-50%);}*/
    .page_login .page_login_right .login_page .page_login_input_login {margin-top: 24px;}
    .page_login .page_login_right .login_page .login_option_wrapper {margin-top: 16px;}
    .page_login .page_login_right .login_page .login_option_wrapper>div {width: 80px;}
    .page_login .page_login_right .find_pw_page .icpbl_logo{margin-bottom: 16px;}
    /*.page_login .page_login_right .find_pw_page .icpbl_logo{width: 39px;height: 41px;margin-right: 16px;margin-bottom: 16px;display: inline-block;vertical-align: middle;}*/
    .page_login .page_login_right .find_pw_page .find_pw_title {font-size: 20px;line-height: 28px;margin-bottom: 16px;}
    .page_login .page_login_right .find_pw_page .btn_wrapper {margin-top: 24px;}
    .page_login .page_login_right .find_pw_page .btn_wrapper>div {height: 44px;line-height: 44px;font-size: 14px;}
    .page_login.on .page_login_right {height: calc(100% - 64px);border-radius: 30px 30px 0 0;bottom: 0;}
    .page_login .footer {position: absolute;bottom: 0px;width: 100%;text-align: center;font-family: spoqa-medium;font-size: 11px;line-height: 19px;height: 55px;color: #9e9e9e;background-color: white;padding-bottom: 16px;z-index: -1;}
    .page_login .footer .footer_copyright {width: 80%;margin: auto;top: 0;transform: translate(-50%, 0);}
    @-webkit-keyframes login_slide_on {
        0% {
            height: calc(100% - 256px);
            border-radius: 0;
        }

        100% {
            height: calc(100% - 64px);
            border-radius: 30px 30px 0 0;
        }
    }

    @-webkit-keyframes login_slide_off {
        0% {
            height: calc(100% - 64px);
            border-radius: 30px 30px 0 0;
            bottom: 0px;
        }

        100% {
            height: calc(100% - 311px);
            border-radius: 0;
            bottom: 55px;
        }
    }
}


/*회원가입 페이지*/
/*pc*/
.sign_up_page {background-color: white;}
.sign_up_page_header .sign_up_title {font-family: spoqa-bold;color: #9e9e9e;text-align: center;}
.sign_up_page_header .step_container{display: flex;justify-content: center;align-items: center;}
.sign_up_page_header .step_container .step_item{display: flex;justify-content: center;align-items: center;flex-direction: column;position: relative;}
.sign_up_page_header .step_container .step_item:before{content: "";height: 1px;border-top: 1px solid #064989;position: absolute;}
.sign_up_page_header .step_container .step_item:last-child:before{content: none;}
.sign_up_page_header .step_container .step_item .step_item_icon{border-radius: 100%;border: 1px solid #6f9cc8;font-family: spoqa-medium;color: #064989;text-align: center;}
.sign_up_page_header .step_container .step_item.on .step_item_icon{background-color: #064989;border: 1px solid #064989;color: white;}
.sign_up_page_header .step_container .step_item.before .step_item_icon{background: #064989 url('/res/lms/img/index/common/icon_check.svg') no-repeat center center;border: 1px solid #064989;color: white;font-size: 0;}
.sign_up_page_content .page_content_title {font-family: spoqa-bold;color: black;}
.sign_up_page_content .sign_up_item_container .sign_up_item .agreement_item {border: 1px solid #e0e0e0;color: #616161;}
.sign_up_page_content .sign_up_item_container .sign_up_item .agreement_item > div{overflow-y: auto;width: 100%;height: 100%;}
.sign_up_page_content .sign_up_item_container .chk_line{display: flex;justify-content: flex-start;}
.sign_up_page_content .sign_up_item_container .chk_line input[type="checkbox"] {display: none;}
.sign_up_page_content .sign_up_item_container .chk_line input[type="checkbox"]+label {box-sizing: border-box;background-size: 18px;background-position: center;background-repeat: no-repeat;background-color: white;display: inline-block;position: relative;cursor: pointer;border: 1px solid #e0e0e0;}
.sign_up_page_content .sign_up_item_container .chk_line input[type="checkbox"]:checked+label {background: #064989 url("/res/lms/img/index/common/icon_checkbox.svg")no-repeat center;display: inline-block;position: relative;border: 1px solid #064989;}
.sign_up_page_content .sign_up_item_container .chk_line input[type="checkbox"]+label>span {position: absolute;display: block;font-family: 'spoqa-regular';white-space: nowrap;}
.sign_up_page .button_section .button{text-align: center;color: white;font-family: spoqa-medium;height: 44px;line-height: 44px;}
.sign_up_page .button_section .button.alert_confirm_button{background-color: #6f9cc8;cursor: default;}
.sign_up_page .button_section .button.alert_confirm_button.on{background-color: #064989;cursor: pointer;}
.sign_up_page .button_section .button.alert_cancel_button{background-color: #bdbdbd;}

/*회원정보 입력*/
.user_info_item{margin-bottom: 16px;font-size: 0;}
.user_info_item .user_info_item_title{color: black;margin-bottom: 8px;font-size: 14px;width: 100%;}
.user_info_item .user_info_item_title span{color: #ff8a19;font-size: 12px;}
.user_info_item.input_email{display: flex;flex-wrap: wrap;}
.user_info_item.input_email > span{color: black;text-align: center;font-size: 14px;line-height: 44px;}
.user_info_item.input_email #email_code{color: black;font-size: 14px;background: white url('/res/lms/img/index/common/icon_select_down.svg') no-repeat calc(100% - 16px) center;background-size: 24px;}
.user_info_item.input_role{display: flex;flex-wrap: wrap;}
.user_info_item.input_role #role_code{color: black;font-size: 14px;background: white url('/res/lms/img/index/common/icon_select_down.svg') no-repeat calc(100% - 16px) center;background-size: 24px;}
.user_info_item .common_input_info {color: #9e9e9e;font-size: 12px;font-family: spoqa-light;margin-top: 8px;line-height: 21px;display: flex;justify-content: flex-start;padding-left:28px;background: url('/res/lms/img/index/common/icon_info.svg') no-repeat left center;background-size: 20px;}
.user_info_item .common_input_info.empty{display: flex !important;background-image: none;}

.user_info_item.error_item .common_input{background: white url('/res/lms/img/index/common/icon_calcuation.svg') no-repeat calc(100% - 16px) center;background-size: 24px;border: 1px solid #d32f2f;}
.user_info_item.error_item .common_input_info{color: #d32f2f;background: url('/res/lms/img/index/common/icon_info_error.svg') no-repeat left center;}

/*회원가입 완료*/
.complete_content {width: 100%;text-align: center;border: 1px solid #e0e0e0;}
.complete_content .complete_title{font-family: spoqa-bold;color: black;}
.complete_content .complete_text{color: black;}
.complete_content .go_login{background-color: #064989;color: white;text-align: center;font-family: spoqa-medium;margin: auto;}
.blue_text{color: #064989 !important;}
@media screen and (min-width: 1240px) {
    .sign_up_page {padding: 60px 102px;border-radius: 50px;box-shadow: 0 0 50px 0 rgba(9, 35, 96, 0.16);margin: 50px auto 77px auto;}
    .sign_up_page_header{margin-bottom: 52px;}
    .sign_up_page_header .sign_up_title{font-size: 32px;line-height: 45px;margin-bottom: 24px;}
    .sign_up_page_header .step_container .step_item{width: 40px;}
    .sign_up_page_header .step_container .step_item:before{width: 150px;top: 20px;left: calc(50% + 20px);}
    .sign_up_page_header .step_container .step_item:nth-child(2){margin: 0 150px;}
    .sign_up_page_header .step_container .step_item .step_item_icon{width: 40px;height: 40px;font-size: 16px;line-height: 38px;margin-bottom: 8px;}
    .sign_up_page_header .step_container .step_item .step_item_title{color: black;white-space: nowrap;}
    .sign_up_page_header .step_container .step_item.before .step_item_icon{background-size: 24px;}
    .sign_up_page_content .page_content_title{font-size: 20px;line-height: 28px;margin-bottom: 24px;}
    .sign_up_page_content .sign_up_item_container{display: flex;justify-content: space-between;}
    .sign_up_page_content .sign_up_item_container .sign_up_item{width: calc(50% - 12px);}
    .sign_up_page_content .sign_up_item_container .sign_up_item .agreement_item{padding: 20px 4px 5px 20px;height: 400px;margin-bottom: 16px;}
    .sign_up_page_content .sign_up_item_container .sign_up_item .agreement_item > div{padding-right: 15px;padding-bottom: 15px;}
    .sign_up_page_content .sign_up_item_container .chk_line input[type="checkbox"]+label {width: 18px;height: 18px;background-size: 18px;}
    .sign_up_page_content .sign_up_item_container .chk_line input[type="checkbox"]+label.two_line {margin-bottom: 26px;}
    .sign_up_page_content .sign_up_item_container .chk_line input[type="checkbox"]:checked+label {width: 18px;height: 18px;background-size:10px 8px;}
    .sign_up_page_content .sign_up_item_container .chk_line input[type="checkbox"]+label>span {top: -4px;left: 26px;font-size: 14px;line-height: 25px;}
    .sign_up_page .button_section{display: flex;justify-content: flex-end;margin-top: 100px;}
    .sign_up_page .button_section .button{width: 120px;margin-left: 8px;}

    /*회원정보 입력*/
    .user_info_section{width: calc(50% - 12px);}
    .user_info_section.left_section{margin-right: 24px;}
    .user_info_item.input_email input{width: 149px;}
    .user_info_item.input_email > span{width: 30px;}
    .user_info_item.input_email #email_code{width: calc(100% - 336px);margin-left: 8px;}

    .user_info_item.input_role #role_code{width: 100%;}

    /*회원가입 완료*/
    .complete_content {padding: 116px;}
    .complete_content .icon_hello{width: 150px;margin-bottom: 36px;}
    .complete_content .complete_title{font-size: 24px;line-height: 34px;margin-bottom: 16px;}
    .complete_content .complete_text{font-size: 16px;line-height: 28px;margin-bottom: 48px;}
    .complete_content .go_login{font-size: 16px;width: 384px;height: 52px;line-height: 52px;}

    .user_info_item .common_input_info.empty{min-height: 21px;}
}

/* TABLET */
@media screen and (min-width: 768px) and (max-width: 1240px) {
    .sign_up_page {padding: 50px 24px;border-radius: 30px;box-shadow: 0 0 50px 0 rgba(9, 35, 96, 0.16);width: calc(100% - 232px);margin: 40px auto 60px auto;}
    .sign_up_page_header{margin-bottom: 40px;}
    .sign_up_page_header .sign_up_title{font-size: 24px;line-height: 34px;margin-bottom: 24px;}
    .sign_up_page_header .step_container .step_item{width: 32px;}
    .sign_up_page_header .step_container .step_item:before{width: 80px;top: 16px;left: calc(50% + 16px);}
    .sign_up_page_header .step_container .step_item:nth-child(2){margin: 0 80px;}
    .sign_up_page_header .step_container .step_item .step_item_icon{width: 32px;height: 32px;font-size: 16px;line-height: 30px;margin-bottom: 12px;}
    .sign_up_page_header .step_container .step_item .step_item_title{color: black;white-space: nowrap;font-size: 12px;line-height: 21px;}
    .sign_up_page_header .step_container .step_item.before .step_item_icon{background-size: 20px;}
    .sign_up_page_content .page_content_title{font-size: 18px;line-height: 25px;margin-bottom: 24px;}
    .sign_up_page_content .sign_up_item_container{}
    .sign_up_page_content .sign_up_item_container .sign_up_item{width: 100%;margin-bottom: 28px;}
    .sign_up_page_content .sign_up_item_container .sign_up_item .agreement_item{padding: 16px 4px 0px 16px;height: 200px;margin-bottom: 16px;font-size: 12px;line-height: 21px;}
    .sign_up_page_content .sign_up_item_container .sign_up_item .agreement_item > div{padding-right: 10px;padding-bottom: 16px;}
    .sign_up_page_content .sign_up_item_container .chk_line input[type="checkbox"]+label {width: 24px;height: 24px;background-size: 18px;}
    .sign_up_page_content .sign_up_item_container .chk_line input[type="checkbox"]+label.two_line {margin-bottom: 26px;}
    .sign_up_page_content .sign_up_item_container .chk_line input[type="checkbox"]:checked+label {width: 24px;height: 24px;background-size:12px 10px;}
    .sign_up_page_content .sign_up_item_container .chk_line input[type="checkbox"]+label>span {left: 32px;font-size: 14px;line-height: 24px;}
    .sign_up_page .button_section{display: flex;justify-content: flex-end;margin-top: 58px;}
    .sign_up_page .button_section .button{width: 120px;margin-left: 8px;}

    /*회원정보 입력*/
    .user_info_section{width: 100%;}
    .user_info_item.input_email input{width: 149px;}
    .user_info_item.input_email > span{width: 30px;}
    .user_info_item.input_email #email_code{width: calc(100% - 336px);margin-left: 8px;}

    .user_info_item.input_role #role_code{width: 100%;}

    /*회원가입 완료*/
    .complete_content {padding: 148px 50px;}
    .complete_content .icon_hello{width: 120px;margin-bottom: 36px;}
    .complete_content .complete_title{font-size: 22px;line-height: 31px;margin-bottom: 16px;}
    .complete_content .complete_text{font-size: 16px;line-height: 28px;margin-bottom: 40px;}
    .complete_content .go_login{font-size: 14px;width: 352px;height: 48px;line-height: 48px;}
}

/* MOBILE */
@media screen and (max-width: 767px) {
    .sign_up_page {padding-top: 40px;padding-bottom: 60px;width: 100%;height: 100%;position: relative;z-index: 5;}
    .sign_up_page_header{margin-bottom: 36px;}
    .sign_up_page_header .sign_up_title{font-size: 20px;line-height: 28px;margin-bottom: 16px;}
    .sign_up_page_header .step_container .step_item{width: 28px;}
    .sign_up_page_header .step_container .step_item:before{width: 40px;top: 14px;left: calc(50% + 14px);}
    .sign_up_page_header .step_container .step_item:nth-child(2){margin: 0 40px;}
    .sign_up_page_header .step_container .step_item .step_item_icon{width: 28px;height: 28px;font-size: 14px;line-height: 26px;}
    .sign_up_page_header .step_container .step_item .step_item_title{display: none;}
    .sign_up_page_header .step_container .step_item.before .step_item_icon{background-size: 18px;}
    .sign_up_page_content .page_content_title{font-size: 16px;line-height: 22px;margin-bottom: 24px;}
    .sign_up_page_content .sign_up_item_container{}
    .sign_up_page_content .sign_up_item_container .sign_up_item{width: 100%;margin-bottom: 24px;}
    .sign_up_page_content .sign_up_item_container .sign_up_item .agreement_item{padding: 12px 4px 0px 12px;height: 180px;margin-bottom: 16px;font-size: 12px;line-height: 21px;}
    .sign_up_page_content .sign_up_item_container .sign_up_item .agreement_item > div{padding-right: 5px;padding-bottom: 12px;}
    .sign_up_page_content .sign_up_item_container .chk_line input[type="checkbox"]+label {width: 24px;height: 24px;background-size: 18px;}
    .sign_up_page_content .sign_up_item_container .chk_line input[type="checkbox"]+label.two_line {margin-bottom: 26px;}
    .sign_up_page_content .sign_up_item_container .chk_line input[type="checkbox"]:checked+label {width: 24px;height: 24px;background-size:12px 10px;}
    .sign_up_page_content .sign_up_item_container .chk_line input[type="checkbox"]+label>span {left: 32px;font-size: 14px;line-height: 24px;}
    .sign_up_page .button_section{display: flex;justify-content: flex-end;margin-top: 36px;}
    .sign_up_page .button_section .button{width: calc(50% - 4px);}
    .sign_up_page .button_section .button:first-child{margin-right: 8px;}

    /*회원정보 입력*/
    .user_info_section{width: 100%;}
    .user_info_item.input_email input{width: calc(50% - 11px);}
    .user_info_item.input_email > span{width: 22px;}
    .user_info_item.input_email #email_code{width: 100%;margin-top: 8px;}

    .user_info_item.input_role #role_code{width: 100%;}

    /*회원가입 완료*/
    .complete_content {padding: 48px;}
    .complete_content .icon_hello{width: 80px;margin-bottom: 24px;}
    .complete_content .complete_title{font-size: 18px;line-height: 25px;margin-bottom: 16px;}
    .complete_content .complete_text{font-size: 14px;line-height: 25px;margin-bottom: 32px;}
    .complete_content .go_login{font-size: 14px;width: 208px;height: 44px;line-height: 44px;}
}


/*공통*/
/* PC */
.long_btn{cursor: pointer;text-align: center;font-family: 'spoqa-medium';width: 100%;}
.common_input{border: 1px solid #e0e0e0;padding: 0 16px;color: black;box-sizing: border-box;height: 44px;}
.common_input:focus{border: 1px solid #064989;}
.common_input::placeholder{color: #9e9e9e;font-family: 'spoqa-regular';}
.common_input.input_01{width: 100%;}
@media screen and (min-width: 1240px) {
    .long_btn{height: 52px; font-size: 16px;line-height: 50px;}
    #footer {position: absolute;bottom: 24px;width: 100%;text-align: center;font-family: spoqa-medium;font-size: 13px;line-height: 23px;color: #9e9e9e;}
}

/* TABLET */
@media screen and (min-width: 768px) and (max-width: 1240px) {
    .long_btn{height: 48px; font-size: 14px;line-height: 46px;}
    #footer {position: absolute;bottom: 20px;width: 100%;text-align: center;font-family: spoqa-medium;font-size: 13px;line-height: 23px;color: #9e9e9e;}
}

/* MOBILE */
@media screen and (max-width: 767px) {
    .long_btn{height: 44px; font-size: 14px;line-height: 42px;}
    #footer {display: none;}
}



/* PC */
@media screen and (min-width: 1240px) {
    .pc_hide { display: none; }
    .mobile_show { display: none; }
    .tablet_show { display: none; }
    .pc_show { }
}

/* TABLET */
@media screen and (min-width: 768px) and (max-width: 1240px) {
    .tablet_hide { display: none; }
    .mobile_show { display: none; }
    .tablet_show { }
    .pc_show { display: none; }
}

/* MOBILE */
@media screen and (max-width: 767px) {
    .mobile_hide { display: none; }
    .mobile_show { }
    .tablet_show { display: none; }
    .pc_show { display: none; }
}