@charset "utf-8";

@import url(pretendard/font.css); /*** login ***/

.cms_login {
    position: relative;
    height: 100%;
    min-height: 765px;
    background: url(../img/cms/bg_login.jpg) no-repeat center top !important;
    background-size: cover !important;
}

.cms_login header {
    overflow: hidden;
    height: auto;
    padding: 253px 0 34px;
    text-align: center;
}

.cms_login header h1 {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    height: auto;
    line-height: normal;
}

.cms_login header .logo {
    display: inline-block;
    position: relative;
    /*margin-bottom:15px;*/
    margin-bottom: 6px;
}

.cms_login header .logo::after {
    content: '';
    display: block;
    position: absolute;
    left: 10%;
    top: 50%;
    width: 80%;
    height: 0;
    box-shadow: 0 0 100px 15px rgba(0,0,0,0.6);
    z-index: 0;
}

.cms_login header .logo img {
    position: relative;
    z-index: 1;
    height: auto;
}

.cms_login header .tit {
    display: block;
    margin: 23px 0 0;
    color: #000;
    font-family: 'Roboto','Noto Sans KR',sans-serif;
    font-size: 36px;
    font-weight: 500;
    line-height: 40px;
}

.cms_login #contents {
    background: none !important;
}

.cms_login .loginBox {
    position: relative;
    overflow: hidden;
    width: 365px;
    margin: 0 auto 20px;
}

.cms_login .loginBox fieldset {
    padding-bottom: 15px;
}

.cms_login .loginBox fieldset .log {
    overflow: hidden;
    margin-bottom: 29px;
}

.cms_login .loginBox fieldset .log>span {
    display: block;
    overflow: hidden;
}

.cms_login .loginBox fieldset .log>span input {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 60px;
    box-sizing: border-box;
    padding: 0 20px 0 60px;
    border: none;
    color: #000;
    font-size: 16px;
    line-height: 61px;
    font-weight: 400;
    font-family: 'Pretendard', sans-serif;
}

.cms_login .loginBox fieldset .log>span input::placeholder {
    color: #808080 !important;
}

.cms_login .loginBox fieldset .log>span input::-ms-input-placeholder {
    color: #808080 !important;
}

.cms_login .loginBox fieldset .log>span input::-webkit-placeholder {
    color: #808080 !important;
}

.cms_login .loginBox fieldset .log>span input::-moz-placeholder {
    color: #808080 !important;
}

.cms_login .loginBox fieldset .log>span input::-o-placeholder {
    color: #808080 !important;
}

.cms_login .loginBox fieldset .log>span+span {
    border-top: 1px solid #dbe0e6;
}

.cms_login .loginBox fieldset .log_id>input {
    background: #fff url(../img/cms/ico_human.png) no-repeat left 23px center/15px auto;
}

.cms_login .loginBox fieldset .log_pw>input {
    background: #fff url(../img/cms/ico_key.png) no-repeat left 20px center/20px auto;
}

.cms_login .loginBox fieldset .log_mem>input {
    background: #fff url(../img/cms/ico_secretKey.png) no-repeat left 20px center;
}

.cms_login .loginBox fieldset button+button {
    margin-top: 10px;
}

.cms_login .loginBox fieldset .btn_login, .cms_login .loginBox fieldset .btn_memLogin {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 58px;
    box-sizing: border-box;
    border-radius: 29px;
    color: #fff;
    font-family: 'Pretendard', sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 59px;
    text-align: center;
    box-shadow: 0 5px 20px -10px rgba(0,0,0,0.5)
}

.cms_login .loginBox fieldset .btn_login {
    background: #0A74B8;
}

.cms_login .loginBox fieldset .btn_memLogin {
    background: #111;
}

.cms_login .loginBox .list_dot {
    position: relative;
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid #9d9fa4;
    z-index: 1;
}

.cms_login .loginBox .list_dot>li {
    position: relative;
    padding-left: 7px;
}

.cms_login .loginBox .list_dot>li::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    width: 2px;
    height: 2px;
    background: #3e4551;
    color: #000;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -1px;
}

.cms_login .loginBox .list_dot>li+li {
    margin-top: 5px;
}

.cms_login #contents {
    padding: 0;
}

footer {
    height: 75px;
    margin-top: -75px;
    position: relative;
    z-index: 999;
}

footer address {
    box-sizing: border-box;
    min-width: 1280px;
    line-height: 18px;
    color: #fff;
    font-family: 'Roboto','Noto Sans KR',sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 18px;
}

footer address ul {
    display: block;
    width: 100%;
    min-width: 1280px;
    font-size: 0;
    text-align: center;
}

footer address ul li {
    display: inline-block;
    position: relative;
    margin: 0 10px 10px 0;
    padding-right: 10px;
    color: #fff;
    font-family: 'Roboto','Noto Sans KR',sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 19px;
    vertical-align: top;
}

footer address ul li::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 3px;
    width: 1px;
    height: 13px;
    background: #fff;
    opacity: 0.3;
}

footer address ul li:last-child {
    margin-right: 0;
    padding-right: 0;
}

footer address ul li:last-child::after {
    display: none;
}

/* PMS */
.cms_login .loginBox fieldset .log>span input {border-radius: 0;}
.cms_login header {padding-top:0;}
#container {display:flex;justify-content: center;align-items:center;min-width: 100%;;background:url(../img/cms/pms_bg.jpg) no-repeat center !important;background-size:cover;}
.inp_c {display:inline-block;position:relative;margin: 0 15px 10px 0;font-size:0;line-height:0;}
.inp_c>input[type=checkbox] {display:block;position:absolute;left:1px;top:1px;width:20px;height:20px;z-index:0;}
.inp_c>label {
    display:inline-block;position:relative;
    overflow:hidden;min-height:22px;
    box-sizing:border-box;padding:0 1px 0 32px;
    background:url(../img/cms/ico_inputRecCheck.png) no-repeat left top;background-size:auto 22px;
    color:#fff;font-family:'Pretendard', sans-serif;font-size:16px;line-height:21px;text-align:left;letter-spacing:-0.5px;
    cursor:pointer;z-index:1;vertical-align:top;
}
.inp_c>input[type=checkbox]:checked+label {background:url(../img/cms/ico_inputRecCheck_on.png) no-repeat left top;font-weight:400;}
.inp_c>input:focus {left:-1px;top:-1px;width:24px;height:24px;}

@media all and (max-width: 500px){
    #container {padding:0 15px;box-sizing: border-box;}
    .cms_login .loginBox {width:100%;}
}