@charset "utf-8";

/*-----------------------Apply for 10 free ads -----------------------*/
.applyWrap{}
.applyWrap .applyInput{padding:20px 0 10px;}
.applyWrap .applyInput dl{border-top:1px solid #e4e4e4;border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;}
.applyWrap .applyInput dl.last{border-bottom:1px solid #e4e4e4;}
.applyWrap .applyInput dl:after{display:block;content:'';clear:both}
.applyWrap .applyInput dt{float:left;width:150px;padding:10px 15px;font-size:14px;line-height:16px;background:#f5f6f8;border-right:1px solid #e4e4e4;}
.applyWrap .applyInput dt span{display:block;padding-top:5px;font-size:12px;color:red}
.applyWrap .applyInput dt.msg{height:134px;}
.applyWrap .applyInput dt.file{height:60px;}
.applyWrap .applyInput dd{float:left;padding:7px 15px;font-size:14px;}
.applyWrap .applyInput dd span{display:block;padding:5px 0;font-size:12px;}
.applyWrap .applyInput dd textarea{width:520px;height:100px}
.applyWrap .btn_wrap {text-align:center}
.applyWrap .btn_wrap button{padding:10px 50px;font-size:15px;font-weight:bold;color:#fff;background:#ff6600;border:none;border-radius:5px;font-family:'맑은 고딕','Malgun Gothic','돋음','dodeum';cursor:pointer}
.applyWrap .btn_wrap button:hover{background:#444}

.processWrap{padding:10px 0 15px;}
.processWrap ul{overflow:hidden;border-left:1px solid #ddd;border-top:1px solid #ddd}
.processWrap li{float:left;width:230px;padding:10px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;overflow:hidden}
.processWrap li.on{background:#515360;color:#fff;font-weight:bold}

.regInfoWrap .regInfo{display:none;}
.regInfoWrap .btnWrap{padding:15px 0;overflow:hidden}
.regInfoWrap .btnWrap span{display:inline-block;float:left;font-size:12px;line-height:22px;color:#767676;text-align:left;}
.regInfoWrap .btnWrap a{display:inline-block;float:right;padding:10px 25px;font-size:14px;line-height:16px;color:#fff;background:#00ab68;font-weight:bold}
.regInfoWrap .btnWrap a:hover{text-decoration:none;}

.regInfoWrap .btnWrap2{padding:15px 0;text-align:center}
.regInfoWrap .btnWrap2 span{display:block;padding-bottom:25px;font-size:12px;line-height:22px;color:#767676;text-align:left;}
.regInfoWrap .btnWrap2 a{display:inline-block;padding:10px 25px;margin:0 3px;font-size:14px;line-height:16px;color:#fff;background:#00ab68;font-weight:bold}
.regInfoWrap .btnWrap2 a.btnCancel{color:#fff;background:#515360;}
.regInfoWrap .btnWrap2 a:hover{text-decoration:none;}

/*  부품 등록  리뉴얼  */
#sellAll table.regiTab td.catePartWrap{padding:10px}
#sellAll table.regiTab td.catePartWrap > input[type="text"]{width:468px;height:26px;border:1px solid #bbb}
#sellAll table.regiTab .catePartWrap .cateBtn{display:inline-block;float:right;padding:6px 4px 7px;width:24px;background:#00ab68;border:1px solid #178c1d;color:#fff;text-align:center}
#sellAll table.regiTab .catePartWrap .cateBtn:hover{border:1px solid #777;background:#767676;text-decoration:none;}
#sellAll table.regiTab .catePartWrap .cateBtn.on{border:1px solid #777;background:#767676;}
#sellAll table.regiTab .catePartWrap .catePartCon{display:none}
#sellAll table.regiTab .catePartWrap .catePartCon:after{display:block;clear:both;content:''} 
#sellAll table.regiTab .catePartWrap .catePartCon ul{margin-top:10px;float:left;width:170px;border-left:1px solid #ccc;border-bottom:1px solid #ccc}
#sellAll table.regiTab .catePartWrap .catePartCon li a{display:block;padding:8px 10px;font-size:12px;line-height:1.5;color:#666;background:#eee;border-top:1px solid #ccc;border-right:1px solid #ccc}
#sellAll table.regiTab .catePartWrap .catePartCon li a.on{background:#fff;font-weight:bold;text-decoration:none;border-right:none}
#sellAll table.regiTab .catePartWrap .catePartCon li a:hover{background:#fff;font-weight:bold;text-decoration:none;border-right:none}
#sellAll table.regiTab .catePartWrap .catePartCon .subData{float:left;padding:10px 10px 10px 12px ;width:320px;height:644px;border:1px solid #ccc;border-left:none;overflow-y:scroll}
#sellAll table.regiTab .catePartWrap .catePartCon .subData li a{background:#fff;border:none;color:#999}
#sellAll table.regiTab .catePartWrap .catePartCon .subData li a em{display:inline-block;padding:0 5px}
#sellAll table.regiTab .catePartWrap .catePartCon .subData li a span{color:#444}
#sellAll table.regiTab td .addTxt{padding:10px 0 5px;font-size:11px;line-height:11px;color:#aaa;}
#sellAll table.regiTab td .fittingCon .fittingSelect{padding:5px 0;}
#sellAll table.regiTab td .fittingCon .selectZone{overflow:hidden}
#sellAll table.regiTab td .fittingCon select{float:left;margin:2px 4px 2px 0;width:125px;height:26px;border:1px solid #bbb;text-align:center}
#sellAll table.regiTab td .fittingCon select.short{width:80px}
#sellAll table.regiTab td .fittingCon .addBtn{display:block;float:left;margin:2px 0;padding:5px 10px;width:25px;font-size:12px;line-height:14px;color:#fff;background:#767676;border:1px solid #777;text-align:center}
#sellAll table.regiTab td .fittingCon .addBtn:hover{background:#00ab68;border:1px solid #178c1d;text-decoration:none;font-weight:bold}
#sellAll .engineTab{margin:10px 10px 0 0;width:515px;max-height:450px;overflow-y:scroll}
#sellAll .engineTab table{width:100%}
#sellAll .engineTab table tr{cursor:pointer}
#sellAll .engineTab table td{padding:5px}
#sellAll table.regiTab .fittingWrap .result p{padding:3px 10px 3px 0;font-size:12px;line-height:14px;color:#565656;overflow:hidden}
#sellAll table.regiTab .fittingWrap .result p span{display:inline-block;float:left;padding:5px 0 5px 5px;width:454px;font-size:12px;line-height:14px;color:#565656; }
#sellAll table.regiTab .fittingWrap .result p span.on{color:#d92925}
#sellAll table.regiTab .fittingWrap .result p span em{display:inline-block;padding:0 3px;font-size:11px;color:#aaa;}
#sellAll table.regiTab .fittingWrap .result p a{display:inline-block;float:right;padding:4px;width:23px;border:1px solid #ddd;background:#fff;font-size:11px;color:#888;text-align:center}
#sellAll table.regiTab .fittingWrap .result p a:hover{border:1px solid #d92925;color:#d92925;text-decoration:none;}
#sellAll table.regiTab .interchangePart:after{display:block;clear:both;content:''}
#sellAll table.regiTab .interchangePart input,#sellAll table.regiTab .interchangeResult input{display:block;float:left;margin:2px 4px 2px 0;width:250px;height:22px;border:1px solid #bbb}
#sellAll table.regiTab .interchangePart .addInterchange{display:block;float:left;margin:2px 0;padding:5px 4px;width:32px;font-size:12px;line-height:14px;color:#fff;background:#767676;border:1px solid #777;text-align:center}
#sellAll table.regiTab .interchangePart .addInterchange:hover{background:#00ab68;border:1px solid #178c1d;text-decoration:none;font-weight:bold}
#sellAll table.regiTab .interchangePart .result a{display:inline-block;float:left;margin:2px 0;padding:6px 4px;width:32px;border:1px solid #ddd;background:#fff;color:#888;text-align:center}
#sellAll table.regiTab .interchangePart .result a:hover{border:1px solid #d92925;color:#d92925;text-decoration:none;}
#sellAll table.regiTab td > input[type="text"].regiput{width:105px;height:22px;border:1px solid #bbb;color:#222}

.termsPart{margin:25px 0 0;}
.termsPart h4{margin:0;padding:0 0 10px 5px;background:none;font-size:16px;line-height:1.5;}
.termsPart ul{border:1px solid #ccc;border-bottom:none}
.termsPart li dl:after{display:block;clear:both;content:''}
.termsPart li dl{padding:8px 10px 8px 8px;background:#f5f6f8;border-bottom:1px solid #ccc;}
.termsPart li dt{float:left;}
.termsPart li dt span{color:#d92925}
.termsPart li dd{float:right;}
.termsPart li .termsCon{padding:15px;height:150px;background:#fff;border-bottom:1px solid #ccc;overflow-y:scroll;color:#767676}
.termsPart li .termsCon h5{font-size:14px;line-height:1.5;color:#565656;text-align:center;}
.termsPart li .termsCon > strong{display:block;padding:10px 0;font-size:12px;line-height:1.5;color:#767676;}
.termsPart li .termsCon > span{display:block;padding:5px 0;font-size:12px;line-height:1.5;color:#565656;}
.termsPart li .termsCon p{padding-bottom:5px;font-size:12px;line-height:1.5;color:#888;}
.termsPart li .termsCon p > span{display:block;padding:5px 0 5px 10px;font-size:12px;line-height:1.5;color:#888;}
.termsPart li .termsCon p > span em{display:block;padding:5px 0 5px 10px;font-size:12px;line-height:1.5;color:#888;font-style:normal}
.termsPart li .termsCon table{margin-top:10px;border:1px solid #ccc;}
.termsPart li .termsCon th{padding:5px;background:#f5f6f8;text-align:center;border:1px solid #ccc;color:#666}
.termsPart li .termsCon td{padding:10px;text-align:center;border:1px solid #ccc;color:#888}

.youtubeWrap{padding:15px 0 0;}
.youtubeWrap dl{padding:15px 20px 15px 15px;border:1px solid #ccc;}
.youtubeWrap dt{padding-bottom:10px;font-size:12px;line-height:14px;color:#565656;overflow:hidden;font-weight:bold}
.youtubeWrap dt .youtubeWarning{margin-left: 58px; color:#d92925;}
.youtubeWrap dt img{height:20px;padding-right:10px;}
.youtubeWrap dt a{float:right;display:inline-block;}
.youtubeWrap dt a span{display:inline-block;padding:5px 8px;line-height:12px;background:#9395a3;color:#fff;font-weight:normal;margin: -24px 0 0 -112px;position: absolute;}
.youtubeWrap dd {font-size:12px;line-height:14px;color:#d92925;}
.youtubeWrap dd input{width:706px;padding:5px;margin-bottom:8px;font-size:12px;line-height:14px;color:#565656;border:1px solid #ccc;}

.progressBar2{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:1001;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 0px 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}

/*-----------------------check report -----------------------*/
.scratchWrap{position: relative;padding:5px 0 10px;text-align: center;}
.scratchWrap .scratchSel{font-weight: bold;}
.scratchWrap .scratchSel p{padding-bottom:5px;}
.scratchWrap .C0010{position: absolute;top: 10px;left: 297px; width:120px;height:65px;text-align: center;}
.scratchWrap .C0020{position: absolute;top: 100px;left: 297px;width:120px;height:65px;text-align: center;}
.scratchWrap .C0030{position: absolute;top: 200px;left: 297px;width:120px;height:65px;text-align: center;}
.scratchWrap .C0040{position: absolute;top: 295px;left: 297px;width:120px;height:65px;text-align: center;}
.scratchWrap .C0050{position: absolute;top: 380px;left: 297px;width:120px;height:65px;text-align: center;}

.scratchWrap .C0060{position: absolute;top:55px;left: 120px;width:120px;height:65px;text-align: center;}
.scratchWrap .C0070{position: absolute;top:145px;left: 120px;width:120px;height:65px;text-align: center;}
.scratchWrap .C0080{position: absolute;top:205px;left:57px;width:120px;height:65px;text-align: center;}
.scratchWrap .C0090{position: absolute;top: 255px;left: 120px;width:120px;height:65px;text-align: center;}
.scratchWrap .C0100{position: absolute;top: 351px;left: 120px;width:120px;height:65px;text-align: center;}

.scratchWrap .C0110{position: absolute;top:55px;right:118px;width:120px;height:65px;text-align: center;}
.scratchWrap .C0120{position: absolute;top:145px;right: 118px;width:120px;height:65px;text-align: center;}
.scratchWrap .C0130{position: absolute;top:205px;right:55px;width:120px;height:65px;text-align: center;}
.scratchWrap .C0140{position: absolute;top:255px;right: 118px;width:120px;height:65px;text-align: center;}
.scratchWrap .C0150{position: absolute;top:351px;right: 118px;width:120px;height:65px;text-align: center;}
.scratchWrap .scratchSel .scratchOption{width: 80px;height: 20px;background: #f5f5f5;color: #aaa;border:1px solid #bbb !important}
.scratchWrap .scratchSel .scratchOption.on{background:#fff;border:1px solid #888 !important;color: #222;}

.scratchTxt{text-align:center} 
.scratchTxt span{display:inline-block;width:19px;height:19px;border-radius:9.5px;font-size:10px;line-height:20px;color:#fff;} 
.scratchTxt span.C000{background:#ccc;} 
.scratchTxt span.C010{background:#00ab68;}
.scratchTxt span.C020{background:#ffc000} 
.scratchTxt span.C030{background:#e43f4b}
 
.scratchSel p span{display:block;width:19px;height:19px;margin:0 auto 5px;border-radius:9.5px;font-size:10px;line-height:20px;color:#fff;background:#ccc;} 
.scratchSel p span.C000{background:#e4e4e4;} 
.scratchSel p span.C010{background:#00ab68;}
.scratchSel p span.C020{background:#ffc000;} 
.scratchSel p span.C030{background:#e43f4b;} 

#checkReportTab th {border:1px solid #ccc;padding:5px 3px 5px 3px;font-weight: bold;font-size:12px;}
#checkReportTab td {border:1px solid #ccc;padding:5px 10px 5px 10px;font-size:12px;}

#corrosionTab {width:100%;text-align: center;border: none;}
#corrosionTab th {border:1px solid #ccc;padding:5px 3px 5px 3px;border-left: none;font-size:12px;}
#corrosionTab td {border:1px solid #ccc;padding:5px 10px 5px 10px;font-weight: normal;border-left: none;font-size:12px;}
#corrosionTab td.corosion {padding: 2px;}

#sellAll table.regiTab th {border:1px solid #ccc;padding:5px 0 5px 0;background:#f5f6f8;}

#sellAll table.regiTab td select{width: 157px;height:20px;}
#sellAll table.regiTab td > input[type="text"]{width: 150px;height: 18px;}

#sellAll table.regiTab td.reportedBy{padding:15px 20px;background:#fff;color:#767676;font-weight:normal;}
#sellAll table.regiTab td.reportedBy .reportedByTop{padding:3px 0 15px;overflow:hidden;border-bottom:1px dotted #bbb;}
#sellAll table.regiTab td.reportedBy span{float:left;}
#sellAll table.regiTab td.reportedBy em{padding-left:5px;color:#444;font-weight:bold;font-style:inherit;font-size:14px;}
#sellAll table.regiTab td.reportedBy p{padding-top:15px;font-size:12px;line-height:18px;color:#666}
#sellAll table.regiTab td.reportedBy .dotn{padding:3px 10px}

#sellAll table.regiTab td span.bisComment{font-size: 11px;line-height: 15px;color: #767676;display: block;}
#sellAll table.regiTab td span.bisComment strong{color: #d92925;font-size: 14px;}
#sellAll table.regiTab td span.priceComment{color:red;font-size: 12px;display: block;}

/* input[type="checkbox"] */
.check_style{text-align:left}
.check_style input{display:none;width:0;height:0;overflow:hidden;}
.check_style input+label{display:inline-block;height:15px;padding-left:18px;background:url(../../IMG/SELL/btn_checkbox_w15.png) left 0 no-repeat;font-size:11px;line-height:15px;}
.check_style input:checked+label{background-position:left -15px;color:#00ab68}
.check_style input.on+label{background-position:left -78px;color:#e4e4e4}


.bisMarKWrap{position: absolute;width: 505px;background:#1a8c1f;color: #fff;font-size: 18px;line-height: 16px;font-weight: bold;top: 0;left: 0;padding:15px;opacity:0.9;z-index: 100}


#conditionTab th {border:1px solid #ccc;padding:4px 3px 3px 3px;font-weight: bold;font-size:12px;}
#conditionTab td {border:1px solid #ccc;padding:4px 10px 4px 10px;font-size:12px;}

.scratchTxt ul li{float: left;padding: 5px;}

/*2017.06.27 광고등록 페이지 CSS 추가 by 성은혜*/
.adPlaceWrap{}

.adPlaceWrap .viewTop{background:url(https://image.autowini.com/IMG/renew/seller/ad_bg_img.jpg) 0 0 no-repeat;padding: 20px 30px 45px;margin-top: 20px;}
.viewTop h2{font-weight: bold;color: #fff;font-size: 32px;line-height:34px;background: none;padding:10px 0;}
.viewTop p{font-weight: bold;color: #fff;font-size: 18px;line-height: 20px;}
.viewTop ul{padding: 20px 0;}
.viewTop ul li{background: url(https://image.autowini.com/IMG/renew/common/icon/icon_checkW23_green.png) 0 10px no-repeat;color: #fff;padding: 10px 10px 10px 25px; font-size: 16px;line-height: 18px;font-weight: bold;background-size:15px 15px; }
.viewTop.en h2{font-size: 28px;line-height: 32px;}
.viewTop.en ul {padding: 10px 0;}
.viewTop.en ul li{padding: 7px 10px 7px 25px;}

.adPlaceWrap .infoWrap{text-align: center;margin-top: 50px;padding-bottom: 30px;}
.infoWrap h2{background: none;padding: 0;font-size:29px;line-height: 36px;font-weight: bold;color:#404040; }
.infoWrap h2 span{color: #00ab68;font-size: 31px;}
.infoWrap h2.tit{font-size: 22px;line-height: 36px;}
.infoWrap h2.tit span{font-size: 26px;}

.infoWrap p{font-size: 15px;line-height: 20px;color: #404040;text-align: center;padding: 15px;}
.infoWrap img{margin-top: 20px;}

.adPlaceWrap .brBottom{border-bottom:1px solid #ccc;}

.adPlaceWrap .whyWrap{margin-bottom:80px;}
.whyWrap dl{float: left;padding: 10px 20px;width: 28%;}
.whyWrap dl dt{color: #00ab68;font-size: 18px;line-height: 20px;font-weight: bold;padding: 10px 0;}
.whyWrap dl dd{color: #444;font-size: 14px;line-height: 20px;}
.whyWrap dl dd img{height: 50px;margin: 20px 0;}
.whyWrap:after{display:block;content:'';clear:both}

.adPlaceWrap .reasonWrap{text-align: left;background: #fff;border: 1px solid #ccc;box-shadow: 3px 3px 3px 1px #ccc;margin-right: 5px;padding:20px 0px 20px 20px;}
.reasonWrap dl{float: left;width:50%;padding: 20px 0;}
.reasonWrap dl dt{color: #00ab68;font-size: 18px;line-height: 20px;font-weight: bold;padding:20px 10px;}
.reasonWrap dl dd{color: #444;font-size: 14px;line-height: 20px;padding: 0 10px}
.reasonWrap dl dd img{height: 50px;margin: 20px 0;}
.reasonWrap dl dd.tit{font-weight: bold;font-size: 18px;line-height: 18px;padding:5px 10px;}
.reasonWrap:after{display:block;content:'';clear:both}

.adPlaceWrap .marketingWrap{}
.marketingWrap li{float: left;width:195px;height:60px;font-size:18px;line-height: 20px;color: #fff;font-weight: bold;margin:30px 8px 0;background: #ccc;padding:90px 20px;text-shadow:1px 1px 3px #000;}
.adPlaceWrap .marketingWrap:after{display:block;content:'';clear:both}

.adPlaceWrap .exportWrap{padding: 30px 0 0;}
.exportWrap dl{float: left;padding: 10px 70px 30px 30px;background: url(https://image.autowini.com/IMG/renew/seller/aaa-arrow.png) 210px 70px no-repeat;}
.exportWrap dl:last-child{background: none;}
.exportWrap dl dt{color: #00ab68;font-size: 18px;line-height: 20px;font-weight: bold;padding:20px 0;width: 150px;}
.exportWrap dl dd{color: #444;font-size: 14px;line-height: 20px;width: 150px;}
.exportWrap:after{display:block;content:'';clear:both}

.adPlaceWrap .successWrap{padding: 30px 0 0;}
.successWrap dl{text-align: left;}
.successWrap dt{font-size: 22px;line-height: 28px;font-weight: bold;color: #444;padding: 20px 0;text-align: center;}
.successWrap dt span{color:#00ab68;font-size: 24px;}
.successWrap dd{font-size: 15px;line-height:22px;color: #444;}

.adPlaceWrap .interWrap{padding: 30px 0 0;text-align: left;}
.interWrap dl{text-align: left;padding-left: 40px;}
.interWrap dt{font-size: 22px;line-height: 28px;font-weight: bold;padding: 20px 0 10px;color:#00ab68;text-align: left;}
.interWrap dd{font-size: 15px;line-height:22px;color: #444;font-weight: bold;}


.adPlaceWrap .membershipWrap{padding: 30px 0 50px;}
.membershipWrap dl{}
.membershipWrap dl dt{font-weight: bold;font-size: 24px;line-height: 28px;color:#444;padding: 20px 0;}
.membershipWrap dl dd{font-size: 16px;line-height: 18px;color: #444;}

.adPlaceWrap .inquireSvc{padding:20px;border:1px solid #ccc;margin-bottom:50px;}
.inquireSvc ul{padding:10px 0}
.inquireSvc ul:after{display:block;content:'';clear:both}
.inquireSvc li{float:left;width:50%;overflow:hidden}
.inquireSvc li > span{display:block;float:left;width:114px;height:114px;margin-left:20px;border-radius:57px;/* border:1px solid #e4e4e4; */overflow:hidden}
.inquireSvc li > span img{width:114px;height:114px}
.inquireSvc li dl{float:left;margin-left:20px;padding-top:25px;}
.inquireSvc li dt{padding-bottom:10px;font-size:18px;line-height:20px;color:#333;font-weight:bold}
.inquireSvc li dd{font-size: 16px;line-height: 22px;color: #444;}

.adPlaceWrap .sbWrap{position:relative;padding:20px 10px;font-size: 15px;line-height: 17px;color: #444;font-weight: bold;}
.adPlaceWrap .sbWrap span{position: absolute;top: 10px;}

.adPlaceWrap a.btn{border:1px solid #ccc;padding: 15px 30px;font-size:16px;line-height:18px;background: #555;color: #fff;}
.adPlaceWrap a.successBtn{border:1px solid #ccc;padding:10px 30px;font-size: 16px;line-height: 18px;background:#555;color: #fff;}
.adPlaceWrap a:hover{background: #aaa;color: #fff;}

.selOptWrap {width:100%;margin:0;padding:0;}
.selOptWrap span.optTit{text-align: center;background: #f5f6f8;display: block;font-size:13px;line-height: 16px;padding: 5px 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;font-weight: bold;}
.selOptWrap ul.optBox {overflow:hidden;margin-top:3px;padding:10px 0 5px 20px; clear:both;background:#fff;}
.selOptWrap ul.optBox li{ float:left;padding:0 0 5px 0; width:220px;height:18px;}
.selOptWrap ul.optBox li input{margin-right: 10px;}


.agreeWrap{display:none;position:absolute;left:50%;width:860px;margin-left:-430px;background:#fff;z-index:10001}
.agreeWrap .layer{position:relative;padding:30px;text-align:center}
.agreeWrap .popBtn {position: absolute;top:50%; width: 70px; height: 180px;margin-top:-100px;cursor: pointer;text-indent:-9999px}
.agreeWrap .popClose{display:block;position:absolute;top:0;right:0;padding:35px;}
.agreeWrap{width:830px;margin-left:-350px;background:#f5f6f8}
.agreeWrap .layer{padding:30px 40px}
.agreeWrap .layer h3{padding:0 5px 15px;;background:none;text-align:left;font-size:28px;line-height:32px;color:#565656;}
.agreeWrap .layer ul.agree{background: #fff;border:1px solid #ccc;padding: 15px 0;margin-bottom: 30px;}
.agreeWrap .layer ul.agree li{padding:10px;color: #444;font-weight: bold;text-align: left;font-size: 14px;}
.agreeWrap .layer ul.agree li img.errorImg{display: none;}
.agreeWrap .layer .btnGreen{display:block;padding:18px 0;border-radius:5px;background:#515360;color:#fff;font-size:16px;line-height:18px;}
.agreeWrap .layer .btnGreen:hover{background:#00ab68;text-decoration:none}
.agreeWrap .payWrap{margin-top: 20px;border: 1px solid #ccc;}
.agreeWrap .payWrap h3{padding: 7px 15px;font-size: 16px;line-height: 18px;color: #444;background:#fff;font-weight: bold;border-top: 2px solid #515360;border-bottom:1px dashed #CCC;text-align: center; }
.payWrap .payStep{padding:10px 0 10px 20px;background: #fff;}
.payWrap .payStep li{float:left;width:130px;margin-right:25px;background: url(https://image.autowini.com/IMG/COMMON/bis/step_arrow.gif) no-repeat right 45px;padding: 0 40px;height: 150px;}
.payWrap .payStep li.double{height: 180px;}
.payWrap .payStep li:last-child{background: none;margin-right: 0}
.payWrap .payStep:after{display:block;content:'';clear:both}
.payWrap .payStep li dl{width:117px;}
.payWrap .payStep li dl dd{text-align: center;padding: 5px 0;color: #696969;font-weight: bold;}

.comment-new{}
.comment-new img.iconRegister{display:block;float:left;padding:0 25px 0 15px;}
.comment-new dl.commentInfo{float:left;width:580px;padding:5px 0;background:#fff;}
.comment-new dl.commentInfo dt{padding-bottom:10px;font-size:15px;line-height:16px;color:#565656;font-weight:bold;}
.comment-new dl.commentInfo dd.txt1{padding-bottom:8px;font-size:12px;line-height:20px;color:#565656;}
.comment-new dl.commentInfo dd.txt2{padding-top:10px;overflow:hidden;border-top:1px dashed #ddd;}
.comment-new dl.commentInfo dd.txt2 span{display:inline-block;float:left;padding:3px 7px;margin-right:8px;font-size:12px;line-height:20px;color:#888;background:#fff;}
.comment-new dl.commentInfo dd.txt2 span strong{color:#565656 }
.itemCommentWrap{padding:5px 0 8px;overflow:hidden;}
.itemCommentWrap > span{display:block;float:left;font-size:11px;line-height:13px;color:#767676;}
.itemCommentWrap .byteWrap{float:right;padding-right:12px;text-align:right;font-size:11px;line-height:13px;color:#888}
.itemCommentWrap .byteWrap em{color:#00ab68;font-style:normal}

/* regist 인덱스 */
.registItemWrap h2{padding:20px 10px 20px;font-size:24px;line-height:1.5;color:#565656;background:none;letter-spacing:-1px;}
.registItemWrap h2 span{display:inline-block;padding-left:18px;font-size:18px;line-height:1.5;color:#777;font-weight:normal;letter-spacing:-0.5px}
.registItemWrap ul{margin:0 10px;padding:10px 25px 20px;overflow:hidden;background:#f2f2f2;}
.registItemWrap li{float:left;margin:15px 5px;width:215px;}
.registItemWrap li a{display:block;font-size:15px;line-height:16px;color:#666;text-align:center;letter-spacing:-0.5px}
.registItemWrap li a img{display:block;margin:0 auto 15px;}
.registItemWrap li a:hover{text-decoration:none;color:#444;font-weight:bold}
.registItemWrap li a:hover img{border-radius:86px;box-shadow:1px 1px 3px #ccc}