@charset "utf-8";
/* 2020.01.22 ssj : cmm/mber/sbscrb/crtfc/style.css ; */
/* 2020.06.23 OSY */

/* 서브페이지 틀 세팅*/
#sub_visual {/*display:none;*/}
.contents {border-top:2px solid #ddd;}
.subMenu {/*display:none;*/}
.subMenu + .subCon {/* width:100% !important; *//* float: none; *//* margin: 0 auto; */}
.subCon h4.tit {display:none;}
.subCon .location {/*display:none;*/}
.subCon .location ~ div:first-of-type {padding-top:50px;}

.wrap_left_template #sub_visual {/*display:block; margin-bottom:12px;*/}
.wrap_left_template .contents {border-top:none;}




/*로그인*/
div.sbscrb001{width:100%; padding:10px; box-sizing:border-box; overflow:hidden;}
div.sbscrb001 > div.sbscrbTopbox{width:100%; min-height:160px; box-sizing:border-box; border:1px dashed #c5c5c5; background:#fcfcfc; float:left; padding:20px;}
div.sbscrb001 > div.sbscrbTopbox div.sbscrbImgbox{width:30%; float:left; padding:10px 0; display:block; text-align:center;}
div.sbscrb001 > div.sbscrbTopbox ul.sbscrbTxtbox{width:70%; float:left;}
div.sbscrb001 > div.sbscrbTopbox ul{float:left; width:100%;}
div.sbscrb001 > div.sbscrbTopbox ul li{margin-top:5px; font-size:13px; line-height:18px; letter-spacing:-1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
div.sbscrb001 > div.sbscrbTopbox ul li:first-child{font-size:15px; margin-top:0; margin-bottom:15px; font-weight:600; color:#de1135; }
div.sbscrb001 > div.sbscrbBtmbox .loginWrap{box-sizing: border-box; width:100%; margin:0px auto; float:left;}
div.sbscrb001 > div.sbscrbBtmbox .loginWrap h2{font-size:27px;  line-height:27px; margin-bottom:10px; color:#333; font-weight:600; letter-spacing:-2px;}
div.sbscrb001 > div.sbscrbBtmbox .loginWrap p {font-size:12px; padding:16px 0 24px 0; letter-spacing:0px;}
div.sbscrb001 > div.sbscrbBtmbox .loginWrap h3{font-size:14px; font-weight:700; padding:10px 0;}
div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginLine{box-sizing:border-box; position:relative; padding-top:10px;}
div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox{border:1px solid #e2e2e2; background:#fafafa; padding:50px 40px; overflow:hidden;}
div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox .inputLabel {margin-bottom:10px; margin-right:90px;}
div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox .inputLabel .loginId, .loginWrap .loginBox .inputLabel .loginPw{border:1px solid #e9e9e9; height:40px; box-sizing:border-box;font-size:12px; width:100%;padding:0 10px;}
div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox span.idSaveBox{line-height:12px; display:block; font-size:12px;}
div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox .idSave{vertical-align:-1px; font-size:12px;}
div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginLine a.loginBt{background:#6d6d6d;  transition-duration:0.5s; padding:37px 21px; color:#fff; position:absolute; top:97px; right:41px; border-radius:3px; font-size:13px; line-height:16px;}
div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginLine a.loginBt:hover{background:#000;}
div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginLine .loginSearch{ padding:20px 0; margin-top:20px; border-top:1px solid #e6e6e6; overflow:hidden;}
div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginLine .loginSearch li {width:33.3%; box-sizing:border-box; text-align:center; list-style:none; float:left; margin-bottom:5px; border-right:1px solid #e2e2e2;  padding:0; color:#909090; margin:0; }
div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginLine .loginSearch li:last-child {border-right:none;}
div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginLine .loginSearch li a{color:#6d6d6d; width:100px; height:20px; line-height:20px; font-size:12px; text-align:center; border-radius:2px; font-weight:600; letter-spacing:-1px;}
div.sbscrb001 > div.sbscrbBtmbox .loginWrap .logindiv.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox .id-savenLine .loginSearch li a:hover{background:url("../img/clickBar.png") repeat-x;}


/*찾기*/
div.sbscrb002{width:100%; padding:10px; box-sizing:border-box;}
div.sbscrb002 > div.sbscrbTopbox{width:100%; box-sizing:border-box;}
div.sbscrb002 > div.sbscrbTopbox > ul.typeTop{width:100%;}
div.sbscrb002 > div.sbscrbTopbox > ul.typeTop li{width:50%; list-style:none; box-sizing:border-box; float:left;}
div.sbscrb002 > div.sbscrbTopbox > ul.typeTop li:first-child a{border-right:0;}
div.sbscrb002 > div.sbscrbTopbox > ul.typeTop li a{padding:18px 30px; background:#f1f1f1; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:2px solid #bbb; font-size:13px;  display:block; text-align:center;}
div.sbscrb002 > div.sbscrbTopbox > ul.typeTop li a:hover{font-weight:600; }
div.sbscrb002 > div.sbscrbTopbox > ul.typeTop li a.on{background:#fff; font-weight:600; border-bottom:none; border-top:2px solid #bbb;}
div.sbscrb002 > div.sbscrbBtmbox{width:100%; float:left; margin-top:50px;}
div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn{width:100%;}
div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn li {width:19%;margin-right:1%;float:left;text-align:center;}
div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn li:last-child{width:20%; margin-right:0;}
div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn li a{padding: 15px 10px 0px 10px;border:1px solid #ccc;border-radius:0px;display:block;text-align:center;background:#fff;border-top: none;}
div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn li a:hover{background:#fcfcfc;}
div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn li a p{font-size: 17px;font-weight:500;margin-top: 10px;letter-spacing:-1px;}
div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn li a span{background:#5d5e65;/* line-height:15px; */font-size: 15px;font-weight:600;letter-spacing: -0.5px;color:#fff;padding: 10px 0;/* border-radius: 1px; */width:50%;margin:20px auto;display:block;text-align:center;position:relative;padding-right:15px;}
div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn li a span img{float:right;padding-right:10px;display:block;margin:2px 0;position:absolute;top: 12px;right: 2px;}

div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn .SC00000306{border-top: 3px solid #c5c5c5;}
div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn .SC00000433{border-top:3px solid #18ca00;}
div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn .SC00000434{border-top:3px solid #edd60d;}
div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn li:nth-child(4){border-top:3px solid #d44b4b;}
div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn .SC00000436{border-top:3px solid #3d62a9;}

div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn .SC00000306 a span{background: #124274;}
div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn .SC00000433 a span{background:#18ca00;}
div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn .SC00000434 a span{background:#edd60d;}
div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn li:nth-child(4) a span{background:#d44b4b;}
div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn .SC00000436 a span{background:#3d62a9;}

div.sbscrb002 ul.sbscrbStep{width:100%;float:left;background: #f8f8f8;padding: 30px 0;/* border:1px solid #f1f1f1; */margin-bottom: 30px;}
div.sbscrb002 ul.sbscrbStep li{width:33.3%; float:left; background:url("../img/sbscrbBgarrow.png") no-repeat right 50%; }
div.sbscrb002 ul.sbscrbStep li:last-child{background:none;}
div.sbscrb002 ul.sbscrbStep li img{display:block;margin:0px auto;padding:20px;background:#fff;/* border:1px solid #eee; */border-radius:100px;}
div.sbscrb002 ul.sbscrbStep li:nth-child(2) img{background:#f3f3f3;}
div.sbscrb002 ul.sbscrbStep li p{text-align:center;font-size: 16px;font-weight:500;color:#5d5e65;padding-top: 15px;}
div.sbscrb002 ul.sbscrbStep li p.stepOn{/* font-weight:600; */}
div.sbscrb002 ul.sbscrbStep li p span{display:inline-block;width:100%;font-size: 20px;color: #124274;padding-top: 10px;}
div.sbscrb002 p.sbscrbNaming{float:left;width:100%;padding: 40px 15px 30px;font-size: 22px;/* line-height:18px; */font-weight:600;letter-spacing: -0.5px;box-sizing: border-box;border-top: 3px solid #555;}
div.sbscrb002 p.sbscrbNaming > span{font-size: 15px;width:100%;display:block;margin-top: 20px;font-weight:400;color: #555;}
div.sbscrb002 ul.sbscrbStep li:nth-child(2) p {
    font-weight: 600;
}

/*이메일로찾기*/
div.sbscrb003{width:100%; padding:10px; box-sizing:border-box;}
div.sbscrb003 > div.sbscrbTopbox{width:100%; box-sizing:border-box;}
div.sbscrb003 > div.sbscrbTopbox > ul.typeTop{width:100%;}
div.sbscrb003 > div.sbscrbTopbox > ul.typeTop li{width:50%; list-style:none; box-sizing:border-box; float:left;}
div.sbscrb003 > div.sbscrbTopbox > ul.typeTop li:first-child a{border-right:0;}
div.sbscrb003 > div.sbscrbTopbox > ul.typeTop li a{padding:18px 30px; background:#f1f1f1; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:2px solid #bbb; font-size:13px;  display:block; text-align:center;}
div.sbscrb003 > div.sbscrbTopbox > ul.typeTop li a:hover{font-weight:600; }
div.sbscrb003 > div.sbscrbTopbox > ul.typeTop li a.on{background:#fff; font-weight:600; border-bottom:none; border-top:2px solid #bbb;}
div.sbscrb003 > div.sbscrbTopbox > ul.typeTop li a.last{border-left: 1px solid #ccc; border-bottom:2px solid #bbb; border-right: 0px #fff; border-top: 0px #fff; background:#fff;}
div.sbscrb003 > div.sbscrbBtmbox{width:100%; float:left; margin-top:50px;}
div.sbscrb003 > div.sbscrbBtmbox p.sbscrbNaming{padding:10px 0; font-size:16px; line-height:16px; letter-spacing:-1px; font-weight:600;}
div.sbscrb003 > div.sbscrbBtmbox div.sbscrbBtnbox {overflow:hidden; width:100%; float:left; margin-top:20px;}
div.sbscrb003 > div.sbscrbBtmbox div.sbscrbBtnbox div.sbscrbBtnwidth {max-width:300px; margin:0 auto; overflow:hidden;}
div.sbscrb003 > div.sbscrbBtmbox table{width:100%; border-top:3px solid #363636;}
div.sbscrb003 > div.sbscrbBtmbox table.sbscrbTable tr{}
div.sbscrb003 > div.sbscrbBtmbox table.sbscrbTable tr th{background:#fafafa;border-bottom:1px solid #ccc;padding: 25px 0;text-align:center;font-size: 15px;font-weight:600;}
div.sbscrb003 > div.sbscrbBtmbox table.sbscrbTable tr td{padding:0 10px; border-bottom:1px solid #ccc;  box-sizing:border-box;}
div.sbscrb003 > div.sbscrbBtmbox table.sbscrbTable tr input{height: 34px;border:1px solid #ddd;margin-right: 8px;float:left;line-height: 34px;font-size: 14px;padding: 5px;}
div.sbscrb003 > div.sbscrbBtmbox table.sbscrbTable tr span{float:left;line-height:24px;display:block;font-size: 14px;margin-left: 10px;}
div.sbscrb003 > div.sbscrbBtmbox table.sbscrbTable tr select{height: 34px;border:1px solid #ddd;margin-right:2px;float:left;line-height: 34px;font-size: 14px;vertical-align: middle;}
div.sbscrb003 > div.sbscrbBtmbox table.sbscrbTable tr select + a.cfmBtn{vertical-align:3px; }


/*찾기완료*/
div.sbscrb004{width:100%; padding:10px; box-sizing:border-box;}
div.sbscrb004 > div.sbscrbTopbox{width:100%; box-sizing:border-box;}
div.sbscrb004 > div.sbscrbTopbox > ul.typeTop{width:100%;}
div.sbscrb004 > div.sbscrbTopbox > ul.typeTop li{width:50%; list-style:none; box-sizing:border-box; float:left;}
div.sbscrb004 > div.sbscrbTopbox > ul.typeTop li:first-child a{border-right:0;}
div.sbscrb004 > div.sbscrbTopbox > ul.typeTop li a{padding:18px 30px; background:#f1f1f1; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:2px solid #bbb; font-size:13px;  display:block; text-align:center;}
div.sbscrb004 > div.sbscrbTopbox > ul.typeTop li a:hover{font-weight:600; }
div.sbscrb004 > div.sbscrbTopbox > ul.typeTop li a.on{background:#fff; font-weight:600; border-bottom:none; border-top:2px solid #bbb;}
div.sbscrb004 > div.sbscrbBtmbox{width:100%; float:left; margin-top:50px;}
div.sbscrb004 > div.sbscrbBtmbox p.sbscrbNaming{padding:10px 0; font-size:16px; line-height:16px; letter-spacing:-1px; font-weight:600;}
div.sbscrb004 > div.sbscrbBtmbox p.sbscrbNaming > span{font-size:12px; width:100%; display:block; margin-top:5px; font-weight:400; color:#aaa;}
div.sbscrb004 > div.sbscrbBtmbox div.sbscrbIdbox{border:1px solid #ccc; border-top:3px solid #df1135; padding:50px; box-sizing:border-box; float:left; width:100%;}
div.sbscrb004 > div.sbscrbBtmbox div.sbscrbIdbox ul.sbscrbIdsac{float:left; width:100%; font-size:16px; }
div.sbscrb004 > div.sbscrbBtmbox div.sbscrbIdbox ul.sbscrbIdsac_stplatAgre li:first-child{width:100%; box-sizing:border-box; float:left; text-align:center; padding-right:50px;}
div.sbscrb004 > div.sbscrbBtmbox div.sbscrbIdbox ul.sbscrbIdsac li:first-child{width:50%; box-sizing:border-box; float:left; text-align:right; padding-right:50px;}
div.sbscrb004 > div.sbscrbBtmbox div.sbscrbIdbox ul.sbscrbIdsac li:last-child{float:left; box-sizing:border-box;  width:50%; padding-left:10px;}
div.sbscrb004 > div.sbscrbBtmbox div.sbscrbBtnbox {overflow:hidden; width:100%; float:left; margin-top:20px;}
div.sbscrb004 > div.sbscrbBtmbox div.sbscrbBtnbox div.sbscrbBtnwidth {max-width:300px; margin:0 auto; overflow:hidden;}
div.sbscrb004 > div.sbscrbBtmbox table{width:100%; border-top:2px solid #ccc;}
div.sbscrb004 > div.sbscrbBtmbox table.sbscrbTable tr{}
div.sbscrb004 > div.sbscrbBtmbox table.sbscrbTable tr th{background:#fafafa; border-bottom:1px solid #ccc; padding:15px 0; text-align:center; font-size:13px; font-weight:600;}
div.sbscrb004 > div.sbscrbBtmbox table.sbscrbTable tr td{padding:0 10px; border-bottom:1px solid #ccc;  box-sizing:border-box;}
div.sbscrb004 > div.sbscrbBtmbox table.sbscrbTable tr input{border:1px solid #ddd; margin-right:2px; float:left; line-height:24px; font-size:12px; padding:0 5px;}
div.sbscrb004 > div.sbscrbBtmbox table.sbscrbTable tr span{float:left; line-height:24px; display:block; font-size:12px; margin-right:2px;}
div.sbscrb004 > div.sbscrbBtmbox table.sbscrbTable tr select{height:26px; border:1px solid #ddd; margin-right:2px; float:left; font-size:12px; vertical-align:2px;}
div.sbscrb004 > div.sbscrbBtmbox table.sbscrbTable tr select + a.cfmBtn{vertical-align:3px; }

/*회원가입*/
div.sbscrb005{box-sizing: border-box; width:100%; padding:10px;}
div.sbscrb005 ul.sbscrbStep{width:100%; float:left; background:#fcfcfc; padding:15px 0; border:1px solid #f1f1f1; margin-bottom:10px;}
div.sbscrb005 ul.sbscrbStep li{width:33.3%; float:left; background:url("../img/sbscrbBgarrow.png") no-repeat right 50%; }
div.sbscrb005 ul.sbscrbStep li:last-child{background:none;}
div.sbscrb005 ul.sbscrbStep li img{display:block; margin:0px auto; padding:20px; background:#fff; border:1px solid #eee; border-radius:100px;}
div.sbscrb005 ul.sbscrbStep li img.stepOn{background:#f3f3f3;}
div.sbscrb005 ul.sbscrbStep li p{text-align:center; font-size:14px; font-weight:500; color:#5d5e65; padding-top:5px;}
div.sbscrb005 ul.sbscrbStep li p.stepOn{font-weight:600;}
div.sbscrb005 ul.sbscrbStep li p span{display:inline-block; width:100%; font-size:12px; color:#333;}
div.sbscrb005 p.sbscrbNaming{float:left; width:100%; padding:10px 0; font-size:16px; line-height:16px; letter-spacing:-1px; font-weight:600;}
div.sbscrb005 p.sbscrbNaming > span{font-size:12px; width:100%; display:block; margin-top:5px; font-weight:400; color:#aaa;}
div.sbscrb005 h3{font-size:14px; font-weight:700; padding:10px 0;}
div.sbscrb005 > table{width:100%; border-top:3px solid #363636;}
div.sbscrb005 > table.sbscrbTable tr{}
div.sbscrb005 > table.sbscrbTable tr th{background:#fafafa; border-bottom:1px solid #ccc; padding:15px 0; text-align:center; font-size:13px; font-weight:600;}
div.sbscrb005 > table.sbscrbTable tr td{padding:10px; border-bottom:1px solid #ccc;  box-sizing:border-box;}
div.sbscrb005 > table.sbscrbTable tr input{height:26px; border:1px solid #ddd; margin-right:2px; float:left; line-height:24px; font-size:12px; padding:0 5px;}
div.sbscrb005 > table.sbscrbTable tr span{float:left; line-height:24px; display:block; font-size:12px; margin-right:2px;}
div.sbscrb005 > table.sbscrbTable tr span.sbscrbPointc{float:none; color:#ff0000; display:inline;}
div.sbscrb005 > table.sbscrbTable tr select{height:26px; border:1px solid #ddd; margin-right:2px; float:left; font-size:12px; vertical-align:2px;}
div.sbscrb005 > table.sbscrbTable tr select + a.cfmBtn{vertical-align:3px; }
div.sbscrb005 > table.sbscrbTable tr input[type="checkbox"]{width:auto; border:none;} 
div.sbscrb005 div.sbscrbBtnbox {overflow:hidden; width:100%; float:left; margin-top:20px;}
div.sbscrb005 div.sbscrbBtnbox div.sbscrbBtnwidth {max-width:300px; margin:0 auto; overflow:hidden;}
div.sbscrb005 > table.sbscrbTable tr input[type="checkbox"]{width:auto;}
div.sbscrb005 > table.sbscrbTable tr td ul li{width:32%; line-height:26px; text-align:left; margin-left:1%; float:left;}
div.sbscrb005 > table.sbscrbTable tr td textarea{width:100%; font-size:12px; padding:5px; box-sizing:border-box; border:1px solid #ddd;}


/* 약관동의 */
div.sbscrb006{width:100%; padding:10px; box-sizing: border-box;}
div.sbscrb006 ul.sbscrbStep{width:100%; float:left; background:#fcfcfc; padding:15px 0; border:1px solid #f1f1f1; margin-bottom:10px;}
div.sbscrb006 ul.sbscrbStep li{width:33.3%; float:left; background:url("../img/sbscrbBgarrow.png") no-repeat right 50%; }
div.sbscrb006 ul.sbscrbStep li:last-child{background:none;}
div.sbscrb006 ul.sbscrbStep li img{display:block; margin:0px auto; padding:20px; background:#fff; border:1px solid #eee; border-radius:100px;}
div.sbscrb006 ul.sbscrbStep li img.stepOn{background:#f3f3f3;}
div.sbscrb006 ul.sbscrbStep li p{text-align:center; font-size:14px; font-weight:500; color:#5d5e65; padding-top:5px;}
div.sbscrb006 ul.sbscrbStep li p.stepOn{font-weight:600;}
div.sbscrb006 ul.sbscrbStep li p span{display:inline-block; width:100%; font-size:12px; color:#333;}
div.sbscrb006 p.sbscrbNaming{float:left; width:100%; padding:10px 0; font-size:16px; line-height:16px; letter-spacing:-1px; font-weight:600;}
div.sbscrb006 p.sbscrbNaming > span{font-size:12px; width:100%; display:block; margin-top:5px; font-weight:400; color:#aaa;}
div.sbscrb006 .signupWrap{width:100%; float:left;}
div.sbscrb006 .signupWrap .signupBox{ background:#fafafa;}
div.sbscrb006 .signupWrap .signupBox h3{font-size:14px; letter-spacing:-1px; font-weight:700; padding:10px; background:#fafafa;}
div.sbscrb006 .signupWrap .signupBox h3 span.sbscrbPointc{color:#ff0000; font-size:13px;}
div.sbscrb006 .signupWrap ul.signText li{height:200px; margin:10px; padding:20px; background:#fff; line-height:18px; border:1px solid #ccc; box-sizing:border-box; overflow-y:scroll;}
div.sbscrb006 .signupWrap ul.signText li:first-child{margin-top:0;}
div.sbscrb006 .signupWrap .signClick{overflow:hidden; text-align:right; padding:10px; background:#fafafa;}
div.sbscrb006 .signupWrap .signClick input{vertical-align:-2px; margin-right:3px;}
div.sbscrb006 .signupWrap .signClick span{font-size:12px; font-weight:600;}
div.sbscrb006 .sbscrbBtnbox{width:100%; float:left; margin:20px auto; }
div.sbscrb006 div.sbscrbBtnbox {overflow:hidden; width:100%; float:left; margin-top:20px;}
div.sbscrb006 div.sbscrbBtnbox div.sbscrbBtnwidth {max-width:300px; margin:0 auto; overflow:hidden;}


/*화원유형*/
div.sbscrb007{width:100%; padding:10px; box-sizing:border-box;}
div.sbscrb007 .sbscrbCustomers > ul.customersType{width:100%; margin-left:auto; margin-right:auto; display:table; }
div.sbscrb007 .sbscrbCustomers > ul.customersType > li{float:left; width:50%; text-align:center; font-weight:bold; font-size:20px;}
div.sbscrb007 .sbscrbCustomers > ul.customersType > li p.sbscrbNaming{padding:10px 0; text-align:left; font-size:16px; line-height:16px; letter-spacing:-1px; font-weight:600;}
div.sbscrb007 .sbscrbCustomers > ul.customersType > li p.sbscrbNaming > span{font-size:12px; width:100%; display:block; margin-top:5px; font-weight:400; color:#aaa;}
div.sbscrb007 .sbscrbCustomers > ul.customersType > li:last-child{margin-right:0;}
div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type{margin-left:auto; margin-right:auto; display:table;}
div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li {float:left; padding-right:10px; text-align:center; font-weight:bold; max-width:230px;}
div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li > a{background:#fcfcfc; float:left; border-radius:10px; padding:30px 75px;}
div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li:last-child{padding-right:0;}
div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li > a:hover{background:#f2f2f2;}
div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li > a > span{width:100%;  display:block; color:#4e4e4e; margin:5px 0 10px 0px; padding:10px 0;}
div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li > a > p{min-width:120px; font-size:13px; font-weight:400; color:#4e4e4e; padding:0; line-height:20px;}
div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li > a > p > span.typePoint{font-size:13px; font-weight:600; color:#df1135;}
div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li > a > div{width:100px; height:25px; border-radius:5px; margin-top:25px;
font-weight:600; background:#5d5e65; color:#fff; margin:20px auto; line-height:24px; font-size:13px;}
div.sbscrb007 div.sbscrbBtnbox {overflow:hidden; width:100%; float:left; margin-top:20px;}
div.sbscrb007 div.sbscrbBtnbox div.sbscrbBtnwidth {max-width:300px; margin:0 auto; overflow:hidden;}


/* 버튼 */
.sbscrbBtnbox {
    width: 100%;
    float: left;
    margin-top: 50px;
    text-align: center;
}
.sbscrbBtnbox .sbscrbBtnwidth {}

a.cfmBtn {height:30px; line-height:30px; padding:0 10px; display:inline-block; color:#757575; box-sizing:border-box; text-align:center; vertical-align:middle; cursor:pointer;
		 border:1px solid #c6c6c6; color:#333; background:#fff; font-size:12px; font-weight:400; text-decoration:none; border-radius:2px; -webkit-transition:background 0.5s; transition:background 0.5s;}
a.nextBtn{height:35px; line-height:35px; padding:0 25px; display:inline-block; box-sizing:border-box; text-align:center; vertical-align:middle; cursor:pointer; width:auto !important;
	    background:#272d3d; border:1px solid #272d3d; color:#fff; font-size:14px; font-weight:400; text-decoration:none; border-radius:3px; -webkit-transition:background 0.5s; transition:background 0.5s;}
a.cancelBtn{height:35px; line-height:35px; padding:0 25px; display:inline-block; box-sizing:border-box; text-align:center; vertical-align:middle; cursor:pointer; width:auto !important;
	     border:1px solid #fa5058; color:#fa5058; background:#fff; font-size:14px; font-weight:400; text-decoration:none; border-radius:3px; -webkit-transition:background 0.5s; transition:background 0.5s;}
a.nextBtn_pw{width:33%; font-size:12px; font-weight:600; float:left; border:1px solid #363636; text-align:center; box-sizing:border-box; padding:6px 10px; border-radius:2px; background:#363636; color:#fff;}
a.cancelBtn_pw{width:32%; font-size:12px; margin-right:1%; margin-left:1%; float:left; border:1px solid #ccc; text-align:center; box-sizing:border-box; padding:6px 10px; border-radius:2px;}

/*sns 휴대폰인증*/
div.divSnsBtn table{margin-top:10px;float:left;clear:both;}
div.divSnsBtn table tr{width: 16%;float:left;margin-right: 0.5%;position:relative;}
div.divSnsBtn table tr td{width:100%; font-weight:600; padding:10px 0; border-radius:3px; text-align:center; display:inline-block; font-size:12px; padding-left:10px}
div.divSnsBtn table tr:nth-child(1) td{background:url("/images/wzwg/cmm/mber/sbscrb/phoneIcon001.png")no-repeat 5px #f1f1f1; color:#333;}
div.divSnsBtn table tr:nth-child(1){width:17.5%;}
div.divSnsBtn table tr:nth-child(2) td{background:url("/images/wzwg/cmm/mber/sbscrb/naverIcon001.png")no-repeat 5px #18ca00; color:#fff;}
div.divSnsBtn table tr:nth-child(3) td{background: url("/images/wzwg/cmm/mber/sbscrb/kakaoIcon001.png")no-repeat 5px #f6e127;color:#fff;}
div.divSnsBtn table tr:nth-child(4) td{background: url("/images/wzwg/cmm/mber/sbscrb/instaIcon001.png")no-repeat 5px, linear-gradient(to right, #ffc66c, #e74a54, #9f31a1, #1c10ef);color:#fff;/* background-size: 24px; */}
div.divSnsBtn table tr:nth-child(5) td{background:url("/images/wzwg/cmm/mber/sbscrb/gooIcon001.png")no-repeat 5px #dc4a38; color:#fff;}
div.divSnsBtn table tr:nth-child(6) td{background:url("/images/wzwg/cmm/mber/sbscrb/faceIcon001.png")no-repeat 5px #385899; color:#fff;}
div.divSnsBtn table tr:nth-child(6){margin-right:0;}
div.divSnsBtn table tr td:after{}

@media all and (max-width:420px){
	
	div.sbscrb001 > div.sbscrbTopbox div.sbscrbImgbox{display:none;}
	div.sbscrb001 > div.sbscrbTopbox ul.sbscrbTxtbox{width:100%; padding:10px;}
	div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox{padding:30px 20px;}
	div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox .inputLabel{width:100%;}
	div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginLine a.loginBt{width:100%; position:static; top:0; left:0; display:block; padding:10px; box-sizing:border-box; text-align:center;}
	div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox span.idSaveBox{margin-top:10px; float:right;}
	div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginLine .loginSearch{width:100%; float:left; margin-top:10px; padding:10px 0; }
	div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginLine .loginSearch li:first-child{width:100%; border-right:none; margin-bottom:10px; background:#eee; padding:5px 0;}
	div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginLine .loginSearch li{width:50%;}
	div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginLine .loginSearch li a{display:block; width:100%; }

	div.sbscrb002 > div.sbscrbBtmbox{margin-top:20px;}
	div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn li{width:100%;}
	div.sbscrb002 > div.sbscrbTopbox > ul.typeTop li a{padding:8px 20px;}
	div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn li a p{font-size:20px; color:#333; font-weight:500;}
	div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn li a span{padding-right:10px;}
	div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn li a span img{right:5px;}

	div.sbscrb002 ul.sbscrbStep li img{width:70px; padding:10px;}
	
	div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn li{width:100%; float:left; margin-right:0; margin-bottom:10px; }
	div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn li:last-child{width:100%;}	

	div.sbscrb003 > div.sbscrbBtmbox{width:100%; float:left; margin-top:20px;}
	div.sbscrb003 > div.sbscrbTopbox > ul.typeTop li a{padding:8px 20px;}
	div.sbscrb003 > div.sbscrbBtmbox > div.sbscrbBtnbox div.sbscrbBtnwidth{max-width:100%;}
	div.sbscrb003 > div.sbscrbBtmbox table.sbscrbTable tr:first-child input{width:100%;}
	div.sbscrb003 > div.sbscrbBtmbox table.sbscrbTable tr input{width:47%; box-sizing:border-box; margin-right:0; padding:0 3%;}
	div.sbscrb003 > div.sbscrbBtmbox table.sbscrbTable tr select{width:100%; margin:10px 0;}
	div.sbscrb003 > div.sbscrbBtmbox table.sbscrbTable tr td{padding:10px;}
	div.sbscrb003 > div.sbscrbBtmbox table.sbscrbTable tr:last-child input{width:55%; box-sizing:border-box; margin-right:1%; }
	div.sbscrb003 > div.sbscrbBtmbox table.sbscrbTable tr a.cfmBtn{width:44%; text-align:center; box-sizing:border-box;}
	
	div.sbscrb004 > div.sbscrbBtmbox{width:100%; float:left; margin-top:20px;}
	div.sbscrb004 > div.sbscrbTopbox > ul.typeTop li a{padding:8px 20px;}
	div.sbscrb004 > div.sbscrbBtmbox div.sbscrbBtnbox div.sbscrbBtnwidth{max-width:100%;}

	div.sbscrb005 > table.sbscrbTable tr input{width:100%;}	
	div.sbscrb005 > table.sbscrbTable tr span.sbscrbPwspan{color:#ff0000; margin:5px 0 0 2px; line-height:17px;}
	div.sbscrb005 > table.sbscrbTable tr td{padding:10px; box-sizing:border-box; }
	div.sbscrb005 > table.sbscrbTable tr:nth-of-type(2) input{width:70%; margin-right:1%; box-sizing:border-box;}
	div.sbscrb005 > table.sbscrbTable tr:nth-of-type(2) a.cfmBtn{width:29%; text-align:center; box-sizing:border-box;}
	div.sbscrb005 > table.sbscrbTable tr:nth-of-type(4) input{width:57%; margin-right:1%; box-sizing:border-box;}
	div.sbscrb005 > table.sbscrbTable tr:nth-of-type(4) a.cfmBtn{width:42%; text-align:center; box-sizing:border-box;}
	div.sbscrb005 > table.sbscrbTable tr:nth-of-type(5) input:last-child{width:100%; margin-top:10px;}
	div.sbscrb005 > table.sbscrbTable tr:nth-of-type(6) select{width:28%; margin-right:0; box-sizing:border-box;}
	div.sbscrb005 > table.sbscrbTable tr:nth-of-type(6) input{width:32%; margin-right:0; box-sizing:border-box;}
	div.sbscrb005 > table.sbscrbTable tr:nth-of-type(6) span{width:2%; text-align:center; margin:0 1%; box-sizing:border-box;}
	div.sbscrb005 > table.sbscrbTable tr:nth-of-type(7) select{width:28%; margin-right:0; box-sizing:border-box;}
	div.sbscrb005 > table.sbscrbTable tr:nth-of-type(7) input{width:32%; margin-right:0; box-sizing:border-box;}
	div.sbscrb005 > table.sbscrbTable tr:nth-of-type(7) span{width:2%; text-align:center; margin:0 1%; box-sizing:border-box;}
	div.sbscrb005 > table.sbscrbTable tr input[type="checkbox"]{width:auto; border:none;}
	div.sbscrb005 > table.sbscrbTable tr td textarea{width:100%; font-size:12px; padding:5px; box-sizing:border-box; border:1px solid #ddd;}
	div.sbscrb005 > table.sbscrbTable tr td ul li{width:32%; line-height:26px; text-align:left; margin-left:1%; float:left;}
	

	div.sbscrb007 .sbscrbCustomers > ul.customersType > li{width:100%;}
	div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li{margin:10px auto; text-align:center; overflow:hidden; float:none;}
	div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li > a{width:100%; box-sizing:border-box;}

	div.sbscrb003 > div.sbscrbBtmbox > div.sbscrbBtnbox div.sbscrbBtnwidth, div.sbscrb004 > div.sbscrbBtmbox div.sbscrbBtnbox div.sbscrbBtnwidth, div.sbscrb005 div.sbscrbBtnbox div.sbscrbBtnwidth, div.sbscrb006 div.sbscrbBtnbox div.sbscrbBtnwidth, div.sbscrb007 div.sbscrbBtnbox div.sbscrbBtnwidth{max-width:100%;}

	/*sns 휴대폰인증*/
	div.divSnsBtn table tr{width:49%; float:left; margin-bottom:1%; margin-right:0 !important;}
	div.divSnsBtn table tr:nth-child(odd){width:50%; margin-right:1% !important; float:left;}
}


@media all and (min-width:420px) and (max-width:768px){
	div.sbscrb002 > div.sbscrbBtmbox{margin-top:30px;}
	div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn li a p{font-size:20px; color:#333; font-weight:500;}
	
	div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn li{width:49%; float:left; margin-bottom:1%; }
	div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn li:last-child{width:49%; }

	div.sbscrb003 > div.sbscrbBtmbox{margin-top:30px;}
	div.sbscrb003 > div.sbscrbBtmbox table.sbscrbTable tr:first-child input{width:100%; }
	div.sbscrb003 > div.sbscrbBtmbox table.sbscrbTable tr:last-child input{width:64%; box-sizing:border-box; margin-right:1%; }
	div.sbscrb003 > div.sbscrbBtmbox table.sbscrbTable tr a.cfmBtn{width:35%; text-align:center; box-sizing:border-box;}
	div.sbscrb003 > div.sbscrbBtmbox table.sbscrbTable tr input{width:47%; box-sizing:border-box; margin-right:0; padding:0 3%;}
	div.sbscrb003 > div.sbscrbBtmbox table.sbscrbTable tr select{width:100%; margin:10px 0;}
	div.sbscrb003 > div.sbscrbBtmbox table.sbscrbTable tr span{width:4%; text-align:center; margin:0 1%;}
	div.sbscrb003 > div.sbscrbBtmbox table.sbscrbTable tr td{box-sizing:border-box; width:100%; padding:10px;}

	div.sbscrb004 > div.sbscrbBtmbox{margin-top:30px;}
	
	div.sbscrb005 > table.sbscrbTable tr td{padding:10px; box-sizing:border-box; }
	div.sbscrb005 > table.sbscrbTable tr input{width:100%;}
	div.sbscrb005 > table.sbscrbTable tr span.sbscrbPwspan{color:#ff0000; margin:5px 0 0 0; margin-left:2px; line-height:17px;}
	div.sbscrb005 > table.sbscrbTable tr:nth-of-type(2) input{width:75%; box-sizing:border-box; margin-right:1%;}
	div.sbscrb005 > table.sbscrbTable tr:nth-of-type(2) a.cfmBtn{width:24%; text-align:center; box-sizing:border-box;}
	div.sbscrb005 > table.sbscrbTable tr:nth-of-type(4) input{width:65%; box-sizing:border-box; margin-right:1%;}
	div.sbscrb005 > table.sbscrbTable tr:nth-of-type(4) a.cfmBtn{width:34%; text-align:center; box-sizing:border-box;}
	div.sbscrb005 > table.sbscrbTable tr:nth-of-type(5) input:last-child{width:100%; margin-top:10px;}
	div.sbscrb005 > table.sbscrbTable tr:nth-of-type(6) select{width:28%; margin-right:0; box-sizing:border-box;}
	div.sbscrb005 > table.sbscrbTable tr:nth-of-type(6) input{width:32%; margin-right:0; box-sizing:border-box;}
	div.sbscrb005 > table.sbscrbTable tr:nth-of-type(6) span{width:2%; text-align:center; margin:0 1%; box-sizing:border-box;}
	div.sbscrb005 > table.sbscrbTable tr:nth-of-type(7) select{width:28%; margin-right:0; box-sizing:border-box;}
	div.sbscrb005 > table.sbscrbTable tr:nth-of-type(7) input{width:32%; margin-right:0; box-sizing:border-box;}
	div.sbscrb005 > table.sbscrbTable tr:nth-of-type(7) span{width:2%; text-align:center; margin:0 1%; box-sizing:border-box;}
	div.sbscrb005 > table.sbscrbTable tr input[type="checkbox"]{width:auto;}
	div.sbscrb005 > table.sbscrbTable tr td textarea{width:100%; font-size:12px; padding:5px; box-sizing:border-box; border:1px solid #ddd;}
	div.sbscrb005 > table.sbscrbTable tr td ul li{width:32%; line-height:26px; text-align:left; margin-left:1%; float:left;}
	

	div.sbscrb007 .sbscrbCustomers > ul.customersType{width:100%;}
	div.sbscrb007 .sbscrbCustomers > ul.customersType > li{width:100%;}
	div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type{width:100%; margin-left:0; margin-right:0; display:block;}
	div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li{width:50%;}
	div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li > a{padding:30px; width:100%; box-sizing:border-box;}
	
	/*sns 휴대폰인증*/
	div.divSnsBtn table tr{width:32.3% !important; float:left; margin-bottom:1%; margin-right:1% !important;}
	div.divSnsBtn table tr:nth-child(3), table tr:nth-child(6){width:33.3% !important; margin-right:0 !important;}	
}


@media all and (min-width:768px) and (max-width:1024px){

	div.sbscrb005 > table.sbscrbTable tr span.sbscrbPwspan{color:#ff0000; margin:5px 0 0 2px; line-height:17px;}

	div.sbscrb007 .sbscrbCustomers > ul.customersType > li{width:50%; padding-right:10px; box-sizing:border-box;}
	div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li > a{padding:25px;}

}


@media all and (min-width:1025px){

	div.sbscrb005 > table.sbscrbTable tr span.sbscrbPwspan{color:#ff0000; margin:5px 0 0 2px; line-height:17px;}
	
	div.sbscrb007 .sbscrbCustomers > ul.customersType > li{width:50%; padding-right:0px; box-sizing:border-box;}
	div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li > a{padding:30px 55px;}

}