/* BASIC css start */
caption {display: none;}

#terms { margin:0 auto; padding-top:50px; width:800px }

.tit-jointype { padding-top:30px; text-align:center }
.tit-jointype h2 { font-size:40px; font-weight:bold; font-family:Malgun Gothic,"¸¼Àº °íµñ", sans-serif; line-height:1 }
.tit-jointype h3 { padding-top:7px; font-size:19px; line-height:1.5 }

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 { padding-top:50px; position:relative }
.new-privercy-contract .usePrivacyTitle { font-size:20px; font-weight:500;}
.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:50px 0 30px; text-align:center }
.btn-agree a {    display: inline-block;
    width: 250px;
    height: 56px;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    line-height: 56px;
    background: #000;}

#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 { margin-top:15px; border:0 !important }
#chkwrap .all-chk {padding-left:0 !important; position:relative; height:auto !important; line-height:normal !important; border-bottom:0 !important }
#chkwrap .all-chk label { 
    font-size: 0;
    font-weight: 500;
    line-height: 1; }
    
#chkwrap .all-chk label::after{
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    content:"¾à°ü Àüü µ¿ÀÇÇϱâ"}

#chkwrap .all-chk .input-cbox {
    width: 15px !important;
    height: 15px !important;
    margin-top: -11px;
    margin-right: 10px;}



input[type=checkbox]{
    position: relative;
    width: 18px;
    height: 18px;
    line-height: 1;
    margin-top: -2px;
    -webkit-appearance: none !important;
    outline: 0;;
    margin-right: 4px;}
    
input[type=checkbox]:before{
    background: url(/design/mhmall2023/2025_renewal/pc/img/basket_check_off.png) no-repeat;
    background-size:16px auto !important;
    content: "";
    font-size: 12px;
    text-align: center;
    position: absolute;
    left: -1px;
    top: 0px;
    z-index: 1;
    width: 16px;
    height: 16px;
    line-height: 16px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;}
input[type=checkbox]:checked:before{background: url(/design/mhmall2023/2025_renewal/pc/img/basket_check_on.png) no-repeat;
    content: "";
    background-size: 16px auto;}
input[type=checkbox]:after{display:none;content:"";position:absolute;top:-1px;left:-2px;width:16px;height:16px;background:#fff;border:2px solid #ccc;border-radius:3px;cursor:pointer;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
input[type=checkbox]:checked:after{background: #00aa6c;border: 2px solid #00aa6c;}





#chkwrap .cont { padding:0 !important }
#chkwrap .cont ul { width:100% !important }
#chkwrap .cont ul li { margin-left:26px !important; position:relative; float:none !important; width:auto !important; line-height:normal !important;padding-top:15px !important;}
#chkwrap .cont ul li..pt-10 {padding-top: 15px !important}
#chkwrap .cont ul li em { margin-left:5px; color:#6A6A6A }
#chkwrap .cont ul li label { 
    font-size: 14px;
    font-weight: 400;
    line-height: 1; }
#chkwrap .cont ul li a {
    position: absolute;
    top: 50%;
    right: 10px;
    height: auto !important;
    font-size: 14px !important;
    line-height: normal !important;
    border: 0 !important;
    background: none !important;
    transform: translateY(-50%);
    text-decoration: underline;
    color: #000;
    font-weight: 400 !important; }
#chkwrap .cont ul li a:after { display:none; position:absolute; top:0; right:0; font-family:xeicon, arial, sans-serif; content:"\e90b" }
#chkwrap .cont .marketing { padding-left:0 !important; border-top:0 !important; line-height:normal !important; margin-top: -7px;}
#chkwrap .cont .marketing .mk-wrap { padding:15px 26px !important; height:auto !important; font-size:20px; line-height:normal !important; }
#chkwrap .cont .marketing .mk-wrap label {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #000;}
#chkwrap .cont .marketing .mk-wrap em { margin-left:5px; color:#6A6A6A }
#chkwrap .cont .marketing .mk-wrap strong { font-weight:400 !important }
#chkwrap .cont .marketing .txt { 
    padding-left: 26px;
    font-size: 13px;
    line-height: 1.5;
    color: #6A6A6A;
    font-weight: 400;
    padding-top: 0;
}

#chkwrap .cont .marketing .txt span em{font-size:5px; vertical-align:middle; margin:0 5px}


#chkwrap .cont .marketing .mk-wrap > div{
    font-size: 0;
    display: block !important;
    margin-left: 27px;
    margin-top: 15px;
}

#chkwrap .cont strong{
    color:#6A6A6A !important;
    font-weight: normal !important;
}

/* °³ÀÎÁ¤º¸ ¼öÁýÀÌ¿ë, Á¦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; }

.agreeLayer { display:none; position:fixed; top:0; left:0; width:100%; height:100%; font-size:0; text-align:center; background:rgba(0,0,0,0.6); z-index:99999 }
.agreeLayer:before { display:inline-block; width:0; height:100%; vertical-align:middle; content:'' }
.agreeLayer .layerInner {
    display: inline-block;
    width: 390px;
    min-height: 250px;
    background: #fff;
    vertical-align: middle;
    padding: 0 30px; }
    
.agreeLayer .layerInner h4.tit {
    margin: 0 !important;
    padding: 50px 0px 30px 0px ! IMPORTANT;
    font-size: 20px;
    font-family: 'Pretendard', Malgun Gothic, "¸¼Àº °íµñ", Dotum, "µ¸¿ò", DotumChe, "µ¸¿òü", Verdana, monospace, Corbel, AppleGothic, Helvetica, sans-serif !important;
    font-weight: 500;
    text-align: left;
    line-height: 1 !important;}
    
.agreeLayer .layerInner textarea { 
    width: 100% !important;
    height: 350px;
    font-size: 13px;
    color: #333 !important;
    white-space: pre-wrap;
    box-sizing: border-box;
    border: 0;
    background: #fff;
    font-weight: 400;
    line-height: 1.5;}
    
.agreeLayer .layerInner .contract-tbl { width:100%; border-spacing:0; border-collapse:collapse }
.agreeLayer .layerInner .contract-tbl th,
.agreeLayer .layerInner .contract-tbl td { padding:10px; border:1px solid #e0e0e0; font-size:14px; text-align:center; }
.agreeLayer .layerInner .contract-tbl td .holdingY { font-size:14px !important }
.agreeLayer .layerInner .contract-tbl th { background: #fcfcfc; }
.agreeLayer .layerInner .contract-tbl th div { height:41px; line-height:43px; }
.agreeLayer .layerInner .contract-tbl tbody th { font-weight:normal; }
.agreeLayer .layerInner .btm-msg { padding-top:30px; font-size:14px; text-align:left; line-height:18px; }
.agreeLayer .layerInner .agreeLayerClose {    display: inline-block;
    margin: 30px 0;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    background: #000;
    cursor: pointer;
    width: 100%;
    height: 56px;
    line-height: 56px;
    border-radius: 0;}
    
    
#chk_cont2{}
#chk_cont2 table{display: flex;lex-direction: column; }
#chk_cont2 table colgroup{display:none}
#chk_cont2 table thead{width: 100px;}
#chk_cont2 table thead tr{display: flex;flex-direction: column;}
#chk_cont2 table tbody{}
#chk_cont2 table tbody tr{display: flex;flex-direction: column;}

#chk_cont2 .layerInner .contract-tbl tbody th:nth-child(1){background:#fff; text-align:left}

#chk_cont2 .layerInner .contract-tbl th,
#chk_cont2 .layerInner .contract-tbl td{border: 0; border-top: 1px solid #E0E2E5;  padding: 12px 20px;}
#chk_cont2 .layerInner .contract-tbl td{text-align:left}

#chk_cont2 .layerInner .contract-tbl thead th{background:#F6F6F6;border-top: 1px solid #E0E2E5; padding: 12px 0;}

#chk_cont2 .layerInner .contract-tbl thead th:nth-child(3){
    height: 42px;
    line-height: 42px;}
#chk_cont2 .layerInner .contract-tbl tbody td:nth-child(3){}
#chk_cont2 .table tbody td,
#chk_cont2 .table tbody th,{padding: 12px 0;}
#chk_cont2 .layerInner .contract-tbl th div{line-height:unset !important; height:unset !important;}


#chk_cont2 .layerInner .btm-msg{
    padding-top: 16px;
    font-size: 13px;
    text-align: left;
    line-height: 15px;
    color: #6A6A6A;
    border-top: 1px solid #E0E2E5;}
/* BASIC css end */