@charset "utf-8";
			
.popup.done{width: 342px; box-sizing: border-box; border-radius: 2px; box-shadow: 2px 2px 0 0 rgba(43, 56, 81, 0.1); border: solid 1px rgba(125, 133, 151, 0.5);}
.popup.done .pop-header{border-bottom: 1px solid #ccc; padding-bottom: 12px; margin-bottom: 22px;}
.rc{color: #000;}
.rc .header .header_wrapper{width: 900px; margin: auto; box-sizing: border-box;}
.rc .header{height: 280px; background-color: #f5f7f7; padding-top: 40px; box-sizing: border-box;}
.rc .header h1{font-size: 40px; line-height: 54px; letter-spacing: -1px; font-weight: bold;}
.rc .header span{font-size: 16px; line-height: 26px; letter-spacing: -0.56px; margin-top: 30px; display: block;}
.rc .body_container .container_wrapper{width: 900px; margin: auto;}
.rc .body_container .form{background-color: #f7f7f7; margin-top: 40px; padding-left: 20px;}
.rc .body_container .form ul{display: flex;}
.rc .body_container .form ul li{line-height: 40px;}
.rc .body_container .form ul li:first-child{width: 136px; font-weight: bold;}
.rc .body_container .btn_invite{width: 290px; height: 48px; background-color: #00a4e8; margin-top: 30px; border-radius: 2px;}
.rc .body_container .btn_invite span{color: #fff;}
.rc .body_container .red{font-size: 16px; line-height: 26px; color: #cc0000; font-weight: bold; display: block; margin: 60px 0 20px;}
.rc .body_container ul.notice{list-style: disc; padding-left: 17px; padding-bottom:40px;}


@media all and (min-width:1px) and (max-width:768px){
	.rc .header .header_wrapper{margin: auto; padding: 0 15px; width: auto;}
	.rc .header{height: 360px;}
	.rc .header h1{font-size: 35px; line-height: 45px; letter-spacing: -0.88px;}
	.rc .header span{font-size: 16px; line-height: 26px; letter-spacing: -0.56px;}
	.rc .body_container{padding: 0 15px;}
	.rc .body_container .container_wrapper{width: auto;}
	.rc .body_container .form ul{width: 290px; display: block; margin-bottom: 20px;}
	.rc .body_container .form ul:last-child{margin-bottom: 0;}
	.rc .body_container .form ul li{line-height: 25px;}
	.rc .body_container .btn_invite{width: 100%;}
	.rc .body_container .btn_invite span{color: #fff;}
}


/* saas-portal.css */
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: 'Malgun Gothic', 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 }
p {margin: 0 }
body,html {height: 100%; overflow: visible; background-color: #fff; font-size: 13px; max-height: 100%; width: 100%; color: #2e2e2e; 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 }


/* 무료신청홈 */

.brityworks.intro {
	min-width: 1600px;
}

.brityworks.intro .tab_alert {
	background-image: url(/static/employee/freemium/image/bg_stickybanner.png);
	height: 96px;
	display: flex;
	justify-content: center;
	position: relative;
}

.brityworks.intro .tab_alert .text {
	font-size: 20px;
	color: #fff;
	display: flex;
	align-items: center;
}

.brityworks.intro .tab_alert .text i {
	background: url(/static/employee/freemium/image/ic_notice.png) no-repeat;
	width: 28px;
	height: 31px;
	display: block;
	margin-right: 10px;
}

.brityworks.intro .tab_alert .text a {
	margin-left: 10px;
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

.brityworks.intro .tab_alert .text a:hover {
	color: #000;
}

.brityworks.intro .tab_alert .close {
	background: url(/static/employee/freemium/image/btn_delete_chip_n.png) no-repeat right;
	font-size: 15px;
	letter-spacing: -0.75px;
	color: #fff;
	padding-right: 20px;
}

.brityworks.intro .tab_alert .btn_close {
	position: absolute;
	right: 30px;
	bottom: 20px;
}


.brityworks.intro .intro_area {
	height: 728px;
	background-color: #e3f1ff;
	display: flex;
	justify-content: center;
}

.brityworks.intro .intro_area .img {
	background: url(/static/employee/freemium/image/img_area.png);
	width: 491px;
	height: 498px;
	margin-left: 130px;
	margin-top: 120px;
	flex-shrink: 0;
}

.brityworks.intro .intro_area .img.en {
	background: url(/static/employee/freemium/image/img_area_en.png);
}

.brityworks.intro .intro_area .text_area {
	padding-left: 118px;
	color: #111;
	width: 732px;
}

.brityworks.intro .intro_area .text_area h1 {
	margin-top: 102px;
	font-size: 28px;
	letter-spacing: -1.4px;
	font-weight: bold;
}

.brityworks.intro .intro_area .text_area h1 span {
	display: inline-block;
}

.brityworks.intro .intro_area .text_area .tit {
	background: url(/static/employee/freemium/image/tit_logo.png);
	width: 445px;
	height: 84px;
	margin-top: 28px;
}

.brityworks.intro .intro_area .text_area ul {
	font-size: 22px;
	line-height: 26px;
	letter-spacing: -1.1px;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.7);
	margin-top: 40px;
}

.brityworks.intro .intro_area .text_area ul li {
	background: url(/static/employee/freemium/image/disc.png) no-repeat 0 center;
	margin-bottom: 6px;
	padding-left: 10px;
}

.brityworks.intro .intro_area .text_area ul li:last-child {
	margin-bottom: 0;
}

.brityworks.intro .intro_area .text_area button {
	width: 480px;
	height: 70px;
	border-radius: 35px;
	border: 1px solid #0099ff;
	font-size: 20px;
	letter-spacing: -1px;
	font-weight: bold;
	display: block;
}

.brityworks.intro .intro_area .text_area button.free {
	color: #fff;
	background-color: #0099ff;
	margin-top: 60px;
}

.brityworks.intro .intro_area .text_area button.free:hover {
	background-color: #066ccf;
}

.brityworks.intro .intro_area .text_area button.charged {
	color: #0099ff;
	background-color: #fff;
	border: 1px solid #0099ff;
	margin-top: 20px;
	s
}

.brityworks.intro .intro_area .text_area button.charged:hover {
	border-color: #066ccf;
	color: #066ccf;
}


.brityworks.intro .container .more {
	height: 80px;
	font-size: 20px;
	letter-spacing: -1px;
	font-weight: bold;
	background-color: rgba(0, 0, 0, 0.04);
	display: flex;
	align-items: center;
	justify-content: center;
}

.brityworks.intro .container .more a {
	margin-left: 12px;
	color: #0099ff;
	text-decoration: underline;
}

.brityworks.intro .container .more a:hover {
	color: #066ccf;
}

.brityworks.intro .content_area.type02 {
	background-color: #fff;
	height: 339px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	display: block;
}

.brityworks.intro .content_area.type02 .subj {
	font-size: 24px;
	letter-spacing: -1.2px;
	font-weight: bold;
	display: flex;
	justify-content: center;
	margin-top: 50px;
}

.brityworks.intro .content_area.type02 .card_area {
	display: flex;
	justify-content: center;
	margin-top: 30px;
}

.brityworks.intro .content_area.type02 .card_area > div {
	margin-right: 20px;
}

.brityworks.intro .content_area.type02 .card_area > div:last-child {
	margin-right: 0;
}

.brityworks.intro .content_area.type02 .card {
	width: 328px;
	height: 178px;
	border-radius: 4px;
	border: solid 1px rgba(0, 0, 0, 0.2);
	background-color: #fff;
	display: flex;
	box-sizing: border-box;
	background-color: #fff;
}

.brityworks.intro .content_area.type02 .card .comm {
	font-size: 16px;
	font-weight: bold;
	color: rgba(0, 0, 0, 0.6);
	margin-top: 30px;
	height: 48px;
	line-height: 24px;
}

.brityworks.intro .content_area.type02 .card .tit {
	font-size: 24px;
	letter-spacing: -1.2px;
	font-weight: bold;
	margin-top: 4px;
}

.brityworks.intro .content_area.type02 .card a {
	color: #0099ff;
	font-size: 18px;
	letter-spacing: -0.9px;
	text-decoration: underline;
	margin-top: 10px;
	display: block;
}

.brityworks.intro .content_area.type02 .card a:hover {
	color: #066ccf;
}

.brityworks.intro .content_area.type02 .card.brity_messenger .logo {
	background: url(/static/employee/freemium/image/image_app_messenger.png);
	width: 80px;
	height: 80px;
	margin-top: 37px;
	margin-left: 20px;
	margin-right: 12px;
}

.brityworks.intro .content_area.type02 .card.brity_meeting .logo {
	background: url(/static/employee/freemium/image/image_app_meeting.png);
	width: 80px;
	height: 80px;
	margin-top: 37px;
	margin-left: 20px;
	margin-right: 12px;
}

.brityworks.intro .content_area.type02 .card.brity_drive .logo {
	background: url(/static/employee/freemium/image/image_app_drive.png);
	width: 80px;
	height: 80px;
	margin-top: 37px;
	margin-left: 20px;
	margin-right: 12px;
}


.brityworks.intro .content_area.done {
	display: block;
	padding-top: 120px;
}

.brityworks.intro .content_area.done .info {
	margin: 0 auto !important;
	height: inherit;
}

.brityworks.intro .content_area.done .info ul li {
	line-height: 36px;
}

.brityworks.intro .content_area.done .top_cont {
	line-height: 26px;
	text-align: center;
	margin-bottom: 50px;
}

.brityworks.intro .content_area.done .top_cont h1 {
	font-size: 28px;
	letter-spacing: -1.4px;
	font-weight: bold;
	margin-bottom: 20px;
	line-height: 40px;
}

.brityworks.intro .content_area.done .top_cont span {
	line-height: 26px;
}

.brityworks.intro .content_area.done .top_cont .blue {
	color: #3382f0;
}

.brityworks.intro .content_area.done .top_cont .blue.mail {
	display: flex;
	justify-content: center;
}

.brityworks.intro .content_area.done .top_cont i {
	width: 15px;
	height: 9px;
	background: url(/static/employee/freemium/image/ic_letter.png);
	display: flex;
	align-self: center;
	margin: 3px 4px 0;
}

.brityworks.intro .content_area.done .bottom_area {
	width: 1000px;
	margin: 0 auto !important;
}

.brityworks.intro .content_area.done .bottom_area .notice {
	height: 70px;
	line-height: 70px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #e3e4e5;
}

.brityworks.intro .content_area.done .bottom_area .notice.bt {
	border-top: 1px solid #e3e4e5;
}

.brityworks.intro .content_area.done .bottom_area .notice span:first-child {
	font-size: 14px;
}

.brityworks.intro .content_area.done .exp_list {
	margin-top: 30px;
	padding-bottom: 100px;
}

.brityworks.intro .content_area.done .exp_list ul {
	font-size: 14px;
	color: #333;
}

.brityworks.intro .content_area.done .exp_list ul li {
	line-height: 22px;
}

.brityworks.intro .content_area.done i.dot {
	width: 4px;
	height: 4px;
	background: url(/static/employee/freemium/image/ic_dot.png);
	vertical-align: middle;
	margin-right: 10px;
	display: inline-block;
}

.brityworks.intro .content_area.done .btn_area .go_mail {
	width: 200px;
	height: 30px;
	background-color: #3382f0;
	color: #fff;
	font-size: 13px;
	border-radius: 4px;
}


.brityworks.apply .container {
	padding-bottom: 51px;
}

.brityworks.apply .container .content_area .notice > div {
	display: flex;
}

.brityworks.apply .container .content_area .notice > div span {
	display: inherit;
	font-size: 14px;
}

.brityworks.apply .container .content_area .notice > div i {
	width: 15px;
	height: 9px;
	background: url(/static/employee/freemium/image/ic_letter.png);
	display: flex;
	align-self: center;
	margin: 3px 4px 0;
}

.brityworks.apply .container .content_area .terms_tit {
	height: 40px;
	font-size: 16px;
	font-weight: bold;
	line-height: 40px;
	margin-top: 40px;
}


.brityworks.apply .form_area {
	padding-top: 0;
	border-bottom: 0;
}

.brityworks.apply .form_area > ul {
	margin-top: 16px;
}

.brityworks.apply .form_area > ul > li:first-child {
	line-height: 30px;
	font-size: 13px;
	display: flex;
}

.brityworks.apply .form_area > ul > li:last-child input {
	height: 30px;
	border-radius: 4px;
}

.brityworks.apply .form_area > ul > li:last-child input:focus {
	border-color: #2a82f0;
}

.brityworks.apply .form_area > ul > li:last-child input::placeholder {
	font-size: 13px;
}

.brityworks.apply .form_area > ul > li > i {
	width: 12px;
	height: 12px;
	background: url(/static/employee/freemium/image/ic_tooltip_info.png);
	align-self: center;
	margin-left: 6px;
}

.brityworks.apply .form_area > ul > li > .wrapper {
	display: flex;
}

.brityworks.apply .form_area > ul > li > .wrapper span.email {
	letter-spacing: -0.65px;
	margin-left: 5px;
	line-height: 30px;
}

.brityworks.apply .form_area ul li button {
	height: 30px;
	background-color: #2a83f0;
	padding: 0 8px;
	color: #fff;
	letter-spacing: -0.65px;
}

.brityworks.apply .form_area ul.type02 li .alert {
	position: relative;
}

.brityworks.apply .form_area ul.type02 li .blue_alert {
	position: relative;
	top: 4px;
}

.brityworks.apply .form_area > ul.type02 > li:last-child {
	display: block;
}

.brityworks.apply .form_area > ul > li.select input {
	margin-left: 10px;
}

.brityworks.apply .form_area > ul > li.select > div {
	display: flex;
}

.brityworks.apply select {
	height: 30px;
	font-size: 13px;
	margin-right: 0;
	border-radius: 4px;
}

.brityworks.apply button.apply {
	width: 90px;
	height: 30px;
	border-radius: 4px;
	font-size: 13px;
	letter-spacing: -0.65px;
	margin: 0;
}


.brityworks.apply .chk_area {
	border-top: 1px solid #e3e4e5;
	padding: 14px 0;
}

.brityworks.apply .chk_area .check {
	font-weight: normal;
}

.brityworks.apply .agree_area {
	padding-top: 10px;
}

.brityworks.apply .btn_area {
	margin: 0;
	height: 90px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.brityworks.apply .check:not(#cssbrowser) > input[type="checkbox"] + label i {
	width: 20px;
	height: 20px;
	background: url(/static/employee/freemium/image/ic_checkbox_normal.png);
	background-repeat: no-repeat;
	background-position: 0;
	margin: 0;
}

.brityworks.apply .check:not(#cssbrowser) > input[type="checkbox"]:checked + label i {
	background: url(/static/employee/freemium/image/ic_checkbox_active.png);
}

.brityworks.apply .id_valid_check {
	width: 238px;
	padding: 4px 10px;
	border-radius: 4px;
	background-color: rgba(51, 51, 51, 0.9);
	position: absolute;
	top: 37px;
	z-index: 100;
	color: #fff;
}

.brityworks.apply .id_valid_check h2 {
	color: #fff;
	font-size: 14px;
	letter-spacing: -0.42px;
	font-weight: bold;
}

.brityworks.apply .id_valid_check span {
	font-size: 12px;
	margin-top: 12px;
}

.brityworks.apply .promo_alert {
	width: 238px;
	padding: 4px 10px;
	border-radius: 4px;
	background-color: rgba(51, 51, 51, 0.9);
	position: absolute;
	top: 30px;
	z-index: 100;
	color: #fff;
}

.brityworks.apply .promo_alert span {
	font-size: 12px;
	font-weight: normal;
	line-height: normal;
}


@media all and (min-width: 1px) and (max-width: 768px) {

	.brityworks.intro {
		min-width: initial;
	}

	.brityworks.intro .tab_alert {
		height: 132px;
	}

	.brityworks.intro .tab_alert .text {
		font-size: 15px;
		padding: 20px 24px;
	}

	.brityworks.intro .tab_alert .text i {
		top: -20px;
		width: 47px;
		position: relative;
	}

	.brityworks.intro .tab_alert .text a {
		margin-left: 0;
		display: block;
		margin-top: 14px;
		width: 100px;
	}

	.brityworks.intro .tab_alert .close {
		font-size: 10px;
		background: url(/static/employee/freemium/image/btn_delete_chip_s.png) no-repeat right;
	}


	.brityworks.intro .intro_area {
		display: block;
		padding: 50px 30px;
		height: initial;
	}
	.brityworks.intro .intro_area .text_area ul {
		font-size: 18px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.44;
		letter-spacing: -0.9px;
		text-align: left;
		color: rgba(0,0,0,0.7);
	}
	.brityworks.intro .intro_area .img {
		background: url(/static/employee/freemium/image/img_area_s.png);
		width: 301px;
		height: 298px;
		margin: 0 auto;
	}

	.brityworks.intro .intro_area .img.en {
		background: url(/static/employee/freemium/image/img_area_en_s.png);
	}

	.brityworks.intro .intro_area .text_area {
		width: 100%;
		padding-left: 0;
	}

	.brityworks.intro .intro_area .text_area h1 {
		font-size: 20px;
		text-align: center;
		margin-top: 50px;
	}

	.brityworks.intro .intro_area .text_area h1 span {
		display: block;
	}

	.brityworks.intro .intro_area .text_area .tit {
		background: url(/static/employee/freemium/image/tit_logo_s.png);
		width: 300px;
		height: 55px;
		margin: 0 auto;
		margin-top: 20px;
	}

	.brityworks.intro .intro_area .text_area .ul_area {
		display: flex;
		justify-content: center;
	}

	.brityworks.intro .intro_area .text_area button {
		width: 288px;
		height: 48px;
		border-radius: 24px;
		margin: 0 auto;
	}

	.brityworks.intro .intro_area .text_area button.free {
		margin-top: 60px;
	}

	.brityworks.intro .intro_area .text_area button.charged {
		margin-top: 14px;
	}


	.brityworks.intro .container {
		padding-bottom: 0;
	}

	.brityworks.intro .container .more {
		display: block;
		padding: 26px 55px;
		text-align: center;
	}

	.brityworks.intro .container .more a {
		display: block;
		margin-left: 0;
		margin-top: 10px;
	}

	.brityworks.intro .content_area.type02 {
		height: initial;
		padding-bottom: 50px;
	}

	.brityworks.intro .content_area.type02 .subj {
		display: block;
		text-align: center;
		margin: 50px 0;
	}

	.brityworks.intro .content_area.type02 .card_area {
		display: block;
	}

	.brityworks.intro .content_area.type02 .card_area > div {
		margin: 0 auto;
		margin-bottom: 20px;
	}

	.brityworks.intro .content_area.type02 .card_area > div:last-child {
		margin: 0 auto;
		margin-bottom: 0;
	}


	.brityworks.intro .content_area.done .bottom_area {
		width: auto;
	}

	.brityworks.intro .content_area.done .bottom_area .notice.bt {
		height: auto;
		line-height: normal;
		display: block;
		padding: 20px 70px 20px 0;
		position: relative;
	}

	.brityworks.intro .content_area.done .bottom_area .notice span:first-child {
		font-size: 13px;
		margin-bottom: 10px;
		line-height: 20px;
	}

	.brityworks.intro .content_area.done .btn_area {
		margin-top: 40px;
	}


	.brityworks.apply .container .content_area .terms_tit {
		font-size: 20px;
	}

	.brityworks.apply .container {
		padding-bottom: 0;
	}

	.brityworks.apply .title_area.type04 {
		padding: 40px 27px;
	}

	.brityworks.apply .form_area > ul:first-child > li:last-child {
		height: inherit;
	}

	.brityworks.apply button.apply {
		width: 100%;
		background-color: #3382f0;
	}

	.brityworks.apply .form_area > ul > li.select input {
		margin-top: 0;
	}


	.brityworks.apply .container .content_area .notice > div {
		display: inline;
	}

	.brityworks.apply .container .content_area .notice > div i {
		display: inline-block;
	}

}

@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 }
}

@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 }
}