@charset "utf-8";
/* 로그인 페이지 */
.loginWrap {position: relative;width: 930px;margin: 0 auto;border: 1px solid #d2d2d2;text-align: center;}
.loginWrap .l_sec {width: 50%;padding: 160px 57px 40px 57px;box-sizing: border-box;}
.loginWrap .l_sec {position: relative;width: 50%;padding: 160px 57px 40px 57px;box-sizing: border-box;}
.loginWrap .l_sec .ico,.loginWrap .r_sec .ico {position: absolute;top: 40px;left: 50%;display: block;width: 83px;height: 83px;margin-left: -42px;background-color: #2caec6;border-radius: 100%;}
.loginWrap .l_sec .ico::after {content: "";position: absolute;top: 0px;left: 0;display: block;width: 84px;height: 84px;background-image: url(/resources/images/contents/ico_login.png);background-position: -0px -0px;background-repeat: no-repeat;}
.login_title {height: 33px;font-size:18px;color: #333;}
.loginWrap .l_sec .wd350 {width: 350px;}
.loginWrap .l_sec .wd350 {width: 350px;}
.loginWrap .l_sec .btnfix {height: 45px;border: 1px solid #5c7aa0;font-size: 15px;font-weight: 700;} /*sj20181106*/
.loginWrap .l_sec .btnfix:hover {height: 45px;background-color:#10537d;border: 1px solid #10537d;}
.loginWrap .r_sec {position: absolute;top: 0;left: 50%;right: 0;bottom: 0;width: 50%;padding: 160px 57px 40px 57px;background-color: #f2f5fa;box-sizing: border-box;}
.loginWrap .r_sec .ico {background-color: #33739c;}
.loginWrap .r_sec .ico::after {content: "";position: absolute;top: 0px;left: 0;display: block;width: 84px;height: 84px;background-image: url(/resources/images/contents/ico_login.png);background-position: -83px -0px;background-repeat: no-repeat;}
.loginWrap .r_sec .btn_area {padding: 20px 0 0 0;border-top: 1px solid #d2d2d2;}
.loginWrap .r_sec .btn_area .btnfix {position: relative;padding-right: 30px;}
.loginWrap .r_sec .btn_area .btnfix:hover {border: 1px solid #33739c;}
.loginWrap .r_sec .btn_area .btnfix::after {content: "";position: absolute;top: 11px;right: 10px;display: block;width: 8px;height: 12px;background-image: url(/resources/images/contents/ico_login.png);background-position: -168px -0px;background-repeat: no-repeat;}
/* 아이디/비밀번호 찾기 */
.itab {overflow: hidden;}
.itab li {float: left;width: 50%;box-sizing: border-box;}
.itab li:first-child {border-right: 1px solid #d2d2d2;}
.itab li a {position: relative;display: block;height: 40px;line-height: 40px;background-color: #f0f0f0;border-bottom: 1px solid #d2d2d2;font-size: 14px;color: #333;font-weight: 400;}
.itab li.on a {background-color: #fff;border: 1px solid #fff;color: #5c7aa0;font-weight: 700;text-decoration: none;}
.itab li.on a::after {content: "";position: absolute;bottom: 0;left: 50%;display: block;width: 100px;height: 2px;margin-left: -50px;background-color: #10537d;}
.findWrap {position: relative;padding: 50px;text-align: left;}
.findWrap .ico {position: absolute;top: 45px;left: 45px;display: block;width: 83px;height: 83px;background-color: #2caec6;border-radius: 100%;}
.findWrap .passguide li {position: relative;height: 20px;padding-left:15px;}
.findWrap .passguide li::before {content: "";position: absolute;top: 3px;left: 0;display: block;width: 8px;height: 7px;background-image: url(/resources/images/contents/ico_login.png);background-position: -168px -14px;background-repeat: no-repeat;}
.findWrap .ico::after {content: "";position: absolute;top: 0px;left: 0;display: block;width: 84px;height: 84px;background-image: url(/resources/images/contents/ico_login.png);background-position: -0px -83px;background-repeat: no-repeat;}
.findWrap .mem_select {padding: 15px 20px;background-color: #f2f5fa;}
.findWrap .mem_select .note,.findform.pass_find dd .note {padding:5px 0 15px 0;color: #d72900;}
.findform {position: relative;}
.findform dl {overflow: hidden;}
.findform dt {clear: both;float: left;width: 150px;margin-bottom: 4px;padding-top: 5px;}
.findform dd {float: left;width: 545px;margin-bottom: 4px;}
.findform dd input {width: 100%;}
.findform .btnfix {position: absolute;top: 0;right: 0;width: 126px;height: 64px;border: 1px solid #5c7aa0;}/*sj20181107*/
.findform .btnfix:hover,.findform .btnfix:focus,.findform .btnfix:active {background-color: #10537d;border: 1px solid #10537d;}
.findform.pass_find dl {margin-right: -30px;}
.findform.pass_find dt {clear: none;width: 100px;}
.findform.pass_find dd {float: left;width: 300px;margin-right: 30px;margin-bottom: 4px;}
.findform.pass_find .btn_area {margin-top: 0px;border-top: 1px solid #d2d2d2;}
/* 아이디 찾기 확인 화면 */
.incompleteWrap {padding: 60px;background-color: #ffffff;text-align: center;}
.incompleteWrap .ico {display: inline-block;width: 83px;height: 83px;margin-bottom: 20px;padding-top:17px;background-color: #2caec6;border-radius: 100%;text-align: center;box-sizing: border-box; background-image: url(/resources/images/contents/ico_pay.png); background-position: 18px 13px;background-repeat: no-repeat;}
.incompleteWrap .ico{position: inherit;}
.incompleteWrap .ico::after{content: "";position: inherit;display: inline-block;width: 84px;height: 84px;background-image: url(/resources/images/contents/ico_login.png);background-position: -81px -101px;background-repeat: no-repeat;}
.incompleteWrap .btn_area .btnfix{width: 91px;height: 45px;font-size:15px;}