@charset "utf-8";
@font-face {
    font-family: 'jalnan'; /* 여기어때 */
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    src: url('/pcms/nurses/common/font/jalnan/JalnanOTF.woff') format('woff');
}
@font-face {
  font-family: 'GmarketSansM'; /* 지마켓산스 */
  src: url('/pcms/nurses/common/font/gmarketsans/GmarketSansM.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

/*   font-family: 'GmarketSansB' */
/* reset */

*{margin:0;padding:0;}
body,html{width:100%;}
li{list-style:none}
a{text-decoration:none; color:494949}


/* login */

.light{font-weight:lighter;}
.title{}
.small{}


.lg-wrap{overflow:hidden}
.lg-wrap,.lg-in{width:100%;height:100%;/* overflow: hidden; */}
.lg-in{max-width:1920px;margin:0 auto; min-height:960px; position:relative}
.lg-in:before{content:''; display:block; width:100%;height:100%; background:url('/images/nurses/common/nu_bg.png'); position:absolute; left:-100%;top:0}
.lg-in:after{content:''; display:block; clear:both;}
.lg-con{display:inline-block; position:relative;min-height: 960px;width: 100%; height:100%;}
.lg-inner{display:flex; height:100%; justify-content:center; align-items:center;  }
.lg-con.left{width:100%;float:left; background-image:url('/images/nurses/common/lg-bg.jpg'); background-repeat:no-repeat; text-align:center;max-width: 40%;height: 100%;background-size:cover; background-position:center center;position: relative;z-index: 2;}
.lg-con.left .logo{position:absolute; top:30px;left:34px; width:195px; height:30px;}
.lg-con.left .logo a{font-size:0; display:block; width:100%;height:100%; background-image:url('/images/nurses/common/ir.png'); background-repeat:no-repeat; background-position:-13px -5px}
.lg-con.left .lg-inner{flex-direction:column}

.lg-con.left .lg-txt{max-width:552px;font-size:55px; display:inline-block}
.lg-con.left .lg-txt .light,.lg-con.left .lg-txt .title,.lg-con.left .lg-txt .small{display:block; color:#fff; font-family:'gmarket'}
.lg-con.left .lg-txt .light,.lg-con.left .lg-txt .title{line-height:1.2}

.lg-con.left .lg-txt .title{ font-family: 'GmarketSansB'; margin-top: 8px;}
.lg-con.left .lg-txt .small{font-size:20px;margin-top: 18px;line-height: 1.5; padding:0 10px; letter-spacing: -2px;}
.lg-con.left .object{max-width: 541px;width: 100%;height:411px; background:url('/images/nurses/common/lg-obj.png') no-repeat center center; margin:22px auto 0 auto;background-size: 100%;}

.lg-con.right{float:right;max-width: 60%;}
.lg-con.right .lg-inner{position:relative}
.lg-con.right .lg-inner:before,.lg-con.right .lg-inner:after{content:''; display:inline-block; position:absolute;background-repeat:no-repeat;background-size:100%;  background-position:center center}
.lg-con.right .lg-inner:before{width: 375px;height: 375px;background-image:url('/images/nurses/common/lg-bg2.png');top: -180px;left: -149px;}
.lg-con.right .lg-inner:after{width:506px;height: 506px;background-image:url('/images/nurses/common/lg-bg3.png');bottom: -240px;right: -480px;}

.lg-con.right .login{max-width: 500px; margin:0 auto;margin-top: -100px;width: 100%;}

.lg-con.right .login .light,.lg-con.right .login .title{ color:#494949; display:block;text-align: center;line-height: 1.2; font-family:'gmarket'}
.lg-con.right .login .light{font-size:20px; margin-bottom: 12px;}
.lg-con.right .login .title{font-size:48px;margin-bottom: 30px; font-family: 'GmarketSansB'}

.login-form .form-group{height:48px; margin-bottom:10px;box-shadow:4px 5px 9px 0px rgb(0,0,0,0.05);padding-left:50px; position:relative; border:1px solid #e2e2e4; border-radius:4px;background-color:#fff}
.login-form .form-group:before{content:'';display:inline-block; width:18px; height:18px; position:absolute; top:50%;margin-top: -8px; left: 18px; background-image:url('/images/nurses/common/ir.png'); background-repeat:no-repeat;}
.login-form .form-group.id:before{background-position: -25px -186px;}
.login-form .form-group.pw:before{background-position: -70px -187px;}

.login-form .form-group .form-control{height:100%; border:0;font-size: 15px;color: #b2b1b2;}

.login-form .st-label{color:#777777; font-size:15px;padding-left: 30px;position:relative; font-weight:500}
.login-form .st-label input[type="checkbox"] {position:absolute; opacity:0;z-index:-1;}
.login-form .st-label input[type="checkbox"] + span {display:block;position: absolute;left: 6px;top: 4px;width: 18px;height: 18px;border-radius: 50%;border: 1px solid #ececec;background:#fff;}
.login-form .st-label input[type="checkbox"]:checked + span {border:1px solid #67b561;background:#67b561 url('/images/nurses/common/ir.png') no-repeat -121px -187px } 

.login-form .find{display: block; width:100% ;text-align: center;max-width: 327px;margin: 0 auto; white-space:nowrap}
.login-form .find:after{content:'';display:flex; clear:both;}
.login-form .find li{display:inline-block; position:relative;text-align: center;min-width: 102px;float: left;}
.login-form .find li:after{content:''; display:inline-block; width:1px;height:9px;position:absolute; top:50%;right:0; margin-top: -2.5px; background-color:#c1c3c5;}
.login-form .find li:last-child{padding-right: 0;}
.login-form .find li:last-child:after{display:none}
.login-form .find li a{display:block; padding: 0 17px;}

#login_btn{ border:1px solid #006342;border-radius:4px; background-color:#008357; font-size:15px; color:#fff;margin: 40px 0 30px 0;padding-top: 16px;padding-bottom: 15px;min-height: 53px;}



@media screen and (max-width:1920px){

.lg-wrap{overflow:visible}
.lg-in{max-width:1917px;}

.lg-con.left{max-width:calc(100% - 960px)}
.lg-con.right{width:960px;overflow:hidden;max-width:none}
.lg-con.right .lg-inner:after{bottom: -170px; right:-170px;}
.lg-con.right .login{max-width:403px;}

}

@media screen and (max-width:1740px){

.lg-con.left .lg-txt .small{padding:0}

}

@media screen and (max-width:1600px){

.lg-con.left .object{max-width: 528px; height:394px; margin-top: 35px;}
.lg-con.right .lg-inner:after{bottom: -180px; right: -250px;}




}

@media screen and (max-width:1530px){

.lg-con.left{width:calc(100% - 800px); max-width:none}
.lg-con.right{max-width:none;width:800px}

}

@media screen and (max-width:1360px){

.lg-con.left{width:calc(100% - 730px)}
.lg-con.right{width:730px}

}

@media screen and (max-width:1280px){

.lg-con.left .lg-txt .light, .lg-con.left .lg-txt .title{font-size:40px}
.lg-con.left .lg-txt .small{font-size:17px;padding:0 10px}
.lg-con.left .object{max-width:450px; height:370px; margin-top: 22px; }

.lg-con.right .login{margin-top: 0;}
.lg-con.right .lg-inner:after{bottom: -250px;}

}


@media screen and (max-width:1200px){

.lg-inner{display:block}
.lg-con{min-height:auto}

.lg-con.left{width:100%;height:250px; float:none;}
.lg-con.left .object{display:none}

.lg-con.left .logo {width:162px; height: 25px; }
.lg-con.left .logo a{background-position: -11px -87px;}
.lg-con.left .lg-txt{max-width:100%;margin-top: 60px;}
.lg-con.left .lg-txt .title{margin-top: 2px;}
.lg-con.left .lg-txt .small{max-width:552px; font-size:16px}
.lg-con.left .lg-txt .light, .lg-con.left .lg-txt .title{font-size:36px}



.lg-con.right{height:calc(100% - 250px); width:100%}
.lg-con.right .lg-inner:before{display:none}
.lg-con.right .lg-inner:after{bottom: -180px;}
.lg-con.right .login{margin-top: 0; padding-top: 85px;}



}


@media screen and (max-width:768px){

.lg-con.right .lg-inner:before{display:block; top:-160px;left:-225px}
.lg-con.right .lg-inner:after{bottom: -180px;right:-460px}

.lg-con.left{height:220px}
.lg-con.left .logo{left:50%;  margin-left:-81px}
.lg-con.left .lg-txt{margin-top: 74px;}
.lg-con.left .lg-txt .small{margin-top: 0;}


.lg-con.left .lg-txt .light, .lg-con.left .lg-txt .title{font-size:30px}

}

@media screen and (max-width:640px){

.lg-inner{padding:0 30px}

}


@media screen and (max-width:550px){

.lg-con.right .lg-inner:before{display:block;}
.lg-con.right .lg-inner:after{display:none}

}


@media screen and (max-width:480px){

.lg-con.right .lg-inner:before{display:block; top: -160px;left: -285px;}

}

@media screen and (max-width:390px){

.lg-inner{padding: 0 15px;}

.lg-con.left{height:175px}

.lg-con.left .lg-txt{margin-top: 73px;}
.lg-con.left .lg-txt .small{display:none}
.lg-con.right .login{padding-top: 40px;}

}


@media screen and (max-width:359px){

#login_btn{margin-bottom:5px; margin-top: 33px;}
.login-form .find,.login-form .find li{display:block; width:100%}
.login-form .find li{margin-bottom:5px;height:53px}
.login-form .find li:after{display:none}
.login-form .find li a{height:100%; width:100%; padding:14px 0 15px 0; border:1px solid #006342;border-radius:4px; background-color:#008357; font-size:15px; color:#fff; }

}

@media screen and (max-width:320px){

.lg-con.right .login .light{font-size:19px;}

}