@charset "utf-8";
* { padding: 0; margin: 0; box-sizing: border-box;}
ol,ul { list-style: none; }
a { text-decoration: none; }
img {vertical-align: middle;}
.cb::after {content: ""; display: block; clear: both;}
.ctW{width: 100%;position: relative;font-family: 'Noto Sans KR', sans-serif;}
.ctW .inner{width: 1200px;margin: 0 auto;position: relative;}

/* 회원가입 */
.ctW .inner .signCon1{text-align: center;}
.ctW .inner .signCon1 .i1{padding:60px 0;}
.ctW .inner .signCon1 .i1 img{}
.ctW .inner .signCon1 > h1{font-size: 48px;color: #373737;font-weight: 300;padding-bottom: 25px;}
.ctW .inner .signCon1 > h1 strong{font-weight: 500;}
.ctW .inner .signCon1 > p{font-size: 16px;font-weight: 300;color: #6b6b6b;}
.ctW .inner .signCon2{}
.ctW .inner .signCon2 .wrap{width: 700px;margin: 0 auto;padding-top: 60px;}
.ctW .inner .signCon2 .wrap > ul{padding-bottom: 54px;padding-top: 54px;}
.ctW .inner .signCon2 .wrap > ul li{float: left;}
.ctW .inner .signCon2 .wrap > ul .left{width: 440px;}
.ctW .inner .signCon2 .wrap > ul .left > h1{font-size: 21px;color: #212121;font-weight: 500;}
.ctW .inner .signCon2 .wrap > ul .left > h1 span{font-size: 14px;color: #9e9e9e;font-weight: 400;}
.ctW .inner .signCon2 .wrap > ul .left > p{font-size: 14px;font-weight: 400;padding-top: 10px;}
.ctW .inner .signCon2 .wrap > ul .left > p strong{color: #616161;font-weight: 500;}
.ctW .inner .signCon2 .wrap > ul .right{width: 260px;}
.ctW .inner .signCon2 .wrap > ul .right .signBtn{height: 64px;background: #ff4546;}
.ctW .inner .signCon2 .wrap > ul .right .signBtn a{color: #fefefe;display: block;text-align: center;font-size: 20px;height: 64px;line-height: 64px;}
.ctW .inner .signCon2 .wrap > ul .right .signBtn2{background: #ededed;}
.ctW .inner .signCon2 .wrap > ul .right .signBtn2 a{color: #373737;}
.ctW .inner .signCon2 .wrap > .u2{border-top: 1px solid #9e9e9e;}
/* 회원가입 끝 */

/* 아이디/비밀번호 찾기 */
.ctW .inner .findCon1{}
.ctW .inner .findCon1 .title{padding: 60px 0;text-align: center;font-size: 20px;color: #3d3d3d;font-weight: 500;}
.ctW .inner .findCon1 .boxWrap{width: 650px;margin: 0 auto;padding-bottom: 60px;box-sizing:border-box !important;}
.ctW .inner .findCon1 .boxWrap .idFind{}
.ctW .inner .findCon1 .boxWrap .idFind li {float: left;width: 50%;height: 60px;line-height: 60px;text-align: center;background: #f8f8f8;border: 1px solid #e7e7e7;cursor: pointer;font-size:14px;}
.ctW .inner .findCon1 .boxWrap .idFind li:first-of-type {width:calc(50% + 1px);margin-right:-1px;font-size:14px;}
.ctW .inner .findCon1 .boxWrap .idFind li.on{background: #fff;border-bottom: none;}
.ctW .inner .findCon1 .boxWrap .idBox{display: none;}
.ctW .inner .findCon1 .boxWrap .idBox.on{display: inline-block;width:100%;border-left:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;border-right:1px solid #e7e7e7;}
.ctW .inner .findCon1 .boxWrap .idBox .check{padding:40px 0;width: 80%;margin: 0 auto;}
.ctW .inner .findCon1 .boxWrap .idBox .check li{float: left;width: 33.33%;text-align: center;}
.ctW .inner .findCon1 .boxWrap .idBox .check li > span{}
.ctW .inner .findCon1 .boxWrap .idBox .check li span{font-size:16px;color: #373737;line-height:1;}

.ctW .inner .findCon1 .boxWrap .idBox .inputBox{display: none;}
.ctW .inner .findCon1 .boxWrap .idBox .inputBox.on{display: block;padding-bottom:60px;}
.ctW .inner .findCon1 .boxWrap .idBox .inputWrap{text-align: center;margin-bottom: 15px;}
.ctW .inner .findCon1 .boxWrap .idBox .inputWrap input{width: 390px;height: 52px;border: 1px solid #ddd;padding: 10px;}
.ctW .inner .findCon1 .boxWrap .idBox .inputWrap input:hover {border:1px solid #ff4546;}
.ctW .inner .findCon1 .boxWrap .idBox .inputWrap input:focus {outline:none;}
.ctW .inner .findCon1 .boxWrap .idBox .inputBtn{text-align: center;}
.ctW .inner .findCon1 .boxWrap .idBox .inputBtn button{width: 390px;height: 52px;background: #ff4546;border: none;color: #fff;font-size: 16px;font-family:'Noto Sans KR';font-weight:500;}
label[for="findByEmail"],label[for="findByPhone"],label[for="findBySaup"]{font-size: 14px; cursor: pointer;}

/* 아이디/비밀번호 찾기 끝 */

/* 아이디/비밀번호 찾기 결과 */
.ctW .inner .findCon2 .boxWrap .idBox .title2{font-size: 16px;color: #6b6b6b;text-align: center;font-weight: 400;padding-top: 40px;}
.ctW .inner .findCon2 .boxWrap .idBox .tableWrap{width: 390px;height: 190px;margin: 0 auto;margin-bottom: 20px;padding-top: 20px;}
.ctW .inner .findCon2 .boxWrap .idBox .tableWrap table{width: 100%;height: 100%;background: #f8f8f8;border-radius: 20px;}
.ctW .inner .findCon2 .boxWrap .idBox .tableWrap table tr th{color: #6b6b6b;font-size: 14px;font-weight: 400;}
.ctW .inner .findCon2 .boxWrap .idBox .tableWrap table tr td{color: #373737;font-size: 14px;}
.ctW .inner .findCon2 .boxWrap .idBox .inputBtn a{display: block; width: 390px;height: 52px;line-height: 52px; background: #ff4546;border: none;color: #fff;font-size: 16px;margin: 0 auto;}

.ctW .inner .findCon1 .boxWrap .idBox .passwordCon p{text-align: center;font-weight: 300;font-size: 16px;padding-top: 60px;padding-bottom: 30px;line-height: 27px;}
.ctW .inner .findCon1 .boxWrap .idBox .passwordCon p span{color: #ff4546;font-weight: 400;}
.ctW .inner .findCon1 .boxWrap .idBox .passwordCon p strong{font-weight: 500;}
/* 결과추가 */
.pwInquiry{padding:70px 80px 40px;}
.pwInquiry_txt{background: #f8f8f8;padding: 42px 0;line-height: 1.8;background: #f8f8f8;font-size: 18px;color: #3c3c3c;text-align: center;border-radius:25px;}
.pwInquiry_txt b{color: #ff4546;font-weight: 500;}
.goto_login {margin-top: 40px;text-align: center;}
.btn-red{display: inline-block;background: #ff4546;color: #fff;height: 45px;line-height: 45px;width: 390px;font-size: 20px;font-weight: 500;}
.btn-red:visited{color: #fff;}
/* 아이디/비밀번호 찾기 결과 끝 */

/* 사업자 회원가입 */
.ctW .bSct{padding-left: 20px;padding-right: 20px;padding-bottom: 80px;}
.ctW .bSct .title{font-size: 24px;color: #373737;font-weight: 400;padding-bottom: 15px;border-bottom: 2px solid #474747;padding-top: 50px;}
.ctW .bSct .title span{color: #6b6b6b;font-size: 14px;font-weight: 400;margin-left: 10px;}
.ctW .bSct .bSignCon{border-bottom: 1px dotted #bdbdbd;padding-bottom: 40px;}
.ctW .bSct .bSignCon .title2{font-size: 18px;color: #373737;padding-left: 00px;padding-top: 35px;padding-bottom: 25px;font-weight: 400;}
.ctW .bSct .bSignCon .title2 span{font-size: 14px; color: #6b6b6b;font-weight: 400;margin-left: 10px;}
.ctW .bSct .bSignCon .tableWrap{}
.ctW .bSct .bSignCon .tableWrap table{}
.ctW .bSct .bSignCon .tableWrap table tr th{padding-left: 00px;text-align:left;font-size: 14px;color: #6b6b6b;font-weight: 400;padding-right: 35px;}
.ctW .bSct .bSignCon .tableWrap table tr td{padding-top: 5px;padding-bottom: 5px;}
.ctW .bSct .bSignCon .tableWrap table tr td input{width: 220px;height: 40px;border: 1px solid #e7e7e7;padding: 10px;}
.ctW .bSct .bSignCon .tableWrap table tr .sa{}
.ctW .bSct .bSignCon .tableWrap table tr .sa input{width: 100px;height: 40px;border: 1px solid #e7e7e7;}
.ctW .bSct .bSignCon .tableWrap table tr .sa button{font-family:'Noto Sans KR'; width: 140px;height: 40px;background: #ededed;border: none;font-size: 14px;color: #616161;vertical-align: middle;margin-left: 10px;}
.ctW .bSct .bSignCon4{border-bottom: none;}
/*
.ctW .bSct .bSignCon4 .checkWrap{padding-top: 40px;}
.ctW .bSct .bSignCon4 .checkWrap .checkUl{}
.ctW .bSct .bSignCon4 .checkWrap .checkUl li{margin-bottom:20px;padding-left:00px;}
.ctW .bSct .bSignCon4 .checkWrap .checkUl li > span{font-size: 14px; color: #6b6b6b;margin-left: 10px;}
.ctW .bSct .bSignCon4 .checkWrap .checkUl li > .all{font-size: 14px; color: #373737;font-weight:500;}
.ctW .bSct .bSignCon4 .checkWrap .checkUl li .cBox{display: inline-block;width: 12px;height: 12px;position: relative;}
.ctW .bSct .bSignCon4 .checkWrap .checkUl li .cBox img{width: 100%;position: absolute;top:1px;}
.ctW .bSct .bSignCon4 .checkWrap .checkUl li .cBox label{position: absolute;width: 100%;height: 100%;top: 1px;left: 0;}
.ctW .bSct .bSignCon4 .checkWrap .checkUl li .cBox label input{position: absolute;left: 20px;opacity: 0;}
*/
.ctW .bSct .dongBtn{margin: 0 auto; width: 390px;background: #ff4546;color: #f8f8f8;font-size: 18px;text-align: center;margin-top: 30px;}
.ctW .bSct .dongBtn button{color: #f8f8f8;background: transparent;border: none;font-size: 18px;width: 100%;height: 100%;font-family:'Noto Sans KR';height: 60px;line-height: 60px;}
.blueT{color: #338eff;font-size: 14px;margin-left: 16px;}

/* 회원가입  20200413 오승준추가 */
.ctW .bSct .title{padding-bottom:10px;padding-top:5px;line-height: 1;color: #3d3d3d;}
.ctW .bSct .title span{color: #888888;font-size: 14px;font-weight: 400;margin-left: 10px;}
.ctW .bSct .bSignCon{border-bottom: 1px dotted #bdbdbd;padding:40px 0 40px 20px;}
.ctW .bSct .bSignCon .title2{font-weight: 500;font-size:18px;color: #464646;padding:0;line-height:1;margin-bottom:15px;}
.ctW .bSct .bSignCon .title2 span{font-size: 14px; color: #888888;font-weight: 400;margin-left: 10px;}
.ctW .bSct .bSignCon .tableWrap{}
.ctW .bSct .bSignCon .tableWrap table{width: 100%;}
.ctW .bSct .bSignCon .tableWrap table tr th,
.ctW .bSct .bSignCon .tableWrap table tr td{padding-top: 5px;padding-bottom: 5px;}
.ctW .bSct .bSignCon .tableWrap table tr th{text-align:left;font-size: 18px;color: #6b6b6b;font-weight:300;letter-spacing: -0.03em;padding-right: 0;}
.ctW .bSct .bSignCon .tableWrap table tr td{}
.ctW .bSct .bSignCon .tableWrap table tr td .blueT{float: left;display: block;color: #338eef;margin-left: 20px;line-height: 40px;height: 40px;}
.ctW .bSct .bSignCon .tableWrap table tr td .blueT{}
.ctW .bSct .bSignCon .tableWrap table tr td input{display: block;width: 220px;height: 40px;border: 1px solid #e7e7e7;padding: 10px;float: left;}
.ctW .bSct .bSignCon .tableWrap table tr .sa{}
.ctW .bSct .bSignCon .tableWrap table tr .sa input{width: 100px;height: 40px;border: 1px solid #e7e7e7;}
.ctW .bSct .bSignCon .tableWrap table tr .sa button{font-family:'Noto Sans KR'; width: 140px;height: 40px;background: #ededed;border: none;font-size: 14px;color: #616161;vertical-align: middle;margin-left: 10px;}
.ctW .bSct .bSignCon3{padding-bottom: 35px;}
.ctW .bSct .bSignCon4{}
.ctW .bSct .bSignCon4 .checkWrap{padding-top:0;}
.ctW .bSct .bSignCon4 .checkUl li{line-height: 1;}
.ctW .bSct .bSignCon4 .checkUl li+li{margin-top: 12px;}
.label_checked{}
.label_checked label{display:inline-block;position: relative;cursor:pointer}
.label_checked label input.check_area{float:right;}
.label_checked label input[type="checkbox"],
.label_checked label input[type="radio"]{position: absolute;left: -9999em;}
.label_checked label span{display: inline-block;background-repeat: no-repeat;background-position: 0 0;background-image: url(../images/qubridge/new/icon_checked_off.png);padding-left:36px;min-height:25px;color: #6b6b6b;font-size: 18px;font-weight: 300;padding-top:3px;}
.label_checked label input[type="checkbox"]:checked + span,
.label_checked label input[type="radio"]:checked + span{background-image: url(../images/qubridge/new/icon_checked_on.png);font-weight: 500;color: #464646;}

.label_checked.v3 label span{background-image: url(../images/qubridge/new/myChkOff.png);padding-left:36px;min-height:25px;font-size:0;}
.label_checked.v3 label input[type="checkbox"]:checked + span,
.label_checked.v3 label input[type="radio"]:checked + span{background-image: url(../images/qubridge/new/myChkOn.png);}

.label_checked label p.m_tit{width: 732px; font-weight: 500; color: #333; float: left; line-height: 1.3; font-size:18px; margin-bottom:10px;}
.label_checked label p.agree_box{width: 732px; font-size: 18px; font-weight: 100; color: #666; float: left; line-height: 1.3;}
.label_checked label p.agree_box b.txt{color:#ff4546;line-height: 1.5em;margin-top: 4px;margin-right: 8px;float: left;font-size: 14px;}
.label_checked label p.bn{font-size: 14px; position: absolute; top: 4px; left: 400px; border-bottom: 1px solid #888; color:#999; font-weight:100;}


.ctW .bSct .dongBtn{margin:40px auto 0; width: 390px;background: #ff4546;color: #f8f8f8;font-size: 18px;text-align: center;}
.ctW .bSct .dongBtn button{color: #f8f8f8;background: transparent;border: none;font-size:20px;width: 100%;height: 100%;font-family:'Noto Sans KR';height: 60px;line-height: 60px;height: 60px;font-weight: 500;}
.blueT{color: #338eff;font-size: 14px;margin-left: 16px;}
/* 회원가입  20200413 오승준추가 끝 */

/* 사업자 회원가입 끝 */


/*레이어팝업*/
.layerPop {z-index:99999999;display:none;width:980px;height:688px;background:#fff;position:fixed;left:50%;top:50%;margin-left:-490px;margin-top:-344px;}
.layerPop .popWrap {display:inline-block;width:100%;height:100%;padding:40px;text-align: center;}
.layerPop .popWrap > h2 {font-size:24px;color:#373737;line-height:24px;margin:40px auto;font-weight:400;letter-spacing: -.5px;}

.popWrap .btnArea.double {display:block;position:relative;;width:100%;text-align: center;padding-bottom:40px;border-bottom:dashed 1px #dddddd;}
.popWrap .btnArea.double a {display:inline-block;width:140px;height:40px;line-height:38px;margin:0 4px;font-size:16px;}
.popWrap .btnArea.double a.redBtn {background:#ff4546;color:#fff;border:1px solid #ff4546}
.popWrap .btnArea.double a.redLineBtn {background:#fff;color:#ff4546;border:1px solid #ff4546}

.benefit_wrap {display:block;width:100%;padding-top:40px;text-align: left;}
.benefit_wrap > p {color:#212121;font-weight:500;font-size:16px;line-height:16px;}
.benefit_wrap ul {margin-top:32px;}
.benefit_wrap ul li {display:inline-block;float:left;width:33.3%;padding-left:100px;}
.benefit_wrap ul li:nth-of-type(3n-1) {display:inline-block;float:left;width:33.4%;padding-left:100px;}

.benefit_wrap ul li:first-of-type {background:url(../images/qubridge/dummy/join_01.png) no-repeat center left;margin-bottom:24px;}
.benefit_wrap ul li:nth-of-type(2) {background:url(../images/qubridge/dummy/join_02.png) no-repeat center left;margin-bottom:24px;}
.benefit_wrap ul li:nth-of-type(3) {background:url(../images/qubridge/dummy/join_03.png) no-repeat center left;margin-bottom:24px;}
.benefit_wrap ul li:nth-of-type(4) {background:url(../images/qubridge/dummy/join_04.png) no-repeat center left;}
.benefit_wrap ul li:nth-of-type(5) {background:url(../images/qubridge/dummy/join_05.png) no-repeat center left;}
.benefit_wrap ul li:nth-of-type(6) {background:url(../images/qubridge/dummy/join_06.png) no-repeat center left;}

.benefit_wrap ul li h3 {font-size:16px;color:#3d3d3d;font-weight:500;letter-spacing: -1px;}
.benefit_wrap ul li p {font-size:12px;color:#6b6b6b;font-weight:300;line-height:16px;letter-spacing: -1px;}
.benefit_wrap ul li a {display:inline-block;font-size:13px;color:#3d3d3d;font-weight:400;line-height:40px;padding-right:13px;background:url(../images/qubridge/ico/ico_space.png) no-repeat center right;}

.greyLineBtn {width:140px;height:40px;line-height:38px;color:#ff4546 !important;border:1px solid #dddddd;text-align: center;display:block;margin:32px auto 0 auto; font-size:16px;font-weight:500;}

.modal_pop {display:none;position:fixed;width:720px;height:510px;left:50%;top:50%;margin-left:-360px;margin-top:-205px;z-index:100000000;background:#fff;}
.pop_wrap {display:block;position:relative;width:100%;height:100%;text-align: center;padding:60px 40px 70px 40px;}
.pop_wrap h3 {display:inline-block;height:40px;line-height:40px;background:url(../images/qubridge/ico/ico_join_info.png) no-repeat center left;font-size:24px;color:#373737;padding-left:45px;margin-left:-45px;font-weight:400;}
.pop_wrap h4 {display:block;width:100%;font-size:18px;line-height:28px;color:#6b6b6b;font-weight:400;margin:40px auto;}

.pop_wrap .inputArea {display:inline-block;width:100%;border-top:1px dashed #dddddd;padding:35px 80px 0 80px;text-align: left;}
.pop_wrap .inputArea ul {width:480px;margin:0 auto 10px auto;}
.pop_wrap .inputArea ul li {text-align: left;padding:0 5px;}
.pop_wrap .inputArea ul li:not(:last-of-type) {margin-bottom:15px;}
.pop_wrap .inputArea ul li p {font-size:14px; line-height:14px;color:#6b6b6b;margin-bottom:10px;}
.pop_wrap .inputArea ul li .box > * {float:left;}
.pop_wrap .inputArea ul li .box select {width:100px;height:40px;line-height:40px;padding:0 10px;border:1px solid #e7e7e7;font-size:14px;}
.pop_wrap .inputArea ul li .box input[type="text"] {width:100px;height:40px;line-height:40px;padding:0 10px;border:1px solid #e7e7e7;font-size:14px;}
.pop_wrap .inputArea ul li .box input[type="text"].long {width:320px;height:40px;line-height:40px;padding:0 10px;border:1px solid #e7e7e7;font-size:14px;}
.pop_wrap .inputArea ul li .box .dash {display:inline-block;text-align: center;width:10px;height:40px;line-height:40px;color:#878787;}
.pop_wrap .inputArea ul li .box button {width:140px;height:40px;line-height:40px;font-size:14px;text-align: center;color:#616161;font-weight:400;font-family:'Noto Sans KR';float:right;}
.pop_wrap .inputArea ul li .box button.redBtn {width:140px;height:40px;line-height:40px;font-size:14px;text-align: center;color:#fff;font-weight:400;font-family:'Noto Sans KR';float:right;background:#ff4546}

.pop_wrap .inputArea input[type="checkbox"] {display:none;opacity:0;}
.pop_wrap .inputArea input[type="checkbox"] + label {display:inline-block;position:relative;padding-left:16px;font-size:12px;color:#373737;font-weight:300;background:url(../images/qubridge/ico/priv_off.png) no-repeat top 4px left;margin-left:5px;}
.pop_wrap .inputArea input[type="checkbox"]:checked + label {display:inline-block;position:relative;padding-left:16px;font-size:12px;color:#373737;font-weight:300;background:url(../images/qubridge/ico/priv_on.png) no-repeat top 4px left;}

.pop_wrap .inputArea a.question {display:inline-block;position:absolute;width:14px;height:14px;background:url(../images/qubridge/ico/ico_question.png) no-repeat center;margin:2px 0 0 4px;}
.pop_wrap .inputArea a.question .toolTip {display:none; position:absolute;top:7px;margin-left:17px;font-size:11px;color:#6b6b6b;line-height:20px;width:220px;height:50px;background:url(../images/qubridge/bg/tooltip_bg.png) no-repeat;padding:6px 0 0 15px;cursor:default;}