@charset "utf-8";

/*~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~
2018.12.17 ChaeMin Kim
엠로클라우드 로그인
~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~ ~~~~*/

@import url(default.css);

/*************************************/
/************** Buyer Login **********/
/*************************************/
.loginHeader{width : 1200px; height : 95px; background : url('../img/logo_top.png') 0 38px no-repeat; margin : 0 auto;}
.loginHeader_surplus{width : 1200px; height : 95px; background : url('../img/surplus_logo.png') 0 38px no-repeat; margin : 0 auto;}
.wrap-conts{background : #0a7bdc url('../img/img_bg.png') center 0 no-repeat; height : 721px; box-sizing: border-box;}
.login-conts{width : 1200px; margin : 0 auto; padding-top : 86px;}
.login-box{width : 450px ; height : 495px; background-color: rgba( 255, 255, 255, 0.1 ); box-sizing: border-box; padding : 49px 40px 40px; margin-top:57px} /* 2019.01.22 CMK *//* 2019.05.07 CMK */
.login-box h1{color : #fff; font-size : 40px; text-align: center; display: block; padding-top : 6px; }/* 2019.01.22 CMK */
.login-box .input-box{margin-top: 64px;}/* 2019.01.22 CMK *//* 2019.05.07 CMK */

.input-box div{border :none; padding-left : 37px; background : #fff; width :  370px; height : 50px; box-sizing: border-box; }
.input-box input{width :  320px; height : 50px; font-size : 13px; display: block; border : none; margin-left: 10px; box-sizing: border-box; font-size : 15px;}
.input-box input:focus{outline: none;}
.input-box .user_id {background : #fff url('../img/ico_id.png') 14px center no-repeat; margin-bottom : 10px;}
.input-box .user_pw {background : #fff url('../img/ico_pw.png') 14px center no-repeat;  }

a.btn-login{width : 370px; height : 55px; background: #03325d; color : #fff; font-size : 20px; margin-top : 10px; text-align: center; box-sizing: border-box; padding-top : 16px}

.id-save{display : inline-block; letter-spacing: -1.3px; padding-top : 20px; }
.id-save label.save-label{color : #fff; font-size : 15px; }
.id-save input[type="checkbox"] { display: none; border: none !important; box-shadow: none !important;}
.id-save input[type="checkbox"] + label span {background: url('../img/checkbox_id.png') no-repeat; width: 23px; height: 16px; display: inline-block; vertical-align: middle; padding-bottom : 2px;}
.id-save input[type="checkbox"]:checked + label span { background: url('../img/checkbox_id_checked.png') no-repeat; width: 23px;  height: 16px;  vertical-align: middle; padding-bottom : 2px;}

.txt-find{display : inline-block; font-size : 15px; color : #fff; margin-left : 98px; letter-spacing: -1px;}
.txt-find a{text-decoration: none;color : #fff; }
.txt-find a:hover{text-decoration: underline; font-weight:bold;}

.box-reg{border-top : 1px solid #91c4f0; padding-top : 30px; margin-top : 30px;}
.box-reg p{font-size : 15px; color : #fff}
.box-reg a{width : 180px; height : 50px; background : #2092ff; color : #fff; font-size : 17px; margin-top : 20px; text-align: center; box-sizing: border-box; padding-top : 13px;}

.box-reg2{border-top : 1px solid #91c4f0; padding-top : 20px; margin-top : 20px;}
.box-reg2 p{font-size : 15px; color : #fff}
.box-reg2 a{width : 180px; height : 50px; background : #2092ff; color : #fff; font-size : 17px; margin-top : 20px; text-align: center; box-sizing: border-box; padding-top : 13px;}
.box-reg2 a.kr{width : 120px; font-size: 16px; float: left;}
.box-reg2 select{width : 180px; height : 50px; background : #ffffff; color : #000000; font-size : 17px; margin-top : -4px; text-align: center !important; box-sizing: border-box; padding-top : 0px;} /* surplus.jsp 에 locale 콤보박스 */

select.combo-lang{width : 370px; height : 40px; margin-top : 10px; border : none; font-size : 17px; color : #666;-webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url('../img/arrow_combo.png') no-repeat 95% 50%; padding-left : 10px;}
select.combo-lang::-ms-expand { display: none; }

footer{background : url("../img/logo_footer.png") 0 0 no-repeat; font-family: 'verdana'; font-size : 10px; color : #888; width : 1200px; margin: 0 auto; padding-left : 87px; box-sizing: border-box; margin-top : 21px;}
footer span{font-weight: bold;}


/*************************************/
/************ Supplier Login *********/
/*************************************/
.bg-sp{background : #0a7bdc url('../img/img_bg_sp.png') center 0 no-repeat !important;}/* 배경이미지 변경 2019.02.22 CMK */
.bg-sp .login-conts{padding-top: 58px;} /* 2019.05.07 CMK */
.login-conts .input-box{margin-top:53px} /* 2019.05.07 CMK */
.login-box-sp h1{padding-top:5px}/* 2019.05.07 CMK */
.login-box-sp .box-reg2 a{margin-right : 5px}/* 2019.05.07 CMK */
.login-box-sp .box-reg2 a:last-child{margin-right: 0;}/* 2019.05.07 CMK */
.login-box-sp{height : 620px !important; margin-top:28px} /* 2019.01.22 CMK */
.login-box-sp-tit{margin-top : 10px !important}/* 2019.01.22 CMK */
.input-box .comp_id {background : #fff url('../img/ico_comp.png') 14px center no-repeat; margin-bottom : 10px;}
.box-reg-sp{padding-top : 45px; margin-top : 42px;}
select.combo-lang-sp{margin-top : 0 !important;}

/* 공통 */
.mgt9{margin-top:9px} /* 2019.05.07 CMK */