@charset "utf-8"; 
/* cmm/mber/sbscrb/style.css*/
/* 2023.03.15 OSY */
/* 2024.09.20 SSJ */
/* 2024.09.24 SSJ */


/* 서브페이지 틀 세팅*/
.contents {border-top:2px solid #ddd;}
.subCon h4.tit:empty {display:none;}
.wrap_left_template .contents {border-top:none;}
div.sbscrbWrap * {font-family:'Noto Sans KR';}

/* Button */
a.cfmBtn, a.nextBtn, a.cancelBtn, a.nextBtn_pw, a.cancelBtn_pw {height:50px; line-height:50px; padding:0 25px; display:inline-block; border-radius:2px; box-sizing:border-box; text-align:center; vertical-align:middle;}
a.cfmBtn {color:#fff; background:#666; font-size:14px; font-weight:400; text-decoration:none; -webkit-transition:background 0.2s; transition:background 0.2s;}
a.nextBtn {background:#083778; border:1px solid #083778; color:#fff; font-size:14px; font-weight:400; text-decoration:none; -webkit-transition:background 0.5s; transition:background 0.5s;}
a.cancelBtn {border:1px solid #777; color:#666; background:#fff; font-size:14px; font-weight:400; text-decoration:none; -webkit-transition:background 0.5s; transition:background 0.5s;}
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;}
a.cfmBtn:hover, a.nextBtn:hover {color:#fff; background:#333 !important; border-color:#333 !important;}
a.cancelBtn:hover {color:#fff !important; background:#777;}
.sbscrbTable a.cfmBtn {height:40px !important; line-height:40px !important;}




/*
로그인 Login
*/
div.sbscrbBox {position:relative; float:left; width:100%; margin:50px 0 70px; background:#fff; box-sizing:border-box; overflow:hidden;}
div.sbscrbBox h2, div.sbscrbBox h4 {margin-bottom:25px; color:#333;}
div.sbscrbBox > div.sbscrbLoginbox:not(.memType) {position:relative; width:100%; padding:80px 20px 40px; background:#fff; border:1px solid #e7e7e7; border-top:2px solid #000; overflow:hidden; box-sizing:border-box;}
div.sbscrbBox:not(.searchPw ) > div.sbscrbLoginbox:not(.memType) .textBox:not(:only-child) {color:#fff;}
div.sbscrbBox > div.sbscrbLoginbox:not(.memType) .loginWrap {float:left; width:100%; margin:0px auto; box-sizing:border-box;}
div.sbscrbBox > div.sbscrbLoginbox:not(.memType) .loginWrap .loginLine {position:relative; width:100%; max-width:400px; margin-left:auto; margin-right:auto; box-sizing:border-box;}
div.sbscrbBox > div.sbscrbLoginbox:not(.memType) .loginWrap .loginBox {position:relative; padding:0 0 70px; overflow:hidden;}
div.sbscrbBox > div.sbscrbLoginbox:not(.memType) .loginWrap .loginBox > form#loginForm {display:flex; margin:0 auto; flex-direction:column;}
div.sbscrbBox > div.sbscrbLoginbox:not(.memType) .loginWrap .loginBox .inputLabel {position:relative; order:1;}
div.sbscrbBox > div.sbscrbLoginbox:not(.memType) .loginWrap .loginBox .inputLabel:not(:nth-of-type(1)) {margin-top:10px; order:2;}

div.sbscrbBox > div.sbscrbLoginbox:not(.memType) .loginWrap .loginBox .inputLabel > span {float:left; width:auto; display:inline-block; line-height:39px; text-align:left; font-size:14px; letter-spacing:-0.5px; position:absolute; top:0; left:0px;}
div.sbscrbBox > div.sbscrbLoginbox:not(.memType) .loginWrap .loginBox .inputLabel .loginId, 
.loginWrap .loginBox .inputLabel .loginPw {padding:0 10px !important; width:100%; height:50px; font-size:15px; color:#333; box-sizing:border-box; background:#eff2f3; border:none; border-radius:10px; padding:0 20px !important; font-size:16px; font-family:'Noto Sans KR';}


/* 로그인 아이디 비밀번호 입력칸 앞에 이미지 넣을 경우 살려주세요
div.sbscrbBox > div.sbscrbLoginbox:not(.memType) .loginWrap .loginBox .inputLabel::before {position:absolute; z-index:1; top:50%; left:15px; -webkit-transform:translateY(-50%); transform:translateY(-50%); content:''; width:20px; height:20px;}
div.sbscrbBox > div.sbscrbLoginbox:not(.memType) .loginWrap .loginBox .inputLabel:nth-of-type(1)::before {background:url(/images/wzwg/cmm/mber/sbscrb/login_icon_frm.png) 0 0 no-repeat;}
div.sbscrbBox > div.sbscrbLoginbox:not(.memType) .loginWrap .loginBox .inputLabel:nth-of-type(2)::before {background:url(/images/wzwg/cmm/mber/sbscrb/login_icon_frm.png) -20px 0 no-repeat;}
*/
div.sbscrbBox > div.sbscrbLoginbox:not(.memType) .loginWrap .loginBox .idSaveBox {display:block; width:100%; padding:10px 0 0; order:4;}
div.sbscrbBox > div.sbscrbLoginbox:not(.memType) .loginWrap .loginBox .idSaveBox input {margin-right:4px !important;}
div.sbscrbBox > div.sbscrbLoginbox:not(.memType) .loginWrap .loginBox ul.idSaveBox {position:absolute; left:0; width:90%; display:block; line-height:12px; font-size:12px; margin-left:13%;}
div.sbscrbBox > div.sbscrbLoginbox:not(.memType) .loginWrap .loginBox ul.idSaveBox li {float:left;}
div.sbscrbBox > div.sbscrbLoginbox:not(.memType) .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.sbscrbBox > div.sbscrbLoginbox:not(.memType) .loginWrap .loginLine a.loginBt {display:inline-block; width:100%; height:60px; line-height:60px; padding:0 5px; font-size:16px; color:#fff; text-align:center; background:#083778; box-sizing:border-box; transition:background .3s; order:3; font-family:'Noto Sans KR'; margin-top:15px; border-radius:10px;}
div.sbscrbBox > div.sbscrbLoginbox:not(.memType) .loginWrap .loginLine a.loginBt:hover {background:#000;}
div.sbscrbBox > div.sbscrbLoginbox:not(.memType) .loginWrap .BtnBox {position:relative; width:100%; height:100%;}
div.sbscrbBox > div.sbscrbLoginbox:not(.memType) .loginWrap .BtnBox::before {position:absolute; top:0; left:0; content:''; width:100%; height:1px; background:#ddd;}
div.sbscrbBox > div.sbscrbLoginbox:not(.memType) .loginWrap .BtnBox > div {position:relative; float:left; width:50%; padding:40px 15px 0; text-align:center; box-sizing:border-box;}
div.sbscrbBox > div.sbscrbLoginbox:not(.memType) .loginWrap .BtnBox > div + div::before {position:absolute; top:40px; left:0; content:''; width:1px; height:calc(100% - 40px); background:#ddd;}
div.sbscrbBox > div.sbscrbLoginbox:not(.memType) .loginWrap .BtnBox > div .txt {width:100%; margin-bottom:20px; font-size:15px; line-height:1.5em; color:#333; text-align:center; word-break:keep-all; font-family:'Noto Sans KR';}
div.sbscrbBox > div.sbscrbLoginbox:not(.memType) .loginWrap .BtnBox > div a {display:inline-block; width:50%; max-width:200px; padding:17px 0; font-size:16px; color:#000; text-align:center; word-break:keep-all; background:#fff; border:1px solid #ccc; box-sizing:border-box; transition:all .3s; font-family:'Noto Sans KR'; border-radius:10px;}
div.sbscrbBox > div.sbscrbLoginbox:not(.memType) .loginWrap .BtnBox > div a:hover, 
div.sbscrbBox > div.sbscrbLoginbox:not(.memType) .loginWrap .BtnBox > div a:active {background:#333; color:#fff;}

/* 아이디 찾기 */
div.sbscrbBox:not(.searchPw) div.sbscrbLoginbox.bg_btm {border-width:2px 0 0; padding-bottom:0;}

/* 비밀번호 변경 */
div.sbscrbBox.searchPw {}
div.sbscrbBox.searchPw div.sbscrbLoginbox {display:flex; padding:80px 20px 40px; flex-wrap:wrap; align-items:center; flex-direction:column;}
div.sbscrbBox.searchPw div.sbscrbLoginbox .textBox {width:100%; max-width:400px; display:flex; flex-direction:column; margin-bottom:50px; border-bottom:1px solid #ddd; padding-bottom:50px;}
div.sbscrbBox.searchPw div.sbscrbLoginbox .textBox .sbscrbTable {order:2;}
div.sbscrbBox.searchPw div.sbscrbLoginbox .textBox .sbscrbTable colgroup {display:none;}
div.sbscrbBox.searchPw div.sbscrbLoginbox .textBox .sbscrbTable tr {display:flex; flex-direction:column;}
div.sbscrbBox.searchPw div.sbscrbLoginbox .textBox .sbscrbTable tr th {display:none;}
div.sbscrbBox.searchPw div.sbscrbLoginbox .textBox .sbscrbTable tr td {width:100%;}
div.sbscrbBox.searchPw div.sbscrbLoginbox .textBox .sbscrbTable tr td input[type="text"] {width:100%; height:50px; color:#333; box-sizing:border-box; border:1px solid #ccc; border-radius:10px; padding:0 20px !important; font-size:16px; font-family:'Noto Sans KR';}
div.sbscrbBox.searchPw div.sbscrbLoginbox .textBox .sbscrbTable + .txt.mt50.fs18 {font-size:15px; opacity:0.8; line-height:150%; text-align:center; font-family:'Noto Sans KR'; order:1; margin-top:0; margin-bottom:50px;}

div.sbscrbBox.searchPw div.sbscrbLoginbox .textBox + .textBox {margin-bottom:0; border-bottom:0;}
div.sbscrbBox.searchPw div.sbscrbLoginbox .textBox + .textBox .typeBtn {}
div.sbscrbBox.searchPw div.sbscrbLoginbox .textBox + .textBox .typeBtn li {}
div.sbscrbBox.searchPw div.sbscrbLoginbox .textBox + .textBox .typeBtn li a {display:flex; align-items:center; justify-content:center; background:#eff2f3; border-radius:10px; margin-bottom:10px; height:60px;}
div.sbscrbBox.searchPw div.sbscrbLoginbox .textBox + .textBox .typeBtn li a img {max-width:30px; height:auto; margin-right:10px;}
div.sbscrbBox.searchPw div.sbscrbLoginbox .textBox + .textBox .typeBtn li br {}
div.sbscrbBox.searchPw div.sbscrbLoginbox .textBox + .textBox .typeBtn li em {font-family:'Noto Sans KR';}
div.sbscrbBox.searchPw div.sbscrbLoginbox .textBox + .textBox .typeBtn li span {font-weight:400; font-family:'Noto Sans KR'; margin-left:7px;}



    @media all and (max-width:990px) {
        div.sbscrbBox > div.sbscrbLoginbox:not(.memType) .loginWrap .BtnBox > div {width:100%; max-width:400px; float:none; margin:0 auto; padding:40px 0;}
        div.sbscrbBox > div.sbscrbLoginbox:not(.memType) .loginWrap .BtnBox > div.memJoin a {width:100%; max-width:100%; font-size:15px; font-weight:500;}
        div.sbscrbBox > div.sbscrbLoginbox:not(.memType) .loginWrap .BtnBox > div.memSearch {display:flex; flex-wrap:wrap; justify-content:center; border-top:1px solid #ddd;}
        div.sbscrbBox > div.sbscrbLoginbox:not(.memType) .loginWrap .BtnBox > div.memSearch::before {display:none;}
        div.sbscrbBox > div.sbscrbLoginbox:not(.memType) .loginWrap .BtnBox > div.memSearch a {width:auto; padding:18px 0; font-size:15px; border:none; border-radius:0; padding:2px 0px; border-bottom:1px solid #333; margin:0 10px; font-weight:500;}
        div.sbscrbBox > div.sbscrbLoginbox:not(.memType) .loginWrap .BtnBox > div.memSearch a:hover {background:#fff; color:#333;}
        div.sbscrbBox > div.sbscrbLoginbox:not(.memType) .loginWrap .BtnBox > div.memSearch .txt {margin-bottom:10px;}
    }

    @media all and (max-width:799px) {
        div.sbscrbBox > div.sbscrbLoginbox:not(.memType) .loginWrap .loginBox .inputLabel > span {position:absolute; top:50%; width:auto; margin-top:-19px;}
        div.sbscrbBox > div.sbscrbLoginbox:not(.memType) .loginWrap .loginBox ul.idSaveBox {position:absolute; left:0; width:75%; margin-left:25%;}
    }








/*
회원가입
- 회원유형 선택 (memType)
*/
div.sbscrbBox > div.sbscrbLoginbox.memType {background:transparent; padding:0; border:none;}
div.sbscrbBox > div.sbscrbLoginbox.memType .sbscrbCustomers ul.customersType {text-align:center; display:flex; justify-content:center; gap:2%;}
div.sbscrbBox > div.sbscrbLoginbox.memType .sbscrbCustomers ul.customersType .memWrap {width:30%; display:inline-block; padding:30px 0 0; text-align:center; vertical-align:top; background:#fff; box-sizing:border-box;}
div.sbscrbBox > div.sbscrbLoginbox.memType .sbscrbCustomers ul.customersType .memWrap:only-child {width:auto; min-width:30%;}

div.sbscrbBox > div.sbscrbLoginbox.memType .sbscrbCustomers ul.customersType .memWrap .sbscrbNaming {font-size:21px; width:100%; padding-bottom:30px; font-family:'Noto Sans KR';}
div.sbscrbBox > div.sbscrbLoginbox.memType .sbscrbCustomers ul.customersType .memWrap .sbscrbNaming span {display:block; font-family:'Noto Sans KR'; margin-top:10px; font-size:15px; line-height:150%; opacity:0.6;}

div.sbscrbBox > div.sbscrbLoginbox.memType .sbscrbCustomers ul.customersType .memWrap ul.type {overflow:hidden;}
div.sbscrbBox > div.sbscrbLoginbox.memType .sbscrbCustomers ul.customersType .memWrap ul.type .siteUsrTy {margin-bottom:10px;}
div.sbscrbBox > div.sbscrbLoginbox.memType .sbscrbCustomers ul.customersType .memWrap ul.type .siteUsrTy a {display:flex; flex-flow:row wrap; align-content:flex-start; padding:18px 55px 18px 25px; background:#eff2f3; border-radius:10px; position:relative;}
div.sbscrbBox > div.sbscrbLoginbox.memType .sbscrbCustomers ul.customersType .memWrap ul.type .siteUsrTy a:after {content:"";width:10px;height:10px;display:inline-block;border:2px solid #333;transform:rotate(45deg);border-width:1.5px 1.5px 0 0;position:absolute;right:29px;top:25px;}
div.sbscrbBox > div.sbscrbLoginbox.memType .sbscrbCustomers ul.customersType .memWrap ul.type .siteUsrTy a:hover {font-weight:600;}
div.sbscrbBox > div.sbscrbLoginbox.memType .sbscrbCustomers ul.customersType .memWrap ul.type .siteUsrTy a span {font-size:17px; line-height:150%; text-align:left; font-family:'Noto Sans KR'; font-weight:500;}
div.sbscrbBox > div.sbscrbLoginbox.memType .sbscrbCustomers ul.customersType .memWrap ul.type .siteUsrTy a p {display:none;}
div.sbscrbBox > div.sbscrbLoginbox.memType .sbscrbCustomers ul.customersType .memWrap ul.type .siteUsrTy a .usrTyBtn {font-family:'Noto Sans KR'; font-size:17px; margin-left:10px; opacity:0.8;}

    @media (min-width:991px) {
        div.sbscrbBox > div.sbscrbLoginbox.memType {margin-top:80px;}
        div.sbscrbBox > div.sbscrbLoginbox.memType .sbscrbCustomers ul.customersType .memWrap {border-top:1px solid #005aab;}
        div.sbscrbBox > div.sbscrbLoginbox.memType .sbscrbCustomers ul.customersType .memWrap:nth-child(4n+1) {border-top-color:#898989;}
        div.sbscrbBox > div.sbscrbLoginbox.memType .sbscrbCustomers ul.customersType .memWrap:nth-child(4n+2) {border-top-color:#adadad;}
        div.sbscrbBox > div.sbscrbLoginbox.memType .sbscrbCustomers ul.customersType .memWrap:nth-child(4n+3) {border-top-color:#cbcbcb;}
        div.sbscrbBox > div.sbscrbLoginbox.memType .sbscrbCustomers ul.customersType .memWrap:nth-child(4n)   {border-top-color:#d3d3d3;}
    }

    @media all and (max-width:990px) {
        div.sbscrbBox > div.sbscrbLoginbox.memType .sbscrbCustomers ul.customersType {flex-wrap:wrap;}
        div.sbscrbBox > div.sbscrbLoginbox.memType .sbscrbCustomers ul.customersType .memWrap .sbscrbNaming {padding-bottom:15px; font-weight:600; text-align:left;}
        div.sbscrbBox > div.sbscrbLoginbox.memType .sbscrbCustomers ul.customersType .memWrap .sbscrbNaming span {font-weight:400;}
    }

    @media all and (min-width:799px) and (max-width:990px) {
        div.sbscrbBox > div.sbscrbLoginbox.memType .sbscrbCustomers ul.customersType .memWrap {width:40%; padding-top:0;}
        div.sbscrbBox > div.sbscrbLoginbox.memType .sbscrbCustomers ul.customersType .memWrap:nth-child(2) ~ .memWrap {margin-top:50px;}
    }

    @media (max-width:799px) {
        div.sbscrbBox > div.sbscrbLoginbox.memType .sbscrbCustomers ul.customersType .memWrap {width:80% !important; border-bottom:1px solid #ccc; padding-bottom:30px;}
        div.sbscrbBox > div.sbscrbLoginbox.memType .sbscrbCustomers ul.customersType .memWrap:last-child {padding-bottom:0; border-bottom:none;}
        div.sbscrbBox > div.sbscrbLoginbox.memType .sbscrbCustomers ul.customersType .memWrap:only-child {max-width:none !important;}
        div.sbscrbBox > div.sbscrbLoginbox.memType .sbscrbCustomers ul.customersType .memWrap ul.type .siteUsrTy a span {font-size:16px;}
        div.sbscrbBox > div.sbscrbLoginbox.memType .sbscrbCustomers ul.customersType .memWrap ul.type .siteUsrTy a:after {width:8px; height:8px;}
    }










/*
회원가입
- 약관-인증-입력-완료
*/
div.sbscrbWrap {width:100%; margin:50px 0 70px; box-sizing:border-box; overflow:hidden;}

/* 상단 - 가입 단계 */
div.sbscrbWrap ul.sbscrbStep {width:100%; max-width:800px; margin:0 auto 30px; overflow:hidden;}
div.sbscrbWrap ul.sbscrbStep li {position:relative; float:left; width:25%;}
div.sbscrbWrap ul.sbscrbStep li::before {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.sbscrbWrap ul.sbscrbStep li:first-child::before {display:none;}
div.sbscrbWrap ul.sbscrbStep li .stepBox {width:auto; margin-left:auto; margin-right:auto; text-align:center;}
div.sbscrbWrap ul.sbscrbStep li .stepBox .num {position:relative; z-index:0; display:inline-block; width:50px; height:50px; line-height:50px; border-radius:50%; text-align:center; color:#fff; background:#777; box-sizing:border-box;}
div.sbscrbWrap ul.sbscrbStep li .stepBox .txt {margin-top:10px; color:#666;}
div.sbscrbWrap ul.sbscrbStep li.stepOn .stepBox .num {font-weight:600; background:#083778;}
div.sbscrbWrap ul.sbscrbStep li.stepOn .stepBox .txt {font-size:18px; font-weight:600; color:#083778;}
div.sbscrbWrap ul.sbscrbStep li.stepOn::before {background-image:linear-gradient(to right, rgba(8,55,120,1) 17%, rgba(255,255,255,0) 0%);}
div.sbscrbWrap ul.sbscrbStep + .sbscrbText {margin-top:50px; font-size:15px; opacity:0.8; line-height:150%;}
div.sbscrbWrap .sbscrbNaming {width:100%; padding:40px 15px 30px; font-size:22px; text-align:center; letter-spacing:-0.5px; font-weight:600; border-top:2px solid #000; box-sizing:border-box;}
div.sbscrbWrap .sbscrbNaming > span {display:block; width:100%; line-height:150%; margin-top:20px; font-size:15px; font-weight:400; color:#555; font-family:'Noto Sans KR';}
div.sbscrbWrap .signupWrap {width:100%; float:left;}
div.sbscrbWrap .signupWrap .signupBox {position:relative; margin-bottom:20px; padding-bottom:20px;}
div.sbscrbWrap .signupWrap .signupBox:not(:nth-last-child(1))::before {position:absolute; left:15px; bottom:0; content:''; width:calc(100% - 30px); height:1px; background:#eaeaea;}
div.sbscrbWrap .sbscrbTable + .sbscrbNaming {margin-top:50px;}
div.sbscrbWrap .sbscrbNaming.linenone {border-top:0; padding-top:0;}
/*회원가입완료*/
div.sbscrbWrap .sbscrbNaming.linebt {border-bottom:1px solid #e7e7e7; margin-bottom:20px; padding-bottom:40px;}
div.sbscrbWrap .sbscrbNaming.linebt .textBox {font-size:20px; line-height:1.4em; text-align:center; word-break:keep-all; font-weight:400; border-bottom:1px solid #e7e7e7; max-width:700px; margin:0 auto; background:#f9f9f9; border:none; border-radius:10px; padding:100px 0;     display:flex; flex-wrap:wrap; justify-content:center;}
div.sbscrbWrap .sbscrbNaming.linebt .textBox span.fs24 {}
div.sbscrbWrap .sbscrbNaming.linebt .textBox span.fs24+span {opacity:0.7;margin-left:5px; font-size:18px; margin-top:3px;}
div.sbscrbWrap .sbscrbNaming.linebt .textBox span.fs24+span+br~span {font-size:16px; width:100%;}
div.sbscrbWrap .sbscrbNaming.linebt .textBox span.fs24+span+br+span {margin-top:20px;}


/* 약관 */
div.sbscrbWrap .signupWrap .signupBox h3 {font-size:17px; letter-spacing:-0.5px; font-weight:700; padding:15px; font-family:'Noto Sans KR';}
div.sbscrbWrap .signupWrap .signupBox h3 span.sbscrbPointc {display:inline-block; padding:5px 8px; vertical-align:1px; margin-right:5px; background:#083778; border-radius:15px; color:#fff; font-size:13px; font-weight:400;}
div.sbscrbWrap .signupWrap ul.signText {padding:0 15px; box-sizing:border-box;}
div.sbscrbWrap .signupWrap ul.signText li {height:350px; padding:20px 15px; background:#fff; line-height:140%; border:1px solid #ddd; box-sizing:border-box; overflow-y:scroll; font-family:'Noto Sans KR'; font-size:14px; color:#727272;}
div.sbscrbWrap .signupWrap ul.signText li:first-child {margin-top:0;}
div.sbscrbWrap .signupWrap ul.signText table {border:1px solid #ececec; border-collapse:collapse;}
div.sbscrbWrap .signupWrap ul.signText table tr th {line-height:150%; padding:5px 10px; border:1px solid #ececec; font-size:15px;}
div.sbscrbWrap .signupWrap ul.signText table tr td {border:1px solid #ececec; padding:5px 10px; line-height:150%; font-size:15px;}
div.sbscrbWrap .signupWrap ul.signText br+br+br, div.sbscrbWrap .signupWrap ul.signText br+br+br+br, div.sbscrbWrap .signupWrap ul.signText br+br+br+br+br, div.sbscrbWrap .signupWrap ul.signText br+br+br+br+br+br {display:none;}

/* 로그인 아이디저장, 약관 동의 */
div.sbscrbWrap .signupWrap .signClick {text-align:right; padding:10px 17px; overflow:hidden;}
div.sbscrbBox > div.sbscrbLoginbox:not(.memType) .loginWrap .loginBox .idSaveBox input, div.sbscrbWrap .signupWrap .signClick input {position:relative; width:20px; height:20px !important; border-radius:50%; cursor:pointer; appearance:none; margin-right:6px; vertical-align:middle; border:1px solid rgba(0,0,0,0.2); background:#f9f9f9 !important; box-sizing:border-box;}
div.sbscrbBox > div.sbscrbLoginbox:not(.memType) .loginWrap .loginBox .idSaveBox label span, div.sbscrbWrap .signupWrap .signClick input + em {color:#666; font-family:'Noto Sans KR';}
div.sbscrbBox > div.sbscrbLoginbox:not(.memType) .loginWrap .loginBox .idSaveBox input::before, div.sbscrbWrap .signupWrap .signClick input::before {position:absolute; left:-1px; top:-1px; z-index:1; content:''; width:20px; height:20px; background:url(/images/wzwg/cmm/mber/sbscrb/chcek_arrow.png) no-repeat;}
div.sbscrbBox > div.sbscrbLoginbox:not(.memType) .loginWrap .loginBox .idSaveBox input[type="checkbox"]:checked, div.sbscrbWrap .signupWrap .signClick input[type="checkbox"]:checked {background:#083778 !important; border-color:#083778;}
div.sbscrbBox > div.sbscrbLoginbox:not(.memType) .loginWrap .loginBox .idSaveBox input[type="checkbox"]:checked + label .idSave, div.sbscrbWrap .signupWrap .signClick input[type="checkbox"]:checked + em {color:#083778; font-weight:600;}
div.sbscrbBox > div.sbscrbLoginbox:not(.memType) .loginWrap .loginBox .idSaveBox label, div.sbscrbWrap .signupWrap .signClick label {cursor:pointer;}
div.sbscrbWrap .signupWrap .signClick span {font-size:15px; font-weight:600;}

/* 가입인증수단 */
div.sbscrbWrap .sbscrbContbox {padding:0 20px; box-sizing:border-box;}
div.sbscrbWrap .sbscrbContbox .typeBtn {display:flex; flex-direction:column; align-items:center; width:100%; max-width:400px; margin:0 auto 20px; box-sizing:border-box; overflow:hidden;}
div.sbscrbWrap .sbscrbContbox .typeBtn li {width:100%;}
div.sbscrbWrap .sbscrbContbox .typeBtn li a {display:flex; align-items:center; justify-content:center; background:#eff2f3; border-radius:10px; margin-bottom:10px; height:60px;}
div.sbscrbWrap .sbscrbContbox .typeBtn li a img {max-width:30px; height:auto; margin-right:10px;}
div.sbscrbWrap .sbscrbContbox .typeBtn li a .snsName {}
div.sbscrbWrap .sbscrbContbox .typeBtn li a .snsName br {display:none;}


/* 가입정보입력 */
div.sbscrbWrap .sbscrbTable:not(.tblclause) {width:calc(100% - 40px); max-width:500px; margin:0 auto;}
div.sbscrbWrap .sbscrbTable:not(.tblclause) colgroup {display:none;}
div.sbscrbWrap .sbscrbTable:not(.tblclause) tbody {display:block;}
div.sbscrbWrap .sbscrbTable:not(.tblclause) tbody tr {display:flex; flex-direction:column;}
div.sbscrbWrap .sbscrbTable:not(.tblclause) tr input#bassAdres {width:100%; margin-bottom:5px;}
div.sbscrbWrap .sbscrbTable:not(.tblclause) tr input#detailAdres {width:100%;}
div.sbscrbWrap .sbscrbTable:not(.tblclause) tr th {width:100%; padding:20px 0 5px; border-top:1px solid #eee; text-align:left; font-size:15px; font-weight:600; font-family:'Noto Sans KR'; margin-top:20px;}
div.sbscrbWrap .sbscrbTable:not(.tblclause)>tbody>tr>td {padding:10px 0px 5px; box-sizing:border-box; font-size:16px; display:flex; flex-wrap:wrap; line-height:50px; border-top:none;}
div.sbscrbWrap .sbscrbTable:not(.tblclause)>tbody>tr>td>span {margin-right:5px; margin-top:10px; line-height:120%; font-size:15px; font-family:'Noto Sans KR'; color:#838383;}
div.sbscrbWrap .sbscrbTable:not(.tblclause)>tbody>tr>td>.id_select_ok {margin-top:0;}
div.sbscrbWrap .sbscrbTable:not(.tblclause)>tbody>tr>td ul.wzForm {line-height:normal; width:100%;}
div.sbscrbWrap .sbscrbTable:not(.tblclause)>tbody>tr>td ul.wzForm li {margin-bottom:10px;}
div.sbscrbWrap .sbscrbTable:not(.tblclause)>tbody>tr>td ul.wzForm li label {font-size:15px;}
div.sbscrbWrap .sbscrbTable:not(.tblclause)>tbody>tr>td textarea {width:100%; border-radius:5px; background:#f5f5f5; padding:10px 15px; font-size:15px; border:none;}
div.sbscrbWrap .sbscrbTable:not(.tblclause)>tbody>tr:last-child>td {padding-bottom:50px;}
div.sbscrbWrap .sbscrbTable:not(.tblclause) tr td:only-child *:not(a) {line-height:150%;}
div.sbscrbWrap .sbscrbTable:not(.tblclause) tr input {height:50px !important; border-radius:5px; padding:8px 15px !important; font-size:15px; width:30%; background:#eff2f3; font-family:'Noto Sans KR'; border:none; flex-grow:1;}div.sbscrbWrap .sbscrbTable tr input:only-child {width:100%;}
div.sbscrbWrap .sbscrbTable:not(.tblclause) tr input + select {margin-left:1%;}
div.sbscrbWrap .sbscrbTable:not(.tblclause) tr span.sbscrbPointc {margin-left:5px; color:#007ad3;}
div.sbscrbWrap .sbscrbTable:not(.tblclause) tr span#dplct_div {line-height:40px; font-weight:500; width:100%;}
div.sbscrbWrap .sbscrbTable:not(.tblclause) tr span#dplct_div.id_select_ok {color:#007ad3;}
div.sbscrbWrap .sbscrbTable:not(.tblclause) tr select {border:1px solid #ddd; margin-right:2px; float:left; vertical-align:2px; height:50px !important; border-radius:5px; padding:8px 15px !important; font-size:15px; width:30%; background-color:#eff2f3; background-position-x:91%; padding-right:30px !important; font-family:'Noto Sans KR'; border:none; flex-grow:1;}
div.sbscrbWrap .sbscrbTable:not(.tblclause) tr select + a.cfmBtn {vertical-align:3px;}
div.sbscrbWrap .sbscrbTable:not(.tblclause) tr input[type="checkbox"] {width:auto; border:none;}
div.sbscrbWrap .sbscrbTable:not(.tblclause) tr input + a.cfmBtn {height:50px !important; line-height:50px !important; font-size:15px; font-family:'Noto Sans KR'; margin-left:1%; border-radius:5px;}

/* 약관 */
#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 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:15px; width:100%; display:block; padding:10px 0; box-sizing:border-box; text-align:right;}
#stplatSimpDiv div.clauseTxt .ContentsWrap {font-size:16px; line-height:150%; background:#fafafa; width:100%; float:left; padding:10px; box-sizing:border-box; height:300px; overflow-y:scroll; word-break:keep-all; list-style:none;}
#stplatSimpDiv div.clauseTxt .ContentsWrap li {list-style:none; font-family:'Noto Sans KR'; font-size:14px; line-height:150%;}
div.clause001 {width:100%; box-sizing:border-box;}
div.clause001 p.clauseNaming {display:block; width:100%; max-width:1300px; margin:0 auto; font-weight:600; text-align:center; 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; padding-left:0;}
div.clause001 .clauseWrap ul.clauseAllbox > li {text-align:center; overflow:hidden; margin-bottom:-1px; box-sizing:border-box; float:left; vertical-align:middle; list-style:none;}
div.clause001 .clauseWrap ul.clauseAllbox > li:hover h2 a {font-weight:500; text-decoration:underline;}
div.clause001 .clauseWrap ul.clauseAllbox > li:last-child {margin-right:0px;}
div.clause001 .clauseWrap ul.clauseAllbox > li h2 {width:100%; vertical-align:middle !important;}
div.clause001 .clauseWrap ul.clauseAllbox > li h2 a {height:100%; width:100%; vertical-align:middle !important; font-size:15px; font-weight:400; display:inline-block; box-sizing:border-box; font-family:'Noto Sans KR';}
div.clause001 .clauseWrap ul.clauseAllbox > li h2 a:first-line {line-height:55px;}
div.clause001 .clauseWrap ul.clauseAllbox > li.active {background:#fff; border:1px solid #333; border-bottom:none;}
div.clause001 .clauseWrap ul.clauseAllbox > li.active h2 a {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;}
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;}

/* 약관 이력 */
div.sbscrbWrap .sbscrbTable.tblclause {margin-top:50px;}
div.sbscrbWrap .sbscrbTable.tblclause th { text-align:center !important; font-size:15px; font-weight:500; padding:15px 0; border-bottom:1px solid #eee; border-top:1px solid #333;}
div.sbscrbWrap .sbscrbTable.tblclause td {font-size:16px;padding:10px 4px;border-bottom:1px solid #eee;line-height:150%;}
div.sbscrbWrap .sbscrbTable.tblclause td:not(:nth-child(2)) {text-align:center !important; font-size:13px;}
div.sbscrbWrap .sbscrbTable.tblclause tr.tdLogCn>td {padding-left:69px; border-bottom-color:#ccc; padding-bottom:25px;}
div.sbscrbWrap .sbscrbTable.tblclause tr.tdLogCn td {text-align:left !important; line-height:150%; font-size:14px; color:#838383;}
div.sbscrbWrap .sbscrbTable.tblclause tr.tdLogCn td p {font-size:15px;}
div.sbscrbWrap .sbscrbTable.tblclause tr.tdLogCn td > h3:first-child {display:none;}
div.sbscrbWrap .sbscrbTable.tblclause tr.tdLogCn>td br+br, 
div.sbscrbWrap .sbscrbTable.tblclause tr.tdLogCn>td br+br+br, 
div.sbscrbWrap .sbscrbTable.tblclause tr.tdLogCn>td br+br+br+br, 
div.sbscrbWrap .sbscrbTable.tblclause tr.tdLogCn>td br+br+br+br+br, 
div.sbscrbWrap .sbscrbTable.tblclause tr.tdLogCn>td br+br+br+br+br+br, 
div.sbscrbWrap .sbscrbTable.tblclause tr.tdLogCn>td br+br+br+br+br+br+br, 
div.sbscrbWrap .sbscrbTable.tblclause tr.tdLogCn>td br+br+br+br+br+br+br+br, 
div.sbscrbWrap .sbscrbTable.tblclause tr.tdLogCn>td br+br+br+br+br+br+br+br+br, 
div.sbscrbWrap .sbscrbTable.tblclause tr.tdLogCn>td br+br+br+br+br+br+br+br+br+br, 
div.sbscrbWrap .sbscrbTable.tblclause tr.tdLogCn>td br+br+br+br+br+br+br+br+br+br+br, 
div.sbscrbWrap .sbscrbTable.tblclause tr.tdLogCn>td br+br+br+br+br+br+br+br+br+br+br+br, 
div.sbscrbWrap .sbscrbTable.tblclause tr.tdLogCn>td br+br+br+br+br+br+br+br+br+br+br+br+br,
div.sbscrbWrap .sbscrbTable.tblclause tr.tdLogCn>td br+br+br+br+br+br+br+br+br+br+br+br+br+br {display:none;}

/* 마이페이지 - 약관 동의 이력 */
.subCon>div>h4.fs40.fw400.txt-c.mb50 {margin-top:50px;font-family:'Noto Sans KR';}
.sbscrb005 {}
.sbscrb005 .sbscrbTable.basic-table {}
.sbscrb005 .sbscrbTable.basic-table tr {background:transparent;}
.sbscrb005 .sbscrbTable.basic-table thead th {text-align:center !important; font-size:15px; font-weight:500; padding:15px 0; border-bottom:1px solid #ccc; border-top:2px solid #000; font-family:'Noto Sans KR';}
.sbscrb005 .sbscrbTable.basic-table tbody td {padding:15px 4px; border-bottom:1px solid #eee; line-height:150%; text-align:center !important; font-size:15px; font-family:'Noto Sans KR';}
.sbscrb005 .sbscrbTable.basic-table tbody td:only-child {text-align:left !important; padding-bottom:30px; padding-left:70px; border-bottom-color:#ccc;}
.sbscrb005 .sbscrbTable.basic-table tbody td a {font-family:'Noto Sans KR';}




/* Button Box */
div.sbscrbWrap div.sbscrbBtnbox {float:left; width:100%; margin:20px auto 0; overflow:hidden;}
div.sbscrbWrap div.sbscrbBtnbox div.sbscrbBtnwidth {max-width:300px; margin:0 auto; overflow:hidden;}

    @media (min-width:991px) {
        div.clause001 p.clauseNaming {font-size:22px; padding:55px 0 30px; margin-bottom:20px; border-bottom:1px solid #ddd;}
        div.sbscrbBox {border-bottom:1px solid #ddd; padding-bottom:100px;}
    }

    @media all and (max-width:990px) {
        div.clause001 p.clauseNaming {padding:30px 10px 10px;}
    }

    @media (min-width:800px) {
        div.clause001 .clauseWrap ul.clauseAllbox > li {width:auto; padding:0 20px;}
        div.clause001 .clauseWrap ul.clauseAllbox > li:nth-child(5n) {margin-right:0;}
        div.clause001 .clauseWrap ul.clauseAllbox > li:nth-child(5n):nth-last-child(2) {margin-right:0.5%;}
    }

    @media (max-width:799px) {
        div.sbscrbWrap .sbscrbNaming {font-size:20px;}

        /* 비밀번호변경 */
        div.sbscrbBox div.sbscrbLoginbox.bg_mnone {background:transparent;}
        div.sbscrbBox.searchPw div.sbscrbLoginbox .textBox .txt {margin-top:30px;}
        div.sbscrbWrap .sbscrbTable:not(.tblclause)>tbody>tr>td {border-bottom:0;}
    }







/***********************************************************/
/***********************************************************/
/********** 위 CSS로 충분하면 계속 확인 후 삭제 예정 **********/
/***********************************************************/
/***********************************************************/
/*
sns 휴대폰인증
*/
div.divSnsBtn {}
div.divSnsBtn table {width:100%; max-width:400px; margin:40px auto 0; overflow:hidden;}
div.divSnsBtn table tbody {display:flex; flex-direction:column; gap:10px;}
div.divSnsBtn table tr {}
div.divSnsBtn table tr td {width:100%; height:60px; line-height:60px; float:left; border-radius:10px; text-align:center; display:inline-block; font-size:16px; padding-left:10px; box-sizing:border-box; font-family:'Noto Sans KR';}
div.divSnsBtn table tr.phone td    {background-color:#f1f1f1; color:#333;}
div.divSnsBtn table tr.NAVER td    {background-color:#2ec51a; color:#fff;}
div.divSnsBtn table tr.KAKAO td    {background-color:#f6e127; color:#333;}
div.divSnsBtn table tr.Facebook td {background-color:#385899; color:#fff;}
div.divSnsBtn table tr.Google td   {background-color:#f8f8f8; color:#333;}
div.divSnsBtn table tr.phone td:before    {content:""; background:url("/images/wzwg/cmm/mber/sbscrb/phoneIcon001.png")no-repeat #f1f1f1;}
div.divSnsBtn table tr.NAVER td:before    {content:""; background:url("/images/wzwg/cmm/mber/sbscrb/naverIcon001.png")no-repeat #2ec51a; background-size:26px; width:27px; height:19px; display:inline-block; margin-right:10px; vertical-align:middle; background-position:0 -4px;}
div.divSnsBtn table tr.KAKAO td:before    {content:""; background:url("/images/wzwg/cmm/mber/sbscrb/kakaoIcon001.png")no-repeat #f6e127; background-size:29px; width:25px; height:25px; display:inline-block; margin-right:10px; background-position:-4px -4px; vertical-align:middle;}
div.divSnsBtn table tr.Google td:before   {content:""; background:url("/images/wzwg/cmm/mber/sbscrb/googleIcon001.png")no-repeat #f8f8f8; background-size:29px; width:25px; height:25px; display:inline-block; margin-right:10px; background-position:-4px -4px; vertical-align:middle;}
div.divSnsBtn table tr.Facebook td:before {content:""; background:url("/images/wzwg/cmm/mber/sbscrb/faceIcon001.png")no-repeat #385899; background-size:28px; width:18px; height:19px; display:inline-block; margin-right:10px; background-position:-5px -6px; vertical-align:middle;}
div.divSnsBtn table tr.Instagram 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; */}


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

    @media (max-width:799px) {
        div.divSnsBtn table {margin-bottom:50px;}
    }

    @media all and (max-width:499px) {
        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.sbscrbLoginbox > div.sbscrbBtnbox div.sbscrbBtnwidth, div.sbscrb004 > div.sbscrbLoginbox div.sbscrbBtnbox div.sbscrbBtnwidth, div.sbscrb005 div.sbscrbBtnbox div.sbscrbBtnwidth, div.sbscrbWrap div.sbscrbBtnbox div.sbscrbBtnwidth, div.sbscrb007 div.sbscrbBtnbox div.sbscrbBtnwidth {max-width:100%;}
        div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type {width:100%;}
    }

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

/* 20201221 login - join  + add notice :SSJ */
.guideTip {width:100%; max-width:800px; margin:10px auto 0; line-height:150%; box-sizing:border-box; word-break:keep-all;}
.newJoin .guideTip {margin-bottom:21px;}
.newJoin .wzbtn {background:#333; color:#fff; height:90px; border-radius:0; font-size:18px !important;}
.newJoin .wzbtn:hover {background:#000;}
div.sbscrb007 .sbscrbCustomers > ul.customersType .guideTip {display:block !important; font-size:15px !important; line-height:150% !important; padding:0 5px !important; word-break:keep-all;}

    @media all and (min-width:850px) and (max-width:1190px) {
        div.sbscrb007 .sbscrbCustomers > ul.customersType .guideTip {height:88px;}
    }

    @media all and (min-width:700px) and (max-width:849px) {
        div.sbscrb007 .sbscrbCustomers > ul.customersType .guideTip {height:133px;}
    }

    @media (max-width:650px) {
        div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type {width:98%;}
        div.sbscrb007 .sbscrbCustomers > ul.customersType > li:first-child .guideTip, 
        div.sbscrb007 .sbscrbCustomers > ul.customersType > li:nth-child(2) .guideTip {height:88px;}
        div.sbscrb007 .sbscrbCustomers > ul.customersType > li:nth-child(3) .guideTip, 
        div.sbscrb007 .sbscrbCustomers > ul.customersType > li:nth-child(4) .guideTip {height:66px;}
    }

.pinnphon>li {border-top:none !important;}
.pinnphon>li a {background:#333 !important; color:#fff;}
.pinnphon>li a:hover {background:#000 !important;}
.pinnphon>li a span {color:#fff !important; font-weight:400 !important; padding-top:0 !important; margin-bottom:0 !important;}
.pinnphon>li:only-child {float:none !important; display:inline-block;}

/* 기존 cmm/mber/sbscrb/crtfc/style.css  통합 */
/*/cmm/mber/sbscrb/selectSbscrbCrtfc.do 에서만 적용됐던 부분.*/
/* 버튼 */
.sbscrbBtnbox {width:100%; float:left; margin-top:50px; text-align:center;}
.sbscrbBtnbox .sbscrbBtnwidth {}

    @media all and (max-width:499px) {
        div.sbscrb002 > div.sbscrbLoginbox {margin-top:20px;}
        div.sbscrb002 > div.sbscrbLoginbox > ul.typeBtn li {width:100%;}
        div.sbscrb002 > div.sbscrbTopbox > ul.typeTop li a {padding:8px 20px;}
        div.sbscrb002 > div.sbscrbLoginbox > ul.typeBtn li a p {font-size:20px; color:#333; font-weight:500;}
        div.sbscrb002 > div.sbscrbLoginbox > ul.typeBtn li a span {padding-right:10px;}
        div.sbscrb002 > div.sbscrbLoginbox > ul.typeBtn li a span img {right:5px;}
        div.sbscrb002 ul.sbscrbStep li img {width:70px; padding:10px;}
        div.sbscrb002 > div.sbscrbLoginbox > ul.typeBtn li {width:100%; float:left; margin-right:0; margin-bottom:10px;}
        div.sbscrb002 > div.sbscrbLoginbox > ul.typeBtn li:last-child {width:100%;}
        div.sbscrb003 > div.sbscrbLoginbox {width:100%; float:left; margin-top:20px;}
        div.sbscrb003 > div.sbscrbTopbox > ul.typeTop li a {padding:8px 20px;}
        div.sbscrb003 > div.sbscrbLoginbox > div.sbscrbBtnbox div.sbscrbBtnwidth {max-width:100%;}
        div.sbscrb003 > div.sbscrbLoginbox table.sbscrbTable tr:first-child input {width:100%;}
        div.sbscrb003 > div.sbscrbLoginbox table.sbscrbTable tr input {width:47%; box-sizing:border-box; margin-right:0; padding:0 3%;}
        div.sbscrb003 > div.sbscrbLoginbox table.sbscrbTable tr select {width:100%; margin:10px 0;}
        div.sbscrb003 > div.sbscrbLoginbox table.sbscrbTable tr td {padding:10px;}
        div.sbscrb003 > div.sbscrbLoginbox table.sbscrbTable tr:last-child input {width:55%; box-sizing:border-box; margin-right:1%;}
        div.sbscrb003 > div.sbscrbLoginbox table.sbscrbTable tr a.cfmBtn {width:44%; text-align:center; box-sizing:border-box;}
        div.sbscrb004 > div.sbscrbLoginbox {width:100%; float:left; margin-top:20px;}
        div.sbscrb004 > div.sbscrbTopbox > ul.typeTop li a {padding:8px 20px;}
        div.sbscrb004 > div.sbscrbLoginbox div.sbscrbBtnbox div.sbscrbBtnwidth {max-width:100%;}
        div.sbscrb005 > table.sbscrbTable tr input {width:100%;}
        div.sbscrb005 > table.sbscrbTable tr span.sbscrbPwspan {color:#ff0000; margin:5px 0 0 2px; line-height:17px;}
        div.sbscrb005 > table.sbscrbTable tr td {padding:10px; box-sizing:border-box;}
        div.sbscrb005 > table.sbscrbTable tr:nth-of-type(2) input {width:70%; margin-right:1%; box-sizing:border-box;}
        div.sbscrb005 > table.sbscrbTable tr:nth-of-type(2) a.cfmBtn {width:29%; text-align:center; box-sizing:border-box;}
        div.sbscrb005 > table.sbscrbTable tr:nth-of-type(4) input {width:57%; margin-right:1%; box-sizing:border-box;}
        div.sbscrb005 > table.sbscrbTable tr:nth-of-type(4) a.cfmBtn {width:42%; text-align:center; box-sizing:border-box;}
        div.sbscrb005 > table.sbscrbTable tr:nth-of-type(5) input:last-child {width:100%; margin-top:10px;}
        div.sbscrb005 > table.sbscrbTable tr:nth-of-type(6) select {width:28%; margin-right:0; box-sizing:border-box;}
        div.sbscrb005 > table.sbscrbTable tr:nth-of-type(6) input {width:32%; margin-right:0; box-sizing:border-box;}
        div.sbscrb005 > table.sbscrbTable tr:nth-of-type(6) span {width:2%; text-align:center; margin:0 1%; box-sizing:border-box;}
        div.sbscrb005 > table.sbscrbTable tr:nth-of-type(7) select {width:28%; margin-right:0; box-sizing:border-box;}
        div.sbscrb005 > table.sbscrbTable tr:nth-of-type(7) input {width:32%; margin-right:0; box-sizing:border-box;}
        div.sbscrb005 > table.sbscrbTable tr:nth-of-type(7) span {width:2%; text-align:center; margin:0 1%; box-sizing:border-box;}
        div.sbscrb005 > table.sbscrbTable tr input[type="checkbox"] {width:auto; border:none;}
        div.sbscrb005 > table.sbscrbTable tr td textarea {width:100%; font-size:12px; padding:5px; box-sizing:border-box; border:1px solid #ddd;}
        div.sbscrb005 > table.sbscrbTable tr td ul li {width:32%; line-height:26px; text-align:left; margin-left:1%; float:left;}
        div.sbscrb007 .sbscrbCustomers > ul.customersType > li {width:100%;}
        div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li {margin:10px auto; text-align:center; overflow:hidden; float:none;}
        div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li > a {width:100%; box-sizing:border-box;}
        div.sbscrb003 > div.sbscrbLoginbox > div.sbscrbBtnbox div.sbscrbBtnwidth, div.sbscrb004 > div.sbscrbLoginbox div.sbscrbBtnbox div.sbscrbBtnwidth, div.sbscrb005 div.sbscrbBtnbox div.sbscrbBtnwidth, div.sbscrbWrap div.sbscrbBtnbox div.sbscrbBtnwidth, div.sbscrb007 div.sbscrbBtnbox div.sbscrbBtnwidth {max-width:100%;}
    }

    @media all and (min-width:499px) and (max-width:799px) {
        div.sbscrb002 > div.sbscrbLoginbox {margin-top:30px;}
        div.sbscrb002 > div.sbscrbLoginbox > ul.typeBtn li a p {font-size:20px; color:#333; font-weight:500;}
        div.sbscrb002 > div.sbscrbLoginbox > ul.typeBtn li {width:49%; float:left; margin-bottom:1%;}
        div.sbscrb002 > div.sbscrbLoginbox > ul.typeBtn li:last-child {width:49%;}
        div.sbscrb003 > div.sbscrbLoginbox {margin-top:30px;}
        div.sbscrb003 > div.sbscrbLoginbox table.sbscrbTable tr:first-child input {width:100%;}
        div.sbscrb003 > div.sbscrbLoginbox table.sbscrbTable tr:last-child input {width:64%; box-sizing:border-box; margin-right:1%;}
        div.sbscrb003 > div.sbscrbLoginbox table.sbscrbTable tr a.cfmBtn {width:35%; text-align:center; box-sizing:border-box;}
        div.sbscrb003 > div.sbscrbLoginbox table.sbscrbTable tr input {width:47%; box-sizing:border-box; margin-right:0; padding:0 3%;}
        div.sbscrb003 > div.sbscrbLoginbox table.sbscrbTable tr select {width:100%; margin:10px 0;}
        div.sbscrb003 > div.sbscrbLoginbox table.sbscrbTable tr span {width:4%; text-align:center; margin:0 1%;}
        div.sbscrb003 > div.sbscrbLoginbox table.sbscrbTable tr td {box-sizing:border-box; width:100%; padding:10px;}
        div.sbscrb004 > div.sbscrbLoginbox {margin-top:30px;}
        div.sbscrb005 > table.sbscrbTable tr td {padding:10px; box-sizing:border-box;}
        div.sbscrb005 > table.sbscrbTable tr input {width:100%;}
        div.sbscrb005 > table.sbscrbTable tr span.sbscrbPwspan {color:#ff0000; margin:5px 0 0 0; margin-left:2px; line-height:17px;}
        div.sbscrb005 > table.sbscrbTable tr:nth-of-type(2) input {width:75%; box-sizing:border-box; margin-right:1%;}
        div.sbscrb005 > table.sbscrbTable tr:nth-of-type(2) a.cfmBtn {width:24%; text-align:center; box-sizing:border-box;}
        div.sbscrb005 > table.sbscrbTable tr:nth-of-type(4) input {width:65%; box-sizing:border-box; margin-right:1%;}
        div.sbscrb005 > table.sbscrbTable tr:nth-of-type(4) a.cfmBtn {width:34%; text-align:center; box-sizing:border-box;}
        div.sbscrb005 > table.sbscrbTable tr:nth-of-type(5) input:last-child {width:100%; margin-top:10px;}
        div.sbscrb005 > table.sbscrbTable tr:nth-of-type(6) select {width:28%; margin-right:0; box-sizing:border-box;}
        div.sbscrb005 > table.sbscrbTable tr:nth-of-type(6) input {width:32%; margin-right:0; box-sizing:border-box;}
        div.sbscrb005 > table.sbscrbTable tr:nth-of-type(6) span {width:2%; text-align:center; margin:0 1%; box-sizing:border-box;}
        div.sbscrb005 > table.sbscrbTable tr:nth-of-type(7) select {width:28%; margin-right:0; box-sizing:border-box;}
        div.sbscrb005 > table.sbscrbTable tr:nth-of-type(7) input {width:32%; margin-right:0; box-sizing:border-box;}
        div.sbscrb005 > table.sbscrbTable tr:nth-of-type(7) span {width:2%; text-align:center; margin:0 1%; box-sizing:border-box;}
        div.sbscrb005 > table.sbscrbTable tr input[type="checkbox"] {width:auto;}
        div.sbscrb005 > table.sbscrbTable tr td textarea {width:100%; font-size:12px; padding:5px; box-sizing:border-box; border:1px solid #ddd;}
        div.sbscrb005 > table.sbscrbTable tr td ul li {width:32%; line-height:26px; text-align:left; margin-left:1%; float:left;}
        div.sbscrb007 .sbscrbCustomers > ul.customersType {width:100%;}
        div.sbscrb007 .sbscrbCustomers > ul.customersType > li {width:100%; background:#f9f9f9; padding:20px 10px; margin-bottom:20px; border:1px solid rgba(0,0,0,0.05);}
        div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type {width:100%; margin-left:0; margin-right:0; display:block;}
        div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li {width:50%;}
    }

    @media all and (min-width:799px) and (max-width:990px) {
        div.sbscrb005 > table.sbscrbTable tr span.sbscrbPwspan {color:#ff0000; margin:5px 0 0 2px; line-height:17px;}
        div.sbscrb007 .sbscrbCustomers > ul.customersType > li {width:50%; padding-right:10px; box-sizing:border-box;}
        div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li > a {padding:25px;}
    }

    @media all and (min-width:991px) {
        div.sbscrb007 .sbscrbCustomers > ul.customersType > li {width:50%; padding-right:0px; box-sizing:border-box;}
        div.sbscrb007 .sbscrbCustomers > ul.customersType > li ul.type li > a {padding:30px 55px;}
    }

div.sbscrb002 > div.sbscrbBtmbox {margin-top:30px;}
div.sbscrb002 > div.sbscrbBtmbox > ul.typeBtn li a p {font-size:20px; color:#333; font-weight:500;}













/* 마이페이지 - 내가 작성한 게시글,댓글 */
.subCon>div #myFrm ~ .wztab {margin-top:50px;}
.subCon>div #myFrm ~ .wztab .wztab-list {}

@media all and (min-width:600px) {
    .subCon>div #myFrm ~ .wztab {border-bottom-color:#333; z-index:0;}
    .subCon>div #myFrm ~ .wztab .wztab-list {}
    .subCon>div #myFrm ~ .wztab .wztab-list .wztab-item {height:55px; border:none; background:transparent; margin-bottom:-1px;}
    .subCon>div #myFrm ~ .wztab .wztab-list .wztab-item.active {border:1px solid #333; border-bottom:none; background:#fff;}
    .subCon>div #myFrm ~ .wztab .wztab-list .wztab-item a {height:55px; line-height:55px; background:transparent; border:none; font-size:15px; font-family:'Noto Sans KR';}
    .subCon>div #myFrm ~ .wztab + #tabTit {padding:40px 15px 30px; font-size:22px; text-align:center; letter-spacing:-0.5px; font-weight:600; box-sizing:border-box; font-family:'Noto Sans KR';}
    .subCon>div #myFrm ~ .wztab + #tabTit + .allbox {}
    .subCon>div #myFrm ~ .wztab + #tabTit + .allbox .basic-table01 {}
    .subCon>div #myFrm ~ .wztab + #tabTit + .allbox .basic-table01 thead th {text-align:center !important; font-size:15px; font-weight:500; padding:15px 0; border-bottom:1px solid #ccc; border-top:1px solid #333; font-family:'Noto Sans KR';}
    .subCon>div #myFrm ~ .wztab + #tabTit + .allbox .basic-table01 tbody td {padding:15px 4px; border-bottom:1px solid #eee; line-height:150%; text-align:center !important; font-size:15px; font-family:'Noto Sans KR';}
}