@charset "utf-8"; /* 2020.01.22 ssj : cmm/mber/sbscrb/style.css ; */ /* 2020.01.22 khe */ /* 2020.06.24 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;float:left;/* margin-top:50px; */} div.sbscrb001 > div.sbscrbTopbox{width:100%;min-height:160px;box-sizing:border-box;/* border:1px dashed #c5c5c5; */background: #f8f8f8;float:left;padding: 40px 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; padding:30px 0; box-sizing:border-box;} div.sbscrb001 > div.sbscrbTopbox ul{float:left; width:100%;} div.sbscrb001 > div.sbscrbTopbox ul li{/* margin-top:5px; */font-size: 17px;position:relative;/* padding-left:12px; *//* line-height:18px; *//* letter-spacing:0px; *//* overflow:hidden; *//* text-overflow:ellipsis; *//* white-space:nowrap; */} div.sbscrb001 > div.sbscrbTopbox ul li:first-child{margin-top:0;font-size: 28px;margin-bottom: 20px;font-weight: 600;} div.sbscrb001 > div.sbscrbTopbox ul li:before{/* content:""; */position:absolute;top:8px;left:0px;width:3px;height:3px;background:#ababab;border-radius:25px;} /*(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: 22px;/* line-height:27px; */margin-bottom:30px;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: 30px;} div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox{border-top: 3px solid #555;/* background:#fafafa; */padding:50px 40px 70px 40px;overflow:hidden;position: relative;} div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox>form#loginForm {max-width: 800px; margin: 0 auto;} div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox .inputLabel {width: 80%;margin-bottom:10px;/* margin-right: 20%; */position:relative;float: left;} div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox .inputLabel > span{width:auto; display:inline-block;float:left;line-height:39px;text-align:left;font-size:14px;letter-spacing:-0.5px;position:absolute;top:0;left:0px;} div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox .inputLabel .loginId, .loginWrap .loginBox .inputLabel .loginPw{border:1px solid #e9e9e9;/* background: #fff !important; */height:40px;box-sizing:border-box;font-size: 15px;color: #333;width:100%;padding:0 10px;} div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox .idSaveBox {width: 100%; display: block; float: left; padding: 10px 0;} div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox ul.idSaveBox{line-height:12px;display:block;font-size:12px;float:left;width:90%;margin-left:13%;position:absolute;left:0;} div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox ul.idSaveBox li{float:left;} div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox ul.idSaveBox li:last-child a{line-height:10px; padding-left:8px; margin-left:8px; border-left:1px solid #ccc; display:block; margin-top:4px;} div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox .idSave{/* vertical-align:-1px; */font-size: 14px;margin-left: 5px;} div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginLine a.loginBt{width: 19%;float: right;margin-top: -50px;font-size: 18px;background: #333;text-align: center;padding: 35px 5px;color:#fff;/* position:absolute; *//* top:118px; *//* right:41px; *//* border-radius:3px; *//* font-size:13px; *//* line-height:16px; */box-sizing: border-box;} 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 #ddd;overflow:hidden;width: 100%;margin: 0 auto;max-width: 800px;} div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginLine .loginSearch li {width: 32.666%;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-right: 1%;text-align: center;} div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginLine .loginSearch li:last-child {margin-right:0;} div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginLine .loginSearch li a{/* color:#6d6d6d; *//* width:100px; *//* height:20px; *//* line-height:20px; */font-size: 15px;text-align:center;border-radius:2px;font-weight:600;/* letter-spacing:-1px; */padding: 15px 0;background: #f5f5f5;border: 1px solid #f2f2f2;box-sizing: border-box;width: 100%;float: left;} 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; float:left;/* margin-top:50px;*/} 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 {float:left;text-align:center;} div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn li{width: calc(100% / 2 - 0.5%); /*border-top:0 !important;*/} div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn li + li{margin-left:1%;} div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn li:last-child{margin-right:0;} div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn li a{width: 100%; padding:30px 5px; border-radius:0px;display:block;text-align:center;background:#fff; border:1px solid #ccc; box-sizing: border-box;} div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn li a:hover{background:#fcfcfc;} div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn li a p{font-size:16px;font-weight:500;margin-top:10px;letter-spacing:-1px;} div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn li a div {width: 80%; height: 50px; margin-top: 25px; font-weight: 600; background: linear-gradient(#124274 , #1d5793) !important; color: #fff; margin: 40px auto; line-height: 50px; font-size: 17px; font-weight: 400;} div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn li a span img{float:right;padding-right:10px;display:block;margin:2px 0;position:absolute;top:9px;right:2px;} div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn li span{display: block; width: 100%; margin-bottom: 20px; padding: 10px 0; color: #4e4e4e; font-size: 22px; font-weight: 600; background:none!important;} 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:#c5c5c5;} 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 > div.sbscrbBtnbox{float:left; width:100%;} div.sbscrb002 > div.sbscrbBtnbox > div.sbscrbBtnwidth{overflow:hidden; margin:30px auto; width:100%; text-align:center;} div.sbscrb002 > div.sbscrbBtnbox > div.sbscrbBtnwidth > a{width:100%;} div.sbscrb002 ul.sbscrbStep{width:100%; float:left; background:#fcfcfc; padding:15px 0; border:1px solid #f1f1f1; margin-bottom:10px;} 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:14px; font-weight:500; color:#5d5e65; padding-top:5px;} div.sbscrb002 ul.sbscrbStep li p.stepOn{font-weight:600;} div.sbscrb002 ul.sbscrbStep li p span{display:inline-block; width:100%; font-size:12px; color:#333;} div.sbscrb002 p.sbscrbNaming{float:left; width:100%; padding:10px 0; font-size:16px; line-height:18px; font-weight:600;} div.sbscrb002 p.sbscrbNaming > span{font-size:12px; width:100%; display:block; margin-top:5px; font-weight:400; color:#aaa;} /*이메일로찾기*/ div.sbscrb003{width:100%;padding:10px;box-sizing:border-box;margin-top:20px;float:left;} 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:15px 0;text-align:center;font-size:13px;font-weight:600;word-break:keep-all;line-height:17px;} div.sbscrb003 > div.sbscrbBtmbox table.sbscrbTable tr td{padding:10px;border-bottom:1px solid #ccc;box-sizing:border-box;} div.sbscrb003 > div.sbscrbBtmbox table.sbscrbTable tr input {margin-right:2px; float:left; padding:0 5px;} div.sbscrb003 > div.sbscrbBtmbox table.sbscrbTable tr span{float:left;line-height:17px;display:block;font-size:12px;margin:5px 0 0 2px;color:#ff0000;} div.sbscrb003 > div.sbscrbBtmbox table.sbscrbTable tr select{height:26px; border:1px solid #ddd; margin-right:2px; float:left; font-size:12px; vertical-align:2px;} div.sbscrb003 > div.sbscrbBtmbox table.sbscrbTable tr select + a.cfmBtn{vertical-align:3px; } div.sbscrb003 > div.sbscrbBtmbox div.sbscrbBtnbox a.nextBtn {width:49%; margin-right:1%} div.sbscrb003 > div.sbscrbBtmbox div.sbscrbBtnbox a.cancelBtn{width:50%;margin:0;} /*찾기완료*/ div.sbscrb004{width:100%; padding:10px; box-sizing:border-box; float:left; margin-top:50px;} 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:18px; font-weight:600;} div.sbscrb004 > div.sbscrbBtmbox p.sbscrbNaming > span{font-size:13px; 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.sbscrbIdbox ul.sbscrbIdsac li:only-child {width:100%; text-align:left;} 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 {margin-right:2px; float:left; 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;*/ float:left; margin-top:30px;} 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; margin-top:30px;} 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:1px solid #dfdfdf;} div.sbscrb005 > table.sbscrbTable tr input#bassAdres {width:100%; margin-bottom:5px;} div.sbscrb005 > table.sbscrbTable tr input#detailAdres {width:100%;} div.sbscrb005 > table.sbscrbTable tr{} div.sbscrb005 > table.sbscrbTable tr th{background:#fafafa;border-bottom:1px solid #e4e4e4;padding:20px 5px;text-align:center;font-size: 15px;font-weight:600;} div.sbscrb005 > table.sbscrbTable tr td{padding:20px 10px; border-bottom:1px solid #e4e4e4; box-sizing:border-box;} div.sbscrb005 > table.sbscrbTable tr td:only-child {text-align:center;} div.sbscrb005 > table.sbscrbTable tr input {margin-right:2px;float:left;padding:0 5px;height: 34px;} div.sbscrb005 > table.sbscrbTable tr span{float:left;/* line-height: 34px; */display:block;font-size: 13px;margin-right:2px;} div.sbscrb005 > table.sbscrbTable tr span.sbscrbPointc{float:none; color:#ff0000; display:inline;} div.sbscrb005 > table.sbscrbTable tr select{height: 34px;border:1px solid #ddd;margin-right:2px;float:left;font-size:12px;/* vertical-align:2px; */line-height: 34px;} 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%;*/width:99%; 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: #f8f8f8;padding: 30px 0;/* border:1px solid #f1f1f1; */margin-bottom: 30px;} 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: #fff;} div.sbscrb006 ul.sbscrbStep li p{text-align:center;font-size: 16px;font-weight:500;color:#5d5e65;padding-top: 15px;} div.sbscrb006 ul.sbscrbStep li p.stepOn{font-weight:600;} div.sbscrb006 ul.sbscrbStep li p span{display:inline-block;width:100%;font-size: 20px;color: #124274;padding-top: 10px;} div.sbscrb006 p.sbscrbNaming{float:left;width:100%;padding: 40px 15px 30px;font-size: 22px;/* line-height:16px; */letter-spacing: -0.5px;font-weight:600;box-sizing: border-box;border-top: 3px solid #555;} div.sbscrb006 p.sbscrbNaming > span{font-size: 15px;width:100%;display:block;margin-top: 20px;font-weight:400;color: #555;} div.sbscrb006 .signupWrap{width:100%; float:left;} div.sbscrb006 .signupWrap .signupBox{background:#fafafa;margin-bottom: 20px;} div.sbscrb006 .signupWrap .signupBox h3{font-size: 16px;letter-spacing: -0.5px;font-weight:700;padding: 15px;background:#fafafa;} div.sbscrb006 .signupWrap .signupBox h3 span.sbscrbPointc{color:#ff0000; font-size:13px; margin-left:5px;} div.sbscrb006 .signupWrap ul.signText {padding: 0 15px; box-sizing: border-box;} div.sbscrb006 .signupWrap ul.signText li{height:200px;/* margin:10px; */padding: 20px 15px;background:#fff;line-height:18px;border: 1px solid #ddd;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 17px;background:#fafafa;} div.sbscrb006 .signupWrap .signClick input{/* vertical-align:-2px; */margin-right: 6px;vertical-align: middle;} div.sbscrb006 .signupWrap .signClick span{font-size: 15px;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;float:left;} 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;/* padding:10px; */box-sizing:border-box;} div.sbscrb007 .sbscrbCustomers > ul.customersType > li p.sbscrbNaming{padding: 60px 0;/*text-align:left;*/font-size: 20px;/* line-height:16px; */letter-spacing: -0.5px;font-weight:600;} div.sbscrb007 .sbscrbCustomers > ul.customersType > li p.sbscrbNaming > span{font-size: 15px;width:100%;display:block;margin-top: 25px;font-weight:400;color: #333;/* height:35px; */} 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; width:90%;} div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li {margin-right:1%;float: left;} div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li > a {width:100%;/* background:#f9f9f9; */border: 1px solid #ddd;float:left;/* border-radius:10px; */padding:30px 5px;transition: background 0.5s;transition: background 0.5s;box-sizing:border-box;} div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li:last-child{margin-right: 0;} div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li > a:hover{background: #f9f9f9;} div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li > a > span{width:100%;display:block;color:#4e4e4e;margin-bottom: 20px;padding:10px 0;font-size: 22px;} 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;display: none;} div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li > a > p > span.typePoint{font-size:13px;font-weight:600;color:#df1135;display: none;} div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li > a > div{width: 80%;height: 50px;/* border-radius:3px; */margin-top:25px;font-weight:600;background: linear-gradient(#124274 , #1d5793) !important;color:#fff;margin: 40px auto;line-height: 50px;font-size: 17px;font-weight: 400;} 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;} /* 개수다를경우 세팅 */ div.sbscrb007 .sbscrbCustomers > ul.customersType > li:only-child {width:100%;} div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li:only-child {width:100%; margin-right:0;} @media (min-width:700px){ div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li:nth-child(2):last-child, div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li:first-child:nth-last-child(2) {width:49.5%;} div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li:nth-child(3):last-child, div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li:nth-child(2):nth-last-child(2), div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li:first-child:nth-last-child(3) {width:32.666%;} div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li:nth-child(4):last-child, div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li:nth-child(3):nth-last-child(2), div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li:nth-child(2):nth-last-child(3), div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li:first-child:nth-last-child(4) {width:24.25%;} } @media (max-width:699px){ div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li {width:49.5%; margin-bottom:15px;} div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li:nth-child(2n) {margin-right:0;} div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li > a {padding:20px 5px;} div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li > a > span {font-size:18px; margin-bottom:0;} div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li > a > div {margin:20px auto 0;} } /* 버튼 */ a.cfmBtn { height: 34px; line-height: 34px; padding:0 10px; /* margin: 0 5px; */ 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: 14px; 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; 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; 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;text-align: center;overflow: hidden;border-radius: 3px;} div.divSnsBtn table tr{width:16%;/* float:left; */margin-right: 15px;position:relative;display: inline-block;} div.divSnsBtn table tr td{width:100%;font-weight:600;padding: 15px 0;float:left;border-radius:3px;text-align:center;display:inline-block;font-size: 16px;padding-left:10px;} div.divSnsBtn table tr.phone td{background:url("/images/wzwg/cmm/mber/sbscrb/phoneIcon001.png")no-repeat 5px #f1f1f1; color:#333;} div.divSnsBtn table tr.NAVER td{background: url(/images/wzwg/cmm/mber/sbscrb/naverIcon001.png)no-repeat 5px #2ec51a;background-size: 27px;color:#fff;} div.divSnsBtn table tr.KAKAO td{background:url("/images/wzwg/cmm/mber/sbscrb/kakaoIcon001.png")no-repeat 5px #f6e127;color: #333;background-size: 29px;} div.divSnsBtn table tr.Google td{background:url("/images/wzwg/cmm/mber/sbscrb/googleIcon001.png")no-repeat 5px #f8f8f8;color:#333;background-size: 29px;} 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{} /*약관*/ div.clause001{width:100%; box-sizing:border-box;} div.clause001 .clauseWrap {background:white;box-sizing:border-box;position:relative;padding-top:0px;float:left;width:100%;} div.clause001 .clauseWrap ul.clauseAllbox { float:left; width:100%; margin-top:30px;} div.clause001 .clauseWrap ul.clauseAllbox > li {/*float:left;*/ text-align:center; cursor:pointer; width:20%; line-height:30px; border:1px solid #e8e8e8; border-width:1px 0 0 1px; overflow:hidden; position:relative; padding:10px; box-sizing:border-box; display:inline-block; vertical-align:bottom; margin-left:-3px;} div.clause001 .clauseWrap ul.clauseAllbox > li:hover {background:#f0f0f0;} div.clause001 .clauseWrap ul.clauseAllbox > li:last-child {border-right:1px solid #e8e8e8} div.clause001 .clauseWrap ul.clauseAllbox > li h2 a {font-size:15px; font-weight:400;} div.clause001 .clauseWrap ul.clauseAllbox > li.active {background:#777777;} div.clause001 .clauseWrap ul.clauseAllbox > li.active h2 a { color:#fff; font-weight:400;} div.clause001 .clauseWrap ul.clauseAllbox > li div.clauseBox h2.clauseList {display:block;position:absolute;top:0px;width:50%;height:47px;line-height:43px;text-align:center;color:#333;border-bottom:0;text-decoration:none;font-size:18px;letter-spacing:-1px;border:1px solid #e8e8e8;box-sizing:border-box;min-width:150px;max-width:200px;left:0;} div.clause001 .clauseWrap ul.clauseAllbox > li div h2.clauseList, div.clause001 .clauseWrap ul.clauseAllbox > li.active div.clauseBox h2.clauseList{border-left:none;} div.clause001 .clauseWrap ul.clauseAllbox > li:first-child div.clauseBox h2.clauseList{border-left:1px solid #e8e8e8;} div.clause001 .clauseWrap ul.clauseAllbox > li:last-child div.clauseBox h2.clauseList {left:200px;} div.clause001 .clauseWrap ul.clauseAllbox > li div.clauseBox h2.clauseList a.tit_name {color:#555;width:100%;height:47px;position:relative;float:left;line-height:47px;overflow:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 5px;box-sizing:border-box;font-size:14px;} div.clause001 .clauseWrap ul.clauseAllbox > li.active div.clauseBox h2.clauseList a.tit_name {color:#fff; background:#777;} /* 문제없을시 삭제 0305. div.clause001 .clauseWrap ul.clauseAllbox > li.active div.clauseBox div.clauseTxt {width:100%;display:block;margin-top:47px;padding:15px 5px;border-top:1px solid #333;box-sizing:border-box;} div.clause001 .clauseWrap ul.clauseAllbox > li div.clauseBox div.clauseTxt{display:none;} div.clause001 .clauseWrap ul.clauseAllbox > li div.clauseBox div.clauseTxt > h3{font-size:18px; margin-top:30px; letter-spacing:-1px;} div.clause001 .clauseWrap ul.clauseAllbox > li div.clauseBox div.clauseTxt > p{font-size:13px;line-height:20px;margin:10px 0px 50px 0px;border-bottom:1px solid #eee;padding-bottom:30px;padding-top:0 !important;} div.clause001 .clauseWrap ul.clauseAllbox > li div.clauseBox div.clauseTxt > p > span{float:right; text-align:right; width:100%; display:block;} div.clause001 .clauseWrap ul.clauseAllbox > li div.clauseBox div.clauseTxt > ul.ContentsWrap{box-sizing:border-box;} div.clause001 .clauseWrap ul.clauseAllbox > li div.clauseBox div.clauseTxt > ul.ContentsWrap > li{height:300px; overflow-y:scroll; margin-bottom:20px; padding:30px; background:#fafafa; word-break:keep-all;} div.clause001 .clauseWrap ul.clauseAllbox > li div.clauseBox div.clauseTxt > ul.ContentsWrap > li > p{line-height:20px; font-size:16px; font-weight:600; letter-spacing:-1px; margin-bottom:20px;} div.clause001 .clauseWrap ul.clauseAllbox > li div.clauseBox div.clauseTxt > ul.ContentsWrap > li > ul.ContentsList{margin-bottom:0px;} div.clause001 .clauseWrap ul.clauseAllbox > li div.clauseBox div.clauseTxt > ul.ContentsWrap > li > ul.ContentsList > li{font-size:13px; padding:0; line-height:20px; margin-bottom:10px;}*/ #stplatSimpDiv {float:left; width:100%; padding:10px; box-sizing:border-box; display:block; padding: 15px 5px; border-top: 1px solid #333; box-sizing: border-box; margin-top: 0px;} #stplatSimpDiv div.clauseTxt {} #stplatSimpDiv div.clauseTxt h3 {font-size: 18px; line-height: 22px; margin-bottom: 15px; margin-top:30px;} #stplatSimpDiv div.clauseTxt > p {float:left; width:100%; border-bottom:1px solid #ddd; box-sizing:border-box; color:#333; font-size:14px; padding-bottom:10px; margin-bottom:20px;} #stplatSimpDiv div.clauseTxt > p span {float:right; color:#838383; font-size:13px; width:100%; display: block; padding: 10px 0; box-sizing: border-box; text-align: right;} #stplatSimpDiv div.clauseTxt .ContentsWrap {background:#fafafa; width:100%; float:left; margin-top:20px; padding:10px; box-sizing:border-box; height: 300px; overflow-y: scroll; margin-bottom: 20px; word-break: keep-all;} div.clause001 p.clauseNaming{padding:2px 0 10px; font-size:23px; line-height:23px; letter-spacing:-1px; font-weight:600;} @media (min-width:320px) and (max-width:490px){ /*약관*/ div.clause001 .clauseWrap ul.clauseAllbox > li {width:50%; border-width:0 0 1px 1px; box-sizing:border-box;} div.clause001 .clauseWrap ul.clauseAllbox > li:first-child, div.clause001 .clauseWrap ul.clauseAllbox > li:nth-child(2) {border-width:1px 1px 1px 1px !important;} div.clause001 .clauseWrap ul.clauseAllbox > li:nth-child(2n) {border-width:0 1px 1px 1px;} div.clause001 .clauseWrap ul.clauseAllbox > li:nth-child(2n+1) {clear:both;} div.clause001 .clauseWrap ul.clauseAllbox > li:last-child div h2{left:130px;} div.clause001 .clauseWrap ul.clauseAllbox > li h2 a {font-size:14px;} } @media all and (max-width:420px){ div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox .inputLabel > span{width:auto; position:absolute; top:50%; margin-top:-19px;} div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox .inputLabel{position:relative;} div.sbscrb001 > div.sbscrbTopbox{min-height:auto;} div.sbscrb001 > div.sbscrbTopbox div.sbscrbImgbox{display:table; padding:17px 0; } div.sbscrb001 > div.sbscrbTopbox div.sbscrbImgbox img{width:50px; height:50px; display:table-cell; margin:0 auto; vertical-align:middle;} div.sbscrb001 > div.sbscrbTopbox ul li{letter-spacing:-0.5px; font-size:13px;} div.sbscrb001 > div.sbscrbTopbox ul.sbscrbTxtbox{width:70%; padding:10px; box-sizing:border-box;} div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox{padding:50px 20px 80px 20px;} div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox .inputLabel{width: 70%;} div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginLine a.loginBt{width: 25%;position:static;height: 90px;line-height: 70px;top: 0;left:0;display:block;padding:10px;box-sizing:border-box;text-align:center;margin-left: 0%;} 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{border-right:none;margin-bottom:10px;background:#eee;} div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginLine .loginSearch li{width: 32.5%;} div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginLine .loginSearch li a{display:block;width:100%;} div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox ul.idSaveBox{width:75%;margin-left:28%;margin-top:10px;padding:0;} 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;font-size: 12px;} div.sbscrb005 > table.sbscrbTable tr:nth-of-type(4) input{width: 33.1%;margin-right:1%;box-sizing:border-box;} div.sbscrb005 > table.sbscrbTable tr:nth-of-type(4) a.cfmBtn{width: auto;padding: 0 6px;text-align:center;box-sizing:border-box;font-size: 12px;} 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.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%;} div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type {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.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox .inputLabel > span{width:auto; position:absolute; top:50%; margin-top:-19px;} div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox .inputLabel{position:relative;} div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox ul.idSaveBox{width:75%;margin-left:25%;position:absolute;left:0;} div.sbscrb001 > div.sbscrbTopbox ul.sbscrbTxtbox{padding:30px 15px; box-sizing:border-box;} 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 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%;margin: 4px 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 ul.type {width:100%; margin-left:0; margin-right:0; display:block;} /*sns 휴대폰인증*/ div.divSnsBtn table tr{width: 30.3% !important;float:left;margin-bottom:1%;margin-right: 3% !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{padding-right:10px; box-sizing:border-box;} } @media all and (min-width:1025px){ div.sbscrb005 > table.sbscrbTable tr span.sbscrbPwspan{color:#ff0000;margin:5px 0 0 2px;line-height: 24px;} div.sbscrb007 .sbscrbCustomers > ul.customersType > li{/* padding-right:0px; *//* box-sizing:border-box; */} } @media all and (min-width:991px){ div.sbscrb007, div.sbscrb006, div.sbscrb005 {/* margin-top:80px; */} } /* 190107 */ ul.sbscrbCmt{padding:10px 0; word-break:keep-all; color:#5c5c5c} ul.sbscrbCmt li {margin-top:1px; letter-spacing:-0.5px; position:relative; padding-left:15px; line-height:150%;} ul.sbscrbCmt li:before{content:"-"; margin:0 5px; position:absolute; top:0; left:0;} ul.sbscrbCmt li > span.sbscrbPointc{font-weight:600;color:#005cbb;} ul.sbscrbTxtbox li > span.sbscrbPointc{font-weight:600;color:#005cbb;}