@charset 'utf-8';

/***********************************************************************************************/

html, body {
    height: auto;
}

/* 변형 CSS */
@media screen and (max-width: 400px){

    #loginTable .logoZone,
    #loginTable .mainLogin,
    #loginTable .mainJoinAgr,
    #loginTable .mainJoin,
    #loginTable .mainLoginEnd {width:100%;margin:0 auto;display: block;}

    #loginTable .logoZone > a > img,
    #loginTable .mainLogin > a > img,
    #loginTable .mainJoinAgr > a > img,
    #loginTable .mainJoin > a > img,
    #loginTable .mainLoginEnd > a > img {width:100%;}

}
@media screen and (min-width: 401px) and (max-width: 700px){

    #loginTable .logoZone,
    #loginTable .mainLogin,
    #loginTable .mainJoinAgr,
    #loginTable .mainJoin, 
    #loginTable .mainJoinPart,
    #loginTable .mainLoginEnd {width:100%;margin:0 auto;display: block;}

    #loginTable .logoZone > a > img,
    #loginTable .mainLogin > a > img,
    #loginTable .mainJoinAgr > a > img,
    #loginTable .mainJoin > a > img,
    #loginTable .mainLoginEnd > a > img {width:100%;}

}
@media screen and (min-width: 701px) and (max-width: 1000px){

    #loginTable .logoZone,
    #loginTable .mainLogin,
    #loginTable .mainJoinAgr,
    #loginTable .mainJoin,
    #loginTable .mainJoinPart,
    #loginTable .mainLoginEnd {width:400px;margin:0 auto;display: block;}

}
@media screen and (min-width: 1001px) and (max-width: 1600px){

    #loginTable .logoZone,
    #loginTable .mainLogin,
    #loginTable .mainJoinAgr,
    #loginTable .mainJoin,
    #loginTable .mainJoinPart,
    #loginTable .mainLoginEnd {width:400px;margin:0 auto;display: block;}

}
@media screen and (min-width: 1601px){
    
    #loginTable .logoZone,
    #loginTable .mainLogin,
    #loginTable .mainJoinAgr,
    #loginTable .mainJoin,
    #loginTable .mainJoinPart,
    #loginTable .mainLoginEnd {width:400px;margin:0 auto;display: block;}

}

/* 공통 CSS */
#loginTable {position:relative;width:90%;height:100%;top: 0px;margin:0 auto;background-color: #fff;}
#loginTable .logoZone {margin-top:70px;}
#loginTable .logoZone > a {font-size: 5em;font-weight: bold;color: #6a3691;}
#loginTable .logoZone > a > span.marketLogoText {color: #dd5d9e;}

#loginTable .mainLogin {padding-top: 30px;}
#loginTable .mainLogin ul {display: block;}
#loginTable .mainLogin ul.topJoinBar {padding: 10px 0;cursor: pointer;overflow: hidden;}
#loginTable .mainLogin ul.topJoinBar li {width:33.33%;display: inline-block;text-align: center;}
#loginTable .mainLogin ul.topJoinBar li dd {font-size: 1.5em;padding: 15px 0;color: #aea6b5;background-color: #ededed;border-bottom:2px solid #6a3691;margin:-2px;margin:0px -2px 0px 2px;}
#loginTable .mainLogin ul.topJoinBar li dd.barOn {border-left:2px solid #6a3691 !important;border-top:2px solid #6a3691 !important;border-right:2px solid #6a3691 !important;border-bottom:0px;color: #6a3691;background-color: #ffffff;}
#loginTable .mainLogin ul.topJoinBar li:first-child {float: left;}
#loginTable .mainLogin ul.topJoinBar li:last-child {float: right;}
#loginTable .mainLogin ul.topJoinBar li:first-child dd.barOn {margin:0px -2px 0px 2px !important;padding: 13px 0 17px 0 !important;}
#loginTable .mainLogin ul.topJoinBar li:last-child dd.barOn {margin:0px 2px !important;padding: 13px 0 17px 0 !important;}

#loginTable .mainLogin ul.joinBar {padding: 2px;}
#loginTable .mainLogin ul.joinBar li {padding: 2px 0px;display: block;}
#loginTable .mainLogin ul.joinBar li.joinCon > dd:first-child::before{content: "";position: absolute; width: 2px;height:20px;background-color: #6a3691;}
#loginTable .mainLogin ul.joinBar li dd {position: relative;text-align: left;letter-spacing: -0.05em;color: #6a3691;font-weight: bold;font-size: 16px;padding: 5px 0;}
#loginTable .mainLogin ul.joinBar li dd input {width:100%;height: 62px;box-sizing: border-box;border-radius: 3px;border: 1px solid #c9d1d9;background-color: #fff;letter-spacing: -0.05em;color: #6a3691;font-size: 38px;text-indent: 0.5em;}
#loginTable .mainLogin ul.joinBar li dd input::placeholder {color: #afafaf;font-size: 16px;text-indent: 0.5em !important;}
#loginTable .mainLogin ul.joinBar li dd > i {position: absolute;margin-top: 22px;right: 15px;z-index: 1;cursor: pointer;}

#loginTable .mainLogin ul.joinBar .toolLogin{overflow:hidden;position:relative;margin-top:10px;margin-bottom:0!important}
#loginTable .mainLogin ul.joinBar .toolLogin .link_g{display:inline-block;position:relative;font-size:14px;line-height:20px;color:#8f9ead;letter-spacing:-0.05em}
#loginTable .mainLogin ul.joinBar .toolLogin .link_pwFind{position:absolute;top:0;right:0}

/* 아이디저장 */
#loginTable .mainLogin ul.joinBar .toolLogin .cellChk{overflow:hidden}
#loginTable .mainLogin ul.joinBar .toolLogin .cellChk span + span{margin-left:12px}
#loginTable .mainLogin ul.joinBar .toolLogin .cellChk input{overflow:hidden;position:absolute;width:1px;height:1px;padding:0;clip:rect(0, 0, 0, 0);border:0 none;opacity:0.01}
#loginTable .mainLogin ul.joinBar .toolLogin .cellChk input[type="checkbox"] {visibility: hidden;}
#loginTable .mainLogin ul.joinBar .toolLogin .cellChk label{font-size:14px;display: inline-block;position: relative;line-height: 24px;cursor: pointer;user-select: none;margin: 0;color: #242424;padding-left: 30px;letter-spacing: -1px;}
#loginTable .mainLogin ul.joinBar .toolLogin .cellChk label:before{content:'';display: inline-block;background-color: #fff;border: 1px solid #ccc;border-radius: 50%;cursor: pointer;height: 24px;left: 0;position: absolute;top: 0;width: 24px;}
#loginTable .mainLogin ul.joinBar .toolLogin .cellChk label:after {border: 2px solid #fff;border-top: none;border-right: none;content: "";height: 6px;left: 7px;opacity: 0;position: absolute;top: 8px;transform: rotate(-45deg);width: 12px;}
#loginTable .mainLogin ul.joinBar .toolLogin .cellChk input:checked + label:before{background-color: #6a3691;border-color: #6a3691;}
#loginTable .mainLogin ul.joinBar .toolLogin .cellChk input[type="checkbox"]:checked + label:after {opacity: 1;}

/* 로그인 버튼 */
#loginTable .mainLogin ul.firText {padding-top:2em !important;text-align: center;}
#loginTable .mainLogin ul.firText li.smlTextBox {width:100%;display: block;}
#loginTable .mainLogin ul.firText li.smlTextBox > a {position: absolute;transform: translate(-50%,-50%);width: 160px;height: 62px;line-height: 62px;font-size: 20px;text-align: center;font-family: sans-serif;text-decoration: none;text-transform: uppercase;letter-spacing: 2px;background: #ccc;margin-top: 2em;}
#loginTable .mainLogin ul.firText li.smlTextBox > a:before {content: attr(data-text);position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;background: #6a3691;color: #fff;transition: 0.5s;transform-origin: bottom;transform: translatey(-100%) rotatex(90deg);letter-spacing:-0.05em}
#loginTable .mainLogin ul.firText li.smlTextBox > a:hover:before {transform: translatey(0) rotatex(0deg);}
#loginTable .mainLogin ul.firText li.smlTextBox > a:after {content: attr(data-text);position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;background: #6a3691;color: #fff;transition: 0.5s;transform-origin: top;transform: translatey(0) rotatex(0deg);letter-spacing:-0.05em}
#loginTable .mainLogin ul.firText li.smlTextBox > a:hover:after {transform: translatey(100%) rotatex(90deg);}

/* 회원가입 버튼 */
#loginTable .mainLogin ul.firText li.smlJoinMemberBox {width:100%;display: block;margin-top:90px;}
#loginTable .mainLogin ul.firText li.smlJoinMemberBox > a {display: block;width: 99.5%;height: 56px;background: #ffffff;color: #dd5d9e;transition: 0.5s;transform-origin: bottom;font-size: 20px;text-align: center;font-family: sans-serif;text-decoration: none;text-transform: uppercase;letter-spacing: 2px;line-height: 54px;border: 1px solid #dd5d9e; }
#loginTable .mainLogin ul.firText li.smlJoinMemberBox > a:hover {background: #dd5d9e;color: #ffffff;}

/* 회원가입 취소 버튼 */
#loginTable .mainLogin ul.firText li.smlCancel,
#loginTable .mainJoin ul.agrAllBtn li.smlCancel {width:100%;display: block;margin:20px 0 90px 0;}
#loginTable .mainLogin ul.firText li.smlCancel > a,
#loginTable .mainJoin ul.agrAllBtn li.smlCancel > a {display: block;width: 99.5%;height: 56px;background: #ffffff;color: #686868;transition: 0.5s;transform-origin: bottom;font-size: 20px;text-align: center;font-family: sans-serif;text-decoration: none;text-transform: uppercase;letter-spacing: 2px;line-height: 54px;border: 1px solid #686868; }
#loginTable .mainLogin ul.firText li.smlCancel > a:hover,
#loginTable .mainJoin ul.agrAllBtn li.smlCancel > a:hover {background: #686868;color: #ffffff;}

/* 마켓셀러 약관동의 */
#loginTable .mainJoinAgr {padding-top: 30px;}
#loginTable .mainJoinAgr ul {display: block;}
#loginTable .mainJoinAgr ul.clauseInfo {}
#loginTable .mainJoinAgr ul.clauseInfo li.clauseTitle {text-align: left;margin-top:10px;}
#loginTable .mainJoinAgr ul.clauseInfo li.clauseTitle dd:first-child {font-weight: bold;}
#loginTable .mainJoinAgr ul.clauseInfo li.clauseTitle dd:last-child {font-size: 14px;font-weight: 500;color: #2e2e2e;margin:5px 0 0 10px;}
#loginTable .mainJoinAgr ul li dd:first-child {font-size: 18px;font-weight: 500;color: #2e2e2e;}
#loginTable .mainJoinAgr ul li.clauseTitle dd:first-child::before{content: "";position: absolute; width: 2px;height:20px;background-color: #6a3691;}

#loginTable .mainJoinAgr ul.clauseZone {margin-top:15px;}
#loginTable .mainJoinAgr ul.clauseZone li:nth-child(-n+2) dd:nth-child(1) {margin-top:10px;width:100%;height:150px;display: block;overflow-y: scroll;overflow-x: hidden;box-sizing: border-box;border-radius: 3px;border: 1px solid #c9d1d9;background-color: #f5f5f5;letter-spacing: -0.05em;word-wrap: break-word;}
#loginTable .mainJoinAgr ul.clauseZone li dd:nth-child(2) {margin-top:5px;}
#loginTable .mainJoinAgr ul.clauseZone li {margin-top:20px;}
#loginTable .mainJoinAgr ul.clauseZone li.allBtnZone dd {box-sizing: border-box;border-radius: 3px;border: 1px solid #e6daef;background-color: #ebebeb;padding: 5px;cursor: pointer;}

/* 약관동의 다음 버튼 */
#loginTable .mainJoinAgr ul.agrAllBtn li.BtnZone {width:100%;display: block;margin:10px 0 50px 0;}
#loginTable .mainJoinAgr ul.agrAllBtn li.BtnZone dd a {display: block;width: 99.5%;height: 56px;background: #ffffff;color: #dd5d9e;transition: 0.5s;transform-origin: bottom;font-size: 20px;text-align: center;font-family: sans-serif;text-decoration: none;text-transform: uppercase;letter-spacing: 2px;line-height: 54px;border: 1px solid #dd5d9e; }
#loginTable .mainJoinAgr ul.agrAllBtn li.BtnZone dd a:hover {background: #dd5d9e;color: #ffffff;}

/* 마켓셀러 약관동의 check */
#loginTable .mainJoinAgr ul.clauseZone .cellChk {overflow:hidden}
#loginTable .mainJoinAgr ul.clauseZone .cellChk span + span{margin-left:12px}
#loginTable .mainJoinAgr ul.clauseZone .cellChk input{overflow:hidden;position:absolute;width:1px;height:1px;padding:0;clip:rect(0, 0, 0, 0);border:0 none;opacity:0.01}
#loginTable .mainJoinAgr ul.clauseZone .cellChk input[type="checkbox"] {visibility: hidden;}
#loginTable .mainJoinAgr ul.clauseZone .cellChk label{font-size:14px;display: inline-block;position: relative;line-height: 24px;cursor: pointer;user-select: none;margin: 0;color: #242424;padding-left: 30px;letter-spacing: -1px;}
#loginTable .mainJoinAgr ul.clauseZone .cellChk label:before{content:'';display: inline-block;background-color: #fff;border: 1px solid #ccc;border-radius: 50%;cursor: pointer;height: 24px;left: 0;position: absolute;top: 0;width: 24px;}
#loginTable .mainJoinAgr ul.clauseZone .cellChk label:after {border: 2px solid #fff;border-top: none;border-right: none;content: "";height: 6px;left: 7px;opacity: 0;position: absolute;top: 8px;transform: rotate(-45deg);width: 12px;}
#loginTable .mainJoinAgr ul.clauseZone .cellChk input:checked + label:before{background-color: #6a3691;border-color: #6a3691;}
#loginTable .mainJoinAgr ul.clauseZone .cellChk input[type="checkbox"]:checked + label:after {opacity: 1;}

/* 마켓셀러 회원가입 */
#register_form {font-family: 'S-CoreDream-4Regular';}
#register_form .companyInfo,
#register_form .companyJoin,
#register_form .companyEtc,
#register_form .agrAllBtn {margin-top:15px;}
#register_form .companyInfo li,
#register_form .companyJoin li {text-align: left;margin-top:10px;}
#register_form .companyInfo li dd:first-child,
#register_form .companyJoin li dd:first-child {font-weight: bold;}
#register_form .companyInfo li dd:first-child > span,
#register_form .companyJoin li dd:first-child > span {font-size: 14px;}
#register_form div li {list-style: none;}
#register_form div li strong {margin-left: 10px;}
#register_form div li:first-child {font-size: 22px;font-weight: 500;color: #2e2e2e;}
#register_form div li:first-child::before{content: "";position: absolute; width: 2px;height:26px;background-color: #6a3691;margin-top: 3px;}
#register_form .companyInfo li dd,
#register_form .companyJoin li dd {position: relative;text-align: left;letter-spacing: -0.05em;color: #6a3691;font-weight: bold;font-size: 16px;padding: 5px 0;}
#register_form .companyInfo li dd input,
#register_form .companyJoin li dd input {width:100%;height: 50px;box-sizing: border-box;border-radius: 3px;border: 1px solid #c9d1d9;background-color: #fff;letter-spacing: -0.05em;color: #6a3691;font-size: 38px;text-indent: 0.5em;display: block;}
#register_form .companyJoin li dd input[type="file"]{font-size: 18px;line-height: 2.3;}
#register_form .companyInfo li dd select,
#register_form .companyJoin li dd select {width:100%;height: 50px;box-sizing: border-box;border-radius: 3px;border: 1px solid #c9d1d9;background-color: #fff;letter-spacing: -0.05em;color: #6a3691;font-size: 16px;text-indent: 0.5em;}
#register_form .companyInfo li dd input::placeholder,
#register_form .companyJoin li dd input::placeholder {color: #afafaf;font-size: 16px;text-indent: 0.5em !important;vertical-align: text-top;}
#register_form .companyInfo li dd > i {position: absolute;margin-top: -37px;/*margin-left: 90%;*//*margin-left: 370px;*/right: 15px;z-index: 1;cursor: pointer;}
.titleCon > div::before{content: "";position: absolute; width: 2px;height:18px;background-color: #6a3691;margin-top: 3px;margin-left: -5px;}
.titleCon > div {margin: 10px 0 0 5px !important;}

/* 회원가입 완료 버튼 */
#loginTable .mainJoin ul.agrAllBtn {padding: 10px 0 50px 0;}
#loginTable .mainJoin ul.agrAllBtn li.BtnZone {width:100%;display: block;margin-top:10px;}
#loginTable .mainJoin ul.agrAllBtn li.BtnZone dd a {display: block;width: 99.5%;height: 56px;background: #ffffff;color: #dd5d9e;transition: 0.5s;transform-origin: bottom;font-size: 20px;text-align: center;font-family: sans-serif;text-decoration: none;text-transform: uppercase;letter-spacing: 2px;line-height: 54px;border: 1px solid #dd5d9e; }
#loginTable .mainJoin ul.agrAllBtn li.BtnZone dd a:hover {background: #dd5d9e;color: #ffffff;}

#loginTable .mainJoin ul.companyEtc li dd:first-child::before {content:none;}
#loginTable .mainJoin ul.companyEtc li dd:last-child {font-size: 14px;cursor:unset;}
#loginTable .mainJoin ul.companyEtc li dd input {width:20px;height: 20px;box-sizing: border-box;border-radius: 3px;border: 1px solid #c9d1d9;}
#loginTable .mainJoin ul.companyEtc li dd {font-size: 18px;font-weight: 500;color: #2e2e2e;padding: 5px;}
#loginTable .mainJoin ul.companyEtc li dd label {cursor: pointer;}
#loginTable .mainJoin ul.agrAllBtn li dd:first-child::before {content:none;}

a.memberHpOk {line-height: 45px;height: 45px;padding: 0 30px;font-weight: bold;font-size: 1.083em;text-decoration: none;display: inline-block;vertical-align: middle;background-color: #dd5d9e;color: #edccdd;font-family: 'S-CoreDream-4Regular';}
a.memberHpOk:hover {background-color: #6a3691;color: #fff;}

/* 마켓셀러 구분 화면 */
#loginTable .mainJoinPart {padding-top: 30px;}
#loginTable .mainJoinPart ul {display: block;}
#loginTable .mainJoinPart ul li {text-align: left;margin-top:30px;}
#loginTable .mainJoinPart ul li dd:nth-child(1) {font-weight: bold;font-size: 18px;color: #2e2e2e;}
#loginTable .mainJoinPart ul li dd:nth-child(2),
#loginTable .mainJoinPart ul li dd:nth-child(3) {font-size: 14px;font-weight: 500;color: #2e2e2e;margin:5px 0 0 10px;}
#loginTable .mainJoinPart ul li dd:first-child::before{content: "";position: absolute; width: 2px;height:20px;background-color: #6a3691;}

/* 회원구분 회원가입 버튼 */
#loginTable .mainJoinPart ul li dd:nth-child(4) a {display: block;width: 99.5%;height: 56px;background: #ffffff;color: #dd5d9e;transition: 0.5s;transform-origin: bottom;font-size: 20px;text-align: center;font-family: sans-serif;text-decoration: none;text-transform: uppercase;letter-spacing: 2px;line-height: 54px;border: 1px solid #dd5d9e;margin-top:10px;}
#loginTable .mainJoinPart ul li dd:nth-child(4) a:hover {background: #dd5d9e;color: #ffffff;}

/* 회원가입 마무리 */
#loginTable .mainLoginEnd ul.topJoinEndBar {border: 2px solid #dd5d9e;padding: 20px 5px;margin-top: 20px;}
#loginTable .mainLoginEnd ul.topJoinEndBar li {display: block;}
#loginTable .mainLoginEnd ul.topJoinEndBar li dd.titleText {font-size: 28px;font-weight: 500;color: #2e2e2e;padding:5px;}
#loginTable .mainLoginEnd ul.topJoinEndBar li dd.titleLine {width: 98%;height:2px;margin:0 auto;background: #d1d1d1;margin: 5px 0;}
#loginTable .mainLoginEnd ul.topJoinEndBar li dd.titleSub {font-size: 14px;color: #2e2e2e;padding:2px 0 1px 0;}

/* 회원가입 마무리 로그인 버튼 */
#loginTable .mainLoginEnd ul.agrAllBtn li.BtnZone {width:100%;display: block;margin-top:10px;}
#loginTable .mainLoginEnd ul.agrAllBtn li.BtnZone dd a {display: block;width: 99.5%;height: 56px;background: #ffffff;color: #dd5d9e;transition: 0.5s;transform-origin: bottom;font-size: 20px;text-align: center;font-family: sans-serif;text-decoration: none;text-transform: uppercase;letter-spacing: 2px;line-height: 54px;border: 1px solid #dd5d9e; }
#loginTable .mainLoginEnd ul.agrAllBtn li.BtnZone dd a:hover {background: #dd5d9e;color: #ffffff;}

/* ETC */
#loginTable .mainJoin ul.companyJoin li dd input.companyCorRegNumFileJoin {font-size: 16px;padding: 15px 0;}
#loginTable .mainJoin ul.companyJoin li dd span.timeMs {display: inline-block;width: 13%;height: 30px;color: #ff0000;transition: 0.5s;transform-origin: bottom;font-size: 18px;text-align: right;font-family: sans-serif;text-decoration: none;text-transform: uppercase;letter-spacing: -2px;line-height: 28px;float: right;margin: -7px 5px 5px 0;}
#loginTable .mainJoin ul.companyJoin li dd input.memberHpOkText {display: inline-block;width: 25%;height: 32px;background: #ffffff;color: #2e2e2e;transition: 0.5s;transform-origin: bottom;font-size: 18px;font-family: sans-serif;text-decoration: none;text-transform: uppercase;letter-spacing: -2px;line-height: 28px;border: 1px solid #dd5d9e;float: right;margin: -7px 3px 5px 0;}
#loginTable .mainJoin ul.companyJoin li dd span.hpRigthBar a.memberHpOk {display: inline-block;width: 30%;height: 30px;background: #ffffff;color: #dd5d9e;transition: 0.5s;transform-origin: bottom;font-size: 18px;text-align: center;font-family: sans-serif;text-decoration: none;text-transform: uppercase;letter-spacing: -2px;line-height: 28px;border: 1px solid #dd5d9e;float: right;margin: -7px 0 5px 0;}
#loginTable .mainJoin ul.companyJoin li dd span.hpRigthBar a.memberHpOk:hover {background: #dd5d9e;color: #ffffff;}
#loginTable .mainJoin ul.companyJoin li dd input.companyHowJoinInput {margin-top: 5px;}
#loginTable .mainJoin ul li .inText {font-size: 14px;color:#ff4343;}
#loginTable .mainJoinPart ul:last-child {padding-bottom:50px;}