@charset "utf-8";

.pageSignIn{display:flex;justify-content:center;align-items: center;min-height:100vh;height:100vh}
.pageSignIn .signInBox{width:360px;position:relative;border:4px solid #ECEEEF;padding:50px 50px 32px;margin-top:-40px;border-radius:8px;}
.pageSignIn .inputWrap:after{display:block;content:'';clear:both}
.pageSignIn .inputWrap ul{margin-bottom:10px;text-align:left}
.pageSignIn .inputWrap li{padding:8px 0;}
.pageSignIn .inputWrap li input{padding:26px 15px 8px;width:100%;box-sizing:border-box;}
.pageSignIn .inputWrap li input:focus{box-shadow:0 3px 3px 0 rgba(0,0,0,0.15);}
.pageSignIn .inputWrap li input.filled{border-color:#00ab68}
.pageSignIn .inputWrap li input.error{border-color:#D10023}
.pageSignIn .inputWrap li label{font-size:14px;line-height:16px;color:#92979B;letter-spacing:-0.3px;}
.pageSignIn .inputWrap a{margin-top:20px;height:44px;line-height:44px;background:#00ab68;font-size:20px;color:#fff;border-radius:4px;display:block;vertical-align:middle;text-align:center;}
.pageSignIn .checkWrap{padding:18px 0;text-align:center}
.pageSignIn .checkWrap ul{display:flex;justify-content:center;font-size:13px}
.pageSignIn .checkWrap li{overflow:hidden;padding:0 12px;}
.pageSignIn .checkWrap li a{color:#707578}
.pageSignIn .signInLogo a{width:248px;height:54px;background:url(https://image.autowini.com/IMG/renew/common/logo.svg);background-size:248px 54px;margin:0 auto 32px;display:block;font-size:0;line-height:0}
.pageSignIn .btn_signup{text-align:center;color:#707578;font-size:14px;padding:8px 0;}
.pageSignIn .btn_signup a{color:#0E74AC;font-weight:bold}
.pageSignIn .divLine{position:relative;text-align:center;height:28px;}
.pageSignIn .divLine span{display:inline-block;height:28px;line-height:28px;vertical-align:middle;padding:0 24px;background-color:#FFF;position:relative;z-index:99}
.pageSignIn .divLine:after{content:"";position:absolute;height:1px;left:0;right:0;background-color:#E4EAEF;top:50%;z-index:1}
.place_input{position:relative;}
.place_input label {position: absolute;left:14px;top: 20px;color: #999;z-index: 10;transition: transform 150ms ease-out, font-size 150ms ease-out;}
.alertSignText{text-align:center;color:#D10023;padding-top:20px;display:none}

.place_input.focused label,
.pageSignIn .inputWrap li input:-webkit-autofill + label{transform: translateY(-84%);font-size:12px !important;}
.membershipInfoLogin{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ECEEEF;}
.membershipInfoLogin dt{padding:0 14px 8px;font-size:20px;color:#12378D;text-align:center;font-weight:500;line-height:1.3}
.membershipInfoLogin dd{font-size:16px;color:#707578;text-align:center;padding-bottom:8px;line-height:1.3}
.membershipInfoLogin a.membershipBtn{margin-top:8px;height:32px;line-height:32px;background:#FFF;font-size:16px;color:#12378D;border-radius:4px;display:block;vertical-align:middle;text-align:center;border:1px solid #12378D}

.signInLanguage{position:absolute;bottom:-38px;left:-4px;width:122px;z-index:1001;border-radius:4px;background-color:#FFF;}
.signInLanguage dt{height:24px;box-sizing:border-box}
.signInLanguage dt a{display:block;font-size:12px;color:#45484B;text-align:left;font-weight:500;line-height:24px;padding-left:12px}
.signInLanguage dt a span{background-position:-200px -200px;width:16px;height:16px;margin:5px 4px 0 8px}
.signInLanguage dt a:after{content: "";position:absolute;bottom:0;right:8px;width:20px;height:24px;background:url(https://image.autowini.com/IMG/renew/common/icon/icon_arrBottom.png) no-repeat center center;transition:all .25s ease;}
.signInLanguage.on dt a:after{transition:all .25s ease;transform:rotate(-180deg);}
.signInLanguage dd{display:none;border:1px solid #D8DDE1;border-radius:4px;box-shadow:0 3px 5px rgba(0,0,0,0.05);margin-bottom:4px;overflow:hidden}
.signInLanguage dd a{display:block;color:#707578;text-align:left;padding:6px 6px 6px 12px;font-size:12px}
.signInLanguage dd a:hover{background-color:#F7F9FA}
.signInLanguage dd ul{display:block;margin-left:0}
.signInLanguage dd ul li{float:none}
.signInLanguage dd ul li .on{border:none;color:#00ab68}

.pageIDPWSearch{margin:20px 10px 40px 5px;text-align:center;background:url(https://image.autowini.com/IMG/renew/mywini/bg_searchWini.png) right 0 no-repeat;}
.pageIDPWSearch .IDPWSearch{margin:0 175px 30px 0;padding:40px;border:3px solid #f2f2f2;background:#fff;}
.pageIDPWSearch .IDPWSearch p{margin-bottom:30px;font-size:16px;line-height:1.5;color:#666;font-weight:300}
.pageIDPWSearch .IDPWSearch .title{font-size:18px;font-weight:500}
.pageIDPWSearch .IDPWSearch .desc{font-size:14px;color:#92979B}
.pageIDPWSearch .IDPWSearch > span{display:block;padding-top:10px;font-size:16px;line-height:1.5;color:#666;font-weight:300}
.pageIDPWSearch .IDPWSearch .inputWrap{display:inline-block;text-align:left}
.pageIDPWSearch .IDPWSearch .inputWrap:after{display:block;content:'';clear:both}
.pageIDPWSearch .IDPWSearch .inputWrap ul{float:left;margin-bottom:10px}
.pageIDPWSearch .IDPWSearch .inputWrap li{padding:8px 0;text-align:right}
.pageIDPWSearch .IDPWSearch .inputWrap li select{display:inline-block;width:320px;height:45px;padding:7px 15px;}
.pageIDPWSearch .IDPWSearch .inputWrap li input{padding:12px 15px;width:288px;}
.pageIDPWSearch .IDPWSearch .inputWrap li input.InputError{border-color:#d10023}
.pageIDPWSearch .IDPWSearch .inputWrap li label{display:inline-block;margin-right:20px;padding:13px 0;font-size:17px;line-height:17px;color:#606060;letter-spacing:-0.3px;}
.pageIDPWSearch .IDPWSearch .inputWrap li .errorMessage{display:block;padding:10px 0 0;font-size:14px;line-height:16px;color:#d10023;text-align:center}
.pageIDPWSearch > a{display:inline-block;margin-left:-170px;padding:15px 25px;min-width:200px;font-size:21px;line-height:23px;color:#fff;background:#00ab68;border-radius:30px;}

.pageIDPWResult{}
.pageIDPWResult .IDPWResult{background:url(https://image.autowini.com/IMG/renew/common/complete_wini.png) no-repeat 50px center;padding:20px 0 0 280px;text-align:left;min-height:180px;margin-top:60px}
.pageIDPWResult .IDPWResult p{margin:5px 0;font-size:18px;line-height:1.5;color:#45484B;font-weight:normal;text-align:left;}
.pageIDPWResult .IDPWResult p strong{font-weight:bold;font-size:24px;}
.pageIDPWResult .IDPWResult > a{display:block;margin:10px 0 0;font-size:20px;color:#00ab68}
.pageIDPWResult .IDPWResult dl{display:flex;align-items:center}
.pageIDPWResult .IDPWResult dt{flex:0 0 140px;margin-right:20px;font-size:18px;color:#45484B;letter-spacing:-0.3px;text-align:left;width:100px;}
.pageIDPWResult .IDPWResult dd{flex:1;font-size:20px;font-weight:bold;text-align:left;color:#00ab68}
.pageIDPWResult .IDPWResult > em{display:block;font-size:14px;line-height:16px;color:#808080;font-weight:300;text-align:center}
.pageIDPWResult .IDPWResult dd a{display:block;margin:15px 0 0;padding:12px;font-size:14px;line-height:14px;color:#808080;font-weight:300;border:1px solid #d0d0d0;border-radius:4px;}
.pageIDPWResult .IDPWResult dd a:hover{background:#f5f5f5;}
.pageIDPWResult .btnBottom{text-align:left;margin-top:20px;padding-top:20px;border-top:1px solid #ECEEEF}
.pageIDPWResult .btnBottom a{display:inline-block;margin:0 5px;padding:10px 40px;min-width:100px;font-size:18px;line-height:23px;color:#fff;background:#00ab68;border-radius:30px;text-align:center;}
.pageWelcome{position:relative;}
.pageWelcome .welcomeTop{margin:50px 0 5px;padding:70px 400px 0 70px;height:245px;background:url(https://image.autowini.com/IMG/renew/mywini/bg_welcome.png) 0 0 no-repeat;}
.pageWelcome .welcomeTop h2{padding-bottom:10px;font-size:34px;line-height:1.5;color:#505050;font-weight:bold;font-style:italic}
.pageWelcome .welcomeTop p{font-size:16px;line-height:1.5;color:#808080;}
.pageWelcome .welcomeCon{margin:0 15px 30px;border:3px solid #f2f2f2;}
.pageWelcome .welcomeCon ul{padding:30px 60px;overflow:hidden}
.pageWelcome .welcomeCon li{float:left;padding:10px 0;width:50%;}
.pageWelcome .welcomeCon li dl{padding:0 5px;}
.pageWelcome .welcomeCon li dt{padding-bottom:5px;font-size:15px;line-height:1.5;color:#808080;font-weight:300}
.pageWelcome .welcomeCon li dd{font-size:16px;line-height:1.5;color:#505050;font-weight:bold}
.pageWelcome .btnBottom{position:absolute;top:368px;left:70px;}
.pageWelcome .btnBottom a{display:inline-block;margin:0 5px;padding:15px 40px;min-width:170px;font-size:21px;line-height:23px;color:#fff;background:#00ab68;border-radius:30px;}

/* 추후 회원가입 수정예정*/
.pageRegisterID{margin:0 5px;}
.pageRegisterID .joinfreeEn{margin-bottom:24px;border-top:2px solid #00ab68}
.pageRegisterID .joinfreeEn td select{display:inline-block;}
.pageRegisterID .joinfreeEn td input[type="checkbox"]+label, .joinfreeEn td input[type="radio"]+label{padding-left:20px;font-size:14px;line-height:14px;}
.pageRegisterID .joinfreeEn td input[type="checkbox"]+label:hover a, .joinfreeEn td input[type="radio"]+label:hover a{color:#009245}
.pageRegisterID .joinfreeEn tr th{font-weight:bold;color:#4d4d4d;vertical-align:middle;text-align:left;}
.pageRegisterID .joinfreeEn td img{padding-top:12px}
.pageRegisterID .joinfreeEn tr td.alignTop{padding:8px;font-weight:300;color:#808080;line-height:1.5;vertical-align:middle;}
.pageRegisterID .joinfreeEn td a{font-weight:bold;color:#666}
.pageRegisterID .joinfreeEn .email .joinfreeInput{display:flex;/*width:338px;flex:1 0 auto*/}
.pageRegisterID .joinfreeEn .email select{padding:0 5px;margin-left:4px;}
.pageRegisterID .joinfreeEn .email span{line-height:30px;display:inline-block;padding:0 0 0 4px;}
.pageRegisterID .joinfreeEn .email span + input{margin-left:4px;}
.pageRegisterID .joinfreeEn .email a{display:inline-block;vertical-align:middle;height:35px;line-height:35px;padding:0 20px;color:#fff;background:#515360;border-radius:4px;text-decoration:none;}
.pageRegisterID .joinfreeEn .email .joinfreeStatus{width:auto;flex:1}
.pageRegisterID .joinfreeEn .telKo span{float:left;margin-right:3px;padding:5px 15px 4px 15px;border:1px solid #ccc;border-radius:2px;text-align:center;line-height:24px}
.pageRegisterID .joinfreeEn .telKo a{padding:9px 20px;border-radius:4px;color:#fff;line-height:17px}
.pageRegisterID .joinfreeEn td > em{font-size:13px;font-weight:300;}
.pageRegisterID .joinfreeEn td > p{padding:5px 0;font-weight:300;color:#666}
.pageRegisterID .joinfreeEn .businessField li{padding:5px 15px 5px 0;}
.pageRegisterID .joinfreeEn td input{height:auto;}

.joinfreeEnWrap{}
.joinfreeKo,
.memberKo.active{display:none}
.memberKo,
.joinfreeKo.active{display:block}
.memberKo{display:flex;align-items: center;justify-content: space-between;gap:16px;margin-bottom:40px;}
.memberKo li{text-align:center;flex:1;}
.memberKo li label{display:block;position:relative;padding:24px 40px 32px;line-height:1.4;height:auto;border:2px solid #e4eaef;border-radius:12px;background:none}
.memberKo li label:before{content:'';display:block;margin:0 auto 8px;width:72px;height:72px;background:url(https://image.autowini.com/IMG/renew/common/ic_seller.svg) center no-repeat;}
.memberKo li+li label:before{background-image:url(https://image.autowini.com/IMG/renew/common/ic_buyer.svg) }
.memberKo li label strong{display:block;font-size:24px;font-weight:bold;color:#45484b;}
.memberKo li label em{display:block;margin:4px 0 12px;font-size:16px;color:#45484b;}
.memberKo li label:hover{border-color:#00ab68;box-shadow:0 0 6px rgba(0,171,104,0.35);transition: all 0.5s ease-in;}
.memberKo li label:hover:before{transition: all 0.2s ease-in;background-image:url(https://image.autowini.com/IMG/renew/common/ic_seller_on.svg)}
.memberKo li+li label:hover:before{transition: all 0.2s ease-in;background-image:url(https://image.autowini.com/IMG/renew/common/ic_buyer_on.svg)}
.tip_msg{display:none;margin-bottom:24px;padding:8px 16px 8px 42px;background:#00ab6814 url(https://image.autowini.com/IMG/renew/common/icon/icon_alarm.png) left 16px center no-repeat;
    background-size:16px;border-radius:4px;color:#45484b;}
.tip_msg.active{display:block;}
.joinfreeEnWrap > p{padding-bottom:25px;font-size:14px;color:#444;line-height: 20px;}
.joinfreeEn{width:100%;}
.joinfreeEn > li{border-bottom:1px solid #ddd;display:flex;}
.joinfreeEn > li > .joinTitle{padding:18px 16px;background:#f5f6f8;width:168px;flex:0 0 auto;color:#45484b;}
.joinfreeEn > li > .joinContent{padding:12px 10px;flex:1;display:flex;flex-wrap:wrap;align-items: center}
.joinfreeEn > li > .alignTop{padding:13px 10px 7px 3px;color:#aaa}
.joinfreeEn > li > .joinContent input{width:240px;padding:8px 10px;border:1px solid #D8DDE1;line-height:14px;background-color:#F7F9FA;border-radius:2px}
.joinfreeEn > li > .joinContent input[type="checkbox"]:checked+label{color:#0c0d0e}
.joinfreeEn > li > .joinContent select{padding-left:10px;padding-right:24px;width:262px;border:1px solid #D8DDE1;border-radius:2px;-webkit-appearance: none;color:#c1c6c9;
    background:#F7F9FA url(https://image.autowini.com/IMG/renew/common/icon/icon_arrBottom.png) center right 8px no-repeat;background-size:8px}
.joinfreeEn > li > .joinContent input:focus,
.joinfreeEn > li > .joinContent select:focus{background-color:#fff;border-color:#0c0d0e;color:#0c0d0e}
.joinfreeEn > li > .joinContent input::placeholder{color:#c1c6c9}
.joinfreeEn > li > .joinContent input.active,
.joinfreeEn > li > .joinContent select.active{color:#0c0d0e;font-weight:400}
.joinfreeEn > li > .joinContent select::placeholder{color:#999ea2}
.joinfreeEn > li > .joinContent img{position:absolute;left:8px;top:9px;min-width:auto}
.joinfreeEn > li > .joinContent.memberType img{top:3px}
.joinContent.terms_ko .termsBox{width:100%;}
.joinContent.terms_ko .joinfreeStatus{display:inline-block;}
.joinContent.terms_ko .joinfreeStatus{padding-top:0;}
.joinContent.terms_ko .joinfreeStatus img{top:0}
.joinContent.terms_ko .terms_total{position:relative;margin-bottom:8px;}
.joinContent.terms_ko .terms_total b{color:#0c0d0e;}
.ar .joinContent.terms_ko input[type="checkbox"]+label{direction:rtl;}
.joinContent.terms_ko input[type="checkbox"]+label:hover{color:#0c0d0e}
.joinfreeEn > li > .longInput input{flex:1}
.joinfreeEn > li > .longInput .joinfreeStatus{display:none}
.joinfreeStatus{min-width:216px;flex:1;padding-top:9px;position:relative;padding-left:30px;min-height:20px;font-size:12px}
.joinfreeDesc{font-size:12px;color:#707578;padding:4px 0 0 2px;flex:1 0 670px}
.joinContent.radioform input + label{margin-right:24px}
.joinfreeEn .alert{display:none;line-height:18px;vertical-align:top;font-size:12px;color:#D10023;min-width:230px}
.joinfreeEn .alert.on{display:inline-block}
.joinfreeEn .strength .alert{color:#D10023;}
.joinfreeEn .strength.midium .alert{color:#F99700}
.joinfreeEn .strength.strong .alert{color:#19a21f}
.joinfreeEn td select{display:inline-block;width:240px;padding:3px;border:1px solid #ccc;box-sizing:content-box;margin-bottom:0}
.joinfreeEn input.localNo{width:50px !important;margin-right:3px;text-align:center;color:#222}
.joinfreeEn input.otherNo{width:164px !important;}
.joinfreeEn a{font-weight:bold;color:#007aff;text-decoration:underline}
.joinfreeEn .telKo:after{display:block;content:'';clear:both}
.joinfreeEn .telKo span{float: left;padding:0 10px 0 5px;line-height: 24px;}
.joinfreeEn .telKo input,.joinfreeEn .telKo select{float:left;width:64px !important;margin:0 3px;text-align:center;line-height:24px}
.joinfreeEn .telKo select{width:80px !important;padding:0 10px;}
.joinfreeEn .telKo input.auth_num{display:none;width:90px;margin-left:10px}
.joinfreeEn .telKo a{float: left;margin:0 2px;padding:9px 20px;font-weight:normal;color:#fff;background:#515360;text-decoration:none;}
.joinfreeEn .authNumBox{display:none;padding-top:4px;flex:1 0 750px}
.joinfreeEn .authNumBox input {width:118px !important}
.joinfreeEn .authNumBox .timeLeft{position: relative; top: 8px; left: -150px; font-size: 14px;}
.joinfreeEn a.completeBtn{padding:9px 20px;border-radius:4px;color:#fff;line-height:17px;background:#00ab68;margin:0 2px;font-weight:normal;text-decoration:none;display:inline-block}
.joinfreeEn .businessField{overflow:hidden}
.joinfreeEn .businessField li{float:left;padding:3px 20px 0 0;}
.joinfreeEn .memberType .businessField{float:left;}
.joinfreeEn .memberType .businessField li{}
.joinfreeEn .memberType .joinfreeStatus{padding-top:2px;}
.joinfreeEnWrap .btnCenter {padding:5px 0 30px;}
.joinfreeEnWrap .btnCenter a{padding:12px 50px;font-size:14px;margin:0 2px;background:#19a21f;color:#fff;font-weight: bold;}
.joinfreeEnWrap .btnCenter a:hover{text-decoration:none}

.joinfreeEnWrap .selectMessenger{padding:3px 0;}
.joinfreeEnWrap .selectMessenger:after {display:block;content:'';clear:both} 
.joinfreeEnWrap .selectMessenger select,.joinfreeEnWrap .selectMessenger input{float:left;width:233px;} 
.joinfreeEnWrap .selectMessenger input{margin-left:5px;}
.joinfreeEnWrap .selectMessenger a{display:block;float:left;margin-left:5px;padding:5px 8px;background:#515360;color:#fff;text-decoration:none;line-height:14px;} 
.joinfreeEnWrap .selectMessenger a:hover{text-decoration:none}
.joinfreeTerms {text-align:center;display:flex;justify-content:center;padding:10px 0 32px;flex-wrap:wrap}
.joinfreeTerms .termsBox{margin:0 16px;}
.joinfreeTerms .termsBox a{text-decoration:underline}
.joinfreeTerms .termsBox a:hover{color:#00ab68}
.joinfreeTerms .termsBox label:hover{color:#707578}
.joinfreeTerms label{font-size:16px !important;font-weight:bold}
.joinfreeTerms .joinfreeDesc{padding-top:10px;font-size:14px;color:#D10023}
.joinfreeTerms .joinfreeDesc .alert{display:none}
.joinfreeTerms .joinfreeDesc .alert.on{display:block}
.joinfreeTerms .termsBox input[type="checkbox"]:checked+label,
.joinfreeTerms .termsBox input[type="checkbox"]:checked+label a{color:#00ab68 !important}
.joinfreeTerms .link_area{padding-bottom:16px;width:100%;}
.joinfreeTerms .link_area a{display:inline-block;margin:0 2px;padding:6px 16px;color:#606060;border:1px solid #c1c6c9;border-radius:4px;}
.joinfreeTerms .link_area a:hover{background:#f7f9fa;color:#0c0d0e}
.applyWrap > p{padding-top:10px;}
.applyWrap th{text-align:center}
.applyWrap th span{color:red;font-weight:normal}
.applyWrap td input{width:248px;}
.applyWrap td input.long{width:98%;}
.applyWrap td input.others{width:180px;margin-left:5px;}
.applyWrap td select.short{width:73px;margin-right:3px}
.applyWrap td input.localNo{width:74px;}
.applyWrap .msg{padding-bottom:5px;overflow:hidden}
.applyWrap .msg input,.applyWrap .msg select{float:left;margin-right:4px;}
.applyWrap .msg input{width: 263px;}
.applyWrap .msg a{display: block;float:left;padding: 4px 8px 3px;border: 1px solid #19a21f;text-decoration: none;line-height: 15px;color:#19a21f}
.applyWrap .msgId{display:block;padding-top:5px;overflow:hidden;line-height: 17px;color:#222}
.applyWrap .msgId a{display:inline-block;margin-left:10px;color:red;font-weight:normal;text-decoration:none;line-height: 17px;}
.applyWrap .file tr{border:none}
.applyWrap .file p{padding-top:5px;line-height:20px}
.applyWrap .file iframe{display:none}
.applyWrap td textarea{width:98%;height:100px;border:1px solid #ccc}
.applyWrap td span{display:block;padding:5px 5px 0 0;font-size:x-small;color:#565656;text-align:right}
.applyWrap td .trBg2{border:none}
.applyWrap .footText {display:block;padding:10px 0 0;text-align:left}