/* BASIC css start */
.new-privercy-contract {padding:40px 0 5px; }
.new-privercy-contract * {  }
.btnArea{ padding-top:30px; text-align:center }
.btnArea:after{content:"";display:block;clear:both;}
.btnArea .left{float:left;width:50%;}
.btnArea .right{float:right;width:50%;}
.btnArea .center{text-align:center;}
.joinPage .person-tb{ table-layout: auto;}

/* input */
.small-input{width:83px;}
.large-input{width:625px;}
.MS_input_tel { width:100px }
.joinPage #join input { height: 49px; border: none; line-height: 49px; }
input#oaddress { width:625px }
input#hphone,
input#ophone,
input#etcphone { width:235px !important }

/* button */
.cbtn{ border-radius: 4px; -webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.new-btn-area .btn { width: 300px; border-radius: 0; border-color: var(--pointBlue01); font-size: 16px; font-weight: 400; line-height: 64px; }

/* 본인인증 서비스 영역 */
.auth-confirm { padding:40px 0 60px; text-align:center; }
.auth-confirm .chk-wrap { padding-bottom:10px; line-height: 20px; vertical-align: middle; }
.auth-confirm .chk-wrap i { display: inline-block; vertical-align: middle; }
.auth-confirm .chk-wrap label { font-size:14px; vertical-align: middle; line-height: 1.25; }
.auth-confirm .chk-wrap .first { margin-right: 20px; }
.auth-confirm .auth-wrap {}
.auth-confirm .auth-wrap .auth-info { color:#000; font-size:16px; line-height:20px; }
.auth-confirm .btnArea { padding: 28px 0 10px; }
.auth-confirm .btnArea a { display: inline-block; width: 98px; height: 98px; font-size: 12px; margin: 0 8px; border:1px solid #dedede; color:#000; text-align:center; letter-spacing:-1px; }
.auth-confirm .btnArea a span { display: inline-block; width:96px; height:96px; border:1px solid #fff; }
.auth-confirm .btnArea a img { width: 45px; height: 45px; margin: 14px 0 10px; }
.auth-confirm .btnArea a:hover,
.auth-confirm .btnArea a:hover span { border:1px solid #000; }
.auth-confirm .btnArea a.on,
.auth-confirm .btnArea a.on span { border:1px solid #000; }

/* 회원가인 table */
#join .person-tb tr { border-bottom: 1px solid #ebebeb; box-sizing: border-box; position: relative; top: 0; left: 0; align-items: center;}
.joinPage #join .person-tb tr.empha::after { content: "*";  height: 12px; position: absolute; top: 50%; transform: translateY(-50%); left: 24px; color: #FF0000;}
.joinPage #join .person-tb th { padding-left: 35px; box-sizing: border-box;  top: 0; left: 0; font-size: 15px; font-weight: 300; text-align: left; line-height: 49px; opacity: 1; transition: 0.3s;}
.joinPage #join .person-tb tr:not(.th_hide) th { width: 120px; padding-left: 35px;}
.joinPage .person-tb tr.th_hide td{top: 0; left: 0; z-index: 1; position: absolute;}
#join .person-tb td { padding-left: 35px; width: 100%; box-sizing: border-box;}
.joinPage #join .person-tb tr:not(.th_hide) td { width: calc(100% - 120px); }
.joinPage #join .person-tb td input { background-color: transparent; width: 100%; transition: 0.3s;}
#join .person-tb td .birthWrap { gap: 0 5px; }
#join .person-tb td .num.displayFlex,
#join .person-tb td .email.displayFlex { gap: 0 5px; }
#join .person-tb td .num.displayFlex .normal-input,
#join .person-tb td .email.displayFlex .normal-input,
#join .person-tb td .displayFlex select { width: 100%; margin: 0 !important; min-width: 100px;}
#join .person-tb td .num.displayFlex .normal-input,
#join .person-tb td .email.displayFlex .normal-input { width: 100%; height: 34px; border: 1px solid #ebebeb; line-height: 32px; }
.joinPage #join .person-tb td .num.displayFlex .normal-input,
.joinPage #join .person-tb td .email.displayFlex .normal-input { border: none ! important;}

.joinPage #join .person-tb td .email.displayFlex + .cbtn { width: 100%; margin: 10px auto; }
#join .person-tb .idpw-info{vertical-align:middle;}
#join .person-tb .col-cell.social .MS_select{margin:0 5px;}
#join .person-tb .col-cell.social .MS_select:first-child{margin-left:0;}
#join .person-tb .col-cell.social .MS_radio{ margin: 0 5px; height: 24px; width: 24px;}
#join .person-tb .file-upload{display:inline-block;vertical-align:middle;}
#join .person-tb .user-image{margin-right:23px;}
#join .person-tb .file-upload input{height:auto !important;padding:0;line-height:0 !important }
#join .person-tb .email-area span{font-size:12px;display:inline-block;width:12px;vertical-align:middle;margin-left:-1px;}
#join .person-tb #direct_email { margin-top:0 !important; width: 100%; }

/* 추가 정보 입력 */
#addInfo{padding-top:40px;}
.addinfo-tb th, .addinfo-tb td{border:1px solid #e9e9e9;vertical-align:middle;}
.addinfo-tb th{padding:10px 34px;font-size:14px;line-height:20px;text-align:left;}
.addinfo-tb td{padding:13px 31px;}
.addinfo-tb .MS_input_txt{height:31px; line-height:31px; border:1px solid #ddd;padding:0 10px;min-width:402px;}
.addinfo-tb .MS_textarea{border:1px solid #ddd;padding:10px;}
.addinfo-tb input[type="checkbox"], .addinfo-tb input[type="radio"]{margin-left:20px;margin-right:5px;}
.addinfo-tb input[type="checkbox"]:first-child, .addinfo-tb input[type="radio"]:first-child,
.addinfo-tb .col-cell br+input{margin-left:0;}
/* 약관 동의 */
#chkwrap { border:1px solid #dedede; }
#chkwrap .all-chk { height:43px; line-height:45px; padding-left:20px; font-size:14px; font-weight:bold; color:#000; border-bottom:1px solid #dedede; }
#chkwrap .all-chk .input-cbox { width:14px; height:14px; *margin-top:0; } 
#chkwrap .cont ul:after { clear: both; content: ""; display: block; }
#chkwrap .cont ul { padding-bottom:15px;  width: 600px !important; }
#chkwrap .cont ul li { width: 100%; line-height:18px; }
#chkwrap .cont ul li a { display:inline-block; width:71px; height:16px; line-height:17px !important; margin-top:-2px; font-weight:normal; font-size:11px; border:1px solid #bdbec7; background:#fafafa; text-align:center; }
#chkwrap .cont strong { color:#000; }
#chkwrap .cont label { font-weight:bold; }
#chkwrap .cont .marketing { padding-left:30px; border-top:1px dashed #dadada; line-height:18px; }
#chkwrap .cont .marketing .mk-wrap { height:44px; line-height:46px; }
#chkwrap .cont .marketing .mk-wrap input { margin-top:-1px; *margin-top:0; }
h4.tit { margin-top: 50px; margin-bottom: 5px; padding-left:5px; font-size: 14px; font-weight: bold; }

/* 이용 약관 */
#join .privercy-contract textarea { width:97%; height:165px; }
/* 개인정보 수집이용, 제3제공, 취급위탁 테이블 */
#join .contract-tbl { width:100%; border-spacing:0; border-collapse:collapse; }
#join .contract-tbl th,
#join .contract-tbl td { border:1px solid #e0e0e0; text-align:center; }
#join .contract-tbl th { background: #fcfcfc; }
#join .contract-tbl th div { height:41px; line-height:43px; }
#join .contract-tbl tbody th { font-weight:normal; }
.btm-msg { padding-top:30px; line-height:18px; }
#join .user_age_wrap {margin:10px 0px;}

/*SNS 로그인 연동*/
#snsConnect { margin: 30px 0; }
#snsConnect li { margin-top: 12px; }
#snsConnect li dl { zoom: 1; overflow: hidden; }
#snsConnect li dt, 
#snsConnect li dd {line-height: 28px; }
#snsConnect li dt { width: 60px; padding-left: 35px; color: #8a8a8a; font-weight: bold; letter-spacing: -1px; }
#snsConnect li.facebook dt { background: url(/images/d3/modern_simple/common/ico_sns_h26_facebook.gif) no-repeat 0 0; }
#snsConnect li.naver dt { background: url(/images/d3/modern_simple/common/ico_sns_h26_naver.gif) no-repeat 0 0; }
#snsConnect li.kakaotalk dt { background: url(/images/d3/modern_simple/common/ico_sns_h26_kakaotalk.gif) no-repeat 0 0; }
#snsConnect li.apple dt { background: url(/images/d3/modern_simple/common/ico_sns_h26_apple.gif) no-repeat 0 0; }
#snsConnect li dd a{border: 1px solid var(--pointBlue01); padding: 0 15px; font-size: 14px; font-weight: 500; line-height: 30px; height: 30px;border-radius: 4px; color: var(--pointBlue01); box-sizing: border-box; display: inline-block;}
#snsConnect li dd .cut{color: #fff; background-color: var(--pointBlue01);}
#snsConnect li:last-child{padding-bottom:50px;}

.join-footer{text-align:center;}
.join-footer .cbtn.form{width:228px;height:58px;line-height:58px;font-size:16px;margin:0 5px;}

/* 주소 */
.defaultAddr{position: absolute; top: 50%;transform: translateY(-50%); right: 24px;}
.defaultAddr label{cursor: pointer;}

label{cursor: pointer;}


.joinPage .sTxt{padding-left: 10px; font-size: 13px; font-weight: 300; color: #999; position: absolute; top: 0; left: 85px;}
.editPage .sTxt{padding-left: 10px; font-size: 13px; font-weight: 300; color: #999; position: absolute; top: 50%; transform: translateY(-50%); right:0;}



/*회원정보 수정*/
#contentWrap{padding: 120px 0 120px;}
#content{width: calc(100% - 350px);}

.editPage .w640{max-width: 100% ! important;}
.editPage .cateTit_v2.join{display: none;}
.editPage .tit-page-2{margin-bottom: 40px;}
.editPage .tit-page-3{display:none; font-size: 18px; line-height: 24px; font-weight: 700; padding-bottom: 24px; border-bottom: 1px solid #111;}
.editPage th,div.editPage td{padding: 16px 0; height: 48px; line-height: 48px;}
.editPage th{text-align: left; font-size: 14px; font-weight: 500;}

.editPage input[type="password"],.editPage input[type="text"]:not(#haddress2){border: 1px solid #ebebeb; border-radius: 4px; line-height: 40px; height: 40px; padding: 16px; box-sizing: border-box; max-width: 240px; width: 100%;}
.editPage input[type="text"]#haddress2{border: 1px solid #ebebeb; border-radius: 4px; line-height: 40px; height: 40px; padding: 16px; box-sizing: border-box; width: 80%;}


.editPage .dis input #hpost{background-color: #f5f5f5; border-radius: 4px; padding: 16px; border: 1px solid #ebebeb; box-sizing: border-box;}
.editPage .dis input:not(#hpost){background-color: #f5f5f5; border-radius: 4px; padding: 16px; border: 1px solid #ebebeb; min-width: 240px; box-sizing: border-box;}
.editPage .dis span{max-width: 240px;box-sizing: border-box; display: block; padding: 0 16px; border: 1px solid #ebebeb; background-color: #f5f5f5; border-radius: 4px; height: 40px; line-height: 40px ;}

.editPage .call,
.editPage #join .person-tb td .email.displayFlex{max-width: 550px;}
.editPage .call select,
.editPage #join .person-tb td .email.displayFlex select{max-width: 190px;}
.editPage #join .person-tb td .num.displayFlex .normal-input{ max-width: 150px;}


.editPage .email +.btn.blue{max-width: 75px; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); margin: 0; right: 250px; width: 100%;}

.joinPage .outBtn,.joinPage .discBox{display: none;}
.editPage .discBox{margin-bottom: 24px; background-color: #fafafa; border: 1px solid #ebebeb; padding: 16px; box-sizing: border-box; font-size: 14px; line-height: 18px; font-weight: 500;}
.editPage .outBtn{text-align: right; margin-top: 150px;}
.editPage .underBar{ padding-bottom: 2px; border-bottom: 1px solid #111;}


#contentWrap.jsCenter{justify-content: center;}
.joinPage input[type="radio"]{width: 25px; height: 25px;}
.joinPage .label-gender{display: flex; flex-direction: row; align-items: center;}
.joinPage .social.gender{margin-left: -6px;} 
.joinPage input#hpost{max-width: 150px;}
.joinPage .defaultAddr{width: 130px;}
.joinPage #join .person-tb input#address_default{width: 24px; height: 24px;}
.joinPage input#haddress2{padding-right: 160px; box-sizing: border-box;}
.joinPage select{border: none ! important;}

.joinPage colgroup{display: none;}
/* BASIC css end */