/* BASIC css start */ /* BASIC css start */ body { color:#000; } h2.pageTit { padding:45px; 0 30px; font-size:28px; line-height:28px; font-weight:bold; text-align:center; } .joinStep { margin-bottom:48px; text-align:center; } .joinStep span { display:inline-block; padding:0 20px; font-size:16px; line-height:32px; font-weight:500; color:#888; } .joinStep span.on { color:#C52921; } #join .page-body { width:544px; margin:0 auto; } #join .form-wrap { width:100%; margin-top:30px; box-sizing: border-box; } #join .form-wrap h3.form-title { padding:21px 25px 0; font-size: 18px; font-family: 'Malgun Gothic'; cursor: pointer; } #join .form-wrap h3.form-title strong { display:block; background: url(/images/common/ico_arrow_up.png) no-repeat right center; letter-spacing:-1px; } #join .form-wrap h3.form-title.off strong { background: url(/images/common/ico_arrow_down.png) no-repeat right center; } #join h4.tit { margin-top:30px; margin-bottom: 5px; font-size: 14px; font-weight: bold; font-family: 'Malgun Gothic'; letter-spacing:-1px; } /* 회원 정보 수정 탭 */ #join .page-body .member-tab-wrap { margin-top:30px; } #join .page-body .member-tab-wrap ul li { float:left; width:33.33%; padding:15px 0; border:1px solid #e4e4e4; box-sizing: border-box; margin-left:-1px; } #join .page-body .member-tab-wrap ul li.on { border-bottom:3px solid #000; } #join .page-body .member-tab-wrap ul li a { display:block; font-size: 14px; font-family: 'Malgun Gothic'; text-align:center; letter-spacing:-1px; } /* 본인인증 서비스 영역 */ .auth-confirm .auth-info { margin-top:30px; font-size: 14px; font-family: 'Malgun Gothic'; line-height:1.6; letter-spacing:-1px; } .auth-confirm .btnArea:after { content: ""; display: block; clear: both; } .auth-confirm .btnArea a { float:left; width: 98px; height: 108px; font-size: 12px; margin: 25px 15px 8px 0; border:1px solid #dedede; color:#000; text-align:center; letter-spacing:-1px; } .auth-confirm .btnArea a:nth-child(5) { margin-right:0; } .auth-confirm .btnArea a span { height:35px; line-height:35px; margin:20px 0 16px; vertical-align:middle; } .auth-confirm .btnArea a:hover { border:1px solid #000; } .auth-confirm .btnArea a.on { border:1px solid #000; } /* 폼 리스트 공통 */ #join .form-wrap ul.form-list li { position:relative; padding-left:104px; margin-top:20px; font-size:14px; font-weight:500; letter-spacing:-1px; } #join .form-wrap ul.form-list li label { line-height:48px; margin-right:30px; display:inline-block; } #join .form-wrap ul.form-list li label.labelName { position:absolute; left:0; top: 13px; line-height:48px; } #join .form-wrap ul.form-list li label:first-child { display:block; margin-bottom:7px; font-weight:700; line-height: 1.5; } #join .form-wrap ul.form-list li label span { display: none; color:#f50000; vertical-align:middle; } #join .form-wrap ul.form-list li .normal-input, #join .form-wrap ul.form-list li .MS_select, #join .form-wrap ul.form-list li .MS_textarea { border-radius:4px; border:1px solid #c7c7c7; border-radius:0; font-size:14px; font-family:'Malgun Gothic'; letter-spacing:-1px; } #join .form-wrap ul.form-list li .normal-input { display:inline-block; width:100%; height:46px; line-height:46px; padding:0 15px; box-sizing: border-box; } #join .form-wrap ul.form-list li .normal-input:focus { border-color:#000; } #join .form-wrap ul.form-list li .normal-input.error { border-color:#f50000; } #join .form-wrap ul.form-list li .normal-input::-webkit-input-placeholder { color:#999; } #join .form-wrap ul.form-list li .normal-input:-ms-input-placeholder { color:#999; } #join .form-wrap ul.form-list li .normal-input::placeholder { color:#999; } #join .form-wrap ul.form-list li .MS_select { width:100%; height:46px; line-height:46px; padding:0 15px; background: url(/design/ezbaking/img/renewal/ic_filter_drop_arrow.png) no-repeat 90% 50%; -webkit-appearance: none; -moz-appearance: none; appearance:none; } #join .form-wrap ul.form-list li .MS_select::-ms-expand { display: none; } #join .form-wrap ul.form-list li .MS_textarea { width:528px; height:50px; padding:15px; } #join .form-wrap ul.form-list li .MS_radio, #join .form-wrap ul.form-list li .MS_radio:checked, #join .form-wrap ul.form-list li .MS_checkbox, #join .form-wrap ul.form-list li .MS_checkbox:checked { -webkit-appearance: none; -moz-appearance: none; appearance:none; } #join .form-wrap ul.form-list li .MS_radio { background:url(/images/common/join_checkbox_off.png) no-repeat center center; width:16px; height:16px; border-radius:100%; border:1px solid #c7c7c7; } #join .form-wrap ul.form-list li .MS_radio:checked { background:url(/images/common/join_checkbox_on.png) no-repeat center center; border:0; } #join .form-wrap ul.form-list li .MS_checkbox { background:url(/images/common/join_checkbox_off.png) no-repeat center center; width:16px; height:16px; border-radius:100%; border:1px solid #c7c7c7; } #join .form-wrap ul.form-list li .MS_checkbox:checked { background:url(/images/common/join_checkbox_on.png) no-repeat center center; border:0; } #join .form-wrap ul.form-list li .MS_post { width:160px } #join .form-wrap ul.form-list li .MS_input_email { width: 173px; } #join .form-wrap ul.form-list li .w350 { width:350px; } #join .form-wrap ul.form-list li .w116 { width:116px; } #join .form-wrap ul.form-list li .w129 { width:129px; } #join .form-wrap ul.form-list li .w140 { width:140px; } #join .form-wrap ul.form-list li .w160 { width:160px; } #join .form-wrap ul.form-list li .w170 { width:170px; } #join .form-wrap ul.form-list li .w240 { width:240px; } #join .form-wrap ul.form-list li .input-box { overflow:hidden; border:1px solid #c7c7c7; border-radius:4px; width:350px; } #join .form-wrap ul.form-list li .input-box span input { float:left; margin-right:0; border:0; border-left:1px solid #c7c7c7; border-radius:0px; text-align:center; } #join .form-wrap ul.form-list li .input-box span:first-child input { border-left:0; } #join .form-wrap ul.form-list li .input-box span input:focus { border-color:#c7c7c7; } #join .form-wrap ul.form-list li .input-wrap span { display:inline-block; margin:7px 30px 0 0; } #join .form-wrap ul.form-list li .input-wrap label { display:inline-block; margin-bottom:0; vertical-align:middle; cursor:pointer; } .error-msg {margin-top:7px;font-size:13px;color:#888;font-weight: 400;letter-spacing: -0.2px;line-height: 21px;} #join .form-wrap ul.form-list li p.msg { margin-top:7px; font-size:13px; color:#666; } #join .form-wrap ul.form-list li .check { display:table; width:100%; margin-bottom:10px; } #join .form-wrap ul.form-list li .check input, #join .form-wrap ul.form-list li .check .btn-check { display:table-cell; } #join .form-wrap ul.form-list li .check .btn-check { width:140px; } #join .form-wrap ul.form-list li .check .btn-check a { display:inline-block; width:128px; height:44px; line-height:44px; margin-left:10px; border:1px solid #C52921; border-radius:0; font-size:14px; color:#C52921; letter-spacing:-1px; font-weight:700; text-align:center; } #join .form-wrap ul.form-list li .check .w102 { width:102px; } #join .form-wrap ul.form-list li .check .w102 a { width:92px; } #join .form-wrap ul.form-list li label.label-gender { display:inline-block; margin-right:30px; line-height:48px; } #join .form-wrap ul.form-list .MK_ok_confirm { color : #1984F1 } #join .form-wrap ul.form-list li .flexBox { display:flex; justify-content: space-between; align-items: center; gap:10px; } #join .form-wrap ul.form-list li .flexBox input, #join .form-wrap ul.form-list li .flexBox select, #join .form-wrap ul.form-list li .flexBox span { margin:0 !important; } #join .form-wrap ul.form-list li .flexBox select.MS_tel { width:100px; min-width:100px; } /* sns 연동 */ #join .form-wrap ul.form-list.sns-wrap { margin-top:30px; } #join .form-wrap ul.form-list.sns-wrap li { position:relative; padding:17px 40px; margin-top:10px; border:1px solid #a8b0c2; border-radius:8px; box-shadow:3px 1px 8px 0px #d7dee6; } #join .form-wrap ul.form-list.sns-wrap li span { display:inline-block; width:108px; color:#a7afc1; } #join .form-wrap ul.form-list.sns-wrap li span em { margin-left:12px; vertical-align:middle; } #join .form-wrap ul.form-list.sns-wrap li strong { margin-left:30px; } #join .form-wrap ul.form-list.sns-wrap li a { font-size:14px; font-family:'Malgun Gothic'; letter-spacing:-1px; color:#0075ff; text-decoration:underline; } #join .form-wrap ul.form-list.sns-wrap li .cut { position:absolute; right:16px; top:17px; background:transparent; } #join .new-btn-area { width:544px; margin:30px auto 0; border-bottom:0; } #join .new-btn-area a { display: block; width: 334px; margin: 0 auto; padding: 0; background: #C52921; color: #fff; text-align: center; font-family: 'Malgun Gothic'; font-size: 16px; font-weight: 700; letter-spacing: -1px; line-height: 57px; border:0; height:auto; } #terms .page-body { width: 682px; margin:0 auto; } /* s 약관수정 220705 */ #terms h4.tit { margin-top:30px; margin-bottom: 5px; font-size: 14px; font-weight: bold; font-family: 'Malgun Gothic'; letter-spacing:-1px; } #terms .form-wrap { width:100%; margin-top:30px; border:1px solid #aaa; border-radius:8px; padding-bottom:21px; } #terms .form-wrap h3.form-title { padding:21px 25px 0; font-size: 18px; font-family: 'Malgun Gothic'; cursor: pointer; } #terms .form-wrap h3.form-title strong { display:block; background: url(/images/common/ico_arrow_up.png) no-repeat right center; letter-spacing:-1px; } #terms .form-wrap h3.form-title.off strong { background: url(/images/common/ico_arrow_down.png) no-repeat right center; } #terms .new-privercy-contract { width:560px; margin:0 auto; } #terms .new-privercy-contract h3 { position:relative; font-weight: bold; margin:30px 0 5px 0; text-align: left; } #terms .new-privercy-contract h3 span { color:#0f6efc; } #terms .new-privercy-contract h3 .check { position:absolute; top:0; right:0; width:70px; } #terms .new-privercy-contract h3 .check input { width:12px; height:12px; vertical-align:top; } #terms .new-privercy-contract h3.w-normal { font-weight: normal } #terms .new-privercy-contract .p10 { padding:10px; } #terms .new-privercy-contract .period { font-size:13px; font-weight:700; } #terms .new-privercy-contract p.txt-desc { margin-top:10px; color:#666; font-weight:normal; } #terms .privercy-contract-tap { height:35px; } #terms .privercy-contract textarea { width:538px; height:150px; color:#666; } #terms .page-body .btn-agree { margin-top:30px; } #terms .page-body .btn-agree a { display:block; padding:25px 0; background:#000; border-radius:8px; color:#fff; text-align:center; font-family: 'Malgun Gothic'; font-size:20px; font-weight:700; letter-spacing:-1px; } /* e 약관수정 220705 */ #terms .privercy-agree { margin-bottom: 20px; } #terms .tbl { width:100%; padding:0; margin:0; border-spacing:0; border-collapse:collapse; border-top: 1px solid #dadada; border-left: 1px solid #dadada; } #terms .tbl caption { display:none; } #terms .tbl th { line-height:32px; color: #3b3b3b; font-size:12px; font-weight:bold; background: #f0f0f0; text-align:center; } #terms .tbl th, #terms .tbl td { height:32px; padding:0; margin:0; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; letter-spacing:-1px; } #terms .new-privercy-contract .tbl td { background:#ffffff; } #terms .tbl td ul, #terms .tbl td ul li { padding:0; margin:0; list-style:none; } #terms .tbl td ul { width:70px; margin:5px auto; } #terms .tbl td .txt-l { padding:5px 3px; margin:0; text-align:left; } #terms .tbl td .mr15 { margin-right:15px; } #terms .btn-foot { margin-top: 20px; text-align: center; font-size: 0; line-height: 0; } #terms .btn-foot a { margin-left: 10px; } /* 약관 동의 */ #chkwrap { border:1px solid #dedede; background: #ffffff } #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; } #chkwrap .cont ul li { float:left; width:270px; line-height:18px; } #chkwrap .cont ul li a { display:inline-block; width:60px; height:16px; line-height:21px !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; } @media screen and (-webkit-min-device-pixel-ratio:0){ #chkwrap .cont ul li a { line-height:17px !important } } #join .user_age_wrap { width: 100%; margin-top: 30px; } #join .user_age_wrap .label { display: inline-block; padding: 0; font-size: 16px; font-weight: 700; cursor: pointer; color: #C52921; } /* 이용 약관 */ /* 개인정보 수집이용, 제3제공, 취급위탁 테이블 */ #terms .contract-tbl { width:100%; border-spacing:0; border-collapse:collapse } #terms .contract-tbl th, #terms .contract-tbl td { border:1px solid #e0e0e0; text-align:center; } #terms .contract-tbl th { padding:15px 0; background: #f6f6f6; font-weight:normal; color:#666; } #terms .contract-tbl th label { vertical-align:middle; } #terms .contract-tbl td { color:#000; } .btm-msg { padding-top:30px; line-height:18px; } /* 레이어 팝업 */ .pop-layer-agree { position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba( 0, 0, 0, 0.40 ); z-index: 999; font-family:Dotum; } .pop-layer-agree .layer-wrap { position:absolute; left:50%; top:50%; width:562px; padding:0 30px; background: #fff; transform:translate(-50%, -50%); overflow:scroll; height:80%; } .pop-layer-agree .layer-wrap h3 { padding:23px 0 22px; font-size:24px; color:#000; border-bottom:1px solid #dfdfdf; font-weight:700; letter-spacing:-1px; } .pop-layer-agree .layer-wrap p { padding:20px 0; color:#333; font-size:14px; line-height:24px; } .pop-layer-agree .layer-wrap .contract-tbl { width:100%; border-spacing:0; border-collapse:collapse } .pop-layer-agree .layer-wrap .contract-tbl th, .pop-layer-agree .layer-wrap .contract-tbl td { padding:13px 0; border:1px solid #e0e0e0; font-size:12px; text-align:center; } .pop-layer-agree .layer-wrap .contract-tbl th { background: #f6f6f6; font-weight:normal; color:#666; } .pop-layer-agree .layer-wrap .contract-tbl th label { vertical-align:top; } .pop-layer-agree .layer-wrap .contract-tbl td { color:#000; } .pop-layer-agree .layer-wrap .agree-chk { padding:20px 0 30px; } .pop-layer-agree .layer-wrap .agree-chk label { font-family:'Malgun Gothic'; font-size:14px; color:#000; letter-spacing:-1px; } .pop-layer-agree .layer-wrap .agree-chk input { display:inline-block; margin-right:5px; } .agreeWrap { width:544px; margin:40px auto 0; padding-top:30px; border-top:1px solid #ddd; } .agreeWrap .notTeen { position:relative; } .agreeWrap .notTeen input { vertical-align:middle; margin-top:-3px; margin-right:5px; } .agreeWrap .notTeen strong { font-size:16px; font-weight:bold; line-height:24px; color:#C52921; margin-bottom:8px; } .agreeWrap .notTeen span { display:block; font-size:13px; line-height:21px; color:#888; margin-bottom:32px; } .agreeWrap .agreeList ul li { margin-bottom:12px; } .agreeWrap .agreeList ul li:after { clear:both; content:''; display:block; } .agreeWrap .agreeList ul li strong { display:block; float:left; font-size:14px; line-height:20px; font-weight:bold; } .agreeWrap .agreeList ul li a { display:block; float:right; font-size:12px; line-height:20px; color:#C52921; } .agreeWrap .agreeList .agreeInfo { padding-top:5px; } .agreeWrap .agreeList .agreeInfo p { font-size:12px; line-height:20px; color:#888; } .d-flex { display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; color: rgb(102, 102, 102); } .f-size14 { font-size: 14px; color: rgb(0, 0, 0); } input[type="radio"] { width: 16px !important; height: 16px !important; } input[type="radio"]::before { top: calc(50% - 9px); width: 16px !important; height: 16px !important; padding: 3px!important; } .essential { position: relative; display: inline-block; float: left; } .essential::after { content: "*"; color: rgb(255, 0, 34); font-size: 16px; position: absolute; top: -2px; right: -11px; font-weight: 600; } input#password1::placeholder { color: rgb(153, 153, 153); font-size: 14px; } .recomm-st { color: rgb(153, 153, 153); font-size: 14px; } #aside .lnb li.my13 > a { font-weight: bold; color: rgb(51, 51, 51); } .mk-all strong { font-size: 16px !important; color: rgb(0, 0, 0) !important; } #chkwrap .cont strong { font-size: 14px; color: red !important; } #chkwrap .cont label strong { font-size: 16px; font-weight: 400; margin-right: 10px; color: rgb(51, 51, 51) !important; } .tit-join { font-size: 26px; font-weight: bold; text-align: center; margin-bottom: 10px; color: rgb(0, 0, 0); } .join-info { font-size: 14px; text-align: center; margin-bottom: 50px; } #chkwrap .cont .marketing em { font-weight: bold; font-size: 12px; color: rgb(237, 28, 36); } #join .title { padding-bottom: 5px; font-size: 25px; color: rgb(0, 0, 0); font-weight: bold; text-align: center; margin-bottom: 20px; display: block; } .MS_input_tel { } .new-btn-area a { } .new-privercy-contract {padding: 40px 0px 0px;width: 544px;margin: 0px auto;font-size: 16px;color: rgb(51, 51, 51);} .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; } .small-input, .normal-input, .large-input { border: 1px solid rgb(221, 221, 221); padding: 0px 20px; font-size: 16px; box-sizing: border-box; } .MS_select { } .small-input { width: 83px; } .normal-input { width: 100%; height: 50px; border-radius: 5px; } .large-input { width: 625px; } input#oaddress { width: 625px; } input#hphone, input#ophone, input#etcphone { width: 235px !important; } .cbtn { display: inline-block; font-size: 11px; color: rgb(255, 255, 255); background: rgb(237, 28, 36); min-width: 98px; height: 31px; line-height: 31px; border: 1px solid rgb(237, 28, 36); text-align: center; transition: all 0.3s ease 0s; } .cbtn.form { box-sizing: border-box; font-size: 16px; color: rgb(255, 255, 255); width: 100px; height: 50px; border-radius: 5px; background-color: rgb(51, 51, 51); line-height: 48px; border: 1px solid rgb(51, 51, 51); } .cbtn.form.action { background-color: rgb(237, 28, 36); color: rgb(255, 255, 255); } .cbtn.form:hover { color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); } .cbtn.form2:hover { color: rgb(0, 0, 0); border: 1px solid rgb(221, 221, 221); box-sizing: border-box; background-color: rgb(255, 255, 255) !important; } .cbtn.form.action:hover { } .cbtn.form2 { box-sizing: border-box; border: 1px solid rgb(221, 221, 221) !important; } .new-btn-area a:hover { color: rgb(237, 28, 36); background-color: rgb(255, 255, 255) !important; } .new-btn-area a { transition: all 0.3s ease 0s; } .new-btn-area { margin-top: 60px !important; border-bottom: none !important; padding-bottom: 0px !important; } .new-btn-area > a { } .new-btn-area > a:first-of-type { } .new-btn-area > a:first-of-type:hover { background-color: rgb(255, 0, 34) !important; color: rgb(255, 255, 255) !important; } .ipin-confirm { padding: 30px 0px; text-align: center; background: rgb(250, 250, 250); margin-bottom: 30px; } .ipin-confirm .chk-wrap { padding-bottom: 10px; line-height: 20px; vertical-align: middle; } .ipin-confirm .chk-wrap i { display: inline-block; vertical-align: middle; } .ipin-confirm .chk-wrap label { font-size: 14px; vertical-align: middle; line-height: 1.25; } .ipin-confirm .chk-wrap .first { margin-right: 20px; } .ipin-confirm .info-wrap { } .ipin-confirm .info-wrap .ipin-info { color: rgb(0, 0, 0); font-size: 14px; line-height: 20px; padding-bottom: 20px; } .ipin-confirm .info-wrap .info-link { font-size: 14px; color: rgb(255, 0, 0); line-height: 30px; display: inline-block; margin: 0px 25px; } .ipin-confirm .info-wrap .info-link:hover { opacity: 0.7; } .ipin-confirm .btnArea { padding: 25px 0px 10px; } .ipin-confirm .cbtn.form { width: 180px; height: 50px; line-height: 50px; font-size: 16px; margin: 0px 5px; } .person-tb .head-cell { font-weight: 400; position: relative; display: inline-block; } .person-tb .head-cell .empha { position: absolute; top: 8px; left: -10px; font-size: 14px; color: rgb(248, 87, 79); } .person-tb .col-cell { } .person-tb .lifetime { color: rgb(0, 0, 0); } .person-tb .lifetime label { margin-right: 20px; cursor: pointer; } .person-tb .lifetime label input { margin-right: 5px; vertical-align: -2px; } .person-tb .lifetime dt { line-height: 15px; font-weight: 700; padding-bottom: 3px; } .person-tb .lifetime dd { font-size: 11px; line-height: 16px; } .person-tb .lifetime dd + dt { padding-top: 13px; } .person-tb .idpw-info { vertical-align: middle; } .person-tb .MS_select { height: 50px; border-radius: 5px; width: 172px; font-size: 16px; border: 1px solid rgb(221, 221, 221); color: rgb(51, 51, 51); } .person-tb .col-cell.social label { color: #000; font-size : 14px; } .person-tb .col-cell.social .MS_radio { margin-left: 10px; 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 { padding: 0px; height: auto !important; line-height: 0 !important; } .person-tb .email-area span { font-size: 14px; display: inline-block; vertical-align: middle; color: rgb(153, 153, 153); padding: 0px 2px; } .person-tb #direct_email { width: auto; margin-top: 0px !important; } #addInfo { width: 640px; margin: 0px auto; border: 1px solid rgb(221, 221, 221); padding: 35px 40px 5px; box-sizing: border-box; border-radius: 5px; } .addinfo-tb th, .addinfo-tb td { border: none; vertical-align: middle; } .addinfo-tb th { font-size: 16px; text-align: left; color: rgb(0, 0, 0); font-weight: 400; } .addinfo-tb td { padding: 13px 0px 30px; } .addinfo-tb .MS_input_txt { height: 50px; line-height: 48px; border: 1px solid rgb(221, 221, 221); padding: 0px 20px; box-sizing: border-box; width: 100%; font-size: 16px; color: rgb(0, 0, 0); border-radius: 5px; } .addinfo-tb .MS_textarea { border: 1px solid rgb(221, 221, 221); 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: 0px; } #chkwrap { margin-bottom: 15px; border-radius: 5px; border: 1px solid rgb(222, 222, 222); } #chkwrap .all-chk { border-bottom: 1px solid rgb(221, 221, 221) !important; padding: 25px 0px 20px !important; line-height: 0 !important; height: auto !important; margin: 0px 40px 20px !important; font-size: 18px !important; } #chkwrap .all-chk .input-cbox { margin-bottom: 2px; width: 13px !important; height: 13px !important; } #chkwrap .cont ul::after { clear: both; content: ""; display: block; } #chkwrap .cont ul { width: 600px !important; } #chkwrap .cont ul li { margin-bottom: 20px; width: 300px; line-height: 18px; float: none !important; padding-top: 0px !important; margin-left: 0px !important; } #chkwrap .cont ul li a { width: 60px; height: 16px; line-height: 20px; margin-top: -2px; font-weight: normal; font-size: 11px; border: 1px solid rgb(189, 190, 199); background: rgb(250, 250, 250); text-align: center; display: none !important; } #chkwrap .cont strong { color: rgb(0, 0, 0); } #chkwrap .cont label { font-weight: 400 !important; } #chkwrap .cont input[type="checkbox"] { margin-bottom: 1px; } #chkwrap .cont { padding: 0px 0px 0px 40px !important; } #chkwrap .cont .marketing { line-height: 18px; padding-left: 0px !important; padding-bottom: 25px !important; border-top: none !important; } #chkwrap .cont .marketing .mk-wrap { height: auto !important; line-height: 18px !important; margin-bottom:20px; } #chkwrap .cont .marketing .mk-wrap input { margin-top: -1px; } input#ADemail_ { margin-left: 7px; } h4.tit { line-height: 24px; color: rgb(0, 0, 0); position: relative; font-weight: 500 !important; font-size: 16px !important; margin: 0px !important; padding-left: 40px !important; padding: 24px 40px; } h4.tit > i.arrow { background: url("/design/ezbaking/img/select_arr.png") center center / cover no-repeat; width: 12px; height: 8px; position: absolute; right: 40px; top: calc(50% - 4px); } h4.tit > i.arrow.rotate { webkit-transform: scaleY(-1); -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); } #join .privercy-contract textarea { width: 100%; height: 365px; padding: 0px; border: none; resize: none; font-size: 12px; color: rgb(153, 153, 153); line-height: 24px; } #join .privercy-contract textarea:focus { outline: none; } #join .privercy-contract textarea::-webkit-scrollbar { width: 6px; } #join .privercy-contract textarea::-webkit-scrollbar-thumb { border-radius: 3px; background-color: rgb(221, 221, 221); } #join .contract-tbl { width: 100%; border-spacing: 0px; } #join .contract-tbl th, #join .contract-tbl td { border: 1px solid rgb(224, 224, 224); text-align: center; } #join .contract-tbl th { background: rgb(252, 252, 252); } #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; } #snsConnect { margin: 30px 0px; } #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: rgb(138, 138, 138); font-weight: bold; letter-spacing: -1px; } #snsConnect li.facebook dt { background: url("/images/d3/modern_simple/common/ico_sns_h26_facebook.gif") 0px 0px no-repeat; } #snsConnect li.naver dt { background: url("/images/d3/modern_simple/common/ico_sns_h26_naver.gif") 0px 0px no-repeat; } #snsConnect li.kakaotalk dt { background: url("/images/d3/modern_simple/common/ico_sns_h26_kakaotalk.gif") 0px 0px no-repeat; } #snsConnect li dd .cut img { padding: 10px 0px 0px 10px; } #snsConnect li:last-child { padding-bottom: 50px; } .bbs-btm .bbs-link:first-of-type { right: 160px; } .bbs-link:first-of-type > a { background-color: rgb(255, 255, 255); color: #f02; } .bbs-link:first-of-type > a:hover { background-color: #f02; color: #fff; } #chkwrap .cont>.marketing>.txt { padding-right: 40px; line-height:1.5; } .notice-desc { } .notice-desc>p { margin:0; position: relative; font-weight: 400; padding-left: 17px; } .notice-desc>p:before { content: "-"; position: absolute; left: 5px; } .contract__wrap { border-radius: 5px; margin-bottom: 10px; border: 1px solid #dddddd; box-sizing: border-box; } .contract__wrap>h4 { cursor: pointer; } .new-privercy-contract .is-toggle { padding: 0 40px 24px; } .birth_cont { font-size: 0; display: flex; justify-content: space-between; align-items: center; } .birth_cont select { width: 140px !important; } li.company_cont { border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; padding: 40px 0; } li.company_cont .labelName { top: 48px !important; } /* BASIC css end */ /* BASIC css end */