@charset "utf-8";

/* ----------------------------
2017.05. EJ Chung - UX/UI Team
---------------------------- */

@import url(default.css);

.bg_login {background:#eff2f5; min-width:460px; min-height:620px;}
.bg_login02 {background:#eff2f5; min-height:440x;}
.wrap {position:relative; box-sizing:border-box}
.container {width:420px; height:580px; position:fixed; left:50%; top:50%; margin-top:-290px; margin-left:-210px; box-sizing:border-box}
.container02 {width:620px; height:360px; position:fixed; left:50%; top:50%; margin-top:-180px; margin-left:-310px; box-sizing:border-box}
.contents {background:#fff;  border:1px solid #d1d1d1;  box-shadow:0 5px 5px rgba(0,0,0,.2); height:555px; box-sizing:border-box; padding:0 30px; text-align:center;}
.container02 .contents {height:330px; border:1px solid #d1d1d1;  box-shadow:0 5px 5px rgba(0,0,0,.2);}
.contents header {height:90px; background:url(../img/tit_header_v2.png) no-repeat center}
.contents .wrap_form {border:1px solid #ccc; padding:30px; margin-bottom:15px; box-sizing:border-box;}
.contents .wrap_form li {margin-bottom:5px;}
.contents .wrap_form li:last-child {margin-bottom:0;}
.contents .wrap_form input, .container .contents .wrap_form select {height:35px; padding:7px; box-sizing:border-box; width:100%; border-radius:0; outline:none; font-size:15px;}
.contents .wrap_form input {background:#fff4d8; border:1px solid #162c4b}
.contents .wrap_form select {border:1px solid #cacaca}
.contents .wrap_form p {font-size:16px; font-weight:bold; line-height:1.6em; display:table-cell; vertical-align:middle; height:100%;}
.contents .wrap_form p b {color:#d31144;}
.contents input.btn_login {background:#4c729f; padding:13px 30px 15px; border-radius:5px; border:0; color:#fff; font-family:verdana, "맑은 고딕"; font-size:15px; font-weight:bold; cursor:pointer; transition:background .2s}
.contents input.btn_login:hover {background:#425266;}
.contents a {display:block; border:1px solid #d31144; color:#000; text-align:center; height:40px; line-height:40px; font-size:15px; font-weight:bold; transition:background .2s}
.contents a i {display:inline-block; width:20px; height:20px; background:url(../img/gly_vender_regi.png) no-repeat 0 0; vertical-align:middle; margin-right:5px;}
.container02 .contents .wrap_form {width:100%;height:115px; display:table; vertical-align:middle; text-align:left;}
.contents a:hover {background:#d31144; color:#fff;}
.contents a:hover i {background-position:0 -30px;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {-webkit-box-shadow: 0 0 0 100px #fff4d8 inset; -moz-box-shadow: 0 0 0 100px #fff4d8 inset; box-shadow: 0 0 0 100px #fff4d8 inset;}
footer {background:url(../img/logo_emro.png) no-repeat 5px center; padding-left:110px;}
footer div {height:25px; line-height:25px; font-size:11px; color:#a6a6a6;}
.detail b {font-family:verdana;}