:root {
    --placehold:#9FA0A4;
    --bd-gray: #c8c8c8;
    --dark-gray: #68696B;
    --black: #1C2638;
    --blue:#007AFF;
    --red:#DE5943;
}
.bl { display: block }
.mb10 { margin-bottom: 10px; }
.mt15 { margin-top: 15px; }
.mt25 { margin-top: 25px; }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}

input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active {
	-webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}
.m-hide { display: block; }
.pc-hide { display: none; }
.card {
    border:1px solid var(--bd-gray);
    border-radius: 8px;
    box-sizing: border-box;
}
.card .card_tit {
    border-bottom:1px solid var(--bd-gray);
    padding:30px;
    box-sizing: border-box;
}
.card .card_contents { padding:30px; }
.card .card_contents.cpn-ipt-step1 { padding:22px 30px; }
.card .card_contents .grid-1,
.card .card_contents .grid-2 { margin:0 -15px; }
.card .card_contents .grid-1 > li { width: 100%; }
.card .card_contents .grid-1 > li > *,
.card .card_contents .grid-2 > li > * { margin:0 15px; }
.card .card_contents .grid-1 li dl { display: flex; }
.card .card_contents .grid-1 li dl dt,
.card .card_contents .grid-1 li dl dd{
    font-size: 13px;
    font-weight: 500;
    line-height: 2.5;
}
.card .card_contents .grid-1 li dl dt {
    margin-right: 20px;
    color:var(--dark-gray);
    width:86px;
}
.card .card_contents .grid-1 li dl dd {
    color:var(--black);
}
.card .card_tit h6 {
    color: var(--black);
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
}
.red { color:var(--red); }
.d-gray { color:var(--dark-gray); }
.blue { color:var(--blue); }
.blue-btn {
    background: var(--blue);
    border-radius: 8px;
    color:#fff;
}
.dark-gray-btn {
    background: var(--dark-gray);
    border-radius: 8px;
    color:#fff;
}
.gray-btn {
    background: var(--bd-gray);
    border-radius: 8px;
    color:var(--placehold);
    transition: .2s;
}
.gray-btn.active { background: var(--dark-gray); color:#fff; }
.fs14 { font-size:14px; }
.fs18 { font-size:18px; }

input.df-input {
    border-radius: 8px;
    border: 1px solid var(--bd-gray);
    background: #FFF;
    box-sizing: border-box;
    height: 48px;
    width: 100%;
    color: var(--black);
    font-size: 13px;
    font-weight: 400;
    padding: 0 16px;
}
input.df-input:read-only {
    background: #E8E8E8
}
input.df-input::placeholder { color:var(--placehold); }
input.df-input.focus { outline: var(--blue) solid 1px; }
input.df-input.error { outline: var(--red) solid 1px; }
input.df-input.sucs { background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/ck-blue.png) right 10px center/14px no-repeat; }
.input-box {
    position: relative;
    border-radius: 4px;
    border: 1px solid #c8c8c8;
    background: #FFF;
    box-sizing: border-box;
    height: 40px;
    width: 100%;
    color: var(--black);
    font-size: 14px;
    font-weight: 400;
    padding: 0 4px 0 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.input-box.focus { outline: var(--blue) solid 1px; }
.input-box.error { outline: var(--red) solid 1px; }
.input-box input {
    font-size: 13px;
    font-weight: 400;
    width: calc(100% - 25px);
    display: block;
    flex: 1;
}
.input-box input::placeholder { color:var(--placehold); }
.input-box .app-timer { margin:0 8px 0 0; }
.input-box button.gray-btn {
    padding:0 12px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    display: none;
}
.input-box.sucs {
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/ck-blue.png) right 10px center/14px no-repeat;
}
.input-box.sucs input { flex: none; }

.input-box button.gray-btn.on {
    display: block;
}
.input-box .val-ck-list {
    position: absolute;
    top: 50px;
    left: 0;
    color:var(--placehold);
    font-size:13px;
}
.input-box .val-ck-list span {
    padding-left:13px;
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/ck-gray.png) left center/10px no-repeat;
    margin-right: 10px;
}
.input-box .val-ck-list span.sucs {
    color:var(--blue);
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/ck-blue.png) left center/10px no-repeat;
}
.input-box .val-ck-list span.fail {
    color:var(--red);
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/ck-red.png) left center/10px no-repeat;
}
.input-box .val-error {
    color:var(--red);
    position: absolute;
    top: 50px;
    left: 0;
    font-size:13px;
}
.input-box p.cmt {
    color:#adadad;
    position: absolute;
    top: 50px;
    left: 0;
    font-size:12px;
}
.input-box .val-done {
    color:var(--blue);
    position: absolute;
    top: 50px;
    left: 0;
    font-size:13px;
}
textarea.df-textarea {
    border-radius: 8px;
    border: 1px solid var(--bd-gray);
    background: #FFF;
    box-sizing: border-box;
    width: 100%;
    color: var(--black);
    font-size: 13px;
    font-weight: 400;
    padding: 16px;
    min-height: 100px;
}
input.df-input::placeholder {
    color:var(--placehold);
}
.ipt-btn { display: flex; align-items: center; justify-content: space-between; }
.ipt-btn > button {
    padding:0 10px;
    height: 48px;
    margin-left: 4px;
    word-break: keep-all;
}
.file-input {
    border-radius: 8px;
    border: 1px solid var(--bd-gray);
    width: 100%;
    box-sizing: border-box;
    height: 48px;
    display: block;
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/icon_clip.png) right 15px center/12px no-repeat;
    position: relative;
    overflow: hidden;
}
.file-input.disabled { pointer-events: none; background: #F6F7FB; }
.file-input.on { background-position: right 50px center; }
.file-input .file-name {
    padding:16px 36px 16px 16px;
    background: none;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    width:calc(100% - 52px);
    cursor: pointer;
}
.file-input.on .file-name { width: calc(100% - 90px); }
.file-input .file-name::placeholder { color: var(--placehold); }
.file-input input[type="file"] { display: none; }
.file-input .del-file {
    position: relative;
    width: 18px;
    height: 18px;
    background: var(--placehold);
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.file-input .del-file:before,
.file-input .del-file:after {
    content: '';
    display: inline-block;
    background: #fff;
    width: 55%;
    height: 1px;
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
}
.file-input .del-file:before { transform: rotate(45deg); }
.file-input .del-file:after { transform: rotate(-45deg); }
.radio-cs input { display: none; }
.radio-cs label {
    border-radius: 50%;
    display: inline-block;
    padding-left:28px;
    position: relative;
    margin-right: 30px;
    cursor: pointer;
    color: var(--black);
    font-size: 13px;
    font-weight: 400;
}
.radio-cs label:before,
.radio-cs label:after {
    content: '';
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    left:0;
    top:0;
    bottom:0;
    margin:auto;
}
.radio-cs label:before { width:18px; height: 18px; border:1px solid var(--bd-gray); }
.radio-cs label:after {
    width: 10px;
    height: 10px;
    background: #fff;
    left:5px;
}
.radio-cs input:checked + label:before { border-color:var(--blue); }
.radio-cs input:checked + label:after { background: var(--blue); }
.ck-cs input { display: none; }
.ck-cs label {
    position: relative;
    padding-left: 26px;
    cursor: pointer;
    color: var(--dark-gray);
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
}
.ck-cs label:before {
    content: '';
    position: absolute;
    left:0;
    top:0;
    bottom:0;
    margin:auto;
    width: 18px;
    height: 18px;
    border-radius: 5px;
    display: inline-block;
    border:1px solid var(--bd-gray);
    box-sizing: border-box;
}
.ck-cs label:after {
    content: '';
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/hospitalOpen/chk-white.png) center center/100% no-repeat;
    width: 9px;
    height: 6px;
    position: absolute;
    display: inline-block;
    left: 5px;
    top: 0;
    bottom: 0;
    margin:auto;
}
.ck-cs input:checked + label:before { border:1px solid var(--blue); background: var(--blue); }
.lg-btn {
    width: 240px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    margin:60px auto;
    display: block;
    border-radius: 8px;
}







/*.container { padding-top:40px; }*/
h4.sub-tit {
    margin-bottom: 16px;
    color: var(--black);
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
}

.list > li > .list_tit {
    color: var(--dark-gray);
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 12px;
}
.list > li > .radio-cs { margin-bottom: 12px; }
.join-stage-board { margin-bottom: 16px; }
.join-stage-board li .lb {
    border-radius: 20px;
    border: 1px solid var(--bd-gray);
    padding: 7px 14px;
}
.join-stage-board li .lb svg { margin-right:4px; fill:#767676; }
.join-stage-board li.on .lb { border: 1px solid var(--blue); color:var(--blue); }
.join-stage-board li.on .lb svg { fill:var(--blue); }
.join-stage-board li .arrow { margin: 0 8px; }
.list.cpn-join_li > li { margin-bottom: 30px; }
.list.cpn-join_li > li:last-child { margin-bottom: 0; }
.list.cpn-join_li > li.off-lcs {
    opacity: .4;
    pointer-events: none;
}
.list .adrs-input-cs input { margin-bottom: 10px; flex:1; }
.list .adrs-input-cs input:last-child { margin-bottom: 0; }
.list .adrs-input-cs button { margin-bottom: 10px; }
.card_none-data-box {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 314px;
}
.card_none-data-box .circle {
    background: #AAAAB7;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin:0 auto 20px;
}
.card_none-data-box h6 {
    color: var(--black);
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 8px;
}
.card_none-data-box p {
    color: var(--dark-gray);
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
}
.card_data-box .list { overflow-y: scroll; height: 312px; }
.card_data-box .list::-webkit-scrollbar { width: 3px; }
.card_data-box .list::-webkit-scrollbar-thumb { background: var(--placehold); }
.card_data-box .list > li {
    border-bottom: 1px solid var(--bd-gray);
    padding:20px 16px;
    display: flex;
    align-items: center;
}
.card_data-box .list > li > .radio-cs { margin-bottom: 0; }
.card_data-box .data-box_noti {
    border:1px solid;
    color:var(--blue);
    border-radius: 8px;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    height: 48px;
    line-height: 48px;
    box-sizing: border-box;
    margin-top: 10px;
    width:100%;
}
.card_data-box .data-box_noti svg { margin-right: 7px; vertical-align: middle; }
.mb-mn-unck .paging-cs {
    margin: 0;
    width: 100%;
    display: block;
}
.stage01 .mb-mn-unck .paging-cs .paging { margin-top:10px; }


.card-mb01 { margin-bottom: 18px; }
.bd-bot { border-bottom: 1px solid var(--bd-gray); }
.questions-cs { padding: 20px 0 30px; margin-bottom: 30px!important; }
.agree-cs input { display: none; }
.agree-cs label {
    position: relative;
    color: var(--black);
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    padding-left: 26px;
    cursor: pointer;
}
.agree-cs label:before,
.agree-cs label:after { position: absolute; content: ''; }
.agree-cs label:before {
    width: 18px;
    height: 18px;
    border-radius: 5px;
    display: inline-block;
    border: 1px solid var(--bd-gray);
    box-sizing: border-box;
    left:0;
    top:0;
    bottom:0;
    margin:auto;
}
.agree-cs label:after {
    content: '';
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/hospitalOpen/chk-white.png) center center/100% no-repeat;
    width: 9px;
    height: 6px;
    position: absolute;
    display: inline-block;
    left: 5px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.agree-cs label .tag {
    border-radius: 3px;
    width: 34px;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    color:#666872;
    background: var(--bd-gray);
    margin-right: 3px;
}
.agree-cs label .tag.tag_red { background: #FCEBEA; color: var(--red); }
.agree-cs input:checked + label:before {
    border:1px solid var(--blue);
    background: var(--blue);
}
.agree-cs li { margin:7px 0; }
.agree-cs li button {
    border-radius: 5px;
    border: 1px solid #DBDBDB;
    background: #FFF;
    width: 106px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: var(--dark-gray);
    font-size: 12px;
    font-weight: 400;
    margin-left: 6px;
}

.stage02 .top-noti-cs {
    background: #FEF4F4;
    border:1px solid var(--red);
    padding:30px;
    border-radius: 8px;
}
.stage02 .top-noti-cs .noti_tit {
    color:var(--red);
    margin-bottom: 10px;
    font-weight: 700;
}
.stage02 .top-noti-cs .noti_tit svg { margin-right: 4px; vertical-align: middle; }
.stage02 .top-noti-cs p {
    color:var(--dark-gray);
    font-size: 13px;
    font-weight: 400;
}
.stage02 .card.m_n-bd .cpn-ipt-step1 ul.grid-1.cus-mb30 {
    margin-bottom: 28px;
    padding-bottom: 20px;
}
.lg-btn-cs button {
    margin:60px 10px;
}
.lg-btn-cs button.lg-btn { color:var(--placehold); border:1px solid var(--bd-gray); }
.lg-btn-cs button.lg-btn.blue-btn { color:#fff; }
.stage03 { margin:80px 0; }
.stage03 .tit-cs { margin-bottom: 60px; text-align: center; }
.stage03 .tit-cs .logo { width:60px; margin-bottom: 25px; text-align: center; }
.stage03 .tit-cs .txt-sbj {
    color: var(--black);
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
    height: 34px;
}
.stage03 .tit-cs p {
    color: #767676;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin-top:17px;
}
.stage03 .rolling-evt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin:0 -10px;
}
.stage03 .rolling-evt > li {
    margin:0 10px;
    box-sizing: border-box;
    border:1px solid var(--bd-gray);
    border-radius: 18px;
    width: 25%;
    transition: .5s;
}
.stage03 .rolling-evt > li.on {
    border:1px solid var(--blue);
    box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.15);
}
.stage03 .rolling-evt > li .cont .rol-tit {
    margin:30px 0 10px;
    color: var(--blue);
    text-align: center;
    font-size: 17px;
    font-weight: 700;
    line-height: 1;
}
.stage03 .rolling-evt > li .cont > ul { width: calc(100% - 60px); margin:auto; padding-bottom: 20px; }
.stage03 .rolling-evt > li .cont > ul > li {
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/ck-blue.png) left center/8px no-repeat;
    padding-left: 13px;
    color: #000;
    font-size: 13px;
    font-weight: 400;
    line-height: 2.5;
}
.txt-sbj .typing-txt{display: none;}
.txt-sbj .typeing-txt ul{list-style:none;}
.txt-sbj .typing {
    padding:0 10px;
    margin:0 3px;
    border-bottom: 3px solid var(--blue);
    color:var(--blue);
    display: inline-block;
}

.ex-guide-down {
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/icon_excel.png) left 6px center/14px no-repeat;
    border-radius: 5px;
    border: 1px solid #DBDBDB;
    padding:0 16px 0 22px;
    height: 28px;
    line-height: 28px;
    color: #000;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
}
.ex-guide-down svg { vertical-align: middle; }

.remain-free-popup-bg .remain-card .ex-pop-btns .btn {
    width: 140px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border-radius: 8px;
    border: 1px solid var(--bd-gray);
    color: var(--dark-gray);
    font-size: 15px;
    font-weight: 500;
    margin: 10px 6px 10px;
}
.remain-free-popup-bg .remain-card .ex-pop-btns .blue-btn { color:#fff; }
.remain-free-popup-bg .ex-err-rst-cs .ex-donw {
    border-radius: 5px;
    border: 1px solid #DBDBDB;
    color: #000;
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/icon_ex-err-file.png) left 12px center/14px no-repeat;
    padding: 8px 8px 8px 30px;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    margin-left: 5px;
}
.remain-free-popup-bg .ex-err-rst-cs .ex-donw svg {
    vertical-align: middle;
}
.remain-free-popup-bg .ex-err-rst-cs .table-radius {
    border-radius: 8px;
    border: 1px solid var(--bd-gray);
    background: #fff;
    box-sizing: border-box;
    overflow: hidden;
    margin-top:30px;
}
.remain-free-popup-bg .ex-err-rst-cs .table-radius > table { width: 630px; }
.remain-free-popup-bg .ex-err-rst-cs .table-radius > table .table-scr { overflow-y: scroll; }
.remain-free-popup-bg .ex-err-rst-cs .table-radius > table .table-scr::-webkit-scrollbar {
    width: 3px;
}
.remain-free-popup-bg .ex-err-rst-cs .table-radius > table .table-scr::-webkit-scrollbar-thumb {
    background: var(--placehold);
}
.remain-free-popup-bg .ex-err-rst-cs .table-radius > table table th,
.remain-free-popup-bg .ex-err-rst-cs .table-radius > table table td {
    box-sizing: border-box;
    border-bottom: 1px solid var(--bd-gray);
    font-size: 13px;
    height: 50px;
}
.remain-free-popup-bg .ex-err-rst-cs .table-radius > table table th { background: #F7F9FB; font-weight: 700; }
.remain-free-popup-bg .ex-err-rst-cs .table-radius > table table td { font-weight: 400; }
.remain-free-popup-bg .ex-err-rst-cs .table-radius > table table tr:last-child td { border-bottom: none; }
.remain-free-popup-bg .ex-err-rst-cs .table-radius > table table td:last-child { text-align: left; }
.remain-free-popup-bg .ex-err-rst-cs .ex-pop-btns { margin-top: 20px; }

@media screen and (max-width: 769px) {
    .m-hide {
        display: none;
    }

    .pc-hide {
        display: block;
    }

    h4.sub-tit {
        width: 100%;
        font-size: 28px;
        font-weight: 700;
        text-align: center;
        margin: 40px 0 60px;
    }

    .join-stage-board {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        width: 100px;
        justify-content: space-between;
        top: 80px;
        overflow: hidden;
    }

    .join-stage-board li span,
    .join-stage-board li svg {
        display: none;
    }

    .join-stage-board li {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 1px solid var(--bd-gray);
        border-radius: 50%;
        background: #fff;
    }

    .join-stage-board li:before {
        text-align: center;
        width: 100%;
        display: block;
        font-size: 12px;
        z-index: 1;
    }

    .join-stage-board li:after {
        content: '';
        display: inline-block;
        width: 100%;
        height: 1px;
        background: var(--bd-gray);
        position: absolute;
        top: 50%;
        z-index: -1;
    }

    .join-stage-board li.on:before {
        color: #fff;
    }

    .join-stage-board li:nth-child(1):before {
        content: '1';
    }

    .join-stage-board li:nth-child(2):before {
        content: '2';
    }

    .join-stage-board li:nth-child(3):before {
        content: '3';
    }

    .join-stage-board li.on {
        background: var(--blue);
    }

    .card.m_n-bd {
        border: none;
    }

    .card .card_tit {
        padding: 0 0 20px 0;
        border-color: var(--black);
    }

    .card .card_tit h6 {
        font-size: 20px;
    }

    .ck-cs label {
        font-size: 14px;
    }

    .card.m_n-bd ul.grid-2 > li {
        width: 100%;
    }

    .card .card_contents.cpn-ipt-step1 {
        padding: 30px 0;
    }

    .stage01 .lg-btn {
        width: 100%;
        height: 64px;
        line-height: 64px;
        margin: 0 0 100px;
        font-size: 16px;
    }

    .stage01 .agree-cs li button {
        position: absolute;
        top: -4px;
        right: 0;
        border: none;
        border-bottom: 1px solid var(--placehold);
        color: var(--placehold);
        border-radius: 0;
        width: 54px;
        font-size: 15px;
    }

    .stage01 .mb-mn-unck .paging-cs {
        position: relative;
        width: 90%;
        margin: auto !important;
    }

    .stage01 .mb-mn-unck .paging-cs .paging {
        margin: 0 0 40px
    }

    .card_data-box .list {
        height: 230px;
    }

    .card_none-data-box {
        height: 230px;
    }

    .stage02 .top-noti-cs {
        margin-bottom: 40px;
        padding: 20px;
    }

    .stage02 .top-noti-cs .noti_tit {
        font-size: 0;
        width: 20px;
        float: left;
        height: 77px;
    }

    .stage02 .top-noti-cs p {
        color: var(--red);
        font-size: 15px;
    }

    .remain-free-popup-bg .remain-card {
        width: calc(100% - 40px);
    }

    .remain-free-popup-bg .remain-card .cls-btn {
        right: 15px;
        top: 18px;
    }

    .remain-free-popup-bg .remain-card .cont_top .tit02 {
        font-size: 16px;
    }

    .remain-free-popup-bg .remain-card .cont_top {
        padding: 15px;
    }

    .remain-free-popup-bg .remain-card .cont_bot {
        padding: 15px;
    }

    .remain-free-popup-bg .remain-card .cont_bot h6 {
        font-size: 13px;
        margin-bottom: 8px;
    }

    .remain-free-popup-bg .remain-card .cont_bot .card.mb30 {
        margin-bottom: 15px;
    }

    .remain-free-popup-bg .remain-card .cont_bot .scroll {
        height: 120px;
        padding: 8px 10px;
    }

    .remain-free-popup-bg .remain-card .cont_bot .btn-cs {
        padding: 20px 0 10px;
    }

    .remain-free-popup-bg .remain-card .cont_bot .btn-cs button {
        font-size: 13px;
        width: 80px;
        height: 36px;
        line-height: 36px;
    }

    .input-box .val-ck-list {
        letter-spacing: -1px;
        font-size: 12px;
        top: 46px;
    }

    .list > li > .list_tit {
        margin-bottom: 8px;
        font-size: 14px;
    }

    .list.cpn-join_li > li {
        margin-bottom: 24px;
    }

    .list.cpn-join_li > li:last-child {
        margin-bottom: 24px;
    }

    input.df-input {
        height: 56px;
        font-size: 15px;
    }

    .ipt-btn > button {
        height: 56px;
        font-size: 14px;
    }

    .input-box input {
        font-size: 15px;
    }

    .agree-cs label {
        font-size: 15px;
    }

    textarea.df-textarea {
        font-size: 15px;
    }

    .mb-mn-unck {
        display: flex;
        flex-direction: column-reverse;
    }

    .mb-mn-unck .paging-cs {
        bottom: -10px;
    }

    .stage03 {
        margin: 60px 0 80px;
    }

    .stage03 .tit-cs img {
        display: none;
    }

    .stage03 .rolling-evt {
        position: relative;
        height: 320px;
        margin-bottom: 60px;
    }

    .stage03 .rolling-evt > li {
        width: 80%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        display: none;
    }

    .stage03 .rolling-evt > li.on {
        display: block;
    }

    .stage03 .rolling-evt > li .cont > ul {
        width: calc(100% - 30px);
    }

    .stage03 .tit-cs .txt-sbj {
        height: auto;
        line-height: 1.6;
    }

    .stage03 .tit-cs p {
        font-size: 15px;
        line-height: 1.5;
    }

    .join-btns button {
        color: var(--placehold);
        border: 1px solid var(--bd-gray);
        width: calc(50% - 8px);
        margin: 0 4px 40px;
        height: 64px;
        line-height: 64px;
        font-size: 16px;
    }

    .mob-fixed-bottom-wrap { display: none; }
    .questions-cs { padding: 5px 0 30px; }
    .card .card_contents .grid-1 li dl dt { width: 90px; }
}
.list > li > .ck-cs {
    margin-bottom: 12px;
}
.list.cpn-join_li > li { margin-bottom: 30px; }








/* 배송추적 */
.cargo-trace h2.sub-tit {
    padding-top:30px;margin-bottom: 16px;
    color: var(--black);
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
}

.cargo-trace .ck-state-searched .card_tit { background: rgba(247, 249, 251, 1); }
.cargo-trace .ck-state-searched .card_tit > div { width:530px; margin:auto }
.cargo-trace .ck-state-searched .card_tit > div > input {
    flex:1;
    padding-left:45px;
    background:#fff url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/cargo/icon_search.png) left 15px center no-repeat;
}
.cargo-trace .ck-state-searched .card_tit > div > input:focus { outline: var(--blue) solid 2px; }
.cargo-trace .ck-state-searched .card_tit > div > button {
    height: 48px;
    line-height: 48px;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    margin-left:8px;
    padding:0 15px;
}
.cargo-trace .card .card_contents .table_bd {
    border-radius: 8px;
    border: 1px solid var(--bd-gray);
    overflow: hidden;
    margin-bottom: 12px;
}
.cargo-trace .card .card_contents table thead { background: #F7F9FB; }
.cargo-trace .card .card_contents table tr { position: relative; }
.cargo-trace .card .card_contents table th,
.cargo-trace .card .card_contents table td {
    height: 58px;
    text-align: center;
    border-bottom:1px solid var(--bd-gray);
}
.cargo-trace .card .card_contents table td {
    position: relative;
    z-index: 1;
    /*cursor: pointer;*/
}
.cargo-trace .card .card_contents table tr:last-child td { border-bottom:0; }
.cargo-trace .card .card_contents table tbody tr:after {
    transition: .2s;
}
.cargo-trace .card .card_contents table tbody tr:not('.none-evt'):hover:after {
    content: '';
    width: 100%;
    z-index: 0;
    background: #F7F9FB;
    height: 40px;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}

.cargo-trace .card .card_contents table tbody tr:hover td { text-decoration: underline; }
.cargo-trace .card .card_contents table tbody tr.none-evt:hover td { text-decoration: inherit }

.cargo-trace .card .card_contents p.table_noti {
    color: var(--dark-gray);
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    height: 16px;
    line-height: 16px;
    padding-left: 24px;
    position: relative;
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/cargo/icon_notice.png) left center no-repeat;
    background-size:16px 16px;
}
.cargo-trace .stage {
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
    position: relative;
    text-align: center;
}
.cargo-trace .stage img { transform: scale(.5); }
.cargo-trace .stage .off img { filter:grayscale(1); }
.cargo-trace .stage p {
    color: var(--black);
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    padding-top: 42px;
    position: relative;
}
.cargo-trace .stage li { position: relative; width: 100%; }
.cargo-trace .stage li p:before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    top: 16px;
    background: var(--blue);
    margin: auto;
    z-index: 1;
}
.cargo-trace .stage li.off p:before { background: #DBDBDB; }
.cargo-trace .stage li p:after {
    content: '';
    width: 100%;
    height: 2px;
    background: var(--blue);
    display: block;
    position: absolute;
    right: 50%;
    top: 20px;
}
.cargo-trace .stage li:first-child p:after { content: none; }
.cargo-trace .stage li.off p:after { background: #dbdbdb; }
.cargo-trace .ck-state-detail { margin:20px 0 100px; }
.cargo-trace .ck-state-detail .table_bd { margin-top:30px; }
.cargo-trace .card .card_contents .none-date {
    height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.cargo-trace .card .card_contents .none-date .search-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #AAAAB7;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}
.cargo-trace .card .card_contents .none-date h6.sub-noti {
    color: var(--black);
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
}
.cargo-trace .card .card_contents .none-date p.sub-noti {
    margin-top:8px;
    color: var(--dark-gray);
    text-align: center;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
}



/* ver2  20240417 */
.mb-0 { margin-bottom: 0!important }
.pb-10 { padding-bottom: 10px!important; }
.pb-20 { padding-bottom: 20px!important; }
h4.sub-cmt {
    color: var(--dark-gray);
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
}
.integration-join-wrap { width: 720px; margin:auto; overflow: hidden }
.integration-join-wrap .logo { margin:30px 0 40px }
.integration-join-wrap .chapter-list {
    display: flex;
    justify-content: center;
    gap: 5px;
    margin:0 0 30px;
}
.integration-join-wrap .chapter-list li span {
    border-radius: 20px;
    border: 1px solid var(--bd-gray);
    padding: 7px 14px;
    font-size: 14px;
    color:#333;
    transition: .2s;
}
.integration-join-wrap .chapter-list li.on span {
    color: var(--blue);
    border:1px solid var(--blue);
    font-weight: 700;
}
.card_contents .sub-bd-wrap {
    padding:0 20px;
    display: block;
    border-top:1px solid var(--bd-gray);
    border-bottom:1px solid var(--bd-gray);
}
.card_contents .sub-bd-wrap.cust02 {
    border: none;
    margin-top:0;
}
.card_contents .agree-cs > ul > li { border-bottom: 1px solid var(--bd-gray) }
.card_contents .agree-cs > ul > li:last-child { border-bottom: 0 }
.card_contents .agree-cs .tab-tit { padding:20px 0; position: relative  }
.card_contents .agree-cs .tab-tit.down-bar .arrow {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    right:20px;
    top:0;
    bottom:0;
    margin:auto;
    background: url(https://resource.mall.castingn.com/static/images/new/pc/ico-arrow-down.png) center center / 100% no-repeat;
    cursor: pointer;
}
.card_contents .agree-cs .tab-tit.down-bar.active .arrow { transform: rotate(180deg) }
.agree-cs .tab-cont { display: none; padding-bottom: 20px }
.agree-cs .tab-cont .guide {
    border: 1px solid var(--bd-gray);
    border-radius: 8px;
    box-sizing: border-box;
}
.agree-cs .tab-cont .guide .scroll {
    height: 200px;
    padding: 16px 20px;
    overflow-y: scroll;
    margin: 5px;
}
.agree-cs .tab-cont .guide .scroll::-webkit-scrollbar { width: 4px; }
.agree-cs .tab-cont .guide .scroll::-webkit-scrollbar-thumb { border-radius: 10px; background: #C5C6C8; }
input.agree-all { display: none }
input.agree-all + label {
    position: relative;
    color: var(--black);
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    padding-left: 26px;
    cursor: pointer;
}
input.agree-all + label:before {
    content: '';
    width: 18px;
    height: 18px;
    border-radius: 5px;
    display: inline-block;
    border: 1px solid var(--bd-gray);
    box-sizing: border-box;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
}
input.agree-all:checked + label:after {
    content: '';
    background: url(https://castingn-mall.s3.ap-northeast-2.amazonaws.com/static/images/hospitalOpen/chk-white.png) center center / 100% no-repeat;
    width: 9px;
    height: 6px;
    position: absolute;
    display: inline-block;
    left: 5px;
    top: 0;
    bottom: 0;
    margin: auto;
}
input.agree-all:checked + label:before {
    border: 1px solid var(--blue);
    background: var(--blue);
}
.unblue-btn {
    width: 240px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    margin: 60px auto;
    display: block;
    border-radius: 8px;
    background: var(--bd-gray);
    color:var(--placehold);
    transition: .2s;
    pointer-events: none;
}
.unblue-btn.active { background: var(--blue); color:#fff; pointer-events: auto }
.integration-join-wrap .chpt-cs { display: none; transform: translateY(25%); transition: .5s }
.integration-join-wrap .chpt-cs.active { transform: translateY(0) }
.cpn-join_li.line { gap: 30px; padding:30px 0; display: grid }
.cpn-join_li.line > li { position: relative }
.shlink0 { flex-shrink: 0 }
.cpn-join_li.line > li .val-error {
    color:var(--red);
    position: absolute;
    bottom: -25px;
    left: 18px;
    font-size:13px;
}
.cpn-join_li.line .tel-app-input-box .time { color:var(--blue); margin-right:10px }
.cpn-join_li.line .ipt-btn > button { margin-left:10px; width: 138px }
.cpn-join_li.line .phone-chk .ck-num-area { display: flex; align-items: center; margin-top:10px }
.cpn-join_li.line .phone-chk .ck-num-area button {
    padding: 0 30px;
    height: 48px;
    word-break: keep-all;
    margin-left: 10px;
    width: 138px;
}

select.df-select {
    border-radius: 8px;
    border: 1px solid var(--bd-gray);
    background-color: #FFF;
    box-sizing: border-box;
    height: 48px;
    width: 100%;
    color: var(--black);
    font-size: 13px;
    font-weight: 400;
    padding: 0 45px 0 16px;
    background-image: url("https://resource.mall.castingn.com/static/images/dropdown-arrow.svg");
}
.g30 { gap: 30px }
select.df-select:disabled { background: #E8E8E8 }
.w-full-half-flx1 { width: 50%!important; flex: 1 }
.pt25 { padding-top:25px }

@media screen and (max-width: 769px) {
    .integration-join-wrap .logo { margin: 0 0 24px; width:90px }
    .integration-join-wrap { width: 100% }
    .integration-join-wrap .chapter-list { gap:2px; margin-bottom:20px }
    .integration-join-wrap .chapter-list li span { padding: 4px 8px; font-size: 12px; }
    .card .card_contents { padding:20px }
    .mt25 { margin-top:1rem; }
    h4.sub-cmt { font-size: 13px }
    .card_contents .sub-bd-wrap { padding:0 }
    .card_contents .agree-cs .tab-tit { padding:15px 0 }
    .agree-cs label { font-size: 13px }
    .unblue-btn { margin: 0 auto 30px; height: 50px; line-height: 50px; font-size: 16px }
    .cpn-join_li.line { gap: 20px; padding:20px 0; }
    .cpn-join_li.line > li .val-error { font-size: 11px; bottom: -20px }
    .g30 { gap:1rem }
    h4.sub-tit { margin:25px 0 0 }
    input.df-input { height: 38px; font-size: 13px }
    .cpn-join_li.line .ipt-btn > button { width: 120px; padding: 0; height: 38px }
    select.df-select { height: 38px }
}

[class*="_w-lg"]{ font-weight: 700 }
[class*="_w-bd"]{ font-weight: 700 }
[class*="_w-md"]{ font-weight: 500 }
[class*="_w-sm"]{ font-weight: 400 }
[class*="_w-nm"]{ font-weight: 400 }