/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
#join { max-width:640px; margin:0 auto; } 

.new-privercy-contract { padding: 0 0 5px; } 
.new-privercy-contract * { } 
.new-privercy-contract .p10 { padding: 5px 0 !Important; } 
.new-privercy-contract .p10 label input { margin-right:8px; } 
.new-btn-area { display:flex; gap: 0 6px; justify-content: space-between; margin-top: 48px !important; border-bottom: 0 !important; } 
.new-btn-area a:first-child { border: 1px solid #0dac67 !important; background: #fff !important; color: #0dac67 !important; } 
.new-btn-area a { width: 100% !important; font-size: 18px !important; background: #0dac67 !important; border: none !important; box-sizing: border-box; border-radius: 5px; display: block; height: 64px; line-height: 66px; margin: 0 auto; font-weight: bold; color: #fff; text-align:center; } 
.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; } 

/* input */
.small-input, .normal-input, .large-input { height: 56px; line-height: 56px; border: 1px solid #e5e5e5; padding:0 10px; border-radius: 5px; box-sizing: border-box; font-size: 15px; } 
.small-input { margin: 0 6px; } 
.large-input { width:100%; margin: 0; } 
.MS_select { height:31px; } 
.small-input { width:83px; } 
.normal-input { width: 100%; margin: 0; } 
#haddress2 { width: 100%; margin: 10px 0 0; } 
.MS_input_tel { } 
input#oaddress { width:625px } 
input#hphone,
input#ophone,
input#etcphone { } 

/* button */
.cbtn { display:inline-block; font-size: 15px; color: #fff; background: #4b4b4b; min-width: 110px; height: 56px; line-height: 56px; border:1px solid #000; border-radius: 5px; box-sizing: border-box; text-align:center; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; } 
.cbtn.form { } 
.cbtn.form.action { background-color:#000; color:#fff; } 
.cbtn.form:hover { background-color:#000; color:#fff; } 
.cbtn.form.action:hover { background-color:#fff; color:#000; } 

/* 본인인증 서비스 영역 */
.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 */
.person-tb { } 
.person-tb th, .person-tb td { max-width: 640px; height: auto; display: block; } 
.person-tb th { padding: 0; vertical-align:top; color: #999; text-align:left; font-size:14px; font-weight:500; } 
.person-tb td { padding: 0 0 32px 0; vertical-align:middle; } 
.person-tb .head-cell { position:relative; font-size: 15px; margin-bottom: 13px; } 
.person-tb .head-cell:after { content:'*'; color: #0dac67; margin-left: 5px; } 
.person-tb .head-cell .empha { position:absolute; top:6px; left: -10px; font-size:14px; color:#f8574f; display: none; } 
.person-tb .col-cell { font-size: 15px; margin: 0; } 
.person-tb .col-cell.col_flex { display: flex; align-items: center; justify-content: space-between; } 
.person-tb .idpw-info { vertical-align:middle; display: none; } 
.person-tb .MS_select { padding:0 0 0 10px; height: 56px; line-height: 56px; border: 1px solid #e5e5e5; border-radius: 5px; font-size: 15px; } 
.person-tb .col-cell.social { } 
.person-tb .col-cell.social .MS_select { margin:0 5px; width: 150px; } 
.person-tb .col-cell.social .MS_select:first-child { margin-left:0; } 
.person-tb .col-cell.social .MS_radio { margin-left: 0; margin-right:5px; } 
.person-tb .file-upload { display:inline-block; vertical-align:middle; } 
.person-tb .user-image { margin-right:23px; } 
.person-tb .file-upload input { height:auto !important; padding:0; line-height:0 !important } 
.person-tb .email-area span { font-size:12px; display:inline-block; width:12px; vertical-align:middle; margin-left:-1px; } 
.person-tb #email2 { width:158px; } 
.person-tb #direct_email { margin-top:0 !important; width:auto } 

/* 추가 정보 입력 */
#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 #e5e5e5 !important; border-radius: 5px; padding: 0 30px; box-sizing: border-box; margin-bottom: 32px; } 
#chkwrap .all-chk { height: 53px !important; line-height: 59px !important; padding-left: 0 !important; font-size:14px; font-weight:bold; color:#000; border-bottom:1px solid #dedede; } 
#chkwrap .all-chk .input-cbox { width:14px; height:14px; margin-right: 8px; } 
#chkwrap .cont ul:after { clear: both; content: ""; display: block; } 
#chkwrap .cont ul { padding-bottom: 0; width: auto !important; } 
#chkwrap .cont ul li { float: none !important; width: 100% !important; line-height:18px; margin-left: 0; margin-bottom: 5px; } 
#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; font-weight: normal !important; } 
#chkwrap .cont label { font-weight: normal !important; font-size: 15px; } 
#chkwrap .cont .marketing { padding-left: 0 !important; border-top: none !important; 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; } 
#chkwrap .cont .marketing .txt { font-size: 14px; } 


.toggle_wrap { border: 1px solid #e5e5e5; border-radius: 6px; padding: 30px; margin-bottom: 10px; } 
h4.tit { position: relative; margin-top: 0 !important; margin-bottom: 15px !important; padding-left: 0 !important; font-size: 16px !important; font-weight: bold; } 
h4.tit:after { content:''; width: 13px; height: 7px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: url('/design/chademall/img/join_arrow.png') no-repeat; transition: transform 0.3s; } 
h4.tit.active:after { transform: rotate(180deg); } 


/* 이용 약관 */
#join .privercy-contract textarea { width: 100%; height: 290px; border: 0; font-size: 13px; text-align: left; padding: 10px 0 0 0; border-top: 1px solid #e5e5e5; color: #999; text-wrap: pretty; } 
/* 개인정보 수집이용, 제3제공, 취급위탁 테이블 */
#join .contract-tbl { width:100%; border-spacing:0; border-collapse:collapse; } 
#join .contract-tbl th,
#join .contract-tbl td { border: 0; text-align:center; } 
#join .contract-tbl thead th { background: #f7f7f7; font-size: 13px; color: #4b4b4b; } 
#join .contract-tbl th div { height:41px; line-height:43px; } 
#join .contract-tbl tbody th,
#join .contract-tbl tbody td { font-weight:normal; font-size: 13px; color: #999; border-bottom: 1px solid #e5e5e5; } 
.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 { float: left; line-height: 28px; } 
#snsConnect li dt { width: 80px; 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 .cut img { padding: 10px 0 0 10px; } 
#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; } 

#every_agree { width: 18px !important; height: 18px !important; cursor: pointer; border-radius: 3px; background: url(/design/chademall/img/chk_off.png) transparent no-repeat center/18px 18px; appearance: none; -moz-appearance: none; -webkit-appearance: none; } 
#every_agree:checked { background: url(/design/chademall/img/chk_on.png) transparent no-repeat center/18px 18px; } 

.gender > label:nth-child(1) { display: none; } 
.gap10 { gap:0 10px; } 
.MS_tel { width: 196px; } 
#MS_recommand_search { display: inline-block; font-size: 15px; color: #fff; background: #4b4b4b !important; min-width: 110px; height: 56px; line-height: 56px; border: 1px solid #000; border-radius: 5px; box-sizing: border-box; text-align: center; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } 
#MS_recommand_search.action { background-color:#000; color:#fff; } 
#MS_recommand_search:hover { background-color:#000 !important; color:#fff; } 
#MS_recommand_search.action:hover { background-color:#fff; color:#000; } 

/* 스크롤바 전체 스타일 */
.privercy-contract textarea::-webkit-scrollbar { width: 2px; /* 스크롤바의 너비 */}

/* 스크롤바 트랙 (배경) 스타일 */
.privercy-contract textarea::-webkit-scrollbar-track { background: #fff; /* 스크롤바 트랙의 배경색 */}

/* 스크롤바 핸들 (스크롤바 그 자체) 스타일 */
.privercy-contract textarea::-webkit-scrollbar-thumb { background: #000; /* 스크롤바 핸들의 배경색 */}

/* 스크롤바 핸들 호버 상태 스타일 */
.privercy-contract textarea::-webkit-scrollbar-thumb:hover { background: #555; /* 호버 상태일 때 배경색 변경 */}


/* 인풋창, 라디오 디자인 변경 */
input[type="checkbox"] { width: 18px !important; height: 18px !important; cursor: pointer; border-radius: 3px; background: url(/design/chademall/img/b_chk_off.png) transparent no-repeat center/18px 18px; appearance: none; -moz-appearance: none; -webkit-appearance: none; } 
input[type="checkbox"]:checked { background: url(/design/chademall/img/b_chk_on.png) transparent no-repeat center/18px 18px; } 

input[type="radio"] { width: 16px !important; height: 16px !important; cursor: pointer; border-radius: 100%; background: url(/design/chademall/img/radio_off.png) transparent no-repeat center/16px 16px; appearance: none; -moz-appearance: none; -webkit-appearance: none;padding:0; } 
input[type="radio"]:checked { background: url(/design/chademall/img/radio_on.png) transparent no-repeat center/16px 16px; } 




@media all and (max-width:780px){
.cateTit_v2.join {
    margin: 37px 0 30px;
}
#jointype .join-info {
    padding: 13px 0 28px;
    font-size: 14px;
    line-height: 18px;
}
#jointype * {
    font-size: 12px;
            flex-wrap: wrap;
}
.cateTit_v2 .title {
    font-size: 24px;
}
}

@media all and (max-width:480px){
#jointype span {display:block;width:100%;}
#jointype span + span {margin-top:20px}
#simpleJoin .sns-join a {
    padding: 10px 15px;
    font-size: 13px;
}
#simpleJoin .sns-join a img {
    margin-right: 6px;
    width:20px
}
#jointype .type-select dl {
    width: 145px;
    padding: 18px 0;height: 130px;
}
#jointype .type-select dl dd img {height:38px}
#jointype .type-select dl dd span.tit {
    margin-top: 14px;
    font-size: 16px;
}
#jointype .type-select dl dd span.btn-join {
    margin-top: 5px;
    font-size: 12px;
}
.new-btn-area a {
    display: block;
    width: 40%;
    height: 44px;
    line-height: 46px;
    font-size: 16px;
}
}
/* BASIC css end */