@charset "utf-8"; 

/* 로그인 body */
.login_out_body{position: relative; background: url(../img/login_out_bg.jpg) no-repeat center bottom -330px;background-size: cover;background-color: #0a044b;}
.login_out_body::before{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.4);}
.login_wrap{padding-top: 61px;}

/* 로그인 콘텐츠 */
.login_out_form{position: absolute;top: 50%;left: 50%;width: 801px;height: 486px;margin: -243px 0 0 -400.5px;}
.login_out_form > .inner{position: relative; background-color: #fff;}
.login_out_form > .inner::before{content: ''; position: absolute; top: 0; left: 50%; bottom: 0; width: 1px; margin-left: -0.5px; background-color: #ddd;}
.login_out_form > .inner::after{display: block; content: ''; clear: both;}

/* 로그인 콘텐츠 - 타이틀 */
.title_wrap_login{margin-bottom: 20px;}
.title_wrap_login > img{margin: 13px 0;}
.login_out_title{font-size: 30px;line-height: 35px;color: #fff;display: inline-block;position: relative;margin-left: 16px;padding-left: 21px;}
.login_out_title::before{display: block;content: '';position: absolute;top: 50%;left: 0;width: 1px;height: 50px;margin-top: -25px;background-color: #b4b4b4;}
.login_out_title > span{display: block;margin-top: 10px;font-size: 16px;font-weight: 400;line-height: 1; color: #d6d6d6;}
.login_out_type{display: inline-block;margin: 25px 0;font-size: 15px;line-height: 1;color: #d2d5d8;}

/*로그인 콘텐츠(폼) - 왼쪽*/
.login_out_form .left{float: left;width: 50%;padding: 26px; box-sizing: border-box;} 
.login_out_form .left .inner{min-height: 584px; position: relative;}
.login_out_form .left > form > h2{margin-bottom: 20px; font-size: 20px; text-align: center;}
.loinfo_list{padding: 10px;/* margin-top: 10px; *//* background-color: #e7f5d4; *//* border: 1px solid #a1d855; */border-radius: 3px;}	/*수정 : background, border 없앰 */
.loinfo_list > li{position: relative;padding-left: 10px;font-size: 13px;line-height: 1;color: #51781c;}
.loinfo_list > li + li{margin-top: 6px;}
.loinfo_list > li::before{content: '';position: absolute;top: 5.5px;left: 0;width: 3px;height: 3px;background-color: #6da225;}
.login_out_list > li{position: relative;padding-left: 114px;border: 1px solid #ddd;border-radius: 3px;}
.login_out_list > li + li{margin-top: 10px;}
.login_out_list > li::before{content: ''; position: absolute; top: 50%; left: 113px; width: 1px; height: 20px; margin-top: -10px; background-color: #f2f2f2;}
.login_out_list > li > label{position: absolute;top: 50%;left: 13px;padding-left: 30px;margin-top: -9px;font-size: 16px;line-height: 18px;color: #558ad8;font-weight: 600;}
.login_out_list > li.key > label{background: url(../img/login_out_fom_key.png) no-repeat left center;}
.login_out_list > li.pw > label{background: url(../img/login_out_fom_pw.png) no-repeat left center;}
.login_out_list > li > label.line_2{margin-top: -16px;}
.login_out_list > li > label > .added{font-size: 13px; color: #bbb;}
.login_out_list > li > input{height: 40px;padding: 0 10px;font-size: 16px;line-height: 2.375;border: 0;}
.login_out_list > li > input:focus{outline: none;}
.login_out_button{width: 100%;font-size: 16px;line-height: 2.8125;color: #fff;background: url(../img/popuptitlebg.png) repeat-y top right;background-color: #558ad8;border: 0;border-radius: 5px;margin-top: 10px;}

/*로그인 콘텐츠(폼) - 오른쪽*/
.login_out_form .right{float: right;width: 50%;padding: 26px; box-sizing: border-box;}
.l_r_title{position: relative;padding-bottom: 16px;border-bottom: 1px solid #ddd;}
.l_r_title > p{font-size: 20px; font-weight: 700;}
.l_r_title > a.more{position: absolute; top: 0; right: 0;}
.login_latest_notice > tbody > tr > td{padding: 19px 0 0;font-size: 16px;}
.login_latest_notice > tbody > tr > td.fix{display: block; width: 254px; font-weight: 500; color: #474747; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;}
.login_latest_notice > tbody > tr > td.date{color: #afafaf;}

/*로그인 페이지 공지사항 new 아이콘*/
.new_icon{display: inline-block; width: 12px; height: 16px; margin-left: 8px; background: url(../img/new_icon.png) no-repeat center center;vertical-align: top;}

/*로그인 페이지 하단*/
.login_out_footer{padding: 15px 25px;font-size: 13px;text-align: center;color: #bababa;background-color: #03243a;}

/*회원가입*/
.join_button_wrap{margin-top: 13px;text-align: center;border-top: 1px solid #ddd;padding-top: 13px;}
.join_list{display: flex;}
.join_list > li{flex: 2;}
.join_list > li + li{position: relative; flex:2}
.join_list > li + li::after{content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 30px; margin-top: -15px; background-color: #ececec;}
.join_button{display: block;font-size: 16px;line-height: 35px;color: #fff;background: url(../img/popuptitlebg.png) repeat-y top right;background-color: #385c92;border-radius: 5px;}