@charset "utf-8";

/*----------------------- JOINFREE -----------------------*/
.clearfix::after{content:'';display:block;clear:both;}

.myInfoWrap > *{color:#666;}
.myInfoWrap img{vertical-align:middle;}
.myInfoWrap h2{font-size:18px;font-weight:bold;color:#666;}
.myInfoWrap .infoCon{padding-top:32px;border-top:1px solid #D8DDE1;position:relative;padding-left:32px}
.myInfoWrap .date{color:#707578;margin-left:16px}
.myInfoWrap .membership span{display:inline-block;vertical-align:bottom;padding-left:0}
.myInfoWrap .membership span.sell{font-size:12px;color:#aaa;}
.myInfoWrap .membership img.seller{width:18px;height:auto;}

.myInfoWrap .picBox{width:280px;text-align:center;position:absolute;top:36px;left:0}
.myInfoWrap .picBox .defaultImg{display:block;position:relative;top:-2px;margin:0 auto 10px;width:120px;height:120px;font-size:0;background:#eee url("https://image.autowini.com/IMG/renew/common/icon/icon_infoDefault.png") no-repeat center / cover;border:1px solid #D8DDE1;border-radius:50%;overflow:hidden;}
.myInfoWrap .picBox .defaultImg img{width:122px;height:122px;object-fit:cover;margin:-1px}
.myInfoWrap .companyName{margin-bottom:20px;font-weight:bold;font-size:18px;color:#0c0d0e;}
.myInfoWrap .picBox .btnBlog{display:inline-block;margin-top:5px;padding:0 10px;height:24px;font-size:11px;font-weight:500;line-height:26px;color:#aaa;background:#fff;border:1px solid #D8DDE1;text-align:center;}

.myInfoWrap .listBox{}
.myInfoWrap .listBox li{height:40px;border-bottom:1px solid #eee;box-sizing:border-box;display:flex;align-items:center}
.myInfoWrap .listBox li .membership{display:flex;align-items: center;gap:8px}
.myInfoWrap .listBox li img{margin-right:2px;}
.myInfoWrap .listBox li.last{margin-bottom:0;border-bottom:0;}
.myInfoWrap .listBox h4{flex:0 0 112px;font-size:14px;font-weight:bold;}
.myInfoWrap .listBox p{flex:1 1 auto;font-size:14px;font-weight:400;}
.myInfoWrap .infoEdit{background:#f5f6f8;margin-top:20px;padding:40px 0;border:1px solid #D8DDE1;}
.myInfoWrap .infoEdit input[type="password"]{height:30px;margin-right:5px;padding:0 10px;line-height:31px;background:#fff;border-radius:5px;}
.myInfoWrap .infoEdit .left{float:left;padding:0 20px;width:240px;text-align:center;word-break:break-all;}
.myInfoWrap .infoEdit .right{float:right;width:698px;}
.myInfoWrap .infoEdit .right .txt{margin-bottom:10px;color:#666;}
.myInfoWrap .infoEdit .right .pointBtn{display:inline-block;height:32px;padding:0 20px;line-height:33px;color:#fff;background:#00ab68;border-radius:5px;}
.myInfoWrap .membershipInfo{display:block;padding:0 4px 0 30px;background-size:24px;background-position:left center;background-repeat:no-repeat;height:24px;line-height:24px;font-weight:bold}
.myInfoWrap .membershipInfo:after{display:inline-block;width:12px;height:12px;vertical-align:middle;background:url(https://image.autowini.com/IMG/renew/common/icon/icon_arrGray_w12.svg) right center no-repeat;background-size:12px;content:"";margin:-2px 0 0 4px}
.myInfoWrap .membershipInfo.badgeBasic{background-image:url(https://image.autowini.com/IMG/renew/membership/ic_basic2.svg)}
.myInfoWrap .membershipInfo.badgeSilver{background-image:url(https://image.autowini.com/IMG/renew/membership/ic_silver2.svg)}
.myInfoWrap .membershipInfo.badgeGold{background-image:url(https://image.autowini.com/IMG/renew/membership/ic_gold2.svg)}
.myInfoWrap .membershipInfo.badgePlatinum{background-image:url(https://image.autowini.com/IMG/renew/membership/ic_platinum2.svg)}
.myInfoWrap .membershipInfo.badgeDiamond{background-image:url(https://image.autowini.com/IMG/renew/membership/ic_diamond2.svg)}
.myInfoWrap .membershipInfo.badgeAgent{background-image:url(https://image.autowini.com/IMG/renew/membership/ic_agent2.svg)}

.myInfoWrap .top{border-bottom:0;}
.myInfoWrap .top .data{color:#999;}
.myInfoWrap .listBox li{border-bottom:none;}

/*----------------------- JOINFREE -----------------------*/
.joinfreeEnWrap{}
.joinfreeEnWrap > p{padding-bottom:25px;font-size:14px;color:#444;line-height: 20px;}
.joinfreeEn{width:100%;border-top:1px solid #D8DDE1;}
.joinfreeEn tr{border-bottom:1px solid #D8DDE1}
.joinfreeEn tr th{padding: 10px 15px;background:#f5f6f8;vertical-align:middle}
.joinfreeEn tr td{padding: 10px;vertical-align:middle}
.joinfreeEn tr td.alignTop{padding:13px 10px 7px 3px;vertical-align:top;color:#aaa}
.joinfreeEn td img{padding-left:8px;}

.joinfreeEn td select{display:inline-block;width:240px;padding:3px;border:1px solid #ccc;box-sizing:content-box;margin-bottom:0}
.joinfreeEn td > em{display:block;font-style:normal;padding:10px 0 0;color:#666;line-height: 20px;}
.joinfreeEn td input.localNo{width:50px;margin-right:3px;text-align:center;color:#222}
.joinfreeEn td input.otherNo{width:176px;}
.joinfreeEn td a{color:#45484B;text-decoration:underline}
.joinfreeEn .telKo:after{display:block;content:'';clear:both}
.joinfreeEn .telKo input.auth_num{display:none;width:90px;margin-left:10px}
.joinfreeEn .businessField{overflow:hidden}
.joinfreeEn .businessField li{float:left;padding:3px 20px 0 0;}
.joinfreeEn .memberType .businessField{float:left;}
.joinfreeEn .memberType .businessField li{padding:0 10px 0 0;line-height:24px}
.joinfreeEn .memberType > img{float:left;}
.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} 

.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}

/*-------------------------------인증강화 160310 추가------------------------------------*/
.blackDimmed{display: none; position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);z-index: 10000;}
.layerPop{display:none;position:absolute;left:50%;z-index:10001;}
.layerPop .btnHome{display:block;position:absolute;top:0;right:0;padding:15px; z-index: 10;}
.layerPop .alert{display:none;padding:0 0 10px 20px;font-size:12px;line-height:16px;color:#D10023;}
.layerPop .alert.on{display:block}
.layerPop .alert.low{color:#D10023;}
.layerPop .alert.midium{color:#F99700;}
.layerPop .alert.strong{color:#19a21f;}
.layerPop a:hover{text-decoration:none;}

.subLoginPop{top:200px;width:410px;padding:0 65px;margin-left:-275px;background:#f5f6f8;}
.subLoginPop .btnHome{padding:25px 30px}
.subLoginWrap h3{padding:60px 0 20px;background:none;font-size:22px;line-height:1.5;color:#666;text-align:center;letter-spacing:-0.5px}
.subLoginWrap h3 img{display:block;margin:0 auto 15px}
.subLoginWrap input{width:368px;padding:15px 20px;margin-bottom:10px;border:1px solid #ccc;font-size:14px;}
.subLoginWrap input[type="checkbox"]{width:auto;padding:0;margin:0;}
.subLoginWrap input[type="checkbox"]+label{margin-left:8px;font-size:15px;color:#767676;cursor:pointer}
.subLoginWrap input[type="checkbox"]:checked+label{color:#19a21f}
.subLoginWrap p{font-size:16px;line-height:1.5;color:#666;text-align:center}
.subLoginWrap a{display:block;padding:13px 0;margin:15px 0 10px;font-size:14px;text-align:center;color:#fff;background:#00ab68;}
.subLoginWrap a:hover{text-decoration:none}
.subLoginWrap a.btnJoin{margin:0;background:#515360}
.subLoginPop .join{margin:28px auto;overflow:hidden;text-align:center}
.subLoginPop .join li{display:inline-block;margin-left:8px;color:#ccc}
.subLoginPop .join li a{padding:0 20px;color:#565656;font-size:14px;}
.subLoginPop .join li a:hover{text-decoration:none}

.subJoinStep1{top:200px;width:550px;padding-bottom:25px;margin-left:-275px;background:#f5f6f8;}
.subJoinStep1 .btnHome{padding:25px 30px}
.subJoinStep1 h3{padding:0 0 20px;background:none;text-align:center}
.subJoinWrap{padding:0 70px}
.subJoinWrap dl{margin-bottom:10px;background:#fff;border:1px solid #ccc;overflow:hidden}
.subJoinWrap dt{float:left;padding:15px 20px;width:70px;font-size:15px;color:#767676}
.subJoinWrap dd{float:left;}
.subJoinWrap dd input{width:265px;padding:16px;border:none;font-size:14px;line-height:18px;}
.subJoinWrap dd input.cityNo{width:55px;text-align:center}
.subJoinWrap dd input.otherNo{width:167px;text-align:center}

.subJoinWrap .memberType{padding-bottom:10px;overflow:hidden;text-align:center}
.subJoinWrap .memberType li{float:left;width:129px;margin-right:10px;}
.subJoinWrap .memberType li:last-child{margin-right:0;}
.subJoinWrap .memberType input{display:none;width:0;height:0;overflow:hidden;}
.subJoinWrap .memberType input+label{display:block;padding:15px 0;margin:0 auto;border:1px solid #ccc;background:#fff;font-size:14px;line-height:16px;color:#aaa;cursor:pointer}
.subJoinWrap .memberType input:checked+label{background:#19a21f;color:#fff;border:1px solid #19a21f;font-weight:bold}

.subJoinWrap .ie8 {padding:15px 20px;margin-bottom:10px;background:#fff;border:1px solid #ccc}
.subJoinWrap .ie8:after{display:block;content:'';clear:both}
.subJoinWrap .ie8 li{float:left;width:24%;font-size:15px;color:#767676}
.subJoinWrap .ie8 li.first{width:28%;}
.subJoinWrap .ie8 li input+label{padding-left:5px;font-size:15px;cursor:pointer}

.subJoinWrap .terms{padding-top:5px;overflow:hidden}
.subJoinWrap .terms input[type="checkbox"]{width:auto;padding:0;margin:0;}
.subJoinWrap .terms input[type="checkbox"]+label{margin-left:10px;font-size:15px;color:#767676;cursor:pointer;line-height:24px;}
.subJoinWrap .terms input[type="checkbox"]:checked+label{color:#19a21f}
.subJoinWrap .terms a{float: right;border: 1px solid #ccc; padding: 5px 10px;font-size: 12px;background: #fff;color: #999;line-height:14px;}
.subJoinWrap .btnWrap a{display:block;padding:15px 0;margin:20px 0 10px;font-size:14px;text-align:center;color:#fff;background:#515360;}
.subJoinWrap  a:hover{text-decoration:none}

.subJoinStep2{top:30px;width:550px;padding-bottom:25px;margin-left:-275px;background:#f5f6f8;}
.subJoinStep2 .btnHome{padding:15px 20px}
.subJoinStep2 h3{margin-bottom:20px;padding:18px 0;border-bottom:1px solid #e4e4e4;background:#fff;text-align:center;font-size: 14px;}
.subJoinStep2 dd select{width:265px;padding:15px;border:none;font-size:14px;box-sizing:content-box}
.subJoinStep2 .subJoinWrap dt{width:115px;}
.subJoinStep2 .subJoinWrap dd input,.subJoinStep2 .subJoinWrap dd select{width:220px;}
.subJoinStep2 .subJoinWrap dd input.cityNo{width:55px;}
.subJoinStep2 .subJoinWrap dd input.otherNo{width:123px;}
.subJoinStep2 .telWrap dt{float:inherit;width:auto;padding:15px 12px 10px 20px;overflow:hidden}
.subJoinStep2 .telWrap dt .confirmNo{display:block;float:right;width:122px;padding:5px 0;background:#515360;color:#fff;text-align:center;line-height:16px}
.subJoinStep2 .telWrap dd{float:inherit;padding:0 5px;}
.subJoinStep2 .telWrap .tel{padding-bottom:10px;overflow:hidden}
.subJoinStep2 .telWrap .tel input,.subJoinStep2 .telWrap .tel select{float:left;width:89px;margin:0 5px;border:1px solid #ccc;text-align:center}
.subJoinStep2 .telWrap dd .confirmWrap{display:none;padding:0 5px 10px;overflow:hidden}
.subJoinStep2 .telWrap dd .confirmWrap input{float:left;width:220px;padding:10px 16px;border:1px solid #ccc;text-align:center;background:#f5f5f5}
.subJoinStep2 .telWrap dd .confirmWrap a{display:block;float:right;width:123px;padding:10px 0;background:#515360;color:#fff;text-align:center;font-size:12px;line-height:16px}
.subJoinStep2 .businessField {float:inherit;padding:0 0 10px;}
.subJoinStep2 .businessField ul{padding:0 20px;overflow:hidden}
.subJoinStep2 .businessField li{float:left;padding:0 20px 10px 0}
.subJoinStep2 .businessField li input{width:auto;}
.subJoinStep2 .businessField li input+label{font-size:14px;line-height:22px;cursor:pointer}
.subJoinStep2 .btnWrap a{background:#67c133;font-weight:bold}

.subJoinStep3{top:200px;width:550px;padding-bottom:25px;margin-left:-275px;background:#f5f6f8;}
.subJoinStep3 .btnHome{padding:15px 20px}
.subJoinStep3 h3{margin-bottom:25px;padding:18px 0;border-bottom:1px solid #e4e4e4;background:#fff;text-align:center;font-size: 14px;}
.subJoinStep3 .subJoinWrap{margin:0 70px;padding: 15px 15px 5px;background:#fff;border:1px solid #ccc;} 
.subJoinStep3 .subJoinWrap dl{border:none;background:#fff;} 
.subJoinStep3 .subJoinWrap dt{padding: 5px 15px;font-size: 14px;color:#444} 
.subJoinStep3 .subJoinWrap dd{padding: 5px 10px;width:250px;font-size: 14px;color: #333;font-weight:bold;text-align:center;overflow:hidden} 
.subJoinStep3 .subJoinWrap dd img{height:15px;padding-right:10px;} 
.subJoinStep3 .subJoinWrap dd.hotTxt{color:#19a21f} 
.subJoinStep3 .btnWrap{margin:0 70px;}
.subJoinStep3 .btnWrap a{display:block;padding:15px 0;margin:20px 0 10px;font-size:14px;text-align:center;color:#fff;background:#515360;}

.pac-container{z-index:10002}

/* 회원정보수정 */
.myInfoList{padding:25px 0;margin:0 5px;overflow:hidden;background:#f5f6f8;border:1px solid #e4e4e4}

.myInfoList .leftSection{float:left;padding-top:10px;width:300px;}
.myInfoList .leftSection .imgCover{display:block;width:150px;height:150px;margin:0 auto;border-radius:75px;border:1px solid #e4e4e4;overflow: hidden;text-align:center;background:#fff}
.myInfoList .leftSection img{display:block;width:150px;height:150px;}
.myInfoList .leftSection a{display:block;width:100%;padding:20px 0 0;text-align:center;text-decoration:underline}

.myInfoList .rightSection{float:left;width:630px;}
.myInfoList .rightSection li{padding:10px 0;}
.myInfoList .rightSection li span{display:block;padding-bottom:5px;font-size:20px;line-height:20px;font-weight:500;color:#4d4d4d}
.myInfoList .rightSection dl{overflow:hidden;}
.myInfoList .rightSection dt{float:left;width:200px;font-size:14px;line-height:16px;font-weight:500;color:#666}
.myInfoList .rightSection dd{float:left;width:322px;font-size:14px;color:#4d4d4d}
.myInfoList .rightSection dd.membership:after{display:block;clear:both;content:'';}
.myInfoList .rightSection dd.membership img{display:inline-block;float:left;margin-right:5px;}
.myInfoList .rightSection a{display:block;padding:8px 13px;background:#d6d6d6;text-align:center;color:#fff}
.myInfoList .rightSection a:hover{text-decoration:none}

.myInfoEdit{padding-top:30px;}
.myInfoEdit dl{overflow:hidden}
.myInfoEdit dt{float:left;width:300px;font-size:14px;font-weight:500;line-height:34px;color:#4d4d4d;text-align:center}
.myInfoEdit dd{float:left;width:630px;text-align:right}
.myInfoEdit dd input{width:275px;float:left;padding:8px 10px;font-size:12px;border:1px solid #ccc;text-align:center;line-height:16px}
.myInfoEdit dd a{display:inline-block;float:left;padding:9px 20px;font-size:12px;background:#515360;text-align:center;color:#fff;margin-left:5px;border-radius:4px}
.myInfoEdit dd a:hover{text-decoration:none}
.myInfoEdit dd span{display:block;float:inherit;padding:20px 0;color:#666}

/*--- 정보수정 페이지 ----*/
.myInfoEditWrap{}
.myInfoEditWrap h3{padding:0 0 10px;margin:0;background:none;font-size:18px;font-weight:500}

.basicInfo{padding:10px 0 30px;}
.basicInfo .joinfreeEn th,.addInfo .joinfreeEn th{text-align:left;font-weight:500}
.basicInfo .joinfreeEn input.long{width:324px;}
.myInfoEditWrap .joinfreeEn input.long{width:324px;}
.myInfoEditWrap .joinfreeEn input,.myInfoWrap .joinfreeEn select{padding:8px 10px;border:1px solid #D8DDE1;line-height:14px;width:210px;height:17px;}
.myInfoEditWrap .businessField{overflow:hidden}
.myInfoEditWrap .businessField li{padding:6px 10px;width:22%}
.myInfoEditWrap .businessField li input[type="text"]{width:140px;margin-left:5px;height:17px;}
.addInfo .joinfreeEn th span{color:#D10023}

.myInfoEditWrap .joinfreeEn .tdDirCategory input{margin:3px 0;}
.myInfoEditWrap .joinfreeEn a{display:inline-block;padding:9px 20px;background:#515360;color:#fff;text-decoration:none;line-height:16px;border-radius:4px;height:17px;}
.myInfoEditWrap .joinfreeEn a:hover{text-decoration:none;}
.myInfoEditWrap .joinfreeEn td em{padding:5px 0 0;}
.myInfoEditWrap .joinfreeEn td em.center{padding:3px 0;}
.myInfoEditWrap .joinfreeEn td em.inline{display:inline-block;padding:8px 0 0 10px}
.myInfoEditWrap .joinfreeEn td em.red{color:#D10023}
.myInfoEditWrap .joinfreeEn .tel > div{padding:3px 0;overflow:hidden}
.myInfoEditWrap .joinfreeEn .tel input.long{width:209px;height:35px;padding:3px 10px;}
.myInfoEditWrap .joinfreeEn .tel input.longType{width:320px;}
.myInfoEditWrap .joinfreeEn .tel input.countryNumber{color:#92979B;height:41px;border:1px solid #D8DDE1;padding:0 12px;line-height:41px;width:61px;border-radius:4px}
.myInfoEditWrap .joinfreeEn .tel input,
.myInfoEditWrap .joinfreeEn .tel select{width:90px;}
.myInfoEditWrap .joinfreeEn .tel a{float:left;font-weight:normal}
.myInfoEditWrap .joinfreeEn .tel .editWrap{display:none;float:right;padding-left:3px}
.myInfoEditWrap .joinfreeEn .tel .editWrap input{width:130px}
.myInfoEditWrap .joinfreeEn .tel .editWrap.on{display:block}
.myInfoEditWrap .joinfreeEn .tel .editWrap a{background:#19a21f}
.myInfoEditWrap .joinfreeEn .alert{display:block;color:#D10023}

.myInfoEditWrap .joinfreeEn .addr > div {overflow:hidden}
.myInfoEditWrap .joinfreeEn .addr input{float:left;width:490px;}
.myInfoEditWrap .joinfreeEn .addr a{float:left;margin-left:5px;font-weight:normal}
.myInfoEditWrap .joinfreeEn .messenger > div{padding:3px 0;overflow:hidden}
.myInfoEditWrap .joinfreeEn .messenger input{float:left;width:210px;margin-right:5px}
.myInfoEditWrap .joinfreeEn .messenger select{float:left;width:120px;margin-right:5px}
.myInfoEditWrap .joinfreeEn .messenger a{float:left;margin-right:5px;font-weight:normal}
.myInfoEditWrap .joinfreeEn td textarea {width:97%;height:120px;padding:10px;margin-top:8px;border:1px solid #ccc}
.myInfoEditWrap .joinfreeEn td .byte {display:block;padding:5px 8px 0 0;font-size:x-small;color:#999;text-align:right;}
.myInfoEditWrap .joinfreeEn td .byte em {font-style:normal}
.myInfoEditWrap .joinfreeEn .file tr{border:none}
.myInfoEditWrap .file #div_attach td > div > div{height:22px !important;background:#fff url("https://image.autowini.com/IMG/KO/MW/btn_attach_file.gif") no-repeat !important}
.myInfoEditWrap .joinfreeEn .file p{padding-top:5px;line-height:20px}
.myInfoEditWrap .joinfreeEn .file iframe{display:none}
.myInfoEditWrap .joinfreeEn .photoTd{padding:18px 10px 18px 24px}
.myInfoEditWrap .joinfreeEn .myinfoPhoto {display:flex;align-items: center}
.myInfoEditWrap .joinfreeEn .myinfoPhoto .imgCover{flex:0 0 120px;display:block;width:120px;height:120px;border-radius:65px;background:#fff url(https://image.autowini.com/IMG/renew/common/icon/icon_infoDefault.png) center center no-repeat;border:1px solid #e4e4e4;background-size:130px 130px;overflow:hidden;}
.myInfoEditWrap .joinfreeEn .myinfoPhoto .imgCover img{width:122px;height:122px;object-fit:cover;margin:-1px;padding-left:0;}
.myInfoEditWrap .joinfreeEn .myinfoPhoto > div {position:relative;overflow:hidden}
.myInfoEditWrap .joinfreeEn .myinfoPhoto > div a{display:inline-block;font-weight:normal}
.myInfoEditWrap .joinfreeEn .myinfoPhoto .searchFile{position:absolute;width:0;height:0;font-size:0;border:0;opacity:0;overflow:hidden;}
.myInfoEditWrap .joinfreeEn .myinfoPhoto .searchFileWrap{padding-left:18px;flex:1}
.myInfoEditWrap .joinfreeEn .myinfoPhoto .searchFileWrap label{display:inline-block;position:relative;padding:9px 20px;color:#fff;background:#515360;line-height:16px;border-radius:4px;text-align:center;cursor:pointer;vertical-align:middle;overflow:hidden;height:17px;}
.myInfoEditWrap .joinfreeEn .myinfoPhoto .searchFileWrap em{display:block;margin-top:10px;}
.photoUploadBox{position:relative;}
.photoUploadBox iframe{position:absolute;top:0;right:0;}
.myInfoEditWrap .btnCenter {padding:5px 0 50px;}
.myInfoEditWrap .btnCenter a{padding:12px 50px;font-size:14px;margin:0 2px;background:#19a21f;color:#fff;font-weight: bold;}
.myInfoEditWrap .btnCenter a:hover{text-decoration:none}

.myInfoEditWrap .widthdraw{padding-bottom:20px;border-top:1px dashed #e4e4e4;}
.myInfoEditWrap .widthdraw dt{width:auto}
.myInfoEditWrap .widthdraw dd{float:right;width:auto}

/* 20160602 디렉토리추가 관련배너 */
.myInfoEditWrap .bnInfo{margin-bottom:30px;text-align:center}
.bnInfo ul{text-align:left;margin:0 auto;width:754px;}
.bnInfo ul:after{display:block;clear:both;content:'';}
.bnInfo li {float:left;width:248px;text-align:center;margin-right:5px;}
.bnInfo li:last-child{margin-right:0}
.bnInfo li .bnWrap{position:relative;height: 230px;padding:15px;margin-bottom:5px;border:1px solid #bbb;}
.bnInfo.ja li .bnWrap{position:relative;height: 280px;padding:15px;margin-bottom:5px;border:1px solid #bbb;}
.bnInfo li .top{padding-bottom:10px}
.bnInfo li .top:after{display:block;clear:both;content:'';}
.bnInfo li .top img{display:block;float:left;width:70px;height:70px;}
.bnInfo li .top .con{float:left;width: 130px;padding:3px 0 0 15px;text-align:center}
.bnInfo li .top .con h4{padding-bottom:8px;font-size:14px;line-height:16px;letter-spacing:-0.5px;text-align:left;}
.bnInfo li .top .con h4 a{font-size:14px;line-height:16px;letter-spacing:-0.5px;text-align:left;}
.bnInfo li .top .con > a{display:block;padding:4px 0;margin-bottom:3px;border:1px solid #D10023;border-radius:3px;line-height:14px;color:#fff;background:#D10023;}
.bnInfo li .top .con > a:hover{text-decoration:none;background:#515360;border-color:#515360}
.bnInfo li .top .con .btnLanguage{display:inline-block;padding:3px 8px;font-size:11px;}
.bnInfo li .bnWrap dl{padding:13px 5px 5px;text-align:left;border-top:1px dotted #bbb}
.bnInfo li .bnWrap dd{margin-bottom:5px;padding-left:7px;font-size:12px;line-height:14px;color:#222;}
.bnInfo li .bnWrap span{position:absolute;bottom:0;left:0;display:block;padding:15px;font-size:11px;line-height:14px;color:#D10023;text-align:left;}
.bnInfo li input{font-size:12px;line-height:14px;color:#888}
.bnInfo .powerStep li{width:374px}
.bnInfo .powerStep li .bnWrap{height:218px}
.bnInfo .powerStep li .con{width:257px;}
.bnInfo .expertStep li{width:100%;}
.bnInfo .expertStep li .bnWrap{height:auto}
.bnInfo .expertStep li .con{position:relative;width:637px;}
.bnInfo .expertStep li .con a{position:absolute;top:-4px;right:0;padding:4px 13px}
.bnInfo .expertStep li dl{padding:10px 0 ;overflow:hidden;}
.bnInfo .expertStep li dd{float:left;width:46%;}

/* .myInfoEditWrap .checkItem{color:black} */

/* 2016.11.11 by seh jsp파일에 있던 style 추가*/
.addInfo:after{display:block;clear:both;content:'';}
.addInfo .list_mng{position:relative;float: left; margin: 10px 3px 0; width: 369px;background:#fff}
.itemKeyword .list_item{margin:0 10px 10px 0}

#dierctoryGuide {float: left;height: 64px;line-height: 20px;vertical-align: middle;}
#dierctoryState {width: 168px;height: 62px;vertical-align: middle;cursor: pointer;display: table-cell;}
.directoryNone {background: #FFFFFF;color: #FF6600;text-decoration: none !important;border-radius: 3px;border: 1px solid #FF6600 !important;font-size: 12px !important;padding: 1px 0 1px 0; text-align: center;}
#add_manager {float: right;border: 1px solid #aaa;width: 168px;text-align: center;color: #767676;height: 26px;vertical-align: middle;line-height: 26px;margin-top: -33px;cursor: pointer;font-weight:bold}
#add_manager:hover{background:#515360;border-color:#515360;color:#fff}
.non-selected {-ms-user-select: none;-moz-user-select: -moz-none;-khtml-user-select: none;-webkit-user-select: none;ser-select: none;}
#btnItemBox {position: absolute;top:-5px;right:-11px;padding:0 10px;border: 1px solid #aaa;text-align: center;color: #767676;line-height: 24px;cursor: pointer;background:#fff;}
#btnItemBox:hover{background:#515360;border-color:#515360;color:#fff}
.imgItemCover {display: block;width: 150px;height:112px;margin: 0 auto 5px;background:#fff;border: 1px solid #e4e4e4;background-size: 110px 110px;overflow: hidden;}
.list_item .joinfreeEn tr td{padding:5px;}
.myInfoEditWrap .joinfreeEn .list_item a{padding:5px 8px;border-radius:0;}
.selectMessenger select,.selectMessenger input{margin-top:5px}
.myInfoEditWrap .list_mng .joinfreeEn .photo .imgCover{width:100px;height:100px;background-size:100px 100px;border-radius:50px}

#home_url {display:block;text-decoration: underline;color:#666;word-break: break-all;}
#directoryIntro {display:inline-block;padding:1px 4px;margin:0 5px;color: #D10023;font-style: normal;font-weight: bold;border:1px solid #D10023;}

.fltL { float: left;}
.fltR { float: right;}
.mgB {  margin-bottom: 30px;}
.mgL4 { margin-left: 4px;}
.mgL40 {margin-left: 40px;}
.mgt4 {margin-top: 4px;}
.point {cursor: pointer;}
.padding10 {padding: 10px 10px !important;}
.list_item {float: left;margin: 10px 10px 0 0;  width: 230px;background:#fff}
.show { display: block;}
.hide { display: none;}
/* .btnDelMng {float: right; cursor: pointer;} */
.btnDelMng {position:absolute;top:11px;right:10px; cursor: pointer;}
.w84 {  width: 84px !important;}
.lh16 { line-height: 16px;}

.progressBar2{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);text-align:center;z-index:100001}
.progressBar2 .centerWrap{position:absolute;top:50%;left:50%;margin:-26px 0 0 -239px}
.progressBar2 .progressTxt{font-size:14px;line-height:18px;color:#eee;text-shadow:1px 0 1px #000}
.progress2{position:relative;width:400px;height:24px;margin:0 auto;border-radius:12px;border:1px solid #111;background:#222;overflow:hidden;z-index:100002}
.progress2 span{display:block;width:0;height:24px;border-top-right-radius:12px;border-bottom-right-radius:12px;background:url(../../IMG/mobile/common/bg_progress.png) 0 0 repeat-x;}
.progress2 p{position:absolute;top:0;left:50%;margin-left:-45px;font-size:12px;line-height:24px;color:#fff;text-align:center;}
.progress2 p em{font-size:12px;line-height:24px;color:#fff;text-align:center;font-weight:normal}

/* my-directory */
.mng_info_tbl {float:left; margin-right: 10px;}
.mng_info_tbl table{width: 240px; border: 1px solid #D8DDE1;}
.mng_info_tbl .joinfreeEn input{width: 130px; !important}
.i_sMngServiceLang{width: 130px; }
#add_manager {float: right;border: 2px solid #009900;width: 185px;text-align: center;color: #009900;height: 24px;vertical-align: middle;line-height: 24px;margin-top: -33px;cursor: pointer;}
.w64 {width: 64px;}

/* item-apply-pop*/
.alertPop{background:#f5f6f8;width:411px;top:285px;margin-left:-205px}
.alertPop dl{padding:40px 0 30px;text-align:center;}
.alertPop dt{padding-bottom:20px;}
.alertPop dd a{display:block;margin:0 40px;padding:12px 0;background:#19a21f;color:#fff;border-radius:5px;font-size:14px;text-decoration:none}

/* AUTW-164 */
.pushNoti{position:relative}
.pushNoti em{position:absolute;top:5px;right:10px;width:84%;}

/* 디테일 리뉴얼하면서 */
/* 팝업 */
.popCom{padding:40px;background:#fff;box-sizing:border-box;border-radius:15px;}
.popCom img{max-width:100%;}
.popCom h2{font-size:24px;color:#0C0D0E;font-weight:bold;}
.popCom .btnClose{display:inline-block;position:absolute;top:0;right:0;padding:25px;background:url(https://image.autowini.com/IMG/renew/common/icon/icon_close_black.png) no-repeat center;}
.txtHide{display:block;position:absolute;top:-9999px;left:-9999px;font-size:1px;color:#fff;}

/*로그인창*/
.popDetailLogin{margin-left:-275px;width:550px;}
.popDetailLogin .logo{margin-bottom:24px;text-align:center;}
.popDetailLogin dt{font-size:24px;font-weight:bold;color:#0C0D0E;text-align:center;}
.ko .popDetailLogin dt{font-size:22px;}
.popDetailLogin dd{margin:24px 0;font-size:16px;line-height:24px;color:#0C0D0E;}
.popDetailLogin input{width:100%;height:48px;font-size:16px;border:1px solid #D8DDE1;background:#F7F9FA;border-radius:4px;text-indent:10px;box-sizing:border-box;margin-bottom:8px;}
.popDetailLogin .btnLogin{display:block;margin-top:8px;width:100%;height:56px;line-height:56px;font-size:20px;font-weight:bold;color:#fff;background:#00ab68;text-align:center;border-radius:4px;}
.popDetailLogin .join{position:relative;margin-top:24px;}
.popDetailLogin .join a{font-size:18px;}
.popDetailLogin .join li{display:inline-block;}
.popDetailLogin .join li a{font-size:18px;color:#999EA2;}
.popDetailLogin .join .bar{position:relative;margin-right:24px;}
.popDetailLogin .join .bar:after{content:'';display:block;position:absolute;top:3px;right:-15px;width:2px;height:16px;background:#ECEEEF;}
.popDetailLogin .join .regist{position:absolute;top:0;right:0;font-weight:500;color:#00ab68;}

.popAddPrice{top:50%;margin-top:-200px;width:480px;margin-left:-240px;background:#fff;text-align:center;box-sizing:border-box;border-radius:8px !important;}
.popAddPrice .imgWini{width:360px}
.popAddPrice dt{padding:0 16px 8px;font-size:24px;color:#12378D;text-align:center;font-weight:600;line-height:1.25;word-break: keep-all;margin-top:24px}
.popAddPrice dd{font-size:16px;color:#45484B;text-align:center;padding:0 46px;word-break:keep-all}
.popAddPrice .btnMembership{display:block;margin-top:16px;height:48px;line-height:48px;font-size:16px;color:#FFF;border-radius:4px;vertical-align:middle;text-align:center;background-color:#12378D}
.popAddPrice .btnMembership:hover{background-color:#00348E}
.popAddPrice .btnBack{text-align:center;padding:16px 0 0;font-size:16px;color:#45484B;display:block;}
.popAddPrice h2{margin-bottom:25px;font-size:24px;font-weight:500;color:#222;}
.popAddPrice .txt{font-size:16px;font-weight:400;line-height:24px;color:#4d4d4d;}
.popAddPrice .txtNum{margin-top:30px;font-size:16px;color:#666;}
.popAddPrice .txt strong{font-weight:600;color:#222;}
.popAddPrice .btn{position:relative;bottom:-50px;width:100%;background:none;}
.popAddPrice .btn a{position:absolute;font-size:18px;color:#fff;}
.popAddPrice .btn a.left{left:-35px;}
.popAddPrice .btn a.right{right:-35px;}

/* batch upload */
.batchUpload h3{margin-bottom:18px;font-weight:bold;font-size:18px;color:#0c0d0e}
.batchUpload .down{display:flex;justify-content:space-between;align-items: center;padding:6px 0}
.batchUpload .down a{margin-left:16px;padding:8px 0;width:24%;text-align:center;font-weight:500;color:#45484b;background:#fff;border:1px solid #d8dde1;line-height:1.5;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,0.1)}
.batchUpload .down a em{display:block;font-size:11px;font-weight:400;color:#999ea2}
.batchUpload .down a:hover{background:#00ab68;color:#fff;border-color:#00ab68}
.batchUpload .down a:hover em{color:#fff}
.batchUpload .fileRoot {width: 100%;margin:24px 0 16px}
.batchUpload .uploadBox {display:flex;flex-direction: column;justify-content: center;align-items: center;}
.batchUpload .uploadBox .dragFile{width:calc(100% - 8px);height:200px;display: flex;flex-direction: column;justify-content: center;align-items: center;border: 2px dashed #D8DDE1;}
.batchUpload .uploadBox .dragFile.highlight {border: 2px dashed #d10023;}
.batchUpload .uploadBox .dragFile .message {color:#707578;font-weight:500;}
.batchUpload .uploadBox .fileLabel {margin:24px 0 12px;padding:10px 0;min-width:18%;font-size:16px;background-color:#202f38;color:#fff;text-align: center;border-radius:24px;cursor: pointer;}
.batchUpload .uploadBox .file {display: none;}
.batchUpload .files {width:100%;box-sizing:border-box;overflow:auto;}
.batchUpload .files .file {display:flex;padding:18px;border-bottom: 1px solid #E4EAEF;}
.batchUpload .files .file:last-child {margin-bottom: 0;border-bottom:none;}
.batchUpload .files .file .thumbnail {display: flex;flex: none;width:50px;margin-right: 20px;align-items: center;}
.batchUpload .files .file .thumbnail .image {width: 100%;}
.batchUpload .files .file .details {flex: 1;display: flex;flex-direction: column;justify-content: space-between;}
.batchUpload .files .file .details .top {display:flex;font-size:12px;}
.batchUpload .files .file .details .top .name {width:500px;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;}
.batchUpload .files .file .details .top .size {margin-left: auto;color:#999ea2}
.batchUpload .files .file .progress {position: relative;height:5px;background-color:#dbdbdb;overflow: hidden;margin:4px 0;border-radius:5px;}
.batchUpload .files .file .progress .bar {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-color: #00ab68;}
.batchUpload .files .file .status {display: flex;width: 100%;}
.batchUpload .files .file .status .percent {font-size:12px;color:#45484b}
.batchUpload .files .file .status .speed {margin-left: auto;font-size:12px;color:#999ea2}
.batchUpload .update{display:none;}
.batchUpload .addBox{padding:16px 0;background:#fff;border-radius:4px;}
.batchUpload .addBox span{display:block;padding:4px 0;color:#707578;}
.batchUpload .addBox b{color:#d10023}
.batchUpload .redBox{padding:16px 24px;background:#FFF3F3;border-radius:4px;}
.batchUpload .redBox span{display:block;padding:4px 0;color:#d10023;}
.batchUpload .statusResult{margin:48px 0}
.batchUpload .statusResult table{width:100%;border-top:2px solid #202f38}
.batchUpload .statusResult th{padding:8px 8px;background:#F4F7FA;text-align:center;font-size:13px;font-weight:400;color:#707578;border-bottom:1px solid #D8DDE1}
.batchUpload .statusResult td{padding:16px 8px;text-align:center;font-weight:400;color:#45484b;border-bottom:1px solid #D8DDE1}
.batchUpload .btnWrap{margin-top:16px;text-align:center}
.batchUpload .btnWrap a{display:inline-block;min-width:16%;padding:0 32px;}
.batchUpload .resultCnt{display:flex;align-items:center;justify-content:space-between;margin:40px 0 16px;}
.batchUpload .fileName{padding-left:36px;height:32px;line-height:32px;font-size:15px;font-weight:bold;background:url(https://image.autowini.com/IMG/renew/common/ic_uploadFile.svg) 0 0 no-repeat;color:#45484b;}
.batchUpload .fileCnt span{display:inline-block;padding:5px 8px;font-size:13px;color:#45484b;border:1px solid #D8DDE1;border-radius:4px;}
.batchUpload .fileCnt span+span{margin-left:3px;}
.batchUpload .fileCnt .green b{color:#00ab68}
.batchUpload .fileCnt .red b{color:#d10023}
.batchUpload .resultListing{border:1px solid #d8dde1;}
.batchUpload .resultListing .topTitle{display:flex;align-items:center;justify-content:space-between;background:#ECEEEF;border-bottom: 1px solid #e0e0e0;color:#45484b}
.batchUpload .resultListing ul{padding:8px 0;height:240px;overflow-y:scroll}
.batchUpload .resultListing li{display:flex;align-items:center;justify-content:space-between;}
.batchUpload .resultListing span{flex:0.8;text-align:center;font-size:12px;padding:4px 0;color:#707578}
.batchUpload .resultListing span:nth-child(2){flex:2}
.batchUpload .resultListing .topTitle span+span{padding-right:15px;}
.batchUpload .resultListing .status1{color:#d8dde1}
.batchUpload .resultListing .status2{color:#00ab68}
.batchUpload .resultListing .status3{color:#d10023}
.batchUpload .resultListing .status4{color:#45484b}