@CHARSET "UTF-8";
@font-face{
	src:url('/resources/image/font/Aeonik-Medium.otf');
	font-family: Aenoik-medium;
}
@font-face{
	src:url('/resources/image/font/GmarketSansMedium.otf');
	font-family: Gmarket-Sans-Medium;
}


* { margin:0;  padding:0; font-family: Gmarket-Sans-Medium;}

html{
/* 	width:100%; */
	height: 100%;
	overflow: hidden;
}
body{
	height:100%;
}
#templateWrap{
    width: 550px;
/*     height: 937px; */
	height: 100%;
    display: inline-block;
/*     min-width: 550px; */
}
#loginImgWrap{
	display: inline-block; 
	position: absolute;
	height:100%;
}
#loginImgWrap img{
	width: 100%;
    height: 100%;
    min-width: 1363px;
    min-height: 937px;
}

#loginWrap{
	box-shadow: 1px 4px 5px 2px #33333340;
    width: 500px;
    height: 400px;
    margin: 132px auto;
}
.bxPAYd {
    margin: auto 0;
}
.mbekbe {
    font-size: .1px;
    white-space: nowrap;
}
.iUe6Pd {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    font-size: 14px;
    padding: 24px 0 0;
    vertical-align: top;
    white-space: normal;
    width: 100%;
}
.Us7fWe {
    border: 0 solid transparent;
    border-width: 0 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.m6Azde {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.fQxwff.fQxwff {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.h7xxQe:first-child {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 1;
    order: 1;
}
.h7xxQe:nth-child(2) {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 3;
    order: 3;
}
.h7xxQe {
    width: 100%;
}
.m6Azde:first-child .h7xxQe:first-child .uIZQNc {
    padding-top: 8px;
}
.fQxwff:first-child .uIZQNc {
    padding: 8px 0 8px;
}
.m6Azde.DbQnIe .h7xxQe .uIZQNc {
    padding-top: 8px;
}
.OcVpRe.DbQnIe .h7xxQe .uIZQNc {
    padding-top: 15px;
}
.fQxwff.OcVpRe .uIZQNc {
    padding: 24px 0 8px;
}
.fQxwff .rFrNMe.uIZQNc {
    padding: 16px 0 8px;
}
.OcVpRe .OWO79c, .OcVpRe .uIZQNc {
    padding-top: 24px;
}


.RCum0c>:first-child {
    margin-top: 0;
}

.uIZQNc {
    width: 100%;
}

.rFrNMe {
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    outline: none;
    padding-bottom: 8px;
/*     width: 180px; */
}
.rFrNMe.k0tWj .i9lrp, .rFrNMe.k0tWj .OabDMe {
    background-color: #d50000;
    height: 2px;
}
.rFrNMe.Tyc9J {
    padding-bottom: 4px;
}
.rFrNMe.k0tWj .ovnfwe, .rFrNMe:not(.k0tWj) .ovnfwe:not(:empty)+.dEOOab {
    display: none;
}
.OcVpRe .rFrNMe.uIZQNc .oJeWuf.oJeWuf {
    height: 48px;
}
.rFrNMe.uIZQNc .oJeWuf.oJeWuf {
    height: 56px;
    padding-top: 0;
}
.rFrNMe.k0tWj .whsOnd:not([disabled]):focus~.AxOyFc {
    color: #d50000;
}
.aCsJod {
    height: 40px;
    position: relative;
    vertical-align: top;
}
.uIZQNc .Wic03c {
    -webkit-align-items: center;
    align-items: center;
    position: static;
    top: 0;
}
.aXBtI {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative;
    top: 14px;
}
.OcVpRe .uIZQNc .zHQkBf {
    font-size: 18px;
    height: 32px;
    padding: 7px 11px;
}
.m6Azde .zHQkBf {
    text-align: left;
}
.uIZQNc .zHQkBf {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 17px;
    font-weight: 400;
    height: 28px;
    margin: 1px 1px 0 1px;
    padding: 13px 15px;
    z-index: 1;
}
.whsOnd {
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    background-color: transparent;
    border: none;
    display: block;
    font: 400 17px Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    height: 24px;
    line-height: 24px;
    margin: 0;
    min-width: 0%;
    outline: none;
    padding: 0;
    z-index: 0;
}
.whsOnd:not([disabled]):focus~.AxOyFc {
    color: #4285f4;
}
.whsOnd:not([disabled]):focus~.AxOyFc, .whsOnd[badinput="true"]~.AxOyFc, .rFrNMe.CDELXb .AxOyFc, .rFrNMe.dLgj8b .AxOyFc {
    -webkit-transform: scale(.75) translateY(-39px);
    transform: scale(.75) translateY(-39px);
}
.OcVpRe .uIZQNc .snByac {
    bottom: 11px;
    color: #5f6368;
    font-size: 18px;
    left: 10px;
    padding: 0 6px;
}
.uIZQNc .snByac {
    background: #fff;
    bottom: 17px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #80868b;
    font-size: 17px;
    font-weight: 400;
    left: 8px;
    padding: 0 8px;
    -webkit-transition: transform 150ms cubic-bezier(0.4,0,0.2,1),opacity 150ms cubic-bezier(0.4,0,0.2,1);
    transition: transform 150ms cubic-bezier(0.4,0,0.2,1),opacity 150ms cubic-bezier(0.4,0,0.2,1);
    width: auto;
    z-index: 1;
}

.AxOyFc {
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transition: all .3s cubic-bezier(0.4,0,0.2,1);
    transition: all .3s cubic-bezier(0.4,0,0.2,1);
    -webkit-transition-property: color,bottom,transform;
    transition-property: color,bottom,transform;
    color: rgba(0,0,0,0.38);
    font: 400 17px Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 17px;
    pointer-events: none;
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 100%;
}

.uIZQNc .mIZh1c, .uIZQNc.k0tWj .mIZh1c {
    height: 100%;
}

.uIZQNc .mIZh1c, .uIZQNc .cXrdqd, .uIZQNc.k0tWj .mIZh1c, .uIZQNc.k0tWj .cXrdqd {
    background-color: transparent;
}
.uIZQNc .mIZh1c {
    border: 1px solid #dadce0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.i9lrp {
    background-color: rgba(0,0,0,0.12);
    bottom: -2px;
    height: 1px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
}
.uIZQNc .cXrdqd, .uIZQNc.k0tWj .cXrdqd {
    height: -webkit-calc(100% - 2*2px);
    height: calc(100% - 2*2px);
}
.uIZQNc .cXrdqd {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    bottom: 0;
    opacity: 0;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: opacity 150ms cubic-bezier(0.4,0,0.2,1);
    transition: opacity 150ms cubic-bezier(0.4,0,0.2,1);
    width: -webkit-calc(100% - 2*2px);
    width: calc(100% - 2*2px);
}

.OabDMe.Y2Zypf {
    -webkit-animation: quantumWizPaperInputRemoveUnderline .3s cubic-bezier(0.4,0,0.2,1);
    animation: quantumWizPaperInputRemoveUnderline .3s cubic-bezier(0.4,0,0.2,1);
}

.OabDMe {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    background-color: #4285f4;
    bottom: -2px;
    height: 2px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
}

.LXRPh {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.uIZQNc .Is7Fhb {
    opacity: 1;
    padding-top: 8px;
}

.ovnfwe {
    opacity: .3;
}
.ovnfwe {
    pointer-events: none;
}
.uIZQNc .RxsGPe:empty {
    -webkit-flex: none;
    flex: none;
    min-height: 0;
    padding-top: 0;
}
.dEOOab {
    color: #d50000;
}
.dEOOab, .ovnfwe:not(:empty) {
    -webkit-tap-highlight-color: transparent;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    font: 400 13px Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    min-height: 16px;
    padding-top: 8px;
}
.OcVpRe .uIZQNc.u3bW4e .zHQkBf, .OcVpRe .uIZQNc.k0tWj .zHQkBf {
    height: 33px;
    padding: 6px 10px;
}
.uIZQNc.u3bW4e .zHQkBf, .uIZQNc.k0tWj .zHQkBf {
    margin: 2px 2px 0 2px;
    padding: 12px 14px;
}
.uIZQNc.u3bW4e .snByac.AxOyFc {
    color: #1d3555;
}
.uIZQNc.u3bW4e .cXrdqd {
    border: 2px solid #1d3555;
}
.uIZQNc.k0tWj .cXrdqd {
    border: 2px solid #d93025;
}
.uIZQNc.u3bW4e.IYewr .zHQkBf:not([disabled])~.snByac.AxOyFc {
    color: #d93025;
}

.OcVpRe .uIZQNc.u3bW4e .snByac, .OcVpRe .uIZQNc.CDELXb .snByac {
    -webkit-transform: scale(.75) translateY(-155%);
    transform: scale(.75) translateY(-155%);
}
.i9lrp:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: -2px;
    left: 0;
    right: 0;
    border-bottom: 1px solid rgba(0,0,0,0);
    pointer-events: none;
}

.uIZQNc.u3bW4e .cXrdqd, .uIZQNc.k0tWj .cXrdqd {
    -webkit-animation: none;
    animation: none;
    opacity: 1;
}
.rFrNMe.sdJrJc>.aCsJod {
    padding-top: 24px;
}
.rFrNMe.u3bW4e .OabDMe {
    -webkit-animation: quantumWizPaperInputAddUnderline .3s cubic-bezier(0.4,0,0.2,1);
    animation: quantumWizPaperInputAddUnderline .3s cubic-bezier(0.4,0,0.2,1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.Xb9hP {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    min-width: 0%;
    position: relative;
}

.whsOnd:not([disabled]):focus~.AxOyFc, .whsOnd[badinput="true"]~.AxOyFc, .rFrNMe.CDELXb .AxOyFc, .rFrNMe.dLgj8b .AxOyFc {
    -webkit-transform: scale(.75) translateY(-39px);
    transform: scale(.75) translateY(-39px);
}

#login-div .phfndiv{
	background: #fff;
    bottom: 17px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #80868b;
    font-size: 17px;
    font-weight: 400;
    left: 8px;
    max-width: -webkit-calc(100% - (2*8px));
    max-width: calc(100% - (2*8px));
    overflow: hidden;
    padding: 0 8px;
    text-overflow: ellipsis;
    -webkit-transition: transform 150ms cubic-bezier(0.4,0,0.2,1),opacity 150ms cubic-bezier(0.4,0,0.2,1);
    transition: transform 150ms cubic-bezier(0.4,0,0.2,1),opacity 150ms cubic-bezier(0.4,0,0.2,1);
    white-space: nowrap;
    width: auto;
    z-index: 1;
}

.login-div{
/* 	border:2px solid #141e31; */
	height: 400px;
	text-align:center;
}

#login-btn{
	width: 90%;
    height: 44px;
    border-radius: 20px;
    background: #2f353c;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;	
    margin-top: 15px;
}