/* BASIC css start */
/* mer_N MakeShop join terms UI */
#contentWrapper,#contentWrap,#content{float:none!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important}
#terms{width:100%!important;max-width:1240px!important;margin:0 auto!important;padding:82px 24px 120px!important;box-sizing:border-box;color:#272522;background:#fff}
#terms *{box-sizing:border-box}
#terms .cateTit_v2.join{margin:0 0 56px!important;padding:0!important;border:0!important;text-align:center}
#terms .cateTit_v2.join .title{display:block!important;margin:0!important;color:#272522;font:400 34px/1.3 Georgia,'Noto Serif KR',serif!important;letter-spacing:-.4px}
#terms .cateTit_v2.join .title:after{content:'JOIN';display:block;margin-top:12px;color:#95887c;font:10px/1.4 Arial,sans-serif;letter-spacing:2.4px}
#terms .page-body{float:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
#terms fieldset{margin:0;padding:0;border:0}
#terms fieldset>legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#terms .new-privercy-contract{width:100%;margin:0;padding:0;border-top:1px solid #302d2a}
#terms .new-privercy-contract>.tit{margin:0!important;padding:34px 0 17px!important;border:0!important;color:#302d2a!important;font-size:16px!important;font-weight:500!important;line-height:1.5!important}
#terms .privercy-contract{margin:0;padding:0;border:0}
#terms .privercy-contract textarea{display:block;width:100%!important;height:210px!important;margin:0!important;padding:20px!important;border:1px solid #ddd8d2!important;border-radius:0!important;background:#faf9f7!important;color:#67615b!important;font:12px/1.8 Arial,'Noto Sans KR',sans-serif!important;resize:vertical;outline:0}
#terms .privercy-contract textarea:focus{border-color:#77716b!important}
#terms .privercy-chk{display:flex!important;justify-content:flex-end;align-items:center;min-height:54px;margin:0!important;padding:13px 0!important;border:0!important;color:#4b4743;font-size:12px;line-height:1.6}
#terms input[type=checkbox]{width:16px;height:16px;margin:0 7px 0 0;vertical-align:-3px;accent-color:#302d2a}
#terms .contract-tbl{width:100%!important;margin:0!important;border-collapse:collapse!important;border-top:1px solid #302d2a!important;table-layout:fixed;background:#fff}
#terms .contract-tbl caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
#terms .contract-tbl th,#terms .contract-tbl td{height:auto!important;padding:15px 13px!important;border:1px solid #e2ddd7!important;color:#5f5953!important;font-size:12px!important;line-height:1.65!important;text-align:center!important;vertical-align:middle!important;word-break:keep-all}
#terms .contract-tbl th{background:#f7f5f2!important;color:#37332f!important;font-weight:500!important}
#terms .contract-tbl td:first-child{text-align:left!important}
#terms .privacy-noti{margin:10px 0 0!important;color:#8a837c!important;font-size:11px!important;line-height:1.7!important}
#terms .btn-agree{display:flex!important;justify-content:center;margin:52px 0 0!important;padding:0!important;border:0!important}
#terms .btn-agree a{display:flex!important;align-items:center;justify-content:center;width:100%!important;max-width:340px!important;min-height:54px!important;margin:0!important;padding:0 24px!important;border:1px solid #302d2a!important;background:#302d2a!important;color:#fff!important;font-size:13px!important;font-weight:500!important;text-decoration:none!important;transition:background .2s ease,border-color .2s ease}
#terms .btn-agree a:hover{background:#151412!important;border-color:#151412!important}
#terms .btn-agree a:focus-visible{outline:1px solid #302d2a;outline-offset:3px}
@media(max-width:760px){#terms{max-width:none!important;padding:56px 18px 84px!important}#terms .cateTit_v2.join{margin-bottom:40px!important}#terms .cateTit_v2.join .title{font-size:29px!important}#terms .new-privercy-contract>.tit{padding-top:29px!important;font-size:15px!important}#terms .privercy-contract textarea{height:180px!important;padding:15px!important;font-size:12px!important}#terms .privercy-chk{justify-content:flex-start}#terms .contract-tbl{display:block;overflow-x:auto;white-space:normal}#terms .contract-tbl thead,#terms .contract-tbl tbody{min-width:640px}#terms .contract-tbl tr{display:table;width:640px;table-layout:fixed}#terms .contract-tbl th,#terms .contract-tbl td{padding:12px 9px!important;font-size:11px!important}#terms .btn-agree{margin-top:38px!important}#terms .btn-agree a{max-width:none!important}}
/* Optional MakeShop modules that appear according to join settings */
#terms .form-wrap{width:100%;margin:30px 0 0;padding:0 24px 21px;border:1px solid #ddd8d2;border-radius:0;background:#fff;text-align:left}
#terms .form-wrap h3.form-title{margin:0;padding:21px 0 0;color:#302d2a;font-size:15px;font-weight:500;cursor:pointer}
#terms .form-wrap h3.form-title strong{display:block;padding-right:28px;background:url(/images/common/ico_arrow_up.png) no-repeat right center;letter-spacing:-.02em}
#terms .form-wrap h3.form-title.off strong{background-image:url(/images/common/ico_arrow_down.png)}
#terms .new-privercy-contract h3{position:relative;margin:34px 0 17px;color:#302d2a;font-size:16px;font-weight:500;text-align:left}
#terms .new-privercy-contract h3 span{color:#8d6f5d}
#terms .new-privercy-contract h3 .check{position:absolute;top:0;right:0;width:auto;color:#625c56;font-size:12px;font-weight:400}
#terms .new-privercy-contract h3 .check input{width:16px;height:16px;vertical-align:-3px}
#terms .new-privercy-contract h3.w-normal{font-weight:400}
#terms .new-privercy-contract .p10{padding:10px}
#terms .new-privercy-contract .period{font-size:12px;font-weight:600}
#terms .privercy-contract-tap{height:auto}
#terms .privercy-agree{margin-bottom:28px}
#terms .tbl{width:100%;margin:0;padding:0;border-spacing:0;border-collapse:collapse;border-top:1px solid #ddd8d2;border-left:1px solid #ddd8d2;table-layout:fixed}
#terms .tbl caption{display:none}
#terms .tbl th,#terms .tbl td{height:auto;margin:0;padding:12px 10px;border-right:1px solid #ddd8d2;border-bottom:1px solid #ddd8d2;color:#5f5953;font-size:12px;line-height:1.6;letter-spacing:-.02em}
#terms .tbl th{background:#f7f5f2;color:#302d2a;font-weight:500;text-align:center}
#terms .new-privercy-contract .tbl td{background:#fff}
#terms .tbl td ul,#terms .tbl td li{margin:0;padding:0;list-style:none}
#terms .tbl td ul{width:auto;margin:5px auto}
#terms .tbl td .txt-l{margin:0;padding:5px 3px;text-align:left}
#terms .tbl td .mr15{margin-right:15px}
#terms .btn-foot{margin-top:24px;text-align:center;font-size:0;line-height:0}
#terms .btn-foot a{display:inline-flex;min-width:130px;min-height:46px;align-items:center;justify-content:center;margin:0 0 0 8px;padding:0 20px;border:1px solid #302d2a;background:#fff;color:#302d2a;font-size:12px;line-height:1.4}
#terms .btn-foot a:first-child{margin-left:0}
#terms #chkwrap{border:1px solid #ddd8d2;background:#fff}
#terms #chkwrap .all-chk{display:flex;min-height:52px;align-items:center;padding:0 18px;border-bottom:1px solid #ddd8d2;color:#302d2a;font-size:13px;font-weight:500;line-height:1.5}
#terms #chkwrap .all-chk .input-cbox{width:16px;height:16px;margin-right:7px}
#terms #chkwrap .cont{padding:4px 18px 16px}
#terms #chkwrap .cont ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin:0;padding:14px 0;list-style:none}
#terms #chkwrap .cont ul:after{display:none}
#terms #chkwrap .cont ul li{float:none;width:auto;margin:0;color:#625c56;font-size:12px;line-height:1.7}
#terms #chkwrap .cont ul li a{display:inline-flex;width:auto;min-width:54px;height:24px;align-items:center;justify-content:center;margin:-2px 0 0 6px;padding:0 7px;border:1px solid #d3cdc7;background:#fff;color:#625c56;font-size:10px;font-weight:400;line-height:1!important}
#terms #chkwrap .cont strong,#terms #chkwrap .cont label{color:#302d2a;font-weight:500}
#terms #chkwrap .cont .marketing{padding:14px 0 0;border-top:1px solid #e7e2dc;color:#625c56;font-size:12px;line-height:1.7}
#terms #chkwrap .cont .marketing .mk-wrap{height:auto;line-height:1.7}
#terms .btm-msg{padding-top:24px;color:#817970;font-size:11px;line-height:1.7}

@media(max-width:760px){#terms .form-wrap{padding-right:15px;padding-left:15px}#terms #chkwrap .cont ul{grid-template-columns:1fr}#terms .tbl{display:block;overflow-x:auto}#terms .btn-foot{display:grid;gap:8px}#terms .btn-foot a{width:100%;margin:0}}



/* BASIC css end */

