@charset "utf-8"; 

legend,object {position: absolute }
body,button,caption,html,img,input,table,tbody,td,tfoot,th,thead,tr {margin: 0; padding: 0 }
a,abbr,acronym,address,applet,article,aside,b,big,blockquote,body,button,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,input,ins,kbd,label,legend,li,menu,nav,object,ol,p,q,s,samp,section,small,span,strike,strong,sub,sup,tt,u,ul,var {margin: 0; padding: 0; border: 0 }
article,aside,details,dialog,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block }
h1,h2,h3,h4,h5,h6 {font-size: 100%; font-weight: 400 }
caption,legend {overflow: hidden; font-size: 0; width: 0; height: 0; line-height: 0; visibility: hidden }
ol,ul {list-style: none }
hr {clear: both; display: none }
table {border-collapse: collapse }
em,i {font-style: normal }
img,input[type=checkbox] {border: 0 }
input,select,textarea {font-size: 16px; vertical-align: middle; background: 0 0 }
textarea {resize: none }
button,input {/*font-family: SamsungOneLatinWeb, NanumSquare, arial, Gulim, '굴림', Sans-serif !important;*/ color: #2e2e2e; outline: 0 }
button {background: 0 0; color: #2e2e2e; cursor: pointer; border: none }
input::-webkit-input-placeholder {color: #ccc } input:-moz-placeholder {color: #ccc } input::-moz-placeholder {color: #ccc }
input:-ms-input-placeholder {color: #ccc }
textarea::-ms-clear {display: none }
object {font-size: 0; line-height: 0; left: 0; top: 0 }
a {cursor: pointer }
a:active,a:focus,a:hover,a:link,a:visited {color: #000; text-decoration: none }
a:hover {color: #0a55c5 }
/* * {font-family: SamsungOneLatinWeb, NanumSquare, '나눔스퀘어', arial, Gulim, '굴림', Sans-serif !important }*/
/* body,li,p,td {font-family: SamsungOneLatinWeb, NanumSquare, arial, Gulim, '굴림', Sans-serif !important }*/
p {margin: 0 }
body,html {height: 100%; overflow: visible; background-color: #fff; font-size: 13px; max-height: 100%; width: 100%; color: #2e2e2e; /*font-family: SamsungOneLatinWeb, '나눔스퀘어', NanumSquare, arial, Gulim, '굴림', Sans-serif !important;*/ scrollbar-face-color: #fff }
.black-color {color: #2e2e2e !important }
.blue-color {color: #5c89f0 !important }
.mg-l-30 {margin-right: 30px !important }
.mg-r-10 {margin-right: 10px !important }
.mg-b-50 {margin-bottom: 50px !important }
.mg-t-90 {margin-top: 90px !important }
.mg-t-0 {margin-top: 0 !important }
.mg-t-20 {margin-top: 20px !important }
.mg-t-30 {margin-top: 30px !important }
.pd-t-30 {padding-top: 30px !important }
.bd-none {border: none !important }
.f14 {font-size: 14px !important }
.f18 {font-size: 18px !important }
.f24 {font-size: 24px !important }
.bold {font-weight: 700 !important }
.fl {float: left !important }
.fr {float: right !important }
.over-hidden {overflow: hidden !important }
.check {display: inline-block; line-height: 0 }
.check>input[type=checkbox] {position: relative; top: 0; vertical-align: middle }
.check:not (#cssbrowser )>input[type=checkbox] {position: relative; left: 0; top: 0; margin: 0; width: 0; height: 0; opacity: 0; cursor: pointer }
.check:not (#cssbrowser )>input[type=checkbox]+label {display: inline-block; padding-left: 13px; line-height: 12px }
.check:not (#cssbrowser )>input[type=checkbox]+label i {display: inline-block; margin: -1px 0 0 13px; padding: 0; background-image: url(/static/portal/saas/common/image/ico-def.png); background-repeat: no-repeat; width: 22px; height: 22px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 0; vertical-align: middle; cursor: pointer; background-position: 0 0 }
.check:not (#cssbrowser )>input[type=checkbox]+label .checktxt {color: #000; font-size: 16px; line-height: 2.17; font-weight: 500 }
.check:not (#cssbrowser )>input[type=checkbox]+label .checktxt.unline {text-decoration: underline }
.check:not (#cssbrowser ):hover>input[type=checkbox]+label i {background-image: url(/static/portal/saas/common/image/ico-def.png); background-repeat: no-repeat }
.check:not (#cssbrowser )>input[type=checkbox]:checked+label i {background-image: url(/static/portal/saas/common/image/ico-check_sel.png); background-repeat: no-repeat }
.check:not (#cssbrowser )>input[type=checkbox]:checked+label .checktxt {cursor: default }
.check:not (#cssbrowser )>input[type=checkbox]:disabled+label i {cursor: default; background-image: url(/static/portal/saas/common/image/ico-check-dis.png) }
.check:not (#cssbrowser)>input[type=checkbox]:checked:disabled+label i {background-position: 0 -60px }
.check:not (#cssbrowser)>input[type=checkbox]:checked:disabled+label .checktxt {color: #d4d7ea; cursor: default }
.check.bg:not (#cssbrowser )>input[type=checkbox]+label i {background-position: 0 -100px }
.check.bg:not (#cssbrowser )>input[type=checkbox]+label .checktxt {padding-left: 4px; color: #fff }
.check.bg:not (#cssbrowser ):hover>input[type=checkbox]+label i {background-position: 0 -140px }
.check.bg:not (#cssbrowser )>input[type=checkbox]:checked+label i {background-position: 0 -180px }
.check.bg:not (#cssbrowser )>input[type=checkbox]:disabled+label i {background-position: 0 -121px; cursor: default }
.check.bg:not (#cssbrowser )>input[type=checkbox]:checked:disabled+label i {background-position: 0 -160px }
.check.bg:not (#cssbrowser )>input[type=checkbox]:checked:disabled+label .checktxt,.check:not (#cssbrowser )>input[type=checkbox]:disabled+label .checktxt {color: #c6c9d0; cursor: default }
.default-border-input:disabled {border-color: #eee; background: #fafafa; color: #737373 }
.saaspop {position: absolute; overflow-y: visible; padding: 15px 20px; border: 2px solid #e9ebed; background: #fff; width: 390px; max-height: 650px; z-index: 100; min-height: 160px }
.saaspop .pop-header {position: relative; margin-bottom: 20px; padding: 0 }
.saaspop .pop-header .button-img.close {position: absolute; right: -3px !important; top: 0 !important }
.saaspop .pop-header h1 {font-size: 18px; color: #000; font-weight: 700 }
.saaspop .pop-body {border-top: 1px solid #c8cacc; padding: 20px 0 50px }
.saaspop .button-img.close {background-position: -97px 3px; width: 20px; height: 19px }
.saaspop .button-img.close:hover {background-position: -97px -22px }
.saaspop .pop-alert {font-size: 16px; color: #000 }
.saaspop .button-img {display: inline-block; background-image: url(/static/portal/saas/common/image/bg_btn.png); background-color: transparent; background-repeat: no-repeat; font-size: 0; line-height: 0; vertical-align: middle }
.saaspop .button-img span {overflow: hidden; visibility: hidden; text-indent: -99999px; width: 0; height: 0; font-size: 0; line-height: 0 }
.button-img.disabled,.saaspop .button-img:disabled {opacity: .3 }
.button-img.disabled:hover,.saaspop .button-img:disabled:hover {opacity: .2; border-color: transparent !important }
.saaspop .default-right-btn.pop-btn {margin-bottom: 0 }
.saaspop .default-right-btn.pop-btn button {height: 36px; width: 132px; font-size: 14px }
.related-btn,.save-btn {font-size: 15px; letter-spacing: 1px; line-height: 1.32; vertical-align: middle; position: relative; top: 0; font-weight: 700; box-sizing: border-box }
.save-btn {width: 180px; height: 46px; background: #0c64e7; color: #f1f1f1; cursor: pointer; border: none }
.save-btn:hover {background: #0a55c5 }
.save-btn:disabled {background: #c3c4c4; cursor: default }
.cancel-btn {border: 1px solid #c8cacc; width: 90px; height: 30px; top: 0; box-sizing: border-box }
.cancel-btn:hover {background: #f4f4f5 }
.cancel-btn:disabled {background: #fff; cursor: default; color: #cfd1d4 }
.related-btn {width: 180px; height: 46px; border: 1px solid #1c6ee9; background: 0 0; color: #0c64e7; cursor: pointer }
.related-btn:hover {background: 0 0; color: #0a55c5; border: 1px solid #0a55c5 }
.related-btn:disabled {background: 0 0; cursor: default; color: #bdbdbd; border: 1px solid #bdbdbd }
.text-button {font-size: 14px; font-weight: 700; color: #00a4e8 }
.text-button i {background: url(/static/portal/saas/common/image/arrow.png) no-repeat; vertical-align: middle; width: 6px; height: 10px; margin: -3px 0 0 6px; display: inline-block }
.text-button02 i,.text-button:hover i {background: url(/static/portal/saas/common/image/arrow-over.png) no-repeat; width: 6px; height: 10px; margin: -3px 0 0 6px; display: inline-block; vertical-align: middle }
.text-button:hover {color: #00a4e8; border: none }
.text-button02 {font-size: 14px; font-weight: 700; color: #0a55c5; border: none }
.toggle-radio {display: inline-block; text-align: center; float: left }
.toggle-radio input[type=radio] {display: none; height: 30px }
.toggle-radio i {background: pink; width: 10px; height: 10px }
.toggle-radio input[type=radio]+label {color: #c3c4c4; font-size: 14px; padding: 0 10px; min-width: 133px; height: 33px; line-height: 33px; cursor: pointer; border: 1px solid #c3c4c4; box-sizing: border-box; display: inline-block; background: #fff }
.toggle-radio input[type=radio]:checked+label {height: 33px; color: #0c64e7; background-image: url(/static/saas/admin/image/ico/check.png); background-repeat: no-repeat; background-position: 20px; background-color: #fff; border: 1px solid #0e84db }
.toggle-radio input[type=radio]+label:hover,.toggle-radio input[type=radio]:hover {border: 1px solid #b3b3b3; color: #b3b3b3 }
.toggle-radio input[type=radio]:checked+label:hover {border: 1px solid #0a55c5; background-image: url(/static/saas/admin/image/ico/check.png); background-repeat: no-repeat; background-position: 20px; background-color: #fff; color: #0c64e7 }
.toggle-radio.disabled input[type=radio]:disabled {cursor: default; background: pink }
.toggle-radio.disabled input[type=radio]:disabled+label {color: #cfd1d4; cursor: default }
.toggle-radio.disabled input[type=radio]:checked:disabled+label {background: #9fcef1; color: #fff; border: 1px solid #8ebee1; border-right: transparent }
.check-duplicate input {width: 260px !important; height: 26px !important; border: 1px solid #ddd !important; text-indent: 10px !important; box-sizing: border-box; margin-right: 5px }
.check-duplicate input[type=text]:disabled {background: #fff !important }
.check-duplicate {display: inline-block }
.default-input {width: 310px; height: 45px; border: 1px solid #cacaca; background: #fff; font-size: 14px; box-sizing: border-box; position: relative; vertical-align: middle }
.default-input:hover {border: 1px solid #b3b3b3 }
.default-input:focus {border: 1px solid #0c64e7 }
.default-input:disabled {background: #f4f4f4; border: 1px solid #d8d8d8; cursor: default }
.default-drop,.default-input.onX,.saas-footer a {cursor: pointer }
.input-textarea.error span {color: #ff7970; display: block; font-size: 11px }
.input-textarea.error input[type=text] {border-color: #f04040 }
.input-textarea.success span {display: block; color: #5160b5; font-size: 11px }
.button-box,.default-drop,.select-default {display: inline-block }
.searchInput {float: left; width: 255px; position: relative; top: 0; background: #fff; height: 26px }
.searchInput .default {width: 230px; height: 30px; padding: 0 }
.board-search-btn {position: absolute; top: 0; right: 0; font-size: 0; line-height: 0; border: 1px solid #c8cacc; border-left: transparent; width: 31px; height: 26px }
.searchInput i.search-ico {display: inline-block; width: 15px; height: 14px; background: url(/static/portal/saas/common/image/search_ico.png) center no-repeat }
.button-box input {padding-right: 88px }
.button-box {width: 222px; position: relative; left: -2px }
.button-box button {position: absolute; width: 87px; height: 24px; top: 0; right: -90px; border-left: 1px solid #ccc; margin: 13px 0 }
.btn-otp {color: #0c64e7; font-size: 14px; font-weight: 700 }
.btn-otp:hover {color: #0a55c5 }
.select-default {height: 43px; width: 268px; background-color: #fff; background-image: url(/static/saas/admin/image/ico/arrowdown.png); background-repeat: no-repeat; background-position: 250px; border: 1px solid #cacaca; vertical-align: middle }
.select-default:active,.select-default:focus {background-color: pink }
.select-default:focus {outline: 0; border: 1px solid #0c64e7 }
.select-default:active,.select-default:hover {border: 1px solid #b3b3b3; outline: 0 }
.select-default label {position: absolute; padding-left: 10px }
.select-default select {padding-left: 10px; height: 43px; width: 270px; opacity: 0 }
.select-default.short {width: 110px; background-position: 90px }
.select-default.short select {width: 110px }
.default-drop {height: 43px; width: 270px; background-color: #fff; vertical-align: middle; position: relative }
.default-drop.open {background-image: url(/static/saas/admin/image/ico/arrowup.png); background-repeat: no-repeat }
.default-drop.x-long {width: 540px }
.default-drop select {height: 43px; width: 260px; border: 1px solid #cacaca; font-size: 16px }
.default-drop select:hover {outline: 0; border: 1px solid #b3b3b3; background-color: pink }
.default-drop option {background-color: gray; font-size: 16px; padding: 10px 0 }
.dropdown-menu {background-color: #fff; border: 1px solid #ccc; position: absolute; z-index: 9; width: 268px; margin-left: -9px; height: 162px; overflow-y: auto }
.dropdown-menu li:hover {background: #f3f3f3 }
.dropdown-menu li {padding-left: 9px }
.default-drop.short {width: 100px }
.select-default.short .dropdown-menu {width: 108px }
.sub-header,.sub-header01 {width: 100%; position: relative }
.sub-wrapper {position: relative }
.sub-header {height: 57px; padding-left: 31px; border-bottom: 1px solid #e2e3e5 }
.sub-header h2 {font-size: 18px; color: #000; font-weight: 700; line-height: 57px; vertical-align: middle; letter-spacing: normal; margin: 0 }
.saas-login {float: right; margin-right: 30px; padding-top: 25px; font-size: 14px; font-weight: 700 }
.sub-wrapper01 {position: relative; height: auto; float: left; margin-left: 20px }
.sub-header01 {height: 30px; background: #f0f2f5; padding: 0 }
.sub-wrapper02 {position: relative; height: auto; margin: 30px 60px 0 30px; background: #fff }
.sub-lnb {float: left; padding-top: 10px; width: 230px; height: 100%; border-right: 1px solid #e3e4e5 }
.sub-lnb h3 {font-size: 18px; font-weight: 700; color: #000; margin: 10px 0 20px; padding-left: 30px }
.lnb-tree {font-size: 15px; color: #000; font-weight: 500; padding: 0 }
.lnb-tree li {margin-bottom: 10px; height: 26px; vertical-align: middle; line-height: 26px; padding-left: 30px; font-weight: 700 }
.body-form label,.default-body dt {width: 120px; vertical-align: top; display: inline-block }
.lnb-tree li:hover {background: #eeeff0 }
.lnb-tree li.select a {color: #0c64e7; margin-left: -3px }
.lnb-tree li.select {border-left: 3px solid #0c64e7 }
.saas-footer {color: #919699 }
.default-style {margin: 0 auto }
.default-header {font-size: 18px; font-weight: 700; color: #2b3851; border-bottom: 1px solid #c8cacc; margin: 40px 0 80px; padding-bottom: 20px }
.default-body {overflow: hidden; margin-bottom: 0; min-height: 100px }
.default-body .body-form {margin-bottom: 20px }
.body-form .mult-line {display: inline-block }
.body-form label {font-size: 12px; font-weight: 700; color: #2b3851; line-height: 30px }
.default-body dl {margin-bottom: 10px }
.default-body dt {font-size: 14px; font-weight: 600; line-height: 3.29; color: #2b3851 }
.default-body dd {font-size: 16px; color: #545455; display: inline-block; font-weight: 500; vertical-align: middle; line-height: 2.87; min-width: 150px }
.default-body dd p:first-child {line-height: 2.4 }
.default-body .body-form p,.default-body dd p {line-height: 12px; margin: 5px 0 }
.default-contents-r {float: none; overflow: hidden }
.default-contents-l {float: left; width: 350px; height: 160px; margin: 40px 30px 0 }
.default-contents-l button {padding-left: 15px }
.default-contents-l .img-area img {width: 116px; height: 116px; display: block; margin: 10px }
.default-bold label,.ico-q {display: inline-block; vertical-align: middle }
.img-area .change-img {width: 122px }
.default-vertical {margin-left: 170px }
.sub-wrapper01 .default-footer {margin: 0 27px 0 0 }
.sub-wrapper01 .default-contents-r {padding-bottom: 150px }
.default-footer {overflow: hidden; margin: 100px 27px 0 0 }
.default-right-btn {float: right; margin-bottom: 30px }
.default-right-btn button {width: 180px; margin-left: 5px }
.default-title {font-size: 35px; font-weight: 600; color: #000 }
.default-bold,.default-bold label {font-size: 16px; font-weight: 600; color: #000 }
.default-bold {margin-top: 20px; line-height: 1.38; letter-spacing: -.4px }
.default-bold label {width: 145px; line-height: 1.76 }
.default-txt {margin: 30px 0; font-size: 14px; line-height: 1.57; color: #000; font-weight: 400 }
.related-btn.zip {width: 89px }
.txt-blue {color: #0c64e7 }
.ico-q {width: 17px; height: 17px; background: url(/static/saas/admin/image/ico/ico-information.png) center no-repeat; padding-left: 9px }

@media all and (min-width:1px) and (max-width:1024px) {
	.default-vertical {margin-left: 20px }
}

@media all and (min-width:1px) and (max-width:768px) {
	.default-right-btn {width: 100% } .default-right-btn button {height: 70px; letter-spacing: 1.6px; width: 97% }
	.related-btn,.save-btn {font-size: 14px }
	.default-input {width: 70%; font-size: 12px }
	.default-bold label {width: 30%; vertical-align: middle }
	.default-footer {margin: 100px 0 0 }
	.button-box {width: 65% }
	.nice-select,.nice-select .list,.sub-lnb {width: 100% }
	.sub-lnb {max-height: 80px; float: none; background: #fff }
	.lnb-tree li {display: inline-block; padding-left: 0; margin-left: 30px; width: 35%; text-align: center; height: 100% }
	.lnb-tree li.select {border-left: none; border-bottom: 3px solid #0c64e7 }
	.sub-wrapper01 {margin: 0 8% }
	.sub-wrapper01 .sub-contents {width: 100%; padding: 0 }
	.personal-title {display: none }
	.reset-lnb .personal-title {display: block }
	.default-contents-l {float: none; position: absolute; margin-left: 30%; margin-top: 80px }
	.default-contents-r {width: 100% }
	.personal .top-txt:nth-child(2n) {border-top: 1px solid #e3e4e5 } .default-body dd p:first-child {line-height: 1.5 } }

@media all and (min-width:1px) and (max-width:420px) {
	.sub-header h2 {font-size: 12px; line-height: 34px }
	.sub-header {height: 34px }
	.check:not (#cssbrowser )>input[type=checkbox]+label .checktxt {font-size: 10px }
	.text-button {font-size: 11px }
	.default-right-btn button {height: 45px }
	.sub-lnb h3 {font-size: 12px }
	.lnb-tree li {font-size: 11px; margin-left: 10% }
	.personal-title {font-size: 16px }
	.default-contents-l {margin-top: 60px }
	.default-contents-l .img-area img {width: 75px; height: 75px }
}

.saas-loginheader {height: 60px; background: #fff; padding: 0 }
.saas-loginheader img.header-bi {margin: 15px 0 15px 20px }
.saas-header {overflow: hidden; height: 75px; background: #fff; padding: 0 30px; border-bottom: 1px solid #e2e3e4; box-sizing: border-box; }
.saas-header h2{font-size: 0; background: url(/static/portal/saas/image/img_logo.png) no-repeat; height: 38px; width: 110px; position: absolute; top: 19px;}

.login-area,.login-logo,.saas-container {margin: 0 auto; position: relative }
.saas-container {width: 100%; box-sizing: border-box; overflow: hidden; background: #f5f7f7; height: calc(100% - 75px);}
.saas-container.sq {height: calc(100% - 120px) }
.login-area {width: 920px; font-size: 0; display: inline-block; box-sizing: border-box; background: #fff }
.login-logo {width: 100%; height: 100%; font-size: 0; vertical-align: middle; display: inline }
.login-logo img.logo-img {margin: 192px 190px }
.login-area input {margin-top: 23px; font-size: 16px; box-sizing: border-box; width: 300px; height: 28px; border-top-width: 0; border-right-width: 0; border-left-width: 0 }
.login-area input::-ms-reveal {display: inline-block; color: #fff; background: #999; border-radius: 24px }
.login-area input[type=password]::-ms-clear {display: inline-block; color: #fff; background: #999; border-radius: 24px; content: "x"; height: 28px }
.login-area input[type=text]::-ms-clear {color: #fff; background: #999; border-radius: 24px }
.login-area .sign {margin-top: 20px }
.login-container {margin: 5% auto; width: 920px; height: 100% }
.login-small-btn {font-size: 12px; margin-top: 20px }
.login-small-btn a {color: #919699 !important; display: block; text-align: center }
.login-img {background: url(/static/portal/saas/image/log-in.png) center no-repeat; width: 271px; height: 208px; float: left; margin: 192px 40px 0 0; font-size: 0 }
.login-area .text-button {margin-top: 15px; display: inline-block; font-size: 13px; color: #919699; width: 50%; opacity: .4; text-decoration: underline }
.login-area .text-button:last-child {color: #00a4e8; float: right; width: 100%; margin-top: 30px; text-align: right; position: relative; right: 0; display: block; bottom: 0; opacity: .6; text-decoration: none }
.default-style {height: 871px }
.login-border {border-top: 1px solid rgba(145, 150, 153, .25); width: 296px }
.logo-border,.logo-border img.logo-bg {width: 550px; height: 470px; background-size: 100%; float: left }
.logo-border {margin-right: 35px; position: relative }
.logo-border img.logo-bg {margin-right: 50px; position: absolute }
.save-btn.sign {width: 300px; height: 45px; background-color: #00a4e8; margin-top: 60px }
.login-box {float: left; width: 45%; max-width: 300px; height: 378px; position: relative }
.bd-submenu,.pw-error,.submenu01 {position: absolute }
.login-title {font-size: 42px; line-height: 60px; margin-bottom: 20px; margin-top: 30px; color: #00a4e8; font-weight: 200 }
.pw-error {color: #f04040; font-size: 12px; font-weight: 500; margin-top: 10px; margin-bottom: 10px }
.bar {display: inline-block; height: 10px; width: 1px; border-left: 1px solid rgba(145, 150, 153, .2); padding-right: 10px }
.login-area input {background: url(/static/portal/saas/image/icon-del.png) right -23px center no-repeat #fff; transition: background .1s }
.default-input.x {background-position: right 5px center; padding-right: 30px }
.default-input::-ms-clear {display: none; width: 0; height: 0 }
.default-input::-ms-reveal {display: none; width: 0; height: 0 }
.default-input:focus,.default-input:hover {outline: 0; border-color: transparent; border-bottom: 1px solid #0c64e7 }
.default-input.error {outline: 0; border-color: transparent; border-bottom: 1px solid #ed4839 }
.submenu01 {right: 80px; top: 75px; min-width: 215px; background: pink; border: 1px solid #e2e3e4; box-sizing: border-box; z-index: 100; display: none }
.submenu01 .depth01 {width: 215px }
.submenu01 .depth01 li {float: none !important; background: #fff; left: 0; width: 215px }
.submenu01 .depth01 li div {background: #fff; color: #545455; text-align: left; padding: 16px 0 13px 20px; display: block; font-size: 15px }
.submenu01 .depth01 li.current div,.submenu01 .depth01 li:hover div {background: #e2e3e4; opacity: .8; color: #545455 }
.submenu {display: inline-block }
.submenu:hover .bd-submenu,.submenu:hover .submenu01 {display: block }
.portal.right-content{float: right; display: flex; align-items: center; height: 75px;} /* 200722 */
.portal.right-content .gotoadmin{width: 117px; height: 34px; border: 1px solid #919699;} /* 200722 */
.portal.right-content .text-button {font-size: 15px; padding: 0 0 0 24px; margin-right: 0; color: #545455; }
.portal.right-content .text-button:hover {color: #0c64e7 }
.portal.right-content .text-button:first-child {padding-right: 23px }
.portal.right-content .text-button i {background: url(/static/portal/saas/image/arrow_portal.png) no-repeat; vertical-align: middle; width: 6px; height: 10px; margin: -3px 0 0 6px; display: inline-block }
.portal.right-content .text-button:hover i {visibility: hidden }
.bd-login {border-right: 1px solid #e2e3e4; display: inline-block; height: 20px;} /* 200722 */
.bd-submenu {border-top: 3px solid #0c64e7; height: 3px; width: 140px; top: 72px; display: none }
.portal.right-content .lang_area {float: left }
.portal.right-content .lang_area:hover .more_lang {display: block }
.portal.right-content .lang_area:hover .select_lang {background-image: url(/static/portal/saas/image/ic_expand_on.png) }
.portal.right-content .lang_area .btn_lang {padding: 0 20px;} /* 200722 */
.portal.right-content .lang_area span {font-size: 15px; line-height: 17px; letter-spacing: -.53px; color: #545454; font-weight: 700 }
.portal.right-content .lang_area .select_lang {background: url(/static/portal/saas/image/ic_expand.png) 120px no-repeat; font-size: 15px; letter-spacing: -.65px; color: #969696; width: 140px; padding-right: 15px }
.portal.right-content .lang_area .more_lang {position: absolute; top: 75px; z-index: 1; margin-left: 22px; display: none }
.portal.right-content .lang_area .more_lang .wrapper {width: 141px; height: 82px; line-height: 30px; background-color: #fff; box-sizing: border-box; border: 1px solid #e0e0e0; text-align: right; padding: 8px 0 }
.portal.right-content .lang_area .more_lang button {width: 141px; height: 33px; padding-right: 20px; text-align: right }
.portal.right-content .lang_area .more_lang button:hover {background-color: #f2f2f2 }
.portal.right-content .lang_area .more_lang button.sel span {color: #00a4e8 }
.login-area .check {height: 30px; display: block; margin: 5px 0 0 }
.login-area .check:not (#cssbrowser )>input[type=checkbox]+label {padding-left: 0 }
.login-area .check:not (#cssbrowser )>input[type=checkbox]+label i {margin-left: 0; width: 16px; height: 16px; background-size: contain }
.login-area .check:not (#cssbrowser )>input[type=checkbox]+label .checktxt {vertical-align: middle; padding-left: 10px; color: #7a7a7a; font-size: 13px }
.saas-container.sq .login-box .btn-download-area .btn-download {width: 129px; height: 30px; background-image: url(/static/portal/saas/image/link-service-download.png); margin: 0 auto; margin-top: 25px; opacity: .8 }

@media all and (min-width:1px) and (max-width:668px) {
	.login-logo,.login-title,.saas-loginheader {display: none }
	.saas-container {background: #fff; height: calc(100%) }
	.logo-border {background: url(/static/portal/saas/image/logo-2-line.png) center no-repeat; width: 100%; border: none; height: 70px }
	.login-box {width: 100%; max-width: 100% }
	.login-area {width: 100%; padding: 82px 8.5% 42px }
	.login-area input {width: 100%; height: 13%; font-size: 18px; margin-bottom: 10px }
	.login-container {width: 100%; position: relative }
	.login-area .sign {margin: 60px 0 20px; height: 13%; width: 100% }
	.login-area .text-button {display: inline-block; text-align: left }
	.login-area .text-button:nth-child(2n) {display: none }
	.login-area .text-button:last-child {margin-top: 15px; display: inline-block; font-size: 13px; width: 45%; opacity: .6; text-decoration: none }
	.login-area .check {display: none; position: absolute; bottom: -60px }
	.default-input.pw {margin-top: 5px }
	.logo-border img.logo-bg {display: none }
	.saas-header {height: 100px; padding: 0 10px }
	.saas-header h2 {position: relative }
	.bd-submenu {top: 97px }
	.portal.right-content .lang_area .more_lang,.submenu01 {top: 100px }
	.saas-footer {padding: 12px 0 18px; height: 120px; text-align: center; bottom: 0; line-height: 0 }
	.saas-footer span {line-height: 42px }
	.saas-footer .copyright {display: block }
	.saas-footer img {float: none; margin-right: 0 }
}

@media all and (min-width:1px) and (max-width:468px) {
	.saas-loginheader {display: none }
	.login-area input {background: url(/static/portal/saas/image/icon-del-mobile.png) right -20px center no-repeat #fff }
	.portal.right-content .text-button {font-size: 12px; padding-left: 5px }
	.portal.right-content .text-button:first-child {padding-right: 5px }
	.saas-header {padding-right: 10px }
	.bd-submenu {width: 70px }
	.saas-header h2 {background-size: contain; width: 40% }
	.login-area .check {display: none; position: absolute; bottom: -60px }
	.login-area .text-button {display: inline-block }
	.login-area .text-button:nth-child(2n) {display: none }
	.login-area .text-button:last-child {margin-top: 15px; display: inline-block; font-size: 13px; width: 45%; opacity: .6; text-decoration: none }
	.login-logo {display: none }
	.logo-border {background: url(/static/portal/saas/image/logo-2-line.png) center no-repeat; height: 70px; width: 100%; border: none }
	.default-input.pw {margin-top: 5px }
}

/* footer */
.saas-footer{width:100%; height:50px; line-height: 50px; background: #f5f7f7; margin: 0; position: fixed; bottom: 0; background-color: #fff;}
.saas-footer .footer-wrapper{display: flex; align-items: baseline; padding: 0 30px;}
.saas-footer .privacypolicy{}
.saas-footer span{font-size: 12px; letter-spacing: -0.72px; color: #000;}
.saas-footer span.copyright{height: 50px; line-height: 50px; padding: 0;}
.saas-footer a{font-weight: bold; font-size: 13px;}
.saas-footer a {cursor:pointer;}
.saas-footer a:link,
.saas-footer a:visited,
.saas-footer a:active,
.saas-footer a:focus,
.saas-footer a:hover {color:#000; text-decoration:none;}
.saas-footer a:hover {color:#0a55c5; }
.saas-footer img{width: 100px; height: 14px; position: absolute; right: 30px; top: 20px;}
.saas-footer .copyright:before{content: ""; padding-left: 10px; margin-left: 10px; border-left: 1px solid #ccc;}
.saas-footer .privacypolicy .privacypolicy_btn{border: 1px solid #ccc; width: 238px; height: 32px; background: url(/static/saas/admin/image/icn_hide.png) no-repeat #fff right 10px center; text-align: left; padding-left: 10px; margin-left: 10px; font-size: 12px; letter-spacing: -0.72px; font-weight: bold; display: flex; align-items: center;}
.saas-footer .privacypolicy .privacypolicy_btn span{}
.saas-footer .privacypolicy .privacypolicy_layer{display: none;}
.saas-footer .privacypolicy:hover .privacypolicy_layer{display: block;}
.saas-footer .privacypolicy:hover .privacypolicy_btn{border: 1px solid #333; border-top: 1px solid transparent; background-image: url(/static/saas/admin/image/icn_viewmore.png); color: #0c64e7;}
.privacypolicy .privacypolicy_layer .wrapper{background-color: #fff; color: #000; width: 238px; font-size: 12px; letter-spacing: -0.72px; border: 1px solid #333; border-bottom: 0; padding-left: 9px; box-sizing: border-box;}
.privacypolicy .privacypolicy_layer ul li{height: 32px; line-height: 32px;}