@charset "utf-8";
.container{width: 1200px;margin:0 auto;}



/* main */
.login_wrap{padding-top: 170px;text-align: center;box-sizing: border-box;background-position: center;background-image: url('../images/main/main_bg.png');height: 100vh;}
.login_con{padding: 60px 63px;box-shadow: 2px 2px 2px #cbdbe4;background-color: #FFF;margin: 30px auto 0;width: 530px;box-sizing: border-box;border-radius: 20px;}
.login_con strong{font-size: 32px;color: #002c50;line-height: 1.5;display: block;border-bottom: 1px #ebebeb solid;margin-bottom: 10px;padding-bottom: 25px;}
.login_con strong span{color: #004986;}
.login_in input{margin-bottom: 10px;background-position: 7%;background-repeat: no-repeat;background-color: #f0f5f9;height: 55px;box-sizing: border-box;padding-left: 67px;border-radius: 3px;font-size: 15px;font-weight: 400;width: 100%;}
.login_in input::placeholder{color: #a0a0a0;}
.login_in input::-webkit-input-placeholder {color: #a0a0a0;}
.login_in input:-ms-input-placeholder {color: #a0a0a0;}


.id{background-image: url('../images/main/id_i.png');}
.pw{background-image: url('../images/main/pw_i.png');}
.loginbtn{width: 100%;background-color: #004986;text-align: center;height: 55px;line-height: 55px;font-size: 17px;border-radius: 5px;color: #FFF;font-weight: 500;}
.smallT{margin-top: 20px;box-sizing: border-box;font-size: 14px;color: #333333;font-weight: 500;line-height: 2;}

.tel{height: 26px;line-height: 26px;background-color: #f4f4f4;border-radius: 20px;padding: 0 10px;display: inline-block;text-align: center;font-size: 14px;color: #707070;}



/* 자주쓰는 스타일 */
.inlineB{display: inline-block;vertical-align: top;box-sizing: border-box;}
.relative{position: relative;}
.vaT{vertical-align: top;}
.sub_t{font-size: 16px;color: #666666;font-weight: 300;line-height: 1.7;word-break: keep-all;}
.dot{background-color: #92887d;display: inline-block;width: 5px;height: 5px;vertical-align: middle;margin-right: 3px;border-radius: 50%;vertical-align: top;margin-top: 11px;}

.bB0{border-bottom: 0;}
.bR0{border-right: 0;}
.btn54{background-color: #544b41;text-align: center;height: 50px;line-height: 50px;font-size: 16px;color: #FFF;}

.col333{color: #333333;}
.col156{color: #156bb3;}

.mL5{margin-left: 5px;}
.mT10{margin-top: 10px;}
.mT20{margin-top: 20px;}
.mT25{margin-top: 25px;}
.mT30{margin-top: 30px;}
.mT40{margin-top: 40px;}
.mT45{margin-top: 45px;}
.mT50{margin-top: 50px;}
.mT60{margin-top: 60px;}
.mT70{margin-top: 70px;}

.tac{text-align: center;}
.taL{text-align: left;}
.taR{text-align: right;}

.fs14{font-size: 14px;}
.fs18{font-size: 18px;}
.fw500{font-weight: 500;}
.fw400{font-weight: 400;}
.fw300{font-weight: 300;}
