/* BASIC css start */
body * {  }
caption {display: none;}
a:hover {text-decoration:none; background: none;}
h4.tit { margin-top:30px; margin-bottom: 5px; font-size: 14px; font-weight: bold; font-family: 'Malgun Gothic'; letter-spacing:-1px;}
.form-wrap {width:620px; margin-top:30px; border:1px solid #aaa; border-radius:8px; padding-bottom:21px; text-align:left; }
.form-wrap h3.form-title {margin:0; padding:21px 25px 0; font-size: 18px; font-family: 'Malgun Gothic'; cursor: pointer;}
.form-wrap h3.form-title strong {display:block; background: url(/images/common/ico_arrow_up.png) no-repeat right center; letter-spacing:-1px;}
.form-wrap h3.form-title.off strong {background: url(/images/common/ico_arrow_down.png) no-repeat right center;}
.new-privercy-contract {width:620px; margin:0 auto;}
.new-privercy-contract h3 { position:relative; font-weight: bold; margin:30px 0 5px 0; text-align: left; }
.new-privercy-contract h3 span { color:#0f6efc; }
.new-privercy-contract h3 .check { position:absolute; top:0; right:0; width:70px; }
.new-privercy-contract h3 .check input { width:12px; height:12px; vertical-align:top; }
.new-privercy-contract h3.w-normal { font-weight: normal }
.new-privercy-contract .p10 {padding:10px;}
.new-privercy-contract .period {font-size:13px; font-weight:700;}
.new-privercy-contract .privacy-noti {margin-top:10px; color:#666; font-weight:normal;}
.new-privercy-contract input {vertical-align:middle;} /* 220802 추가 */
.new-privercy-contract .privercy-chk {margin-top:10px; text-align:right;} /* 220802 추가 */
.new-privercy-contract .privercy-chk label {color:#666;} /* 220802 추가 */
.privercy-contract-tap { height:35px; }
.privercy-contract textarea { width:600px; height:150px; color:#666; }
.btn-agree {margin-top:30px;}
.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;}

#terms .page-body { width: 680px; margin: 20px auto 0; }
#terms .privercy-agree { margin-bottom: 20px; }
#terms .btn-foot { margin-top: 20px; text-align: center; font-size: 0; line-height: 0; }
#terms .btn-foot a { margin-left: 10px; }

#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:20px; *line-height:18px; 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: 40px; margin-bottom: 5px; padding-left:5px; font-size: 14px; font-weight: bold; }

/* 이용 약관 */
.privercy-contract textarea { width:97%; height:165px; }
/* 개인정보 수집이용, 제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 { background: #fcfcfc; }
#terms .contract-tbl th div { height:41px; line-height:43px; }
#terms .contract-tbl tbody th { font-weight:normal; }

.btm-msg { padding-top:30px; line-height:18px; }








/*───────────────────────────────────────────────────────────

	custom

───────────────────────────────────────────────────────────*/
#wrap label {font-size: 16px; color: #333; cursor: pointer;}

#wrap label input[type="checkbox"], #wrap input[type="checkbox"] {width:auto; height:auto; -webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:0;}
#wrap label input[type="checkbox"]:before, #wrap input[type="checkbox"]:before {content: ""; display: inline-block; width: 22px; height: 22px; margin-top: -3px; margin-right: 10px; background: url('/design/sidmool/da_image/chk_off.png') no-repeat center; cursor: pointer; vertical-align: middle;}
#wrap label input[type="checkbox"]:checked:before, #wrap input[type="checkbox"]:checked:before {background: url('/design/sidmool/da_image/chk_on.png') no-repeat center;}

#wrap label input[type="radio"], #wrap input[type="radio"] {width:auto; height:auto; -webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:0;}
#wrap label input[type="radio"]:before, #wrap input[type="radio"]:before {content: ""; display: inline-block; width: 22px; height: 22px; margin-top: -3px; margin-right: 10px; background: url('/design/sidmool/da_image/radio_off.png') no-repeat center; cursor: pointer; vertical-align: middle;}
#wrap label input[type="radio"]:checked:before, #wrap input[type="radio"]:checked:before {background: url('/design/sidmool/da_image/radio_on.png') no-repeat center;}

#wrap .color_ligreen {color: #92c501 !important;}
#wrap .btn_basic {background: #92c501; color: #fff;}
#wrap .btn_point {background: #f26702; color: #fff;}

#wrap .join_progress {position: relative; display: flex; justify-content: center; margin-top: 51px;}
#wrap .join_progress:before {content: ""; position: absolute; left: 50%; top: 50px; transform: translateX(-50%); width: 298px; height: 2px; background: url("/design/sidmool/da_image/bg_join_step_line.png") no-repeat center; z-index: -1;}
#wrap .join_progress li {font-size: 16px; font-weight: 500; color: #111; text-align: center;}
#wrap .join_progress li + li {margin-left: 80px;}
#wrap .join_progress li .icon {width: 100px; height: 100px; margin-bottom: 18px; border-radius: 50%; overflow: hidden;}
#wrap .join_progress li:nth-child(1).on .icon {background: #92c501 url('/design/sidmool/da_image/icon_join_step1_on.png') no-repeat center;}
#wrap .join_progress li:nth-child(2) .icon {background: #eee url('/design/sidmool/da_image/icon_join_step2.png') no-repeat center;}
#wrap .join_progress li:nth-child(2).on .icon {background: #92c501 url('/design/sidmool/da_image/icon_join_step2_on.png') no-repeat center;}
#wrap .join_progress li:nth-child(3) .icon {background: #eee url('/design/sidmool/da_image/icon_join_step3.png') no-repeat center;}

#wrap .join_wrap .page-body {width: 1000px; margin-top: 56px;}
#wrap .join_wrap .new-privercy-contract {width: 100%; padding: 0;}
#wrap .join_wrap #chkwrap {border-color: #ddd;}
/* #wrap .join_wrap #chkwrap label input[type="checkbox"]:before, #wrap .join_wrap #chkwrap label input[type="checkbox"]:before {margin-right: 6px;}*/
#wrap .join_wrap #chkwrap .all-chk {height: 80px; box-sizing: border-box; padding-left: 28px; border-bottom-color: #ddd; line-height: 80px;}
#wrap .join_wrap #chkwrap .all-chk .input-cbox {width: auto; height: auto;}
#wrap .join_wrap #chkwrap .all-chk label {font-size: 18px; font-weight: bold; color: #111;}
#wrap .join_wrap #chkwrap .cont {padding: 22px 28px 32px;}
#wrap .join_wrap #chkwrap .cont ul {padding-bottom: 18px;}
#wrap .join_wrap #chkwrap .cont ul li {float: none; width: 100%; margin-left: 0;}
#wrap .join_wrap #chkwrap .cont ul li + li {padding-top: 18px;}
#wrap .join_wrap #chkwrap .cont ul li a {display: none;}
#wrap .join_wrap #chkwrap .cont label {font-weight: 400;}
#wrap .join_wrap #chkwrap .cont .marketing {padding: 0; border: 0;}
#wrap .join_wrap #chkwrap .cont .marketing .mk-wrap {height: auto; line-height: normal;}
#wrap .join_wrap #chkwrap .cont .marketing .mk-wrap strong {font-weight: 400; color: #333;}
#wrap .join_wrap #chkwrap .cont .marketing .mk-wrap > div {font-size: 16px; color: #333;}
#wrap .join_wrap #chkwrap .cont .marketing .mk-wrap > div label input[type="checkbox"]:before, #wrap .join_wrap #chkwrap .cont .marketing .mk-wrap > div input[type="checkbox"]:before {margin-right: 6px;}
#wrap .join_wrap #chkwrap .cont .marketing .txt {display: none;}

#yaok2:after {content: "[필수]"; display: inline-block; margin-top: -3px; font-size: 16px; color: #333; vertical-align: middle; cursor: pointer;}
#privacy1:after {content: "[필수]"; display: inline-block; margin-top: -3px; font-size: 16px; color: #333; vertical-align: middle; cursor: pointer;}
#ad_every_agree:after {content: "[선택]"; display: inline-block; margin-top: -3px; font-size: 16px; color: #333; vertical-align: middle; cursor: pointer;}

#wrap .join_wrap .new-privercy-contract .btn_agree {display: block; width: 260px; height: 70px; margin: 0 auto; margin-top: 60px; font-size: 20px; font-weight: 600; line-height: 70px; text-align: center;}

#wrap .join_wrap h4.tit {margin-top: 76px; margin-bottom: 16px; padding-left: 0; font-size: 18px; font-weight: 500; color: #333; letter-spacing: inherit; font-family: 'Pretendard', 'Malgun Gothic', '맑은 고딕', -apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,dotum, sans-serif; }
#wrap .join_wrap h4.tit#chk_cont1 {margin-top: 96px;}
#wrap .join_wrap .privercy-contract {width: 100%; height: 150px; box-sizing: border-box; padding: 0 10px; border: 1px solid #ddd;}
#wrap .join_wrap .privercy-contract textarea {width: 100%; height: 100%; border: 0; box-sizing: border-box; padding-top: 20px; padding-left: 10px; color: #777; white-space: break-spaces; overflow: hidden; overflow-y:auto; outline:0; resize: none;}
#wrap .join_wrap .privercy-contract textarea::-webkit-scrollbar {width: 5px;}
#wrap .join_wrap .privercy-contract textarea::-webkit-scrollbar-thumb {background-color: #666; border-radius: 2.5px;}
#wrap .join_wrap .privercy-contract textarea::-webkit-scrollbar-track {border-radius: 2.5px;background:#ddd;}
#wrap .join_wrap .privercy-contract textarea::-webkit-scrollbar-button:vertical:start:decrement,
#wrap .join_wrap .privercy-contract textarea::-webkit-scrollbar-button:vertical:start:increment {display: block; height: 5px;}
#wrap .join_wrap .privercy-contract textarea::-webkit-scrollbar-button:vertical:end:decrement,
#wrap .join_wrap .privercy-contract textarea::-webkit-scrollbar-button:vertical:end:increment {display: block; height: 5px;}

#wrap .join_wrap .new-privercy-contract .contract-tbl th, #wrap .join_wrap .new-privercy-contract .contract-tbl td {border-color: #ddd; font-size: 16px; color: #666; letter-spacing: -0.02em;}
#wrap .join_wrap .new-privercy-contract .contract-tbl th {background: #fff; font-weight: 500; color: #333;}
#wrap .join_wrap .new-privercy-contract .contract-tbl th:first-child {border-left: 0;}
#wrap .join_wrap .new-privercy-contract .contract-tbl thead th {border-top-color: #000;}
#wrap .join_wrap .new-privercy-contract .contract-tbl thead th:last-child,
#wrap .join_wrap .new-privercy-contract .contract-tbl tbody td:last-child {border-right: 0;}
#wrap .join_wrap .new-privercy-contract .contract-tbl th div {height: 69px; line-height: 69px;}
#wrap .join_wrap .new-privercy-contract .contract-tbl td div {display: flex; align-items: center; justify-content: center; min-height: 70px; box-sizing: border-box; line-height: 1.56;}
#wrap .join_wrap .new-privercy-contract .contract-tbl td [class*="holding"]{font-size: inherit; font-weight: 500; color: #333;}
#wrap .join_wrap .new-privercy-contract p {font-size: 15px; font-weight: 400; color: #777; letter-spacing: -0.02em; line-height: 1.56;}
/* BASIC css end */