@charset "utf-8";

/** Basic setting **/
*{margin:0; padding:0; box-sizing: border-box;font-family: 'Noto Sans KR', sans-serif;font-weight: 300;}
body{}
ul,ol{list-style: none;}
a:link{text-decoration:none; color:#666;}
a:visited{text-decoration:none; color:#666;}
a:hover{text-decoration:none; color:#666;}
a:active{text-decoration:none; color:#666;}

/******/

.com-logo{left:20px;top:20px;padding: 20px 0 0 20px;display: none;}
#_siteAdminLoginWrap{background:url(../../images/siteMngr/loginBg.jpg) center center no-repeat; background-size:cover; height:100vh;}
#_siteAdminLoginWrap ._inner{max-width:1800px;padding: 130px 50px 75px 50px;position: relative;box-sizing: border-box;overflow: hidden;}

.login-txt p{color:#fff; font-size:60px;}

._manageList{background-color: #cd0e2b;padding: 0px 0 0 20px;max-width: 890px;position: absolute;right: 0;bottom: 0;width: 880px;height: 510px;border-radius: 20px 0 20px 20px;}
._manageList:after{content:'';width: 280px;height: 280px;display: block;position: absolute;left: 190px;background: rgba(255,255,255,.2) url(../../images/siteMngr/manageListBg.png) center no-repeat;border-radius: 100%;border: 1px solid #ffffff6b;z-index: 0;top: 51%;transform: translateY(-50%);opacity: 0.5;}
._manageList:before{content:'';background: url(../../images/siteMngr/manageListIcon.png) center no-repeat;width: 60px;height: 50px;position:absolute;left: 40px;bottom: 20px;}
._manageList ._manageTitle{position: absolute;right: 0;top: -70px;background: #a40b24;width: 380px;line-height: 70px;color: #fff;font-size: 25px;border-radius: 20px 20px 0 0;}
._manageList ._manageTitle:after,
._manageList ._manageTitle:before{content:''; display:inline-block;}
._manageList ._manageTitle:before{width: 32px;height: 31px;display:inline-block;background: url(../../images/siteMngr/maneg-icon.png) center no-repeat;vertical-align: middle;margin: -5px 10px 0 25px;}
._manageList ._manageTitle:after{width: 10px;height: 10px;/* background: url(../../images/siteMngr/maneg-dot.png) no-repeat; */position: absolute;right: 20px;top: 50%;margin-top: -5px;}
._manageList ._manageItem{float:right;height: 100%;position: relative;z-index: 1;width: calc(100% - 315px);padding: 20px;background: #cd0e2d;}

._manageSubject > ul{overflow: auto;height: 100%;padding-right: 30px;box-sizing: border-box;}
._manageSubject > ul::-webkit-scrollbar {width: 3px; position:relative;}
._manageSubject > ul::-webkit-scrollbar-thumb {width:3px;background: #cd0e2d;border-radius: 6px;}
._manageSubject > ul::-webkit-scrollbar-track {background:#e3e3e3;  border-radius: 10px;}

._manageList ._boxTitle{color: #fff;font-size: 40px;line-height: 1.1;width: 280px;float: left;margin-top: 40px;margin-left: 20px;font-family: Noto Thin;}
._manageSubject{background-color:#fff;padding: 30px;height: 100%;box-sizing: border-box;border-radius: 20px;}

._manageSubject > ul > li{position: relative;padding-left: 30px;padding-bottom: 15px;display: flex;}
._manageSubject > ul > li:before{content:'';width: 1px;height: 100%;display: block;position: absolute;left: 4px;top: 6px;background: #eaeaea;}
._manageSubject > ul > li strong{
    margin-right: 20px;
    min-width: 70px;
    font-family: Noto Medium;
    color: #212121;
}
._manageSubject > ul > li strong:before{content: '';width: 10px;height: 10px;display: block;position: absolute;left: 0;top: 7px;background: #cd0e2d;border-radius: 100%;}
._manageSubject > ul > li a{color: #4879ea;background: url(../../images/siteMngr/blank.png) right 7px no-repeat;{};padding-right: 20px;display: block;word-break: break-all;line-height: 1.5;font-family: 'Noto Regular';font-weight: 400;}
._manageSubject > ul > li a span{
}
._manageSubject > ul > li > ul > li{margin-bottom: 10px;word-break: keep-all;color: #008bd0;}

#_siteAdminLogin .login-txt{line-height: 1.2;font-family: 'Noto Light';}
#_siteAdminLogin .login-txt p.t-1{line-height: 1.1;}
#_siteAdminLogin .login-txt p.t-1 strong{font-family: 'Noto Bold';display: block;font-size: 55px;line-height: 1;margin-bottom: 25px;margin-top: 25px;}
#_siteAdminLogin .login-txt p.t-1 em{font-style: normal;font-family: Noto Light;font-size: 40px;line-height: 1;display: block;}
#_siteAdminLogin .login-txt p.t-1 span{font-family: Noto Light;font-size: 20px;line-height: 1;display: block;}
#_siteAdminLogin .login-txt p.t-2{font-size: 18px;margin-top: 70px;font-family: Noto Light;position: relative;padding-left: 110px;}
#_siteAdminLogin .login-txt p.t-2:after{content:'';width: 90px;display: block;height: 2px;background: #034ea2;position: absolute;left: 0;top: 10px;}
#_siteAdminLogin .login-txt p.t-2 strong{font-family: Noto Light;color: #034ea2;}
/*
#_siteAdminLogin .before{max-width: 600px;margin-top: 100px;margin-left: 100px;}
*/
#_siteAdminLogin .lgnWrap h2{position: relative;margin-bottom: 60px;padding-bottom: 10px;}
#_siteAdminLogin .lgnWrap h2:after,
#_siteAdminLogin .lgnWrap h2:before{content: '';display: block;position: absolute;}
#_siteAdminLogin .lgnWrap h2:before{width: calc(100% - 20px);height: 1px;background: #fff;bottom: 5px;}
#_siteAdminLogin .lgnWrap h2:after{width: 10px;height: 10px;border-radius: 100%;background: #034ea2;right: 0;bottom: 0;}
#_siteAdminLogin .lgnWrap h2 p{font-family: Noto Light;}
#_siteAdminLogin .lgnWrap h2{color: #034ea2;font-size: 40px;font-family:'Noto Light';}
#_siteAdminLogin .lgnWrap h2 strong{color: #fff; font-family:'Noto Medium';}
#_siteAdminLogin .after h2{color: #fff;font-size: 20px; font-family:'Noto Light';}
#_siteAdminLogin .after h2 strong{color: #6191ff;font-size: 27px;margin-right:10px;display:inline-block;font-family:'Noto Medium';}
#_siteAdminLogin .lgnWrap ._loginInput{position: relative;padding-right: 170px;}
#_siteAdminLogin .lgnWrap ._loginInput div{margin-bottom: 17px;}
#_siteAdminLogin .lgnWrap ._loginInput #userId,
#_siteAdminLogin .lgnWrap ._loginInput #userPassword{line-height: 60px;border-radius: 60px;border: none;width: 100%;padding: 0 0 0 70px;box-sizing: border-box;font-size: 20px;height:60px;}
#_siteAdminLogin .lgnWrap ._loginInput #userId{background:url(../../images/siteMngr/id-icon.png) #fff 20px center no-repeat;}
#_siteAdminLogin .lgnWrap ._loginInput #userPassword{background:url(../../images/siteMngr/pw-icon.png) #fff 20px center no-repeat;}
#_siteAdminLogin .lgnWrap ._loginInput ._loginSubmit[type='submit']{position: absolute;right: 0;top: 0;width: 140px;height: 140px;border-radius: 30px;border: none;background: #034ea2 url(../../images/siteMngr/submit-icon.png) center no-repeat;display: block;text-indent: -9999px;}
#_siteAdminLogin .lgnWrap ._manageInput ._btnLogout{width:100%;overflow:hidden;background-color: #034ea2;color:#fff;border-radius:40px;border:none;line-height:65px;font-size:23px;font-family: Noto Regular;}
#_siteAdminLogin .lgnWrap ._manageInput .moveMenu{width:100%;border-radius:40px;border:none;line-height:65px;position: relative;overflow: hidden;margin-bottom: 10px;}
#_siteAdminLogin .lgnWrap ._manageInput select{position:relative;
background-repeat:no-repeat;
background-position:30px center, 95% center;
background-color:#fff;
background-image:url(../../images/siteMngr/ma-icon.png), url(../../images/siteMngr/arr.png);
line-height: 68px;height: 68px;width: calc(100% - 200px);border: none;padding-left: 70px;font-size: 20px;color: #999999;appearance: none;font-family: 'Noto Sans KR',sans-serif;font-weight: 300;}
#_siteAdminLogin .lgnWrap ._manageInput select:after{content:'';display: block;height: 20px;width: 20px;background: #000;position: absolute;left: 0;top: 0;}
#_siteAdminLogin .lgnWrap ._manageInput ._btnSiteAdminMenuMove{position: absolute;right: 0;width: 200px;height: 68px;border: none;color: #fff;font-size: 23px;background: #033f97 url(../../images/siteMngr/_manageInput.png) 80% center no-repeat;text-align: left;text-indent: 45px;font-family: 'Noto Sans KR',sans-serif;}
._copyright{text-align:right;position:absolute;right: 45px;bottom: 40px;color:#fff;}
._copyright p{margin-bottom: 10px;}

    #_siteAdminLoginWrap ._inner{}
    #_siteAdminLogin .lgnWrap{margin-left: 110px;margin-top: 80px;width: 570px;}
    #_siteAdminLogin{width: 670px;}

#_siteAdminLogin .lgnWrap.after h2:after{background-color:#fff;}

@media all and (max-width:1800px) {
    ._manageList{width: 50%;right:20px;}
    .login-txt p{font-size: 45px;line-height: 1.2 !important;}
    #_siteAdminLogin .login-txt p.t-2 img{display:block; margin-bottom:15px;}
    ._manageList ._boxTitle{width: calc(30% - 20px);margin-left: 10px;}
    ._manageList ._manageItem{width: calc(70% - 20px);}
}

@media all and (max-width:1600px) {
    ._copyright{position:relative;bottom: 0;padding: 30px 0 50px;}
}
@media all and (max-width:1600px) {
    #_siteAdminLoginWrap{height:100%; width:1600px;}
}

.signinOther #_siteAdminLogin .lgnWrap ._manageInput select{width:100%;}

@media all and (max-height:880px) {
#_siteAdminLoginWrap{height: 900px;overflow: visible;}
#_siteAdminLoginWrap ._inner{{height:100%;}    
}