@charset "utf-8"; 
/* 2020.07.16 OSY : cmm/mber/sbscrb/style.css ; */
/* 2021.01.07 SSJ */
/* 2021.09.08 OSY */
/* 2026.04.25 SSJ 디자인 리뉴얼*/


/* 서브페이지 틀 세팅*/
#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; 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; display: none;}
div.sbscrb001 > div.sbscrbTopbox ul.sbscrbTxtbox {width: 100%; display: flex; flex-direction: column; box-sizing: border-box; justify-content: center; text-align: center;}
div.sbscrb001 > div.sbscrbTopbox ul {float: left; width: 100%;}
div.sbscrb001 > div.sbscrbTopbox ul li {font-size: 16px; position: relative; font-family: 'Noto Sans KR';}
div.sbscrb001 > div.sbscrbTopbox ul li:first-child {margin-top: 0; font-size: 28px; margin-bottom: 15px; font-weight: 600; font-family: 'Noto Sans';}
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;}
div.sbscrb001 > div.sbscrbBtmbox .loginWrap h2 {font-size: 22px; /* line-height:27px; */ margin-bottom: 30px; color: #333; font-weight: 600; letter-spacing: -2px; text-align: left;}
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; padding: 50px 40px 10px 40px; overflow: hidden; position: relative; text-align: center;}
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 {background: #eff2f3; height: 50px; box-sizing: border-box; font-size: 15px; color: #333; width: 100%; padding: 0 0 0 15px !important; border-radius: 10px; border: none; font-family: 'Noto Sans KR';}
div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox .idSaveBox {width: 100%; display: block; float: left; padding: 10px 0; text-align: left;}
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 {width: 100%;}
div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginLine a.loginBt {width: 49.5% !important; font-size: 17px; background: #333; text-align: center; padding: 17px 5px; color: #fff; box-sizing: border-box; border-radius: 10px; font-family: 'Noto Sans KR';}
div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginLine a.loginBt:hover {background: #000;}
div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginLine .loginSearch {padding: 10px 0; /* margin-top:20px; */ overflow: hidden; width: 100%; margin: 0 auto; max-width: 400px;}
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 {font-size: 15px; text-align: center; border-radius: 2px; font-weight: 600; 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("/images/wzwg/cmm/mber/sbscrb/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%; margin-top:50px;}
div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn{width:100%; display: flex; flex-direction: column; gap: 10px; max-width: 400px; margin: 0 auto;}
div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn li {width:100%; }
div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn li a {padding: 15px 0px; border-radius: 10px; display: flex; justify-content: center; align-items: center; background: #eff2f3;}
div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn li a:hover {background: #333; color: #fff;}
div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn li a p{font-size: 16px; font-family: 'Noto Sans KR';font-weight: 500;}
div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn li a p * {font-family: 'Noto Sans KR';}
div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn li a span{font-size: 16px;font-weight: 400;margin-left: 7px;font-family: 'Noto Sans KR';}
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 li a img {display:none;}

/* 
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 div.sbscrbBtnbox div.sbscrbBtnwidth {display: flex; justify-content: center; gap: 10px; overflow: hidden;}
div.sbscrb002 div.sbscrbBtnbox div.sbscrbBtnwidth a {height: 50px; line-height: 50px;}


/*이메일로찾기*/
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: 22px;line-height: 150%;text-align: center;font-weight: 600;}
div.sbscrb003 > div.sbscrbBtmbox table.sbscrbTable {width: 100%; max-width: 400px; margin: 30px auto 30px;}
div.sbscrb003 > div.sbscrbBtmbox table.sbscrbTable colgroup {display:none;}
div.sbscrb003 > div.sbscrbBtmbox table.sbscrbTable tr {display: flex; flex-direction: column;  align-items: flex-start;}
div.sbscrb003 > div.sbscrbBtmbox table.sbscrbTable tr th {width: 100%;padding: 10px 0;text-align: left;font-size: 15px;font-weight: 600;word-break: keep-all;line-height: 150%;font-family: 'Noto Sans KR';}
div.sbscrb003 > div.sbscrbBtmbox table.sbscrbTable tr td {width: 100%;box-sizing: border-box;}
div.sbscrb003 > div.sbscrbBtmbox table.sbscrbTable tr input {/* margin-right: 2px; *//* float: left; */width: 100%;padding: 0 0 0 15px !important;font-size: 15px;height: 50px;border-radius: 10px;}
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 {}
div.sbscrb003 > div.sbscrbBtmbox div.sbscrbBtnbox a.cancelBtn {width: 50%; margin: 0;}
div.sbscrb003 ~ div.sbscrb002 {padding-bottom:80px;}

/*찾기완료*/
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 {display: flex;flex-direction: column;text-align: center;padding: 10px 0;font-size: 22px;line-height: 18px;font-weight: 600;font-family: 'Noto Sans KR';}
div.sbscrb004 > div.sbscrbBtmbox p.sbscrbNaming > span {font-size: 15px;line-height: 150%;width: 100%;display: block;padding: 10px 0;margin-top: 10px;font-weight: 400;color: #555;font-family: 'Noto Sans KR';}
div.sbscrb004 > div.sbscrbBtmbox div.sbscrbIdbox {border: 1px solid #ddd;border-top: 3px solid #333;max-width: 400px;padding: 50px 0 70px;box-sizing: border-box;/* float: left; */width: 100%;margin: 0 auto;}
div.sbscrb004 > div.sbscrbBtmbox div.sbscrbIdbox ul.sbscrbIdsac {float: left;width: 100%;font-size: 16px;display: flex;justify-content: center;}
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; */font-family: 'Noto Sans KR';}
div.sbscrb004 > div.sbscrbBtmbox div.sbscrbIdbox ul.sbscrbIdsac li:last-child {/* float: left; */box-sizing: border-box;/* width: 50%; */padding-left: 10px;font-family: 'Noto Sans KR';}
div.sbscrb004 > div.sbscrbBtmbox div.sbscrbIdbox ul.sbscrbIdsac li:only-child {width: 100%; text-align: center;}
div.sbscrb004 > div.sbscrbBtmbox div.sbscrbBtnbox {overflow: hidden; width: 100%; float: left; margin-top: 20px;}


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[class *="sbscrb00"] ul.sbscrbStep {width: 100%; max-width: 800px; /* background: #f8f8f8; */ padding: 30px 0; /* border:1px solid #f1f1f1; */ margin: 0 auto 30px; display: flex; counter-reset: joinStep;}
div[class *="sbscrb00"] ul.sbscrbStep li {width: 33.3%; /* float:left; */ /* background:url("/images/wzwg/cmm/mber/sbscrb/sbscrbBgarrow.png") no-repeat right 50%; */ position: relative; counter-increment: joinStep;}
div[class *="sbscrb00"] ul.sbscrbStep li:has(.stepOn) {}
div[class *="sbscrb00"] ul.sbscrbStep li:has(.stepOn):before {background-image: linear-gradient(to right, rgba(8,55,120,1) 17%, rgba(255,255,255,0) 0%) !important;}
div[class *="sbscrb00"] ul.sbscrbStep li:has(.stepOn) p:before {background: #083778; font-weight: 600;}
div[class *="sbscrb00"] ul.sbscrbStep li:has(.stepOn) p span {color: #083778; font-weight: 600;}
div[class *="sbscrb00"] ul.sbscrbStep li:not(:first-child):before {content: ""; position: absolute; left: -50%; top: 0; z-index: -1; content: ''; width: 100%; height: 25px; background-image: linear-gradient(to right, rgba(190, 190, 190, 1) 17%, rgba(255, 255, 255, 0) 0%); background-position: bottom; background-size: 17px 3px; background-repeat: repeat-x;}
div[class *="sbscrb00"] ul.sbscrbStep li:last-child {background: none;}
div[class *="sbscrb00"] ul.sbscrbStep li img {display: none; margin: 0px auto; padding: 20px; background: #fff; border: 1px solid #eee; border-radius: 100px;}
div[class *="sbscrb00"] ul.sbscrbStep li img.stepOn {background: #fff; border: 1px solid #555; box-shadow: 0 2px 0 0 rgba(85,85,85,1);}
div[class *="sbscrb00"] ul.sbscrbStep li p {text-align: center; font-size: 1px; font-weight: 500; color: #fff; padding-top: 15px; padding-top: 65px;}
div[class *="sbscrb00"] ul.sbscrbStep li p:before {content: counter(joinStep, decimal-leading-zero); counter-increment: counter(joinStep, decimal-leading-zero); width: 50px; height: 50px; display: inline-block; background: #777; line-height: 50px; border-radius: 100%; position: absolute; left: 50%; top: 0; margin-left: -25px; font-size: 17px; font-family: 'Noto Sans KR'; letter-spacing: 2px; font-weight: 400;}
div[class *="sbscrb00"] ul.sbscrbStep li p.stepOn {font-weight: 600;}
div[class *="sbscrb00"] ul.sbscrbStep li p span {display: inline-block; width: 100%; font-size: 17px; font-weight: 400; color: #666; padding-top: 10px; font-family: 'Noto Sans KR';}
div[class *="sbscrb00"] p.sbscrbNaming {display: flex; flex-direction: column; width: 100%; justify-content: center; text-align: center; padding: 40px 15px 30px; font-size: 22px; font-weight: 600; box-sizing: border-box; border-top: 3px solid #555; font-family: 'Noto Sans KR';}
div[class *="sbscrb00"] p.sbscrbNaming > span {font-size: 15px;width: 100%;display: block;margin-top: 10px;line-height: 150%;font-weight: 400;color: #555;font-family: 'Noto Sans KR';word-break: keep-all;}

    div.sbscrb005 ul.sbscrbStep li:first-child p:before,
    div.sbscrb005 ul.sbscrbStep li:nth-child(2) p:before,
    div.sbscrb005 ul.sbscrbStep li:nth-child(3) p:before {background: #083778; font-weight: 600;}
    div.sbscrb005 ul.sbscrbStep li:first-child p span,
    div.sbscrb005 ul.sbscrbStep li:nth-child(2) p span,
    div.sbscrb005 ul.sbscrbStep li:nth-child(3) p span {font-weight: 600; color: #083778;}
    div.sbscrb005 ul.sbscrbStep li:nth-child(2):before,
    div.sbscrb005 ul.sbscrbStep li:nth-child(3):before {background-image: linear-gradient(to right, rgba(8,55,120,1) 17%, rgba(255,255,255,0) 0%) !important;}

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%;margin: 0 auto;border-top: 2px solid #333;}
div.sbscrb005 > table tbody {display: flex;width: 100%;max-width: 500px;flex-direction: column;margin: 0 auto;padding-top: 50px;}
div.sbscrb005 > table colgroup {display:none;}
div.sbscrb005 > table.sbscrbTable tr input:focus {border: 1px solid #ccc !important; outline: auto;}
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 {display: flex; flex-direction: column; align-items: flex-start;}
div.sbscrb005 > table.sbscrbTable tr th {border-top: 1px solid #eee;width: 100%;padding: 25px 5px 5px;text-align: left;font-size: 15px;font-weight: 500;font-family: 'Noto Sans KR';}
div.sbscrb005 > table.sbscrbTable tr td {width: 100%;padding: 0;/* border-bottom: 1px solid #e4e4e4; */box-sizing: border-box;font-size: 15px;padding-bottom: 30px;font-family: 'Noto Sans KR';}
div.sbscrb005 > table.sbscrbTable tr td .btn-grey-bg { float: right; padding: 10px 20px; border-radius: 5px; font-family: 'Noto Sans KR';}
div.sbscrb005 > table.sbscrbTable tr td:only-child {text-align: center;}
div.sbscrb005 > table.sbscrbTable tr td:has(a.cfmBtn) {display: flex; flex-wrap: wrap; justify-content: space-between;}
div.sbscrb005 > table.sbscrbTable tr td:has(a.cfmBtn) input {width: calc(100% - 107px);}
div.sbscrb005 > table.sbscrbTable tr td:has(a.cfmBtn) span {width: 100%;}
div.sbscrb005 > table.sbscrbTable tr td:has(a.cfmBtn) span#dplct_div {color: #1545ae; font-weight: 500;}
div.sbscrb005 > table.sbscrbTable tr td a.cfmBtn { color: #fff; background: #666; font-size: 15px; font-family: 'Noto Sans KR'; height: 50px; line-height: 50px; padding: 0 20px; border-radius: 5px;}
div.sbscrb005 > table.sbscrbTable tr input {/* margin-right: 8px; */float: left;padding: 8px 10px;height: 50px;font-size: 16px;border-radius: 5px;width: 100%;font-family: 'Noto Sans KR';}
div.sbscrb005 > table.sbscrbTable tr span {float: left;line-height: 150%;display: block;font-size: 14px;margin-top: 5px;font-family: 'Noto Sans KR';word-break: keep-all;}
div.sbscrb005 > table.sbscrbTable tr span.sbscrbPointc {float: none;color: #195aa1;display: inline;font-weight: 600;margin-right: 5px;}
div.sbscrb005 > table.sbscrbTable tr span.sbscrbPwspan {color: #7e7e7e;}
div.sbscrb005 > table.sbscrbTable tr td:has(select) {display:flex;gap: 10px;justify-content: space-between;align-items: center;}
div.sbscrb005 > table.sbscrbTable tr td:has(select) span {line-height:50px;margin-top: 0;}
div.sbscrb005 > table.sbscrbTable tr select {height: 50px;border: 1px solid #ddd;float: left;font-size: 12px;border-radius: 5px;font-size: 15px;min-width: 25%;font-family: 'Noto Sans KR';}
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 .signupWrap {width: 100%; float: left;}
div.sbscrb006 .signupWrap .signupBox {/* background:#fafafa; */ margin-bottom: 20px;}
div.sbscrb006 .signupWrap .signupBox h3 {font-size: 17px;letter-spacing: -0.5px;font-weight: 700;padding: 15px;font-family: 'Noto Sans KR';position: relative;word-break: keep-all;}
div.sbscrb006 .signupWrap .signupBox h3:has(.sbscrbPointc) {padding-left: 70px;}
div.sbscrb006 .signupWrap .signupBox h3:has(.sbscrbPointc):before {content: ""; width: 45px; height: 30px; display: inline-block; background: #333; position: absolute; border-radius: 10px; z-index: -1; position: absolute; left: 15px;}
div.sbscrb006 .signupWrap .signupBox h3 span.sbscrbPointc {color: #fff;font-size: 13px;line-height: 30px;font-family: 'Noto Sans KR';font-weight: 400;width: 27px;display: inline-block;text-indent: -5px;overflow: hidden;letter-spacing: 1px;white-space: nowrap;position: relative;position: absolute;left: 25px;top: 14px;}
div.sbscrb006 .signupWrap ul.signText {padding: 0 15px; box-sizing: border-box;}
div.sbscrb006 .signupWrap ul.signText > li {height: 200px; padding: 10px 10px; background: #fff; line-height: 18px; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box; overflow-y: scroll;}
div.sbscrb006 .signupWrap ul.signText > li * {font-family: 'Noto Sans KR' !important;}
div.sbscrb006 .signupWrap ul.signText > li:first-child {margin-top: 0;}
div.sbscrb006 .signupWrap ul.signText table {border: 1px solid #ececec; border-collapse: collapse;}
div.sbscrb006 .signupWrap ul.signText table tr th {line-height: 150%; padding: 5px 10px; border: 1px solid #ececec; font-size: 15px;}
div.sbscrb006 .signupWrap ul.signText table tr td {border: 1px solid #ececec; padding: 5px 10px; line-height: 150%; font-size: 15px;}
div.sbscrb006 .signupWrap ul.signText br+br+br, div.sbscrb006 .signupWrap ul.signText br+br+br+br, div.sbscrb006 .signupWrap ul.signText br+br+br+br+br, div.sbscrb006 .signupWrap ul.signText br+br+br+br+br+br {display: none;}
div.sbscrb006 .signupWrap .signClick {overflow: hidden; text-align: right; padding: 10px 17px; /* background:#fafafa; */}

div.sbscrb006 .signupWrap .signClick input {margin-right: 6px; vertical-align: middle;}
div.sbscrb006 .signupWrap .signClick span {font-size: 15px; /* font-weight:600; */ font-family: 'Noto Sans KR';}
div.sbscrb006 .sbscrbBtnbox {width: 100%; float: left; margin: 20px auto;}
div.sbscrb006 div.sbscrbBtnbox {overflow: hidden; width: 100%; float: left; margin-top: 20px;}
div.sbscrbBtnbox div.sbscrbBtnwidth {display: flex; justify-content: center; gap: 10px; overflow: hidden;}
div.sbscrbBtnbox div.sbscrbBtnwidth a {height: 50px;line-height: 50px;padding-top: 0;padding-bottom: 0; font-family: 'Noto Sans KR';}

/*회원유형*/
div.sbscrb007 {width: 100%; box-sizing: border-box; float: left;}
div.sbscrb007 .sbscrbCustomers > ul.customersType {width: 100%; /* margin-left:auto; */ /* margin-right:auto; */ /* display:table; */ display: flex; gap: 2%;}
div.sbscrb007 .sbscrbCustomers > ul.customersType > li {display: flex; flex: 1; text-align: center; font-weight: bold; font-size: 20px; box-sizing: border-box;}
div.sbscrb007 .sbscrbCustomers > ul.customersType > li p.sbscrbNaming {min-height: 120px; padding: 0; 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;}
div.sbscrb007 .sbscrbCustomers > ul.customersType > li:last-child {}

div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type {/* margin-left:auto; */ /* margin-right:auto; */ width: 100%;}
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: #eff2f3; /* border: 1px solid #ddd; */ float: left; /* border-radius:10px; */ padding: 30px 5px; border-radius: 10px; transition: all 0.3s; 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: linear-gradient(#124274 , #1d5793) !important;}
div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li > a:hover img {filter: brightness(0) invert(1);}
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; font-weight: 500; font-family: 'Noto Sans KR'; transition: all 0.3s;}
div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li > a:hover > span {color: #fff;}
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; border-radius: 10px; font-family: 'Noto Sans KR'; margin: 40px auto; line-height: 50px; font-size: 17px; font-weight: 400; transition: all 0.3s;}
div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li > a:hover > div {background: #fff !important; color: #333; font-weight: 600;}
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 {flex-direction: column;gap: 10px;}
        div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li > a img {display:none;}
        div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li > a:after {content:"";width: 10px;height: 10px;display: inline-block;border: 2px solid #333;border-width: 2px 2px 0 0;transform: rotate(45deg);position: absolute;right: 20px;top: 50%;margin-top: -6px;}
        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 15px;background: #eff2f3;display: flex;align-items: center;justify-content: flex-start;position: relative;}
        div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li > a > span {font-size: 15px;margin-bottom: 0;padding: 0;width: auto;font-weight: 600;margin-right: 5px;color: #000;}
        div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li > a > div {padding: 0 !important;margin: 0;width: auto;background: transparent !important;color: #333;font-size: 15px;font-weight: 500 !important;height: auto !important;line-height: normal;}
        div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li > a:hover > div {background: transparent !important; color: #fff;}

        div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li > a:has(input) {padding: 20px 20px 20px 50px;}
        div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li > a:has(input) span {margin: 0; width: auto; padding: 0;}
        div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li > a:has(input) input[type="radio"] {float: left; position: absolute; left: 20px;}
    }

/* 버튼 */
a.cfmBtn {height: 34px; line-height: 34px; 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: 14px; font-weight: 400; text-decoration: none; border-radius: 2px; -webkit-transition: background 0.2s; transition: background 0.2s;}
a.cfmBtn:hover {background: #272d3d; color: #fff; border: 1px solid #272d3d;}
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: 15px; font-weight: 400; text-decoration: none; border-radius: 3px; -webkit-transition: background 0.5s; transition: background 0.5s; font-family: 'Noto Sans KR' !important;}
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: 15px; font-weight: 400; text-decoration: none; border-radius: 3px; -webkit-transition: background 0.5s; transition: background 0.5s; font-family: 'Noto Sans KR' !important;}
a.nextBtn_pw {width: 33%; font-size: 14px; 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: 14px; 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: 22%; /* float:left; */ margin-right: 15px; margin-bottom: 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; box-sizing: border-box;}
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.Instargram 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.Onepass td {background: url("/images/wzwg/cmm/mber/sbscrb/oneIcon001.png")no-repeat 5px #1c2674; color: #fff; background-size: 29px;}
div.divSnsBtn table tr.facebook td {background: url("/images/wzwg/cmm/mber/sbscrb/faceIcon001.png")no-repeat 5px #385899; color: #fff;}
div.divSnsBtn table tr.Epki td {background: url("/images/wzwg/cmm/mber/sbscrb/ipkiIcon001.png")no-repeat 5px #056bb6; color: #fff;}
div.divSnsBtn table tr:last-child td {margin-right: 0;}

/* 약관 - 마이페이지영역 */
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; font-size: 0;}
div.clause001 .clauseWrap ul.clauseAllbox > li {text-align: center; border: 1px solid #e8e8e8; overflow: hidden; margin-bottom: 7px; margin-right: 0.5%; box-sizing: border-box; float: left; vertical-align: middle;}
div.clause001 .clauseWrap ul.clauseAllbox > li>div {}

div.clause001 .clauseWrap ul.clauseAllbox > li:hover {background: #f0f0f0;}
div.clause001 .clauseWrap ul.clauseAllbox > li:last-child {margin-right: 0px;}
div.clause001 .clauseWrap ul.clauseAllbox > li h2 {width: 100%;}
div.clause001 .clauseWrap ul.clauseAllbox > li h2 a {height: 55px; width: 100%; line-height: 55px; vertical-align: middle; font-size: 17px; font-weight: 400; display: block;}
div.clause001 .clauseWrap ul.clauseAllbox > li.active {background: #777;}
div.clause001 .clauseWrap ul.clauseAllbox > li.active h2 a {color: #fff; font-weight: 600;}
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; display: inline-block; line-height: 100%;}
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;}

#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 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.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 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.sbscrb004 > div.sbscrbBtmbox {margin-top: 30px;}
        div.sbscrb005 > table.sbscrbTable tr input {width: 100%;}
        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;}

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

    @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 (min-width: 800px) {
        div.clause001 .clauseWrap ul.clauseAllbox > li {width:19.6%;}
        div.clause001 .clauseWrap ul.clauseAllbox > li:nth-child(5n) {margin-right: 0;}
    }

    @media (max-width: 799px) {
        div[class *="sbscrb00"] ul.sbscrbStep {margin: 0 !important;padding-top: 0 !important;}
        div[class *="sbscrb00"] ul.sbscrbStep li p {padding-top: 50px !important;}
        div[class *="sbscrb00"] ul.sbscrbStep li p:before {width: 40px !important;height: 40px !important;line-height: 40px !important;font-size: 13px !important;padding-left: 2px;box-sizing: border-box;margin-left: -20px !important;}
        div[class *="sbscrb00"] ul.sbscrbStep li p span {font-size: 15px !important;}

        div.sbscrb001 > div.sbscrbTopbox ul li:first-child {font-size: 20px; margin-bottom: 10px;}
        div.clause001 .clauseWrap ul.clauseAllbox > li {width:49.5%;}
        div.clause001 .clauseWrap ul.clauseAllbox > li:nth-child(2n) {margin-right: 0;}
        div.sbscrb005 > table tbody {padding-top: 0;}
        div.sbscrb006 {padding:0;}

        div.sbscrb007 + .wz_notice {padding: 20px 10px; word-break: keep-all;}
    }

    @media all and (max-width: 499px) {
        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; padding: 20px;}
        div.sbscrb001 > div.sbscrbTopbox ul li {font-size: 14px;}
        div.sbscrb001 > div.sbscrbTopbox ul.sbscrbTxtbox {width:100%; padding: 10px; box-sizing: border-box;}
        div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox {padding:0px 0px 0px !important; width: 100%;}
        div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox .inputLabel {width: 65%;}
        div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginLine a.loginBt {width: 30%; height: 90px; line-height: 70px; 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:15px; */     /* padding:20px 0; */ }

        div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginLine .loginSearch li:nth-of-type(2) {width: 48%; float: left;}
        div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginLine .loginSearch li:nth-of-type(3) {width: 48%; float: right;}
        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.sbscrbTopbox > ul.typeTop li a {padding: 8px 20px;}
        div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn li a span {padding-right: 10px;}
        div.sbscrb002 ul.sbscrbStep li img {width: 70px; padding: 10px;}
        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 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: 2%; box-sizing: border-box;}
        div.sbscrb005 > table.sbscrbTable tr:nth-of-type(2) a.cfmBtn {width: 28%; text-align: center; box-sizing: border-box;}
        div.sbscrb005 > table.sbscrbTable tr:nth-of-type(4) input {width: 56%; margin-right: 2%; 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:nth-of-type(3) td:nth-of-type(2) {vertical-align: top;}
        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%;}

        /*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;}
    }

/* 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;}

/* 20210107 SSJ : moa login */
.moaLogin div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox {border-top: none; padding: 50px 20px 10px;}
.moaLogin div.sbscrb001 > div.sbscrbTopbox {background: #fff; padding: 15px 10px; min-height: auto; border-bottom: 2px solid #333; margin-bottom: 20px;}
.moaLogin div.sbscrb001 > div.sbscrbTopbox ul.sbscrbTxtbox {padding: 10px 0;}
.moaLogin div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginLine {padding-top: 0;}
.moaLogin .loginBoxnWrap {width: 100%; max-width: 400px; display: inline-block; position: relative; /* padding: 20px; */ box-sizing: border-box; /* background: #fff; */ /* border: 1px solid #ececec; */}
.moaLogin .loginBox_basic {width: 100%; display: flex; flex-direction: column;}
.moaLogin .loginBox_basic>form {display: flex; flex-wrap: wrap; gap: 1%;}
.moaLogin div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox .inputLabel input {margin-bottom: 10px;}
.moaLogin .loginBox_epki {width: 49.5% !important; border-radius: 10px;}
.moaLogin .loginBox_epki a {width: 100%; display: block; text-align: center; font-size: 17px; color: #fff; padding: 18px 5px 18px 20px; box-sizing: border-box; background: url("/images/wzwg/cmm/mber/sbscrb/ipkiIcon001.png")no-repeat 32px 17px #056bb6; border-radius: 10px; font-family: 'Noto Sans KR';}

.moaLogin div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox .idSaveBox {padding-top: 15px; /* width: 25%; */ clear: both;}
.moaLogin div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox .idSaveBox input[type="checkbox"] {width: 1px; height: 1px !important; overflow: hidden; position: absolute; opacity: 0.1;}
.moaLogin div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox .idSaveBox input[type="checkbox"] + span label:before {content: ""; width: 20px; height: 20px; display: inline-block; border: 1px solid rgba(0,0,0,0.2); border-radius: 100%; background: #f9f9f9; box-sizing: border-box; vertical-align: middle; margin: -4px 10px 0 0; transition: all 0.3s;}
.moaLogin div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox .idSaveBox input[type="checkbox"] + span label:after {content: ""; display: inline-block; width: 8px; height: 5px; border: 2px solid #fff; border-width: 0 0 2px 2px; transform: rotate(-45deg); position: absolute; left: 5px; top: 6px; opacity: 0;}
.moaLogin div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox .idSaveBox input[type="checkbox"]:focus + span label:before {border-color: #333;}
.moaLogin div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox .idSaveBox input[type="checkbox"]:checked + span label {font-weight: 600;}
.moaLogin div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox .idSaveBox input[type="checkbox"]:checked + span label:before {background: #333;}
.moaLogin div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox .idSaveBox input[type="checkbox"]:checked + span label:after {opacity: 1;}
.moaLogin div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox .idSave {font-size: 15px; font-family: 'Noto Sans KR'; width: 100%; display: flex;}
.moaLogin div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox .idSave label {font-family: 'Noto Sans KR'; width: 100%; position: relative;}
.moaLogin div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox .idSave:hover label {cursor: pointer;}
.moaLogin div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginLine .loginSearch {width: 100%; border-top: none; display: flex; gap: 10px;}
.moaLogin div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginLine .loginSearch li {margin-bottom: 0; width: 33.333%; margin: 0; /* border-left: 1px solid #ddd; */ border: none;}
.moaLogin div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginLine .loginSearch li a {font-size: 15px; font-family: 'Noto Sans KR'; padding: 16px 0; font-weight: 400; border: 1px solid #ccc; border-radius: 10px; background: transparent;}

.divOnepass {width: 100%; float: left; text-align: center; background: #f9f9f9; padding: 0 20px; box-sizing: border-box;}
.divOnepass > div {width: 100%; max-width: 800px; margin: 10px auto; background: #fff; display: block; padding: 20px; box-sizing: border-box; border: 1px solid #ccc;}
.divOnepass .info {font-size: 17px; line-height: 150%; word-break: keep-all; width: 100%; margin-bottom: 10px; color: #333; font-weight: 600;}
.divOnepass .Onepass {width: 100%; background: #1b2573; color: #fff; display: block; padding: 0px 5px; box-sizing: border-box; font-size: 19px;}
.divOnepass .Onepass:hover {font-weight: 600;}
.divOnepass .Onepass:before {content: ""; background: url("/images/wzwg/cmm/mber/sbscrb/loginsns.png")no-repeat; background-size: 180px; background-position: -138px; display: inline-block; width: 35px; height: 50px; vertical-align: middle; margin-left: -17px; margin-right: 5px;}

.moaLogin .divSnsBtn {width: 100%; text-align: center; box-sizing: border-box; position: relative; margin: 30px 0 50px; display: flex;}
.moaLogin .divSnsBtn .snsLogin {width: 100%; max-width: 400px; margin: 0 auto; display: flex; flex-direction: column; gap: 10px;}
.moaLogin .divSnsBtn .snsLogin a {width: 100% !important; font-size: 16px; height: 60px; line-height: 60px; border-radius: 10px; box-sizing: border-box; font-family: 'Noto Sans KR';}
.moaLogin .divSnsBtn .snsLogin a:before {display: inline-block; width: 27px; height: 25px; vertical-align: middle; margin: -3px 15px 0 0;}
.moaLogin .divSnsBtn .snsLogin a.NAVER {background-color: #2ec51a; color: #fff;}
.moaLogin .divSnsBtn .snsLogin a.NAVER:before {content: ""; background: url("/images/wzwg/cmm/mber/sbscrb/loginsns.png")no-repeat; background-size: 105px; background-position: -26px; filter: brightness(0) invert(1); margin-left: -13px;}
.moaLogin .divSnsBtn .snsLogin a.KAKAO {background-color: #f6c827; color: #000;}
.moaLogin .divSnsBtn .snsLogin a.KAKAO:before {content: ""; background: url("/images/wzwg/cmm/mber/sbscrb/loginsns.png")no-repeat 5px; background-size: 120px; background-position: -62px; filter: brightness(0) invert(1);}
.moaLogin .divSnsBtn .snsLogin a.Google {background-color: #f8f8f8; color: #333;}
.moaLogin .divSnsBtn .snsLogin a.Google:before {content: ""; background: url("/images/wzwg/cmm/mber/sbscrb/loginsns.png")no-repeat center #fff; background-size: 140px; background-position: -3px; color: #333;}

    @media (min-width: 700px) {
        .moaLogin div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox .inputLabel input {height: 50px;}
        .moaLogin div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox .inputLabel {width: 100%; margin-bottom: 0;}
        .moaLogin .divSnsBtn .snsLogin a {width: 32.666%;}
        .moaLogin .divSnsBtn .snsLogin a:last-child {margin-right: 0;}
    }

    @media (max-width: 699px) {
        .moaLogin div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox .inputLabel {width:100%; margin-bottom: 0;}
        .moaLogin div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginLine a.loginBt, .moaLogin .loginBox_epki a {width: 100%; float: left; height: 50px; padding: 0 5px; line-height: 48px; font-size: 16px; margin-bottom: 6px;}
        .moaLogin .loginBox_epki a {background: #056bb6;}
        .moaLogin .loginBox_epki a:before {content: url(/images/wzwg/cmm/mber/sbscrb/ipkiIcon001.png);display: inline-block;vertical-align: middle;width: 20px;height: 30px;margin-right: 10px;margin-left: -20px;margin-top: -12px;}
        .moaLogin .loginBox_epki {width: 100%; display: block; float: left;}

        .moaLogin div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginBox .idSaveBox, .moaLogin div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginLine .loginSearch {width: 100%;}
        .moaLogin div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginLine .loginSearch li:first-child {border-left: none;}
        .moaLogin div.sbscrb001 > div.sbscrbBtmbox .loginWrap .loginLine .loginSearch li a {padding: 10px 0; font-size: 14px;}
        .moaLogin .divSnsBtn {margin: 10px 0 30px !important;}
        .moaLogin .divSnsBtn .snsLogin a {width: 100%; /* margin-bottom:10px; */ height: 50px; line-height: 50px; font-size: 15px;}
    }




.contents > .inner:has(.moaLogin, [class *="sbscrb"]) #sub_visual {height:250px;}
    @media (min-width: 991px) {
        .subCon:has(.moaLogin, [class *="sbscrb"] ) {min-height:65vh;}
    }
    @media (max-width: 990px) {
        .contents > .inner:has(.moaLogin, [class *="sbscrb"]) #sub_visual {height: 87px;}
    }